/* CSS Document */

body
{
    font-family: Arial, sans-serif !important;
    font-size: 12px;
}
input
{
    font-family: Arial, sans-serif !important;
}

a {
    color: #6ca726;
    text-decoration: none;
}
a:hover {
    color: #6ca726;
    text-decoration: none;
}
h3
{
    color: #6ca726;
    font-size: 16px;
    padding-left: 10px;
    font-weight: normal;
}
h4
{
    margin: 14px 0;
    font-size: 18px;
}
h5
{
    font-size: 14px;
    color: #6ca726;
}
h6
{
    color: #6ca726;
    font-size: 14px;
    margin-bottom: 10px;
}
a:hover
{
    text-decoration: none !important;
}
.header
{
    background: url(images/bg_header.png) repeat-x;
    height: 160px;
}
.article
{
    height: 160px;
    border-top: solid 4px #1B2020;
}
.container
{
    width: 940px;
    margin: 0 auto;
}
.clearfix
{
    clear: both;
}

/*  language */
.languages
{
    background-color: #1B2020;
    padding: 5px 10px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    opacity: 0.8;
}
.languages span
{
    color: #FFFFFF;
}
.languages a
{
    margin: 0 10px;
    color: #FFFFFF;
}
.languages a:hover
{
    color: #CC6600;
}

/* logo */
.logo
{
    background: url(images/logo.png) no-repeat;
    height: 75px;
    margin: 20px 0 30px;
}
.logo .span
{
    margin-left: 250px;
    padding-top: 20px;
    color: #FFFFFF;
}
.slogan
{
    color: #ffffff;
    font-size: 12px;
    margin-top: 30px;
    line-height: 16px;
    font-style: italic;
}
.banner_home
{
    background-color: #3C2F22;
}

/* menu */
nav
{
}
.nav-fixed .menu-main-menu
{
    margin: 0;
}
.nav-fixed .menu-main-menu li
{
}

.nav-fixed .menu-main-menu a
{
    padding-left: 20px;
    padding-right: 20px;
}
.nav-fixed .menu-main-menu > li > a
{
    line-height: 15px;
    margin-right: 2px;
    border-radius: 5px 5px 0 0;
    margin-top: 2px;
    list-style-type: none;
}
.nav-fixed .menu-main-menu > li
{
    background: url(images/menu.png) repeat-x;
    float: left;
    line-height: 17px;
    margin-right: 2px;
    border-radius: 5px 5px 0 0;
    margin-top: 2px;
    padding-bottom: 8px;
    padding-top: 8px;
    list-style-type: none;
    height: 17px;
}
.nav-fixed .menu-main-menu > li:hover, .nav-fixed .menu-main-menu > li.current
{
    background: url(images/menu_hover.png);
}
.nav-fixed .menu-main-menu li.last:hover
{
    background: url(images/menu.png) repeat-x !important;
}
.nav-fixed .menu-main-menu li.last
{
    padding-left: 17px;
}
.nav-fixed .menu-main-menu > .current > a
{
    color: #000000;
}
.nav-fixed .menu-main-menu > li > a
{
    color: #FFFFFF;
}
.nav-fixed .menu-main-menu > li.dropdown:hover > a
{
    color: #000000;
}
.nav-fixed .menu-main-menu > li.current > a
{
    color: #000000;
}
.nav-fixed .menu-main-menu > li > a:hover
{
    color: #000000;
}

.slide_img
{
    background: url("images/bg_slide.png") repeat-x scroll 0 0 transparent;
    height: 128px;
    margin-top: -290px;
    padding: 20px 20px 0;
    position: absolute;
    width: 402px;
}
/* *******  nav form  ******* */
.no-space [class*="span"]
{
    margin-left: 0;
}
.navigation-bar
{
}
.nav-fixed form
{
}
.nav-fixed form input
{
    background-color: #FFFFFF;
    border: none;
    width: 100px;
    height: 20px;
    height: 12px;
    color: #000000;
    font-size: 11px;
    margin-bottom: -3px;
    margin-right: 10px;
    padding-right: 30px;
}
.nav-fixed form p
{
    position: relative;
    left: -35px;
    top: 2px;
    float: right;
}

.bg_content
{
    background: #FFFFFF url(images/gradient.png) repeat-x;
    padding-top: 30px;
    padding-bottom: 10px;
    margin-top: 1px;
    margin-bottom: 50px;
}

.zone-featured
{
    /*background: url("images/bg_sli.png") repeat-x scroll 0 0 transparent;*/
}

.hot-news
{
}
.hot-news > .hot-news-content {
    display: block;
    height: 200px;
    margin-bottom: 10px;
    overflow: hidden;
}
.hot-news ul
{
    margin: 0;
}
.hot-news ul li
{
    margin-bottom: 15px;
}
.hot-news li a
{
    color: #8c6239;
    padding-right: 10px;
    font-weight: bold;
}
.hot-news .simply-scroll-container { 
	position: relative;
}
.hot-news .simply-scroll-clip { 
	position: relative;
	overflow: hidden;
    height: 200px;
}
.hot-news .simply-scroll-list { 
	overflow: hidden;
}
.widget-exchange-rates a
{
    color: #009900 !important;
}

aside
{
    background: url(images/footer_bg.png) repeat-x #f4efdc;
}
aside p
{
    padding: 0px;
}

/* footer */
.footer
{
    background-color: #574634;
    font-size: 12px;
    padding-bottom: 30px;
}
.footer-navigation nav
{
    width: 100%;
    text-align: center;
}
.footer-navigation ul
{
    display: inline-block;
    margin: 0;
    padding: 0;
}
.footer-navigation li
{
    float: left;
}
.footer-navigation li a
{
    padding-right: 10px;
    padding-left: 10px;
    border-right: solid 1px #ffffff;
}
.footer-navigation li.last a
{
    border-right: none !important;
}
.footer-navigation a
{
    color: #ffffff;
}
.footer-navigation .last
{
    display: none;
}
.footer-navigation nav {
    background: url("Images/logo-white1.png") no-repeat 0 8px;
    height: 45px;
    padding-top: 0;
}
.copyright
{
    color: #dac39a;
    margin: -15px 0 0;
    padding: 0;
    text-align: center;
}
.copyright a
{
    color: #dac39a;
}
/* **** banner **** */
.banner_tt
{
    background-image: url(images/banner_tt.png);
}
.banner_ll
{
    background-image: url(images/banner_ll.png);
}
.banner_dv
{
    background-image: url(images/banner_dv.png);
}
.banner_sp
{
    background: url(images/banner_sp.png) 0 4px no-repeat;
}
.banner_gt
{
    background-image: url(images/banner_gt.png);
}
.banner_tv
{
    background-image: url(images/banner_tv.png);
}


.top
{
    background: url(images/gradient_content.png) repeat-x scroll 0 0 transparent;
    height: 30px;
}
.col_left
{
    border: 1px solid #ccc;
    padding-bottom: 10px;
}
.col_left ul
{
    margin-left: 0px;
}
.col_left li
{
    background: url(images/sub-menu1.png) repeat-x scroll 0 0 transparent;
    list-style: none;
    padding: 2px 0 2px 10px;
    border-bottom: 1px solid #CCC;
}
.col_left .current
{
    background: url(images/sub-menu2.png) repeat-x;
}
.col_left li:hover
{
    background: url(images/sub-menu2.png) repeat-x;
}
.col_left li a
{
    padding-left: 20px;
    color: #000000;
}

.line
{
    border-bottom: 1px solid #ccc;
    height: 30px;
    margin-top: -30px;
    margin-bottom: 1px;
}
.contact
{
    padding: 10px 0 10px 10px;
}
.contact p
{
    margin-bottom: 3px;
}


.col_right img
{
    padding: 10px 0;
}
.col_right ul
{
    float: right;
}
.col_right ul img
{
    padding: 0;
}
.col_right li
{
    float: left;
    list-style: none;
    padding: 0;
}
.col_right li a
{
    color: #000;
}
.input_search
{
    background: url(images/nput_search.png) no-repeat;
    height: 30px;
    width: 278px;
    border: medium none #CCCCCC;
}
.btn_chitiet
{
    background: url(images/btn_chitet.png) repeat-x scroll 0 0 transparent;
    padding: 5px 20px;
    margin-top: 20px;
    border-radius: 5px;
}
.btn_ll
{
    background: url(images/btn_ll.png);
    color: #fff;
    border-radius: 3px;
}

/*   gioi thieu */
.border_gt
{
    border-top: 1px solid #CCC;
    padding: 10px 0;
}
.fl
{
    float: left;
}
.contact_ll p
{
    margin-right: 15px;
}
.contact_ll input
{
    width: 190px;
    margin-top: 10px;
}

.col_left .title
{
    background: url(images/sub-menu.png);
    margin-bottom: 2px;
}

.col_left .title1
{
    background: url('images/gradient1.png') repeat-x;
    height: 60px;
}

.col_left .title2
{
    background: url('images/gradient2.png') repeat-x;
}

.col_left a:hover
{
    text-decoration: none !important;
}
ul
{
    list-style: none !important;
}
.col_right .col_sp
{
    margin-bottom: 1px;
    margin-left: 0 !important;
    margin-right: 20px;
    padding-bottom: 15px;
    height: 390px;
}

.col_border
{
    border-bottom: 3px double #CCCCCC;
}

.col_right .border
{
    border-bottom: 3px double #CCCCCC;
}
.widget-navigation .menu-main-menu li.first a
{
    background: url(images/icon_home.png) no-repeat 0 0;
    display: block;
    padding: 0 20px 0 25px;
    line-height: 15px;
    margin-left: 20px;
    display: block;
}

.pager
{
    margin: 0;
}
.pager a
{
    border: none;
    padding: 0 !important;
    margin-left: 5px;
    border-radius: 0;
    font-size: 12px;
    line-height: 25px;
    font-weight: normal;
    color: #000000;
}
.pager a:hover
{
    background-color: #ffffff;
    font-weight: bold;
    color: #009900;
}
.pager span
{
    border: none;
    padding: 0 !important;
    border-radius: 0;
    margin-left: 5px;
    font-weight: bold;
    color: #009900;
}

.paging .prev a
{
    background: url(images/preview.png) no-repeat;
    width: 7px;
    height: 10px;
    display: block;
}
.paging .prev a:hover
{
    background: url(images/preview.png) no-repeat;
}
.paging .next a
{
    background: url(images/next.png) no-repeat;
    width: 7px;
    height: 10px;
    display: block;
}
.paging .next a:hover
{
    background: url(images/next.png) no-repeat;
}
.paging .first a
{
    border-width: 1px;
    border-color: #CCCCCC;
    background: url(images/go-left.png) no-repeat;
    height: 25px;
    display: block;
    float: left;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    padding: 0 5px 0 16px !important;
}
.paging .last a
{
    background: url(images/go-right.png) no-repeat right;
    height: 25px;
    display: block;
    float: right;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    padding: 0 16px 0 5px !important;
    border-width: 1px;
    border-color: #CCCCCC;
}
.paging .previous {
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    height: 25px;
    background: url(images/go-left.png) no-repeat center;
    padding: 0 10px !important;
}
.paging .next {
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    height: 25px;
    background: url(images/go-right.png) no-repeat center;
    padding: 0 10px !important;
}

.last .col_border
{
    border-bottom: none !important;
}

.widget-tripel-first header h1, .widget-tripel-second header h1, .widget-tripel-third header h1
{
    border-bottom: 1px dashed #999999;
    padding-bottom: 5px;
    font-size: 18px;
}
.widget-tripel-first .more, .widget-tripel-second .more, .widget-tripel-third .more
{
    border-top: 1px dashed #999999;
    padding-top: 5px;
}
.widget-tripel-first .more a, .widget-tripel-second .more a, .widget-tripel-third .more a
{
    color: #529800 !important;
    background: url('images/view.png') no-repeat 0 2px;
    text-indent: 20px;
    display: block;
}
a.more
{
    color: #529800 !important;
    background: url('images/view.png') no-repeat 0 2px;
    text-indent: 20px;
    display: block;
}

.conner-html-widget
{
    border: 1px solid #CCCCCC;
    margin-bottom: 20px;
    background: url("images/gradient.png") repeat-x transparent;
}
.conner-html-widget .title
{
    margin: 0;
    border-bottom: 1px solid #CCCCCC;
    line-height: 25px;
    padding: 5px 10px;
    text-transform: uppercase;
    color: #529800;
}
.conner-html-widget .body
{
}
.conner-html-widget .body ul
{
    margin: 0;
}
.conner-html-widget .body li a
{
    padding-left: 20px;
    color: #000000;
}
.conner-html-widget .body li a:hover
{
    padding-left: 20px;
    color: #FFFFFF;
}

.conner-html-widget .body > li ul
{
    margin-top: 5px;
}
.conner-html-widget .body > li ul li
{
}

.auto-active
{
}

.content-information
{
}
.content-information header h3
{
    padding-left: 0;
    line-height: 30px;
    margin-top: -8px;
}

.search-product
{
    border-radius: 0 !important;
}
.form-search .add-on
{
    background-color: #DBCE82 !important;
}

.content-news
{
    line-height: 20px;
}
.content-news .content-items
{
    margin: 0;
}
.content-news .content-items li
{
    margin-bottom: 10px;
}
.content-news .title
{
    margin: 0;
    margin-top: -4px;
}
.content-news h3.title
{
    margin: 0;
    margin-top: -4px;
    font-size: 18px;
    padding-left: 0;
    line-height: 25px;
}

.new-category > ul
{
    margin: 0;
}
.new-category .title
{
    margin-top: -4px;
}

/* Nivo */
.theme-nivo .nivo-controlNav
{
    background-image: none !important;
    width: auto !important;
    background-color: #49403B !important;
    padding: 10px 15px !important;
    bottom: 0 !important;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.product-content
{
}
.product-content > h6 a
{
    color: #6CA726;
}

.zone-tripel-first p
{
    height: 200px;
}
.hot-news ul
{
    height: 210px;
}

a:hover img.img-polaroid
{
    border: solid 1px #CCC;
    -moz-box-shadow: 1px 1px 5px #999;
    -webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
}

/* Left Menu */
.taxonomy-menu a 
{
    display: block;
    width: 100%;
    padding-left: 0 !important;
    padding-top: 2px;
    padding-bottom: 2px;
    text-indent: 25px;
}
.taxonomy-menu li {
	list-style:none;
}
.taxonomy-menu li a {
    background: url(images/sub-menu1.png) repeat-x scroll 0 0 #F6F7F8;
    border-bottom: solid 1px #CCCCCC;
}
.taxonomy-menu li.current > a, .taxonomy-menu li > a:hover, .taxonomy-menu li > div > span > a:hover, .taxonomy-menu li.current > div > span > a {
    background: url(images/sub-menu2.png) repeat-x;
    color: #ffffff;
	
}
.taxonomy-menu .child a {
    text-indent: 40px;
    background: url(images/sub-menu3.png) repeat-x scroll 19px 0 #F6F7F8;
}
.taxonomy-menu .child a:hover, .taxonomy-menu .child li.current a {
    background: url(images/sub-menu4.png) repeat-x 19px 0;
}

.zoom-image {
    height: 375px;
    margin-bottom: 10px;
    
}
.zoom-image a{
    position: absolute;
}
.clear {
    clear: both;
}
.zoom-image a img {
    position: relative;
}

.widget-Hoidap div.hide {
    display: none;
}
.menu-main-menu
{
    margin: 0;
    padding: 0;
}

.menu-main-menu li
{
    float: left;
    list-style: none;
}

.menu-main-menu li a
{
    display: block;
    text-decoration: none;
    white-space: nowrap;
}

.menu-main-menu ul {
		margin: 0 20px 0 0 ;
		_margin: 0; /*IE6 only*/
		visibility: hidden;
		position: absolute;
		top: 33px;
		left: 0;
		z-index: 9999;    
		background: #444;
		background: -moz-linear-gradient(#444, #111);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
		background: -webkit-linear-gradient(#444, #111);    
		background: -o-linear-gradient(#444, #111);	
		background: -ms-linear-gradient(#444, #111);	
		background: linear-gradient(#444, #111);
		-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
		-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
		box-shadow: 0 -1px 0 rgba(255,255,255,.3);	
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;  
	}

	.menu-main-menu li:hover > ul {
		opacity: .9;
        -moz-opacity: 0.90;
        filter: alpha(opacity=90);
		visibility: visible;
		margin: 0;
	}
	
	.menu-main-menu ul ul {
		top: 0;
		left: 150px; /*Need calc by javascript*/
		margin: 0 0 0 20px;
		_margin: 0; /*IE6 only*/
		-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		box-shadow: -1px 0 0 rgba(255,255,255,.3);		
	}
	
	.menu-main-menu ul li {
		float: none;
		display: block;
		border: 0;
		_line-height: 0; /*IE6 only*/
		-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	}
	
	.menu-main-menu ul li:last-child {   
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;    
	}
	
	.menu-main-menu ul a {    
		padding: 7px;
	    min-width: 150px;
		_height: 10px; /*IE6 only*/
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
	    color: #ffffff;
	}

    .menu-main-menu ul li.dropdown {
    }
	
	.menu-main-menu ul a:hover {
		color: #000000;
        background-color: #6CA726;
		background-image: -moz-linear-gradient(#6CA726,  #6CA726);	
		background-image: -webkit-gradient(linear, left top, left bottom, from(#6CA726), to(#6CA726));
		background-image: -webkit-linear-gradient(#6CA726, #6CA726);
		background-image: -o-linear-gradient(#6CA726, #6CA726);
		background-image: -ms-linear-gradient(#6CA726, #6CA726);
		background-image: linear-gradient(#6CA726, #6CA726);
	}
	
	.menu-main-menu ul li:first-child > a {
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	}
	
	.menu-main-menu ul li:first-child > a:after {
		/*content: '';
		position: absolute;
		left: 40px;
		top: -6px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid #444;*/
	}
	
	.menu-main-menu ul ul li:first-child a:after {
		left: -6px;
		top: 50%;
		margin-top: -6px;
		border-left: 0;	
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-right: 6px solid #3b3b3b;
	}
	
	.menu-main-menu ul li:first-child a:hover:after {
		/*border-bottom-color: #04acec;*/ 
	}
	
	.menu-main-menu ul ul li:first-child a:hover:after {
		/*border-right-color: #0299d3;*/ 
		border-bottom-color: transparent; 	
	}
	
	.menu-main-menu ul li:last-child > a {
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}
	.footer-navigation .menu-main-menu li.dropdown ul {
	    display: none !important;
	}
	.taxonomy-menu ul li ul {
	    display: none;
	}
	.taxonomy-menu ul li.current ul {
	    display: block;
	}

.widget-faqs header h1 {
    color: #6CA726;
    font-size: 25px;
}

/* Thumbnails */
ul.thumbnails li { margin-bottom : 5px; }
ul.thumbnails li.span12 { margin-left : 0px; }
ul.thumbnails li.span12 + li { margin-left : 0px; }
ul.thumbnails li.span6:nth-child(2n + 3) { margin-left : 0px; }
ul.thumbnails li.span4:nth-child(3n + 4) { margin-left : 0px; }
ul.thumbnails li.span3:nth-child(4n + 5) { margin-left : 0px; }