/*
 * Project:   Eartheasy
 * Date:      2010/03/29
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #fff url(../images/background-a.png) 50% 0 repeat-y; font-size: 62.5%; }

* html body { behavior: url("../styles/csshover.htc"); }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #343434; font-family: Georgia,serif; line-height: 1.33; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.2em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }

a { color: #555; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: underline; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */

#root { width: 970px; margin: 0 auto; padding: 40px 0 0; }
 #top { position: relative; height: 167px; background: url(../images/top-bg.jpg) no-repeat; }
  #logo { position: absolute; left: 20px; top: 8px; }
   #logo a { display: block; overflow: hidden; width: 304px; height: 75px; text-indent: -10001px; }
  #skip-links { position: absolute; top: -40px	; left: -10001px; list-style: none; margin: 0; padding: 0; }
   #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
  #nav { position: absolute; left: 0; top: 100px; list-style: none; height: 38px; margin: 0; padding: 0; }
   #nav li { float: left; font-size: 1em; }
    #nav li a { }
    #nav li a.l1 { overflow: hidden; float: left; height: 36px; background: url(../images/nav-1st-a.png) no-repeat; text-indent: -10001px; }
    #nav li a.shop { width: 108px; background-position: 0 0; } #nav li a.shop:hover, #nav li a.shop:focus, #nav li a.shop:active { background-position: 0 -36px; } #nav li.active a.shop { background-position: 0 -72px; }
    #nav li a.guides { width: 119px; background-position: -107px 0; } #nav li a.guides:hover, #nav li a.guides:focus, #nav li a.guides:active { background-position: -107px -36px; } #nav li.active a.guides { background-position: -107px -72px; }
    #nav li a.blog { width: 101px; background-position: -225px 0; } #nav li a.blog:hover, #nav li a.blog:focus, #nav li a.blog:active { background-position: -225px -36px; } #nav li.active a.blog { background-position: -225px -72px; }
    #nav li a.story { width: 154px; background-position: -325px 0; } #nav li a.story:hover, #nav li a.story:focus, #nav li a.story:active { background-position: -325px -36px; } #nav li.active a.shop { background-position: -325px -72px; }
    #nav li em { position: absolute; left: -10001px; top: -10001px; }
    #nav li ul { display: none; position: absolute; left: 0; top: 37px; list-style: none; width: 968px; margin: 0; padding: 0; }
    #nav li.active ul { display: table; width: 969px; }
     #nav li ul li { display: table-cell; float: none; padding: 0 0 0 1px; background: url(../images/nav-2st-sep-a.png) no-repeat; font-size: 1.5em; line-height: 30px; vertical-align: bottom; }
     #nav li ul li.first { background: none; padding-left: 0; }
      #nav li ul li a { float: left; width: 100%; height: 30px; padding: 0; background: url(../images/nav-2st-over-a.png) -1px 0 no-repeat; color: #fff; text-shadow: #2c5c8a 0 -1px 0; white-space: nowrap; text-align: center; }
      #nav li ul li a:hover,
      #nav li ul li a:focus,
      #nav li ul li a:active { background-repeat: repeat-x; text-decoration: none; }
      #nav li ul li a.active { height: 24px; margin-left: -1px; border: 1px solid #fff; background: url(../images/nav-2st-active-a.png) 0 100% repeat-x !important; color: #5f88b3 !important; line-height: 24px; text-shadow: #fff 0 -1px 0; }
      #nav li ul li a.active { border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
    html* #nav li.active ul { display: block; width: 968px; }
     html* #nav li.active ul li { display: inline; float: left; }
      html* #nav li.active ul li a { width: auto; padding: 0 25px; }
      html* #nav li.active ul li a.active { margin-top: 5px; margin-left: 0; }
  #user-nav { position: absolute; right: 4px; top: -16px; list-style: none; margin: 0; padding: 0; }
   #user-nav li { display: inline; float: left; margin: 0 0 0 4px; color: #5b624c; font: 1.2em/25px Georgia; }
    #user-nav li a { float: left; height: 27px; padding: 0 10px; border: 1px solid #ebe6d2; border-width: 1px 1px 0; background: #f0efea url(../images/usernav-a-bg.png) 0 100% repeat-x; color: #5b624c; }
    #user-nav li a { border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; }
    #user-nav li a:hover,
    #user-nav li a:focus,
    #user-nav li a:active { background-position: 100% 100%; background-color: #f3f2f1; color: #758f45; text-decoration: none; }
    #user-nav li a.cart:hover,
    #user-nav li a.cart:focus,
    #user-nav li a.cart:active { color: #d2a220; }
     #user-nav li a.cart span { padding-left: 20px; background: url(../images/usernav-a-icon-cart-a.gif) 0 50% no-repeat; }
  #search { position: relative; right: 11px; top: 106px; }
   #search p { float: right; position: relative; font: 1.2em/1.33 Arial,Helvetica Neue,Helvetica,sans-serif; }
   * html #search p { zoom: 1; }
    #search p label { display: none; color: #818181; }
    .js #search p label { display: block; position: absolute; left: 7px; top: 4px; }
    #search p span { float: left; width: 240px; height: 24px; padding: 0 5px 0 6px; background: url(../images/top-search-input-a.png) no-repeat; }
     #search p span input { width: 240px; padding: 5px 0 0; border: none; background: none; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; }
    #search p button { width: 66px; height: 24px; margin: 0 0 0 5px; padding: 0; border: none; background: url(../images/top-search-button-a.png) no-repeat; font-size: 0; text-indent: -10001px; }
    #search p button:hover,
    #search p button:focus,
    #search p button:active { background-position: 0 -24px; }
 #content { margin: 0 0 20px; padding: 10px 0 0; border: 1px solid #bdc4c9; border-width: 0 1px 1px; background: #fff; }
 #footer { }
  #footer ul { list-style: none; margin: 0 0 15px; padding: 0; text-align: center; }
   #footer ul li { display: inline; padding: 0 15px; }
  #footer p { padding: 15px 0 0; background: url(../images/sep-a.gif) -3px -3px repeat-x; color: #4a432a; font: 1.1em/1.25 Helvetica Neue,Helvetica,Arial,sans-serif; text-align: center; }
   
/* GENERAL
------------------------------------------- */

/* headers */

h1, h2, h3, h4, h5, h6 { color: #4c4c4c; font-family: Georgia,serif; font-weight: normal; line-height: 1.1; }
h1 { font-size: 2.4em; }
h2 { font-size: 2.4em; }
h3 { font-size: 2.0em; }
h4 { font-size: 1.8em; }
h5 { font-size: 1.4em; font-weight: bold; }
h6 { font-size: 1.0em; font-weight: bold; }

h1.a, h2.a, h3.a, h4.a, h5.a, h6.a { margin: 0 0 10px; padding: 0 0 10px; background: url(../images/sep-b.gif) 0 100% repeat-x; }


/* columns */

div.cols-a { overflow: hidden; width: 100%; }
 div.cols-a div.main { float: left; width: 625px; }
 div.cols-a div.side { float: right; width: 300px; }

/* containers */

div.bottom-a { background: url(../images/bottom-a-bg-a.jpg) 0 100% no-repeat; color: #514b35; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; }
 div.bottom-a div.inner { overflow: hidden; width: 100%; padding: 30px 0 40px; background: url(../images/bottom-a-bg-b.png) no-repeat; }
  div.bottom-a div.map { display: inline; float: left; width: 165px; margin: 0 0 0 13px; padding-right: 27px; }
  div.bottom-a div.more { float: left; width: 325px; }
   div.bottom-a h4 { margin: 0 0 5px; color: #6e8e0e; font-size: 1.8em; font-weight: normal; }
    div.bottom-a a { color: #514b35; }
   div.bottom-a p { margin: 10px 0; padding-bottom: 5px; background: url(../images/sep-a.gif) -3px 100% repeat-x; }

div.clear-a { clear: both; overflow: hidden; height: 1px; font-size: 0; line-height: 1px; }
 div.clear-a * { display: none; }

div.content-a { padding: 0 13px; }

div.featured-a { margin: 0 0 20px; }
 div.featured-a h2 { margin: 0 13px 20px; padding: 0 0 13px; background: url(../images/sep-b.gif) 0 100% repeat-x; color: #4c4c4c; font-size: 2.4em; }
  div.featured-a h2 small { color: #a69c80; font: bold 0.5em/1.25 Lucida Grande,Lucida Sans Unicode,sans-serif; text-transform: uppercase; letter-spacing: 2px; }
 div.featured-a div.item { display: inline; position: relative; float: left; width: 304px; height: 96px; margin: 0 0 0 13px; background: url(../images/featured-a-bgs.png) no-repeat; text-shadow: #be4b2d 0 -1px 0; }
 .js div.featured-a div.item { cursor: pointer; }
 div.featured-a div.blue { background-position: -304px 0; text-shadow: #467994 0 -1px 0; }
 div.featured-a div.yellow { background-position: -608px 0; text-shadow: #bd9722 0 -1px 0; }
 div.featured-a div.red:hover { background-position: 0 -96px; }
 div.featured-a div.blue:hover { background-position: -304px -96px; }
 div.featured-a div.yellow:hover { background-position: -608px -96px; }
  div.featured-a p { margin: 0; padding: 13px 5px 0 150px; color: #fff; font: 1.4em/1.33 Arial,Helvetica Neue,Helvetica,sans-serif; }
   div.featured-a p strong { display: block; margin: 0 0 -12px; font: 1.14em/1.33 Georgia,serif; }
   div.featured-a p a { padding-right: 10px; background: url(../images/bullet-b.gif) 100% 50% no-repeat; color: #fff !important; text-decoration: none !important; }
  div.featured-a p.image { position: absolute; left: 10px; top: -7px; margin: 0; padding: 0; }
  html* div.featured-a p.image { margin: -3px 0 0 -3px; }
   div.featured-a p.image img { border: 1px solid #fff; background: #f9f8f7; padding: 5px; }
   div.featured-a p.image img { box-shadow: 0px 1px 5px #999; -moz-box-shadow: 0px 1px 5px #999; -webkit-box-shadow: 0px 1px 5px #999; }
   div.featured-a p.image img { transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); }

div.guides-a { margin: 0 0 20px; padding: 0 0 7px; background: url(../images/sep-b.gif) 0 100% repeat-x; }
 div.guides-a h2 { margin: 0 0 5px; padding: 7px 10px; border: 1px solid #ebe5d4; border-width: 1px 0; color: #a69c80; font: bold 1.4em/1.25 Lucida Grande,Lucida Sans Unicode,sans-serif; text-transform: uppercase; letter-spacing: 2px; }
 div.guides-a ul { overflow: hidden; list-style: none; width: 100%; margin: 0; padding: 0; }
  div.guides-a ul li { float: left; background: url(../images/dot-a.gif) 100% 0 repeat-y; font-size: 2.2em; }
  div.guides-a ul li:hover { background-color: #d5d2ca; }
   div.guides-a ul li a { float: left; width: 138px; padding: 150px 0 4px; background: url(../images/guides-a-photos.jpg) no-repeat; color: #9a8c66; text-align: center; }
   div.guides-a ul li a.live { background-position: 0 0; }
   div.guides-a ul li a.grow { background-position: -138px 0; }
   div.guides-a ul li a.eat { background-position: -276px 0; }
   div.guides-a ul li a.play { background-position: -414px 0; }
   div.guides-a ul li a.wear { background-position: -552px 0; }
   div.guides-a ul li a.move { width: 139px; background-position: -690px 0; }
   div.guides-a ul li a.give { width: 139px; background-position: -829px 0; }
   div.guides-a ul li a:hover,
   div.guides-a ul li a:focus,
   div.guides-a ul li a:active { color: #fff; text-decoration: none; text-shadow: #95938d 0 -1px 0; }

div.newsletter-a { overflow: hidden; width: 100%; height: 38px; padding: 1px 0 0; border-bottom: 1px solid #c4bda8; background: url(../images/newsletter-a-bg.png) no-repeat; }
 div.newsletter-a div.inner { float: right; }
  div.newsletter-a div.inner h3 { float: left; color: #779518; font-size: 1.4em; line-height: 38px; font-style: italic; text-shadow: #fff 0 1px 0; }
  div.newsletter-a div.inner p { /*display: inline;*/ float: left; position: relative; height: 24px; margin: 7px 10px 0; }
   div.newsletter-a div.inner p label { display: none; color: #818181; }
   .js div.newsletter-a div.inner p label { display: block; position: absolute; left: 7px; top: 4px; }
   div.newsletter-a div.inner p span { float: left; width: 240px; height: 24px; padding: 0 5px 0 6px; background: url(../images/top-search-input-a.png) no-repeat; }
    div.newsletter-a div.inner p span input { width: 240px; padding: 5px 0 0; border: none; background: none; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; }
   div.newsletter-a div.inner p button { width: 69px; height: 24px; margin: 0 0 0 5px; padding: 0; border: none; background: url(../images/newsletter-a-button.png) no-repeat; font-size: 0; text-indent: -10001px; }
   div.newsletter-a div.inner p button:hover,
   div.newsletter-a div.inner p button:focus,
   div.newsletter-a div.inner p button:active { background-position: 0 -24px; }

   a#newsletter-link img { display: block; margin: 0 0 0 5px; padding: 0; border: none; text-indent: -10001px;}
   a#newsletter-link { display: block; height: 24px; overflow: hidden;}
   a#newsletter-link:hover img,
   a#newsletter-link:focus img, 
   a#newsletter-link:active img { margin-top: -24px; }

div.showcase-a { position: relative; width: 100%; height: 365px; margin: 0 0 15px; }
 div.showcase-a ul.index { position: absolute; z-index: 10; left: 15px; top: 335px; list-style: none; margin: 0; padding: 0; }
  div.showcase-a ul.index li { float: left; padding-left: 1px; background: url(../images/showcase-a-sep-a.gif) no-repeat; }
  div.showcase-a ul.index li.first { background: none; }
   div.showcase-a ul.index li a { float: left; padding: 3px 10px; color: #838181; text-decoration: none !important; }
   div.showcase-a ul.index li a:hover,
   div.showcase-a ul.index li a:focus,
   div.showcase-a ul.index li a:active { color: #333; }
    div.showcase-a ul.index li a span { padding-right: 13px; background: url(../images/showcase-a-bullet-off.gif) 100% 50% no-repeat; }
  .js div.showcase-a ul.index li.active { padding: 0 1px 1px; margin-right: -1px; border-bottom: 1px solid #eee; background: #e8e8e8; }
   .js div.showcase-a ul.index li.active a { padding-left: 9px; padding-right: 9px; border: 1px solid #fff; border-width: 0 1px 1px; background: url(../images/showcase-a-active-a.gif) repeat-x; color: #657f35 !important; text-shadow: #f7f6f3 0 1px 0; }
    .js div.showcase-a ul.index li.active a span { background-image: url(../images/showcase-a-bullet-on.gif); }
 div.showcase-a div.wrap { position: relative; overflow: hidden; width: 100%; }
  div.showcase-a div.slider { float: left; width: 10001px; }
   div.showcase-a div.slide { float: left; width: 968px; height: 345px; color: #fff; text-shadow: #564b39 0 1px 0; }
    div.showcase-a div.slide p.image { margin: 0 0 -345px; padding: 0; }
     div.showcase-a div.slide p.image img { display: block; }
    div.showcase-a div.slide h2 { margin: 35px 0 10px 660px; color: #fff; font-size: 3em; }
     div.showcase-a div.slide h2 small { display: block; margin: 0 0 3px; font-size: 0.5em; font-style: italic; }
    div.showcase-a div.slide ul { list-style: none; margin: 0 0 10px 660px; padding: 0; }
     div.showcase-a div.slide ul li { position: relative; padding: 3px 0 3px 25px; background: url(../images/showcase-a-bullet.gif) 0 2px no-repeat; font-size: 1.4em; }
      div.showcase-a div.slide a { color: #fff; }

div.story-a { overflow: hidden; width: 100%; margin: 0 0 15px; padding: 0 0 5px; background: url(../images/sep-a.gif) -3px 100% repeat-x; }
 div.story-a p.image { float: left; margin: 0 0 10px; }
  div.story-a p.image img { border: 1px solid #e8e8e8; }
 div.story-a h3 { margin: 0 0 10px 145px; color: #5b8707; font-size: 1.8em; }
  div.story-a h3 a { color: #5b8707; }
 div.story-a p { margin: 0 0 5px 145px; }
 div.story-a p.category { margin-top: -5px; color: #777; font-style: italic; }
  div.story-a p.category a { font-style: normal; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; }
 div.story-a p.more { margin-bottom: 10px; font-style: italic; }
  div.story-a p.more a { padding-right: 10px; background: url(../images/bullet-c.gif) 100% 55% no-repeat; color: #5b8707; }

div.story-b { overflow: hidden; width: 100%; margin: 0 0 10px; padding: 0 0 1px; background: url(../images/sep-a.gif) -3px 100% repeat-x; }
 div.story-b p.image { float: left; margin: 0 0 10px; }
 div.story-b h4 { margin: 0 0 10px 90px; color: #2a7fac; font-size: 1.4em; }
  div.story-b h4 a { color: #2a7fac; }
 div.story-b p { margin: 0 0 5px 90px; }
 div.story-b p.category { margin-top: -7px; margin-bottom: 10px; color: #777; font-size: 1.1em; font-style: italic; }
  div.story-b p.category a { font-style: normal; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; }
 div.story-b p.more { margin-bottom: 10px; text-transform: uppercase;  font: 1em/1 Arial,Helvetica Neue,Helvetica,sans-serif; }
  div.story-b p.more a { padding-right: 10px; background: url(../images/bullet-d.gif) 100% 55% no-repeat; color: #2a7fac; }

/* forms */



/* tables */

table { }
 table th, table td { padding: 5px 10px; border: 1px solid #ccc; }

/* lists */

ul.nav-a { list-style: none; margin: 0 0 10px; padding: 0; }
 ul.nav-a li { padding: 5px 0; background: url(../images/sep-a.gif) -3px 100% repeat-x; }
  ul.nav-a li a { padding-left: 10px; background: url(../images/bullet-a.gif) 0 6px no-repeat;  }

/* paragraphs */



/* links */



/* other */


 
/* SPECIFIC
------------------------------------------- */
html* div.featured-a p.image img { border-color: #eee #ddd #ccc; filter: progid:DXImageTransform.Microsoft.DropShadow( offx=0, offy=1, color=#eeeeee) progid:DXImageTransform.Microsoft.Matrix(M11=0.9961946980917455,M12=0.08715574274765832,M21=-0.08715574274765832,M22=0.9961946980917455,SizingMethod='auto expand'); }