@charset "UTF-8";

/*=========================================================================
|	$Id: reset.css, 18/03/2008                                            |
|	$Copyright © 2007 HoangCuong Software Solutions                       |
|   $http://hoangcuongsoft.com                                            |		  
|	$Create by: Pham Lam                                                  |
|	$Product: Hoang Cuong Computer.
=========================================================================*/

@import url("reset.css");
@import url("mainstru.css");
@import url("maincolor.css");


/* 
   |-------------------------------|
   | #top h:230                    |
   |-------------------------------|
   | #middle 1002px  			   |
   | #sidewrap   | #mainwrap       |
   | 240px       | flexible        |
   |-------------------------------|
   | #bottom h:105px               |
   |-------------------------------|
*/

body {
	background:#e1e1e1;
	color:#c2c2c2;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:75%;
	z-index:-2;
	}
h2 {
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	line-height:30px;
	padding-left:10px;
	text-transform:uppercase;
	}
h3 {
	font-size:12px; font-weight:bold;
	}
h4 {
	font-size:12px;
	font-weight:bold;
	}
ul {list-style:none;}
a {
	color:#000;
	text-decoration:none !important;
	}
a:hover {
	color:#0ba9c7;
	}
#wrap1 {/*background:url(images/bgr_wrap0.jpg) center top repeat-x;*/
	}
#wrap2 {
	}
#wrap3 {
	background:url(images/top4_normal.jpg) center top no-repeat;
	}
#wrap4 {
	background:url(images/top4_normal.jpg) center top no-repeat; /* temptation fix for other resolution */
	margin:0 auto;
	width:1002px;
	}

/* -- TOP -- */
#top {
	/*background:url(images/top.jpg) bottom center no-repeat;*/
	height:148px;
	width:1002px;
	overflow:visible;
	}

#banner {
	/*background:url(images/banner_01.jpg) right top no-repeat;*/
	height:78px;
	position:relative;
	}
#loginform {
	width:280px;
	position:absolute;
	top:17px;
	right:5px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	}	
#loginform a {
	color:#fff;
	}
#loginform a:hover {
	color:#fff;
	text-decoration:underline;
	}		
#dateshow {
	width:280px;
	position:absolute;
	top:39px;
	right:5px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	}
#downncart	{
	width:250px;
	position:absolute;
	top:63px;
	right:34px;
	height: 34px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000;
	}
#downprice {
	padding-left:30px;
	padding-top:5px;
	background:url(images/downloadbutton.jpg) top left no-repeat;
	width:85px;
	height:24px;	
	float:left;
/*	border-right:2px #000 solid;*/
	}
.cart {
	padding-left:30px;
	padding-top:5px;
	background:url(images/cartbutton.jpg) top left no-repeat;
	width:95px;
	height:34px;
	float:left;
	}
#hotlines {
	width:250px;
	height:24px;
	position:absolute;
	top:56px;
	right:290px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	}
#phone {
	padding-left:25px;
	background:url(images/phone.jpg) top left no-repeat;
	width:105px;
	height:24px;	
	float:left;
	}
#mobile {
	padding-left:20px;
	background:url(images/mobile.jpg) top left no-repeat;
	width:95px;
	height:24px;
	float:left;
	}	
#top1 {/*height:53px;*/}
#search {
	float:left;
	padding:15px 0 10px 45px;
	/*height:53px;*/
	width:420px;
	}
#searchInput {float:left;}
#btn_search {
	background:url(images/btn_search.gif) top center no-repeat;
	float:left;
	line-height:26px;
	padding-left:30px;
	width:70px;
	}
#btn_search a {color:#2d54a7;font-weight:bold;}


#menu_page_wrap {
	margin-left:95px;
	/*height:68px;*/
	}
#menu_page {
	height:32px;
	padding: 0;
	
	}
#menu_page ul {
	height:32px;
	
	}
#menu_page li {
	background:url(images/bgr_topp.gif) bottom right no-repeat;
	float:left;
	margin-left:3px;
	height:32px;
	line-height:25px;	
	}
#menu_page li a {
	background:url(images/bgr_topq.gif) bottom left no-repeat;
	color:#FFFFFF;
	float:left;
	display:block;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:0 15px;
	height:32px;
	line-height:25px;
	}
li#pageselected{background:url(images/bgr_topr.gif) top right no-repeat;}	
li#pageselected a{
	background:url(images/bgr_tops.gif) top left no-repeat;
	padding:0 15px;}

#menu {	
	height:32px;
	margin:0 10px 0 10px; 
	padding-right:10px;
	color:#000;
	padding-top:13px;
	text-align:right;
	}
#menu a {
	color:#000;
	font-weight:bold;
	}
#menu #selected a, #menu a:hover {
	color:#fd9439;
	text-decoration:underline;
	}
	
	
/* -- MIDDLE -- */
#middle {
	background:url(images/bgr_middle.gif) center top repeat-y;
	clear:both;
	display:block;
	width:982px;
	padding:10px 10px 20px;
	}


/* Side */

#sidewrap {
	float: left; 
	width:204px;
	}	
#side {
	/*margin:10px 20px 10px 12px;*/
	}
.sidebox {
	padding-bottom:10px;	
	}
.sidebox h2	{
	background:url(images/bgr_title_24_red.gif) left center repeat-x;
	display:block;
	height:29px;
	left:10px;
	position:relative;
	width:167px; /* 10px padding left h2 */
	}
#menu_ve .pad {
	font-size:11px;
	padding:0 10px 0 10px;
	}

.sidebox .pad {margin:0 17px 0 10px; border:1px #c2c2c2 solid;}
.sidebox .pad p {color:#000000; font-size:11px; padding:4px 20px;}
.sc .pad {font-size:11px;border:none;}
.sidebox#menu_ve .pad {border:none; margin:0;}
.sidebox#quotation .pad {}
#mainwrap {margin:0 10px 0 204px;} /*---fix IE ---*/

/*--- Main ---*/
#treepath {background:url(images/bgr_tree.gif) left center no-repeat; padding:7px 10px; font-size:11px; color:#000;}
#treepath a {color:#000!important; font-size:11px!important;}
#treepath a:hover {color:#0ba9c7!important;}
#inhere {
	/*border:1px #ccc solid;*/
	height:28px;
	background:url(images/inhere_bg.gif) top left repeat-x;
	}
#inhereleft {	
	background:url(images/inhere_l.gif) top left no-repeat;
	}
#inhereright {
	background:url(images/inhere_r.gif) top right no-repeat;
	padding-left:105px;
	height:28px;
	font-family:tahoma;
	font-size:11px;
	line-height:28px;
	}
#computer_home {font-size:11px; color:#000000;}
#secondary1 {/*height:230px;*/ margin-bottom:10px;}
#hotnews_home {background:url(images/bgr_hotnews_home.jpg) top left no-repeat; float:left; width:263px; height:236px; overflow:hidden;}
#hotnews_home h2 {color:#000; font-size:11px; padding-left: 20px;}
#hotnews_home ul {margin:0 10px 0 15px; padding:0;}
#hotnews_home li {background:url(images/li_arrow_blue.gif) left 9px no-repeat; border-bottom:1px #5a6683 dotted; padding:3px 10px; }
#hotnews_home li a {color:#000;}
#hotnews_home li a:hover {color:#0ba9c7;}
#main1, #main2 {float:left; margin-top:15px;} /* -- fix Clear -- */
#adv01 {border:1px #b7b7b7 solid;margin-left:272px; width:490px;}
#secondary2 {height:127px; float:left; width:765px;}
#content_wrap {width:768px;} /**/
#content_wrap h2 {font-size:11px;}
/*--- Cyan Thumb ---*/
/*.product_thumb_cyan #content_top {
	background:url(images/bgr_main_top1_cyan.gif) left bottom no-repeat; height:25px;
	}
.product_thumb_cyan #content_top h2{
	background:url(images/bgr_main_top2_cyan.gif) bottom right no-repeat;
	padding:0 33px 0 0px;
	float:left;
	height:25px;
	margin-left:70px;
	overflow:hidden;
	vertical-align:bottom;
	}*//*-- fix IE --*/
.product_thumb_cyan #content_middle {/*background:url(images/bgr_main_middle_cyan.gif) left top repeat-y;*/ width:100%; float:right;}/*-- fix IE --*/
.product_thumb_cyan #content_bottom {
	/*background:url(images/bgr_main_bottom_cyan.gif) left bottom no-repeat;*/
	padding:0 10px 10px 10px;
	height:30px;
	clear:both;/*--- visible background for FF, Opera ---*/
	}
.product_thumb_cyan .thumbview{ background:url(images/bgr_thumb_img_369x148.jpg) center top no-repeat; float:left; width:383px; height:160px; text-align:center; margin-top:10px;}
.product_thumb_cyan .thumb_top {font-size:13px; font-weight:bold; padding:8px 10px 0 20px; height:22px; text-align:left;}
.product_thumb_cyan .thumb_top a {color:#FFFFFF;}
.product_thumb_cyan .thumb_middle {padding:10px 10px 10px 20px; text-align:left;}
.product_thumb_cyan .thumb_middle ul {list-style:none; margin:0; padding-left:3px;}
.product_thumb_cyan .thumb_middle li{background:url(images/arrow_o_s.gif) left center no-repeat; border-bottom:1px #c2c2c2 dotted; padding:2px 0 2px 10px; margin-right:10px;}
.product_thumb_cyan .thumb_middle a{color:#000000;}
.product_thumb_cyan .thumb_middle a:hover{color:#FF0000;}
.product_thumb_cyan .homethumb_img {float:left; width:150px;}
.product_thumb_cyan .homethumb_text {margin-left:160px;}
.product_thumb_cyan a.thumb_title {color:#000; font-weight:bold;}
.product_thumb_cyan .thumb_bottom {padding:0 20px; text-align:right; margin-top:-15px;}
.product_thumb_cyan .thumb_bottom a {color:#000;}
.product_thumb_cyan .thumb_bottom a:hover {color:#0ba9c7;}


/*end of Cyan*/

.product_thumb #content_top {
	background:url(images/bgr_main_top1_red.gif) left bottom no-repeat; height:25px;
	}
.product_thumb #content_top h2{
	background:url(images/bgr_main_top2_red.gif) bottom right no-repeat;
	padding:0 33px 0 0px;
	float:left;
	height:25px;
	margin-left:70px;
	overflow:hidden;
	vertical-align:bottom;
	}/*-- fix IE --*/
.product_thumb #content_middle {background:url(images/bgr_main_middle_red.gif) left top repeat-y; width:100%; float:right;}/*-- fix IE --*/
.product_thumb #content_bottom {
	background:url(images/bgr_main_bottom_red.gif) left bottom no-repeat;
	padding:0 10px 10px 10px;
	height:30px;
	clear:both;/*--- visible background for FF, Opera ---*/
	}
.product_detail #content_top {background:url(images/bgr_main_top1_blue.gif) left bottom no-repeat; height:25px;}
.product_detail #content_top h2{
	background:url(images/bgr_main_top2_blue.gif) bottom right no-repeat;
	padding:0 33px 0 0px;
	float:left;
	height:25px;
	margin-left:70px;
	overflow:hidden;
	vertical-align:bottom;
	}/*-- fix IE --*/
.product_detail #content_middle {background:url(images/bgr_main_middle_blue.gif) left top repeat-y; padding:6px;}/*-- fix IE --*/
.product_detail #content_bottom {background:url(images/bgr_main_bottom_blue.jpg) left bottom no-repeat; padding:0 10px 10px 10px;height:30px;}
.product_thumb .thumbview{ background:url(images/bgr_thumb_img_170x191.gif) center top no-repeat; float:left; width:192px; height:192px; text-align:center; margin-top:10px;}
.product_thumb .thumb_top {padding:7px 5px 2px;}
.product_thumb .thumb_middle {padding:0 15px;}
.product_thumb .thumb_bottom {padding:0 20px;}
.detail_top {background:url(images/bgr_detailviewitem_top.gif) center bottom no-repeat; height:5px;}
.detail_middle {background:url(images/bgr_detailviewitem_middle.gif) center bottom repeat-y; padding:0 3px;}
.detail_bottom {background:url(images/bgr_detailviewitem_bottom.gif) center top no-repeat; height:4px; margin-bottom:5px;}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body .detail_bottom {margin-top:-16px;} } 
#displaytype {float:left; padding-top:10px;}
#pagenav {float:right; padding-top:10px;}
#pshow {margin: -16px 0 0 0;}
/*a#pzoomin {background:url(images/zoomin_s.gif) left top no-repeat; font-weight:bold; padding:1px 0 5px 20px; margin-top:3px;}
a#pzoomin:hover {background:url(images/zoominhover.gif) left top no-repeat;}*/
#zoomin {
	background:url(images/zoomin_s.gif) left top no-repeat;
	position:relative;
	top:85px;
	left:60px;
	height:16px;
	width:16px;
	z-index:9000;
}
#pdetail_title {background:url(images/bgr_pdetailtitle.gif) left center repeat-x; height:27px; margin:0 10px;border-left:1px #acb2c1 solid; border-right:1px #acb2c1 solid; border-top:1px #acb2c1 solid; height:25px;}
#detail_wrap {margin:0 10px;border-left:1px #acb2c1 solid; border-right:1px #acb2c1 solid; border-bottom:1px #acb2c1 solid;}
.pminfo {color:#000; padding:5px 20px 5px 10px; border-bottom:1px #CCCCCC solid;}
.pminfovalue {color:#0072bc; font-weight:bold;}
.pdetailgroup {background-color:#e6e5f6; color:#003366; font-weight:bold;border-bottom:1px #999999 dotted; padding:3px 10px;}
.pdetailitem {color:#000000; border-bottom:1px #999999 dotted; padding:3px 10px; }

#cart_content_bottom {background:url(images/bgr_main_bottom_blue_w.gif) left bottom no-repeat; padding:0 10px 10px 10px;height:110px;}
/*--- News ---*/
#computer_news {font-size:12px; color:#000000; line-height:15px;}
#newswrap {width:549px;}
#newstop {background:url(images/bgr_news_top1.gif) bottom left no-repeat; float:left; height:25px;}
#newstop h2 { 
	background:url(images/bgr_news_top2.gif) bottom right no-repeat;
	padding:0 30px 0 10px;
	float:left;
	height:25px;
	margin-left:60px;
	overflow:hidden;
	vertical-align:bottom;
	} /*-- fix IE --*/
.newstitle { background:url(images/newstitle.gif) left center no-repeat; display:block; padding:7px 7px 3px 22px;}
.newstitle a {
	color:#000;
	font-size:12px;
	font-weight:bold;
	line-height:24px;
	
	}
.newstitle a:hover {color:#0ba9c7;}
#newsmiddle {background:url(images/bgr_news_middle1.gif) left top repeat-y; } /*-- fix IE --*/
#newsbottom {background:url(images/bgr_news_bottom.gif) left bottom no-repeat; padding-bottom:10px;}
.newstab {border-bottom:1px #000 dotted; padding:0 10px 5px; overflow: hidden;}
#othernews {background:url(images/bgr_news_middle1.gif) left top repeat-y; padding:10px 5px 5px 15px;}
#othernews h3 {background:url(images/othernews.gif) left center no-repeat;
	font-weight:bold;
	padding-left:30px;
	}
#othernews ul {margin:0; padding-left:7px;}
#othernews li {
	background:url(images/li_3dot_blue.gif) left center no-repeat;
	border-bottom:#ececec 1px solid;
	padding:5px 0 5px 15px;
	}
#hotnews {width:209px; font-size:11px;}
.hotnews_tab {background:url(images/bgr_hotnews_middle.gif) left top repeat-y; margin-bottom:10px;}
.tab1{background:url(images/bgr_hotnews_bottom.gif) left bottom no-repeat; padding-bottom:2px;}
.tab2{background:url(images/bgr_hotnews_top.gif) left top no-repeat; overflow:hidden;}
.hotnews_tab ul{
	margin:0;
	padding:0 10px;
	}
.hotnews_tab h3{
	color:#000000;
	font-weight:bold;
	line-height:35px;
	padding-left:35px;
	overflow:visible;
	}
.hotnews_tab li {
	border-bottom:1px #e6e6e6 solid;
	padding:5px 0 15px 0;
	}
.hotnews_tab li img {background-color:#999999; border:1px #003366 solid; margin-right:5px;}
	
/*--- Article ---*/
#article_middle {color:#000000; font-size:11px;}
/*--- Product ---*/




/*-- BOTTOM --*/
#bottom {
	background:url(images/bgr_bottom.gif) center bottom no-repeat; 
	color:#000; 
	height:99px;
	font-weight:bold;
	text-align:center;
	}
#bottom a {
	color:#000;
	}
#bottom a:hover {
	color:#0ba9c7;
	}
#menu_fo {
	padding:5px 0 7px;
	}
#copyright {
	font-size:11px;
	font-weight:normal; 
	padding:15px 5px 15px 25px;
	text-align:left;
}
#log {
	background:#e6ebc4 url(images/btn_cart.gif) 10px center no-repeat;
	color:#000!important;
	float: right;
	padding: 10px 5px 0;
	margin:-50px 0 0 420px;
	width: 288px;
	height: 43px;
	border: 1px solid #90a233;
	margin-top: 15px;
	visibility: hidden;
	font-size: 11px;
	text-align: center;
	position:absolute;
	z-index:1000;
}
#log1 {
	background:#e6ebc4 url(images/btn_addtocart.gif) 10px center no-repeat;
	color:#000!important;
	padding: 0.5em 0.2em 0.2em;
	margin:200px 0 0 400px;
	width: 300px;
	/*height: 45px;*/
	border: 1px solid #90a233;
	margin-top: 10px;
	visibility: hidden;
	font-size: 11px;
	text-align: center;
	position:absolute;
	z-index:1000;
}

/* Chritmas banner edit 
#hotlines {color:#FF6600;}*/
/* Tet banner edit */
/* === Begin adv outside ===*/
.advert_outside {
  position:absolute;
  
  top: 148px;
  width: 120px;
  padding:0;
  font-size: small;
  color: #FFFFFF;
  z-index:-2;
}
#advert_outside_left {left: 5px;}
#advert_outside_right {right: 5px;} 

/* === End adv outside ===*/