/*
    design by scanline
    version 0.5
    date 2009/01/10
*/
html,body{margin:0px;padding:0px;font:normal 11px tahoma,arial;}
select{font:normal 11px tahoma,arial;}
a, a:link, a:visited, a:active{color:#333;text-decoration:none;}
a:hover{text-decoration:underline;}
a.blue, a.blue:link, a.blue:visited, a.blue:active{color:#1988c8;}
ul{list-style-type:none;}
h2{color:#1988C8;font-family:Arial;font-size:20px;font-weight:bold;margin:0;padding:0;}
#wraper{margin:auto auto;width:980px;background-color:#fff;color:#333;}
#wraperToper{line-height:30px;border-bottom:1px solid #ddd;margin-bottom:10px;}
#wraperToperInner{width:980px;margin:20px auto; margin-bottom:20px;}
#wraperToperInner label{color:#1988C8;font-family:Arial;font-size:25px;font-weight:bold;color:#f60;}
#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;margin: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 input{border-width:0px;}
#search select,#search input{margin:0 6px;}
#navigation{height:20px;line-height:20px;font-size:12px;}
#wraperBottom{line-height:20px;margin-top:10px;border-top:1px solid #ddd;}
#bottomLink{text-align:center;line-height:30px;}
#copyRight{text-align:left;line-height:25px;}
#wraperBottom .adv{background:transparent url(sookuu-10.gif) left bottom repeat-x;padding:20px;border-top:1px solid #b0bfc6;}
#wraperBottom img{border-width:0px;}
#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;}
#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:left;overflow:hidden;}
#rRight{width:750px;float:right;}
#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;}
#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;background:transparent url(hd-05.jpg) 5px 8px no-repeat;font-weight:800;}
#productlist ul li a:hover{color:#900;}
#productlist ul li.ol{margin:0;margin-top:0 !important;margin-top:-12px;background-image:none;background-color:transparent;border-width:0px;position:relative;overflow:hidden;padding:0px;}
#productlist ul li ol{background-color:transparent;margin:0px;padding:0px;}
#productlist ul li.ol ol li{overflow:hidden;height:25px;line-height:25px;margin:0px;padding:0px 0 0 15px;border-bottom:1px solid #ccc;background-image:none;font-weight:normal;}

#rRight dl,#rRight dl dt, #rRight dl dd{margin:0px;padding:0px;}
#rRight dl{border:1px solid #b0bec7;}
#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;height:60px;overflow:hidden;}
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;}
div.contactHeader label.c a:hover{color:#900;}
div.info{line-height:16px;padding-top:5px;}
div.info label{font-weight:bold;color:#16387c;}

#newslist{border:1px solid #b0bec7;}
#newslist .header{background:transparent url(sookuu-36.jpg) 0 0 repeat-x;height:30px;line-height:30px;font-weight:bold;text-indent:20px;}
#newslist ul{margin:0 5px 5px 5px;padding:0px;}
#newslist ul li{margin:0px;padding:0px 15px;border-bottom:1px solid #ccc;line-height:25px;background:transparent url(hd-05.jpg) 5px 8px no-repeat;}
#newslist ul li a:hover{color:#900;}

#relatedKey{margin-top:10px;}
/* common class */
.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;}
.w280{width:280px;}
.w550{width:550px;}
.H20{height:20px;line-height:20px;text-indent:20px;}
.center{text-align:center;}
.right{text-align:right;}
.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;}
.grayBar{background:transparent url(sookuu-36.jpg) 0 0 repeat-x;height:30px;line-height:30px;font-weight:bold;text-indent:20px;border-top:1px solid #b0bec7;}
.back{padding:5px;font-size:12px;text-decoration:none;}
.red{color:#f00;}
.orange{color:#f60;}
.rtip{color:#999;font-weight:200;font-size:12px;font-family:verdana;}
.mButton{border-width:1px;border-color:#1988c8 #0e486b #0e486b #1988c8;font-family:arial;font-weight:bold;color:#333;padding:2px 10px;background:transparent url(mButton.gif) left bottom repeat-x;}
/* pageNav */
#pageNav ul{margin:0px;padding:0px;list-style-type:none;float:right;padding-right:20px;}
#pageNav ul li{margin:0px;padding:0px;float:left;padding:2px;}
#pageNav ul li a,#pageNav ul li a:link,#pageNav ul li a:visited,#pageNav ul li a:active{display:block;background-color:#8A0202;color:#fff;height:20px;width:20px;text-align:center;line-height:20px;text-decoration:none;}
#pageNav ul li a:hover{background-color:#DB8900}
#pageNav ul li a.PageLinkSelected,#pageNav ul li a:link.PageLinkSelected, #pageNav ul li a:visited.PageLinkSelected,#pageNav ul li a:active.PageLinkSelected{background-color:#e1e9f4;color:#333;font-weight:bold;}

#welcome p{margin:0px;padding:0px;font-weight:bold;font-size:13px;}
/* join Table */
#joinTable .leaderText{font-family:tahoma;font-size:15px;font-weight:600;color:#999;margin-top:10px;}
#joinTable table tr th{font-weight:bold;font-size:12px;vertical-align:middle;height:30px;line-height:30px;text-align:right;padding:10px 10px 5px}
#joinTable table tr td{font-weight:bold;font-size:12px;padding:10px 10px 5px 0px}
#joinTable span.blank{margin:0 20px;}
#joinTable input.linput{border:1px solid #ccc;font-size:14px;padding:2px !important;width:230px;}
#joinTable input.sinput50{border:1px solid #ccc;font-size:14px;padding:2px !important;width:50px;}
#joinTable input.sinput90{border:1px solid #ccc;font-size:14px;padding:2px !important;width:90px;}
#joinTable table{width:600px;}
#joinTable select,#joinTable textarea, #joinTable input{font-size:14px;font-family:arial;}
#licence{display:none;}

#floatSignBox{float:right;width:200px;text-align:right;line-height:18px;}

.input{border:1px solid #ccc;font-size:14px;padding:2px !important;width:290px;}
.sinput{border:1px solid #ccc;font-size:14px;padding:2px !important;width:90px;}