/* Start of CMSMS style sheet 'cart_styles' */
/*
====Colours Used=======
white bg		= #eff0f0   
internal bg white = #fbfbfb

light blue = #add0e1
mid blue	= #6caedf
dark blue	= #355d72

light grey	= #eff0f0
dark grey = #444142

link	= #6caedf
text black	= #444142
text white	= #ffffff
=======================
*/
/**************************
 General   
**************************/
.no-border{
	border:0px;
}
.left{
	float:left;
}
.right{
	float:right;	
}

/****************************************
DATA TABLE
*****************************************/
.data_table{
	background-color:#add0e1;
	border:1px solid #355d72;
margin-bottom:10px;
}
.data_table td{
	border-right:1px solid white;	
	border-bottom:1px solid #eff0f0;	
	padding:5px 5px 5px 5px;
	text-align:center;	
	vertical-align:top;	
}
.data_table thead{
	background-color:#355d72;
	color:#FFFFFF;
	font-size:1.1em;
	font-weight:bold;
}
.data_table tfoot{
	background-color:#6caedf;
	height:5px;
	font:0px;
}
.data_table tfoot td{
	padding:0px;
	border:0px;
}
/***************************
FORMS
***************************/
#page_item textarea{
	width:500px;
}

.title_col{
	width:120px;
	vertical-align:top;
	color:#FFFFFF;
	background-image:url(images/shopping_cart/arrow.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
	background-color:#444142;
	border-bottom:1px solid #685848;
	padding:7px 5px 3px 25px;	
}

.input_col{
	vertical-align:top;
	width:250px;
	background-color:#E5E5E5;
	border-bottom:1px solid #ffffff;	
	padding:3px 0px 3px 10px;
	color:#444142;
	font-weight:bold;
}
input.inputbox,
textarea.inputbox,
select.inputbox{
	width:200px;
	margin-bottom:5px;
}
.form_button img{
	border:0px;
}



/****************************************
SHOPPING CART
*****************************************/
#cart_container{
	width: 725px;
}
#cart{
	width: 725px;
}
#cart td{	
}
#cart thead{
}
#cart tfoot{
}
#cart tfoot td{
}

#cart .item_name{
	width:180px;
	background-image:none;
}
#cart .item_style{
	width:150px;
	text-align:left;
}
#cart .item_code{
}
#cart .item_quantity {
	width:50px;
}
#cart .item_quantity input{
	width:40px;
	text-align:center;
}
#cart .item_remove{
	text-align:center;
}
#cart_summary{
	float:right;
	font-size:1.1em;
	font-weight:bold;
	width:220px;
	margin-top:30px;
}
#cart_summary .item{
	border-bottom:1px solid #444142;
	padding:5px;
}
#cart_summary .total_price{
	border-top:1px solid #eff0f0;
	margin-top:1px;
	padding-top:20px;
	font-size:1.2em;	
}
#cart_summary .left_col{
	text-align:right;
}
#checkout_button{
	margin-top:0px;
}
/****************************************
USER DETAILS
*****************************************/
#user_details_container{
	width: 600px;
}
.user_details td{
	border-right:0px solid white;	
	text-align:left;
	}
.user_details .title_col{
	width:100px;	
	background-color:#E5E5E5;
	background-image:none;	
	color:	#444142;
}

.user_details .input_col{
	width:180px;	
}
.user_details input.inputbox,
.user_details textarea.inputbox,
.user_details select.inputbox{
	width:150px;
}

/****************************************
USER Login
*****************************************/
#login_container{
float:left;
	width:285px;
	border-right:5px solid #add0e1;
	padding:0px 30px 0px 0px;
	margin:30px 0px 0px 0px;
}
#login_container h2{
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:2px solid #add0e1; 
}
.user_login{
	
}
.user_login td{
	border-right:0px solid white;	
	text-align:left;
	}
.user_login .title_col{
	width:100px;	
	background-color:#E5E5E5;
	background-image:none;	
	color:	#444142;
}

.user_login .input_col{
	width:150px;	
}
.user_login input.inputbox,
.user_login textarea.inputbox,
.user_login select.inputbox{
	width:150px;
}

#newuser_container{
	float:left;
	width:285px;
	padding:0px 0px 0px 30px;
	margin:30px 0px 0px 0px;
}
#newuser_container h2{
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:2px solid #add0e1; 
}
/****************************************
FINAL REVIEW
*****************************************/
#final_review_container{
	width: 650px;
}

#final_review_container #cart_summary{
	font-size:1em;
	font-weight:bold;
	width:220px;
	margin-top:10px;
}
#final_review_container #cart_summary .item{
	border-bottom:1px solid #444142;
	padding:5px;
}
#final_review_container #cart_summary .total_price{
	border-top:1px solid #444142;
	margin-top:1px;
	padding-top:20px;
	font-size:1.2em;	
}
#final_review_container #cart_summary .left_col{
	text-align:right;
}
textarea.delivery_details{
	width:350px;
}
/* End of 'cart_styles' */

