/*************************************************************
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;
}