/*
** Greener Living 23/Mar/5:55pm
*/

/* CSS reset */
* {padding:0; margin:0; float:none; list-style:none; border:0 solid}
html {min-height:101%}
body {margin:0 auto; padding:0; position:relative; color:#000; background:#fff; text-align:center; font:75%/150% verdana,sans-serif}
body * {text-align:left}

ol, ul {list-style-type:disc; list-style-position:outside}

* .hide {display:none}
input,select,textarea,checkbox {border:1px solid #ccc}
.access, .accessibility {position:absolute; top:-500em; left:-500em}

/* top section in nav, logo, home link and search */
#header{width:975px; position:relative; top:0; left:0; background: url(../img/gl_home_header_panel.jpg) no-repeat 0 0; height:191px}
#headerUpper1 {height:92px; float:left}
  #headerUpper1 h1 {font-size:16px; margin: 5px 0 0 5px}
  #headerUpper1 h1 a {display:block; height:113px; width:310px}
  #headerUpper1 h2 {}
  #headerUpper1 h2 a {display:block; position:absolute; top:34px; right:25px; height:50px; width:125px}

#headerLower {position:absolute; top:110px; left:0; width:975px;}

/* navigation */
ul#navigation {position:relative; top:10px; left:20px; margin:0; padding:0; height:auto; margin-bottom:.5em; padding:.75em 0 .25em; text-align:center;} /* background-color:#288324 */
  ul#navigation li {display:inline; float:left; margin-right:10px; position:relative; line-height:1.4}
    ul#navigation li a {display:block; background-color:#229f9e; color:#fff; font-weight:700; text-decoration:none; text-indent:20px;}

  ul#navigation .spot01 {width:70px}
  ul#navigation .spot02 {width:140px}
  ul#navigation .spot03 {width:111px}
  ul#navigation .spot04 {width:121px}
  ul#navigation .spot05 {width:95px}
  ul#navigation .spot06 {width:138px}
  ul#navigation .spot07 {width:85px}

    ul#navigation li a span {background-position:0 0; position:absolute; top:0; left:0; cursor:pointer; height:17px}
    ul#navigation li a:hover span {background-position: 0 -17px}
      ul#navigation .spot01 a span {background:transparent url(../img/buttons/Home_navbtn_home.gif) no-repeat 0 0; width:70px}
      ul#navigation .spot02 a span {background:transparent url(../img/buttons/Home_navbtn_greenertesco.gif) no-repeat 0 0; width:140px}
      ul#navigation .spot03 a span {background:transparent url(../img/buttons/Home_navbtn_gogreener.gif) no-repeat 0 0; width:111px}
      ul#navigation .spot04 a span {background:transparent url(../img/buttons/Home_navbtn_savemoney.gif) no-repeat 0 0; width:121px}
      ul#navigation .spot05 a span {background:transparent url(../img/buttons/Home_navbtn_products.gif) no-repeat 0 0; width:95px}
      ul#navigation .spot06 a span {background:transparent url(../img/buttons/Home_navbtn_seasonalfood.gif) no-repeat 0 0; width:138px}
      ul#navigation .spot07 a span {background:transparent url(../img/buttons/Home_navbtn_forums.gif) no-repeat 0 0; width:85px}


/* DON'T THINK THERE WILL BE ANY DROPDOWNS HERE, BUT LEFT FOR INFO */
#navigation li li a {width:auto}

/* Root Menu Hover */
#navigation a:hover,
#navigation li:hover a,
#navigation li.iehover a,
#navigation a:active,
#navigation li:hover a:active,
#navigation li.iehover a:active,
#navigation a:focus,
#navigation li:hover a:focus,
#navigation li.iehover a:focus {color:#fff; background:#2b9227}

/*
** Sublevel Menu
*/
#navigation ul {border:2px solid #0c7107; border-top:0 solid; left:0}
#navigation ul ul {border-top:2px solid #0c7107; z-index:3000}

#navigation li:hover li a,
#navigation li:hover li:hover li a,
#navigation li:hover li:hover li:hover li a,
#navigation li.iehover li a,
#navigation li.iehover li.iehover li a,
#navigation li.iehover li.iehover li.iehover li a {float:none; color:#fff; padding:.4em 20px; background-color:#229f9e}

#navigation li:hover li a:hover,
#navigation li:hover li:hover a,
#navigation li:hover li:hover li a:hover,
#navigation li:hover li:hover li:hover a,
#navigation li:hover li:hover li:hover li a:hover,
#navigation li:hover li:hover li:hover li:hover a,
#navigation li.iehover li a:hover,
#navigation li.iehover li.iehover a,
#navigation li.iehover li.iehover li a:hover,
#navigation li.iehover li.iehover li.iehover a,
#navigation li.iehover li.iehover li.iehover li a:hover,
#navigation li.iehover li.iehover li.iehover li.iehover a {color:#fff; background-color:#2b9227}

#navigation ul ul,
#navigation ul ul ul {display:none; position:absolute; top:0; left:16em; z-index:2000}

#navigation li:hover ul ul,
#navigation li:hover ul ul ul,
#navigation li.iehover ul ul,
#navigation li.iehover ul ul ul {display:none}

#navigation li:hover ul,
#navigation ul li:hover ul,
#navigation ul ul li:hover ul,
#navigation li.iehover ul,
#navigation ul li.iehover ul,
#navigation ul ul li.iehover ul {display:block}

#navigation li li a span {display:none}

/*
** login link
*/
#accesslink {color:#fff; font-size:.8em; left:0; position:absolute; top:57px; width:100%}
  #accesslink a {color:#fff; background-color:#229f9e}
  #accesslink .loginlink {display:block; float:left; margin-left:20px; background-color:#229f9e}
  * html #accesslink .loginlink {margin-left:10px}
  #accesslink .homelink {float:right; margin-right:15px; background-color:#229f9e}
  #accesslink .homelink a {text-decoration:none}
    #accesslink .homelink span img {vertical-align:bottom; border:1px solid #bfefa4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity:.80; *filter:alpha(opacity=80); *vertical-align:middle}
    #accesslink .homelink span a:hover img {border:1px solid #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1.00; *filter:alpha(opacity=100)}
/*
** Header search form
*/
#search {position:absolute; top:147px; left:25px}
#search.hide {display:none}
#search label {color:#fff; margin-left:1em}
#search label.first {margin-left:0}
#searchTermLabel {display:none}
#q {width:150px; margin-left:1em; padding:.15em .25em; background:url(http://www.google.com/coop/intl/en/images/google_custom_search_watermark.gif) #fff no-repeat scroll left center}
#q.focused,#q:focus {background:#fff}
#submit {background:url(../img/spot.08.png) #2c9127 no-repeat; padding-left:20px; margin-left:1em; color:#fff}

/* footer section */
#footer {clear:both; background:url(../img/bg.footer.jpg) no-repeat; width:975px; height:46px; padding-bottom:10px; border-top:1em solid #fff}
  #footer ul {padding:20px 0 0 25px}
    #footer ul li {display:inline; float:left; line-height:1.1}
  #footer a {background:url(../img/buttons/Home_original_footer_btn.png) #229f9e no-repeat 0 0; padding-left:20px; margin-left:15px; display:block; font-weight:700; text-decoration:none; color:#fff; float:left; display:inline}
    #footer a:hover {background-position: 0 -12px}
    #footer a.first {margin-left:0}

/* footer section */
#footerTop {color:#f2f2f2; font-weight:700; background:url(../img/Home_new_footer_panel_top.gif) no-repeat 0 0; width:970px; height:49px}
  #footerTop a {color:#f2f2f2; background-color:#229f9e}
  #footerTop .explore {display:block; float:left; margin-left:10px; background-color:#229f9e; font-size:1em; line-height:2}
  #footerTop .homelink {float:right; margin-right:15px; background-color:#229f9e; font-size:.8em; line-height:2.5}
  #footerTop .homelink a {text-decoration:none}
    #footerTop .homelink a:hover {color:#fff; text-decoration:underline}

#footerBottom {background:#d3ecec url(../img/Home_new_footer_panel_bottom.gif) no-repeat 0 bottom; width:970px; float:left; display:inline; padding-bottom:30px; margin-bottom:10px; margin-top:-10px}

.footerLinks {float:left; display:inline; width:150px; margin-left:10px}
.footerLinks h4 {color:#333; font-size:1em; border-bottom:1px solid #333; margin-bottom:3px}
  .footerLinks ul {padding-top:5px}
    .footerLinks li {clear:left}
  .footerLinks a {display:block; margin-left:18px; text-decoration:none; font-family:arial; font-size:.9em; color:#333; line-height:1.4; *float:left; *margin-left:0}
    .footerLinks li span {margin-top:4px; background:url(../img/buttons/footer_btn.gif) no-repeat 0 0; display:block; float:left; height:9px; margin-right:8px; width:9px; overflow:hidden}
    .footerLinks li:hover a, .footerLinks li.iehover a {color:#000}
    .footerLinks li:hover span, .footerLinks li.iehover span {background-position:0 -9px}

ul.followus {}
  ul.followus li {background:none; height:auto !important; clear:both; margin-bottom:0; min-height:20px; line-height:20px}
    ul.followus li a {float:left; padding-left:0; margin-left:0}
      ul.followus li a img {margin-right:8px; vertical-align:middle; border:1px solid #e8f6e0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity:.80; *filter:alpha(opacity=80)}
      ul.followus li:hover a, ul.followus li.iehover a {color:#000}
      ul.followus li:hover img, ul.followus li.iehover img {border:1px solid #229f9e; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1.00; *filter:alpha(opacity=100)}


/*
** BREADCRUMB FORMAT
*/
ul#breadcrumb {width:975px; height:30px; margin:0 0 0 10px; padding:0; line-height:2; font-size:11px}
ul#breadcrumb li {float:left; margin:0 5px 5px 0}
ul#breadcrumb .bdcrumblevelzero,
ul#breadcrumb .bdcrumblevelone,
ul#breadcrumb .bdcrumblevelone a:link,
ul#breadcrumb .bdcrumblevelone a:visited,
ul#breadcrumb .bdcrumblevelone a:hover,
ul#breadcrumb .bdcrumblevelone a:active {text-decoration:none; color:#2b9228}
ul#breadcrumb .bdcrumbleveltwo,
ul#breadcrumb .bdcrumbleveltwo a:link,
ul#breadcrumb .bdcrumbleveltwo a:visited,
ul#breadcrumb .bdcrumbleveltwo a:hover,
ul#breadcrumb .bdcrumbleveltwo a:active {text-decoration:none; color:#0daaf3}

/*
** MISC
*/
.clearboth {clear:both; line-height:0}
.clearleft {clear:left; line-height:0}
.clearright {clear:right; line-height:0}
.floatleft {float:left}
.floatright {float:right}

/*
** CLEARFIX METHODS
*/
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden}
/* also necessary for Safari!! */
.clearfix {display:block}
/* Workaround: Clearfix-Adjustment for all IE Versions */
.clearfix {*display:inline-block}
/* IE5.x/Win - x, IE6 - x */
* html .clearfix {height:1%}


/* Safari/Chrome hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .footerLinks li span {margin-top:3px}
}