/* HTML STYLES */
body { margin: 0; padding: 0; font-size: 70.5%; font-family: Rockwell, Arial  sans-serif; letter-spacing: 0.00em; color:#444444; background: #DBDBDB;}

/* links */
a:link, a:visited { color: #BA0000; text-decoration: none; }
a:hover { color: #361600; }

img { border:0px;}

p { margin: 25px 0 25px Opx; font-size: 11.5px; letter-spacing: 0.03em; text-align:justify;}

/* this is the brown: #382d21 */
h1, h2, h3, h4, h5 { color:#382d21; font-weight: normal; font-family: Rockwell, Arial,  sans-serif;  padding-right:0px;}

h1 { font-size: 1.6em; margin-bottom: 0px; font-weight: bold; }
h2 { font-size: 1.2em; margin: 0 0 0 0; letter-spacing: 0.00em;   }
h3 { font-size: 1.6em; margin: 10px 20px 0 0; font-weight: normal; padding-bottom: 5px; }
h4 { font-size: 1.3em; margin: 5px 0 0 0; font-weight: normal; padding-bottom: 5px;  }
h5 { font-size:  11.5px; margin: 5px 0px 0 3px; letter-spacing: 0.01em; color:#382d21; }

#inner_briefs  h1 { padding-left:10px; margin: 15px 0 0 0; font-size: 14px; line-height: 1px; }
#inner_briefs  h2 { padding-left:10px; margin: 5px 0 5px 0; font-size: 11px; }

#inner_briefs  h4 { padding-left:10px; font-weight: bold;}
/*product code */
#inner_briefs  h5 { padding-left:7px; }

.Clear { clear: both; }

#Content{
	margin-left: auto;
}
#MainColumn {
	width: 918px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}

/* generic container used on every page */
#containerContent {

	margin-right: auto;
	height: 555px;
	width: 	900px;
	float: right;
	padding: 0px;
}

/* CONTAINER FOR EACH PAGE  - neccessary because of backgorund image changing according to FORM.page */
div#container_home	 	{ width: 918px; height: 633px; background: url(/assets/images/bg_home.jpg); 	background-repeat: no-repeat;} 

/* div#container_home	 	{ width: 918px; height: 633px; background: url(/assets/images/home_bg.png); 	background-repeat: no-repeat;}  */
div#container_store	 	{ width: 918px; height: 633px; background: url(/assets/images/store_bg.png); 	background-repeat: no-repeat; }

div#container_brief_boxer	 	{ width: 918px; height: 633px; background: url(/assets/images/bg_boxer.png); 	background-repeat: no-repeat;}
div#container_brief_square_cut	{ width: 918px; height: 633px; background: url(/assets/images/bg_square_cut.png); 	background-repeat: no-repeat;}

	div#model_brief		{ width: 650px; height: 412px; float: left; margin-left: 31px; margin-top: 129px; }
	div#inner_briefs 	 	{ width: 164px; height: 202px; margin-top: 130px; font-size: 10px; float: left; margin-left:1px; background: #f4f4f4; }
	div#small_image_brief{ width: 100x;  height: 100px; float: left; margin-left:1px; margin-top: 2px;}

div#container_cart 	 	{ width: 918px; height: 633px; background: url(/assets/images/cart_bg.png); 	background-repeat: no-repeat;}
	div#content_cart	 	{ width: 780px; height: 371px; float: left; margin-top: 180px; margin-left: 85px;	} 
	div#couponBox		{ width: 380px; height: 25px;  float: right; margin-top:10px; }	

	div#valentineBox		{ width: 725px; height: 130px;  background: url(/assets/images/valentine.png);	background-repeat: no-repeat; vertical-align:bottom;}
	div#valentineDropDown{ float: left; margin-left:181px; margin-top: 50px;}

div#container_your_details 	{ width: 918px; height: 633px; background: url(/assets/images/address_bg.png); 	background-repeat: no-repeat;}
	div#your_personal_details_edit	 	{ width: 350px; height: 421px; float: left; margin-top: 130px; margin-left: 70px; 	} 	
	div#your_shipping_details_edit	 	{ width: 350px; height: 421px; float: right; margin-top: 130px; margin-right: 70px;	} 	

div#container_payment 	{ width: 918px; height: 633px; background: url(/assets/images/payment_bg.png); 	background-repeat: no-repeat;}
	
div#your_personal_details_show	 	{ width: 200px; height: 180px;  float: left; margin-top: 135px; margin-left: 35px; padding-left: 30px;	} 	
div#your_billing_details_show	 	{ width: 200px; height: 180px;  float: left; margin-top: 135px; margin-left: 15px; padding-left: 30px;	} 	
div#cc_details	 					{ width: 350px; height: 180px; float: right; margin-top: 135px; margin-right: 20px; 	} 	
div#delivery_options	 				{ width: 380px; height: 80px;  float: left; margin-top: 1px; margin-left: 35px;	padding-left: 30px;} 
div#agreement	 					{ width: 380px; height: 80px;  float: left; margin-top: 1px; margin-left: 10px;	padding-left: 15px;} 	
div#mini_invoice	 					{ width: 500px; height: 145px; float: left; margin-top: 10px; margin-left: 30px; padding-left: 35px; } 	
div#geotrust_icon	 				{ width: 200px; height: 100px; float: right; margin-top: 30px; margin-right: 60px; padding-left: 10px; } 
	

div#container_paypal	{ width: 918px; height: 633px; background: url(/assets/images/payment_paypal_bg.png); 	background-repeat: no-repeat;}	
	div#paypal	 	{ width: 780px; height: 371px; float: left; margin-top: 180px; margin-left: 85px;	} 
	
div#container_confirmation 	{ width: 918px; height: 633px; background: url(/assets/images/receipt_bg.png); 	background-repeat: no-repeat; font-size: 19px;}
	div#confirmation	 	{ width: 600px; height: 100px; float: left; margin-top: 150px; margin-left: 85px;	} 
	
div#container_info  		{ width: 918px; height: 633px; background: url(/assets/images/info_bg.png); 	background-repeat: no-repeat;}	
	div#information	 	{ width: 780px; height: 380px; float: left; margin-top: 100px; margin-left: 55px;	} 
	#information p 		{  font-size: 11px; letter-spacing: 0.03em; text-align:justify; padding: 0 0 0 0 ; margin: 0 0 0 0;}
	#information h3  				{  font-size: 13px; font-weight: bold;  letter-spacing: 0.03em; text-align:justify; padding: 0 0 0 0 ; margin: 5px 0 0 0 ;}
	
div#container_contact 	{ width: 918px; height: 633px; background: url(/assets/images/contact_bg.jpg); 	background-repeat: no-repeat;}
	div#contact_box		{ width: 222px; height: 300px; float: right; margin-top: 150px; font-size:12px; color: #FFF;}
	
div#container_newsletter 	{ width: 918px; height: 633px; background: url(/assets/images/newsletter_bg.jpg); 	background-repeat: no-repeat;}
	div#paddingContainer 	{ width: 850; height: 10px; float: left; margin-top: 300px;   margin-left:0px; 	}
	div#newsletter_box	{ width: 850px; height: 25px; float: left;  font-size:17px; margin-left: 60px; color: white;}
	
	table.shopping_controls	
	{ 
		margin-left: 5px;
		border: 0px;
		border-color: black;
		border-style: solid;
		
	}
	
	table.shoppig_controls  td	
	{ 
		padding-left: 40px;
	}
	
	
div#dotted_line{

	border-bottom-style:dotted;
	margin-top:1px;
	margin-bottom:2px;
	margin-left: 9px;
	margin-right: 9px;
	padding: 0 0 0 0;
	border-width: thin;
	

}
	
	table.size_chart 	
	{ 
		background-color:#ffffff;
	    color:black;
	    border-style:solid;
	    border-width:0px;
	    border-color:grey;
	}
	table.size_chart 
	{
		background-color:#ffffff;
	    color:black;
	    border-style:solid;
	    border-width:0px;
	    border-color:grey;
	}
	
	table.cart_table 	
	{ 
		background-color: white;
	    border-style: none;
	}

	table.cart_table th 
	{
		background-color:#EDEDED;
	    color: #2f2f2f;
	    border-style:none;
	    border-width:3px;
	    border-color:red;
		font-size:  13px;
		font: Arial,  sans-serif; 
	}
	table.cart_table td 
	{
		background-color:#EDEDED;
	    color: #2f2f2f;
	    border-style:none;
	    border-width:1px;
	    border-color:red;
		font-size:  13px;
		font: Arial,  sans-serif; 
	}
	
	table td 
	{
		font-size: 11.5px; letter-spacing: 0.03em;
		color:#382d21;
	}
	
	table.mini_invoice  td 
	{
		font-size: 13px; letter-spacing: 0.03em;
	}

#small_image_brief a:link {color: white;} #small_image_brief a:visited {color: white;} #small_image_brief a:hover {color: white;} #small_image_brief a:active {color: white;}

#aLinkButton  a {
	
	border: 0px;
	color:#ffffff;
	font-weight:normal;
	float:right;
}

#aFormButton {

	color:#ffffff;
	font-weight:normal;
	padding-top: 0px;
	padding-left: 0px;
	margin: 0 0 0 0;
	float:right;
	vertical-align: top;
	position:relative;
	left:0px;
	top:0px;
	
}

#button {

	float:right; margin-right: 0;
}

.FormField {
	font-family: Verdana, Arial,  sans-serif;
	color: #black;
	border: 1px solid #CCCCCC;
	padding: 3px 2px;
	background-color: #f2f2f2;
	float: left;
	height:15px;
}
.couponFormField {
	
	width: 122px;
	font-family: Verdana, Arial,  sans-serif;
	color: #black;
	border: 1px solid #CCCCCC;
	padding: 3px 2px;
	background-color: #f2f2f2;
	
}

.aCheckbox {
	font-family: Verdana, Arial,  sans-serif;
	font-size: 0.9em;
	color: #666666;
	font-weight: normal;
	width: 11px;
	height: 11px;
}

form { margin:0; padding: 0; }
/* form label { width: 120px; height:23px; Float: left; text-align: left; padding: 0 px; font-size:12px}  */

label { width: 120px; height:23px; Float: left; text-align: left; padding: 0 px; font-size:12px}
.FormPara {  margin: 8px 20px 0 0; }

.TextAreaStyle
 {  width: 305px; 
	height: 60px;
	font-family: Verdana, Arial,  sans-serif;
	color: #black;
	border: 1px solid #CCCCCC;
	padding: 3px 2px;
	background-color: #f2f2f2;
	float: left;
	font-size: 12px;
}

div#checkOutProcessNav
{
	width: 337px;
	height: 20px;
	float: right;
	margin-top: 0px;
	margin-right: 50px;
	font-size: 10px;
}

/* PRODUCTS */
div#products 	{	width: 840px; height: 400px; margin-left: 25px; margin-top: 140px; float: left; background-color: white;}
div#product 	{	margin: 1px 2px 12px 1px; background: white;  width: 163px; float: left; font-weight: normal; font-size:1.1em; } 
div#product_name 	{	 background: WHITE; margin: 0 0 0 0 ; padding: 0 0 0 0; float: left;}


/* link specification for product thumbs - basically no border for over, hover, visited */
#product_1 a:link {color: white;} #product_1 a:visited {color: white;} #product_1 a:hover {color: white;} #product_1 a:active {color: white;}
#product_2 a:link {color: white;} #product_2 a:visited {color: white;} #product_2 a:hover {color: white;} #product_2 a:active {color: white;}
#product_3 a:link {color: white;} #product_3 a:visited {color: white;} #product_3 a:hover {color: white;} #product_3 a:active {color: white;}
#product_4 a:link {color: white;} #product_4 a:visited {color: white;} #product_4 a:hover {color: white;} #product_4 a:active {color: white;}
#product_5 a:link {color: white;} #product_5 a:visited {color: white;} #product_5 a:hover {color: white;} #product_5 a:active {color: white;}
#product_6 a:link {color: white;} #product_6 a:visited {color: white;} #product_6 a:hover {color: white;} #product_6 a:active {color: white;}
#product_7 a:link {color: white;} #product_7 a:visited {color: white;} #product_7 a:hover {color: white;} #product_7 a:active {color: white;}

/* main bottom navigation */
div#navigation {
	
	float: left;
	margin-left: 35px;
	margin-top: 25px;
	width: 650px;
	padding: 10px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 2px;
}

div#navigation .black 		{ font-family: Rockwell,  Arial; font-size: 13px; color: #361600; font-weight: normal; padding-right: 35px; letter-spacing: 0.2em; }
div#navigation .black:hover 	{ font-family: Rockwell,  Arial, sans-serif; font-size: 13px; color: #BA0000; padding-right: 35px; letter-spacing: 0.2em; }
div#navigation .white 		{ font-family: Rockwell,  Arial; font-size: 13px; color: #FFFFFF; font-weight: normal; padding-right: 35px; letter-spacing: 0.2em; }
div#navigation .white:hover 	{ font-family: Rockwell,  Arial, sans-serif; font-size: 13px; color: #BA0000;  padding-right: 35px; letter-spacing: 0.2em; }

div#ReturnMessage{

	width:145px;
	font-size: 12px;
	color: #BA0000;
	padding-left: 0px;
	font-weight: bold;
}

div#ReturnMessageNewsletter
{
	width:300;
	height: 50px;
	margin-top:330px;
	margin-left:62px;
	color: red;
	padding-left: 0px;
	font-weight: bold;
}

div#invoiceFooter {

	font-size: 10px;

}

div#x { height: 105px;}
div#a { background-color:white; width:160px; float:left;  margin-top:4px;}
div#b { background-color:white; width: 135px; float:left;}
div#c { background-color:white; width: 20px; float:left; margin-top:4px;}

a[href^="mailto"] { 

color: white; }

a[href^="mailto"]:hover { color: #BA0000; }