/* @group Text CSS */
/*
Theme Name:     Sc4project
Description:    Custom built for Sc4project
Author URI:     
Template:       twentyeleven
Version:        1
*/
/* CSS Document */
@import url(slide-show.css);
@font-face { 
	font-family: 'ElleGabor_Book';
	src: url('../fonts/elle_gabor_std_book-webfont.eot');
	src: url('../fonts/elle_gabor_std_book-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/elle_gabor_std_book-webfont.woff') format('woff'),
		 url('../fonts/elle_gabor_std_book-webfont.ttf') format('truetype'),
		 url('../fonts/elle_gabor_std_book-webfont.svg#elle_gabor_stdbook') format('svg');
		 font-weight: normal;
		 font-style: normal;
} 
@font-face { font-family: 'ElleGabor_DemiBold';
	src: url('../fonts/elle_gabor_std_demibold-webfont.eot');
	src: url('../fonts/elle_gabor_std_demibold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/elle_gabor_std_demibold-webfont.woff') format('woff'),
		 url('../fonts/elle_gabor_std_demibold-webfont.ttf') format('truetype'),
		 url('../fonts/elle_gabor_std_demibold-webfont.svg#elle_gabor_stddemibold') format('svg');
		 font-weight: normal;
		 font-style: normal;
}  
@font-face { font-family: 'ElleGabor_Light';
	src: url('../fonts/elle_gabor_std_light-webfont.eot');
	src: url('../fonts/elle_gabor_std_light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/elle_gabor_std_light-webfont.woff') format('woff'),
		 url('../fonts/elle_gabor_std_light-webfont.ttf') format('truetype'),
		 url('../fonts/elle_gabor_std_light-webfont.svg#elle_gabor_stddemibold') format('svg');
		 font-weight: normal;
		 font-style: normal;
}  

*{margin:0; padding:0}
.blocks:after{content:'';clear:both; display:block; visibility:hidden;min-height:0;line-height:0; overflow:hidden;}
.blocks{clear:both; display:block; zoom:1;}
.blocks>*{display:inline-block; float:left; min-height:1px;}

/*css use for structure of html*/
body { background:url(../images/bg-body.png) no-repeat top center; font-size:16px; color:rgb(29, 39, 19);  font-family: "ElleGabor_Light", "Lucida Grande", "Lucida Sans Unicode", sans-serif;}
a{text-decoration:none; color:#1d2713;}
a:hover{color:#f00;}
img{border:0}
li{ list-style-type:none;}
.clearb{ clear:both;}
p { margin:0; /*padding:0 0 1em;*/ line-height:22px; margin-bottom:7px;}
/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }
.center { text-align:center; }
.justify { text-align:justify; }


#div-logo{height:87px; position:relative; overflow:hidden;}
#div-logo div.left{width:275px; float:left;}
#div-logo div.right{width:725px; float:right; padding-top:27px;}
#div-logo div.right a{color:#fff;}
#div-logo div.right a:hover{color:#ff0;}
#div-logo div.right .tim-kiem{width:216px; float:left; margin-left:43px;}
.xuly_input{border:none; color:#8F8F8F; float:left; font-size:13px; height:30px; padding-left:7px; margin-top:2px; width: 180px; background:url(../images/bg-search.png) no-repeat top left;}
.bnt_search {background:url(../images/btn-search.png) no-repeat scroll 0 0 transparent; border: medium none; color: #C9C9C9; cursor: pointer; display: block; float: right; font-size: 16px; height: 19px; width: 22px; margin-top:7px; margin-left:2px;}
#div-logo div.right .cart{width:45px; float:left; height:34px; line-height:34px; background:url(../images/cart.png) no-repeat left center; padding-left:30px; margin-left:25px; font-size:14px;}
#div-logo div.right .account-login{width:107px; float:left; font-size:14px; margin-left:-5px; height:30px;}
#div-logo div.right .account-login ul{margin:0px; padding:0px;}
#div-logo div.right .account-login ul li{display:inline; border-right:1px solid #fff; line-height:34px; margin-top:10px; padding-left:6px; padding-right:6px;}
#div-logo div.right .account-login ul li:last-child{border:none;}

.div-marque{height:29px; width:429px; background:url(../images/bg-well.png) no-repeat top center; line-height:29px; padding-left:45px; padding-right:45px; position:absolute; top:61px; left:275px; font-size:14px; color:#fff; text-shadow:1px -1px -1px #000;}
.div-marque span{font-size:16px;}
/*=========menu========*/
#top-menu{
    
   background: url("../images/bg-menu.png") no-repeat scroll left top transparent;
    height: 72px;
    margin-left: -17px;
    padding-left: 7px;
    padding-top: 1px;
    width: 1017px;
}
#top-menu >ul{margin: 0; padding: 0; list-style-type: none;}
#top-menu >ul >li{position: relative; display: inline; float: left;}
#top-menu >ul >li >a{display: block; padding-left:15px; padding-right:15px; text-decoration: none;  color:#2a410a;  height:15px; line-height:15px; margin-top:25px; border-right:1px solid #5ca10d; font-weight:700; font-size:18px;}
#top-menu >ul >li:last-child >a{border:none;}
#top-menu >ul >li >ul{z-index: 9999; left: 0; position: absolute; top: 10px; display: block; visibility: hidden; padding-top:20px;}

#top-menu >ul >li >ul >li{display: list-item; float: none; background:url(../images/bg-ul2.png) top left;}

#top-menu >ul >li >ul >li >ul{ left: 159px; top: 0;}

#top-menu >ul >li >ul >li >a{display: block; width: 160px; color:#2a410a; text-decoration: none; padding: 7px 10px;}
#top-menu >ul >li >ul >li >a:hover{color:#ff0; text-shadow:1px 1px #000; background:url(../images/bg-ul2-over.png) top left;}
#top-menu >ul >li >a:hover{color: white; text-shadow:1px 1px #000;}

#top-menu .mainfoldericon{
background:url(../images/arrow-down.png) no-repeat center right 5px;
}

#top-menu .subfoldericon{
background: #F3F3F3 url(../images/arrow-right.gif) no-repeat center right;
}

#div-support{width:225px; height:150px; position:absolute; top:0px; left:775px; background:url(../images/bg-support.png) no-repeat top left; font-family:Arial, Helvetica, sans-serif;}
#div-support .title{font-size:14px; text-transform:uppercase; color:#197db8; margin-top:27px; height:34px; line-height:34px; font-weight:bold; padding-left:30px;}
#div-support .tell{height:25px; line-height:25px; color:#ff0000; background:url(../images/tell.png) no-repeat left center; padding-left:20px; margin-left:30px; font-family: "ElleGabor_Light", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-weight:bold;}
#div-support .mail{height:25px; line-height:25px; color:#ff0000; background:url(../images/mail.png) no-repeat left center; padding-left:20px; margin-left:30px; font-size:13px;}
#div-support .yahoo-skype{padding-left:50px; margin-top:3px;}
#div-support .yahoo-skype img{margin-right:7px;}


/*===========================================================Content=========================================================================*/
#wap-section{}

#section-left{width:662px; float:left;}
#section-left .block-handi{
    
    background: url("../images/bg-handi.png") repeat scroll left top transparent;
    float: left;
    height: 185px;
    margin-bottom: 15px;
    margin-left: 5px;
    margin-right: 5px;
    width: 320px;
}
#section-left .block-handi>img{
    width: 320px;
    height:80px;
}
#section-left .block-handi .block-handi-img{
    width: 320px;
    height:80px;
    display: none;
}
#section-left .block-handi .block-handi-img>img{
     width: 320px;
    height:80px;
}
#section-left .block-handi h3{
    
   background: none repeat scroll 0 0 rgb(225, 225, 225);
    color: rgb(29, 39, 19);
    font-family: "ElleGabor_Light","Lucida Grande","Lucida Sans Unicode",sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: normal;
    height: 50px;
    line-height: 50px;
    margin: 0 0 16px;
    overflow: hidden;
    padding: 0;
    
}
#section-left .block-handi .img-left{float:left; margin-right:25px; border:1px solid #6fba2c;margin-bottom: 35px;}
#section-left .block-handi .img-left img{
    
}
#section-left .block-handi .block{
    
}
#section-left .block-handi .block .block-item{list-style:url(../images/ul-handi.png) !important; height:118px; overflow:hidden;padding-top: 8px;}
#section-left .block-handi .block ul li{padding:3px 0;}
#section-left .block-handi .block ul li:first-child{padding-top:0px!important;}
.divempty{height:18px; background:url(../images/bg-div-empty.png) repeat-x top left;}
.block-rubbers{margin-right:0px !important;}

#section-right{width:326px; float:right; background:url(../images/bg-block-news.png) repeat top left;}
.bg-img-gt{height:145px; width:326px; background:url(../images/bg-img-gt.png) no-repeat top left; padding-top:5px; padding-bottom:5px;}
#section-right .block{padding:10px;}
#section-right h3{
    
    border-bottom: 1px solid rgb(94, 182, 16);
    color: rgb(29, 39, 19);
    font-family: "ElleGabor_Light","Lucida Grande","Lucida Sans Unicode",sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: normal;
}
#section-right .block .news-item{ margin:15px 0; height:90px; overflow:hidden;}
#section-right .block .news-item img{float:left; margin-right:10px; border:1px solid #336408; background:#e3ecf1; padding:2px;}
.read-more{height:21px; line-height:21px; background:url(../images/bg-read-more.png) no-repeat right center; color:#a0be85; font-size:14px; width:80px; border-bottom:1px solid #a0cb05; border-top:1px solid #a0cb05; margin-top:-5px;}


/*==========================================================Footer==========================================================================*/
#wap-footer{min-height:153px; background:url(../images/bg-footer.png) no-repeat bottom center; font-size:14px;}
#wap-footer .wrapper{margin:0 auto; max-width:1000px; background:url(../images/menu-footer-1.png) no-repeat top left;}
/*#footer-menu ul li a{color:#fff;}*/
#wap-footer a:hover{color:#deff6d !important;}
#footer-menu{width:150px; float:left;}
#footer-menu .title{height:34px; line-height:34px; font-size:14px; text-transform:uppercase; color:#fff; background:url(../images/bg-title-footer.png) no-repeat left 20px center; padding-left:30px;}
#footer-menu ul{list-style:url(../images/ul-footer.png); margin-left:30px; margin-top:10px; padding-bottom:15px;}
#footer-menu ul li{padding:3px 0;}
#div-copyright{
    
    color: rgb(255, 255, 255);
    float: right;
    font-size: 14px;
    width: 390px;
    
}
#div-copyright a{color:#fff;}
#div-fb{margin-top:45px;}
#div-fb div.left{float:left; width:40%;}
#div-fb div.right{
    color: rgb(255, 255, 255);
    float: right;
    font-size: 14px;
    width: 55%;
}

#wap-footer nav{ text-align:center; padding-top:11px;}
#wap-footer .blocks{ margin-top:22px;}


/*=========================================template=================================*/
#temp-left{
    width:270px; 
    float:left; 
    
    background:url("../images/bg-block-news.png") repeat scroll left top transparent;
    
}
#temp-left .block{padding:6px; margin-bottom:15px;}
#temp-left .block h3{font-size:30px; color:rgb(29, 39, 19); border-bottom:1px solid #6fba2c; font-weight:normal; font-family: "ElleGabor_Light", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-style:normal; background:url(../images/bg-h3.png) no-repeat left 7px center; padding-left:25px;}

#temp-right{width:730px; float:right; text-align:justify;}
#temp-right .block{padding:10px; /*background:url(../images/bg.png);*/ margin-bottom:10px; padding-left:30px;}
 .block>h3{font-size:30px; color:rgb(29, 39, 19); border-bottom:1px solid #6fba2c; font-weight:normal; font-family: "ElleGabor_Light", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-style:normal; background:url(../images/bg-h3.png) no-repeat left 7px center; padding-left:25px; margin-bottom:15px;}
 .right>h3{font-size:25px; color:rgb(29, 39, 19); border-bottom:1px solid #6fba2c; font-weight:normal; font-family: "ElleGabor_Light", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-style:normal; background:url(../images/bg-h3.png) no-repeat left 7px center; padding-left:30px; margin-bottom:15px;}
 .left>h3{font-size:30px; color:rgb(29, 39, 19); border-bottom:1px solid #6fba2c; font-weight:normal; font-family: "ElleGabor_Light", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-style:normal; background:url(../images/bg-h3.png) no-repeat left 7px center; padding-left:25px; margin-bottom:15px;}
#temp-right h2{text-transform:uppercase; font-size:18px; color:#fffc00; margin-bottom:15px;font-weight: normal;
font-family: "ElleGabor_Light", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
font-style: normal;}

.aboutus-add{}
.aboutus-add ul{}
.aboutus-add ul li{padding:3px 0;}
.aboutus-add ul li div.left{float:left; width:17%;}
.aboutus-add ul li div.right{float:right; width:83%;}
.color-green{color:#5d942e; text-transform:none;}
.img-about-us{border:2px solid #dfdfdf; float:left; margin-right:15px;}
.bottom-10{margin-bottom:10px; margin-top:20px;}

.sign-up{width:259px; margin-top:10px;}
.sign-up-input{border:none; color:#8F8F8F; float:left; font-size:13px; height:30px; padding-left:7px; width: 222px; background:url(../images/bg-sign-up.png) no-repeat top left;}
.sign-up-bnt_search {background:url(../images/btn-sign-up.png) no-repeat scroll 0 0 transparent; border: medium none; color: #C9C9C9; cursor: pointer; display: block; float: right; font-size: 16px; height: 29px; width: 30px; margin-top:0px; margin-left:0px;}

#wap-news{
    
}
#wap-news >div.left{
    width:273px; float:left; 
    background:url("../images/bg-block-news.png") repeat scroll left top transparent; 
    padding:10px;}
#wap-news div.left .news-item{margin-bottom:15px; height:95px; overflow:hidden; text-align:justify;}
#wap-news div.left .news-item .p-first{height:65px; overflow:hidden;}
#wap-news div.left .news-item img{border:2px solid #e3ecf1; float:left; margin-right:15px; width:100px; height:57px;}
#wap-news div.left .news-item .readmore{text-align:right;}
#wap-news .phan-trang{height:18px; line-height:18px; width:283px; margin-left:-10px; background:url(../images/bg-div-empty.png) repeat-x top left; margin-bottom:-10px; font-size:11px; text-align:right; padding-right:10px;}

#wap-news >div.right{width:667px; float:right; padding:20px; text-align:justify;}
#wap-news >div.right >h1{font-size:1.3em;}
#wap-news div.right .news-item{margin-bottom:30px; height:122px; overflow:hidden;}
#wap-news div.right .news-item img{border:2px solid #e3ecf1; float:left; margin-right:15px; width:168px; height:119px;}
#wap-news div.right .news-item h2{font-size:18px; margin-bottom:15px;}
#wap-news div.right .news-item h2 span{font-size:14px; color:rgb(9, 8, 8);}
#wap-news div.right .news-item a{
    font-weight: bold;
}
.date-time{font-size:14px; color:#5e942e;}
#wap-news h2{font-size:18px; margin-bottom:15px; color:rgb(29, 39, 19);font-weight: normal;
font-family: "ElleGabor_Light", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
font-style: normal;}

.wapper-content{background:#0b1601; opacity:0.8;}

/*tabs*/
/*tabs tin noi bat
-----------------------------------------------------*/
#tabs
{
	background:url(../images/h3tinnoibat.png) no-repeat top center;
	overflow: auto;
	list-style: none;
	margin: 0;
	padding: 0; margin-top:-7px;
}

#tabs > li
{	
    margin: 0; text-align:center; margin-top:20px;
    padding: 0; margin-bottom:15px;
    float: left; text-transform:uppercase; background:url(../images/bgkc.png) no-repeat right center; padding-right:10px;
}
#tabs > li:last-child{border:none; padding-left:0px; background:none;}

#tabs a
{

    float: left; text-transform:none;
    height: 22px; width:77px;
	line-height:22px; 
    text-decoration: none;
}

#tabs a:hover{ color:#000;}

#tabs a:focus
{
    outline: 0;
}

#tabs #current a
{ background:url(../images/bg-tabs.png) no-repeat top left;
    text-shadow: none;    
    color: #fff;
}

#content-tabs{clear:both;}
#content-tabs ul{background:url(../images/bgtinmoi.png) repeat-y top left;}
#content-tabs ul li{border-bottom:1px dotted #b4b4b4; padding-bottom:5px; margin-left:-30px; padding-left:15px; padding-top:5px;
			background-image:url(../images/listnoibat.png); 
            background-repeat: no-repeat;
            background-position: 0px 10px;
}
#content-tabs ul li:last-child{border-bottom:none;}
#content-tabs ul li a{color:#494949; font-size:18px;}

.ul-delivery{list-style:url(../images/icon-one-news.png); margin-left:30px;}
.ul-delivery li{border-bottom:1px dotted #63923b; padding:3px 0;}
.ul-delivery li a{color:rgb(29, 39, 19);}
.ul-delivery li a:hover{color:#f00;}

.ul-condition{}
.ul-condition ul{list-style:url(../images/ul-delivery.png); margin-left:15px;}
.ul-condition .title{
    height:20px; background:url(../images/title-condition.png) no-repeat left center; line-height:20px; 
    color:rgb(29, 39, 19); 
    font-weight:bold; padding-left:15px; margin-bottom:10px;}
.ul-condition div.left{width:35%; float:left; margin-left:10%;}
.ul-condition div.right{width:35%; float:left; margin-left:10%;}
.ul-condition div.left ul li{
    border:none; 
    padding:3px 0; 
    text-transform:uppercase; 
    background:url("../images/bg-block-news.png") repeat scroll left top transparent; 
    margin-bottom:7px;
}
.ul-condition div.right ul li{
    
     background: url("../images/bg-block-news.png") repeat scroll left top transparent;
    border: medium none;
    margin-bottom: 7px;
    padding: 3px 0;
    text-transform: uppercase
}

.img-detail{width:285px; float:left; margin-right:15px; border:2px solid #62a429;}
.border_bottom{border-bottom:1px dotted #3b601c;}

.photo-item{border-bottom:1px dotted #e8ed05; height:89px; overflow:hidden; margin-bottom:15px;}
.photo-item h2{font-size:16px; margin-bottom:0px; color:#fffc00;font-weight: normal;font-family: "ElleGabor_Light", "Lucida Grande", "Lucida Sans Unicode", sans-serif;font-style: normal;}
.photo-item h2 a{color:rgb(29, 39, 19);}
.photo-item img{float:left; margin-right:10px; border:1px solid #42711a; background:#86bc58; padding:3px; width:95px; height:70px;}
.photo-album a{
    display: block;
    float: left;
    height: 150px;
    margin-left: 8px;
    margin-right: 9px;
    text-align: center;
    width: 156px;
}
.photo-album img{border:2px solid #e3ecf1; margin-right:0px; margin-bottom:0px; width:151px; height:111px; opacity:1;}
.img-end{margin-right:0px !important;}

#wap-product{
   
   
}
#wap-product >div.left{
    
   background: url("../images/bg-block-news.png") repeat scroll left top transparent;
    float: left;
    width: 269px;
    
}
#wap-product >div.left >img{margin-bottom:5px;}
#wap-product div.right{width:695px; float:right; padding-top:7px; margin-right:15px;}
#wap-product div.right .product-item{height:145px; overflow:hidden; padding-bottom:10px; position:relative; padding-top:10px;}
#wap-product div.right .product-item img{border:1px solid #f8ee43; float:left; width:148px; height:143px;}
#wap-product div.right .product-item .new-hot{width:34px; height:34px; position:absolute; top:0px; left:125px;}
#wap-product div.right .product-item .new-hot img{width:34px; height:34px; border:none;}

#wap-product div.right .product-item .div-detail{height:145px; float:right; width:535px; background:#fff;color:#000;}
#wap-product div.right .product-item .div-detail >div.left{width:360px; float:left; padding:10px;}
#wap-product div.right .product-item .div-detail >div.left h2{font-size:16px; margin-top:0px; margin-bottom:10px;}
#wap-product div.right .product-item .div-detail >div.left h2 a{color:#5d942e;}
#wap-product div.right .product-item .div-detail >div.left h2 a:hover{color:#ff4e00;}
#wap-product div.right .product-item .div-detail >div.left span{color:#498d04;}

#wap-product div.right .product-item .div-detail >div.right{width:110px; float:right; padding:10px; padding-top:20px; border-left:1px solid #e5e5e5; margin-top:10px;}
.detail-cart{width:87px; height:34px; line-height:24px; background:url(../images/bg-detail.png) no-repeat top left; text-align:center; font-size:16px; margin:0px auto;}
.detail-cart a{color:#000;}
.detail-cart a:hover{color:#ff0;}
.share-to{width:100px; margin:0px auto;}
.share-to img{border:none !important; float:right !important; margin-left:5px; width:16px !important; height:16px !important;}
.share-to img:first-child{margin-right:0px !important;}

.wap-contact{}
.contact-left{
    width:675px; float:left; 
    padding:0 10px;
 }
.contact-left h3{
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: rgb(29, 39, 19);
    font-family: "ElleGabor_Light","Lucida Grande","Lucida Sans Unicode",sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: bold;
}
.contact-left >div.left{width:305px; float:left;}
.contact-left >div.right{width:320px; float:right;background:url(../images/bg-contact.png); padding:10px; margin-top:15px;}
.contact-left >div.right h2{
    
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: rgb(29, 39, 19);
    font-family: "ElleGabor_Light","Lucida Grande","Lucida Sans Unicode",sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
}
    

.contact-right{
    
    width:300px; float:right; 
    text-align:center; padding-top:65px;
    
}
.contact-off{}
.contact-off ul{}
.contact-off ul li{padding:3px 0;}
.contact-off ul li div.left{float:left; width:25%;}
.contact-off ul li div.right{float:right; width:73%;}
.contact-off ul li span{color:rgb(186, 40, 40);}

.export-manager{
    
    width:695px;
    float:left; margin-top:7px; margin-left:-10px;
    
}
.export-manager .column1{width:27%; float:left; margin-right:20px; margin-left:20px;}
.export-manager .column1 div.left{width:80%; float:left;}
.export-manager .column1 div.left .manager{
    font-weight:bold; 
}
.export-manager .column1 div.left .name{
    
}
.export-manager .column1 div.left .tell{color:#f00;}
.export-manager .column1 div.right{width:20%; float:right; padding-top:7px;}
.export-manager .column1 div.right img{margin-bottom:5px;}
.foot-contact{
    
    height:23px;
     
}

.product-market{margin-top:20px; margin-bottom:10px; padding:5px;}
.product-signup{margin-top:20px; margin-bottom:75px; padding:5px;}
.link{font-size:14px; color:#deff6d; height:25px; line-height:25px; padding-left:35px;}
.img-product-detail{width:325px; float:left; margin-right:25px; border:1px solid #62a429; padding:1px; background:#b5d499;}
.info-product-detail{width:325px; float:left; font-size:18px;}
.info-product-detail .name{
     font-family: "ElleGabor_DemiBold", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    background: none repeat scroll 0 0 rgb(210, 228, 170);
    color: rgb(0, 0, 0);
    font-size: 16px;
    padding-left: 10px;
    text-transform: uppercase; font-weight:bold; color:#f00; padding:7px;
   
}
.info-product-detail .add-cart{height:28px; line-height:28px; color:#666666; text-transform:uppercase; font-size:18px; padding-left:10px; background:#fff;}
.info-product-detail .add-cart >img{float:left; margin-right:7px;}
.info-product-detail .add-cart img{ margin-top:3px;}
.info-product-detail .add-cart .column{width:50%; float:left; font-size:14px; text-transform:none!important;}
.info-left{width:100%; float:left;}
.color-green{color:#4d8f12;}
.please-contact{color:#197db8;}

.h3-product-detail{height:25px; line-height:25px; padding-left:40px; margin-bottom:15px; text-transform:uppercase; font-size:16px; background:url(../images/h3-pro-detail.png) no-repeat top left; margin-top:15px;}
.paddding-10{padding:10px; border:none !important;}

.other-product{ padding-bottom:15px;}
/*
.other-product img{width:130px; height:126px; float:left; margin-right:8px; border:1px solid #d0d003;}
*/
.img-end{margin-right:0px;}
.block-market{
    
    background: url("../images/bg-block-news.png") repeat scroll left top transparent;
    border-top: 6px solid rgb(94, 182, 16);
    padding-bottom: 7px;
    
}
.view-all{height:20px; line-height:20px; text-align:right; padding-top:7px;}
.block-market h3{padding-bottom:3px!important; margin-bottom:0px!important;}
.bg-none{background:none !important;}
.div-back{background:url(../images/Contact_footer.png) repeat-x top left; height:23px; line-height:23px; text-align:right; font-size:14px; padding-right:15px;}
.div-back a{color:#4d9b06;}
.div-back a:hover{color:#ff0;}
.code{color:#ff0000 !important; font-weight:bold;}
.code-detail{color:#4d8f12; font-weight:bold;}

#flogin label{
    display: block;
    float: left;
    width: 115px;
}




/*form contact*/
 .errors {
    color: red;
    font-style: italic;
    margin: 0 0 10px 115px;
    padding: 0;
    position: relative;
    margin-top: -15px;
}
 .errors li {
    color: rgb(93, 193, 41);
    font-style: italic;
    padding: 0;
    position: relative;
}
 #buttons-element {
    float: none !important;
    margin-left: 120px;
    text-align: center;
    width: 340px;   
    border: none;
}
 #content {
    border: 1px solid #BCBCBC;
    margin-left: 100px;
    margin-top: -15px;
}
#file {
    border: 1px solid #BCBCBC;
    margin-left: 100px;
    margin-top: -15px;
}
#file-label{
    margin-top: 10px;
}
#registry .zend_form dd input[type="text"], #registry .zend_form dd input[type="password"] {
    display: block;
    margin-bottom: 20px;
    margin-left: 100px;
    margin-top: -20px;
    padding: 5px;
}
#registry .zend_form dd dd {
}
#registry .zend_form dt, #registry .zend_form dd {
    clear: left;
    float: left;
}
dd {
    display: block;
    padding-left: 1.5em;
}
#submit-label,
#reset-label,
#account-label,
#contact-label,
#security-label,
#captcha-input-label{
    display: none;
}

#submit-element,
#reset-element{
    display: inline-block;
}

#fieldset-buttons input{
    padding: 5px 10px;
    cursor: pointer;

}

#registry .zend_form dt,
#registry .zend_form dd{
    clear: left;
    float: left;
   
}

#registry .zend_form dd dd{
   
}

#registry .zend_form dd dd input[type="text"],
#registry .zend_form dd dd input[type="password"]{
    display: block;
    margin-bottom: 20px;
    margin-left: 100px;
    margin-top: -20px;
    padding: 5px;
}

#captcha-input{
    position: absolute;
    top: 142px;
    left: 88px;
    width: 190px;
}

#fieldset-security{
   height: 80px;
    position: relative;
    width: 445px;
}

#captcha-element img{
    border: 1px solid #ccc;
    margin-top:17px;
}

.errors{
    color: red;
    font-style: italic;
}
.info-frame{
    clear: both;
}
#registry{
    clear: both;
}
.zend_form{
    clear: both;
}
.info-frame fieldset{
    padding: 20px;
    border: 1px solid rgb(111, 186, 44);
    border-radius: 4px;
    margin-bottom: 20px;
}

.info-frame fieldset legend{
    font-weight: bold;
    font-size: 14px;
}

.info-frame fieldset p label,
.info-frame fieldset p input{
    display: inline-block;
}

.info-frame fieldset p label{
    width: 150px;
}
.field input{
    border: medium none;
    padding: 3px 10px;
    
    color: rgb(58, 58, 58);
}
.field select{
    background: #fff;
    border: medium none;
    width: 220px;
    padding: 3px 0;
}
.field option{
    background: url("../images/bg-contact.png") repeat scroll 0 0 transparent;
}

.info-frame fieldset p.buttons{
    padding-left: 50px;
}
.info-frame fieldset p.more{
    padding-left: 150px;
}
.size1{
    width: 200px;
}

.size2{
    width: 300px;
}

.message{
    margin-bottom: 20px;
    color: white;
    padding-left: 80px;
    padding-top:  5px;
    padding-bottom:  5px;
}

.error{
    color: red;
    font-style: italic;
}
#captcha-element img {
    float: left;
    height: 40px;
    width: 150px;
}
#captcha-element input {
    height: 29px;
    margin-left: 115px !important;
    margin-top: -93px !important;
}
#buttons-element dd {
    clear: none !important;
}
#buttons-element {
   
}
#fieldset-contact{
    padding: 5px;
   
}
#fieldset-buttons{
    border: medium none;
    height: 45px;
    margin: 0;
    padding: 0;
}
/*enđ form contact*/
.view-all-item{
    float: right;
    padding-bottom: 10px;
    padding-right: 15px;
}
.block .productWrap{
    float: left;
    text-align: center;
    width: 138px;
}
.pagination{
    text-align: right;
    padding-right: 5px;
}
#table-5{
 width: 695px;   
}
#table-5 tr{
    
}
#table-5 tr td{
    border: solid 1px;
    padding: 2px;
}
.shop-more{
    border: 1px solid;
    padding: 2px 10px;
}
.checkout{
    border: 1px solid;
    padding: 2px 10px;
}
.btn-submit{
    
}
.up-qty{
    background: url("../images/bg-contact.png") repeat scroll 0 0 transparent;
    border: medium none;
    color: #000;
}
.contact-right a{
    color: #fff;
}
.photo-album a{
    
}
#fieldset-account{
     margin-left: 75px;
     padding: 15px;
}
#contact-element{
     margin-left: 85px;
     padding: 15px;
}
#security-element{
     margin-left: 75px;

}
#fieldset-security{
    padding: 15px;
}
#fieldset-contact{
    padding: 10px;
}
.maxchar-form{
    background:#fff; border:none;
}
#captcha-input{
    background:url(../images/bg-contact.png); border:none;
}
#captcha-element .errors{
    margin-left: 125px;
    margin-top: 57px;
    width: 215px;
}
.space-index{
    height: 145px;
}
.category-item{
    
    float: left;
    height: 170px;
    margin-bottom: 25px;
    text-align: center;
    width: 173px;
    
}
.category-item img{border:1px solid #afb38e; background:#fff; padding:2px;}
.category-item a h3{
    font-size: 16px;
    height: 55px;
    line-height: 18px;
    overflow: hidden; margin-top:10px;
}
.menu_head:hover .menu_body{
    display: block;
}
.other-product a{
    display: block;
    float: left;
    width: 137px;
}
table{
    
}
table tr{
    
}
table tr td{
    padding: 5px;
}
.one-new-list li{
       background: url("../images/icon-one-news.png") no-repeat scroll 0 0 transparent;
}
.one-new-list li a{
    display: block;
    margin-left: 20px;
    margin-top: 3px;
}
.div-marque{
    color: #244502;
    font-weight: bold;
}
.handicraft-readmore{
    font-style: italic;
    margin-left: 280px;
    margin-top: 165px;
    position: absolute;
    z-index: 999;
}

.product-detail {
    float: right;
    width: 340px;
}

.button-3.active {
      background: none repeat scroll 0 0 rgb(90, 164, 14);
    color: #fff;
}
.button-3 {
    border: 1px solid rgb(210, 228, 170);
    float: left;
    font-style: italic;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    margin-right: 5px;
    margin-top: 5px;
    padding-left: 20px;
    padding-right: 10px;
    width: 120px;
    background: none repeat scroll 0 0 rgb(121, 213, 23);
    color: rgb(42, 65, 10);
}

.attribute {
    clear: left;
    font-weight: normal;
    margin: 10px 0;
    position: relative;
}

.attribute .attr-name {
    float: left;
    width: 140px;
}

.attribute .attr-name {
    float: left;
    width: 140px;
}
.attribute .option-list{
    display: block;
    margin-left: 140px;
}
.attribute .attr-values .vls select{
        border: 1px solid gray;
        width: 180px;
}
#product_attribute_60_1_260{
    margin-left: 140px;
}
#product_attribute_60_2_261{
    margin-left: 140px;
}
.footer-wrapper{
    background: url("../images/footer-wrapper.jpg") repeat-x scroll 0 0 transparent;
    height: 10px;
    margin: 0 auto;
    width: 1000px;
}
#footer-menu ul li a{
    color: #fff;
}
#wap-header{min-height:89px; background:url(../images/bg-header.png) no-repeat top center;}
#wap-header .wrapper{
    margin: 0 auto;
    max-width: 1000px;
    position: relative;
    
    
}
#wap-section .wrapper{margin:0 auto; max-width:1000px;background: url("../images/bg-wrapper.png"); padding-top:10px;}
/*menu left*/
.menu_list {	
	width: 100%;
}
.menu_head { height:31px; line-height:31px; padding-left:40px;
	cursor: pointer;
	position: relative;
    /*font-weight:bold;*/
    background:url(../images/ul1-product.png) no-repeat top left;
}
.menu_body {
	  background: none repeat scroll 0 0 rgb(91, 146, 44);
    display: none;
    margin-left: 228px;
    margin-top: -30px;
    position: absolute;
    width: 267px;
    z-index: 999;
}
.menu_body a{
    background: none repeat scroll 0 0 rgb(242, 249, 232);
    border-bottom: 1px dotted;
    display: block;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
    text-decoration: none;
}
.menu_body a:hover{
    background: none repeat scroll 0 0 rgb(104, 178, 36);
    color: rgb(255, 255, 255);
    text-decoration: none;
}
.wap-footer-u{
    background: #63b51a;
    height: 6px;
}


/*slideshow detail*/

.other-product .divslideshow{
    background: url("../images/bg-other-product.png") repeat-x scroll 0 0 transparent;
}
#carousel_inner1 {
    float:left; /* important for inline positioning */
    width:92% !important; /* important (this width = width of list item(including margin) * items shown */ 
    overflow: hidden;
}

#carousel_ul1 {
    position:relative;
    left:-138px; 
    list-style-type: none; 
    margin: 0px;
    padding: 0px;
    width:900%;
    padding-bottom:10px;
}

#carousel_ul1 li{
    float: left;
    height: 165px;
    margin: 8px 10px;
    padding: 0;
    text-align: center;
    width: 120px;
}

#carousel_ul1 li img {
    

    margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
    cursor:pointer;
    cursor: pointer; 
    border:0px;
     
}

.other-product #left_scroll{
     height: 186px;
    margin-left: -18px;
    width: 32px;
}
.other-product #right_scroll{
     background: none repeat scroll 0 0 rgb(255, 0, 0);
     height: 186px;
     margin-top: 0px !important;
     width: 17px;
}
.forgot-error{
    
}
.table-5 img{
    
}
#fade{
     clear: both;
    height: 176px;
    position: relative;
    width: 268px;
}