/* PRODUCT DETAILS CSS
--------------------------------
Vers		Date		   Author
--------------------------------
1.0			23.06.11	   SVN
--------------------------------
*/

#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 {
	width: 960px;
	float: right;
	background-color: #fff;
	/*overflow: auto;*/
	}

.productdetails div dl,
.productdetails div ul {
	/* float: left;*/
	margin: 0;
	padding: 0;
	}

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

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

.productdetails .messagesuccess {
	font-weight: bold;
	}

/* Start Product Images Display Item */
	
.productdetails div.imagedisplay {
	float: left;
	width: 330px;
	/*margin: 0 32px 0 0;*/
	margin: 0 20px 0 0;
	padding: 0;
	}
	
.productdetails div.imagedisplay dl, 
.productdetails div.detailsdisplay dl, 
.productdetails div.alternativeproduct dl {
	float: left;
	display: inline;
	padding: 0;
	}
	
.productdetails div.imagedisplay dl{
	width: 330px;
	}
	
.productdetails div.detailsdisplay dl {
	width: 230px;
	}

.productdetails div.alternativeproduct h4.accessories {
	margin-left: 25px;
}

.productdetails div.alternativeproduct dl {
	width: 310px;
	}

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

.productdetails .alternative {
	}
	
.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;
	}

.productdetails div.imagedisplay #mainimage {
	width: 312px;
	/*height: 254px;*/
	}
	
.productdetails div.imagedisplay .alternativeview {
	clear: left;
	float: left;
	display: inline;
	width: 304px;
/*	*width: 330px;*/
	border: 1px solid #ccc;
	padding: 6px 0 12px 10px;
	margin-bottom: 1em;
        margin-top: 15px;
	}
	
.productdetails div.imagedisplay .alternativeview span.image {
	border: 1px solid #ccc;
	margin: 0 8px 8px 0px;
	float: left;
	}

.productdetails div.imagedisplay .alternativeview span.image img {
	clear: left;
	display: inline;
	width: 90px;
	height: 74px;
	}
	
.productdetails div.imagedisplay ul.toollinks {
	float: left;
	display: block;
	list-style-type: none;
	margin: 20px 0;
	padding: 0;
	width: 320px;
	}
	
.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;
	}

	
/* End Product Images Display Item */	
	
/* 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: 230px;
	margin: 0 20px 0 0;
	padding: 0 0 0 30px;
	
	}
	
.productdetails div.detailsdisplay h3{
	margin-top: 10px;
	margin-bottom: 0px !important;	
	}
	
.productdetails div.detailsdisplay dd {
	margin-bottom: 10px;
	width:230px;
	}
	
.productdetails div.detailsdisplay dd ul {
	margin: 10px 0;
	}
	
.productdetails div.detailsdisplay dd.action ul li {
	clear: both;
	display: block;
	list-style-type: none;
	margin-bottom: 12px;
	}

.productdetails div.detailsdisplay dl dd#quantity {
	clear: both;
	display: block;
	float: left;
	}

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

.productdetails div.detailsdisplay #priceelement ul li span.label {
	width: 120px;
	margin-right: 12px;
}

.productdetails div.detailsdisplay #priceelement ul li {
	clear: both;
	}

#productdetailscontainer .detailsdisplay .waspricelabel,
#productdetailscontainer .detailsdisplay .saveuptoamountlabel,
#productdetailscontainer .detailsdisplay .saveuptopercentlabel {
	display: inline;
	float: left;
	clear: right;
	width: 140px !important; 
	margin-right: 12px;
	}
	
.waspricelabel, .wasprice {
	text-decoration: line-through;
}

.productdetails div.detailsdisplay dd.details {
	clear: both;
	display: block;
	}
	
.productdetails div.detailsdisplay .productlongdescription {
	color: #7B6B52;
	}
	
.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;
	}
	
/*  Start product details form styles */
	
.productdetails div.detailsdisplay dd#dropdownoptions label span,
.productdetails div.detailsdisplay dd#quantity label span {
	width: 90px;
	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 dd#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 dd#quantity input {
	border: 1px solid #7B9CBD;
	}
	
/*  End product details form styles */

#productdetailscontainer div.detailsdisplay dd.materials span {
	margin: 20px 10px 0 0;
	}
	
/* End Product Details Display Item */

/* Start Alternative Products & Accessories Display Item */

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

* html .productdetails div.alternativeproduct {
	float: left;
	display: inline;
	clear: right; 
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	}

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

	
.productdetails div.alternativeproduct dl.alternative {
	float: left;
	width: 128px !important;
	margin-left: 24px;
	margin-right: 0px;
	margin-bottom: 20px;
	display: block;
	min-height: 17.8em;
	_height: 20em;
	*height: 20em;
	_margin-left: 15px;
	}

.productdetails div.alternativeproduct dl.alternative dd {
	display: inline;
	}

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

.productdetails div.alternativeproduct dd.image {
	width: 128px;
	height: 105px;
	float: left;
	}
	
.productdetails div.alternativeproduct dd.image img {
	clear: left;
	width: 128px;
	height: 105px;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
}
	
.productdetails div.alternativeproduct dd.image,	
.productdetails div.alternativeproduct dd.description,
.productdetails div.alternativeproduct dd.price {
	display: block;
	}

.productdetails div.alternativeproduct dd.price span.label {
	margin-right:3px;
	}

/* End Alternative Products & Accessories Display Item */

/* Start Disclaimer styles */
/* Hidden for now as don't know where/when this is needed  */

.productdetails div.disclaimer {
	display: none;
	}

/* End Disclaimer styles */


/* Start Discount Details page styles */

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

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

/* End Discount Details page styles */

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

.productdetails #steppedpriceactionstop {
	float:right;
}
.productdetails #steppedpriceactionstop li {
	display: block;
	margin-bottom: 10px;
	position: relative;
}
#stepped_price_bundle_display td  {
	vertical-align: top;
	}

#bundle_display tr.bundle_contents,
#stepped_price_bundle_display tr.bundle_contents {
	/*padding-top: 12px;*/
	/*clear: both;*/
	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;
	}

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



/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder { text-align: left; }

.jcrop-vline, .jcrop-hline
{
	font-size: 0px;
	position: absolute;
	background: white url('Jcrop.gif') top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-vline.right { right: 0px; }
.jcrop-hline.bottom { bottom: 0px; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
}

.jcrop-tracker { width: 100%; height: 100%; }

.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}