@charset "utf-8";
/* CSS Document */
html, body { height:100%; }
body {
	font:75% Arial, Helvetica, sans-serif;
	color:#666666; background:#DDDDDD url(../images/bg.gif) repeat-y top center;
	margin:0;
}

a:link, a:visited { color:#79966B; text-decoration:none; }
a:hover, a:active { color:#444444; text-decoration:none; }

/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/* Typography */
p {font-size:1em; line-height:1.3; margin:0 0 8px;}

h1 { font-size:2em; margin:0 0 15px 0;}
h2 { font-size:1.5em; margin:15px 0 15px 0; }
h3 { font:18px Helvetica, Arial, sans-serif; margin:0 0 7px; color:#695993;}
h4 { font:16px Helvetica, Arial, sans-serif; margin:12px 0 8px; color:#695993;}
h5 { font:1em Helvetica, arial, sans-serif; margin:0 0 12px; }
.green { color:#79966B; }
.gold { color:#B58539; }
.purple { color:#695993; }
.grey { color:#666666; }
.pink { color:#F04E64; }

em { font-style:italic; }
strong { font-weight:bold; color:#B58539; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.center { text-align:center; }

.centerBlock { display:block; margin:0 auto; }

ul {
	list-style-type:disc;
	margin:0 0 1em 2em;
	padding:0;
	font-size:1em;
	line-height:1.3;
}
ul.flush { margin-left:1.5em; }
ul.nobull { list-style:none; list-style-position:inside; margin:0; padding:0; }
ul.large { font-size:16px; }
ul.large li { margin-bottom:8px; }
ul.inside { list-style-position:inside; margin-left:0;padding-left:0;}

.largelinks a:link, .largelinks a:visited { color:#B58539; font-size:16px; }
.largelinks a:hover, .largelinks a:active { color:#444444; font-size:16px; }

a.large { font-size:16px; }


h4 a:link, h4 a:visited { color:#B58539; }
h4 a:hover, h4 a:active { color:#444444; }

a img { border:0px none; }

img.flushRight { display:block; float:right; margin-right:-15px;}
.flushLeft { margin-left:-15px; display:block; float:left; }

/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/* COMMON */
.clear { clear:both; }
.clearRight { clear:right; }
.clearLeft { clear:left; }
.left {float: left; }
.right { float:right; }

.center {text-align:center; }

.orange { color:#B58539; }

br.space20 { display:block; margin-bottom:20px; }
br.space60 { display:block; height:100px; }


/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/* LAYOUT */

#wrapper { width:780px; min-height:100%; height:auto !important; height:100%; padding-bottom:0; position:relative; margin:0 auto -80px;}

/*IE6*/
* html #wrapper { height:100%; padding-bottom:0; }

#head { padding-top:20px; }

#logo, #tagline { margin:0; padding:0; text-indent:-9999px; }
#logo { width:199px; height:75px; background:url(../images/lightstim_logo_home.jpg) no-repeat; float:left; position:relative;}
body.home #logo { background:url(../images/lightstim_logo.jpg) no-repeat; }
#tagline { width:330px; height:67px; background:url(../images/top_quote.jpg) no-repeat; float:right; }

#contentBody { padding:15px 15px 0; }

div#body { width:304px; margin-right:15px; }

#the_lights { list-style:none; float:left; }
#the_lights h3 { margin:0; }

body.home div#left { width:304px; float:left; margin-right:10px;}
body.home div#right { width:424px; float:left; }

#push { height:70px; clear:both;}
#footer { position:relative; padding:20px 15px 0; margin:0 auto; width:750px; height:50px; }
#footerNav { float:left; list-style:none; margin-left:0; padding-left:0; }
#footerNav li {float:left; padding:0 9px 0 8px; background:url(../images/footer_nav_bg.gif) right no-repeat; }
#footerNav li.first {padding-left:0;}
#signup { float:right; }
#copyright { float:left; clear:left; }
#footerNav, #copyright { font:.9em Arial, Helvetica, sans-serif; color:#999999; width: 500px; }
#footerNav li.last {background-image:none; }

img.left { display:block; }



div.col.left { margin-right:20px; }

div.wide { width:355px; }
div.narrow { width:310px; }

div.xnarrow { width:230px; }

div.xwide { width:470px; }
div.xxwide { width:500px; }

/*------------------------------*/
/*------------------------------*/
/* THE LIGHTS */
body.the_lights div#left { width:475px; float:left; margin-right:10px; position:relative; }
#wrmodel { position:absolute; bottom:0; right:-290px; }
#bathrobe02 { position:absolute; top:0; right:-290px; }

dl.the_lights dt { display:block; clear:both; float:left; width:135px; height:62px; margin:0 0 10px; }
dl.the_lights dt.last { margin:0; }
dl.the_lights dt img { display:block; }

dl.the_lights dd { float:left; margin:0; width:340px; }
dl.the_lights dd p {margin:0; }

dl.the_lights h4 { margin:10px 0 3px; font:1.3em Helvetica, Arial, Sans-serif; color:#B58539;}


body.the_lights #left02 { margin:40px 0 0; clear:both; float:left; width:300px; }
body.the_lights #right02 { float:right; width:375px; margin:40px 0 0;}

/*body.the_lights #right02*/ p.thumbs a img { margin-top:20px; display:block; float:left; border:0; }



/*------------------------------*/
/*------------------------------*/
/* THE RESULTS */
.testimonial { margin:30px 0; clear:both; }
.testimonial img { float:left; margin-right:30px; }
.testimonial h4 { color:#B58539; margin:0; }
.testimonial h5 { font-size:1em; font-weight:bold; margin:0; }
.testimonial p { margin:12px 0 0 255px; }


/*------------------------------*/
/*------------------------------*/
/* NAV */
#nav { list-style:none; margin:0; padding:0 0 0 10px; height:21px; }
#nav li { display: inline; }
#nav li.last a {margin:0; }
#nav li a { float:left; width:122px; margin-right:7px; height:21px; text-indent:-9999px; background-repeat:no-repeat;}

#nav li a { background-position:top; }
#nav li a:hover, #nav li a.active { background-position:bottom; }

#nav li.shop a { background-image:url(../images/nav_shop.gif); }
#nav li.the_lights a { background-image:url(../images/nav_lights.gif); }
#nav li.for_pros a { background-image:url(../images/nav_pros.gif); }
#nav li.howitworks a { background-image:url(../images/nav_howitworks.gif); }
#nav li.results a { background-image:url(../images/nav_results.gif); }
#nav li.faq a { background-image: url(../images/nav_faq.gif); }


/*
body.the_lights #nav li a:link, body.the_lights #nav li a:visited,
body.howitworks #nav li a:link, body.howitworks #nav li a:visited,
body.results #nav li a:link, body.results #nav li a:visited,
body.faq #nav li a:link, body.faq #nav li a:visited,
{ background-position:bottom; }
*/
body.the_lights #nav li.the_lights a:link, body.the_lights #nav li.the_lights a:visited,
body.howitworks #nav li.howitworks a:link, body.howitworks #nav li.howitworks a:visited,
{ background-position:bottom; }


/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/* HEADERS */
h1, h4 { position:relative; }
h1 a { position:absolute; top:0; left:0; width:100%; height:100%; }

h4.order { display:block; text-indent:-9999px; overflow:hidden; width:675px; height:50px; margin:20px auto 0; position:relative; }

h4.order.anti_aging { background:url(../images/order_anti_aging.jpg) no-repeat; }
h4.order.therapy { background:url(../images/order_therapy.jpg) no-repeat; }
h4.order.wrinkles { background:url(../images/order_wrinkles.jpg) no-repeat; }
h4.order.acne_light { background:url(../images/order_acne_light.jpg) no-repeat; }
h4.order.rosacea { background:url(../images/order_rosacea.jpg) no-repeat; }
h4.order.serum { background:url(../images/order_serum.jpg) no-repeat; }
h4.order.acne_light_retail { background:url(../images/order_acne_light_retail.jpg) no-repeat; }
h4.order.rosacea_retail { background:url(../images/order_rosacea_retail.jpg) no-repeat; }
h4.order.original { background:url(../images/order_original.jpg) no-repeat; }
h4.order.professional { background:url(../images/order_professional.jpg) no-repeat; width:750px;}

h4.order a { position:absolute; top:0; left:0; width:100%; height:100%; }


/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/* 2create CSS */
/*Also add 
	"#nav li a.active" in NAV section
	for active states of the buttons, remove other states
	and remove clear from #nav becase it makes problems
	in IE.
	Also make some changes in #wrapper and #contentBody
	becase there was a problem in IE. The content
	was going into the footer.
*/
.bodysmall {
	font-size: 10px;
}
.headermedgreen {
	color: #79966B;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 15px;
}
.bodybold  {
	font-weight: bold;
	color: #666;
}
.bodygold {
	color: #B58539;
}
.normallist {
	list-style-type: none;
	margin-top: -6px;
	margin-left: 0;
}
.normallist li {
	background: url(../images/dot.gif) no-repeat 0 6px;
	padding-left: 10px;
}
.normallist li span {
	margin-left: -10px;
	display: block;
	margin-bottom: 10px;
}
#sitemap {
	margin-left: 0;
}
#sitemap li, #sitemap li ul li {
	list-style-type: none;
}
.clickable {
	cursor: pointer;
}
.line {
	height: 1px;
}