* {margin:0;padding:0}
html,body{height:100%;width:100%;display:block;}
html{overflow:auto;}
body{min-width:955px;min-height:620px;font:12px Helvetica,Arial;background:#ffffff url(images/bgr_html.jpg) top left repeat-x;}

.clear{clear:both;width:0;height:0;font-size:0;overflow:hidden;}
.error{color:red!important;font-weight:bold;}

a.btnDn,a.btnUp{text-decoration:none;}

.jScrollPaneContainer {position: relative;overflow: hidden;z-index:1;}
.jScrollPaneTrack {position: absolute;cursor: pointer;right: 0;top: 0;height: 100%;background: #ffffff;}
.jScrollPaneDrag {position: absolute;cursor: pointer;overflow: hidden;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;}
a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;}
.jScrollPaneDrag {background: url(images/drag_middle.jpg) no-repeat 0 50%;}
.jScrollPaneDragTop {background: url(images/drag_top.jpg) no-repeat;height: 8px;}
.jScrollPaneDragBottom {background: url(images/drag_bottom.jpg) no-repeat;height: 8px;}
a.jScrollArrowUp {height: 20px;background: url(images/arrow_up.jpg) no-repeat 0 0;}
a.jScrollArrowUp:hover {background-position: 0 -20px;}
a.jScrollArrowDown {height: 20px;background: url(images/arrow_dn.jpg) no-repeat 0 0;}
a.jScrollArrowDown:hover {background-position: 0 -20px;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -40px;}

a.btn,a.btnA,a.btnE,a.btnX{position:relative;display:-moz-inline-box;display:inline-block;width:80px;height:24px;text-align:center;text-decoration:none;font:bold 14px/24px Arial;border-top:1px solid #dbdbdb;border-left:1px solid #dbdbdb;border-bottom:2px solid #777777;border-right:2px solid #777777;color:#cccccc;z-index:2;}
a.btn:hover,a.btnA:hover,a.btnE:hover,a.btnX:hover{color:#ffffff;}
a.btnA,a.btnE,a.btnX{position:absolute;width:24px;height:24px;color:yellow;}


#outer {height:100%;width:100%;display:table;vertical-align:middle;}
#container{text-align:center;position:relative;vertical-align:middle;display:table-cell;height:620px;} 
#inner{width:955px;height:620px;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;}


#header{width:880px;height:117px;margin:10px auto 0 auto;overflow:hidden;background:url(images/header.png) top center no-repeat;text-align:left;}

#btn_home{position:absolute;left:74px;top:90px;width:74px;height:27px;overflow:hidden;}
#btn_home a{position:relative;display:block;width:74px;height:27px;overflow:hidden;background-position:0 0;background-repeat:no-repeat;text-decoration:none;}
#btn_home a span{display:block;width:74px;height:27px;position:absolute;left:0px;top:0px;overflow:hidden;font:0px/0px Helvetica;cursor:pointer;}

#lang_c{position:absolute;right:74px;top:90px;width:70px;height:27px;text-align:right;overflow:hidden;}
#lang_c a{position:relative;display:-moz-inline-box;display:inline-block;width:30px;height:27px;overflow:hidden;background-position:0 0;background-repeat:no-repeat;text-decoration:none;}
#lang_c a span{display:block;width:30px;height:27px;position:absolute;left:0px;top:0px;overflow:hidden;font:0px/0px Helvetica;cursor:pointer;}

a#btn_en{background-image:url(images/en.png);}
a#btn_bg{background-image:url(images/bg.png);}
a#btn_en:hover,a#btn_bg:hover,a#btn_en.selected,a#btn_bg.selected{background-position:0 -27px;}




#main_menu{height:35px;overflow:hidden;margin-top:20px;text-align:center;white-space:nowrap;}
#main_menu a{display:-moz-inline-box;display:inline-block;width:138px;height:35px;margin:0 2px;text-decoration:none;overflow:hidden;font:0px/0px Helvetica;cursor:pointer;}
#main_menu a span{display:block;position:absolute;left:0px;top:0px;width:138px;height:35px;overflow:hidden;font:0px/0px Helvetica;cursor:pointer;}



#main_page{position:relative;width:955px;height:452px;margin:0 auto;overflow:hidden;background-position:top center;background-repeat:no-repeat;}
.home #main_page{margin-top:20px;background-image:url(images/home.png);}
.company #main_page,.services #main_page,.brands #main_page{background-image:url(images/main_page_bgr.png);}
.contacts #main_page,.career #main_page{background-image:url(images/cc_page_bgr.png);}
.news #main_page{background-image:url(images/news_page_bgr.png);}


#box_l_c{position:absolute;top:34px;left:25px;width:158px;height:390px;overflow:hidden;}
#box_l{width:158px;height:390px;overflow:hidden;background-image:url(images/box_l.png);background-repeat:no-repeat;}

#box_m_c{position:absolute;top:34px;left:193px;width:340px;height:390px;overflow:hidden;}
#box_m{width:340px;height:390px;overflow:hidden;background-image:url(images/box_m.png);background-repeat:no-repeat;}

#box_r_c{position:absolute;top:34px;left:540px;width:385px;height:390px;overflow:hidden;}
#box_r{width:385px;height:390px;overflow:hidden;background-image:url(images/box_r.png);background-repeat:no-repeat;}


.news #box_m_c{left:28px;width:436px;}
.news #box_r_c{left:488px;width:436px;}
.news #box_m,.news #box_r{width:436px;height:390px;overflow:hidden;background-image:url(images/box_news.png);}
.contacts #box_m_c,.career #box_m_c{left:189px;width:576px;}
.contacts #box_m{width:576px;height:390px;overflow:hidden;background-image:url(images/box_cc.png);}
.career #box_m{width:576px;height:390px;overflow:hidden;background-image:url(images/box_cr.png);}
.admin #box_m_c{left:280px}

#box_l #sub_menu{position:absolute;top:36px;left:0px;width:158px;height:318px;overflow:hidden;}
#box_l a.jScrollArrowUp{position:absolute;display:block;width:20px;height:20px;top:10px;left:70px;}
#box_l a.jScrollArrowDown{position:absolute;display:block;width:20px;height:20px;top:360px;left:70px;}

#box_m_container,#box_r_container{position:absolute;top:10px;left:10px;height:370px;overflow:hidden;text-align:left;}
#box_m_container{width:320px;}
.contacts #box_m_container,.career #box_m_container{width:556px;}
.news #box_m_container,.news #box_r_container{width:416px;}
#box_m_container .e_content, .news #box_r_container .e_content{margin:8px 8px 0 8px;}
#box_r_container{width:365px;}


ul#sub_menu_list{position:absolute;top:0px;left:0px;display:block;width:158px;list-style-type:none;white-space:nowrap;font:0px/0px Helvetica;}
ul#sub_menu_list li{position:relative;display:block;font:0px/0px Helvetica;margin:7px 0;}
ul#sub_menu_list li a{display:block;width:126px;height:32px;overflow:hidden;position:relative;font:0px/0px Helvetica;text-decoration:none;margin:0 auto;color:#ffffff;}
ul#sub_menu_list li a:hover,ul#sub_menu_list li a.selected{background-position:0 -32px;}

ul#sub_menu_list li a.btnE{position:absolute;top:8px;left:0px;width:12px;height:12px;overflow:hidden;font:bold 11px/12px Arial;color:yellow;}
*html ul#sub_menu_list li a.btnE{left:-18px;}
ul#sub_menu_list li a.btnE:hover{color:white;}
ul#sub_menu_list li a.btnDn{position:absolute;top:18px;right:0px;display:block;width:12px;height:12px;overflow:hidden;font:bold 11px/12px Arial;color:yellow;background:green;border:1px solid yellow;}
ul#sub_menu_list li a.btnUp{position:absolute;top:2px;right:0px;display:block;width:12px;height:12px;overflow:hidden;font:bold 11px/12px Arial;color:yellow;background:blue;border:1px solid yellow;}

#sub_menu input.txt{width:120px;}

#box_m_content li{margin-left:30px;}
#box_m_content p,#box_r_content p{margin-bottom:6px;text-indent:20px;}


#box_m_content,#box_r_content {height:370px;}
#box_r_content table{table-layout:fixed;border:none;margin:0 auto;}
#box_r_content table td{border:none;height:370px;text-align:center;vertical-align:middle;background:url(images/img_bgr.png) 0 0 no-repeat;}

#box_r_content a.btnDn{position:absolute;top:20px;left:300px;display:block;width:16px;height:16px;overflow:hidden;font:bold 12px/20px Arial;color:yellow;background:green;border:1px solid yellow;}
#box_r_content a.btnUp{position:absolute;top:0px;left:300px;display:block;width:16px;height:16px;overflow:hidden;font:bold 12px/20px Arial;color:yellow;background:blue;border:1px solid yellow;}


a.btnE{background:green;}
a.btnA{background:blue;}
a.btnX{background:red;}

#box_m_c a.btnE{top:0;left:0;}
#box_r_c a.btnA,#box_l_c a.btnA{top:0;left:0;}
#box_r_c a.btnX{top:0;left:20px;width:16px;height:16px;line-height:16px;}

input.btn{border:0;height:20px;font:bold 12px Arial;border-top:1px solid #dbdbdb;border-left:1px solid #dbdbdb;border-bottom:2px solid #777777;border-right:2px solid #777777;color:#ffffff;cursor:pointer;}

#editor_container{position:absolute;top:5px;left:30px;width:894px;height:24px;overflow:hidden;background-color:#efefde;}
#box_m_c #aCmd{position:absolute;left:20px;top:358px;width:300px;height:20px;overflow:hidden;text-align:center;}

.career #box_m_c #aCmd, .contacts #box_m_c #aCmd{width:540px;top:350px;}

#msg_bar{position:absolute;top:0;left:0;font:12px Arial;width:100%;text-align:center;background-color:blue;color:yellow;}
#msg_bar.err{background-color:red;}

.li{clear:left;margin-bottom:10px;}
.li a.date{display:block;width:74px;height:27px;float:left;margin:0 3px 3px 0;background:url(images/btn_home.png) 0 -27px no-repeat;text-align:center;font:bold 14px/26px Helvetica, Arial;text-decoration:none;color:#ed1c24;}
.li#sli a.date{display:block;width:74px;height:27px;background:url(images/btn_home.png) 0 0 no-repeat;color:#ffffff;}
.li a.title{font:bold 14px Helvetica, Arial;color:#ed1c24;text-decoration:none;}
.li p{text-indent:0!important;font-size:11px;}

.news h3.title{font:bold 16px Helvetica, Arial;color:#ed1c24;}
.news img.niimg{margin:0 3px 3px 0;}

.news #box_m_c a.btnA{top:0;left:0;}
.news #box_r_c a.btnE{top:0;left:0;}
.news #box_r_c #aCmd{position:absolute;left:20px;top:348px;width:380px;height:20px;overflow:hidden;text-align:center;}
.news .ne{height:60px;overflow:hidden;position:relative;}
.news .ne .img{width:60px;height:60px;overflow:hidden;position:absolute;left:0px;top:0px;}
.news .ne .title{width:350px;height:36px;overflow:hidden;position:absolute;left:64px;top:0px;border:1px solid #cccccc;font:bold 16px/18px Helvetica, Arial;color:#ed1c24;}
.news .ne .browse{width:268px;height:20px;overflow:hidden;position:absolute;left:64px;top:40px;border:1px solid #cccccc;}
.news .ne .date{width:80px;height:18px;overflow:hidden;position:absolute;left:334px;top:40px;border:1px solid #cccccc;font:bold 14px Helvetica, Arial;color:#ed1c24;text-align:center;}

.e_content a{color:#ed1c24;}
.e_content a:hover{text-decoration:none;}

.paging{position:absolute;left:32px;top:425px;}
.paging a{font:bold 14px Helvetica, Arial;color:#ed1c24;margin:0 2px;}
.paging span{font:bold 14px Helvetica, Arial;color:#000000;margin:0 2px;}

#lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(/design/images/blank.gif) no-repeat;display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/design/images/lightbox-btn-prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/design/images/lightbox-btn-next.gif) right 50% no-repeat; }
#nextLinkText, #prevLinkText{color: #FF9834;font-weight:bold;text-decoration: none;}
#nextLinkText{padding-left:0px;}
#prevLinkText{padding-right:0px;}
.ontop #imageData {padding-top: 5px;}
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;}
#imageData{padding:0 10px;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;	height: 500px;background-color: #000;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;display: none;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {height: 1%;}	
#lightboxIframe {display: none;}