/*	search_browse.css
------------------------------------------------
Description:
Regatta (multi-site) 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
------------------------------------------------
*/

.clear {
	clear:both
	}

.browse #pagebody,
.search #pagebody,
.staticpage #pagebody {
	width:960px
	}

.browse #pagebody #maincontent,
.search #pagebody #maincontent,
.staticpage #pagebody #maincontent {
	width: 760px;
	float: right;
	position: relative;
	margin-bottom: 30px;
	}

.browse #pagebody #maincontent #bodycontent,
.search #pagebody #maincontent #bodycontent,
.staticpage #pagebody #maincontent #bodycontent {
	width: 590px;
	float: left;
	position: relative;
	}

.browse #pagebody #maincontent #bodycontent #productlister,
.search #pagebody #maincontent #bodycontent #productlister {
	padding-top: 18px;
	*padding-top: 12px;
	*margin-top: 10px;
	clear: both;
	}

#maincontent #bodycontent .productlist  {
	display: inline;
	padding-bottom: 18px;
	}
	
.productlist ul {
	float: left;
	margin-right: 10px;
	width:160px;
	}

.browse #pagebody #maincontent #bodycontent div.productlist ul li.description,
.search #pagebody #maincontent #bodycontent div.productlist ul li.description {
	margin-bottom: 3px;
	}

.browse #pagebody #maincontent #bodycontent div.productlist ul li.price,
.search #pagebody #maincontent #bodycontent div.productlist ul li.price {
	padding-left: 13px;
	}

div.productlist ul li.discount {
	clear: both;
	float: left;
	}

div.productlist ul li.discount img,
div.productlist ul li.discount a,
.search #pagebody #maincontent #bodycontent div.productlist ul li.discounts img,
.search #pagebody #maincontent #bodycontent div.productlist ul li.discounts a {
	float: left;
	display: inline;
	}

div.productlist ul li.discount img,
#categorylister span.discount img {
	display: none;
	}

.browse #pagebody #maincontent #bodycontent #productlister .productdisplayprice span.label,
.browse #pagebody #maincontent #bodycontent #productlister .productdisplayprice span.wasfrompricelabel,
.browse #pagebody #maincontent #bodycontent #productlister .productdisplayprice span.saveuptoamountlabel,
.browse #pagebody #maincontent #bodycontent #productlister .productdisplayprice span.saveuptopercentlabel {
	width: 65px !important;
	margin-right: 3px;
	}

.browse #pagebody #maincontent #bodycontent #productlister .productdisplayprice span.price,
.search #pagebody #maincontent #bodycontent #productlister .productdisplayprice span.price {
	clear: left;
	float: left;
	display: block;
	}

.browse #pagebody #maincontent #bodycontent #productlister .productdisplayprice .waspricelabel,
.browse #pagebody #maincontent #bodycontent #productlister .productdisplayprice span.saveuptoamountlabel,
.browse #pagebody #maincontent #bodycontent #productlister .productdisplayprice span.saveuptopercentlabel,
.search #pagebody #maincontent #bodycontent #productlister .productdisplayprice .waspricelabel,
.search #pagebody #maincontent #bodycontent #productlister .productdisplayprice span.saveuptoamountlabel,
.search #pagebody #maincontent #bodycontent #productlister .productdisplayprice span.saveuptopercentlabel {
	margin-right: 3px;
	}

.browse #pagebody #maincontent #relatedcontent,
.search #pagebody #maincontent #relatedcontent {
	width: 154px;
	float: right;
	position: relative;
	margin-top: 0;
	padding-top: 0;
	}

.browse #pagebody #maincontent #relatedcontent .productzone,
.search #pagebody #maincontent #relatedcontent .productzone {
	padding-left: 9px;
	}

.browse #pagebody #maincontent #relatedcontent .productzone .result,
.search #pagebody #maincontent #relatedcontent .productzone .result,
.browse #pagebody #maincontent #relatedcontent .productzone .lastitem,
.search #pagebody #maincontent #relatedcontent .productzone .lastitem {
	display: block;
	clear: both;
	margin: 0 10px 12px 10px;
	}

.browse #pagebody #filters,
.search #pagebody #filters,
.staticpage #pagebody #filters {
	width: 170px;
	float: left;
	position: relative;
	margin-top: 6px;
	background:#fff;
	padding:5px 0;
	}
#RefineByAttribute, #RefineByCategory {
	
}
#RefineByAttribute h3, #RefineByCategory h3{
	margin:0;
	padding:5px 0;
	background:#dfdfdf;
	zoom:1;
}
#RefineByAttribute ul,
#RefineByCategory ul {
	padding-bottom: 12px;
	background:#dfdfdf;	
	}

/* Breadcrumb styles */

.browse #pagebody #maincontent #breadcrumb,
.search #pagebody #maincontent #breadcrumb,
.searchres #pagebody #maincontent #breadcrumb {
	margin-bottom: 14px;
	}

html>body .searchres #pagebody #maincontent h1 {
	*margin-top: 30px;
	}

.browse #pagebody #maincontent #breadcrumb li,
.search #pagebody #maincontent #breadcrumb li,
.searchres #pagebody #maincontent #breadcrumb li {
	display: inline;
	}

/* Result Styles */

.searchres #pagebody #maincontent p {
	color: #5D483B;
	}

.searchres #pagebody #maincontent p span.action a {
	color: #C56C0A !important;
	text-decoration: none;
	}

.searchres #pagebody #maincontent p span.action a:hover {
	text-decoration: underline;
	}

.searchres #pagebody #maincontent p.searchresultinfo {
	font-weight: bold;
	font-size: 1.3em;
	color: #F58000;
	}

.searchres #pagebody #maincontent p.searchresultinfo span.amount {
	font-size: 1.4em;
	color: #F58000;
	}

#productlister,
#categorylister {
	clear: both;
	width: 590px;
	}

.searchres #categorylister {
	width: 960px;
	}

#categorylister ul {
	/*float: left; This throws alignment in out FF3!!!!*/
	}

#productlister ul li.row,
#categorylister ul li.row {
	clear: both;
	*display: inline;
	margin-bottom: 18px;
	}

#productlister ul li.row ul li.image,
#categorylister ul li.row ul li.image {
	margin-top: 18px;
	}

a.product-title {
	background: url("../images/Master1_1/bullet_arrow_right.gif") no-repeat left 5px !important;
	margin-top: 6px;
	padding-left: 12px !important;
	display: block;
	}

.productzone h4 {
	padding-left:10px;
	}
	
#productlister .result,
#categorylister .result,
.alternativesearch .result  {
	float: left;
	margin-right: 12px;
	width: 170px;
	padding-bottom: 18px;
	}

#bodycontent .related .result {
	float: left;
	margin-right: 12px;
	width: 125px;
	border: none;
	display:block;
	padding:0 5px;
	}

* html body #bodycontent .related .result {
	margin-right: 6px;
	}

#bodycontent .related .lastitem {
	clear:right;
	margin-right: 0px;
	width: 125px;
	border: none;
	display:block;
	}

.related ul {
	display:block;
	margin-left:1px;
	}

.productname a {
	display:block;
	color:#000;
	padding:0;
	}

.productdisplayprice, .productname, .brandlogo, .promologo { 
	display:block;
	}

.browse #pagebody #maincontent .productzone,
.search #pagebody #maincontent .productzone {
	border: 1px solid ;
	padding: 8px 0 0px 0!important;
	display:block;
	height:auto;
	min-height:1px;
	_height:1px;
	}

.browse #pagebody #maincontent #bodycontent .productzone,
.search #pagebody #maincontent #bodycontent .productzone {
	margin: 18px 0 0 0!important;
	}

#productlister .spacer,
#categorylister .spacer {
	width: 586px;
	float: none;
	height: 1px;
	margin: 12px 0;
	clear: both;
	overflow: hidden;
	position: relative;
	padding: 0;
	display: block;
	}

#productlister .spacer .separator,
#categorylister .spacer .separator {
	float: left;
	display: inline;
	margin-right: 12px;
	height: 1px;
	width: 134px;
	line-height: 0px;
	font-size: 0px;
	}

#productlister .spacer span.last,
#categorylister .spacer span.last {
	margin-right: 0px;
	}

.result .thumbnailholder, .lastitem .thumbnailholder {
	margin: 0 0 11px 0;
	padding:0;
	width: 130px;
	/*display:block;*/
	}

.result .thumbnailholder a img, .lastitem .thumbnailholder a img {
	height: 130px;
	margin-left:5px;
	}

/* Non-Mercado Search Results styles */

.searchres #pagebody p {
	margin-bottom: 12px;
	}
	
.searchres #pagebody #JumpToPageForm,
.searchres #pagebody #JumpToPageForm2 {
	width: 100%;
	}

.searchres #pagebody div.pager,
.searchres #pagebody div.jumpto {
	clear: both;
	float: left;
	}

.searchres #pagebody div.pager {
	width: 200px;
	display: inline;
	float: left;
	margin-top: 40px;
	}

.searchres #pagebody div.pager a {
	text-decoration: none;
	}

.searchres #pagebody div.jumpto {
	margin-bottom: 12px;
	}

.searchres #pagebody div.jumpto,
.searchres #pagebody div.jumpto fieldset.formstyle,
.searchres #pagebody div.jumpto fieldset.formstyle .field label,
.searchres #pagebody div.jumpto fieldset.formstyle .field input,
.searchres #pagebody div.action,
.searchres #pagebody div.action ul li a,
.searchres #pagebody div.action ul li a img {
	float: left;
	display: inline !important;
	}

.searchres #pagebody div.jumpto fieldset.formstyle .field label,
.searchres #pagebody div.jumpto fieldset.formstyle .field input {
	margin-right: 6px;
	}

.searchres #pagebody #JumpToPageForm p,
.searchres #pagebody #JumpToPageForm2 p {
	clear: both;
	width: 400px;
	font-size: 1.5em;
	font-weight: bold;
	color: #5D483B;
	/* use the following if need all pagination on one line:
	padding: 6px;
	width: 946px !important;
	background-color: #E3DED3;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color:  #5D483B;
	*/
	}

.searchres #pagebody #JumpToPageForm2 p {
	margin-bottom: 30px;
	}

/* Search / Browse navigation */

.browse #pagebody #maincontent .resultsnavigation,
.search #pagebody #maincontent .resultsnavigation {
	padding: 2px 0 8px 0;
	overflow: auto;
	position: relative;
	margin-right: 5px;
	font-size:0.8em;
	}

.browse #pagebody #maincontent .resultsnavigation .pager,
.search #pagebody #maincontent .resultsnavigation .pager {
	float: left;
	margin: 4px 10px 0 0 ;
	}

#pagebody #maincontent .resultsnavigation .pager .itemCount {
	display: block;
	clear: both;
	margin-bottom: 3px;
	}

#pagebody #maincontent .resultsnavigation .pager .currentPageLink,
#pagebody #maincontent .resultsnavigation .pager .pageLink,
#pagebody #maincontent .resultsnavigation .pager .previousPageLink,
#pagebody #maincontent .resultsnavigation .pager .nextPageLink {
	padding: 1px 0px 1px 0px;
	margin-right: 1px;
	text-decoration: none;
	}

#pagebody #maincontent .resultsnavigation .frmSearchResultsPerPage {
	float: left;
	margin-left: 18px;
	}

.browse #pagebody #maincontent .resultsnavigation .sortoptions,
.search #pagebody #maincontent .resultsnavigation .sortoptions {
	float: left;
	margin: 3px 0 0 0px;
	}

/* Filter styles */

#RefineByCategory .refinecats li.parentcategory {
	margin: 0;
	padding:3px 5px;
	border-top:2px solid #fff;
	}

#RefineByAttribute ul li ul {
	margin: 10px auto;
	}

.browse #pagebody li.showThem a,
.search #pagebody li.showThem a {
	margin: 6px 0 0 0;
	font-weight:bold;
	}

.browse #pagebody li.hideThem a,
.search #pagebody li.hideThem a {
	margin-top: 6px;
	 }

.browse #pagebody #filters .refinecats,
.search #pagebody #filters .refinecats,
.staticpage #pagebody #filters .refinecats {
	position: relative;
	}

.browse #pagebody #filters ul li a,
.search #pagebody #filters ul li a,
.staticpage #pagebody #filters ul li a {
	text-decoration: none;
	}

.browse #pagebody #filters ul li a:hover,
.search #pagebody #filters ul li a:hover,
.staticpage #pagebody #filters ul li a:hover {
	text-decoration: underline;
	}

.browse #pagebody #filters ul li.parentcategory ul,
.search #pagebody #filters ul li.parentcategory ul,
.staticpage #pagebody #filters ul li.parentcategory ul {
	margin-bottom: 18px;
	}

/* Extraneous span in jsp - remove this style when finish merging */
.staticpage #pagebody #filters ul.refinecats li.parentcategory span {
	display: none;
	}

.staticpage #pagebody #filters ul.refinecats li.parentcategory {
	padding-left: 6px;
	}

#sortoptions label,
#frmSearchResultsPerPage label {
	display: block;
	clear: both;
	}

.search #pagebody .alternativesearchtitle {
	display: block;
	clear: both;
	}

.resultsnavigation {
	margin:0;
	padding:0;
	}
	
.sortoptions, .sortoptions form {
	margin:0;
	padding:0;
	vertical-align:top;
	}
	
.sortoptions label {
	font-weight:bold;
	}

.sortoptions input {
	vertical-align:middle;
	margin-bottom: 3px;
	_padding-bottom: 5px;
	}
	
#recommendedproducts .thumbnailholder {
	border:1px solid #ccc;
	width:128px;
	}

#recommendedproducts .thumbnailholder a img {
	width:128px;
	margin-left:0;
	}
	
.pageLinks span {
	font-weight:bold
	}

/* Advanced Search Page */

.advsearchfrm #AdvancedSearchForm .field {
	display: block;
	float: left;
	clear: left;
	}

.advsearchfrm #AdvancedSearchForm .field label {
	width: 180px;
	background-color: #E2DED3;
	padding: 2px;
	}

.advsearchfrm #AdvancedSearchForm .field input {
	width: 180px;
	}

.advsearchfrm #AdvancedSearchForm .field span {
	color:#5D483B !important;
	font-weight:bold;
	}

.advsearchfrm #AdvancedSearchForm .field label,
.advsearchfrm #AdvancedSearchForm .field div,
.advsearchfrm #AdvancedSearchForm .field div.selectbox,
.advsearchfrm #AdvancedSearchForm .field div.selectbox div,
.advsearchfrm #AdvancedSearchForm .field div.selectbox div select,
.advsearchfrm #AdvancedSearchForm .field div input,
.advsearchfrm #AdvancedSearchForm .field div select {
	display: inline;
	float: left;
	margin-bottom: 6px;
	}

.advsearchfrm #AdvancedSearchForm .action {
	margin-left: 180px;
	display: inline;
	float: left;
	margin-bottom: 6px;
	}
	
/* static pages */
.staticpage #bodycontent {
	margin-bottom: 3em;
	}