/*********************************************************************************************
This is the main stylesheet. These are the styles are for the website content that is editable 
by the client. These styles appear in the WYSIWYG editor.
*********************************************************************************************/

BODY {background: #5a7424; background-image: none; font-size:11px;  font-family: Verdana, Arial, sans-serif; font-style: normal; text-align: center; color: #43571f; margin-top:0}

/* TinyMCE specific rules */
body.mceContentBody {position: relative; width:450px; background: #dcddb4; background-image: none; text-align: left;}

a {text-decoration: underline;outline: none}
a:link {color: #43571f;	background: transparent; text-decoration: underline;outline: none}
a:visited {color: #43571f; background: transparent; text-decoration: underline;outline: none}
a:hover {color: #dd8313; background: transparent; text-decoration: underline;outline: none}

h1 {font-size: 14px; color: #43571f}
h2 {font-size: 14px; color: #A13A30; font-weight: normal;}
h3 {font-size: 12px; color: #43571f}
h4 {font-size: 11px; color: #43571f}

h1 a {text-decoration: none ! important;}

a img { border:0;}

p {margin: 10px 0 0 0;}
h1 {padding: 9px 0 1px 0; margin: 0;}
h2 {padding: 9px 0 1px 0; margin: 0;}
h3 {padding: 9px 0 6px 0; margin: 0;}


ul {margin-top: 10px; margin-bottom: 0;}


li {line-height: 20px;}

input, select {font-size: 11px; font-family: Verdana, Arial, sans-serif; color: #43571f;}

/*Standard class across all modules for form fields*/
.formInput {color: #43571f; background-color: #ffffff; border: 1px #BDBE84 solid; padding: 2px;}
.formSubmit {font-size: 13px; color: #43571f;}
.formRadio {display: inline ! important; float: none ! important; margin: 0 ! important; padding: 0 ! important;}

.floatedForm {margin: 15px 0 0 0;}
.floatedForm label, .floatedForm input, .floatedForm span, .floatedForm select {display: block; float: left; margin: 0 0 10px 0;}
.floatedForm input, .floatedForm select {font-size: 13px;}
.floatedForm label {text-align: right;width: 140px;padding-right: 10px;}
.floatedForm br {clear: left;}
.floatedForm input#isSubmit {font-size: 13px; display: inline;float:none; margin: 0 0 0 130px}

.orange {color: #dd8313;}
.error {color: #dd8313; font-weight: bold;}
.error a, .error a:link, .error a:visited {color: #dd8313;}
.error a:hover {color: #43571f;}
.small {font-size: 10px ! important;}
.indent {padding-left: 15px ! important; margin: 10px 0 10px 0;}

.header {font-weight: bold;}

.nomargin {margin: 0;}

.center {text-align: center;}
.clear {clear: both; height:1px; overflow: hidden; margin:0; padding:0;}

/*Home Page*/
.featureNews {position: relative; width: 486px; margin: 25px 0 0 0; padding: 0;}
.homeNewsItemI {border: 1px #B1B579 solid; background: #E8EFB8; min-height:172px; padding: 0 10px 0 0; margin:0;}
* html .homeNewsItemI {height: 172px;}
.homeNewsItemImage {float: left; width:171px; height: 172px; border-right: 1px #B1B579 solid; margin: 0 10px 0 0; padding: 0;}
.homeNewsTitle {padding:10px 0 0 0; margin: 0; color: #9D7E00; font-size:13px;}
.homeNewsTitleA {padding:10px 0 0 0; margin: 0; color: #A13A30; font-size:13px;}
.homeNewsTitleB {padding:10px 0 0 0; margin: 0; color: #004071; font-size:13px;}
.homeNewsLeadin {margin: 0; padding: 10px 0 0 0;}
.homeNewsLeadin  p {margin:0; padding:0 0 10px 0;}
.homeLink {margin:0; padding: 0 0 10px 0;}

.homeNewsItemM {float:left; width: 215px; margin:0; min-height:172px; border: 1px #B1B579 solid; background: #E8EFB8;padding: 0 10px;}
* html .homeNewsItemM {height: 172px;}

.homeNewsItemS {float:left; width: 12px; margin:0; padding:0;}

/*Skincare Nav*/
#skincare1 {color: #ffffff;}

/*About Us Nav*/
body#about #aboutUsLink {color: #ffffff;}
body#philo #philoLink {color: #ffffff;}
body#promise #promiseLink {color: #ffffff;}
body#qa #aqLink {color: #ffffff;}

/*Contact*/
body#contact #contentN p a {font-weight:bold; text-decoration: none;}

/*SiteMap*/
.siteColL, .siteColM, .siteColR {float:left; width:230px; margin:0; padding:0;}
.siteColM {text-align: center;}
.siteColR {text-align: right;}
.siteBoxS {width: 200px; height: 192px; background-color: #eef0bc; border: 1px solid #c9c98e; text-align: left; margin: 0 0 8px 0; padding: 0 10px;}
.siteBoxB {width: 200px; height: 394px; background-color: #eef0bc; border: 1px solid #c9c98e; text-align: left; padding:0 10px;}

.siteBoxS ul li a, .siteBoxB ul li a, .siteBoxS ul li a:link, .siteBoxB ul li a:link, .siteBoxS ul li a:visited, .siteBoxB ul li a:visited, .siteBoxS ul li a:hover, .siteBoxB ul li a:hover   {text-decoration: none;}


/*Newsletter SignUp*/
form#newsletterForm {margin: 20px 0 10px 0;}
.col1 {float: left; width: 226px; padding-left: 130px; margin:0;}
.col2 {float: left; width: 199px; margin:0;}
.col3 {float: left; width: 77px; text-align: right; padding: 13px 60px 0 0;  margin:0;}
form#newsletterForm input#submitButton {height: 20px; width: 57px;}
form#newsletterForm input {margin: 4px 0 10px 0;}