/* Global 
---------------------------------------------- */
html, body, form, fieldset { margin: 0; padding: 0; }
body {margin:0; font: 12px/18px arial, verdana, helvetica, sans-serif; color: #000; background:#724f1d; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0; padding: 0; }
img { display: inline; }
div.clear {clear: both; line-height: 0; height: 1px;}


/* basic links 
---------------------------------------------- */
a:link, a:visited  { color: #b86700; text-decoration: none; }
a:hover { color: #0000d5; text-decoration : none;  }
a img {border: none; }
a:active {outline: none;}
a:focus {-moz-outline-style: none;}


/* Layout 
---------------------------------------------- */
#shell {width:800px; position:relative; margin:0 auto; background: url(../images/pageElements/bgd_shell.jpg) 0 0 repeat-y; }
#container { display:block; padding:7px 16px 0 13px; min-height:575px; background:url(../images/pageElements/bgd_container.jpg) 0 0 no-repeat; }
#logo { position:absolute; top:14px; left:32px; z-index:10000;}
#footer {clear:both; display:block; height:59px; padding-right:30px; position:relative; background:#724f1d url(../images/pageElements/bgd_footer.jpg) 0 0 no-repeat; color:#E9A736; font-size:11px; text-align:right;}


/* NAVIGATIONS 
---------------------------------------------- */

/* IconNav */
#iconnav { width:372px; height:77px; margin:22px 0 0 379px; padding:0; position:relative; list-style:none;}
#iconnav li { display:inline; list-style-type:none; }
#iconnav li a {float:left; padding:77px 0 0 0; height: 0px; overflow: hidden; overflow:hidden; background-image:url(../images/pageElements/iconnav.gif); }
 /* IconNav Buttons */
	#iconnav li#booking a { background-position: 0 0; width:67px; }
	#iconnav li#bookingspecs a { background-position: -67px 0; width: 84px; }
	#iconnav li#wishlist a { background-position: -151px 0; width: 47px;}
	#iconnav li#monthlyspecs a { background-position: -198px 0; width: 60px;}
	#iconnav li#giftcards a { background-position: -258px 0; width: 65px;}
	#iconnav li#faq a { background-position: -323px 0; width: 49px;}
 /* IconNav Button Rollovers */
	#iconnav li#booking a:hover { background-position: 0 77px; }
	#iconnav li#bookingspecs a:hover { background-position: -67px 77px; }
	#iconnav li#wishlist a:hover { background-position: -151px 77px; }
	#iconnav li#monthlyspecs a:hover { background-position: -198px 77px; }
	#iconnav li#giftcards a:hover { background-position: -258px 77px; }
	#iconnav li#faq a:hover { background-position: -323px 77px; }

/* TopNav */
#topnav { width:771px; height:32px; margin:38px 0 0 0; padding:0; position:relative; list-style:none; }
#topnav li { display:inline; list-style-type:none; }
#topnav li a, #topnav li a:visited {float:left; padding:32px 0 0 0; height:0; overflow:hidden; background-image:url(../images/pageElements/topnav.gif);}
 /* TopNav Buttons */
	#topnav li#home a { background-position: 0 0; width:97px; }
	#topnav li#treatments a { background-position: -97px 0; width: 119px; }
	#topnav li#packages a { background-position: -216px 0; width: 138px;}
	#topnav li#events a { background-position: -354px 0; width: 142px;}
	#topnav li#men a { background-position: -496px 0; width: 137px;}
	#topnav li#teens a { background-position: -633px 0; width: 138px;}
 /* TopNav Button Rollovers */
	#topnav li#home a:hover { background-position: 0 32px; }
	#topnav li#treatments a:hover { background-position: -97px 32px; }
	#topnav li#packages a:hover { background-position: -216px 32px; }
	#topnav li#events a:hover { background-position: -354px 32px; }
	#topnav li#men a:hover { background-position: -496px 32px; }
	#topnav li#teens a:hover { background-position: -633px 32px; }

/* MidNav */
#midnav { display:block; height:23px; margin:0 0 0 50px; padding:0; position:relative; list-style:none; font:normal 12px Arial, Helvetica, sans-serif; color:#fff; }
#midnav li { display:inline; list-style-type:none; }
#midnav li a {float:left; color:#fff; padding:4px 23px 0 0; height:19px; overflow:hidden; }
#midnav li a:hover { color: #703f00;}

/* FooterNav */
#footernav { display:block; float:right; margin:0; padding:23px 0 0 0; position:relative; list-style:none; text-align:right; }
#footernav li { display:inline; list-style-type:none; }
#footernav li a {float:left; color:#efb222; padding-right:10px; text-transform:uppercase;}
#footernav li a:hover { color: #fff;}


/* Main Content Section 
---------------------------------------------- */
.content {padding:0 0 0 28px; width:497px; }
	.content h2, .content h3, .content h4 {margin-top:15px;}
	.content p, .content ol, .content form, .content dl, .content blockquote, .content table {margin-top:3px; margin-bottom:15px; margin-left:15px; }
	.content ul {margin-top:3px; margin-bottom:15px; margin-left:30px; }
	.content a {text-decoration:none; color:#8a0808; border-bottom:1px dotted #8a0808;}
	.content a:hover {color:#b86700; border-bottom:1px solid #b86700;}
	.content h1 {margin-top:0;}
	.content h2 {color:#d17402; font:bold 14px arial, verdana, Helvetica, sans-serif; margin-bottom:3px; }
	.content h3 {color:#000000; font:bold 13px arial, verdana, Helvetica, sans-serif; margin-bottom:3px; }
	.content h4 {color:#a35a00; font:bold 12px arial, verdana, Helvetica, sans-serif; margin-bottom:1px;  }
	.content hr {height:1px; color:#222; background:#222; height:1px;}
	.content img{ border: solid 2px #d17402; padding:3px 3px 3px 3px;}
	.content img.em{ border: 0; padding:0;}
	.content textarea {border:1px solid #E9B150; }
	.content .btnClass {background-color:#F5AC2B; color:#000; font:normal 13px arial, verdana, Helvetica, sans-serif; 
						 border:solid 1px #D8851B; margin:0 0 0 0;	}
	.content .txtClass {background-color:#FFFF99; color:#000; font:normal 13px arial, verdana, Helvetica, sans-serif; 
						 border:solid 1px #D8851B; margin:0 0 0 0;}						 
	.content .shopTable{border-collapse:collapse; margin:5px 0 0 5px; border:solid 1px #FFF; color:#000; width:94%;
						background-color:#FFCC66; padding:10px 0 0 0;} 	
	.content .bcCart {border:1px solid #724F1D;background:#FBC757; margin:0 0 0 5px; color:#000; padding:0 10px 0 3px;}
	.content .bcCart td{padding:5px 5px 4px 5px; }
	.content .bcCart2 {border-left:10px solid #FFFFFF;}
	.content .bcCartactive {border-left: 10px solid #000;background:#E29A36; color:#FFF;}	
	.content .btnCheckout {background-color:#F5AC2B; color:#000; font:normal 13px arial, verdana, Helvetica, sans-serif; 
						 border:solid 1px #D8851B; margin:0 0 25px 22px;}
						 
	.content .catBox{ background-color:#efb222; border:solid 1px #660000; margin:5px 5px 5px 5px; float:left; width:100px;}
			 .catBox a{ background-color:#efb222; display:block;padding:5px 5px 5px 5px; clear:both; text-decoration:none; border:0px; }
			 .catBox a:hover{ background-color:#FBDD97; display:block; padding:5px 5px 5px 5px; clear:both; text-decoration:none; border:0px;}

/* Right Column 
---------------------------------------------- */
#rightColumn {float:right; width:213px; font-size:12px; line-height:16px;}
	#rightColumn h2, #rightColumn h3, #rightColumn h4 {margin-top:12px;}
	#rightColumn p, #rightColumn ol, #rightColumn ul, #rightColumn form, #rightColumn dl, #rightColumn blockquote, #rightColumn table {padding:3px 13px 15px 19px; display:block; }
	#rightColumn a {text-decoration:none; color:#b86700; font-weight:bold; }
	#rightColumn a:hover {text-decoration:none; color:#0000d5; }
	#rightColumn .listHeader {text-decoration:underline; font:bold 12px arial, verdana, Helvetica, sans-serif; color:Maroon;
							   text-transform:uppercase; }
	#rightColumn h1 {margin-top:0;}
	#rightColumn h2 {color:#d17402; font:bold 14px arial, verdana, Helvetica, sans-serif; margin-bottom:1px; }
	#rightColumn h3 {color:#000000; font:bold 13px arial, verdana, Helvetica, sans-serif; margin-bottom:1px; }
	#rightColumn h4 {color:#000000; font:bold 12px arial, verdana, Helvetica, sans-serif; margin-bottom:1px;  }
	#rightColumn hr {height:1px; color:#555; background:#555; height:1px;}
	#rightColumn .backup a {font-size:12px;}
	#rightColumn .cartSmall{font-size:12px; margin:15px 0 0 15px; border:solid 1px #FFF; background-color:#efb222; 
							padding:12px 0 5px 10px; width:170px;}
	
	
/* Side Navigation in Right Column
---------------------------------------------- */
#rightColumn ul.sideNav {margin:0; padding:0 13px 9px 19px; list-style:none;}
	#rightColumn ul.sideNav li {margin:0; padding:0; list-style-type:none; margin-bottom:1px;}
	#rightColumn ul.sideNav li a { font-size:12px; line-height:12px; font-weight:bold; color:#000; text-decoration:none; }
	#rightColumn ul.sideNav li.True { background:#8faf77 url(../images/pageElements/eco.gif) right center no-repeat; }
	#rightColumn ul.sideNav li a:hover {color:#d67900; text-decoration:none;}


/* Footer Content 
---------------------------------------------- */
form#subscribeForm {padding:15px 0; }
form#subscribeForm input { height:14px; border:1px solid #c18a3d; background:#000; width:140px; margin-left:3px; color:#fff; font:normal 10px Arial, Helvetica, sans-serif; }
form#subscribeForm input.go { height:auto; width:auto; background:none; border:none;}

#footer .copywrite {width:150px; position:absolute; top:82px; left:15px; color:#bf9558; }
#footer .copywrite a {color:#bf9558; text-decoration:none; }
#footer .copywrite a:hover {color:#fff; text-decoration:none; }


/* Breadcrumb
----------------------------------------------- */
.breadcrumb { padding: 10px 0; display:block; font-weight:bold; color: #444; position:absolute; top:210px; margin:0 0 0 45px;}
.content .breadcrumb a:link, .content .breadcrumb a:visited { color: #444; border-bottom:none;}
.content .breadcrumb a:hover { color: #b86700; text-decoration: underline; border-bottom:none;}
.content .breadcrumb a:active { color: #000; }
.content .breadcrumb a.here { color:#000; cursor:default;}
.content .breadcrumb a:hover.here { color:#000; text-decoration:none;}

/* Homepage stuff 
---------------------------------------------- */
#homepage #homeFlash { width:800px; height:245px; z-index:10000; position:absolute; top:206px; left:0;}
#homepage #shell { background:url(../images/pageElements/bgd_shell_homepage.jpg) 0 0 repeat-y;}
#homepage #container { background:url(../images/pageElements/bgd_container_homepage.jpg) 0 0 no-repeat; min-height:425px;}
#homepage #footer {background:#724F1D url(../images/pageElements/bgd_footer_homepage.jpg) 0 0 no-repeat;}



/* Various Styling/formating Stuff 
---------------------------------------------- */
.errMsg{ color:Red; clear:both; margin:0 0 10px 20px; font-weight:bold;}
.caption { font-style:italic; font-size:11px; color:#222;}
.right {margin:0px 0px 8px 9px; float:right;}
.left {margin:0px 9px 8px 0px; float:left;}
.photoright {padding:3px; background:#fff; border:1px solid #888; float:right; margin:1px 0 9px 10px;}
.photoleft {padding:3px; background:#fff; border:1px solid #888; float:left; margin:1px 10px 9px 0;}
.photo {padding:3px; background:#fff; border:1px solid #888;}


/* sIFR 3 
---------------------------------------------- */
.sIFR-flash {  visibility: visible !important;	margin: 0;	padding: 0; }
.sIFR-replaced { visibility: visible !important; }
.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced > div { display: none !important; }
.sIFR-active h1 { visibility: hidden; font:normal 24px/24px Arial, Helvetica, sans-serif; color:#d17402; margin:0 10px 0 0; width:400px;}

/* Products Pages
---------------------------------------------------*/
.fvDetailView{ display:inline; width:480px;}
.productimage{float:right;}
a.backlink{color:#000; text-decoration:none; border:none;font-weight:bold;}
a.backlink:hover{font-weight:bold; border:none;}

/*Career form
---------------------------------------------------*/
ul.careers{list-style:none; padding:10px; margin:5px 15px; border:1px solid #F8C859; background:#FBDCA3;}
ul.careers li{padding:0; margin:0; position:relative; height:30px; width:300px;}
ul.careers li input{position:absolute; right:0;}
ul.careers li strong{position:absolute; left:0; display:block;}
div.careers{padding:10px; margin:5px 15px; border:1px solid #F8C859; background:#FBDCA3;}

div.littleform{border:1px solid #EFB222; position:relative; padding:10px 3px 3px 3px; width:350px;}
div.littleform strong.formtitle{position:absolute; left:10px; top:-10px; display:block; background:#F9D283; color:#EFB222; font-size:14px;}

/*More Things
---------------------------------*/
.rightbutton{float:right; width:150px; }
.rightbutton a{display:block; border: 3px double #000; background:#F9D283; padding:2px; color:#000; margin:3px;}
.rightbutton a:hover{border-color:#666; background:#F6C657; color:#666; border-bottom:3px double #666;}

.registrydescription{ margin:5px 2px;}
.registrydescription a{color:#000; text-decoration:none; font-weight:bold; border:none;}
.registrydescription a:hover{color:#666; font-weight:bold; border:none;}