/* CSS Document */


#fdptopper { height:76px; width:770px; overflow:hidden; background:url("/Media/Content/Giant Eagle/FDP - Foodperks/images/foodperks_topper.gif") no-repeat; padding: 0px 0px; margin: 0px 0px;}

#fdpcontent div { -moz-box-sizing: content-box;}
#fdpcontent { width:706px; padding: 20px 34px 6px 30px; margin: 0px 0px; background: url("/Media/Content/Giant Eagle/FDP - Foodperks/images/foodperks_bg_y.gif") repeat-y; -moz-box-sizing: content-box; }
#fdpcap { height:5px; width:770px; overflow:hidden; background:url("/Media/Content/Giant Eagle/FDP - Foodperks/images/foodperks_cap.gif") no-repeat; padding: 0px 0px; margin: 0px 0px 10px 0px;}

#fdpsignup { width:394px; height:131px; margin: 8px 0px 0px 66px; padding: 20px 0px 10px 185px; background:url("/Media/Content/Giant Eagle/FDP - Foodperks/images/signup_bg.gif") no-repeat;}
#fdpsignup label { display:block; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; margin: 10px 0px 5px 0px;}
#fdpsignup input.lgtxtbox { border: 1px solid #b3b1b1; color:#000000; width:184px; margin: 0px 10px 10px 0px; padding: 2px 8px;}


p.smtxt { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; color:#000000; padding: 6px 30px 10px 30px; margin: 0px 0px;}
span.callout { display:block; text-align:center; color:#8cc63f; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; line-height:18px; margin: 30px 0px 15px 0px;}
span.cta { display:block; text-align:center; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:18px; margin: 20px 0px 0px 0px;}
span.cta a { font-size:10px; color:#2270a7; text-decoration: underline;}
span.cta a:hover { font-size:10px; color:#ED1820; text-decoration: underline;}

/* foodperks! Styles */
#foodlanding { width:800px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

#foodlanding #landingFlash { padding: 0px 0px; margin: 0px 0px 9px 0px;}

#foodlanding #foodsign { width:371px; height:31px; padding: 6px 0px 0px 406px; margin: 0px 0px 9px 0px; background: url("background/food_signup_bg.gif") no-repeat;}
#foodlanding #foodsign input.food_signup { width:175px; height:16px; padding: 2px 6px 2px 6px; margin: 0px 10px 0px 0px; border: 1px solid #e2e2e2; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

#foodlanding #tablecontent { margin: 24px 0px 0px 0px; padding: 0px 0px 0px 0px;}

#foodlanding p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#000000; padding: 0px 0px 0px 0px; margin: 15px 0px 8px 0px;}
#foodlanding #tablecontent p { width:495px;}

#foodlanding a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#2270a7;}
#foodlanding a:hover { color:#ED1820;}
#foodlanding a.smalllink { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:12px; color:#2270a7;}
#foodlanding a.smalllink:hover { color:#ED1820;}

.greenhead { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#5e8521; display:block; padding: 0px 0px; margin: 7px 0px;}

#foodlanding .relatedContentItem {
border-bottom:1px solid #EFEFEF;
border-left:1px solid #EFEFEF;
border-right:1px solid #EFEFEF;
padding:3px;
width:200px;
font-size:11px;
}

#foodlanding .relatedContentItem a { font-size:11px;}

#foodlanding .grayBevel {
background-color:#F9F9F9;
background-image:url("/images/layout/GrayBevel.gif");
background-position:left bottom;
background-repeat:repeat-x;
height:22px;
padding-top:2px;
font-size:11px;
}



/* fuelperks! Styles */
#fuellanding { width:800px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

#fuellanding #landingFlash { padding: 0px 0px; margin: 0px 0px 9px 0px;}

#fuellanding #fuelsign { width:371px; height:31px; padding: 6px 0px 0px 406px; margin: 0px 0px 9px 0px; background: url("background/fuel_signup_bg.gif") no-repeat;}
#fuellanding #fuelsign input.ic { width:175px; height:16px; padding: 2px 6px 2px 6px; margin: 0px 10px 0px 0px; border: 1px solid #e2e2e2; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

#fuellanding #tablecontent { margin: 24px 0px 0px 0px; padding: 0px 0px 0px 0px;}

#fuellanding p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#000000; padding: 0px 0px 0px 0px; margin: 15px 0px 8px 0px;}
#fuellanding #tablecontent p { width:495px;}

#fuellanding a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#2270a7; text-decoration:underline;}
#fuellanding a:hover { color:#ED1820;}
#fuellanding a.smalllink { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:12px; color:#ffffff;}
#fuellanding a.smalllink:hover { text-decoration:none;}

.bluehead { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#73acd6; display:block; padding: 0px 0px; margin: 7px 0px;}

#fuellanding .relatedContentItem {
border-bottom:1px solid #EFEFEF;
border-left:1px solid #EFEFEF;
border-right:1px solid #EFEFEF;
padding:3px;
width:200px;
font-size:11px;
}

#fuellanding .relatedContentItem a { font-size:11px;}

#fuellanding .grayBevel {
background-color:#F9F9F9;
background-image:url("/images/layout/GrayBevel.gif");
background-position:left bottom;
background-repeat:repeat-x;
height:22px;
padding-top:2px;
font-size:11px;
}



/* Home Styles */
#homesign { width:556px; height:33px; padding: 6px 0px 0px 358px; margin: 0px 0px 9px 0px; background: url("background/home_signup_bg.gif") no-repeat;}
#homesign input.ic { width:175px; height:16px; padding: 2px 6px 2px 6px; margin: 0px 10px 0px 0px; border: 1px solid #e2e2e2; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

#homepodrowfirst { width:451px; height:168px; background-image: url("background/home_pod_bg_dk_lt.gif"); background-repeat:no-repeat; overflow:hidden; float:left; margin: 7px 12px 0px 0px; padding: 0px 0px; }
#homepodrow { width:451px; height:168px; background-image: url("background/home_pod_bg_lt_lt.gif"); background-repeat:no-repeat; overflow:hidden; float:left; margin: 7px 0px 0px 0px; padding: 0px 0px; }

#homepodcol { width:181px; height:151px; padding: 15px 22px 1px 22px; margin: 0px 0px; float:left;}
#homepodcol .heading { margin: 0px 0px; padding: 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#6699cc; font-size:11px; font-weight:bold; line-height:12px; display:block; }
#homepodcol p { padding: 6px 0px 0px 0px; margin: 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000;}
#homepodcol p a { color:#2270a7; text-decoration:underline;}
#homepodcol p a:hover { color:#ED1820;}
#rodimg { float:left; width:145px; height:109px; margin: 20px 10px 0px 0px; padding: 0px 0px 0px 20px;}
#rodimg img { border: solid 1px #716f6f ;}
#rodtxt { float:left; width:275px; height:132px; margin: 20px 0px 0px 0px; overflow:auto;}
#rodtxt span.heading { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#2270a7; display:block; padding: 0px 0px; margin: 0px 0px 0px 0px;}
#rodtxt p { padding: 6px 10px 0px 0px; margin: 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
#rodtxt a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#2270a7;}
#rodtxt a:hover { color:#ED1820;}

#tabcontent { width:451px; height:168px; background-repeat:no-repeat; overflow:hidden; float:left; margin: 7px 0px 0px 0px; padding: 0px 0px; }
#tabcontent .tabcnt { height:143px; background:url("background/tabcnt_bg.gif") no-repeat;}
ul.tabs { width:451px; margin:0px 0px; padding: 0px 0px;}
ul.tabs li { float:left; height:25px; text-align:center; list-style-type:none; padding: 0px 0px; margin: 0px 0px; }
ul.tabs li a { font-weight:bold; text-decoration:none; height:25px; padding: 0px 0px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
li.first { width:153px;}
.first a{ background: url("background/tab1_down.gif") no-repeat; overflow:hidden; float:left;  width:153px;}
.first a.on { background: url("background/tab1_up.gif") no-repeat; }
li.second { width:163px;}
.second a{ background: url("background/tab2_down.gif") no-repeat; overflow:hidden; float:left;  width:163px;}
.second a.on { background: url("background/tab2_up.gif") no-repeat; }
li.third { width:135px;}
.third a{ background: url("background/tab3_down.gif") no-repeat; overflow:hidden; float:left;  width:135px;}
.third a.on { background: url("background/tab3_up.gif") no-repeat; }





.clear { clear:both;}
.tabhead { display:none;}
.noshow { display:none;}