/*
 * Mamas & Papas Style Sheet
 * Description : A forms specific stylesheet
 * It is loaded as part of the checkout process, any definitions included within this files
 * only exist in one of the 3 following files :
 *
 *      shopping_cart, review_and_checkout or payment_complete
 *
 * else, it may exist in an include file that is pulled as part of the 3 files
 * listed above for example :
 *
 * promotions_display.tpl, join_the_family.inc, standard_delivery.inc and premium_delivery.inc
 *
 * Author : Tom Llewellyn/Rob Farnell/Charles Jackson
 * Dated : 2007, last update 2010.
 *
 */


/*
 * JOIN THE FAMILY
 * Advertising banner displayed on the payment complete page and referenced within
 * payment_complete.tpl and the included file join_the_family.inc.
 */
#join_the_family {
    width: 966px;
    height: 100px;
}

/* Referenced in payment_complete.tpl and join_the_family.inc */
#join_the_family h2 {
    margin-bottom: 15px;
}

/* Referenced in payment_complete.tpl and join_the_family.inc */
#join_the_family div.main_body {
    float: left;
    margin: 15px 0 0 15px;

}

/* Referenced in payment_complete.tpl and join_the_family.inc */
#join_the_family div.loz {
    float: right;
    margin: -24px 0 0 0;
}

/* Referenced in shopping_bag.tpl and review_and_purchase.tpl */
.quantity_box {
    font-size:1em;
    width:20px;
}

/*
 * Referenced in shopping_bag.tpl and review_and_purchase.tpl
 */
.summary_item_right {
    float: right;
    margin-right: 10px;
    padding-bottom: 5px;
}

/* Referenced in shopping_bag.tpl */
.delivery_smallprint{
    padding:10px 0 10px 0;
    border-top:1px dashed #ccc; /* Grey */
    border-bottom:1px dashed #ccc; /* Grey */
}

/* Referenced in review_and_purchase.tpl and premium_delivery.js.php */
select#premium_deliveries_time {
    margin-top: 8px;
}

/* Referenced in payment_complete, formats the popup window */
#lightbox{
    width:382px;
    height:220px;
    margin:-110px 0 0 -176px;
    border: 0px none;
    background: none;
}

/* When a popup window appears the rest of the page is greyed out with this class */
#overlay{
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:5000;
    background-color:#000; /* Black */
    -moz-opacity: 0.7;
    opacity:.70;
    filter: alpha(opacity=70);
}


/* Referenced in review_and_purchase.tpl and payment_complete.tpl */
#gift_message{
    font-size:11px;
    width:420px;
    height:80px;
    color:#3A3A3B;
    font-family:Arial,Helvetica,sans-serif;
    display:inline;
    line-height: 100%;
    margin:0;
    border: 2px solid #EBE6D9;
}


/* Refernced in payment_complete.tpl */
.gift_wrap_payment_display{
    margin:4px 0 0 0;
    color:#87A712;
    font-weight:bold;
}

/* Refernced in payment_complete.tpl */
.gift_wrap_payment_display img{
    position:absolute;
    margin:-2px 0 0 2px;
}

/* Referenced in review_and_purchase.tpl */
.gift_card_applied {
	padding: 7px;
	font-size: 1.1em;
	background: #E1E1E1 url(../../images/buttons/arrow_grey_trans_down.gif) no-repeat 26em center ;
	text-transform: uppercase;
	font-weight: bold;
	margin: 10px 0 5px 0;
}

/* Referenced in review_and_purchase.tpl */
.gift_card_total {
	font-size: 1.24em;
	margin-top: 5px;
}


/* Referenced in review_and_purchase.tpl */
.RAndPStandardInfoBox {
    min-height: 100px;
    width: 450px;
}


/* Referenced in review_and_purchase.tpl */
.lozenge2_main_form_2{
	font-size:11px;
	margin-top:5px;
	width:75px;
	margin-left:3px;
}

/* Referenced in review_and_purchase.tpl */
.lozenge2_main_readonly{
    background-color:#eee;
    font-size:11px;
    border:1px solid #ccc;
    margin: 2px 0 0 0;
    color:#777;
}

/* Referenced in payment_complete.tpl, shopping_bag.tpl and review_and_purchase.tpl */
#template4_table2{
	width:100%; 
	margin:1px 0 0 0;
	display:table;
}

/* Referenced in payment_complete.tpl, shopping_bag.tpl and review_and_purchase.tpl */
#template4_table2 th{
    border-right: #FFFFFF 1px solid; /* white */
    padding:5px 5px 5px 10px;
    background-color: #7b7975;
    color: #ffffff; /* white */
    text-align:left;
    font-size: 13px;
}

/* Referenced in payment_complete.tpl, shopping_bag.tpl and review_and_purchase.tpl */
#template4_table2 td{
    padding:10px 5px 0px 10px;
    border-right: #FFFFFF 1px solid;
    vertical-align:top;
    border-top:1px solid #fff;
}

/* Referenced in review_and_purchase.tpl */
.template4_td2a{ width:100px; }
/* Referenced in review_and_purchase.tpl, payment_complete.tpl and shopping_bag.tpl */
.template4_td2{ width:80px; }
/* Referenced in review_and_purchase.tpl, payment_complete.tpl and shopping_bag.tpl */
.template4_td3{ width:30px; }
/* Referenced in review_and_purchase.tpl, payment_complete.tpl and shopping_bag.tpl */
.template4_td5 { width:60px;font-weight:bold; }
/* Referenced in review_and_purchase.tpl and shopping_bag.tpl */
.template4_td6a { width:107px; }
/* Referenced in review_and_purchase.tpl and shopping_bag.tpl */
.template4_td6b { width:107px; text-align:center; }

/* Referenced in shopping_bag.tpl and review_and_purchase.tpl */
div.checkout_prom_msg{
	width: 250px;
	margin-top:10px;
}

/* Referenced in shopping_bag.tpl and review_and_purchase.tpl */
.promo_gift {
    float: left;
    width: 475px;
    margin: 10px 0 10px 0;
}

/* Referenced in shopping_bag.tpl and review_and_purchase.tpl */
.promo_gift h2 {
	margin-top: 10px;
}

/* Referenced in shopping_bag.tpl, payment_complete.tpl and review_and_purchase.tpl */
.subtotal_background{
	float: right;
	padding:10px 0 5px 0;
	margin:7px 0 20px 0;
}

/* Referenced in shopping_bag.tpl and review_and_purchase.tpl */
.summary_item_left {
	float: left;
	width: 250px;
	margin-right: 10px;
	padding-bottom: 5px;
}

/* Referenced in shopping_bag.tpl */
.template4_related_items{
    margin-left:10px;
    padding:0;
}

/* Referenced in shopping_bag.tpl */
.template4_related_items li{
    float:left;
    width:90px;
    margin-right:20px;
    margin-bottom:15px;
}


/*
 * TOGGLE
 * On the review_and_purchase page there are two options for "promotions" and "gift cards" that have
 * "toggle control" to expand and hide the associated forms. Formatted using the classes below.
 */
 
/* toggle control on review_and_purchase.tpl */
.toggle {
	cursor:pointer
}

/* toggle elements on review_and_purchase.tpl */
#toggle_giftcard, #toggle_promo {
    background: #EBE6D9 url(/images/generic/accordian_arrow_closed.png) right center no-repeat;
    padding-left:7px;
    padding-right: 14px;
    cursor: pointer;
    border-right: 5px solid #EBE6D9;
}
/* toggle elements on review_and_purchase.tpl */
#toggle_giftcard.open, #toggle_promo.open {
	background:url(/images/generic/accordian_arrow_open.png) right center no-repeat;
}

/*
 * OPTIONAL BUILD
 * When the user chooses to purchase furniture (for example) a dynamic option entitled "option build"
 * will appear on both the shopping_bag and review_and_purchase pages. It is formatted using the
 * classes below.
 */

/* Referenced in shopping_bag.tpl and review_and_purchase.tpl */
#OptionalAssembly {
    background:url(/images/generic/optionalassembly.jpg) left top no-repeat;
    float:left;
    height:131px;
    margin-bottom:10px;
    margin-top:25px;
    padding:8px 10px 0 133px;
    width:360px;
	clear:both;
}

/* Referenced in shopping_bag.tpl and review_and_purchase.tpl */
#OptionalAssembly h3 {
    color:#87A712;
    font-size:130%;
    margin:0;
    padding:0
} 

.pc_confirmation, .randp_gift_message, .randp_delivery, .randp_billing, .randp_promotions, .randp_giftcards {
padding:10px;
width:450px;
}




/* Referenced in payment_form.inc, part of review_and_purchase.tpl */
.card_details {
    color:#666666; /* Grey */
    margin:10px 0;
    padding:5px;
}



/* Referenced in review_and_purchase.tpl and shopping_bag.tpl */
.size12 {

    font-size: 12px;
}

/* Referenced in review_and_purchase.tpl */
.size13 {

    font-size: 13px;
}

/*
 * Order Summary Table
 * Used within the "Your Summary" box it is referenced within shopping_bag.tpl, review_and_purchase.tpl
 * and payment_complete.tpl
 */
#OrderSummary {
    border-collapse:collapse;
    margin:0;
    width:468px;
}

/* Referenced within shopping_bag.tpl, review_and_purchase.tpl and payment_complete.tpl */
#OrderSummary tr td, #OrderSummary tr th {
    font-size:140%;
    padding:5px;
    vertical-align:top
}

/* Referenced within shopping_bag.tpl, review_and_purchase.tpl and payment_complete.tpl */
#OrderSummary tr th a {
    font-size:12px
}

/* Referenced within shopping_bag.tpl, review_and_purchase.tpl and payment_complete.tpl */
#OrderSummary tr td {
    white-space:nowrap
}

/* Referenced within shopping_bag.tpl, review_and_purchase.tpl and payment_complete.tpl */
#OrderSummary tr th {
    font-weight:normal;
    text-align:right;
    width:100%
}


/* Referenced in shopping_bag.tpl */
div.related_item_name {
    height: 40px;
    margin-top: 10px;
    overflow: hidden;
}

/*

/*
 * Referenced in review_and_purchase.tpl, shopping_bag.tpl and payment_complete.tpl
 */
#template4_table2 th {
    background-color:#7B7975;
    border-right:1px solid #FFFFFF; /* White */
    color:#FFFFFF; /* White */
    font-size:13px;
    padding:5px 5px 5px 10px;
    text-align:left;
}

/*
 * pc_promotions and pc_confirmation are only referenced in payment_complete.tpl
 */
.pc_promotions, .pc_confirmation {
    padding:10px;
    width:945px;
}

/* Referenced in review_and_purchase.tpl */
#coupon_panel li.applyCodeBtn{
margin-top:60px;
}

/* Referenced in review_and_purchase.rpl */
#giftcard_panel li.applyCodeBtn{
margin-top:15px;
}

/* Referenced in review_and_purchase.rpl */
.randp_billing, .randp_delivery{
position:relative!important;
}

/*
 * template4_table2 is referenced within review_and_purchase.tpl, shopping_bag.tpl and payment_complete.tpl
 * whilst template4_td6b is ONLY referenced in shopping_bag.tpl
 */
#template4_table2 .template4_td6b p{
font-weight:bold;
}

/* Referenced in shopping_bag.tpl */
a.no_decoration {
    text-decoration:none;
}

/* Referenced in shopping_bag.tpl */
/*Cant deliver to store explanation message*/
.cantDeliver_storeExplain{
float:left;
border:#c1bdb7 2px solid; /* Pale Grey */
width:360px;
height:90px;
margin:52px 5px 0 0;
background:#f8f8f8 url(/images/checkout_process/notdeliver_explanationmark.png) center right no-repeat;
position:relative;
padding:10px 20px 10px 90px;

}

/* Referenced in shopping_bag.tpl */  
.cantDeliver_storeExplain img{
margin:20px 0 0 0;
position:absolute;
top:0;
left:5px;
}

/* Referenced in shopping_bag.tpl */  
.cantDeliver_storeExplain h2{
color:#7b7975;
font-weight:bold;
font-size:130%;
padding:0;
margin:0 0 10px 0;
}

/* Referenced in shopping_bag.tpl */  
.cantDeliver_storeExplain p{
float:left;
padding:0;
margin:0;
width:350px;
}

/* Referenced in review_and_purchase.tpl */
.checkout_width {
    width: 475px;
}

/* Referenced in review_and_purchase.tpl and shopping_bag.tpl */
ul.updateOptions {
    position:relative;
    bottom:10px;
    right:0;
    float:right;
    margin-top:59px;
}

/* Referenced in review_and_purchase.tpl and shopping_bag.tpl */
.updateOptions input {
    float:right;
    width:auto!important;
    height:auto!important
}

/* Referenced in shopping_bag.tpl */
a img.relatedItem_bg {
    text-decoration:none;
    margin-top:5px;
    border:3px solid #ebe6d9; /* Pale Grey */
}

/* Referenced in shopping_bag.tpl and WUPSELL_related.class.php */
a.related_title {
    color:#7b7975; /* Grey */
    font-weight:bold;
    font-size:11px;
    font-weight:bold;
}

/* Referenced in shopping_bag.tpl and WUPSELL_related.class.php */
a.related_title a:hover{
    color:red!important;
}

/* Referenced in premium_delivery.js.php and review_and_purchase.tpl */
#premium_delivery_display{
    margin:0 0 10px 0;
    padding: 0 0 15px 0;
	height: 1%; */
}

/* Referenced in review_and_purchase.tpl and premium_delivery.js.php */
select#premium_deliveries_time {
    margin-top: 8px;
}

/* Referenced in premium_delivery.js.php and review_and_purchase.tpl */
#premium_delivery_display h3{
	background-color: #ababab;
	padding: 7px;
	color: #ffffff;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 15px 0;
	width: 346px;
}

/* Referenced in premium_delivery.js.php and review_and_purchase.tpl */
#premium_delivery_display select{
	margin-left: 10px;

}

/* Referenced in premium_delivery.js.php and review_and_purchase.tpl */
#prem_del_options {
    margin:10px 0 0 0;
    margin-left:17px;
    display:block;
    clear:both;
}


/* Referenced in premium_delivery.js.php and review_and_purchase.tpl */
#prem_del_options label{
    font-weight:normal;
    padding-left:0;
}

#prem_loader{
    padding:5px 0 0 5px;
}

/* Referenced in premium_delivery.js.php and review_and_purchase.tpl */
#premium_delivery_display label span {
	font-weight: bold;
}

/* Referenced in premium_delivery.js.php and review_and_purchase.tpl */
#premium_delivery_display select {
	float: left;
}

/* Referenced in review_and_purchase.tpl and premium_delivery_explained.php */
.prem_del_explained{
    float: right;
    margin:0 10px 0 0;
}

/* Referenced in review_and_purchase.tpl and premium_delivery_explained.php */
#prem_del_explained_title{
    margin:0 0 3px 3px;
}

/* Referenced in review_and_purchase.tpl and premium_delivery_explained.php */
#prem_del_explained_popup{
    font-size:1.2em;
    line-height:100%;
    background-color: #fff;
    width:380px;
    height:340px;
    padding:10px 0 10px 10px;
    background-image:url(/images/checkout_process/delivery_man.gif);
    background-position: bottom right;
    background-repeat:no-repeat;
    border:1px solid #ccc;
}

/* Referenced in review_and_purchase.tpl and premium_delivery_explained.php */
#prem_del_explained_popup h2{
    font-size:0.8em;
    color:#555;
    font-weight:bold;
    padding:0;
    margin:0 0 2px 0;
}

/* Referenced in review_and_purchase.tpl and premium_delivery_explained.php */
#prem_del_explained_popup p{
    font-size:0.8em;
    color:#555 !important;
    margin:0 0 10px 0;
}

/*
 * PROMOTIONS
 * Referenced in promotions_display.tpl that can be called as psrt of review_and_purchase.php or
 * shopping_bag.php
 */
.promotion_panel{
    background-color:#EBE6D9;
    padding:10px 5px 10px 10px;
    margin:0 0 0 -5px;
}
.promotion_panel h1{
	font-size:120%;
	color:#7B7975;
}
.promotion_panel strong{
	font-size:80%;
	font-weight:normal;
}
.promotion_panel .h3{
	font-size:12px
}

/* Referenced in promotions_display.tpl */
.promotion_panel h3 {
    background-color: #ababab;
    padding: 7px;
    color: #ffffff;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
    width: 346px;
}

/* Referenced in promotions_display.tpl */
.promo_hidden {
    background-color:#F9F9F9;
    border: 1px solid #cccccc;
    width: 270px;
    margin: 7px 0 0 10px;
}

/* Referenced in promotions_display.tpl */
.promo_hidden h3 {
    background-color:#E1E1E1;
    width: 240px;
    margin: 7px auto;
    color:#3A3A3B;
}

#premium_delivery_display, #click_collect_display {
	border-left:3px solid #DAD5C9;
	border-right:3px solid #DAD5C9;
	border-bottom:3px solid #DAD5C9;
	border-top: 15px solid #DAD5C9;
	clear:both;
	display:table;
	height:1%;
	padding:4px 10px 10px 10px;
	width: 450px;
}

#premium_delivery_display_inactive{
	border-left:3px solid #cccccc;
	border-right:3px solid #cccccc;
	border-bottom:3px solid #cccccc;
	border-top: 15px solid #cccccc;
	display:table;
	height:1%;
	width: 450px;
}

#premium_delivery_display h3{
	background-color: #ababab;
	padding: 7px;
	color: #ffffff;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 15px 0;
	width: 346px;
}
#prem_del_options {
    margin:10px 0 0 0;
    display:block;
    clear:both;
}

#prem_del_options {
	margin-left:17px
}
#prem_del_options p.formRow {
	margin-left:50px
}
#prem_del_options p.formRow label {
	left:-50px;
}

#click_collect_type {
	margin-bottom:10px
}

#prem_del_type input, #click_collect_type input {
	margin-right:6px;
	vertical-align:middle
}
#prem_del_type label, #click_collect_type label {
	color:#bdbab4;
	display:block;
	font-weight:bold;
	line-height:13px;
	margin:6px 0 0 0;
	padding:0;
	position:relative
}
#prem_del_type label.isActive, #click_collect_type label.isActive {
	color:#7b7975 !important
}
#prem_del_type legend, #click_collect_type legend, #choose_store_id legend {
	display:none
}
#choose_store_id br {
	height:5px
}
#choose_store_id p {
	height:1%;
	text-align:right
}
#choose_store_id select {
	margin-bottom:4px
}

.template4_td4 .priceContainer, .template4_td4 .priceContainer strong  {

    font-size: 100%;

}

.shoppingBagContainer{
margin:0 10px 0 10px;
min-height:370px;
}