body{
	margin:0;
	padding:0;
	background:#fafafa;
	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:0.2em;
}
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:#0372D6;
	padding:0.1em 0.5em;
	border-radius:0.3em;
}
.iconButton .icon.icon-gp{
	color:#fff;
	font-weight:600;
	font-size:1.4em;
	font-family:arial;
}
.iconButton .icon.icon-gp:after{
	content:"G+";
	background:#DF4B38;
	padding:0.2em 0.18em;
	border-radius:2em;
}
.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 #eee;
	background:#E07628
}
.iconButton:active .icon:after{
	box-shadow:-0.05em -0.05em 0 #ccc inset;
}
.colorBarContent .iconButton .icon.icon-fb,.colorBarContent .iconButton .icon.icon-gp{
	font-size:0.99em;
	margin:0 0.3em;
}
.colorBarContent .iconButton .icon.icon-fb:after,.colorBarContent .iconButton .icon.icon-gp:after{
	/*background:#fff;*/
}
.colorBarContent .iconButton .icon.icon-fb:after{
	padding:0.2em 0.6em;
}
.colorBarContent .iconButton:hover .icon:after{
	box-shadow:0 0 1em #fff;
}
/* ------------------------------------ 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: #575757;
	background: -webkit-linear-gradient(left,  #575757 0%,#333333 100%);
	background: linear-gradient(to right,  #575757 0%,#333333 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#333333',GradientType=1 );
	border-color:transparent;
}
.aButton.dk.specials{
	background:#ae8945;
}
.aButton.dk.specials:hover{
	background:#C08E32;
	color:#fff !important;
}
.aButton.dk.newProd{
	background:#986454;
}
.aButton.dk.newProd:hover{
	background:#B65336;
	color:#fff !important;
}
#categories > li.hasSubcats > a{
	 width:85%;
	 border-top-right-radius:0;
	 border-bottom-right-radius:0;
}
.aButton:hover,
#categories > li > a:hover,
#categories > li.categoryRow.activeCat a:hover{
	color:#000;
	background: #e2f6ff;
	background: -webkit-linear-gradient(left,  #e2f6ff 0%,#c4edff 100%);
	background: linear-gradient(to right,  #e2f6ff 0%,#c4edff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2f6ff', endColorstr='#c4edff',GradientType=1 );
	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;
}
/* ----------------------------- 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*/
.colorBar{
	background:#111;
	height:2.7em;
	line-height:2.7em;
	color:#fff;
}
.colorBarContent{
	max-width:64em;
	min-width:16.750em;
	margin:auto;
	text-align:right;
}
.colorBar.afterHeader{
	background:#0A224E;
}
.colorBarContent li{
	display:inline-block;
	margin:0 1em;
	font-size:0.8em;
}
.colorBarContent a,.colorBarContent a:visited{
	color:#fff;
	text-decoration:none;
}
.colorBarContent a:hover{
	text-decoration:underline;
}
.colorBarContent a:active{
	color:#A0D8F1;
}
.colorBarContent a .icon{
	margin-right:4px;
	display:inline-block;
	vertical-align:middle;
}
#pageWrapper{
	height:100%;
	max-width:64em;
	min-width:16.750em;
	margin:auto;
}
header,footer{
	display: block;
}
header,footer,nav,article{
	min-height:0;
	margin: 0.250em;
	padding: 0.313em;
}
nav,article{
	border-radius:0.3em;
}
header{
	text-align:center;
}
header h1{
	vertical-align:middle;
	margin:auto;
	text-align:center;
	font-size:2em;
}
header .imgCont{
	width:40%;
}
header .imgCont img{
	display:initial;
	border:0;
}
header .imgCont img:hover{
	box-shadow:initial;
}
header ul{
	width:40%;
	margin:0;
	text-align:left;
}
header ul li{
	margin-bottom:0.2em;
	text-align:left;
	font-size:1.2em;
}
header label{
	display:inline-block;
	width:50%;
	margin-right:1em;
	text-align:right;
	font-size:0.9em;
	font-style:italic;
	color:#aaa;
}
/* phone numbers turned to links by browser */
header a,header a:visited{
	color:#333;
}
footer{
	padding:1em;
	line-height:3em;
	font-family: 'Open Sans',sans-serif;
	font-size:0.9em;
	text-align:center;
	color:#e07628;
	background:#FEFAF6;
	border-top:solid 1px #EAA36F;
}
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{
	padding:0.4em 0 0 0;
	background: #111;
	overflow:hidden;
	border:solid 0.1em #777;
}
nav h2{
	margin:0.4em 0;
	padding: 0.25em;
	color:#555;
	font-size:0.9em;
	color:#fff;
	background:#777;
}
nav h2:first-of-type{
	margin-top:0;
}
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:#111;
}
nav ul.catalogNav{
	margin-bottom:0.4em;
}
nav ul a:hover{
	color:#333 !important;
}
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;
}
.contactInfoSb{
	padding:16px 8px;
	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;
}
/* phone numbers turned to links by browser */
header a,header a:visited{
	color:#333;
}
/* ---------------------------- 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:1em 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: #1d6c8e;
	background: -webkit-linear-gradient(left,  #1d6c8e 0%,#144960 100%);
	background: linear-gradient(to right,  #1d6c8e 0%,#144960 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d6c8e', endColorstr='#144960',GradientType=1 );
}
.categoryRow .icon{
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:12%;
	height:100%;
	line-height:200%;
	text-align:center;
	color:#aaa;
	background:#303030;
	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 #555 inset;
}
.categoryRow .icon:hover{
	color:#fff;
	background:#3f3f3f;
}
.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;
	background: -webkit-linear-gradient(left,  #3a3a3a 0%,#111111 100%);
	background: linear-gradient(to right,  #3a3a3a 0%,#111111 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#111111',GradientType=1 );
	border-top:solid 1px #444;
	border-bottom:solid 1px #000;
}
ul.subCats li.activeSubCat{
	background: #095a7c;
	background: -webkit-linear-gradient(left,  #095a7c 0%,#053244 100%);
	background: linear-gradient(to right,  #095a7c 0%,#053244 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#095a7c', endColorstr='#053244',GradientType=1 );
}
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{
	overflow:hidden;
	border:solid 0.1em #0A224E;
}
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,a.npButton:hover{
	margin-right:0.2em;
	padding:0.3em 0.7em;
	font-size:0.9em;
	color:#fff;
	white-space:nowrap;
	background: #e17a29;
	background: -webkit-linear-gradient(left,  #e17a29 0%,#e8ab31 99%);
	background: linear-gradient(to right,  #e17a29 0%,#e8ab31 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e17a29', endColorstr='#e8ab31',GradientType=1 );
	border:solid 1px #333;
}
a.npButton:hover{
	color:#000;
	background: #e2f6ff;
	background: -webkit-linear-gradient(left,  #e2f6ff 0%,#c4edff 100%);
	background: linear-gradient(to right,  #e2f6ff 0%,#c4edff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2f6ff', endColorstr='#c4edff',GradientType=1 );
	-webkit-transition:all;
	transition:all;
	-webkit-transition-duration: 0.4s, 0.4s;
	        transition-duration: 0.4s, 0.4s;
	border-color:#000;
}
.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:#5CCAF3;
}
.changeView .icon:hover{
	color:#777;
}
.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;
}
.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%;
}
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:#222;
	font-size:0.8em;
	background: #a0d8f1;
	background: -webkit-linear-gradient(left,  #a0d8f1 0%,#c4edff 100%);
	background: linear-gradient(to right,  #a0d8f1 0%,#c4edff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0d8f1', endColorstr='#c4edff',GradientType=1 );
	border-top-left-radius:0.6em;
	border-bottom-left-radius:0.6em;
}
.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:#555;
	text-decoration:none;
	font-weight:600;
}
.itemHead .partName a:hover{
	color:#333;
	text-decoration:underline;
}
.partName .shortDesc{
	font-size:0.9em;
	height:1.9em;
	line-height:1.9em;
	color:#555;
}
/* ---------------------------------- 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;
}
/* ------------------------ */
.itemInfo li.pdf{
	/*display:none;*/
}
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: #e17a29;
	background: -webkit-linear-gradient(left,  #e17a29 0%,#e8ab31 99%);
	background: linear-gradient(to right,  #e17a29 0%,#e8ab31 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e17a29', endColorstr='#e8ab31',GradientType=1 );
	border:solid 1px #333;
}
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:400px;
	max-height:400px;
	overflow:hidden;
	background: #F3F9FB;
	border:solid 1px #aaa;
	border-radius:0.6em;
	box-shadow:0.2em 0.2em 0.4em #7B96AC;
}
#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.1em 0.4em;
	background: #fefefe;
	background: -moz-linear-gradient(top,  #fefefe 0%, #d5e7ef 100%);
	background: -webkit-linear-gradient(top,  #fefefe 0%,#d5e7ef 100%);
	background: linear-gradient(to bottom,  #fefefe 0%,#d5e7ef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d5e7ef',GradientType=0 );
	border:solid 1px #aaa;
	-webkit-transition:all;
	transition:all;
	-webkit-transition-duration: 0.4s, 0.4s;
	        transition-duration: 0.4s, 0.4s;
}
li.cartButtons a.aButton:hover{
	background:#EFF9FE;
	border-color:#238CBE;
}
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: #dd4444;
	background: -webkit-linear-gradient(top,  #dd4444 0%,#bc3a3c 100%);
	background: linear-gradient(to bottom,  #dd4444 0%,#bc3a3c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4444', endColorstr='#bc3a3c',GradientType=0 );
	border:solid 1px #555;
}
.checkoutButton a.aButton:hover{
	background: #C81A1E;
	border-color:#111;
}
.icon.color{
	display:inline-block;
	width:1.5em;
	height:1.5em;
	margin-right:0.4em;
	vertical-align:middle;
	background:url(/brand/birdnest/2016/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;
}
.payOpt.print label{
	vertical-align:top;
}
.payOpt .aButton{
	width:40%;
	padding:2% 0;
	font-weight:600;
}
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;
}
.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:#0C74D1;
}
.checkout input[type=text],.checkout select{
	width:50%;
	vertical-align:middle
}
.checkout textarea{
	width:68%;
	vertical-align:top;
}
.checkout li.phoneCont input{
	width:auto;
	width:initial;
}
label.shipTo{
	background:initial;
}
.buttons .aButton{
	margin-right:4%;
}
.aButton.submitButton,.aButton.submitButton:visited{
	padding:0.8em 1em;
	font-size:1.1em;
	color:#1144AE;
	font-weight:600;
	text-shadow:0.1em 0.1em 0.1em #fff;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#60c94e));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#60c94e 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#60c94e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#60c94e',GradientType=0 );
	border:solid 0.13em #0C8737;
	border-radius:0.5em;
}
.aButton.submitButton:hover{
	background:#41BF1C;
	border-color:#003793;
	color:#fff;
	text-shadow:0.1em 0.1em 0.1em #003793;
}
.aButton.submitButton:active{
	background:#51E00C;
}
.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;
}
/* ------------------------------------------------------ no item */
.noItem section{
	padding-top:2.5%;
	text-align:center;
}
/* ------------------------------------------------------ layout */
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:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}
header h1{
	/*flex: flex-grow(1=1:1, 2=2:1) flex-shrink(1=1:1, 2=2:1) flex-basis(default size b4 remaining space is distributed*/
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	        flex: 1 1 auto;
	-ms-flex: 1 1 auto;
}
.headerContent{
	width:45%;
	text-align:left;
	letter-spacing:0.07em;
	line-height:1.3em;
	color:#777;
}
#main{
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	display:-ms-flexbox;
}
nav{
	/*flex: 1 6 20%;*/
	/*flex 1 1 30%;*/
}
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 (max-width: 820px){
	a.npButton{
		font-size:0.8em;
	}
	a.npButton .icon{
		display:none;
	}
}
@media all and (max-width: 800px){
	.headerContent{
		font-size:0.9em;
	}
	body{
		background:#fff;
	}
	.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){
	.headerContent{
		line-height:initial;
		letter-spacing:initial;
	}
	.checkout .tableCont tbody{
		white-space:nowrap;
	}
	.checkout .tableCont tr{
		display:inline-block;
	}
	.checkout .tableCont td:nth-child(even){
		background:#f0f0f0;
	}
	.checkout .tableCont th:nth-child(even){
		background:#dadada;
	}
	.checkout .tableCont thead{
		display:block;
		float:left;
	}
	.checkout .tableCont td .posHelper{
		display:block;
		text-align:left;
	}
	.checkout .tableCont td.colPartNum a{
		display:inline-block;
	}
	.checkout .tableCont td.colPrice,.tableCont td.colExtPrice{
		text-align:left;
	}
	.tableCont th,.tableCont td{line-height:2em;}
	.checkout .tableCont table { display: block; position: relative; width: 100%; }
	.checkout .tableCont table thead { display: block; float: left; }
	.checkout .tableCont table tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
	.tableCont table thead tr { display: block; }
	.checkout .tableCont table th { display: block; }
	.checkout .tableCont table tbody tr { display: inline-block; vertical-align: top; }
	.checkout .tableCont table td { display: block; min-height: 1.25em; }
	.checkout .tableCont table th { border-bottom: 0; }
	.checkout .tableCont table td { border-left: 0; border-right: 0; border-bottom: 0; }
	.checkout .tableCont table tbody tr { border-right: 1px solid #ccc; }
	.checkout .tableCont table th:last-child,
	.checkout .tableCont table td:last-child { border-bottom: 1px solid #ccc; }

	.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 .aButton{
		width:60%;
	}
}
@media screen and (max-width: 620px){
	.itemPerPg label{
		font-size:0.8em;
	}
}
@media screen and (max-width: 600px){
	.headerContent{
		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 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; 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 all and (max-width: 561px){
	article{
		order:1;
	}
	nav{
		order:2;
	}
}

@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;
	}
	.headerContent{
		width:80%;
		margin:auto;
		font-size:1em;
	}
	.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){

	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;
	}
	.headerContent{
		font-size:0.9em;
	}
	header span{
		padding-right:0.25em;
	}
	header label{
		display:inline;
		width:initial;
	}

}
@media all and (max-width: 480px){
	header{
	/*	height:7em;*/
	}
	header h1{
		font-size:2em;
	}
	.headerContent{
		width:95%;
		font-size:0.8em;
	}
	section.articleCtrl{
		padding-left:0;
		padding-right:0;
		border:0;
		border-bottom:solid 1px #ccc;
	}
}
@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{
		font-size:0.75em;
	}
	.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: 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%;
	}
	.colorBarContent .social{
		display:none;
	}
	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;
	}
}