@charset "utf-8";
/* CSS Document */

@import "global.css";


body { font-size: 62.5%; font-family:Arial, Helvetica, sans-serif; background: #fff;}


#container { position: relative; background: url(images/container_bg.jpg) #FFFFFF repeat-y 0 0; width: 1240px; margin: auto;}

#header { position: relative; background:url(images/header_full_bg.jpg) no-repeat 0 0; width: 1144px; height: 90px; margin-left: 49px;}

#header h1 { width: 144px; height: 65px; position:absolute; left: 10px; top: 4px;}
#header h2 { position:absolute; top: 10px; left: 260px; color: #FFFFFF; font-size: 1.8em; font-weight: normal; }
#header span { display: none;}
#header #search_box { position:absolute; display:inline; top: 15px; right: 60px;}
#search_box #search_input { border:#ffffff 2px solid; color:#999999; padding: .1em .4em;}
#search_box #search_btn { position:absolute; top: -3px; right: -35px;}

#header #global_nav{ position:absolute; bottom:-3px; left: 233px;}
#global_nav ul{ padding: 0;}
#global_nav li{ float: left; padding: 0;}


#main { width: 818px; position:relative; float: left; margin-left: 49px;}
#main h2 { font-size: 2em; font-weight: bold; color: #434344; margin: 12px;}

#main #media { background:url(images/top_media_bg.jpg) top left no-repeat; width: 784px; height: 256px; position: relative; font-size: 10pt; margin: 0 auto; margin-top: 15px;}

#media #media_target_container { position:absolute; width: 638px; height: 248px; top: 4px; left: 4px; }
#media .selector { position:absolute; width: 138px; height: 21px; right: 3px; cursor: pointer; text-align:center; text-decoration: none;
color:#666666; padding: 20px 0;}
#media a:hover .selector{ color:#000000;}
#media .selectored{ background: url(images/top_media_selector.jpg);}
#media #selector1 { top: 3px; }
#media #selector2 { top: 65px; }
#media #selector3 { top: 128px;}
#media #selector4 { top: 192px; color: #CC0000; font-style: italic; font-weight: bold;}

#main #dynamic { margin-left: 18px; margin-top: 20px;}

#main #dynamic_content { position: relative;}

#main .divider { background: #000 top left no-repeat; width: 779px; height: 28px; margin: 5px 0;
padding-left: 15px; padding-top: 7px; position:relative; color: #FFFFFF; font-size: 9pt; font-weight: bold;}

.date { position:absolute; right: 45px; top: 8px; color: #FFFFFF; font-size: 9pt; font-weight: bold;}
#dateDiv1 { right: 30px; }

#main .divider_links { height: 28px; background-color: #000; width: 598px; margin: 0; position: relative;}
#main .divider_links ul { width: 750px; margin-left:-2px;}
#main .divider_links ul li {width: 150px; height: 20px; color: #FFFFFF; float: left;}
#main .divider_links ul li a { text-decoration: none; color: #FFFFFF;}
#main .divider_links .black_tab {background:url(images/black_tab.jpg) no-repeat 0 0;}
#main .divider_links .orange_tab {background:url(images/orange_tab.jpg) no-repeat 0 0; color: #000000; }
#main .divider_links .tab { text-align: center; padding-top: 6px; font-size: 1.4em; cursor: pointer;}

#main #datebar { background:#000000; height:30px; width: 780px; margin-top: -6px; margin-bottom: 10px; position: relative;}

.dynamic_footer { width: 795px; height: 25px;  background-color: #f2ab00; font-weight: normal; position:relative; font-size: 9pt; margin: 5px 0 10px 0;}
.dynamic_footer a {color: #000000; position: absolute; top: 5px; left: 4px; font-size: 1.2em;}
.dynamic_footer span { color: #000000; position: absolute; top: 5px; left: 4px; font-size: 1.2em; }



#main #laptops { position: relative; margin-left: 19px; }
#main #desktops { position: relative; margin-left: 18px;}

.item { float: left; width: 195px; text-align: center; border-left: #CCCCCC 1px solid;}
.item h3 { font-size: 9pt;}
.item h3 a{ color: #464646; text-decoration: none;}
.item img {padding: 3px 0; }
.item p { text-align: left; font-size: 7pt; padding: 6px 13px 10px 13px; line-height: 1.2em;}
.item p.desc { height: 45px;}
.item h4 { font-weight: bold; padding-left: 13px; text-align: left; color:#000000; font-size:8pt;}
.item ul { text-align: left;}
.item li { background:url(images/link_arrow_blue.jpg) 7px 5px no-repeat; padding-left: 20px;}
.item a { color: #167e00; text-decoration: none;}
.item a:hover { text-decoration: underline;}
.item h5 { padding: 7px 0; color:#000000; font-size: 10pt; font-weight: bold;}
.item h5 span { color:#167e00;}
.item .btn_buy { padding-bottom: 7px;}
.item p.more_info { text-align:right; padding-right: 25px; font-size:11px; padding-top: 0;}
.item p.more_info a { text-decoration: underline;}
.item p.fine_print { color:#CCCCCC; padding-top: 0;}
.item p.series_ids { padding: 0 20px 0 20px;}
.item p.series_ids a { color: #666666;}
.item .series_links { height: 55px;}
.item .series_info { height: 45px;}
.item .coupon_info { height: 50px;}
.item p.coupon_code { color:#333333; font-size: 10pt; font-weight: bold; padding-top: 0; padding-bottom: 5px;}
.item p.coupon_code span{ color:#800000;}
.item p.coupon_fine_print { padding-top: 0; padding-bottom: 5px; color:#CCCCCC;}

.item .laptop-img { width: 169px; height: 130px; display: block; position:relative;}

.item .laptop1 { background:url(images/laptop1.jpg) no-repeat 0 0;}
.item .laptop2 { background:url(images/laptop2.jpg) no-repeat 0 0;}
.item .laptop3 { background:url(images/laptop3.jpg) no-repeat 0 0;}

.item .amd_laptop1 { background:url(images/amd/laptop1.jpg) no-repeat 0 0;}
.item .amd_laptop2 { background:url(images/amd/laptop2.jpg) no-repeat 0 0;}
.item .amd_laptop3 { background:url(images/amd/laptop3.jpg) no-repeat 0 0;}
.item .amd_laptop4 { background:url(images/amd/laptop4.jpg) no-repeat 0 0;}

.item a .laptop-img .rebate { font-size: 14px; color:#FFFFFF; font-weight: bold; display: block; position: absolute; top: 0; right: 0; width: 61px; height: 45px; text-align:center; padding-top: 16px;}

#expert_opinion { color: #364761; }
#expert_opinion .block { width: 275px; height: 270px; float: left; padding-left: 90px;}
#expert_opinion h3 { font-weight: bold; font-size: 8pt; padding-top: 7px; padding-bottom: 10px;}
#expert_opinion p { line-height: 1.3em; padding-right: 1em; padding-bottom: 10px;}
#expert_opinion p.link { padding-bottom: 3px; }
#expert_opinion a {  color: #364761; font-weight: bold;}

#expert_opinion #cnet { background:url(../images/cnet_logo.jpg) #e3f3f6 no-repeat 7px 5px;}
#expert_opinion #laptop_mag { background:url(../images/laptop_mag_logo.jpg) #ffffff no-repeat 7px 5px;  height: 240px;}
#expert_opinion #amazon { background:url(../images/amazon_logo.jpg) #ffffff no-repeat 7px 5px; width: 275px; padding-left: 130px;}
#expert_opinion #pcworld { background:url(../images/pcworld_logo.jpg) #e3f3f6 no-repeat 7px 5px; width: 275px; padding-left: 130px;  height: 240px;}


#reviews { color: #384962;}
#reviews #left_block { float: left; width: 370px; background-color: #e3f3f6; padding: 1em;}
#reviews #right_block { float: right; width: 370px; background-color: #ffffff; padding: 1em; padding-bottom: 0;}
#reviews p.reviewer { font-weight: bold; font-style:italic;}
#reviews p.description { padding-bottom: 15px;}

#compare_laptops { color: #384962; margin-top: 20px; padding-left: 18px;}
#compare_laptops a{ color: #384962; }
#compare_laptops .block { width: 175px; float: left; padding: 0 10px;  border-right: #CCCCCC 1px solid; margin-bottom: 20px;}
#compare_laptops img { padding-bottom: 20px;}
#compare_laptops h3 { font-weight: bold;}
#compare_laptops .specs { font-style:italic; height: 210px;}
#compare_laptops p { line-height: 1.3em; margin-top: 7px;}
#compare_laptops p.price { font-size: 16pt;}


#price_compare { margin-top: -5px;}
#price_compare #hp_series{ float: left; background-color: #e0f2f6; width: 200px; padding-top: 7px; text-align: center;}
#price_compare #hp_series a{ font-size: 12pt; color: #199bbb; line-height: 1.3em;}
#price_compare #hp_series h3 { padding-bottom: 11px; }

#price_compare #col_logos li { padding-bottom: 4px;}

#price_compare li { float: left; width: 145px; text-align: center; font-size: 9pt; line-height: 1.5em;}
#price_compare li img { padding-top: 5px;}
#price_compare li a { color: #199bbb;}
#price_compare li a:hover { text-decoration: underline; }
#price_compare li p.price { color: #288cd8; padding-bottom: 12px;}

#video{ background: url(images/video_bg.jpg) no-repeat bottom left;}
#video #instructions { float: left; width: 430px;}
#video h2 { color: #005f95; font-size: 1.8em; text-transform: uppercase; font-weight: normal;}
#video p { color: #595959; font-size: 1.2em; margin-left: 15px; margin-bottom: 25px; line-height: 1.7em; }
#video a { color: #005f95; letter-spacing: .1em;}
#topvideos { float: right;}

#video form { width: 400px;}
#video form div { clear: left; display: block; margin:10px 0 0; padding: 1px 3px; width: 400px;}
#video label { color: #005f95; font-size:1.2em; display: block; float: left; width: 60px; text-align: left; margin: 0 0 5px 0; padding: 3px 12px;}
#video .inputText { width: 300px; margin: 0; padding: 1px 3px;}
#video .inputSubmit { float: right; margin-top: 20px;}

#all_coupons { width: 730px; clear: left;}
#all_coupons h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; margin: 20px 0 10px; border-bottom:#333333 solid 1px; padding-bottom: 4px;}
#all_coupons h4 { font-size: 14px; font-weight: normal; color:#009933; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin-bottom: .4em;}
#all_coupons p { font-size: 14px; margin-bottom: 2.4em;}
#all_coupons img { float: left; margin-right: 7px;}

#forum { width: 780px;}
#forum #forumlinks { margin-top: 10px;}
#forumlinks li { float: left; margin-right: 12px; font-size: 1.2em;}
#forumlinks li a { text-decoration: none; color: #3c4d6;}
#forumlinks li a:hover { color:#FF0000; text-decoration: underline;}
#forum #forumtable { background: url(images/forum_bg.jpg) #0889ca repeat-x 0 0; padding-bottom: 15px; margin-top: -7px;}
#forum #forumtable #tableinfo { background-color: #d3e0eb; border: 1px solid #333333; margin: 0 15px; padding: 12px;}
#forum h2 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size: 1.2em; text-transform: uppercase; padding-top: 5px; margin-bottom: 5px; margin-left: 16px;}

#forum #theader .topic { border-bottom: #3c4d65 3px solid; color:#3c4d65; margin-bottom: 12px;}

#forum .topic { float: left; width: 360px; border-bottom: #0889ca 3px solid; vertical-align: middle; margin-bottom: 7px; color: #2878a5;}
#forum .topic h4 { float: left; font-size: 1.4em; width: 180px; font-weight: normal;}
#forum .topic h4 a{ text-decoration: none; color: #2878a5;}
#forum .topic span { float: left; width: 15%; border-left: #FFFFFF 1px solid; width: 65px; text-align: center;}
#forum .topic .postdate { border-right: #FFFFFF 1px solid;}



#content #side{ position:relative; float: right; width: 230px;}
#side a { text-decoration: none;}

#side h3 { color: #167e00; font-size: 1.4em; border-bottom: #a5c7cf 3px solid; margin-top: 10px; margin-bottom: 5px;}
#special_offers p { padding: 4px 7px;}


#content #side{ position:relative; float: right; width: 300px; height: 500px; margin-right: 57px;}
#side a { text-decoration: none;}

#side #top_sellers ul{ font-size: 13px; margin-left: 15px;}
#side #top_sellers li{ padding-bottom: .3em;}
#side #top_sellers li a{}
#side #top_sellers .price{ display: block; margin-bottom: 7px; color: #009900; margin-left: 15px;}

#side #support_addon{ text-align: center; margin: 10px 0}

#side #video_contest h4{ font-size:1.4em; color: #005f95; padding-top: 5px;}
#side #video_contest p{ color: #005f95;}

#side #amazon div{ margin: 0 auto; padding-bottom: 5px;}

#side #news #marquee { margin: 0 auto; width: 310px; height: 300px; background:url(images/scrolling_bg.jpg) no-repeat 0 0; padding-top: 12px; padding-left: 15px;}

#mailing_list #signup_content { background: url(images/signup_bg.jpg) no-repeat 0 0; padding: 12px; padding-top: 15px; height: 232px; text-align: center;}
#mailing_list p {padding: 4px 7px; color:#737373; font-size: 1.3em;}
#mailing_list strong { color: #000000; font-weight: bold;}
#mailing_list p.warning { color:#FF0000;}
#mailing_list #signUp { width: 250px; background-color:#FFFFFF; }
.signupframe {
  color: #226699;
  font-family: Arial, Helvetica, sans-serif;
  padding: 10px 0;
  margin: 12px auto;
  }
  
.signupframe font { padding-right: 1em;}
.signupframe tr { height: 30px;}
.signupframe tr.submit { height: 10px; }



#footer { position: relative; background-color: #000; width: 1144px; height: 150px; margin-left: 49px; }

#footer h2 { background: url(images/footer_hp_black.jpg) top left no-repeat; width: 144px; height: 134px; position: absolute; left: 20px; top: 10px;}
#footer h2 span { display: none;}

#footer #footer_links { position: absolute; left: 220px; padding-top: 25px; font-size: .9em;}
#footer_links ul { float:left; padding-right: 10px; width: 130px;}
#footer_links li { line-height: 1.3em;}
#footer_links a { color: #a1afcf; text-decoration: none;}
#footer_links #contentlinks a { color: #f2ab00;}
#footer_links a:hover { color:#FFFFFF;}
#footer_links #contentlinks a:hover { color: #FFFFFF;}
#footer #base { position: absolute; bottom: 0; font-size:12px; color: #CCCCCC; background-color: #000; width: 1144px; height: 30px;}
#base p{ margin: 7px}


/* banner styles */

#buy_guide{}
#buy_guide #menu{ float: left; width: 140px; height: 228px; }
#buy_guide #menu li { padding: 10px; font-size: .9em; font-weight: bold;}
#buy_guide #menu li a { color: #005f95;}

#buy_guide h2 { font-size: 1.4em; margin: 0; padding: 0;}
#buy_guide #bgcontent { font-size: .9em; margin-right: 10px;}

#buy_guide #bgcontent #usertype{margin-top: 10px; overflow: auto; height: 228px; padding-right: 10px;}
#buy_guide #bgcontent #usertype ul { float: left; padding: 10px; width: 140px; border-top: solid #fff 1px; border-left: solid #fff 1px; margin-right: 7px;}
#buy_guide #bgcontent #usertype ul li { padding-bottom: 12px;}
#buy_guide #bgcontent #usertype ul li a { text-decoration: none;}
#buy_guide #bgcontent #usertype ul li a:hover { text-decoration: underline;}
#buy_guide #bgcontent #usertype ul li.selected { font-weight: bold;}
#buy_guide  p { margin-bottom: 7px; color:#333333;  line-height: 1.4em;}

#usertype dl{ font-size: .8em; width: 293px; float: right;}
#usertype dl dt { float: left; padding-right: .7em; font-weight: bold;}
#usertype dl dd { padding-bottom: 5px;}

#pcvsmac { margin-top: 10px; overflow: auto; height: 228px; padding-right: 10px;}
#pcvsmac p { margin-left: 10px;}
#pcvsmac ul {float: left; padding: 10px; width: 120px; border-top: solid #fff 1px; border-left: solid #fff 1px;}
#pcvsmac ul li {  padding-bottom: 12px;}
#pcvsmac #pcvminfo p{ width: 305px; float: right; margin: 0; margin-right: 10px; margin-top: 10px;}
#pcvsmac ul li.selected { font-weight: bold;}

#essentials { margin-top: 10px; padding-left: 10px;}
#essentials li { padding-bottom: 7px;}

#software { margin-top: 10px; overflow: auto; height: 228px; padding-right: 10px;}
#software p { margin-left: 10px;}
#software ul {float: left; padding: 5px; width: 130px; border-top: solid #fff 1px; border-left: solid #fff 1px;}
#software ul li {  padding-bottom: 12px;}
#software #pcvminfo p{ width: 305px; float: right; margin: 0; margin-right: 10px; margin-top: 10px;}
#software ul li.selected { font-weight: bold;}
#software #softwareinfo p { margin-top: 10px;}

#connected { margin-top: 10px;}


#buy_guide .nosho { display: none;}
#buy_guite .sho { display: block;}


#top-banner { background: #e0f3d8 url(images/check_green.jpg) 20px center no-repeat; border: 1px solid #2b591d; width: 780px; height: 60px; margin: 15px 20px;}
#top-banner p { color: #2b591d; padding: 11px 65px; font-size: 16px;}
#top-banner p a { color: #2b591d; font-weight: bold;}


#more_coupons p{ margin-bottom: 7px; font-size: 12px;}
#more_coupons p span { font-weight:bold; display:block;}

#static-coupons {
	width: 780px; margin-left: 20px; margin-top: 15px;
}
#static-coupons .title { background:url(images/header_bg_small.jpg) no-repeat 0 0; height: 25px;
	font-family:"Times New Roman", Times, serif; color: #FFFFFF; font-size: 18px;
	padding-left: 10px; padding-top: 4px; font-weight: bold;
	
}
#static-coupons .coupon { 
	margin: 15px; 
	margin-left: 10px;
	width: 750px;
	font-size: 12px;
	border-bottom: #CCCCCC 2px solid;
	padding-bottom: 7px;
}
#static-coupons .coupon img { float: left;}
#static-coupons .coupon .coupon_details { float: left; margin: 0 15px; width: 495px;}
.coupon_details .price { color: #357ac8; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 25px; display: block;}
#static-coupons .coupon .coupon_exp { float: left; color: #357ac8;}
#static-coupons .coupon p { color: #777777;}