@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,500,700,900');


* {margin:0;padding:0;font-family:'Nunito Sans', Arial; font-size:14px;color:#414042;box-sizing:border-box}

*:before, *:after{box-sizing:border-box}

/* Layout */
a {text-decoration:none}
h1 {font-size:20px}
.clear, .clear_div { clear:both; }
.notdisplay, .responsive { display:none; }
.left{float:left}
.right{float:right}
.center {text-align:center}
.bold {font-weight:800}
.red {color:#7E0F12}
.brightred {color:#FE4142}
.label {color:#666666}
.row .label {color: #666666; font-size: 12px; font-weight: 900;  text-transform: uppercase; margin:10px 0 5px 0}
.backgroundgrey {background:#DDDDDD}
.responsive{display:none}
.mobile, .mobileinlineblock, .mobileinline {display:none}
.nonmobile {display:block}
.nonmobileinlineblock {display:inline-block}
.nonmobileinline {display:inline}

.col100{width:100%}
.col90{width:90%}
.col85{width:85%}
.col80{width:80%}
.col75{width:75%}
.col70{width:70%}
.col60{width:60%}
.col50{width:50%}
.col49{width:49%}
.col48 {width:48%;}
.col43{width:42.5%}
.col40{width:40%}
.col35{width:35%}
.col34{width:34%}
.col33{width:33.33%}
.col32 {width:31.5%;}
.col30{width:30%}
.col25{width:25%}
.col23{width:23%}
.col21{width:21%}
.col20{width:20%}
.col15{width:15%}

.fonticon  {font-size:20px}

.pad35 {padding:35px}
.padregular {padding:50px 20px}

/* All */
html {width: 100%}
body {background:#E7E7E7; min-width:320px}
.header, #menured, #menuwhite, .mainbody, .footer {clear:both}
/* .mainbody {position:relative} */
/* 20180829 */
.mainbody {position:relative; background-color:#e7e7e7;}
.wrapper {max-width:1140px;margin:0 auto;font-size:0}

input[type="text"], input[type="password"], select, .input-text{padding:8px 5px; border:1px solid #999999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color:transparent; vertical-align:middle; min-width:30px}

.input-button, .input-button2, .input-button-greyblank, .input-button-redblank,.fake-button,
button{border:1px solid #7e0f12; background:#7e0f12; color:#FFFFFF; font-size:14px; font-weight: 800;  text-transform:uppercase; cursor:pointer; padding:10px 18px; vertical-align:middle;font-family: "Nunito Sans";}

.input-button-greyblank {background-color:transparent; color:#666666; border:1px solid #666666}
.input-button-redblank {background-color:transparent; color:#7E0F12; border:1px solid #7E0F12}
.fake-button {border:0; background-color:transparent;  color:#A3304F; font-weight:400; padding:0; text-transform: capitalize; text-decoration:underline}

.input-button:hover, .input-button2:hover, .input-button-greyblank:hover, .input-button-redblank:hover, .fake-button:hover, button:hover{opacity: 0.6;} 

#light {display:none;position:absolute;top:50px;left:150px;padding:10px;background-color:#FFFFFF;z-index:1002;overflow:auto;font-size:0}
#light > div {display:inline-block;vertical-align:middle}
#fade {display:none;position:fixed;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.5;opacity:.50;filter:alpha(opacity=50)}

.whiteicon, .burgundyicon, .greenicon {display:inline-block;vertical-align:middle}
.whiteicon i {color:#fff}
.burgundyicon i {color:#7E0F12}
.greenicon {margin-right:20px}
.greenicon i {color:#09b182;font-size:28px}
.menupointer {border-bottom:12px solid #DDDDDD;border-left:5px solid transparent;border-right:5px solid transparent;border-top:0}

#popupmsg, #popupmsgback {display:none}
#popupmsg {min-width:485px;font-size:20px;position:fixed;z-index:1001;width:50vw;left:25vw;background:#fff;text-align:center;top:45vh;padding:20px}
#popupmsgback {position:fixed;width:100vw;height:100vh;background-color:#B1B1B1;opacity:0.8;z-index:1000}


/* Header */
.header {background:#fff;}

.header #menuicon {display:none;}

.header .wrapper > div {vertical-align:middle}
.header .logo{display:inline-block}
.header .logo {min-width:375px}
.header .logo img {width:100px; vertical-align:middle}
.header .logo span {display:inline-block}
.header .logo span.txt {font-weight:900; color:#7E0F12; font-size:24px} 

.header .searcharea {position:relative;width:100%;max-width:450px; padding:4px 10px;border:3px solid #818181;border-radius:3px;text-align:right}
.header .searcharea input {width:100%;border:0;color:#666666;outline: none;}
.header .searcharea .fonticon {position:absolute;right:10px;top:10px;z-index:10;font-size:23px}

/*.header .socialmedia {max-width:260px;margin-top:6px;text-align:right}*/
.header .socialmedia { /* max-width: 260px; */    margin-top: -10px;    text-align: right;    /*float: right;*/    padding: 35px 0; }
.header .socialmedia .phone { font-weight:900; color:#7E0F12; font-size:20px; }
.header .socialmedia .fonticon {display:inline-block;margin-left:10px;color:#7E0F12}

/* Menu Red */
/* BoldChat - Display Manipulation */
#boldchatsection > div > a > div, #boldchatsection > div > a > div > img {display:none}

/* #logoswhite {padding:8px 0} */
/* 20180829 */
#logoswhite {padding-top:8px;}

#menured {background:#7E0F12;padding:8px 0}
#menured .wrapper {position:relative}
#menured .wrapper .rightsection {float:right}
#menured .wrapper .leftsection > div, #menured .wrapper .rightsection > div {display:inline-block}
#menured .wrapper .fonticon {padding-right:5px}
#menured .wrapper ul li {position:relative}
#menured .wrapper .leftsection ul.navmenu > li {padding-right:25px}
#menured .wrapper .rightsection ul.navmenu > li {padding-left:25px}
#menured .wrapper > div, #menured .wrapper ul.navmenu > li, #menured .wrapper ul.navmenu li .fonticon, #menured .wrapper ul.navmenu > li > a, #menured .wrapper ul.navmenu > li > div span,
#menured .wrapper ul.navmenu > li > a span {color:#fff;vertical-align:middle}
#menured .wrapper .leftsection .fa-wechat {font-size:24px;padding-right:5px}
#menured .wrapper .leftsection .menucontactarrow {width:6px;vertical-align:middle}
#menured .wrapper .leftsection ul.navmenu li div.navsubmenu1section img.pointer {margin-left:22px}
#menured .wrapper .rightsection .cartitems {display:inline-block}
#menured .wrapper .rightsection .cartlink {text-decoration:underline}
#menured .wrapper .rightsection .logout {text-decoration:underline}
#submenu1acct img.pointer {margin-left:30px}

#menured .topmenu {margin:20px 0}
#menured .topmenu a {margin:0 10px;color:#414042}
#menured .topmenu img {width:32px}

/* Menu White */
#menuwhite {position:relative;background:#fff}
#menuwhite, #menuwhite .wrapper div.navsubmenu2section, #menuwhite .wrapper div.navsubmenu3section {color:#7E0F12;border-bottom:1px solid #BBBBBB}
#menuwhite .wrapper div.navsubmenu2section, #menuwhite .wrapper div.navsubmenu3section {background:#F0F0F0}
#menuwhite .wrapper ul.navmenu li {margin-right:24px}
#menuwhite .wrapper ul.navsubmenu2 > li, #menuwhite .wrapper ul.navsubmenu3 > li {padding-top:17px}
#menuwhite .wrapper div.navsubmenu3section, #menuwhite .wrapper ul.navsubmenu2 > li {padding-bottom:18px}
#menuwhite .wrapper ul li .menucontactarrow {padding-bottom:2px}
#menuwhite .wrapper ul.navmenu li.navmenuitem, /*#menuwhite .wrapper ul.navmenu li.navmenuitem .fonticon,*/ #menuwhite .wrapper ul.navmenu li.navmenuitem span,
	#menuwhite .wrapper ul.navmenu li.navmenuitem ul.navsubmenu2 > li > a
	{padding-top:17px;padding-bottom:18px;vertical-align:middle;color:#526071}
#menuwhite .wrapper ul.navmenu > li.navmenuitem > a, /*#menuwhite .wrapper ul.navmenu li.navmenuitem .fonticon,*/ #menuwhite .wrapper ul.navmenu li.navmenuitem span .link1, #menuwhite .wrapper ul.navmenu li.navmenuitem span .link2,
	#menuwhite .wrapper ul.navmenu li.navmenuitem ul.navsubmenu2 > li > a
	{text-transform:uppercase; font-size:13px}
#menuwhite .wrapper ul.navmenu li.navmenuitem > a, #menuwhite .wrapper ul.navmenu li.navmenuitem .imea1, #menuwhite .wrapper ul.navmenu li.navmenuitem ul.navsubmenu2 > li > a {font-weight:900}
#menuwhite .wrapper ul.navmenu li.navmenuitem > a {color:#7E0F12}
#menuwhite .wrapper ul li ul.navsubmenu2, #menuwhite .wrapper ul li ul.navsubmenu3 {max-width:1140px;margin:0 auto}
#menuwhite .wrapper ul li ul.navsubmenu3 > li {width:33%;float:left}
#menuwhite .wrapper ul li ul.navsubmenu4 > li {display:block;padding-left:40px;font-weight:normal}

/* Menu Products */
#submenu1products #imenus0 {position:relative}
#submenu1products .imclear {display:none}
#menuunderlay {width:100%;height:100%;position:absolute;top:110px;display:none;z-index:5}
#whiteunderlay {background:#fff;width:100%;height:100%;max-height:681px;position:absolute;top:0;z-index:1;box-shadow:0 0 4px 3px rgba(0,0,0,0.25)}
#greyunderlay {background:#000;opacity:0.3;width:100%;height:100%;position:absolute;top:0}

#submenu1products ul#imenus0 > li {border-bottom:2px solid #F0F0F0}
#submenu1products ul#imenus0 > li:hover {border-bottom:2px solid #7E0F12}

#submenu1products ul#imenus0 li ul.navsubmenu2 {max-width:1140px;margin:0 auto}
#submenu1products ul#imenus0 li.imatm1 {vertical-align:top;padding-top:17px;padding-bottom:18px}
#submenu1products ul#imenus0 li.imatm1 div.imsc1 {display:none;position:absolute;left:0;top:57px;width:100%;height:640px;background:#fff}
#submenu1products ul#imenus0 li.imatm1 div.imsc1 div.imsubc1 > ul {width:270px;border-right:1px solid #DEDEDE}
#submenu1products ul#imenus0 li.imatm1 div.imsc1 div.imsubc1 > ul > li.imli2 {display:block;margin:25px 15px 25px 0;padding-right:10px;background:url(/content/Quail/images/skin/menu-arrow-left.png) no-repeat right top}
#submenu1products ul#imenus0 li.imatm1 div.imsc1 div.imsubc1 > ul > li.imli2:hover {cursor:pointer}
#submenu1products ul#imenus0 li.imatm1 div.imsc1 div.imsubc1 > ul > li.imli2 div.imsc2 {display:none;position:absolute;left:285px;top:25px}
#submenu1products ul#imenus0 li.imatm1 div.imsc1 div.imsubc1 > ul > li.imli2 div.imsc3 {}
#submenu1products ul#imenus0 li.imatm1 div.imsc1 div.imsubc1 > ul > li.imli2 span.imea2 a:hover, #menuwhite .wrapper ul.navmenu li.navmenuitem a.megamenuselected, #menuwhite .wrapper ul li ul.navsubmenu3 > li, #menuwhite .wrapper ul li ul.navsubmenu3 > li a.link {color:#7E0F12;font-weight:800}
#submenu1products ul#imenus0 li.imatm1 .menuleftarrow {padding:4px 0 2px 0;float:right}
#submenu1products ul#imenus0 li.imatm1 div.imsc1 div.imsubc1 > ul > li.imli2 div.imsc2 div.imsubc2 > ul {-webkit-column-count:3;-moz-column-count:3;column-count:3}
#submenu1products ul#imenus0 li.imatm1 div.imsc1 div.imsubc1 > ul > li.imli2 div.imsc2 div.imsubc2 > ul li {display:block}
#submenu1products ul#imenus0 li.imatm1 div.imsc1 div.imsubc1 > ul > li.imli2 div.imsc2 div.imsubc2 > ul li.imli3 {break-inside: avoid-column;margin-bottom:20px;width:100%}
#submenu1products ul#imenus0 li.imatm1 div.imsc1 div.imsubc1 > ul > li.imli2 div.imsc2 div.imsubc2 > ul li.imli3 > span.imea3 a  {color:#7E0F12;font-weight:800}
#submenu1products ul#imenus0 li.imatm1 div.imsc1 div.imsubc1 > ul > li.imli2 div.imsc3 a.level1 {padding-left:20px}
#submenu1products ul#imenus0 li.imatm1 div.imsc1 div.imsubc1 > ul > li.imli2 div.imsc3 a.level2 {padding-left:40px}



/* Menus/Submenus */
ul.navmenu {list-style-type:none}
ul li {display:inline-block;vertical-align:middle}
ul li div.navsubmenu1section, ul li div.navsubmenu1section, ul li div.navsubmenu2section, ul li div.navsubmenu3section, ul li div.navsubmenu4section, ul li div.navsubmenu6section {display:none}
ul li div.navsubmenu1section {position:absolute;left:0;z-index:100;width:210px}
ul li div.navsubmenu1section > div {background:#DDDDDD;padding:10px}
ul li div.navsubmenu1section ul.navsubmenu1 > li {padding:5px 25px 5px 0}
ul li div.navsubmenu1section ul.navsubmenu1 > li > a {color:#333333}
ul li div.navsubmenu1section ul.navsubmenu1 > li > a:hover {color:#787878}
ul li div.navsubmenu1section img.pointer {width:12px;margin-top:4px}
ul li div.navsubmenu2section, ul li div.navsubmenu3section {width: 100%;position: absolute;z-index: 10;top:55px;left: 0}

.header #searchsection {display: none; padding:10px; background-color:#dddddd}
.header #searchsection .searcharea {border:1px solid #cccccc; background-color:#ffffff}

/* Body */
/* 20180829 */
/* #mainbodywrapper {margin-top:18px} */
#mainbodywrapper {padding-top:18px}
.maincontent {min-height:560px;/*padding:35px;background:#fff;*/box-shadow: 0 1px 3px -5px rgba(0,0,0,0.2);font-size:0}
.sectioncontent {background:#fff;font-size:0}
.sectioncontent .sectiontitle {font-size:16px;font-weight:800;text-transform:uppercase}

.cookiepath a, #cookiepath, #cookiepath span, #cookiepath a {font-size:11px;text-transform:uppercase}
#cookiepath span.bullet {margin:0 5px;color:#FE4142}
#cookiepath>a:last-child {font-weight:900}
.pagetitle {margin:35px 0 0 0}
.pagetitle span,hr {color:#333333;text-align:left}
.pagetitle span {font-size:30px;font-weight:900;text-transform:uppercase}
.pagetitle hr {margin-top:2px;margin-bottom:60px;width:125px;border-width:5px;border-style:solid;text-align:left}

/* CATEGORY - ICON LISTING */
.caticons {background:#fff}
.caticons div, .caticons a, .caticons span {color:#333333}
.caticons .catheader {padding:30px 0 30px 30px;color:#333333;font-size:16px}
.caticons .catdesc {max-height:20px;overflow:hidden;margin-bottom:40px;font-size:16px;text-align:left}
.caticons .catext {position:absolute;right:50px;bottom:55px;background:#fff}
.caticons .cat {position:relative;display:inline-block;vertical-align:top;width:350px;height:350px}
.caticons .cat .thumb-div {height:250px;text-align:center}
.caticons .cat .cattitle, .caticons .cat .catdesc {padding:0 50px}
.caticons .cat .cattitle {color:#AF2D3D;font-size:16px;font-weight:900}
.caticons .cat .catdesc {margin-bottom:0}

/* CATEGORY - FILTERING */
/* FIX: Removal margins inbtwn inline divs */
.rightside, .mainfilters, .subfilters, .mainfilter, .rightside .sectionimages {font-size:0}

#scrolltotop {display:none;position:fixed;top:45%;right:2px;width:50px;height:50px;padding:15px 0;background:#333333;text-align:center; z-index:1000; border:1px solid #ffffff; }
#scrolltotop i {color:#fff;font-size:20px}
.rightside, .subfilters, .mainfilter {display:inline-block;vertical-align:top}
.subfilters .subfilter .filtershowhide:hover {cursor:pointer}
.subfilters {min-width:180px}
.subfilters .title {font-size:18px;font-weight:900}
.subfilters .title hr {width:30px;border:2px solid #000;text-align:left}
.subfilters > .title {margin-bottom:15px}
.subfilters > .clearfilter {margin-bottom:20px}
.mainfilters .clearfilter a, .mainfilters .clearfilter span, .subfilters .clearfilter a, .subfilters .clearfilter span {cursor:pointer;color:#666666;text-decoration:underline}
.subfilters > div .filterseparator {width:100%;border:0.5px solid #501C1C}
.subfilters .subfilter {padding:15px 0}
.subfilters .subfilter .filtershowhide {display:inline-block;width:23px;color:#fff;background:#333333;text-align:center;font-weight:800;font-size:16px}
.subfilters .subfilter .name {display:inline-block;padding-left:10px;font-weight:900}
.subfilters .subfilter .subsection .filterlisting {max-height:248px;overflow:hidden}
.subfilters .subfilter .subsection .filterlisting > div {height:21px;margin-bottom:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.subfilters .subfilter .subsection .filterlisting .clearfilter {margin-left:35px}
.subfilters .subfilter .subsection .filterlisting .filterchk {display:inline-block;margin-right:12px;vertical-align:middle;padding:4px;border:6px solid #fff}
.subfilters .subfilter .subsection .filterlisting .filtervalue {display:none}
.subfilters .subfilter .subsection .seemorefilter, .subfilters .subfilter .subsection .seelessfilter {display:none}
.subfilters .subfilter .subsection .seemorefilter span, .subfilters .subfilter .subsection .seelessfilter span {color:#z;text-decoration:underline;cursor:pointer}
.mobilefilter {display:none}
.mainfilters .mainfilter .filterimg {text-align:center}
.mainfilters .mainfilter .filterimg img {margin-bottom:20px;width:228px;height:150px;border:1px solid #BBBBBB}
.mainfilters .mainfilter .filter {position:relative}
.mainfilters .mainfilter .filterselected, .mainfilters .mainfilter .clearfilter, .mainfilters .mainfilter .filterselection, .mainfilters .mainfilter .filterselection div {width:100%;cursor:pointer}
.mainfilters .mainfilter .filterselected {padding:10px;background:#fff;border:1px solid #BBBBBB;text-align:left;vertical-align:middle}
.mainfilters .mainfilter .filterselected input, .mainfilters .mainfilter .filterselected img {vertical-align:middle;cursor:pointer}
.mainfilters .mainfilter .filterselected input, .mainfilters .mainfilter .filterselection .filtername {font-size:12px}
.mainfilters .mainfilter .filterselected input {width:95%;border:0}https://secure.north49.biz/admin/contentmanager/directories.htm
.mainfilters .mainfilter .clearfilter {text-align:right}
.mainfilters .mainfilter .filterselection {display:none;position:absolute;z-index:10;top:56px;max-height:256px;overflow-y:scroll;border-left:1px solid #BBBBBB;border-right:1px solid #BBBBBB}
.mainfilters .mainfilter .filterselection > div {padding:5px 0;background:#fff;color:#333333;font-size:13px;border-bottom:1px solid #BBBBBB}
.mainfilters .mainfilter .filterselection > div:hover {background:#E9E9E9;cursor:pointer;}
.mainfilters .mainfilter .filterselection > div span, .mainfilters .mainfilter .filterselection > div img {vertical-align:middle}
.mainfilters .mainfilter .filterselection > div img {width:20%;max-width:83px}
.mainfilters .mainfilter .filterselection > div span {width:80%;max-width:350px;display:inline-block}

.rightside .sectionheader {position:relative;width:100%;padding:15px 0 10px 18px;background:#B1B1B1}
.rightside .sectionheader span {vertical-align:middle;color:#333333;font-size:19px;font-weight:900}
.rightside .sectionheader img.approvals {vertical-align:middle;float:right;max-height:26px;height:100%}
.rightside .sectionimages {width:100%;padding:40px 50px 20px 50px;background:#fff}
.rightside .sectionimages div {display:inline-block;vertical-align:middle;font-size:0}
 .IMGL img, .IMGR img, .IMGC img {max-width:100%}
.rightside .sectionimages .IMGL, .rightside .sectionIMAGES .IMGR {width:25%;vertical-align:middle;text-align:center;font-weight:bold}
.IMGC {width:49%}
.IMGC .LDC {width:100%}
.IMGC .LDL, .IMGC .LDR {width:50%}
.rightside .sectionlisting  {background:#fff}
.rightside .sectionlisting .header, .rightside .sectionlisting .details {width:100%}
.rightside .sectionlisting .header div {vertical-align:middle;text-align:center;font-weight:900}
.rightside .sectionlisting div {display:inline-block;font-size:12px}
.rightside .sectionlisting div span{font-size:12px}
.rightside .sectionlisting .details {padding:10px;border-bottom:1px solid #BBBBBB}
.rightside .sectionlisting .details div {text-align:center;vertical-align:middle}
.rightside .sectionlisting .details div a {text-decoration:underline;color:#7E0F12}

div.addtocart select.uomprice {float:right;padding:6px 4px;background:#CCCCCC;color:#666666;font-size:12px}
div.addtocart input.inputbtn, div.addtocart input.inputbtn2 {width:100%;border:0;font-weight:900;text-transform:uppercase;}
div.addtocart input.inputbtn {padding:8px 0;background:#7E0F12;color:#fff;font-size:12px}
div.addtocart input.inputbtn2 {padding:10px 0;background:#fff;color:#7E0F12;border:1px solid #7E0F12}

/* Product */
.product {vertical-align:top}
.product, .product .thumbnails, .product .prodmiddle {display:inline-block;vertical-align:top} 
.product .thumbnails {width:70px}
.product .thumbnails .thumbnail {position:relative;display:block;margin-bottom:25px;width:100%;height:100%;max-height:50px;border:1px solid #DDDDDD;cursor:pointer}
.product .thumbnails .thumbnail img {width:100%;height:auto}
.product .overlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
.product .IMGC {width:100%}
.product .LDC {height:49%}
.product .LDC, .product .LDL, .product .LDR {font-size:0}
.product .LDC > div {display:inline-block;vertical-align:middle}
.product .LDL, .product .LDR {width:50%}
.product .LDL img, .product .LDR img {}
.product .prodmiddle {position:relative;max-width:400px;padding-left:50px;font-size:0}
.product .prodimg {position:relative;max-width:350px;width:100%;text-align:center;vertical-align:top}
.product .prodimg i, .product .prodimg .title, .product .prodimg #prodimgdesc {color:#999999}
.product .prodimg img {max-width:100%}
.product .prodimg .title {margin: 30px 0 40px 0}
.product .prodimg i {float:left;font-size:24px}
.product .prodimg #prodimg {height:100%;max-height:256px}
.product .prodimg #prodimgdesc {font-size:18px}

#productdetails { padding: 0 0 0 40px}


.product .prodinfo {display:inline-block;vertical-align:top;text-align:left}
.product .prodinfo.rel-doc a { color:blue; }
/*
.product .prodinfo .specs { padding: 8px 5%; }
.product .prodinfo .title {color: #666666;font-weight: 900}
.product .prodinfo a {color:#A3304F;text-decoration:underline}
.product .prodinfo #approvals {width:100px}
*/
.product_specs #speclist .spec { background-color:#dddddd; }
.product_specs #speclist .spec div {display:inline-block; width:70%;  border-bottom:1px solid #fff;  padding:10px 3%;}
.product_specs #speclist .spec div.title {width:30%; color: #666666; font-weight: 900; border-right: 1px solid #fff;}


/*
.product_specs #speclist .bg0,  #speclist .bg1 {background-color:#cccccc}
.product_specs  #speclist .bg2,  #speclist .bg3 {background-color:#ffffff}
*/

.product .addtocart {padding:100px 0 0 0;width:80%;font-size:0;text-align:center}
.product .addtocart .prodqty, .product .addtocart .produom {display:inline-block;vertical-align:top}
.product .addtocart .qty {margin:0 15px 0 10px;width:60px}
.product .addtocart .uomprice {float:none;margin-bottom:10px; min-width:115px}
.product .addtocart .prodbtn {margin-top:60px}
.product .addtocart.rfq  {padding:0px}
.product .addtocart.rfq .prodbtn {margin-top:0px}
.product .addtocart .prodbtn input {width:100%}

.product .prodimg a {color:#A3304F;text-decoration:underline}
.product .prodsku {font-size:18px}

/* Design A Cord */
.designfilters {display:inline-block;vertical-align:middle;margin-top:20px}
.designfilters .designfilter select {margin-bottom:20px;padding:12px 0 12px 12px;width:100%;background:#3B454C;color:#fff;font-weight:900;font-size:15px}
.designfilters .designfilter select option {overflow:hidden;background:#fff;color:initial}
.designfilters .end {display:inline-block; width:48%;}
.designfilters .end img {margin: 10px; width:100%; max-width:208px; max-height:150px;border:1px solid #BBBBBB}
.designsubfilters {margin-top:50px}
.designsubfilters .designsubfilter {display:inline-block;margin-right:10px; margin-top:10px}
.designsubfilters .designsubfilter div.label {}
.designsubfilters .designsubfilter select {margin-top:4px}



/*account*/

.login {padding:50px; border-right:1px solid #cccccc}
.login .row {padding:50px 0}
.login .row div {padding:5px 0}
.login .row div.label {color: #666666; font-size: 12px; font-weight: 900;  text-transform: uppercase;}
.login input  {width:100%}
.login a {text-align:center; color: #7E0F12; text-decoration:underline}

.register {padding:50px;}
.register > div {padding:10px 0} 
.register > div > div{text-align:center; font-weight: 900;  color: #3B454C;	font-size: 13px; text-transform:uppercase}
.register > div > div img {margin:20px 0}
.register a {text-align:center; color: #7E0F12; text-decoration:underline}

.retrieve {padding:50px;margin:0 auto}
.retrieve .row {padding:50px 0 10px 0}
.retrieve .row div {padding:5px 0}
.retrieve .row div.label {color: #666666; font-size: 12px; font-weight: 900;  text-transform: uppercase;}
.retrieve .input-text {width:100%}

.account {padding:100px 30px; }
.account .acct  div {width:320px; color: #D73E46; font-weight: 900; text-transform:uppercase; border:1px solid #DD5871; padding:10px 25px; margin:30px 20px; height:50px }
.account .acct div img{ vertical-align:middle; margin-right:12px}
.account .acct div span {color:#D73E46}

.password {padding:100px 50px; margin:0 auto}
.password .row {padding:50px 0 30px 0}
.password .row div {padding:5px 0}
.password .row div.label {color: #666666; font-size: 12px; font-weight: 900;  text-transform: uppercase;}
.password .input-text {width:100%}

/*registration*/
.registration {margin:0 auto; color:#222222; padding:50px 20px }
.registration p{padding-bottom:20px}
.registration .row {margin:10px 0 }
.registration .row .col {width:48.5%}
.registration .row .label {color: #666666; font-size: 12px; font-weight: 900;  text-transform: uppercase; margin:10px 0 5px 0}
.registration .row .note {margin:5px 0; color:#999999}

.registration input[type="text"], .registration input[type="password"] {width:100%} 
.registration select{width:100%; background:#cccccc;     padding: 5px;    border-radius: 3px;}
.registration span {color:red}

/*Shiptos*/
.newshipto{margin:30px auto;}
.newshipto div {margin:10px 0}
.newshipto .dashed {padding:20px 0; text-align:center; border:1px dashed #666666; border-radius:2px}

.shiptos {margin:30px auto;padding:50px 20px}
.shiptos .row {padding:10px 0 }
.shiptos .row .col {width:48.5%}
.shiptos .row .label {color: #666666; font-size: 12px; font-weight: 900;  text-transform: uppercase; margin:10px 0 5px 0}
.shiptos .row .note {margin:5px 0; color:#999999}
.shiptos .input-text {width:100%} 
.shiptos select{width:100%; background:#cccccc;     padding: 5px;    border-radius: 3px;}

/*quick order*/
.quickorder_div {min-width:710px; padding:20px}
.quickorder-grid .col{float:left}
.quickorder-grid .col-header, .quickorder-grid .col-data {    padding: 10px 0;    border-bottom: 1px solid #a1a0a2;  line-height:35px}
.quickorder-grid .col-header {border:0}
.quickorder-grid .col-data:last-child {border:0}
.quickorder-grid .col-data:last-child .qty input {visibility:hidden}
.quickorder-grid .col-header > div, .quickorder-grid .col-data > div{padding:2px 5px; width:12%; }
.quickorder-grid .col-header .clear, .quickorder-grid .col-data .clear {padding:0}   
.quickorder-grid .col-header div {color: #666666; font-size: 13px;	font-weight: 800;}
.quickorder-grid  .col-header .image, .quickorder-grid  .col-data .image {display:none}
.quickorder-grid  .col-header .name, .quickorder-grid  .col-data .name {width:35%;}
.quickorder-grid  .col-header .qty, .quickorder-grid  .col-data .qty {width:75px; text-align:center}
.quickorder-grid  .qty input {text-align:center; width:50px}
.quickorder-grid  .col-header .price, .quickorder-grid  .col-data .price,
.quickorder-grid  .col-header .amount, .quickorder-grid  .col-data .amount,
.quickorder-grid  .col-header .cancel, .quickorder-grid  .col-data .cancel   {min-width:120px}
.quickorder-grid  .col-header .price, .quickorder-grid  .col-data .price,
.quickorder-grid  .col-header .amount, .quickorder-grid  .col-data .amount {text-align:right}
.quickorder-grid  .col-header .cancel, .quickorder-grid  .col-data .cancel {text-align:center}
.quickorder-grid  .col-data .price .input-price {width:100px;border:0px;text-align:right}

.quickorder-grid  .col-data .sku a {text-align:center; color: #7E0F12; text-decoration:underline}


#quickaddtocart {margin:20px 0; text-align:right}
#running_totalcost {width:60px; text-align:right; border:0}

/*Shopping cart*/

.cart-grid {background:#fff; }
.cart-grid a {color:#7E0F12;text-decoration:underline}
.cart-grid .col {float:left; width:15%}
.cart-grid .col-header, .cart-grid .col-data {padding:30px; line-height:30px}
.cart-grid .col-data  { border-bottom:1px solid #E7E7E7; }
.cart-grid .col-header div{color: #666666; font-size: 13px;	font-weight: 800;}

.cart-grid .item .description {width:40%}
.cart-grid .item .qty {width:8%}
.cart-grid .item .qty input {width:50px; margin-top:-5px; text-align:center}
.cart-grid .item .extprice {width:9%} 
.cart-grid .item .update{width:10%; min-width:100px; text-align:center} 
.cart-grid .item .cancel{width:3%; text-align:right; padding: 5px 0;} 

.cart-total {margin-top:20px}
.cart-total .promo  {color: #454545; text-transform:uppercase; font-weight:900; min-width:256px}
.cart-total .totals {max-width:240px; margin:-10px auto }
.cart-total .totals .subtotal span,  .cart-total .totals .total span {display:inline-block; width:50%; padding:5px 0; text-transform:uppercase;}
.cart-total .totals .subtotal span {font-size:16px; color:#666666}
.cart-total .totals .total span { font-size:20px;color:#333333; font-weight:900;}
.cart-total .totals div span:last-child{text-align:right}

.cart-action {text-align:right; margin:30px 0}
.cart-action span {margin-left:15px}

.cart-notes {background-color:#cccccc;padding:20px 10%;}
.cart-notes div {font-weight:900; padding:10px 0 20px 0;  font-size:16px}

.cart-notes ul {list-style-type:disc}
.cart-notes ul li {margin-left:18px;  font-size:16px; padding:3px 0; display:list-item;}


#minimum-note {font-size: 13px; font-weight: 600; color: #7E0F12;}
.cart-grid select.uomprice {  margin-top:-2px;   padding: 4px;   background: #CCCCCC;   color: #666666;     border-radius: 3px;}

.wishlist-title{text-transform:uppercase; color: #333333;	font-size: 16px;	font-weight: 900;}
.wishlist-title > span {display:inline-block; width:49.5%}
.wishlist-title .expand { cursor:pointer; text-align:right}
.wishlist-title .expand .expand-icon {background-color: #333333;   color: #FEFEFE;  padding: 0px 7px 2px 7px;   font-size: 18px;    font-weight: 600; width:25px}

#wishlist{display:none}

.wishlist input[type="checkbox"]{display:none}
.wishlist input[type="checkbox"] + label  span { display:inline-block; width:30px; height:30px; vertical-align:middle;  border:1px solid #666666; border-radius:3px}
.wishlist input[type="checkbox"] + label  span:after {display:inline-block; content: " ";   }
.wishlist input[type="checkbox"]:checked + label  span:after {display:inline-block; font-family: "FontAwesome"; content: "\f00c"; background-color:#14C965; color:#fff; width: 28px; height: 28px;   text-align: center;     border-radius: 3px;} 




/*Checkout*/

.stepwizard {text-align:center; margin:40px 0}
.stepwizard ul {list-style-type:none}
.stepwizard ul:after  { display: table; content: '';  clear: both;}
.stepwizard ul li {color:#666666; text-transform:uppercase; font-size:12px; display:inline}
.stepwizard ul li:after {font-family: "FontAwesome"; content: "\f105";  padding-left: 3px;   color: #666666; padding: 0 5px 0 10px; }
.stepwizard ul li.active {color:#549B8A; font-weight:900}
.stepwizard ul li.active:after {font-family: "FontAwesome"; content: "\f105";  padding-left: 3px; color:#549B8A; padding: 0 5px 0 10px; }
.stepwizard ul li:last-child:after, .stepwizard ul li.active:last-child:after { display: table; content: ''; }  

.checkout .sub-title {color: #333333;	font-size: 16px;	font-weight: 900;}
.checkout .btn {text-align:right}
.checkout .error {color:#A3304F}
.checkout .proceed {padding:20px 0  0 0 } 

.checkout input[type="radio"] {display:none}
.checkout input[type="radio"] + label > span { float:left; width:20px; height:20px; border-radius:10px; vertical-align:middle; border: 1px solid #666666; margin: 0 10px 0 0; }
.checkout input[type="radio"] + label:after {display: table;  content: '';  clear: both;}
.checkout input[type="radio"]:checked + label > span>span  {display:inline-block; background-color:#666666;     width: 10px;  height: 10px;  border-radius: 5px;  margin: 4px;}

.checkout input[type="checkbox"]{display:none}
.checkout input[type="checkbox"] + label  span { display:inline-block; width:20px; height:20px; margin:5px 10px 5px 0; vertical-align:middle;  border:1px solid #666666; border-radius:3px}
.checkout input[type="checkbox"] + label  span:after {display:inline-block; font-family: "FontAwesome"; content: " ";  width:18px; height:18px; }
.checkout input[type="checkbox"]:checked + label  span:after {display:inline-block; font-family: "FontAwesome"; content: "\f00c"; background-color:#14C965; color:#fff; width: 18px; height: 18px;   text-align: center;     border-radius: 3px;} 

.checkout input[type="text"]{width:100%; padding:8px 5px}
.checkout  select {width:100%; background:#cccccc;     padding: 5px;    border-radius: 3px;}
.checkout .titlebar { min-height: 35px; border-bottom: 1px solid #dddddd; margin: 10px 0 35px 0;}
.checkout .titlebar div:last-child{text-align:right}

.checkout .shipping .col  {width:48.5%; min-height:485px} 
.checkout .shipping .titlebar {margin-bottom:5px}
.checkout .shipping .addr {padding:20px}
.checkout .shipping .addr .sel {padding-top:20px}
.checkout .shipping .addr .list {padding:5px 0}
.checkout .shipping .addr .list div {padding:3px 0; color:#818181}
.checkout .shipping .add-new-btn {text-align:center; padding:20px 0; min-height:54px}

.checkout .editaddress {margin:0px auto; padding:50px 0 }
.checkout .editaddress .row {margin:10px 0}
.checkout .editaddress .row .label {color: #666666;font-size: 12px;	font-weight: 900; text-transform:uppercase}
.checkout .editaddress .col {width:48%}

.checkout .carriers {margin:0 auto}
.checkout .carriers .titlebar {margin-bottom:5px}
.checkout .carrier {background-color:#dddddd; border-radius:3px; color:#666666; padding:20px; margin:20px 0} 
.checkout .selected {background-color:transparent; border: 1px solid #20C03B; }

.checkout .section {margin:10px 0 30px 0}
.checkout .summaryblock{padding:25px}

.checkout  .placeorderblock {padding-left:25px}
.checkout .notes ul {list-style-type:disc}
.checkout .notes ul li {margin-left:18px;  padding:3px 0; display:list-item;}
.checkout .placeorder {text-align:right;padding:25px 0}
.checkout .placeorder .input-button{width:100%}

.checkout .itemlist .col {float:left; width:15%}
.checkout .itemlist .col-header, .checkout .itemlist .col-data {padding:10px 0;}
.checkout .itemlist .col-header div{color: #666666; font-size: 13px;	font-weight: 900;}

.checkout .itemlist .item .prod {width:55%}
.checkout .itemlist .item .prod .sku{color:#7E0F12}
.checkout .itemlist .item .price {text-align:right}

.checkout .itemtotals {border-top:1px solid #dddddd}
.checkout .itemtotals .summaryblock {max-width:300px; margin:auto 0 auto auto; }
.checkout .itemtotals  span{display:inline-block; width:50%; font-size:16px; color:#666666}
.checkout .itemtotals  span{font-weight:900; }
.checkout .itemtotals  span:last-child {font-weight:600; text-align:right}
.checkout .itemtotals .total span{ font-size:24px;color:#333333; padding-top:20px}

.invoice .orderheader {background-color:#3B454C; border-radius:3px; padding:15px 10px; line-height:50px; text-transform:uppercase}
.invoice .orderheader div,
.invoice .orderheader span {color:#E7E7E7;}
.invoice .orderheader h1{color: #E7E7E7; font-size: 30px;	font-weight: 900;}
.invoice .itemtotals {border-top:1px solid #cccccc}

/*about*/
.about {margin:30px auto; }
.about p {padding:10px 0}
.about ul {list-style-type:none; }
.about ul:after {content:""; clear:both; display:table}
.about ul li {float:left; width:50%; padding:5px 0; }
.about ul li a{ color: #7e0f12; text-decoration:underline}

.about div div {padding:25px; text-align:center; color: #3B454C; 	font-weight: 900;text-transform:uppercase;    margin: 10px;  border: 1px solid #cccccc;   min-height: 200px;}
.about div div img {margin:20px}

/*Contact Us*/
.contactinfo{ padding:60px 100px; background:#2E4251; color:white}
.contactinfo .h1 {font-size:26px; font-weight:900;}
.contactinfo div, .contactinfo div a {color: #FEFEFE;}
.contactinfo span {color:#89AAC2; text-transform:uppercase}
.contactinfo .fa {color: #89AAC2;padding: 15px; margin: 30px 0; border-radius: 30px; border: 1px solid #cccccc; width: 60px;}

.livechat, .emailform {padding:50px 30px}
.livechat .row, .emailform .row {padding:10px 0}
.livechat .row:first-child, .emailform .row:first-child {font-size:16px; font-weight:600; color:#666666}
.livechat .row img { vertical-align: middle;     margin: 15px 10px 15px 0;}
.livechat button {width:100%; }
.livechat button .fa {color:#ffffff;     vertical-align: middle;  margin: 0 10px;}

.emailform .row .label {font-size:12px; font-weight:900; color:#666666; text-transform:uppercase}
.emailform .row span {color:red}
.emailform .row .input-text, .emailform .row textarea {width:100%; border-radius:3px}

/* RFQ */
.rfq .info {margin:0 auto}
.rfq .info label {font-size:12px; font-weight:900; color:#666666; text-transform:uppercase}
.rfq .info input {margin-bottom:10px}
.rfq .info textarea { height:100px; }

/* Footer */
.footer {background:#333333}
.footer .greybar {margin-top:40px;padding:6px 0; background:#606060}
.footer .greybar div {width:100%;color:#CBCBCB;text-align:center}
.footer .greybar div a, .footer .greybar div a:hover, .footer .greybar div a:active .footer .greybar div a:visited {text-decoration:none}
.footer .wrapper {margin-top:10px}
.footer .wrapper .section {display:inline-block;    padding: 15px 10px 0 0px;  vertical-align: top;  width: 20%;  min-width: 150px;}
.footer .wrapper .section .sectiontitle {color:#d6dadb;font-weight:900;text-transform:uppercase; position:relative; margin:15px 0; text-decoration:underline;}
.footer .wrapper .section .sectiontitle .expand-icon {      color: #fff;  position: absolute;  right: 15px;  top: -5px;} 
.footer .wrapper .section .sectiontitle .expand-icon i {color: #fff; font-size: 24px;}
.footer .wrapper ul {min-width:200px;list-style-type:none}
.footer .wrapper ul li {display:block;margin-bottom:15px}
.footer .wrapper ul li a {color:#fff}
.footer .wrapper .bbb-seals{text-align:center}
.footer .wrapper .bbb-seals img{width:119px; margin:20px 0 30px 0}
.footer .wrapper .socialmedia {text-align:center; border-top:1px solid #BEBEBE;}
.footer .wrapper .socialmedia .fonticon  {font-size:24px; margin:5px; color:#BEBEBE;}
.footer .wrapper .copyright {color:#fff; font-size:12px; text-transform:uppercase; padding-bottom:10px}

/* Home Page */
/* --- Banner --- */
.bannergrid > div:not(.clear) {max-height:600px}
.bannergrid .bg {width:100%;height:100%;position:relative;background-size:cover; background-repeat:no-repeat; background-position:50%, 0; max-height:600px}

.bannergrid #banner2,.bannergrid #banner3, .bannergrid #banner4{max-height:300px} 

.bannergrid #banner1 .bg {background-image:url(/content/Quail/images/banner/banner-left-HG.jpg)}
.bannergrid #banner2 .bg {background-image:url(/content/Quail/images/banner/banner-middle-AL2.jpg); max-height: 300px;}
.bannergrid #banner3 .bg {background-image:url(/content/Quail/images/banner/banner-small-left-Design.jpg); max-height: 300px;}
.bannergrid #banner4 .bg {background-image:url(/content/Quail/images/banner/banner-small-right-international.jpg); max-height: 300px;}
.bannergrid #banner5 .bg {background-image:url(/content/Quail/images/banner/banner-right-colored-jumper.jpg)}

.bannergrid .bg img {width:100%}
.bannergrid .bg>div  {width:100%;position:absolute;}

.bannergrid .bg>div.ad1 {bottom:0;padding:0 0 15px 20px; padding-right: 10px; text-align: right;}
.bannergrid .bg>div.ad1 label {padding:1px 15px;background:#7e1013;color:#f3f3f3;font-weight:800;text-transform:uppercase}
.bannergrid .bg>div.ad1 span {font-size:22px;font-weight:900;color:#fff;}

.bannergrid .bg>div.ad2 label {padding:1px 15px;background:#7e1013;color:#f3f3f3;font-weight:800;text-transform:uppercase}
.bannergrid .bg>div.ad2 span {font-size:22px;font-weight:900;color:#111}
.bannergrid .bg>div.ad2 {bottom:0;padding:0 0 5px 10px; padding-right: 10px; text-align: right;}

.bannergrid .bg>div.ad3 label {padding:1px 15px;background:#7e1013;color:#f3f3f3;font-weight:800;text-transform:uppercase}
.bannergrid .bg>div.ad3 span {font-size:22px;font-weight:900;color:#111}
.bannergrid .bg>div.ad3 {top:0 10px;padding:0 0 15px 20px; padding-top: 10px; vertical-align: top;}

.bannergrid .bg>div.ad4 label {padding:1px 15px;background:#7e1013;color:#f3f3f3;font-weight:800;text-transform:uppercase}
.bannergrid .bg>div.ad4 span {font-size:22px;font-weight:900;color:#fff}
.bannergrid .bg>div.ad4 {padding:0 0 15px 20px; padding-top: 10px; vertical-align: top; text-align: right; padding-right: 10px;}

.bannergrid .bg>div.ad5 label {padding:1px 15px;background:#7e1013;color:#f3f3f3;font-weight:800;text-transform:uppercase}
.bannergrid .bg>div.ad5 span {font-size:22px;font-weight:900;color:#111}
.bannergrid .bg>div.ad5 {top:0 10px;padding:0 0 15px 20px; padding-top: 10px; vertical-align: top;}

/* --- Category Sections --- */
.homepage .section {margin-bottom:40px}
.homepage .section .thumbnail, .section .sectioncontents {display:inline-block;vertical-align:middle}
.homepage .section .thumbnail {width:28%;max-width:325px; padding:0 20px;text-align:center; min-width:170px }
.homepage .section .thumbnail img {width:100%;vertical-align:middle; max-width:325px}
.homepage .section .sectioncontents {width:70%;max-width:795px; padding:20px}
.homepage .section .sectiontitle {margin-bottom:20px;font-size:18px;font-weight:900;color:#3A565A}
.homepage .section .sectiontxt {vertical-align:middle;color:#666666}
.homepage .section .sectionbtn, .inputbtn3 {display:inline-block;margin-top:20px;min-width:222px;padding:10px 15px;background:#7e0f12;text-align:center}
.homepage .section .sectionbtn a, .inputbtn3 a{color:#fff;font-weight:900}

/* --- Banner Bottom Section --- */
#bannerbottom {padding:25px 0;background:#e7e7e7;vertical-align:middle}

#bannerbottom .section { text-align:center;  background:#fff; margin:10px; min-height: 240px; }  
#bannerbottom .sectiontitle { color:#3A565A; font-family: "Nunito Sans"; font-size: 20px; font-weight: 900;}
#bannerbottom .sectionimg {height:135px}
#bannerbottom .sectionimg img {width:100%}
#bannerbottom .sectionbtn {text-align:center; margin-top:10px;}
#bannerbottom .amazon img {max-width:206px; margin-top:40px; padding:10px}
#bannerbottom .pressrelease img {max-width:103px; margin-top:20px}
#bannerbottom .gsa img{max-width:143px; margin-top:0px}
#bannerbottom .rohs2 {padding:40px}
#bannerbottom .rohs2 img {max-width: 177px}

/* --- Why Section --- */
#why .col50 {display:inline-block;vertical-align:top}
#why div.last {padding-left:50px}

#why h1 {text-align:center;color:#333333;font-weight:900;font-size:30px; margin-top:30px}
#why hr {width:22%;max-width:245px;margin:10px auto 0 auto;border-top:10px solid #333333;text-align:left}
#why p {padding-right:10%}
#why p img, #why p span {vertical-align:middle}
#why ul.greenchecks {list-style-type:none;width:70%;min-width:300px;padding:20px 30px;border:1px solid #CCCCCC}
#why ul.greenchecks li {display:block;/*background: url(/content/Quail/images/skin/green-check.png) no-repeat left;*/padding:10px 0 10px 10px;font-weight:900;color:#666666;font-size:16px}
#why ul.redboxes li {display:block;padding:5px 0;font-weight:900;color:#666666;font-size:16px}
#why ul.redboxes li::before {content: " "; display: inline-block;  border-radius: 2px; background: #7e0f12; width: 12px;   height: 12px; margin-right: 10px; }

/* News Room Page */
/* --- News --- */
.newssection {padding:0 30px;}
.newsborder {border-bottom:1px solid #CCCCCC;}
.newsinfo {padding:30px 170px;}
.headline h1{font-size:35px; font-weight:900; color: #333333;}
.newsimg {text-align:center; padding:30px 0; overflow:hidden;}
.newsimg img{max-width:100%}
.newsimg .row:nth-child(2) {margin:10px 0; overflow:hidden;}
.newsimg .tradeshowimg {margin:0 5px;}
.newscontent p {color:#666666; font-size:15px;}
.newscontent a {color: #DD5871; font-size:15px; text-decoration:underline;}

/* Technical References Page */
/* --- IEC Chart --- */
.chartsection {padding: 0 20px 25px 20px; overflow:hidden;}
.chartheader {background-color:#9FACB6; padding:14px 35px;}
.chartheader p {color:#ffffff; text-transform: uppercase; font-size:16px; font-weight:700;}
.chartsection table {border-collapse:collapse; width:100%; text-align:center;}
.chartsection td, .chartsection th {border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; color:#666666; width:20%;}
.chartsection td {padding:3px; font-size:15px;}
.chartsection th {padding:10px 3px; font-size:13px; font-weight:800;}
.chartsection > div:first-child table td:first-child {border-left:none;}
.chartsection > div:first-child table th:first-child {border-left:none;}
.chartsection > div:last-child table tr:last-child {height:62px;}

/* PRINT */
@media print {
	.noprint, #logoswhite, #menured, #menuwhite, .cookiepath, .footer {display:none}
	body, .mainbody {background:#fff}
}

@media only screen and (max-width:1140px) { 
	.wrapper{padding:0 20px}
	.account {width:780px; margin:0 auto}
	.searcherbox {width:38%}
}

@media only screen and (max-width:1024px) { 

	.searcherbox {width:27%}

	.subfilters { display:none; width:100%}
	.mainfilters {display:none;}

	.mobilefilter {display:inline-block; float:right; font-weight:900; text-transform:uppercase}

	.rightside {width:100%}

	.product .thumbnails {width: 100%;     margin-left: 50px;}
	.product .thumbnails .thumbnail {display: block;  margin-bottom: 25px;   margin-right: 25px;  width: 100%;  max-width: 70px;  height: 100%;  max-height: 50px;  border: 1px solid #DDDDDD;  cursor: pointer;   float: left; }
}

@media only screen and (max-width:800px) {

	/* Layout */
	.responsive{display:block}
	.mobile {display:block}
	.mobileinlineblock {display:inline-block}
	.mobileinline {display:inline}
	.nonmobile, .nonmobileinlineblock, .nonmobileinline  {display:none}
	.left, .right {float:none}

	.col100, .col90, .col85, .col80, .col75, .col70, .col60, .col50, .col49, .col48 , .col43, .col40, .col35, .col34, .col33, .col32 , .col30, .col25, .col23, .col21, .col20, .col15 {width:100%; margin-bottom:3px } 

	.fonticon  {font-size:25px}

	/* All */
	
	/* Popup */
	#popupmsg {width:90%;margin-left:5%;margin-right:5%;left:0;min-width:initial}

	/* Header */
	.header {position:relative}

	.header #menuicon {    display: block;  z-index: 2000;   position: absolute;    top: 45px;    right: 15px; }
	.header #menuicon hr {width:27px; height:3px;border:0;background-color:#333333}
	.header #menuicon hr.second {margin:5px 0}

	.header #menuicon.close {top:10px}
	.header #menuicon.close hr{display:none;}
	.header #menuicon.close .fa-times-thin:before {	content: '\00d7';}
	.header #menuicon.close .fa-2x {font-size: 50px;  font-weight: 600;}

	.header #mobilephoneno { z-index: 2000;  position: absolute;  top: 75px;   right: 15px;   font-weight: 900;   font-size:18px;  color: #333333;}


	.header .logo {display:inline-block;width:70%;max-width:350px}
	.header .socialmedia {display:none}

	#menured {padding:10px 0}
	#menured .wrapper .rightsection .cartitems {display:none}
	#menured .wrapper .rightsection ul.navmenu > li {padding-left:10px; position:inherit}

	#menuwhite  {background: #fff;    position: absolute;    z-index: 1000;    width: 100%;    top: 0;    padding-top: 30px}
	#menuwhite .wrapper {padding:0}
	#menuwhite .wrapper ul.navmenu li {display:block;margin-right:0}
	#menuwhite .wrapper ul.navmenu li.navmenuitem {position:relative; border-bottom: 1px solid #aaaaaa; padding: 25px 0;}
	#menuwhite .wrapper ul.navmenu li.navmenuitem:last-child {border:0}
	#menuwhite .wrapper ul.navmenu li.navmenuitem.mobile {background-color:#333333}
	#menuwhite .wrapper ul.navmenu li.navmenuitem.mobile a {color:white;}
	#menuwhite .wrapper ul.navmenu li.navmenuitem > a {padding:0 25px}
	#menuwhite .wrapper ul li .menucontactarrow {  float: right;  padding: 5px 20px; }
	#menuwhite .wrapper ul li ul.navsubmenu3 > li {width:100%; float: none}
	#menuwhite .wrapper ul li ul.navsubmenu4 > li {padding:10px 0 10px 40px}

	ul li div.navsubmenu2section, ul li div.navsubmenu3section, #submenu1contact {position: inherit; padding: 10px 25px; top:25px; border-top:1px solid #cccccc; border-bottom:0; width:100%}
	#submenu1products ul#imenus0 li.imatm1 {border-bottom:1px solid #bbbbbb;  }
	#submenu1products ul#imenus0 li.imatm1:last-child {border:0}
	#submenu1products ul#imenus0 li.imatm1 .link1 {padding:0 20px}
	#submenu1products ul#imenus0 li.imatm1 div.imsc1  {background:#f0f0f0; position:inherit; height:auto}
	#submenu1products ul#imenus0 li.imatm1 div.imsc1 div.imsubc1 > ul {width:100%; border:0}
	#submenu1products ul#imenus0 li.imatm1 div.imsc1 div.imsubc1 > ul>li.imli2 {background:none; border-top:1px solid #cccccc;padding:20px 0 0 20px; margin:20px 0 0 0}
	#submenu1products ul#imenus0 li.imatm1 div.imsc1 div.imsubc1 > ul>li.imli2 a{padding-left:20px; font-weight:600}

	#mouter0 .imsc2 {display:none}

	#submenu1contact {padding:0; }
	#submenu1contact > div {background-color:#777777}
	#submenu1contact .navsubmenu1 li {padding:20px 25px; border-bottom:1px solid #bbbbbb}
	#submenu1contact .navsubmenu1 li:last-child{border:0}
	#submenu1contact .navsubmenu1 li {font-weight:600}

	#submenu1mobsearcher img.pointer{margin-left:15px; visibility: hidden;}

	#submenu1acct img.pointer {margin-left:50px; visibility: hidden;}
	#submenu1acct {width:100%}
	#submenu1acct ul.navsubmenu1 li {display:block; padding:20px 25px; border-bottom:1px solid #bbbbbb}
	#submenu1acct ul.navsubmenu1 li:last-child {border:0} 

	.maincontent  {position:relative}

	.bannergrid  div {margin:0; }
	.bannergrid > div:not(.clear) {  max-height: inherit; }
	.bannergrid #banner1 .bg,	.bannergrid #banner5 .bg { max-height:300px}
	
	.homepage .section .sectiontitle {margin-top:15px}
	.homepage .section .thumbnail, 	.homepage .section .sectioncontents {width:100%; padding:0 20px}
	.homepage .section .thumbnail {text-align:center; margin:20px auto; display:block}
	.homepage .section .sectionbtn {margin: 20px auto; width:100%;   max-width: 256px;  padding: 10px 15px;} 
	.homepage .section .sectionbtn, .inputbtn3 {display:block}

	.header #searchsection .searcharea {max-width:inherit}
	.header #searchsection .searcharea button {min-width:90px; position:absolute; right:0; top:-19px}

	#bannerbottom .wrapper > div >div {float:left; width:50%}

	#why div {padding:0 10%; }
	#why div.last {padding-left:30px}
	#why p {padding-right:0} 
	#why h1 {font-size:24px;}
	#why ul.greenchecks {list-style-type:none;width:100%;min-width:inherit;padding:20px 15px;}

	.footer .wrapper {margin:25px 0}
	.footer .wrapper .section {width:100%; border: 1px solid #fff; border-bottom: 0; padding: 5px 0;}
	.footer .wrapper .section:last-child {border-bottom:1px solid #fff;}
	.footer .wrapper .section .sectiontitle{margin:15px 0; padding:0 15px }
	.footer .wrapper .section #findacord {padding-top:20px;border-top:1px solid #fff}
	.footer .wrapper .section #exp-cord{top:15px}
	.footer .wrapper .section ul {display:none} 

	.footer .wrapper .section .sub-list {display:block; padding:0 15px} 

	.account {width:300px; padding:50px 0}
	.account .acct div {width:280px ; margin:30px auto;min-height:50px; height:auto}
	.account .acct div.ship img {vertical-align: inherit;} 
	.account .acct div.ship span {display:inline-block; width:150px}

	 .registration .row .col,  .shiptos .row .col {width:100%}

	.subfilters { position: absolute;   z-index: 100;  background-color: #eeeeee;  padding: 20px; }
	.subfilters  .subfilter .filtershowhide {float:right}
	.subfilters .subfilter .name {padding-left:0} 
	.subfilters .subfilter .subsection .filterlisting .clearfilter {margin-left:0}

	/*quick order*/
	.quickorder_div {padding:0 10px; width:100%; min-width:0}

	.quickorder-grid .col {float:none}
	.quickorder-grid .col-header >div{display:none}
	.quickorder-grid .col-data > div {width:100%; } 
	.quickorder-grid .col-data .image,.quickorder-grid .col-data .name, .quickorder-grid .col-data .qty,
	.quickorder-grid .col-data .price, .quickorder-grid  .col-data .amount, .quickorder-grid  .col-data .cancel{float:none; text-align:left; width:100%;} 
	.quickorder-grid .col-data .image,.quickorder-grid  .quickorder-grid .col-data .qty,
	.quickorder-grid .col-data .price, .quickorder-grid  .col-data .amount, .quickorder-grid  .col-data .cancel{max-width:240px} 

	.quickorder-grid .col-data .name > div, .quickorder-grid .col-data .price > div, .quickorder-grid .col-data .amount > div, .quickorder-grid .col-data .cancel > div {width:100%;  text-align:left}
	.quickorder-grid .col-data .price .input-price {text-align:left}

	.quickorder-grid .col-data .price  span, 
	.quickorder-grid .col-data .amount span, 
	.quickorder-grid .col-data .cancel span {display:inline-block; width:50%; text-align:left}
	.quickorder-grid .col-data .cancel input {vertical-align:middle}
	.quickorder-grid .col-data .price  span.responsive, 
	.quickorder-grid .col-data .amount span.responsive, 
	.quickorder-grid .col-data .cancel span.responsive {font-weight:500}

	/*product*/
	#productdetails { padding: 20px 0 0 30px }
	.product_specs {width:100%}
	/*.product_specs #speclist .bg0,  .product_specs #speclist .bg2 {background-color:#cccccc}
	.product_specs #speclist .bg1,  .product_specs #speclist .bg3 {background-color:#ffffff}*/

	.product_specs #speclist .spec div {width:60%; }
	.product_specs #speclist .spec div.title {width:40%; }

	/*Shopping cart*/
	.cart-grid .col-header {display:none}
	.cart-grid .col {padding:5px 0; width:100%} 
	.cart-grid .item .description .prod, .cart-grid .item .description, .cart-grid .item .qty, .cart-grid .item .unitprice,  .cart-grid .item .extprice {width:100% }
	.cart-grid .item .cancel {width:15%}
	.cart-grid .col span {display:inline; width:50%}

	.cart-total .promo  {margin:30px auto; text-align:center}
	.cart-action {text-align:center}

	/*Checkout*/
	.checkout {padding:10px}
	.checkout .editaddress {padding:15px 0}
	.checkout .editaddress .col{width:100%}
	.checkout .notes ul,  .checkout .placeorderblock {padding:25px}
	.checkout .proceed {text-align:center}
	.checkout .shipping .col  {width:100%; min-height:0px} 
	.checkout .titlebar div {float:left;}
	.checkout .titlebar div.sub-title {width:70%}
	.checkout .titlebar div:last-child {width:30%}
	.checkout .itemlist .col-header {display:none}
	.checkout .itemlist .col {float:none; width:100%; padding: 3px 0;}
	.checkout .itemlist .col span{display:inline; width:50%}
	.checkout .itemlist .item .prod {width:100%}
	.checkout .itemlist .item .price  {text-align:left}

	.checkout .itemtotals .summaryblock {margin:0 auto}
	.checkout .placeorder {text-align:center}

        /* News Room Page */
       /* --- News --- */
       .newsinfo {padding:30px;}
       .newsimg .tradeshowimg:nth-child(2) {margin:10px 0;}

       /* Technical References Page */
       /* --- IEC Chart --- */
      .chartsection table td:first-child {border-left:none;}
      .chartsection table th:first-child {border-left:none;}

	/*about*/
	.about {margin:30px auto; padding:20px }

	/*Contact Us*/
	.contactinfo{ padding:50px 30px;}
	.contactinfo .h1 {font-size:20px}
	.contactinfo div.col25 {width:50%; float:left; min-height:225px}
	.contactinfo div.col25 > div {max-width:135px; margin:0 auto}
	.livechat, .emailform {padding:20px 30px}

}

@media only screen and (max-width:480px) {
	.wrapper {padding:0 10px}

	.header #menuicon {top:35px}
	.header #mobilephoneno { top: 65px; }

	.header .wrapper {padding-left:5px}

	.header .logo { min-width: 280px; }
	.header .logo img {width:80px}
	.header .logo span.txt {font-size:18px}

	#bannerbottom .wrapper > div >div {float:none; width:100%}

	.login {padding:30px}

	.sectionheader .approvals{ position: absolute;  top: 60px;   right: 10px;}

	.product .thumbnails {margin-left:0}
	.product .thumbnails .thumbnail {margin-right: 15px;}
	.product .prodmiddle {padding-left:0}

	#productdetails {padding:20px 0 0 0}
	.product .addtocart {margin:0px auto}

	.product .prodinfo .col90 > div.col60 {width:60%}
	.product .prodinfo .col90 > div.col40 {width:40%}


	.about ul li {float:none; width:100%; }

	.cart-action span {    margin-left: 0;   padding: 10px;  display: block;}

	.contactinfo div.col25 {float:none; width:100%; min-height:0}
}

@media only screen and (max-width:320px) {
       /* Technical References Page */
       /* --- IEC Chart --- */
      .chartsection div {overflow-x:scroll;}
}