html, body {height:100%}

BODY {margin:0;padding:0;font-family:tahoma, arial,verdana,sans-serif;background:#e5f0cf;}		
BODY p {font-size:12px;color:#3E3E3E;font-family:tahoma, arial,verdana,sans-serif;}

TD {font-size:12px;color:#3E3E3E;font-family:tahoma, arial,verdana,sans-serif;}

table.layout{
   align:center;
   border: 0;
   vertical-align:top;
}

a:link, a:active {text-decoration:underline; color:#6aa001;}
a:visited {text-decoration:underline; color:#687f3c;}
a:hover {text-decoration:none; color:#95b556;}

h1, h1 a {font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;font-size:18px;letter-spacing:-1px;color: #8DAE4C;margin:0; text-align: left; padding:0;display:block; height:20px; border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #343434;}


.banner_middle {
	height: 46px;background:url("imageswebsite/gongnengbg.jpg");
}

.pagenumber { font-size:12px; font-family:arial; color:#333333;}
a.pagenumber:link,a.pagenumber:visited {font-size:12px;font-family:arial; color:#666666; text-decoration:none }
a.pagenumber:hover {font-size:12px;font-family:arial; color:blue; text-decoration:none;} 

a.catelist:link, a.catelist:visited {font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;font-size:11px;letter-spacing:0px;color:#303030;text-decoration: none;padding: 2px 0 0 5px;}
a.catelist:hover {font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;font-size:11px;letter-spacing:0px;color: #323232;text-decoration: none;padding: 2px 0 0 5px;}


a.bglink:link,a.bglink:visited {font-size:12px;font-family:arial;color:#666666;}
a.bglink:hover {font-size:12px; font-family:arial; color:#ffffff;background:#cccccc;}


.leftbg {background:url("imageswebsite/leftbg.gif") top left repeat-y;width:5px;}

.rightbg {background:url("imageswebsite/rightbg.gif") top left repeat-y;width:5px;}

.itemright_stc {padding:0;width:100%;border-left:1px solid #accf7f;background-color:#fff;margin:0;}

.itemright {padding:0;width:100%;margin:0;}

.itemright_h {height:25px;width:100%;background:#8DAE4C; font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;font-size:10px; color: #fff; margin: 0; text-align: center; padding: 4px 0 0 0;}

.itemright_f {font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;color:#3e3e3e;margin:0;text-align:center;border-bottom:1px dashed #accf7f;border-top:1px dashed #accf7f;background:#f1f1f1;width:100%;padding:2px 0 2px 0;}

table.stc {border-spacing: 0;border-collapse:collapse;background:#fff;}
table.stc td {padding: 0;vertical-align:top;}

table.logoword {background:#fff;}
table.logoword td {padding:0; vertical-align:bottom;}

table.cart {border-spacing: 0;border-collapse:collapse;background:#fff; font-size:12px;color:#333333;font-family:arial}
table.cart td {padding: 0;vertical-align:middle;font-size:12px;color:#333333;font-family:arial }

#logo, #logo a {display:block;background: url("imageswebsite/logo.jpg") top left no-repeat;height:76px;width:500px;}
.mtitle {font-size:14px; font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica;
 font-weight:normal;letter-spacing:-1px;color: #8DAE4C; margin: 0px 0 0px 0; text-align: left; padding:  20px 0 0 0px;}
.header_right {font-size:12px;color:#3e3e3e;background-color:#fff;text-align:right;padding-right:10px;}

.header_right1 {font-size:12px;color:#8DAE4C;background-color:#fff;text-align:left;padding-right:10px;}

.footer {background:url("bottombg.gif") top left no-repeat;height:9px;width:900px;}

#footer {clear: both;padding: 7px 5px 0 5px;margin: 0;font-size:12px;border-top:1px solid #accf7f;background-color: #d2e5ad;}
#footer a {font-size:100%;}

#categorymenu{
width:100%;border:0;}

#categorymenu:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#categorymenu ul{
width: 100%;
background: url("imageswebsite/smoothbg.gif") center center repeat-x; 
margin-left: 0;
padding-left: 0;
margin: 0;
float: left;
font-size:10px; font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;letter-spacing:0;
}


#categorymenu ul li{
display: inline;
}


#categorymenu ul li a{
float: left;
color: #799641;
font-weight: normal;
padding: 6px 12px 6px 7px;
text-decoration: none;
background: url("imageswebsite/divider_serenata.gif") center right no-repeat; 
}

#categorymenu ul li a:hover{
color: #fff;
background-color:#8DAE4C;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; 
border-bottom-width: 0;
font:normal 10px tahoma, Verdana;
line-height:18px;
z-index:300;
background-color: white;
width: 200px;
visibility: hidden;
text-align:left;
}

.dropmenudiv a, .dropmenudiv a:active, .dropmenudiv a:visited{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*Theme Change here*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #556332;
z-index:300;
}

.dropmenudiv a:hover{ /*Theme Change here*/
background-color: #F0F0F0;
}

.icons {background: url("imageswebsite/smoothbg.gif") center center repeat-x;margin-left: 0;margin: 0 0 0 0;padding: 0;}

.icons a {font:normal 10px tahoma, arial, verdana, sans-serif;color:#667A01;}
.icons a:link, .icons a:active, .icons a:visited {font:normal 10px tahoma, arial, verdana, sans-serif;color:#667A01;text-decoration:underline;margin:0;padding:0;}
.icons a:hover {font:normal 10px tahoma, arial, verdana, sans-serif;text-decoration:none;color:#474A2E;}
.icons ul {display:inline;font-size:10px;color:#474A2E;}
.icons ul li {display:inline;list-style: none;background: url("imageswebsite/bullet.gif") no-repeat left;padding: 0 0 2px 12px;}
.icons ul li a {margin:0;}

/** category navi part **/
.subnav {text-decoration: none;margin:0;line-height:1.1em;}
.subnav h1, h1 a {font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;font-size:14px;letter-spacing:-1px;color: #8DAE4C;margin:0; text-align: left; padding:0;display:block; height:14px; border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #343434;}


.subnav h2 {height:26px;margin-bottom: 0px;margin-top: 0;background: url("imageswebsite/smoothbg.gif") center center repeat-x;border-bottom:1px solid #B0CB7E;}
.subnav h2 a {height:26px;font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;font-size:10px;letter-spacing:0px;color: #799641;text-decoration: none;background: transparent url("imageswebsite/arrowleftorange.gif") no-repeat top left;padding: 2px 0 0 15px;display:block;}
.subnav h2 a:link {font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;font-size:10px;letter-spacing:0px;color: #799641;text-decoration: none;}
.subnav h2 a:visited {color: #799641;text-decoration: none;}
.subnav h2 a:hover {color: #fff;text-decoration: none;background:#8DAE4C url("imageswebsite/arrowleftwhite.gif") no-repeat top left;padding: 2px 0 0 15px;}
.subnav h2 a:active {color: #fff;text-decoration: none;background:#8DAE4C url("imageswebsite/arrowleftwhite.gif") no-repeat top left;padding: 2px 0 0 15px;}
.subnav h6 a {display: block;width: 130px;height: 22px; border-bottom:1px solid #c5da9c;font:normal 11px tahoma, arial,verdana,sans-serif;}
.subnav h6 {margin-top: 0px;margin-bottom: 0px;font-weight: normal;font:normal 11px tahoma, arial,verdana,sans-serif;color: #fff;text-indent:6px;}
.subnav h6 a:link, .subnav h6 a:visited, .subnav h6 a:active {font:normal 11px tahoma, arial,verdana,sans-serif;padding:4px 0 0 0;text-decoration: none;background: #daf2ac;color: #494948;}
.subnav h6 a:hover {font:normal 11px tahoma, arial,verdana,sans-serif;text-decoration: none;background: #f2fdde;color: #494948;}

#left {width:130px;border-right:1px solid #accf7f;background-color:#d2e5ad;}
#main {width:580;background:#fff;}
#cart {width:880;background:#fff;}

/*white box*/
.dialogw {position:relative; margin:0px auto;min-width:8em;max-width:760px; color:#fff;z-index:1;margin-left:12px;margin-bottom:0.0em; padding:0 7px 0 0;}
.dialogw .content,.dialogw .t,.dialogw .b,.dialogw .b div {
background:transparent url("imageswebsite/whitebox.jpg") no-repeat top right;}
.dialogw .content {position:relative;zoom:1;_overflow-y:hidden;padding:0px 12px 0px 0px;}

.dialogw .t {/* top+left vertical slice */position:absolute;left:0px;top:0px;width:12px; /* top slice width */margin-left:-12px;height:100%;_height:1600px; /* arbitrary long height, IE 6 */background-position:top left;}
.dialogw .b {/* bottom */position:relative;width:100%;}
.dialogw .b, .dialogw .b div {height:8px; /* height of bottom cap/shade */font-size:1px;}
.dialogw .b {background-position:bottom right;}
.dialogw .b div {position:relative;width:12px; /* bottom corner width */margin-left:-12px;background-position:bottom left;}
.dialogw .hd,.dialogw .bd,.dialogw .ft {position:relative;}
.dialogw .wrapper {/* extra content protector - preventing vertical overflow (past background) */position:static;max-height:1000px;overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */}
.dialogw h1,.dialogw p {margin:0px; /* margins will blow out backgrounds, leaving whitespace. */padding:0.5em 0px 0.2em 0px;}
.dialogw h1 {padding-bottom:0px;}

.dialogs {width:160px;position:relative; margin:0px auto;min-width:8em;max-width:760px;color:#fff;z-index:1;margin-left:12px; margin-bottom:0.0em; padding:0 0 0 0;}
.dialogs .content,.dialogs .t,.dialogs .b,.dialogs .b div {
background:transparent url("imageswebsite/whitebox.jpg") no-repeat top right;}
.dialogs .content {position:relative;zoom:1;_overflow-y:hidden;padding:0px 12px 0px 0px;}

.dialogs .t {position:absolute;left:0px;top:0px;width:12px;margin-left:-12px;height:100%;_height:1600px; background-position:top left;}
.dialogs .b {position:relative;width:100%;}
.dialogs .b, .dialogs .b div {height:18px; font-size:1px;}
.dialogs .b {background-position:bottom right;}
.dialogs .b div {position:relative;width:12px; margin-left:-12px;background-position:bottom left;}
.dialogs .hd,.dialogs .bd,.dialogs .ft {position:relative;}
.dialogs .wrapper {
position:static;max-height:1000px;overflow:auto; }
.dialogs h1,.dialogs p {margin:0px; padding:0.5em 0px 0.5em 0px;}
.dialogs h1 {padding-bottom:0px;}

.cattitle {text-align:left;background-color:#8DAE4C;font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;font-size:18px;letter-spacing:-1px;color:#fff;border:1px solid #e8eecc;padding:4px;margin:0;clear:both;}

.lefty{float:left;}

.prodimg {float:left;width:122px;margin:6px 2px 5px 2px; padding:0;background:#F0F6D8;border:1px solid #E5EDC4;border-spacing: 0;border-collapse:collapse;}
.onmouse {float:left;width:122px;margin:6px 2px 5px 2px; padding:0;background:#d9e7a3;border:1px solid #c0cc8e;border-spacing: 0;border-collapse:collapse;}

.price {font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, Arial, helvetica; font-weight:normal;font-size:14px;color:#3e3e3e;padding:5px 0 0 0;letter-spacing:-2px;}
.price_original {font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; text-decoration:line-through;font-weight:normal;font-size:12px;color:#717171;padding:5px 0 0 0;letter-spacing:-1px;}

.overlaywrap {position: relative;width: 130px;}

.overlaywrap1 {position: relative;width: 150px;}
.overlay1 {position:absolute;top:10px;right:10px;height:80px;width:78px;background-image:url("imageswebsite/circle.png");}
.overlay1 p {padding:10px 0 0 0;font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica;font-weight:normal;font-size:26px;letter-spacing:-1px;color:#fff;text-transform:uppercase;margin:0;}
.overlay1 span {padding:0 0 0 0;font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica;font-weight:normal;font-size:14px;letter-spacing:-1px;color:#fff;text-transform:uppercase;margin:0;}

input.btngreen {background-color:#7b9843;color:#fff;border-width:1px;border-style:solid;border-color:#a2c858 #6d873a #6d873a #a2c858;margin:2px 3px 3px 0;text-align:center;font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;font-size:10px;text-transform:uppercase;}

input.btngreenhov {border-width:1px;border-style:solid;border-color:#c2eb71 #98b85a #98b85a #c2eb71;cursor:pointer;background-color:#97b55d;}

input.btnorange {border-width:1px;background-color:#e59203;color:#fff;border-style:solid;border-color:#feb12a #a36801 #a36801 #feb12a;margin:2px 3px 3px 0;text-align:center;font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;font-size:10px;text-transform:uppercase;}

input.btnorangehov {border-width:1px;border-style:solid;border-color:#feca6f #d1890b #d1890b #feca6f;cursor:pointer;background-color:#f9ac28;}

h5 {color:#3D4A14;text-align:center;font: normal 11px tahoma,arial,verdana,sans-serif; letter-spacing:0px;margin:0; padding:0;background:transparent;}

/*navi css*/
.navi {width:100%;font-size:12px;font-family:arial}
.navi a {text-decoration:underline;}
.navi a:active, .navi a:visited {font-family:arial;font-size:12px;text-decoration:underline;}
.navi a:hover {font-family:arial; font-weight:normal;font-size:12px;text-decoration:none;}
.navigator{font-family:arial;font-size:12px;text-decoration:underline;}
a.navigator:link, a.navigator:visited {font-family:arial;font-size:12px;text-decoration:underline;}
a.navigator:hover {font-family:arial; font-weight:normal;font-size:12px;text-decoration:none;}

/* product description*/
.prod_desc {width:300px;border:1px solid #accf7f;background:#fff;}
.prod_desc p {padding:8px;margin:0;font:normal 10px tahoma;color:#3e3e3e;}
.prod_desc_title {font-size:18px;font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal; letter-spacing:-1px;color: #8DAE4C;text-align:center;border-bottom:1px dashed #8DAE4C; margin:5px;}

.headingorange {background: #e59203; font:normal 11px tahoma,verdana, sans-serif; color: #fff; margin: 0 0 0 0; text-align: left; padding:  0;height:25px;font-size:11px;vertical-align:middle;}

.head_title {text-indent:8px;letter-spacing:-1px; font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana, helvetica; font-weight:normal;color:#fff;margin: 0 0 0 0;text-align:left;padding:2px 0 0 0;font-size:16px;}

.addon_h {height:40px;text-align:center;vertical-align:middle;font:normal 10px tahoma;color:#3e3e3e;}
.addon {padding:1px;}
.addon_f {background:#8DAE4C;}
.addon_f p {padding:0 0 3px 5px;font:bold 11px tahoma;color:#fff;margin:0;}
.hborder a img {border:1px solid #fff;} 
.hborder a:hover img{border:1px solid #accf7f;}

.smalltext {font:normal 10px tahoma;color:#3e3e3e;}

.spacer{clear:both;margin:0;padding:0;}

.infotext {font:normal 10px tahoma, verdana, sans-serif;color:#666666;}

/*shopping cart and checkout page */
.input {font-size:12px; font-family:arial;color:#333333}
.cart {font-size:12px; font-family:arial;color:#333333;text-align:center;vertical-align: middle}
a.cart:link, a.cart:visited {font-size:12px; font-family:arial;color:#666666;text-align:center;}
a.cart:visited {font-size:12px; font-family:arial;color:blue; text-decoration:none;text-align:center;}
.cart_title {font-size:12px; font-family:arial;color:#307A01;;text-align:center;font-weight:bold}

.cartbutton:{font:normal 12px tahoma;color:blue;margin:3px;}

a.cartbutton:link, a.cartbutton:visited {font:normal 12px tahoma;color:#717171;margin:3px;}
a.cartbutton:hover {font:normal 12px tahoma;color:blue;margin:3px;
text-decoration:underline;}


.article_title {font:bold 1em tahoma, arial, sans-serif;color:#303030;font-size:14px;}


p.faq_q { background:#fff;padding: 0 0 2px 0px;  font-family:arial; font-size:12px; padding:0 0 0 0;color:#8DAE4C;}
a.faq_q {background:#fff;padding: 0 0 2px 0px;  font-family:arial; font-size:12px; padding:0 0 0 0;color:#6aa001;}
p.faq_a {background:#fff;font-size:12px;color:#3E3E3E;font-family:tahoma, arial,verdana,sans-serif; padding:0 0 0 0;}
p.faq_t {background:#fff;font-size:12px;color:#3E3E3E;font-family:tahoma, arial,verdana,sans-serif; padding:0 0 0 0;}
p.faq_t1 {background:#fff;font-size:12px;color:#608A2F;font-family:tahoma, arial,verdana,sans-serif; padding:0 0 0 0;}


a.faq:link, a.faq:visited, a.faq:hover 
{background:#fff;font-size:12px;color:#3E3E3E;font-family:tahoma, arial,verdana,sans-serif; padding:0 0 0 0;}

table.faq_a {
font-size:12px;color:#3E3E3E;font-family:tahoma, arial,verdana,sans-serif;} 

.doc_main {background:#fff; width:90%; text-align:left;padding-right:10px;}
.dashline { height:1px;}

table.bannertableblk {border:1px solid #6E8C2A; font-size:12px; font-family:arial}
table.bannertableblk th {background-color:#b2c248;font-weight:bold; color:#fff}


table.bannertableblk td {color:#303030;background-color:#eaecd6;padding-left:5px;}
a.bannertableblk:link,a.bannertableblk:visited {color:#000;text-decoration:none;padding-left:5px;}
a.bannertableblk:hover {color:#95b556;text-decoration:none;padding-left:5px;}

.promotion_detail {font:normal 12px tahoma, verdana, sans-serif; font-weight:normal;font-size:12px;color:#909090;margin:0;}

#tip li {color:#636363;font-size:12px;font-family:arial;}