@charset "utf-8";
*{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
body{
	font-size: 12px;
	color: #333333;
}
p{
	line-height: 24px;	
}
a{
	text-decoration: none;	
	cursor: pointer;
}
img{
	border: none;	
}
.fl{
	float: left;	
}
.fr{
	float: right;	
}
.cl{
	clear: both;	
}
#outer{
	width: 100%;
	float: left;
	background: url(../images/outer-bg.jpg) top left repeat-x;
}
#wrapper{
	width: 950px;
	margin: 0 auto;
}
#inner{
	width: 100%;
	float: left;
	clear: both;
}
#t-header{
	width: 100%;
	height: 160px;
	background: url(../images/header-bg.jpg) top left no-repeat;
	position: relative;
	z-index: 99999;
}
#top{
	height: 30px;
	width: 100%;
	line-height: 30px;
}
#top a{
	color: #4294ff;
}
#top a:hover{
	background: #fff;
	color: #8c9f33;
}
#top div.top-left{
	width: 700px;
	height: 100%;
}
#top div.top-left span.wel{
	padding-right: 8px;
	background: url(../images/top-border.jpg) top right no-repeat;
}
#top div.top-left span.wel a{
	color: #8c9f33;
	font-weight: bold;
	background: none;
	text-transform:uppercase;
}
#top div.top-left span.wel a:hover{
	text-decoration: underline;
}
div.top-left a.login, div.top-left a.regis{
	font-weight: bold;
	padding: 0 6px;
	background: url(../images/top-border.jpg) top right no-repeat;
}
#top div.top-left a.active{
	background: #fff;
	color: #8c9f33;
}
#top div.top-right{
	width: 250px;
	height: 100%;
}
#top div.top-right a{
	font-weight: bold;
}
#top div.top-right a.support{
	padding: 0 10px;
	background: url(../images/top-border.jpg) top left no-repeat;
}
#top div.top-right a.cart{
	padding: 0 20px;
	padding-left: 40px;
	background: url(../images/cart-bg.jpg) left center no-repeat;
}
#top div.top-right a.active, #top div.top-right a:hover{
	background: #fff;
	color: #8c9f33;
}
#top div.top-right a.cart:hover{
	background: #fff url(../images/cart-hover-bg.jpg) left center no-repeat;
}
div.login{
	width: 289px;
	background: url(../images/main-login-dropdown.jpg) top left repeat-y;
	position: absolute;
	top: 30px;
	left: 197px;
	z-index: 9999;
	display: none;
}
div.main-login{
	width: 100%;
	padding-top: 8px;
	background: url(../images/login-dropdown.jpg) top left no-repeat;
	padding-bottom: 17px;
	border-bottom: 1px solid #8c9f33;
	position: relative;
}
div.main-login hr{
	border: none;
	background: #eeeeee;
	color: #eeeeee;
	height: 1px;
	margin-top: 8px;
	width: 269px;
	margin-left: 10px;
}	
div.login input.text{
	background: url(../images/login-input-bg.jpg) top left no-repeat;
	height:22px;
	border: none;
	width: 125px;
	padding-left: 5px;
	line-height: 22px;
	margin-left: 10px;
	color: #666666;
	_display: inline;
	margin-bottom: 8px;
}
div.login img.submit{
	margin-right: 10px;
	background: url(../images/login-submit-bg.jpg) top left no-repeat;
	width: 79px; height: 24px;
	border: none;
	cursor: pointer;
	_margin-top: -21px;
}
div.login a.forgot{
	color: #8c9f33;
	font-style: italic;
	font-size: 11px;
	line-height: 22px;
	margin-left: 10px;
}
div.support{
	width: 199px;
	background: url(../images/support-bg-main.jpg) top left repeat-y;
	position: absolute;
	top: 30px;
	right: 0;
	display: none;
	z-index: 9999;
}
div.top-support{
	width: 179px;
	padding: 15px 10px;	
	background: url(../images/support-bg.jpg) top left no-repeat;
	border-bottom: 1px solid #8C9F33;
	position: relative;
}
div.support h3.support{
	color: #555555;
	border-bottom: 1px dotted #eeeeee;
	padding-bottom: 5px;
	color: #3089fd;
	font-size: 13px;
	margin-bottom: 10px;
	margin-top: 5px;
	
}
img.close{
	cursor: pointer;
	position: absolute;
	right: 5px;
	bottom: 5px;
}
img.login-icon{
	right: 10px;
	bottom: 3px;
}
img.support-icon{
	margin-bottom: -3px;	
	margin-right: 5px;
}
#search{
	position: absolute;
	width: 450px;
	height: 60px;
	top: 45px;
	right: 0;
}
div.panel-search{
	width: 439px;
	padding-left: 11px;
	height: 22px;
}
input.search-text{
	width: 267px;
	margin-left: 10px;
	margin-top: 1px;
	height: 32px;
	line-height: 32px;
	border: none;
	background: none;
}
ul.portfolio{
	list-style: none;	
}
input.search-submit_en{
	width: 82px;
	height: 34px;
	border: none;
	background: none;
	cursor: pointer;
	background: url(../images/search-submit_en.png) top left no-repeat;
}

input.search-submit_vn{
	width: 82px;
	height: 34px;
	border: none;
	background: none;
	cursor: pointer;
	background: url(../images/search-submit_vn.png) top left no-repeat;
}
a.advance{
	margin-left: 13px;
	margin-top: 3px;
	padding-right: 3px;
	display: block;
	width: 75px;
	float: left;
	text-align: center;
	color: #a6a6a6;
	font-weight: bold;
	background: url(../images/advance-bg.png) center right no-repeat;
}
a.advance:hover{
	color: #8c9f33;
}
div.panel-search a{
	padding-left: 8px;
	line-height: 22px;
	float: left;	
}
div.panel-search a:hover{
	background: url(../images/left-panel.jpg) top left no-repeat;
}
div.panel-search a.active{
	background: url(../images/left-panel.jpg) top left no-repeat;
}
div.panel-search a span{
	padding-left: 7px;
	padding-right: 15px;
	line-height: 22px;
	float: left;
	color: #979797;
}
div.panel-search a:hover span{
	background: url(../images/right-panel.jpg) top right no-repeat;
	color: #fff;
}
div.panel-search a.active span{
	background: url(../images/right-panel.jpg) top right no-repeat;
	color: #fff;
}
#main-nav{
	list-style: none;
	position: absolute;
	top: 116px;
	height: 33px;
	width: 100%;
	float: left;
	clear: both;
	z-index: 8888;
}
#main-nav li{
	float: left;	
	line-height: 33px;
	padding: 0 18px;
	background: url(../images/border-main-nav.jpg) center right no-repeat;
	position: relative;
}
#main-nav li.end{
	background: none;	
}
#main-nav li a{
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	padding-left: 18px;
	float: left;
	display: block;
}
#main-nav li a:hover, #main-nav li a.active{
	background: url(../images/left-active.jpg) center left no-repeat;
	color: #fff;
}
#main-nav li a.act{
	background: url(../images/left-active.jpg) center left no-repeat;
	color: #fff;
}
#main-nav li a span{
	line-height: 33px;
	float: left;
	display: block;
	padding-right: 18px;
}
#main-nav li a:hover span, #main-nav li a.active span{
	background: url(../images/right-active.jpg) center right no-repeat;	
}
#main-nav li a.act span{
	background: url(../images/right-active.jpg) center right no-repeat;	
}
li.headlink ul{
	width: 200px;
	position: absolute;
	top: 33px;
	left: 18px;
	list-style: none;
	display: none;
}
#main-nav li.headlink ul li{
	background: none;
	border: 1px solid #fff;
	width: 198px;
	padding: 0;
	margin: 0;
	line-height: 25px;
	height: 25px;
	margin-bottom: -1px;
	float: left;
	display: block;
}
#main-nav li.headlink ul li a{
	background: #8c9f33;
	line-height: 25px;
	width: 183px;
	padding: 0;
	padding-left: 15px;
}
#main-nav li.headlink ul li a:hover{
	background: #fff7f2;
	color: #8c9f33;
}
#main-nav li.headlink ul li.list ul{
	left: 198px;
	top: -1px;
	display: none;
}
#main-content{
	width: 100%;
	float: left;
	clear: both;
}
#main-sidebar{
	width: 220px;
	float: left;
}
#sidebar{
	width: 220px;
	float: left;
	background: url(../images/sidebar-bg.jpg) top left repeat-y;
	overflow: hidden;
}
#bot-sidebar{
	width: 220px;
	float: left;
	background: url(../images/bot-sidebar.jpg) bottom left no-repeat;
	padding-bottom: 4px;
}
h3.category{
	width: 195px;
	background: url(../images/category-bg.jpg) top left no-repeat;
	height: 34px; 
	line-height: 34px;
	text-transform: uppercase;
	padding-left: 25px;
	color: #fff;
	font-size: 12px;
}
ul.list-side{
	list-style: none;	
	width: 100%;
}
ul.list-side{
	width: 100%;
}
ul.list-side li{
	width: 195px;
	background: url(../images/sidebar-list.jpg) top left no-repeat;
	display: block;
	height: 31px;
	line-height: 31px;
	padding-left: 25px;
	
}
ul.list-side li a{
	color: #535353;
	font-weight: bold;
}
ul.list-side li a:hover, ul.list-side li a.active{
	color: #8c9f33;
}
#t-content{
	width: 720px;
	float: left;
	padding-left: 10px;
	/*overflow: hidden;*/
}
img.ads{
	margin: 5px 0;	
}
div.banner{
	width: 100%;
	overflow: hidden;
}
div.product{
	width: 100%;
	margin-top: 5px;
}
div.pro-box{
	width: 700px;
	border: 1px solid #dfdfdf;
	border-top: 1px solid #8c9f33;
	padding: 10px 9px;
	padding-top: 5px;
}
div.page{
	padding: 15px 9px;	
}
div.pro-cell{
	width: 165px;	
	padding: 5px;
	height: 210px;
	padding-top: 0;
}
div.pro-panel{
	width: 100%;
	height: 25px;
	overflow: hidden;
	line-height: 25px;
}
ul.panel{
	list-style: none;
	color: #888;
}
ul.panel li{
	float: left;
}	
ul.panel li a{
	color: #888;
	font-weight: bold;
	font-size: 11px;
	float: left;
	padding-left: 7px;
}
ul.panel li a:hover, ul.panel li a.active{
	background: url(https://www.susuong.com/images/left-menu-box.jpg) top left no-repeat;
	color: #fff;
}
ul.panel li a span{
	float: left;
	padding-left: 3px;
	padding-right: 25px;
}
ul.panel li a:hover span, ul.panel li a.active span{
	background: url(../images/right-menu-box.jpg) top right no-repeat;
}
h3.pro-cat{
	text-transform: uppercase;
	font-size: 12px;
	color: #8c9f33;
	line-height: 25px;
}
p.pro-name{
	width: 165px;
	overflow: hidden;
	text-align: center;
}
p.pro-name a{
	color: #605d57;	
}
p.pro-name a:hover{
	color: #1673ec;	
}
p.pro-name b{
	color: #4294FF;
}
img.title{
	margin: 0 15px 5px 0;
}
a.new-name{
	font-size: 13px;
	font-weight: bold;
	color: #4294FF;	
}
a.new-name:hover{
	color: #FD6C1D;
}
p.short{
	padding: 8px 0;
	line-height: 20px;
}
span.date{
	font-size: 13px;
	color: #ddd;
	font-weight: normal;
}
a.readmore{
	padding-top: 5px;
	color: #4294FF;
}
a.readmore:hover{
	color: #FD6C1D;
}
hr.end{
	border: none;
	background: #eeeeee;
	color: #eeeeee;
	height: 1px;
	width: 100%;
	float: left;
	margin-top: 20px;
}
div.end-size{
	width: 100%;
	float: left;
	margin-top: 25px !important;
}
div.end-size span.back-top{
	background: url(../images/back-top.jpg) right center no-repeat;	
	padding-right: 25px;
	color: #444;
}
div.end-size a:hover span{
	color: #8c9f33;
}
div.list-new{
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 10px;
	_padding-bottom: 15px;
	border-bottom: 1px solid #eeeeee;
}
h3.other{
	color: #000;
	font-size: 13px;
	border-bottom: 1px dotted #eeeeee;
	padding: 5px 0;
	margin-top: 15px;
}
ul.other{
	list-style: none;
	margin: 10px 0;
}
ul.other li{
	background: url(../images/list-bg.jpg) center left no-repeat;
	padding-left: 15px;
	line-height: 18px;
}
ul.other li span{
	color: #dddddd;
}
ul.other li a{
	color: #4294FF;
}
ul.other li a:hover{
	color: #FD6C1D;
}
div.detail{
	width: 468px;
	margin-left: 10px;
}
img.navi{
	margin-bottom: -13px;
	cursor: pointer;
}
ul.scroll-nav{
	height:45px;
}
div.detail h2{
	color: #8c9f33;
	font-size: 16px;
	font-family: Tahoma, Geneva, sans-serif;
}
span.code{
	color: #444444;
	font-size: 13px;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
	line-height: 44px;
}
div.mota{
	width: 700px;
	background: #f6f9fe;
	margin-top: 10px;
	text-align: justify;
	padding: 5px 10px 15px 10px;
	line-height: 18px;
}
div.mota ul{
	margin-left:25px;
}
span.mota-pro{
	text-transform: uppercase;
	color: #444444;
	font-weight: bold;
}
h3.price{
	color: #4294FF;
	font-size: 14px;
	line-height: 30px;
	padding-bottom: 18px;
}
#gallery{	
	width: 240px;
	border: 1px solid #dddddd;
	height:208px;
}
.imgScroll{
	position:absolute;
	top:326px;
}
#gallery ul{
	margin:0px;
	padding:0px;
	list-style: none;
}
#gallery li{
	list-style:none;
	height:45px;
	overflow:hidden;
	text-align: center;
	float: left;
}
div.thumbList ul li{
	margin-right: 5px;
}
div.thumbList ul li{
	margin-right: 5px;
}
#gallery a img{
	border:none;
}
#content{
	width: 720px;
}
#gallery li#move_prev{
	width: 10px;		
}
#gallery li#move_next{
	width: 10px;		
}
#gallery ul.scroll-nav{
	border-top: 1px solid #dddddd;	
	padding-top: 5px;
}
/*-------------Gio hang-------------*/
table.proList{
	margin-top: 15px;
}
table.proList th{
	text-align: center;
	padding: 10px 0;
}
table.proList input{
	text-align: center;
}
table.proList td{
	padding: 5px 0;
}
table.abc td strong{
	padding-right: 5px;
}
table.abc textarea{
	width: 300px;
}
table.abc select{
	margin: 5px 0;
}
/*-------------Contact--------------*/
form.contact input.text{
	margin: 5px 0;
}
form.contact input.submit{
	height: 28px; line-height: 20px;
	display: block;
	padding: 0 5px;
	font-size: 11px; font-weight: bold;
	margin: 5px 0;
	color: #666666;
	cursor: pointer;
}
form.contact textarea{
	margin: 5px 0;
}
div.s-right{
	margin-top: 2px;	
}
div.s-right span{
	margin-right: 5px;
	color: #888888;
}
#t-footer{
	height: 85px;
	width: 100%;
	border-top: 1px solid #8c9f33;
	float: left;
	clear: both;
	margin-top: 10px;
}

#t-footer p.left{
	width: 265px;
	height: 100%;
	text-align: center;
	line-height: 22px;
	padding-top: 15px;
	color: #7a7a7a;
}
#t-footer p.left span{
	color: #bdbdbd;	
}
#t-footer p.left span a{
	color: #bdbdbd;
}
ul.bot-nav{
	list-style: none;
	width: 685px;
	height: 100%;
	text-align: center;
	padding-top: 19px;
}
ul.bot-nav li{
	display: inline;
	color: #484848;
}
ul.bot-nav li a{
	color: #484848;
	padding: 0 10px;
}
ul.bot-nav li a:hover{
	text-decoration: underline;
}
ul.bot-nav li a.active{
	text-decoration: none;
	color: #1b7bf8;
}


/*------Bo sung ngay 12 9 2012*/
.normal_button{
	width:81px;
	height:26px;
	background:url(../images/submit-bg.jpg) no-repeat;
	border:0px;
	padding-bottom: 3px;
	color: white;
}