// font
@font-face{font-family:alien;src:local(alienleagueexpand),url('alienleagueexpand.ttf') format('opentype');}
@font-face{font-family:alien;src:url('/store/fonts/alienleagueexpand.ttf') format('opentype');}
@font-face{font-family:supermarketed;src:url('/store/fonts/Supermarketed.otf') format('opentype');}
@font-face{font-family:'trueno';src:url('/store/fonts/TruenoRg.otf');}
@font-face{font-family:'trueno';src:url('/store/fonts/TruenoSBd.otf');font-weight:bold;}
@font-face{font-family:'truenoex';src:url('/store/fonts/TruenoExBd.otf');}
@font-face{font-family:'truenoex';src:url('/store/fonts/TruenoUltBlk.otf');font-weight:bold;}

// fix some layout
//table{background:transparrent;border:0;}
table{background:transparrent;border:0px;padding:0px;border-spacing:0px;}
table tr td{padding:0px;}
img{border:0;vertical-align: middle;}

*
{
	background-repeat:no-repeat;
}

body
{
	background-color:#000000;
	//background-image: url('images/background_1920_2000.jpg');
	//background-position: center top;
	font-family:Arial, Helvetica, sans-serif;
}

a
{
	text-decoration:none;
	font-weight:inherit;
	font-family:inherit;
	font-size:inherit;
	color:inherit;
}

input
{
	background-color:transparent;
}
textarea
{
	background-color: transparent;
}

.front_info
{
	color:#c8c6c6;
	font-size:11px;
	font-weight:normal;
}


#fade-container
{
	width: 900px;
	height: 400px;
	position:relative;
	margin:auto;
}

#fade-container img
{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:900px;
	height:400px;
}

#menu_laptops_back
{
	display:none;
	position:absolute;
	height:126px;
	width:330px;
	left:0px;
	top:0px;
	overflow:hidden;
	text-align:left;
	opacity:0.50;
	MozOpacity:0.50;
	filter:alpha(opacity=50);
	z-index:20;
}
#menu_laptops_front
{
	display:none;
	position:absolute;
	height:126px;
	width:330px;
	left:0px;
	top:0px;
	overflow:hidden;
	text-align:left;
	z-index:21;
}

.features
{
	color:#ffffff;
	font-size:12px;
	line-height:210%;
}

.techspecsheadings
{
	color:#0a727e;
	font-size:11px;
	font-weight:normal;
}

.primetechspecsheadings
{
	color:#2e2d2d;
	font-size:11px;
	font-weight:bold;
}

.customiser_pick
{
	height:97px;
	width:304px;
	background-position:top left;
	background-repeat: no-repeat;
	vertical-align: top;
}


.warranty_text
{
	color:#d0d0d0;
	font-size:16px;
	//line-height:139%;
}

.cust_desc_font
{
	color:#ffffff;
	font-size:11px;
	text-align:center;
	vertical-align:bottom;
}

#content_pages
{
	color:#b0b0b0;
	line-height:25px;
	text-align:left;
	font-size:10pt;
}


.SiteMap{color:#585656;}
.SiteMap h2{display:inline-block;}
.SiteMap a{color:#000000;font-size:12px;text-decoration:none;}
.SiteMap a:hover{text-decoration:underline;}
.SiteMap td{width:250px;vertical-align:text-top;}


// font page image scroller with text
.FPScContent{font-size:18px;color:#ffffff;}
.FPScContent div{font-size:18px;color:#ffffff;}
.FPScContent a{font-size:18px;color:#ffffff;text-decoration:none;}

//.MenuText table{border:0px;padding:0px;spacing:0px;}

.MenuText td {width:150px;padding-top:0px;height:0px;vertical-align:text-top;text-align:center;color:#484848;font-family:trueno;}
.MenuText td a h3{font-size:12px;margin:0 auto;font-weight:normal;}
.MenuText td a:hover h3{font-size:13px;margin:0 auto;font-weight:bold;transition-delay: .3s;transition: font-weight .5s cubic-bezier(0.2,0.6,1,0.9);}


.MenuText2 td {width:150px;padding-top:0px;height:0px;vertical-align:text-top;text-align:center;color:#484848;font-family:trueno;}
.MenuText2 td a {font-size:12px;margin:0 auto;font-weight:normal;}
.MenuText2 td a:hover {font-size:13px;margin:0 auto;font-weight:bold;transition-delay: .3s;transition: font-weight .5s cubic-bezier(0.2,0.6,1,0.9);}

.TopMenuText {width:150px;padding-top:0px;text-align:center;color:#484848;font-weight:normal;}
.TopMenuText:hover {font-size:14px;margin:0 auto;font-weight:bold;}

.menuclose {z-index:1200;width:50px;position:absolute;left:50%;margin-left:-350px;top:0px;cursor:pointer;;transition: width 2s, height 2s, background-color 1s, transform 2s, color .5s;}
.menuclose:hover {background:url('/images/message-close-hl.jpg')}


.MenuItem {cursor:pointer;cursor:hand;opacity:1;z-index:1;transition: width 2s, height 2s, background-color 1s, transform 2s, color .5s;}
.MenuItem:hover
{
background:#111111;color:#00ff00;
}

.MenuItem8 {cursor:pointer;cursor:hand;opacity:1;z-index:1;transition: width 2s, height 2s, background-color 1s, transform 2s, color .5s;}
.MenuItem8:hover 
{
background:#111111;color:#00ff00;
}




.MenuItemT a {

    content:"";
	position:relative;
	overflow:hidden;

}

.MenuItemT a:before {
    content:"";
	position:absolute;
	margin-left:0px;
	text-align:center;
	left:50%;
	top:0%;
	margin-top:100px, 100px;
    display: block;
    width: 5px;
    height: 3px;
    opacity:0;
  color:#00ff00;
transform: translatex(0%);
    background-position: 0 20%, 0 100%;
    background-repeat: 0 0 repeat, 0 0 repeat;
  background:url('/store/images/Gaming-Button-BG-5.jpg'), url('images/Design-Laptop18.jpg');
}


.MenuItemT a:hover:before {
  opacity: 1;
	position:absolute;
	margin-left:0px, 60px;
	left:50%;
	top:0%;
  color:#00ff00;
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat, no-repeat;
transform: scalex(20), scaley(100);
transition: all .15s cubic-bezier(0.2,0.6,1,0.9);

}

.MenuItem1 a {

    content:"";
	position:relative;
	overflow:hidden;

}

.MenuItem1 a:before {
    content:"";
	position:absolute;
	margin-left:0px;
	text-align:center;
	left:0%;
	top:0%;
	margin-top:60px;
    display: block;
    width: 5px;
    height: 3px;
    opacity:0;
  color:#00ff00;
transform: translatex(0%);
transition: all .15s cubic-bezier(0.2,0.6,1,0.9);
  background:url('/store/images/Gaming-Button-BG-5.jpg');
}

.MenuItem1 a:hover:before {
  opacity: 1;
	position:absolute;
	margin-left:0px;
	left:0%;
	top:0%;
  color:#00ff00;
transform: scalex(25);
transition: all .2s cubic-bezier(0.2,0.6,1,0.9);
transition-delay: .2s;

}

.MenuItem3 a {

    content:"";
	position:relative;
	overflow:hidden;

}

.MenuItem3 a:before {
    content:"";
	position:absolute;
	margin-left:0px;
	text-align:center;
	left:50%;
	top:0%;
	margin-top:60px;
    display: block;
    width: 5px;
    height: 3px;
    opacity:0;
  color:#00ff00;
transform: translatex(0%);
transition: all .15s cubic-bezier(0.2,0.6,1,0.9);
  background:url('/store/images/Gaming-Button-BG-5.jpg');
}

.MenuItem3 a:hover:before {
  opacity: 1;
	position:absolute;
	margin-left:0px;
	left:50%;
	top:0%;
  color:#00ff00;
transform: scalex(15);
transition: all .2s cubic-bezier(0.2,0.6,1,0.9);
transition-delay: .2s;

}


.FeatureTransition
{
	overflow:hidden;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}


// floating menu for features
#LM_features{position:absolute;left:0px;top:50px;width:100%;height:74px;}
#LM_features.f{position:fixed;top:0px;width:100%;background:#313131;}


// buttons for overview pages
.OverviewButton{position:absolute;left:50%;line-height:50px;background-color:rgba(0,255,0,0.5);text-align:center;cursor:pointer;}




// mobile menu stuff
#MobileMenu{
	position:fixed;
	left:0px;top:48px;
	min-height:50px;
	z-index:1999;
	background:#000000;
	line-height:30px;
	padding:10px;
}
#MobileMenu a{
	text-decoration:none;
	color:#ffffff;
	font-weight:normal;
	font-size:20px;
}