/*********************************************************************************************
These styles are for the template and content that the client does not have access to edit.
These styles do not appear in the WYSIWYG editor.
*********************************************************************************************/

/* Page layout */
div#page {background: #5a7424; margin-left: auto; margin-right: auto; position: relative; width: 742px; height: auto; visibility: visible; display: block; text-align: left; margin-top: 23px; margin-bottom: 0; padding: 0; border: 0;}
div#header {position:relative; background: #ffffff url(/images/page_top.gif) top left no-repeat; margin: 0; padding: 4px 0 0 0; width: 742px; height: 125px; border-bottom: 8px #5a7411 solid;}
div#topMenuLeft {float:left; width: 208px; margin: 0; padding: 0 0 0 8px; color: #bcbc7e; font-size: 10px ! important;}
div#topMenuLeft img {vertical-align: middle; margin: 0; padding:0;}
div#topMenuLeft a {color: #5a7411 ! important; text-decoration: none;}
div#topMenuLeft a:hover {color: #dd8313 ! important;}
div#topMenuRight {float:right; width: 208px; margin: 0; padding: 0 8px 0 0; text-align: right; color: #bcbc7e; font-size: 10px ! important;}
div#topMenuRight img {vertical-align: middle; margin:0; padding:0;}
div#topMenuRight a {color: #5a7411 ! important; text-decoration: none;}
div#topMenuRight a:hover {color: #dd8313 ! important;}

div#headerLogo {position: absolute; top: 0; left: 327px; width: 91px; margin:0; padding:0;z-index:2}
div#globalnav{height: 24px;width: 450px;margin: 75px 0 8px 146px;padding: 0;}

div#box {position:relative; width:742px; padding: 0; margin: 0; background: #dcddb4; border:0;}
div#contentN {position:relative; min-height: 415px; margin: 0; border:0;width:336px; padding: 18px 238px 1px 168px;}
* html #contentN {height: 415px;}
body#home #contentN {background: transparent url(/media/home.jpg) top right no-repeat; min-height: 398px; width:486px; padding: 18px 238px 18px 18px;}
body#skin #contentN {background: transparent url(/media/skincare.jpg) top right no-repeat;}
body#about #contentN {background: transparent url(/media/ourStory.jpg) top right no-repeat;}
body#promise #contentN {background: transparent url(/media/ourPromise.jpg) top right no-repeat;}
body#philo #contentN {background: transparent url(/media/philosophy.jpg) top right no-repeat;}
body#qa #contentN {background: transparent url(/media/Q&A.jpg) top right no-repeat;}
body#contact #contentN {background: transparent url(/media/contact.jpg) top right no-repeat; min-height: 398px; width:486px; padding: 18px 238px 18px 18px;}
body#none #contentN {padding: 18px 25px; width: 692px; margin:0;}
body#member #contentN {padding: 18px 15px 1px 168px; width: 559px; margin:0;}
body#checkout #contentN {padding: 18px 25px; width: 692px; margin:0; min-height: 350px;}
* html body#checkout #contentN {height: 350px;}
body#memberOrderDetails #contentN {padding: 18px 25px; width: 692px; margin:0;}
body#news #contentN {padding: 18px 25px 1px 168px; width: 549px; margin:0;}
body#shop #contentN {padding: 18px 0 1px 168px; width: 574px; margin:0;}

* html body#contact #contentN, * html body#home #contentN {height: 398px;}

div#leftNav {position: absolute; top: 18px; left: 18px; width: 132px; background: transparent url(/images/left_nav_top.gif) top left no-repeat; padding: 0 0 0 0; margin:0;}
div#leftNavContent {width: 112px; height: 386px;background: transparent url(/images/left_nav_bg.gif) top left repeat-y; padding: 0 10px 0 10px; margin: 10px 0 0 0; font-size: 13px;}
body#skin #leftNavContent {height: 524px;}
body#news #leftNavContent {min-height: 429px;}
* html body#news #leftNavContent {height: 429px;}

#leftNavContent p {margin:9px 0 0 0;}
#leftNavContent p a {text-decoration: none ! important;}
#leftNavContent p a:hover {color: #ffffff ! important;}
div#leftNavBottom {width:132px;height:10px;padding:0; margin:0; background: transparent url(/images/left_nav_bottom.gif) top left no-repeat;}

.footer {position: relative; width: 742px; margin:5px 0 0 0; padding:0; background: #5a7424;}
.footer p, .footer p a {font-size: 10px ! important; color: #ffffff ! important; margin: 0; padding: 5px 0 5px 0; text-decoration: none ! important; line-height: 16px;}
.footer p a:hover {color: #dd8313 ! important;}

.footerMenu p {color: #bcbc7e ! important;}
.footerMenu p a {color: #ffffff ! important;}
.footerMenu p a:hover {color: #dd8313 ! important;}


.footerE {float: left; width:146px;margin:0; padding:0; text-align:left;background: #5a7424;}
.footerMenu {float: left; width: 450px;margin:0; padding: 0; text-align:center;background: #5a7424;}
.footerV {float:left; width:146px;margin:0;padding:0; text-align:right;background: #5a7424;}


/*nav bar*/

div#globalnav ul#menu{height: 24px;width: 450px;background: transparent url(/images/nav.gif) top left no-repeat;margin: 0;padding: 0;position: relative;}

div#globalnav ul#menu li {margin: 0;padding: 0;list-style: none;position: absolute;top: 0;}

ul#menu li, ul#menu a {height: 24px;display: block;border: 0;}

div#globalnav ul#menu li a.mainNav {text-indent: -9999px;text-decoration: none;}
	
#skinmenu	{left: 0; width: 72px;}
#aboutmenu	{left: 72px; width: 81px;}
#productsmenu	{left: 303px; width: 78px;}
#contactmenu	{left: 381px; width: 69px;}


#skinmenu a:hover, #skinmenu:hover a, #skinmenu.over a {background: transparent url(/images/nav.gif) 0 -24px no-repeat;}
#aboutmenu a:hover, #aboutmenu:hover a, #aboutmenu.over a {background: transparent url(/images/nav.gif) -72px -24px no-repeat;}
#productsmenu a:hover, #productsmenu:hover a, #productsmenu.over a {background: transparent url(/images/nav.gif) -303px -24px no-repeat;}
#contactmenu a:hover, #contactmenu:hover a, #contactmenu.over a {background: transparent url(/images/nav.gif) -381px -24px no-repeat;}


body#skin #skinmenu {background: transparent url(/images/nav.gif) 0 -24px no-repeat;}
body#about #aboutmenu, body#promise #aboutmenu, body#philo #aboutmenu, body#qa #aboutmenu {background: transparent url(/images/nav.gif) -72px -24px no-repeat;}
body#shop #productsmenu, body#checkout #productsmenu {background: transparent url(/images/nav.gif) -303px -24px no-repeat;}
body#contact #contactmenu {background: transparent url(/images/nav.gif) -381px -24px no-repeat;}


/*Testimonials Module*/
.testimonialLeft {width: 425px; float: left; padding: 15px 0 15px 35px;}
.testimonialRight {width: 290px; float:right; text-align: center; padding: 15px 0 15px 0;}
.testimonialTagline {color: #4f677a; font-size: 14px; font-weight:bold;}
.testimonialAnimalName {margin: 10px 0 0 25px; color: #7a6d4f; font-weight:bold;}
.testimonialReason {margin: 5px 0 0 25px; color: #7a6d4f;}
.testimonial {margin-top: 10px;}
.testimonialName {text-align: right; margin-top: 10px; color: #4f677a; font-style: italic; }
.testimonialTitle {text-align:right; color: #4f677a; font-style: italic; }

/*Links Module*/
#linkItems {margin: 15px 5px 0 15px;}

/*News Module*/
.newsItem {background-color: #eef0bc; width: 547px; border: 1px solid #c9c98e; padding: 0 0 10px 0; margin: 1px 0 10px 0;overflow: hidden;}
.newsimgbox {float:left; width: 171px; padding: 0 10px 0 0;margin: 0; display:inline;}
.newsimgbox p, .newsimgbox img {margin: 0;}
.newsContent {padding: 0; margin: 0; display: inline;}
.newsContent p {padding: 0 10px; margin: 11px 0 0 0;}
.newsTitle1 {color: #A48600; font-size: 14px;padding: 0 10px; margin:10px 0;} 
.newsTitle2 {color: #004071; font-size: 14px;padding: 0 10px; margin:10px 0;}
.newsTitle3 {color: #A13A30; font-size: 14px;padding: 0 10px; margin:10px 0;}
.newsBackLink {margin: 10px 0;}
.newsBackLink a, .newsBackLink a:link, .newsBackLink a:visited, .newsBackLink a:hover {font-size: 13px; text-decoration: none ! important;}
#news1 {color: #ffffff;}

/*MEMBER MODULE*/

/*Member Menu  */
.memberMenuActive {color: #ffffff ! important;}

/*Member Login Form*/
.loginForm {margin: 0;}
.loginForm input, .loginForm span, .loginForm label {margin-right: 5px;}
.loginForm div {margin: 7px 0 7px 5px;}
.loginForm br {clear: left;}

/*Member Registration*/
.registrationForm {margin-top: 15px;}
.registrationForm label, .registrationForm input, .registrationForm img, .registrationForm span {display: block; float: left; margin: 3px 0 5px 0;}
.registrationForm span {padding-left: 5px;}
.registrationForm label {text-align: right;width: 150px;padding-right: 10px;}
.registrationForm input#isSubmit {display: inline; float:none; width:auto; margin: 10px 0 0 160px}
.registrationForm br {clear: left;}
#registrationFormCheckbox {display: inline; float: none; margin: 0 0 0 90px;}
#registrationFormCheckboxSpan {display: inline; float: none; margin:0;}
.registrationForm div {margin: 3px 0 5px 0;}


/*Member Default Page*/
#memberDefaultContent span {display: block; float: left; width:180px;margin: 5px 0;}
#memberDefaultContent br {clear: left;}

/*Member Orders Page */
.memberOrderTable {margin-top: 15px;}
.memberOrderTable td {padding: 10px 0;}
.memberOrderTableHeader td {border-bottom: 1px solid #BDBE84; font-weight: bold;}


/*Inventory*/
/*My List*/
.savedListName {float:left; width:200px;}
.eventSavedList {float:left; width:200px;}


/*Shop Nav*/
.shopNavParent {margin: 10px 0 0 0 ! important; padding: 0;font-weight:bold; font-size: 13px;}
.shopNavParentActive {margin: 10px 0 0 0 ! important; padding: 0;font-weight:bold; font-size: 13px; color: #ffffff;}

.shopNavChild	{margin: 0 ! important; padding:1px 0 0 5px;font-size: 11px;}
.shopNavChildActive {margin: 0 ! important; padding:1px 0 0 5px;font-size: 11px;}
.shopNavChildActive  a {color: #ffffff ! important;}


/*Shop*/
.shopListProductBox {float:left; width: 265px; border: 1px #BDBE84 solid; background-color: #F0F0BE;overflow: hidden; margin: 15px 13px 0 0;}
.shopListThumb {float:left; width: 130px;}
.shopListCat {font-size: 12px; font-weight: bold; margin:0; padding: 10px 8px 0 0;}
.shopListProduct {font-size: 12px; margin:0; padding: 1px 8px 0 0;}
.shopListSize {font-size: 12px; margin:0; padding: 8px 8px 0 0;}
.shopListPrice {font-size: 12px; margin:0; padding: 1px 8px 0 0;}
.productPrice {color: #004071;}
.shopListLink {margin:0; padding: 8px 8px 0 0;}


.shopProductBox {width: 100%; font-size: 13px;}
.shopProductImage {float:left; width: 224px;}
.shopProductCat {font-weight: bold; margin:0; padding: 15px 8px 0 0;}
.shopProductName {margin:0; padding: 1px 8px 0 0;}
.shopProductSize {margin:0; padding: 10px 8px 0 0;}
.shopProductPrice {margin:0; padding: 1px 8px 0 0;}
.shopProductLeadin{font-weight: bold;font-size: 11px;margin:0; padding: 15px 8px 0 0;}
.shopProductDirections{font-size: 11px;margin:0; padding: 15px 8px 0 0;}
.shopProductIngredients {font-size: 11px;margin:0; padding: 15px 8px 0 0;}
.shopProductDetails{font-size: 11px;margin:0; padding: 15px 8px 0 0;}

.addToCartForm {font-size: 13px; margin: 0; padding:0;}
.addToCartFormQty {width: 15px; color: #43571f; background-color: #dcddb4; border: 1px #BDBE84 solid; padding:2px 5px; margin:15px 0 0 0;}
.addToCartFormSubmit {margin: 10px 0 0 0; width: 170px; color: #43571f; font-size: 13px ! important; padding: 1px 0 ! important;}
.emailFriendForm {margin: 0; padding: 0;}
.emailFriendFormSubmit {margin: 3px 0 10px 0; width: 170px; color: #43571f; font-size: 13px ! important; padding: 0 ! important;}


/*Email a friend page*/

#shopEmailFriend {padding-right: 15px;}
#shopEmailFriend p a {font-weight: bold;}
div#emailForm {margin-top: 10px;}
div#emailForm label{float: left;width: 120px;font-weight: bold;}
div#emailForm input, div#emailForm textarea{width: 300px;margin-bottom: 5px;}
div#emailForm textarea{width: 300px;height: 100px;}
div#emailForm br{clear: left;}
input.isSend {margin-left: 120px;margin-top: 5px;width: 90px ! important;}
.required {color: red; font-weight:bold; font-size: 20px;}
#req {margin-left: 130px;}


/*SHhopping Cart*/
.cartTable {margin: 15px 0 15px 0; padding: 0;}
.cartTable tr {margin: 0; padding: 0;}
.cartTable td {margin: 0; padding: 0;}
.cartTable td form {margin: 0; padding: 0 ;}
.cartTableHeaderRow {font-weight: bold; border-bottom: 2px solid #BDBE84;padding:5px 0 ! important; margin:0; font-size: 13px;}
.cartTableFooterRow {font-weight: bold; border-top: 1px solid #BDBE84;padding:5px 0  ! important; margin:0;font-size: 13px;}
.cartQty {width: 35px; color: #43571f; background-color: #dcddb4; border: 1px #BDBE84 solid; padding:0 5px; margin:0;}
.cartItem {margin: 0; padding: 0; }
.cartItem td {margin: 0; padding: 5px 0; border-bottom: 1px #BDBE84 solid;}


.cartCheckoutLink {float: left; width: 200px; margin-bottom: 15px;}
.cartCheckoutLink input, .cartReturnLink input {width: 180px ! important;}
.cartReturnLink {float: right; width: 200px;  margin-bottom: 15px;}


/*Shop Checkout*/
.checkoutSignIn {float: left; width: 336px; margin-top: 15px; padding: 0 5px 10px 5px;}
.checkoutSignInForm {margin-top: 15px;}
.checkoutSignInForm label, .checkoutSignInForm input, .checkoutSignInForm span {display: block; float: left; margin: 3px 0 6px 0;}
.checkoutSignInForm label {text-align: right;width: 120px;padding-right: 10px;}
#checkoutFormCheckbox {margin-left: 40px;}
.checkoutSignInForm span {padding-left: 5px;}
.checkoutSignInForm br {clear: left;}
.checkoutSignInForm input#isSignIn, .checkoutSignInForm input#isCreate {font-size: 13px; display: inline;float:none; width:auto; margin: 5px 0 5px 130px}

.checkoutNewAccount {float: left; width: 335px; border-left: 1px solid #BDBE84; margin-top: 15px; padding: 0 5px 10px 5px;}

.checkoutFormButton {margin: 20px 0 0 350px ! important; width: 110px;}

#checkoutAddress {float: left; width: 460px; margin: 0; padding: 0;}
#checkoutSummary {float: left; width: 220px; margin-left: 12px; padding-top:15px;}

#checkoutShippingAddress, #checkoutBillingAddress {border-left: 2px solid #BDBE84; margin-bottom: 15px;}
#checkoutShippingAddress H4, #checkoutBillingAddress H4 {margin: 0; padding: 5px 5px 0 5px; background-color: #BDBE84;}
#checkoutShippingAddress H2, #checkoutBillingAddress H2 {margin: 0 0 20px 0 ; padding: 0 5px 5px 5px; background-color: #BDBE84; font-weight:bold; color: #43571f; }
#checkoutShippingAddress H3, #checkoutBillingAddress H3 {padding: 0 0 0 5px;}

.checkoutAddressRadio {margin: 0;padding:5px 0 3px 15px;}
.checkoutAddress {padding-left: 40px;}

.checkoutOrderSummary {border: 1px #BDBE84 solid; background-color: #F0F0BE; padding: 10px;}
.checkoutOrderSummaryTop {margin: 0 0 15px 0; padding: 0;}
.checkoutOrderSummaryHeading {float:left; width: 60%; font-weight: bold; margin:0; padding: 0;}
.checkoutOrderSummaryLink {float:right; width: 40%; text-align:right; margin: 0;}
.checkoutSummaryCartItems {margin: 0;}
.checkoutSummaryCartItems td {padding-bottom: 5px ! important;}
.checkoutOrderSummarySubtotal {font-weight: bold; padding: 5px 0 0 0 ! important;}

.checkoutArea {position: relative; border-left: 2px solid #BDBE84; margin: 10px 0 5px 0;}
.checkoutArea H4 {margin: 0; padding: 5px 5px 0 5px; background-color: #BDBE84;}
.checkoutArea H2 {position:relative;margin: 0 0 5px 0 ; padding: 0 5px 5px 5px; background-color: #BDBE84; font-weight:bold; color: #43571f; }
.checkoutAreaHeading {padding: 5px ! important;}
.checkoutArea H3 {padding: 9px 0 6px 5px;}
.checkoutArea p {margin: 10px; }

.checkoutstage {background-color: #F0F0BE; border: 1px #BDBE84 solid; padding: 5px;font-size: 12px; margin: 0 0 10px 0;}
.checkoutstageActive {margin: 0 45px 0 0; font-weight: bold;}
.checkoutstageNotActive {margin: 0 45px 0 15px;}
.checkoutstageHeader {margin: 0 45px 0 5px; font-weight: bold;color: #BDBE84;font-size: 14px;}
.checkoutstageArrow {margin: 0; font-weight: bold;}