/*
Template Name: Newserific
File: Layout CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

@import url(global.css);
@import url(forms.css);
@import url(box.css);
@font-face{
	font-family: fontvol1;
	src: url(../../font/FontDep.com-UVNChimBienNang.TTF);
}
@font-face{
	font-family: fontvol2;
	src: url(../../font/UTMAvo.ttf);
}
@font-face{
	font-family: fontvol3;
	src: url(../../font/impact.ttf);
}
body{
	margin:0;
	padding:0;
	font-size:12px;
	line-height:150%;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	background:#f2f2f2;
	min-width:1000px;
	}

/* --------------------------------Wrapper-------------------------------------*/

div.wrapper{
	display:block;
	width:1000px;
	margin:0px auto;
	text-align:left;
	position:relative;
	}

/*-----------------------------------Header-------------------------------------*/
#header{
	position:fixed;
	width:100%;
	height:86px;
	padding-bottom:11px;
	background:url(../images/menutop_bg.png) repeat-x top;
	z-index:56;
	}
#header .logo{
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-73px;
	z-index:1;
	}
	
#header .header_cart{
	position: absolute;
    right: 0px;
    top: 0px;
    color: #64410f;
    height: 21px;
    line-height: 20px;
    padding-right: 3px;
    background: url(../images/header_cart.png) no-repeat right bottom;
    font-size: 0px;
}
#header .header_user{
    position: absolute;
    top: 25px;
}
#header .header_cart .num_cart{
	height:22px;
	line-height:22px;
	background:url(../images/header_cart.png) no-repeat left top;
	padding-left:32px;
	display:inline-block;
	min-width:25px;
	text-align:center;
	margin-left:7px;
	color:#fff;
    font-size: 12px;
	}
	
#header .header_user1{
	position:absolute;
	left:50%;
	margin-left:100px;
	top:105px;
	}
#header .header_user li .login_cf{
    background:url(../images/l_icon.png) no-repeat 0px 0px #64410f;
    width: 45px;
    height: 45px;
}
#header .header_user li .reg_cf{
    background:url(../images/r_icon.png) no-repeat 0px 0px #64410f;
    width: 45px;
    height: 45px;
}
.is_log_1{
    background:url(../images/r_icon1.png) no-repeat 0px 0px #64410f;
    width: 45px;
    height: 45px;
}
.is_log_2{
    background:url(../images/r_icon2.png) no-repeat 0px 0px #64410f;
    width: 45px;
    height: 45px;
}
#header .header_user li.mid{
	width:0px;
	text-align:center
	}
#header .header_user li{
	float: left;
    color: #64410f;
    width: 45px;
    height: 45px;
    background: #64410f;
    margin-bottom: 2px;
    font-size: 0px;
	}
 
#header .header_user li a{
	float:left;
	color:#64410f;
	}
#header .header_user .header_user_form{
	display:none;
	}

.header_user_form .row_btn{
	text-align:right;
	}
#header_signup_form{
	width:400px;
	padding:5px;
	}
#header_signup_form label{
	float:left;
	width:32%;
	line-height:22px;
	}
#header_signup_form .input_text{
	float:right;
	width:65%;
	}

#header_signin_form{
	width:200px;
	padding:5px;
	}
#header_signin_form .row{
	padding-bottom:5px;
	}
#header_signin_form label{
	display:block;
	}
#header_signin_form .input_text{
	width:98%;
	}
	
#box_lang{
	position:fixed;
	height:86px;
	width:45px;
	top:50%;
	margin-top:-43px;
	left:0px;
	}
#box_lang a{
	display:inline-block;
	width:45px;
	height:43px;
	}
#box_lang a.flag_vi{
	background:url(../images/flag_vi.gif) no-repeat center center;
	}
#box_lang a.flag_en{
	background:url(../images/flag_en.gif) no-repeat center center;
	}
	
/* ------------------------------------BreadCrumb-------------------------------*/
#menu_main{
	padding-top:26px;
	height: 50px;
	left: 50%;
	padding-top: 26px;
	position: absolute;
	top: 0;
	width: 1px;
	z-index: 100;
	}
#menu_main_l{
	position:absolute;
	right:80px;
	min-width:440px;
	}
#menu_main_l .sf-menu{
	float:right;
	}
#menu_main_r{
	position:absolute;
	left:80px;
	min-width:440px;
	}
#menu_main_r .sf-menu{
	float:left;
	}
#menu_main .menu_li{
	float:left;
	height:28px;
	background:url(../images/menutop_li.png) no-repeat center left;
	}
#menu_main .menu_li.first{
	background:none;
	}
#menu_main .menu_li .menu_link{
	display:block;
	overflow:hidden;
	text-align:center;
	line-height:14px;
	padding:0px 20px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75);
	text-transform:uppercase;
	}
#menu_main .menu_li.sfHover .menu_link,
#menu_main .menu_li.active .menu_link,
#menu_main .menu_li .menu_link:hover{
	color:#fdf006;
	}
#menu_main .menu_li .menu_link .icon_home{
	display:inline-block;
	background:url(../images/menu_home.png) no-repeat center center;
	width:26px;
	height:33px;
	}
#menu_main .sf-arrows .sf-with-ul:after{
	display:none;
	}

/* ------------------------------------BreadCrumb-------------------------------*/

#main_slide{
	padding:0px 0px;
	float:right;
	width:740px;
	height:324px;
	overflow:hidden;
	}

#main_slide ul{
	margin:0;
	padding:0;
	list-style:none;
	}

/* -----------------------------Content---------------------------------*/
#container{
	padding-top:186px;
	width:950px;
	margin:0px auto 20px;
	}
	
#top-content{
	padding-bottom:20px;
	position:relative;
	}
#top-content .box_search{
	position:absolute;
	top:-35px;
	right:0px;
	height:21px;
	}
#top-content .box_search .search_title{
	color:#64410f;
	padding-right:10px;
	display:inline-block;
	}
#top-content .box_search .text_search{
	width: 205px;
    padding-right: 20px;
    background: none;
    border: none;
    border-bottom: 1px dashed #a8a8a8;
    padding: 0px;
    height: 21px;
    line-height: 21px;
    margin-right: 20px;
	}
#top-content .box_search .btn_search{
	position:absolute;
	top:0px;
	right:0px;
	}
	
#top-content .menu{
	border-top: 1px solid #d5cec2;
	border-bottom: 1px solid #d5cec2;
	height:42px;
	}
#top-content .box_menu_pro{
	float:left;
	width:210px;
	margin:0px;
	margin-top:-1px;
	position:relative;
	}
#top-content .banner_item{
	float:left;
	}
#top-content .banner_item-title{
	height:42px;
	line-height:42px;
	padding:0px 15px;
	text-transform:uppercase;
	cursor:pointer;
	}
#top-content .banner_item.hover .banner_item-title{
	padding:0px 14px;
	border-left:1px solid #d5cec2;
	border-right:1px solid #d5cec2;
	border-bottom:1px solid #f2f2f2;
	z-index:56;
	position:relative;
	}
#top-content .banner_item-title h3{
	font-weight:normal;
	font-size:12px;
	}
#top-content .banner_item_1 .banner_item-title h3{
	background:url(../images/menu_banner1.png) no-repeat 0px 10px;
	padding-left:45px;
	}
#top-content .banner_item_2 .banner_item-title h3{
	background:url(../images/menu_banner2.png) no-repeat 0px 8px;
	padding-left:28px;
	}
#top-content .banner_item_3 .banner_item-title h3{
	background:url(../images/menu_banner3.png) no-repeat 0px 5px;
	padding-left:28px;
	}
#top-content .banner_item-content{
	position:absolute;
	width:720px;
	height:314px;
	padding:4px 9px;
	border:1px solid #d5cec2;
	background:#f2f2f2;
	overflow:auto;
	top:43px;
	left:210px;
	z-index:55;
	display:none;
	}

#top-content .hotline{
	float:right;
	color:#fff;
	height:44px;
	line-height:44px;
	font-size:17px;
	font-weight:bold;
	position:relative;
	margin:0px;
	margin-top:-1px;
	padding:0px 10px 0px 35px;
	background:url(../images/hotline.png) #64410f no-repeat 7px 10px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	}

#content{
	width:610px;
	float:left;
	}
#content img{
	}

#content-home-load{
	height:100%;
	position:relative;
	}
#content .loading{
	position:absolute;
	width:100%;
	height:100%;
	background:url(../images/loading.gif) no-repeat center center;
	}
	
#content-home{
	background:url(../images/home.png) no-repeat center top;
	min-height:585px;
	height:100%;
	position:relative;
	}
#content-home img{
	position:absolute;
	margin-left:50%;
	z-index:1;
	}
#content-home #home-coffee-cup1{
	left:-138px;
	top:275px;
	z-index:0;
	}
#content-home #home-coffee-cup2{
	left:-205px;
	top:344px;
	z-index:2;
	}
#content-home #home-sign{
	left:241px;
	top:392px;
	}
#content-home #home-milk{
	left:-120px;
	top:23px;
	}
#content-home #home-milk1{
	left:-78px;
	top:87px;
	}
#content-home #home-coffee{
	left:10px;
	top:35px;
	z-index:1;
	}
#content-home #home-coffee-sl{
	left:-620px;
	top:8px;
	}
#content-home #home-coffee-sr{
	left:448px;
	top:8px;
	}
#content-home #home-coffee-ml1{
	left:-416px;
	top:2px;
	}
#content-home #home-coffee-ml2{
	left:-458px;
	top:181px;
	}
#content-home #home-coffee-ml3{
	left:-364px;
	top:131px;
	}
#content-home #home-coffee-ml4{
	left:-316px;
	top:200px;
	}
#content-home #home-coffee-ml5{
	left:-236px;
	top:250px;
	}
#content-home #home-coffee-ml6{
	left:-213px;
	top:291px;
	}
#content-home #home-coffee-ml7{
	left:-270px;
	top:8px;
	}
#content-home #home-coffee-mr1{
	left:562px;
	top:-20px;
	}
#content-home #home-coffee-mr2{
	left:542px;
	top:160px;
	}
#content-home #home-coffee-mr3{
	left:446px;
	top:106px;
	}
#content-home #home-coffee-mr4{
	left:396px;
	top:168px;
	}
#content-home #home-coffee-mr5{
	left:330px;
	top:230px;
	}
#content-home #home-coffee-mr6{
	left:312px;
	top:270px;
	}
#content-home #home-coffee-mr7{
	left:348px;
	top:30px;
	}
	

#content-about{
	min-height:600px;
	height:100%;
	position:relative;
	overflow:hidden;
	}
#content-about img{
	position:absolute;
	margin-left:50%;
	z-index:1;
	}
#content-about #about-home{
	left:-100%;
	top:10px;
	}
#content-about #about-home-sign{
	left:-310px;
	top:-100%;
	}
#content-about #about-home-text{
	display:none;
	left:-418px;
	top:125px;
	}
#content-about #about-coffee-cup{
	left:-338px;
	top:100%;
	}
#content-about #about-coffee-grinder{
	left:-100%;
	top:360px;
	}
#content-about #about-title{
	left:44px;
	top:-100%;
	}
#content-about #about-content{
	position:absolute;
	margin-left:50%;
	left:-64px;
	top:126px;
	font-family: UVNTinTuc_R;
	font-size:14px;
	line-height:20px;
	}
#content-about #about-content img{
	position:static;
	margin:0px;
	left:auto;
	top:auto;
	}
	

#content-product{
	min-height:500px;
	height:100%;
	position:relative;
	overflow:hidden;
	}	
#content-product .product-animation{
	height:40%;
	position:relative;
	}
#content-product img.animation{
	position:absolute;
	margin-left:50%;
	z-index:1;
	}
#content-product #product-curve1{
	left:-424px;
	top:-100%;
	}
#content-product #product-sign{
	left:-100%;
	top:33px;
	}
#content-product #product-curve2{
	left:-100%;
	top:57px;
	}
#content-product #product-coffee{
	left:61px;
	top:-100%;
	}
	
#content-product .controlArrow{
	background:url(../images/slide_arrow.png) no-repeat 0px center;
	width:34px;
	height:100px;
	margin-top:-50px;
	border:none;
	}
#content-product .product-slide{
	position:relative;
	height:60%;
	z-index:2;
	}
#content-product .slide{
	text-align:center;
	}
#content-product .slide .tableCell{
	height:100% !important;
	}
#content-product .controlArrow.prev{
	background-position:left center;
	}
#content-product .controlArrow.next{
	background-position:right center;
	}
/*#content-product .slide .tableCell a{
	display:inline-block;
	max-height:90%;
	}
#content-product .slide .tableCell img{
	max-height:100%;
	width:auto;
	}*/
#content-product .product-slide .item{
	display:inline-block;
	width:390px;
	height:280px;
	overflow:hidden;
	margin:20px 20px;
	border:10px solid #ffffff;
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px 0px 9px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         0px 0px 9px 0px rgba(0, 0, 0, 0.75);
	-ms-transform: rotate(3deg); /* IE 9 */
	-webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
	transform: rotate(3deg);
	}
#content-product .product-slide .item:first-child{
	-ms-transform: rotate(-3deg); /* IE 9 */
	-webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */
	transform: rotate(-3deg);
	}
#content-product .product-popup{
	display:none;
	}
.product-popup{
	width:940px;
	height:365px;
	overflow:hidden;
	}
.product-popup .img{
	width:500px;
	height:362px;
	overflow:hidden;
	float:left;
	}
.product-popup .item-info{
	width:400px;
	height:362px;
	float:right;
	}
.product-popup .item-title{
	font-family:Gabriola;
	font-size:36px;
	line-height:40px;
	}
.product-popup .item-content{
	padding-top:5px;
	height:326px;
	width:100%;
	overflow:hidden;
	}
	
#content-orientation-title{
	min-height:600px;
	height:100%;
	position:relative;
	overflow:hidden;
	}
#content-orientation-title img{
	position:absolute;
	margin-left:50%;
	z-index:1;
	}
#content-orientation-title #orientation-discussion{
	left:-132px;
	bottom:200px;
	}
#content-orientation-title #orientation-curve{
	left:-20px;
	bottom:10px;
	}
	
#content-orientation{
	min-height:500px;
	height:100%;
	position:relative;
	text-align:center;
	}
#content-orientation .orientation-animation img{
	position:absolute;
	margin-left:50%;
	z-index:1;
	}
#content-orientation .orientation-animation #orientation-coffee{
	left:-652px;
	bottom:40px;
	}
#content-orientation .orientation-animation #orientation-coffee-m1{
	left:-375px;
	bottom:40px;
	}
#content-orientation .orientation-animation #orientation-coffee-m2{
	left:-562px;
	bottom:40px;
	}
#content-orientation .orientation-animation #orientation-coffee-m3{
	left:-315px;
	bottom:60px
	}
#content-orientation .orientation-animation #orientation-coffee-m4{
	left:-385px;
	bottom:100px
	}
#content-orientation .orientation-animation #orientation-coffee-m5{
	left:-440px;
	bottom:100px
	}
#content-orientation .orientation-animation #orientation-coffee-m6{
	left:-410px;
	bottom:180px
	}
	
#content-orientation .orientation-content{
	height:95%;
	/*max-height:750px;*/
	display:inline-block;
	margin:0 auto;
	position:relative;
	text-align:left;
	z-index:2;
	}
#content-orientation #orientation-book{
	height:100%;
	}
#content-orientation .orientation-content_l,
#content-orientation .orientation-content_r{
	width:42%;
	height:86%;
	top:5%;
	position:absolute;
	}
#content-orientation .orientation-content_l{
	left:4%;
	}
#content-orientation .orientation-content_r{
	right:4%;
	}
#content-orientation .banner_item{
	width:100% !important;
	height:100% !important;
	}
#content-orientation .banner_item img{
	max-width:100%;
	max-height:100%;
	}

#content-news{
	min-height:550px;
	height:100%;
	position:relative;
	text-align:center;
	}
#content-news .news-animation{
	height:30%;
	text-align:center;
	}
#content-news .news-animation .news-title{
	padding-top:77px;
	font-family:Gabriola;
	font-size:40px;
	line-height:50px;
	position:relative;
	display:inline-block;
	text-transform:uppercase;
	}
#content-news .news-animation #news-curve{
	position:absolute;
	top:20px;
	left:-172px;
	}
#content-news .news-slide{
	height:70%;
	position:relative;
	}
#content-news .news-slide .tableCell{
	height:100% !important;
	}
#content-news .news-slide .item{
	display:inline-block;
	width:263px;
	height:361px;
	background:url(../images/news-bo.png) no-repeat 0px 0px;
	overflow:hidden;
	margin:0px 20px;
	}
#content-news .news-slide .item .img{
	width:244px;
	height:172px;
	overflow:hidden;
	margin: 9px auto;
	}
#content-news .news-slide .item h3{
	text-align:left;
	margin:6px 14px 0px;
	}
#content-news .news-slide .item h3 a{
	color:#000000;
	}
#content-news .news-slide .item .date{
	text-align:left;
	margin:0px 14px 0px;
	color:#b9b8b8;
	font-size:11px;
	}
#content-news .news-slide .item .short{
	text-align:left;
	margin:0px 14px 0px;
	line-height:18px;
	}
#content-news .controlArrow{
	background:url(../images/slide_arrow.png) no-repeat 0px center;
	width:34px;
	height:100%;
	margin-top:0px;
	top:0px;
	border:none;
	}
#content-news .controlArrow.prev{
	background-position:left center;
	}
#content-news .controlArrow.next{
	background-position:right center;
	}
#content-news .news-popup{
	display:none;
	}
.news-popup{
	width:940px;
	height:365px;
	overflow:hidden;
	}
.news-popup .img{
	width:500px;
	height:362px;
	overflow:hidden;
	float:left;
	}
.news-popup .item-info{
	width:400px;
	height:362px;
	float:right;
	}
.news-popup .item-title{
	font-family:Gabriola;
	font-size:36px;
	line-height:40px;
	}
.news-popup .item-content{
	padding-top:5px;
	height:326px;
	width:100%;
	overflow:hidden;
	}
	

#content-standard{
	min-height:500px;
	height:100%;
	position:relative;
	overflow:hidden;
	}
#content-standard .animation{
	position:absolute;
	margin-left:50%;
	z-index:1;
	}
#content-standard #standard-curve1{
	left:-40px;
	top:10px;
	}
#content-standard #standard-title{
	left:-243px;
	top:110px;
	}
#content-standard #standard-tree{
	left:-90px;
	bottom:0px;
	}
#content-standard #standard-imgl{
	left:-400px;
	bottom:162px;
	}
#content-standard #standard-imgr{
	left:258px;
	bottom:163px;
	}
#content-standard #standard-textl{
	width:209px;
	height:200px;
	left:-326px;
	bottom:3px;
	background:url(../images/standard-textl.png) no-repeat center center;
	z-index:2;
	}
#content-standard #standard-textr{
	width:224px;
	height:197px;
	left:120px;
	bottom:5px;
	background:url(../images/standard-textr.png) no-repeat center center;
	z-index:2;
	}
#content-standard #standard-textl .banner_item,
#content-standard #standard-textr .banner_item{
	position:absolute;
	top:20px;
	left:20px;
	color:#ffffff;
	font-family: UVNTinTuc_R;
	font-size:12px;
	}
#content-standard #standard-textr .banner_item{
	left:45px;
	}
#content-standard #standard-curve2{
	left:-264px;
	bottom:-6px;
	}
	

#content-partner{
	min-height:520px;
	height:100%;
	position:relative;
	overflow:hidden;
	}
#content-partner .animation{
	position:absolute;
	margin-left:50%;
	}
#content-partner #partner-curve{
	left:-65px;
	top:-200px;
	}
#content-partner #partner-sign{
	left:-111px;
	top:-170px;
	}
#content-partner #partner-handshake{
	left:-84px;
	top:-300px;
	}
#content-partner #partner-imgl-div{
	position:absolute;
	left:0px;
	bottom:0px;
	width:410px;
	height:381px;
	}
#content-partner #partner-imgl1{
	position:absolute;
	left:-410px;
	bottom:0px;
	}
#content-partner #partner-imgl2{
	position:absolute;
	left:265px;
	bottom:-161px;
	}
#content-partner #partner-imgr-div{
	position:absolute;
	right:0px;
	bottom:0px;
	width:376px;
	height:331px;
	}
#content-partner #partner-imgr{
	position:absolute;
	right:-376px;
	bottom:0px;
	}
#content-partner #partner-text{
	text-align:justify;
	width:740px;
	margin: 0 auto;
	position:relative;
	top:270px;
	font-family: UVNTinTuc_R;
	}
	

#content-contact{
	min-height:520px;
	height:100%;
	position:relative;
	overflow:hidden;
	}
#content-contact .animation{
	position:absolute;
	margin-left:50%;
	}
#content-contact #contact-world{
	left:-173px;
	top:-150px;
	}
#content-contact #contact-arrow{
	left:5px;
	top:-100%;
	}
#content-contact #contact-footer{
	position:absolute;
	width:100%;
	/*height:236px;
	bottom:-236px;*/
	height:170px;
	bottom:-150px;
	background:url(../images/contact-footer.jpg) no-repeat center top;
	left:0px;
	}
#content-contact #contact-product{
	bottom:10px;
	left:-100%;
	z-index:1;
	}
#content-contact #contact-leaf1{
	bottom:318px;
	left:-415px;
	z-index:1;
	}
#content-contact #contact-leaf2{
	bottom:438px;
	left:-650px;
	z-index:1;
	}
#content-contact #contact-leaf3{
	bottom:249px;
	left:340px;
	z-index:1;
	}
#content-contact #contact-leaf4{
	bottom:107px;
	left:563px;
	z-index:1;
	}
#content-contact #contact-envelope{
	width:460px;
	height:388px;
	background:url(../images/contact-envelope.png) no-repeat 0px 0px;
	position:absolute;
	right:-460px;
	/*bottom:236px;*/
	bottom:150px;
	}
#content-contact #contact-letter{
	width:337px;
	height:286px;
	background:url(../images/contact-letter.png) no-repeat 0px 0px;
	position:absolute;
	right:-350px;
	bottom:0px;
	padding:17px 30px 0px 35px;
	}
#content-contact #contact-letter .row{
	padding-bottom:9px;
	}
#content-contact #contact-letter .row label{
	float:left;
	width:90px;
	padding-top:2px;
	}
#content-contact #contact-letter .row .input_text,
#content-contact #contact-letter .row .textarea{
	float:right;
	width:240px;
	height:22px;
	line-height:22px;
	padding:0px;
	border:none;
	background:url(../images/input_text.gif) repeat;
	}
#content-contact #contact-letter .row .textarea{
	height:76px;
	line-height:20px;
	resize:none;
	}

#content-contact #contact-letter .row label.error{
	position:absolute;
	display:none !important;
	}	
#content-contact #contact-letter .row .input_text.error,
#content-contact #contact-letter .row .textarea.error{
	background:#ffacac;
	}	
	
#contact-footer{
	position:relative;
	height:150px;
	background:url(../images/contact-footer.jpg) no-repeat center top;
	}

#contact-footer #contact-footer-limit{
	width:986px;
	position:absolute;
	/*top:114px;*/
	top:20px;
	margin-left:50%;
	left:-493px;
	z-index:2;
	}
#contact-footer .contact-footer-left{
	float:left;
	max-width:48%;
	color:#ffffff;
	}
#contact-footer .contact-footer-right{
	float:right;
	max-width:48%;
	}
#contact-footer .emaillist{
	}
#contact-footer .emaillist label{
	display:block;
	font-size:16px;
	line-height:20px;
	padding-bottom:13px;
	text-transform:uppercase;
	font-weight:bold;
	color:#ffffff;
	}
#contact-footer .emaillist_input{
	background:#ffffff;
	width:276px;
	height:37px;
	padding:0px;
	border:none;
	float:left;
	text-indent:10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
#contact-footer .emaillist label.error{
	position:absolute;
	display:none !important;
	}	
#contact-footer .emaillist_input.error{
	background:#ffacac;
	}	
#contact-footer .btn_image{
	float:right;
	margin-left:12px;
	}
#contact-footer .copyright{
	color:#ffffff;
	}
#contact-footer .copyright a{
	color:#ffffff;
	}

/* -----------------------------Column------------------------------*/
#column_left{
	display:block;
	float:left;
	width:180px;
	min-height:100px;
	}
	
#column{
	display:block;
	float:right;
	width:300px;
	}
#column .banner_right_top{
	margin-left:-5px;
	padding-bottom:25px;
	}


/*---------------paginate---------------*/
.paginate{
	text-align:right;
	}
.paginate .pagetotal{
	background:#000000;
	display:none;
	padding:0px 2px;
	color:#ffffff;
	}
.paginate .pagelink{
	background:url(../images/paginate.gif) no-repeat 0px 0px;
	display:inline-block;
	color:#000000;
	width:21px;
	height:21px;
	line-height:21px;
	text-align:center;
	}
.paginate .pagecur{
	background:url(../images/paginate.gif) no-repeat 0px -21px;
	display:inline-block;
	color:#000000;
	width:21px;
	height:21px;
	line-height:21px;
	text-align:center;
	}
.paginate .btnPage{
	display:inline-block;
	color:#000000;
	width:21px;
	height:21px;
	line-height:21px;
	text-align:center;
	background:url(../images/paginate.gif) no-repeat 0px 0px;
	}
.paginate .btnPage.first{
	background-position:0px -63px;
	}
.paginate .btnPage.prev{
	background-position:0px -42px;
	}
.paginate .btnPage.next{
	background-position:0px -84px;
	}
.paginate .btnPage.last{
	background-position:0px -106px;
	}

#footer {
	background:#72b800;
	border-top:1px solid #5f8711;
	color:#ffffff;
	padding:2px 0px 7px;
}
#footer .wrapper {
}
#footer a{
	color:#ffffff;
}

#footer .copyright{
	float:left;
	padding-top:10px;
	width:500px;
	margin-right:20px;
	}

#footer .share{
	padding-top:5px;
	float:left;
	}
#footer .share .banner_item{
	float:left;
	margin-left:5px;
	}
.user_cart{
    position: fixed;
    height: 86px;
    width: 45px;
    top: 50%;
    margin-top: -43px;
    right: 0px;
}

#tab-comment .title{
    width: 150px;
    float: left;
    padding-top: 2px;
}
#tab-comment .input_text, #tab-comment .textarea {
    float: left;
    width: 300px;
}
.comment_list_name {
    color: #0066cc;
    font-weight: bold;
}
.comment_list_date {
    color: #0066cc;
    font-weight: ;
}
.comment_list_content {
    padding: 15px 0px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 15px;
}
#back-top {
position: fixed;
}
#back-top {
bottom: 15px;
right: 15px;
margin: 0;
padding: 0;
z-index: 2;
}
#back-top a:hover {
color: #000;
}
#back-top a {
width: 60px;
display: block;
text-align: center;
font-size: 11px;
text-transform: uppercase;
text-decoration: none;
color: #bbb;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top span {
width: 60px;
height: 60px;
display: block;
margin-bottom: 7px;
background: #ddd url(../images/top.png) no-repeat center center;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top span {
margin-bottom: 0px !important;
}
.mangxahoi{
    float: right;
}
.mangxahoi .banner_item{
    float: left;
    padding-left: 10px;
}
.ui-helper-hidden-accessible{
    display: none;
}
.ui-corner-all{
    background: #f2f2f2;
    z-index: 111;
    
    width: 205px!important; 
    padding-left: 20px!important;   
    
}
ul.ui-corner-all{
    box-shadow: 1px 2px 3px #888;
    cursor: pointer;
    height: 200px;
    overflow: hidden;
}
ul.ui-corner-all li{
    line-height: 25px;
    height: 25px;
}
ul.ui-corner-all li a{
    color: #666;
    padding-left: 0px!important;
}