body
{
background: url("images/background.jpg") repeat-x fixed center top;
font-family:Arial, Helvetica, sans-serif;
padding:0;
font-size:12px;
color:#000000;
margin:0;
}
.titleIndex
{
	font-size:15px;
	color:#86AE00;
}
.aTag
{
	color:Silver;
}
.aTag:hover
{
	color:Green;
}

.clear{
clear:both;
}
p{
padding:5px 0 5px 0;
margin:0px;
text-align:justify;
line-height:19px;
}
p.details{
padding:5px 15px 5px 15px;
font-size:11px;
}
p.details_cart{
clear:both;
padding:25px 30px 5px 0px;
font-size:11px;
font-style:italic;
}
p.more_details{
padding:25px 20px 0px 20px;
font-size:11px;

}
#wrap{
width:998px;
height: auto;
background-color:#FFFFFF;
}
.header{
width:998px;
height:75px;
background-color:#86AE00;
}
/*----------------crumb_nav------------------*/
.crumb_nav{
padding:5px 0 10px 0px;
}
.crumb_nav a{
color:#11819E;
}
span.red{
color:#11819E;
}
.price{
font-size:14px;
padding:0 0 0 15px;
margin:2px 0 5px 0;
}
span.colors{
padding:2px 2px 0 2px;
}


/*------------------------------------center content--------------------*/
.center_content{
width:998px;
padding:0px 0 0 0;
background:#ffffff url(images/bg.png) no-repeat center top;
text-align:left;
}
.left_content{
width:640px;
float:left;
padding:20px 0 20px 20px;
}
.right_content{
width:300px;
float:left;
padding:20px 0 20px 20px;
}
.sp_content{
width:960px;
float:left;
padding:20px 0 20px 20px;
}
.title{
padding:0px;
float:left;
font-size:15px;
margin:0;
font-weight:bold;
}
.titleSP{
float:left;
font-size:15px;
font-weight:bold;
}
.titleNews{
font-size:15px;
font-weight:bold;
}
.titleSpecial{
font-size:13px;
font-weight:bold;
}
span.title_icon{
float:left;
padding:0 5px 0 0;
}
.prod_title{
padding:5px 0 0 15px;
font-size:13px;
}
a.more{
font-style:italic;
float:right;
text-decoration:none;
font-size:11px;
padding:0px 15px 0 0 ;
}
.about{
width:300px;
clear:both;
background:url(images/300.png) no-repeat bottom center;
padding:0 0 30px 0;
height:200px;
}

.top300
{
width:300px;
clear:both;
background:url(images/300top.png) no-repeat top center;
height:46px;
}
.center300{
width:300px;
clear:both;
background:url(images/300center.png);
background-repeat:repeat-y;
}
.bottom300{
width:300px;
clear:both;
background:url(images/300bottom.png) no-repeat bottom center;
height:20px;
}

.topsearch630
{
width:630px;
clear:both;
background:url(images/630topsearch.png) no-repeat top center;
height:43px;
}
.centersearch630{
width:630px;
clear:both;
background:url(images/630centersearch.png);
background-repeat:repeat-y;
padding-left:3px;
padding-right:5px;
}
.bottomsearch630{
width:630px;
clear:both;
background:url(images/630bottomsearch.png) no-repeat bottom center;
height:11px;
}

.searchleft630
{
	float:left;
	padding-top:4px;
	padding-left:23px;
	font-weight:bold;
	background:url(images/searchbutton.jpg) no-repeat left center;
	margin-left:18px;
	margin-top:13px;
}
	
.searchright630
{
	float:right;
	padding-top:8px;
	padding-right:8px;	
}	

.spacesearch630{
width:600px;
clear:both;
background:url(images/630space.png) no-repeat center center;
height:12px;
}
	
.topsp640
{
width:640px;
clear:both;
background:url(images/640sptop.png) no-repeat top center;
height:41px;
}
.centersp640{
width:640px;
clear:both;
background:url(images/640spcenter.png);
background-repeat:repeat-y;
}
.bottomsp640{
width:640px;
clear:both;
background:url(images/640spbottom.png) no-repeat bottom center;
height:12px;
}

img.right{
float:right;
padding:0 0 0 30px;
}
.right_box{
width:300px;
float:left;
padding:0px 0 0 0;
}
.right_box_bc{
width:130px;
float:left;
padding:0px 0 0 0;
}
/*--------feat_prod_box-----------*/
.feat_prod_box{
padding:10px 0 10px 10px;
margin:0 20px 20px 0;
border-bottom:1px #b2b2b2 dashed;
clear:both;
}
.feat_prod_box_details{
padding:10px 0 10px 0;
margin:0 20px 10px 0;
clear:both;
}
.prod_img{
float:left;
padding:0 5px 0 0;
text-align:center;
}
.prod_det_box{
width:295px;
float:left;
padding:0 0 0 25px;
position:relative;
}
.box_top{
width:295px;
height:9px;
background:url(images/box_top.gif) no-repeat center bottom;
}
.box_center{
width:295px;
height:auto;
background:url(images/box_center.gif) repeat-y center;
}
.box_bottom{
width:295px;
height:9px;
background:url(images/box_bottom.gif) no-repeat center top;
}

.new_prod_box{
float:left;
text-align:center;
padding:10px;
}
.new_prod_box a{
padding:5px 0 5px 0;
color:#b5b5b6;
text-decoration:none;
display:block;
}
.new_prod_bg{
width:132px;
height:119px;
text-align:center;
background:url(images/new_prod_box.gif) no-repeat center;
position:relative;
}
.new_icon{
position:absolute;
top:0px;
right:0px;
z-index:200;
}
.special_icon{
position:absolute;
top:0px;
_top:6px;
right:2px;
z-index:250;
}
img.thumb{
padding:10px 0 0 0;
}
.new_products{
clear:both;
padding:0px;
}

ul.list{
clear:both;
padding:10px 0 0 20px;
margin:0px;
}
ul.list li{
list-style:none;
padding:2px 0 2px 0;
}
ul.list li a{
list-style:none;
text-decoration:none;
color:#000000;
background:url(images/bullet.png) no-repeat left;
padding:0 0 0 17px;
}
ul.list li a:hover{
color:#993a4e;
font-weight:bold;
}

/* demo */

div.demolayout {
width:460px;
margin: 0 0 20px 0;
}

ul.demolayout {
list-style-type: none;
float: left;
margin:0px;
padding:0px;
}

ul.demolayout li {
margin: 0 10px 0 0;
float: left;
}
.tab{
border:1px #DFDFDF solid;
padding:0 0 25px 0;
}
ul.demolayout a {
float: left;
display: block;
padding: 5px 25px;
border: 1px solid #DFDFDF;
border-bottom: 0;
color: #666;
background: #eee;
text-decoration: none;
font-weight: bold;
}

ul.demolayout a:hover {
background: #fff;
}

ul.demolayout a.active {
background: #fff;
padding-bottom: 5px;
cursor: default;
color:#11819E;
}

.tabs-container {
clear: left;
padding:0px;
}
/*-----------------------languages_box---------*/
.languages_box{
padding:0 0 5px 0;
float:left;
}
.languages_box a{
padding:0 2px 0 2px;
}
.languages_box a.selected{
padding:2px 2px 0 2px;
border:1px #CCCCCC solid;
}
.currency{
float:left;
padding:0 0 0 20px;
}
.currency a{
text-decoration:none;
color:#333333;
padding:3px;
border:1px #eeedee solid;
}
.currency a.selected{
text-decoration:none;
color:#fff;
padding:3px;
border:1px #eeedee solid;
background-color:#1ca8e9;
font-weight:bold;
}
.currency a:hover{
border:1px #990000 solid;
}
/*------------------------cart---------------------*/
.cart{
width:360px;
float:left;
height:85px;
background:url(images/cart.png) no-repeat top left;
}
.home_cart_content{
}
.carttitle
{
background:url(images/shopping_cart.gif) no-repeat  bottom left;
padding-top:8px;
padding-left:23px;
font-size:15px;
font-weight:bold;
margin-left:5px;
}
.newsp
{
background:url(images/new_small.png) no-repeat  bottom left;
padding-top:8px;
padding-left:24px;
font-size:15px;
font-weight:bold;
margin-left:5px;
}
.support
{
background:url(images/online.jpg) no-repeat  bottom left;
padding-top:8px;
padding-left:32px;
font-size:15px;
font-weight:bold;
margin-left:5px;
}
.categorym
{
background:url(images/i_category.png) no-repeat  bottom left;
padding-top:8px;
padding-left:25px;
font-size:15px;
font-weight:bold;
margin-left:5px;
}

.video
{
background:url(images/video.png) no-repeat  bottom left;
padding-top:8px;
padding-left:25px;
font-size:15px;
font-weight:bold;
margin-left:5px;
}
/*---------------contact_form------------------*/
.contact_form{
width:355px;
float:left;
padding:25px;
margin:20px 0 0 15px;
_margin:20px 0 0 5px;
border:1px #DFD1D2 dashed;
position:relative;
}
.form_row{
width:335px;
_width:355px;
clear:both;
padding:10px 0 10px 0;
_padding:5px 0 5px 0;
color:#a53d17;
}
label.contact{
width:75px;
float:left;
font-size:12px;
text-align:right;
padding:4px 5px 0 0;
color: #333333;
}
input.contact_input{
width:253px;
height:18px;
background-color:#fff;
color:#999999;
border:1px #DFDFDF solid;
float:left;
}
textarea.contact_textarea{
width:253px;
height:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #999999;
background-color:#fff;
border:1px #DFDFDF solid;
float:left;
}
input.register{
width:71px;
height:25px;
border:none;
cursor:pointer;
text-align:center;
float:right;
color:#FFFFFF;
background:url(images/register_bt.gif) no-repeat center;
}
a.contact{
width:53px;
height:24px;
display:block;
float:right;
margin:0 0 0 10px;
background:url(images/contact_bt.gif) no-repeat center;
text-decoration:none;
text-align:center;
line-height:24px;
color:#fff;
}
a.checkout{
width:71px;
height:25px;
display:block;
float:right;
margin:10px 30px 0 10px;
background:url(images/register_bt.gif) no-repeat center;
text-decoration:none;
text-align:center;
line-height:25px;
color:#fff;
}
a.continue{
width:71px;
height:25px;
display:block;
float:left;
margin:10px 0 0 0px;
background:url(images/register_bt.gif) no-repeat center;
text-decoration:none;
text-align:center;
line-height:25px;
color:#fff;
}
.terms{
padding:0 0 0 80px;
}
.form_subtitle{
position:absolute;
top:-11px;
left:7px;
width:auto;
height:20px;
background-color:#2E7D8A;
text-align:center;
padding:0 7px 0 7px;
color:#FFFFFF;
font-size:11px;
line-height:20px;
}

div.pagination {
width:420px;
padding:5px;
margin:5px;
text-align:center;
float:left;
clear:both;
font-size:10px;
}

div.pagination a {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #2E7D8A;
text-decoration: none; 
color: #2E7D8A;
}
div.pagination a:hover, div.pagination a:active {
border:1px solid #2E7D8A;
color: #fff;
background-color: #2E7D8A;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #2E7D8A;
font-weight: bold;
background-color: #2E7D8A;
color: #FFF;
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #f3f3f3;
color: #ccc;
}
/*---------------footer------------------------*/
.footer{
height:250px;
width:998px;
line-height:23px;
}
.footertop{
height: 5px;
/* background: url(images/Footer/footer_blank.png) no-repeat bottom left; */
width: 998px;
background-color: #90B414;
margin-bottom: 20px;
}
.footer a{
text-decoration:none;
color:#000;
}

.cartbg  
{	    
    background-image: url(images/cartbg.png);
    background-repeat:no-repeat;
    float:right;
    width:240px;height:90px;
}

.buttonSimple
{	
	border-style:solid;
	border-width:1px;
	border-color: #86AE00;
	background-color: #ffffff;	
}
.textboxSimple
{	
	border-style:solid;
	border-width:1px;
	border-color: #86AE00;	
}

.tdLeftTable
{	
	width:30%;
	text-align:left;
	vertical-align:top;
	padding-top:10px;
	padding-left:10px;
	border-style:solid;	
	border-color:#EEEEEE;
	border-width:1px;
	background-color:#FAFAFA;
	font-weight:bold;
	
}
.tdRightTable
{	
	padding:9px;
	width:80%;
	text-align:left;
	border-style:solid;	
	border-color:#EEEEEE;
	border-width:1px;
	background-color:#FEFEFE;
}

a
{
	color:#000000;
	text-decoration:none;
}

/*============BEGIN DIEN THOAI===================*/
.ienlarger {	
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 0px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger a { 
	display:block;
	text-decoration: none;
	color:lime;
	z-index: 10000;
}

.ienlarger a:hover{ /* don't move this positioning to normal state */
 	position:relative; 	
}

.ienlarger span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 0px; /* pushes the text down from the image */	
}

.ienlarger a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;			
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;		
}

.ienlarger img { /* leave or IE puts a border around links */
	border-width: 0;
}

.ienlarger a:hover span { 
	display:block;
	top: 50px; /* means the pop-up's top is 50px away from thumb's top */
	left: 90px; /* means the pop-up's left is 90px far from the thumb's left */	
}

#mouseover
{
    cursor:pointer;
    cursor:hand;
}

.resize_thumb {
	width: 70px; /* enter desired thumb width here */
	height:100px;	
}
/*========END DIEN THOAI==================*/

/*============BEGIN TABLET===================*/
.ienlarger_tablet  {	
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 0px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger_tablet  a { 
	display:block;
	text-decoration: none;
	color:lime;
	z-index: 10000;
}

.ienlarger_tablet  a:hover{ /* don't move this positioning to normal state */
 	position:relative; 	
}

.ienlarger_tablet  span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 0px; /* pushes the text down from the image */	
}

.ienlarger_tablet  a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;			
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;		
}

.ienlarger_tablet  img { /* leave or IE puts a border around links */
	border-width: 0;
}

.ienlarger_tablet  a:hover span { 
	display:block;
	top: 30px; /* means the pop-up's top is 50px away from thumb's top */
	left: 120px; /* means the pop-up's left is 90px far from the thumb's left */	
}

.resize_thumb_tablet {
	width: 100px; /* enter desired thumb width here */
	height:80px;	
}
/*========END TABLET==================*/

.tableSP
{	
	background-color:#ffffff;
	padding-top:3px;
}

.tableSP:hover
{
	border:solid 1px #86AE00;
	background-color:#ffffff;
}

.boxsp  
{	
	font-weight:bold;
	color:#ffffff;
	padding-left: 5px;    
    background-image: url(images/TableBlock/boxsp.png);
    background-repeat:no-repeat;    
    width:300px;
}

.boxspcenter  
{	
	border-left:solid 1px #86ae00;	
	border-right:solid 1px #86ae00;
	background-color:#ffffff;
}

.boxspbottom  
{	
	border-left:solid 1px #86ae00;	
	border-right:solid 1px #86ae00;
	border-bottom:solid 1px #86ae00;
	background-color:#ffffff;
	color:Black;
	padding:3px 3px 3px 3px;
	text-align:justify;	
}

.category{
color:#ffffff;
float:left;
font-size:15px;
font-weight:bold;
background:url(images/category.png) no-repeat left;
padding:10px 0 0 8px;
height:30px;width:170px;
}
.categoryNews{
color:#ffffff;
float:left;
font-size:15px;
font-weight:bold;
background:url(images/catnews.png) no-repeat left;
padding:7px 0 0 28px;
height:26px;width:440px;
}

.phone
{
	float:left;	
	background:#ffffff url(images/byphone.png) no-repeat top left;
	height:97px;width:162px;
}
 
.btn94x25
{
    background: #f7f5f6 url(images/btn94x25.gif) no-repeat;
    background-position: center center;
    border: solid 0px #fff;
    width: 94px;
    padding: 5px 0 7px 0;
    text-align: center;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 11px;
}

.btnShopping
{
    background: url(images/btnOrder.png) no-repeat;
    background-position: center center;
    border: solid 0px #fff;
    width: 113px;
    height:27px    
}

.tableInforMain
{
	font-weight:bold;
}
.tableInforDetail
{
	color:#993a4e;
}
.tableInforPlace
{
	background-color:Silver;
	height:1px;
	width:400px;
}

.tableInforPlaceCompare
{
	background-color:Silver;
	height:1px;
	width:700px;
}

.tdLeftTable
{	
	width:30%;
	text-align:left;
	vertical-align:top;
	padding-top:10px;
	padding-left:10px;
	border-style:solid;	
	border-color:#EEEEEE;
	border-width:1px;
	background-color:#FAFAFA;
	font-weight:bold;
	
}
.tdRightTable
{	
	padding:9px;
	width:80%;
	text-align:left;
	border-style:solid;	
	border-color:#EEEEEE;
	border-width:1px;
	background-color:#FEFEFE;
}

.tblBlockMain
{
	 background-color:#FFFFFF;	
	 border:solid 1px #AACCEE;		
	 padding:0px;
	 border-collapse:collapse;	
	 width:100%; 	 
}

.tblBlockMainBaohanh
{
	 background-color:#FFFFFF;	
	 border:solid 1px #86AE00;		
	 padding:0px;
	 border-collapse:collapse;	
	 width:100%; 	 
}

.tdBlockBannerLeft
{
	 background-color:#EBF3FB;
	 height:18px;
	 border-bottom:solid 1px #AACCEE;
	 text-align:left;
	 font-size:9pt;
	 font-weight:bold;
	 padding-left:9px;	
}

.tdBlockBannerLeftBaohanh
{
	 background-color:#EBF3FB;
	 height:18px;
	 border-bottom:solid 1px #86AE00;
	 text-align:left;
	 font-size:9pt;
	 font-weight:bold;
	 padding-left:9px;	
}

.tdBlockBannerCenter
{
	 background-color:#EBF3FB;
	 height:18px;
	 border-bottom:solid 1px #AACCEE;
	 text-align:center;
	 font-size:9pt;
	 font-weight:bold;	
}

.tdBlockBannerCenterBaohanh
{
	 background-color:#EBF3FB;
	 height:18px;
	 border-bottom:solid 1px #86AE00;
	 text-align:center;
	 font-size:9pt;
	 font-weight:bold;	
}

.tdBlockBannerRight
{
	 background-color:#EBF3FB;
	 height:18px;
	 border-bottom:solid 1px #AACCEE;
	 text-align:left;
	 font-size:9pt;
	 font-weight:bold;
	 padding-left:9px;	
}

.tdBlockBannerRightBaohanh
{
	 background-color:#EBF3FB;
	 height:18px;
	 border-bottom:solid 1px #86AE00;
	 text-align:left;
	 font-size:9pt;
	 font-weight:bold;
	 padding-left:9px;	
}

.tdBlockContentLeft
{
	text-align:center;
	vertical-align:top
}

.tdBlockContentCenter
{
	text-align:center;
	vertical-align:top
}

.tdBlockContentRight
{
	text-align:center;
	vertical-align:top
}

.lblBlockMainContentLeft
{
	font-size:9pt;
	font-weight:normal
}

.bestSale{
width:280px;
background:url(images/bestSale.gif) no-repeat top left;
height:50px;
margin-left:10px;
}

.homepage{
background:url(images/homepage.gif) no-repeat center left;
height:20px;
padding-left:20px;
color:#ffffff;
}
.contact{
background:url(images/contact_icon.png) no-repeat center left;
height:20px;
padding-left:20px;
color:#ffffff;
}

.btnTab {
	border: solid 1px silver;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	padding-top:3px;
	padding-bottom:3px;
	background-color: silver;
	cursor:pointer;
	color:#ffffff;	
	width:120px;
	text-align:center;
}
.btnTabActive {
	border: none;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#c4d883;
	cursor:pointer;
	color:#ffffff;	
	font-weight:bold;
	text-align:center;
	width:120px;
}

.divResult
{
	font-style: italic;
	border-bottom: solid 1px #c4d883;
	padding-bottom: 1px;
	width: 600px;
	margin-bottom: 10px;
	margin-top: 5px;
}