/* template.css overwrites -- use only when absolutely necessary
================================*/
.banner-img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-height: 450px;
	background: url(../images/hero.jpg) no-repeat 0 0;
	background-size: 189.72%;
}

#fourcol{width:90%;padding:0 5%;display:block;position:relative;text-align:center;}
#fourcol .cat{width:50%;display:inline-block;margin:0 0;}
#fourcol .cat h1{font-weight:400;color:#111;font-size:1.1em;width:50%;margin-bottom:10px;text-align:center;}
#fourcol .cat img{width:100%;display:block;float:left;}
/* custom CSS on a per project basis
================================*/
#hero{margin:0 auto;padding:0;width:958px;height:300px;background:url(../images/hero.jpg) no-repeat;}


/* html seo banner
================================*/
.html-banner-wrap {margin: 0 auto; font-size: 1.1em; /* max-width: 1000px; */}
.html-banner {padding: 1em 5%;}
.html-banner h1 {font-size: 2em; line-height: 1.35; margin: 1.75em 0 0.25em 0;}
.html-banner h2 {font-size: 1.5em; line-height: 1.35; margin: 1.75em 0 0.25em 0;}
.html-banner h3,
.html-banner h4,
.html-banner h5,
.html-banner h6 {font-weight: bold; font-size: 1.1em; line-height: 1.35; margin: 1.75em 0 0.25em 0;}
.html-banner p {font-size: 0.8em; line-height: 1.35; margin: 0.75em 0; color:#fff;}
.html-banner h7 {font-size: 0.8em; line-height: 1.35; margin: 0.75em 0; color:#fff;}
.html-banner ul, 
.html-banner ol,
.html-banner dl {font-size: 1.1em; line-height: 1.35;margin: 0.75em 0;}
.html-banner dt,
.html-banner dd,
.html-banner li {margin: 0.5em 0;}

.html-banner .pull-right {float: none;}
.html-banner .pull-left {float: none;}

.html-banner .img-wrap {display: block;}
.html-banner .img-wrap img {width: 100%; height: auto;}
.html-banner .inline-img-33 {width: 75%; height: auto; max-width:151px; margin:0 auto;}
.html-banner .inline-img-50 {width: 75%; height: auto;}
.html-banner .inline-img-66 {width: 75%; height: auto;}
.html-banner .inline-img-100 {width: 100%; height: auto;}
.html-banner .inline-img-33.pull-right{margin: 0 auto;}
.html-banner .inline-img-50.pull-right, 
.html-banner .inline-img-66.pull-right {margin: 0 12.5%;}
.html-banner .inline-img-33.pull-left{margin: 0 auto;}
.html-banner .inline-img-50.pull-left, 
.html-banner .inline-img-66.pull-left {margin: 0 12.5%;}
.img-wrap>.img-wrap {width: 100%; margin: 0 !important;}


.divider-wrap {display: block; clear: both;}
.divider-img-100 {width: 100%; max-width: 1366px; height: auto;}
.divider-img-100 img {width: 100%; height: auto;}

.html-banner .text-wrap {display: block;}
.html-banner .inline-text-33 {width: 100%; height: auto;}
.html-banner .inline-text-50 {width: 100%; height: auto;}
.html-banner .inline-text-66 {width: 100%; height: auto;}
.html-banner .inline-text-100 {width: 100%; height: auto; clear: both;}
.html-banner .inline-text-33.pull-right, 
.html-banner .inline-text-50.pull-right, 
.html-banner .inline-text-66.pull-right {margin: 0;}
.html-banner .inline-text-33.pull-left, 
.html-banner .inline-text-50.pull-left, 
.html-banner .inline-text-66.pull-left {margin: 0;}

.html-banner .video-box-wrap {display: block;}
.html-banner .inline-video-33 {width: 100%; height: auto;}
.html-banner .inline-video-50 {width: 100%; height: auto;}
.html-banner .inline-video-66 {width: 100%; height: auto;}
.html-banner .inline-video-33.pull-right, 
.html-banner .inline-video-50.pull-right, 
.html-banner .inline-video-66.pull-right {margin: 0;}
.html-banner .inline-video-33.pull-left, 
.html-banner .inline-video-50.pull-left, 
.html-banner .inline-video-66.pull-left {margin: 0;}















/*  banner
================================*/
.content{width:100%;padding:30px 5%;box-sizing:border-box;color:#000;overflow:auto;position:relative;}

.content .blurb{display:block;width:100%;font-size:1.1em;line-height:1.4;}

.blurb .icons2{position:relative;width:100%;float:left;display:block;margin:10px 0;text-align:center;}
.blurb .icons2 img{width:221px;margin:0 auto;}







sub{text-align:inherit;vertical-align:baseline;font-size:.825em;}
sup{vertical-align: baseline;font-size: 0.8em;position: relative;top: -0.4em;}
.special{list-style:none;line-height:16px;text-align:left;font-size:.85em;color:#ff0000; font-style:italic; font-weight:bold;}
.color2 li.finalPrice{color:#fff;}
.color2 li.originalPrice{color:#ccc;}
.color2 li.originalPriceLine{color:#ccc;}
.color3 li.finalPrice{ margin-top:15px;text-decoration:line-through; width:200px;background:url('http://promotions.newegg.com/images/free.gif') no-repeat; background-position:right bottom;}

/*.color3 li.finalPrice{ margin-top:0px;text-decoration:line-through; width:200px;background:url('../imgs/ico_free.gif') no-repeat; background-position:right bottom;}*/

.color3 li.originalPrice{ display:none;}


/* CHANGE TITLE COLOR */
/*.item-title a {color: #FFF;text-decoration: none;}*/


/* ---- Typography (pricing) ---- */
/*.originalPrice{font-size:1.0em;color:#999;}
.originalPriceLine{font-size:.75em;color:#999;}
.finalPrice{font-size:1.75em;font-weight:bold;color:#000;}
.soldOut{font-size:.75em;font-weight:bold;text-transform:uppercase;color:#d00;}
.soldout{font-size:.75em;font-weight:bold;text-transform:uppercase;color:#d00;}
.promo_text{font-size:.75em;color:#5f9000;}
.mapPricing{clear:both;float:left;margin:4px 0;padding:4px 8px;width:auto;height:auto;text-align:center;line-height:normal;background-color:#f7f7f7;border:1px solid #ddd;}
.freeShipping{font-size:.75em;color:#06F;}



.product_image{float:left;display:block;margin:0 0 4px 0;padding:0;width:180px;height:135px;}
.product_image_right{float:right;display:block;margin:0 0 4px 0;padding:0;width:180px;height:135px;}
a.ProductTitle, a.ProductTitle:link, a.ProductTitle:active, a.ProductTitle:visited{font-size:1.0em;font-weight:normal;color:#000;text-wrap:normal;}
a.ProductTitle:hover{font-size:1.0em;font-weight:normal;color:#244e6d;text-wrap:normal;}

.cntr_ProductTitle_3{clear:both;margin:5px 0;padding:0;height:6em;width:auto;line-height:1.4em;overflow:hidden;}
.cntr_ProductTitle_4{clear:both;margin:5px 0;padding:0;height:6em;width:auto;line-height:1.4em;overflow:hidden;}*/


/* ---- 4 Column Layout ---- */
/*.fourCol{clear:both;margin:0 auto;padding:0;width:860px;height:auto;background:url(http://promotions.newegg.com/template/us/imgs/4productrow_lines.png) repeat-y;overflow:hidden;}
.fourCol .productCell{float:left;margin:0 46px 0 0;padding:0;width:180px;height:auto;}
.fourCol .productCell_right{float:right;margin:0;padding:0;width:180px;height:auto;}*/




/* IMAGE + TEXT CONTENT */
#itmDesc{ width:90%;padding:0 5%;display:block;}
#itmDesc p{ padding:15px 0;}
#itmDesc .l-left{float:left; padding:30px 10px 0 0;}
#itmDesc .l-right{float:right; padding:30px 0 0 10px;}
#itmDesc .l-clear {width:100%; clear:both; }

#itmDesc h2{text-transform:uppercase; font-size:1.4em; text-align:center; margin:30px auto; font-weight:bold; border-bottom:1px solid black; border-top:1px solid black; padding:5px 10px; display:table;}
#itmDesc h3{padding-top:120px;font-size:1.4em; font-weight:bold; font-style:italic; color:#7FB634; line-height:26px;}




/* ALL TEXT CONTENT */
.contentwrap{width:100%;padding:30px 0;font-size:.9em;background:#000;color:#fff;position:relative;display:table;line-height:1.5;border-bottom:1px #666 solid;font-family:Segoe UI, Arial, Sans-Serif;}
.contentwrap .alltext{width:90%;padding:0 5%;display:block;}
.contentwrap h3{font-size:1.9em;line-height:1;color:#fff;font-weight:normal;margin:10px 0;font-family:Segoe UI Light, Arial, Sans-Serif;}
.contentwrap ul.cw{display:block;list-style:disc;padding:10px 0 10px 20px;}

/* IMAGE + TEXT CONTENT */
.contentwrap img{width:100%;max-width:500px;margin:0 auto;display:block;}
.contentwrap span{width:90%;padding:0 5%;display:block;}



/* ---- Custom Bullet List ---- */
ul.list_features_custom{margin:3px 0;padding:0;height:4em;width:auto;font-size:.75em;color:#777;list-style:none;overflow:hidden;}
ul.list_features_custom li{margin:0;padding:0 14px;text-wrap:normal;background:url(http://promotions.newegg.com/template/us/imgs/listStyle.gif) no-repeat;background-position:0 4px;}

/* ---- Spacer(s) ---- */
.blank5{clear:both;display:block;margin:0;padding:0;width:100%;height:5px;background:none;}
.blank10{clear:both;display:block;margin:0;padding:0;width:100%;height:10px;background:none;}
.blank20{clear:both;display:block;margin:0;padding:0;width:100%;height:20px;background:none;}
.blank30{clear:both;display:block;margin:0;padding:0;width:100%;height:30px;background:none;}
.blank40{clear:both;display:block;margin:0;padding:0;width:100%;height:40px;background:none;}
.blank50{clear:both;display:block;margin:0;padding:0;width:100%;height:50px;background:none;}
.blank60{clear:both;display:block;margin:0;padding:0;width:100%;height:60px;background:none;}
.blank70{clear:both;display:block;margin:0;padding:0;width:100%;height:70px;background:none;}
.blank80{clear:both;display:block;margin:0;padding:0;width:100%;height:80px;background:none;}
.blank90{clear:both;display:block;margin:0;padding:0;width:100%;height:90px;background:none;}
.blank100{clear:both;display:block;margin:0;padding:0;width:100%;height:100px;background:none;}
.line_spacer{clear:both;display:block;margin:0 auto;padding:0;width:958px;height:52px;background:url(http://promotions.newegg.com/template/us/imgs/line_spacer.png) no-repeat;}


/* responsive CSS on a per project basis
================================*/

@media only screen and (max-width: 1024px) {
	/* insert responsive CSS for screens below 1024px */
}

@media only screen and (min-width: 375px) {
	/* insert responsive CSS for screens above 375px */
}
@media only screen and (min-width: 481px) {
	/* insert responsive CSS for screens above 481px */
}
@media only screen and (min-width: 641px) {
	/* insert responsive CSS for screens above 641px */
	.banner-img {
		background-position: 0 100%;
		background-size: 100%;
	}	
	

	#fourcol .cat{width:33%;display:inline-block;margin:0 0 20px -4px;box-sizing:border-box;padding:0 2.5%;}
	#fourcol .cat h1{width:100%; margin-bottom:20px;}
	#fourcol .cat img{width:100%;max-width:370px;margin:20px auto;display:block;float:none;}
	#fourcol .cat a.cta{width:100%;max-width:170px;margin:0 auto;display:block;}
	
	
	
	
.content .blurb{width:99%;font-size:1.25em;}
	
	.blurb .icons2{position:relative;width:33%;float:left;display:block;margin:10px 0;text-align:center;}
.blurb .icons2 img{width:221px;margin:0 auto;}
	.html-banner h7 {font-size: 0.8em; line-height: 1.35; margin: 0.75em 0; color:#fff;}
	
}
@media only screen and (min-width: 769px) {
	/* insert responsive CSS for screens above 769px */
	
		/* html seo banner
	================================*/
	
	.html-banner .pull-right {float: right;}
	.html-banner .pull-left {float: left;}

	.html-banner .inline-img-33{width: 15%; height: auto; max-width:151px; padding-top:20px;}
	.html-banner .inline-text-33,
	.html-banner .inline-video-33 {width: 15%; height: auto; max-width:151px;}
	
	.html-banner .inline-img-50, 
	.html-banner .inline-text-50,
	.html-banner .inline-video-50 {width: 47.5%; height: auto;}
	
	.html-banner .inline-img-66, 
	.html-banner .inline-text-66, 
	.html-banner .inline-video-66 {width: 80%; height: auto;}
	
	.html-banner .inline-img-33.pull-right, 
	.html-banner .inline-img-50.pull-right, 
	.html-banner .inline-img-66.pull-right, 
	.html-banner .inline-text-33.pull-right, 
	.html-banner .inline-text-50.pull-right, 
	.html-banner .inline-text-66.pull-right, 
	.html-banner .inline-video-33.pull-right, 
	.html-banner .inline-video-50.pull-right, 
	.html-banner .inline-video-66.pull-right {margin: 0 0 0 2.5%;}
	
	.html-banner .inline-img-33.pull-left, 
	.html-banner .inline-img-50.pull-left, 
	.html-banner .inline-img-66.pull-left, 
	.html-banner .inline-text-33.pull-left, 
	.html-banner .inline-text-50.pull-left, 
	.html-banner .inline-text-66.pull-left, 
	.html-banner .inline-video-33.pull-left, 
	.html-banner .inline-video-50.pull-left, 
	.html-banner .inline-video-66.pull-left {margin: 0 2.5% 0 0 ;}
	
	.html-banner .img-wrap>.img-wrap {margin: 1% 1.25% !important;}
	
	.html-banner p {font-size: 1.1em; line-height: 1.35; margin: 0.75em 0; color:#fff;}
	
}
@media only screen and (min-width: 1025px) {
	/* insert responsive CSS for screens above 1025px */
}