﻿/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.0


(Yahoo) Whitespace Reset 
----------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;} table {font-size:inherit;font-size:100%;}  pre,code,kbd,samp,tt {font-family:monospace; line-height:99%;}

/* Reset Whitespace 
-------------------*/
strong,th,h1,h2,h3,h4,h5,h6{ font-weight:bold;}h1,h2,h3,h4,h5,h6{margin: 1em 0;}em{font-style: italic;}#content ul,#content ol{margin:1em 0;margin-left: 40px; }#content ul li{list-style: disc;}#content ol li{list-style: decimal;}


body{
	color:#000; font-family: arial,helvetica,clean,sans-serif; font-size: 100%; /*height:100%;*/
	background: #E6E6E6 url(../images/bg-grad.jpg) repeat-x;
}

 
/*  Generic styles
-------------------*/  

.hide{
	position: absolute; top: -1000em;
}

/* Clearing :note: In IE < v.7 This relies on the Holly Hack being prescent ie specific css file*/
.clear:after {
	content: "."; height: 0; visibility: hidden; display: block; clear: both;
}

.clearer{
	display: block; clear: both;
}

strong{
	font-weight: bold;
}

/* Default font sizes (when using body{font-size: 100%;}  Formula is: Desired px size / 16 = ems ) */
h1{
	font-size: 1.5em; /*24px*/
}

h2{
	font-size: 1.25em; /*20px*/
}

h2{
	font-size: 1.25em; /*20px*/
}

h3{
	font-size: 1em; /*16px*/
}

h4{
	font-size: 0.8125em; /*13px*/
}

p{ 
	font-size: 0.6875em; /*11px*/
}

th{
	background: #f2f2f2;
}


#bg-gradient{
	
}


/* Wrapper
----------------------------*/ 
#wrapper{
 /*border: 1px dashed red;*/ width: 791px; position: relative; margin: 0 auto; 
background: #fff url(../images/pg-bg-girl.jpg) no-repeat 86px 0pt; min-height: 768px; /*100%;*/ 
}

/* Content-wrapper
----------------------------*/
#content-wrapper{
	margin-left: 100px; padding-right: 10px; /*width: 696px;*/ 
}

/* content-subwrapper
----------------------------*/
#home-contentsubwrapper{
	background: url(../images/content/home-panel-btm-bg-grad.jpg) repeat-x bottom left #5D4F4F; padding-bottom: 5px; 
}

#contentsubwrapper{
	background-color: #fff !important;
}


/* Header
----------------------------*/ 
#header{
	height: 97px; background: url(../images/header/double-line.gif) repeat-x left bottom transparent; padding: 16px 0 0 280px;
}

/*#header img{
	margin-left: 290px; margin-top: 16px; 
}*/

/* Navigation
----------------------------*/
#navigation{
	height: 2em; width: 682px;
}	

#navigation ul{
	/*height: 2em;*/ float: right;  
}	

#navigation li{
	float: left;	
}

#navigation a:link, 
#navigation a:visited{
	color: #5B504E; font-size: 0.875em; font-weight: bold; display: block; padding: .5em .35em; text-transform: capitalize; text-decoration: none;
}

#navigation a:focus, 
#navigation a:hover,
#navigation a:active{
	color: #000;
}

#navigation a.last{
	padding-right: 0;
}

#navigation a.selected{
	
}


/* Girls side nav */ 
#masseuse-navigation{
	position: absolute; left: 0; top: 0; width: 86px; background-color: #fff;
}

#masseuse-navigation h1{
	margin: .6em 0 0 4px; font-size: 0.75em; font-weight: bold; text-transform: uppercase; padding-left: 11px; background: url(../images/nav/grey-star.gif) 0px 50% no-repeat;  
}
#masseuse-navigation h1.new{
	background: url(../images/nav/red-star.gif) 0% 50% no-repeat;
}

#masseuse-navigation .new,
#masseuse-navigation ul.new li a{
		color: #f30002; 
}
#masseuse-navigation ul{
	margin-left: 6px;
}
#masseuse-navigation ul.girls{
	border-bottom: 1px dotted #7A486D;
}

#masseuse-navigation ul.new{
	border-color: #f30002; 
}

#masseuse-navigation li{
	
}

#masseuse-navigation a:link, 
#masseuse-navigation a:visited{
	font-size: 0.6875em; color: #5d4f4f; text-decoration: none; padding: 0; display: block;
}

#masseuse-navigation a:focus, 
#masseuse-navigation a:hover,
#masseuse-navigation a:active{
	font-weight: bold;
}

#masseuse-navigation a.selected{
	
}

/* Content
----------------------------*/
#content{
 margin: 14px 0 0 0; background-color: transparent;
}

#content #title{

}

/* content area defaults */
#content h1{
	font-size: 150%; font-weight: normal; margin: 0.5em 0 0.5em 0; /* always an image */
}

#content h2{
	font-size: 90%; margin: 0.5em 12px;
}

#content p {
	/*margin*/padding: 1em 0; margin: 0 12px; color: #5D4F4F; font-size: 0.6875em; /*11px*/ line-height: 1.2em; /*margin: auto 12px;*/
}

#content a:link, 
#content a:active{
	text-decoration:underline; color: #5D4F4F;
}

#content a:focus, 
#content a:hover,
#content a:active{
	
}

/*Lass page*/

body.lass #content #lass-content{
	margin-left: 440px; clear: none;
}

body.lass #content p,
body.lass #content h1,
body.lass #content h2
body.lass #content h3{
	margin-right: 15px; margin-left: 0;
}

body.lass #content #title div.title-holder{
	position: relative; float: right;
}

body.lass #content #title p{
	float: left; width: 76px; padding-left:8px; padding-top:8px; width:68px; color:#FFF; font-weight:bold; margin:0pt;
}

body.lass #content #title{
	/*position: relative;*/ background: transparent url(../images/content/view-girl/availability.gif) no-repeat; height: 37px;
}

/*body.lass #content img{
	position: relative;
}*/

body.lass #content #availability{
	position: absolute; top: 0; left: 0;
}

/*Table weekdays */
body.lass #content #title table.weekdays td.first{
	border-left: 1px solid #fff;
}

body.lass #content #title table.weekdays{
	margin-top: 4px; 
}

body.lass #content #title table.weekdays td{
	font-weight: bold; border-right: 1px solid #fff; color: #fff; font-size:0.6875em; width: 36px;
	float: left; list-style: none; font-weight: bold; height:33px; padding:0pt 1em;
   vertical-align: top; text-align: center;
}

body.lass #content #title table.weekdays td.pstar{
	background: url(../images/content/Pstar.gif) no-repeat 48% 90%;
}

body.lass #content #title table.weekdays td.nstar{
	background: url(../images/content/Nstar.gif) no-repeat 48% 90%;
}

body.lass #content #title table.weekdays tr.days td{
	/*background-color: Aqua;*/ height: 14px;
}
/*Table weekdays ends*/


body.lass #content h1{
	font-size: 0.8125em; /*13px*/ color: #5D4F4F; border-bottom: #5D4F4F 1px solid; width: 235px;
}

body.lass #content .gallery{
	width: 410px; float: left; margin-top:6px; margin-left: 11px; margin-right: 10px;
}

body.lass #content .thumbs img{
	display: block; float: left; margin-right: 7px; margin-bottom: 7px;
}

/*Rota page*/
table.rota{
	cursor: default;
}

table.rota th.names{
	width: 89px;
}

table.rota th{
	background-color: #594949; color: #fff; font-size: 0.625em; padding: 1px; text-align: right;
}

table.rota td.yes{
	background: url(../images/content/rota/star-yes.gif) 50% 50% no-repeat #CEC8C8;
}

table.rota td{
	border: 1px solid #594949; text-align: left; background-color: #CEC8C8;
}


table.rota tr:hover td{
	background-color: #fff !important; /*change star and have white background*/
}

/*Home page*/
#todays-girls .branch{
	/*border: 10px dashed green;*/ width: 675px; padding-left: 5px; 
}

#todays-girls #top-corners{
	background: url(../images/content/home-top-crns.gif) 0 0 no-repeat; height: 5px;
}





#todays-girls{
	 /*padding-bottom: 5px;*/ /*background: url(../images/content/home-panel-btm-bg-grad.jpg) repeat-x bottom left #5D4F4F;*/
}

#todays-girls h2{
	color: #fff; border-bottom: 1px solid #fff; font-size: .75em; margin-left: 6px; margin-top:0pt; padding-top:6px;
}

#todays-girls h2 .date{
	 margin-left: 432px; float: right; margin-top: -14px;
}

#todays-girls img{
	float: left; margin: 4px; 
}

#sub-content-wrapper{
	padding-top: 10px; background-color: #fff;
}
 
#sub-content-wrapper p{
	width: 440px;
}

#virtual-tour{
	float: right; width: 216px; height: 280px;
}

/*Branches*/
#locations {
	padding-bottom: 50px;
}

#locations #northenden{
	float: left; width: 272px; padding-left: 68px; background: url(../images/content/locations/locations-divider.gif) top right no-repeat;
}

#locations #prestwich{
	margin-left: 340px; width: 255px; padding-left: 75px;
}

#locations #northenden img,
#locations #prestwich img{
	margin-bottom: 14px;
}


#locations #northenden p,
#locations #prestwich p{
	margin: 0; padding: 0;
}

/*Individual location page*/
#location-content-wrapper{
	float: left; width: 252px; padding-top: 26px; padding-left: 10px;
}

#location-content-wrapper #address{
	width: 236px; border-bottom: 1px solid #5D4F4F; padding-bottom: 14px; 
}

#location-content-wrapper #address p{
		margin: 0; padding: 0;
}

#location-content-wrapper #rooms{
	padding-bottom: 10px;
}

#content #location-content-wrapper #rooms img{
	margin: 0; padding: 0;
} 

#location-content-wrapper #map{
	background: url(../images/content/locations/postcode-map.jpg); width: 220px; height: 75px;
}

#location-content-wrapper #map label{
	color: #fff; font-weight: bold; margin: 0; padding: 14px 0 0 14px; font-size:0.6875em;  display: block; 
}

#location-content-wrapper #map form div{
	margin: 4px 0 0 12px;
}

#location-content-wrapper #map input#postcode{
	width: 96px; font-size:0.6875em; border-color: transparent; vertical-align: baseline;
} 

#location-content-wrapper #map input#submit{
width: 90px; font-size:0.875em; font-weight: bold; text-align:left; width:60px; color: #fff; background-color: #5D4F4F; cursor: pointer; border-color: #5D4F4F; border-width: 0px;
}

#location-imagery-wrapper{
	padding-top: 26px;
}

#location-imagery-wrapper img{
	margin: 0 0 10px 0; 
}

/*2 girl nav*/
#twogirlnav{
	width: 250px; float: left;
}

#twogirlnav a{
	width: 258px; display: block;
}

#twogirlnav img,
#twogirlpics img{
	margin: 0 auto; padding: 10px 0; display: block;
}

#twogirlpics{
	width: 390px; margin-left: 258px;
}















body.lass #content #title-n div.title-holdern{
	position: relative; float: right;
}

body.lass #content #title-n p{
	float: left; width: 76px; padding-left:8px; padding-top:8px; width:68px; color:#FFF; font-weight:bold; margin:0pt;
}

body.lass #content #title-n{
	/*position: relative;*/ background: transparent url(../images/content/view-girl/availabilityn.gif) no-repeat; height: 37px;
}







/*Table weekdaysn */
body.lass #content #title-n table.weekdaysn td.first{
	border-left: 1px solid #fff;
}

body.lass #content #title-n table.weekdaysn{
	margin-top: 4px; 
}

body.lass #content #title-n table.weekdaysn td{
	font-weight: bold; border-right: 1px solid #fff; color: #fff; font-size:0.6875em; width: 36px;
	float: left; list-style: none; font-weight: bold; height:33px; padding:0pt 1em;
   vertical-align: top; text-align: center;
}

body.lass #content #title-n table.weekdaysn td.pstarn{
	background: url(../images/content/PstarBottom.gif) no-repeat 48% 90%;
}

body.lass #content #title-n table.weekdaysn td.nstarn{
	background: url(../images/content/NstarBottom.gif) no-repeat 48% 90%;
}

body.lass #content #title-n table.weekdaysn tr.days td{
	/*background-color: Aqua;*/ height: 14px;
}
/*Table weekdays ends*/














