body{
	margin:0;
	padding:0;
	background:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#dadada;
}
h1,h2,h3,h4,h5,h6,ul,p{
	margin:0;
	padding:0;
	list-style:none;
}
input[type=text],select,textarea,
input[type=text][readonly=readonly]{
	margin:0;
	padding:0.3em;
	background:#111;
	color:#FFFF00;
	border:solid 0.1em #D71921;
	border-radius:0.2em;
}
input[type=text]:focus,select:focus,textarea:focus{
	outline:solid 0.1em #E4B103;
}
a:focus{
	outline:0;
}
.aButton .icon{
	display:inline-block;
	margin:0 0.4em;
	vertical-align:middle;
}
/* ------------------------------------ elements */
#encacc{
	display:none;
}
.aButton,.aButton:visited{
	padding:0.2em;
	cursor:pointer;
	text-decoration:none;
	color:#f2f2f2;
	background: #ccc;
	background: -webkit-linear-gradient(top,  #888 0%,#444 100%);
	background: linear-gradient(to bottom,  #888 0%,#444 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888', endColorstr='#444',GradientType=0 );
	border-radius:0.5em;
}
.aButton:hover{
	background:#FFEC04;
	color:#AD141C;
	box-shadow:none;
}
.aButton:active{
	box-shadow:-0.05em -0.05em 0 #fff inset;
}
.aButton.dk,.aButton.dk:visited{
	color:#fff;
	background: #575757;
	background: -webkit-linear-gradient(top,  #575757 0%,#333333 100%);
	background: linear-gradient(to bottom,  #575757 0%,#333333 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#333333',GradientType=0 );
	border-color:transparent;
}
.aButton.dk:hover,.aButton.addToCart:hover{
	color:#A0121A;
	background: #F4CA02;
	-webkit-transition-property:color,background;
	transition-property:color,background;
	-webkit-transition-duration: 0.4s, 0.4s;
	        transition-duration: 0.4s, 0.4s;
	border-color:#D71921;
}
.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 #444;
	border-radius:0.5em;
}
.imgCont img:hover{
	box-shadow:0 0 1.4em #D71921;
	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:#D71921;
}
#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:#04EC73;
}
/* ---------------------------- 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.4em;
	vertical-align:middle;
	border:solid 1px #ccc;
}
.cart .tableCont td{
	vertical-align:top;
}
.tableCont th{
	text-align:center;
	color:#111;
	background:#ccc;
	border-color:#777;
}
.tableCont td{
	color:#333;
	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: #444;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(100%,#111));
	background: -webkit-linear-gradient(top,  #444 0%,#111 100%);
	background: linear-gradient(to bottom,  #444 0%,#111 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444', endColorstr='#111',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,footer{
	display: block;
	color:#f0f0f0;
	background: #000;
}
header,footer,nav,article{
	min-height:0;
	margin: 0.250em;
	padding: 0.313em;
}
nav,article{
	border-radius:0.5em;
}
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:35%;
	margin-right:1em;
	text-align:right;
	font-size:0.9em;
	font-style:italic;
	color:#aaa;
}
header span{

}
/* phone numbers turned to links by browser */
header a,heade a:visited{
	color:#fff;
}
footer{
	padding:2em;
	line-height:3em;
	font-family: 'Open Sans',sans-serif;
	font-size:0.9em;
	color:#fff;
	text-align:right;
	background-color:rgba(108, 108, 108, 0.45);
}
footer div{
	vertical-align:middle;
}
/* ---------------------------- 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: #222;
	overflow:hidden;
	border:solid 0.1em #D71921;
}
nav h2{
	margin:0.4em 0;
	padding: 0.25em;
	color:#555;
	font-size:0.9em;
	color:#fff;
	background:#D71921;
}
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;
}
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.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{
	width:57%;
}
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;
}
.addr{
	padding:16px 8px;
}
/* ---------------------------- mini cart */
#mCart{
	width:auto;
	margin-bottom:0.4em;
	padding:0.4em;
	background:#F4CA02;
	font-size:0.8em;
	border:solid 1px #D71921;
	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.3em 0;
	padding:0.2em;
	line-height:1.3em;
}
#mCart ul.mcItems li .mcSect{
	/*overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;*/
	font-size:0.9em;
	color:#222;
}
#mCart .mcQty,#mCart .mcPrice{
	font-weight:600;
	margin-right:2%;
}
#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:#D71921;
}
.mcItems a:active{
	text-shadow: 0 0.1em 0 #000;
}

/* ---------------------------- categories */
ul#categories{
	margin-bottom:4px;
	font-size:0.9em;
}

/* ---------------------------- article */
article{
	background-color:#222;
	overflow:hidden;
	border:solid 0.1em #D71921;
}
section{
	margin:0.5em;
}
section h2,section h3{
	margin:0.5em 0;
}
section h2{
	color:#D71921;
}
section h3{
	color:#FCDD01;
}
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 #E6CA06;
	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:#D71921;
	border:solid 1px transparent;
}
a.npButton:hover{
	border-color:#F4E202;
}
.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:#A73A3A;
	cursor:pointer;
}
.changeView .icon.active{
	color:#FDE302;
}
.changeView .icon:hover{
	color:#ddd;
}
.changeView .icon:active{
	background:#AD2124;
	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:250px;
	margin:0.25em 0.5em 0.25em 0.5em;
	padding:0.8em 0.1em;
	background:#000;
	border: solid 1px #E6CA06;
	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;
}
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:#ddd;
	font-size:0.8em;
	background:#AD141C;
	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;
	color:#dadada;
	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:#EFCC05;
	font-weight:600;
}
.itemHead .partName a:hover{
	color:#fff;
	text-decoration:none;
}
.partName .shortDesc{
	font-size:0.9em;
	/*height:1.9em;
	line-height:1.9em;*/
	color:#fff;
}
/* ---------------------------------- 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.item .price{
	font-weight:600;
}
li.item .price .pkg{
	font-weight:500;
	font-size:0.7em;
	margin-left:0.8em;
}
.inputQty input{
	max-width:14%;
	padding:0.14em;
	font-size:0.9em;
	text-align:center;
}
.addToCart,.addToCart:visited{
	margin-left:0.4em;
	padding:0.14em 0.8em;
	font-size:0.9em;
	color:#fff;
	background:#D71921;
	border:solid 1px #F4CA02;
}
.addToCart.atcReturn{
	margin-left:0;
}
/* --------------------------- 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:#d00;}
.swatch.black{background:#333;}
.swatch.blue{background:#00d;}
.swatch.purple{background:#8000FF;}
.swatch.gray{background:#777;}
.swatch.tan{background:#D2B48C;}
.ui-tooltip{
	background:#000;
	color:#ccc;
}

/* --------------------------- assoc */
section.assoc h3{
	margin:1em -0.813em;
	padding:1em 0;
	text-align:center;
	color:#fff;
	background:#D71921;
	box-shadow:0 0.5em 1em #000;
}
section.assoc h3 .icon{
	margin:0 1em;
	color:#F0FF05;
}
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;
}
#lbImg{
	width:80%;
	margin:auto;
}
#lbImg img{
	border:none;
}
#lbImg img:hover{
	box-shadow:none;
}
.ui-widget-overlay.ui-front{
	background:#000;
}
.ui-widget-header{
	color:#fff;
	background: #a52628;
	background: -webkit-linear-gradient(top,  #a52628 0%,#561010 100%);
	background: linear-gradient(to bottom,  #a52628 0%,#561010 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a52628', endColorstr='#561010',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:#222;
	border:solid 1px #D71921;
	border-radius:0.6em;
	box-shadow:0.4em 0.4em 0.2em #000;
}
#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: 90%;
  width: 90%;
  margin:5% auto;
  overflow: hidden;
  cursor: crosshair;
}
.img-pan-container img{
  -webkit-transform: translateZ(0); transform: translateZ(0);
  position: absolute;
  top: 0;
  left: 0;
}
/* ------------------------------------------------------ cart */
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.6em;
}
.option{
	display:none;
	margin-top:0.4em;
	font-weight:600;
}
/*.option:before{
	content:"Color: ";
	font-style:italic;
	font-weight:500;
}*/
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:#333;
	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%,#a52628 100%);
	background: linear-gradient(to bottom,  #dd4444 0%,#a52628 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4444', endColorstr='#a52628',GradientType=0 );
	border-color:#555;
}
.checkoutButton a.aButton:hover{
	background: #D54D50;
	border-color:#111;
}
.icon.color{
	display:inline-block;
	width:1.5em;
	height:1.5em;
	margin-right:0.4em;
	vertical-align:middle;
	background:url(/brand/crowenterprizes/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%;
}
.cart td.colQty input{
	background:initial;
	border-color:#aaa;
	color:#555;
	box-shadow:0.1em 0.1em 0.2em #ccc inset;
}
.cart tr.cartDelRow td{
	background:#F7E6E6;
	box-shadow:0 0 0.5em #E43A3A inset;
}
.tableCont td.colDescript p{
	margin:0;
}

/* ------------------------------------------------------ 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 ul.itemInfo li.divider{
	margin:1em auto 0 auto;
}
.checkout ul.itemInfo li.divider h3{
	margin:0;
}
.checkout.confOrder ul.itemInfo li.flexItem{
	width:25%;
	margin:0.5%;
	padding:0.4em;
	border:solid 0.1em #a00;
	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%;
}
.payOpt.print label{
	vertical-align:top;
}
.payOpt .aButton{
	width:40%;
	padding:2% 0;
	font-size:1.1em;
	color:#fff;
	font-weight:600;
	text-shadow:0.1em 0.1em 0.1em #333;
	border-radius:0.5em;
}
.payOpt .aButton:hover{
	background:#444;
}
.payOpt .aButton:active{
	background:#222;
}
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:#F4DC00;
}
.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:#fff;
	font-weight:600;
	text-shadow:0.1em 0.1em 0.1em #333;
	border-radius:0.5em;
}
.aButton.submitButton:hover{
	background:#444;
}
.aButton.submitButton:active{
	background:#222;
}
.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;
	background:#000;
	border-color:#555;
}
.quick th{
	background:#444;
	color:#eee;
	border-color:#000;
}
.aButton.quickButton{
	margin:1% 0;
	padding:0.4em;
	color:#fff;
}
/* ------------------------------------------------------ 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;
}
header ul,{
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	        flex: 1 1 auto;
	-ms-flex: 1 1 auto;
}
#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: 800px){
	body{
		background:#fff;
	}
	.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: 765px){
	.ccList{
		display:block;
		margin-top:0.5em;
	}
}

@media screen and (max-width: 720px){
	.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){
	.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){
	header ul{
		display:block;
		width:100%;
		font-size:0.8em;
	}
	header ul li{
		display:inline-block;
	}
	header span{
		padding-right:0.25em;
	}
	header label{
		display:inline;
		width:initial;
		margin-left:1em;
	}
}
@media screen and (max-width: 600px){
	.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: 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-block;
		width:50%;
		text-align:center;
	}
	#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;
	}

}
@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;
	}
}
@media all and (max-width: 439px){
	section.articleCtrl li.itemPerPg{
		display:none;
	}
	header ul li span{
		font-size:70%;
	}
}
@media all and (max-width: 405px){
	.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){

	header ul li label{
		margin-left:0;
		margin-right:5%;
		font-size:70%;
	}
	header ul li.monThu{
		width:60%;
	}
	header ul li.fri{
		width:40%;
	}

	.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;
	}
}