/*******************
File:    account.css
Version: 2.0
Author:  Tom Beynon
Date:    20/04/2009
*******************/

/***********Puffin Book Club Style Sheet************/
/***************Account Styles********************/



/*GENERAL ACCOUNT STYLES
---------------------------------------------------*/

#puffinBills li{
	border:none;
	font-size:120%;}
#puffinBills a{
	
	}
#puffinBills .whatAreBills{
	margin-top:-30px;
	float:right;
	margin-left:46px;
	font-size:90%;}	
	
#puffinBillsConverted{
	margin-top:40px;}

	
#accountSideMenu li{
	font-weight:bold;
	padding-top:4px;}
	
.schoolInfo img{
	float:left;	
	margin-left:10px;}
.schoolInfo{
	text-align:left;
	float:left;
	margin-bottom:4px;	}
	
.schoolInfo ul{
	width:510px;	}
	
#schoolOfMonth .schoolInfo ul{
	width:410px;	}


#billingAddress .accountAddress{
	/*background: url(/siteimages/PUFFIN/icons/address_billing.gif) no-repeat 4px 8px;*/
	padding-left:4px;
	padding-top:6px;
	min-height:86px;}
	
#defaultDeliveryAddress .accountAddress{
	/*background: url(/siteimages/PUFFIN/icons/address_delivery.gif) no-repeat right;*/
	padding-left:4px;
	padding-top:6px;
	min-height:86px;
	margin:0;}
#DefaultDeliveryAddress .spacedMessage{
	margin-top:12px;
	border-top: 1px dashed #666666}
	

	
#accountAddresses #postcodeLookup{
	border-top: 1px dashed #666666;
	margin-top:0px;
	padding-top:16px;}

#schoolInfomation{
	margin-top:0px;
	margin-bottom:0px;}
	
#schoolPicture{
	padding-bottom:0px;}
#schoolPicture img{
	margin-top:8px;
	margin-bottom:4px;}	
#schoolPicture .schoolImg{
	margin-bottom:4px;
	margin-top:0px;
	float:left;
	margin-right:8px;}	
#schoolPicture p{
	padding-top:2px;}
#schoolPicture .extraMessage{
	padding-top:8px}
	
	
#accountOrders #pageContent .fullBox{	
		margin-bottom:32px;}
		
#accountOrders ul span{
	display:inline;}	
	
#ordersBasket{
	margin-top:16px;
	margin-left:0px;
	padding-bottom:50px;}
	
#accountOrders #puffinBills{
	margin-left:0px;
	float:left;
	width:358px;}
	
#accountOrders .productinfoCell{
	border-left:1px dashed #666666;}	
	
.orderDetails{
	text-align:right;}
.orderDetails ul{
	float:left;}
.orderDetails li{
	display:inline;
	padding-right:24px;}
.orderDetails img{
	margin-top:-2px;}

.deliveryDetails{
	border-top: 1px dashed #666666;
	border-bottom: 1px dashed #666666;
	padding-bottom:8px;
	margin-top:8px;}
.deliveryDetails li{
	padding-bottom:4px;}
.deliveryDetails .bottomMessage{
	text-align:right;}	
	
.bookshelfOptions li{
	display:inline;
	padding-right:36px;}	

	
#alternativeAddresses{
	clear:both;}	
		
#bookshelfBasket{ /*bottom margin changed in ieonly.css*/
	margin-bottom:24px;
	margin-left:0px;}
	
#bookshelfBasket .productinfoCell{
	border-left:1px dashed #666666;}


#accountYourSchools .fullBox li{
	display:inline;}
	
#wrapper #schoolOfMonth li{
	display:block;}
	

#schoolOfMonth{
	
	background: url(/siteimages/PUFFIN/puffin-nestegg.gif) no-repeat 25px right;
}
		
	
/*Account navigation*/	

#accountNavMenu {
	font-weight:bold;
	color:#5e8ed0;
	width: 160px;
	text-decoration:none;
	padding-bottom:20px;
	margin-bottom:2px;
	/*border-top:1px solid #f5f5f5;*/
	border-bottom:1px solid #666666;
	}
#accountNavMenu li a{
	font-weight:bold;
	color:#5e8ed0;
	background:url(/siteimages/PUFFIN/icons/bullet_arrow.gif) 6px 11px no-repeat;
	display:block;
	height: 27px;
	width: 142px;
	padding-top:8px;
	padding-left:18px;
	text-decoration:none;
	}
	#accountNavMenu li a:visited{
	text-decoration:none;
	}

#accountNavMenu li a:hover{
	color:#ffffff;
	background:#5e8ed0 url(/siteimages/PUFFIN/icons/bullet_arrow.gif) 6px 11px no-repeat;}	
#accountNavMenu li.selected a{
	color:#ffffff;
	background:#4563af url(/siteimages/PUFFIN/icons/bullet_arrow.gif) 6px 11px no-repeat;}	

#accountNavMenu .accountNavMenuAccount a{
	/*-moz-border-radius-topleft: 6px;
 	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
 	-webkit-border-top-right-radius: 6px;*/}

	
	
#accountHelp{
margin-top:0px;
padding-top:10px;
padding-bottom:10px;
color:#5e8ed0;
border:0px;
	border-top:1px solid #f5f5f5;
	border-bottom:1px solid #666666;
	margin-left:2px;
	margin-right:2px;
	-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;}	
#accountHelp a{
	color: #5e8ed0;}
#accountHelp h3{
	padding-bottom:2px;}
	
#recommendedTitles li{
	text-align:center;
	margin-bottom:16px;
	margin-top:8px;}