@import url("jquery.plugins.ui.dialog.css");
div.category-layout				{ padding: 0; }
/*div.content-top a.back			{ color: #7A7A7A; position: absolute; left:10px; display:block; font-weight:bold }*/

div.content-top div.breadcrumbs { color: #000; }

div.refine-controls		{ float: left; padding: 10px 0 0 10px; 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 h2						{ color: #000; display: inline; float: left; font-size: 13px; font-family: Arial, Helvetica, sans-serif; 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: 1em 0; text-transform: uppercase; }
div.refine-controls div.refine-control-header h3 a						{ font-weight: bold; color:#333333; text-decoration:none; }
div.refine-controls div.refine-control-header h3 a:hover				{ text-decoration: none; }
div.refine-controls div.refine-control-header a.clear-all				{ text-decoration:none; float: right; color:#333333;  font-weight: bold; line-height: 2.2em; padding: 1.6em 0 0 0; }
div.refine-controls div.refine-control-header a.clear					{ text-decoration:none; float: right; color:#333333; font-weight: bold; padding: 1em 0; }
div.refine-controls div.refine-control-header a.toggleControl			{ background: url(images/toggleAttribute.jpg) no-repeat top left; display: block; float: left; padding: 0 0 0 1.5em; color:#333333; text-decoration:none;  }
div.refine-controls div.refine-control-header a.toggleControl.closed	{ background-position: bottom left; }

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 .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 .control.hidden						{ display: none; }

div.refine-controls ul		{ clear: both; margin: 0 0 1em 0; }
div.refine-controls ul li	{ clear: both; list-style: none; margin: 1px 0; }
div.refine-controls ul li a { background:transparent url(images/checkbox.jpg) no-repeat scroll -10px -59px; clear: both; color:#ddd; display:block; float: left; padding:1px 0 1px 15px; cursor: default; text-decoration:none; }
div.refine-controls ul li a:hover { text-decoration: none; }
div.refine-controls ul li a.selected { background-position: -30px -39px; cursor: pointer; color: #ddd; }
div.refine-controls ul li a.enabled,
div.refine-controls ul li a.enabled.disabled { background-position: -70px 1px; color: #666; 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: #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 -19px; color: #666; } /*IE6 and below can't see this line */
div.refine-controls ul li a.selected-enabled { background-position: -50px -19px; color: #666; } /*For IE6 and below */

div.refine-controls ul li a.disabled {background-position: -10px -59px; 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 0; }
div.refine-controls ul#Rf-200 li a		{ float: none; }

div.refine-controls div#Rf-800			{ margin: 0 0 1em 0; overflow: auto; visibility: hidden; }
div.refine-controls .ui-slider			{ background: #DCD1BB; border-bottom: 1px solid #959485; border-top: 1px solid #959485; height: 4px; margin: 6px 0 11px 0; position: relative; width: 166px; }
div.refine-controls .ui-slider-range	{ background: #464646; height: 4px; font-size: 4px; position: absolute; }
div.refine-controls .ui-slider-handle	{ background-image:url(images/slider.jpg); height:15px; left:0; position:absolute; top:-5px; width:8px; z-index:1; }

div.category-items							{ color: #000; float: right; position: relative; width: 784px; }

div.category-items .suggest a				{ color: #000; font-size: 1.1em; font-weight: bold; text-decoration: underline; }
div.category-items .synonyms h2				{  font-family: Trebuchet MS1, Helvetica, sans-serif; font-weight:900; font-size: 0.87em; letter-spacing: 0.4em; margin: 0 0 1em 0; text-transform: uppercase; }
div.category-items .synonyms h2 strong		{ font-weight:bolder; }
div.category-items .synonyms-list			{ display: block; margin: 0 0 10px 0; }
div.category-items p.tips					{ font-family: Trebuchet MS1, Helvetica, sans-serif; font-weight:900; font-size: 0.87em; margin: 10px 0 30px 0; letter-spacing: 0.4em; text-transform: uppercase; }
div.category-items p.tips a					{ color: #000; font-weight:400; text-decoration: underline; text-transform: lowercase; font-size: 1.25em; letter-spacing: 0.2em;}
div.creative-content	{ margin: 0 0 10px 0; position: relative; }

div.category-controls 											{ clear: both; color:#666; padding: 0 16px 23px 0; overflow: auto; 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; margin: 0 2px; line-height: 2em;}
div.category-controls ol.page-nos li.selected		{ background: #DCD1BB;}
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; }

div.category-items div.items ul li 						{ float: left; height: 310px; list-style: 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 		{ background: #000; color: #fff; display: block; font-size: 0.9em; font-weight: bold; height: 12px; line-height: 12px; margin: 5px auto 0 auto; 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: none; height:230px; width:180px; }

div.category-items .productprice 						{ font-weight:bold; font-size:1em; }
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 div.overlay		{ background: #fff url(/assets/asosCom/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(/assets/asosCom/images/core/ajax-loader.gif) no-repeat fixed 570% 50%; } /* IE6 and below can't see */

div.categoryImageDiv { width: 180px; height:230px; position:relative }

.hide { display:none; }

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