html,body{height:100%; background-color:#fff;}
body{
   height: 100%;
}
#wrapper{
	margin-left: auto;
	margin-right: auto;
	width: 955px;
	min-height:845px;
	height: auto !important;
	min-height:100%;
	background-color:#fff;
	color: #BB338D;
	margin-top: 0px;
}

div.nudge{
   height: 100px;
   clear: both;
}

#sidebar{
	position:absolute;
	width: 206px;
	float:left;
}

#nav{
flat:left;
padding-left:61px;
}

#nav_content{
float:left;
padding-left:61px;
padding-top:215px;
}

#nav_bottom{
float:left;
padding-left:0px;
padding-top:0px;
padding-bottom:20px;   /* Height of the footer */
}

#content{
	min-height:850px;
	width: 633px;
	float: right;
}

#maincontent{
	width: 955px;
	float: left;
	padding-top:345px;
}

#footer{
height: 100px;
   clear: both;
   position: relative;

}



.navtable
{
	background: #fff url(images/navback_middle.gif) repeat-y;
	position: absolute;
	color: #000;
	font: bold 16px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.navtable2
{
	background: #fff url(images/navback_middle.gif) repeat-y;
	color: #000;
	font: bold 16px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.purpletable {
	background-image: url(images/pinkcutout_middle.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.graytable_top{background: #fff url(images/graytable_topgray.gif) repeat-x;
color: #BB338D; font:12px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
font-weight: bold;
}
.graytable_middleleft{background: #fff url(images/graytable_middleleft.gif) repeat-y;}
.graytable_middleright{background: #fff url(images/graytable_middleright.gif) repeat-y;}
.graytable_content{color: #BB338D; font:10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;}
.graytable_bottom{background: #fff url(images/graytable_bottommiddle.gif) repeat-x;}


.smallpurpletable_top{background: #fff url(images/purpletable_topmiddle.gif) repeat-x;
color: #fff; font:12px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
font-weight: bold;
}
.smallpurpletable_middleleft{background: #fff url(images/purpletable_middleleft.gif) repeat-y;}
.smallpurpletable_middleright{background: #fff url(images/purpletable_middleright.gif) repeat-y;}
.smallpurpletable_content{color: #BB338D; font:10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;}
.smallpurpletable_bottom{background: #fff url(images/purpletable_bottommiddle.gif) repeat-x;}

.purple_headline{
	font: bold 16px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	color: #FFFFFF;
}

.purple_subhead{
	font: bold 14px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	color: #BB338D;
}

.orange_subhead{
	font: bold 14px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	color: #F29D3E;
}

.purple_copy{
	font-size: 10px; 
	font-style: regular;
	color:#BB338D;
	line-height: 115%;
}

.purple_bold{
	font-size: 10px; 
	font-style: regular;
	color:#BB338D;
	font-weight: bold;
}

.purple_italic{
	font-size: 10px; 
	font-style: italic;
	color:#BB338D;
	font-weight: bold;
}

.orange_copy{
	font-size: 10px; 
	font-style: regular;
	color:#F29D3E;
	line-height: 115%;
	font-weight: bold;
}

.orange_headline {
	font-size: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #F29D3E;
}

.pink_headline {
	font-size: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #BB338D;
}

.pink_headlineunderline {
	text-decoration:underline;
}

.testimonial_gray {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #999;
}

.testimonial_grayname {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #999;
}

.testimonial_graycopy {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
}

.testimonial_purpledate {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #BB338D;
}

.testimonial_orange {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #F29D3E;
}

.testimonial_blue {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #5285C4;
}

.testimonial_black {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
}

.orange {
	color: #F29D3E;
}
	
/* -------------------------- */
/* ---- AZAP Link Styles ---- */
/* -------------------------- */
a.footerlink:link {color: #666; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px;  }
a.footerlink:visited {color: #666; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px;  }
a.footerlink:hover {color: #F29D3E; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px;  }
a.footerlink:active {color: #666; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px;  }

a.nav:link {font: bold 16px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; text-decoration:none; color: #000;}
a.nav:visited {font: bold 16px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; text-decoration:none; color: #000;}
a.nav:hover {font: bold 16px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; text-decoration:none; color: #F29D3E;}
a.nav:active {font: bold 16px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; text-decoration:none; color: #666;}
	
	
/* ---------------------------------- */
/* ---- AZAP Product Page Styles ---- */
/* ---------------------------------- */
.white_headline{
	font: bold 24px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	color: #fff;
}

.white_copy {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
}

/* ------------------------------------ */
/* ---- AZAP Acne Info Page Styles ---- */
/* ------------------------------------ */
.white_subheadline{
	font: bold 16px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	color: #fff;
}


/* -------------------------- */
/* ---- AZAP Link Styles ---- */
/* -------------------------- */
a.azaptest {
display: block;
width: 280px;
height: 117px;
background: url("images/takeAZAPtest_orange.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.azaptest {
background-position: -280px 0;
}

a.create {
display: block;
width: 165px;
height: 44px;
background: url("images/header/createlogin.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.create {
background-position: -165px 0;
}

a.login {
display: block;
width: 165px;
height: 44px;
background: url("images/header/customerlogin.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.login {
background-position: -165px 0;
}

a.whyazap {
display: block;
width: 197px;
height: 129px;
background: url("images/whyazapbutton.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.whyazap {
background-position: -197px 0;
}

a.purchasenow {
display: block;
width: 279.5px;
height: 116px;
background: url("images/purchasenow.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.purchasenow {
background-position: -280px 0;
}

a.largetest {
display: block;
width: 304px;
height: 225px;
background: url("images/taketestlarge.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.largetest {
background-position: -304px 0;
}

a.mainoily {
display: block;
width: 279px;
height: 114px;
background: url("images/oilyskin_button.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.mainoily {
background-position: -279px 0;
}

a.mainnormal {
display: block;
width: 279px;
height: 114px;
background: url("images/normalskin_button.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.mainnormal {
background-position: -279px 0;
}


a.arrow {
display: block;
width: 50px;
height: 53px;
background: url("images/arrow.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.arrow {
background-position: -50px 0;
}