/****************************************
* CITECO
* Developed by : VNSolutions & Technologies
* Author : TANG KIEN TRUNG
*****************************************/

/*------------CSS Reset--------------*/
html {	font-size: 100.01%; }

body
{
	text-align:center;
	font-family:Tahoma ,Arial, Helvetica, sans-serif;
	font-size:75%; /*------ 75% # 12px -------*/
	color:#646464;
	background:#d3d3d3 url(../images/backgrounds/body_bg.jpg) repeat-x;
	line-height: 1.5em;
}

h1{	font-size:240%;	font-weight:normal;}

h2{	font-size:210%;	font-weight:normal;}

h3{	font-size: 170%; font-weight: normal;}

h4{	font-size: 140%;font-weight:normal;}

h5{	font-size: 130%;font-weight:normal;}

h6{	font-size: 100%;font-weight:normal;}




html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin:0;padding:0;
}

a img { border:none; }

a { text-decoration:none; color:#0053B1;}

a:hover { text-decoration:underline; color: #f64c01; }

ul { list-style:none; }

.clear { clear:both; }

p, h1, h2, h3, h4, h5, h6 {
  margin-bottom: 5px;
}

p {margin-bottom: 0.5em;}

h1, h2, h3, h4, h5, h6 {
	font-size: 14px;
	color: #0053B1;
}

/*------------Layout--------------*/
#wrapper
{
	width:970px;
	margin:auto;
	background-color:#FFFFFF;
	padding:15px 0 20px 0;
	height:auto;
	overflow:hidden;
}

/*------------ header_tools --------------*/
#header_tools
{
	float:left;
	width:930px;
	padding:0 20px 10px 20px;
	background:#FFFFFF url(../images/backgrounds/dot_line_horizon.jpg) repeat-x bottom;

	/*border-bottom:1px dotted #bdbdb5;*/
}

#date_time
{
	float:left;
	color:#bbbab5;
	font-size:10px;
	padding-top:5px;
}

#accessories
{
	float:right;
}

#accessories ul
{
	float:left;
	padding:3px 10px 0 0;
}

#accessories li
{
	float:left;
	display:inline;
	padding:0 10px 0 10px;
	background:url(../images/backgrounds/accessory_border.jpg) no-repeat center right;
}

#accessories #search_page
{
	float:left;
}

#accessories #search_page .txt_search_page
{
	float:left;
	width:259px;
	height:22px;
	border:none;
	background:url(../images/backgrounds/txt_search_bg.jpg) no-repeat;
	padding:2px 5px 0 5px;
	color:#bfbeba;
}

#accessories #search_page .btn_search
{
	float:left;
	width:48px;
	height:22px;
	background:url(../images/backgrounds/btn_search.jpg) no-repeat;
	border:none;
	cursor:pointer;
	color:#FFFFFF;
	margin-left:2px;
}

#content_container #search_page
{
	float:left;
}

#content_container #search_page .txt_search_page
{
	float:left;
	width:220px;
	height:22px;
	border:none;
	background:url(../images/backgrounds/contain_txt_search_bg.jpg) no-repeat;
	padding:2px 5px 0 5px;
	color:#bfbeba;
}

#content_container #search_page .btn_search
{
	float:left;
	width:48px;
	height:22px;
	background:url(../images/backgrounds/btn_search.jpg) no-repeat;
	border:none;
	cursor:pointer;
	color:#FFFFFF;
	margin-left:2px;
}

/*------------ header_middle --------------*/
#header_middle
{
	float:left;
	width:930px;
	padding:20px 20px 10px 20px;
}

#main_logo
{
	float:left;
	width:285px;
	padding-top: 20px;
}

#menu_container
{
	float:left;
	width:645px;
	text-align:left;
}

#menu_container .slogan
{
	float:left;
	width:605px;


	padding:0 0 20px 40px;
	color:#878686;
}

/*
#menu_container .slogan h3
{
	font-family:"Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
*/

#menu_container .menu_items_container
{
	float:left;
	width:628px;
	padding-left:17px;
}


#menu_container .menu_items_container .menu_item
{
	/*W:160px H:65px*/
	float:left;
	width:126px;
	/*height:55px;*/
	padding:0 15px 0 15px;
	background:url(../images/backgrounds/dot_line_vertical.jpg) repeat-y left;

	color:#a39f9f;
}

.menu_item h4
{
	float:left;
	width:100%;
	padding-bottom:7px;
	margin-bottom: 0;
	font-weight: bold;
	text-transform: uppercase;
	color: #FF0000;
}

.menu_item h4 a
{
	color: #FF0000;
}

.menu_item h4.selected a
{
	color: #0053B1;
}

.menu_item p
{
	float:left;
	font-size:95%;
	width:100%;
}

/*.about_color { color:#0053B1;}
.services_color { color:#8ddd02;}
.supplier_color { color:#F84A01;}
.products_color { color:#7f24fc;}*/

/*-------------- header_banner --------------*/
#page-home {}
.header_banner_home
{
	float:left;
	width:930px;
	/*background-color:#CCCCCC;*/
	padding: 0 20px;
}

.banner_intro_container
{
	float:left;
	width:302px;
	padding:
}

.slideshow_container hr
{
	padding: 3px 0;
	background: #0053b1;
	border: none;
	margin: 0;
}

.banner_intro_top
{
	float:left;
	width:304px;
	height:15px;
	background:url(../images/backgrounds/top_corner_banner.jpg) no-repeat top;
}

.banner_intro_bottom
{
	float:left;
	width:304px;
	height:15px;
	background:url(../images/backgrounds/bottom_corner_banner.jpg) no-repeat top;
}

.banner_intro_content
{
	float:left;
	width:234px;
	padding: 40px 35px;
	height: 130px;
	color: #fff;
    font-size: 150%;
    background: #0053b1;
    text-align: left;
}

#product-page {

}

#product-page .banner_intro_top
{
	float:left;
	width:304px;
	height:15px;
	background: url(../images/backgrounds/top_corner_banner_product.jpg) no-repeat top;
}

#product-page .banner_intro_bottom
{
	float:left;
	width:304px;
	height:15px;
	background:url(../images/backgrounds/bottom_corner_banner_product.jpg) no-repeat top;
}

#product-page .banner_intro_content
{
	float:left;
	width:234px;
    padding: 60px 35px 0;
	height:220px;
	color: #fff;
    font-size: 150%;
    background: url(../images/backgrounds/corner_banner_content_product.jpg) repeat top;
    text-align: left;
}

#supplier-page {

}

#supplier-page .banner_intro_top
{
	float:left;
	width:304px;
	height:15px;
	background: url(../images/backgrounds/top_corner_banner_supplier.jpg) no-repeat top;
}

#supplier-page .banner_intro_bottom
{
	float:left;
	width:304px;
	height:15px;
	background:url(../images/backgrounds/bottom_corner_banner_supplier.jpg) no-repeat top;
}

#supplier-page .banner_intro_content
{
	float:left;
	width:234px;
    padding: 60px 35px 0;
	height:220px;
	color: #fff;
    font-size: 150%;
    background: url(../images/backgrounds/corner_banner_content_supplier.jpg) repeat top;
    text-align: left;
}

#services-page {

}

#services-page .banner_intro_top
{
	float:left;
	width:304px;
	height:15px;
	background: url(../images/backgrounds/top_corner_banner_services.jpg) no-repeat top;
}

#services-page .banner_intro_bottom
{
	float:left;
	width:304px;
	height:15px;
	background:url(../images/backgrounds/bottom_corner_banner_services.jpg) no-repeat top;
}

#services-page .banner_intro_content
{
	float:left;
	width:234px;
    padding: 60px 35px 0;
	height:220px;
	color: #fff;
    font-size: 150%;
    background: url(../images/backgrounds/corner_banner_content_services.jpg) repeat top;
    text-align: left;
}
/*---------- content_container -------------*/
#content_container
{
	float:left;
	width:970px;
	padding-top:20px;
	text-align:left;
	background:url(../images/backgrounds/dot_line_horizon.jpg) repeat-x bottom;
}

#intro-content {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}

#intro-content img {
	float: left;
	padding: 5px 15px 5px 0;
}

#paginator {
	width: 100%;
	float: left;
	text-align: center;
	padding: 10px 0 0;
}

#paginator ul {
	float: right;
}

#paginator ul li {
	float: left;
	padding: 2px 3px;
	border: 1px solid #D0C9BF;
	margin-left: 5px;
}

#paginator a {
	display: block;
}

.list-supplier {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}

/*---------- footer_container -------------*/
#footer_container
{
	float:left;
	width:950px;
	padding:20px 20px 10px 0;
	text-align:left;
}

.footer_left { float:left;text-align:left;}
.footer_right { float:right; text-align:right};

.footer_left ul{ float:left; }
.footer_left li
{
	float:left;
	display:inline;
	border-right:1px solid #636363;
	padding:0 20px 0 20px;
	font-size:11px;
}

.footer_left li a { color:#0053B1; font-size: 12px; font-weight: bold;}
.footer_left li a:hover { color:#F64C01; text-decoration:none; }


.footer_left a.copyright
{
	float:left;
	color:#636363;
	font-size:11px;
	padding:10px 0 0 20px;
}

.footer_left a.copyright:hover { color:#1287FF;}

.footer_right .phone_no
{
	float:left;
	color:#d0c9bf;
}

#footer_container a.copyright:hover { text-decoration:none; }
/*------------ Utility ----------------*/
.non_border
{
	border:none !important;
}

.non_background
{
	background:none !important;
}