/* ---------------  checkout-wrapper  --------------- */
#checkout-wrapper { 
	background: url(/media/images/css/dotted_y_l-r.gif) repeat-y top left; 
	position: relative; 
	padding: 20px 15px 20px 15px; 
	margin: 15px 0 70px 0;
	min-height: 150px; 
	_height: 150px; 
	}

	#checkout-wrapper #col-1,
	#checkout-wrapper #content {
		float: left;
		width: 691px;
	}
	#checkout-wrapper #col-2,
	#checkout-wrapper #sidebar {
		float: right;
		width: 200px;
	}
	#checkout-wrapper #col-full {
		float: left;
		width: 965px;
	}
    #checkout-wrapper h1 { color: #000; font-size: 22px; white-space: nowrap;}

h2.payment-header { display: block; float: left; width: 203px; height: 67px; background: url(/media/images/global/clinique-logo.gif) no-repeat; text-indent: -9999px; overflow: hidden; }

h4 { font-weight: normal; }

h2 { color: #000000 }


.empty_cart_container {
    width: 680px;
}
.action-set {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:1px 0 0;
}
/* ---------------  checkout-table  --------------- */
.checkout-table {
	border-collapse: collapse;
	margin: 0 0 10px;
	padding: 0;
	width: auto;
}

	/* ... defaults ... */
	.checkout-table tr {}
	.checkout-table tr.subtotal-row { border-top: 1px solid #CCC; }	
	.checkout-table tr.highlight { background: transparent url(/media/images/css/gradient-top_bg.gif) repeat-x; }

	.cart-item-rows { }
	.cart-refill-rows { }

	.checkout-table tr.cart-item-rows.odd       { background: transparent url(/media/images/css/gradient-top_bg.gif) repeat-x; }
	.checkout-table tr.cart-item-rows.even      { background: none; }

	.checkout-table tr.cart-refill-rows.odd       { background: transparent url(/media/images/global/spacer.gif) repeat-x; }
	.checkout-table tr.cart-refill-rows.even      { background: none; }

	.checkout-table tr.cart-refill-rows p { font-size: 11px; margin: 0 0 5px; }
	.checkout-table tr.cart-refill-rows p.replenishment-notice { color:red; font-size: 11px; font-style: italic; margin: 3px 0 0 3px; }
	.checkout-table tr.cart-refill-rows select { width: 140px; }

	.checkout-table tr.cart-spacer-row td { border-bottom: 1px dotted #CCCCCC; height: 1px; padding: 0; margin: 0; }
	
	.checkout-table td {
		padding: 14px 10px;
		vertical-align: top;
	}
	.checkout-table .divider {
		background: #fff;
		letter-spacing: 0;
		padding: 0;
	}

	/* ... thead ... */
	.checkout-table thead {}
		.checkout-table thead th {
			border-bottom: 1px solid #bbb;
			color: #666;
			/*letter-spacing: 0.01em;*/
			padding: 0 10px 3px;
			text-transform: uppercase;
		}
			.checkout-table thead th span { display: block; height: 1%; }
			.checkout-table thead th.products { padding-left: 4px; }
				.checkout-table thead th.products span { width: 300px; }
				.checkout-table td.name { width: 223px;}
				.checkout-table td.name h3 { width: 213px; }
				.checkout-table thead th.price span { width: 100px; }
				.checkout-table thead th.qty span { width: 150px; }
				.checkout-table thead th.total span { width: 67px; }
			.checkout-table thead th.divider { border: 0; }
				.checkout-table th.divider span { width: 24px; }
			.checkout-table thead th.similar-products { padding-left: 0; padding-right: 0; }
				.checkout-table thead th.similar-products span { width: 200px; }


	/* ... tbody ... */
	.checkout-table tbody {}
		.checkout-table td.thumb {
			/*padding-left: 0;*/
			border-top: 1px solid #ccc;
			width: 77px;
		}
			.checkout-table .thumb img {
				border: 1px solid #ccc;
				/*
				height: 75px;
				width: 75px;
				*/
			}
		.checkout-table td.name {
			padding-left: 4px;
		}
			.checkout-table td.name h3 {
				color: #000;
				font-weight: normal;
				letter-spacing: 0;
				margin: 0 0 1.5em;
			}
			.checkout-table td.name h4 {
				margin-bottom: 12px;
			}
			.checkout-table .local-lang-name {
				color: #4a4949;
				font-weight: normal;
				margin: 0 0 3em;
			}
			.checkout-table .size { margin: 0 0 3px; }
			.checkout-table .color { margin: -2px 0 0; position: relative; }
 				.color .shade {
					display: block;
					float: left;
					_font-size: 4px;
					height: 8px;
					margin: 3px 0px 0 0;
					width: 30px;
				}
				.color .color-label,
				.color p {
					display: block;
					float: left;
					font-size: 11px;
					margin: 0 0 0 7px;
				}
				label .color span { font-style: normal; color: #000; white-space: nowrap; }
				.bool-item label .color { padding-left: 20px; }
			.checkout-table .action-btn {
				letter-spacing: 0;
				padding-top: 2px;
			}
			
		.checkout-table .cart_item_tos_message {
			  color: #BF2525;
			  margin: 5px 0 0 0;
		}

		.checkout-table td.price {
			padding-right: 20px;
			width: 83px;
		}
		.checkout-table td.qty { width: 140px; }
			.checkout-table td.qty a {float:left;height:15px;width:15px;}
			.checkout-table td.qty span {float:left;}
			.checkout-table td.qty span.l {margin:0 0 0 5px;}
			.checkout-table td.qty span.r {margin:0 5px 0 0;}
			.checkout-table td.qty span.lr {margin:0 5px 0 5px;}
			.checkout-table td.qty a.qtysub {background:transparent url(/media/images/session/icon_play_back.png) no-repeat scroll left top;}
			.checkout-table td.qty a.qtyadd {background:transparent url(/media/images/session/icon_play.png) no-repeat scroll left top;}
			.checkout-table td.qty input { text-align: center; margin-left: 3px; }
			.checkout-table td.qty .stock-alert {
				clear: both;
				color: #9c0404;
				font-size: 10px;
				letter-spacing: 0;
				padding: 11px 0;
			}
		.checkout-table td.total { width: 75px; }
		.checkout-table td.similar-products { padding-left: 0; }
	.checkout-table tr.subtotal {}
		.checkout-table tr.subtotal td.subtotal-label,
		.checkout-table tr.subtotal td#viewbag-checkout-total {
			padding-bottom: 28px;
			padding-top: 45px;
		}
		.checkout-table tr.subtotal .subtotal-label {
			text-align: right;
		}
	#viewbag-continue-checkout-bottom img {
		margin-bottom: 6px;
	}
a.checkout-buttons {
    float: right;
    height:16px;
    margin-bottom: 5px;
    /*width:117px;*/
}
a.checkout-paypal-buttons {
    float: right;
    height:40px;
    margin-bottom: 5px;
    /*width:117px;*/
}
	div.btn_checkout_continue {
	    background: url("/media/images/session/checkout_btn.gif") no-repeat top left;
	    width : 149px;
	    height: 16px; 
	}

	div.btn_checkout_blocked {
	    /*background: url("/media/images/session/checkout_blocked_btn.gif") no-repeat top left;*/
	    background: none;
	    width : 77px;
	    height: 16px; 
	}

/* ... cart offer ... */
.dbMsgBox {
	background-color: #fdfdfd;
	border-color: #d7e0dd;
	color:#666;
	font-family: arial,sans-serif;
	font-size: 12px;
	/*letter-spacing: 0.01em;*/
	line-height: 1.35em;
	margin-bottom: 26px;
	padding: 12px 11px 8px;
}
	.dbMsgBox h4 {
		color: #000;
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 0;
		line-height: 1em;
		text-transform: uppercase;
	}
	.dbMsgBox p {
		margin: 4px 0 1px;
	}
		.dbMsgBox p strong {
			font-size: 14px;
		}
	.dbMsgBox p.disclaimer {
		font-size: 11px;
		line-height: 1.73em;
		margin: 0;
	}


/* ... promo-code ... */
.checkout-table td.promo-code-cell {
	padding: 14px 0px;
}

.checkout-table .promo-code {
	background: transparent url(/media/images/css/dotted_x.gif) repeat-x scroll left top;
	font-size: 11px;
	margin: -8px 0 0;
	padding: 8px 0 0;
	position: relative;
	/*width: 37em;*/
}
	.checkout-table .promo-code form {
		background: transparent url(/media/images/css/dotted_x.gif) repeat-x scroll left bottom;
		display: block;
		padding: 0 3px 5px;
	}
		.checkout-table .promo-code .required-mark {
			left: -999em;
			position: absolute;
		}
		.checkout-table .promo-code .form-block {
			margin-bottom: 0;
			width: auto;
		}
			.checkout-table .promo-code .form-block .form-item {
				padding-bottom: 0;
				padding-right: 9px;
			}
			.checkout-table .promo-code .form-block .form-submit,
			.checkout-table .promo-code .form-block .form-item {
				float: left;
			}
			.checkout-table .promo-code .form-block label {
				line-height: 16px;
				padding-right: 8px;
			}
			.checkout-table .promo-code .form-block label,
			.checkout-table .promo-code .form-item input.field {
				display: inline;
				float: left;
			}
			.checkout-table .promo-code .form-item input.field {
				width: 50px;
			}
		.checkout-table .promo-code p.disclaimer {
			font-size: 10px;
			margin-bottom: 0;
		}
		.checkout-table .promo-code .confirm p {
			letter-spacing: 0;
			line-height: 1.27em;
			margin: 0;
		}
		.checkout-table .promo-code .confirm p a {
			text-decoration: underline;
		}


/* ... cart messaging ... */
.cart-messaging {
}
	.cart-messaging .content {
		color: #666;
		float: left;
		width: 500px;
	}
		.cart-messaging h4 {
			color: #000;
			font-size: 11px;
			line-height: 1em;
			margin-bottom: 0.5em;
			text-transform: uppercase;
		}
		.cart-messaging .content a {
			text-decoration: underline;
		}

	.cart-messaging .action-set {
		float: right;
		font-size: 11px;
		padding: 13px 0 0;
		text-align: right;
	}
		.cart-messaging .action-set li {
			margin-bottom: 1em;
		}

.checkout-table tr.replenishment td { background: none; /*url(replenishment_bg.gif) repeat-x 0 0;*/ padding: 5px 20px 10px 20px; }
.checkout-table tr.replenishment td p { margin: 0 0 5px 0; font-size: 11px; }
.checkout-table td.dotted-x-t { padding: 0; height: 1px;  }

.checkout-table-total { width: 230px; border-collapse:collapse; margin: 0 0 30px 0; padding: 0; float: right; }
.checkout-table-total td { padding: 3px 10px; vertical-align: top; }
.checkout-table-total td.dotted-x-t { padding: 10px 0 0 0; height: 1px;  }


.payment-properties {
	/*
	border: solid #ccc;
	border-width: 1px 0;
	*/
	margin: 0 0 1.35em;
	padding: 0px 2px;
}

/* ---------------------- WDR: pulled this over from account.css ---------------------- */

/* ---------------  wrapper  --------------- */
.wrapper {
	background: url(http://clinique.com/media/images/css/dotted_y_l-r.gif) repeat-y top left;
	margin: 11px 0 70px 0;
	min-height: 300px;
	_height: 300px;
	padding: 8px 35px 20px 15px;
	position: relative;
}
	.wrapper #col-1 {
		float: left;
		padding: 14px 0 0;
		width: 680px;
	}
	#confirmation-wrapper #col-1,
	#profile-wrapper #col-1 {
		width: 520px;
	}
	.wrapper #col-2 {
		float: right;
		width: 200px;
	}
	.wrapper h1 {
		color:#000;
		font-size: 22px;
	}
	
	
/* ---------------  form definitions  --------------- */
.form-block {
	/*font-size: 11px;*/
	/*letter-spacing: 0.01em;*/
	margin-bottom: 1em;
}

.form-block:after{/*clearfix*/content:".";display:block;height:0;clear:both;visibility:hidden;}

	.form-block .sub-block {
		padding: 0 0 1.8em;
	}
	.sub-block:after{/*clearfix*/content:".";display:block;height:0;clear:both;visibility:hidden;}
	.sub-block p.instruction {
		margin-bottom: 0;
	}
	.form-block h3 {
		background: url(/media/images/css/bg_grad_hdr.gif) repeat-x bottom;
		border: solid #dbdbdb;
		border-width: 1px 0;
		color: #000604;
		/*font-size: 11px;*/
		font-weight: normal;
		letter-spacing: 0;
		line-height: 1em;
		padding: 0.7em 3px 0.5em;
		text-transform: uppercase;
	}
	.form-block h4 {
		/*font-size: 11px;*/
		margin: 0.1em 0 0.7em;
	}
	.form-item {
		clear: left;
		margin: 0;
		padding: 0 0 0.9em;
	}
	.form-item:after{/*clearfix*/content:".";display:block;height:0;clear:both;visibility:hidden;}
		.form-block .required {
			color: inherit;
			_color: #000;
		}
		.form-block .required-note {
			margin: 0 0 1.2em;
		}
		.form-block .required_mark { /* required field mark */
			background: url(/media/images/css/ico_required.gif) no-repeat 0 0;
			color: #a8bcb5;
			cursor: help;
			display: block;
			float: left;
			font-size: 18px;
			height: 6px;
			/*letter-spacing: 0.005em;*/
			line-height: 10px;
			margin-left: -1px;
			margin-top: 0px;
			padding-right: 1px;
			position: relative;
			text-indent: -999em;
			text-transform: uppercase;
			width: 7px;
		}
		.form-block label {
			display: block;
			/*font-size: 11px;*/
			/*letter-spacing: 0.005em;*/
			padding: 0 0 0.3em;
			min-width: 150px;
		}
		.form-item input.field {
			width: 190px; /*141px;*/
		}
		.field-note {
			display: block;
			padding-top: 3px;
		}
			label span,
			.field-note em {
				color: #747775;
				font-size: 11px;
				font-style: italic;
			}
			.field-note em {
				font-size: 10px;
			}
			label span {
				display: block;
				margin-bottom: 1px;
				margin-top: -1px;
				position: relative;
			}
			.required label span {
				padding-left: 6px;
			}
		.password-criteria {
			clear: both;
			display: block;
			margin: 0 0 10px 10px;
			color: #747775;
			font-size: 11px;
			font-style: italic;
		}
		
	.form-block fieldset {
		display: block;
	}
	.form-block .form-item fieldset {
		margin: 0;
		margin-left: 0;
		padding: 0;
	}
		.form-block .form-item fieldset fieldset .form-item {
			margin-left: 0;
		}
	.form-note {
		/*letter-spacing: 0.005em;*/
		padding: 0 0 0.8em;
		margin-bottom: 0.6em;
	}
		p a,
		label a,
		.field-note a,
		.form-note a {
			white-space: nowrap;
			text-decoration: underline;

		}

		#form--checkout_shipmethod--field--SHIP_METHOD
		{
			float: left;
		}
		#delivery-options .field-note a{
			margin-left: 10px;
		}
	.form-block .form-submit {
		/*font-size: 11px;*/
		float: right;
	}
		.sub-block .form-submit {
			margin: -15px 94px 10px 0;
			/*_margin-right: 47px;*/
			position: relative;
		}
		.sub-block#form-block-newsletter .form-submit {
			margin-top: 0;
			
		}
		.form-block .form-block-header {
			position: relative;
		}
		.form-block .form-block-header .action-set,
		.form-block .form-block-header .form-submit {
			position: absolute;
			right: 0px;
			top: -41px;
		}
		
	.form-block fieldset fieldset {
		margin-bottom: 0;
		margin-left: -12px;
		padding: 0;
		position: relative;
	}
	
	.form-block fieldset fieldset:after{/*clearfix*/content:".";display:block;height:0;clear:both;visibility:hidden;}
		.form-block fieldset fieldset .form-item {
			clear: none;
			float: left;
			margin-left: 12px;
			_margin-left: 6px;
		}
		
	.form-block fieldset fieldset .form-item input.field{
			*margin-left:-12px;
			_margin-left:0px;
			_padding-left:-12px;
	}	
	
	.form-item select {
		width: 147px;
	}
	.form-item-postal {
		position: relative;
	}
		.form-item-postal fieldset {
			float: left;
		}
			.form-item-postal fieldset input.field {
				width: 61px;
			}
		.form-item-postal .fieldset-note {
			vertical-align: -4px;
			margin-left: 10px;
			/*left: 160px; position: absolute; width: 350px;*/
		}
			.form-item-postal .fieldset-note a img {
				/*left: 0; position: absolute;*/
			}

	
	/* ... boolean form items (checkbox / radio elements) ... */
	.bool-item {
		position: relative;
	}
		.bool-item.checkboxes{
			margin-bottom: 10px;
			height:14px;
			padding:0;
		}		
		
		.bool-item .required_mark {
			left: 20px;
			position: absolute;
		}
		.option-list {
			list-style: none;
			margin: 0;
			padding-bottom: 0.5em;
		}
		fieldset .bool-item fieldset.option-list {
			margin-left: 8px;
		}
			.option-list .bool-item {
				padding-bottom: 0.4em;
			}
			.form-block fieldset fieldset .option-list .bool-item {
				float: none;
			}
		.bool-item .option-list .bool-item label,
		.bool-item label {
			margin-left: 20px;
			padding-bottom: 0;
			/*padding-top: 1px;*/
		}
		.required.bool-item label {
			margin-left: 27px;
		}
		.bool-item .option-list .form-item input,
		.option-list .form-item input,
		.bool-item input {
			left: 0;
			position: absolute;
			top: 0;
		}
		.form-block fieldset fieldset .bool-item .form-item,
		.bool-item .form-item {
			margin-left: 20px;
		}
			.bool-item .form-item label {
				margin-left: 0;
				margin-top: 0.8em;
			}
			.bool-item .option-list .form-item label {
				margin-top: 0;
			}
			.bool-item .form-item input {
				left: auto;
				position: static;
				top: auto;
			}

		/* ... disabled form-item ... */
		.disabled label {
			color: #999;
			cursor: default;
		}
		
		
		.create-password-hint.form-item input.field {
			width: 300px;
		}

		#newsletter-fields {
			/* huh?
			margin-left: -10px;
			position: relative;
			*/
		}
			#newsletter-fields .bool-item {
				clear: none;
				float: left;
				margin-left: 10px;
				_margin-left: 5px;
				padding-bottom: 0;
				/*width: 250px;*/
			}

	.terms-conditions {
		margin:0 12px;
		padding-bottom: 12px;
	}
	
	.terms-conditions input {
		display:block;
		float:left;
		margin:0 10px 10px 0;
	}
	
	.form-block .terms-conditions label {
		display: inline;
	}

		#terms-fields {
		}
			#terms-fields .bool-item {
				clear: none;
				float: left;
				margin-left: 10px;
				_margin-left: 5px;
				padding-bottom: 0;
				/*width: 250px;*/
			}
			
			#terms-fields .label-class {
				margin-left: 30px;
			}
			
			
		#birthday-fields {}
			#birthday-fields label {
				left: -999em;
				position: absolute;
			}
			#birthday-fields .form-item select#birth-month {
				width: 113px;
			}
			#birthday-fields .form-item select#birth-year {
				width: 76px;
			}
		#password-fields {}
			#password-fields .form-item input.field {
				/* width: 187px; */
			}

			#password-fields .password2 {
			    /*margin-top: 13px;*/
			}
            #password-fields #form-item-password-hint {
				clear: left;
				float: none;
				margin-left: 10px;
			}
		#form-opt-terms {
			margin: 0 0 1.8em;
			position: relative;
		}
		#saved-address {
			min-width: 332px;
			_width: 332px;
		}

		div.radio-buttons input
		 {
			width: 15px;
			margin: 0px 2px 0 8px;
		}		

/* ... form-errors ... */
.form-errors {
	color: #BF2525;
	/*letter-spacing: 0.01em;*/
	list-style: none;
	margin: -13px 0 13px;
	position: relative;
}
	.form-errors li {
		background: url(/media/images/css/ico_err.gif) no-repeat 0 0.2em;
		padding: 0 0 0 6px;
	}



/* ---------------------- WDR: end of stuff from account.css ---------------------- */



/* ---------------  orderreview-table  --------------- */
/* depricated ....
.orderreview-table { width: 100%; border-collapse:collapse; margin: 0 0 30px 0; padding: 0; }
.orderreview-table td { padding: 3px 10px; vertical-align: top; width: 25%; }
.orderreview-table thead th { color: #000; padding: 0 10px 3px 10px; }
.orderreview-table thead th a { padding-left: 3px; text-decoration: underline; font-weight: normal; }
.orderreview-table label { font-weight: normal; }
*/

.order-properties {
	border: solid #ccc;
	border-width: 0 0 1px 0;
	margin: 0 0 1.35em;
	padding: 0px 2px;
}
	.order-properties table {
		border-collapse: collapse;
		left: -20px;
		padding: 0;
		position: relative;
		width: 100%;
		_width: 686px;
	}
		.order-properties td {
			font-size: 11px;
			padding: 0 0 8px 20px;
			vertical-align: top;
			text-align: left;
		}
			.order-properties dl {
				margin-top: -0.6em;
			}
				.order-properties dt {
					font-weight: bold;
					margin-bottom: 0.6em;
					padding-top: 1.35em;
				}
					.order-properties dt a {
						font-weight: normal;
						margin-left: 4px;
					}
				.order-properties dl a {
					text-decoration: underline;
				}

				.order-properties dd {
					max-width: 170px;
					padding-top: 0.3em;
				}
				.order-properties address {
					font-style: normal;
					/*white-space: nowrap;*/
				}


/* ...  order-summary  ... */
.order-summary{}
	.order-summary p {
		margin-top: 0;
		margin-bottom: 1.2em;
	}
	.orderstatus-table {
		margin-bottom: 3px;
		width: 100%;
	}
		.orderstatus-table th,
		.orderstatus-table td {
			font-size: 11px;
			line-height: 1.1em;
			padding: 1px 0;
			vertical-align: top;
		}
		.orderstatus-table th {
			font-weight: normal;
			text-align: left;
		}
		.orderstatus-table td {
			padding-left: 20px;
			text-align: right;
		}
		.orderstatus-table td.dotted-x-b {
			padding-top: 10px;
		}
		.orderstatus-table .total th,
		.orderstatus-table .total td {
			padding: 6px 0;
		}
		.additional-info ul {
			margin-bottom: 11px;
		}


.form-table {  border-collapse:collapse; margin: 0 0 30px 0; padding: 0; }
.form-table td { padding: 5px 10px; vertical-align: top; }
.form-table thead th { color: #000; padding: 0 10px 3px 10px; }
.form-table thead th a { padding-left: 3px; text-decoration: underline; font-weight: normal; }
.form-table label { display: block; font-weight: normal; font-size: 12px; margin: 0 0 3px 0; }


/* ... similar-products ... */
.similar-products { z-index: 1; margin: 0 0 20px 0;  }
	.similar-products h2 { font-size: 12px; color: #7c988d; border-bottom: 1px #BBBBBB solid; padding: 0 0 3px 0; margin: 0; }
	.similar-products dl { z-index: 1; position: relative; margin: 0; padding: 0px 0 0 87px; min-height: 77px; _height: 77px; }
		.similar-products dl dt {
			/*letter-spacing: 0.01;*/
			margin: 0 0 2px;
		}
			.similar-products dl dt,
			.similar-products dl dt a {
				font-size: 11px;
			}
			.similar-products dl dt a:hover { color: #D6A847; }
		.similar-products dl dd {}
		.similar-products dl dd.thumb { top: 0; }
		.similar-products dl dd.price {
			/*letter-spacing: 0.05em;*/
		}
			.similar-products dl dd.price .tax-note {
				color: #000;
				display: block;
				font-size: 11px;
				margin-top: 0.5em;
			}
		.similar-products dl dd.details {
			font-size: 12px;
			margin: 7px 0 0 0;
		}
		.similar-products .add {
			margin-bottom: 0;
			padding: 5px 0 0;
		}

.additional-info {
	padding-top: 10px;
}
	.additional-info h3 {
		color: #000;
		font-size: 11px;
		font-weight: normal;
		margin-bottom: 8px;
	}
	.additional-info ul { margin: 0 0 20px 0; padding: 0; list-style: none; }



#signin-faster { width: 250px; }
#signin-faster label { font-weight: normal; font-size: 12px; padding-top: 2px; float: left; width: 90px; text-align: right; margin-right: 5px; }
#signin-faster .field { margin: 0 0 7px 0; }
#signin-faster .input-field { float: left; border: 1px solid #aaa; width: 147px; font-size: 12px;padding: 1px 2px; }
#signin-faster .input-btn { margin: 5px 0 7px 0; }
#signin-faster hr { margin: 0 0 12px 0; }
#signin-faster p { margin: 0 0 10px 0; }

/* Samples - stolen from US, which fixed a bunch of layout issues... */

ul.sample-products li.deactivate { color: #ccc; }
ul.sample-products li.deactivate img {
	-moz-opacity: 0.5;
	opacity:.50;
	filter: alpha(opacity=50);
}

.complimentary-samples h1 {color: #101010; font-size:20px; border-bottom: 1px solid #d0d0d0; color: #000; margin: 35px 15px 10px 15px; padding: 0 0 5px 0;}
.complimentary-samples p {margin: 3px 15px 0 15px;}
.complimentary-samples ul.sample-products {list-style:none; margin:0; padding:20px 0 0 10px;}
.complimentary-samples ul.sample-products li {
	float: left; 
	padding: 0 37px; 
	width: 162px; 
	min-height: 270px;
  	height:auto !important;
	height:270px;
}
.complimentary-samples ul.sample-products li .product-name {padding:8px 0;}
.complimentary-samples ul.sample-products li p {margin: 0 0 8px 0;}

.sample-products .border {background: #EEEDEB none repeat scroll 0 0; border: 1px solid #CCCCCC; padding:5px; margin-bottom: 10px;}
.sample-products .prod-inner {background: #FFFFFF; height: 150px; width: 150px;}
.sample-products .prod-inner img {margin: 32px;}
.special-offers .border {background: #EEEDEB none repeat scroll 0 0; border: 1px solid #CCCCCC; padding:5px;}

.complimentary-samples .sampleform {padding: 8px 0 0 50px;}
.complimentary-samples .sampleform .input-select {margin: 0 0 0 182px;}

.samples-col-1 { float: left; display: block; width: 180px; }
.samples-col-2 { float: left; display: block; width: 770px; }
.buy1try2samples h2 {	margin: 10px 0 10px 15px; color:#000000; font-size: 18px; white-space:nowrap; }

.complimentary-samples .samples-col-2 ul.sample-products.firstrow { padding-top: 0px; }
.complimentary-samples ul.sample-products li.small-samples {padding: 0 10px; width: 155px;}
.sample-products .prod-inner-small {background: #FFFFFF; height: 142px; width: 142px;}
.sample-products .prod-inner-small img {margin: 32px;}
.sample-products .small-samples .border { }
.sample-products .small-samples .product-soldout { color: #FF5151; }

.buy1try2samples.complimentary-samples h1 {border: none;}
.buy1try2samples.complimentary-samples hr { margin: 5px 15px 15px 15px; }


/* SPECIAL OFFERS */
.special-offers .border {background: #EEEDEB none repeat scroll 0 0; border: 1px solid #CCCCCC; padding:5px;}
.special-offers h1 {color: #101010; font-size:20px; border-bottom: 1px solid #d0d0d0; color: #000; margin: 20px 15px 0 15px; padding: 0 0 5px 0;}
.special-offers #offer1,
.special-offers #offer2 {margin: 20px 46px 20px 50px;}
.special-offers .offer-text {font-size: 16px; float:left; width:100px; padding: 30px 18px 0 30px; background:white; height:110px;}
.special-offers .offer-text p { margin: 0 0 10px 0; }
.special-offers .offer-text .offerform {padding: 10px 0 0 0;}
.special-offers .border img {float:right; margin: 0 1px 0 0;}

.buttons {padding: 30px 50px 50px 0;}
.buttons #add-samples { margin-bottom: 10px }
/*
WDR: redid these cuz it displayed differently in IE and FF
.buttons #no-thanks {position: absolute; right: 335px; clear: both; display:block;}
.buttons #add-samples {position: absolute; right: 50px; clear: both; display:block;}
*/

/*SHIPPING  & BILLING NONREG PAGES*/
.account-sign-in {padding:10px 0; margin: 0 60px 0 20px;}
.account-sign-in  a {text-decoration:underline;}

.shipping-header {padding:15px 0; margin: 0 60px 0 20px;}
.shipping-header h1 {color:#101010; font-size:20px; display:inline;}
.shipping-header .same-as-billing {display:inline; padding: 0 0 0 20px;}
.shipping-header .same-as-billing p {padding:0 8px; display:inline;}
.shipping-header .same-as-billing #continue-checkout {margin:0 0 0 38px;}

.billing-header {padding:15px 0; margin: 0 60px 0 20px;}
.billing-header h1 {color:#101010; font-size:20px; display:inline;}
.billing-header #continue-checkout {display:inline; margin: 0 0 0 332px;}

.shipping .error {padding: 0 20px; color: #bf2525;}
.shipping .required {padding: 15px 20px; color:#101010;}
.shipping .required-field {color:#acc0b8;}

.billing .error {padding: 0 20px; color: #bf2525;}
.billing .required {padding: 15px 20px; color:#101010;}
.billing .required-field {color:#acc0b8;}

.sign-in .error {padding: 0 20px; color: #bf2525;}
.sign-in .required {padding: 15px 20px; color:#101010;}
.sign-in .required-field {color:#acc0b8;}

.billing .required {padding: 0 20px 15px 20px;}
.payment-information {margin: 0 0 20px 20px;}

.billing label {display: block; font-weight:normal; padding: 10px 0 0 0; font-size:12px;}
.billing select {display:block; margin: 5px 0 10px 0; width: 200px;}
.billing .payment-information input {display:block; margin: 5px 0 0 0; width: 200px;}
.billing .payment-information .valid-card {margin:0; padding:0; font-size:11px;}
.billing .payment-information .payment-left {float:left;}
.billing .payment-information #expiration-month {width:100px; float:left;}
.billing .payment-information #expiration-year {width:100px; float:left; margin: 30px 0 0 20px;}
.billing .payment-information .payment-right {float:right; margin: 0 235px 0 0;}
.billing .payment-information .payment-right #security-code {width: 100px; margin: 6px 0 0 0;}
.billing .payment-information .save-info #not-save-card {width: 10px; margin:5px 0 0 0;  display:inline;}
.billing .payment-information .save-info #save-card {width: 10px; margin:10px 0 0 0;  display:inline;}
.billing .payment-information .save-info p {display:inline; padding: 0 0 0 10px;}

input.payment_type {margin:5px 5px 0 0}

input.no-border {border: none;}

.payment-option-div {
	margin: -15px 0px 0px 140px;
}

.payment-type-separator {
	margin: 5px 0 0 0;
	padding: 0;
	display: block;
}

.payment-type-border {
	border-bottom: 1px solid #d0d0d0;
}

ul.address_controls { 
	list-style: none outside none;
}

.address-container.shipping-address {padding:0 20px;width: 200px; float: left;}

.shipping label {font-weight:normal; font-size:12px;}
.shipping-address select {display:block; margin: 5px 0 10px 0;}
.shipping-address input {display:block; margin: 5px 0 10px 0; width: 200px;}
.shipping .shipping-left {float:left;}
.shipping .shipping-right {float:left; margin: 0 0 0 20px;}
.billing .billing-left {float:left;}
.billing .billing-right {float:left; margin: 0 0 0 20px;}
.shipping-address #state {width:205px;}
.shipping-address .note {padding: 0 0 20px 0;}
#validation-error {border:1px #bf2525 solid; color: #bf2525; display:inline;}
.input-error {color: #bf2525; display:inline; padding: 10px 0 0 5px;}

select.select-address { width: 300px; }


body#checkout-shipping .address-form-container {
    clear:both;
    /*padding-top:20px;*/
}

div.gift-options-container {
    padding-top:20px;
}


.gift-wrap {padding: 10px 20px 40px 20px; width:521px;}
.gift-wrap p {padding: 10px 0;}
.gift-wrap input {display:block; margin: 5px 0 10px 0; width: 200px;}
.gift-wrap #message {width:425px; height:100px;}
.gift-wrap #continue-checkout2 {width:135px;}
.gift-wrap .border-75x75 {float:left;}
.gift-wrap form {float:left; margin: 55px 0 0 10px;}
.gift-wrap form #select-wrap {width:10px;}
.gift-wrap span {float:left; margin: 65px 0 0 10px;}
.gift-wrap #continue-checkout2 {float:right; margin: 105px 0 0 0;}
.border-75x75 {border: 1px #BBBBBB solid; width: 76px; height: 76px;}

.form-item-gift-message .field {
    width: 398px;
}

.form-item-gift-message {
    margin-left: 12px;
}


.order-status {margin:10px 10px 0 10px; width:180px; background: #FFFFFF;}
.order-status p {padding: 5px 4px 10px 4px; margin: 0;}
.order-status ul {list-style:none; margin:0 4px; padding: 0;}
.order-status #bottom-pad {padding: 0 0 5px 0;}
.order-status .order-status-right {float:right;}
.order-status .wrap-total {padding-bottom:5px;}
.order-status .est-total {padding:5px 0;}

.no-margin {margin:0;}

.customer-service {margin:0 10px; padding:10px 0 0 0; width:180px; background: #FFFFFF;}
.customer-service p {margin: 10px 4px 0 4px;}

.offer-code {margin:0 10px 10px 10px; padding:10px 0 0 0; width:180px; background: #FFFFFF; border-bottom:1px #BBBBBB solid;}
.offer-code p {margin: 10px 4px;}
.offer-code #code {margin: 0 7px 0 4px; width:75px;}
.offer-code .offer-code-right {float: right;}
.offer-code #apply-code {padding:2px 0 0 0; margin:0 4px 0 0;}
.offer-code .bottom {margin-bottom:10px;}
#offer_code .offer_submit {margin: 10px 5px 5px; vertical-align: bottom;}

.gift-card {margin: 0 0 20px 20px;}
.gift-card p {width: 520px; padding: 10px 0 5px 0; margin: 0;}
.gift-card .gift-number {float:left;}
.gift-card .gift-pin {float: left; margin: 0 0 0 10px;} 
.gift-card label {margin: 0 0 10px 0;}
.gift-card input {width:150px;}
.gift-balance {float: right; margin: 42px 75px 0 0;}

.address-container.billing-address {padding:0 0px;width: 250px; float: left;}
/*.billing-address {margin: 0 0 10px 20px;}*/

.billing-address .billing-address-hdr .same-as-shipping {display:inline; padding: 0 0 0 100px;}
.billing-address .billing-address-hdr .same-as-shipping p {padding:0 8px; display:inline;}

.billing-address-form {margin:20px 0;}
.billing-address label {font-weight:normal; font-size:12px;}
.billing-address-form select {display:block; margin: 5px 0 5px 0;}
.billing-address-form input {display:block; margin: 5px 0 5px 0; width: 200px;}
.billing-address .billing-address-left {float:left;}
.billing-address .billing-address-right {float:left; margin: 0 0 0 20px;}
.billing-address-form #state {width:205px;}
.billing-address-form .note {padding: 0 0 20px 0;}
.billing-address-form #validation-error {border:1px #bf2525 solid; color: #bf2525;float: left;}
.billing-address-form .input-error {color: #bf2525; display:inline; float:left; padding: 10px 0 0 10px;}

.create-password {margin: 0 0 10px 20px;}
.create-password .createpw-left {float:left;}
.create-password .createpw-right {float:left; margin: 0 0 0 20px;}
.create-password .clearfix {margin:20px 0;}
.create-password label {font-weight: normal; padding: 0 0 5px 0; margin: 0; font-size:12px;}
.create-password input {display: block;  width: 200px;}

.email-sign-up {margin: 0 0 10px 20px;}
.email-sign-up .choose-email {margin:5px 0 0 0;}
.email-sign-up #set-email {width: 10px; margin:5px 0 0 0;  display:inline;}
.email-sign-up #set-instore {width: 10px; margin:5px 0 0 0;  display:inline;}
.email-sign-up p {display:inline; padding: 0 10px 0 10px;}
.email-sign-up #email-zip {display:inline;}
.email-sign-up #continue-checkout2 {float:right; margin: 75px 60px 0 0;}

.shipping-billing label {font-weight:normal; font-size:12px;}
.shipping-billing-header {padding:15px 0 0 0; margin: 0 60px 0 20px;}
.shipping-billing-header h1 {color:#101010; font-size:20px; float:left;}
.shipping-billing-header #continue-checkout {float:right; margin: 6px 0 0 0;}
.default-shipping {margin: 0 0 20px 20px;}
.shipping-billing .default-shipping p,
.shipping-billing .default-billing p {margin: 10px 0 0 0; width: 520px;}

.shipping-billing .ship-to {float:left; width:200px; margin: 0 0 10px 0;}
.shipping-billing .ship-to p a {text-decoration:underline; margin: 0 0 0 10px;}
.shipping-billing .ship-to ul {list-style:none; margin:5px 0 0 0;}
.shipping-billing .ship-to ul li {margin:0;}
.shipping-billing .default-shipping .method {float:right; margin: 10px 60px 0 0;}
.shipping-billing .default-shipping .method label {display:block; margin: 0 0 5px 0;}
.shipping-billing #choose-address-options {display:block; margin: 5px 0 0 0;}
.shipping-billing #choose-address-options a {margin: 0 0 0 10px;}
.shipping-billing #address-options {width:200px;}
.shipping-billing .gift-wrap p {margin:0;}
.shipping-billing .gift-wrap input {}

.default-billing {margin: 0 0 20px 20px;}
.default-billing ul {list-style:none; margin:5px 0 0 0;}
.shipping-billing .ship-to ul li {margin:0;}
.shipping-billing .edit {margin: 0 0 0 100px; text-decoration:underline;}
.shipping-billing .shipping-billing-left {float: left;}
.shipping-billing .shipping-billing-right {float:left; margin: 0 0 20px 40px;} 
.shipping-billing #choose-payment-options {display:block; margin: 5px 0 0 0;}
.shipping-billing #choose-payment-options a {margin: 0 0 0 10px;}
.shipping-billing #payment-options {width:200px;}

.shipping-billing .gift-card label {display:block;}
.shipping-billing .gift-balance {margin-top:27px;}
.shipping-billing .order-status .right {float:right; margin:0;}
.shipping-billing .offer-code .right {float:right;}
.shipping-billing .gift-card p a {text-decoration: underline;}

.security-code {width: 320px; height: 200px; border: 1px solid #d0d0d0; margin:20px; }
.security-code .credit-cards {float: left; margin: 30px 0 0 15px;}
.security-code .security-code-content {float: right; margin: 0 15px 0 0;}
.security-code .security-code-content .close {margin: 10px 0 3px 110px;}
.security-code .security-code-content .green {color: #326445; margin: 0 0 10px 0;}
.security-code .security-code-content p {width: 170px;margin: 5px 0 0 0;}

.gift-wrap #add-wrap {position:relative; bottom: 5px;}
/*ORDER CONFIRMATION*/
.order-confirmation {margin: 0 0 0 20px;}
.order-confirmation h1 {color:#101010; font-size:20px;}
.order-confirmation h2 {color:#101010; font-size:16px;}
.order-confirmation h2 .confirmation-number {color: #7C988D;}
.order-confirmation .mobile-number-form {float:left;}
.order-confirmation label {font-weight: normal;font-size:12px;}
.order-confirmation input {width:80px; margin: 0 5px; }
.order-confirmation #submit {width:55px; float:right; padding: 2px 90px 0 0;}
.order-confirmation .confirmation-settings {margin: 15px 0 0 0;}
.order-confirmation .confirmation-settings #terms {width: 10px; margin:5px 0 0 0;  display:inline;}
.order-confirmation .confirmation-settings #email {width: 10px; margin:5px 0 0 0;  display:inline;}
.order-confirmation .confirmation-settings p {display:inline; padding: 0 10px 0 10px;}
.order-confirmation .confirmation-settings p a {text-decoration: underline;}
.order-confirmation .print-confirmation {margin: 20px 0 40px 0;}

.confirmation-page .customer-service {margin:10px 10px; padding: 0;}

/*SIGN IN*/
#signin h1 { color: #000; font-size: 22px; margin: 35px 0 10px; }
.sign-in {margin: 0 0 0 20px;}
.sign-in h1 {color:#101010; font-size:20px; display:inline;}
.sign-in .not-you {display:inline; text-decoration:underline; margin: 0 0 0 10px;}
.sign-in .not-you a {text-decoration:underline; }
.sign-in .error {padding: 10px 0 0 0;}
.sign-in .required {padding:10px 0 0 0;}
.sign-in .sign-in-form {margin:15px 0 0 0;}
.sign-in .sign-in-form label {font-weight:normal; font-size:12px; margin: 0 10px 0 0;}
.sign-in .sign-in-form #password {margin: 15px 0 0 2px;}
.sign-in .forgot-password {margin: 0 0 0 76px;}
.sign-in .forgot-password a{text-decoration:none;}
.sign-in #submit {margin: 20px 0 0 167px;}

#checkout #signin-wrapper label span, 
#checkout #signin-wrapper .field-note em {color:#747775; font-size:10px; font-style:italic; margin-bottom: 8px; display: block;}
#checkout #signin-wrapper .field-note A {white-space:nowrap;text-decoration: underline;}
#checkout #signin-wrapper .form-item { clear:left; margin:0; padding:0 0 0.9em; }

/*REPLENISHMENT POPUP*/
.replenish-popup {width:660px; height:210px; border: 1px solid #d0d0d0; margin:20px;}
.replenish-popup .replenish {padding:20px;}
.replenish-popup .replenish h1 {float:left; margin:0;}
.replenish-popup .replenish .close {float:right; margin: 5px 0 0 0;}
.replenish-popup .replenish .close label {color: #7C988D;}
.replenish-popup .replenish p {padding-top:10px;}

/*ORDER REVIEW*/
.order-review .col-1 {margin: 20px 0 20px 20px; width: 690px;}
.order-review .order-review-header h1 {color:#101010; font-size:20px; display:inline;}
.order-review .order-review-header .submit {display:inline; margin: 0 0 0 115px;}
.order-review .order-review-header .submit input {margin: 0 0 0 20px;}
.order-review .order-review-header .submit label {margin: 0 10px 0 0;}
.order-review .submit2 label {margin: 0 10px 0 0;}

.order-review .personal-settings {margin:30px 10px 0 0;}
.order-review .personal-settings p {margin: 0 200px 20px 0;}
.order-review .personal-settings ul {list-style:none; margin:0;}
.order-review .personal-settings .bill-to {float:left;}
.order-review .personal-settings .ship-to,
.order-review .personal-settings .method {float:left; margin: 0 0 0 25px;}
.order-review .personal-settings .gift-message {width: 150px; float:left; margin: 0 0 0 25px;}
.order-review .personal-settings .method label {display:block; margin: 0 0 0 30px;}
.order-review .personal-settings #heading {margin: 0 0 10px 0;}
.order-review .personal-settings #gift-wrap {margin: 5px 5px 0 0;}
.order-review .personal-settings ul li a.edit {margin: 0 0 0 20px; text-decoration:underline;}

.order-review table {margin: 40px 0 0 0; width:100%; border-collapse:collapse; }
.order-review td { padding: 10px;vertical-align:top;  }
.order-review .table-head td { border-bottom: 1px #BBBBBB solid; padding-bottom: 5px; background: none; }

.order-review table tr.highlight {background: transparent url(/media/images/css/light-green-gradient-top_bg.gif) repeat-x;}



.order-review table .color {background: #fd7db3; height: 24px; width: 24px; margin: 5px 0 3px 0; _font-size: 1px; float:left;}
.order-review table .shade {float:left; margin: 3px 0 0 3px;}

.order-review table .quantity {width:100px; text-align: center; }
.order-review table #input-qty {width:15px; height:15px; text-align: center;}


.order-review table .quantity .replenishment {margin: 20px 0 0 -60px; overflow: visible;}
.order-review table .quantity .replenishment #replenish {margin: 0 0 5px 0; font-size: 11px;}
.order-review table .quantity .replenishment a {font-size: 11px; text-decoration:underline; margin: 0 0 0 5px;}

.order-review .dotted-x-t { height: 1px; padding: 0;}

.order-review .submit2 {float:right; margin: 40px 0 0 0; }
.order-review .submit2 input {margin: 0 0 0 20px;}

.order-review .order-stats

.border-75x75 {border:1px #BBBBBB solid;}



/* ... ORDER CONFIRMATION ... */
.confirmation-header {
	padding: 0 2em 1em 0;
}
	.confirmation-header h1 {
		color:#000000;
		font-size:18px;
		margin: 0 0 0.5em;
	}
	.confirmation-header h2 {
		color: #7c988d;
		font-size: 15px;
		font-weight: normal;
		/*letter-spacing: 0.005em;*/
		margin: 0 0 0.8em;
	}
	.confirmation-header p {
		margin-bottom: 1em;
	}
	.confirmation-header .action-set {
		padding: 0 0 1em;
		text-align: right;
	}
	#checkout-wrapper .cart-messaging p {
		/*padding-right: 80px;*/
	}
	#checkout-wrapper .sub-block p {
		padding-right: 130px;
	}
	#checkout-wrapper .sub-block p.instruction {
		margin: 15px 0 10px;
	}
/* print-confirmation (modal) */
.confirmation {
	width: 683px;
	margin: 13px auto;
}
	.confirmation .confirmation-header { padding-right: 300px; }

	.confirmation .brand {
		padding: 0 0 56px;
	}
	.confirmation-header .brand a {
		display: block;
		height: 66px;
		overflow: hidden;
		width: 197px;
	}
	.confirmation-header .confirmation-number {color:#7C988D; font-size:16px; }
	.confirmation .checkout-table thead th.products span { width: 404px; }
	.confirmation .checkout-table td.qty {
		padding-left: 20px;
	}
		.confirmation .checkout-table td.qty span {
			float: none;
		}
	.checkout-table .local-lang-name {
		margin-bottom: 1.35em;
	}

	.confirmation .orderstatus-table {
		float: right;
		margin: 11px 0;
		width: auto;
	}
		.confirmation .orderstatus-table th,
		.confirmation .orderstatus-table td {
			font-size: 12px;
			padding-bottom: 0;
			padding-top: 0;
		}
		.confirmation .orderstatus-table td {
			padding-left: 30px;
		}
		.confirmation .orderstatus-table td.dotted-x-b {
			display: none;
		}
		.confirmation .orderstatus-table .total th,
		.confirmation .orderstatus-table .total td {
			border-top: 1px solid #ccc;
			padding-top: 4px;
		}
		.confirmation .orderstatus-table .total th,
		.confirmation .orderstatus-table .total td,
		.confirmation .orderstatus-table .tax th,
		.confirmation .orderstatus-table .tax td {
			font-weight: bold;
			padding-bottom: 0;
		}
		.confirmation .orderstatus-table .tax th,
		.confirmation .orderstatus-table .tax td {
			font-weight: bold;
			padding-top: 0;
		}




.shadetable,
table.shadetable,
table.shadetable td,
.confirmation .order table.shadetable,
.confirmation .order table.shadetable td
{
	padding: 0;
	margin: 0;
}

.itemshadetable {
	margin: 4px 0 !important;
}

.itemshadetable td {
	margin: 3px 0 0 3px !important;
	padding: 0 !important;
	height:8px;
	line-height: 8px;
}


/* CHECKOUT NAVIGATION */
#checkout-navigation { background: url("/media/images/css/dotted_y_l-r.gif") repeat-y scroll left top transparent; margin: 0 0 -15px 0; padding: 1px 0px 1px 1px; border-top: thin solid #CACACA;}
#checkout-navigation .clearfix {  }
#checkout-navigation ul#navlist { list-style: none; margin: -1px 0 0 0; padding:0; float: left; z-index: 999; position: relative; }
#checkout-navigation ul#navlist li.item1,
#checkout-navigation ul#navlist li.item2,
#checkout-navigation ul#navlist li.item3,
#checkout-navigation ul#navlist li.item4,
#checkout-navigation ul#navlist li.item5 { float: left; margin: 0; padding: 0; }
#checkout-navigation ul#navlist li.item1 .item1,
#checkout-navigation ul#navlist li.item2 .item2,
#checkout-navigation ul#navlist li.item3 .item3,
#checkout-navigation ul#navlist li.item4 .item4,
#checkout-navigation ul#navlist li.item5 .item5 { background: url(/media/images/css/checkout-nav-sprite.gif) no-repeat 0 0; height: 30px; text-indent: -9999px; overflow: hidden; display: block; }

#checkout-navigation ul#navlist li.item1 .item1 { width: 87px; background-position: 0 0; }
#checkout-navigation ul#navlist li.item2 .item2 { width: 75px; background-position: -87px 0; }
#checkout-navigation ul#navlist li.item3 .item3 { width: 117px; background-position: -162px 0; }
#checkout-navigation ul#navlist li.item4 .item4 { width: 208px; background-position: -279px 0; }
#checkout-navigation ul#navlist li.item5 .item5 { width: 70px; background-position: -668px 0; }

body#shipping #checkout-navigation ul#navlist li.item1 .item1 { background-position: -0px -30px; }
body#billing #checkout-navigation ul#navlist li.item2 .item2 { background-position: -87px -30px; }
body#review  #checkout-navigation ul#navlist li.item3 .item3 {background-position: -162px -30px; }
body#confirm #checkout-navigation ul#navlist li.item4 .item4 { background-position: -279px -30px; }

#checkout-navigation .return-to-shopping { float: right; color:#326445; margin:7px 40px; }

.details-arrow-left { background: url(/media/images/css/details_arrow_left.gif) no-repeat scroll left 50%; padding-left: 8px;}

#checkout-signin-hint {margin-top: 6px; width: 250px;}
#checkout-signin-message {margin-top: 6px; width: 250px;}

/*SHOPPING CART*/
.shopping-cart .col-1 {margin: 20px 0 20px 20px; width: 670px;}
.shopping-cart .shopping-cart-header h1 {color:#101010; font-size:20px;}
.shopping-cart .shopping-cart-header .submit { float: right; padding-top: 15px;}
.shopping-cart .shopping-cart-header .submit input {margin: 0 0 0 20px;}
.shopping-cart .shopping-cart-header .submit label {margin: 0 10px 0 0;}
.shopping-cart .submit2 label {margin: 0 10px 0 0;}
.shopping-cart .free-shipping {margin: 20px 0;}

.shopping-cart .personal-settings {margin:30px 10px 0 0;}
.shopping-cart .personal-settings p {margin: 0 200px 20px 0;}
.shopping-cart .personal-settings ul {list-style:none; margin:0;}
.shopping-cart .personal-settings .bill-to {float:left;}
.shopping-cart .personal-settings .ship-to,
.shopping-cart .personal-settings .method {float:left; margin: 0 0 0 25px;}
.shopping-cart .personal-settings .gift-message {width: 150px; float:left; margin: 0 0 0 25px;}
.shopping-cart .personal-settings .method label {display:block; margin: 0 0 0 30px;}
.shopping-cart .personal-settings #heading {margin: 0 0 10px 0;}
.shopping-cart .personal-settings #gift-wrap {margin: 5px 5px 0 0;}
.shopping-cart .personal-settings ul li a.edit {margin: 0 0 0 20px; text-decoration:underline;}

.shopping-cart .order-status .left {float:left;}

.shopping-cart table {margin: 80px 0 0 0; width:100%; border-collapse:collapse; }
.shopping-cart td { padding: 10px;vertical-align:top;  }
.shopping-cart .table-head td { text-align:center; border-bottom: 1px #BBBBBB solid; padding-bottom: 5px; background: none; }
.shopping-cart .table-head td.no-align {text-align:left;}
.shopping-cart table tr.highlight {background: transparent url(/media/images/css/light-green-gradient-top_bg.gif) repeat-x;}



.shopping-cart table .color {background: #fd7db3; height: 24px; width: 24px; margin: 5px 0 3px 0; _font-size: 1px; float:left;}
.shopping-cartw table .shade {float:left; margin: 3px 0 0 3px;}
.shopping-cart table .price {text-align:center;}

.shopping-cart table .quantity {width:100px; text-align: center; }
.shopping-cart table #input-qty {width:15px; height:15px; text-align: center;}


.shopping-cart table .quantity .replenishment {margin: 20px 0 0 -60px; overflow: visible;}
.shopping-cart table .quantity .replenishment #replenish {margin: 0 0 5px 0; font-size: 11px;}
.shopping-cart table .quantity .replenishment a {font-size: 11px; text-decoration:underline; margin: 0 0 0 5px;}

.shopping-cart .dotted-x-t { height: 1px; padding: 0;}

.shopping-cart .submit2 {float:right; margin: 40px 0 0 0; }
.shopping-cart .submit2 input {margin: 0 0 0 20px;}

.shopping-cart .order-stats


.shopping-cart .enter-code  label {display:inline; padding: 5px;}
.shopping-cart .enter-code  input {display:inline; margin: 5px;}
.shopping-cart .enter-code #apply-code {position:relative; top: 3px;}
.shopping-cart .enter-code p { margin:0; font-size: 10px;}

.shopping-cart .order-total {width:200px; margin: 40px 0 0 470px;}
.shopping-cart .order-total ul {list-style:none; margin:0; }
.shopping-cart .order-total .left {float:left;}
.shopping-cart .order-total .right {float:right;}
.shopping-cart .order-total .wrap-total {padding:0 0 10px 0;}
.shopping-cart .order-total .total {padding: 10px 0 0 0;}
.shopping-cart .customer-service {margin:10px 10px; padding: 0;}

.shopping-cart .works-well-with {width:200px; float:right;  margin: 30px 40px 0 0;}
.shopping-cart .works-well-with h1 {border-bottom: 1px #BBBBBB solid; color:#326445; font-size:12px; margin:0; padding:0;}
.shopping-cart dl {padding: 10px 5px 5px 5px;}
.shopping-cart .works-well-with .highlight {background: transparent url(/media/images/css/light-green-gradient-top_bg.gif) repeat-x; padding: 10px 5px 5px 5px;}
.shopping-cart .hr {height:1px; margin:0;}
.shopping-cart  ul {list-style:none; margin:20px 4px; padding: 0;}
.shopping-cart #bottom-pad {padding: 0 0 10px 0;}


.message-refill-container {
	margin: 10px;
}

.message-refill-container #global-message-box-messagetext {
	padding-top: 0px;
	text-align: left;
}

.message-refill-container #global-message-box-messagetext p {
	margin: 0 0 10px 0;
}

.refillMessageButton {
	cursor: pointer; 
	padding: 0;
	margin: 3px 0;
	float: right;
}

#global-message-box-buttons {
	margin: 0 0 10px 0;
}


#securitycode-box {
position: absolute; 
top: 40px;
right: 0;
width: 140px;
height: 183px;
background: url(/media/images/css/securitycodeshadow_bg.gif) no-repeat;
padding: 7px 20px 0 130px;
}




#securitycode-box p { margin: 0; font-size: 10px;}

#securitycode-box h3 { font-size: 11px; margin: 0 0 5px 0; clear: right; font-weight: normal; }

#securitycode-box #securitycode-close { 
		float: right;
		color: #326445;
		font-size: 12px;
		text-transform: uppercase;
		background: url(/media/images/css/lb-close.gif) no-repeat 0 3px;
		padding-left: 14px;
		margin-bottom: 12px;
	}

/*Selects drop-down override*/

#optionsDiv0,
#optionsDiv1,
#optionsDiv2,
#optionsDiv3,
#optionsDiv4 {
	position:absolute;
	margin-top: 2px;
	margin-left:0;
	width:172px;
	background:#fff;
	padding: 4px 7px 4px 12px;
	font-size: 11px;
	border: 1px solid #d0d0d0;
	border-top: 0;
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
#optionsDiv0 p,
#optionsDiv1 p,
#optionsDiv2 p,
#optionsDiv3 p,
#optionsDiv4 p {margin:0;padding:0;}

#optionsDiv0 a,
#optionsDiv1 a,
#optionsDiv2 a,
#optionsDiv3 a,
#optionsDiv4 a{
	color: #000;
	text-decoration:none;
	display:block;
	margin: 0 0 3px 0;
	_width: 100%;
}

#optionsDiv0 a:hover,
#optionsDiv1 a:hover,
#optionsDiv2 a:hover,
#optionsDiv3 a:hover,
#optionsDiv4 a:hover { color: #D6A847; }

/* EDIT PERSONAL INFO */
.personal-info-container {padding:0 10px;}
.personal-info-container h1 {color:#000; font-size: 22px;}

.personal-info-container p {margin: 15px 0;}
.personal-info-container .personal-info-form-table {margin: 0 0 20px 0;}

.personal-info-container .personal-info-form-table td {padding: 5px 10px 0 0;}
.personal-info-container .personal-info-form-table td.personal-info-country {padding: 15px 0 0 0;}
.personal-info-container .personal-info-form-table label {display:block; padding: 0 0 5px 0;}

.personal-info-container .state {margin: 10px 0 0 0;}
.personal-info-container .payment-state {margin: 10px 0 0 0;}
.personal-info-container .month {margin: 10px 0 0 0;}
.personal-info-container .personal-info-form-table td#expire-year {padding: 25px 0 0 0;}

.personal-info-container .email-alerts {margin: 0 0 15px 0; vertical-align: bottom;}
.personal-info-container .email-alerts-select {padding: 0 0 5px 0;}
.personal-info-container .email-alerts-select input {float:left; margin: 3px 5px 5px 0;}

.personal-info-container .mobile-alerts-select {float:left; margin: 0 5px 5px 0;}

.personal-info-container .terms-accept {margin: 20px 0 0 20px;}
.personal-info-container .terms-accept input {margin-right: 5px;}

.input-field-mobile { float: left; border: 1px solid #aaa; width: 35px; margin-right: 7px; font-size: 11px; padding: 1px 2px;}

.lighterwindow_background {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.5;
	opacity:.50;
	filter: alpha(opacity=50);
	z-index:1001;
}
.lighterwindow_foreground {
	border: 1px solid #cccccc;
	background-color: white;
}

.lighterwindow_title_bar {
	padding:10px 15px 0pt 0pt;
	background: solid white;
}

.lighterwindow_title_bar a{
	background:transparent url(/media/images/css/lb-close.gif) no-repeat scroll 0pt 3px;
	color:#326445;
	cursor:pointer;
	float:right;
	font-size:12px;
	padding-left:14px;
	/*text-transform:uppercase;	*/
}

.lighterwindow_title_bar a:hover{
	color:#D6A847;
}

form span.progress {
	padding: 3px;
	margin-left: 6px;
	margin-right: 6px;
}

#order-detail-window {
	padding: 0px 10px;
}

.hazmat0 { display: none; }
.hazmat1 { color: #bf2525; }

#gc_iframe {
	width: 915px;
	height: 400px;
}

/*
 * 40px seems to be the sweet spot for all browsers. The
 * width assignment of a select list appears to be interpreted
 * differently in different browsers. Some include the drop-down
 * button as part of the width, some dont.
 * If we go below 40 px, it starts to look bad in safari
*/
.qty_select {
	width: 40px;
}

.checkout-order-status tr.discount { color:#e1157a; }
.checkout-order-status td { border-collapse: collapse; }
.checkout-order-status td.price { text-align: right; padding-left: 3px; }
.checkout-order-status th.spacer-line,
.checkout-order-status td.spacer-line { border-bottom: 1px dotted #CCCCCC; height: 1px; padding: 0; margin: 0; }

#finalTotalTableContainer {
	margin-left: 509px;
	margin-bottom: 20px;
}
#finalTotalTableContainer table.checkout-order-status
{
	width: 200px;
}
#finalTotalTableContainer p.checkout-order-status {display: none;}

