body,ul,li,h1,h2,h3,h4,h5,h6,a,span,p{margin:0px; padding:0px; font-weight:normal;} header,nav,section,aside,article,footer{display:block; margin:0px; padding:0px;} h1{color:#333; font-family:Calibri; font-size:32px; text-align:center; text-transform:uppercase; font-weight:bold;} h2{color:#fff; font-size:18px; text-align:left; text-transform:uppercase; line-height:52px; font-weight:bold;} h3{color:#37c6f5; font-size:24px; text-transform:uppercase; font-weight:bold; margin-bottom:10px; text-align:left; background:url(../images/heading-bg.jpg) no-repeat left bottom; padding-bottom:20px; margin-bottom:20px;} h5{color:#34b1c4; font-size:14px; text-align:center; font-weight:bold; text-transform:uppercase; margin-top:20px; margin-bottom:10px; line-height:32px; border:1px #ccc solid; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} h6{color:#37c6f5; font-size:14px; text-transform:uppercase; font-weight:bold; margin-bottom:10px; text-align:left;} ul{ line-height:none;} a{text-decoration:none;} table td a{color:#000; text-decoration:none;} a:hover{color:#F00;} img{border:none;} body{margin:0px; padding:0px; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;} .clear-float{clear:both;} .section{width:1002px; margin:0 auto;} .contaciner{width:100%; float:left;} #header{width:100%; float:left; padding:5px 0; background:#333333;} #header-navi{ width:300px; float:left; margin-top:10px;} #header-navi ul{} #header-navi ul li{ list-style:none; float:left;} #header-navi ul li a{ color:#ccc; font-size:12px; text-align:left; margin-right:10px; display:block; padding-right:10px; border-right:1px #fff dashed;} #header-navi ul li a:hover{ color:#fff;} #header-navi ul li a.active{ color:#fff;} #header-social{width:210px; float:right;} #logo{width:250px; float:left; } #navigation{width:670px; float:right;} #navigation ul{ line-height:85px;} #navigation ul li{ list-style:none; float:left;} #navigation ul li a{ font-size:12px; font-family:Arial, Helvetica, sans-serif; display:block; padding:0px 11px; color:#000; text-transform:uppercase; margin-right:5px; border-top:2px #fff solid;} #navigation ul li a:hover{ color:#fff; background:#3cb6b6; border-top:2px #97d1d1 solid;} #navigation ul li a.active{ color:#fff; background:#3cb6b6; border-top:2px #97d1d1 solid;} #navi, .navi, #navi .navi li { margin:0px; padding:0px; text-align:left;} #navi li {float:left; display:inline; cursor:pointer; list-style:none; position:relative; text-align:left;} #navi li ul.first {left:-1px; top:100%;} #navi .navi li { width:100%;color:#fff; text-align:left;} .navi li a {display:block; text-align:left; width:300px; color:#fff; background:#3cb6b6; border-top:none;} ul.navi { display:none; background:#3cb6b6; text-align:left;} .navi li:hover > a, .navi li:hover { color:#fff; text-align:left;} li:hover > .navi { display:block; position:absolute; width:300px; z-index:1000; color:#fff; text-align:left; } li:hover { position:relative; z-index:2000; } #slider{width:100%; float:left; border-top:2px #e0e7ee solid; border-bottom:2px #e0e7ee solid;} #slider img{width:100%;} #mid-col-1{width:100%; float:left; border-bottom:15px #e5e5e5 solid; padding:40px 0;} #mid-col-1-left{width:300px; float:left; background:url(../images/buttom-1.jpg) no-repeat left;} #mid-col-1-left p{color:#fff; font-size:16px; font-weight:bold; text-align:center; line-height:66px;} #mid-col-1-left a{color:#fff; font-size:16px; font-weight:bold; text-align:center; line-height:66px;} #mid-col-1-left a:hover{color:#F00; font-size:16px; font-weight:bold; text-align:center; line-height:66px;} #mid-col-1-left-main{width:300px; float:left;} #mid-col-1-left-b{width:300px; float:left; margin-top:20px;} #mid-col-1-left-b p{ color:#333; font-size:16px; text-align:left; line-height:22px;} #mid-col-1-left-b p span{ color:#333; font-size:12px;} #mid-col-1-right{width:650px; float:right; border-left:1px #ccc dashed; padding-left:20px;} #mid-col-1-right p{ color:#333; font-size:16px; text-align: justify; line-height:22px;} #mid-col-1-right p span{ color:#333; font-size:12px;} #mid-col-2{width:100%; float:left; background:url(../images/mid-col-2-bg.jpg) repeat-x bottom; margin:40px 0; padding-bottom:30px;} #mid-col-2-a{width:300px; float:left; margin-right:50px;} #mid-col-2-b{width:300px; float:left; margin-right:50px;} #mid-col-2-b h1{ color:#444444; font-size:18px; text-align:left; text-transform:uppercase; border-bottom:1px #f1f1f1 solid; padding-bottom:20px; margin-bottom:20px;} #mid-col-2-b h1 span{color:#06C;} #mid-col-2-b-text{ width:100%; float:left;} #mid-col-2-b-text p{ color:#333; font-size:12px; text-align:justify; font-family:Arial, Helvetica, sans-serif;} #mid-col-2-b-more{ width:110px; float:left; margin-top:30px;} #mid-col-2-b-more p{color:#fff; font-size:12px; font-weight:bold; text-align:center; line-height:34px;} #mid-col-2-b-more a{color:#fff; font-size:12px; font-weight:bold; text-align:center; line-height:34px; width:110px; background:url(../images/more-2.jpg) no-repeat center; display:block;} #mid-col-2-b-more a:hover{color:#F00; font-size:12px; line-height:34px; background:url(../images/more-3.jpg) no-repeat center;} #mid-col-2-b-more2{ width:110px; float:left; background:url(../images/more-3.jpg) no-repeat center; margin-top:30px;} #mid-col-2-b-more2 p{color:#fff; font-size:12px; font-weight:bold; text-align:center; line-height:34px;} #mid-col-2-b-more2 a{color:#fff; font-size:12px; font-weight:bold; text-align:center; line-height:34px;} #mid-col-2-b-more2 a:hover{color:#F00; font-size:12px; font-weight:bold; text-align:center; line-height:34px;} #mid-col-3{width:100%; float:left; border-bottom:1px #ccc solid; padding-bottom:30px;} #mid-col-3a{ width:300px; float:left; margin-right:25px;} #mid-col-3a p{color:#333; font-size:12px; text-align:justify;} #mid-col-3 h1{ color:#444444; font-size:18px; text-align:left; text-transform:uppercase; border-bottom:1px #f1f1f1 solid; padding-bottom:20px; margin-bottom:20px;} #mid-col-3 h1 span{color:#06C;} .accordian{ width:300px; float:left; border-bottom:1px #f1f1f1 solid; padding-bottom:10px; margin-bottom:10px;} .accordian h3{background:url(../images/click-img.jpg) no-repeat left; font-size:16px; font-weight:bold; color:#fff; padding-left:30px; padding-top:20px;} .column1_2{} .column1_2 p{color:#333; font-size:12px; text-align:justify; line-height:18px;} #mid-col-3b{ width:300px; float:left; margin-right:25px; border:1px #f1f1f1 solid; padding:20px; border-bottom:4px #f1f1f1 solid; margin-top:-20px;} #mid-col-3b ol{} #mid-col-3b ol li{ list-style:none; color:#333; line-height:22px; font-size:12px; background:url(../images/arrow-icons.png) no-repeat left top; padding-left:20px; margin-left:-30px; } #mid-col-3b h1{ color:#444444; font-size:18px; text-align:left; text-transform:uppercase; border-bottom:1px #f1f1f1 solid; padding-bottom:20px; margin-bottom:20px;} #mid-col-3b h1 span{color:#06C;} #mid-col-3b-img{width:100%; float:left; margin:0 0 20px 0;} #mid-col-3b p{color:#333; font-size:12px; text-align:justify; line-height:18px;} #mid-col-3b-more{width:100px; float:left; margin-top:20px;} #mid-col-3b-more p{color:#06C; font-size:12px; font-weight:bold; text-align:center;} #mid-col-3b-more a{color:#06C; font-size:12px; font-weight:bold; text-align:center; background:url(../images/arrow.jpg) no-repeat left; padding-left:20px;} #mid-col-3b-more a:hover{ color:#F00;} #mid-col-3c{ width:300px; float:left;} #mid-col-3c h1{ color:#444444; font-size:18px; text-align:left; text-transform:uppercase; border-bottom:1px #f1f1f1 solid; padding-bottom:20px; margin-bottom:20px;} #mid-col-3c h1 span{color:#06C;} #mid-col-3cA{width:100%; float:left; margin-bottom:30px;} #mid-col-3cA-left{width:50px; float:left;} #mid-col-3cA-left-a{width:100%; float:left; -moz-border-radius:5px 0 0 0 ; -webkit-border-radius:5px 0 0 0 ; border-radius:5px 0 0 0 ; border:1px #f1f1f1 solid;} #mid-col-3cA-left-a p{color:#000; font-size:24px; text-align:center; line-height:32px;} #mid-col-3cA-left-b{width:100%; float:left; -moz-border-radius:0 0 0 5px ; -webkit-border-radius:0 0 0 5px ; border-radius:0 0 0 5px ; background:#3cb6b6; border-bottom:4px #0a4a4a solid; border:1px #f1f1f1 solid;} #mid-col-3cA-left-b p{color:#fff; font-size:16px; text-align:center; line-height:32px;} #mid-col-3cA-right{width:240px; float:right;} #mid-col-3cA-right p{color:#333; font-size:14px; text-align:justify;} #mid-col-3cA-right p span{font-size:12px;} #mid-col-4{width:100%; float:left; background:#fcfcfc; padding:40px 0 50px 0;} #mid-col-4-full{ width:960px; float:left; background:#3cb6b6; padding:10px 20px; border:1px #666 solid; border-bottom:10px #2d8888 solid;} #mid-col-4-full-left p strong{color:#fff; font-size:18px; text-align:left; text-transform: uppercase;} #mid-col-4-full-left{width:600px; float:left; margin-top:10px;} #mid-col-4-full-left p{color:#fff; font-size:13px; text-align:justify;} #mid-col-4-full-right{width:192px; float:right; background:url(../images/read-more.png) no-repeat center;} #mid-col-4-full-right p{color:#fff; font-size:14px; font-weight:bold; text-align:center; line-height:72px; padding-left:10px;} #mid-col-4-full-right a{color:#fff; font-size:14px; font-weight:bold; text-align:center; line-height:72px; padding-left:10px;} #mid-col-4-full-right a:hover{color:#F00; font-size:14px; font-weight:bold; text-align:center; line-height:72px; padding-left:10px;} #footer{width:100%; float:left; background:#0c0c0c; padding:40px 0 0 0; border-top:5px #5c5c5c solid; padding-bottom:50px;} #footer-img{ width:100%; float:left; background:url(../images/arrow.png) no-repeat center; height:48px; margin-top:-65px;} #footer-col-1{width:230px; float:left; margin-right:20px;} #footer-col-1 p{color:#fff; font-size:12px; text-align:justify;} #footer-col-1 h1{ color:#fff; font-size:18px; text-align:left; text-transform:uppercase; border-bottom:1px #fff solid; padding-bottom:10px; margin-bottom:10px;} #footer-col-2{width:230px; float:left; margin-right:30px;} #footer-col-2 h1{ color:#fff; font-size:18px; text-align:left; text-transform:uppercase; border-bottom:1px #fff solid; padding-bottom:10px; margin-bottom:10px;} #footer-col-2-left{ width:70px; float:left;} #footer-col-2-right{width:160px; float:right;} #footer-col-2-right p{color:#fff; font-size:12px; text-align:justify;} #footer-col-3{width:200px; float:left; margin-right:30px;} #footer-col-3 h1{ color:#fff; font-size:18px; text-align:left; text-transform:uppercase; border-bottom:1px #fff solid; padding-bottom:10px; margin-bottom:10px;} #footer-col-3 ul{} #footer-col-3 ul li{ list-style:none;} #footer-col-3 ul li a{ color:#ccc; display:block; line-height:22px; font-size:12px; text-align:left; border-bottom:1px #f1f1f1 dotted; padding-bottom:5px; margin-bottom:5px;} #footer-col-3 ul li a:hover{ color:#fff;} #footer-col-4{width:250px; float:left;} #footer-col-4 h1{ color:#fff; font-size:18px; text-align:left; text-transform:uppercase; border-bottom:1px #fff solid; padding-bottom:10px; margin-bottom:10px;} #footer-col-4 l p{color:#fff; font-size:12px; text-align:justify; line-height:22px;} #bottom{width:960px; float:left; background:#111111; padding:20px; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; margin-top:30px;} #copyright{width:500px; float:left;} #copyright p{color:#fff; font-size:12px; text-align:left;} #design{width:450px; float:right;} #design p{color:#fff; font-size:12px;} #design a{color:#fff;} #design a:hover{color:#09C;} #products-range{width:100%; float:left;} /********** < Navigation */ .nav-container {} #nav { border:1px solid #fff; background:url(../images/nav-bg.gif) repeat-x center top #fff; border-bottom:1px solid #e3e3e3; border-radius:6px; margin-bottom:10px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.06); padding:9px 13px 5px; } #nav li a { float:none; font-size:12px; color:#333; text-decoration:none; display:block;} #nav li.parent {display:block;} #nav > li.parent > a > span {background:url(../images/marker-sub.png) no-repeat 135px 8px; display:block;} #nav li {background:url(../images/nav-line.png) repeat-x center bottom; list-style:none;} #nav > li.last {background:none;} #nav > li > a {background:url(../images/nav-marker.png) no-repeat 5px -58px; padding:6px 0 8px 32px; } #nav > li.hover > a, #nav > li.active > a { background-position:5px 7px; font-weight:bold; color:#167caf;} #nav > li > ul{position:relative; left:0; top:0; padding:0; display:none; width:auto; border:0; background:url(../images/nav-line.png) repeat-x center top; zoom:1;} #nav > li > ul > li{border:0;} #nav > li > ul > li a {padding:6px 0 6px 40px; background:url(../images/nav-marker.png) no-repeat 15px -58px;} #nav > li > ul > li.hover > a, #nav > li > ul > li.active > a { background-position:15px 7px; font-weight:bold; color:#167caf;} #nav > li > ul > li.items.hover, #nav > li > ul > li.items.active{border:0;} #nav > li > ul > li a{border-bottom:0;} #nav > li.active > ul{display:block;} #nav ul li.active > a, #nav ul li.hover > a { color:#667f92 !important; } #nav > li > ul > li > ul{position:relative; left:0!important; top:0; padding:0; display:none; width:auto; border:0; background:0; zoom:1;} #nav > li > ul > li > ul li a {padding-left:55px;} #nav > li > ul > li.active > ul{display:block;} #nav > li > ul > li > ul > li{border-bottom:0; } #nav > li > ul > li > ul > li > ul > li{background:0!important;} /********** Navigation > */ .button_1{ text-align: center; padding: 2em 0em; } .button_1 a{ padding: 0.600em 1.8em; font-size: 1.5em; background :#296E6F; color:#fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; font-family:'Open Sans', sans-serif; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; } .button_1 a:hover{ background:#49CBCD; text-decoration:none; } .button_2-down{ margin-top:10px; text-align:center; padding: 0.600em 1.8em; font-size: 1.5em; background :#296E6F; color:#fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; font-family:'Open Sans', sans-serif; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; } span.rollover { -o-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition: -webkit-transform 1s; background: url(../images/puls.png) center center no-repeat rgba(0, 0, 0, 0.87); cursor: pointer; height: 252px; width: 300px; position: absolute; z-index: 10; opacity: 0; } span.rollover:hover { opacity: 0.7; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .gallery{ padding:0; clear:both; } .wrapper .gallery h2{ display:block; text-align:center; color:#000; } .gallery ul{ display:inline; margin:0; padding:0; list-style:none; } .gallery ul li{ display:block; float:left; margin:0 25px 10px 0; width:300px; } .gallery ul li img{width:300px; height:250px; border:1px #ccc solid;} .gallery ul a{ text-decoration:none; color:#F00; } .gallery ul a:hover{ text-decoration:none; color:#09C; } .anythingSlider{width:1349px;height:400px;position:relative;}.anythingSlider .wrapper{width:1349px;height:400px;position:absolute;top:0;left:0;}.anythingSlider .wrapper ul{width:9999px;list-style:none;position:absolute;top:0;left:0;margin:0;}.anythingSlider ul li{display:block;float:left;height:400px;width:1349px;position:relative;}.anythingSlider span#slogan{background-color:#272727;display:block;width:300px;height:60px;color:#fff;position:absolute;bottom:0!important;bottom:-1px;left:0;z-index:100;font-size:24px;font-family:Arial, Helvetica, sans-serif;line-height:1.2em;padding:0 0 0 0;overflow:hidden; text-align:center;}.anythingSlider .arrow{display:none;}#start-stop{color:#fff;text-transform:uppercase;font-size:.923em;position:absolute;right:18px;bottom:11px;text-decoration:none; }#start-stop:hover{text-decoration:underline;}#thumbNav{position:absolute;right:0;bottom:0!important;bottom:-1px;width:149px;height:28px;background-color:#272727;padding:11px 0 0 17px; opacity:0.7; filter:alpha(opacity=70);}#thumbNav a{width:17px;height:17px;padding:0;display:block;float:left;line-height:0;text-indent:-9999px;background-repeat:no-repeat;background-position:-18px 0;background-image:url(../images/thumbs-sprite.gif);margin-right:1px;}#thumbNav a:hover,#thumbNav a.cur{background-position:0 0;}.anythingSlider .wrapper ul ul{position:static;margin:0;background:none;overflow:visible;width:auto;border:0;}.anythingSlider .wrapper ul ul li{float:none;height:auto;width:auto;background:none;} #footer_4 { bottom: 0; left: 0; position: fixed; width: 100%; z-index: 999; background:#fff; border-top:2px #ccc solid; } .footer_featured { background: none repeat scroll 0 0; height: 48px; padding:5px 0 5px 0; }