/*
	Website		Nine Naturals
	Author		Impulse Development
	Date		February 2009
=============================================== */

/* =GENERAL
----------------------------------------------- */

/* GENERAL: =Reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
}

/* =TYPOGRAPHY
----------------------------------------------- */

/* TYPOGRAPHY: =Basics */

body {
	font-size: 62.5%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	font-family: Arial, Helvetica, sans-serif;
}

/* TYPOGRAPHY: =Headings */

h1 {
	color: #555555;
	font-size: 2.8em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 0.5em;
	text-align: center;
}

h2 {
	color: #689219;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 1em;
}

h3 {
	color: #555555;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 1em;
}

/* TYPOGRAPHY: =Paragraphs */

p {
	color: #555555;
	font-size: 1.2em;
	line-height: 1.6em;
	margin-bottom: 1.5em;
}

/* TYPOGRAPHY: =Lists */

ul {
	list-style: disc outside;
	padding-left: 16px;
}

	ul li {
		color: #555555;
		font-size: 1.2em;
		line-height: 1.6em;
		margin-bottom: 1em;
	}
	
ol {
	list-style: decimal outside;
	padding-left: 16px;
}

	ol li {
		color: #555555;
		font-size: 1.2em;
		line-height: 1.6em;
		list-style: decimal;
		margin-bottom: 1em;
	}
	
dl {
	margin-bottom: 1em;
}

	dl dt {
		color: #689219;
		font-size: 1.6em;
		font-weight: bold;
		line-height: 2em;
		margin-bottom: 0.5em;
	}
	
	dl dd {
		color: #555555;
		font-size: 1.2em;
		line-height: 1.6em;
		margin-bottom: 1em;
	}
	
/* TYPOGRAPHY: =Forms */

form.basic label,
form.basic .label {
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.6em;
}

form.basic legend {
	background: #90c926;
	color: #ffffff;
	font-size: 1.2em;
	line-height: 1.6em;
}

form.basic input,
form.basic textarea {
	color: #555555;
	font-size: 1.2em;
	line-height: 1.6em;
}

form.basic button {
	outline: 0;
}
	
/* TYPOGRAPHY: =Links */

a {
	color: #689219;
	text-decoration: underline;
}

a:hover {
	color: #3c540e;
	text-decoration: underline;
}

/* TYPOGRAPHY: =Variants */

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* =STRUCTURE
----------------------------------------------- */

/* STRUCTURE: =Background */

html {
	background: url(../images/bg-html.gif) repeat-x top #eaf7d1;
}

body {
	padding-top: 50px;
}

/* STRUCTURE: =Layout */

.container {
	background: #ffffff;
	margin: 0 auto 0 auto;
	width: 956px;
}

#pageHeader {
	background: url(../images/bg-header.gif) no-repeat top #ffffff;
	height: 170px;
	position: relative;
	width: 100%;
}

#pageBody {
	background: url(../images/dots-horizontal.gif) repeat-x top left #ffffff;
	margin: 12px;
	padding-top: 25px;
	position: relative;
	width: 932px;
}

	#pageBody .content {
		display: inline;
		float: left;
		position: relative;
		width: 696px;
	}
	
		.home #pageBody .content {
			margin: -12px 0 12px 0;
			width: 100%;
		}
		
	#pageBody .sidebar {
		float: right;
		width: 224px;
	}
	
		.home #pageBody .sidebar {
			float: left;
			width: 100%;
		}

#pageFooter {
	background: url(../images/bg-footer.gif) no-repeat top #eaf7d1;
	clear: both;
	height: 75px;
	position: relative;
	width: 100%;
}

/* =HEADER
----------------------------------------------- */

/* HEADER: =Logo */

#headerTitle {
	left: 12px;
	position: absolute;
	top: -28px;
	z-index: 9999;
}

	#headerTitle p {
		margin: 0;
	}

	#headerTitle a {
		background: url(../images/logo-main.png) no-repeat;
		display: block;
		height: 188px;
		overflow: hidden;
		text-indent: -5000px;
		width: 221px;
	}

/* HEADER: =Navigation */

#headerNavigation {
	bottom: 0;
	list-style: none;
	position: absolute;
	right: 12px;
}

	#headerNavigation li {
		background: url(../images/dots-vertical.gif) repeat-y right top;
		float: left;
		padding: 0 5px 0 4px;
		position: relative;
		margin: 0;
	}
	
		#headerNavigation li a {
			display: block;
			height: 158px;
			overflow: hidden;
			text-indent: -5000px;
		}
		
		#headerNavigation li.home a {
			background: url(../images/nav-home.gif) no-repeat;
			width: 69px;
		}
		
		#headerNavigation li.about a {
			background: url(../images/nav-about.gif) no-repeat;
			width: 72px;
		}
		
		#headerNavigation li.products a {
			background: url(../images/nav-products.gif) no-repeat;
			width: 96px;
		}
		
		#headerNavigation li.questions a {
			background: url(../images/nav-questions.gif) no-repeat;
			width: 100px;
		}
		
		#headerNavigation li.resources a {
			background: url(../images/nav-resources.gif) no-repeat;
			width: 99px;
		}
		
		#headerNavigation li.contact a {
			background: url(../images/nav-contact.gif) no-repeat;
			width: 82px;
		}
		
		#headerNavigation li .overlay {
			cursor: pointer;
			display: block;
			height: 100%;
			left: 4px;
			position: absolute;
			top: 0;
			width: 100%;
		}
		
			#headerNavigation li.home .overlay {
				background: url(../images/nav-home.gif) no-repeat 0 -158px;
				width: 69px;
			}
		
			#headerNavigation li.about .overlay {
				background: url(../images/nav-about.gif) no-repeat 0 -158px;
				width: 72px;
			}
		
			#headerNavigation li.products .overlay {
				background: url(../images/nav-products.gif) no-repeat 0 -158px;
				width: 96px;
			}
		
			#headerNavigation li.questions .overlay {
				background: url(../images/nav-questions.gif) no-repeat 0 -158px;
				width: 100px;
			}
		
			#headerNavigation li.resources .overlay {
				background: url(../images/nav-resources.gif) no-repeat 0 -158px;
				width: 99px;
			}
		
			#headerNavigation li.contact .overlay {
				background: url(../images/nav-contact.gif) no-repeat 0 -158px;
				width: 82px;
			}
		
	#headerNavigation li.contact {
		background: none;
	}
		
	#headerNavigation li a.current {
		background-position: 0 -158px;
	}
	
/* HEADER: =Snippet */

#headerSnippet {
	left: 0;
	padding-left: 120px;
	position: absolute;
	top: -50px;
}

	#headerSnippet p {
		color: #000000;
		font-size: 1.6em;
		padding-top: 18px;
	}
	
/* HEADER: =User Navigation */

#headerUserNavigation {
	list-style: none;
	padding: 0;
	position: absolute;
	right: 0;
	top: -50px;
}

	#headerUserNavigation li {
		color: #555555;
		float: left;
		font-size: 1.1em;
		line-height: 50px;
		margin: 0 6px;
	}
	
		#headerUserNavigation li a {
			color: #555555;
		}
	
	#headerUserNavigation li.cart {
		background: url(../images/icn-bag.gif) no-repeat left;
		padding-left: 22px;
	}
	
	#headerUserNavigation li.account a,
	#headerUserNavigation li.login a {
		background: url(../images/btn-my_account.gif) no-repeat;
		display: block;
		height: 22px;
		margin-top: 14px;
		overflow: hidden;
		text-indent: -5000px;
		width: 100px
	}
	
	#headerUserNavigation li.logout a {
		background: url(../images/btn-logout.gif) no-repeat;
		display: block;
		height: 22px;
		margin-top: 14px;
		overflow: hidden;
		text-indent: -5000px;
		width: 71px
	}

/* =CONTENT
----------------------------------------------- */

/* CONTENT: =Text Replacement */

.replaced {
	overflow: hidden;
	text-indent: -5000px;
	width: 100%;
}

/* CONTENT: =Alignment */

.floatLeft {
	display: inline;
	float: left;
	margin: 0 1em 1em 0;
}

.floatRight {
	display: inline;
	float: right;
	margin: 0 0 1em 1em;
}

/* CONTENT: =Images */

.image,
.thumb {
	margin-bottom: 1em;
	text-align: center;
}

.image a,
.thumb a {
	display: block;
	height: 100%;
	width: 100%;
}

.image img,
.thumb img {
}

.image p,
.thumb p {
	margin: 0.5em 0 0 0;
}
	

/* CONTENT: =Vcard */

.vcard {
	margin-bottom: 2em;
	text-align: center;
}

	.vcard h3 {
		margin-bottom: 0.5em;
	}

	.vcard .street-address {
		display: block;
	}

	.vcard .type {
		font-weight: bold;
	}
	
/* CONTENT: ="More" Links */

.more {
	text-align: right;
}

	.more p {
		font-size: 1.1em;
		font-weight: bold;
		text-transform: lowercase;
	}
	
	.more a {
		text-decoration: none;
	}
	
	.more a:hover {
		text-decoration: underline;
	}
	
/* CONTENT: =Product Lists */

.productList {
	clear: both;
	float: left;
	width: 696px;
}

	.productList .row {
		background: url(../images/dots-horizontal.gif) repeat-x bottom;
		clear: both;
		float: left;
		overflow: hidden;
		padding-bottom: 1px;
		width: 696px;
	}

	.productList .item {
		background: url(../images/dots-vertical.gif) repeat-y right;
		float: left;
		margin-right: 2%;
		padding: 12px 2% 12px 0;
		width: 46%;
	}
	
		.productList .item h2 {
			color: #000000;
			font-size: 1.4em;
			font-weight: bold;
			line-height: 1.4em;
			margin-bottom: 0.5em;
			text-transform: lowercase;
		}
		
		.productList .item p {
			margin-bottom: 0.5em;
		}
		
			.productList .item p a {
				color: #666666;
				font-weight: bold;
				text-decoration: none;
			}
			
			.productList .item p a:hover {
				text-decoration: underline;
			}
		
		.productList .item .image {
			float: left;
			margin-right: 12px;
		}
		
		.productList .item .price {
			float: left;
			width: 25%;
		}
		
			.productList .item .price strong {
				color: #000000;
			}
		
		.productList .item form {
			clear: none;
			float: left;
			margin: -1px 0 0 0;
			width: 93px;
		}
		
			.productList .item form button  {
				background: none;
				border: none;
				cursor: pointer;
			}
		
				.productList .item form button span {
					background: url(../images/btn-add_to_bag.gif) no-repeat;
					display: block;
					overflow: hidden;
					text-indent: -5000px;
					height: 22px;
					width: 93px;
				}
			
		.productList .item .buttons {
			float: left;
			list-style: none;
			padding: 0;
		}
			
			.productList .item .buttons .moreInfo a {
				background: url(../images/btn-more_info.gif) no-repeat;
				display: block;
				height: 25px;
				overflow: hidden;
				text-indent: -5000px;
				width: 95px;
			}
				
		.productList .last {
			background: none;
		}
		
/* CONTENT: =Product Detail */

.productDetail {
	clear: both;
	float: left;
	width: 696px;
}
	
		.productDetail h2 {
			color: #000000;
			font-size: 2em;
			font-weight: bold;
			line-height: 1em;
			margin-bottom: 0.5em;
			text-transform: lowercase;
		}
		
		.productDetail h3 {
			color: #000000;
		}
		
		.productDetail p {
			margin-bottom: 0.5em;
		}
		
		.productDetail .body {
			float: left;
			margin-right: 24px;
			width: 323px;
		}
		
			.productDetail .body img {
				margin-top: 2em;
			}
		
		.productDetail .ingredients {
			float: left;
			width: 234px;
			height: 300px;
		}
		
		.productDetail .image {
			float: left;
			margin-right: 30px;
		}
		
		.productDetail .price {
			font-size: 1.2em;
			font-weight: normal;
			left: 0;
			position: absolute;
			text-align: center;
			top: 310px;
			width: 85px;
		}
		
			.productDetail .price strong {
				font-weight: bold;
			}
		
		.productDetail form {
			float: left;
			left: -12px;
			margin: 0;
			position: absolute;
			top: 330px;
			width: 93px;
		}
		
			.productDetail form button  {
				background: none;
				border: none;
				cursor: pointer;
				margin-left: 12px\0/;
			}
		
				.productDetail form button span {
					background: url(../images/btn-add_to_bag.gif) no-repeat;
					display: block;
					overflow: hidden;
					text-indent: -5000px;
					height: 22px;
					width: 93px;
				}
			
		.productDetail .buttons {
			float: left;
			list-style: none;
			padding: 0;
		}
			
			.productDetail .buttons .viewAll a {
				background: url(../images/btn-view_all_products.gif) no-repeat;
				display: block;
				height: 25px;
				overflow: hidden;
				text-indent: -5000px;
				width: 162px;
			}

/* CONTENT: =Gallery */

.gallery {
	float: left;
	margin-bottom: 2em;
	width: 100%;
}

	.gallery .row {
		background: url(../images/dots-horizontal.gif) repeat-x bottom;
		display: inline;
		clear: both;
		float: left;
		overflow: hidden;
		padding-bottom: 1px;
		width: 696px;
	}

	.gallery .image {
		background: url(../images/dots-vertical.gif) repeat-y right;
		display: inline;
		float: left;
		margin-bottom: 0;
		margin-right: 2%;
		padding: 12px 2% 12px 0;
		width: 46%;
	}
	
		.gallery .image img {
			border: 1px solid #84a644;
			margin-bottom: 1em;
			padding: 4px;
		}
	
		.gallery .image p {
			margin-bottom: 0;
			text-align: left;
		}
		
	.gallery .last {
		background: none;
	}

/* CONTENT: =Quiz */

.quiz .row {
	clear: both;
	float: left;
	margin-bottom: 10px;
	width: 100%;
}

.quiz .column {
	float: left;
	margin-right: 16px;
	width: 320px;
}

.quiz .column p {
	color: #79a81e;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 10px;
}

.quiz .radioButton {
	font-size: 1.2em;
	margin-bottom: 6px;
}

.quiz .radioButton input {
	margin-right: 4px;
}

.quiz .image {
	text-align: center;
}

.quiz .email-form {
	text-align: center;
}

.quiz .result {
	clear: both;
	float: left;
	margin-top: 16px;
	width: 100%;
}

.quiz .result .text {
	color: #000;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.6em;
}

.quiz .option {
	clear: both;
	text-align: center;
}

/* =SIDEBAR
----------------------------------------------- */

/* SIDEBAR: =Sections */

.sidebar .section {
	float: left;
}

.sidebar .banner-image {
	border: 1px solid #bbbbbb;
	margin-right: 12px;
	padding: 3px;
}

	.home .sidebar .section {
	}
	
.sidebar .withBorder {
	border: 1px solid #e4e4e4;
	margin-bottom: 1em;
	padding: 3px;
}
	
/* SIDEBAR: ="Oh Baby" Section */

#sidebar-oh_baby {
	border: 1px solid #bbbbbb;
	margin-right: 12px;
	padding: 3px;
}

	#sidebar-oh_baby h2 {
		display: none;
	}

	#sidebar-oh_baby h3 {
		display: none;
	}
	
	#sidebar-oh_baby p {
		margin: 0;
	}

	#sidebar-oh_baby .button a {
		background: url(../images/pic-view_products.png) no-repeat;
		display: block;
		height: 168px;
		overflow: hidden;
		text-indent: -5000px;
		width: 216px;
	}
	
/* SIDEBAR: ="Read More" Section */

#sidebar-expecting_moms {
	border: 1px solid #bbbbbb;
	margin-right: 12px;
	padding: 3px;
}

	#sidebar-expecting_moms h2 {
		display: none;
	}

	#sidebar-expecting_moms ul {
		display: none;
	}
	
	#sidebar-expecting_moms p {
		margin: 0;
	}

	#sidebar-expecting_moms .button a {
		background: url(../images/pic-read_more.png) no-repeat;
		display: block;
		height: 168px;
		overflow: hidden;
		text-indent: -5000px;
		width: 216px;
	}
	
/* SIDEBAR: ="Oh Baby" Section */

#sidebar-natures_power {
	border: 1px solid #bbbbbb;
	margin-right: 12px;
	padding: 3px;
}

	#sidebar-natures_power h2 {
		display: none;
	}

	#sidebar-natures_power h3 {
		display: none;
	}

	#sidebar-natures_power p {
		margin: 0;
	}

	#sidebar-natures_power .button a {
		background: url(../images/pic-view_products_2.png) no-repeat;
		display: block;
		height: 168px;
		overflow: hidden;
		text-indent: -5000px;
		width: 216px;
	}

/* SIDEBAR: =Newsletter Signup */

#sidebar-newsletter {
	background: #ffffff;
	border: 1px solid #84a644;
	padding: 3px;
}

	#sidebar-newsletter form {
		background: #f0f0dc;
		height: 100%;
		margin: 0;
		width: 100%;
	}
	
	#sidebar-newsletter label {
		background: url(../images/txt-email-list.gif) no-repeat center;
		float: none;
		height: 71px;
		margin: 6px 0 0 0;
		margin-bottom: 0px;
		overflow: hidden;
		text-indent: -5000px;
		width: 100%;
	}
	
	#sidebar-newsletter .textField input {
		border: 1px solid #000000;
		display: block;
		float: none;
		margin: 0 auto;
		text-align: center;
		width: 170px;
	}
	
	#sidebar-newsletter .submitButton {
		padding-bottom: 14px;
		width: 216px;
	}
	
		#sidebar-newsletter .submitButton button span {
			background: url(../images/btn-submit.gif) no-repeat;
		}
	
.home #sidebar-newsletter form {
	height: 168px;
	width: 216px;
}

/* =FOOTER
----------------------------------------------- */

/* FOOTER: =Typography */

#pageFooter p {
	color: #839369;
	font-size: 1.1em;
	line-height: 42px;
	margin-bottom: 0;
}

/* FOOTER: =Copyright */

#pageFooter .copyright {
	height: 42px;
	left: 12px;
	position: absolute;
	top: 33px;
	width: 450px;
}

/* FOOTER: =Developer */

#pageFooter .developer {
	height: 42px;
	position: absolute;
	right: 12px;
	top: 33px;
}

	#pageFooter .developer p {
		background: url(../images/logo-impulse_development.gif) no-repeat right;
		padding-right: 26px;
	}
	
		#pageFooter .developer p a {
			color: #585b40;
			font-weight: bold;
		}
		
/* =FORMS
----------------------------------------------- */

/* FORMS: =Basic */

form.basic {
	clear: both;
	display: inline;
	float: left;
	margin: 0 20% 2em 20%;
	width: 60%;
}

/* FORMS: =Labels */

form.basic label,
form.basic .label {
	display: block;
	padding: 6px 0;
	width: 100%;
}

/* FORMS: =Fieldsets */

form.basic fieldset {
	border: 1px solid #eeeeee;
	margin-bottom: 2em;
	padding: 0 12px 0 12px;
}

	form.basic fieldset legend {
		padding: 0 6px;
	}

	form.basic fieldset p {
		margin: 0.5em 0;
	}

/* FORMS: =Required Fields */

form.basic .required label,
form.basic .required .label {
	font-weight: bold;
}

form.basic .required .option label {
	font-weight: normal;
}

/* FORMS: =Text Fields */

form.basic .textField {
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

	form.basic .textField input {
		background: #ffffff;
		border: 1px solid #d3d3d3;
		float: left;
		padding: 6px;
		width: 96%;
	}

	form.basic .textField input.small {
		width: 15%;
	}

	form.basic .textField input.medium {
		width: 40%;
	}

	form.basic .textField .fieldWithErrors input {
		border: 1px solid #ef6161;
	}
	
/* FORMS: =File Fields */

form.basic .fileField {
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

	form.basic .fileField input {
		background: #ffffff;
		border: 1px solid #d3d3d3;
		float: left;
		padding: 6px;
	}

	form.basic .fileField .fieldWithErrors input {
		border: 1px solid #ef6161;
	}

/* FORMS: =Text Areas */

form.basic .textArea {
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

	form.basic .textArea textarea {
		background: #ffffff;
		border: 1px solid #d3d3d3;
		float: left;
		height: 75px;
		padding: 6px;
		width: 96%;
	}

	form.basic .textArea .fieldWithErrors textarea {
		border: 1px solid #ef6161;
	}
	
/* FORMS: =Check Box */

form.basic .checkBox {
	float: left;
	padding-top: 1em;
	margin-bottom: 1em;
	width: 100%;
}

	form.basic .checkBox input {
		float: left;
		margin-right: 6px;
		margin-top: 2px;
	}
	
	form.basic .checkBox label {
		display: inline;
		width: auto;
	}
	
/* FORMS: =Select Fields*/

form.basic .selectField {
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

	form.basic .selectField select {
		float: left;
	}

	form.basic .selectField .fieldWithErrors select {
		border: 1px solid #ef6161;
	}

/* FORMS: =Submit Buttons */

.submitButton {
	display: inline;
	float: left;
	text-align: center;
	width: 100%;
}

	.submitButton button {
		background: none;
		border: none;
		cursor: pointer;
	}

		.submitButton button span {
			background: url(../images/btn-submit_content.gif) no-repeat;
			display: block;
			height: 22px;
			overflow: hidden;
			text-indent: -5000px;
			width: 72px;
		}

/* FORMS: =Flashes */

.flash {
	margin: 0 auto 1.5em auto;
	width: 696px;
}

	.flash h2 {
		padding: 12px;
		text-align: center;
		width: 672px;
	}

	.flash .failure {
		background: #f3cccc;
		border: 1px solid #c89797;
		color: #b00000;
	}

	.flash .success {
		background: #d6f4d1;
		border: 1px solid #8bb98b;
		color: #214a21;
	}
	
/* 2.3.7 Cart Product List */

.cartProducts { width: 100%; }

.cartProducts th,
.cartProducts td { padding-right: 6px; vertical-align: top; }

.cartProducts th { color: #333333; font-size: 11px; font-weight: bold; }

.cartProducts td { color: #666666; font-size: 12px; font-weight: bold; padding-bottom: 12px; }

.cartProducts td input { float: none; width: 30%; }

.cartProducts .image { width: 54px; }

.cartProducts .image img { border: 1px solid #cccccc; padding: 3px; }

.cartProducts .details { }

	.cartProducts .details form { margin: 0; width: 100%; }

	.cartProducts .details button { background: url(../images/icn-remove.gif) no-repeat; border: none; cursor: pointer; float: left; height: 11px; overflow: hidden; text-indent: -5000px; width: 41px; }

.cartProducts .quantity { text-align: center; width: 20%; }

	.cartProducts .quantity button { background: url(../images/icn-update.gif) no-repeat; border: none; cursor: pointer; height: 11px; overflow: hidden; text-indent: -5000px; width: 41px; }

.cartProducts .price { text-align: center; width: 10%; }

.cartProducts td.price { font-size: 14px; }

/* 2.3.8 Cart Totals */

.cartTotals { border-top: 1px solid #dddddd; width: 100%; }

.cartTotals td { padding: 18px 0;}

.cartTotals dl { width: 100%; }

.cartTotals dt { clear: left; float: left; font-size: 12px; line-height: 16px; margin: 0; padding: 0; text-align: right; width: 40%; }

.cartTotals dd { float: left; font-size: 12px; line-height: 16px; margin-bottom: 0.4em; padding: 0; text-align: right; width: 60%; }

.cartTotals .options { width: 72%; }

	.cartTotals .options form { float: left; margin: 0 0 2em 0; width: 100%; }
	
	.cartTotals .options form .option { float: left; width: 100%; }
	
	.cartTotals .options form .option label { padding: 0; float: none; display: inline;}
	
	.cartTotals .options form .option label span { font-size: 11px; color: #666666; }
	
	.cartTotals .options form .option input { float: left; margin-right: 6px; margin-top: 2px; }

	.cartTotals .options ul { padding: 0; width: 238px; margin: 0 auto; }

	.cartTotals .options ul li { list-style: none; }

		.cartTotals .options .checkout { float: left; }

		.cartTotals .options .checkout a { background: url(../images/btn-checkout.gif) no-repeat; display: block; height: 25px; overflow: hidden; text-indent: -5000px; width: 100px; }

		.cartTotals .options .continue { float: left; margin-right: 10px; }

		.cartTotals .options .continue a { background: url(../images/btn-keep_shopping.gif) no-repeat; display: block; height: 25px; overflow: hidden; text-indent: -5000px; width: 128px; }

		.cartTotals .promotion { clear: both; }

		.cartTotals .promotion p { text-align: center; padding-top: 16px; font-size: 12px; color: #090; }

		.cartTotals .sales-tax { clear: both; }

		.cartTotals .sales-tax p { text-align: center; font-size: 11px; }
		
/* 2.3.3 Breadcrumbs */

.breadcrumbs { border-bottom: 1px solid #dddddd; display: inline; float: left; margin-bottom: 16px; width: 100%; }

	.breadcrumbs li { display: inline; float: left; font-weight: bold; list-style: none; padding: 0 6px 10px 0; }

		.breadcrumbs li a { background: url(http://ninenaturals.com/images/misc-raquo.gif) no-repeat right; display: block; padding-right: 12px; }
		
		dt { color: #444444; font-size: 1.2em; font-weight: bold; line-height: 1.2em; margin-bottom: 1.2em; }

		dd { color: #777777; font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; padding-left: 12px; }

		.expandable dt { cursor: pointer; }

		.expandable dd p { font-size: 1em; }

		.expandable dd .close { background: url(http://ninenaturals.com/images/misc-close.gif) no-repeat; display: block; height: 11px; overflow: hidden; text-indent: -5000px; width: 44px; }

		table th { font-size: 1.1em; font-weight: bold; line-height: 1.6em; }

		table td { font-size: 1.2em; line-height: 1.6em; }

		table td * { font-size: 1em; }
		
/* 2.3.4 Form Errors */

.errorExplanation { background: #f7eded; border: 1px solid #b00000; margin: 0 auto 1em auto; padding: 12px 0; width: 60%;}

.errorExplanation h2 { display: none; }

.errorExplanation p { color: #b00000; font-size: 12px; font-weight: bold; text-align: center; }

.errorExplanation ul { list-style: none; padding: 0; width: 100%; }

.errorExplanation li { color: #b00000; font-size: 12px; line-height: 15px; list-style: none; margin-bottom: 0; text-align: center; }

.backordered {
	font-size: 14px; color: #900; text-align: center;
}