/* CSS Document */

body{
margin:0 auto;
font-family:Arial, Helvetica, sans-serif;

}
a{color:#888;}
a:hover{color:#38AACA;}
#header{
width:1002px;
height:111px;
margin:0 auto;
}

#logo{
margin-left:30px;
width:250px;
float:left;
}

#menu{
float:right;
margin-right:30px;
margin-top: 55px;
}

#menu ul{
margin: 0;
padding: 0;
list-style: none;
}
#menu ul li{
float:left;
padding-right:12px;
margin-left:5px;
}
#menu ul li a{
color: black;
text-decoration: none;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 9px 0px 10px 12px;
float: left;

}

#menu ul li:hover,#menu ul li.active{
background:url(../images/mu-r-ov.png) no-repeat right center;
}
#menu ul li a:hover,#menu ul li.active a,#menu ul li:hover a{background:url(../images/mu-l-ov.png) no-repeat left center;
color:#FFFFFF;}

#slider{
background:url(../images/slider-bg1.png) repeat-x;
float: left;
min-height: 390px;
width: 100%;
padding-top:65px;
}
#slider img{width:935px;}
.slider-inner{
width:935px;
margin:0px auto;
padding-bottom: 22px;
background: url(../images/sld-shdw.jpg) no-repeat center bottom;
}
.sld-shdw{

border:1px solid #eeeeee;
background: #FFFFFF;
height:317px;
width:935px;
overflow:hidden;
}

#content{
margin:15px auto 0;
width:942px;
}

#content-l{
width:622px;
float:left;
font-size:13px;
text-align: justify;}

h1,h2{ 
color:#38AACA;
font-size:20px;

padding-bottom:13px;
float:left;
width:auto;
margin: 9px 0;
background:url(../images/h2.jpg) no-repeat left top;
padding-left:29px;
padding-top:3px;
}


h1 span,h2 span{
color:#000000;
border-bottom:2px solid #38aaca;
padding-bottom:2px;
padding-right:5px;
 }
h2{padding-top:8px; background:none; padding-left:2px;}
h2 span{ font-size:16px;}
#content-r{
width: 287px;
float: right;
border: 1px solid #CCC;
padding: 5px;
min-height: 348px;}
.sprt{background: url(../images/mqu-sprt.jpg) repeat-x;
float: left;
width: 100%;
height: 5px;
margin: 5px 0 10px;
}
.marq{ text-align:center; font-size: 18px;
margin-bottom:8px;
}
.marq img{
width: 95%;
/*margin-left: 8px;*/
height:120px;
text-align:center;
margin-bottom:14px;
}
#content-l .data{float:left; width:100%;}
#content-l ul{padding-left:0px; list-style:none; float:left;}
#content-l ul li{background:url(../images/arrow.png) no-repeat left center;  padding:2px; padding-left:30px;}

#off-dv{
width:620px;
border:1px solid #cccccc;
float:left;
}
.tabs-off{float:left; background:url(../images/off-sprt.jpg) no-repeat right center; padding:5px; padding-right: 26px;
padding-left: 8px; width: 179px; text-align:center; color:#535353; font-size:14px; font-weight:bold; }
.tabs-off img{ padding-bottom:4px;}
#off-dv .last{padding-right:0px; background:none;}
#footer{background:url(../images/slider-bg1.png) repeat-x left top #eee; min-height:50px; float:left; width:100%; margin-top:20px; padding-top:7px; padding-bottom:2px;}
.footer-inner{width:1002px; margin:0 auto;}
.ft-mu{float:left; margin-top:35px; color:#888888;  font-size:13px;}
.ft-mu a,#cnt,#cnt a{ color:#888888;  font-size:13px; text-decoration:none;}
.ft-mu a:hover,#cnt a:hover{color:#38AACA;}
#cnt a{text-decoration:underline;}
#cnt{float:right; min-width:150px; margin-top:5px; margin-right:25px;}
#cnt strong{color:#666;}
img{border:none;}
a.blue{color:#38AACA;}
a.blue:hover{ text-decoration:underline;}
.overlay{position:fixed;
z-index: 999;
top: 0px;
width: 100%;
background: white;
text-align: center;
height:100%;
cursor:pointer;}
/* 888888888888888888888888888 */
.jcarousel-skin-tango .jcarousel-container-vertical {
width: 100%;
height: 580px;}
.jcarousel-skin-tango .jcarousel-clip-vertical {
width: 100%;
height: 580px;
overflow: hidden;
float: left;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: 0px;
float: left;
width: 100%;
height:198px;
}
.jcarousel-prev,.jcarousel-next{display:none;}
/* 88888888888888888888888888888 */
.prd-data{float: left;
width: 98%;
padding: 10px;
border-bottom: 1px dashed 
#CCC;
margin-top: 5px;}

.prd-img{float: left;
padding: 5px;
border: 1px solid #EEE;
width: 160px;
margin-right: 15px;}
.prd-img:hover{border: 1px solid #dddddd; cursor:pointer; background:#f6f6f6;}
.prd-img img{width: 100%;
height: 115px;}
.prd-dtl{float: left;
min-height: 97px;
width: 415px;
padding-top: 0px;}
.prd-btn,.prd-ctlg{float: right;
min-height: 27px;
width: 400px;}
.prd-btn a{
float: right;
margin-right: 5px;
padding: 7px 5px;
background: url(../images/mr-btn1.png) no-repeat center;
text-decoration: none;
width: 77px;
text-align: center;
font-size: 14px;
color: #eee;
font-weight: bold;}
.prd-btn a.ctlg{ background:url(../images/ct-btn.png) no-repeat center;}
.prd-btn a:hover{ background:url(../images/mr-btn-ov1.png) no-repeat center; color:#FFFFFF;}
.prd-btn a.ctlg:hover{ background:url(../images/ct-btn-ov.png) no-repeat center;}
h3{padding: 0;
margin: 0;
float: left;
width: 430px;
font-size: 16px;
color:#888888;
margin-bottom:2px;}
/* 00000000000000000 Product page 0000000000000000000 */
.prd-imge img{width:100%; height:172px;}
.prd-imge:hover{ background:#f6f6f6; border-color:#bbbbbb;}

#content-l.prd {
width: 690px;
}
.prd-imge {
float: left;
width: 230px;
padding: 5px;
margin-right: 15px;
border: 1px solid #EEE;
}
.ovrw{ min-height:155px; float: left;
width: 430px;}
.prd .data{margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dashed 
#38AACA;}
.prd-ctlg{ float:left;}
.prd-ctlg a{padding: 2px 6px;
border: 1px solid 
#CCC;
margin: 0 3px;
text-decoration: none;
color: 
#666;
font-weight: bold;
background: 
#EEE;
border-radius: 3px;}
.prd-ctlg a:hover{ color:#FFFFFF; background:#38AACA;}
#content-r.prd-r {
width: 230px;}
#content-r.prd-r .jcarousel-skin-tango .jcarousel-clip-vertical {
height: 770px;}
#content-r a{text-decoration:none; color:#000000;}
#content-r a:hover{color: #38AACA;}

.first-rw{background: #38AACA;
color: white;
font-weight: bold;
font-size: 16PX;
text-align: center;}
td{ padding:2px 10px;}

.cfl{margin-top:0px; text-align:center; font-size:11px;}
.cfl .first-rw{font-size:12px;}
.first-rw td{padding:5px;}
.tb-frw{ width:200px;}
.even{background: 
#F6F6F6;
}
.snd-rw{ font-weight:bold;}
.left-st{float: left;
width: 255px;}
.right-lnk{float: right;
width: 230px;
border: 1px solid 
#BBB;
margin-top: 20px;
padding: 5px;}
.left-st a,.right-lnk a{color:#000000; text-decoration:none;}
.left-st a:hover,.right-lnk a:hover{color:#38AACA;}
.cf-img img{height:122px;}
/*********** Product page new design *************/
.products .prd-data {
width: 30%;
margin-right: 1.2%;
background: url(../images/bottom-shadow.png) no-repeat center 136px;
}
.products .prd-img {
width:95%;
margin-right: 0px;
}
.products .prd-btn,.products .prd-ctlg {
width: 284px;
position: relative;
z-index: 9999;
}
.products h3 {
padding: 0;
margin: 0;
float: none;
width: auto;
font-size: 18px;
color: #38AACA;
margin-bottom: 5px;
margin-top: 8px;
}
.products .prd-dtl {
float: left;
min-height: 97px;
width: 100%;
padding-top: 0px;
display: block;
height: 105px;
}
#content-frd.prd-frd{
float: right;
border: 1px solid #CCC;
padding: 5px;
min-height: 348px;
width: 230px;
}
#content-frd.prd-frd .jcarousel-skin-tango .jcarousel-clip-vertical {
height: 385px;
}
#content-frd.prd-frd .jcarousel-skin-tango .jcarousel-container-vertical {
width: 100%;
height: 430px;
}