*{
    margin:0px;
    padding:0px;
}
ul{ list-style:inside;}
h1,h2,h3{font-family:'Myriad Pro',arial;font-weight:inherit}
p{margin-bottom:7px;}
.clear{ clear:both; }
body{
    font:12px arial,tahoma;
    position:relative;
    /*background:url(../img/bg.jpg);*/
    color:#000;
    /*padding:10px 0px;*/
}
a{
    text-decoration: none;
    color:#000;
}
a:hover{color:#A10808}

#wrapper{
    width:1000px;
    margin:auto;
    /*background:#fff;
    box-shadow:0px 0px 3px #161616;*/
}


/* ----------- Header ----------- */

#wrapperbody {
    /*background-color: #FEE6ED;*/
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    margin: auto;
    width: 1000px;
    padding: 2px;
}

#header{
    /*background:url(../img/header-bg.png) no-repeat scroll bottom;
    height: 360px;*/
    /*margin-bottom: 10px;*/
}
#banner{
    /*height: 323px;*/
}

#banner, #menu-page{
    margin: auto;
    max-width: 1000px;
}
/* -- Menu-page -- */
#menu-page{
    background:#5AC52A;
    /*height:35px;
    margin: 10px auto;*/
    /*background:url(../img/bg_menu.jpg) repeat-x top left;*/
    height:47px;
    width:1000px;
    margin-bottom:5px;
}
/*#menu-page ul{list-style:none;}
#menu-page li{float:left;}
#menu-page a{
    display:block;
    line-height:35px;
    padding:0px 20px;
    color:#000;
    text-transform:uppercase;
    font-weight:bold;
    margin-right:1px;
}
#menu-page a:hover{color:#FE668D;}
#menu-page li.current a{ color:#FE668D;}*/
#menu-page ul{list-style:none;}
#menu-page li{float:left;}
.menu{background-image: url("../img/icon.png"); float: left; margin-top: 17px; margin-right: 5px; display: block; width: 8px; height: 11px;}
#menu-page li a{
    display:block;
    line-height:47px;
    color:#fff;
    padding:0px 30px 0px 20px;
    font-size:13px;
    font-weight:bold;
    margin-right: 1px;
    /*background:url(https://danongmassage.net/template/img/menu_page_right.gif) no-repeat top right;*/ 
}
#menu-page a:hover,#menu-page li.current a{
   background: url("../img/hover_menutop.png") repeat-x;   
}


/* ----------- Main ----------- */
#sidebar{
    float:left;
    width:260px;
    margin-right: 5px;
    margin-bottom:10px;
}
#main-content{
    float:left;
    width:735px;
    /*padding-right:10px;*/
    margin-bottom:10px;
}
/* ----------- Sidebar ----------- */
.module{
    /*padding:5px 0px;*/
    border: 2px solid #DAD9D9;
    /*background:#dbdbdb;*/
    margin-bottom:10px;
    padding-bottom: 2px;
    /*box-shadow:0px 0px 10px #ccc inset;
    border-radius : 10px;*/
}

/*.module .top{
    height:33px;
    background: #DAD9D9;
    margin-top: -2px;
    margin-left: -2px;
    width: 260px;
   
}
.module .top h2{
    padding-left:30px;
    line-height:30px;
    color:#000;
    font-size:13px;
    text-transform: uppercase;
    font-weight: bold;
}*/

.module .top{
    /*background: url("../img/bg_category.png") repeat-x;*/
    background: #5AC52A;
    height:32px;
}
.module .top h2{
    color:#000;
    line-height:32px;
    font-size:14px;
    text-transform:uppercase;
    /*background:url(https://danongmassage.net/template/img/right_header_icon.gif) no-repeat center left;*/
    padding-left:15px;
    margin-left: 5px;
}

/* -- Category -- */
#category ul{list-style:none;}
#category a{
    display:block;
    padding:6px 15px;
    margin: 0 10px;
    /*background:url(../img/bullet.png) no-repeat left center;
    background-position: 10px;*/
    /*border-bottom:1px dashed #ccc;*/
     border-bottom: 1px solid #DAD9D9;
    font-weight:bold;
}

#category a:hover{
    /*border-radius : 5px;*/  
    color: #A10808;
    /*background:url(../img/bullet.png) #33CCCC no-repeat left center;
    background-position: 10px;*/
}
#search_value input{
    background:url(../img/mail-txt.png) no-repeat;
    float:right; 
    margin-top:3px;
    width: 235px;
    height: 28px;
    padding: 0 30px 0 10px;
    border: none;
}

/*#search_toolbar{
     background:url(../img/mail-txt.png) no-repeat;
     float:right; 
     margin-top:3px;
     width: 273px;
     height: 28px;
}
#search_value{
    padding: 5px 2px 0;
}*/
/* -- top-news -- */
#top-news .item{
    border-bottom:1px dashed #ccc;
    padding:5px 0px;
}
#top-news .thumb{
    float:left;
    width:50px;
    padding:0px 5px;
}
#top-news .title{
    padding-right:5px;
}
#top-news img{border:1px solid #fff;}
/* -- Support -- */
.support-item {
    border-bottom: 1px dashed #ccc;
    padding: 5px;
    text-align: center;
}
.support-item:last-child {
    border-bottom: medium none;
}

.support-item h3{
    font-weight:bold;
    color:#000;
    font-size:15px;
    /*border-bottom:1px dashed #ccc;
    padding-bottom: 5px;
    margin-bottom: 5px;*/
}
.support-item .phone {
    margin: 3px 0;
}

/* -- Adv -- */
#adv .middle{padding-top:5px;}
#adv .item{
    padding-bottom:5px;
    text-align:center;
}
/* -- stat -- */
#stat .middle{
    padding:5px;
    text-align:center;
}

/* ----------- Main-content ----------- */
#last-product, #product, #other-product, #html-page, #contact-page, #news-page, #category-page {   
    border: 2px solid #DAD9D9;    
}
/* -- Slider -- */
#bg-slider{
    position:relative;
    box-shadow:0px 0px 3px #6d6d6d;
    margin-bottom:10px;
}
#slider{
    width:740px;
    height:300px;
}
#ft-buttons-slider{
    position:absolute;
    bottom:10px;
    right:10px;
}
#ft-prev-slider,#ft-next-slider{display:none;}
#ft-buttons-slider .ft-button-slider{
    background:#DAD9D9;
    padding:4px 7px;
    color:#fff;
    margin-left:4px;
    float:left;
    border-radius:3px;
    box-shadow:0px 0px 1px #000;
}
#ft-buttons-slider .ft-button-slider-active{
   background:#A10808;  
   color:#fff;
}
/* -- Field -- */
.field{margin-bottom:10px;}
/*.field .top{
    height:30px;
    background:#dbdbdb ;
    /*border-bottom:1px solid #0207f9;
    box-shadow:0px 0px 10px #ccc inset;
    margin-top: -2px;
    margin-left: -2px;
    width: 735px;
}
.field .top h2{
    padding:0px 10px;
    line-height:33px;
    color:#000;
    font-size:15px;
    text-transform: uppercase;
    /*background:url(../img/heading.png) no-repeat top right;
    background: #DAD9D9;
    text-align: center;
    /*text-shadow:1px 1px 1px #ccc;
}*/

.field .top{
    /*background:url(../img/bg_category.png) repeat-x top left;*/
    background: #5AC52A;
    height:32px;
}
.field .top h2{
    color:#000;
    line-height:32px;
    font-size:14px;
    text-transform:uppercase;
    /*background:url(https://danongmassage.net/template/img/right_header_icon.gif) no-repeat center left;*/
    margin-left: 5px;
    padding-left: 15px;
}

/* -- Last product -- */
#last-product{margin-bottom:0px;}
#last-product .middle{
    padding-top: 10px;
}
/* -- product-item -- */
.product-item{
    float:left;
    width:226px;
    padding:10px 5px;
    text-align:center;
    /*background:#dbdbdb ;*/
    
    /*box-shadow:0px 0px 10px #ccc inset;*/
    margin: 0px 10px 10px 0px;    
}
.product-item .thumb{
    margin-bottom:5px;
    border: 1px solid #c0c0c0;
    height: 150px;
    padding: 10px 0; 
    position: relative;   
}
.product-item .name h3{
    font-weight:bold;
    margin-bottom:8px;    
}
.product-item .info{
    text-align: center;
}
.product-item .price{
    /*background:#e37e01;*/
    display:inline;
    /*padding:4px 8px;*/
    color: #FF0000;
    font-weight: bold;
    /*border-radius:3px;*/
}

.new {
 position: absolute;
 top: 0;
 right: 0;
 height: 26px;
 width: 50px;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 3px solid #ccc;
	background-color: #fff;
	padding: 5px;
    border-radius : 10px
	/*opacity: 0.85;*/
}
#tooltip h3, #tooltip div { margin: 0; }

.tooltip_content {
    display: none;
}

/* ----------- html ----------- */
#html-page .middle{padding:10px}

/* ----------- news.php ----------- */
.news-item{
    border-bottom:1px dashed #ccc;
    padding:10px;
}
.news-item .thumb img{
    float:left;
    margin-right:10px;
    margin-bottom:5px;
    border-radius:3px;
    border: 1px solid #ccc;
    padding:1px;
}
.news-item .title h3{
    font-size:16px;
    margin-bottom:3px;
    font-weight:bold;
}
.news-item .readmore a{
    float:right;
    margin:10px 0px;
    background:#A10808;
    color:#fff;
    padding:4px 8px;
    font-size:10px;
    border-radius:3px;
}
/* -- new detailt -- */
#news-detailt{margin-bottom:20px;}
#news-detailt .title h1{
    font-size:24px;
    font-weight:bold;
    color:#A10808;
    text-indent:5px;
    margin-bottom:5px;
}
#news-detailt .description{
    margin-bottom:8px;
    font-weight:bold;
    color:#676767;
    font-size:13px;
}
#news-detailt img{max-width:570px;}
#news-detailt .content{color: #000;}
#news-page .description{color: #000;}
/* -- News other -- */
#news-other{ border-top:1px solid #ddd; }
#news-other h2{
    color:#A10808;
    text-transform:uppercase;
    font-size:17px;
    margin-bottom:5px;
    padding:10px 10px 0px;
}
#news-other ul{list-style:none}
#news-other a{
    color:#000;
    background:url('../img/bullet.gif') no-repeat left center;
    background-position: 10px;
    padding:5px 5px 5px 25px;
    display:block;
    border-bottom:1px dotted #ccc;
}
#news-other a:hover{
    padding-left:28px;
    color:#A10808;
}

/* ----------- category.php ----------- */
#category-page .middle{
    padding-top:10px;
}

/* ----------- product.php ----------- */
#product .thumb{
    width:350px;
    float:left;
    text-align:center;
    padding:10px 0px;
    position: relative;
}
#product .new {
 position: absolute;
 top: 0;
 right: 110px;
 /*height: 26px;
 width: 50px;*/
}
#product .thumb img{border-radius:3px;}
#list_product_images{list-style:none;margin-top:5px}
#list_product_images li{display:inline-block;margin-right:5px}
#product .info{
    float:left;
    width:370px;
    padding:10px 10px 0px 0px;
}
#product .name{
    font-size:18px;
    font-weight:bold;
    color:#0207f9;
    border-bottom:1px solid #ccc;
    padding:4px 10px;
}
#product .code,#product .price{
    padding:4px 10px;
    border-bottom:1px dashed #ccc;
}
#product .price{color:#ed3237;}
#product .content{
    border-top:1px solid #ccc;
    padding:5px;
}
#other-product .middle{padding-top:10px;}

/* ----------- contact.php ----------- */
#contact-page .middle{ padding:5px;}
#contact-form td{ padding:5px 10px;}
#contact-form td.guide{
    /*background:#ddd;*/
    font-weight:bold;
}
#contact-form .but{
    background:#e37e01;
    padding:3px 8px;
    color:#ffebc7;
    border:0px;
    cursor:pointer;
}
#contact-form .but:hover{
    background:#cc0000; 
}
#send-success{
    padding:5px 10px;
    border:1px solid #3a9804;
    background:#60b802 no-repeat left center;
    color:#fff;
    font-weight:bold;
    margin-bottom:10px;
    box-shadow:0px 0px 2px #807f7f;
}
#send-error{
    padding:5px 10px;
    border:1px solid #ca0000;
    color:#fff;
    background:#ff0101 no-repeat left center;
    font-weight:bold;
    margin-bottom:10px;
    box-shadow:0px 0px 2px #807f7f;
}
/* -- Form -- */
.txt{
    padding:3px 5px;
    color:#1f1f1f;
    border:1px solid #abadb3;
}
.txt:hover,.txt:focus{
    background:#e9e9e9;
    box-shadow:0px 0px 1px #adadad inset;
}
/* -- Note -- */
p.note{ 
    margin:3px 0px;
    color:red;
}
span.note{color:red;}

/* -- pagination -- */
.pagination {
 /*float: right;*/
 font-size: 13px;
 margin: 10px;
 text-align: center;
}
.pagination .disabled {
 display: none;
}
.pagination span, .pagination a {
 background: none repeat scroll 0 0 #858E93;
 border-radius: 3px 3px 3px 3px;
 color: #fff;
 font-weight: bold;
 margin-left: 2px;
 padding: 4px 8px;
}
.pagination a:hover, .pagination span.current {
 background: none repeat scroll 0 0 #11181E;
}

/* ----------- footer ----------- */
#footer{
    /*background:#364BD0;
    color:#fff;*/
    padding:10px;
    /*border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
}
#copyright{
    /*background:#364BD0;
    color:#fff;*/
    padding:3px;
    text-align:center;
    font-size:10px;
    /*border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;*/
}
#copyright a{/*color:#fff;*/}

#home_adv_popup{display:none}
#simplemodal-overlay{background-color:#000}
#simplemodal-container{height:auto;width:auto;color:#bbb;background-color:#333;border:4px solid #444;padding:12px; 
    min-width: 500px;
    min-height: 300px;
}
#simplemodal-container .simplemodal-data{padding:8px}
#simplemodal-container code{background:#141414;border-left:3px solid #65b43d;color:#bbb;display:block;font-size:12px;margin-bottom:12px;padding:4px 6px 6px}
#simplemodal-container a{color:#ddd}
#simplemodal-container a.modalCloseImg{background:url(../img/simplemodal/x.png) no-repeat;width:25px;height:29px;display:inline;z-index:3200;position:absolute;top:-15px;right:-16px;cursor:pointer}
#simplemodal-container h3{color:#84b8d9}
#simplemodal-container img{max-width:100%}
.form_popup{
    margin-bottom: 20px;
}
.form_popup{
    font-size: 14px;
    color: #FFF;
}
.form_popup td input{
    border: 0px;
    border-radius: 5px;
    padding: 2px 5px;
}
.form_popup tr{
    line-height: 25px;
}
.form_popup table{margin: 0 auto;}
.title_form{text-transform: uppercase;font-size: 18px;text-align: center;padding-bottom: 10px;}
.btn_form{text-align: center;padding-top: 5px;}
.btn_form button{ cursor:pointer;border-radius: 4px;padding: 5px 10px; background: #990608;border:1px solid #ccc;color: #FFF;font-weight: bold}
.btnshow_popub{cursor:pointer;position: fixed;right: 0px; top: 50%;width: 30px;
        height: 320px;background: url('../img/dk.jpg') no-repeat;}
.note_frm i{color: #80ffff;font-size: 12px;}