//Add all styles that are specific to the front end of the site only
//Any global font styles that you want accessible in the admin tool should be placed in style.css

/***********************
*                      *
* MAIN TEMPLATE STYLES *
*                      *
************************/
body {width:100%;height:100%;color:#0B5A45;}

#bigContainer{margin-left:auto;margin-right:auto;width:759px;background-color:#FFF;}
#siteContainer{width:759px;min-height:587px;border:0px solid #000;background-color:#FFF;background-image:url(/global/bg.png);background-repeat:repeat-y;}
#siteLeft{float:left;width:25px;}
#siteMiddle{float:left;background-color:transparent;height:100%;width:759px;}
#siteRight{float:left;width:25px;border:0px solid #000;}

#header{float:left;border:0px solid #000;width:707px;background-color:#A7C607}
#header .left{float:left;background-color:#A7C607;height:52px;width:601px;}
#header .right{float:left;background-color:#A7C607;height:52px;width:93px;padding-right:0px;border:0px solid #000;}
#header .menu{background-image:url(/global/h_logo_btm.gif);background-color:#0F352D;background-repeat:no-repeat;width:100%;height:29px;}
#header .menuInner{position:relative;border:0px solid #000;width:650px;float:left;z-index:3}

#breadCrumbs{height:20px;padding-top:5px;font-size:10px;margin-left:25px}
#breadCrumbs a{font-size:10px;color:#C1B000;}
#breadCrumbs a:hover{font-size:10px;color:#C1B000;text-decoration:none;}

#login {border:0px solid #000;margin-left:0px;width:146px;min-height:252px;background-color:#88CE6A;background-image:url(/global/login_bg_btm.gif);background-repeat:no-repeat;background-position:bottom right;}
#login .middle{height:252px;padding-left:27px;background-image:url(/global/login_bg_top.gif);width:119px;padding:0px 0px 0px 27px;background-repeat:no-repeat;background-position:top;}
#login .title{font-size:14px;color:#0B5A4F;}
#login .white{font-size:12px;color:#FFF;}
#login .bold{font-weight:bold;font-size:14px;color:#0B5A4F;}
.advert{margin-top:20px;margin-left:15px;}
#login a{font-size:10px;color:#FFF;font-weight:bold;text-decoration:underline;}
#login a:hover{font-size:10px;color:#0b5A45;text-decoration:underline;}

#username{font-size:10px;color:#FFF;margin-top:5px;}
#username .big{font-weight:bold;}
#username a{font-size:10px;color:#FFF;font-weight:bold;text-decoration:underline;}
#username a:hover{font-size:10px;color:#0b5A45;text-decoration:underline;}

#mealplan{background:#C2D595;margin:-34px 0px 0px 0px;background-image:url(/global/login_btm_top.gif);background-repeat:no-repeat;background-position:top right;min-height:150px;width:146px;}
#mealplan .container{padding:40px 5px 0px 27px;}
#mealplan .dot{vertical-align:top;padding:6px 5px 0px 0px;}
.bottomMealplan{margin:0px 0px 0px px;background-image:url(/global/b_edit_profile_btm.gif);background-repeat:no-repeat;height:32px;width:146px;}

#mealplan2{background:#C2D595;margin:-34px 0px 0px 0px;background-image:url(/global/login_btm_top.gif);background-repeat:no-repeat;background-position:top;width:146px;}
#mealplan2 .container{padding:40px 5px 0px 27px;}
#mealplan2 .white{font-size:12px;color:#FFF;margin-top:10px;}
#mealplan2 a{font-size:12px;color:#FFF;font-weight:text-decoration:underline;}
#mealplan2 a:hover{font-size:12px;color:#0b5A45;text-decoration:underline;}

#mealplan3{background:#C2D595;margin:-34px 0px 0px 0px;background-image:url(/global/login_btm_top.gif);background-repeat:no-repeat;background-position:top right;min-height:150px;width:146px;}
#mealplan3 .container3{padding:40px 5px 0px 27px;}
#mealplan3 .dot3{vertical-align:top;padding:6px 5px 0px 0px;}
.bottomMealplan3{margin:0px 0px 0px px;background-image:url(/global/b_edit_profile_btm.gif);background-repeat:no-repeat;height:32px;width:146px;}

#mealplanSide{background:#C2D595;margin:-34px 0px 0px 0px;background-image:url(/global/login_btm_top.gif);background-repeat:no-repeat;background-position:top;min-height:348px;width:146px;}
#mealplanSide .container{padding:40px 5px 0px 27px;}
#mealplanSide .dot{vertical-align:top;padding:6px 5px 0px 0px;}
.bottomMealplan{margin:0px 0px 0px 0px;background-image:url(/global/b_edit_profile_btm.gif);background-repeat:no-repeat;height:32px;width:146px;}
a.side{font-size:10px;font-weight:bold;color:#0B5A45;}
a.side:hover{font-size:10px;font-weight:bold;text-decoration:none;color:#0B5A45;}

#leftContainer{float:left;border:0px solid #000;}
#contentContainer{float:left;margin:0px 0px 0px 15px;}

#footer{font-size:10px;color:#0B5A45;padding:0px 0px 0px 27px;margin-top:15px;border:0px solid #000}
#footer a{font-size:10px;color:#0B5A45;padding:0px 5px 0px 5px;}
#footer a:hover{font-size:10px;color:#DDD205;text-decoration:none;}
#footer .left{float:left;padding-bottom:10px;}
#footer .right{float:right;padding-right:30px;padding-bottom:10px;}

.contain {clear:both;display:block;height:0px;}

h1 {margin-top:0px;background-color:#BBB;}
h2 {margin-top:0px;background-color:#BBB;width:460px;padding:2px 0px 2px 10px}
h3 {}
h4 {}
h5 {}

a.nextPrev{font-size:10px;font-weight:bold;color:#87A251;}
a.nextPrev:hover{font-size:10px;font-weight:bold;color:#87A251;text-decoration:none;}

/************************
*                       *
* MODULE STYLES         *
*                       *
*************************

/*homepage module*/
#homeContentTop{width:579px;height:247px;border-top:2px solid #DDD205;border-bottom:2px solid #DDD205;}
#homeContentTop a{font-size:12px;color:#FFF;}
#homeContentTop a:hover{font-size:12px;color:#FFF;text-decoration:none;}
#homeContentTop .left{float:left;}
#homeContentTop .right{float:right;}
#homeContentTop .rightTop{font-family:45 helvetica light, arial;font-size:18px;color:#0B5A45;padding:8px 8px 0px 8px;}
#homeContentTop .big{font-family:45 helvetica light, arial;font-size:28px;color:#0B5A45;}
#homeContentTop .rightBtmLeft{float:left;font-size:12px;color:#FFF;font-weight:bold;}
#homeContentTop .rightBtmRight{}
#homeContentTop .rightFree{font-size:20px;color:#BFE081;padding:8px 8px 0px 8px;}
#homeContentTop .top{background-color:#B5C889;width:188px;height:166px;}
#homeContentTop .bottom{background-color:#0B5A45;width:188px;height:81px;}

#homeContentBtm{width:579px;height:185px;margin:20px 0px 0px 0px;border:0px solid #000;}
#homeContentBtm a{font-size:12px;color:#FFF;font-weight:bold;}
#homeContentBtm a:hover{font-size:12px;color:#FFF;text-decoration:none;font-weight:bold;}
#homeContentBtm .left{float:left;width:190px;height:185px;background-color:#BFE081;margin-right:4px;border:0px solid #000;}
#homeContentBtm .leftTop{background-image:url(/global/home_left_top.gif);background-repeat:no-repeat;height:135px;font-size:16px;color:#0B5A45;padding:10px;}
#homeContentBtm .leftBtm{background-image:url(/global/home_left_btm.gif);background-repeat:no-repeat;background-position:bottom;height:30px;}
#homeContentBtm .middle{float:left;width:190px;height:185px;background-color:#DDD205;}
#homeContentBtm .middleTop{background-image:url(/global/home_middle_top.gif);background-repeat:no-repeat;height:97px;padding:10px 10px 10px 9px;}
#homeContentBtm .middleBtm{background-image:url(/global/home_middle_btm.gif);background-repeat:no-repeat;background-position:bottom;height:30px;}
#homeContentBtm .right{float:right;width:190px;height:185px;background-color:#F48903;}
#homeContentBtm .rightTop{background-image:url(/global/home_right_top.gif);background-repeat:no-repeat;height:97px;padding:10px 10px 10px 9px;}
#homeContentBtm .rightBtm{background-image:url(/global/home_right_btm.gif);background-repeat:no-repeat;background-position:bottom;height:30px;}
#homeContentBtm .white16B{font-size:16px;color:#FFF;font-weight:bold;border:0px solid #000;height:38px;padding:0px 4px 0px 4px;}

/*print template*/
#print .hide {display:none}
#print {margin:0px 0px 0px 20px;font-size:12px;color:#0B5A45;}

/*anything*/
#anythingContainer{border-top:1px solid #DDD205;border-bottom:1px solid #DDD205;width:579px;padding-bottom:15px;margin-bottom:10px;}
#anythingContainer .title{font-size:18px;font-weight:bold;margin:5px 0px 0px 0px;}
#anythingContainer .author{font-size:12px;}
#anythingImage{width:555px;height:208px;margin:10px 0px 0px 0px;border-top:2px solid #DDD205;border-bottom:2px solid #DDD205;}
#anythingImage .left{float:left;width:397px;height:208px;}
#anythingImage .right{float:left;width:138px;height:188px;background-color:#DDD205;font-size:16px;color:#000;font-weight:bold;padding:10px;}
#anythingMainContent{width:555px;margin-top:15px;display:table;}
#anythingMainContent .left{float:left;width:396px;}
#anythingMainContent .right{float:right;width:145px;background-color:#EFEDBE;margin-left:0px;}
#anythingMainContent .title{font-size:16px;font-weight:bold;padding:10px;}
#anythingMainContent .sideContent{font-size:10px;padding:10px;}

/*recipeSearch*/
#recipeSearchContainer{border-top:1px solid #DDD205;border-bottom:1px solid #DDD205;width:579px;padding-bottom:15px;margin-bottom:10px;}
#recipeSearchContainer .title{font-size:18px;font-weight:bold;margin:5px 0px 0px 0px;}
#recipeSearchContainer .subTitle{font-size:14px;font-weight:bold;margin:10px 0px 5px 0px;}
#recipeSearchContainer .buttons{margin:10px 0px 0px 0px;}
#recipeSearchContainer .left{float:left;}
#recipeSearchContainer .middle{float:left;padding:0px 5px 0px 5px;}
#recipeSearchContainer .right{float:left;margin-top:2px;}
#recipeSearchContainer select {width:445px;height:50px;}

#backMeal{float:right;}
#backMeal .left{float:left;border:0px solid #000;vertical-align:top;height:23px;}
#backMeal .right{margin:0px 0px 0px 5px;border:0px solid #000;height:23px;padding-top:3px;}
#backMeal a{font-size:10px;color:#9Eb66C;}
#backMeal a:hover{font-size:10px;color:#9Eb66C;text-decoration:none;}

#_favourites .row {border:0px solid #000;min-height:50px}
.favourites{float:left;width:160px;border:0px solid #000;margin:0px 0px 0px 25px;}
.favThumb{float:left;margin:0px 10px 0px 0px;}
.favTitle{font-weight:bold;}
a.favTitle{font-size:10px;color:#FF6600;}
a.add{font-size:10px;color:#9EB66C;font-weight:bold;}
a.add:hover{font-size:10px;color:#9EB66C;text-decoration:none;font-weight:bold;}

#shoppingListContainer{border-top:1px solid #DDD205;border-bottom:1px solid #DDD205;width:579px;padding-bottom:15px;margin-bottom:10px;}
#shoppingListContainer .title{font-size:18px;font-weight:bold;margin:5px 0px 0px 0px;}
#shoppingListContainer .left{float:left;border:0px solid #000;vertical-align:top;height:23px;}
#shoppingListContainer .right{margin:0px 0px 0px 0px;border:0px solid #000;height:23px;padding-top:0px;}
#shoppingListContainer .catHeading {font-size:14px;font-weight:bold;padding:10px 0px 5px 0px}
#shoppingListContainer .typeHeading {font-size:16px;font-weight:bold;padding:10px 0px 5px 0px}

/*searchResultsContainer*/
#searchResultsContainer{border-top:1px solid #DDD205;border-bottom:1px solid #DDD205;width:579px;padding-bottom:15px;margin-bottom:10px;}
#searchResultsContainer .title{font-size:18px;font-weight:bold;margin:5px 0px 0px 0px;}
#searchResultsContainer .left{float:left;border:0px solid #000;vertical-align:top;height:23px;}
#searchResultsContainer .right{margin:0px 0px 0px 0px;border:0px solid #000;height:23px;padding-top:0px;}
#searchResultsContainer a{font-size:10px;color:#9EB66C;font-weight:bold;}
#searchResultsContainer a:hover{font-size:10px;color:#9EB66C;text-decoration:none;font-weight:bold;}
#searchResultsContainer .text {font-size:11px;color:#0B5A45;}

#mainResults{width:579px;border:0px solid #000}
#mainResults .left{float:left;width:65px;margin-right:15px;}
#mainResults .middle{float:left;width:361px;border:0px solid #000}
#mainResults .right{float:right;width:103px;border:0px solid #000}
#mainResults .row{margin:15px 0px 0px 0px;min-height:65px;border:0px solid #000;}
#mainResults .title{font-size:14px;color:#0B5A45;}
#mainResults a{font-size:12px;color:#0B5A45;}
#mainResults a:hover{font-size:12px;color:#0B5A45;text-decoration:none;}
#mainResults .left2{float:left;margin-right:5px;}
#mainResults a.link{font-size:12px;color:#FF6600;}
#mainResults a.link:hover{font-size:12px;color:#FF6600;text-decoration:underline;}
#mainResults add{padding-left:5px;}
#mainResults a.add{font-size:10px;color:#9EB66C;font-weight:bold;}
#mainResults a.add:hover{font-size:10px;color:#9EB66C;text-decoration:none;font-weight:bold;}

/*help*/
#help{padding:20px;}
#help h2 {font-size:18px;color:#0B5A4F;font-weight:bold;background-color:transparent}
#help .content{padding:10px 10px 10px 10px;color:#0B5A45;font-size:12px;}

/*print shopping list*/
#printShoppingList {padding-left:20px}
#printShoppingList h2 {background-color:transparent;padding-left:0px;margin-bottom:7px}
#printShoppingList .catHeading {font-size:11px;font-weight:bold;padding:1px 0px 1px 0px}
#printShoppingList .typeHeading {font-size:12px;font-weight:bold;padding:2px 0px 1px 0px}
#printShoppingList .row{padding:0px 0px 0px 0px;border:0px solid #000;margin:0px 0px 0px 0px}
#printShoppingList .col{padding:0px 0px 0px 0px;border:0px solid #000;margin:0px 5px 0px 0px}

/*print recipes*/
#printRecipes .hide {display:none}
#printRecipes h3,H3 {page-break-before: always }

#unsubscribe .title{font-size:18px;font-weight:bold;margin:5px 0px 0px 10px;}
#unsubscribe .text {margin:10px 0px 0px 0px}

/*register*/
#register .intro {padding:0px 0px 0px 10px}
#register .error {padding:0px 0px 0px 0px;color:#FF6600;}
#register .confirm {padding:0px 0px 0px 10px}
#register .row {margin-top:5px;border:0px solid #000;width:100%}
#register .colLeft {float:left;width:150px;border:0px solid #000;}
#register .colRight {float:left;border:0px solid #000;}
#register .buttons {}
#register .form {padding:0px 0px 0px 0px}
#register .message {margin-top:5px}
#register .message .text { float:left;width:150px}
#register .message .input { float:left;}
#register .buttons {margin-top:20px;}

.signup{border-top:1px solid #DDD205;border-bottom:1px solid #DDD205;width:579px;padding-bottom:15px;margin-bottom:10px;min-height:450px;}
.signupTitle{font-size:18px;font-weight:bold;margin:5px 0px 0px 0px;}

/*default search/index*/
.rowOdd {margin-top:10px;padding:0px 10px 0px 10px}
.rowEven {margin-top:10px;padding:0px 10px 0px 10px}
#index h3{background-color:#BBB;padding:2px 0px 2px 10px;font-size:12px}
#searchResults h3{background-color:#BBB;padding:2px 0px 2px 10px;font-size:12px}
.link {text-align:right}
.text {padding-left:10px}
.date {padding-left:10px}
.paging {text-align:center;background-color:#3FE2DD;font-size:10px;padding:2px 0px 2px 0px}

/*index*/
/*OVERWRITE DEFAULT STYLES
#index .rowOdd {margin-top:10px;padding:0px 10px 0px 10px}
#index .rowEven {margin-top:10px;padding:0px 10px 0px 10px}
#index h3{background-color:#BBB;padding:2px 0px 2px 10px;font-size:12px}
#index .link {text-align:right}
#index .text {padding-left:10px}
#index .date {padding-left:10px}
#index .paging {text-align:center;background-color:#3FE2DD;font-size:10px;padding:2px 0px 2px 0px}
*/

/*searchResults*/
/*OVERWRITE DEFAULT STYLES
#searchResults .rowOdd {margin-top:10px;padding:0px 10px 0px 10px}
#searchResults .rowEven {margin-top:10px;padding:0px 10px 0px 10px}
#searchResults h3{background-color:#BBB;padding:2px 0px 2px 10px;font-size:12px}
#searchResults .link {text-align:right}
#searchResults .text {padding-left:10px}
#searchResults .date {padding-left:10px}
#searchResults .paging {text-align:center;background-color:#3FE2DD;font-size:10px;padding:2px 0px 2px 0px}
*/

/*forum*/
#forum {}
#forum .intro {}
#forum .disclaimer {} 
#forum .col1 {width:100px;}
#forum .col2 {width:100px;}
#forum .col3 {width:100px;}
#forum .col4 {width:100px;}
#forum td {padding:3px 3px 3px 3px}
#forum th {padding:3px 3px 3px 3px;font-weight:bold;font-size:12px;background-color:#443311;}
#forum .viewPost .col2 {width:300px;}
#searchResults .col2 {width:300px;}
#forum table.viewPost {margin-left:10px;border-collapse:collapse;border:1px solid #000;}
#forum .viewPost td.col2 {vertical-align:top}
#forum .messageTitle{margin-bottom:3px;background-color:#123456}
#forum .message{margin:5px 2px 5px 2px;min-height:75px}
#forum .tagLine{margin:2px 2px 2px 2px;border-top:1px solid #EEE}
#searchResults .messageTitle{margin-bottom:3px;background-color:#123456}
#searchResults .message{margin:5px 2px 5px 2px;min-height:75px}
#searchResults .tagLine{margin:2px 2px 2px 2px;border-top:1px solid #EEE}
#forumSelect {background-color:#123456;margin-top:10px;text-align:right;padding:2px 5px 2px 5px}
#forumThreads table.main {margin-left:10px;border-collapse:collapse;border:1px solid #000;}
#forum .paging {background-color:#FFF;width:100%}
#forumIndex table.main {margin-left:10px;border-collapse:collapse;border:1px solid #000;}
#forum .section {background-color:#456EEE}
/************************
*                       *
* DEFAULT STYLES        *
*                       *
*************************/
img {display:block;border:0px;}
.bold {font-weight:bold}
form{margin:0px;}
a.newLink {font-size:1em}
/************************
*                       *
* SIDEBOXES STYLES      *
*                       *
************************/

#expiryMessage {width:300px;padding:10px;border:1px solid #000;background-color:#e3f6b8}
#expiryMessage .top {margin:0px}
#expiryMessage p {margin-top:2px}
#expiryMessage .close {float:right;}
#expiryMessage a {font-size:1em;color:#F48903}

#sideNav {border:1px solid #000;float:left;width:148px}
#sideNav h3 {background-color:#BBB;font-size:14px;width:100%;color:#FFF;padding:2px 0px 2px 0px;text-align:center;margin-top:0px}
#sideNav ul {list-style: none;margin:0px;padding:0px 0px 0px 0px}
#sideNav li {padding:3px 0px 3px 10px;border-bottom:1px solid #BBB}

/*search*/
#search .text {float:left;padding-right:5px}
#search .input {float:left}
#search {background-color:#EEE333;padding:2px 2px 2px 2px;width:178px}

table.tblHead, tr.tblHead, td.tblHead { background: #032A21; color: #FFFFFF; font-weight: bold; padding: 2px 2px 2px 2px; }

table.nutrition{ background-color: #e3f6b8; font-size: 11px; width: 480px; }
div.nutrition{ background-color: #e3f6b8; padding:10px; width: 517px; }

table.recipe { width: 480px;margin:0px; border-spacing: 0px; padding: 0px; border: 0px;}
td.grnBlob { background-color:#bfe081;padding:10px 20px 0px 20px;width:50px;text-align:center;}
.ingedients {width:150px}
.left2{float:left;margin-right:5px;}

/***********************************************
*                                              *
* BANNERS                                      *
*                                              *
************************************************/

.banner579x120 {width:579px;height:120px;overflow:hidden}
.banner130x185 {width:130px;height:185px;overflow:hidden}