body, html { margin:0px; padding:0px; background:#707074; color:#FFF; font-size:12px; background:#454544; }
body, html, textarea { font-family: 'Arial'; }
body { position:relative; }
img, a img { border:none; }
a, a:visited, a:hover, a:link, a:active { outline:none; color:#FFF; }
a:hover { color:#FFF; }
body > form { position:relative; }
.boxed { background:#5e5e5f url(images/top-shadow.png) left top repeat-x; border-radius:0 0 3px 3px; box-shadow:5px 5px 5px rgba(0,0,0,0.7); }
b.registered-trade-mark { font-weight:normal; }
.sup { font-size:75%; vertical-align: baseline; position: relative; top: -0.4em; padding-left:1px; font-style:inherit; }
b.sup { font-weight:normal; }
::-webkit-input-placeholder { color:#555; }
input:-moz-placeholder { color:#555; }
input.placeholder,
textarea.placeholder { color:#555; }
#wrapper { width:100%; min-width:960px; }
#wrapper-mobile { display:none; }
#header { height:65px; position:relative; background:url(images/header.png) left top repeat-x; z-index:50; z-index:1000; }
#header-mobile { display:none; }
#nav-mobile { display:none; }
#logo { padding:0; margin:0; display:block; position:absolute; left:37px; height:58px; width:72px; background:url(images/logo_bg.png) center center no-repeat; overflow:hidden; z-index:1; }
#logo img { max-width:100%; margin-top:13px; }
#logo a { display:block; height:58px; width:72px; }
#logo span { position:absolute; left:1000px; }
#header h1 #logo ~ span { font-size: 10px; position: absolute; left: 40px; top: 20px; z-index: -1; }
#header-mobile h1 #logo-mobile ~ span { font-size: 10px; position: absolute; left: 25px; top: 15px; z-index: 0; }
#header h1, #header-mobile h1 {margin:0;}
.field {margin-bottom: 12px!important;}
#content .right-part .panels .panel .search .selectbox .field {margin:0!important;}
.designer {margin:-18px 0 18px; font-size: smaller; font-style:italic; }
/* buttons */
#content .btn { cursor:pointer; display:inline-block; background:#1e1e1e; border:1px #b2b2b2 solid; border-radius:4px; padding:6px; min-height:18px; color:#fff!important; text-decoration:none!important; font-size:12px!important; line-height:18px; box-shadow:inset 10px 10px 11px rgba(255, 255, 255, 0.15), inset -10px -10px 11px rgba(0, 0, 0, 0.5), 2px 2px 2px rgba(0, 0, 0, 0.6); }
#content .btn.btn-fullwidth { display:block; }
#content .btn.btn-centered { text-align:center; }
/* NAV */
ul.nav { list-style:none; padding:0; margin:0; /*position:relative;*/ font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Gill Sans W01 Light', 'Puritan', sans-serif; }
ul.nav > li { height:58px; font-size:12px; line-height:11px; color:#fff; float:left; background:url(images/header_sep-top.png) left top repeat-y; /**position:relative;*/ }
ul.nav > li:hover,
ul.nav > li.selected { background:url(images/header-over.png); }
ul.nav > li > a { text-decoration:none; color:#fff; display:block; padding:25px 11px 0px 11px; height:33px; cursor:pointer; }
ul.nav > li > ul { display:none; padding:0; margin:0; list-style:none; position:absolute; z-index:2; top:58px; /**left:0;*/ }
ul.nav > li:hover > ul { display:block; }
ul.nav > li > ul > li { float:left; background:url(images/header_sep.png) left top repeat-y; }
ul.nav > li > ul > li:first-child { background:none; }
ul.nav > li > ul > li > a { text-decoration:none; color:#fff; display:block; padding: 16px 5px 0px 10px; height:33px; width:110px; }
ul.nav > li > ul > li > a > em { display:block; font-style:normal; }
ul.nav > li > ul > li > a > span { display:block; float:left; padding-right:24px; }
ul.nav > li > ul > li.hover > a > span { background:url(images/drop-down.png) right bottom no-repeat; }
ul.nav > li > ul > li > div { font-family:Arial; display:none; position:absolute; list-style:none; padding:0; margin:0; background:#404041; border-radius:0 0 3px 3px; box-shadow:5px 5px 5px rgba(0,0,0,0.7); left: 0px; min-width:300px;}
ul.nav > li > ul > li.hover > div { display:block; width:100%; margin-top:0px; box-shadow:inset 0px 5px 5px rgba(0,0,0,0.7), 5px 5px 5px rgba(0,0,0,0.7); }
ul.nav > li > ul > li > div > div { float:left; width:50%; *width:49%; }
ul.nav > li > ul > li > div > div > div { padding:14px; }
ul.nav > li > ul > li > div > div.list strong { display:block; margin:8px 0px; }
ul.nav > li > ul > li > div > div.list ul { display:block; margin:0; padding:0; list-style:none; }
ul.nav > li > ul > li > div > div.list ul li { padding:0; margin:0; margin-bottom:2px; }
ul.nav > li > ul > li > div > div.list ul li a { text-decoration:none; display:block; padding:4px 14px; margin-left:-14px; }
ul.nav > li > ul > li > div > div.list ul li a:hover { background:#39393a; border-right:10px #39393a solid; margin-right:-14px; }
ul.nav > li > ul > li > div > div.list ul li.activeSlide a,
ul.nav > li > ul > li > div > div.list ul li.activeSlide a:hover { background:#39393a url(images/drop-right.png) right center no-repeat; border-right:10px #39393a solid; margin-right:-14px; }
ul.nav > li > ul > li > div > div.description { background:url(images/header_sep.png) left top repeat-y; }
ul.nav > li > ul > li > div > div.description > div { padding:14px; }
ul.nav > li > ul > li > div > div.description strong { display:block; margin:8px 0px; background:url(images/header_sep.png) left top repeat-y; }
ul.nav > li > ul > li > div > div.description strong a { text-decoration:none; }
ul.nav > li > ul > li > div > div.description p { font-size:12px; line-height:15px; }
ul.nav > li > ul > li > div > div.description .persons { }
ul.nav > li > ul > li > div > div.description .persons span { display:inline-block; height:20px; margin-bottom:2px; margin-right:8px; background:url(images/person.png) left center no-repeat; padding-left:17px; line-height:20px; color:#9a9999; font-size:11px; }
ul#nav { margin-left:144px; float:left; padding-right:10px; background:url(images/header_sep.png) right top repeat-y; }
ul#nav > li { max-width:120px; }
ul#nav > li.search { width:42px; }
ul#nav > li.search a { width:20px; background:url(images/search.png) center center no-repeat; }
ul#nav > li.search .search-panel { display:none; padding:17px 14px; width:204px; }
ul#nav > li.search.selected .search-panel { display:block; }
ul#nav > li.search .search-panel label { display:block; font-size:14px; margin-bottom:12px; }
ul#nav > li.search .search-panel .input-wrapper { display:block; width:205px; height:22px; background:url(images/search-inputs.png) no-repeat; }
ul#nav > li.search .search-panel .input-wrapper input { float:left; }
ul#nav > li.search .search-panel .input-wrapper input[type="text"] { width:166px; border:0; margin:0; padding:0; height:18px; margin-top:2px; margin-left:4px; background:none; outline:none; font-size:12px; }
ul#nav > li.search .search-panel .input-wrapper input[type="submit"],
ul#nav > li.search .search-panel .input-wrapper input[type="button"],
ul#nav > li.search .search-panel .input-wrapper button { margin:0; padding:0; border:0; width:32px; height:22px; cursor:pointer; background:none; line-height:200px; overflow:hidden; font-size:0px; }
ul#nav-right { margin-right:13px; float:right; }
ul#nav-right > li .login { display:none; padding:17px 0px; position:absolute; width:238px; }
ul#nav-right > li.selected .login { display:block; }
ul#nav-right > li .login > label { display:block; font-size:14px; margin-bottom:12px; padding-left:80px; }
ul#nav-right > li .login .login-form { padding:0 11px; }
ul#nav-right > li .login .form-line { display:block; margin-bottom:5px; }
ul#nav-right > li .login .form-line label { float:left; width:60px; margin-right:10px; font-size:12px; line-height:21px; text-align:right; }
ul#nav-right > li .login .form-line input[type="text"],
ul#nav-right > li .login .form-line input[type="password"] { float:left; width:137px; height:21px; line-height:21px; margin:0; padding:0 1px 0 4px; border:0; background:url(images/input-login.png) }
ul#nav-right > li .login .form-line input[type="submit"],
ul#nav-right > li .login .form-line input[type="button"],
ul#nav-right > li .login .form-line button { display:block; padding:0 10px 7px; width:144px; text-align:left; color:#fff; font-size:12px; height:25px; background:url(images/button-wide.png) no-repeat; margin:0; border:0; cursor:pointer; /*line-height:200px;*/ overflow:hidden; }
ul#nav-right > li .login .form-line a { display:block; font-size:10px; padding-left:70px; color:#bbbbbb; text-decoration:underline; }
ul#nav-right > li .login .form-line a:hover { color:#eee; }
ul#nav-right > li .login .not-registered { background:url(images/login-panel-section.png) left top repeat-x; margin-top:13px; padding:0 11px; padding-top:14px; text-align:right; }
ul#nav-right > li .login .not-registered label { vertical-align:top; font-size:13px; padding-right:5px; line-height:17px; padding-bottom: 5px; display:inline-block; *display:block; }
ul#nav-right > li .login .not-registered .go { vertical-align:top; text-decoration:none; display:inline-block; width:39px; height:25px; background:url(images/button-go.png) no-repeat; }
ul#nav-right > li .dropdown-nav { display:none; position:absolute; }
ul#nav-right > li.selected .dropdown-nav { display:block; }
ul#nav-right > li.langs {}
ul#nav-right > li.langs > a { display:block; text-decoration:none; }
ul#nav-right > li.langs > a span.drop { display:block; margin-top: 2px; float:left; /*width:12px;*/ width:1px; overflow:hidden; height:10px; /*background:url(images/lang_selector.png) right top no-repeat;*/ }
ul#nav-right > li.langs > a span.drop .current_lang { }
ul#nav-right > li.langs > a span.lang { margin-left:6px; float:left; height:25px; margin-top:0; }
/*ul#nav-right > li.langs > a span.lang.en { background:url(images/lang_en.png) no-repeat; }
ul#nav-right > li.langs > a span.lang.it { background:url(images/lang_it.png) no-repeat; }
ul#nav-right > li.langs > a span.lang.fr { background:url(images/lang_fr.png) no-repeat; }
ul#nav-right > li.langs > a span.lang.de { background:url(images/lang_de.png) no-repeat; }
ul#nav-right > li.langs > a span.lang.ru { background:url(images/lang_ru.png) no-repeat; }
ul#nav-right > li.langs > a span.lang.pt { background:url(images/lang_pt.png) no-repeat; } */
ul#nav-right > li.langs > a:hover span.drop { /*background:url(images/lang_selector.png) left top no-repeat;*/ }
ul#nav-right > li.langs .langs-list { display:none; }
ul#nav-right > li.langs.selected .langs-list { display:block; padding-top:5px; width: 64px; }
ul#nav-right > li.langs .langs-list a { text-decoration:none; cursor:pointer; display:block; height:25px; padding:6px 11px; background:url(images/lang_en.png) 72% center no-repeat; }
ul#nav-right > li.langs .langs-list a:hover { background-color:#7f7f82; }
ul#nav-right > li.langs .langs-list a.lang-en { background-image:url(images/lang_en.png); }
ul#nav-right > li.langs .langs-list a.lang-it { background-image:url(images/lang_it.png); }
ul#nav-right > li.langs .langs-list a.lang-fr { background-image:url(images/lang_fr.png); }
ul#nav-right > li.langs .langs-list a.lang-de { background-image:url(images/lang_de.png); }
ul#nav-right > li.langs .langs-list a.lang-ru { background-image:url(images/lang_ru.png); }
ul#nav-right > li.langs .langs-list a.lang-pt { background-image:url(images/lang_pt.png); }
.dropdown-localization { width:280px; padding-top: 5px; height: 50px; width:209px; }
.dropdown-localization .select-wrapper.lang{background: url("images/selectbox-divider.png") no-repeat scroll left center transparent;}
.dropdown-localization .o-select:hover,
.dropdown-localization .lang .o-select:hover {
background: url("images/header-over.png") repeat transparent;
}
/* HOMEPAGE CYCLE */
#lead { position:absolute; top:58px; left:0; right:0; height:659px; z-index:5; }
#lead .gallery { position:absolute; top:0; left:0; right:0; height:659px; overflow:hidden; width:100%!important; }
#lead .gallery .slide { height:659px; width:100%!important; }
#lead .gallery .slide .info { position:absolute; z-index:2; display:block; left:46px; top:22px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Gill Sans W01 Light', 'Puritan', sans-serif; font-size:23px; line-height:24px; color:#fff; text-shadow:2px 2px 2px #000; width:280px; }
#lead .gallery .slide .info h2, #lead .gallery .slide .info h3 { font-size:26px; }
#lead .gallery .slide .info p { padding:0; margin:0 0 14px 0; }
#lead .gallery .slide img { position:relative; display:block; min-height:659px; min-width:100%; /*object-fit:cover;*/ }
#lead .gallery_pager { position:absolute; z-index:20; width:100%; }
#lead .gallery_pager a { display:block; width:28px; height:80px; position:absolute; }
#lead .gallery_pager a.prev { left:11px; top:227px; background:url(images/arrow-left.png) center center no-repeat; }
#lead .gallery_pager a.next { right:11px; top:227px; background:url(images/arrow-right.png) center center no-repeat; }
#lead .gallery_pager a:hover { top:225px; }
#lead-mobile { display: none; }
#lead .panels { width:1000px; left:50%; margin-left:-500px; position:absolute; bottom:10px; z-index:100; }
#lead .panels .panel { text-decoration:none; float:left; width:245px; margin-right:3px; margin-left:2px; position:relative; height:146px; border-radius:4px; overflow:hidden; box-shadow:2px 2px 4px rgba(0,0,0,0.5); }
#lead .panels .panel .title { text-decoration:none; position:relative; border:1px #e3e2e2 solid; border-radius:4px 4px 0 0; position:absolute; padding-left:10px; z-index:2; top:0; left:0; right:0; height:26px; background:#fff; line-height:26px; font-size:14px; color:#707070; box-shadow:0 2px 4px rgba(0,0,0,0.6); font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Gill Sans W01 Light', 'Puritan', sans-serif; margin:0; font-weight:normal;}
#lead .panels .panel .title span { text-decoration:none; position:absolute; right:10px; font-size:14px; }
#lead .panels .panel .image img { display:block; position:absolute; z-index:1; bottom:0; left:0; right:0; border-radius:0 0 4px 4px; box-shadow:inset 0px 0px 4px rgba(0,0,0,0.5); }
#lead .panels .panel.impact .title { background:#030303; color:#fff; border-color:#27292b; }
#lead .panels .panel:hover { background:#fff; }
#lead .panels .panel:hover .title { background:#747474; color:#fff; border:1px #747474 solid; }
#lead .panels .panel:hover .image img { opacity:0.9; filter: alpha(opacity=90); }
#lead .panels .panel.impact:hover .title { background:#454545; color:#fff; border:1px #454545 solid; }
#home_texts { width:100%; margin-top:652px; position:relative; z-index:110; background:#454544 url(images/footer.png) left top repeat-x; box-shadow:0px -3px 5px rgba(0,0,0,0.8); }
#home_texts .home-texts-inside { width:1000px; margin:0 auto; background:url(images/footer-sep.png) left bottom; }
#home_texts .home-texts-inside > div { float:left; width:210px; padding:0 20px; padding-top:20px; font-size:11px; line-height:14px; }
#home_texts .home-texts-inside > div h3 { margin:0; padding:0; margin-bottom:18px; font-size:12px; }
#home_texts .home-texts-inside .homepage-expander a {text-decoration:none;}
/*#home_texts .footer { margin-top:35px; }*/
#top-content { width:1000px; margin:0 auto; font-size:12px; color:#fff; padding:8px 0;}
#top-content .heading{ width:246px; float:left; padding:0; margin:0; padding-right:16px; font-size:26px; line-height: 32px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Gill Sans W01 Light', 'Puritan', sans-serif; font-weight:lighter;}
#top-content .text{ width:720px; float:left; padding-right:16px; color:#fff;}
.top-image {height:360px; overflow:hidden; text-align:center;}
.top-image img { width:100%; max-width:1000px; margin:0 auto; display:block; height:100%;}
.top-image.small {height:180px;}
.top-image .heading { width:1000px; position:absolute; margin-top:28px; left:50%; margin-left:-500px;font-size:40px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Gill Sans W01 Light', 'Puritan', sans-serif; font-weight:lighter; color:#fff; text-shadow:2px 2px 2px #000; text-align:left; }
#content { width:1000px; margin:0 auto; min-height:400px; color:#fff; font-size:12px; padding-bottom: 20px; }
#content .main-part{float:left; width:670px; position: relative; }
#content .main-part .margined-content{float:left; width:624px; padding-left:12px;}
#content .right-part{float:right; width:296px; padding:18px 0 0 21px; background: url(images/divider-line.png) left bottom no-repeat; min-height:586px;}
#content .right-part.embeded-right-part { background:none; padding-top:50px }
#content .breadcrumbs{margin:12px 0 24px 0px;}
#content .breadcrumbs span { text-decoration:none; }
#content .breadcrumbs a {text-decoration:underline; }
#content .main-part h1 {font:normal 26px 'Lucida Sans Unicode', 'Lucida Grande', 'Gill Sans W01 Light', 'Puritan', Arial, sans-serif; margin:0 0 18px;}
#content .main-part h2 {font:normal 26px 'Lucida Sans Unicode', 'Lucida Grande', 'Gill Sans W01 Light', 'Puritan', Arial, sans-serif; margin:0 0 18px;}
#content .main-part h3 {font:normal 16px Arial, sans-serif; margin:0 0 18px;}
#content .main-part h4 {font:bold 12px Arial, sans-serif; margin:0 0 12px;}
#content .right-part .panels .panel { display:block; text-decoration:none; width:288px; float:none; margin-bottom:12px; position:relative; border-radius:4px; overflow:hidden; box-shadow:2px 2px 4px rgba(0,0,0,0.5); background: #383838; height:182px; height:auto; }
#content .right-part .panels .panel .title { text-decoration:none; position:relative; border:1px #e3e2e2 solid; border-radius:4px 4px 0 0; position:absolute; padding:4px 45px 0 10px; z-index:2; top:0; left:0; right:0; height: auto; background:#fff; font-size:14px; color:#707070; box-shadow:0 2px 4px rgba(0,0,0,0.6); font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Gill Sans W01 Light', 'Puritan', sans-serif; line-height: 18px;padding-bottom: 4px; margin:0; font-weight:normal;}
#content .right-part .panels .panel .title span { text-decoration:none; position:absolute; right:10px; font-size:14px; margin-top: -9px; top:13px; }
#content .right-part .panels .panel .image img { display:block; z-index:1; bottom:0; left:0; right:0; border-radius:0 0 4px 4px; box-shadow:inset 0px 0px 4px rgba(0,0,0,0.5); position:absolute; position:static; }
#content .right-part .panels .panel.impact .title { background:#030303; color:#fff; border-color:#27292b; }
#content .right-part .panels .panel .search { margin:60px 12px 12px; }
#content .right-part .panels .panel .search .field { width:254px; }
#content .right-part .panels .panel .search .selectbox .field { width:202px; height:20px; margin:0; }
#content .right-part .panels .panel .search .selectbox .field .arrow_btn { height:23px; }
#content .right-part .panels .panel .search .selectbox { background:none; padding:0; box-shadow:none; border:none; }
#content .right-part .panels .panel .search .button { cursor:pointer; text-decoration:none; padding:3px 12px; background:#151515 url(images/back_button.png) left top repeat-x; border-radius:4px; border:#b3b2b2 1px solid; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); color:#fff; width:262px; text-align:left; }
#content .panels .panel { text-decoration:none; float:left; width:220px; /*margin-left:5px;*/ position:relative; height:146px; border-radius:4px; overflow:hidden; box-shadow:2px 2px 4px rgba(0,0,0,0.5); }
#content .panels .panel .title { text-decoration:none; position:relative; border:1px #e3e2e2 solid; border-radius:4px 4px 0 0; position:absolute; padding-left:10px; z-index:2; top:0; left:0; right:0; height:26px; background:#fff; line-height:26px; font-size:14px; color:#707070; box-shadow:0 2px 4px rgba(0,0,0,0.6); font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Gill Sans W01 Light', 'Puritan', sans-serif; }
#content .panels .panel .title span { text-decoration:none; position:absolute; right:10px; font-size:14px; }
#content .panels .panel .image img { width:100%; display:block; position:absolute; z-index:1; bottom:0; left:0; right:0; border-radius:0 0 4px 4px; box-shadow:inset 0px 0px 4px rgba(0,0,0,0.5); }
#content .panels.horizontal .panel { height:140px; }
#content .panels.horizontal .panel { margin-left:5px; }
#content .panels.horizontal .panel:first-child {margin-left:0px; }
#content .panels .panel.big { display:block; text-decoration:none; float:none; margin-bottom:12px; width:100%; height:auto; position:relative; border-radius:4px; overflow:hidden; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5), -1px -1px 1px rgba(0, 0, 0, 0.1); }
#content .panels .panel.big .title { text-decoration:none; position:relative; border:1px #e3e2e2 solid; border-radius:4px 4px 0 0; position:absolute; padding:8px 0 0 10px; z-index:2; top:0; left:0; right:0; height:30px; background:#fff; font-size:14px; color:#707070; box-shadow:0 2px 4px rgba(0,0,0,0.6); font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Gill Sans W01 Light', 'Puritan', sans-serif; font-size:18px; }
#content .panels .panel.big .panel-body { padding:46px 12px 12px; border-radius:0 0 4px 4px; background:#474849; }
#content .panels .panel.big .panel-body .left { float:left; width:380px; }
#content .panels .panel.big .panel-body .right { float:right; width:256px; }
#content .panels .panel.big .panel-body .left ul.specification { margin:12px 0; font-size:12px; padding:0; }
#content .panels .panel.big .panel-body .left ul.specification li { list-style:none; margin:4px 0; }
#content .panels .panel.big .panel-body .left ul.specification li:before { content: '- ' }
#content .panels .panel.big .panel-body .right .buttons {margin:12px 0;}
#content .panels .panel.big .panel-body .right .buttons > a,
#content .panels .panel.big .panel-body .right .buttons > div > a {display:block; cursor:pointer; padding:4px 6px; border-radius:4px; text-decoration:none; font-size:12px; margin-bottom:8px; background:#3b3b3b; border:#fefefe 1px solid; text-align:center; }
#content .panels .panel.big .panel-body .right .buttons > a:hover,
#content .panels .panel.big .panel-body .right .buttons > div > a:hover,
#content .panels .panel.big .panel-body .right .buttons > div.expandable-panel.open > a { cursor:pointer; text-decoration:none; background:#020202; }
#content .panels .panel.big .panel-body .right .buttons .expandable-panel { }
#content .panels .panel.big .panel-body .right .buttons .expandable-panel.open { background:#fff; border-radius:4px; margin-bottom:8px; }
#content .panels .panel.big .panel-body .right .buttons .expandable-panel > a { cursor:pointer; }
#content .panels .panel.big .panel-body .right .buttons .expandable-panel .expandable-panel-body { display:none; color:#454545; padding:0 10px 10px 10px; }
#content .panels .panel.big .panel-body .right .buttons .expandable-panel .expandable-panel-body p { margin:0; padding:0; }
#content .panels .panel.big .panel-body .right .buttons .expandable-panel .expandable-panel-body a { color:#454545; text-decoration:underline; }
#content .panels .panel.big .panel-body .right .buttons .expandable-panel .expandable-panel-body a.btn { margin:8px 0; }
#content .panels .panel.big .panel-body .right .buttons .expandable-panel.open .expandable-panel-body { display:block; }
.back-button { padding:18px 0 ; overflow:hidden;}
.back-button a { display:block; float:left; text-decoration:none; padding:4px 12px; background:#151515 url(images/back_button.png) left top repeat-x; border-radius:4px; border:#b3b2b2 1px solid; box-shadow: 1px 1px 2px rgba(0,0,0,0.8); }
.hbutton,
.events-finder .button,
.news-one .news-text .button { position:relative; display:inline-block; *display:inline; zoom:1; /*float:left;*/ text-decoration:none; padding:4px 19px 4px 12px; background:#151515 url(images/back_button.png) left top repeat-x; border-radius:4px; border:#b3b2b2 1px solid; box-shadow: 2px 2px 2px rgba(0,0,0,0.6); }
.hbutton:after,
.events-finder .button:after,
.news-one .news-text .button:after {display:block; position:absolute; content:" "; background: url(images/arrow.png) left top no-repeat; width:7px; height:17px; right:5px; top:2px; }
.register .main-part {width:550px;}
.register .right-part {width:360px; padding-left:31px; font-size:12px;}
.register-form .left {width:278px; float:left;}
.register-form .right {width:360px; float:right;}
.register-form .right div.checkbox-field {width:128px; float:left; margin-bottom:4px;}
.register-form .right div.checkbox-field.small {width:64px;}
div.checkbox-field label {display:block; float:left; margin:2px 0 0 3px; max-width: 103px;}
div.checkbox-field .checkbox {float:left;}
.register-form .left label {font-size:12px; display:block; text-align:right; margin-top:4px;}
.register-form input.button, .register-form a.button, .register-form span.button a {font-size:12px; color:#fff; text-align:left; display:block; width:310px; height:28px; padding:0 10px 7px; background: url(images/submit-button.png) left top no-repeat; border:0; cursor:pointer;}
.register-form span.button a {line-height:28px; text-decoration:none;}
.field {margin-bottom:12px; background:#b5b5b6; border-radius:4px; padding:3px 4px; border:#b3b2b2 1px solid; color:#484848; box-shadow:inset 1px 2px 2px rgba(0,0,0,0.5); }
.field:focus {background:#fff; color:#333;}
.register-form .field {width:296px;}
.register-form span.block {display:block;}
textarea.field {height:200px; resize:none;}
.field.postcode {width:188px; margin-right:12px;}
.events-filter .field.postcode { width: 179px; margin-right: 8px; }
.events-filter .selectbox.country { margin-right:0px; }
.field.country {width:248px; margin-right:12px;}
.selectbox-wrapper { margin-bottom:10px; width:250px; }
.selectbox-wrapper select { width:250px; }
.selectbox-wrapper .selectbox { font-size:12px; }
.register .selectbox .display { width: 245px; }
.selectbox.country { margin-top: -4px; margin-right:10px; margin-top: -2px; margin-bottom:12px; vertical-align: bottom; }
.selectbox.country .display { width:auto; font-size:12px; height: 20px; }
.selectbox.country .display .arrow_btn { height:23px; }
/* dealer filter */
.dark-block {background:#383838; padding:12px; margin-bottom:8px;}
.black-block {background:#020202; padding:12px; margin-bottom:8px;}
.dark-block div.checkbox-field {width:128px; float:left; font-size:12px;}
.dark-block .radio input {vertical-align:sub; margin-right: 5px;}
.dark-block .radio label {margin-right:50px;}
.search-but{font-size:12px; color:#fff; text-align:left; width:168px; height:29px; padding:0 10px 7px; background: url(images/button-wide-search.png) left top no-repeat; border:0;}
.gmap_pointer-1 {float:left; padding-left:28px; margin-right:8px; min-height:34px; line-height:34px; font-size:12px; background: url(images/googlemap_pointer1.png) left top no-repeat;}
.gmap_pointer-2 {float:left; padding-left:28px; margin-right:8px; min-height:34px; line-height:34px; font-size:12px; background: url(images/googlemap_pointer2.png) left top no-repeat;}
.gmap_pointer-3 {float:left; padding-left:28px; margin-right:8px; min-height:34px; line-height:34px; font-size:12px; background: url(images/googlemap_pointer3.png) left top no-repeat;}
.gmap_pointer-4 {float:left; padding-left:28px; margin-right:8px; min-height:34px; line-height:34px; font-size:12px; background: url(images/googlemap_pointer4.png) left top no-repeat;}
.gmap_pointer-5 {float:left; padding-left:28px; margin-right:8px; min-height:34px; line-height:34px; font-size:12px; background: url(images/googlemap_pointer5.png) left top no-repeat;}
.gmap { height:300px; margin-bottom:8px; }
.notice-map { padding: 12px; background: #000; }
.zoom-in-progress { background:url(images/b75.png); border-radius:8px; position:absolute; z-index:10; width:31px; height:31px; padding:10px; left:50%; margin-top:8px; margin-left:-20px; }
.zoom-in-progress span { display:block; width:31px; height:31px; background:url(images/ajax-loader.gif) center center no-repeat; line-height: 31px; text-align: center; color: #ddd; font-size: 7px; font-family: Verdana; text-shadow: 1px 1px 1px #000; }
.right-part .zoom-in-progress { margin-left: 265px; }
.more-result { text-decoration:none; font-size:12px; float:right; margin-right:12px; }
.top-retailer { float:right; padding-top:24px; font-size:10px; background: url(images/logo-small.png) center top no-repeat; }
.directions { display:inline-block; padding-left:24px; min-height:18px; margin-bottom:6px; background: url(images/directions.png) left top no-repeat; }
.email-retailer { display:inline-block; padding-left:24px; height:18px; margin-bottom:6px; background: url(images/email-retailer.png) left 2px no-repeat; }
.print-retailer { display:inline-block; padding-left:24px; height:18px; margin-bottom:6px; background: url(images/print-retailer.png) left 2px no-repeat; }
.event-website { display:inline-block; padding-left:24px; height:18px; margin-bottom:6px; background: url(images/website-icon.png) left 2px no-repeat; }
.callback { display:inline-block; padding-left:26px; width:168px; height:26px; line-height:22px; margin-top:21px; background: url(images/callback.png) left 0px no-repeat; text-decoration:none; }
.offers { padding:12px; background: #2b2b2b; font-weight:bold; width:100%; margin:12px 0 0 -12px; }
.offers a { text-decoration:none; }
.offers a:hover { text-decoration:underline; }
.offers span.margined { margin-left:42px; }
.retailer-one.dark-block, .retailer-one.black-block {padding-bottom:0;}
.print-retailers { display: block; float:left; width:16px; height:16px; background: url(images/print-retailer.png) left 0px no-repeat; margin-left:42px; }
.dealer-filter {}
.dealer-filter input.field.postcode,
.dealer-filter .sb.selectbox.country,
.dealer-filter input.search-but { vertical-align:top; margin-top:0; cursor:pointer; }
.retailer-one table tr td.col1 { width:32px; }
.retailer-one table tr td.col2 { width:329px; word-break:break-all; }
.retailer-one table tr td.col3 { width:265px; padding-left:10px; }
.retailer-one .country { display:none; }
.retailer-one table tr td.event-column-1 { width:38px; }
.retailer-one table tr td.event-column-2 { width:218px; word-break:break-all; }
.retailer-one table tr td.event-column-3 { width:140px; }
/* PRODUCT PAGE CYCLE */
.product-cycle { position:relative; left:0; right:0; height:360px; z-index:5; overflow:hidden; max-width:1000px; margin:0 auto; }
.product-cycle .gallery { /*position:absolute; top:0; left:0; right:0; */ height:360px; overflow:hidden; /*width:100%!important;*/ width:100%; max-width:1000px; margin:0 auto; }
.product-cycle .gallery .slide { /*height:659px;*/ /*width:100%!important;*/ width:100%; max-width:1000px; margin:0 auto;}
.product-cycle .gallery .slide .info { position:absolute; z-index:2; display:block; left:46px; top:22px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Gill Sans W01 Light', 'Puritan', sans-serif; font-size:23px; line-height:24px; color:#fff; text-shadow:2px 2px 2px #000; width:280px; }
.product-cycle .gallery .slide .info p { padding:0; margin:0 0 14px 0; }
.product-cycle .gallery .slide img { position:relative; display:block; min-height:360px; min-width:100%; height:360px; }
.product-cycle a.gallery_pager { position:absolute; z-index:20; width:100%; max-width:1000px; margin:0 auto; position:relative; height:360px; margin-top: -180px;}
.product-cycle a.gallery_pager { display:block; width:28px; position:absolute; top:0; bottom:0; margin-top:0 !important; }
.product-cycle a.gallery_pager.prev { left:11px; background:url(images/arrow-left.png) center center no-repeat; }
.product-cycle a.gallery_pager.next { right:11px; background:url(images/arrow-right.png) center center no-repeat; }
.product-cycle a.gallery_pager:hover { margin-top:-39px; }
.main-part .top-social { float:right; padding-top:10px; }
.main-part .top-social span { display:block; float:left; text-decoration:none; padding:4px 4px 0 0; }
.main-part .top-social a { float:left; width:23px; height:24px; text-decoration:none; background-position:left top; background-repeat:no-repeat; margin-left:2px; }
.main-part .top-social a.facebook { background-image:url(images/footer-icon-facebook.png); }
.main-part .top-social a.twitter { background-image:url(images/footer-icon-twitter.png); }
.main-part .top-social a.google { background-image:url(images/footer-icon-google.png); }
.main-part .top-social a.pinterest { background-image:url(images/footer-icon-pinterest.png);}
.main-part .top-social a:hover { background-position:left -26px; }
/* advanced search */
#content .main-part.advanced-search { float:left; width:550px; }
.advanced-search-form { /*margin-top:-38px;*/ font-size:12px; }
.advanced-search-form .form-section { background:url(images/form-section.png) top right no-repeat; padding-top:30px; margin-top:15px; padding-right:27px; padding-left:147px; }
.advanced-search-form .form-section:first-child { background:none; padding-top:0px; margin-top:0px; }
.advanced-search .form-section > label { display:block; text-align:right; margin-bottom:15px; font-size:12px; }
.advanced-search .form-section > label span { display:block; text-align:left; }
.advanced-search .form-section .input-wrapper { width:376px;}
.advanced-search .form-section .input-wrapper input { width:366px; font-size:12px; }
.advanced-search .form-section .select-wrapper { width:376px; margin-bottom:12px; }
.advanced-search .form-section .select-wrapper .display { font-size:12px; width: 315px; }
.advanced-search .form-section .slider-wrapper { width:376px; margin-bottom:12px; height:42px; }
.advanced-search .form-section .slider-wrapper .slider-label { float:left; width:78px; font-size:12px; line-height:42px; }
.advanced-search .form-section .slider-wrapper .slider { float:left; width:293px; margin-top: 11px; }
.checkbox-group { }
.checkbox-group .checkbox-wrapper { float:left; width:125px; margin-bottom:7px; }
.checkbox-group .checkbox-wrapper > span.label { display:block; padding-left: 26px; margin-top: -16px; padding-right:6px; }
.colors-wrapper { margin-bottom:12px; width:376px; }
.colors-wrapper .color-select { cursor:pointer; width:368px; height:26px; line-height:29px; padding-left:8px; background:url(images/select.png) no-repeat; color:#3c3c3c; }
.colors-wrapper .color-list { margin-top:2px; background:#1d1d1d; border-radius:5px; height:153px; overflow:auto; padding:6px; width:364px; }
.colors-wrapper .color-list label { cursor:pointer; float:left; width:80px; height:75px; padding:3px; position:relative; opacity:0.55; filter: alpha(opacity=55); background:#0c0c0c; }
.colors-wrapper .color-list label img { display:block; width:76px; height:57px; }
.colors-wrapper .color-list label span { display:block; color:#fff; font-size:9px; padding-top:2px; line-height: 1.1em; }
.colors-wrapper .color-list label .check { display:block; position:absolute; top:40px; right:10px; background:#000; width:17px; height:17px; }
.colors-wrapper .color-list label label { display:none; }
.colors-wrapper .color-list label .check input { visibility:hidden; }
.colors-wrapper .color-list label.checked { opacity:1; filter: alpha(opacity=100); background:none; }
.colors-wrapper .color-list label.checked .check { background:#000 url(images/color-checked.png) center center no-repeat; }
.colors-wrapper .color-list .color-check label {display:none;}
.submit-wrapper { padding:60px 0px 60px 147px; }
.submit-wrapper input,
.submit-wrapper button,
.submit-wrapper a { text-decoration:none; display:block; border:none; padding:0; margin:0; cursor:pointer; color:#fff; line-height:27px; height:30px; padding-left:10px; width:373px; background:url(images/button_373.png) no-repeat; text-align:left; }
.checkbox-group .checkbox-wrapper label { display: block; margin-top: -16px; padding-left: 26px; padding-right: 6px; margin-bottom: 7px; }
.checkbox-group td { width: 125px;}
.categories-descr {margin-bottom:10px;}
#content .main-part .text-block {margin-bottom:10px;}
#content .main-part .highlighted-area { background:#fff; border-radius:4px; box-shadow:3px 3px 3px rgba(0,0,0,0.65); padding:10px; margin:0 0 20px 0; color:#343434; font-family:'Lucida Sans Unicode', 'Lucida Grande', 'Gill Sans W01 Light', 'Puritan', Arial, sans-serif; }
#content .main-part .text-block h2 { font-weight:normal; font-size:18px; margin:0; padding:0; }
#content .main-part .highlighted-area h2 { color:#343434; font-weight:normal; font-size:18px; margin:0; padding:0; }
#content .main-part .highlighted-area p { color:#343434; padding:0; margin:6px 0; }
#content .main-part .highlighted-area p a { color:#343434; text-decoration:underline; }
#content .main-part .highlighted-area .left, #content .main-part .text-block .left { float:left; width:56.5%; margin-right:1%; }
#content .main-part .highlighted-area .right, #content .main-part .text-block .right { float:left; width:41%; margin-left:1%; }
#content .main-part .highlighted-area a.hbutton { width:auto; display:block; text-align:center; margin:0 0 5px 0; }
#content .main-part .highlighted-area a.hbutton:after { display:none; }
#content .main-part .highlighted-area-dark { background:#383838; color:#fff; }
#content .main-part .highlighted-area-dark h2,
#content .main-part .highlighted-area-dark p,
#content .main-part .highlighted-area-dark p a{ color:#fff; }
/*product wizard*/
.wizard-form {margin-right:26px;}
.wizard-form p {font-size:12px;}
.wizard {position:relative;}
.wizard .colors-wrapper{width:100%; margin:0; padding:0; background:none; height:auto;}
.wizard .colors-wrapper .color-list{display:block; width:100%; margin:0; padding:0; background:none; height:auto; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0;}
.dark-block h4 { font-size:12px; font-weight:bold; margin:0px; color:#fff;}
.wizard .colors-wrapper .color-list label { cursor:pointer; float:left; line-height: 13px; width:120px; height:125px; overflow:hidden; margin-right:6px; margin-bottom:6px; padding:0; position:relative; background:none; }
.wizard .colors-wrapper .color-list label.nth4n {margin-right:0px; }
.wizard .colors-wrapper .color-list label:nth-child(4n) {margin-right:0px; }
.wizard .colors-wrapper .color-list label img { display:block; width:114px; height:84px; box-shadow:2px 2px 3px rgba(0,0,0,0.6); margin-bottom:8px; }
.wizard .colors-wrapper .color-list label span { display:block; color:#fff; font-size:12px; }
.wizard .colors-wrapper .color-list label .check { display:block; position:absolute; top:63px; right:10px; background:#000; width:17px; height:17px; }
.wizard .colors-wrapper .color-list label .check input { visibility:hidden; }
.wizard .colors-wrapper .color-list label.checked .check { background:#000 url(images/color-checked.png) center center no-repeat; }
.wizard-results {padding:12px 0;}
.wizard-results a { text-decoration:none; display:block; border:none; padding:0; margin:0; cursor:pointer; color:#fff; line-height:27px; height:30px; padding-left:10px; width:516px; background:url(images/button_526.png) no-repeat; text-align:left; }
.wizard .cover { background:url(images/light-shadow.png); width:100%; margin:-12px 0 0 -12px; height:100%; position:absolute; z-index: 111; }
#content .advanced-search-results { float:left; font-size:12px; padding-left:23px; width:427px; background: url(images/divider-line.png) -3px bottom no-repeat; padding-top:11px; min-height: 1000px; }
.advanced-search-results .results { font-weight:bold; display:block; margin-bottom:16px; }
.advanced-search-results .result { background:#383838; border-radius:4px; background:#383838; padding:17px; margin-bottom:10px; width:370px; }
.advanced-search-results .result .left-side { float:left; width:115px; margin-right:13px; }
.advanced-search-results .result .left-side img { display:block; box-shadow:3px 3px 3px rgba(0,0,0,0.6); }
.advanced-search-results .result .left-side .links { padding-top:4px; }
.advanced-search-results .result .left-side .links a { text-decoration:none; display:block; border:none; padding:0; margin:3px 0 0 0; cursor:pointer; color:#fff; line-height:27px; height:30px; padding-left:10px; width:117px; background:url(images/button_117.png) no-repeat; text-align:left; }
.advanced-search-results .result .right-side { float:left; width:242px; }
.advanced-search-results .result .right-side h6 { padding:0; margin:0; font-weight:bold; font-size:12px; }
.advanced-search-results a.button { text-decoration:none; display:block; border:none; padding:0; margin:3px 0 0 0; cursor:pointer; color:#fff; line-height:27px; height:30px; padding-left:10px; width:407px; background:url(images/button_407.png) no-repeat; text-align:left; }
/*news page*/
#content.news .main-part { width:550px; }
#content.news .right-part { width:428px; }
.listing { text-align:center; padding:6px; font-size:12px; background:#6a6a69; margin-bottom:6px; }
.listing a { text-decoration:none; padding:0 1px; }
.listing a:hover { text-decoration:underline; }
.news-one .news-image { float:left; width:180px; overflow:hidden; }
.news-one .news-text { float:right; width:330px; overflow:hidden; font-size:13px; }
#content .news-one .news-text h3, #content .news-one .news-text h2 { font: 14px Arial,sans-serif; font-weight:bold; margin-bottom:12px; }
#content .news-one .news-text p { margin-top:4px; }
.news-one .news-text .date { font-style:italic; }
/*.news-one .news-text .button { display:block; float:right; width:93px; height:20px; padding:5px 12px; background:url(images/button_117.png) no-repeat; text-decoration:none; }*/
.events-finder h2{margin-top:0; font-size:18px; font-weight:normal;}
.events-finder .selectbox.country {margin-top:0 !important; width:272px !important;}
.events-finder .search-but { cursor:pointer; display:block; float:right; width:116px; height:30px; padding:3px 12px 12px; background:url(images/button_117.png) no-repeat; text-decoration:none; }
/*.events-finder .button { display:block; width:97px; height:20px; padding:5px 8px; background:url(images/button_117.png) no-repeat; text-decoration:none; margin-bottom:8px; font-size:13px;}*/
.retailer-one .book-event { display:block; float:right; width:114px; height:20px; padding:5px 12px; background:url(images/button_137.png) no-repeat; text-decoration:none; margin-top:28px; font-size:13px;}
.retailer-one h4 { font-size:12px; font-weight:bold; margin:0 0 8px;}
.offers .text {margin-left:42px; font-weight:normal; font-size:12px;}
.events-finder { overflow:hidden; zoom:1; }
.button.view-all-events { cursor:pointer; float:right; clear:both; }
/* category page */
.categories-descr p {font-size:16px;}
#content .panels.categories .panel {float:left; width:314px; height:140px; padding:8px; overflow:hidden; margin-bottom:8px; margin-left:0; background:#383838; cursor:pointer;
box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none;
border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0;}
#content .panels.categories .panel:nth-child(even) {float:right;}
#content .panels.categories .panel .left {float:left; width:130px;}
#content .panels.categories .panel .left img {display:block; width:130px; margin-bottom:8px; box-shadow: 1px 1px 2px rgba(0,0,0,0.8); font-size: 12px; overflow: hidden; }
#content .panels.categories .panel .left .button { display:block; float:none; width:106px; height:20px; padding:5px 12px; background:url(images/button_130.png) no-repeat; text-decoration:none; font-size:12px; }
#content .panels.categories .panel .right {float:right; width:168px;}
#content .panels.categories .panel .right h2,
#content .panels.categories .panel .right h3,
#content .panels.categories .panel .right h4 {font:bold 14px Arial, sans-serif; color:#fff;}
#content .panels.categories .panel .right h2 a,
#content .panels.categories .panel .right h3 a,
#content .panels.categories .panel .right h4 a { text-decoration:none; }
/* faq page */
.ask-but{ text-decoration:none; border:none; margin: 0 0 0 12px; cursor:pointer; color:#fff; height:30px; padding: 0 0 6px 10px; width:117px; background:url(images/button_117.png) no-repeat; text-align:left; }
.field.question { width:500px; padding: 4px; }
.a_expand {float:right;cursor:pointer; display:none; text-decoration:underline;}
.a_constrict {float:right;cursor:pointer; display:none; color:#b5b5b6; text-decoration:underline;}
.a_constrict.active, .a_expand.active {display:block;}
.answer-block {padding-left:24px; overflow:hidden; color:#b5b5b6; display:none;}
.answer-block.active {display:block !important; }
.question-block {padding-left:24px; cursor:pointer; background:url(images/expand.png) no-repeat; color:#fff;}
.question-block.active {background:url(images/constrict.png) no-repeat;}
.expand-block{ padding:12px; background: #2b2b2b; margin:0px 0 12px 0; }
#content .main-part h2.question-block {font-family: Arial,sans-serif; font-size: 12px; margin:0; }
/* lightbox */
.shadow {position:absolute; left:0; right:0; top:0; bottom:50px; z-index:1000; background:url(images/shadow.png); background: rgba(0, 0, 0, 0.75); /*top: 58px;*/ background:url(images/b75.png); }
.shadow .close {position:absolute; right:40px; top:25px; z-index:120; background:url(images/close-ico.png) right top no-repeat; color:#fff; font-size:14px; padding-right:18px; cursor:pointer; }
.shadow .lightbox-container {color:#fff; width:760px; margin:40px auto 0; }
.shadow .lightbox-container .lightbox-menu {display:block; float:right; padding-right:200px; margin-top:6px; }
.shadow .lightbox-container .lightbox-menu li {list-style:none; float:left; margin-right:4px; }
.shadow .lightbox-container .lightbox-menu li a {display:block; padding:4px 12px; border:transparent 1px solid; color:#fff; text-decoration:none; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px;}
.shadow .lightbox-container .lightbox-menu li.selected a, .shadow .lightbox-container .lightbox-menu li a:hover { background:#000; border:#fff 1px solid; }
.shadow .lightbox-container .video-container { width:760px; height:450px; overflow:hidden;}
.shadow .lightbox-container .video-container .videoplayer { width:760px; height:450px; background-color: black; }
.shadow .lightbox-container .video-container img { /*height:450px;*/ display:block; margin:0 auto;}
.shadow .lightbox-container h2 { font-size:26px; line-height: 32px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Gill Sans W01 Light', 'Puritan', sans-serif; font-weight:lighter; margin-top:0;}
.shadow .lightbox-container h3 { font-size: 21px; font-weight: normal;}
.shadow .lightbox-container .all-images { width:780px; margin-left:-10px; overflow:hidden;}
.shadow .lightbox-container .small-image { display:block; width:234px; height:160px; float:left; margin:0 10px 12px; color:#fff; text-decoration:none; font-size:11px; cursor:pointer; }
.shadow .lightbox-container .small-image img { width:247px; /*height:128px;*/ }
.shadow .lightbox-container .small-image .image-container { display:block; width:234px; height:123px; overflow:hidden; margin-bottom:6px;}
.shadow .lightbox-container .small-image .image-container .video { display:block; width:70px; height:70px; position:absolute;background:url(images/video-ico.png) 0px top no-repeat; margin:26px 0 0 83px;}
/*
#footer-wrapper {background:#454544 url(images/footer.png) left top repeat-x; min-height:36px; padding-top:16px; box-shadow:0px -3px 5px rgba(0,0,0,0.8);}
#footer-wrapper.homepage-foooter { margin:0 auto; background:none; margin-top:35px; box-shadow:none; }
.footer { padding-bottom:12px; font-size:11px; line-height:11px;}
.footer .copy { float:left; padding-left:24px; }
.footer .footer-social { float:right; padding-right:24px; }
.footer .footer-social a { float:left; width:23px; height:24px; text-decoration:none; background-position:left top; background-repeat:no-repeat; margin-left:2px; }
.footer .footer-social a.facebook { background-image:url(images/footer-icon-facebook.png); }
.footer .footer-social a.twitter { background-image:url(images/footer-icon-twitter.png); }
.footer .footer-social a.youtube { background-image:url(images/footer-icon-youtube.png); }
.footer .footer-social a.google { background-image:url(images/footer-icon-google.png); }
.footer .footer-social a.pinterest { background-image:url(images/footer-icon-pinterest.png); }
.footer .footer-social a:hover { background-position:left -26px; }
.footer .footer-nav { float:right; padding-right:10px; font-size:12px; line-height:23px; }
.footer .footer-nav a { padding:0 4px; text-decoration:none; display:inline-block; }
.footer .footer-nav a:hover { text-decoration:underline; */
/* Search Results */
.search-results .search-panel {margin: 20px 0;}
.search-results .result {margin-top: 10px; background: none repeat scroll 0 0 #383838; border-radius: 4px 4px 4px 4px; margin-bottom: 10px; padding: 17px; }
.search-results a {text-decoration:none;}
.search-results a:hover {text-decoration:underline;}
.search-results .search-panel .input-wrapper { background: url("images/search-inputs.png") no-repeat scroll 0 0 transparent; display: block; height: 22px; width: 205px; position: relative; }
.search-results .search-panel .input-wrapper input[type="text"] { background: none repeat scroll 0 0 transparent; border: 0 none; font-size: 12px; height: 18px; margin: 2px 0 0 4px; outline: medium none; padding: 0; width: 166px; margin:0; position: absolute; margin:0; left: 5px; top: 2px; }
.search-results .search-panel .input-wrapper input[type="submit"], .search-results .search-panel .input-wrapper input[type="button"], .search-results .search-panel .input-wrapper button { background: none repeat scroll 0 0 transparent; border: 0 none; cursor: pointer; font-size: 0; height: 22px; line-height: 200px; margin: 0; overflow: hidden; padding: 0; width: 32px; float:right;}
.highlight-search {font-weight:bold; color:yellow;}
.download-form .right {
float: right;
width: 360px;
}
.download-form .left {
float: left;
width: 175px;
}
.download-form .left label {
display: block;
font-size: 12px;
margin-top: 4px;
text-align: right;
}
.download-form .selectbox-wrapper,
.download-form .selectbox{width: 330px !important;}
/* Maintenance
----------------------------------------------------------------------------------------------------*/
.maintenance-header { height:60px; background:url(images/header.png) left top repeat-x; position:relative; }
.maintenance-header .logo { position:absolute; display:block; left:37px; height:58px; width:72px; background:url(images/logo.png) center center no-repeat; }
.maintenance-body{ position:absolute; top:119px; left:20px; right:20px; }
.maintenance-body p { font-size:21px; text-align:center; font-weight:normal; line-height:21px; color:#ccccce; font-family:'Lucida Sans Unicode', 'Lucida Grande', 'Gill Sans W01 Light', 'Puritan', sans-serif; }
.maintenance-body p .but { text-decoration:underline; font-style:italic; font-size:27px; }
.maintenance-img img { width:100%; }
#countdown { position:absolute; left:50%; margin-left:-180px; margin-top:36px; }
#footer-wrapper.homepage-foooter { margin-top:0; background:#6f6f72; }
@media screen and (max-width: 850px) {
.maintenance-body { top:70px; left:5px; right:5px; }
.maintenance-body p { font-size:12px; line-height:18px; }
.maintenance-body p .but { font-size:14px; }
#countdown { margin-top:5px; }
}
@media screen and (max-width: 420px) {
.maintenance-body { top:60px; left:3px; right:3px; }
.maintenance-body p { font-size:10px; line-height:12px; }
.maintenance-body p .but { font-size:12px; }
#countdown { margin-top:2px; }
.maintenance-img img { height:200px; }
}
@media screen and (max-width: 350px) {
#countdown { margin-left:-165px; }
}
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* overlay.css ------------------------------------------------*/
#overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#overlay .overlay-header {
height:58px;
height:63px;
background:url(images/header.png) left top repeat-x;
position:relative;
z-index:20;
}
#overlay .overlay-header h1 {
font-family:'Lucida Sans Unicode',Arial;
font-weight:normal;
font-size: 23px;
margin: 0 0 0 145px;
padding: 15px 0 0;
float:left;
}
#overlay .overlay-header p {
float:right;
font-family:'Lucida Sans Unicode',Arial;
font-weight:normal;
font-size:16px;
margin:0;
padding:0;
padding-right:26px;
line-height:58px;
}
#overlay.welcome .overlay-landing-media { height:659px; }
#overlay.welcome #lead { top:0; }
#overlay .overlay-landing-media { width:100%!important; /*height:503px;*/ position:relative; z-index:1; margin-top:-5px; }
#overlay .overlay-landing-media .gallery { width:100%!important; /*height:503px;*/ }
#overlay .overlay-landing-media .gallery img{ width:100%!important; }
#overlay .select-wrapper,
.dropdown-localization .select-wrapper {
float: left;
position: relative;
width: 209px;
}
#overlay #footer-wrapper.homepage-foooter { margin-top:0px; background:#454544 url(images/footer-overlay.png) left top repeat-x; }
#overlay .select-wrapper label,
.dropdown-localization .select-wrapper label {
position: absolute;
top: 17px;
left: 10px;
color: #fff;
font-size: 13px;
z-index: 3;
}
#overlay .o-select,
.dropdown-localization .o-select {
background: none repeat scroll 0 0 #5E5E60;
border: medium none;
border-radius: 0 0 0 0;
color: #FFFFFF;
cursor: pointer;
font-size: 13px;
height: 32px;
padding: 17px 0 1px 71px;
position: absolute;
width: 138px;
z-index: 2;
}
.dropdown-localization .o-select .current { max-width: 102px; height:10px;}
#overlay .lang .o-select,
.dropdown-localization .lang .o-select {
background: url("images/selectbox-divider.png") no-repeat scroll left center transparent;
padding-left: 84px;
width: 125px;
}
#overlay .select-wrapper .arrow_btn,
.dropdown-localization .arrow_btn {
background: url("images/arrow-down.png") no-repeat scroll center center transparent;
height: 50px;
left: 175px;
top: 0;
position: absolute;
width: 22px;
z-index: 2;
}
#overlay .go-button,
.dropdown-localization .go-button {
cursor:pointer;
height: 50px;
width: 67px;
background: url("images/selectbox-divider.png") no-repeat scroll left center #5E5E60;
border: none;
color: #ffffff;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.dropdown-localization .go-button { display:none; }
#overlay .go-button + .go-arrow,
.dropdown-localization .go-button + .go-arrow {
background: url("images/arrow-right_sm.png") no-repeat scroll 0 0 #5E5E60;
height: 22px;
left: 265px;
position: relative;
top: -35px;
width: 8px;
}
.dropdown-localization .go-button + .go-arrow { display:none; }
#overlay #ovr-left,
#overlay #ovr-right {
width: 50%;
float: left;
font-size: 13px;
font-weight: bold;
}
#overlay #ovr-left div {
margin: 20px 0 0 35px;
text-align: right;
padding-right: 15px;
}
#overlay #ovr-right { float:none; position:absolute; z-index:10; top:87px; right:24px; width:auto; }
#overlay .mCustomScrollBox .mCSB_scrollTools,
.dropdown-localization .mCustomScrollBox .mCSB_scrollTools {
margin-top: 10px;
width: 30px;
}
#overlay .mCSB_scrollTools .mCSB_dragger,
.dropdown-localization .mCSB_scrollTools .mCSB_dragger { height: 15px}
#overlay .mCSB_scrollTools .mCSB_draggerRail,
.dropdown-localization .mCSB_scrollTools .mCSB_draggerRail {
background: none repeat scroll 0 0 #656566;
width: 3px;
}
#overlay .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
#overlay .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.dropdown-localization .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.dropdown-localization .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: url("images/dragger.png") no-repeat scroll center center;
width: 15px;
height: 15px;
}
#overlay .mCSB_scrollTools .mCSB_buttonUp,
#overlay .mCSB_scrollTools .mCSB_buttonDown,
.dropdown-localization .mCSB_scrollTools .mCSB_buttonUp,
.dropdown-localization .mCSB_scrollTools .mCSB_buttonDown {
height: 8px;
width: 22px;
}
#overlay .mCSB_scrollTools .mCSB_buttonDown,
.dropdown-localization .mCSB_scrollTools .mCSB_buttonDown {
background: url("images/arrow-down.png") no-repeat 0 0;
left: -1px;
}
#overlay .mCSB_scrollTools .mCSB_buttonUp,
.dropdown-localization .mCSB_scrollTools .mCSB_buttonUp {
background: url("images/arrow-up.png") no-repeat 0 0;
}
/* new styles */
#overlay .select-wrapper,
.dropdown-localization .select-wrapper {
height: 50px;
background:#5E5E60;
}
#overlay .select-wrapper.open,
.dropdown-localization .select-wrapper.open {
position: relative;
z-index: 10;
}
#overlay .select .current,
.dropdown-localization .select .current {
cursor: pointer;
background: url(/images/dropdown.png) right center no-repeat;
padding: 3px 6px;
margin-right: 6px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#overlay .o-select ul,
.dropdown-localization .o-select ul {
/*display:none;*/
list-style: none;
padding: 0;
overflow: auto;
background: url("images/selectbox-divider.png") repeat-y #5E5E60 !important;
border: none;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
max-height: 185px!important;
width: 209px;
position: relative;
top: 4px;
left: -71px;
color: #fff;
}
.dropdown-localization .o-select ul { top: 22px; }
.dropdown-localization .o-select ul li { height:17px; }
#overlay .lang .o-select ul,
.dropdown-localization .lang .o-select ul{
left: -84px;
padding:5px 0;
}
#overlay .o-select ul li,
.dropdown-localization .o-select ul li {
padding: 0;
margin: 0 5px 0 0;
/*padding: 3px 6px;*/
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.dropdown-localization .o-select ul li a { text-decoration:none; padding: 3px 6px; display:block; }
#overlay .o-select ul li:hover,
.dropdown-localization .o-select ul li:hover {
cursor: pointer;
background: url(images/list-bg.png) no-repeat;
}
.select-wrapper.disabled { opacity: 0.5; }
.select-wrapper.disabled *,
.select-wrapper.disabled *:hover {
cursor: default !important;
}
.landing-media { position:relative; overflow:hidden; }
.landing-media .landing-text { position:absolute; z-index:2; }
.landing-media .landing-text p {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Gill Sans W01 Light', 'Puritan', sans-serif;
font-size: 24px;
font-weight: 100;
line-height: 27px;
margin: 30px 0 0 35px;
max-width:820px;
}
.landing-media img { position:relative; z-index:1; width:100%!important; height:auto!important; }
select.iphoned {
/*
background-color:#b5b5b6;
border-radius:4px;
padding:3px 3px 2px 3px;
border:#b3b2b2 1px solid;
color:#484848;
box-shadow:inset 1px 2px 2px rgba(0,0,0,0.5);
display: inline-block;
-webkit-appearance:none;
height:18px;
*/
box-shadow:inset 1px 2px 2px rgba(0,0,0,0.5);
color:#484848;
display: inline-block;
border: #b3b2b2 1px solid;
padding: 4px 3px 3px 5px;
margin: 0;
font: inherit;
outline:none;
line-height: 1.2;
background: #b5b5b6;
-webkit-appearance:none;
-webkit-border-radius: 4px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { select.iphoned { padding-right:30px; } }
select.iphoned:focus { background-color:#fff; }
.iphoned-wrapper { position: relative; display: inline-block; margin-right:10px; margin-bottom:12px; }
.iphoned-wrapper:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; font-size: 60%; line-height: 30px; padding: 0 14px; background: #1d1d1d url(images/drop-down.png) center center no-repeat;
pointer-events:none;
border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
border: 1px #aaa solid;
}
/* popups */
body.popuped { overflow:hidden; }
.popup-wrapper { display:none; position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.65); z-index: 15000; }
.popup { display:none; position:absolute; width:500px; left:50%; margin-left:-250px; top:100px; background:#fff; box-shadow:5px 5px 5px rgba(0,0,0,0.7); border-radius:5px; }
.popup .popup-content { padding:20px; color:#707070; }
.popup .popup-close { position:absolute; z-index:3; top:5px; right:5px; width:13px; height:13px; background:url(images/close.png); cursor:pointer; }
.popup .popup-header { padding:15px 20px; position:relative; z-index:2; box-shadow:0px 5px 5px rgba(0,0,0,0.7); color:#828282; font-size:20px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Gill Sans W01 Light', 'Puritan', sans-serif; }
.popup .popup-header.highlighted {background-color:#000; color:#fff;}
.popup .img { position:relative; z-index:1; }
.popup .img img { width:100%; }
.button-wrapper { }
.button-wrapper a, .right .button-wrapper a { display:block; margin-top:10px; cursor: pointer; text-decoration: none; padding: 3px 12px; background: #151515 url(images/back_button.png) left top repeat-x;border-radius: 4px;border: #b3b2b2 1px solid;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); color: #fff; text-align: center; }
.button-wrapper:first-child a, .right .button-wrapper:first-child a { margin-top:0; }
.popup .popup-left { float:left; width:45%; border-right:1px #ccc solid; margin:16px 0; }
.popup .popup-left .img { padding:0 10px; }
.popup .popup-left .img img { }
.popup .popup-right { color:#6d6d6d; float:left; width:54%; border-left:1px #ccc solid; margin:16px 0; margin-left:-1px; }
.popup .popup-right .text { padding:0 10px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Gill Sans W01 Light', 'Puritan', sans-serif; }
.popup .popup-right .button-wrapper { padding:0 10px; }
.popup .popup-header2 { padding:0px 10px; position:relative; z-index:2; color:#2d2d2d; font-size:15px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Gill Sans W01 Light', 'Puritan', sans-serif; }
.popup2c { width:650px; }
.popup2c .popup-close { width:22px; height:22px; background:url(images/close2.png); margin-top:-15px; margin-right:-15px; border-radius:3px; box-shadow:3px 3px 3px rgba(0,0,0,0.7); }
/* .iphoned-wrapper { display:inline-block; vertical-align:top; padding-right:20px; margin:-2px 10px 12px 0; } */
/* .iphoned-wrapper:after { content:" "; display:inline-block; position:absolute; height:23px; width:26px; margin-left: -8px; margin-top: 2px; border: 1px #aaa solid; border-radius: 4px; background: #1d1d1d url(images/drop-down.png) center center no-repeat; } */
@media screen and (max-width: 430px) {
/*
#overlay #ovr-left,
#overlay #ovr-right { float:none; width:80%; }
#overlay #ovr-left { margin-bottom:20px; }
#overlay #ovr-right { padding-left:35px; }
#overlay .select-wrapper { clear:both; margin-bottom:10px; }
#overlay input[type=button] { clear:both; }
*/
}
@media screen and (max-width: 1100px) {
#overlay .overlay-header p { font-size:12px; }
}
@media screen and (max-width: 900px) {
#overlay .overlay-header h1 { font-size:20px; margin-left:125px; }
#overlay .overlay-header p { font-size:11px; }
}
@media screen and (max-width: 785px) {
#overlay .overlay-header h1 { font-size:18px; }
#overlay .overlay-header p { line-height: 1em; position:absolute; float:none; left:125px; top:40px; padding-right:4px; margin-right:0; }
}
@media screen and (max-width: 610px) {
#overlay .overlay-header h1 { font-size:14px; padding-top:10px; }
#overlay .overlay-header p { top:30px; }
}
@media screen and (max-width: 525px) {
#overlay #ovr-right { left:15px; right:15px; }
}
@media screen and (max-width: 370px) {
#logo { left:10px; }
#overlay .overlay-header h1 { margin-left:95px; }
#overlay .overlay-header p { left:95px; }
}
/* Welcome page */
.outer { padding-top:240px; text-align:center; }
.outer .inner p { font-size:24px; color:#fff; font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Gill Sans W01 Light', 'Puritan', sans-serif; padding-left:10px; padding-right:10px; }
.outer .inner ul { list-style:none; padding:0; margin:0; font-size:13px; padding-left:10px; padding-right:10px; }
.outer .inner ul li { display:inline-block; *display:inline; *zoom:1; }
.outer .inner ul li a { text-decoration:none; padding:0 12px; opacity:0.9; }
.outer .inner ul li a:hover { text-decoration:underline; opacity:1; }
@media all and (max-width: 525px) {
.outer { padding-top:40px; }
}
/* WFM side panel form */
.panel .scfSubmitSummary {margin: 35px 12px 12px; }
.panel .scfSectionContent {margin: 5px 12px 12px; width:92%; }
.panel .scfSectionContent div {padding: 1px 0;}
.panel .scfDropList {width:173px;}
.panel .scfDropList .arrow_btn {width:25px;}
.panel .scfSectionContent input, .panel .scfSectionContent textarea
{
background: none repeat scroll 0 0 #B5B5B6; border: 1px solid #B3B2B2;
border-radius: 4px;
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5) inset;
color: #484848;
margin-bottom: 12px;
padding: 3px 4px;
}
.panel .scfSectionContent .scfMultipleLineGeneralPanel {margin-top:10px;}
.panel .scfSubmitButtonBorder {text-align:center; margin-bottom:15px;}
.panel .scfSubmitButtonBorder input
{
background: url("images/back_button.png") repeat-x scroll left top #151515;
border: 1px solid #B3B2B2;
border-radius: 4px;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
color: #FFFFFF;
cursor: pointer;
padding: 3px 12px;
text-align: left;
text-decoration: none;
width: 262px;
margin-left: 0px !important;
}
.panel .scfValidationSummary ul {margin-top:35px;}
/*progress icon */
.progress-loader { display:block; width:32px; height:32px; background:url(images/ajax-loader-2.gif) center center no-repeat; margin: 0 auto; line-height:32px;}
.progress-loader-block {margin-bottom: 20px; padding-right:25px;}
.hidden {
visibility:hidden;
}
#chb4Alert.hidden {
display: none;
}
.alert {
color: red;
}