

/*************************************************** HEADER SEARCH */

div#header-search { background: url(img/header-search-bg-lang+search.png) top left no-repeat; display: block; height: 42px; position: absolute; right: 20px; top: 0px; width: 366px; }
div#header-search input { background: #ffffff; border-top: 1px solid #cccccc; border-left: 1px solid #ebebeb; border-bottom: 1px solid #ffffff; border-right: 1px solid #ebebeb; color: #b31f24; font-size: .85em; height: 16px; padding: 6px 6px 0px 6px; position: absolute; right: 40px; top: 7px; width: 139px; }
div#header-search a.search-btn { display: block; width: 23px; height: 23px; top: 8px; right: 9px; position: absolute; text-indent: -4000px; }
div#header-search a.language-btn { background: url(img/lang+search-lang-btn.gif) top left no-repeat; color: #888888; display: block; font-size: .85em; width: 130px; height: 21px; left: 11px; padding: 3px 0 0 6px; top: 7px; position: absolute; }
div#header-search a.language-btn:hover { background-position: 0 -24px; }
div#header-search a.selected,
div#header-search a.selected:hover { background-position: 0 -48px; }


/*************************************************** HEADER SEARCH RESULTS - Z-INDEX: 5556 */

div#header-search-results { position: absolute; right: 21px; top: 44px; width: 274px; z-index: 5556; text-align: left; }
div#header-search-results-top { background: url(img/header-search-results-top-bg.png) top left no-repeat; clear: both; height: 14px; overflow: hidden;  z-index: 5557; }
div#header-search-results-content { background: url(img/header-search-results-content-bg.png) top left repeat-y; clear: both; height: auto; z-index: 5558; }
div#header-search-results-bottom { background: url(img/header-search-results-bottom-bg.png) top left no-repeat; clear: both; height: 8px; z-index: 5559; }

div#header-search-results-content h3 { clear: both; margin: 0 2px 0 2px; text-indent: -4000px; }
h3#header-search-results-products { background: url(img/header-search-results-h3-products.png) top left no-repeat; height: 19px; }
h3#header-search-results-recipes { background: url(img/header-search-results-h3-recipes.png) top left no-repeat; height: 26px; }
h3#header-search-results-blog { background: url(img/header-search-results-h3-blog.png) top left no-repeat; height: 26px; }

h3#header-search-results-recipes-first { background: url(img/header-search-results-h3-recipes-first.png) top left no-repeat; height: 19px; }
h3#header-search-results-blog-first { background: url(img/header-search-results-h3-blog-first.png) top left no-repeat; height: 19px; }

div#header-search-results-content a.search-results-more { background: #d1d0d1; clear: both; color: #4b4446; display: block; font-size: .775em; margin: 0 2px 0 2px; padding: 2px 10px 2px 10px; text-decoration: none; }
div#header-search-results-content a.search-results-more.selected { background: #999999; color: #ffffff; }

div.header-search-results-result { height: 40px; margin: 0 2px 0 2px; padding: 8px 10px 8px 10px; width: 250px; }
div.header-search-results-result img { float:left; margin: 0 10px 0 0; }
div.header-search-results-result h5 { clear: right; color: #333333; font-size: 12px; line-height: 12px; padding: 0 0 2px 0; }
div.header-search-results-result p { font-size: 11px; line-height: 12px; }

div#header-search-results-content div.selected { background: #999999; cursor: pointer; }
div#header-search-results-content div.selected h5,
div#header-search-results-content div.selected p { color: #ffffff; }

/*************************************************** HEADER LANGUAGE CHANGE - Z-INDEX: 5556 */

div#language-change { position: absolute; right: 20px; top: 44px; width: 274px; z-index: 6560; text-align: left; }
div#language-change-top { background: url(img/header-language-results-top-bg.png) top left no-repeat; clear: both; height: 14px; overflow: hidden;  z-index: 6561; }
div#language-change-content { background: url(img/header-search-results-content-bg.png) top left repeat-y; clear: both; height: auto; z-index: 6562; }
div#language-change-bottom { background: url(img/header-search-results-bottom-bg.png) top left no-repeat; clear: both; height: 8px; z-index: 6563; }

div#language-change-content a { clear: both; color: #333333; font-size: 12px; line-height: 14px; margin: 0 2px 0 2px; padding: 8px 9px; }
div#language-change-content a small { color: #666666; font-size: 11px; line-height: 14px; }
div#language-change-content a:hover,
div#language-change-content a:hover small { background: #999999; color: #ffffff; }

div#language-change-content h3 { clear: both; margin: 0 2px 0 2px; text-indent: -4000px; }
div#language-change-content h3#language-change-header { background: url(img/header-language-nav.png) top left no-repeat; height: 19px; }


