﻿body{background:#C3E0F7;}
#mainwrapper, #main{background:#FFF;}
#footer{border-top:1px solid #e6f2ff;background:url(images/footerbg.png) repeat;color:#000;}
#footer a{color:#000;}
#left,#right{border-color:#004000;}
a, a:visited {color:#001D95}

.box .header p{color:#0A92A3;background:url(images/boxheader.gif) no-repeat right top;padding:0 1em 0 0;}
.box .header p a{color:#0A92A3;}
.box .header p a:hover{color:#F00;}
.box .header p span{background:url(images/boxheader.gif) no-repeat left top;padding:.8em .1em .63em .5em;display:block;}
.box .header div{padding:0;}
.box .content {border-color:#ccc}
.box .header p img {margin:5px 2px 0 5px}

#home .box .header,.tabbox .tab-header{background:url(images/boxheader-blue.gif) repeat-x left bottom;padding-bottom:16px!important;}
#home .box .header p,.tabbox .tab-header h2{padding:0;float:left;background:url(images/boxheader-blue.gif) no-repeat right top;padding:0 2em 0 0;margin:0 0 0 1em;font-size:1.1em;}
#home .box .header p span,.tabbox .tab-header h2 span{background:url(images/boxheader-blue.gif) no-repeat left top;padding:.8em .1em .3em 2em;display:block;}
#home .box .header div,.tabbox .tab-header div{padding:0 .5em 1em 0;}
#menu{height:auto;}
.menutop{background:url(images/boxheader-blue.gif) repeat-x left bottom;padding:2px 0 26px 15px!important;height:auto;vertical-align:bottom;}
.menutop #active a span,.menutop a:hover span{background:url(images/menu_active.gif) transparent scroll no-repeat left top;padding:1em 0 0 1em;margin:0;font-size:1.1em;display:block;}
.menutop #active a,.menutop a:hover{background:url(images/menu_active.gif) transparent scroll no-repeat right top;padding:0 1em 0 0;height:38px;margin:0 .2em .8em 0;display:block;float:left;}
.menutop li a{background:url(images/menu_item.png) transparent scroll no-repeat right top;padding:0 1em 0 0;height:28px;margin:8px 2px 0 0;float:left;}
.menutop a span{background:url(images/menu_item.png) transparent scroll no-repeat left top;padding:.6em 0 0 1em;height:20px;margin:0;display:block;}
.menutop li{display:block; }
.menutop ul{width:auto;height:auto;}
.menutop a,.menutop a span{color:#0a92a3;}
.menutop #active a span,.menutop a:hover span{color:#005b67;}
.menutop ul span img{width:20px;vertical-align:inherit;margin:-0.2em .5em 0 .2em;clear:both;text-align:center;visibility:visible;}
.menutop ul span{vertical-align:middle;}


.menu-product li a:hover, .menu-product #current > a{border-bottom:1px inset #AAA; background:#EEE}

.menu-product .level1 a {background-position:2px 50%;border-bottom:1px solid #EEE;}

.menu-product .level2  a{background-position:14px 7px;border-bottom:1px solid #FFF;}

.menu-product .level1  a {text-transform:capitalize}

.menu-product .level2  a {text-transform:capitalize}

.menu-product #current > a{font-weight:600; color:#F00}

.menu-product li a{color:#000}

.menu-product li > a:hover{color:#F00}

.menu-product .expanded, .menu-product .expanded:hover {background:url(images/expand.gif) no-repeat; background-position: 100% 4px; padding-right:20px !important }

.menu-product .collapsed, .menu-product .collapsed:hover {background:url(images/collapse.gif) no-repeat; background-position: 100% 4px; padding-right:20px !important}

.menu-product .menu-collapsed .submenu{background-color:#FFF; border:1px solid #AAA}

.menu-product .menu-collapsed > a {background-image:url(images/menu_collapsed.gif) ; background-repeat :no-repeat; background-position: 100% 50%}

.news-group a,.news-group a:visited{color:Blue;}
.news-group .news-title{color:Blue;}
.news-title{color:Blue;}
.font-date-time{color:Gray;}
.other-news-box h1{color:Blue;}
.product-group .title a{color:Blue;font-weight:bold;}
.view-all,.view-detail,.view-all:visited,.view-detail:visited{color:Blue;}
.hotline{color:Red;}
.hotline .number{color:Black;}
.contact .company{color:Blue;}
#breadcrumb{margin-top:-10px}
