body {text-align:center; font-size:62.5%; font-family:Arial, Helvetica, sans-serif;  background: #EFEFEF url(../img/bg/main-bg.jpg) repeat-x;}
html,body{height:100.01%;}

.clear {clear:both;}

img.r, canvas.r, var.r, .r {float:right; margin-left:10px; margin-top:2px;}
.l {float:left; margin-right:10px; margin-top:2px;}
img.r-thin {float:right; margin-right:30px; margin-top:-2px;}
img.center {margin: 0 auto;}
.center { display:block; margin-left:auto; margin-right:auto;}

a:focus { outline:none;}

#container {width:800px; margin-left:auto; margin-right:auto; text-align:left; clear:both;}
#container #main #content h3 { width:360px;}

/*wide scren styling */
body.wide #content { width:760px; padding-left:10px; background:none; }
body.wide #content p a{color:#5f9721; text-decoration:none;}
body.wide #content p a:hover {border:none; color:#345410;}

/*wide scren with backgroung styling */
body.wide-bg #content{ width:756px; padding-left:20px; background: #FFF url(../img/bg/content-curve.jpg) no-repeat -17px 17px;}
body.wide-bg #content p a{color:#5f9721; text-decoration:none;}
body.wide-bg #content p a:hover {border:none; color:#345410;}

/* Header */
#header{width:800px; height:77px;}
#header img.logo {margin-top:20px; margin-left:20px; float:left;}
#header img.slogan {margin-top:20px; margin-right:20px; float:right;}

/* home titles */
h1.welcome { text-indent:-8000px; background:url(../img/titles/welcome.jpg)  no-repeat 16px 20px; z-index:4; width:290px; height:35px; padding-right:15px; padding-bottom:20px;}
h2.green { text-indent:-8000px; background:url(../img/titles/green-sub-title.jpg)  no-repeat 10px 5px; z-index:4; width:290px; height:71px; padding-right:15px; padding-bottom:10px;}
.home-banner h3 { text-indent:-8000px; background:url(../img/titles/slogan-title.jpg)  no-repeat 14px 5px; width:252px; height:18px; padding-right:15px; padding-bottom:10px; margin-top:5px;}
#left a img.special{width:228px; height:25px; padding-right:5px; margin-bottom:4px; margin-left:5px; margin-top:-3px;} 


h1, h2, h3, h4, h5#pullquote { font-family:Verdana, Arial, Helvetica, sans-serif;  line-height: 1em; color:#589D1C;}

 h1 {font-size: 25px;   padding-bottom: 20px; }
 h1 em{ font-weight: bold;  }
 h2 { font-size: 20px; padding-bottom: 10px;  }
 h2.locations {font-size: 26px;  padding-bottom: 10px; width:180px; margin-top:10px;}
 h2.wide { width:100%;}
 h3 { font-size: 20px; padding-bottom: 10px; width:425px;}
body.rewards h1 {color: #c20010;}
body.rewards h2 {color: #fff; background:#c20010; padding:6px 5px 10px 5px; margin-bottom:10px; width:720px;}
body.rewards h3 {color: #c20010; width:600px!important;}
 h3 { font-size: 20px; padding-bottom: 10px; width:425px;}
 

/* Main */
#main {padding:15px; background-color:#FFF; clear:both; position:relative;}


/* Navigation */
#navigation{width:800px;}
#nav li{float:left; display:inline; height:34px; line-height:34px; text-indent:-8000px; overflow:hidden;}
#nav li a{display:block; height:34px; background-position:0 0; background-repeat:no-repeat;}
#nav li a:hover, #nav li a.selected{background-position:0 -34px; cursor:pointer;}
#nav li#nav1{width:86px;}#nav li#nav1 a{background-image:url(../img/nav/nav1.jpg);}
#nav li#nav2{width:107px;}#nav li#nav2 a{background-image:url(../img/nav/nav2.jpg);}
#nav li#nav3{width:184px;}#nav li#nav3 a{background-image:url(../img/nav/nav3.jpg);}
#nav li#nav4{width:164px;}#nav li#nav4 a{background-image:url(../img/nav/nav4.jpg);}
#nav li#nav5{width:146px;}#nav li#nav5 a{background-image:url(../img/nav/nav5.jpg);}
#nav li#nav6{width:113px;}#nav li#nav6 a{background-image:url(../img/nav/nav6.jpg);}


/* Home Banner */
.home-banner{width:770px; height:268px; clear:both; background:url(../img/banners/home-banner.jpg) no-repeat; z-index:3; clear:both;}
.home-banner p {width:285px; color:#cacaca; padding-left:22px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:18px;}



/* Flash Elements */
#flashmap{float:right;}

#flash-ad1{width:400px; margin-left:0px; margin-bottom:15px;}
#flash-ad2{width:400px; margin-left:-8px; margin-bottom:15px;}
#flash-ad3{width:400px; margin-left:-8px; margin-bottom:15px;}
#flash-ad4{width:400px; margin-left:-8px; margin-bottom:15px;}
#flash-ad5{width:400px; margin-left:-8px; margin-bottom:15px;}
#flash-ad6{width:400px; margin-left:-8px; margin-bottom:15px;}

/* Banners */
.banner{width:770px; height:111px; clear:both;}
.sandwich-banner { background:url(../img/banners/banner-living.jpg) no-repeat;}
.open-sandwich-banner { background:url(../img/banners/banner-open-sandwich.jpg) no-repeat;}
.fruit-banner { background:url(../img/banners/banner-fruit.jpg) no-repeat;}
.salad-banner { background:url(../img/banners/banner-salad.jpg) no-repeat;}
.bagel-banner { background:url(../img/banners/banner-bagel.jpg) no-repeat;}
.meal-banner { background:url(../img/banners/banner-meal.jpg) no-repeat;}
.wine-banner { background:url(../img/banners/banner-wine.jpg) no-repeat;}
.store-banner { background:url(../img/banners/banner-store.jpg) no-repeat;}
.mega-banner { background:url(../img/banners/banner-mega.jpg) no-repeat;}
.advert-banner { background:url(../img/banners/banner-advert.jpg) no-repeat;}

.banner-reward{width:770px; height:250px; clear:both; background:url(../img/banners/rewards_banner.jpg) no-repeat;}


/* Breadcrumbs */
#bcrumb {background:url(../img/bg/bcrumb.jpg); height:42px; clear:both;}
#bcrumb ul {width:760px; height:40px; padding-left:10px;}
#bcrumb ul li { display:inline; line-height:24px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color:#848383; font-size:1.1em; text-transform:lowercase}
#bcrumb ul li span {margin-right:10px;}
#bcrumb ul li a {color:#5d5b5b; text-decoration:none;}
#bcrumb ul li a:hover {color:#598a24;}


/* Left-Nav */
#left-nav {width:174px; float:left; position:relative; z-index:98;}
#left-nav ul {margin-bottom:6px; position:relative; z-index:99;}
#left-nav ul li {margin-bottom:2px;}
#left-nav ul li a{background-image:url(../img/nav/left-nav.jpg); font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size:1.1em; line-height:27px;  padding-left:10px; color:#373636; display:block;}
#left-nav ul li a:hover{background-image:url(../img/nav/left-nav-on.jpg); color:#FFF;}
#left-nav ul li a.on {background-image:url(../img/nav/left-nav-on.jpg); color:#FFF; font-weight:bold;}
#left-nav ul li a{color:#373636; text-decoration:none;}
#left-nav ul li.sub a{background-image:none; color:#595757; line-height:20px;}
#left-nav ul li.sub a:hover {color:#598a24; font-weight:normal;}
#left-nav ul li.sub a.on{color:#598a24; font-weight:normal;}

#left-nav ul li.subsub a{background-image:none; color:#595757; line-height:20px; padding-left:25px; font-size:1em;}
#left-nav ul li.subsub a:hover {color:#598a24; font-weight:normal;}
#left-nav ul li.subsub a.on {color:#598a24; font-weight:normal;}

/* content*/
#content-home {width:770px; background: #FFF;}
#content {width:555px; background: #FFF url(../img/bg/content-curve.jpg) no-repeat 0px 15px; float:right; padding-left:40px; position:relative; z-index:98;}
.supereasy_shopping #content {z-index:98;}
#content p {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#2f2b2b; line-height:1.5em; margin-bottom:10px; }
#content p.note  { font-size:1.1em; font-style:italic; color:#666666;}
#content blockquote{border-left:5px solid #B7DA91; padding-left:12px; font-family:"Myriad Pro", "Adobe Garamond", Constantia, Palatino, Georgia, "Bitstream Vera Serif", serif; font-style:italic; font-size:1.4em; color:#545454; margin-bottom:12px; line-height:1.4em;}
#content p a.external{background:url(../img/icons/external.gif) no-repeat top right; padding-right:16px;}
#content p a{color:#5f9721; text-decoration:none;}
#content p a:hover {color:#345410;}
#content span.green {color:#598924; font-weight:bold;}

body.rewards #content {width:725px; background: #FFF url(../img/bg/content-curve.jpg) no-repeat 0px -5px; float:right; padding-left:40px; position:relative;}
body.rewards #content h1 {margin-bottom:-10px;}
body.rewards #content img.reward_button {position:absolute; right:0px; bottom:0px;}

.location-list { border-top: 1px solid #dddddd; margin: 13px 0;}
.location-list ul {margin: 10px 5px;}
.location-list ul li {background: url(../img/icons/square.gif) no-repeat 0px 5px; padding-left: 12px; margin: 2px 0; }
.location-list ul li a {font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#666666; line-height:1.5em; text-decoration:none; }
.location-list ul li a:hover {color:#7ac73b; text-decoration:underline; }

/* flash styles */
.FlashMap {float: right; margin-top: 0px; margin-right: 30px;}

/* Left */
#left {width:445px; float:left; background-color: #eae9e9; border: 1px solid #d9d9d9; margin-top:12px; padding: 12px 0px 14px 3px;}

/* Offers */
.offer {width:135px; margin-left:8px; margin-right:2px; float:left; background-color:#FFF;}
.offer a {text-decoration:none;}
.offer p {}
.offer p.title {color:#FFF; background: #951218 url(../img/bg/offer-header.jpg) repeat-x;  font-size:1.1em; padding-top:7px; padding-bottom:7px; text-transform:uppercase; text-align:center; letter-spacing:-0.2px;}
.offer p.desc {color:#a9a6a6;  font-size:1.2em; margin-right:5px; padding-bottom:4px; line-height:1.4em; margin-left:5px; }
.offer p.desc span {color:#d72831; font-weight:bold; font-size:1.2em; }
.offer p.desc em {color:#d72831; font-size:1.1em; letter-spacing:-1px; }
.offer p.desc span:hover {color:#6ea642; font-weight:bold; }

/* Right */
#right {width:303px; float:right; margin-top:12px;}
#right img.top {margin-bottom:8px;}
#right img.bottom {margin-top:20px;}

/* top-tip box */
p.top-tip {background:url(../img/icons/bulb.jpg) no-repeat 11px 27px; padding:20px 2px 20px 65px; background-color:#ffffd8; border: 2px solid #fbf487;}
p.top-tip span{font-size:1.2em; font-weight:bold; color:#f3940b;}

/* left and right list layout */
.float-list {float:left; width:30%; margin-right:5px; margin-bottom:4px;}


/* location list and table */
table.locate select {font-family:Arial, serif; }
table.locate input.butt { background:#63be1a; color:#FFF; width:100px; border: 1px solid #599c1b; font-size:1.2em; font-weight:normal; padding-bottom:2px; padding-top:0px;}
table.locate input.butt:hover {background:#599c1b; color:#FFF; border: 1px solid #599c1b; cursor:pointer;}
/* list style */
ul.list {margin: 10px 0px 10px 1px; position:relative; z-index:99;}
ul.list li {background:url(../img/icons/square.gif) no-repeat 0px 7px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#2f2b2b; line-height:1.5em; padding-left:15px; margin-bottom:5px;}
ul.list li.sub {background:url(../img/icons/square-sub.gif) no-repeat 20px 7px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#2f2b2b; line-height:1.5em; padding-left:35px; margin-bottom:5px; margin-top:2px;}
ul.list li span.red {color:#db2b2f; font-weight:bold;}
ul.list li a{color:#5f9721; text-decoration:none;}
ul.list li a:hover {color:#345410;}

/* ol list style */
ol {margin: 10px 0px 10px 20px; }
ol li{font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#2f2b2b; line-height:1.5em;  margin-bottom:5px; list-style:decimal;}


/* image features (left nav) */
img.feature {margin-top:8px;}
img.feature2 {margin-top:7px;}

/* special offers*/
.product-desc {float:right; padding-right:10px; padding-top:-10px; }
.product-desc p.flyer {background:url(../img/icons/flyer.gif) no-repeat 0px 0px; padding-left:20px;}
.product-desc p.flyer a{color:#5f9721; text-decoration:none;}
.product-desc p.flyer a:hover {border:none; color:#345410;}

.thin {width:255px; } 
.feature-space {margin-bottom: 150px;}

/* PDF LINK */
p.pdf {background:url(../img/icons/pdf.gif) no-repeat 0px 0px; padding-left:20px;}

/* Remember */
p.remember {background-color:#c20010; border: 1px solid #ffaab1; padding:5px; width:385px; color:#FFF!important; text-shadow: 1px 1px 1px #494949;}



/* vCard */
.vcard{font-size:1.2em; line-height:1.5em; margin-bottom:12px;}
.adr{padding-bottom:7px; border-bottom:1px solid #abd5f4; margin-bottom:7px;}
.tel{padding-left:24px; background:url(../img/icons/phone.gif) no-repeat 0px center; margin-bottom:2px;} .fax{padding-left:22px; margin-bottom:2px;}
.email{padding-left:24px; background:url(../img/icons/email.gif) no-repeat 1px center; margin-bottom:2px;}
.web{padding-left:24px; background:url(../img/icons/world.gif) no-repeat 0px 0px; margin-bottom:2px; }
.vcardblock{padding-left:24px; background:url(../img/icons/vcard.gif) no-repeat 0px 0px; margin-bottom:2px; }
.address {padding-left:24px; margin-bottom:2px; }
.vcard a{color:#5f9721; text-decoration:none;} .vcard a:hover{color:#345410;}
.vcard a.explain{font-size:0.9em; color:#999; cursor:help; border-bottom:1px dotted #e2e2e2;}

/* Form */
table.form{width:100%; margin-bottom:12px; } .border td{border-bottom:1px solid #e2e2e2;}
table.form th{padding:5px 8px 5px 0px; background-color:#848283; font-size:1.2em; color:#f8f8f8;}
table.form td{padding:5px 8px 5px 0px; font-size:1.2em; /*border-bottom:1px solid #e2e2e2; */}
table.form td a{color:#5f9721; text-decoration:none;} table.form td a:hover{color:#345410;}
table.form tr.last td{border-bottom:none;}
table.form input.text{padding:6px 3px; font-family:Arial, Helvetica, sans-serif; border:1px solid #e2e2e2; width:440px; background: #fff url(../img/bg/form-bg.jpg) repeat-x;}
table.form input.text:focus, table.form textarea:focus{border:1px solid #999;}
table.form input#button{font-family:Arial, Helvetica, sans-serif; padding:4px 12px; cursor:pointer; border: 1px solid #85c342; background-color:#4f861e; color:#FFF;}
table.form textarea{padding:3px; font-family:Arial, Helvetica, sans-serif; border:1px solid #e2e2e2; width:440px; font-size:1em;}
table.form select{font-family:Arial, Helvetica, sans-serif; border:1px solid #e2e2e2; padding:2px; margin-right:3px;}
table.form .s150{width:100px;}

/*HOMEPAGE BOTTOM LINKS */
#content-home h4 { text-indent:-8000px; background:url(../img/titles/specials_title.jpg)  no-repeat 0px 0px; width:378px; height:22px; float:left; margin-top:15px; }
img.cari { float:left; margin-top:17px;}

img.savings { float:left; margin-top:10px;  margin-left:130px;}
img.mid-monthly {float:left; margin-top:10px; margin-left:50px;}


/* footer */
#footer{clear:both; width:800px; margin-left:auto; margin-right:auto; padding-top:5px; font-size:1.1em; color:#706e6e; text-align:left; padding-left:2px; background:url(../img/bg/footer-bg.jpg) repeat-x; height:43px }
#footer ul{padding-bottom:8px; line-height:35px; margin-left:-8px;}
#footer ul li{display:inline; }
#footer ul li.address{margin-right:230px;}
#footer ul li a{color:#a8a7a7; text-decoration:none;} #footer ul li a:hover{color:#bebdbd; border-bottom: 1px solid #bebdbd;}
#footer ul li a.members {font-weight: bold;color:#69BA0F; text-decoration:none;} #footer ul li a:hover.members{color:#69BA0F; border-bottom: 1px solid #69BA0F;}

/* footer-home */
#footer-home{clear:both; width:800px; margin-left:auto; margin-right:auto; padding-top:5px; font-size:1.1em; color:#706e6e; text-align:left; padding-left:2px; background:url(../img/bg/footer-bg.jpg) repeat-x; height:43px }
#footer-home ul{padding-bottom:8px; line-height:35px; margin-left:-8px;}
#footer-home ul li{display:inline; }
#footer-home ul li.address{margin-right:230px;}
#footer-home ul li a{color:#a8a7a7; text-decoration:none;} #footer ul li a:hover{color:#bebdbd; border-bottom: 1px solid #bebdbd;}
#footer-home ul li a.members {font-weight: bold; color:#69BA0F; text-decoration:none;} #footer ul li a:hover.members{color:#69BA0F; border-bottom: 1px solid #69BA0F;}

/* tooltips */
.tool-tip {color: #fff; width: 139px; z-index: 13000; }		 
.tool-title {font-weight: bold; font-size: 11px; margin: 0; color: #85C342; padding: 8px 8px 4px; background: url(../img/bg/bubble.png) top left; }
.tool-text {font-size: 11px; padding: 4px 8px 8px; background: url(../img/bg/bubble.png) bottom right; }
.tool-text A {color:#069; }
.toolTipImg { margin-bottom: 0px; margin-top: 5px;}

/* Error */
.error{background:#fdf1f1; padding:10px; border:1px solid #ead6d6; color:#db3636 !important; margin-bottom:12px; margin-top:10px; margin-left:0px; font-size:1.1em;}
.error p{color:#000 !important; margin-bottom:5px !important; padding-top:2px;}
.error ul{list-style-type:disc; font-size:1.1em !important; margin-left:22px; margin-top:3px; margin-bottom:3px;} 
.error ul li{margin-bottom:0px; background:none !important; color:#000;}
.error ul li.title { list-style:none; margin-left:-14px; margin-bottom:5px; font-size:1em !important;}