body  {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0 0 10px 0; 
	padding: 0;
	text-align: center;
	color: #777777;
	background-image: url(../../images/top-nav/top-pattern.gif);
	background-repeat: repeat-x;
}
a:link { color: #0b304b; text-decoration: none; }
a:visited { color: #0b304b; text-decoration: none; }
a:hover { color: #1b4768; text-decoration: underline; }
a:active { color: #0b304b; text-decoration: none; }
.darkBlue { color: #2f678f } 
.lightBlueBG { background-color: #cce4f7 }
.modalBasketbg { background-color: #000000; filter:alpha(opacity=70); opacity:0.7; }
h1, h2, h3, h4, h5 { font-weight: normal; }
#container { 
	width: 1000px; 
	margin: 0 auto;
	text-align: left;
} 
#header { 
	margin: 11px 0 0 0;
	padding: 5px 0 10px 0;
	height: 130px;
}
#logo {
	float: left;
	margin: 30px 0 0 0;
	padding: 0;
}

/* Top navigation for displaying Home and About links in top-right corner of page */
#topNav {
	float: right;
	margin: 0;
	padding: 0;
	font-size: 90%;
}
#topNav ul { 
	padding: 0;
	margin: 0;
}
#topNav li { 
	display: inline;
	padding: 0 10px;
	margin: 0;
	list-style: none;
}
#topNav a:link { color: #DDDDDD; text-decoration: none; }
#topNav a:visited { color: #DDDDDD; text-decoration: none; }
#topNav a:hover { color: #DDDDDD; text-decoration: underline; }
#topNav a:active { color: #DDDDDD; text-decoration: none; }

#mainNav {
	float: right;
	margin: 49px 0 0 0;
	padding: 0;
}
#mainNav ul {
	height: 40px;
	padding: 0;
	margin: 0;
}
#mainNav li { 
	display: inline;
	padding: 0;
	margin: 0;
	list-style: none;
}
#mainNav a:link { color: #999999; text-decoration: none; }
#mainNav a:visited { color: #999999; text-decoration: none; }
#mainNav a:hover { color: #444444; text-decoration: underline; }
#mainNav a:active { color: #999999; text-decoration: none; }

/* Middle navigation for displaying product categories */
#middleNav { 
	padding: 5px;
	margin: 0;
	text-align: right;
	background-color: #CCCCCC;
	font-size: 120%;
    height: 18px;
}
#middleNav ul { 
	padding: 0;
	margin: 0;
}
#middleNav li { 
	display: inline;
	padding: 0 10px;
	margin: 0;
	list-style: none;
	
}
#middleNav a:link { color: #888888; text-decoration: none; }
#middleNav a:visited { color: #888888; text-decoration: none; }
#middleNav a:hover { color: #FFFFFF; text-decoration: none; }
#middleNav a:active { color: #888888; text-decoration: none; }
#middleNav select { font-family: Verdana; font-size: 70%; padding: 1px; color: #555555; border: solid 1px #2f678f; }
.ProductTypeParent option { font-weight: bold; font-size: 170%; }

/* Middle sub navigation for displaying products */
#middleSubNav { 
	padding: 5px;
	margin: 0;
	text-align: right;
	background-color: #BBBBBB;
	font-size: 100%;
}
#middleSubNav ul { 
	padding: 0;
	margin: 0;
}
#middleSubNav li { 
	display: inline;
	padding: 0 7px;
	margin: 0;
	list-style: none;
}
#middleSubNav a:link { color: #FFFFFF; text-decoration: none; }
#middleSubNav a:visited { color: #FFFFFF; text-decoration: none; }
#middleSubNav a:hover { color: #EEEEEE; text-decoration: none; }
#middleSubNav a:active { color: #FFFFFF; text-decoration: none; }
#prodContentContainer {
	margin: 0;
	padding: 0;
	border-left: 1px solid #cbcbcb;
	border-right: 1px solid #cbcbcb;
	border-bottom: 4px solid #cbcbcb;
}
#prodLeftCol {
	float: left;
	width: 90px;
	padding: 13px 8px 13px 13px;
	margin: 0;
	position: absolute;
}
#prodLeftCol p { 
	margin: 0;
	padding: 0;
}
#prodRightCol {
	float: right;
	width: 550px;
	padding: 0;
}
#prodRightCol p { 
	margin: 13px 0;
	padding: 0;
	line-height: 17px;
}
#prodRightCol h1 { 
	color: #2f678f;
	margin: 13px 0;
	padding: 0;
	font-size: 180%;
	font-weight: normal;
}
#prodRightCol h2 { 
	color: #2f678f;
	margin: 13px 0;
	padding: 0;
	font-size: 140%;
	font-weight: normal;
}
#prodRightCol h3 { 
	color: #2f678f;
	margin: 13px 0;
	padding: 0;
	font-size: 120%;
}
#prodMiddleCol { 
	margin: 0 555px 0 112px;
	padding: 73px 0 20px 0;
	text-align: center;
	
}
#prodMiddleCol a:link { color: #888888; text-decoration: none; }
#prodMiddleCol a:visited { color: #888888; text-decoration: none; }
#prodMiddleCol a:hover { color: #888888; text-decoration: none; }
#prodMiddleCol a:active { color: #888888; text-decoration: none; }
.productListItemImage {
    height: 125px; vertical-align: bottom;
}
.productListItemName {
    vertical-align: top;
}

/* Category page styles */
.categoryMainImage {
	width: 998px;
	height: 532px;
	margin: 0;
	padding: 20px 0 30px 0;
	border-left: 1px solid #cbcbcb;
	border-right: 1px solid #cbcbcb;
	border-bottom: 4px solid #cbcbcb;
}
#categoryContentContainer 
{
    width: 490px;
    position: relative;
    filter: alpha(opacity=85);
    moz-opacity: .85;
	margin: 0px 20px auto 470px;
	padding: 13px 13px 13px 0;
	background-color: #FFFFFF;
}
#categoryLeftColumn {
	padding: 0 0 0 13px;
	margin: 0;
}
#categoryRightColumn 
{
	float: right;
	width: 370px;
	padding: 0 0 0 14px;
	margin: 0;
}
#categoryRightColumn p { 
	margin: 13px 0;
	padding: 0;
	line-height: 15px;
}
#categoryRightColumn li { 
	margin: 0;
	padding: 0;
	line-height: 15px;
	list-style-type: circle;
}
#categoryRightColumn ul { 
	margin: 0 0 0 22px;
	padding: 0;
}
#categoryRightColumn h1 { 
	color: #2f678f;
	margin: 0 0 13px 0;
	padding: 0;
	font-size: 180%;
	font-weight: normal;
}
#categoryRightColumn h2 { 
	color: #2f678f;
	margin: 13px 0;
	padding: 0;
	font-size: 120%;
	font-weight: normal;
}
#categoryRightColumn h3 { 
	color: #2f678f;
	margin: 13px 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}

/* Standard styles for our treatments, our products page */
#standardMainColumn 
{
    width: 440px;
    position: relative;
    filter: alpha(opacity=85);
    moz-opacity: .85;
	margin: 0px 20px auto 500px;
	padding: 13px 13px 13px 13px;
	background-color: #FFFFFF;
}
#standardMainColumn h1 { 
	color: #2f678f;
	margin: 0 0 13px 0;
	padding: 0;
	font-size: 180%;
	font-weight: normal;
}
#standardMainColumn h2 { 
	color: #2f678f;
	margin: 13px 0;
	padding: 0;
	font-size: 140%;
	font-weight: normal;
}
#standardMainColumn h3 { 
	color: #2f678f;
	margin: 13px 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}
#standardMainColumn p { 
	margin: 13px 0;
	padding: 0;
	line-height: 15px;
}
#standardMainColumn li { 
	margin: 5px 0;
	padding: 0;
	line-height: 15px;
	list-style-type: circle;
}
#standardMainColumn ul { 
	margin: 0 0 0 22px;
	padding: 0;
}

/* Home page styles */
#homeMainImage {
	width: 998px;
	height: 200px;
	margin: 0;
	padding: 330px 0 45px 0;
	border-left: 1px solid #cbcbcb;
	border-right: 1px solid #cbcbcb;
	border-bottom: 4px solid #cbcbcb;
	background-image: url(../../images/splashed-woman-homepage.jpg);
	background-repeat: no-repeat;
	background-color: #FAFAFA;
}
#homeContentContainer 
{
    width: 928px;
	margin: 0px 30px auto 30px;
	padding: 13px 13px 16px 0;
	background-color: #FFFFFF;
	position: relative;
	filter: alpha(opacity=90);
    moz-opacity: .90;
}
#homeLeftColumn {
	float: left;
	width: 440px;
	padding: 0 0 0 13px;
	margin: 0;
}
#homeLeftColumn p { 
	margin: 13px 0 0 0;
	padding:0;
	line-height: 17px;
}
#homeLeftColumn h1 { 
	color: #2f678f;
	margin: 0;
	padding: 0;
	font-size: 150%;
	font-weight: normal;
}
#homeRightColumn {
	float: right;
	width: 190px;
	padding: 0 13px 0 14px;
	margin: 0;
}
#homeRightColumn p { 
	margin: 13px 0 0 0;
	padding: 0;
	line-height: 17px;
}
#homeRightColumn h2 { 
	color: #2f678f;
	margin: 0 0 13px 0;
	padding: 0;
	font-size: 150%;
	font-weight: normal;
}
/*#homeMiddleColumn { 
	margin: 0 215px 0 470px;
	padding: 0 13px 0px 13px;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
}*/
#homeMiddleColumn { 
	margin: 0 0 0 470px;
	padding: 0 13px 0px 13px;
	border-left: 1px solid #EEEEEE;
}
#homeMiddleColumn p { 
	margin: 13px 0 0 0;
	padding: 0;
}
#homeMiddleColumn h2 { 
	color: #2f678f;
	margin: 0 0 13px 0;
	padding: 0;
	font-size: 150%;
	font-weight: normal;
}
#TopNav1 { 
	padding: 5px;
	margin: 0;
	text-align: right;
	background-color: #CCCCCC;
	font-size: 120%;
	height: 42px;
	border: 1px solid #EEEEEE;
}
#threeColLeftCol {
	float: left; 
	width: 150px; 
	padding: 0 0 10px 5px;
	position: absolute;
}
#threeColLeftCol h1 {
	padding: 0;
	font-size: 130%;
	color: #2f678f;
	margin: 15px 0 0 0;
	font-weight: normal;
}
#threeColLeftCol h2 {
	padding: 0;
	font-size: 120%;
	color: #2f678f;
	margin: 8px 0;
	padding: 0 0 0 0;
	font-weight: normal;
}
#threeColLeftCol hr {
	color: Red;
}
#threeColLeftCol .item {
	padding: 5px;
	border-bottom: #770000 solid 1px;
	margin: 0;
}
#threeColRightCol {
	float: right; 
	width: 200px; 
	padding: 0;
	margin: 0 10px 0 0;
}
#threeColRightCol h2 {
	padding: 0;
	font-size: 130%;
	color: #2f678f;
	margin: 15px 0 0 0;
	font-weight: normal;
}
#threeColRightCol h3 {
	padding: 0;
	font-size: 100%;
	color: #2f678f;
	margin: 15px 0 0 0;
	font-weight: bold;
}
#threeColRightCol p {
	line-height: 15px;
}
#threeColMainContent { 
	margin: 0 220px 0 160px;
	padding: 0 10px 10px 10px;
	border-left: #CCCCCC dashed 1px;
	border-right: #CCCCCC dashed 1px;
}
#threeColMainContent h1 { 
	color: #2f678f;
	margin: 0 0 13px 0;
	padding: 15px 0 0 0;
	font-size: 180%;
	font-weight: normal;
}
#threeColMainContent h2 { 
	color: #2f678f;
	margin: 13px 0;
	padding: 0;
	font-size: 140%;
	font-weight: normal;
}
#threeColMainContent h3 { 
	color: #2f678f;
	margin: 13px 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}
#threeColMainContent p { 
	margin: 13px 0 0 0;
	padding: 0;
	line-height: 17px;
}
#threeColMainContent .educationBar { width: 581px; height: 25px; padding: 7px 8px 0 7px; margin: 25px 0 10px 0; background-color: #cce4f7; }
#threeColMainContent .educationBar h2 { font-size: 125%; font-weight: bold; margin: 0; padding: 0; color: #2f678f; }

.storeInfo {
	padding: 10px 0;
	height: 280px;
	border-top: #CCCCCC dashed 1px;
}
.storeInfo h2 {
	margin: 0;
	padding: 0;
}
#footer { 
	height: 117px;
	padding: 0;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
}
#footer p {
	margin: 0;
	padding: 0;
	text-align: center;
}
#footer a:link { color: #888888; text-decoration: none; }
#footer a:visited { color: #888888; text-decoration: none; }
#footer a:hover { color: #FFFFFF; text-decoration: none; }
#footer a:active { color: #888888; text-decoration: none; }
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.MyAccountTable
{
 border-top:solid 2px #2f678f;    
}
#obabyRightColumn 
{
	float: right;
	width: 460px;
	padding: 0 0 0 14px;
	margin: 0;
}
#obabyRightColumn p { 
	margin: 13px 0;
	padding: 0;
	line-height: 15px;
}
#obabyRightColumn li { 
	margin: 0;
	padding: 0;
	line-height: 15px;
	list-style-type: circle;
}
#obabyRightColumn ul { 
	margin: 0 0 0 22px;
	padding: 0;
}
#obabyRightColumn h1 { 
	color: #2f678f;
	margin: 0 0 13px 0;
	padding: 0;
	font-size: 180%;
	font-weight: normal;
}
#obabyRightColumn h2 { 
	color: #2f678f;
	margin: 13px 0;
	padding: 0;
	font-size: 120%;
	font-weight: normal;
}
#obabyRightColumn h3 { 
	color: #2f678f;
	margin: 13px 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}

/* CSS for displaying tables of information */
.tableHeader { background-color: #2f678f; color: #FFFFFF; font-weight: bold; }
.tableItem { background-color: #ecf4fb; }
.tableAlternatingItem { background-color: #cce4f7; }

#basketLeftCol {
    float: left;
	width: 210px;
	padding: 0 8px 0 0 ;
	margin: 0;
	position: absolute;
}
#basketLeftCol p { 
	margin: 0;
	padding: 0;
}
#basketRightCol {
	float: right;
	width: 750px;
	padding: 0;
}
#basketRightCol p { 
    margin: 13px 0;
	padding: 0;
	line-height: 15px;
}
#basketRightCol h1 { 
	color: #1c2656;
	margin: 15px 0 5px 0;
	padding: 0;
	font-size: 160%;
}
#basketRightCol h2 { 
	color: #2f678f;
	margin: 13px 0;
	padding: 0;
	font-size: 120%;
	font-weight: normal;
}
#basketRightCol h3 { 
	color: #2f678f;
	margin: 13px 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}
#miniBasket {
	float: right;
	margin: 5px 0 0 0;
	padding: 0;
	height: 45px;
}
#miniBasketLeft {
 width: 247px; 
 padding: 3px 0 3px 3px;
 float: left;
}
#miniBasketRight {
 width: 147px; 
 padding: 3px 3px 3px 0;
 float: right;
}
#miniBasketLeft h1 { 
	color: #1c2656;
	padding: 0;
	margin: 0 0 5px 0;
	font-size: 140%;
}
#miniBasket p {
	margin: 0;
	padding: 0;
}
#footerNav { 
	padding: 0;
	height: 195px;
	margin: 0;
	color: #000000;
	text-align: left;
	font-size: 120%;
}
#footerNav p { 
	margin: 5px 0 0 3px;
	color: #000000;
	padding: 0;
	line-height: 17px;
}
#newsletterNav { 
	padding: 8px;
	float: right;
	background-image: url(../../images/promotions/small-newsletter-sign-up.jpg);
	margin: 0;
	background-repeat: no-repeat;
	color: #000000;
	text-align: left;
	font-size: 80%;
}
#newsletterNav p { 
	margin: 5px 0 0 3px;
	color: #000000;
	padding: 0 0 0 7px;
	line-height: 17px;
}
#newsletterNav a:link { color: #888888; text-decoration: none; }
#newsletterNav a:visited { color: #888888; text-decoration: none; }
#newsletterNav a:hover { color: #FFFFFF; text-decoration: none; }
#newsletterNav a:active { color: #888888; text-decoration: none; }
.treatmentList {
	height: 294px;
	width: 570px;
	padding: 7px;
	margin: 0;
}
.treatmentGroupCell { height: 280px; border-right: 1px solid #e8e8e8; }
.treatmentsCell { height: 280px; border-right: 1px solid #e8e8e8; }
.treatmentGroupPanel { width: 150px; height: 280px; overflow: auto; font-size: 90%;  }
.treatmentsPanel { width: 190px; height: 280px; overflow: auto; font-size: 90%;  }
.treatmentGroupPanel ul, .treatmentsPanel ul { padding: 0; margin: 0px 0 0 0; }
.treatmentGroupPanel li, .treatmentsPanel li { list-style-type: none; padding: 5px;}
.treatmentGroupPanel a:link, .treatmentsPanel a:link { color: #555555; text-decoration: none; }
.treatmentGroupPanel a:visited, .treatmentsPanel a:visited { color: #555555; text-decoration: none; }
.treatmentGroupPanel a:hover, .treatmentsPanel a:hover { width: 160px; color: #2f678f; background: #fff url(../../images/arrow-blue.gif) no-repeat right center; padding: 0px 7px 3px 0; }
.treatmentGroupPanel a:active, .treatmentsPanel a:active { width: 160px; color: #FFFFFF; background: #2f678f url(../../images/arrow-white.gif) no-repeat right center; padding: 1px 7px 3px 2px; }
.shortInfo { font-size: 90%; }
#mainContent .treatmentDetails { height: 264px; overflow-y: auto; width: 200px; padding: 7px; }
#mainContent .treatmentDetails h4 { margin: 0; padding: 0; text-align: center; }
#mainContent .treatmentDetails p { font-size: 85%; line-height: 13px; }
#mainContent .treatmentDetailsShortInfo { margin: 0; padding: 0; text-align: center; font-weight: bold; }
#mainContent .topDashedBorder { margin: 10px 0 0 0; padding: 0 auto 10px auto; border-top: dashed 1px #CCCCCC }
#mainContent .topDashedBorder h2 { margin: 10px 0 0 0; padding: 0; }
#galleryMainColumn 
{
    width: 460px;
    position: relative;
    filter: alpha(opacity=85);
    moz-opacity: .85;
	margin: 0px 20px auto 500px;
	padding: 13px 13px 13px 13px;
	background-color: #FFFFFF;
}
#galleryMainColumn h1 { 
	color: #2f678f;
	margin: 0 0 13px 0;
	padding: 0;
	font-size: 180%;
	font-weight: normal;
}
#galleryMainColumn h2 { 
	color: #2f678f;
	margin: 13px 0;
	padding: 0;
	font-size: 140%;
	font-weight: normal;
}
#galleryMainColumn h3 { 
	color: #2f678f;
	margin: 13px 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}
#galleryMainColumn p { 
	margin: 13px 0;
	padding: 0;
	line-height: 15px;
}
#galleryMainColumn li { 
	margin: 5px 0;
	padding: 0;
	line-height: 15px;
	list-style-type: circle;
}
#galleryMainColumn ul { 
	margin: 0 0 0 22px;
	padding: 0;
}