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

 *
 * Author : Tom Llewellyn/Rob Farnell/Charles Jackson
 * Dated : 2007, last update 2010.
 *
 */

/* WUPSELL related - the new related items */
/* the container */
div#ProductOffers {
    background-color:#FFFFFF;
    background-position:center bottom;
    background-repeat:repeat-x;
	padding-bottom:18px
}
div#ProductOffers h1 {
	display:none
}

/* Much of the colour CSS has been moved into the /css/colourway/sale.css and offers.css files */
/* related items tab */
div#ProductOffers div#ProductOffers_items {
    border:1px solid #E4E4E4;
}
/* the promotions concertina inside the tab */
div#ProductOffers dl.relatedPromHeader{
}
div#ProductOffers dl.relatedPromHeader dt.relatedPromHeader{ /* clickable header in the outer concertina */
    border-bottom:1px solid #fff;
	color:#fff;
    cursor:pointer
}

div#ProductOffers dl.relatedPromHeader dt.CODE_concertina_active {
    cursor:default;
    border-bottom-style:none;
}
div#ProductOffers dl.relatedPromHeader dt.relatedPromHeader a {
    font-size:110%;
	font-weight:bold;
    margin-right:10px;
    padding:8px;
    display:block;
    background: url(/images/buttons/arrow_white_trans.gif) no-repeat center right;    /* state indicator */
    outline:none
}
div#ProductOffers dl.relatedPromHeader dt.relatedPromHeader a:hover {
    color:#fff;
    text-decoration: none;
}
div#ProductOffers dl.relatedPromHeader dt.CODE_concertina_active a {
    cursor:default;
    background-image:url(/images/buttons/arrow_white_trans_down.gif);
    border-bottom-style:none;
}
div#ProductOffers dl.relatedPromHeader dt.CODE_concertina_active a:hover {
    text-decoration:none;
}
div#ProductOffers dl.relatedPromHeader dd.relatedPromHeader { /* body of each item in the outer concertina */
    background-color:#fafafa;
}
div#ProductOffers dl.relatedPromHeader dd.relatedPromHeader div.relatedPromHeaderDesc { /* body of each item in the outer concertina */
	background-color:#f0f0f0;
    padding:7px;
	position:relative
}
div#ProductOffers dl.relatedPromHeader dd.relatedPromHeader div.relatedPromHeaderDesc button {
	background:url(/images/buttons/offer-add-to-bag.png) left top no-repeat;
	border:0;
	cursor:pointer;
	height:31px;
	overflow:hidden;
	position:absolute;
	right:0;
	text-indent:108px;
	top:15px;
	white-space:nowrap;
	width:108px
}
div#ProductOffers dl.relatedPromHeader dd.relatedPromHeader div.relatedPromHeaderDesc button:hover {
	background-position:0 -31px
}
div#ProductOffers dl.relatedPromHeader dd.relatedPromHeader div.relatedPromHeaderDesc button.wait {
	background-position:0 -62px
}
div#ProductOffers dl.relatedPromHeader dd.relatedPromHeader div.relatedPromHeaderDesc p { /* body of each item in the outer concertina */
    margin:0;
}
div#ProductOffers dl.relatedPromHeader dd.relatedPromHeader div.relatedPromHeaderDesc ins.price {
    font-size:1.5em
}

/* concertina of items within an offer */
div#ProductOffers dl.relatedPromTrigger {
    color:black;
    background-color:#fafafa;
}

div#ProductOffers dl.relatedPromTrigger dt.relatedPromTrigger { /* clickable header of inner concertina */
    /* WARNING:
     setting a padding/width that makes this wider than the space available in the container
     will kill IE 6 as it goes into an infinite loop trying to find a layout that works
    */
    color:white;
    font-size:1.0em;
    margin-top:2px;
	overflow:hidden;
    background-color:#6e6e71;
    margin: 0 auto 0 auto;
}
div#ProductOffers dl.relatedPromTrigger dt.CODE_concertina_active { /* as above, for the active one */
}
div#ProductOffers dl.relatedPromTrigger dt.relatedPromTrigger a span { /* the link in the concertina header */
    display:block;
    padding:8px;
    color:white;
}

div#ProductOffers dl.relatedPromTrigger dt.relatedPromTrigger a span { /* the link in the concertina header */
    display: block;
    width: 315px;
    background:url(/images/buttons/arrow_white_trans.gif) no-repeat center right;
    color:white;
}
div#ProductOffers dl.relatedPromTrigger dt.CODE_concertina_active a { /* the link in the active concertina header */
    color:white;
    border-bottom-style:none;
}

div#ProductOffers dl.relatedPromTrigger dt.CODE_concertina_active a span { /* the link in the active concertina header */
    display: block;
    width: 315px;
    background-image:url(/images/buttons/arrow_white_trans_down.gif);
}
div#ProductOffers dl.relatedPromTrigger dt.CODE_concertina_active a:hover {
    text-decoration:none;
    color:white;
}
div#ProductOffers dl.relatedPromTrigger dd.relatedPromTrigger { /* body of inner concertina */
    color:black;
    display:block;
    padding-bottom:0;
}
div#ProductOffers dl.relatedPromTrigger dd.CODE_first {/* supress plus sign on the first value added item */
    background-color:transparent !important;
    background-image:none !important;
}
div#ProductOffers dl.relatedPromTrigger dd.relatedPromTrigger { /* plus signs between value added items*/
    background:transparent url(/images/buttons/plus.gif) no-repeat 52px 0;
    padding-top:13px;
}
div#ProductOffers dl.relatedPromTrigger dd.CODE_first {
	padding-top:0
}
div#ProductOffers div#ProductOffers_items dl.relatedPromHeader dd.relatedPromHeader {/* dotted lines between related items */
    border-top:1px dashed #CCCCCC;
}
div#ProductOffers div#ProductOffers_items dl.relatedPromHeader dd.CODE_first{
    border-top:none;
}

div#ProductOffers div#alternate_items dl.relatedPromHeader dd.relatedPromHeader {/* dotted lines between alternate items */
    border-top:1px dashed #CCCCCC;
}
div#ProductOffers div#alternate_items dl.relatedPromHeader dd.CODE_first{
    border-top:none;
}

div#ProductOffers ul.CODE_lazy_susan div.CODE_lazy_susan_control { /* placeholder for the lazy susan buttons (the buttons are added if required by WUPSELL_related.js) */
	position:absolute;
	z-index:10
}
div#ProductOffers ul.CODE_lazy_susan div.control-left {
	left:5px
}
div#ProductOffers ul.CODE_lazy_susan div.control-right {
	right:5px
}
div#ProductOffers ul.CODE_lazy_susan div.CODE_lazy_susan_control input { /* the lazy susan arrows */
    cursor:pointer;
}
div#ProductOffers ul.CODE_lazy_susan { /* lazy susan list */
	position:relative
}
div#ProductOffers ul.CODE_lazy_susan li { /* lazy susan list item */
	color:#737370;
	height:85px;
    padding:10px 24px 10px 24px
}
div#ProductOffers .controls { /* add to bag for related items */
	bottom:8px;
	margin-left:195px
}
div#ProductOffers .imageInfo {
	padding-left:84px
}
div#ProductOffers .imageInfo .image_border_related {
	left:24px;
	position:absolute;
    top:10px
}
div#ProductOffers .imageInfo .image_border_related a { /* thumbnail image of the product */
	border:#eaeaea solid 1px;
	display:block;
    padding:1px
}
div#ProductOffers .imageInfo .image_border_related a:hover{
    border:#ebe6d9 solid 1px; /* pale grey */
}
div#ProductOffers div#value_added_promotions .imageInfo {
}
div#ProductOffers div#value_added_promotions .imageInfo .first {
    background:transparent url(/images/buttons/plus.gif) no-repeat 0px 40px;
    padding-top:30px;
}

div#ProductOffers .imageInfo h4.productName { /* the web description of the product */
    font-size:1.1em
}
div#ProductOffers .imageInfo h4.productName a { /* the web description of the product */
    color:#696967
}
div#ProductOffers .imageInfo .productOptions { /* the container for the product options */
    margin-top: 8px;
    width:170px;
}
div#ProductOffers .imageInfo .productOptions .productOption { /* the product option control containers */
    float:left;
	line-height:18px;
    margin-bottom:4px;
    width:150px;
}
div#ProductOffers .imageInfo .productOptions .productOption label{
    padding:0;
    float:left;
	vertical-align:middle;
	width:50px
}
div#ProductOffers .imageInfo .productOptions .productOption select,
div#ProductOffers .imageInfo .productOptions .productOption span{    /* the product option controls */
	color:#737370;
    font-size:1em;
	vertical-align:middle;
    width:90px;
}
div#ProductOffers div.price{ /* the price block */
    float:right;
}

div#ProductOffers div.imageInfo div.price{ /* the price block */
    width:80px;
    margin-top:5px;
	text-align:right;
}

/* del/ins/span used for the actual price number and £ */
div#ProductOffers del.price,
div#ProductOffers ins.price,
div#ProductOffers span.price{
    text-align:right;
    font-size:1.2em;
    font-weight:bold;
}
/* strikeout prices */
div#ProductOffers del.price{
}
/* normal prices */
div#ProductOffers span.price{
}
/* offer prices */
div#ProductOffers ins.price{
    text-decoration:none;
}

.btn_details {
    width:auto;
}

/* 1+1 display (2up - player 2 - what was I thinking!*/
div#ProductOffers dl.relatedPromHeader dd.CODE_2up dl.relatedPromTrigger { /* the rest */
	background:#FAFAFA url(/images/buttons/plus.gif) 157px 45px no-repeat;
	min-height:180px
}

div#ProductOffers dl.relatedPromHeader dd.CODE_2up dd.relatedPromTrigger { /* the rest */
	background-image:none;
	float:left;
    padding-left:0;
    padding-right:0;
	padding-top:0;
	width:162px
}
div#ProductOffers dl.relatedPromHeader dd.CODE_2up dd.CODE_first { /* first one */
    background-image:none;
}
div#ProductOffers dl.relatedPromHeader dd.CODE_2up dd.relatedPromTrigger div.imageInfo {
	padding:85px 0 0 0;
	text-align:center
}
div#ProductOffers dl.relatedPromHeader dd.CODE_2up dd.relatedPromTrigger li {
	height:auto;
	padding:0
}
div#ProductOffers dl.relatedPromHeader dd.CODE_2up dd.relatedPromTrigger ul {
	padding:10px
}
div#ProductOffers dl.relatedPromHeader dd.CODE_2up dd.relatedPromTrigger div.imageInfo h4.productName{
	font-size:1.2em;
	padding:5px 10px 0 10px;
	text-align:center
}
div#ProductOffers dl.relatedPromHeader dd.CODE_2up dd.relatedPromTrigger div.imageInfo div.image_border_related {
	left:45px;
	top:10px;
	width:75px
}
div#ProductOffers dl.relatedPromHeader dd.CODE_2up dd.relatedPromTrigger div.imageInfo div.productOptions,
div#ProductOffers dl.relatedPromHeader dd.CODE_2up dd.relatedPromTrigger div.imageInfo div.price,
div#ProductOffers dl.relatedPromHeader dd.CODE_2up dd.relatedPromTrigger div.imageInfo div.controls{
    display:none;
}

/* item with add to bag button */
div#ProductOffers dl.relatedPromHeader dd.addToBagEnabled {
	padding-bottom:30px;
	position:relative
}

/* end of WUPSELL */