@import url( reset.css );     
@import url( sifr.css );        
.pngfix {*behavior:url(/assets/css/iepngfix.htc);}

.blueText { color:#007db4; }

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px !important;
  z-index: 0;
}

body {background-image:url('../images/yogurt_texture.jpg'); font-family: Verdana; font-size: 13px; line-height: 20px; color: #7d7d7d;}
h1,h2,h3,h4,h5,h6 {color:#ecece5; }

.validation-errors {
    padding: 5px;
    border: 1px dotted red;
}

#product-info {
    overflow: hidden;
    display: none;
}

#product-info-input {
    width: 320px;
    float: left;
}

#product-info-input input {
    width: 155px;
}

#product-info-input p {
    margin-bottom: 8px;
}

#product-info p label {
    width: 60px;
}

.glutenFreeLogo     { float:right;margin:-60px 55px; z-index:1000; position:relative; }
.glutenFreeLogo a   { display:inline-block; height:44px; width:44px; z-index:1001; }
img.glutenFree      { margin-left:10px; }

.getFlash {display: none;}
    /*---alt content styles--*/
.altConHome {height: 700px}    
    
.altContHead {display: none; height: 100px; width: 746px; margin: 0 auto; background-image:url('../images/noFlash-menuBG.gif'); background-repeat: no-repeat;}
.altContHead ul {padding: 0 0 0 100px;}
.altContHead ul li {float: left; padding: 15px 20px 0 20px;}
.altContHead ul li a {color: #868281;}
.altContHead ul li a:hover {color: #afaca9;}
.altConHome .altContHead {position: relative; top: 120px;}
.getFlash {width:300px; position: relative; top: 150px; margin: 0 auto; text-align: center; }  
.getFlash p {padding-top: 10px;}
    /*--- end alt content---*/
    
    

.mainContainer {width: 900px; margin: 0 auto;}

/* Page Categories */
.homeSection {} 
.productSection {}
.nutritionSection {}
.recipesSection {}
.newseventsSection {}
.aboutSection {}
.genericLinkSection {}
/* End Page Categories */

a {text-decoration: none; color:#007db4;}
a:hover {color:#79afc8;}

.mainContent {}


/*---header styles---*/
.header {width: 900px; margin: 0 auto; padding: 0;}

.header .headerContent {height: 120px; padding: 0 0 0 370px; }
.header .headerContent h1 {float: left; padding: 27px 0 0 0; }
.header .headerContent h1 a {display: block; width: 127px; height: 70px; text-indent: -9999px; background-image:url('../images/logo.gif'); background-repeat: no-repeat; }
.header .headerContent h2 {display: block; width: 230px;  font-size: 18px; float: left; padding: 50px 0 0 105px; }

.header .flashHeaderWrap {height: 100px; }
.header .mainNav {}




/*---end header styles---*/

	/*--more link global--*/
.more { position: absolute; right: 10px; }
.more a {background-image:url('../images/icon-moreArrow.gif'); background-repeat: no-repeat; background-position: 100% 0; padding: 0 10px 0 0;}
.more a:hover { background-position:100% -20px;}

.prev a { background-image:url('../images/icon-prevArrow.gif'); background-repeat: no-repeat; background-position: 0 0; padding: 0 0 0 10px;}
.prev a:hover { background-position:0 -20px;}

.nobreak {position: relative; float: right; padding: 0 0 0 10px;}

/*--twocol template (with left menu)---*/
.twocol {width: 800px; margin: 0 auto;}
.twocol .leftColumn {height: 475px; float: left;}
.twocol .rightColumn {float: left;}

.twocol .rightColumn .content{/*border: 1px solid black;*/}
/*--- breadCrumb styles ---*/
.breadCrumb {font-size: 11px; color:#007db4; padding: 0 0 20px 40px;}
.breadCrumb a {color:#7d7d7d;}
.breadCrumb a:hover {color:#007db4;}





/*--secondary nav global styles--    teextColor =  on 83807f    over bdbab8    */
.secondaryNav {}
.secondaryNav ul {}
.secondaryNav ul li {}
.secondaryNav ul li a {display: block; width: 152px; height: 40px; overflow: hidden; text-indent: -9999px; background-repeat: no-repeat; background-position: 0 0;}
.secondaryNav ul li a:hover { background-position: 0 -40px;}
.secondaryNav ul li a.active {background-position: 0 -40px; }
/*-------------individual Page Styles-----------*/
/*-------------individual Page Styles-----------*/


/*--- HomePage styles ---*/
.homeWrap {width: 900px; margin: 0 auto; position: relative;}
.homeWrap .header {position: absolute; z-index: 10000;}

.flashHolderWrap { position: relative;}
#flashHolder {}


.homehtmlOverLay {width: 305px; margin-top: -500px; float: right; padding: 0 70px 0 0; }
	/*-- entry styles home --*/
.homehtmlOverLay .entry {background-image:url('../images/rule-homeCallOuts.gif'); background-repeat: no-repeat; background-position: 0 100%; padding: 5px 0 20px 0;}
.homehtmlOverLay img {position: relative; z-index: 10000; cursor: pointer;}
.homehtmlOverLay .lastentry {background-image:none;}
.homehtmlOverLay .imgEntry {padding: 5px 0 10px 0;}

.homehtmlOverLay .entry h5 {font-size: 17px;  padding: 0 0 0px 5px;}
.homehtmlOverLay .entry p { padding: 0 5px 0 5px; position: relative;}
.homehtmlOverLay .imgEntry p { width: 240px; padding: 0 0 20px 0; float: left; }
.homehtmlOverLay .entry img {float: left;}
.homehtmlOverLay  .moreWrap {position:relative; padding: 3px 0 20px 0;}

#blogPostDescription {display:inline-block; height:60px; overflow:hidden;}
/*--- end HomePage styles ---*/

/*NUTRITION SECTION STYLES*/
.nutritionSection .secondaryNav {}
.nutritionSection .secondaryNav li.nutritionBtn a {background:url('../images/subnav-nutrition.gif');}
.nutritionSection .secondaryNav li.nutritionChecklistBtn a {background:url('../images/subnav-nutritionChecklist.gif');}
.nutritionSection .secondaryNav li.dietBtn a {background:url('../images/subnav-nutritionDiet.gif');}
.nutritionSection .secondaryNav ul li a:hover { background-position: 0 -40px;}
.nutritionSection .secondaryNav ul li a.active {background-position: 0 -40px; }

.fdaCopy {font-size: 10px; line-height: 11px;}

/*--- nutrition & diet styles ---*/
.nutrition {}
.nutrition h4 {font-size: 24px;}
.nutrition .leftColumn {width: 290px; padding: 0 0 0 35px;}
.nutrition .rightColumn {width: 450px;} 
.nutrition .rightColumn .content {}
.nutrition .rightColumn p {padding-bottom: 22px;}
.nutrition .leftColumn {position: relative;}
.nutrition .leftColumn img {position: absolute; bottom: 0; left: 60px; }
/*--- nutritionChecklist styles ---*/
.nutritionChecklist {}
.nutritionChecklist h4 {font-size: 24px;}
.nutritionChecklist .rightColumn {float: right;}
.nutritionChecklist .leftColumn {position: relative; width: 230px; padding: 0 0 0 35px;}
.nutritionChecklist .leftColumn img {position: absolute; bottom: 0;}

/*--- end nutritionChecklist styles ---*/

/*RECIPES SECTION STYLES*/
/*--- recipesPage styles ---*/
.recipesWrap {width: 695px; margin: 0 auto;}

.recipesWrap .recipeFinder {background-image:url('../images/rule-recipeFinder.gif'); background-repeat: no-repeat; background-position: 0 100%; padding: 5px 0 20px 10px;}
.recipesWrap .recipeFinder h2 {font-size: 24px;}
.recipesWrap .recipeFinder p {line-height: 20px;}

.recipesWrap .recipeFinder ul {padding: 20px 0 0 0;}
.recipesWrap .recipeFinder ul li {float: left; width: 170px; }

.recipesWrap .recipeFinder label {font-size: 11px; color: #007db4;}
.recipesWrap .recipeFinder select {display: block; margin: 8px 0 4px 0; width: 145px;}
.recipesWrap .recipeFinder input {position: relative; top: 3px;}

.recipesWrap .recipeFinder p.findRecipeBtn { padding: 15px 0 0 0;}
.recipesWrap .recipeFinder p.findRecipeBtn label {color: #007db4; font-size: 15px; }

.recipesWrap .featuredRecipes {padding: 20px 0 20px 10px;}
.recipesWrap .featuredRecipes h2 {font-size: 27px;}
	/*--featured recipe entry styles--*/
.recipesWrap .featuredRecipes .entry {border-bottom: 1px dotted #193c7d; padding: 20px 0;}
.recipesWrap .featuredRecipes .entry  img.featuredRecipeImg {height: 70px; width: 98px; float: left; padding: 10px 0 0 0;}
.recipesWrap .featuredRecipes .entry p {float: left; padding: 0 0 0 20px; width: 510px;  position: relative;}
.recipesWrap .featuredRecipes .entry span {}
.recipesWrap .featuredRecipes .entry .mealTime {text-transform: uppercase; font-size: 10px;}
.recipesWrap .featuredRecipes .entry .mealTitle {color: #007db4; }
.recipesWrap .featuredRecipes .entry .moreWrap {position:relative; padding: 3px 0 20px 0; }
.recipesWrap .featuredRecipes .lastEntry {border: none;}

.recipesWrap .featuredRecipes .entry p.recipeTitle {padding: 30px 0 0 20px}
.recipesWrap .featuredRecipes .entry .moreTitle {}
.recipesWrap .featuredRecipes .entry .moreTitle a {background-image:url('../images/icon-moreArrow.gif'); background-repeat: no-repeat; background-position: 100% 0; padding: 0 10px 0 0; color: #95896B;}
.recipesWrap .featuredRecipes .entry .moreTitle a:hover { background-position:100% -20px;color:#79afc8;}

.recipesWrap p.noResults {padding: 20px 0 0 0; color: #000;}
    /*recipeDetail*/
.recipesWrap .recipeDetail {}
.recipesWrap .recipeDetail h2 {font-size: 27px; padding: 0 0 0 10px;}
.recipesWrap .recipeDetail h3 {font-size: 20px; }

.recipesWrap .recipeDetail .recipePic {background-image:url('../images/rule-recipeFinder.gif'); background-repeat: no-repeat; background-position: 0 0; padding: 25px 0 25px 10px;}
.recipesWrap .recipeDetail .recipePic img {float: left;}
.recipesWrap .recipeDetail .recipePic p {float: left; padding: 0 0 0 20px; width: 410px; }

.recipesWrap .recipeDetail .recipeSect { padding: 0 0 15px  10px;}
.recipesWrap .recipeDetail .recipeSect strong {color:#95896B;}
.recipesWrap .recipeDetail .recipeSect ol {list-style-position: inside; list-style-type: decimal;}
.recipesWrap .recipeDetail .recipeSect ol li {padding: 0 0 10px 0;}
/*--- end recipesPage styles ---*/

/*NEWS N EVENTS SECTION STYLES*/
/*---newsNevents---*/
.newsNevents {}
	/*filter*/
.filter {padding: 0 20px 0 0;}
.filter p {font-size: 11px; text-align: right;}
.filter a.active {color: #79afc8;}

.newsNevents .rightColumn .content {padding: 0 0 40px 10px;  }
.newsNevents .leftColumn {width: 290px; padding: 0 0 0 35px;}
.newsNevents .rightColumn {width: 460px; }
.newsNevents .leftColumn .callout h3 {font-size: 22px;}
.newsNevents .leftColumn .callout p { position: relative; width: 250px;}


	/*--newsNevents entry styles--*/
.newsNevents .entry {border-bottom: 1px dotted #79afc8; /* #193c7d*/ padding: 20px 0; }
.newsNevents .entry p {position: relative;}
.newsNevents .entry span {}
.newsNevents .entry .artType {text-transform: uppercase; font-size: 10px;}
.newsNevents .entry .artTitle {color: #007db4; }
             
.newsNevents .lastEntry {border: none;}

    /*---pagination styles---*/
.newsNevents .rightColumn {}
.newsNevents .content {}
    
.pagination {padding: 20px 0 0 0; color: #007db4; font-size: 11px; display: none; }
.pagination .prev {float: left; cursor:pointer;}
.pagination .next {float: left; cursor:pointer;}

.pagination ul {float: left; padding: 5px 5px 0 5px;}
.pagination ul li {float: left; cursor:pointer; padding: 0 9px 0 9px; line-height: 11px; border-right: 1px solid #007db4;text-decoration: none; color: #007db4;}
.pagination ul li.active {color: #7d7d7d; text-decoration: underline;}



/*--article--*/
.article {}
.article h4 {font-size: 24px;}
.article p {padding-bottom: 22px;}
.article .leftColumn {width: 330px;}
.article .rightColumn {width: 460px; float: right;}
.article .rightColumn .content {padding: 0 15px 0 0;}
.article .rightColumn p {padding-bottom: 22px;}
.article .leftColumn {position: relative;}
.article .leftColumn img {position: absolute; right: 10px; }

/*ABOUT SECTION STYLES*/
.aboutSection .secondaryNav {}
.aboutSection .secondaryNav li.aboutFageBtn a {background:url('../images/subnav-aboutFAGE.gif');}
.aboutSection .secondaryNav li.storeLocator a {background:url('../images/subnav-storeLocator.gif');}
.aboutSection .secondaryNav li.FageInUS a {background:url('../images/subnav-aboutFAGEinUS.gif');}
.aboutSection .secondaryNav li.HowItsMade a {background:url('../images/subnav-aboutHowMade.gif');}
.aboutSection .secondaryNav li.EnviromentPolicy a {background:url('../images/subnav-aboutEnvironment.gif');}
.aboutSection .secondaryNav ul li a:hover { background-position: 0 -40px;}
.aboutSection .secondaryNav ul li a.active {background-position: 0 -40px; }


/*--- aboutFAGE styles ---*/
.aboutFAGE {}
.aboutFAGE h4 {font-size: 24px;}
.aboutFAGE .leftColumn {width: 290px; padding: 0 0 0 35px;}
.aboutFAGE .rightColumn {width: 450px;} 
.aboutFAGE .rightColumn .content h5 {color: #007db4 ! important;}
.aboutFAGE .rightColumn p {padding-bottom: 22px;}
.aboutFAGE .leftColumn {position: relative;}
.aboutFAGE .leftColumn img {position: absolute; bottom: 0; left: 60px; }


/*--- howFageIsMade styles ---*/
.howFageIsMade {}
.howFageIsMade h4 {font-size: 24px; padding: 0 0 0 13px;}
.howFageIsMade .leftColumn {width: 290px; padding: 0 0 0 35px;}
.howFageIsMade .rightColumn {width: 450px; float: right;}
.howFageIsMade .leftColumn {position: relative;}
.howFageIsMade .leftColumn img {position: absolute; bottom: 0; left: 0;}





/*--- factsForRetailers styles ---*/
.factsForRetailers h4 {font-size: 24px;}
.factsForRetailers {}
.factsForRetailers .leftColumn {width: 275px;}
.factsForRetailers .rightColumn {width: 500px;}
.factsForRetailers .rightColumn .content {padding: 0 0 0 50px;}
.factsForRetailers .rightColumn p {line-height: 24px;}
.factsForRetailers .rightColumn p.download {text-align: right; padding: 10px 0 0 0; }
.factsForRetailers .rightColumn p.download a {background-image:url('../images/icon-moreArrow.gif'); background-repeat: no-repeat; background-position: 100% 0; padding: 0 10px 0 0;}
.factsForRetailers .rightColumn p.download a:hover { background-position:100% -20px;}
/*--- end factsForRetailers styles ---*/

/*--- contactPage styles !!! does not use twocol template !!! ---*/
.contactWrap {margin: 0 auto; width: 800px; }
.contactWrap .leftColumn {width: 345px; float: left; ;}
.contactWrap .rightColumn {width: 445px;  float: left; padding: 8px 0 0 0; }
.contactWrap .leftColumn .content {/*width: 300px;*/ padding: 0 0 0 35px;}
.contactWrap .leftColumn img {}

.contactWrap h2 {font-size: 24px;}
.contactWrap h5 {font-size: 18px;}

.contactWrap h4 {font-weight: bold;}

.contactWrap .leftColumn .telephoneWrap {padding: 15px 0 0 5px;}
.contactWrap .leftColumn .mailWrap {padding: 45px 0 0 5px;}
.contactWrap .rightColumn .emailWrap {padding: 21px 0 0 0;}

.contactForm ul li {padding: 10px 0 0 0 ;}
.contactForm ul li select { width: 145px;}
.contactForm ul li input {width: 320px;}
.contactForm ul li textarea {width: 320px; height: 85px;}
.contactForm ul li label {width: 110px; display: block; float: left;}


.contactForm input.checkBox {}
.contactForm label.checkLabel { display: inline; }

.contactForm p.send { text-align: right; padding: 0 15px 0 0;}
.contactForm p.send a {background-image:url('../images/icon-moreArrow.gif'); background-repeat: no-repeat; background-position: 100% 0; padding: 0 10px 0 0;}
.contactForm p.send a:hover { background-position:100% -20px;}


.thankyou {padding: 0 0 200px 50px;}


/*--- end contactPage styles ---*/

/*---- tour page styles ----*/
.tourWrap {width: 760px; margin: 0 auto;  }

/*---- coupon page ----*/
.coupon { width:900px; }
.coupon .leftColumn { width: 500px; padding: 0 0 0 70px; }

.coupon .leftColumn .content    { line-height:26px; }
.coupon .leftColumn .content h3 { font-size: 26px; }
.coupon .leftColumn .content p  { font-size: 12px; }

.coupon .formDivider { background:transparent url('../images/coupon_blue-square.gif') repeat-x; height:1px; width:400px; margin:0 0 25px 0; }

.coupon table                   { width: 100%; }
.coupon .customerInfo           { line-height:36px; margin:0 0 10px 0; }
.coupon .customerInfo input     { width:350px; }
.coupon .customerInfo .col1     { width:112px; }
.coupon .customerInfo .col2     { width:388px; }
.coupon .existingCustomer       { margin:30px 0 20px 0; width: 600px }
.coupon .existingCustomer .leftColumn { width:98px; margin:0; padding:0; height:auto; }
.coupon .existingCustomer .rightColumn { width:500px; margin:0; padding:0; }
.coupon .existingCustomer .rightColumn input { display:inline-block; float:left; vertical-align:bottom; height:26px; }
.coupon .existingCustomer .rightColumn label { display:inline-block; float:left; height:26px;}
.coupon .rightColumn img {position: absolute}
.coupon .checkBoxList td {height: 26px; vertical-align:bottom}


.coupon .checkBoxList input { margin:0 3px 0 0; }
.coupon .checkBoxList label { margin:0 7px 0 0; }

.coupon .btnSubmit { text-indent:-9999px; background:transparent url('../images/btn_get-your-coupon.gif') no-repeat; display:block; height:42px; width:159px; margin:45px 0 0 0; }
.coupon .btnSubmit:hover { background-position:0 -45px; }

.coupon .leftColumn .content p.legal {font-size: 9px; line-height: 14px; width: 480px; margin-bottom: 8px;}

/*---- end coupon page ----*/


/*-------------END individual Page Styles-----------*/
/*-------------END individual Page Styles-----------*/

/*--- footer styles ---*/
.footer {width: 785px; margin: 0 auto; padding: 20px 0 100px 0px;}
.footer ul {font-size: 11px;  margin: 0 auto;}
.footer ul li {float: left;}
.footer ul li.copyright {font-size: 10px; color: #999987; padding: 4px 0 0 0;}

.footer ul li.link {padding-top: 4px;}
.footer ul li.storeLocator {padding-left: 15px;}
.footer ul li.fact {padding-left: 15px;}
.footer ul li.contact {padding-left: 15px;}
.footer ul li.uk {padding-left: 14px;}
.footer ul li.greece {padding-left: 14px;}
.footer ul li.italy {padding-left: 14px;}
.footer ul li.iconLi {padding: 0 10px 0 13px;}

.footer ul li.link a { background-image:url('../images/icon-moreArrow.gif'); background-repeat: no-repeat; background-position: 100% 0; padding: 1px 10px 0 0;}
.footer ul li.link a:hover { background-position:100% -20px;}

.footer ul li a.active {color: #79afc8;}

.footer a.icon {display:block; text-indent:-9999px; height: 21px; width: 21px; background-repeat: no-repeat;}
.footer a.face {background-image:url('../images/icon-facebook.gif');}
.footer a.twit {background-image:url('../images/icon-twitter.gif');}
/*--- end footer styles --- */

#store-list {
    border-collapse: collapse;
    font-size: 0.9em;
    table-layout:fixed; 
    width: 450px;
    margin: 0 0 10px;
    border-collapse: collapse;
}

#store-list th {
    font-weight: bold;
    color: #007db4;
}

#store-list th,
#store-list td {
    padding: 5px;
    margin: 0;
    border-bottom: 1px dotted #007db4;
    vertical-align: top;
}

.store-list-pager {
    text-align: center;
}

.storeFinderWrap .more { 
    position: static;
    margin-left: 140px; 
}

.storeListWrap .more {
    position: static;
}

.storeFinderWrap h2 {font-size: 24px;}
.storeFinderForm ul li {padding: 10px 0 0 0 ;}
.storeFinderForm ul li select { width: 295px;}
.storeFinderForm ul li input {width: 290px;}
.storeFinderForm ul li label {width: 140px; display: block; float: left;}


p.searchAgain {padding: 0}
p.searchAgain  a {background-image:url('../images/icon-moreArrow.gif'); background-repeat: no-repeat; background-position: 100% 0; padding: 0 10px 0 0;}
p.searchAgain  a:hover { background-position:100% -20px;}



.documentContainer { margin: 0 0 0 150px; width: 600px;  }


.webAlert p {padding-bottom: 22px;}