/*******************
File:    checkout.css
Version: 2.1
Author:  David Holes
Date:    14/12/2010
*******************/

/***********Puffin Book Club Style Sheet************/
/***************Basket & Checkout Styles********************/



/*Shopping basket STYLES
---------------------------------------------------*/

.basketProducts{
	/*background:#e8ecf7;
	padding:16px;
	margin-left:176px;
	border:1px solid #4563af;*/
	padding:8px 8px;	
	margin-bottom:16px;
	margin-top:0px;
	margin-left:176px;
	border:solid 3px #ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	box-shadow: 0px 0px 3px rgba(0,0,0,.4);
	background:#ebebeb;
	width:726px;

	}
	

	

	
	


.ordersSummary
{

	padding:8px 8px;	
	margin-bottom:16px;
	margin-top:0px;
	margin-left:176px;
	border:none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
	background:none;
	width:auto;
}	


.basketProducts input{
	width:25px;
	border:1px solid;}
	
#schoolsQuickshop img{
	margin-top:6px;}	

#freegiftBasket{
	margin-top:32px;
	background:#FFDFE0;}

.basketProducts h3{
	/*margin-top:-30px;
	margin-bottom:8px;}	
.basketProducts .boxHead{  /*padding fixwd for IE in ieonly.css*/
	/*padding-top:5px;
	padding-bottom:5px;
	background: #fab632 url(/siteimages/PUFFIN/legendleft.gif) no-repeat left top;*/
	font-weight:bold;
 height:24px;
 width:100%;
 display:block;
 /*float:left;*/
 margin-bottom:20px;
 margin-top:-36px;
	}
	
.basketProducts .boxHead span{
	/*background-color:#fab632;
	padding:5px 8px;
	background: url(/siteimages/PUFFIN/legendright.gif) no-repeat right top;*/
width:100%;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:10px;
	padding-right:6px;
	display:block;
		-moz-border-radius-topleft: 8px;
 	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
 	-webkit-border-top-right-radius: 8px;
	border-left:3px solid #ffffff;
	border-top:3px solid #ffffff;
	border-right:3px solid #ffffff;
	background:#000000 url(/siteimages/PUFFIN/H2_gradient2-trans.png) top repeat-x;
	margin-left:-11px;
	margin-bottom:20px;
	color:#FFFFFF;
	-webkit-box-shadow: 0px -1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0px -1px 2px rgba(0,0,0,.3);
	box-shadow: -0px -1px 2px rgba(0,0,0,.3);}
	
caption{ 
	text-align:left;
	font-weight:bold;
	padding-bottom:16px;
	font-size:120%;
	color:#4563AF;}
	
.basketProducts th{
	padding:6px;}
.basketProducts td{
	padding:6px;
	text-align:center;}
	
.basketProducts .product td{
	border-color:#666666;
	border-bottom:1px dashed;
	border-top:1px dashed;
	background:#FFFFFF;}
	
.basketProducts .product.offer td{
	border-top:2px solid;
	border-bottom:2px solid;
	border-color:#666666;}
.basketProducts .product.offer .subtotal{
	border-right:2px solid;}	
.basketProducts .product.offer .delete{
	border-left:2px solid;
	border-color:#666666;}	
	

#basketPage h4{
	padding-top:2px;
	padding-bottom:8px}
	
#basketPageSchools h4{
	padding-top:0px;
	padding-bottom:8px}



#onOffer{
	color:#22B80F;}
#onOffer s{
	display:block;}
	
.basketProducts .productInfo{
	width:330px;}
	
.basketProducts .productinfoCell{
	text-align:left;
	width:480px;}	
	
.basketProducts .title{
	font-weight:bold;}	
	
.basketProducts .status{
	border-right:1px dashed;
	border-color:#666666;}	
	
.basketProducts li{
	padding-bottom:8px;}	
	
#wrapper .basketProducts .basketOffer{
	text-align:left;
	padding-top:0px;
	border-top:0px;
	border-left:1px dashed;
	border-right:1px dashed;}

.quantity {
	width:80px;}
	
.subtotal {
	border-right:1px dashed #666666;
	width:80px;}
	
.delete {
	text-align:right;
	border-left:1px dashed;
	width:35px;}
	
#wrapper .basketProducts .options {
	background:none;
	border:none;

	width:120px;}
	
.spacer{
	height:20px;}
	
.productinfoHeader{
	text-align:left;}	
	
.productOptions a{
	margin-left:8px;
	color:#333333;
	display:block;
	padding:4px;
	background: #d2e8ff;
	width:120px;
	border: 1px solid #666666;}
	
.puffinBillsClaim{	
	width:110px;
	text-align:center;
	margin-left:8px;
	padding:6px;
	color:#4563AF;
	background:#9BC6FF;
	border: 1px solid #666666;}
.puffinBillsClaim img{
	margin-left:8px;
	vertical-align:middle;	}
.puffinBillsClaim p{
	text-align:left;
	margin-bottom:8px;}
	

.checkoutAlert{
	border:#4563AF solid 1px;
	padding:12px 8px 12px 160px;
	margin-bottom:16px;
	display:block;}
.checkoutAlert h4{
	font-size:120%;}
	
#basketPage .checkoutAlert{
	margin-top:-16px;
	margin-bottom:32px;}
#basketPageSchools .checkoutAlert{
	margin-bottom:32px;}
	
#basketBookshelfAlert{
	background: url(/siteimages/PUFFIN/puffin-stack2.jpg) no-repeat left top;}
	
#freeShippingAlert{
	background: url(/siteimages/PUFFIN/puffin-parcel.jpg) no-repeat left top;}


/*other basket page STYLES
---------------------------------------------------*/

#basketOptions{ 
	margin-top:0px;}
	
#puffinBills{
	margin-left:176px;
	width:358px;
	}
#puffinBills ul{

	padding-top:15px;
	padding-bottom:15px;
	}
#puffinBills p{
	padding:8px 120px 4px 0px;
	}
#puffinBills strong{
	font-size:180%;}
#puffinBills ul span{
	width:120px;
	text-align:right;
	display:block;
	float:left;
	margin-right:12px;}
#puffinBills ul strong{
	font-size:100%;}
#puffinBills li{
	margin:6px;}
	
	
#basketTotals{
	margin-top:16px;
	border:#4563AF solid 1px;
	float:right;
	width:358px;}
#basketTotals td{
	padding:6px;
	border-bottom:#4563AF solid 1px;}
.basketTotal{
	text-align:right;
	width:80px;
	border-left:#4563AF solid 1px;}
	
#totalsOrder td{
	font-size:120%;
	font-weight:bold;
	background:#D7E8FF;
	border-bottom:none;}
	

	
/*general STYLES
---------------------------------------------------*/

#basketProcessChart{  /*top padding changed in ieonly.css*/
	padding-top:20px;
	padding-right:16px;
	float:right;
	margin-top:6px;
	float:right;
	display:inline-block;}
 
#basketProcessChart a{
 color:#FFFFFF;
 outline:none;
}

#basketProcessChart li{
	color:#FFFFFF;
	display:inline;
	padding-right:24px;
	margin-left:8px;
	background: url(/siteimages/PUFFIN/icons/arrow-right.gif) no-repeat right center;}

#basketProcessChart .firstMenuItem{
	padding-right:0px;
	color:#ffffff;}
	
.basketProceed{
	clear:both;
	margin-bottom:24px;
	padding-top:16px;
	padding-bottom:0;
	text-align:right;}
	
.backButton{
	float:left;}


/*CHECKOUT STYLES
---------------------------------------------------*/

#checkoutAddress .form.half h4{
	border:none;
	padding-top:8px;
	padding-bottom:8px;}
#checkoutAddress #postcodeLookup{
	margin-top:0px;
	padding-top:12px;
	border-top:#666666 dashed 1px;}
#checkoutAddress .checkbox{
	margin-top:10px;}
	
#addressBook{
	width:438px;
	float:left;  /*float removed in ieonly.css*/
	margin-top:16px;
	border-top:#666666 solid 1px;
	padding-top:8px;
	clear:both;}
#addressBook h4{
	border-bottom:#666666 dashed 1px;
	padding-bottom:12px;}

#shippingOptions{
	clear:both;
	padding-bottom:16px;}
	
#shippingSelection{
	width:450px;
	float:left;}	
#shippingSelection td{
	background:#D7E8FF;
	padding:6px;}	
#shippingSelection .spacer td{
	background:#FFFFFF;}
#shippingSelection th{
	text-align:left;
	padding:10px;}	

#deliveryInstructions{
	margin-left:476px;}
#deliveryInstructions textarea{
	margin-bottom:2px;
	margin-top:12px;
	width:300px;
	height:60px;}
#deliveryInstructions strong
{
	margin-bottom:6px;
	display:block;
}
		
#checkoutSchools #puffinBills
{
	width:924px;
	margin-left:0px;
	padding-top:14px;
	padding-bottom:14px;
	margin-bottom:-20px;
}

#checkoutSchools #puffinBills p
{
	display:inline;
	padding-right:6px;
}

#checkoutSchools .fullBox li
{
	display:inline;
}
	
#checkoutFreeGift h3
{
	margin-top:-8px;
	padding-bottom:0px;
	margin-bottom:0px;
}
	
#checkoutFreeGift .shortDes{
	margin-top:8px;}
#checkoutFreeGift .select{
	margin-top:8px;}
	
#checkoutFreeGift .productInfo{
	margin-left:100px;}
	
#noThanks img{
	margin-left:8px;
	vertical-align:middle;}
	

#ifApplicable{
	padding-top:8px;
	border-bottom:#666666 dashed 1px;
	border-top:#666666 dashed 1px;}
	
#orderDetails ul{
	border-top:#666666 dashed 1px;
	padding-top:6px;
	margin-top:6px;}	
#orderDetails li strong{
	margin-bottom:6px;}	
#orderDetails a{
	float:right;
	margin-top:-12px;}
	
#checkoutPayment .basketProducts{
	margin-left:0px;
	margin-top:16px;
	width:924px;
	}
	
#checkoutPayment .basketProducts .productinfoCell{
	width:710px;
	border-left:#666666 dashed 1px;}	
	
#checkoutPayment .basketProducts .product.offer .productinfoCell{
	border-left:2px solid;
	border-color:#666666;}	

#confirmOrder{
	padding-top:32px;
	padding-bottom:64px;
	text-align:center;}
#confirmOrder p{
	margin:16px;}
	
#NewParent input{
	margin-top:8px;
	margin-right:8px;
	float:left;}

#NewParent img{
	margin-top:6px;}
	
#checkoutPayment #PuffinBillsEntry #puffinBills{
	margin-left:0px;
	width:924px;
	padding-top:6px;
	padding-bottom:6px;
	}
	
#checkoutPayment #PuffinBillsEntry #puffinBills dt{
	width:300px;}
	
#checkoutPayment #puffinBills{
	margin-left:0px;
	margin-top:28px;
	}
	
#groupOrderAddress ul
{
width:auto;
}

#groupOrderAddress li
{
list-style-position:outside;
margin-left:24px;
margin-top:10px;
}

#groupOrderAddress li input
{
margin-left:-24px;
}

#defaultDeliveryAddress.fullBox
{
margin-top:20px;
}

#groupOrderAddress.fullBox
{
margin-top:20px;
}