body {font-family:Tahoma, Arial;}
a:active, a:focus {outline: 0;}
a {cursor:pointer;}

.minHeight100 {min-height:100px;height:auto !important;height:100px}
.minHeight200 {min-height:200px;height:auto !important;height:200px}
.minHeight300 {min-height:300px;height:auto !important;height:300px}
.minHeight400 {min-height:400px;height:auto !important;height:400px}

#topWrapper {width:100%;height:120px;background:url(../images/topWrapperBg.png) repeat-x}

.bgc1{background-color:#dedede}
.bgc2{background-color:#aaaaaa}

.color1, #languageSelector li a, #activeBox p , #contentWrapper h3, #paramMenu ul li a, .newsNavigator li a, #leftBox h2{color:#999999}
.color2,#languageSelector li.active a, #languageSelector li a:hover, #hotBox li a:hover span {color:#FF6600}
.color3, #contentWrapper h3, #homeNews h4 a,  #subMenu a, .newsTitle, .newsNavigator li a:hover, .referenceTitle1, .referenceTitle2,.provincesItems table td, .certificateTitle {color:#666666}
.color4,  #subMenu .active .active .subCategory, #subMenu .subCategory:hover, #paramMenu ul li a:hover, #paramMenu ul li.ui-tabs-selected a, .contact td, #activeBox h2, #rightBox h3  {color:#00348A;}

.bbContent, .bbContent p, .bbContent li, #contentWrapper p, #rightBox li , #activeBox p{color:#333333}
#hotBox li .catName {color:#FF6600}


.posRel {position:relative;}

#logo {display:block;height:75px;width:400px;background:url(../images/wskLogo.png) no-repeat;line-height:75px;position:absolute;top:31px}
#logo a {display:block;height:75px;width:400px}
#logo a span {display:block;text-indent:-9999px}
.en  #logo {background:url(../images/wskLogoEn.png) no-repeat}
.ru  #logo {background:url(../images/wskLogoRu.png) no-repeat}

#languageSelector, #mainMenu, #hotContact {position:absolute;list-style:none;right:0;margin:0;top:8px}
#languageSelector li, #mainMenu li, #hotContact li {display:block;float:left;}

#languageSelector {top:8px}
#languageSelector li {margin-left:15px;}
#languageSelector li a{display:block;padding:0 7px 5px 7px;text-decoration:none;line-height:18px}
#languageSelector li.active a, #languageSelector li a:hover {background:url(../images/languageSelectorActiveBg.png) repeat-x 0 2px}

#hotContact {top:35px}
#hotContact li span{display:block;text-indent:-9999px}
#hotContact #hotTel {width:153px;background:url(../images/hotContact.png) repeat-x}
#hotContact #hotMail {width:170px;background:url(../images/hotContact.png) repeat-x -153px 0}

#mainMenu {top:85px}
#mainMenu li {margin-left:25px}
#mainMenu li a span {display:none}
#mainMenu li a, #mainMenu li a .hover {display:block;background:url(../images/mainMenu_all.png);height:22px }


.pl #mainMenu  #mm1 a, .pl #mainMenu #mm1 a .hover {width:80px}
.pl #mainMenu  #mm1 a {background-position:0 0}
.pl #mainMenu  #mm1.active a, .pl #mainMenu  #mm1 a .hover {background-position:0 -22px}
.pl #mainMenu  #mm2 a, .pl #mainMenu #mm2 a .hover {width:86px}
.pl #mainMenu  #mm2 a {background-position:-150px 0}
.pl #mainMenu  #mm2.active a, .pl #mainMenu #mm2 a .hover {background-position:-150px -22px}
.pl #mainMenu  #mm3 a, .pl #mainMenu #mm3 a .hover {width:135px}
.pl #mainMenu  #mm3 a {background-position:-300px 0}
.pl #mainMenu  #mm3.active a, .pl #mainMenu #mm3 a .hover {background-position:-300px -22px}
.pl #mainMenu  #mm4 a, .pl #mainMenu #mm4 a .hover {width:97px}
.pl #mainMenu  #mm4 a {background-position:-450px 0}
.pl #mainMenu  #mm4.active a, .pl #mainMenu #mm4 a .hover {background-position:-450px -22px}

.en #mainMenu #mm1 a, .en #mainMenu #mm1 a .hover {width:108px}
.en #mainMenu #mm1 a {background-position:0 -44px}
.en #mainMenu #mm1.active a, .en #mainMenu #mm1 a .hover {background-position:0 -66px}
.en #mainMenu #mm2 a, .en #mainMenu #mm2 a .hover {width:76px}
.en #mainMenu #mm2 a {background-position:-150px -44px}
.en #mainMenu #mm2.active a, .en #mainMenu #mm2 a .hover {background-position:-150px -66px}
.en #mainMenu #mm3 a, .en #mainMenu #mm3 a .hover {width:75px}
.en #mainMenu #mm3 a {background-position:-300px -44px}
.en #mainMenu #mm3.active a, .en #mainMenu #mm3 a .hover {background-position:-300px -66px}
.en #mainMenu #mm4 a, .en #mainMenu #mm4 a .hover {width:100px}
.en #mainMenu #mm4 a {background-position:-450px -44px}
.en #mainMenu #mm4.active a, .en #mainMenu #mm4 a .hover {background-position:-450px -66px}

.ru #mainMenu #mm1 a, .ru #mainMenu #mm1 a .hover {width:70px}
.ru #mainMenu #mm1 a {background-position:0 -88px}
.ru #mainMenu #mm1.active a, .ru #mainMenu #mm1 a .hover {background-position:0 -110px}
.ru #mainMenu #mm2 a, .ru #mainMenu #mm2 a .hover {width:143px}
.ru #mainMenu #mm2 a {background-position:-150px -88px}
.ru #mainMenu #mm2.active a, .ru #mainMenu #mm2 a .hover {background-position:-150px -110px}
.ru #mainMenu #mm3 a, .ru #mainMenu #mm3 a .hover {width:95px}
.ru #mainMenu #mm3 a {background-position:-300px -88px}
.ru #mainMenu #mm3.active a, .ru #mainMenu #mm3 a .hover {background-position:-300px -110px}
.ru #mainMenu #mm4 a, .ru #mainMenu #mm4 a .hover {width:105px}
.ru #mainMenu #mm4 a {background-position:-450px -88px}
.ru #mainMenu #mm4.active a, .ru #mainMenu #mm4 a .hover {background-position:-450px -110px}

/*baner*/
#extraWrapper {margin-top:1px;height:200px;background-color:#e9e9e9}
#activeBox {width:960px;margin:0;height:200px;background:url(../images/activeBoxBg.jpg)}
#activeBox h2 {font-weight:normal;line-height:1.5;font-size:22px;padding-top:40px;color:#666666}
#activeBox img {margin:20px 0 20px 50px}
#activeBox #HotButtons {float:right;width:154px}
#activeBox ul {list-style:none;padding-top:35px}
#activeBox ul li {margin-left:0;margin-bottom:15px}
#activeBox ul li, #activeBox ul li a {display:block;height:34px;}
#activeBox ul li a span{display:block;text-indent:-9999px}
#activeBox ul li.exb1 a {background:url(../images/extraButon.png) no-repeat}
#activeBox ul li.exb2 a {background:url(../images/extraButon.png) no-repeat 0 -34px}
#activeBox ul li.exb3 a {background:url(../images/extraButon.png) no-repeat 0 -68px}

.en #activeBox ul li.exb1 a {background:url(../images/extraButonEn.png) no-repeat}
.en #activeBox ul li.exb2 a {background:url(../images/extraButonEn.png) no-repeat 0 -34px}
.en #activeBox ul li.exb3 a {background:url(../images/extraButonEn.png) no-repeat 0 -68px}

.ru #activeBox ul li.exb1 a {background:url(../images/extraButonRu.png) no-repeat}
.ru #activeBox ul li.exb2 a {background:url(../images/extraButonRu.png) no-repeat 0 -34px}
.ru #activeBox ul li.exb3 a {background:url(../images/extraButonRu.png) no-repeat 0 -68px}

/* breadCrumbWrapper */
#breadCrumbWrapper {height:25px;background-color:#E0E0E0;border-bottom:1px solid #C4C4C4;margin-top:1px}
#breadCrumbWrapper ul {list-style:none;margin:0}
#breadCrumbWrapper ul li, #breadCrumbWrapper ul li a {display:block;float:left;line-height:25px}
#breadCrumbWrapper ul li {margin:0;padding-right:10px}
#breadCrumbWrapper ul li a{color:#777777;background:url(../images/breadCrumbArrow.png) no-repeat 100% 0;line-height:25px;padding-right:15px;text-decoration:none}
#breadCrumbWrapper ul li.active a {background:none}
#breadCrumbWrapper ul li a:hover, #breadCrumbWrapper ul li.active a {color:#333333}

/*home hot box*/

#hotBoxWrapper {border-bottom:1px solid #CFCFCF;height:160px;background:url(../images/extraWrapperBg.png) repeat-x 0 100%}
#hotBox {width:960px;margin:0;height:160px}
#hotBox li {list-style:none;display:block;float:left;background-color:#ffffff;margin:0 12px 0 0}
#hotBox li {text-align:center;position:relative;}
#hotBox li a{display:block;width:150px;height:140px;text-decoration:none;margin-top:8px;border-bottom:1px solid #CDCDCD}
#hotBox li a .hover {display:block;width:150px;height:140px;}
#hotBox li .catName{display:block;position:absolute;top:15px;font-size:13px;font-weight:bold;line-height:1.1;width:130px;padding:0 10px}

#hotBox li#hotBoxItem1 a, #hotBox li#hotBoxItem1 a .hover{background:url(../images/hotBoxItemBg1.jpg) no-repeat;}
#hotBox li#hotBoxItem2 a, #hotBox li#hotBoxItem2 a .hover{background:url(../images/hotBoxItemBg2.jpg) no-repeat;}
#hotBox li#hotBoxItem3 a, #hotBox li#hotBoxItem3 a .hover{background:url(../images/hotBoxItemBg3.jpg) no-repeat;}
#hotBox li#hotBoxItem4 a, #hotBox li#hotBoxItem4 a .hover{background:url(../images/hotBoxItemBg4.jpg) no-repeat;}
#hotBox li#hotBoxItem5 a, #hotBox li#hotBoxItem5 a .hover{background:url(../images/hotBoxItemBg5.jpg) no-repeat;}
#hotBox li#hotBoxItem6 a, #hotBox li#hotBoxItem6 a .hover{background:url(../images/hotBoxItemBg6.jpg) no-repeat;}
#hotBox li#hotBoxItem1 a .hover, #hotBox li#hotBoxItem2 a .hover, #hotBox li#hotBoxItem3 a .hover, #hotBox li#hotBoxItem4 a .hover, #hotBox li#hotBoxItem5 a .hover, #hotBox li#hotBoxItem6 a .hover {background-position: 0 -140px}

/* content */
#contentWrapper {margin-top:20px}
#contentWrapper.home h3 {font-size:20px;font-weight:normal;border-bottom:1px solid #CDCDCD;background:url(../images/decRectangle1.png) no-repeat 0 8px;padding-left:20px}

.ru #contentWrapper.home h3 {font-size:19px}

#contentWrapper.home #welcomeText {text-align:justify;font-size:14px}

#homeNews, #homeAddress {margin-left:30px}
#homeNews h4 {margin:0;}
#homeNews h4 a{font-size:12px;margin:0;text-decoration:none}
#homeNews p {margin:0}
#homeNews .date {font-size:10px;margin:3px 0}
#contentWrapper .more {margin:10px 0 15px 0;text-align:right;}
#contentWrapper .more a {text-decoration:none;font-size:11px;color:#00348A;padding-right:13px;background:url(../images/moreArrow.png) no-repeat 100% 0}
#contentWrapper .more a:hover {color:#FF6600;background:url(../images/moreArrow.png) no-repeat 100% -13px}
.line {width:100%;height:1px;border-bottom:1px solid #CDCDCD}

#homeAddress span {display:block;}
#homeAddress .name {font-size:15px;padding:10px 0 5px 0;font-weight:bold;}
#homeAddress .address {padding:3px 0}
#homeAddress .tele {font-weight:bold;}

#certificateslist h3 {border-bottom:none !important}
#certificateslist ul {list-style:none }
#certificateslist ul li {display:inline;margin:0 30px 0 0 !important}

/* left box */
#leftBox {margin-left:0}
h2 {font-size:28px;margin-bottom:10px;font-weight:normal}

/* right box */
#rightBox {margin-top:40px;width:670px;font-size:14px;line-height:1.7;text-align:justify}
#rightBox h3{font-weight:normal;font-size:25px}
.contact h4 {color:#666666;font-size:14px}
.contact p,.contact a {font-size:16px;color:#00348A !important;}
.contact td, .contact a {font-size:14px}
.contact .label {font-size:11px;color:#666666;width:170px;text-align:left}

.mail label {color:#666666;font-weight:normal;}
.mail input, .mail textarea {width:388px;border:1px solid #D4D4D4;border-bottom:3px solid #D4D4D4;padding:5px;margin:5px 0 15px 0}
.mail textarea {height:150px}
.mail .sendmail {display:block;border:none;width:154px;height:34px;padding:0;float:left;}
.mail .mailSuccess {color:#00348A}
.mail .error {color:#ff0000 !important}

.newsTitle {margin:0}
.newsNavigator {display:block;list-style:none;float:right}
.newsNavigator li, .newsNavigator li a {display:block;float:left}
.newsNavigator li a {font-size:12px;text-decoration:none;background:url(../images/newsNavigatorArrow.png) no-repeat}
.newsNavigator li a.right {background-position:100% 0px;padding-right:13px}
.newsNavigator li a.right:hover {background-position:100% -18px;}
.newsNavigator li a.left {background-position:0 -36px;padding-left:13px}
.newsNavigator li a.left:hover {background-position:0 -54px;}

.referenceQuote {font-style:italic}
.more.reference a{padding:2px 0 2px 20px !important; background:url(../images/documents-text.png) no-repeat !important}
.certificateImg {text-align:center}

/*product info*/
#productInfo ul {list-style:none}
#productImages, #productOverall {float:left;width:50%}
#productOverall  #printButton a {padding:2px 0 2px 20px !important; background:url(../images/printer.png) no-repeat; font-size:11px;text-decoration:none}
#productOverall  #printButton a:hover {color:#ff6600}
#thumbnails {margin-top:20px}
#productImages img{border:1px solid #999999;padding:1px}
#thumbnails li{display:inline;margin:0}
#thumbnails li a{display:block;float:left;margin-right:9px;margin-bottom:9px}

/* products param */
#paramMenu {float:left;width:100%;margin:30px 0}
#paramMenu ul {list-style:none;display:block;height:31px;background:url(../images/paramMenuBg.gif) repeat-x 0 100%;margin:30px 0}
#paramMenu ul li {margin:0 0 0 20px}
#paramMenu ul li, #paramMenu ul li a{float:left;line-height:30px}
#paramMenu ul li a {border:1px solid #CCCCCC;padding: 0 20px;border-bottom:none;background:url(../images/paramMenutabBg.png) repeat-x;text-decoration:none}
#paramMenu ul li.ui-tabs-selected a, #paramMenu ul li a:hover {background:#ffffff}

/*
#paramMenu {float:left;width:100%;background:url(../images/paramMenuBg.gif) repeat-x 0 100%;margin:30px 0}
#paramMenu ul {list-style:none}
#paramMenu ul li {margin:0 0 0 20px}
#paramMenu ul li, #paramMenu ul li a{display:block;float:left;line-height:30px}
#paramMenu ul li a {border:1px solid #CCCCCC;padding: 0 20px;border-bottom:none;background:url(../images/paramMenutabBg.png) repeat-x;text-decoration:none}
#paramMenu ul li.ui-tabs-selected a, #paramMenu ul li a:hover {background:#ffffff}
*/

/* sub menu */
#subMenu, #subMenu ul {list-style:none;float:left}
#subMenu li {margin:0;display:block;float:left}
#subMenu a{text-decoration:none;font-size:14px; display:block; float:left;width:100%}
#subMenu li ul li {padding-left:20px; width:260px}
#subMenu .category {font-size:20px;padding-left: 20px;margin-bottom:10px;width:260px;line-height:30px;float:left}
#subMenu .category {background:url(../images/categoryBg.png) no-repeat 0 4px;}
#subMenu .category  span{display:block;width:260px;float:left}
#subMenu .category:hover, #subMenu .active .category {background:url(../images/categoryBg.png) no-repeat 0 -56px;}
#subMenu .subCategory {padding:0;margin:0}

/* footer*/
#bottomWrapper {margin-top:30px}
#footerLinks {height:50px;}
#footerLinks ul {margin:0;text-align:left;}
#footerLinks li {display:inline;line-height:50px;margin:0}
#footerLinks li a{padding:0;text-decoration:none;margin-right:15px;color:#eeeeee;font-size:14px}
#footerLinks li a:hover {color:#ffffff}

#pageInfo {height:30px}
#pageInfo span {display:block;line-height:30px}
#pageInfo .copyright, #pageInfo .designby, #pageInfo .designby a{color:#cccccc}
#pageInfo .copyright {float:left;}
#pageInfo .designby {float:right;}
#pageInfo .designby a {padding:3px 0;text-decoration:none;padding-left:25px;background:url(../images/kreatioLogo.gif) no-repeat}

#selectProvince {margin-bottom:20px}
#selectProvince label {font-size:16px;color:#666;padding-right:30px}
#selectProvince select {border:1px solid #8DB8FF;padding:3px;font-size:15px;color:#FF6600;font-weight:bold;float:right}
.provincesItems h4 {border-bottom:1px solid #8DB8FF;color:#00348A}
.provincesItems h5 {border-bottom:1px solid #C3C3C3;text-align:right;color:#666}
.provincesItems table {width:100%;border-bottom:1px solid #ddd;}
.provincesItems table td{padding:15px 0}
.provincesItems table table {margin:0;border:none;border-left:1px solid #ddd;}
.provincesItems table table td{padding:0 0 0 20px}
.provincesItems table .col1, .provincesItems table .col2{width:50%}
.provincesItems table .col1, .provincesItems table .col2 {vertical-align:middle;}
.provincesItems table .col1 {font-size:16px}

.ui-tabs .ui-tabs-hide , .tabHeader { display: none !important;}


.bbContent a{color:#00348A;}
.bbContent a:hover{color:#00173D;}
.bbContent .hh1 {font-size:18px}
.bbContent ul {height:auto !important;list-style-type:disc !important;background:none !important;}
.bbContent li {float:none !important;}
.bbContent ul,  .bbContent p {margin:0 0 10px 0 !important}
.bbContent ul li ul li {list-style-type:circle !important}

#slideshow {position:relative;}
#slideshow IMG {position:absolute;top:0;left:0;z-index:8;}
#slideshow IMG.active {z-index:10;}
#slideshow IMG.last-active {z-index:9;}