/*	search_browse.css
------------------------------------------------
Description:
Dunelm Mill Search/Browse styles
------------------------------------------------
Version History:
------------------------------------------------
Version  		Author  	Date/Update
------------------------------------------------
1.0	(Alpha)		D.Eglin		10.02.08
1.0 (Beta) 		S.Fletcher  07.04.08
1.1 (Beta) 		S.Fletcher  13.05.08
1.2 (Beta) 		S.Fletcher  03.06.08
1.3 (Release) 	S.Fletcher  05.06.08
1.4 (Cleanup, Beta)	B.Hull 21.04.09
------------------------------------------------
*/

.browse #pagebody #maincontent #bodycontent {
	clear:both
}

/*---------------------
	Navigation and sort controls for product listers */	
	
#resultsNavigation, .resultsnavigation  {
	background:url(../images/Master1_1/bkg_resultsNavigation.png) no-repeat bottom left;
	padding:0 0 0.25em 0;
	margin-bottom:1em;
	width:740px;
	float:left;
	clear:both;
	position:relative;
}
.topLevelCategory {
	background:none !important;	
}
.resultsnavigation .pager {
	_top:-20px;	
}

#resultsNavigation .pager {float:left}

#resultsNavigation label,
#resultsNavigation select{
	font-size:1em;
}

#resultsNavigation .sortoptions,
#resultsNavigation #frmSearchResultsPerPage {
	float:right;
	padding-top:0.25em;
	margin-right:0.5em;
}

#resultsNavigation .sortoptions label,
#resultsNavigation .sortoptions select{
	font-size:1em;
}

/* Hide the submit buttons on JS enabled pages (forms submit onChange instead) */
/* This selector should ideally start with 'body.javascriptable', but the domReady event is too slow on search pages */
#resultsNavigation form button { display:none; }


	.resultSet h4 {
		margin:0 0 1em 0;
	}

.resultSet .thumbnails {
	margin-bottom:0!important;
}

#searchnoresultsmessage p {
	margin-bottom:0.5em;
}

#yousearchedfor {font-size:1.6em;}

#tryalternativemessage {margin-bottom:2em;}

.resultSet .moreLink {font-size:11px;font-weight:normal;}

/*---------------------
	Product Lister/Search Results Thumbnail Grid */
	
/* SF: Start IE6 styles for DUN/01/000190 */
* html body #alternativeSearchResults {
	clear: both;
	margin-left: 0;
	padding-left: 0;
	float: left!important;
	display: block;
	position: relative;
}
* html body #alternativeSearchResults ul.thumbnails {
	clear: both;
	display: block;
	padding-left: 0!important;
}
/* SF: End IE6 styles for DUN/01/000190 */

.thumbnails {
	float: left;
	list-style-type: none;
	margin-bottom: 10px; 
}

.thumbnails a.prodlink {
	display:block;
}

.thumbnails li {
	float: left;
	background-repeat: no-repeat;
	background-position: top right;
	position: relative;
}

.thumbnails .pricingDetails li {
	float: none; 
}

/* Adjust for category lister */

.categories li {
	min-height:20em !important;
	_height:20em;
	overflow-y:hidden;
	cursor:pointer;
}

.thumbnails li li {
	min-height:0;
	margin:0;
	width:auto;
}

.thumbnails li.endOfRow {
	margin-right:0;
}

.thumbnails li.selected {
	background-color:#f2f7fd;
	border-color:#e0edfb;
}

.thumbnails li.swatches:hover {
	background-color:#f2f7fd;
}

.thumbnails li .imageFrame img {
	background-repeat:no-repeat;
	background-position:-500px -500px;
}

.thumbnails li:hover {
	
}

.thumbnails li:hover .imageFrame {
	border-color:#c8e3fc;
}

.thumbnails li.selected .imageFrame {
	border-color:#5ea1e1;
}

.thumbnails li.selected,
.thumbnails li:hover {
	background-image:url(../images/Master1_1/bkg_fabric_imageFrame_selected.png);
}

.thumbnails li.selected .imageFrame img,
.thumbnails li:hover .imageFrame img{
	background-repeat:repeat;
}

.thumbnails li input {display:none;}

.thumbnails li h3{
	margin-bottom:0.1em!important;
	max-height:3.5em;
	/*_height:3.5em;*/
	overflow:hidden;
}

.thumbnails li .pricingDetails,
.thumbnails li .name {
	display: block;
	font-weight: bold;
	font-size: 1.1em; 
}
#pagebody .thumbnails li .promo {
	clear:both;
	padding-top:5px;
}
#pagebody .productzone .thumbnails li .promo {
	clear:none;
	padding-left:10px;
}
#pagebody .productzone .dealArea {
	display:none; /* hide from merchandising zone as per spec */	
}
#pagebody .thumbnails li.result .promo a {
	color:#ff0000;		
}
#pagebody .thumbnails li .promo a:hover {
	background:none;	
}

#pagebody h2.name {
	font-size: 1.3em;
	text-decoration: none;
	color: #505350;
	font-weight: bold !important; 
}

#pagebody .categories h2.name {
	text-align: center; 
}

#categorylister .thumbnails li .name:hover {
	text-decoration: none; 
}

.thumbnails #priceelement .label,
.thumbnails #priceelement .amount {
	display:inline;
	/* font-weight:bold; */
}

.thumbnails #priceelement .fromPrice,
.thumbnails #priceelement .wasPrice {
	position:static;
	left:0;
}

.thumbnails #priceelement .fromPrice em {
	display:none;
}

.thumbnails #priceelement .currentPrice {
	color:#49A943;
}

.thumbnails #priceelement .currentPrice {
	/* Let's hide this one from screen */
	font-size:0;
	position:absolute;
	left:-999em;
	*visibility:hidden;
	_visibility:hidden;
}

.thumbnails li.result {
	width: 170px;
	margin: 0 20px 0 0;
	float: left;
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #FFF;
	position: relative;
}

.search #productlister .thumbnails li.result, 
#alternativeSearchResults .thumbnails li.result, 
.category #productlister .thumbnails li.result {
	height: 31.1em; 
}

#productlister .thumbnails li.result .dealArea {
	height: 30px;
	margin-bottom: 5px; 
}

.productzone .thumbnails li.result {
	height: 23em; 
}

.thumbnails li.result .dealImg {
	cursor: pointer; 
}

.thumbnails li.result .review_buyArea {
	position: absolute; 
	bottom: 0;
	left: 0; 
	width: 170px; 
}

/* Adjust for category lister */
.categories li {
	min-height: 23em !important;
	margin: 10px 10px 0 0;
	width: 180px; 
}

.thumbnails li li {
	min-height:0;
	margin:0;
	width:auto;
}

.thumbnails li.endOfRow {
	margin-right: 0 !important;
}

.thumbnails li.selected {
	background-color:#f2f7fd;
	border-color:#e0edfb;
}

.thumbnails li.swatches:hover {
	background-color: #f2f7fd;
	text-decoration: none; 
}

.thumbnails li .imageFrame img {
	background-repeat:no-repeat;
	background-position:-500px -500px;
	cursor:pointer;
}

.thumbnails li.selected .imageFrame {
	border-color:#5ea1e1;
}

.thumbnails li.selected,
.thumbnails li:hover {
	background-image:url(../images/Master1_1/bkg_fabric_imageFrame_selected.png);
}

.search #priceelement ul li.wasWasPrice,
.browse #priceelement ul li.wasWasPrice,
.search #priceelement ul li.wasPrice,
.browse #priceelement ul li.wasPrice,
.search #priceelement ul li.mainPrice,
.browse #priceelement ul li.mainPrice, 
.search #priceelement ul li.saveuptoamount,
.browse #priceelement ul li.saveuptoamount {
	background: transparent !important;
	border: 0;
	width: 115px;
	padding-right: 55px;
	display: block; 
}

div.related #priceelement ul li.wasWasPrice,
div.related  #priceelement ul li.wasPrice,
div.related #priceelement ul li.mainPrice,
div.related #priceelement ul li.saveuptoamount {
	background: transparent !important;
	border: 0;
	width: 100%;
	padding-right:0;
	white-space: nowrap; 
}

.search #priceelement ul li.wasWasPrice,
.browse #priceelement ul li.wasWasPrice,
.search #priceelement ul li.wasPrice,
.browse #priceelement ul li.wasPrice,
.search #priceelement ul li.saveuptoamount,
.browse #priceelement ul li.saveuptoamount {
		font-weight: normal; 
}

.search #priceelement ul li.wasWasPrice:hover,
.browse #priceelement ul li.wasWasPrice:hover,
.search #priceelement ul li.wasPrice:hover,
.browse #priceelement ul li.wasPrice:hover,
.search #priceelement ul li.mainPrice:hover,
.browse #priceelement ul li.mainPrice:hover,
.search #priceelement ul li.saveuptoamount:hover,
.browse #priceelement ul li.saveuptoamount:hover {
	background: none !important;
	border: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.mainPrice {margin-left: 6px;}
}

.thumbnails li.selected .imageFrame img,
.thumbnails li:hover .imageFrame img {
	background-repeat: repeat;
}

.thumbnails li input {
	display: none;
}

.thumbnails li .imageFrame {
	margin-bottom: 5px; 
}

.thumbnails li h3 {
	margin-bottom: 0.1em!important;
}

div.dealOverlay {
	color: #676767;
	font-size: 1.1em;
	max-width: 130px; 
	_width: 130px; 
	padding: 5px;
	border: 1px solid; 
	-moz-box-shadow: 1px 1px 4px #8c8c8c; 
	-webkit-box-shadow: 1px 1px 4px #8c8c8c;
	box-shadow: 1px 1px 4px #8c8c8c; 
	background: white; 
	display: none;
	font-family: helvetica, arial, sans-serif;
}

div.dealOverlay p.close {
	text-transform: uppercase; 
	float: right;
	cursor: pointer;
	margin: 0 0 0.5em 1em;
	border: solid 1px;
	padding: 0 0.3em 0.1em;
	font-weight: bold;
	text-align: center;
	font-size: 0.7em; 
}

.thumbnails li .name {
	display: block;
	color: #49A943;
	font-weight: bold;
}

.thumbnails #priceelement .label,
.thumbnails #priceelement .amount {
	display:inline;
	/* font-weight:bold; */
	white-space:nowrap;
}

.thumbnails #priceelement .fromPrice,
.thumbnails #priceelement .wasPrice {
	left:0;
	visibility:visible;
}

.thumbnails #priceelement .label {
	/*font-size:11px!important;*/
}

.thumbnails #priceelement .fromPrice em {
	display:none;
}



.thumbnails #priceelement .savingAmount {
	white-space:nowrap;
}

.thumbnails #priceelement .savingAmount .label{
	font-size:11px;
	position:static;
	visibility:visible;
}

.thumbnails #priceelement .savingAmount .amount{
	border-color:#F3EB5C;
	border-style:solid;
	border-width:0 1px 1px 0;
	color:#222222;
	padding-left:0.2em;
	padding-right:0.2em;
	background-color:#F8F79A;
}

body.javascriptable .thumbnails li.result {
	margin-bottom: 10px;
}

.productzone li.result .buyButton {
	margin-right: 9px; 
}

body .thumbnails li .pr-snippet {
	display: block;
	padding-right: 55px; 
}
body .thumbnails li .noReviews .pr-snippet-review-count,
body .thumbnails li .noReviews .pr-snippet-stars {
		display: none;
}

/*---------------------
	Left hand navigation */	
	

#filters {
	width:130px;
	padding:10px;
	/*background:#EEE url(../images/Master1_1/bkg_filter.jpg) repeat-x left top;*/
	float:left;
	position:relative;
}

#filters h3, #relatedContentLister h2 {
	font-weight:bold;
	margin-bottom:0.4em;
	font-size:1.2em;
	border-bottom:1px solid #DDD;
	padding-bottom:0.25em;
}

#filters #RefineByCategory,
#filters #RefineByAttribute{
	font-size:1.1em;
	margin-bottom:1em;
}

#filters li {
	margin-bottom:0.125em;
}

#filters li a, .documentList li h3 a {
	display:block;
	padding:0.25em 1.5em 0.25em 0.5em;
	position:relative;
	text-transform:capitalize; /* Maybe remove once we've got nice data */
	zoom:1;
}

#filters li a .count {
	position:absolute;
	top:50%;
	right:0;
	display:block;
	min-width:1em;
	height:1em;
	padding:0.25em;
	background-color:#F9F9F9;
	margin-top:-0.75em;
	text-align:center;
	line-height:1em;
	-moz-border-radius:0.75em;
	-webkit-border-radius:0.75em;
	border-radius:0.75em;
	*background:transparent url(../images/Master1_1/bkg_filter_count.png) no-repeat center center!important;
	_background:transparent url(../images/Master1_1/bkg_filter_count.png) no-repeat center center!important;
}

#filters li a:hover .count{
	background-color:#E8FFE6;
}

#filters li a:hover{
	text-decoration:none;
}

#filters ul {
	padding:0 0 1px;
}

#filters ul ul {
	padding-left:0.75em;
	margin-left:0.75em;
	margin-bottom:0.5em;
	border-left:1px dotted #DCDCDC;
}

#filters ul ul a{
		font-weight:normal;
}


#filters .refineGroup {
	margin-bottom:1em;
}

#filters .refineGroup h3 {

}

#filters ul li.more {
	text-align:right;	
}
#filters ul li.showThem, #filters ul li.hideThem {
	text-align:right;
}

#filters ul li.more a {
	border-top:1px dashed #FFF;
}

#filters ul li.more a:hover {
	/*border-top:0;*/
	background-color:#FFF;
	/*margin-top:0.3em;*/
}


/*---------------------
	Mastheads, used for category headers */	
	
#maincontent .masthead {
	position:relative;
	margin-bottom:2em;
	zoom:1;
}

#maincontent .masthead h1 {
	position: absolute;
	left: -999em;
	_display: none;
	*display: none;
}

/*---------------------
	Search results headings */
	
.search h1 .resultCount {
	color:#444;
	padding-left:1em;
}


/* No results */

#yousearchedfor span{
	font-weight:bold;
}

/*---------------------
	Content results */

#relatedContentLister h2 {
	color:#444;
}

.documentList {
	margin-right:1em;
}

.documentList li {
	padding:3px 1em 3px 3.5em;
	background:transparent url(../images/Master1_1/icon_documentSearch.png) no-repeat left center;
}
#relatedContentLister h3.csr {
	font-size:1.3em;	
}

#pagebody .documentList li h3 {
	margin-bottom:0.25em !important;
	font-size: 1.1em !important;
	font-weight: normal !important; 
}

/*---------------------
	Store Search Results List (AJF)*/	
#storeLister ul li {
	width:50%;
	padding:1em 0 0 0;
	margin-bottom:1em;
	clear:both;
	position:relative;
}
#storeLister ul li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#storeLister h3 {
	color:#367E32;
	font-size:1.4em;
	}
#storeLister ul {
	margin-bottom:1em;
}
#storeLister .storeDetails .viewLink a {
	position:absolute;
	bottom:0;
	right:0;
	}
#storeLister ul li a:visited {
	color:#658E62;
	}

#storeLister ul li div.image {
	float:left;
	border:2px solid #ECECEC;
	display:block;
	margin:0 1em 0 0;
	padding:6px 8px;
}
#storeLister ul li div.storeDetails {
	float:left;
	width:75%;
}

/* Search Results Espots /*

#espotBL {
	float:left;
	}
#espotBR {
	float:right;
	}#
#espotBL .espot,
#espotBR .espot {
	display:inline;
	}
	
/* For CR07 */
.outOfStockMessage {
	display:inline;
	float:left;
	font-size:1.3em;
	font-weight:bold;
	margin-left:12px;
	margin-top:-10px;
	width:90px;
}

/* Expandable styles */
#filters .expandable .linkappear {
	cursor:pointer;
	padding:2px 0 2px 16px;
	display:block;
	background:url(../images/collapse_expand.gif) 0 3px no-repeat;
}

/*
#filters .expandable .linkappear {	
	background: #e3f7dc url(../images/collapse_expand.gif) 0 3px no-repeat;
}

#filters .expandable .linkappear:hover {	
	background-position: 0 3px;
}
*/

#filters .expandable li.expCol {	
	color:#439B3D;
}

#filters .expandable li.open .linkappear{
	background-position: 0 -76px;
}

#filters .expandable ul ul {
	margin-left:0;
	padding-left:0;
	border-left:none;
}

#filters .expandable ul li {
	padding-left:0;	
	overflow:hidden;
	zoom:1;
	position:relative;
}

#filters .expandable ul li a {
	margin-left:0;
	padding-left:16px;
	border-left:none;
}

#filters .expandable ul li li a {
	color:#666;
	font-weight:normal;
	font-size:0.9em;
}

#filters .expandable h3 {
	color:#666;
	border:none;
}


/* Merchandising Carousel styles */

#pagebody .productzone {
	background:#e9e9e9;margin-bottom:10px;clear:both;
	padding:0 10px 10px;
}
#pagebody .productzone .review_buyArea {
	position:static;
}
#pagebody .productzone div h3 {
	color:#439B3D;
	padding:3px 0;
	text-transform:none;
	font-size:1.6em;
	margin:0;
}
#pagebody .productzone div.related {
	width:730px;
	overflow:hidden;
	height:188px;
	position:relative;
}
#pagebody .productzone div ul.thumbnails {
	margin:0;
	width:3000px; /*oversized for carousel*/
	height:138px;
	padding:10px;
	float:none;
	background:#fff;
	position:absolute;
	top:30px;
	left:0;
}
#pagebody .productzone div ul.thumbnails li.result {
	width:220px !important;
	display:inline;
	padding:0 5px 0 10px;
	margin:0 !important;
	border-right:2px solid #949494 !important;
	height:138px !important;
	min-height:138px !important;
}

#pagebody .productzone div ul.thumbnails li.endOfRow {
	border-right: none !important;
}

#pagebody .productzone div ul li.result a.imageFrame {
	width:92px;
	height:92px;
	overflow:hidden; /*need to sort out image sizes*/
	position:static;
}
#pagebody .productzone div ul li.result a.imageFrame img {
	width:92px !important;
	height:92px !important;
}
#pagebody .productzone div ul li:hover {
	background:none !important;
}
#pagebody .productzone div ul li.result a {
	float:left;
	width:125px;
}
#pagebody .productzone div ul li.result h2.name {
	padding:0 10px;
}
#pagebody .productzone div ul li.result a:hover {
	background:none;
}
#pagebody .productzone div ul li.result .pricingDetails {
	float:left;
	width:100px;
	padding:0 10px;
}
#pagebody .productzone span.next, #pagebody .productzone span.prev {
	background:#fff url(../images/Master1_1/merchCarouselArrowsDunelm.gif) 0 45px no-repeat;	
}
#pagebody .productzone div.related span.next, #pagebody .productzone div.related span.prev {
	display:block;	
	cursor:pointer;
	position:absolute;
	top:40px;
	left:0;
	width:15px;
	height:138px;
	text-indent:-200em;
}
#pagebody .productzone div.related span.next {
	/*diff bg image*/
	left:auto;
	right:0;
	background-position:-15px 59px;
}
#pagebody .productzone div.related span.disabled {
	background:#fff !important;
}