/* BREADCRUMB */
.checkout-breadcrumb
{
	margin-top:1px;
	list-style:none;
	display: block;
	width:750px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	background:url(/images/design/breadcrumb-checkout-first-separator.png) no-repeat top left;
	padding-left:4px;
}

.checkout-breadcrumb li
{
	display:block;
	height:50px;
	list-style:none;
	float:left;	
	padding:0px;
	background:url(/images/design/breadcrumb-checkout-bg.png) repeat-x top left;
}

.checkout-breadcrumb li.step-sign-in,
.checkout-breadcrumb li.step-address-detail,
.checkout-breadcrumb li.step-address-detail,
.checkout-breadcrumb li.step-postage,
.checkout-breadcrumb li.step-payment,
.checkout-breadcrumb li.step-confirmation
{
	width:150px;
}

.checkout-breadcrumb li.current, .checkout-breadcrumb li.on
{
	background:url(/images/design/breadcrumb-checkout-selected-bg.png) repeat-x top left;
}

.checkout-breadcrumb li span
{
	display:block;
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	background:url(/images/design/breadcrumb-checkout-separator.png) no-repeat top right;
}

.checkout-breadcrumb li.on span
{
	background:url(/images/design/breadcrumb-checkout-selected-separator.png) no-repeat top right;	
}

.checkout-breadcrumb li.current span
{
	background:url(/images/design/breadcrumb-checkout-current-separator.png) no-repeat top right;
}

.checkout-breadcrumb li.last span
{
	background:url(/images/design/breadcrumb-checkout-last-separator.png) no-repeat top right;
}

.checkout-breadcrumb li.last-current span
{
	background:url(/images/design/breadcrumb-checkout-last-current-separator.png) no-repeat top right;
}

.checkout-breadcrumb li a, .checkout-breadcrumb li span span
{
	display:block;
	margin:0;
	padding:0;
	line-height:80px;
	font-size:1.2em;	
	color:#666666;
	height:100%;
	width:100%;
}

.checkout-breadcrumb li a
{
	text-decoration:none;
	cursor:pointer;	
}

.checkout-breadcrumb li.current a, .checkout-breadcrumb li a:hover
{
	color:#0A529A;
}

.checkout-breadcrumb li.step-sign-in a, .checkout-breadcrumb li.step-sign-in span span
{
	padding-left:45px;
	background:url(/images/design/breadcrumb-checkout-sign-in.png) no-repeat 58px 5px;	
}

.checkout-breadcrumb li.step-sign-in a:hover, .checkout-breadcrumb li.step-sign-in a.current
{
	background:url(/images/design/breadcrumb-checkout-current-sign-in.png) no-repeat 58px 5px;	
}

.checkout-breadcrumb li.step-address-detail a, .checkout-breadcrumb li.step-address-detail span span
{
	padding-left:25px;
	background:url(/images/design/breadcrumb-checkout-address.png) no-repeat 50px 5px;	
}

.checkout-breadcrumb li.step-address-detail a:hover, .checkout-breadcrumb li.step-address-detail a.current
{
	background:url(/images/design/breadcrumb-checkout-current-address.png) no-repeat 50px 5px;	
}

.checkout-breadcrumb li.step-postage a, .checkout-breadcrumb li.step-postage span span
{
	padding-left:40px;
	background:url(/images/design/breadcrumb-checkout-postage.png) no-repeat 50px 8px;	
}

.checkout-breadcrumb li.step-postage a:hover, .checkout-breadcrumb li.step-postage a.current
{
	background:url(/images/design/breadcrumb-checkout-current-postage.png) no-repeat 50px 8px;	
}

.checkout-breadcrumb li.step-payment a, .checkout-breadcrumb li.step-payment span span
{
	padding-left:35px;
	background:url(/images/design/breadcrumb-checkout-payment.png) no-repeat 48px 5px;	
}

.checkout-breadcrumb li.step-payment a:hover, .checkout-breadcrumb li.step-payment a.current
{
	background:url(/images/design/breadcrumb-checkout-current-payment.png) no-repeat 48px 5px;	
}

.checkout-breadcrumb li.step-confirmation a, .checkout-breadcrumb li.step-confirmation span span
{
	padding-left:35px;
	background:url(/images/design/breadcrumb-checkout-confirmation.png) no-repeat 60px 5px;	
}

.checkout-breadcrumb li.step-confirmation a:hover, .checkout-breadcrumb li.step-confirmation a.current
{
	background:url(/images/design/breadcrumb-checkout-current-confirmation.png) no-repeat 60px 5px;	
}

/* Help bubble */
.help-bubble
{
	float:right;
	width:421px;
}

.help-bubble-short
{
	width:90px;
	margin-top:10px;
	margin-right:40px;
}

.help-bubble-header
{
	background:url(/Images/Design/bubble-hdr.gif) no-repeat top left;	
	width:100%;
	height:5px;	
}

.help-bubble-content
{
	width:100%;
	min-height:	50px;
	background:#ffffff;
}

.help-bubble-short .help-bubble-header
{
	background:url(/Images/Design/bubble-hdr-short.gif) no-repeat top left;	
}

.help-bubble-short .help-bubble-content
{
	height:	70px;
}

.checkout-box .help-bubble .innertube
{
	padding:5px 10px;
}

.checkout-box .help-bubble .secure iframe
{
	margin-left:10px;
	float:right;
}

.help-bubble .innertube p
{
	font-size:1.2em;
	color:#333333;
}

.help-bubble .innertube h5
{
	font-size:1.2em;
	color:#333333;
	font-weight:bold;
}


.help-bubble-footer
{
	background:url(/Images/Design/bubble-ftr.gif) no-repeat top left;
	width:100%;
	height:5px;	
}


.help-bubble-short .help-bubble-footer
{
	background:url(/Images/Design/bubble-ftr-short.gif) no-repeat top left;
}
/* -- Login -- */
#newCustomer, #existingCustomer
{
	width:48%;
	min-width:284px;
	height:255px;
}

#newCustomer
{
	float:left;
}

#existingCustomer
{
	float:right;
	margin-left:3px;
}

#newCustomer input.sign-up
{
	margin-left:35px;
}

#newCustomer h1, #existingCustomer h1
{
	padding:5px 0px 5px 70px;
}

#newCustomer h1
{
	padding-left:60px;
}

#newCustomer .innertube p
{
	font-weight:bold;
	font-size:1.3em;
}
#existingCustomer .innertube p,
#existingCustomer .innertube label
{
	margin-bottom:5px;
	font-size:1.2em;
}

#newCustomer h1
{
	background:#0A529A url(/Images/Design/login-new-customer.gif) no-repeat 35px 2px;
}

#existingCustomer h1
{
	background:#0A529A url(/Images/Design/login-existing-customers.gif) no-repeat 35px 1px;
}

#newCustomer .innertube,
#existingCustomer .innertube
{
	padding:15px 20px 5px 35px;
}

.loginRow
{
	margin:0.5em 0 0.5em 0;
}

#existingCustomer p
{
	margin-bottom:0.5em;
}

#existingCustomer label
{	
	display:block;
	width:8em;
	text-align:left;
}

#existingCustomer input
{
	width:16em;
}

#existingCustomer input.login-btn
{
	width:114px;
}

.forgotten-password
{
	display:block;
	font-size:1.1em;
	margin-top:4px;
}
/* CHECKOUT */
.checkout-box
{
	width:100%;
	background:#f7f8f3;
	border-bottom:2px solid #0A529A;
	margin-top:15px;
}

.checkout-box .innertube
{
	padding:15px 40px 5px 40px;	
}

.checkout-box .bottomtube
{
	padding:10px 0px 5px 0px;	
	margin-left:40px;
	margin-right:40px;
	border-top:1px dotted #cccccc;
}

.checkout-box .newtube
{
	padding:5px 0px 5px 0px;	
	margin-left:40px;
	margin-right:40px;
	border-top:1px dotted #cccccc;
}

.checkout-box h1
{
	margin:0px;
	background:#0A529A;
	font-size:1.6em;
	padding:5px 0px 5px 40px;	
	color:#fff;
	font-weight:bold;
}


.checkout-box .newtube h1
{
	background:none;
	color:#000000;
	margin:0px;
	padding:5px 0px;
}

.checkout-box h2
{
	color:#000000;
	font-size:1.2em;
	font-weight:bold;	
}

.checkout-box p, .checkout-box input, .checkout-box label, .checkout-box select
{
	font-size:1.2em;
}

.checkout-box p.txt-small
{
	font-size:1.0em;
}

.checkout-box .innertube input:focus, .checkout-box .innertube input.focus
{
	background-color:#FFFE9D;
}

.btn-continue
{
	float:right;	
}

/* Choose addresses */
.checkout-box h1.your-details
{
	padding:5px 0px 5px 70px;
	background:#0A529A url(/Images/Design/your-details-header-icon.gif) no-repeat 40px 2px;
	
}


.billingAddress
{
	margin-top:10px;
	float:left;	
	width:48%;
	min-width:250px;
}

.billingAddress td, .deliveryAddress td, .personal-details td
{
	height:20px;
	line-height:25px;
}

.billingAddress input, .deliveryAddress input, .deliveryAddress select, .billingAddress select, .personal-details input, .personal-details select
{
	width:200px;	
}

.deliveryAddress
{
	margin-top:10px;
	width:48%;
    float:left;
}

.deliveryAddress .rbtn input{margin-right:3px;width:20px;}

.deliveryAddress .chkAddress input{margin-right:3px;width:20px;}
.deliveryAddress .rbtn{margin-bottom:5px;display:block;}

.deliveryAddress .pick,
.deliveryAddress .create-delivery,
.deliveryAddress .same-as-billing{color:#333333;margin-top:10px;}

.deliveryAddress .existing-rbtn{margin-top:3px;float:left;}

.deliveryAddress .existing-rbtn input{width:20px;margin-right:3px;}
.deliveryAddress .rbtn-lbl{float:left;}

.checkout-box p.required-fields
{
	font-size:1.0em;
}

.personal-details
{
	margin:0em 0 1em 0;
	width:30%;
	float:left;
}

.personal-details td
{
	padding-right:0.4em;
}

.chkDpaConsent
{
	display:block;
	clear:both;
	margin-bottom:5px;
}

.chkDpaConsent input
{
	margin-right:3px;
}

.deliveryAddress .chkAddress input, .deliveryAddress .chkAddress input:focus
{
	background-color:#fff;
}

/* REGISTER */
.note
{
	margin:1em 0 1em 0;
	padding:10px;
	border-top:1px solid #FF9933;
	border-bottom:1px solid #FF9933;
	background-color:#FFCC66;
	font-size:1.2em;
}

.registerFrm
{
	margin:0em 0 1em 0;
}

.registerFrm table
{
	width:550px;
}

.registerFrm td
{
	padding-top:0.1em;
	padding-right:0.3em;
}

.registerFrm td.title
{
	width:5em;
}

.registerFrm td.firstname
{
	width:12em;
}

.registerFrm td.telno
{
	width:12em;
}

.registerFrm td.nolabel
{
	padding-top:0.5em;
}

.registerFrm hr
{
	border:1px solid #2f699b;
}

.registerFrm h1
{
	margin-top:1em;
}

.registerFrm h1 span.h1help
{
	font-weight:normal;
	font-size:0.7em;
}


/* BASKET */


/*-- View cart ----------------------------------------------------------------------------------------------*/
table.viewCart
{
	font-size:1.2em;	
	width:100%;
	margin-top:10px;
}

table.viewCart th
{
	text-align:left;
	color: #000000;
	background-color:#efefef;
	font-weight:bold;
	padding:5px 0 5px 0;
}

table.viewCart tr
{
	vertical-align:middle;
	border:1px solid #efefef;
}

table.viewCart th.price-column, table.viewCart td.price-column
{
	text-align:left;
	padding-right:20px;
}

.table.viewCart tr td
{

}

table.viewCart img.cartImage
{
	vertical-align:middle;
	margin:5px 5px 5px 40px;
	height:104px;
	width:91px;
	border:1px solid #CECECE!important; /*-- To overcome inline style --*/
}

table.viewCart.ItemTemplate ddlQuantity
{
	padding-left: 10;
}

table.viewCart tr.suggestions{border-bottom:none;border-top:none;}

table.viewCart tr.suggestions table{margin:0px 5px 5px 5px;background-color:#EFEFEF;border:none;width:99%;}
table.viewCart tr.suggestions table tr{border:none;}
table.viewCart tr.suggestions table td{border:none;padding:5px;}
table.viewCart tr.suggestions table td.suggested-image{width:90px;}
table.viewCart tr.suggestions table tr.title h2{margin-left:35px;}
table.viewCart tr.suggestions table td.suggested-image img{margin-left:35px;}
table.viewCart tr.suggestions table td.suggested-name{width:150px;}
table.viewCart tr.suggestions table td.suggested-qty{width:40px;}
table.viewCart tr.suggestions table td.suggested-option{width:200px;}
table.viewCart tr.suggestions table td.suggested-price{width:40px;}
table.viewCart tr.suggestions table td.suggested-addToCart{width:80px;}

/*-- Further details -- */
.checkout-box h1.delivery-options
{
	padding:5px 0px 5px 70px;
	background:#0A529A url(/Images/Design/delivery-options-header-icon.gif) no-repeat 40px 6px;	
}
.chkDesiredDate
{
	font-weight:bold;
	margin-bottom:5px;
}

.chkDesiredDate input
{
	margin-right:15px;
}

.desired-date
{
	height:90px;
}

.postage-image
{
	float:left;
	display:block;
	height:50px;
	width:230px;	
	margin-bottom:10px;	
}

.postageBox
{
	float:left;
	height:50px;
	width:335px;
	margin-right:5px;
	margin-bottom:10px;
	background-color:#EFEFEF;
	clear:left;
}

.recommended-box
{
	border:1px solid #00FE00;
}

.postageBox .innertube
{
	padding:10px 5px 10px 10px;
}

.checkout-box .postageBox .innertube label span.postage-label
{
	display:block;
	float:left;
	width:85%;
}

.checkout-box .postageBox .innertube label span.postage-price
{
	display:block;
	float:right;
	text-align:right;
	font-size: 1.4em;
	font-weight:bold;
}

.checkout-box .postageBox .innertube input
{
	margin:5px 4px 4px;
}

.checkout-box .postageBox .innertube label, .checkout-box .postageBox .innertube input
{
	float:left;
}

.checkout-box .postageBox .innertube label
{
	width:90%;
}

.postageBox .innertube span.postage-desc
{
	font-size:1.1em;
}

.btn-discount
{
	float:left;
	margin-right:4px;
}

p.discount-desc
{
	clear:both;
	margin-top:10px;
	font-weight:bold;
}


/*-- Summary -- */
.checkout-box .summary-box h1
{
	background:none;
	color:#000000;
	margin-left:40px;
	margin-right:40px;
	padding:10px 0px;
	border-top:1px dotted #cccccc;
}
.summary-box h4, .summary-box td{font-size:1.2em;}
.summary-box, .summary-box h4{color:#000000;}
.summary-box .addressBox{float:left;}
.summary-box h4
{
	font-weight:bold;
	background:#efefef;
	padding-top:5px;
	padding-bottom:5px;
}

.summary-box .addressBox h4
{
	padding-left:40px;
}

.summary-box .orderBox h4
{
	text-align:left;
	padding-right:40px;
	padding-left:10px;
}

.summary-box .orderBox
{
	float:left;
	width:52%;
}

.summary-box .orderBox .innertube
{
	padding-left:10px;	
}
.summary-box .billing-summary{width:24%;}
.summary-box .delivery-summary{width:24%;}
.summary-box .addressBox tr{height:18px;}

.summary-box #order-summary{width:100%;text-align:right;}
.summary-box #order-summary tr{}
.summary-box #order-summary tr.product td{height:20px;}
.summary-box #order-summary td{height:30px;vertical-align:middle;}
.summary-box #order-summary td.item{text-align:left;}
.summary-box #order-summary .price{padding-left:10px;font-size:1.2em;}
.summary-box #order-summary .subtotal{border-bottom:1px dotted #cccccc;}
.summary-box #order-summary tr.total{font-size:1.6em;font-weight:bold;border-top:1px dotted #cccccc;}

/* PAYMENT */
.payment-box td
{
	height:20px;
	line-height:20px;
}

.payment-box{position:relative;}
.payment-box-static {height:650px;}
.payment-box .drop-card{}
.payment-box .card-icons{width:400px;margin-top:5px;}
.payment-box .card-icons img{margin-top:3px;}
.payment-box input.cardholder{width:260px;}
.payment-box input.cardnumber{width:200px;}
.payment-box input.cv2{width:45px;}
.payment-box input.issuenumber{width:50px;}
.payment-box input.padlocked{background:#ffffff url(/Images/Design/iconpadlock.gif) no-repeat top left;padding-left:15px;}
.payment-box p.txt-small{margin-top:2px;}
.payment-box .veryshort{width:60px;}
.payment-box .verylong{width:90%;}
.payment-box table td.issueNumber, .payment-box table td.startDate{vertical-align:bottom;}
.payment-box table td.cardType, .payment-box table td.expiryDate{vertical-align:middle;}
.payment-box .summary-box h1
{
	border:none;
}
.payment-box .help-bubble
{
	position:absolute;
	width:230px;
	bottom:55px;
	right:40px;
}

.payment-box .help-bubble img.verified
{
	margin-top:10px;
}

.payment-box .help-bubble iframe
{
	position:absolute;
	top:30px;
	right:10px;	
}

.payment-box .help-bubble img
{
	margin-bottom:10px;
}

.payment-box .bottomtube
{
	margin-top:10px;	
}

.payment-box .btn-continue
{
	float:left;	
}
.btn-middle
{
	margin-left:200px;
	width:150px;
}


.failed-summary li
{
	display:block;
	line-height:20px;
	color:#000000;
}

/* Masquerade */

.customer-grid
{
	margin-left:1px;
	margin-top:1em;
	font-size:1.0em;
	vertical-align:top;
	width:100%;
}

.customer-grid td, .customer-grid th
{
	border:1px solid #CECECE;	
}

.customer-grid td.text
{
	width:300px;
}

.customer-grid .topRow
{
	border-bottom:1px solid #EFEFEF;
}

.customer-grid tr td, .customer-grid tr th
{
	padding:5px;
}