/* --- GENERAL HTML FORMATTING and COLORING and FONTS --- */
body{
	font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #696969;
	margin: 0; margin-top: 30px;
	background: #C2CBBA;
	}

/*a{text-decoration: none; color: #666; cursor: pointer}*/
a{text-decoration: none; color: #7D90A7; cursor: pointer}

img{border:0;}

select, textarea, input{font: 10px Verdana, Tahoma, "Lucida Sans Unicode", Helvetica, Arial, sans-serif; color: #666;}
select, textarea{
	border: 1px solid #999;
	padding: 2px; 
    }

h2, h3, h4{padding: 0; margin: 0; font-weight: normal;}
	h3{font-size: 14px; color: #999;}
	h4{font-size: 14px; font-weight: bold;}

h2{
	background: #E1E7DD;
	padding: 5px 12px;
	font-size: 12px; font-weight: bold; color: #626262;
	}

ul{margin-top: 10px}

hr{border: 0; width: 100%; color: #CCC; background-color: #CCC; height: 1px; padding: 0; margin: 0}




/* --- GENERAL CLASSES and PAGE FORMATTING --- */	
.hide, .hidden {display: none !important;}  /* off */
.invisible {visibility: hidden !important;}
.visible {visibility: visible !important;}
.active {display: block !important; } /* on */
.common_left_padding{padding-left: 12px;}
.click { cursor: pointer; } /* show hand pointer */

#master_msg_empty h2{color: #003399;}
#master_msg{
	/*padditem_color_boxing: 13px;*/
	/*margin-bottom: 24px;*/
	/*width: 530px;*/
	background: #7E90A8;
	font-size: 14px; font-weight: normal; color: #FFFFFF;
	height: 40px; vertical-align: middle;
	}
	#master_msg h2{
		font-size: 14px; font-weight: normal; color: #FFFFFF;
		background: #7E90A8;
		text-align: center;
		}
	#master_msg ul{margin-top: 0; margin-bottom: 0}
		#master_msg li{list-style-type: none}
			#master_msg li.error{color: #FF0000}

#page_title{
	height: 36px;
	}
	/*#page_title h2{padding: 0;}*/
/*.page_title{height: 36px; border-bottom: 1px solid #CCC}
.page_title div{padding-top: 8px;}*/
.page_title{
	background: #E1E7DD;
	padding: 5px 12px;
	}
	.page_title h2{padding: 0;}

#footer{padding-top: 40px}
	#footer .special{
		padding: 0 12px 5px 12px;
		background: url(//a248.e.akamai.net/www.aveda.co.uk/images/transaction/template/border_dotted.gif) left bottom repeat-x;
		border-bottom: 20px solid #67735D;
		}
		.special .content{width: 480px; padding-bottom: 10px}
	#footer .policy{padding: 5px 0 20px 0; color: #67735D; font-size: 10px; background: #C2CBBA;}
		#footer .policy a{text-decoration: underline; color: #67735D;}

.table_common td{
	/*padding: 0 15px;*/
	padding-left: 15px;
	}
.table_header{font-weight: bolder;}
	.table_header td{
		padding-top: 10px; padding-bottom: 10px;
		/*border-bottom: 1px solid #CCC;*/
		}
.table_header_title td{padding-top: 5px; padding-bottom: 5px; background: #E1E7DD; font-size: 12px;}

.table_common .special{font-size: 10px; font-variant: small-caps; white-space: nowrap; letter-spacing: 1px; text-align: right; padding-top: 10px}

.table_common .description{width: 100%; padding-left: 5px}
	.table_common .description a{color: #7E90A8; font-weight: bold;}
.table_common .price{border: 1px solid #CCC; border-style: none solid}
	.table_header .price{border: none}
		.table_header .price div{width: 45px}
.table_common .quantity{padding-right: 0;}
		.table_header .quantity div{width: 45px; text-align: center}
.table_common .total{text-align: center}
/*.table_header .total{}*/
	.table_header_title .total div{width: 60px}
.table_common .buttons{height: 80px; vertical-align: top}

.regtext{line-height: 16px}
.smalltext{font-size: 90%}
.textfield{border: 1px solid #999; padding: 2px;}
.textfield_full{border: 1px solid #999; padding: 2px;}
.half_dotted{border: 1px dotted #626262; border-style: dotted none; padding: 5px 0;}

.back_shopping{height: 33px; vertical-alignment: middle; margin-left: 12px}
	.back_shopping a{color: #7E90A8;}

.common_spacing{height: 20px}
	.half_spacing{height: 10px}
.common_border{border: 1px solid #E1E7DD;}
.dotted_border{background: url(//a248.e.akamai.net/www.aveda.co.uk/images/transaction/template/border_dotted.gif) 12px bottom repeat-x}
.top_bottom_border{border: 1px dotted #696969; border-style: dotted none; padding: 7px 0}

.error {color: #FF0000 !important;}
.information {color: #003399;}
.tag_price{color: #7E90A8; font-weight: bolder}
.highlight{color: #7E90A8;}

.href{cursor: pointer}


#center_content{
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	width: 700px;
	background: #FFFFFF;
	min-height: 450px;
	}
/*#module_wrapper #center_content{width: 700px;}*/

/*#page_content{padding-top: 5px}*/
#page_content{padding-top: 24px; /*min-height: 450px;*/}
#main_content{padding-right: 15px; width: 100%}

#order_summary{width: 187px;}
	#order_summary .tag_price{color: #626262; font-weight: normal;}
	#order_summary h2{font-size: 12px; font-weight: bold; color: #626262; padding: 0}
	#order_summary a{color: #7E90A8; font-weight: bold;}
	#order_summary_content{background: #E1E7DD; margin: 10px 0; padding: 10px;}
		#order_summary_content h3{color: #626262; font-size: 12px;}
		#order_summary_content .special{line-height: 20px}
    .detail_title {float: left;}
    .detail_price {float: right; text-align: right;}

#order_review td{padding-right: 70px}
#order_review td.last{padding-right: 0}


/* --- LOGO + NAV--- */
#brand{
	background:url(//a248.e.akamai.net/www.aveda.co.uk/images/transaction/template/logo.gif) #C2CBBA top left no-repeat;
	height:30px;
	/*margin-top: 30px;*/
	}

.brand_progress{
	margin: 0; width: 750px; 
	background: #7E90A8; 
	/*padding: 13px;*/
	}
	.brand_progress table{font-size: 14px; font-weight: normal; color: #CCC;}
	.brand_progress td{padding: 13px 0 13px 10px}
	.brand_progress #shipping div{width: 135px;}
	.brand_progress #options div{width: 135px;}
	.brand_progress #billing div{width: 135px;}
	.brand_progress #review div{width: 143px;}
	.brand_progress #confirm div{}

.item_color_box{border: 1px solid #CCC; height: 20px; margin-top: 8px; padding: 0; width: 40px;}
.item_shade_text{padding-top: 3px; font-size: 9px;}
.checkout_form_template{padding-left: 10px; padding-right: 10px}



#order_review h4{white-space:nowrap; font-size: 12px}
#order_review a{white-space:nowrap;}
.experience{
	padding-top: 25px;
	width: 180px;
	float: left;
	}


#errmsg{color: #666666;}
#errmsg ul{padding-bottom: 10px;}
#errmsg a{color: #7D90A7; text-decoration: underline;}