/*
Theme Name: Shampoo Lounge
Theme URI: http://nataliemac.com
Description: Custom WordPress theme created for Shampoo Lounge	
Version: 1.0
Author: Natalie MacLees
Tags: custom
*/

/* Resets -------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;
	}

:focus	{
	outline: none;
	}

/* /Resets ------------------------------------------------------------------------------------- */

/* Layout -------------------------------------------------------------------------------------- */

body	{
	background: #fff;
	font-family: 'Century Gothic', 'Apple Gothic', helvetica, arial, sans-serif;
	font-size: 14px;
	min-height: 590px;
	}
* html body	{
	height: 590px;
	}

#container	{
	width: 980px;
	min-height: 100%;
	height: 580px;
	vertical-align: middle;
	margin: 5px auto;
	background: #fff url(images/bg_container.png) 0 50% no-repeat;
	position: relative;
	overflow: hidden;
	}
	
#container #bubbleStop	{
	display: block;
	text-align: right;
	position: absolute;
	bottom: 30px;
	right: 10px;
	width: 100px;
	}
	
#logo	{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 229px;
	height: 174px;
	}
	
#nav li	{
	position: absolute;
	}
	
#nav li span	{
	display: none;
	}
	
#nav li img.bubble	{
	position: absolute;
	top: 0;
	left: 0;
	}
	
#nav li img.text	{
	position: absolute;
	top: 50%;
	left: 50%;
	}
	
#nav #products	{
	width: 152px;
	height: 152px;
	left: 90px;
	top: 135px;
	}
	
#nav #products img.text	{
	margin: -19px 0 0 -56px;
	}
	
#nav #staff	{
	width: 117px;
	height: 117px;
	left: 65px;
	top: 324px;
	}
	
#nav #staff img.text	{
	margin: -19px 0 0 -28px;
	}
	
#nav #contact	{
	left: 14px;
	top: 223px;
	width: 126px;
	height: 126px;
	}
	
#nav #contact img.text	{
	margin: -19px 0 0 -46px;
	}
	
#nav #menu	{	
	left: 730px;
	top: 39px;
	width: 110px;
	height: 110px;
	}
	
#nav #menu img.text	{
	margin: -19px 0 0 -34px;
	}
	
#nav #photos	{
	left: 810px;
	top: 83px;
	width: 130px;
	height: 130px;
	}
	
#nav #photos img.text	{
	margin: -19px 0 0 -44px;
	}
	
#nav #location	{
	left: 743px;
	top: 164px;
	width: 128px;
	height: 128px;
	}
	
#nav #location img.text	{
	margin: -10px 0 0 -54px;
	}
	
#nav #discount	{
	left: 789px;
	top: 253px;
	width: 185px;
	height: 185px;
	}
	
#nav #discount img.text	{
	margin: -31px 0 0 -78px;
	}
	
#nav #featured	{
	left: 739px;
	top: 395px;
	width: 154px;
	height: 154px;
	}
	
#nav #featured img.text	{
	margin: -31px 0 0 -56px;
	}
	
#newsletter	{
	width: 132px;
	height: 92px;
	position: absolute;
	top: 0;
	right: 0;
	}
	
#radio	{
	width: 164px;
	height: 117px;
	position: absolute;
	left: 17px;
	bottom: 17px;
	}
	
#footer	{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	font-size: 11px;
	height: 14px;
	color: #666;
	}
	
#footer ul	{
	width: 100%;
	text-align: center;
	}
	
#footer ul li	{
	display: inline;
	border-left: 1px solid #999;
	padding: 0 5px;
	}

#footer ul li:first-child	{
	border-left: 0 none;
	}
	
#footer a:hover	{
	text-decoration: underline;
	}
	
#wrapper	{
	margin: 0 265px 0 255px;
	background: transparent;
	overflow: hidden;
	height: 415px;
	position: relative;
	padding: 82px 0 0 0;
	}
	
#content	{
	padding: 10px;
	position: relative;
	}
	
#load	{
	display: block;
	text-align: center;
	padding: 100px 0 0 0;
	}

#load span	{
	display: block;
	color: #4f007d;
	font-size: 16px;
	}
	
/* /Layout ------------------------------------------------------------------------------------- */

/* Forms --------------------------------------------------------------------------------------- */
/* /Forms -------------------------------------------------------------------------------------- */

/* Links --------------------------------------------------------------------------------------- */

a,
a:link	{
	text-decoration: none;
	}
	
a:visited	{
	}
	
a:hover	{
	}
	
a:active	{
	}

a img	{
	border: 0 none !important;
	}

/* /Links -------------------------------------------------------------------------------------- */

/* Lists --------------------------------------------------------------------------------------- */



/* /Lists -------------------------------------------------------------------------------------- */

/* Global Classes ------------------------------------------------------------------------------ */

.cms	{
	}
	
.cms p	{
	margin: 0 0 1em 0;
	}
	
.cms ul	{
	list-style-type: disc;
	margin: 0 0 1em 0;
	}
	
.cms ul li	{
	list-style-type: disc;
	margin-left: 2em;
	}
	
.cms ol	{
	list-style-type: decimal;
	margin: 0 0 1em 0;
	}
	
.cms ol li	{
	list-style-type: decimal;
	margin-left: 2em;
	}
	
.cms b,
.cms strong	{
	font-weight: bold;
	}
	
.cms i,
.cms em	{
	font-style: italic;
	}
	
.flash-replaced .alt	{
	display: none;
	}

/* /Global Classes ----------------------------------------------------------------------------- */

/* Home Page ----------------------------------------------------------------------------------- */

#content.home	{
	text-align: center;
	}
	
#content.home p	{
	margin-top: 60px;
	}
	
/* /Home Page ---------------------------------------------------------------------------------- */

/* Products section ---------------------------------------------------------------------------- */

ul.products	{
	padding: 10px 0 0 10px;
	text-align: center;
	}

ul.products li	{
	padding: 0 5px 10px 0;
	display: inline;
	}
	
p.logo	{
	float: left;
	width: 125px;
	margin: 0 10px 0 0;
	}

/* /Products section --------------------------------------------------------------------------- */

/* Staff section ------------------------------------------------------------------------------- */

ul.staff	{
	padding: 10px 0 0 10px;
	}
	
ul.staff li	{
	width: 195px;
	height: 50px;
	padding: 0 5px 10px 0;
	float: left;
	}
	
ul.staff li img	{
	vertical-align: middle;
	}

/* /Staff section ------------------------------------------------------------------------------ */

/* Menu section -------------------------------------------------------------------------------- */

table.menu	{
	margin: 0 0 1em 0;
	}
	
table.menu th	{
	text-align: left;
	font-size: 16px;
	color: #f37736;
	border-bottom: 2px solid #b4d6f1;
	padding: 10px 0 0 0;
	}
	
table.menu td	{
	vertical-align: top;
	padding: 5px;
	border-bottom: 1px dotted #dadc56;
	}
	
table.menu tr td:first-child	{
	text-align: left;
	width: 290px;
	}
	
table.menu tr td:last-child	{
	text-align: right;
	}
	
table.menu p.description	{
	font-size: 12px;
	color: #333;
	}

/* /Menu section ------------------------------------------------------------------------------- */

/* Photos section ------------------------------------------------------------------------------ */

.photos h2	{
	font-size: 24px;
	font-weight: normal;
	}
	
.photos h2 a,
.photos h2 a:link	{
	color: #f37736;
	}
	
.photos h2 a:hover	{
	text-decoration: underline;
	}
	
.photos p	{
	margin-left: 2em;
	}

/* /Photos section ----------------------------------------------------------------------------- */

/* Content Pages ------------------------------------------------------------------------------- */

#content h1	{
	font-weight: normal;
	font-size: 30px;
	margin: 6px 0 12px 0;
	}
	
#content h1.breadcrumb	{
	font-weight: normal;
	font-size: 18px;
	}
	
#content h1.breadcrumb a,
#content h1.breadcrumb a:link	{
	color: #6a2d91;
	text-decoration: underline;
	}
	
#content h1.breadcrumb a:hover	{
	color: #f37736;
	}
	
#content h2	{
	font-size: 24px;
	color: #4f007d;
	font-weight: normal;
	}

/* /Content Pages ------------------------------------------------------------------------------ */

/* Bubbles ------------------------------------------------------------------------------------- */

img.bubbleFloat	{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999;
	visibility: visible;
	width: auto;
	height: auto;
	}
/* /Bubbles ------------------------------------------------------------------------------------ */

/* Carousel ------------------------------------------------------------------------------------ */

.products .carouselWrap	{	
	position: relative;
	border: 1px solid #a4cbdf;
	}

.products .prev, .products .next, .carouselWrap	{
	float: left;
	margin-right: 2px;
	}
	
.products .carouselWrap .products li	{
	padding: 10px;
	}
	
.products a.prev,
.products a.prev:link
.products a.next,
.products a.next:link	{
	display: block;
	width: 49px;
	height: 152px;
	text-indent: -1000em;
	}
	
.products a.prev,
.products a.prev:link	{
	background: transparent url(images/carousel_left.gif) 0 0 no-repeat;
	}
	
.products a.prev:hover	{
	background-position: -51px 0;
	}
	
.products a.next,
.products a.next:link	{
	background: transparent url(images/carousel_right.gif) -51px 0 no-repeat;
	}
	
.products a.next:hover	{
	background-position: 0 0;
	}
	
.products p.instructions	{
	padding: 1em 0;
	clear: both;
	text-align: center;
	}

/* /Carousel ----------------------------------------------------------------------------------- */

/* Custom Scroll Bars -------------------------------------------------------------------------- */

.jsOn #content	{
	overflow: visible;
	height: auto;
	padding: 0;
	}
	
.jsOn #content #scrollPane	{
	height: 395px;
	overflow: auto;
	padding: 10px;
	}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #b4d6f1;
}
.jScrollPaneDrag {
	position: absolute;
	background: #6da7d5;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* /Custom Scroll Bars ------------------------------------------------------------------------- */

/* Photo gallery ------------------------------------------------------------------------------- */

.jsOn .photos li	{
	width: 400px;
	height: 365px;
	text-align: center;
	}
	
.jsOn .photo p	{
	margin-left: 0;
	}
	/* 
.jsOn #content.photoGallery	{
	margin-top: 32px;
	}
	
.jsOn #content.photoGallery #scrollPane	{
	height: 465px;
	}
 */	
.photoGallery .next,
.photoGallery .prev	{
	position: absolute;
	display: block;
	width: 61px;
	height: 61px;
	text-indent: -1000em;
	}
	
.photoGallery .prev	{
	bottom: 0;
	left: 0;
	background: transparent url(images/carousel_prev.gif) 0 0 no-repeat;
	}
	
.photoGallery .next	{
	bottom: 0;
	right: 0;
	background: transparent url(images/carousel_next.gif) 0 0 no-repeat;
	}
	
.jsOn ul.photos li	{
	text-align: center;
	}
	
.jsOn ul.photos li div	{
	margin: 0 auto;
	}

/* /Photo gallery ------------------------------------------------------------------------------ */