.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
 clear: both;
 height: 0px;
}

/*************************/
/* Main Text Definitions */
/*************************/

body {
 font-family: Arial, Helvetica, sans-serif;
 margin: 0;
 background: #fff;
 color: #666;
}

h1 {
 font-weight: normal;
}

h1, h2, h3, h4, h5 {font-family: Arial, Helvetica, sans-serif; color: #333;}

h1 {font-size: 1.5em; margin-top: 0;}
h2 {font-size: 1.2em; margin-bottom: 2px;}
h3 {font-size: 1.1em;}
h4 {font-size: 1.0em;}
h5 {font-size: 1.0em;}

a img {border: 0;}

a, #copy a  {color: #283C81;}
a:hover, #copy a:hover {color: #333;}

#copy h1 {border-bottom: 1px solid #999; padding-bottom: 3px; margin-top: 0;}
#copy ul { 
margin: 0 0 0 16px; 
padding: 0; 
} 
#copy li{ 
padding-left: 5px; 
} 


.small {font-size: 0.85em;}


/******************************/
/* Generic Layout Definitions */
/******************************/

#wrap {width: 1034px; margin: 0 auto; background-image: url(../images/bg_page.gif);}
#baseShadow {width: 1034px; height: 22px; margin: 0 auto; background-image: url(../images/bg_footer.gif);}
#container {width: 1010px; padding: 0 12px; margin: 0; font-size: 0.8em;}
#navBar {float: left; width: 1010px; height: 30px; padding-top: 110px; background-image:  url(../images/toptext_home.gif); background-repeat: no-repeat;}
#sideNav {float: left; width: 203px; border-top: 1px solid #283C81;}

#subSearch {border-left: 5px solid #283C81; padding-left: 5px;}
#subSearch h3 {color: #283C81; font-weight: bold; font-size: 0.9em; margin-bottom: 1px;}
#emailUpdates {margin-top: 20px; border-left: 5px solid #283C81; padding-left: 5px;}
#emailUpdates h3 {color: #283C81; font-weight: bold; margin-bottom: 1px; font-size: 0.9em;}
#emailUpdates p {margin-top: 0; font-size: 0.85em;}
.crossFeature {margin-top: 87px; border-left: 5px solid #7D962F; padding-left: 5px;}
.crossFeature h3 {color: #7D962F; font-weight: bold; margin-bottom: 1px; font-size: 0.9em;}
.crossFeature p {margin-top: 0; font-size: 0.85em;}
#loggedIn {margin-top: 20px; border-left: 5px solid #ddd; padding-left: 5px; font-size: 0.85em;}

#content {float: left; width: 797px; margin-left: 9px; display: inline;}
#flashPanel {float: left; width: 797px; height: 235px; margin-bottom: 30px;}
#flashPanelLeft {float: left; width: 224px; height: 205px; padding: 15px; color: #fff; line-height: 1.6em; background-image: url(../images/toppanel.jpg);}
#flashPanelLeft a { color: #fff;}
#flashPanelLeft h1, #flashPanelLeft h2, #flashPanelLeft h3 {color: #fff; margin-bottom: 2px; margin-top: 0;}

#flashPanelStripes {float: left; width: 38px; height: 235px; background-image: url(../images/toppanel_stripes.gif);}
#flashPanelAnim {float: left; width: 505px; height: 235px;}
#flashPanelAnim img {display: block;}

#infoPanel {float: left; width: 751px; height: 18px; padding: 9px 10px; font-size: 0.85em; color: #333; background-image: url(../images/bg_infopanel.jpg);}
#infoPanel a {color: #333;}
#infoPanel h3 {float: left; margin: 0 20px 0 0; color: #333; font-weight: bold; font-size: 1.1em; display: inline;}
#infoPanel img.resultsArrow {margin-left: 10px; margin-bottom: -2px;}
#infoPanel a.readmore {margin-left: 20px;}

#copy .navPanel {float: left; width: 255px; height: 101px; margin-right: 3px; margin-bottom: 3px; font-size: 0.85em;}
#copy .navPanel img {float: right; margin-left: 5px; display: inline;}
#copy .navPanel strong {font-size: 1.1em;}
#copy .navPanel a {color: #333; display: block; width: 251px; height: 97px; padding: 2px; text-decoration: none; background-image: url(../images/navpanel.jpg);}
#copy .navPanel a:hover {color: #fff; background: #666;}
#copy .navText {display: block; padding: 7px 10px;}

#copy {padding: 0 10px;}

#footer {float: left; text-align: right; display: inline; width: 968px; margin: 16px 21px 0 21px; border-top: 1px solid #666; padding: 5px 0; font-size: 0.8em; color: #666;}
#footer a {color: #666; text-decoration: none;}

/************************************/
/* Page-specific Layout Definitions */
/************************************/

#hpFlash {float: left; width: 1010px; height: 234px;}
#hpMain {float: left; width: 968px; padding-top: 32px; padding-left: 21px; padding-right: 21px;}
#hpSearch {float: right; width: 311px; text-align: right;}
h1.hpIntro {float: left; width: 640px; margin-left: 10px; display: inline;}

#hpPanelsTop {float: left; width: 968px; font-size: 0.85em;}
#panelOne {float: left; width: 311px; margin-right: 18px; display: inline;}
#panelTwo {float: left; width: 310px; margin-right: 18px; display: inline;}
#panelThree {float: left; width: 311px; display: inline;}
#panelOne h2, #panelTwo h2, #panelThree h2 {margin-left: 10px; margin-top: 15px; margin-bottom: 5px; font-size: 1.2em; font-weight: bold;}

#panelOne .links {float: left; width: 311px; height: 121px; background-image: url(../images/bg_hpanel.jpg);}
#panelTwo .links {float: left; width: 310px; height: 121px; background-image: url(../images/bg_hpanel.jpg);}
#panelThree .links {float: left; width: 311px; height: 121px; background-image: url(../images/bg_hpanel.jpg);}

.links a {display: block; width: 127px; padding: 5px 3px 4px 10px; border-top: 1px solid #fff; color: #fff; text-decoration: none;}

.panelNav {float: left; width: 140px; margin-top: 10px;}
.panelImage {float: left; width: 159px; margin-top: 10px;}
.panelImage img {border: 1px solid #fff;}

#panelOne .links a:hover {background: #ECECEC; color: #333;}
#panelTwo .links a:hover {background: #ECECEC; color: #333;}
#panelThree .links a:hover {background: #ECECEC; color: #333;}
a.more {border-bottom: 1px solid #fff; padding: 5px 3px 5px 10px;}

#homeText {float: left; width: 968px; margin-top: 10px; display: inline; border-top: 1px solid #ccc;  border-bottom: 1px solid #ccc;}
#homeCopy {margin: 10px;}


#signUpEmail {margin: 10px 0;}
.newsItem {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc;}
a.readMore {font-size: 0.85em; color: #666;}

#spMain {float: left; width: 1010px;}

.galleryThumb {float: left; width: 170px; margin-right: 17px; margin-bottom: 10px;}
.galleryThumb img {width: 170px;}

.faqAnswer p {}

#infoMain {float: left; width: 910px; padding-top: 32px; padding-left: 79px; padding-right: 21px;}

#AllProducerList td.head {color: #243A85; font-weight: bold; border-bottom: 1px solid #243A85;}
#AllProducerList td.cat1 {border-bottom: 1px solid #7E972F; padding: 2px 0;}
#AllProducerList td.cat2 {border-bottom: 1px solid #B3B81E; padding: 2px 0;}
#AllProducerList td.cat3 {border-bottom: 1px solid #82B6E5; padding: 2px 0;}
#AllProducerList td.cat4 {border-bottom: 1px solid #D1671D; padding: 2px 0;}
#AllProducerList td.cat5 {border-bottom: 1px solid #8D2480; padding: 2px 0;}
#AllProducerList h1 {color: #243A85; margin-bottom: 0;}

/**************************/
/* Navigation Definitions */
/**************************/

ul#topNav  {
 float: left;
 list-style: none;
 padding: 0 0 0 20px;
 margin: 0;
} 
ul#topNav li {
 float: left;
 margin: 0 19px;
}
ul#topNav li a {
 text-decoration: none;
 color: #999;
}
ul#topNav li a:hover {
 color: #333;
}
ul#topNav .on {font-weight: bold; color: #233A84;}

/* 2nd level nav */
#sideNav ul {
 list-style: none;
 margin: 0;
 padding: 0;
 min-height: 235px;
 line-height: 1.6em;
} 
#sideNav ul li {
 padding: 2px 15px;
 border-bottom: 1px solid #283C81;
 border-left: 5px solid #283C81;
}
#sideNav ul li a {
 text-decoration: none;
 color: #333;
}
#sideNav ul li a:hover {
 color: #666;
}
#sideNav ul li.on {background: #E8EAF1;}

#sideNav ul li.on a {font-weight: bold;}
#sideNav ul li.on ul li a {font-weight: normal;}
#sideNav ul li.on ul li.on ul li a {font-weight: normal;}
#sideNav ul li.on ul li.on ul li.on a {font-weight: bold;}

/* 3rd level nav */
#sideNav ul li.on ul {
 list-style: none;
 margin: 0;
 padding: 0;
 min-height: 0;
}
#sideNav ul li.on ul li {
 margin: 0;
 padding: 0;
 border-bottom: 0;
 border-left: 0;
}

/* 4th level nav */
#sideNav ul li.on ul li.on ul {
 list-style: none;
 margin: 0;
 padding: 0 0 0 10px;
 min-height: 0;
 font-size: 0.85em;
}
#sideNav ul li.on ul li.on ul li {
 margin: 0;
 padding: 0;
 border-bottom: 0;
 border-left: 0;
}


/*********/
/* Forms */
/*********/

FORM {
 padding: 0;
 margin: 0;
 border: 0;
}

.searchBox {width: 200px; color: #333; border: 1px solid #999; font-size: 0.85em;}
.searchBoxSub {width: 190px; color: #333; border: 1px solid #999; font-size: 0.85em;}
.searchButton {color: #333; font-weight: bold; background: #fff; border: 0; font-size: 0.85em;}
.membersBox {width: 200px; color: #333; border: 1px solid #999; font-size: 0.98em;}

.emailField {
 width: 150px;
 color: #333;
 font-size: 1.0em;
 margin-bottom: 4px;
 font-family: Arial, Helvetica, sans-serif;
}
.emailButton {color: #fff; font-weight: bold; background: #3954AF; border: 0; font-size: 0.8em;}
.membersButton {color: #fff; font-weight: bold; background: #ACB428; border: 0; margin: 4px 0;}

.loginField {
 width: 100px;
 color: #333;
 font-size: 1.0em;
 margin-bottom: 4px;
 font-family: Arial, Helvetica, sans-serif;
}

.loginLabel {
 float: left;
 width: 100px;
 padding-top: 2px;
}

label {width: 120px;}

.memberLoginLabel {
 display: block;
 padding-top: 2px;
}

.formRow {
 clear: both;
 margin-top: 4px;
 margin-bottom: 4px;
}
.formRowHead {
 clear: both;
 margin-top: 8px;
 margin-bottom: 4px;
 background: #eee;
 padding: 3px;
 color: #333;
 font-weight: bold;
}
.fmLabel {
 float: left;
 width: 200px;
 padding-top: 2px;
}
.fmField {
 width: 200px;
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmFieldLrg {
 width: 300px;
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmFieldSml {
 width: 60px;
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmFieldxSml {
 width: 20px;
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmComments {
 width: 300px;
 height: 100px;
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
select {
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}

.fmButton {
 background: #666;
 color: #fff;
 font-weight: bold;
 border: 0;
 font-size: 1.2em;
 font-family: Arial, Helvetica, sans-serif;
}





/* Admin styles */
#adminSiteName {float: left; width: 610px; height: 50px; padding: 20px;}
#adminPage {float: left; width: 900px; padding: 10px 20px 20px 20px; background: #fff;}
#adminLogo {float: left; width: 500px; padding: 20px 0 20px 0;}
#adminLogout {float: right;}
#adminNav {float: left; width: 970px; padding: 10px 20px; border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc;}
#adminNav ul {
 float: left;
 list-style: none;
 padding: 0;
 margin: 0;
}
#adminNav ul li {
 float: left;
 margin-right: 25px;
 font-weight: bold;
}
#adminNav ul li a {text-decoration: none;}
#adminNav ul li a:hover {text-decoration: underline;}
#adminMain {float: left; padding: 20px 20px 50px 20px;}

#adminSideNav {float: left; width: 203px; background: #efefef;}
#adminSideNav h2 {font-weight: normal; border-bottom: 1px solid #efefef; background: #666; font-size: 0.85em; color: #fff; padding: 3px;}
#adminSpecial {padding: 5px;}
#adminSpecial a {display: block; padding: 2px 0;}

#adminList {float: right;}

#adminFooter {float: left; width: 970px; padding: 10px 20px; color: #999; font-size: 0.8em; border-top: 1px dashed #ccc;}
#adminFooter a {color: #999;}
.nuggetsLogo {margin-bottom: -3px;}

.section {padding: 10px; border:1px solid #8CC63E; margin-bottom: 20px;}
.section h2 {margin-top: 0;}

table#pageList td {border-bottom: 1px solid #efefef; padding: 3px 0;}
table#pageList td.tableHead {border-bottom: 1px solid #efefef; background: #666; font-size: 0.85em; color: #fff; padding: 3px;}


.adminLabel {
 width: 190px;
 background: #eee;
 border-bottom: 1px solid #fff;
}
.adminRow {
 border-bottom: 1px solid #f3f3f3;
 padding: 3px 0;
}
.adminInput {
 font-family: Arial, Helvetica, Sans-Serif;
 width: 200px;
}
.adminInputLrg {
 font-family: Arial, Helvetica, Sans-Serif;
 width: 500px;
}
.adminInputSml {
 font-family: Arial, Helvetica, Sans-Serif;
 width: 100px;
}
.adminInputXSml {
 font-family: Arial, Helvetica, Sans-Serif;
 width: 20px;
}
.adminTextbox {
 font-family: Arial, Helvetica, Sans-Serif;
 width: 400px;
 height: 60px;
}
.adminTextboxLrg {
 font-family: Arial, Helvetica, Sans-Serif;
 width: 400px;
 height: 200px;
}
.memberPanel {width: 200px;}


/* Sitemap - indent tree styles */

div.indent{
margin-left:0px;
}
div.indent1{
margin-left:10px;
}
div.indent2{
margin-left:20px;
}
div.indent3{
margin-left:30px;
}
div.indent4{
margin-left:40px;
}