﻿/*brown: #552808 */

body { font-family: Arial; font-size: 10pt; background: #EDECE1; margin: 15px 0px;;}

input.textbox_amount { text-align: right; width: 60px; }
input.textbox_amount_error { border: dotted 1px red; text-align: right; width: 60px; background-color: #FF6D6D; }

.textbox_watermark { color: Gray; text-align: right; width: 60px; }
.product_image { width: 70px; height: 70px; }
.product_image_detail { width: 180px; height: 180px; border: 1px solid #EDECE1; }

.login_area { display: none; }
.inlineError { color: #FF5A06; font-size: 11px; font-family: Arial; }
.errorText { color: #FF5A06; font-size: 11px; font-family: Arial;}
.errorText ul { margin: 15px 0px;}
.errorText li { margin: 0px 0px;}

.label { }
.required { color: #FF5A06 }
textarea { font-family:Arial, Helvetica, sans-serif ; font-size: 11px;}
input { font-family:Arial, Helvetica, sans-serif ; font-size: 11px;}
select { font-family:Arial, Helvetica, sans-serif ; font-size: 11px;}


#wrapper 	{ width: 745px; margin: 0 auto 0 auto; background: #FFF; padding: 15px;}
#header 	{ height: 167px; background: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
#header 	a:link,  #header a:visited,  #header a:active { color: #FF5A06; }
#header		a:hover{ color: #6E6E70; }
#logo  		{ height: 167px; background: #FF5A06; width: 167px; float: left}
	#logo img 	{ margin: 63px 24px 63px 24px;}
#headerarea { height: 137px; background: #EDECE1; width: 533px; float: left; margin-left: 15px; padding: 15px; overflow: hidden;}
#loginform { padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #6E6E70; text-align:right}
#loginform label { width: 75px; display:block; text-align:right; margin-right: 5px;}
#loginform table { text-align:right; }
#loginform .loginfield { width: 100px; font-size: 11px; font-family:Arial, Helvetica, sans-serif; margin-bottom: 2px;}
#login 		{ height: 137px; float:right; text-align: right; width: 200px; padding-left: 15px; padding-right: 15px; }
#main_menu	{ background: #EDECE1; padding: 5px 15px; margin-top: 15px;}
#main_menu 	a:link,  #main_menu a:visited,  #main_menu a:active { color: #FF5A06; text-decoration: none;}
#main_menu		a:hover { color: #6E6E70; }

#footer	{ background: #EDECE1; padding: 5px 15px; margin-top: 25px; font-size: 11px;}
#footer 	a:link,  #footer a:visited,  #footer a:active { color: #FF5A06; text-decoration: none;}
#footer		a:hover { color: #6E6E70; }

#highlight { background: #EDECE1; padding: 15px 15px; margin-bottom: 15px;}
#highlight .left  { float: left; text-align: left; width: 58%}
#highlight .right { float: right; text-align: right; width: 38%}
#highlight p { margin: 0px; padding: 0px}

#wording { background-color: #FFFFFF; margin-top: 15px;}
	
#wording p {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	text-align: left;
}
#wording table {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	border-bottom: 1px solid #6E6E70
}

#clear { clear: both;}

#wording td { padding: 5px 5px; }

.table_title { background: #EDECE1; height: 30px; border-bottom: 1px solid #6E6E70; font-weight:bold;}

#wording h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; color: #FF5A06; text-transform: uppercase; text-align: justify; font-weight: normal; margin: 0px 0px 15px 0px}
#wording h2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6E6E70; text-align: justify; font-weight: bold; margin: 0px 0px 15px 0px;}
#wording h3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6E6E70; text-align: justify; font-weight: bold; margin: 0px 0px 0px 0px;}
#wording a:link,  #wording a:visited,  #wording a:active { color: #FF5A06; }
#wording a:hover, { color: #6E6E70; }

