/****************************************/
/* Top-Level Settings
/****************************************/

body {
	background-color: #FFFFFF;
	/* font-family: Arial; */
	font-family: 'segoe ui', Arial, sans-serif;
	font-size: 12px;
	color: #312e25;
	line-height: 125%;
}

/* Fixes IE6 accordion issue */
* html .clearfix {
	height: 1%;
	display: inline-block;
}

/*
this was an attempt to fix shopping cart in IE6/7
* html .clearfix2{
	height: 1%;
	display: inline-block;
}
*/

.clearfix2 {
	height: 1%;
    display: block;
    clear: both;
}


p {
	padding: 5px;
}

strong {
	font-family: 'Arial Black';
}

a {
	text-decoration: none;
}

#loginform div.login {
	position: relative;
	float: left;
	margin-right: 3px;
	clear: left;
}

#createacctform div.login {
	position: relative;
	float: left;
	margin-right: 3px;
	clear: left;
}

label.over  {
	position: absolute;
	color: #ccc;
	top: 4px;
	left: 5px;
}

/****************************************/
/* Common Containers
/****************************************/
.container-pages {
	padding: 5px;
	border: 1px solid #327E04;
	width: 598px;
 	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}

/****************************************/
/* Admin - Search For Orders
/****************************************/
.container-search {
	position: relative;
	padding: 5px;
	border: 1px solid #327E04;
 	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.container-search-option{
	position: relative;
	float: left;
	padding: 5px;
	border: 1px solid #327E04;
	width: 285px;
 	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.search-header {
	width: 200px;
}

/****************************************/
/* Admin - Manage Inventory Layout
/****************************************/
.container-inv {
	position: relative;
	padding: 5px;
	border: 1px solid #327E04;
 	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.lbl-inv-item {
	position: relative;
	float: left;
	width: 450px;
}

.lbl-inv-updated {
	position: relative;
	float: left;
	width: 100px;
}

/****************************************/
/* My Orders Layout
/****************************************/

.container-orders {
	position: relative;
	padding: 5px;
	border: 1px solid #327E04;
 	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.lbl-orders {
	position: relative;
	float: left;
	width: 100px;
}

.lbl-orders-notes {
	position: relative;
	float: left;
	font-style: italic;
	font-size: .9em;
	line-height: 100%;
	padding-top: 3px;
	width: 340px;
}

/****************************************/
/* Checkout / CheckoutWizard Layout
/****************************************/

.chkout-container {
	position: relative;
	padding: 5px;
	border: 1px solid #327E04;
 	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.chkw-container {
	position: relative;
	float: left;
	padding: 5px;
	border: 1px solid #327E04;
	width: 285px;
 	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.chkw-header {
	width: 270px;
}

/****************************************/
/* Invoice Layout
/****************************************/
.inv-items-container {
	position: relative;
	float: left;
	width: 470px;
	border: 1px solid;
}

.inv-custinfo-container {
	position: relative;
	float: right;
	width: 160px;
}

.inv-custinfo {
	float: left;
}

.inv-item {
	float: left;
	text-align: center;
	width: 50px;
	font-size: .9em;
}

.inv-descr {
	float: left;
	width: 220px;
	text-align: left;
	font-size: .9em;	
}

.inv-qty {
	float: left;
	width: 40px;
	text-align: center;	
	padding-left: 10px;
	font-size: .9em;	
}

.inv-price {
	float: left;
	width: 60px;
	text-align: right;
	font-size: .9em;	
}

.inv-linetot {
	float: left;
	width: 70px;
	text-align: right;
	font-size: .9em;	
}

.inv-closing {
	float: left;
	width: 370px;
	text-align: right;
	font-size: .9em;	
}

.inv-invtot {
	float: left;
	width: 80px;
	text-align: right;
}

.inv-contents {
	line-height: 100%;
}

.inv-orderinfo {
	float: left;
	width: 210px;
}

/****************************************/
/* Common HRs
/****************************************/
.hr-150 {
	width: 150px;
	line-height: 100%;
	padding: 0px;
	margin: 0px;
}

.hr-200 {
	width: 200px;
}

.hr-400 {
	width: 400px;
}

.hr-600 {
	width: 600px;
}

/****************************************/
/* Common Font Colors
/****************************************/
.color-blue {
	color: #666FFF;
}

.color-darkblue {
	color: #151B8D;
}

.color-blue-disney {
	color: #215095;
}

.color-grey {
	color: #312e25;
}

.color-goldenrod {
	color: #FFE87C
}

.color-red {
	color: #CC0000;
}

.color-green {
	color: #336633;
}

.color-maroon {
	color: #4d1323;
}

.color-brown {
	color: #B35602;
}

/****************************************/
/* Common Font Sizes
/****************************************/

.font-13 {
	font-size: 1.3em;
}
.font-12 {
	font-size: 1.2em;
}
.font-11 {
	font-size: 1.1em;
}

.font-1 {
	font-size: 1em;
}

.font-9 {
	font-size: .9em;
}

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

.font-7 {
	font-size: .7em;
}

/****************************************/
/* Common Background Colors
/****************************************/
.bgcolor-yellow01 {
	background-color: #FFFF99;
}

.bgcolor-linen {
	background-color: #FAF0E6;
}

.bgcolor-white {
	background-color: #FFFFFF;
}

/****************************************/
/* Common Padding
/****************************************/

.pad-0 {
	padding: 0px;
}

.pad-5 {
	padding: 5px;
}

.pad-5t {
	padding-top: 5px;
}

.pad-5b {
	padding-bottom: 5px;
}

.pad-5r {
	padding-right: 5px;
}

.pad-5l {
	padding-left: 5px;
}

.pad-10t {
	padding-top: 10px;
}
.pad-10b {
	padding-bottom: 10px;
}

.pad-10r {
	padding-right: 10px;
}

.pad-10rl {
	padding-right: 10px;
	padding-left: 10px;
}

.pad-10l {
	padding-left: 10px;
}
.pad-10tl {
	padding-top: 10px;
	padding-left: 10px;
}
.pad-10tb {
	padding-top: 10px;
	padding-bottom: 10px;
}

.pad-20t {
	padding-top: 20px;
}

.pad-20b {
	padding-bottom: 20px;
}

.pad-20l {
	padding-left: 20px;
}


.pad-20tb {
	padding-top: 20px;
	padding-bottom: 20px;
}

.pad-20r {
	padding-right: 20px;
}

.pad-30l {
	padding-left: 30px;
}

.pad-40t {
	padding-top: 40px;
}
.pad-40l {
	padding-left: 40px;
}

.pad-60l {
	padding-left: 60px;
}

.pad-80l {
	padding-left: 80px;
}

.pad-90l {
	padding-left: 90px;
}

/****************************************/
/* Common Skins
/****************************************/
.textbox-gen {
	color: #312e25;
}
.skin-label-tier {
	float: left;
	width: 50px;
}

.skin-label-00 {
	float: left;
	width: 80px;
}

.skin-label-01 {
	float: left;
	width: 110px;
}

.skin-label-02 {
	float: left;
	width: 140px;
}

.skin-label-03 {
	float: left;
	width: 350px;
}

.skin-label-vardescr {
	float: left;
	width: 250px;
	font-size: .9em;
	font-style: italic;
}

/* Light Green BG, Grey Text */
.skin-btn-01 {
	background-color: #E7F4E1;
	border: 1px solid #327E04;
	color: #312e25;
	text-decoration: none;
	padding: 2px 6px;
	/* margin-left: 10px; */
	font-size: .9em;
	font-family: segoe ui, Arial, sans-serif;	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}

/* Light Yellow BG, Green Text */
.skin-btn-02 {
	background-color: #FFFF99;
	border: 1px solid #327E04;
	color: #327E04;
	text-decoration: none;
	padding: 2px 6px;
	/* margin-left: 10px; */
	font-size: .9em;
	font-family: segoe ui, Arial, sans-serif;	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}

/* Light Green BG, Grey Text */
/* Same ss btn-01, but used for HREFs */
.skin-btn-03 {
	background-color: #E7F4E1;
	border: 1px solid #327E04;
	color: #312e25;
	text-decoration: none;
	padding: 3px 8px;
	font-size: .9em;
	font-family: segoe ui, Arial, sans-serif;	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}

/* Light Yellow BG, Green Text */
/* Same ss btn-02, but used for HREFs */
.skin-btn-04 {
	background-color: #FFFF99;
	border: 1px solid #327E04;
	color: #327E04;
	text-decoration: none;
	padding: 3px 8px;
	font-size: .9em;
	font-family: segoe ui, Arial, sans-serif;	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}

.skin-btn-05 {
	color: #327E04;
	font-weight: bold;
	background-color: #E7F4E1;
	border: 1px solid #327E04;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}

.skin-section-h1 {
	font-family: trebuchet ms;
	font-size: 1.5em;
	font-style: italic;
	padding-top: 20px;
}

.skin-section-h2 {
	font-family: trebuchet ms;
	font-size: 1.2em;
	font-style: italic;
}

/****************************************/
/* Outermost Page Wrapper
/****************************************/
	
.pagewrapper {
	width: 770px;
	margin-left: auto;
	margin-right: auto;
}

.pwhome {
	background-image: url('../images/misc/header_bannerleaf.jpg');
	background-repeat: no-repeat;
}

.pwpages {
	background-image: url('../images/misc/header_bannernoleaf.jpg');
	background-repeat: no-repeat;
}

/****************************************/
/* Header
/****************************************/
.header-gen {
	height: 150px;
}

.header-left {
	position: relative;
	float: left;
	width: 230px;
	height: 150px;
}

.header-right {
	position: relative;
	float: right;
	width: 530px;
	height: 150px;	
}

.header-right-top {
	position: relative;
	clear: both;
	height: 100px;
}

.header-right-menu {
	position: relative;
	clear: both;
	height: 45px;
	z-index: 200;
}

a.header-right-menu:link {
	color: #336633
}
a.header-right-menu:visited{
	color: #336633
}

.header-banlogo {
	padding-top: 20px;
	padding-left: 48px;
}

.header-callus {
	font-size: 12pt;
	color: #006644;
	text-align: right;
	line-height: 115%;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 3px;
}

.header-strong  {
	font-family: 'Arial Black';
}

a.header-strong:link{
	color: #006644;
}

a.header-strong:visited {
	color: #006644;
}

/****************************************/
/* Manage Order Queue Layout
/****************************************/
.queue-container {
	position: relative;
	float: left;
	width: 180px;
	padding-right: 20px;
}

/****************************************/
/* Account Tools Menu Layout
/****************************************/
.accttools-container {
	position: relative;
	float: left;
	width: 100px;
	padding-left: 12px;
	text-align: center;
}

.accttools-container a:link {
	color: #666FFF;
	text-decoration: none;
	font-weight: bold;
}

.accttools-container a:visited {
	color: #666FFF;
	text-decoration: none;
	font-weight: bold;
}

/****************************************/
/* Home Page - Main Content Layout
/****************************************/
.home-content-gen{
	height: auto !important;
	min-height: 570px;
	height: 570px;
	background-image: url('../images/misc/home_lnav_bg.jpg');
	background-repeat: repeat-y;	
}

.home-content-left {
	position: relative;
	float: left;
	width: 174px;
}

.home-content-right {
	position: relative;
	float: right;
	width: 590px;
	padding-bottom: 20px;
	z-index: 0;
}

/****************************************/
/* Home Page - Left Navigation
/****************************************/
.home-lnav-gen {
	position: relative;
}

.home-lnav-hr {
	width: 80%;
}

/****************************************/
/* Home Page - Content
/****************************************/
.home-text{
	padding-top: 10px;
	margin-left: 78px;
	font-family: 'Trebuchet MS', Arial;
	font-size: 12pt;
	color: #336633;
	width: 480px;
	line-height: 125%
}

.home-text-link {
	font-family: 'Trebuchet MS', Arial;
	font-size: 12pt;
	color: #336633;
}
a.home-text-link:link {
	margin-left: 0px;
	color: #336633;
	text-decoration: underline;
}

a.home-text-link:visited {
	color: #336633;
	text-decoration: underline;
}

.home-welcome01 {
	position: relative;
	left: 90px;
	padding-top: 5px;
}

.home-welcome02 {
	position: relative;
	left: 50px;
}

.home-clickhere {
	position: relative;
	width: 480px;
	padding-top: 30px;
}

.home-clickhere-img {
	position: relative;
	float: left;
}

.home-clickhere-text {
	position: relative;
	top: 7px;
	float: left;
	font-size: 10pt;
	
}

/****************************************/
/* Home Page - Fruit Crisps Content
/****************************************/

.fc-home-img{
	position:relative;
	left: 30px;
}

.fc-home-text{
	padding-top: 5px;
	margin-left: 36px;
	font-size: 10pt;
	font-family: 'Trebuchet MS', Arial;	
	color: #31833F;
	/* color: #000000; */
	width: 519px;
	line-height: 125%
}

/****************************************/
/* Home Page - Fruit and Oats Content
/****************************************/

.fo-home-img{
	position:relative;
	left: 30px;
}

.fo-home-text{
	padding-top: 5px;
	margin-left: 36px;
	font-size: 10pt;
	font-family: 'Trebuchet MS', Arial;	
	color: #4d1323;
	width: 519px;
	line-height: 125%
}

/****************************************/
/* Home Page - Disney Content
/****************************************/

.disney-home-img{
	position:relative;
	left: 30px;
}

.disney-home-text{
	padding-top: 5px;
	padding-bottom: 10px;
	margin-left: 36px;
	font-size: 10pt;
	font-family: 'Trebuchet MS', Arial;	
	color: #215095;
	width: 519px;
	line-height: 125%
}

/****************************************/
/* Home Page - Potato Crisps Content
/****************************************/

.pc-home-img{
	position:relative;
	left: 30px;
}

.pc-home-text{
	padding-top: 5px;
	padding-bottom: 10px;
	margin-left: 36px;
	font-size: 10pt;
	font-family: 'Trebuchet MS', Arial;	
	color: #B35602;
	width: 519px;
	line-height: 125%
}

/****************************************/
/* Home Page - Organic Strawberry Content
/****************************************/

.os-home-img{
	position:relative;
	left: 30px;
}

.os-home-text{
	padding-top: 5px;
	padding-bottom: 10px;
	margin-left: 36px;
	font-size: 10pt;
	font-family: 'Trebuchet MS', Arial;	
	color: #008457;
	width: 519px;
	line-height: 125%
}

/****************************************/
/****************************************/
/* Content Pages
/****************************************/
/****************************************/
.pages-gen {
	height: auto !important;
	min-height: 250px;
	height: 250x;
}

.pages-gen-text {
	padding-top: 5px;
	padding-bottom: 10px;
	font-size: 10pt;
	font-family: 'Trebuchet MS', Arial;
	color: #008457;
	width: 519px;
	line-height: 125%
}

.pages-leftcol {
	position: relative;
	float: left;
	width: 150px;
}

.pages-rightcol {
	position: relative;
	float: right;
	width: 610px;
	padding-bottom: 20px;
}

/****************************************/
/* Pages - Shopping Cart
/****************************************/
.sc-gen {
	position: relative;
	border: 1px solid #327E04;
	font-family: segoe ui, Arial, sans-serif;
	font-size: .9em;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 15px;
	color: #000000;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.sc-heading {
	color: #327E04;
	font-weight: bold;	
}

.sc-delitem {
	float: left;
	width: 30px;
	padding-top: 5px;
	padding-left: 10px;
}

.sc-descr {
	float: left;
	width: 320px;
	text-align: left;
	padding-top: 5px;	
}

.sc-descr-mvd {
	float: left;
	width: 320px;
	text-align: left;
	padding-top: 5px;
	line-height: 100%;
}

.sc-price {
	float: left;
	width: 90px;
	text-align: right;
	padding-top: 5px;
}

.sc-qty {
	float: left;
	width: 40px;
	text-align: center;
	padding-top: 5px;
	padding-left: 20px;
}

.sc-qty-item {
	float: left;
	width: 40px;
	text-align: center;
	padding-left: 20px;
}


.sc-linetot {
	float: left;
	width: 70px;
	text-align: right;	
	padding-top: 5px;
}

.sc-subtotlabel {
	float: left;
	width: 510px;
	text-align: right;
	color: #327E04;
	font-weight: bold;
	padding-top: 15px;
}

.sc-subtotamt {
	float: left;
	width: 70px;
	text-align: right;
	padding-top: 6px;	
	font-weight: bold;	
	color: #CC0000;	
	padding-top: 15px;	
}

.sc-hr {
	width: 100%;
}

.sc-btnbarcontainer {
	padding-top: 6px;
}

.sc-btnbarleft {
	margin-top: 2px;
}

.sc-btnbarpaypal {
	margin-left: 10px;
}

.sc-btn {
	background-color: #E7F4E1;	
	border: 1px solid #327E04;
	text-decoration: none;
	padding: 2px 6px;
	margin-left: 10px;
	font-size: .9em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}

/****************************************/
/* Pages - Left Navigation
/****************************************/
.pages-lnav-gen {
	position: relative;
}

.pages-lnav-text {
	font-size: 12px;
}

.pages-lnav-level2 {
	padding-left: 15px;
}

.pages-lnav-cart {
	width: 143px;
	font-family: segoe ui, Arial, sans-serif;
	font-size: .9em;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 5px;
	border: 1px solid #327E04;
	color: #327E04;
	/* background-color: #E7F4E1; */
	background-color: #FFFF99;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.pages-lnav-cart-mover {
	background-color: #FFFF00;
}

.pages-lnav-cart-text {
	padding-left: 2px;
}

.pages-lnav-cart a {
	text-decoration: none;
}

/****************************************/
/* Pages - Content
/****************************************/
.pages-container {
	position: relative;
	border: 1px solid #327E04;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}

.pages-pageheader {
	font-family: 'Trebuchet MS', Arial;
	font-size: 1.4em;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	color: #336633;
	text-align: right;
	background-color: #E7F4E1;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}

.tabs-container {
	margin-top: 15px;
	border-color: #327E04;
}
.tabs-tabs {
	font-size: 10px;
	text-align: center;
}

.static-container {
	font-family: segoe ui, Arial, sans-serif;
	font-size: 1em;
	color: #312e25;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 20px;
	line-height: 125%;
}

.instock {
	color: #327E04;
}

.outofstock {
	color: #CC0000;
}

.price {
	color: #CC0000;
	font-weight: bold;
}

.qtytoorder {
	color: #327E04;
	padding-left: 7px;
	font-weight: bold;
}

.btnAddToCart {
	color: #327E04;
	font-weight: bold;
	background-color: #E7F4E1;
	border: 1px solid #327E04;
}

.productContainer {
	height: auto !important;
	min-height: 215px;
	height: 215px;
}
.productName {
	color: #327E04;
	font-size: 12px;
	font-weight: bold;
}

.productImage {
	padding-top: 10px;
	padding-left: 20px;
}

.productImageCYO {
	padding-top: 10px;
	padding-left: 10px;
}

.productOptions {
	padding-left: 60px;
}

.productOptionsCYO{
	padding-left: 10px;
}

.productDescr {
	padding-left: 5px;
	padding-right: 10px;
	line-height: 125%;
}

/****************************************/
/* Footer Settings
/****************************************/
.footer-gen{
	position: relative;
	font-size: .9em;
	color: #999999;
	text-align: center;
	line-height: 100%;
}

.footer-copyright {
	padding-top: 5px;
	font-size: 8pt;
	color: #CCCCCC;
	text-align: center;
}

.footer-img {
	padding-left: 63px;
}
.footer-hr {
	width: 95%;
	color: #CCCCCC;
	background-color: #CCCCCC;
}



/****************************************/
/* Misc Settings
/****************************************/
div.where-imagebox {
	width: 100px;
	height: 100px;
}

div.event-imagebox {
	width: 200px;
	height: 150px;
}

.center-div {
	position: relative;
	left: 25%;
}

.font-press {
	font-family: 'Courier New';
}

.noborder {
	border-style: none;
	border-style: hidden;
}

.page-break {
	page-break-after: always;
}

.line-height-100 {
	line-height: 100%;
}

.txt-center {
	text-align: center;
}

.txt-sc-qty {
	font-size: 1em;
}

.btn-gen {
	background-color: #E7F4E1;
	border: 1px solid #327E04;
	color: #312e25;
	text-decoration: none;
	padding: 2px 6px;
	margin-left: 10px;
	font-size: .9em;
	font-family: segoe ui, Arial, sans-serif;	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}

.btnToggle {
	background-color: #E7F4E1;	
	border: 1px solid #327E04;
	text-decoration: none;
	padding: 2px 6px;
	margin-left: 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}

.spacer-top10 {
	padding-top: 10px;
}

.hidden {
	display: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.none {
	float: none;
}

.clear {
	clear: both;
}

.pointer {
	cursor: pointer;
}

.debug {
	border: 1px solid black;
}

.valign-mid {
	vertical-align: middle;
}