﻿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/bg.gif);
	background-repeat: repeat-x;
}
a:link { color: #1b648b; text-decoration: none; }
a:visited { color: #1b648b; text-decoration: none; }
a:hover { color: #1b648b; text-decoration: underline; }
a:active { color: #1b648b; text-decoration: none; }
.darkBlue { color: #1b648b !important} 
.lightBlueBG { background-color: #cce4f7 }
.noMargin { margin: 0; }
.noPadding { padding: 0; }
.modalPopupBG { background-color: #AAAAAA; filter:alpha(opacity=70); opacity:0.7; }
.modalPopupPanel { border: 8px solid #1b648b; padding: 10px; background-color: #FFFFFF; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;}
h1, h2, h3, h4, h5 { font-weight: normal; color: #1b648b }
fieldset { margin: 10px 0 0 0; }
legend { color: #1b648b; font-size: 120%; } 
#innerFullWidth p { line-height: 17px; }
#container { 
	width: 1000px; 
	margin: 0 auto;
	text-align: left;
} 
#header { 
	margin: 0px 0 0 0;
	padding: 10px 0 10px 0;
	height: 135px;
}
#logo {
	float: left;
	margin: 35px 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: #FFFFFF; text-decoration: none; }
#topNav a:visited { color: #FFFFFF; text-decoration: none; }
#topNav a:hover { color: #DDDDDD; text-decoration: underline; }
#topNav a:active { color: #FFFFFF; text-decoration: none; }
.newsItem {
    margin: 0 0 30px 0;
}
#mainNav {
	float: right;
	margin: 54px 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: 1px 0 0 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 #1b648b; }
.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 li { 
	line-height: 17px;
}
#prodRightCol h1 { 
	margin: 13px 0;
	padding: 0;
	font-size: 180%;
	font-weight: normal;
}
#prodRightCol h2 { 
	margin: 13px 0;
	padding: 0;
	font-size: 140%;
	font-weight: normal;
}
#prodRightCol h3 { 
	margin: 13px 0;
	padding: 0;
	font-size: 120%;
}
#prodRightCol .productInformation { 
	width: 160px;
	float: right;
	margin: 0 15px 10px 15px;
	padding: 8px;
	border: solid 1px #DDDDDD;
	background-color: #F5F5F5;
}
#prodRightCol .productInformationHeading { 
	color: #1b648b;
	margin: 0;
	text-align: center;
}
.previousPrice { color: #AAAAAA; font-size: 130%; margin: 0; }
.previousPriceStrike { color: #AAAAAA; text-decoration: line-through; font-size: 130%; margin: 0; }
.newPrice { font-family: Arial, Verdana; color: #AA0000; font-weight: bold; font-size: 180% }
.price { font-family: Arial, Verdana; color: #000000; font-weight: bold; font-size: 180%; margin: 10px 0; }
#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;
}
/* Product Listing CSS */

/* 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 { 
	margin: 0 0 13px 0;
	padding: 0;
	font-size: 180%;
	font-weight: normal;
}
#categoryRightColumn h2 { 
	margin: 13px 0;
	padding: 0;
	font-size: 120%;
	font-weight: normal;
}
#categoryRightColumn h3 { 
	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 { 
	margin: 0 0 13px 0;
	padding: 0;
	font-size: 180%;
	font-weight: normal;
}
#standardMainColumn h2 { 
	margin: 13px 0;
	padding: 0;
	font-size: 140%;
	font-weight: normal;
}
#standardMainColumn h3 { 
	margin: 13px 0;
	padding: 0;
	font-size: 120%;
	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 { 
	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 { 
	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 { 
	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%;
	margin: 15px 0 0 0;
	font-weight: normal;
}
#threeColLeftCol h2 {
	padding: 0;
	font-size: 120%;
	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%;
	margin: 15px 0 0 0;
	font-weight: normal;
}
#threeColRightCol h3 {
	padding: 0;
	font-size: 100%;
	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;
	min-height:600px;
}
#threeColMainContent h1 { 
	margin: 0 0 13px 0;
	padding: 15px 0 0 0;
	font-size: 180%;
	font-weight: normal;
}
#threeColMainContent h2 { 
	margin: 13px 0;
	padding: 0;
	font-size: 140%;
	font-weight: normal;
}
#threeColMainContent h3 { 
	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; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#threeColMainContent .educationBar h2 { font-size: 125%; font-weight: bold; margin: 0; padding: 0; }

.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;
	margin: 8px 0 0 0;
}
#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: #AAAAAA; text-decoration: none; }
#footer a:active { color: #888888; text-decoration: none; }
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#dlProductList a:link { color: #444444; text-decoration: none; }
#dlProductList a:visited { color: #444444; text-decoration: none; }
#dlProductList a:hover { color: #999999; text-decoration: none; }
#dlProductList a:active { color: #444444; text-decoration: none; }
.greenSuccessBox {
    border: solid 1px #00a651;
    padding: 0 7px;
    margin: 10px 0;
    color: #555555;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 7px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.3);
	box-shadow: 0 0 7px rgba(0,0,0,0.3);
	background-color: #e5f4ea;
	background-image: -moz-linear-gradient(rgba(255,255,255,1), rgba(229,244,234,1) 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,1)), to(rgba(229,244,234,1)));
}
.greenSuccessBox h2 { margin-top: 5px; font-weight: normal; color: #00AA00 !important; }
.errorBox {
    border: solid 1px #a60000;
    margin: 10px 0;
    padding: 0 7px;
    color: #555555;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 7px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.3);
	box-shadow: 0 0 7px rgba(0,0,0,0.3);
	background-color: #ffe8e8;
	background-image: -moz-linear-gradient(rgba(255,232,232,1), rgba(255,232,232,1) 50%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,1)), to(rgba(255,232,232,1)));
}
.errorBox h2 { margin-top: 5px; font-weight: normal; color: #AA0000 !important; }
.MyAccountTable {
 border-top:solid 2px #1b648b;    
}
#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 { 
	margin: 0 0 13px 0;
	padding: 0;
	font-size: 180%;
	font-weight: normal;
}
#obabyRightColumn h2 { 
	margin: 13px 0;
	padding: 0;
	font-size: 120%;
	font-weight: normal;
}
#obabyRightColumn h3 { 
	margin: 13px 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}

/* CSS for displaying tables of information */
.tableHeader { background-color: #1b648b; 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;
}
#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;
}
.footer {
    text-align: center;
}
#newsletterNav  {
	width: 465px;
	height: 160px;
	border: 7px solid #CCCCCC;
	color: #777777;
	padding: 8px;
	float: right;
	font-size: 80%;
}
#newsletterNav p { 
	color: #777777;
	padding: 0;
	margin: 6px 0;
}
.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: #1b648b; 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: #1b648b 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 { 
	margin: 0 0 13px 0;
	padding: 0;
	font-size: 180%;
	font-weight: normal;
}
#galleryMainColumn h2 { 
	margin: 13px 0;
	padding: 0;
	font-size: 140%;
	font-weight: normal;
}
#galleryMainColumn h3 { 
	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;
}
.massageAddToBasketButton{
    margin: 20px 0 0 150px;
}
