/* ===================================================
	Basket stylesheet - Dyson
	Version: v1.0
	Author: Andrew Scott - 27/05/09
/* =================================================*/
	#frmBasket{float:left;}
	#dvBasket { min-height: 450px; }
		#dvBasket div.empty {  border-top: 1px solid #dfdfdf; text-align: center; padding: 45px 0; margin-top: -3px; }
		#dvBasket div.empty p { color: #000; font-weight: bold; font-size: 1.3em; }
		#tblBasket { border-collapse: collapse; width: 100%; }
		
			#tblBasket th { color: #000; text-align: center; padding: 6px 0; font-weight:bold;}
			#tblBasket th#colProd { width: 200px; text-align: left; padding-left: 20px; }
			#tblBasket th#colDesc { width: 200px; text-align: left; }
			#tblBasket th#colPrice { width: 95px;text-align: left;  }
			#tblBasket th#colQty { width: 95px; }
			#tblBasket th#colTotal { width: 95px; }

			#tblBasket thead { background: #f2f2f2; font-style: normal;padding: 0; }

			#tblBasket tfoot { background: #ffffff; font-style: normal;padding: 0; }
				#tblBasket tfoot td.empty { border: 0 !important; padding: 0; height: 0; }
				#tblBasket tfoot ul.links { margin-left: 12px; }
				#tblBasket tfoot ul.bullets { list-style:none; margin-bottom:1.1em; font-size:0.9em; padding-left: 10px;padding-right: 20px; color: #666666;}
				#tblBasket tfoot th { text-align: left; padding-top:10px;}
				#tblBasket tfoot th.data { border-bottom: 1px solid #dfdfdf; }
				
				#tblBasket tfoot th#promo { border-bottom: 1px solid #dfdfdf; vertical-align: middle; background-color:#f2f2f2; padding-left:10px;}
				td.formControls {background-color:#f2f2f2;}
					#tblBasket tfoot th#promo label { margin-right: 7px; float:left;}
					#tblBasket tfoot th#promo input#promoCode { width: 6.3em;float:left;}
				
				#tblBasket tfoot td.data { text-align: right; font-weight: bold; font-size: 1.1em; padding-right: 20px; border-bottom: 1px solid #dfdfdf; color: #000; }
				#tblBasket tfoot th.total { border-top: 0; }
				#tblBasket tfoot td.note { border-top: 1px solid #dfdfdf; }
					#tblBasket tfoot td.note p { margin: 2px 14px; color: #666; }
			
			td.payments { vertical-align: top; }
				td.payments dl, td.payments .arrows { margin: 10px 10px; }
				td.payments dt { font-weight:bold;margin-bottom: 6px; }
				td.payments dd { display: inline; margin: 0; }
					td.payments dd img { margin-right: 3px; }
			
			td.payments a{font-weight:bold;}
			td.payments ul{margin-left:10px;}
			
			td.payments hr.topDivider {border-top:1px solid #ccc !important; margin:0px 50px 0px 20px;}
			td.payments hr.topDividerWide {border-top:1px solid #ccc !important; margin:0px 0px 0px 20px;}
			
			th#subTotalTitle, th#deliveryTitle, th#vatTitle, th#totalTitle { border-bottom: 1px solid #dfdfdf; background-color:#f2f2f2; padding-left:10px;}
			th#totalTitle, td#total { border-top: 1px solid #dfdfdf; background-color:#f2f2f2;}
			
			th#deliveryTitle p, #totalTitle span{color:#666;font-size:90%;font-weight:normal !important;}
			#subTotal, #deliveryData, #taxData { color: #666666; background-color:#f2f2f2;}
			.taxInfo { color:#666666 !important; font-weight:normal;}
			#totalTitle strong { color: #000; font-size: 1.1em; }
			th#total, td#totalTitle { color: #000; }
			
			#tblBasket tfoot th.note { color: #666; }

			#tblBasket tbody tr td, #tblBasket tbody tr th { }
			#tblBasket tbody th.prod { text-align: left; padding: 8px 0; vertical-align: top; }
			#tblBasket tbody .prod a { display: block; width: 140px; text-align: center; }
			#tblBasket tbody td.desc { text-align: left; padding: 12px 0; vertical-align: middle; }
			
			#tblBasket tbody td.qty { vertical-align: middle; text-align: center; }
				#tblBasket tbody td h2 { margin: 0; font-size: 1.3em; color: #000 !important; }
					#tblBasket tbody td h2 a { color: #444; text-decoration: none; }
					#tblBasket tbody td h2 a:hover, #tblBasket td h2 a:focus { color: #000; }
				#tblBasket tbody td h3 { margin: 0 0 10px; font-size: 1.1em; color: #999; }
				#tblBasket tbody td ul { margin: 0; padding-left: 14px; margin: 8px 0; list-style: disc; }
					#tblBasket tbody td ul li { font-size: 1.1em; }
				#tblBasket tbody td a.remove { font-size: 0.9em; color: #999; display: inline-block; padding: 8px 0 0 15px; background: url(/images/store/ico_remove.png) no-repeat 0px 12px; text-decoration: none; }
				#tblBasket tbody td a.remove:hover, #tblBasket td a.remove:focus { color: #000; }
				#tblBasket tbody tr td.qty input { width: 24px; border: 1px solid #c3c3c3; background: #f5f5f5; color: #77787d; font-weight: bold; padding-left: 3px; text-align: center; }
				#tblBasket tbody tr td.qty input:focus { color: #000; background: #fff; border: 1px solid #000; text-align: center; }
				#tblBasket tbody td.qty input.disabled { background: #e5e5e5; color: #999; }
			
			/*#tblBasket tbody tr.singleItem td, #tblBasket tbody tr.singleItem th, #tblBasket tbody tr.hasOffer td, #tblBasket tbody tr.hasOffer th { border-top: 1px solid #b5b5b5; }*/
			#tblBasket tbody tr.basketPromoItem td, #tblBasket tbody tr.basketPromoItem th { border-top: 1px dashed #dfdfdf; }
			#tblBasket tbody tr.basketPromoItem th img { margin: 3px 0 0; }
			#tblBasket tbody tr.basketPromoItem td.total, #tblBasket tbody tr.basketPromoItem td.unit { padding-right: 25px; }
			#tblBasket tbody tr.singleItem th img, #tblBasket tbody tr.hasOffer th img { margin: 10px 0 5px 0; }
			#tblBasket tbody tr.hasOffer td.total { background: url(/images/offer_flag.gif) no-repeat top right; }

		#controls { margin-top: 10px; position: relative; height: 35px; padding:5px 20px 0 15px; }
		#controls a { float: left; margin-left:5px; }
		#controls span { display: inline-block; float: right; }
		#controls input { margin-left: 3px; float: left; }
		
		/*
		#controls input .goldButton{ padding-top:2px !important; padding-bottom:18px !important; }
		#controls .greyButton, #editBillAddress.greyButton, #editDeliveryAddress.greyButton, #image1.greyButton, #controls .goldButton { padding-top:4px !important; padding-bottom:18px !important; }
		
		.controls .greyButton, .controls .goldButton,input.goldButton { padding-top:4px !important; padding-bottom:18px !important; }
        */
		#navCheckFoot { position: relative; top: -20px; left: 5px; margin-right: 25%; }
        
        .smlButton{width:40px;float:right;margin-right: 20px;}
/*
------------------------------------------------------------------------------------------- 
BASKET PRODUCT DETAILS
-------------------------------------------------------------------------------------------
*/

tbody tr, tbody td{vertical-align:top !important;padding-top:20px; padding-bottom:20px;}

.unit,.total { text-align: left; font-size: 1.1em; color: #000; font-weight: bold; padding-right: 20px; vertical-align: middle; }
.total{text-align:right;}

.basketProduct{margin-top:10px;}
.basketProduct a{text-decoration:none;color:#000 !important;font-weight:bold;}
.basketPart {color:#999 !important;font-weight:normal;font-size:90%;margin-top:-10px;}


.basketIcons{margin-right:20px;margin-top:-20px;}
/* 

------------------------------------------------------------------------------------------- 
LINKED PRODUCTS
-------------------------------------------------------------------------------------------
*/
    .linkedCol{margin-top:10px;}
    .linkedProducts{margin-top:58px;}
	.linkedProducts li{display:block;clear:both;padding-bottom:10px;}
	.linkedProducts li a.prodLink{float:left;margin-right:10px;}
	.linkedProducts li a.goldButton{width:75px;float:left;}
	.linkedProducts h4,.linkedProducts .price{color:#000;font-size:100%;font-weight:bold;line-height:115%;}
			


/*
------------------------------------------------------------------------------------------- 
CHECKOUT BREADCRUMB TRAIL
------------------------------------------------------------------------------------------- 
*/

.checkoutCrumbs{background-color:#f2f2f2;padding:10px 20px 10px 20px;height:20px;margin-top:0px !important;}
    #checkoutHeader ul li{margin-right:20px;}
    #checkoutHeader ul li.on{font-weight:bold;}

/* 
------------------------------------------------------------------------------------------- 
BASKET HEADER
-------------------------------------------------------------------------------------------
*/
	#buyInfo dl { float: left; margin: 6px 25px 0 0; }
		#buyInfo dt { float: left; font-size: 1.3em; color: #656565; font-weight: bold; }
		#buyInfo dd {  float: left; margin-left: 10px; font-size: 1.3em; color: #989898; font-weight: bold; }
	#buyInfo img { float: right; }
    
    
			
	/* UPDATED SPAN */
	#checkoutHeader{position:relative;}
	 /* Ensures the updated Div is shown in the head of the basket */
	#updated, #paymentLoading{font-weight: bold;font-size: 1.3em;padding: 7px;display: block;background-image: url(/images/updated_bg.png);background-repeat: repeat-x;width: 280px;height: 72px;padding: 30px 0 0 25px;margin-top: 60px;position: absolute;left:270px;}
	
	.vatRate{font-weight: normal;font-size: 80% !important;}

/* 
------------------------------------------------------------------------------------------- 
REVIEW PAGE
-------------------------------------------------------------------------------------------
*/

.reviewButtons{margin-left:430px;width:270px;display:block;clear:both;min-height:100px;margin-bottom:10px;}
.reviewButtons .greyButton{margin-right:10px;}
.reviewButtons .err{color:#ff0000 !important;display:block; padding:0px 0px 10px;}
.reviewButtons .links{margin-top:10px;}
/* 
------------------------------------------------------------------------------------------- 
PAYMENT
-------------------------------------------------------------------------------------------
*/

dl.cards {  display: inline-block;  }
dl.cards dt { position: absolute; left: -100000px; }
dl.cards dd { display: block; float: left; margin-left: 3px; }

#tblAddresses th{font-weight:bold;padding-right:20px;}
#tblAddresses td{padding-top:0px;padding-right:40px;}

div.vcard span {
display:block;
}

#recycleOption span, #recycleOption #deliveryDetailsConfirmLink{float:left; padding-left:2px;}
#recycleOption #dyBox_TextOnlyLink_deliveryDetailsConfirmLink{display:inline; padding-left:2px !important; background:none !important; text-decoration:underline; float:left}
/*Loading */
span#paymentLoading{margin:0px !important; bottom:-30%; left:33%;}
	#paymentLoading #paymentLoading_Image{display:block; margin:0px 105px; height:32px; width:32px;}
/* 
------------------------------------------------------------------------------------------- 
ADDRESS
-------------------------------------------------------------------------------------------
*/
.smlPrint #dyBox_TextOnlyLink_privacyDetailsConfirmLink{display:inline; font-size:100%; padding-left:0px !important; background:none !important;}

/* 
------------------------------------------------------------------------------------------- 
LIGHTBOX IN BASKET
-------------------------------------------------------------------------------------------
*/
	#dvXsell .dyBox_ImageLinkContainer{float:left; margin-right:10px; width:100px;}
	#tblBasket_Products{background-color:#fff;}
	#tblBasket_Products td,#tblBasket_Products th{border:1px solid #fff;}
	#tblBasket_Products .prod .dyBox_TextOnlyLink{background:none !important; padding-left:0px !important;}
	#tblBasket_Products .desc .dyBox_TextOnlyLink{background:none !important; padding-left:0px !important;}
				

/*
------------------------------------------------------------------------------------------- 
ORDER PROCESSING MESSAGE
-------------------------------------------------------------------------------------------
*/


	#loadingMsg_overlay{
        background-image:url(/images/dyBox/black-90.png);
        background-repeat:repeat;
        display:block;
        width:100%;
        opacity:0.9;
        height:100%;
        position            : absolute;
        display             : block;
        top                 : 0px;
        left                : 0px;
    }
    #loadingMsg
    {
        background-color    : #FFFFFF !important;
        border              : 2px solid #666666;
        color               : #222222;
        padding             : 25px;
        z-index             : 2000;    
        width               : 500px;
        height              : 220px;    
        position            : absolute;
        display             : block;

    }
    .loadingMsg h2
    {
        color               : #666;
    }

.offerDiv{background-color:#f2f2f2;padding:15px 20px 5px 20px;margin-top:30px;}
.offerDiv h3{margin-top:0px;}
	
	/* Address Validation */
	#addLookup{border:4px solid #dfdfdf;padding:10px;width:900px;margin-left:0px;}
	#addLookup label{display:block;float:left;width:20em;font-weight:normal;color:#000;font-size:1.0em;padding:5px 0 0 0;}
	#addLookup .disClass{color:#ccc;}
	#addLookup input{float:left;margin-right:10px;}
	#addLookup span span{float:left;font-size:1.0em;}
	#addLookup div.controls{padding-left:245px;}
	#addLookup div.controls input{margin-top:1em;}
	#addLookup select{font-size:90%;}
	
	#addLookup .fld{display:block;clear:both;height:35px;}
	
	
/* WHITE LIGHT BOX - i.e. Tax Fail message on US */
.lb_white{position:absolute;width:542px;left:20%;}

.lb_white #taxCloseBtn{margin-top:0px;margin-right:-15px;float:right;width:19px;height:18px;display:block;background:url(/images/white_lb_close.png);}

.lb_white h2{font-size:150%;clear:both;}
.lb_white h3{font-size:100%;margin:10px 0px;clear:both;}
.lb_white_head,.lb_white_foot{display:block;width:549px;height:22px;margin:0px;}
.lb_white_head{background:url(/images/white_lb_top.png) no-repeat;}
.lb_white_foot{background:url(/images/white_lb_bottom.png) no-repeat;}
.lb_white_body{padding:0 45px 0 40px;width:464px;background:url(/images/white_lb_middle.png);padding-bottom:15px;}

.lb_highlight{padding:10px;background-color:#f0f0f0;}

a.backLinks {width:2em;}
