div.refine-controls div.refine-control-header {
border-top:1px solid #999999;
clear:both;
overflow:hidden;
width:100%;
}
div.refine-controls div.refine-control-header h2 {
color:#000000;
display:inline;
float:left;
font-family:Tahoma;
font-size:1.7em;
margin:0;
padding:1em 0;
text-transform:uppercase;
}
div.refine-controls div.refine-control-header h3 {
display:inline;
float:left;
font-size:1em;
margin:0;
padding:0.7em 0;
text-transform:uppercase;
}
div.refine-controls div.refine-control-header h3 a {
font-weight:bold;
}
div.refine-controls div.refine-control-header h3 a:hover {
text-decoration:none;
}
div.refine-controls div.refine-control-header a.clear-all {
float:right;
font-weight:bold;
line-height:2.2em;
padding:1.6em 0 0;
}
div.refine-controls div.refine-control-header a.clear {
float:right;
font-weight:bold;
padding:1em 0;
}
div.refine-controls div.refine-control-header a.toggleControl {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/toggleAttribute.gif) no-repeat scroll left top;
display:block;
float:left;
padding: 0 0 0 1.5em;
}
div.refine-controls div.refine-control-header a.toggleControl.closed {
background-position:left bottom;
}
div.refine-controls div.control {
overflow:visible;
position:relative;
}
div.refine-controls div.control input {
border:0 none;
color:#666666;
height:1.5em;
width:30px;
}
div.refine-controls div.control .slider-price-user-min {
float:left;
}
div.refine-controls div.control .slider-price-user-max {
float:right;
}
div.refine-controls div.control .min {
float:left;
visibility:hidden;
}
div.refine-controls div.control .max {
float:right;
visibility:hidden;
}
div.refine-controls div.control ul {
overflow:auto;
padding:1px;
}
div.refine-controls div.control ul.scrollable {
border:1px solid #CCCCCC;
height:130px;
overflow:auto;
}
div.refine-controls .control.hidden {
display:none;
}
div.refine-controls ul {
clear:both;
margin:0 0 1em;
}
div.refine-controls ul li {
clear:both;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:1px 0;
}
div.refine-controls ul li a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/checkbox.gif) no-repeat scroll -10px -59px;
clear:both;
color:#DDDDDD;
cursor:default;
display:block;
float:left;
padding:1px 0 1px 15px;
font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif
}
div.refine-controls ul li a.radio {
background:url(../images/checkbox.gif) no-repeat scroll -10px -59px transparent;
clear:both;
color:#DDDDDD;
cursor:default;
display:block;
float:left;
padding:1px 0 1px 15px;
}
div.refine-controls ul li a:hover {
text-decoration:none;
}
div.refine-controls ul li a.selected {
background-position:-30px -39px;
color:#DDDDDD;
cursor:pointer;
}
div.refine-controls ul li a.enabled, div.refine-controls ul li a.enabled.disabled {
background-position:-70px 4px;
color:#666666;
cursor:pointer;
}
div.refine-controls ul li a.selected.disabled, div.refine-controls ul li a.selected.enabled.disabled {
background-position:-50px -19px;
}
div.refine-controls ul li a.selected:hover {
background-position:-50px -19px;
color:#666666;
text-decoration:underline;
}
div.refine-controls ul li a.enabled:hover {
text-decoration:underline;
}
div.refine-controls ul > li a.enabled.selected {
background-position:-50px -19px;
color:#666666;
}
div.refine-controls ul li a.selected-enabled {
background-position:-50px -16px; /*19px*/
color:#666666;
}
div.refine-controls ul li a.disabled {
background-position:-10px -59px;
color:#DDDDDD;
cursor:default;
}
div.refine-controls ul li a.selected.disabled:hover, div.refine-controls ul li a.enabled.disabled:hover, div.refine-controls ul li a.selected.enabled.disabled:hover, div.refine-controls ul li a.disabled:hover {
text-decoration:none;
}
div.refine-controls ul#Rf-200 li {
clear:none;
float:left;
margin:1px 0 0;
width:49%;
}
div.refine-controls ul#Rf-200 li a {
float:none;
}
div.refine-controls div#Rf-800 {
margin:0 0 1em;
overflow:auto;
visibility:hidden;
}
div.refine-controls .ui-slider {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#DCD1BB none repeat scroll 0 0;
border-bottom:1px solid #959485;
border-top:1px solid #959485;
height:4px;
margin:6px 0 11px;
position:relative;
width:166px;
}
div.refine-controls .ui-slider-range {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#464646 none repeat scroll 0 0;
font-size:4px;
height:4px;
position:absolute;
}
div.refine-controls .ui-slider-handle {
background-image:url(../images/slider.gif);
height:15px;
left:0;
position:absolute;
top:-5px;
width:8px;
z-index:1;
}
div.category-items {
color:#000000;
float:right;
position:relative;
width:784px;
}
div.category-items h1 {
display:none;
}
div.category-items .suggest a {
color:#000000;
font-size:1.1em;
font-weight:bold;
text-decoration:underline;
}
div.category-items .synonyms h2 {
font-family:Trebuchet MS1,Helvetica,sans-serif;
font-size:0.87em;
font-weight:900;
letter-spacing:0.4em;
margin:0 0 1em;
text-transform:uppercase;
}
div.category-items .synonyms h2 strong {
font-weight:bolder;
}
div.category-items .synonyms-list {
display:block;
margin:0 0 10px;
}
div.category-items p.tips {
font-family:Trebuchet MS1,Helvetica,sans-serif;
font-size:0.87em;
font-weight:900;
letter-spacing:0.4em;
margin:10px 0 30px;
text-transform:uppercase;
}
div.category-items p.tips a {
color:#000000;
font-size:1.25em;
font-weight:400;
letter-spacing:0.2em;
text-decoration:underline;
text-transform:lowercase;
}
div.creative-content {
margin:0 0 10px;
position:relative;
}
div.category-controls {
clear:both;
color:#666666;
overflow:auto;
padding:0 16px 23px 0;
text-align:right;
}
div.category-controls div.filter-sort {
float:left;
font-size:0.9em;
position:relative;
text-transform:uppercase;
}
div.category-controls div.filter-sort select.sort-drop-down {
font-size:1em;
height:17px;
margin:0 0 0 10px;
text-transform:capitalize;
}
div.category-controls a.view-all, div.category-controls a.view-paged, div.category-controls a.view-max-paged {
margin:0 5px 0 10px;
text-decoration:underline;
}
div.category-controls a.back-to-top {
float:left;
}
div.category-controls ol.page-nos {
display:inline;
margin-top:10px;
}
div.category-controls ol.page-nos li {
display:inline;
font-weight:bold;
line-height:2em;
margin:0 2px;
}
div.category-controls ol.page-nos li.selected {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#DCD1BB none repeat scroll 0 0;
}
div.category-controls ol.page-nos li.page-skip {
margin:0 2px;
}
div.category-controls ol.page-nos li a {
background-color:#FFFFFF;
border:1px solid #666666;
padding:2px 5px;
}
div.category-controls ol.page-nos li span.selected {
background-color:#EDEDED;
border:1px solid #666666;
padding:2px 5px;
}
div.category-controls ol.hide {
display:none;
}
div.category-items div.items ul li {
float:left;
height:310px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 16px 0 0;
text-align:center;
width:180px;
}
div.category-items div.items ul li div {
text-align:center;
width:180px;
}
div.category-items div.items ul li a img {
width:180px;
}
div.category-items div.items ul li a.more-colours {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#000000 none repeat scroll 0 0;
color:#FFFFFF;
display:block;
font-size:0.9em;
font-weight:bold;
height:12px;
line-height:12px;
margin:5px auto 0;
text-align:center;
text-transform:uppercase;
width:120px;
}
div.category-items div.items ul li a.more-colours:hover {
text-decoration:none;
}
div.category-items div.items img.product-image {
border:medium none;
height:230px;
width:180px;
}
div.category-items .productprice {
font-size:1em;
font-weight:bold;
}
div.category-items .productprice .previousprice {
color:#FF0000;
}
div.category-items .productprice .redsave {
color:#683466;
}
div.category-items .productprice .rrp {
font-weight:normal;
}
div.category-items div.overlay {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(../images/ajax-loader.gif) no-repeat scroll 50% 150px;
display:none;
height:100%;
position:absolute;
text-align:center;
top:0;
width:784px;
z-index:1;
}
div.category-items > div.overlay {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(../images/ajax-loader.gif) no-repeat fixed 570% 50%;
}
div.categoryImageDiv {
height:230px;
position:relative;
width:180px;
}
.hide {
display:none;
}
#error {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
display:none;
}
#error .error-details {
font-style:italic;
font-weight:bold;
}