/* --- styles for the listing pages - no theme-specific colouring in this sheet --- */

#categoryheader {
margin:2px 2px 4px 2px;
height:100%;
padding:6px 0;
width:744px
}
#categoryheader img {
float:left;
margin:4px
}
#categoryheader p {
width:560px;
float:left;
font-size:80%;
margin:6px 0 6px 12px;
}
#topcat {
height:100px
}
#happyhabby {
height:176px
}
#backlink {
float:right;
display:inline;
margin:4px 30px 4px 0
}
#backlink a {
font-size:82%;
font-weight:800;
text-decoration:none;
color:white
}
img.imageinlineleft {
float:left;
margin:9px 6px 0 9px;
display:inline
}
.categoryhead {
height:58px;
padding:0 8px;
float:left;
margin:10px 0 0 10px;
background:white
}
#search {
height:60px;
width:112px;
padding:4px 8px;
float:right;
margin:5px 5px 0 0;
background:white;
border:1px solid #000033;
font-weight:600;
font-size:76%
}
#searchbox .gosearch {
clear:left;
margin:3px 0 0 0;
border:1px solid #c0c0c0
}
.detailsbox {
clear:both;
float:left;
margin:-4px 0px 0 2px;
height:100%;
width:744px;
padding:6px 0 0 0;
}
* html .detailsbox {
clear:both;
float:left;
margin:-4px 0px 0 1px;
height:100%;
width:744px;
padding:6px 0 0 0;
}
.categorybox {
background:white;
width:182px;
height:210px;
padding:0;
margin:2px 0 2px 2px;
display:block;
float:left;
}
* html .categorybox {
background:white;
width:180px;
height:210px;
padding:0;
margin:2px 0 2px 2px;
display:block;
float:left;
}
h1.categoryname {
font-size:140%;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0.1em;
float:left;
margin:14px 0 0 4px
}
.categorybox_heading {
	background-image:url(../pictures/winter/winter_arrow.gif);
	background-repeat:no-repeat;
	background-position:6px 8px;
	background-color:#005375;
	width:166px;
	height:20px;
	padding:4px 0 0 14px;
	margin:0;
	display:block;
	clear:both;
	color:#ffffff;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}
.habbyheading {
width:730px;
clear:left;
float:left;
}
.habbybox {
clear:left;
float:left;
width:730px;
height:100%;
padding:0
}
.habbybox ul {
clear:left;
float:left;
width:686px;
margin-bottom:4px;
padding-bottom:4px
}
.habbybox ul li {
float:left;
margin:2px 4px 2px 2px;
display:inline;
}
.categorybox_heading a {
color: #ffffff;
text-decoration:none
}
.categorybox_image {
	background: #ffffff;
	width: 176px;
	padding: 1px;
	margin: 0 auto;
	display: block;
	clear: both;
	float: left;
	/*border: 1px #ccc solid;*/
}
.categorybox_image img {
	width: 160px;
	margin: 0 0 0 9px;
	display: block;
	clear: both;
	float: left;
}
.categorybox ul {
	margin: 6px 0 0 6px;
	padding: 6px 0 0 6px
}
.categorybox ul li a {
	text-decoration:none;
	font-size:76%
}
.categorybox ul li a:hover {
	text-decoration:underline;
}
ul#brochurelist {
float:left;
margin:8px 0 8px 14px
}
ul#brochurelist li a {
margin:3px 0 3px 8px;
font-size:86%;
text-decoration:none
}
ul#brochurelist li a:hover {
text-decoration:underline
}
ul#brochurelist li h3 {
margin:8px 0 8px 0
}
.productlistwrapper img.leftlisting {
clear:left;
float:left;
margin:-10px 0 6px 2px
}
/*#manufacturerdetails {
clear:both;
float:left;
margin:8px 0 8px 12px;
background:#efedf2;
border:1px solid #9a8da7
}
#categorytable {
float:left;
margin:10px 0;
text-align:center
}

#categorytable tr td a p {
font-size:80%;
font-weight:bolder;
color:#3d3841;
clear:left;
margin-top:3px;
text-decoration:none;
}
#categorytable tr td a:hover p {
color:#a495b6
}*/

/* --- listing page element styles --- */
img.listimage {
/*width:120px*/
}
#toppager {
color:white;
float:right;
display:block;
margin:0 6px 10px 0
}
#toppager a {
color:white;
padding:0 3px
}
.results, .paginglinks {
clear:both;
float:left;
display:block;
width:744px;
margin:-2px 2px -1px 2px;
padding:3px 0;
text-indent:8px
}

* html .results, * html .paginglinks {
margin:-2px 0 -1px 1px;
}
.paginglinks {
height:42px
}
.paginglinks table {
float:right;
margin-right:4px;
}

.results h2 {
font-size:80%;
font-weight:400;
float:left;
display:inline
}
.results #productfilter {
float:left;
display:inline;
margin:-1px 0 0 8px
}
#pricesort {
/*float:left;
display:inline;
margin:0 4px*/
}

.paginglinks p, .paginglinks a {
font-size:86%;
color:white
}
.paginglinks p {
margin:0 0 0 8px;
float:left;
display:inline
}
.paginglinks a {
text-decoration:none;
margin:0 0 2px 8px;
}
.paginglinks a:hover {
text-decoration:underline;
color:#a3c1cd
}
.pricelinks {
clear:both;
float:left;
margin:6px 6px 6px 0;
padding:3px 0 3px 0;
text-indent:0;
text-align:center;
width:740px;
display:inline;
font-weight:500;
height:100%;
}
.phonebar {
clear:both;
float:left;
width:640px;
margin:6px auto 6px auto;
border-top:1px solid #ffffff;
font-weight:bold;
font-color:#ffffff;
font-size:122%;
text-align:left;
padding-left:100px;
}
.phonebarbottom {
width:100%;
margin:6px 0 6px 0;
display:block;
clear:both;
float:left;
font-weight:bold;
color:#ffffff;
font-size:122%;
text-align:center
}
.results a.movepage {
color:#ffffff;
font-size:100%;
text-decoration:none
}
.productlistwrapper {
clear:left;
float:left;
display:block;
height:100%;
margin:0 2px 0 0
}
* html .productlistwrapper {
	margin:0 0 0 0
}

.productlistwrapper p {
float:left;
font-size:80%;
margin:0 0 6px 12px;
width:360px
}
.productlistwrapper h3 {
float:left;
font-weight:bold;
font-size:92%;
margin:6px 0 6px 12px
}
.productlistwrapper .listdetails {
float:right;
display:inline;
width:122px;
margin:2px 2px 4px 2px;
}
.productlistwrapper .listdetails p {
clear:both;
width:122px;
float:left;
margin:2px 0;
font-weight:bolder
}
.productlistwrapper h3 {
width:450px;
}
.productlistwrapper .listdetails img {
clear:both;
float:left;
margin:0
}
.productlistwrapper img.star {
border:0;
margin-left:16px
}
.productlistwrapper .pricebox {
/*height:61px;*/
width:122px;
float:right;
display:inline;
margin:7px 2px 10px 0;
background:#FE0000
}
.productlistwrapper .pricebox img {
border:none;
width:122px
}

.productlistwrapper .pricebox p {
width: 90%;
color:white;
font-size:156%;
font-weight:bolder;
font-family:"Trebuchet MS";
margin:3px 0 0 0;
padding: 0 0 0 6px;
}
.productlistwrapper .pricebox img.rating {
clear:left;
float:left;
margin:0
}
#haberdasherypage .categorybox {
border:none
}
.specialoffer {
font-size:90%;
font-weight:700;
clear:left;
float:left;
display:inline;
background-color:#fe0000;
color:#ffffff;
margin:0 10px 10px 4px;
padding:4px 5px;
max-width:589px;
min-width:123px;
width:100%
}
a.readmore {
padding:2px 3px;
font-weight:500;
text-decoration:none
}
a:hover.readmore  {
background-color:#fe0000;
color:#ffffff
}
