/* 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%;
}


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










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



/* ---- 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;}


/* IMAGE + TEXT CONTENT */
.contentwrap p{ padding:10px 0; font-size:1em}
.contentwrap .l-left{float:none; padding:10px 10px 0 0;}
.contentwrap .l-right{float:none; padding:10px 0 0 10px;}
.contentwrap .l-clear {width:100%; clear:both; }


/* ALL TEXT CONTENT */
.contentwrap{width:94%;padding:30px 3%;font-size:1.0em;position:relative;display:table;line-height:1.5;}
.contentwrap h2{text-transform:uppercase; font-size:1.5em; line-height:1.1; font-weight:bold; display:table; color:#000; padding-top:50px}
.contentwrap h2_1{text-transform:uppercase; font-size:1.5em; line-height:1.1; font-weight:bold; display:table; color:#000; padding-top:80px;}
.contentwrap .features-block{ padding:30px 0; border-bottom:#ccc solid 1px;}




/* IMAGE */
.contentwrap .features-image {width:100%; margin:0 auto; display:block; max-width:500px; }
.contentwrap .features-icon {width:100%; margin:0 auto;  max-width:110px; }




/* ---- 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%;
	}

		
}
@media only screen and (min-width: 769px) {
	/* insert responsive CSS for screens above 769px */
	.contentwrap h2{text-transform:uppercase; font-size:1.9em; line-height:1.1; font-weight:bold; display:table; color:#000}
	.contentwrap h2_1{text-transform:uppercase; font-size:1.5em; line-height:1.1; font-weight:bold; display:table; color:#000; padding-top:80px;}
	.contentwrap p{ font-size:1.3em}
		.contentwrap .l-left{float:left; padding:10px 10px 0 0;}
.contentwrap .l-right{float:right; padding:10px 0 0 10px;}
}
@media only screen and (min-width: 1025px) {
	/* insert responsive CSS for screens above 1025px */
}