/* PRODUCT DETAILS CSS
--------------------------------
Vers		Date		   Author
--------------------------------
1.0			01.02.08	  SRF
--------------------------------
*/

#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;
	position:relative;
	}
	
.productdetails div.imagedisplay dl, 
.productdetails div.detailsdisplay dl, 
.productdetails div.alternativeproduct dl {
	float: left;
	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 .alternative {
	}
	
.productdetails div.imagedisplay span#largeimagelink {
	float: left;
	margin-bottom: 10px;
	height: 20px;
	padding: 5px 0 5px 20px;
	background: #fff url("../images/Master1_1/bullet_magnifier.gif") 0px 8px no-repeat;
	}

.productdetails div.imagedisplay span#zoomlabel {
	float: right;
	margin: 0 15px 10px 0;
	height: 20px;
	padding: 5px 0 5px 20px;
	background: #fff url("../images/Master1_1/zoomlens.gif") 0px 8px no-repeat;
	}
.productdetails div.imagedisplay span#watchvideolink {
	float: left;
	margin-bottom: 10px;
	height: 20px;
	padding: 5px 0 5px 25px;
	background: #fff url("../images/Master1_1/video-link-icon.gif") 0px 8px no-repeat;
	}
.productdetails div.imagedisplay #mainimage {
	width: 315px;
	height: 254px;
	}
	
.productdetails div.imagedisplay .alternativeview {
	clear: left;
	float: left;
	display: inline;
	width: 301px;
/*	*width: 330px;*/
	border: 1px solid #ccc;
	padding: 6px 0 12px 10px;
	margin-bottom: 1em;
	}
	
.productdetails div.imagedisplay .alternativeview span.image {
	border: 1px solid #ccc;
	margin: 0 10px 12px 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: 600px;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	margin-bottom:20px;
	background:#f8f8f8;
	position:relative;
	height:100%;
}
	
.productdetails div.detailsdisplay h3{
	margin-top: 10px;
	margin-bottom: 0px !important;	
	}
	
.productdetails div.detailsdisplay dd {
	margin-bottom: 10px;
	}
	
.productdetails div.detailsdisplay dd ul {
	margin: 10px 0;
	}

.productdetails div.detailsdisplay dd.action ul {
	margin-left:90px;
	border:1px solid #F8F8F8;
	clear:both;
}

.productdetails div.detailsdisplay dd.action ul li {
	clear: both;
	display: block;
	list-style-type: none;
	margin-bottom: 12px;
	zoom:1;
	}
.productdetails div.detailsdisplay a.addthis_button {
	
}
	     
.productdetails div.detailsdisplay dl dd#quantity {
	clear: both;
	display: block;
	float: left;
	}

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

.productdetails div.detailsdisplay #priceelement ul li span.label {
	margin: 0px 5px 0 0;
}

.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;
	}

.productdetails div.detailsdisplay dd.details {
	display: block;
	overflow:hidden;
	
	}
	
.productdetails div.detailsdisplay .productlongdescription {
	color: #7B6B52;
	}
.productdetails div.detailsdisplay .productlongdescription ul {
	float:left;
}

dd.descriptiveAttributes ul {
	float:left;
	clear:left;
}

.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: transparent url("../images/Master1_1/bullet_star.gif") 0 7px no-repeat;
	}
	
.productdetails div.detailsdisplay dd.materials {
	clear: left;
	display: block;
	
}
	
/*  Start product details form styles */

.productdetails div.detailsdisplay dd#radiooptions label span,
.productdetails div.detailsdisplay dd#dropdownoptions label span,
.productdetails div.detailsdisplay dd#quantity label span {
	width: 75px;
	float: left;	
}
.productdetails div.detailsdisplay div#rnconly,
.productdetails div.detailsdisplay div#atbonly  {
	clear:both;
	display:none;
	font-size:0.9em;
	margin-left:90px;
	line-height:1em;
	margin-bottom:5px;
}
.productdetails div.detailsdisplay div#rnconly span,
.productdetails div.detailsdisplay div#atbonly span {
	font-weight:bold;
	}
.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-wrapper {
	float: right;
}

.productdetails div.alternativeproduct {
	float: left;
	width: 300px;
	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;
	margin-bottom:10px;
	}

	
.productdetails div.alternativeproduct dl.alternative {
	float: left;
	width: 88px !important;
	margin-right: 7px;
	margin-left: 0px;
	margin-bottom: 20px;
	display: block;
	}

.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: 88px;
	float: left;
	}
	
.productdetails div.alternativeproduct dd.image img {
	clear: left;
	width: 88px;
	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;
	}
.productdetails div.alternativeproduct #priceelement ul li span.full {
	font-weight:bold;
	color:#000;
}
/* 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 */

#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 */




/************************************************************
* tabset styling
************************************************************/

div#productDetailTabs ul.tabNavigation {
	float:left;
	position:relative;
	display:none;
	list-style: none;
	overflow: hidden;
	margin-bottom:0px;
	_height:1%;
}
div#productDetailTabs ul.tabNavigation li {
	float: left;
}
div#productDetailTabs ul.tabNavigation li a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 0;
	background:#fff url("../images/Master1_1/bg_tab_l.gif") no-repeat -2px 0;
	_float:left;
}
div#productDetailTabs ul.tabNavigation li.first a {
	background-position:0px 0;
}
div#productDetailTabs ul.tabNavigation li a.selected {
	color:#fff;
	background-position:0px -24px;
}
div#productDetailTabs ul.tabNavigation li a:hover	{
	color:#fff;
	background-position:0px -24px;
}
/*
div#productDetailTabs ul.tabNavigation li.first a.selected {
	background-position:0 -23px;
}
*/
div#productDetailTabs ul.tabNavigation li a span {
	display:block;
	background:transparent url("../images/Master1_1/bg_tab_r.gif") no-repeat 100% 0;
	padding:3px 11px 6px 11px;
	height:14px;
	cursor:pointer;
	_float:left;
	_height:11px;
	_padding-bottom:0px;
}
div#productDetailTabs ul.tabNavigation li a:hover span,
div#productDetailTabs ul.tabNavigation li a.selected span {
	background-position:100% -24px;
}

div#productDetailTabs div.tab {float:left; margin:15px 0 10px 15px; _margin-left:10px; width:580px; vertical-align:top}
div#productDetailTabs div.tab_bottom {background:transparent url(bg_tabs0.gif) no-repeat 0 100%;}
div#productDetailTabs div.tab_middle {background:transparent url(bg_tabs1.gif) no-repeat 0 0; padding:10px;}
div#productDetailTabs div.tab h3 {font-weight:bold; margin:0 0 0.5em 0;}
div#productDetailTabs div.unselected {display: none;}

div#action-block {float:right; width:330px; margin-top:15px;}



/************************************************************
* colour and size thumb selector
************************************************************/

div#colourSelectorThumbs, div#sizeSelectorThumbs {
	width:240px;
	float:left;
}

/********** Colour thumb selector ***********/

div#colourSelectorThumbs li {
	position:relative; list-style-type:none; float:left; margin:0 3px 3px 0; border: 1px solid white;
}
div#colourSelectorThumbs li {
	width:50px; height:40px;
}
div#colourSelectorThumbs label img {
	width:50px; height:40px;
}
div#colourSelectorThumbs li.hover, div#colourSelectorThumbs li.checked {
	border: 1px solid #FF9900;
}
div#colourSelectorThumbs label {
	position:absolute; top:0px; left:0px;
	cursor: pointer;
}
div#colourSelectorThumbs span {
	display:none;
	margin:1px 0 0 0; float:left; font-size:10px; width:auto !important; 
}

/********** Size thumb selector ***********/
div#sizeSelectorThumbs li.outOfStock {
	color:#666;
}

div#sizeSelectorThumbs li.outOfStockReservable,
div#sizeSelectorThumbs li.reservableStock {
	color:#fff;
}

div#sizeSelectorThumbs li {
	position:relative; list-style-type:none; float:left; margin:0 3px 3px 0; border: 1px solid white;
	width:22px; height:22px;
	text-align:center;
	color:#fff;
}
div#sizeSelectorThumbs li.hover, div#sizeSelectorThumbs li.selected {
	border: 1px solid #FF9900;
}

div#sizeSelectorThumbs label {
	position:absolute; top:0px; left:0px;
}

div#sizeSelectorThumbs li.outOfStock label {
	background:#ccc url("../images/Master1_1/no_stock.gif") no-repeat 0 0;
}

div#sizeSelectorThumbs li.lowStock label {
	background:#ffab22 url("../images/Master1_1/low_stock.gif") no-repeat 0 0;
	cursor: pointer;
}

div#sizeSelectorThumbs li.outOfStockReservable label,
div#sizeSelectorThumbs li.inStock label {
	background:#18cf32 url("../images/Master1_1/in_stock.gif") no-repeat 0 0;
    cursor: pointer;
}

div#sizeSelectorThumbs li.selected label {
	background-color:#ffffff;
	background-image:none;
	color:#666;
}
div#sizeSelectorThumbs span {
	margin:0px; float:left; font-weight:bold; font-size:12px; line-height:22px; height:22px; width:22px !important;
}

input#size_ {
        display:none;
}

/************************************************************
* bazaar voice overrides
************************************************************/

#BVReviewsContainer {
	clear:both;
}
.stockLevelIndicatorKey {
	font-size:0.9em;
	height:20px;
	display:block;
	clear:both;
}

.stockLevelIndicatorKey span {
	float:left;
	width:78px;
}
/************************************************************
* modal pop-ups
************************************************************/

.jqmOverlay { background-color: #000; }

div.jqmWindow {
    display: none;
    position: fixed;
    top: 160px;
    left: 50%;
    margin-left: -130px;
    width: 400px;
    background-color: #fff;
    color: #666;
    z-index: 3000;
	opacity:0;
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmWindow  {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.jqmTitle{
	height:35px;
	color:#333;
	font-size:16px;
	line-height:36px;
	font-weight:bold;
	background: #FFCF3F url("../images/Master1_1/jqmodal-title-bg.gif") repeat-x top left;
}
.jqmTitle span {
	padding-left:30px;
	margin-left:20px;
}
#jqmSuccess .jqmTitle span {
	background: transparent url("../images/Master1_1/jqmodal-yellow-tick.gif") no-repeat top left;
}
#jqmFailure .jqmTitle span {
	background: transparent url("../images/Master1_1/jqmodal-yellow-cross.gif") no-repeat top left;
}

div.jqmContent{
  padding: 20px 20px 15px 20px;
  background: #fff url("../images/Master1_1/jqmodal-content-bg.gif") repeat-x bottom left;
}
div.jqmContent .productimage {
	float:left;
	border:1px solid #e2e2e2;
	margin-bottom:20px;
}
div.jqmContent .productName {
	margin: 0 0 0 100px;
	font-weight:bold;
	color:#000;
	font-size:1.1em;
}
div.jqmContent .productAttributes {
	margin: 5px 0 20px 100px;
}

.thisStockLevel, #lowStockQuantity {
	display:none;
}

/************************************************************
* bazaar voice and competition box
************************************************************/

.pcustomerReview {
	clear:left;
	border:1px solid #CCC;
	width:315px;
	color: #000;
}
.tabDetails .pcustomerReview {
	border:none;
	width:auto;
}
.pcustomerReview #BVCustomerRatings {
	padding: 0.5em;
}
.pcustomerReview li.customerReviewText {
	display: block;
	font-weight: bold;
	margin-bottom: 0.5em;
	}
h2.pcustomerReview-header {	
	background: transparent url("../images/productpage-block-header.gif") repeat-x 0 0;
	color:#fff;
	padding:2px 0 2px 5px;
	margin:0;
	clear:left;
	font-size:1.1em;
	font-weight:bold;
}
.pcustomerReview h3 {
	color: #000;
	margin: 0.25em 0;
	padding:0;
}
#competitiontext {
	padding: 5px 10px;
}
#competitiontext1, #competitiontext a {
	color:#666;	
}
.competitiontext2 {
	color:#ff0000;	
	font-weight:bold;
}
.competitiontext3 {
	font-weight:bold;
	color:#000;	
}


#copyright {
	margin-top:-18px;
	position:relative;
	text-align:center;
	top:-13px;
	width:984px;
}




