* { margin: 0; padding: 0; }
body { background: #DCD5BE ; color: #000000; font: 62.5%/1.4 Arial, Helvetica, sans-serif; }
a { text-decoration: none; color: #FF0000; outline: none; }
a:hover { text-decoration: underline; }

button, input, textarea, select { font-size: 100%; font-family: Arial, Helvetica, Geneva, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; margin-bottom: .1em; }
h1 { font-size: 2.3em; color: #000000; font-weight: bold; }
h2 { font-size: 1.8em; color: #000000; font-weight: bold; line-height: 1.2em; }
h3 { font-size: 1.7em; color: #000000; font-weight: bold; line-height: 1.2em; }
h4 { font-size: 1.7em; color: #000000; font-weight: bold; line-height: 1.2em; }

p { font-size: 1.1em; }
blockquote { font-size: 1.3em; font-weight: bold; font-style: italic; margin-top: -1em; padding-bottom: 1em; }
iframe, img { border: none; }
fieldset, form { border: none }
table { border-collapse: collapse; border: 0; border-spacing: 0; font-size: 100%; }
caption, td, th { text-align: left; font-size: 100%; font-weight: normal; }
ol, ul { margin-bottom: .3em; }
ol li, ul li {margin: 0; padding: 0; list-style-type: none; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cleaner { clear: both; height: 1px; margin-top: -1px; overflow: hidden; }

/* Common form elements
-----------------------------------------------*/
legend { display: none; }
input { padding: 1px 0 2px 0; }
input, select, textarea { border:1px solid #6B6B6A; }

.frow { float:left; margin-bottom:2px; }
.frow p { }
.frow label { text-indent:-9999em; }
.frow input { }

.frow-action { width:auto; float:left; }
.frow-action input { float:right; border:none; }

.frow:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*	Accessibility Links
----------------------------------------------- */
ul#Accessibility, .accessibility { left: -9999em; position: absolute; top: -9999em; }
.adn { display: block; height: 0; overflow: hidden; width: 0; margin-bottom: 0; }

/*	Structure
----------------------------------------------- */
#Container { }

/* 	Header
-----------------------------------------------*/
#HeaderContainer { background:#3A0913; width:100%; }

#HeaderContent { margin:0 auto; width:980px; }

#Branding { padding:40px 0 20px 20px; }
#Branding:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#Branding a { color:#FFFFFF; }
#Branding a.elegant-logo { background:transparent url(../Images/Global/MainLogo.png) no-repeat 0 0; display:block; float:left; height:40px; text-indent:-9999px; width:237px; }
#Branding p.tag-line { background:transparent url(../Images/Content/Home/BrandingTag.png) no-repeat scroll 0 0; display:block; float:left; height:15px; margin-left:200px; margin-top:10px; text-indent:-9999px; width:406px; }

/* 	NavigationPrimary
-----------------------------------------------*/
#NavigationPrimary { }
#NavigationPrimary ul { background:transparent url(../Images/Global/MainNavBG.png) no-repeat 0 0; float:left; margin-bottom:16px; padding-left:70px; width:847px; }
#NavigationPrimary li { background:transparent url(../Images/Global/MainNavPipeBG.png) no-repeat right 53%; float:left; font-size:1.2em; padding:5px 30px; }
#NavigationPrimary li.last { background:none; }
#NavigationPrimary a { color:#FFFFFF; font-size:1.3em; }


/* 	PrimaryContainer
-----------------------------------------------*/
#PrimaryContainer { background:#EFEAD8 url(../Images/Content/Home/MainContentBG.jpg) no-repeat center 0; width:100%; }
#ContentPrimary { color:#7B7562; font-family:Georgia,Times,Times New Roman,serif; margin:0 auto; padding:40px 0 70px; width:980px; }
#ContentPrimary:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#ContentPrimary .content-col { float:left; width:350px; }

#ContentPrimary h3 { color:#924833; font-size:2.2em; font-weight:normal; }
#ContentPrimary h4 { color:#924833; font-size:1.6em; font-weight:bold; }

#ContentPrimary p { font-size:1.2em; }
#ContentPrimary .intro { color:#3F3103; font-size:1.4em; margin-bottom:10px; }

#ContentWrapper { margin:0 0 0 114px; }
/* 	FooterContainer
-----------------------------------------------*/
#FooterContainer { background:#DCD5BE; width:100%; }

#FooterPrimaryContent { margin:0 auto; padding-top:26px; width:980px; }
#FooterPrimaryContent p { color:#8C8672; float:left; font-family:Georgia,Times,Times New Roman,serif; font-size:1.2em; }
#FooterPrimaryContent span.address-label { color:#583328; }
#FooterPrimaryContent a.twitter-link { background:transparent url(../Images/Content/Home/ElegantTwitter.png) no-repeat scroll 0 0; display:block; height:18px; text-indent:-9999px; width:77px; }
#FooterPrimaryContent a:hover.twitter-link { background:transparent url(../Images/Content/Home/ElegantTwitterOn.png) no-repeat scroll 0 0; display:block; height:18px; text-indent:-9999px; width:77px; }

#FooterPrimaryContent p.address { margin-right:20px; }

#FooterPrimaryContent p.twitter span,
#FooterPrimaryContent p.twitter a { float:left; }

#FooterPrimaryContent p.twitter span { margin-right:10px; }

#FooterPrimaryContentWrapper { border-bottom:1px solid #CCBE94; margin:0 20px; padding-bottom:40px; }
#FooterPrimaryContentWrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#FooterSecondaryContent { margin:0 auto; padding-bottom:40px; padding-top:20px; width:980px; }
#FooterSecondaryContent:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#FooterSecondaryContent h3 { color:#FFFFFF; font-family:Georgia,Times,Times New Roman,serif; font-size:1.7em; font-weight:normal; margin-bottom:10px; margin-left:20px; }
#FooterSecondaryContent ul { float:left; margin-left:20px; width:220px; }
#FooterSecondaryContent ul li {}
#FooterSecondaryContent ul li a { color:#A79C78; font-family:Georgia,Times,Times New Roman,serif; font-size:1.2em; }

#FooterTertiaryContent { margin:0 auto; padding-bottom:40px; padding-top:20px; width:980px; }
#FooterTertiaryContent:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#FooterTertiaryContent h3 { color:#FFFFFF; font-family:Georgia,Times,Times New Roman,serif; font-size:1.7em; font-weight:normal; margin-left:20px; }
#FooterTertiaryContent ul { float:left; margin-left:20px; }
#FooterTertiaryContent ul li {}
#FooterTertiaryContent ul li a { color:#A79C78; font-family:Georgia,Times,Times New Roman,serif; font-size:1.2em; }

/* 	Page specific
-----------------------------------------------*/

/*	Homepage
-----------------------------------------------*/
body.home #ContentPrimary h1 { background:transparent url(../Images/Content/Home/WelcomeMessage.png) no-repeat scroll 0 0; display:block; height:150px; margin:0 0 80px 20px; text-indent:-9999px; width:455px; }
body.home #ContentPrimary { padding:40px 0 51px; }

.homepage-cta { background:#E4E4E4; float:left; height:129px; margin-right:20px; width:261px; }
#TreatmentsCTA { background:transparent url(../Images/Content/Home/MainPromoOneBG.png) no-repeat scroll 0 0; height:118px; margin-left:20px; margin-right:0; padding:0 30px 0 16px; width:260px; }
#TreatmentsCTA .h2 { background:transparent url(../Images/Content/Home/PromoOneMainText.png) no-repeat scroll 0 0; float:left; height:40px; margin-bottom:40px; text-indent:-9999em; width:147px; }
#TreatmentsCTA .link-text { background:transparent url(../Images/Content/Home/PromoOneLinkText.png) no-repeat scroll 0 0; display:block; float:left; height:9px; text-indent:-9999em; width:135px;}
#TreatmentsCTA a { display:block; float:left; padding:10px 25px 20px 10px; width:226px; }

#SignUpCTA { background:transparent url(../Images/Content/Home/MainPromoTwoBG.png) no-repeat scroll 0 0; height:110px; padding:8px 0 0 24px; width:254px; }
#SignUpCTA h2 { background:transparent url(../Images/Content/Home/PromoTwoMainText.png) no-repeat scroll 0 0; float:left; height:44px; margin-bottom:10px; text-indent:-9999em; width:156px; }
#SignUpCTA form { float:left; }
#SignUpCTA .frow label { display:none; }
#SignUpCTA .frow-input { margin-bottom:7px; }
#SignUpCTA .frow-input input { padding:3px; }

#SignUpCTA .frow-input,
#SignUpCTA .frow-action { float:left; width:190px; }

#SignUpCTA .frow-action input { float:left; }
#SignUpCTA .frow-action input.signup { background:transparent url(../Images/Content/Home/PromoTwoLinkText.png) no-repeat scroll 0 0; height:9px; width:59px; }

/*	Salon & Team
-----------------------------------------------*/
body.the-team #PrimaryContainer { background:#EFEAD8 url(../Images/Content/Team/TheTeamBG.jpg) no-repeat center 0; }
body.the-team #ContentPrimary h1 { background:transparent url(../Images/Content/Team/SalonHeader.png) no-repeat scroll 0 0; display:block; height:27px; margin-bottom:14px; text-indent:-9999em; }

body.the-team .content-col { margin-right:70px; }
body.the-team .content-col h2 { color:#967201; font-size:1.7em; font-weight:normal; margin-bottom:6px; }
body.the-team img.the-team { margin-left:0; margin-top:76px; }
body.the-team img.the-salon { margin-left:0; margin-top:20px; }

/*	Treatments
-----------------------------------------------*/
body.treatments {}
body.treatments #PrimaryContainer { background:#EFEAD8 url(../Images/Content/Treatments/TreatmentsBGTop.jpg) no-repeat center 0; }

body.treatments #ContentPrimary { /*background:transparent url(../Images/Content/Treatments/TreatmentsBGBottom.jpg) no-repeat center bottom;*/ padding-top:0 ;}
body.treatments #ContentPrimary h1 { background:transparent url(../Images/Content/Treatments/TreatmentsSprite.png) no-repeat scroll 0 0; display:block; text-indent:-9999em; }

body.treatments .treatments-bottom { background:#EFEAD8 url(../Images/Content/Treatments/TreatmentsMainBG.png) repeat-y center 0; padding-top:40px; }

body.treatments .content-col { margin-right:70px; }
body.treatments .content-col h2 { background:transparent url(../Images/Content/Treatments/TreatmentsSprite.png) no-repeat scroll 0 -91px; display:block; height:25px; margin-bottom:14px; text-indent:-9999em; }
body.treatments .content-col .book-appointment { background:transparent url(../Images/Content/Treatments/TreatmentsSprite.png) no-repeat scroll 0 -181px; display:block; height:46px; margin-top:10px; text-indent:-9999em; }

body.treatments .content-col .offer { color:#3F3103; margin-bottom:4px; }
body.treatments .content-col .offer .price { color:#924822; }
body.treatments .content-col .offer .original-price { font-size:0.8em; }

#TreatmentsIntro { float:left; margin-bottom:30px; width:760px; }
#TreatmentsIntro .content-col { float:left; margin-right:10px; width:370px; }
#TreatmentsIntro .content-col ul { float:left; margin-right:16px; margin-top:8px; width:160px; }
#TreatmentsIntro .content-col ul li { background:transparent url(../Images/Content/Treatments/TreatmentsBulletBG.png) no-repeat scroll left 7px; padding-left:13px; }
#TreatmentsIntro .content-col ul li a { color:#924833; font-size:1.3em; }

#Treatments {}
#Treatments .treatment-wrapper { float:left; margin-bottom:30px; width:760px; }
#Treatments .treatment-wrapper .back-to-top-wrapper { background:transparent url(../Images/Content/Treatments/BackToTopBG.png) repeat-x scroll 0 2px; float:left; margin-top:30px; width:100%; }
#Treatments .treatment-wrapper .back-to-top-wrapper a.back-to-top { background-color:#E6DFC8; color:#924833; display:block; float:right; font-size:1.2em; margin-right:20px; padding:2px 10px; text-align:right; }

#Treatments ul { float:left; margin-right:10px; width:340px; }
#Treatments ul.treatments-left { margin-right:20px; }
#Treatments ul.treatments-right { float:right; margin-left:20px; }

#Treatments ul li { float:left; width:100%; }
#Treatments ul li.product { background:transparent url(../Images/Content/Treatments/ProductTitleBG.png) repeat-x scroll 0 3px; color:#3F3103; font-size:1.4em; }
#Treatments ul li.no-bg { background:none; }
#Treatments ul li.description { color:#7B7562; font-size:1.2em; margin-bottom:12px; }
#Treatments ul li .price { background-color:#E6DFC8; color:#924833; float:right; font-weight:bold; padding-left:5px; }
#Treatments ul li .title { background-color:#E6DFC8; padding-right:5px; }

#Treatments ul.no-float { width:100%; }
#Treatments ul.no-float li { color:#3F3103; font-size:1.4em; width:100%; }
#Treatments ul.no-float li.description { color:#7B7562; font-size:1.2em; margin-bottom:12px; }

#Treatments .pamper-treatment { float:left; margin-bottom:20px; }
#Treatments div.treatment-left { float:left; margin-right:20px; width:340px;  }
#Treatments div.treatment-right { float:right; margin-left:20px; width:340px;  }

#UltimatePamperProgrammes p { float:left; width:100%; }
#UltimatePamperProgrammes h4 { background:transparent url(../Images/Content/Treatments/ProductTitleBG.png) repeat-x scroll 0 3px; }
#UltimatePamperProgrammes h4 .price { background-color:#E6DFC8; color:#924833; float:right; font-weight:bold; padding-left:5px; }
#UltimatePamperProgrammes h4 .title { background-color:#E6DFC8; padding-right:5px; }

/*	Treatments
-----------------------------------------------*/
body.contact-us #PrimaryContainer { background:#EFEAD8 url(../Images/Content/Contact/ContactUsBG.jpg) no-repeat center 0; padding-bottom:67px; }
body.contact-us #ContentPrimary h1 { background:transparent url(../Images/Content/Contact/ContactUsSprite.png) no-repeat scroll 0 0; display:block; margin-bottom:24px; text-indent:-9999em; }
body.contact-us #ContentPrimary .content-col { float:left; margin-right:10px; width:390px; }
body.contact-us #ContentPrimary .content-col h2,
body.contact-us #ContentPrimary .content-col h3 { color:#7B7562; font-weight:normal; font-size:1.8em; }
body.contact-us #ContentPrimary .content-col p { color:#3F3103; font-size:1.4em; }

body.contact-us .content-col .book-appointment { background:transparent url(../Images/Content/Treatments/TreatmentsSprite.png) no-repeat scroll 0 -181px; display:block; height:46px; margin-bottom:20px; margin-top:20px; text-indent:-9999em; }

#Map { width:378px; height:378px; }


/*	Error/Thanks
-----------------------------------------------*/
body.form .treatments-bottom { background:none; }