/* Mass reset */
html, button, body, div, span, h1, h2, h3, h4, h5, h6,
p, blockquote, a, img, ol, ul, li, fieldset, input, textarea,
select, form, label, table, tfoot, thead, tr, th, td {
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    vertical-align: baseline;
}

body, html {
    font: 13px/17px tahoma, verdana;
    height: 100%;
    max-height: 100%;
    color: #000;
}

body {
    background-image: url('/medias/img/paper_background.jpg');
}

ul { list-style-type: none; }

a {
    color: #5A4430;
    text-decoration: none;
}

a:hover { 
    color: #95BE8E; 
    text-decoration: underline;
}

/* Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#container {
    width: 953px;
    position: relative;
}

#header {
    position: absolute;
    left: 0px;
    top: -261px;
    width: 953px;
    height: 294px;
}

#menu {
    float:left;
    width: 222px;
    /*min-height: 731px;*/
    background: url(/medias/img/sheet.png) no-repeat 0 bottom;
    padding: 33px 24px 8px 24px;
}

#content {
    margin-left: 270px;
    margin-top: 261px;
    width: 635px;
    min-height: 680px;
    background-color: #fff;
    padding: 33px 24px 8px 24px;
}

#footer {
    width:953px;
    height: 18px;
    background-color: green;
}

#header.about {
    background-image: url(/medias/img/header_about.png);
    background-repeat: no-repeat;
}

#header.massages {
    background-image: url(/medias/img/header_massages.png);
    background-repeat: no-repeat;
}
#header.about {
    background-image: url(/medias/img/header_about.png);
    background-repeat: no-repeat;
}

#header.massages {
    background-image: url(/medias/img/header_massages.png);
    background-repeat: no-repeat;
}

#header.certificate {
    background-image: url(/medias/img/header_certificate.png);
    background-repeat: no-repeat;
}

#header.testimonials {
    background-image: url(/medias/img/header_testimonials.png);
    background-repeat: no-repeat;
}

#header.contact {
    background-image: url(/medias/img/header_contact.png);
    background-repeat: no-repeat;
}


/**
 * MENU
 */

    #menu>ul {
        width: 222px;
        border-top: solid 1px #b7b1a5;
        margin-bottom: 20px;
    }


    #menu ul li { padding: 0 10px; }
    #menu ul li .services { 
        padding-top: 5px;
    }

    #menu .submenu { 
        padding-top: 5px;
        padding-bottom: 5px;
    }
    #menu .submenu li { padding-top: 5px;}
    #menu>ul>li { margin:8px 0 !important; padding-bottom: 8px; border-bottom: solid 1px #b7b1a5; }


    #menu a.last { margin-bottom: 8px; }

    #menu ul.hidden { display:none; }

    #menu a {
        /* text-indent: -9999px; */
        display: block;
        /* # background: url(/medias/img/spr-advanced.png) no-repeat 0 0;  */
        text-decoration: none;
        font-family: 'Arsenal', sans-serif;
        font-weight: bold;
        font-size: 18px;
        color: #5A4430;
    }

    #menu a:hover { color: #95BE8E; }

    #menu>ul>li>a { height: auto;}
    #menu>ul>li>ul>li>a { height: auto; }
    #menu>ul>li>ul>li>ul>li>a { height: auto; }



    #menu>ul>li.active {
        background: url(/medias/img/spr-advanced.png) no-repeat -589px -10px;
        padding-bottom: 0 !important;
    }

    #menu>ul>li.active_nochild {
        background: url(/medias/img/spr-advanced.png) no-repeat -589px -10px;
    }

    /*
    a.about { background-position: 0 -10px !important; width : 79px;}
    a.clinic  { background-position: -35px -29px !important; width : 71px;}
    a.team { background-position: -35px -49px !important; width : 71px;}

    a.massages { background-position: 0 -81px !important; width: 148px}
    a.services { background-position: -35px -100px !important; width: 119px}
    a.direct_balance { background-position: -35px -120px !important; width: 102px}
    a.absolute_aroma { background-position: -35px -138px !important; width: 110px}
    a.total_indulgence { background-position: -35px -156px !important; width: 114px}
    a.body_detox { background-position: -35px -174px !important; width: 83px}
    a.paradise { background-position: -35px -192px !important; width: 106px}
    a.ocean_hot { background-position: -35px -210px !important; width: 177px}
    a.stretching { background-position: -35px -228px !important; width: 103px}
    a.mobile_massage { background-position: -35px -246px !important; width: 110px}
    a.social_event { background-position: -35px -264px !important; width: 176px; height: 34px !important;}
    a.book_now_caps { background-position: -35px -1185px !important; width: 190px;}
    a.benefits { background-position: -35px -299px !important; width: 85px}
    a.rebates { background-position: -35px -319px !important; width: 144px}
    a.policy { background-position: -35px -339px !important; width: 135px}

    a.certificate  { background-position: 0 -370px !important; width: 134px}
    a.options { background-position: -35px -390px !important; width: 120px}
    a.howto { background-position: -35px -410px !important; width: 89px}
    a.gift { background-position: -35px -430px !important; width: 145px}

    a.testimonials  { background-position: 0 -461px !important; width: 112px}

    a.contact  { background-position: 0 -492px !important; width: 102px}
    a.get_there { background-position: -35px -512px !important; width: 136px}
    a.job { background-position: -35px -532px !important; width: 135px}
    a.appointment { background-position: -35px -552px !important; width: 143px; height: 60px !important;}
    a.book_now { background-position: -35px -1206px !important; width: 190px;}
    a.send_inquiry { background-position: -35px -1227px !important; width: 133px;}*/


/**
 * MENU:HOVER
 */
    /* a.about:hover { background-position: -288px -10px !important;}
        a.clinic:hover  { background-position: -323px -29px !important;}
        a.team:hover { background-position: -323px -49px !important;}

    a.massages:hover { background-position: -288px -81px !important;}
        a.services:hover { background-position: -323px -100px !important;}
            a.direct_balance:hover { background-position: -323px -120px !important;}
            a.absolute_aroma:hover { background-position: -323px -138px !important;}
            a.total_indulgence:hover { background-position: -323px -156px !important;}
            a.body_detox:hover { background-position: -323px -174px !important;}
            a.paradise:hover { background-position: -323px -192px !important;}
            a.ocean_hot:hover { background-position: -323px -210px !important;}
            a.stretching:hover { background-position: -323px -228px !important;}
            a.mobile_massage:hover { background-position: -323px -246px !important;}
            a.social_event:hover { background-position: -323px -264px !important;}
        a.book_now_caps:hover { background-position: -323px -1185px !important; width: 190px;}            
        a.benefits:hover { background-position: -323px -299px !important;}
        a.rebates:hover { background-position: -323px -319px !important;}
        a.policy:hover { background-position: -323px -339px !important;}

    a.certificate:hover  { background-position: -288px -370px !important;}
        a.options:hover { background-position: -323px -390px !important;}
        a.howto:hover { background-position: -323px -410px !important;}
        a.gift:hover { background-position: -323px -430px !important;}

    a.testimonials:hover  { background-position: -288px -461px !important;}

    a.contact:hover  { background-position: -288px -492px !important;}
        a.get_there:hover { background-position: -323px -512px !important;}
        a.job:hover { background-position: -323px -532px !important;}
        a.appointment:hover { background-position: -323px -552px !important;}
        a.book_now:hover { background-position: -323px -1206px !important; width: 190px;}
        a.send_inquiry:hover { background-position: -323px -1227px !important; width: 133px;}
*/

h3 {
    /*text-indent: -9999px;*/
    /*background: url(/medias/img/spr-advanced.png) no-repeat 0 0;*/
    height: 23px;
    margin-bottom: 3px !important;
    padding: 0;
    font-size: 23px;
    white-space: nowrap;
    font-family: 'Arsenal', sans-serif;
    font-weight: bold;
    color: #5A4430;
}

/*
h3.clinic { background-position: 0 -632px !important; width: 82px;}
h3.team { background-position: 0 -662px !important; width: 85px;}
h3.position_available { background-position: 0 -1052px !important; width: 200px;}
h3.appointment { background-position: 0 -1022px !important; width: 350px;}
h3.advanced { background-position: 0 -962px !important; width: 204px;}
h3.howto { background-position: 0 -992px !important; width: 160px;}
h3.services { background-position: 0 -691px !important; width: 136px;}
h3.benefits { background-position: 0 -724px !important; width: 99px;}
h3.cancellation { background-position: 0 -754px !important; width: 155px;}
h3.rebates { background-position: 0 -784px !important; width: 174px;}
h3.payment_options { background-position: 0 -814px !important; width: 140px;}
h3.use_certificate { background-position: 0 -843px !important; width: 207px;}
h3.buy_certificate { background-position: 0 -873px !important; width: 119px;}
h3.certificate_form { background-position: 0 -903px !important; width: 272px;}
h3.order_confirmation { background-position: 0 -933px !important; width: 161px;}
h3.book_now { background-position: 0 -1275px !important; width: 203px;}
h3.send_inquiry { background-position: 0 -1306px !important; width: 151px;} */


.top_line {
    border-top: solid 1px #b7b1a5;
    padding: 17px 0 20px 0;
}

.bottom_line {
    border-bottom: solid 1px #b7b1a5;
    padding: 17px 0 20px 0;
}

.no_line {
    padding: 17px 0 20px 0;
}
.no_bottom_padding {
    padding-bottom: 0 !important;
}

.no_top_padding {
    padding-top: 0 !important;
}

.title {
    color: #248a37;
    font-weight: bold;
    font-size: 14px;
}

.bigger, .bigger p, .bigger li {
    font-size:16px;
}

.bigger_twice, .bigger_twice p, .bigger_twice li {
    font-size:24px;
}

.center {
    text-align: center;
}

.green, sup {
    color: #248a37;
}

/*ul.list {
    list-style-type: disc;
    color: green;
    display: block;
}
ul.list li {
    float: left;
}*/

p.bigger_line_height {
    line-height: 25px;
}

.right {
    float: right;
}

.left {
    float: left;
}

.small {
    font-size: 11px;
}

address { font-style: normal; }

/**
 * TESTIMONIALS
 */
    #testimonials .two_cols .col1 {
        width: 308px;
        padding-right: 10px;
        margin-top: -10px;
    }

    #testimonials .col2 {
        float: right;
        width: 332px;
        margin-top: 20px;
        left: 5px;
    }

    #testimonials .col1 p {
        line-height: 25px;
    }

    a.arrow_up, a.arrow_down {
        display: block;
        text-indent: -9999px;
        margin: 8px 22px;
        width: 22px;
        height: 12px;
    }

    a.arrow_down {
        background: url(/medias/img/spr-advanced.png) no-repeat -639px -521px;
    }

    a.arrow_up {
        background: url(/medias/img/spr-advanced.png) no-repeat -639px -488px;
    }

    .capitalizeA, .capitalizeI {
        display: block;
        float: left;
        text-indent: -9999px;
        height: 28px;
        margin-top: -5px;
        padding: 0;
    }

    .capitalizeA {
        background: url(/medias/img/a.png) no-repeat 0 0;
        width: 44px;
    }

    .capitalizeI {
        background: url(/medias/img/i.png) no-repeat 0 0;
        width: 33px;
    }

/**
 * MASSAGEs
 */

 .separator {
     text-indent: -9999px;
     background: url('/medias/img/massages_separator.png') no-repeat 0 0;
     height: 1px;
     width: 635px;
     margin: 5px 0;
}

ul.prices {
    width: 280px;
    list-style-type: disc;
    color: #efcb39 !important;
    padding-left: 25px;
    margin-top: 3px;
    background-color: #fffbcb !important;
    overflow: hidden;
}

ul.prices li {
    float: left;
    padding: 0 30px 3px 0;
}

ul.prices li.nopadding {
    float: left;
    padding: 0 0 3px 0;
}

ul.bullet_list {
    list-style-type: disc;
    color: #efcb39 !important;
    padding-left: 25px;
    margin-top: 10px;
    overflow: hidden;
}

ul.bullet_list li {
    padding: 0 30px 3px 0;
}

ul.bullet_list li span {
    color: #000;
}

ul.bullet_list li span sup {
    color: #000;
}

#massages .two_cols {
    width: 635px;
    overflow: hidden;
}

#massages .two_cols .col1 {
    float: left;
    width: 305px;
}

#massages .two_cols .col2 {
    float: right;
    width: 305px;
}

h4 {
    text-indent: -9999px;
    background: url(/medias/img/spr-advanced.png) no-repeat 0 0;
    height: 32px;
    margin-bottom: 3px !important;
    padding: 0;
}

h4.direct_balance { background-position: -410px -625px !important; width: 143px;}
h4.absolute_aroma { background-position: -410px -670px !important; width: 159px;}
h4.total_indulgence { background-position: -410px -715px !important; width: 157px;}
h4.body_detox { background-position: -410px -760px !important; width: 122px;}
h4.feet_paradise { background-position: -410px -804px !important; width: 149px;}
h4.stones { background-position: -410px -850px !important; width: 219px;}
h4.bliss { background-position: -410px -895px !important; width: 148px;}
h4.mobile_massage { background-position: -410px -940px !important; width: 151px;}
h4.onchair { background-position: -410px -985px !important; width: 293px; height: 40px}


/**
 * GIFT CERTIFICATES
 */

 #confirm fieldset>div>label {
     width: 200px !important;
}

 #confirm .submit_area {
    padding: 30px 0 25px 193px !important;
}

#confirm>div>label {
    float: left;
    width: 200px;
}

#confirm>div>div {
    overflow: hidden;
}

#confirm>div {
    overflow: hidden;
    padding-bottom: 15px;
}

/**
 * CONTACT US
 */

 fieldset legend { display: none;}
 fieldset>div {
     padding: 6px 0;
}
 fieldset>div>label {
     float: left;
     display: block;
     margin-top: 0;
     width: 250px;
}

label.upper {
    margin-top: -3px !important;
}



fieldset>div>input {
     width: 200px;
     border: solid 1px #000;
}

fieldset>div>textarea {
     border: solid 1px #000;
     overflow: hidden;
}

input.datepicker {
    width: 80px !important;
}

.submit_area {
    padding: 30px 0 25px 243px;
}

.errors {
    border: dotted 1px red;
    padding-left: 10px;
}

.with_borders {
   border: solid 1px #000;
}

.errors li {
    color: red;
}

img.ui-datepicker-trigger {
    margin-top: -5px;
    padding-left: 8px;
    vertical-align: middle;
}

#is_cc {
    width: auto !important;
    border: none !important;
}

/**
 * BUTTONS
 */
 .button {
    display: block;
    text-indent: -9999px;
    background: url(/medias/img/spr-advanced.png) no-repeat 0px 0px;
    width: 136px;
    height: 36px;
    cursor: pointer;
}

.btn_send { background-position: -653px -1087px !important; }
.btn_send:hover { background-position: -653px -1133px !important; }

.btn_buy { background-position: -8px -1087px !important; }
.btn_buy:hover { background-position: -8px -1133px !important; }

.btn_continue { background-position: -170px -1087px !important; }
.btn_continue:hover { background-position: -170px -1133px !important; }

.btn_checkout { background-position: -487px -1087px !important; }
.btn_checkout:hover { background-position: -487px -1133px !important; }

.btn_modify { background-position: -326px -1087px !important; }
.btn_modify:hover { background-position: -326px -1133px !important; }

.light_bold_brown {
    color: #a07347;
    font-weight: bold;
}

.bigger p.small_font {
    font-size: 12px;
}

.mobile {
    display: none;
}

.bio {
    height: 240px;
    padding-top: 10px;
}

p.contact a {
    color: #248a37;
}
p.contact a:hover {
    text-decoration: none;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-image: url('/medias/img/overlay.png');
    z-index: 9999;
    display: none;
}

#overlay_content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/medias/img/bonhomme.png) no-repeat right 50px bottom;
    z-index: 10000;
    display: block;
}

#overlay .splash {
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background-image: url('/medias/img/bulle.png');
    background-repeat: no-repeat;
    width: 348px;
    height: 183px;
    padding: 60px 60px 99px 60px;
    z-index: 10000;
    display: none;
    margin: auto;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
}

#overlay .splash p {
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 0;
}

#overlay .splash .close {
    display: block;
    background: transparent url('/medias/img/croix.png') no-repeat 0 0;
    width: 35px;
    text-indent: -9999px;
    height: 35px;
    float: right;
    margin-top: 2px;
    margin-right: -10px;
}

#overlay sup {
    color: black;
}