/**
* @author    SW - Javelin Group
* @version   1.0
* @media     screen
*
* @info      Checkout pages and specific components   
*
* @contents
* =1: Checkout progress bar
* =2: Delivery details
* =3: Shipping methods
* =4: Saved addresses
* =5: Billing address
* =6: Payment methods
* =7: Order summary/confirmation 
*/
.pt_checkout #main,
.pt_orderconfirmation #main {
	width: 725px; 
	padding-top: 10px;
	margin: 0;
	float: left;
}
.pt_orderconfirmation #main { width: 985px; } 
.pt_checkout #rightcolumn,
.pt_orderconfirmation #rightcolumn { width: 250px; }
.pt_checkoutwide #main { width: 985px; }

/**
* =x: Checkout header icons
*/
.checkoutheaderinfo {
	float: right;
	text-align: right;
}
.checkoutheaderinfo .tel {
	display: block;
	font-weight: bold;
	font-size: 1.5em;
}
			

/**
* =1: Checkout progress bar
*/
#checkoutprogressbar { 
	color: #ccc;
	font-size: 1em;
	list-style-type: none;
	width: 935px;
	min-height: 32px;
	height: auto !important; /*IE6 min height hack*/
	height: 32px; /*16px*/
	margin-bottom: 30px;
	padding: 1px 0 1px 50px;
	float: left;
}
#checkoutprogressbar li { 
	float: left; 
	list-style-type: none; 
	width: 175px; /*185*/
	padding-right: 10px; 
	font-size: 1.1em;
	text-transform: lowercase;
}
#checkoutprogressbar p { 
	padding: 6px 0 0; 
	height: 26px;
}
#checkoutprogressbar p .content,
#checkoutprogressbar a { padding-left: 25px; }
#checkoutprogressbar p.current .content { padding-left: 0; }
#checkoutprogressbar .step1 p, #checkoutprogressbar .step2 p, 
#checkoutprogressbar .step3 p, #checkoutprogressbar .step4 p,
#checkoutprogressbar .step5 p { 
	background: url(../images/icons/icon-checkout-progressbar.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#checkoutprogressbar p.current { padding-left: 60px; }

#checkoutprogressbar .step1 p { background-position: 0 3px; }
#checkoutprogressbar .step1 p.current { background-position: 10px -54px; }
#checkoutprogressbar .step1 p.previous, #checkoutprogressbar .step1 p.completed { background-position: 0 -21px; }

#checkoutprogressbar .step2 p { background-position: 0 -88px; }
#checkoutprogressbar .step2 p.current { background-position: 10px -149px; }
#checkoutprogressbar .step2 p.previous, #checkoutprogressbar .step2 p.completed { background-position: 0 -116px; }

#checkoutprogressbar .step3 p { background-position: 0 -183px; }
#checkoutprogressbar .step3 p.current { background-position: 10px -244px; }
#checkoutprogressbar .step3 p.previous, #checkoutprogressbar .step3 p.completed { background-position: 0 -211px; }

#checkoutprogressbar .step4 p { background-position: 0 -278px; }
#checkoutprogressbar .step4 p.current { background-position: 10px -339px; }
#checkoutprogressbar .step4 p.previous, #checkoutprogressbar .step4 p.completed { background-position: 0 -306px; }

#checkoutprogressbar .step5 p { background-position: 0 -373px; }
#checkoutprogressbar .step5 p.current { background-position: 10px -434px; }
#checkoutprogressbar .step5 p.previous, #checkoutprogressbar .step5 p.completed { background-position: 0 -401px; }

/**
* =x: Checkout footer
*/
.pt_checkout .footer {
	width: 985px; 
	clear: both; 
	padding-top: 20px;
	color: #666; 
	font-size: 0.9em;
}
.pt_checkout .footer p {
	text-align: center; 
	border-top: 1px solid #ddd; 
	padding-top: 10px; 
}	

/**
* =x: Checkout forms
*/
.pt_checkout fieldset { width: auto; }
.pt_checkout fieldset.fieldsetBorder {
	background: none;
	padding-top: 0;
}
.pt_checkout form fieldset div {
	border: 0;
	padding-top: 0;
	width: auto;	
}
.pt_checkout form div.fieldsetBtm { 
	background: none;
	padding: 0;
}
.pt_checkout form p, .pt_checkout form li { padding: 0 0 7px; }
.pt_checkout form .optionlabel { float: none; }
.pt_checkout form .chkoutpanelwide .caption {
	margin-left: 10px;
	display: block;
	float: right;
	width: 300px;
	padding-top: 5px;
}
.pt_checkout .chkoutpanelwide .requiredcaption {
	position: absolute;
	top: 8px;
	right: 20px;
	padding: 0;
	width: auto;
}
.pt_checkout .panelactionbutton {
	position: absolute;
	width: auto;
	padding: 0;
	top: 8px;
	right: 20px;
	overflow: visible;
}
.pt_checkout input.panelactionbutton { top: 5px; }
.pt_checkout .actionsblock input.panelactionbutton { top: 15px; }
.pt_checkout .panelactionbutton a { text-decoration: underline; }
.pt_checkout .fieldsetprompt { 	width: 100%; }
.pt_checkout .formfooter {
	margin: 10px 0 0;
	padding: 5px 0 0 10px;
	width: auto;	
}
.pt_checkout form .submitButtons {
	background: none;
	padding: 0 !important;	
}
.pt_checkout form .panelactionbuttons {
	width: 683px;
	float: left;
	padding-top: 10px;
}
.pt_checkout .backtoaction { float: left; }
.pt_checkout .headingcontainer { position: relative; } /*use with required caption and action buttons above*/
.pt_checkout h1.heading { 
	border-bottom: 0;
	padding: 3px 0 20px 0;
	margin-bottom: 0;
}
.pt_checkout h2.subheading { 
	padding: 5px 0 20px 0;
}
.pt_checkout .errormessage { 
	margin-left: 140px;
	padding-bottom: 0;
}
.pt_checkout td.cardCode .errormessage {
	margin-left: 0;
	padding-bottom: 7px;	
}


/**
* =x: Checkout panels
*
* @info: checkout panel graphics used in DC page are named the same, minus 'default'. 
*/
.pt_checkout .chkoutpanel {
	float: left;
	background: url(../images/backgrounds/bg-cnrs-checkout-x725-top-default.png) no-repeat;
	margin-bottom: 10px;
}
.pt_checkout .chkoutpanel .btm {
	float: left;
	padding-bottom: 10px;
	background: url(../images/backgrounds/bg-cnrs-checkout-x725-btm-default.png) bottom left no-repeat;
}
.pt_checkout .chkoutpanel .content {
	float: left;
	width: 703px;
	padding: 0 0 0 20px;
	border: 1px solid #ddd;
	border-width: 0 1px 0;	
}
.pt_checkout .chkoutpanelwide p { width: 703px; }


/*Full width panel (sign in page)*/
.pt_checkoutwide .chkoutpanel { background-image: url(../images/backgrounds/bg-cnrs-checkout-x985-top.png); }
.pt_checkoutwide .chkoutpanel .btm { background-image: url(../images/backgrounds/bg-cnrs-checkout-x985-btm.png); }
.pt_checkoutwide .chkoutpanel .content { width: 963px; }

.pt_orderconfirmation .nonprintview .chkoutpanel {
	overflow: hidden;
	border: 1px solid #ddd;
	width: 983px;
	margin-bottom: 20px;
	clear: left;
}

/**
* =x: Specific panels
*/

/**
* =x: Login panel
*/
#signinpanel .formleft { 
	width: 451px;
	padding-right: 20px;
	padding-left: 0;
	border-right: 1px solid #ddd;
}
#signinpanel .formright {
	width: 451px;
	padding: 0 20px 0 20px;	
}
#signinpanel .requiredcaption { width: 390px; }
#signinpanel .note, #signinpanel .forgotpassword {
	display: block;
	padding: 5px 0 0 142px;
}
#signinpanel .submitButtons { 
	padding-top: 10px !important;
	width: 451px;
	clear: both;	
}
#signinpanel .formleft .formfooter { width: 441px; }
#signinpanel .benefits ul { margin-bottom: 0; }

#signinpanel .formleft { clear: left; }


/**
* =x: Registration panel
*/
.pt_checkout #registerpanel .caption {
	width: auto;
	display: inline;
	margin-left: 0;
}
#registerpanel .formfooter {
	margin-top: 10px;
	padding: 5px 0 0 10px;
	width: 673px;
}
#registerpanel .formfooter li,
#registerpanel .formfooter li span { width: 683px; }
#registerpanel .tertiarybutton { margin-top: 10px; }


/**
* =x: Register panel
*/
#registerpanel form .checkboxInput label { width: 90%; }
#registerpanel .submitButtons { width: 683px; }
#registerpanel .termscopy { 
	padding-left: 10px;
	width: 693px;
}
#registerpanel .termscopy a { text-decoration: underline; }


/**
* =x: Address search / results
*/
#addresssearchpanel fieldset { clear: left; }
#addresssearchpanel fieldset#addresssearch p,
#addresssearchpanel p.entermanually { width: 395px; }
#addresssearchpanel p.entermanually { 
	width: 683px;
	padding-right: 20px;
	padding-bottom: 0;
}
#addresssearchpanel p.entermanually .wrapper,
#addresssearchpanel p.entermanually .secondarybutton,
#addresssearchpanel p.entermanually .addresssearchselecthint { float: right; }
#addresssearchpanel p.entermanually .addresssearchselecthint {
	line-height: 1.8em;
	padding-right: 10px;
}
#addresssearchpanel p.entermanually .wrapper { 
	min-width: 30%;
	width: auto !important;
	width: 50%;
	white-space: nowrap;
}
#addresssearchpanel #addressResults .error { padding-left: 142px; }


/**
* =x: Billing address
*/
#billingasshippingpanel .addressblock {
	float: left;
	width: 200px;
	padding: 10px 0;
	border-right: 1px solid #ddd;
}
#billingasshippingpanel .addressblock p { padding: 0; }
#billingasshippingpanel .actionsblock {
	float: left;
	width: 450px;
	padding-left: 50px;
}
#billingasshippingpanel .actionsblock .primarybutton,
#billingasshippingpanel .actionsblock .secondarybutton {
	margin-top: 20px;
	clear: both;
	float: left;
}
#billingasshippingpanel .actions .primarybutton { margin-left: 30px; }


/**
* =x: Basket summary
*/
.basketsummary { 
	width: 248px; /*250*/ 
	margin-top: 10px;
	border: 1px solid #ddd;
}
.basketsummary .btm {
	width: 248px; /*250*/
}
.basketsummary .content {
	width: 228px; /*226*/
	padding: 10px 10px 0;
	border-top: 1px solid #ddd;
}
.basketsummary h2 { 
	padding: 0px 0;
	color: #fff;
	width: 248px;
	text-align: center;
	line-height: 1.6em;
	font-size: 1.5em;
}
.basketsummary table { width: 226px; }
.basketsummary table th, .basketsummary table td { 
	padding-bottom: 10px;
	vertical-align: top;
}
.basketsummary table td.itemtotalcolumn,
.basketsummary table.ordertotalstable td,
.basketsummary table.ordertotalstable th { text-align: right; font-weight: normal; }
.basketsummary .ordertotals,
.basketsummary .section { 
	border-top: 1px solid #ddd; 
	padding-top: 10px; 
}
.basketsummary .section h3 { font-size: 1em; }
.basketsummary .sectioncontent { 
	padding: 10px 0 0;
	overflow: hidden;
}
.basketsummary .sectioncontent p,
.basketsummary .productdeliveryinfo p { padding-bottom: 0; }
.basketsummary .editlink {
	display: block;
	text-align: right;
	padding: 10px 0;
}
.basketsummary .editlink a { text-decoration: underline; }
.basketsummary .section .privacymsg { font-size: 0.9em; color: #666; }
.basketsummary .bonusitem { color: #d00; }
.basketsummary .promoprice { 
	color: #d00;
	white-space: nowrap;
	font-size: .9em;
}	
.basketsummary .ordertotalstable .discount { color: #333; }
.basketsummary table.ordertotalstable .ordertotal td, 
.basketsummary table.ordertotalstable .ordertotal th { 
	font-weight: bold; 
	padding-bottom: 0; 
}

/**
* =x: Specific minibasket sections
*/
#minishipentssection  { position: relative; }
#minishipentssection .shipmentvalue {
	position: absolute;
	right: 0;
	top: 10px;
}


/**
* =2: Delivery details 
*/

/**
* =3: Shipping method 
*/
#shippingmethodform { 
	float: left;
	clear: both;
	margin-bottom: 10px;
	padding: 0 10px 10px; 
}
.chkoutpanel .shippingmethods ul li { 
	border-bottom: 1px solid #ddd; 
	width: 683px;
	padding: 7px 0; 
	list-style-type: none; 
	float: left;
}
.chkoutpanel .shippingmethods ul li.first { padding-top: 0; }
.chkoutpanel .shippingmethods ul li input { float: left; }
.chkoutpanel .shippingmethods ul li label { 
	margin: 0; 
	text-align: left; 
	float:left; 
	width: 660px;
}
.chkoutpanel .shippingmethods ul li span { 
	float: left; 
	display: block; 
	color: #333;
}
.chkoutpanel .shippingmethods ul li span.name { 
	width: 150px; 
	padding-left: 10px;
}
.chkoutpanel .shippingmethods ul li span.amount { width: 70px; }
.chkoutpanel .shippingmethods ul li span.info { width: 430px; }
.chkoutpanel .shippingmethods p { 
	padding: 10px 20px 0 0;
	text-align: right; 
	float: right;
}
.chkoutpanel .shippingmethods p a { text-decoration: underline; }


/*
* =4: Saved addresses
*/
.chkoutpanel .address_list .headingcontainer h2 { width: 703px; }
.chkoutpanel .address_list {
	float: left;
	clear: left;
}
.chkoutpanel a.addaddress {
	text-decoration: underline;
	float: right;
	margin-top: -3em;
	margin-right: 20px;
	display: inline;
}
.chkoutpanel .addresslist li { 
	width: 220px;
	padding-left: 11px;
	padding-bottom: 10px;
}
.chkoutpanel .addresslist li.first { 
	clear: left;
	padding-left: 0;
}
.chkoutpanel .addresslist .infopanel {
	width: 220px;
	background: none;
	padding-top: 0;
}
.chkoutpanel .addresslist .infopanel div {
	border: none;
	padding: 0 10px 0;
	width: 200px;/*198px*/
}
.chkoutpanel .addresslist .infopanel .addressname {
	text-align: left;
	width: 198px;
}
.chkoutpanel .addresslist .giftlistaddress .addressname { 
	padding-left: 35px; 
	width: 163px;
}
.chkoutpanel .addresslist .actions { 
	width: 180px; 
	background: none;
	padding: 0 20px;
}
.chkoutpanel .actions .primarybutton { 
	float: left; 
	margin-left: 20px;
}
.chkoutpanel .addresslist .infopanel .addressname span { float: left; }
.chkoutpanel .addresslist .infopanel .addressname .editlink {
	float: right;
	font-weight: normal;
	font-size: .8em;
	background: url(../images/buttons/btn-slide-aux.png) top left no-repeat;
	/*padding: 2px 10px;*/	
}
.chkoutpanel .addresslist .infopanel .editlink a {
	padding: 2px 10px; 
	color: #fff; /*text-decoration: underline;*/
	background: url(../images/buttons/btn-slide-aux.png) top left no-repeat; 
}
.chkoutpanel .addresslist .infopanel .editlink a:hover { text-decoration: none; }



/**
* =x: Submit order panel and content asset
*/
#submitorderpanel .primarybuttonlarge {
	margin-right: 20px;
	margin-top: -5px;
	padding-left: 5px;
	float: right;
	display: inline;
	background: url(../images/buttons/btn-cap-primary-large.png) top left no-repeat; 
}
#submitorderpanel .primarybuttonlarge input { 
	background: transparent url(../images/buttons/btn-slide-primary-large-right.png) top right no-repeat;
	font-size: 1em;
	font-weight: bold;
	padding: 0 15px 3px 0;
	width: 118px;
}

/* 3D secure content asset*/
#threedsecurewarnpanel .threedsecurehelp {
	clear: both;
	float: left;
	width: 483px; 
	padding: 0 200px 0 0;
	background: url(../images/icons/icon-vbvmastercard.png) center right no-repeat;
	margin-top: 20px;
}
#submitorderpanel p { float: left; }
#submitorderpanel p,
#threedsecurewarnpanel .threedsecurehelp p { 
	width: 500px; 
	padding-bottom: 0px;
}
#threedsecurewarnpanel .threedsecurehelp a { 
	text-decoration: underline;
}


/**
* =6: Payment method
*/
.checkoutpayment .pageactionbuttons { width: 703px; }
.creditcardlist { width: 683px; }
.creditcardlist td {
	padding: 10px;
	border-bottom: 1px solid #ddd; 
}
.creditcardlist .last td { border-bottom: 0; }
.creditcardlist tfoot td {
	padding: 10px 0;
	border: 0;
}
.creditcardlist .cardInfo span { display: block; }
.creditcardlist label {
	display: block;
	float: none;
	width: auto;
	text-align: left;
}
.threedshelpslot {
	width:169px; 
	float: left; 
	padding-right: 10px;
}
.threedsecureframe {
	width: 510px; 
	float: left; 
	border-left: 1px solid #ddd; 
	padding-left: 10px;
}
.notActiveCardCode span.errormessage { display: none; }
.threedsecurejswarn,
.chkoutsessionexpired {
	width: 430px;
	padding-right: 0;
	background: url(../images/icons/icon-exclam-small.png) top left no-repeat;	
}
.chkoutsessionexpired { 
	padding-top: 5px !important;
	width: 640px;
}
.threedsecurejswarn .primarybutton,
.chkoutsessionexpired .primarybutton { margin-top: 20px; }


/**
* =7: Order confirmation
*/
.pt_orderconfirmation h1.heading { 
	border-bottom: 0; 
	margin-bottom: 0;
	padding: 3px 0 3px 10px;
	clear: left;
}
.pt_orderconfirmation .cart {
	clear: both;
	width: 986px;
}
.pt_orderconfirmation table.carttable {
	margin-top: 10px;
	width: 986px;
	background: url(../images/backgrounds/bg-grad-e0e3e8-x986.png) left top no-repeat;
}
.pt_orderconfirmation .cart tr.tablerow { border: 0; }
.pt_orderconfirmation .cart td.detailscolumn { width: 400px; }
.pt_orderconfirmation .cart .detailscolumn .productattributes { width: 100%; }
.pt_orderconfirmation .cart td.itemtotalcolumn { 
	width: 196px; 
	padding-right: 10px;
}
.pt_orderconfirmation .cart .itemtotals, 
.pt_orderconfirmation .cart .itemtotalswrapper { padding-right: 0px; }
.pt_orderconfirmation .cart .delivery, 
.pt_orderconfirmation .cart .payment,
.pt_orderconfirmation .cart .promotions  { width: 985px; }
.pt_orderconfirmation .cart .promotions h2 { padding-bottom: 0; }
.pt_orderconfirmation .confirmationinfo p { width: 963px; }
.pt_orderconfirmation .confirmationinfo span { float: left; }
.pt_orderconfirmation .confirmationinfo span.printmsg { 
	padding-right: 5px;
	line-height: 1.75em;
}
.pt_orderconfirmation .confirmationinfo .introMsg { 
	padding: 20px 10px;
	font-size: 1.25em;
}
.pt_orderconfirmation h2 span { float: left; }
.pt_orderconfirmation h2 strong { float: right; }
.pt_orderconfirmation p { padding: 0 10px 10px; }
.pt_orderconfirmation .cart .giftwrap { width: 100%; }
.pt_orderconfirmation .cartfooter .ordertotals { width: 985px; }
.pt_orderconfirmation .primarybutton { float: right; }
.pt_orderconfirmation .secondarybutton { margin-right: 10px; }
.pt_orderconfirmation .pageactionbuttons {
	margin-top: 20px;
	padding: 20px 0px 10px;
	clear: both;
	float: left;
	width: 965px;
}
.pt_orderconfirmation .nonprintview .pageactionbuttons {
	padding-top: 0;
	margin-top: 0;
}
.pt_orderconfirmation .pageactionbuttons p a { text-decoration: underline; }
.pt_orderconfirmation .confirmationinfopanel {
	float: left;
	padding: 10px 0 10px 10px;
}
.pt_orderconfirmation .confirmationinfopanel.guestpanel {
	margin-right: 10px;
	display: inline;
	width: 460px;
	padding: 10px 0 10px 10px;
}
.pt_orderconfirmation .confirmationinfopanel h3 { padding: 0 0 10px 0; }
.pt_orderconfirmation .confirmationinfopanel.guestpanel .primarybutton { float: left; }
.pt_orderconfirmation .confirmationinfopanel form fieldset,
.pt_orderconfirmation .confirmationinfopanel p {
	width: auto;
	padding: 0;
	margin: 0;
}
.pt_orderconfirmation .confirmationinfopanel fieldset p { padding: 0; }
.pt_orderconfirmation .confirmationinfopanel p { padding: 0 0 10px 0; }
.pt_orderconfirmation .confirmationinfopanel ul {
	padding: 0 0 10px 15px;
	list-style-type: disc;
	list-style-position: outside;
}

.pt_orderconfirmation .contentasset { clear: both; }
.ui-dialog .contentasset { 
	height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
	margin-bottom: 15px;
}
.checkout-delivery-top-slot {
	float: left;
	display: inline;
	width: 985px;
	margin: 0;
	padding: 0;
}