@import url(http://fonts.googleapis.com/css?family=Lato:400,100,100italic,900,700italic,700,400italic,300italic,300,900italic);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
body,p,a,input,text,span,label{font-family: 'Lato', sans-serif;margin: 0;padding: 0;color:#595959;}
h1,h2,h3,h4,h5,h6 {font-family: 'Montserrat', sans-serif;}
a,img,iframe,table{border:none;}
body, html {height: 100%;}

#header-spacer{height:170px;}
#cont-head{background: none repeat scroll 0 0 #ffffff;position: fixed;top: 0;width: 100%;z-index: 100;height: 145px;}
#cont-head .header{margin: 20px auto;width:980px;position:relative;}
#cont-head .header .header-logo{display: inline-block;font-size: 0;}
#cont-head .header .header-logo a{text-decoration:none;color#ffffff;}
#cont-head .header .header-social-media{margin: 0;position: absolute;right: 0;top: 10px;}
#cont-head .header .header-social-media li{display:inline-block;margin: 0 0 0 10px;}
#cont-head .header-red{background: none repeat scroll 0 0 #e01f26;border-bottom: 5px solid #b2080e;height: 54px;}
#cont-head .header-red .header-red-menu{height: 100%;margin: 0 auto;position: relative;width: 980px;}
#cont-head .header-red .header-red-menu a.header-product-name {display: block;height: 100%;width: 450px;overflow: hidden;}
#cont-head .header-red .header-red-menu a.header-product-name span{color: #ffffff;display: inline-block;font-family: 'Montserrat',sans-serif;font-size: 30px;font-weight: bold;padding-top: 7px;text-decoration: none;}
#cont-head .header-red .header-red-menu a.header-product-name span.long-code{font-size:22px;padding-top:13px;}
#cont-head .header-red .header-red-menu > ul{height: 100%;margin: 0;padding: 0;position: absolute;right: 0;top: 0;}
#cont-head .header-red .header-red-menu > ul > li{display: inline-block;height: 100%;position: relative;vertical-align: middle;}
#cont-head .header-red .header-red-menu > ul > li > a{color: #ffffff;display: block;font-size: 14px;margin-top: 13px;padding: 5px 10px 7px;text-decoration: none;}
#cont-head .header-red .header-red-menu > ul > li > a.active,#cont-head .header-red ul > li > a:hover{background:#ffffff;color:#404040;border-radius: 3px;}
#cont-head .header-red .header-red-menu > ul > li.header-red-menu-products > a{padding-bottom:24px;}
#cont-head .header-red .header-red-menu > ul > li.header-red-menu-products > div{overflow:hidden;background: none repeat scroll 0 0 #ffffff;left: 0;height:0;position: fixed;width: 100%;}
#cont-head .header-red .header-red-menu > ul > li.header-red-menu-products > div > ul{margin: 0 auto;padding: 20px 0; width: 1000px;table-layout: fixed;display: table;}
#cont-head .header-red .header-red-menu > ul > li.header-red-menu-products > div > ul > li {display: table-cell;padding: 0 15px;}
#cont-head .header-red .header-red-menu > ul > li.header-red-menu-products > div > ul > li > ul{list-style: none outside none;margin:20px 0 0;padding: 0;}
#cont-head .header-red .header-red-menu > ul > li.header-red-menu-products > div > ul > li > ul > li{display:block;}
#cont-head .header-red .header-red-menu > ul > li.header-red-menu-products > div > ul > li > ul > li > a{border-radius:0;color:#404040;font-size: 11px;text-decoration: none;display:block;padding: 3px 5px;}
#cont-head .header-red .header-red-menu > ul > li.header-red-menu-products > div > ul > li > ul > li > a:hover {background:#e01f26;color:#ffffff;}
#cont-head .header-red .header-red-menu > ul > li.header-red-menu-products > div > ul > li > div.thumb-container {display: block;height: 130px;}
#cont-head .header-red .header-red-menu > ul > li.header-red-menu-products > div > ul > li > div.thumb-container > a{color:#b2080e;display: block;font-size: 13px;font-weight: bold;text-decoration: none;}
#cont-head .header-red .header-red-menu > ul > li.header-red-menu-products > div > ul > li > div.thumb-container > a:hover{text-decoration:underline;}
#cont-head .header-red .header-red-menu > ul > li.header-red-menu-products > div > ul > li > div.thumb-container > a img{display: block;margin: 0 0 10px;height:82px;width:82px;}
#cont-head .header-red .header-red-menu > ul > li.header-red-menu-products:hover > div {height:auto;border-bottom:15px solid #404040;}
#cont-head .header-red .header-red-menu > ul > li.header-red-menu-products:hover > a{background:#ffffff;color:#404040;border-radius: 3px 3px 0 0;}
#cont-head .header-red .header-red-menu > ul > li.acos-products > div > ul{width: 800px;}
#cont-head .header-red .header-red-menu > ul > li.acos-products > div > ul > li > div.thumb-container {display: block;height:100px;} 


#cont-main {width:100%;display:block;overflow: hidden;}
#cont-main .main-banner:not(*:root) {height: 709px;} /*safari hacks */
#cont-main .main-banner{height: calc(100vh - 150px) !important;min-height:709px;margin: 150px 0 100px;overflow: hidden;background-size: cover;background-position: center center;position:relative;}
#cont-main .main-banner .main-banner-info-wrapper {bottom: 0;display:table;height: 100%;min-height:709px;position: absolute;right: 50%;top: 0;width: 490px;}
#cont-main .main-banner .main-banner-info-wrapper div{display: table-cell;vertical-align: middle;}
#cont-main .main-banner .main-banner-info-wrapper div h1 {margin: 0;line-height: 55px;padding: 0 15px;}
#cont-main .main-banner .main-banner-info-wrapper div h1 a {color: #e01f26;font-size: 70px;text-decoration:none;font-family: 'Montserrat', sans-serif;}
#cont-main .main-banner .main-banner-info-wrapper div h2 { font-size: 42px;font-size: 37px;font-weight: lighter;margin: 0 0 40px;padding: 0 15px;}
#cont-main .main-banner .main-banner-info-wrapper div .description {background: none repeat scroll 0 0 #858484;color: #ffffff;padding: 20px;width: 380px;}
#cont-main .main-banner .main-banner-info-wrapper div .description p {
    color: #fff;
    margin-bottom: 10px;
}

#cont-main .main-section {margin:0 auto;width: 980px;position:relative;min-height:530px;padding-bottom:100px;}
#cont-main .main-section:first-child{margin-top:100px;}
#cont-main .main-section .wrap-header {border-bottom:2px solid #e01f26;}
#cont-main .main-section .wrap-header h2{width:550px;color: #858484;font-size: 36px;font-weight: bold;margin: 0;}
#cont-main .main-section .main-section-tabs {background:no-repeat scroll 542px 30px rgba(0, 0, 0, 0);}
#cont-main .main-section .main-section-tabs > div{padding-top:30px;font-size: 14px;line-height: 23px;}
#cont-main .main-section .main-section-tabs > ul{list-style: none outside none;margin: 0;padding: 0;position: absolute;right: 0;top: 10px;}
#cont-main .main-section .main-section-tabs > ul li{display: inline-block;}
#cont-main .main-section .main-section-tabs > ul li a{color: #595959;display: block;padding: 5px 10px;text-decoration: none;}
#cont-main .main-section .main-section-tabs > ul li a.active{color: #e01f26;}

#cont-main .main-section .main-section-tabs > div div ul{margin:0;}
#cont-main .main-section .main-section-tabs > div div ul li{padding:2px 0;}
#cont-main .main-section .main-section-tabs > div table{border-collapse: collapse;}
#cont-main .main-section .main-section-tabs > div table tr td{border-bottom: 1px solid #cccccc;padding: 10px 0;font-size: 14px;}

#cont-main .main-section .main-section-tabs > #features div a,
#cont-main .main-section .main-section-tabs > #sdk div p a,
#cont-main .main-section .main-section-tabs > #tech-specs div p a{color: #e01f26;}
#cont-main .main-section .main-section-tabs > #features div{display: inline-block;margin-right: 40px;vertical-align: top;width: 500px;}
#cont-main .main-section .main-section-tabs > #features > img{display:inline-block;vertical-align: top;width: 430px;}
#cont-main .main-section .main-section-tabs > #tech-specs div{display: inline-block;margin-right: 40px;vertical-align: top;width: 500px;}
#cont-main .main-section .main-section-tabs > #tech-specs > img{display:inline-block;vertical-align: top;width: 430px;}
#cont-main .main-section .main-section-tabs > #tech-specs table tr td:first-child{font-weight: bold;width: 200px;vertical-align:top;}
#cont-main .main-section .main-section-tabs > #documents div{border-bottom: 1px solid #cccccc;padding: 20px 120px;}
#cont-main .main-section .main-section-tabs > #documents div a{font-weight: bold;}
#cont-main .main-section .main-section-tabs > #images div {border: 1px solid #cccccc;display: inline-block;margin: 16px;vertical-align: top;}
#cont-main .main-section .main-section-tabs > #sdk div{display: inline-block;margin-right: 40px;vertical-align: top;width: 500px;}
#cont-main .main-section .main-section-tabs > #sdk div h2 {border:none;margin-bottom:10px;}
#cont-main .main-section .main-section-tabs > #sdk div h2 a{text-decoration:none;font-family: 'Montserrat', sans-serif;color:#595959;font-size:18px;}
#cont-main .main-section .main-section-tabs > #sdk > img{display:inline-block;vertical-align: top;width: 430px;}
#cont-main .main-section .main-section-tabs > #drivers .release-notes {margin: 0 auto;background: url("/images/thumb-release-notes.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);display: block;height: 20px;width: 20px;}
#cont-main .main-section .main-section-tabs > #drivers table{width:100%;}
#cont-main .main-section .main-section-tabs > #drivers table tbody tr td:nth-child(1){width:12%;}
#cont-main .main-section .main-section-tabs > #drivers table tbody tr td:nth-child(2){width:25%;}
#cont-main .main-section .main-section-tabs > #drivers table tbody tr td:nth-child(3){width:40%;}
#cont-main .main-section .main-section-tabs > #drivers table tbody tr td:nth-child(4){width:10%;}
#cont-main .main-section .main-section-tabs > #drivers table tbody tr td:nth-child(5){width:8%;}
#cont-main .main-section .main-section-tabs > #drivers table tbody tr td:nth-child(6){width:5%;}
#cont-main .main-section .main-section-tabs > #videos #player{display: inline-block;}
#cont-main .main-section .main-section-tabs > #videos #player iframe{display:block;}
#cont-main .main-section .main-section-tabs > #videos #playlist{border-left: 2px solid #cccccc;display: inline-block;height: 300px;margin: 0 0 0 30px;position:relative;padding: 0 0 0 20px;vertical-align: top;overflow: auto;width: 425px;}
#cont-main .main-section .main-section-tabs > #videos #playlist li{display:block;margin: 0 0 20px;cursor: pointer;}
#cont-main .main-section .main-section-tabs > #videos #playlist li.active img{border-left: 10px solid #e01f26;}
#cont-main .main-section .main-section-tabs > #videos #playlist li:not(.active):hover img{border-left: 10px solid #686868;}
#cont-main .main-section .main-section-tabs > #videos #playlist li img{display:inline-block;vertical-align: top;height: 90px;border-left: 10px solid #ffffff;}
#cont-main .main-section .main-section-tabs > #videos #playlist li div {display: inline-block;padding: 0 0 0 10px;width: 260px;}
#cont-main .main-section .main-section-tabs > #videos #playlist li div h4{display: block;margin: 0 0 10px;}
#cont-main .main-section .main-section-tabs > #videos #playlist li div p{ font-size: 12px;}
#cont-main .main-section .main-section-tabs > #company-contact a:hover,
#cont-main .main-section .main-section-tabs > #company-contact a span:hover{color: #e01f26;}


#cont-main .main-section .content {padding-left:60px;}
#cont-main .main-section .content .content-column-1 {float:left;}
#cont-main .main-section .content .content-column-2 {float:right;}
#cont-main .main-section .content p.title{font-size:16px; font-weight:bold;}
#cont-main .main-section .content p.subtitle{font-size:16px; font-weight:bold;}
#cont-main .main-section .content .clearfix {color:#595959;display:block;margin:15px 0;padding-left:30px;position:relative;}
#cont-main .main-section .content .clearfix label{text-align: left;display:inline-block;vertical-align:top;width:160px;margin-top:2px;}
#cont-main .main-section .content .clearfix label.error{font-size:14px;color:#ff0000;text-align:left;display:block;width:auto;margin-left:163px;}
#cont-main .main-section .content .clearfix span.checkbox{position:absolute;top:4px;left:190px;}
#cont-main .main-section .content .clearfix span.required{color: #ff0000;position:absolute; top:0px;left:445px;}
#cont-main .main-section .content .clearfix input,
#cont-main .main-section .content .clearfix select,
#cont-main .main-section .content .clearfix textarea{font-size:14px;font-family: 'Lato',sans-serif;color: #7C7C7C;width:300px;margin:0px;padding:4px; border: 1px solid #d8d8d8;}
#cont-main .main-section .content .clearfix select {width: 310px;padding:4px;}
#cont-main .main-section .content .clearfix input[type=checkbox] {vertical-align:top;width:25px; margin:0;}
#cont-main .main-section .content .clearfix textarea{height:120px;resize: none;}
#cont-main .main-section .content .clearfix-button{font-size:12px;color:#7C7C7C;display:inline-block;vertical-align:top;margin:0;}
#cont-main .main-section .content .clearfix-button label{font-size:12px;color:#7C7C7C;display:inline-block;text-align: left;vertical-align:top;width:160px;margin-top:2px;}
#cont-main .main-section .content .clearfix-button button{margin:0 0 0 230px;}
#cont-main .main-section .content .clearfix-2 {color:#595959;display:block;margin:15px 0;padding-left:30px;position:relative;}
#cont-main .main-section .content .clearfix-2 label{text-align: left;display:inline-block;vertical-align:top;width:220px;margin-top:2px;}
#cont-main .main-section .content .clearfix-2 label.error{font-size:14px;color:#ff0000;text-align:left;display:block;width:auto;margin-left:223px;}
#cont-main .main-section .content .clearfix-2 span.checkbox{position:absolute;top:4px;left:190px;}
#cont-main .main-section .content .clearfix-2 span.required{color: #ff0000;position:absolute; top:0px;left:445px;}
#cont-main .main-section .content .clearfix-2 input,
#cont-main .main-section .content .clearfix-2 select,
#cont-main .main-section .content .clearfix-2 textarea{font-size:14px;font-family: 'Lato',sans-serif;color: #7C7C7C;width:300px;margin:0px;padding:4px; border: 1px solid #d8d8d8;}
#cont-main .main-section .content .clearfix-2 select {width: 310px;padding:4px;}
#cont-main .main-section .content .clearfix-2 input[type=checkbox] {vertical-align:top;height:20px;width:25px; margin:0;}
#cont-main .main-section .content .clearfix-2 textarea{height:120px;resize: none;}
#cont-main .main-section .content .clearfix-button{font-size:12px;color:#7C7C7C;display:inline-block;vertical-align:top;margin:0;}
#cont-main .main-section .content .clearfix-button label{font-size:12px;color:#7C7C7C;display:inline-block;text-align: left;vertical-align:top;width:160px;margin-top:2px;}
#cont-main .main-section .content .clearfix-button button{margin:0 0 0 230px;}
#cont-main .main-section .content .clearfix-2 ul {display:inline-block;padding:0; position:relative;}
#cont-main .main-section .content .clearfix-2 ul li {list-style:none; margin-bottom:10px; padding:0;}
#cont-main .main-section .content .clearfix-2 .clearfix_sub {display:inline-block; margin:0; position:relative;width:330px;}
#cont-main .main-section .content .clearfix-2 .clearfix_sub .os_computer label{line-height: normal;}
#cont-main .main-section .content .clearfix-2 .clearfix_sub .os_computer label.error{margin-left:0;}
#cont-main .main-section .content .clearfix-2 .clearfix_sub .os_mobile label{line-height: normal;}
#cont-main .main-section .content .clearfix-2 .clearfix_sub .os_mobile label.error{margin-left:0;}





#cont-foot {display: block;margin: 150px 0 20px;overflow: hidden;}
#cont-foot .footer-red{background: none repeat scroll 0 0 #e01f26;width: 100%;}
#cont-foot .footer-wrapper{color: #999999;display: block;font-size: 11px;margin: 0 auto;padding: 0;width: 980px;}
#cont-foot .footer-wrapper a:hover{text-decoration:none;}
#cont-foot .footer-red .footer-wrapper ul{display: block;padding: 0;}
#cont-foot .footer-red .footer-wrapper ul li{display:inline-block;color: #ffffff;}
#cont-foot .footer-red .footer-wrapper ul li a{color: #ffffff;display: block;font-size: 12px;padding: 10px;text-decoration: none;}
#cont-foot .footer-red .footer-wrapper ul li a:hover{text-decoration:underline;}
#cont-foot .footer-red .footer-wrapper ul li:first-child a{padding-left:0;}





.ui-multiselect-checkboxes label {padding:0!important;}
.ui-multiselect{width: 310px !important; background-color:#eeeeee;border:1px solid #d8d8d8 !important; padding:4px 0 4px 4px !important; cursor:pointer;}
.ui-multiselect span{font-weight:normal !important;}
.ui-multiselect input[type=checkbox]{margin:none !important;}
.ui-multiselect-checkboxes label input {top:2px !important; margin-right:2px;}
.ui-multiselect-checkboxes{ margin:0 !important; padding:0 !important; background-color:#FFFFFF !important; border:1px solid #d8d8d8 !important; width:300px !important;}
.ui-multiselect-menu {padding:0 !important;}
.ui-multiselect-checkboxes li{border: 1px solid #FFFFFF!important;padding:2px !important;}
.ui-multiselect-checkboxes li:hover{background-color: #eeeeee !important;border: 1px solid #d8d8d8!important;}

.attach a{text-decoration: none !important;}
.attach a:hover{text-decoration: underline !important;}
.upload_status span{position:absolute;color:#ccc;}
.spacer {height:15px;}
.spacer-small {height:10px;}
.spacer-medium {height:30px;}
.btn {font-family: 'Lato',sans-serif; background-color:#eeeeee; border:1px solid #d8d8d8; width:150px; padding:5px; cursor:pointer; margin-left:2px;}
.red {color:#e01f26}
.contact-us-offices{margin:5px 0 8px;}

.modal table {margin: 0 0 20px;font-family:arial;width: 780px;border-collapse:collapse;}
.release-notes .modal ul, .modal ol, .modal p {width: 730px;}
.modal li {width: 730px;}
.modal ul li ul {width: 700px;}
.modal ul li ul li {margin: 0 0 5px;padding: 0;width: 690px;}
.modal a {color: #333;text-decoration: underline;}
.modal a:hover {color: #ff0000;text-decoration: underline;}
.modal td {border: 1px solid #ccc;color: #626262;font-size: 11px;padding: 3px;vertical-align: top;}
.modal .head {font-weight: bold;vertical-align: bottom;}
.modal td ul, .modal td ul li {margin: 0;width: 530px;}
.modal td ul li ul, .modal td ul li ul li {margin: 0;width: 480px;}


.align-right{text-align:right;}
.align-center{text-align:center;}
.align-left{text-align:left;}



@media (max-width:1000px) {
  #cont-head{width:990px;position:absolute;}
  #cont-main{width:990px;}
  #cont-foot{width:990px;}
  #cont-head > .header,
  #cont-main > .main-section,
  #cont-head > .header-red,
  #cont-foot > .footer-red,
  #cont-foot > .footer-wrapper{padding-left:10px;}
}
#map-canvas {height: 450px;width:600px;margin: 0px;padding: 0px}
