@charset "utf-8";

/******************IE , html , body *******************/
html /******************* css  ********************/
html, body { height:100%; font-size: 12px; background-color: #000000; }

body, a, strong, input, select, button { /*, a */ font-family: "Tahoma", Courier, monospace; }

body, form, menu, dir, fieldset, blockquote, pre { /*UL Li,  ,  *  */ padding:0; margin:0; }

div, p { display:block; }

img { border:0; }

/*******************a ********************/
a { /*a , active  visited ;*/ text-decoration:none; color:#FFFFFF; }

a:hover { text-decoration:underline; }

body { text-align: center; /* ie5.5 ; div text-align */ }

/*******HTML  ID,  ,, ********/

.range #container { width: 1003px; margin: 0 auto; text-align: left; background-color: #fff; background-image: url(img/container_bg.jpg); background-repeat: repeat-x; background-position: top; }

.range #header { }

.range #logo { float: left; height: 100px; line-height:42px; margin-left:36px; width: 256px; vertical-align: middle; }

.range #slogan { float: right; height: 100px; line-height:42px; margin-left:36px; width: 600px; vertical-align: middle; }

.range #menutop { margin: 0px; padding: 0px; height: 26px; float:right; }

#menutop ul { float:left; list-style:none; margin-right:20px; }

#menutop ul li { float:left; display:inline; padding:10px; }

#menutop ul li a { color:#000000; }

.range #flash { height:168px; width:990px; margin:0 auto; text-align:center; }

.range #search { width:998px; text-align:center; background-image:url(img/searchbg.jpg); background-repeat: repeat-x; height: 42px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }

.range #sidebar { float: left; width: 220px; padding:15px 0 15px 5px; height:auto!important;height000:500px; min-height000:500px;margin: 0px auto; }

#sidebar .cat_top { margin: 0px; padding: 0px; height: auto; width: 195px; }

#sidebar .cat_mid { background-image: url(img/categorymid.jpg); background-repeat: repeat-y; margin: 0px; padding: 0px; height: auto; width: 195px; }

#sidebar .cat_down { margin: 0px; padding: 0px; height: auto; width: 195px; }

#sidebar .link_top { margin: 0px; padding: 0px; height: auto; width: 195px; }

#sidebar .link_mid { background-image: url(img/linkmid.jpg); background-repeat: repeat-y; margin: 0px; padding: 0px; height: auto; width: 195px; }

#sidebar .link_down { margin: 0px; padding: 0px; height: auto; width: 195px; }

.range #maincontent { float:left; margin: 0 ; width:500px; }

.range #homeinfo { float:left; margin: 0 ; width:500px; height:200px;}

.range #footer { margin:20px auto; height:38px; background-color: #DDDDDD; background-image: url(img/footerbg.jpg); width: auto; line-height:38px; border: 1px solid #CCCCCC; }

.range #footer p { text-align:center; }

.range #footer a { color: #000000; }

/*******HTML  ID,  ,, ********/


.inner { margin-top:15px; float:left; }

.innertop { margin: 0px; padding: 0px; height: 32px; width: 771px; background-image: url(img/producttop.jpg); background-repeat: no-repeat; }

.innermid { width: 771px; height:auto!important; height:260px; min-height:260px; margin: 0px; padding: 0px; background-image: url(img/productmid.jpg); background-repeat: repeat-y; }

.innerdown { height: 16px; width: 771px; background-image: url(img/productbottom.jpg); background-repeat: no-repeat; margin: 0px; padding: 0px; }

.footerline { background: url(img/menubj.jpg) repeat-x left top; width:1003px; border-top: 1px solid #000000; height: 18px; }

.content { height:auto!important; height:260px; min-height:260px; width:700px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }

/*====================================================*/

/******************** Class,*******************/
.fltrt { float: right; margin-left: 8px; }

.fltlft { float: left; margin-right: 8px; }

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

/******************** Class,********************/

/********************,********************/
.title { text-align:center; color:#000000; font-size:16px; font-weight:bold; }

.breadcrumb { height:30px; padding-left:20px; line-height:30px; width:700px; clear:both; font-size:14px; font-weight:bold; }

.breadcrumb a { color: #000; text-decoration:none; }

/*menu container*/
#menucontainer { width:990px; background-image: url(img/menucontainerbg.jpg); background-repeat: repeat-x; border: 1px solid #34A8DB; height:19px; margin:0 auto; margin-bottom:5px; }

.menu { width:700px; margin-left:180px; position:relative; font-size:11px; font-weight:bold; background: repeat-x; }

.menu ul { padding:0; margin:0; list-style-type:none; float:left; position:relative; border-left: 0px solid #000; }

.menu ul li { float:left; position:relative; display:inline; }

.menu ul li a, .menu ul li a:visited { font-size:12px; font-weight:bold; color:#01036B; float:left; display:block; text-decoration:none; /*background:#B6CECD;*/ width:auto; height:18px; border:0px solid #000; border-width:0 0px 0 0; padding:0px 16px 0px 16px; line-height:18px; }

.menu ul li a:hover { background-color: #0099CC; }

.menu ul li.drop a { /*background: #FF0000 url(img/menu_On.jpg) repeat-x;*/ }

* html .menu ul li a, .menu ul li a:visited { width:auto; w\idth:auto; }

.menu ul li:hover a { color:#fff; background:#FFCC00;/*background:url(img/menu_On.jpg) repeat-x left top;*/ }

/*********************,********************/

/* */
ul.productdirectory, ul.productdirectory li ul { list-style:none; margin:0; padding:0; }

.productdirectory li { background-image: url(img/listicon.jpg); display:block; padding-left: 10px; margin-left:5px; text-indent: 10px; background-repeat: no-repeat; background-position: left 10px; line-height:25px; }

.productdirectory li ul li { background-image: none; padding-left:0px; margin:0px; }

.productdirectory li a:link, .productdirectory li a:visited, .productdirectory ul li a:link, .productdirectory ul li a:visited { color:#000; text-decoration: none; }

.productdirectory li a:hover, .productdirectory ul li a:hover { color:#000; text-decoration:underline; }

.productdirectory ul li a:link, .productdirectory ul li a:visited { text-indent:20px; }

/********************UL ,,ie6 ;********************/
.pagnation { margin:0 auto; padding:0; list-style: none; width:700px; height:auto!important; }

.pagnation ul { margin:0; padding:0; list-style: none; width:700px; display:block; }

/* panation */
.pagnation ul li { margin:0; padding:0; float:left; display:inline; width:600px; height:130px; overflow:hidden; }

.pagnation ul li a { color:#000000; }

.loopunit { text-align:left; width:600px; height:120px; background-color: #FFF; }

.thumbnail { width:120px; height:90px; border: 1px solid #CCCCCC; float: left; padding-right:0px; margin-right:10px; }

.bigpic { border:0; margin:0 auto; padding:0; width:400px; max-width:400px; text-align:center; }

/******************** *******************/
.pageturnover { width:440px; height:30px; line-height:20px; line-height:30px; margin-top: 30px; margin-right: auto; margin-left: auto; padding:5px 10px; border:2px solid #9DCDF4; background: #C4DEF4; color:#000000; }

.pageturnover a { color:#FF0000; }

.pageturnover a:hover { text-decoration:underline; }

.textInputStyle { width:25px; margin:2px 5px; height:12px; border:1px solid #58805f; font-size:11px; }

.turnover_btn { width:40px; margin:0px 5px; height:18px; border:1px solid #58805f; font-size:11px; }

.newslistpagnation { /*
	background: #c9dbe9;
	margin:10px auto;
	height:auto!important;
	width:700px;
	*/ }

.newslistpagnation ul { margin:0 auto; padding:0; width:700px; display:block; text-align:left; }

/* panation */
.newslistpagnation li { float:left; width:600px; display:block; text-align:left; height:20px; padding:10px 5px 0 5px; line-height:160%; font-size:100%; list-style-type: disc; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #FFFFFF; }

.newslistpagnation li sup { float:right; margin-right:5px; font-size:1.2em; }

.newslistpagnation li a, .newslistpagnation li a:visited { color:#000000; text-decoration:none; }

.newslistpagnation li a:hover { text-decoration:underline; }

.productBOX{ float:left; margin:10px 30px; _margin:10px 25px; display:inline; width:170px; height:auto;}
.productIMG{ width:170px; height:120px; text-align:center; text-align:center; margin-bottom:3px;}
.productIMG img{border:none; width:170px; height:120px;}
.productNAME{font-size:12px; display:block; text-align:center; line-height:25px; border-bottom:1px dashed #CCCCCC;}
.productNAME a:link,.productNAME a:visited{color:#000; text-decoration:none;}
.clearfloat{clear:both; height:0px; overflow:hidden;}