.back{float:left}
.clearBoth{clear:both}
.forward{float:right}
a img{border:0}
body{background:#5b5757;color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:62.5%;margin:20px}

/* wrappers */
#contentWrapper{background:#fff;border:#373838 3px solid;border-top:0;color:#373838;padding:5px}
#mainWrapper{margin:auto;width:850px}

/* header */
#logo{margin:0 0 5px}
#navigationTop a{padding:6px 10px}
#navigationTop a,#navigationLeft a{color:#fff;text-decoration:none}
#navigationTop li{display:inline;margin:0 25px}
#navigationTop ul{line-height:27px;list-style:none;margin:0;padding:0;text-align:center}
#navigationTop,#navigationLeft{background:#373838;font-size:1.2em}
#tagLine{font-size:1.2em;margin:0 0 5px;width:380px; font-style:italic}
#logoWrapper{float:left}
#headerLinksWrapper{float:right}

/* content */
#banner{float:right}
#contactForm{margin:10px}
#contentBottom{overflow:auto}
#linksBody p{margin:0 10px}
#name,#email,#phone,select,textarea{width:190px}
#navigationLeft{float:left;height:430px;width:220px}
#navigationLeft li{line-height:25px;margin:5px 0}
#navigationLeft li a{background:url(../images/bullet_off.gif) 25px no-repeat;display:block;padding:0 0 0 45px}
#navigationLeft ul{height:250px;list-style:none;margin:85px 0 0;padding:0}
#offer{font-weight:700;line-height:40px;margin:10px;text-align:center}
#offer a:hover{text-decoration:underline}
.caption{font-size:1.2em}
input,select,textarea{margin:0 0 10px}
label{font-size:1.2em;font-weight:700}
p{font-size:1.5em;line-height:150%;margin:20px}
#fancybox-title{display:none!important}

/* navigation */
#colourAnalysisBody #offer,#colourAnalysisBody .active,#colourAnalysisBody #navigationTop a:hover,#colourAnalysisBody #navigationLeft li a:hover{background-color:#764D73}
#colourInYourHomeBody #offer,#colourInYourHomeBody .active,#colourInYourHomeBody #navigationTop a:hover,#colourInYourHomeBody #navigationLeft li a:hover{background-color:#709B0E}
#navigationLeft li a:hover,#navigationLeft .active{background-image:url(../images/bullet_on.gif)}
#journalistBody .active,#offer,#navigationTop a:hover,#indexBody #navigationLeft li a:hover,#navigationTop .active,#navigationLeft li a:hover{background-color:#D1572B}
#organicMake-upBody #offer,#organicMake-upBody .active,#organicMake-upBody #navigationTop a:hover,#organicMake-upBody #navigationLeft li a:hover{background-color:#3479CE}
#personalShoppingBody #offer,#personalShoppingBody .active,#personalShoppingBody #navigationTop a:hover,#personalShoppingBody #navigationLeft li a:hover{background-color:#C68C01}
#stylingBody #offer,#stylingBody .active,#stylingBody #navigationTop a:hover,#stylingBody #navigationLeft li a:hover{background-color:#B1A08B}
#wardrobeConsultationBody #offer,#wardrobeConsultationBody .active,#wardrobeConsultationBody #navigationTop a:hover,#wardrobeConsultationBody #navigationLeft li a:hover{background-color:#CE0000}

/* footer */
#copyright{float:left}
#copyright a,#credits a{color:#fff}
#copyright,#credits{font-size:1.1em;margin:10px 10px 0}
#credits{float:right}

#offer{display:none}

#footerLinks{margin:10px 0 0 10px;text-align:left}

/* Updates 2011 - Jonathan */

#socialMediaLinks a { display: inline-block; float: right; margin-top:5px}

#socialMediaLinkedIn a { padding:0 0 16px 53px; background: url(../images/linked_in.jpg) 0 0 no-repeat; margin-left: 5px; margin-right: 15px}
#socialMediaLinkedIn a:hover {background-position: -57px 0;}
#socialMediaLinkedIn a:active {background-position: -110px 0;}

#blog a { margin-right: 10px; padding:0 0 16px 36px; background: url(../images/blog.jpg) 0 0 no-repeat}
#blog a:hover {background-position: -40px 0;}
#blog a:active {background-position: -110px 0;}

#socialMediaTwitter a { padding:0 0 16px 50px; background: url(../images/twitter.jpg) 0 0 no-repeat}
#socialMediaTwitter a:hover {background-position: -57px 0;}
#socialMediaTwitter a:active {background-position: -110px 0;}

#indexBody {margin:10px;}

#headerLinksWrapper {margin: 0px}

#headerPromotionsWrapper {width: 450px}

#headerPromotionsBook {float: left; margin: 20px 0 0 0}

#headerPromotionsShowreel {float: left; margin: 30px 10px 0 10px}

#headerEndorsement {float: left; margin: 7px 0 0 0}

.centeredText{ text-align:center; margin-top:10px; margin-bottom:0px; padding:0px}
.centeredImage{ text-align:center; margin-top:10px; margin-bottom:0px; padding:0px}

#bookFormWrapper { text-align:center}
#bookFormForename {margin:0 auto}
#bookFormSurname {margin:0 auto}
#bookFormEmail {margin:0 auto}
#bookFormYes {margin:0 auto}
#bookFormSend {margin:0 auto}

h1 {color:#373838;font-family:Arial, Helvetica, sans-serif;font-size: 1.5em; font-weight:bold; margin:20px}
h2 {color:#373838;font-family:Arial, Helvetica, sans-serif;font-size: 1.3em; font-weight:bold; margin:20px}

.imageLeft  { float:left; margin: 5px 20px; }

.mediaCoverage li {font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:22px}

#contactPhoneNumber{font-size:1.3em;margin:0; text-align:right; float:right; width: 200px}

#content {color:#FFF; font-size:1px;}