/*
    design by scanline
    version 0.5
    date 2009/01/10
*/
html,body{margin:0px;padding:0px;font:normal 11px tahoma,arial;}
form{ display:inline;}
select{font:normal 11px tahoma,arial;}
a, a:link, a:visited, a:active{color:#333;text-decoration:none;}
a:hover{text-decoration:underline;}
#wraper{margin:auto auto;width:980px;background-color:#fff;color:#333;}
#headerTop{height:25px;line-height:25px;border-bottom:1px solid #b4c4e6;background-color:#eef2fa;color:#333;padding:0 5px}
#header{height:50px;text-align:right;padding:0 5px;line-height:20px;}
#header span{width:400px;display:block;float:right;margin-top:10px;line-height:15px;}
#logo{position:absolute;z-index:10;width:300px;}
#logo img{float:left;}
#navbar{height:28px;margin:0 0 0 250px;}
#navbar ul{list-style-type:none;display:inline;margn:0px;padding:0px;}
#navbar ul li{float:left;margin:0 8px;background:transparent url(coo-03.gif) left bottom no-repeat;}
#navbar ul li a{padding:0 15px;line-height:25px;font-weight:bold;background:transparent url(anav.gif) right bottom repeat-x;display:block;margin:3px 0 0 2px;}
#navbar ul li a:hover{color:#900;text-decoration:none;}
#navbar ul li.active{background-image:url(coo-06.gif);}
#navbar ul li.active a{line-height:28px;margin:0 0 0 4px;background-image:url(atbg.gif);color:#fff;}
#navbar ul li.active a:hover{color:#e00;}
#searchBox{height:77px;background:transparent url(coo-11.gif) 0 0 repeat-x;color:#fff}
#searchBox a{color:#fff;}
#searchNav{height:30px;line-height:30px;margin-left:260px}
#search{text-align:center;}
#search form{ display:inline;}
#search input{border-width:0px;}
#search select,#search input{margin:0 6px;}
#navigation{height:20px;line-height:20px;}
#wraperBottom{line-height:20px;margin-top:10px;}
#bottomLink{text-align:center;line-height:30px;}
#copyRight{border-top:1px solid #d5d5d5;text-align:center;line-height:25px;}
#wraperBottom .adv{background:transparent url(sookuu-10.gif) left bottom repeat-x;padding:20px;border-top:1px solid #b0bfc6;}
#wraperLeft{width:640px;float:left;overflow:hidden;}
#wraperRight{width:330px;float:right;}
.iBox{border:1px solid #b0bec7;margin-bottom:20px;}
.iBox .header{background:transparent url(coo-16.gif) 0 0 repeat-x;height:22px;line-height:22px;border-bottom:1px solid #b0bec7;padding:0 10px;font-weight:bold;}
#wraperRight .iBox ul.list li{background:transparent url(coo-23.gif) 3px center no-repeat;padding-left:16px;}
#wraperRight ul{margin:0px 5px;padding:0px;list-style-type:none;}
#wraperRight ul li{margin:0px;padding:5px 0;}
#gralist li{float:left;width:50%;}
#gralist li img{float:left;margin-right:5px;}
#gralist li img.none{float:none;}
#wraperLeft .sortList ul{margin:0px;padding:0px;list-style-type:none;}
#wraperLeft .sortList ul li{margin:0px;padding:0px;width:50%;float:left;height:65px;}
#wraperLeft .sortList ul li div{padding:0 20px 0 10px;}
#wraperLeft .sortList a,#wraperLeft .sortList a:link, #wraperLeft .sortList a:visited{color:#16387C;}
#wraperLeft .sortList ul li div.header{font-weight:bold;font-size:12px;color:#16387C;}
#rLeft{width:220px;float:right;overflow:hidden;}
#rRight{width:750px;float:left;overflow:hidden;}
#productlist{border:1px solid #b0bec7;}
#productlist div.header{background:transparent url(sookuu-36.jpg) 0 0 repeat-x;height:30px;line-height:30px;text-align:center;font-weight:bold;}
#rbox{ margin-top:10px;clear:both;}
#rbox div.header{background:transparent url(sookuu-36.jpg) 0 0 repeat-x;height:30px;line-height:30px;text-align:left;font-weight:bold; padding-left:5px;}
#productlist ul{margin:0 5px 25px 5px;padding:0px;}
#productlist ul li{margin:0px;padding:0px 15px;border-bottom:1px solid #ccc;line-height:25px;height:25px;background:transparent url(hd-05.jpg) 5px center no-repeat;}
#productlist ul li a:hover{color:#900;}
#rRight dl,#rRight dl dt, #rRight dl dd{margin:0px;padding:0px;}
#rRight dl{border:1px solid #b0bec7;margin-top:10px;}
#rRight dl img{border-width:0px;vertical-align:middle;}
#rRight dl dt{background:transparent url(sookuu-36.jpg) 0 0 repeat-x; padding:4px 20px;height:22px;overflow:hidden;}
#rRight dl dd div.content{padding:10px 0 0px 0;background-color:#fff;}
#rRight dl dd .ddbot{height:25px;line-height:25px;background:#eaeaea url(ba29.gif) 5px center no-repeat;margin:5px;padding:0 30px;}
#rRight dl dd a.zoom,#rRight dl dd a.zoom:link,#rRight dl dd a.zoom:visited{font-weight:bold;font-size:12px;line-height:20px;height:20px;background:transparent url(zoom.gif) 0 center no-repeat;padding-left:20px;}
div.contactHeader{border-bottom:1px solid #ddd;}
div.contactHeader img.cLogo{float:left;padding:0 10px;}
div.contactHeader label.c a,div.contactHeader label.c a:link, div.contactHeader label.c a:visited{font-size:12px;color:#16387c;font-weight:bold;font-family:Arial;text-decoration:underline;}
div.contactHeader label.c a:hover{color:#900;}
div.info{line-height:16px;padding-top:5px;}
div.info label{font-weight:bold;color:#16387c;}

/* common class */
.mr5{margin-right:5px;}
.floatRight{float:right;}
.floatLeft{float:left;}
.clear{clear:both;}
.b{font-weight:bold;}
.vcenter{vertical-align:middle;}
.w500{width:500px;}
.w30{width:30px;}
.w160{width:160px;}
.w550{width:550px;}
.H20{height:20px;line-height:20px;text-indent:20px;}
.center{text-align:center;}
.fdiv{float:left;width:50%;}
.ffleft{float:left;}
.pl5px{text-indent:5px;}
.vline{background:transparent url(ba07.gif) top right repeat-y;}
.H25{line-height:25px;height:25px;}
.letterNav a,.letterNav a:link, .letterNav a:visited, .letterNav a:active{font-weight:bold;}
.letterTop{background:transparent url(smallpix.gif) 0 center repeat-x;height:20px;}
.letterTop label{display:block;width:30px;color:#dc7004;line-height:20px;padding:0 10px;background-color:#fff;text-align:center;font-weight:bold;}

#countrybox{ background-color:#F1F5F6; border:#B0BEC7 solid 1px; height:auto;}
#countrybox .cbox1{ float:left; width:24%; margin-left:3px; height:122px;}
#countrybox .cbox1 ul{ margin:0; padding:5px; border-right:#B0BEC7 dashed 1px;}
#countrybox .cbox1 ul li{ list-style:none; height:20px;}
#countrybox .cbox1 ul li.title{ font-weight:bold;}

#nextclass ul{ margin:0; padding:0}
#nextclass ul li{ float:left; line-height:18px; margin-left:2%; list-style:none; width:18%;list-style-image:url(gview.png)}
#nextclass a,#nextclass a:link,#nextclass a:visited,#nextclass a:active{font-weight:bold;color:666666;}
#hotlink{ text-align:center;}
.keylist ul{ margin:0; padding:0; }

.keylist ul li{ float:left; width:24%;height:25px;list-style:none;}
 a.yeskey, a.yeskey:link,  a.yeskey:visited,  a.yeskey:active{font-weight:bold;color:#FF0000;}
 
.tbleft{ background-color:#F1F5F6; text-align:right; font-weight:bold; padding:10px;}
.tbright{ text-align:left; padding-left:10px;}
.maincon td{border-right:#B0BEC7 solid 1px; border-bottom:#B0BEC7 solid 1px;}
.maincon .tbleft{border-right:#B0BEC7 solid 1px; border-bottom:#B0BEC7 solid 1px; border-left:#B0BEC7 solid 1px;}
.maincon .maintop{ border-right:#B0BEC7 solid 1px; border-bottom:#B0BEC7 solid 1px; border-top:#B0BEC7 solid 1px;}
.bder0{border:0;}
div.imgslt{ border:#CBCBCD solid 1px; background-color:#F4F4F6; width:100px; height:80px; margin:5px;}
.right1 ul{margin:0;padding:0;}
.right1 li{ margin:10px 0;padding:0;text-align:center;list-style:none;}
.right1 li img{ border:0;}
#demo {
background: #FFF;
overflow:hidden;
border: 1px dashed #CCC;
height: 1500px;
text-align: center;
float: left;
}
#demo img {
border: 3px solid #F2F2F2;
display: block;
}
.piccontent img{border:0;}
.gboxtop { clear: both; height: 8px; background: #dedede url(gboxtop.gif) no-repeat; color: #000;  margin: 0 10px;}
.gbox { background: #dedede url(gbox.gif) no-repeat bottom left; color: #444; padding: 1px 13px 7px 13px; margin: 0 10px 20px 10px; }
.gbox p { padding: 7px 0; margin: 0;}

.boxtop { height: 19px; background: #fff url(boxtop.gif) no-repeat; color: #000; }
.box { background: #fff url(box.gif) no-repeat bottom left; color: #5b5b5b; padding: 0 10px 15px 10px; margin: 0 0 10px 0; }
.box p { padding: 0; margin: 0;}
.image { float: left; margin: 0 9px 3px 0; }

.choose{
	padding:0 10px;
	margin: 0 0 10px 0;
	}
.choose li{float: left;
	padding:0 0 0 96px;
	width: 295px;
	list-style-type:none;
	}
.buttons { text-align: right; padding: 4px 3px 0 0;}
.left_articles .buttons { float: right; height: 20px; }
.bluebtn { background: #488EB2 url(bluebtn.gif) no-repeat; width: 100px; padding: 1px 11px 4px 6px; color: #fff; text-decoration: none; }
.greenbtn { background: #488EB2 url(greenbtn.gif) no-repeat; padding: 1px 19px 4px 16px; color: #fff; text-decoration: none; }
.bluebtn:hover, .greenbtn:hover { background: #488EB2 url(hoverbtn.gif) no-repeat; color: #fff; }
.footline{
border-top:1px solid #D5D5D5;
text-align:center;
}
.foot{
text-align:center;
}