body{background:#67635b; margin:0; padding:0; color:#000; font-family:Arial, "Times New Roman", Verdana; font-size:11px}
a{color:#000; text-decoration:none; }
a img {border: none;}

#mainnav {width: 725px; padding:15px 0 0 18px; margin-left:0; float:left; z-index:200; text-align: left; /* Fix cho IE */ }
div#top{width:1000px; margin:0 auto; padding-bottom:5px}
div#middle{width:980px; margin:0 auto; background:#fff; min-height:430px; clear:both}
div#content{width:800px; min-height:430px; padding:30px 10px 30px 30px; float:left; z-index:2; position:relative; background:#fff}
div#bottom{width:980px; margin:0 auto; clear:both; padding-top: 15px; color:#fff}
div.menu{width:120px; padding:30px 10px 10px; float:right; z-index:1; position:relative; background:#fff; min-height:430px}
div.sanpham{padding-top:10px;}
div.list_news_1{width:750px; padding:0 0 15px; border-bottom:1px solid #6f6f6f; float:left;}
div.list_news{width:750px; padding:15px 0; border-bottom:1px solid #6f6f6f; float:left;}
div.list_image{width:180px; height:67px; padding-right:20px; float:left;}
div.sub_news{width:550px; height:67px; float:left;}
div.attached{width:350px; float:left;}
div.sub_content{padding-left:30px; width:370px; float:left; clear:right; text-align: justify;}
div.product {width:760px; float:left; background:#fff; z-index:100}
div.clr{clear:both}
img {border: none;}
img.transparent{opacity:0.5; filter:alpha(opacity=50);}
img.hspacer{margin:0 7px; border:none; float:left;}
p {text-align: justify;} p.page{padding-top:5px}
table.border {border-top: 1px solid #bbb;} table.border tr:hover {background-color: #cfc;}
table.border tr td:first-child, table.border tr th:first-child {border-left: 1px solid #bbb;}
table.border th, table.border td {border-bottom: 1px solid #bbb; border-right: 1px solid #bbb;}
table.border table td, table.border table th {border: none;}
table.border td.non_left, table.border td:first-child.non_left, table.border th.non_left, table.border th:first-child.non_left {border-left: none;} 
table.border td.non_right, table.border th.non_right {border-right: none;} 
table.border td.non_beside, table.border th.non_beside {border-left: none; border-right: none;}
table.border td.non_top, table.border th.non_top {border-top: none;}
table.border td.non_bottom, table.border th.non_bottom {border-bottom: none;}
tr.list_product{height:124px;}
.title{font-size:12px; font-weight:bold;} .bold {font-weight: bold;}
.center {text-align: center;} .right {text-align: right;} .justify {text-align: justify;}
.top {vertical-align: top;} .bottom {vertical-align: bottom;}
.change1{color:#999999; font-style:italic; font-size:9px; width:60px;}
.change2{color:#000000; font-style:normal; font-size:9px; width:60px;}
.buttonAsLink{font-family:Arial, "Times New Roman", Verdana; font-size:11px; font-weight:bold; color:#f60;background: #fff; border-width: 0; cursor: pointer; width: 45px;}


/*******************************************************/
ul.menu1, ul ul {padding:0; margin:0; border:0; list-style-type:none; overflow:hidden; text-align:left}
ul.menu1 {margin:0; width:120px;}

ul.menu1 table {border-collapse:collapse; padding:0; margin:0;}
ul.menu1 ul {margin-left:1em;}
ul.menu1 li a {display:block; width:100px; height:20px; font-weight:bold; font-size:10px; color:#000}
ul.menu1 li ul {display:none;}

ul.menu1 li:hover, ul.menu1 li:hover a, ul.menu1 li a:hover {color:#bbb;}
ul.menu1 li:hover ul, ul.menu1 li a:hover ul {display:block; margin-top:-1px;}
ul.menu1 li.m4:hover ul, ul.menu1 li.m4 a:hover ul{height:60px}
ul.menu1 li.m3:hover ul, ul.menu1 li.m3 a:hover ul, ul.menu1 li.m8:hover ul, ul.menu1 li.m8 a:hover ul,
ul.menu1 li.m9:hover ul, ul.menu1 li.m9 a:hover ul{height:40px}

ul.menu1 li:hover ul li a, ul.menu1 li a:hover ul li a {height:20px; font-size:11px; font-weight:normal; color:#000}
ul.menu1 li:hover ul li:hover a, ul.menu1 li a:hover ul li a:hover {color:#bbb;}

#intro li.m1 a, #collection li.m2 a, #products li.m3 a, #detail_product li.m3 a, #search li.m3 a, #waytoshop li.m4 a, 
#warranty li.m5 a, #news li.m6 a, #detail_news li.m6 a, #contact li.m7 a, #projects li.m8 a, #detail_project li.m8 a,
#cart li.m9 a, #guide li.m9 a, #sales-policy li.m10 a{color:#999}
/*******************************************************/
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:600px; margin:0 auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:600px; height:360px}
#information {position:absolute; bottom:0; width:600px; height:0; color:#fff; overflow:hidden; z-index:200; background:#020902; opacity:0.3; filter:alpha(opacity=30);}
#information h3 {padding:4px 18px; font-size:14px}
#information p {padding:0 8px}
#image {width:600px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:360px; cursor:pointer; z-index:150}
#imgprev {left:-40px; background:url(../images/bt_left.png) left center no-repeat}
#imgnext {right:-40px; background:url(../images/bt_right.png) right center no-repeat}
#imglink {position:absolute; height:360px; width:100%; z-index:100;} /* opacity:.4; filter:alpha(opacity=40)} */
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:5px}
#slideleft {float:left; width:20px; height:40px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideright {float:right; width:20px; height:40px; background:#222 url(../images/scroll-right.gif) center center no-repeat}
#slideleft:hover, #slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:550px; margin-left:5px; height:40px; overflow:hidden}
#slider {position:absolute; left:0; height:40px}
#slider img {cursor:pointer;}

/*******************************************************/
/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px;	}
/* // image replacement */
#container{	margin:0 auto; position:relative; text-align:left; width:621px;}	
#content_map{position:relative;}			

/* Easy Slider */
#slider ul, #slider li, #slider2 ul, #slider2 li{margin:0; padding:0; list-style:none;}
#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
/* 	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
*/ 
width:621px; height:374px; overflow:hidden; }	
#prevBtn, #nextBtn, #slider1next, #slider1prev{ display:block; width:15px; height:45px; position:absolute; left:-30px; top:164px; z-index:1000;}	
#nextBtn, #slider1next{ left:636px;}														
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{ display:block; position:relative; width:15px; height:45px; background:url(../images/bt_left.png) no-repeat 0 0;	}	
#nextBtn a, #slider1next a{ background:url(../images/bt_right.png) no-repeat 0 0;}