/*-  CSS Reset -*/
@import url("http://promotions.newegg.com/template/us/css/reset.css");
@import url("microsoftfonttype.css");

/*---- 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;}
img {vertical-align:middle;}

@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: #eee;
	text-decoration: none;
	-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:none;cursor:pointer;}

/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/

html{height:100%;font-family:Helvetica, Arial, sans-serif;}
body{height:100%;background:none;}

#wrap{max-width:1024px;width:100%;height:auto;margin:0 auto;padding:0;background:none;}

.helper{display:inline-block;height:100%;vertical-align:middle;}

a.backtotop{width:40px;height:40px;display:block;position:fixed;right:5px;bottom:5px;margin:0;padding:0;}

#mobile-menu-checkbox{display:none;}
#mobile-menu-checkbox:checked ~ #mobile-menu-overlay{display: block;}
#mobile-menu-checkbox:checked ~ .mobile-menu{visibility:visible;-webkit-transform: translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
#mobile-menu-overlay{background-color: rgba(0,0,0,0.6);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100;}
.mobile-menu{position:fixed;left:0;z-index:101;top:0;visibility:hidden;width:300px;height:100%;background:#b21f25;color:white;-webkit-transition: all 0.2s;transition: all 0.2s;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);padding:10px;text-align:center;overflow-y:auto;}
.mobile-menu h1 {margin:0;padding:15px 0;}
.mobile-menu .cpersona{width:90px;height:90px;margin:0 0 40px 0;zoom:1;padding:0;display:inline-block;background-position:0 0;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
.mobile-menu .cpersona p{width:100%;text-align:center;font-size:.7em;text-transform:uppercase;margin:95px 0 0 0;}
.mobile-menu .cpersona:hover{background-position:0 -90px;}
.mobile-menu .downarrow{width:200px;height:20px;background:url(../imgs/downarrow.png) top;display:block;margin:0 auto;padding:0;}

.mobile-menu .c0{background:url(../imgs/personas/o_00.png) top no-repeat;background-size:90px;}
.mobile-menu .c1{background:url(../imgs/personas/o_01.png) top no-repeat;background-size:90px;}
.mobile-menu .c2{background:url(../imgs/personas/o_02.png) top no-repeat;background-size:90px;}
.mobile-menu .c3{background:url(../imgs/personas/o_03.png) top no-repeat;background-size:90px;}
.mobile-menu .c4{background:url(../imgs/personas/o_04.png) top no-repeat;background-size:90px;}
.mobile-menu .c5{background:url(../imgs/personas/o_05.png) top no-repeat;background-size:90px;}
.mobile-menu .c6{background:url(../imgs/personas/o_06.png) top no-repeat;background-size:90px;}
.mobile-menu .c7{background:url(../imgs/personas/o_07.png) top no-repeat;background-size:90px;}
.mobile-menu .c8{background:url(../imgs/personas/o_08.png) top no-repeat;background-size:90px;}
.mobile-menu .c9{background:url(../imgs/personas/o_09.png) top no-repeat;background-size:90px;}

.mobile-menu .brandsec{width:100%;background:#fff;margin:0 0 30px 0;padding:0 0 20px 0;}
.mobile-menu .brandsec .brand{width:80px;height:44px;margin:20px 2px;padding:0;display:inline-block;}

.menubtn{width:40px;height:40px;position:absolute;top:10px;left:10px;z-index:100;background:url(../imgs/menubtn.png) 0 0;background-size:40px;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;cursor:pointer;}
.menutxt{display:none;}
.menubtn:hover{background-position:0 -40px;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
.returnarrow{width:40px;height:40px;position:absolute;top:10px;left:10px;z-index:100;background:url(../imgs/returnarrow.png) 0 0;background-size:40px;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;cursor:pointer;}
.returnarrow:hover{background-position:0 -40px;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}

#hero{width:100%;height:200px;}
header{z-index:9;width:100%;max-width:1024px;height:200px;background:url(../imgs/herobg.jpg) top center no-repeat;background-size:cover;position:fixed;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
header.sticky{height:60px;}
header .hlogo{height:65%;margin:0 auto;padding-top:40px;display:block;z-index:999;}
header.sticky .hlogo{display:none;}
header .hlogomini{height:50px;float:right;margin:5px 10px 5px 0;padding:0;background:url(../imgs/nelogoHHL.png);background-size:260px;display:none;-webkit-transition: all 0.2s;transition: all 0.2s;}
header.sticky .hlogomini{display:block;}

header.sticky a.newegg{display:none;}
header.sticky a.mnewegg{display:block;}

#hero11{width:100%;background:#000;text-align:center;margin:0;padding:0;position:relative;}


#cathead{color:#333;font-size:1.3em;letter-spacing:-1px;width:100%;text-align:center;margin:0;padding:0;}
#cathead20{width:100%;text-align:center;margin:20px 0;padding:0;font-size:1.7em;color:#999;letter-spacing:-1px;font-weight:normal;}
.browseby{width:80%;text-align:center;margin:0 auto}

.shopmore{width:100%;max-width:1024px;margin:20px 0;padding:0;text-align:center;}
.shopmore img{width:300px;}

.mainfeatrow{width:98%;margin:0 1%;padding:0;text-align:center;overflow:hidden;}
.mainfeatrow .box{width:150px;vertical-align:top;display:inline-block;margin:0;padding:0;}
.mainfeatrow .box .btop{width:150px;height:9px;display:block;}
.mainfeatrow .box .bbot{width:150px;height:10px;display:block;}
.mainfeatrow .box .bmid{width:150px;height:auto;background:url(../imgs/box_mid.png) repeat-y top;background-size:150px;}
.mainfeatrow .box .bmid .productimg{display:block;margin:0 auto;padding:10px 0 0 0;width:130px;height:98px;border:none;}
.mainfeatrow .box .bmid .productinfo{display:block;margin:0 auto;padding:10px 0 10px 5px;width:125px;}
.mainfeatrow .box .bmid .brandimg{display:block;margin:0;padding:0;width:auto;height:25px;}
.mainfeatrow .box .bmid .product_title{margin:0;padding:0 0 10px 0;width:100%;display:block;text-align:left;}

.mainfeatrow .box ul{width:300px;background:none;list-style:none;}
.mainfeatrow .box li.l{margin:10px 0;width:30%;height:40px;float:left;text-align:right;display:inline-block;font-size:1.5em;}
.mainfeatrow .box li.r{margin:10px 0;width:50%;height:40px;float:right;display:inline-block;}

.mainfeatrow .vendorbox{width:40%;max-width:300px;vertical-align:middle;display:inline-block;margin:0;padding:0;}
.mainfeatrow .vendorbox .productinfo{display:block;margin:20px auto 0 auto;width:70%;padding:0 15%;}
.mainfeatrow .vendorbox .product_title{margin:0;padding:0 0 10px 0;width:100%;display:block;text-align:left;font-size:1.3em;}

.mainfeatrow .vendorboxx{width:48%;min-width:300px;display:inline-block;vertical-align:top;}
.mainfeatrow .vendorboxx img{width:100%;}
.mainfeatrow .vendortxt{width:48%;min-width:300px;display:inline-block;vertical-align:top;}
.mainfeatrow .vendortxt .productimg{display:block;margin:0 auto;padding:10px 0 0 0;width:300px;border:none;}
.mainfeatrow .vendortxt .productinfo{display:block;margin:10px auto;width:100px;padding:0;display:inline-block;vertical-align:top;}
.mainfeatrow .vendortxt .product_title{margin:0;padding:0 0 10px 0;width:100%;display:block;text-align:left;font-size:1.3em;}

.subfeatrow{width:98%;margin:0 1%;padding:0;text-align:center;}
.subfeatrow .boxx{width:150px;vertical-align:top;display:inline-block;margin:0;padding:0;}
.subfeatrow .boxx .productimg{display:block;margin:0 auto;padding:10px 0 0 0;width:100px;height:75px;border:none;}

.subfeatrow .brand{width:80px;height:44px;margin:10px 2px;padding:0;display:inline-block;}
.subfeatrow .brand img{width:100%;}

.subfeatrow .boxx .productinfo{display:block;margin:0 auto;padding:10px 0 10px 5px;width:110px;}
.subfeatrow .boxx .brandimg{display:block;margin:0;padding:0;width:auto;height:25px;}
.subfeatrow .boxx .product_title{margin:0;padding:0 0 10px 0;width:100%;display:block;text-align:left;}

.mainfeatrow .pcircle{width:250px;display:inline-block;margin:20px 0 0 0;padding:0;vertical-align:top;}
.mainfeatrow .pdscrptn{width:250px;display:inline-block;margin:10px 20px;padding:20px;vertical-align:top;text-align:left;}
.mainfeatrow .pdscrptn h1{font-size:1.7em;color:#999;letter-spacing:-1px;margin:0 0 10px 0;font-weight:normal;}
.mainfeatrow .pdscrptn p{font-size:1em;color:#666;line-height:1.6em;}

.mainfeatrow .p13img{width:300px;display:inline-block;margin:20px 0 0 0;padding:0;vertical-align:top;}
.mainfeatrow .p13p{width:90%;max-width:500px;display:inline-block;margin:10px 10px;padding:10px;vertical-align:top;text-align:left;line-height:1.3em;color:#333;font-family:'wf_segoe-ui_normal', Helvetica, sans-serif}
.mainfeatrow .p13p h1{font-size:1em;color:#666;letter-spacing:0;margin:0 0 10px 0;font-weight:normal;font-family:'wf_segoe-ui_light', Helvetica, sans-serif}
.mainfeatrow .p13p h2{font-size:.9em;line-height:1.3em;}
.mainfeatrow .p13p ul{font-size:.85em;line-height:1em;font-family:'wf_segoe-ui_normal', Helvetica, sans-serif}
.mainfeatrow .p13p li{margin:1em 0 .8em 25px;}
.mainfeatrow .p13p .dred{color:#a51e21;font-weight:bold;}

.mainfeatrow .box2 {width:100px;vertical-align:top;display:inline-block;margin:0;padding:0;}
.mainfeatrow .box2 img.pbox{width:100px;}

.colorsquares{width:10px;height:10px;margin:5px 5px 0 0;display:inline-block;border:solid 1px #000;}
.red{background:#ec2227;}
.white{background:#fff;}
.yellow{background:#fee300;}
.black{background:#000;}


/*----------------------------------- HERO BRANDS ----------------------------------------------*/
a.newegg{background:none;position:absolute;width:100px;height:50px;top:40px;left:51%;display:block;}
a.mnewegg{background:none;position:absolute;width:95px;height:50px;top:0;right:0;display:none;}
#hero11 a.bitdefender{background:none;width:40%;height:17%;position:absolute;top:31%;left:49%;}
#hero11 a.microsoft1{background:none;height:37%;width:35%;position:absolute;top:0;left:0;}
#hero11 a.microsoft2{background:none;height:100%;width:20%;position:absolute;top:0;right:0;}
#hero11 a.intel{background:none;height:13%;width:9%;position:absolute;top:25%;left:8%;}
#hero11 a.samsung{background:none;height:17%;width:100%;max-width:188px;position:absolute;bottom:0;left:50%;margin-left:-250px;}
#hero11 a.crucial{background:none;height:20%;width:20%;position:absolute;top:0;left:0;}


.stretch {width:100%;display:inline-block;font-size:0;line-height:0}


a.ProductTitle, a.ProductTitle:link, a.ProductTitle:active, a.ProductTitle:visited{font-size:.7em;font-weight:700;color:#333;text-wrap:normal;text-decoration:none;}
a.ProductTitle:hover{font-size:.7em;font-weight:700;color:#000;text-wrap:normal;text-decoration:underline;}
.ProductTitle{font-size:.7em;font-weight:700;color:#333;text-wrap:normal;text-decoration:none;}

a.product_title, a.product_title:link, a.product_title:active, a.product_title:visited{font-size:1em;font-weight:700;color:#330066;text-wrap:normal;text-decoration:underline;}
a.product_title:hover{font-size:1em;font-weight:700;color:#000;text-wrap:normal;text-decoration:none;}


.originalPrice{font-size:.65em;color:#999;}
.originalPriceLine{font-size:.65em;color:#999;}
.finalPrice{font-size:1.4em;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 5px;background-position:0 4px;}
.product_pricing{clear:both;margin:0;padding:0;height:auto;width:auto;overflow:hidden;}
ul.priceList{margin:0;padding:0;height:auto;width:auto;list-style:none;text-align:left;}
ul.priceList li{list-style:none;}
ul.priceListW{margin:0;padding:0;height:auto;width:auto;list-style:none;text-align:left;}
ul.priceListW li{list-style:none;color:#fff;}

/* ---- Typography (pricing) ---- */
.soldout{font-size:.7em;font-weight:bold;text-transform:uppercase;color:#d00;}
.promo_text{font-size:.75em;color:#5f9000;}
.mapPricing{margin:4px 0;padding:4px 8px;width:100px;height:auto;text-align:center;line-height:normal;background-color:#f7f7f7;border:1px solid #ddd;}
.mapPricing a{color:#03F;font-size:.7em;font-weight:bold;}
.mapPricing a:hover{color:#09F;text-decoration:underline;}

#cntr_disclaimer{margin:0;padding:35px 5%;width:90%;max-width:921px;height:auto;text-align:center;}
.disclaimer{font-size:.7em;color:#777;line-height:1.3em;}

/* ---- 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:1001;}
#popupMessage{display:none;position:fixed;_position:absolute; /* hack for internet explorer 6*/height:auto;width:400px;background:#fff;border:10px solid #eee;z-index:1002;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;}

/* ---- Typography (hidden) ---- */
.mir{display:none;}
.instantSavings{display:none;}
.shipping{display: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;}
.blankbrand{clear:both;display:block;margin:0;padding:0;width:100%;height:25px;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;}
.blank25{clear:both;display:block;margin:0;padding:0;width:100%;height:25px;background:none;}
.blank100{clear:both;display:block;margin:0;padding:0;width:100%;height:100px;background:none;}
.gray1{clear:both;display:block;margin:30px 0 0 0;padding:0;width:100%;height:1px;background:#ccc;}
.blankspace{clear:both;display:block;margin:0;padding:0;width:100%;height:4vh;background:none;}


/* ---- Firefox Hacks ---- */
@-moz-document url-prefix(){
.cntr_pricing{clear:both;margin:0;padding:0;height:auto;width:auto;overflow:hidden;}
ul.priceList{margin:0;padding:0 0 5px 0;width:auto;list-style:none;}
ul.priceList li{margin:0;padding:0;height:auto;width:auto;line-height:1em;list-style:none;}
/* ---- Custom Bullet List ---- */
ul.list_features{margin:3px 0;padding:0;height:auto;width:auto;font-size:.75em;color:#777;list-style:none;}
ul.list_features 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;}
.mapPricing{clear:both;float:left;margin:4px 0;padding:4px 8px;width:auto;height:auto;text-align:center;line-height:normal;background-color:#f9f6f2;border:1px solid #bbb;}
a.inCart, a.inCart:link, a.inCart:active, a.inCart:visited{padding:4px 8px;font-size:.75em;color:#06F;line-height:1.5em;text-decoration:none;}
a.inCart:hover{padding:4px 8px;font-size:.75em;color:#000;line-height:1.5em;text-decoration:none;}
}

@media only screen and (min-width:1024px) {
body{background:url(../imgs/bodybg.png) top repeat-y;}

a.backtotop{right:50%;bottom:5px;margin-right:-507px;width:60px;height:60px}

.menubtn{left:50%;margin-left:-500px;}
.menutxt{font-weight:bold;font-size:1.5em;margin-left:50px;line-height:40px;height:50px;color:#fff;vertical-align:middle;visibility:visible;display:block;}

#hero{height:350px;}
header{height:350px;}
header .hlogo{height:75%;}

a.newegg{width:200px;height:80px;top:40px;left:51%}

.shopmore img{width:500px;}

.mainfeatrow .box{width:200px;}
.mainfeatrow .box .btop{width:200px;height:12px;}
.mainfeatrow .box .bbot{width:200px;height:14px;}
.mainfeatrow .box .bmid{width:200px;height:auto;background:url(../imgs/box_mid.png) repeat-y top;}
.mainfeatrow .box .bmid .brandimg{clear:both;display:block;margin:5px 0;padding:0;width:auto;}
.mainfeatrow .box .bmid .productimg{display:block;margin:0 auto;padding:10px 0 0 0;width:130px;height:98px;border:none;}

.mainfeatrow .box2 {width:195px;}
.mainfeatrow .box2 img.pbox{width:195px;}

.subfeatrow .brand{width:100px;height:55px;margin:10px 20px;padding:0;display:inline-block;}

.mainfeatrow .pdscrptn{width:350px;display:margin:10px 40px;}

.blankbrand{height:35px;}

.disclaimer{font-size:.75em;line-height:1.35em;}
}