/* CSS Document */

* { margin:0; padding:0;}
body { background:#012040; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#2b2b2b;}
table, td {border-collapse:collapse; font-size:100%;}
table, td, img {border:0;}
form, td {margin:0; padding:0;}
td { vertical-align:top; text-align:left;}


.top-tail{ background:url(../images/top-tail.gif) top center repeat-x #012040; width:100%;}
.top-bg{ background:url(../images/top-bg.gif) top center no-repeat; position:relative; zoom:1;}
.corners-tail{ position:absolute; bottom:0; left:0; width:100%; height:9px; background:url(../images/corners-tail.gif) bottom center no-repeat;}

.main-bg{ background:url(../images/body-bg.jpg) repeat-x top center;}

.main-width { width:905px; margin:0 auto; text-align:left; }

input, textarea { font-family:Tahoma; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper{ width:100%; overflow:hidden;}
.container { width:100%;}
.column-1, .column-2, .column-3{ float:left;}

a {color:#84acd7; outline:none; text-decoration:underline;}
a:hover{text-decoration:none;}
p { margin:0; padding:0;}

.padding1{ padding-top:5px;}

/* ============================= header ====================== */
#header{  font-size:12px; text-transform:uppercase; color:#fff; position:relative; zoom:1;}
#header .top{ width:100%; overflow:hidden; height:121px;}
#header .fright{ text-align:right;}
#header .lang{ padding:44px 2px 0 0; float:right;}
#header .navigation-links{ padding:49px 5px 0 0;}
#header .navigation-links a{ color:#6da6f5; text-decoration:none; display:inline-block; margin-left:23px;}
#header .navigation-links a:hover{ color:#fff;}
#header .logo{ padding-top:20px; float:left;}

#header .menu{ width:100%; overflow:hidden;}
#header .menu ul{ margin:0; padding:0 0 0 3px;}
#header .menu li{ float:left; font-size:13px; text-transform:uppercase; padding-right:6px;}
#header .menu li a{ text-decoration:none; display:inline-block; color:#fff; padding-right:13px;}
#header .menu li a span{ display:block; padding:24px 15px 19px 15px;}

#header .menu li a:hover{ background:url(../images/menu-item-right-bg.gif) right top no-repeat;}
#header .menu li a:hover span{ background:url(../images/menu-item-tail.gif) left top repeat-x;color:#FFF600; }

/* ============================= content ===================== */
#content{ padding-top:15px; }
.row{ background:#3a5a95; width:100%; overflow:hidden; color:#92C0FE; text-transform:uppercase; font-size:12px; padding:10px 0 5px;}
.row .cart{ float:right; padding:1px 20px 0 0;}
.row .cart a{ color:#012040; font-weight:bold; text-decoration:none;}
.row .cart a:hover{ color:#92C0FE;}
.row .cart span a{ color:#92C0FE; font-weight:normal;}
.row .cart span a:hover{ color:#012040; font-weight:normal;}

.content-bg{ background:#fff; padding:25px 22px 10px 23px;}

/* ============================= banners ====================== */
.banners{ padding-bottom:10px; margin-right:-7px}
#bannerOne{ padding-bottom:10px;}
#bannerTwo{ float:left; margin-right:7px;}
#bannerThree{ float:left; margin-right:7px;}
#bannerFour{ float:left;}
/* -------------------------------------------------*/
#clientLogo{margin-top:10px; height:170px;width: 840px; border-top:0px solid #ebe8e8; border-bottom:0px solid #ebe8e8; margin-right:-7px;
background:#DCE8F6;  padding-left:10px}

* html #clientLogo{  padding-left:20px;}

.stepcarousel{margin-left:1px;
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 806px; /*Width of Carousel Viewer itself*/
height: 170px; /*Height should enough to fit largest content's height*/
background:#DCE8F6;
}

.stepcarousel .belt{ 
position: absolute; /*leave this value alone*/
left: 0; 
top: 0;
}

.stepcarousel .panel{background:#fff;
float: left; /*leave this value alone*/ width:258px;
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 8px 11px 10px 10px; /*margin around each panel*/ 
 /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .panel img{ margin-right:0px; border:1px solid #ADC6E3;}
 
/* -------------------------------------------------*/

#column-left{ width:195px; background:#DCE8F6;}
#column-center{ padding-left:21px;}


.box{ margin-bottom:10px;}
.box .box-head{ color:#fbfdfe; font-size:14px; font-weight:bold; text-transform:uppercase; background:#84acd7; padding:7px 10px 6px 16px;}
.box .box-body{ padding:17px 20px 20px 20px;}
.box .box-body ul, .box .box-body ol{ margin:0; padding:0;}
.box .box-body li{ line-height:23px; font-size:12px; text-transform:uppercase; }
.box .box-body li a{ color:#004F95; text-decoration:none;}
.box .box-body li a:hover{ color:#000;}

.box .box_body_2{ padding-top:9px;}
.box .box_body_2 li{ line-height:16px; background:none;}
.box .box_body_2 li a{ color:#314a84; text-decoration:underline;}
.box .box_body_2 li a:hover{ text-decoration:none;}

#specials .box-head{ background:#6AC9AD;}

.main-indent{ padding:0px 19px;}

.name{ color:#2b2b2b; text-transform:uppercase; padding-left:15px; text-decoration:none; font-size:12px;background:url(../images/icon-mao.gif) left top no-repeat;}
.name:hover{ color:#84acd7;}
.name-type{color:#2b2b2b; text-transform:uppercase; text-decoration:none; font-size:12px; padding-bottom:10px; display:inline-block;}
.price{ font-size:21px; font-weight:normal; color:#84acd7;}
.price strong{ font-weight:normal;}
.buttons{ padding-top:15px;}
.buttons a{ display:inline-block; margin-right:1px;}

.product-list-col{ margin-bottom:32px;} 
.product-list-col img{ border:1px solid #E1E1E1;} 
.col-margin{ margin-left:5px;}

/* ============================= footer ====================== */
#footer{ background:#012040; padding:20px 20px 20px 39px; text-transform:uppercase; color:#FBF0F0; font-size:11px;text-align:center;}
#footer a{ color:#f0d9b0;}
#footer .menu a{ text-decoration:none; color:#84acd7; display:inline-block; margin-right:21px;}
#footer .menu a:hover{ color:#f0d9b0;}
#footer p{ padding:10px 0 0 0;}
#footer p span{ display:block;}

/* ============================= forms ======================= */
select{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2b2b2b;}
input{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2b2b2b;}


.currencies-form{ float:right; padding:42px 20px 0 0;}
.currencies-form select{ background:#1f2e52; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; color:#fff; width:110px; vertical-align:middle;}

.search-form{ float:left; padding-left:20px; height:18px;}
.search-form .input1{ background:#fff; border:solid 0px; vertical-align:middle; padding:2px 2px 1px 4px; width:144px; font-size:12px; color:#314c87; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.search-form .input2 input{ vertical-align:middle;}
.search-form b{ vertical-align:middle; font-weight:normal;}

.manufacturers-form{ float:left; padding-left:22px; height:20px; overflow:hidden;}
.manufacturers-form select{ font-size:12px; color:#314c87; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; width:160px;}

/* ============================  */
  /*当需要随着内容自适应高度，但又想div有一个最小的高度时候*/
.suheight{
min-height: 480px;/* for ie7 firefox opera*/
max-height:none;/* for ie7 firefox opera*/
_height: 480px;/* only for ie6*/
}

.picblock {background:url(../images/picbg.gif) no-repeat 0 0; width:170px;height:140px;margin:0px auto;display: table-cell;
vertical-align:middle;text-align:center; border:#ccc 1px solid;font-size:125px;/*IE下条件：height/font-size≈1.14*/
 
}
.picblock img {display:block;vertical-align:middle;width:150px;}

#pic ul{background:#fff; margin:1px; padding:1px; 
}
#pic li {
    width:170px; height:160px; float:left; margin-left:19px; display:inline;text-align:center;
}
#pic li a {  display:block;
}
 
#pic li span { width:170px; height:24px; line-height:24px; text-align:center; white-space:nowrap;
    text-overflow:ellipsis; overflow: hidden;}

.suheight h1 {color:#3A5A95; font-size:18px; font-family:微软雅黑,Arial,宋体,Verdana,sans-serif; font-weight:bold;  padding:7px 10px 6px 18px;}

h2.centerBoxHeading {color:#fbfdfe; font-size:14px; font-weight:bold;  background:#9BBDE2; padding:7px 10px 6px 18px; margin:0 -19px 19px -19px; /*position:relative;*/}
h2.centerBoxHeading a{color:#fbfdfe; }
  .emRight{ font-style:normal; font-weight:normal;font-size:12px;text-align:right; float:right;}
 
ul {padding:0px; margin:8px 20px; color:#2b2b2b;}
.centerColumn ul {padding:0px; margin:8px 15px; color:#2b2b2b;}
#indexDefault {border:none; padding:0;}
/* =======Sugood=====================  */
.textP {text-decoration:none;margin-bottom:20px;line-height:22px;} 

.linksbnav {padding:0 5px 5px 5px;}
.linksbnav ul {margin:0px; list-style:none; }
.linksbnav li{padding:3px 0 3px 25px; border-bottom: 1px dashed #ccc;background:url(../images/sj01.gif) 10px 11px no-repeat;}
.linksbnav li a {color:#004F95; text-decoration: none;display: block;}    
.linksbnav li a:hover {color:#000; text-decoration:none;background:#E0F3FD;padding-left:10px;} 

.imgleft{float:left; margin:0 5px 5px 0; }
.imgright{float:right; margin:0 1px 5px 15px;}

.txtform{margin:15px;}
.txtform p {text-indent: 18pt; line-height:200%;}
.txtform textarea{border:2px #ccc solid; background:url(../images/inputbg.gif) no-repeat left top;padding:2px;margin-left:0px;}
 
/*搜索表单*/
.search{width:200px; background: url( ) no-repeat right top;}
.search p{margin-top:5px;margin-left:1px;}
.select {margin-left:1px;
	float: left; 
	margin-bottom:5px;;
	display: inline;
	padding:0px 0 0px 0px;
	background:#fff url(../images/shadowgif.gif) no-repeat;
	border:#666 1px solid;
	border-right:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
}

.select span {
  border:1px solid #fff;
  float: left; 
}

.select>span {
  height: 16px; 
  overflow:hidden;
  }
  
* Html .select span select {
  display:block;width:135px;
  float: left;
  margin: -2px;font-size:11px;font-family:Arial;/*IE6*/
}


.select span>select {
  display:block;  width:135px;
  float:none;
  margin: -2px;
  padding: 0px;
font-size:11px; font-family:Arial;/*FF*/
}

input.color_solid2{border:1px solid; border-color: #666 #ccc #ccc #666;background:#fafafa;
 color:#000;height:20px; line-height:20px;padding-left:3px;font: normal 12px/120%  verdana, Arial, tahoma, helvetica, sans-serif;
}
/**/
 /*表单*/
input.buttonImg {
	border: medium none; padding-top: 2px; margin: 0px 2px;font-size: 12px; background: url(../images/btnbg.gif); 
	width:80px; height: 25px; cursor:hand; cursor:pointer;color: #fafafa;
}
input.color_solid{border:1px solid; border-color: #555 #ccc #ccc #555;background:#ECF5FF;
 color:#000;height:20px;  line-height:20px;padding-left:2px; margin:2px 0;
}
.selectOrder{border:1px solid; border-color: #555 #ccc #ccc #555;background:#FFF;
 color:#000;height:20px;  line-height:20px;padding-left:2px; margin:5px 0;
}
.myDate input{border:1px solid; border-color: #555 #ccc #ccc #555;background:#fff;
 color:#000;height:20px;  line-height:20px;padding-left:2px;margin-bottom:3px;
} 
.pwLabel{color:#000;float:left;font-size:12px;line-height:30px;margin-right:5px;text-align:right;width:160px;  }
.pwli { margin:0pt;padding:0pt;height:30px;line-height:30px; vertical-align:middle; }
.pwlicolor { margin:3px 0;padding:3px 0;height:25px;line-height:25px; vertical-align:middle; }
.pwinput2 {float:left;width:375px;  }
/*.pwtextarea {width:300px; padding:5px; font-size:12px;font-family:Arial,宋体,Verdana;}
.textarea{border:2px #ccc solid; background:url(../images/inputbg.gif) no-repeat left top;padding:2px;margin:5px 0;}*/
.submitli {margin:-20px 0 0 165px;text-align:left;}

.defaultButton{width:90px;height:22px; line-height:16px;margin-top:0px;cursor:hand; cursor:pointer;}

/*colortxt*/
.tBlue{color:#437BB4}
.tGreen{color:#690}
.tOrange{color:#f80}
.tYellow{color:#fa0}
.tRed{color:#f00}
.tGray{color:#ccc}

/**/
 
.products ul{background:#fff;
    margin:0px;
    padding:0;
}
.products li {
    width:182px;
    height:180px;
    float:left;
    margin-right:12px;
    display:inline;
}
.products li a {
    display:block;
}
.products li a img {
    border:1px solid #ccc;
    padding:1px;  width:180px; height:130px;
}
.products li span a {
    width:180px;
    height:24px;
    line-height:24px;
    text-align:center;
	 white-space:nowrap;
    text-overflow:ellipsis; 
    overflow: hidden;}

/**/


/*  ------------------------------- Product box styles ------------------------  */

.product a {text-decoration:none; color:#2b2b2b; text-transform:uppercase; text-decoration:none; font-size:12px;}
.product a strong {text-decoration:none; color:#2b2b2b; text-transform:uppercase; text-decoration:none; font-size:12px;}
.product a:hover {text-decoration:underline;}

.product strong {font-size:21px; font-weight:normal; color:#84acd7;}




.product-list {padding:0; margin:0;}
.product-list .left {float:left; position:relative;}
.product-list .right {float:right; width:100%;}

.product-list .name {padding:0;}
.product-list a {text-decoration:none; color:#2b2b2b; text-transform:uppercase; text-decoration:none; font-size:12px;}
.product-list a:hover {text-decoration:underline;}

.product-list .text {padding:0;}

.product-list .price {float:left; padding:0;}
.product-list .button {float:right; padding:0;}

.product-list strong {font-size:21px; font-weight:normal; color:#84acd7;}



.product-list_col {}