body { margin: 10px 0 0 0; padding: 0; color: #333; font: 63%/120% Trebuchet MS,Arial,Verdana,Helvetica,sans-serif; }

img { border: 0; margin: 0; padding: 0; }

p { margin: 0 0 10px; padding: 0; }

a {	color: #9159a4; text-decoration: none; }
a:hover, a:focus, a:active { color: #9159a4; text-decoration: underline; }

h1 { margin: 10px 0 10px; padding: 0px 0px 10px 0px; font: normal 250% Trebuchet MS,Arial,Verdana,Helvetica,sans-serif; color: #9159a4; font-weight: Bold; letter-spacing: 1px; 1text-transform: uppercase;}
h2 { margin: 5px 0 0px; padding: 0px 0px 0px 0px; font: normal 170% Trebuchet MS,Arial,Verdana,Helvetica,sans-serif; color: #000000; letter-spacing: 1px; }
h3 { margin: 5px 0 0px; padding: 0px 0px 0px 0px; font: normal 170% Trebuchet MS,Arial,Verdana,Helvetica,sans-serif; color: #9159a4; letter-spacing: 1px; }

.introText { font-family: "trebuchet MS",sans-serif; color: #9158a3; font-size: 28px; font-weight: bold; 1font-variant: small-caps; line-height: 26px; margin: 10px 0 10px 0;}


.content { width: 960px; margin: 0 auto 0 auto;}

.header { width:960px; height:120px;}

.logo { width:330px; float: left; padding: 0 20px 0 0;}
.flash { float:left; }
.logoText { float: left; margin: 52px 0 0 5px;}

.navigation { width:610px; float:left; height: 35px; margin: 60px 0 0px 0; background:#ffffff url(../images/navbg.gif) no-repeat scroll left bottom;}
.navigation ul { margin:0; padding:0; list-style:none; }
.navigation li { float:right; margin: 0 0 0 25px;}
.navigation a { color: #9159a4; font-size: 210%; line-height: 120%;  padding:3px;}
.navigation a:hover { background-color:#f7941d; color: #FFFFFF; text-decoration:none; }
.navigation #active { color: #f7941d;  }
.navigation #active:hover { color: #ffffff; }

.contentStart { width: 960px; }
.startLeft {width:470px; float: left; margin: 0 10px 0 0; }
.startRight {width:470px; float: left; margin: 0 0 0 10px; text-align: right;}
.contentStart p { color: #bbbbbb; font-size: 220%; line-height: 120%;  margin: 0 0 15px 0; letter-spacing: 1px;}

.contentStart p.purp { font-family: Arial,Verdana,Helvetica,sans-serif; color: #bbbbbb; font-size: 18px; line-height: 20px;  margin: 0 0 15px 0; 1letter-spacing: 1px;}

.greyBox {padding: 3px 10px; background-color: #925aa4; color: #ffffff; }
.yellowBox {padding: 3px 10px; background-color: #f7941d; color: #ffffff;}

.white {height: 20px; clear:both;}
.rotatingImages { width:955px; height:230px; clear: both; border-top:5px solid #f7941d; border-right:5px solid #f7941d; border-bottom:5px solid #f7941d; border-left: 0px; }
.inFocusHope {width: 480px; height: 230px; float: left; background:#ffffff url(../images/rotating/hope-lrg.jpg) no-repeat; }
.inFocusPositivity {width: 480px; height: 230px; float: left; background:#ffffff url(../images/rotating/positivity-lrg.jpg) no-repeat; }
.inFocusHabit {width: 480px; height: 230px; float: left; background:#ffffff url(../images/rotating/habit-lrg.jpg) no-repeat; }
.inFocusMotivation {width: 480px; height: 230px; float: left; background:#ffffff url(../images/rotating/motivation-lrg.jpg) no-repeat; }
.inFocusStress {width: 480px; height: 230px; float: left; background:#ffffff url(../images/rotating/stress-lrg.jpg) no-repeat; }
.inFocusSorry {width: 480px; height: 230px; float: left; background:#ffffff url(../images/rotating/sorry-lrg.jpg) no-repeat; }
.inFocusAngel {width: 480px; height: 230px; float: left; background:#ffffff url(../images/rotating/angel-lrg.jpg) no-repeat; }
.inFocusFriendship {width: 480px; height: 230px; float: left; background:#ffffff url(../images/rotating/friendship-lrg.jpg) no-repeat; }
.inFocusWellbeing {width: 480px; height: 230px; float: left; background:#ffffff url(../images/rotating/wellbeing-lrg.jpg) no-repeat; }
.inFocusEarth {width: 480px; height: 230px; float: left; background:#ffffff url(../images/rotating/earth-lrg.jpg) no-repeat; }

.inFocus img {display: block;}

.inFocusDetail { background-color: #000000; width: 200px; padding: 10px 10px 5px 10px; margin: 115px 0 0 20px;}
.inFocusDetail p { color: #8e8e8e; margin: 0px; padding: 0px; font-size: 110%; }
.inFocusDetail h3 { color: #ffffff; font-size: 170%; margin: 2px 0 8px 0; font-family: Trebuchet MS,Arial,Verdana,sans-serif; }
.inFocusDetail a { color: #ffffff; font-size: 120%; margin: 0 0 0 0 ; line-height: 200%; }
.inFocusDetail a:hover { color: #ffffff; }


.notFocused { width: 475px; height:230px; background-color: #f3f3f3; float: left; }
.notFocused img {display: block; border:5px solid #f3f3f3; margin: 20px 0 0 12px; }
.notFocused ul {  padding:0; list-style:none;  margin: 10px 0 0 20px;}
.notFocused li { float:left; }
.notFocused li.sorry { border:5px solid #00a5f4; padding: 0px; margin: 20px 0px 0px 12px; }
.notFocused li.sorry img { display: block; border: 0; margin: 0 0 0 0; }
.notFocused li.sorry a:hover img { display: block; border: 0; margin: 0 0 0 0; }

.notFocused a:hover img { display: block; border:5px solid #e7e7e7; margin: 20px 0 0 12px; }
img.active {border:5px solid #00a5f4; }

.hpProcucts { width:960px; clear: both; margin: 20px 0 0 0; }
.hpProcucts h1 { margin: 10px 0 0; color: #9159a4; }
.hpProcucts p { color: #bbbbbb; font-size: 163%; line-height: 120%;  margin: 0 0 15px 0; 1letter-spacing: 1px; }
.hpProductsLeft { width:470px; float: left; margin: 0 10px 0 0; }
.hpProductsRight { width:470px; float: left; margin: 0 0 0 10px; }

.footer { width: 960px; clear: both; border-top:5px solid #f7941d; padding: 0 0 0 0; margin: 20px 0 50px 0;}
.footer p { color: #bbbbbb; font-size: 163%; line-height: 120%; margin: 15px 0 0 0; }
.footer a { color: #f7941d; text-decoration: underline;}
.footer a:hover { color: #f7941d; text-decoration: none;}

.products { width:960px; clear: both; margin: 0 0 0 0; } 
.products img { display: block; }
.products p { font-size: 130%; line-height: 130%; width: 160px; color: #8d8d8d; } 
.productsCard {width: 160px; height: 360px; margin: 0 105px 20px 0; float: left;}
.productsLastCard { width: 160px; height: 360px; margin: 0 0 0 0; float: left; }
.productsCard a {	color: #000000; text-decoration: none; }
.productsCard a:hover, a:focus { color: #000000; text-decoration: underline; }
.productsLastCard  a {	color: #000000; text-decoration: none; }
.productsLastCard  a:hover, a:focus { color: #000000; text-decoration: underline; }

.productsCardSml p { font-size: 120%; line-height: 125%; width: 100px; color: #8d8d8d; } 
.productsCardSml {width: 100px; height: 290px; margin: 20px 72px 20px 0; float: left;}
.productsLastCardSml { width: 100px; margin: 20px 0 0 0; float: left; }
.productsLastCardSml p { font-size: 120%; line-height: 125%; width: 100px; color: #8d8d8d; }
.productsCardSml h2 { margin: 5px 0 0px; padding: 0px 0px 0px 0px; font: normal 150% Trebuchet MS,Arial,Verdana,Helvetica,sans-serif; color: #000000; letter-spacing: 1px; }
.productsLastCardSml h2 { margin: 5px 0 0px; padding: 0px 0px 0px 0px; font: normal 150% Trebuchet MS,Arial,Verdana,Helvetica,sans-serif; color: #000000; letter-spacing: 1px; }

.prices { width:960px; height:230px; clear: both; border-top:5px solid #ececec; border-left: 0px; }
.priceLeft { float: left; width: 460px; margin: 0 40px 0 0; }
.priceRight { float: left; width: 460px; margin: 0 0 0 0; }

.prices table { font-size: 125%; }
.prices table tr.bg { background-color: #f3f3f3; }
.prices table tr.details { color: #00a650; }

.black { color: #000000;}
.green { color: #9159a4; }

.contacts p { font-size: 150%; color: #bbbbbb;  margin: 0 0 10px 0; padding: 0; line-height: 20px;}

.contactsForm { background: #f7941d; width: 410px; height: 330px; margin: 20px 0 0 20px; padding: 0 20px 0 20px; text-align: left; }
.contactTitle { color: #9159A4; float: left; margin: 20px 0 20px 0; clear: both; font-size: 150%; font-weight: bold; line-height: 16px; }

.formElements { width: 390px; background: #ffffff; height: 245px; float: left; font-size: 100%; padding: 10px 0 0 20px; }
.formElements p { margin: 0 20px 10px 0; padding: 0px; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 120%; color: #000000; }

textarea { height: 80px; text-align: left; }
input { width: 250px; }
input.sub { width: 100px;}
input.pay { width: 100px; float: left; margin: -40px 0 0 360px;}
input.paycard { width: 100px; margin: 0;}
button { width: 100px; font-family: Verdana,Arial,Helvetica,sans-serif; }
input.quantity { width: 30px; height: 15px; }
input.quantityAdd { width: 50px; height: 25px; }


.shoppingCart { background: #f7941d none repeat scroll 0%; width: 410px; margin: 20px 0 0 20px; padding: 0px 20px 5px 20px; text-align: left; }

1.shopElements { width: 390px; background: #ffffff; min-height: 50px; float: left; font-size: 100%; padding: 10px 0 0 20px; margin: 5px 0 0 0; clear: left; }

.whiteBlocks { 1min-height: 50px; background-color: #ffffff; margin: 0 0 20px 0; clear: both; padding: 0px 0px 20px 0; }

.whiteBlock p { font-size: 200%; font-weight: bold; color: #9159A4; padding: 5px; margin: 0px; }
.whiteBlock p.total { font-size: 200%; font-weight: bold; color: #F7941D; padding: 5px; margin: 0px; }

.whiteBlocks p { font-size: 150%; font-weight: bold; color: #9159A4; padding: 5px; margin: 0px; }
.whiteBlocks p.total { font-size: 200%; font-weight: bold; color: #F7941D; padding: 5px; margin: 0px; }
p.boughtItem { font-size: 120%; font-weight: normal; color: #F7941D; margin: 0 0 0 0; padding: 0 0 3px 5px; }

#totalIncDelivery p { font-size: 200%; font-weight: bold; color: #cc0000; padding: 0 5px 5px 5px; margin: 0px; }
#delivery p { color: #cc0000; padding: 5px; }

.shopTitle { float: left; margin: 0 0 0 0; clear: both; }
.shopTitle p { font-size: 150%; font-weight: bold; color: #000000; padding: 0 0 0 0; margin: 10px 0 10px 0; }
.shopTitle p a { color: #ffffff; }
.shopTitle p a:hover { color: #ffffff; }

.customerDetails { background: #f2f0f3; width: 410px; height: 585px; margin: 20px 0 0 20px; padding: 0 20px 20px 20px; text-align: left; }
.customerDetailsForm { width: 390px; background: #ffffff; height: 520px; float: left; font-size: 100%; padding: 10px 0 0 20px; }

.customerDetails p { margin: 0 0 10px 0; padding: 0px; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 120%; color: #000000; }

.shopItem { float: left; width: 470px; height: 100px; margin: 40px 0 0 0; }
.shopItemOne { float: left; width: 470px; height: 100px; margin: 20px 0 0 0; }
.shopItem p { margin: 0; padding: 2px; font-size: 130%; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 120%; 1color: #000000; }
.shopItemOne p { margin: 0; padding: 2px; font-size: 130%; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 120%; 1color: #000000; }


p.price { margin: 0; padding: 0px 0 0 0; font-size: 170%; font-family: Arial,Verdana,Helvetica,sans-serif; color: #0096ff; font-weight: bold; }

.shopItem img { display: block; margin: 0 10px 0 0; float: left; } 
.shopItemOne img { display: block; margin: 0 10px 0 0; float: left; } 

img.add { display: block; width: 16px; margin: -20px 0 0 190px; float: left; }

.buyNow { float: right; padding: 18px 10px 0 0; }
.buyNow2 { float: right; padding: 0px 0px 0 0; }

.newsletter { width: 940px; background: #14a1f0 url(../images/newsletter.gif); height: 15px; padding: 10px; margin: 30px 0 0 0; text-align: center; font-size: 150%; color: #ffffff; }
.newsletterProducts { width: 940px; background: #14a1f0 url(../images/newsletter.gif); height: 15px; padding: 10px; margin: 20px 0 30px 0; text-align: center; font-size: 150%; color: #ffffff; float: left; }

.newsletter a {	color: #ffffff; text-decoration: none; }
.newsletter a:hover, a:focus { color: #ffffff; text-decoration: underline; }

.newsletterProducts a {	color: #ffffff; text-decoration: none; }
.newsletterProducts a:hover, a:focus { color: #ffffff; text-decoration: underline; }

.contactTitle p { color: #000000; font-size: 90%; margin: 10px 0 0 0; }

p.buysmall { font-size: 210%;}