/*  
Theme Name: 11/19/08
Theme URI: http://festoonsalon.com
Description: 
Version: December 15, 2008
Author: Kerry Nehil
Author URI: http://kerrynehil.com
*/


/********************************************** 
		           DEFAULTS
**********************************************/

* {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
	}	

body {
	text-align: center; 
	font: normal 62.5%/1.5em Helvetica, Arial, Verdana, sans-serif;
  	color: #000000;
	background: #7AA2D4 url(images/bg_body.jpg) repeat-x;
	}

strong, b { font-weight: bold; }
em { font-style: italic; }
small { font: normal 0.9em/0.9em Arial, Helvetica, sans-serif; }


hr { 
	background: #E4E4E4; 
	color: #E4E4E4; /* IE fix */
	clear: both;
	float: left; 
	width: 100%; 
	height: 1px; 
	margin: 0 0 8px 0; 
	padding: 0; 
	border: none; 
	}	
	
h1 {
	padding: 0 0 5px 0;
	font: normal 3em Arial, Helvetica, sans-serif;
	color: #000000;
	}		
		
h2 {
	margin: 0;
	padding: 0; 
	font: bold 1.8em/1.5em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #000000;
	}
	
h3 {
	margin: 0 0 5px 0;
	padding: 0; 
	font: bold 1.2em/1.25em Arial, Helvetica, sans-serif;
	color: #000000;	
	}	
	
h4 {
	margin: 0 0 2px 0;
	padding: 0; 
	font: bold 1.25em Arial, Helvetica, sans-serif;
	color: #000000;
	}
		
h5 {
	margin: 0 0 2px 0;
	padding: 0;
	font: bold 100% Arial, Helvetica, sans-serif; 
	color: #000000;
	}

p {	
	margin: 0 0 10px 0;
	font: normal 1.2em/1.5em Arial, Helvetica, sans-serif;
	color: #000000;
	}

a:focus { outline: 0; }
a:link, a:visited { 
	font-weight: bold;
	color: #BD6224; 
	text-decoration: none; 
	}	
a:hover, a:active { 
	color: #BD6224; 
	text-decoration: none;
	}
		
/********************************************** 
				  STRUCTURE
**********************************************/	


#shrink {
	margin: 16px auto 40px auto;
	padding: 0;
	width: 1012px;
	text-align: left;
	background: url(images/bg_content_mid.jpg) repeat-y left bottom;
	}

#wrap {	background: url(images/bg_content_top.jpg) no-repeat; }	
	
#header { 
	width: 1000px;
	margin: 0 0 0 6px;
	height: 160px;
	}	
	
#header h2 {
	float: left;
	position: relative;
	width: 371px;
	height: 45px;
	margin: 17px 0 0 25px;
	padding: 0;
	font: bold 2em Arial, Helvetica, sans-serif;
	color: #787100;
	}
#header h2 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/logo_festoon.gif) no-repeat;	
	}	
#header h2 a { 
	color: #787100;
	background: none;
	cursor: pointer; 
	}		

#header #skip { display: none; }

#header p {
	float: left;
	width: 387px;
	height: 11px;
	margin: 40px 0 0 185px;
	text-indent: -4000px;
	background: url(images/header_hours.gif) no-repeat;
	}

#twocol, #home {
	width: 950px;
	margin: 0 0 0 30px;
	padding: 0 0 80px 0;
	}
	
#twocol .leftcol, #home .leftcol {
	display: inline;
	float: left;
	width: 145px;	
	margin: 0 0 0 -948px;
	}
	
#twocol .rightcol, #home .rightcol {
	display: inline;
	float: left;
	width: 778px;
	margin: 0 0 0 170px;
	}	

#threecol {
	width: 950px;
	margin: 0 0 0 30px;
	padding: 0 0 80px 0;
	}
	
#threecol .leftcol {
	display: inline;
	float: left;
	width: 145px;	
	margin: 0 0 0 -948px;
	}
	
#threecol .centercol {
	display: inline;
	float: left;
	width: 510px;
	margin: 0 0 0 170px;
	}			
	
#threecol .rightcol {
	display: inline;
	float: left;
	width: 243px;
	margin: 0 0 0 25px;
	}		
	
#threecol .rightcolpad { 
	display: inline;
	float: left;
	width: 243px;
	margin: 0 0 0 25px;
	padding: 51px 0 0 0; 
	}		
	
#owners {
	width: 950px;
	margin: 0 0 0 30px;
	padding: 0 0 80px 0;
	}
	
#owners .leftcol {
	display: inline;
	float: left;
	width: 145px;	
	margin: 0 0 0 -948px;
	}
	
#owners .centercol {
	display: inline;
	float: left;
	width: 243px;
	margin: 0 0 0 170px;
	}			
	
#owners .rightcol {
	display: inline;
	float: left;
	width: 510px;
	margin: 0 0 0 25px;
	padding: 60px 0 0 0;
	}		
	
#gallery {
	width: 950px;
	margin: 0 0 0 30px;
	padding: 0 0 80px 0;
	}
	
#gallery .leftcol {
	display: inline;
	float: left;
	width: 145px;	
	margin: 0 0 0 -943px;
	}
	
#gallery .rightcol {
	display: inline;
	float: left;
	width: 773px;
	margin: 0 0 0 170px;
	padding: 0;
	}				
	
/********************************************** 
				 MAIN NAV
**********************************************/

#nav {
	clear: both;
	margin: 0 0 0 10px;
	padding: 22px 0 0 0;
	line-height: 1;
	cursor: default;
	z-index: 4000;	
	background: transparent;
	}
	
#nav a:hover, #nav a:active, #nav a:link, #nav a:visited { text-decoration: none; } 
	
#nav a { display: block; }

#nav li { float: left; margin: 0 40px 0 0; }
#nav li#nav_testimonials { margin: 0; }

#nav li a {
	text-decoration: none;
	cursor: pointer;
	}

#nav li ul { 
	position: absolute;
	width: 350px;
	margin: 0 0 0 12px;
	left: -999em;
	z-index: 5000;
	}

#nav li ul li { 
	float: left; 
	margin: 0 5px 0 0; 
	padding: 3px 5px 0 0;
	border-right: 1px solid #A3BEE3;
	}
#nav li ul li:last-child { border: none; }

#nav li:hover, #nav li.sfhover { /*Bug fix for ie 7*/ position: static; }

/* lists nested under hovered list items */
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }

#nav a.nolink { cursor: default; }

#nav ul a, #nav ul a:visited  { /* visited pseudo selector so IE6 applies text color*/
	font: bold 1.1em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #A3BEE3;
	}

#nav ul li:hover, #nav ul li.sfHover,
#nav ul a:focus, #nav ul a:hover, #nav ul a:active {
	color: #5C7EAC;
	outline: 0;
	}		
			
/*Create the image replacement rollover for the main menu /sfhover is ie specific.*/
#nav_services, #nav_products, #nav_looks, #nav_about, #nav_contact, #nav_festoon, #nav_testimonials { 
	height: 25px;
	background-repeat: no-repeat;
	}
#nav span { text-indent: -5000px; }
#nav span a {  /*hide the text*/
	display: block;
	height: 25px;
	}

#nav_services { width: 97px; background: transparent url(images/nav_services.gif) no-repeat left top; }
#nav_products { width: 109px; background: transparent url(images/nav_products.gif) no-repeat left top; }
#nav_looks { width: 76px; background: transparent url(images/nav_looks.gif) no-repeat left top; }
#nav_about { width: 75px; background: transparent url(images/nav_about.gif) no-repeat left top; }	
#nav_contact { width: 96px; background: transparent url(images/nav_contact.gif) no-repeat left top; }	
#nav_festoon { width: 155px; background: transparent url(images/nav_festoon.gif) no-repeat left top; }		
#nav_testimonials { width: 132px; background: transparent url(images/nav_testimonials.gif) no-repeat left top; }
	
#nav_services:hover, #nav_services.sfhover, #nav_services.active,
#nav_products:hover, #nav_products.sfhover, #nav_products.active,
#nav_looks:hover, #nav_looks.sfhover, #nav_looks.active,
#nav_about:hover, #nav_about.sfhover, #nav_about.active,
#nav_contact:hover, #nav_contact.sfhover, #nav_contact.active,
#nav_festoon:hover, #nav_festoon.sfhover, #nav_festoon.active,
#nav_testimonials:hover, #nav_testimonials.sfhover, #nav_testimonials.active { /*You have to do the hover on the li not the a*/
	background-position: 0 -25px;	
	}
	

/********************************************** 
			       HEADERS
**********************************************/	

h1.tip {
	position: relative;
	width: 74px;
	height: 48px;
	font: normal 4em Arial, Helvetica, sans-serif;
	color: #000000;
	}	
h1.tip span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/header_tip.gif) no-repeat;
	}	
	
h1.model {
	position: relative;
	width: 190px;
	height: 39px;
	margin: 0 0 20px 0;
	font: normal 2em Arial, Helvetica, sans-serif;
	color: #000000;
	}	
h1.model span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/header_be_a_model.gif) no-repeat;
	}		
	
h1.owners {
	position: relative;
	width: 133px;
	height: 37px;
	margin: 0 0 20px 0;
	font: normal 2em Arial, Helvetica, sans-serif;
	color: #000000;
	}	
h1.owners span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/header_owners.gif) no-repeat;
	}		
	
h1.donations {
	position: relative;
	width: 184px;
	height: 36px;
	margin: 0 0 20px 0;
	font: normal 2em Arial, Helvetica, sans-serif;
	color: #000000;
	}	
h1.donations span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/header_donations.gif) no-repeat;
	}		
	
h1.festoonie {
	position: relative;
	width: 264px;
	height: 38px;
	font: normal 2em Arial, Helvetica, sans-serif;
	color: #000000;
	}	
h1.festoonie span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/header_festoonie.gif) no-repeat;
	}		
	
h1.locations {
	position: relative;
	width: 178px;
	height: 37px;
	margin: 0 0 10px 0;
	font: normal 2em Arial, Helvetica, sans-serif;
	color: #000000;
	}	
h1.locations span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/header_locations.gif) no-repeat;
	}		
	
h1.gallery {
	position: relative;
	width: 148px;
	height: 39px;
	margin: 0 0 10px 0;
	font: normal 2em Arial, Helvetica, sans-serif;
	color: #000000;
	}	
h1.gallery span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/header_gallery.gif) no-repeat;
	}	
	
h1.news {
	position: relative;
	width: 239px;
	height: 37px;
	margin: 0 0 10px 0;
	font: normal 2em Arial, Helvetica, sans-serif;
	color: #000000;
	}	
h1.news span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/header_festoon_news.gif) no-repeat;
	}			
	
h1.style {
	position: relative;
	width: 196px;
	height: 41px;
	margin: 0 0 10px 0;
	font: normal 2em Arial, Helvetica, sans-serif;
	color: #000000;
	}	
h1.style span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/header_style.gif) no-repeat;
	}			
	
h1.training {
	position: relative;
	width: 163px;
	height: 38px;
	margin: 0 0 15px 0;
	font: normal 2em Arial, Helvetica, sans-serif;
	color: #000000;
	}	
h1.training span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/header_training.gif) no-repeat;
	}		
		
h1.policies {
	position: relative;
	width: 151px;
	height: 36px;
	margin: 0 0 10px 0;
	font: normal 2em Arial, Helvetica, sans-serif;
	color: #000000;
	}	
h1.policies span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/header_policies.gif) no-repeat;
	}	
	
h1.services {
	position: relative;
	width: 156px;
	height: 37px;
	margin: 0 0 10px 0;
	font: normal 2em Arial, Helvetica, sans-serif;
	color: #000000;
	}	
h1.services span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/header_services.gif) no-repeat;
	}		
	
h1.prices {
	position: relative;
	width: 304px;
	height: 39px;
	margin: 0 0 10px 0;
	font: normal 2em Arial, Helvetica, sans-serif;
	color: #000000;
	}	
h1.prices span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/header_prices.gif) no-repeat;
	}			
	
h1.products {
	position: relative;
	width: 160px;
	height: 37px;
	margin: 0 0 10px 0;
	font: normal 2em Arial, Helvetica, sans-serif;
	color: #000000;
	}	
h1.products span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/header_products.gif) no-repeat;
	}	
	
h1.hair {
	position: relative;
	width: 82px;
	height: 37px;
	margin: 0 0 10px 0;
	font: normal 2em Arial, Helvetica, sans-serif;
	color: #000000;
	}	
h1.hair span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/header_hair.gif) no-repeat;
	}	
	
h1.skin {
	position: relative;
	width: 77px;
	height: 36px;
	margin: 0 0 10px 0;
	font: normal 2em Arial, Helvetica, sans-serif;
	color: #000000;
	}	
h1.skin span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/header_skin.gif) no-repeat;
	}			
	
h1.festoonies {
	position: relative;
	width: 196px;
	height: 37px;
	margin: 0 0 10px 0;
	font: normal 2em Arial, Helvetica, sans-serif;
	color: #000000;
	}	
h1.festoonies span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/header_festoonies.gif) no-repeat;
	}		
	
h1.testimonials {
	position: relative;
	width: 235px;
	height: 36px;
	margin: 0 0 10px 0;
	font: normal 2em Arial, Helvetica, sans-serif;
	color: #000000;
	}	
h1.testimonials span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/header_testimonials.gif) no-repeat;
	}	
	
h1.green {
	position: relative;
	width: 240px;
	height: 26px;
	margin: 0 0 10px 0;
	font: normal 2em Arial, Helvetica, sans-serif;
	color: #000000;
	}	
h1.green span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/header_green.gif) no-repeat;
	}		
	
h1.lovesgreen {
	position: relative;
	width: 336px;
	height: 37px;
	margin: 0 0 10px 0;
	font: normal 2em Arial, Helvetica, sans-serif;
	color: #000000;
	}	
h1.lovesgreen span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/header_lovesgreen.gif) no-repeat;
	}	
	
h1.email {
	position: relative;
	width: 230px;
	height: 35px;
	margin: 0 0 10px 0;
	font: normal 2em Arial, Helvetica, sans-serif;
	color: #000000;
	}	
h1.email span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/header_email.gif) no-repeat;
	}		
	
h3.we_work, h3.we_great, h3.we_loving, h3.we_inner, h3.we_happiness, h3.we_humility, h3.we_sharing, h3.we_curls {
	margin: 0 0 50px 0;
	text-indent: -4000px;
	}			
h3.we_work {
	width: 139px;
	height: 87px;
	background: url(images/we_believe_work.gif) no-repeat;
	}	
h3.we_great {
	width: 133px;
	height: 86px;
	background: url(images/we_believe_great.gif) no-repeat;
	}	
h3.we_loving {
	width: 124px;
	height: 105px;
	background: url(images/we_believe_loving.gif) no-repeat;
	}
h3.we_inner {
	width: 144px;
	height: 105px;
	background: url(images/we_believe_inner.gif) no-repeat;
	}			
h3.we_happiness {
	width: 121px;
	height: 105px;
	background: url(images/we_believe_happiness.gif) no-repeat;
	}						
h3.we_humility {
	width: 153px;
	height: 88px;
	background: url(images/we_believe_humility.gif) no-repeat;
	}	
h3.we_sharing {
	width: 124px;
	height: 88px;
	background: url(images/we_believe_sharing.gif) no-repeat;
	}		
h3.we_curls {
	width: 117px;
	height: 131px;
	background: url(images/we_believe_curls.gif) no-repeat;
	}		
	
h4.model, h4.gift, h4.email, h4.facebook {
	position: relative;
	left: -17px;
	height: 12px;
	margin: 0 0 15px 0;
	font: normal 1.2em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}	
h4.model a, h4.gift a, h4.email a, h4.facebook a { color: #5C7EAC; }	
h4.model span, h4.gift span, h4.email span, h4.facebook span {
	position: absolute;
	width: 100%;
	height: 100%;
	}			
h4.model { width: 139px; }	
h4.model span { background: url(images/link_model.gif) no-repeat; }
	
h4.gift { width: 100px; }	
h4.gift span { background: url(images/link_gift.gif) no-repeat; }		
		
h4.email { width: 121px; margin: 0 0 18px 0; }	
h4.email span {	background: url(images/link_email.gif) no-repeat;	}		

h4.facebook { width: 121px; margin: 0 0 30px 0; }	
h4.facebook span {	background: url(images/facebook.gif) no-repeat;	}	

h3.news {
	width: 50px;
	height: 13px;
	margin: 0 0 5px 0;
	text-indent: -4000px;
	background: url(images/header_news.gif) no-repeat;
	}			
	

/********************************************** 
			     CONTENT STYLES
**********************************************/		

p.first {
	margin: 0 0 10px 0;
	font: normal 1.6em/1.5em Arial, Helvetica, sans-serif;
	color: #000000;
	}

dl { margin: 64px 0 0 0; }
	
dl dt {
	margin: 0 0 5px 0;
	padding: 5px 10px;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	background: #A3BEE3;
	}		
	
dl dd {
	margin: 0 0 10px 0;
	padding: 0 0 0 8px;
	font: normal 1.2em/1.25em Arial, Helvetica, sans-serif;	
	color: #000000;
	background: url(images/bullet.gif) no-repeat left 5px;
	}
	
dl dd.nobg { background: none; }	
	
#twocol ul li, #threecol ul li {
	margin: 0 0 5px 0;
	padding: 0 0 0 8px;
	font: normal 1.2em/1.25em Arial, Helvetica, sans-serif;	
	color: #000000;
	background: url(images/bullet.gif) no-repeat left 5px;
	}	

dl.hours { margin: 0 0 43px 0; }
dl.hours dd {
	margin: 0 0 5px 0;
	padding: 0;
	font: bold 1.2em/1.2em Arial, Helvetica, sans-serif;
	color: #000000;
	list-style: none;
	background: none;
	}	

p.disclaimer { margin: 63px 0 10px 0; color: #5C7EAC; }

p.request {
	position: relative;
	width: 203px;
	height: 20px;
	margin: 17px 0 0 0;
	padding: 0;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #BD6224;
	}
p.request span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/btn_request.gif) no-repeat;	
	}		
p.request span:hover { background-position: 0 -20px; }
	
p.request a { 
	color: #FFFFFF;
	background: none;
	cursor: pointer; 
	}	

	
p.bb_direct {
	position: relative;
	width: 144px;
	height: 20px;
	margin: 17px 0 0 0;
	padding: 0;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #BD6224;
	}
p.bb_direct span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/btn_bb_direct.gif) no-repeat;	
	}	
p.bb_direct span:hover { background-position: 0 -20px; }	
p.bb_direct a { 
	color: #FFFFFF;
	background: none;
	cursor: pointer; 
	}		
	
	
p.oribe {
	position: relative;
	width: 103px;
	height: 20px;
	margin: 17px 0 0 0;
	padding: 0;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #BD6224;
	}
p.oribe span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/btn_oribe.gif) no-repeat;	
	}	
p.oribe span:hover { background-position: 0 -20px; }	
p.oribe a { 
	color: #FFFFFF;
	background: none;
	cursor: pointer; 
	}	
	
h3.boxed {
	margin: 0 0 5px 0;
	padding: 5px 10px;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	background: #A3BEE3;
	}		

h3.pad { margin: 53px 0 5px 0; }

img.pad { margin: 0 0 50px 0; }	

h4.caption {
	margin: 0 0 30px 0;
	font: italic 1.4em Georgia, "Times New Roman", Times, serif;
	text-align: center;
	}


/********************************************** 
			  SERVICES + POLICIES
**********************************************/	
.column {
	float: left;
	width: 240px;
	margin: 0 25px 20px 0;
	}	
	
.column h3 {
	padding: 5px 10px;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #A3BEE3;
	}	
	
.end { margin: 0; }	

.column img { margin: 0 0 5px 0; }

/********************************************** 
			       PRICES
**********************************************/	
.prices { margin: 0 0 30px 0; }
	
.prices th {
	padding: 5px 10px;
	font: normal 1.2em Arial, Helvetica, sans-serif;
	color: #333333;
	background: #A3BEE3;
	}	
	
.prices tr.odd { background: #E4E6E8; }	
	
.prices td {
	padding: 5px 10px;
	font: normal 1.2em Arial, Helvetica, sans-serif;
	}	


/********************************************** 
			        POSTS
**********************************************/	

.post {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #A3BEE3;
	}
	
.post img {
	float: left;
	margin: 0 15px 10px 0;
	}	
	
	
/********************************************** 
			   PRODUCTS PAGE
**********************************************/		
	
.item {
	float: left;
	width: 180px;
	margin: 0 15px 0 0;
	}
	
.last { margin: 0; }	
	
.item img { margin: 0 0 10px 0; }		
	
.item p.specs { 
	margin: 0;
	font-style: italic; 
	}	
	
.item p.price {	
	font-weight: bold;
	color: #5C7EAC;
	}
	
.row { 
	clear: left;
	padding: 30px 0 0 0;
	}	

/********************************************** 
			     TESTIMONIALS
**********************************************/	

.testimonial {
	float: left;
	width: 368px;
	margin: 0 20px 20px 0;
	padding: 15px 0;
	}
	
.testimonial p {
	margin: 0 15px 10px 15px;
	color: #333333;
	}
.testimonial p.date {	
	font-weight: bold;
	color: #FFFFFF;
	}
.testimonial p.cite {
	font: italic bold 1.2em Arial, Helvetica, sans-serif;
	color: #333333;
	}	

.even { background: #CBCB68; }
.odd { background: #A3BEE3; }


/********************************************** 
			       GALLERY
**********************************************/	

#gallery .rightcol .image {
	float: left;
	margin: 0 20px 20px 0;
	}	

#gallery .rightcol .last { margin: 0 0 20px 0; }

#gallery .rightcol .image p {
	padding: 0 0 0 15px;
	background: url(images/icon_circle_arrow.gif) no-repeat left center;
	}

#TB_overlay {
	position: fixed;
	z-index:5000;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	}

/*
.TB_overlayMacFFBGHack { background: url(macFFBgHack.png) repeat; }
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
*/

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	top:50%;
	left:50%;	
	z-index: 6000;
	color: #000000;
	display:none;
	border: 4px solid #7AA2D4;
	text-align:left;
	background:	#FFFFFF;

	}

* html #TB_window { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}


#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:6000;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#eddy, #flanders, #paty, #hartman, #singley, #satten, #cristina, #teuscher, #kate, #malanie, #lauren, #blanca { display: none; position: relative; }

.full {
	float: left;
	width: 300px;
	}
	
.qa {
	float: left;
	width: 380px;
	margin: 0 0 0 25px;
	}
	
.qa h3 {
	margin: 0 0 2px 0;
	padding: 0; 
	font: normal 2em/1.25em Arial, Helvetica, sans-serif;
	color: #000000;	
	}
	
.qa h4 { color: #5C7EAC; }
	
.qa .credit {
	font: italic 1.2em Arial, Helvetica, sans-serif;
	color: #666666;
	}	

#close {
	position: absolute;
	top: 15px;
	right: 25px;
	}

/********************************************** 
				CONTACT FORM
**********************************************/

form.signup { width: 510px;	}
	
form.signup fieldset li {
	list-style: none;
	padding: 0 0 15px 0;
	margin: 0;
	}
	
form.signup label {
	display: block;
	margin: 0 0 3px 0;	
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #000000;	
	}	

form.signup label.inline { 
	float: left;
	width: 100px; 
	}

form.signup label.check, form.signup label.radio {
	display: block;
	float: none;
	width: 250px;
	margin: 0 0 8px 0;	
	font: italic 1.1em Georgia, "Times New Roman", Times, serif;
	color: #333333;	
	text-transform: lowercase;
	}	

form.signup fieldset fieldset label { margin-left: 123px; } /* Width plus 3 (html space) */

form.signup em {
	color: #C14E27;
	font: normal 1.2em Arial, Helvetica, sans-serif;
	}

form.signup small {
	font: normal 80% Arial, Helvetica, Sans-Serif;
	text-transform: capitalize;
	}
form.signup .textinput {
	padding: 3px;
	width: 390px;	
	font: normal 1.1em Arial, Helvetica, sans-serif;
	color: #000000;
	background: #FFFFFF url(images/bg_textinput.gif) repeat-x;
	border: 1px solid #D9D9D9;
	}
	
form.signup .textarea {
	width: 490px;
	height: 100px;
	padding: 2px;
	font: normal 1.1em Arial, Helvetica, sans-serif;	
	color: #000000;
	vertical-align: top;
	background: #FFFFFF url(images/bg_textinput.gif) repeat-x;
	border: 1px solid #D9D9D9;
	}

form.signup .checkbox {	margin: 0 0 0 10px;	}

form.signup .submit {
	padding: 3px 8px;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #BD6224;
	}

/********************************************** 
				CONTACT FORM
**********************************************/

form.contact {
	margin: 0;
	padding: 0;
	background: #FFF98A;
	border: 1px solid #FBF259;
	}
			
form.contact fieldset ol { margin: 15px; }
	
form.contact fieldset li {
	float: left;	
	margin: 0 30px 30px 0;
	list-style: none;
	}
	
form.contact fieldset li.right { margin: 0 0 30px 0; }	

form.contact fieldset li.message { margin: 0 0 20px 0; }
	
form.contact label { 
	display: block;
	margin: 0 0 5px 0;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #000000;
	}

form.contact label span { color: #999999; }

form.contact .textinput, form.contact select, form.contact .textarea {
	width: 235px;
	padding: 5px;
	font: normal 1.1em Arial, Helvetica, sans-serif;	
	color: #333333;
	background: #FFFFFF url(images/bg_input.gif) repeat-x left top;
	border: 1px solid #C5C5C5;
	}
		
form.contact select, form.contact .textarea {
	width: 247px;
	padding: 4px;
	}	
	
form.contact .textarea {
	width: 514px;
	height: 100px;
	}
	
form.contact .button { 
	float: right;
	margin: 0 0 20px 0;
	}

.error {
	font-weight: bold;
	color: #E92819;
	}
	
dl.required dt {
	margin: 0 0 5px 0;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #000000;
	}	
	
dl.required dd {
	margin: 0 0 5px 0;
	font: normal 1.2em Arial, Helvetica, sans-serif;
	color: #666666;
	}	


/***************************************************
			     GOOGLE CHECKOUT
***************************************************/		

.product-shipping-first	{ display: none; }
	
	
/* !product special */

.special {
	padding: 0 0 10px 0;
	border: 1px solid #A3BEE3;
	background: #E6EDF6;
	}

.special h3 {
	width: 180px;
	padding: 5px 10px;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #A3BEE3;
	}		
	
.special .image {
	float: left;
	width: 360px;
	margin: 0 15px 0 15px;
	}	
	
.special .details {
	float: left;
	width: 360px;
	padding: 15px 0 0 0;
	}	

.special p.price {	
	font-weight: bold;
	color: #5C7EAC;
	}
	
	
/***************************************************
			         FOOTER
***************************************************/		

#footer {
	padding: 0 0 9px 0;
	background: url(images/bg_content_btm.jpg) no-repeat left bottom;
	}	
	
#footer .inner {
	margin: 0 30px;
	padding: 10px 0 30px 0;
	border-top: 1px solid #A3BEE3;
	}		
		
#footer p {
	float: left;
	font: normal 1em Arial, Helvetica, sans-serif;
	color: #7C7C7C;
	}
		
#footer a:link, #footer a:visited {
	font-weight: bold;
	color: #7C7C7C;
	text-decoration: none;
	background: none;
	}	
	
#footer a:hover, #footer a:active {	color: #666666; }			
		
#footer p.nav { margin: 0 0 0 90px; }		
		
#footer p.nav a:link, #footer p.nav a:visited {
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	font-weight: bold;
	color: #7C7C7C;
	text-transform: uppercase;
	text-decoration: none;
	border-right: 1px solid #7C7C7C;
	}	
	
#footer p.nav a:hover, #footer p.nav a:active {	color: #666666; }	

#footer p.nav a:last-child { border: none; }
	
#footer p.login {
	float: right;
	}


/***************************************************
			           MISC
***************************************************/	

code { font: normal 1em 'Courier New', Courier, Fixed; }

acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	border-bottom: 1px dashed #999;
	cursor: help;
	}

.right { float: right }
.left { float: left; }
.clear { clear: both; }
	
.fix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
  
.fix { display: inline-block; } 
* html .fix { height: 1%; }
.fix { display: block; }
.hide { display: none; height: 0; text-indent: -4000px; }