/*---- Self-Clearing Floats ----*/
.mod:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/*---- Fluid Images and Objects ----*/
img,
object,
embed{max-width:100%;}

/*---- Optional Vanity Styles ----*/
img::selection{background:transparent;}
img::-moz-selection{background:transparent;}

@media only screen and (max-device-width:480px) {
	html{-webkit-text-size-adjust:none;}
	a{-webkit-tap-highlight-color:rgba(200,0,0,0.4);}
}

/* ---- Standard Links ---- */
a, a:link, a:active, a:visited{color:#779ab4;text-decoration:underline;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
	cursor:pointer;}
a:focus, a:hover{color:#fff;text-decoration:underline;cursor:pointer;}

/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;-webkit-text-size-adjust: none;}

body{width:100%;background:#fff;color:#222;font:normal 100% Helvetica, Arial, Verdana, sans-serif;overflow-x:hidden;}
abbr{cursor:help;}

.helper{display:inline-block;height:100%;vertical-align:middle;}
#container{width:100%;background:#fff;}

#header{width:100%;height:60px;background:#eeeeeb;display:block;}
#header .hbox{width:100%;height:100%;max-width:1366px;margin:0 auto;display:block;position:relative;}
#header .hbox a.logo{width:auto;height:80%;float:left;display:block;position:absolute;top:10%;left:10px;}
#header .hbox a.logo img{height:100%;}
#header .hbox .scm{height:50%;width:300px;position:absolute;top:25%;right:10px;}
#header .hbox .icon{width:30px;height:30px;margin:0 3%;display:inline;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;float:left;}
.i_fb{background:url(../imgs/icons/fb.png) top;background-position:0px 0px;}
.i_t{background:url(../imgs/icons/t.png) top;background-position:0px 0px;}
.i_ig{background:url(../imgs/icons/ig.png) top;background-position:0px 0px;}
.i_p{background:url(../imgs/icons/p.png) top;background-position:0px 0px;}
.i_g{background:url(../imgs/icons/g.png) top;background-position:0px 0px;}
.i_yt{background:url(../imgs/icons/yt.png) top;background-position:0px 0px;}
#header .icon:hover{background-position:0px -30px}

#hero{width:100%;display:block;margin:0 auto;background:url(../imgs/herobg.jpg) top center no-repeat;background-size:1920px;overflow:hidden}
#hero img{visibility:hidden;height:660px;}
#hero p{display:block;z-index:10;width:580px;position:absolute;left:50%;top:500px;color:#fff;font-size:1.2em;line-height:1.4em;}

#wrap{max-width:1366px;width:100%;height:auto;overflow-x:hidden;margin:-250px auto 0 auto;background:none;position:relative;display:block;}

.dashline-45{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:20px;height:240px;background:url(../imgs/dashbg.gif) 0 0 repeat-y;z-index:0;position:absolute;left:50%;display:block;clear:both;}
.dashline45{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:20px;height:300px;background:url(../imgs/dashbg.gif) 0 0 repeat-y;z-index:0;position:absolute;left:50%;display:block;clear:both;}

a.jump2steps{display:block;margin:15px 0 0 0;color:#5f88c0;text-decoration:none;}
a.jump2steps:hover{color:#afbfce;}

#circle1{margin-left:12.5%;width:37.5%;display:block;z-index:10;position:relative;}
#circle1 img{width:100%;}

#ss{width:100%;height:auto;padding:0 1%;display:block;position:relative;margin-top:-150px;clear:both;}
#ss p{width:45%;float:left;font-size:1.1em;line-height:1.8em;color:#999;display:block;margin-top:200px;position:relative;}
#ss .rcircle{width:50%;float:right;position:relative;display:block;z-index:10;}
#ss .rcircle img{width:100%;}

#np{width:100%;height:auto;padding:0 1%;display:block;position:relative;top:-150px;clear:both;}
#np p{width:45%;float:right;font-size:1.1em;line-height:1.8em;color:#999;display:block;margin-top:200px;position:relative;}
#np .lcircle{width:50%;float:left;position:relative;z-index:10;display:block;clear:both;margin-top:100px;}
#np .lcircle img{width:100%;}
#np .disc{font-size:.75em;color:#666;display:block;margin-top:20px;}

#steps{width:90%;margin:0 5%;top:-100px;position:relative;display:block;clear:both;z-index:10;}

#steps .sbox{width:30%;display:inline-block;position:relative;margin:0 1.5%;float:left;font-weight:bold;font-size:2.7vw;z-index:10;}
#steps .sbox:before{content:""; display:block;padding-top:100%;}
#steps .sbox .circle{width:100%;height:100%;border-radius:50%;background:#5f88c0;display:block;position:absolute;top:0;color:#fff;text-decoration:none;}
#steps .sbox .circle:hover {background:#afbfce;text-decoration:none;}
#steps .sbox .nostep{width:100%;display:block;positon:absolute;margin:5% 0 0 0;text-align:center;}
#steps .sbox .txtstep{width:100%;height:60%;display:table;positon:absolute;margin:0;padding:0 5%;text-align:center;font-size:.7em;}
#steps .sbox .txtstep span{vertical-align:middle;display:table-cell;}
#steps .sbox .cta{width:100%;display:block;position:absolute;bottom:14%;text-align:center;font-weight:normal;font-size:.5em;}
#steps .btnsec{width:30%;float:right;text-align:center;margin:20px 2% 0 0;}
#steps .btnsec a{margin:10px 0;width:90%;}

#disclaimer{width:100%;padding:30px;font-size:.75em;color:#666;margin:30px 0;display:block;clear:both;text-align:center;}

a.ProductTitle, a.ProductTitle:link, a.ProductTitle:active, a.ProductTitle:visited{font-size:.75em;font-weight:100;color:#022b69;text-wrap:normal;text-decoration:none;}
a.ProductTitle:hover{font-size:.75em;font-weight:100;color:#000;text-wrap:normal;text-decoration:underline;}

.originalPrice{font-size:.7em;color:#999;}
.originalPriceLine{font-size:.7em;color:#999;}
.finalPrice{font-size:1.3em;font-weight:bold;color:#000;}
ul.cstm_bullets{margin:0;padding:0;width:100%;height:6em;list-style:none;font-size:0.75em;color:#666666;list-style:none;}
ul.cstm_bullets li{background:url(../imgs/listStyle.gif) no-repeat;padding:0 0 0 15px;background-position:0 4px;}
.product_pricing{clear:both;margin:0;padding:0;height:auto;width:auto;overflow:hidden;}
ul.priceList{margin:0;padding:8px 0 0 0;height:auto;width:auto;list-style:none;}
ul.priceList li{list-style:none;}

/* ---- Typography (pricing) ---- */
.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;}

/* ---- Typography (hidden) ---- */
.mir{display:none;}
.instantSavings{display:none;}
.shipping{display:none;}

sup{vertical-align:super;font-size:.5em;}
.ptitle{font-size:1.3em;}

#footer{width:100%;background:#173246;position:relative;}
#footer .fone{display:block;}
#footer .ftwo{display:none;}


/* ---- Error Message Popup ---- */
br.both{clear:both;}
#backgroundPopup{display:none;position:fixed;_position:absolute; /* hack for internet explorer 6*/height:100%;width:100%;top:0;left:0;background:#000;border:1px solid #000;z-index:1;}
#popupMessage{display:none;position:fixed;_position:absolute; /* hack for internet explorer 6*/height:auto;width:400px;background:#fff;border:10px solid #eee;z-index:2;padding:40px;font-size:12px;text-align:left;}
#popupMessage .error_message{color:#ed4e61;font-size:26px;font-weight:bold;text-transform:uppercase;}
#popupMessage #message_box{margin-bottom:14px;padding-bottom:14px;color:#ed4e61;border-bottom:1px dashed #ddd;}
#popupMessageClose{font-size:18px;position:absolute;right:12px;top:6px;color:#444;font-weight:bold;display:block;text-decoration:none;cursor:pointer;}
#contactArea{font-size:12px;line-height:18px;color:#666;}
#button{text-align:center;margin:0;}
a.link_message, a.link_message:link, a.link_message:active, a.link_message:visited{color:#257bbe; text-decoration:underline;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;cursor:pointer;}
a.link_message:focus, a.link_message:hover{color:#000; text-decoration:underline;cursor:pointer;}


/* ---- 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;}
.blank130{clear:both;display:block;margin:0;padding:0;width:100%;height:130px;background:none;}
.blank200{clear:both;display:block;margin:0;padding:0;width:100%;height:200px;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;}

/*----------------------------------------------------------------------------------*/

@media only screen and (max-width : 1366px) {
	#hero{width:100%;display:block;position:relative;margin:0 auto;background:url(../imgs/herobg.jpg) top center no-repeat;background-size:140%;overflow:hidden;}
	#hero img{visibility:hidden;height:auto;min-width:140%;}
	#hero p{display:block;z-index:10;width:45%;position:absolute;margin:0;left:50%;top:65%;color:#fff;font-size:1.2em;line-height:1.4em;}
	
	#wrap{margin:-200px auto 0 auto;}

	#ss p{width:45%;float:left;font-size:.9em;line-height:1.8em;color:#999;display:block;margin-top:200px;position:relative;}
	#np p{width:45%;float:right;font-size:.9em;line-height:1.8em;color:#999;display:block;margin-top:200px;position:relative;}	
}

@media only screen and (max-width : 1024px) {
	.dashline-45{width:10px;height:120px;background-size:10px;z-index:0;position:absolute;left:50%;display:block;clear:both;}
	.dashline45{width:10px;height:200px;background-size:10px;z-index:0;position:absolute;left:50%;display:block;clear:both;}	

	#ss{width:100%;height:auto;padding:0 1%;display:block;position:relative;margin-top:-100px;clear:both;}	
	#ss p{width:45%;float:left;font-size:.75em;line-height:1.7em;color:#999;display:block;margin-top:150px;position:relative;}
	#ss .rcircle{width:50%;float:right;position:relative;display:block;z-index:10;}

	#np{width:100%;height:auto;padding:0 1%;display:block;position:relative;top:-100px;clear:both;}	
	#np p{width:45%;float:right;font-size:.75em;line-height:1.7em;color:#999;display:block;margin-top:150px;position:relative;}
	#np .lcircle{width:50%;float:left;position:relative;z-index:10;display:block;clear:both;margin-top:100px;}
	#np .disc{font-size:.9em;color:#666;display:block;margin-top:20px;}

	#steps .sbox{width:30%;display:inline-block;position:relative;margin:0 1.5%;float:left;font-weight:bold;font-size:2em;z-index:10;}		
}

@media only screen and (max-width : 768px) {
	#header{width:100%;}
	#header .hbox a.logo{width:auto;height:50px;clear:both;display:block;position:absolute;top:5px;left:50%;margin-left:-55px;}
	#header .scm{display:none;}

	#hero p{width:44%;font-size:.8em;line-height:1.3em;}
	
	#wrap{width:100%;height:auto;overflow-x:hidden;margin:-40px auto 0 auto;padding-bottom:40px;background:none;position:relative;display:block;}	

	.dashline-45{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);width:10px;height:50px;background:url(../imgs/dashbg.gif) 0 0 repeat-y;background-size:10px;z-index:0;position:absolute;left:calc(50% - 5px);display:block;}
	.dashline45{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);width:10px;height:50px;background:url(../imgs/dashbg.gif) 0 0 repeat-y;background-size:10px;z-index:0;position:absolute;left:calc(50% - 5px);display:block;}

	#circle1{margin-left:31.25%;width:37.5%;display:block;z-index:10;position:relative;}
	
	#ss{width:100%;height:auto;padding:0 1% 10px 1%;display:block;position:relative;top:0;margin-top:0px;text-align:center;}
	#ss p{width:90%;height:auto;margin:0 5%;font-size:.8em;line-height:1.5em;color:#999;display:block;}
	#ss .rcircle{width:60%;margin:50px 20% 10px 20%;display:block;z-index:10;}
	
	#np{width:100%;height:auto;padding:10px 1%;display:block;position:relative;top:0;margin-top:0px;text-align:center;}
	#np p{width:90%;height:auto;margin:0 5%;font-size:.8em;line-height:1.5em;color:#999;display:block;}
	#np .lcircle{width:60%;margin:50px 20% 10px 20%;display:block;z-index:10;}
	
	#steps{width:100%;margin:50px 0 0 0;top:0;position:relative;display:block;clear:both;z-index:10;}
	
	#steps .sbox{width:30%;display:inline-block;position:relative;margin:0 1.5%;float:left;font-weight:bold;font-size:1.8em;z-index:10;}
	#steps .sbox .cta{display:none;}
	#steps .btnsec{width:100%;text-align:center;margin:20px 0 0 0;}
	#steps .btnsec a{margin:0;width:25%;display:inline;}	
	
	#footer .fone{display:none;}
	#footer .ftwo{display:block;width:100%;padding:20px;text-align:center;color:#779ab4;font-size:12px;}
	#footer .ftwo .icon{width:30px;height:30px;margin:0 5px;display:inline-block;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
	#footer .i_fb{background:url(../imgs/icons/foot-fb.png) top;background-position:0px 0px;}
	#footer .i_t{background:url(../imgs/icons/foot-t.png) top;background-position:0px 0px;}
	#footer .i_ig{background:url(../imgs/icons/foot-ig.png) top;background-position:0px 0px;}
	#footer .i_p{background:url(../imgs/icons/foot-p.png) top;background-position:0px 0px;}
	#footer .i_g{background:url(../imgs/icons/foot-g.png) top;background-position:0px 0px;}
	#footer .i_yt{background:url(../imgs/icons/foot-yt.png) top;background-position:0px 0px;}
	#footer .ftwo .icon:hover{background-position:0px -30px;}
	#footer .fprint{margin:20px auto;display:block;line-height:1.5em;}
}

@media only screen and (max-width : 480px) {
	#hero p{display:none;}
	#steps .sbox{width:30%;display:inline-block;position:relative;margin:0 1.5%;float:left;font-weight:bold;font-size:1.2em;z-index:10;}
	#steps .btnsec a{margin:10px 15%;width:70%;display:block;}
}