/* CSS Document */
@import "reset.css";
img, div, input, p, a, ul, li, span  { behavior: url("css/iepngfix.htc") }

.floatL {float: left;}
.floatR {float: right;}
.noFloat {
	clear: both !important;
	float: none;
	width: 1px !important;
	height: 0px;
	line-height: 0em !important;
	font-size: 0px !important;
	margin: 0px !important;
	padding: 0 !important;
}
.noFloatSpan { /*no 1px height*/
	display: block;
	*display: inline;
	clear: both !important;
	width: 1px !important;
	height: 0px;
	line-height: 0em !important;
	font-size: 0px !important;
	margin: 0px !important;
	padding: 0 !important;
}

body { background:url(../images/bg.jpg) top center repeat-y #010103;}
small {font-size:10px}
strong {font-weight:bold; font-size:14px}
.Wrapper
{
	background:url(../images/top-bg.jpg) top no-repeat;
	width:1000px;
	margin:0 auto;
	padding-top:10px;
	position:relative;
}
.Wrapper .Logo
{ width:650px; height:120px; margin:0 auto; display:block;}

.WrapperC
{
	margin:0 auto;
	padding-top:10px;
	position:relative;
	width:1000px;
}

ul.Menu 
{ width:990px; margin:0 auto; background:url(../images/menu-bg.png) bottom center no-repeat; height:56px; text-align:center; padding-left:10px;}
ul.Menu li
{ float:left; text-align:center; margin-right:0px;  width:11%;}
ul.Menu li a,
ul.Menu li a:visited
{color:#FFFFFF; font-size:13px; text-transform:uppercase; font-family: "Century Gothic", Arial, Helvetica, sans-serif; text-decoration:none; text-align:center; font-weight:bold; display:block;text-shadow: #000 0px 3px 3px; background:url(../images/menu-item-bg.png) -1px 0px no-repeat;}
ul.Menu li a span
{display:block; margin:0 2px; padding:15px 10px; text-align:center;}
ul.Menu li a:hover
{background:url(../images/menu-item-bg.png) bottom repeat-x;}
ul.Menu li a:hover span
{background:url(../images/menu-item-bg.png) bottom left repeat-x; margin:0 2px;}
*html ul.Menu li a:hover { background:none;}
*html ul.Menu li a span { background:none;}
*html ul.Menu li a:hover span {background: none; color:#7AA5B1;}

.Banner{width:540px; height:149px; background:url(../images/banner-homepage.jpg) no-repeat; padding:160px 400px 0px 60px;}
.Banner_link{position:relative; color:transparent; width:100px; height:120px; display: block;}
.Banner h2{color:#caeaef; font-family: Helvetiker;}
.Banner a.LearnButton,.Banner a.LearnButton:visited{ background:url(../images/learn-more-btn.png) no-repeat; width:150px; height:62px; display:block; margin:10px 0px 0px -10px; cursor:pointer;}
.Banner a.LearnButton:hover{filter:alpha(opacity=75); opacity: 0.75; -moz-opacity:0.75;}
.BannerInternal {width:565px; height:129px; background: url(../images/banner-select-your-pc.jpg) no-repeat; padding:100px 400px 0px 35px; margin-bottom:5px;}
.BannerProducts {width:565px; height:118px; background: url(../images/banner-products.jpg) no-repeat; padding:110px 400px 0px 35px;}
.BannerProducts h2 {color:#caeaef; font-family: Helvetiker;}
.BannerCustomize {width:665px; height:118px; background: url(../images/banner-customize.jpg) no-repeat; padding:110px 300px 0px 35px; margin-bottom:10px;}
.BannerCompanyInfo {width:665px; height:118px; background: url(../images/company-info.jpg) no-repeat; padding:110px 300px 0px 35px; margin-bottom:10px;}
.BannerContactUs {width:665px; height:118px; background: url(../images/contact-us.jpg) no-repeat; padding:110px 300px 0px 35px; margin-bottom:10px;}
.BannerImproveUs {width:665px; height:118px; background: url(../images/banner-improve.jpg) no-repeat; padding:110px 300px 0px 35px; margin-bottom:10px;}
.BannerSpecialPromotions {width:665px; height:118px; background: url(../images/special-promotions.jpg) no-repeat; padding:110px 300px 0px 35px; margin-bottom:10px;}
.BannerCustomerSupport {width:665px; height:118px; background: url(../images/customer-support.jpg) no-repeat; padding:110px 300px 0px 35px; margin-bottom:10px;}
.BannerAwards {width:545px; height:98px; background: url(../images/banner-awards.jpg) no-repeat; padding:130px 400px 0px 55px; margin-bottom:10px;}
.BannerLaptops {width:545px; height:98px; background: url(../images/gaming-laptops.jpg) no-repeat; padding:130px 400px 0px 55px; margin-bottom:10px;}
.BannerEnlist {width:545px; height:98px; background: url(../images/enlist-now.jpg) no-repeat; padding:130px 400px 0px 55px; margin-bottom:10px;}
.EnlistComplete {width:545px; height:98px; background: url(../images/enlist-done.png) no-repeat; padding:130px 400px 0px 55px; margin-bottom:10px;}

.Boxes{ width:980px; height:169px; margin:0 auto; background:url(../images/homepage-boxes.jpg) no-repeat; padding:15px 0px 0px 20px;}
.Boxes .Box { width:210px; float:left; margin-right:20px; position:relative; height:150px; padding-right:100px;}
.Boxes .Box h2 {
	color:#010f21;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	letter-spacing:-1px;
	text-shadow: #cfa167 0px 2px 0px;
	margin-bottom:5px;
	text-align: left;
}
.Boxes .Box p {
	font-size:12px;
	line-height:16px;
	color:#010b1c;
	padding-right:20px;
	text-align: left;
}
.Boxes .Box a.ContinueBtn, .Boxes .Box a.ContinueBtn:visited {
	width:108px;
	height:38px;
	background:url(../images/learn-more-btn.gif) no-repeat;
	display:block;
	position:absolute;
	top:116px;
	left: -3px;
}
.Boxes .Box a.ContinueBtn:hover {filter:alpha(opacity=75); opacity: 0.75; -moz-opacity:0.75;}
.Boxes .Box img { float:right;}
.Boxes .bg01 { background:url(../images/win7-logo.png) right 10px no-repeat;}
.Boxes .bg02 { background: url(../images/box-computer.png) top right no-repeat; height:160px;}
.Boxes .bg03 { background: url(../images/box-laptop.png) top right no-repeat; margin:0px;}

.Internal-Select { background:url(../images/internal-paper-bg.jpg) repeat-y; position:relative; height:100%;}
.Internal-Select .Top { background:url(../images/internal-paper-top.jpg) no-repeat; height:420px;}
.Internal-Select .TopAwards { background:url(../images/top-awards.jpg) no-repeat;}
.Internal-Select .Top a.clasified {	width:114px; height:35px; display:block;  position:absolute;	top:150px;	left:30px; background:url(../images/clasified-btn.gif) no-repeat;}
.Internal-Select .Top a.clasified:hover, .Internal-Select .Top a.opsec:hover {filter:alpha(opacity=90); opacity: 0.90; -moz-opacity:0.90;}
.Internal-Select .Top a.opsec {	width:113px; height:32px; display:block; position:absolute;	top:300px;	left:30px; background:url(../images/opsec-btn.gif) no-repeat;}
.Internal-Select .Top .imgmain { position:absolute; left:236px; top:65px;}
.Internal-Select .Top .Gallery { width:330px; float:right; margin-top:40px;}
.Internal-Select .Top .Gallery a.img { background: url(../images/img-frame.png) no-repeat; width:138px; height:134px; display:block; float:left; padding:10px 5px 0px 10px;}
.Internal-Select .Top .Gallery a.customize { background:url(../images/customize-btn.gif) no-repeat; width:181px; height:52px; display:block; margin:20px auto 0px auto;}
.Internal-Select .Top .Gallery a.customize:hover {filter:alpha(opacity=90); opacity: 0.90; -moz-opacity:0.90;}
.Internal-Select p  { font-size:14px; color:#02263c; margin-bottom:20px; line-height:18px;}
.Internal-Select-Btm { background:url(../images/interior-paper-btm.jpg) no-repeat; height:28px; clear:both;}

.Internal-Select .TopProducts { background:url(../images/products-top.jpg) no-repeat; height:237px;}
.Internal-Select .TopProducts a.clasified {	width:114px; height:35px; display:block; position:absolute;	top:155px;	left:81px; background:url(../images/clasified-btn.gif) no-repeat;}
.Internal-Select .TopProducts a.opsec {	width:113px; height:32px; display:block; position:absolute; top:159px; left:634px; background:url(../images/opsec-btn.gif) no-repeat;}
.Internal-Select .TopProducts a.opsec:hover, .Internal-Select .TopProducts a.clasified:hover {filter:alpha(opacity=90); opacity: 0.90; -moz-opacity:0.90;}

.Internal-Select .cpu { background:url(../images/cpu-bg.gif) no-repeat; width:902px; height:411px; margin:0 auto; padding-top:120px; padding-left:40px;}
.Internal-Select .cpu img { float:right; margin:-20px 100px 0px 0px;}
.Internal-Select .cpu p {
	width:300px;
	text-align: justify;
	float:left;
}

.Internal-Select .gpu { background:url(../images/gpu-bg.gif) no-repeat; width:902px; height:441px; margin:0 auto; padding-top:140px; padding-left:40px;}
.Internal-Select .gpu img { float:left; margin:-20px 0px 0px 40px;}
.Internal-Select .gpu p {
	width:400px;
	float:right;
	padding-right:30px;
	text-align: justify;
}

.Internal-Select .cooling { background:url(../images/cooling-bg.gif) no-repeat; width:882px; height:341px; margin:0 auto; padding-top:120px; padding-left:60px;}
.Internal-Select .cooling img { float:right; margin:-90px 60px 0px 40px;}
.Internal-Select .cooling p {
	width:400px;
	float:left;
	padding-right:30px;
	text-align: justify;
}

.Internal-Select .cooling-02 { background:url(../images/cooling-02-bg.gif) no-repeat; width:902px; height:261px; margin:0 auto; padding-top:100px; padding-right:30px;}
.Internal-Select .cooling-02 img { float:left; margin:0px 0px 0px 100px;}
.Internal-Select .cooling-02 p {
	width:400px;
	float:right;
	padding-right:30px;
	text-align: justify;
}

.Internal-Select .hdd {
	background:url(../images/hdd-bg.gif) no-repeat;
	width:902px;
	height:300px;
	margin:0 auto;
	padding-top:120px;
	padding-left:40px;
	text-align: justify;
}
.Internal-Select .hdd img { float:right; margin:-80px 30px 0px 100px;}
.Internal-Select .hdd p { width:400px;  padding-right:30px;}

.Internal-Select .BoxReview { background:url(../images/boxreview.png) no-repeat;  width:715px; height:212px; padding:20px; float:left; margin-left:5px;}
.Internal-Select .BoxReview h2 { font-size:24px; color:#FFFFFF; text-transform:uppercase; font-weight:bold; letter-spacing:-1px; color:#d7d7d7; font-family:"Trebuchet MS", Arial; margin-bottom:20px;}
.Internal-Select .BoxReview p { color:#5b727a; line-height:18px; font-size:12px;}
.Internal-Select .BoxReview p.author { text-align:right; font-weight:bold;}

.Internal-Select .Awards { width:235px; float:right; margin-right:5px;}
.Internal-Select .Awards .BoxAward { background:url(../images/box-award.png) no-repeat;; width:194px; height:193px; padding:30px 20px; float:right; text-align:center;}
.Internal-Select .Awards .BoxAward strong {color:#09C;}
.Internal-Select .Awards .BoxAward p { text-align:left; font-size:12px; line-height:17px; padding-top:10px;}
.Internal-Select a:link {
	text-decoration:none;
	color:#06F;
}
.Internal-Select a:hover {
	text-decoration:none;
	color:#C30;
}
.Internal-Select a:visited {
	text-decoration:none;
	color:#06F;
}
.Internal-Customize { width:792px; float:left; padding:0px 15px 0px 15px; background:#FFFFFF;}
*html .Internal-Customize { padding:0px; padding-left:15px;}
.Internal-Customize .Top { background:url(../images/customize-top.jpg); width:822px; height:7px; line-height:0px; font-size:0px; margin-left:-15px;}
.Internal-Customize .Btm { background:url(../images/customize-btm.jpg); width:822px; height:7px; line-height:0px; font-size:0px; margin-left:-15px;}
.Internal-Customize h2 { background:url(../images/customize-heading-bg.jpg) no-repeat; text-transform:uppercase; color:#FFFFFF; font-size:13px; font-weight:bold; width:789px; height:24px; padding:4px 0px 0px 25px; margin-top:10px; text-align:left;}
.Internal-Customize table {
	margin:0 auto;
	text-align: right;
}
.Internal-Customize table p {
	color:#333333;
	font-size:12px;
	padding:5px;
	text-align: right;
}
.Internal-Customize select { padding:0px; border:solid 1px #a0a0a0; width:100%;}
.Internal-Customize table td { padding:2px;}

.Internal-Content {
	width:792px;
	float:left;
	padding:0px 15px 0px 15px;
	background:url(../images/textbg1.jpg) repeat-y;
	font-size: 14px;
}
*html .Internal-Content { padding:0px; padding-left:15px;}
.Internal-Content .Top { background:url(../images/customize-top.jpg); width:822px; height:7px; line-height:0px; font-size:0px; margin-left:-15px;}
.Internal-Content .Btm { background:url(../images/customize-btm.jpg); width:822px; height:7px; line-height:0px; font-size:0px; margin-left:-15px;}
.Internal-Content h2 {
	background:url(../images/customize-heading-bg.jpg) no-repeat;
	text-transform:uppercase;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	width:789px;
	height:24px;
	padding:4px 0px 0px 25px;
	margin-top:10px;
	text-align: left;
}

.Internal-Content h3 {
	background:url(../images/customize-heading-bg.jpg) no-repeat;
	text-transform:uppercase;
	color:#FFFFFF;
	font-size:14px;

	font-weight:bold;
	width:auto;
	height:24px;
	padding:4px 0px 0px 25px;
	margin-top:5px;
	text-align: left;
}

.Internal-Content p {
	text-align: left;
	line-height:160%;
}
.Internal-Content a:link {
	text-decoration:none;
	color:#06F;
}
.Internal-Content a:hover {
	text-decoration:none;
	color:#C30;
}
.Internal-Content a:visited {
	text-decoration:none;
	color:#06F;
}
.Internal-Content table {
	margin:0 auto;
	text-align: left;
}
.Internal-Content table p {
	padding:5px;
	text-align: right;
}
.Internal-Content select { padding:0px; border:solid 1px #a0a0a0; width:100%;}
.Internal-Content table td {
	padding:5px;
	font-size: 14px;
	text-align: left;
	line-height:140%;
}

.BlankPage {
	width:968px;
	float:left;
	padding:0px 15px 0px 15px;
	background:url(../images/bgwhite.jpg) top center repeat-y;
	text-align: left;
}
*html .BlankPage { padding:0px; padding-left:15px;}
.BlankPage .Top { background:url(../images/customize-top2.jpg); width:998px; height:7px; line-height:0px; font-size:0px; margin-left:-15px;}
.BlankPage .Btm { background:url(../images/customize-btm2.jpg); width:998px; height:7px; line-height:0px; font-size:0px; margin-left:-15px;}
.BlankPage h2 {
	background:url(../images/customize-heading-bg.jpg) no-repeat;
	text-transform:uppercase;
	color:#000;
	font-size:13px;
	font-weight:bold;
	width:789px;
	height:24px;
	padding:4px 0px 0px 25px;
	margin-top:10px;
	text-align: left;
}
.BlankPage table {
	margin:0 auto;
	text-align: left;
}
.BlankPage table p {
	color:#333333;
	font-size:12px;
	padding:5px;
	text-align: left;
}
.BlankPage select { padding:0px; border:solid 1px #a0a0a0; width:100%;}
.BlankPage table td { padding:2px;}


.LogoSideBar {
	width:166px;
	height:264px;
	float:right;
	background:#01354a;
	background:url(../images/logotrans.png) bottom center no-repeat;
	top:0px;
	right:0px;
	text-align:center;
}

.Sidebar {
	width:166px;
	float:right;
	background:#01354a;
	text-align:center;
	background:url(../images/sidebar-bg.gif) top center no-repeat;
	top:0px;
	right:0px;
}
.Sidebar p.price { text-align:center; font-size:34px; font-weight:bold; color:#fff; margin:10px 0; padding-bottom:10px;}
.Sidebar p { color:#caeaef; padding:10px 0px 10px 0px; font-size:13px; font-weight:bold; line-height:18px; text-align:center;}
.Sidebar a:hover {filter:alpha(opacity=90); opacity: 0.90; -moz-opacity:0.90;}

#Sidebarf {
	width:166px;
	position:absolute;
	right:0px;
	background:#01354a;
	text-align:center;
	background:url(../images/sidebar-bg.gif) top center no-repeat;
}
#Sidebarf p.price {
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	margin:10px 0;
}
#Sidebarf p { color:#caeaef; padding:10px 0px 10px 0px; font-size:13px; font-weight:bold; line-height:18px; text-align:center;}
#Sidebarf a:hover {filter:alpha(opacity=90); opacity: 0.90; -moz-opacity:0.90;}


.Sidebarmenu {
	width:166px;
	float:right;
	background:#01354a;
	text-align:center;
	background:url(../images/sidebar2-bg.jpg) bottom center no-repeat;
	top:0px;
	right:0px;
	height: 300px;
}
.Sidebarmenu p { color:#caeaef; padding:10px 0px 10px 0px; font-size:13px; font-weight:bold; line-height:12px; text-align:center;}
.Sidebarmenu p a:link {color:#caeaef;text-decoration: none;}
.Sidebarmenu p a:hover {
	color:#09F;
	text-decoration: none;
}
.Sidebarmenu p a:visited {color:#caeaef;text-decoration: none;}

.ProductBox { background:url(../images/product-box.png) no-repeat; width:491px; height:498px; float:left; margin:0px -10px 0px 3px; position:relative; padding-left:10px; }
*html .ProductBox {display:inline; width:501px; padding:0px; }
*html .ProductBox p.price-off { display:inline-block; background-position: 10px 0px;}
.ProductBox a.select-deal {position:absolute; right:20px; bottom:20px; width:154px; height:30px; display:block; }
.ProductBox h1 { color:#fff; font-family:"Myriad Pro", Arial, "Trebuchet MS"; font-size:23px; padding:20px 0px 0px 20px; text-transform:uppercase; font-weight:bold; height:38px;text-align: left;}
.ProductBox p.price-off { background:url(../images/price-off-bg.gif) no-repeat; width:86px; height:50px; color:#FFFFFF; font-size:18px; text-transform:uppercase; text-align:center; padding-right:30px; padding-top:7px; float:left; margin-bottom:5px;}
.ProductBox p.free-offer { background: url(../images/free-offer.png) no-repeat; width:105px; height:43px; color:#FFFFFF; font-size:15px; text-transform:uppercase;padding-right:30px; padding-top:7px; margin-left:-60px; float:left; font-weight:bold; padding-left:55px; color:#c9e3ea; margin-bottom:5px; text-align:left;}
.ProductBox h2 { float:right; width:220px; margin-right:30px; font-size:22px; text-transform:uppercase; font-weight:bold; padding-top:15px; font-family:"Myriad Pro", Arial, "Trebuchet MS"; margin-left:-20px; color:#0e3347; text-align:right;}
.ProductBox .product-img { position:absolute; bottom:80px; left:20px;}
.ProductBox .performance1 { background:url(../images/performance-bg1.gif) no-repeat; width:187px; height:64px; float:right; margin:0px 30px 0px 0px;}
.ProductBox .performance2 { background:url(../images/performance-bg2.gif) no-repeat; width:187px; height:64px; float:right; margin:0px 30px 0px 0px;}
.ProductBox .performance3 { background:url(../images/performance-bg3.gif) no-repeat; width:187px; height:64px; float:right; margin:0px 30px 0px 0px;}
.ProductBox .performance4 { background:url(../images/performance-bg4.gif) no-repeat; width:187px; height:64px; float:right; margin:0px 30px 0px 0px;}
.ProductBox .performance5 { background:url(../images/performance-bg5.gif) no-repeat; width:187px; height:64px; float:right; margin:0px 30px 0px 0px;}
.ProductBox ul.infos { width:180px; float:right; margin-left:200px; list-style:circle; margin-right:30px; text-align:right; margin-top:10px;}
.ProductBox ul.infos li.title { font-size:18px; color:#061426; font-weight:bold; list-style:none;}
.ProductBox ul.infos li { font-size:14px; font-weight:bold; color:#061426; margin-bottom:8px; margin-left:10px;}
.ProductBox .price { background:url(../images/price-bg.png) no-repeat; width:155px; height:92px; text-align:center; color:#061426; font-size:16px; font-weight:bold; float:right; padding-top:25px; margin-right:20px;}
.ProductBox .price span { font-size:38px;}
.ProductBox .Logos { position:absolute; bottom:12px; left:20px; width:300px; padding-top:10px;text-align: left;}
.ProductBox .Logos img { margin-right:20px; vertical-align:middle;}

.Footer { width:1000px; margin:0 auto; padding-top:15px; margin-bottom:30px; text-align:center; margin-top:20px; clear:both;}
.Footer ul { text-align:center;}
.Footer ul li { display:inline; padding-right:5px; margin-right:5px; border-right:solid 1px #293042; height:18px;} 
.Footer ul li a { font-size:11px; color:#676e7d; text-decoration:none; line-height:13px;}
.Footer ul li a:hover { text-decoration:underline;}
.Footer p.copyright { font-size:11px; text-align:center; color:#2b3344; padding-top:5px;}
.Footer img { margin-top:20px;}

.content { background:url(../images/p-bg.gif) no-repeat; width:935px; height:267px; margin:0 auto; padding:35px 30px 0px 20px}
.content h1 {
	color:#122041;
	font-size:14px;
	margin-bottom:10px;
}
.content p {
	text-align: left;
}
.contentclear {clear:both}
.content-box {
	margin:5px;
	padding:1px 5px;
	border:3px;
	border-style: solid;
	border-color: #D9D9D9;
	font-size:medium;
}
.img-margin {
	margin: 0 10px 10px 0;
}


.Internal-box {
	margin:10px auto;
	width:792px;
	padding:0px 15px 0px 15px;
	background:url(../images/textbg1.jpg) no-repeat;
	font-size: 14px;
}
*html .Internal-box { padding:0px; padding-left:15px;}
.Internal-box .Top { background:url(../images/customize-top.jpg); width:822px; height:7px; line-height:0px; font-size:0px; margin-left:-15px;}
.Internal-box .Btm { background:url(../images/customize-btm.jpg); width:822px; height:7px; line-height:0px; font-size:0px; margin-left:-15px;}
.Internal-box h2 {
	background:url(../images/customize-heading-bg.jpg) no-repeat;
	text-transform:uppercase;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	width:789px;
	height:24px;
	padding:4px 0px 0px 25px;
	margin-top:10px;
	text-align: left;
}

label { width: 10em; float: left; }
label.error { float: none; color: #FFF; padding-left: .5em; vertical-align: top; background:#C00; border:solid 1px #F00 }