@charset "utf-8";
/*[CSS Reset]*/
* { padding:0; margin:0 }
img, ul, li, body, table, tr, td { padding:0; margin:0; border:0; }
html { SCROLLBAR-BASE-COLOR:  #000; SCROLLBAR-FACE-COLOR:  #000; SCROLLBAR-HIGHLIGHT-COLOR: #76C5F0; SCROLLBAR-SHADOW-COLOR: #76C5F0; SCROLLBAR-3DLIGHT-COLOR:  #76C5F0; SCROLLBAR-ARROW-COLOR:  #76C5F0; SCROLLBAR-TRACK-COLOR:  #000; SCROLLBAR-DARKSHADOW-COLOR:#000; }
body { padding: 0; margin: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 140%; text-align: center; background:#000000; height:auto; }
a:link, a:visited, a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; }
h1, h2, address, p { margin: 0; padding: .8em; }
h1, h2 { font-size: 20px; }
/**[structure]*/
#wrap { width: 1000px; margin: 0 auto; overflow: hidden; }
#header { background:url(../images/head.jpg) repeat-x; height:89px; }
#flashcontent { background:url(../images/head.jpg) repeat-x; width:1000px; height:69px; }
#sideleft { float:left; width:200px; background:#ffffff; text-align:left; }
#sideright { width: 800px; float: right; background: #FFFFFF; text-align: left; padding-top: 10px;overflow:hidden;}
#footer { background: #E8E8E8; width: 100%; float: left; height:auto; margin-top:5px; }
/****[For Hack, to ensure the equal Height]****/
/* Opera7.0-7.2 */
/* easy clearing */
#wrap:after { content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; clear: both; visibility: hidden; }
#wrap { display: inline-block; }
/*\*/
#wrap { display: block; }
/* end easy clearing */
/* Opera 8 overflow: hidden has BUG,The code below solve it */
/*\*/
#sideleft, #sideright { padding-bottom: 32767px !important; margin-bottom: -32767px !important; }
@media all and (min-width: 0px) {
#sideleft, #sideright {
 padding-bottom: 0 !important;
 margin-bottom: 0 !important;
}
#sideleft:before, #sideright:before {
 content: '[DO NOT LEAVE IT IS NOT REAL]';
 display: block;
 background: inherit;
 padding-top: 32767px !important;
 margin-bottom: -32767px !important;
 height:0;
}
}
/*[Css Class]*/
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.products { width:400px; float:left; height:auto; background: #ffffff; text-align:center; padding-top:10px; }
.imgholder { text-align:center; width:400px; margin:0 auto; }
#img100 { float:left; width:360px; height:270px; overflow:hidden; border: 5px solid #FFFFFF; margin-right: auto; margin-left: auto; }
#data { font-size:14px; font-weight:bold; line-height:140%; width:350px;}
#jscontent { font-size:12px; font-weight:normal; line-height:120%; width:350px; text-align:left;}

.productslist { float:left; width:400px; height:auto; }
.productslist ul{list-style: none; width:390px;float:left;display:inline;}
.productslist li{float:left;display:inline; width:130px;height:120px;}
.titlebar { height:36px; width:220px; background:url(../images/top.gif) no-repeat left top; text-align:left; padding-left:180px; line-height:320%; font-size:14px; color:#58805f;font-weight:bold;}
.pagnation { margin-top:5px; padding-left:5px; padding-right:5px; width:390px;}
/*[menu]*/
.menu { width:70%; height:20px; background:#000; margin:0 auto; text-align:center; }
.menu ul { list-style:none; margin: 0 auto; text-align:center; float:left; display:inline; }
.menu ul li { float:left; width:100px; line-height:20px; border-right:2px solid #fff; background:#000; }
.menu a { display:block; text-align:center; height:20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.menu a:link { text-decoration: none; background:#000; color:#fff; font-weight: bold; }
.menu a:hover { font-size: 12px; font-weight: bold; background:#f00; color: #FFF; text-decoration: none; }
.menu a:visited { font-size: 12px; font-weight: bold; color: #FFF; text-decoration: none; }
/* [Vertical menubar] */
.menubar { margin:20px auto; text-align:left; width:180px; background:#000; }
.menubar ul { list-style:none; }
.menubar li { line-height:25px;border-top:1px #ccc solid;  border-bottom:1px #ccc solid; display:block; }
.level2 li { line-height:25px; border-top:1px #ccc solid;border-bottom:1px #ccc solid; display:block; }

.menubar a { display:block; font:bold 12px/25px Arial, Helvetica, sans-serif; padding-left: 5px; }

.vlevel1 li a:link, .vlevel1 li a:visited { line-height:25px; color:#fff; text-decoration: none; list-style: url(plus.gif) inside;; }
.vlevel1 li a:hover { color:#fff; no-repeat; }
.vlevel2 li a:link, .vlevel2 li a:visited { line-height:25px; color:#fff; text-decoration: none; text-indent:10px; list-style: url(nofollow.gif) inside; }
.vlevel2 li a:hover { color:#fff; text-indent:10px; }


.DataContent{ width:90%; margin:auto 5px 5px 5px;padding-right: 20px; padding-left: 20px; text-align: left; text-indent: 20px; background:#F6F6F6;}
.DataContent h2 {text-align:center;}
.DataContent ul li { margin-left:25px; list-style: url(../images/classicon.gif);}
.DataContent ul li a { text-decoration:underline;}
.DataContent h5 {text-indent:60px;}
.summary { margin:5px 30px; padding:0 10px; text-indent:20px; height:auto; width:650px; word-wrap:break-word; word-break:break-all; background:#E4F2E3; font-style: italic; }
.ContentHolder{border:1px solid #58805f;}
.pageturnover{ width:390px;}
.pageturnover a:hover {text-decoration:underline;}
.turnover_btn { width:30px; height:18px; border:1px solid #58805f;}
.textInputStyle { width:20px; height:16px; border:1px solid #58805f; }