/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2
*/
/* reset */
html{color:#000;background:#FFF;}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{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* **************** TEMPLATE ***************** */
/* ====== Page Head, Body, and Foot ====== */
body{_text-align:center;}/* IE5.5 */
.main{display:table-cell;*display:block;width:auto;}
.body,.main{*zoom:1;}
.body:after,.main:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.page{margin:0 auto;width:950px;_text-align:left;} /* wraps other template elems to set width */ /* text-align IE5.5 */
/* "old school" and "liquid" extend page to allow for different page widths */
.oldSchool{width:750px;}
.gs960{width:960px;}
.gs1020{width:1020px;}
.liquid{width:auto;margin:0;}
/* ====== Columns ====== */
.leftCol{float:left;width:350px;_margin-right:-3px;}
.rightCol{float:right;width:300px;_margin-left:-3px;}
.mainRight{display:table-cell;*display:block;width:575px;}
/* extend columns to allow for common column widths */
.gMail{width:160px;}
.gCal{width:180px;}
.yahoo{width:240px;}
.myYahoo{width:300px;}
.frontPage{width:370px; margin-right:10px;}

/* content */

body{font-family:"Myriad Pro","Segoe UI",Helvetica, Arial, sans-serif;}
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote {padding:10px;}
h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl,
ul h1,ul h2,ul h3, ul h4, ul h5, ul h6, ul p, ul ul, ul ol, ul dl,
ol h1,ol h2,ol h3, ol h4, ol h5, ol h6, ol p, ol ul, ol ol, ol dl {padding:0;}
/* ====== Elements ====== */
img{display:block;}
em{font-style: italic;}
strong{font-weight:bold;}
hr{border: 1px solid #C5B097;margin: 0 auto 10px 0;width:550px; }
code{color:#0B8C8F;}
/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:196%;  font-weight:normal; font-style: normal; color: #C5B097;}
h2, .h2{font-size:167%; font-weight:normal; font-style: normal; color: #C5B097;}
h3, .h3{font-size:146.5%; font-weight:normal; font-style: normal; color:#CA0097;}
h4, .h4{font-size:108%; font-weight:normal; font-style: normal; color:#CA0097;}
h5, .h5{font-size:108%; font-weight:normal; font-style: normal; color:#CA0097;}
h6, .h6{font-size:108%; font-weight:normal;  font-style: italic; color:#333;}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
.category a{color: #333;}
.important a{font-weight:bold;}
/* links */
a { color: #C5B097; font-weight:normal;text-decoration: none }
a:focus, a:hover { text-decoration: underline; color: #CA0097 !important; }
a:visited { color:#C5B097; }
.main-right a { text-decoration: underline; color: #CA0097 !important; }
/* ====== Lists ======*/
/* numbered list */
ol.simpleList li{list-style-type: decimal; margin-left:40px;}
/* standard list */
ul.simpleList li{list-style-type:disc; margin-left:40px;}
/* ====== Tables ====== */
.data{padding: 20px; position:relative; zoom:1;vertical-align: top;border-right:solid 1px transparent;/* border fixes a FF2 bug which causes the data table to overlay its borders*/}
.data table {width:100%;border:1px solid #AE0345;}
th, td{vertical-align:top;}
.txtC, .data .txtC td, .data .txtC th{text-align:center;}
.txtL, .data .txtL td, .data .txtL th{text-align:left;}
.txtR, .data .txtR td, .data .txtR th{text-align:right;}
.txtT, .data .txtT td, .data .txtT th{vertical-align:top;}
.txtB, .data .txtB td, .data .txtB th{vertical-align:bottom;}
.txtM, .data .txtM td, .data .txtM th{vertical-align:middle;}
.data th,.data td{padding:3px 20px}
.data thead tr{background-color: #fff0f8;}
.data th{color: #000; font-weight:bold}
/* specification table - extends data table */
.spec{padding:10px;}
.spec table{border-top: 1px solid #e2e2e2; border-bottom-color:#fff; border-left:none; border-right:none;}
.spec th, .spec td{border:1px solid #e2e2e2; border-width: 1px 0; padding-left:0;}
.spec .odd, .spec .even{background-color: #fff;}
/* ====== blockquote ====== */
cite{display:block; text-align:right; padding-top: 10px;}
/* ====== callout ====== */
.callout{font-size:189%;color:#999999; font-style:italic;}
.callout cite{display:block; text-align:right;padding-top: 30px; font-size:69.25%;}
.callout span.quot{font-size: 500%; vertical-align: sub; color:#e2e2e2; line-height:25px; font-weight:bold;}
.callout span.quotLast{vertical-align:middle;}
/* ====== image treatments (get more from jason santa maria) ====== */
.caption{font-size:13px; color:#666666; font-style:italic;padding-top:0;}
/* will need to either 
1. find a way to capture the width of the caption in the width of the image or flash
2. Set some default widths, mby use flickr widths?
*/

/* my additions */

.plain {
	font-weight: normal !important;
	color: #C5B097 !important;
}

.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.clear {
	clear:both;
}

html {
	background-image:url('../images/background.png');
	background-repeat:repeat;
	color: #C5B097;
	padding-bottom:0px;
	margin-bottom:0px;
}
.head {
	height:191px;
	position: relative;
}
.logo {
	position: absolute;
}

.gift {
	position:absolute;
	right:56px;
	top:46px;
}
.reservations {
	position:absolute;
	right:56px;
	top:86px;
}
.cart {
	position:absolute;
	right:56px;
	top:126px;
}

.footer {
	/* background-image:url('../images/footer-background.png'); */
	background-image:url('../images/chiffon_texture_pink.png');
	
	/* background-repeat:repeat-x; */
	height:250px;
	margin-top:25px;
}
.body {
	min-height:375px;	
	margin-top: 10px;
}
/* top menu */
.top-menu {
	padding: 5px 0;
	background-image:url('../images/top_nav_bg.png');
	background-repeat:no-repeat;
	background-position:center; 
}
.top-menu #topnav {
	font-size:16px;
	height:20px;
	margin:0;
	padding:2px 0 0 100px;
}
.top-menu li {
	float:left;
	text-transform:uppercase;
}

.top-menu a { color: #C5B097; font-weight: normal; }
ul#topnav a:hover  { text-decoration: underline; color: #C5B097 !important; }
.top-menu a:visited { color: #C5B097; }

.main-gallery {
	padding-left:0px;	
}
.main-gallery li {
	float:left;
	padding-right:12px;
}
.main-gallery #last {
	padding: 0;
}

.main-right {
	border: 1px solid #C5B097;
}
.main-right img {
	margin: 0;
	padding: 0px;
}
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider{margin-top:20px;margin-bottom:30px;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:550px;
		height:115px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:550px;
		}														

		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

#footerLinks {
list-style-type:none;
margin:0 0 25px 20px;
padding:8px 0 0;
}

#footerLinks li {
display:block;
float:left;
width:25%;
}

#footerLinks * {
margin:0;
padding:0;
}
#footerLinks dt {
border-bottom:1px solid #CCCCCC;
font-size:20px;
font-weight:bold;
margin-bottom:3px;
margin-left:15px;
padding-bottom:3px;
width:177px;
}

#footerLinks dd {
margin-bottom:0.2em;
margin-left:15px;
}

#footerLinks a {
color: #C5B097;
font-weight: normal;
}

#footerLinks img {
	display: inline !important;
	margin-right:5px;
}

#footerLinks .first {
	
}

.footer-container {
	background: url(../images/footer-bg.png);
	padding-top:15px;
}
ul#topnav li {
	position: relative;
}

ul#topnav li .sub {
	position: absolute;	
	top: 25px; left: 0;
	background: url(../images/dropmenu_bg_pink.png);
	padding: 10px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
	font-family:arial;
	
    -moz-box-shadow: 5px 10px 20px #000000; /* FF3.5+ */
 	-webkit-box-shadow: 0px 0px 4px #000000; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 4px #000000; /* Opera 10.5, IE 9.0 */
	z-index: 5000;
}

ul#topnav li .sub a{
	font-size: 12px;
}

ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 7px 5px 7px 0px;
	display: block;
	text-decoration: none;
	color: #C5B097;
}
ul#topnav .sub ul li a:hover {color: #000000 !important; background-position: 5px 12px;}


ul#topnav a.treatments {
	width:175px;
}

ul#topnav a.salon {
	width:175px;
}

ul#topnav a.packages {
	width:135px;
}

ul#topnav a.parties {
	width:140px;
}

ul#topnav a.about {
	width:150px;
}


ul#topnav li a {
	float:left;
	text-shadow:1px 1px 1px #666666;
}
ul#topnav .shadow {
	text-shadow:1px 1px 1px #000000;		
}
.left-menu {
	
	width: 100%;		
}

.left-menu li {
	padding: 10px 0;
	padding-right:25px;
	text-align: right;
			
}

.home-welcome {
	font-size: 14px;
}
ul.column{
	width: 100%;
	margin:0 23px;
	margin-bottom:50px;
	list-style: none;
}
ul.column li {
	float: left;
	width: 230px;
	padding: 0;
	margin: 15px 18px 5px 0px;
	display: inline;
	
}
.block {
	height: 275px;
	font-size: 16px;;
	margin-right: 10px;
	padding: 10px;
	position: relative;
	/*
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	*/
		-moz-box-shadow: 3px 3px 3px #000000; /* FF3.5+ */
 	-webkit-box-shadow: 3px 3px 3px #000000; /* Saf3.0+, Chrome */
    box-shadow: 3px 3px 3px #000000; /* Opera 10.5, IE 9.0 */	
	border: 1px solid #C5B097;
}
.block:hover {
	border: 1px solid #CA0097;
}
.block h2 {
	font-size: 20px;
	padding:15px;
	color: #CA0097;
}
.block .treatment-thumb {	
	height: 120px;
	width: 188px;
	margin: 0 auto;
	background:#fff;
	-ms-interpolation-mode: bicubic;
	display: block;
}
.sign-up {
	width: 100%; 
	text-align:center;
	padding:15px 0;
}
.sign-up input {
	font-size: 12px;
	width: 225px;
	color: #666;
	margin-left:10px;	
}
#breadcrumb {
	padding: 10px;
	color: #CA0097;
}
#breadcrumb a {
	color: #CA0097;
}
.details-button {
	width: 100%;
	position: absolute;
	bottom: 15px;
	left:8px;
}
.details-button img {
	display: inline-block !important;	
}
h1, h2, h3, h5 { text-shadow:1px 1px 1px #000000; }
.left-menu a { text-shadow:1px 1px 1px #000000; }
.footer, #breadcrumb { text-shadow:1px 1px 1px #000000; }
.breadcrumb { text-shadow:1px 1px 1px #000000; }
.treatment-image {	
	border: 5px solid;
	-moz-box-shadow: 5px 5px 5px #000000; /* FF3.5+ */
 	-webkit-box-shadow: 5px 5px 5px #000000; /* Saf3.0+, Chrome */
    box-shadow: 5px 5px 5px #000000; /* Opera 10.5, IE 9.0 */	
	height:220px;
	width:325px;
}
.treatment-thumb {	
	border: 1px solid;
	-moz-box-shadow: 5px 5px 5px #000000; /* FF3.5+ */
 	-webkit-box-shadow: 5px 5px 5px #000000; /* Saf3.0+, Chrome */
    box-shadow: 5px 5px 5px #000000; /* Opera 10.5, IE 9.0 */	
}
.staff-images {
	border: 1px solid;
	-moz-box-shadow: 5px 5px 5px #000000; /* FF3.5+ */
 	-webkit-box-shadow: 5px 5px 5px #000000; /* Saf3.0+, Chrome */
    box-shadow: 5px 5px 5px #000000; /* Opera 10.5, IE 9.0 */
}
.padding-25 {
	padding: 25px;
}
.treatment-description li {
	list-style: disc;
	padding: 2px 0;
	margin-left:20px;
}

#map_canvas {
	border: 5px solid;
	-moz-box-shadow: 5px 5px 5px #000000; /* FF3.5+ */
 	-webkit-box-shadow: 5px 5px 5px #000000; /* Saf3.0+, Chrome */
    box-shadow: 5px 5px 5px #000000; /* Opera 10.5, IE 9.0 */
}
.radio {
	margin: 5px;
}
.submit {
	padding-top: 5px;
}
.main-right {
	width:770px;
	overflow: hidden;	
}
.main-header {
	width:770px;
}

.sign-up-offers {
	height:50px;
	padding-left:200px;
}
.waxing li {
	list-style:disc outside none;
	margin-left:20px;
	padding:2px 0;
}
.giftcard {
	padding:25px;
	margin-left:100px;	
}
.giftcard input {
	margin-bottom: 5px;
	margin-right:10px;
}
.hair-reservation {
	margin-top: 10px;
	margin-left:400px;
}
.detail-price {
	position: absolute;
	bottom: 50px;	
	width:100%;
}
.left-menu h5 {
	padding-right:30px;
}
#hair-list li {
	list-style: none !important;
	padding-bottom:15px;
	margin-left:0 !important;	
}
#hair-list h5 {
	font-style: italic;
}

.waxing-list li {
	list-style: none !important;
	padding:10px 0 !important;
	margin-left:25px; !important;	
}
.waxing-list h5 {
	display: inline;
}

.detail-button-container {
	position: relative; 
	height: 100px;
}

.detail-button-reservation {
	width: 140px; position: absolute; bottom: 4px; left: 20px;
}

.detail-button-giftcard {
	position: absolute; right: 20px; bottom: 0px; width:165px;
}
.left-menu-first {
	color: #CA0097 !important;
}

table.table1{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4em;
    font-style: normal;
    border-collapse:separate;
    border-spacing:3px !important;
}

.table1 thead th:empty{
    background:transparent;
    border:none;
}
.table1 tbody th{
    color:#fff;
    text-shadow:1px 1px 1px #568F23;
    background-color:#CA0097;
    
    border-right:3px solid #CA0097;
    padding:0px 10px;
    background:-webkit-gradient(
        linear,
        left bottom,
        right top,
        color-stop(0.02, rgb(158,217,41)),
        color-stop(0.51, rgb(139,198,66)),
        color-stop(0.87, rgb(123,192,67))
        );
    background: -moz-linear-gradient(
        left bottom,
        rgb(202,00,100) 2%,
        rgb(202,00,151) 51%,
        rgb(202,00,151) 87%
        );
    -moz-border-radius:5px 0px 0px 5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}

.table1 tbody td{
    padding:10px;
    text-align:center;
    border: 2px solid #C5B097;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#C5B097;   
}

.table1 th,td {
	vertical-align:middle;
}

.waxing-container {
	margin: 0 auto;
	width: 650px;
}
.waxing-reservation-container {
	padding: 25px 0px;	
}

.disclaimer {
	font-size: 14px;
	padding: 20px 35px 0px 35px;
}

#overlay {
		background-image:url(http://static.flowplayer.org/img/overlay/transparent.png);
		color:#efefef;
		height:450px;
}
	
/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
	height:441px;
	overflow-y:auto;
}
.details-price {
	font-size:15px;
	position:absolute;
	right:37px;
	top:-45px;
}
.details-dropdown {
	position:absolute;
	left: -146px;
	top:-45px;
}