/**********************************************************************
 * page
 *********************************************************************/
#page       { margin: 0px auto; width: 960px; background: url(../img/background.gif) repeat-y; }
#pagebody   { margin: 0px auto; width: 930px; background-color: #FFFFFF; padding: 10px 0 0 10px; }
.bglinetop  { height: 10px; line-height: 10px; background: url(../img/bg_line_top.gif) no-repeat; }
.bgline1    { height: 10px; line-height: 10px; background: url(../img/bg_line_1.gif) no-repeat; }
.bgline2    { height: 16px; line-height: 16px; background: url(../img/bg_line_2.gif) no-repeat; }
.bgline10   { height: 1px; line-height: 1px; background: #CCCCCC; }
.bglinedown { height: 20px; line-height: 20px; background: url(../img/bg_line_down.gif) no-repeat; }


/**********************************************************************
 * header
 *********************************************************************/
#header {
	margin: 0px auto;
	text-align: center;
	width: 940px;
	height: 110px;
	background-color: #fff;
}

#header .banner {
	width: 940px;
	height: 110px;
	background-image: url(../img/banner_top.jpg);
}


/**********************************************************************
 * home
 *********************************************************************/
#home_content		{ float: left; width: 700px; }
#home_content h1	{ margin-left: 16px; }
#home_content p		{ margin-left: 0; }
#home_content ul,
#home_content ol	{ margin-left: 25px; }
#home_content ul li { margin-top: 4px; list-style-type: disc; }
#home_content ol li { margin-top: 4px; }

.homebox_half { width: 350px; background: url(../img/homebox_half_back.gif); float: left; }
.homebox_half .head {
	background: url(../img/homebox_full_head_back.gif) repeat-x;
	margin: 0 7px 0px 3px;
	height: 24px;
	border: 1px solid #CCCCCC;
	color: #A5560A;
	font-weight: bold;
	font-size: 1.2em;
	padding: 5px 10px 0px 12px;
	line-height: 1.3em;
}
.homebox_half .head_shadow {
	position: relative;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
	top: -26px;
	left: 14px;
	margin-bottom: -20px;
}
.homebox_half .content { min-height: 125px; height: auto !important; height: 125px; padding: 15px; }
.homebox_half .content img { float: left; margin-left: -11px; margin-right: 10px; }
.homebox_half .bottom {
	clear: left;
	width: 350px;
	height: 10px;
	background: url(../img/homebox_half_bottom.gif) no-repeat;
}
.homebox_full { 
	width: 700px; 
	background: url(../img/homebox_full_back.gif); 
	clear: left; 
	margin: 0 auto;
}
.homebox_full .head {
	background: url(../img/homebox_full_head_back.gif) repeat-x;
	margin: 0 7px 0 3px;
	height: 24px;
	border: 1px solid #CCCCCC;
	color: #A5560A;
	font-weight: bold;
	font-size: 1.2em;
	padding: 5px 10px 0px 12px;
	line-height: 1.3em;
}
.homebox_full .head_shadow {
	position: relative;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
	top: -26px;
	left: 14px;
	margin-bottom: -20px;
}
.homebox_full .content { min-height: 125px; height: auto !important; height: 125px; padding: 15px; }
.homebox_full .content img { float: left; margin-right: 25px; }
.homebox_full .bottom { clear: left; width: 700px; height: 10px; background: url(../img/homebox_full_bottom.gif) no-repeat; }


/**********************************************************************
 * right-box
 *********************************************************************/
#rightcol { float: left; }
#rightcol .box			{ width: 225px; background: url(../img/rightcol_box_back.gif); }
#rightcol .first		{ margin-top: 60px; }
#rightcol .box_bottom 	{ width: 225px; height: 17px; background: url(../img/rightcol_box_bottom.gif) no-repeat; }
#rightcol .content {
	padding: 8px;
	margin: 0 8px 0 5px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	width: 197px;
}
#rightcol h2 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 1.2em;
	color: #35478f;;
	font-size: 1.2em;
}
#rightcol label			 	{ display: block; float: left; width: 95px; }
#rightcol input.field 		{ display: block; float: right; width: 95px; }
#rightcol label			 	{ padding-bottom: 0.8em; }
#rightcol form br		 	{ clear: left; }
#rightcol hr				{ clear: both; border: 0; border-top: 1px solid #CCCCCC; }
#rightcol input.btn_small 	{ width: auto; }
#rightcol input.btn_login 	{ float: right; }
#rightcol .large			{ font-size: 1.2em; font-weight: bold; }


/**********************************************************************
 * navigation
 *********************************************************************/
#nav			{ margin: 0px auto; width: 940px; height: 60px; background-color: #FFF; }
ul.main		 	{ float: left; padding-left: 10px; width: 790px; height: 60px; }
ul.main li		{ float: left; border-left: #CCC solid 1px; background-color: #FFF; }
ul.main a, ul.main a:visited, ul.main a:active {
	float: left;
	height: 25px;
	padding: 35px 20px 0 10px;
	background-color: #FFF;
	font-size: 1.2em;
	color: #333333;
	text-decoration: none;
	display: block;
}
ul.main a:hover					{ text-decoration: underline; }
ul.main a.active, 
ul.main a.active:visited		{ background-color: #F27801; color: #FFF; }
ul.language				 		{ float: left; margin-top: 5px; text-align: right; line-height: 1.3em; }
ul.language li					{ margin-left: 70px; text-align: left; font-size: 0.9em; }
ul.language a, 
ul.language a:visited 			{ text-decoration: none; color: #333; font-weight: normal; padding-left: 10px; }
ul.language a:hover	 			{ color: #CC6600; }
ul.language li.active a,
ul.language li.active a:visited { background: url(../img/arr_lan.gif) no-repeat 0px 1px; padding-left: 10px;	font-weight: bold; color: #333333; }


/**********************************************************************
 * content
 *********************************************************************/
#content								{ float: left; width: 664px; padding: 0 20px 0 16px; }

#content table.register td				{ padding: 5px 2px 0 0; font-size: 1.0em; margin: 0; width: 130px; }
#content table.register input, 
#content table.register select			{ margin-top: -2px; width: 130px; }
#content table.register input.checkbox 	{ width: auto; }
#content table.register textarea		{ font-face: Arial, Helvetica, sans; height: 32px; }
#content table.register a				{ font-weight: normal; }
#content ul li							{ margin-left: 25px; margin-top: 4px; list-style-type: disc; }
#content ol li							{ margin-left: 25px; margin-top: 4px; }
#content table							{ border: 0; }
#content table td						{ padding: 3px; }

/**********************************************************************
 * products
 *********************************************************************/
#products								{ float: left; width: 664px; padding: 0 20px 0 16px; }
#products .tab							{ clear: both; border: 1px solid #DDDDDD; padding: 10px; margin-top: 0; }
#products .productlist					{ float: left; width: 300px; margin-bottom: 20px;	}
#products .right						{ margin-left: 20px; padding-left: 10px; border-left: 1px solid #DDDDDD; }
#products .productlist img				{ float: left; margin: 0 10px 5px 0; } 
#products .product_group_description	{ margin-bottom: 20px; } 
#fancybox-content #products 			{ width: 280px; } 


/**********************************************************************
 * my account
 *********************************************************************/
#account_table							{ width: 100%; border-spacing: 0; margin-bottom: 20px; }
#account_table .right			 		{ text-align: right; }
#account_table th					 	{ border-bottom: 1px solid #000000; }
#account_table .head					{ border-bottom: 1px solid #999999; }
#account_table .first			 		{ padding-top: 20px; }
#account_table .border-top				{ border-top: 1px solid #000000; }
#account_table hr 						{ width: 100%; }


/**********************************************************************
 * contact form
 *********************************************************************/
#MessageAddForm label, 
#MessageAddForm input, 
#MessageAddForm textarea, 
#MessageAddForm span.info 			{ width: 200px; display: block; float: left; margin: 10px 0 0 0; }
#MessageAddForm br					{ clear: left; }
#MessageAddForm input.submit 		{ width: auto; }
#MessageAddForm input.hidden 		{ display: none; }


/**********************************************************************
 * footer
 *********************************************************************/
#footer {
	margin: 0px auto;
	text-align: center;
	width: 940px;
	height: 60px;
	background-color: #fff;
}
#footer p { margin-top: 0; }

.footerline {
	margin: 0px 10px 0 10px;
	width: 920px;
	height: 20px;
	border-bottom: #CCCCCC solid 1px;
}

.ft_left {
	float: left;
	margin: 5px 0 0 10px;
	width: 450px;
	font: 11px Verdana;
	color: #666666;
	text-align: left;
}

.ft_right {
	float: right;
	margin: 5px 10px 0 0;
	width: 450px;
	font: 11px Verdana;
	color: #666666;
	text-align: right;
}
.ft_right p { line-height: 1.4em; }

.ft_right a {
	font-size: 11px;
	font-weight: normal; 
}

/* color text */
.grey {
	padding-left: 18px;
	padding-right: 10px;
	color: #999999;
	text-decoration: line-through;
}