/* --- text styles --- */
* {margin: 0;}
html, body, #pnlContent {height: 100%;}
body {text-align:center; background:#333 url(/laf/BG.jpg) top left repeat-x;}

#container {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -142px; width:980px; text-align:left;}
#header {float:left; height:144px; position:relative; width:980px;}
#languageToggle {float:left;}
#logo {position:absolute; top:30px; left:10px;}
#strap {float:left; width:400px; margin-left:121px; margin-top:72px;}
#utilityNav {float:right; width:300px; text-align:right; padding-right:10px;}
#navigation {position:absolute; bottom:0px; left:300px; width:700px; height:29px; line-height:29px; overflow:hidden;}

#search {float:right; margin-right:10px; width:267px; background:red; position:relative; margin-top:30px; display:none;}
#search #searchCriteria {position:absolute; top:0px; left:0px; width:197px; border:1px solid black;}
#search .searchButton {position:absolute; top:0px; right:0px;}

#divider {float:left; width:980px; height:7px; border:none; margin:0; padding:0; overflow:hidden;}

#content {float:left; width:980px; color:White; margin-bottom:20px;}
#home {float:left;}
#grass {clear:both; float:left; height:97px; width:980px; margin-bottom:8px;}

#breadcrumbs {padding-bottom:10px;}



/* --- WTT_Home --- */
/* --- row 1 -- */
#WelcomeRow {float:left; clear:both; background:#484848; padding:20px; width:940px; margin-bottom:17px;}
#WelcomeText {float:left; width:500px;}
#WelcomeImage {float:right;}
#WelcomeImage img {border:4px solid white;}

/* --- row 2 --- */
#SearchRow { float:left; clear:both; width:980px; min-height:230px;}
#home #RecipeSearch {margin-right:12px; margin-bottom:20px;}
#home #ProducerSearch {margin-right:17px; margin-bottom:20px;}
#RecipeSearch {position:relative; float:left; width:256px; height:189px; background: url(/laf/RecipeSearchBG.png) top left no-repeat; padding:12px; }
#ProducerSearch {position:relative; float:left; width:256px; height:230px; background: url(/laf/ProducerSearchBG2.png) top left no-repeat; padding:15px; }
#Latest {float:left; width:173px; border-right:1px solid #666; padding-right:17px;}
#Events {float:right; width:180px;}

/* --- WTT_Content --- */
#left {width:720px; padding:15px 20px; float:left; background:#484848; }
#left #menu {float:left; width:185px; margin-bottom:20px;}
#left #main {float:right; width:510px; margin-bottom:20px;}

#right {float:right; width:190px; margin-bottom:20px;}

/* --- WTT_InitialRecipes --- */
#mainLeft {float:left; width:410px; margin-bottom:20px;}
#mainRight {float:right; width:280px; margin-bottom:20px;}

/* --- footer --- */
#footer {width:980px; text-align:center; background:white;}
#footerContainer {width:980px; margin:0 auto; text-align:left;}
#footer #logos {float:left; margin-top:30px;}
#footer #complianceNav {float:right; margin-top:30px;}
#footer #logos img {margin-right:10px;}

.push, #footer {height:142px; width:100%; clear:both;}

/* --- Recipe and Producer Search forms --- */
#RecipeSearch label, #ProducerSearch label, .recipeAdvancedSearch label, .producerAdvancedSearch label {display:block; width:100%; padding-top:5px;}
#RecipeSearch select, #ProducerSearch select {width:146px; display:block;}
#RecipeSearch img, #ProducerSearch img {position:absolute; top:40px; right:10px;}
.findButton {padding-top:10px;}

/* --- Recipe and Advanced Search forms --- */
.producerAdvancedSearchForm, .recipeAdvancedSearchForm {padding:10px; position:relative; margin-top:10px; width:700px;}
.producerAdvancedSearchForm {background:#E75D1E;}
.recipeAdvancedSearchForm {background:#7495FF;}
.producerAdvancedSearchForm img, .recipeAdvancedSearchForm img {position:absolute; right:10px; top:10px;}
ul.form {margin:0; padding:0 0 5px 0; clear:both; width:670px; list-style-type:none;}
ul.form li {float:left; margin:0; padding:0 10px 0 0 ;}

/* --- Reciper and Producer Search Results --- */
.pager {text-align:right; }
.pager a {padding:0 3px; text-align:right;}
#container #content .pager {text-align:right;}
.pager td table {float:right;}
.result {padding:5px 0;}
.pager td {border-bottom:1px solid #999;}
.pager td table td {border:none; padding-bottom:4px;}
.pager span {font-weight:bold; padding:0 3px; background:white; color:Black;}

/* --- Recipe Detail --- */
.recipeDetail {width:716px;}
.recipeDetail #mainRight {width:260px; padding:10px; background:#333;}