/* import */
@import url("reset.css");
/* CSS Document */
body{margin:0;padding:0;font:normal 12px Arial, Helvetica, sans-serif;color:#343536}

/* Template */
#wrapper{margin:0 auto}
#header{height:153px;background:url('../images/top-tile.gif') top left repeat-x}
.banner{width:764px;height:134px;margin-top:19px}
#content-wrap{background-color:#e0f1f9;padding:22px 0 0}
#content, .content-navi{width:748px}
#sidebar{width:231px}
#footer{}

.logo{width:239px;height:103px;margin-top:50px;background:url('../images/logo_bg.jpg') left center no-repeat}
.logo h1{margin:0 0 0 26px;display:inline}
.logo h1, .logo h1 a{width:190px;height:65px;border:none}
.logo h1 span{text-indent:-9999px;display:block;overflow:hidden}

.sidebar-section{width:196px;padding-left:12px;margin-bottom:15px}
.sidebar-section h2{color:#2659b5;font-size:18px;margin-bottom:10px}
ul.sidebar-navi{margin:0;padding:0;font-size:12px}
ul.sidebar-navi li{border-bottom:1px solid #c1d1f2;background:url('../images/sidebar-navi-bullatin.gif') 0 10px no-repeat;display:block}
ul.sidebar-navi li a{padding:7px 12px 7px 15px;text-decoration:none;display:block}
ul.sidebar-navi li a:hover, ul.sidebar-navi li span{color:#384287;text-decoration:none;font-weight:bold;display:block}
ul.sidebar-navi li span{padding:7px 12px 7px 15px;}

.content-body{width:706px;padding:20px;border-right:1px solid #c4e3f8;border-left:1px solid #c4e3f8;background-color:#fff !important}
.content-bg-1{background:url('../images/content_img1.jpg') 20px 20px no-repeat}
.content-bg-1 p, .content-bg-1 ul {padding-left:220px !important}
.content-body h2{color:#2659b5;font-size:14px;padding-bottom:20px}
.content-body h3{font-size:14px;padding-bottom:10px}
.content-body p{line-height:18px;margin-bottom:15px}
.content-body p.list-para, .content-body ul.list-para{margin-bottom:5px}
.content-body ul{margin-bottom:15px}
.content-body ul li{padding:0 0 5px 12px;line-height:18px;margin-left:15px;background:url('../images/sidebar-li.gif') 0 6px no-repeat}
.content-body ul li.last{padding-bottom:0}
.content-navi{height:34px;background:url('../images/content-navi-bg.gif') left top no-repeat}
.content-navi ul{margin:12px 5px 0 0}
.content-navi li{padding:0 10px;border-right:1px solid #094b6e;line-height:12px}
.content-navi li a{text-decoration:none;color:#245ab4}
.content-navi li a:hover, .content-navi li span{color:#000}
.content-img{wdith:194px}
.float-switch-table td, .float-switch-table th {border:1px solid #57a0e9;padding:10px;text-align:center}
.float-switch-table tr.color{background:#99ccff}
.product-thumb{width:200px;height:150px;padding:4px;background:url('../images/product-bg.gif') center no-repeat;margin:13px}
.footer-in{background:url('../images/footer-tile.gif') top left repeat-x #2358b6;width:973px;padding:15px}
.footer-nav{font-size:12px;margin:0 auto;width:210px}
.footer-nav li{display:block;padding:0 10px;border-right:1px solid #77a8ff;line-height:12px}
.footer-nav li a{color:#77a8ff;text-decoration:none}
.footer-desc{text-align:center;color:#77a8ff}
.footer-desc a{color:#77a8ff;text-decoration:underline}
.footer-by{text-align:right;font-size:11px;padding:10px}

.contact, .locatus{width:350px;margin-top:20px}
.contact dl{margin-bottom:50px}
.contact dl dt{float:left;font-weight:bold;margin-right:10px;width:100px}
.contact dl dt.address{height:40px}
.contact dl dd{padding:0 0 10px 10px;line-height:18px}

dl.enquiry{width:399px;margin:20px 0 0 120px;padding:30px;border:3px solid #f2f2f2}
dl.enquiry dt{float:left;font-weight:bold;margin-right:10px;width:150px;line-height:18px}
dl.enquiry dt.address{height:40px}
dl.enquiry dd{padding:0 0 10px 10px;line-height:18px}
dl.enquiry dd span{vertical-align:top}
dl.enquiry dd input.textbox, dl.enquiry dd textarea.textbox{width:219px}
/* group */
#wrapper, #header, #footer {width:1003px}
.fl, .logo h1, .logo, .logo h1 a, .banner, #sidebar, .footer-nav li, .content-navi li, #content, #footer, .footer-in, .content-img, .product-thumb, .contact{float:left}
.sidebar-section ul li.last, .footer-nav li.last, .content-navi li.last{border:none}
.footer-nav li a:hover, .footer-nav li span{color:#c3d9ff}

.clear{clear:both;line-heignt:none}
img{border:none;outline:none}
a{color:#245ab4;text-decoratoin:underline}
a:hover{text-decoratoin:none}
a.line{color:#343536;text-decoratoin:underline}
a.line:hover{text-decoration:none}
ul{list-style-type:none;margin:0;padding:0}
.fr, .content-navi-r, .content-navi ul, .locatus, .footer-by{float:right}
.mrm{margin-right:20px}
.float-switch-table {margin-bottom:20px}
.color-1{color:#a22223}