/* General structural style declarations  */

body {
    font-family: Arial, Helvetica, Tahoma, Sans-serif ;
	font-size: 11px;
	color: #696969;
    text-align: center;
    margin: 0px;
    padding: 0px;
    background-image: url(../images/common/bg.gif);
    background-position: center top;
    background-repeat: repeat-x;
    overflow: auto;
    background-color: #ffd06c;
    line-height: 15px;
}

* {
    margin: 0px;
    padding: 0px;
}

h1 {
    font-size: 24px;
    line-height: 24px;
    font-weight: normal;
    color: #ff9300;
    text-transform: uppercase;
    padding-bottom: 12px;
}

h2 {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 15px;
    font-weight: bold;
    color: #443492;
}

h3 {
    font-size: 16px;
    font-weight: normal;
    color: #0079cc;
    line-height: 24px;
    padding-bottom: 10px;
}


h4 {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    color: #443492;
    padding-bottom: 7px;
}

h4 a,
h4 a:visited {
    color: #443492;
}

h5 {
    line-height: 11px;
    font-size: 11px;
    font-weight: bold;
    color: #999999;
}

/*ul, ol {
    padding-left: 15px;
}*/

p, ul, ol {
    padding-bottom: 15px;
    line-height: 18px;
}

.homeContent p {
    line-height: 15px;
}

.contentMain li {
    list-style-position: inside;
    padding-bottom: 10px;
    line-height: 16px;
}

a, a:visited {
    color: #0079cc;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}    

a img {
    border: none;  
}

#page {
    margin: 0px auto;
    width: 960px;
    padding: 84px 15px 0px 15px;;
    background-image: url(../images/common/bg-print.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

#pageContent.homeContent {
    padding: 0px 0px;
}

.pageContainer {
    width: 934px;
    padding: 13px;
    clear: both;
    float: left;
    background-color: #FFFFFF;
}

#pageFooter {
    float: left;
    clear: both;
    width: 960px;
    color: #cf8501;
    font-size: 10px;
    letter-spacing: -1px;
    padding: 6px 0px 20px; 
}

#pageFooter a,
#pageFooter a:visited {
    color: #000000;
}

.footerLeft {
    float: left;
    width: 300px;
    text-align: left;
}

.footerRight {
    float: right;
    color: #000000;
    width: 600px;
    text-align: right;
}

#pageHeader {
    width: 910px;
    float: left;
    clear: both;
    padding: 0px 12px;
}

.headerLogo a {
    float: left;
}

.headerLogo {
    width: 157px;
    height: 55px;
    padding-bottom: 10px;
    float: left;
}

.primaryNavigation {
    width: 700px;
    float: right;
    /*padding-top: 24px;*/
}

.primaryNavigation ul {
    float: right;
    padding: 0px;
    list-style-type: none;
}

.primaryNavigation ul li {
    float: left;
    padding: 0px;  
    list-style-type: none;
    background-image: url(../images/common/nav-div.gif);
    background-repeat: no-repeat;
    background-position: right 4px;
}

.primaryNavigation ul li a,
.primaryNavigation ul li a:visited {
    color: #333333;
    font-weight: bold;
    float: left;
    padding: 1px 9px 1px;
    line-height: 14px;
    font-size: 11px;
    letter-spacing: 0px;
}

/*.homePage .primaryNavigation ul li a,
.homePage .primaryNavigation ul li a:visited { 
}*/

.primaryNavigation ul li.preSelected,
.primaryNavigation ul li.last,
.primaryNavigation ul li.selected {
    background-image: none;
}

.primaryNavigation ul li.selected a,
.primaryNavigation ul li.selected a:visited {
    color: #FFFFFF;
    font-weight: bold;
    background-color: #433293;
    border:none;
}

/* Sub Navigation */

.secondaryNavigation {
    width: 700px;
    float: right;
}

.secondaryNavigation ul {
    float: left;
    padding: 0px;
    list-style-type: none;
}

.secondaryNavigation ul li {
    float: left;
    padding: 0px;  
    list-style-type: none;
    background-image: url(../images/common/subnav-div.gif);
    background-repeat: no-repeat;
    background-position: right 4px;
    background-color: #433293;
}

.secondLevel ul li.selected {
    background-image: none;
    background-color: #7b6fb3;
}

.secondaryNavigation ul li a,
.secondaryNavigation ul li a:visited {
    color: #FFFFFF;
    font-weight: bold;
    border:none;
    float: left;
    padding: 1px 9px 3px;
    line-height: 14px;
    font-size: 11px;
    letter-spacing: 0px;
}

.secondaryNavigation ul li.preSelected,
.secondaryNavigation ul li.last {
    background-image: none;
}

.secondaryNavigation ul li.selected a,
.secondaryNavigation ul li.selected a:visited {
}

.thirdLevel ul li {
    background-color: #7b6fb3;
}


/* Standard Content Region Declarations */

#pageContent {
    text-align: left;
    float: left;
    clear: both;
    width: 910px;
    padding: 0px 12px;
}

/* Home Template */

.homeFlashBanner {
    width: 910px;
    padding: 0px 12px 3px 12px;
    height: 298px;
    float: left;
    clear: both;
}

.homeBottomRow {
    width: 910px;
}

.homeLeft {
    float: left;
    width: 320px;
    padding-bottom: 3px;
}

.homeRight {
    float: right;
    width: 550px;
    padding-bottom: 3px;
}

/* Standard Content Template */

.standardContent {
    padding-left: 10px;
    width: 910px;
}

.column {
    width: 260px;
    float: left;
    min-height: 10px;
    padding-right: 47px;
    /*padding-top: 38px;*/
}

.alternateContent .column {
    /*padding-top: 15px;*/
}

.alternateContent .firstColumn,
.standardContent .firstColumn {
    padding-top: 0px;
}

.lastColumn {
    padding-right: 0px;
    width: 270px;
}

.alternateContent .lastColumn {
    width: 602px;
}

.alternateContent .lastColumn .column {
    padding-top: 0px;
    padding-right:22px;
    width: 280px;
}

.alternateContent .lastColumn .lastColumn {
    width: 270px;
}

.fullFlashColumn {
    width: 910px;
    padding: 0px 12px;
}

/* Text with Image Block */

.textImage,
.textImageImage,
.textImageText {
    float: left;
    clear: both;
    width: 260px;
}

.textImageImage {
    padding-bottom: 10px;
    border-bottom: solid 1px #9e9e9e;
}

.textImageText {
    padding: 10px 0px;
}

.textImageText h3 {
    padding: 0px 0px 4px 0px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

.textImageText h3,
.textImageText p,
.textImageText {
    line-height: 15px;
}

.imageLink {
    display: block;
}

/* Contact Form */

.contactFormWrapper {
    float: left;
    width: 310px;
    clear: both;
    padding-top: 37px;
}

.formWrapper ul,
.formWrapper li,
.formWrapper form,
.formWrapper {
    width: 310px;
    float: left;
    clear: both;
}

.formWrapper {
}

.formWrapper ul,
.formWrapper li {
    padding: 0px;
    list-style-type: none;
    padding-bottom: 4px;
}

.formWrapper ul,
.formWrapper li {
}

.formWrapper label {
    float: left;
    line-height: 13px;
    font-size: 11px;
    padding: 3px 0px; 
    color: #333333;
}

.formWrapper .radioWrapper label {
    width: 57px;
}

.formWrapper .textareaWrapper,
.formWrapper .radioWrapper,
.formWrapper .inputWrapper {
    float: right;
    width: 205px;
}

.formWrapper li.stateWrapper {
    width: 300px;
}

.formWrapper #state {
    float: right;
    width: 195px;
}

.formWrapper .radioWrapper input {
    margin: 3px;
}

/*.formWrapper .additionalWrapper .radioItem {
    clear: both;
    float: left;
    width: 200px;
}

.formWrapper .additionalWrapper .radioItem label {
    width: 100px;
}*/

.formWrapper input  {
    float: left;
}

.formWrapper .textareaWrapper textarea {
    height: 100px;
    line-height: 11px;
    float: left;
    font-size: 10px;
    color: #333333;
    padding: 2px;
    width: 190px;
    border: 1px solid #cacaca;
    background-color: #f6f6f6;
    font-family: Arial, Helvetica, Tahoma, Sans-serif ;
}

.formWrapper .textareaWrapper textarea#submitRecipe {
    height: 130px;
    margin-top: 8px;
}

.formWrapper .inputWrapper input  {
    height: 13px;
    font-family: Arial, Helvetica, Tahoma, Sans-serif ;
    float: left;
    font-size: 10px;
    padding: 2px;
    width: 190px;
    border: 1px solid #cacaca;
    background-color: #f6f6f6;
}

#submit {
    display: none;
}

.submit {
    float: left;
    width: 310px;
    padding-top: 10px;
    border-top: 1px solid #F1F1F1; 
}

#formErrors {
    width: 310px;
    float: left;
    clear: both;
    padding-bottom: 10px;
}

#formErrors p {
    color: #CC0000;
    font-size: 11px;
    font-weight: bold;
    line-height: 12px;
}

#formErrors li {
    color: #CC0000;
    font-size: 10px;
    padding: 0px;
}

.mandNote {
    float: left;
    clear :both;
    padding: 3px 0px;
}

.mandNote p {
    color: #ff9d00;
    font-size: 10px;
    font-weight: bold;
    
}

/* Products Page */

.productFirstColumn {
    padding-right: 0px;
}

.productRegionWrapper { 
    width: 605px;
    float: right;
}

.productRegionHeader {
    width: 605px;
    float: left;
    clear: both;
    /*padding-top: 40px;*/
    padding-bottom: 20px;
}

.productLogo {
    width: 226px;
    float: left;
}

.productNavigation {
    float: right;
    width: 325px;
    padding-right: 25px;
    padding-top: 20px;
}

.productNavigation ul {
    float: right;
    width: 335px;
    list-style-type: none;
    list-style-position: outside;
    padding: 0px;
    height: 18px;
    line-height: 18px;
}

.productNavigation ul li {
    float: left;
    background-color: #dc91b0;
    list-style-type: none;
    list-style-position: outside;
    padding: 0px;
    height: 18px;
    line-height: 18px;
    color: #FFFFFF;
    background-image: url(../images/common/prod-nav-divider.gif);
    background-position: right 4px;
    background-repeat: no-repeat;
}


.productNavigation ul li.first a {
    padding-left: 10px;
}

.productNavigation ul li.last a {
    padding-right: 10px;
}

.productNavigation ul li.last {
    background-image: none;
}

.productNavigation ul li.selected a,
.productNavigation ul li.selected a:visited{
    background-color: #e40678;
}

.productNavigation ul li a,
.productNavigation ul li a:visited {
    float: left;
    height: 18px;
    line-height: 18px;
    color: #FFFFFF;
    padding: 0px 8px 0px 7px;
    font-size: 12px;
}

/* General Product Region */

.productColumn {
    float: left;
    clear: both;
    width: 605px;
}

/* Overview Region - Products */

.overviewRegion {
    float: left;
    clear: both;
    width: 605px;
}

.overviewRegion h2 {
    color: #7f7f7f;
    font-weight: normal;
    font-size: 13px;
    line-height: 24px;
}

.overviewLeft {
    float: left;
    width: 150px;
}

.overviewLeft ul li,
.overviewLeft ul {
    padding: 0px;
    list-style-type: none;
    list-style-position: outside;
}

.overviewLeft h4 {
    font-size: 12px;
    color: #1a1818;
    line-height: 15px;
    font-weight: bold;
    padding: 0px 25px 2px 0px;
    text-align: right;
    text-transform: none;
}

.overviewLeft ul li.productListItem {
    padding: 0px 25px 0px 0px;
    background-image: url(../images/icons/tick.gif);
    background-repeat: no-repeat;
    background-position: right center;
    font-size: 12px;
    color: #1a1818;
    line-height: 20px;
    font-weight: bold;
    text-align: right;
}

.overviewRight {
    float: right;
    width: 360px;
}

/* Cooking Methods */

.cmBlock {
    width: 605px;
    float: left;
    clear: both;
}

.cmLeft {
    width: 70px;
    float: left;
}

.cmRight {
    width: 530px;
    float: right;
    font-size: 12px;
    border-top: solid 1px #EAEAEA;
    padding: 7px 0px 12px; 
}

.cmRight ol {
    padding: 0px 0px 10px 15px;
}

.cmRight li {
    padding: 0px;
    list-style-position: outside;
}

.cmRight h2 {
    font-size: 14px;
    font-weight: bold;
    color: #1a1818;
    padding-bottom: 7px;
}

.nutritionColumn,
.cookingMethodColumn {
    display: none;    
}

/* Nutrition Display */

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

.nutritionRight {
    width: 318px;
    text-align: left;
    float: right;
}

/* News List */

.newsList {
    float: left;
    clear: both;
    width: 260px;
}

.newsList ul,
.newsList li {
    float: left;
    clear: both;
    list-style-type: none;
    list-style-position: outside;
    padding: 0px;
}

.newsList li {
    padding-bottom :12px;
    width: 260px;
}

.newsList li h3,
.newsList li p {
    padding-bottom: 0px;
}

.newsList li .moreLink {
    color: #696969;
    float: right;
    clear: both;
    cursor: pointer;
}

/* Video List */

.videoTitle {
    color: #443492;
    text-transform: uppercase;
    font-weight: bold;
    padding: 7px 0px 10px;
}

/* Store Finder */

#storeFinderSubmit {
    display: none;
}

.storeFinderForm {
    padding: 16px 13px 37px;
    width: 258px;
    height: 56px;
    background-image: url(../images/common/store-locator-bg.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.storeFinderForm h3 {
    line-height: 16px;
    padding-left: 3px;
    color: #FFFFFF;
}

.storeFinderForm input {
    width: 95px;
    border: 1px solid #6d6f72;
    padding: 3px;
    float: left;
    margin-top: 10px;
}

.storeFinderForm a {
    float: right;
    padding: 10px 10px 11px 5px;
}

.storeFinderForm label {
    padding-right: 6px;
    margin-top: 13px;
    float: left;
    color: #FFFFFF;
}

.storeLocation li {
    padding-bottom: 0px;
    list-style-type: none;
    list-style-position: outside;
    line-height: 20px;
}

.storeLocation ul {
    padding-left: 15px;
    padding-bottom: 10px;
    list-style-type: none;
    list-style-position: outside;
}

.storeResultsList ul,
.storeResultsList li {
    list-style-type: none;
}

.storeResultsList .title {
    color: #443492;
}

/* Nutrition Search */

.alternateContent .nipsFormColumn {
    text-align: center;
    width: 250px;
}

.nipsForm {
    background-repeat: no-repeat;
    background-position: 0px 114px;
    background-image: url(../images/common/nips-select-bg.gif);
    height: 202px;
    width: 165px;
    padding: 114px 10px 20px;
    margin: 0px auto;
    text-align: left;
}

.nipsForm h2 {
    color: #FFFFFF;
    line-height: 39px;
    padding-bottom: 5px;
}

.nipsForm form {
    display: block;
    height: 59px;
    padding: 30px 0px;
}

#nipsSearchSubmit {
    display: none;
}

.nipsForm select {
    width: 165px;
    padding: 2px;
    margin-bottom: 3px;
}

.nipsForm label {
    display: block;
    line-height: 18px;
    color: #000000;
    font-size: 13px;
    padding-bottom: 3px;
}

.nipsResults h3 {
    color: #b3744c;
}

/* Products List */

.homeProductList {
    width: 550px;     
}

.homeProductList ul {
    width: 550px;
    list-style-type: none;
    float: left;
    padding: 0px;
}

.homeProductList ul li {
    float: left;
    padding: 0px 40px 0px 0px;
    list-style-type: none;
}

.homeProductList ul li.last {
    padding: 0px;
}