/*************************************************************
SITE: 				ShuttersBeachStyle.com


xHTML/CSS AUTHOR: 	Christopher PallŽ for HotelsAtHome.com
Web site:			www.chrispalle.com


*************************************************************

dcp.css
This stylesheet is used to style the ECware shopping cart
system

*************************************************************/


/************************ General Typographical *************/

h4.pageTitle, h4.checkoutTitle {/*OC new*/
	color: #575781;
	font: normal lighter 1.5em Georgia,"Times New Roman",Times,serif;
	margin: 60px 0px 0px 21px;
}


h4.orderTitle { /*OC new*/
	color: #575781;
	font: bold 10pt Georgia,"Times New Roman",Times,serif;
	margin: 0px 0px 0px 0px;
}

.errorMessage {
	color:#ff0000;
}

/***************************** Cart View *******************/
/*-------------- outermost container table ----------------*/
table.dcp_frame {
	width: 742px;
}

table.dcp_frame font.basket_expires, .descr_text { /*OC New*/
	font: normal .9em Arial,Helvetica,sans-serif;
	padding-left: 21px;
	color: grey;
}

/*-------------------- cart contents table ----------------*/

table.form {
	position:relative;
	border-collapse: collapse;
	font: normal .9em Arial,Helvetica,sans-serif;
	width: 732px;
	margin: 20px 20px 0px 20px;
}

table.form font {
	display: block;
}


table.form tr.form_head td { /*OC new*/
	padding: .3em 0em;
	position: relative;
	/*width: 100px;*/
	border-bottom: 1px solid #C4C4D3; /* IE needs border on TD */
}

table.form tr.form_head {
	position:relative;
	font-weight:lighter;
	color: #8989A7;
	text-transform: uppercase;
}

.chkout_form_head { /*OC new*/
	font-weight:bold;
	color: #8989A7;
	font-size:10pt;
	text-transform: uppercase;
	font-family: Arial,Helvetica,sans-serif;
}

table.form tr.form_head td:first-child {
	text-align:left;
}

table.form font.basket_price, table.form font.basket_amount {
	text-align: center; 
}	

table.form tr.form_body td, table.form tr.form_alt_body td {
	color:#25255B;
	border-bottom: 1px solid #C4C4D3; /* IE needs border on TD */
}

.chkout_form_body { /*OC new*/
	color:#25255B;
	font: normal 9pt Arial,Helvetica,sans-serif;
}

.chkout_form_DarkGray { /*OC new*/
color: #747474;
}


table.form tr.form_body td font.basket_partname, table.form tr.form_alt_body td font.basket_partname {
	font: bolder .9em Georgia, "Times New Roman", Times, serif;
	color: #0099CC;
	display: block;
	padding: 1em 0em;
	width: 200px;
}

table.form tr.form_body input.qty, table.form tr.form_alt_body input.qty {
	border: 1px solid #C4C4D3;
	text-align: center;
}

table.form tr.form_body td font.basket_update_text {
	padding: 1em 0em;
	
}

table.form table.basket_subtotal {
	font-size: 1em;
	font-weight: bold;
	margin-right: 9em;
}

table.form table.basket_subtotal font.basket_subtotal_text {
	margin-right: 2em;
}

table.form table.basket_subtotal font.basket_subtotal {
	margin-bottom: 14px;
}



/*---------------------------------------  Update Quantity Button */
table.form tr td input.btn_basket_update {
	background: transparent url(../../images/buttons/update-button.gif) center top no-repeat;
	width: 132px;
  	height: 30px;
	overflow:hidden;
  	 margin: 1.5em;
  	 border: 0;
  	 padding: 30px 0 0;
  	 cursor: pointer; /* hand-shaped cursor */
  	 cursor: hand; /* for IE 5.x */
}

/*---------------------------------------  Continue Shopping Button */
input#basket_contshop {
	background: transparent url(../../images/buttons/continue-shopping-button.gif) center top no-repeat;
	width: 132px;
  	height: 30px;
	overflow:hidden;
  	margin: 5px 0px;
  	border: 0;
  	padding: 30px 0 0;
  	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
}

/*-----------------------------------------------  Checkout Button */
input#basket_continue {
	background: transparent url(../../images/buttons/checkout-button.gif) center top no-repeat;
	width: 132px;
  	height: 30px;
	overflow:hidden;
  	margin: 5px 15px;
  	border: 0;
  	padding: 30px 0 0;
  	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
}

/*-----------------------------------------------  Continue Button */
input#form_continue, input#options_continue { 
	background: transparent url(../../images/buttons/button-continue.gif) center top no-repeat;
	width: 132px;
  	height: 30px;
	overflow:hidden;
  	margin: 5px 15px;
  	border: 0;
  	padding: 30px 0 0;
  	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
}	

/*-----------------------------------------------  Confirm Button */
input#order_continue, .btn_order_continue { /*OC new*/
	background: transparent url(../../images/buttons/button-placeorder.gif) center top no-repeat;
	width: 132px;
  	height: 30px;
	overflow:hidden;
  	margin: 5px 15px;
  	border: 0;
  	padding: 30px 0 0;
  	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
}


/**************************** Check out pages **********************/

#pgDCP table.form tr.form_body td, #pgDCP table.form tr.form_alt_body td {
	color:#25255B;
	border-bottom: 0px none; /* IE needs border on TD */
}

#pgForm table.form tr.form_body td {
	color:#25255B;
	border-bottom: 0px none; /* IE needs border on TD */
	padding: .2em 0;
}

#pgForm table.form tr.form_body td input, #pgForm table.form tr.form_body td select {
	margin: 0 .5em;
}

#pgOptions table.form tr.form_body td, #pgOptions table.form tr.form_alt_body td {
	color:#25255B;
	border-bottom: 0px none; /* IE needs border on TD */
	padding: .2em 0;
}

#pgOrder table.form tr.form_body td, #pgOrder table.form tr.form_alt_body td {
	color:#25255B;
	border-bottom: 0px none; /* IE needs border on TD */
	padding: .2em 0;
}

#pgConfirmed table.form tr.form_body td, #pgConfirmed table.form tr.form_alt_body td {
	color:#25255B;
	border-bottom: 0px none; /* IE needs border on TD */
	padding: .2em 0;
}

#pgDCP table.form tr.form_head td, #pgForm table.form tr.form_head td, #pgOptions table.form tr.form_head td, #pgOrder table.form tr.form_head td, #pgConfirmed table.form tr.form_head td, {
	padding: .3em 0em;
	position: relative;
	/*width: 100px;*/
	border-bottom: 1px solid #C4C4D3; /* IE needs border on TD */
}

order
/*--------------------------------- Misc. Checkout Styles ---------*/


.validate_warn {
	color: red;
}

/*--------------------------------- Checkout Steps Labels ---------*/

.steps{ /*OC new*/
font: normal 1.3em Georgia,"Times New Roman",Times,serif;
}
.steps .bold{ /*OC new*/
font: bold 1.5em Georgia,"Times New Roman",Times,serif;
}

ul#checkoutSteps {
	width: 745px;
	height: 40px;
	background-color: #E7E5EB;
	position: absolute;
	top: 4px;
	left: 25px;
}

ul#checkoutSteps li {
	float: left;
	text-indent: -9000px; /*hides text, thanks Mike! http://phark.typepad.com/phark/2003/08/accessible_imag.html*/
	height: 40px;
}

#pgForm ul#checkoutSteps li#step1, #pgOptions ul#checkoutSteps li#step1, #pgOrder ul#checkoutSteps li#step1, #pgConfirmed ul#checkoutSteps li#step1 {
	background: transparent url(../../images/cart_steps/step_1_active.gif) center top no-repeat;
	width: 148px;
}

#pgForm ul#checkoutSteps li#step2 {
	background: transparent url(../../images/cart_steps/step_2.gif) center top no-repeat;
	width: 220px;
}

#pgOptions ul#checkoutSteps li#step2, #pgOrder ul#checkoutSteps li#step2, #pgConfirmed ul#checkoutSteps li#step2 {
	background: transparent url(../../images/cart_steps/step_2_active.gif) center top no-repeat;
	width: 220px;
}

#pgForm ul#checkoutSteps li#step3, #pgOptions ul#checkoutSteps li#step3 {
	background: transparent url(../../images/cart_steps/step_3.gif) center top no-repeat;
	width: 214px;
}

#pgOrder ul#checkoutSteps li#step3, #pgConfirmed ul#checkoutSteps li#step3 {
	background: transparent url(../../images/cart_steps/step_3_active.gif) center top no-repeat;
	width: 214px;
}


#pgForm ul#checkoutSteps li#step4, #pgOptions ul#checkoutSteps li#step4, #pgOrder ul#checkoutSteps li#step4 {
	background: transparent url(../../images/cart_steps/step_4.gif) center top no-repeat;
	width: 163px;
}

#pgConfirmed ul#checkoutSteps li#step4 {
	background: transparent url(../../images/cart_steps/step_4_active.gif) center top no-repeat;
	width: 163px;
}

/*--------------------------------- Order Submit Page ---------*/
#pgOrder font.order_total_text {
	margin-right: 50px;
}

#pgOrder font.order_qty {
	margin-right: 15px;
}
.banner{width:757px; height:137px; padding: 0 0 0 5px;}
p.banner + h4.pageTitle, p.banner + h4.checkoutTitle {margin-top:10px;}

/*============================================================================
					New Checkout Steps
=============================================================================*/
/* Reset */

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

.form-content h1{color: #575781;font: normal lighter 1.8em Georgia,"Times New Roman",Times,serif; padding:22px 0 0 0;}

.CartSummary { padding:0 0 10px 0; margin: 0; background: #dfd9c5;}
.CartSummary span{font-family:Arial,Helvetica,sans-serif; font-size:11px;  }
.CartSummary a { padding: 0 10px 0 5px; font-size: 11px; }
.CartSummary h3 {  margin: 0 ; padding: 0; width:360px; }
.CartSummary #close, .CartSummary #open { margin: 4px 2px 0 6px; }

/* Right Cart Summary*/
.cart-view-total		{ padding: .5em 10px; margin: 0;}
.form-content .cart-view-total label, fieldset label  { width:140px; float:left; display:block; text-align: left; color:#262B4A; font-family:Arial,Helvetica,sans-serif; font-size:11px;}
.cart-view-total li 	{ text-align: right;display:block; overflow:hidden; margin:5px 0;}
.cart-view-total li.last { border-top: 3px solid #e8e6d9; }
.cart-view-total ul li:first-child{ text-align: left; margin: 0 0 10px 0; }
.cart-view-total ul li:last-child { border-top: 1px solid #e8e6d9; padding: 3px 0;}

/*	Promotion Code	 */
.promo-code			 { background: #d6cdb0; padding: 8px; overflow:hidden; margin:5px 0;}
input#btnApplyPromo	 { padding:3px 0; width:70px; background-color: #c0b08b; font-family: inherit; 
					   cursor: pointer;margin: .4em 0; color:#4c3327; border: none;}
input#btnApplyPromo:focus { background:#b39e6d;color:#c0b08b; outline: none; }
input#btnApplyPromo:hover { background: #b39e6d; }
.promo-code input    { padding: .2em; border-color: none; width: 140px; vertical-align: middle;  }
.promo-code li		 { padding: 0; margin: 0; border-bottom: 1px dashed #4c3327; clear: both;  }
.promo-code li label { width: 201px; font-weight: normal;}
.promo-code		em { background: #dbeffd; border: 1px solid #c4def0;display: block; padding: 3px; text-align: center; font-weight: bold; letter-spacing: 2px;
margin: 3px auto;}

 /** New Checkout Steps **/
.CheckOut-Steps { margin: .8em 0; padding: 0; overflow:hidden; }
.CheckOut-Steps li	{display: block; padding: 0 0 11px 0; margin:0 0 0 6em; float:left; font-size: 12px; color: #262B4A; font-weight: normal; }
.CheckOut-Steps li:first-child { margin: 0; }
.CheckOut-Steps li a{color: #888;}
.CheckOut-Steps li a:hover{color: #000000;}
.CheckOut-Steps li span { display:block; background:url(../images/icons/step-icons.gif) no-repeat; margin: 0; font-size:18px; padding: 0 0 8px 0; }
.pgStep1 li.step-1, .pgStep2 li.step-2, .pgStep3 li.step-3, .pgStep4 li.step-4{color: #575781; font-weight: bold;}

/*	Rewards  */
.rewards-code			 { background: #ddd; padding: 8px; overflow:hidden; margin:5px 0; color: #333;}
.rewards-code input    { padding: .2em; margin: 4px 0;border-color: #dadada; width: 140px; vertical-align: middle;  }
.rewards-code li		 { padding: 0; margin: 0; border-bottom: 1px dashed #EFECE0; clear: both;  }
.rewards-code li label { width: 201px; font-weight: normal;}
.rewards-code span { display: block; font-size: 11px; margin: 5px 0; }
.rewards-code span a { padding: 0; }

/*	Cart Overview - Items in the order */
div.cart-view { padding: 0; margin: 2px 8px; border: none;}
.cart-view ul { font-size:11px; padding: 5px 0; margin: 0 1px; overflow:hidden; clear:both;font-family:Arial,Helvetica,sans-serif;  }
.cart-view li{float:left; display:inline;}
.cart-view li#ItemDescr { width:60%;  }
.cart-view li#Price		{ width:18%; text-align: right;}	 	
.cart-view li#Qty		{ width:12.5%; padding:0; margin:0; text-align: center; }	
.cart-view li#Qty .title { margin:0; width: 19px; text-align: center; padding: .15em; }	
.cart-view li#Amount	{ width:18%; }
.cart-view li#Delete    { width: 6%;  margin: 0 0 0 6px; }
.cart-view h5 { font-size: 13px !important; margin:5px 0; border-bottom: 1px solid #e8e6d9; text-transform: none; color: #555; clear:both; padding:5px 0;}
.cart-view li#Delete a.trash { background: url(../../images/delete.gif) no-repeat; text-indent: -9999px; height: 14px; display: block; padding: 0;}

div.cart-order{ border-bottom:1px solid #aed0c2; float: none; clear: both; overflow:hidden; padding: .4em  0; display:block; }
.cart-order ul { padding:0; margin:0; overflow:hidden; clear:both;  list-style: none; display:block;}
.cart-order li{ display:block; float: left; list-style: none; margin: 0; padding: 0;}
/*	Purchased Items in Cart  */
div.cart-order { margin: 0 1px !important; border-color: #e8e6d9;}
.cart-order li#ItemDescr	{ width:39%; text-align:left; font-weight: bold;padding: 0 0 0 10px;}
.cart-order li#ItemDescr span { display: block; font-weight: normal; }
.cart-order li#ItemImg { width: 24%; }
.cart-order li#Price, 
.cart-order li#Total	{ width:25%; text-align: right; }
.cart-order li#Qty		{ width:6%; }
* html div.cart-order{height:100%;  display:block;}

/* Total Price */
.cart-order-total		{padding: .5em 9px; margin: 0; font-weight: bold; background: #d8d8d6; overflow:hidden;}
.cart-order-total label  { width:100px; float:left; display:block; text-align: right; color: #262B4A; padding-right:5px;}
.cart-order-total li 	{ text-align: right; display:block; overflow:hidden; margin:5px 0; }
.cart-order-total ul li:first-child{ }
.cart-order-total ul li:last-child { border-top:1px solid #999; }
.cart-order-total ul li h2 { margin:0; }
* html .cart-order-total{height:100%;  display:block;}
/**/

.Receipt { padding: 10px; background: #F6F6F3;  }
.Receipt .thead { background: none; }

/*=============================== End of Cart Summary ============================*/

.form-content input, .form-content input.text, .form-content input.title, .form-content textarea, .form-content select {border:1px solid #BBBBBB;margin:0.2em 0 !important;}
fieldset ul    	{ margin: 0; list-style: none; padding: 0; }
fieldset ul li 	{ margin-bottom: .5em; }
fieldset li	   	{ overflow: hidden; clear: both; display: block; }
#content-wrap fieldset label 	{ width: 150px; display: block; float: left; color: #262B4A; font-family:Arial, Helvetica, sans-serif; padding:3px 0 0 0; font-size:11px;}
fieldset select { margin: 0; padding:.1em; width: 176px;}
fieldset select.xlrg{width:300px; }
fieldset input 	{ width: 174px; font-size: 11px;padding:.1em; }
input[type="checkbox"]  {width:20px;}
select.salesCentral {display: block;width: auto ;}
.form-content fieldset{border:0; padding:0 0 10px 10px;}
.optionSelect input[type="radio"]{width:22px;}

/** New Checkout Steps **/
.span-6 { width:360px; padding-bottom:5px;}
.span-4 { padding:0 0 10px 10px; width:360px; border:0;}
.span-3{width:290px;}
.span-7{width:450px;}
.CartSummary span-3{margin-top:-30px;}
.form-content .right{float:right; display:inlnine; position:relative;}
.form-content .left{float:left;}
#pgOrder .span-3, #pgOrder .span-4, #pgOrder .span-6{width:200px;}

.form-content ul ol{list-style:none;}
.form-content { background:#fff; color:#262B4A; font-family:"Times New Roman", Times, serif; font-size:12px; margin-left:50px;}
#content-wrap .form-content h2 { color:#575781; padding:0 0 8px; text-transform:none; font-weight:bold; background:none; border:0; font-family:"Times New Roman", Times, serif; margin:0; font-size:14px;}
.form-content .box{ background:none repeat scroll 0 0 #F6F6F3; margin-bottom:5px; padding:10px; font-family:Arial,Helvetica,sans-serif; font-size:11px;}
.form-content .box a{color:#666;}
.form-content .box a:hover{color:#b4aeae;}
.form-content h2 span {text-transform:none; color:#666; font-size:80%;}
.form-content h3{color:#575781; margin-bottom:5px;}
.pgStep1 .form-content h3{}
.form-content h3 span{color:#666; font-size:80%;}

.promo-code{background:#666; color:#fff;}
.pgStep2 .button a, .pgStep3 .button a, .pgStep4 .button a {width:134px; text-indent:0; text-decoration:none; }
.pgStep1 .button a, .pgStep2 .button a, .pgStep3 .button a, .pgStep4 .button a,
.button a, .finalFormBtn, .checkout_btn a { background:#dfe0eb url(../../images/buttons/order-button.gif) repeat scroll 0 0; color:#000; display:block; float:left; margin:1px 0 3px 0; padding:2px 6px; text-transform:none; height:26px; width:138px; text-indent:0; text-decoration:none; font: 12px/26px "Times New Roman", Times, serif; text-align:center; }
.finalFormBtn a { color:#fff; text-decoration:none; }
input.finalFormBtn{ background: url(../../images/buttons/button-placeorder.gif) no-repeat; width:134px !important; height:31px; margin:5px 0 10px 0 !important; border:0;}

.CartSummary { background:none repeat scroll 0 0 #F6F6F3; margin:0; padding:0 0 10px; }
.show-cart { display:none; }
.CartSummary a { color:#666; text-decoration:none; }
.customer-review{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#262B4A; }
.customer-review li{padding:2px 0;}
.customer-review a { color:#575781; }
.pgOrder .form-content hr{width:690px; margin-top:1.45em;}
.form-content hr { background:none repeat scroll 0 0 #cecfd0; border:medium none; clear:both; color:#cecfd0; float:none; height:0.1em; margin:0 0 1.45em; width:100%; }
body:first-of-type input[type="checkbox"], body:first-of-type input[type="radio"] { vertical-align:0; }
.formField { margin:6px 0 0 0; }
.customer-review ul { border-bottom:1px solid #cecfd0; list-style:none outside none; margin:1em 0 0.5em; min-height:70px; padding:0 0 0.5em; color:#666;}
input#btnApplyPromo{background:#fff; color:#000;}
input#btnApplyPromo:hover{background:#b4aeae; color:#fff;}

.gray .added{color:red !important;}
.form-content img.right{float:right;}
.form-content strong{font-weight:bold;}

.form-content textarea {height:90px;padding:5px;width:320px;}
.form-content input.med, select.med {width:100px;}
.form-content input.sm, select.sm{width:70px;}

li#deloptions label{float:none; margin-bottom:8px;}
.form-content input.chkOutFormTxtField{border:1px solid #BBBBBB;}
.pgStep4 .span-5{padding-bottom:8px; border:0;}

.SSL_info{ width:710px; height:73px; padding:22px 30px 0 0; margin:5px 0 8px 15px; background: url(../../images/ssl-bar.jpg) no-repeat; clear:both;}
.SSL_info img{float:right;}

#pgOrder #content-wrap .form-content h2{padding-top:8px;}
#pgOrder #content-wrap .form-content h6{margin-bottom:15px; font-weight:bold;}
#pgOrder #content-wrap .form-content h6 strong{font-size:125%;}
#pgOrder h1{ font-size: 1.5em; font-weight:bold; padding:8px 0; text-transform:uppercase;}

/*Pop Up window*/
/* Step1: Canada popup*/
.popup-wrapper { padding: 13px 10px 0 10px; }
.popup-wrapper .notice{ text-align: center; color: #63594c; font-size: 13px; font-weight: bold;
background:#ffffe9 url(../../images/misc/error_icon.gif) no-repeat 10px 10px;padding-left: 20px; margin-top: 1.6em; }
.popup-wrapper p { line-height: 15px; }
.popup-wrapper hr { background: #dadada; margin:15px 0; }
.popup-wrapper { width: 437px; height: 295px; margin: 12px 0 5px 10px; }
.popup-wrapper #product-popup li { margin: 0 !important; }

#demo_btn{margin-left:3px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:none;color:#a6092e;border:none; font-weight: bold; padding: .8em 0;}
.notice {background:#ffffe9;color:#444;border-color:#e2daaf; font-size: 11px;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.push-0{float:right;}
span a.print{float:right; display:block; margin-right:100px;}

/* Accept Terms Addition */
.confirmTerms { background: #eaeaea; border: 1px solid #e1e0e0; display: block;  width: 510px; padding: 2px 7px 0 2px; margin:8px 0; overflow:hidden;}
.confirmTerms p{float:left; margin:0; line-height:3em;}
#cardImgAmex, #cardImgMaster, #cardImgVisa, #cardImgDiscover{position:absolute; right:30px;}

div#pleaseWaitButtonDiv2_PleaseWaitButton1, div#pleaseWaitButtonDiv_PleaseWaitButton1{float:right; margin:0;}
div#pleaseWaitButtonDiv2_PleaseWaitButton1{padding-top:5px; font-weight:bold;}
.pgStep4 span.small{font-size:7pt; padding:3px 0 8px 40px; display:block; color:#747474;}