body{ text-align: center; margin:0; padding:0; font-family:Arial; font-size:12px; background:#8f8d8e; }
a { color:#000; text-decoration:none; outline:none; }
a:hover { text-decoration:underline; }
img { border:none; }
h1 { font-weight:normal; }
h4 { color:#e67817; margin-top:0; }
h2 { margin-top:0; font-weight:normal; }
.show { display:block; }
.hide { display:none; }
.clear{ clear:both; }
.title_top_bor { border-top:solid 2px #962720; color:#962720; font-size:18px; text-transform:uppercase; margin:0px 0 8px 0; padding-top:8px; }
.title_right{ text-transform:uppercase; font-weight:bold; font-size:12px; color:#fff; background:url(img/title_right_back.gif) top repeat-x; line-height:32px; text-align:center; margin:5px 0 1px 0; }
.title_main{ font-size:24px; border-bottom:solid 5px #ff0103; padding:10px 0; margin:0; color:#333; }
.title_other { line-height:24px; border-bottom:solid 1px #e1e2dc; text-align:left; font-weight:bold; color:#cc0000; width:70%; }

.title_two{ font-weight:bold; color:#E67817; font-size:12px; margin:10px 0 7px 5px; text-transform:uppercase; }
.dau{ color:#ff0000; }
.list_item { width:235px; float:left; margin-right:10px; margin-bottom:20px; }
.list_image { margin-right:10px; width:80px; height:80px; border:solid 1px #7A7C7B; cursor:pointer; }
.list_text { margin:5px 0 0 0; }
.yellow_link { color:#e1af2a; }
.NormalLink{ text-decoration:none; }
.line1 { height:1px; background:#DFAB1A; margin:5px; }
.thumb_news img{ width:242px; }
.imgnews img { float:left; margin-right:10px; margin-bottom:10px; width:300px; }
.textbox { background:#fff; border:solid 1px #808080; font-family:Arial; font-size:12px; }
.button { background:#2e5380; border:none; color:#fff; }
.floatright { float:right; }
.floatleft { float:left; }

.linkbutton { display:block; background:url(img/button.gif) repeat-x; }
.linkbutton span{ display:block; background:url(img/button_left.gif) left no-repeat; }
.linkbutton span span{ display:block; background:url(img/button_right.gif) right no-repeat; line-height:30px; padding:0 10px; color:#000; font-size:12px; font-weight:bold; text-align:center; }

#wrapper { width:990px; margin:0px auto; text-align:left; background:#fff; }
#wrapper #bordertop { background:url(img/sanweb.vn1_03.gif) bottom no-repeat; height:16px; }
#wrapper #borderbottom { background:#e3e3e3 url(img/sanweb.vn1_174.gif) top no-repeat; height:13px; }
#wrapper #letrai { background:url(img/letrai.gif) left repeat-y; }
#wrapper #lephai { background:url(img/lephai.gif) right repeat-y; padding:0 10px; }
#header { width:100%; position:relative; }

#header .login { top:0px; right:10px; position:absolute; width:206px; padding-left:95px; padding-top:10px; color:#fff; }
#header .login input { border:solid 1px #808080; background:#fff; text-align:center; }
#header .login a { color:#fff; }
#header .login .title { text-transform:uppercase; font-size:16px; padding-bottom:5px; }
#header .banner { padding:0; position:relative; padding-bottom:38px; }
#mainmenu { position:absolute; bottom:0; left:0; }

#main { position:relative; padding:10px; background:#eaeaea; }
.jCarouselLite { width:859px !important; overflow:hidden; }
.service { padding:0; margin:0; list-style:none; }
.service li { float:left; width:200px; padding:3px; margin-right:9px; border:solid 1px #666; height:140px; position:relative; }
.service li img { width:200px; height:140px; }
.service li .caption { background:#000; position:absolute; bottom:3px; left:3px; opacity:0.8; filter:alpha(opacity=80); color:#fff; width:200px; line-height:30px; text-align:center; }
.service li .caption a { color:#fff; }

.home_news { border-top:solid 2px #962720; position:relative; margin:30px 0 15px 0; padding-top:10px; }
.home_news .box { width:280px; margin-left:10px; float:left; }
.home_news .box .readmore { background:#2e5380; color:#fff; padding:5px; }
.home_news .box ul { padding:8px 0 15px 15px; margin:0; list-style-image:url(img/bullet_yellow.png); }
.home_news .box ul li { padding:3px 0; }

#main .center { width:737px; float:right; }

#main .left { width:205px; float:left; }
#main #left .title_main { text-transform:none; }
/*#main #left li { line-height:30px; font-size:14px; cursor:pointer; }
#main #left li ul { display:none; padding-left:20px; }
#main #left li li { line-height:30px; font-size:12px; list-style-type: circle; }*/

#footer #info { background:#a70103; position:relative; text-align:center; color:#fff; padding:20px 0; }
#footer #info a { color:#fff; }
#footer #contact { position:relative; text-align:left; height:100px; padding-top:20px; }
#footer #menubottom { line-height:30px; text-align:center; background:#000; color:#fff; padding-left:5px; }
#footer #menubottom .copyright { float:left; width:250px; }
#footer #menubottom ul { margin:0; padding:0; list-style:none; }
#footer #menubottom li { float:left; padding:0 5px; }
#footer #menubottom a { color:#fff; }
#footer #logo { border-bottom: solid 1px #404040; padding:5px 0; }

.center_adv { padding:10px 0; }
.center_adv ul { margin:0; padding:0; list-style:none; }
.center_adv li { float:left; padding:0 1px; }

.right_adv { margin:10px 0 0 0; padding:0; list-style:none; }

.search { background:url(img/sanweb.vn11_03.gif) repeat-y; width:205px; }
.search .t { background:url(img/sanweb.vn1_62.gif) top no-repeat; }
.search .b { background:url(img/sanweb.vn1_77.gif) bottom no-repeat; padding:15px; height:205px; }
.search h3 { text-align:left; color:#fff; margin:0px 0 5px 0; font-size:16px; } 
.search input,.search select { background:#fff; border:solid 1px #808080; }

#leftmenu { margin:0; padding:0; list-style:none; }
#leftmenu a { color:#000; }
#leftmenu li { background:#fff; margin-top:10px; }
#leftmenu li .parent { border-top:solid 5px #ff0103; border-bottom:solid 1px #ff0103; line-height:32px; font-size:14px; font-weight:bold; padding-left:8px; }
#leftmenu li .parent a { color:#ff0103; }
#leftmenu ul { margin:0; padding:0 0 0 25px; list-style-image:url(img/sanweb.vn1_93.gif); }
#leftmenu ul li { margin-top:0; line-height:18px; }

.homefeature { width:363px; float:left; position:relative; padding-top:37px; margin-top:10px; }
.homefeature .title { background:url(img/project.com.vn_39.gif) repeat-x; position:absolute; top:0; left:0; }
.homefeature .title div{ background:url(img/project.com.vn_37.gif) left no-repeat; }
.homefeature .title div div{ background:url(img/project.com.vn_41.gif) right no-repeat; line-height:38px; width:363px; color:#fff; text-align:center; font-size:16px; font-weight:bold; }
.homefeature .content { border:solid 1px #c6c6c6; padding:10px; background:#fff; }
.homefeature .item a { color:#0e4794; display:block; line-height:28px; font-weight:bold; }
.homefeature .item .image { border:solid 1px #eae8eb; padding:1px; width:100px; float:left; }
.homefeature .item .image img{ width:100px; height:70px; }
.homefeature .item .detail { width:230px; float:right; }
.listproject th { text-align:center; background:#969696; color:#fff; }
.listproject td { font-weight:bold; }
.listproject .alter td { background:#f4eede; }

.listweb { margin-top:10px; position:relative; padding-top:38px; }
.listweb .menubar { position:absolute; top:0; left:0; }
.listweb .menubar ul { margin:0; padding:0; list-style:none; }
.listweb .menubar li { background:url(img/project.com.vn_60.gif) no-repeat; float:left; line-height:39px; font-size:14px; color:#000; font-weight:bold; text-align:center; cursor:pointer; width:150px; }
.listweb .menubar li.active { background:url(img/project.com.vn_57.gif) no-repeat; }
.listweb .content { background:#fff; border:solid 1px #d5d5d5; padding:10px; }
.listweb .content .item { width:173px; float:left; position:relative; height:285px; margin-left:7px; margin-top:15px; }
.listweb .content .item img { width:173px; height:240px; }
.listweb .content .item .caption { position:absolute; left:0; bottom:0; background:#dddddd; text-align:center; padding:5px 0; width:173px; font-size:14px; }
.listweb .content .item .price { color:red; font-weight:bold; }

.listweb .listproject { width:352px; float:left; margin-left:10px; }

.featurenews { background:#fff; border:solid 1px #d5d5d5; padding:8px 5px 5px 5px; margin-top:10px; }
.featurenews .title { width:587px; float:left; margin-left:12px; font-size:16px; font-weight:bold; }
.featurenews .more { width:92px; line-height:23px; float:right; background:url(img/sanweb.vn1_114.gif) no-repeat; text-align:center; margin-right:12px; }
.featurenews .item { width:166px; float:left; margin-left:12px; margin-top:5px; }
.featurenews .item .image { padding:2px; border:solid 1px #d5d5d5; }
.featurenews .item .image img { width:160px; height:120px; }
.featurenews .item .detail { padding-top:5px; }
.featurenews .item .detail a { color:#1e63ba; font-weight:bold; }
.featurenews .item .detail p { margin:5px 0; }

.container { background:#fff; border:solid 1px #d5d5d5; padding:5px; }
.container h2 { margin:10px 0; }
.col1 { width:450px; float:left; }
.col2 { width:267px; float:right; }
.topnews { margin-bottom:10px; }
.topnews .image { width:200px; float:left; }
.topnews .image img { width:200px; }
.topnews .detail { width:245px; float:right; }
.topnews .detail a { color:#870808; font-size:16px; font-weight:bold; }
.secondnews { width:140px; height:160px; float:left; background:url(img/sanweb.vn22_03.gif) repeat-x; padding:10px 5px 10px 5px; border-bottom:dotted 1px #333; margin-bottom:10px; }
.secondnews .image img { width:140px; height:110px; border:solid 1px #919191; }
.secondnews .detail { padding-top:3px; }
.secondnews .detail a { font-weight:bold; }
.listnews { border-bottom:dotted 1px #333; margin-bottom:10px; padding-bottom:10px; }
.listnews .image { width:160px; float:left; }
.listnews .image img { width:160px; height:120px; }
.listnews .detail { width:280px; float:right; }
.listnews .detail a { font-weight:bold; font-size:14px; }

.xemnhieu { border:solid 1px #c0c0c0; margin-top:10px; }
.xemnhieu .title { background:url(img/sanweb.vn2_07.gif) repeat-x; line-height:22px; text-align:left; padding-left:10px; font-weight:bold; margin-bottom:5px; font-size:14px; }
.xemnhieu .item { width:125px; float:left; background:url(img/sanweb.vn22_06.gif) repeat-x; margin-left:5px; margin-bottom:5px; }
.xemnhieu .item .image { width:50px; float:left; }
.xemnhieu .item .image img { width:50px; height:50px; }
.xemnhieu .item .detail { width:70px; float:right; }
.xemnhieu .item .detail a { color:#3f76c2; font-size:11px; }

.tieudiem { margin-top:10px; }
.tieudiem h2 { border-bottom:dotted 1px #333; }
.tieudiem .item { padding-bottom:10px; }
.tieudiem .image { float:right; width:80px; }
.tieudiem .image img { width:80px; height:70px; }
.tieudiem .detail { float:left; width:177px; }
.tieudiem .detail p { margin:3px 0; }
.tieudiem .item .detail a { color:#3f76c2; font-weight:bold; }

.vip { color:#ff0000; }
.webintro { border:solid 1px #404040; padding:10px; }

.webtab { margin:0; padding:0; list-style:none; width:100%; }
.webtab li { float:left; background:#c0c0c0; text-align:center; line-height:27px; width:50%; cursor:pointer; }
.webtab li.active { background:url(img/sanweb.vn5_11.gif) repeat-x; font-weight:bold; }

.form { background:url(img/sanweb.vn5_17.gif) repeat-y; margin-top:10px; }
.form .t{ background:url(img/sanweb.vn5_15.gif) top no-repeat; }
.form .b{ background:url(img/sanweb.vn5_19.gif) bottom no-repeat; padding:15px; }

.account { position:relative; padding-top:36px; }
.acctab { margin:0; padding:0; list-style:none; width:100%; position:absolute; top:0; left:0; }
.acctab li { float:left; background:url(img/sanweb.vn7_11.gif) repeat-x; text-align:center; line-height:37px; cursor:pointer; width:238px; text-transform:uppercase; }
.acctab li div { background:url(img/sanweb.vn7_09.gif) left no-repeat; }
.acctab li div div { background:url(img/sanweb.vn7_13.gif) right no-repeat; }
.acctab li.active { background:url(img/sanweb.vn7_05.gif) repeat-x; font-weight:bold; }
.acctab li.active div { background:url(img/sanweb.vn7_03.gif) left no-repeat; }
.acctab li.active div div { background:url(img/sanweb.vn7_07.gif) right no-repeat; }
.account .content { border:solid 1px #d0d0d0; padding:10px; }

.boxnews { margin:10px 0; }
.boxnews .item { width:200px; height:120px; float:left; margin-left:10px; position:relative; padding:110px 15px 0 15px; }
.boxnews .item .title { position:absolute; right:10px; top:15px; width:100px; }
.boxnews .item .title a { color:#fff; font-size:20px; font-weight:bold; }
.boxnews .item .more { background:url(img/box_detail.gif); width:62px; height:19px; position:absolute; bottom:20px; right:15px; line-height:19px; font-size:11px; padding-left:5px; }

/*#gallery { text-align:center; border:solid 1px #717274; width:539px; padding:30px 50px 30px 50px; overflow:hidden; }
#gallery #bigimage { margin-bottom:10px; position:relative; height:350px; }
#gallery #bigimage img { height:350px; max-width:539px; }
#gallery #bigimage #caption { position:absolute; left:0px; bottom:0px; padding:10px 20px; z-index:10px; background:#0A0B0D; color:#fff; width:500px; opacity:0.7;filter:alpha(opacity=70); font-size:14px; }
#gallery #thumbnails li { float:left; margin-left:5px; width:102px; height:80px; }
#gallery #thumbnails li a { outline:none; }
#gallery #thumbnails li img { width:102px; height:80px; }
#gallery #paging { text-align:center; }
#gallery #paging a { padding:3px 6px; border:solid 1px #E2AE24; margin-left:2px; margin-right:2px; background-color:#fff; text-decoration:none; color:#333;}
#gallery #paging a:hover { background-color:#E2AE24; color:#333;}
#gallery #paging span{ padding:3px 6px; border:solid 1px #E2AE24; margin-left:2px; margin-right:2px; background-color:#F9D55B; font-weight:bold; color:#333;}*/

/* GALLERY LIST */
#gallery {position:relative; width:580px; margin:0 auto; padding:20px 0 10px 0; }
#imagearea { margin:0 auto; width:580px; }
#image {position:relative; width:520px; height:375px; background:url(img/loading.gif) center center no-repeat; float:left;}
#image img {position:absolute; width:520px; height:375px; }
#thumbwrapper {margin-top:0px; padding:5px 0; width:580px; height:100px; }
.thumbprev {outline:none; width:25px; float:left; line-height:80px; margin-right:5px; text-align:right; cursor:pointer; color:#fff; font-size:50px; text-decoration:none !important;}
.thumbnext {outline:none; width:25px; float:left; line-height:80px; margin-left:5px; text-align:left; cursor:pointer; color:#fff; font-size:50px; text-decoration:none !important;}
#thumbarea {position:relative; overflow:hidden; height:110px; width:520px; float:left; }
#thumbs {position:absolute; list-style:none; margin:0px; height:100px; width:10000px; border-right:5px solid #FFF; padding:0; left:0;}
#thumbs li {float:left; margin-right:5px; cursor:pointer; background:#fff; width:102px; height:80px; }
.imgnav {line-height:375px; outline:none; cursor:pointer; width:30px; float:left; color:#fff !important; font-size:100px; text-decoration:none !important; }
#previmg { opacity:0.4; filter:alpha(opacity=40); }/*background:url(img/left.gif) left center no-repeat;*/
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg { opacity:0.4; filter:alpha(opacity=40); } /*background:url(img/right.gif) right center no-repeat;*/
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}
#caption{ color:#fff; font-size:14px; z-index:100; width:520px; padding:10px 0 10px 30px; text-align:left;}

.title_main1{ font-weight:bold; font-size:14px; margin:30px 0 7px 0px; text-transform:uppercase; background:#4d4948 url(img/title_back.png) right no-repeat; line-height:30px; height:30px; width:641px; position:relative; }
.title_main1 .title { background:#e67817; padding:0 20px; float:left; }
.title_main1 .comboboxContainer { position:absolute; right:80px; top:5px; }
.title_main1 .comboboxContainer .comboboxDropDownContainer { left:0px !important; top:20px !important; }
.display1 { padding-top:47px; }
.box_1 { width:180px; float:left; margin-right:50px; margin-bottom:50px; }
.box_1 img { width:180px; height:180px; }

.display2 { border:solid 1px #717274; width:589px; padding:30px 0 30px 50px; }
.box_2 { width:257px; float:left; margin-right:30px; margin-bottom:30px; }
.box_2 img { width:257px; height:178px; }

.display3 { padding-top:28px; }
.box_3 { width:303px; float:left; margin-right:35px; margin-bottom:35px; }
.box_3 img { width:303px; height:178px; }

.display4 { padding-top:28px; width:639px; border:solid 1px #717274; }

.other_news { list-style-type:disc; padding-left:30px; }
.other_news a { color:#437197; }

.view_product { border:solid 1px #838280; width:539px; padding:50px; }
.detail_product1 { margin-left:100px; }
.detail_product1 img { width:420px; }
.detail_product1 .detail { text-align:left; padding:20px 0 0; }

.detail_product2 {  }
.detail_product2 img { width:539px; }
.detail_product2 .detail { text-align:center; padding:20px 0 0; }

.news { border-bottom:solid 1px #706f6d; clear:both; width:858px; }
.news .image { width:130px; padding:10px 10px 10px 0; float:left; }
.news .image img { width:130px; height:100px; }
.news .shortdesc { width:707px; float:left; padding:10px 0; }
.news .shortdesc a { font-weight:bold }

/*.box { border:solid 1px #bababc; margin:0 10px 10px 0; width:180px; float:left; position:relative; height:235px; text-align:center; padding-top:10px; }
.box img { width:160px; }
.box .title { position:absolute; bottom:10px; left:0; text-align:center; font-size:14px; width:100%; text-transform:uppercase; }
.box a { font-weight:bold; }
.box .box_content_2 { width:310px; float:left; margin:0 15px; padding-left:0px; padding-right: 0; text-align:center; }
.box .border { border:none; padding-right:10px; padding-left:0; margin-right:0; border-right:dashed 1px #ccc; }
.box .box_content_2 img { width:150px; height:120px; }
.box .box_content_2 .image { width:150px; float:left; padding:2px; border:solid 1px #ccc; margin-bottom:10px; }
.box .box_content_2 .shortdesc { width:140px; padding-left:10px; float:left; text-align:left; }
.box .box_content_2 .listitem { background:url(img/bullet4.gif) left no-repeat; text-align:left; padding-left:15px; }
.box .catchild { background:url(img/catchild.jpg) repeat-x; line-height:27px; text-align:left; text-transform:uppercase; padding-left:10px; margin-bottom:15px; }
.box .catchild a { font-weight:normal; font-size:10px; }
.box .paging { background:url(img/catchild.jpg) bottom repeat-x; line-height:28px; border-top:solid 1px #cdcdcd; text-align:right; margin-top:10px; }
.box .paging a { padding:3px 6px; border:solid 1px #666; margin-left:2px; margin-right:2px; background-color:#fff; text-decoration:none; color:#000;}
.box .paging a:hover { background-color:#333; color:#fff;}
.box .paging span{ padding:3px 6px; border:solid 1px #666; margin-left:2px; margin-right:2px; background-color:#ccc; font-weight:bold; color:#000;}*/

.paging { text-align:right; padding-right:0; }
.paging a { padding:3px 6px; margin-left:2px; margin-right:2px; background-color:#969696; text-decoration:none; color:#fff;}
.paging a:hover { color:#E67817; }
.paging span{ padding:3px 6px; margin-left:2px; margin-right:2px; background-color:#996633; font-weight:bold; color:#fff;}

.paging_acc { text-align:right; padding-right:0; }
.paging_acc a { padding:3px 6px; margin-left:2px; margin-right:2px; background-color:#444950; text-decoration:none; color:#fff;}
.paging_acc a:hover { color:#E67817; }
.paging_acc span{ padding:3px 6px; margin-left:2px; margin-right:2px; background-color:#b3aea5; font-weight:bold; color:#fff;}

.newsimage { text-align:center; }
.newsbody { padding:0; color:#000; }

.productItem { border-bottom:solid 1px #666; padding:10px 0; color:#000; }
.productItem .title { margin-bottom:10px; }
.productItem .title a { color:#000; font-size:12px; font-weight:bold; text-decoration:none; }
.productItem .image { margin-right:15px; width:150px; }
.productItem .subInfo { width:350px; }
.productItem .buttonBook { width:200px; }

.pageview { position:absolute; bottom:10px; left:30px; width:170px; color:#a9a7a8; z-index:10px; }
.pageview td { padding:15px 0 0 0; }
.pageview label { font-size:14px; font-weight:bold; }




/******Top Menu************/
/* ######### CSS for top level tabs ######### */
.tabsmenuclass { width:970px; }
.tabsmenuclass ul{
overflow: hidden;
width: auto;
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenuclass li{
float: right;
margin-left:1px;
}

.tabsmenuclass li .l { background:url(img/menu_left.gif) top left no-repeat; float:left; width:6px; height:33px; }
.tabsmenuclass li .r { background:url(img/menu_right.gif) top right no-repeat; float:left; width:6px; height:33px; }

/*.tabsmenuclass li:hover,.tabsmenuclass li.selected{
float: left;
background: url(img/menua.gif) repeat-x;
}

.tabsmenuclass li:hover div,.tabsmenuclass li.selected div { background: url(img/menua_left.gif) left no-repeat; }
.tabsmenuclass li:hover div div,.tabsmenuclass li.selected div div{ background: url(img/menua_right.gif) right no-repeat; }*/

.tabsmenuclass a{
display: block;
padding: 0 10px;
background: #fc1924;
float:left;
height:33px;
line-height:33px !important;
/**/
color: #fff;
text-decoration: none;
font: bold 13px Arial;
cursor:pointer;

}

.tabsmenuclass li:hover a,.tabsmenuclass li.selected a{ line-height:30px !important; }

.tabsmenucontentclass{
clear: left;
background: url(img/menu_bar.gif) repeat-x;
width: 960px;
line-height: 38px;
padding:0 5px;
height: 38px;
color:#4a4b4d;

}

.tabsmenucontentclass ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenucontentclass li{
float: left;
margin-right: 1em;
background:url(img/square.png) left no-repeat; 
padding-left:15px; 
}
.tabsmenucontentclass li a { color:#4a4b4d; text-decoration:none; font-size:11px; font-weight:bold; }
.tabsmenucontent{display:none}