/* --------------------- Default --------------------- */
html, body { margin:0; padding:0; height:100%; width:100%;}
body { background:url(images/px_body_top.gif) repeat-x #C3CAD3;}
a { color:#3399CC; 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:14px;  vertical-align:middle;}
div { margin:0; padding:0; font-family:Trebuchet MS, verdana, tahoma; font-size:14px; color:#000; line-height:24px;}
em { font-style:normal;}
img { border:0;}
p { margin:0; padding:27px 0 0;}
ul { margin:0; padding:0; list-style:none;}
li { margin:0; padding:0; line-height:normal;}
h1 { color:#0099CC; font:24px Trebuchet MS, verdana; margin:0; padding:0 0 18px;}
h2 { color:#666666; font:20px Trebuchet MS, verdana; margin:0; padding:32px 0 15px;}
h3 { color:#000; font:16px Trebuchet MS, verdana; margin:0; padding:0;}
h4, .h4 { color:#666666; font:17px Trebuchet MS, verdana; margin:0; padding:0 0 21px;}
h5 { color:#0099CC; font:18px Trebuchet MS, verdana; margin:0; padding:0 0 17px;}

#container { width:962px; padding:0 12px; margin:0 auto; min-height:100%; height:auto !important; height:100%; position:relative; background:url(images/px_content.gif) repeat-y;}
/* Background */
#bg_shadow_left { width:12px; height:300px; top:0; left:0; position:absolute; background:url(images/bg_shadow_left.jpg) no-repeat;}
#bg_shadow_right { width:12px; height:300px; top:0; right:0; position:absolute; background:url(images/bg_shadow_right.jpg) no-repeat;}
#bg_shadow_left_bottom { width:12px; height:150px; bottom:0; left:0; position:absolute; background:url(images/bg_shadow_left_bottom.jpg) 0 100% no-repeat;}
#bg_shadow_right_bottom { width:12px; height:150px; bottom:0; right:0; position:absolute; background:url(images/bg_shadow_right_bottom.jpg) 0 100% no-repeat;}
/* ********************* Header ********************* */
#header { height:340px; width:962px; top:0; left:12px; position:absolute; background:url(images/bg_header.jpg) no-repeat;}
/* Top */
#header .top { height:100px; width:100%; float:left;}
#header .top .logo { float:left; padding:10px 0 0 41px;}
#header .top .phone { float:right; padding:23px 32px 0; color:#B2B7BC; font-size:12px; text-align:right;}
#header .top .phone em { color:#009CDD; font-size:24px; display:block;}
/* Menu */
.menu { width:278px; top:100px; left:60px; position:absolute;}
.menu li {padding:0 0 13px 17px; background:url(images/arrow_menu.gif) 0 6px no-repeat;}
.menu li a {color:#45A1F7; font-size:17px;}
.menu li a:hover {color:orange;}
/* Slogan */
.slogan { top:100px; left:290px; position:absolute; color:#6190D5; font-size:21px; line-height:30px;}
.slogan em { font-size:27px; display:block;}
/* ******************** Content ********************* */
#content { overflow:hidden; zoom:1; padding:340px 0 170px;}
/* ---------------------------------- LEFT NAVIGATION */
#left_nav { width:340px; float:left;}
#left_nav .empty { width:100%; height:380px; clear:both;}

/* ------------------------------------ About Company */
.AboutCompany { padding:0 0 50px 41px; overflow:hidden;}
.AboutCompany em { color:#0099CC; font-size:22px; display:block; padding:0 0 24px 24px;}
.AboutCompany ul { padding:18px 50px 0 34px;}
.AboutCompany li { padding:0 0 10px 11px; font-size:15px; overflow:hidden; zoom:1; background:url(images/arrow_catalog.gif) 0 7px no-repeat;}
.AboutCompany .text { padding:0 50px 0 24px; background:url(images/line.gif) 0 11px no-repeat;}

/* -------------------------------------- Catalog Box */
.CatalogBox { padding:0 23px 0 44px;}
.CatalogBox ul { padding:0 0 25px 0;}
.CatalogBox li { padding:0 0 12px 11px; overflow:hidden; zoom:1; background:url(images/arrow_catalog.gif) 0 6px no-repeat;}
.CatalogBox h4 a { color:#666666; text-decoration:none;}
.CatalogBox h4 a:hover { color:#3399CC;}

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

/* ---------------------------------------- Order Box */
.OrderBox { width:607px; top:352px; left:360px; position:absolute;}
/* Demand */
.OrderBox .demand { width:247px; float:left; background:url(images/px_demand.gif) 100% 0 repeat-y;}
.OrderBox .demand .bg_top { background:url(images/bg_demand_top.gif) 100% 0 no-repeat;} 
.OrderBox .demand .bg_bottom { padding:20px 15px 50px 31px; overflow:hidden; zoom:1; color:#333333; background:url(images/bg_demand_bottom.gif) 0 100% no-repeat;}
.OrderBox .demand input { width:161px; height:18px; padding:4px 11px; color:#666666; margin:8px 0 11px 8px; border:none; display:block; background:url(images/bg_form.gif) no-repeat;}
.text_input {width:161px; height:18px; padding:4px 11px; color:#666666; margin: 0; border:none; display:block; background:url(images/bg_form.gif) no-repeat;}
.OrderBox .demand label { padding-left:15px;}
.OrderBox .demand h5 { background:url(images/px_demand_title.gif) 0 18px repeat-x;}
.OrderBox .demand h5 em { width:100px; margin:0 auto; font-size:26px; display:block; text-align:center; background:url(images/px_demand.gif) 50% 0 repeat-y;}
/* Confirm */
.OrderBox .confirm { width:275px; float:left; padding:0 20px;}
.OrderBox .confirm li { text-align:center;}
.OrderBox .confirm li.ask a { color:#999999; font-size:15px; padding:0 0 0 20px; background:url(images/ask.gif) 0 5px no-repeat;}
.OrderBox .confirm li.ask a:hover { color:#3399CC; background:url(images/ask_over.gif) 0 5px no-repeat;}
.OrderBox .confirm li.button { padding:61px 20px 0;}
.OrderBox .confirm li.button a { font-size:15px; padding:90px 0 0; display:block; background:url(images/button_confirm.jpg) 50% -159px no-repeat;}
.OrderBox .confirm li.button a:hover { background-position:top;}

.inner { width:340px; left:12px;}
.OrderBox .inner1 { padding-left:27px;}
.OrderBox .inner2 li.button { padding:11px 20px 0;}

/* ---------------------------------------- Main Box */
.MainBox { padding:285px 50px 0 12px;}
.MainBox h4 { padding:23px 0 11px;}
.MainBox .more { padding:16px 0 0 32px; display:block; font-style:italic;}
.MainBox .indent { padding:64px 0 0;}

/* ---------------------------------------- News Box */
.NewsBox { padding:42px 50px 0 12px;}
.NewsBox h2 { color:#0099CC; font-size:24px; padding:0 0 16px;}

/*
.NewsBox h3 a { color:#000; text-decoration:none;}
.NewsBox h3 a:hover { color:#0099CC; text-decoration:underline;}
*/
.NewsBox h3 {cursor: pointer;}
.NewsBox img {margin: -2px 0 0 0;}

.NewsBox h3.open a { background:none;}
.NewsBox li { padding:0 0 20px;}
.NewsBox li em { color:#CC6600; font-size:11px; padding:15px 0; display:block;}
.NewsBox li img { vertical-align:middle;}

/* ---------------------------------------- Item Full*/
.ItemFull { padding:0 50px 0 12px;}
.ItemFull h2 { padding:31px 0 21px;}
.ItemFull p { padding:21px 0 0;}
.ItemFull .title { padding:0 0 17px;}
.ItemFull .note { padding:40px 120px 0 48px; line-height:21px; font-style:italic; background:url(images/note.gif) 0 44px no-repeat;}

/* ********************* Footer *********************** */
#footer { width:100%; height:150px; margin-top:-150px; position:relative; background:url(images/px_body_bottom.gif) repeat-x;}
#footer .cont { width:962px; margin:0 auto; height:80px; padding:70px 12px 0; position:relative; background:url(images/px_footer.gif) 0 70px repeat-x white;}
/* Logo */
#footer .logo { width:445px; float:left; padding:15px 0 0 43px; color:#B2B7BC; font-size:12px; line-height:14px;}
#footer .logo img { vertical-align:top; float:left;}
#footer .logo .img { margin:3px 16px 0;}
#footer .logo em { padding:1px 0 0; float:left;}
/* Develop */
#footer .develop { width:230px; float:left; padding:12px 0 0 15px; color:#666666; font-size:12px;}
/* Counters */
#footer .counter { width:200px; float:right; padding:18px 26px 0 0; text-align:right;}
#footer .counter img { vertical-align:top; margin-left:14px;}
/* ---------------------------------------------------- */

#SUMM {color:#ff0000;}
#form_1_SUMM {color:#ff0000;}