/*************************************************** GENERAL STYLING */

html { font-size:100.01%; }
body { background: #ffffff; color: #666666; font-family: Arial, serif; font-size: .9em; font-weight: normal; line-height: 1.35em; }
h1, h2, h3, h4, h5, h5 { font-weight: normal; }

a { border: none; outline: none; text-decoration: none; }
a img { border: none; margin: 0 0 0 0; padding: 0 0 0 0; }


#print-header,
#print-footer { display: none; }


/*************************************************** WRAPPERS - check z-indexes!!! */

div.wrapper { margin: 0; clear:both; }
div#wrapper-header { background: url(img/theme-blue-header-bg.gif) bottom center no-repeat; height: 203px; z-index: 4443; }
div#wrapper-content { background: url(img/theme-blue-content-bg-top.gif) top center no-repeat; min-height: 288px; padding: 18px 0 0 0; z-index: 3334; }
div#wrapper-footer { background: url(img/theme-blue-footer-bg.gif) bottom center no-repeat; padding: 0 0 157px 0; z-index: 2223; }



/*************************************************** CONTAINERS */

div.container { margin: 0 auto; }
div#wrapper-header div.container { height: 203px; padding: 0 0 0 0; position: relative; width: 892px; }
div#wrapper-content div.container { background: url(img/theme-blue-content-bg-bottom.gif) bottom center no-repeat; padding: 0 23px 0 23px; width: 846px; }

div#wrapper-footer div.container { padding: 0 23px 0 23px; width: 846px; }



/*************************************************** HOME LINK */

a#home { display: block; height: 55px; left: 64px; position: absolute; text-indent: -4000px; top: 66px; width: 95px; }



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

div#header-search { background: url(img/header-search-bg.png) top left no-repeat; display: block; height: 42px; position: absolute; right: 20px; top: 0px; width: 274px; }
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; left: 12px; padding: 6px 6px 0px 6px; position: absolute; top: 7px; width: 208px; }
div#header-search a { display: block; width: 23px; height: 23px; top: 8px; right: 9px; position: absolute; text-indent: -4000px; }

*/
/*************************************************** 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; }

*/

/*************************************************** MAIN NAVIGATION */

div.main-nav { height: 39px; left: 1px; position: absolute; top: 164px; width: 890px; }
div.main-nav div.main-nav-rel { height: 39px; position: relative; width: 890px; }
div.main-nav a { cursor: hand; display: block; height: 39px; position: absolute; text-indent: -4000px; top: 0px; }

div.main-nav a.start { left: 0px; width: 224px; }
div.main-nav a.products { left: 224px; width: 221px; }
div.main-nav a.recipes { left: 445px; width: 221px; }
div.main-nav a.blog { left: 666px; width: 224px; }


/* Main navigation - Hover-states */
div#main-nav-start a.products:hover,
div#main-nav-start a.recipes:hover,
div#main-nav-start a.blog:hover,
div#main-nav-products a.start:hover,
div#main-nav-products a.recipes:hover,
div#main-nav-products a.blog:hover,
div#main-nav-recipes a.start:hover,
div#main-nav-recipes a.products:hover,
div#main-nav-recipes a.blog:hover,
div#main-nav-blog a.start:hover,
div#main-nav-blog a.products:hover,
div#main-nav-blog a.recipes:hover,
div#main-nav-blank a.start:hover,
div#main-nav-blank a.products:hover,
div#main-nav-blank a.recipes:hover,
div#main-nav-blank a.blog:hover { background-position: 0 -39px; }



/*************************************************** CONTENT */

/*
div.container div.content-row { padding-bottom: 25px; }
div.container div.content-row-last { padding-bottom: 30px; }
*/

div.container div.content-row { padding-bottom: 18px; }
div.container div.content-row-last { padding-bottom: 12px; }
div.container div.firstpage { padding-bottom: 25px; }



/*************************************************** FOOTER */

div#wrapper-footer div.footer-columns { border-top: 1px solid #cccccc; padding: 22px 0 0 0; }
div#wrapper-footer div.footer-column {  }

div#wrapper-footer div.footer-column h6 { border-bottom: 1px solid #e5e5e5; color: #333333; font-size: .925em; font-weight: bold; line-height: 1.85em; padding: 0 0 0 3px; }
div#wrapper-footer div.footer-column ul { list-style: none; margin: 0 0 0 0; }
div#wrapper-footer div.footer-column ul li { border-bottom: 1px solid #e5e5e5; font-size: .85em; line-height: 1.975em; }

div#wrapper-footer div.footer-columns .span-3 ul li a { background: url(img/footer-link-arrow.gif) 189px 8px no-repeat; color: #333333; display: block; padding: 0 0 0 3px; text-decoration: none; }
div#wrapper-footer div.footer-columns .span-3 ul li a:hover { color: #333333; text-decoration: underline; }

div#wrapper-footer div.footer-columns .span-4 ul li a { background: url(img/footer-link-arrow.gif) 261px 8px no-repeat; color: #333333; display: block; padding: 0 0 0 3px; text-decoration: none; }
div#wrapper-footer div.footer-columns .span-4 ul li a:hover { color: #333333; text-decoration: underline; }



/*************************************************** BLUEPRINT STUFF */

div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6,
div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12 { float: left; margin-right: 18px; }

div.last { margin-right: 0; }

.span-1  { width: 54px;}
.span-2  { width: 126px;}
.span-3  { width: 198px;}
.span-4  { width: 270px;}
.span-5  { width: 342px;}
.span-6  { width: 414px;}
.span-7  { width: 486px;}
.span-8  { width: 558px;}
.span-9  { width: 630px;}
.span-10 { width: 702px;}
.span-11 { width: 774px;}
.span-12, div.span-12 { width: 846px; margin: 0; }



/*************************************************** PAGE FUNCTIONS */

#page-functions-top { position: relative; }
#page-functions-top a.page-print,
#page-functions-top a.page-tip { display: block; height: 29px; overflow: hidden; position: absolute; text-indent: -4000px; top: 0px; width: 29px; }
#page-functions-top a.page-print { background: url(img/page-function-button-print.gif) top left no-repeat; right: 39px; }
#page-functions-top a.page-tip { background: url(img/page-function-button-tip.gif) top left no-repeat; right: 0px; }
#page-functions-top a.page-print:hover,
#page-functions-top a.page-tip:hover { background-position: 0 -29px; }

#page-functions-bottom { border-top: 1px solid #cccccc; height: 29px; padding: 12px 0 0 0; position: relative; }
#page-functions-bottom a.page-print,
#page-functions-bottom a.page-tip { display: block; height: 29px; overflow: hidden; position: absolute; text-indent: -4000px; top: 12px; width: 29px; }
#page-functions-bottom a.page-print { background: url(img/page-function-button-print.gif) top left no-repeat; left: 0px; }
#page-functions-bottom a.page-tip { background: url(img/page-function-button-tip.gif) top left no-repeat; left: 39px; }
#page-functions-bottom a.page-print:hover,
#page-functions-bottom a.page-tip:hover { background-position: 0 -29px; }