body
{
	font-family:Verdana;
	font-size:11px;
	margin:0px;
	background:url(images/main-bg.gif) repeat;
}
#page label{font-size:10px;}
#nav{text-align:left;}
#nav a{height:32px;}
#menu1 { list-style-type: none; margin: 0; padding: 0; width: 100%; }
.menu2  {padding: 0.4em; padding-left: 1.5em; font-size: 1.2em; text-align:left;width:180px; height:20px;}
.menu2  span { position: absolute; margin-left: -1.3em; }
a:link, a:visited{text-decoration:none;}

.b1
{
	background-color:#232121;
}

#nav a
{
	color:#FFCC00;
}
h1,h2,h3,h4,h5,h6{
	padding: 0px;
	margin: 0px;
	font-size: 13px;
}

/*------------------------------- Phan Bat Buoc------------------------------------------------*/
#VinaPhone
 {
	background-image:url('images/VinaPhone.gif');
	display:block;
}
 #VinaPhone
 {
 	height:22px;
 	width:60px;
	background-image:url('images/VinaPhone.gif');
	display:block;
}
#MobiFone
{	height:22px;
	background-image:url('images/MobiFone.gif');
	display:block;
	width:70px;
	
}
#Viettel
{	height:22px;
	width:50px;
	background-image:url('images/Viettel.gif');
	display:block;
	
}
#VNMobile
{	height:22px;
	background-image:url('images/VNMobile.gif');
	display:block;
	width:50px;
	
}
#Sfone
{	height:22px;
	background-image:url('images/Sfone.gif');
	display:block;
	width:60px;
	
}
#Beeline
{	height:22px;
	background-image:url('images/Beeline.gif');
	display:block;
	width:60px;
	
}
#card
{
background-image:url('images/cart.png');
display:block;
height:18px;
width:25px;
}
.ik
{
display:block;
line-height:18px;
width:100%;
}
.suplink
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

a.ovalbutton span{
background: transparent url('images/datmua2.gif') no-repeat top right;
display: block;
width:67px;
height:25px;
}
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/*------------------------------------




.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/*-----------------------------------------------
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}
.logo span
{
position:absolute;
top:-100px;
}
.loi
{
	border:1px red dotted;
	background: transparent url('images/kchapnhan.gif')right center no-repeat;
}
.koloi
{
	border:1px lime solid;
	background: transparent url('images/chapnhan.gif') right center no-repeat;
}
.slideshow { height: 150px; width: 550px; margin:0}
.slideshow img { padding: 10px; border: 1px solid #ccc; background-color: #eee; }
#lmenu h2
{
	width:auto;
	height:20px;
	background-color:#fbfbfb;
	margin:0px;
}
#lmenu h2:hover
{
margin:0px;
	width:auto;
	height:20px;
	background-color:#eeeded;
}

/* MENU */
/* MENU */
ul#nav_menu{
  line-height:45px;
  margin:0;
  list-style:none;
}
  ul#nav_menu li{
    float: left;
    margin-right:15px;
    text-transform:uppercase;
    padding-right: 10px;
  }

  ul#nav_menu li a{
    color:#FFFFFF;
    text-decoration: none;
    display:block;
    padding-left: 10px;
    font-weight: bold;
  }
  ul#nav_menu li:hover {
    background: #1F1F1F;
}
.chucam
 {
	color:#FF9900;
}