BODY,P,DIV,TD,P {FONT-FAMILY: Helvetica, Arial, Sans-serif; COLOR: #999999; FONT-SIZE: 12px; line-height: 140%;}

INPUT,SELECT,TEXTAREA {FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; COLOR: #999999; FONT-SIZE: 12px;}

BODY {MARGIN-TOP: 10px; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; BACKGROUND-COLOR: #FFFFFF;}

FORM {margin: 0px;}

#Container {margin: 0 auto; width: 850px; z-index: 1; height: auto;}

#Background {background: url(images/back-default.jpg); background-repeat: no-repeat; background-position: top right; height: 100%; min-height: 100%; }

#Background:after { content: ""; display: block; height: 0; clear: both; }

#Background-Home {background: url(images/back-default.jpg); background-repeat: no-repeat; background-position: top right;  height: 100%; min-height: 100%; }

#Background-Home:after { content: ""; display: block; height: 0; clear: both; }

#Background-Bodywash {background: url(images/back-bodywash.jpg); background-repeat: no-repeat;background-position: top right;  height: 100%; min-height: 100%; }

#Background-Bodywash:after { content: ""; display: block; height: 0; clear: both; }

#Background-BathCrystals {background: url(images/back-awaken.jpg); background-repeat: no-repeat;  height: 100%; min-height: 100%; background-position: top right;}

#Background-BathCrystals:after { content: ""; display: block; height: 0; clear: both; }

#Background-MassageOil {background: url(images/back-massageoil.jpg); background-repeat: no-repeat; background-position: top right;  height: 100%; min-height: 100%; }

#Background-MassageOil:after { content: ""; display: block; height: 0; clear: both; }

#Background-HerbalOil {background: url(images/back-herbaloil.jpg); background-repeat: no-repeat; background-position: top right;  height: 100%; min-height: 100%; }

#Background-HerbalOil:after { content: ""; display: block; height: 0; clear: both; }

#Background-BodyButter {background: url(images/back-bodybutter.jpg); background-repeat: no-repeat;background-position: top right;  height: 100%; min-height: 100%; }

#Background-BodyButter:after { content: ""; display: block; height: 0; clear: both; }

#Background-Masks {background: url(images/back-masks.jpg); background-repeat: no-repeat; background-position: top right;  height: 100%; min-height: 100%; }

#Background-Masks:after { content: ""; display: block; height: 0; clear: both; }

#Background-BodyPolish {background: url(images/back-default.jpg); background-repeat: no-repeat; background-position: top right;  height: 100%; min-height: 100%; }

#Background-BodyPolish:after { content: ""; display: block; height: 0; clear: both; }

.main {padding: 10px 20px 10px 20px; vertical-align: top; float: right;  width: 650px; position: relative; min-height: 450px;}

.main-checkout {padding: 10px 0px 10px 0px; vertical-align: top;}

.left {width: 150px; padding: 10px 10px 10px 0px; vertical-align: top; float: left; position: relative;}

.checkout-left {width: 200px; float: left;}

.checkout-right {float: right;}

A:link {COLOR: #9BB6C4; TEXT-DECORATION: none;}
A:visited {COLOR: #9BB6C4; TEXT-DECORATION: none;}
A:hover {COLOR: #418BAF; TEXT-DECORATION: none;}
A:active  {COLOR: #9BB6C4; TEXT-DECORATION: none;}

H1 {FONT-SIZE: 14px; margin-top: 0px; margin-bottom: 5px; }
H2 {FONT-SIZE: 13px; margin-top: 0px;  margin-bottom: 5px; }
H3 {FONT-SIZE: 12px; margin-top: 0px;  margin-bottom: 5px; }

HR {COLOR: #9BB6C4; background-color: #9BB6C4;}

.HeadLine {BACKGROUND-COLOR: #FFFFFF; border-top: 0px solid #4A99CC; border-bottom: 1px solid #9BB6C4; height: 22px; text-align: right;}

.HeadLineCheckout {BACKGROUND-COLOR: #FFFFFF; border-bottom: 1px solid #9BB6C4; height: 5px; text-align: right;}

.CategoriesList {padding-bottom: 8px; font-size: 12px; padding-left: 17px; display: block;}

.CategoriesListOn {padding-bottom: 8px; font-size: 12px; padding-left: 17px; background: url(images/moon-back.gif); background-repeat: no-repeat; display: block;}

.CategoriesListCurrent {padding-bottom: 8px; font-size: 12px; padding-left: 17px; background: url(images/moon-back.gif); background-repeat: no-repeat; display: block; font-weight: bold;}

.moon {vertical-align: middle;}

.Welcome-Text {width: 650px; text-align: justify; line-height: 170%; font-size: 14px;}

.Welcome-Header {font-size: 20px;}

.DialogBox {padding-top: 5px;}
.DialogTitle {COLOR: #9BB6C4; margin-bottom: 5px; font-size: 16px;}

.DialogMessageTitle {background-color: #4A99CC; color: #FFFFFF; padding: 4px;}
.DialogMessageBox {border: 1px solid #4A99CC; padding: 4px;}

.VertMenuBox {BACKGROUND-COLOR: #FFFFFF; border: 0px solid #4A99CC; padding: 5px;}
.VertMenuTitle {}

.VertMenuItems:link {COLOR: #999999; TEXT-DECORATION: none;}
.VertMenuItems:visited {COLOR: #999999; TEXT-DECORATION: none;}
.VertMenuItems:hover {COLOR: #9BB6C4; TEXT-DECORATION: none;}
.VertMenuItems:active  {COLOR: #999999; TEXT-DECORATION: none;}

.Bottom {COLOR: #666666; padding-top: 5px; text-align: center; clear: both; border-top: 1px solid #9BB6C4; }

.bottom-checkout {COLOR: #666666; padding-top: 5px; text-align: center; }

.NumberOfArticles {FONT-WEIGHT: bold;}

.TopLabel {FONT-WEIGHT: bold;}

.ProductTitle {FONT-WEIGHT: bold;}
.ProductDetailsTitle {FONT-WEIGHT: bold;}
.ProductDetails {}

.ProductPriceTitle {FONT-WEIGHT: bold;}
.ProductPriceCategory {font-size: 11px;}
.ProductPriceDetail {FONT-WEIGHT: bold; }
.ProductPriceCart {FONT-WEIGHT: bold; padding-bottom: 10px;}

.HelpLinks {font-weight: bold; padding-bottom: 10px;}

.CartTotalsTable {FONT-WEIGHT: bold; padding-bottom: 10px;}

.CartTotal {background-color: #9BB6C4; border: 1px solid #698492; padding: 5px; text-transform: uppercase; font-weight: bold; font-size: 13px; color: #FFFFFF;}

.order-data {border: 1px solid #4A99CC;}

.OptionTitles {font-weight: bold; padding-bottom: 10px;}

.ExtraFields {padding-bottom: 10px;}

.MarketPrice {FONT-SIZE: 11px;}

.ItemsList {COLOR: #081589; FONT-WEIGHT: bold; FONT-SIZE: 10px;}

.youarehere {COLOR: #9BB6C4; FONT-WEIGHT: bold; FONT-SIZE: 10px;}

.NavigationPathStatic {COLOR: #999999; FONT-WEIGHT: bold; FONT-SIZE: 10px;}

.NavigationPath:link {COLOR: #999999; FONT-WEIGHT: bold; FONT-SIZE: 10px;}
.NavigationPath:visited {COLOR: #999999; FONT-WEIGHT: bold; FONT-SIZE: 10px;}
.NavigationPath:active {COLOR: #999999; FONT-WEIGHT: bold; FONT-SIZE: 10px;}
.NavigationPath:hover {COLOR: #CC0000; FONT-WEIGHT: bold; FONT-SIZE: 10px;}

.Button2On {COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11px; TEXT-DECORATION: none; Background-color: #666666;  text-transform: uppercase; padding: 3px; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; cursor: pointer;}

.Button2Off {Background-color: #9BB6C4; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11px; TEXT-DECORATION: none; border: 0px solid #4A99CC; text-transform: uppercase; padding: 3px; border-right: 1px solid #698492; border-bottom: 1px solid #698492; cursor: pointer;}

.CustomerMessage {COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 10px;}

.ErrorMessage {COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 10px;}

.Star {COLOR: #777777;}

.HighLight {BACKGROUND-COLOR: #FFFFCC;}

.TableHead {BACKGROUND-COLOR: #9BB6C4;}

.SmallNote:link {COLOR: #888888; TEXT-DECORATION: none; FONT-SIZE: 9px;}
.SmallNote:visited {COLOR: #888888; TEXT-DECORATION: none; FONT-SIZE: 9px;}
.SmallNote:hover {COLOR: #888888; TEXT-DECORATION: underline; FONT-SIZE: 9px;}
.SmallNote:active {COLOR: #888888; TEXT-DECORATION: none; FONT-SIZE: 9px;}

.custinfo {padding: 10px; border: 1px solid #9BB6C4;}

.custinfo-text {font-weight: bold; padding-bottom: 5px;}

.head:link {COLOR: #9BB6C4; TEXT-DECORATION: none; font-weight: bold; padding-right: 3px; padding-left: 3px;}
.head:visited {COLOR: #9BB6C4; TEXT-DECORATION: none; font-weight: bold; padding-right: 3px; padding-left: 3px;}
.head:hover {COLOR: #418BAF; TEXT-DECORATION: none; font-weight: bold; padding-right: 3px; padding-left: 3px;}
.head:active  {COLOR: #9BB6C4; TEXT-DECORATION: none; font-weight: bold; padding-right: 3px; padding-left: 3px;}

.head2:link {COLOR: #666666; TEXT-DECORATION: none; }
.head2:visited {COLOR: #666666; TEXT-DECORATION: none; }
.head2:hover {COLOR: #418BAF; TEXT-DECORATION: none;}
.head2:active  {COLOR: #666666; TEXT-DECORATION: none; }

.bottom-link:link {COLOR: #999999; TEXT-DECORATION: none;}
.bottom-link:visited {COLOR: #999999; TEXT-DECORATION: none;}
.bottom-link:hover {COLOR: #4A99CC; TEXT-DECORATION: none;}
.bottom-link:active  {COLOR: #999999; TEXT-DECORATION: none;}

.checkoutmenuon {font-weight: bold; color: #FFFFFF; font-style: italic; font-size: 14px; text-align: right; padding-right: 20px; width: 160px; height: 27px;}
.checkoutmenuoff {color: #4A99CC; font-style: italic; font-weight: bold; font-size: 14px; text-align: right; padding-right: 20px; width: 160px; height: 27px;}
.checkoutmenu {color: #FFFFFF; font-style: italic; font-weight: bold; font-size: 14px; text-align: right; padding-right: 20px; width: 160px; height: 27px;}

.checkoutmenu-link:link {color: #FFFFFF;}
.checkoutmenu-link:active {color: #FFFFFF;}
.checkoutmenu-link:visited {color: #FFFFFF;}
.checkoutmenu-link:hover {color: yellow;}

.progress-cart {background: url(images/progress-cart.gif); border-top: 1px solid #4A99CC; border-bottom: 1px solid #4A99CC;}
.progress-login {background: url(images/progress-login.gif); border-top: 1px solid #4A99CC;border-bottom: 1px solid #4A99CC;}
.progress-payment {background: url(images/progress-payment.gif); border-top: 1px solid #4A99CC;border-bottom: 1px solid #4A99CC;}
.progress-review {background: url(images/progress-review.gif); border-top: 1px solid #4A99CC;border-bottom: 1px solid #4A99CC;}
.progress-confirmation {background: url(images/progress-confirmation.gif);  border-top: 1px solid #4A99CC;border-bottom: 1px solid #4A99CC;}

.checkout-box-border {border: 1px solid #9BB6C4;}

.SubHeader2 {COLOR: #666666;font-size: 11px;FONT-WEIGHT: bold;}

.SubHeader2Line {BACKGROUND-COLOR: #CCCCCC;}

.regheadtext {}
.regbox {border: 1px solid #9BB6C4; padding: 10px;}