.blank {background-color: #000000;} /* GENERAL ELEMENTS */ body { background: #f3f3f3;color: #FFFFFF;font-family: Tahoma,Verdana,Arial,sans-serif;} #HomePage {FONT-SIZE: 12px; border:0px solid green;color: #ffffff;width:726px; height:404px;font-family: Arial,Tahoma,Verdana,sans-serif; background: url('../SiteImages/HomePage.jpg') no-repeat; overflow: hidden; } p {padding-bottom:10px;} a, a:link, a:active, a:visited {color: #ffffff;font-weight: bold;text-decoration: underline;} .WhiteCorner {height:20px;width:20px;border:0px solid yellow;} /* FRAMEWORK - FFCCCC*/ #Master { margin-left:auto;margin-right:auto;width: 726px;} #Container { width: 726px;FONT-SIZE: 90%;background: url('../SiteImages/bg.jpg') repeat-y;padding-left: 9px;padding-right: 9px; } /* HEADER & TOP MENU TABS */ #Header { height: 33px;width: 726px;padding-top: 179px;position:relative; } #R { position:absolute;top:15px;left:128px;background: url('../SiteImages/R.gif') no-repeat; width:10px;height:10px;} /* ------ Styles for the header and menu --------------------------------------------- */ .MenuSection {display:block;position:relative;float:left;width: 100%;line-height:normal;margin-bottom: -2px;} .MenuUL {margin: 0px;padding: 10px 5px 0px 5px;list-style:none;font-size:10px;} .MenuLI {border:0px solid green;position:relative;text-decoration:none;display:block;float: left;margin: 0px;padding: 0px;list-style-type:none;list-style-image:none !important;} a.MenuA {float:left;margin:0;padding:0 0 0 8px;text-decoration:none;background:url('../SiteImages/tableftI.gif') no-repeat left top;} a.MenuA span {float:left;display:block;color: #2079cd;text-decoration:none;padding:3px 13px 6px 6px;background:url('../SiteImages/tabrightI.gif') no-repeat right top;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ a.MenuA span {float: none;text-decoration:none;} /* End IE5-Mac hack */ a.MenuA:hover span { color:#ffffff;text-decoration:none;} a.MenuA:hover { background-position:0% -42px;text-decoration:none;} a.MenuA:hover span { background-position:100% -42px;text-decoration:none;} #current a.MenuA { background-position:0% -42px;text-decoration:none;} #current a.MenuA span { background-position:100% -42px;color:#FFFFFF;text-decoration:none;} .SubUL {border-bottom:1px solid #ffffff;border-right:1px solid #ffffff;border-left:1px solid #ffffff;position: absolute;margin:0 0 0 0px; padding:0px 0px 3px 0px;list-style:none;background-color:#ffffff;width:18em;top:21px;left: -999em; }/* second-level lists */ .SubLI {padding:4px 2px 3px 6px;border:0px solid red;white-space :nowrap;margin:0;font-size:12px;} #Menu li.Menuhover {color:#000000;} #Menu li.Menuhover ul {left: 0; } /* lists nested under hovered list items */ a.SubmenuA { float:left;margin:0;} a.SubmenuA:link { color:#000000;text-decoration:none;} a.SubmenuA:active { color:#000000;text-decoration:none;} a.SubmenuA:visited { color:#000000;text-decoration:none;} a.SubmenuA:hover { color:#ee1b2e;text-decoration:none;} /* ----------------------------------------------------------------------------------- */ /* LOCATOR TOOL */ .LocatorPad {background: url('../SiteImages/locator.gif') repeat-x;} #LocatorLeft { width:11px; background: url('../SiteImages/locatorLeft.gif') no-repeat;} #LocatorRight { width:11px; background: url('../SiteImages/locatorright.gif') no-repeat;} #LocatorCenter {text-indent:-9999px;width:85px;height:33px;background: url('../SiteImages/locator.gif') repeat-x;} #LocatorText { text-indent:-9999px;margin-top:0px;width:85px;height:20px;padding:0px; background: url('../SiteImages/storelocator.jpg') no-repeat; overflow: hidden; } /* CONTENT SECTION */ #ContentBG1 {border:0px solid red; width: 726px;border-top: #FFFFFF 1px solid;background:url(../SiteImages/pagebg_wside.jpg) repeat-y;} #ContentBG2 { width: 726px;border-top: #FFFFFF 1px solid;background:#3280cb;} #Content { float:left; width: 717px; text-align:left; padding-left: 8px; padding-top: 15px; padding-bottom: 15px; } #ContentLeft { float:right; width: 524px; text-align:left; padding-left: 0px; padding-top: 15px; padding-bottom: 15px;border:0px solid black; } #ContentRight { float: right; font-size: 12px; width: 193px; text-align: left; } .PageTitle { background:url(../SiteImages/pagetitle_bg.jpg) repeat-x; font-size: 25px; height: 43px; padding-left: 12px; } .TxtPad { padding-top: 12px; padding-bottom: 12px; padding-right: 16px; padding-left: 9px; } h1 {font-size: 18px; margin-bottom: 0px;padding:0;font-weight: bold;} h2 {font-size: 15px; margin-bottom: 0px;padding:0;font-weight: bold;} h3 {font-size: 13px; margin-bottom: 0px;padding:0;font-weight: bold;} UL { margin-bottom: 0px;margin-top: 5px;padding:0px;} .SidePanelTitle { background:url(../SiteImages/rightside_titlebg.gif) repeat-x; height: 25px; padding-left: 7px; } .SidePanelTxt { padding: 6px 8px 6px 8px; } /* BOTTOM TABS */ .BTabBG { background: url(../SiteImages/bottommenu_bg.jpg) repeat-x; height: 33px; width: 726px; } #tabsB { width:100%; font-size:11px; line-height:normal; margin-bottom: -1px; } #tabsB ul { margin:0; padding:10px 10px 0 16px; list-style:none; } #tabsB li { display:inline; margin:0; padding:0; } #tabsB a { float:left; background:url('../SiteImages/tableftB.gif') no-repeat left top; margin:0; padding:0 0 0 8px; text-decoration:none; } #tabsB a span { float:left; display:block; background:url('../SiteImages/tabrightB.gif') no-repeat right top; padding:5px 13px 4px 6px; color: #2079cd; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsB a span { float: none;} /* End IE5-Mac hack */ #tabsB a:hover span { color:#FFFFFF;} #tabsB a:hover { background-position:0% -42px;} #tabsB a:hover span { background-position:100% -42px;} #tabsB #current a { background-position:0% -42px; } #tabsB #current a span {background-position:100% -42px;color:#FFFFFF;} /* FOOTER */ #SiteFooter {width: 726px;} .LightBlueTop {width: 694px;height: 150px;background:url(../SiteImages/lightblue_bg.jpg) #d7e0ef top no-repeat; margin-left:auto;margin-right:auto;padding-top: 14px;border:0px solid green;} .LightBlueTop table { margin-left:auto;margin-right:auto;border:0px solid red;} /* Products Section */ .clearboth { clear:both;} .displaynone { display:none;} #products-page { margin-left:auto;margin-right:auto; padding:0;border:0px solid green;font-weight: normal;font-size:12px;color:#000; width:504px; overflow:hidden;} #products-menu { margin:0; padding:0;font-weight: normal;font-size:12px;height:27px; padding-left:15px; position:relative; top:13px;} #products-menu ul { font-size:12px;margin:0; padding:0;} #products-menu li { margin:0; padding:0;border:0px solid green;font-weight: normal;font-size:12px;display:inline-block; float:left; list-style:none;} #products-menu a, #products-menu a:active { font-weight: normal;font-size:12px;color:#fff; text-decoration:none;} #products-menu a:hover { font-weight: normal;font-size:12px;color:#003366; text-decoration:none;} #products-menu .redproducts { background:url(../ProductImages/menuRedProducts.jpg) no-repeat; height:22px; width:62px; padding:5px 0 0 15px;} #products-menu .redsmartvalues { background:url(../ProductImages/menuRedSmartvalues.jpg) no-repeat; height:22px; width:115px; padding:5px 0 0 0; text-align:center;} #products-menu .bluesmartvalues { background:url(../ProductImages/menuBlueSmartvalue.jpg) no-repeat; height:19px; width:85px; padding:3px 0 0 8px; margin-top:2px;} #products-menu .bluefoodmenu { background:url(../ProductImages/menuBlueFoodmenu.jpg) no-repeat; height:19px; width:82px; padding:3px 0 0 8px; margin-top:2px;} #products-menu .bluesaveongas { background:url(../ProductImages/menuBlueSaveongas.jpg) no-repeat; height:19px; width:88px; padding:3px 0 0 8px; margin-top:2px;} #products-menu .blueproducts { background:url(../ProductImages/menuBlueProductsLeft.jpg) no-repeat; height:19px; width:59px; padding:3px 0 0 18px; margin-top:2px;} #products-menu .bluesmartvaluesleft {background:url(../ProductImages/menuBlueSmartvalueLeft.jpg) no-repeat; height:19px; width:80px; padding:3px 0 0 23px; margin-top:2px;} #productsboxtop { background:url(../ProductImages/bodyBgTop.jpg) no-repeat #fff; height:10px; width:506px;} #productsboxbottom { background:url(../ProductImages/bodyBgBottom.jpg) no-repeat; height:10px; width:506px;} #productsbox { background:#fff; padding:8px; width:490px; overflow:hidden;} #productsbox p{ padding:0 0 10px 0; margin:0;} #productsbox .slide { height:172px; width:421px; float:left; margin:0 2px;} #productsbox .arrowleft { float:left; width:27px; padding-top:50px;} #productsbox .arrowright { float:left; width:27px; padding-top:50px;} #productsbox .titleboxheader { background:url(../ProductImages/titleTryitandsee.jpg) no-repeat; height:43px; width:488px; margin-top:10px;} #productsbox .titlebox { background:url(../ProductImages/productBoxBG.jpg) repeat-y; width:458px; padding:5px 15px;} #productsbox .titleboxfooter { background:url(../ProductImages/productBoxBottom.jpg) no-repeat; width:488px; height:9px; margin-bottom:5px; } #productsbox .titlebox-leftcol { float:left; width:210px; padding-right:5px;} #productsbox .titlebox-rightcol { float:left; width:243px;} #smartvalue { width:486px; padding-top:10px;} #smartvalue .title { background:url(../ProductImages/titleSmartvalues.jpg) no-repeat; height:94px; width:100%;} #smartvalue .content { background:url(../ProductImages/smartvalueBG.jpg) repeat-y; padding:10px; width:466px;} #smartvalue .message { float:right; height:60px; position:relative; top:20px; width:240px; padding-right:20px;} #smartvalue .footer { background:url(../ProductImages/smartvalueBGBottom.jpg) no-repeat; height:11px; width:100%;} #saveongas { width:486px; } #saveongas .title { background:url(../ProductImages/titleSaveOnGas.jpg) no-repeat; height:190px; width:100%;overflow:hidden; } #saveongas .coupon { float:left; height:171px; width:242px; margin-top:20px; } #saveongas .message { float:left; width:200px; padding:80px 12px 12px 12px; } #saveongas .content { background:url(../ProductImages/smartvalueBG.jpg) repeat-y; padding:10px; width:466px;} #saveongas .footer { background:url(../ProductImages/smartvalueBGBottom.jpg) no-repeat; height:11px; width:100%;} #foodmenu { font-size:14px;} /* eof Products Section */ #slider_wrapper { position:relative; width:421px; margin:0 auto; padding:10px 0; } #slider{ width:421px; margin:0 auto; } #slider ul, #slider li{margin:0; padding:0; list-style:none;} #slider li{ background:#cdcdcd; width:421px; height:172px; overflow:hidden; } #prevBtn, #nextBtn{ display:block; width:27px; height:77px; position:absolute; left:-27px; top:102px; } #nextBtn{ left:421px; } #prevBtn a, #nextBtn a{ display:block; width:30px; height:77px; background:url(../ProductImages/slideArrowLeft.jpg) no-repeat 0 0;} #nextBtn a{ background:url(../ProductImages/slideArrowRight.jpg) no-repeat 0 0; } .hidden { display:none; } /*112909 permenant style addons*/ #content_rounded_wrapper { background:url(../ProductImages/content_rounded_middle.jpg) top left repeat-y; width:486px; margin:20px auto 10px auto; } #content_rounded_wrapper .row_top { height:13px; background:url(../ProductImages/content_rounded_top.jpg) top left no-repeat; } #content_rounded_wrapper .row_middle { padding:10px; } #content_rounded_wrapper .row_bottom { height:13px; background:url(../ProductImages/content_rounded_bottom.jpg) top left no-repeat; } #content_rounded_wrapper .title_img { position:relative; top:-45px; left:5px; overflow:hidden; z-index:100; height:40px; margin-bottom:-35px; } /* p13 changes */ #holiday_slider { background:url(../ProductImages/product_holiday_bg.jpg) top left no-repeat; width:490; height:193px; padding-top:105px; } #holiday_slider #prevBtn a { background-image:url(../ProductImages/slideArrowLeft_holiday.jpg); } #holiday_slider #nextBtn a { background-image:url(../ProductImages/slideArrowRight_holiday.jpg); } /* p5_10 slider */ #slider_p5_10 #slider li { height:307px; } #slider_p5_10 #prevBtn, #slider_p5_10 #nextBtn { top:130px; } #slider_p1 li { height:241px; } /* ------ printing --------------------------------------------- */ .PrintOnly {DISPLAY: none;} .NoPrint {DISPLAY: inline;} @media print { .NoPrint {DISPLAY: none;} .PrintOnly {DISPLAY: inline} .DetailShell {background-color:White;border-color:Silver;border-width:0px;border-style:Solid;} } /* ----------------------------------------------------------------------------------- */ #products_coupon { background:url(../ProductImages/bg_always_fresh.jpg) top left no-repeat; width:488px; padding-top:38px; height:200px; margin-top:10px; } #products_coupon .titlebox-leftcol { width:225px; }