/*----- Global -----*/ body, table, tr, td, th, p{color:#333333; font-size:13px; font-family:'Open Sans', sans-serif;font-display:block;} h1, h2, h3, h4{color:#333333; margin-bottom:0.25em; font-weight: bold; line-height: 1.45em} h1{margin-top:0em; font-size:18px; line-height: 1em} h2{font-size:16px;} h3{margin-top:1.5em;} hr{color:#DDDDDD; height:1px;} blockquote{background:#F2F2F2; padding:1em;} table{border-collapse:collapse;} th{background:#3B619F; padding:5px;} th, th a:link, th a:visited, .sidebar h3 a:link, .sidebar h3 a:visited{color:#FFFFFF;} dt{font-weight:bold;} th a:link, .sidebar h3 a:link{text-decoration:underline;} form{padding:0px; margin:0px;} fieldset{margin-top:0.5em; border-left:0px; border-right:0px; border-bottom:0px;} legend{font-weight:bold;} img { max-width: 100%; height: auto;} a img{border:0;} a:link{color:#3B619F; text-decoration:none;} a:visited{text-decoration:none;} a:hover{color:#3B619F; text-decoration:underline;} acronym{border-bottom:1px dotted blue; cursor:help;} label { margin-bottom: 0; font-weight: normal} input[type="text"], input[type="email"],input[type="tel"]{ border: 1px solid #ccc} input, select, textarea { color: #333} button { font: -webkit-control;} th[align="center"]{text-align: center;} th[align="right"]{text-align: right;} img[src]:not([src=""]){ opacity: 1;} img { opacity: 0;} .header { padding-top: 8px;} .form-group { margin-bottom: 5px;} .menu-overlay { z-index: 9998; position: fixed; width: 100%; height: 100%; left: 0; top: 0; cursor: pointer} .partprice{font-weight:bold; color:#008800; font-size:large; margin-bottom:0.25em;} .cid{color:#008800; font-size:14px;} .clear{clear:both;} /*----- Global Structure Styles -----*/ .a-center { text-align: center} .wrapper { overflow: hidden; max-width: 100%;} #container{padding:0 0 25px 0;} #body_container_fw{width:960px; float:left; margin:0; padding:0;} #body_container_490{width:710px; float:left; margin:0; padding:0;} #body_container_490 h1{width:100%; font-size:22px; color:#333333; margin:0; padding:0;} #body_container_490 p{width:100%; font-size:14px; line-height:20px; color:#333333; margin:0; padding:0;} #body_container_490 p a{font-weight:600; text-decoration:none;} #body_container_490 p a:hover{text-decoration:underline;} #body_container_520{width:700px; float:left; margin:0; padding:0;} .body_fw{width:918px; padding:5px 20px 25px; float:left; border:1px solid #B6BCBF; position:relative;} #options-title{font-size:18px !important; font-weight:normal !important; padding:0 0 10px 0 !important; padding-left:0 !important;} .button_orange{border:1px solid #F68819; color:#FFFFFF !important; background:#F68819; cursor:pointer; font-size:17px; font-weight:bold; padding:0 20px; height:33px; line-height:33px; text-align:center;} .button_orange:hover{text-decoration:none; color:#FFFFFF;} .button_blue{border:1px solid #3B619F; color:#FFFFFF; background:#3B619F; cursor:pointer; font-size:17px; font-weight:bold; padding:0 20px; height:33px; line-height:33px; text-align:center;} .button_gray{border:1px solid #B6BCBF; color:#FFFFFF; background:#B6BCBF; cursor:pointer; font-size:17px; font-weight:bold; padding:0 20px; height:33px; line-height:33px; text-align:center;} .shadow_body250{float:left; width:275px; height:15px; padding:0; margin:0 0 6px 0;} .shadow_body350{float:left; width:350px; height:15px; padding:0; margin:0 0 6px 0;} .shadow_body375{float:left; width:375px; height:15px; padding:0; margin:0 0 6px 0;} .shadow_body450{float:left; width:450px; height:15px; padding:0; margin:0 0 6px 0;} .shadow_body490{float:left; width:490px; height:15px; padding:0; margin:0 0 6px 0;} .shadow_body700{float:left; width:910px; height:15px; padding:0; margin:0 0 6px 0;} .shadow_body745{float:left; width:745px; height:15px; padding:0; margin:0 0 6px 0;} .shadow_body770{float:left; width:770px; height:15px; padding:0; margin:0 0 6px 0;} .shadow_body950{float:left; width:960px; height:15px; padding:0; margin:0 0 6px 0;} /*----- HEADER -----*/ /* Top */ #global-header{font-family:'Open Sans', sans-serif; font-size:13px;} #global-header .search form{border:1px solid #666666; height:25px; width:330px;} #global-header .search form .searchfield{border:none; color:#999999; float:left; font-size:13px; font-stretch:normal; font-weight:400; height:15px; padding:5px 8px; width:234px;} #global-header .search form .searchbutton{background:#F68819; border:none; border-left:1px solid #666666; color:#FFFFFF; cursor:pointer; float:right; font-size:13px; font-weight:400; height:25px; width:80px; -webkit-appearance:none;} #global-header .quick-nav a{color:#666666; font-size:13px; font-stretch:normal; font-weight:400; text-decoration:none;} #global-header .quick-nav a:hover{text-decoration:underline;} #global-header .quick-nav .nav-contact .phone{color:#F68819; font-size:22px; font-stretch:normal; font-weight:700; white-space:nowrap;} #global-header .quick-nav .nav-contact span.time{font-size:11px; font-weight:normal; font-style:normal; color:#888888; margin:6px 0 0 5px;} /* Navigation */ #global-nav{background:#3B619F; font-size:16px; font-weight:300; height:40px; margin:10px auto 0; padding:0; position:relative; width:100%; z-index:1000;} #global-nav ul.top-nav{background:#3B619F; height:40px; list-style:none; margin:0 auto; padding:0 15px; width:1200px; box-sizing: border-box; max-width: 100%;} #global-nav ul.top-nav > li{float:left; position:relative; text-align:center;} #global-nav ul.top-nav > li:first-child{margin-left:-25px;} #global-nav ul.top-nav > li.right{float:right;} #global-nav ul.top-nav > li.cart-link{margin-right:-15px;} #global-nav ul.top-nav > li:after{display:none; content:''; background: url(../barcodesinc/images/old-homepage-and-footer/global-nav-tick-dark-blue.png) center center no-repeat transparent; height:6px; left:calc((100% - 12px) /2); position:absolute; width:12px;} #global-nav ul.top-nav > li.my-account-link:after{background:none;} #global-nav ul.top-nav > li.sign-out-link:after{background:none;} #global-nav ul.top-nav > li > a{color:#FFFFFF; display:inline-block; line-height:40px; list-style:none; padding:0 25px; vertical-align:middle;} #global-nav ul.top-nav > li:first-child > a{font-weight:600;} #global-nav ul.top-nav > li.right > a{font-size:13px; padding:0 15px;} #global-nav ul.top-nav > li > a > img{height:11px; padding-right:5px;} #global-nav ul.top-nav > li > span.non-link{color:#FFFFFF; cursor:default; display:inline-block; line-height:40px; list-style:none; padding:0 20px; vertical-align:middle;} #global-nav ul.top-nav > li:hover{background:#2A4572;} #global-nav ul.top-nav > li:hover:after{display:block;} #global-nav ul.top-nav > li:hover > a{text-decoration:none; text-shadow:0 0 5px rgba(0, 0, 0, .8);} #global-nav ul.top-nav > li:hover > ul.sub-nav{display:block;} #global-nav ul.top-nav > li.cart-link > ul.sub-nav{left:inherit; right:0;} /* Sub Navigation */ #global-nav ul.sub-nav{display:none; font-size:14px; font-weight:400; left:0; list-style:none; margin:0; padding:0; position:absolute; top:40px;} #global-nav ul.sub-nav:before{content:''; -moz-box-shadow:0 0 15px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.5); box-shadow:0 0 15px rgba(0, 0, 0, 0.5); position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1;} #global-nav ul.sub-nav a{color:#3B619F; font-size:14px; font-weight:400;} #global-nav ul.sub-nav .title, #global-nav ul.sub-nav .title a{color:#333333; font-size:14px; font-weight:600; text-transform:none;} #global-nav ul.sub-nav li.break{height:15px; margin-bottom:0; width:100%} #global-nav ul.sub-nav ul{list-style:none; margin:0; padding:0;} #global-nav ul.sub-nav > li{float:left; line-height:18px; margin:0; padding:0; text-align:left;} #global-nav ul.sub-nav > li > ul{float:left; list-style:none; margin:0; padding:0; position:relative; top:0;} #global-nav ul.sub-nav > li > ul > li{background:#F2F2F2; float:left; margin:0; padding:0;} #global-nav ul.sub-nav.tri-level > li > ul > li:after{display:none; content:''; background: url(https://cdn.barcodesinc.com/themes/barcodesinc/images/global-nav-tick-even-darker-gray.png) center center no-repeat transparent; height:12px; left:200px; position:absolute; top:19px; width:6px; z-index:1;} #global-nav ul.sub-nav.tri-level > li > ul > li:nth-child(2):after{top:69px;} #global-nav ul.sub-nav.tri-level > li > ul > li:nth-child(3):after{top:119px;} #global-nav ul.sub-nav.tri-level > li > ul > li:nth-child(4):after{top:169px;} #global-nav ul.sub-nav.tri-level > li > ul > li:nth-child(5):after{top:219px;} #global-nav ul.sub-nav.tri-level > li > ul > li:nth-child(6):after{top:269px;} #global-nav ul.sub-nav.tri-level > li > ul > li:nth-child(7):after{top:319px;} #global-nav ul.sub-nav.tri-level > li > ul > li:nth-child(8):after{top:369px;} #global-nav ul.sub-nav.tri-level > li > ul > li:nth-child(9):after{top:419px;} #global-nav ul.sub-nav.tri-level > li > ul > li:nth-child(10):after{top:469px;} #global-nav ul.sub-nav > li > ul > li:hover{background:#7F7F7F;} #global-nav ul.sub-nav > li > ul > li:hover:after{display:block;} #global-nav ul.sub-nav > li > ul > li > a{background:#F2F2F2; color:#000000; float:left; line-height:30px; padding:10px 15px; white-space:nowrap; width:220px;} #global-nav ul.sub-nav.services > li > ul > li > a{width:338px;} #global-nav ul.sub-nav.solutions > li > ul > li > a{width:255px;} #global-nav ul.sub-nav.resources > li > ul > li > a{width:230px;} #global-nav ul.sub-nav > li > ul > li > a:before{display:none; content:''; background-color:transparent !important; background-position:left top !important; background-repeat:no-repeat !important; float:left; height:30px; margin-right:10px; width:40px;} #global-nav ul.sub-nav > li > ul > li:hover > a{background:#7F7F7F; color:#FFFFFF; font-weight:600; text-decoration:none;} #global-nav ul.sub-nav > li > ul > li:hover > a:before{background-position:left bottom !important;} #global-nav ul.sub-nav > li > ul > li:hover > ul.sub-sub-nav{display:block;} /* Sub Sub Navigation */ #global-nav ul.sub-nav > li > ul > li > ul{display:none; background:#FFFFFF; height:100%; left:200px; margin:0; padding:0; position:absolute; top:0; width:230px;} #global-nav ul.sub-nav > li > ul > li > ul > li{float:left; height:calc(100% - 30px); margin:0; padding:15px; width:230px;} #global-nav ul.sub-nav > li > ul > li > ul > li > ul > li{margin-bottom:7px; width:100%;} #global-nav ul.sub-nav > li > ul > li > ul > li > ul > li:last-child{margin-bottom:0;} #global-nav ul.sub-sub-nav:before{content:''; -moz-box-shadow:0 0 15px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.5); box-shadow:0 0 15px rgba(0, 0, 0, 0.5); position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1;} #global-nav ul.sub-sub-nav.double{width:460px !important;} #global-nav ul.sub-sub-nav.triple{width:690px !important;} #global-nav ul.top-nav > li.no-link:hover > a { cursor: default;} /* Mini Cart Preview */ #cart_items_preview_holder{position:relative;} #cart_items_preview{position:absolute; width:250px; z-index:0; top:0; right:0; padding:0; background-color:#FFFFFF; color:#000000; text-align:left; -moz-box-shadow:0 0 15px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); box-shadow:0 0 15px rgba(0, 0, 0, 0.5);} #cart_items_preview td a{color:#3B619F !important; font-weight:600 !important;} .cart_items_preview_header{background-color:#2A4572; color:#FFFFFF; font-weight:600; font-size:14px; margin-bottom:10px; padding:10px 10px 11px; text-align:center;} .cart_items_preview_text{color:#000000; font-weight:bold; font-size:14px; padding:15px 10px 0 10px;} .cart_items_preview_row{color:#000000; margin-top:15px; border-top:1px solid #dedede; padding:10px 5px 0;} .cart_items_preview_empty{color:#000000; padding:10px; font-size:14px;} .cart_items_preview_subtotal_row{color:#000000; margin-top:15px; border-top:1px solid #dedede; padding:10px; font-size:14px;} .cart_items_preview_subtotal_row b{float:left; width:100%; padding-top:5px;} .cart_items_preview_subtotal_row b span{float:right;} .preview-view-cart-button{float:left; margin:10px; background:#F68819; line-height:30px; padding:5px 10px; text-align:center; height:40px; width:calc(100% - 20px); font-size:14px !important; font-weight:600 !important; color:#FFFFFF !important;} .preview-view-cart-button:hover{text-decoration:none;} /* Site Container */ .inc-content-container .refinebar + #body_container_490 { width:calc(100% - 461px);} /*----- FOOTER -----*/ #global-footer-stripe{background:#F68819; background:rgba(246,136,25,1); height:40px; padding:0 25px; width: 1200px; max-width: 100%; box-sizing: border-box; margin:10px auto 0;} #global-footer-stripe .content{background:#F68819; background:rgba(246,136,25,1); height:40px; list-style:none; } #global-footer-stripe .content table{height:40px;} #global-footer-stripe .content td{color:#FFFFFF; color:rgba(255,255,255,1); font-size:14px; font-stretch:normal; font-weight:400; padding-right:40px;} #global-footer-stripe .content td span.phone-number{color:#FFFFFF; float:left; margin-top:3px;} #global-footer-stripe .content a{color:#FFFFFF !important; color:rgba(255,255,255,1);} #global-footer-stripe .content img{padding-right:10px; vertical-align:middle;} #global-footer-stripe .content img.phone-number{float:left;} #global-footer-stripe .content .bcText img { height: 26px;} #global-footer-stripe .content .informed{color:#FFFFFF; margin-right:10px;} #global-footer-stripe .content .subscribe-textfield{border:none; color:#999999; padding:3px 0 3px 5px; max-width: calc(100% - 86px)} #global-footer-stripe .content .subscribe-submit{background:#DDDDDD; border:none; color:#666666; cursor:pointer; height:26px; text-align:center; width:86px; -webkit-appearance:none; padding: 0;} @-moz-document url-prefix(){#global-footer-stripe .content .subscribe-submit{height:22px;}} #global-footer{background:#F2F2F2; background:rgba(242,242,242,1); cursor:default; font-size:14px; font-stretch:normal; font-weight:400; margin:0; padding:0; position:relative;} #global-footer .content{background:#F2F2F2; background:rgba(242,242,242,1); padding:15px;} #global-footer .content ul.column{float:left; list-style:none; margin:0 30px 0 0; padding:0;} #global-footer .content ul.column li{color:#666666; font-size:12px; line-height:17px;} #global-footer .content ul.column li.footer-title{color:#010101; font-size:12px; font-weight:600; line-height:24px;} #global-footer .content ul.column li a{color:#666666;} #global-footer .content .social{padding-top:30px;} #global-footer .content .social td.connected{padding:0 0 5px; border-bottom:1px solid #DDDDDD;} #global-footer .content .social td{color:#666666; font-size:14px; font-stretch:normal; font-weight:600; padding:10px 25px 5px 0; vertical-align:middle;} #global-footer .content .badges{padding-top:10px;} #global-footer .content .copyright{color:#666666; font-size:12px; font-stretch:normal; font-weight:400; padding-top:10px;} /*----- Breadcrumb -----*/ .menubar{font-size:13px; margin:10px 0; padding:0px;} .menubar a, .menubar a:visited{color:#999999;} .menubar strong{font-weight:600;} /*----- Homepage -----*/ /*-- Top Content --*/ #index-top{width:100%; height:289px; float:left; margin:10px 0;} #index-top h1{color:#F68819; font-size:22px; margin:0; padding:0;} #index-top h1 a{color:#F68819;} #index-top h1 a:hover{text-decoration:underline;} /* Slider */ #index-top .hero-slider{position:relative; display:block; width:770px; height:285px; background-size: contain !important; float:left; padding:0; margin:0; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;} #index-top .slick-list{position:relative; height:239px; overflow:hidden; display:block; margin:0; padding:0; border:1px solid #999999; border-bottom:none; border-right:none;} #index-top .slick-list:focus{outline:none;} #index-top .slick-loading .slick-list{background:#FFFFFF url("/images/loading.gif") center center no-repeat;} #index-top .slick-list.dragging{cursor:pointer;} #index-top .hero-slider .slick-track{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);} #index-top .hero-slider .slick-track{position:relative; left:0; top:0; display:block;} #index-top .hero-slider .slick-track:before, .slick-track:after{content:""; display:table;} #index-top .hero-slider .slick-track:after{clear:both;} #index-top .hero-slider .slick-loading .slick-track{visibility:hidden;} /* Slider Slides */ #index-top .hero-slide{float:left; min-height:1px; display:none; height:293px; background-size: contain !important;} [dir="rtl"] #index-top .hero-slide{float:right;} #index-top .hero-slide img{display:block;} #index-top .hero-slide.slick-loading img{display:none;} #index-top .hero-slide.dragging img{pointer-events:none;} #index-top .slick-initialized .hero-slide{display:block;} #index-top .slick-loading .hero-slide{visibility:hidden;} #index-top .slick-vertical .hero-slide{display:block; height:auto; border:1px solid transparent;} #index-top .hero-slide .hero-content{float:left; width:100%; height:240px; color:#333333;} #index-top .hero-slide .hero-content a{} #index-top .hero-slide .hero-content h1{} #index-top .hero-slide .hero-content p{float:left;} #index-top .hero-slide .hero-content td{} #index-top .hero-slide a.hero-button{} #index-top .hero-slide a.hero-button:hover{} /* Slider Nav */ #index-top .hero-slider .slick-nav{padding:0; margin:0; position:absolute; width: calc(100% + 1px); left:0; bottom:0;} #index-top .hero-slider .slick-nav li{float:left; width:33.33%; display:block;} #index-top .hero-slider .slick-nav li button{float:left; font-family:'Open Sans', sans-serif; font-weight:300; display:block; padding:0; width:100%; color:#F2F2F2; font-size:14px; text-align:center; height:50px; background:#999999; border:0; border-right:1px solid #101010; cursor:pointer;} #index-top .hero-slider .slick-nav li[rel~="1"] button{} #index-top .hero-slider .slick-nav li[rel~="3"] button{border-right:none;} #index-top .hero-slider .slick-nav li button:hover{background:#666666; color:#FFFFFF;} #index-top .hero-slider .slick-nav li button:focus{outline:0;} #index-top .hero-slider .slick-nav li button.active{background:#333333; color:#FFFFFF;} /* Slider Arrows */ .slick-prev, .slick-next{position:absolute; display:none; height:20px; width:20px; line-height:0; font-size:0; cursor:pointer; background:transparent; color:transparent; top:50%; margin-top:-10px; padding:0; border:none; outline:none;} .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{outline:none; background:transparent; color:transparent;} .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity:1;} .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity:0.25;} .slick-prev:before, .slick-next:before{font-family:"slick"; font-size:20px; line-height:1; color:white; opacity:0.75; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;} .slick-prev{left:-25px;} [dir="rtl"] .slick-prev{left:auto; right:-25px;} .slick-prev:before{content:"←";} [dir="rtl"] .slick-prev:before{content:"→";} .slick-next{right:-25px;} [dir="rtl"] .slick-next{left:-25px; right:auto;} .slick-next:before{content:"→";} [dir="rtl"] .slick-next:before{content:"←";} /* Contact Box */ #index-top .side-box, #index-bottom .side-box { width: calc(100% - 770px); float: left; position: relative} #index-top .contact-box, #index-bottom .contact-box{width:100%;} #index-top .contact-box .titlebar, #index-bottom .contact-box .titlebar{background-color:#DDDDDD;} #index-top .contact-box .title, #index-bottom .contact-box .title{color:#4D4D4D; font-size:20px; font-weight:300; padding-left:20px; width:100%; box-sizing: border-box} #index-top .contact-box .contact, #index-bottom .contact-box .contact{padding:0 0 0 45px !important;} #index-top .contact-box .contact-boxbody, #index-bottom .contact-box .contact-boxbody{background-color:#DDDDDD; border:none; color:#4D4D4D; width:100%; height: 95px; box-sizing: border-box; position: relative} #index-top .contact-box .contact-boxbody .call, #index-bottom .contact-box .contact-boxbody .call{color:#4D4D4D; margin-bottom:4px;} #index-top .contact-box .contact-boxbody a.chat, #index-bottom .contact-box .contact-boxbody a.chat{color:#4D4D4D; margin-bottom:8px;} #index-top .contact-box .contact-boxbody a.email, #index-bottom .contact-box .contact-boxbody a.email{color:#4D4D4D;} #index-top .contact-box .contact-boxbody .text, #index-bottom .contact-box .contact-boxbody .text{color:#4D4D4D; width:180px;} #index-top #contact-us-details, #index-bottom #contact-us-details{background-color:#DDDDDD; border:none; border-top:1px solid #666666; right: 0; margin-top: 0; width: 238px;} #index-top .contact-box .contact-boxbody .contact_img, #index-bottom .contact-box .contact-boxbody .contact_img{width:105px; height:127px; position:absolute; bottom: 0; top: auto; right: 0; z-index:99;} /* Generator Link */ #index-top a.generator-link, #index-bottom a.generator-link{background-color:#3B619F; color:#FFFFFF; cursor:pointer; float:left; font-size:18px; font-weight:300; line-height:24px; margin:0; padding:29px 20px; width:calc(100% - 770px);} #index-top a.generator-link { padding: 52px 20px 51px;} #index-top a.generator-link:hover, #index-bottom a.generator-link:hover{background-color:#2A4572; text-decoration:none;} #index-top a.generator-link span, #index-bottom a.generator-link span{float:left; margin-top:2px; width:120px;} #index-top a.generator-link img, #index-bottom a.generator-link img{float:right; max-width: calc(100% - 120px)} /*-- Main Content --*/ .index .section{ padding:10px 0; } .index h2{border-bottom:1px solid #DDDDDD; color:#F68819; font-size:22px; font-weight:400; margin:0 0 15px; padding:0 0 2px; width:100%;} .index h2 a{color:#F68819;} .index h2 a:hover{text-decoration:none;} /* Shop By Department */ .index ul.departments{ list-style:none; padding:0; } .index ul.departments li{margin-bottom:20px;} .index ul.departments li.bottom{margin-bottom:0;} .index ul.departments li a{background:none; color:#3B619F; float:left; font-size:13px; font-weight:400; line-height:19px; text-decoration:none; width:100%;} .index ul.departments li a:hover{text-decoration:underline;} .index ul.departments li .img{float:left; height:90px; margin-right:15px; width:100px;} .index ul.departments li .content{float:left; width:195px;} .index ul.departments li .title{color:#666666; font-size:14px; font-stretch:normal; font-weight:700; text-transform:uppercase;} .index ul.departments li .title a{color:#666666; font-size:14px; font-stretch:normal; font-weight:700; text-transform:uppercase;} .index ul.departments li .title a:hover{text-decoration:underline;} /* Other Ways To Shop */ .index ul.others{list-style:none;} .index ul.others ul{float:left; list-style:none; margin:0; padding:0; width:100%;} .index ul.others.brands ul { font-size: 0} .index ul.others ul li{font-size:14px; font-weight:400; line-height:38px;} .index ul.others ul li a{background-position:0 center; padding:3px 0 3px 45px;} .index ul.others ul li a:hover{text-decoration:underline;} .index ul.others ul li img{margin-right:15px;} .index ul.others ul.brands li.noborder { font-size: 14px;} .index ul.others p{font-size:16px; line-height:18px; color:#333333; font-weight:normal; margin:0 0 16px 0;} .index ul.others p .author{font-size:14px; font-weight:bold; margin:20px 0 0 0; display:block;} .index ul.others p .company{font-size:14px; font-weight:normal; font-style:italic; margin:0;} /* Other Section Links */ .index ul.others ul li a.solutions-label-printing{background:url(../barcodesinc/images/old-homepage-and-footer/index-icon-label-printing.png) left center no-repeat;} .index ul.others ul li a.solutions-id-card-printing{background:url(../barcodesinc/images/old-homepage-and-footer/index-icon-id-card-printing.png) left center no-repeat;} .index ul.others ul li a.solutions-asset-tracking{background:url(../barcodesinc/images/old-homepage-and-footer/index-icon-asset-tracking.png) left center no-repeat;} .index ul.others ul li a.solutions-inventory-management{background:url(../barcodesinc/images/old-homepage-and-footer/index-icon-inventory-management.png) left center no-repeat;} .index ul.others ul li a.solutions-warehouse-management{background:url(../barcodesinc/images/old-homepage-and-footer/index-icon-warehouse-management.png) left center no-repeat;} .index ul.others ul li a.services-custom-barcode-labels{background:url(../barcodesinc/images/old-homepage-and-footer/index-icon-custom-barcode-labels.png) left center no-repeat;} .index ul.others ul li a.services-preprinted-barcode-labels{background:url(../barcodesinc/images/old-homepage-and-footer/index-icon-preprinted-barcode-labels.png) left center no-repeat;} .index ul.others ul li a.services-warranty-and-repair{background:url(../barcodesinc/images/old-homepage-and-footer/index-icon-warranty-and-repair.png) left center no-repeat;} .index ul.others ul li a.services-free-barcode-generator{background:url(../barcodesinc/images/old-homepage-and-footer/index-icon-free-barcode-generator.png) left center no-repeat;} .index ul.others ul li a.services-free-barcode-font{background:url(../barcodesinc/images/old-homepage-and-footer/index-icon-free-barcode-font.png) left center no-repeat;} .index ul.brands ul li a{ padding:0;; display: block} .index ul.brands ul li a { margin-bottom:5px;} .index ul.brands ul li a.unitech{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/index-brands-unitech.png) 0 -34px no-repeat;} /* Premier Partnerships */ .index ul.partnerships{ list-style:none; padding:0; text-align: justify;} .index ul.partnerships li{ display: inline-block; } .index ul.partnerships li.last{margin:0;} .index ul.partnerships:after { content:""; display: inline-block; width: 100%; height: 0; } /*----- Social Icons -----*/ .addthis_sharing_container span{ display: block;margin:1px 2px 0 0;} .at-above-post-homepage, .at-above-post-cat-page, .at-above-post-arch-page, .at-above-post{margin:5px 0 0 -1px;} a.at-svc-linkedin{background:#2085C7 !important;} a.at-svc-twitter{background:#78CDF0 !important;} a.at-svc-facebook{background:#537BBD !important;} a.at-svc-google_plusone_share{background:#4C4C4B !important;} a.at-svc-email{background:#9D9D9C !important;} /*----- Mouse-over Tooltips -----*/ #tt{position:absolute; display:block; z-index:99999;} #tttop{display:block; height:5px; margin-left:5px; overflow:hidden;} #ttcont{display:block; padding:15px; margin-left:5px; background:#666; color:#FFFFFF;} #ttbot{display:block; height:5px; margin-left:5px; overflow:hidden;} /*----- Lightbox Modal Popup -----*/ #lightbox{position:fixed; /* keeps the lightbox window in the current viewport */ top:0; left:0; background:rgba(0,0,0,.7); /* Doesn't work on IE8 or lower. Can be fixed using: "background:url(overlay.png) repeat;" where overlay.png is a 1x1 black semi-transparent pixel */z-index:100;} #lightbox_hide{z-index:1002; position:absolute; top:10px; left:510px; display:block; width:30px; height:30px;} .lightbox_content{position:absolute; z-index:999; background-color:#FFFFFF; border:5px solid #3B619F; color:#4D4D4D; top:30%; left:35%; width:600px; height:380px;} .lightbox_content b{color:#F68819; float:left; font-size:48px; font-weight:300; line-height:48px; margin-bottom:40px; width:100%;} /*----- iBox -----*/ #ibox_w{position:absolute; top:0px; left:0px; z-index:1000 !important; width:100%; height:100%; background-color:#000000; margin:0; padding:0; filter:alpha(opacity=0); -moz-opacity:0.0; opacity:0.0;} #ibox_progress{margin:0; padding:0; position:absolute; z-index:105 !important;} #ibox_wrapper{position:absolute !important; top:0px; left:0px; z-index:1001 !important; width:550px !important;} #ibox_content{background-color:#FFFFFF; border:5px solid #3B619F; color:#4D4D4D; display:block !important; font-size:16px; left:0px; line-height:20px; padding:70px; position:relative; top:0px;} #ibox_content b{color:#F68819; float:left; font-size:48px; font-weight:300; line-height:48px; margin-bottom:40px; width:100%;} #ibox_footer_wrapper{z-index:1002; position:absolute; top:10px; left:510px; display:block; width:30px; height:30px;} #ibox_close{padding:0 !important;} /* Video iBox */ #ibox_video_w{position:absolute; top:0px; left:0px; z-index:1000; width:100%; height:100%; background-color:#000000; margin:0; padding:0; filter:alpha(opacity=0); -moz-opacity:0.0; opacity:0.0;} #ibox_video_progress{margin:0;padding:0; position:absolute; z-index:1005;} #ibox_video_wrapper{position:absolute !important; z-index:1001 !important; padding:10px !important; margin:auto !important; border:none !important; width:640px !important; height:auto !important; background-color:#3B619F !important; max-width: calc(100% - 30px); left: 0 !important; right: 0 !important; transform: translateY(-50%); top: 50% !important;} #ibox_video_wrapper .title{height:35px; width:170px; padding:0 5px 0 15px; margin:0 0 25px -25px; font-size:20px; line-height:35px; color:#FFFFFF; text-align:left; background-color:#F68819;} #ibox_video_content{display:block; background-color:#3B619F; position:relative; top:0px; left:0px; padding:0; margin:0; width:645px; height:auto !important; max-width: 100%; overflow:hidden !important; padding-bottom: 56%;} #ibox_video_content iframe { max-width: 100%; height: 100%; position: absolute; left: 0; top: 0;} #ibox_video_footer_wrapper{position:absolute; top:-10px; right: -12px; z-index:1002; display:block; width:25px; height:25px;} #ibox_video_close{padding:0;} /*----- Contact Box -----*/ .contact-box{position:relative;padding:0; margin:0;} .contact-box .title{width:240px; height:35px; padding:0 0 0 10px; font-size:15px; line-height:38px; color:#FFFFFF; float:left; text-align:left;} .contact-box .titlebar{background-color:#666666;} .contact-box .contact-boxbody{width:240px; height:111px; padding:15px 10px 0px; float:left; background-color:#F2F2F2; border:1px solid #B6BCBF; border-top:none;} .contact-box .contact{padding:8px 10px 0px !important; margin:0;} .contact-box .contact-boxbody .call{float:left; padding-left:30px; margin-bottom:2px; background:url(../barcodesinc/images/old-homepage-and-footer/contact-box-icon-phone.png) 0 0 no-repeat; font-size:16px; line-height:20px; clear:both; color:#666666;} .contact-box .contact-boxbody a.chat{float:left; padding-left:30px; margin-bottom:4px; background:url(../barcodesinc/images/old-homepage-and-footer/contact-box-icon-chat.png) 0 2px no-repeat; font-size:14px; line-height:25px; clear:both; text-decoration:none; color:#666666;} .contact-box .contact-boxbody a.email{float:left; padding-left:30px; background:url(../barcodesinc/images/old-homepage-and-footer/contact-box-icon-email.png) 0 0 no-repeat; font-size:14px; line-height:16px; cursor:pointer; clear:both; text-decoration:none; color:#666666;} .contact-box .contact-boxbody .text{width:115px; float:left; padding-left:30px; font-size:10px; line-height:10px; font-weight:normal; color:#666666; clear:both; text-align:left;} .contact-box .contact-boxbody a.chat:hover, .contact-box .contact-boxbody a.email:hover{text-decoration:underline;} .contact-box .contact-boxbody .contact_img{width:105px; height:146px; position:absolute; top: 0; right:0; z-index:99;} .contact-box .contact-boxbody .contact_img span{font-size:14px; font-weight:bold; color:#FFFFFF; text-shadow:0 1px 3px #000000, 0 1px 5px #000000; position:absolute; bottom:12px; right:15px; text-align:right;} #contact-us-details{position:absolute; padding:5px; width: 100%; background:#F2F2F2; border:1px solid #B6BCBF; border-top:none;} #contact-us-details input[type="checkbox"] { display: inline-block; vertical-align: top; margin-right: 5px;} #contact-us-details input[type="checkbox"] + label { width: calc(100% - 20px); vertical-align: top} .req{color:#F68819;} #selector-button-div{height:42px; width:238px; position:absolute; bottom:-43px; left:0; background:#F2F2F2; border-left:1px solid #B6BCBF; border-right:1px solid #B6BCBF; border-bottom:1px solid #B6BCBF; border-top:0; font-size:12px; text-align:center;} /*----- eBook/Buying Guides Ads -----*/ a.download-ebook{padding:10px 0 10px 33px; font-size:16px; font-weight:bold; color:#3B619F; text-transform:uppercase; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/icons/new_pdf.png) top left no-repeat; border-bottom:1px solid #B6BCBF;} a.download-ebook:hover{text-decoration:underline;} a.download-ebook span.link{padding-right:20px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/arrow_blue-guide.png) right center no-repeat; text-transform:none;} a.ebook-banner-results{display: block; margin-top:10px; padding:15px; width:100%; border:1px solid #B6BCBF; background:#F2F2F2; box-sizing: border-box; margin-bottom: 20px;} a.ebook-banner-results img{margin-right:15px;} a.ebook-banner-results span.title{color:#333333; font-weight:bold; font-size:22px;} a.ebook-banner-results span.subtitle{color:#777777; font-size:18px;} a.ebook-banner-results .button_orange{width:170px;} a.ebook-banner-results:hover{text-decoration:none;} a.ebook-banner-homepage{float:left; margin:0 0 20px 0; padding:5px 20px; width:866px; border:1px solid #B6BCBF; background:#F2F2F2;} a.ebook-banner-homepage img{width:140px; height:80px;} a.ebook-banner-homepage a.title{font-weight:bold; font-size:24px;} a.ad-banner{ display: block; background:#F2F2F2; padding:10px 10px 10px 50px; margin-top:10px; border:1px solid #B6BCBF; font-size:16px;} a.ad-banner:hover{text-decoration:none;} a.ad-banner a{margin-right:15px;} a.ad-banner span{font-weight:bold;} /*----- Department Pages -----*/ .refinebar{width:200px; float:left; margin:0 11px 10px 0; position:relative;} .sidebar .refinebar { margin-right: 0; width: auto; float: none} .refinebar .box{ position:relative; padding:0 0 11px 0; margin:0 0 10px 0;} .refinebar .box .titlebar{ height:35px; padding:0 0 0 10px; font-size:15px; line-height:38px; color:#FFFFFF; background-color:#666666;} .refinebar .box .titlebar2{ height:35px; padding:0 0 0 10px; font-size:15px; line-height:38px; color:#FFFFFF; background:#666666; border-bottom:none; border-right:none; border-top:none; border-left:none;} .refinebar .box .boxbody{ padding:10px; border-top:none; border-right:1px solid #B6BCBF; border-bottom:1px solid #B6BCBF; border-left:1px solid #B6BCBF;position:relative;} .refinebar .box .boxbody img{padding:0px; margin:0;} .refinebar .box .boxbody h1{font-size:18px; line-height:20px; color:#333333; font-weight:bold; margin:0 0 10px 0;} .refinebar .box .boxbody p{font-size:16px; line-height:18px; color:#333333; font-weight:normal; margin:0;} .refinebar .box .boxbody p .quote{font-style:italic;} .refinebar .box .boxbody a{color:#3B619F; font-size:12px; line-height:20px; text-decoration:none; display:block;} .refinebar .box .boxbody a:hover{text-decoration:underline;} .refinebar .box .listbody ul{list-style:none; width:228px; margin:0; padding:0; float:left; font-size:16px;} .refinebar .box .listbody ul li{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/arrow.png) 0px 4px no-repeat; padding-left:10px; margin:8px;} .refinebar .box .listbody ul li a{width:157px; height:44px; color:#333333; padding:0 10px 0 65px; display:table-cell; vertical-align:middle; text-decoration:none; background-position:10px center;} .refinebar .box .listbody ul li a:hover{background-color:#E6ECF2; color:#333333;} .department-banner a { display: block;} /*----- Department List Page -----*/ h1.categoryHeader{font-size:36px; font-weight:400; color:#333333; margin:0 0 25px; padding:0;} h2.categoryHeader{border-bottom:1px solid #B6BCBF !important; float:left; font-size:22px !important; font-weight:400 !important; margin:0 0 10px; padding:0 0 5px; width:100%;} ul.subCategoryList{width:33%; float:left; list-style-position:outside; list-style-type:none; margin:0px; padding:0px;} ul.subCategoryList li{padding:0px; margin:0px; font-size:13px !important; list-style-type:none;} table#categoryListings{width:100%;} table#categoryListings td{padding-bottom:15px;} table#categoryListings td div, table#categoryListings td ul{padding-bottom: 15px;} /*----- Department Styles -----*/ .featured_list{margin:0 0 15px; padding:0 10px 15px 10px; border:1px solid #B6BCBF; list-style:none; box-sizing: border-box;} .featured_list a{font-weight:700; text-decoration:none; text-align:center; color:#3B619F;} .featured_list a:hover{text-decoration:underline;} .featured_list a.all{ display: block; text-align:right; color:#3B619F; font-weight:normal; text-decoration:none; padding-top:10px; margin:10px 0 0 0; clear:both; border-top:1px solid #B6BCBF;} .featured_list a.all:hover{text-decoration:underline;} .featured_list .left{border-right:1px solid #B6BCBF;} .featured_list .right{border-left:1px solid #B6BCBF;} .featured-list-grid { list-style: none; padding-left: 0; } .featured-list-grid .category-tile { float: left; width: 33.33%; padding: 10px; text-align: center} .featured-list-grid li { border-bottom: 1px solid #B6BCBF; } .featured_list .left + .left { border-right: none} .featured-list-grid li:last-child { border-bottom: none} /*----- Department Styles - Refreshed 2017-01 -----*/ .side-box { position: relative;} .department-page{width:100%;} .department-page .side-box { padding: 0 15px 0 0} .department-page .department-description-table{margin:0 auto; width:1170px; max-width: 100%;} .department-page h1.department-title{font-size:36px; font-weight:400; color:#333333; margin:0 0 25px;} .department-page .department-description { padding: 0 15px;} .department-page .department-description p{width:100%; font-size:14px; line-height:20px; color:#333333; margin:0;} .department-page .department-description a{font-weight:600;} .department-page .section-title h2{border-bottom:1px solid #B6BCBF; font-size:28px; font-weight:400; margin:0 0 10px; padding:0 0 5px;} .department-page .featured-cats-container{background:#F2F2F2; margin:25px -9999px 50px; padding:35px 9999px 15px; width:100%;} .department-page .featured-cats-container > container { padding: 0;} .department-page .category-list{padding:0; list-style:none;} .department-page .category-list li { text-align: center;} .department-page .related-cats, .department-page .related-brands{margin:0 auto 50px;} .department-page .related-cats .column { width: 20%; float: left;} .department-page .category-list li {padding-top:40px; padding-bottom: 40px;} .department-page .category-list a{font-size:18px; font-weight:400; text-decoration:none; text-align:center; color:#333333;} .department-page .category-list a img{margin-bottom:5px;} .department-page .category-list a:hover{text-decoration:underline;} .department-page .category-list td.all{text-align:right; padding-top:10px; margin:10px 0 0 0; border-top:1px solid #B6BCBF;} .department-page .category-list td.all a{color:#333333; font-weight:400; text-decoration:none;} .department-page .category-list td.all a:hover{text-decoration:underline;} /*----- Filter Styles -----*/ #filtertd{ padding-right:15px;} #filter-loader{margin:20px auto; border:8px solid #f3f3f3; border-radius:50%; border-top:8px solid #3B619F; width:80px; height:80px; -webkit-animation:spin 2s linear infinite; animation: spin 2s linear infinite;} @keyframes spin{ 0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);} } #filter_nav{margin-bottom:10px !important; margin:0; padding:0; position:relative;} #filter_categories{position:relative; padding-bottom:10px; margin:0; display:none;} #refine-box, #filter_categories .boxbody .filter_category h3 i { display: none} #filter_categories .filter_category span.selected_filters{border-bottom:1px solid #CCCCCC; margin:0 0 5px; padding:0 0 5px; font-size:18px; font-weight:600; color:#333333; display: block} #filter_categories .selected_shadow{display:none; float:left; width:170px; height:11px; padding:0; margin-bottom:9px;} #filter_categories .titlebar{display:none; width:150px; padding:10px !important; font-size:13px; color:#FFFFFF; background-color:#666666; white-space:nowrap;} #filter_categories .collapse { position:relative; display: block} #filter_categories .boxbody .filter_category{margin-bottom:30px;} #filter_categories .boxbody .filter_category h3{font-size:18px; width:100%; font-weight:600; border-bottom:1px solid #CCCCCC; padding-bottom:5px; margin-bottom:5px;} #filter_categories .boxbody .filter_category a, #filter_categories .boxbody .filter_category a:visited{color:#333333;} #selected_filters_nav{border-bottom:none !important; margin-bottom:25px !important;position:relative;} #selected_filters_nav .hr{display:none; height:1px; width:148px; float:left; background-color:#B6BCBF; position:absolute; top:0; left:10px;} #selected_filters_nav ul{} #filter_nav .box{width:170px; position:relative; float:left; padding-bottom:10px; margin:0;} #filter_nav .box .titlebar2{width:150px; height:35px; padding:0 10px; font-size:12px; line-height:38px; color:#FFFFFF; float:left; background:#666666; border-bottom:none; border-right:none; border-top:none; border-left:none;} #filter_nav .box .hr{height:1px; width:148px; float:left; background-color:#B6BCBF; position:absolute; top:0; left:10px;} #filter_nav .box .boxbody{padding:10px; width:148px; border-top:none; border-right:1px solid #B6BCBF; border-bottom:1px solid #B6BCBF; border-left:1px solid #B6BCBF; float:left; position:relative;} #filter_nav .box .boxbody a{color:#3B619F; font-size:12px; line-height:20px; text-decoration:none; display:block;} #filter_nav .box .boxbody a:hover{color:#3B619F; background-color:#eaeef5; text-decoration:underline;} #filter_nav .filter_mouse-over{margin-left:2px; display:inline; color:#3B619F; cursor:help; font-weight:bold; font-size:11px;} #filter_nav .filter_mouse-over img{width:13px;} /*----- Learn More box under filters -----*/ .learnmore-banner{background:#F2F2F2; vertical-align:middle; width:100%; text-align:center; text-decoration:none; padding:15px; margin:15px; border:1px solid #B6BCBF;} .learnmore-banner a:hover{text-decoration:none;} .learnmore-banner a.banner-link img{vertical-align:middle; margin:5px 15px 5px 0;} .learnmore-banner a.banner-link span.title{vertical-align:middle; font-size:18px; font-weight:bold; color:#333333; text-decoration:none;} .learnmore-banner a.banner-link span.learn-more-link{vertical-align:middle; font-size:14px; margin-left:15px; font-weight:normal; color:#3B619F; text-decoration:none;} .learnmore-banner a.banner-link span.learn-more-link:hover{text-decoration:underline;} .learnmore-banner a.banner-link:hover{text-decoration:none;} .learnmore-banner a.banner-link:hover span.title{text-decoration:none;} /*----- Part Row Styles -----*/ .iconrow{float:left; font-size:12px; padding-top:5px; color:#3B619F; clear:both;} input.button_addtocart{width:115px; height:30px; /*margin-bottom:4px;*/ padding-bottom:0; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/button_addtocart.png) top left no-repeat; border:none; float:right;} input.button_addtocart:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/button_addtocart.png) bottom left no-repeat; cursor:pointer;} #expand_results_outer{padding-top:0 !important;} #expand_results{border-top: 1px solid #B6BCBF; padding:10px 0;} ul#expand_results_nav{padding-left:0 !important;} /*----- Category Pages -----*/ .product_title h1{width:100%; font-size:36px; font-weight:400; color:#333333; margin:0 0 25px; padding:0;} .product_description{margin:0; padding:0;} .product_description h1{font-size:36px; font-weight:400; color:#333333; margin:0; padding:0;} .product_description p{ font-size:14px; line-height:20px; color:#333333; margin:10px 0 0 0;} .product_description p.lead{width:100%; font-size:20px; font-weight:400; line-height:initial; color:#333333;} .product_description li{width:100%; font-size:14px; line-height:20px; color:#333333; padding-left:10px;} .product_description a{font-weight:600; text-decoration:none; text-align:center; color:#3B619F;} .product_description a:hover{text-decoration:underline;} .description-with-brand .description { float: left; width: calc(100% - 100px);} .description-with-brand .description-logo { float: right; text-align: right; max-width: 100px; margin-top: 10px;} a.btn_designer{height:32px; padding:5px 10px; cursor:pointer; text-transform:uppercase; color:#FFFFFF; font-size:17px; font-weight:bold; border:1px solid #F68819; background:#F68819;} a.btn_designer:hover{text-decoration:none;} .shadow_description{float:left; width:520px; height:15px; padding:0; margin:0;} .featured-subcats{ margin:0; padding:0; list-style:none;} .featured-subcats .subcat-container{float:left; width: 20%} .featured-subcats table .subcat-container {float: none; width: auto;} .featured-subcats a.subcat{ padding:0; display: block} .featured-subcats a.subcat:hover{text-decoration:none;} .featured-subcats a.subcat div.padding{padding:10px 10px 0 10px; margin:0; text-align:center;} .featured-subcats a.subcat div.title{text-align:center; font-size:13px; color:#333333; padding:5px; margin:0;} .featured-subcats a.subcat:hover div.title{text-decoration:underline;} .featured-subcats a.subcat img{width:100px; border:0; height: auto;} .featured-subcats a.subcat img.learnmore{display:none; position:absolute; margin-bottom:0; margin-left:120px; margin-top:5px; width:17px; height:16px;} .categorycontent a.wizard{display: block; padding:15px; background-color:#F2F2F2; margin:0; border:1px solid #B6BCBF; position: relative;} .featured-subcats a.wizard:hover{text-decoration:none; border:1px solid #3B619F;} .categorycontent a.wizard div.padding{ margin:0;} .categorycontent a.wizard div.title{text-align:left; font-size:16px; font-weight:bold; color:#3B619F; padding:0; margin:0 0 1em; background:none;} .categorycontent a.wizard img.icon{width:50px; height: auto; border:0;} .categorycontent a.wizard img.learnmore{position:absolute; margin-bottom:0; margin-left:120px; width:17px; height:16px; right: 15px; top: 15px;} .categorycontent a.wizard .button_blue{vertical-align:middle; display: inline-block;padding:0 5px; margin-top:10px; border:1px solid #3B619F; color:#FFF !important; background:#3B619F; cursor:pointer; font-size:17px; font-weight:bold; height:33px; line-height:33px; text-align:center;} .featured-subcats a.first{margin-left:0;} .featured-subcats a.last{margin-right:0;} h2.categoryHeader { width: 100%; border-bottom: 1px solid #dddddd; } ul.subCategoryList { width: 33%; float: left; list-style-position: outside; list-style-type: none; margin: 0px; padding: 0px; } ul.subCategoryList li { padding: 0px; margin: 0px; font-size: 11px; list-style-type: none; } table#categoryListings { width: 100%; } table#categoryListings td { padding-bottom: 15px; } table#categoryListings td div, table#categoryListings td ul { padding-bottom: 15px; } .category-subtitle h2{float:left; font-size:18px; font-weight:400; margin:25px 0 10px;} #dhtmltooltip{position:absolute; left:-300px; width:300px; border:1px solid black; padding:2px; background-color:#FFFFFF; visibility:hidden; z-index:9998; filter:progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);} #dhtmlhelp{position:absolute; left:-300px; z-index:9999; visibility:hidden;} a.button_selector{width:160px; padding:5px; float:left; background-color:#F2F2F2;} a.button_selector h1{font-size:14px; font-weight:bold; color:#3B619F; margin:0; padding:0; text-transform:uppercase;} a.button_selector h2{font-size:12px; font-weight:bold; color:#3B619F; margin:0; padding:0;} a.button_selector:hover{background-color:#3B619F; text-decoration:none; color:#FFFFFF;} a.button_selector:hover h1, a.button_selector:hover h2{color:#FFFFFF;} .button_selector_shadow{float:left; width:170px; height:11px; padding:0; margin:0;} /*----- Model and Part Pages -----*/ #reviews{float:left; font-size:1px;} #prod_detailcontainer{ margin-bottom:40px;} #prod_detailcontainer .localcopy-width { width: calc(100% - 250px)} #prod_detailcontainer .localcopy-width + .top { width: 240px;} #prod_detailcontainer .prod_detail{padding:0; margin-bottom:8px;} #prod_detailcontainer .prod_detail a{font-weight:600; text-decoration:none;} #prod_detailcontainer .prod_detail a:hover{text-decoration:underline;} #prod_detailcontainer .prod_detail .gallery span{float:left; color:#333333; font-size:15px; margin-top:5px;} #prod_detailcontainer .prod_detail .mainimg{ background-color:#FFFFFF; height: 220px} #prod_detailcontainer .prod_detail .mainimg #video { max-width: 100%} #prod_detailcontainer .prod_detail .gallery .gallery-thumbs{float:left;margin-top:15px;} #prod_detailcontainer .prod_detail .gallery .gallerythumb{width:40px; height:40px; margin:0 !important; margin-right:0 !important; border:1px solid #3B619F; padding:1px; outline:0px; display:inline-block; overflow: hidden; vertical-align:bottom; top: 0 !important; position: relative} #prod_detailcontainer .prod_detail .gallery .gallerythumb:hover{border:1px solid #F68819;} #prod_detailcontainer .prod_detail .gallery .gallerythumb img{width:40px !important;} #prod_detailcontainer .prod_detail .gallery .selectedthumb{border:1px solid #F68819; padding:1px;} #prod_detailcontainer .prod_detail .gallery .bottom{ margin-top:10px;} #prod_detailcontainer .prod_detail .gallery .bottom a.click_larger{clear:both; float:left; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/icon_zoom-view.png) 0px 2px no-repeat; font-size:11px; color:#3B619F; padding-left:15px; font-weight:bold;} /* Style of the small image link */ .MagicZoom, .MagicZoom:hover{display:inline-block; outline:0 !important;} /* Style of the main image */ .MagicZoom img{border:0 !important; margin:0 !important; outline:0 !important; padding:0 !important;} /* Style of the hint text and image */ .MagicZoomHint{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/icon_zoom-view.png) no-repeat 2px 50%; color:#444; font-size:8pt; font-family:sans-serif; line-height:24px; margin:0; min-height:24px; padding:2px 2px 2px 20px !important; text-align:left; text-decoration:none;} /* Style to hide external title on a page. Only needed for #id method */ .MagicZoomExternalTitle{display:none;} /* Style of the zoomed image */ #model-details .MagicZoomBigImageCont{margin-top:35px; background:#FFFFFF; border:1px solid #B6BCBF;} #product_info .MagicZoomBigImageCont{margin-top:30px; background:#FFFFFF; border:1px solid #B6BCBF;} /* Style of text on the zoomed image */ .MagicZoomHeader{background:#666; color:#FFFFFF; font-size:10pt !important; line-height:normal !important; text-align:center !important;} /* Style of square magnify area under the cursor */ .MagicZoomPup{background:#FFFFFF; border:1px solid #B6BCBF; cursor:crosshair;} /* Style of loading message and icon shown during load */ .MagicZoomLoading{background:#fff url(https://cdn.barcodesinc.com/themes/barcodesinc/images/loading.gif) no-repeat 2px 50%; border:1px solid #B6BCBF; color:#444; font-family:sans-serif; font-size:8pt; line-height:1.5em; margin:0; padding:10px 20px !important; text-align:left; text-decoration:none;} /* Style of shadow effect behind zoomed image */ .MagicBoxShadow{ box-shadow:3px 3px 4px #888888; border-collapse:separate;} /* Style of glow effect behind zoomed image */ .MagicBoxGlow{ box-shadow:0 0 4px 4px #B6BCBF; border-collapse:separate;} #prod_detailcontainer .prod_detail .product_information{ position:relative;} #prod_detailcontainer .prod_detail h1, #prod_detailcontainer #model-info h1 {font-size:20px; line-height:22px; font-weight:normal; color:#000000; margin-bottom:15px;} #prod_detailcontainer .prod_detail a > div { max-width: 100%;} #prod_detailcontainer .prod_detail a.description-view{font-weight:normal; font-size:14px; white-space:nowrap;} #prod_detailcontainer .prod_detail .reviews, .part_body ul.accessories .reviews{display:block; border-bottom:1px solid #DDDDDD; padding:0 0 15px 0; margin-bottom:15px;} #prod_detailcontainer .prod_detail .reviews a{font-size:11px; margin:0 5px;} #prod_detailcontainer .prod_detail .item_price{width:100%; display:block; font-size:15px; color:#333333; font-weight:normal; border-bottom:1px solid #DDDDDD; padding:0 0 15px 0; margin-bottom:15px;} #prod_detailcontainer .prod_detail .item_price .label{font-size:13px; display:inline;} #prod_detailcontainer .prod_detail .item_price .cost, #prod_detailcontainer .prod_detail .item_price .cost-unavailable, #prod_detailcontainer .prod_detail .item_price .discontinued{color:#830808; font-size:18px; font-weight:bold; display:inline; margin:0;} #prod_detailcontainer .prod_detail .item_price .search_results_shipping_single{color:#3B619F; border-bottom:1px dotted #3B619F; cursor:help; font-weight:normal; display:inline; font-size:15px;} #prod_detailcontainer .prod_detail .item_price a{display:inline;} #prod_detailcontainer .prod_detail .instock{font-weight:bold; color:#008800; display:block; margin:15px 0 0 0;} #prod_detailcontainer .prod_detail .replaced{font-weight:bold; color:#333333; display:block; margin:15px 0 0 0;} #prod_detailcontainer .prod_detail .checkstock{font-weight:bold; color:#333333; display:block; margin:15px 0 0 0;} #prod_detailcontainer .prod_detail .prod_description{font-weight:normal; font-size:14px; line-height:16px; margin-bottom: 1em;} #prod_detailcontainer .prod_detail .top-title{font-size:15px; margin-bottom:15px;} #prod_detailcontainer .prod_detail .prod_description a.logo{float:right; border:0;} /* Top Part */ .toppart label{cursor:pointer;} /*----- Reviews Snippet overrides -----*/ .pr-snippet-wrapper{padding:0px !important; vertical-align:middle !important;} .pr-snippet-stars{padding:3px 0px !important;} .pr-snippet-review-count{display:none !important; line-height:20px !important;} .pr-snippet-read-write{padding:3px 0px !important; margin-top:-1px !important;} .pr-snippet-write-first-review{padding-left:5px !important; margin:0px !important;} a.pr-snippet-link{color:#3B619F !important; padding:0px !important; margin:0px !important;} .pr-snippet-read-reviews{padding:3px 5px 0 5px !important;} .pr-snippet-read-reviews a{color:#3B619F !important;} .pr-snippet-write-review{padding:3px 5px !important;} .pr-snippet-write-review a{color:#3B619F !important;} .pr_snippet_product .pr-clear{clear:none !important;} /*----- Part Page Add to Cart and Warranties Top -----*/ #prod_detailcontainer .addtocart_container{ padding:0;} #prod_detailcontainer .addtocart_container .top{background:#F2F2F2; border:1px solid #B6BCBF; padding:0 15px 10px;} #prod_detailcontainer .addtocart_container .top .product_price{margin-top:20px;} #prod_detailcontainer .addtocart_container .top .label{float:left;} #prod_detailcontainer .addtocart_container .top .cost{text-align:center; font-size:24px; line-height:24px; font-weight:bold;} #prod_detailcontainer .addtocart_container .top .cost s{ display: block; margin:0 0 5px 0;} #prod_detailcontainer .addtocart_container .top .checkstock{ clear:both; margin:10px 20px; font-size:15px; font-weight:bold; display:block;} #prod_detailcontainer .addtocart_container .top .instock{ clear:both; margin:10px 0; font-size:15px; font-weight:bold; color:#008800; display:block;} #prod_detailcontainer .addtocart_container .top .search_results_shipping_single{font-size:15px; color:#3B619F; border-bottom:1px dotted #3B619F; cursor:help; font-weight:normal; display:inline;} #prod_detailcontainer .addtocart_container .top .warranty-title{font-size:13px; font-weight:bold; margin:0 0 3px;} #prod_detailcontainer .addtocart_container .top .warranties-table input{margin:3px 3px 3px 0;} #prod_detailcontainer .addtocart_container .top .include-warranty{color:#3B619F; cursor:help; border-bottom:1px dotted #3B619F;} #prod_detailcontainer .addtocart_container .top form label{font-size:12px; color:#555555; margin:0;} #prod_detailcontainer .addtocart_container .top form select{padding:4px 0;} #prod_detailcontainer .addtocart_container .top .button_add-to-cart{ font-family:'Open Sans', sans-serif; cursor:pointer; text-align:center; color:#FFFFFF; font-size:17px; font-weight:600; height:35px; margin:10px 0; padding:0 !important; border:1px solid #F68819; background:#F68819; width: 100%} #prod_detailcontainer .addtocart_container .top .price-in-cart-tip{float:left; text-align:center; margin:0 8px 10px; font-size:13px; color:#3B619F; border-bottom:1px dotted #3B619F; cursor:help; font-weight:normal; display:inline;} #prod_detailcontainer .addtocart_container .top .quote-link{clear:both; text-align:center; margin:0 auto 10px;} #prod_detailcontainer .addtocart_container .top .favorite-products-link{text-align:center; margin-top:10px;} #prod_detailcontainer .addtocart_container .top .call-for-price{font-weight:bold; font-size:1.2em; text-align:center;} #prod_detailcontainer .addtocart_container .top a.availability{height:33px; line-height:30px; margin:20px 0 10px; display: block;} #prod_detailcontainer .addtocart_container .top a.replacement{height:33px; line-height:30px; margin:20px 0 10px; display: block;} #prod_detailcontainer .addtocart_container .top a.login{height:33px; line-height:30px; margin:20px 0 10px; display: block;} #prod_detailcontainer .addtocart_container .top a.button_add-to-cart:hover{text-decoration:none;} /* Barcodes Promise */ a.barcodes-promise-banner{cursor:pointer; display: block; text-align: center} #barcodes-promise-note-container{display:none; left:-37px; position:relative; top:-230px; z-index:1000;} .barcodes-promise-note{background:#FFFFFF; border:1px solid #BFC4C7; -moz-box-shadow:1px 2px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow:1px 2px 4px rgba(0, 0, 0, 0.2); box-shadow:1px 2px 4px rgba(0, 0, 0, 0.2); position:absolute; text-align:center; width:298px;} .barcodes-promise-note:after, .barcodes-promise-note:before{border:solid transparent; content:" "; height:0; left:50%; pointer-events:none; position:absolute; top:100%; width:0;} .barcodes-promise-note:after{border-color:rgba(255, 255, 255, 0); border-top-color:#FFFFFF; border-width:12px; margin-left:-12px;} .barcodes-promise-note:before{border-color:rgba(191, 196, 199, 0); border-top-color:#BFC4C7; border-width:13px; margin-left:-13px;} .barcodes-promise-note a.close{cursor:pointer; float:right; height:16px; margin:10px 10px 0 0; width:16px;} .barcodes-promise-note .logo{margin:30px 0 10px;} .barcodes-promise-note .title{color:#000000; font-size:16px; margin:0;} .barcodes-promise-note .text{color:#000000; font-size:12px; margin:10px 18px 18px 18px; text-align:left;} /*----- Model/Part Page Tabs -----*/ ul#tabs{list-style:none; width:100%; padding:5px 0 0 0; margin:0; position:absolute; top:-38px; left:-1px;} ul#tabs li{display:inline;} ul#tabs li a{font-size:11px; line-height:11px; font-weight:bold; color:#FFFFFF; background:#3B619F; padding:11px 16px 10px; margin-right:3px; text-decoration:none; width:auto; border:1px solid #3B619F; border-bottom:none; float:left;} ul#tabs li:hover a{color:#FFFFFF; background:#2A4572;} ul#tabs li.active a{color:#333333; background-color:#FFFFFF; background-image:none; border:1px solid #B6BCBF; border-bottom:none;} ul#tabs li.active:hover a{color:#333333; box-shadow:none;} #tabs ul{list-style:none; width:658px; padding:5px 0 0 0; margin:0; position:absolute; top:-38px; left:-1px;} #tabs ul li{display:inline;} #tabs ul li a{font-size:11px; line-height:11px; color:#FFFFFF; font-weight:bold; background:#3B619F; padding:11px 20px 10px; margin-right:4px; text-decoration:none; width:auto; border:#3B619F 1px solid; border-bottom:none; float:left;} #tabs ul li a:hover{color:#FFFFFF; background:#2A4572;} #tabs ul li a.selected{color:#333333; background-color:#FFFFFF; background-image:none; box-shadow:none; border:#B6BCBF 1px solid; border-bottom:none;} /*----- Model Page Body -----*/ #model_body_container{width:948px; float:left; margin:0; padding:0;} .model_body{width:918px; padding:5px 20px 20px; float:left; border:1px solid #B6BCBF; position:relative;} .model_body .search_results_shipping_single{color:#3B619F; border-bottom:1px dotted #3B619F; cursor:help; font-weight:normal; display:inline; font-size:13px;} .model_body div.tabContent .all-options{width:100%; float:right; border-top:1px solid #B6BCBF;} .model_body div.tabContent .all-options a.view-all{margin:15px 0; clear:both; float:right; font-size:13px; font-weight:normal;} .model_body div.tabContent .all-options a.view-all span{font-size:15px; font-weight:bold;} .model_body div.tabContent .all-options a.view-all:hover{text-decoration:underline;} .model_body div.tabContent.hide{display:none;} .model_body div.tabContent .expert-review{border-bottom:1px solid #B6BCBF;} .model_body div.tabContent .expert-review h3{font-size:18px; margin:25px 0 15px 0; font-weight:normal;} .model_body div.tabContent .expert-review p{font-size:14px;} div.tab .expert-review{border-bottom:1px solid #B6BCBF;} div.tab .expert-review h3{font-size:18px; margin:0px 0 15px 0; font-weight:normal;} .model_body div.tabContent #search_results_wrapper{border:0;} .model_body div.tabContent table{margin:0;} .model_body div.tabContent .modelname{font-size:15px;} div.tab .modelname{font-size:15px;} .model_body div.tabContent .pricecell-content{text-align:center;} .model_body div.tabContent .ourprice{color:#000000; font-weight:bold; font-size:16px;} .model_body div.tabContent label{color:#3B619F; font-weight:normal;} .model_body div.tabContent #filter_categories{background:none;} .model_body div.tabContent .selected_shadow{background:none !important;} .model_body .title{font-size:18px; color:#333333; line-height:18px; margin:25px 0 15px 0;} .model_body .configurations_mouse-over{color:#3B619F; cursor:help; font-weight:bold; display:inline; font-size:11px;} .model_body .subtitle{font-size:18px; color:#F68819; line-height:20px; font-weight:bold; margin:5px 0 10px; width:100%; float:left; clear:both;} .model_body .h3{font-size:14px; color:#333333; line-height:20px; font-weight:bold; margin:8px 0 0 0; width:100%; display:block; clear:both;} .model_body .h3 a{font-size:12px; font-weight:normal; margin-left:4px;} .model_body p.content{font-size:14px; line-height:20px; color:#333333; display:block; float:left; width:100%;} .model_body p.list{line-height:28px;} .model_body p.accessories{margin:0;} .model_body p.warranties{margin:0; font-size:12px;} .model_body p.pdf{float:left; width:100%; padding:15px 0 0 0; margin:15px 0 0 0; border-top:1px solid #B6BCBF;} .model_body a.full_specs{font-size:14px; text-decoration:none; padding:0; margin:15px 0 30px 0; float:left; display:block; clear:both; vertical-align:middle;} .model_body a.full_specs img{margin-right:5px;} .model_body a.full_specs:hover{text-decoration:underline;} table.spec_list{margin:0; padding:20px;} table.spec_list td{font-size:12px; padding:0.8em;} table.spec_list tr.odd{background-color:#F6F6F6;} .pr_review_summary{width:100%; margin-top:12px;} .pr_review_summary h3{font-size:18px; font-weight:normal; color:#333333; line-height:22px; margin:10px 0 15px 0;} .model_body ul.accessories{list-style:none; width:100%; margin:0; padding:0; float:left;} .model_body ul.accessories li{height:100px; font-size:12px; line-height:20px; padding:4px 0 3px; border-bottom:1px solid #B6BCBF;} .model_body ul.accessories li img{float:left; margin:5px 20px 5px 0;} .model_body ul.accessories li .details{width:350px; margin:15px 0 0 0; float:left;} .model_body ul.accessories li .title{color:#084583; font-weight:bold;} .model_body ul.accessories li .title a.view{font-size:11px; font-weight:normal; text-decoration:underline; display:block;} .model_body ul.accessories li .title a.view:hover{color:#000000;} .model_body ul.accessories li .path{color:#333333; font-weight:bold;} .model_body ul.accessories li .review_title{font-size:11px; font-weight:bold; color:#888888; margin:0 6px 0 0; float:left;} .model_body ul.accessories li .reviews{border:none; margin:5px 0 0 0; padding:0;} .model_body ul.accessories li form.add_item{height:69px; width:130px; background-color:#faf7ee; padding:15px; float:right;} .model_body ul.accessories li form.add_item .price{font-weight:normal; color:#830808; margin:0 0 2px 0;} .model_body ul.accessories li form.add_item label{font-size:11px; font-weight:normal; color:#333333;} .model_body ul.accessories li form.add_item label input{margin:0 7px 0 0;} .model_body .shadow{height:15px; width:960px; position:absolute; bottom:-14px; left:0;} #paginator-Overview{border-top:1px solid #B6BCBF; padding-top:10px; margin:0;} .search_mouse-over{color:#3B619F; cursor:help; display:inline; font-size:11px; border-bottom:1px dotted #3B619F; font-weight:normal;} /*----- Part Page Body -----*/ #part_body_container{ margin:0; padding:0;} .part_body{ padding:5px 20px 20px;border:1px solid #B6BCBF; position:relative; box-sizing: border-box} .part_body div.tabContent .all-options{width:auto; float:none; border-top:1px solid #B6BCBF;} .part_body div.tabContent .all-options a.view-all{margin-top:15px; display: inline-block; float: none; clear: none; font-size:13px; font-weight:normal;} .part_body div.tabContent .all-options a.view-all span{font-size:15px; font-weight:bold;} .part_body div.tabContent .all-options a.view-all:hover{text-decoration:underline;} .part_body div.tabContent.hide{display:none;} .part_body div.tabContent #search_results_wrapper{border:0;} .part_body div.tabContent table{margin:0;} .part_body div.tabContent .modelname{font-size:15px;} .part_body div.tabContent .pricecell-content{text-align:center;} .part_body div.tabContent .ourprice{color:#000000; font-weight:bold; font-size:16px;} .part_body div.tabContent label{color:#3B619F; font-size:14px; font-weight:normal;} .part_body div.tabContent .details_section{border-top:1px solid #DDDDDD; font-size:14px;} .part_body div.tabContent .details_section h3{font-size:16px; margin:10px 0 5px;} .part_body div.tabContent .details_section strong{font-weight:normal;} .part_body div.tabContent .details_section ul{margin:0 0 10px;} #search_results_wrapper .search_results_shipping_single{color:#3B619F; border-bottom:1px dotted #3B619F; cursor:help; font-weight:normal; display:inline; font-size:13px;} .part_body .title{font-size:18px; color:#333333; line-height:22px; margin:25px 0 5px 0;} .part_body .subtitle{font-size:18px; color:#F68819; line-height:20px; font-weight:bold; margin:5px 0 10px; width:100%; float:left; clear:both;} .part_body .h3{font-size:14px; color:#333333; line-height:20px; font-weight:bold; margin:8px 0 0 0; width:100%; display:block; clear:both;} .part_body .h3 a{font-size:12px; font-weight:normal; margin-left:4px;} .part_body p.content{font-size:14px; line-height:20px; color:#333333; display:block; } .part_body p.list{line-height:28px;} .part_body p.accessories{margin:0;} .part_body p.warranties{margin:0; font-size:12px;} .part_body p.pdf{padding:0; margin:0;} .part_body a.full_specs{font-size:14px; text-decoration:none; padding:0; margin:15px 0; display:inline-block;} .part_body a.full_specs img{margin-right:5px;} .part_body a.full_specs:hover{text-decoration:underline;} table.spec_list{margin:0; padding:20px;} table.spec_list td{font-size:12px; padding:0.8em;} table.spec_list tr.odd{background-color:#F6F6F6;} .pr_review_summary{width:100%; margin-top:12px;} .part_body ul.accessories{list-style:none; width:100%; margin:0; padding:0; float:left;} .part_body ul.accessories li{height:100px; font-size:12px; line-height:20px; padding:4px 0 3px; border-bottom:1px solid #B6BCBF;} .part_body ul.accessories li img{float:left; margin:5px 20px 5px 0;} .part_body ul.accessories li .details{width:350px; margin:15px 0 0 0; float:left;} .part_body ul.accessories li .title{color:#084583; font-weight:bold;} .part_body ul.accessories li .title a.view{font-size:11px; font-weight:normal; text-decoration:underline; display:block;} .part_body ul.accessories li .title a.view:hover{color:#000000;} .part_body ul.accessories li .path{color:#333333; font-weight:bold;} .part_body ul.accessories li .review_title{font-size:11px; font-weight:bold; color:#888888; margin:0 6px 0 0; float:left;} .part_body ul.accessories li .reviews{border:none; margin:5px 0 0 0; padding:0;} .part_body ul.accessories li form.add_item{height:69px; width:130px; background-color:#faf7ee; padding:15px; float:right;} .part_body ul.accessories li form.add_item .price{font-weight:normal; color:#830808; margin:0 0 2px 0;} .part_body ul.accessories li form.add_item label{font-size:11px; font-weight:normal; color:#333333;} .part_body ul.accessories li form.add_item label input{margin:0 7px 0 0;} .part_body .shadow{height:15px; width:700px; position:absolute; bottom:-14px; left:0;} .part_body div#tab_accessories span.search_breadcrumb, .part_body div#tab_accessories span.search_breadcrumb a:link, .part_body div#tab_accessories span.search_breadcrumb a:visited{color:#000000; font-weight:bold;} .part_body div#tab_accessories div#search_results_wrapper{border:none} .part_body div#tab_accessories table.producttable{margin-bottom:0;} .part_body div#tab_accessories td.pricecell{padding:10px 0 10px;} .part_body div#tab_accessories td.pricecell div.pricecell-content{background-color:#FFFFFF; margin:5px 0 5px;} .part_body div#tab_accessories td.pricecell div.pricecell-content span.ourprice{color:#CC0000;} .part_body div#tab_warranties span.search_breadcrumb, .part_body div#tab_warranties span.search_breadcrumb a:link, .part_body div#tab_warranties span.search_breadcrumb a:visited{color:#000000; font-weight:bold;} .part_body div#tab_warranties div#search_results_wrapper{border:none} .part_body div#tab_warranties table.producttable{margin-bottom:0;} .part_body div#tab_warranties td.pricecell{padding:10px 0 10px;} .part_body div#tab_warranties td.pricecell div.pricecell-content{background-color:#FFFFFF; margin:5px 0 5px;} .part_body div#tab_warranties td.pricecell div.pricecell-content span.ourprice{color:#CC0000;} .part_body div#tab_supplies span.search_breadcrumb, .part_body div#tab_supplies span.search_breadcrumb a:link, .part_body div#tab_supplies span.search_breadcrumb a:visited{color:#000000; font-weight:bold;} .part_body div#tab_supplies div#search_results_wrapper{border:none} .part_body div#tab_supplies table.producttable{margin-bottom:0;} .part_body div#tab_supplies td.pricecell{padding:10px 0 10px;} .part_body div#tab_supplies td.pricecell div.pricecell-content{background-color:#FFFFFF; margin:5px 0 5px;} .part_body div#tab_supplies td.pricecell div.pricecell-content span.ourprice{color:#CC0000;} /* HP Extra Info Section */ #flix-minisite{float:left; display:none; margin:15px 0 10px;} #inpage-iframe-modal{display:none;} #inpage_responsive{float:left; margin-top:0 !important;} #inpage_responsive.hpcl_hparial .hpcl_hp.hpcl_grid .hpcl_row.hpcl_section.hpcl_keyspecifications{border:none !important;} #hpgrid .hpcl_section{border-top:1px solid #B6BCBF !important; padding:10px 15px !important;} #hpgrid .hpcl_section header{font-size:18px !important; font-weight:normal !important; padding:0 0 15px !important;} #hpgrid .hpcl_section .hpcl_full-s img{margin-top:0 !important;} #hpgrid .hpcl_section .inpage_block_inner header{margin:0 0 0 75px !important; padding:0 !important;} #inpage_responsive.hpcl_hparial .hpcl_hp.hpcl_grid .hpcl_keyfeatures.hpcl_section > HEADER:first-child{padding:0 !important;} #inpage_responsive .hpcl_hp.hpcl_grid .hpcl_row.hpcl_section.hpcl_keyspecifications .hpcl_row DIV{padding:0 15px !important;} #hpgrid .hpcl_section .inpage_block_inner p{font-size:14px !important; margin:0 0 0 75px !important;} #hpgrid .hpcl_section .hpcl_row .hpcl_full-s{padding:10px 0 0 15px !important;} #hpgrid .hpcl_section div p:first-child{font-size:14px !important; font-weight:bold !important; margin-bottom:10px !important;} #hpgrid .hpcl_section div p + p{font-size:14px !important; min-height:14px !important;} #hpgrid .hpcl_section div .hpcl_summary{margin-left:0 !important;} #hpgrid .hpcl_section div .hpcl_titles{font-size:14px !important; padding:0 !important;} #hpgrid .hpcl_section .hpcl_row ul li{font-size:14px !important;} #hpgrid .hpcl_section .hpcl_expander.hpcl_expanded{font-size:18px !important; font-weight:normal !important;} #inpage_responsive[min-width~="497px"] .hpcl_hp.hpcl_grid .hpcl_fragment.hpcl_row.hpcl_no-close .hpcl_expander.hpcl_expanded, #inpage_responsive[min-width~="497px"] .hpcl_hp.hpcl_grid .hpcl_fragment.hpcl_row.hpcl_no-close .hpcl_expander.hpcl_collapsed{font-size:18px !important; font-weight:normal !important;} #inpage_responsive .hpcl_hp.hpcl_grid .hpcl_fragment UL > LI{font-size:14px !important;} #inpage_responsive[min-width~="497px"] .hpcl_hp.hpcl_grid .hpcl_keyfeatures.hpcl_section > .hpcl_row > DIV .hpcl_summary P{font-size:14px !important;} #inpage_responsive.hpcl_hparial .hpcl_hp.hpcl_grid .hpcl_keyfeatures.hpcl_section > P{padding:0 !important;} /*----- My Buys Recommendation Zones -----*/ .mbblingrowspan{clear:both; width:100%; display:block; float:left; text-align:center; padding-bottom:5px;} .mbblinglink:link{color:black; border:none; text-decoration:none;} .mbblingtxt{color:blue; font-weight:bold; font-size:11px; font-family:Verdana;} .mbblingiptxt{color:red; font-weight:bold; font-size:11px; font-family:Verdana;} .mbbrandrowspan{clear:both; width:100%; display:block; float:left; text-align:center;} .mbbrandlink:link{color:black; text-decoration:none;} .mbdisc{color:black; font-weight:bold; font-size:10px;} .mbdisclink:link{color:black; font-style:normal; font-weight:normal; text-decoration:none;} .mbdiscrowspan{clear:both; width:100%; display:block; float:left; text-align:center;} .mbimg{border:none;} .mbimgspan{width:100%; float:left; padding:0px; margin:0px; display:block;} .mbitem{float:left; width:150px; padding:13px 10px 10px 10px; text-align:center; font-family:Arial; font-size:10px; color:black;} .mblegend{font-family:verdana; font-size:14px; font-weight:bold; text-align:left !important; padding:10px 0px 0px 15px !important;} .mblist{color:black; font-weight:bold; font-size:10px; text-decoration:line-through;} .mblistlink:link{color:black; font-style:normal; font-weight:normal; text-decoration:none;} .mblistrowspan{clear:both; width:100%; display:block; float:left; text-align:center;} .mblistsalerowspan{clear:both; width:100%; display:block; float:left; text-align:center; white-space:nowrap;} .mbmorerowspan{clear:both; width:100%; display:block; float:left; text-align:center;} .mbmorelink:link{color:blue; text-decoration:none;} .mbname{text-align:center; width:100%;} .mbnamelink:link{color:black; text-decoration:none;} .mbnamerowspan{clear:both; width:100%; display:block; float:left; text-align:center;} .mboneclklink:link{color:#267ABF; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;} .mboneclklink:hover{color:#0000CC; text-decoration:underline;} .mbprice{font-weight:bold; font-size:10px; color:black;} .mbpricelink:link{color:black; font-style:normal; font-weight:bold; text-decoration:none;} .mbpricerowspan{clear:both; width:100%; display:block; float:left; text-align:center;} .mbpromotion{text-align:center; width:100%;} .mbpromotionlink:link{color:black; text-decoration:none;} .mbpromotionrowspan{clear:both; width:100%; display:block; float:left; text-align:center;} .mbrowspan{clear:both; width:100%; display:block;} .mbsale{color:black; font-weight:bold; font-size:10px;} .mbsalelink:link{color:black; font-style:normal; font-weight:normal; text-decoration:none;} .mbsalerowspan{clear:both; width:100%; display:block; float:left; text-align:center;} .mbsignuplink:link{color:blue; font-size:12px; font-family:arial; padding:3px; font-weight:bold; text-decoration:none; display:none;} .mbsignuplink:hover{text-decoration:underline;} .mbzone{border:none !important;} .mybuys_wrapper{width:705px; margin-top:20px; float:left; padding-bottom:13px;} .mybuys_zone{border:1px solid #B6BCBF;} .recommendations_wrapper{ margin-top:20px;padding-bottom:13px;} .recommendations_zone{border:1px solid #B6BCBF; margin-top:13px;} .recommendations_zone td{float:left; width:33.33%; padding:10px 0 !important; text-align:center;} .recommendations_zone td.name{clear:both; float:left; width:33.33%; padding:0;} .recommendations_zone .whitebg_cab_orangeprice{float:left; width:237px; padding:0; color:#333333;} .recommendations_zone h3{margin:10px 15px 0 15px;} .similar-wrapper{width:960px; margin-top:20px; float:left; padding-bottom:13px;} .similar-products{border:1px solid #B6BCBF; margin-top:13px;} .similar-products td{float:left; width:237px; padding:10px 0 !important; text-align:center;} .similar-products td.name{clear:both; float:left; width:237px; padding:0;} .similar-products .whitebg_cab_orangeprice{float:left; width:237px; padding:0; color:#333333;} .similar-products h3{margin:10px 0 0 15px;} .img img{margin-top:0px; margin-bottom:0px;} div.mbRCBox{cursor:pointer; overflow:hidden; height:22px;} table.mbRCInnerBox{background:#95856A;} table.mbRCInnerBox td{padding:0px 0px;} b.mbRCTop, b.mbRCBtm{display:block;} b.mbRCTop b, b.mbRCBtm b{display:block; height:1px; overflow:hidden; background:#95856A;} b.mbRC1{margin:0 2px;} b.mbRC2{margin:0 1px;} b.mbRC3{margin:0 0px;} b.mbRCTop b.mbRC4, b.mbRCBtm b.mbRC4{margin:0 0px; height:0px;} td.mbRCText{color:#FFFFFF; font-family:arial; font-size:11px; font-weight:bold;} .mbSDOuterLayer{position:absolute; width:0px; height:100px; display:none;} table.mbSDInnerLayer{background-color:#f9f9f9; border-left:1px solid #7CAAD1; border-right:1px solid #7CAAD1; border-bottom:1px solid #7CAAD1; border-top:1px solid #7CAAD1;} table.mbSDInnerLayer td{background-color:#f9f9f9; padding:5px 5px;} table.mbSDInnerLayer a{text-decoration:underline;} button.mbSDBtn, input.mbSDInput{color:#29678D; font-family:arial; font-size:10px;} a.mbSDLink:link, a.mbSDLink:hover, a.mbSDLink:visited{color:#17394E; font-family:arial; font-size:10px;} input.mbSDInput{font-family:arial; border-color:#7F9DB9; border-style:solid; border-width:1px; color:#808080; width:140px;} button.mbSDBtn{background-color:#29678D; /* Mouse over color:#B5A58A*/ border-color:#29678D; color:#FFFFFF; width:60px; font-family:arial; font-size:10px; font-weight:bold; text-align:center;} button.mbSDLiteBtn{background-color:#7CAAD0; border-color:#7CAAD0; color:#17394E; width:60px; font-family:arial; font-size:9px; text-align:center;} div.mbSDText, div.mbSDBoldText{font-family:arial; font-size:10px; color:#17394E; margin:5px;} td.mbSDText, td.mbSDBoldText{font-family:arial; font-size:12px; color:#17394E;} div.mbSDBoldText{font-weight:bold;} td.mbSDBoldText{font-weight:bold;} /*----- Learning Center Pages -----*/ .featured-resources{width:770px; margin:0; padding:0; list-style:none;} .featured-resources .resource-container{float:left;} .featured-resources a.resource{float:left; width:128px; padding:20px 8px; margin:0 5px 5px 5px; text-align:center; -moz-box-shadow:inset -5px -5px 5px #F2F2F2; -webkit-box-shadow:inset -5px -5px 5px #F2F2F2; box-shadow:inset -5px -5px 5px #F2F2F2; border:1px solid #B6BCBF;} .featured-resources a.resource:hover{-moz-box-shadow:inset -5px -5px 10px #FFFFFF; -webkit-box-shadow:inset -5px -5px 10px #FFFFFF; box-shadow:inset -5px -5px 10px #FFFFFF; text-decoration:none; border:1px solid #3B619F;} .featured-resources a.first{margin-left:0;} .featured-resources a.last{margin-left:4px; margin-right:0;} .featured-resources a.resource img{width:100px; height:100px; border:0; margin-bottom:10px;} .featured-resources a.resource h1{font-weight:bold; color:#3B619F;} .featured-resources a.resource, a.resource:visited{font-weight:bold; text-decoration:none;} .shadow_featured-resources{width:767px; height:15px; padding:0; margin:0 0 6px 0;} .featured-resources .common-uses{clear:both; float:left; cursor:help; font-weight:bold; border-bottom:1px dotted #333333; font-size:12px; width:88px; margin:5px 34px 10px 34px;} .featured-resources .first{margin:5px 29px 10px 29px;} .featured-resources .last{margin:5px 29px 10px 33px;} /*----- Buying Guide Pages -----*/ #guide_container{width:100%; float:left; padding:0 0 25px 0;} #guide_container .fortabs{margin:0 0 38px 0 !important;} #guide_container .main_image{padding:0 0 13px 0; margin-bottom:8px;} #guide_container .main_image .image{min-height:190px; border:1px solid #B6BCBF; } #guide_container .main_image .line1{font-size:42px; color:#FFFFFF; line-height:42px; float:left; font-weight:bold; margin-top:20px; padding:5px 15px 5px 30px; background:#F68819;} #guide_container .main_image .line2{clear:both; font-size:42px; color:#FFFFFF; line-height:42px; float:left; font-weight:bold; margin-top:20px; padding:5px 15px 5px 30px; background:#F68819;} #guide_container .main_image .h2{ font-size:28px; color:#333333; line-height:30px;font-weight:bold; max-width: 70%; margin:0; padding:5px 15px 15px 30px;} #guide_body_container{ margin:0; padding:0;} #guide_body_container .solutions_body .title{font-size:27px; color:#363636; line-height:30px; margin:0 0 5px 0; font-weight:bold;} #guide_body_container .solutions_body .h3{font-size:18px; color:#333333; line-height:20px; font-weight:bold; margin-top:15px;} #guide_body_container .contact-box { width: 100%;} .solutions_body .guide-chart table{margin:0 0 0 10px;} .solutions_body .guide-chart th{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/tab_bg_guide.png) top left repeat-x; padding:5px; text-align:center; font-weight:bold; font-size:13px;} .solutions_body .guide-chart td{padding:3px 10px;} .solutions_body .guide-chart tr.alt td{background:#E0E2E3;} .solutions_body .guide-chart td.x{ text-align:center; font-weight:bold; color:#333333; font-size:2em; padding:0;} a.learn-more{padding:0; height:20px; font-size:16px; line-height:18px; font-weight:bold; color:#3B619F;} a.learn-more span.link{color:#3B619F; text-transform:none; padding-right:20px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/arrow_blue-guide.png) right center no-repeat;} a.learn-more span.link:hover{text-decoration:underline;} #guide_container a.guide-link{padding:0; margin:0;} #guide_container a.guide-link .guide-cat{ border-bottom:1px solid #B6BCBF; padding:0; margin:0;} #guide_container a.guide-link .last{border-bottom:0;} #guide_container a.guide-link img{float:left; margin:3px 10px 3px 5px; vertical-align:middle; width:50px; height:50px;} #guide_container a.guide-link div{ font-weight:bold; color:#3B619F; text-transform:capitalize; margin-top:12px;} #guide_container a.guide-link .guide-cat > div { float: left} #guide_container a.guide-link .guide-cat:before { display: table; content: " "; } #guide_container a.guide-link .guide-cat:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #guide_container a.guide-link:hover div{text-decoration:underline;} /*----- Solutions pages -----*/ #solutions_container{padding:0 0 25px 0;} #solutions_container .fortabs{margin:0 0 38px 0 !important;} #solutions_container .main_image{padding:0 0 13px 0; margin-bottom:8px;} #solutions_container .main_image .image{ border:1px solid #B6BCBF; margin:0;} #guide_container .main_image .image, #solutions_container .main_image .image { background-position: top right !important; background-color: #ebebeb !important; min-height: 190px;background-size: auto 100% !important;} #solutions_container .line1{font-size:42px; color:#FFFFFF; line-height:42px; float:left; font-weight:bold; margin-top:20px; padding:5px 15px 5px 30px; background:#F68819;} #solutions_container .line2{clear:both; font-size:42px; color:#FFFFFF; line-height:42px; float:left; font-weight:bold; margin-top:20px; padding:5px 15px 5px 30px; background:#F68819;} #solutions_container .theme-orman h2{ font-size:22px; color:#333333; line-height:30px; font-weight:bold; margin:0; padding:5px 15px 15px 30px; max-width: 70%} #solutions_container .theme-orman.slider-wrapper{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/slider.png) no-repeat; width:722px; height:287px; margin:0 auto; padding-top:18px; position:relative;} #solutions_container .theme-orman .nivoSlider{position:relative; width:960px; height:190px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/loading.gif) no-repeat 50% 50%; border:1px solid #B6BCBF;} #solutions_container .theme-orman .nivoSlider img{position:absolute; top:0px; left:0px; display:none; width:960px; height:190px;} #solutions_container .theme-orman .nivoSlider a{border:0; display:block;} #solutions_container .theme-orman .nivo-controlNav{position:absolute; left:50%; bottom:10px; margin-left:-30px;} #solutions_container .theme-orman .nivo-controlNav a{display:block; width:12px; height:11px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/bullets.png) top left no-repeat; text-indent:-9999px; border:0; margin-right:7px; float:left;} #solutions_container .theme-orman .nivo-controlNav a.active{background-position:0 -11px;} #solutions_container .theme-orman .nivo-directionNav a{display:block; width:25px; height:200px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/arrows.png) no-repeat 0% 50%; text-indent:-9999px; border:0; top:20px;} #solutions_container .theme-orman a.nivo-nextNav{background-position:100% 50%; right:-23px; padding-right:20px;} #solutions_container .theme-orman a.nivo-prevNav{left:-23px; padding-left:20px;} #solutions_container .theme-orman .nivo-caption{font-family:Arial, Helvetica, sans-serif;} #solutions_container .theme-orman .nivo-caption a{color:#FFFFFF; border-bottom:1px solid #FFFFFF;} #solutions_container .theme-orman .nivo-caption a:hover{color:#FFFFFF;} #solutions_container .theme-orman .ribbon{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/ribbon.png) no-repeat; width:111px; height:111px; position:absolute; top:-3px; left:56px; z-index:300;} #solutions_body_container{ margin:0 0 30px; padding:0;} .solutions_body{ padding:20px; border:1px solid #B6BCBF; position:relative; margin-bottom: 15px;} .solutions_body h1{font-size:30px; color:#363636; font-weight:bold; line-height:30px; margin:20px 0 5px 0;} .solutions_body .h1{font-size:27px; color:#363636; font-weight:bold; line-height:30px; margin:0 0 5px 0;} .solutions_body .h2{font-size:18px; color:#999999; line-height:20px; font-weight:bold; margin-top:10px; } .solutions_body .h3{font-size:18px; color:#333333; line-height:20px; font-weight:bold; margin-top:15px; } .solutions_body p{font-size:14px; line-height:20px; color:#333333; margin:1em 0;} .solutions_body p.sub{padding-left:15px; box-sizing: border-box} .solutions_body p.sub-sub{padding-left:40px; box-sizing: border-box;} .solutions_body a{font-weight:bold;} .solutions_body ul{list-style:none;margin:0; padding:20px 0;} .solutions_body ul li{border-bottom:1px solid #B6BCBF; font-size:11px; line-height:13px; font-weight:bold; text-transform:uppercase;} .solutions_body ul li a, .solutions_body ul li .spacer{ height:73px; color:#333333; padding:0 15px 0 70px; display:table-cell; vertical-align:middle; text-decoration:none; *float:left;} .solutions_body ul li a:hover{background-color:#faf9ee; box-shadow:inset 0 0 20px #eae7ce; color:#333333;} .solutions_body a.viewall{font-size:12px; font-weight:bold; color:#3B619F; text-decoration:none; text-align:right; text-transform:uppercase; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/arrow_blue.png) right 3px no-repeat; padding:2px 20px 2px 0; margin:15px 0; float:right;} .solutions_body a.viewall:hover, .solutions_body a.viewall:hover span{color:#7d9fd6;} .solutions_body a.viewall span{color:#27416c;} .solutions_body .shadow{height:15px; width:700px; position:absolute; bottom:-14px; left:0;} .solutions_body .chart table{margin:0 0 0 10px;} .solutions_body .chart th{background:#666666; padding:5px 10px 5px; text-align:left; font-weight:normal; font-size:13px;} .solutions_body .chart td{padding:3px 10px;} .solutions_body .chart tr.alt td{background:#E0E2E3;} .solutions_body .chart td.x{text-align:center; font-weight:bold; color:#333333; padding:0;} /*----- Solutions Pages Contact Form -----*/ .contact-solutions{margin:25px 0 0 0;} .contact-solutions h2{width:100%;} .contact-solutions .h2 span.required{padding:0 15px 0 0; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/req.png) right 3px no-repeat; float:right; color:#FF0000; font-style:italic; font-size:12px; font-weight:normal; margin:3px 0 0 85px;} .contact-solutions .description{width:100%; box-sizing: border-box; height:125px; border:1px solid #B6BCBF; padding:10px; font-size:14px; color:#B6BCBF; font-style:italic; margin:15px 0 25px 0; resize:none;} .contact-solutions .description:focus{font-style:normal; color:#333333;} .contact-solutions textarea, .solutions_body input{font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:14px;} .contact-solutions ul{list-style:none; width:385px; margin:0; padding:25px 0; float:left;} .contact-solutions ul li{float:left; width:100%; *height:30px; border:none; padding:0 0 11px 0; margin:0;} .contact-solutions ul li label{width:70px; font-size:14px; line-height:20px; text-transform:none; font-weight:bold; color:#333333; text-align:right; padding:9px 0 0 0; float:left; margin-right: 15px;} .contact-solutions ul li input{width:300px; padding:8px 8px; margin:0; border:1px solid #B6BCBF; float:right;} .contact-solutions ul li input:focus{border:1px solid #F68819;} .contact-solutions ul li .req{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/req.png) 275px 11px no-repeat;} .contact-solutions .captcha{width:250px; padding:25px 0 0 0; float:right;} .contact-solutions .captcha p{font-size:13px; line-height:16px; font-style:italic; font-weight:normal; color:#333333; text-align:center; *width:100%; *padding:0 0 18px 0;} .contact-solutions .captcha .image{width:250px; border:1px solid #B6BCBF; text-align:center; background-color:#fef9e1; float:left;} .contact-solutions .captcha .field{width:234px; padding:8px 8px; border:1px solid #B6BCBF; margin:10px 0 0 0; float:left; text-align:center;} .contact-solutions input.button_contact{width:312px; height:41px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/button_submitform.png) top left no-repeat; border:none; float:right; margin:0 0 10px 0; cursor:pointer;} .contact-solutions input.button_contact:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/button_submitform.png) bottom left no-repeat; cursor:pointer;} .error ul li input{background-color:#ffefef; border:1px solid #ff9696 !important; color:#b71717;} /* Controls look of error messages for the form */ .error ul li .req{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/req.png) 275px 11px no-repeat #ffefef !important;} /*----- Solutions Category Page -----*/ .mb38{margin-bottom:38px !important;} .solutions_body ul.category{list-style:none;margin:0; padding:20px 0 0 0;} .solutions_body ul.category li{ border-bottom:1px solid #B6BCBF; font-size:12px; font-weight:normal; line-height:16px; text-transform:none; display: table; width: 100%;} .solutions_body ul.category li a{width: 100%;font-weight:normal; height:73px; color:#333333; padding:10px 15px 10px 80px; display:table-cell; vertical-align:middle; text-decoration:none;} .solutions_body ul.category li a:hover{ background-color:#faf9ee; box-shadow:inset 0 0 20px #eae7ce; color:#333333;} .solutions_body ul.category li a b{font-size:11px; font-weight:bold; text-transform:uppercase; display:block; margin:0 0 2px 0;} .noborder{border:none !important;} /*----- Individual Solutions Page Tabs -----*/ .tab_body{} .solution_tab{list-style:none; width:658px; max-width: 100%; padding:5px 0 0 0; margin:0; position:absolute; top:-39px; left:-1px;} .solution_tab .tab{font-size:14px; line-height:14px; font-weight:bold; color:#FFFFFF; background:#3B619F; padding:10px 0px 9px; width: 150px; max-width: 32%; text-align: center; margin-right:4px; text-decoration:none; border-top:1px solid #B6BCBF; border-right:1px solid #B6BCBF; border-left:1px solid #B6BCBF; border-bottom:none; float:left;} .solution_tab .active{color:#333333; background-color:#FFFFFF; background-image:none; box-shadow:none; border-bottom:1px solid #FFFFFF;} .solution_tab a{font-size:14px; line-height:14px; font-weight:bold; color:#FFFFFF; background:#3B619F; padding:10px 0px 9px; margin-right:4px; text-decoration:none; border-top:1px solid #3B619F; border-right:1px solid #3B619F; border-left:1px solid #3B619F; border-bottom:none; float:left; width: 150px; max-width: 32%; text-align: center;} .solution_tab a:last-child {margin-right: 0;} .solution_tab a:hover{color:#FFFFFF; background:#2A4572; border-top:1px solid #2A4572; border-right:1px solid #2A4572; border-left:1px solid #2A4572;} .solution_tab a.active:hover{color:#888888; box-shadow:none;} .description-with-sidebar .product_description { float: left; width: calc(100% - 255px);} /*----- Solutions Sidebar Style -----*/ .solutions_sidebar{width:240px; float:right;} .inc-content-container > .solutions_sidebar{ float: none; width: auto;} .inc-content-container > .chat-container { padding: 0} .col-right .solutions_sidebar { width: auto; float: none;} .col-right .contact-box, .contact-box .title, .contact-box .contact-boxbody{ width: auto; float: none;} .solutions_sidebar .side-box{ margin:0 0 15px 0; position:relative;} .solutions_sidebar .side-box .box{ position:relative; padding:0; margin:0;} .solutions_sidebar .side-box .box .title{ height:35px; padding:0 0 0 10px; font-size:15px; line-height:38px; color:#FFFFFF; text-align:left;} .solutions_sidebar .side-box .box .titlebar{background-color:#666666; margin:0px;} .solutions_sidebar .side-box .box .titlebar a{color:#FFFFFF; text-decoration:none;} .solutions_sidebar .side-box .box .titlebar a:hover{text-decoration:underline;} .solutions_sidebar .side-box .box .boxbody{ padding:10px; background-color:#FFFFFF; border:1px solid #B6BCBF; border-top:none;} .solutions_sidebar .side-box .box .boxbody h1{font-size:18px; line-height:20px; color:#333333; font-weight:bold; margin:0 0 10px 0;} .solutions_sidebar .side-box .box .boxbody p{font-size:16px; line-height:18px; color:#333333; font-weight:normal; margin:0 0 16px 0;} .solutions_sidebar .side-box .box .boxbody p .quote{font-style:italic;} .solutions_sidebar .side-box .box .boxbody p .author{font-size:14px; margin:20px 0 0 0; display:block;} .solutions_sidebar .side-box .box .boxbody p .company{font-size:14px; font-weight:normal; margin:0;} .solutions_sidebar .box .listbody{ padding:5px; background-color:#FFFFFF; border:1px solid #B6BCBF; border-top:none;} .solutions_sidebar .box .listbody ul{list-style:none; margin:0; padding:0;} .solutions_sidebar .box .listbody ul li{border-bottom:1px solid #B6BCBF; font-size:12px; font-weight:normal; line-height:14px; display: table; width: 100%;} .solutions_sidebar .box .listbody ul li a{width:157px; height:44px; color:#333333; padding:0 10px 0 65px; display:table-cell; vertical-align:middle; text-decoration:none; background-position:10px center;} .solutions_sidebar .box .mfg ul li a{text-transform:none; font-size:12px;} .solutions_sidebar .box .listbody ul li a:hover{text-decoration:underline; color:#333333;} .solutions_sidebar .box .videobody{width:228px; padding:5px; background-color:#FFFFFF; border:1px solid #B6BCBF; border-top:none; float:left;} .solutions_sidebar .box .videobody ul{list-style:none; width:228px; margin:0; padding:0; float:left;} .solutions_sidebar .box .videobody ul li{border-bottom:1px solid #B6BCBF; font-size:10px; font-weight:bold; line-height:12px; text-transform:uppercase; float:left; vertical-align:middle;} .solutions_sidebar .box .videobody img{width:50px; height:50px; padding-right:10px;} .solutions_sidebar .box .videobody ul li a{width:157px; height:44px; color:#333333; padding:0 10px 0 65px; display:table-cell; vertical-align:middle; text-decoration:none; background-position:10px center;} .solutions_sidebar .box .videobody ul li a:hover{background-color:#E6ECF2; color:#333333;} /* Testimonials Box */ .solutions_sidebar .side-box .box a.button_testimonials{width:192px; height:41px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/button_testimonials.png) top left no-repeat; display: inline-block; margin-left:12px;} .solutions_sidebar .side-box .box a.button_testimonials:hover{ background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/button_testimonials.png) bottom left no-repeat;} /* Case Studies Box */ .solutions_sidebar .side-box .box .boxbody .casestudies-image{width:80px; height:80px; float:right;} .solutions_sidebar .side-box .box a.button_casestudies{width:192px; height:41px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/button_casestudies.png) top left no-repeat; display: inline-block; margin-left:12px;} .solutions_sidebar .side-box .box a.button_casestudies:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/button_casestudies.png) bottom left no-repeat;} /* Email Box */ .solutions_sidebar .box .email_img{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/sidebox_bg_email.png) 4px 18px no-repeat;} .solutions_sidebar .side-box .box .boxbody p.email{margin:5px -5px 16px 45px;} input.email_signup{width:200px; padding:8px 8px; border:1px solid #B6BCBF; margin:5px 0 20px 0; float:left; font-size:14px; font-style:italic; color:#B6BCBF; text-align:left;} input.email_signup:focus{font-style:normal; color:#333333;} input.button_email{width:192px; height:41px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/button_email.png) top left no-repeat; display: inline-block; margin-left:12px; border:0;} input.button_email:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/button_email.png) bottom left no-repeat; cursor:pointer;} /* CEO Box */ .solutions_sidebar .side-box .box .ceo_img{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/sidebox_bg_ceo.png) left top no-repeat;} .solutions_sidebar .box .boxbody p.ceo{margin:10px -10px 26px 80px; font-size:16px; line-height:20px; color:#333333;} .solutions_sidebar .box .boxbody p.ceo em{font-style:italic; color:#888888; margin:8px 0 0 0; display:block;} .solutions_sidebar .box a.button_ceo{width:192px; height:41px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/button_ceo.png) top left no-repeat; display: inline-block; margin-left:12px;} .solutions_sidebar .box a.button_ceo:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/button_ceo.png) bottom left no-repeat;} /* Solutions Box */ .solutions_sidebar .side-box .box .solutions_img{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/sidebox_bg_solutions.png) 12px 27px no-repeat;} .solutions_sidebar .box .boxbody p.solutions{margin:15px 0 20px 70px;} .solutions_sidebar .box .boxbody p.solutions strong{display:block; margin-bottom:10px;} .solutions_sidebar .box a.button_solutions{width:192px; height:41px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/button_solutions.png) top left no-repeat; display: inline-block; margin-left:12px;} .solutions_sidebar .box a.button_solutions:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/button_solutions.png) bottom left no-repeat;} /* Why BarcodesInc Box */ .solutions_sidebar .box .whybody{ padding:10px 10px 0 10px; background-color:#FFFFFF; border-top:none; border-left:1px solid #B6BCBF; border-bottom:1px solid #B6BCBF; border-right:1px solid #B6BCBF;} .solutions_sidebar ul.why{list-style:none; margin:0; padding:0;} .solutions_sidebar ul.why li{padding:0 0 10px 30px; margin:0 0 10px 0; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/green_check_small.png) 0 0 no-repeat; color:#888888; font-size:12px; border-bottom:1px solid #B6BCBF;} .solutions_sidebar ul.why li strong{font-weight:bold; display:block; color:#333333;} /* Why Partners Box */ .solutions_sidebar .side-box .box .title-partner{ padding:10px; text-align:center; border:1px solid #B6BCBF;} .solutions_sidebar .box .why-partnerbody{ padding:10px 10px 0 10px; background-color:#F2F2F2; border-top:none; border-left:1px solid #B6BCBF; border-bottom:1px solid #B6BCBF; border-right:1px solid #B6BCBF;} .solutions_sidebar .why-partnerbody .title-premier{ font-weight:bold; color:#333333; padding:0; margin:0 0 15px 0; background:none; width:100%; display: block;} .solutions_sidebar ul.why-partner{list-style:none; margin:0; padding:0;} .solutions_sidebar ul.why-partner li{padding:0 0 10px 30px; margin:0 0 10px 0; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/green_check_small.png) 0 0 no-repeat; color:#333333; font-size:13px;} .solutions_sidebar ul.why-partner li strong{font-weight:bold; display:block; color:#333333;} /*----- Solution Background Icon Images -----*/ a.administration{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_administration.png) 15px center no-repeat;} a.administration:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_administration.png) 15px center no-repeat;} a.age{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_age.png) 15px center no-repeat;} a.age:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_age.png) 15px center no-repeat;} a.access{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_access.png) 15px center no-repeat;} a.access:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_access.png) 15px center no-repeat;} a.accesspanel{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_accesspanel.png) 15px center no-repeat;} a.accesspanel:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_accesspanel.png) 15px center no-repeat;} a.accessreader{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_accessreader.png) 15px center no-repeat;} a.accessreader:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_accessreader.png) 15px center no-repeat;} a.asset{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_asset.png) 15px center no-repeat;} a.asset:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_asset.png) 15px center no-repeat;} a.barcodelabel{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_barcodelabel.png) 15px center no-repeat;} a.barcodelabel:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_barcodelabel.png) 15px center no-repeat;} a.barcodeprinter{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_barcodeprinter.png) 15px center no-repeat;} a.barcodeprinter:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_barcodeprinter.png) 15px center no-repeat;} a.barcodescanner{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_barcodescanner.png) 15px center no-repeat;} a.barcodescanner:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_barcodescanner.png) 15px center no-repeat;} a.barcodeverifier{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_barcodeverifier.png) 15px center no-repeat;} a.barcodeverifier:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_barcodeverifier.png) 15px center no-repeat;} a.bedside{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_bedside.png) 15px center no-repeat;} a.bedside:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_bedside.png) 15px center no-repeat;} a.cashdrawer{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_cashdrawer.png) 15px center no-repeat;} a.cashdrawer:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_cashdrawer.png) 15px center no-repeat;} a.checkin{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_checkin.png) 15px center no-repeat;} a.checkin:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_checkin.png) 15px center no-repeat;} a.custom{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/icon_custombarcode.png) 15px center no-repeat;} a.custom:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/icon_hover_custombarcode.png) 15px center no-repeat;} a.dvr{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_dvr.png) 15px center no-repeat;} a.dvr:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_dvr.png) 15px center no-repeat;} a.ecitation{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_police.png) 15px center no-repeat;} a.ecitation:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_police.png) 15px center no-repeat;} a.events{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_events.png) 15px center no-repeat;} a.events:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_event.png) 15px center no-repeat;} a.evidence{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_evidence.png) 15px center no-repeat;} a.evidence:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_evidence.png) 15px center no-repeat;} a.firstresponder{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_firstresponder.png) 15px center no-repeat;} a.firstresponder:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_firstresponder.png) 15px center no-repeat;} a.fixedterminal{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_fixedterminal.png) 15px center no-repeat;} a.fixedterminal:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_fixedterminal.png) 15px center no-repeat;} a.font{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/icon_font.png) 15px center no-repeat;} a.font:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/icon_hover_font.png) 15px center no-repeat;} a.id{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_id.png) 15px center no-repeat;} a.id:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_id.png) 15px center no-repeat;} a.idprinting{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_idprinter.png) 15px center no-repeat;} a.idprinting:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_idprinter.png) 15px center no-repeat;} a.idsoftware{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_idsoftware.png) 15px center no-repeat;} a.idsoftware:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_idsoftware.png) 15px center no-repeat;} a.inventory{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_inventory.png) 15px center no-repeat;} a.inventory:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_inventory.png) 15px center no-repeat;} a.label{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_label.png) 15px center no-repeat;} a.label:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_label.png) 15px center no-repeat;} a.mobile{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_mobile.png) 15px center no-repeat;} a.mobile:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_mobile.png) 15px center no-repeat;} a.mobilecomputer{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_mobilecomputer.png) 15px center no-repeat;} a.mobilecomputer:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_mobilecomputer.png) 15px center no-repeat;} a.mobility{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_field.png) 15px center no-repeat;} a.mobility:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_field.png) 15px center no-repeat;} a.modem{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_modem.png) 15px center no-repeat;} a.modem:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_modem.png) 15px center no-repeat;} a.package{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_package.png) 15px center no-repeat;} a.package:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_package.png) 15px center no-repeat;} a.paymentterminal{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_paymentterminal.png) 15px center no-repeat;} a.paymentterminal:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_paymentterminal.png) 15px center no-repeat;} a.pharmacy{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_pharmacy.png) 15px center no-repeat;} a.pharmacy:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_pharmacy.png) 15px center no-repeat;} a.portableprinter{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_portableprinter.png) 15px center no-repeat;} a.portableprinter:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_portableprinter.png) 15px center no-repeat;} a.pos{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_pos.png) 15px center no-repeat;} a.pos:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_pos.png) 15px center no-repeat;} a.preprinted{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/icon_preprintedbarcode.png) 15px center no-repeat;} a.preprinted:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/icon_hover_preprintedbarcode.png) 15px center no-repeat;} a.printing{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_printing.png) 15px center no-repeat;} a.printing:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_printing.png) 15px center no-repeat;} a.receiptprinter{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_receiptprinter.png) 15px center no-repeat;} a.receiptprinter:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_receiptprinter.png) 15px center no-repeat;} a.rfid{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_rfid.png) 15px center no-repeat;} a.rfid:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_rfid.png) 15px center no-repeat;} a.route{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_route.png) 15px center no-repeat;} a.route:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_route.png) 15px center no-repeat;} a.security{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_security.png) 15px center no-repeat;} a.security:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_security.png) 15px center no-repeat;} a.smartcardreader{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_smartcardreader.png) 15px center no-repeat;} a.smartcardreader:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_smartcardreader.png) 15px center no-repeat;} a.software{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_software.png) 15px center no-repeat;} a.software:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_software.png) 15px center no-repeat;} a.surveillance{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_surveillance.png) 15px center no-repeat;} a.surveillance:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_surveillance.png) 15px center no-repeat;} a.switch{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_switch.png) 15px center no-repeat;} a.switch:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_switch.png) 15px center no-repeat;} a.tablet{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_tablet.png) 15px center no-repeat;} a.tablet:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_tablet.png) 15px center no-repeat;} a.thermalprinter{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_thermalprinter.png) 15px center no-repeat;} a.thermalprinter:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_thermalprinter.png) 15px center no-repeat;} a.time{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_time.png) 15px center no-repeat;} a.time:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_time.png) 15px center no-repeat;} a.touchscreen{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_touchscreen.png) 15px center no-repeat;} a.touchscreen:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_touchscreen.png) 15px center no-repeat;} a.tracking{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_tracking.png) 15px center no-repeat;} a.tracking:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_tracking.png) 15px center no-repeat;} a.verification{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_verification.png) 15px center no-repeat;} a.verification:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_verification.png) 15px center no-repeat;} a.warehouse{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_warehouse.png) 15px center no-repeat;} a.warehouse:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_warehouse.png) 15px center no-repeat;} a.warranty{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/icon_warranty.png) 15px center no-repeat;} a.warranty:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/icon_hover_warranty.png) 15px center no-repeat;} a.wireless{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_wireless.png) 15px center no-repeat;} a.wireless:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_wireless.png) 15px center no-repeat;} a.wristband{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_wristband.png) 15px center no-repeat;} a.wristband:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_wristband.png) 15px center no-repeat;} a.wristbandprinting{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_wristbandprinting.png) 15px center no-repeat;} a.wristbandprinting:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_wristbandprinting.png) 15px center no-repeat;} a.workinprogress{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_workinprogress.png) 15px center no-repeat;} a.workinprogress:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_workinprogress.png) 15px center no-repeat;} a.case-study{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/icon_case-study.png) 15px center no-repeat;} a.case-study:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/icon_hover_case-study.png) 15px center no-repeat;} a.ebook{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/icon_pdf.png) 15px center no-repeat;} a.ebook:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/icon_hover_pdf.png) 15px center no-repeat;} a.guide{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/icon_guide.png) 15px center no-repeat;} a.guide:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/icon_hover_guide.png) 15px center no-repeat;} a.pdf{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/icon_pdf.png) 15px center no-repeat;} a.pdf:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/icon_hover_pdf.png) 15px center no-repeat;} a.solution{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/icon_solution.png) 15px center no-repeat;} a.solution:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/icon_hover_solution.png) 15px center no-repeat;} a.video{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_video.png) 15px center no-repeat;} a.video:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_video.png) 15px center no-repeat;} /*----- Product Background Icon Images -----*/ a.fedgov{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_fedgov.png) 15px center no-repeat;} a.fedgov:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_fedgov.png) 15px center no-repeat;} a.healthcare{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_healthcare.png) 15px center no-repeat;} a.healthcare:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_healthcare.png) 15px center no-repeat;} a.hospitality{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hospitality.png) 15px center no-repeat;} a.hospitality:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_hospitality.png) 15px center no-repeat;} a.library{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_library.png) 15px center no-repeat;} a.library:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_library.png) 15px center no-repeat;} a.manufacturing{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_manufacturing.png) 15px center no-repeat;} a.manufacturing:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_manufacturing.png) 15px center no-repeat;} a.retail{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_retail.png) 15px center no-repeat;} a.retail:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_retail.png) 15px center no-repeat;} a.stategov{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_stategov.png) 15px center no-repeat;} a.stategov:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_stategov.png) 15px center no-repeat;} a.transport{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_transport.png) 15px center no-repeat;} a.transport:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_transport.png) 15px center no-repeat;} a.veterans{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_veterans.png) 15px center no-repeat;} a.veterans:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_veterans.png) 15px center no-repeat;} a.utilities{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_utilities.png) 15px center no-repeat;} a.utilities:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/solutions/icon_hover_utilities.png) 15px center no-repeat;} /*----- Support pages -----*/ .contact_us{list-style:none; margin:0; padding:0; border-bottom:1px solid #B6BCBF;} .contact_details{list-style:none; margin:22px 0 0 0; padding:0 0 0 50px;} .contact_details .call{float:left; padding-left:30px; margin:0 0 15px; background:url(../barcodesinc/images/old-homepage-and-footer/contact-box-icon-phone.png) 0 center no-repeat; font-size:18px; line-height:26px; font-weight:bold; color:#F68819;} .contact_details .time{float:left; padding-left:10px; font-size:13px; font-weight:normal; font-style:italic; color:#777777; text-shadow:0 1px 1px #FFFFFF; margin:6px 0 15px;} .contact_details a.chat{width:100%; float:left; padding:0 0 0 30px; margin:0 0 15px; background:url(../barcodesinc/images/old-homepage-and-footer/contact-box-icon-chat.png) 0 center no-repeat; font-size:16px; line-height:32px; font-weight:bold; color:#3B619F;} .contact_details a.email{width:100%; float:left; padding:0 0 0 30px; margin:0 0 5px 0; background:url(../barcodesinc/images/old-homepage-and-footer/contact-box-icon-email.png) 0 center no-repeat; font-size:16px; line-height:24px; font-weight:bold; color:#3B619F;} .contact_details a.chat:hover, .contact_details a.email:hover{text-decoration:underline;} .contact_details .text{float:left; padding:0 0 24px 35px; font-size:13px; font-weight:normal; font-style:italic; color:#777777; text-shadow:0 1px 1px #FFFFFF;} ul.support_table{margin-bottom:0px;} ul.support_table li{font-size:12px; font-weight:normal; line-height:16px; text-transform:none; width: 50%;} ul.support_table li a{width:auto; color:#333333; padding:15px 15px 15px 70px; display:block; vertical-align:middle; text-decoration:none; font-weight:normal; height: auto} ul.support_table li a:hover{background-color:#faf9ee; box-shadow:inset 0 0 20px #eae7ce;} ul.support_table li a strong{font-size:11px; font-weight:bold; text-transform:uppercase; display:block; margin:0 0 2px 0;} ul.support_table li .spacer{width:244px; height:80px; color:#333333; padding:0 15px 0 70px; display:table-cell; text-decoration:none; vertical-align:top;} .contact_img_bg{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/contact_details_bg.png) right 29px no-repeat;} .contact_img_bg2{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/contact_details2_bg.png) right 29px no-repeat;} .contact_img_bg3{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/contact_details3_bg.png) right 29px no-repeat;} .contact_img_bg4{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/contact_details4_bg.png) right 29px no-repeat;} .about_list{ font-size:14px; line-height:20px; color:#333333; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/about_gradient.png) top left repeat-x #f3f3f3; padding:16px 25px; margin-bottom:2px; border-bottom:1px solid #F2F2F2; box-sizing: border-box;} .about_list img{float:left; margin:5px 20px 0 0;} .about_list span{ font-size:18px; font-weight:normal; color:#333333; margin:2px 0 3px 60px; display: block} .about_list p{margin:0 0 0 60px; padding:0;} ul.testimonial_table{width:660px; float:left; list-style:none; margin:15px 0; padding:0;} ul.testimonial_table li{width:310px; height:93px; float:left; padding:4px 15px 8px 4px; margin:0 0 2px 0; background-color:#F2F2F2;} ul.testimonial_table li.left2{margin-right:2px;} ul.testimonial_table li img{float:left; margin:5px 10px 0 5px; padding:0; border:1px solid #B6BCBF;} ul.testimonial_table li p{float:left; width:205px; padding:3px 0 0 0; margin:0; color:#333333; font-weight:normal; text-transform:none;} .barcode_clients{float:left; margin:30px 0;} .contact_item{ margin:0; padding:25px 0; border-bottom:1px solid #B6BCBF; font-size:14px; line-height:20px; color:#333333;} .contact_item img{float:left; margin-right:25px;} .contact_item .title{font-size:18px; font-weight:bold; line-height:20px; margin:3px 0 12px 0; padding:0; color:#888888; clear:none; float:none;} .contact_item p{width:500px; float:left; margin:0; padding:0;} .contact_item a{font-weight:bold; text-decoration:none;} .contact_item a:hover{text-decoration:underline;} /*----- CEO Message Page Styles -----*/ .ceo_mainimage{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/ceo_main_image.jpg) 350px 55px no-repeat;} .ceo_mainimage h1{margin-top:25px; margin-bottom:10px;} .ceo_mainimage p{width:390px; font-size:14px; line-height:21px; color:#333333; margin-bottom:10px; background:#F2F2F2; padding:20px; border:5px solid #3B619F; max-width: 100%;} .ceo_mainimage img{margin:10px 15px 0 0; float:left;} .ceo_mainimage p strong{margin:40px 0 0 20px; float:left;} .ceo_mainimage p em{margin:40px 0 0 0; float:left; font-size:12px;} /*----- Support Icon Images -----*/ a.barcodefaq{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/support/icon_barcodefaq.png) 15px center no-repeat;} a.barcodefaq:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/support/icon_hover_barcodefaq.png) 15px center no-repeat;} a.cable{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/support/icon_cable.png) 15px center no-repeat;} a.cable:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/support/icon_hover_cable.png) 15px center no-repeat;} a.manufacturer{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/support/icon_manufacturer.png) 15px center no-repeat;} a.manufacturer:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/support/icon_hover_manufacturer.png) 15px center no-repeat;} a.orderoptions{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/support/icon_orderoptions.png) 15px center no-repeat;} a.orderoptions:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/support/icon_hover_orderoptions.png) 15px center no-repeat;} a.payment{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/support/icon_payment.png) 15px center no-repeat;} a.payment:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/support/icon_hover_payment.png) 15px center no-repeat;} a.printdrivers{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/support/icon_printdrivers.png) 15px center no-repeat;} a.printdrivers:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/support/icon_hover_printdrivers.png) 15px center no-repeat;} a.privacy{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/support/icon_privacy.png) 15px center no-repeat;} a.privacy:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/support/icon_hover_privacy.png) 15px center no-repeat;} a.returns{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/support/icon_returns.png) 15px center no-repeat;} a.returns:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/support/icon_hover_returns.png) 15px center no-repeat;} a.shipping{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/support/icon_shipping.png) 15px center no-repeat;} a.shipping:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/support/icon_hover_shipping.png) 15px center no-repeat;} a.terms{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/support/icon_terms.png) 15px center no-repeat;} a.terms:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/support/icon_hover_terms.png) 15px center no-repeat;} a.testimonials{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/support/icon_testimonials.png) 15px center no-repeat;} a.testimonials:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/support/icon_hover_testimonials.png) 15px center no-repeat;} a.warranties{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/support/icon_warranties.png) 15px center no-repeat;} a.warranties:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/support/icon_hover_warranties.png) 15px center no-repeat;} /*----- Promo Pages -----*/ #promo-description{width:918px; float:left; padding:5px 20px 25px; border:1px solid #B6BCBF; position:relative;} #promo-description h1{font-size:30px; color:#363636; line-height:30px; width:100%; float:left; margin:25px 0 5px 0;} #promo-description h2{font-size:18px; color:#999999; line-height:20px; font-weight:bold; margin-top:5px; float:left;} #promo-description h3{font-size:18px; color:#333333; line-height:20px; font-weight:bold; margin-top:5px; float:left;} #promo-description p{font-size:16px; line-height:20px; color:#333333; display:block; float:left; width:100%; *padding:15px 0;} #promo-description a{font-weight:bold;} #promo-description a.logo{height:35px; width:182px; border:none; margin-top:12px; float:left; z-index:980;} #promo-description .search{float:left; background-color:#FFFFFF; border:solid 5px #F2F2F2; margin:5px 0 0 0;} #promo-description .search form{width:368px; height:42px; border:1px solid #B6BCBF; box-shadow:inset 0 0 7px #d1d1d1; float:left;} #promo-description .search form .searchfield, #promo-description .search form .searchspring-query{width:300px; height:28px; border:none; float:left; color:#777777; padding-left:5px; margin:6px 0 0 6px; vertical-align:middle;} #promo-description .search form .searchbutton{border:0; width:50px; height:44px; float:right; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/button_search.png) top left no-repeat; margin:-1px -1px 0 0; padding:0; cursor:pointer;} #promo-description .search form .searchbutton:hover{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/button_search.png) bottom left no-repeat;} #promo-description .shadow{height:15px; width:960px; position:absolute; bottom:-14px; left:0;} #promo-description .like{width:90px; position:absolute; top:25px; right:25px;} #promo-description .like div{padding:10px 0;} /*----- CSS button -----*/ .btn{display:inline-block; margin:0; padding:3px 0; border-width:0; overflow:visible; text-decoration:none; color:#333333;} .btn span{background:#ddd url(https://cdn.barcodesinc.com/themes/barcodesinc/images/icons/bg-button.gif) repeat-x 0 0; margin:0; padding:3px 0; border-left:1px solid #BBBBBB; border-right:1px solid #999999;} * html .btn span{padding-top:0;} .btn span span{position:relative; padding:3px .4em; border-width:0; border-top:1px solid #BBBBBB; border-bottom:1px solid #999999;} /* only needed if implementing separate hover/focus/active state for buttons */ .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span{cursor:pointer; border-color:#99CCFF !important; color:#000000;} .btn:active span{background-position:0 -400px; outline:none;} .btn:focus, .btn:active{outline:none;} /*----- cross sell -----*/ table.addons tr{border-top:1px solid #B6BCBF;} table.addons td{padding-top:0.5em; padding-bottom:0.5em; padding-right:1em; vertical-align:top; font-size:11px;} table.addons .price{color:#F68819; font-size:15px;} /*----- mfgs/glossary page -----*/ .mfgs_body { margin-bottom: 30px;} .mfgs_body h1{font-size:20px; color:#363636; font-weight:bold; margin:0 0 5px 0;} .mfgs_body .h2{font-size:18px; color:#999999; line-height:20px; font-weight:bold; margin-top:10px;} .mfg-top-brands{ border:1px solid #B6BCBF; padding:10px; box-sizing: border-box} .mfg-top-brands img { max-width: 100%;} .mfg-top-brands .title{ height:35px; padding:0 5px 0 15px; margin:15px 0 5px -10px; font-size:20px; line-height:35px; color:#FFFFFF; text-align:left; background-color:#F68819; display: inline-block} .brands-list .title{font-weight:bold; font-size:20px;} .brands-list ul.brand-dir{list-style-type:none; border-top:1px solid #B6BCBF; border-bottom:1px solid #B6BCBF; margin:0; padding:15px 15px 5px 20px; font-weight:bold; font-size:16px;} .brands-list .brand-dir li{float:left; list-style-type:none; text-align:left; margin:0; padding:0 11px; margin-bottom: 10px;} .brands-list .brand-group{ margin:15px 0;} .brands-list .brand-letter{ padding:0 20px; margin:0; font-size:20px; font-weight:bold; color:#FFFFFF; text-align:left; background-color:#F68819;} .brands-list .totop{float:right; padding:0; margin:0; font-size:10px; font-weight:bold; margin-top:5px;} .brands-list ul.brands{list-style:none; margin:15px 0 0 0; padding:0; line-height:1.5em;} .brands-list ul.brands li{float:left; width:170px; margin:0 20px 0 0;} .brands-list .brands .top{font-weight:bold;} .brands-list ul.terms{ list-style:none; margin:0; padding:0; line-height:1.5em;} .brands-list ul.terms li{ margin:20px 0 0 0;} .brands-list ul.terms li a{font-weight:bold;} /*----- mfg_index -----*/ td#leftcol{width:calc(100% - 10px); vertical-align:top;} #rightcol{width:246px; vertical-align:top;} #leftcol h3, .searchresults h3, .categorycontent h3{font-size:12px; color:#FFFFFF; background:#999999; padding:2px; padding-left:7px; margin:0; margin-bottom:0.5em;} .categorycontent #body_container_520 { width: calc(100% - 250px)} .categorycontent .shadow_body770 { display: none} .mfg_index .shadow_body700 { width: 100%; box-sizing: border-box } .mfg_index h3{font-size:18px !important; color:#333333 !important; line-height:18px !important; margin:0 0 .25em 0 !important; background:none !important; padding-left:0 !important; font-weight:normal;} .mfg_cats{margin-top:15px; margin-bottom: 20px; padding:5px 20px 20px; border:1px solid #B6BCBF; } .mfg_cats h3{font-size:20px !important; color:#FFFFFF !important; margin:15px 0 20px -20px !important; padding:10px 10px 10px 25px !important; background:#F68819 !important; font-weight:bold; float:left;} .mfg_index_cats{clear:both; width: 100%} .mfg_index_cats img{padding:5px 34px 0;} .mfg_index_cats table{margin:0; padding:0; float:left; text-align:left; width:25%; border-collapse:collapse; display: block} .mfg_index_cats table.left{border-right:1px solid #B6BCBF;} .mfg_index_cats table.left:last-child { border-right: none;} .mfg_index_cats table.top{border-bottom:1px solid #B6BCBF;} .mfg_index_cats table .category-title { display: block;padding-top: 10px;} .mfg_index_cats table td { text-align: center; padding: 10px;} .mfg_index_cats span { display: block; margin:0 10px 10px 10px; font-weight:bold;} .mfg_top{margin-top:0.5em; padding:5px 20px 20px; border:1px solid #B6BCBF; margin-bottom: 20px;} .mfg_top h3{font-size:20px !important; color:#FFFFFF !important; margin:15px 0 20px -20px !important; padding:10px 10px 10px 25px !important; background:#F68819 !important; font-weight:bold; display: inline-block} .mfg_top_products{padding:0; margin:0; width:100%;} .mfg_top_products table{float:left; width:216px; height:150px; margin:0; padding:0;} .mfg_top_products td{float:left; vertical-align:top; text-align:left; padding:0; margin:0; font-weight:bold;} .mfg_top_products td.img{float:left; margin:0 63px;} .mfg_top_products td.name{float:left; margin:10px; vertical-align:top; width:195px; text-align: center} .mfg_top_products td.price{float:left; padding:0.15em; padding-top:0;} .mfg_top_products .whitebg_cab_aslowas{ padding-top:0.5em; font-size:12px; display: block} .mfg_top_products .whitebg_cab_orangeprice{font-size:18px; display: block} .mfg_top_products .a-center { padding-bottom: 15px;} .mfg_products{padding:5px 20px 25px; border:1px solid #B6BCBF; margin-bottom: 15px;} .modeltable{margin-top:0.5em; width:100%;} .modeltable a{font-weight:bold;} .modeltable p{margin:0; margin-top:0.5em; margin-bottom:0.5em;} table.modeltable{border:1px solid #FFFFFF; border-collapse:collapse;} table.modeltable td{border-bottom:1px solid #DFE3E4;} table.modeltable td.img{padding:0.5em; padding-right:1em; width: 120px;} table.modeltable td.img img { height: auto} .subcatpricerowprice{padding-right:1em;} #rightcol .chatnowtext{color:#677F91; font-size:11px; line-height:14px; float:left;} #rightcol .chatnowtext, .lightbluecurvedbrc_content p{font-size:11px; color:#677F91; line-height:14px;} .lightbluecurvedbrc_content h3{margin:0; margin-bottom:-0.25em; font-size:15px; color:#F68819;} /*----- Cross sell -----*/ .helpcheckouttext{color:#9FAEB9; line-height:13px; margin:0; padding:0;} .helpcheckoutphone{margin:0; padding:0;} /*----- Department -----*/ table.mfgtable{border:1px solid #FFFFFF; border-top:1px solid #DFE3E4; border-collapse:collapse;} table.mfgtable td{width:33%; vertical-align:top; border:1px solid #DFE3E4; border-style:inset; padding:1em;} table.mfgtable p.img{text-align:center;} div.float td{border:0;} /*----- category -----*/ div.float{float:left; height:50px; width:100px;} div.float table, div.float p{width:120px; height:120px;} div.float img{padding-bottom:0.5em;} div.float p{text-align:center;} .category table.mfgtable, .category table.mfgtable td{border:0px solid #FFFFFF;} /*----- Brand index -----*/ table.mfgindextable{border:1px solid #FFFFFF; border-collapse:collapse;} table.mfgindextable td{width:33%; vertical-align:top; border:1px solid #DFE3E4; border-style:inset; padding:1em;} table.mfgindextable a.img{display:block; height:50px;} .allbrandsslot img{padding-top:1em;} .allbrandsslot p{margin:0;} /*----- Model -----*/ p.lead{color:#F68819; font-size:14px; font-weight:bold; padding-top:0px; margin-top:0px;} h3.topall{font-size:12px; color:#FFFFFF; background:#999999; padding:2px; padding-left:7px; margin-bottom:0px;} .otherpart .kit, .kit{background-color:#fef3e8;} .standardfeatures{border-top:#B6BCBF 1px solid; padding-left:7px;} .orange, .justorange, .modelpriceprice, .kit .modelname, .accent{color:#F68819;} .modelpriceprice{font-size:15px; font-weight:bold;} .modelprice{color:#999999; font-size:13px;} div.feature{float:left; text-align:center; width:120px; height:160px;} .pricecell form{padding-top:2px; margin:0 11px; width:135px;} .pricecell .search_mouse_over{margin:0 3.5px;} .stripe{width:100%;} .stripe th{padding:0.5em;} .stripe .title{font-size:13px; line-height:13px; text-align:left; color: #fff;padding: 0.5em; font-weight: bold} .stripe .title a:link{text-decoration:none; color: #fff} .stripe .title a:hover{text-decoration:underline;} .stripe .viewall{text-align:right; font-weight:normal;} .stripe, .stripe th{background:#999999;} .partcell{padding:25px 0 !important;} .partcell .search_results_image, .partcell img{} .producttable .partcell { width: 18%; } #partstable .description, .search_result_description, #partstable div.description{color:#333333; width:100%;} #partstable .call-for-price{width:137px;} #partstable td { padding: 5px;} .large-only .add-on-label { display: none} .add-ons-table .add-on-column { padding-left: 10px; } .part{white-space:nowrap;} .addtocart-section{width:155px;} div.related, div.relatedcart, .sidebar div.alsobought{border:1px solid #B6BCBF; border-top:0; background-color:#FFFFFF; padding:5px;} div.related p, div.relatedcart p{margin:0px; padding:0.5em;} .relatedbutton{text-align:right; padding-top:5px; cursor:pointer;} .sidebar table.related td, .sidebar table.relatedcart td, .sidebar .alsobought table table td{font-size:11px; border-bottom:1px solid #B6BCBF;} .sidebar table:not(.wizard-table) td{padding:0.5em;} .pr-snippet-read-write, .pr-snippet-stars, .pr-snippet-wrapper { border: none !important; background: none !important;} .ad{margin-top:1em; margin-bottom:1em;} .note{background-color:#EEEEEE; border:#DDDDDD 1px solid; padding:5px;} .imgcell{text-align:right;} .sidebar h3 table{width:100%;} .sidebar h3 table td{padding:0; font-size:11px;} .sidebar h3{font-size:11px; margin-top:1em; margin-bottom:0px; padding:4px 9px; background:#2D64A0; font-weight:bold; color:#FFFFFF;} .col-left.sidebar h3 { color: #333333} .producttable{border-bottom:1px solid #B6BCBF; border-collapse:collapse; width:100%; margin-bottom:10px;} #tabs-container .producttable, #part_body_container .producttable{border-bottom:none;} .producttable td, .producttable th{padding:1em .5em;} .producttable th{white-space:nowrap; background:#FFFFFF; border-bottom:2px solid #B6BCBF; color:#000000; text-transform:uppercase; font-size:11px; text-align:left;} .producttable td{vertical-align:top; border-left:0 !important; border-right:0 !important; border-bottom:0 !important; border-top:1px solid #B6BCBF; padding:25px;} .producttable td .modelname a, .producttable td .modelname a:hover{color:#333333;} .producttable td .modelname a b{font-size:16px !important; font-weight:600;} .table td, .table th{vertical-align:top;} .producttable td.pricecell{color:#000000; font-weight:bold; font-size:16px; padding:25px 0; text-align:center !important;} div.alsobought table td{padding:0px; padding-top:2px; padding-bottom:2px; vertical-align:top;} div.alsobought table td.img{padding-right:12px;} /*----- Brand page -----*/ .brandblocks_wrap{width:690px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/contentdividers_bg.png) top left repeat-y; display:inline; float:left;} .brandblocks{width:220px; padding:5px 4px 0px 5px; display:inline; float:left;} .brandproductimgslot{width:90px; height:100px; display:inline; float:left;} .brandproductcopy{width:119px; padding:14px 0px 0px 8px; font-size:12px; display:inline; float:right;} p.brandtype{padding-bottom:5px; font-size:12px; font-weight:bold;} /*----- bc_common.css -----*/ /* resets went here */ .imgfleft{margin:0; padding:5px 10px 0px 0px; float:left;} .imgfleftjustleft{margin:0px; padding:0px; float:left;} .imgflrightjustright{margin:0px; padding:0px; float:right;} .imgflright{margin:0; padding:5px 0px 0px 10px; float:right;} .clearfix:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;} * html .clearfix{zoom:1;} /* IE6 */ *:first-child+html .clearfix{zoom:1;} /* IE7 */ .red{color:#D92D43;} .boldred{color:#D92D43; font-weight:bold;} .copyright{font-size:9px; vertical-align:super;} .greyheaders a, .greyheaders a:active, .greyheaders a:visited{color:#FFFFFF; text-decoration:none;} .greyheaders a:hover{color:#FFFFFF; text-decoration:underline;} /*----- bc_commonsub.css -----*/ h1.whq, h2.whq, h3.whq, h4.whq{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:18px; color:#333333; font-weight:bold; text-align:left;} /* feature */ div#featurewrap{width:690px; padding-top:14px; line-height:15.5px; display:inline; float:left;} div.featuretext {padding-bottom:8px; font-size:12px; line-height:15.5px; text-align:left; display:inline; float:left;} div.featuretext h1{padding-bottom:9px; padding-left:8px; line-height:20px;} div.featuretext p{padding-left:8px;} div.featuretext p.lead{color:#F68819; font-size:16px; padding-bottom:8px; padding-left:8px; font-weight:bold;} /* content */ .contentareawrap{width:690px; text-align:left; display:inline; float:left;} .greyheadertext{display:inline; float:left;} .viewall{font-weight:normal; text-align:right; display:inline; float:right;} .viewall a:link, .viewall a:active, .viewall a:visited{color:#FFFFFF; text-decoration:underline;} div#brandlogowraps{width:678px; margin:12px 0px 12px 0px; text-align:center; display:inline; float:left;} div#brandlogowraps img{padding:0px 8px; vertical-align:middle;} /*----- rightcol -----*/ #whychoosebarcodesinc{width:230px; height:100px; margin:0px 0px 9px 0px; display:inline; float:left;} div#rightcol{width:230px; margin:6px 0px 0px 22px; padding-bottom:9px; font-size:11px; color:#414042; display:inline; float:left;} .lightblue_curvedbrc_cap{width:212px; height:6px; line-height:6px; padding:0px 9px 0px 9px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/lightblue_curvedrightcolcap.png) top left no-repeat; font-weight:bold; color:#FFFFFF; display:inline; float:left;} .lightbluecurvedbrc_contentguy{width:218px; padding:0px 0px 0px 12px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/lightblue_curvedbrc_bg.png) top left repeat-y; color:#677F91; line-height:14px; display:inline; float:left;} .lightbluecurvedbrc_content{width:206px; padding:12px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/lightblue_curvedbrc_bg.png) top left repeat-y; color:#677F91; line-height:14px; display:inline; float:left;} .lightbluecurvedbrc_links{padding-top:8px;} .lightblue_curvedbrc_botts_guy{width:230px; height:6px; margin-bottom:9px; font-size:6px; line-height:6px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/lightblue_curvedbrc_botts_g.png) top left no-repeat; display:inline; float:left;} .lightblue_curvedbrc_botts{width:230px; height:6px; margin-bottom:9px; font-size:6px; line-height:6px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/lightblue_curvedbrc_botts.png) top left no-repeat; display:inline; float:left;} .phonenumber{font-style:italic; font-weight:bold; font-size:25px; color:#F68819;} .chatnowtext{width:170px; padding:5px 0px 3px 0px; float:left;} .curvedbrc_guyright{width:217px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/lb_curvedbrc_guy.png) no-repeat bottom right; display:inline; float:left;} .helpcheckoutphone{width:150px; padding-top:5px; padding-bottom:8px; color:#F68819; font-size:20px; font-weight:bold; font-style:italic; display:inline; float:left;} div#whitebg_fauxtopspacer{width:260px; height:6px; line-height:6px; font-size:6px; background:#FFFFFF; display:inline; float:left} div#whitebg_rightcolwrap{width:235px; margin:0px 0px 0px 22px; padding-bottom:9px; font-size:11px; color:#414042; display:inline; float:left;} .whitebg_blucap{width:212px; height:17px; line-height:14px; margin-top:9px; padding:4px 9px 0px 9px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/whitebg_blucap.png) top left no-repeat; font-weight:bold; color:#FFFFFF; display:inline; float:left;} .whitebg_cap_txt{width:140px; display:inline; float:left;} .whitebg_cap_viewall{width:60px; padding:0px 0px 0px 5px; color:#afc1c1; text-align:right; float:left;} .whitebg_cap_viewall a, .whitebg_cap_viewall a:active, .whitebg_cap_viewall a:visited, .whitebg_cap_viewall a:hover{color:#afc1c1; text-decoration:underline;} .whitebg_content{width:218px; padding:0px 6px 5px 6px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/whitebg_contentbg.png) top left repeat-y; display:inline; float:left;} .whitebg_fauxhr{border-top:1px solid #B6BCBF; margin:4px 0px 6px 0px; width:100%; height:1px; line-height:1px; background:#FFFFFF; float:left;} /*rightcol shopping cart*/ .whitebg_iqp_headwrap{width:200px; font-weight:bold; padding:11px 0px 0px 10px; display:inline; float:left;} .whitebg_iqp_wrap{width:200px; font-weight:normal; padding:0px 0px 8px 10px; display:inline; float:left;} .whitebg_iqp_wraplast{width:200px; font-weight:normal; padding:0px 0px 2px 10px; display:inline; float:left;} .whitebg_item{width:128px; height:12px; padding-right:3px; overflow:hidden; display:inline; float:left;} .whitebg_qty{width:19px; display:inline; float:left;} .whitebg_price{width:50px; text-align:right; display:inline; float:right;} .quickcartoptions{width:205px; padding:25px 0px 0px 10px; display:inline; float:left;} .quickcartoptions p{padding:5px 0px 0px 0px;} .editsave{width:108px; padding-right:10px; display:inline; float:left;} .checkoutquote{width:84px; height:46px; padding:0px; margin:0px; display:inline; float:right;} /*rightcol accessories*/ .whitebg_accentry_wrap{border-bottom:1px solid #B6BCBF; margin-bottom:6px; width:218px; padding-bottom:3px; font-size:11px; color:#414042; font-weight:bold; display:inline; float:left;} .whitebg_accentry_input{width:13px; margin:0px; padding:0px 11px 0px 6px; display:inline; float:left;} .whitebg_accentry_text{width:181px; line-height:15px; display:inline; float:left;} .whitebg_accentry_checkbox{margin:0px; vertical-align:top;} .recacc_price{padding-top:3px; color:#F68819;} /*rightcol customers also bought*/ .whitebg_cab_wrap{border-bottom:1px solid #B6BCBF; padding:7px 0px 0px 0px; min-height:82px; display:inline; float:left;} .whitebg_cab_wraplast{padding:7px 0px 0px 0px; display:inline; float:left;} .whitebg_cab_img{width:58px; display:inline; float:left;} .whitebg_cab_info{width:140px; padding-left:19px; font-size:11px; font-weight:bold; line-height:15px; display:inline; float:left;} .whitebg_cab_aslowas{padding:3px 0px 5px 0px; color:#999999; font-weight:normal; font-size:11px; line-height:14px; display:inline; float:left;} .whitebg_cab_orangeprice{color:#F68819; font-size:13px; font-weight:bold;} /*----- bc_brands.css -----*/ #topbrands_contentwrap{width:690px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/contentdividers_bg.png) top left repeat-y; line-height:15.5px; font-size:12px; text-align:left; display:inline; float:left;} .brandblocks_wrap{width:690px; display:inline; float:left;} .brandblock{width:210px; padding:10px 10px 0px 10px; display:inline; float:left;} .brandlogoslot{width:208px; height:50px; display:inline; float:left;} .brandcopy{width:208px; padding:14px 0px 0px 0px; display:inline; float:right;} p.brand_name{padding-bottom:8px; color:#414042; font-weight:bold;} .brandblocksa_wrap{border-bottom:1px solid #d9dddf; width:690px; display:inline; float:left;} .brandblocksa{width:210px; padding:10px 9px 10px 11px; display:inline; float:left;} p.allfrombrandrow{padding:8px 0px 10px 0px;} .allbrandsslot{border-bottom:1px solid #d9dddf; width:672px; padding:2px 8px 0px 8px; font-size:12px; line-height:14px; display:inline; float:left;} .allbrands_copywrap{width:552px; padding:8px 0px 8px 8px; display:inline; float:right;} .allbrands_copywrap p{line-height:15.5px;} /*----- bc_category.css -----*/ .prodblocktripletwrap{width:690px; margin:3px 0px 10px 0px; text-align:left; display:inline; float:left; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/contentdividers_bg.png)} .prodblock{width:229px; display:inline; float:left;} .productblocks_rightborder{border-right:1px solid #d9dddf; width:229px; margin:3px 0px 5px 0px; display:inline; float:left;} .productblocks_norightborder{width:229px; margin:3px 0px 5px 0px; display:inline; float:left;} .productimgslot{width:74px; padding-left:8px; display:inline; float:left;} .productcopy{width:130px; padding:14px 8px 0px 6px; color:#808285; font-size:12px; line-height:12px; display:inline; float:left;} p.prodtype{padding-bottom:3px; color:#414042; font-size:12px; font-weight:bold;} p.pricerow{padding:0px 0px 12px 0px;} .pricerowprice{font-size:18px; color:#F68819; font-weight:bold;} .viewconfig_bttnwrap{width:690px; display:inline; float:left;} .prodblock_viewconfig{width:229px; display:inline; float:left;} .viewconfig{padding-left:88px;} div#ul_quadentrywrap{width:674px; margin:20px 8px 20px 8px; display:inline; float:left;} .ul_quadentry{width:145px; padding-right:20px; display:inline; float:left;} .ul_quadentrylast{width:145px; display:inline; float:left;} #ul_quadentrywrap ul{padding:8px 0px 8px 0px; line-height:12px; list-style-type:none; list-style-position:outside; list-style-image:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/customlidash.png);} #ul_quadentrywrap li{margin-left:15px; padding:0px 0px 3px 0px;} div#spyglassfloater{width:198px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/prodselect_spyglass.png) top right no-repeat; display:inline; float:left;} .prodselctortext{width:170px;} .prodsectiontool{padding:10px 0px 12px 0px; color:#F68819; font-size:18px; font-style:italic; font-weight:bold; letter-spacing:normal;} /*----- bc_crosssell.css -----*/ /* product detail tabnav */ div#pd_navwrap{border:0px solid blue; width:690px; margin:10px 0px 0px 0px; background:#3B619F;} div#pd_nav{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#333333; font-size:11px; font-weight:bold; letter-spacing:0.001em; vertical-align:bottom; display:inline; float:left;} #pd_nav ul{border:0px solid blue; margin:0px 0px 0px 0px; padding:0px 0px 0; list-style:none; text-align:center;} #pd_nav li{border:0px solid #008800; display:inline; margin:0; padding:0; text-align:center;} #pd_nav a{border:0px solid #765; float:left; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/pd_left_both.png) no-repeat left top; margin:0; padding:0 0 0 3px; text-decoration:none; text-align:center;} #pd_nav a span{text-align:center; float:left; display:block; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/pd_right_both.png) no-repeat right top; padding:6px 8px 6px 5px; color:#FFFFFF;} #pd_nav a span{float:none;} #pd_nav a:hover span{color:#333333;} #pd_nav .pd_navcurrent a{border-bottom:0px solid #FFFFFF; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/pd_left_both_current.png); background-position:0 -150px; border-width:0; text-align:center;} #pd_nav .pd_navcurrent a li{border-bottom:0px solid #FFFFFF;} #pd_nav .pd_navcurrent a span{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/pd_right_both_current.png); background-position:100% -150px; padding-bottom:6px; color:#333333;} #pd_nav a:hover{background-position:0% -150px;} #pd_nav a:hover span{background-position:100% -150px;} /* options */ div#optionsswrap{width:688px; border-right:1px solid #B6BCBF; border-bottom:1px solid #B6BCBF; border-left:1px solid #B6BCBF; text-align:left; display:inline; float:left;} div#displayarea{width:668px; padding:10px; display:inline; float:left;} #displayarea h2{padding:45px 0px 40px 0px; font-size:16px; line-height:20px; letter-spacing:normal; text-align:center; vertical-align:center;} .optionsection{border-top:5px solid #B6BCBF; width:650px; padding:20px 6px 20px 32px; display:inline; float:left;} .optiontype{font-size:14px; padding-bottom:3px; font-weight:bold;} .optionnotes{padding-bottom:16px; color:#3B619F;} .optionentrywrap{border-top:1px solid #B6BCBF; width:650px; padding:10px 0px 10px 0px; line-height:15.5px; display:inline; float:left;} .inputholster{display:inline; float:left;} .optionentry input{margin:0px 8px 25px 0px; float:left;} .optionentrycopy{width:610px; margin:0px 10px; display:inline; float:left;} .optionprice{padding-top:5px; font-size:15px; color:#F68819; font-weight:bold;} #continue_checkout{border:#B6BCBF 1px solid; border-top:0; width:648px; padding:20px; background:#F2F2F2; display:block; float:left;} .whitebg_cap{width:212px; height:6px; line-height:6px; margin-top:9px; padding:0px 9px 0px 9px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/curvedrightcolcaps.png) top left no-repeat; font-weight:bold; color:#FFFFFF; display:inline; float:left;} .whitebg_contentbg_guytainer{width:218px; padding:0px 0px 0px 12px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/curvedbrc_bg.png) top left repeat-y; color:#9faeb9; line-height:13px; display:inline; float:left;} .whitebg_guyright{width:217px; padding-top:15px; padding-bottom:15px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/lb_curvedbrc_guy.png) no-repeat bottom right; display:inline; float:left;} .helpcheckouttext{width:150px; padding:0px 0px 8px 0px; font-size:14px; display:inline; float:left;} .helpcheckoutphone{width:150px; padding-top:5px; color:#F68819; font-size:20px; font-weight:bold; font-style:italic; display:inline; float:left;} .whitebg_botts_guy{width:230px; height:6px; font-size:6px; line-height:6px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/curvedbrc_botts_guy.png) top left no-repeat; display:inline; float:left;} /*----- bc_subcategory.css -----*/ .subcatblocks_wrap{width:690px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/contentdividers_bg.png) top left repeat-y; display:inline; float:left;} .subcatblocks{width:220px; padding:5px 4px 0px 5px; display:inline; float:left;} .subcatproductimgslot{width:89px; height:164px; display:inline; float:left;} .subcatproductcopy{width:119px; padding:14px 0px 0px 8px; font-size:12px; display:inline; float:right;} p.subcattype{padding-bottom:5px; font-size:12px; font-weight:bold;} .subcatproductcopy p{line-height:15.5px;} p.subcatpricerow{color:#808285; padding:8px 0px 5px 0px;} .subcatpricerowprice{font-size:18px; color:#F68819; font-weight:bold;} .subcatblocksvc_wrap{width:690px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:inline; float:left;} .subcatblocksvc{width:220px; margin:0px 0px 0px 0px; padding:0px 5px 5px 0px; text-align:right; display:inline; float:left;} .allpresentationslot{border-bottom:1px solid #d9dddf; width:672px; padding:2px 8px 0px 8px; font-size:12px; line-height:14px; display:inline; float:left;} .allpresentationslot_last{width:672px; padding:2px 8px 0px 8px; font-size:12px; line-height:14px; display:inline; float:left;} .allpresentationslot_copywrap{width:552px; padding:8px 0px 8px 8px; display:inline; float:right;} .allpresentationslot_copywrap p{line-height:15.5px;} .subcataddtocart{padding:1px 0px 0px 25px; vertical-align:bottom;} /*----- bc_department.css -----*/ .deptblocks_wrap{width:690px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/contentdividers_bg.png) top left repeat-y; display:inline; float:left;} .deptblocks{border-top:1px solid #d9dddf; width:191px; padding:5px 19px 0px 19px; display:inline; float:left;} .deptblocksva_wrap{width:690px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/contentdividers_bg.png) top left repeat-y; display:inline; float:left;} .deptblocksva{width:191px; margin:0px 0px 0px 0px; padding:12px 19px 5px 19px; display:inline; float:left;} .contentareawrap p.leadbold{padding-bottom:5px; font-weight:bold; font-size:12px; line-height:16px;} .contentareawrap p{line-height:15.5px; font-size:12px;} .contentareawrap .viewall{vertical-align:bottom;} /*----- bc_model.css -----*/ /* feature */ div#featurewrap{width:690px; padding-top:14px; display:inline; float:left;} div.featuretext {width:410px; font-size:12px; line-height:15.5px; text-align:left; display:inline; float:left;} div.featuretext h1{width:320px; padding-bottom:9px; padding-left:8px; font-size:18px; line-height:20px; letter-spacing:normal;} div.featuretext p{padding-left:8px;} div.featuretext p.lead{font-size:12px; padding-bottom:4px; padding-left:8px; font-weight:bold;} p.aslowas{padding-top:10px; padding-left:8px; color:#999999; font-size:13px;} .aslowasprice{font-size:15px; color:#F68819; font-weight:bold;} #feature_bttnswrap{width:400px; padding:20px 0px 4px 8px;} .feature_bttns{padding-right:11px;} div#featuredetails{border-top:1px solid #B6BCBF; width:671px; padding:7px 11px 0px 8px; font-size:12px; text-align:left; display:inline; float:left;} div#featuredetails p{width:520px; line-height:14px;} /* configurations */ div#configurationswrap{width:690px; text-align:left; display:inline; float:left;} table.modeldata{border-collapse:collapse; background-color:#FFFFFF; display:inline; float:left; table-layout:auto;border-spacing:0;} tr.mdlcharthead{width:674px; height:27px; font-size:11px; font-weight:bold; line-height:27px; text-align:left;} .mdlcharthead a, .mdlcharthead a:active,.mdlcharthead a:visited{color:#333333; font-weight:bold; text-decoration:none;} .mdlcharthead a:hover{text-decoration:underline;} .mdlcharthead .current{text-decoration:underline;} th.mdlcharthead_prodnumber{width:122px; padding-right:8px; padding-left:8px;} th.mdlcharthead_descrip{width:305px; padding-right:8px;} th.mdlcharthead_avail{width:110px; padding-right:8px;} th.mdlcharthead_price{width:100px; padding-right:8px;} th.mdlcharthead .current{font-weight:bold; text-decoration:underline;} .fuaxtrbottomborder2{border-top:2px solid #B6BCBF; width:690px; height:0px; line-height:0px; font-size:0px;} tr.modeldata_whiterow{width:674px; font-size:11px; text-align:left;} tr.modeldata_orangerow{width:674px; font-size:11px; text-align:left; background:#fef3e8;} td.mdl_prodnumber{width:130px; padding-top:10px; padding-right:8px; padding-bottom:10px; padding-left:8px; font-size:11px; font-weight:bold;} .mdl_prodnumber p{padding:5px 0px 0px 0px; color:#818285;} .modeldata_orangerow .mdl_prodnumber{color:#F68819;} td.mdl_descrip{width:300px; padding-top:10px; padding-right:8px; padding-bottom:10px; line-height:13px;} .mdl_descrip p{margin:0px; padding:0px 0px 6px 0px; font-weight:bold;} .mdl_descrip p.mdl_descripred{padding-top:6px; padding-right:0px; padding-bottom:0px; padding-left:0px; color:#aa4d33; font-weight:normal;} td.mdl_avail{width:110px; padding-right:8px;} td.mdl_price{width:100px; color:#F68819; font-weight:bold; font-size:12px;} .mdl_price p{padding-top:7px;} .mdl_price .strikethrough{color:#818285; text-decoration:line-through;} .fuaxtrbottomborder1{border-top:1px solid #B6BCBF; width:690px; height:0px; line-height:0px; font-size:0px; background:#fef3e8;} /* rightcol */ #mdl_whychoosebarcodesinc{width:230px; height:100px; margin:9px 0px 0px 0px; display:inline; float:left;} /*----- Search Results Styles -----*/ div#search_results_wrapper{border-bottom:1px solid #B6BCBF; border-top:1px solid #B6BCBF; margin-bottom:15px;} .search-help-box{background-color:#F2F2F2; border: 1px solid #B6BCBF; margin:10px 0; margin-right:0; text-align:center; width:100%;} .search-help-box .bcText{ display: inline-block; } .search-text { min-height: 85px; padding-top: 18px; } table#search_results_sorter{} table#search_results_sorter td{padding:15px 0;} table#search_results_sorter .hitcount div{margin-left:0;} #sortby{overflow:hidden;} .avail_message{position:absolute; z-index:100; text-align:left; width:25em; font-size:small; border:1px solid #000000; background:#FFFFFF;} .toppart td{position:relative;} .featured-image{position:absolute; top:-25px; left:0; z-index:2;} .most-common{background-color:#D7FFD7; background-clip:padding-box;} .most-common .search_results_image{border:1px solid #088331;} .most-common-image{position:absolute; top:-13px; left:-7px; z-index:2;} .avail_message p{padding:5px;} .image_container{position:relative;} div.search-instock{margin-top:10px;} div.search-instock span.message-instock{color:#008800; font-weight:bold;} div.search-instock span.message-shipping{color:#3B619F; width:105px; cursor:help; border-bottom:1px dotted #3B619F;} div.search-discontinued{color:#830808; font-weight:bold;} div.search-leadtime{margin-top:10px; font-weight:bold;} span.search_breadcrumb, span.search_breadcrumb a:link, span.search_breadcrumb a:visited{color:#333333;} span.price{color:#000000; font-weight:700; font-size:18px;} a.addtoquote{display:block; font-weight:normal; font-size:12px; margin-top:5px;} h1.whq{margin:14px 0px 9px 0px; padding:0px 0px 0px 8px; font-size:18px; line-height:20px; color:#333333; font-weight:600; text-align:left;} div#mainwrap_searchresults{border:0px solid red; padding:0; width:960px; float:left;} #search-results{padding-left:0 !important;} #results{padding-left:0 !important;} .greyheaders{height:23px; margin-top:7px; padding:0px 8px; font-size:12px; line-height:22px; text-align:left; color:#FFFFFF; font-weight:bold; background:#999999; } .greyheadertext{display:inline; float:left;} .viewall{font-weight:normal; text-align:right; display:inline; float:right;} .viewall a:link, .viewall a:active, .viewall a:visited{color:#FFFFFF; text-decoration:underline;} table.sr_data{border:0px; border-collapse:collapse; background-color:#FFFFFF; display:inline; float:left; table-layout:auto; border-spacing:0;} tr.sr_charthead{width:934px; height:27px; font-size:11px; font-weight:bold; line-height:27px; text-align:left;} .sr_charthead a, .sr_charthead a:active,.sr_charthead a:visited{color:#333333; font-weight:bold; text-decoration:none;} .sr_charthead a:hover{text-decoration:underline;} .sr_charthead .current{text-decoration:underline;} th.sr_charthead_prodnumber{width:300px; padding-right:8px; padding-left:8px;} th.sr_charthead_descrip{width:347px; padding-right:16px;} th.sr_charthead_avail{width:110px; padding-right:25px;} th.sr_charthead_price{width:136px; padding-right:8px;} th.sr_charthead .current{font-weight:bold; text-decoration:underline;} .fuaxtrbottomborder2{width:690px; height:2px; line-height:2px; font-size:2px; background:#B6BCBF;} tr.sr_data{width:934px; font-size:12px; text-align:left;} td.sr__prodnumber{width:300px; padding-top:10px; padding-right:8px; padding-bottom:10px; padding-left:8px; font-weight:bold;} .sr__prodnumber p{padding:5px 0px 0px 0px; color:#818285;} td.sr__descrip{width:338px; padding-top:10px; padding-right:25px; padding-bottom:10px; line-height:15.5px;} .sr__descrip p{margin:0px; padding:0px 0px 6px 0px; font-weight:bold;} .sr__descrip p.sr__descripred{padding-top:6px; padding-right:0px; padding-bottom:0px; padding-left:0px; color:#aa4d33; font-weight:normal;} td.sr__avail{width:110px; padding-right:25px;} td.sr__price{width:136px; color:#F68819; font-weight:bold; font-size:18px;} .sr__price p{padding-top:7px;} .fuaxtrbottomborder1{width:690px; height:1px; line-height:1px; font-size:1px; background:#B6BCBF;} .sr_entry_wrap{border-bottom:1px solid #B6BCBF; width:674px; padding:10px 8px; font-size:11px; text-align:left; display:inline; float:left;} .sr_entry_wrap_orangebg .sr__prodnumber{color:#F68819;} .sr__prodnumbertableless{width:130px; padding-right:8px; font-size:11px; font-weight:bold; display:inline; float:left; background:blue;} .sr__descriptableless{width:305px; padding-right:8px; line-height:13px; display:inline; float:left; background:#008800;} .sr__availtableless{width:110px; padding-right:8px; display:inline; float:left;} .sr__pricetableless{width:100px; color:#F68819; font-weight:bold; font-size:12px; display:inline; float:left;} div#bottomresultsnav{width:934px; padding:8px; display:inline; float:left;} div#productshowing{display:inline; float:left;} div#pagenaver{text-align:right; display:inline; float:right;} .siteNavCatWrap {float:left; width:30%; padding:1em; height:6em;} .siteNavCatWrap td {padding-top:.3em;} .middle {border-right:1px solid #dddddd; border-left:1px solid #dddddd;} .siteNavCatWrap ul {margin:0; margin-left:0.75em; padding-top:0; padding-left:0.5em;} .siteNavCatWrap ul li{font-size:11px; line-height:14px; list-style-position:outside;} .siteNavCatWrap h4{margin:0; margin-bottom:5px; font-size:12px;} .green{font:bold; color:#008800;} .green a:link, .green a:visited{color:#008800;} /*----- News -----*/ div.entry p a{font-weight:bold} div.storycontent p a{font-weight:bold} /*----- Model -----*/ .contact-box .title{margin:0;} .title{font-size:18px; margin:0 0 15px 0;} .instock{margin-top:10px;} #model-header{margin-bottom:3.5em;} #image-wrapper{width:100%; height:225px; text-align:center; vertical-align:middle;} #image-wrapper a{position:relative; display:inline-block; text-decoration:none; outline:0px; border-width:0px;} #image-wrapper #Zoomer { width: auto !important;} #image-wrapper #video { width: 100%} #gallery{margin-top:15px;} #gallery .gallerythumb{width:44px; height:44px; position: relative; margin:0 !important; border:1px solid #3B619F; padding:1px; outline:0px; display:inline-block;} #gallery .selectedthumb{border:1px solid #F68819; padding:1px;} a#largerImages{background:url('https://cdn.barcodesinc.com/themes/barcodesinc/images/icon_zoom-view.png') 0px 2px no-repeat; font-size:11px; color:#3B619F; margin:10px 0 10px 0; padding-left:15px; font-weight:bold; display:block;} #product-images, .gallery { margin-bottom: 15px;} #mfgEmblems{ vertical-align:middle; text-align:right; margin-left:10px; line-height:21px;} #mfgEmblems a{vertical-align:middle; line-height:21px;} #mfgEmblems img{vertical-align:middle; position:relative;} #mfgEmblems .partner{margin-left:5px;} #model-details{ margin-bottom:8px; position:relative;} #discontinued{font-size:14px; font-weight:bold; text-align:center; background-color:#FFFFCC; border:1px solid #DDDDDD; padding:5px; margin:13px 0;} #model-details h1{font-size:20px; line-height:22px; font-weight:normal; color:#000000; margin-bottom:15px;} #social-integration{float:right;} #priceline{font-size:15px; color:#333333;} #price{color:#830808; font-size:18px; font-weight:bold; display:inline; margin:0 5px;} #model-details hr{height:1px; color:transparent; border:none; border-top:#CCCCCC 1px solid; margin:15px 0;} #tagline{font-weight:bold; font-size:14px;} #description-short{font-size:14px;} #description-long{font-size:14px; display:none;} .description{margin-top:0px;} .description #more, .description #less{white-space:nowrap;} #pdf-specs{margin:15px 0;} #pdf-specs a{text-decoration:none; padding-left:20px; background-image:url('https://cdn.barcodesinc.com/themes/barcodesinc/images/icons/pdf.gif'); background-repeat:no-repeat; padding-bottom:3px;} #pdf-specs a:hover{text-decoration:underline;} #trial{float:left; width:100%; margin:0 0 15px 0;} #trial a{float:left; margin-top:10px; text-decoration:none; padding-left:20px; background-image:url('https://cdn.barcodesinc.com/themes/barcodesinc/images/icons/download.gif'); background-repeat:no-repeat; padding-bottom:3px;} #trial a:hover{text-decoration:underline;} #virtual-tour{margin:15px 0;} #virtual-tour a{text-decoration:none; padding-left:20px; background-image:url('https://cdn.barcodesinc.com/themes/barcodesinc/images/icons/virtual-tour.gif'); background-repeat:no-repeat; padding-bottom:3px;} #virtual-tour a:hover{text-decoration:underline;} #virtual-tour-part{margin:10px 0 0 0; float:left;} #virtual-tour-part a{text-decoration:none; padding-left:20px; background-image:url('https://cdn.barcodesinc.com/images/icons/virtual-tour.gif'); background-repeat:no-repeat; padding-bottom:3px;} #virtual-tour-part a:hover{text-decoration:underline;} #model-infobox{margin:15px 0; padding:5px; border:#333333 1px solid;} #content-container{padding:25px 20px 20px; border:1px solid #B6BCBF; position:relative;} .shadow{height:15px; width:960px; position:absolute; bottom:-14px; left:0;} #parts{padding-top:20px;} #part-wrapper { width: auto !important;} #part-wrapper .configurations_mouse-over{color:#3B619F; cursor:help; font-weight:bold; display:inline; font-size:11px;} .all-options{width:100%; float:right; border-top:1px solid #B6BCBF;} .all-options a.view-all{margin:15px 0; clear:both; float:right; font-size:13px; font-weight:normal;} .all-options a.view-all span{font-size:15px; font-weight:bold;} #alsobought-wrapper{float:left; width:960px;} .also-bought{margin-top:15px; border:#B6BCBF 1px solid; padding:5px;} #similar-wrapper{margin-top:20px; padding-bottom:13px;} .similar-products{margin-top:13px; border:#B6BCBF 1px solid;} #interested-wrapper{width:960px; margin-top:7px; float:left; padding-bottom:13px;} .also-interested-in{margin-top:13px; border:#B6BCBF 1px solid;} #alsobought-wrapper h3, #similar-wrapper h3, #interested-wrapper h3{margin:10px 0 0 15px;} /*----- Custom Card Pages -----*/ #cards{width:100%; height:100%; padding:0;} #cards #nav_stripe{height:150px; padding:0; background:#DDDDDD;} #cards #nav_stripe ul{width:960px; margin:0 auto; padding:0; height:150px; list-style:none;} #cards #nav_stripe li{float:left; text-align:center; box-shadow:0px 1px 0px rgba(255,255,255,0.5); padding-top:20px; font-size:13px; line-height:18px; font-weight:bold; margin-right:6px;} #cards #nav_stripe li a{display:block; padding-top:12px; padding-bottom:6px;} #cards #nav_stripe li a span{width:139px; display:block; padding-top:75px;} #cards #nav_stripe li:hover a{background:#BBBBBB; -moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.25),0 1px 0 rgba(255,255,255,0.75); -webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.25),0 1px 0 rgba(255,255,255,0.75); box-shadow:inset 0 1px 3px rgba(0,0,0,0.25),0 1px 0 rgba(255,255,255,0.75); text-decoration:none; color:#FFFFFF;} #cards #nav_stripe li.active a{background:#333333; color:#FFFFFF; text-shadow:0px 1px 0px rgba(0,0,0,0.4); -moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.25),0 1px 0 rgba(255,255,255,0.75); -webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.25),0 1px 0 rgba(255,255,255,0.75); box-shadow:inset 0 1px 3px rgba(0,0,0,0.25),0 1px 0 rgba(255,255,255,0.75);} #cards #nav_stripe li.last{margin-right:0px;} #cards #nav_stripe li.gift a span{background:url('https://cdn.barcodesinc.com/themes/barcodesinc/images/cards-icon-gift.png') no-repeat center top;} #cards #nav_stripe li.loyalty a span{background:url('https://cdn.barcodesinc.com/themes/barcodesinc/images/cards-icon-loyalty.png') no-repeat center top;} #cards #nav_stripe li.membership a span{background:url('https://cdn.barcodesinc.com/themes/barcodesinc/images/cards-icon-membership.png') no-repeat center top;} #cards #nav_stripe li.keyfobs a span{background:url('https://cdn.barcodesinc.com/themes/barcodesinc/images/cards-icon-keytag.png') no-repeat center top;} #cards #nav_stripe li.card-combos a span{background:url('https://cdn.barcodesinc.com/themes/barcodesinc/images/cards-icon-card-combo.png') no-repeat center top;} #cards #nav_stripe li.hangtags a span{width:80px; background:url('https://cdn.barcodesinc.com/themes/barcodesinc/images/cards-icon-hangtag.png') no-repeat center top;} #cards #nav_stripe li.business a span{background:url('https://cdn.barcodesinc.com/themes/barcodesinc/images/cards-icon-business.png') no-repeat center top;} #cards #nav_stripe li.custom a span{background:url('https://cdn.barcodesinc.com/themes/barcodesinc/images/cards-icon-custom.png') no-repeat center top;} #cards #hero{position:relative; margin:0 auto; overflow:hidden; color:#444; background:url('https://cdn.barcodesinc.com/themes/barcodesinc/images/gradient_texture.png') 0 0 repeat, #CDCDCD;} #cards #hero img{position:absolute; left:50%; top:50px; margin-left:-60px;} #cards #hero .content{width:960px; position:relative; margin:0 auto; padding:30px 0 0 0; overflow:hidden;} #cards #hero h1{padding-bottom:30px; font-size:52px; line-height:46px; color:#FFFFFF; text-shadow:0px 0px 2px rgba(0,0,0,0.4),0px 4px 6px rgba(0,0,0,0.15); -moz-text-shadow:0px 0px 2px rgba(0,0,0,0.4),0px 4px 6px rgba(0,0,0,0.15); -webkit-text-shadow:0px 0px 2px rgba(0,0,0,0.4),0px 4px 6px rgba(0,0,0,0.15);} #cards #hero p.lead{width:420px; color:#333333; font-size:18px; line-height:28px; font-weight:bold; clear:both;} #cards #hero p.sub{text-align:center; color:#777777; font-size:16px; line-height:28px;} #cards #hero p.sub a{font-weight:bold;} #cards #hero ul{list-style:none; padding-left:40px; width:420px; color:#333333; font-size:16px; line-height:28px;} #cards #hero ul li{padding-left:30px; height:40px; line-height:25px; background:url('https://cdn.barcodesinc.com/themes/barcodesinc/images/green_check_small.png') 0 0 no-repeat;} #cards #hero .action{padding:10px 0 0 0; position:relative;} #cards #hero .action a.button{color:#FFFFFF; text-shadow:0px 1px 0px rgba(0,0,0,0.3); overflow:hidden; font-size:20px; font-weight:normal; text-transform:uppercase; text-decoration:none; display:inline-block; line-height:24px; padding:8px 16px; margin-bottom:0; border:1px solid #166c9f; -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.25),inset 0px 4px 0px rgba(255,255,255,0.15); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.25),inset 0px 1px 0px rgba(255,255,255,0.15); -o-box-shadow:0px 1px 2px rgba(0,0,0,0.25),inset 0px 1px 0px rgba(255,255,255,0.15); box-shadow:0px 1px 2px rgba(0,0,0,0.25),inset 0px 1px 0px rgba(255,255,255,0.15); background-color:#0078c9; background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #009bd9), color-stop(100%, rgba(0,120,201,0))); background-image:-moz-linear-gradient(top, #009bd9 0%, rgba(0,120,201,0) 100%); background-repeat:no-repeat; background-position:top left; cursor:pointer;} #cards #products{width:960px; margin:20px auto;} #cards #products .qty-title{margin:0 0 25px 0; font-size:30px; color:#333333; font-weight:normal;} #cards #products .grid-marks{width:100%; white-space:nowrap; margin:0; padding:0; margin-bottom:15px;} #cards #products .grid-marks span{display:block; font-family:"Arial Black", Gadget, sans-serif; font-weight:bold; float:left; color:#F68819;} #cards #products .grid-marks span.mark-1{width:309px;} #cards #products .grid-marks span.mark-2{width:298px;} #cards #products .grid-marks span.mark-3{width:300px;} #cards #products .grid-marks span.mark-4{width:40px;} #cards #products .slider{position:relative; cursor:pointer; height:9px; background:url('https://cdn.barcodesinc.com/themes/barcodesinc/images/cards-quantity-background.png') center left repeat; margin:0 10px 55px; border:1px solid #B6BCBF;} #cards #products .slider .handle{position:absolute; cursor:pointer;} #cards #products .slider .red-bar{border:1px solid #B6BCBF; background:#F2F2F2; padding:6px 0px; top:-12px; height:20px; min-width:13px; width:0; text-align:center; margin-left:-1px;-moz-box-shadow:1px 2px 5px #999999; -webkit-box-shadow:1px 2px 5px #999999; box-shadow:1px 2px 5px #999999;} #cards #products .slider .red-bar span{display:inline-block; width:1px; height:17px; background-color:#B6BCBF; margin:0 1px;} #cards #products .mag, #cards #products .bar, #cards #products .barmag{float:left; width:33%; margin-bottom:25px;} #cards #products .large, #cards #products .small{float:left; width:50%; margin-bottom:25px;} #cards #products .title{margin:0 0 10px 0; font-size:28px; color:#333333; font-weight:normal;} #cards #products .example{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/cards-example-membership.png) 0 0 no-repeat;} #cards #products .example img{margin:50px 0 0 50px;} #cards #products .info{margin-top:25px;} #cards #products .info .card-quantity{float:left; font-weight:normal; font-size:32px; color:#777777;} #cards #products .info span{float:left; margin:10px 0 0 5px; font-size:14px; color:#777777;} #cards #products .info .card-price{clear:both; float:left; font-weight:bold; font-size:32px; color:#333333;} /*----- Motorola QTY Discount Messaging -----*/ /* PART PAGES */ .discounts-title{float:left; width:100%; font-size:14px; text-align:center; font-weight:bold; margin-top:15px;} table.discount-pricing-part{float:left; margin:10px 10px 5px; width:218px;} table.discount-pricing-part th{background:#DDDDDD; border:1px solid #B6BCBF; color:#333333; padding:5px 10px; font-size:12px; text-align:center;} table.discount-pricing-part td{background:#FFFFFF; border:1px solid #B6BCBF; color:#333333; padding:10px; border-bottom:1px solid #B6BCBF; font-size:12px; font-weight:bold; text-align:center;} table.discount-pricing-part td.contact{background:#CFC;} /*SEARCH ROWS */ a.qtydiscount{font-weight:bold; float:left; margin-top:5px; font-size:13px; color:#3B619F; cursor:pointer;} a.qtydiscount:hover{text-decoration:underline;} .discounts-container{position:absolute; display:none; width:1px;} .discount-pricing{position:relative; left:-58px; top:25px; width:220px; z-index:200;} .discount-pricing table{width:220px; border-top:1px solid #B6BCBF !important; border-right:1px solid #B6BCBF !important; border-bottom:1px solid #B6BCBF !important; border-left:1px solid #B6BCBF !important; background:#FFFFFF; -moz-box-shadow:1px 1px 10px #666666; -webkit-box-shadow:1px 1px 10px #666666; box-shadow:1px 1px 10px #666666;} .discount-pricing table th{background:#DDDDDD; border-top:1px solid #B6BCBF !important; border-right:1px solid #B6BCBF !important; border-bottom:1px solid #B6BCBF !important; border-left:1px solid #B6BCBF !important; color:#333333; padding:5px 10px; font-size:12px; text-align:center; text-transform:none;} .discount-pricing table td{border:1px solid #B6BCBF !important; border-top:1px solid #B6BCBF !important; border-right:1px solid #B6BCBF !important; border-bottom:1px solid #B6BCBF !important; border-left:1px solid #B6BCBF !important; color:#333333; padding:15px; font-size:12px; font-weight:bold; text-align:center;} .discount-pricing table tr.contact{background:#CFC;} .discount-pricing table tr.contact td{white-space:normal;} #selected_filters_nav a.pos{background:none !important;} /*---- Forms ----*/ /* Basics */ #content-wrap{ font-size:15px; color:#333333;} #content-wrap .contact-info .title, .contact-info .text{ font-weight:normal; margin-bottom:5px;} #content-wrap .contact-info .title{ font-size:25px; color:#333333;} #content-wrap .contact-info .text{ font-size:22px; color:#999999;} #content-wrap .content h1{font-size:30px; font-weight:normal; margin-top:18px;} #content-wrap .content h2{font-size:17px; line-height:150%; color:#999999; font-weight:normal;} #content-wrap .content img { max-width: 100%;} #content-wrap .form{ background:#009DDC; color:#FFFFFF; padding:35px 20px 30px; margin:0 0 30px 0;} #content-wrap .form .form-title{font-size:23px; margin-bottom:10px;} #content-wrap .form .form-subtitle{margin-bottom:30px;} #content-wrap .form .form-text{color:#FFFFFF; font-size:15px;} #content-wrap form .control-group{ margin:5px 0;} #content-wrap form label{ display: block; color:#FFFFFF; font-size:15px; margin-right:10px;} #content-wrap form input{padding:2px 3px; width:100%;} #content-wrap form select{padding:2px 3px; width:100%;} #content-wrap form textarea{font-family:Arial, Helvetica, sans-serif; font-style:italic; color:#B6BCBF; width:100%; height:100px;} #content-wrap form .extra-question{float:left; margin:0 0 5px;} #content-wrap form .verify-description{float:left; margin:15px 0;} #content-wrap form .button{margin-top:5px; cursor:pointer; color:#FFFFFF; display:inline-block; font-size:16px; padding:10px 0; width:100%; height:auto; line-height:100%; position:relative; border:0; background:#F68819;} #content-wrap form .button:hover{text-decoration:none; background:#F68819;} /* Errors */ #content-wrap form .error{float:left; width:100%; margin:5px 0; color:#B94A48;} #content-wrap form .error ul{margin:5px 0 0; padding:0; list-style:none;} #content-wrap form .text-error{color:#FFFFFF; font-size:13px; font-weight:400; padding-bottom:10px;} #content-wrap form .text-error img{margin-right:5px;} #content-wrap form .error label{color:#FFFFFF;} #content-wrap form .error input, #content-wrap form .error select, #content-wrap form .error textarea{border-color:#B94A48; color:#B94A48;} /*---- ISV Partner Pages ----*/ #isv-partners .isv-partners{margin-top:10px;} #isv-partners .isv-partners .partner-info, #isv-partners .isv-partners .bci-info, #isv-partners .isv-partners .simple-steps{border:1px solid #DDDDDD; font-size:12px; line-height:20px; overflow:hidden; padding:20px; background-size: contain !important; margin-bottom: 30px;} #isv-partners .isv-partners .partner-info .hero, #isv-partners .isv-partners .bci-info .hero, #isv-partners .isv-partners .simple-steps .hero{color:#FFFFFF; font-size:20px; line-height:19px; padding-bottom: 41%; margin-bottom:20px;} #isv-partners .isv-partners .simple-steps .hero{margin-bottom:15px;} #isv-partners .isv-partners .partner-info .hero img, #isv-partners .isv-partners .bci-info .hero img, #isv-partners .isv-partners .simple-steps .hero img{float:left; height:25px;} #isv-partners .isv-partners .partner-info .hero span, #isv-partners .isv-partners .bci-info .hero span, #isv-partners .isv-partners .simple-steps .hero span{clear:both; float:left;} #isv-partners .isv-partners .partner-info .hero img{margin-bottom:45px;} #isv-partners .isv-partners .bci-info .hero img{margin-bottom:26px;} #isv-partners .isv-partners .simple-steps .hero span{margin-top:46px;} #isv-partners .isv-partners .simple-steps .hero em{font-size:18px; font-style:normal;} #isv-partners .isv-partners .partner-info{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/isv-partners-partner-info.jpg) 0 0 no-repeat;} #isv-partners .isv-partners .bci-info{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/isv-partners-bci-info.jpg) 0 0 no-repeat;} #isv-partners .isv-partners .bci-info .contact{font-weight:bold; color:#000000;} #isv-partners .isv-partners .simple-steps{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/isv-partners-simple-steps.jpg) 0 0 no-repeat;} @-moz-document url-prefix(){#isv-partners .isv-partners .simple-steps{width:270px;}} #isv-partners .isv-partners .simple-steps .steps{float:left; font-size:14px; line-height:28px; margin-bottom:10px; width:100%;} #isv-partners .isv-partners .simple-steps .steps .step-circle{background:#F68819; color:#FFFFFF; margin-right:3px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; padding:0 6px 1px 6px;} #isv-partners .partner-section-title{background-color:#666666; color:#FFFFFF;font-size:18px; font-weight:300; margin:10px 0; padding-left:15px;} #isv-partners .partner-section-title .section-title{float:left; line-height:40px; vertical-align:middle;} #isv-partners .partner-section-title .section-title a{color:#FFFFFF;} #isv-partners .partner-section-title .section-title a:hover{text-decoration:none;} #isv-partners .partner-section-title a{padding-left:18px;} #isv-partners .partner-section-title a.expand-down{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/arrow-expand.png) 0 -24px no-repeat;} #isv-partners .partner-section-title a.expand-right{background:url(https://cdn.barcodesinc.com/themes/barcodesinc/images/arrow-expand.png) 0 1px no-repeat;} #isv-partners .partner-section .partner_thumb_td { width: 140px;} #isv-partners .section-row-1{border-top:none;} #isv-partners .partner_description_td h3{font-size:16px; font-weight:bold; color:#000000; margin:0 0 10px 0;} #isv-partners .partner_description_td .search_result_description{color:#000000; font-size:14px;} #isv-partners .partner_description_td div.search-instock{color:#008800 !important;} #isv-partners .partner_description_td div.search-leadtime{color:#000000 !important; font-weight:600;} #isv-partners .partner_description_td .message-instock{color:#008800 !important; font-weight:600 !important;} #isv-partners .partner_description_td div.search-instock span.message-shipping{font-weight:600 !important;} #isv-partners .partner_price_td{padding:45px 10px 0;} #isv-partners .partner_price_td span.price{color:#000000; font-size:16px; font-weight:bold;} #isv-partners .partner_price_td span.each{font-size:12px; margin-left:10px;} #isv-partners .partner_qty_td{padding:45px 10px 0;} #isv-partners .partner_qty_td .partner_qty{height:28px; margin-left:10px; text-align:center; width:28px;} #isv-partners .partner_add_button_td{padding:45px 0 0 10px;} #isv-partners .partner_add_button_td input.button_add-to-cart{background:#F68819; border:1px solid #F68819; color:#FFFFFF; cursor:pointer; font-family:'Open Sans', sans-serif; font-size:16px; font-weight:600; height:33px; margin-bottom:5px; padding:0 17px;} #isv-partners .partner_add_button_td input.add-to-cart-checks{vertical-align:middle;} #isv-partners .partner_add_button_td label.select{cursor:pointer; vertical-align:middle;} /*Papa Johns credit form link*/ #isv-partners #credit-app-info{border: 1px solid #DDDDDD; background: #fffbe6; margin: 20px 0 10px 0; padding: 12px; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 14px; text-align: center;} #isv-partners #credit-app-info #credit-app-title {font-size: 18px; font-weight: bold;} #isv-partners #credit-app-info #credit-app-msg a {font-weight: bold; line-height: 20px;} /* Partner page multi add to cart */ #isv-partners #partner-multi-addtocart-section{border: 1px solid #DDDDDD; padding: 15px; margin: 10px 0; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600; line-height: 30px;} #isv-partners #partner-multi-addtocart-section #message{float: left; padding-top: 5px;} #isv-partners #partner-multi-addtocart-section .btn-partner-add-to-cart{float: right; background: #F68819; border: none; color: #FFFFFF; font-family: inherit; font-size: 16px; font-weight: 600; padding: 5px 17px; cursor: pointer; } #isv-partners #partner-multi-addtocart-section .warn{ display: none; border: 1px dashed #da3e3e; background: #efa9a9; color: #961d1d; margin: 10px 0 0 0; padding: 10px; font-size: 14px; font-weight: 400; line-height: initial; text-align: center; clear: both; } #isv-partners #partner-multi-addtocart-section.fixed{position: fixed; top: 0; background: #FFFFFF; z-index: 999; border: 1px solid #666666; float: left; width: 930px; padding: 15px; margin: 0; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600; line-height: 30px;} /* Services Landing Page */ #services{margin:0;} #services .hero {background:url("https://cdn.barcodesinc.com/themes/barcodesinc/images/services-mcs-hero.jpg") no-repeat center bottom; background-size:cover; height:400px;} #services .hero:before{content:''; position:absolute; top:113px; right:0; bottom:0; left:0; height:400px; background-image:linear-gradient(to bottom right, #666666, #000000); opacity:0;} #services .hero .intro{padding:50px 0 0 44%; position:relative;} #services .background-fade{background:#000000; opacity:.75; width:100%; height:190px;} #services .hero h1, #services .hero p{color:#FFFFFF; margin:0 25px; position:relative; top:-190px; width:520px;} #services .hero h1{font-size:42px; font-weight:400;} #services .hero p{font-size:18px; font-weight:300; line-height:30px;} #services .spacer{height:7px; background:#0D6DB6; margin:0 auto; width:100%;} #services .overview{margin:0 auto; padding:25px 0 35px; text-align:center; width:960px;} #services .overview b{font-size:28px; font-weight:normal;} #services .overview p{font-size:16px; line-height:30px; margin:15px 0 0; width:100%} #services .services-list{margin:30px auto; padding:0; text-align:center; width:960px;} #services .service{line-height:24px; width:430px;} #services .service b{font-size:15px; font-weight:bold; text-align:left; width:100%;} #services .service p{margin:0; text-align:center;} #services .service p a{text-decoration:underline;} #services .button_orange{float:left; font-weight:400; height:45px; line-height:45px; margin:15px 139px 0; padding:0; width:150px;} #services .space{width:100px;} #services .row.request-form{background:#009DDC;} #services .request-more-info{margin:0 auto; padding:0; width:960px;} #services .request-more-info .form{float:left;width:960px; background:#009DDC; color:#FFFFFF; padding:30px 0 40px; margin:0;} #services .request-more-info .form .form-title{font-size:23px; margin-bottom:10px;} #services .request-more-info .form .form-subtitle{margin-bottom:30px;} #services .request-more-info .form .form-text{color:#FFFFFF; font-size:15px;} #services .request-more-info form .control-group{float:left; margin:5px 120px 5px 0;} #services .request-more-info form label{clear:both; float:left; width:100px; color:#FFFFFF; font-size:15px;} #services .request-more-info form .controls{float:left;} #services .request-more-info form input{padding:2px 3px; width:224px;} #services .request-more-info form select{padding:2px 3px; width:224px;} #services .request-more-info form textarea{clear:both; float:left; font-family:Arial, Helvetica, sans-serif; font-style:italic; color:#B6BCBF; width:219px; height:100px;} #services .request-more-info form .extra-question{float:left; margin:0 0 5px;} #services .request-more-info form .verify-description{margin:0 0 0 120px;} #services .request-more-info form .button{float:left; margin-top:15px; cursor:pointer; color:#FFFFFF; display:inline-block; font-size:16px; padding:10px 0; width:100%; height:auto; line-height:100%; position:relative; border:0; background:#3B619F;} #services .request-more-info form .button:hover{text-decoration:none; background:#2C4773;} #services .request-more-info form .error ul{margin:5px 0; padding:0; list-style:none;} #services .request-more-info form .text-error{color:#FFD24D; float:left; font-weight:normal;} #services .request-more-info form .error label{color:#FFFFFF;} #services .request-more-info form .error input, #content-wrap form .error select, #content-wrap form .error textarea{border-color:#B94A48; color:#B94A48;} /* True Support Landing Page */ #true-support{margin:0;} #true-support .hero{background:url('https://cdn.barcodesinc.com/themes/barcodesinc/images/services-true-support-hero.png') center center no-repeat; width:960px; height:450px; margin:0 auto;} #true-support .hero .true-support-logo{position:relative; left:553px; top:25px;} #true-support .hero .hero-title{font-size:60px; font-weight:normal; position:relative; left:370px; margin-bottom:0; top:10px; text-transform:uppercase;} #true-support .hero .hero-title .small{font-size:42px;} #true-support .hero .hero-subtitle{font-size:28px; font-weight:normal; position:relative; left:500px; top:10px; text-transform:uppercase;} #true-support .spacer{height:7px; background:#0D6DB6; margin:0 auto; width:960px;} #true-support .overview, #true-support .benefits{margin:0 auto; padding:25px 0; text-align:center; width:960px;} #true-support .overview{font-size:16px; line-height:30px;} #true-support .benefits-title{font-size:36px; line-height:30px; margin-bottom:25px; text-transform:uppercase;} #true-support .benefits-title .small{font-size:28px;} #true-support .benefits a.benefit-icon{font-size:16px; text-align:center;} #true-support .benefits a.benefit-icon img{margin-bottom:5px; width:100px;} #true-support .benefit{margin:0 auto; padding:0; width:960px;} #true-support .benefit .content{padding:25px 0 25px 25px; text-align:left; width:435px;} #true-support .benefit .benefit-image-support{background:url('https://cdn.barcodesinc.com/themes/barcodesinc/images/services-true-support-benefit-support.png') left top no-repeat; width:500px; height:300px;} #true-support .benefit .benefit-image-asset-tracking{background:url('https://cdn.barcodesinc.com/themes/barcodesinc/images/services-true-support-benefit-asset-tracking.png') left top no-repeat; width:500px; height:300px;} #true-support .benefit .benefit-image-device-triage{background:url('https://cdn.barcodesinc.com/themes/barcodesinc/images/services-true-support-benefit-device-triage.png') left -10px no-repeat; width:500px; height:300px;} #true-support .benefit .benefit-image-repairs{background:url('https://cdn.barcodesinc.com/themes/barcodesinc/images/services-true-support-benefit-repairs.png') left top no-repeat; width:500px; height:300px;} #true-support .benefit .content.alt{padding:25px 25px 25px 0;} #true-support .benefit .benefit-title-image{padding-right:10px; width:50px; height:50px;} #true-support .benefit .benefit-title-image img{width:50px;} #true-support .benefit .benefit-title{font-size:30px; line-height:30px; text-align:left; width:100%;} #true-support .benefit .description{font-size:14px; line-height:25px; text-align:left;} #true-support .request-more-info .form{float:left;width:920px; background:#009DDC; color:#FFFFFF; padding:18px 20px 30px 20px; margin:0;} #true-support .request-more-info .form .form-title{font-size:23px; margin-bottom:10px;} #true-support .request-more-info .form .form-subtitle{margin-bottom:30px;} #true-support .request-more-info .form .form-text{color:#FFFFFF; font-size:15px;} #true-support .request-more-info form .control-group{float:left; margin:5px 80px 5px 0;} #true-support .request-more-info form label{clear:both; float:left; width:100px; color:#FFFFFF; font-size:15px;} #true-support .request-more-info form .controls{float:left;} #true-support .request-more-info form input{padding:2px 3px; width:224px;} #true-support .request-more-info form select{padding:2px 3px; width:224px;} #true-support .request-more-info form textarea{clear:both; float:left; font-family:Arial, Helvetica, sans-serif; font-style:italic; color:#B6BCBF; width:219px; height:100px;} #true-support .request-more-info form .extra-question{float:left; margin:0 0 5px;} #true-support .request-more-info form .verify-description{margin:0 0 0 80px;} #true-support .request-more-info form .button{float:left; margin-top:15px; cursor:pointer; color:#FFFFFF; display:inline-block; font-size:16px; padding:10px 0; width:100%; height:auto; line-height:100%; position:relative; border:0; background:#3B619F;} #true-support .request-more-info form .button:hover{text-decoration:none; background:#2C4773;} /* Errors */ #true-support .request-more-info form .error{} #true-support .request-more-info form .error ul{margin:5px 0; padding:0; list-style:none;} #true-support .request-more-info form .text-error{color:#FFD24D; float:left; font-weight:normal;} #true-support .request-more-info form .error label{color:#FFFFFF;} #true-support .request-more-info form .error input, #content-wrap form .error select, #content-wrap form .error textarea{border-color:#B94A48; color:#B94A48;} /* Promo Bar */ #promo-banner{background:#FFFFCC; border-bottom:1px solid #B6BCBF; margin:-5px 0 10px; padding:10px 0; width:100%;} #promo-banner .promo-message{margin:0 auto; width:960px;} #promo-banner .promo-message .promo-title-container{padding-right:20px; white-space:nowrap;} #promo-banner .promo-message .promo-description-container{border-left:1px solid #999999; font-size:16px; line-height:16px; padding-left:20px; width:100%;} #promo-banner .promo-title{font-size:20px; font-weight:400;} #promo-banner .promo-code{font-weight:600; text-transform:uppercase;} #promo-banner .promo-description{font-size:10px;} button.add-to-cart {padding:0;border:0;background:none;outline:none;cursor:pointer;} .messages{width:100%; overflow:hidden; text-align:left; margin-top:10px;list-style:none;padding: 0;} .messages li{margin:0 0 10px; padding:0; word-wrap:break-word;} .messages ul{list-style:none;padding:7px 17px 15px; margin:0 0 -11px; background-position:35px 100%; background-repeat:no-repeat; position:relative;} .messages ul li{margin:0; padding:0 0 3px;} .messages a{text-decoration:underline;} .messages a:hover{text-decoration:none;} .messages li.error-msg, .messages li.success-msg, .messages li.note-msg, .messages li.notice-msg{border-style:dashed !important; border-width:1px !important; font-size:18px !important;} p.error-msg{border-style:solid !important; padding:10px; border-width:1px !important; font-size:12px !important; margin:10px 0;} /* Error Message */ .messages li.error-msg{border-color:#e9581f; background-color:#fff5f3; color:#d91a00;} .messages li.error-msg a{color:#d91a00;} .messages li.error-msg ul{/* background-image:url(../images/bkg_msg-error.gif); */} p.error-msg{border-color:#e9581f; background-color:#fff5f3; color:#d91a00;} /* Success Message */ .messages li.success-msg{border-color:#446423; background-color:#eff5ea; color:#00A1D9;} .messages li.success-msg a{color:#3d6611;} .messages li.success-msg ul{/* background-image:url(../images/bkg_msg-success.gif); */} /* Notification Message */ .messages li.note-msg, .messages li.notice-msg{border-color:#fcd344; background-color:#fafaec; color:#3d6611;} .messages li.note-msg a, .messages li.notice-msg a{color:#3d6611;} .messages li.note-msg ul, .messages li.notice-msg ul{/* background-image:url(../images/bkg_msg-note.gif); */} /* Credit app account message on success page */ #creditform-account-message{font-size: 14px; float: left;} #creditform-account-message ul{list-style-type: disc; padding: 5px; float:none;} #creditform-account-message ul li{font-size: 14px; font-weight: normal; line-height: 20px; float: none; border-bottom: none; text-transform: none; margin: 0 0 0 40px;} #creditform-account-message a{display: inline; color: #3B619F; font-weight: bold; padding: 0; vertical-align: baseline;} #creditform-account-message ul li a:hover{ text-decoration: underline; box-shadow: none; background-color: transparent;} .subscribe_to_newsletter_wrapper { clear: both; padding-top: 15px; } .subscribe_to_newsletter_wrapper > input { float: left; width: auto !important; } .subscribe_to_newsletter_wrapper > label { float: none !important; clear: none !important; width: auto !important; } a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover { pointer-events: none; cursor: default; } #global-header .logo { float: left; max-width: 240px; margin-top: 7px; } .header-middle-right { float: right; width: calc(100% - 240px); } .header-middle-right .search-area { display: inline-block; vertical-align: middle; width: calc(100% - 280px); margin: 7.5px 0; } .header-middle-right .search-area .searchfield { margin: 0; height: 45px; padding: 6.5px 44px 6.5px 15px; font-weight: 300; border: 1px solid #B1B1B1; width: calc(100% - 82px); box-sizing: border-box; font-size: 13px; float: left; clear: none; } input.input-text:focus, textarea:focus, .header-middle-right .search-area .searchfield:focus { outline: none; border-color: #B1B1B1; box-shadow: none; } .header-middle-right .search-area input[type="submit"] { line-height: 1.42857143; font-weight: 700; transition: color .2s ease,background .45s ease,border .4s ease-in-out; -webkit-transition: color .2s ease,background .45s ease,border .4s ease-in-out; border-radius: 0; text-transform: uppercase; border: 1px solid #f68819; background-color: #f68819; float: left; padding: 0 12px; font-size: 13px; color: #FFFFFF; clear: none; width: auto; height: 45px; } .header-middle-right .header-links { margin: 6px 0 0; text-align: right; width: 276px; display: inline-block; max-width: 100%; } .header-middle-right .header-links .header-phone { display: inline-block; vertical-align: middle; line-height: 1em; } .header-middle-right .header-links .bcText { display: inline-block; vertical-align: middle; } .header-middle-right .header-links .bcText a { color: #666666; font-size: 13px; font-stretch: normal; font-weight: 400; text-decoration: none; } .header-middle-right .header-links .bcText a span { vertical-align: middle; display: inline-block; } .header-middle-right .header-links .header-phone a { color: #F68819; font-size: 24px; font-weight: 700; line-height: 18px; } .header-middle-right .header-links .header-phone .time { font-size: 11px; font-weight: normal; color: #888888; margin: 6px 0 0 5px; display: block; } #global-footer-stripe { width: auto; padding: 0; } #global-footer-stripe > .content { color: #FFFFFF; font-size: 14px; font-stretch: normal; font-weight: 400; } .footer-stripe-content-table { display: table; width: 100%; height: 100%; } .footer-stripe-content { display: table-row; } #global-footer-stripe > .content .footer-phone, #global-footer-stripe > .content .footer-email-us, #global-footer-stripe > .content .footer-chat { padding-right: 40px; display: table-cell; vertical-align: middle; } #global-footer-stripe > .content .footer-subscribe { display: table-cell; text-align: right; vertical-align: middle; } #global-footer-stripe > .content .footer-phone .phone-number { display: inline-block; margin-top: 3px; } #global-footer .footer-links-wrapper { float: left; width: calc(100% - 223px); } #global-footer .footer-social { float: right; width: 223px; padding-top: 30px; } #global-footer .footer-social .connected { padding: 0 0 5px; border-bottom: 1px solid #DDDDDD; color: #666666; font-size: 14px; font-stretch: normal; font-weight: 600; text-align: center; } #global-footer .footer-social ul { list-style: none; padding-left: 0; } #global-footer .footer-social ul li { float: left; width: calc(25% - 18.75px); margin-right: 25px; padding-top: 10px; } #global-footer .footer-social ul li:last-child { margin-right: 0; } #global-footer .footer-social ul li img { max-width: 100%; } #global-footer .footer-badges { padding-top: 10px; } #global-footer .footer-badges .col-sm-4 { float: left; width: 33.33%; text-align: center; } .footer-copyright { text-align: center; } .search-mobile, .nav-toggle-mobile, .search-toggle-mobile, .cart-mobile { display: none; } .mobile-nav { width: 280px; position: fixed; left: -280px; top: 0; background-color: #3B619F; z-index: 9999; height: 100%; overflow: auto; padding: 0; color: #FFFFFF; visibility: hidden; transition: all .45s ease; } #global-nav .nav-container { background: #3B619F; height: 40px; } #global-nav ul.top-nav { width: auto; float: left; padding: 0; } #global-nav .header-right { float: right; list-style: none; padding-left: 0; margin: 0; } #global-nav .header-right > li { float: right; position: relative; text-align: center; } #global-nav .header-right > li > a { color: #FFFFFF; display: inline-block; line-height: 40px; list-style: none; vertical-align: middle; font-size: 13px; padding: 0 15px; } #global-nav .header-right > li > a:hover { background: #2A4572; text-decoration: none; text-shadow: 0 0 5px rgba(0, 0, 0, .8); } #global-nav .header-right > li > a > img { height: 11px; padding-right: 5px; } #global-nav .cart-link:hover ul.sub-nav { display: block; right: 0; left: auto; } .header-middle-right .header-links .header-phone-mobile { display: none; } .barcode-examples .barcode-example-block { display: inline-block; } .barcode-examples .heading { background: #3B619F; padding: 5px; color: #FFFFFF; font-weight: bold; } .barcode-examples .barcode-image { display: inline-block; text-align: center; } .barcode-examples .barcode-image span { display: block; } .table-layout-utility .table-layout-block { display: inline-block; margin-right: 10px; text-align: left; } .table-layout-utility .heading { background: #3B619F; padding: 5px; color: #FFFFFF; font-weight: bold; } .block-customers .customer-item { padding-top: 10px; padding-bottom: 10px; text-align: center; } .success-stories h3 { font-weight: bold; margin-top: 12px; font-size: 14px; text-align: center; } .success-stories .story-link a { display: block; float: none; } .success-stories .story-link a img { width: 100%; } .top-image img, .full-image img { width: 100%; height: auto; } .secure-storefront { font-family: Arial,'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, sans-serif; font-size:12px; color:#fff; padding-left:25px; padding-top:20px; background: #3c75c6 url('https://cdn.barcodesinc.com/themes/barcodesinc/images/my-digital-shield-blueshield.jpg') 100% 27px no-repeat; min-height: 270px; padding-right: 340px; } .secure-storefront-advantages { font-family: Arial,'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, sans-serif; font-size:12px; color:#000; padding-left:15px; padding-right:15px; line-height:16px; } .secure-storefront-advantages > div { padding-top: 25px; padding-bottom: 25px; } .security-plans { width: 100%; } .table-wrap { max-width: 100%; overflow: auto; margin-bottom: 15px; } .static-page-products { text-align: left; } .static-page-products > div { display: inline-block; padding-right:15px; padding-bottom:15px; } .double-image .image { float: left; width: 50%; padding-top:15px; text-align:center; padding-right: 7.5px; } .double-image .image:last-child { padding-right: 0; padding-left: 7.5px; } .added-container{padding:25px 0;} .added-container .details{width: 50%;} .continue-shopping{background-color:#3B619F; border:none; color:white; padding: 8px 20px; text-align:center; text-decoration: none; font-size: 14px; font-weight:700; font-family:"open sans"; margin: 0 15px 0 0; cursor:pointer; vertical-align: top;} .continue-to-cart {background-color:rgba(246,136,25,1); border:none; color:white; padding: 8px 20px; text-align:center; text-decoration: none; font-size: 14px; font-weight:700; font-family:"open sans"; margin: 0 15px 0 0; cursor:pointer; vertical-align: top; min-width: 172px;} .continue-shopping-bottom{background-color:#3B619F; border:none; float:left; color:white; padding: 8px 20px; text-align:center; text-decoration: none; font-size: 14px; font-weight:700; font-family:"open sans";margin: 0 17px 0 3px; cursor:pointer;} .added-stripe{background:#E6E6E6; padding: 0 9999px; margin: 0 -9999px} .added-to-cart td{padding-right:15px;} .added-to-cart td h1{color:#008800; font-weight:600; margin:0;} .added-to-cart td b{font-size:18px; font-weight:normal;} .added-to-cart td.image{float:left;} .added-to-cart td.image img { max-height:106px;} .added-to-cart td.proceed{padding-right:0;} .added-to-cart td.added-price{padding:10px 0 0;} .added-to-cart td.added-price span.added-price{font-size:22px; font-weight:700; padding-right:2px;} .added-to-cart td.added-price span.retail {font-size:18px; font-weight:normal; padding-right:15px;} .added-to-cart td.added-price span.savings {color:#C45500; font-size:18px; font-weight:normal;} .added-to-cart td img{background:#FFFFFF; border:3px solid #008800; padding:5px;} .added-to-cart td b.added-price{float:left; font-size:22px; font-weight:700; margin-top:10px;} .contact-fields input { display: inline-block; vertical-align: top; } .cable-types .row { margin-bottom: 1em; } .cable-types img { margin: 10px 0; } .solutions_body ul.list-with-icons li{ float: left; width: 33.33%; } .solutions_body ul.list-with-icon li a, .solutions_body ul.list-with-icon li .spacer { width: 100%; } .brands-table td { padding: 10px; } #selector-content div.step img { width: auto; height: auto;} .subcat { padding-top: 1em; } .subcat .col-sm-4 > strong { display: block; padding-left: 40px; } .generator-form { padding: 15px; background: #efefef; border: 1px solid #cccccc; width: 320px; margin: auto; } .barcode-generator-additional .item:nth-child(3n) { clear: right; } .barcode-generator-additional .item:nth-child(3n+1) { clear: left; } .online-quote-page { width: 700px; max-width: 100%; margin: auto; padding-top: 15px; } .online-quote-page .form-horizontal .control-label { padding-top: 0; } .online-quote-page input[type="text"], .online-quote-page input[type="email"], .online-quote-page input[type="tel"]{ width: 100%; } .online-quote-page input[type=submit] { cursor: pointer; background: #3B619F; -webkit-appearance: inherit; color: #fff; border: none; } .part-numbers-quote td { padding: 2px 0; } #tab_options-collapse > .row { margin: 15px 0 0;} .categorycontent .wizard-link { margin-top: 15px; } .categorycontent a.wizard img.icon { width: 40px; position: absolute; right: 15px; top: 44px; } .categorycontent a.wizard .button_blue { margin-top: 0; } .quote-header { margin-top: 15px; } .wizard-result .product-image, .result tr td:nth-child(1){ width: 120px;} .wizard-result .product-info, .result tr td:nth-child(2){ padding: 0 15px;} .product-learn-more .button_orange { display: block; white-space: nowrap} .step-inner { float: left; width: 50%; text-align: center} .step-inner .details { text-align: left; width: 225px; margin: 0 auto; padding: 10px 0;} .featured-subcats .subcat-container:not(.wizard-link) img { margin-right: 15px;} .featured-subcats .subcat-container:not(.wizard-link) img:last-child { margin-right: 0;} .mmg-form-content .g-recaptcha { display: block} .mmg-form-content .g-recaptcha > div { display: inline-block} .small-only { display: none} .stacktable { width: 100%;} .st-head-row-main { display: none} @media (max-width: 1199px){ .col-right .g-recaptcha { transform:scale(0.8); transform-origin:0 0; } #index-top .hero-slider { width: 630px; height: 240px; } #index-top .side-box, #index-top a.generator-link, #index-bottom .side-box, #index-bottom a.generator-link{ width: calc(100% - 630px); } #index-top a.generator-link { padding: 29px 20px; } #index-top { height: auto; } #index-top .slick-list { height:0; padding-bottom: 35.4%; } #index-top .hero-slide { height: auto; } #index-top .hero-slide .hero-content { padding-bottom: 40.5%; height: 0; } .secure-storefront { padding-right: 25px; background-size: 200px; padding-top: 185px; background-position: center 25px; } #isv-partners .isv-partners .partner-info .hero, #isv-partners .isv-partners .bci-info .hero, #isv-partners .isv-partners .simple-steps .hero { font-size: 14px; } #isv-partners .isv-partners .partner-info .hero img { margin-bottom: 25px; } #isv-partners .isv-partners .bci-info .hero img { margin-bottom: 11px; } #isv-partners .isv-partners .simple-steps .hero em { font-size: 12px; } #isv-partners .isv-partners .simple-steps .hero span { margin-top: 42px; } .contact-box .contact-boxbody .contact_img { background-size: 80% !important; background-position: bottom right !important; } } @media (max-width: 1024px){ .featured-subcats a.subcat { display: block; float: none; width: auto; } } @media (max-width: 991px){ #index-top .side-box, #index-top a.generator-link { width: 50%; } #index-top a.generator-link { padding: 39px 20px; } table.mfgtable:not(.mfgtable-images), table.mfgtable:not(.mfgtable-images) td, table.mfgtable:not(.mfgtable-images) tr, table.mfgtable:not(.mfgtable-images) tbody{ display: block; } table.mfgtable:not(.mfgtable-images) td { float: left; width: 50%; } table.mfgtable:not(.mfgtable-images) td:nth-child(2n){ clear: right; } table.mfgtable:not(.mfgtable-images) td:nth-child(2n+1){ clear: left; } .mfgtable-images .float { margin: 0 !important; width: 25%; text-align: center; } .mfgtable-images .float > table { margin: auto; } #index-top .slick-list { height:0; padding-bottom: 33.6%; } #index-top .hero-slider { float: none; padding-bottom: 40.75%; height: 0; width: auto; } #index-top .hero-slider .slick-track { position: absolute; height: 100%; } #index-top .hero-slider .slick-nav { width: 100%; } .tab_body { margin-bottom: 30px; } #guide_body_container .contact-solutions { width: 100%; } #isv-partners .isv-partners .partner-info .hero, #isv-partners .isv-partners .bci-info .hero, #isv-partners .isv-partners .simple-steps .hero { font-size: 20px; position: relative; } #isv-partners .isv-partners .partner-info .hero img { margin-bottom: 35px; } #isv-partners .isv-partners .bci-info .hero img { margin-bottom: 21px; } #isv-partners .isv-partners .simple-steps .hero em { font-size: 18px; } #isv-partners .isv-partners .simple-steps .hero span { margin-top: 46px; } #isv-partners .isv-partners .partner-info .hero span, #isv-partners .isv-partners .bci-info .hero span, #isv-partners .isv-partners .simple-steps .hero span { position: absolute; bottom: 15px; left: 0; } #prod_detailcontainer .addtocart_container .top { margin: 0 -150px; border-width: 1px 0; padding: 0 150px; } #prod_detailcontainer .addtocart_container .top > .row { width: 420px; margin: 0 auto; max-width: 100%; } #prod_detailcontainer .addtocart_container .top .button_add-to-cart { margin-top: 20px; } #prod_detailcontainer .addtocart_container .top .cost { text-align: left; } #prod_detailcontainer .prod_detail .prod_description { margin: 15px 0 10px; } .description-with-sidebar .product_description, .description-with-sidebar .solutions_sidebar{ float: none; width: auto; } .description-with-sidebar .product_description { margin-bottom: 15px; } .featured-subcats .subcat-container:not(.wizard-link) table, .featured-subcats .subcat-container:not(.wizard-link) tbody, .featured-subcats .subcat-container:not(.wizard-link) tr, .featured-subcats .subcat-container:not(.wizard-link) td { display: block; width: 100%;} .featured-subcats td { margin-bottom: 15px; } .company-price-title { display: none} .wizard-table, .wizard-table tbody, .wizard-table tr, .wizard-table td { display: block; width: auto; } .featured-subcats .wizard-table .subcat-container td { margin-bottom: 0; } .ebook-table, .ebook-table tbody, .ebook-table tr, .ebook-table td { display: block; } .ebook-table td { float: left; padding-left: 0 !important;; } .ebook-table td:first-child { float: none; } #prod_detailcontainer .addtocart_container .top a.availability, #prod_detailcontainer .addtocart_container .top a.replacement, #prod_detailcontainer .addtocart_container .top a.login { margin-bottom: 20px; } } @media (min-width: 768px) { #filter_categories .collapse { height: auto !important; } } @media (max-width: 767px){ .large-only { display: none} .small-only.stacktable { display: table} .stacktable td { padding: 5px;} .stacktable .st-key { font-weight: bold} #index-bottom { padding-top: 15px; } #index-top .side-box, #index-top a.generator-link, #index-bottom .side-box, #index-bottom a.generator-link{ float: none; width: auto; display: block; } .index ul.departments li .img { height: auto; } .index ul.departments li.bottom { margin-bottom: 20px; } /*Homepage*/ .index ul.brands { width: 100%; clear: both; } .index ul.others { margin-bottom: 30px; } .index ul.others:last-child { margin-bottom: 10px; } .index ul.others.brands ul li { margin-bottom: 10px; float: none; display: inline-block; vertical-align: middle; width: 50%; padding-right: 15px; } .index ul.others.brands ul li:nth-child(2n){ padding-right: 0; padding-left: 15px; } .index ul.others.brands ul li.noborder { display: block; text-align: left; } .ebook-banner-results table, .ebook-banner-results tr, .ebook-banner-results td, .ebook-banner-results tbody { display: block; } a.ebook-banner-results img { width: 80px; height: auto; } .ebook-banner-image { float: left; width: 80px; } .ebook-banner-text { float: left; width: calc(100% - 80px); clear: right; padding-left: 15px; } a.ebook-banner-results .button_orange { margin: auto; } .ebook-banner-button { float: left; clear: both; width: 100%; padding-top: 15px; } table.mfgtable:not(.mfgtable-images) td { float: none; width: auto; } .mfgtable-images .float { width: 33.33%; } .department-page .featured-cats-container { margin-left: -15px; margin-right: -15px; padding-left: 0; padding-right: 0; width: auto; } .department-page .category-list li { padding: 0; } .department-page .category-list li > div { padding: 15px 0; } #filter_categories .collapse { display: none; } #filter_categories h3 + div { padding-left: 33px; } #filter_categories .collapse.in { display: block; } #refine-box { display: block; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; cursor: pointer; margin: 10px 0 0; padding: 10px 0; text-align: center; } #refine-box span { color: #747474; font-size: 18px; font-weight: 700; text-transform: uppercase; line-height: 1.75em; } #refine-box i { float: left; margin: 7px 0 7px 10px; } #filter_categories .boxbody .filter_category h3 { background: none; font-size: 18px; padding: 12px 0; position: relative; color: #010101; border: none; margin-bottom: 0; font-weight: normal; cursor: pointer; } #filter_categories .boxbody .filter_category h3 i { float: left; padding: 3px 0; margin: 3px 10px 0; font-size: 15px; display: block; } #filter_categories .boxbody .filter_category h3 .info { display: none; } #filter_categories .boxbody .filter_category { margin-bottom: 0; } #filter_categories .block-layered-nav { padding-top: 15px; } ul.filter_group_nav { margin-top: 10px; } .product_description { margin-bottom: 1em; } ul.subCategoryList { width: 50%; } table#categoryListings td div, table#categoryListings td ul { padding-bottom: 0; } .panel-default { border-color: #ccc; } .part_body { margin-bottom: 15px; padding: 0; border: none; } .tab_body .panel { border: none; } .tab_body .panel-default>.panel-heading { background: none; border: none; padding: 0; } .tab_body .panel-body { border-width: 0 1px 1px; border-style: solid; border-color: #cccccc; padding: 0 30px; } .tab_body .panel-default>.panel-heading a { padding: 13px 14px; font-weight: bold; display: block; font-size: 14px; position: relative; color: #323232; text-transform: uppercase; border-width: 1px 1px 0; border-color: #cccccc; border-style: solid; text-decoration: none; } .tab_body .panel-default>.panel-heading a.collapsed { background: #e5e6e8; border-color: #e5e6e8; font-weight: normal; } .tab_body .panel-default>.panel-heading a:before { content: 'x'; position: absolute; right: 15px; font-size: 24px; height: 24px; line-height: 1em; text-transform: none; top: 7px; } .tab_body .panel-default>.panel-heading a.collapsed:before { width: 0; height: 0; border-style: solid; border-width: 8px 7.5px 0 7.5px; border-color: #6d6d6d transparent transparent transparent; content: ''; top: 0; bottom: 0; margin: auto; } .tab_body .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top: none; } #prod_detailcontainer .prod_detail .mainimg { float: none; } .contact_img_bg4 { background: none; } .contact_details { padding-left: 0; } .contact_item { text-align: center; } .contact_item img { float: none; margin-right: 0; } .contact_item p { float: none; text-align: left; width: auto; } .contact_item .title { text-align: left; } .manufacturers-table-wrapper, .drivers-table-wrapper { max-width: 100%; overflow: auto; } .manufacturers-table-wrapper tr td:first-child { white-space: normal; width: 200px; } .added-to-cart, .added-to-cart tbody, .added-to-cart tr, .added-to-cart td.image, .added-container .details, .added-container .proceed { display: block; float: none; padding-right: 0; width: 100%; } .added-to-cart td.proceed { text-align: left; } .added-to-cart td b.added-price { float: none; } .added-container .image { text-align: center; padding-bottom: 15px; } .added-container .details { padding-bottom: 15px; } #guide_body_container .advantages { width: 100%; } .solutions_body ul.list-with-icons li { width: 50%; } #prod_detailcontainer .addtocart_container { float: none; width: auto; } #prod_detailcontainer .addthis_sharing_container { margin-left: 0 !important; margin-bottom: 0; } .contact-box .contact-boxbody .contact_img { background-size: auto !important; background-position: top left !important; } .solutions_sidebar { float: none; width: auto; } #content-container { padding: 0; border: none; } .barcode-generator-additional .item:nth-child(3n) { clear: none; } .barcode-generator-additional .item:nth-child(3n+1) { clear: none; } .barcode-generator-additional .item:nth-child(2n) { clear: right; } .barcode-generator-additional .item:nth-child(2n+1) { clear: left; } #guide_body_container .contact-solutions { background: none !important; } .mfg_index_cats table { width: 33.33%; } .mfg_index_cats table.left:first-child { border-bottom: 1px solid #B6BCBF; } .mfg_index_cats table.left:nth-child(3n) { border-right: none; border-bottom: 1px solid #B6BCBF; } .mfg_index_cats table.left:nth-child(3n):last-child { border-bottom: none; } .mfg_index_cats table.top:nth-child(3n+1){ border-right: 1px solid #B6BCBF; } .mfg_index_cats table.left:nth-child(3n+2){ border-bottom: 1px solid #B6BCBF; } .quote-header, .quote-header > tbody, .quote-header > tbody > tr, .quote-header > tbody > tr > td { display: block; text-align: center; } .quote-header > tbody > tr > td:first-child { float: left; clear: both; width: 100%; padding: 0 0 20px; } .quote-header > tbody > tr > td:nth-child(2), .quote-header > tbody > tr > td:nth-child(3){ float: left; width: 50%; text-align: center !important; padding-bottom: 20px; } .quote-header table { width: 100%; } #part-wrapper .title { float: none !important; width: auto !important;} .sidebar #filter-loader{ display: none !important; } .subcat .col-sm-6 { width: 50%; float: left; } #filtertd #filter-loader { display: none !important; } #bc-chat-container { position: fixed !important; top: auto !important; bottom: 0; } .add-ons-table .add-on-column { padding-left: 0; } .tableContainer .add-on-label { display: inline-block; vertical-align: middle; } .tableContainer .add-on-label + input[type=checkbox] { margin-top: 0; margin-left: 4px; vertical-align: middle; display: inline-block; } } @media (max-width: 700px){ .barcode-examples .barcode-example-block, .barcode-examples .barcode-image { display: block; } .barcode-examples .barcode-image { padding: 15px 0; } } @media (max-width: 600px){ .producttable, .producttable tr, .producttable tbody, .producttable td { display: block; } .producttable tr:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } .producttable .partcell { width: 30%; float: left; } .producttable .partcell + td, .producttable td.pricecell { float: right; clear: right; padding: 8px 15px; } .producttable td.pricecell { border: none; } .producttable .partcell + td:not(.pricecell) { width: 70%; } .producttable td.pricecell { width: 70%; text-align: left !important; } .producttable .pricecell form { width: auto; margin: 0; } .producttable .partcell img { max-width: 100%; } .mfgtable-images .float { width: 50%; } .featured-subcats .subcat-container { width: 50%; } .wrapper .pr-review-author, .wrapper .pr-review-rating-wrapper, .wrapper .pr-review-main-wrapper { width: auto; float: none; } .about_list img { display: none; } .about_list p, .about_list span { margin-left: 0; } #solutions_container .main_image .image, #guide_container .main_image .image{ background: none !important; } .partners-table td, .partners-table tr, .partners-table { display: block; } #solutions_container .line1, #solutions_container .line2, #guide_container .main_image .line1, #guide_container .main_image .line2{ font-size: 24px; line-height: 24px; } #solutions_container .theme-orman h2, #guide_container .main_image .h2{ max-width: none; } .contact_img_bg3 { background: none; } .contact_details a.chat { background-position: 0 7px; } ul.support_table li { width: auto; } .double-image .image { float: none; width: auto; padding-right: 0; } .double-image .image:last-child { padding-left: 0; } #isv-partners .partner-section .partner_thumb_td { width: 30%; float: left; } #isv-partners .partner-section .partner_description_td, #isv-partners .partner_price_td, #isv-partners .partner_qty_td{ float: right; clear: right; padding: 8px 15px; width: 70%; } #isv-partners .partner_price_td { width: auto; float: left; margin-left: 30%; } #isv-partners .partner_qty_td { width: auto; clear: none; float: left; } .subcat .col-sm-6 { width: auto; float: none; } .wizard-result, .wizard-result tbody, .wizard-result tr, .wizard-result td, .result, .result tbody, .result tr, .result td{ display: block; box-sizing: border-box; } .wizard-result tr:after, .result tr:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .wizard-result .product-image, .result tr td:nth-child(1){ width: 30%; float: left; } .wizard-result .product-info, .wizard-result .product-learn-more, .result tr td:nth-child(2), .result tr td:nth-child(3){ float: right; clear: right; padding: 8px 15px; width: 70%; } } @media (max-width: 500px){ #index-top .slick-list { padding-bottom: 40.5%; } .featured-list-grid .category-tile { width: auto; float: none; border-bottom: 1px solid #B6BCBF; } .featured-list-grid li:last-child .category-tile:last-child { border-bottom: none; } .featured-list-grid li { border-bottom: none; } .featured_list .right { border-left: none; } .featured_list .left { border-right: none; } .description-with-brand { text-align: center; } .description-with-brand .description { width: auto; float: none; text-align: left; } .description-with-brand .description-logo { float: none; margin: 15px 0; } #index-top .hero-slider { padding-bottom: 47.75%; } ul.subCategoryList { float: none; width: auto; } .recommendations_zone td, .recommendations_zone td.name { width:100%; } .recommendations_zone div.feature { float: none; margin: auto; } .table-layout-utility .table-layout-block { display: block; margin-bottom: 15px; } .static-page-products, .static-page-products tr, .static-page-products td, .static-page-products tbody { display: block; } .static-page-products td:first-child { padding-bottom: 15px; } .static-page-products { text-align: center; } .contact-fields input { width: 220px; margin-bottom: 10px; } .contact-solutions ul, .contact-solutions ul li, .contact-solutions ul li:not(.phone-container) input, .contact-solutions ul li label:not(.main-label){ float: none; text-align: left; display: block; width: 100%; } .additional-options, .additional-options tbody, .additional-options tr, .additional-options td { display: block; } .additional-options label span, .additional-options label input { display: inline-block !important; width: auto !important; } .contact-solutions ul li .req { background-position: 97% 11px; } .contact-solutions input.button_contact { padding-bottom: 13%; width: 100%; background-size: cover; float: none; } .solutions_body ul.list-with-icons li { float: none; width: auto; } #global-footer-stripe .content .informed { display: block; margin-bottom: .5em; font-size: 16px; } .brands-table, .brands-table tbody, .brands-table tr, .brands-table td { display: block; text-align: center; width: auto; } .brands-table td { padding: 20px 10px; } #search_results_sorter, #search_results_sorter tr, #search_results_sorter td { display: block; } #sortby { float: none !important; } table#search_results_sorter td:first-child { padding-bottom: 0; } .mfg_index_cats table { width: auto; float: none; border-right: none !important; } .mfg_index_cats table, .mfg_index_cats tbody, .mfg_index_cats td, .mfg_index_cats tr { display: block; text-align: center; } .quote-header > tbody > tr > td:nth-child(2), .quote-header > tbody > tr > td:nth-child(3){ float: none; width: auto; } .contact-solutions ul li label { float: none; text-align: left; } .step-inner { float: none; width:auto; } .table-size, .table-size tbody, .table-size tr, .table-size td { display: block; } .table-size .size-image { text-align: center; } .featured-subcats .subcat-container:not(.wizard-link) img { margin-right: 0; display: inline-block; margin-bottom: 15px; } .featured-subcats .subcat-container:not(.wizard-link) img:last-child { margin-bottom: 0; } .add-ons-table > tbody > tr > td:first-child{ display: none; } } @media (max-width: 400px){ .continue-to-cart { margin-right: 0; } .continue-shopping-bottom { margin-top: 10px; margin-right: 0; } .added-to-cart td.proceed { display: block; margin-top: 10px; } .added-container .continue-to-cart { display: block; margin-top: 10px; } } @media (max-width: 320px){ #landing-page-content #Features ol.bjqs-markers li { font-size: 11px; } } @media (max-width: 991px) { .header-middle-right { text-align: right; padding-top: 10px; } .header-middle-right .search-area { display: none; } .header-middle-right .header-links .header-phone { margin-top: 6px; margin-bottom: 4px; } .header-middle-right .header-links .header-phone .time { margin-top: 0; } .search-mobile, .nav-toggle-mobile, .search-toggle-mobile, .cart-mobile { display: block; color: #fff; } .nav-toggle-mobile { width: calc(50% - 10px); float: left; height: 40px; text-align: left; } .search-toggle-mobile { float: left; height: 40px; text-align: left; width: calc(50% - 43px); } .cart-mobile { float: right; width: 26px; height: 40px; position: relative; } .cart-mobile a { color: #fff; } .cart-mobile .cart-qty { background: #F68819; border: 1px solid #F68819; color: #FFFFFF; font-size: 10px; border-radius: 50%; width: 18px; height: 18px; position: absolute; top: 2px; right: -10px; text-align: center; vertical-align: middle; -webkit-transition: all .35s; transition: all .35s; display: inline-block; box-sizing: border-box; } .mobile-nav-label { color: #FFFFFF; line-height: 40px; margin: 0 0 0 35px; text-transform: none; -webkit-transition: all .35s; transition: all .35s; display: inline-block; vertical-align: middle; } .nav-container .fas { font-size: 26px; display: inline-block; vertical-align: middle; line-height: 40px; } .mobile-nav-shown .mobile-nav { left: 0; visibility: visible; } .nav-container .top-nav { display: none; } .nav-container .header-right { display: none; } .search-mobile { background: #F68819; height: 45px; padding: 5px 15px; box-sizing: border-box; display: none; } .search-mobile .searchfield { background: #FFFFFF; border: none; float: left; font-size: 16px; height: 35px; margin-bottom: 0; padding: 6.5px 15px; width: calc(100% - 85px); box-sizing: border-box; } .search-mobile input[type="submit"]{ display: inline-block; vertical-align: middle; padding: 0 12px; font-size: 13px; color: #FFFFFF; background-color: #F68819; border-color: #F68819; float: right; height: 35px; margin-left: 0; width: 85px; -webkit-transition: background-color .35s; transition: background-color .35s; } .mobile-nav-list a > img { margin-right: 5px; } .mobile-nav-list, .mobile-nav-list ul, .mobile-nav-list ul ul { padding-left: 0; list-style: none; margin: 0; } .close-mobile-nav.close-block { font-size: 20px; line-height: 48px; font-weight: 700; text-transform: uppercase; padding: 13px 25px; position: relative; } .close-mobile-nav.close-block .fa-times { content: "\f00d"; font-size: 20px; color: #FFFFFF; display: block; text-align: center; position: absolute; right: 27px; margin-top: -10px; top: 50%; cursor: pointer; } .mobile-nav-list > li { display: block; } .mobile-nav-list > li > a, .mobile-nav-list > li > .nav-item-opener a, .mobile-nav-list > li > .nav-item-opener > span:not(.opener), .mobile-nav-list > li.title a { font-size: 13px; display: block; position: relative; font-weight: 500; padding: 0; padding-left: 23px; line-height: 54px; background-color: transparent; border-top: 1px solid rgba(235,235,235,0.07); text-transform: uppercase; color: #fff; } .mobile-nav-list > li .nav-item-opener { position: relative; } .mobile-nav-list > li .nav-item-opener .opener { position: absolute; right: 10px; top: 6px; bottom: 0; margin: auto; cursor: pointer; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #fff; } .mobile-nav-list > li .nav-item-opener .opener .fa-plus { display: inline-block; } .mobile-nav-list > li .nav-item-opener .opener .fa-minus { display: none; } .mobile-nav-list > li .nav-item-opener .opener.active .fa-plus { display: none; } .mobile-nav-list > li .nav-item-opener .opener.active .fa-minus { display: inline-block; } .mobile-nav-list > li .sub-nav, .mobile-nav-list > li .sub-sub-nav, .mobile-nav-list > li .sub-sub-nav ul { display: none; padding-left: 0; } .mobile-nav-list > li .sub-sub-nav ul { padding-left: 13px; } .mobile-nav-list > li .sub-nav { border-top: 1px solid rgba(235,235,235,0.07); } .mobile-nav-list > li .sub-nav > li, .mobile-nav-list > li .sub-sub-nav > li { padding-left: 23px; } .mobile-nav-list > li .sub-nav > li.title, .mobile-nav-list > li .sub-sub-nav > li.title { margin-bottom: 0; font-size: 13px; font-weight: bold; } .mobile-nav-list > li .sub-nav > li > .nav-item-opener a, .mobile-nav-list > li .sub-nav > li > .nav-item-opener span:not(.opener), .mobile-nav-list > li .sub-nav > li > a{ line-height: 48px; padding: 0 20px 0 13px; position: relative; display: block; } .mobile-nav-list > li > a .fas, .mobile-nav-list > li > a span { display: inline-block; vertical-align: middle; } .mobile-nav-list > li > a .fas { margin-right: 5px; } .mobile-nav-list a { color: #fff; } .mobile-nav-list > li .sub-sub-nav { border-top: none; } .mobile-nav-list > li .sub-sub-nav li a, .mobile-nav-list > li .sub-sub-nav li .nav-item-opener > span:not(.opener){ line-height: 38px; padding: 0 20px 0 0; display: block; } /*Homepage*/ #index-top { height: auto; } #global-footer-stripe .content, #global-footer-stripe { height: auto; } .footer-stripe-content-table, .footer-stripe-content{ display: block; width: auto; height: auto; } #global-footer-stripe > .content .footer-phone, #global-footer-stripe > .content .footer-email-us, #global-footer-stripe > .content .footer-chat { display: block; float: left; width: 33.33%; padding-right: 0; } #global-footer-stripe > .content .footer-chat { clear: right; } #global-footer-stripe > .content .footer-subscribe { display: block; float: left; width: 100%; clear: left; text-align: center; padding-top: 15px; } .footer-stripe-content { padding: 10px 0; } #global-footer-stripe > .content .footer-email-us { text-align: center; } #global-footer-stripe > .content .footer-chat { text-align: right; } #global-footer .footer-links-wrapper { float: none; width: auto; } #global-footer .footer-social { float: none; margin: 0 auto 10px; } } @media (max-width: 600px) { /*Header*/ .mobile-nav-label { display: none; } .index ul.others ul { font-size: 0; } .index ul.others ul li a.view-all { font-weight: bold; } .index ul.partnerships { text-align: left; font-size: 0; } .index ul.partnerships:after { display: none; } .index ul.partnerships li { width: 50%; text-align: center; vertical-align: middle; margin-top: 10px; } .index ul.partnerships li:nth-child(0), .index ul.partnerships li:nth-child(1) { margin-top: 0; } .index ul.partnerships li:nth-child(2n) { clear: right; } .index ul.partnerships li:nth-child(2n+1) { clear: left; } /*Footer*/ #global-footer-stripe > .content .footer-phone, #global-footer-stripe > .content .footer-email-us, #global-footer-stripe > .content .footer-chat { width: 50%; } #global-footer-stripe > .content .footer-chat { clear: left; text-align: left; margin-top: 10px; } #global-footer-stripe > .content .footer-chat > div { display: block !important; } #global-footer-stripe > .content .footer-phone .phone-number { margin-top: 0; } #global-footer-stripe > .content .footer-email-us { padding-right: 0; } #global-footer-stripe .content img.phone-number { float: none; } #global-footer .footer-badges img { max-width: 80%; height: auto; } } @media (max-width: 460px) { .header-middle-right { width: 130px; } .header-middle-right { padding-top: 0; } #global-header .logo { max-width: 160px; } .header-middle-right .header-links .header-phone, .header-contacts .bcText { display: none; } .header-middle-right .header-links .header-phone-mobile { display: inline-block; background: #F68819; color: #FFFFFF; font-size: 16px; font-weight: 700; line-height: 18px; } .header-middle-right .header-links .header-phone-mobile a { color: #fff; padding: 10px; display: block; pointer-events: auto; } #global-footer .content ul.column { width: calc(50% - 15px); margin-bottom: 1em; } #global-footer .content ul.column:nth-child(2n){ margin-right: 0; clear: right; } #global-footer .content ul.column:nth-child(2n+1){ clear: left; } }