/*Version:             1.0.0(2012-12-04)*/
html,body{-webkit-text-size-adjust:none;}
body,dl,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p{padding:0; margin:0;}
body{width:100%; margin:auto; font:11px/150%  Verdana, Arial,"Lucida Grande", Lucida, Helvetica, sans-serif; color:#333; background:#fff; text-align:left; position:relative;}
fieldset,img {border:none;}
li {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%;}
tr,td,select,input{font:11px/150%  Verdana, Arial,"Lucida Grande",Helvetica, sans-serif;}
label,img,input,textarea,select,button {vertical-align:middle;}
input.text, textarea {border:1px solid #ccc;}
button{overflow:visible;cursor:pointer;}

a{/*color:#333;*/text-decoration:none; outline:none;}
a:hover{/*color:#f60;*/text-decoration:underline;}

.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

.systemAlert{color:#DA000E;font-weight:bold;}
a.systemAlert{color:#DA000E;}

.row{overflow:auto;zoom:1;}
.nav{ padding:0px 10px; border:1px solid #ddd; background:#eee; font-size:14px; font-weight:bold; color:#DA000E; }
.nav a{ color:#DA000E;}
.content{ padding:10px; line-height:normal;}

/* __header----------------------------*/
#header { width:100%; background:#000; }
.headerBox{ width:970px; margin:0 auto; overflow:auto;zoom:1; background:url(../images/topBg.gif) no-repeat right bottom;}
.logo{ float:left;}
.logo a { text-indent:-9999px; display:block; width:180px; height:121px; background: url(../images/logo.gif) no-repeat center bottom; }
.topFont{ float:left; padding:40px 15px 0px; font-size:14px; font-weight:bold; color:#f00;}
.topBar{ float:right;}
.lang{ padding:20px 40px 20px 0px; text-align:right;}
.lang a{ color:#fff;}
.lang a:hover{ color:#FFFF33;}
.search{ background:url(../images/searchBg.gif) no-repeat; padding:5px 10px 10px;}
.search .input{ border:0px; width:195px;}
.topMenuBox{ width:100%; background:url(../images/topMenu.gif) repeat-x; padding-bottom:10px;}
.topMenu{ width:970px; margin:0 auto; text-align:center;}
.topMenu li{ display:inline; padding:10px; line-height:36px;}
.topMenu li a{ color:#fff; font-weight:bold; font-size:14px;}
.topMenu li a:hover{ color:#FFFF33;}
.topMenu .menuDiv{ background:url(../images/menuDiv.gif) no-repeat center center; width:2px; overflow:hidden;}

/* __pageBody----------------------------*/
#pageBody { width:970px; margin:10px auto; overflow:auto; zoom:1; }

/* __sideBar----------------------------*/
#sideBar { width:197px; float:left; }
.sideBox{ margin-bottom:10px;}
.sideBox h3{ background:#fca3a3; border:1px solid #e58d8d; padding:5px 10px; color:#fff; font-weight:bold; font-size:14px; text-transform:uppercase;}
.sideBox .content{ border:1px solid #d0d0d0; border-width:0 1px 1px; padding:10px 5px;}

.Dromenu {z-index:1000;font-size:90%;margin:0;border:1px solid #d0d0d0; border-width:0 1px; /* this page only */ position:relative;}

/* remove all the bullets, borders and padding from the default list styling */
.Dromenu ul {padding:0;margin:0;list-style-type:none;width:195px;}
/* hack for IE5.5 */
* html .Dromenu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.Dromenu li {position:relative;border-bottom:1px solid #CECDCD;background:#fff;}
.Dromenu li a strong { font-size:12px}

/* get rid of the table */
.Dromenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.Dromenu a, .Dromenu a:visited {display:block; text-decoration:none;line-height:24px;width:190px;color:#666; font-weight:bold; padding-left:5px; background:#fff;font-size:12px;}
.Dromenu a:hover {color:#fff; background:#F53A3A; text-decoration:underline;}

a.plus,a:visited.plus,* html .Dromenu a.plus {
	background:#fff url(../Images/cata_bg.gif) no-repeat right center;
	line-height:24px;
	font-size:12px;
}

/* style the link hover */
* html .Dromenu a:hover {color:#fff; background:#F53A3A; text-decoration:none;}

.Dromenu :hover > a {color:#fff; background:#F53A3A; text-decoration:none;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.Dromenu ul ul {visibility:hidden;position:absolute;top:0;left:195px;border-bottom:1px solid #CECDCD; z-index:9999;}
.Dromenu ul ul li a,.Dromenu ul ul li a:visited{margin:0 0 -1px 0;border:1px solid #CECDCD; border-width:1px 1px 0; font-weight:normal;}
/* make the second level visible when hover on first level list OR link */
.Dromenu ul li:hover ul,
.Dromenu ul a:hover ul {visibility:visible;}

/* keep the third level hidden when you hover on first level list OR link */
.Dromenu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.Dromenu ul :hover ul :hover ul{ visibility:visible;}

.Dromenu ul ul a:hover {color:#fff; background:#F53A3A;}

.sideContact li{ padding:8px 0; font-weight:bold; color:#000;}
.sideContact li a{ color:#000;}
.sideContact .cTel{ background:url(../images/iconTel.gif) no-repeat 0 7px; padding-left:28px;}
.sideContact .cFax{ background:url(../images/iconFax.gif) no-repeat 0 7px; padding-left:28px;}
.sideContact .cEmail{ background:url(../images/iconEmail.gif) no-repeat 0 8px; padding-left:28px;}
.sideContact .cEmail a:hover{ color:#00f;}


/* __mainBody----------------------------*/
#mainBody { width:763px; float:right; overflow:hidden; }
.banner{ margin-bottom:10px;}
.mainBox{ margin-bottom:10px;}
.mainBox h3{ background:#fca3a3; border:1px solid #e58d8d; padding:5px 10px; color:#fff; font-weight:bold; font-size:14px; text-transform:uppercase;}
.mainBox .content{ border:1px solid #d0d0d0; border-width:0 1px 1px; padding:10px;}

.productsBox{ float:left; width:200px; padding:10px 23px; text-align:center;}
.productsBox .proImg{ margin:0 auto; text-align:center; display: table-cell;vertical-align:middle; *display: block; *font-size: 185px; *font-family:Arial; width:200px; height:200px; }
.productsBox .proImg img{vertical-align:middle;}
.productsBox h4{ padding-top:5px;}
.productsBox h4 a{ color:#DA000E;}
.productsBox .item{ font-weight:bold; color:#999; background:url(../images/item.gif) no-repeat center top; padding:5px;}

.newsBox dl{ margin:5px 0; overflow:auto;zoom:1;  background: url(../images/icon01.gif) no-repeat 5px 8px; line-height:24px; border-bottom:1px dotted #ddd; }
.newsBox dt{ float:right; height:24px; color:#999; padding:0 5px;}
.newsBox dd{height:24px; overflow:hidden; margin-left:20px;}
.newsBox dd a{ font-size:12px; color:#333; }

.newsBox2{ padding:10px;}
.newsBox2 h4{ font-weight:bold; text-align:center; font-size:14px;}
.newsBox2 .data{ color:#666; text-align:right;margin:10px 0; border-bottom:1px dotted #ddd;}
.newsBox2 li{ color:#DA000E;}
.newsBox2 li a{ color:#000;}

.proLeft{ float:left; width:560px; overflow:hidden; padding:10px 0;}
.proRight{ float:right; width:190px; overflow:hidden; padding:10px 0;}
.productBox{}
.productBox h4{ font-size:14px; margin:10px 0; color:#000; font-weight:bold;}
.productBox .proImgBox{float:left; width:300px;}
.productBox .proImg{ width:300px; height:100%; display:block;  margin-bottom:10px;}
.productBox .proImg img{border:1px solid #333;}
.smallBox{ clear:both; overflow:auto;zoom:1;}
.smallBox .smallImg{ float:left;border:1px solid #333; margin:5px 13px 5px 0;}
.click{ text-align:center;}

.productBox .proInfo{ float:left; padding-left:5px; width:240px;}
.productBox .item{ border-bottom:1px dotted #ddd; padding:8px 0; }
.productBox .item strong{ font-weight:normal; color:#666;}
.productBox .prev{ text-align:center; padding:10px;}
.productBox .prev a{ padding:0 5px;}

.proDetail{ padding:10px 0;}
.proDetail h3{background:#fca3a3; border:1px solid #e58d8d; padding:5px 10px; color:#fff; font-weight:bold;}
.proDetail td{ font-family:Arial; color:#333; font-size:14px;}
.proDetail .input{ border:1px solid #FCA4A3; width:250px; padding:2px; line-height:14px;}
.proDetail .textarea{ border:1px solid #FCA4A3;}
.proDetail .sendImg{ float:right; padding:20px 100px 10px 0px;}
.proDetail .sendImg img{ padding:2px; border:1px solid #000;}

.smallBox2{ clear:both; overflow:auto;zoom:1;}
.smallBox2 .smallImg{ float:left;border:1px solid #999; margin:5px 0px 5px 17px;}

.proDetail2{ background:#eee; }
.proDetail2 h3{background:#fca3a3; border:1px solid #e58d8d; padding:5px 10px; color:#fff; font-weight:bold;}

.productsBox2{ padding:5px; overflow:auto; zoom:1;}
.productsBox2 .proImg{ float:left; border:1px solid #999;}
.productsBox2 .proInfo{ float:right; width:125px; overflow:hidden;}
.productsBox2 h4{ height:32px; overflow:hidden;}
.productsBox2 h4 a{ color:#333;}
.productsBox2 .item{ color:#999;}


/* __footer----------------------------*/
#footer { width:100%; background:#f83b3b url(../images/footBg.gif) repeat-x; }
.footBox{ width:800px; margin:0 auto; color:#fff; background:url(../images/logo2.gif) no-repeat 100px center; padding-left:240px;}
.footBox a{ color:#fff;}
.footBox a:hover{ color:#FFFF33;}
.footMenu{ padding:10px 0 0; }
.footMenu li{ display:inline; padding:0 5px; font-weight:bold; }
.copyright{ padding:10px 5px; }

/* Nav Pages */
.navpages{padding:5px; }
.navpages ul{text-align:right;margin:0;padding:0}
.navpages li{list-style:none;display:inline; width:14px;margin-right:2px;}
.navpages li.thepage{margin-right:5px;color: #333;padding:1px 4px; width:auto}
.navpages a{text-decoration:none;color:#333;padding:1px 4px;border:1px solid #eee;}
.navpages a:hover{border:1px solid #000;color:#fff;background:#EF3737; text-decoration:none}
.navpages li.curr_linkpage{border:1px solid #000;color:#fff;padding:1px 4px;background:#EF3737;}