/*********************************Banner*******************************/
#BannerLayout {
	width: 1000px;		
	/*padding-left: 100px;*/
}

#HeadLine {
	color: #ccc;
	padding-right: 15px;
	text-align: right;
}

#HeadLine a {
	text-decoration: none;
	/*color: #ccc;*/
}

#HeadLine a:hover {
	color: #444;
}

#Banner {
	background:#fff url(images/top_left.gif) no-repeat left top;
	padding-left: 15px;
}

#Banner .BannerRight {
	background:#fff url(images/top_right.gif) no-repeat right top;
	padding-right: 15px;
}

#Banner .BannerCenter {
	text-align: left;
	width: 100%;
	overflow: hidden;
}

#Hmenu {
	color: #c9c9c9;
	background:#f7f7f7;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf; 
	width: 100%;
	overflow: hidden;
}

#Hmenu .mnItem {
	padding: 5px 5px 5px 12px;
	text-align: left;
	float: left;
}

#Hmenu .mnItem a {
	color: #3d4242;
	text-decoration: none;
	padding: 0px 7px;
}

#Hmenu .mnItem a:hover {
	color: #cc9900;
}

#mnPlace {
	float: right;
	color: #838383;
	margin: 5px 10px 0px 0px;
	font-weight: 700;
	font-family: Tahoma, Verdana, Arial;
}

#mnPlace a {
	text-transform: uppercase;
	font-family: Tahoma, Verdana, Arial;
	font-weight: 700;
	color: #004f9f;
	padding-right: 18px;
	text-decoration: none;
}

#mnPlace a:hover {
	color: #cc9900;	
}

/*********************************Search*******************************/

#Banner .SearchField {
	float:right;
	width: 670px;
	overflow: hidden;
	text-align: center;
	padding: 8px 5px 8px 0px;
}

#Banner .searchLeftOn {
	background:url(images/search_VE.gif) no-repeat left top;
	width: 25px;
	height: 37px;
}

#Banner .searchLeftOff {
	background:url(images/search_VE.gif) no-repeat left -43px;
	width: 25px;
	height: 37px;
}

#Banner .searchOTCLeftOff {
	background:url(images/search_otc_VE.gif) no-repeat left -43px;
	width: 25px;
	height: 37px;
}

#Banner .searchOTCLeftOn {
	background:url(images/search_otc_VE.gif) no-repeat left top;
	width: 25px;
	height: 37px;
}

#Banner .searchText {
	background:url(images/search_bg.gif) repeat-x left top;
	padding: 0px 5px;
}

#Banner .searchText input {
	border: 0px;
	width: 100%;
	background: transparent;
	padding-top:3px;
}

#Banner .searchCate {
	width: 179px;
	background:url(images/search_byCate.gif) no-repeat left top;
	cursor: pointer;
}

#Banner .searchCateOn {
	width: 179px;
	background:url(images/search_byCateOver.gif) no-repeat left top;
	cursor: pointer;
}

#Banner .searchBtn {
	width: 130px;
	background:url(images/search_btn.gif) no-repeat right top;
	cursor: pointer;
}

#Banner .searchBtnOn {
	width: 130px;
	background:url(images/search_btn.gif) no-repeat right -43px;
	cursor: pointer;
}
#Banner .searchOTCBtn {
	width: 130px;
	background:url(images/viewPrice_btn.gif) no-repeat right top;
	cursor: pointer;
}

#Banner .searchOTCBtnOn {
	width: 130px;
	background:url(images/viewPrice_btn.gif) no-repeat right -43px;
	cursor: pointer;
}
#chooseCatePanel {
	position:absolute;
	width: 350px;
	border:2px solid #eb8a00;
	padding:10px;
	z-index: 100;
	background:#ecf8ff url(images/i_close.gif) no-repeat 98% 6px;
	text-align: left;
	display:none;
}

#chooseCatePanel .CateTitle {
	width: 165px;
	padding: 3px;
	float: left;
}

#chooseCatePanel .CateTitle a {
	color:#003839;
	text-decoration: none;
	font-size: 12px;
	background:url(images/bullet_blue.gif) no-repeat left 5px;
	padding-left: 10px;
}

#chooseCatePanel .CateTitle a:hover{
	color:#005989;
	text-decoration: underline;
}

#chuyenmuc {
	position:absolute;
	width: 350px;
	border: 2px solid #eb8a00;
	padding: 10px;
	z-index: 100;
	top: 100px;
	background:#ecf8ff url(images/i_close.gif) no-repeat 98% 6px;
	text-align: left;
	display: none;
}

#chuyenmuc .CateTitle {
	width: 165px;
	padding: 3px;
	float: left;
}

#chuyenmuc .CateTitle a {
	color:#003839;
	text-decoration: none;

	font-size: 12px;
	background:url(images/bullet_blue.gif) no-repeat left 5px;
	padding-left: 10px;
}

#chuyenmuc .CateTitle a:hover{
	color:#005989;
	text-decoration: underline;
}

#chooseCity {
	width:400px;
	position:absolute;
	border:2px solid #eb8a00;
	padding:10px;
	background:#ffffec url(images/i_close.gif) no-repeat 98% 6px;
	z-index: 100;
	display:none;
}

#chooseCity .AllCity {
	padding: 2px 0px 5px 0px;
}

#chooseCity .AllCity a {
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	color: #000;
}

#chooseCity .AllCity a:hover {
	text-decoration: underline;
	color: #c00;
}

#chooseCity .Region {
	font-size: 13px;
	font-weight: 700;
	color: #d34a00;
	padding-bottom: 3px;
}

#chooseCity .RegionPanel {
	width: 125px;
	float: left;
	text-align: left;
	float: left;
}

#chooseCity .RegionPanel .City {
	padding: 2px;
}

#chooseCity .RegionPanel .City a {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	text-decoration: none;
	color: #333;
}

#chooseCity .RegionPanel .City a:hover {
	color: #c00;
	text-decoration: underline;
}

#divLogin {
	position:absolute;
	z-index:101;
	width: 320px;
	border: 2px solid #ff9600;
	padding: 10px;
	display:none;
	background:#fff;
}

#divLogin a{
	font-size: 11px;
	color: #666;
	text-decoration: none;
}
#divLogin a:hover{
	color: #c00;
}
#divLogin td {
	font-size: 12px;
	padding: 5px;
}

#divLogin input.txtBox {
	background:#f5f5f5;
	border: 1px solid #d2e7f0;
	width:100%;
}

input.btnQLogin{
	background:url(images/btnLoginDialog.gif) no-repeat left -24px;
	cursor: pointer;
	width: 76px;
	height: 21px;
	border:0px;
}

input.btnQLogin:active,input.btnQLogin:hover  {
	background:url(images/btnLoginDialog.gif) no-repeat left top;
	cursor: pointer;
	width: 76px;
	height: 21px;
	border:0px;
}


#divProfile {
	position:absolute;
	z-index:101;
	width: 220px;
	border: 2px solid #ff9600;
	padding: 5px 0px;
	display:none;
	background:#fff url(images/i_close.gif) no-repeat 98% 6px;
}

#divProfile a{
	font-size: 11px;
	color: #666;
	text-decoration: none;
}
#divProfile a:hover{
	color: #c00;
}
#divProfile td {
	font-size: 12px;
	padding: 5px;
}