body{
	min-width:320px;
	margin:0;
	padding:0;
	background-color:#f5f5f5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#333;
}
h1,h2,h3,h4,h5,h6,ul,p{
	margin:0;
	padding:0;
	list-style:none;
}
input[type=text],select{
	margin:0;
	padding:0.3em;
	background:#f9f9f9;
	color:#555;
	border:solid 0.1em #aaa;
	border-radius:4px;;
}
input[type=text]:focus,select:focus,textarea:focus{
	outline:solid 0.1em #1546A2;
}
a:focus{
	outline:0;
}
textarea{
	padding:0.3em;
	font-family:arial;
	color:#555;
	box-shadow:0.2em 0.2em 0.4em #ddd inset;
	border: solid 0.1em #aaa;
	border-radius:0.2em;
}
.aButton .icon,.iconButton .icon{
	display:inline-block;
	margin:0 0.4em;
	vertical-align:middle;
}
.iconButton .icon{
	margin:0 0.1em;
}
.iconButton .icon.icon-fb{
	color:#fafafa;
	font-weight:600;
	font-size:1.6em;
	font-family:arial;
}
.iconButton .icon.icon-fb:after{
	content:"f";
	background:#0079F2;
	padding:0.1em 0.5em;
	border-radius:0.3em;
}
.iconButton:hover .icon:after{
	-webkit-transition:all;
	transition:all;
	-webkit-transition-duration: 0.4s, 0.4s;
	        transition-duration: 0.4s, 0.4s;
	box-shadow:0 0 0.2em #0079F2;
	background:#113577;
}
.iconButton:active .icon:after{
	box-shadow:-0.05em -0.05em 0 #ccc inset;
}
/* ------------------------------------ elements */
#encacc{
	display:none;
}
.aButton,.aButton:visited{
	padding:0.2em;
	cursor:pointer;
	text-decoration:none;
	color:#111;
	background: #ccc;
	background: -webkit-linear-gradient(top,  #ccc 0%,#777 100%);
	background: linear-gradient(to bottom,  #ccc 0%,#777 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccc', endColorstr='#777',GradientType=0 );
	-webkit-transition:all;
	transition:all;
	-webkit-transition-duration: 0.3s, 0.3s;
	        transition-duration: 0.3s, 0.3s;
	border-radius:0.3em;
}
.aButton:active,#categories > a:active{
	box-shadow:-0.05em -0.05em 0 #fff inset;
}
.aButton.dk,.aButton.dk:visited,#categories > li > a{
	color:#fff;
	background: #2d3446;
	border-color:transparent;
}
#categories > li.hasSubcats > a{
	 width:85%;
	 border-top-right-radius:0;
	 border-bottom-right-radius:0;
}
.aButton:hover,
.aButton.dk:hover,
#categories > li > a:hover,
#categories > li.categoryRow.activeCat a:hover{
	color:#fff;
	background: #9F5444;
	border-color:#000;
}
.imgCont{
	min-width:100px;
	max-width:100%;
	margin:auto;
	text-align:center;
}
.imgCont img{
	display:none;
	width:100%;
	padding:0.2em;
	height:auto;
	border:solid 0.08em #dedede;
	border-radius:0.5em;
	-webkit-transition:all;
	transition:all;
	-webkit-transition-duration:0.4s,0.4s;
	        transition-duration:0.4s,0.4s;
}
.imgCont img:hover{
	box-shadow:0 0 1.4em #9AB9CD;
	border-color:transparent;
}
.noImg{
	padding:10% 0;
	font-size:0.8em;
	color:#777;
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #f2f2f2 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );
	border:solid 1px #ccc;
	border-radius:0.7em;
}
.gallery .noImg{
	padding:10% 1rem;
}
/* ----------------------------- msgBar ----------*/
#msgBar{
	display:none;
	position:fixed;
	bottom:4%;
	left:2.5%;
	z-index:205;
	width:95%;
	margin:auto;
	padding:1em 0;
	text-align:center;
	background:#aaa;
	overflow:hidden;
	border-top:solid 0.2em #3a3a3a;
	border-bottom:solid 0.2em #3a3a3a;
	border-radius:0.6em;
	box-shadow:0 0.5em 0.7em #111, 0.2em 0.2em 0.2em #fafafa inset, -0.2em -0.2em 0.2em #333 inset;
}
#msgBarInner{
	position:relative;
}
#msgTxt{
	color:#111;
	font-size:1.05em;
}
#msgClose{
	position:absolute;
	top:-1em;
	right:0;
	width:2em;
	height:2em;
	line-height:2em;
	text-align:center;
	background:#3a3a3a;
	color:#fff;
	font-weight:600;
	text-shadow:0.1em 0.1em 0 #000;
	cursor:pointer;
	border-left:solid 0.15em #eaeaea;
	border-bottom:solid 0.15em #222;

}
#msgClose:hover{
	background:#D71921;
}
#msgClose:active{
	text-shadow:0 0.05em 0 #fff;
}
#msgIcon{
	display:inline-block;
	margin-right:2%;
	font-size:2.2em;
}
#msgIcon .spin{
	vertical-align:middle;
	color:#1078B6;
}
#msgBar.error #msgIcon{
	color:#BB1111;
}
#msgBar.attention #msgIcon,#msgBar.question #msgIcon,#msgBar.ok #msgIcon{
	padding:0 0.4em;
	background:#0080FF;
	vertical-align:middle;
	color:#fff;
	border-radius:50%;
}
#msgBar.ok #msgIcon{
	padding:0.1em 0.2em;
	background:#37A465;
}
/* ---------------------------- icon spinner */
@-webkit-keyframes anim-rotate{
	0%{
		-webkit-transform:rotate(0);
		        transform:rotate(0);
	}
	100%{
		-webkit-transform:rotate(360deg);
		        transform:rotate(360deg);
	}
}
@keyframes anim-rotate{
	0%{
		-webkit-transform:rotate(0);
		        transform:rotate(0);
	}
	100%{
		-webkit-transform:rotate(360deg);
		        transform:rotate(360deg);
	}
}
/* smooth transition */
.spin{
	display:inline-block;
	font-size:1.4em;
	line-height:1.4em;
	-webkit-transform-origin:50% 43%;
  transform-origin: 50% 43%;
	-webkit-animation:anim-rotate 2s infinite linear;
	        animation:anim-rotate 2s infinite linear;
}
/* stepped transition (dots) */
.spin.step{
	-webkit-animation:anim-rotate 2s infinite steps(8);
	        animation:anim-rotate 2s infinite steps(8);
}
/* -------------------------------- responsive tables ------- */
.tableCont table{
	width:100%;
	height:auto;
	margin:0;
	font-size:0.8em;
	border-collapse:collapse;
}
.tableCont th,.tableCont td{
	padding:0.2em;
	vertical-align:middle;
	border:solid 1px #ccc;
}
.tableCont th{
	text-align:center;
	background:#f0f0f0;
}
.tableCont input[type=text],.tableCont input[type=checkbox]{
	padding:0;
	margin:0;
	vertical-align:middle;
}
.tableCont a,.tableCont a:visited{
	display:block;
	padding:0 0.2em;
	text-align:center;
	color:#555;
	border-radius:0.4em;
}
.tableCont a:hover{
	text-decoration:none;
	color:#fff;
	background: #4392e0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4392e0), color-stop(100%,#2c75ba));
	background: -webkit-linear-gradient(top,  #4392e0 0%,#2c75ba 100%);
	background: linear-gradient(to bottom,  #4392e0 0%,#2c75ba 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4392e0', endColorstr='#2c75ba',GradientType=0 );
}
.tableCont a:active{
	text-shadow:0 0.1em 0 #fff;
}
.tableCont td.colDel,.tableCont td.colQty{
	text-align:center;
}
.tableCont td.colQty input{
	width:1.8em;
	text-align:center;
}
.tableCont td.colPrice,.tableCont td.colExtPrice{
	text-align:right;
}
/*--------------------------------------------------- display*/
#pageWrapper{
	height:100%;
	max-width:64em;
	min-width:16.750em;
	margin:auto;
}
header{
	position:relative;
}
header,footer{
	display: block;
}
header,footer,nav,article{
	min-height:0;
}
header,footer,nav{
	padding: 0.313em;
}
header{
	position:relative;
	height:0;
	margin:0;
	padding-top:24%;
	text-align:center;
	background-image:url("/brand/earlyford/2018/header-bg.png");
	background-size:contain;
	background-repeat:no-repeat;
	background-position:left bottom;
}
header{
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	display:-ms-flexbox;
	-webkit-flex-flow: row;
	    -ms-flex-flow: row;
	        flex-flow: row;
	-webkit-box-align:center;
	-webkit-align-items:center;
	        align-items:center;
	-ms-flex-align:center;
	-webkit-box-pack:center;
	-webkit-justify-content:flex-end;
	    -ms-flex-pack:center;
	        justify-content:flex-end;
}
.headerContent{
	position:absolute;
	top:25%;
	right:5%;
	padding:0.5rem;
	font-size:1em;
	text-align:center;
	letter-spacing:0.07em;
	line-height:1.6em;
	color:#003478;
	/*background:url("/brand/earlyford/2018/bg-white-50.png");
	background-size:cover;
	border-radius:0.4em;*/
}
.headerContent h2{
	margin-bottom:0.5em;
	font-family: 'Yellowtail', cursive;
	font-size:4rem;
	font-weight:500;
	color:#405ca0;
	text-shadow:0 2px 0 #e9e9e9,0 3px 0 #dddddd, 0 4px 0 #c9c9c9, 0 5px 8px #ccc, -1px -1px 0 #fafafa,-2px -2px 0 #fff;
}
.headerContent h3{
	padding:0.1em 0.5em;
	font-weight:500;
	color:#9e453b;
	font-size:1.6em;
	background:url("/brand/earlyford/2018/bg-white-50.png");
	background-size:cover;
	border-radius:16px;
}
.loginCont{
	width:100%;
	padding:1px 0 1px 0;
	text-align:right;
	background:#475268;
	box-shadow:0 5px 10px #293143;
}
.loginCont *{
	vertical-align:middle;
	font-size:0.9em;
}
.loginCont form{
	margin:0.5em;
}
.loginCont h2{
	display:inline-block;
	margin-right:0.5em;
	color:#fff;
	font-weight:500;
	font-size:1.3em;
	font-style:italic;
	text-shadow:1px 1px 1px #333;
}
.loginCont label{
	margin:0 0.4em 0 0.8em;
	color:#f0f0f0;
}
.loginCont input{
	width:7em;
}
.loginCont .aButton{
	margin:0 1em;
	padding:0.4em 2em;
	color:#566283;
	background: #e1e4e9;
	background: -moz-linear-gradient(top, #e1e4e9 25%, #b2bdce 100%);
	background: -webkit-linear-gradient(top, #e1e4e9 25%,#b2bdce 100%);
	background: linear-gradient(to bottom, #e1e4e9 25%,#b2bdce 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e4e9', endColorstr='#b2bdce',GradientType=0 );
	border:solid 1px #000000;
}
.loginCont .aButton:hover{
	color:#1A306C;
	background: #f7f9ff;
	background: -moz-linear-gradient(top, #f7f9ff 25%, #c9d1dd 100%);
	background: -webkit-linear-gradient(top, #f7f9ff 25%,#c9d1dd 100%);
	background: linear-gradient(to bottom, #f7f9ff 25%,#c9d1dd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f9ff', endColorstr='#c9d1dd',GradientType=0 );
}
footer{
	padding:1em;
	line-height:3em;
	font-family: 'Open Sans',sans-serif;
	font-size:0.9em;
	text-align:center;
	color:#00142F;
}
footer div{
	vertical-align:middle;
}
footer .imgCont{
	display:inline-block;
}
footer .imgCont img{
	border:0;
}
footer .imgCont img:hover{
	box-shadow:none;
}
/* ---------------------------- main - everything below header */
#main{
	min-height: 0;
	/*background-color:rgba(255,255,255,0.85);*/
}
/* ---------------------------- nav */
nav{
	min-width:290px;
	margin-top:0;
	padding:0.1em 0 0 0;
	background: #121621;
	overflow:hidden;
}

nav h2{
	margin:0.4em 0;
	padding: 0.25em;
	font-size:0.9em;
	color:#B8B8B8;
	/*background:#002962;*/
}
nav h2:first-of-type{
	margin-top:0;
}
h2.newsInfoHead{
	display:none;
}
nav ul{
	margin:0 4px;
}
nav ul li{
	margin:0.1em 0;
}
nav ul li *{
	vertical-align:middle;
}
nav ul a.aButton{
	display:block;
	line-height:2em;
	padding:0.25em;
	font-size:0.9em;
}
#toggleMc.aButton .icon.mcArrow{
	margin-left:0;
}
#toggleMc.aButton.isOpen{
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
#toggleMc .cartTitle .cartTitleCount{
	margin:0 1em;
	font-size:0.8em;
	color:#ccc;
}
#toggleMc:hover .cartTitleCount{
	color:#eee;
}
nav ul.catalogNav{
	margin-bottom:0.4em;
}
nav ul a:hover{
	/*color:#405CA0 !important;*/
	text-shadow:0 0 0.2em #fff;
}
nav ul a:active{
	text-shadow:0.05em 0.05em 0 #fff;
}
nav ul input[type=text],nav select{
	width:78%;
}
nav ul.searchTools{
	padding:0.4em 0;
}
nav ul.searchTools li{
	margin:0.3em 0;
}
nav ul.searchTools li.instruct{
	font-size:0.8em;
	color:#aaa;
	text-align:center;
}
nav ul.searchTools label{
	display:inline-block;
	width:28%;
	margin-right:0.4em;
	font-size:0.8em;
	text-align:right;
	color:#f0f0f0;
}
nav ul.searchTools input,nav ul.searchTools select{
	width:54%;
	background:#ccc;
	font-size:1.1em;
	box-shadow:0.2em 0.2em 0.2em #777 inset;
	border:0;
}
nav ul.searchTools select{
	width:57%;
}
nav ul.searchTools li.searchButtons{
	margin-top:0.8em;
	text-align:center;
}
nav ul.searchTools a.searchButton{
	display:inline-block;
	width:40%;
	margin:0 0.2em;
	padding:0;
	text-align:center;
	color:#f0f0f0;
	background:#2D3446;
}
nav ul.searchTools a.searchButton:hover{
	background:#9F5444;
}
.contactInfoSb{
	padding: 1em;
	color:#fafafa;
}
.contactInfoSb li{
	margin-bottom:0.2em;
	text-align:left;
	font-size:1em;
	white-space:nowrap;
}
.contactInfoSb li.divider{
	margin-bottom:0.4em;
	padding-bottom:0.4em;
	border-bottom:solid 1px #777;
}
nav ul li.social{
	margin:1em 0 0 0;
	text-align:right;
}
.contactInfoSb label{
	display:inline-block;
	width:45%;
	margin-right:1em;
	text-align:right;
	font-size:0.8em;
	font-style:italic;
	color:#aaa;
}
/* ---------------------------- mini cart */
#mCart{
	width:auto;
	margin-bottom:0.4em;
	padding:0.4em;
	background:#ccc;
	font-size:0.8em;
	border:solid 1px #000;
	box-shadow:0.4em 0.4em 0.8em #222 inset;
}
#mCart.open{
	display:block;
}
#mCart.closed{
	display:none;
}
#mCart ul.mcItems{
	overflow:hidden;
}
#mCart ul.mcItems li{
	margin:0.2em 0 0 0;
	padding:0 0 0.2em 0;
	line-height:1.3em;
	border-bottom:dotted 1px #aaa;
}
#mCart ul.mcItems li:last-of-type{
	border-bottom:0;
}
#mCart ul.mcItems li .mcSect{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:0.9em;
	color:#222;
}
#mCart ul.mcItems li.spinner{
	margin:0;
	padding:0;
	text-align:center;
}
#mCart ul.mcItems li.mcTot{
	color:#333;
}
.mcItems a,.mcItems a:visited,.mcItems a:hover{
	color:#146FB8;
}
.mcItems a:active{
	text-shadow: 0 0.1em 0 #000;
}

/* ---------------------------- ccategories */
ul#categories{
	margin:0.5em 0.4em 0.5em 0.4em;
}
li.categoryRow{
	position:relative;
}
li.categoryRow.activeCat.isOpen{
	box-shadow:0 0.2em 0.4em #111;
}
ul#categories > li > a{
	display:inline-block;
	width:97%;
	border:0;
}
ul#categories > li.longDescript > a{
	/*line-height:initial;*/
}
ul#categories > li.activeCat > a{
	background: #475C8F;
}
.categoryRow .icon{
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:12%;
	height:100%;
	line-height:200%;
	text-align:center;
	color:#aaa;
	background:#1c253a;
	cursor:pointer;
	border-left:solid 1px #000;
	border-top-right-radius:0.3em;
	border-bottom-right-radius:0.3em;
	box-shadow:0 0.2em 0.1em #9a9fa8 inset;
}
.categoryRow .icon:hover{
	color:#fff;
	background:#24396b;
}
.categoryRow .icon:active{
	color:#A5DBF3;
	text-shadow:-0.1em -0.1em 0 #000;
}
ul.subCats{
	display:none;
	margin-left:0.4em;
	padding:0;
	font-size:0.9em;
	/*background:#ccc;*/
	border:0;
}
ul.subCats li{
	margin:0;
	padding:0.2em 0;
	/*background: #3a3a3a;*/
}
ul.subCats li.activeSubCat{
	background: #25365f;
}
/*ul.subCats li:hover{
	-webkit-transition:all;
	transition:all;
	-webkit-transition-duration:0.4s, 0.4s;
	        transition-duration:0.4s, 0.4s;
	background:#A0D8F1;
}*/
ul.subCats li:first-of-type{
	border-top:0;
}
ul.subCats li:last-of-type{
	border-bottom:0;
}
ul.subCats li a,ul.subCats li a:visited{
	display:block;
	padding:0 0 0.2em 0.4em;
	color:#fff;
	text-decoration:none;
}

/* ---------------------------- article */
article{
	margin-top:0;
	margin-right:0;
	padding-top:0.3em;
	overflow:hidden;
	border-top: solid 1px #8E908F;
	border-right:solid 1px #8E908F;
	border-bottom:solid 1px #8E908F;
	border-top-right-radius:0.4em;
	border-bottom-right-radius:0.4em;
}
h4.catName{
	position:relative;
	margin-top:-0.3em;
	padding:0.6em;
	color:#fff;
	background:#4a5571;
}
#catalogList{
	display:inline-block;
	position:absolute;
	right:1%;
	z-index:500;
	font-size:0.9em;
	font-weight:500;
}
#theClistCont{
	position:relative;
}
#toggleClist{
	color:#dbdee4;
	cursor:pointer;
}
#toggleClist:hover{
	color:#fff;
}
#toggleClist .icon{
	margin-left:0.5em;
}
#theClist{
	position:absolute;
	/*top:11px;
	left:-45px;*/
	right:0;
	width:160px;
	background:#4a5571;
	padding:0.3em;
	border:solid 1px #8E908F;
	border-bottom-right-radius:0.4em;
	border-bottom-left-radius:0.4em;
	box-shadow:0 0.3em 0.6em #29456D;
}
#theClist li{
	margin:0.25em 0;
}
#theClist a,#theClist a:visited{
	display:block;
	color:#cdd2da;
	text-decoration:none;
	text-shadow:0 1px 0 #000;
}
#theClist a:hover{
	color:#fff;
}
section{
	margin:0.5em;
}
section h2,section h3{
	margin:0.5em 0;
	color:#555;
}
section.announcement{
	padding:0.6em;
	border: solid 1px #ccc;
	border-radius:0.4em;
}
section.articleCtrl{
	padding:0.4em 0;
	font-size:0.8em;
	border:solid 1px #aaa;
	border-radius:0.4em;
}
section.articleCtrl ul{
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	display:-ms-flexbox;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}
section.articleCtrl li{
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	        flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	margin:auto;
	text-align:center;
}
a.npButton{
	margin-right:0.2em;
	padding:0.3em 0.7em;
	font-size:0.9em;
	color:#fff;
	white-space:nowrap;
	background: #405CA0;
}
a.npButton:hover{
	color:#fff;
	background: #A7473D;
	-webkit-transition:all;
	transition:all;
	-webkit-transition-duration: 0.2s, 0.2s;
	        transition-duration: 0.2s, 0.2s;
}
.npButton:first-of-type{
	border-top-left-radius:0.7em;
	border-bottom-left-radius:0.7em;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}
.npButton:last-of-type{
	border-top-right-radius:0.7em;
	border-bottom-right-radius:0.7em;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}
.npButton .icon{
	font-size:0.7em;
}
.changeView .icon{
	display:inline-block;
	margin-left:0.2em;
	vertical-align:middle;
	font-size:1.4em;
	color:#aaa;
	cursor:pointer;
}
.changeView .icon.active{
	color:#5971AB;
}
.changeView .icon:hover{
	color:#D17649;
}
.changeView .icon:active{
	background:#0A224E;
	color:#fff;
}
/* ------------------------------------------------------ item list */
ul.itemList{
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	display:-ms-flexbox;
	-webkit-flex-wrap:wrap;
	    -ms-flex-wrap:wrap;
	        flex-wrap:wrap;
}
ul.itemList.rowView{
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	    -ms-flex-direction:column;
	        flex-direction:column;
}
.itemList li.item{
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	        flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	display:block;
	min-width:200px;
	margin:0.25em 0.5em 0.25em 0.5em;
	padding:0.8em 0.1em;
	background:#fff;
	border: solid 1px #aaa;
	border-radius:0.7em;
}
.confOrder .itemList li.item{
	margin:auto;
}
.itemList.rowView li.item{
	min-width:90%;
}
.itemList .imgCont{
	max-width:90%;
}
.itemList.rowView .imgCont{
	display:inline-block;
	width:30%;
	max-width:50%;
	vertical-align:middle;
}
.itemList .imgCont a{
	position:relative;
}
.itemList .imgCont a .icon{
	position:absolute;
	bottom:0.5em;
	right:0.4em;
	padding:0.2em;
	background:#fff;
	color:#D71921;
	text-decoration:none;
	opacity:0.7;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-top-left-radius:0.5em;
	box-shadow:-0.2em -0.2em 0.2em #ccc;
}
.itemList li.item ul.itemInfo{
	width:90%;
	margin:auto;
	font-size:0.9em;
}
.cart .itemList li.item ul.itemInfo{
	width:98%;
}
#lblHorizScroll{
	display:none;
	text-align:right;
	font-size:0.9em;
	color:#345EAB;
}
#lblHorizScroll .icon{
	margin:0 0.3em;
	color:#C53B23;
}
ul.itemInfo li{
	margin:0.8em 0;
}
.itemInfo label{
	display:inline-block;
	width:28%;
	margin-right:0.4em;
	padding:0.3em 0.5em 0.3em 0;
	vertical-align:middle;
	text-align:right;
	color:#fff;
	font-size:0.8em;
	background: #2c3c67;
	border-top-left-radius:0.6em;
	border-bottom-left-radius:0.6em;
}
.itemInfo .price .dlrPricing{
	margin-top:0.8em;
	margin-bottom:0.8em;
}
.itemInfo label.shipTo{
	color:#555;
	font-size:0.9em;
	text-align:left;
	border:solid 1px transparent;
	border-radius:0.4em;
}
.itemInfo label.shipTo:hover{
	border-color:#ccc;
}
.confOrder .itemInfo label{
	color:#5D6979;
	background:transparent;
}
.itemInfo dataVal{
	display:inline-block;
	max-width:64%;
}
.itemInfo .partNum input{
	background:transparent;
	border:0;
	outline:0;
}
.partNumCont{
	position:relative;
}
.partNumCont .optionMsg{
	position:absolute;
	left:0;
	top:30%;
	font-size:0.8em;
}
/* ---------------------------------- item head */
.itemList.rowView li.item .itemHead{
	width:90%;
	margin:auto;
}
.itemHead .partName{
	max-width:90%;
	margin:0.4em auto;
	text-align:center;
}
.itemList.rowView .itemHead .partName{
	display:inline-block;
	width:50%;
	padding-left:4%;
	vertical-align:middle;
	text-align:left;
	border-bottom:0;
}
.itemList.rowView .itemHead .partName a,
.itemList.rowView .itemHead .partName .shortDesc{
	line-height:initial;
}
.itemList.rowView .itemHead .partName .shortDesc{
	margin-top:0.4em;
}
.itemHead .partName a,.itemHead .partName a:visited{
	color:#294871;
	font-weight:600;
}
.itemHead .partName a:hover{
	color:#333;
	text-decoration:none;
}
.partName .shortDesc{
	font-size:0.9em;
	height:1.9em;
	line-height:1.9em;
	color:#555;
}
.wishListButtons{
	white-space:nowrap;
}
.wishListButtons a,.wishListButtons a:visited{
	display:inline-block;
	font-size:0.8em;
	color:#25365F;
}
.wishListButtons a:not(:last-of-type){
	margin-right:0.5em;
}
.wishListButtons a:hover{
	text-decoration:none;
}

/* ---------------------------------- item head - detail */
body.detail .itemList li.item .itemHead,
body.detail .itemList.rowView li.item .itemHead{
	width:auto;
}
body.detail .itemList.rowView .itemHead .partName{
	display:block;
	width:auto;
}
/* ------------------------ */
li.pdf a{
	color:#268EBB;
	-webkit-transition:all;
	transition:all;
	-webkit-transition-duration: 0.4s, 0.4s;
	        transition-duration: 0.4s, 0.4s;
}
li.pdf a:hover{
	text-decoration:none;
	color:#004A66;
	text-shadow:0 0 2px #4AD2FF;
}
li.item .price{
	font-weight:600;
}
li.item .price .pkg{
	font-weight:500;
	font-size:0.7em;
	margin-left:0.8em;
}
.detail ul.itemList li.item{
	position:relative;
	overflow:hidden;
	border-color:#777;
}
.inputQty input{
	max-width:14%;
	padding:0.14em;
	font-size:0.9em;
	text-align:center;
}
.addToCart{
	margin-left:0.4em;
	padding:0.14em 0.8em;
	font-size:0.9em;
	color:#fff;
	background:#9e4547;
	border:solid 1px #333;
}
.aButton.addToCart:hover{
	background:#dd4444;
	color:#fff;
}
a.dtlViewCart{
	position:absolute;
	bottom:0.25em;
	right:0.5em;
	font-size:80%;
	white-space:nowrap;
	text-decoration:none;
	color:#2586AF;
}
a.dtlViewCart:hover{
	color:#555;
}
/* --------------------------- color picker */
.colorPickerCont{
	display:inline-block;
	width:60%;
	vertical-align:middle;
}
ul.colorPicker{
	/*border:solid 0.1em #D71921;
	border-radius:0.2em;*/
}
ul.colorPicker li{
	display:inline-block;
	margin:0.8%;
}
ul.colorPicker li:first-of-type{
	display:none;
}
ul.colorPicker li.swatch{
	width:1.4em;
	height:1.4em;
	cursor:pointer;
	border:solid 0.2em #000;
	border-radius:0.4em;
}
ul.colorPicker li.swatch:hover{
	box-shadow:0 0 0.6em #FDE302;
}
ul.colorPicker li.swatch:active{
	box-shadow:-0.1em -0.1em 0.05em #ccc inset, 0.2em 0.2em 0.05em #000 inset;
}
ul.colorPicker li.swatch.selected{
	box-shadow:0 0 0.4em #fff;
}
.swatch.red{background:#f00;}
.swatch.black{background:#333;}
.swatch.blue{background:#00f;}
.swatch.purple{background:#8E00EE;}
.swatch.gray{background:#777;}
.ui-tooltip{
	background:#000;
	color:#ccc;
}

/* --------------------------- assoc */
section.assoc h3{
	margin:1em -0.813em;
	padding:1em 0;
	text-align:center;
	color:#fff;
	background:#111;
	box-shadow:0 0.5em 1em #000;
}
section.assoc h3 .icon{
	margin:0 1em;
	color:#A1D9F1;
}
section.assoc .itemHead .partName{
	font-size:0.9em;
}
/* ------------------------------------------------------ gallery */
ul.gallery{
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	display:-ms-flexbox;
	-webkit-flex-flow:wrap;
	    -ms-flex-flow:wrap;
	        flex-flow:wrap;
	-webkit-justify-content:space-around;
	    -ms-flex-pack:distribute;
	        justify-content:space-around;
}
ul.gallery li.imgCont{
	/*flex: 1 1 auto;
	-ms-flex: 1 1 auto;*/
}
.ui-button.ui-widget.ui-state-default.ui-dialog-titlebar-close{
	outline:none;
}
.ui-dialog{
	box-shadow:0.2em 0.2em 0.4em #222;
}
#lbImg{
	width:80%;
	margin:auto;
}
#lbImg img{
	border:none;
}
#lbImg img:hover{
	box-shadow:none;
}
.ui-widget-overlay.ui-front{
	background:#D2E4F9;
}
.ui-widget-header{
	color:#fff;
	background: #0B3160;
	background: -webkit-linear-gradient(top,  #0B3160 0%,#072345 100%);
	background: linear-gradient(to bottom,  #0B3160 0%,#072345 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0B3160', endColorstr='#072345',GradientType=0 );
	border-color:#555;
}
/* -------------------------- img viewer*/
#imgViewer{
	position:absolute;
	top:5%;
	left:5%;
	z-index:200;
	display:none;
	max-width:600px;
	max-height:400px;
	overflow:hidden;
	background: #F3F9FB;
	border:solid 1px #aaa;
	border-radius:0.6em;
	box-shadow:0.2em 0.2em 0.4em #2C3C58;
}
#imgDtl img{
	opacity: 0;
  -webkit-transition:opacity .6s linear .8s;
  transition: opacity .6s linear .8s;
}
#imgDtl img.loaded{
	opacity:1;
}
.img-pan-container, .img-pan-container img{
	box-sizing: border-box;
}
.img-pan-container{
  position: relative;
  height: 80%;
  width: 80%;
  margin:8% auto 0 auto;
  overflow: hidden;
  cursor: crosshair;
}
.img-pan-container img{
  -webkit-transform: translateZ(0); transform: translateZ(0);
  position: absolute;
  top: 0;
  left: 0;
}

/* ------------------------------------------------------ cart */
ul.itemInfo li.haveLatestCatalog{
	margin:0.5em 0 0 0;
	padding:0.5em 0 0.5em 0;
	font-weight:500;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}
section.cart h2{
	text-align:center;
}
.cartHead{
	text-align:right;
}
.cartHead label{
	padding:0.3em;
	border-top-left-radius:0.9em;
	border-bottom-left-radius:0.9em;
}
.cartHead .itemCount{
	margin-right:1.5%;
}
section.cart li.item.empty{
	text-align:center;
}
li.cartButtons{
	text-align:right;
}
li.cartButtons a.aButton{
	padding:0.2em 0.8em;
	background: #003376;
	font-size:0.9em;
	color:#fff;
	border:solid 1px #000;
	-webkit-transition:all;
	transition:all;
	-webkit-transition-duration: 0.2s, 0.2s;
	        transition-duration: 0.2s, 0.2s;
}
li.cartButtons a.aButton:hover{
	background:#9F5444;
}
li.checkoutButtons{
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	display:-ms-flexbox;
	-webkit-flex-flow: row;
	    -ms-flex-flow: row;
	        flex-flow: row;
	-webkit-box-align:center;
	-webkit-align-items:center;
	        align-items:center;
	-ms-flex-align:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	padding-top:1em;
}
li.checkoutButtons .checkoutButton{
	width:40%;
	margin:2% auto;
	text-align:center;
}
h4.checkoutButtonTxt{
	margin-bottom:6%;
	padding:2% 1%;
	background:#f0f0f0;
	font-weight:600;
	border-radius:0.4em;
}
.checkoutButton a.aButton{
	padding:3% 8%;
	color:#fff;
	font-size:1.2em;
	background: #c53b23;
	border:solid 1px #555;
}
.checkoutButton a.aButton:hover{
	background: #DC662E;
	text-shadow:0.05em 0.05em 0 #111;
	border-color:#111;
}
.icon.color{
	display:inline-block;
	width:1.5em;
	height:1.5em;
	margin-right:0.4em;
	vertical-align:middle;
	background:url(/brand/earlyford/2018/icons/color-icons.png);
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.icon.color.shipUs{
	background-position:0 0;
}
.icon.color.shipInt{
	background-position:0 100%;
}
/* ------------------------------------------------------ checkout */
.checkout h2 span{
	display:inline-block;
	vertical-align:middle;
	width:50%;
}
.checkout h2 span:fist-of-type{
	text-align:left;
}
.checkout h2 span:last-of-type{
	text-align:right;
	font-size:0.8em;
	font-style:italic;
	font-weight:500;
	color:#777;
}
.checkout ul.itemInfo{
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	display:-ms-flexbox;
	-webkit-flex-wrap:wrap;
	    -ms-flex-wrap:wrap;
	        flex-wrap:wrap;
}
.checkout ul.itemInfo li{
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	        flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	width:90%;
	margin:1.5% auto;
}
.checkout.confOrder ul.itemInfo li.flexItem{
	width:25%;
	margin:0.5%;
	padding:0.4em;
	border:solid 0.1em #ccc;
	border-radius:0.5em;
}
.checkout.confOrder ul.itemInfo li.flexItem label{
	width:auto;
	max-width:50%;
	padding:0.2em 0.6em;
	vertical-align:top;
}
.checkout.confOrder ul.itemInfo li.flexItem ul.dataBlock{
	display:inline-block;
	width:60%;
}
.checkout ul.itemInfo a{
	color:#0D85B9;
}
.checkout ul.itemInfo a:hover{
	text-decoration:none;
}
.checkout ul.itemInfo li.payOpt{
	margin-left:1em;
}
.payOpt.print label{
	vertical-align:top;
}
h3.lblPopt{
	border-bottom:dotted 1px #aaa;
}
.payOpt label{
	width:25%;
	text-align:left;
	font-size:1.2em;
	font-weight:600;
}
.poLbl2{
	display:inline-block;
	width:38%;
}
.payOpt .aButton,.payOpt .submitButton{
	width:30%;
}
.payOpt .aButton,.submitButton{
	padding:2% 4%;
	color:#fff;
	background:#405ca0;
	font-weight:600;
	outline:none;
	border:solid 1px #333;
}
.payOpt .aButton:hover,.submitButton:hover{
	background:#ce6424;
	color:#fff;
}
.cancelButton{
	background:#ccc;
	border:solid 1px #555;
}
.cancelButton:hover{
	background:#eee;
	color:#91302B;
}
ul.printInstruct{
	display:inline-block;
	width:60%;
}
.checkout ul.itemInfo ul.printInstruct li{
	margin:0 0 4% 0;
}
ul.printInstruct h4 a{
	display:block;
	margin-bottom:0.6em;
	width:30%;
	text-align:center;
}
ul.printInstruct div,ul.printInstruct p{
	margin:0.7em 0;
}
ul.printInstruct .payByMail,ul.printInstruct .payByFax{
	display:none;
	padding:0 4%;
	border:solid 0.1em #ccc;
	border-radius:0.6em;
}
ul.printInstruct .payByMail .ccInfo{
	display:none;
}
.billInfo.couponCode label{
	background:#9e453b;
}
.billInfo.couponCode input{
	border-color:#AF5C30;
	box-shadow: 0 0 4px #AF5C30 inset;
}
.checkout.confOrder ul.itemInfo li.flexItem.contact{
	width:50%;
}
.checkout .colCore{
	text-align:right;
}
.checkout .colYr{
	white-space:nowrap;
}
.star{
	padding:0 0.4em;
	color:#f3c4a3;
}
.checkout input[type=text],.checkout select{
	width:50%;
	vertical-align:middle
}
.checkout textarea{
	width:68%;
	vertical-align:top;
}
.checkout .tableCont td.colPartNum{
	white-space:nowrap;
}
.checkout li.phoneCont input{
	width:auto;
	width:initial;
}
label.shipTo{
	background:initial;
}
.buttons .aButton{
	margin-right:4%;
}
.aButton.payPalButton{
	color:#10324D;
	font-size:1.1em;
	font-weight:600;
	background: #f9e3b4;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9e3b4), color-stop(49%,#ffcf95), color-stop(50%,#efae46), color-stop(100%,#fce0b8));
	background: -webkit-linear-gradient(top,  #f9e3b4 0%,#ffcf95 49%,#efae46 50%,#fce0b8 100%);
	background: linear-gradient(to bottom,  #f9e3b4 0%,#ffcf95 49%,#efae46 50%,#fce0b8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9e3b4', endColorstr='#fce0b8',GradientType=0 );
	border:solid 0.15em #FBA031;
	border-radius:1em;
}
.aButton.payPalButton:hover{
	background:#FFDF80;
}
li.shipInfo{
	display:none;
}
.totals label{
	width:60%;
	float:left;
}
.totals .dataVal{
	display:inline-block;
	float:right;
	width:28%;
	text-align:right;
	border-bottom:dotted 0.1em #ccc;
}
.totals.tot .dataVal{
	font-weight:600;
}
.checkout.ccInfo select{
	width:20%;
}
/* ------------------------------------------------------ checkout3 print */
@media print{
	.checkout ul.itemInfo li{
		padding:0;
		margin:0;
	}
	.checkout .tableCont tbody{
		page-break-before:always;
	}
}
/* ------------------------------------------------------ quick order */
.quick ul.itemInfo li.tableCont, .quick ul.itemInfo li.instruct{
	display:inline-block;
	width:48%;
	vertical-align:top;
}
.quick ul.itemInfo li.instruct{
	margin-right:3%;
	text-align:right;
}
.instruct p{
	margin:1.5% 0;
}
.quick td{
	text-align:center;
}
.quick td.colSlot{
	background:#307AC1;
	color:#fff;
}
.aButton.quickButton{
	margin:1% 0;
	padding:0.4em;
	background: #405ca0;
	background: -moz-linear-gradient(top, #405ca0 0%, #142f6d 100%);
	background: -webkit-linear-gradient(top, #405ca0 0%,#142f6d 100%);
	background: linear-gradient(to bottom, #405ca0 0%,#142f6d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#405ca0', endColorstr='#142f6d',GradientType=0 );
	color:#f0f0f0;
}
.aButton.quickButton:hover{
	background: #6580bf;
background: -moz-linear-gradient(top, #6580bf 0%, #274584 100%);
background: -webkit-linear-gradient(top, #6580bf 0%,#274584 100%);
background: linear-gradient(to bottom, #6580bf 0%,#274584 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6580bf', endColorstr='#274584',GradientType=0 );
	color:#fff;
}
/* ------------------------------------------------------ no item */
.noItem section{
	padding-top:2.5%;
	text-align:center;
}
/* ------------------------------------------------------ layout */

.noWrap{
	white-space:nowrap;
}
#main{
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	display:-ms-flexbox;
}
article{
	/*flex: 2 1 60%;*/
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 70%;
	        flex: 1 1 70%;
	-ms-flex: 1 1 70%;
}

/* respond to page widths */
@media all and (min-width: 1000px){
	.headerContent h3{
		text-shadow:1px 1px 2px #fff;
		background-image:none;
	}
}
@media all and (min-width: 820px){
	.itemList .imgCont{
		max-width:60%;
	}
}
@media all and (max-width: 820px){
	a.npButton{
		font-size:0.8em;
	}
	a.npButton .icon{
		display:none;
	}
}

@media all and (max-width: 850px){
	.cart article,.checkout article{
		order:2;
		-webkit-box-flex:1;
		-webkit-flex:1 1 auto;
		        flex:1 1 auto;
		-ms-flex: 1 1 auto;
	}
	.cart nav,.checkout nav{
		order:1;
	}
	.cart ul#categories > li > a,.checkout ul#categories > li > a{
		width:98%;
	}
	.cart #main,.checkout #main{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		        flex-direction: column;
		-ms-flex-direction:column;
	}
	.cart header, .cart footer, .cart nav, .cart article,
	.checkout header,.checkout footer,.checkout nav,.checkout article{
		min-height: 3.125em;
	}
}

@media all and (max-width: 950px){
	.payOpt .aButton{
		width:80%;
	}
}
@media all and (max-width: 800px){
	.articleCtrl select{
		padding:0;
		font-size:0.8em;
	}
	.quick ul.itemInfo li.tableCont, .quick ul.itemInfo li.instruct{
		display:block;
		width:initial;
		margin:0;
	}
	.quick ul.itemInfo li.instruct{
		text-align:left;
		margin-bottom:4%;
	}
	.checkout textarea{
		width:58%;
	}
}

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

	.checkout .tableCont tbody{
		white-space:nowrap;
	}
	.checkout .tableCont td:nth-child(even){
		background:#f0f0f0;
	}
	.checkout .tableCont th:nth-child(even){
		background:#dadada;
	}
	.printInstruct{
		font-size:0.9em;
	}
}

@media all and (max-width: 704px){
	.numOfTot{
		display:none;
	}
	.contactInfoSb{
		font-size:0.9em;
	}
	.checkout.confOrder ul.itemInfo li.flexItem label{
		display:block;
		width:90%;
		max-width:initial;
		margin:auto;
		text-align:center;
		border-radius:0.6em;
	}
	.checkout.confOrder ul.itemInfo li.flexItem .dataVal{
		display:block;
		/*text-align:center;*/
	}

	.payOpt label,.payOpt .poLbl2{
		display:block;
		width:80%;
	}
	.payOpt .aButton{
		width:80%;
		margin-top:0.4em;
	}

}
@media screen and (max-width: 640px){

	.headerContent h2{
		font-size:3.8rem;
	}
}
@media screen and (max-width: 620px){
	.loginCont h2{
		font-size:0.9em;
	}
	.itemPerPg label{
		font-size:0.8em;
	}
}
@media screen and (max-width: 600px){

	h4.catName{
		margin-top:-0.4em;
		font-size:0.8em;
	}
	.tableCont tbody{
		white-space:nowrap;
	}
	.tableCont tr{
		display:inline-block;
	}
	.tableCont td:nth-child(even){
		background:#f0f0f0;
	}
	.tableCont th:nth-child(even){
		background:#dadada;
	}
	.tableCont thead{
		display:block;
		float:left;
	}
	.tableCont td .posHelper{
		display:block;
		text-align:left;
	}
	.tableCont td.colPartNum a{
		display:inline-block;
	}
	.tableCont td.colPrice,.tableCont td.colExtPrice{
		text-align:left;
	}
	.tableCont td.cTxt{
		text-align:left;
	}
	.tableCont td.cNum{
		text-align:right;
	}
	.tableCont th,.tableCont td{line-height:2em;}
	.tableCont table { display: block; position: relative; width: 100%; }
	.tableCont table thead { display: block; float: left; }
	.tableCont table tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
	.tableCont table thead tr { display: block; }
	.tableCont table th { display: block; }
	.tableCont table tbody tr { display: inline-block; width:99%;vertical-align: top; }
	.tableCont table td { display: block; min-height: 1.25em;}
	.tableCont table th { border-bottom: 0; }
	.tableCont table td { border-left: 0; border-right: 0; border-bottom: 0; }
	.tableCont table tbody tr { border-right: 1px solid #ccc; }
	.tableCont table th:last-child,
	.tableCont table td:last-child { border-bottom: 1px solid #ccc; }
}
@media all and (max-width: 578px){
	header h1{
		font-size:2.4em;
	}
	.checkout li.phoneCont input{
		width:16%;
	}
}
@media screen and (max-width: 560px){
	header{
		height:auto;
		padding:1em 0 0 0;
		background-image:none;
		background: -moz-linear-gradient(top, rgba(191,203,239,1) 0%, rgba(191,203,239,0) 100%);
		background: -webkit-linear-gradient(top, rgba(191,203,239,1) 0%,rgba(191,203,239,0) 100%);
		background: linear-gradient(to bottom, rgba(191,203,239,1) 0%,rgba(191,203,239,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfcbef', endColorstr='#00bfcbef',GradientType=0 );
	}
	.headerContent{
		position:relative;
		top:initial;
		right:initial;
	}
	.headerContent h2{
		text-shadow:0 2px 0 #ffffff,0 3px 0 #e9e9e9;
	}
	.headerContent h3{
		font-size:1.4rem;
		color:#61709c;
		background-image:none;
	}
	h4.catName{
		margin-top:-0.3em;
		font-size:1em;
	}
}
@media all and (max-width: 561px){
	article{
		order:2;
	}
	nav{
		order:1;
	}
}

@media all and (max-width: 560px){

	header{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		        flex-direction: column;
		-ms-flex-direction: column;
		/*height:160px;*/
	}
	header ul li{
		display:inline;
	}
	header span{
		padding-right:0.25em;
	}
	header label{
		display:inline;
		width:initial;
	}
	.contactInfoSb .addr{
		margin-left:25%;
	}
	ul#categories > li > a{
		width:98%;
	}
	#main{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		        flex-direction: column;
		-ms-flex-direction:column;
	}
	header, footer, nav, article{
		min-height: 3.125em;
	}
	article{
		-webkit-box-flex:1;
		-webkit-flex:1 1 auto;
		        flex:1 1 auto;
		-ms-flex: 1 1 auto;
	}
}

@media all and (max-width: 516px){
	.loginCont input{
		font-size:0.8em;
		width:4em;
	}
	.loginCont .aButton{
		margin-left:0.2em;
		padding:0.2em;
	}
	header{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		        flex-direction: column;
		-ms-flex-direction: column;
	}
	header h1{
		font-size:2.8em;
		background:transparent;
	}
	header ul li{
		display:block;
	}

	header span{
		padding-right:0.25em;
	}
	header label{
		display:inline;
		width:initial;
	}
}
@media all and (max-width: 500px){
	.headerContent h2{
		font-size:3em;
	}
}
@media all and (max-width: 480px){
	header{
	/*	height:7em;*/
	}
	header h1{
		font-size:2em;
	}
	section.articleCtrl{
		padding-left:0;
		padding-right:0;
		border:0;
		border-bottom:solid 1px #ccc;
	}
	li.cartButtons a.aButton{
		font-size:2.8vw;
	}
}
@media all and (max-width: 439px){
	section.articleCtrl li.itemPerPg{
		display:none;
	}
	footer{
		line-height:initial;
	}
	footer .imgCont{
		display:block;
	}
}
@media all and (max-width: 405px){

	.headerContent h2{
		font-size:2.6em;
	}
	.headerContent h3{
		font-size:1em;
		color:#333;
		text-shadow:none;
	}

	.checkout li.phoneCont input{
		width:16%;
	}
	.checkout.confOrder ul.itemInfo li.flexItem label{
		margin-bottom:3%;
		font-size:0.8em;
		border-bottom:dotted 0.1em #ccc;
	}
	.checkout.confOrder ul.itemInfo li.flexItem .dataVal.date{
		font-size:0.7em;
	}
}
@media all and (max-width: 356px){
.headerContent h2{
		font-size:2em;
	}
	.headerContent h3{
		font-size:0.9em;
	}
}
@media all and (max-width: 384px){
	ul#categories > li > a{
		width:97%;
	}
	.checkout ul.itemInfo li{
		margin:3% auto;
	}
	.checkout ul.itemInfo label{
		display:block;
		width:90%;
		color:#777;
		background:transparent;
		text-align:left;
	}
	.checkout input[type=text],.checkout select,.checkout textarea{
		width:90%;
	}
	.checkout ul.itemInfo .totals label,.checkout .totals .dataVal{
		width:100%;
		float:none;
		text-align:right;
		border:0;
	}
	ul.printInstruct{
		display:block;
		width:99%;
	}
	.payOpt .aButton{
		display:block;
		width:99%;
	}
	section.articleCtrl li.numOfTot{
		display:none;
	}
	.partNumCont input{
		width:60%;
	}
	.partNumCont .optionMsg{
		display:none;
	}
	ul.colorPicker li.swatch{
		width:1.25em;
		margin:0.25%;
	}
}
@media all and (max-width: 320px){
	header h1{
		font-size:1.4em;
	}
	ul.systems li{
		width:44%;
	}
	.cartHead{
		padding:0.1em;
		font-size:0.9em;
	}
	.itemInfo label{
		/*width:auto;*/
		border-radius:0.3em;
	}
	li.cartButtons{
		font-size:0.9em;
	}
	.allRights{
		display:block;
		line-height:initial;
	}
}