@import url(sitefinity.css);
@import url(ComboBox.Mobolise.css);

/* GLOBAL STYLES 
-------------------------------------------------------------------------------*/
html, body, form
{
    width: 100%;
    height: 100%;
}

body
{
    height: 100%;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 62.5%;
    color: #c3c3c3;
    line-height: 2em;
    background: #231f20;
}


/* RESET DEFAULT AND DEFINE GENERIC STRUCTURAL STYLES
-------------------------------------------------------------------------------*/
body, p, h1, h2, h3, h4, h5, ul, ol, li, form, input, fieldset, label, blockquote, dl, dt, dd, fieldset, a:link img, a:visited img, a:active img, a:hover img
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    border: none;
}

.clear
{
    clear: both;
}

hr
{
    color: #f3479d;
    margin: 0 0 20px 0;
}


/* GLOBAL TYPOGRAPHY
-------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    color: #f3479d;
    margin: 0 0 1em 0;
    font-weight: normal;
    font-family: Trebuchet MS, Lucida Grande;
}

h2
{
    color: #c0c0c0;
    font-size: 3.6em;
    margin: 0 0 30px 0;
    line-height: 40px;
}

h3
{
    font-size: 2.4em;
    line-height: 28px;
}

h4
{
    font-size: 2.4em;
}

p
{
    font-size: 1.2em;
    padding: 0 0 24px 0;
}

em
{
    font-style: italic;
}

.offscreen
{
    display: block;
    text-indent: -5000px;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
}

/* SITEFINITY MANAGED CONTENT STYLES
-------------------------------------------------------------------------------*/

.editable
{
    font-size: 1.2em;
}

.editable p
{
    font-size: 1em;
}

.editable h2
{
    font-size: 3.0em; /* size relative to 1.2em */
}

.editable h3
{
    font-size: 2.0em; /* size relative to 1.2em */
}

.editable ul li
{
    list-style-type: disc;
    margin: 0 0 15px 20px;
}

.editable ul li ul li
{
    font-size: 1em;
}

.editable ol li
{
    list-style-type: decimal;
    margin: 0 0 15px 20px;
}

/* GLOBAL LINK STYLES
-------------------------------------------------------------------------------*/
a
{
    /* Firefox */
    outline: none;
}

a:link, a:visited, a:active
{
    color: #f3479d;
    text-decoration: none;
}

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

/* GLOBAL LAYOUT
-------------------------------------------------------------------------------*/

#sitewrapper
{
    width: 940px;
    margin: 0 auto 0 auto;
}

.topnav
{
    float: right;
    background: url(../../Images/nav.gif) repeat-x top left;
}

.topnav li
{
    float: left;
    margin-right: 19px;
}

.topnav li.last
{
    margin-right: 0;
}

.topnav li a
{
    display: block;
    padding: 12px 0 0 0;
    font-size: 1.4em;
    font-weight: bold;
    white-space: nowrap;
}

.topnav li a.selected, .topnav li a:hover
{
    text-decoration: none;
    color: #919090;
}

#logo
{
    clear: right;
    display: block;
}

#logo a
{
    margin-top: -12px;
    display: block;
    background: url(../../Images/logo.gif) no-repeat top left;
    height: 93px;
    width: 230px;
    text-indent: -5000px;
    float: left;
}

#logo span
{
    display: block;
    background: url(../../Images/strapline.gif) no-repeat top left;
    height: 26px;
    width: 389px;
    float: right;
    text-indent: -5000px;
    margin: 32px 0 0 0;
}

#enquiries
{
    display: block;
    width: 389px;
    float: right;
    font-size: 1.8em;
    text-align: right;
    padding: 0;
}

#banner
{
    clear: both;
    padding-top: 31px;
}

#banner .top
{
    background: url(../../Images/banner_top.gif) no-repeat top left;
    font-size: 0;
    line-height: 0;
    height: 6px;
}

#banner .mid
{
    line-height: 0;
}

#banner .bot
{
    background: url(../../Images/banner_bot.gif) no-repeat top left;
    font-size: 0;
    line-height: 0;
    height: 6px;
}

.contentwrapper
{
    clear: both;
    background: url(../../Images/contentmain_top.gif) no-repeat top left;
    border-top: 30px solid #231f20;
}

.breadcrumb
{
    font-size: 1.1em;
    padding-bottom: 25px;
}

/* GENERIC
-------------------------------------------------------------------------------*/

#maincolumn
{
    padding-top: 40px;
    margin-left: 20px;
    width: 700px;
    float: left;
}

.generic #maincolumn
{
    width: 680px;
}

#maincolumn h2, #maincolumn h3, #maincolumn p
{
    margin-right: 30px;
}

#maincolumn.threecol
{
    width: 460px;
}

#leftcolumn
{
    padding-top: 40px;
    float: left;
    width: 220px;
}

#rightcolumn
{
    padding-top: 40px;
    width: 220px;
    float: left;
    margin-left: 20px;
}

.featurebox .top
{
    background: url(../../Images/feature_top.gif) no-repeat top left;
    height: 5px;
    line-height: 0;
}

.featurebox .mid
{
    background: #444041 url(../../Images/feature_bg.jpg) no-repeat bottom left;
    padding: 20px;
}

.featurebox .dark
{
    background: #422533;
}

.featurebox .bot
{
    background: url(../../Images/feature_bot.gif) no-repeat top left;
    height: 5px;
    line-height: 0;
    margin-bottom: 20px;
}

.featurebox .slideshow
{
    line-height: 0;
}

.featurebox h3
{
    color: White;
    font-size: 1.8em;
    margin: 0;
    padding-bottom: 12px;
    width: 180px;
}

.featurebox p
{
    color: White;
}

.featurebox input
{
    border: 3px solid white;
    border-right: 0;
    background: #fcdaeb;
    padding: 5px;
    font-size: 1.1em;
    float: left;
    width: 141px;
    color: #F3479D;
}

.featurebox a.go
{
    background: url(../../Images/newsletter_go.gif) no-repeat top left;
    display: block;
    text-indent: -5000px;
    float: left;
    width: 26px;
    height: 29px;
}

.featurebox dl
{
    margin-top: -14px;
    font-size: 1.1em;
}

.featurebox dl dt
{
    width: 64px;
    font-weight: bold;
    float: left;
    clear: left;
}

.featurebox dl dd
{
    float: left;
}

.featurebox .error
{
    color: #f3479d;
    font-weight: bold;
}

.youtube .bot
{
    margin-top: -6px;
}

.featurebox .youtubespacer
{
    height: 40px;
    padding: 5px 0 0 5px;
}

.custom .link
{
    display: block;
    position: absolute;
    margin-left: -20px;
    margin-top: -25px;
}

.featurebox .creditsbg
{
    background: black;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
    color: white;
    height: 24px;
    margin-top: -24px;
}

.featurebox .credits
{
    display: block;
    margin-top: -24px;
    padding: 2px 6px 2px 20px;
    position: relative;
    color: White;
    font-size: 1.1em;
}

/* LEFT NAV
-------------------------------------------------------------------------------*/

#leftnav
{
    width: 210px;
}

#leftnav .top
{
    background: url(../../Images/leftnav_top.gif) no-repeat top left;
    line-height: 0;
    height: 5px;
}

#leftnav .mid
{
    background: #444041;
    padding: 20px;
}

#leftnav .bot
{
    background: url(../../Images/leftnav_bot.gif) no-repeat top left;
    line-height: 0;
    height: 5px;
}

#leftnav h3
{
    font-size: 1.8em;
    color: White;
}

#leftnav ul
{
    border-top: 1px dotted #696667;
}

#leftnav ul li
{
    border-bottom: 1px dotted #696667;
}

#leftnav ul li a
{
    display: block;
    font-size: 1.1em;
    padding: 11px 10px 11px 10px;
    margin: 1px 0 1px 0;
}

#leftnav ul li a.selected
{
    background: #3d393a;
}

#leftnav ul li ul
{
    padding: 10px 0 10px 0;
    background: #3d393a;
    border: none;
}

#leftnav ul li ul li
{
    border: none;
}

#leftnav ul li ul li a
{
    display: block;
    font-size: 1.1em;
    padding: 0 10px 5px 20px;
    margin: 0;
    background: #3d393a;
}

#leftnav ul li ul li a.selected
{
    text-decoration: underline;
}

/* HOME PAGE
-------------------------------------------------------------------------------*/

#homecontent
{
    width: 555px;
    float: left;
    padding: 25px 45px 25px 20px;
}

#homecontent h2
{
    margin-top: 5px;
    color: #f3479d;
    font-size: 2.4em;
    margin-bottom: 14px;
}

#homefeature
{
    float: left;
    width: 320px;
    padding: 40px 0 25px 0;
}

#homefeature .top
{
    background: url(../../Images/homefeature_top.gif) no-repeat top left;
    height: 5px;
    font-size: 0;
    line-height: 0;
}

#homefeature .mid
{
    background: #444041 url(../../Images/homefeature_bg.jpg) no-repeat bottom right;
    padding: 20px 20px 0 20px;
}

#homefeature .bot
{
    background: url(../../Images/homefeature_bot.gif) no-repeat top left;
    height: 5px;
    font-size: 0;
    line-height: 0;
}

#homefeature h3
{
    font-size: 1.8em;
    margin: 0 0 12px 0;
}

#homefeature p
{
    margin: -8px 0 0 0;
    padding: 0 0 20px 0;
    line-height: 16px;
}

#homefeature a
{
    font-weight: bold;
}

/* PINK BOX
-------------------------------------------------------------------------------*/

#pinkbox
{
    clear: both;
    background: #f3479d url(../../Images/pinkbox_mid.gif) repeat-x top left;
    color: White;
    padding: 0 0 4px 0;
}

#pinkbox .top
{
    background: url(../../Images/pinkbox_top.gif) no-repeat top left;
    height: 10px;
    line-height: 0;
    font-size: 0;
}

#pinkbox h3, #pinkbox a
{
    color: White;
}

#treatments
{
    float: left;
    width: 750px;
}

#treatments li
{
    width: 360px;
    float: left;
    margin: 0 0 10px 10px !important;
    list-style-type: none !important;
}

.genericleftnav #treatments li
{
    clear: left;
    width: 440px;
}

.generic #pinkbox
{
    width: 940px;
}

.generic #treatments
{
    width: 940px;
}

.generic #treatments li
{
    width: 454px;
}

#treatments .transparency
{
    border: 5px solid white;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
}

#treatments li:hover .transparency
{
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
}

#treatments .transparency .background
{
    background: #FFFFFF;
    height: 95px;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

#treatments li a
{
    color: White;
    display: block;
    background-repeat: no-repeat;
    background-position: 21px 25px;
    padding-left: 80px;
    padding-top: 10px;
    margin-top: -105px;
    height: 95px;
    position: absolute;
    width: 280px;
}

.genericleftnav #treatments .transparency .background
{
    height: 90px;
}

.genericleftnav #treatments li a
{
    width: 340px;
    height: 90px;
    margin-top: -93px;
}

#treatments li a:hover
{
    text-decoration: none;
}

#treatments li a .headline
{
    font-size: 1.4em;
    margin: 8px 0 12px 0;
    padding: 0;
    display: block;
}

#treatments li a .duration
{
    display: block;
    padding: 0 12px 0 0;
    font-weight: bold;
    margin-top: -6px;
    font-size: 1.2em;
}

#prices
{
    width: 180px;
    float: left;
}

#prices .top
{
    background: url(../../Images/prices_top.gif) no-repeat top left;
    line-height: 0;
    height: 5px;
}

#prices .mid
{
    background: #f67fbb url(../../Images/prices_mid.gif) repeat-x top left;
    padding: 16px 10px 16px 10px;
}

#prices .bot
{
    background: url(../../Images/prices_bot.gif) no-repeat top left;
    line-height: 0;
    height: 5px;
}

#prices h3
{
    font-size: 1.8em;
    margin: 0 0 12px 0;
}

#prices a
{
    text-decoration: none;
}

#prices p
{
    margin-top: -8px;
    padding: 0 0 4px 0;
}

#prices dl
{
    font-size: 1.4em;
    font-weight: bold;
}

#prices dt
{
    float: left;
    clear: left;
    width: 68px;
}

#prices dd
{
    float: left;
}

#newsletter
{
    width: 180px;
    float: left;
    padding-top: 14px;
}

#newsletter h3
{
    font-size: 1.8em;
    margin: 0 0 12px 6px;
}

#newsletter p
{
    margin: 0 0 0 6px;
    padding: 0 0 15px 0;
}

#newsletter input
{
    border: 3px solid white;
    border-right: 0;
    background: #fcdaeb;
    padding: 5px;
    font-size: 1.1em;
    float: left;
    width: 141px;
    color: #F3479D;
}

#newsletter a
{
    background: url(../../Images/newsletter_go.gif) no-repeat top left;
    display: block;
    text-indent: -5000px;
    float: left;
    width: 26px;
    height: 29px;
}

/* LANDING PAGE
-------------------------------------------------------------------------------*/

.pagesummary
{
    border: 1px solid #f3479d;
    background: #2e2a2b;
    padding: 20px;
    clear: both;
}

ul.pagesummarylist
{
    margin: 0 0 0 -20px;
}

#maincolumn .pagesummarylist li
{
    width: 220px;
    background: url(../../Images/feature_top.gif) no-repeat top left;
    padding-top: 5px;
    float: left;
    font-size: 1em;
    margin: 0 0 20px 20px;
    list-style-type: none;
}

.pagesummarylist li a
{
    background: #2e2a2b url(../../Images/pagesummarylist_bg.gif) no-repeat bottom left;
    display: block;
    padding: 20px 20px 5px 20px;
    height: 189px;
}

.pagesummarylist li a:hover
{
    text-decoration: none;
}

.pagesummarylist .title
{
    font-size: 1.8em;
    margin: 0 0 16px 0;
    display: block;
    width: 100%;
}

.pagesummarylist .text
{
    float: right;
    width: 100px;
    color: #c0c0c0;
    font-size: 1.1em;
    line-height: 15px;
    margin-top: -6px;
}

.pagesummarylist .more
{
    color: #f3479d;
}

/* PAYPAL CONTROL
-------------------------------------------------------------------------------*/

.paypal
{
    border: 1px solid #f3479d;
    padding: 6px;
    margin: 12px 0 12px 0;
}

.paypal h4
{
    margin-bottom: 5px;
    font-size: 1.4em;
    font-weight: bold;
}

.paypal p
{
    margin: -3px 0 3px 0;
    padding: 0;
    font-weight: bolder;
    color: #f3479d;
}

a.buynow:link, a.buynow:visited, a.buynow:active
{
    float: right;
    background: #f3479d /*url(../../Images/bt_buynow.gif) no-repeat top left*/;
    width: 70px;
    margin: -7px -5px 0 0;
    padding: 4px 10px 1px 10px;
    height: 30px;
    color: #fff;
}

.pleasewait
{
    color: #f3479d;
    font-weight: bold;
    display: none;
}

/* PAYPAL CONTROL
-------------------------------------------------------------------------------*/

.contactform
{
    background: #2a2627;
    padding: 21px;
    width: 637px;
}

.contactform label
{
    text-indent: -5000px;
    display: block;
    height: 0px;
    width: 0px;
    float: left;
}

.contactform .text, .contactform textarea
{
    border: 3px solid #393536;
    background: #231f20;
    color: #f3479d;
    float: left;
    padding: 5px 11px 0 11px;
    margin-right: 20px;
    width: 171px;
    height: 20px;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 1.2em;
}

.contactform .invalid
{
    border-color: #f3479d !important;
}

.contactform textarea
{
    width: 390px;
    height: 122px;
    margin: 20px 0 15px 0;
    padding-top: 11px;
}

.contactform .left
{
    clear: left;
    float: left;
    border: 1px solid red;
}

.contactform .textblock
{
    width: 199px;
    float: left;
    clear: left;
    margin: 20px 20px 0 0;
}

.contactform p
{
    margin: 0;
    padding: 0;
}

.contactform .message
{
    padding-top: 8px;
}

.contactform a.submit
{
    float: right;
    text-transform: uppercase;
    color: White;
    background: #f3479d;
    padding: 4px 13px 4px 13px;
    font-weight: bold;
}

.contactform .checkinput
{
    color: #f3479d;
    font-weight: bold;
}

.contactcompleted .text, .contactcompleted textarea, .contactcompleted .textblock, .contactcompleted .submit, .contactcompleted .RadComboBox
{
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}

/* TESTIMONIALS
-------------------------------------------------------------------------------*/

.testimonials cite
{
    display: block;
    font-weight: bold;
    font-style: normal;
    font-size: 1.2em;
    margin-bottom: 34px;
}

/* FOOTER
-------------------------------------------------------------------------------*/

#footer
{
    background: #393637 url(../../Images/footer.jpg) no-repeat top left;
    margin-top: 40px;
    padding: 30px 20px 0 30px;
    clear: both;
}

#footer .enquiries
{
    float: right;
    font-size: 2.4em;
    color: #c7c5c6;
    text-align: right;
    line-height: 26px;
}

#footer .enquiries .phone
{
    color: #be4481;
}

.sitefinity:link, .sitefinity:active, .sitefinity:visited, .sitefinity:hover
{
    float: right;
    clear: right;
    margin: 75px 5px -10px 0;
}

#footer .links
{
    margin-top: 4px;
    float: left;
}

#footer .links li
{
    padding: 5px 8px 5px 8px;
    display: block;
}

#footer .links li a
{
    font-size: 1.2em;
    font-weight: bold;
}

#footer .treatments
{
    background: #434041;
}

#footer ul.treatments
{
    padding-bottom: 4px;
}

#footer .col1
{
    width: 100px;
}

#footer .col2
{
    width: 120px;
}

#credentials
{
    margin: 34px 8px 0 8px;
    padding: 26px 0 0 0;
    border-top: 1px dotted #615e5f;
}

.websiteby
{
    float: right;
    font-size: 1em;
    color: #6f6f6f;
    font-weight: bold;
    text-align: right;
    line-height: 13px;
}

.websiteby a
{
    font-size: 1.2em;
}

#credentials ul
{
    float: left;
    clear: left;
}

#credentials ul li
{
    font-size: 1.2em;
    line-height: 14px;
    font-weight: bold;
    float: left;
}

#qualifications li
{
    padding-left: 8px;
    margin-left: 6px;
    background: url(../../Images/bullet_line.gif) no-repeat bottom left;
}

#contactdetails li
{
    padding-left: 11px;
    margin-left: 5px;
    background: url(../../Images/bullet_spot.gif) no-repeat bottom left;
}

#qualifications li.first, #contactdetails li.first
{
    margin-left: 0;
    padding-left: 0;
    background: none;
}

div.photocredit
{
    margin: -10px 0 10px 0;
}

/* SITEMAP
-------------------------------------------------------------------------------*/
ul#sitemap
{
    font-size: 1.2em;
}

ul#sitemap li
{
    padding: 0 0 5px 0;
}

ul#sitemap ul
{
    margin: 0 0 0 20px;
}