@CHARSET "ISO-8859-1";
#tgMainBg {margin-top:110px;}

#pagesContent {margin: 0;width: 710px;}

/* Salon Results */
#salonSearch p, #salonSearch h2 {padding: 0 0 1em 0;}
#salonSearchNearestDetails {width:578px;float:left;}
#salonSearchNearestMap {width:980px;min-height:392px;height:auto!important;height:392px;margin:0 0 10px 0;float:left;overflow:hidden;}
#salonSearchOthers, #salonDidntFind, #salonSearchNearest.noResults {padding: 10px 20px;}
#salonSearch .tgLogo, #salonSearch .essensualsLondonLogo{float: left; margin: 0 10px 10px 0;}
#salonSearchOthers .resultInfo {width:500px;padding-left:0px; float: left; line-height: 22px;}

/* No Results */
#noResultsBar {background:#fff;height:280px;opacity:.35;filter:alpha(opacity=35);margin:105px 0 0 0;}
#noResults {margin:130px 0 0 0;height:208px;overflow:hidden;color:#000;font-size:small;}
#noResultsDetails {width:392px;float:left;overflow:hidden;}
#noResultsDetails h1#tgLogo {width:155px;height:25px;background:url(/static/img/navigation/icons.png) no-repeat 0 0;}
#noResultsDetails h1 a {width:235px;height:37px;display:block;text-indent:-9999em;}
#noResultsDetails ul li {float:left;padding: 0px 3px;margin: 10px 1px 0 0;cursor: pointer;font-size:x-small;background: #fff;}
#noResultsDetails ul li:hover {background:#0df;}

/* Salon Information */
#subNav {margin-bottom: 10px;}

#salonColumn {padding: 20px;}
#salonColumn .address {margin: 0; float: right; width: 255px;}
#salonColumn .address p {font-size:14px;padding:0 0 1em 0;}
#salonColumn .address h2 {font-size:large;padding:0 0 .25em 0;}
#salonColumn .salonOpeningHours {clear:both;};
#salonColumn .salonOpeningHours li {padding-top:1em;font-size:16px;padding:0 0 3px 0;}

#salonInformation {width:392px;min-height:392px;height:auto!important;height:392px;margin:0 20px 20px 0;overflow:hidden; float: left; border: 1px solid #262626;}
#salonBookingFrame, #salonLocation {width:668px;min-height:520px;height:auto!important;height:447px;margin:20px 20px 10px 20px;overflow:hidden;}

#salonDetails p {padding:0 0 1em 0;}
#salonDetails h2 {padding:0 0 .25em 0;}

.salonAwards {margin: 0 0 20px 0;}

#salonThumbnails img {cursor:pointer;padding:4px 4px 0 0;}

/* Salon Finder */
#salonFinder {margin:130px 0 0 0;overflow:hidden;color:#000;font-size:small;}
#salonFinderBar {background:#fff;height:320px;margin:105px 0 0 0;opacity:.35;-moz-opacity:.35;filter:alpha(opacity=35);}
#salonFinderDetails {width:392px;float:left;overflow:hidden;font-size:small;}
#salonFinderDetails ul li {display:block;min-width:8px;width:auto!important;width:8px;min-height:8px;height:auto!important;height:8px;float:left;text-align:center;padding:0px 3px;margin:.5em 1px 0 0;cursor:pointer;font-size:x-small;background:#fff;}
#salonFinderDetails ul li:hover {background:#09f;}

/* Salon Search Page */
#salon {overflow-y: scroll;}
.finderPage {padding: 10px;}
.finderPage  #salonFinder{margin-top: 55px; width: 50%; float: left;}
.finderPage  .colB{width: 440px; float: left; margin: 15px 0 0 10px; height: auto;}
.finderPage  #salonFinderPanel{margin-bottom: 10px; height: auto;}
.finderPage  #salonImages {position: relative;}
.finderPage  #salonImages li {position: absolute;}
.finderPage  #salonImages li img {display: none;}
.finderPage  #salonImages li.current img {}
.finderPage  #salonFinder .tgSearchWbg {width: 210px;}
.finderPage #salonFinder .tgSalonFinderSubmit {left: -28px; top: 6px;}
.finderPage #salonLetters li {background: none repeat scroll 0 0 #FFFFFF;cursor: pointer;display: block;float: left;font-size: x-small;height: auto !important;margin: 0.5em 1px 0 0;min-height: 8px;min-width: 8px;padding: 0 3px;text-align: centre;width: auto !important; color: #000;}
.finderPage #salonLetters li:hover {background:none repeat scroll 0 0 #0099FF}
#salon .finderPage #salonFinderPanel li a {width: 433px;}

#salonFinderPanel {height:265px;overflow:none;}
#salonFinderPanel li {margin:1px 1px 0 0;font-size:small;background:#fff;}
#salon #salonFinderPanel li a {width: 236px;}
#salonFinderPanel li a, #salonFinderPanel li h2 {padding:3px;color:#000;display:block;}
#salonFinderPanel li a:hover {color:#fff;background:#09f;}

salonFinderByLetterForm p {font-size:xx-small;}

#salonFinderForm .tgSearchWbg {width: 85%; margin: 0;border-color: #000;background-position: 215px -172px;top: -24px;right: -222px;}
#salonFinderForm .tgSalonFinderSubmit {top: -24px;left: 222px;}

#salonFinder {margin: 10px 0; padding: 0 10px;}
#salonFinder {color: #fff;}
#salonFinderPanel li h2 {font-size: 15px;}

/* Salon */
#salonContent {width:710px;min-height:392px;height:auto!important;height:392px;padding:10px 0;position:relative; font-size:small;}
#salonContent h1{font-size:medium;}
#salonContentFauxColumn {width:710px;min-height:392px;height:auto!important;height:392px;}
#salonContent img{margin: 0 20px 20px;}
.salonLink{padding: 0pt 0pt 0pt 1em; background-image: url(/static/img/navigation/arrow_single_r_white.png); background-repeat: no-repeat; background-position: 0 0.4em;}

#salonIntroduction {
	margin: 10px;
}

/* Salon Menu */
#salonSideMenu {width:175px;float:left;}
#salonSideMenu a:hover {color: #fff;}
#salonSideMenu ul {margin:0;padding:0;}
#salonSideMenu ul.root li {margin-bottom:.25em;background:#09f;}
#salonSideMenu ul.root li:hover {background:#09f;}
#salonSideMenu ul.sub li {margin-bottom:.25em;background:none;}
#salonSideMenu ul.sub li.selected {background:#069;}
#salonSideMenu ul.sub li:hover {background:#069;}
#salonSideMenu ul li h2,#salonSideMenu ul li h3 {font-size:small;font-weight:normal;}
#salonSideMenu ul h2 a {display:block;padding:0 0 0 2em;background-image:url(/static/img/navigation/arrow_single_d_white.png); background-repeat:no-repeat; background-position:1em .5em;}
#salonSideMenu ul h3 a {display:block;padding:0 0 0 3em;background-image:url(/static/img/navigation/arrow_single_r_white.png); background-repeat:no-repeat; background-position:2em .5em;}

/* Salon Products */
#salonProducts{padding:0 20px 0;}
#salonProductsText{float:left; width:370px; padding: 0 0 0 10px;}
.salonProductsDiv{border:0;border-top:1px solid #fff; width:592px; float:left; margin: 15px 0 15px 0;}
#salonProductsLogo{float:left; text-align:center; width:200px;}
#salonProductsLogo img{float:none;}

/* Salon Promotions */
#salonArticle{width:510px; float:left; padding:0 10px; border-left: 1px solid #fff;}
#salonArticle p{margin:0 0 1em 0; font-size:small;}
#salonSideArticle{padding:0 10px 0;}
#salonSideArticle p{margin:0 0 1em 0;font-size:small;}
#salonArticle img{padding: 0 0 10px 0;}
#salonArticle table {width: 510px!important;}

/*Price List */
.salonRow{width:600px; float:left; margin:0 0 1em 0;}
.salonColumn{width:200px; float:left; padding: 1px 0 0px 0}
.salonColumnSmall{width:85px; float:left; padding: 1px 0 0px 0}
.salonColumnLarge{width:230px; float:left; padding: 1px 30px 0px 0}
.salonDiv{border:0;border-top:1px solid #fff; width:600px; float:left; margin:5px 0 20px 0;}

#salonArticle .services table {
	width: auto!important;
}
