/* ===================================================
	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; position:relative; z-index:0;}
			#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; border-bottom: 1px solid #dfdfdf !important;}
				#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;}
			
			/*This is to get around an IE7 bug where the environmental popup on CA basket confirm page will hide behind the table footer rows below it. This is because all th tags have position relative and while the z-index of the popup is set higher than everything else, this is only related to it's parent (a th tag) but the parent tag will only trump its previous sibling, not its next one - hence the popup was half hidden below the th tags below it.*/
			#tblBasket th#enviroTitle{z-index:1000 !important;}
			
			.notifyMeInfo{background-color:#666; padding:2px 5px; position:relative; text-decoration:none; margin-left:4px;}
				.notifyMeInfo .link{color:#FFF;}
				.notifyMeInfo .info{position:absolute; top:-18px; left:28px; width:245px; background-color:#666; padding:5px 10px; color:#FFF; z-index:100 !important; display:none; overflow:hidden;}
				.notifyMeInfo:hover {background-color:#666665}
				.notifyMeInfo:hover .info, .notifyMeInfo:focus .info {display:block;}
				
			th#subTotalTitle, th#deliveryTitle, th#vatTitle, th#totalTitle, th#enviroTitle{border-bottom: 1px solid #dfdfdf !important; 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, #enviroData { 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 tfoot th.note .dyBox_TextOnlyLink{display:inline-block !important; vertical-align:middle; padding-bottom:1px;}
				
			#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;}
        
        .promoNote  {color:#666666 !important;display:block;font-weight:bold;margin-bottom:5px;width:150px;}
		
		.basketIssueMessage{border:1px solid #CCC; padding:12px 11px;}
/*
------------------------------------------------------------------------------------------- 
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; z-index: 10;}
	
	.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;
}

/*cvc update*/
.cvcLabel{display:block;float:left;padding-right:5px;}
.ccvInfo{display:block;background-color:#ccc;width:10px;font-weight:bold;padding:1px 0 3px 3px;float:left;cursor:pointer;}
span.ccvInfoResult{background-color:#ccc;padding:10px 5px 10px 10px;margin-top:20px;font-weight:bold;text-decoration:none !important;}
a.ccvLink{text-decoration:none;}
a.ccvLink span.ccvInfoResult{visibility:hidden;display:block;text-decoration:none !important;}
a:hover.ccvLink span.ccvInfoResult{visibility:visible;text-decoration:none !important;}
#cccvvdiv img{margin-left:13px;}

#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;}


#frmConfirm .dyBox_TextOnlyLink{display:inline;}
/*
------------------------------------------------------------------------------------------- 
CANADA TAX RATE TABLE (BASKET POPUP)
-------------------------------------------------------------------------------------------
*/

.taxRatesContainer h1 {margin:0px;}
.taxRatesContainer table.taxTable tbody tr td {border-top:1px solid #999; padding-top:20px;}

/* Christmas Delivery*/
.christmasDel{background-color:#efefef;padding:0px 20px 10px 20px;}
.christmasDel h2{padding-bottom:10px;padding-top:15px;}
.christmasDel h2 img{padding-right:15px;margin-bottom:-5px;}
.christmasDel table{border:1px solid #c4c4c4;width:575px;margin-top:15px;border-bottom:0px none;border-right:0px none;}
.christmasDel table td{padding:20px;border:1px solid #c4c4c4;border-top:0px none;border-left:0px none;}
.christmasDisc{font-size:90%;color:#666 !important;padding-top:20px;}



.christmasDel table.noBorder td,table.customerHelpline td{padding:10px 10px 0px 0px;}
.christmasDel table.noBorder,.christmasDel table.noBorder td{border:0px none;}

/*  24hr Delivery */
ul.CA_24hrDel li{ color: red!important; font-size: 0.9em; width: 260px; }