/* --------------------- Default --------------------- */
html, body { margin:0; padding:0; height:100%; width:100%;}
body { background:url(images/px_body.gif) 50% 0 repeat;}
a { color:#368ACB; text-decoration:underline; outline:none;}
a:hover { color:orange; text-decoration:none;}
input { margin:0; padding:0; font-family:Trebuchet MS, verdana, tahoma; font-size:11px; vertical-align:middle;}
div { margin:0; padding:0; font-family:Trebuchet MS, verdana, tahoma; font-size:13px; color:#000; line-height:22px;}
em { font-style:normal;}
img { border:0;}
p { margin:0; padding:19px 0;}
ul { margin:0; padding:0; list-style:none;}
li { margin:0; padding:0; line-height:normal;}
h1 { color:#6C6C6C; font:30px Trebuchet MS, verdana; margin:0; padding:0 0 14px;}
h2 { color:#B7B7B7; font:24px Trebuchet MS, verdana; margin:0; padding:22px 0 8px;}
h3 { color:#333333; font:18px Trebuchet MS, verdana; margin:0; padding:20px 0 11px;}
h4 { color:#6C6C6C; font:20px Trebuchet MS, verdana; margin:0; padding:0 0 11px;}
h5 { color:#CCCCCC; font:20px Trebuchet MS, verdana; margin:0; padding:0 0 17px;}

#container { min-width:976px; max-width:1176px; margin:0 auto; padding:0 0 0 24px; min-height:100%; height:auto !important; height:100%; position:relative; background:url(images/px_shadow_left.gif) repeat-y white;}
#shadow { width:24px; height:100%; top:0; right:0; position:absolute; background:url(images/px_shadow_right.gif) repeat-y;}
#page { padding-right:24px; height:100%; background:url(images/px_shadow_right.gif) 100% 0 repeat-y;}
/* ********************* Header ********************* */
#header { height:237px; background:url(images/px_header.gif) repeat-x;}
/* Top */
#header .top { height:202px; background:url(images/bg_header_left.jpg) no-repeat;}
#header .top .logo { width:275px; float:left;}
#header .top .logo img { margin:30px 0 0 49px;}
#header .top .descr { margin:0 0 0 377px; padding:34px 195px 0 0; height:168px; background:url(images/bg_header_right.jpg) 100% 0 no-repeat;}
#header .top .descr em { font-size:24px; display:block;}
#header .top .descr p { padding:11px 0;}
#header .top .descr .more { color:#666666; font-style:italic; padding:11px 0 0;}
#header .top .descr .more a { color:#666666;}
/* Menu */
#header .menu { height:35px; padding:0 50px 0 34px; background:url(images/px_menu.gif) repeat-x;}
#header .menu ul { float:left;}
#header .menu li { padding:5px 0 0 47px; float:left;}
#header .menu li a { color:#fff; font-size:16px;}
#header .menu li img { margin-top:5px;}
#header .menu .search { float:right; padding:5px 0 0; position:relative;}
#header .menu .search .form { width:149px; height:17px; padding:4px 28px 4px 9px; color:#AEAEAE; font-size:13px; border:0;background:url(images/bg_search.gif) 0 0 no-repeat;}
#header .menu .search .button { width:22px; height:18px; top:9px; right:5px; position:absolute; cursor:pointer; border:0;background:url(images/search_button.gif) no-repeat;}
/* ******************** Content ********************* */
#content { padding:32px 12px 155px 27px; overflow:hidden; zoom:1;}
/* ---------------------------------- LEFT NAVIGATION */
#left_nav { width:249px; float:left;}

/* ------------------------------------- Sub Menu Box */
.SubMenuBox {}
.SubMenuBox ul { padding:5px 20px 12px;}
.SubMenuBox li { padding:0 0 10px;}
.SubMenuBox li a { font-size:17px;}
.SubMenuBox li ul { padding:3px 0 1px;}
.SubMenuBox li ul li { padding:5px 0 0; overflow:hidden;}

.SubMenuBox li ul li a { font-size:14px; display:block; float:left; padding-left:21px; cursor:pointer;}
.SubMenuBox li ul li a strong { font-weight:normal; padding-right:14px; display:block; float:left; text-decoration:underline;}
/*
.SubMenuBox li ul li a:hover { color:#fff; font-weight:bold; background:url(images/bg_sub_menu.gif) no-repeat;}
.SubMenuBox li ul li a:hover strong { font-weight:bold; background:url(images/bg_sub_menu.gif) 100% 0 no-repeat; text-decoration:none;}
*/
.SubMenuBox li ul li a.active { height:19px; color:#fff; text-decoration:none; font-weight:bold; background:url(images/bg_sub_menu.gif) no-repeat;}
.SubMenuBox li ul li a.active strong { height:19px; font-weight:bold; background:url(images/bg_sub_menu.gif) 100% 0 no-repeat; text-decoration:none;}
.SubMenuBox .img { display:block; margin:0 0 8px;}

/* ---------------------------------- Our Service Box */
.OurServiceBox { padding:38px 50px 0 4px;}
.OurServiceBox em { color:#6C6C6C; font-size:20px; display:block; padding:0 0 4px;}
.OurServiceBox li { padding:11px 0 0 10px; background:url(images/arrow.gif) 0 18px no-repeat;}

/* -------------------------------- CENTER NAVIGATION */
#center_nav { margin:0 295px 0 250px;}

/* ----------------------------------------- Main Box */
.MainBox {}
.MainBox p { padding:14px 0 0;}
.MainBox .img { margin-right:10px; float:left;}
.MainBox .title { padding:0 0 11px;}
.MainBox .item { overflow:hidden; zoom:1;}

/* ------------------------------ Current Product Box */
.CurrentProductBox { color:#333333;}
.CurrentProductBox h4 { padding:14px 0 9px; font-size:22px;}
/* Item */
.CurrentProductBox .item { padding:0 0 12px; overflow:hidden; zoom:1; line-height:19px; color:#333333;}
.CurrentProductBox .item p { padding:10px 0;}
.CurrentProductBox .item a.order { padding-left:19px; float:left; color:#CC3333; font:bold 15px Trebuchet MS, verdana; background:url(images/icon_order.gif) 0 5px no-repeat;}
.CurrentProductBox .item .price { height:22px; float:left; padding-left:9px; margin-right:19px; font-size:14px; background:url(images/bg_price.gif) 0 0 no-repeat;}
.CurrentProductBox .item .price b { height:21px; float:left; padding:1px 9px 0 0; background:url(images/bg_price.gif) 100% 0 no-repeat;}
/* Image */
.CurrentProductBox .item .image { float:left; margin-right:15px; background:url(images/px_image_top.gif) repeat-x;}
.CurrentProductBox .item .image img { display:block;}
.CurrentProductBox .item .image div { background:url(images/px_image_bottom.gif) 0 100% repeat-x;}
.CurrentProductBox .item .image div div { background:url(images/px_image_left.gif) repeat-y;}
.CurrentProductBox .item .image div div div { background:url(images/px_image_right.gif) 100% 0 repeat-y;}
.CurrentProductBox .item .image div div div div { background:url(images/bg_image_top_left.gif) no-repeat;}
.CurrentProductBox .item .image div div div div div { background:url(images/bg_image_top_right.gif) 100% 0 no-repeat;}
.CurrentProductBox .item .image div div div div div div { background:url(images/bg_image_bottom_left.gif) 0 100% no-repeat;}
.CurrentProductBox .item .image div div div div div div div { padding:10px; overflow:hidden; background:url(images/bg_image_bottom_right.gif) 100% 100% no-repeat;}
/* Note */
.CurrentProductBox .note { padding:15px 0 0; color:#9E9696; font-size:11px;}
/* Order Form */
.CurrentProductBox ul.order_form { padding:12px 24px 17px; margin:12px 0; background:#F6E0AC; border:1px solid #D1BFA4; zoom:1;}
.CurrentProductBox ul.order_form li { padding:11px 0 0; overflow:hidden; zoom:1;}
.CurrentProductBox ul.order_form li b { width:116px; float:left; padding:1px 0 0;}
.CurrentProductBox ul.order_form li b label { cursor:pointer;}
.CurrentProductBox ul.order_form li span { width:300px; float:left;}
.CurrentProductBox ul.order_form li span input { width:264px; padding:1px; border:1px solid #7F9DB9; color:#333333; font:13px Trebuchet MS, verdana;}
.CurrentProductBox ul.order_form li span .width { width:25px; margin:0 5px 0 51px; font-weight:bold; text-align:center;}
.CurrentProductBox ul.order_form li.button { padding:15px 0 0 116px;}
.CurrentProductBox ul.order_form li.button input { padding:1px 7px; margin-right:10px; color:#000; font:14px arial; border:1px inherit}

/* ------------------------------ Catalog Product Box */
.CatalogProductBox { zoom:1;}
.CatalogProductBox h1 { padding:0 0 5px;}
.CatalogProductBox h4 { padding:0 0 12px; font-size:22px;}
.CatalogProductBox h5 { padding:0; font:bold 15px Trebuchet MS, verdana;}
/* Filter */
.CatalogProductBox ul.filter { width:100%; float:left;}
.CatalogProductBox ul.filter li { padding-right:18px; float:left; font-size:12px;}
.CatalogProductBox ul.filter li strong { padding:0 5px; display:block; color:#333333; background:#FDE98D;}
/* Catalog */
.CatalogProductBox ul.catalog { width:100%; float:left; padding:34px 0 0;}
.CatalogProductBox ul.catalog li.left { width:49%; float:left;}
.CatalogProductBox ul.catalog li.right { width:49%; float:right;}
.CatalogProductBox ul.catalog li { font-size:11px; line-height:15px; color:#666666;}
.CatalogProductBox ul.catalog li p { padding:4px 0;}
.CatalogProductBox ul.catalog li a.order { padding-left:19px; float:left; color:#CC3333; font:bold 15px Trebuchet MS, verdana; background:url(images/icon_order.gif) 0 5px no-repeat;}
.CatalogProductBox ul.catalog li .price { height:22px; float:left; padding-left:9px; margin-right:11px; font-size:14px; color:#000; background:url(images/bg_price.gif) 0 0 no-repeat;}
.CatalogProductBox ul.catalog li .price b { height:19px; float:left; padding:3px 9px 0 0; background:url(images/bg_price.gif) 100% 0 no-repeat;}
/* Image */
.CatalogProductBox ul.catalog li .image { float:left; margin-right:14px; background:url(images/px_image_top.gif) repeat-x;}
.CatalogProductBox ul.catalog li .image img { display:block;}
.CatalogProductBox ul.catalog li .image div { background:url(images/px_image_bottom.gif) 0 100% repeat-x;}
.CatalogProductBox ul.catalog li .image div div { background:url(images/px_image_left.gif) repeat-y;}
.CatalogProductBox ul.catalog li .image div div div { background:url(images/px_image_right.gif) 100% 0 repeat-y;}
.CatalogProductBox ul.catalog li .image div div div div { background:url(images/bg_image_top_left.gif) no-repeat;}
.CatalogProductBox ul.catalog li .image div div div div div { background:url(images/bg_image_top_right.gif) 100% 0 no-repeat;}
.CatalogProductBox ul.catalog li .image div div div div div div { background:url(images/bg_image_bottom_left.gif) 0 100% no-repeat;}
.CatalogProductBox ul.catalog li .image div div div div div div div { padding:10px; overflow:hidden; background:url(images/bg_image_bottom_right.gif) 100% 100% no-repeat;}
/* Note */
.CatalogProductBox .note { width:100%; float:left; padding:28px 0 0; color:#9E9696; font-size:11px;}


/* ------------------------------ CENTER NAVIGATION 1 */
#center_nav1 { margin:0 118px 0 292px;}

/* ------------------------------------- Internal Box */
.InternalBox {}
.InternalBox p { padding:18px 0;}
.InternalBox h3 { padding:0 0 11px;}
.InternalBox ul { padding:17px 0 9px 21px; overflow:hidden;}
.InternalBox li { padding:0 0 15px 11px; overflow:hidden; zoom:1; background:url(images/arrow1.gif) 0 8px no-repeat;}
.InternalBox .title { color:#CCCCCC; font-size:20px; padding:0 0 11px;}
.InternalBox .img { margin-right:8px; float:left;}
.InternalBox .item { overflow:hidden; zoom:1;}

/* --------------------------------- RIGHT NAVIGATION */
#right_nav { width:261px; float:right;}

/* -------------------------------------- Service Box */
.ServiceBox { padding:8px 0 0;}
.ServiceBox li { padding:0 0 15px 10px; background:url(images/arrow.gif) 0 7px no-repeat;}
.ServiceBox .title { color:#333333; clear:left; font-size:18px; display:block; padding:12px 0 11px;}
.ServiceBox .title1 { color:#6C6C6C; font-size:24px; display:block; padding:20px 0 12px;}
.ServiceBox .title2 { color:#6C6C6C; font-size:22px; display:block; padding:0 0 8px;}
.ServiceBox .img { margin-right:6px; float:left;}
.ServiceBox .faq { color:#666666; background:none; font-style:italic;}
.ServiceBox .faq a { color:#666666;}
.ServiceBox .faq p { padding:0 0 7px;}
.ServiceBox .phone { color:#B7B7B7; font-size:24px; padding:3px 0 32px 17px; background:url(images/phone.gif) 0 0 no-repeat;}
.ServiceBox .phone em { color:#C31617;}

/* ********************* Footer *********************** */
#footer { min-width:952px; max-width:1152px; padding:0 24px; height:84px; margin:-84px auto 0; position:relative;}
#footer .cont { padding:0 30px; margin:0 auto; height:84px; background:url(images/px_footer.gif) repeat-x;}
#footer .border { border-top:4px solid #C4C4C4;}
#footer .copyright { width:443px; float:left; padding:17px 0 0 21px; color:#333333; font-size:11px; line-height:20px;}
#footer .develop { width:175px; float:left; padding:17px 0 0; color:#333333; font-size:11px; line-height:20px;}
#footer .develop a { color:#CC3300;}
#footer .counter { width:250px; float:right; padding:15px 0 0; text-align:right;}
#footer .counter img { margin-right:12px; vertical-align:middle;}
/* ----------------------- IE ------------------------- */
* html body	{ width: expression(((document.documentElement.clientWidth || document.clientWidth) < 1000)? "1000px" : "100%"); height:100%;}
/* ---------------------------------------------------- */