@import url("headings.css");

@import url("mainMenu.css");

@import url("cart.css");

@import url("catalog.css");

html {
	min-height: 100%;
	height: auto;
}

body {
	background: url(../_img/trees.png) repeat-x fixed center bottom;
	font: 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	min-height: 100%;
	height: auto;
}

/* Main Blocks */

div#wrapperWrap {
	width: 930px;
	padding: 0 30px;
	position: relative;
	margin: 0 auto;
	background: url(../_img/bgFade.png) repeat-y center top;
}

div#wrapper {
	width: 930px;
	background-color: #00834a;
}

div#header {
	background: url(../_img/header2.jpg) no-repeat;
	width: 930px;
	height: 177px;
	padding-top: 10px;
}

div#container {
	float: left;
}

div#menu {
	float: left;
	width: 143px;
	padding: 10px;
}

div#content {
	padding-top: 10px;
	float: left;
	width: 563px;
}

div#contentWide {
	padding-top: 10px;
	float: left;
	width: 756px;
}

div#ads {
	float: left;
	width: 183px;
	padding: 10px;
}

div#footer {
	clear: left;
	padding-top: 18px;
	text-align: center;
	padding-bottom: 10px;
	font-size: 10px;
	color: #000;
	background: url(../_img/footer.gif) repeat-x;
}

/* Special Structures */

div#breadCrumb {
	background-color: #ffc423;
	margin-bottom: 10px;
	padding: 10px;
}

div#productContainer {
	background-color: #fff;
	padding: 25px;
	padding-top: 20px;
	margin-bottom: 20px;
}

/* Main Elements */

a {
	color: #EC1C24;	
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.clear {
	clear: both;
}

p {
	margin-bottom: 10px;
}

ul.standardList {
	list-style: disc;
	padding-left: 30px;
	padding-right: 20px;
	margin: 20px 0;
}

ul.standardList li {
	margin-bottom: 5px;
}

/* Content */

#promotionsMain {
	width: 100%;
	margin-bottom: 20px;
}

#promotionsSub {
	width: 100%;
	margin-bottom: 15px;
}

#promotionsSubLeft {
	float: left;
	margin-right: 15px;
}

#promotionsSubRight {
	float: left;
}

/* Header */

h1 {
	width: 140px;
	height: 80px;
	margin-left: 10px;
	text-indent: -100000px;
	overflow: hidden;
	float: left;
}

h1 a {
	width: 140px;
	height: 80px;
	display: block;
}

h2 {
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
}

h3 {
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
}

h4 {
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
}

h5 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 1px;
	margin: 10px 0;
	padding-top: 5px;
}

h6 {
	font-weight: bold;
}

/* Cart Area */

div#cartArea {
	float: right;
	margin-top: 9px;
	padding: 10px;
	padding-top: 8px;
	width: 160px;
	height: 42px;
	margin-right: 10px;
	font-size: 9px;
	text-transform: uppercase;
}

div#cartArea a {
	text-decoration: none;
	color: #000;
}

div#cartArea p {
	margin: 0;
	line-height: 14px;
}

div#cartArea p#cartTitle {
	font-weight: bold;
}

div#cartArea p#cartTitle span {
	color: #ff2700;
}

/* Menu */

div.menuTop {
	width: 143px;
	height: 10px;
	background: url(../_img/menu_top.png) no-repeat;
	display: block;
}

div.menuBottom {
	width: 143px;
	height: 10px;
	background: url(../_img/menu_bottom.png) no-repeat;
	display: block;
	margin-bottom: 20px;
}

div.menuHolder {
	text-align: center;
	background-color: #ffefbc;
	padding: 0 10px;
	text-transform: uppercase;
	font-size: 13px;
}

div.menuHolder h3 {
	margin-bottom: 5px;
	color: #EC1C24;
	letter-spacing: 1px;
	font-size: 10px;
	line-height: 10px;
}

div.menuHolder ul {
	
}

div.menuHolder ul li {
	font-size: 10px;
	display: block;
}

div.menuHolder ul li a {
	text-decoration: none;
	color: #000;
	border-bottom: 1px solid #FFCA6A;
	width: 100%;
	display: block;
	padding-top: 2px;
	margin: 3px 0;
	padding-bottom: 4px;
}

div.menuHolder ul li a:hover {
	color: #EC1C24;
}

div.menuHolder ul li a.lastItem {
	text-decoration: none;
	border-bottom: none;
	margin-bottom: 0;
}

/* BreadCrumbs */

div#breadCrumb ul {
	margin-left: 10px;
	color: #5e5e5e;
}

div#breadCrumb ul li {
	display: inline;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px dotted #fff;
}

div#breadCrumb ul li a {
	color: #000;
	text-decoration: none;
}

/* Ads */

div.adBox {
	margin-bottom: 20px;
	font-size: 12px;
}

div.boxMiddle {
	padding: 0 10px;
	border: 2px solid white;
	border-bottom: none;
	border-top: none;
	padding-top: 5px;
}

div.boxTop, div.boxBottom {
	width: 183px;
	height: 5px;
	display: block;
}

div#redBox div.boxMiddle {
	background-color: #ec1c24;
	color: #fff;
}

div#redBox div.boxTop {
	background: url(../_img/redbox_top.gif) no-repeat;
}

div#redBox div.boxBottom {
	background: url(../_img/redbox_bottom.gif) no-repeat;
}

div#yellowBox div.boxMiddle {
	background-color: #ffcb06;
	color: #000;
}

div#yellowBox div.boxTop {
	background: url(../_img/yellowbox_top.gif) no-repeat;
}

div#yellowBox div.boxBottom {
	background: url(../_img/yellowbox_bottom.gif) no-repeat;
}

div#yellowBox div.boxMiddle p {
	margin: 5px 0;
	text-align: center;
}

div#yellowBox div.boxMiddle form#newsletter {
	text-align: center;
}

div#yellowBox div.boxMiddle form#newsletter input {
	margin-bottom: 5px;
}

div#greenBox div.boxMiddle {
	color: #000;
	background: #54b948 url(../_img/dietAd.gif) no-repeat center top;
}

div#greenBox div.boxTop {
	background: url(../_img/greenbox_top.gif) no-repeat;
}

div#greenBox div.boxBottom {
	background: url(../_img/greenbox_bottom.gif) no-repeat;
}

div#greenBox div.boxMiddle p {
	margin-top: 60px;
	text-align: left;
	padding-bottom: 5px;
	margin-bottom: 0;
	font-size: 11px;
}

div#welcomeMessage {
	background-color: #fff;
	padding: 20px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border: 3px solid #ffcb06;
}

div#welcomeMessage h2 {
	margin-bottom: 20px;
}

div#welcomeMessageInt {
	background-color: #ffefbc;
	padding: 10px;
	margin-bottom: 20px;
}

div#welcomeMessage h4 {
	text-align: center;
	margin-bottom: 5px;
}

ul.welcomeAlert {
	text-align: center;
	font-size: 14px;
	line-height: 22px;
}

ul.welcomeAlert li {
	display: inline;
	margin: 0 3px;
	padding-left: 15px;
	background: url(../_img/redDot.gif) no-repeat left center;
}
/* Footer */

div#footer p {
	padding-bottom: 5px;
}

div#footer ul#footerMenu {
	margin-bottom: 8px;
}

div#footer ul#footerMenu li {
	display: inline;
	margin-right: 10px;
	font-size: 12px;
}

div#footer ul#footerMenu li a {
	color: #000;
	text-decoration: none;
}

/* Classed Elements */

ul.bulletedList {
	list-style: disc;
	padding-left: 15px;
	padding-bottom: 5px;
}

ul.bulletedList li {
	margin-bottom: 5px;
}

ul.bulletedList li a {
	color: #fff;
	text-decoration: none;
}

/* Product Overiew */

div.overview {
	/*background: url(../_img/goldenShine.gif) no-repeat center top;*/
}

div#overviewDesc {
	padding-bottom: 20px;
	margin-bottom: 20px;
	min-height: 80px;
}

div#overviewDesc div#leftDesc {
	float: left;
	width: 160px;
	margin-right: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

div#overviewDesc div#leftDesc h3 {
	font-size: 16px;
}

div#overviewDesc div#rightDesc {
	float: left;
	width: 426px;
}

div#overviewList {
	
}

div#overviewList ul {
	float: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #00834a;
}

div#overviewList ul li {
	width: 160px;
	float: left;
	margin-right: 20px;
	text-align: center;
}

div#overviewList ul li img {
	margin-bottom: 10px;
}

div.itemHolder {
	width: 160px;
	height: 160px;
	display: block;
}

div.itemHolder2 {
	width: 150px;
	height: 150px;
	display: block;
}

div.itemHolder2 img {
	position: relative;
	top: 5px;
}

div.cat1 {
	background: url(../_img/orangeBox.png) no-repeat;
}

div.cat2 {
	background: url(../_img/blueBox.png) no-repeat;
}

div.cat3 {
	background: url(../_img/redBox.png) no-repeat;
}

div.cat4 {
	background: url(../_img/yellowBox.png) no-repeat;
}

div.cat5 {
	background: url(../_img/greenBox.png) no-repeat;
}

div.cat6 {
	background: url(../_img/greenBox.png) no-repeat;
}

div.cat7 {
	background: url(../_img/orangeBox.png) no-repeat;
}

div.cat8 {
	background: url(../_img/redBox.png) no-repeat;
}

div.cat9 {
	background: url(../_img/blueBox.png) no-repeat;
}

div.cat10 {
	background: url(../_img/yellowBox.png) no-repeat;
}

div.smallcat1 {
	background: url(../_img/orangeBoxSmall.png) no-repeat;
}

div.smallcat2 {
	background: url(../_img/blueBoxSmall.png) no-repeat;
}

div.smallcat3 {
	background: url(../_img/redBoxSmall.png) no-repeat;
}

div.smallcat4 {
	background: url(../_img/yellowBoxSmall.png) no-repeat;
}

div.smallcat5 {
	background: url(../_img/greenBoxSmall.png) no-repeat;
}

div.smallcat6 {
	background: url(../_img/greenBoxSmall.png) no-repeat;
}

div.smallcat7 {
	background: url(../_img/orangeBoxSmall.png) no-repeat;
}

div.smallcat8 {
	background: url(../_img/redBoxSmall.png) no-repeat;
}

div.smallcat9 {
	background: url(../_img/blueBoxSmall.png) no-repeat;
}

div.smallcat10 {
	background: url(../_img/yellowBoxSmall.png) no-repeat;
}

div#overviewList ul li img.item_thumbnail {
	width: 117px;
	height: 142px;
	position: relative;
	top: 8px;
}

div#overviewList ul li a {
	color: #000;
	text-decoration: none;
}

div#overviewList ul li span {
	color: #EC1C24;
	font-weight: bold;
}

div#overviewList ul li.lastItem {
	margin-right: 0;
}

div#overviewList ul li ul.itemActions {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
	position: relative;
}

div#overviewList ul li ul.itemActions li {
	float: left;
	margin-right: 0;
}

div#overviewList ul li ul.itemActions li.itemBuy {
	text-align: right;
	width: 75px;
	margin-right: 5px;
}

div#overviewList ul li ul.itemActions li.itemView {
	text-align: left;
	width: 75px;
	margin-left: 5px;
}

/* Product Detail */

#prodLeft {
	width: 406px;
	float: left;
	margin-right: 30px;
}

#prodRight {
	width: 260px;
	float: left;
}

div.orderZone {
	background-color: #ffe9b5;
	float: left;
	padding: 8px;
	margin: 10px 0;
	position: relative;
}

div.orderAlert {
	padding: 8px;
	padding-top: 3px;
	width: 117px;
	height: 22px;
	position: absolute;
	right: 5px;
	top: -35px;
	text-align: center;
	background: url(../_img/itemAdded.png) no-repeat;
}

li.orderAlert {
	padding: 8px;
	padding-top: 3px;
	padding-right: 43px;
	width: 117px !important;
	height: 22px;
	position: absolute;
	right: 5px;
	top: -35px;
	text-align: center;
	background: url(../_img/itemAdded.png) no-repeat;
	float: none;
}

div.orderZone ul {
	float: left;
	font-size: 18px;
}

div.orderZone ul li {
	float: left;
}

div.orderZone ul li.orderPrice {
	color: #EC1C24;
	font-weight: bold;
	margin-right: 100px;
	padding-top: 2px;
}

div.orderZone ul li.orderQty {
	font-size: 12px;
	margin-right: 20px;
}

div.orderZone ul li.orderQty input {
	width: 27px;
	padding: 1px 2px;
	font-size: 14px;
	text-align: center;
}

div.orderZone ul li.orderBtn {
	
}

div#mainImage {
	width: 256px;
	border: 2px solid #ffc423;
	margin-bottom: 20px;
	padding: 20px 0;
	position: relative;
	text-align: center;
}

div.catLarge1 {
	background: url(../_img/largeBGOrange.gif) no-repeat;
}

div.catLarge2 {
	background: url(../_img/largeBGBlue.gif) no-repeat;
}

div.catLarge3 {
	background: url(../_img/largeBGRed.gif) no-repeat;
}

div.catLarge4 {
	background: url(../_img/largeBGYellow.gif) no-repeat;
}

div.catLarge5 {
	background: url(../_img/largeBGGreen.gif) no-repeat;
}

div.catLarge6 {
	background: url(../_img/largeBGYellow.gif) no-repeat;
}

div.catLarge7 {
	background: url(../_img/largeBGOrange.gif) no-repeat;
}

div.catLarge8 {
	background: url(../_img/largeBGRed.gif) no-repeat;
}

div.catLarge9 {
	background: url(../_img/largeBGBlue.gif) no-repeat;
}

div.catLarge10 {
	background: url(../_img/largeBGYellow.gif) no-repeat;
}

a#magnifyItem {
	width: 38px;
	height: 38px;
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}

div#mainInfo {
	width: 256px;
	border: 2px solid #ffc423;
	background-color: #ffc423;
}

div#mainInfo h5 {
	color: #fff;
	margin: 0;
	margin-left: 5px;
	margin-bottom: 5px;
}

ul#infoTable {
	width: 256px;
	float: left;
	background-color: #FFF1D1;
}

ul#infoTable li.infoItem {
	width: 256px;
	float: left;
	border-bottom: 1px solid #FFF;
}

ul#infoTable li#lastItem {
	border-bottom: none;
}

ul#infoTable li.infoItem ul {
	width: 256px;
	float: left;
}

ul#infoTable li.infoItem ul li.infoLabel{
	width: 105px;
	float: left;
	padding: 2px 5px;
}

ul#infoTable li.infoItem ul li.infoValue {
	border-left: 1px solid #FFF;
	width: 130px;
	padding: 3px 5px;
	float: left;
}

div#badgeZone {
	margin-top: 20px;
	text-align: center;
}

div#badgeZone img {
	margin-right: 12px;
}

p.smallNotice {
	margin-top: 20px;
	font-size: 10px;
	font-style: italic;
}

/* News Section */

div#newsContainer {
	background-color: #fff;
	padding: 20px;
	margin-bottom: 20px;
}

div#newsContainer h2 {
	margin-bottom: 10px;
}

div#newsFinder {
	margin-top: 20px;
	padding: 10px;
	margin-bottom: 20px;
	border: 2px solid #ffc423;
}

div#newsFinder span {
	float: left;
	font-weight: bold;
	margin-right: 5px;
	padding: 2px 5px;
}

div#newsFinder ul {
	float: left;
}

div#newsFinder ul li {
	display: block;
	margin-right: 5px;
	float: left;
}

div#newsFinder ul li a {
	text-decoration: none;
	display: block;
	background-color: #fff;
	padding: 2px 5px;
}

div#newsFinder ul li a:hover, div#newsFinder ul li.active a {
	text-decoration: none;
	display: block;
	background-color: #FFF1D1;
	padding: 2px 5px;
}

ul#newsList {
	float: left;
	margin-top: 20px;
}

ul#newsList li {
	float: left;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #00834a;
}

ul#newsList li ul.newsInterior {
	float: left;
}

ul#newsList li ul.newsInterior li {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

ul#newsList li ul.newsInterior li.newsImage {
	float: left;
	width: 200px;
	margin-right: 30px;
}

ul#newsList li ul.newsInterior li.newsStory {
	float: left;
	width: 470px;
}

ul#newsList li ul.newsInterior li.newsStory h3 a {
	color: #000;
	text-decoration: none;
	margin-bottom: 5px;
}

ul#newsList li ul.newsInterior li.newsStory h5 {
	margin-top: 0;
	color: #515151;
}

ul#newsList li ul.newsInterior li.newsStory h5 span {
	color: #000;
}

div.newsImage {
	float: left;
	width: 200px;
	margin-right: 30px;
}

div.newsImage p {
	margin: 5px 0 10px 0;
	font-style: italic;
}

div.newsStory {
	float: left;
	width: 470px;
}

div.newsStory h3 a {
	color: #000;
	text-decoration: none;
	margin-bottom: 5px;
}

div.newsStory h5 {
	margin-top: 0;
}

p.visitLink {
	margin-top: 10px;
}

a#returnNews {
	font-size: 14px;
	color: #000;
	text-decoration: none;
	display: block;
	position: relative;
	top: 5px;
	padding-left: 35px;
	background: url(../_img/arrow.gif) no-repeat left center;
}

/* Locations */

div#locationsContainer {
	background-color: #fff;
	padding: 20px;
	margin-bottom: 20px;
}

div#locationsContainer h2 {
	margin-bottom: 10px;
}

div#locationFinder {
	margin-top: 20px;
	padding: 10px;
	margin-bottom: 20px;
	border: 2px solid #ffc423;
}

div#locationFinder span {

}

div#locationFinder input#addressInput {
	width: 200px;
	margin-right: 5px;
}

div#sidebar {
	float: left;
	width: 200px;
	height: 450px;
	overflow: auto;
	padding-right: 13px;
	background-color: #fffaed;
	border: 1px solid #ccc;
	border-right: none;
}

div#sidebar ul {
	padding: 10px;
}

div#sidebar ul li {
	margin-bottom: 10px;
	font-size: 10px;
}

div#sidebar ul li.specialNote {
	font-style: italic;
}

div#map {
	float: left;
	width: 713px;
	overflow: hidden;
	height: 450px;
	border: 1px solid #ccc;
	border-left: none;
}

div#sidebar li:hover b {
	color: #5680FB;
}

/* Story */

div#storyContainer {
	background-color: #fff;
	padding: 20px;
	margin-bottom: 20px;
}

div#storyContainer h2 {
	margin-bottom: 10px;
}

div#storyContainer h4 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #00834a;
}

div#storyContainer img#mainPhoto {
	width: 200px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

/* Privacy */

div#privacyContainer {
	background-color: #fff;
	padding: 20px;
	margin-bottom: 20px;
}

div#privacyContainer h2 {
	margin-bottom: 10px;
}

div#privacyContainer h4 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #00834a;
}

/* Contact Page */

div#contactContainer {
	background-color: #fff;
	padding: 20px;
	margin-bottom: 20px;
}

div#contactContainer h2 {
	margin-bottom: 10px;
}

fieldset {
	padding: 20px;
	padding-top: 10px;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}

fieldset#leftFloated {
	width: 210px;
	float: left;
	margin-right: 20px;
}

fieldset#leftFloated {
	width: 210px;
	float: left;
}

legend {
	padding: 0 5px;
	font-weight: bold;
}

ul.formItem {
	
}

ul.formItem li{
	float: left;
	margin-bottom: 5px;
}

ul.formItem li label {
	float: left;
	width: 100px;
}

ul.formItem li input {
	float: left;
	width: 196px;
	padding: 2px;
}

ul.formItem li textarea {
	clear: left;
	float: left;
	width: 236px;
	height: 96px;
	padding: 2px;
}

ul#leftFloated2 {
	width: 200px;
	float: left;
	margin-right: 30px;
}

ul#leftFloated2 {
	width: 200px;
	float: left;
}

input#submit {
	margin-top: 10px;
	margin-right: 10px;
	float: right;
}

span.reqStar {
	color: red;
}

/* Join Form */

div#fancy_div_item2, div#fancy_div_item4 {
	margin: 0 auto;
	position: relative;
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: center;
	width: 300px;
}

label.error, ul.contactList li label.error, ul.creditInfo li label.error, ul.finalSteps li label.error  {
	margin-left: 100px;
	margin-top: 5px;
	width: 300px;
	display: block;
	float: left;
	color: #ff2700;
}

div#fancy_div label.error {
	text-align: right;
	float: right;
	width: 100%;
	margin-left: 0;
}

div#joinFormInner {
	padding: 20px;
	background-color: #fff;
	color: #000;
	height: 470px;
	width: 430px;
}

div#joinFormInner p {
	padding-bottom: 5px;
}

div#joinFormInner ul {
	margin-bottom: 10px;
	padding-bottom: 1px;
	float: left;
	border-bottom: 1px solid #ccc;
}

div#joinFormInner ul li {
	float: left;
	margin-bottom: 10px;
}

div#joinFormInner ul label {
	width: 150px;
	float: left;
}

div#joinFormInner ul input {
	width: 225px;
	float: left;
}

div#joinFormInner textarea {
	height: 80px;
	width: 360px;
	margin-bottom: 5px;
	padding: 10px;
}

div#joinFormInner input#joinSubmit {
	float: right;
}

/* Reminder Zone */

.reminderZone {
	background-color: #FFEFBC;
	padding: 10px;
	margin-bottom: 20px;
}

.reminderZone h4 {
	margin-bottom: 10px;
}

.reminderZone img {
	float: right;
	margin-left: 10px;
}

.reminderZone a {
	text-decoration: none;
	font-weight: bold;
}
