/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

p { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color:#FFFFFF;
 	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#layout
{
	width:978px;
	margin:auto;
	background-image: url(../images/bg_layout.gif);
	background-repeat: repeat-y;
	padding-left: 13px;
	padding-bottom: 10px;
	padding-right: 5px;
}
#layout_footer
{
	margin:auto;
	background-image: url(../images/thanh_footer.gif);
	background-repeat: no-repeat;
	padding-left: 0px;
	height: 25px;
	width: 978px;
}
/*box navigation*/
#navmenu
{
	background-image: url(../images/repeat_menu.gif);
	background-repeat: repeat-x;
}
#navmenu ul
{
	list-style-type: none;
	margin: 0px;
	
	padding: 4px 0px 0px 0px;
	height: 21px;
	width: 964px;
}


#navmenu ul li {
	float: left;


}

#navmenu ul li a
{
	font-size:13px;
	text-decoration: none;
	padding: 0px 6px 0px 5px;
	display:block;
	color: #fff500;
	font-weight: bold;
}


#navmenu ul li a:hover
{
	font-size:13px;
	color: #FFFFFF;
}
/*--------------------title main*/
.title_main
{
	background-image:url(../images/title_main.gif);
	background-repeat:no-repeat;
	height:22px;
	width:190px;
	padding-top: 5px;
	text-align: right;
	padding-right: 10px;
}
/*clearfix*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {
	display: block;
	padding-bottom: 0px;
}
/*----------------------------------bullet tutorial------------------------------------*/
#bullet
{
	width:184px;
	background-color: #efdabf;
	padding-left: 8px;
	padding-right: 8px;
}

#bullet ul,#bullet2 ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#bullet li,#bullet2 li
{
	background-image: url(../images/repeat_dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 5px;
	padding-top: 5px;
}
a:link,a:active,a:visited
{
	color:#884c00;
	font-size:12px;
	font-family:Arial;
	text-decoration:none;
}
a:hover
{
	color:#FF6600;
	font-size:12px;
	font-family:Arial;
	text-decoration:none;
}
#bullet li a,#bullet2 li a
{
	color:#884c00;
	font-size:12px;
	font-family:Arial;
	text-decoration:none;
	list-style-type:none;
	font-weight:bold;
	padding-left: 5px;
}
#bullet2 li a
{
	color:#000000;
	font-size:12px;
	font-weight:normal;
}
#bullet li a:hover
{
	color:#ff6500;

}
#bullet2 li a:hover{color:#FF6600;}
#dot
{
	background-image: url(../images/repeat_dot.gif);
	background-repeat: repeat-x;
	height: 5px;
	font-size: 1px;
}
/*------------------------------------*/
.contact_box,#bullet2
{
	background-color:#FFFFFF;
	border-bottom:1px solid #e0a65d;
	border-left:1px solid #e0a65d;
	border-right:1px solid #e0a65d;
	width:198px;
	
}
#bullet2{
	width: 185px;
	padding-left: 8px;
	padding-right: 5px;
}
/*------------------------------link-----------------------------------*/
a.link_den,a.link_den:link,a.link_den:active,a.link_den:visited
{
	color:#000000;
	font-size:12px;
	font-family:Arial;
	text-decoration:none;
	list-style-type:none;
	font-weight:bold;
	
}

a.link_den:hover
{
	color:#FFFFCC;
	text-decoration:none;
}
a.link_nau,a.link_nau:link,a.link_nau:active,a.link_nau:visited
{
	color:#884c00;
	font-size:12px;
	font-family:Arial;
	text-decoration:none;
	list-style-type:none;
	font-weight:bold;
	
}

a.link_nau:hover
{
	color:#000000;
	text-decoration:none;
}
a.link_do,a.link_do:link,a.link_do:active,a.link_do:visited
{
	color:#da251d;
	font-size:11px;
	font-family:Arial;
	text-decoration:none;
	list-style-type:none;
	font-weight:bold;
	
}

a.link_do:hover
{
	color:#663333;
	text-decoration:none;
}
a.link_xanh,a.link_xanh:link,a.link_xanh:active,a.link_xanh:visited
{
	color:#008edb;
	font-size:12px;
	font-family:Arial;
	text-decoration:none;
	list-style-type:none;
	font-weight:normal;
	
}

a.link_xanh:hover
{
	color:#000066;
	text-decoration:none;
}
a.link_xanh_nho,a.link_xanh_nho:link,a.link_xanh_nho:active,a.link_xanh_nho:visited
{
	color:#0012ff;
	font-size:12px;
	font-family:Arial;
	text-decoration:none;
	list-style-type:none;
	font-weight:normal;
	
}

a.link_xanh_nho:hover
{
	color:#000066;
	text-decoration:none;
}

.color_white
{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}
.color_red
{
	color:#ff0000;
	font-size:11px;
	font-weight:bold;
}
.color_den
{
	color:#000000;
	font-size:12px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}
.red_dam
{	
	color:#da251d;
	font-size:12px;
	font-weight:bold;
}

.font_11px
{
	font-size:12px;
}
.dot_cam
{
	background-image:url(../images/icon/dot_cam.gif);
	background-repeat:repeat-x;
	height:3px;
	background-position: bottom;
}
.dot_trang
{
	background-image:url(../images/icon/dot_trang.gif);
	background-repeat:repeat-x;
	height:3px;
	background-position: bottom;
}
.loop
{
	padding-bottom:10px;
	width: 540px;
}
.color_nau
{
	color:#5e3500;
	font-size:12px;
}
/*search*/
.box_seach
{
	width: 153px;
	position: absolute;
	left: 15px;
	top:6px;
}
/*hack fix only IE6*/
* html .box_seach
{
	/*top:3px;*/
}
/*hack fix only IE7*/
*:first-child+html .box_seach
{
	/*top:3px;*/
}
#globalsearch {
	width: 153px;
	height: 24px;
	position: absolute;
	top: 5px;
	background-position: 100% 0;
	background-repeat: no-repeat;
	left:5px;
}
#globalsearch .search-wrapper {
	width: 360px;
	margin-top: 0px;
	margin-left: 0px;
}
#globalsearch .search-wrapper .left, 
#globalsearch .search-wrapper .right { behavior:url(../images/iepngfix.htc); }
#globalsearch .search-wrapper .left {
	display: block;
	position: absolute;
	left: -1px;
	top: 2px;
	width: 12px;
	height: 25px;
	background: url(../images/left_caf.gif);
	background-position:left top;
	background-repeat:no-repeat;
	
}
#globalsearch .search-wrapper input.g-prettysearch {
	position: absolute;
	width: 120px;
	top: 2px;
	background: url(../images/repeat_caf.gif);
	background-position:center top;
	background-repeat: repeat-x;
	border: 0px;
	margin: 0px;
	padding: 2px 0 0 0;
	font: 12px Arial;
	height: 25px;
	left: 5px;
}
#globalsearch .search-wrapper.empty.blurred input { color: #7E7E7E; }
#globalsearch .search-wrapper .right {
	display: block;
	position: absolute;
	top:2px;
	width: 22;
	height: 19;
	background-image:url(../images/button_search.gif);
	background-position:right top;
	background-repeat: no-repeat;
	left: 125px;
}

#globalsearch .search-wrapper.empty .reset { display: none; }

#content_search
{
	padding:0px;
	margin-bottom: 10px;
	float: left;
	width: 100%;
}

.note {
	background-color:#CCCCCC;
	color:#663300;
	text-align:center;
	padding: 5px 0px 5px 0px;
}

.inputbutton {
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-top-color: #D9DFEA;
	border-left-color: #D9DFEA;
	border-bottom-color: #0e1f5b;
	border-right-color: #0e1f5b;
	background-color: #3A80C0;
	color: #FFFFFF;
	font-size: 12px;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	text-align: center;
	height: 25px;
	padding-left: 5px;
	padding-right: 5px;
}

.pagenumstatic {
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 1px;
	MARGIN: 0px;
	WIDTH: 1em;
	COLOR: #000000;
	PADDING-TOP: 1px;
	BACKGROUND-COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	border: 1px solid #999999;
	font-weight: bold;
}
.pagenum A:link {
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 1px;
	MARGIN: 0px;
	WIDTH: 1em;
	COLOR: #0176B8;
	PADDING-TOP: 1px;
	BACKGROUND-COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	border: 1px solid #CCCCCC;
}
.pagenum A:visited {
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 1px;
	MARGIN: 0px;
	WIDTH: 1em;
	COLOR: #0176B8;
	PADDING-TOP: 1px;
	BACKGROUND-COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	border: 1px solid #CCCCCC;
}
.pagenum A:active {
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 1px;
	MARGIN: 0px;
	WIDTH: 1em;
	COLOR: #0176B8;
	PADDING-TOP: 1px;
	BACKGROUND-COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	border: 1px solid #CCCCCC;
}
.pagenum A:hover {
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 1px;
	MARGIN: 0px;
	WIDTH: 1em;
	COLOR: #0176B8;
	PADDING-TOP: 1px;
	BACKGROUND-COLOR: #E4E4E4;
	TEXT-DECORATION: none;
	border: 1px solid #CCCCCC;
}


.country {display:block;height:18px;background-color:#ffffff;padding:3px;border-bottom:dashed 1px #eeeeee}
.country .code {float:left;width:50px;padding:1px}
.country .code a {color:brown;font-weight:bold;font-size:8pt}
.country .inprice{float:left;width:70px;color:green}
.country .outprice{float:left;color:red}