@charset "UTF-8";
/* Lotus Seeds V.2 
by tee g. peng @ lotusseedsdesign.com
- Feb 25, 2007 
- Lotus image curtesy of Lotus Seeds
- Lotus image painted by Yong Jun

/*elastic layout*/
/*reset styles#C28590*/
* {margin:0; padding:0; }
a {color:#28537d; text-decoration:none;}
a:hover, #sitemap a:hover {text-decoration:underline}
ol, ul, li {list-style:none;}
li {padding-left: 20px}
.clear {clear:both;line-height:0;height:0}
h1 {font-size:1.2em;}
h2 {font-size:1.1em;}
a img {border:none;}
em {border-bottom:1px dotted #B1A2A0;border-top:1px dotted #B1A2A0; padding:3px 0;
	color:#887273; margin-bottom:10px;font-size:.9em;}
h3 {font-size: 0.9em}
p {padding-top:15px; padding-bottom:20px; font-size:.9em; line-height:1.5em;}
ol li {padding:5px 15px; font-size:0.95em;color:#585b00;line-height:1.5em;}

ol#material {margin: 10px 10px 10px 0; padding: 10px ;background: #fbfcf6;border: 1px solid  #f8f8f2;-moz-border-radius: 15px;-webkit-border-radius: 15px}
ol#material li {
	padding: 3px 8px 5px 2px;
	border-bottom: 1px dotted #e7e9d0;	list-style: decimal;margin-left: 25px;margin-right: 10px;}
	span.strike {text-decoration: line-through;display: block;color: #555;}
	
h4 {padding:12px 10px 12px 0}

body {background:#332428 url(../images/body.png) repeat-x fixed;
	font:100.2% arial, "Tahoma", Lucida, Verdana, sans-serif;
	 color:#444;text-align:center;letter-spacing: 1;}
#wrap, #header, #content,  #footer {min-width: 785px;text-align:left;}
#wrap {	position:relative;border-left:5px solid #332428;border-right:5px solid #332428;
	background:#fff;	width: 55em;/*895px */	margin:0 auto;}
	
	
	 #content {margin:0;padding:0;
	background:#fff url(../images/bg_bar2.png) repeat-x;
	width:100%}
	
			/*#FBF0EF*/
	#dz{margin: 40px 25px 30px 0;border: 2px solid #8d8c5f; width: 520px;height: 219px;display: block;}	
	
	
#announce{color:#6d6e37;margin:40px 15px 25px 0;background:#fff url(../images/charcol1.png) no-repeat left top; min-width:460px;opacity: 0.96;padding: 10px 15px ;border: 2px solid #8d8c5f;-moz-border-radius: 15px;-webkit-border-radius: 15px}
	#announce h2 { font-size:1em; padding:5px 5px 4px 5px; 
	color:#6d6e37!important; border-bottom: 1px dotted #d9d793;
line-height:1.4em;background: url(../images/charcol.png) left center;}
#announce h2 span {font-size: .85em;display: block;}


	
	#announce h3 {font-size:0.9em; padding:11px 5px 7px 5px; 
	border-top:1px dotted #B5B28D;border-bottom:1px dotted #B5B28D;}
	#announce h4 { font-size:1em; padding:8px 5px 12px 10px;}
	#announce p {margin-left: 5px ;line-height: 1.6em;padding-bottom: 15px;padding-right: 1px;}
	
	#announce .f-left {float: left;padding-bottom:30px;margin:10px 0;}


#show-annonce {color:#6d6e37;margin:10px 20px 20px 0;background:#f5f5f5; min-width:460px;
	padding: 5px;}
	#show-annonce dt {color:#6d6e37;font-weight: bold;
	padding: 5px;}
	#show-annonce dd {
	padding: 2px 5px;}
}

#left, #right {margin:0;padding:0;}

	 #left {text-align: left;width:36%; float:left;color:#fff;	 background:transparent url(../images/box-top.png) no-repeat;}
		 #left #bottom {	width:100%; 
	background:transparent url(../images/box-bottom1.png) no-repeat left bottom; 
	height:63px;}
	#left p img {display: block;margin-top: 5px;}
	#left p {margin-left: 85px;color:  #212121;font-size: 1em;}


	 #right {width:61.5%; float:left;min-width: 450px;}
	 #right h2 {padding-bottom:10px;color:#e21;}
	  #right h3 {padding-top:10px;padding-top:10px;font-size:1em;}
	 #right p {padding:10px 20px 5px 0;}	  
	  .pt20 {padding-top:20px!important;}
	  #right ul {padding:10px 0 15px 0;background:transparent url(../images/charcol.png) repeat-x;border:none!important;margin: 15px 50px 15px 0}
	#right ul li {font-size:.85em;padding:5px 0 0 20px;}
	
	#right ul li.ls {color:#555; font-weight:bold;}
	

/* @group header */

/* @group charcol box */
#box {color:#eedede;padding:0 20px 80px 120px;}
#box h2 {padding-top:25px;}

/* @end */
#header {width:100%;height:159px;background:transparent url(../images/hdr-bg.png) no-repeat top right;
}
#header h1 {float:left;}
#header h1 span, #header h2 span {position:absolute;left:-9999px;}
#header h2 {float:right;}

#header a img {padding-left:30px; }
/* @end */


/* @group footer */
#footer {height:181px;background: url(../images/ftr1.png) repeat-x left bottom;
clear:both;width:100%;position:relative;z-index:50;
}

#footer p {color:#b2b2b2;margin:0;font-size: .65em;line-height:1.8em;
text-align:center;padding-top:110px;}
#footer p a {margin:0;
	display: inline;background:transparent;
	text-decoration: none;margin:0;
		color:#876e78;
	
}

#navtop {position: absolute; margin:59px 10px 0 0;right:0;z-index:200;} 
#navtop a {border:none;}

#skip_nav {position: absolute; z-index:100;right:0;font-size: .6em;margin:0 10px 0 0; background:url(../images/skipbg-trans.png) no-repeat;width:118px;height:32px;text-align:center;padding-top:3px;}

#header a {color:#fff;}
#header a:hover {color:#ba4144;text-decoration:none;}

/* @end */


/* @group horizontal navigation */
#hor_menu {width: 100%;background:#FBF0EF;position:relative;}
#hor_menu ul { padding:0;padding-left:20px;}
#hor_menu li {display: inline;padding: 1px 15px;
font-size:.83em;border-right:1px dotted #332428;
float:left;line-height:1em;text-align:center;
margin: 14px 0 8px 0;}
#hor_menu li a {text-decoration: none;
margin: 0 2px;
color: #222
	}

#hor_menu li a:hover   {text-decoration: none;color:#28537d;text-shadow: #efefef 0px 0px 5px;}
#hor_menu li.active {float: right;
margin:7px 10px 0 10px!important; color:#fff;border:none;	width:146px;background:url(../images/menu-hover.png) no-repeat;line-height:2.5em;text-align:center;padding:0;height:
32px;}

#hor_menu li a:focus,
#hor_menu li.active a:focus   {text-decoration: none;color:#212121;background: #fff;border: none;padding: 0;}

/* My Comment */



#hor_menu li.active a {border:none; color:#fff; padding:0;margin: 0;}
#hor_menu li.active a:hover { color:#ddd;}
* @end */
#vert_menu {position:absolute;}
#vert_menu ul {padding:0;}

.hr {margin-top:59px!important;}
#vert_menu li {color: #fff;margin:0; text-align:left;display:block;margin-left:1.3em;}
#vert_menu li a:link {
	
	margin:0;display:block;padding:0;line-height:3.1em;
	text-decoration: none;height:81px;	
	}
#vert_menu li a {		font-size: .8em; display:block;overflow: hidden;
	text-transform:capitalize;}
#vert_menu li a:hover  {text-decoration: none;color:#28537d;text-shadow: #efefef 0px 0px 5px;
}
#vert_menu a:hover, #vert_menu a:active {
	background-position: left bottom;}

#vert_menu a:focus {
	background-position: left bottom; border: 2px solid #332428;
}
#ats, #chc, #cb, #fm, #ca {width:226px;height:81px; text-indent: -3000px;display:block;
}
#ats{background: url(../images/ats.png) no-repeat top left;}
#chc{background: url(../images/chc.png) no-repeat top left;}

#cb{background: url(../images/cb.png) no-repeat top left;}
#fm{background: url(../images/fm.png) no-repeat top left;border-bottom:1px solid #BBB794}

#ca{background: url(../images/ca.png) no-repeat top left;}

/* @end */
body a:focus {border: 2px solid #332428; }

/* clear fix*/

/* @group equal height columns on order info page */

/* catalog downlod */
.ctg {background: none!important;}
.ctg li {font-size: .95em;padding: 6px 20px!important;border-bottom:1px solid #efefef;}

/* for equal height column */

	#terms{margin-right:25px;
padding:0;
	margin-top:30px;width:15.5em;float:left;	
}
	#terms h3, #guaranteed h3 {padding:10px 0 10px 0;border-top:3px solid #BEBE9C; font-weight:normal;background:transparent url(../images/charcol.png) repeat-x 0 0;color:#332428; }
	
	#terms ul {margin:0; padding:0;background:none;}
	#terms ul li {padding:10px 5px 5px 0!important;font-size:.88em;line-height:1.5em;margin: 0;}
	
#guaranteed {padding:0;
	margin-top:30px;width:15.5em;float:left;	
}


	/* where to buy page elements*/
	#storelists, #tagcloud {width:33.5em;position:relative;}
	
	#storelists ul {
	margin: 5px 20px 0 0!important;
	width: 15em!important;
	float: left;background:transparent url(../images/charcol1-trans.png) repeat-x!important;
	 padding:5px 0 10px 0;
	border-top:1px solid #D07279;
	}

 
#storelists h3 {	font-size: 1em;	padding: 15px 15px 8px 0;font-weight:bold;
border-bottom:2px solid #efefef;}
#storelists ul li {font-size: .86em;
	text-align: left;
	padding:0 0 4px 12px; margin:0; 
	text-decoration:none;} 
.company{font-size: 1em; font-weight: bold; color: #6d6e37; padding-top:5px!important;}
.email {text-decoration: underline;}
#storelists a { text-decoration: underline; color: #6d6e37} 

pre {line-height:1em;padding:30px;}



/* @end */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */