body { background:url(images/base/site_bg.jpg); color:#eee; }

#page    { width:1000px; margin:0 auto; }

#header  { width:1000px; height:155px; background:url(images/base/header_bg.jpg) bottom no-repeat; }
#content { width:920px; background:url(images/base/content_bg.jpg) repeat-y; padding:0 40px; }
#footer  { width:1000px; height:50px; background:url(images/base/footer_bg.jpg) top no-repeat; }

#copyright   { padding-top:25px; text-align:left; padding-left:34px; font-size:.9em; color:#ddd; }
#copyright a { color:#ffc718; text-decoration:none; cursor:pointer; } #copyright a:hover { text-decoration:underline; cursor:pointer; }

#logo { margin-top:9px; margin-left:40px; float:left; width:220px; height:130px; background:url(images/base/logo.png) no-repeat bottom; }

#menu { float:right; margin-right:40px; margin-top:94px; padding:0; }
#menu li { list-style:none; margin:0; padding:0; float:left; }
#menu li a { width:108px; height:25px; padding-top:17px; margin:0 -4px; background:url(images/base/button1.png) no-repeat top; display:inline-block; color:#eee; text-align:center; text-decoration:none; text-transform:lowercase; cursor:pointer; }
#menu li a:hover  { color:#ffc718; background:url(images/base/button2.png) no-repeat top; cursor:pointer; }
#menu li a.active, #menu li a:active { color:#ffc718; background:url(images/base/button2.png) no-repeat top; font-weight:bold; cursor:pointer;}

.widget { width:324px; padding-right:90px; height:324px; margin:0; position:relative; }
.widget .mask { position:absolute; top:0; left:0; z-index:999; width:324px; height:324px; background:url(images/base/gallery_main.png) no-repeat; cursor:pointer; }
.widget ul.ui-tabs-nav{ position:absolute; top:3px; left:324px; list-style:none; padding:0; margin:0; width:90px; }
.widget ul.ui-tabs-nav li{ padding:0; }
.widget ul.ui-tabs-nav li span{ }

.widget .ui-tabs-panel{ width:324px; height:324px; position:absolute; top:0; left:0; overflow:hidden; }
.widget .ui-tabs-hide { display:none; }

.widget li.ui-tabs-nav-item a{ display:block; height:80px; outline:none; text-decoration:none; position:relative; text-align:right; cursor:pointer; }
.widget li.ui-tabs-nav-item a:hover{ cursor:pointer; }
.widget li.ui-tabs-selected{ }
.widget ul.ui-tabs-nav li.ui-tabs-selected a{ cursor:pointer; }

.widget li.ui-tabs-nav-item a .mask { position:absolute; top:0; left:0; z-index:99; width:90px; height:80px; background:url(images/base/widget_thumb.png) no-repeat;cursor:pointer; }
.widget li.ui-tabs-nav-item a:hover .mask { background:url(images/base/widget_thumb_hover.png) no-repeat; cursor:pointer;}
.widget ul.ui-tabs-nav li.ui-tabs-selected .mask { background:url(images/base/widget_thumb_selected.png) no-repeat; }

.widget .ui-tabs-panel .info{ position:absolute; top:254px; left:0; height:70px; width:324px; background: url(images/transparent-bg.png); }
.widget .info h2{ font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#fff; padding:5px 15px; margin:0; overflow:hidden; }
.widget .info div{ margin:0 15px; font-family:Arial; font-size:11px; line-height:15px; color:#f0f0f0; }
.widget .info a{ text-decoration:none; color:#eee; cursor:pointer;}
.widget .info a:hover{ text-decoration:underline; cursor:pointer;}

.gallery { width:324px; height:324px; margin:0; position:relative; }
.gallery .gallery-images{ width:324px; height:324px; position:absolute; top:0; left:0; overflow:hidden; }
.gallery .mask { position:absolute; top:0; left:0; z-index:99; width:324px; height:324px; background:url(images/base/gallery_main.png) no-repeat; cursor:pointer; }

.gallery .info { position:absolute; top:254px; left:0; height:70px; width:324px; background: url(images/transparent-bg.png); }
.gallery .info h2{ font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#fff; text-align:center; height:70px; margin:0; line-height:60px; overflow:hidden; }


.greybox { background:url(images/base/greybox_right.png) right no-repeat; height:130px;  position:relative; cursor:pointer; }
.greybox .mask { background:url(images/base/greybox_left.png) no-repeat left; height:130px; width:158px; position:absolute; top:0; left:0; }
.greybox .image { float:left; margin:8px; margin-left:28px;}
.greybox .content { position:absolute; top:15px; left:155px; height:100px; margin-right:15px; overflow:hidden; text-align:justify; font-size:.9em; }
.greybox h2 { margin:0; padding-bottom:8px; }

.greybox_mid { width:290px; }
.greybox_mid .top { width:290px; height:25px; background:url(images/base/greybox_mid_top2.jpg) bottom no-repeat; font-weight:bold; text-align:center; padding-top:7px; }
.greybox_mid .mid { width:250px; background:url(images/base/greybox_mid_mid.jpg) repeat-y; padding:0 20px;  }
.greybox_mid .btm { width:290px; height:18px; background:url(images/base/greybox_mid_btm.jpg) top no-repeat; }
.greybox_mid .sub { width:270px; height:30px; background:url(images/base/greybox_mid_sub.jpg) bottom no-repeat; font-weight:bold; padding-left:20px; padding-top:15px; }
.greybox_mid a { text-align:center; display:block; text-align:center; width:290px; color:#fff; text-decoration:none; cursor:pointer; }
.greybox_mid a:hover { color:#ffc718; text-decoration:none; cursor:pointer;}
.greybox_mid a.active { color:#ffc718;cursor:pointer; }

.greybox_big { width:420px; }
.greybox_big .top { width:400px; height:30px; background:url(images/base/greybox_big_top.jpg) bottom no-repeat; font-weight:bold; padding-left:20px; padding-top:15px; }
.greybox_big .mid { width:380px; background:url(images/base/greybox_big_mid.jpg) repeat-y; padding:0 20px;  }
.greybox_big .btm { width:420px; height:18px; background:url(images/base/greybox_big_btm.jpg) top no-repeat; }
.greybox_big .sub { width:400px; height:30px; background:url(images/base/greybox_big_sub.jpg) bottom no-repeat; font-weight:bold; padding-left:20px; padding-top:15px; }

.greybox_extrabig { width:515px; }
.greybox_extrabig .top { width:495px; height:30px; background:url(images/base/greybox_extrabig_top.jpg) bottom no-repeat; font-weight:bold; padding-left:20px; padding-top:15px; }
.greybox_extrabig .mid { width:475px; background:url(images/base/greybox_extrabig_mid.jpg) repeat-y; padding:0 20px;  }
.greybox_extrabig .btm { width:515px; height:18px; background:url(images/base/greybox_extrabig_btm.jpg) top no-repeat; }

.accordion { width:290px; }
.accordion .header { width:290px; height:25px; padding-top:7px; background:url(images/base/greybox_mid_top2.jpg) bottom no-repeat; font-weight:bold; text-align:center; }
.accordion .active, .accordion .header:hover { width:290px; height:25px; padding-top:7px; background:url(images/base/greybox_mid_top2.jpg) bottom no-repeat; font-weight:bold; text-align:center; color:#ffc718; cursor:pointer; }
.accordion .list{ width:290px; }

.widget2 { width:405px; padding-right:110px; height:404px; margin:0; position:relative; overflow:hidden; }
.widget2 .mask { position:absolute; top:0; left:0; z-index:99; width:405px; height:405px; background:url(images/base/widget2_main.png) no-repeat; cursor:pointer; }
.widget2 .ui-tabs-container-list { }
.widget2 ul.ui-tabs-nav{ position:absolute; top:3px; left:405px; width:110px; list-style:none; padding:0; margin:0px; }
.widget2 ul.ui-tabs-nav li{ padding:0; height:100px; overflow:hidden; }
.widget2 ul.ui-tabs-nav li span{ }

.widget2 .ui-tabs-panel{ width:405px; height:405px; position:absolute; top:0; left:0; overflow:hidden; }
.widget2 .ui-tabs-hide { display:none; }

.widget2 li.ui-tabs-nav-item a{ display:block; height:100px; outline:none; text-decoration:none; position:relative; text-align:right; cursor:pointer;}
.widget2 li.ui-tabs-nav-item a:hover{ cursor:pointer; }
.widget2 li.ui-tabs-selected{ }
.widget2 ul.ui-tabs-nav li.ui-tabs-selected a{ cursor:pointer;}

.widget2 li.ui-tabs-nav-item a .mask { position:absolute; top:0; left:0; z-index:99; width:110px; height:100px; background:url(images/base/widget2_thumb.png) no-repeat; cursor:pointer; }
.widget2 li.ui-tabs-nav-item a:hover .mask { background:url(images/base/widget2_thumb_hover.png) no-repeat; cursor:pointer;}
.widget2 ul.ui-tabs-nav li.ui-tabs-selected .mask { background:url(images/base/widget2_thumb_selected.png) no-repeat; }

.type_list a { display:block; width:67px; height:77px; background:url(images/base/icon.jpg) no-repeat; color:#fff; margin-bottom:16px; cursor:pointer; }
.type_list a:hover, .type_list a.active { background:url(images/base/icon2.jpg) no-repeat; color:#ffc718; text-decoration:none; cursor:pointer; }
.type_list a img  { display:block; cursor:pointer; }
.type_list a span { display:block; text-align:center; margin-top:-13px; cursor:pointer;  }

.greybox2 { background:url(images/base/greybox2_right.png) right no-repeat; height:100px;  position:relative; cursor:pointer;}
.greybox2 .mask { background:url(images/base/greybox2_left.png) no-repeat left; height:100px; width:130px; position:absolute; top:0; left:0; }
.greybox2 .image { float:left; margin-left:23px; margin-top:8px; }
.greybox2 .content { position:absolute; top:15px; left:124px; height:70px; margin-right:15px; overflow:hidden; text-align:justify; font-size:.9em; }
.greybox2 h2 { margin:0; padding-bottom:10px; }

.greybox_small { width:165px; }
.greybox_small .top { width:165px; height:30px; background:url(images/base/greybox_small_top.jpg) bottom no-repeat; font-weight:bold; text-align:center; padding-top:15px; }
.greybox_small .mid { width:125px; background:url(images/base/greybox_small_mid.jpg) repeat-y; padding:0 20px;  }
.greybox_small .btm { width:165px; height:18px; background:url(images/base/greybox_small_btm.jpg) top no-repeat; }
.greybox_small a { color:#FFF; text-decoration:none; cursor:pointer; }
.greybox_small a:hover, .greybox_small a.active { color:#ffc718;  text-decoration:none; cursor:pointer; }


.collection_list { display:block; width:530px; height:150px; overflow:hidden; position:relative; margin-bottom:20px; }
.collection_list img { position:absolute; top:-215px; left:0; z-index:1;}
.collection_list .mask { background:url(images/base/collection_mask.png) no-repeat center; height:150px; width:530px; position:absolute; top:0; left:0; z-index:2;}

.pagination   { height:20px; padding-top:15px; text-align:center; font-weight:bold; font-size:14px; clear:both; }
.pagination a { padding:1px 5px; color:#FFF; cursor:pointer; }
.pagination b { padding:1px 5px; color:#ffc718; }
.pagination a:hover { background: #696969; color:#FFF; text-decoration:none; cursor:pointer; }

.product_box { display:block; width:530px; height:570px; overflow:hidden; position:relative; margin-bottom:20px; }
.product_box img { position:absolute; top:0px; left:0; z-index:1;}
.product_box .mask { background:url(images/base/product_mask.png) no-repeat left; height:570px; width:530px; position:absolute; top:0; left:0; z-index:2;}
.product_box .info { position:absolute; top:525px; left:25px; width:480px; height:35px; z-index:3; overflow:hidden; }

.greybox_contacts { width:324px; }
.greybox_contacts .top { width:324px; height:30px; background:url(images/base/greybox_contacts_top.jpg) bottom no-repeat; font-weight:bold; text-align:center; padding-top:15px; }
.greybox_contacts .mid { width:284px; background:url(images/base/greybox_contacts_mid.jpg) repeat-y; padding:0 20px;  }
.greybox_contacts .btm { width:324px; height:18px; background:url(images/base/greybox_contacts_btm.jpg) top no-repeat; }

#contact { margin:0; padding:0; width:514px; border:1px solid #000; margin-left:-2px; position:relative; }
#contact div.row { width:504px; background:url(images/base/form_row.jpg) no-repeat; clear:both; line-height:37px; height:37px; padding:0 4px 0 6px; }
#contact div.col { width:247px; background:url(images/base/form_col.jpg) no-repeat; line-height:37px; height:37px; padding:0 4px 0 6px; margin:0; }
#contact div.row2 { width:504px; background:url(images/base/form_row2.jpg) no-repeat; clear:both; line-height:37px; height:80px; padding:0 4px 0 6px; }

#contact label { color:#fff; display:block; width:66px; float:left; padding-left:8px; margin-top:-3px; font-size:.9em; }
#contact div.row input { color:#fff; background:#000; border:none; width:420px; margin:0; padding:0; margin-top:9px; height:18px; }
#contact div.row2 textarea { color:#fff; background:#000; border:none; width:420px; margin:0; padding:0; margin-top:9px; height:56px; }
#contact div.col input { color:#fff; background:#000; border:none; width:161px; margin:0; padding:0; margin-top:9px; height:18px; }
#contact button { cursor:pointer; font-size:.9em; position:absolute; top:225px; left:0px; text-align:center; width:65px; height:40px; margin:0; padding:0; background:url(images/base/button_form.jpg) no-repeat bottom; border:none; color:#eee; text-decoration:none; margin-right:-12px; }
#contact button:hover { cursor:pointer; background:url(images/base/button_form2.jpg) no-repeat bottom; color:#ffc718; }
#contact label.form-error { float:none; display:block; color:#ffc718; text-align:right; width:160px; height:18px; line-height:18px; margin-top:-20px; margin-left:330px; background:#000; z-index:99; }
#contact div.col label.form-error { margin-left:70px; }

.greybox_wide { width:848px; height:440px; background:url(images/base/greybox_wide.png) bottom no-repeat; padding:5px; }
.greybox_wide .top { width:848px; font-weight:bold; text-align:center; padding-top:18px; height:20px; }

.product_icons { background:url(images/base/ref_icons.jpg) top left no-repeat; padding-left:15px; height:35px; }


.widget3 { width:405px; padding-right:110px; height:445px; margin:0; position:relative; overflow:hidden; }
.widget3 .mask { position:absolute; top:0; left:0; z-index:99; width:405px; height:445px; background:url(images/base/product_mask.png) no-repeat; cursor:pointer; }
.widget3 .ui-tabs-container-list { }
.widget3 ul.ui-tabs-nav{ position:absolute; top:2px; left:405px; width:110px; list-style:none; padding:0; margin:0; width:110px; }
.widget3 ul.ui-tabs-nav li{ padding:0; height:101px; overflow:hidden; }
.widget3 ul.ui-tabs-nav li span{ }

.widget3 .ui-tabs-panel{ width:405px; height:445px; position:absolute; top:0; left:0; overflow:hidden; }
.widget3 .ui-tabs-hide { display:none; }

.widget3 li.ui-tabs-nav-item a{ display:block; height:100px; outline:none; text-decoration:none; position:relative; text-align:right; cursor:pointer;}
.widget3 li.ui-tabs-nav-item a:hover{ cursor:pointer; }
.widget3 li.ui-tabs-selected{ }
.widget3 ul.ui-tabs-nav li.ui-tabs-selected a{ cursor:pointer;}

.widget3 li.ui-tabs-nav-item a .mask {cursor:pointer;  position:absolute; top:0; left:0; z-index:99; width:110px; height:100px; background:url(images/base/widget2_thumb.png) no-repeat; }
.widget3 li.ui-tabs-nav-item a:hover .mask { cursor:pointer; background:url(images/base/widget2_thumb_hover.png) no-repeat; }
.widget3 ul.ui-tabs-nav li.ui-tabs-selected .mask { background:url(images/base/widget2_thumb_selected.png) no-repeat; }
.widget3 .info { width:365px; height:36px; position:absolute; top:402px; left:20px; overflow:hidden; z-index:100; }
.widget3 .ui-tabs-list-nav { position:absolute; top:406px; left:405px; z-index:101; width:114px; height:34px; background:url(images/base/product2_mask.png) no-repeat bottom #000; padding-top:5px; }
.widget3 .ui-tabs-list-nav a.up { cursor:pointer; display:block; width:30px; height:30px; text-indent:-9999em; background:url(images/base/arrow_up.png) no-repeat; float:left; margin-left:21px; margin-top:1px;}
.widget3 .ui-tabs-list-nav a.down { cursor:pointer; display:block; width:30px; height:30px; text-indent:-9999em; background:url(images/base/arrow_down.png) no-repeat; float:right; margin-right:15px; margin-top:1px;}
.widget3 .ui-tabs-list-nav a.down:hover { cursor:pointer; background:url(images/base/arrow_down2.png) no-repeat;}
.widget3 .ui-tabs-list-nav a.up:hover {cursor:pointer; background:url(images/base/arrow_up2.png) no-repeat;}

#languagemenu      { float:right; margin:21px 45px 0 0; padding:0; }
#languagemenu li   { list-style:none; margin:0; padding:0; float:left; }
#languagemenu li a { cursor:pointer; width:70px; height:23px; padding-top:4px; display:inline-block; margin:0 3px; text-align:center; color:#fff; text-decoration:none; font-size:.85em;  background:url(images/splash_button.png) no-repeat; }
#languagemenu li a:hover   { cursor:pointer; color:#ffc718; background:url(images/splash_button2.png) no-repeat; }

.scrollbar {
scrollbar-3dlight-color:#111;
scrollbar-arrow-color:#ffc718;
scrollbar-base-color:#000;
scrollbar-darkshadow-color:#000;
scrollbar-face-color:#000;
scrollbar-highlight-color:#000;
scrollbar-shadow-color:#000;
scrollbar-track-color:#000; 
}

.type_list { margin-top:4px; }

.mid a { text-decoration:underline; color:#fff; }