@import 'reset.css';

body { background: #94AE3C url('../images/bodybg.png') } /* url('../images/body_bg.jpg') 50% 0 repeat-y; */
body, td, th, dd, dt, input, textarea { font: 12px/16px "Trebuchet MS", trebuchet, verdana, sans-serif; color: #6C891F; line-height: 16px; }

div#container { width: 736px; margin: 0 auto; position: relative; border-left: 1px solid #7a9923;  border-right: 1px solid #7a9923;
	padding: 0 13px;background: #a2bd48 url('../images/containerbg.jpg') no-repeat; }

div#container_btm { width: 764px; margin: 0 auto; background: url('../images/container_btm_bg.png'); height: 9px; margin-bottom: 10px;    }
div#container_top { width: 764px; margin: 25px auto 0; background: url('../images/topbdr.png') no-repeat; height: 10px; }
/* Header and nav */

div#bgcontainer { background: #9ab642; width: 100%; position: absolute; left: 0; right: 0; top: 66px; height: 400px; }

div#header a { width: 736px; height: 81px; display: block; overflow: hidden; text-indent: -9999px; }
	
div#nav { height: 31px; overflow: hidden; }
div#nav ul { height: 31px; }
div#nav ul li { float: left; display: block;    }
div#nav a { height: 31px; display: block; text-indent: -9999px; overflow: hidden; float: left; }

div#nav li.spa_treatments a { background: url('../images/m_spa_treatments.png') no-repeat; width: 108px;}
div#nav li.spa_packages a { background: url('../images/m_spa_packages.png') no-repeat; width: 87px; }
div#nav li.gift_certificates a { background: url('../images/m_gift_certificates.png') no-repeat; width: 102px; }
div#nav li.spa_etiquette a { background: url('../images/m_spa_etiquette.png') no-repeat; width: 89px; }
div#nav li.products a { background: url('../images/m_products.png') no-repeat; width: 65px; }
div#nav li.about_milestones a { background: url('../images/m_about_milestones.png') no-repeat; width: 133px; }
div#nav li.franchising a { background: url('../images/m_franchising.png') no-repeat; width: 79px; }
div#nav li.locations a { background: url('../images/m_locations.png') no-repeat; width: 73px; }

div#nav li a:hover { background-position: bottom left; }

/* Home splash */
div#home_splash { height: 284px; background: url('../images/home_splash.jpg') no-repeat;}

	
div#imagebar { height: 210px; overflow: hidden; text-indent: -9999px; border-left: 1px solid #7a9923; border-right: 1px solid #7a9923;}
div#imagebarSpa { height: 284px; overflow: hidden; border-left: 1px solid #7a9923; border-right: 1px solid #7a9923;}

div.spa_treatments { background: url('../images/hd-treatments.jpg'); }
div.spa_packages { background: url('../images/hd-packages.jpg'); }
div.gift_certificates { background: url('../images/hd-gift.jpg'); }
div.spa_etiquette { background: url('../images/hd-etiquette.jpg'); }
div.products { background: url('../images/hd-products.jpg'); }
div.about { background: url('../images/hd-about.jpg'); }
div.franchising { background: url('../images/hd-franchising.jpg'); }
div.locations { background: url('../images/hd-locations.jpg'); }
div.christmas_08 { background: url('../images/hd-christmas08.jpg'); }
div.holidays { background: url('../images/hd-holidays.jpg'); }
div.skintec { background: url('../images/hd-skinTec.jpg'); }
div.spa_heaven { background: url('../images/hd-spaHeaven.jpg'); }

/* content */

div#content { background: #FFF url('../images/content_bg.png') repeat-y; padding: 46px 15px 1px 15px; 
	height: 100% !important;
	min-height: 250px;
	height: 250px;
	border-left: 1px solid #7a9923;
	border-right: 1px solid #7a9923;
	position: relative;
 }
.white div#content { background: #FFF;}

div#contentbtm { height: 10px;  background: #FFF url('../images/content_btm_bg.png') bottom left no-repeat}
.white div#contentbtm { background: #FFF url('../images/content_btm_bg_white.png') bottom left no-repeat; }

div#content h1 { color: #000; font-size: 21px; line-height: 21px; margin-bottom: 15px; font-weight: bold; }
div#content h2 { color: #000; font-size: 17px; line-height: 17px; margin: 0 0 8px; padding-top: 15px;  font-weight: bold; }
div#content h3, dt { color: #000; clear: both;  font-size: 13px; line-height: 13px; margin: 20px 0 10px; font-weight: bold; }

div#content p { margin: 0 0 10px; }
div#content a { color: #000; text-decoration: none; font-weight: bold; }
div#content a:hover {  text-decoration: underline; }

div#content ul { margin: 0 0 15px 0;}
div#content ul li { color: #000; margin-bottom: 4px; font-size: 12px; background: url('../images/bullet.gif') 0 2px no-repeat; 
	padding-left: 12px; }
	
div.leftCol { width: 447px; float: left; margin-bottom: 15px; }
div.rightCol { width: 233px; float: right; background: #FCF5E3 url('../images/sidebarbg.png') repeat-x; padding: 45px 10px 5px; margin: -45px -15px 15px 0;   }
div.gift_cert { width: 233px; height: 258px; clear:both;  overflow: hidden; position: relative; text-indent: -9999px; 
	background: url('../images/new_gc_promo.jpg') no-repeat; margin: 0 0 0 0;}
div.gift_cert a { display: block; position: absolute; width: 180px; height: 28px; text-indent: -9999px;
	overflow: hidden; top: 216px; left: 30px; }
div.clear { clear: both; }
p.note { clear: both; color: #000;  height: 35px; padding-top: 25px; text-align: center; font-weight: bold; font-style: italic; font-size: 14px;  }
p.small-note { clear: both; color: #000; padding-top: 25px; text-align: center; font-size: 11px; }


div#content ul.subnav { margin-bottom: 25px;  }
div#content ul.subnav li { background: transparent; padding: 2px 0; display: block; margin: 0 0 1px; border-bottom: 1px solid #9ab642; }
div#content ul.subnav li a { font-size: 12px; display: block; text-decoration: none; color: #0a1f38;
	padding: 2px 5px; padding-left: 13px; background: url('../images/subnav_arrow.jpg') 0 6px no-repeat; }
div#content ul.subnav li.last { border: 0; }
div#content ul.subnav li a:hover { color: #f89f1f; }

table.products { margin: 25px 0; ; }
table.products td { font-size: 11px; vertical-align: top;  padding-right: 15px; }
table.products td.prod_img {}

ol.quiz li { list-style-type: decimal; margin: 0px 0 20px 25px;}
ol.quiz label { display: block; }

div#your_score { padding: 25px; background: #F0EFD6; display: none;}
div#your_score h3 { margin: 0 0 15px; font-size: 22px; line-height: 22px; }
div#your_score p { margin: 0;  }

div.leftHalf { width: 335px; float: left;}
div.rightHalf { width: 335px; float: right;}

/*dt { font-weight: bold; margin: 10px 0 2px; clear: both; color: #000;}*/
dd { font-size: 11px; }

p.description { font-size: 12px; }
dd p.description { width: 210px; float: left;  }
table.prices { float: right; width: 120px;  }
table.prices td { padding-left: 15px; font-size: 11px; color: #000; }
table.prices2 { width: 100%;  }
table.prices2 td { font-size: 11px; color: #000; vertical-align: top;  }

span.price { color: #000; font-size: 14px; display: block; margin-bottom: 25px; float: left; }
span.time { font-style: italic; float: right; font-size: 11px; }

table.data { clear: both;  border-top: 1px solid #B8B25E; border-left: 1px solid #B8B25E; margin: -0 0 0;  }
table.data td, table.data th { border-bottom: 1px solid #B8B25E; padding: 3px; vertical-align: top; font-size: 11px; text-align: left;border-right: 1px solid #B8B25E; }
table.data td { font-size: 11px;  }
table.data th { background: #DEDCB5; color: #000; font-weight: bold; }
div#content table.data th a { display: block;font-size: 10px; font-weight: bold; color: #72703B;}


/*forms*/
p.block { clear: both; }
p.block label { display: block; font-size: 11px; font-weight: bold; color: #000; }
p.block input, p.block textarea {  width: 324px; color: #000;}

p.half { float: left; width: 167px; clear: none;}
p.half input { width: 157px; }

p.third { float: left; width: 111px; clear: none; }
p.third input { width: 100px; }
p.right { width: 100px;}

p.block label.radio { display: inline; margin-right: 25px; }
p.block .radio input { width: auto; }


p.block label.error { color: #AA0000; font-size: 10px; }
p.block input.error { border: 1px solid #952A1D; background: #FFFF82;}
span.error { font-weight: bold; display: block; color: #952A1D; font-size: 11px; }

p.error { background: #D59191; border: 1px solid #B94747; color: #000; padding: 10px; }

/* Gift Certificate */

div#content p.info { color: #000; font-weight: bold; font-size: 13px; margin: 15px 0 5px;} 

div#content p.next { margin: 25px 0 10px; clear: both; }

div.panel { background: #FEFDEA; clear: both; }
div.inside { padding: 10px;}
div#content div.panel h2 { font-size: 14px; line-height: 14px; background: #DEDCB5; margin: 0 0 1px; padding: 3px 10px; cursor: pointer;}
div#content div.panel h2.over { background: #CECB92; }
div#content div.panel h2.current { background: #35242A; color: #FFF;}

div.leftCol2 { width: 344; float: left;}
div.rightCol2 { width: 344px; float: right;  }

p.gift_thumbs { width: 334px;}
p.gift_thumbs img { border: 2px solid #FEFDEA; cursor: pointer;
	filter:alpha(opacity=60);
	  -moz-opacity: 0.6;
	  opacity: 0.6;
}
p.gift_thumbs img.active { border: 2px solid #35242A;
	filter:alpha(opacity=100);
	  -moz-opacity: 1;
	  opacity: 1;
}

table.timetable { width: 100%; margin: 0 0 25px 0;  }
table.timetable caption { color: #000; font-style: italic; font-size: 11px; font-weight: bold; text-align: left;  }
table.timetable th { text-align: left; font-weight: bold; color: #000; font-size: 11px; background: #E5E4D9; border-bottom: 1px solid #fff; 
	border-right: 1px solid #FFF; }
table.timetable td { font-size: 11px; }
table.timetable th, table.timetable td { padding: 1px 5px 1px 5px;}

div#content p.button1 { margin: 15px 0; }
div#content p.book { float: right; margin: 15px 0 0; } 
/* footer */

div#footer { height: 22px; color: #FFF; font-size: 11px;}
div#footer p.copyright { float: left; margin-top: 6px; }
div#footer p.powered { float: right;margin-top: 6px; }
div#footer a { color: #FFF; font-weight: bold; text-decoration: none;  }
div#footer a:hover { text-decoration: underline;}

big { font-size: 12px;}

.content-grad { background: url('../images/content_grad.png') 0 1px repeat-x; height: 35px; width: 481px; position: absolute; left: 0; top: 0;}
.full-width { width: 734px; }

/* Mothers day 09 promo */
#christmas09 { height: 284px; background: url('../images/hd-home-christmas.jpg') no-repeat; position: relative; overflow: hidden;}
#christmas09 p { display: none;}
#christmas09 a { display: block; overflow: hidden; text-indent: -9999px; position: absolute; width: 119px; 
	height: 28px; top: 192px; left: 393px;
}