main.css

shop sales computer, write asp.net code c#

* {
	margin:0;
	font-family:Arial;
	font-size:10pt;
}

body {
        
}

#wrapper {
	margin:auto;
	width:1000px;
}

#header {
	height:100px;
	background:#000000 url(Images/header1_01.gif) no-repeat;
}
#menu 
{
	background:#ffffff url(Images/menug_bg.gif);	
	height:46px;
	margin-bottom:5px;
}

#footer 
{
	background:#ffffff url(Images/bg_footer.gif);
	padding-top:10px;
	height:60px;	
	
}

#navigator {
	float:left;
	width:180px;		
}

#content {
	float:left;
	width:615px;
	margin-left:2px;
	margin-bottom:5px;
	
}
#quangcao
{
	width:195px;	
	float:left;
	margin-left:7px;
	
}
.clear {
	clear:both;
}
.glossymenu{
	background: url(Images/menug_bg.gif) repeat-x; 
	height: 42px;
	margin-top:0px;
	margin-left:20px;
	
}

.glossymenu li{
	list-style: none;
	display:inline;
	
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px;
	height: 46px;
	
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px;
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(Images/menug_hover_left.gif) no-repeat; 
	background-position: left;
	
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(Images/menug_hover_right.gif) no-repeat right top; 
}
.menuitem
{
	
	width: 150px;
	color: Black;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: Arial, Tahoma, Verdana;
	padding: 2px 0px 4px 4px;
	line-height: 20px;/*Khoang cach tren duoi moi itemMenu*/
	white-space:pre-wrap;
	
	
}
.menuitem a:hover
{
	color:red;
	font-weight:bolder;
}
.menuitem  a
{
	color:Black;
}

.menuitem  a:active
{
	color:red;
}
.box_show_laptop_group
{
	float:left;
	width:143px; 	
	height:260px;
	text-align:center;
	margin:2px 2px 5px 5px; 
	border:solid 0px #dadbdc;
	background-image:url(Images/bg.png);
	background-repeat:repeat-y;
	text-decoration:none;
}

.box_show_laptop
{
	float:left;
	width:143px; 	
	text-align:center;
	margin:2px 2px 2px 5px; 	
	background-image:url(Images/bg.png);
	background-repeat:repeat-y;
	text-decoration:none;
}

.gia_laptop
{
	height:20px;
	padding-top:5px;
	padding-bottom:6px; 
	background-color:#f4f4f4 ;
	text-align:center; 
	clear:both;
	color:red; 
	font-weight:bold;
	background-image:url(Images/bgten1.png);
	background-position:bottom;
	background-repeat:no-repeat;
}
.box_show_laptop img.lap
{
	height:85px;
	width:100px;
	border:0px;
	
}
.box_show_laptop_group img.lap
{
	float:left;
	height:85px;
	width:100px;
	border:0pc;
	margin-top:30px;
	margin-left:5px;
	margin-bottom:20px;
}
.box_show_laptop img.km
{	
	margin-top:10px;
	height:74px;
	width:22px;
}
.box_show_laptop_group img.km
{	
	margin-top:55px;
	height:74px;
	width:20px;
	
}
.mua
{	
	height:20px;	
	padding-bottom:40px;
	font-weight:bold;
	
}
.mua a
{
	color:Blue;
	text-decoration:none;
	}
.mua a:hover
{
	color:Red;
	text-decoration:underline;
	}
.ten_sp 
{
	background-image:url(Images/bgten2.png);
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	font-size:12px;
	padding-top:5px;
	font-family:Arial;
	color:#1d417d;
	height:35px;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
}
.top_chitiet
{
	background-image:url(Images/bgten_chitiet.png);
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	font-size:12px;
	padding-top:5px;
	font-family:Arial;
	color:#000000;
	height:20px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
}
.box_show_laptop_group .ten_sp 
{
	background-image:url(Images/bgten2.png);
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
	font-family:Arial;
	color:#1d417d;
	height:35px;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
}
.item_nhomsp
{
	padding:2px 0px 2px 3px;			
	background-position:top left x;
	background-repeat:no-repeat;
	text-decoration:none;
}
.item_nhomsp a 
{
	color:Black;
	text-decoration:none;
}
.item_nhomsp a:hover
{
	color:Red;
	font-size:9;
	font-weight:bolder;
}
.ten_sp a
{
	color:Black;
	text-decoration:none;
}
.ten_sp a:hover
{
	color:red;
	text-decoration:none;
}
.tongquan
{
	float:left;
	width:450px; 
	height:260px;	
	margin-left:4px;
	margin-top:2px;
	text-align:center;	
	text-decoration:none;
	background-image:url(Images/bggroup1.png);
}
.tongquan .top
{
	background-image:url(Images/group11.png);
	background-repeat:no-repeat;
	background-position:top;
	height:5px;
	margin:0px;
}
.tongquan .bot
{
	background-image:url(Images/group22.png);
	background-repeat:no-repeat;
	background-position:bottom;
	height:4px;
}
.tongquan .mid
{
	text-align:left;
	height:253px;
}
.tongquan .mid table
{
	margin-left:1px;
	width:448px;
	height:253px;
	border:0px;
}
.tongquan .mid table .trai
{
	width:120px;
	font-weight:bold;
	padding-left:5px;
}
.tongquan .mid table .even
{
	background-color:#f0f0f0;
}
.tongquan .mid table .odd
{
background-color:white;
}
.gia_chitiet
{
	padding:10px 0 10px 0;
	font-size:13pt;
	color:Red;
	font-weight:bold;
}
.bot_chitiet
{
	background-image:url(Images/bot_chitiet.png);
	background-position:bottom;
	background-repeat:no-repeat;
	font-size:8pt;
	font-style:italic;
	padding-bottom:4px;	
}
.lap_chitiet
{
	margin-top:20px;
	height:85px;
	width:100px;
}
.top_mota
{
	background-image:url(Images/top_mota.png);
	height:20px;
	padding:5px 0 0 10px;
	font-weight:bold;
	background-repeat:no-repeat;	
}
.mota
{
	width:450px;
	margin:0px 2px 0px 2px;
	padding:0 5px 0 0;
	float:right;
	
	background-repeat:repeat-y;
	background-image:url(Images/bgmota.png);
}
.bot_mota
{
	background-image:url(Images/bot_mota.png);
	background-position:bottom;
	background-repeat:no-repeat;
	padding:0 0 0 0;
	height:10px;
}
.nd_mota
{
	padding:10px 20px 10px 20px;
}
.vote
{	
	float:left;
	width:143px; 	
	text-align:center;
	margin:5px 2px 2px 5px; 	
	background-image:url(Images/bg.png);
	background-repeat:repeat-y;
	text-decoration:none;
}
.bot_vote
{
	background-image:url(Images/bot_chitiet.png);
	background-position:bottom;
	background-repeat:no-repeat;
	font-size:8pt;
	font-style:italic;
	padding-bottom:4px;	
}
.top_vote
{
	background-image:url(Images/bgten_chitiet.png);
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	font-size:12px;
	padding-top:5px;
	font-family:Arial;
	color:#000000;
	height:20px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
}
.chitiet
{	
	float:left;
	width:143px; 	
	text-align:center;
	margin:0px 2px 0px 5px;		
	background-image:url(Images/bg.png);
	background-repeat:repeat-y;
	text-decoration:none;
}
.thongtinchung
{
	margin:2px 2px 2px 5px;
}
.thongtinchung td
{
	width:150px;
}
.ttc
{
	font-weight:bold;
}
.ttkm
{
	
	padding-left:5px;
	padding-top:4px;
	height:20px;
	font-weight:bold;
	margin:0 1px 0 1px;
	background-color:#f0f0f0;
}
.ndkm
{
	color:Red;
	font-weight:bold;
	padding:20px 10px 20px 30px;
}
.xanh
{
	background-color:#f2f7f3;
	width:180px;
	color:Blue;
	font-weight:bold;
	padding-left:4px;
	padding-top:3px;
	padding-bottom:3px;
}
.den
{
	background-color:#f9faf9;
	width:180px;
	font-weight:bold;
	padding-left:25px;
	padding-top:3px;
	padding-bottom:3px;
	
}
.chitietlaptop
{
	width:600px;
	margin-bottom:5px;
	margin-left:2px;
	margin-top:2px;
	
	border-bottom:solid 1px #f5f5f5;
	border-top:solid 1px #f5f5f5;
}
.chitietlaptop td
{	
	border-color:#f5f5f5;
	border-bottom-width:0.001em;
	border-bottom-style:solid;
	border-top-width:1px;
	border-top-style:solid;
}
.span
{
	color:Green;
}