/* Reset page */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent;
}
body
{
 line-height: 1;
 color:#000;
}
#cardsNav ol, ul
{
 list-style: none;
}
blockquote, q
{
 quotes: none;
}
 
:focus
{
 outline: 0;
}
 
ins
{
 text-decoration: none;
}
del
{
 text-decoration: line-through;
}
 
table
{
 border-collapse: collapse;
 border-spacing: 0;
}

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position:relative;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_4 {
	width:350px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:940px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:80px;
}

.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-80px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* -------------------------------------------------------------------------------------- */
body
{
	position: relative;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	background:#8b0307 url(../images/bg.jpg) repeat-x top left;
}
a /* removes underline on links in ie */
{
	text-decoration:none;
}

/* ------------------------------------ */
/*#topbar
{
	float:left;
	width:100%;
	height:262px;
	background:url(../images/bg.jpg) repeat-x top left;
}
*/
#leftPanel
{
	position:relative;
	font-size:13px;
	line-height:24px;
	width:189px;
	float:left;
	margin:0px;
	padding:0px;
}
#leftPanel h1
{
	width:268px;
	height:202px;
	float:left;
	margin-top:54px;
	padding:0px;
}
#leftPanel .top
{
	width:189px;
	height:202px;
	float:left;
	padding:0px;
	background:#fff;
}

.advert
{
	float:left;
	width:189px;
	height:120px;
	margin-left:25px;
	padding-bottom:25px;
	background:url(../images/Number-6-logo-trans.png) no-repeat top left;
}

/* left panel left nav */
#leftPanel ul#leftnav
{
	width:189px;
	float:left;
	margin:0px;
	padding:26px 0 32px 0px;
	display:block;
}

ul#leftnav li a
{
	display: block;
	width: 189px;
	height: 29px;
	line-height: 29px;
	background: url(../images/nav/nav_bg-trans.png) no-repeat top left;
	color: #fff;
	text-decoration: none;
	padding-left: 8px;
}
ul#leftnav li a:hover, ul#leftnav li a.active
{
	background: url(../images/nav/nav_bg-trans.png) no-repeat bottom left;
}
ul#leftnav li a#first
{
	width:189px;
	height:30px;
	background: url(../images/nav/first_bg-trans.png) no-repeat top left;
}
ul#leftnav li a#first:hover, ul#leftnav li a#first.active
{
	width:189px;
	height:30px;
	background: url(../images/nav/first_bg-trans.png) no-repeat bottom left;
}
ul#leftnav li a#last
{
	width:189px;
	height:30px;
	background: url(../images/nav/last_bg-trans.png) no-repeat top left;
}
ul#leftnav li a#last:hover, ul#leftnav li a#last.active
{
	width:189px;
	height: 30px;
	background: url(../images/nav/last_bg-trans.png) no-repeat bottom left;
}


/* Subnav */
ul#leftnav li ul
{
	background:#B68000;
	padding: 7px 0px 7px 0px;
	border-bottom: 1px solid #fff;
}

ul#leftnav li ul li a
{
	background-image: none;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
}
ul#leftnav li ul li a.active
{
	background-image: none;
	text-decoration: underline;
}
ul#leftnav li ul li a:hover
{
	background-image: none;
	text-decoration: underline;
}

/* advatorials nav to download files */
.grid_3 ul#advatorials li
{
	list-style-type:none;
	margin:0;
	margin-left:10px;
}

.grid_3 ul#advatorials li a
{
	display: block;
	width: 240px;
	height: 29px;
	line-height: 29px;
	background: url(../images/advatorial_middlebg.gif) no-repeat top left;
	color: #fff;
	text-decoration: none;
	padding-left: 30px;
	list-style-type: none;
}
.grid_3 ul#advatorials li a:hover, .grid_3 ul#advatorials li a.active
{
	text-decoration:underline;
}
.grid_3 ul#advatorials li a#first
{
	color:#8b0307;
	font-weight:bold;
	font-size:13px;
	width:240px;
	height:29px;
	text-align:center;
	padding:0;
	background: url(../images/advatorial_topbg.gif) no-repeat top left;
}
.grid_3 ul#advatorials li a#first:hover, .grid_3 ul#advatorials li a#first.active
{
	text-decoration:none;
}

.grid_3 ul#advatorials li a#last
{
	width:240px;
	height:30px;
	background: url(../images/advatorial_bottombg.gif) no-repeat top left;
}


 /* special offers link */
#leftPanel ul#offer
{
	width:189px;
	height:82px;
	float:left;
	background:url(../images/offer.jpg) no-repeat top left;
	display:block;
}
#leftPanel ul#loyalty
{
	width:189px;
	height:100px;
	float:left;
	background:url(../images/loyaltyimg.gif) no-repeat top left;
	display:block;
	margin-bottom:20px;
}
#leftPanel ul#offer li
{
	width:189px;
	float:left;
	display:block;		
}
#leftPanel ul#offer li.offerboldtxt, #leftPanel ul#loyalty li.loyaltyboldtxt
{
	width:189px;
	float:left;
	padding:10px 0 0 10px;
	font-size:18px;
	color:#8b0307;
	font-weight:bold;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#leftPanel ul#loyalty li.loyaltytxtsmall
{
	font-size:9px;
	width:189px;
	float:left;
	padding:5px 0 0 10px;
	line-height:16px;
	color:#8b0307;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#leftPanel ul#offer li.offertxt, #leftPanel ul#loyalty li.loyaltytxt
{
	width:189px;
	float:left;
	padding:5px 0 0 10px;
	font-size:10px;
	line-height:16px;
	color:#8b0307;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#leftPanel ul#offer li.offertxt:hover
{
	text-decoration:underline;
}

#leftPanel .logo
{
	position:absolute;
	top:15px;
	left:15px;
	width:148px;
	height:174px;
	background:url(../images/logo-trans.png) no-repeat;
}
/* main title information */
#header
{
	float:left;
	position:absolute;
	top:25px;
	left:250px;
	width:660px;
	height:162px;
}
#header h1
{
	float:left;
	width:561px;
	font-family: Georgia;
	font-size:32px;
	font-weight:normal;
	color:#fff;
	margin: 35px 0 20px 15px;
	padding-bottom:3px; /* ie text cut fix */
	
}
#header p
{
	float:left;
	font-family: Arial;
	font-size:14px;
	color:#fff;
	margin-left:15px;
}
#header .goldlady
{
	float:left;
	width:64px;
	height:162px;
	background:url(../images/gold_lady-trans.png) no-repeat top left;
	margin-right:20px;
}

#content
{
	float:left;
	margin-top:0;
	width:100%;
	background-color:#fff;
}

#content h1
{
	font-size:18px;
	margin-bottom:10px;
}

.grid_10 p
{
	padding:20px;
}

#content span
{
	float:left;
}
#content .colTitles
{
	padding-left:30px;
	line-height:22px;
	margin-bottom:10px;
	font-size:14px;
	color:#616161;
	font-weight:bold;
}
#maincontent
{
	float: left;
	position: relative;
	width:721px;
	padding:25px;
	line-height:20px;
}
#maincontent ul
{
	padding:5px;
	color:#000;
}

#maincontent ul li
{
	margin-bottom:15px;
}
.offerheader
{
	font-size:20px;
	color:#8b0307;
	font-weight:bold;
	margin:0;
	
}

.offercost
{
	font-size:17px;
	color:#8b0307;
	font-weight:bold;
	margin:0;
}
.center
{
	text-align:center;
	margin:0;
}

#maincontent .joemma
{
	width:405px;
	height:549px;
	background:url(../images/jo-emma-lavin.jpg) no-repeat top left;
}


/* beauty pages */
#beautycontent
{
	float: left;
	position: relative;
	width:721px;
	padding:0px;
	margin-top:32px;
	margin-bottom:20px;
	line-height:20px;
}

#beautycontent h5, #beautycontent p
{
	padding:0px 0px 0px 0px;
}
#beautycontent .grid_4
{
	width:345px;
}
#beautycontent .grid_4 h5
{
	color:#8C0000;
	margin-top:10px;
}
#beautylist
{
	float:left;
	list-style-type:disc;
	padding-left:17px;
	margin-bottom:20px;
}
#maincontent .health-logo
{
	float:right;
	width:150px;
	height:85px;
	margin-top:60px;
	background:url(../images/hiw-logo.jpg) no-repeat top left;
}
.leftgap
{
	margin-left:21px;
}

#beautycontent .grid_4 table
{
	margin-left:13px;
}
#beautycontent .grid_4 .goldBox
{
	float:left;
	width:315px;
	color:#FFF;
	padding:10px;
	background-color:#D2A84F;
	margin-bottom:15px;
}


/* news section */
#tips
{
	width:155px;
	height:220px;
	float:left;
	margin:0px;
	margin:0px 10px 0 0px;
}
.loyalty
{
	background:url(../images/loyalty.jpg) no-repeat top left;
}
.axiuum
{
	background:url(../images/Axiuum.jpg) no-repeat top left;
}
.l900
{
	/* background:url(images/l900.jpg) no-repeat top left; */
}

#tips ul
{
	width:247px;
	float:left;
	margin:0px;
	padding:0px;
	display:block;
}
#tips ul li
{
	width:247px;
	float:left;
	margin:0px;
	padding:0px;
	display:block;
}

#tips ul li.topsboldtxt
{
	width:247px;
	height:17px;
	float:left;
	margin:0px;
	padding:3px 0 0 0;
	font-family: verdana;
	font-size:12px;
	font-weight:bold;
	color:#f5ffac;
	background-image:url(../images/tipsboldtxtbg.jpg);
	background-repeat:no-repeat;
}
#tips ul li .topsnum
{
	width:23px;
	float:left;
	margin:0px;
	padding:0 0 0 6px;
	font-family: Georgia;
	font-size:15px;
	font-weight:bold;
	color:#fff600;
	line-height:12px;
}
#tips ul li.topstxt
{
	width:228px;
	height:17px;
	float:left;
	margin:0px;
	padding:3px 0 0 5px;
	font-family:verdana;
	font-size:11px;
	color:#f5ffac;
}
#tips ul li.postdate
{
	width:228px;
	float:left;
	margin:0px;
	padding:3px 0 17px 0;
	font-family: verdana;
	font-size:11px;
	font-weight:bold;
	color:#fff600;
	text-align:right;
}
/* news section */
#bottom
{
	width:899px;
	height:237px;
	float:left;
	margin:15px 0px 20px 0px;
	padding:20px;
	background:#F3F4CA;
	border-top: 1px solid #DBDBA5;
	border-bottom: 1px solid #DBDBA5;
}
.container_12 ul#news
{
	float:left;
	width:392px;
	float:left;
	margin:0 0 20px 10px;
	padding:0px 0 0 0px;
	display:block;
	background:#F3F4CA;
}
.container_12 ul#news li
{
	width:387px;
	float:left;
	margin:0px;
	padding:0px;
	display:block;		
}
.container_12 ul#news li.bottomheading h3
{
	width:287px;
	float:left;
	margin:0px;
	padding:0 0 9px 0;
	font-family:Georgia;
	font-size:30px;
	font-weight:normal;
	color:#8b0307;
}
.container_12 ul#news li.bottomboldtxt
{
	width:392px;
	float:left;
	margin:0px;
	padding:0 0 6px 0;
	font-family: verdana;
	font-size:12px;
	font-weight: bold;
	color:#000;
}
.container_12 ul#news li.bottomtxt
{
	width:387px;
	float:left;
	margin:0px;
	padding:0 0 10px 0;
	font-family: verdana;
	font-size:12px;
	color:#000;
}

.container_12 ul#news li a.more
{
	width:40px;
	height:16px;
	float: right;
	padding:2px 0 0 0;
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	text-decoration:none;
	background-image:url(../images/more.jpg);
	background-repeat:no-repeat;
}
.container_12 ul#news li a.more:hover
{
	text-decoration:underline;
}

/* the overlayed element */
.simple_overlay 
{	
	display:none; /* must be initially hidden */
	z-index:10000; /* place overlay on top of other elements */
	background-color:#333;
	width:155px;	
	min-height:220px;
	border:1px solid #666;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

.simple_overlay .close 
{
	background-image:url(../images/close-trans.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* styling for elements inside overlay */ 
#triggers 
{
	text-align:center;
}

#triggers img 
{
	cursor:pointer;
	margin:0 5px;
	background-color:#fff;
	padding:2px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
/* change of details form */
#formContainerDetails
{
	float:left;
	width:431px;
	color:#000;
	margin-top:15px;
}
#changeDetails label
{
	float:left;
	width:165px;
	height:20px;
	display:block;
	margin-bottom:10px;
	margin-top:5px;
}
#changeDetails input
{
	
	width:250px;
	height:17px;
	display:block;
	padding-top:3px;
	margin-bottom:10px;
}
#changeDetails .username
{
	display:none;
	border:0;
}
#changeDetails .checkbox
{
	float:left;
	width:10px;
	height:10px;
	display:block;
}
#changeDetails .submit
{
	clear:both;
	float:right;
	text-align:right;
	margin-right:10px;
	padding:0;
}	
#changeDetails button
{
	clear:both;
	position:relative;
	width:40px;
	height:18px;
	line-height: 18px;
	border:none;
	background:url(../images/more.jpg) no-repeat top left;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	text-align:left;
	font-size:11px;
	margin-top:18px;
}
#changeDetails a.more:hover
{
	text-decoration:underline;
}
/* quality assurance form */
#formContainerQuality 
{
	float:left;
	width:431px;
	color:#000;
	margin-top:15px;
}
#qualityform label
{
	float:left;
	width:170px;
	height:20px;
	margin-bottom:10px;
	margin-top:5px;
}
#qualityform .messagelbl
{
	float:left;
	width:431px;
	height:40px;
	margin-bottom:10px;
	margin-top:5px;
}
#qualityform input
{
	float:left;
	width:250px;
	height:17px;
	display:block;
	padding-top:3px;
	margin-bottom:10px;
}
#qualityform .fieldlbl
{
	float~:left;
	width:431px;
	height:40px;
}
#qualityform .username
{
	display:none;
	border:0;
}
#qualityform select
{
	float:left;
	width:250px;
	height:23px;
	margin-bottom:16px;
}
#qualityform textarea
{
	float:right;
	width:425px;
	height:60px;
}
#qualityform radio
{
	width:250px;
}
#qualityform .checkbox
{
	float:left;
	width:10px;
	height:10px;
	display:block;
}
#qualityform .submit
{
	clear:both;
	float:right;
	text-align:right;
	margin-right:10px;
	padding:0;
}	
#qualityform button
{
	clear:both;
	position:relative;
	width:40px;
	height:18px;
	line-height: 18px;
	border:none;
	background:url(../images/more.jpg) no-repeat top left;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	text-align:left;
	font-size:11px;
	margin-top:18px;
}

#qualityform a.more:hover
{
	text-decoration:underline;
}
/* ----------------------------- */

#maincontent h3
{
	float:left;
	width:721px;
	font-family: Georgia;
	font-size:25px;
	font-weight:normal;
	color:#8b0307;
	margin-bottom:10px;
	padding: 2px 0 4px 0;
}
/* contact form */
#formContainer
{
	float:left;
	width:308px;
}
#contactForm label
{
	float:left;
	width:145px;
	color:#000;
	margin-bottom:10px;
}
#contactForm input
{
	float:right;
	height:17px;
	padding-top:3px;
}
#contactForm input
{
	width:150px;
	margin-bottom:10px;
}
#contactForm textarea
{
	float:right;
	width:150px;
	margin-bottom:10px;
}
#contactForm p.submit
{
	clear:both;
	float:right;
}	
#contactForm button
{
	position:relative;
	width:40px;
	height:18px;
	line-height: 18px;
	border:none;
	background:url(../images/more.jpg) no-repeat top left;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	text-align:left;
	font-size:11px;
	margin-top:18px;
	padding-bottom: 3px;
}

/* mailing list */

#mailinglist
{
	float:left;
	width:308px;
}
#mailinglist input
{
	float:left;
	width:169px;
	height:17px;
	margin-bottom:10px;
}
#mailinglist label
{
	float:left;
	width:130px;
	height:17px;
	margin-bottom:10px;
}

div#subscribeForm
{
	position: relative;
	width: 500px;
	height: 21px;
	margin: 20px 0;
}
#mailinglist .submit
{
	float:right;
}	
#mailinglist button
{
	position:relative;
	width:40px;
	height:18px;
	line-height: 18px;
	border:none;
	background:url(../images/more.jpg) no-repeat top left;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	text-align:left;
	font-size:11px;
	margin-top:18px;
	padding-bottom: 3px;
}
#mailinglist a.more:hover
{
	text-decoration:underline;
}

/* change of details form */

#changeDetails .submit
{
	clear:both;
	float:right;
	text-align:right;
	margin-right:10px;
	padding:0;
}	
#changeDetails button
{
	clear:both;
	position:relative;
	width:40px;
	height:18px;
	line-height: 18px;
	border:none;
	background:url(../images/more.jpg) no-repeat top left;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	text-align:left;
	font-size:11px;
	margin-top:18px;
}
img#loader
{
	display: none;
}
div#notice
{
	position: absolute;
	width: 260px;
	height: 60px;
	padding: 20px;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -150px;
	background-color: #be9e55;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #000;
	border-width: 2px;
	color: #fff;
	font-size: 12px;
	line-height: 17px;
	display: none;
}
div#notice img
{
	margin-bottom: 10px;
}
div#notice a
{
	position: absolute;
	top: 20px;
	right: 20px;
	display: block;
	width: 13px;
	height: 13px;
	background: url(../images/close_window.png) no-repeat top left;
}
div#notice a:hover
{
	background-position: bottom left;
}

/* Brochure links on main page */
#products
{
	position:relative;
	width:660px;
	float:left;
	display:block;
	margin-top:15px;
}
.containLink
{
	position:relative;
	float:left;
	width:184px;
	height:130px;
	margin:0px 25px 0px 0px;
	padding:0px;
}

#products ul li
{
	width:202px;
	float:left;
	padding:0px;
	margin: 0 0 5px 0;
	display:block;
	list-style-type:none;
}
#maincontent .productpic
{
	float:left;
	width:184px;
	height:78px;
	margin:0;
	padding:0px;
	border:3px solid #B68000;
	background:url(../images/productpic.jpg) no-repeat top left;
}
#maincontent .productpic01
{
	float:left;
	width:184px;
	height:78px;
	margin:0;
	padding:0px;
	border:3px solid #B68000;
	background:url(../images/productpic03.jpg) no-repeat top left;
}
#maincontent .productpic02
{
	float:left;
	width:184px;
	height:78px;
	margin:0;
	padding:0px;
	border:3px solid #B68000;
	background:url(../images/productpic02.jpg) no-repeat top left;
}
#products .productboldtxt
{
	float:left;
	margin:0px;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	color:#8b0307;
}
#products a
{
	cursor:pointer;
}
#products .containLink .more
{
	clear:both;
	position:absolute;
	right:0;
	bottom:0;
	width:40px;
	height:18px;
	padding-left:5px;
	line-height:18px;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	margin:0 0 0 5px;
	background:url(../images/more.jpg) no-repeat top left;
}

#products li.more:hover
{
	text-decoration:underline;
}
.producttxt
{
	font-family:verdana;
	font-size:12px;
	margin:0;
	color:#000;
}


/* semi perm pages */
#maincontent p
{
	margin-bottom:15px;
}
#maincontent .claire
{
	float:right;
	width:162px;
	height:324px;
	border:2px solid #be9e55;
	background:url(../semiperm/images/claire-price3.jpg) no-repeat top left;
	margin-bottom:80px;
}
#maincontent .signature
{
	float:right;
	margin-top:25px;
	width:68px;
	height:58px;
	background:url(../semiperm/images/signiture.jpg) no-repeat top left;
}
#maincontent .ribbon
{
	width:350px;
	height:262px;
	background:url(../advanced/images/ribbon.jpg) no-repeat top left;
}
#maincontent .subtxt
{
	clear:both;
	float:left;
	width:721px;
	margin-top:20px;
	line-height:15px;
	font-size:10px;
}
#maincontent .lash
{
	float:left;
	width:234px;
	padding-right:20px;
}
.gaptop
{
	margin-top:15px;
}
#maincontent .grid_1, #maincontent .grid_2
{
	height:331px;
}
.red
{
	background-color:#8b0307;
}
.gold
{
	background-color:#be9e55;
}

#maincontent .grid_3
{
	margin-left:15px;
}
#maincontent h4
{
	font-size:19px;
	font-weight:normal;
	color:#8b0307;
	padding-bottom:15px;
}
#maincontent h5
{
	font-size:13px;
	font-weight:bold;
	color:#8b0307;
}
.constructionSteps
{
	font-weight:normal;
	height:20px;
	margin-bottom:10px;
}
.grid_3 .arrowright
{
	float:right;
	width:53px;
	height:20px;
	background:url(../semiperm/images/arrowright.png) no-repeat top left;
}
.grid_3 .arrowleft
{
	float:left;
	width:53px;
	height:20px;
	background:url(../semiperm/images/arrowleft.png) no-repeat top left;
}
.desc
{
	float:left;
	width:220px;
	height:40px;
	text-align:center;
}
.picenclose
{
	width:721px;
	height:120px;
	margin-bottom:20px;
}
.adpicbox1
{
	float:left;
	width:163px;
	height:120px;
	margin-right:5px;
}

.adpicbox2
{
	float:left;
	width:148px;
	height:114px;
	background:#f00;
	margin-bottom:20px;
}
.picboxgap
{
	margin-right:20px;
}
.adpicbox3
{
	float:left;
	width:163px;
	height:163px;
}

.hair-removal1
{
	background:url(../advanced/images/hair-removal-before.jpg) no-repeat top left;
}
.hair-removal2
{
	background:url(../advanced/images/hair-removal-after.jpg) no-repeat top left;
}
.age-spot1
{
	background:url(../advanced/images/agespot1.jpg) no-repeat top left;
}
.age-spot2
{
	background:url(../advanced/images/agespot2.jpg) no-repeat top left;
}
.age-spot3
{
	background:url(../advanced/images/agespot3.jpg) no-repeat top left;
}
.age-spot4
{
	background:url(../advanced/images/agespot4.jpg) no-repeat top left;
}
.veins1
{
	background:url(../advanced/images/veins-before.jpg) no-repeat top left;
}
.veins2
{
	background:url(../advanced/images/veins-after.jpg) no-repeat top left;
}

#maincontent ul li
{
	margin-left:15px;
	list-style-type:disc;
}

#maincontent ul.lash-list li
{
	padding:0 0 0 0;
	margin:0 0 0 10px;
}

/* price guide */
th
{
	text-align:left;
}
/* beauty pic */
#beauty_pic
{
	float:left;
	width:375px;
	height:346px;
}
#beauty_header
{
	float:left;
	padding:20px;
	width:306px;
	height:306px;
	background:#8C0000;
}
#beauty_header h4
{
	color:#FFF;
	font-size:12px;
}

#beauty_header p
{
	font-size:11px;
	line-height:12px;
	color:#FFF;
	padding:0;
}

#beauty_header #beauty_title
{
	float:left;
	width:326px;
	height:79px;
	margin-bottom:spx;
}
.price
{
	color:#D2A84F;
	font-size:12px;
	margin:0;
}
.gap
{
	margin-top:10px;
}
.removegap
{
	margin-bottom:0;
}
.beauty_image
{
	float:right;
	margin-top:20px;
}
/* Footer --------------------- */
div#footercontainer
{
	float:left;
	width:100%;
	padding:20px 0 20px 0;
	background:#8b0307;
	border-top:1px solid #1d1312;
}
#footer ul li /* makes it work in ie */
{
	float: left;
	display:block;		
}
#footer ul li.footersap
{
	float: left;
	font-family:Arial;
	font-size:10px;
	color:#ffcbcc;
}
#footer ul li a.footer
{
	float: left;
	padding:0 8px 0 8px;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	color:#ffcbcc;
	text-align:center;
	text-decoration:none;
}
#footer ul li a.footer:hover
{
	text-decoration: underline;		
}
#footer ul li a.footerhome
{
	float: left;
	padding:0 8px 0 0;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	color:#ffcbcc;
	text-align:center;
	text-decoration:none;
}
#footer ul li a.footerhome:hover
{
	text-decoration: underline;		
}
#footer ul li.copyrights
{
	width:939px;
	float: left;
	padding:11px 0 0 0;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	color:#b97272;
	text-decoration:none;
}
#footer .serene
{
	color:#fff;
	text-decoration:none;
	font-size:9px;
}
#footer a.serene:hover
{
	text-decoration: underline;
}