html {
	background: #F0F3E9;	
}

body {
	margin: 0;
	font: 62.5%/ 1.5 verdana, sans-serif;
	text-align: center;
	color: #333;
	background: #F0F3E9 url(../images/design/body_bg.jpg) 0 0 repeat-x;
}

/* ----------------
	DEFAULTS AND RESETS
    ------------- */ /* PC FF3 adds an outline to Flash objects? */
a,object {
	outline: none;
}

a img {
	border: none;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Georgia, serif;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h1 a:link,h2 a:link,h3 a:link,h4 a:link,h5 a:link,h6 a:link,h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited
	{
	color: #000;
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
	color: #000;
}

h1 {
	font-size: 2.8em;
	padding: 0;
	margin: 0.3em 0 0.75em 0;
}

h2 {
	font-size: 2.2em;
	padding: 0;
	margin: 0.3em 0 0.75em 0;
}

h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.3em;
}

h5 {
	font-size: 1.2em;
}

h6 {
	font-size: 1em;
}

dt {
	font-weight: bold;
	margin-bottom: 0;
}

dd {
	margin: 0 1.5em;
}

dd p:first-child {
	margin-top: .5em;
}

a,a:link,a:visited {
	color: #00467F;
}

a:hover,a:active {
	color: #997755;
}

strong,b {
	font-weight: bold;
}

em,i {
	font-style: italic;
}

p {
	line-height: 1.5em;
}

/* For HR's with background images */
div.hr {
	height: 3px;
	margin: 10px 0;
	background: #fff url() 0 0 repeat-x;
}

div.hr hr {
	display: none;
}

ul,ol {
	margin: 0;
	padding: 0;
	color: #666;
}

ul {
	list-style: none;
}

ul li {
	background: url(../images/design/list-arrow.gif) 0 6px no-repeat;
	padding-left: 14px;
}

ol {
	list-style: decimal;
	padding: 0;
}

ol ul,ol ol {
	margin: 0;
	padding: 0;
}

/* orderedList class can be assigned manually, or with jQuery method. Intended to style bullets differently than text.  */
ol.orderedList li span {
	color: #666;
}

ol.orderedList {
	color: #000;
}

li {
	margin: 0;
	padding: 0;
}

blockquote,q {
	margin: 1em 2em;
	padding: 1em;
	border-left: 1px solid #dcd6c6;
	font-style: italic;
	font-size: 1.2em;
	color: #666;
}

small,.small {
	font-size: .8em;
}

/* table { border: 0; border-collapse: collapse; } */
address {
	font-style: normal;
	font-size: 1.3em;
	color: #4D2700;
	font-style: italic;
}

form {
	margin: 0;
}

/* ----------------
	PAGE STRUCTURE
	Elements that make up the skeleton of the layout and holds things together
    ------------- */
#page {
	position: relative; 
	text-align: left;
	padding: 0;
	font-size: 1em;
}

#wrapper {
	position: relative;
	min-height: 100%;
	margin: 0 auto;
/*	padding-bottom: 10px; */
	width: 960px;
}

#header {
	position: relative;
	width: 760px;
	margin: 0 auto;
	height: 140px;
}

#contentMain {
	width: 760px;
	margin: 0 auto;
}

#contentMainInner {
	padding: 0 0 20px 3px;
	overflow: hidden;
}

/* Entry Page Layout */
#entryColumnMain {
	float: left;
	width: 527px;
}

#entryColumnSub {
	float: left;
	width: 213px;
	margin: 0;
	padding-top: 1em;
}

#flashArea {
	height: 337px;
}

/* Inner Page Layout */
#innerColumnMain {
	width: 530px;
	float: left;
	padding-top: 50px;
}

#innerColumnSub {
	float: left;
	width: 170px;
	padding-top: 50px;
}

/* Inner Page General Template */

body.innerGeneral #innerColumnSub {
	width: 192px;
	margin-right: 30px;
}

body.innerGeneralRight #innerColumnSub {
	width: 192px;
}

/* Inner Page List Template */
body.innerList #innerColumnMain,
html body.order-online #innerColumnMain {
	width: 518px; /* Alt Style in ie6.css */
}

body.innerList #innerColumnSub {
	width: 213px;
}

/* Inner Page Special Template */
body.innerSpecial #innerColumnMain {
	width: 518px;
}

body.innerSpecial #innerColumnSub {
	margin-right: 30px;
	width: 192px;
	padding-top: 125px;
}

/* Inner Page Info Template */
body.innerInfo #innerColumnMain,
body.commerce #innerColumnMain {
	width: 100%;
}

/* END page-specific layout styles */

#footer {
	width: 760px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 3em;
}

	#footerNav p {
		margin: 0;
		float: left;
		text-align: left
	}
	
	#footerNav p.links {
		clear: both;
		width: 100%;
		margin-top: 0.2em;
	}
	
	#footerNav img {
		float: right;
	}
	#footerNav p.siteDesignCredit a {
		text-decoration: none;
		margin-top: 0.2em;
		font-size:0.7em;
	}
	
/* StarBurst Background */
body.home #wrapper {
	background: url(../images/design/starburst.jpg) 560px 475px no-repeat; /* Alt Style in ie6.css */
}

body.innerList #wrapper {
	background: url(../images/design/starburst.jpg) 575px 250px no-repeat;
}

body.innerSpecial #wrapper {
	background: url(../images/design/starburst.jpg) -26px 231px no-repeat;
}

body.commerce #wrapper {
	background: url(../images/design/starburst.jpg) 575px 217px no-repeat;
}

/* ----------------
	PAGE STRUCTURE ELEMENTS
	Elements  such as logos, search bars, and any other design element repeated throughout the site, but doesn't effect the structural layout
    ------------- */
#logo {
	width: 238px;
	height: 93px;
	display: block;
	background: url(../images/design/logo.jpg) 0 0 no-repeat;
	position: absolute;
	top: 41px;
	left: 5px;
	margin: 0;
	padding: 0;
	font-size: 1em;
}

#logo a {
	width: 238px;
	height: 93px;
	display: block;
	text-indent: -9999px;
}

#utilities {
	position: absolute;
	top: 13px;
	right: 165px;
}
#utilities a {
	color: #4D2700;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}
#utilities a#shoppingCart {
	background: url(../images/design/shopping-cart.gif) 0 0 no-repeat;
	padding-left: 17px;
}
#utilities a#login,
#utilities a#logout {
	background: url(../images/design/login.gif) 0 0 no-repeat;
	padding-left: 22px;
	margin-right: 3px;
}

#orderOnline {
	width: 196px;
	height: 39px;
	display: block;
	background: url(../images/design/order-online.jpg) 0 0 no-repeat;
	position: absolute;
	top: 0;
	right: -35px;
}

#orderOnline a {
	width: 196px;
	height: 39px;
	display: block;
	text-indent: -9999px;
}

#comments,
#customerReviews {
	background: #F8F9F5;
	border-top: 1px solid #99B06D;
	padding: 2em;
	margin-top: 2.5em;
	margin-bottom: 1.5em;
}

/* ----------------
	NAVIGATION
    ------------- */
 #mainMenu {
	list-style: none;
	height: 84px;
	position: absolute;
	right: 2px;
	bottom: 6px;
	margin: 0;
	width: 509px;
	overflow: hidden;
}

#mainMenu li {
	float: left;
	display: block;
	height: 84px;
	background: none;
	padding-left: 0;
	text-indent: -9999px;
}

#mainMenu li.active {
	background: url(../images/design/nav-hover.jpg) 0 0 repeat-x;
}

#mainMenu li a {
	color: #00467F;
	text-decoration: none;
	text-transform: capitalize;
	height: 84px;
	background: url(../images/design/nav.jpg) 0 0 no-repeat;
	display: block;
}

	li#bravina-ingredients a 		{ width: 107px; background-position: 0 0;}
	li#public-speaking-anxiety a 	{ width: 96px; background-position: -107px 0;}
	li#speech-advice a 				{ width: 96px; background-position: -203px 0;}
	li#customer-results a 			{ width: 106px; background-position: -299px 0;}
	li#faq a 						{ width: 104px; background-position: -406px 0;}
	
	li#bravina-ingredients a:hover 		{ background-position: 0 -84px; }
	li#public-speaking-anxiety a:hover 	{ background-position: -107px -84px; }
	li#speech-advice a:hover 			{ background-position: -203px -84px; }
	li#customer-results a:hover 		{ background-position: -299px -84px;} 
	li#faq a:hover 						{ background-position: -406px -84px;}
	
	li#bravina-ingredients a.active 		{ background-position: 0 -168px; }
	li#public-speaking-anxiety a.active 	{ background-position: -107px -168px;}
	li#speech-advice a.active  				{ background-position: -203px -168px;}
	li#customer-results a.active  			{ background-position: -299px -168px;}
	li#faq a.active  						{ background-position: -406px -168px;}
	

#localNav {
	margin: 1em 0;
}

#localNav li {
	background: none;
	padding: 0;
	margin-bottom: 1em;
	line-height: 1.1;
}

#localNav li a {
	font-size: 0.9em;
	text-transform: capitalize;
	text-decoration: none;
}

#localNav li a:hover {
	color: #997755;
}

#localNav li.active li {
	margin-bottom: 0;
}
	#localNav ul li ul li {margin-bottom: 1em !important; }
	#localNav ul li ul li.active {list-style: none; margin-left: 5px; margin-bottom: 1em; }

#localNav li.active {
	background: url(../images/design/localnav-active.gif) 0px 4px no-repeat;
	padding-left: 14px;
}

#localNav li.active a {
	color: #764200;
}

/* ----------------
	IMAGES
    ------------- */
body.home #entryColumnSub img {
	margin-top: 75px; /* Alt style in i6.css */
	margin-right: 0;
}

body.innerList #innerColumnSub img {
	margin-top: 75px;
}

/* Commented out until it needs to be used later
body.innerSpecial #innerColumnSub img {
	
}
*/

p img {
	margin-right: 1em;
	margin-bottom: 1em;
	margin-top: 0.25em;
}

.weddingToast {
	margin-top: 2em;
}

.orderNow {
	width: 143px;
	height: 34px;
	display: block;
	background: url(../images/design/order-now.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	margin-left: 23px;
	margin-top: 0.5em;
}

.orderNow:hover {background: url(../images/design/order-now.jpg) 0 -34px no-repeat;}

body.innerSpecial .orderNow {
	margin-left: 8px;
}
/* ----------------
	TYPEOGRAPHY
    ------------- */ 

/* Headers */
h1 {
	margin-top: 0;
	line-height: 1em;
	margin-bottom: 0.25em;
}

h1,h2 {
	color: #764200;
	font-style: italic;
}

h3 {
	color: #00703C;
	border-top: 1px dashed #99B06D;
	margin-bottom: 0.5em;
	padding-top: 0.5em;
	font-style: italic;
	font-weight: normal;
}

h3 small {
	font-weight: normal;
}

#innerColumnSub h4 {
	margin-bottom: 0.2em;
}

/* Paragraphs & Lists */
p,ul,ol {
	color: #4D2700;
	font-size: 1.3em;
}

ul ul {
	font-size: 1em;
}

li li {
	background: none;
	padding-left: 0;
	list-style: disc;
	margin-left: 1.5em;
}

.summary p {
	color: #7A993D;
	font-style: italic;
	font-size: 2.2em;
	font-family: georgia, serif;
}

/* List Specific Styles */
body.innerList .summary p,body.innerSpecial .summary p {
	border-bottom: 1px dashed #99B06D;
	padding-bottom: 1.5em;
}

body.innerList #innerColumnMain ul {
	overflow: auto;
}

body.innerList #innerColumnMain li {
	width: 40%;
	float: left;
	font-size: 1.235em;
	font-style: italic;
	margin-right: 2em;
	background: transparent url(../images/design/list-arrow.gif) no-repeat
		scroll 0 9px;
	padding-left: 18px;
}

/* End List Specific Styles */
p.disclaimer {
	border: 1px solid #99B06D;
	padding: 0.25em 3em;
	clear: both;
	color: #99B06D;
	font-size: 0.9em;
	text-align: center;
	margin-top: 3em;
}

/* Blog Styles */
p.postAuthor {
	color: #997755;
	font-size: 1.1em;
}

#comments h3,
#customerReviews h3 {
	color: #764200;
	border-top: none;
	font-style: normal;
	padding: 0;
	margin: 0;
}

/* Customer Review styles */
.review {
	clear: right;
	border-bottom: 1px dashed #99B06D;
	margin-bottom: 1.5em;
}
.review cite {
	font-style: normal;
	display: block;
}

.review h4 {margin: 0 0 0 0.25em;}

#customerReviews h3 {margin-bottom: 1em;}

#comments .postDate,
.review cite {
	color: #7A993D;
	font-size: 1.1em;
	padding-bottom: 1em;
}

.review .stars {float: right;}
.review p {clear: right;}

/* Footer styles */

#footerNav a:link,
#footerNav a:active,
#footerNav a:visited {
	color: #99B06D;
}
#footerInner p,p.footer, p.links {
	color: #99B06D;
	font-size: 0.9em;
}

#footerInner a,p.footer a, p.links a {font-size: 1em;}


p.upload {
	text-align: right;
}

p.upload a {
	font-size: 1.235em;
	color: #00467F;
	font-style: italic;
	background: transparent url(../images/design/list-arrow.gif) no-repeat
		scroll 0 6px;
	padding-left: 14px;
}

.rssBlogFeedLink {
	margin-bottom: 0;	
}

.rssBlogFeedLink a {
	margin: 0 0.5em 0 0;
	display: block;
	padding-left: 20px;
	background: url(../images/design/icon-feed.gif) 0 3px no-repeat;
}

/* Anxiety Test Styles */
#anxietyTest {
	display: none;
}

#anxietyTest .summary p {
	border: none;
	padding-bottom: 0;
	padding-right: 0;
}

#anxietyTest h2 {
	color: #FFF;
	font-size: 1.6em;
	background: #99B06D;	
	text-align: center;
	font-style: normal;
	margin: 1em 0;
}

	#anxietyTest h2 small {
		display: block;
		font-size: 0.7em;
	}

#anxietyTest .questionRow {
	border-bottom: 1px dashed #99B06D;
}

#anxietyTest p {
	padding-bottom: 0.5em; /* Alt style in ie6.css */
	position: relative;
	margin: 0.6em 0;
	padding-right: 175px;
}

	#anxietyTest p span {
		width: 81px;
		height: 34px;
		display: block;
		border: none;
		cursor: pointer;
		position: absolute;
		top: 10px;
		outline: none;
	}

		#anxietyTest span.yes {
			text-indent: -9999px;
			background: url(../images/design/yes-no-buttons.jpg) 0 0 no-repeat;
			margin-right: 10px;
			left: 347px;
		}
		
		#anxietyTest span.yesToggle {background: url(../images/design/yes-no-buttons.jpg) 0 -68px no-repeat;}
		#anxietyTest span.yesHover {background: url(../images/design/yes-no-buttons.jpg) 0 -34px no-repeat;}
		
		#anxietyTest span.no {
			left: 437px;
			text-indent: -9999px;
			background: url(../images/design/yes-no-buttons.jpg) -81px 0 no-repeat;
		}
		
		#anxietyTest span.noToggle {background: url(../images/design/yes-no-buttons.jpg) -81px -68px no-repeat;}
		#anxietyTest span.noHover {background: url(../images/design/yes-no-buttons.jpg) -81px -34px no-repeat;}

#anxietyTest .scaleSection p {
		border: none;
		padding: 0;
}

#anxietyTest .scaleSection ul {
		list-style: none;
		border: 2px solid #FFF;
		background: #DEE5CF;
		padding: 0.5em;
		width: 398px;
		margin-left: 10%
}

	#anxietyTest .scaleSection ul li {
		display: block;
		float: left;
		background: url(../images/design/radio-off.gif) 50% 0 no-repeat;
		padding: 1.3em 1.5em 0 1.5em;
		font-size: 0.8em;
		border-right: 1px solid #BCCB9F;
		color: #7A993D;
		font-weight: bold;
		cursor: pointer;
	}
	
		#anxietyTest .scaleSection ul li.scaleToggle {background: url(../images/design/radio-on.gif) 50% 0 no-repeat;}
		#anxietyTest .scaleSection ul li.last-child {border: none; padding: 1.3em 1em 0 1em;}

#orderOnlineButton {
	position: absolute;
	/* top: 450px; */
	left: 113px;
	z-index: 10;
}

/* For floating along the right side */
body.innerGeneralRight #orderOnlineButton {
	position: absolute;
	/* top: 450px; */
	left: 650px;
	z-index: 10;
}

#movingBox {
	position: absolute;
	top: 560px;
	left: 113px;
	z-index: 10;
	display: none;
}

	#movingBox p {
		font-size: 2.2em;
		font-style: italic;
		font-family: georgia, serif;	
	}
	
		#movingBox p span {
			display: none;
			font-size: 0.8em;
			font-style: normal;
			font-weight: bold;
			font-family: verdana, san-serif;
		}

#getResults {
	margin-top: 1em;
}

	#getResults img {
		cursor: pointer;
		margin-top: 1em;
	}

#testResults div {
	display: none;
}
#testResults h3 {
	border-top: none;
	padding-top: 0;
	margin-top: 0.5em;
}

#testResults p {
	padding-right: 0;
}


/* Survey Results Section */
#surveyResults 				{ 
								background: url(../images/design/customer-results-bg.gif) 257px 0 repeat-y;
								border-bottom: 1px dashed #99B06D;	
								border-top: 1px dashed #99B06D; 
								float: left; 
								margin-bottom: 2em; 
								padding: 1.5em 0;
								width: 518px;
							}
p.survey					{ color: #7A993D; font: bold italic 1.333em/1.5 georgia, serif; }
#surveyResults #section1,
#surveyResults #section2 	{ float: left; width: 235px; }
#surveyResults #section1 	{ margin-right: 42px; }

#surveyResults h3			{ 
								font-weight: bold; 
								border: 0; 
								padding-top: 0; 
								text-align: center; 
								margin-top: 0;
							}
#surveyResults img			{ margin-left: 15px; }

#surveyResults th,
#surveyResults td 				{ border-top: 1px dashed #99B06D; padding: 0.5em 0; }
#surveyResults th				{ padding-right: 20px; }
#surveyResults tr.important 	{ font-weight: bold ; }
#surveyResults td.question 		{ width: 150px; }
#surveyResults td.percentage 	{ text-align: right; }


/* Page Peel Styles */
#pagePeel 		{ position: relative; z-index: 500; }
#pagePeel img 	{ 
	width: 50px; 
	height: 52px;
	z-index: 530;
	position: absolute;
	right: 0; 
	top: 0;
}

#pagePeelInner {
	width: 50px;
	height: 50px;
	position: absolute;
	z-index: 520;
	right: 0; top: 0;
	background: url(../images/page-peel/deal.gif) no-repeat right top;
	text-indent: -9999px;
}
	
/* ----------------
	FORM ELEMENTS
    ------------- */
/* General form styles */

fieldset {
	border: none;
	padding: 0;
	margin: 0;
	width: 316px;
}

.formField {
	clear: left;
	margin-bottom: 1em;
}

	.formField label {
		float: left;
		width: 100px;
		font-size: 1.6em;
		color: #764200;
		margin-top: 0;
		margin-right: 6px;
		font-family: Georgia, serif;
		text-align: left;
	}
	
		.formField label small {
			font-size: 0.6em;
			font-style: italic;
		}

	formField input,.formField textarea {
		width: 196px;
		margin-right: 0;
	}
	div.htmlInputText input,
	div.htmlInputSecret input,
	.formField input,
	select,
	textarea {
		border: 1px solid #CCD7B6;
		padding: 2px;
	}

.formField textarea {
	height: 5em;
	width: 60%;
}

.formFieldSubmit {
	margin-left: 100px;
}

body.commerce .commandButton {
	border: 5px solid #FFF;
	background: #7A993D;
	color: #FFF;
	font-family: verdana;
	padding: 0.25em;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.1em;
	overflow: visible; /*IE adds extra padding. This removes it.*/
}
body.commerce .commandButton:hover {
	background: #B2C491;
	cursor: pointer;
}
body.commerce .commandButtonRemove,
body.commerce .commandButtonRemove:hover {
	background: #FEFAD8 url(../images/design/remove.gif) 0 0 repeat-x;
	border: 0;
	width: 14px;
	height: 15px;
	text-indent: -999px;
	font-size: 0px;
	display:block;
	line-height: 0px;
}

.errorText {
	color: #FF0000;
	display: block;
	margin-left: 100px;
	text-align: left;
}

form input.protect {
	display: none;
}

div.errors {
	background: #FEFAD8 url(../images/forms/bg_error.gif) 0 0 repeat-x;
	border: 1px solid #E0D75F;
	margin: 1em 0;
	padding: 10px;
}
	div.errorsInner {
		padding-left: 80px;
		background: url(../images/forms/big_error.gif) 15px 1em no-repeat;
		min-height: 55px;
	}
	div.errors h4, div.errors p {
		margin: 0;
		padding: 0;
	}


/* Return Form Layout */

#returnForm fieldset {
	width: 100%;
}

#returnForm .formField Label {
	float: none;
	display: block;
	width: auto;
	text-align: left;
	margin-bottom: 0.25em;
}

#returnForm .formField span {
	margin: 0.5em 0 0 0.5em;
}

#returnForm .formField input,
#returnForm .formField textarea {
	padding: 0.25em 0.5em 0 0.5em;
	color: #00467F;
	font-family: verdana,sans-serif;
	font-size: 1.4em;
}

	#returnForm .formField input {
		width: 300px;
		height: 1.5em;
	}

	#returnForm .formField textarea {
		width: 80%;
		height: 5em;
	}


#returnForm .formFieldSubmit {
	text-align: left;
	margin-left: 0;
}

/* Review form layout */

#reviewForm {margin-top: 1.5em;}
#reviewForm textarea {width: 60%;}
#reviewForm .formFieldSubmit {text-align: left; margin-left: 100px;}
#reviewForm .inputTextSmall {width: 35px;}

/* Wedding toast Content form */

#weddingToastContest textarea {
	width: 196px;
}

#weddingToastContest .formFieldSubmit {
	text-align: right;
	margin-left: 0;
	margin-right: 10px;
}

body.wedding-toast-contest .errors {
	width: 332px;
}


/* Return Form Success Page - These remove all styling from the page */

body.return-form-success  {background: none;}
body.return-form-success #mainMenu  {display: none;}
body.return-form-success #orderOnline {display: none;}
body.return-form-success #utilities {display: none;}
body.return-form-success h1 {color: #000; font-style: normal;}
body.return-form-success p {color: #000; font-style: normal;}
body.return-form-success p span {font-weight: bold; color: #000; font-style: normal;}
body.return-form-success .disclaimer {display: none;}
body.return-form-success .footer {display: none;}
body.return-form-success #logo {background: url(../images/design/logo-white-bg.jpg) 0 0 no-repeat;}
body.return-form-success address {color: #000;}

/* Comment Form Styles */

#postComment {
	text-align: right;
}

	#postComment fieldset {
		width: 100%;
	}
		
		#postComment fieldset .formField label {
			float: none;
			width: auto;
		}
		
		#postComment fieldset .formField input,
		#postComment fieldset .formField textarea {
			width: 300px;
		}

/* Unsubscribe Form Styles */

#newsletterForm  label {
	display: block;
	float: none;
	width: auto;
	margin-bottom: 0.5em;
}

#newsletterForm .inputText {
	width: 20em;
}

#newsletterForm .formFieldSubmit {
	display: block;	
	margin-left: 0;
}


/* Survey Form Styles */
#survey .formField {
	padding-bottom: 1em;
}

#survey label {
	display: block;
	width: 100%;
	margin-bottom: 0.75em;
}

#survey select {
	width: 235px;	
}

#survey .htmlInputText input {
	width: 235px;
}

/* ----------------
	MISC
    ------------- */
.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.alignLeft {
	text-align: left;
}

.alighRight {
	text-align: right;
}

.alignCenter {
	text-align: center;
}

.clear {
	clear: both;
}

/*ingredients page */

.supplement { margin: 0; margin-left: 5px; }

/* Float Margins - Site Specific */

body.home .floatLeft {margin-bottom: 0.75em;}
.floatLeft {
	margin-right: 1.5em;
	margin-bottom: 1em;
}

.floatRight {
	margin-left: 1.5em;
	margin-bottom: 2em;
}

.customerResults { margin-bottom: 0; }
#resultsCallout {
	float: left;
	height: 138px;
	width: 198px;
	margin-right: 15px;
}

/* ----------------
	CLEAR FLOATS WITHOUT EXTRA HTML MARKUP
	add this class to the element that needs to be cleared, or add the element's class or id to the declaration below
    ------------- */
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* ==================================================== */
form fieldset {
	border: 0;
	margin: 0;
	padding: 5px;
	width: auto;
}
form div.fieldArea {
	font-size: 1.3em;
	margin-bottom: 2px;
	clear: left;
}

body.commerce form div.fieldArea {
	margin-bottom: 10px;	
}


form div.fieldArea label {
	float: left;
	font-family: Georgia, serif;
	width: 180px;
}

	.usernameFieldArea input, .passwordFieldArea input, .confirmPasswordFieldArea input { margin-right: 0 !important; width: 195px; }
	.step-account .usernameFieldArea label, .step-account .passwordFieldArea label { width: 100px; }
	
body.commerce form div.fieldArea label {
	font-size: 0.846em;
	font-family: verdana, sans-serif;	
}

form div.fieldArea.required label {
	color: #7A993D;	
}
form div.fieldArea input,
form div.fieldArea select {
	margin-right: 1em;
}
span.fieldRequiredMark {
	color: red;
}

.message {
	font-style: italic;
	margin-left: 1em;
}
.error {
	color: red;
}

/* -----------------
	CART PROGRESS - used at the top of the page for each step in the checkout process
------------------ */
.progress {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-bottom: 1.5em;
}
	.progress li {
		color: #7A993D;
		text-transform: uppercase;
		font-size: .8em;
		padding: 2px 5px;
		margin: 0;
		display: inline;
	}
		.progress li.active,
		.progress li.active {
			border: 1px solid #99B06D;
			color: #99B06D;
		}
		.progress li.disabled,
		.progress li.disabled a {
			color: #B7CF87;
		}
	.progress li a {
		text-decoration: none;
		color: #7A993D;
	}
	.progress li a:hover {
		border-bottom: 1px solid #005C90;
	}
	.progress li.active a:hover {
		border: none;
	}
	.progress span.separator {
		color: #d1dddf;
	}
	

/* -----------------
	list items (eg cart)
------------------ */

/* Until does more we are leaving this off. */
.cart .deliverReceiverArea {
	display: none;
}

.listItemsArea .tax,
.listItemsArea .discount {
	display: block;
	font-size: .9em;
	color: #a4bbc0;
	white-space: nowrap;
}
.listItemsArea .thumbnail img {
	margin: 3px;
	border: 1px solid #99B06D;
	padding: 5px;
	background-color: #F0F3E9;
}
.listItemsArea .remove input {
	margin-left: auto;
	margin-right: auto;
}
.listItemsArea .deliverReceiverArea .fieldArea label {
	font-family: verdana,sans-serif;
	font-size: .8em;
	width: 120px;
}
.listItemsArea .deliverReceiverArea .fieldArea .message {
	display: block;
	margin-left: 120px; 
}

.listItemsTable {
	width: 100%;
	border-bottom: 1px solid #99B06D;
}
.listItemsTable .description {
	width: 100%;
}
.listItemsArea {
	margin: 12px 0;
}
.listItemsArea table {
	border-collapse: collapse;
	font-size: 1.1em;
}
	.listItemsArea table th,
	.listItemsArea table td {
		padding-left: 5px;
		padding-right: 5px;
	}
	.listItemsArea table .fieldArea {
		font-size: 1em;
	}
	.listItemsArea table .fieldArea label {
		font-family: inherit;
		float: none;
	}
	.listItemsArea table thead tr {
		background: #99B06D none repeat scroll 0 0;
		font-weight: bold;
		color: #FFFFFF;
		font-size: 1.1em;
		font-style: normal;
	}
	.listItemsArea table tr.odd {
		background-color: #DFE6D1;
	}
	.listItemsArea table .quantity .inputText {
		width: 2.5em;
	}
	.listItemsArea table .subtotal {
		text-align: right;
	}

.listItemsArea .listTotalDetails {
	float: right;
}
	.listItemsArea .listTotalDetails td {
		border: 0;
		text-align: right;
		padding: 5px 0 5px 5px;
	}
	.listItemsArea .listTotalDetails .shippingMethod label {
		margin-right: 8px;
	}
.listTotalDetailsGrandTotal {
	border-top: 1px dashed #99B06D;
	font-weight: bold;
	font-size: 1.1em;
}
	
body.cart .commandButtonUpdate {
	float: left;
}
body.cart .commandButtonCheckout {
	float: right;
}



/* -----------------
	category
------------------ */
.commerceCategoryName {
	display: none;
}



.categoryChildren {
	width: 100%;
}
.categoryChildren .categoryChild {
}
	.categoryChildren .categoryChild td {
		vertical-align: middle;
		border-bottom: 1px dashed #B7CF87;
		padding: 5px 10px;
	}
	.categoryChildren .categoryChild td.categoryChildPreviewArea {
		padding-left: 20px;
	}
	.categoryChildren .categoryChild td.addToCartArea {
		text-align: right;
	}
	.categoryChildren .categoryChild .fee {
		font-size: 1.2em;
		font-weight: bold;
		color: #7A993D;
	}
	.categoryChildren .categoryChild h2 {
		color: #336699;
		font-family: verdana, sans-serif;
		font-style: normal;
		margin: 0;
		white-space: nowrap;
	}
	.categoryChildren .categoryChild .quantityFieldArea * {
		display: inline;
	}
	.categoryChildren .categoryChild .quantityFieldArea {
		display: inline;
	}
	.categoryChildren .categoryChild .quantityFieldArea label {
		float: none;
	}
	.categoryChildren .quantityFieldArea input { 
		margin: 0 12px;
		width: 4em;
		float: none;
	}
	
/*
.categoryChildren .categoryChild {
	margin: 0;
	padding: 20px 0px 20px 60px;
	background: none;
	border-bottom: 1px dashed #B7CF87;
	clear: both;
}
	.categoryChildren .categoryChild .fee {
		font-size: 1.2em;
		font-weight: bold;
		color: #7A993D;
	}
	.categoryChildren .categoryChild h2 {
		color: #336699;
		font-family: verdana, sans-serif;
		font-style: normal;
		margin: 0;
	}
	
	.categoryChildren .categoryChild .quantityFieldArea * {
		display: inine;
	}
	.categoryChildren .categoryChild .categoryChildPreviewArea,
	.categoryChildren .categoryChild .nameAndPrice,
	.categoryChildren .categoryChild .addToCartArea {
		float: left;
	}
	.categoryChildren .categoryChild .addToCartArea .commandButton {
		float: left;
		margin-top: -5px;
	}
	.categoryChildren .categoryChild .quantityFieldArea {
		float: left;
	}
	.categoryChildren .categoryChild .quantityFieldArea label {
		float: none;
	}
	.categoryChildren .quantityFieldArea input { 
		margin: 0 12px;
		width: 4em;
		float: none;
	}
	.categoryChildren .categoryChild .addToCartArea {
	}
*/

/* -----------------
	checkout
------------------ */
.checkoutChooseAccount {
}

#checkout .commandButtonNext {
	float: right;
}
#checkoutRegister {
	width: 48%;
	float: left;
	border-right: 1px dashed #B7CF87;
}
	#checkoutRegister .checkoutWithNewAccount {
	}
#checkoutRegister .newOrGuestSeparator {
	margin: 0 5px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.2em;
}

#checkout {
	padding: 0;	
}

body.commerce h2 {
	font-size: 1.6em;
	font-style: normal;
	font-weight: normal;
	margin-top: 0.5em;
}

.accountInfo  {
	background: url(../images/design/checkout-bg-line.gif) 428px 0 repeat-y;
	border-top: 1px solid #CCD7B6;
	border-bottom: 1px solid #CCD7B6;
	padding-bottom: 1em;
}

#checkoutLogin {
	float: right;
	width: 308px;
}

	#checkoutLogin .commandButton {
		float: right;
	}
	
.cartStepControls,
.checkoutStepControls {
	padding: 12px 0;
	clear: both;
}
/* We do not need these fields. But must be on the form so browsers use the "update" when push enter. */
.cartStepControlsTop {
	position: absolute;
	left: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
}
.infoArea {
	clear: both;
}
.infoArea .infoLabel {
	display: block; 
	float: left;
	font-weight: bold;
	width: 80px;
}

/* CVN Popup styling */

#aboutCvn {
	position: absolute;	
	z-index: 9999;
	visibility: hidden;
}
				
		#aboutCvnInner {
			padding-left: 30px;
			position: relative;
			width: 230px;
		}
		
			#aboutCvnInner .pointer {
				position: absolute;
				left: 0;
				bottom: 15px;
				display: block;
				width: 30px;
				height: 21px;
				background: url(../images/design/pointer.gif) 0 0 no-repeat;
			}
		
			#aboutCvnInner #aboutCvnContent {
				background: #FFFFFF;
				width: 270px;
				padding: 10px;
			}
			
				#aboutCvnInner #aboutCvnContent h2 {color: #99B06D; font-size: 1.3em; font-style: normal; margin-bottom: 0.5em;}
				#aboutCvnInner #aboutCvnContent p { margin-top: 0; color: #4E661F; font-size: 1em; }
			
			/* This makes sure the images of credit cards don't display on the no javascript */
			#cvnInfo img {display: none;}	
				
/* ==================================================== */

.fighting-your-symptoms #innerColumnMain ul li{background: none !important; }
.public-speaking-tips #innerColumnMain ul li{background: none !important; }