/*
 * Mamas & Papas Style Sheet
 * Description : A product_details specific stylesheet
 * It is loaded on the product_details page

 *
 * Author : Jamie Vollands / Rob MacDonald
 * Dated : 2010
 *
 */

/* Referenced in product_details.tpl */
.ProductDetails_title_awards {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 5px;
}

/* Referenced in product_details.tpl */
.ProductDetails_title_awards a{
	cursor:default;
    position:relative;
    z-index:24;
    text-decoration: none!important;
}

/* Referenced in product_details.tpl */
.ProductDetails_title_awards a:hover { z-index:25; visibility: inherit}

/* Referenced in product_details.tpl */
.ProductDetails_title_awards a span { display: none;}

/* Referenced in product_details.tpl */
.ProductDetails_title_awards a:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    width:200px;
    top:-15px;
    *top: 25px;
    left:45px;
    background-color:#fff; /* White */
    background-image:url(/images/backgrounds/award_corner.gif);
    background-repeat:no-repeat;
    background-position:top left;
    padding: 10px;
    border: 1px solid #666666; /* Dark Grey */
    color:#666666; /* Dark Grey */
}

/* Referenced in product_details.tpl */
.ProductDetails_title_awards a:hover span h5{
    color:#666666; /* Dark grey */
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0;
}

/* Referenced in product_details.tpl */
.ProductDetails_title_awards a:hover span p{
    padding: 5px 0 0 0;
    margin: 0;
}

/* Referenced in product_details.tpl */
.ProductDetails_title_awards img{
    padding-right:5px;
}

/* Referenced in product_details.tpl */
.ProductDetailsSummary{
    width:633px;
    float: left;
    padding: 10px 15px 10px 0;
    margin: 0;
}
    
/* Referenced in product_details.tpl */
.ProductDetailsTextRefine {
    float:right;
    text-align:left;
    margin: 0 0 0 18px;
}

/* Referenced in product_details.tpl */
.ProductDetailsTextRefine span {
    line-height: 12px;
}

/* Referenced in product_details.tpl */
.ProductDetailsTextRefine div {
    line-height: 12px;
    padding-bottom: 12px;
}

/* Referenced in product_details.tpl */
.ProductDetails_colour_swatch{
    padding: 5px 0 0 0;
    display: table;
    margin:0;
    width:100%;
}

/* Referenced in product_details.tpl */
.ProductDetails_colour_swatch p{
    line-height:15px;
    padding:0;
    margin:0;
}

/* Referenced in product_details.tpl */
.ProductDetails_colour_swatch li{
    float:left;
    width:26px;
    padding:0px 4px 0px 0px;
    margin:0px;
    height:1%;
    display:table;
}

/* Referenced in product_details.tpl */
.ProductDetails_colour_swatch a img{
    border: #ffffff solid 2px; /* White */
    margin:0px;
    padding:0px;
}

/* Referenced in product_details.tpl */
.ProductDetails_colour_swatch a:hover img{
    border: #b4002a solid 2px; /* Dark red */
    margin:0px;
    padding:0px;
}

/* Referenced in products_details.tpl */
.ProductDetailsTextDropdown{
	float:right;
	width:115px;
	margin-right: 5px;
}

/* Referenced in the product_details.tpl file */
.please_call{
	 color: #525252; /* Charcoal */
	 padding:8px 5px 8px 5px;;
	 margin:0;
	 width:140px;
	 float:right;
	 text-align:right;
	 background-color:#f7f7f7;
}

/* Referenced in the product_details.tpl file */
.please_call a{
	text-decoration: underline;
}

/* Referenced in the product_details.tpl file */
#email_to_a_friend{
	position:absolute;
	left:10px;
	bottom:5px;
}

/* Referenced in the product_details.tpl file */
#addthis{
    margin:0 0 0 0;
    float:right;
}

/* Referenced in product_details.tpl */
#ProductDetailsThumbs{
    padding:5px 0 5px 0;
    background-color:#fff; /* White */
}

/* Referenced in product_details.tpl */
.ProductDetailsThumb {
    border:1px solid #ccc; /* Grey */
    margin:0 5px 0 0;
}



/* Referenced in product_details.tpl */
.ProductDetailsimage {
    width: 615px;
    margin:0 0 0 18px;
    float: left;
    background-color: #FFFFFF; /* White */
    clear:left;
}

/* Referenced in product_details.tpl */
#image_video{
    margin:0 0 10px 0;
    outline:0;
}

/* Referenced in product_details.tpl */
.ProductDetailsBuyingGuide {
    margin-left: 633px;
    padding:10px;
    margin-right: 10px;
    background-color:#d0dda4; /* Pale Green */
    background-image:url(/images/backgrounds/product_books.jpg);
    background-repeat:no-repeat;
    background-position: center right;
    height:40px;
    line-height:2.0em;
    border-top:1px solid #FFFFFF; /* White */
}

/* Referenced in product_details.tpl */
.ProductDetailsBuyingGuide span{
	width:150px;
}

/* Referenced in product_details.tpl */
.ProductDetailsBuyingGuide a{
	text-decoration:underline;
}

/* IE Fix, referenced in the product_details.tpl file */
* html .ProductDetailsText, * html .ProductDetailsBuyingGuide {
    height: 0.01%; /* IE6 dissappearing text fix*/
}



/* Referenced in product_details.tpl */
.personal_details{
    background-color: #f7f7f7; /* Pale Grey */
    padding: 15px 15px 10px 15px;
    margin:0 0px 10px 0px;
    color:#3a3a3b; /* Charcoal */
}

/* Referenced in product_details.tpl */
.personal_details p{
    margin: 0 0 5px 0;
	color:#777777
}
.personal_details strong{
font-size:120%;
}

/* Referenced in products_details.tpl */
span#personalise_msg_div {
    margin-left: 115px;
    color: #838385; /* Grey */
}

/* Referenced in product_details.tpl */
.personal_details span.underline {
    display: block;
    color: #838385; /* Grey */
    margin: -15px 0 8px 118px;
    padding-left: 20px;
    padding-bottom: 3px;
    background:url(/images/personal/info_icon.gif) no-repeat 0 45%;
}

/* Referenced in product_details.tpl */
.personal_form{
    font-size:11px;
    margin:5px 0px 5px 0px;
    width:230px;
    background-color:#ffffff; /* White */
    border:solid 1px #b9b9b9; /* Pale Grey */
    padding:2px;
    margin:5px 10px 5px 0px;
}

/* Referenced in product_details.tpl */
.personal_warning{
    background-color:#e7cfda; /* pale pink */
    color:#980043; /* dark red */
    padding:3px;
    border:dotted 1px #980043; /* dark red */
}

/* Referenced in product_details.tpl */
.personal_warning_placeholder{
    background-color:#e7cfda; /* pale pink */
    color:#980043; /* dark red */
    padding:3px;
    border:dotted 1px #980043; /* dark red */
    display:none;
}

/* Referenced in related.inc */
.ProductDetailsRelated {
	padding:0;
	margin-top: 10px;
	padding-bottom: 10px;
}

/* Referenced in related.inc */
.ProductDetailsRelated h2 {
	background-color: #e4eade;
	padding: 10px;
}

/* Referenced in related.inc */
.ProductDetailsRelated div.image_border_related {
	float:left;
	width: 80px;
	padding: 12px 0 0 12px;
}

/* Referenced in related.inc */
.ProductDetailsRelated ul {
	float:left;
	width: 280px;
	padding: 12px 0 12px 20px;

}

/* Referenced in related.inc */
.ProductDetailsRelated ul li {
	padding-top: 10px;
}

/* Referenced in related.inc */
.ProductDetailsRelated ul li.productName {
	font-size: 1.5em;
	padding-top: 0;
}

/* Referenced in related.inc */
.ProductDetailsRelated ul li strong {
	float: left;
}

/* Referenced in related.inc */
.ProductDetailsRelated ul li select, .ProductDetailsRelated ul li span{
	float: right;
	margin-right: 12px;
}

/* Referenced in related.inc */
.ProductDetailsRelated ul li span{
	display: block;
	width: 100px;
	_margin-right: 6px;
}

/* Referenced in related.inc */
.ProductDetailsRelated div.selectItem {
	float:right;
	width: 110px;
}

/* Referenced in related.inc */
.ProductDetailsRelated div.selectItem p label {
	display: block;
	padding: 5px;
	float:left;
	background-color: #cfcfd0;
	color: #fff;
	font-size: 110%;
}

/* Referenced in related.inc */
.ProductDetailsRelated div.selectItem p label:hover {
	background-color: #d0dda4;
	text-decoration: none;
    cursor: pointer;
}

/* Referenced in related.inc */
.ProductDetailsRelated div.selectItem p label.ProductDetailsRelatedItemSelected {
    background-color: #d0dda4;
	text-decoration: none;
}
.ProductDetailsRelatedItemDeselected {
    background-color: #cfcfd0;
}

/* Referenced in related.inc */
.ProductDetailsRelated div.selectItem input {
	float:left;
	margin-left: 5px;
	margin-top: 6px;
	*margin-top: 2px;
}

/* Referenced in related.inc */
.ProductDetailsRelated p.price {
	float:left;
	margin-left: 113px;
	_margin-left: 55px;
	margin-top: 12px;
	width: 130px;
	font-size: 120%;
	font-weight: bold;
}

/* Referenced in related.inc */
.ProductDetailsRelated input {
	float:right;
	margin-right: 12px;
}

/* Referenced in related.inc */
.ProductDetailsRelated hr {
	background-color: #f7f7f7;
	border-color:#CCCCCC;
	border-style:none none dashed;
	border-width:1px;
	color:#FFFFFF;
	margin:15px 0pt;
}

/* Referenced in related.inc */
.ProductDetailsRelated div.imageInfo {
	float: left;
}

/* Referenced in product_details.js and related.inc  */
.ProductDetailsText, .ProductDetailsRelated {
    margin:0 18px 0 651px;
    padding:0;
    background-color:#ffffff;
    background-position: bottom center;
	width:315px;
}


/* Referenced in giftliststatus.js and product_details.tpl */
.ProductDetailsbasket{
    width: 99%; /*IE 6 requirement*/
	position:relative;
	padding:25px 0 15px 0;
}

/*Product Details tabs*/
ul.productDetailsTabs{
    border-bottom:1px solid #afafaf;
    clear:both;
    height:24px;
    list-style: none outside none;
    margin: 25px 0 5px;
    padding:0;
}
ul.productDetailsTabs li.tab{
    float:left;
    margin-right:7px;
    text-align:center;
    color:#ececec;
    font-weight:bold;
}
ul.productDetailsTabs li.tab a{
    background-color:#ececec;
    color:#838383;
    display:block;
    height:20px;
    padding:4px 6px 0 6px;
    width:80px;
}
ul.productDetailsTabs li.tab a:selected {
	color:blue
}
ul.productDetailsTabs li.tab a.active{
    background-color:#afafaf;
    color:#fff;
} 

#ProductDetailsImagesContainer{
    position:relative;
    height:635px; 
    border:1px solid red; 
}
#ProductDetailsImages{ 
    position:absolute;
    left:0px;
    top:0px;
    width:64px; 
    border:1px solid green;
    height:635px;
}

#ProductDetailsImages img{
    border:1px solid #afafaf;
    margin:0 0 9px 0;
}  

#ProductDetailsImage #ProductDetailsImageFlyout {
    position:relative;
    text-align:left;
    height:635px;
    border:1px solid orange;
}
#ProductDetailsImage #ProductDetailsImageFlyout #ProductDetailsImageFlyoutObj {
    position:absolute;
    left:82px;
    z-index:30;
}
#ProductTitle h1{
    font-size:170%;
    color: #686868;
    margin:0 0 2px 0;
}
#ProductCode{
    font-size:95%;
    margin:0 0 5px 0;
    color: #b0b0b0;
}

/* container for product title, price, prod code and awards */
#ProductDetailsContainer{
	background:url(/images/product_details/proddetail_title_bg.png) 0 0 no-repeat;
}
#ProductDetailsContainer .innerContainer{
	padding:10px 10px 0 10px;
}
/* includes bottom curve for ProductDetialsContainer*/
#ProductDetailsContainer span.btmCurve{
	background:url(/images/product_details/proddetail_title_bg.png) left bottom no-repeat;
	height:11px;
	width:315px;
	display:block;
}

/*Product details form options*/
.formRow{
	position:relative;
	text-align:right;
	line-height:17px;
	height:17px;
	margin-bottom:15px;
}
#ProductDetailForm fieldset{
	width:178px;
	margin:20px 0 0 10px
}
#ProductDetailForm label{
font-weight:bold;
position:absolute;
left:0;
top:0;
padding:0;
color:#6d6d69;

}
#ProductDetailForm select{
	float:right;
	width:70px;
}

#ProductDetailForm p{
	margin:0;
}
.quantity{
	
}
#ProductDetailForm fieldset a, #email_to_a_friend a, #includeCCLozenge a#freeDelExplained, #includeCCLozenge a#freeDelExplained2{
	text-decoration:underline;
	color:#80807d;
	font-weight:normal;
}
#ProductDetailForm fieldset a:hover,  #email_to_a_friend a:hover, #includeCCLozenge a:hover#freeDelExplained, #includeCCLozenge a:hover#freeDelExplained2{
	color:#87A712;
}
.bottomProd_options{
    position:relative;
	margin-top:30px;

}
.addButton_freeDel {
    position:absolute;
    bottom:0;
    right:0;
}
#RatingReviewsContainer{
	margin-left:10px;
	padding:10px 0 10px 0;
	border-top:6px #f5f5f5 solid;
	border-bottom:6px #f5f5f5 solid;
}

/*whenb click and collect lozenge is included*/
#includeCCLozenge{
	position:relative;
	height:24px;
	margin:-12px 0 20px 0;
}
#includeCCLozenge span{
	background-color:#e3e3e3;
	color:#80807d;
	padding:5px;
	width:170px;
	font-weight:bold;
	text-align:center;
	display:block;
	margin-left:10px
}
#includeCCLozenge a{
margin-left:99px;
}
#includeCCLozenge .explainFD{
	position:absolute;
	right:15px;;
	bottom:0;
}
