/* reset */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
img, body, html { border:0; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
a, a:hover { outline:none; }
a img { border:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
q:before, q:after { content:''; }
/* typography */
h1 { font-size:21px; color:#105C90; font-weight:normal; }
h2 { font-size:17px; color:#105C90; margin-bottom:10px; }
h3 { font-size:13px; color:#000; font-weight:bold; margin-bottom:10px; }
p { margin-bottom:20px; }
a { color:#105C90; }
a:hover { color:#AB132A }
/* list */
ul { margin:0 0 20px 30px; }
ul li { background:url(/images/ulli02.png) no-repeat left 4px; padding-left:15px; margin-bottom:20px; }
ul li ul { margin:5px 0 15px 26px; }
ul li ul li { margin-bottom:3px; background:url(/images/ulli03.png) no-repeat left 6px; padding-left:12px; }
li.trigger { margin-left:-30px; }
li.trigger .toggle_container { display:none; background:#FFF; padding-top:15px; font-size:11px; }
li.trigger .toggle_container strong { font-weight:normal; padding-left:23px; }
li.trigger { background-position:0 6px; }
li.trigger a { font-size:15px; color:#0B5C87; text-decoration:none; border-bottom:1px dashed #0B5C87; }
li.active a { color:#5E262F; border-color:#5E262F; }
.leftnav li { margin-bottom:4px; }
.leftnav li ul { margin-left:0px; }
/* table */
table { border:1px; width:100%; font-size:12px; margin-bottom:10px; }
table th { border-bottom:2px solid #333 }
table td { padding:10px 0; border-top:1px solid #FFF; border-bottom:1px solid #FFF; }
.hover { background:#F5F5F5; border-top:1px solid #CCC !important; border-bottom:1px solid #CCC !important; }
.unhover { background:#FFF; }
/* forms */
.form { form:13px arial; color:#5E5D5D; margin:20px 0 20px 0; }
.form label { float:left; margin:2px -100% 0 0; }
.form input, .form select, .form textarea { margin:0 0 20px 150px; display:block; width:276px; border:1px solid #C3C3C3; border-top:1px solid #7C7C7C; background:url(/images/form-bg.png) repeat-x left top; padding:2px; form:13px arial; color:#5E5D5D; }
.form select { width:282px; }
.form-button button { background:url(/images/button.png) no-repeat left top; padding:6px 0 7px 0px; width:96px; border:0px; font:12px "Verdana", Arial, Helvetica, sans-serif; font-weight:bold; color:#333333; text-align:center; cursor:pointer; }
.contact-form .form-button { margin-left:340px; }
/* blocks */
.block01 { width:534px; background:url(/images/block01-bottom.png) no-repeat left bottom; margin:20px 0 20px 30px; }
.block01 .block01-content { background:url(/images/block01-top.png) no-repeat left top; font-size:13px; font-style:italic; color:#333; padding:20px; }
/* base */
body { background:url(/images/body-bg.png) repeat-x left top #ACB5BF; font:13px "Verdana", Arial, Helvetica, sans-serif; color:#383838; }
#wrapper { width:1003px; margin:0 auto; padding-top:20px; }
.header { background:url(/images/head-bg.png) no-repeat; height:63px; padding:14px 18px 14px 36px; _padding:14px 18px 4px 36px; }
.header .contacts { float:right; padding-right:50px; }
.header .contacts span { font-size:16px; color:#6B212D; display:block; line-height:16px; }
.content-wrapper { background:url(/images/middle-bg.png) repeat-y; padding:0 18px; }
.footer { background:url(/images/bottom-bg.png) no-repeat left top; height:20px; text-align:center; padding:30px 0 10px 0; }
.footer a { font-size:12px; color:#FFFFFF; text-decoration:none; padding:0 8px 0 6px; background:url(/images/ulili01.png) no-repeat right center; }
.content { width:600px; float:left; margin-left:28px; padding-top:10px; }
.content h1 { background:url(/images/dot.png) repeat-x left bottom; padding-bottom:12px; margin-bottom:12px; }
.sidebar { width:276px; float:left; }
/* logo */
h1.logo { float:left; }
h1.logo a { background:url(/images/logo.png) no-repeat; display: block; height: 73px; width: 181px; }
h1.logo a span { position: absolute; top: -300px; }
/* top links */
.top-links { wdith:118px; height:26px; float:left; width:120px; background:url(/images/top-links.png) no-repeat left top; padding:8px 0 0 8px; margin:20px 30px 0 20px; }
.top-links a { width:11px; text-indent:-999px; height:10px; display:block; float:left; background:url(/images/top-links-ico.png) no-repeat; margin:0 27px 0 3px; line-height:0px; }
.top-links a.ico-home { background-position:0 0; }
.top-links a.ico-sitemap { background-position:0 -10px; }
.top-links a.ico-contact { background-position:0 -20px; margin:0px 0 0 7px; }
/* search */
.search { width:296px; height:27px; background:url(/images/search-bg.png) no-repeat; float:left; margin:20px 0 0 0px; }
.search input { width:186px; padding:5px 4px 4px 4px; border:0px; background:none; font-size:12px; color:#999 }
.search button { width:95px; height:20px; border:0px; background:none; cursor:pointer }
/* product */
.product { width:285px; float:left; font-size:11px; margin-right:10px; }
.product .product-img { width:109px; height:105px; float:left; margin-right:-100%; background:url(/images/img-bg.png) no-repeat; padding:5px 0 0 8px; }
.product .product-img img { width:84px; height:77px; }
.product .product-desc { padding-left:110px; }
.product .product-desc h3 a { color:#105C90; }
.date { float:left; border:1px solid #CECDBB; text-align:center; }
.date div { font-size:15px; color:#68552B; background:#FFFFFA; padding:1px 7px; }
.date span { display:block; color:#FFFFFA; font-size:8px; background:#A32C16; padding:1px 7px; text-transform:uppercase }
.news { background:url(/images/dot.png) repeat-x left top; margin:0 25px; padding:10px 0 10px 0; }
.news strong { font-size:12px; font-weight:normal; color:#105C90; display:block; line-height:17px; }
.news a { font-size:12px; }
.news .date { margin:0 15px 0 0; }
/* other */
.shadow01 { background:url(/images/shadow01.png) repeat-x left top; height:25px; width:967px; position:absolute; bottom:-25px; left:0; }
.banners { background:url(/images/sidebar-banner-bg.png); height:246px; text-align:center; }
.flash { height:245px; position:relative; margin-bottom:10px;}
.clear { clear:both; height:0px; line-height:0px; font-size:0px; }
/* menu */
ul.menu { margin:0px; padding-left:0px; }
div#menu { height:44px; background:url(/images/mmenu-ulbg.png) repeat-x left top; margin:0px; padding:0px; }
div#menu li { position: relative; z-index: 9; margin: 0; padding: 0; display: block; float: left; background:none }
div#menu li:hover>ul { left: -2px; }
div#menu li div { list-style: none; float: left; position: absolute; top: 44px; left: 0; z-index: 11; visibility: hidden; }
div#menu li:hover>div { visibility: visible; }
div#menu .menu01 a { width:117px; background-position: 0 0; }
div#menu .menu02 a { width:123px; background-position: 0 -44px; }
div#menu .menu03 a { width:138px; background-position: 0 -88px; }
div#menu .menu04 a { width:85px; background-position: 0 -132px; }
div#menu .menu05 a { width:87px; background-position: 0 -176px; }
div#menu .menu06 a { width:66px; background-position: 0 -220px; }
div#menu .menu07 a { width:100px; background-position: 0 -264px; }
div#menu .menu08 a { width:220px; background-position: 0 -309px; }
div#menu li div ul { float:left; padding:0 8px; margin:0px; z-index:9999; }
div#menu li div ul li a { line-height:normal; height:auto; display:block; background:none; width:auto !important; zoom:1; }
div#menu a { position: relative; z-index: 10; height: 44px; display: block; float: left; width:auto; text-decoration: none; background:url(/images/mmenu-libg.png) no-repeat; }
div#menu ul ul li { }
div#menu li div { overflow:auto; background:url(/images/mmenu-top.png) no-repeat left top;_background:url(/images/mmenu-top-ie6.png) no-repeat left top; padding:28px 0 8px 0; margin:0 0 0 -5px; }
div#menu li div li { float:none; width:auto; }
div#menu li div a { font:12px arial; color:#093860; display:block; padding:5px; float:none; width:auto; }
div#menu li div a:hover { background:url(/images/mmenu-bg.png) repeat-x left top; color:#FFF; }
div#menu .menu01 .column01 { width:90px; }
div#menu .menu02 .column01 { _width:100px; }
div#menu .menu02 .column02 { padding-left:8px; border-left:1px solid #CCC; _width:200px; }
div#menu .menu03 .column01 { width:200px; }
div#menu .menu04 .column01 { width:250px; }
div#menu .menu05 .column01 { width:90px; }
div#menu .menu08 .column01 { width:250px; }
div#menu .menu02 div { width:300px; _width:337px; }