/* Section dependent. Possible seperate stylesheet and include */
#header.expanded {height: 254px;}
#header.expanded #navigation {height: 98px;}
#header.expanded #navigation ul li {bottom: 65px;}
#header.expanded #navigation #nav-gems {height: 98px; bottom: 0; left: 0; width: 956px; background: none; z-index: 1;}
#header.expanded #navigation #nav-gems a,
#header.expanded #navigation #nav-gems a:hover {width: 184px; height: 34px; position: absolute; left: 274px; background-position: 0 -58px; z-index: 2;}
#header.expanded #navigation #nav-gems ul {width: 932px; height: 53px; padding: 15px 12px 0; position: absolute; bottom: 0; left: 0; display: block; background: url(images/navigation_bottom_gems.png) no-repeat bottom left; z-index: 1;}
#header.expanded #navigation #nav-gems ul li {height: 18px; position: relative; float: left; bottom: 0;}
#header.expanded #navigation #nav-gems ul li a,
#header.expanded #navigation #nav-gems ul li a:hover {width: auto; height: 18px; display: block; position: relative; left: 0; bottom: 0; background: url(images/subnavigation_gems.png);}
#header.expanded #navigation #nav-gems #nav-gems-simple,
#header.expanded #navigation #nav-gems #nav-gems-simple a {width: 79px; background-position: -25px 0;}
#header.expanded #navigation #nav-gems #nav-gems-simple a:hover {background-position: -25px -18px;}
#simple-tips #header.expanded #navigation #nav-gems #nav-gems-simple a {background-position: -25px -36px;}

#header.expanded #navigation #nav-gems #nav-gems-front-page,
#header.expanded #navigation #nav-gems #nav-gems-front-page a {width: 109px; background-position: -104px 0;}
#header.expanded #navigation #nav-gems #nav-gems-front-page a:hover {background-position: -104px -18px;}
#front-page-story #header.expanded #navigation #nav-gems #nav-gems-front-page a {background-position: -104px -36px;}

#header.expanded #navigation #nav-gems #nav-gems-top5,
#header.expanded #navigation #nav-gems #nav-gems-top5 a {width: 71px; background-position: -213px 0;}
#header.expanded #navigation #nav-gems #nav-gems-top5 a:hover {background-position: -213px -18px;}
#the-top-5 #header.expanded #navigation #nav-gems #nav-gems-top5 a {background-position: -213px -36px;}

#header.expanded #navigation #nav-gems #nav-gems-products,
#header.expanded #navigation #nav-gems #nav-gems-products a {width: 92px; background-position: -284px 0;}
#header.expanded #navigation #nav-gems #nav-gems-products a:hover {background-position: -284px -18px;}
#product-picks #header.expanded #navigation #nav-gems #nav-gems-products a {background-position: -284px -36px;}

#header.expanded #navigation #nav-gems #nav-gems-sites,
#header.expanded #navigation #nav-gems #nav-gems-sites a {width: 79px; background-position: -376px 0;}
#header.expanded #navigation #nav-gems #nav-gems-sites a:hover {background-position: -376px -18px;}
#site-we-like #header.expanded #navigation #nav-gems #nav-gems-sites a {background-position: -376px -36px;}

#header.expanded #navigation #nav-gems #nav-gems-environmental-watch,
#header.expanded #navigation #nav-gems #nav-gems-environmental-watch a {width: 132px; background-position: -455px 0;}
#header.expanded #navigation #nav-gems #nav-gems-environmental-watch a:hover {background-position: -455px -18px;}
#environmental-watch #header.expanded #navigation #nav-gems #nav-gems-environmental-watch a {background-position: -455px -36px;}

#header.expanded #navigation #nav-gems #nav-gems-food,
#header.expanded #navigation #nav-gems #nav-gems-food a {width: 111px; background-position: -587px 0;}
#header.expanded #navigation #nav-gems #nav-gems-food a:hover {background-position: -587px -18px;}
#food-for-thought #header.expanded #navigation #nav-gems #nav-gems-food a {background-position: -587px -36px;}

#header.expanded #navigation #nav-gems #nav-gems-bookshelf,
#header.expanded #navigation #nav-gems #nav-gems-bookshelf a {width: 114px; background-position: -698px 0;}
#header.expanded #navigation #nav-gems #nav-gems-bookshelf a:hover {background-position: -698px -18px;}
#on-our-bookshelf #header.expanded #navigation #nav-gems #nav-gems-bookshelf a {background-position: -698px -36px;}

#header.expanded #navigation #nav-gems #nav-gems-community,
#header.expanded #navigation #nav-gems #nav-gems-community a {width: 119px; background-position: -812px 0;}
#header.expanded #navigation #nav-gems #nav-gems-community a:hover {background-position: -812px -18px;}
#community-corner #header.expanded #navigation #nav-gems #nav-gems-community a {background-position: -812px -36px;}

#header.expanded #navigation #shim {display: none;}