@charset "utf-8";
/* CSS Document */

* {padding:0; margin:0; outline:none;}
a {text-decoration:none; color:#444;}
a:hover {color:#f00;}
ul, li {list-style:none;}
ol li {list-style:inside decimal; color:#00b6f8; font-weight:bold;}
img {border:none;}
p {text-align:justify; padding-bottom:12px;}
.content_box { padding-right:10px;}
.content{ display: block; padding: 5px 0 15px 0}
h1 { font: bold 1.3em/2 Tahoma;}
h2 {font:bold 1.1em Tahoma; margin:12px 0;}

body {background:url(../images/total_bgr.jpg) repeat; font:normal 0.8em Tahoma; color:#444;}

#wrapper { width:977px; margin:25px auto;}

#main {float:left; background:url(../images/main_bgr.png) repeat-y;}

/*-------------------Header------------------*/
#header {width:977px; float:left; height:90px;}
#logo {margin: 10px 20px;}

.top {background:url(../images/menu_bgr.png) top left no-repeat; float:left; width:972px; padding-bottom:5px;}

/*----------------Main Menu-------------*/
.menu { float:left; width:972px;}
.menu ol {width:710px; float:left;}
.menu li {float:left; background:url(../images/end_menu.jpg) right no-repeat; padding:0 15px; color:#FFF; font-weight:200;}
.menu li a {color:#fff; font: 0.85em Tahoma; line-height:37px;}
.menu li a:hover { color:#FFFF00;}
.menu .home {padding:11px 12px 8px 15px; float:left;}
.adv {width:960px; height:237px; float:left; overflow:hidden; float:left; margin-left:12px;}

/*----------------Search-------------*/
#search { background:url(../images/search_bgr.png) no-repeat; width:199px; height:24px; float:right; margin:6px 7px 0 0; }
#search .textsearch { background:none; border:none; width:140px; float:left; margin:4px 0 0 7px; }
#search .submitsearch { background:url(../images/search_btn.png) no-repeat; width:22px; height:20px; float:right; border:none; cursor:pointer; margin:3px 5px 0 0; }

/*------------------Left-----------------*/
#left {float:left; width:229px; margin-right:25px;}
.box_left {float:left; width:227px; background:url(../images/title_bgr.png) top  left no-repeat;}
.title {width:227px;}
.title .serv { padding:13px 0 5px 20px;}
.title .cat { padding:7px 0 5px 20px;}
.title .contact {padding: 10px 0 5px 20px;}

.danhmuc {margin:8px 0 12px 12px;}
.danhmuc li {background:url(../images/cat_bgr.png) no-repeat; margin-top:3px; padding-left:5px;}
.danhmuc li a { line-height:35px; font-weight:bold;}
.danhmuc li ul li { list-style:none; background:none;}
.danhmuc li ul li a {padding:7px 0; font:.9em Tahoma; line-height:25px; padding-left:13px; margin-left:15px; background:url(../images/sub_icon.png) 0 11px no-repeat;}

.partner li {width:218px; overflow:hidden; margin-bottom:3px; margin-left:12px;}

.contact_bgr {background:url(../images/contact_bgr.png) repeat-y; width:215px; margin:7px 0 0 12px;}
.top_contact_bgr {background:url(../images/top_contact_bgr.png) top no-repeat; width:215px;}
.bottom_contact_bgr {background:url(../images/bottom_contact_bgr.png) bottom no-repeat; width:215px;}

/*------------------Right----------------*/
#right { float:right; width:719px;}
.box_right {float:left; width:717px;}

.box_pro_thumb {float:left; padding:10px 17px 10px 0; width:162px;}
.img_pro_thumb {background:url(../images/pro_bgr.png) no-repeat; width:162px; height:135px; overflow:hidden;  padding:5px 5px 5px 6px;}
.name_pro_thumb {text-align:center; font-weight:bold;}
h1 {display: block; padding-bottom:7px; font-size:1.4em; font-weight: bold;}


.list2 li {display: block; width:700px; float: left; padding:20px 0; border-bottom:1px dashed #dcdcdc;}
.list2 li img { overflow:hidden; padding: 4px;float:left; margin:0 5px 5px; border: 1px solid #dcdcdc;}
.list2 li h2 {display:block; padding-bottom:5px; color:#00b6f8; font-weight: bold;}
.list2 li a {display:block; padding-bottom:5px; color:#00b6f8; font-weight: bold;}
.list2 li a:hover {color:#f00;}
.list2 li a.details { text-align:right; width:100%; display:block; color:#00b6f8; font-weight: normal;}
.list2 li a.details:hover {color:#f00; text-decoration:underline;}

.list1 { margin-left:20px;}
.list1 li { width:400px; line-height:30px; float:left;}
.list1 li a { background:url(../images/cat_icon.png) 0 11px no-repeat; padding-left:15px; display:block;}
.list1 li span {float:right;}

.large_img {width:700px; overflow:hidden; float:left; text-align:center;}
.large_img_info a { float:right; margin-top:15px; background:url(../images/cart_btn.png) no-repeat; width:146px; height:27px; display:block; line-height:27px; text-align:center; color:#fff; font-weight:bold;}
.large_img_info span {float:left; color:#f00; font: bold 1.2em/2 Tahoma; margin-top:15px;}

/*---Phan trang---*/
#page_break { width:100%; display:block; float:left; padding-top:20px;}
.phan_trang{ margin-top:5px; display:inline;}
.phan_trang li{ float:left; padding:3px; margin:30px 0;}
.phan_trang a{ margin-right:2px; font-weight:bold; display:inline;}
.phan_trang .previous-off, .phan_trang .next-off { display:block; float:left; padding-left:200px; font-weight:bold;}
.phan_trang .next a, .phan_trang .previous a { font-weight:bold;}
.phan_trang .active{ font-weight:bold; display:block; float:left; text-align:center; color:#f00;}
.phan_trang a:link, .phan_trang a:visited { color: #3a3b3f; display:block; float:left; text-decoration:none; text-align:center;}
.phan_trang a:hover{ font-weight:bold; text-decoration:underline; color:#f00;}

/*--contact--*/
#contact { padding-top:20px; }
#form_lienhe {width:650px; padding-bottom:10px; padding-left:20px;}
.fiel_name {width:100px; float:left; color:#666; display:block; padding-bottom:10px; font-weight:bold;}
.text_form {width:400px; border:1px solid #d5d3d3;}
.contact_comment {display:block; width:100%; float:left; padding-bottom:30px;}

/*-----------------Footer----------------*/
#footer {float:left; padding:0 0 25px 7px; margin-left:7px; background:url(../images/footer_bgr.jpg) repeat-x; line-height:45px; width:963px; color:#fff;}
.counter {float:left; padding-left:5px;}
.copyright {text-align:center;}
.powered {float:right; padding:16px 5px 0 0;}

#error, .message{
	display: block;
	padding: 5px 10px;
	text-align: center;
}

#error{
	color: #FF0000;
}