/* general style */
body { margin:0; padding:0; width:100%; height: 100%; background:#fff; }
html { padding:0; margin:0; height: 100%; }

.wrapper { width:100%; height: 100%; margin: 0 auto; padding:0; background: #d8e3ec url(/images/bgmain.jpg) repeat-y top center;}
.main { width:100%; padding:0; margin:0 auto; background: : #d8e3ec; }
.header { padding: 0; margin:0 auto; width:985px; }
.logo { float:left; padding:15px 0; margin:0; width:350px; }
.login { float:right; padding-top:25px;}
.bundle { width:429px; height: 332px; padding:0; background: #ffffff url(/images/bundleback.jpg) no-repeat top center;}
/* menu */
.menu_container { padding:0; margin:0 auto; width:985px; height:57px; z-index:10; background: url(/images/layout/menu-shadow.jpg) top center; }
.menu { padding:0; margin:0; width:985px; height:39px; z-index:20; background: url(/images/layout/bg_menu.png) top center; }
.menu ul { padding:0; margin:0 30px 0 0; list-style:none; border:0; float: left; }
.menu ul li { float:left; margin:0; padding:0; border-right:1px solid #565656; }
.menu ul li.last{  margin:0; padding:0; border-right:0px; }
.menu ul li a { float:left; margin:0 1px 0 0; padding:12px 33px; color:#fff; font:normal 12px Sans serif, Arial; text-decoration:none; }
.menu ul li a:hover { background: url(/images/layout/hover.png) left repeat-x; }
.menu ul li a.active { background: url(/images/layout/hover.png) left repeat-x; }

/********** block index **********/
.body, p, ul, li  { font:normal 13px Sans serif, Arial; }
.body h1 { font:normal 20px Sans serif, Arial; color:#373737; padding:0; margin:0; }
.body h2 { font:normal 20px Sans serif, Arial; color:#373737; padding:10px 0; margin:0; }
.body h3 { font:normal 18px Sans serif, Arial; color:#005695; padding:0; }
.body h5 { font:normal 40px Sans serif, Arial; color:#373737; padding:10px 5px; margin:0; }
.body a { font:normal 12px Sans serif, Arial; color:#2e597b; text-decoration:none; }
.body p { font:normal 12px Sans serif, Arial; line-height:1.8em; padding:5px; margin:0; }
.body .heading { font:normal 12px Sans serif, Arial; line-height:1.8em; padding:5px; margin:0; background-color: #f0f0f0; width:100%;  }
.body ul, li { font:normal 12px Sans serif, Arial; }

.body span { font:bold 11px Sans serif, Arial; color:#4d4d4c; }

.default { width:985px; padding:0; }
.video {width:460px; float: left;}
.content {width:490px; float: right;}

.links { width:985px; border-top:1px solid #e0e0e0; padding-top: 10px; }
.links .panel1 { float: left; width:320px; padding-right: 5px;}
.links .panel2 { float: left; width:320px; padding-right: 5px;}
.links .panel3 { float: right; width:320px; padding-right: 15px;}

/********** footer **********/
.footer { padding:30px 0; margin:0 auto; text-align:center; }


p.clr,
.clr { clear:both; padding:0; margin:0; background:none; }
li.bg,
.bg { clear:both; border-top:1px solid #eaeaea; padding:0; margin:5px 0; background:none; }
pre { font-family: "Courier New"; }

h1 { font:normal 40px Sans serif, Arial; color:#373737; padding:0; margin:0;  }
h2 { font:normal 24px Sans serif, Arial; color:#373737; }
h3 { font: normal 23px Sans serif, Arial; color: #799655; }
p { font: normal 13px Sans serif, Arial; color: #2e2e2e; }
a { font: normal 13px Sans serif, Arial; color: #497194; }

.borderLeft { padding-left: 5px; border-left:1px solid #f3f3f4;}
.borderRight { padding-right: 5px; border-right:1px solid #f3f3f4;}

a.dark_btn { background-color: #005695; padding:6px 8px 6px 8px; color:#fff; font: 16px Arial, Helvetica, sans-serif; text-decoration:none; }
a.dark_btn:hover { background-color: #005695; color: #FFF; }

a.light_btn { background-color: #7b7b7b; padding:6px 8px 6px 8px; color:#fff; font:bold 16px Arial, Helvetica, sans-serif; text-decoration:none; }
a.light_btn:hover { background-color: #666666; color: #FFF; }


table tr td { padding:0; margin: 0; }

table.topnav { width: 100%; height: 30px; padding: 0; margin: 0; }
table.topnav tr td h1 { font: normal 18px Sans serif, Arial; color: white; }
table.topnav tr td a { text-align: center; font: normal 14px Sans serif, Arial; color: white; text-decoration: none; }

div.main-container { width: 970px; padding: 0px; margin: 0 auto; }
div.main { width: 940px; margin: 0 auto; }
div.theader { width: 940px; height: 100px; padding-top: 10px; margin: 0px; }
div.nav { width: 940px; height: 64px; padding-top: 5px; }
div.content { width: 920px; padding: 20px 10px 20px 10px; }
div.footer { width: 970px; padding-right: 5px; padding-top: 12px; padding-bottom: 15px; margin: 0 auto; }
div.footer, div.footer a { font: normal 11px Sans serif, Arial; color: #808080; }

table.border tr td { border: 1px solid black; padding: 0px; margin: 0px; }

table.login { padding: 0px; margin:0; }
table.login tr td { font: normal 12px Sans serif, Arial; }

div#info { position: fixed; bottom: 0px; width: 100%; height: 25px; background: #e9e9e9; border-top: 1px solid #d0d0d0; }
div#info { font: normal 12px Sans serif, Arial; padding: 5px; padding-left: 20px; padding-bottom: 0px; margin: 0px; }

div.errors { width: 400px; height: auto; padding-top: 10px; padding-bottom: 10px; border: 1px solid black; background-color: #e9e9e9; text-align: center; vertical-align: middle; }
div.errors p { font: normal 13px Sans serif, Arial; color: #d00000; }

table.data-area, table.order-area tr td { vertical-align: top; border-spacing: 0; }
table.data-area { width: 80%; border: 1px solid #d0d0d0; }
table.data-area thead tr td { border-spacing: 0px; background-color: #e0e0e0; padding: 5px 10px; border-top: none; }
table.data-area thead tr:hover td { background-color: #e0e0e0; }
table.data-area thead tr td { font: bold 12px  Sans serif, Arial; color: #505050; text-shadow: #c0c0c0 2px 2px; }
table.data-area tr td { border-spacing: 0px; background-color: white; padding: 8px 10px 5px 10px; border-top: 1px solid #d0d0d0; }
table.data-area tr td { font: normal 11px  Sans serif, Arial; color: #505050; }
table.data-area tr:hover td { background-color: #f4f7bb; }
table.data-area tr.new td { font-weight: bold; }
table.data-area tr td * { padding: 0; margin: 0; }

table.data-area2 { width: 80%; border: 1px solid #d0d0d0; }
table.data-area2 thead tr td { border-spacing: 0px; background-color: #e0e0e0; padding: 5px 10px; border-top: none; }
table.data-area2 thead tr td { font: bold 12px  Sans serif, Arial; color: #505050; text-shadow: #c0c0c0 2px 2px; }
table.data-area2 thead tr td p { padding: 0px; margin: 0px; }

table.order-area, table.order-area tr td { vertical-align: top; border-spacing: 0; }
table.order-area { width: 80%; border: 1px solid #d0d0d0; }
table.order-area thead tr td { border-spacing: 0px; background-color: #e0e0e0; padding: 5px 10px; border-top: none; }
table.order-area thead tr:hover td { background-color: #e0e0e0; }
table.order-area thead tr td p { font: bold 12px  Sans serif, Arial; color: #505050; text-shadow: #c0c0c0 2px 2px; }
table.order-area tr td { border-spacing: 0px; background-color: white; padding: 8px 10px 5px 10px; border-top: 1px solid #d0d0d0; }
table.order-area tr td p { font: normal 11px  Sans serif, Arial; color: #505050; }
table.order-area tr:hover td { background-color: #f4f7bb; }
table.order-area tr td:last-child { text-align: right; }
table.order-area tr.new td { font-weight: bold; }

table.data-form, table.data-form tr td { vertical-align: center; border-spacing: 0; }
table.data-form { width: 80%; border: 1px solid #d0d0d0; }
table.data-form thead tr td { border-spacing: 0px; background-color: #e0e0e0; padding: 5px 10px; border-top: none; }
table.data-form thead tr:hover td { background-color: #e0e0e0; }
table.data-form thead tr td { font: bold 12px  Sans serif, Arial; color: #505050; text-shadow: #c0c0c0 2px 2px; }
table.data-form tr td { border-spacing: 0px; background-color: white; padding: 8px 10px 5px 10px; border-top: 1px solid #d0d0d0; }
table.data-form tr td { font: normal 11px t Sans serif, Arial; color: #505050; }
table.data-form tr:hover td { background-color: #f4f7bb; }
table.data-form tr.new td { font-weight: bold; }
table.data-form tr td * { padding: 0; margin: 0; }

table.data-form-cc, table.data-form-cc tr td { vertical-align: center; border-spacing: 0; }
table.data-form-cc { width: 80%; border: 1px solid #d0d0d0; }
table.data-form-cc thead tr td { border-spacing: 0px; background-color: #c0c0ff; padding: 5px 10px; border-top: none; }
table.data-form-cc thead tr:hover td { background-color: #c0c0c0; }
table.data-form-cc thead tr td { font: bold 12px  Sans serif, Arial; color: #505050; text-shadow: #c0c0c0 2px 2px; }
table.data-form-cc tr td { border-spacing: 0px; background-color: #f0f0ff; padding: 8px 10px 5px 10px; border-top: 1px solid #d0d0d0; }
table.data-form-cc tr td { font: normal 11px t Sans serif, Arial; color: #505050; }
table.data-form-cc tr:hover td { background-color: #f4f7bb; }
table.data-form-cc tr.new td { font-weight: bold; }
table.data-form-cc tr td p { padding: 0; margin: 0; }
table.data-form-cc tr td p { font-size: 12px; }
table.data-form-cc tr td.banner { border-spacing: 0px; background-color: #d0d0d0; padding: 5px 10px; border-top: none; }
table.data-form-cc tr td.banner { font: bold 12px  Sans serif, Arial; color: #505050; text-shadow: #c0c0c0 2px 2px; }


.box { float:left; width:229px; height:212px; }



/* product/box slider */
.gallery { width:936px; padding: 26px 0 0 0; margin:0 auto;   }
#slider { margin:0; padding:10px 0 0 0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
#slider li {  overflow:hidden; }
#slider li h1 { font: normal 14px Sans serif, Arial; padding:2px; }
#slider li span { font: bold 16px Arial, Helvetica, sans-serif; }
#slider a.links { color:#1d2024; }

p#controls { margin:0 auto; position:absolute; top:265px;}
#prevBtn { display:block; margin:0; overflow:hidden; width:27px; height:45px; position:relative; left:-8px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:27px; height:45px; position:relative; left: 927px; top: -50px; }
#prevBtn a { display:block; width:27px; height:45px; background:url(../images/layout/arrow_left.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:27px; height:45px; background:url(../images/layout/arrow_right.gif) no-repeat 0 0; }