.boxText { font-family: Arial, Verdana, sans-serif; font-size: 12px; }
.errorBox { font-family : Arial, Verdana, sans-serif; font-size: 12px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Arial, Verdana, sans-serif; font-size: 12px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-size: 12px; font-weight: normal; line-height: 19px; color: #036; font-family : Arial, Verdana, sans-serif; text-decoration: underline; }
.orderEdit:hover { font-size: 12px; font-weight: normal; line-height: 19px; color: #7791ab; font-family : Arial, Verdana, sans-serif; }

body { height: 100%; margin: 0px; font-family: arial,verdana; text-align: center; font-weight: 400; font-size: 100%; padding: 0; background: #fff; color: #333; }

a { text-decoration: none; color: #036; } 

a:hover { text-decoration: none; color: #7791ab; } 

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #cc1010;
}

TD.headerError {
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 12px;
  background: #cc1010;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #ccc;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

TD.infoBoxHeading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #ccc;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  line-height: 19px;
  font-weight: bold;
  background: #f8f8f9;
  color: #036;
}

TD.productListing-data {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

A.           {
  color: #036;
  font-weight: bold;
  text-decoration: none;
}

A.pageResults:hover {
  color: #7791ab;
  font-weight: bold;
  text-decoration: none;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #666;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #666;
}

TD.main, P.main {
  font-family: Arial, Verdana, sans-serif;
  font-size: 70%;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Arial, Verdana, sans-serif;
  font-size: 60%;
  color: #333;
}

TD.smallText2, SPAN.smallText2, P.smallText2 {
  font-family: Arial, Verdana, sans-serif;
  font-size: 70%;
  color: #333;
}

TD.accountCategory {
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #cc1010;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

TEXTAREA {
  width: 100%;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

SPAN.greetUser {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Arial, Verdana, sans-serif;
  color: #cc1010;
}

SPAN.errorText {
  font-family: Arial, Verdana, sans-serif;
  color: #cc1010;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #666; }

/* message box */

.messageBox { font-family: Arial, Verdana, sans-serif; font-size: 12px; }
.messageStackError, .messageStackWarning { font-family: Arial, Verdana, sans-serif; font-size: 12px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Arial, Verdana, sans-serif; font-size: 12px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #cc1010; }



/* PERFECTLY PURE SKINCARE STYLES */

/* --- block elements --- */
#container { text-align: center; width: 770px; height: 100%; margin-left: auto; margin-right: auto; }

/* --- top banner --- */
#topBanner { text-align: left; width: 770px; height: 70px; overflow: hidden; }
#logo { position: relative; top: 19px; }
#tel { position: relative; left: 560px; top: -23px; }
#basketHolder { position: relative; left: 666px; top: -13px; }
#userHolder { position: relative; left: 710px; top: -32px; }
#line { position: relative; left: 701px; top: -51px; width: 3px; height: 19px; background: url(img/line.png) no-repeat; }

#cartPos { position: relative; left: 620px; top: -13px; }
#cartPos1 { position: relative; left: 3px; top: 2px; }
#cartPos2 { position: relative; left: 45px; top: -12px; }
#cartPos3 { position: relative; left: 93px; top: -26px; }

.cartLinks { font-weight: bold; font-size: 11px; color: #036; }
.cartLinks:hover { font-weight: bold; font-size: 11px; color: #7791ab; }

.cartLeft { text-align: left; margin-left: 5px; }
.cartMid { text-align: right; text-size: 65%; margin-right: 5px; margin-bottom: 5px; }
.cartBot { margin-bottom: 5px; }

/* --- split main content - right --- */
#rightColumn { }
#shoppingCart { text-align: center; width: 122px; margin-top: 6px; border: 1px solid #ccc; background: url(img/my-basket-main.png) repeat-x; overflow: hidden; text-size: 65%; text-color: #666; }
#line { width: 122px; height: 1px; background-color: #ccc; }
.shoppingcartLinks { text-color: #666; }
.shoppingcartLinks:hover { text-color: #888; }
.size { text-size: 65%; }

/* --- top nav --- */
#topNav { text-align: left; width: 770px; height: 21px; background: #4b4892; overflow: hidden;  }
#topNav .links { position: relative; top: -5px; font-size: 70%; font-weight: bold; color: #fff; }
#topNav .links:hover { position: relative; top: -5px; font-size: 70%; font-weight: bold; color: #dad9ec; }

/* --- divider --- */
#mainBlockDivider { width: 770px; height: 6px; background: url(img/long-strip.gif) no-repeat; overflow: hidden; }

/* --- main block --- */
#mainBlock { width: 770px; margin-bottom: 3px; }

/* --- left nav block --- */
#leftNav { float: left; text-align: left; width: 132px; height: 228px; }
#leftNav .navBoxTop { width: 132px; height: 24px; background: url(img/nav-box-top.png) no-repeat; }
#leftNav .navBox { width: 132px; height: 25px; background: url(img/nav-box.png) no-repeat; }
#leftNav .navText { position: relative; top: 2px; left: 10px; font-weight: bold; font-size: 70%; color: #036; } 
#leftNav .navText:hover { position: relative; top: 2px; left: 10px; font-weight: bold; font-size: 70%; color: #7791ab; } 
#leftNav .navBlock { width: 132px; height: 82px; background: url(img/nav-block.png) no-repeat; } 

/* --- search box --- */
#searchBox { width: 132px; height: 54px; background: url(img/bck-search.gif) no-repeat; }
#searchBtn { position: relative; top: -14px; left: 132px; width: 41px; height: 11px; }
#boxSearch {  position: relative; top: 0px; left: 2px; height: 17px; color: #036; line-height: 1px; font-size: 1px; overflow: hidden; }
#btnSearch {  position: relative; top: -14px; left: 112px; width: 39px; height: 13px; line-height: 1px; font-size: 1px; overflow: hidden; }

#searchDiv { position: relative; top: -21px; left: 608px; width: 160px; height: 19px; background: #999bac; font-size: 1px; line-height: 1px; overflow: hidden; }
#lazy { position: relative; top: -13px; left: -1px; width: 163px; height: 1px; background: url(img/lazy.gif) no-repeat; }

/* --- forms --- */    
.searchBox { position: relative; top: 1px; width: 130px; height: 17px; color: #036; border: 1px solid #999bac;  font-size: 12px;  text-indent: 1pt; }

/* --- main content block --- */
#mainContent { float: left; text-align: left; width: 638px; background: url(img/background-main.png) no-repeat; overflow: hidden; }
#mainContentblock { margin-left: 5px; margin-top: 5px; }
#indexSplash { position: relative; left: 3px; }

.bckDots { width: 100%px; height: 1px; background: url(img/bck-dots.gif) repeat-x; margin-top: 2px; margin-bottom: 8px; font-size: 0px; line-height: 1px; overflow: hidden; }
.spacer { width: 100%; font-size: 1px; line-height: 1px; overflow: hidden; }

.bckDotblock { width: 499px; height: 19px; overflow: hidden; }

/* --- split main content - left --- */
#prodTitle { margin-left: 11px; font-size: 80%; }
#prodTitle2 { margin-left: 11px; font-size: 12px; font-weight: bold; color: #036; font-family : Arial, Verdana, sans-serif; }
#prodTitle2:hover { margin-left: 11px; font-size: 12px; font-weight: bold; color: #7791ab; font-family : Arial, Verdana, sans-serif; }


/* --- footer --- */
#footerStrip { width: 770px; height: 3px; background: #d5d6dd; font-size: 0%; margin-top: 5px; }
#footer { width: 770px; height: 46px; text-align: left; }
#footerText { position: relative; top: 7px; left: 3px; width: 440px; height: 50px;  font-size: 9px; } 
#footerLinks { position: relative; top: -46px; left: 447px; width: 302px; height: 25px; background: url(img/footer-links.png) no-repeat; }
.footer1 { position: relative; left: 4px; top: -2px; } 
.footer2 { position: relative; left: 12px; top: -2px; } 
.footer3 { position: relative; left: 20px; top: -2px; } 

.lnks { color: #036; font-size: 65%; font-weight: bold; }
.lnks:hover { color: #7791ab; font-size: 65%; font-weight: bold; }

.flnks { color: #036; font-size: 11px; font-weight: bold; }
.flnks:hover { color: #7791ab; font-size: 11px; font-weight: bold; }

/* --- general --- */
.c666 { color: #666; }
.c036 { color: #036; font-size: 9px; }
.c036:hover { color: #7791ab; }
.myRed { color: #cc1010; }
h1 { font-size: 95%; font-weight: bold; color: #036; font-family : Arial, Verdana, sans-serif; margin-bottom: 9px; margin-top: 0px; }
h2 { font-size: 80%; font-weight: bold; color: #036; font-family : Arial, Verdana, sans-serif; margin-bottom: 3px; margin-top: 0px; }
h3 { font-size: 12px; font-weight: bold; color: #036; font-family : Arial, Verdana, sans-serif; margin-bottom: 3px; margin-top: 0px; }

.prodTitle { font-size: 75%; font-weight: bold; color: #036; font-family : Arial, Verdana, sans-serif; margin-bottom: 0px; margin-top: 0px; }
.prodTitle:hover { font-size: 75%; font-weight: bold; color: #7791ab; font-family: Arial, Verdana, sans-serif; margin-bottom: 0px; margin-top: 0px; }

.linkBox { margin-bottom:4px; }

.prodLinks { font-size: 10px; font-weight: bold; line-height: 19px; color: #036; font-family : Arial, Verdana, sans-serif; }
.prodLinks:hover { font-size: 10px; font-weight: bold; line-height: 19px; color: #0354a4; font-family : Arial, Verdana, sans-serif; }

.listboxURL { font-size: 70%; font-weight: normal; line-height: 19px; color: #036; font-family : Arial, Verdana, sans-serif; }
.listboxURL:hover { font-size: 70%; font-weight: normal; line-height: 19px; color: #7791ab; font-family : Arial, Verdana, sans-serif; }

.prodDescript { font-size: 70%; color: #333; font-family: Arial, Verdana, sans-serif; }


/* --- 'force scrollbar' hack for Firefox --- */
#scroll { position: absolute; top: 0; bottom: -0.1px; width: 1em; z-index: -1; }


/* --- INDEX PAGE picture + text --- */
#frontIndex { width: 631px; height: 289px; background: url(img/bck-perfectly-pure-skincare.jpg) no-repeat; }
    #frontTop { position: relative; left: 29px; top: 53px; width: 243px; }
    #frontTxt1 { position: relative; left: 61px; top: 65px; width: 200px; text-align: right; }
    #frontTxt2 { position: relative; left: 61px; top: 80px; width: 200px; text-align: right; }
    
.frontTxt { font-size: 11px; line-height: 14px; color: #57549C; font-family : Arial, Verdana, sans-serif; }


#newBody { width: 629px; height: 288px; }
#newTextBox { float: left; position: relative; left: 34px; top: 70px; width: 260px; height: 160px; }
    #newText1 { position: relative; left: 0px; top: 0px; width: 255px; height: 80px; }
    #newText2 { position: relative; left: 0px; top: 10px; width: 245px; height: 55px; }
.newFont { color: #7C78B1; }
#newImage { float: left; position: relative; left: 10px; top: 23px; width: 340px; height: 240px; height: 240px; }