/*  Checkout.css
	
	style rules for checkout (and some myaccount) controls:

	This file was created to:
		1) contain all check out controls.
		2) have its own framework
		3) acommodates heavy js use
		4) to handle lots of changes taking place during development.
*/


#LogonDecisionPopup {background-color: #fff;}

/* required fields */
.required { background:url(../asset/images/components/icons/icon-required.gif) no-repeat -5px -15px; display:inline-block; height:9px; position:absolute; right:0; text-indent:-9999em; top:0; width:12px; }
.required-txt { border-bottom:1px solid #535353; color:#535353; margin:20px 15px 15px 0; padding:3px 0 0 5px; width:98%; }
.required-big { background:#fff url(../asset/images/components/icons/icon-required.gif) no-repeat -2px 0; display:inline-block; height:12px; text-indent:-9999em; width:15px; }		

/*~	common 	*/
.checkoutheader {margin: 0 auto; padding: 0px; width: 106em;}
.checkoutheader #search { margin-left:82px; }
.ie7 .checkoutheader #search,
.ie8 .checkoutheader #search { margin-left:75px;}
/*body { background : #211c18 url(../assets/bg.png) left top repeat-x ; }*/
body .zoom-xlg { width : 104em ; }
.ie body .zoom-xlg form { zoom: normal; _height : auto; }
.js-on #container { display : none ; }
#container { background:#313431; padding:10px;  }
#checkout { padding :0 1em 1em ; font-family: "Trebuchet MS" }
.pound {font-family: Arial, sans-serif; margin-right: 2px;}
.inline-pound {font-family: Arial, sans-serif;}
#checkout { position : relative ; }
.checkoutheadercont {width :100%; background-color: #201f1f;}

/* footer */
.checkout #primary-footer { background:#131613 url(../asset/images/components/footers/footer-gray-bg.jpg) repeat-x; }
.checkout #footer { background:transparent url(../asset/images/components/footers/footer-gray-btm-bg.jpg) left top repeat-x; border-top:1px solid #1B1D25; }

.checkout .checkout-footer #primary-footer { background:#1f1d1b url(../asset/images/components/footers/footer-checkout-bg.jpg) repeat-x; width: 1060px;}
.checkout .checkout-footer #footer { background:transparent url(../asset/images/components/footers/footer-checkout-btm-bg.jpg) left top repeat-x; border-top:1px solid #201e1c; width: 1060px; }


/*~	#prog	*/
#prog { background : url(../asset/images/components/checkout/progress/bg.png) left top repeat ; border-bottom : 1px solid #605c5c ; padding : 7px 0 4px ; z-index : 10 ; }
#prog h1.fancy { background-image : url(../asset/images/components/checkout/progress/h.png) ; float : left ; margin : 36px 50px 0 28px ; padding : 26px 123px 0 0 ; }
#prog ul.tab { clear : none ; float : left ; }

#prog .t-form-item-disabled,
#prog li { background : url(../asset/images/components/checkout/progress/arrow.png) 0 2.5em no-repeat ; margin-right : -53px ; min-width : 15em ; padding : 0 0 0 50px ; }
.ie6 #prog .t-form-item-disabled,
.ie6 #prog li { background : url(../asset/images/components/checkout/progress/arrow.gif) 0 2.5em no-repeat ; width : 16em ; }
#prog li.step-first { padding-left: 0; background-image: none; }
#prog li.first-child { background-color: transparent ; padding-left : 0 ; }
#prog li input.button { background :transparent url(../asset/images/components/checkout/progress/checkout-nav.png) no-repeat ; border: 0 ; display : block ; height : 90px ; }
.ie6 #prog li input.button { background-image : url(../asset/images/components/checkout/progress/checkout-nav.gif); }

#prog li#step-review { margin-right : -46px ; }
#prog li#step-review .button, 
#prog li#step-review .t-disabled:hover { background-position : left 3px ; width : 135px ; }
#prog li#step-review input.button.step-current,
#prog li#step-review input.button.step-current:hover,
#prog li#step-review input.button.step-enabled:hover { background-position : left -99px ; }

#prog li#step-delivery { margin-right : -37px ; padding-left : 45px ; }
#prog li#step-delivery input.button { background-position : -140px 3px ; width:127px; }
#prog li#step-delivery input.step-disabled,
#prog li#step-delivery input.step-disabled:hover { background-position : -140px -204px ; }
#prog li#step-delivery input.step-not-relevant,
#prog li#step-delivery input.step-not-relevant:hover { background-position : -140px -314px ; width:130px; height: 100px;}
#prog li#step-delivery input.step-current, 
#prog li#step-delivery input.step-current:hover,
#prog li#step-delivery input.step-enabled:hover { background-position : -140px -99px ; }

#prog li#step-payment { margin-right : -69px ; padding-left : 63px ; }
#prog li#step-payment .button  { background-position : -306px 3px ; width : 75px ; } 
#prog li#step-payment input.step-disabled,
#prog li#step-payment input.step-disabled:hover { background-position : -306px -204px ; }
#prog li#step-payment input.step-not-relevant,
#prog li#step-payment input.step-not-relevant:hover { background-position : -283px -314px ; width:150px; height:103px; margin-right:40px; }
#prog li#step-payment input.step-current, 
#prog li#step-payment input.step-current:hover,
#prog li#step-payment input.step-enabled:hover { background-position : -306px -99px ; }

#prog li#step-confirmation { padding-left : 50px ; }
#prog li#step-confirmation .button { background-position : -414px 3px ; width : 120px ; }
#prog li#step-confirmation input.step-disabled, 
#prog li#step-confirmation input.step-disabled:hover { background-position: -414px -204px; }
#prog li#step-confirmation input.step-current,
#prog li#step-confirmation input.step-current:hover,
#prog li#step-confirmation input.step-enabled:hover { background-position : -414px -99px ; }

#main .t-panel-hdr {height: 23px;}
.ie7 #main .t-panel-hdr {height: 28px;}
#main .t-panel-main {float: left; border-top: 1px solid #c3c3c3; margin-left:5px;}
.ie6 #main .t-panel-main { margin-left:0; }

/*~	.back-nav	*/
.back-nav { padding-left : 9px ; width : auto ; z-index: 20;}
.ie .back-nav button { left : -13px ; position : relative ; }
.back-nav button .button { background-color : #022611 ; background-position : left 0 ; border-color : #023911 ; }
.back-nav p { color : #12bc5a ; margin-top : .3em ; }
.back-nav .back-bottom { margin-top : 2.25em ; }
.bn-bottom { top : -1.25em ; }
.ie .bn-bottom { position : relative ; top : -1.25em ; }
.bn-top { position : absolute ; top : -1.2em ; }
.ie .bn-top { top : 12.5em ; }

#checkout-nav-top {background: none;}
#checkout-nav-top p { color : #12bc5a ; position: absolute; top: 15px; left: 5px; z-index: 20; }
/*#checkout-nav-top .back { left: 2px; position: absolute; top: -13px;  z-index: 20;}*/
.ie7 #checkout-nav-top .back { left: auto;}    	
.gecko #checkout-nav-top .back { top: 0;}
.gecko3 #checkout-nav-top .back { top: -13px;}
.ie7 #checkout-nav-top input.back { float:left; padding-left: 5px;}
.ie8 input.back {padding-right: 5px;}
.ie8 input.forward {padding-left: 5px;}

/* #checkout-nav-top .forward { position: absolute; right: 315px; z-index: 20; top: 35px; }*/
.ie #checkout-nav-top .forward { top:auto; position: relative; right: -10px;}
.safari #checkout-nav-top .forward, .safari #checkout-nav-top .back,
.safari #checkout-nav-bottom .forward, .safari #checkout-nav-bottom .back  { padding:3px 17px; }

#checkout-nav-top {background: inherit !important; clear : both ; }

#checkout-nav-bottom p { display: none; }
/* #checkout-nav-bottom .back { position: absolute; top: 7px; left: 7px; z-index: 20;} */

.ie #checkout-nav-top .forward, 
.ie #checkout-nav-bottom .forward { padding-right : 18px ; }
.ie #checkout-nav-top .back, 
.ie #checkout-nav-bottom .back { padding-left : 18px ; }

/* #checkout-nav-bottom .forward { position: absolute; right: 0px; bottom: 5px; z-index: 20; text-align: right; } */

.ie6 #checkout-nav-bottom input.back,
.ie7 #checkout-nav-bottom input.back { float:left; padding-left: 5px;}
/*
.ie7 #checkout-nav-bottom .forward {position: relative;}
.ie7 #checkout-nav-bottom .back {position: relative;}
.ie7 #checkout-nav-bottom div.cn-next { position: absolute; right: 0px; bottom: 5px; z-index: 20; }
.ie6 #checkout-nav-bottom input.forward,
.ie7 #checkout-nav-bottom input.forward,
.ie6 #checkout-nav-top input.forward,
.ie7 #checkout-nav-top input.forward {text-align: right; padding-right: 22px;}
.ie7 #checkout-nav-bottom div.cn-prev { position: absolute; top: 7px; left: 7px; z-index: 20;}
*/

.ie6 #checkout-nav-top,
.ie7 #checkout-nav-top { float:none; clear:both!important; }
.ie7 #checkout-nav-top { margin-bottom:10px; }
.ie8 #checkout-nav-top { float:none; }
/*~	#b	*/
#checkout-nav-top .forward, 
#checkout-nav-bottom .forward { float : right ; margin-right : 7px ; }
#checkout-nav-top .forward { margin-right : 10px ; /*margin-top : .5em ;*/ }
.ie #checkout-nav-top .forward, 
.ie #checkout-nav-top .forward { position : relative ; }
.next-top .button, 
.next-bottom .button,		
#place-order .button { background-color : #4e123e ; background-position : left -100px ; border-color : #390802 ; }
#place-order { float: right;}
.back-bottom-pos .back { left:9px; position:absolute; top:-12px; z-index:20; }
#b { position : relative ; }
#b h1, #b h2, #b h3, #b h4, #b h5, #b h6 { font-family : "Trebuchet MS", arial, sans-serif ; font-weight : normal ; }
#b h1 { color : #cecabd ; font-size : 190% ; padding-left : 10px ; }
#b h2 { color : #9fc9da ; font-size : 190% ; padding-left : 10px ; }

#checkout input.navPNNavigateToBasket, #checkout .cn-prev { float:left; }
#checkout .cn-prev { float:left; }
.ie6 #checkout input.navPNNavigateToBasket { float:left; }
#checkout .checkout-nav-container .navPNNavigateToDeliveryOptions { background-position:-90px -720px; }

/*#checkout input.navPNNavigateToDeliveryOptions*/, #checkout .cn-next { float:right; }
.ie #checkout .cn-next { margin-right:0px; }

#checkout .cn-prev .navPNNavigateToPaymentDetails { margin-left:11px; }
#checkout .cn-next .navPNOrder,
#checkout #checkout-nav-bottom .cn-prev .navPNNavigateToPaymentDetails { left:-14px; position:relative; }

.ie #checkout .cn-next .navPNNavigateToPaymentDetails { position:relative; right:2px;}
.ie #checkout .checkout-confirmation-btn .cn-next .navPNNavigateToPaymentDetails, 
.ie #checkout .cn-next .navPNNavigateToConfirmOrder  { position:relative; right:-5px;}


#checkout .cn-prev input.back, #checkout .cn-next input.forward { font-size:1.8em; font-weight:normal; padding-left:16px; padding-right:16px; }
.ie7 #checkout .cn-prev INPUT.back { padding-left:6px; padding-right:0px; }
.ie7 #checkout .cn-next INPUT.forward { padding-left:0px; padding-right:6px; }
#checkout .cn-next input.forward { margin-right:10px; }
#checkout #checkout-nav-bottom { border-bottom:1px solid #535353; padding:1.1em 0; }

#checkout .checkout-nav-container .back.bg02 { background-position:0 -720px; }

.ie6 #checkout .checkout-nav-container .forward, .ie6 #checkout .cn-next .forward { background-position:-150px -720px; width:170px;  }
#checkout .checkout-nav-container .back.bg02:hover { background-position:0 -828px; }
#checkout .checkout-nav-container .forward.bg02:hover { background-position:-150px -828px; }
.ie #checkout .checkout-nav-container .back.bg02 { background-position:0 -720px; }
.ie7 #checkout .checkout-nav-container .back.bg02 {background-position:0 -717px; }
.ie6 #checkout .checkout-nav-container .back, #checkout .cn-prev .back { background-position:0 -720px; float:left; }
.ie7 #checkout .checkout-nav-container .back.bg02:hover { background-position:0 -825px; }
.ie7 #checkout .checkout-nav-container .forward.bg02:hover { background-position:-150px -825px; }
.ie6 #checkout .checkout-nav-container .back.bg02:hover { background-position:0 -825px; }
.ie6 #checkout .checkout-nav-container .forward.bg02:hover { background-position:-150px -825px; }



/*
.ie #checkout .checkout-nav-container .back.bg02 { background-position:0 -718px; padding-left:4px; padding-right:0; width:auto; }

.ie #checkout .checkout-nav-container .back.bg02:hover { background-position:0 -826px; padding-left:4px; padding-right:0; width:auto; }
.ie #checkout .checkout-nav-container .forward.bg02:hover { background-position:-150px -826px; padding-left:0; padding-right:4px; width:auto; }
.ie #checkout .checkout-nav-container .forward.bg02 { background-position:-150px -718px; padding-left:0; padding-right:4px; width:auto; }
*/


.ie #checkout #checkout-nav-bottom { margin-top:0; position:relative; }
#checkout .checkout-nav-container { display:block; margin-bottom:10px; margin-left:11px; width:714px; }
.ie8 #checkout .checkout-nav-container,
.ie6 #checkout .checkout-nav-container{ width:715px; }
.ie #checkout .checkout-nav-container { margin-left:8px; margin-right:0; }

.ie6 #checkout input.navPNNavigateToBasket
/*.ie7 #checkout input.navPNNavigateToBasket*/ {width: 150px;} 
.ie6 #checkout input.navPNContinueShopping,
.ie7 #checkout input.navPNContinueShopping,
.ie8 #checkout input.navPNContinueShopping  {float:left; width: 100px;}
.ie8 #checkout input.navPNNavigateToDeliveryOptions { background-position:-150px -720px; }
/*.ie6 #checkout input.navPNNavigateToPaymentDetails {width: 85px;}*/
.ie6 #checkout input.navPNNavigateToConfirmOrder,

.ie6 #checkout-nav-bottom .navPNOrder {bottom: 8px;}
.ie6 #checkout input.navPNNavigateToConfirmOrder { bottom:3px; }
.ie7 #checkout input.navPNNavigateToConfirmOrder { bottom:-1px; }
/*#checkout input.navPNOrder {bottom: 7px;}*/
#checkout input.navPNOrder { margin-bottom: 2px; }
.ie7 #checkout input.navPNOrder { bottom: -1px; width: 170px; right:0px; }
.ie6 #checkout input.navPNOrder { bottom: 4px; }


#checkout .cn-next input.forward { background-position:-118px -720px; }
#checkout .checkout-nav-container .forward.bg02 { background-position:-150px -720px; float:right; }
.ie7 #checkout .checkout-nav-container .forward.bg02 { background-position:-150px -717px; }

/*
#checkout .cn-next .navPNNavigateToDeliveryOptions  { background-position:-93px -720px!important; float:right; }
#checkout .cn-next .navPNNavigateToDeliveryOptions:hover { background-position:-93px -828px!important }
#checkout .checkout-confirmation-btn .cn-next .navPNNavigateToConfirmOrder { background-position:-118px -720px; }
#checkout .checkout-confirmation-btn .cn-next .navPNNavigateToConfirmOrder:hover { background-position:-118px -828px; }
.ie7 #checkout .checkout-nav-container .checkout-confirmation-btn .cn-next INPUT.navPNOrder {  }
*/




.ie #checkout .checkout-confirmation-btn .cn-next .navPNNavigateToConfirmOrder  { width:150px; }
.ie7 #checkout .checkout-confirmation-btn .cn-next .navPNNavigateToConfirmOrder {width: 110px;}
.ie7 #checkout .checkout-confirmation-btn { margin-right:7px; }
.ie7 #checkout .checkout-nav-oc #checkout-nav-bottom .cn-prev .navPNNavigateToPaymentDetails { left:-10px; }
#checkout .checkout-nav-container .checkout-confirmation-btn .cn-next input.navPNOrder,
#checkout .cn-next input.navPNOrder { background-position:-91px -720px; padding-right:16px; margin-right:-4px; }
#checkout .cn-next input.navPNOrder:hover { background-position:-91px -828px; }
.ie7 #checkout .checkout-nav-container .checkout-confirmation-btn .cn-next INPUT.navPNOrder 
.ie7 #checkout .checkout-nav-container .checkout-confirmation-btn .cn-next INPUT.navPNOrder { margin-right:-15px; }

.ie7 #checkout .checkout-nav-oc .checkout-nav-top .cn-prev .navPNNavigateToPaymentDetails { margin-left:0; }
.ie7 #checkout .checkout-nav-ba #checkout-nav-bottom .cn-next .navPNNavigateToDeliveryOptions { margin-right:5px; }


/*#checkout #checkout-nav-bottom .checkout-reposition { position:absolute; top:359px; width:726px;  }

.ie #checkout #checkout-nav-bottom .checkout-reposition { left:0; top:374px; }
.ie6 #checkout #checkout-nav-bottom .checkout-reposition { top:364px; }
*/

#b button.link { color : #cecabd ; }		
#b .separator { border-bottom : 1px solid #787878 ; margin-bottom : .5em ; padding-bottom : .5em ; }

/*~	#main	*/
#main { background : #353535 url(../asset/images/components/checkout/progress/bg.png) ; position : static ; width:72.4em; }
.ie6 #main { width:718px; }
#main .ct { background : #353535 ; margin-bottom : 10px ; margin-top : -5px ; padding-top : 15px ; }
#main .ct-body { position: relative; top: 0px;}
/*.ie #main .ct-body { top: -30px;}*/
#main .ct2 {padding-top: 0; }
#main .h1-main {float: left; width: 20%;}
#main .h1-sub {float: right; color : #cecabd; font-size: 120%; left:204px; position:absolute; margin-right: 250px; margin-top: 10px;}
.ie #main .h1-sub { margin-right: 250px; width:270px; } 
.ie6 #main .h1-sub { left:34px; } 
#checkout #main .h1-sub p {margin-bottom: 0.25em;}
.opera #checkout #main .h1-sub p {margin-bottom: 1em;}
.ie6 #main .h1-sub { width: 60%; margin-right: 173px;}
.ie6 #main .h1-sub p {float: right;}
.ie7 #main .h1-sub { margin-right: 250px;}
.ie6 #checkout .ct-body .ct-body-inner,
.ie7 #checkout .ct-body .ct-body-inner {margin-top: 10px;}
.ie8 #checkout .ct-body .ct-body-inner {margin-top: 20px;}

/*~	#basket	*/
#main #basket { background : #4a4a4a ; border-top : 1px solid #787878 ; }
	/*~	.basket-item	*/
.js-on .basket-item { display : none ; }
.basket-item { 
border-bottom : 1px solid #353535 ; 
color : #322f2f ;
padding : 5px 3px 10px 6px ; 
position : relative ; 
}
.ie #checkout .basket-item {padding-left: 3px;}
.ie6 #checkout .basket-item,
.ie7 #checkout .basket-item {padding-top:10px;}
.basket-item p { margin-bottom : 0 ; }
#checkout .bi-wrp,  
#checkout .bi-ct { background : url(../asset/images/components/checkout/bg_basket_item_full.png) left top no-repeat ; }
.ie6 #checkout .bi-wrp,
.ie6 #checkout .bi-ct { background : url(../asset/images/components/checkout/bg_basket_item_full.gif) left top no-repeat ; }
#checkout .bi-wrp { margin:3px 0px 3px 0px; padding-top : 8px ; }
.ie6 #checkout .bi-ct, /* required for specificity issue */
#checkout .bi-ct { background-position : left bottom ; margin-bottom : -4px ; padding : 0 8px 8px ; }
#checkout .bi-ct img { float: left; }
#checkout .bi-ct {margin-right: 3px;}
#checkout #basket .basket-item .bi-ct img.bi-img { border: 4px solid #9d9b9b; width: 92px; }
#checkout #basket .basket-item .bi-ct .age-certificate {border: none; width: 38px; float: left;}
#checkout #basket .basket-item .bi-ct .bi-packshot img {border: 4px solid #9d9b9b;} 	    
#checkout #basket .bi-line { float: none; }
.ie7 #checkout #basket .bi-info.cert-line { height:27px; }
#checkout #basket .cert-line {clear: none; width: 91%; } 

#checkout #basket .cert-line-type {margin-left: 5px; margin-top: -5px; padding-top: 0;}
.XXXie6 #checkout #basket .cert-line-type {margin-left: 24px;}
#checkout #basket .cert-line-total {margin-top: -5px; padding-top: 0;}

.bi-thumb { border : 4px solid #9d9b9b ; float : left ; }
.bi-detail { float : left ; margin-left : 9px ; width : 83% ; }
.ie7 .bi-detail strong { font-family: Arial; }
.ie .bi-detail { width : 81.5% ; }
.ie #checkout .bi-detail { width : 83% ; }
#b .bi-detail h2 { float:none; margin:8px 0 0; padding-left: 0;}

.bi-actions { position : absolute ; right : 17px ; top : 22px ; width: 206px ; }
#checkout .bi-actions { right : -3px; top:30px; }
.webkit #checkout .bi-actions {right: 19px;}
.opera #checkout .bi-actions {right: 0;}

.ie .bi-actions { right : 15px ; top : 24px ; width: 240px; }
.ie #checkout .bi-actions { right : 10px ; top : 24px ; width: 195px; }
.ie6 .bi-actions { right : 10px ; top : 16px ; }
.ie7 .bi-actions { right : 18px ; top : 18px ; }

.bi-actions button {margin: 0 -2px 0 -2px;}
.ie .bi-actions button {margin: 0;}		
.ie6 .bi-actions button,
.ie7 .bi-actions button {margin : 0 -22px ; }
.safari .bi-actions .button { padding:3px 8px; }

.ie6 #checkout .bi-actions input.button,
.ie7 #checkout .bi-actions input.button {margin : 0 2px ; width: 105px;}
.ie6 #checkout .bi-actions, 
.ie7 #checkout .bi-actions { right : 10px ; top : 24px ; width: 230px; }

#checkout .gift-message { font-family: arial, sans-serif; font-size:140%; margin-left: 63px; }
.ie6 #checkout .gift-message {  float:left; margin-left:0; }
.ie7 #checkout .gift-message { padding-top:5px; margin:0; float:left; }

.bi-actions button .button {width: 102px; }				
.ie .bi-actions button .button {width: 98px; margin: 0 1px; }
.ie6 .bi-actions button .button { padding-top : 5px !important ; }


.bi-price, .bi-title { font-size : 150% ; }
#checkout .bi-title { font-size : 150% ; color: #2d3244;}
#checkout .bi-title strong { color: #3f8dcb; font-weight: normal; white-space: normal; }
.ie #checkout .title-limited {width: 360px; overflow: hidden; }
#checkout .title-limited {width: 348px; overflow: hidden; line-height: 1.23em; }

.bi-info { border-bottom : 1px solid #d9d9d9 ; padding : 4px 0 2px ; }
.bi-info .bi-info { border-bottom : 0 ; border-top : 1px solid #d9d9d9 ; margin-top : 4px ; padding-top : 0 ; }

.bi-detail .bi-info { margin:0 0 5px;}
.bi-info .bi-price, 
.bi-info .bi-promo, 
.bi-info .bi-quantity, 
.bi-info .bi-type { float : left ; font-size : 150% ; }
.bi-detail .bi-info.bi-bottom { margin-top:-10px; }
.ie .bi-detail .bi-info.bi-bottom { margin-top:-5px; padding-left:50px;}
#checkout #basket .bi-info .bi-type { color: #5F657B;}
#checkout #basket .xtra-clubpoints { color: #D78106; float:right;}

.bi-info .bi-price { padding-top : .35em ; }
#checkout #basket .bi-info .bi-price { padding-top : 0; margin-left:5px; }
/*.ie7 #checkout #basket .bi-info .bi-price { margin-top:5px;}*/

.bi-info .bi-quantity { font-size : 119% ; }
.bi-info .bi-promo { font-size : 110% ; }

#checkout #promo .t-promo-code {width: 33em;}

.bi-info .layout { width : auto ; }
#basket .bi-info .a { width : 3.5em ; }
.webkit #basket .bi-info .a { width : 4.0em ; }
#basket .bi-info .b { width : 14em ; }
#basket .bi-info .c { float : left ; width : 31em ; }
.ie #basket .bi-info .c { width : 29em ; }
#basket .bi-info .c .bi-promo { clear : both ; float : left ; position: relative; left: -5px;}
.ie #basket .bi-info .c .bi-promo { white-space : nowrap ; }

.bi-type { color : #0078b1 ; padding-top : .25em ; }

.bi-total { float : right ; font-size : 150% ; margin-top : .25em ; }
.webkit .bi-total { font-size : 100% ; }
.webkit #checkout #basket .bi-total { font-size : 150% ; }

.bi-price { color : #d78106 ; font-size : 100% ; }

.bi-quantity { clear : none ; padding : 0 0 0 .4em ; }		
.bi-quantity label { padding : .1em 5px 0 .2em ; width : auto ; }
.bi-quantity input { border : 1px solid #178ac8 ; padding-bottom:1px; text-align : center ; width : 2.2em ; }
.ie8 .bi-quantity input { height: 1.35em;}
.ie7 .bi-quantity input { height: 1.3em;}
.bi-quantity .t-spinner-btn { background : #00396a url(../asset/images/components/checkout/bg_spinner.png) left top repeat-x ; border-color : #036ba4 ; color : #fff ; height : 1.35em ; }
.bi-quantity .t-spinner-down { height : 1.45em ; }
.bi-promo, .bi-total, .bi-quantity { font-family : arial, sans-serif ; }
#checkout #basket .bi-promo, 
#checkout #basket .bi-total, 
#checkout #basket .bi-quantity { font-family : "Trebuchet MS", arial, sans-serif ; }

.bi-promo, 
.bi-promo-wrp { background : url(../asset/images/components/checkout/bg_bi_promo.png) left top no-repeat ; }
.bi-promo { color : #5f657b ; margin : .7em -5px 0 .3em ; padding-left : 16px ; text-decoration : underline ; }
#checkout #basket .bi-promo { margin-top: .2em; }
.ie #checkout #basket .bi-promo { margin-top: .3em; }
.bi-promo-wrp { background-position : right -126px ; display : block ; padding : 0 16px .3em 0 ; }
.bi-album .bi-title strong { color : #0078b1 ; }
.bi-cd .bi-title strong { color : #6f6c6c ; } 
.bi-cd .bi-type .bi-type-info { color : #6f6c6c ; font-size : 90% ; }
.bi-rating { display:inline-block; float:left; height:43px; margin-top:1px; }
.bi-rating .bi-subtitle { color : #5f657b ; font-size : 130% ; }
.bi-12a { background-position : 0 4px ; }
.bi-12 { background-position : 0 -105px ; }
.bi-15 { background-position : 0 -213px ; }
.bi-16 { background-position : 0 -314px ; }
.bi-18 { background-position : 0 -418px ; }
.bi-r18 { background-position : 0 -524px ; }
.bi-u { background-position : 0 -627px ; }
.bi-uc { background-position : 0 -730px ; }
.bi-pg { background-position : 0 -830px ; }

#update-basket { margin-right : 6px ; margin-top : 1em ; }
.ie #update-basket .button { padding : 3px 4px ; }

#checkout #basket .bi-message {font-size: 1.2em; display: block; margin-top: 2px; color: #5F657B;}
.ie6 #checkout #basket .bi-message,
.ie7 #checkout #basket .bi-message {margin-top: 6px;}

#checkout #basket .bi-message em {font-weight: bold;}

#checkout #basket .message-line {float: left; margin-left: -10px;}
#checkout #basket .bi-delivery {margin: 10px 0 10px 0; color: #5F657B; font-size: 1.2em;}
#checkout #basket .bi-delivery em {color: #04989c;}
#checkout #basket .bi-delivery em.dl-sendto {margin-right: 4px; margin-left: 5px;}
.ie6 #checkout #basket .bi-delivery em.dl-sendto,
.ie7 #checkout #basket .bi-delivery em.dl-sendto {display: block; float: left; margin-top: 4px; }
.ie6 #checkout .confirm-order #basket .bi-delivery em.dl-sendto,
.ie7 #checkout .confirm-order #basket .bi-delivery em.dl-sendto {margin-top: 0px; }

/* BOGOF styles in checkout */
#checkout #basket .bi-bogof { margin-bottom:10px; padding-left:5px; padding-bottom:3px; width:575px; font-size:1.4em; color:#D78106; }
#checkout #basket .bi-bogof.bi-left { margin-top:-17px; margin-bottom:20px; padding-left:58px; width:518px; }
#checkout #basket .bi-bogof .add-tt { font-size:0.8em; color:#5F657B; cursor:pointer; padding-left:10px; }
#checkout #basket .bi-bogof .add-tt:hover { text-decoration:underline; }
.ie #checkout #basket .bi-bogof.bi-left { margin-top:-10px; margin-bottom:12px;}
.ie6 #checkout #basket .bi-bogof.bi-left { margin-top:0; margin-bottom:12px;}


/*~	#promo	*/
#promo { background : #4a4a4a ; border-bottom : 1px solid #787878 ; color : #dbcdfe ; padding : 6px 6px 6px 6px; }
.ie #promo {padding-left: 3px;}
.promo-wrp { background : url(../asset/images/components/checkout/bg_voucher_bottom_full.png) left bottom no-repeat ; padding-bottom : 10px ; }
.promo-ct { background : url(../asset/images/components/checkout/bg_voucher_middle_full.png) left top repeat-y ; }
.promo-bd { background : url(../asset/images/components/checkout/bg_voucher_top_full.png) left top no-repeat ; padding : 4px 10px ; }
#promo h1, 
#promo h2 { color : #cbabff ; border-color : #cbabff ; border-style : solid ; margin : 0.5em 4px 0.4em ; width : 99% ; }
#promo h1 { border-width : 0 0 1px ; font-size : 170% ; float : left ; padding : 0 0 .4em ; }
#promo h2 { border-width : 1px 0 0 ; font-size : 140% ; padding : .4em 0 0 ; }
#promo .help { color : #fff ; float : right ; margin-top : -2.65em ; }
.webkit #promo .help { margin-top : -2.45em ; }
.ie #promo .help { margin-right : 5px ; margin-top : -2.75em ; }
#promo .help a { color : #fff ; }
#promo label { font-size : 110% ; margin-bottom: 2px; }
.ie6 #promo label,
.ie7 #promo label { font-size : 110% ; margin-bottom: 0px; }
#promo input.t-form-text { color : #6d6384 ; border-color : #6e6578 ; }
#promo input.button { font-size : 97% ; margin-top: 1px; } 
.gecko #promo input.button { font-size : 97% ; padding-bottom : 1px ; } 
.ie8 #promo input.button { padding-bottom : 2px ; margin-top: 2px; }
#promo button { margin-top : 0 !important ; } 
#promo button .button { background-color : #231346 ; background-position : left -396px ; border-color : #231346 ; }
#promo .t-form-item-focus { background : transparent ; }
#promo .t-grid { padding : 0 4px ; width : 99% ; }
#promo .t-grid th { background : transparent ; border-bottom : 1px solid #cbabff ; }
#promo table { border : 0 ; }
#promo .t-grid table th, 
#promo .t-grid table td { border-right : 0 ; border-top : 0 ; }
#promo .t-grid .odd td { background : #5737a4 ; }
#promo .t-voucher-remove {text-align: right;}

/* Club Card */
#clubcard #promo {color: #ffffff;}
#clubcard .promo-wrp { background : url(../asset/images/components/checkout/bg_clubcard_bottom_full.gif) left bottom no-repeat ; padding-bottom : 10px ; }
#clubcard .promo-ct { background : url(../asset/images/components/checkout/bg_clubcard_middle_full.gif) left top repeat-y ; }
#clubcard .promo-bd { background : url(../asset/images/components/checkout/bg_clubcard_top_full.gif) left top no-repeat ; padding : 4px 10px ; }
#clubcard #promo h1, 
#clubcard #promo h2 { color : #ffffff ; border-color : #ffffff ; }
#clubcard #promo button .button, .color-blue .button  { background-color : #01457d ; background-position : left -298px ; border-color : #01457d ; }
.ie6 #clubcard button,
.ie7 #clubcard button { margin : 0 -10px ; }

#summary {position: relative;}
#summary { background : #353535 ; margin-top : 0px ;  text-align : right ; }
.confirm-summary #summary {padding-bottom: 5px;}
#summary h1, #summary h2, #summary h3, #summary h4, #summary h5 { border-bottom : 1px solid #535353 ; padding : .2em 0px .2em ; margin-right: 10px; }
#summary h1 { border-color : #787878 ; font-size : 200% ; margin-bottom : .1em ; margin-top : 0 ; padding-top : .45em ; }
#summary h2, #summary h3, #summary h4 { color : #cecabd  ; font-size : 140% ; }
#summary h4 { color : #a495c9 ; }
#summary h5 { color : #fff ; font-size : 200% ; }
#summary .pre-terms {margin-bottom: 0;}
#summary .terms-conditions {border-bottom : 1px solid #535353; background-color: #4a3043; padding: 10px; margin-right: 10px; margin-bottom: 10px;}
#summary .terms-conditions label {margin-right: 10px; color: #ffffff; font-size: 1.3em; font-weight: normal; float : none ; }
#summary .terms-conditions a { color: #fe83ea; } /* was #fe83ea */
#summary .terms-conditions .t-form-item-invalid a { color: #fff;}
#summary .terms-conditions .t-form-item-focus {background-color: #634058;}

	/*~	#aside	*/
#aside {border-top : 1px solid #353535 ; color : #b6dbff ; padding-bottom : 2px ; padding-top:5px; width : 30.6em ; }
#aside .ct { margin-bottom : 10px ; }
.ie6 #aside .ct,
.ie7 #aside .ct { margin-top : 12px ; }
#aside h2 { border-bottom : 1px solid #787878 ; padding : 1em 0 .3em ; }
#aside dl.tally { width : auto ; }
#aside dl.tally dt, 
#aside dl.tally dd { border : 0 ; width : 50% ; }
.ie #aside dl.tally dt { width : 50% ; }
.ie #aside dl.tally dd { width : 100% ; }
.ie6 #aside dl.tally dt,
.ie6 #aside dl.tally dd,
.ie7 #aside dl.tally dd { width : 49.25% ; }
#aside div.separator { background : url(../asset/images/components/checkout/bg_aside_hr.png) left top repeat-x ; border : 0 ; font-size : 1px ; height : 14px ; margin : 4px 0 ; }
#aside #wishlist p {color: #ECDEB3; display: inline-block; margin-top: 4px;}
.ie #aside #wishlist p {margin-top: 3px;}
.ie7 #aside #wishlist p,
.ie6 #aside #wishlist p {margin-top: 10px;}
#aside .gen-info dl.tally {padding: 13px 0;}
#aside .gen-info dl.tally dd {text-align: left;}
#aside .gen-info dl.tally .contact-phone {color: #ecdeb3;}

/*~	#log-in	*/
#log-in, .not-a-member { background : #4c4c4c ; border : 1px solid #262626 ; margin : 12px 3px 1px ; padding : 9px ; }
#log-in h1.fancy,
#aside .not-a-member h1.fancy { background : url(../asset/images/components/checkout/checkout-login.gif) 0 0 no-repeat ; border : 0 ; margin-bottom : .8em ; padding : 80px 0 0 ; width:282px; text-indent:-9999em; }
#aside .not-a-member h1.fancy {background-position: -320px 0;}
#log-in h1.fancy span,
.not-a-member h1.fancy span { position:absolute; }
#log-in p.t-form-item,
.not-a-member p.t-form-item { font-size : 100% ; }
#log-in p,
.not-a-member p { font-size : 120% ; font-weight:bold; padding-left : .5em ; padding-right : .5em ; }
#log-in p.separator,
.not-a-member p.separator { border-color : #b6dbff ; }
#log-in p.t-form-item button,
.not-a-member p.t-form-item button { margin-top : -2px ;}
#log-in p.t-form-item button .button,
.not-a-member p.t-form-item button .button {background-position: left -300px;}
.ie #log-in p.t-form-item button,
.ie .not-a-member p.t-form-item button { margin-left : 0 ; margin-top : 0 ; }
#log-in .t-form-item-invalid .t-form-input-wrp, 
#log-in .t-form-item-valid .t-form-input-wrp,
.not-a-member .t-form-item-invalid .t-form-input-wrp, 
.not-a-member .t-form-item-valid .t-form-input-wrp { margin : 0 ;}
#log-in .t-form-item-invalid label,
.not-a-member .t-form-item-invalid label { color : #201f1f ; padding : 0 ;}/* removed padding : 2px 0 3px 20px ; causing problems for sidebar login form*/
#log-in .t-form-item-focus,
.not-a-member .t-form-item-focus { background:#626262; color : #201f1f ;  }
#log-in .t-form-errormsg,
.not-a-member .t-form-errormsg { background:none; color : #f666ff ;  }
#log-in .t-form-item-focus label,
.not-a-member .t-form-item-focus label {color: #b5dbff;}
#log-in .link,
.not-a-member .link { color : #4ab9fe ; font-weight:normal; }
.ie #log-in .link,
.ie .not-a-member .link { display : inline-block ; padding : 0 ; }		
/*~	#wishlist	*/
#wishlist { padding : 10px 1em 10px ; }
#wishlist a { color : #f7e8ba ; }
#wishlist a strong { color : #fff ; font-weight:normal; }

/* Wish List New */
#wishlist .wl-item { position: relative; margin-top: 10px;}
.opera #wishlist .wl-item { margin-top: 20px;}
#wishlist .wl-image { float: left; width: 72px; margin-right: 10px;}
#wishlist .wl-image img {width: 62px; margin-left: 4px; margin-bottom: -2px;}
.opera #wishlist .wl-image img {margin-bottom: 6px;}
#wishlist .wl-image-top {width: 72px; height: 5px; background : url(../asset/images/components/checkout/wishlist-thumb-top.gif) top no-repeat;}
.ie6 #wishlist .wl-image-top {font-size: 1px;}
#wishlist .wl-image-mid {width: 72px; background : url(../asset/images/components/checkout/wishlist-thumb-mid.gif) top repeat-y;}
#wishlist .wl-image-bot {width: 72px; height: 5px; background : url(../asset/images/components/checkout/wishlist-thumb-bottom.gif) top no-repeat;}
#wishlist h2 {color: #f7e8ba; font-family: "Trebuchet MS", arial, sans-serif ; font-weight : normal ; font-size: 1.3em; padding: 0; margin: 0; }
#wishlist .wl-info {float: left; width: 200px;}
.ie7 #wishlist .wl-info { width:146px; }
.ie6 #wishlist .wl-info {float: left; width: 190px;}
#wishlist .border-dotted { float: left; width: 100%; background:transparent url(../asset/images/components/borders/border-dotted-808496.gif) repeat-x; padding: 2px; margin:0; margin-top: 4px; }
.ie7 #wishlist .border-dotted {height: 1px;}
.ie6 #wishlist .border-dotted {height: 1px; font-size: 1px;}
#wishlist .bd2 {margin-top: 2px;}
#wishlist .wl-info-lower { margin-top: 5px; float: left; position:relative; width: 100%; background:transparent url(../asset/images/components/borders/border-dotted-top-btm-808496.gif) repeat-x left bottom; padding: 2px; margin:0;}
#wishlist .wl-info-line {color: #c0c3d0; font-size: 1.2em; margin-left: 2px;}
#wishlist .wl-info-line em {color: #ffffff; margin-left: 22px;}
#wishlist .font-a { font-family : arial, sans-serif ; float:left; margin:3px 0; }
#wishlist .wl-price {float: left; color: #fedd25; font-size: 1.3em; margin-left: 2px; position: absolute; bottom: 7px;}
#wishlist .wl-buy,
#wishlist .wl-remove {float: right; margin-top: 8px; margin-bottom: 3px;}
.ie8 #wishlist .wl-buy {margin-right: 3px;}
.ie7 #wishlist .wl-buy .button { width:90px }
#wishlist .wl-remove { position:relative; margin-top:18px; }
#aside #wishlist .wl-remove .item-unavailable { color:#d269ae; font-size:.9em; position:absolute; top:-28px; right:-35px; width:150px; }
.ie7 #aside #wishlist .wl-remove .item-unavailable { top:-30px;}
#wishlist button {padding-bottom: 0;}
#wishlist .wl-footer {background-color: #4a5256; border: 1px solid #525f65; margin-top: 40px;}
#wishlist .pagination a {margin-top: 6px; margin-bottom: 2px; background:#2e324c url(../asset/images/components/pagination/pagination-btn-blue.gif) repeat-x scroll 0 0; border:1px solid #2e324c;}
.ie6 #wishlist .pagination,
.ie7 #wishlist .pagination {margin-bottom: 4px;}
#wishlist .pagination span {margin-top: 6px; margin-bottom: 5px; }
#wishlist .pagination .prev, 
#wishlist .pagination .next {font-size: 1.5em; line-height: 0.85em; padding: 0 3px 4px 3px; background:#2e324c url(../asset/images/components/pagination/pagination-btn-blue.gif) repeat-x scroll 0 0; border:1px solid #2e324c;}
.ie6 #wishlist .pagination .prev,
.ie6 #wishlist .pagination .next,
.ie7 #wishlist .pagination .prev,
.ie7 #wishlist .pagination .next {line-height: 0.8em;}
#wishlist .pagination .current {background:#d78106 url(../asset/images/components/pagination/pagination-btn-yellow.gif) repeat-x scroll 0 0; border:1px solid #d78106; color:#4d526f; }
#wishlist .pagination .gap {padding: 2px 0 0; margin-right: 2px;}
.ie6 #wishlist .pagination .gap,
.ie7 #wishlist .pagination .gap {padding-top: 10px;}
#wishlist .pagination .last {padding-top: 0;}
.ie6 #wishlist .pagination .last,
.ie7 #wishlist .pagination .last {padding-bottom: 3px;}
#wishlist .pagination .last em {font-size: 1.5em; line-height: 0.85em; padding-top: 1px;}
#wishlist .remove-from-basket {position: absolute; top: -2px; left: -2px; width:19px; height: 19px; background: url( ../asset/icon/cancel-wli.png) 0 -19px no-repeat !important; text-indent:-9999em; color: #ff0000; font-size: 0;border: none; line-height: 0;}
.ie6 #wishlist .remove-from-basket {position: absolute; top: -2px; left: -2px; width:19px; height: 20px; background: url( ../asset/icon/cancel-wli.gif) 0 -19px no-repeat !important; text-indent:-9999em; color: #ff0000; font-size: 0;border: none; line-height: 0;}
#wishlist .remove-from-basket:hover {background-position: 0 1px !important;}
#wishlist .remove-from-basket span {display: none;}

/*~	.ad	*/
#aside .ad { padding : .3em 0 ; text-align : center ; }

/*~	.gen-info	*/
#aside .gen-info { color : #cecabd ; padding : 0 1em 10px ; padding-bottom: 150px; }
#aside #contact.gen-info { padding-bottom:10px;}
#aside .gen-info h2 { padding-left:2px; color:#cecabd; }
#aside .gen-info h3 { color : #ecdeb3 ; font-size : 120% ; padding-left: 0; display: inline-block; margin-top: 10px;}
#aside #contact.gen-info h3 { margin-top:3px; }
#aside .gen-info h3 a { color : #fff; text-decoration: none; }
#aside .gen-info h3 a:hover { text-decoration: underline; }
#aside .gen-info p.adr span { display : block ; line-height: 1.5em; }
#aside .gen-info .contact-rule { border-bottom: 1px solid #787878; padding-bottom: 3px; margin-bottom: 9px;}
#aside .gen-info ul { float: left; margin-top: 10px; width: 50%; }
#aside .gen-info li { margin-bottom : 1px ; }
#aside .gen-info li a { background : url(../asset/images/components/checkout/bullet_plus.gif) left .5em no-repeat ; color : #cecabd ; display : block ; padding : 2px 0 1px 11px ; }

/*~	#verified-by	*/		
#verified-by {  background : url(../asset/images/components/checkout/bg_aside.gif) ; border-bottom : 1px solid #201f1f ; padding : 10px 0; text-align : center ; position: absolute; bottom: 0; width: 31em;}
#verified-by .cards-wrapper { background:url(../asset/images/components/checkout/i-card-legend.png) no-repeat 10px 0; height:101px; width:297px; }
#verified-by .cards-wrapper h4,
#verified-by .cards-wrapper ul { display:none; }
.ie #verified-by .cards-wrapper { background-position:5px 0; }
.ie6 #verified-by .cards-wrapper { background:url(../asset/images/components/checkout/i-card-legend.gif) no-repeat 5px 0; }

/* payment checkout */
.payment-panel { background-color: #4a4a4a; margin-bottom:1px; padding-top:8px; padding-bottom:5px; /*margin:0; border-bottom:1px solid #313431; padding:1px 0 8px;*/ }
.payment-panel2 { padding-top: 2px;}
h2.payment { background-color: #4a4a4a; padding-top: 10px; padding-bottom: 7px; margin: 0; border-bottom : 1px solid #868686; border-top : 1px solid #868686;}
.bi-payment { margin-top: 0; }
.a-payment { width: 30%; display: block; float: left;}
.b-paument { width: 70%;}

.checkout-payment .first { background: url(../asset/images/components/checkout/bg_payment-cont-first.gif) right top no-repeat; border-right:2px solid #fff; padding-right:60px; padding-bottom: 1px;}
.webkit .checkout-payment .first {padding-bottom: 0;}
.checkout-payment h2 { border-bottom:1px solid #c3c3c3; }
.checkout-payment .payment-container { float:left; width:31em; }
.checkout-payment .required-txt { border-top:1px solid #535353; border-bottom:0; float:left; margin-left:5px; }


.ie6 .checkout-payment { width:690px; }

.ie6 .cantusegiftcardOuter {width: 100%;}
.ie6 .checkout-payment .payment-container { width:31em; }
.ie6 .checkout-payment .first {width: 31em;}
.ie6 .checkout-payment .t-panel-main {width: 69em;}
.ie6 .checkout-payment .required-txt { margin-left:0; }

#checkout .checkout-payment .payment-container h2 { border-bottom:1px solid #535353; color:#535353; font-size:1.6em; font-weight:bold; padding:0; margin:20px 0 10px; }
#checkout .checkout-payment .payment-container h2 a { color : #19a2de ; float : right ; font-size : 80% ; }
.ie7 #checkout .checkout-payment .payment-container h2 a { margin-top : -1.0em ; }
.gecko3 #checkout .checkout-payment .payment-container h2 a { margin-top : -1.3em ; }
.gecko35 #checkout .checkout-payment .payment-container h2 a { margin-top : auto ; }

.checkout-payment .payment-container .save-det { background:#f0f0f0; border-top:1px solid #ddd; border-right:1px solid #fff; padding:10px 5px; margin-bottom: 0;}
.checkout-payment .payment-container .blank-panel { background:#f0f0f0; border: none; padding:13px 0 0 0; margin-bottom: 0.3em;}
.ie .checkout-payment .payment-container .blank-panel {padding: 14px 0 0 0}
.ie6 .checkout-payment .payment-container .blank-panel,
.ie7 .checkout-payment .payment-container .blank-panel {padding: 16px 0 0 0}
.webkit .checkout-payment .payment-container .blank-panel {padding: 14px 0 0 0}
.safari .checkout-payment .payment-container .blank-panel {padding: 18px 0 0 0}
.checkout-payment .amount strong { color:#11aa00;}
.checkout-payment .t-form-item .credit-sub-lb { display:inline-block; margin-top:3px;}

.ie7 .checkout-payment .payment-container .button,
.ie6 .checkout-payment .payment-container .button { padding-left : 3px ; padding-right : 3px; }
.checkout-payment textarea.lg, 
.checkout-payment .t-form-text.lg,
.checkout-payment .t-form-input-wrp select { width:13em; }
.checkout-payment .t-form-input-wrp select {margin-left: 0;}
.checkout-payment select.t-form-datemonth { width:4em; }
.checkout-payment select.t-form-year { width:5.5em; }		
.checkout-payment .t-form-item { background:#e9f8fd; background-image:none; margin-bottom:0.3em; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; min-height: 20px; }
.ie6 .checkout-payment .t-form-item {height: 22px;}
.ie7 .checkout-payment .t-form-item { min-height: 22px;}
.safari .checkout-payment .t-form-item { min-height: 22px;}
.checkout-payment .t-form-item-focus {background:#eee; }	
.checkout-payment .t-form-item-invalid { background:#f666ff; }	
.checkout-payment .t-form-item-full {width:60.6em;}
.ie6 .checkout-payment .t-form-item-full { width: 61.7em;}
.checkout-payment .t-form-item label.t-form-label-loose {width:19em;}
.checkout-payment .a-b { background:#fff; border:0; width:68em; }
.checkout-payment #t-panel-giftcard .t-panel-hdr {width: 67em;}
.ie6 .checkout-payment #t-panel-giftcard .t-panel-hdr {width: 68.5em;}
.checkout-payment .checkout-amount { position:absolute; right:1em; }
body .checkout-payment .credit-hdr, body .classic .checkout-payment .credit-hdr { position:relative; padding:1%; float: left; }
body .classic .layout { width: 100%;}
.ie6 body .classic .layout {width: 100.3%;}
.checkout-payment .credit-hdr-lb, #log-in-invert .credit-hdr-lb { color:#A3A3A3; font-size:1.4em; font-weight:bold; margin-left:0.5em; }
#t-panel-giftcard .credit-hdr-lb { margin-left : 1.6em ; }
.checkout-payment .cantusegiftcard {color:#f666ff; font-size:1.5em; font-weight:normal; line-height: 1.8em; margin-left:0.5em; margin-right: 0.5em; margin-top:10px; margin-bottom: 10px; text-align: center; }
.checkout-payment .credit-entered-lb { color:#5e5e5e; font-size:1.4em; font-weight:bold; }
#log-in-invert .credit-hdr-lb { margin-left:0em; text-align:left; }
.checkout-payment .credit-sub-lb { color:#2483ad; cursor : default ; margin-left:0.5em; text-decoration:none; font-style: normal; font-weight: normal; font-size: 1em; }
.checkout-payment .t-panel-hdr .checkout-total { width: 45%;}
.checkout-payment .t-panel-hdr .credit-hdr {width: 50%;}
.checkout-payment .checkout-total span { display:block; float:right; margin:0 5px 0 25px; }
.checkout-payment .checkout-total .first {margin-left:2em;}
.checkout-payment #t-panel-ewallet,
.checkout-payment #t-panel-giftcard {padding:4px;}
.checkout-payment #t-panel-ewallet .gr,
.checkout-payment #t-panel-giftcard .gr { width: 50%;}
.checkout-payment .curr-bal {font-size: 1.1em; color: #5F657B; display: block; float: left; }
.checkout-payment .curr-bal-right {color: #5F657B; display: block; float: right; }
.checkout-payment .curr-bal strong { font-size: 1.6em; font-weight: normal; }
.checkout-payment .curr-bal-right strong { font-size: 1.66em; font-weight: normal; color: #0caf00; }
.checkout-payment #t-panel-ewallet .t-panel-bd {padding: 0; }
.checkout-payment #t-panel-giftcard .t-panel-bd {padding: 0; }
.ie6 .checkout-payment #t-panel-ewallet .t-form-item-full { width:61.7em; }
.checkout-payment .mt5 {margin-top: 5px;}
.checkout-payment .asycn-border {border-top:1px solid #9f9f9f; border-bottom:1px solid #d9d9d9; }
.checkout-payment .white-line {border-top:none; border-bottom:1px solid #d9d9d9; background-color: #FFFFFF; margin-bottom: 0; padding-top: 1px; padding-bottom: 4px; }
.checkout-payment .entered-cards {border-top:none; border-bottom:1px solid #9f9f9f; background-color: #FFFFFF; margin-bottom: 0; padding-top: 1px; padding-bottom: 4px; }
.checkout-payment .p-top-5 {padding-top: 5px; }
.checkout-payment .p-top-7 {padding-top: 7px; }
.checkout-payment .p-bot-1 {padding-bottom: 1px; }
.checkout-payment .w-auto {width: auto; padding-right: 15px;}
.checkout-payment .r-15 {margin-right: 15px;}
.gecko .checkout-payment .low-b {padding-bottom: 0;}
.checkout-payment .odd {background-color: #e9f8fd;}
.checkout-payment .remove-gift-card {float: none; padding-bottom: 0; padding-top: 0; position: relative; top: -3px;}
.ie7 .checkout-payment .remove-gift-card {top: 0;}
.checkout-payment #GiftCardNumber { width:16em; }		
.checkout-payment #GiftCardPin { width:3em; }
.checkout-payment button .button,
#log-in-invert button .button { background-color : #003362 !important ; background-position : left -298px !important ;  border-color : #0f7092 !important ; padding:0 4px 3px; }
.checkout-payment .button span { font-size:1em; }
.checkout-payment .t-form-item-select {font-size: 120%; padding: 4px 5px 10px; border-bottom: 1px solid #b7d9fc; }
.checkout-payment .t-form-item-select label, 
.checkout-payment .t-form-item-select .t-form-input-wrp { display : block ; float : none ; width : auto ; font-size: 1em;}
.checkout-payment .t-form-item-select select { width: 93%;}
.checkout-payment .t-form-item-disabled { background : none !important}

/* log in existing */
.log-in-not {margin-left: 4px; float: left;}
.ie6 .log-in-not {margin-left: 2px;}
.log-in-not .notacustimer-box {width: 375px; height: 207px; background-color: #ffffff; border-left: 1px solid #9f9f9f; padding : 9px;}
.ie6 .log-in-not .notacustimer-box {height: 212px; margin-top: -11px;}
.log-in-not .notacustomer-top { width: 394px; height: 4px; background:transparent url(../asset/images/components/checkout/NotACustomerTop.gif) no-repeat scroll left top;}
.log-in-not .notacustomer-bottom { width: 394px; height: 4px; background:transparent url(../asset/images/components/checkout/NotACustomerBottom.gif) no-repeat scroll left top;}
.log-in-not .nudge1 {margin-left: 3px;}

.log-in-existing {margin-left: 11px; float: left;}
.ie6 .log-in-existing {margin-left: 7px;}
.log-in-existing .existing-customer-top { width: 299px; height: 4px; background:transparent url(../asset/images/components/checkout/ExistingCustomerTop.gif) no-repeat scroll left top;}
.log-in-existing .existing-customer-bottom { width: 299px; height: 4px; background:transparent url(../asset/images/components/checkout/ExistingCustomerBottom.gif) no-repeat scroll left top;}
.log-in-existing .existing-customer-box{width: 282px; height: 207px; background-color: #ffffff; border-left: 1px solid #9f9f9f; padding : 8px;}
.ie6 .log-in-existing .existing-customer-box{width: 278px; margin-top: -11px;}
.log-in-existing .link {text-align: left;}
.log-in-existing a {color: #009dff; text-decoration: none; font-size: 0.9em; font-weight: bold;}

#log-in-invert h1.fancy { background : url(../asset/images/components/checkout/checkout-login.gif) right top no-repeat ; border : 0 ; margin-bottom : .8em ; padding : 80px 282px 0 0 ; margin-top: 0; }
.ie6 #log-in-invert h1.fancy {padding-right: 280px;}
#log-in-invert p.t-form-item { font-size : 100% ; }
#log-in-invert  p { font-size : 120% ; padding-left : .5em ; padding-right : .5em ; }
#log-in-invert p.separator { border-color : #b6dbff ; }
#log-in-invert  p.t-form-item button { margin-top : -2px ; }
#log-in-invert .t-form-item label.t-form-label-hd { text-align:left; color: #6d6a6a; font-weight: bold;}
.ie #log-in-invert .t-form-item LABEL.t-form-label-hd { margin-bottom:2px; }
#log-in-invert h1.dandy { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../asset/images/components/checkout/checkout-login.gif) no-repeat scroll left top; border:0 none; margin-bottom:0.8em; padding:80px 282px 0 0;	margin-top: 0; }
#log-in-invert h1.dandy span { display:none; }
#log-in-invert.not { width:375px; }
.ie6 .not { width:375px!important; } 
#log-in-invert.existing { float:left; }
.ie6 .existing { float:right; }
#t-login .a { width:56% }
#t-login .b { width:44% }

/* Error Block */
#main .ct-body .t-error { color: #f5b6de; font-size: 1.2em;}
#main .ct-body .t-error ul {list-style-type:none; width: 100%; border-top: 1px solid #787878; padding-top: 5px; padding-bottom: 5px;} 
#main .ct-body .t-error ul li {padding: 0 0 0 15px; background: url(../asset/images/components/checkout/bullet_arrow.gif) no-repeat left 3px; margin-left: 10px;}

/* Confirm Order */
.confirm-order .ct-body h2 {clear: both; float: left;}
#summary h2 {float: none;}
.confirm-order .confirm-actions {float: right; padding: 0; margin: 9px 11px 0 0 ;}
.ie6 .confirm-order .confirm-actions {float: right; padding: 0; margin: 9px 4px 0 0 ;}
.ie .confirm-order .confirm-actions button {text-align: right; margin: 0; padding: 0; width: 11em;}
.confirm-order .confirm-actions .button {margin: 0; background-position: -50px -300px;}
.ie6 .confirm-order .confirm-actions .button,
.ie7 .confirm-order .confirm-actions .button {width: 130px;}
.confirm-order .confirm-sub-head {border-top: 1px solid #787878; padding-top: 10px;}
#checkout .confirm-sub-head h2 {color: #ecdeb3;}
#checkout .confirm-sub-head p {font-family: "Trebuchet MS",arial,sans-serif; color: #CECABD; padding: 2px 10px 5px 10px;}
#checkout .confirm-order .club-card-points {color: #2483ad; border-bottom: none;}
#checkout .club-card-pts { font-family: "Trebuchet MS",arial,sans-serif; color: #fff; font-size: 1.4em; text-align: right; border-bottom: 1px solid #535353; padding-bottom: 5px; padding-right: 12px; width: 97%;}

/* Logon Decision Popup */
#LogonDecisionPopup {color: #ffffff; border: 15px solid white; background: #212020 url(../asset/grid/popup-bk-blk.gif) repeat-x; text-align: left; position: relative; }
#LogonDecisionPopup .t-win-title { padding : 20px 20px 5px ; }
#LogonDecisionPopup h1 {font-weight: normal;}
#LogonDecisionPopup a.t-win-close {display: none;}
#LogonDecisionPopup .modal-pop-a {} 
#LogonDecisionPopup .t-win-hd {border-bottom: 1px solid #6e777b; margin-bottom: 10px;}
#LogonDecisionPopup .t-win-bd p {border-bottom: 1px solid #6e777b; padding-bottom: 10px;}
#LogonDecisionPopup .button-bar { text-align: center; border-bottom: 1px solid #6e777b; padding-bottom: 4px; margin-bottom: 6px;}
.gecko #LogonDecisionPopup .button-bar { padding-bottom: 2px;}
#LogonDecisionPopup .lower button {margin-bottom: 2px;}
#LogonDecisionPopup .lower {border-top: 1px solid #6e777b; padding-top: 6px; margin-top: 4px;}
#LogonDecisionPopup ul { height: 210px; overflow: auto;}
#LogonDecisionPopup li { background:transparent url(../asset/images/components/borders/border-dotted-808496.gif) repeat-x bottom; padding: 2px; padding-bottom: 6px; margin:0; margin-top: 4px; margin-bottom: 4px;}
#LogonDecisionPopup .border-dotted { float: left; width: 99%; background:transparent url(../asset/images/components/borders/border-dotted-808496.gif) repeat-x; padding: 2px; margin:0; margin-top: 4px; margin-bottom: 4px; }
.ie7 #LogonDecisionPopup .border-dotted {height: 1px;}
.ie6 #LogonDecisionPopup .border-dotted {height: 1px; font-size: 1px;}
.ie7 #LogonDecisionPopup button {margin-left: -10px; margin-right: -10px;}
.ie6 #LogonDecisionPopup .ldi_add,
.ie7 #LogonDecisionPopup .ldi_add {width: 108px;}
.ie6 #LogonDecisionPopup .ldi_move,
.ie7 #LogonDecisionPopup .ldi_move {width: 159px;}
.ie6 #LogonDecisionPopup .ldi_remove,
.ie7 #LogonDecisionPopup .ldi_remove {width: 103px;}

/* Review basket - empty */
#review-basket-empty { height:310px; }
#review-basket-empty .ch-shadded { background:transparent url(../asset/images/components/checkout/bg-myAcc-heading.gif) repeat scroll left top; margin:6% 0.4% 18% 1%; padding-top:1px; }
#review-basket-empty .rb-container { background:#FFFFFF none repeat scroll 0 0; margin:20px; width:62%; }
#review-basket-empty .rb-container .rb-details { padding:10px; font-size:1.2em; }
#review-basket-empty .rb-container .rb-link { color:#ff018e; font-weight:bold; }
#review-basket-empty .rb-heading { border-bottom:1px solid #535353; color:#535353; font-family:Trebuchet MS; font-size:1.7em; margin:1%; padding:0; width:97%; }
#review-basket-empty .rb-img { background:transparent url(../asset/images/components/checkout/empty-review-basket.png) no-repeat scroll left top; height:274px; position:absolute; right:38px; top:63px; width:194px; }
.ie6 #review-basket-empty .rb-img { background:transparent url(../asset/images/components/checkout/empty-review-basket.gif) no-repeat scroll left top; }

/* order completion panel */
#checkout #b .ma-order-complete .myaccount-heading { border-bottom:1px solid #535353; color:#535353; font-size:1.7em; padding:0; margin:10px 15px 0;}
#checkout #b .ma-order-complete { position:relative;}
#checkout #b .ma-order-complete .color-purple { margin:0; position:absolute; right:15px; top:-5px;}
#checkout #b .ma-order-complete .color-purple a { background-position: 0 -100px !important; padding-bottom: 2px; color: #ffffff;}
#checkout #b .ma-order-complete .color-purple a:hover { background-position: 0 0 !important; }
#checkout #b .ma-order-complete .success-txt { margin:5px 5px 20px;}
#checkout #b .ma-order-complete .options-wrapper { margin:15px;}
.ie6 #checkout #b .ma-order-complete .options-wrapper,
.ie7 #checkout #b .ma-order-complete .options-wrapper { width: 96%;}
#checkout #b .ma-order-complete .options-txt { float:left; padding:8px;}
#checkout #b .ma-order-complete .green-wrapper { background: #eff8db url(../asset/images/components/checkout/bg_order-complete.gif) repeat-x left bottom; border-top: 1px solid #ebeae8; font-size:1.2em; margin:10px 0;}
#checkout #b .ma-order-complete .blue-wrapper { background: #deebfc url(../asset/images/components/checkout/bg_order-complete.gif) repeat-x left bottom; border-top: 1px solid #e5e4e2; font-size:1.2em; margin:10px 0;}
#checkout #b .ma-order-complete .gray-wrapper { background: #ebeae8 url(../asset/images/components/checkout/bg_order-complete.gif) repeat-x left bottom; border-top: 1px solid #e5e4e2; font-size:1.2em; margin:10px 0;}
#checkout #b .ma-order-complete .green-wrapper button,
#checkout #b .ma-order-complete .gray-wrapper button,
#checkout #b .ma-order-complete .blue-wrapper button { float:right; font-size:1.1em; margin:5px;}
.ie6 #checkout #b .ma-order-complete .color-purple,
.ie7 #checkout #b .ma-order-complete .color-purple { margin:10px -20px 0 0;}     
.ie6 #checkout #b .ma-order-complete button,
.ie7 #checkout #b .ma-order-complete button { margin:10px 0px 5px 0;}
.ie6 #checkout #b .ma-order-complete .blue-wrapper button,
.ie7 #checkout #b .ma-order-complete .blue-wrapper button { margin-right:-15px;}

/* personal details */
#checkout .myaccount-da .required-txt { margin-top:0; margin-bottom:10px; padding-bottom:3px; border: none; width: 50%; float: left;}
#checkout .myaccount-da .required-txt.no-brd { border:0; color:#535353; margin:0 15px 5px; padding-bottom:3px; background: none; }
#checkout .required-big { background:#fff url(../asset/images/components/checkout/myaccount-icon-required.gif) no-repeat -2px 0; display:inline-block; height:12px; text-indent:-9999em; width:15px; }
#checkout .required { display:inline-block; height:9px; position:absolute; right:0; text-indent:-9999em; top:0; width:12px; }
#checkout .ma-pers-details .ma-shadded { margin:15px 15px 12px; text-align:center; }
#checkout .ma-pers-details .ma-det-form { float:left; margin: 0 0 0 80px; width:48%; background:#e8f8fd; border-left:4px solid #fff; border-right:4px solid #fff;  }
#checkout .ma-pers-details .ma-det-form div { border-bottom:2px solid #fff; text-align:left;}
#checkout .ma-pers-details .ma-det-form label { float:left; font-size:1.2em; margin:5px 0 5px 5px; position:relative; text-align:left; width:143px;}
#checkout .ma-pers-details .ma-det-form select { float:left; width:auto; }
#checkout .ma-pers-details .ma-det-form .t-form-text.lg { float:left; width:13em; }
#checkout .ma-pers-details .ma-det-form .t-form-text.sm { float:left; width:10em; }
#checkout .myaccount-da .btn-wrapper-inner {margin: left: 0; width: 56%; margin-bottom: 10px;}
.ie6 #checkout .myaccount-da .btn-wrapper-inner .button {width: 50px;}


#checkout .ma-pers-details .btn-wrapper { background-color:#ededed; border-top:2px solid #fff; padding:5px 10px;}
#checkout .ma-pers-details .btn-wrapper .color-blue { float:right; font-size:1.4em;}
#checkout .ma-det-form .t-form-item { background:#E8F8FD; border-bottom:1px solid #fff; border-top:1px solid #fff;}
#checkout .list-adrbook .ma-det-form .t-form-item { background:#E8F8FD; }
#checkout .ma-det-form .t-form-item-invalid { background:#f666ff!important; }	

#checkout li.mn-feed-item .ma-det-form .t-form-item-top { margin-bottom:1px; }
#checkout .ma-det-form .t-form-item-top input { margin-top:9px;}
#checkout .t-form-item-top label span { color:#0182e7; display:inline-block; font-style:italic; }
.ie #checkout .myaccount-da .button {padding-left: 3px; padding-right: 3px;}
#checkout .ma-det-form input.chk-box { border:0; float:left; margin:0 0 0 5px; width:auto; } 
#checkout .ma-det-form label.lb-chk-box { width:50%; }
#checkout .ma-det-form .save-det,
#checkout li.mn-feed-item .ma-det-form .save-det { background-color:#fff; border-top:1px solid #C3C9CC; }
#checkout .ma-adr-options { clear:both; margin:5px 15px 0px; padding-top:10px; text-align:left;}
#checkout .ie .ma-adr-options button { font-size:1.3em;  }
#checkout .ie8 .ma-adr-options button { margin:0; }

/* Delivery Address */
#checkout .myaccount-da .h-adrbook { border-bottom:1px solid #c3c3c3; color:#535353; display:block; font-size:1.7em; margin-bottom:10px; padding:10px 10px 5px; }
#checkout .myaccount-da .new-address { background : transparent ; border : 0 ; font-size:0.8em; color:#19a2de; margin-left: 31em; }
.ie8 #checkout .myaccount-da .new-address {margin-left: 32em;}
.ie7 #checkout .myaccount-da .new-address {margin-left: 25em; width: 140px;}
.ie6 #checkout .myaccount-da .new-address {margin-left: 25em; width: 140px;}
#checkout .myaccount-da a { color:#19a2de;}
#checkout .myaccount-da div.ma-det-form { font-size:90%; margin:10px 0 0 10px; width:57%; float: left; /*overflow:hidden; there is an issue, when you add new address and if use postcode lookup the postcode box is cut off */ } 
#checkout .myaccount-da .adr-btns-wrapper { float:right; margin-top:-28px;}
#checkout li.mn-feed-item { margin-left:10px; padding-left:5px; }
#checkout li.mn-feed-item:hover, 
#checkout li.mn-feed-item.active { background:transparent url(../asset/images/components/checkout/bg_address_active_lg.png) no-repeat right bottom; }
#checkout li.mn-feed-item-active,
#checkout li.mn-feed-item-active:hover { background:transparent url(../asset/images/components/checkout/bk-edit-address-active.png) no-repeat right bottom; }
.ie6 #checkout li.mn-feed-item {margin-bottom: 0; padding-bottom: 0;}
#checkout li.mn-feed-item p { width:99%; padding-bottom: 10px; padding-left: 0;}
#checkout li.mn-feed-item p span {display: block; font-size: 1.2em; font-weight: bold;}
#checkout li.mn-feed-item p.displaying-address,
#checkout li.mn-feed-item p.editing-address {line-height: 1.5em;}
#checkout li.mn-feed-item p.displaying-address { padding-right:150px; width:76%; }
#checkout li.mn-feed-item .edit-address-header p.editing-address {background: none;}
#checkout li.mn-feed-item .ma-det-form p { width:auto; margin-left: 0; padding: 4px 5px 3px; background: none;}
#checkout li.mn-feed-item .ma-det-form p.t-form-errormsg { background:#fff; clear : both ; color : #f666ff ; display : block ; padding:5px; font-size: 1.1em; }

#checkout li.mn-feed-item .edit-address-header { margin-top: 10px;}
#checkout li.mn-feed-item .edit-address-header p {width: 40%; background: none; float: left;}
#checkout li.mn-feed-item .edit-address-header p.editing-address { line-height:1.5; margin-top: 10px; height: 24px; padding-left: 0; overflow:hidden; }
#checkout li.mn-feed-item .edit-address-header p.editing-address span { padding-bottom:5px;}
#checkout li.mn-feed-item .edit-address-header .eah-edit {font-size: 1.8em; font-weight: normal; color: #69625F; line-height: 1em; margin-top: 6px;}
#checkout li.mn-feed-item .edit-address-header .eah-ba {font-size: 1.8em; font-weight: normal; color: #1282b7; line-height: 1em;}
#checkout .edit-address-body {background:transparent url(../asset/images/components/checkout/edit-address-body.gif) repeat-x left top; margin-top:1px;}
.ie6 #checkout .edit-address-body {margin-top: -3px;}
#checkout .edit-address-body .ma-det-form .t-form-item { background: none; background-color: #e8f8fe; border: none; font-size: 1.1em; margin-bottom: 2px;}
#checkout .edit-address-body .ma-det-form .t-form-item-top {background: none; border-bottom:1px solid #e2e5e7;}
#checkout .edit-address-body .ma-det-form .t-form-item span {font-weight: normal; font-size: 0.9em;}
#checkout .edit-address-body .ma-det-form .t-form-item span.required {display: none;}
#checkout .edit-address-body .ma-det-form .t-form-item span.add1-req, 
#checkout .edit-address-body .ma-det-form .t-form-item span.town-req,
#checkout .edit-address-body .ma-det-form .t-form-item span.postcode-req {display: block; top: 5px; left: 113px;}
#checkout .edit-address-body .ma-det-form .t-form-item a {font-weight: normal; font-size: 1.2em; background-position: -50px -300px; padding:2px;}
#checkout .edit-address-body .ma-det-form .t-form-text {width: 20em; font-size: 1.1em;}
.ie #checkout .edit-address-body .ma-det-form .t-form-text {width: 19em;}
#checkout .edit-address-body .ma-det-form #PostCode {width: 5em; }

#checkout .edit-address-body .ma-det-form .xsm {width: 5em!important; }
#checkout .edit-address-body .ma-det-form .t-postcode {height: 24px; background: transparent url(../asset/images/components/checkout/bk-edit-address-postcode.gif) repeat-x left top; border: none; padding-top: 8px;}
#checkout .edit-address-body .ma-det-form .save-det span input {float: right; }
#checkout .edit-address-body .ma-det-form .save-det span {width: 96%;}
#checkout .edit-address-body .ma-det-form .save-det {background: none; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding-top: 8px; padding-bottom: 5px;}
#checkout .edit-address-body .edit-address-icon {width: 164px; height: 203px; background: transparent url(../asset/images/components/icons/icon-edit-address.png) no-repeat center center; float: right; margin-top: 20px; margin-right: 56px;} 
#checkout .myaccount-da .options-wrapper { float:left; margin:10px;}
.ie #checkout .myaccount-da .adr-btns-wrapper .all-items { width : 80px; }
.ie #checkout .myaccount-da .adr-btns-wrapper .edit-address {width: 50px;}
.ie #checkout .myaccount-da .btn-wrapper-inner .cancel-address {width: 130px;}
.ie6 #checkout .edit-address-body .edit-address-icon { margin-right:3px;}
.ie6 #checkout .myaccount-da input.button,
.ie7 #checkout .myaccount-da input.button { padding-bottom: 0;}
.ie7 #checkout .ma-pers-details .ma-det-form input.chk-box { border:0; }
.ie6 #checkout .t-delivery-options #t-save-address,
.ie7 #checkout .t-delivery-options #t-save-address {width: 210px; margin: 0; padding: 0; margin-left: -15px;}
.congrats-continue {float: right; margin-right: 15px; position: relative; top: -24px; padding-top: 3px; padding-bottom: 3px; padding-left: 3px;}
.ie6 .congrats-continue {margin-right: 7px; padding-left: 3px;}
.ie7 .congrats-continue {padding: 3px 18px 3px 3px;}
.webkit .congrats-continue {padding: 2px 18px 3px 2px;}
.congrats-continue a {text-decoration: none;}
.congrats-continue a:hover {text-decoration: none;}
.congrats-continue a:visited { color : #FFF ; text-decoration: none; }
#checkout .ma-adr-options .btn-tla {float: right; margin-right:4px; }
#checkout .congrat-basket-item {border-bottom:1px solid #868686; border-top:1px solid #868686} 
#checkout .t-form-item label {font-family: Arial, sans-serif }
#checkout .line-action {float: right; margin-right: -5px;}
#checkout .tb-loading { background-image : url(../asset/activity_indicator_candy.gif) ; background-position : right top; background-repeat : no-repeat ; }
.ie #checkout .tb-loading { background-position-y : .2em ; }

#checkout .myaccount-da div.ma-det-form.ma-single-address { font-size:100%; }
#checkout .myaccount-da div.ma-det-form.ma-single-address .t-form-item .button span { font-weight:bold; }

/* global setting for nav and background - check out specific */
.global .checkoutheadercont { background:transparent; }
.ie .xmas .xmas-header { top:-26px; }


.ie .xmas .xmas-header { top:21px; }

.xmas .navsnow {
    background:url("../asset/images/components/mainnav/xmas-nav-snow-wide.png") no-repeat scroll left top transparent;
    height:37px;
    left:-39px;
    position:absolute;
    top:-3px;
    width:1078px;
    z-index:100;
}
.ie .xmas .navsnow { left:-35px; }

.ie #search { top: 10px}



.global #voucher-tab-container .voucher-pos { right:-27px; }

