﻿/* css base */

* {
   padding: 0;
   margin: 0;
}
body {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   background-color: #cccccc;
}
div#Wrapper {
   margin: 0 auto;
   width: 1000px;
   background-color: #545454;
}
div#TopOuter {
   background-image: url(../images/header_061609.png);
   background-repeat: no-repeat;
   background-position: bottom;
   height: 149px;
   width: 1000px;
}
div#LogoBar {
   width: 940px;
   height: 88px;
   margin-left: 35px;
   padding-top: 8px;
}

div#Contents {
   position: relative;
   width: 1000px;
   color: White;
   z-index: 99;   
}
div#topicons img {
   float: left;
}
div#buyonline {
   text-align: right;
   font-family: Verdana;
   font-size: 11px;
   color: #cccccc;
}
#footer_outer {
   position: relative;
   width: 979px;
   margin-left: 1px;
   color:white;
}
#vendor_logos {
   margin-right: auto;
   margin-left: auto;
   position: relative;
   height: 179px;
   width: 979px;
   top: 20px;
}
#footer_inner {
   position: relative;
   height: 193px;
   background-image: url(../Images/footer_bg.png);
   background-repeat: no-repeat;
   width: 980px;
   top: 40px;
   color: #999999;
   font-size: 11px;
   font-family: Arial, Helvetica, sans-serif;
   text-align: left;
}
#footer_inner img {
   border: 0px;
}
#footer_inner a {
   color: #999999;
   text-decoration: none;
}
#footer_inner a:hover {
   color: #FFFFFF;
}
#back_top {
   position: relative;
   width: 44px;
   height: 28px;
   margin-left: auto;
   margin-right: auto;
   top: 39px;
}
#footer_inner #footer_table {
   top: 10px;
   position: relative;
   font-family: Verdana;
}
#footer_inner #footer_table td, #footer_table th {
   text-indent: 10px;
}
#footer_table th {
   font-weight: bold;
   text-align: left;
}
.iconPanel {
   overflow: hidden;
   position: absolute;
   visibility: hidden;
   height: 0px;
   width: 0px;
   z-index: 999999;
}
.iconPanelViewCartDetails {
   overflow: hidden;
   display: none;
   position: absolute;
   left: 890px;
   height: 266px;
   width: 316px;
   background-image: url(../Images/viewCart_details.gif);
   z-index: 999999;
   background-repeat: no-repeat;
}
textarea {
   resize: none;
}

/* end css base */

/* css menu */
#nav, #nav ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   list-style-position: outside;
   position: relative;
   line-height: 1.6em;
   font-family: Verdana;
   font-size: 11px;
   font-weight: bold;
	z-index: 999;
}

#nav a {
   display: block;
   padding: 2px 10px;
   color: #fff;
   text-decoration: none;
   background-color: #000;
   width: 120px;
}

#nav a:hover {
   background-color: #8A0000;
}

#nav li {
   float: left;
   position: relative;
}

#nav ul {
position:absolute;
display:none;
width:12em;
top:1.9em;
}

#nav li ul a {
   width: 12em;
   height: auto;
   float: left;
   line-height: 2.5em;
   font-weight: normal;
}

#nav ul ul {
   top: auto;
}

#nav li ul ul {
left:12em;
margin:0px 0 0 15px;
}

#nav ul li.last {
   background-color: #ffffff;
   border: 3px solid #8A0000;
   padding: 5px;
z-index: 999999;
cursor: pointer;
width: 380px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {
   display: none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
   display: block;
}
/* fix third level */
#nav ul ul ul li a {width: 145px}
#nav li ul ul ul ul{left:13.2em;margin:0px 0 0 15px;}

/*****************/

img {
   border: 0px;
}
.aLink1 {
   color: #990000;
   font-size: 9px;
   line-height: 15px;
   z-index: 99999999;
}
.pcmain {
   margin: 10px;
   background-color: #ffffff;
}

.pcmain .img128 {
   width: 128px;
   height: 128px;
}

.pcmain .img125 {
   width: 150px;
   height: 125px;
}

.money {
   font-size: 17px;
   font-weight: bold;
}
.pcspec {
    font-weight: normal;
    font-size: 11px;
    padding-left: 15px;
    line-height: 1.3em;
	color: black;
}
.starting {
   float: left;
   color: white;
   font-size: 11px;
   color: Black;
   line-height: normal;
}
.startingouter {
   padding-top: 25px;
   padding-right: 10px;
}

/* end css menu*/

/* custom configutator */
#Custom_configurator {
   position: relative;
   height: 387px;
   width: 960px;
}
.s_left, .s_right, .s_bottom {
   color: #CCCCCC;
   font-weight: bold;
   font-size: 11px;
   position: absolute;
   cursor: pointer;
}
.s_hover {
   background-color: #000000;
}
.s_hover div {
   color: #FFFFFF;
}
.s_hover .cprice {
   color: #FF0000;
}
.s_left, .s_right {
   width: 180px;
   height: 50px;
}
.s_left {
   left: 19px;
}
.s_right {
   right: 17px;
}
.s_left div, .s_right div {
   position: absolute;
   top: 5px;
   width: 157px;
   height: 36px;
}
.s_left div {
   left: 24px;
}
.s_right div {
   right: 1px;
}
.cprice {
   font-size: 20px;
   font-family: Arial, Helvetica, sans-serif;
}
#left_1, #right_1 {
   top: 30px;
}
#left_2, #right_2 {
   top: 88px;
}
#left_3, #right_3 {
   top: 148px;
}
#left_4, #right_4 {
   top: 208px;
}
.s_bottom {
   top: 0px;
   width: 219px;
   height: 50px;
}
.s_bottom div {
   position: absolute;
   left: 16px;
   top: 9px;
   width: 191px;
   height: 40px;
}
#bottom1 {
   left: 50px;
}
#bottom2 {
   left: 294px;
}

/* end custom configutator */

/* compare */
.top1 {
   height: 195px;
   width: 180px;
}
.top2 {
   height: 30px;
}
.BorderStyle {
   border-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #C0C0C0;
   border-right-style: solid;
   border-right-color: #C0C0C0;
}
.specsTd {
   height: 95px;
   width: 180px;
   background-position: right center;
   background-repeat: no-repeat;
   padding: 2px 2px 2px 15px;
}
.specsTdACCESSORIES {
   height: 110px;
   background-position: right center;
   background-repeat: no-repeat;
   padding: 2px 2px 2px 15px;
}
.top_title {
   color: #FFFFFF;
   font-weight: bold;
}
.feature_price {
   font-size: 20px;
   font-weight: bold;
}
.specsTdModel {
   height: 95px;
   text-align: left;
   padding: 2px;
   width: 220px;
}
.specsACCESSORIES {
   height: 110px;
   text-align: left;
   padding: 2px;
   width: 220px;
}

/* end compare */

/* cooling */

#liquidCooling {
	position: relative;
	width: 962px;
	height: 383px;
	z-index: 1;
}
#liquidCooling2 {
	position: relative;
	width: 962px;
	height: 300px;
	z-index: 1;
}
.lq-skutitle {
   font-size: 14px;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
   color: #dbdbdb;
   top: 203px;
   height: 24px;
   z-index: 4;
}
#lq-title1 {
   position: absolute;
   left: 216px;
   width: 213px;
}
#lq-title2 {
   position: absolute;
   left: 443px;
   width: 217px;
}
#lq-title3 {
   position: absolute;
   left: 693px;
   width: 230px;
}
.lq-spec {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #b8b8b8;
	top: 222px;
	z-index: 3;
	width: 217px;
}
#lq-spec1 {
   position: absolute;
   left: 215px;
   height: 94px;
}
#lq-spec2 {
   position: absolute;
   left: 443px;
   height: 108px;
}
#lq-spec3 {
   position: absolute;
   left: 695px;
   height: 94px;
}
#lq-price1 {
	position: absolute;
	left: 371px;
	top: 248px;
	width: 67px;
	height: 27px;
	z-index: 5;
}
.lq_price {
   font-size: 24px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #00ffcc;
   text-align: right;
}
#lq-price2 {
   position: absolute;
   left: 602px;
   top: 192px;
   width: 68px;
   height: 31px;
   z-index: 5;
}
#lq-price3 {
	position: absolute;
	left: 869px;
	top: 246px;
	width: 83px;
	height: 32px;
	z-index: 5;
}
#lqtitle {
   position: absolute;
   left: 203px;
   top: 20px;
   width: 574px;
   height: 24px;
   z-index: 6;
   color: #FFFFFF;
   font-weight: bold;
   font-size: 14px;
   text-align: center;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* end cooling */

.menuline {
   width: 150px;
   background-repeat: no-repeat;
   background-position: right;
}

.menuline_np {
   width: 85px;
}

/* Top icon */

#topicons a {
   text-decoration: none;
}

.TopHome {
   cursor: pointer;
   height: 31px;
   width: 31px;
   background-image: url(../images/top_icons.gif);
   background-position: 0px 0px;
}
.TopHome_Over {
   cursor: pointer;
   height: 31px;
   width: 31px;
   background-image: url(../images/top_icons.gif);
   background-position: -36px 0px;
}
.TopDrI {
   cursor: pointer;
   height: 31px;
   width: 47px;
   background-image: url(../images/top_icons.gif);
   background-position: -70px 0px;
}
.TopDrI_Over {
   cursor: pointer;
   height: 31px;
   width: 47px;
   background-image: url(../images/top_icons.gif);
   background-position: -119px 0px;
}
.TopTestim {
   cursor: pointer;
   height: 31px;
   width: 64px;
   background-image: url(../images/top_icons.gif);
   background-position: -171px 0px;
}
.TopTestim_Over {
   cursor: pointer;
   height: 31px;
   width: 64px;
   background-image: url(../images/top_icons.gif);
   background-position: -242px 0px;
}

.TopOrder {
   cursor: pointer;
   height: 31px;
   width: 64px;
   background-image: url(../images/top_icons.gif);
   background-position: -311px 0px;
}
.TopOrder_Over {
   cursor: pointer;
   height: 31px;
   width: 64px;
   background-image: url(../images/top_icons.gif);
   background-position: -380px 0px;
}

.TopShipping {
   cursor: pointer;
   height: 31px;
   width: 51px;
   background-image: url(../images/top_icons.gif);
   background-position: -449px 0px;
}
.TopShipping_Over {
   cursor: pointer;
   height: 31px;
   width: 51px;
   background-image: url(../images/top_icons.gif);
   background-position: -504px 0px;
}

/* end Top icon */

/* */

.HeaderPrice {
   display: none;
   background-image: url(../images/search-pop-up.png);
   height: 157px;
   width: 158px;
   position: absolute;
   z-index: 999999;
   overflow: hidden;
   padding: 18px 3px 3px 8px;
   background-repeat: no-repeat;
}

.intel-p67 {
 	background-color:#000;
 	padding:15px;
	font-size:14px;
	line-height:20px;
	color:#fff; 
	text-align: left;
}

.intel-p67 a { color: #fff; }
.intel-p67 a:hover { text-decoration: none }

