/*
=====================================================================================
              _                   ______            _                            _
     /\      | |                 |  ____|          (_)                          | |
    /  \   __| | __ _ _ __ ___   | |__   __ _ _   _ _ _ __  _ __ ___   ___ _ __ | |_
   / /\ \ / _` |/ _` | '_ ` _ \  |  __| / _` | | | | | '_ \| '_ ` _ \ / _ \ '_ \| __|
  / ____ \ (_| | (_| | | | | | | | |___| (_| | |_| | | |_) | | | | | |  __/ | | | |_
 /_/    \_\__,_|\__,_|_| |_| |_| |______\__, |\__,_|_| .__/|_| |_| |_|\___|_| |_|\__|
                                           | |       | |
                                           |_|       |_|
=====================================================================================
       Site copyright Adam Equipment Ltd - Site Build: Jon Holland  2015-2016
=====================================================================================
                                     Main CSS File
=====================================================================================

-------------------------
**  Colour References  **
-------------------------
cref1 adam logo blue:   #00adef;  RGB   0,173,239
cref2 lime green:       #b1d033;  RGB   177,208,51
cref3 d-grey:           #475b66;  (main text) RGB: 71,91,102
cref4 pale grey:        #d3d9dc;  RGB:  211,217,220
cref5 mid-grey:         #8d9aa1;  RGB:  141,154,161

alternate blues

cref6 h3 blue:     #02b1f0; RGB:  2,177,240
cref7 h3 blue alt: #70d2f7; RGB:  112,210,247

complimentery colours:    orange:  #ff8500; RGB:  255,133,0  (comp of blue)
                          purple:  #93248a; RGB:  147,36,138  (comp of green) //NOT USED ANYWHERE
*/


@font-face {
    font-weight: normal; font-style: normal;
    font-family: 'ProximaNovaRegular'; src: url('../fonts/ProximaNova-Reg-webfont.eot'); src: url('../fonts/ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Reg-webfont.woff') format('woff'), url('../fonts/ProximaNova-Reg-webfont.ttf') format('truetype'), url('../fonts/ProximaNova-Reg-webfont.svg#ProximaNovaRegular') format('svg');
}

@font-face {
    font-weight: normal; font-style: normal;
    font-family: 'ProximaNovaBold'; src: url('../fonts/ProximaNova-Bold-webfont.eot'); src: url('../fonts/ProximaNova-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Bold-webfont.woff') format('woff'), url('../fonts/ProximaNova-Bold-webfont.ttf') format('truetype'), url('../fonts/ProximaNova-Bold-webfont.svg#ProximaNovaBold') format('svg');
}

.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.vhelper {vertical-align: top; display: inline-block; height: 100%; vertical-align: middle;}
.cbox{-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
.printable{display: none;}
/*GLOBALS*/
*{font-family:  'ProximaNovaRegular',Arial, sans-serif; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
a{text-decoration: none; color: #00adef; cursor: pointer; /*catch any onclick events for iThings */}
a:visited,a:active{color: #00adef; border}
a:hover{text-decoration: underline; }
p{margin-bottom: 1.4em;}
img{border: 0; outline: none;}
h3{ font-family: 'ProximaNovaBold',Arial, sans-serif; margin-bottom: 0.5em; color: #b1d033;}
h3 a{color: #b1d033;}
div{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
body{background: #fff; color: #475b66; font-family:  'ProximaNovaRegular',Arial, sans-serif; font-size: 120%; line-height: 1.5;}
.ic{width: 90%;margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
strong{ font-family: 'ProximaNovaBold',Arial, sans-serif; }
div.in{}
div.con{float: left; width: 100%;}
::-webkit-input-placeholder {color: #d3d9dc; } :-moz-placeholder {color: #d3d9dc; } ::-moz-placeholder {color: #d3d9dc; } :-ms-input-placeholder {color: #d3d9dc; }
video{visibility: hidden; max-width: 100%; width: auto; height: auto; background-color: transparent !important;
  background: transparent !important; /*chrome white as grey fix*/
  -webkit-filter: brightness(108.5%); 
}
video source{background-color: transparent !important; background: transparent !important}
video.bannervideo{visibility: visible;}

 a[href^="tel:"]{cursor: default; text-decoration: none; pointer-events: none;}
 a[href^="tel:"]:hover{text-decoration: none;}
/*vertical align (va) and vetical align parent (vap) classes.  vap class to be added to parent to avoid possible transform blurring caused be translate*/
.va{position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.vap{-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform: preserve-3d; transform-style: preserve-3d;}
.vab{bottom: 0; position: absolute;}
.vat{top: 0; position: relative;}
.nowrap{white-space:nowrap;}



#ascommercebug_link_debug{position: relative; z-index: 10000; /* bring to the top*/}

p:empty{display: none;} /* stop showing empty p tags, if possible */

/*change font for symbols that are not readable*/
span.reg{font-family: arial; padding-left: 2px; font-size: 0.9em;}

.scrollabley{overflow-y: auto;}
@media screen{
  .txtcols{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 80px; -moz-column-gap: 80px; column-gap: 80px; -webkit-column-rule: 1px solid #e4e8e7; -moz-column-rule: 1px solid #e4e8e7; column-rule: 1px solid #e4e8e7;}
  /*.txtcols h2{-webkit-column-span: all; column-span: all; margin-top: 12px;}*/
  .txtcols p, .txtcols li{/*break-inside: avoid-column; -webkit-column-break-inside: avoid;  page-break-inside: avoid;*/
     -webkit-column-break-inside:avoid;-moz-column-break-inside:avoid; -o-column-break-inside:avoid; -ms-column-break-inside:avoid; column-break-inside:avoid; 
   }
  .txtcolstwo{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 80px; -moz-column-gap: 80px; column-gap: 80px; -webkit-column-rule: 1px solid #e4e8e7; -moz-column-rule: 1px solid #e4e8e7; column-rule: 1px solid #e4e8e7;}
  .btnblue{ /*blue gradient btns used round and about*/
    color: #fff; border: 0; padding: 6px 0; font-size: 1.1em; behavior: url(js/pie/PIE.htc);
    background:#00adef;/* solid fallback */
    -o-transition:0.6s background ease-out; -ms-transition: 0.6s background ease-out; -moz-transition: 0.6s background ease-out; -webkit-transition: 0.6s background ease-out; transition: 0.6s background ease-out;
  }
  a.btnblue.textbtn{ padding: 4px 24px; color:#fff}
  a.btnblue.textbtn:visited{color: #fff;}

  .txtcols.numcols1{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 80px; -moz-column-gap: 80px; column-gap: 80px; -webkit-column-rule: 1px solid #e4e8e7; -moz-column-rule: 1px solid #e4e8e7; column-rule: 1px solid #e4e8e7;}
  .txtcols.numcols2{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 80px; -moz-column-gap: 80px; column-gap: 80px; -webkit-column-rule: 1px solid #e4e8e7; -moz-column-rule: 1px solid #e4e8e7; column-rule: 1px solid #e4e8e7;}
  .txtcols.numcols3{-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 80px; -moz-column-gap: 80px; column-gap: 80px; -webkit-column-rule: 1px solid #e4e8e7; -moz-column-rule: 1px solid #e4e8e7; column-rule: 1px solid #e4e8e7;}
  .txtcols.numcols4{-webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 80px; -moz-column-gap: 80px; column-gap: 80px; -webkit-column-rule: 1px solid #e4e8e7; -moz-column-rule: 1px solid #e4e8e7; column-rule: 1px solid #e4e8e7;}
  .txtcols.numcols5{-webkit-column-count: 5; -moz-column-count: 5; column-count: 5; -webkit-column-gap: 80px; -moz-column-gap: 80px; column-gap: 80px; -webkit-column-rule: 1px solid #e4e8e7; -moz-column-rule: 1px solid #e4e8e7; column-rule: 1px solid #e4e8e7;}
}

.txtcols.numcols2 .forcecolumnbreak{-webkit-column-break-before: always; break-before: column}

.btnblue:hover{background: #b1d033; cursor: pointer;}
.sidebtn{text-align: center; padding: 24px 0;}
.sidebtn .btnblue{padding: 8px 24px; color: #fff; font-weight: bold; font-size: 1.2em}

.btncompA{background: #ff8500;}
.btnhighlight{background: #b1d033; font-family: 'ProximaNovaBold',Arial, sans-serif;}
.btnhighlight:hover{background: #00adef; cursor: pointer;}

.gradient{
  background: -moz-linear-gradient(top,  rgba(188,211,229,1) 0%, rgba(0,173,239,1) 99%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(188,211,229,1)), color-stop(99%,rgba(0,173,239,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(188,211,229,1) 0%,rgba(0,173,239,1) 99%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(188,211,229,1) 0%,rgba(0,173,239,1) 99%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(188,211,229,1) 0%,rgba(0,173,239,1) 99%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(188,211,229,1) 0%,rgba(0,173,239,1) 99%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcd3e5', endColorstr='#00adef',GradientType=0 ); /* IE6-9 */ 
}

.videocontainer{float: left; margin: 0 3% 40px 0; /*was left 3%*/ position: relative; width: 100%; max-width:560px; height: 315px; /*16*9 aspect*/ padding-top: 30px; overflow: hidden;}
.videocontainer iframe,.product-videos .videocontainer object, .product-videos .videocontainer embed{position: absolute; top: 0; left: 0; width: 100%;  max-width: 560px;}
.videocontainer.half{margin: 0 5% 40px 5%; width: 40%;}
.videocontainer.half:nth-child(even){float: right;}

.androidplay{ z-index: 2000; width: 0; position: absolute; left: 48%; top: 45%;
    height: 0;
    border-top: 36px solid transparent;
    border-left: 48px solid #00adef;
    border-left: 48px solid rgba(0,173,239,0.8);
    border-bottom: 36px solid transparent;
    cursor: pointer;
    display: none; /* only want this for android devices*/
  }

/*mob menu*/
.mobmenucon{display: none; position: relative;}
#mobmenu{display: none; float: left; position: absolute; left: 0px; top: 0px; cursor: pointer; width: 100%; min-height: 35px; padding-top: 15px; margin-top: -10px;}
#mobmenu span, #mobmenu span:before, #mobmenu span:after {cursor: pointer;-moz-border-radius: 1px; -webkit-border-radius:1px; border-radius: 1px; behavior: url(js/pie/PIE.htc); height: 5px; width: 35px; background: #00adef; position: absolute; display: block; content: ''; }
#mobmenu span:before {top: -10px; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; behavior: url(js/pie/PIE.htc); }
#mobmenu span:after { bottom: -10px; -moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius:0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; behavior: url(js/pie/PIE.htc);}
#mobmenu span, #mobmenu span:before, #mobmenu span:after { transition: all 500ms ease-in-out;}
#mobmenu.active span { background-color: transparent;}
#mobmenu.active span:before, #mobmenu.active span:after { top: 0; }
#mobmenu.active span:before { transform: rotate(45deg);}
#mobmenu.active span:after { transform: rotate(-45deg);}

#skiplinks{float: left; width: 100%; position: fixed; top: 0; left: 0; z-index: 6000;}

#skiplinks a{position: absolute; top: 0; left: -1000px; width: 1px; height: 1px; overflow: hidden;}
#skiplinks a:focus,#skiplinks a:active {position: static !important; font-size: 1.2em; width: auto; height: auto; padding: 0px 12px; background: #fff;}

.smallscr-only{display: none;}
.largescr-only{display: block;}
.alpha{margin-left: 0 !important;}
.omega{margin-right: 0 !important;}

/* 4cols  */
.quadcol{float: left; width: 22.5%; margin-left: 2.5%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.qcquater{width: 25%; margin-left: 0;}
.firstoffournml:nth-child(4n+1){margin-left:0 !important;/* background: red;*/}
.qctwo{width: 48.33%; margin-left: 3.33%;}
.qcthree{width: 74.16%;}
.maincontent.qcthree{width: 74.16%;}
.qcfour{width: 100%; margin-left: 0;}
.quadcol.nml{margin-left: 0;}
.qcthird{width: 30%; margin-left: 3.33%;}
.qctwothirds{width: 63.33%; margin-left: 3.33%;}
.quadcol:first-child{margin-left: 0 !important;}
.qctwo:first-child{margin-left: 0 !important;}
.qcthird:first-child{margin-left: 0 !important;}

/* --- */

/*Nice shadow*/

.effect2{  position: relative;}
.effect2:before, .effect2:after{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 80%;
  top: 80%;
  max-width:30%;
  background: #777;
  box-shadow: 0 15px 15px #777;
  transform: rotate(-3deg);
}
.effect2:after{
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
/* ------ */
iframe{max-width: 100% !important; border-width: 0; }
.officecontact iframe{max-width: 100% !important; max-height: 350px;}

/* ========  header area  =========== */
header{ margin-top: 36px; float: left; width: 100%; border-bottom: 1px solid #c1c8cb; position: relative;}
header.listoptions{margin-top: 0px;}
.htop{float: left; width: 100%;margin-bottom: 10px;}
.htop a{/*my account link*/ float: right; color: #b1d033;/*cref2*/ font-size: 1.2em; }
.hbot{float: left; width: 100%;}

#loaderanim{display: none; background: transparent url('../images/ajax-loader-4.gif') center center no-repeat; width: 64px; height: 64px; position: absolute; left: 50%; top: 100%; margin-left: -32px; z-index: 1000000;}
body.homepage .hbot{border-bottom: 0;}
body.homepage header{border-bottom: 1px solid #b1d033}

div.top{z-index: 5000; position: fixed; top: 0px; left: 0px; /*float: left; */width: 100%; min-height: 36px; padding: 6px 0 0 0; background:#00adef; border-bottom: 3px solid #b1d033; color: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
div.top.vis{/*-webkit-box-shadow: 4px 4px 5px 3px rgba(0,0,0,0.1); -moz-box-shadow: 4px 4px 5px 3px rgba(0,0,0,0.1); box-shadow: 4px 4px 5px 3px rgba(0,0,0,0.1);*/}
div.top ul{float: right; text-align: right; font-size: 0.8em; padding-right: 4%;}
div.top ul li{display: inline-block; vertical-align: top; }
div.top ul li:before{content:"|";/*padding: right: 12px;*/}
div.top ul li:first-child:before{content:"";}
div.top ul li a{color: #fff; margin: 0 20px;}
div.top ul li a:focus{-webkit-box-shadow: 0px 0px 99px 21px rgba(255,255,255,0.79);
-moz-box-shadow: 0px 0px 99px 21px rgba(255,255,255,0.79);
box-shadow: 0px 0px 99px 21px rgba(255,255,255,0.79);}
div.top ul.lefthid li a{color: #fff; margin: 0 0 0 10px;}
/*a.topcall{background: transparent url(../images/call-us.png) left center no-repeat; padding-left: 22px;}*/ /*sprite sheet now*/
/*a.topmail{background: transparent url(../images/email-us.png) left center no-repeat; padding-left: 30px;}*/ /*sprite sheet now*/
li.toplang .form-language{/*background: transparent url(../images/language.png) left center no-repeat; padding-left: 24px; margin-left: 24px;*/} /*sprite sheet now*/
.form-language{display: inline-block; padding-left: 6px;}
.form-language select:focus{-webkit-box-shadow: 0px 0px 99px 21px rgba(255,255,255,0.79);
-moz-box-shadow: 0px 0px 99px 21px rgba(255,255,255,0.79);
box-shadow: 0px 0px 99px 21px rgba(255,255,255,0.79);}
div.top ul.lefthid{float: left; text-align: left;padding-left: 5%; display: none;}
div.top ul.lefthid img{margin:-2px 3px 0 0;}
div.top.vis ul.lefthid{display: block;}
.vis{display:block !important;}

.info404{}
.image404{float: left; max-width: 50%; height: auto;}
.text404{ float: left; max-width: 45%; margin-left: 5%; }
.text404 ul{padding-left: 5%; margin: 12px 0;}
.text404 ul, .text404 li{list-style-type: disc;}


.global-site-notice{background: #0078A6; line-height: 1.1em; font-size: 0.8em; padding: 8px 12px; text-align: center; margin-top:34px;  margin-bottom: -34px; /*the margin-bottom brings the menu up when the cookie notice is in place*/}
.notice-cookie{}
.global-site-notice .notice-inner{}
.global-site-notice .notice-inner .notice-text{ color: #fff; }
.global-site-notice .notice-inner .notice-text p{ margin-bottom: 0; display: inline; }
.global-site-notice .notice-inner .notice-text a{color: #b1d033;}


#overlay{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 499; background-color: rgba(0,0,0,0.85); /*dim the background*/}
#overlay.off{display: none;}


.geocheck{position: fixed; left: 30%; top: 20%; width: 40%; min-height: 200px; border: 3px solid #b1d033; background: #0078A6; z-index: 500; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px; -moz-border-radius: 12px; -webkit-border-radius:12px; border-radius: 12px; 
 color: #fff; font-size: 0.7em; -webkit-box-shadow: 3px 3px 2px 2px rgba(0,0,0,0.2); -moz-box-shadow: 3px 3px 2px 2px rgba(0,0,0,0.2); box-shadow: 3px 3px 2px 2px rgba(0,0,0,0.1);
 float: right; opacity: 0; text-align: center;
 *-webkit-transform: translateY(-50%); transform: translateY(-50%);
 animation: slide-in 3s forwards;
 -webkit-animation:  slide-in 3s forwards;
}
.geocheck .strip{ width: 100%; }
.geocheck div.suggestion{color: #fff; margin-bottom: 2px; font-size: 1.1em; font-family: 'ProximaNovaRegular',arial,sans-serif;}
.geocheck #closer{background: #b1d035; float: right; -moz-border-radius: 2px; -webkit-border-radius:2px; border-radius: 2px; margin-top: 4px; border: 0;}
.geocheck p{ margin-bottom: 4px; font-size: 1.4em; font-weight: normal; width: 70%; margin: 0 15%;}
.geocheck p.info{ font-size: 1em; }
.geocheck .geooption{font-size: 1.4em; margin: 12px 0; width: 100%; }
.geocheck .geooption a.optionbtn{ display: inline-block; width: 20%; padding: 6px; text-align: center; color: #fff; background: #b1d033; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.geocheck .geooption a.optionbtn:hover{ color: #b1d033 ; background: #fff; }
.geocheck .geooption a#geoyes{ margin-right: 15px; }
.geocheck .geooption a#geono{ margin-left: 15px; }
.geocheck .sites{font-size: 1.2em;}
.geocheck ul{ display: none; }
.geocheck ul li{opacity: 0.8;}
.geocheck ul li.recommended{opacity: 1; font-weight: bold;}
.geocheck button#remgeo{margin-top: 8px; padding: 2px 12px; background: #00adef;  border: 0; -moz-border-radius: 4px; -webkit-border-radius:4px; border-radius: 4px; color: #fff; }
.geocheck button#remgeo:hover{background: #b1d035;}
.geocheck .remostatus{}
.geocheck a{color: #b1d035;}

.fbdef{border:none;overflow:hidden;width: 450px; height: 40px;}

@keyframes slide-in {
    0%{transform: translateY(0%); opacity: 0;}
    30%{transform: translateY(-50%);opacity: 0;}
    100% { transform: translateY(10%); opacity: 1;}
}

@-webkit-keyframes slide-in {
    0%{-webkit-transform: translateY(0%); opacity: 0;}
    30%{-webkit-transform: translateY(-50%); opacity: 0;}
    100% { -webkit-transform: translateY(10%); opacity: 1;}
}

.hbot .logo{float: left; width:20%;margin-right: 2%; padding-top: 8px;}
.hbot .logo img{width:100%; max-width: 338px; height: auto;}
.hbot nav{float: left; width: 58%; font-size: 0.9em;}
html.de .hbot nav{font-size: 0.75em;}
.hbot nav ul{text-align: center;}
.hbot nav li{cursor: pointer; width: 19.5%; vertical-align: middle; float: left; display: inline-block; line-height: 1.8em; zoom: 1; *display: inline; border-right: 1px solid #ddd;}
.hbot nav li:first-child{border-left: 1px solid #ddd;}

.hbot nav li.current.clicked a{background: #f9f9f9; text-decoration: none; color: #00adef; z-index: 1000; position: relative;}

.hbot nav li a{display: block; cursor: pointer; color: #475b66; font-size:1.1em; font-size:  1vw; padding: 24px 0; font-family: 'ProximaNovaRegular',Arial, sans-serif; }
.hbot nav li a:hover,.hbot nav li a.focus,.hbot nav li a.active{color: #00adef;;}
.hbot nav li a.active{/*color: #b1d033;  font-weight: bold;*/}
.largesubmenu{display: none; width: 100%; padding: 12px; position: absolute; top: 70px; left: 0px; z-index: 999;
  border-top: 1px solid #00adef !important; border-bottom: 1px solid #00adef !important; background: #f9f9f9; -webkit-box-shadow: 4px 4px 2px 2px rgba(0,0,0,0.1); -moz-box-shadow: 4px 4px 2px 2px rgba(0,0,0,0.1); box-shadow: 4px 4px 2px 2px rgba(0,0,0,0.1);
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

/*.hbot nav li:first-child ul{display: block;}*/

/*.hbot nav li.few {position: relative;}
.hbot nav li.few ul{width: 100%; min-width: 200px;}*/
.largesubmenu.vis{display: block; padding: 6px 20% 6px 20% !important; text-align: center; font-size: 0.9em; border: 0; border-left: 0;}
.hbot nav .largesubmenu li{border-right: 0;}
.hbot nav .largesubmenu .sublist{width: 33%; float: left;  padding: 12px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;border-right: 1px solid #ddd; border-left: 1px solid #ddd;}
.hbot nav .largesubmenu .sublistprods{width: 33%; padding: 12px; min-height: 100px; position: relative; float: left; text-align: left;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.hbot nav .largesubmenu .sublistinfo{width: 33%; padding: 12px 5%; text-align: left; line-height: 1em; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}

.hbot nav .largesubmenu .sublist li{ float: left; display: block; min-height: 10px; width: 100%; text-align: left; border: 0; margin:0; line-height: 1.1em; width: 100%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  /*border-bottom: 1px solid #eee;*/ }
.hbot nav .largesubmenu .sublist li:first-child{border-left: 0;}
.hbot nav .largesubmenu .sublist li a{display: block; padding: 4px; width: 100%; color: #00adef; font-family: 'ProximaNovaRegular',arial,sans-serif; font-size: 1em;
     -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0;
}
.hbot nav .largesubmenu .sublist li a:hover, .hbot nav .largesubmenu .sublist li a.current{text-decoration: none; background: #ddd;}

.hbot nav .largesubmenu .sublistprods .menupanel{ display: none; float: left; width: 100%; position: relative; top: 0px; left: 0px;}
.hbot nav .largesubmenu .sublistprods .menupanel.current{display: block;}
.prodpanel{display: none;}
.prodpanel.current{display: block;}
.manupanel.current{display: block;}
.menuproductlist{width: 100%; text-align: left; max-height: 350px; overflow: auto;}
.sublistprods .panelhead{line-height: 1em; font-weight: bold;}
.sublistprods .panelhead span{/*font-size: 0.9em;*/  margin-top: 8px; display: block; width: 100%;  border-bottom: 1px solid #ddd; padding: 4px 4px 2px 4px; margin-bottom: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: normal;}
.sublistprods .panelhead a{margin: 0; padding: 4px;}
.sublistprods .panelhead a:hover{text-decoration: underline;}
.hbot nav .menuproductlist li{width: 100%; display: block;  text-align: left; padding: 0; margin: 0; font-size: 1em; line-height: 1;}
.hbot nav .menuproductlist li:first-child{border-left: 0;}
.hbot nav .menuproductlist li a{color:#666; padding: 6px 4px; margin: 0;}
.hbot nav .menuproductlist li a:hover{text-decoration: none; background: #ddd;}
.hbot nav .largesubmenu .prodpanel a{padding: 0; margin: 0;}
.prodpanels{}
.sublistinfo .menutitle{/*color: #00adef;*/ color: #666;}
.sublistinfo a.fp{text-align: center; margin-top: 12px;}
.menuprod{margin-bottom: 24px;}
.menuprod span{font-size: 0.7em;}
.menuneedhelp{font-size: 0.9em;}
.menuneedhelp p{margin-top: 12px; font-size: 0.8em;}
.hbot nav .menuneedhelp a{ font-size: 0.9em; padding: 0; margin: 0 0 12px 0; width: 80%; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.hbot nav .menuneedhelp a.prsearch{ background: transparent url(../images/productsearch-mini.png) no-repeat left center !important; padding-left: 34px; height: 30px; text-align: left;}
.hbot nav .menuneedhelp a.prsearchall{  background: transparent url(../images/search-mini.png) no-repeat left center  !important; padding-left: 34px;  height: 30px; text-align: left;}
.hbot nav .menuneedhelp a:hover{text-decoration: underline;}
/* fancy menu bits */
.hbot nav li .fmen{display: none;width: 100%; float: left; position: absolute; top: 70px; left: 0px; background: #fff;
 border: 1px solid #00adef !important; background: #f9f9f9; -webkit-box-shadow: 4px 4px 2px 2px rgba(0,0,0,0.1); -moz-box-shadow: 4px 4px 2px 2px rgba(0,0,0,0.1); box-shadow: 4px 4px 2px 2px rgba(0,0,0,0.1);
  -moz-border-radius: 4px 4px 8px 8px; -webkit-border-radius:4px 4px 8px 8px; border-radius: 4px 4px 8px 8px;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.hbot nav li:hover .fmen{display: block;}
.hbot nav li .fmenl{width: 30%; float: left; margin-left: 20%; border-right: 1px solid #eee;}
.hbot nav li .fmenl ul {position: relative; top: 0; border: 0 !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.hbot nav li .fmenl ul li{display: block; text-align: right; width: 100%;}
.hbot nav li .fmenl ul li .caticon{max-height: 30px; width: auto;}
.hbot nav li .fmenl ul li span{display: none;}
.hbot nav li .fmenr{ width: 50%; float: right; text-align: left; font-size: 0.8em;}
.hbot nav li .fmenr .fmencontent{padding: 40px 40px 20px 40px; }
.hbot nav li .fmenr .fmencontent .caticon{float: left; width: auto !important; max-height: 100px;}

/*.hbot nav li.few li{width: 100%;}*/

.hsearch{float: right; width: 20%; position: relative; text-align:right; padding-top: 24px;}
.hsearch .instr{display: none;}
#headersearch{text-align: right;margin-top: -2px;}
#searchq{ -o-transition:0.5s width ease-out,1s border ease-in; -ms-transition: 0.5s width ease-out,1s border ease-in; -moz-transition: 0.5s width ease-out,1s border ease-in; -webkit-transition: 0.5s width ease-out,1s border ease-in; transition: 0.5s width ease-out,1s border ease-in;;  z-index: 10; border: 1px solid #d3d9dc; width: 50%; min-width: 100px; padding: 8px 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 16px; -webkit-border-radius:16px; border-radius: 16px; behavior: url(js/pie/PIE.htc); color: #475b66 ; /*background: url(../media/images/ex_searchmag.png) right 10px center no-repeat;*/}
#searchq:focus{width:100%;}
#qsubmit{cursor: pointer; position: absolute; bottom: 5px; right: 5px; z-index: 11; background: transparent; border: 0; background: url(../media/images/ex_searchmag.png) center center no-repeat; width: 24px; height: 24px;/*js switch required*/}
#searchq:focus,#searchq:active{color: #3986b0; outline: none; border: 1px solid #3986b0;}
.hsearch .searchplus{display: none;}
#searchplusicon{text-indent: -9999px; text-align: left; font-size: 0.8em; width: 55px; height: 27px; background: url(../media/images/ex_icon_searchplus.png) center top no-repeat ; position: absolute; right: 10px;}


.menupanel .pageinfo{font-size: 0.9em; line-height: 1.5em}
.menupanel .pageinfo a{font-size: 1em;}
.menupanel .menucatimg{ height:  20px; width:  auto; vertical-align:  text-top; }

/*  ============ breadcrumb strip =========== */
.breadstrip{float: left; width: 100%; padding: 6px 0 3px 0; color:#d3d9dc ; margin-bottom: 12px;  border-bottom: 1px solid #c1c8cb; font-size: 0.75em;}
.breadstrip nav{float: left; width: 100%; text-align: left;}
.breadstrip nav li{vertical-align: top; display: inline-block; padding: 0 12px 0 0; zoom: 1; *display: inline;}
.breadstrip nav li:not(:first-child):before{content: " >"; margin-right: 12px;}
.breadstrip .useroptions{float: right; width: 33.3%; text-align: right;}
.breadcrumb a{color: #8d9aa1; /*cref5*/}
.breadcrumb li:last-child a{color:#475b66; /*cref3*/}
.divi{display: none !important;}
html.ie8 .divi,html.ie7 .divi,html.ie6 .divi{display: inline;}
.breadstrip .useroptions{float: right; width: 50%; text-align: right; margin-top: -14px;}
.breadstrip .useroptions li{vertical-align: top; display: inline-block;  margin-left: 30px; zoom: 1; *display: inline;}
.breadstrip .useroptions li:first-child{margin-left:0;}
.useroptions a{color: #475b66; /*cref3*/ display: block; height: 44px; width: auto;line-height: 44px; padding-left: 44px;}
.useroptions a.printpage{ background: url(../media/images/ex_icon_print.png) left center no-repeat;}
.useroptions a.mycar{ background: url(../media/images/ex_icon_cart.png) left center no-repeat;}
.useroptions a.share{ background: url(../media/images/ex_icon_share.png) left center no-repeat;}
.useroptions span.share{cursor: pointer; background: url(../media/images/ex_icon_share.png) left center no-repeat; display: block; height: 44px; width: auto;line-height: 44px; padding-left: 44px;}
.shortline{width: 92%; float: left; margin: 0 4%; border-top: 1px solid #c1c8cb; margin-top: 10px;}

/* ********* range  ********* */
section.infoblock{float: left; width: 100%;}
section.fullimage img{width: 100%; height: auto;}
body.range .breadstrip{margin-bottom: 30px;}
.jumpto{float: left; width: 100%; text-align: center; padding:8px 0 12px 0;}
.jumpto .ic{position: relative; border-bottom: 1px solid #d3d9dc;}
.jumpto nav{vertical-align: top; display: inline-block; text-align: center; margin: 0 auto; padding-bottom: 8px; zoom: 1; *display: inline;}
.jumpto nav ul,.jumpto nav ul li{vertical-align: top; display: inline-block; zoom: 1; *display: inline; }
.jumpto nav li:not(:first-child):before{content: " | "; margin: 0 12px;}
.jumpto nav a{color: #475b66;}
.jumpto .buynowbtn{position: absolute; right: 0; top: 0; color: #fff; font-size: 0.8em; padding: 1px 6px;}

/*.spincontainer{float: left; padding: 24px 30%; width:  100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 2px solid #00adef;}*/
.spincontainer{float: left;  background: #fff; padding: 24px 0; width:  100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 2px solid #00adef;}
.spincontainer h2{text-align: center;}
.spinholder{display: none;}
.scrolltospinner{float: left; width: 100%; text-align: center;}
.spinnercontrol{position: relative;}
.productimages .thumbs li.spinnercontrol span{ position: absolute; bottom: 3px; font-size: 0.8em; right: 34%; display: inline-block; font-style: italic; color: #00adef; background: #fff; padding: 0px 3px;} #gotospinner{text-align: center; cursor: pointer; padding: 6px 12px; }
.viewmods{/*text-align: right;*/}

.splitinfo{float: left; width: 100%; position: relative;}
.splitinfo h2{font-size: 1.8em; font-family:  'ProximaNovaRegular',Arial, sans-serif;}
.splitinfo .info{float: left; width: 50%; padding-top: 40px;}
.splitinfo .imagery{float: right; width: 50%; text-align: center;position: relative;}
.splitinfo .imagery img{max-width: 80%; height: auto;}
.splitinfo.txtleft .info{float: left; width: 50%; padding-top: 40px;}
.splitinfo.txtright .info{float: right; width: 50%; padding-top: 40px;}
.splitinfo.txtleft .imagery{float: right; width: 50%; text-align: center;position: relative;}
.splitinfo.txtright .imagery{float: left; width: 50%; text-align: center;position: relative;}
.splitinfo .infoicon{position: absolute; z-index: 100; right: 0; bottom: 20px; vertical-align: top; display: inline-block; zoom: 1; *display: inline; }
.splitinfo.multicol h2{color: #9fc812; margin-bottom: 40px;}
.splitinfo.multicol h3{color: #02b1f0; margin-bottom: 0; padding-bottom: 0; font-size: 1.25em;}
.splitinfo section.subsec{float: left; width: 100%;opacity: 0.5;}
.splitinfo section.subsec.active{opacity: 1;}


.splitinfo.backed{min-height: 660px; background-repeat: no-repeat; background-size: 100% auto;}
.splitinfo.centered .info{text-align: center; }
.splitinfo.narrow .info{width: 30%;}
.splitinfo.backed h2{color: #475b66;}
.splitinfo.backed .imagery{ width: 100%; z-index: 10;}
.splitinfo.backed.backed-bottom-right{background-position: right bottom;}
.splitinfo.backed.backed-bottom-left{background-position: left bottom;}

.rangeaddons{float: left; width: 100%; padding-top: 32px;}
.rangeaddons h2,{ color: #475b66; text-align: center; font-family:  'ProximaNovaRegular',Arial, sans-serif; font-size: 1.8em; margin-bottom: 0;}
.accessories h3 a{color: #b1d033;}
.accessories{float: left; width: 100%;}
.accessories ul{ float: left; width: 100%;}
.accessories ul li{float: left; width: 30%; margin-left: 5%; margin-bottom: 2em; text-align: center; background: #e7ecef; padding: 10px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 12px; -webkit-border-radius:12px; border-radius: 12px; }
/*.accessories ul li:first-child{margin-left: 0;}*/
.accessories ul li:nth-child(3n+1){margin-left:0 !important;/* background: red;*/}
.accessories ul li img{ height: auto; max-height: 190px; width: auto; max-width: 100%; -moz-border-radius: 12px; -webkit-border-radius:12px; border-radius: 12px; padding: 12px; background: #fff;}
.accessories ul li a.learnmore:after{content: " >";}

.productlister{float: left; width: 100%; /*border: 1px solid #c7d0d7;*/ margin-top: 24px; -moz-border-radius: 12px; -webkit-border-radius:12px; border-radius: 12px; behavior: url(js/pie/PIE.htc); margin-top: 0;}
.productlister .listoptions h2{font-size: 1.6em;color: #475b64;}
.productlister .listoptions label{display: none;}
.productlister .productlist{float: left; width :100%; /*padding: 40px 56px;*/}
.productlister .productlist *{transition: all 0s ease;}
.productlister .listoptions select{clear: both; width: 90%; padding: 4px; margin-bottom: 8px;}
.productlister .listoptions .optleft{float: left; width: 50% ;}
.productlister .listoptions .optright{float: left; width: 50% ; text-align: right;}
.productlister .listoptions .optright li{ vertical-align: top; display: inline-block; margin-right: 8%; text-align: center; background: #fff;  padding: 12px; width: 20%;   overflow: hidden; vertical-align: middle; -moz-border-radius: 8px; -webkit-border-radius:8px; border-radius: 8px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; behavior: url(js/pie/PIE.htc); zoom: 1; *display: inline;}
.productlister .listoptions .optright li img{ max-width: 100%; height: auto; vertical-align: top; display: inline-block;  vertical-align: middle; zoom: 1; *display: inline;}

.productlister .listoptions .optleft .selector{float: left; width: 50%;}

.noapprovals .approhead,.noapprovals .approdata{display: none;}
img.approvallogo { vertical-align: middle;}
.keyspecs img.approvallogo{clear: both; float: right;}

.comparename{display: none;}

.filelist{float: left; width: 100%; margin-bottom: 24px;}
.filelist .pic{float: left; width:100px;}
.filelist .pic img{float: left; max-width: 100%; height: auto;}
.filelist .list{float: left; width:400px;}
.filelist .list ul{padding-left: 0}

.acclist{width: 100%; max-height: 650px; border: 2px solid #ddd; float: left; position: relative;}
.acclist::-webkit-scrollbar{width: 1em;}
.acclist::-webkit-scrollbar-thumb{background-color: #00adef;}
.acclist::-webkit-scrollbar-track{background-color: #c1e7fb;}

.acclist table{border: 0; width: 100%; display: table;   border-collapse: separate;background: #e8ecef; }
.acclist table thead{background:#c1e7fb; font-weight: bold;}
.acclist table th{color: #475b66; padding: 8px 0;}
.acclist table thead tr th{border-bottom: 2px solid #fff ; text-align: left;}
.acclist table tr:nth-child(odd){ background-color:transparent; }
.acclist table tr:nth-child(even){ background-color:#fff; }
.acclist td{vertical-align: middle; padding: 6px;}
.acclist table tr td{border-bottom: 1px solid #fff; text-align: left;}
.acclist img{max-width: 100px; height: auto;}
.acclist .headimg, .acclist .accimg{text-align: center;}
table.modeldetails{ width: 100%; border-collapse;font-size: 0.9em ;}
/*stripes*/
table.modeldetails thead tr{background: #00adef; color: #fff; }
table.modeldetails thead tr th{padding: 2px 12px; font-family: 'ProximaNovaBold'}
table.modeldetails th,td{text-align: center; vertical-align: middle;}
table.modeldetails th.l,table.modeldetails td.l{text-align: left; vertical-align: middle;}
table.modeldetails td.l{font-size: 1.2em;}
table.modeldetails tbody{ color: #201c1d; }
table.modeldetails tbody tr th{ font-family: 'ProximaNovaBold'; border-left: 1px solid #a7e1f7;  padding: 2px 12px; font-family: 'ProximaNovaBold'}
table.modeldetails tbody tr{border-bottom: 1px solid #a7e1f7; border-top: 1px solid #badeec;}
table.modeldetails tbody tr td{border-left: 1px solid #a7e1f7; padding: 2px 12px;}
table.modeldetails tbody tr td:last-child{border-right: 1px solid #a7e1f7;}
table.modeldetails tbody tr:nth-of-type(odd) { background: #fff; }
table.modeldetails tbody tr:nth-of-type(even) { background: #e7ecef; }
table.modeldetails img{vertical-align: middle; margin-right: 12px;}
table.modeldetails a.modreq{transition: .6s background ease-out !important; padding: 0 12px; display: inline-block;}
.approvallogo{margin: 0 0 8px 0; padding: 0;}

.modelsearch{display: inline-block; background: #ecf4cf; padding: 12px; line-height: 2em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.listside .modelsearch{width: 100%;}
.modelsearch .frow{width: 100%;}
.modelsearch.sidebar{width:100%;}
.modelsearchinpage{float: left; width: 100%; margin-right: 5%;}
.topgap{margin-top: 24px;}
.modelsearch input[type=number]{width:60px; padding: 2px 4px;  display: inline-block}
.modelsearch input:focus{color: #3986b0;}
.modelsearch #read,.modelsearch #cap,.modelsearch #unit{}
.modelsearch select{ padding: 2px 4px; margin-left: -4px;  display: inline-block}
.modelsearchform label{margin-right: 5px; min-width: 70px; display: block; width:  100%; font-size: 0.8em;}
.modelsearchform label::after{content:": ";}
#msrsubmit{padding: 2px 11px; font-size: 1em; margin-top: 12px; float: left;}
.modelsearchresultscon{/*margin-top: 24px;*/ float: left; width: 100%;}
ul.modelsearchresults{list-style-type: none !important;}
ul.modelsearchresults li{list-style-type: none !important; margin-bottom: 6px; border-bottom: 1px solid #eee;}
ul.modelsearchresults li span{font-size: 0.8em;}
ul.modelsearchresults li img{vertical-align: middle; margin-right: 12px;}

.modelsearchform.fullpage{ display: inline-block; float: left; min-width: 200px; margin-bottom: 24px; padding: 12px; -moz-border-radius: 12px; -webkit-border-radius:12px; border-radius: 12px; border: 1px solid #888; background: #eee;}
.modelsearchform.fullpage input[type="submit"]{font-weight: bold;float: right;}
.modelsearchform .frow{ padding: 4px;}
.modelsearchform input[type="number"]{width: 85px;}
.modelsearch.sidebar h2{text-align: center;}
.modelsearch.sidebar #msrsubmit{float: right;}
.modelsearch.sidebar #read,.modelsearch.sidebar #cap,.modelsearch.sidebar #unit{ float: right;}

.sidepanel .modelsearchform.fullpage{width: 100%; min-width: 100px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.gridfull{width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
li..searchitem{float: left; width: 100%; min-height: 100px;}
.searchitem h3{float: left; width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.searchitem a.imglnk{display: block; float: left; width: 10%; min-width: 100px; }
.searchitem div{display: block; float: left; width: 70%; padding-left: 5%;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.searchitem div.summary{padding-left: 0;}
/* ********* footer ********** */
footer{float: left; width: 100%; margin-top: 0; padding-top: 40px; border-top: 2px solid #00adef;margin-top: 80px;}
/*footer div{float: left; width: 100%;}*/
body.homepage footer{margin-top:0; padding-top: 0;}
body.homepage .slick-slider,body.homepage #megaslider{margin-bottom: 0 !important;}

.sidepromo img{max-width: 100%; height: auto;}

.finderfeature{width: 100%; text-align: center;font-size: 0.9em;}
.finderfeature h3{color: #00adef; font-size: 1.1em;}
.finderfeature p{width: 70%; margin: 0 15% 0px 15%; min-height: 50px; font-size: 0.9em;}
.finderfeature p,.finderfeature a{color: #475b66;}
a.tel{white-space: nowrap; cursor: pointer; pointer-events: none;}

.feat{border-right: 1px solid #e4e8e7; font-family: 'ProximaNovaRegular',arial,sans-serif;}
.feat h2{color: #00adef; font-size: 1.15em; line-height:1.3em; font-family: 'ProximaNovaRegular',arial,sans-serif;}
.feat p{font-size: 0.8em; margin-right:10%; }
.feat h3{font-size: 0.8em; margin-right:10%; font-family: 'ProximaNovaRegular',arial,sans-serif; color: #475b66; }
.feat h3 a{color: #475b66; }
.prodfind{border-right: 0; text-align: center;font-size: 0.9em; font-family: 'ProximaNovaRegular',arial,sans-serif;}
.prodfind p{font-size: 0.9em; width: 70%; margin: 0 15% 0px 15%; min-height: 50px;}
.prodfind img{max-width: 40px; height: auto;}
.prodfind a{color:#475b66;}

footer div.up .ic{}
footer div.up{padding-bottom: 40px;  border-bottom: 1px solid #e4e8e7;}
footer div.up form{width: 100%; text-align: left;}
footer div.up form h3,h3.newsubtitle,div.newsubtitle{text-align: right; color: #00adef; font-size: 1.8em; font-family:  'ProximaNovaRegular',Arial, sans-serif;}
footer div.up form label{width: 100%; display: block; font-size: 0.8em;}
footer div.up form input[type=text]{width: 85%; font-size: 1em; padding: 2px 2px; margin-bottom: 0px;}
footer div.up form input[type=submit]{float: right; width: 40%; /*margin-right:18%*/; vertical-align: top; display: inline-block; clear: both; font-family: 'ProximaNovaBold',Arial, sans-serif;zoom: 1; *display: inline;}

.block-subscribe{margin-bottom: 10px;}
.block-subscribe .input-box{padding-bottom: 10px;}
.block-subscribe .input-box input{width: 85%; padding: 2px 4px; color: #00adef;}
.block-subscribe .btnblue{padding: 4px 12px; width: 85%;}

h3.newsubtitle,div.newsubtitle{margin-bottom: 0;}

footer h3.newsubtitle, footer div.newsubtitle{text-align: left; margin-bottom: 10px;font-size: 1.4em;}
footer div.up .btnblue{padding: 4px 12px;}

footer div.mid{font-size: 0.8em; text-align: left; width: 70%; margin: 0 15%; float: left}
footer div.mid .ic{ padding-top: 30px;}
footer div.mid .ic .ic{ border-top: 0; padding-top: 0;}
footer div.mid nav{/*text-align: center;*/}
footer div.mid nav h2, footer div.mid nav .h2equiv{ color: #475b66; font-family: 'ProximaNovaRegular',arial,sans-serif; font-size: 1.2em; margin-bottom: 10px; }

footer div.mid nav ul{float: left; width: 100%;}
footer div.mid nav ul li{float: left; width: 100%; font-size: 0.8em; margin-bottom:4px;}
.socmedlinks{text-align: left;}
.socmedlinks img{max-width: 30px; height: auto;}
.socmedlinks li{vertical-align: top; display: inline-block;  margin-right: 12px; margin-bottom: 6px; zoom: 1; *display: inline;}
.socmedlinks li:last-child{margin-right: 0;}
footer div.mid a{color: #475b66;}
footer div.mid a:hover{color: #00adef;}
footer div.low{padding: 46px 0 0 0; font-size: 0.8em; float: left; width: 100%;}
footer div.low .ic{border-top: 1px solid #e4e8e7 ; padding-top: 17px; font-size: 0.8em;}
footer div.low nav{text-align: right;}
footer div.low nav li{vertical-align: top; display: inline-block; margin-left: 12px; zoom: 1; *display: inline;}
footer div.low nav li:before{content:"|"; padding-right: 12px; }
footer div.low nav li:first-child:before{content:"";}
footer .footeraddress{text-align: center;}


/* ===== CENTRAL PAGE CONTENT ==== */

/*central content*/
.main{float: left; width: 100%;}
/*.main{width: 90%; margin: 0 auto;}*/  /*altered*/
.maincontent{float: left; width: 100%; font-size: 0.85em; /*CONTENT FONT SIZE OVERIDE*/}
.maincontent .ic{width: 80%;}
/*cref2 lime green:       #b1d033;  RGB   177,208,51*/
.homepage .main{float: left; width: 100%;}
article h1{color: #00adef; font-size: 2.4em; line-height:1em; margin-bottom: 20px; margin-top: 30px;}
article.textpage h1{margin-top: 30px;}
article.textpage img.contentimgfull{width: 100%; margin-bottom: 12px;}
article.textpage img.contentimghalfleft{width: 48%; height: auto; margin: 12px 2% 12px 0; }
article.textpage img.contentimghalfright{width: 48%; height: auto; margin: 12px 0 12px 2%; }
article section{float: left; width: 100%;}
article section.intro{margin-bottom: 20px;}
article section.intro .rangeleft{float: left; width: 38%; padding-top: 30px; margin-right: 4%;}
article section.intro .productimages{float: left; width: 100%;}
article section.intro .keyinfo{float: left; width: 26.2%; padding-top: 30px; /*margin-right: 5.8%*/}
article section.intro .productoptions{float: right; width: 26%; background: rgba(177,208,51,0.3); border: 1px solid #b1d033; max-width: 390px; /*consider leaving this max-width out [jh]*/}
article section.intro .productoptions .poi{ padding: 20px 12%; margin-bottom: 12px; text-align: center;}
.productoptions .poi h3{color: #00adef;}
article section.intro.widerange .keyinfo{width: 56%;}
.productinfotop{float: left; width:56%;}
article section.intro .productinfotop .keyinfo{width: 45%; padding-top: 0;}
article section.intro .productinfotop .keyinfo .keyspecs{border-bottom: 0;}
article section.intro .productinfotop .productoptions{width: 45%;}
article.textpage ul{margin-bottom: 1.4em;} /* [jh] added 2016-9-13*/

table.support{font-size: 0.9em; text-align: left; width: 100%;}
table.support tr{ text-align:  left; border-bottom: 1px solid #00adef;  width: 100%;}
table.support th, table.support td{text-align:  left;  padding: 6px 12px;border-right: 1px solid #00adef;  width: 33%;}
table.support th{  font-weight: bold; background: #00adef; color: #fff;  }
table.support td{  font-size: 0.9em;}
table.support tr td:first-child{border-left: 1px solid #00adef;}

table.munits{font-size: 1em; /*width: 70%;*/ margin: 0 auto;}
table.munits td{vertical-align: top;}
table.munits th, table.munits td{width:auto !important;}

#google_translate_element .goog-te-gadget{margin-bottom: 1.4em;}

.toplang{padding-right: 16px;}
#googletransicon{vertical-align:middle; cursor: pointer;}
.goog-te-gadget-simple{padding-bottom: 0px !important;}
#googletranscon{display: none; background: #00adef; position: absolute; right: 4%; top: 100%; width: 217px; border-bottom-left-radius: 12px; border-bottom-right-radius: 20px; border: 3px solid #b1d033; border-top: 0; padding-bottom: 4px;}
#googletranscon.showing{display: block;}
#googletranscon .gtcclose{    position: absolute; background:  url(/media/icons/close-cross.png) center center no-repeat; top: 0; right: 8px; font-size: 0.8em; padding: 0 6px; cursor: pointer; width: 23px; height: 23px; margin-top:  3px; display: block; }
#googletranscon .gtcclose span{  }
#googletranscon .gtcclose:hover{background-color: rgba(255,255,255,0.2)}
#gteheader{display: inline-block; padding-left: 8px;}
.goog-te-banner-frame{top: auto !important; bottom:  0px !important;}
.skiptranslate{margin-top: -5px}

.modeldesc{float: left; width: 100%; margin-top: 12px;}


.textpagesubs{margin-top: 48px; border-top: 1px solid #00adef; padding-top: 48px;}
.subsection h2 a{ color: #b1d033;}
.subsection img{max-height: 26px; width: auto; vertical-align: middle; margin-right: 12px;}

.productimages .thumbs{float: left; width: 80%; margin-left: 10%; padding-top: 24px; border-top: 1px solid #ddd; margin-top: 24px;}
.productimages .thumbs ul{ height: 75px; transition: all 1s ease;}
.productimages .thumbs.full ul{height: auto !important;}
.productimages .thumbs.fullscroll ul{overflow: auto;}
.productimages .thumbs #allthumbs{cursor: pointer; text-align: center; font-size: 0.8em; display: block; background: #eee;-moz-border-radius: 0px 0px 8px 8px; -webkit-border-radius:0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; }
.productimages .thumbs.full #allthumbs, .productimages .thumbs.fullscroll #allthumbs{display: none;}
.productimages .thumbs li{text-align: center;}
.productimages .thumbs li span{display: none;}
.productimages .thumbs li img{max-height: 75px; width: auto; max-width: 100%; margin: 0 auto; cursor:pointer; -moz-border-radius: 8px; -webkit-border-radius:8px; border-radius: 8px; }
.productimages .mainimage{float: left; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; padding: 0 3%;}
.productimages .mainimage img{/*max-width: 80%;*/ max-width: 100%; height: auto; max-height: 600px; cursor: pointer;}
.productimages .mainimage video{width: 75%;}
h2{color: #00adef; font-size: 1.4em; font-family: 'ProximaNovaBold',Arial, sans-serif; margin-bottom: 16px;}

.keyinfo .keyspecs{float: left; width: 100%; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #d3d9dc;}

.announcement{background: rgba(177,208,51,0.1); border: 1px solid #B1D033; padding: 12px; border-radius: 24px; margin-bottom: 24px;}
/*putting this in for future reference: http://www.the-art-of-web.com/css/format-dl/  */
.keyspecs dl{float: left; width: 100%;}
.keyspecs dt{ float: left; width:50% ; clear: left; margin-bottom: 10px; list-style: outside; }
.keyspecs dd{float: left; width: 50%; clear: right; text-align: right;}
.keyspecs dl dt:after{content: ": ";}

.downloadsarea{/*float: right;*/}
.downloads{float: left; position: relative; width:100%;}
.downloads li{margin-bottom: 0.4em; list-style-type: none !important;}
/*.downloads li a strong{display: block;}*/
/*.downloads li:before{content:"\00bb"; /*double arrow*/ }*/
.downloads li a{margin-left: 12px;}
.downloads .icon{float: right; background: transparent url(../media/images/pdf.png) center center no-repeat; height: 52px; width: 52px; margin-right: 12px;}
.intro .downloads .icon{display: none !important;}

.rangeleft .downloads{margin-top: 40px; border-top: 1px solid #eee; padding-top: 40px;}
.rangeleft .downloads .icon{right: 40%; top: 20px;}

.productoptions h2{color: #475b66; margin-bottom: 0;text-align: center; font-size: 1.2em;}
.productoptions .shortline{width: 70%; float: left; margin: 6px 15% 20px 15%;}
.productoptions dl{float: left; width: 80%; margin: 0 10% 54px 10%;}
.productoptions dt{ float: left; width:40% ; clear: left; margin-bottom: 10px; }
.productoptions dd{float: left; width: 60%; clear: right; text-align: right;}
.productoptions dd.retail{text-decoration: line-through;}
.productoptions dd.yourprice{font-size: 1.4em; font-family: 'ProximaNovaBold',Arial, sans-serif;}
.productoptions dd.saving{color: #cd040f;}
.productoptions dl dt:after{content: ": ";}
.productoptions .stock{text-align: center;float: left; width: 100%; margin-bottom: 20px;}
.productoptions .stock span{vertical-align: top; display: inline-block;   padding: 0 12px; zoom: 1; *display: inline;}
.productoptions .panelbtns{float: left; width: 100%; text-align: center;}
.productoptions .panelbtns .btnholder{float: left; width: 100%;margin-bottom: 16px;}
.productoptions .panelbtns a{ color: #fff; vertical-align: top; display: inline-block;  clear: both; width: 90%; font-size: 1em;  behavior: url(js/pie/PIE.htc);
zoom: 1; *display: inline; 
}

.extendedcopy{ float: left; width: 100%; box-sizing: border-box; padding: 24px 10%; margin-top: 18px; border-bottom: 2px solid #00adef;}


.productoptions .poi + .productoptions.poi{margin-top: 12px; border-top: 1px solid #fff; padding-top: 12px;}

.productoptions .panelbtns a.smallgreen{ padding: 10px 0; vertical-align: top; display: inline-block; width: 90%; font-family: 'ProximaNovaBold',Arial, sans-serif; border: 1px solid #a7cc31; color: #a7cc31; -moz-border-radius: 20px; -webkit-border-radius:20px; border-radius: 20px; behavior: url(js/pie/PIE.htc);  zoom: 1; *display: inline;}

.tabbedinfo{float: left; width: 100%;  margin: 30px 0 0 0; /*background: #e4e9ed;*/ /*border-top: 2px solid #b1d033;*/ border-bottom: 2px solid #00adef; background: #fff;}
.tabbedinfo nav{float: left; width: 100%; font-size: 0.8em; background: #fff; position:  sticky /*! oooh*/;  top: 34px;/* padding-top: 20px; */z-index: 5;}
.tabbedinfo nav ol{float: left; width: 100%; background: #fff; text-align: center; font-size:1.4em; margin-bottom: 0; border-bottom: 1px solid #ddd; padding: 0; border-top: 1px solid #ddd;}
.tabbedinfo nav ol li{ vertical-align: middle; display: inline-block; zoom: 1; *display: inline; border-left: 1px solid #ddd;  background: #fff; margin: 0 !important; ;}
.tabbedinfo nav ol li:last-child{ border-right: 1px solid #ddd; }
/*.tabbedinfo nav ol li:not(:first-child) a:before{content:"|";padding: right: 12px;}*/
/*.tabbedinfo nav ol li:after{content:"|";}*/
/*.tabbedinfo nav ol li:last-child:after{content:"";}*/
.tabbedinfo nav ol li a{margin: 0; color: #02adef !important; display: block; padding: 2px 12px; }
.tabbedinfo nav ol li a:hover{color: #b1d034 !important; text-decoration: none; }

.tabbedinfo #tabcontentcontainer{float: left; width: 100%;  background: #fff /*#e4e9ed*/; padding: 24px 0; margin-top: 18px;-moz-border-radius: 12px; -webkit-border-radius:12px; border-radius: 12px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.tabarticlecon{float: left; width: 100%; position: relative;}
.tabarticlecon .qctwo{padding-right: 10%;}
.tabarticlecon h2, .tabarticlecon h3, .tabarticlecon h4{color: #475b66;}
/*.tabarticlecon article{display: none;}*/ /*removing overlaying tabs*/
.tabarticlecon section{margin-bottom: 24px; float: left; width: 100%;}
.tabarticlecon section h2{border-bottom: 2px solid #00adef; color: #00adef;}
.tabarticlecon section.active{display: block; float: left; width: 100%;}
.tabarticlecon section .tableftcol{float: left; width: 10%;font-size: 1.3vw;}
.tabarticlecon section .tabrightcol{float: right; width: 88%; font-size: 1em;}
.tabarticlecon section ul{list-style: disc outside; padding: 0 5% 0 5%;}
.tabarticlecon section ul li{list-style: disc outside; margin-bottom: 0.5em;}
.tabarticlecon section dl{ float: left; width: 50%; /*min-height: 50px;*/ margin-bottom: 12px; font-size: 1em; }
.tabarticlecon section dl dt{ float: left; width: 30%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'ProximaNovaBold'; padding: 4px;}
.tabarticlecon section dl dd{ float: left; width: 70%;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 4px;}

.tabarticlecon .videocontainer{}
.backtonav{cursor: pointer; text-align: right; color: #00adef; margin-top: 6px; float: left; width: 100%;}

ul.producticons{list-style-type: none !important; float: left; width: 100%;}
ul.producticons li{list-style-type: none !important;   width: 10%; float: left; margin: 0 10% 20px 0; text-align: center;}
ul.producticons li img{height: auto; max-width: 40px;}
ul.producticons li span{float: left; width: 100%; text-align: center; display: none;}
.tabbedinfo ul.producticons{padding: 0;}
.tabbedinfo ul.producticons li{width: 33%; margin: 0 0 12px 0;}
.tabbedinfo ul.producticons li span{display: inline-block; float: left; padding-top: 8px; text-align: left; width: auto;}
.tabbedinfo ul.producticons li img {vertical-align: bottom; margin-right: 8px; float: left;}
ul.producticons li span.active{display: block;}

.iconsets.showlabels ul.producticons li span{display: inline-block;}
.iconsets.showlabels ul.producticons li{width: 100% !important; margin: 0; max-width: 100%;}
.iconsets.showlabels ul.producticons li img{float: left; margin-right: 12px;}
.iconsets.showlabels ul.producticons li span{float: left; display: inline-block; text-align: left; width: auto; padding-top: 12px;}
.showiconlabelscon{float: left; width: 100%; text-align: right;}
#showiconlabels{cursor: pointer; text-align: center; padding: 6px 12px ;}
.iconset ul.producticons li{list-style-type: none !important;   width: auto; max-width: 20%; float: left; margin: 0 5% 20px 5%; text-align: center; font-size: 0.75em;}


section.otherproducts{float: left; width: 100%; padding-top: 24px; background: #fff; margin-bottom: -60px;}
.otherprod{text-align: center;}
.otherprod img{width: auto; height: 120px; margin: 0 auto; max-width: 100%;}
.otherprod div{display: block; width: 100%; text-align: center; color: #475b66;}
section.otherproducts h2{color: #475b66; margin-bottom: 24px; font-size: 1em; color: #00adef; }
section.otherproducts .otherprod a {color: #475b66;}
section.otherproducts .otherprod h4{margin-top: 4px; padding: 0 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

/* MARKETS AND OTHER LISTINGS */

.introtext{/*margin-top: 30px;*/ margin-bottom: 48px; padding-bottom: 24px; border-bottom: 1px solid #ddd;}
.introtext ul{list-style-type: disc;list-style-position: outside; margin-left: 18px;}
.introtext ul li{margin-bottom: 12px;}
.introtext .introimg{padding: 32px 10px 0 10px; float: right; text-align: center;  float: left;}
.introtext .introimg img{max-width: 100%; height: auto;}
.introtext .introtxt{padding: 0 20px; float: right;}

.listside{ float: left; font-size:0.9em; border: 1px solid #ddd; padding: 18px; background: #f8f8f8; -moz-border-radius: 12px; -webkit-border-radius:12px; border-radius: 12px; 
    webkit-box-shadow: 4px 4px 12px 2px rgba(0,0,0,0.1); -moz-box-shadow: 4px 4px 12px 2px rgba(0,0,0,0.1); box-shadow: 4px 4px 12px 2px rgba(0,0,0,0.1); behavior: url(js/pie/PIE.htc);
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
   /* margin-top: 24px;*/
}

.market .introtext{border-bottom: 0; padding-bottom: 0; margin-bottom: 12px;}

.listside .sidepanel{float: left; width: 100%; padding: 12px 0; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px;-moz-border-radius: 12px; -webkit-border-radius:12px; border-radius: 12px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.listside .sidepanel h2{ font-size: 1em;color: #fff; background: #00adef; -moz-border-radius: 8px; -webkit-border-radius:8px; border-radius: 8px; text-align: center;}
.listside .sidepanel h3{ font-size: 1.4em; line-height:1em; color: #02b1f0;}
.listside .sidepanel h3 a{color: #02b1f0;}
.listside .sidepanel .btnblue{width: 100%; font-size: 1em; padding:4px 12px; background: #b1d033; color: #fff;}
.listside .sidepanel.recom{text-align: center;}
.listside .sidepanel.relatednews h2 a{color: #fff;}
.sidepanel.articles{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sidepanel.articles ul{list-style-type: none;}
.sidepanel.articles li{list-style-type: none; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #eee;}
.sidepanel.articles li:last-child{border-bottom:0; margin-bottom:0;}
.pagelistside{margin-top:  100px;}
.mainlist{float: right; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.relatedproducts li.item{float: left; width: 100%; margin-bottom: 24px;}
.relatedproducts .thumb{float: left;/* width: 20%;*/ width: 120px}
.relatedproducts .textwiththumb{float: left; max-width: 75%;}
.relatedproducts .textnothumb{float: left; width: 100%;}

/*deal with small numbers of items*/
.mainlist.shortlist .rangeitem.qctwo{width: 100% !important; margin-left: 0px !important;}
.mainlist.shortlist .listrow{ margin-bottom: 0; padding: 0;}
.mainlist.shortlist .rangeitem{margin-bottom: 24px;}
.lowertitle{display: none;}
div.catparent aside.quadcol,div.catparent .catinfo {width: 100% !important;}
.catparent.quadcol.qcthird.nml .catinfo{margin-bottom: 32px;}
div.catinfo{margin-top: -12px; font-size: 0.8em; line-height: 1.3em;}
div.catinfo ul{list-style-type: disc; padding-left:24px;}
div.catinfo ul li{list-style-type: disc; margin-bottom: 12px;}
div.catparent .sidepanel.recom p{font-size: 0.9em; line-height: 1.3em;}
div.catparent .introtxt h2{display: none;}

.listrow{ float: left; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; /*border-bottom: 1px solid #ddd;*/ padding: 24px 0;}
.listrow:first-child{padding-top: 0;}
.listrow .catitem{padding: 0 12px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.listrow .catitem .marketthumb{float: left;  width: 25%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; padding: 6px 0; background: #fff;  border: 1px solid #ddd; margin-bottom: 8px; -moz-border-radius: 8px; -webkit-border-radius:8px; border-radius: 8px; behavior: url(js/pie/PIE.htc);}
.catitem .marketthumb img{max-width: 90%; height: auto;}
.listrow .catitem p{font-size: 0.8em; line-height: 1.4em; margin-top: -18px;}
.catitem .catitemtext{float: left; width: 75%; padding-left: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.rangeitem .marketitem{padding: 0 12px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.rangeitem .rangethumb{float: left; width: 35%; background: #fff;  border: 1px solid #ddd; margin-bottom: 8px; -moz-border-radius: 8px; -webkit-border-radius:8px; border-radius: 8px; behavior: url(js/pie/PIE.htc); text-align: center;}
.rangeitem .rangethumb img{max-width: 100%; height: auto;}
.rangeitem .rangetext{float: right; width: 58%; font-size: 0.9em; line-height: 1.4em; }


.rangeitem dl{float: left; width: 100%; margin-bottom: 8px;}
.rangeitem dt{vertical-align: top;  margin-right: 12px; display: inline-block; zoom: 1; *display: inline; }
.rangeitem dd{vertical-align: top; display: inline-block; zoom: 1; *display: inline; }
.rangeitem dl dt:after{content: ": ";}
span.altunits{color: #777; font-size: 0.8em;}

img.catbanner{max-width: 100%; width: 100%; height: auto;}

/* search */
.searchheader{}
.searchheader .searchbar{}
.searchheader .searchbar form{}
.searchheader .searchbar .selcon{}
.searchheader .searchbar .kwcon{}
.searchheader .searchbar .searchsubcon{}

.searchheader .searchresultstypes span{font-size: 0.8em;}
.searchheader .searchresultstypes{text-align: center;}
.searchheader .searchresultstypes li{ vertical-align: top; display: inline-block;   margin-right: 20px; zoom: 1; *display: inline;}
.searchheader .searchresultstypes li+li:before{content:"|"; margin-right: 20px;}

.searchgroupblock{ float: left; border:2px solid #cdcdcd;}
.searchgroupblock p{margin-bottom: 8px;}
.searchgroupblock.prods{min-height: 580px;}
h2.searchgroup{color: #fff; font-size: 1.4em;  margin: -2px -2px 0 -2px; background: #00adef; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px;}
ul.searchresultslist{ float: left; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 12px;}
ul.searchresultslist li{float: left; width: 100%; border-top: 2px solid #cdcdcd; padding-top: 12px; margin-top: 12px;}

ul.searchresultslist li p{font-size: 0.7em;}
ul.searchresultslist img{ width: 10%; height: auto; float: left; margin-right: 2%; -moz-border-radius: 8px; -webkit-border-radius:8px; border-radius: 8px; }
ul.searchresultslist h3{color:#00adef ; margin-bottom: 0; font-size: 1em; line-height:1.1em;}
ul.searchresultslist h3 a{color:#00adef !important;}
ul.searchresultslist h3 a:visited{color:#00adef !important;}
.searchresultsrow{margin-bottom: 36px;}
q.searchglossdef{font-size: 0.75em; quotes: '\201c' '\201d'; display: block; padding: 0 5% line-height: 1.2em;}
q.searchglossdef:before { content: open-quote;  color: #b1d033; font-size: 1.8em;line-height: 0.8em;}
q.searchglossdef:after  { content: close-quote;  color: #b1d033; font-size: 1.8em; line-height: 0.8em;}
.searchside .searchgroupblock{margin-bottom: 1em;}
.searchgroupblock .rangetext, .searchmsg{font-size: 0.7em;}
.searchgroupblock .category-products{  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px;  }

.searchgroupblock .showall{}

.rangeitem.searchitem{float: left; width: 100%; border-top: 2px solid #cdcdcd; margin-top: 12px; padding-top: 24px;}
.searchmsg{padding-top: 6px; margin-bottom: -6px !important;}
.rangeitem.searchitem .rangethumb{border: 0;  text-align: left; width: 15%; margin-right: 5%; margin-bottom: 0;}
.rangeitem.searchitem .rangethumb img{width: 100%;  height: auto;}
.rangeitem.searchitem .rangetext{float: left; width: 80%;}
.rangeitem.searchitem .rangetext.noimg{width: 100%;}
.rangeitem.searchitem .rangetext h3{font-size: 1.6em; width: 100%;}
.rangeitem.searchitem .rangetext h3 a{color:#00adef !important;}
.rangeitem.searchitem .rangetext .details{float: left; width: 30%; margin-right: 5%; padding-left: 0px;}
.rangeitem.searchitem .rangetext .summary{float: left; width: 100%;}
.rangeitem.searchitem .rangetext .summary.narrow{float: left; width: 65%;}
.rangeitem.searchitem .rangetext.noimg .summary.narrow{width: 80%; }
.rangeitem.searchitem .rangetext.noimg .details{ width: 15%; margin-right: 5%;}
.searchrestultinner{float: left; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; }
/* textual pages */

article.textpage ul,article ol{padding: 0 5%; margin-bottom: 40px;}
article.textpage ul li{list-style-type: disc;}
article.textpage ul li ul,article ol li ol{margin-bottom: 0;}
article.textpage ul li li{list-style-type: circle;}
article.textpage ol li{list-style-type: decimal;}
article.textpage ol li li{list-style-type: lower-roman;}

article.textpage dl{display: block;}
article.textpage dl dt{display: inline-block; clear: left; width: 50%;}
article.textpage dl dt::after{content:": ";}
article.textpage dl dd{display: inline-block; width: 50%;}

img.caticon{vertical-align: middle; margin-right: 20px; max-height: 50px; width: auto;}

.glossary{ float: right;}
.glossary h1{margin-bottom: 12px;}
.glossary nav{margin-bottom: 12px; background: #f0f0f0;padding: 0 8px; -moz-border-radius: 12px; -webkit-border-radius:8px; border-radius: 8px; behavior: url(js/pie/PIE.htc);}
.glossary nav a{}
.glossary li{vertical-align: top; display: inline-block; margin-right: 6px; zoom: 1; *display: inline;}
.glossary h2{color:  #b1d033;}
.glossary section{ float: left; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.glossary section dl{border-bottom: 1px solid #ccc;margin-bottom: 24px; padding-bottom: 24px;}
html.zh .glossary section dl{ border-bottom:  0px; margin-bottom:0; padding-bottom:0;}
.glossary section dl dt{font-family: 'ProximaNovaBold'; }
.glossary section dl dd{font-size: 0.9em;}
html.zh .glossary section dl dd{border-bottom: 1px solid #ccc;}
html.zh .glossary section dl dt{font-weight:bold;margin-top: 12px;}
.glossary section dl dd p{margin-bottom: 12px;}

.offices{}
section.officecontact{ margin: 12px 0; padding-bottom: 24px; border-bottom: 1px solid #ddd;}
section.officecontact h3{color:#b1d033;}
section.officecontact a[href^="tel:"]:before{content:"\260E"; vertical-align: top; display: inline-block; margin-right: 0.5em; zoom: 1; *display: inline;}
section.officecontact a[href^="tel:"]{}
.officecontact .gmap{float: left;}
.officecontact .officetxt{float: right !important;}
#officeslist{float: left; width: 100%;}


#otheroffices{float: left; width: 100%; display: none; /* [jh] this will be set to display: block via js*/}
#showothers{cursor: pointer; padding: 4px 16px; margin-bottom: 24px; width: 100%; display: inline-block; text-align: center;}

/*manuals*/
.documentsarea{float: right;}
select#manualpicker {font-size: 0.9em;}
select#manualpicker option:disabled{text-decoration: line-through; color: #ccc;}
.manualspageentry{}
.manualspageentry.nomanuals{opacity: 0.5;}
.manualspageentry.nomanuals p{margin-left:5%;}
article.textpage .manualspageentry ul,article.textpage .manualspageentry ul li{list-style-type: none;}


/*blog / news*/
.blogsection{padding-top: 24px;}
.blogsection .page-title h1,.blogsection .post-title h2{margin-bottom:0px;}
.blogsection .post-metadata{font-size: 0.7em; color: #b1d033; padding-top: 0;}
.blogsection article{}
.blogsection aside{}

/*NEW PROPER BLOG*/
.blogbanner{float: left; width: 100%; margin-bottom: 24px;}
.blogbanner img{width: 100%; height: auto;}
.blogarticle img{max-width: 100% !important; height: auto; display: block; margin: 0 auto;}
.textpage .blogarticle h1 img{width: auto; display: inline; margin-right: 8px;}
.textpage .blogarticle .subsection h2 img{width: auto; display: inline; margin-right: 8px;}
.blogarticle{line-height: 1.7em; padding: 0 8%;}
.blogarticle h3{font-size: 1.2em;}
.article-content_html img{text-align: center; margin: 24px auto 48px auto; height: auto;} /*  margin: 24px 0 48px 0; */
.blogarticle .article-info{margin-bottom: 12px; margin-top: -8px;}
.blogarticle .article-info dl{font-size: 0.9em; display: inline; display: inline-block; margin-right: 24px;}
.blogarticle .article-info dl dt{display: inline-block; width: auto;}
.blogarticle .article-info dl dd{display: inline-block; margin-right: 12px; width: auto;}
.blogarticle .article-info .postdate{color: #b1d033;}
.blogarticle .article-info .author{color: #70d2f7;}
.blogarticle .box-reviews{float: left; width: 100%; border-top: 2px solid #b1d033; margin-top: 24px;}
.blogarticle .box-reviews h2.cen, .blogarticle .form-add h2.cen{text-align:center; margin: 24px 0;}
.blogarticle .box-reviews .blogcomment{float:  left; width:  100%; margin-bottom:  6px; }
.blogarticle .box-reviews .blogcomment .author{float: left; width: 23%; margin-right: 2%}
.blogarticle .box-reviews .blogcomment .commenttext{float: left; width: 75%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px; border: 1px solid #ddd}
.blogarticle .box-reviews .pager{width: 100%; float: left; text-align: right;}
.blogarticle .form-add form{ float: left; width: 50%; margin: 0 25%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.blogarticle .form-add form li{float: left; width: 100%; margin-bottom: 8px;}
.blogarticle .form-add form li label{float: left; display: block; min-width:150px; width: 20%}
.blogarticle .form-add form li .input-box{float: left; width:80%; max-width: 400px;}
.blogarticle .form-add form li .input-box input{ width:  100%; }
.blogarticle .form-add form li .input-box textarea{width: 100%; min-height: 100px;}
.relatedposts{list-style-type: none; float: left; width: 100%;}
.relatedposts .blog-post-list-item{list-style-type: none;}
.blog-post-list-item{float: left; width: 100%; padding-bottom: 12px; margin-bottom: 24px; border-bottom: 1px solid #ddd; list-style-type: none;}
.blog-post-list-item h2{ margin-bottom: 0; }
.blog-post-list-item .postdate{ color: #b1d033; }
/*.sidepanel .blog-post-list-item .postdate{clear: both;}*/
/*.blog-post-list-item .post-thumbnail_image{float: left; width: 120px;  }*/
/*.blog-post-list-item .post-thumbnail_image img{width: 100px; height: auto;}*/


.blog-post-list-item .post-thumbnail_image {float: left; width: 22%; margin-right: 3%;}
.blog-post-list-item .post-thumbnail_image img{width: 100%; -moz-border-radius: 5%; -webkit-border-radius:5%; border-radius: 5%; height: auto;}
/*.sidepanel.pagelistside .blog-post-list-item .bloglistinfo{width: 75%;}*/

.relatedposts .blog-post-list-item .post-thumbnail_image{width: 10%;}
.relatedposts .blog-post-list-item .post-thumbnail_image img{max-width: 100px;}
.relatedposts .blog-post-list-item .bloglistinfo{width: 90%;}

.post-list-container .blog-post-list-item .post-thumbnail_image{float: left; width: 10%;}
.post-list-container .blog-post-list-item .post-thumbnail_image img{max-width: 100px;}
.post-list-container .blog-post-list-item .bloglistinfo{width: 85%; float: left;}

/*article info table - tabular information*/
.articleinfotable{margin: 20px auto; border: 1px solid #555; display: table;}
.articleinfotable caption{font-weight: bold; border: 1px solid #555;}
.articleinfotable thead{font-weight: bold}
.articleinfotable tbody{font-size: 0.9em;}
.articleinfotable tr{}
.articleinfotable td, .articleinfotable th{padding: 4px 12px; border: 1px solid #777;}
.article-content_html ul{list-style-type: disc; list-style-position:  inside; padding: 0 5%;  margin-bottom: 40px;}

.sidepanel .blog-post-list-item .post-thumbnail_image{ float: none; display: inline-block; vertical-align: top;}
.sidepanel .blog-post-list-item .bloglistinfo{ display: inline-block; width: 60%;font-size: 0.9em;}
/*.sidepanel.pagelistside .blog-post-list-item .bloglistinfo{ width: 50%;}*/
/*.sidepanel.pagelistside .blog-post-list-item .post-thumbnail_image{ width: 110px;}*/
.sidepanel .blog-post-list-item .postdate{font-size: 0.9em;}

.blog-post-list-item .post-thumbnail_image {float: left; width: 22%; margin-right: 3%;}
.blog-post-list-item .post-thumbnail_image img{width: 100%; -moz-border-radius: 5%; -webkit-border-radius:5%; border-radius: 5%; height: auto;}
.sidepanel.pagelistside .blog-post-list-item .bloglistinfo{width: 75%;}



/*new articles*/
.newsarticle-view {float: left; width: 100%;}
.newsarticle-view h1{}
.newsarticle-view .article-info{margin-bottom: 12px; margin-top: -8px;}
.newsarticle-view .article-info dl{font-size: 0.9em;}
.newsarticle-view .article-info dl dt{display: inline-block; width: auto;}
.newsarticle-view .article-info dl dd{display: inline-block; margin-right: 12px; width: auto;}
.newsarticle-view .article-info .postdate{color: #b1d033;}
.newsarticle-view .article-info .author{color: #70d2f7;}
.newsarticle-view .article-content_html{width: 70%; float: left;}
.newsarticle-view .article-content_html figure{width: 100%; float:left; margin-bottom: 12px;}
.newsarticle-view .article-content_html figure figcaption{font-size: 0.7em; text-align: center; width: 100%;}
.newsarticle-view .article-content_html img{max-width: 100%; width: auto; clear: both; margin: 0 auto; max-height: 400px; height: auto;}
.newsarticle-view aside{margin-left: 5%; width: 25%; float: left;}
.newsarticle-view aside ul{list-style-type: none !important; font-size: 0.8em; margin-left: 0 !important; padding-left: 0 !important;}
.newsarticle-view aside li{list-style-type: none !important; margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px solid #eee;}
.newsarticle-view aside li img{vertical-align: middle; margin-right: 8px;}
.newsarticle-view .article-thumbnail_image{}

.otherarticles li span{font-size: 0.8em;}

.downloadgroup{}
.downloadlistitem{}
.downloadlistitem h2{border-bottom: 1px solid #eee; margin-bottom:4px;}
article.textpage .downloadlistitem ul{list-style-type: none; padding: 0; margin: 0;}
article.textpage .downloadlistitem ul li{list-style-type: none; margin-bottom: ;}
.downloadlistitem li.downloader{margin-bottom: 12px; border-bottom:1px solid #eee; padding-bottom: 12px;}
.downloadlistitem h3{margin-bottom: 0;}
.downloadlistitem h3 span{font-size: 0.8em; color: #8d9aa1; font-family: 'ProximaNovaRegular',arial,sans-serif;}
.downloadlistitem dl{}
.downloadlistitem a:visited{color: #00adef;}
.downloadlistitem dt{display: inline; color: #b1d033; margin-right: 8px;}
.downloadlistitem dd{display: inline; margin-right: 8px;}
.downloadlistitem dl.os{}
.downloadlistitem dl.prods dd::after{content:", ";}
.downloadlistitem dl.prods dd:last-child::after{content:"";}
.downloadlistitem .description{margin-top: 12px; border-top: 1px solid #eee; padding-top: 12px;}
article.textpage .downloadlistitem .description ul{list-style-type: disc; margin-left: 24px; }
article.textpage .downloadlistitem .description ul li{list-style-type: disc; }
.downloadlistitem .btnblue{padding: 4px 24px;}
.downloadlistitem img{margin-right: 24px;}

/*product finder*/
.finder.grid * {transition: all 0s ease; /*already have animations as part of the process*/}
.finder.grid .grid-item{width: 150px; margin-bottom: 15px; margin-right: 15px; 
    /*background: #2968ae;*/  background: #00adef; color: #fff;padding: 10px;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    -moz-border-radius: 12px; -webkit-border-radius:12px; border-radius: 12px;
    float: left; position: relative;
    font-size: 0.9em;
    -webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.1); -moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.1); box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.1);
    }

.finder.grid .grid-item.accessory{background: #666;}
#finderloader{ float: left; width: 100%; text-align: center; padding: 40px 0px; }
 article.textpage .finder.grid .grid-item ul,article.textpage .finder.grid .grid-item ul li{list-style-type: none;}
 article.textpage .finder.grid .grid-item ul{font-size: 0.7em; margin-top: 12px;}
 .finder.grid .grid-item .imgcon{text-align: center; width: 100%; background: #fff; -moz-border-radius: 12px; -webkit-border-radius:12px; border-radius: 12px; }
 .finder.grid .grid-item .imgcon img{width: 100%; height: auto; -moz-border-radius: 12px; -webkit-border-radius:12px; border-radius: 12px; }
 .finder.grid .grid-item h3{margin-top: 8px; font-size: 0.8em; text-align: center;}
 .finder.grid .grid-item h3 a{color: #fff;}
 .finder.grid .grid-item--2{width: 200px;}
 .finder.grid .grid-item div.ac{font-size: 0.7em; text-align: center;}
 .is-checked{background: #b1d033; padding: 4px 8px; color: #fff;}
 .btnrow{font-size: 0.8em; margin-bottom: 5px; border: 1px solid #888; padding: 5px; display: inline-block; background: #eee;  -moz-border-radius: 4px; -webkit-border-radius:4px; border-radius: 4px; margin-right: 15px;}
 .btnrow button.button{font-weight: bold; padding: 0px 8px;}
 .numberinput{padding: 2px 4px; width: 50px;}
 .textinput{padding: 2px 4px;}
 .filtercontrols{margin-bottom: 24px;}

 .scomedshare{overflow-x:hidden;max-width: 100%;}
 .sharego #___plus_0{max-width: 100% !important;}

/*contact form*/
form.contactform{margin: 0 auto;}
form #comment{height: 140px;}
div.fieldset{    /*width:100%;*/float: left; background-color: #eee; max-width: 100%; padding: 12px !important; border-radius: 12px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
h3.legend{ color: #b1d033;} 
ul.form-list{list-style-type: none; float: left; width: 100%;}
article.textpage ul li.fields{list-style-type: none; }
article.textpage ul li.fields,.field{margin-bottom:12px;}
li.fields {width: 100%; float: left;}
li.fields .field{width: 100%; float: left;}
li.fields label{font-size:0.9em; float: left; width: 20%;}
li.fields .input-box{float: left; width: 75%; margin-left: 5%;}
li.fields label em{color:#992222;}
li.fields .input-text{ width: 100%;padding: 2px; color: #00adef; line-height: 1.2em;}
li.fields .input-text.short{width: 100px;}
li.fields select{width: 100%;padding: 2px; color: #00adef; line-height: 1.2em;}
li.fields textarea{padding: 6px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
li.fields button.button{padding: 4px 12px;}
.formbutton{padding: 4px 20px; width: 100%;}
.validation-advice{color: #992222; font-size: 0.8em;}
.form-msg{margin-bottom: 24px;}
ul.message{border: 1px solid #aaa; background: #eee;}
ul.message .success-msg{color: green;}
ul.message .error-msg{color: red;}
#showRanges{padding: 4px 12px; font-size: 0.9em;}
/*article.textpage ul{margin-bottom: 0; padding: 0;}*/
form.contactForm .buttons-set{width: 100%; float: left;}
.formerror{color: #dd4444;}

/*events*/
.eventslisting{}
.event{ border-top:  1px solid #ddd; padding:  24px 0; }
.event.solo{border-top: 0;}
.event h3{font-size: 1.25em; margin-bottom: 0;}
.event .eventdate{margin-bottom: 8px; font-weight: bold;}
.event .eventstand{margin-bottom: 8px; font-weight: bold;}
img.eventlogo{max-width: 100%; height: auto;}
.event address{margin: 12px 0; line-height: 1.2em; font-weight: bold;}
.event .eventdesc{margin-top: 6px;}
.event .eventdesc p{margin-bottom: 1em;}
.eventextraimages{float: left; display: block; width: 100%; padding-top: 12px;}
article.textpage .eventextraimages ul{list-style-type: none; padding: 0; margin: 0;}
.eventextraimages ul li{list-style-type: none; display: inline; display: inline-block; margin-right: 48px;}
.eventextraimages img{max-width: 200px; height: auto; vertical-align: middle;}
/*articles*/
.article-finder{margin-bottom: 24px;}
.article-listing{ float: left; width: 70%;margin-right: 5%; }
.mediapage aside{float: right; width: 25%;}
.mediapage ol{list-style-type: decimal; }
.articlelistitem{float: left; width: 100%; border-bottom: 1px solid #eee; margin-bottom: 20px;padding-bottom: 20px;}
.articlelistitem h2{color: #475b66; margin-bottom:0px;}
.articlelistitem h2 a{color: #00adef;}
.articlelistitem span.artdate{}
.articlelistitem span.artauthor{}
.articlelistitem p{margin-bottom: 0;}
article.textpage .pagingblock {margin-bottom: 20px;}
article.textpage .pagingblock ul, article.textpage .pagingblock ol{padding: 0; margin: 0; display: inline; list-style-type: none; margin-left: 20px;}
.pagingblock ul li, .pagingblock ol li{list-style-type: none; display: inline; min-width: 20px; padding: 0 20px; border-left: 1px solid #ddd;}
.pagingblock ul li a.curpg, .pagingblock ol li a.curpg{font-weight:bold; color: #b1d033;}
.pagingblock ol{display: inline;}
.pagingblock .limiter{margin-top: 20px;}
/*blog link*/
.bloglink a{display:  block; background:  transparent url('/media/contentimages/rssfeed.png') left center no-repeat; padding:  24px 8px 24px 52px; min-height: 40px; border-bottom: 1px solid #eee; margin-bottom: 12px; font-weight: bold; font-size: 1.1em;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.bloglink a span{color:#b1d033;}
.bloglink a:hover span{color:#b1d033; text-decoration: none;}
.socmedlinks .bloglink{ margin-top: -6px; background:  transparent url('../images/blogiconsmall.png') left center no-repeat; padding:  4px 8px 0px 26px; min-height: 26px; border-bottom: 0; margin-bottom: 0; font-weight: normal; font-size: 0.8em;}
.socmedlinks .bloglink a{color: #00adef}
/* sitemap */

article.textpage ul.usersitemap{ list-style-type: none; margin-left: 0; padding-left: 0;}
article.textpage ul.usersitemap ul{margin-left: 0; padding-left: 0;}
article.textpage ul.usersitemap > li {float: left; width: 32%; margin: 12px 0 0 0;}
article.textpage ul.usersitemap li{ list-style-type: none; }
article.textpage ul.usersitemap h2{margin-bottom: 0;}
article.textpage ul.usersitemap h3{margin-bottom: 0; color: #b1d033;}
article.textpage ul.usersitemap h3 a{color: #b1d033;}
article.textpage ul.usersitemap ul.productranges{display: none; margin-bottom: 24px; font-size: 0.8em;}
article.textpage ul.usersitemap ul ul {font-size: 0.9em; padding-left: 8px;}

.wobble{
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  animation-delay: 2s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

@-ms-keyframes animationFrames {
  0% {
    -ms-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  10% {
    -ms-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  20% {
    -ms-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  30% {
    -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  40% {
    -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  50% {
    -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  60% {
    -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  70% {
    -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  80% {
    -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  90% {
    -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  100% {
    -ms-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
  }
}

/*homepage full banenrs*/
.fullbanner{text-align: center; float: left; width: 100%;}
.fullbanner img{width: 100%; max-width: 100%; height: auto;}
.fullbanner img.landscapebanner{display: block;}
.fullbanner img.portraitbanner{display: none;}

/**********************/
/**** SPRITE SHEET ****/
/**********************/
/*FORMAT:  {width: 124px; height: 26px; background: url(../images/icon-sheet.png) 0 -4px;} */
/*socmed icons - need to set these classes in the admin !*/
.spr.fb,.spr.icon-fb{width: 32px; height: 32px; background: transparent url(../images/spritesheet2.png) -370px -10px; }
.spr.in,.spr.icon-li{width: 32px; height: 32px; background: transparent url(../images/spritesheet2.png) -370px -59px; }
.spr.tw,.spr.icon-twt{width: 32px; height: 32px; background: transparent url(../images/spritesheet2.png) -370px -109px; }
.spr.yt,.spr.icon-yt{width: 32px; height: 32px; background: transparent url(../images/spritesheet2.png) -370px -159px; }

/*header icons*/
.spr.smlog{	width: 130px; height: 20px;		background: transparent url(../images/spritesheet2.png) -10px -291px;  vertical-align: middle; margin-top: -8px !important;}
img.spr.callus{	width:20px; height:20px; 	background: transparent url(../images/spritesheet2.png) -326px -250px; vertical-align: middle;}
img.spr.mailus{	width:27px; height:20px; 	background: transparent url(../images/spritesheet2.png) -326px -274px; vertical-align: middle; margin: -5px 3px 0 0; }
img.spr.langu{	width: 20px; height: 20px; 	background: transparent url(../images/spritesheet2.png) -325px -297px; vertical-align: middle; margin: -5px 0 0 18px;}
/*feature and application icons*/

.producticons .spr{background-color: #ccc; min-width: 40px; min-height: 40px;}/* debug only - spot any missing ones*/
.spr.accumulation{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -370px -299px;}
.spr.backlight-icon{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -10px -10px;}
.spr.battery-external{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -70px -10px;}
.spr.battery-internal{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -130px -10px;}
.spr.below-hanger-icon{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -310px -190px;}
.spr.check-counting{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -190px -10px;}
.spr.check-weighing{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -250px -10px;}
.spr.coin-counting{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -310px -10px;}
.spr.date{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -10px -70px;}
.spr.density{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -70px -70px;}
.spr.display-hold{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -130px -70px;}
.spr.dual-scale-operation{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -190px -70px;}
.spr.dynamic-weighing{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -250px -70px;}
.spr.external-cal{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -310px -70px;}
.spr.glp--iso{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -10px -130px;}
.spr.internal-cal{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -190px -130px;}
.spr.ip65{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -70px -130px;}
.spr.ip66{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -130px -130px;}
.spr.moisture-determination{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -310px -130px;}
.spr.multiple-weighing-units{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -130px -249px;}
.spr.parts-counting{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -370px -343px;}
.spr.price-computing{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -70px -190px;}
.spr.percent-weighing{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -10px -190px;}
.spr.rs-232-input{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -10px -249px;}
.spr.security-lock{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -130px -190px;}
.spr.tare{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -190px -190px;}
.spr.time-icon{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -70px -249px;}
.spr.usb-icon{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -190px -249px;}
.spr.weighing{width: 40px; height: 40px; background: transparent url(../images/spritesheet2.png) -250px -190px;}

/*odds and sods*/
.spr.pdficon, .downloads .icon{width: 51px; height: 53px;  background: transparent url(../images/spritesheet2.png) -315px -330px;}

/* asset download page */
.assetblock{float: left; width: 100%; margin-top: 20px; margin-bottom: 12px;}
.assetblock .asset.two{float: left; width: 20%; margin-left: 20%; text-align: center;}
.assetblock .asset p{padding: 0 5%; text-align: center;}
.assetblock .asset img{max-width: 100%; height: auto;}
.miniprods{width: 30px; height: auto; vertical-align: middle;}

.moreabout{border-top: 1px solid #00adef;padding-top: 12px;}
.moreabout .item{margin-right: 4%; width: 20%; float: left;}
.moreabout .item:last-child{margin-right: 0;}
.moreabout .item img{max-width: 100%; height: auto;}
.moreabout .item h3{font-size: 1.3em;}

/************************/
/**** MEDIA QUERIES *****/
/************************/

/*SOURCE: http://www.paulund.co.uk/boilerplate-css-media-queries*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
  div.in{}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
  div.in{}
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
  div.in{}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  div.in{}
}

/* iPads (landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
  div.in{}
}

/* iPads (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
  div.in{}
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1024px) {
  div.in{}
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
  div.in{}
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
  div.in{}
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
  div.in{}
}

/* PRINT STYLES */
@media print{
  body{line-height: 1.1em; font-size: 100% ;}
  p{page-break-inside: avoid;}
  header nav,footer, .hsearch, .listside, .breadstrip{display: none !important;}
  article .txtcols{-webkit-column-count: 1 !important; -moz-column-count: 1 !important; column-count: 1 !important;}
  section.tabbedinfo nav, #productthumbs{display: none;;}
  .tabarticlecon article{display: block !important; float: left; clear: both; position: relative;}
  section.otherproducts{display: none;}
  section.tabbedinfo,.tabbedinfo section{background: #fff;}
  .tabbedinfo section{float: left; width: 100%;}
  .downloads .icon{display: none;}
  .downloads ul{width: 100%;}
  .downloads ul li{width: 100%;}
  .acclist{max-height: 20000px;}
  .acclist .acclink a{display: none;}
  .rangeleft,.keyinfo{width: 100% !important;}
  .rangeleft img{max-width: 50% !important;}
  .global-site-notice{display: none !important;}
  div.top{background: #ffffff !important; border-bottom: 0 !important;position: relative !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; z-index: 1;}
  .logo{z-index: 10; margin-top: -40px; position: relative; width: 50% !important;}
  ul.tmen{font-size:1.3em !important; margin-top: 20px}
  ul.lefthid{display: none !important;}
  .top ul li a{color: #222 !important;}
  .top ul li:before{content:"" !important;}
  .toplang, .topmail{display: none !important;}
  .listrow .rangeitem{width: 100% !important;}
  a.topcall{color: #000; border-bottom: 2px solid #00adef; padding-left: 0 !important;}
  header{margin-top: 0;}
  #showiconlabels{display: none;}
  .videocontainer{height: auto;}
  .videocontainer iframe{display: none;}
  .videocontainer:after{content:"Video not applicable for print media."}
  .productimages .mainimage img{max-height: 400px; width: auto; margin: 0 auto;}
  .productimages .mainimage video{max-height: 400px; width: auto; margin: 0 auto;}
  .productoptions{display: none !important;}
  .modeldesc,.productinfotop{width: 100% !important;}
  .glossary{width: 100% !important;} 
  #theatre .stage:after{content:"Sorry, but Javascript-based animations really don't print too well. :("; display: block; text-align: center; font-size: 0.7em; margin-top: -24px;} 
  #theatre .stage{width: 90% !important; margin: 0 5% !important;}
  #theatre .box{height: 225px !important; /*just trying to make it print ok*/}
  .quadcol.qctwothirds{width: 100% !important;}
  .quadcol.qcthird{width: 100% !important;}
  #tabnav{display: none;}
  .listoptions{display: none;}
}

footer div.up{padding-bottom:0 !important; display:none;}
body.homepage footer div.up{display:block;}
.hfeat{min-height: 200px; margin-bottom: 0 !important; height: 200px; overflow: hidden; border-bottom: 1px solid #fff; border-right: 1px solid #fff; position: relative;}
.hfeat::last-child{border-right: 0;}
.hfeat.mkt h2{z-index: 20; position: absolute; font-family: 'ProximaNovaRegular',arial,sans-serif; font-size: 1.1em; bottom: 0; left: 0; background: rgba(0,0,0,0.8); padding: 4px 8px; width: 100%; margin: 0; }
.hfeat.mkt img{position: absolute;}
.hfeat.mkt .bkgd{z-index:5; width: 100%; min-height: 200px; left: 0; top: 0;}
.hfeat.mkt .ovly{z-index: 12; width: 30%; height: auto;  left: 10%; top: 10%;}
.hfeat.mkt .ovlyr{z-index: 12; width: 30%; height: auto;  right: 10%; top: 10%;}
.hfeat.nws{background: #cce; font-size: 0.8em; padding: 32px 4% 0 4%}
.hfeat.nws h2{font-size: 1.15em; line-height:1.3em;}
.hfeat.nws span{color: #475b66;}
.hfeat.prodfind{background: #b1d033; padding-top: 24px;}
.wipnotice{float: left; width: 100%; text-align: center; color: red; padding: 12px 0;}

article.textpage ul.websiteslist{list-style-type: none;}
article.textpage ul.websiteslist li{list-style-type: none; border-top: 1px solid #eee; padding-top: 12px; margin-top: 12px;}
article.textpage ul.websiteslist li span{ display: block; font-size: 0.8em; }

@media only screen and (max-width: 767px) {
.fb-comments{width: 100% !important;}
.fb-comments iframe[style]{width: 100% !important;}
.fb-like-box{width: 100% !important;}
.fb-like-box iframe[style]{width: 100% !important;}
.fb-comments span{width: 100% !important;}
.fb-comments iframe span[style]{width: 100% !important;}
.fb-like-box span{width: 100% !important;}
.fb-like-box iframe span[style]{width: 100% !important;} }