/**
 * Owner: www.asos.com
 * Theme: categoryrefine.css
 * Description: Sets refine controls, general layout and defaults for catergory and search results pages
 * Author: ASOS UI developers
 * Media: Screen
 */

@import url("jquery.plugins.ui.dialog.css");
div.category-layout {padding:0;}

/* Refine / category controls */
div.refine-controls {float:left; padding:0 10px 0 0; width:166px;}

div.refine-controls div.refine-control-header {border-top:1px solid #999; clear:both; overflow:hidden; width:100%;}
div.refine-controls div.refine-control-header.top {border-top:none;}
div.refine-controls div.refine-control-header p.title {color:#000; display:inline; float:left; font-size:1.7em; font-family:Georgia; font-weight:normal; margin:0; padding:5px 0 14px; text-transform:uppercase;}
div.refine-controls div.refine-control-header p.sub-title {display:inline; float:left; font-size:1em; margin:0; padding:1em 0; text-transform:uppercase;}
div.refine-controls div.refine-control-header p.sub-title a {font-weight:bold;}
div.refine-controls div.refine-control-header p.sub-title a:hover {text-decoration:none;}
div.refine-controls div.refine-control-header a.clear-all {float:right; font-weight:bold; padding:10px 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 {background:url(/web/images/core/refine-toggle-attribute.gif) no-repeat -7px 4px; display:block; float:left; font-family:Tahoma; padding:0 0 0 1.5em;color:#000;}
div.refine-controls div.refine-control-header a.toggleControl.closed {background-position:4px -8px;}

div.refine-controls div.control {position:relative; overflow:visible;}
div.refine-controls div.control input {border:0; color:#666; height:1.5em; width:30px;}
div.refine-controls div.control .price-tip {font-size:1.1em;}
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 {padding:1px; overflow:auto;}
div.refine-controls div.control ul.scrollable {border:1px solid #ccc; height:130px; overflow:auto;}
div.refine-controls div.control ul.expanded {height:auto; 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:none; margin:1px 0;}
div.refine-controls ul li a {background:transparent url(/web/images/core/checkbox.gif) no-repeat scroll -10px -57px; clear:both; color:#ddd; display:block; float:left; padding:1px 0 1px 15px; cursor:default; font-size:1.1em;}
div.refine-controls ul li a:hover {text-decoration:none;}
div.refine-controls ul li a.selected {background-position:-30px -37px; cursor:pointer; color:#ddd;}
div.refine-controls ul li a.enabled,
div.refine-controls ul li a.enabled.disabled {background-position:-70px 3px; color:#666; cursor:pointer;}
div.refine-controls ul li a.selected.disabled,
div.refine-controls ul li a.selected.enabled.disabled {background-position:-50px -17px;}
div.refine-controls ul li a.selected:hover {background-position:-50px -17px; color:#666; 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 -17px; color:#666;} /*IE6 and below can't see this line */
div.refine-controls ul li a.selected-enabled {background-position:-50px -17px; color:#666;} /*For IE6 and below */

div.refine-controls ul li a.disabled {background-position:-10px -57px; color:#ddd; 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; width:49%; margin:1px 0 0;}
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 div.slider-container {padding:0 4px;}
div.refine-controls .ui-slider {background:#dcd1bb; border-bottom:1px solid #959485; border-top:1px solid #959485; height:4px; margin:6px 0 11px; position:relative;}
div.refine-controls .ui-slider-range {background:#464646; height:4px; font-size:4px; position:absolute;}
div.refine-controls .ui-slider-handle {background-image:url(/web/images/core/refine-slider.gif); height:15px; left:0; margin-left:-4px; position:absolute; top:-5px; width:8px; z-index:1;}

/* Search title */
div.category-items {color:#000; float:right; position:relative; width:784px;}
div.category-items h1.search-results-title {float:left; font-family:Georgia; font-size:1.8em; font-weight:normal; margin:5px 0 4px; padding:0 0 0 16px;}

/* Spelling suggestions */
div.category-items .spelling-suggests {float:left; margin:10px 0 0; padding:0 0 0 12px;}
div.category-items .spelling-suggests h2 {color:#666; float:left; font-size:1.1em; font-weight:normal; padding:0 5px 0 0; margin:0;}
div.category-items .spelling-suggests h2 strong {color:#000;}

/* 'OR' Search results */
div.category-items .or-search-text {float:left; margin:10px 0 0; padding:0 0 0 12px;}
div.category-items .or-search-text p {color:#666; float:left; font-size:1.1em; font-weight:normal; padding:0 5px 0 0; margin:0;}

/* Creative content container */
div.creative-content {margin:9px 0 10px 16px; position:relative;}

/* Product count & view all */
div.category-controls {clear:both; color:#666; padding:0 0 23px 16px; overflow:auto; text-align:right;}
div.category-controls div.product-count,
div.category-controls div.product-count-bottom {float:left; font-size:1.2em; margin-top:2px; position:relative;}
div.category-controls div.product-count span.divider,
div.category-controls div.product-count-bottom span.divider {margin:0 3px;}
div.category-controls a.view-max-paged,
div.category-controls a.view-all,
div.category-controls a.view-paged {text-decoration:underline;}

/* Product sort by */
div.category-controls div.filter-sort {font-size:0.9em; text-transform:uppercase;}
div.category-controls div.filter-sort select.sort-drop-down {border:1px solid #aaa; font-size:1.3em; height:18px; margin:0 0 0 10px; text-transform:none;}

/* Product pagination */
div.category-controls ol.page-nos {display:inline; margin-top:10px;}
div.category-controls ol.page-nos li {display:inline; font-weight:bold; margin:0 2px; line-height:2em;}
div.category-controls ol.page-nos li.selected {background:#dvd1bb;}
div.category-controls ol.page-nos li.page-skip {margin:0 2px;}
div.category-controls ol.page-nos li a {padding:2px; padding-right:5px; padding-left:5px; border:solid 1px #666; background-color:#fff;}
div.category-controls ol.page-nos li span.selected {padding:2px; padding-right:5px; padding-left:5px; border:solid 1px #666; background-color:#ededed;}
div.category-controls ol.hide {display:none;}

/* Product items */
div.category-items div.items ul li {float:left; height:320px; list-style:none; margin:0; padding:0 0 0 16px; width:180px}
div.category-items div.items ul li a.brand-exclude-image {background:url(/web/images/buttons/hide-brand.png) no-repeat 0 -19px; height:19px; left:5px; position:absolute; top:5px; width:18px;}
div.category-items div.items ul li a.brand-exclude-image:hover {background:url(/web/images/buttons/hide-brand.png) no-repeat 0 0; cursor:pointer; text-decoration:none;}
div.category-items div.items ul li div.brand-exclude div.label {background:#232323; color:#fff; font-size:1.1em; left:0px; width:44px; position:absolute; top:36px; padding:3px 5px 5px; outline:none; text-align:center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
html.ie6 div.category-items div.items ul li div.brand-exclude div.label {top:29px;} /* ie6 fix */
div.category-items div.items ul li div.brand-exclude div.label span {background:url(/web/images/buttons/hide-brand.png) no-repeat 0 100%; display:block; height:5px; left:5px; position:absolute; top:-5px; width:18px;}
html.ie6 div.category-items div.items ul li div.brand-exclude div.label span {top:-13px;} /* ie6 fix */
div.category-items div.items ul li a.desc {font-size:1.1em; line-height:1.3em;}
div.category-items div.items ul li a img {width:180px;} 
div.category-items div.items ul li a.more-colours {background:#e4e4e4; color:#000; display:inline-block; font-size:0.9em; margin:5px 0 0; padding:2px 5px; text-align:center; text-transform:uppercase;}
div.category-items div.items ul li a.more-colours:hover {text-decoration:none;}
div.category-items div.items img.product-image {border:none; height:230px; width:180px;}

div.category-items .productprice {font-weight:bold; font-size:1em; margin-top:2px;}
div.category-items .productprice .previousprice {color:#f00;}
div.category-items .productprice .redsave {color:#683466;}
div.category-items .productprice .rrp {font-weight:normal;}
div.category-items .productprice .outlet-current-price {color:#ff0000;}

/* Save later no category */


div.category-items div.items ul li a.save-later-image {background:url(/web/images/buttons/star2.png) no-repeat 0 -19px; height:19px; left:157px; position:absolute; top:5px; width:18px;}

div.category-items div.items ul li a.save-later-image:hover,
div.category-items div.items ul li div.hideoff-reminder a.save-later-image {background:url(/web/images/buttons/star2.png) no-repeat 0 0; cursor:pointer; text-decoration:none;}

div.category-items div.items ul li div.save-later div.label span,
div.category-items div.items ul li div.hideoff-reminder a.save-later-image div.label span {background:url(/web/images/buttons/star2.png) no-repeat 0 100%; display:block; height:5px; right:5px; position:absolute; top:-5px; width:18px;}

div.category-items div.items ul li div.save-later div.label,
div.category-items div.items ul li div.hideoff-reminder div.label {background:#232323; color:#fff; font-size:1.1em; right:0; width:60px; position:absolute; top:36px; padding:3px 5px 5px; outline:none; text-align:center;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
div.category-items div.items ul li div.hideoff-reminder div.label {display:block;}
div.category-items div.items ul li div.save-later div.label.error {width:100px;}
html.ie6 div.category-items div.items ul li div.save-later div.label {top:29px;} /* ie6 fix */
html.ie6 div.category-items div.items ul li div.save-later div.label span {top:-13px;} /* ie6 fix */

.saved-for-later-notification {background:url(/web/images/core/save-for-later-gradient.png) repeat-x top left; text-align:center; font-size:1.4em; margin:0 0 0 1px; padding:1em;}
.saved-for-later-notification a {color:#000; font-size:0.8em;}
.saved-for-later-notification p {margin:0; padding:0.3em 0 0.7em;}

div.category-items div.overlay {background:#fff url(/web/images/core/ajax-loader.gif) no-repeat 50% 150px; display:none; height:100%; position:absolute; text-align:center; top:0; width:784px; z-index:1;}
div.category-items > div.overlay {background:#fff url(/web/images/core/ajax-loader.gif) no-repeat fixed 570% 50%;} /* ie6 and below can't see */

div.categoryImageDiv {width:180px; height:230px; position:relative; margin-bottom:2px;}

#error {background:#fff; display:none;}
#error .error-details {font-style:italic; font-weight:bold;}

/* No search results */
div.no-results p {font-family:Georgia; text-align:center;}
div.no-results p.nothing-matches {color:#000; font-size:2.2em; margin:20px 0 0;}
div.no-results p.info {color:#666; font-size:1.2em; margin:8px 0 0;}

div.no-results .search {height:34px; margin:25px auto 0; position:relative; width:321px; z-index:1;}
div.no-results div.recent-searches-header p {font-family:Tahoma; text-align:left;}

div.no-results-navigation {color:#000; border-top:1px solid #c7c7c7; display:inline-block; margin:40px 0 0; padding:35px 0; position:relative;}
div.no-results-navigation p {background:#fff; display:block; font-size:1.5em; font-weight:bold; left:375px; padding:0 30px; position:absolute; text-align:center; top:-10px;}
html.ie6 div.no-results-navigation p {left:370px; margin:0; position:relative; top:-45px; width:160px;} /* ie6 fix */
div.no-results-navigation div.floors {float:left; font-family:Georgia; width:487px;}
div.no-results-navigation div.floors a.floor {color:#000; font-size:2.1em; text-transform:uppercase;}
div.no-results-navigation div.floors ul.items {float:left; margin:13px 0 0; padding:0 10px 0 0; width:190px;} 
div.no-results-navigation div.floors ul.items li a {color:#333; font-size:1.1em; line-height:1.6em; text-transform:none;}

div.no-results-navigation div.no-results-marketplace-banners {margin-left:7px;}

/* Fredhooper down 404 error */
div.fredhopper-404-error {font-family:Georgia; margin:60px 0 250px 0;}
div.fredhopper-404-error p.message {color:#000; font-size:2.3em; line-height:1.1em; margin:0;}
div.fredhopper-404-error p {color:#666; font-size:1.5em; margin:12px 0 33px;}
div.fredhopper-404-error a {color:#000; font-size:1.8em; margin:0 25px 0 0; text-decoration:underline; text-transform:uppercase;}

div.content-panel div.category-refine-area.hide,
div.content-panel div.error-panel.hide {display:none;}
div.content-panel div.category-refine-area.show,
div.content-panel div.error-panel.show {display:block;}