/*--------------------- RESET CSS ---------------------*/ html {margin:0;padding:0;border:0;} body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;outline:none;font-weight:normal;} article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;} body {/*line-height:1.5;*/} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;float:none !important;} table, th, td {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:'';} blockquote, q {quotes:"" "";} a img {border:none;} :focus {outline:0;} img {-ms-interpolation-mode:bicubic;} /*--------------------- FONT-FACE ---------------------*/ /* HelveticaNeueLTStd */ @font-face { font-family: 'HelveticaNeueLTStd55Roman'; src: url('font/helvetica/helveticaneueltstd-roman-webfont.eot'); src: url('font/helvetica/helveticaneueltstd-roman-webfont.eot?#iefix') format('embedded-opentype'), url('font/helvetica/helveticaneueltstd-roman-webfont.woff') format('woff'), url('font/helvetica/helveticaneueltstd-roman-webfont.ttf') format('truetype'), url('font/helvetica/helveticaneueltstd-roman-webfont.svg#HelveticaNeueLTStd55Roman') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLTStd57Condensed'; src: url('font/helvetica/helveticaneueltstd-cn-webfont.eot'); src: url('font/helvetica/helveticaneueltstd-cn-webfont.eot?#iefix') format('embedded-opentype'), url('font/helvetica/helveticaneueltstd-cn-webfont.woff') format('woff'), url('font/helvetica/helveticaneueltstd-cn-webfont.ttf') format('truetype'), url('font/helvetica/helveticaneueltstd-cn-webfont.svg#HelveticaNeueLTStd57Condensed') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLTStd77BdCn'; src: url('font/helvetica/helveticaneueltstd-bdcn-webfont.eot'); src: url('font/helvetica/helveticaneueltstd-bdcn-webfont.eot?#iefix') format('embedded-opentype'), url('font/helvetica/helveticaneueltstd-bdcn-webfont.woff') format('woff'), url('font/helvetica/helveticaneueltstd-bdcn-webfont.ttf') format('truetype'), url('font/helvetica/helveticaneueltstd-bdcn-webfont.svg#HelveticaNeueLTStd77BdCn') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helveticaneuelt_std_ltregular'; src: url('font/helvetica/helveticaneueltstd-lt-webfont.eot'); src: url('font/helvetica/helveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'), url('font/helvetica/helveticaneueltstd-lt-webfont.woff') format('woff'), url('font/helvetica/helveticaneueltstd-lt-webfont.ttf') format('truetype'), url('font/helvetica/helveticaneueltstd-lt-webfont.svg#helveticaneuelt_std_ltregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helveticaneuelt_stdregular'; src: url('font/helvetica/helveticaneueltstd-roman-webfont.eot'); src: url('font/helvetica/helveticaneueltstd-roman-webfont.eot?#iefix') format('embedded-opentype'), url('font/helvetica/helveticaneueltstd-roman-webfont.woff') format('woff'), url('font/helvetica/helveticaneueltstd-roman-webfont.ttf') format('truetype'), url('font/helvetica/helveticaneueltstd-roman-webfont.svg#helveticaneuelt_stdregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helveticaneuelt_std_thinRg'; src: url('font/helvetica/helveticaneueltstd-th-webfont.eot'); src: url('font/helvetica/helveticaneueltstd-th-webfont.eot?#iefix') format('embedded-opentype'), url('font/helvetica/helveticaneueltstd-th-webfont.woff') format('woff'), url('font/helvetica/helveticaneueltstd-th-webfont.ttf') format('truetype'), url('font/helvetica/helveticaneueltstd-th-webfont.svg#helveticaneuelt_std_thinRg') format('svg'); font-weight: normal; font-style: normal; } /* DIN */ @font-face { font-family: 'din_mittelschrift_stdregular'; src: url('font/din/mittelschriftstd-webfont.eot'); src: url('font/din/dinmittelschriftstd-webfont.eot?#iefix') format('embedded-opentype'), url('font/din/dinmittelschriftstd-webfont.woff') format('woff'), url('font/din/dinmittelschriftstd-webfont.ttf') format('truetype'), url('font/din/dinmittelschriftstd-webfont.svg#din_mittelschrift_stdregular') format('svg'); font-weight: normal; font-style: normal; } /* DIN Pro */ @font-face { font-family: 'DINPro-Bold'; src: url('font/din/dinpro-bold.eot'); src: url('font/din/dinpro-bold.eot?#iefix') format('embedded-opentype'), url('font/din/dinpro-bold.woff') format('woff'), url('font/din/dinpro-bold.ttf') format('truetype'), url('font/din/dinpro-bold.svg#dinpro-bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DINPro-Medium'; src: url('font/din/dinpro-medium.eot'); src: url('font/din/dinpro-medium.eot?#iefix') format('embedded-opentype'), url('font/din/dinpro-medium.woff') format('woff'), url('font/din/dinpro-medium.ttf') format('truetype'), url('font/din/dinpro-medium.svg#dinpro-medium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DINPro-Regular'; src: url('font/din/dinpro-regular.eot'); src: url('font/din/dinpro-regular.eot?#iefix') format('embedded-opentype'), url('font/din/dinpro-regular.woff') format('woff'), url('font/din/dinpro-regular.ttf') format('truetype'), url('font/din/dinpro-regular.svg#dinpro-regular') format('svg'); font-weight: normal; font-style: normal; } /*--------------------- GENERAL ---------------------*/ *{ transition: color 0.3s ease-out; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out;} body{ font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #6d6f71; background: url(../images/bg_body.gif) 0 0 repeat-x #f3f3f3; } a{ text-decoration:none; color:#6d6f71;} a:hover{ color:#BCAE8B;} ul{ list-style:none;} em{ font-style:italic;} .bottom_margin{ margin-bottom:10px !important;} .vertical_padding{ padding-top:20px;} p{ margin-bottom:15px;} .two_cols{ column-count:2; column-gap:24px; -moz-column-count:2; -moz-column-gap:24px; -webkit-column-count:2; -webkit-column-gap:24px; -o-column-count:2; -o-column-gap:24px; -ms-column-count:2; -ms-column-gap:24px;} /*--------------------- TOP ---------------------*/ *+html .top_container{ position:relative;} .top_container{ z-index:500; width:100%; height:129px;} #home .top_container{ z-index:500; position:absolute; top:0; left:0; width:100%; height:136px;} .container_12{ position:relative;} .top_container .container_12{ height:136px;} .logo{ position:absolute; left:43px; top:8px;} .logo a{ display:block; text-indent:-9999px; width:81px; height:101px; background: url(../image/logo.png) 0 0 no-repeat;} #home .logo{left:38px; top:26px;} #home .logo a{ width:89px; height:110px; background:url(../images/logo_negative.png) 0 0 no-repeat;} /*--------------------- MAIN CYCLE ---------------------*/ .cycle_container{ position:relative; overflow:hidden; height:581px;} .cycle{ position:absolute; top:0; left:50%; width:1572px; height:581px; margin-left:-786px; overflow:hidden;} .cycle li{ position:relative; width:1572px; height:581px;} .cycle li .caption_container{ z-index:100; position:absolute; /*bottom:100px;*/ top:230px; left:468px; color:#fff; font-family:'DINPro-Regular', Arial, Helvetica, sans-serif;} .cycle li .caption_container h2{ font-size:45px; line-height:45px; text-transform:uppercase; background:url(../images/main_cycle_title_stroke.gif) 0 bottom no-repeat; padding-bottom:23px;} .cycle li .caption_container h3{ font:34px/34px 'DINPro-Medium', Arial, Helvetica, sans-serif; color:#e8de6f; margin-top:18px; text-transform:uppercase;} .cycle li .caption_container p{ font-size:20px; line-height:24px; margin-top:3px;} .cycle li .caption_container.bg h3, .cycle li .caption_container.bg h2, .cycle li .caption_container.bg p{ background-color:#333; background-color: rgba(0, 0, 0, 0.5);} .cycle_button{ display:inline-block; margin-top:20px; font:14px/14px 'DINPro-Bold', Arial, Helvetica, sans-serif; color:#454545; text-transform:uppercase; padding:10px 40px 12px 10px; background:url(../images/main_cycle_arrow_button.png) 90% center no-repeat #e8de6f; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;} .cycle_button:hover{ background-color:#fff47a; box-shadow: 0px 0px 3px 0px #333; -moz-box-shadow: 0px 0px 3px 0px #333; -webkit-box-shadow: 0px 0px 3px 0px #333; -ms-box-shadow: 0px 0px 3px 0px #333; -o-box-shadow: 0px 0px 3px 0px #333; color:#333;} *+html .dots_nav{left:50%; width:50px; margin-left:-25px;} .dots_nav{ z-index:200; position:absolute; bottom:25px; left:0; width:100%; text-align:center;} *+html .dots_nav a{ display:block; float:left;} .dots_nav a{ display:inline-block; position:relative; text-indent:-9999px; width:11px; height:11px; background:url(../images/dot_nav.png) 0 0 no-repeat; margin:0 5px; filter:alpha(opacity=30); -moz-opacity:0.3; khtmlopacity:0.3; opacity:0.3; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;} .dots_nav a:hover, .dots_nav a.activeSlide{filter:alpha(opacity=100); -moz-opacity:1.0; khtmlopacity:1.0; opacity:1.0;} .prev, .next{ z-index:200; position:absolute; top:50%; margin-top:-30px; background:url(../images/main_cycle_arrows.png) no-repeat; width:32px; height:61px; display:block; cursor:pointer; filter:alpha(opacity=50); -moz-opacity:0.5; khtmlopacity:0.5; opacity:0.5; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;} .prev:hover, .next:hover{filter:alpha(opacity=100); -moz-opacity:1.0; khtmlopacity:1.0; opacity:1.0;} .prev{ left:5%; background-position:-32px 0;} .next{ right:5%; background-position:0 0;} .vertical_strokes{ z-index:50; position:absolute; top:0; left:0; width:100%; height:581px; background:url(../images/main_cycle_vertical_strokes.png) center 0 repeat-y;} /*--------------------- top_menu ---------------------*/ *+html .top_menu{ z-index:9999;} .top_menu{ position:absolute; right:0; top:0; background:url(../images/top_menu_vertical_stroke.png) right 0 no-repeat; padding-right:1px; height:26px; font:12px/14px 'HelveticaNeueLTStd55Roman', Arial, Helvetica, sans-serif;} #home .top_menu{background:url(../images/top_menu_vertical_stroke_home.png) right 0 no-repeat;} .top_menu li{ float:left; width:164px; background:url(../images/top_menu_vertical_stroke.png) 0 0 no-repeat;} #home .top_menu li{background:url(../images/top_menu_vertical_stroke_home.png) 0 0 no-repeat;} .top_menu li a{ display:block; padding:8px 10px 0 30px; text-transform:capitalize; color:#bababc;} #home .top_menu li a{color:#fff;} .top_menu li a:hover, .top_menu li a.active{ color:#BCAE8B;} #home .top_menu li a:hover{ color:#BCAE8B;} .top_menu li .support{ color:#e0d0ac; background:url(../images/support_icon.png) 10px 8px no-repeat ;} #home .top_menu li .support{ color:#E8DE6F; background:url(../images/support_icon_negative.png) 10px 8px no-repeat;} .top_menu li .reserved_area{ background:url(../images/reserved_area_icon.png) 10px 8px no-repeat;} #home .top_menu li .reserved_area{ background:url(../images/reserved_area_icon_negative.png) 10px 8px no-repeat;} .top_menu li .download_area{ background:url(../images/document_icon.png) 10px 8px no-repeat;} #home .top_menu li .download_area{ background:url(../images/document_icon_negative.png) 10px 8px no-repeat;} .top_menu li .language{color:#BABABC !important; background:url(../images/flag_icon.png) 10px 8px no-repeat;} .top_menu li .language:hover, .top_menu li:hover .language{background:url(../images/flag_icon.png) 9px 8px no-repeat #fff !important; padding-bottom:1px; margin-left:1px; padding-left:29px; color:#BCAE8B !important;} #home .top_menu li .language{ color:#fff !important; background:url(../images/flag_icon_negative.png) 10px 8px no-repeat;} #home .top_menu li .language:hover, #home .top_menu li:hover .language{ color:#BCAE8B !important; background:url(../images/flag_icon.png) 10px 8px no-repeat #fff;} .top_menu li .ldd_top-submenu{ display:none; z-index:9999; position:absolute; top:23px; right:1px; background:#fff; padding:11px 0; width:163px;} .top_menu li .ldd_top-submenu li{ background:none;} .top_menu li .ldd_top-submenu li a{ /*color:#BCAE8B !important;*/ color:#6d6f71 !important; background:url(../images/main_menu_item_arrow.png) 15px 11px no-repeat !important; padding:5px 10px 5px 30px;} .top_menu li .ldd_top-submenu li a:hover, .top_menu li .ldd_top-submenu li a.active{background:url(../images/main_menu_item_arrow.png) 15px 11px no-repeat #f2e1bb !important; width:123px;} /*--------------------- main_menu ---------------------*/ .main_menu{z-index:500; position:absolute; right:1px; /*bottom:19px;*/ top:78px;} #home .main_menu{ top:77px;} .main_menu li{ position:relative; float:left; margin-left:3px; width:145px; background:url(../images/bg_main_menu_item.png); background: rgba(255, 255, 255, 0.75); padding:0 8px 0 8px;} .main_menu li:hover{background:#fff; } #home .main_menu li a{ padding-bottom:7px; color:#374349;} #home .main_menu li a:hover, #home .main_menu li:hover a.open{ color:#bcae8b;} .main_menu li a{ display:block; padding:4px 0 3px 0; color:#6e6f71; font:15px/17px 'din_mittelschrift_stdregular', Arial, Helvetica, sans-serif; text-transform:uppercase; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; border-bottom:3px solid #78797D;} #home .main_menu li a{ border:none;} .main_menu li a:hover, .main_menu li:hover a, .main_menu li a.open, .main_menu li a.active{ /*background:#fff;*/ color:#bcae8b; border-bottom:6px solid #e9d9b5;} #home .main_menu li a:hover, #home .main_menu li:hover a, #home .main_menu li a.open, #home .main_menu li a.active{ border:none;} .main_menu li a span{ display:block; padding-bottom:3px; font:9px/9px 'HelveticaNeueLTStd77BdCn', Arial, Helvetica, sans-serif; color:#e9d9b5;} #home .main_menu li a span{color:#fff;} .main_menu li a:hover span, .main_menu li:hover a span, .main_menu li a.active span{ color:#e9d9b5;} #home .main_menu li a:hover span, #home .main_menu li:hover a span, #home .main_menu li a.active span{ color:#e9d9b5;} /*--second level--*/ #home .main_menu ul{top:40px; padding-top:10px;} .main_menu ul{ display:none; position:absolute; left:0; top:35px; width:161px; background:#fff; padding:10px 0; padding-top:15px;} .main_menu ul li{ margin:0 0 1px 0; padding:0; width:100%;} .main_menu ul li a{ font:14px/16px 'Open Sans', Arial, Helvetica, sans-serif; font-weight:700; text-transform:capitalize; color:#6d6f71 !important; background:url(../images/main_menu_item_arrow.png) 10px 11px no-repeat !important; padding:5px 10px 5px 22px; border:none !important;} .main_menu ul li a span{ display:inline; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:14px; line-height:16px; font-weight:400; color:#6d6f71 !important;} .main_menu ul li a:hover{ background:url(../images/main_menu_item_arrow.png) 10px 11px no-repeat #f2e1bb !important;} /*--------------------- CONTENT ---------------------*/ .opener{ margin-bottom:20px;} .product_area{ padding:25px 0 50px 0;} .news_area{ padding:25px 0 35px 0; height:270px; background:#e9d9b4; color:#454545;} .box{font:14px/16px 'HelveticaNeueLTStd55Roman', Arial, Helvetica, sans-serif; color:#6e6f71;} .box .stroke{border:1px solid #c8c9ca; width:266px; height:175px; padding:24px 20px;} .box p{ margin-bottom:0; color:#727272; width:80%;} .box h4.label_area{font:18px/18px 'HelveticaNeueLTStd57Condensed', Arial, Helvetica, sans-serif; text-transform:uppercase; padding-bottom:12px;} .box h4.label_area.news{ color:#fff; background:url(../images/label_stroke.png) 0 bottom no-repeat;} .product_area .alpha .stroke{ background:url(../images/bg_gates_box.jpg) 0 0 no-repeat;} .product_area .alpha h5 a:hover{ color:#A1CBE8;} .product_area .omega .stroke{ background:url(../images/bg_doors_box.jpg) 0 0 no-repeat;} .product_area .omega h5 a:hover{ color:#F19332;} .product_area .alpha h5 a, .product_area .omega h5 a{ display:block;} .box h5{font:36px/36px 'HelveticaNeueLTStd57Condensed', Arial, Helvetica, sans-serif; text-transform:uppercase; margin-bottom:10px;} .box h5 span{ display:block; text-transform:capitalize; font-size:16px; line-height:18px;} .button{ margin-top:18px; display:inline-block; font:12px/12px 'HelveticaNeueLTStd77BdCn', HelveticaNeueLTStd77BdCnArial, Helvetica, sans-serif; text-transform:uppercase; color:#484a49; background:url(../images/button_arrow.png) 90% center no-repeat #eee252; padding:10px 40px 10px 20px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;} .button.blue{ background-color:#a1cbe8;color:#fff;} .button.blue:hover{ background-color:#72b9e8;} .button.orange{ background-color:#f19332; color:#fff;} .button.orange:hover{ background-color:#f27a02;} .blue, .orange, .green{ color:#fff;} .blue{ background-color:#a1cbe8;} .orange{background-color:#f19332;} .green{ background-color:#95b541;} /*--------------------- cycle_news ---------------------*/ .news_container{ padding:0 24px; color:#454545;} .news_container .date{ display:block; margin-bottom:10px; color:#8c846f; font:11px/14px 'HelveticaNeueLTStd57Condensed', Arial, Helvetica, sans-serif; text-transform:uppercase;} .news_container h5{ margin-top:16px; margin-bottom:5px; text-transform:none; font:18px/20px 'Open Sans', Arial, Helvetica, sans-serif; font-weight:700;} .news_container h5 a{ display:block; text-transform:none; font:18px/20px 'Open Sans', Arial, Helvetica, sans-serif; font-weight:700; color:#454545;} .news_container a:hover{ color:#8c846f;} .news_container p{ margin-bottom:0; width:100%; font:13px/18px 'helveticaneuelt_std_ltregular', Arial, Helvetica, sans-serif; color:#454545;} .more{ display:inline-block; margin-top:10px; font:12px/14px 'HelveticaNeueLTStd77BdCn', Arial, Helvetica, sans-serif; text-transform:uppercase; background:url(../images/more_arrow.png) right center no-repeat; padding-right:30px; color:#52504a;} .more.only_one{ margin-top:0;} .cycle_news_container{ position:relative;} .cycle_news{ height:255px;} .number_nav{ z-index:20; position:absolute; right:0; top:0;} *+html .number_nav a{border-bottom:2px solid #E9D9B4;} .number_nav a{ display:inline-block; font:12px/12px 'HelveticaNeueLTStd77BdCn', Arial, Helvetica, sans-serif; color:#7c7567; padding:0 2px; margin-left:2px;} .number_nav a:hover{ color:#8c846f;} .number_nav a.activeSlide{ border-bottom:2px solid #cec0a1; color:#8c846f;} /*--------------------- internal page ---------------------*/ .content_container{ height:auto !important; height:300px; min-height:300px; padding-bottom:50px;} .breadcrumbs{ height:35px; padding-top:15px; margin-left:10px;} .breadcrumbs li{ float:left; font-size:11px; line-height:13px; margin-right:10px;} /*--------------------- left_side ---------------------*/ .head_box{ height:178px; padding:24px; margin-bottom:26px; background-color:#E9D9B5;} .head_box.plus{ /*height:356px;*/ height:auto !important; height:178px; height:178px; padding-right:20px;} .head_box .stroke{height:2px; margin:15px 0; background:url(../images/little_stroke.png) 0 0 no-repeat;} .head_box h3{ font-size:16px; line-height:20px; margin-bottom:10px; font-weight:700;} .head_box.blue{ background-color:#d3e1ee;} .head_box.green{ /*background-color:#cbe882;*/ background-color:#c9e581;} .head_box.orange{ /*background-color:#ffd382;*/ background-color:#f2b77c;} .head_box h1{font:36px/36px 'DINPro-Regular', Arial, Helvetica, sans-serif; text-transform:uppercase; margin-bottom:10px;} .head_box h1.accessories{ font-size:28px;} .head_box h1 span{ font-family:'Open Sans', Arial, Helvetica, sans-serif; display:block; text-transform:capitalize; font-size:16px; line-height:18px; color:#fff; font-weight:400;} .head_box h2{ font:24px/26px 'DINPro-Regular', Arial, Helvetica, sans-serif;} /*--------------------- left_menu ---------------------*/ .left_menu{ width:100%; border-bottom:2px solid #6e6f72;} .left_menu li{ border-top:2px solid #6e6f72;} .left_menu li a{ display:block; font-weight:600; font-size:14px; line-height:16px; text-transform:uppercase; padding:8px 0;} .left_menu li a.active{ color:#454545; font-weight:700;} .left_menu li a.active:hover{ color:#BCAE8B;} .left_menu ul{ background: url(../images/left_menu_item_stroke.png) 0 0 no-repeat; padding: 10px 0 25px 0; color: #6d6f71; } .left_menu ul li{ border:none;} .left_menu ul li a{ font-size:12px; line-height:14px; background:url(../images/close_left_menu_item_icon.png) 0 center no-repeat; padding-left:20px; padding-top:5px; padding-bottom:5px;} .left_menu ul li a.open{ background:url(../images/open_left_menu_item_icon.png) 0 center no-repeat;} .left_menu ul ul{ background:none; padding:5px 0 10px 20px;} .left_menu ul ul li a{ text-transform:none; background:url(../images/left_menu_item_arrow.png) 0 center no-repeat; padding:2px 0 2px 10px;} .left_menu ul ul ul{ padding-top:3px; padding-bottom:3px; padding-left:10px;} .left_menu ul ul ul li a{ background:url(../images/left_menu_item_little_stroke.png) 0 center no-repeat;} /*--------------------- right_side ---------------------*/ /*.right_side{ position:relative;}*/ .internal_header{ width:718px; height:226px; overflow:hidden; position:relative; margin-bottom:26px; background:url(../images/bg_internal_header.jpg) 0 0 no-repeat;} .internal_header_cycle{width:718px; height:226px; overflow:hidden;} .internal_header_cycle li h2{ position:absolute; left:0; bottom:0; padding:24px; padding-bottom:30px; font-size:18px; line-height:20px; color:#fff; font-weight:600;} .internal_header_cycle li h2 span{ display:block; text-transform:uppercase; font-size:24px; line-height:26px; font-weight:700;} .internal_header_dots_nav{z-index:50; position:absolute; right:24px; bottom:15px;} *+html .internal_header_dots_nav a{display:block; float:left;} .internal_header_dots_nav a{ display:inline-block; position:relative; text-indent:-9999px; width:9px; height:9px; background:url(../images/internal_header_dot_nav.png) -18px 0 no-repeat; margin-left:8px;} .internal_header_dots_nav a:hover{ background-position:-9px 0;} .internal_header_dots_nav a.activeSlide{background-position:0 0;} .white_container.customer_service{ height:335px;} .white_container.customer_service .inner_page{ margin-left:10px;} .white_container.customer_service .email_buttons a{ display:block; background-color:#eee152 !important; color:#48494c; font-size:12px; line-height:14px; font-weight:700; text-transform:uppercase; margin-bottom:1px; padding:30px 60px 30px 60px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;} .white_container.customer_service .email_buttons a span{ display:block; font-weight:400;} .white_container.customer_service .email_buttons a:hover{ background-color:#E8D8B3 !important;} .white_container.customer_service .email_buttons a.info{ background:url(../images/info_icon.png) 20px center no-repeat;} .white_container.customer_service .email_buttons a.sale{ background:url(../images/sale_icon.png) 20px center no-repeat;} .white_container.customer_service .email_buttons a.recruitment{ background:url(../images/cv_icon.png) 20px center no-repeat;} .white_container.customer_service .email_buttons a.service{ background:url(../images/customer_service_icon.png) 20px center no-repeat;} .white_container.customer_service .email_buttons a.parts{ background:url(../images/parts_icon.png) 20px center no-repeat; height:22px; padding-top:36px;} .white_container{ background:#fff; padding-bottom:21px;} .white_container.map{ padding-bottom:0;} .top_margin{ padding-top:24px;} .text_content{ padding-left:21px; padding-top:25px;} h3.title{ font-weight:700; font-size:24px; line-height:26px; margin-bottom:10px; text-transform:uppercase;} .text_content h4{ font-size:16px; line-height:24px; margin-bottom:10px;} .text_content h4.sub_title{ margin:5px 0; line-height:20px;} .text_content p{ margin-bottom:10px;} .text_content ul{ list-style:disc; margin-left:15px;} .text_content ul li{} .text_content .expandable-txt{ overflow:hidden;} .text_content .input-link{ padding:5px 0 5px 15px; display:block; text-transform:uppercase; font:12px/14px 'HelveticaNeueLTStd77BdCn', Arial, Helvetica, sans-serif;} .text_content .maximizedBig .input-link{ background:url(../images/up_arrow.png) 0 center no-repeat;} .text_content .minimizedBig .input-link{ background:url(../images/down_arrow.png) 0 center no-repeat;} /*--------------------- products_cycle---------------------*/ .product_cycle_container{ position:relative;} .product_cycle_container #overview{ width:390px; height:390px; overflow:hidden; text-align:center;} .product_cycle_container.news #overview{ height:330px !important;} .product_cycle_container #overview a{ width:390px; text-align:center;} .product_cycle_container.news #overview a{ text-align:right !important;} .product_cycle_container #overview .zoom_icon{ display:block; position:absolute; right:0; top:0; width:44px; height:44px; background:url(../images/zoom_icon.png) center center no-repeat #e8d8b4;} .product_cycle_container #overview:hover .zoom_icon{ background-color:#BCAE8B;} *+html .product_cycle_container .thumbs_container{ padding-left:65px;} .product_cycle_container .thumbs_container{ position:relative; float:right; /*width:390px;*/ text-align:center; margin-top:19px; margin-right:45px;} *+html .product_cycle_container .thumbs_container li{ float:left; display:block;} .product_cycle_container .thumbs_container li{ position:relative; /*display:inline-block;*/ float:left; display:block; width:62px; height:62px; margin-right:5px; margin-bottom:5px; overflow:hidden;} .product_cycle_container .thumbs_container li .thumb{ display:block; overflow:hidden; width:62px; height:62px;} .product_cycle_container .thumbs_container li:last-child{ margin-right:0;} .product_cycle_container .thumbs_container li span{ position:absolute; top:0; left:0; display:block; width:60px; height:60px; border:1px solid #c4c5c5;} .product_cycle_container .thumbs_container li:hover span, .product_cycle_container .thumbs_container li.activeSlide span { width:56px; height:56px; border:3px solid #e8d8b3;} /*--------------------- video_container---------------------*/ .inner_page .stroke{ height:2px; margin:15px 0; background:url(../images/little_stroke.png) 0 0 no-repeat;} .inner_page{ margin:0 24px;} .video_container{ padding:15px 0;} .video_container .video_link{ display:block; background:url(../images/video_icon.png) 0 0 no-repeat; padding:7px 0 8px 40px; font-size:13px; line-height:15px; font-weight:700; text-transform:uppercase;} /*.video_container .video_link:hover{ background-position:0 -60px;}*/ .video_container .link{ display:block; background:url(../images/link_icon.png) 0 0 no-repeat; padding:7px 0 8px 40px; font-size:13px; line-height:15px; font-weight:700; text-transform:uppercase;} /*--------------------- download_buttons ---------------------*/ .download_buttons li{ float:left; margin-right:20px; margin-bottom:20px;} .download_buttons li a{ display:block; background:url(../images/download_icon.png) 90% center no-repeat #eee152; color:#48494c; font-size:12px; line-height:14px; font-weight:700; text-transform:uppercase; padding:15px 60px 15px 20px; min-width:110px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;} .download_buttons li a span{ display:block; font-weight:400;} .download_buttons li a:hover{ background-color:#E8D8B3;} .white_container .unit{ margin-bottom:48px; position:relative;} .white_container .unit .center{ text-align:center;} .white_container .unit.innovation{ background:url(../images/innovation.jpg) 0 0 no-repeat;} .white_container .unit.innovation .quote_visible{ height:325px;} .white_container .unit.innovation .quote_container{ left:30px; right:auto; bottom:30px;} .white_container .quote_visible{ position:relative; height:276px;} .white_container .unit .quote_container{ position:absolute; right:0; bottom:0; background:url(../images/open_quote.png) 0 30px no-repeat; padding:47px 24px 0 50px; font-size:18px; line-height:1.2;} .white_container .unit .quote_container .quote{ background:url(../images/close_quote.png) right bottom no-repeat; padding-bottom:33px; font-style:italic;} .quote_container p span{ display:inline-block; color:#fff; background:#6E6E72; padding:2px 5px; margin-bottom:2px;} .white_container .unit .float{ float:left;} .white_container .unit.people{ margin-left:100px; border-bottom:3px solid #ede151;} .white_container .unit.people .quote_container{ /*width:48%;*/ bottom:30px; background-position:140px 30px;} .white_container.about_us .left_stroke{ border-left:3px solid #EEE152; padding-left:20px; padding-right:20px;} .right_align{ text-align:right;} .scale{ width:100%;} . /*--------------------- pages ---------------------*/ .pages{ position:relative; width:100%;} .pages a{ font-size:11px; font-weight:600; text-transform:uppercase; padding-top:20px;} .pages .disable{ color:#A1A2A4; cursor:default;} .pages .back{ display:inline-block;} .pages .right_actions{ float:right; width:390px; text-align:right;} .pages .right_actions a{ display:inline-block; margin-left:20px;} /*--------------------- listing_products ---------------------*/ *+html .listing_products{ width:718px;} .listing_products{ margin-bottom:35px;} .listing_products li{ margin-bottom:19px; position:relative; width:718px; height:226px; text-align:center; background:#fff; overflow:hidden;} .listing_products a{ display:block;} .listing_products .label{ position: absolute; bottom: 0px; left: 2px; width: 100%; } .listing_products h3.label a{ display:block; background:#6e6f72; font-size:13px; text-transform:uppercase; font-weight:700; color:#fff; padding:10px;} .listing_products .caption_container{ display:none; position:absolute; top:0; left:0;} .listing_products .caption_container .caption{ position:relative; width:226px; height:226px; background:url(../images/bg_product_thumb_caption.png); background: rgba(244, 226, 188, 0.95);} .listing_products .caption_container .caption a.enter{ display:block; position:absolute; top:50%; left:50%; width:100px; height:20px; margin-left:-51px; margin-top:-21px; font-size:13px; text-transform:uppercase; font-weight:700; text-align:center; padding:10px 0; border:1px solid #fff; color:#6e6f72; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;} .listing_products .caption_container .caption a.enter:hover{ color:#9c9380; background:#fff; background: rgba(255, 255, 255, 0.70);} .listing_products .caption_container .caption .caption_menu{ padding:20px;} .listing_products .caption_container .caption .caption_menu li{ width:100%; height:auto !important; font-size:16px; line-height:18px; border-bottom:1px solid #cfc2a8; margin:0; background:none;} .listing_products .caption_container .caption .caption_menu li:first-child{ border:none; margin-bottom:10px;} .listing_products .caption_container .caption .caption_menu li:nth-child(2){border-top:1px solid #cfc2a8;} .listing_products .caption_container .caption .caption_menu li h3{ font-weight:700; text-transform:uppercase; background:url(../images/down_arrow.png) center bottom no-repeat; padding-bottom:20px;} .listing_products .caption_container .caption .caption_menu li a{ padding:7px 0; font-weight:700; font-size:14px; line-height:16px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;} .listing_products .caption_container .caption .caption_menu li a:hover{background:#fff; background: rgba(255, 255, 255, 0.70);} .accessories_box{ position:relative; margin:30px 0 0 0; background:#fff; height:auto !important; height:226px; min-height:226px;} .accessories_box .green{ position:relative; color:#fff; font-size:13px; line-height:18px; height:auto !important; height:226px; min-height:226px;} .accessories_box .green .arrow{ position:absolute; width:12px; height:24px; right:-12px; top:27px; display:block; background:url(../images/green_arrow.png) 0 0 no-repeat;} .accessories_box .accessories_content{ padding:30px 21px 20px 21px;} .accessories_box h4{font:24px/26px 'DINPro-Medium', Arial, Helvetica, sans-serif; text-transform:uppercase; margin-bottom:10px;} *+html .accessories_menu{width:471px;} .accessories_menu{ padding-left:22px; padding-top:35px;} .accessories_menu li{ float:left; width:182px; margin-right:42px; margin-bottom:12px; border-bottom:1px solid #b6b7b8;} .accessories_menu li a{ display:block; font:13px/16px 'Open Sans', Arial, Helvetica, sans-serif; font-weight:600; padding:12px 0; padding-top:0;} /*------------------- MY LIST ---------------*/ /*--- .ProdNav{ position:relative; margin:30px 0 0 0; background:#fff; height:auto !important; height:226px; min-height:226px; } .ProdNav a{ display:block;} .ProdNav .label{ position: absolute; bottom: 0px; left: 2px; width: 100%;} .ProdNav .caption_container{ display:none; position:absolute; top:0; left:0;} .ProdNav .caption_container .caption{ position:relative; width:226px; height:226px; background:url(../images/bg_product_thumb_caption.png); background: rgba(244, 226, 188, 0.95);} .ProdNav .caption_container .caption a.enter{ display:block; position:absolute; top:50%; left:50%; width:100px; height:20px; margin-left:-51px; margin-top:-21px; font-size:13px; text-transform:uppercase; font-weight:700; text-align:center; padding:10px 0; border:1px solid #fff; color:#6e6f72; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;} .ProdNav .caption_container .caption a.enter:hover{ color:#9c9380; background:#fff; background: rgba(255, 255, 255, 0.70);} .ProdNav .label{ position:absolute; bottom:0; left:0; width:100%;} .ProdNav h3.label a{ display:block; background:#6e6f72; font-size:13px; text-transform:uppercase; font-weight:700; color:#fff; padding:10px;} ---*/ /*-------- trying something new------------*/ #cf{ position:relative; height:100%; width:100%; margin:0 auto; } #cf img { position:absolute; left:0; cursor:pointer; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } #cf img.top:hover { opacity:0; } *+html .ProdNav{ width:718px;} .ProdNav{ margin-bottom:35px;} .ProdNav li{ margin-bottom:19px; position:relative; width:718px; height:226px; text-align:center; background:#fff; overflow:hidden;} .ProdNav a{ display:block;} .ProdNav .label{ position: absolute; bottom: 0px; left: 2px; width: 100%; } .ProdNav h3.label a{ display:block; background:#6e6f72; font-size:13px; text-transform:uppercase; font-weight:700; color:#fff; padding:10px;} .ProdNav .caption_container{ display:none; position:absolute; top:0; left:0;} .ProdNav .caption_container .caption{ position:relative; width:226px; height:226px; background:url(../images/bg_product_thumb_caption.png); background: rgba(244, 226, 188, 0.95);} .ProdNav .caption_container .caption a.enter{ display:block; position:absolute; top:50%; left:50%; width:100px; height:20px; margin-left:-51px; margin-top:-21px; font-size:13px; text-transform:uppercase; font-weight:700; text-align:center; padding:10px 0; border:1px solid #fff; color:#6e6f72; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;} .ProdNav .caption_container .caption a.enter:hover{ color:#9c9380; background:#fff; background: rgba(255, 255, 255, 0.70);} .ProdNav .caption_container .caption .caption_menu{ padding:20px;} .ProdNav .caption_container .caption .caption_menu li{ width:100%; height:auto !important; font-size:16px; line-height:18px; border-bottom:1px solid #cfc2a8; margin:0; background:none;} .ProdNav .caption_container .caption .caption_menu li:first-child{ border:none; margin-bottom:10px;} .ProdNav .caption_container .caption .caption_menu li:nth-child(2){border-top:1px solid #cfc2a8;} .ProdNav .caption_container .caption .caption_menu li h3{ font-weight:700; text-transform:uppercase; background:url(../images/down_arrow.png) center bottom no-repeat; padding-bottom:20px;} .ProdNav .caption_container .caption .caption_menu li a{ padding:7px 0; font-weight:700; font-size:14px; line-height:16px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;} .ProdNav .caption_container .caption .caption_menu li a:hover{background:#fff; background: rgba(255, 255, 255, 0.70);} /*--------------------- listing ---------------------*/ .listing{ background:#fff; padding-top:30px; padding-bottom:30px; height:auto !important; height:206px; min-height:206px;} .listing .thumb{float:left; margin:0 20px 0 0; border:1px solid #C4C5C5; overflow:hidden;} .listing .thumb.news{ width:226px; height:191px; } .listing .thumb.attach{ width:75px; height:100px; } .listing .thumb:hover{ border-color:#E9D9B5;} .date{ display:block; color:#8C846F; font-size:11px;} .listing h3{font-size:18px; margin-bottom:5px;} .listing h3 a{font-weight:700; display:block; } .listing li{ border-bottom:1px solid #e3e4e5; margin-bottom:20px; padding-bottom:20px;} .listing li:last-child{ margin-bottom:0 !important; border:none; padding-bottom:0 !important;} .right_side .more{ color:#6d6f71;} .right_side .more:hover{ color:#BCAE8B;} .listing .login{ padding-top:5px;} .listing .login h3{ margin-bottom:20px;} *+html .listing .login button{ margin-top:20px;} .listing .login button{ margin-top:5px; margin-bottom:15px;} .listing .login p{ padding:0; margin-bottom:15px;} /*--------------------- FOOTER ---------------------*/ .footer_container{ width:100%; background:#8a8b8d; padding:25px 0;} .footer_container .label_area{ color:#fff; font:18px/18px 'HelveticaNeueLTStd57Condensed', Arial, Helvetica, sans-serif; text-transform:uppercase; padding-bottom:10px;} /*--------------------- FOOTER FORM---------------------*/ .footer_form .row{ margin-bottom:12px; position:relative;} .footer_form .button_submit{ cursor:pointer; position:absolute; top:0; right:0; padding:11px 30px; 10px 30px; background: #d5d5d5; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWQ1ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #d5d5d5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d5d5d5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#d5d5d5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#d5d5d5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#d5d5d5 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#d5d5d5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-8 */ color:#606060; font:14px/14px 'HelveticaNeueLTStd77BdCn', Arial, Helvetica, sans-serif; text-shadow: 1px 1px 0px #ffffff; /*filter: dropshadow(color=#ffffff, offx=1, offy=1);*/ border:1px solid #fff; text-transform:uppercase; } .footer_form .button_submit:hover{ background:#E9D9B4; color:#454545; box-shadow: 0px 0px 3px 0px #333; -moz-box-shadow: 0px 0px 3px 0px #333; -webkit-box-shadow: 0px 0px 3px 0px #333; -ms-box-shadow: 0px 0px 3px 0px #333; -o-box-shadow: 0px 0px 3px 0px #333;} .footer_form input, .footer_form textarea{ width:288px; font:15px/17px 'Open Sans', Arial, Helvetica, sans-serif; font-weight:400; font-style:italic; color:#fff; background:#a1a2a4; border:none; padding-left:10px; padding-right:10px;} .footer_form input:focus, .footer_form textarea:focus{ font-style:normal; background:#f3f3f3; color:#606060; box-shadow: 0px 0px 3px 0px #333; -moz-box-shadow: 0px 0px 3px 0px #333; -webkit-box-shadow: 0px 0px 3px 0px #333; -ms-box-shadow: 0px 0px 3px 0px #333; -o-box-shadow: 0px 0px 3px 0px #333;} .footer_form input{height:39px;} .footer_form textarea{ height:71px; padding-top:11px; padding-bottom:11px;} .footer_form .checker{ width:15px; height:15px; float:left; background:#a2a3a4;} .footer_form .checker.hover, .footer_form .checker.focus{ background:#f3f3f3; box-shadow: 0px 0px 3px 0px #333; -moz-box-shadow: 0px 0px 3px 0px #333; -webkit-box-shadow: 0px 0px 3px 0px #333; -ms-box-shadow: 0px 0px 3px 0px #333; -o-box-shadow: 0px 0px 3px 0px #333;} .footer_form .checker input{width:15px; height:15px; padding:0; margin:0; cursor:pointer;} .footer_form .checker span{ width:15px; height:15px;} .footer_form .checker span.checked{ background:url(../images/check.png) center 2px no-repeat; width:15px; height:15px;} .footer_form .check p{ position:absolute; left:20px; top:0; font:12px/15px 'Open Sans', Arial, Helvetica, sans-serif; font-weight:400; font-style:italic; color:#fff;} .footer_form a{ color:#fff;} .footer_form a:hover{ color:#E9D9B4;} .data_container{ height:152px; padding:24px; background:url(../images/bg_footer_data.png) 165px 23px no-repeat #7b7b7d; color:#fff;} .data_container .label_area{ text-transform:capitalize; color:#b3b4b6; font-family:'Open Sans', Arial, Helvetica, sans-serif;} .data_container a{color:#fff;} .data_container a:hover{ color:#E9D9B4;} .social_icons{ margin-top:15px;} .social_icons li{ float:left; margin-right:5px;} .social_icons li a{ display:block; background:url(../images/social_icons.png) no-repeat; width:27px; height:27px; text-indent:-9999px;} .social_icons li .facebook{ background-position:0 0;} .social_icons li .youtube{ background-position:-27px 0;} .social_icons li .linkedin{ background-position:-54px 0;} .bottom_container{ width:100%; padding:20px 0; color:#aaabac; font:11px/13px 'helveticaneuelt_std_ltregular', Arial, Helvetica, sans-serif; background:#7b7b7d;} .bottom_container .left{ float:left; margin-left:10px;} .bottom_container .left li{ float:left; margin-right:50px;} .bottom_container .right{ float:right; margin-right:10px;} .bottom_container a{color:#aaabac; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;} .bottom_container a:hover{ color:#fff;} .content_container .phone{ cursor:pointer;} .content_container .phone.disabled, .content_container .phone.disabled:hover{ cursor:default; color:#6E6E72;} .footer_container .phone{ cursor:pointer;} .footer_container .phone.disabled, .footer_container .phone.disabled:hover{ cursor:default; color:#fff;} /*------------------ ALERTS ------------------*/ #popup_container{ text-align:center; padding:10px !important; background:#fff;} #popup_container #popup_title{font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:24px; line-height:26px; color:#D3031C; margin-bottom:15px; display:block; text-transform:uppercase; font-weight:700;} #popup_message{ margin-bottom:15px;} #popup_panel{ text-align:center;} #popup_ok{ text-align:center; border:none; cursor:pointer; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:20px; line-height:20px; font-weight:700; color:#fff; text-transform:uppercase; padding:5px 10px; background:#707173; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;} #popup_ok:hover{ background-color:#E9D9B5 !important; color:#707173;} .alert{ border:1px dashed #999; background:#f2f2f2; padding:10px !important; background:#fff;} .alert.ok h3{ color:#6e6e72; margin-top:0;} .alert h3{ font-size:16px; line-height:18px; margin-bottom:5px; color:#D3031C; font-weight:700; margin-top:0 !important;} .alert a{ text-decoration:underline;} .alert a:hover{ text-decoration:none;} #google_map{ width:696px; height:465px; font-size:11px; line-height:16px; background:url(../js/colorbox/images/loading.gif) center center no-repeat #f2f2f2; } #google_map strong{ font-size:14px; line-height:18px; font-weight:700; color:#454545; display:block; margin-bottom:3px;} #inner_google_map{ width:100%; height:356px; font-size:11px; line-height:16px; background:url(../js/colorbox/images/loading.gif) center center no-repeat #f2f2f2; } #inner_google_map strong{ font-size:14px; line-height:18px; font-weight:700; color:#454545; display:block; margin-bottom:3px;} /*------------------ FORM ------------------*/ .red{ color:#d3031c;} .form p{ margin-bottom:20px;} .form .col{ width:313px; float:left; margin-bottom:15px; margin-right:44px;} .form .col.last{ margin-right:0;} .form label{ display:block; font-size:11px; line-height:13px; margin-bottom:5px;} .form input, .form select, .form textarea{ padding:5px; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#6e6e72; border:1px solid #C4C5C5; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;} .form input, .form select{width:303px;} .form input#cap{ width:60px;} .form textarea{ width:660px; height:150px;} .form input:hover, .form input:focus, .form select:hover, .form select:focus, .form textarea:hover, .form textarea:focus{ background:#f2e2bd; border:1px solid #f2e2bd;} .form .checker{ width:15px; height:15px; float:left; background:#fff; border:1px solid #C4C5C5; margin-right:8px; margin-top:1px;} .form .checker.hover, .form .checker.focus{ background:#f2e2bd; border:1px solid #f2e2bd; /*box-shadow: 0px 0px 3px 0px #333; -moz-box-shadow: 0px 0px 3px 0px #333; -webkit-box-shadow: 0px 0px 3px 0px #333; -ms-box-shadow: 0px 0px 3px 0px #333; -o-box-shadow: 0px 0px 3px 0px #333;*/} .form .checker input{width:15px; height:15px; padding:0; margin:0; cursor:pointer;} .form .checker span{ width:15px; height:15px;} .form .checker span.checked{ background:url(../images/check.png) center 1px no-repeat; width:15px; height:15px;} #privacy_form{ margin:20px 0;} #privacy_form a{ text-decoration:underline;} #privacy_form a:hover{ text-decoration:none;} +html .form button{} .form button{ cursor:pointer; display:block; margin-top:20px; font:14px/14px 'DINPro-Bold', Arial, Helvetica, sans-serif; color:#454545; text-transform:uppercase; padding:10px 40px 12px 10px; background:url(../images/main_cycle_arrow_button.png) 90% center no-repeat #E9D9B5; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; border:none;} .form button:hover{ background-color:#f2e2bd; box-shadow: 0px 0px 3px 0px #333; -moz-box-shadow: 0px 0px 3px 0px #333; -webkit-box-shadow: 0px 0px 3px 0px #333; -ms-box-shadow: 0px 0px 3px 0px #333; -o-box-shadow: 0px 0px 3px 0px #333; color:#333;} .alert{ border:1px dashed #999; background:#f2f2f2; padding:10px !important; background:#fff;} .alert.ok h3{ color:#3E3E40; margin-top:0;} .alert h3{ font-size:16px; line-height:18px; margin-bottom:5px; color:#D3031C; font-weight:normal; margin-top:0 !important;} .alert a{ text-decoration:underline;} .filter_container{ margin-bottom:20px; padding:10px; height:32px; background:#f4e2bc;} .filter_container form{ float:right;} .filter_container.blue{ background-color:#d3e1ee;} .filter_container.green{ /*background-color:#CBE882;*/ background-color:#c9e581;} .filter_container.orange{ /*background-color:#FFD382;*/ background-color:#f2b77c;} .filter_container label{ float:left; margin:7px 10px 0 0; font-size:12px; line-height:14px; font-weight:700; text-transform:uppercase; color:#454545;} .filter_container select{ position:absolute; height:30px; width:299px; padding:8px 10px 4px 10px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; cursor:pointer; border:none;} .filter_container select option{ margin:3px 0; color:#000;} .selector{ position:relative; float:left; width:299px; height:30px; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#6e6e72; /*border:1px solid #C4C5C5;*/ background:url(../images/select_arrow.png) 97% center no-repeat #fff; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;} .selector span{ position:absolute; top:5px; left:10px;} /*------------------ ColorBox ------------------*/ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;} #cboxOverlay{background:#000;} #colorbox{} #cboxTopLeft{width:2px; height:2px; background:#fff;} #cboxTopCenter{height:2px; background:#fff;} #cboxTopRight{width:2px; height:2px; background:#fff;} #cboxBottomLeft{width:2px; height:28px; background:#fff;} #cboxBottomCenter{height:28px; background:#fff;} #cboxBottomRight{width:2px; height:28px; background:#fff;} #cboxMiddleLeft{width:2px; background:#fff;} #cboxMiddleRight{width:2px; background:#fff;} #cboxContent{background:#fff; overflow:visible;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url('../images/colorbox/loading_background.png') no-repeat center center;} #cboxLoadingGraphic{background:url('../images/colorbox/loading.gif') no-repeat center center;} #cboxTitle{position:absolute; bottom:-20px; left:0; text-align:center; width:100%; color:#434343;} #cboxCurrent{position:absolute; bottom:-20px; left:58px; color:#7C7C7C;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-23px; background:url('../images/colorbox/controls.png') no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious:hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext:hover{background-position:-75px 0px;} #cboxClose{right:0; background-position:-100px -25px;} #cboxClose:hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;} #label_arealist{ font:18px/18px 'HelveticaNeueLTStd57Condensed', Arial, Helvetica, sans-serif; text-transform:uppercase; padding-bottom:12px; width:660px; } #label_arealist ul{ list-style:none; } #label_arealist ul li{ float:left; width:328px; }