﻿

/************************ CART *************************/

#cart-content {
	width: 960px;
	margin-left: 10px;
}

#cart-content span.gray-divider {
	color: #cdcdcd;
}

#cart-content br {
	line-height: 12px;
}

#cart-content h3 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 7px;
	letter-spacing: 0px;
	color: #333333;
}

#cart-content img.header {
	position: relative;
	left: -5px;
	padding-top: 5px;
}

/*------------ Products in Cart --------------*/

#cart-content table#basket {
	font-size: 12px;
	line-height: 17px;
	color: #000;
	border: 0;
	margin: 0;
	padding: 0;
	width: 958px;
}

#cart-content table#basket thead {
	font-size: 14px;
	font-weight: bold;
}

#cart-content table#basket th {
	padding-bottom: 8px;
}
	
#cart-content table#basket td {
	text-align: left;
	padding: 12px 0px 8px 0px;
	border-top: solid 3px #efefef;
	vertical-align: top;
}

#cart-content table#basket td.product-image {
	padding-top: 8px;
}

#cart-content span.promo-text {
	color: #f8981d;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
}

span.price, span.price-was, span.price-sale, span.price-default {
	font-size: 14px;
	font-weight: bold;
}

span.price-was {
	text-decoration: line-through;
}

#cart-content span.price-sale {
	color: #c00000;
}

#cart-content .system-message a {
	font-weight: normal;
}

#cart-content div.gray-left, div.magenta-right {
	background-color: #ffffff;
	height: 1px;
	margin: 0px 0px 5px 0px;
	padding: 0;
}

#cart-content div.gray-left {
	border-bottom: solid 3px #efefef;
	width: 385px;
	float: left;
}

#cart-content div.magenta-right {
	border-bottom: solid 3px #e60871;
	float: right;
	width: 550px;
}


/*------------ Coupon ------------ */

#cart-content #coupon-code {
	float: left;
	width: 380px;
	margin-right: 30px;
}

#cart-content #coupon-code img {
	position: relative;
	left: -2px;
}

#cart-content .coupon-input {
	float: left;
	width: 160px;
	margin-right: 14px;
	margin-top: 5px;
	padding: 0px 0px 0px 5px;
	height: 18px;
	padding-top: 3px;
}

#cart-content input.addcoupon {
	float: left;
}


/*---------- Subtotals ----------- */

#subtotals-contain {
	float: left;
	width: 550px;
}
	
#subtotals-contain table {
	width: 441px;
	margin: 0;
	padding: 0;
	float: right;
	clear: both;
	margin-bottom: 16px;
}

#subtotals-contain tr.promo {
	color: #c00000;
}

#subtotals-contain td {
	padding: 4px 0px;
	vertical-align: middle;
}

#subtotals-contain td.left {
	text-align: right;
	width: 200px;
}

#subtotals-contain td.right {
	text-align: left;
	padding-left: 30px;
	white-space: nowrap;
}

#subtotals-contain td.extra {
	text-align: left;
	width: 170px;
}

#subtotals-contain span.price {
	font-size: 18px;
	font-weight: normal;	
}

#subtotals-contain span.total-price {
	font-size: 26px;
	color: #e60871;
}

#subtotals-contain span.subtotal-label {
	font-size: 14px;
	font-weight: bold;
}

#subtotals-contain .submit-buttons {
	margin-top: 12px;
	float: right;
}

#subtotals-contain .submit-buttons input {
	float: left;
	margin-right: 10px;
}

#subtotals-contain .submit-buttons .orange-button {
	float: left;
}


/*---- Shipping -----*/

#cart-content #shipping table {
	margin: 0px;
	border: 0px;
	padding: 0px;
}

#cart-content #shipping td {
	margin: 2px;
	padding: 7px;
	border-bottom: solid 1px #efefef;
}

#cart-content #shipping tr.header {
	color: #f8981d;
	font-weight: bold;
	font-size: 13px;
}

#cart-content #shipping tr.header td {
	border-bottom: solid 2px #efefef;
	padding-left: 5px;
}


/*---------- Taxes ------ */
	
.formrequired {
	color: #ff9933;
	}
	

/*---------- Cart promo ------- */

#cart-promotions {
	margin-left: 12px;
	margin-bottom: 6px;
}





/****************** CHECKOUT **********************/


#checkout .submit-buttons {
	float: right;
	margin-right: 20px;
}

/*------------ Login -------------- */

#checkout-login {
	margin-left: 10px;
	margin-top: 15px;
	width: 960px;
}

#checkout-login img.header {
	position: relative;
	left: 0px;
	padding-top: 5px;
}

#checkout-login h3 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 7px;
	letter-spacing: 0px;
	color: #333333;
}

#checkout-login hr {
	background-color: #efefef;
	color: #efefef;
	border: 0;
	height: 3px;
	margin: 10px 0px;
}

#checkout-login input.login {
	width: 240px;
	margin: 5px 0px;
	height: 18px;
	padding-top: 3px;
}


#checkout-login #checkout-left-column, #checkout-login #checkout-right-column {
	float: left;
	width: 460px;
	border-top: solid 3px;
	padding-top: 15px;
	
}	

#checkout-login #checkout-left-column {
	border-color: #e60871;
	margin-right: 40px;	
}

#checkout-login #checkout-right-column {
	border-color: #f8981d;	
}

#checkout-login #safe-ordering {
	width: 460px;
}

/* ------ Tab navigation ------ */

#checkout-nav {
	background: #fff url(../images/struct_tabs_background.png) 0px -14px repeat-x;	
	float: left;
	padding: 0px;
	margin-right: 1%;
	margin-bottom: 5px;
	width: 99%;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-transform: uppercase;		
	height: 35px;
	overflow: hidden;
}

#checkout-nav ul {
	list-style-type: none;
	padding: 0px;
}

#checkout-nav li {
	display: block;
	float: left;
	padding: 0px;
	margin: 0px;
	height: 34px;
	border-bottom: solid 1px #dedede;	
}
	
#checkout-nav .tab-label {		
	height: 16px;
	line-height: 16px;	
	margin-top: 10px;
	overflow: hidden;	
	text-align: center;
}

#checkout-nav div.dashed-border {
	border-right: dashed 1px #cdcdcd; 	 
}	
	
#checkout-nav li#submit div.tab-label 	{ width: 180px; }
#checkout-nav li#gift div.tab-label 	{ width: 235px; }	
#checkout-nav li#ship div.tab-label 	{ width: 190px; }
#checkout-nav li#billing div.tab-label 	{ width: 200px; }	
#checkout-nav li#empty 					{ width: 50px; }


#checkout-nav li.current { 
	border: 0; 
	color: #f8981d;
	}

#checkout-nav li.current div.tab-label {
	float: left;
	height: 34px; 
	line-height: 34px;
	background: #fff;
	border: solid 1px #dedede;
	border-bottom: 0;
	margin-top: 0px;
	}
#checkout-nav li div.left-shadow,
#checkout-nav li div.right-shadow {
	background: transparent url(../images/struct_tabs_edges.png);		
	float: left;
	height: 34px;
	border-bottom: solid 1px #dedede;	
	}	
#checkout-nav li div.left-shadow 		{ background-position: 0px 0px; width: 14px; }
#checkout-nav li div.right-shadow 		{ background-position: -14px 0px; width: 8px; }

#checkout-nav li a { color: #898989 }



/* ---------- Checkout flow --------- */ 

/** Note: We use padding instead of margin to avoid IE6's form input margin inheritance bug **/
#checkout 			{ padding-left: 10px; overflow: hidden; }
#checkout-container { padding-left: 10px; overflow: hidden; clear: both; }

.gray-text 			{ color: #ababab; }
.gray-italics-text	{ color: #ababab; font-style: italic; font-size: 11px; position: relative; top: -6px; }
.orange-text 		{ color: #f8981d; }
	
#checkout-container #checkout-left-column {
	float: left;
	width: 450px;
	margin-right: 28px;
	display: inline;
	}
	
#checkout-container #checkout-right-column {
	float: left;
	width: 410px;
	}

#checkout-container h1 {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 7px;
	border-bottom: solid 3px #efefef;
	margin-bottom: 5px;
	}

#checkout-container h3 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 7px;
	letter-spacing: 0px;
	color: #333333;
	}

#checkout-container #checkout-left-column input, 
#checkout-container #checkout-right-column input,
#checkout-container #billing-left-column input,
#checkout-container #billing-right-column input,
#shippingaddressform input,
#confirmation input {
	margin: 4px 10px 7px 0px;
	height: 18px;
	padding-top: 3px;
	}
	
#checkout-container #checkout-left-column select,
#checkout-container #billing-left-column select,
#checkout-container #billing-right-column select, 
#shippingaddressform select,
#confirmation select {
	margin: 4px 10px 5px 0px;
	width: 200px;
	position: relative;
	top: -3px;
	height: 19px;
	}	

/*#checkout-container label { float: left; margin: 0px 10px 0px 0px;  }*/

#checkout-container input.firstname { width: 170px; }
#checkout-container input.middlename { width: 30px; }
#checkout-container input.lastname { width: 170px; }
#checkout-container input.address { width: 428px; }
#checkout-container input.email { width: 318px; }
#checkout-container input.zip { width: 215px; }
#checkout-container input.phone { width: 428px; }
#checkout-container input.cardholder {width: 426px; }
#checkout-container input.creditcardnumber {width: 426px; }
#checkout-container input.securitycode {width: 191px; }
#checkout-container input.giftcardno {width: 200px; }
#checkout-container input.giftcardpin {width: 200px; }
#checkout-container input.couponcode {width: 200px; }
#confirmation input {width: 200px }

#checkout-container label.firstname {width: 179px; }
#checkout-container label.middlename { width: 60px; }
#checkout-container label.lastname {width: 170px; }
#checkout-container label.state { width: 203px; }
#checkout-container label.zip {width: 122px; }

#checkout-container table {
	margin: 0px;
	border: 0px;
	padding: 0px;
}

#checkout-container td {
	margin: 2px;
	padding: 7px;
	border-bottom: solid 1px #efefef;
}

#checkout-container tr.header {
	color: #f8981d;
	font-weight: bold;
	font-size: 13px;
}

#checkout-container tr.header td {
	border-bottom: solid 2px #efefef;
	padding-left: 5px;
}

#shippingaddressform {
	width: 460px;
}	

#checkout-container .shipping-to {
	margin-bottom: 15px;
}

#checkout-container div.pink-rule {
	border-top: solid 3px #e60871;
	width: 85%;
}	

#checkout-container .shipping-to input {
	float: left;
	margin: 5px;
}

#checkout-container .shipping-to label {
	float: left;
	margin: 3px;
}

#checkout-container .gift-services input {
	float: left;
	margin: 5px;
}	

#checkout-container .gift-services label {
	float: left;
	margin: 3px;
}
	
#checkout-container .gift-options input.text {
	margin: 0;
	width: 350px;
	height: 18px;
	padding-top: 3px;
}
	
#checkout-container .shipping-to h1,
#checkout-container .gift-services h1 {
	border-bottom: none;
}

#security-code {
	font-size: 12px;
	color: #000;
	line-height: 16px;
	text-align: left;
}

#security-code h3 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 7px;
	letter-spacing: 0px;
	color: #333333;
}

#checkout-container #billing-left-column {
	float: left;
	width: 450px;
	margin-right: 35px;
	display: inline;
}

#checkout-container #billing-right-column {
	float: left;
	width: 440px;
	display: inline;
}

#checkout-container table.review {
	margin: 0px;
	border: 0px;
	padding: 0px;
}

#checkout-container table.review td {
	margin: 9px;
	border-bottom: solid 1px #efefef;
	padding: 7px;
}

#checkout-container table.review thead,
#checkout-container table.summary td.left {
	color: #333333;
	font-weight: bold;
	font-size: 13px;
	padding: 0;
}
#checkout-container table.review thead { padding: 0 0 8px 0; }

#checkout-container table.review th {
	border-bottom: solid 2px #efefef;
	text-indent: 5px;
	padding: 0;
}

#checkout-container table.review th a {
	font-weight: normal;	
}

#checkout-container table.summary {
	width: 700px;
}

#checkout-container table.summary td.left {
	width: 355px;
}

/* ---- Confirmation ------ */

#confirmation h1 {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 7px;
	border-bottom: solid 3px #efefef;
	margin-bottom: 5px;
	}

#confirmation h3 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 7px;
	letter-spacing: 0px;
	color: #333333;
}


