@import url("reset.css"); @import url("responsive1.css"); /* font color:#5a5a5a light font color:#f6f6f6 BLUE blue : 1a92d0 very light : e7f6ff light: 65b5e2 dark: 1b77a7 GREEN green: 64ac43 medium dark: 048a25 ORANGE orange: ec9801 */ /** { box-sizing: border-box; }*/ .clr {clear:both;} body {background:#e8edef; color:#5a5a5a; font-family:'Open Sans',Helvetica,Arial,sans-serif; font-size:14px;} p {line-height:17px;} strong {font-weight:bold;} .margin {margin:0 auto; width:1000px;} .hide {display:none;} .show {display:block;} textarea {font-family:inherit; font-size:inherit; font-weight:inherit;} input[type="text"] {font-family:inherit; font-size:inherit; font-weight:inherit;} .left {float:left;} .input {-webkit-appearance:none;} .resp_clr {display:none;} #site_cont {background:#fff; margin:0 auto; padding:0 10px; width:1300px;} #covid {background:#e74a55; color:#fff; font-weight:bold; padding:30px; text-align:center;} /****************** GOOGLE SEARCH ******************/ /*.gs-title, .gs-snippet {font-family:'Open Sans',Helvetica,Arial,sans-serif; line-height:18px;} .gs-title a {color:#1a92d0 !important;} .gs-title:hover {color:red !important; text-decoration:none !important;} .gsc-cursor-page:hover {background:#fff !important; color:#1a92d0 !important; text-decoration:none !important;} .gsc-cursor-page {font-size:18px; background:#1a92d0 !important; border:1px solid #1a92d0; color:#fff !important; padding:5px 10px !important; width:30px !important;} .gsc-cursor-current-page {background:#64ac43 !important; border:1px solid #64ac43 !important;} .gsc-cursor-current-page:hover {color:#64ac43 !important;} */ /****************** COOKIE ******************/ #cookies_notification {background:#1d5673;color:#f6f6f6; cursor:pointer; text-align:center; padding:15px; position:fixed; bottom:0; z-index:99999; width:100%;} #cookies_notification_description {color:#d0e4ee; display:inline-block; font-size:14px; padding-right:50px;} #cookies_notification_description a {color:#a1b2bb; text-decoration:underline;} #cookies_notification_button {background:#1a92d0; border-radius:5px; color:#fff; display:inline-block; font-weight:bold; padding:10px 20px;} #cookies_notification span {font-size:14px; font-style:times new roman; font-weight:bold; margin-left:5px;} /****************** HEADER ******************/ /* main header */ #header {} #main_header_nav_cont {background:#fff; height:40px;} #main_header_nav {margin:0 auto; padding-top:15px; height:55px; width:1000px;} /* logo */ #logo {float:left; padding:6px 20px 0 10px;} /* NAV */ #main_nav {float:left; margin-left:20px; width:530px;} .nav_link {color:#000; float:left; font-size:12px; font-weight:bold;} .main_link {display:block; padding:14px 15px 14px 15px;} .nav_link .main_link:hover {color:#7e898f;} .nav_link_hover {box-shadow:0px 0px 3px #055179; color:#0a94d6;} .nav_link_hover a {background:#fff;} .nav_current {color:#1a92d0;} #resp_header {display:none;} #resp_nav_cont {display:none;} /* ICONS */ #header_icons {float:left; padding:5px 0 0 20px; position:relative; width:135px;} /* search */ #header_search {border:1px solid #fff; border-radius:5px; float:right; height:30px; right:110px; position:absolute; top:2px; width:25px;} #header_search_but {background:url(../images/header-search.png) no-repeat 5px center; cursor:pointer; display:block; float:left; height:30px; width:25px;} #header_search_field {border:none; display:none; float:left; font-size:12px; height:30px; margin-left:10px; padding:0; width:79%;} #header_search_close {color:#919ba1; cursor:pointer; display:none; float:right; font-size:16px; line-height:30px; text-align:center; width:25px;} /* search suggestion */ #header_search_suggest {background:#fff; border:1px solid #35a1d5; border-radius:5px; display:none; font-size:12px; padding:10px 5px; position:absolute; margin-top:10px; width:288px; z-index:100;} #header_search_suggest li a {border-radius:3px; display:block; padding:3px 5px;} #header_search_suggest li a:hover {background:#35a1d5; color:#fff;} #header_search_suggest li a:hover span {color:#ec9801;} #header_search_suggest span {color:#1a92d0; font-weight:bold;} /* members */ #header_login {background:url(../images/header-login.png) no-repeat center center; border-left:1px solid #96a4ac; color:#fff; cursor:pointer; display:block; float:left; height:26px; margin:0 8px 0 35px; padding-left:14px; width:20px;} /* cart */ #header_cart_cont {float:left;} #header_cart {background:url(../images/header-cart.png) no-repeat #ec9801 3px center; border-radius:3px; color:#fff; display:block; height:20px; padding:6px 3px 0px 26px;} .full_cart span {display:inline-block; padding:0 3px;} .empty_cart {cursor:default;} .full_cart {cursor:pointer;} /* cart contents */ #cart_contents_cont {display:none; left:-57px; padding-top:20px; position:absolute; top:30px; z-index:25;} #cart_contents {background:#fff; border:2px solid #1a92d0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#1a92d0; cursor:auto; font-size:12px; line-height:14px; position:relative; text-align:left; width:325px;} #cart_contents:after,#cart_contents:before {bottom:100%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none;} #cart_contents:after {border-bottom-color:#fff; border-width:8px; left:50%; margin-left:0px; margin-top:10px;} #cart_contents:before {border-color:rgba(194, 225, 245, 0); border-bottom-color:#1a92d0; border-width:11px; left:50%; margin-left:-3px; margin-top:10px;} .cart_contents {cursor:pointer; padding:5px;} .cart_contents_image {float:left; padding-right:10px; width:30px;} .cart_contents_image img {border:1px solid #1a92d0;} .cart_contents a {display:block; float:left; line-height:15px; width:200px;} .cart_contents_price {font-weight:bold; float:left;} #cart_contents h5 {border-bottom:1px solid #d3e0f0; color:#1a92d0; font-size:18px; padding:5px; text-align:center;} .cart_contents:hover {background:#1a92d0; color:#fff;} .cart_contents span {display:inline; width:20px; margin-left:15px;} .cart_contents_empty {text-align:center; padding:10px 0;} #contents_checkout {background:#ec9801; border:none; -webkit-border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; border-radius:0px 0px 3px 3px; color:#fff; cursor:pointer; font-size:16px; font-weight:bold; height:15px; margin-top:5px; padding:5px 20px;} #contents_checkout span {margin-left:80px;} /* CONTACT */ #header_contact {float:right; padding:5px 10px 0;} #header_phone {color:#ec9801; display:block; font-size:18px;} /****************** FOOTER ******************/ #footer {background:#79848a; color:#fff; margin-top:10px; padding-top:30px;} /* usps */ #footer_usps {border-bottom:1px solid #b6c1c7; margin:0 auto; padding:10px 0; width:1000px;} .footer_usp {background-repeat:no-repeat; float:left; padding:20px 5px 20px 70px; width:230px;} .footer_usp h4 {font-size:16px; padding-bottom:5px;} .footer_usp p {font-size:12px;} #footer_usp_guarantee {background-image:url(../images/footer-usp-guarantee.png); background-position:5px 25px; margin-right:40px;} #footer_usp_delivery {background-image:url(../images/footer-usp-delivery.png); background-position:5px 25px; margin-right:40px;} #footer_usp_international {background-image:url(../images/footer-usp-international.png); background-position:5px 25px;} /* footer nav */ #footer_nav {margin:0 auto; padding-bottom:10px; width:1000px;} #footer_nav ul {float:left; padding:0 20px;} #bottom_nav_products {margin-left:70px; width:250px;} #bottom_nav_contact {width:300px;} #bottom_nav_accept {width:210px;} .footer_phone_link {color:#fff; font-weight:bold; font-size:14px; margin-left:5px;} #footer_nav li {display:block; font-size:12px; margin:10px 0;} #footer_nav li p {line-height:20px;} #footer_nav li a {display:block;} #footer_nav li a:hover {color:#fff; text-decoration:underline;} #footer_nav h5 {color:#fff; font-size:16px; padding-bottom:5px;} .footer_nav_other {color:#b4bec3; font-weight:bold;} #footer_secure {background:url(../images/secure.png) no-repeat 0px 5px; font-size:12px !important; padding-left:25px;} /* responsive */ #bottom_contact_us span, #bottom_nav_accept_head span, #bottom_nav_prod_head span {display:none;} /* copyright area */ #footer_copy_cont {font-size:12px; margin:0 auto; padding:20px 0; width:1000px;} #footer_msl_logo {float:left; padding:0 10px;} #footer_msl_copy {float:left; padding:15px 20px;} #footer_msl_company {padding-right:20px;} #footer_bottom_nav {float:left; padding-top:15px;} #footer_copy_privacy {border-right:1px solid #b6c1c7; margin-right:10px; padding-right:10px;} /* preloading */ #footer_preload {height:1px;} #footer_preload img {height:1px; width:1px;} /****************** FOOTER ADD CART POPUP ******************/ #cart_popup {background:#fff; border:2px solid #1a92d0; border-radius:5px; color:#616c72; display:none; height:500px; margin:0 auto; position:fixed; top:50px; width:850px; z-index:55;} #close_pop_cart {background:#1a92d0; border-radius:50%; color:#fff; cursor:pointer; font-weight:bold; height:20px; line-height:20px; padding:5px; position:absolute; right:-15px; text-align:center; top:-15px; width:20px; z-index:56;} #fade_in {background:url(../images/white-opacity.png); display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:54;} #fade_dark {background:url(../images/dark-opacity.png); display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:20;} #add_cart_info {float:left; position:relative; width:600px;} #add_cart_info h2 {background:url(../images/add-success.png) 10px 10px no-repeat; font-size:22px; font-weight:bold; padding:20px 80px;} /* order */ #cart_pop_order {padding:20px;} #cart_pop_order_img {float:left; padding:0 20px; width:50px;} #cart_pop_order_name {float:left; padding:5px; width:240px;} #cart_pop_order_name h4 {font-weight:bold;} /* edit quantity */ #cart_pop_order_quant {float:left; padding:5px; width:80px;} #cart_pop_order_quant_price {color:#ec9801; float:left; font-size:20px; font-weight:bold; padding:5px; width:70px;} /* recommended */ #cart_pop_rec {} #cart_pop_rec h3 {color:#1a92d0; font-size:18px; font-weight:bold; padding:20px;} #cart_pop_rec_prods {height:220px; overflow-y:scroll;} .cart_pop_rec {border-bottom:1px solid #d6f1ff; height:50px; padding:10px 0;} .cart_pop_rec_img {float:left; padding:0 20px; width:50px;} .cart_pop_rec_head {float:left; padding:20px 5px 0 5px; width:270px;} .cart_pop_rec_head a:hover {text-decoration:underline;} .cart_pop_price {color:#1a92d0; float:left; font-weight:bold; padding:20px 5px 0 5px; width:80px;} .cart_pop_add {float:left; padding:10px 5px 0 5px; width:50px;} .cart_pop_add input {background:#ec9801; border:none; border-radius:2px; color:#ffebcf; cursor:pointer; font-size:14px; height:30px; line-height:20px; padding:0 10px;} #add_sensor_warning {background:url(../images/gateway-warning.png) no-repeat 20px center #fff6f6; background-size:20px 20px; border:1px solid red; border-radius:5px; color:red; font-size:12px; margin:0 auto 20px auto; padding:10px 5px 10px 25px; text-align:center; width:540px;} /* cart info */ #cart_pop_cart {box-shadow:-5px 0px 5px #c7c7c7; float:left; height:490px; padding-top:10px; position:relative; width:250px;} #cart_pop_total {font-size:14px; padding:10px;} #cart_pop_total p {display:inline-block;} #cart_pop_subtotal {width:150px;} #cart_pop_total span {color:#1a92d0; font-size:10px; font-weight:bold;} #cart_pop_money {color:#000; font-weight:bold;} #cart_pop_view {padding:20px 0; text-align:center;} #cart_pop_view a {color:#ffebcf; background:#ec9801; border-radius:5px; color:#ffebcf; display:block; font-size:18px; margin:0 auto; padding:10px 0; text-align:center; width:210px;} #cart_pop_cont {bottom:20px; position:absolute; text-align:center; width:100%;} #cart_pop_cont a {border:2px solid #38a1d9; border-radius:5px; color:#38a1d9; display:block; font-size:18px; margin:0 auto; padding:10px 0; text-align:center; width:210px;} #cart_pop_ship {color:#64ac43; font-size:14px; line-height:18px; padding:20px; text-align:center;} #cart_pop_ship span {color:#048a25; font-weight:bold;} #cart_pop_fship {background:url(../images/green-arrow.png) 20px 23px no-repeat; padding-left:44px;} /****************** MOBILE SIDE NAV DROP DOWN ******************/ #side_wrapper { -webkit-border-radius:10px 10px 0px 0px; -moz-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px; float:left; position:absolute; width:250px; z-index:36;} #side_nav_wrapper {display:none;} #products_nav_resp {display:none;} /* responsive */ #dropdown_nav_resp {display:none;} /* responsive */ #responsive_header {display:none;} /* responsive */ #side_nav_container {background:#fff; -webkit-border-radius:0px 0px 5px 10px; -moz-border-radius:0px 0px 5px 10px; border-radius:0px 0px 5px 10px; -moz-box-shadow:0px 0px 35px #484848; -webkit-box-shadow:0px 0px 35px #484848; box-shadow:0px 0px 35px #484848; height:500px;} .side_nav_link {cursor:pointer;} .side_nav_links:first-child {border:none;} .side_nav_links:hover .side_subnav {display:block;} .side_nav_link a {border-top:1px solid #acc5e5; display:block; font-size:16px; font-weight:bold; padding:10px; width:230px;} .side_nav_links:hover {position:relative;} .side_nav_links:hover:after {left:100%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none;} .side_nav_links:hover:after {border-color:rgba(136, 183, 213, 0); border-left-color:#000; border-width:10px; top:50%; margin-left:-570px; margin-top:-10px;} /****************** HOMEPAGE ******************/ /* INTRO */ #home_intro {background:url(../images/intro-bg.jpg) center center #d3d5e1; background-size:1300px 450px; height:450px; margin-bottom:10px;} #home_intro_cont {margin:0 auto; width:1000px;} #home_intro h1 {color:#000; font-family:'Raleway',sans-serif; font-size:36px; font-weight:bold; line-height:44px; padding:55px 0 30px 0; text-align:center;} #home_intro h1 span {color:#fff; display:inline-block; padding:0 5px;} #home_intro_alerts {padding-left:280px;} #home_intro_message {background:#1a92d0; border-radius:10px; color:#fff; font-size:26px; float:left; line-height:30px; margin-left:30px; padding:15px; position: relative; text-align:center; text-shadow:0px 0px 2px #14425a; width:170px;} #home_intro_message:after {right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;} #home_intro_message:after {border-color: rgba(37, 133, 254, 0); border-right-color: #1a92d0; border-width: 15px; margin-top: -30px;} #home_intro_alert_icons {float:left; padding:0 20px; width:200px;} #home_intro_alert_icons h2 {color:#000; font-size:26px; padding-bottom:10px;} #home_intro_alert_emails {background:url(../images/intro-email.png) no-repeat 0px 0px; background-size:25px 25px; float:left; font-size:18px; padding-left:30px; width:70px;} #home_intro_alert_sms {background:url(../images/intro-sms.png) no-repeat 0px 0px; background-size:25px 25px; float:left; font-size:18px; padding-left:30px; width:70px;} #home_intro_list {margin:0 auto; padding-top:50px; width:390px;} #home_intro_list li {background-repeat:no-repeat; background-size:35px 35px; background-position:center top; color:#000; float:left; font-size:16px; font-weight:bold; padding-top:40px; text-align:center; width:130px;} #home_intro_battery {background-image:url(../images/intro-battery.png);} #home_intro_range {background-image:url(../images/intro-range.png);} #home_intro_connect {background-image:url(../images/intro-connect.png);} /* companies */ #home_company_icons {text-align:center; padding:50px 0;} #home_company_icons h3 {font-size:26px; padding:35px; text-align:center;} #home_company_icons img {margin:0 4%;} /* APPS */ #home_apps {background:#f5f8f9; padding-top:20px;} #home_apps h2 {font-size:30px; padding:20px 0 40px; text-align:center;} #home_apps ul {margin:0 auto; width:999px;} .home_app {background:#fff; cursor:pointer; height:400px; margin:0 auto; width:300px;} .home_app_image {height:200px; background-position:center center; background-repeat:no-repeat; background-size:100%;} .home_app h3 {color:#009fff; font-size:18px; font-weight:bold; padding:20px 0 20px; text-align:center;} .home_app_desc {line-height:18px; padding:10px;} /* #home_app_freezer .home_app_image {background:url(../images/home-app-freezer.jpg) no-repeat center center;} #home_app_hvac .home_app_image {background:url(../images/home-app-hvac.jpg) no-repeat center center;} #home_app_greenhouse .home_app_image {background:url(../images/home-app-greenhouse.jpg) no-repeat center center;} #home_app_bakery .home_app_image {background:url(../images/home-app-bakeries.jpg) no-repeat center center;} #home_app_data .home_app_image {background:url(../images/home-app-data.jpg) no-repeat center center;} #home_app_building .home_app_image {background:url(../images/home-app-building.jpg) no-repeat center center;} #home_app_production .home_app_image {background:url(../images/home-app-production.jpg) no-repeat center center;} */ #owl_set .owl-controls .owl-buttons {margin:0 auto; padding-top:20px; width:180px;} #owl_set .owl-controls .owl-prev {background:url(../images/app-but-left.png) center center no-repeat; float:left; height:40px; margin-right:20px; text-align:center; width:40px; opacity:1; color:transparent;} #owl_set .owl-controls .owl-next {background:url(../images/app-but-right.png) center center no-repeat; float:left; height:40px; text-align:center; width:40px; opacity:1; color:transparent;} #home_greenhouse_humidity {background:url(../images/home-app-greenhouse.png) no-repeat center 20px; background-size:55px 55px;} #home_greenhouse_humidity h3 {color:#00c92b;} #home_data_monitoring {background:url(../images/home-app-data.png) no-repeat center 20px; background-size:55px 55px;} #home_data_monitoring h3 {color:#de1d14;} #home_building_monitoring {background:url(../images/home-app-building.png) no-repeat center 20px; background-size:55px 55px;} #home_building_monitoring h3 {color:#ff9600;} .home_app li {border-bottom:1px solid #e8eef2; line-height:18px; margin:0 10px; padding:10px 5px;} .home_app li:last-child {border-bottom:none;} /* PRODUCTS */ .home_sensor_products {-webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; background-size:cover !important; float:left; height:400px; width:645px;} .home_sensor_products h3 {font-family:'Raleway',sans-serif; font-size:26px; font-weight:bold; padding:40px 0 20px 80px;} #home_sensor_temperature {background:url(../images/home-products-temperature.jpg) no-repeat; color:#4d5559; margin:10px 5px 5px 0;} #home_sensor_temperature h3 {background:url(../images/cats/dark30/temperature-sensors.png) no-repeat 45px 37px;} #home_sensor_humidity {background:url(../images/home-products-humidity.jpg) no-repeat; color:#4d5559; margin:10px 0 5px 5px;} #home_sensor_humidity h3 {background:url(../images/cats/dark30/humidity-sensors.png) no-repeat 45px 37px;} #home_sensor_motion {background:url(../images/home-products-motion.jpg) no-repeat; color:#fff; margin:5px 5px 10px 0;} #home_sensor_motion h3 {background:url(../images/cats/white30/motion-detection-sensors.png) no-repeat 45px 37px;} #home_sensor_resistance {background:url(../images/home-products-resistance.jpg) no-repeat; color:#fff; margin:5px 0 10px 5px;} #home_sensor_resistance h3 {background:url(../images/cats/white30/resistance-sensors.png) no-repeat 45px 37px;} .home_sensor_desc {line-height:22px; font-size:16px; height:50px; padding:0 50px;} .home_sensor_features {height:100px; padding:30px 50px;} .home_sensor_features h4 {color:#1a92d0; font-size:16px; font-weight:bold; padding-bottom:20px;} .home_sensor_features li {padding-bottom:10px;} .home_sensors_view {padding-top:30px; text-align:center;} .home_sensors_view a {color:#1a92d0; padding:7px 0; width:200px;} .home_sensors_view .arrow {left:0; padding-left:5px; position:relative;} /* animation */ .home_sensors_view a:hover {color:#ec9801;} .home_sensors_view a, .home_sensors_view a:hover {-webkit-transition:all 0.3s ease; transition:all 0.3s ease;} .home_sensors_view a:hover > .arrow {color:#ec9801; left:5px;} .home_sensors_view a > .arrow, .home_sensors_view a:hover > .arrow {-webkit-transition:all 0.3s ease; transition:all 0.3s ease;} #home_view_sensors {border:1px solid #c0d0da; border-radius:5px; cursor:pointer; margin:0px auto 30px auto; padding:20px; width:250px;} #home_view_sensors h4 {color:#1a92d0; font-size:18px; padding-bottom:5px;} #home_view_sensors p {color:#ec9801; font-size:12px;} /* animation */ #home_view_sensors .arrow {left:0; padding-left:5px; position:relative;} #home_view_sensors:hover > p a .arrow {left:5px;} #home_view_sensors p a > .arrow, #home_view_sensors p a:hover > .arrow {-webkit-transition:all 0.3s ease; transition:all 0.3s ease;} #home_view_sensors_cont {padding-top:20px;} /* VIDEO */ #home_video {background:url(../images/home-video-bg.png) no-repeat center center; background-size:1300px 475px; height:375px; margin-top:10px; padding:50px 0;} #home_video_text_cont {float:left; width:50%;} #home_video_text {margin:0 auto; width:350px;} #home_video_text h3 {color:#1a92d0; font-family:'Raleway',sans-serif; font-size:34px; font-weight:bold; padding:0 0 20px 0;} #home_video_text p {color:#61717a; font-size:22px; line-height:36px;} #home_video_play {text-align:center;} #home_video_button {background:#ec9801 url(../images/home-video-play.png) no-repeat center center; background-size:20px 20px; border-radius:50%; box-shadow:0px 0px 10px #281c6e; cursor:pointer; display:inline-block; height:70px; width:70px;} #home_video_text_watch {color:#ec9801; cursor:pointer; font-size:18px; padding:10px 0; text-align:center;} #home_video_setup {color:#fff; float:right; width:50%;} #home_video_setup h3 {font-family:'Raleway',sans-serif; font-size:34px; font-weight:bold; padding:0 0 20px 160px;} #home_video_setup_play {text-align:center;} #home_video_setup_button {background:#ec9801 url(../images/home-video-play.png) no-repeat center center; background-size:20px 20px; border-radius:50%; box-shadow:0px 0px 10px #281c6e; cursor:pointer; display:inline-block; height:70px; width:70px;} #home_video_setup_text_watch {color:#ec9801; cursor:pointer; font-size:18px; padding:10px 0; text-align:center;} #home_video_setup p {color:#fff; font-size:22px; line-height:36px; padding:0 50px 0 250px;} /* video popup */ #home_video_popup {display:none; position:fixed; z-index:60;} #home_video_setup_popup {display:none; position:fixed; z-index:60;} /* ALTA */ #home_alta_compare_bg {background:#f5f8f9; padding:50px 0;} #home_alta_compare_bg h3 {color:#1a92d0; font-weight:bold; font-size:18px; padding:15px;} #home_alta_compare_bg p {line-height:20px; padding:15px;} #home_alta_compare_bg ul {padding:0 15px;} #home_alta_compare_bg li {padding-bottom:15px;} #home_alta_compare {margin:0 auto; width:1000px;} #home_compare_alta,#home_compare_standard {background:#fff; float:left; height:400px; margin:25px; width:450px;} #home_alta_banner {background:url(../images/home-alta-bg.jpg) center center no-repeat; background-size:100%; height:80px;} #home_alta_logo {background:url(../images/home-alta.png) 20px center no-repeat; background-size:100px 60px; height:80px;} #home_standard_banner {background:url(../images/home-standard-bg.jpg) center center no-repeat; background-size:100%; height:80px;} #home_standard_logo {background:url(../images/home-standard.png) 20px center no-repeat; background-size:100px 60px; height:80px;} .home_view_compare {text-align:center;} .home_view_compare a {border:1px solid #1a92d0; border-radius:3px; color:#1a92d0; display:inline-block; margin-top:20px; padding:5px 20px;} /* WORKS */ #home_works_cont {background:url(../images/home-works-bg.png) no-repeat center center; height:500px;} #home_works {backgrounds:url(../images/home-works-steps.jpg) no-repeat center top; background-size:1000px 385px; height:385px; margin:0 auto; position:relative; width:1000px;} #home_works h3 {color:#64ac43; font-size:30px; font-family:'Raleway',sans-serif; height:30px; padding-top:30px; text-align:center;} #home_works_tabs {height:80px; margin:0 auto; padding-top:20px; width:280px;} #home_works_tabs li {background-size:20px 20px; border-radius:10px; color:#fff; cursor:pointer; float:left; line-height:30px; margin:0 15px; opacity:0.7; padding:5px 15px 5px 35px; text-align:center; width:60px;} #home_works_tab_wifi {background:url(../images/home-works-gateway.png) no-repeat 10px center #62696d;} #home_works_tab_gate {background:url(../images/home-works-wi-fi.png) no-repeat 10px center #62696d;} #home_works_tabs li:hover {opacity:1;} #home_works_3g {background:url(../images/home-works-3g.png) no-repeat center bottom; height:280px;} #home_works_3g_sensor {background:url(../images/home-works-3g-sensor.png) no-repeat; background-size:100%; height:1px; bottom:60px; right:740px; position:absolute; width:1px;} #home_works_3g_gateway {background:url(../images/home-works-3g-gateway.png) no-repeat; background-size:100%; height:1px; bottom:60px; left:420px; position:absolute; width:1px;} #home_works_3g_data {background:url(../images/home-works-3g-data.png) no-repeat; background-size:100%; height:1px; bottom:60px; left:720px; position:absolute; width:1px;} #home_works_wifi {background:url(../images/home-works-wifi.png) no-repeat center bottom; display:none; height:280px;} #home_works_wifi_sensor {background:url(../images/home-works-wifi-sensor.png) no-repeat; background-size:100%; height:1px; bottom:60px; right:700px; position:absolute; width:1px;} #home_works_wifi_con {background:url(../images/home-works-wifi-con.png) no-repeat; background-size:100%; height:1px; bottom:60px; left:400px; position:absolute; width:1px;} #home_works_wifi_data {background:url(../images/home-works-wifi-data.png) no-repeat; background-size:100%; height:1px; bottom:60px; left:680px; position:absolute; width:1px;} /* SOLUTIONS */ #home_solutions_cont {background:#1c2225; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#1c2225), to(#4e585e)) no-repeat; background:-webkit-linear-gradient(#1c2225, #4e585e) no-repeat; background:-moz-linear-gradient(#1c2225, #4e585e) no-repeat; background:-ms-linear-gradient(#1c2225, #4e585e) no-repeat; background:-o-linear-gradient(#1c2225, #4e585e) no-repeat; background:linear-gradient(#1c2225, #4e585e) no-repeat; margin-top:10px; padding:50px 0;} .home_solutions_top {background:#1c2225; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#1c2225), to(#4e585e)) no-repeat; background:-webkit-linear-gradient(#1c2225, #4e585e) no-repeat; background:-moz-linear-gradient(#1c2225, #4e585e) no-repeat; background:-ms-linear-gradient(#1c2225, #4e585e) no-repeat; background:-o-linear-gradient(#1c2225, #4e585e) no-repeat; background:linear-gradient(#373d41, #4e585e) no-repeat; margin-top:10px;} .home_solutions_bottom {background:#4b565c; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#4b565c), to(#606d75)) no-repeat; background:-webkit-linear-gradient(#4b565c, #606d75) no-repeat; background:-moz-linear-gradient(#4b565c, #606d75) no-repeat; background:-ms-linear-gradient(#4b565c, #606d75) no-repeat; background:-o-linear-gradient(#4b565c, #606d75) no-repeat; background:linear-gradient(#4b565c, #606d75) no-repeat; margin-top:10px;} #home_solutions {margin:0 auto; width:1000px;} #home_solutions h3 {color:#fff; font-size:30px; font-family:'Raleway',sans-serif; line-height:34px; padding:10px 0 40px; text-align:center;} #home_solutions_list {padding:0 50px;} #home_solutions_list li {border-radius:10px; color:#fff; cursor:pointer; float:left; height:340px; margin:10px 10px; position:relative; width:430px;} .home_solutions_image {background-position:center center; background-repeat:no-repeat; height:250px;} .home_solutions_text {color:#788690; position:absolute; text-align:center; top:250px; width:100%; z-index:2;} #home_solutions_list li h4 {color:#fff; font-size:18px; font-weight:100; padding-bottom:5px;} .home_solutions_text p {color:#788690; display:none; font-size:13px; line-height:20px; padding:0px 30px;} .home_view_products {bottom:30px; position:absolute; text-align:center; width:100%; z-index:2;} .home_view_products a {color:#1a92d0; display:inline-block; padding:5px 15px;} .home_view_products a .arrow {left:0; padding-left:5px; position:relative;} /* animation */ .home_view_products a:hover {color:#fff;} .home_view_products a, .home_view_products a:hover {-webkit-transition:all 0.3s ease; transition:all 0.3s ease;} .home_view_products a:hover > .arrow {color:#fff; left:5px;} .home_view_products a > .arrow, .home_view_products a:hover > .arrow {-webkit-transition:all 0.3s ease; transition:all 0.3s ease;} #home_solutions_sensors .home_solutions_image {background-image:url(../images/home-products-sensors.png); background-size:200px 200px;} #home_solutions_gateway .home_solutions_image {background-image:url(../images/home-products-gateway.png); background-size:200px 200px;} #home_solutions_software .home_solutions_image {background-image:url(../images/home-products-software.png); background-size:200px 200px;} #home_solutions_accessories .home_solutions_image {background-image:url(../images/home-products-accessories.png); background-size:200px 200px;} .home_sensor_fade {background:url(../images/vdark-opacity.png); border-radius:10px; display:none; height:340px; left:0; position:absolute; top:0; width:100%; z-index:1;} /* ALERTS */ #home_alerts {background:url(../images/home-alerts-bg.jpg) no-repeat left top; height:600px; margin-top:10px;} #home_alerts_message_cont {float:left; width:50%;} #home_alerts_message {background:url(../images/home-alerts-message.png) no-repeat; color:#fff; display:none; height:140px; line-height:20px; margin:180px 0 0 250px; padding:20px 30px; width:200px;} #home_alerts_text {color:#fff; float:left; text-shadow:0px 0px 1px #354147; width:50%;} #home_alerts_text h3 {font-family:'Raleway',sans-serif; font-size:34px; line-height:40px; padding:100px 0 50px 50px; width:350px;} #home_alerts_text p {font-size:14px; line-height:20px; padding:0 0 30px 50px; width:400px;} #home_alerts_text p span {display:inline-block; font-size:16px; font-weight:bold; padding-top:10px;} /* CLOUD */ #home_data_cont {background:#edf3f5; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#edf3f5), to(#b7dbeb)) no-repeat; background:-webkit-linear-gradient(#edf3f5, #b7dbeb) no-repeat; background:-moz-linear-gradient(#edf3f5, #b7dbeb) no-repeat; background:-ms-linear-gradient(#edf3f5, #b7dbeb) no-repeat; background:-o-linear-gradient(#edf3f5, #b7dbeb) no-repeat; background:linear-gradient(#edf3f5, #b7dbeb) no-repeat; margin-top:10px;} #home_data {margin:0 auto; width:1000px;} #home_data_image {float:left; height:600px; width:450px;} #home_data_screen {background:url(../images/data-device.png) no-repeat left 60px; display:none; height:600px; margin-left:200px; width:250px;} #home_data_text {color:#393f42; float:left; padding-left:50px; width:500px;} #home_data_text h2 {font-family:'Raleway',sans-serif; font-size:34px; line-height:45px; padding:50px 0 30px 0;} #home_data_text p {font-size:14px; line-height:20px; padding:0 0 30px 0; width:400px;} #home_data_text h3 {font-size:16px; font-weight:bold; padding-bottom:10px;} #home_data_software {color:#1a92d0;} #home_data_software .arrow {left:0; padding-left:5px; position:relative;} #home_data_software:hover > .arrow {left:5px;} #home_data_software > .arrow, .home_view_products:hover > .arrow {-webkit-transition:all 0.3s ease; transition:all 0.3s ease;} /* VIDEOS */ #home_videos_cont {background:url(../images/home-videos-bg.jpg) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; margin-top:10px; padding:20px 0 70px;} /* videos */ #home_videos_image {float:left; height:450px; overflow:hidden; padding-top:100px; position:relative; width:50%;} #home_videos_ipad {background:url(../images/home-video-ipad.png) no-repeat; background-size:324px 458px; height:458px; width:324px; position:absolute;} #home_videos_youtube {background:url(../images/prod-loader.gif) no-repeat center center #fff; background-size:50px 50px; height:385px; margin:39px 0 0 17px; width:288px;} .home_videos_cont {background:#fff; height:440px; margin:39px 0 0 17px; width:288px; overflow:hidden;} .home_video_cont {float:left; margin:0 20px; padding:30px 0; text-align:center;} .home_video_cont h4 {height:80px; font-weight:100; line-height:24px; text-align:center;} .home_video_cont h4 a {color:#1a92d0; font-size:16px;} .home_video_cont h4 a:hover {text-decoration:none;} .home_video_other {display:none;} /* links */ #home_videos_links {float:left; width:50%;} .home_video_link {border-radius:5px; cursor:pointer; margin-bottom:20px; padding:30px 0 40px 0; width:450px;} .home_video_icon {margin-left:30px; background-repeat:no-repeat; background-size:25px 50px; float:left; height:25px; width:75px;} .home_video_text {float:left; padding-right:50px; width:250px;} .home_video_text h4 {font-family:'Raleway',sans-serif; font-size:20px; padding-bottom:10px;} .home_video_text p {font-size:16px; line-height:20px;} .home_current_video {background:#fff; color:#727d83;} .home_other_video {background:url(../images/dark-opacity.png); color:#c6d3da; opacity:.7;} .home_other_video .home_video_icon {background-position:0 -25px;} #home_video_how .home_video_icon {background-image:url(../images/home-videos-how.png);} #home_video_demo .home_video_icon {background-image:url(../images/home-videos-demo.png);} #home_video_apps .home_video_icon {background-image:url(../images/home-videos-apps.png);} #home_videos_cont h2 {color:#fff; font-family:'Raleway',sans-serif; font-size:30px; padding:30px 0;} #home_videos {margin:0 auto; width:1000px;} #home_videos_more {background:#fff; border-radius:5px; cursor:pointer; margin:30px auto 0 auto; padding:20px; width:250px;} #home_videos_more h4 {color:#1a92d0; font-size:18px; padding-bottom:5px;} #home_videos_more p {color:#ec9801; font-size:12px;} /* animation */ #home_videos_more .arrow {left:0; padding-left:5px; position:relative;} #home_videos_more:hover > p a .arrow {left:5px;} #home_videos_more p a > .arrow, #home_videos_more p a:hover > .arrow {-webkit-transition:all 0.3s ease; transition:all 0.3s ease;} /* SOFTWARE */ #wireless_sensors_software_tabs {margin-top:50px; padding-bottom:20px;} #wireless_sensors_software_tabs h2 {font-family:'Raleway',sans-serif; font-size:34px; line-height:45px; padding:50px 0; text-align:center;} #wireless_sensors_tabs {margin:0 auto; width:480px;} #wireless_sensors_tabs li {cursor:pointer; float:left; margin:0 20px; width:80px;} .sensor_circle {background-position:center center; background-repeat:no-repeat; background-size:35px 35px; border-radius:50%; height:60px; margin:0 auto; width:60px;} .sensor_circle_current p {color:#1a92d0;} .sensor_circle_current .sensor_circle {background-color:#1a92d0;} .sensor_circle_other .sensor_circle {background-color:#798890;} #wireless_sensors_software {background:url(../images/wireless-sensors-software.jpg) no-repeat center -82px; height:780px; } #sensors_software_battery .sensor_circle {background-image:url(../images/sensors-bat@2x.png); background-size:35px 35px;} #sensors_software_alerts .sensor_circle {background-image:url(../images/sensors-alert@2x.png); background-size:35px 35px;} #sensors_software_manage .sensor_circle {background-image:url(../images/sensors-history@2x.png); background-size:35px 35px;} #sensors_software_latest .sensor_circle {background-image:url(../images/sensors-current@2x.png); background-size:35px 35px;} #wireless_sensors_tabs li p {font-size:16px; padding-top:10px; text-align:center;} /* notifications */ #sensors_soft_not {padding-top:45px; margin:0 auto; width:1000px;} .sensors_not_other {display:none;} .sensors_soft {height:399px; position:relative; width:637px;} #sensors_manage_not {background:url(../images/sensors-configure.png) no-repeat; margin:65px 183px;} #sensors_bat_not {background:url(../images/sensors-battery.png) no-repeat; margin:65px 183px;} #sensors_alert_not {background:url(../images/sensors-alerts.png) no-repeat; margin:65px 183px;} #sensors_latest_not {background:url(../images/sensors-battery.png) no-repeat; margin:65px 183px;} .sensors_notification {line-height:20px; position:absolute;} #sensors_manage_not .sensors_notification {background:url(../images/home-alerts-message.png) no-repeat; color:#fff; height:70px; margin:20px 20px; padding:20px; width:230px;} #sensors_bat_not .sensors_notification {background:url(../images/home-alerts-message.png) no-repeat; color:#fff; height:70px; margin:130px 325px; padding:20px; width:230px;} #sensors_alert_not .sensors_notification {background:url(../images/home-alerts-message.png) no-repeat; color:#fff; height:70px; margin:20px 20px; padding:20px; width:230px;} #sensors_latest_not .sensors_notification {background:url(../images/home-alerts-message.png) no-repeat; color:#fff; height:70px; margin:90px 75px; padding:20px; width:230px;} /* WHY */ #home_why_cont {background:#354147; border-top:1px solid #e5e5e5; margin-bottom:10px; padding:20px 0;} #home_why {margin:0 auto; width:1000px;} #home_why h3 {color:#fff; font-size:30px; font-family:'Raleway',sans-serif; line-height:34px; padding:10px 0 30px; text-align:center;} #home_why .heading_line {border-color:#1a92d0; padding-top:20px;} #home_why_list li {background-position:center 20px; background-repeat:no-repeat; color:#88afc3; float:left; height:100px; margin:20px 0 40px 0; padding:60px 40px 40px 40px; text-align:center; width:250px;} #home_why_list li h4 {font-size:18px; font-weight:bold; padding-bottom:10px;} #home_why_list li p {font-size:12px; line-height:20px;} #home_why_easy {background-image:url(../images/home-easy.png); border-right:1px solid #88afc3;} #home_why_range {background-image:url(../images/home-range.png); border-right:1px solid #88afc3;} #home_why_types {background-image:url(../images/home-type.png);} #home_why_cost {background-image:url(../images/home-cost.png); border-right:1px solid #88afc3;} #home_why_power {background-image:url(../images/home-power.png); border-right:1px solid #88afc3;} #home_why_global {background-image:url(../images/home-global.png);} /* FORMATS */ #sensors_alta_comparison {padding-bottom:20px;} #sensors_alta_comparison h2 {font-family:'Raleway',sans-serif; font-size:34px; line-height:45px; padding:50px 0; text-align:center;} /* testimonials */ #home_testimonials_cont {background:url(../images/home-testimonials.jpg) no-repeat center top #959595; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; border-bottom:1px solid #868686; border-top:1px solid #000; color:#fff; height:200px; overflow:hidden; padding:30px 0;} #home_testimonials_cont h3 {color:#fff; font-size:30px; font-family:'Raleway',sans-serif; padding:10px 20px 20px 20px; text-align:center;} #home_testimonials_cont .heading_line {border-color:#fff;} #home_testimonials {margin:0 auto; width:1000px;} #home_testimonials li {padding:20px 10px;} .testimonial_quote {font-size:16px; line-height:20px; padding-bottom:10px;} .testimonial {padding:0 20px;} /****************** SENSORS PAGE ******************/ /* sensors */ #wireless_sensors_cont {padding-top:20px;} #wireless_sensors_cont h1 {color:#1a92d0; font-size:30px; font-family:'Raleway',sans-serif; padding:20px 0 40px; text-align:center;} #sensors_page_tabs {padding-bottom:20px; text-align:center;} #sensors_page_tabs li {border:1px solid #ebebeb; border-radius:5px; cursor:pointer; display:inline-block; padding:20px 20px 20px 60px;} #wireless_sensors_standard_tab {background-image:url(../images/sensors-tabs-standard.png); background-repeat:no-repeat; background-position:20px center; background-size:30px 20px;} #wireless_sensors_alta_tab {background-image:url(../images/sensors-tabs-alta.png); background-repeat:no-repeat; background-position:20px center; background-size:35px 20px; margin-right:60px;} .wireless_sensors_current_tab {background-color:#ebebeb;} #wireless_sensors_cats {display:none; margin:10px auto; width:920px;} #wireless_sensors_cont { overflow-x: auto; /*border: 1px solid green;*/ text-align: center; } #wireless_sensors_alta {margin:10px auto; max-width:920px; /*border: 1px solid red;*/} .home_alta_range {background:url(../images/alta-compare-range.png) no-repeat 10px top; background-size:15px 15px; padding-left:40px;} .home_alta_battery {background:url(../images/alta-compare-bat.png) no-repeat 10px top; background-size:15px 15px; padding-left:40px;;} .home_alta_security {background:url(../images/alta-compare-sec.png) no-repeat 10px top; background-size:15px 15px; padding-left:40px;} .home_alta_memory {background:url(../images/alta-compare-mem.png) no-repeat 10px top; background-size:15px 15px; padding-left:40px;} .home_view_compare a .arrow {left:0; padding-left:5px; position:relative;} /* animation */ .home_view_compare a, .home_view_compare a:hover {-webkit-transition:all 0.3s ease; transition:all 0.3s ease;} .home_view_compare a:hover > .arrow {left:5px;} .home_view_compare a > .arrow, .home_view_compare a:hover > .arrow {-webkit-transition:all 0.3s ease; transition:all 0.3s ease;} /* formats */ #sensors_formats {background:#eef1f2; margin-bottom:10px; padding-bottom:40px;} #sensors_formats #sensors_format_comparison {margin:0 auto; width:1000px;} #sensors_formats h2 {color:#1a92d0; font-family:'Raleway',sans-serif; font-size:30px; padding:40px 0; text-align:center;} /* for the products page popup */ #popup_standard,#popup_alta {background:#eef1f2; border:2px solid #8c8c8c; border-radius:3px; display:none; margin:0 auto; padding:40px 0; position:fixed; top:50px; width:1000px; z-index:100;} #popup_standard,#popup_alta #sensors_format_comparison {margin:0 auto; width:980px;} #close_pop_format {background:#1a92d0; border-radius:50%; color:#fff; cursor:pointer; font-weight:bold; height:20px; line-height:20px; padding:5px; position:absolute; right:-15px; text-align:center; top:-15px; width:20px; z-index:56;} #popup_standard h2,#popup_alta h2 {display:none;} #sensors_format_tabs {padding-bottom:20px; text-align:center;} #sensors_format_tabs li {border:1px solid #ebebeb; border-radius:5px; cursor:pointer; display:inline-block; padding:20px 20px 20px 60px;} #sensors_format_standard_tab {background-image:url(../images/sensors-tabs-standard.png); background-repeat:no-repeat; background-position:20px center; background-size:30px 20px; margin-right:60px;} #sensors_format_alta_tab {background-image:url(../images/sensors-tabs-alta.png); background-repeat:no-repeat; background-position:20px center; background-size:35px 20px;} .sensors_format_current_tab {background-color:#ebebeb;} .sensors_format_other_tab {background-color:#fff;} .sensors_format_type {background:#fff; border-radius:2px; box-shadow:0px 0px 15px #d9d9d9; float:left; height:520px; margin:0 3%; padding:0 2%; width:15%;} .sensors_format_image {height:180px; margin:0 auto;} #sensors_comparison_cell {background:url(../images/formats-cell.png) no-repeat center center; background-size:125px 125px;} #sensors_comparison_aa {background:url(../images/formats-aa.png) no-repeat center center; background-size:125px 125px;} #sensors_comparison_wifi {background:url(../images/formats-wifi.png) no-repeat center center; background-size:125px 125px;} #sensors_comparison_industrial {background:url(../images/formats-industrial.png) no-repeat center center; background-size:125px 125px;} .sensors_format_type h3 {color:#1a92d0; font-size:22px; padding:10px 0; text-align:center;} .sensors_format_features li {border-bottom:1px solid #dddddd; padding:10px 0;} .sensors_format_features li span {color:#ec9801; font-weight:bold;} .sensors_format_alta {background:#fff; border-radius:2px; box-shadow:0px 0px 15px #d9d9d9; float:left; height:520px; margin:0 7%; padding:0 2%; width:15%;} .sensors_format_alta h3 {color:#1a92d0; font-size:22px; padding:10px 0; text-align:center;} /* security */ #sensors_security h2 {color:#1a92d0; font-family:'Raleway',sans-serif; font-size:30px; padding:40px 0; text-align:center;} #sensors_security p {line-height:20px; margin:0 auto; max-width:800px;} #sensors_security_graphic {padding-top:40px; text-align:center;} /* comparison */ #sensors_comparison_cell_alta {background:url(../images/formats-alta-cell.png) no-repeat center center; background-size:125px 125px;} #sensors_comparison_aa_alta {background:url(../images/formats-alta-aa.png) no-repeat center center; background-size:125px 125px;} #sensors_comparison_industrial_alta {background:url(../images/formats-alta-industrial.png) no-repeat center center; background-size:125px 125px;} /****************** CATEGORIES ******************/ #category_bg {background:#f3f8fb;} #category_cont {margin:0 auto; min-height:600px; padding-bottom:20px;} #categories_heading {font-family:'Raleway',sans-serif; padding:20px 0 20px 20px; width:730px;} #sensors_heading {float:left; font-family:'Raleway',sans-serif; padding:20px 0 20px 20px; width:730px;} #sensors_heading span a {background-color:#38a1d9; border-radius:5px; color:#fff; display:inline-block; font-size:18px; margin:5px 10px 0 0; padding:5px 15px;} .sensors_heading_remove {background:url(../images/remove-filt.png) no-repeat 9px 8px #38a1d9; padding:5px 15px 5px 30px !important;} #cat_head {background:#38a1d9; border-radius:5px; color:#fff; display:inline-block; font-size:18px; margin:5px 10px 0 0; padding:5px 15px;} #other_cat_heading {font-family:'Raleway',sans-serif; font-size:24px; padding:20px 0 0 10px;} /** FILTERS **/ #cat_filters_cont {background:#f7f7f7; padding:10px 0 10px 0;} #cat_filters {margin:0px auto 0 auto; padding:10px 0; position:relative; width:980px;} #cat_filters_head {margin:0 auto; width:980px;} #cat_hide_filt {float:right; padding:22px 40px; text-align:right; width:140px;} #cat_hide_filt span {border:1px solid #d8d8d8; border-radius:3px; box-shadow:0px 0px 5px #d8d8d8 inset; color:#525252; cursor:pointer; font-size:14px; padding:5px 0; text-align:center; width:120px} #hide_filt {display:inline-block;} #hide_filt_resp {display:none;} /* current measurement filter */ #cat_filt_meas {float:left; width:180px;} #meas_current_cont {margin:34px auto 0px auto; width:146px;} #filt_meas_current {background:#fff; border:3px solid #1a92d0; border-radius:3px 3px 0px 0px; cursor:pointer; font-size:14px; height:100px;} #meas_current_head {font-size:12px; font-weight:100; padding:5px; text-align:center;} #meas_current {background-position:center 5px; background-repeat:no-repeat; background-size:40px 40px; color:#1a92d0; padding:50px 5px 5px 5px; text-align:center;} #cat_filt_change {background:url(../images/change-measurement.png) no-repeat 8px 7px #1a92d0; border-radius:0px 0px 3px 3px; color:#fff; cursor:pointer; display:block; font-size:10px; padding:6px 0 9px 12px; text-align:center; } #cat_select_meas {border:1px dashed #b6b6b6; color:#b6b6b6; font-size:12px; margin:5px auto; padding: 5px; text-align:center; width:90px;} #cat_sensors_bg {background:url(../images/dark-opacity.png); display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:55;} #cat_sensors {background:#fff; border-radius:3px; box-shadow:0px 0px 15px #000; margin:0 auto; padding:40px 20px; position:relative; width:920px; z-index:60;} #cat_sensors h3 {font-size:22px; padding-bottom:20px; text-align:center;} #filt_con_feat {float:left; width:800px;} #filt_con_feat h3 {font-weight:bold; padding:5px 10px;} /* filter links */ .filt_link {float:left; padding:10px;} /* sub cats */ #cats_sub_cats .filt_link a {background-color:#fff; border:1px solid #dee3e6; border-radius:5px; color:#79848b; display:table-cell; height:25px; font-size:11px; line-height:14px; text-align:left; padding:10px; vertical-align:middle; width:150px;} #cats_sub_cats .current_cat a {border:2px solid #1a92d0; padding:9px;} #cats_sub_cats .no_results span {background-color:#fff; border:1px solid #dee3e6; border-radius:5px; color:#dee3e6; display:table-cell; height:25px; font-size:11px; line-height:14px; text-align:left; padding:10px; vertical-align:middle; width:150px;} /* formats */ #cats_format .filt_link a {background-color:#fff; background-position:10px 10px; background-repeat:no-repeat; background-size:22px 22px; border:1px solid #dee3e6; border-radius:2px; color:#79848b; display:table-cell; height:25px; font-size:12px; line-height:14px; text-align:left; padding:10px 10px 10px 40px; vertical-align:middle; width:80px;} #cats_format .current_cat a {border:2px solid #1a92d0; padding:9px 9px 9px 39px;} #cats_format .no_results span {background-color:#fff; background-position:10px 10px; background-repeat:no-repeat; background-size:22px 22px; border:1px solid #dee3e6; border-radius:2px; color:#dee3e6; display:table-cell; height:25px; font-size:12px; line-height:14px; text-align:left; padding:10px 10px 10px 40px; vertical-align:middle; width:80px;} /* sensors popup */ #cat_sensors .filt_link a {background-color:#fff; background-position:10px center; background-repeat:no-repeat; background-size:22px 22px; border:1px solid #dee3e6; border-radius:2px; color:#79848b; display:table-cell; height:30px; font-size:12px; line-height:14px; text-align:left; padding:10px 10px 10px 40px; vertical-align:middle; width:80px;} #cat_sensors .current_cat a {border:2px solid #1a92d0; padding:9px 9px 9px 39px;} /* sensors page */ #wireless_sensors_cats .filt_link a,#wireless_sensors_alta .filt_link a {background-color:#fff; background-position:10px center; background-repeat:no-repeat; background-size:22px 22px; border:1px solid #dee3e6; border-radius:2px; color:#585f63; display:table-cell; height:30px; font-size:12px; line-height:14px; text-align:left; padding:10px 10px 10px 40px; vertical-align:middle; width:80px;} /* prod count */ .filt_link_count {color:#ec9801; display:inline-block; padding-left:5px;} #close_sensors {position:fixed; right:30px; top:30px;} #close_sensors span {border:2px solid #fff; border-radius:50%; color:#fff; cursor:pointer; display:inline-block; font-size:20px; height:25px; line-height:25px; text-align:center; width:25px;} /* filter icons */ .filt_link_all {background-image:url(../images/cats/grey30/sensors.png);} .filt_link_temperature {background-image:url(../images/cats/grey30/temperature-sensors.png);} .filt_link_humidity {background-image:url(../images/cats/grey30/humidity-sensors.png);} .filt_link_water-detect {background-image:url(../images/cats/grey30/water-detect-sensors.png);} .filt_link_water-puck {background-image:url(../images/cats/grey30/water-puck.png);} .filt_link_water-rope {background-image:url(../images/cats/grey30/water-rope-sensors.png);} .filt_link_open-closed {background-image:url(../images/cats/grey30/open-close-sensors.png);} .filt_link_motion-detection {background-image:url(../images/cats/grey30/motion-detection-sensors.png);} .filt_link_carbon-monoxide {background-image:url(../images/cats/grey30/carbon-monoxide-sensors.png);} .filt_link_dry-contact {background-image:url(../images/cats/grey30/dry-contact-sensors.png);} .filt_link_accelerometer {background-image:url(../images/cats/grey30/accelerometer-sensors.png);} .filt_link_voltage-meter {background-image:url(../images/cats/grey30/voltage-meter-sensors.png);} .filt_link_ac-current-meter {background-image:url(../images/cats/grey30/ac-current-sensors.png);} .filt_link_voltage-detect {background-image:url(../images/cats/grey30/voltage-detect-sensors.png);} .filt_link_resistance {background-image:url(../images/cats/grey30/resistance-sensors.png);} .filt_link_ma-current-meter {background-image:url(../images/cats/grey30/ma-current-sensors.png);} .filt_link_pulse-counter {background-image:url(../images/cats/grey30/pulse-counter-sensors.png);} .filt_link_light-meter {background-image:url(../images/cats/grey30/light-meter-sensors.png);} .filt_link_light-detection {background-image:url(../images/cats/grey30/light-detect-sensors.png);} .filt_link_pressure-meter {background-image:url(../images/cats/grey30/pressure-meter-sensors.png);} .filt_link_magnet-detection {background-image:url(../images/cats/grey30/magnetic-detection-sensors.png);} .filt_link_asset {background-image:url(../images/cats/grey30/asset-sensors.png);} .filt_link_activity {background-image:url(../images/cats/grey30/activity-sensors.png);} .filt_link_vehicle-detection {background-image:url(../images/cats/grey30/vehicle-detection-sensors.png);} .filt_link_seat-occupancy {background-image:url(../images/cats/grey30/seat-occupancy-sensors.png);} .filt_link_flex {background-image:url(../images/cats/grey30/flex-sensors.png);} .filt_link_button {background-image:url(../images/cats/grey30/button-sensors.png);} .filt_link_compass {background-image:url(../images/cats/grey30/compass-sensors.png);} .filt_link_liquid-level {background-image:url(../images/cats/grey30/liquid-level-sensors.png);} .filt_link_grains-per-pound {background-image:url(../images/cats/grey30/grains-pound-sensors.png);} .filt_link_ultrasonic {background-image:url(../images/cats/grey30/ultrasonic-sensors.png);} .filt_link_co2 {background-image:url(../images/cats/grey30/co2-sensors.png);} .filt_link_pm25 {background-image:url(../images/cats/grey30/pm25particulate.png);} .filt_link_air-velocity {background-image:url(../images/cats/grey30/air-velocity.png);} .filt_link_diff-air-press {background-image:url(../images/cats/grey30/differential-air-pressure.png);} .filt_link_h2s {background-image:url(../images/cats/grey30/hydrogen-sulfide.png);} .filt_link_soil-moisture {background-image:url(../images/cats/grey30/soil-moisture-sensors.png);} .filt_link_resistive-bridge {background-image:url(../images/cats/grey30/resistive-bridge.png);} .filt_link_motion-temp-rh {background-image:url(../images/cats/grey30/motion-temp-rh.png);} /* current sensor icons */ .meas_current_temperature {background-image:url(../images/cats/blue40/temperature-sensors.png);} .meas_current_humidity {background-image:url(../images/cats/blue40/humidity-sensors.png);} .meas_current_water-detect {background-image:url(../images/cats/blue40/water-detect-sensors.png);} .meas_current_water-rope {background-image:url(../images/cats/blue40/water-rope-sensors.png);} .meas_current_open-closed {background-image:url(../images/cats/blue40/open-close-sensors.png);} .meas_current_motion-detection {background-image:url(../images/cats/blue40/motion-detection-sensors.png);} .meas_current_carbon-monoxide {background-image:url(../images/cats/blue40/carbon-monoxide-sensors.png);} .meas_current_dry-contact {background-image:url(../images/cats/blue40/dry-contact-sensors.png);} .meas_current_accelerometer {background-image:url(../images/cats/blue40/accelerometer-sensors.png);} .meas_current_voltage-meter {background-image:url(../images/cats/blue40/voltage-meter-sensors.png);} .meas_current_ac-current-meter {background-image:url(../images/cats/blue40/ac-current-sensors.png);} .meas_current_voltage-detect {background-image:url(../images/cats/blue40/voltage-detect-sensors.png);} .meas_current_resistance {background-image:url(../images/cats/blue40/resistance-sensors.png);} .meas_current_ma-current-meter {background-image:url(../images/cats/blue40/ma-current-sensors.png);} .meas_current_pulse-counter {background-image:url(../images/cats/blue40/pulse-counter-sensors.png);} .meas_current_light-meter {background-image:url(../images/cats/blue40/light-meter-sensors.png);} .meas_current_light-detection {background-image:url(../images/cats/blue40/light-detect-sensors.png);} .meas_current_pressure-meter {background-image:url(../images/cats/blue40/pressure-meter-sensors.png);} .meas_current_magnet-detection {background-image:url(../images/cats/blue40/magnetic-detection-sensors.png);} .meas_current_asset {background-image:url(../images/cats/blue40/asset-sensors.png);} .meas_current_activity {background-image:url(../images/cats/blue40/activity-sensors.png);} .meas_current_vehicle-detection {background-image:url(../images/cats/blue40/vehicle-detection-sensors.png);} .meas_current_seat-occupancy {background-image:url(../images/cats/blue40/seat-occupancy-sensors.png);} .meas_current_flex {background-image:url(../images/cats/blue40/flex-sensors.png);} .meas_current_button {background-image:url(../images/cats/blue40/button-sensors.png);} .meas_current_compass {background-image:url(../images/cats/blue40/compass-sensors.png);} .meas_current_liquid-level {background-image:url(../images/cats/blue40/liquid-level-sensors.png);} .meas_current_grains-per-pound {background-image:url(../images/cats/blue40/grains-pound-sensors.png);} .meas_current_h2s {background-image:url(../images/cats/blue40/hydrogen-sulfide.png);} /* format icons */ .filt_link_wi-fi {background-image:url(../images/cats/grey30/wifi.png);} .filt_link_aa {background-image:url(../images/cats/grey30/aa.png);} .filt_link_industrial {background-image:url(../images/cats/grey30/industrial.png);} .filt_link_coin-cell {background-image:url(../images/cats/grey30/cell.png);} /* format icons - no results */ .no_results .filt_link_wi-fi {background-image:url(../images/cats/light30/wifi.png);} .no_results .filt_link_aa {background-image:url(../images/cats/light30/aa.png);} .no_results .filt_link_industrial {background-image:url(../images/cats/light30/industrial.png);} .no_results .filt_link_coin-cell {background-image:url(../images/cats/light30/cell.png);} #cat_filters h2 {background:url(../images/filters_icon.png) no-repeat 50px 43px; font-size:18px; padding:40px 0 20px; text-align:center;} .filter_section h3 {color:#235b78; cursor:pointer; font-size:14px; font-weight:bold; line-height:20px; padding:5px 0 5px 15px;} .filter_section h3:hover {background:#65b5e2; color:#fff;} .filter_section h3:hover span {color:#fff;} .filter_section h3 span {color:#65b5e2; display:inline-block; padding-right:3px; text-align:center; width:8px;} #reset_filters {background:url(../images/reset-filters.png) no-repeat 45px 12px #fff; border-radius:0px 0px 5px 5px; border-top:1px solid #b8d3e0; color:#1a92d0; display:block; cursor:pointer; padding:10px; text-align:center;} #reset_filters:hover {background-color:#f3f6f8;} /* filter buttons */ .filts_cont {background:#fff; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1; padding:5px 0;} .filter_button a {color:#1a92d0; display:block; font-size:12px; padding:5px 0 5px 30px;} .filter_button a:hover {color:#64ac43;} .current_filter a {font-weight:bold; color:#ec9801;} .filter_link {display:block; float:left;} .remove_filter {background:#b7b7b7; border-radius:50%; color:#fff; display:block; float:right; font-size:10px; height:12px; margin-right:10px; text-align:center; width:12px;} /** PRODUCTS **/ #cat_products {display:none; margin:0 auto; padding-top:20px; width:1000px;} /*preloader */ #prod_loader_cont {} #prod_loader {padding:50px;} #prod_loader_center {margin:0 auto; padding:25px; width:500px;} #prod_loader h3 {font-size:20px; font-weight:100; padding:20px; text-align:center;} #prod_loader_img {background:url(../images/prod-loader.gif) no-repeat center center; background-size:50px 50px; padding:30px;} /* toolbar */ #cat_toolbar {border-bottom:1px solid #e4e9eb; padding-bottom:20px;} #cat_toolbar_control {} #cat_filters_but {background:#1a92d0; color:#fff; cursor:pointer; display:inline-block; font-size:16px; margin-right:30px; padding:6px 25px;} #cat_filters_but span {padding-left:10px;} #cat_filters_but:hover {background:#2ea7e6;} #pagination_no {float:left; font-size:22px; font-weight:100; font-family:'Raleway',sans-serif; line-height:20px; padding:3px 0 0 20px;} #no_prod_results {font-weight:bold;} #sort_order {float:right; font-size:14px; padding-right:20px;} #sort_label {background:#fff; border-radius:3px 0 0 3px; display:inline-block; font-size:16px; font-weight:bold; padding:7px 10px; text-align:center;} .sort_but {border-right:1px solid #e4e9eb; cursor:pointer; display:inline-block; padding:7px 10px;} .sort_but:hover {background:#e4e9eb;} .sort_current {background:#566065; color:#fff; display:inline-block; padding:7px 10px;} .sort_current:hover {background:#566065; color:#fff; cursor:inherit;} #filter_form {display:inline-block; padding-left:140px;} #sort_filter {border-radius:3px; border:none; padding:7px; width:190px;} #filter_no_prods {padding:20px;} /** category product results **/ .result_image {background:#fff; cursor:pointer; margin:0 10px; text-align:center;} .result_price_cart {float:left; width:180px;} .product_price {font-size:16px; font-weight:bold; padding:10px; text-align:center;} .product_cart {padding:10px 5px;} .product_cart_quant {border:1px solid #64ac43; border-radius:3px 0px 0px 3px; display:block; float:left; font-size:16px; height:20px; padding:4px 5px; text-align:center; width:25px;} .product_add {background:#64ac43; -webkit-border-radius:0px 3px 3px 0px; -moz-border-radius:0px 3px 3px 0px; border-radius:0px 3px 3px 0px; color:#fff; display:block; float:left; font-size:16px; font-weight:normal; line-height:30px; height:30px; padding:0px 15px;} .product_info_desc {color:#7d8b92; cursor:pointer; font-size:12px; height:62px; line-height:16px; overflow:hidden; padding:5px; text-align:center;} .product_more_info {color:#1a92d0; text-align:center;} .product_more_info a {display:block; font-size:16px; padding:6px 20px;} #prod_result_cont {padding-bottom:20px; position:relative;} #product_load {background:url(../images/white-opacity1.png); display:none; height:100%; position:absolute; width:100%; z-index:10;} .product_result {background:#fff; cursor:pointer; float:left; padding:20px; width:290px;} #prod_result_cont .product_result {border-bottom:1px solid #e4e9eb; border-right:1px solid #e4e9eb;} #prod_results .product_result:nth-child(3n+4) {border-right:none;} #prod_results .product_result:nth-last-child {border-right:none; border-bottom:none;} .product_result h3 {color:#566065; font-family:'Raleway',sans-serif; font-size:18px; font-weight:bold; height:42px; line-height:20px; margin:10px 5px; overflow:hidden !important; text-align:center;} .product_result h3 a {display:block;} .product_result h3 a:hover {text-decoration:underline;} .product_result h3 a:visited {color:#a66b00;} #no_prods {border:2px solid #bec9cf; border-radius:3px; color:#737d82; font-size:18px; margin:50px 100px; padding:50px;} #no_prods p {font-weight:100; padding:5px;} /* gateways alta option */ #categories_gateways_tabs {padding-bottom:20px; text-align:center;} #categories_gateways_tabs li {border:1px solid #ebebeb; border-radius:5px; display:inline-block;} #categories_gateways_tabs li a {cursor:pointer; display:block; padding:20px 20px 20px 60px;} #categories_gateways_standard {background-image:url(../images/sensors-tabs-standard.png); background-repeat:no-repeat; background-position:20px center; background-size:30px 20px;} #categories_gateways_alta {background-image:url(../images/sensors-tabs-alta.png); background-repeat:no-repeat; background-position:20px center; background-size:35px 20px; margin-right:60px;} .categories_current_tab {background-color:#ebebeb;} /****************** PRODUCT ******************/ /* breadcrumb */ #breadcrumb_cont {background:#585b5d; color:#c7d0d5; padding:0 10px;} #breadcrumb_nav {margin:0 auto; padding-left:20px; width:1000px;} #breadcrumb_nav span {color:#fff; font-weight:bold;} .breadcrumb_link {display:inline-block; font-size:12px; padding:10px;} .breadcrumb_link:hover {color:#fff; text-decoration:underline;} .breadcrumb_arrow {display:inline-block; padding:0 10px;} #breadcrumb_page {color:#fff; display:inline-block; padding:10px 10px 10px 0;} #breadcrumb_page:hover {text-decoration:underline;} #more_prods {background:url(../images/more_arrow.png) no-repeat 5px 5px; background-size:9px 9px; border:1px solid #d0d0d0; border-radius:2px; color:#d0d0d0; display:inline-block; font-size:12px; margin-left:30px; padding:3px 5px 3px 20px;} /* INTRO */ #product_intro {margin:0 auto 10px auto; padding:20px 0 10px 0; width:1000px;} #product_head_image {float:left; margin:0 10px 0 10px; width:440px;} #product_image_cont {display:table; height:320px; overflow:hidden; padding-left:45px; width:300px;} #product_image_heading {background:#fff; border-bottom:none; display:inline-block; padding:5px 10px;} #product_image {border-bottom:none; display:table-cell; text-align:center; vertical-align:middle;} #product_enlarge {background:url(../images/product_enlarge.png) 50px 5px no-repeat #393832; color:#fff; font-size:12px; padding:5px; text-align:center;} /* product actions */ #product_intro h1 {color:#3c3e3f; font-size:24px; font-family:'Raleway',sans-serif; line-height:28px; text-align:center;} #product_action {background:#fff; float:left; margin-left:20px; width:400px;} #product_price_cont {border-bottom:solid 1px #ced0d2; padding:10px 0;} #product_price {color:#00a8ff; float:left; font-size:30px; font-weight:bold; padding:0 10px;} .product_price_small {display:inline-block; font-size:18px; margin:0 3px; vertical-align:8px;} #price_vat {color:#8a8d8f; font-size:12px; font-weight:normal; font-style:italic; padding-left:15px;} /* cart quantity */ #add_cart {padding-top:30px;} #add_cart_quantity {float:left; padding:5px 20px 30px 0; width:120px;} #add_cart_quantity label {color:#8a8d8f; display:block; float:left; font-size:12px; font-weight:bold; padding:8px 5px 0 0;} #product_quantity {border:1px solid #74bde0; display:block; float:left; font-size:16px; height:25px; padding:3px; text-align:center; width:50px;} .edit_product_quant {border:none; background:#fff; color:#1a92d0; cursor:pointer; display:block; float:left; font-size:16px; height:33px; width:30px;} #remove_quantity {padding:2px 3px 4px 3px;} #remove_quantity:active {padding-top:3px;} #add_quantity {border-left:none; padding:1px 3px 5px 3px;} #add_quantity:active {padding-top:2px;} /* add to cart */ #add_to_cart {background:#ec9801; border:none; border-radius:4px; color:#f6f6f6; cursor:pointer; display:block; float:left; font-size:18px; font-weight:bold; padding:10px 0; text-align:center; width:260px;} /* model info */ #product_model {padding:20px 0 0;} #product_model p {box-sizing:border-box; font-size:13px; float:left; padding:0 0px 7px; width:50%;} .model_type {color:#1a92d0; display:inline-block;} .model_data {font-weight:bold; padding-left:5px;} #product_uk {background:#1a92d0; color:#fff; font-weight:bold; padding:7px; text-align:center;} /* features */ #product_bat_range {padding-bottom:10px;} #product_bat_range p {box-sizing:border-box; font-size:13px; float:left; padding:0 0px 7px; width:50%;} /* usp */ #product_usp_ship {background:url(../images/ship-usp.png) no-repeat 0 12px; box-sizing: border-box; color:#1a92d0; float:left; padding:5px 0 15px 40px; width:50%;} #product_usp_guar {background:url(../images/cart-usp.png) no-repeat 0 11px; box-sizing: border-box; color:#1a92d0; float:left; padding:5px 0 5px 40px; width:50%;} .product_usp_head {color:#7e8b91; font-size:13px;} .product_usp_desc {color:#7e8b91; font-size:12px; font-weight:100;} #product_model_not_sensor {padding:20px 0;} #products_america {background:url(../images/usa.png) no-repeat left 8px; background-size:30px 16px; padding:7px 0 5px 40px;} /* products setup video */ #product_setup_video_mobile {display:none;} #product_setup_video a {background:url(../images/product-setup-play.png) no-repeat 10px 7px; background-size:15px 15px; border:1px solid #1a92d0; border-radius:5px; color:#1a92d0; display:inline-block; height:20px; line-height:20px; padding:5px 10px 5px 35px;} #product_setup_video a:hover {text-decoration:underline;} #product_video_setup_popup {display:none; position:fixed; z-index:60;} #product_video_setup_popup_mobile {display:none; position:fixed; z-index:60;} /* alta */ #products_alta_link,#products_standard_link {text-align:center;} #products_standard_link a {background-image:url(../images/products-standard-link.png); background-repeat:no-repeat; background-position:5px center; background-size:30px 20px; color:#1a92d0; display:inline-block; padding:10px 20px 10px 45px;} #products_alta_link a {background-image:url(../images/products-alta-link.png); background-repeat:no-repeat; background-position:5px center; background-size:35px 20px; color:#1a92d0; display:inline-block; padding:10px 20px 10px 45px;} #products_standard_link a:hover, #products_alta_link a:hover {text-decoration:underline;} /* product options */ #product_options {} #product_options h2 {color:#64ac43; font-size:16px; font-weight:bold; padding:5px;} #product_options h3 {color:#1a92d0; font-size:14px; font-weight:bold; padding-bottom:5px;} .product_options {padding:5px 10px;} .product_options li {border:1px solid #1a92d0; border-radius:3px; box-shadow:0px 0px 3px #65b5e2 inset; color:#1a92d0; cursor:pointer; float:left; font-size:12px; height:60px; line-height:15px; margin-right:10px; padding:5px; text-align:center; width:80px;} .product_options li span {color:#64ac43; display:block;} /* product nav */ #product_nav_cont {background:#5b5b5b; color:#cacccd;} #product_nav {margin:0 auto; width:1000px;} #product_nav li {cursor:pointer; float:left; padding:7px 25px 0 25px;} #product_nav li:hover {color:#fff;} #product_nav li a {border-bottom:4px solid transparent; border-top:4px solid transparent; display:inline-block; padding-bottom:7px;} #product_nav_add {background:#64ac43; color:#fff; display:none; float:right !important;} .current_product {border-bottom:4px solid #cacccd !important; color:#fff;} /* PRODUCT SECTIONS */ .products_content {margin:0 auto; padding:40px 0; width:1000px;} .products_content p {font-size:14px; line-height:22px;} .products_content h2 {color:#ec9801; font-size:24px; font-weight:bold; padding:20px; text-align:center;} .products_heading {color:#1a92d0 !important; font-family:'Raleway',sans-serif; font-size:30px !important;} #product_sections img {border:2px solid #a0cadf; display:block; margin:20px auto;} /* information */ #information {background:#f1f5f6;} #information ul {padding:20px 80px;} #information li {background:url(../images/app-bullets.png) no-repeat 0px 9px; padding:5px 20px;} /* specifications */ #specifications {} #specifications table {border-collapse:collapse; border:none;} #specifications tr td {margin:0 !important; border:none !important; line-height:18px; padding:3px;} #specifications tr h3 {background:#1a92d0; color:#fff; padding:10px;} /* documentation */ #documentation {background:#1a92d0; color:#fff;} #documentation {color:#fff;} #documentation h2 {color:#fff !important;} #documentation ul {background:url(../images/products-docs.png) no-repeat 100px 0px; min-height:70px; padding-left:300px;} #documentation li {background:url(../images/doc-bullets.png) no-repeat 0px 4px; padding-left:25px;} #documentation li a:hover {text-decoration:underline;} /* applications */ #applications h2 {padding-bottom:0;} #applications ul {padding:20px 80px;} #applications li {background:url(../images/app-bullets.png) no-repeat 0px 9px; padding:5px 20px;} #recommended_products,#viewed_products {height:auto; margin:0 auto; overflow-x:scroll; overflow-y:hidden; white-space:nowrap; width:1000px;} #recommended_products .product_result,#viewed_products .product_result {display:inline-block; float:none; white-space:normal;} #prod_related_cont h2 {color:#64ac43; font-size:24px; font-weight:bold; padding:20px; text-align:center;} #recommended h2 {font-size:22px; font-weight:bold; padding:20px 0 50px 0; text-align:center;} #recommended_products .product_result {border-right:1px solid #e4e9eb;} #recommended_products .product_result:last-child {border-right:none ;} #product_resp {display:none;} /* for responsive */ /* NEW SENSORS DESIGN */ #product_sensors_subcat {background:#005079; border-radius:5px; color:#fff; padding:10px;} #product_sensors_subcat label {display:inline-block; padding:0 20px 0 10px;} #sensors_subcat_list {border:none; background:#fff; border-radius:5px; color:#5a5a5a; font-size:16px; padding:5px 10px; width:270px;} #sensors_options h4 {font-size:18px; font-weight:bold; padding:15px 0;} #sensors_options li {float:left; margin:0 10px 10px;} #sensors_options li a {border:1px solid #8f989e; border-radius:3px; color:#80898e; cursor:pointer; display:block; font-size:14px; line-height:16px; padding:10px 5px; text-align:center; width:40px;} #sensors_options li a:hover {border-color:#1a92d0; color:#1a92d0;} .sensors_options_current {background:#1a92d0; border:1px solid #1a92d0 !important; color:#fff !important;} #antenna_options h4 {font-size:18px; font-weight:bold; padding:15px 0;} #antenna_options li {float:left; margin:0 10px 10px;} #antenna_options li a {border:1px solid #8f989e; border-radius:3px; color:#80898e; cursor:pointer; display:block; font-size:14px; line-height:16px; padding:10px 5px; text-align:center; width:40px;} #antenna_options li a:hover {border-color:#1a92d0; color:#1a92d0;} #product_formats_list {} .sensors_format_list {float:left; margin-right:20px;} .sensors_format_list a {background-repeat:no-repeat; background-position:center top; background-size:30px 30px; border:1px solid #8f989e; border-radius:3px; color:#80898e; cursor:pointer; display:block; font-size:14px; height:20px; padding-top:35px; text-align:center; width:80px;} .sensors_format_list a:hover {border-color:#1a92d0; color:#1a92d0;} .sensors_format_current a {background-color:#1a92d0; background-size:30px 30px; color:#fff !important; border:1px solid #1a92d0 !important;} #products_formats_info {color:#009fff; font-weight:bold; padding-top:15px; text-align:center;} #products_formats_info span {background:url(../images/question-mark.png) no-repeat; background-size:15px 15px; cursor:pointer; display:inline-block; height:15px; line-height:15px; padding:0 25px; text-decoration:underline;} #products_formats_info span:hover {text-decoration:none;} #sensor_form {display:none;} #sensors_format_coin-cell a {background-image:url(../images/cats/grey60/cell.png);} #sensors_format_aa a {background-image:url(../images/cats/grey60/aa.png);} #sensors_format_wi-fi a {background-image:url(../images/cats/grey60/wifi.png);} #sensors_format_industrial a {background-image:url(../images/cats/grey60/industrial.png);} #sensors_format_coin-cell.sensors_format_current a {background-image:url(../images/cats/white60/cell.png);} #sensors_format_aa.sensors_format_current a {background-image:url(../images/cats/white60/aa.png);} #sensors_format_wi-fi.sensors_format_current a {background-image:url(../images/cats/white60/wifi.png);} #sensors_format_industrial.sensors_format_current a {background-image:url(../images/cats/white60/industrial.png);} /****************** ALTA ******************/ #alta_filters_cont {background:#f7f7f7; padding:30px 0;} #alta_show_all {color:#1a92d0; font-weight:bold; font-size:14px; padding-left:30px; text-decoration:underline;} #alta_filters {margin:0px auto 0 auto; padding:10px 0; position:relative; width:980px;} #alta_filters h3 {font-weight:bold; padding:5px 10px;} /* sub cats */ #alta_filters .filt_link a {background-color:#fff; border:1px solid #dee3e6; border-radius:5px; color:#79848b; display:table-cell; height:25px; font-size:11px; line-height:14px; text-align:left; padding:10px; vertical-align:middle; width:150px;} #alta_filters .alta_cat_current a {border:2px solid #1a92d0; padding:9px;} #alta_filters .no_results span {background-color:#fff; border:1px solid #dee3e6; border-radius:5px; color:#dee3e6; display:table-cell; height:25px; font-size:11px; line-height:14px; text-align:left; padding:10px; vertical-align:middle; width:150px;} /****************** VIEWED PRODUCTS ******************/ /* viewed button */ #viewed_cont h2 {font-size:20px; font-weight:bold; padding:20px 0; text-align:center;} #show_viewed_products {border:2px solid #1a92d0; border-radius:5px; color:#1a92d0; cursor:pointer; font-size:18px; margin:20px auto 10px auto; padding:15px 0; text-align:center; width:300px;} /* viewed products container */ #viewed_products_cont {background:#f7f7f7;} #viewed_products {padding-bottom:20px;} /****************** ABOUT ******************/ #about_who {margin:0 auto; width:1000px;} #about_who_text {float:left; height:400px; width:500px;} #about_who_text h1 {font-family:'Raleway',sans-serif; font-size:26px; padding:50px; text-align:center;} #about_who_text p {line-height:18px; padding:20px;} #about_who_image {background:url(../images/about-who.jpg) no-repeat; float:left; height:400px; width:500px;} #about_monnit {margin:0 auto; width:1000px;} #about_monnit_text {float:left; height:400px; width:500px;} #about_monnit_text h1 {font-family:'Raleway',sans-serif; font-size:26px; padding:50px; text-align:center;} #about_monnit_text p {line-height:18px; padding:20px;} #about_monnit_image {background:url(../images/about-monnit.png) no-repeat center center; float:left; height:400px; width:500px;} /****************** APPLICATIONS ******************/ #main_apps h1 {color:#1a92d0; font-size:30px; line-height:40px; padding:30px; text-align:center; } #apps_cont {margin:0 auto; width:1000px;} #main_apps {margin:0 auto; width:1000px;} #apps_nav {background:#fafafa; border-radius:3px; float:left; padding:10px 0; width:200px;} #apps_nav h3 {color:#1a92d0; font-size:16px; padding:10px; text-align:center;} #apps_nav li a {display:block; padding:10px;} .apps_col {float:left; width:800px;} .apps_col li {box-shadow:0px 0px 5px #cdcdcd; cursor:pointer; float:left; height:250px; margin:34px; width:330px;} .apps_bg {background-repeat:no-repeat; background-size:cover; height:100px;} .apps_col li:hover {box-shadow:0px 0px 5px #949494;} .apps_col li h3 {font-size:18px; font-weight:bold; line-height:18px; padding:10px; text-align:center;} .apps_col li a:hover {text-decoration:underline;} .apps_col li p {font-size:12px; padding:10px;} .apps_nav_all {font-weight:bold;} .current_app {color:#1a92d0;} /* apps page */ #apps_more a {background:url(../images/apps-arrow.png) no-repeat 10px 13px; background-size:20px 10px; color:#000; display:inline-block; font-size:14px; padding:10px 10px 10px 35px;} #apps_intro_bg {background-repeat:no-repeat; background-size:cover; float:left; height:400px; width:500px;} #apps_content {background:#1a92d0; color:#fff; float:left; height:360px; padding:20px 50px 20px 50px; width:400px;} #apps_content h1 {color:#ffac18; font-size:24px; line-height:30px; padding:50px 0; text-align:center;} #apps_content p {font-size:16px; line-height:24px;} #apps_start_kit {margin:0 auto; padding-bottom:50px; width:800px;} #apps_start_kit h2 {color:#1a92d0; font-weight:bold; font-size:22px; padding:50px 0; text-align:center;} #apps_start_gateway_cont {float:left; width:250px;} #apps_start_gateway {height:120px; padding-top:10px; text-align:center;} #apps_start_gateway_desc {line-height:20px; padding-top:10px; text-align:center;} #apps_start_sensors_cont {float:left; width:250px;} #apps_start_sensors {height:120px; padding-top:10px; text-align:center;} #apps_start_sensors_desc {line-height:20px; padding-top:10px;} #apps_start_sensors_quantity {color:#ec9801; float:left; font-size:22px; font-weight:bold; padding-top:5px; width:50px;} #apps_start_sensors_name {float:left; width:200px;} #apps_start_software {height:120px; padding-top:10px; text-align:center;} #apps_start_software_cont {float:left; width:250px;} #apps_start_software_desc {line-height:20px; padding-top:10px; text-align:center;} #app_starter_add {padding-top:40px; text-align:center;} #app_starter_add a {background:#ec9801; border-radius:5px; color:#fff; display:inline-block; font-size:18px; padding:15px 40px;} #apps_other {background:#64ac43; color:#fff; padding:50px 20px;} #apps_other h3 {font-size:22px; font-weight:bold; padding:20px 0 40px; text-align:center;} #apps_other li {padding-bottom:20px;} #apps_other li a {font-weight:bold; text-decoration:underline;} #apps_other li a:hover {text-decoration:none;} #app_intro {font-size:18px; line-height:30px;} #app_solutions h3 {color:#1a92d0; font-size:26px; padding:20px 0;} #app_solutions li {background:url(../images/blue-tick.png) no-repeat 0px 9px; font-size:16px; padding:10px 0 10px 30px;} #apps_contact {text-align:center; padding-top:40px;} #apps_contact a {background:#ec9801; color:#fff; display:inline-block; font-size:20px; padding:10px 30px;} /* LANDING PAGES */ /* FACILITY MANAGEMENT */ .apps_cont h1 {color:#1a92d0; font-size:24px; text-align:center; padding:20px;} .apps_usps li {color:#000; float:left; padding:20px;} /* labels */ .apps_labels {float:left; position:relative; width:40%;} .apps_label_cont {display:none; margin:0 auto; padding:100px 0 0 20px; position:absolute; width:80%;} .apps_labels h2 {color:#1a92d0; font-size:18px; padding-bottom:5px;} .apps_labels p {font-size:14px; line-height:20px;} .apps_view_products {color:#1a92d0; font-weight:bold; text-decoration:underline; padding-top:10px;} /* diagrams */ .apps_diagram {float:left; position:relative; width:60%;} .apps_diagram h4 {color:#696969; font-size:12px; font-style:italic; padding:0 0 20px 150px; font-style:italic;} .apps_diagram_image {background-repeat:no-repeat; height:600px; width:580px;} #apps_diagram_facility_management {background-image:url(../images/apps/facility-management.png); background-size:580px 502px;} /* icons */ .apps_icon {background-color:#fff; background-position:center center; background-repeat:no-repeat; background-size:30px 30px; border:1px solid #1a92d0; border-radius:50%; cursor:pointer; height:40px; position:absolute; width:40px;} .apps_icon:hover {background-color:#e6e6e6;} .apps_icon_hvac {background-image:url(../images/apps/icons/hvac.png);} .apps_icon_open_close {background-image:url(../images/apps/icons/open-close.png);} .apps_icon_motion {background-image:url(../images/apps/icons/motion.png);} .apps_icon_water {background-image:url(../images/apps/icons/water.png);} .apps_icon_humidity {background-image:url(../images/apps/icons/humidity.png);} .apps_icon_current {background-image:url(../images/apps/icons/current.png);} .apps_icon_gas {background-image:url(../images/apps/icons/gas.png);} .apps_icon_temperature {background-image:url(../images/apps/icons/temperature.png);} .apps_icon_ultrasonic {background-image:url(../images/apps/icons/ultrasonic.png);} /* icon positions */ #apps_icon_facility_hvac {left:90px; top:90px;} #apps_icon_facility_open_close {left:80px; top:310px;} #apps_icon_facility_motion {left:380px; top:210px;} #apps_icon_facility_water {left:450px; top:60px;} #apps_icon_facility_humidity {left:250px; top:280px;} #apps_icon_facility_current {left:280px; top:420px;} #apps_icon_facility_gas {left:330px; top:40px;} #apps_icon_facility_temperature {left:450px; top:260px;} #apps_icon_facility_ultrasonic {left:430px; top:360px;} /****************** VIDEOS ******************/ #video_cont {padding-bottom:50px;} #video_nav {margin:0 auto; padding-top:50px; width:1000px} #video_nav li {float:left; width:250px;} #video_nav li a {border:1px solid #5a5a5a; border-radius:2px; display:block; font-size:18px; font-weight:bold; margin:0 auto; padding:10px 20px; text-align:center; width:150px;} .video_nav {color:#5a5a5a;} .video_nav_current {background:#5a5a5a; color:#fff;} #video {margin:0 auto; padding-top:50px; width:1000px;} #video h1 {color:#1a92d0; font-size:30px; padding-bottom:40px; text-align:center;} #video h2 {font-size:24px; padding:20px 0 40px 0; text-align:center;} .video_home_box {border:1px solid #1a92d0; border-radius:2px; margin:0 auto 40px auto; padding:20px; width:600px;} .video_home_box h2 {color:#1a92d0; font-size:24px; padding-bottom:20px; text-align:center;} .video_home_box p {line-height:20px; padding-bottom:20px;} .video_home_more {padding:10px; text-align:center;} .video_home_more a {border:1px solid #1a92d0; color:#1a92d0; display:inline-block; font-weight:bold; padding:10px 20px;} .video_cont {float:left; padding-bottom:40px; text-align:center; width:500px;} .video_cont h3 {height:40px;} .video_cont h3 a {text-decoration:underline;} .video_cont iframe {border:3px solid #64ac43;} /****************** BLOG ******************/ #blog_cont {margin:0 auto; width:1000px;} #blog_content {float:left; width:800px;} /* category results */ #blog_results {padding:50px;} #blog_cat_head {font-size:30px; text-align:center; padding-top:30px;} #blog_results li {width:700px;} .blog_cat_image {float:left; padding:20px; width:140px;} .blog_cat_text {float:left; padding:20px; width:480px;} .blog_cat_text h3 {color:#1a92d0; font-size:16px; font-weight:bold; line-height:20px; padding-bottom:10px;} .blog_cat_text h3:hover {text-decoration:underline;} .blog_cat_text p {line-height:20px;} .blog_cat_text p a {color:#1a92d0; text-decoration:underline;} .blog_cat_text p a:hover {text-decoration:none;} .blog_current {font-weight:bold !important;} /* blog post */ #blog_post {padding:50px 20px;} #blog_image {padding:20px; text-align:center;} #blog_post h1 {font-size:30px; line-height:40px; padding:20px; text-align:center;} #blog_post h2 {font-size:25px; padding:20px; text-align:center;} #blog_body p {line-height:22px;} #blog_body a {color:#1a92d0; font-weight:bold; text-decoration:underline;} #blog_body a:hover {text-decoration:none;} /* nav */ #blog_nav {float:right; padding-top:20px; width:200px;} #blog_nav h3 {color:#00adff; font-size:16px; font-weight:bold; padding:15px 10px;} #blog_nav li a {color:#4d5052; display:inline-block; font-size:14px; font-weight:300; padding:5px 10px;} #blog_nav li a:hover {color:#000; text-decoration:underline;} /****************** PAYMENT PAGE ******************/ /* EMPTY CART */ #empty_cart {margin:0 auto; padding:100px 0; width:1000px;} #empty_cart h2 {color:#1a92d0; font-size:24px; font-weight:bold; padding:20px; text-align:center;} #empty_cart p {padding:10px 200px 30px 200px;} /* CART CONTENTS */ #payment_cont {background:#f7f7f7;} #payment_logo {padding:0 0 20px 150px;} #cart_area {float:right; width:42%;} #cart_cont {padding-top:50px;} #cart_cont h2 {color:#1a92d0; font-size:18px; font-weight:100; padding:10px;} #resp_cart_items {display:none;} .cart_item {border-bottom:1px dashed #74bde0; padding:10px 0; width:420px;} .cart_item:hover {background:#eff6ff;} .cart_item_info {float:left; width:370px;} .cart_item_image {border:1px solid #aaaaaa; float:left; margin:10px 5px 0 10px; width:30px;} .cart_item_desc,.cart_item_price_money,.cart_item_quantity,.cart_item_total {float:left;} .cart_item_desc {font-size:12px; font-weight:bold; line-height:16px; padding:10px 10px 20px 10px; width:298px;} .cart_item_desc a:hover {text-decoration:underline;} .remove_cart_item {float:right; font-size:10px; width:30px;} .remove_cart_item span {background:#b7b7b7; border-radius:50%; color:#fff; cursor:pointer; display:inline-block; font-weight:bold; height:10px; line-height:10px; padding:5px; text-align:center; width:10px;} .remove_cart_item span:hover {background:#8b8b8b;} .cart_item_price_money {padding:0 0 0 10px; width:125px;} .cart_item_quantity {margin-top:-6px;} .cart_item_quantity span {display:inline-block; padding:5px 5px 0 0;} .cart_item_quantity input {border:1px solid #e2e2e2; border-radius:3px; display:inline-block; font-size:12px; padding:3px; text-align:center; width:25px;} .cart_item_total {margin-left:25px; text-align:right; width:105px;} .cart_totals {color:#1a92d0; float:left; font-size:18px; font-weight:bold; padding-top:10px; width:auto;} .cart_costs {color:#000; display:inline-block; float:right; font-size:18px; font-weight:bold; padding-top:10px; text-align:right; width:80px;} #grand_total_cont {color:#64ac43; display:inline-block; font-weight:bold;} #cart_cont_numbers {padding:10px 20px; height:120px; width:380px;} #cart_container h4 {color:#1a92d0; font-size:20px; float:right; margin-top:20px; margin-right:20px;} #cart_container h4 span {font-weight:bold;} #cart_container p {color:#1a92d0; float:right; font-size:12px; margin-right:20px;} #uk_free_shipping {color:#64ac43; float:right; font-size:16px; font-weight:bold; margin-right:20px;} /* PAYMENT FORM */ #payment_form_cont {background:#fff; border-right:1px solid #dddddd; float:left; padding-right:2%; padding-top:50px; width:55%;} #payment_form {float:right; width:540px;} #pay_error_msg {color:#ec9801; margin:0 auto; padding:10px 5px; text-align:center;} /* customer login */ #returning_cust_cont {font-weight:bold; padding:20px 0 0 10px;} #payment_login_tabs {margin:5px auto 0 auto;} #returning_customer,#new_customer {padding:10px;} .email_form_cont {float:left; width:50%;} .customer_fields {border:1px solid #74bde0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:14px; margin:1px; padding:12px; width:220px;} .customer_fields:hover,.customer_fields:focus {border:2px solid #1a92d0; margin:0;} #payment_login_cont {padding-bottom:10px;} #payment_login_button {background:#1a92d0; border:1px solid #0683bf; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-shadow:0px 1px 2px #56c6fb inset; cursor:pointer; color:#fff; display:inline-block; font-size:14px; padding:5px 30px; text-shadow:0px 0px 1px #053952;} #payment_login_button:hover {background:#35a1d5;} #payment_forgotten {font-size:10px; text-decoration:underline; margin-left:25px;} #payment_forgotten:hover {text-decoration:none;} #phone_required {font-size:12px; font-style:italic; top:-10px; padding-left:270px; position:relative;} #already_login {cursor:pointer; text-decoration:underline;} .error_field {border-color:#ec9801 !important; border-width:2px !important; margin:0 !important;} .payment_error {color:#ec9801; font-size:12px; padding-top:5px;} /* checkout address */ #address_container {} .checkout_address {background:#f8f8f8; border-radius:10px; margin-right:10px;} .checkout_address h3 {border-bottom:1px solid #e1e1e1; border-radius:10px 10px 0 0; color:#fff; font-size:18px; font-weight:100; padding:10px 0 10px 40px;} .address_fields {border:1px solid #e1e1e1; border-top:none; border-radius:0px 0px 5px 5px; padding:10px;} #checkout_shipping_head {background:url(../images/shipping-icon.png) 10px 10px no-repeat #1a92d0;} #checkout_billing_head {background:url(../images/billing-icon.png) 10px 10px no-repeat #1a92d0;} .change_address {color:#1b77a7; font-size:18px; font-weight:100; padding:16px 20px 0 0; text-align:right;} .payment_form_cont {float:left; padding:5px 0 10px; width:50%;} .payment_field {background-color:#fff !important; border:1px solid #e1e1e1; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:14px; margin:1px; width:220px;} .payment_field:focus {border:2px solid #1a92d0 !important; margin:0;} .hide_label {color:#929292; display:none; font-size:12px; position:absolute; margin:10px 0 0 12px;} .show_label {color:#929292; font-size:12px; position:absolute; margin:5px 0 0 12px;} .empty_field {padding:12px;} .entered_field {padding:20px 12px 5px 12px;} .custom_select {background:url(../images/select-bg.png) #fff no-repeat 95% 50%; background-size:50px 25px; border:1px solid #e1e1e1; border-radius:3px; margin:1px; overflow:hidden; width:244px !important;} .custom_select select {background:transparent !important; background-image:none; border:none; box-shadow:none; color:#929292; display:inline-block; font-size:14px; padding:12px 10px 11px 8px; -webkit-appearance:none; width:130%;} .custom_select select:focus {border:none !important; outline:none !important;} #billing_different_cont {padding:20px 0 20px 10px;} #checkout_address_billing {display:none;} /* comments */ #comments_container {font-size:12px; padding:10px 0 20px 10px;} #comments_container textarea {width:480px;} /* check out credit card */ #checkout_creditcard {background:#fafdfe; margin:10px; text-align:left; width:502px;} #checkout_creditcard h3 {background:#1a92d0 url(../images/cclogos.png) no-repeat 330px 8px; border-bottom:1px solid #add3e7; border-radius:5px 5px 0px 0px; color:#fff; font-size:18px; font-weight:bold; padding:15px;} #checkout_credit_cont {border:1px solid #add3e7; border-top:none; border-radius:0px 0px 5px 5px;} #checkout_credit_info {padding:10px 0 10px 90px;} .checkout_form_cont {padding:5px 0 5px 10px;} #card_name {width:300px;} #creditcard_number {background:url(../images/cc_num_bg.png) 300px 15px no-repeat; width:300px;} #card_expiry_text {font-weight:100; padding:5px 10px;} #creditcard_expiry_cont {float:left; width:140px;} #creditcard_expiry {width:120px;} #cvv_cont {float:left; padding-left:20px; position:relative; width:140px;} #creditcard_security {width:140px;} #security_code {background:url(../images/qmark.png) no-repeat; cursor:pointer; height:15px; margin:-32px 0 0 140px; position:absolute; text-align:center; width:15px;} #security_code span:hover {border-bottom:1px solid; } #cv2_image {display:none; margin-left:120px; margin-top:-180px; position:absolute;} #cv2_image img {border:2px solid #1a92d0;} /* order button */ #checkout_order {text-align:center; padding:20px;} #checkout_button {background:#ffb023; border:1px solid #e79f1e; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:0px 2px 4px #f9d390 inset; cursor:pointer; color:#fff; font-size:30px; padding:10px 80px; -webkit-text-shadow:0px 0px 1px #e79f1e; -moz-text-shadow:0px 0px 1px #e79f1e; text-shadow:0px 0px 1px #e79f1e;} #checkout_button:active {-moz-box-shadow:0px 3px 3px #e79f1e inset; -webkit-box-shadow:0px 3px 3px #e79f1e inset; box-shadow:0px 3px 3px #e79f1e inset; padding:11px 80px 9px 80px;} #payment_reassurance {padding:20px 25px;} #reassurance_cont {border:1px solid #275b76; border-radius:2px; float:left; height:43px; padding:0 0 0 15px;} #reassurance_server {float:left; font-size:10px; line-height:14px; margin-top:7px;} #reassurance_paypal {float:left; margin:0 0 0 15px;} #reassurance_trustwave {float:left; margin:5px 10px 0 10px;} #reassurance_godaddy {float:left; margin-top:3px;} #payment_disclaimer {font-size:12px; line-height:15px; padding:10px 0px 10px 0px; width:500px;} #processing_payment {background:url(../images/payment-opacity.png) #fff; color:#1a92d0; display:none; height:100%; left:0px; top:0px; position:fixed; width:100%; z-index:20;} #processing_payment p {background:url(../images/prod-loader.gif) no-repeat center center; background-size:50px 50px; height:100px; text-align:center;} /****************** CUSTOMER LOGIN ******************/ #register_wrapper,#forgotten_password {color:#f6f6f6; margin:0 auto; padding:50px; width:900px;} #login_wrapper {margin:0 auto; padding:30px; width:900px;} #login_errors {background:#f5f9ff url(../images/payment_error.png) no-repeat 10px 10px; border:3px solid #1a92d0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#002351; font-size:16px; margin:10px 90px; padding:10px 20px 10px 40px;} #login_errors li {padding-bottom:5px; text-align:left;} .login_box {background:#f8f8f8; border:1px solid #e1e1e1; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; float:left; height:250px; padding:40px; width:310px;} .login_box h2 {font-size:30px; font-weight:100; padding-bottom:20px; text-align:center;} #login_new_customer {margin-right:50px;} /* guest login */ #login_guest {margin-top:50px; padding:10px;} #login_guest h3 {font-size:20px; font-weight:bold; margin-bottom:5px; text-decoration:underline;} #login_guest p {font-size:16px;} /* returning customer */ #login_email,#login_password,#fake_login_password {border:1px solid #fff; display:block; padding:5px; font-size:18px; margin:20px; width:260px;} #login_button {background:#1a92d0; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#fff; cursor:pointer; display:block; font-size:20px; font-weight:bold; margin-left:20px; margin-top:30px; padding:5px 10px; text-align:center; width:270px;} #forgotten_password_login {font-size:16px; text-align:center; text-decoration:underline; margin-left:20px; margin-top:20px;} /************ SIGN UP *************/ /* close register popup */ #close_register_popup { margin-left:590px; margin-top:-30px; } #signup_popup { background:#fff; /*background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f7f7f7), to(#fff)) no-repeat; background:-webkit-linear-gradient(#f7f7f7, #fff) no-repeat; background:-moz-linear-gradient(#f7f7f7, #fff) no-repeat; background:-ms-linear-gradient(#f7f7f7, #fff) no-repeat; background:-o-linear-gradient(#f7f7f7, #fff) no-repeat; background:linear-gradient(#f7f7f7, #fff) no-repeat;*/ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 5px #434343 inset; -webkit-box-shadow:0px 0px 5px #434343 inset; box-shadow:0px 0px 5px #434343 inset; color:#5a5a5a; display:none; padding:10px; position:fixed; left:50%; top:5%; z-index:100; } #signup_popup h2 { color:#3463a0; font-size:30px; margin:10px 0; text-align:center; } #signup_popup input[type="text"],#signup_popup input[type="password"] ,#signup_popup select { border:3px solid #f6f6f6; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; display:block; float:left; font-size:18px; padding:5px; margin:10px 20px; width:250px; } #signup_button { background:#f4af40; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#fff; cursor:pointer; font-size:24px; font-weight:bold; margin:10px 20px; padding:5px 20px; } #signup_button:hover {background:#ffc25f;} /****************** FORGOTTEN PASSWORD ******************/ #forgotten_password {color:#5a5a5a;} #forgotten_password h1 {color:#1a92d0; font-size:24px; font-weight:bold; margin-bottom:10px;} #forgotten_password p {margin-bottom:50px;} #forgotten_password_form {text-align:center;} #forgotten_password_form label {font-size:18px; font-weight:bold;} #forgotten_password_form input[type="text"] {border:2px solid #a5a5a5; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -moz-box-shadow:0px 0px 5px #d7e1ef; -webkit-box-shadow:0px 0px 5px #d7e1ef; box-shadow:0px 0px 5px #d7e1ef; font-size:18px; margin:10px; padding:5px; width:300px; } #forgotten_password_form input[type="submit"] {background:#64ac43; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#fff; cursor:pointer; font-size:20px; margin:20px 0px 0px 10px; padding:10px 20px; } #forgotten_password_form input[type="submit"]:hover {background:#ee9d1a;} /****************** CUSTOMER ACCOUNT ******************/ #account_wrapper {margin:0 auto; width:1000px;} #account_content {float:left; padding:20px 10px; width:740px;} #account_content h1 {color:#1a92d0; font-size:24px; font-weight:bold; margin-bottom:10px;} #account_errors {background:#1a92d0 url(../images/error.png) no-repeat 10px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 10px #77aaed inset; -webkit-box-shadow:0px 0px 10px #77aaed inset; box-shadow:0px 0px 10px #77aaed inset; color:#fff; font-size:16px; margin:0px auto 20px auto; padding:10px 20px 10px 40px; width:250px;} #account_errors li {padding-bottom:5px;} /* account navigation */ #account_nav {border:1px solid #1a92d0; border-radius:5px; float:left; margin-top:20px; padding:20px 0; width:230px;} #account_nav li a {display:block; font-size:16px; padding:10px;} .account_nav_other:hover {color:#64ac43;} .account_nav_current {color:#64ac43;} /* edit account */ #edit_account_form {margin-top:40px;} #edit_account_form div {margin-bottom:40px;} #edit_account_form label {display:inline-block; font-size:16px; padding:5px 10px; text-align:right; width:120px;} #edit_account_form input[type="text"] {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:2px solid #deecff; font-size:16px; padding:5px; width:200px;} #edit_account_form input[type="text"]:hover,#edit_account_form input[type="text"]:focus {border:2px solid #1a92d0;} #edit_account_button {background:#1a92d0; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#fff; cursor:pointer; font-size:20px; margin-bottom:20px; margin-left:140px; padding:10px 20px;} #edit_account_button:hover {background:#3a78c8;} /* account addresses */ #account_addresses {margin-bottom:50px;} #account_addresses h2 {color:#1a92d0; font-size:20px; margin:20px;} #add_new_address {font-size:16px; font-weight:bold; margin-left:400px;} #add_new_address:hover {text-decoration:underline;} #account_addresses label {display:block; margin-left:17px; margin-top:5px;} #account_addresses input[type="text"] {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:2px solid #deecff; font-size:16px; margin:5px 15px; padding:5px; width:250px;} #account_addresses input[type="text"]:hover,#account_addresses input[type="text"]:focus {border:2px solid #1a92d0;} #account_addresses select {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:2px solid #deecff; font-size:16px; margin:5px 15px; padding:5px; width:250px !important;} #account_addresses select:hover,#account_addresses select:focus {border:2px solid #1a92d0;} #account_addresses h3 {color:#1a92d0; font-size:18px; margin:10px; margin-left:15px;} #account_addresses h3 a {color:#000; font-size:14px; margin-left:10px; text-decoration:underline;} #account_addresses h3 a:hover {text-decoration:none;} .left { float:left; } .right { float:right; } .address_tip {background:#000; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#fff; margin-left:20px; padding:10px; position:absolute;} #address_notification {background:#112743; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; color:#fff; margin:10px auto; padding:10px; text-align:center; width:350px;} /* add address */ #add_address_button {background:#64ac43; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#fff; cursor:pointer; font-size:20px; margin:10px 0px 0px 20px; padding:5px 10px;} #add_address_button:hover {background:#ee9d1a;} /* change password */ #account_passwords div {margin-top:20px;} #account_passwords label {display:inline-block; font-size:18px; text-align:right; width:250px;} #account_passwords input[type="password"] {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:2px solid #deecff; font-size:16px; margin:5px 15px; padding:5px; width:250px; } #account_passwords input[type="password"]:hover,#account_passwords input[type="password"]:focus {border:2px solid #1a92d0;} #account_passwords input[type="submit"] {background:#1a92d0; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#fff; cursor:pointer; font-size:20px; margin:30px 0px 60px 260px; padding:10px 20px;} #account_passwords input[type="submit"]:hover {background:#3a78c8;} #account_notification {background:#1a92d0 url(../images/tick.png) no-repeat 10px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 10px #77aaed inset; -webkit-box-shadow:0px 0px 10px #77aaed inset; box-shadow:0px 0px 10px #77aaed inset; color:#fff; font-size:16px; margin:0px auto 20px auto; padding:10px 20px 10px 40px; width:300px;} /* order history */ .previous_order {margin-top:50px;} .order_products {font-size:16px; padding:10px;} .previous_product_order:nth-child(odd) {background:#f6faff;} .order_details {background:#e7f6ff; border-radius:5px; font-size:18px; padding:10px;} .order_details_info {float:left;} .order_details_info span {color:#1a92d0; font-weight:bold; margin:10px;} .previous_heading {font-weight:bold;} .previous_product_heading,.previous_price_heading,.previous_quantity_heading,.previous_total_heading, .previous_order_product,.previous_order_price,.previous_order_quantity,.previous_order_total {float:left; padding:15px 0;} .previous_product_heading,.previous_order_product {width:280px;} .previous_price_heading,.previous_order_price {width:100px;} .previous_quantity_heading,.previous_order_quantity {width:100px;} .previous_total_heading,.previous_order_total {width:100px;} .previous_order_model {font-size:12px;} .previous_view_order {background:#1a92d0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#fff; display:inline-block; font-size:16px; margin:15px 10px 5px 10px; padding:5px 10px;} .previous_view_order:hover {background:#1d4578;} .previous_add_product,.previous_add_order {background:#64ac43; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#fff; cursor:pointer; font-size:16px; margin-top:10px; padding:5px 10px;} .previous_add_product:hover,.previous_add_order:hover {background:#ee9d1a;} .previous_add_order {float:right; margin-right:20px; margin-top:15px;} /* Order history information */ #order_info {padding:10px;} #order_info_date {font-size:16px; margin-left:20px;} #order_info_date span {color:#1a92d0;} #order_info_shipping {float:left; padding:10px; width:190px;} #order_info_shipping h3 {color:#1a92d0; font-size:18px; font-weight:bold; padding:10px 0 20px 0;} #order_info_products {float:left; padding:10px; width:480px;} #product_order_heading {color:#1a92d0; font-size:18px; font-weight:bold; padding:10px;} .product_order_info {padding:10px;} .product_order_info:nth-child(odd) {background:#e7f1ff;} .order_info_product,.order_info_price,.order_info_qty,.order_info_total {float:left;} .order_info_product {width:250px;} .order_info_price {width:60px;} .order_info_qty {text-align:center; width:70px;} #order_billing_info h2 {background:#e5f0ff; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; color:#1a92d0; -moz-box-shadow:0px 0px 5px #b9d1f1 inset; -webkit-box-shadow:0px 0px 5px #b9d1f1 inset; box-shadow:0px 0px 5px #b9d1f1 inset; font-size:18px; font-weight:bold; padding:10px 20px; margin-bottom:10px;} #order_info_billing {float:left; padding:10px; width:190px;} #order_billing_info h3 {color:#1a92d0; font-size:18px; font-weight:bold; padding:10px;} #order_info_billing h3 {margin-bottom:10px;} #order_billing_info p {padding-left:10px;} #order_info_totals {float:left; padding:10px; width:480px;} .billing_info_totals {padding:10px;} .billing_info_totals:nth-child(odd) {background:#e7f1ff;} .billing_info_totals span {display:inline-block; width:350px;} #payment_method {margin-bottom:20px;} #order_status_history h2 {background:#e5f0ff; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; color:#1a92d0; -moz-box-shadow:0px 0px 5px #b9d1f1 inset; -webkit-box-shadow:0px 0px 5px #b9d1f1 inset; box-shadow:0px 0px 5px #b9d1f1 inset; font-size:18px; font-weight:bold; padding:10px 20px; margin-bottom:10px;} #product_status_heading {color:#1a92d0; font-size:18px; font-weight:bold; padding:10px;} .product_status_info {padding:10px;} .product_status_info:nth-child(odd) {background:#e7f1ff;} .status_info_date,.status_info_status,.status_info_comments {float:left;} .status_info_date {width:150px;} .status_info_status {width:120px;} .status_info_comments {width:400px;} /****************** REGISTER ******************/ #register_form {background:#fff; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f7f7f7), to(#fff)) no-repeat; background:-webkit-linear-gradient(#f7f7f7, #fff) no-repeat; background:-moz-linear-gradient(#f7f7f7, #fff) no-repeat; background:-ms-linear-gradient(#f7f7f7, #fff) no-repeat; background:-o-linear-gradient(#f7f7f7, #fff) no-repeat; background:linear-gradient(#f7f7f7, #fff) no-repeat; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 5px #434343 inset; -webkit-box-shadow:0px 0px 5px #434343 inset; box-shadow:0px 0px 5px #434343 inset; color:#5a5a5a; margin-left:90px; padding:50px; width:640px;} #register_form h2 {font-size:30px; margin-bottom:10px; margin-left:20px;} #register_form input[type="text"],#register_form input[type="password"] ,#register_form select {border:3px solid #f6f6f6; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; display:block; float:left; font-size:18px; padding:5px; margin:20px 20px; width:250px;} #register_button {background:#64ac43; border:none; color:#fff; cursor:pointer; font-size:30px; font-weight:bold; margin-left:20px; padding:10px 20px;} /****************** PAGES ******************/ #pages_wrapper {background:#fff; -moz-box-shadow:0px 4px 5px #909090; -webkit-box-shadow:0px 4px 5px #909090; box-shadow:0px 4px 5px #909090; margin:0 auto; width:1000px;} /** pages nav **/ #pages_nav { background:#f4f8fd; -webkit-border-radius:0px 0px 5px 0px; -moz-border-radius:0px 0px 5px 0px; border-radius:0px 0px 5px 0px; -moz-box-shadow:3px 0px 5px #aaaaaa; -webkit-box-shadow:3px 0px 5px #aaaaaa; box-shadow:3px 0px 5px #aaaaaa; float:left; line-height:16px; padding:20px 0; position:relative; width:250px; z-index:10;} #page_nav_resp {display:none;} /* responsive */ #page_nav_resp_list {display:none;} /* responsive */ #pages_nav li a {display:block; font-size:16px;} .pages_nav_other {background:#eaf2fb; border:2px solid #e7e7e7; border-right:none; -webkit-border-radius:10px 0px 0px 10px; -moz-border-radius:10px 0px 0px 10px; border-radius:10px 0px 0px 10px; -moz-box-shadow:0px 0px 5px #fff inset; -webkit-box-shadow:0px 0px 5px #fff inset; box-shadow:0px 0px 5px #fff inset; color:#515151; font-size:16px; margin:5px 0px 5px 5px; padding:10px; width:223px;} .pages_nav_current {background:#fff; border:2px solid #e7e7e7; border-right:none; -webkit-border-radius:10px 0px 0px 10px; -moz-border-radius:10px 0px 0px 10px; border-radius:10px 0px 0px 10px; color:#64ac43; font-size:16px; font-weight:bold; margin:5px 0px 5px 5px; padding:10px; width:223px;} .pages_nav_other1 {background-color:#fafafa; background-image:url(../images/arrow_nav1.png); background-position:7px 13px; background-repeat:no-repeat; border-top:1px dashed #d2d2d2; font-size:15px; margin-left:10px; padding:10px 5px; padding-left:20px; width:215px;} .pages_nav_current1 {background:#fafafa url(../images/arrow_current_nav1.png) 7px 13px no-repeat; border-top:1px dashed #d2d2d2; color:#64ac43; font-size:15px; margin-left:10px; padding:10px 5px; padding-left:20px; width:215px;} /** pages content **/ #pages_content {float:left; padding:20px; width:710px;} #pages_content h1 {color:#1a92d0; font-size:24px; font-weight:bold; margin:20px 0px;} #pages_content a {color:#1a92d0; text-decoration:underline;} #pages_content a:hover {text-decoration:none;} /** news **/ .latest_news {padding-bottom:30px;} .news_heading {padding-bottom:5px;} .news_title {float:left; font-size:20px;} .news_date {float:left; font-size:12px; padding-top:4px;} /****************** DOWNLOAD PAGES ******************/ #mcc_handbook {margin:0 auto; padding:40px 0; width:1000px;} #mcc_hand_image {float:left; width:350px;} #mcc_hand_text {float:left; padding:0 25px; width:600px;} #mcc_hand_text p {line-height:22px; padding-bottom:30px;} #mcc_hand_download {background:#64ac43; border-radius:5px; color:#fff; display:inline-block; font-size:24px; margin-top:10px; padding:10px 30px;} #mcc_hand_download:hover {background:#ffa429;} /****************** ORDER SUCCESS ******************/ #success_cont {background:#f7f7f7; border-bottom:1px solid #dddddd;} /* order info */ #order_success_cont {background:#fff; border-right:1px solid #dddddd; float:left; padding-right:2%; padding-top:50px; width:55%;} #order_success {float:right; width:540px;} #success_intro h1 {color:#1a92d0; font-size:30px; font-weight:bold; padding:20px 0;} #success_intro_text {background:url(../images/success-tick.png) no-repeat left center; padding:10px 0 10px 70px;} #success_intro_text {font-weight:100; margin-bottom:5px;} #success_intro_text span {color:#000; font-weight:normal;} #success_intro_text a {color:#1a92d0; font-weight:normal; text-decoration:underline;} #order_success h2 {color:#1a92d0; font-size:24px; font-weight:bold; padding:20px 0;} .success_shipping_address {float:left; width:50%;} .success_shipping_address h3 {color:#000; font-size:18px; font-weight:bold; padding:10px 5px;} .success_address {padding:5px;} #success_continue {float:left; padding:50px 0; width:50%;} #success_continue a {background:#1a92d0; border:1px solid #0683bf; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-shadow:0px 1px 2px #56c6fb inset; cursor:pointer; color:#fff; display:inline-block; font-size:18px; padding:10px 30px; text-shadow:0px 0px 1px #053952;} #success_continue a:hover {background:#35a1d5;} #success_contact {float:left; font-size:14px; line-height:18px; padding:50px 0; width:50%;} #success_contact p {background:url(../images/success-question.png) no-repeat 0px 5px; padding:9px 0 10px 40px;} #success_contact p a {color:#1a92d0; font-weight:normal; text-decoration:underline;} #success_contact p a:hover {text-decoration:none;} /* cart info */ #success_cart {float:right; width:42%;} #success_cart_cont {padding-top:50px;} #success_cart_cont h2 {color:#1a92d0; font-size:18px; font-weight:100; padding:10px;} #success_totals {font-size:16px; padding:10px;} #success_totals span {color:#1a92d0; display:inline-block; padding-right:50px; text-align:right; width:140px;} .success_totals {padding:5px 10px;} #success_grandtotal {font-weight:bold;} /****************** CONTACT FORM ******************/ /* contact form */ #contact_form_container {background:#f1f1f1; border:1px solid #e6e6e6; float:left; padding-right:5%; width:44%; /*position: relative;*/} #contact_form {float:right; padding:50px 30px 50px 0;} #contact_form_container h2 {color:#1a92d0; font-size:26px; padding-bottom:20px; text-align:center;} #contact_message_cont {font-size:12px; padding-bottom:25px;} #contact_message {width:300px;} .contact_field_cont {padding-bottom:25px;} .contact_field {background-color:#fff !important; border:1px solid #e1e1e1; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:14px; margin:1px; width:300px;} .contact_field:focus {border:2px solid #1a92d0 !important; margin:0;} #contact_form select {width:250px !important;} #contact_form textarea {font-size:14px !important; height:80px;} #contact_optin_cont {padding:0 0 15px 0;} #contact_optin_cont label {color:#1a92d0; font-weight:bold;} #contact_submit_cont {text-align:center;} #contact_submit {background:#1a92d0; border:none; border-radius:3px; color:#fff; cursor:pointer; display:block; font-size:22px; padding:5px 0; text-align:center; width:328px;} #contact_submit:hover {background:#35a1d5;} #contact_submit:active {box-shadow:0px 3px 3px #2d5588 inset; padding:6px 10px 4px 10px;} #processing_contact {display:none; padding-left:20px;} #contact_reply {padding-top:20px; text-align:center;} /* contact address */ #contact_address {float:right; padding:50px 0 50px 5%; width:45%;} #contact_addresss {padding:50px 30px 50px 50px;} #contact_address h2 {color:#1a92d0; font-size:26px; padding-bottom:20px;} #contact_address h3 {color:#64ac43; font-size:18px; padding:10px 0;} #contact_address p {color:#595b5e; font-size:16px; line-height:24px;} #contact_physical_address {background:url(../images/contact-address.png) no-repeat 5px 3px; padding-left:30px;} #contact_phone {background:url(../images/contact-phoneno.png) no-repeat 5px 3px; margin-top:30px; padding-left:30px;} #contact_fax {background:url(../images/contact-fax.png) no-repeat 5px 3px; margin-top:10px; padding-left:30px;} #contact_freephone {margin-top:20px;} #contact_freephone span {color:#64ac43; display:block; font-weight:bold;} #contact_freephone a {font-size:24px; font-weight:bold;} #contact_email_cont {padding-top:20px; width:250px;} #contact_email_link {background:#64ac43; border-radius:3px; color:#fff; display:inline-block; font-size:16px; font-weight:bold; padding:10px 0; text-align:center; width:100%;} #contact_email_link:hover {background:#ffa429;} #contact_email_link:active {box-shadow:0px 3px 3px #a67526 inset; padding:11px 0 9px 0} #contact_disclaimer {font-size:12px; line-height:15px; padding-top:30px; width:350px;} /* errors */ #contact_errors {background:#ff9d00 url(../images/error.png) no-repeat 10px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#fff; font-size:16px; /*margin:20px auto 0 auto;*/ padding:10px 20px 10px 40px; width:500px; position: absolute; left: 50%; transform: translateX(-50%);} #contact_errors li {padding-bottom:5px;} .error_contact {border-color:#64ac43 !important;} /****************** CONTACT SUCCESS ******************/ #success_success {background:#1a92d0; color:#fff; padding:100px 20px; margin:0 auto 0 auto; text-align:center; } #success_success p {font-size:20px; line-height:30px; padding-bottom:20px;} /****************** PAGINATION ******************/ #pagination {margin-bottom:20px; font-size:24px;} .other_page, .next_page {float:left; border:1px solid #b3b3b3; color:#666666; padding:5px 10px; margin:10px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-text-shadow:1px 1px 1px #ffffff; -moz-text-shadow:1px 1px 1px #ffffff; text-shadow:1px 1px 1px #ffffff; background:#ffffff; background:#ffffff no-repeat; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#e6e6e6)) no-repeat; background:-webkit-linear-gradient(#ffffff, #e6e6e6) no-repeat; background:-moz-linear-gradient(#ffffff, #e6e6e6) no-repeat; background:-ms-linear-gradient(#ffffff, #e6e6e6) no-repeat; background:-o-linear-gradient(#ffffff, #e6e6e6) no-repeat; background:linear-gradient(#ffffff, #e6e6e6) no-repeat;} #pagination a:active {background:#0c468c; background:#0c468c no-repeat; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#9dbce2), to(#9dbce2)) no-repeat; background:-webkit-linear-gradient(#0c468c, #9dbce2) no-repeat; background:-moz-linear-gradient(#0c468c, #9dbce2) no-repeat; background:-ms-linear-gradient(#0c468c, #9dbce2) no-repeat; background:-o-linear-gradient(#0c468c, #9dbce2) no-repeat; background:linear-gradient(#0c468c, #9dbce2) no-repeat;} .other_page:hover, .next_page:hover {-webkit-text-shadow:1px 1px 1px #718fb4; -moz-text-shadow:1px 1px 1px #718fb4; text-shadow:1px 1px 1px #718fb4; background:#1a92d0; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#1a92d0), to(#244268)) no-repeat; background:-webkit-linear-gradient(#1a92d0, #244268) no-repeat; background:-moz-linear-gradient(#1a92d0, #244268) no-repeat; background:-ms-linear-gradient(#1a92d0, #244268) no-repeat; background:-o-linear-gradient(#1a92d0, #244268) no-repeat; background:linear-gradient(#1a92d0, #244268) no-repeat; color:#ffffff;} .current_page {float:left; border:1px solid #0c468c; color:#ffffff; padding:5px 10px; margin:10px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#9dbce2; background:#9dbce2 no-repeat; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#9dbce2), to(#0c468c)) no-repeat; background:-webkit-linear-gradient(#9dbce2, #0c468c) no-repeat; background:-moz-linear-gradient(#9dbce2, #0c468c) no-repeat; background:-ms-linear-gradient(#9dbce2, #0c468c) no-repeat; background:-o-linear-gradient(#9dbce2, #0c468c) no-repeat; background:linear-gradient(#9dbce2, #0c468c) no-repeat;} /****************** PRIVACY & LEGAL ******************/ #privacy_wrapper {background:#fcfcfc; -moz-box-shadow:0px 5px 4px #909090; -webkit-box-shadow:0px 5px 4px #909090; box-shadow:0px 5px 4px #909090; margin:0 auto; padding:20px 5px 50px 35px; width:960px;} #privacy_wrapper h1 {color:#1a92d0; border-bottom:1px solid #5a5a5a; font-size:24px; font-weight:bold; margin-bottom:10px; padding-bottom:10px;} #privacy_wrapper h2 {color:#1a92d0; font-size:20px; font-weight:bold; padding:10px 0;} #privacy_wrapper p {padding:10px 0;} #privacy_wrapper a {color:#1a92d0; text-decoration:underline;} #privacy_wrapper span {font-size:16px; font-weight:bold;} /****************** TESTIMONIALS ******************/ #testimonials {margin:0 auto; padding:20px 5px 50px 35px; width:960px;} #testimonials h1 {color:#1a92d0; border-bottom:1px solid #5a5a5a; font-size:28px; font-weight:bold; margin-bottom:10px; padding:10px 0 40px;} #testimonials h2 {color:#1a92d0; font-size:20px; font-weight:bold; padding:10px 0;} #testimonials h3 {color:#000; font-weight:bold; padding:5px 0;} #testimonials p {line-height:20px; padding:10px 0;} #testimonials a {color:#1a92d0; text-decoration:underline;} #testimonials span {font-size:16px; font-weight:bold;} /****************** SEARCH PAGE ******************/ #search_listings {padding:50px 0;} #search_listings h2 {color:#64ac43; font-size:28px; padding:30px;} #search_listings li a {border-radius:3px; display:block; padding:10px 30px;} #search_listings span {color:#1a92d0; font-weight:bold;} #search_listings li a:hover {color:#ec9801;} #search_listings li a:hover span {color:#ec9801;} /* search form */ /*#search_bg {background:url(../images/black-opacity-dark.png); display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:110;} #search_cont {margin:150px auto; width:520px;} #close_search {color:#fff; font-size:30px; margin:50px; text-align:right;} #close_search span {cursor:pointer;} #close_search span:hover {color:#bfbfbf;}*/ #searchForm {margin:0 auto 20px auto; text-align:center; width:614px;} #search_box {background:inherit; border:2px solid #112743; border-radius:10px 0px 0px 10px; color:#112743; height:35px; float:left; font-size:36px; padding:10px; width:450px;} #search_btn {-webkit-border-radius:0px 10px 10px 0px; -moz-border-radius:0px 10px 10px 0px; border-radius:0px 10px 10px 0px; background:url(../images/search-btn.png) no-repeat 10px 18px #000; border:none; color:#fff; cursor:pointer; font-size:24px; float:left; height:59px; padding:10px 10px 10px 24px; width:140px;} #search_btn:hover {background-color:#404040;} #results_wrapper {padding:30px; background-color:#fff; margin:0 auto; min-height:500px; width:940px;} #results_wrapper h1 {font-size:26px; color:#1a92d0;} #results_wrapper h1 span {font-style:italic; font-weight:bold;} #search_results {background:#fff; -webkit-border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; border-radius:0px 0px 5px 5px; -moz-box-shadow:0px 5px 5px -5px #000; -webkit-box-shadow:0px 5px 5px -5px #000; box-shadow:0px 5px 5px -5px #000; display:none; padding:5px; position:absolute; width:500px; z-index:20;} #search_content {background:#fcfcfc; display:block; float:left; padding:20px 10px; width:730px;} #search_content h1 {color:#1a92d0; font-size:24px; font-weight:bold; margin:10px;} #search_intro {color:#1a92d0; font-size:18px; font-weight:bold; margin:20px;} #enter_search_cont h1 {padding-bottom:20px;} /****************** 404 ******************/ #error_404 {height:500px; margin:0 auto; padding:50px; width:900px;} #error_404 h1 {color:#1a92d0; font-size:20px; font-weight:bold; padding-bottom:20px;} #preloader {top:185px; left:730px; width:106px; position:absolute;} #preloader img {border:none !important;} /****************** Retina ******************/ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { /* HEADER */ #scroll_logo a {background-image:url(../images/scroll-logo@2x.png); background-size:25px 30px;} #header_usp_delivery {background-image:url(../images/header-shipping@2x.png); background-size:12px 12px;} #header_usp_guarantee {background-image:url(../images/header-guarantee@2x.png); background-size:11px 11px;} #cart_login {background-image:url(../images/members-login@2x.png); background-size:12px 12px;} #cart_account {background-image:url(../images/members-account@2x.png); background-size:12px 12px;} #header_search_btn {background-image:url(../images/header-search@2x.png); background-size:20px 20px;} #cart_nav {background-image:url(../images/cart@2x.png); background-size:20px 50px;} #header_search_but {background-image:url(../images/header-search@2x.png); background-size:20px 20px;} #header_cart {background-image:url(../images/header-cart@2x.png); background-size:20px 20px;} #header_login {background-image:url(../images/header-login@2x.png); background-size:20px 20px;} /* HOME */ #home_intro {background-image:url(../images/intro-bg@2x.jpg);} #home_intro_sensors {background-image:url(../images/home-intro-sensors@2x.png);} #home_introa_image {background-image:url(../images/home-intro-product@2x.png);} #home_intro_3g {background-image:url(../images/home-intro-connect@2x.png); background-size:30px 24px;} #home_intro_alert {background-image:url(../images/home-intro-alerts@2x.png); background-size:30px 24px;} #home_intro_bat {background-image:url(../images/home-intro-battery@2x.png); background-size:30px 24px;} #home_intro_peace {background-image:url(../images/home-intro-peace@2x.png); background-size:30px 24px;} /* apps */ #owl_set .owl-controls .owl-prev {background-image:url(../images/app-but-left@2x.png); background-size:35px 35px;} #owl_set .owl-controls .owl-next {background-image:url(../images/app-but-right@2x.png); background-size:35px 35px;} /* video */ #home_video {background-image:url(../images/home-video-bg@2x.png);} /* sensors */ #home_sensor_temperature h3 {background-image:url(../images/cats/dark60/temperature-sensors.png); background-size:30px 30px;} #home_sensor_humidity h3 {background-image:url(../images/cats/dark60/humidity-sensors.png); background-size:30px 30px;} #home_sensor_motion h3 {background-image:url(../images/cats/white60/motion-detection-sensors.png); background-size:30px 30px;} #home_sensor_resistance h3 {background-image:url(../images/cats/white60/resistance-sensors.png); background-size:30px 30px;} /* alta */ #home_alta_banner {background-image:url(../images/home-alta-bg@2x.jpg);} #home_alta_logo {background-image:url(../images/home-alta@2x.png);} #home_standard_banner {background-image:url(../images/home-standard-bg@2x.jpg);} #home_standard_logo {background-image:url(../images/home-standard@2x.png);} /* works */ #home_works_tab_gate {background-image:url(../images/home-works-gateway@2x.png); background-size:15px 20px;} #home_works_tab_wifi {background-image:url(../images/home-works-wi-fi@2x.png); background-size:22px 20px;} #home_works_3g {background-image:url(../images/home-works-3g@2x.png); background-size:675px 107px;} #home_works_wifi {background-image:url(../images/home-works-wifi@2x.png); background-size:432px 109px;} #home_works_3g_sensor {background-image:url(../images/home-works-3g-sensor@2x.png);} #home_works_3g_gateway {background-image:url(../images/home-works-3g-gateway@2x.png);} #home_works_3g_data {background-image:url(../images/home-works-3g-data@2x.png);} #home_works_wifi_sensor {background-image:url(../images/home-works-wifi-sensor@2x.png);} #home_works_wifi_con {background-image:url(../images/home-works-wifi-con@2x.png);} #home_works_wifi_data {background-image:url(../images/home-works-wifi-data@2x.png);} /* data */ #home_data_screen {background-image:url(../images/data-device@2x.png); background-size:250px 490px;} /* solutions */ #home_solutions_sensors .home_solutions_image {background-image:url(../images/home-products-sensors@2x.png); background-size:200px 200px;} #home_solutions_gateway .home_solutions_image {background-image:url(../images/home-products-gateway@2x.png); background-size:200px 200px;} #home_solutions_software .home_solutions_image {background-image:url(../images/home-products-software@2x.png); background-size:200px 200px;} #home_solutions_accessories .home_solutions_image {background-image:url(../images/home-products-accessories@2x.png); background-size:200px 200px;} /* why */ #home_why_easy {background-image:url(../images/home-easy@2x.png); background-size:30px 30px;} #home_why_range {background-image:url(../images/home-range@2x.png); background-size:30px 30px;} #home_why_types {background-image:url(../images/home-type@2x.png); background-size:30px 30px;} #home_why_cost {background-image:url(../images/home-cost@2x.png); background-size:30px 30px;} #home_why_power {background-image:url(../images/home-power@2x.png); background-size:30px 30px;} #home_why_global {background-image:url(../images/home-global@2x.png); background-size:30px 30px;} /* videos */ #home_video_how .home_video_icon {background-image:url(../images/home-videos-how@2x.png); background-size:25px 50px;} #home_video_demo .home_video_icon {background-image:url(../images/home-videos-demo@2x.png); background-size:25px 50px;} #home_video_apps .home_video_icon {background-image:url(../images/home-videos-apps@2x.png); background-size:25px 50px;} /* SENSORS */ /* tabs */ #wireless_sensors_standard_tab {background-image:url(../images/sensors-tabs-standard@2x.png);} #wireless_sensors_alta_tab {background-image:url(../images/sensors-tabs-alta@2x.png);} #sensors_format_standard_tab {background-image:url(../images/sensors-tabs-standard@2x.png);} #sensors_format_alta_tab {background-image:url(../images/sensors-tabs-alta@2x.png);} /* notifications */ #sensors_bat_not {background-image:url(../images/sensors-battery@2x.png); background-size:637px 399px;} #sensors_manage_not {background-image:url(../images/sensors-configure@2x.png); background-size:637px 399px;} #sensors_alert_not {background-image:url(../images/sensors-alerts@2x.png); background-size:637px 399px;} #sensors_latest_not {background-image:url(../images/sensors-battery@2x.png); background-size:637px 399px;} #sensors_comparison_cell {background-image:url(../images/formats-cell@2x.png);} #sensors_comparison_aa {background-image:url(../images/formats-aa@2x.png);} #sensors_comparison_wifi {background-image:url(../images/formats-wifi@2x.png);} #sensors_comparison_wifi {background-image:url(../images/formats-wifi@2x.png);} #products_formats_info span {background-image:url(../images/question-mark@2x.png)} #sensors_comparison_cell_alta {background-image:url(../images/formats-alta-cell@2x.png);} #sensors_comparison_aa_alta {background-image:url(../images/formats-alta-aa@2x.png);} #sensors_comparison_industrial_alta {background-image:url(../images/formats-alta-industrial@2x.png);} .home_alta_range {background-image:url(../images/alta-compare-range@2x.png);} .home_alta_battery {background-image:url(../images/alta-compare-bat@2x.png);} .home_alta_security {background-image:url(../images/alta-compare-sec@2x.png);} .home_alta_memory {background-image:url(../images/alta-compare-mem@2x.png);} /* CATEGORIES */ #cat_filters h2 {background-image:url(../images/filters_icon@2x.png); background-size:14px 14px;} #filter_tooltip {background-image:url(../images/close-filter-tool@2x.png); background-size:15px 15px;} #reset_filters {background-image:url(../images/reset-filters@2x.png); background-size:12px 10px;} .sensors_heading_remove {background-image:url(../images/remove-filt@2x.png); background-size:12px 12px;} .current_filter a {background-image:url(../images/remove-filter@2x.png); background-size:12px 12px;} #cat_filt_change {background-image:url(../images/change-measurement@2x.png); background-size:12px 9px;} #back_cat_filts {background-image:url(../images/back-filters@2x.png); background-size:15px 13px;} /* atla tabs */ #categories_gateways_standard {background-image:url(../images/sensors-tabs-standard@2x.png);} #categories_gateways_alta {background-image:url(../images/sensors-tabs-alta@2x.png);} /* PRODUCTS */ #product_usp_ship {background-image:url(../images/ship-usp@2x.png); background-size:24px 24px;} #product_usp_guar {background-image:url(../images/cart-usp@2x.png); background-size:24px 24px;} .prod_sec_1 li {background-image:url(../images/doc-bullets@2x.png); background-size:12px 12px;} .prod_sec_2 li {background-image:url(../images/doc-bullets@2x.png); background-size:12px 12px;} #documentation li {background-image:url(../images/doc-bullets@2x.png); background-size:12px 12px;} .prod_sec_3 li {background-image:url(../images/app-bullets@2x.png); background-size:12px 12px;} #information li {background-image:url(../images/app-bullets@2x.png); background-size:12px 12px;} #applications li {background-image:url(../images/app-bullets@2x.png); background-size:12px 12px;} #more_prods {background-image:url(../images/more_arrow@2x.png); background-size:9px 9px;} #products_standard_link a {background-image:url(../images/products-standard-link@2x.png);} #products_alta_link a {background-image:url(../images/products-alta-link@2x.png);} /* PAYMENT */ #checkout_shipping_head {background-image:url(../images/shipping-icon@2x.png); background-size:20px 20px;} #checkout_billing_head {background-image:url(../images/billing-icon@2x.png); background-size:20px 20px;} #checkout_creditcard h3 {background-image:url(../images/cclogos@2x.png); background-size:150px 32px;} #creditcard_number {background-image:url(../images/cc_num_bg@2x.png); background-size:15px 15px;} #security_code {background-image:url(../images/qmark@2x.png); background-size:15px 15px;} #success_contact p {background-image:url(../images/success-question@2x.png); background-size:25px 25px;} #success_intro_text {background-image:url(../images/success-tick@2x.png); background-size:50px 50px;} /* FOOTER */ #footer_copyright {background-image:url(../images/footer-logo@2x.png); background-size:40px 31px;} #footer_phone_bg {background-image:url(../images/footer-phone@2x.png); background-size:30px 30px;} #cart_pop_fship {background-image:url(../images/green-arrow@2x.png); background-size:15px 15px;} #footer_usp_guarantee {background-image:url(../images/footer-usp-guarantee@2x.png); background-size:40px 40px;} #footer_usp_delivery {background-image:url(../images/footer-usp-delivery@2x.png); background-size:40px 40px;} #footer_usp_international {background-image:url(../images/footer-usp-international@2x.png); background-size:40px 40px;} /* ICONS */ /* filter icons */ .filt_link_all {background-image:url(../images/cats/grey60/sensors.png);} .filt_link_temperature {background-image:url(../images/cats/grey60/temperature-sensors.png);} .filt_link_humidity {background-image:url(../images/cats/grey60/humidity-sensors.png);} .filt_link_water-detect {background-image:url(../images/cats/grey60/water-detect-sensors.png);} .filt_link_water-puck {background-image:url(../images/cats/grey60/water-puck.png);} .filt_link_water-rope {background-image:url(../images/cats/grey60/water-rope-sensors.png);} .filt_link_open-closed {background-image:url(../images/cats/grey60/open-close-sensors.png);} .filt_link_motion-detection {background-image:url(../images/cats/grey60/motion-detection-sensors.png);} .filt_link_carbon-monoxide {background-image:url(../images/cats/grey60/carbon-monoxide-sensors.png);} .filt_link_dry-contact {background-image:url(../images/cats/grey60/dry-contact-sensors.png);} .filt_link_accelerometer {background-image:url(../images/cats/grey60/accelerometer-sensors.png);} .filt_link_voltage-meter {background-image:url(../images/cats/grey60/voltage-meter-sensors.png);} .filt_link_ac-current-meter {background-image:url(../images/cats/grey60/ac-current-sensors.png);} .filt_link_voltage-detect {background-image:url(../images/cats/grey60/voltage-detect-sensors.png);} .filt_link_resistance {background-image:url(../images/cats/grey60/resistance-sensors.png);} .filt_link_ma-current-meter {background-image:url(../images/cats/grey60/ma-current-sensors.png);} .filt_link_pulse-counter {background-image:url(../images/cats/grey60/pulse-counter-sensors.png);} .filt_link_light-meter {background-image:url(../images/cats/grey60/light-meter-sensors.png);} .filt_link_light-detection {background-image:url(../images/cats/grey60/light-detect-sensors.png);} .filt_link_pressure-meter {background-image:url(../images/cats/grey60/pressure-meter-sensors.png);} .filt_link_magnet-detection {background-image:url(../images/cats/grey60/magnetic-detection-sensors.png);} .filt_link_asset {background-image:url(../images/cats/grey60/asset-sensors.png);} .filt_link_activity {background-image:url(../images/cats/grey60/activity-sensors.png);} .filt_link_vehicle-detection {background-image:url(../images/cats/grey60/vehicle-detection-sensors.png);} .filt_link_seat-occupancy {background-image:url(../images/cats/grey60/seat-occupancy-sensors.png);} .filt_link_flex {background-image:url(../images/cats/grey60/flex-sensors.png);} .filt_link_button {background-image:url(../images/cats/grey60/button-sensors.png);} .filt_link_compass {background-image:url(../images/cats/grey60/compass-sensors.png);} .filt_link_liquid-level {background-image:url(../images/cats/grey60/liquid-level-sensors.png);} .filt_link_grains-per-pound {background-image:url(../images/cats/grey60/grains-pound-sensors.png);} .filt_link_ultrasonic {background-image:url(../images/cats/grey60/ultrasonic-sensors.png);} .filt_link_co2 {background-image:url(../images/cats/grey60/co2-sensors.png);} .filt_link_pm25 {background-image:url(../images/cats/grey60/pm25particulate.png);} .filt_link_air-velocity {background-image:url(../images/cats/grey60/air-velocity.png);} .filt_link_diff-air-press {background-image:url(../images/cats/grey60/differential-air-pressure.png);} .filt_link_h2s {background-image:url(../images/cats/grey60/hydrogen-sulfide.png);} /* format icons */ .filt_link_wi-fi {background-image:url(../images/cats/grey60/wifi.png);} .filt_link_aa {background-image:url(../images/cats/grey60/aa.png);} .filt_link_industrial {background-image:url(../images/cats/grey60/industrial.png);} .filt_link_coin-cell {background-image:url(../images/cats/grey60/cell.png);} #type_filter_all {background-image:url(../images/cats/grey60/formats-all.png);} .no_results .filt_link_wi-fi {background-image:url(../images/cats/light60/wifi.png);} .no_results .filt_link_aa {background-image:url(../images/cats/light60/aa.png);} .no_results .filt_link_industrial {background-image:url(../images/cats/light60/industrial.png);} .no_results .filt_link_coin-cell {background-image:url(../images/cats/light60/cell.png);} /* current sensor icons */ .meas_current_temperature {background-image:url(../images/cats/blue80/temperature-sensors.png);} .meas_current_humidity {background-image:url(../images/cats/blue80/humidity-sensors.png);} .meas_current_water-detect {background-image:url(../images/cats/blue80/water-detect-sensors.png);} .meas_current_water-rope {background-image:url(../images/cats/blue80/water-rope-sensors.png);} .meas_current_open-closed {background-image:url(../images/cats/blue80/open-close-sensors.png);} .meas_current_motion-detection {background-image:url(../images/cats/blue80/motion-detection-sensors.png);} .meas_current_carbon-monoxide {background-image:url(../images/cats/blue80/carbon-monoxide-sensors.png);} .meas_current_dry-contact {background-image:url(../images/cats/blue80/dry-contact-sensors.png);} .meas_current_accelerometer {background-image:url(../images/cats/blue80/accelerometer-sensors.png);} .meas_current_voltage-meter {background-image:url(../images/cats/blue80/voltage-meter-sensors.png);} .meas_current_ac-current-meter {background-image:url(../images/cats/blue80/ac-current-sensors.png);} .meas_current_voltage-detect {background-image:url(../images/cats/blue80/voltage-detect-sensors.png);} .meas_current_resistance {background-image:url(../images/cats/blue80/resistance-sensors.png);} .meas_current_ma-current-meter {background-image:url(../images/cats/blue80/ma-current-sensors.png);} .meas_current_pulse-counter {background-image:url(../images/cats/blue80/pulse-counter-sensors.png);} .meas_current_light-meter {background-image:url(../images/cats/blue80/light-meter-sensors.png);} .meas_current_light-detection {background-image:url(../images/cats/blue80/light-detect-sensors.png);} .meas_current_pressure-meter {background-image:url(../images/cats/blue80/pressure-meter-sensors.png);} .meas_current_magnet-detection {background-image:url(../images/cats/blue80/magnetic-detection-sensors.png);} .meas_current_asset {background-image:url(../images/cats/blue80/asset-sensors.png);} .meas_current_activity {background-image:url(../images/cats/blue80/activity-sensors.png);} .meas_current_vehicle-detection {background-image:url(../images/cats/blue80/vehicle-detection-sensors.png);} .meas_current_seat-occupancy {background-image:url(../images/cats/blue80/seat-occupancy-sensors.png);} .meas_current_flex {background-image:url(../images/cats/blue80/flex-sensors.png);} .meas_current_button {background-image:url(../images/cats/blue80/button-sensors.png);} .meas_current_compass {background-image:url(../images/cats/blue80/compass-sensors.png);} .meas_current_liquid-level {background-image:url(../images/cats/blue80/liquid-level-sensors.png);} .meas_current_grains-per-pound {background-image:url(../images/cats/blue80/grains-pound-sensors.png);} .meas_current_h2s {background-image:url(../images/cats/blue80/hydrogen-sulfide.png);} /* apps page */ #apps_more a {background-image:url(../images/apps-arrow@2x.png);} }