/*	productdetails.css
------------------------------------------------
Description:
Regatta (multi-site) Product Details 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 (Release) 	S.Fletcher  05.06.08
1.3 (Release) 	T.K			10.06.09
------------------------------------------------
*/

#pagebody #maincontent #breadcrumb {
	clear: both;
	width: 100%;
	margin-bottom: 20px;
	}

#pagebody #maincontent #breadcrumb li {
	display: inline;
	}

.breadcrumbentry {
	list-style-type: none;
	display: inline;
	}

#pagebody #maincontent {
	float: right;
	background-color: #fff;
	width: 960px;
	}

/* Start imported from Master1_1.css */

.productdetails #pagebody #filters {
	width: 180px;
	float: left;
	position: relative;
	_clear: right;
	_display: inline;
	}

.productdetails #pagebody #maincontent {
	float: right;
	width: 760px;
	}

.productdetails #pagebody .detailsdisplay h3 {
	display:none;
	}

.productdetails div.imagedisplay ul.toollinks {
	margin:0 0 2em 0;
	}

.productdetails .imagedisplay h2 {
	display:none;
	}

.productdetails .imagedisplay h1 {
	margin:0 0 10px 0;
	padding:0;
	}

/* End imported from Master1_1.css */

.productdetails div dl,
.productdetails div ul {
	margin: 0;
	padding: 0;
	}

.productdetails {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

.productdetails h1 {
	line-height: 1.2em;
	margin-bottom: 5px;
}
	
.productdetails li {
	display: inline;
	margin: 0; 
	padding: 0;
	}

.productdetails .messagesuccess {
	font-weight: bold;
	}
	
/* Start Product Images Display Item */
	
.productdetails div.imagedisplay {
	float: left;
	width: 250px;
	margin: -45px 20px 0 0;
	padding: 0;
	}

.productdetails div.imagedisplay dl, 
.productdetails div.detailsdisplay dl, 
.productdetails div.alternativeproduct dl {
	display: inline;
	padding: 0;
	}

.productdetails div.imagedisplay dl dt, 
.productdetails div.detailsdisplay dl dt, 
.productdetails div.alternativeproduct dl dt {
	margin-left: -900px;
	display: none;
	}

.productdetails div.alternativeproduct dl dd h2 {
	margin-top: 0 !important;
	}

.productdetails div.imagedisplay span#largeimagelink {
	float: left;
	margin-bottom: 10px;
	height: 20px;
	padding: 5px 0 5px 24px;
	background: #fff url("../images/Master1_1/bullet_magnifier.gif") bottom left no-repeat;
	}

/* CR11: Start (Zoom) */

.productdetails #zoomfeature {
	clear:both;
	margin-bottom:10px;
}

.productdetails #zoomfeature img {
	padding:5px 10px 5px 0px;
	vertical-align:top;
}


.productdetails div.imagedisplay span#zoomlabel {
	font-size:.9em;
	color: #666;
	font-weight:bold;
	margin-bottom: 10px;
	line-height: 20px;
	padding: 5px 0 5px 0px;
	}

/* CR11: End (Zoom) */

.productdetails div.imagedisplay .productimage img {
	width: 250px;
	height: 250px;
	}

.productdetails div.imagedisplay #mainimage {
	width: 250px;
	height: 250px;
	}
	
.productdetails div.imagedisplay .alternativeview {
	clear: left;
	float: left;
	display: inline;
	width: 250px;
	padding: 6px 0 12px 12px;	
	}
	
.productdetails div.imagedisplay .alternativeview span.image {
	margin: 0 12px 12px 0;
	float: left;
	}

.productdetails div.imagedisplay .alternativeview span.image img {
	clear: left;
	display: inline;
	width: 47px;
	height: 47px;
	}
	
.productdetails div.imagedisplay ul.toollinks {
	clear: both;
	float: left;
	display: block;
	list-style-type: none;
	margin: 20px 0;
	padding: 0;
	width: 280px;
	}
	
.productdetails div.imagedisplay ul.toollinks li {
	margin-right: 6px;
	}
	
.productdetails div.imagedisplay ul.toollinks li.emaillink {
	padding-left: 20px;
	background: #fff url("../images/Master1_1/bullet_envelope.gif") bottom left no-repeat;
	}

.productdetails div.imagedisplay ul.toollinks li.infolink, .productdetails div.detailsdisplay ul.toollinks li.infolink {
	padding-left: 20px;
	background: #fff url("../images/Master1_1/bullet_question.gif") bottom left no-repeat;
	}
	
/* Start Product Details Display Item */

.productdetails div.detailsdisplay ul.toollinks li.infolink {
	padding-left: 20px;
	background: #fff url("../images/Master1_1/bullet_question.gif") bottom left no-repeat;
	display:block;
	margin-bottom:10px;
	}
	
.productdetails div.detailsdisplay ul.toollinks li.infolink a, .productdetails div.detailsdisplay ul.toollinks li.emaillink a {
	color:#000;
	}
.productdetails div.detailsdisplay ul.toollinks li.emaillink {
	padding-left: 20px;
	background: #fff url("../images/Master1_1/bullet_envelope.gif") bottom left no-repeat;
	display:block;
	margin-bottom:10px;
	}
	
.productdetails div.detailsdisplay {
	float: left;
	width: 290px;
	margin-top:-20px !important;
	padding:0;
	}
		
* html body .detailsdisplay {
	margin-left:-10px;
	}

.productdetails div.detailsdisplay h3{
	margin-bottom: 0px !important;	
	}
	
.productdetails div.detailsdisplay dd {
	margin-bottom: 10px;
	width:100%;
	}

* html body .detailsdisplay dd {
	width:260px;
	}

.productdetails div.detailsdisplay dd ul {
	margin: 0;
	}
.productdetails div.detailsdisplay dd.action ul {
	margin: 0 0 0 12px;
	float:left;
}

.productdetails div.detailsdisplay dd.action ul li {
	clear: both;
	display: block;
	list-style-type: none;
	margin-bottom: 12px;
	}

.productdetails div.detailsdisplay dd.action ul li#btnpreorder {
	margin-bottom: 1px !important;
}

.productdetails div.detailsdisplay dl #quantity {
	clear: both;
	display: block;
	float: left;
	padding-top:3px;
	}

.productdetails div.detailsdisplay dl dd.price #priceelement {
	margin: 0;
	float:right;
	}

.productdetails div.detailsdisplay #priceelement ul li span.label {
	text-align:right;
	}

.productdetails div.detailsdisplay #priceelement ul li {
	clear: both;
	text-align:right;
	}

.productdetails div.detailsdisplay dl dd.price #priceelement ul li span.price {
	display: block;
	clear: both;
	margin-bottom: 10px;
	}

#productdetailscontainer .detailsdisplay li span {
	display: inline;
	font-weight: bold;
}

.productdetails div.detailsdisplay dd.details {
	clear: both;
	display: block;
	}
	
.productdetails div.detailsdisplay dd.productlongdescription ul li, dd.descriptiveAttributes ul li {
	clear: both;
	display: block;
	margin: 0;
	padding-left: 10px;
	line-height: 1.5em;
	background: #fff url("../images/Master1_1/bullet_star.gif") 0 7px no-repeat;
	}
	
.productdetails div.detailsdisplay dd.materials {
	clear: both;
	display: block;
	background: #fff;
	}

#productdetailscontainer div.detailsdisplay dd.materials span {
	margin: 20px 10px 0 0;
	}
	
/*  Start product details form styles */

.productdetails div.detailsdisplay dd#dropdownoptions label span,
.productdetails div.detailsdisplay #quantity label span {
	width: 60px;
	float: left;	
	}

.productdetails div.detailsdisplay dd#dropdownoptions label {
	clear: both;
	float: left;
	}
	
html>body .productdetails div.detailsdisplay dd#dropdownoptions label span,
html>body .productdetails div.detailsdisplay #quantity label span {
	float: left;
	}
	
.productdetails div.detailsdisplay dd#dropdownoptions select {
	display: inline;
	padding-right: 0 !important;
	width: 120px;
	}
	
.productdetails div.detailsdisplay dd#dropdownoptions select, 
.productdetails div.detailsdisplay #quantity input {
	border: 1px solid #7B9CBD;
	}

.productdetails div.detailsdisplay #quantity input {
	width:20px;
}

/* Start Alternative Products & Accessories Display Item */

.productdetails div.alternativeproduct {
	float: left;
	margin: 0 0 0 40px;
	padding: 0;
	width: 140px;
	}

* html .productdetails div.alternativeproduct {
	float: left;
	display: inline;
	clear: right;
	}

.productdetails div.alternativeproduct dl dd h2{
	clear: both;
	display: block !important;
	}


.productdetails div.alternativeproduct dl.alternative {
	margin-left: 0px;
	margin-bottom: 20px;
	display: block;
	min-height: 17.5em;
	_height: 17.5em;
	}

.productdetails div.alternativeproduct dl.alternative dd dl dd {
	background-color: #EBF6F7;
	clear: both;
	display: block;
	}

.productdetails div.alternativeproduct dd.image {
	margin-bottom: 6px;
	float: left;
	/*background-color: #E3DED3;*/
	}
	
.productdetails div.alternativeproduct dd.image img {
	clear: left;
	width: 130px;
	height: 130px;
	margin: 0;
	padding: 0;
	}
	
.productdetails div.alternativeproduct dd.image,	
.productdetails div.alternativeproduct dd.description,
.productdetails div.alternativeproduct dd.price {
	display: block;
	clear: both;
	}

/* Start Disclaimer styles */

.productdetails div.disclaimer {
	display: none;
	}

/* Start Discount Details page styles */

.productdetails div.discount dl dt {
	display: none;
	}

.productdetails div.discount dd.discount {
	margin-top: 12px;
	}

/*  item display page - non-Mercado */

.itemdisplay #pagebody div.item dl dt.description {
	display: none;
	}

.itemdisplay #pagebody div.item dl dd {
	margin-bottom: 12px;
	display: block !important;
	}

.itemdisplay #pagebody div.item dl dd.image img {
	border: 1px solid #E3DED3;
	}

.itemdisplay #pagebody div.item dl dd.ldescription {
	background: #E3DED3;
	padding: 12px;
	border: 1px solid #5D483B;
	}

.itemdisplay #pagebody div.item dl dd.price {
	margin-bottom: 12px !important;
	}

.itemdisplay #pagebody div.item dl dd.price #priceelement {
	display: block;
	clear: left;
	}

.itemdisplay #pagebody div.item dl dd.attribute {
	clear: both;
	margin-top: 20px !important;
	}
	
.itemdisplay #pagebody div.item dl dd.price #priceelement span.label,
.itemdisplay #pagebody div.item dl dd.attribute dl dt.property,
.itemdisplay #pagebody div.item dl dt.property {
	width: 60px;
	}

.itemdisplay #pagebody div.item dl dd dl dt.property,
.itemdisplay #pagebody div.item dl dd dl dd.value,
.itemdisplay #pagebody div.item dl dt.property,
.itemdisplay #pagebody div.item dl dd.value {
	display: inline !important;
	float: left;
	}

.itemdisplay #pagebody div.item dl dd.action {
	clear: both;
	}

/* Start Stepped Options (ProductGridDisplay.jsp) specific page styles */

#stepped_price_bundle_display td  {
	vertical-align: top;
	}

#bundle_display tr.bundle_contents,
#stepped_price_bundle_display tr.bundle_contents {
	border-bottom: 12px solid #fff !important;
	margin-bottom: 12px !important;
	}

.productdetails div.detailsdisplay #stepped_price_bundle_display th,
.productdetails div.detailsdisplay #stepped_price_bundle_display td  {
	padding: 5px 3px;
	vertical-align: top;
	}
	
/* CR10 START: stock Matrix styles */	

.colourThumbs {

}

.sizeThumbs {
	font-weight:bold;
	color: #462826
}

#stockkey {
	border-top:1px dotted #c4c4c4;
	border-bottom:1px dotted #c4c4c4;
	padding:3px 0;
	margin:10px 0;
	text-align:right;
}

#stockkey h3 {
	display:inline !important;
	font-size:1em;
	color:#896a70;
	padding:5px;
	font-weight:bold;
}

#stockkey ul {
	display:inline;
}

#stockkey li,
#stockkey img {
	display:inline !important;
	vertical-align:middle;
	padding:2px 5px 2px 0;
}

.detailsdisplay .price table {
	width:100%;
}

.detailsdisplay .price th,
.detailsdisplay .price td  {
	background-color: #fff;
	padding:2px;
	width:auto;
}

.detailsdisplay .price th {
	whitespace:no-wrap;
	padding-right:2px;
}

/* offset the matrix lables the accessible approach */
#matrixwrapper {
	width:100%;
	overflow:auto;
	*overflow-x:auto;
	*overflow-y:hidden;
	clear:both; 

}

.stockmatrix {
	*margin-bottom:14px;
}

.stockmatrix th{
	font-size:1em;
}

.stockmatrix .inStock label, 
.stockmatrix .preOrder label, 
.stockmatrix .outOfStock label, 
.stockmatrix .notAvailable label {
	position:absolute;
	left:-9999em;
} 

.productsize {
	width:17px;
}

.stockmatrix .swatchcolour a {
	text-decoration: none;
	font-size:.8em;
}

.stockmatrix .swatchcolour img {
	width:17px;
	height:17px;
}

.stockvalues {
	display:none;
}

.matrixlabel {
	position:absolute;
	left: -9999em;
}

/* CR10 END: stock Matrix styles */	

/* CR10/CR11 Common layout changes  */

.productdetails h1 {
	font-weight: bold;
	width:	340px;
	}

.productdetails div.detailsdisplay {
	width:340px !important;
	_width:330px !important;	
}

.productdetails div.detailsdisplay dl dd.price #priceelement ul li span {
	margin-bottom: 10px;
	font-size: 1.1em;
	font-weight: bold;
	display:inline-block;
	float:none;
	}

.productdetails div.detailsdisplay dl dd.price #priceelement ul li span.value {
	width:90px;
}

.productdetails div.alternativeproduct {
	margin-top: -40px !important;
	margin-left: 0 !important;
	width: 330px !important;
	float:right !important;
	}
	
.productdetails .productcode {
	width:153px;
}

#priceelement ul li span.amount {
	float:none;
}

.thisStockLevel, #lowStockQuantity {
	display:none;
}