/* freshisbestinc.com site CSS created by Rob Martin for Quintessential Mischief LLC */

* { 
 margin: 0; 
 padding: 0;
}

body {
 background-color: #fdfcfc;
 margin: 0 auto;
 font-family: Verdana, Geneva, sans-serif;
 font-size: 0.80em;
 line-height: 1.6em;
 color: #333;
}

div.container {
 position: relative;
 background: transparent url(http://www.freshisbestinc.com/assets/site/styles/bg.png) repeat-y center top;
 width: 1000px;
 margin: 0 auto;
 padding: 250px 20px 40px 20px;
}

/* div.skip - used for hiding accessiblity links in standard browsers */
div.skip {
 display: none;
}

div#masthead {
 position: absolute;
 top: 0;
 width: 959px;
 margin: 0 21px;
 height: 210px;
 padding: 0;
}

div#masthead div.mhlogo {
 position: absolute;
 top: 0;
 margin: 0 auto;
 z-index: 3;
}

div#masthead div.mhlogo img {
 background: none !important;
}

div#masthead div ul {
 list-style-type: none;
 padding: 0;
 margin: 0;
}

div#masthead div.mhanimals {
 position: absolute;
 top: 0;
 left: 0;
 height: 120px;
 width: 480px;
 text-align: left;
 z-index: 1;
 display: none;
}

div#masthead div.mhfoods {
 position: absolute;
 top: 0;
 left: 479px;
 height: 120px;
 width: 480px;
 text-align: left;
 z-index: 2;
 display: none;
}

div#navigation {
 position: absolute;
 top: 210px;
 margin: 0 20px;
 padding: 0 20px;
 width: 960px;
 height: 28px;
 font-weight: bold;
 text-transform: uppercase;
 z-index: 2;
}

div#navigation ul {
 list-style-image: none;
 list-style-position: outside;
 list-style-type: none;
 margin: 9px 0;
 padding: 0;
 line-height: 1;
}

div#navigation ul li {
 position: relative;
 float: left;
 padding: 0 24px 0 0;
}

div#navigation ul li a,
div#navigation ul li a:visited {
 text-decoration: none;
 color: #336799;
}

div#navigation ul li a: hover {
 text-decoration: none;
}

div#navCart {
 text-align: right;
 padding-right: 40px;
 font-size: 0.8em;
}

div#navCart a,
div#navCart a:visited {
 text-decoration: none;
 color: #336799;
}

div#navCart a:hover {
 text-decoration: underline;
}

div#navCart img {
 vertical-align: bottom;
}

div#minornav {
 margin: 6px 10px 20px 0;
 border-top: 2px solid #336799;
}

div#minornav div.LCOS_title {
 font-weight: bold;
}

div#minornav ul {
 list-style-type: none;
 margin: 0;
 padding: 12px 0;
 text-indent: 0;
 border-bottom: 2px solid #336799;

}

div#minornav ul li {
 padding-bottom: 12px;
} 

div#minornav ul li a {
 text-decoration: none;
}

div#minornav ul li a:hover {
 text-decoration: underline;
}

div#news {
 margin: 6px 10px 20px 0;
 border-bottom: 2px solid #336799;
}

div#news p {
 font-size: 0.9em;
 margin-bottom: 0.67em;
 line-height: 1.33em;
}

div#facebook {
 padding: 0 0 20px 0;
}

div#twitter {
}

div#breadcrumbs {
 padding: 0;
 text-align: left;
 font-size: 0.8em;
 color: #aaa;
 padding-bottom: 6px;
}

div#content {
 width: 635px;
 margin: 2px 40px 12px 0;
 float: right;
}

div#sidebar {
 width: 260px;
 min-height: 260px;
 margin: 2px 0 12px 40px;
 float: left;
 border-right: 1px solid #336799;
}

div#sidebar h2 {
 font-size: 1.33em;
}

div#newsletter {
 padding-bottom: 20px;
}

div#twitter {
 padding-bottom: 20px;
}

div#footer {
 margin: 0 20px;
 clear: both;
 padding: 12px 4px;
 font-size: 9px;
 text-align: center;
 color: #336799;
 border-top: 1px solid #336799;
}

div#footer ul {
 display: inline;
 list-style-type: none;
 text-indent: 0;
 margin: 0;
 padding: 0;
}

div#footer ul li {
 display: inline;
 margin: 0;
 padding: 0 6px;
 text-transform: uppercase;
}

div#footer a,
div#footer a:visited {
 text-decoration: none;
}

div#footer a:hover {
 text-decoration: underline;
}

div#footer p {
 padding: 1.0em 0;
}


/* Catalog styles */

div.category {
 clear: both;
 padding: 12px 0;
}

div.category h2 a,
div.category h2 a:visited {
 color: #336799;
 text-decoration: none;
}

div.category h2 a:hover {
 text-decoration: underline;
}

div.product {
 width: 210px;
 float: left;
 text-align: center;
}

/* Product styles */

div#productPurchase {
 clear: both;
 border-bottom: 1px solid #336799;
 padding-bottom: 20px;
 margin-bottom: 20px;
}

div#productPurchase h1 {
 font-size: 1.5em;
 text-align: left;
}

div#productImage {
 position: relative;
 width: 190px;
 margin-right: 20px;
 float: left;
}

div#productImage div.enlarge {
 position: absolute;
 bottom: 1px;
 right: 1px;
 z-index: 2;
}

div#productImage div.enlarge img {
 height: 29px;
 width: 29px;
}

div#buyBox {
 width: 210px;
 float: left;
}

div#buyBox div.item {
 margin-bottom: 8px;
 clear: both;
}

div#buyBox p {
 font-size: 0.9em;
 line-height: 1.2em;
 padding: 0;
}

div#miniCart {
 width: 190px;
 float: right;
 padding: 6px;
 font-size: 0.85em;
 color: #666;
 border: 1px solid #ccc;
}

div#miniCart a,
div#miniCart a:visited {
  text-decoration: none;
}

div#miniCart a:hover {
  text-decoration: underline;
}

div#productInfo {
 clear: both;
 margin-top: 20px;
}

div#productInfo div {
 margin-bottom: 20px;
}

div#productInfo h3 {
 font-size: 1.0em;
 margin-bottom: 6px;
 line-height: 1.2em;
}

div#productInfo div.smallChart h3 {
 margin-bottom: 0;
}

div#productInfo p,
div#productInfo li {
 font-size: 0.85em;
 line-height: 1.33em;
}

div#col1 {
 width: 210px;
 margin-right: 20px;
 float: left;
}

div#productDescription {
}

div#productDescription p {
 font-size: 1.1em;
}

div#ingredients {
}

div#col2 {
 width: 190px;
 float: left;
}

div#shipNote {
}

div#manProcedures {
}

div#col3 {
 width: 190px;
 float: right;
}

div.smallChart {
 width: 189px;
 color: #666;
 font-size: 0.8em;
 line-height: 1.2em;
}

div.feedingChartCats p.switcherDayMonth,
div.feedingChartDogs p.switcherDayMonth {
 visibility: hidden;
}

div.smallChart div.feedingChartCats p.switcherDayMonth,
div.smallChart div.feedingChartDogs p.switcherDayMonth {
 visibility: visible;
 font-size: 0.95em;
 text-align: right;
 margin: 4px 0;
}

div.smallChart div.feedingChartCats p.switcherDayMonth span.showDaily,
div.smallChart div.feedingChartCats p.switcherDayMonth span.showMonthly,
div.smallChart div.feedingChartDogs p.switcherDayMonth span.showDaily,
div.smallChart div.feedingChartDogs p.switcherDayMonth span.showMonthly {
 cursor: pointer;
 padding: 2px;
 border: 1px solid #999;
 background-color: #eee;
}

div.smallChart h3 {
 clear: both;
 padding: 4px 8px;
 margin: 0;
 border: 1px solid #999;
 background-color: #eee;
}

div.smallChart h3:hover {
 cursor: pointer;
}

div.smallChart p {
 padding: 0.5em 0;
 text-align: center;
 line-height: 1.2em;
}

div.smallChart table {
 width: 100%;
}

div.smallChart td {
 color: #222;
}

div.smallChart table,
div.feedingChartDogs table,
div.feedingChartCats table,
div#feedingChart table {
 clear: both;
 font-size: 0.9em;
 width: 100%;
 margin-bottom: 20px;
 border-collapse: collapse;
 background: transparent;
}

div.smallChart table caption,
div.feedingChartDogs table caption,
div.feedingChartCats table caption,
div#feedingChart table caption {
 font-weight: bold;
 line-height: 1.33em;
 margin-bottom: 10px;
}

div.smallChart table th,
div.feedingChartDogs table th,
div.feedingChartCats table th,
div#feedingChart table th {
 font-weight: normal;
}

div#feedingChart table tr.even {
 background-color: #fff;
}

div#feedingChart table tr.odd {
 background-color: #f0f0f0;
}

div.smallChart table  th,
div.smallChart table td,
div.feedingChartDogs table th,
div.feedingChartDogs table td,
div.feedingChartCats table th,
div.feedingChartCats table td,
div#feedingChart table th,
div#feedingChart table td {
 padding: 3px 6px;
 border: 1px solid #e4e4e4;
}

div.smallChart table th,
div.feedingChartDogs table th,
div.feedingChartCats table th,
div#feedingChart table th {
 text-align: center;
}

div.smallChart table td,
div.feedingChartDogs table td,
div.feedingChartCats table td,
div#feedingChart table td {
 text-align: right;
}

div.smallChart table tr:first-child,
div.feedingChartDogs table td:first-child,
div.feedingChartCats table td:first-child,
div#feedingChart table td:first-child {
 text-align: left;
}


/* Guaranteed analysis charts */

table#guaranteed-analysis {
 font-size: 0.85em;
 line-height: 1.33em;
 border-collapse: collapse;
 margin: 1.0em 0;
}

body.product-page table#guaranteed-analysis {
 font-size: 0.75em;
}

table#guaranteed-analysis tr {
}

table#guaranteed-analysis tr th {
 padding: 8px 4px;
 border: 1px solid #ccc;
 text-align: center;
 vertical-align: bottom;
}

table#guaranteed-analysis tr th.one {
 text-align: left;
 border: none;
}

table#guaranteed-analysis td {
 padding: 4px;
 margin: 0;
 border: 1px solid #ccc;
 text-align: right;
 vertical-align: top;
}

body.product-page table#guaranteed-analysis td {
 padding: 1px 3px;
}

table#guaranteed-analysis td.one {
 text-align: left;
}

table#guaranteed-analysis td:nth-child(even),
table#guaranteed-analysis th:nth-child(even) {
 background-color: #eaeaea;
}


/*qmCart styles */

div#buyBox form.qmcart fieldset {
 width: 100%;
 text-align: right;
 border: none;
 padding: 0;
 margin: 0;
}

div#buyBox form.qmcart label.qtyInput {
}

div#buyBox form.qmcart input.qtyInput {
 width: 18px;
 padding: 0 4px;
}

div#buyBox form.qmcart input.btnaddItem {
 padding: 0;
 margin: 8px 0 0 0;
 vertical-align: bottom;
}

div#buyBox form.qmcart input.qtyInput,
div#cart form.qmcart input.itemQuantity {
 width: 24px;
 padding: 4px;
 text-align: right;
 color: #336799;
 background: #f9f9f9;
 border: 1px solid #dedede;
}

div#cart form.qmcart,
div#miniCart form.qmcart {
 display: inline;
}

div#cart form.qmcart fieldset,
div#miniCart form.qmcart fieldset {
 display: inline;
 border: none;
 padding: 0;
 margin: 0;
}

div#cart input.btnmodifyItem {
 width: 64px;
 margin: 0 4px;
}

div#cart input.btnremoveItem {
 width: 24px;
 margin: 0;
}

div#buyBox input.btnAddItem,
div#cart input.btnmodifyItem,
div#cart input.btnremoveItem {
 padding: 2px;
 color: #333;
 background: #edd;
 font-weight: bold;
}

div#miniCart form.qmcart input {
 display: inline;
 padding-top: 2px;
}

div#cart table,
div#miniCart table {
 width: 100%;
 padding: 4px 0;
}

div#cart table tr,
div#miniCart tr {
 padding: 4px 0;
 border: none;
}

div#cart table th,
div#miniCart th {
 text-align: left;
 padding: 0;
 border: none;
}

div#miniCart td {
 width: 100%;
 padding: 0;
 line-height: 1.66em;
}

div#cart table td {
 padding-bottom: 12px;
}

div#cart table td.itemQty {
 width: 156px;
}

/* Retailer lookup */

div#retailers div#retailer-states,
div#retailers div#results,
div#retailers div#retailer-cities,
div#retailers div#retailer-results {
 clear: both;
}

div#retailers div#retailer-cities,
div#retailers div#retailer-areacodes {
 float: left;
}

div#retailers h2 {
 clear: both;
}

div#retailers h3 {
 padding: 4px 0;
 font-weight: bold;
}

div#retailers ul {
 display: block;
 list-style-type: none;
 text-indent: 0;
 margin: 0;
 padding: 0 0 12px 0;
}

div#retailers ul.states,
div#retailers ul.cities {
 width: 144px;
 float: left;
}

div#retailers ul.states-more,
div#retailers ul.areacodes {
 width: 200px;
 float: left;
}

div#retailers ul li {
 display: block;
 margin: 0;
}

div#retailers ul li a {
 display: block;
 width: 90%;
 padding: 4px;
 text-decoration: none;
}

div#retailers ul li a:hover {
 background-color: #edd;
}

div#retailers div.company {
 padding: 2px 8px;
}

div#retailers div.even {
 border: 1px solid #edd;
}

div#retailers div.odd {
 background-color: #edd;
}

/* testimonials */

div.testimonial {
 border: 1px solid #edd;
 padding: 20px;
 margin-bottom: 16px;
}

div.testimonial img {
 padding-right: 20px;
 padding-bottom: 20px;
}

/* General elements */

h1, h2, h3, h4, h5, h6 {
 font-weight: normal;
 font-family: Verdana, Geneva, sans-serif;
 line-height: 1.0em;
 color: #666;
}

h1 {
 font-size: 1.8em;
 font-weight: normal;
 text-align: left;
 letter-spacing: -1.0px;
 text-transform: none;
 padding-bottom: 0.66em;
}

h2 {
 font-size: 1.66em;
 font-family: Trebuchet, "Trebuchet MS", Helvetica, sans-serif;
 font-weight: bold;
 padding-bottom: 0.66em;
}

h3, h4, h5, h6 {
 font-size: 1.25em;
 padding: 0.33em 0;
}

p { 
 padding-bottom: 1.0em;
 line-height: 1.67em;
}

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

a:visited { color: #b80; }

img, img a { border: none; }

ul { list-style-type: disc;}

ul.nobullet { list-style-type: none; }

ol 	{ 
	list-style-type: decimal; 
	list-style-position: outside;
	margin-left: 2em;
	}

ul { 
 list-style-position: inside;
 padding: 0 0 1.0em 1.33em;
}

li { padding: 0; }

li p	{
	margin-left: 0.5em;
	text-indent: 0;
	}

address {
 font-style: normal;
 padding-bottom: 0.66em;
}

sub, sup {
 line-height: 0;
}

acronym, abbr {
 border-bottom: 1px dotted #c9f;
}

/* Styles for forms */

form#contactform fieldset {
 padding: 1em;
 margin: 0 auto;
 width: 100%;
 border: none;
}

form#contactform label {
 width: 220px;
 display: block;
 float: left;
 text-align: right;
 padding-right: 1.5em;
}

form#contactform input {
 margin: 1px 0;
 width: 360px;
 padding: 4px;
 color: #336799;
 background: #f9f9f9;
 border: 1px solid #dedede;
}

form#contactform textarea {
 margin: 1px 0;
 width: 98%;
 text-align: left;
 color: #336799;
 background: #f9f9f9;
 border: 1px solid #dedede;
}

form#contactform input.button {
 width: 626px;
 padding: 6px;
 color: #dedede;
 background: #336799;
 font-size: 1.2em;
 font-weight: bold;
 border: 2px outset #dedede;
}

div#newsletter form {
}

div#newsletter fieldset {
 border: none;
 font-size: 0.9em;
}

div#newsletter input {
 width: 140px;
 padding: 4px;
 color: #336799;
 background: #f9f9f9;
 border: 1px solid #dedede;
}

div#newsletter input.submit {
 width: 84px;
 padding: 2px;
 color: #dedede;
 background: #336799;
 font-weight: bold;
}

div#feedingChartDogs table td {
 text-align: right;
}

/* General classes to use throughout the site */

.hidden { display: none; }

.larger { font-size: larger; }

.smaller { font-size: smaller; }

.bold { font-weight: bold; }

.italic { font-style: italic; }

.underline { text-decoration: underline; }

.caps { text-transform: uppercase; }

.white { color: white; }

.orange { color: #ff8e00; }

.blue { color: #024886; }

.yellow { color: #886611; }

.required, .red { color: #ff0033; }

.left { text-align: left; }

.center { text-align: center; }

.right{ text-align: right; }

img.middle { vertical-align: middle; }

.indent {	
 padding-left: 2.0em;
 padding-right: 2.0em;
}

.floatright { 
 float: right;
 padding-left: 1em;
}

.floatleft{ 
 float: left; 
 padding-right: 1em;
}

.clear {
 clear: both;
 padding-top: 1.0em;
}

.clearleft {
 clear: left;
 padding-top: 1.0em;
}

.clearright { 
 clear: right;
 padding-top: 1.0em;
}

.bullet { padding: 0 0.5em; }

.error,
.errors {
  background: #ffffce url(/assets/site/styles/warning.png) no-repeat 8px center;
  border: #f0c000 1px solid;
  padding: 8px 8px 16px 52px;
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 0.85em;
  font-weight: bold;
  color: #333;
}