@charset "utf-8";
body{font-size:17px;width:100%;height:100%;margin:0;padding:0;font-family:'Raleway',sans-serif;color:#737373;overflow-x:hidden;background:#f4f5f6}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
a img{border:none}
a{cursor:pointer;text-decoration:none;outline:none}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
/*
.fleft{float:left}
.fright{float:right}
*/
.clear{clear:both}


@font-face{font-family:'FontAwesome';src:url(fonts/fontawesome-webfont.eot?v=4.4.0);src:url(fonts/fontawesome-webfont.eot?#iefix&v=4.4.0) format("embedded-opentype"),url(fonts/fontawesome-webfont.woff2?v=4.4.0) format("woff2"),url(fonts/fontawesome-webfont.woff?v=4.4.0) format("woff"),url(fonts/fontawesome-webfont.ttf?v=4.4.0) format("truetype"),url(fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular) format("svg");font-weight:400;font-style:normal}
header{background:url(images/header-bg.jpg) repeat 0 0;padding:15px 0;text-align:center}
header a img{width:50%;height:auto}
.fa{display:none}
.cbp-spmenu{display:none}
.menuPanel{width:80%;margin:.938em auto;background:#500}
.menuPanel h2{background:#500;margin:.313em auto 0;line-height:1.875em;border-bottom:.063em solid #872000;border-bottom:.063em solid #872000;padding-left:.625em;display:block;font-size:1.143em;font-weight:700;padding-left:.625em;color:#fff;-webkit-box-shadow:0 .438em .688em 0 rgba(0,0,0,0.74);-moz-box-shadow:0 .438em 10.063em 0 rgba(0,0,0,0.74);box-shadow:0 .438em .688em 0 rgba(0,0,0,0.74);margin-bottom:.625em}
.menuPanel h2 em{font-size:.5em;font-style:normal}
.menu a i{color:#fff;float:right;font-size:20px;padding:0 15px 0 0}
.cbp-spmenu{display:none}
.cbp-spmenu span,.cbp-spmenu a{display:none}
nav .headingTop{font-family:"Raleway",sans-serif;font-size:1.176em;font-weight:700;background:#9fcb85;line-height:2em;color:#0000A6}
nav a{color:#fff;text-decoration:none}
body a:hover{color:#fff}
nav{background-color:#c4dfb3}
nav ul{margin:0;padding:0;list-style:none}
nav li,nav .nav-toggle{text-align:center;position:relative;display:inline-block;cursor:pointer;width:100%}
nav .dropdown > a:after{content:"";position:absolute;right:15px;-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);-webkit-transition:-webkit-transform .2s ease;transition:transform .2s ease}
nav .dropdown.open,.desktop nav li:hover{background-color:#b4e197}
nav .dropdown.open > a:after,.desktop nav li:hover > a:after{-webkit-transform:scaleY(-1);-ms-transform:scaleY(-1);transform:scaleY(-1)}
nav .dropdown ul{position:relative;background-color:#b4e197;display:none}
nav a{display:block;padding:10px 15px}
.dropdown i.fa{right:15px;color:#323232;float:right;line-height:28px}
.menuleft a#showLeftPush i.fa-close{display:none}
.cbp-spmenu-push-toright .menuleft a#showLeftPush i.fa-close{display:block}
.cbp-spmenu-push-toright .menuleft a#showLeftPush i.fa-bars{display:none}
.rightHeader .rightHeadingBox{background:#9FCB85 none repeat scroll 0 0;color:#0000A6;font-family:"Raleway",sans-serif;font-size:1.176em;font-weight:700;line-height:2em;text-align:center}
.rightHeader ul{background:#9fcb85;height:50em}
.rightHeader ul li{width:100%;margin:0 auto;background:#c4dfb3;color:#323232;font-size:.941em}
.rightHeader ul li i.fa-caret-right{float:right}
.rightHeader li p{font-weight:700;line-height:1.824em}
.rightHeader li a{display:block;color:#0000FB;font-size:1em;font-family:'Raleway',sans-serif;font-weight:300;padding-top:.55em;padding-bottom:.55em;padding-right:1em!important;border-bottom:1px solid #91a386;text-align:left}
.rightHeader li a:hover{background:#ffffc1;color:#0000FB}
.rightHeader .btnblack{background:#020202;font-size:.647em;color:#fff;line-height:2.059em;text-align:center;float:right}
.rightHeader .btnblack:hover{background:#020202;color:#fff}
.menu a#showRightPush i.fa-close{display:none}
.cbp-spmenu-push-toleft .menu a#showRightPush i.fa-close{display:block}
.cbp-spmenu-push-toleft .menu a#showRightPush i.fa-bars{display:none}
@font-face{font-family:'FontAwesome';src:url(fonts/fontawesome-webfont.eot?v=4.3.0);src:url(fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format("embedded-opentype"),url(fonts/fontawesome-webfont.woff2?v=4.3.0) format("woff2"),url(fonts/fontawesome-webfont.woff?v=4.3.0) format("woff"),url(fonts/fontawesome-webfont.ttf?v=4.3.0) format("truetype"),url(fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format("svg");font-weight:400;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0,0)}
.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}
.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}
.fa-caret-right:before{content:"\f0da"}
.t{font-size:1em;font-weight:400;font-family:Arial,Helvetica,sans-serif;color:gray}
.t-b{font-size:medium;font-weight:700;font-family:Arial,Helvetica,sans-serif;color:#000}
.t-i{font-size:medium;font-weight:400;font-family:Arial,Helvetica,sans-serif;color:#000;font-style:italic}
.t-ib{font-size:medium;font-weight:700;font-family:Arial,Helvetica,sans-serif;color:#000;font-style:italic}
.ts{font-size:.5em;font-weight:400;font-family:Arial,Helvetica,sans-serif;color:#D6D6D6}



.page-background{width:100%;margin:0 auto}
#top-banner-space{width:100%;float:left}
.banner-img-1{width:57.8125%;float:left}
.banner-img-2{width:29.6875%;float:left}
.time-space{display:none}
.time-text{font-size:.8em;font-weight:400;font-family:Arial,Helvetica,sans-serif;color:gray;vertical-align:bottom;float:none;white-space:nowrap;list-style-type:none}
.chat-button{width:100%;list-style-type:none;float:left}
.chat-img{width:100%;float:left}
.nav-bar-space{width:100%;background-color:#DFE4DF;border-top:1px solid #B1B1B1;border-bottom:1px solid #B1B1B1;line-height:100%;list-style-type:none;float:left}
.nav-img{width:3.6%;margin-top:1.22%;margin-right:.25%;float:none}
.nav-bar-path{width:100%;float:left}
.nav-text{font-size:1em;font-weight:400;font-family:Arial,Helvetica,sans-serif;color:#000;vertical-align:bottom;float:none}
.search-bar-space{display:none}
.search-bar{width:100%;float:left}
.search-bar-query{font-size:1em;width:73%;height:1.2em;font-weight:400;font-family:Arial,Helvetica,sans-serif;color:#000;float:left;margin-top:.8%}
.search-button{display:none}
.view-cart-button-space{width:9%;margin-top:.25%;margin-right:.05%;float:left}
.view-cart-form{width:100%;float:left}
.view-cart-button{display:none}
.my-account-button-space{display:none}
.my-account-form{width:100%;float:left}
.my-account-button{font-size:1em;width:100%;height:1.8em;margin-right:1.5%;font-weight:400;font-family:Arial,Helvetica,sans-serif;color:#000;float:left}
.contact-button-space{display:none}
.contact-form{width:100%;float:left}
.contact-button{font-size:1em;width:100%;height:1.8em;margin-right:1.5%;font-weight:400;font-family:Arial,Helvetica,sans-serif;color:#000;float:left}
.desktop-function{width:100%;display:table;background-color:#FFF}
.left-column{display:none}
#center-stage{width:100%;height:auto;float:none;background-image:none;background-size:118.86%;background-repeat:repeat-y;word-break:break-all}
/*
.dt-menu{width:95%;margin-left:0;background-color:#C4DFB3;list-style:none}
.dt-heading{width:100%;font-size:1.028em;padding-left:2%;padding-top:5.8%;padding-bottom:5.8%;border-bottom:1px solid #B1B1B1;border-left:1px solid #9FCB85;border-right:1px solid #9FCB85;background-color:#9FCB85;font-weight:700;font-family:Arial,Helvetica,sans-serif;color:#0000A6;text-align:center;list-style:none}
.dt-span:hover{background-color:#ffffc1;color:#0000FB}
.dt-menu li span{text-decoration:none}
.dt-menu li span:hover{background-color:#FFFFC1;color:#0000FB}
.dt-span{width:100%;display:block;font-size:1.03em;padding-left:2%;padding-top:9.5%;padding-bottom:9.5%;border-left:1px solid #B1B1B1;border-right:1px solid #B1B1B1;border-bottom:1px solid #B1B1B1;background-color:#C4DFB3;font-weight:400;font-family:Arial,Helvetica,sans-serif;color:#0000FB;vertical-align:bottom;text-align:left;list-style:none}
*/
.h1-tag-space{width:100%;height:auto;padding-top:1.5%}
.h1-tag-text{color:#C00;font-family:Arial,Helvetica,sans-serif;font-size:2em;font-weight:700;font-style:italic;text-align:center;word-break:normal}
.p-under-h1-space{width:100%;padding-bottom:1.3%}
.p-under-h1-text{color:#C00;font-family:Arial,Helvetica,sans-serif;font-size:1em;font-weight:700;font-style:italic;text-align:center;word-break:normal}
.picture-box{width:37.1%;margin-left:.5%;float:left}
.main-picture{width:auto;float:left}
.AJXLightboxSYMRQWC li,.AJXLightboxSYMRQWC .AJXLightboxSYMRQWCli{display:none}
.thumb-sizer{width:99%}
.thumb-bottom-spacer{width:99%;height:3em}
.thumbs{display:none}
.AJXLightboxSYMRQWC .AJXLightboxSYMRQWCawrapper{position:relative;width:100%;top:0;left:0;overflow:hidden}
.purchasing{width:100px;height:auto;margin-bottom:4%;margin-left:.2%;border:2px solid green;text-align:center;float:right}
.purchasing2{width:75%;height:auto;margin-bottom:4%;margin-left:auto;margin-right:auto;border:2px solid green;text-align:center;float:none}
.p-info-head-cell{margin:1px;border:3px solid green;background-color:#FFF}
.p-info-heading{font-family:Arial,Helvetica,sans-serif;color:navy;font-size:13pt;font-weight:700;word-break:normal}
.p-info-blue-med{font-family:Arial,Helvetica,sans-serif;color:#0000FB;font-size:8pt;font-weight:700}
.p-info-black{font-family:Arial,Helvetica,sans-serif;color:#000;font-size:7.4pt;font-weight:700}
.p-info-blue{font-family:Arial,Helvetica,sans-serif;color:#0000FB;font-size:7.4pt;font-weight:700}
.p-info-green{font-family:Arial,Helvetica,sans-serif;color:green;font-size:7.4pt;font-weight:700}
.p-info-gray{font-family:Arial,Helvetica,sans-serif;color:gray;font-size:7.4pt;font-weight:700}
.discount-table{text-align:center;border-collapse:separate;border-spacing:0}
.discount-table tr td{padding:0}
.discount-table{width:100%;background-color:#FFC}
.quant-level-header{width:60%;border:1px solid green;background-color:#FFC}
.quant-level-header p{font-family:Arial,Helvetica,sans-serif;color:navy;font-size:7.4pt;font-weight:700;vertical-align:middle;padding-top:1%;padding-bottom:1%}
.discount-col-header{border:1px solid green;background-color:#FFC}
.discount-col-header p{font-family:Arial,Helvetica,sans-serif;color:navy;font-size:7.4pt;font-weight:700;vertical-align:middle;padding-top:1%;padding-bottom:1%}
.quant-level-col{width:60%;border:1px solid green;background-color:#CFC;text-align:left}
.discount-col{border:1px solid green;background-color:#FF9;text-align:center}
.discounts-black{font-family:Arial,Helvetica,sans-serif;color:#000;font-size:9pt;font-weight:700}
.discounts-blue{font-family:Arial,Helvetica,sans-serif;color:#0000FB;font-size:9pt;font-weight:700}
.price-area{background-color:#DFE4DF;height:32px;line-height:60%;vertical-align:bottom;text-align:right}
.price-container{width:95%;padding-top:5%;float:none;text-align:center}
.price-p{width:100%;float:right}
.price-text-black{font-family:Arial,Helvetica,sans-serif;color:#000;font-size:13pt;font-weight:700}
.price-text-green{font-family:Arial,Helvetica,sans-serif;color:green;font-size:15pt;font-weight:700;line-height:normal;word-break:normal}
.price-small-black{font-family:Arial,Helvetica,sans-serif;color:#000;font-size:9pt;font-weight:400;line-height:normal;word-break:normal}
.drop-down-table{width:100%;background-color:#DFE4DF}
.drop-down-area{background-color:#DFE4DF;height:32px;line-height:60%;vertical-align:bottom;text-align:right}
.drop-down{font-size:14pt;width:100%;height:24px;margin-top:10px;margin-bottom:10px;margin-left:3%}
.empty-drop-down{background-color:#DFE4DF;height:1px}
.drop-down-container{width:95%;padding-top:5%;float:left;text-align:center}
.name-text-black{font-family:Arial,Helvetica,sans-serif;color:#000;font-size:13pt;font-weight:700;line-height:normal;word-break:normal}
.quantity-space{display:none}
.quant-name-text{font-family:Arial,Helvetica,sans-serif;color:#000;font-size:13pt;font-weight:700;line-height:200%;float:left}
.quant-minus{display:none}
.quantity-select{font-size:14pt;text-align:center;float:left}
.quant-plus{display:none}
.add-button-space{display:none}
.add-cart-button{font-size:12pt;height:30px;margin-top:5px;margin-left:2px;margin-bottom:1px}
.color-bar-space{width:auto;margin-left:.5%;float:left}
.color-bar-image{width:auto;margin-left:.2%;float:left}
.prod-descrpt-space{width:67%;height:auto;margin-left:.5%;word-break:normal;float:left}
.prod-descrpt-space p{font-family:Arial,Helvetica,sans-serif;color:#000;font-size:1em;font-weight:400}
.h2-space{font-family:Arial,Helvetica,sans-serif;color:navy;font-size:1em;font-weight:700;width:100%;padding-bottom:1.5%;word-break:normal}
.bold-blue{color:navy;font-weight:700}
.style39{font-family:Arial,Helvetica,sans-serif;margin-left:.5%;width:95%;word-break:normal;width:100%;height:auto}
.style85{border-width:0;width:100%;height:auto}
.grid-stage{width:100%;margin-left:.5%;margin-top:1%;background-color:#FFF}
.grid-cell img{width:100%;height:auto}
.grid-cell{width:20%;height:auto;border:1px solid gray;text-align:center;word-break:normal;margin:0;float:left}
.grid-cell a{font-family:Arial,Helvetica,sans-serif;color:#00F;font-size:.9em;font-weight:400}
.grid-text3{color:#00F;font-family:Arial,Helvetica,sans-serif;font-size:.9em;font-weight:400;word-break:normal}
.grid-text91{color:#00F;font-family:Arial,Helvetica,sans-serif;font-size:.9em;font-weight:700}
.grid-text92{color:green;font-family:Arial,Helvetica,sans-serif;font-size:.9em;font-weight:700}
.grid-text93{color:red;font-family:Arial,Helvetica,sans-serif;font-size:.9em;font-weight:700}
.grid-text94{color:#49552F;font-family:Arial,Helvetica,sans-serif;font-size:.9em;font-weight:700}
.grid-descrpt-space{width:98%;height:auto;margin-left:.8%;margin-top:2%;margin-bottom:2%;word-break:normal;float:left}
.grid-descrpt-space p{font-family:Arial,Helvetica,sans-serif;color:#000;font-size:1em;font-weight:400}
.grid-h3-space{font-family:Arial,Helvetica,sans-serif;color:navy;font-size:1em;font-weight:700;width:100%;padding-bottom:1.5%}
.grid-4-stage{width:auto;background-color:#FFF;margin-left:.5%;margin-top:1%}
.grid-4-i-cell{width:390px;height:543px;border:1px solid gray;text-align:center;word-break:normal;margin-right:.8%;float:right}
.grid-4-i-cell img{width:100%;height:auto}
.we-have-bar{width:auto;background-color:#FFF}
.we-have-border{width:100%;height:10%;background:#84C133;font-family:Arial,Helvetica,sans-serif;font-size:1em;color:#9C6;text-align:center;float:left}
.we-have-space{width:100%;height:10%;vertical-align:middle;background-color:#FFF}
.we-have-text{display:none}
.we-have-cell{width:140px;height:165px;background-color:#FFF;border:1px solid gray;text-align:center;word-break:normal;margin:.8%;float:left}
.we-have-cell:hover{background:#FFFFC1}
.we-have-cell img{width:138px;height:92px}
.we-have-cell a{font-family:Arial,Helvetica,sans-serif;color:#00F;font-size:.9em;font-weight:400}
.we-have-cell a:hover{background-color:#FFFFC1;color:#0000FB}
#bottom-banner{display:none}
.logosBlock{background:#212222;padding:.4em 0 0;text-align:center}
.logosBlock ul{list-style:none;margin:0 auto}
.logosBlock li{padding:.3em .5em .2em .6em;width:10.15%;float:left}
.logosBlock li img{width:100%}
/*
.socialBlock{background:#212222;padding:.4em 0 0;text-align:center}
.socialBlock ul{list-style:none;margin:0 auto}
.socialBlock li{padding:.3em .5em .2em .6em;width:4.65%;float:left}
.socialBlock li img{width:100%}
*/
.bottom-banner{font-size:.5em;font-weight:400;font-family:Arial,Helvetica,sans-serif;color:#D6D6D6}
.contact-div{font-family:Arial,Helvetica,sans-serif;color:#000;font-size:1em;font-weight:400;text-align:left;width:50%;margin-left:2%;margin-right:2%;padding-left:2px;border:1px solid green;background-color:#F2FFF5;margin-bottom:10%;float:left}
.form-heading{width:99%;border:2px solid green;background-color:#FFF2D9;font-family:Arial,Helvetica,sans-serif;color:navy;font-weight:700;text-align:center}
.contact-field{font-family:Arial,Helvetica,sans-serif;color:#000;margin-top:4px;margin-bottom:4px;font-size:1em;word-break:normal}
.contact-field-text{font-size:1em}
.form-small-text{font-size:.7em}
.contact-left-space{width:45%;float:left}
.red-text{color:red}
.dark-blue-text{color:navy}
.hl-blue-text{color:#0000FB;word-break:normal}
.full-width-img{width:100%;height:auto}
.half-width-img{width:50%;height:auto}
.auto-img{width:auto;height:auto}
.gnarly-chart-table{border:1px solid #CCC;border-spacing:0;background-color:#FFC;display:table;width:100%}
.gnarly-chart-heading{border:1px solid #CCC;background-color:#CFF;text-align:center;font-family:Arial,Helvetica,sans-serif;color:#000;font-size:9pt;font-weight:400;line-height:normal;word-break:normal}
.gnarly-chart-cell{border:1px solid #CCC;font-family:Arial,Helvetica,sans-serif;color:#000;font-size:1em;font-weight:400}
.iframe{display:block;width:100%;height:2000px}
.net-diagram{width:50%;border:2px solid #000;text-align:center;background-color:#FFF}
.printed-diagram{background-color:#FFF}
.svg-content{width:98%;height:895px}
@media {
.content .desktop{display:block}
.content .menu{display:none}
.mobile{display:none}
.content .mobile-large{display:none}
.content .mobile-medium{display:none}
.content .mobile-small{display:none}
.time-text{font-size:1.5em}
.nav-img{margin-top:.7%}
.nav-text{font-size:1em}
.search-bar-query{display:none}
.search-button{font-size:1.85em}
.view-cart-button{font-size:1.85em}
.my-account-button{font-size:1.85em}
.contact-button{font-size:1.85em}
.dt-heading{font-size:1em}
.dt-span{font-size:1.5em}
.h1-tag-text{font-size:2em}
.p-under-h1-text{font-size:1em}
.h2-space{font-size:1em}
.h1-tag-text{font-size:2em}
.p-under-h1-text{font-size:1em}
.h2-space{font-size:1em}
.p-info-heading{font-size:.75em}
.p-info-blue-med{font-size:.75em}
.p-info-black{font-size:.75em}
.p-info-blue{font-size:.75em}
.p-info-green{font-size:.75em}
.p-info-gray{font-size:.75em}
.quant-level-header p{font-size:1em}
.discount-col-header p{font-size:.75em}
.discounts-black{font-size:.75em}
.discounts-blue{font-size:.75em}
.price-text-black{font-size:1em}
.price-text-green{font-size:1em}
.price-small-black{font-size:1em}
.name-text-black{font-size:.5em}
.quant-name-text{font-size:.5em}
.drop-down{font-size:1em;height:40px;margin-top:10px;margin-bottom:10px;margin-left:3%}
.quant-minus{font-size:25pt}
.quantity-select{font-size:15pt}
.quant-plus{font-size:25pt}
.add-button-space{width:180px;height:60px;font-size:14.8pt}
.add-cart-button{font-size:20pt;height:50px;margin-top:5px;margin-left:2px;margin-bottom:1px}
.picture-box{width:37.1%}
.purchasing{width:40%}
.color-bar-space{width:30%}
.color-bar-image{width:100%}
.we-have-cell{display:none}
.we-have-border{display:none}
.prod-descrpt-space{width:50%}
.prod-descrpt-space p{font-size:1em}
.grid-descrpt-space p{font-size:1em}
.grid-cell{width:15.9%;height:160px}
.grid-cell a{font-size:.8em}
.grid-text3{font-size:.8em}
.grid-text91{font-size:.8em}
.grid-text92{font-size:.8em}
.grid-text93{font-size:.8em}
.grid-text94{font-size:.8em}
.grid-4-i-cell{width:20%;height:auto}
.contact-div{font-size:1.5em;float:left}
.contact-left-space{font-size:1.5em;float:left}
.contact-field{font-size:1.5em}
.contact-field-text{font-size:1.5em}
.content .desktop{display:block}
.content .mobile{display:none}
.content .mobile-large{display:none}
.content .mobile-medium{display:none}
.content .mobile-small{display:none}
.nav-img{display:none}
.nav-text{font-size:.5em}
.search-bar-query{font-size:1.85em}
.search-button{font-size:1.75em}
.view-cart-button{font-size:1.75em}
.my-account-button{font-size:1.75em}
.contact-button{font-size:1.75em}
.dt-heading{font-size:1.91em}
.dt-span{font-size:1.7em}
.grid-4-i-cell{width:35%;height:auto}
}