@import "side-includes.css";
@import "home-page-panels.css";
@import "bottom-panels.css";

/* General styles */

/*reset all margins*/
* {
padding: 0;
margin: 0;
}

ul {
text-align: left;
}

body {
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

.central-td p {
font-size: 11px;
}

a {
color: black;
}

p a {
font-weight: bold;
}

li a {
font-weight: bold;
}

table#maintable {
margin: 0 auto;
}

/* General Nav styles */

ul#mainNav li a {
display: block;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
color: black;
color: white;
padding-left: 15px;
min-height: 16px;
background-repeat: no-repeat;
}

ul#mainNav li a.current {
font-weight: bold;
}

ul#mainNav li a:hover {
font-weight: bold;
}

ul#mainNav {
display: none;
margin-left: -2px;
padding: 0;
width: 137px;
list-style-type: none;
margin-top: 5px;
}

ul#mainNav li {
min-height: 16px;
margin: 0px;
width: 137px;
   /* Hide from IE Mac \*/
float: left;
   /* End hide from IE Mac */
margin: 0px 1px 0px 1px;
padding: 2px 0 2px 0;
/*border-bottom: #CCCCCC solid 1px;*/
}

ul#mainNav li#home {
/*border-top: #CCCCCC solid 1px;*/
}

/* bold text for current sections of subnav
ul#mainNav li#healthy-eating ul li a.current {
font-weight: bold;
margin: 0px;
}
 */

ul#mainNav li ul li {
padding: 0;
margin: 0px;
padding-left: 1px;
}

ul#mainNav li ul {
list-style-type: none;
}


/* specific section styles */

/* light green background for healthy eating subnav 
ul#mainNav li#healthy-eating ul li a, ul#mainNav li#healthy-eating ul li a:hover {
background: url(images/mainNav/healthy-eating-bg.gif);
color: #669933;
font-weight: normal;
}
*/

/* light green background for healthy eating subnav */
ul#mainNav li#healthy-eating ul li a, ul#mainNav li#healthy-eating ul li a:hover {
background: url(images/section-bg/healthy-eating-bg.jpg);
font-weight: normal;
border: none;
color: black;
color: #669933;
}

ul#mainNav li#real-success ul li a, ul#mainNav li#real-success ul li a:hover {
background: url(images/section-bg/real-success-bg.gif);
font-weight: normal;
border: none;
color: #9999cc;
}

ul#mainNav li#getting-active ul li a, ul#mainNav li#getting-active ul li a:hover {
background: url(images/section-bg/getting-active-bg.gif);
font-weight: normal;
border: none;
color: #339999;
}


ul#mainNav li#magazine ul li a, ul#mainNav li#magazine ul li a:hover {
background: url(images/section-bg/magazine-bg.gif);
font-weight: normal;
border: none;
color: #d2016e;
}

ul#mainNav li#group-support ul li a, ul#mainNav li#group-support ul li a:hover {
background: url(images/section-bg/group-support-bg.gif);
font-weight: normal;
border: none;
color: #cc0000;
}

ul#mainNav li#about-us ul li a, ul#mainNav li#about-us ul li a:hover {
background: url(images/section-bg/home-bg.gif);
font-weight: normal;
border: none;
color: #cc0033;
}

ul#mainNav li#press ul li a, ul#mainNav li#press ul li a:hover {
background: url(images/section-bg/home-bg.gif);
font-weight: normal;
border: none;
color: #cc0033;
}

ul#mainNav li ul li {
border: none;
width: 136px;
}

ul#mainNav li ul li a {
padding-top: 2px;
padding-bottom: 2px;
}

ul#mainNav li#healthy-eating ul li a:hover {
font-weight: bold;
}

ul#mainNav li#healthy-eating ul li a.current {
font-weight: bold;
}

ul#mainNav li#real-success ul li a:hover {
font-weight: bold;
}

ul#mainNav li#real-success ul li a.current {
font-weight: bold;
}

ul#mainNav li#getting-active ul li a:hover {
font-weight: bold;
}

ul#mainNav li#getting-active ul li a.current {
font-weight: bold;
}


ul#mainNav li#magazine ul li a:hover {
font-weight: bold;
}

ul#mainNav li#magazine ul li a.current {
font-weight: bold;
}

ul#mainNav li#group-support ul li a:hover {
font-weight: bold;
}

ul#mainNav li#group-support ul li a.current {
font-weight: bold;
}

ul#mainNav li#about-us ul li a:hover {
font-weight: bold;
}

ul#mainNav li#about-us ul li a.current {
font-weight: bold;
}

ul#mainNav li#press ul li a:hover {
font-weight: bold;
}

ul#mainNav li#press ul li a.current {
font-weight: bold;
}



/* red background for the home link
ul#mainNav li#home {
height: 33px;
margin-bottom: 4px;
}
 */
/* set the home link differently, as it's a different size 
ul#mainNav li#home a {
padding-bottom: 0px;
padding-top: 10px;
background: url(images/mainNav/home.gif);
height: 25px;
}
*/

/* all the different backgrounds for the link and hover states of the main menu */

/*ul#mainNav li#home a {
background: url(images/mainNav/home-dot.gif) no-repeat left center;
}

ul#mainNav li#group-support a {
background: url(images/mainNav/group-support-dot.gif) no-repeat left center;
}
ul#mainNav li#healthy-eating a {
background: url(images/mainNav/healthy-eating-dot.gif) no-repeat left center;
}
ul#mainNav li#real-success a {
background: url(images/mainNav/real-success-dot.gif) no-repeat left center;
}
ul#mainNav li#getting-active a {
background: url(images/mainNav/getting-active-dot.gif) no-repeat left center;
}
ul#mainNav li#about-us a {
background: url(images/mainNav/about-us-dot.gif) no-repeat left center;
}*/

ul#mainNav li#home a {
height:15px;
padding-top: 10px;
padding-bottom: 10px;
background: url(images/mainNav/home.gif) no-repeat left center;
}

ul#mainNav li#group-support a {
background: url(images/mainNav/group-support.gif) no-repeat left center;
}
ul#mainNav li#healthy-eating a {
background: url(images/mainNav/healthy-eating.gif) no-repeat left center;
}
ul#mainNav li#real-success a {
background: url(images/mainNav/real-success.gif) no-repeat left center;
}
ul#mainNav li#getting-active a {
background: url(images/mainNav/getting-active.gif) no-repeat left center;
}
ul#mainNav li#magazine a {
background: url(images/mainNav/magazine.gif) no-repeat left center;
}
ul#mainNav li#about-us a {
background: url(images/mainNav/about-us.gif) no-repeat left center;
}

ul#mainNav li#press a {
background: url(images/mainNav/about-us.gif) no-repeat left center;
}

/*ul#mainNav li#group-support a:hover {
background: url(images/mainNav/getting-active.gif);
}
ul#mainNav li#healthy-eating a:hover {
background: url(images/mainNav/about-us.gif);
}
ul#mainNav li#real-success a:hover {
background: url(images/mainNav/group-support.gif);
}
ul#mainNav li#getting-active a:hover {
background: url(images/mainNav/healthy-eating.gif);
}
ul#mainNav li#about-us a:hover {
background: url(images/mainNav/real-success.gif);
}*/

/* bold font for hover state of subnav */



/* general footer styles */

div#footer {
display:none;
position: relative;
width: 784px;
height: 71px;
padding-top: 3px;
margin-top: 5px;
}

div#footer-links {
padding-top: 3px;
height: 17px;
width: 784px;
text-align: center;
color: white;
}

div#footer-links a {
padding: 2px 10px 0px 10px;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
height: 100%;
}

div#quick-find {
text-align: center;
padding-top: 13px;
font-family:"Arial black", Helvetica, sans-serif;
font-size: 11px;
height: 38px;
}

div#recipe-search {
position: relative;
text-align: right;
padding-top: 13px;
font-family:"Arial black", Helvetica, sans-serif;
font-size: 11px;
height: 38px;
padding-right: 20px;
background: url(images/recipes/recipe-search.jpg) no-repeat 515px 0px;
}

div#rec-search-text {
position: absolute;
top: 10px;
left: 350px;
text-align: left;
font-weight: bold;
font-size: 10px;
display: inline;
width: 150px;
}

div#recipe-search input {
margin-right: 3px;
}

div#success-search input {
border: 1px solid #ccccff;
width: 190px;
}

div#success-search {
position: relative;
text-align: right;
padding-top: 13px;
font-family:"Arial black", Helvetica, sans-serif;
font-size: 11px;
height: 38px;
padding-right: 20px;
background: url(images/section-bg/success-search.jpg) no-repeat 515px 0px;
}

div#success-search-text {
position: absolute;
top: 10px;
left: 350px;
text-align: left;
font-weight: bold;
font-size: 10px;
display: inline;
width: 150px;
}

div#success-search input {
margin-right: 3px;
}

div#success-search a {
color: #000000;
text-decoration: none;
}

div#success-search a:hover {
color: #9999cc;
}

div#recipe-search a {
color: #000000;
text-decoration: none;
}

div#recipe-search a:hover {
color: #669933;
}

div#quick-find a {
color: #000000;
padding: 0px 3px 0px 3px;
text-decoration: none;
}

div#footer-links a:hover {
/*background: url(images/mainNav/home-bg.gif);
color: #990000;*/
text-decoration: underline;
}

/* div#links {
height: 100%;
margin-left: 18%;
}
*/

/* specific footer styles */



/* HOME */

/* light pink colour background - need a gif for this */
table.home div#footer {
background: url(images/section-bg/home-bg.gif);
}

/* red bottom part of the footer with curved corners */
table.home div#footer-links {
background: url(images/section-bg/home-footer-bg.gif);
}


/* red colour for the quick-find links hover state */
table.home div#quick-find a:hover {
color: #cc0033;
}

/* the background for ways to join section */
table.home div#quick-find {
background: url(images/section-bg/ways-to-join-home.jpg) no-repeat center top;
}

/* HEALTHY EATING */

/* light green colour background - need a gif for this */
table.healthy-eating div#footer {
background: url(images/section-bg/healthy-eating-bg.gif);
}

/* red bottom part of the footer with curved corners */
table.healthy-eating div#footer-links {
background: url(images/section-bg/healthy-eating-footer-bg.gif);
}


/* green colour for the quick-find links hover state */
table.healthy-eating div#quick-find a:hover {
color: #669933;
}

/* the background for ways to join section */
table.healthy-eating div#quick-find {
background: url(images/section-bg/ways-to-join-healthy.jpg) no-repeat center top;
}

/* GROUP SUPPORT */


/* light orange colour background - need a gif for this */
table.group-support div#footer {
background: url(images/section-bg/group-support-bg.gif);
}

/* red bottom part of the footer with curved corners */
table.group-support div#footer-links {
background: url(images/section-bg/group-support-footer-bg.gif);
}


/* orange colour for the quick-find links hover state */
table.group-support div#quick-find a:hover {
color: #cc6600;
}

/* the background for ways to join section */
table.group-support div#quick-find {
background: url(images/section-bg/ways-to-join-group.jpg) no-repeat center top;
}

/* REAL SUCCESS */


/* purple orange colour background - need a gif for this */
table.real-success div#footer {
background: url(images/section-bg/real-success-bg.gif);
}

/* red bottom part of the footer with curved corners */
table.real-success div#footer-links {
background: url(images/section-bg/real-success-footer-bg.gif);
}


/* purple colour for the quick-find links hover state */
table.real-success div#quick-find a:hover {
color: #9999cc;
}

/* the background for ways to join section */
table.real-success div#quick-find {
background: url(images/section-bg/ways-to-join-real.jpg) no-repeat center top;
}

/* GETTING ACTIVE */


/* purple orange colour background - need a gif for this */
table.getting-active div#footer {
background: url(images/section-bg/getting-active-bg.gif);
}

/* red bottom part of the footer with curved corners */
table.getting-active div#footer-links {
background: url(images/section-bg/getting-active-footer-bg.gif);
}


/* purple colour for the quick-find links hover state */
table.getting-active div#quick-find a:hover {
color: #339999;
}

/* the background for ways to join section */
table.getting-active div#quick-find {
background: url(images/section-bg/ways-to-join-active.jpg) no-repeat center top;
}

/* MAGAZINE */


/* purple orange colour background - need a gif for this */
table.magazine div#footer {
background: url(images/section-bg/magazine-bg.gif);
}

/* red bottom part of the footer with curved corners */
table.magazine div#footer-links {
background: url(images/section-bg/magazine-footer-bg.gif);
}


/* purple colour for the quick-find links hover state */
table.magazine div#quick-find a:hover {
color: #d2016e;
}

/* the background for ways to join section */
table.magazine div#quick-find {
background: url(images/section-bg/ways-to-join-magazine.jpg) no-repeat center top;
}

/* HOME */

/* light pink colour background - need a gif for this */
table.about-us div#footer {
background: url(images/section-bg/home-bg.gif);
}

/* red bottom part of the footer with curved corners */
table.about-us div#footer-links {
background: url(images/section-bg/home-footer-bg.gif);
}


/* red colour for the quick-find links hover state */
table.about-us div#quick-find a:hover {
color: #cc0033;
}

/* the background for ways to join section */
table.about-us div#quick-find {
background: url(images/section-bg/ways-to-join-home.jpg) no-repeat center top;
}

/* light pink colour background - need a gif for this */
table.press div#footer {
background: url(images/section-bg/home-bg.gif);
}

/* red bottom part of the footer with curved corners */
table.press div#footer-links {
background: url(images/section-bg/home-footer-bg.gif);
}


/* red colour for the quick-find links hover state */
table.press div#quick-find a:hover {
color: #cc0033;
}

/* the background for ways to join section */
table.press div#quick-find {
background: url(images/section-bg/ways-to-join-home.jpg) no-repeat center top;
}

/* Typography */

/* general headings */



#central-panel h3 {
position: absolute;
left: -3000px;
}

div#heading h1 {
position: relative;
margin-left: 90px;
font-size: 18px;
font-family: "Times New Roman", Times, serif;
}

div#heading h2 {
position: absolute;
left: 119px;
bottom: 22px;
/* Hide from IE Mac \*/
bottom: 2px;
/* End hide from IE Mac */

font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
margin-left: 135px;
}

/* section-specific headings */

div#heading {
margin-bottom: 3px;
margin-left: 7px;
text-align: left;
height: 26px;
position: relative;
width: 99%;

}

/* home */

table.home div#heading {
background: url(images/headings/sw_home.jpg) no-repeat 70px -5px;
color: #cc0033;
border-bottom: 1px solid #cc0033;
}


table.healthy-eating div#heading {
background: url(images/headings/he_home.jpg) no-repeat 70px -5px;
color: #669933;
border-bottom: 1px solid #669933;
}

table.group-support div#heading {
background: url(images/headings/gs_header.jpg) no-repeat 70px -5px;
color: #cc6600;
border-bottom: 1px solid #cc6600;
}

table.real-success div#heading {
background: url(images/headings/rs_header.jpg) no-repeat 70px -5px;
color: #9999cc;
border-bottom: 1px solid #9999cc;
}

table.getting-active div#heading {
background: url(images/headings/ga_header.jpg) no-repeat 70px -5px;
color: #339999;
border-bottom: 1px solid #339999;
}

table.magazine div#heading {
background: url(images/headings/mag_header.jpg) no-repeat 70px -5px;
color: #d2016e;
border-bottom: 1px solid #d2016e;
}

table.about-us div#heading {
background: url(images/headings/au_header.jpg) no-repeat 70px -5px;
color: #cc0033;
border-bottom: 1px solid #cc0033;
}

table.press div#heading {
background: url(images/headings/p_header.jpg) no-repeat 70px -5px;
color: #cc0033;
border-bottom: 1px solid #cc0033;
}

div#heading {
background: none;
}


/* central panel */

div#central-panel {
height: 349px;
width: 489px;
}

table.home div#central-panel {
background: url(images/section-headers/central-panel.jpg) no-repeat;
}

table.healthy-eating div#central-panel {
background: url(images/section-headers/healthy-eating-panel.jpg) no-repeat;
}

table.real-success div#central-panel {
background: url(images/section-headers/real-success-panel.jpg) no-repeat;
}

table.getting-active div#central-panel {
background: url(images/section-headers/getting-active-panel.jpg) no-repeat;
}

table.magazine div#central-panel {
background: url(images/section-headers/getting-active-panel.jpg) no-repeat;
}

table.group-support div#central-panel {
background: url(images/section-headers/group-support-panel.jpg) no-repeat;
}

table.about-us div#central-panel {
background: url(images/section-headers/about-us-panel.jpg) no-repeat;
}

table.press div#central-panel {
background: url(images/section-headers/press-panel.jpg) no-repeat;
}



div#nearest-group {
display: none;
display: inline;
margin-top: 8px;
margin-left: 10px;
float:left;
font-size: 11px;
text-align: left;
color: white;
}

/* Forms */

fieldset {
border: none;
}

form#nearestgroup {
margin-top: 5px;
}

form#nearestgroup input#textbox_postcode_left, form#nearestgroup input#textbox_postcode_right {
width: 35px;
}

#nearestgroupsubmit {
margin-bottom: -3px;
margin-left: 2px;
}

input#keywords {
width: 190px;
border: 1px solid #99cc66;
}

/* Includes */

td.includes, td#central-under {
color: white;
font-size: 12px;
}

td.includes div a {
color: white;
font-weight: bold;
}

td.includes div {
display: none;
margin: 3px 0 4px 0;
text-align: left;
font-size: 11px;
}

td.includes div#Panel_bodyoptimise {
padding: 0px;
margin: 0px;
width: 136px;
}

td#central-under div {
text-align: left;
font-size: 11px;
}

/* under the central panel */

td#central-under div a {
color: white;
}

td#central-under div {
margin-top: 0;
}

div#central {
padding-top: 5px;
margin-bottom: 5px;
}



div#lifeline-tour {
display: inline;
float: left;
margin-top: 6px;
margin-left:0px;
padding: 3px;
width: 128px;
height: 60px;
background: url(images/includes/lifeline-tour.jpg);
padding-left: 5px;
}

div#spacer-left {
display: inline;
float: left;
margin-top: 6px;
margin-left:0px;
padding: 3px;
width: 128px;
height: 60px;
padding-left: 5px;
}

div#free-trial {
display: inline;
float: left;
margin-top: 6px;
margin-left:13px;
padding: 3px;
width: 232px;
height: 16px;
background: url(images/includes/free-trial.jpg);
padding-left: 5px;
padding-top: 47px;
}

div#recipe-archive-bottom {
display: inline;
float: left;
margin-top: 6px;
margin-left:6px;
padding: 3px;
width: 232px;
height: 16px;
background: url(images/includes/recipe-archive-panel.jpg);
padding-left: 5px;
padding-top: 47px;
}

div#free-diet-profile {
display: inline;
float: left;
margin-top: 6px;
margin-left:6px;
padding: 3px;
width: 232px;
height: 16px;
background: url(images/includes/free-diet-profile.jpg);
padding-left: 5px;
padding-top: 47px;
}

div#press-area {
display: inline;
float: left;
margin-top: 6px;
margin-left:12px;
padding: 3px;
width: 128px;
height: 16px;
background: url(images/includes/press-area.jpg);
padding-left: 5px;
padding-top: 47px;
}

/* logon bar */

div#logon {
width: 639px;
height: 57px;
text-align: left;
position: relative;
}

div#logon div.date {
padding-top: 20px;
padding-right: 3px;
font-size: 12px;
text-align: right;
font-size: 11px;
}

div#nearest-group-top {
display: none;
position: absolute;
right: 0px;
top: 0px;
width: 132px;
height: 58px;
text-align: left;
font-size: 11px;
color: white;
padding-left: 5px;
background: url(images/section-bg/nearest-group-top.jpg);
}

div#logon a {
position: absolute;
top: 14px;
/* Hide from IE Mac \*/
top: 0px;
/* End hide from IE Mac */
right: 0px;
font-size: 13px;
font-weight: bold;
display: inline;
float: right;
width: 117px;
padding: 0px 0px 5px 20px;
color: white;
text-decoration: none;
background: url(images/common-images/logon-button.gif) no-repeat;
}

/* columns */

.recipe-col {
padding: 5px;
text-align: left;
width: 220px;
border-left: 2px dotted #ccff99;
border-right: 2px dotted #ccff99;
font-size: 11px;
margin-bottom: 5px;
}

.success-col {
padding: 5px;
text-align: left;
width: 220px;
border-left: 2px dotted #ccccff;
border-right: 2px dotted #ccccff;
font-size: 11px;
margin-bottom: 5px;
}

.active-col {
padding: 5px;
text-align: left;
width: 220px;
border-left: 2px dotted #ccffff;
border-right: 2px dotted #ccffff;
font-size: 11px;
margin-bottom: 5px;
}

.magazine-col {
padding: 5px;
text-align: left;
width: 220px;
border-left: 2px dotted #d2016e;
border-right: 2px dotted #d2016e;
font-size: 11px;
margin-bottom: 5px;
}

.magazine-col-large {
padding: 5px;
text-align: left;
border-left: 2px dotted #d2016e;
border-right: 2px dotted #d2016e;
font-size: 11px;
margin-bottom: 5px;
margin-right: 8px;
width: 467px;
}

.group-col {
padding: 5px;
text-align: left;
width: 220px;
border-left: 2px dotted #ffcc66;
border-right: 2px dotted #ffcc66;
font-size: 11px;
margin-bottom: 5px;
}

.about-col {
padding: 5px;
text-align: left;
width: 220px;
border-left: 2px dotted #ff9999;
border-right: 2px dotted #ff9999;
font-size: 11px;
margin-bottom: 5px;
}

.about-col-large {
padding: 5px;
text-align: left;
border-left: 2px dotted #ff9999;
border-right: 2px dotted #ff9999;
font-size: 11px;
margin-bottom: 5px;
margin-right: 8px;
width: 467px;
}

.about-col-large, .about-col, .group-col, .active-col, .success-col, .recipe-col, .magazine-col, .magazine-col-large  {
width: 467px;
padding: 5px;
border: none;
}

#col1 p {
text-align: left;

}

#col2 p {
text-align: left;
}

.recipe-col h3 {
color: #669933;
font-size: 18px;
font-family: "Times New Roman", Times, serif;
}

.success-col h3 {
color: #9999cc;
font-size: 18px;
font-family: "Times New Roman", Times, serif;
}

.active-col h3 {
color: #339999;
font-size: 18px;
font-family: "Times New Roman", Times, serif;
}

.magazine-col h3 {
color: #d2016e;
font-size: 18px;
font-family: "Times New Roman", Times, serif;
}

.group-col h3 {
color: #cc0000;
font-size: 18px;
font-family: "Times New Roman", Times, serif;
}

.about-col h3 {
color: #cc0033;
font-size: 18px;
font-family: "Times New Roman", Times, serif;
}

.about-col-large h3 {
color: #cc0033;
font-size: 18px;
font-family: "Times New Roman", Times, serif;
}

.about-col-large h4 {
color: #cc0033;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}

.magazine-col-large h4 {
color: #d2016e;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}


.recipe-col p {
margin-bottom: 10px;
}

p { 
margin-bottom: 10px;
text-align: left;
}

#one-col p {
margin-left: 10px;
margin-right: 10px;
}

img.recipe-search {
/*border: 1px solid #669933;*/
margin-right: 5px;
}

#col1 {
/* Hide from IE Mac \*/
display:inline;
float: left;
/* End hide from IE Mac */
margin-left: 0px;
float: none;
}

#col2 {
/* Hide from IE Mac \*/
display:inline;
float: left;
/* End hide from IE Mac */
margin-right: 0px;
float: none;
}

/* recipe footer */
div#recipe-footer {
display: none;
text-align: left;
height: 32px;
width: 253px;
background: url(images/includes/recipe-archive-panel-long.jpg);
clear: both;
margin-bottom: 5px;
margin-top: 5px;
color: white;
padding-left: 235px;
padding-top: 84px;
font-size: 11px;
font-weight: bold;
}

div#recipe-footer a {
color: white;
}

/* healthy eating footer */

div.section-footer {
display: none;
text-align: left;
height: 18px;
width:173px;
clear: both;
margin-bottom: 5px;
margin-top: 5px;
color: white;
padding-left: 315px;
padding-top: 97px;
font-size: 11px;
font-weight: bold;
}
table.healthy-eating div.section-footer {
background: url(images/includes/join-panel-food.jpg);
}
table.group-support div.section-footer {
background: url(images/includes/join-panel-group.jpg);
}
table.real-success div.section-footer {
background: url(images/includes/join-panel-success.jpg);
}
table.getting-active div.section-footer {
background: url(images/includes/join-panel-active.jpg);
}
table.magazine div.section-footer {
background: url(images/includes/join-panel-home.jpg);
}
table.home div.section-footer {
background: url(images/includes/join-panel-root.jpg);
}

div.section-footer a {
color: white;
}

.recipe-col ul, {
list-style-type: disc;
margin-bottom: 10px; 
}

#one-col ul {
list-style-type: disc;
margin-bottom: 10px; 
}

#one-col ul li {
margin-left: 40px; 
}

.about-col-large ul li {
margin-left: 40px; 
}

.magazine-col-large ul li {
margin-left: 40px; 
}

ol li {
margin-left: 20px; 
}

.recipe-col ul li {
margin-left: 20px;
}

.active-col ul {
list-style-type: disc;
margin-bottom: 10px; 
}

.active-col ul li {
margin-left: 20px;
}

.magazine-col ul {
list-style-type: disc;
margin-bottom: 10px; 
}

.magazine-col ul li {
margin-left: 20px;
}

.group-col ul {
list-style-type: disc;
margin-bottom: 10px; 
}

.group-col ul li {
margin-left: 20px;
}

.about-col ul {
list-style-type: disc;
margin-bottom: 10px; 
}

.about-col ul li {
margin-left: 20px;
}



.recipe-col img.success {
display: inline;
float: left;
margin-left: 2px;
margin-right: 4px;
border: 1px solid #9999cc;
clear: both;
}

.recipe-col img {
display: inline;
float: left;
margin-left: 2px;
margin-right: 4px;
border: 1px solid #669933;
clear: both;
}

.active-col img {
display: inline;
float: left;
margin-left: 2px;
margin-right: 4px;
border: 1px solid #66cccc;
clear: both;
}

.magazine-col img {
display: inline;
float: left;
margin-left: 2px;
margin-right: 4px;
border: 1px solid #66cccc;
clear: both;
}

.about-col img {
display: inline;
float: left;
margin-left: 2px;
margin-right: 4px;
border: 1px solid #cc0033;
clear: both;
}

.about-col img.right {
float: right;
margin-right: 2px;
margin-left: 4px;
}

.recipe-col img.right {
float: right;
margin-right: 2px;
margin-left: 4px;
}

.active-col img.right {
float: right;
margin-right: 2px;
margin-left: 4px;
}

.magazine-col img.right {
float: right;
margin-right: 2px;
margin-left: 4px;
}

.success-col ul {
list-style-type: disc;
margin-bottom: 10px; 
}

.success-col ul li {
margin-left: 20px;
}

.success-col img {
display: inline;
float: left;
margin-left: 2px;
margin-right: 4px;
border: 1px solid #9999cc;
clear: both;
}

.recipe-col img.inline {
display: inline;
float: none;
border: 1px solid #669933;
margin: 0;
clear: both;
}

span.green {
color: #669933;
font-weight: bold;
}

span.red {
color: #cc0033;
font-weight: bold;
}

/* back button */

a.back {
float: right;
padding-top: 3px;
padding-right: 5px;
text-align: center;
color: #FFFFFF;
font-weight: bold;
display: block;
width: 75px;
height: 19px;
background: url(images/common-images/back-bottom.gif);
text-decoration: none;
}

a.back-home {
float: right;
padding-top: 3px;
padding-right: 5px;
text-align: center;
color: #FFFFFF;
font-weight: bold;
display: block;
width: 75px;
height: 19px;
background: url(images/common-images/back-home.gif);
text-decoration: none;
}

a.not-all {
float: right;
padding-top: 3px;
text-align: center;
color: #FFFFFF;
font-weight: bold;
display: block;
width: 176px;
height: 19px;
background: url(images/common-images/thats-not-all.gif);
text-decoration: none;
}

a.not-all-press {
float: right;
padding-top: 3px;
text-align: center;
color: #FFFFFF;
font-weight: bold;
display: block;
width: 176px;
height: 19px;
background: url(images/common-images/thats-not-all-press.gif);
text-decoration: none;
}

a.back-active {
float: right;
padding-top: 3px;
padding-right: 5px;
text-align: center;
color: #FFFFFF;
font-weight: bold;
display: block;
width: 75px;
height: 19px;
background: url(images/common-images/back-active.gif);
text-decoration: none;
}

a.back-magazine {
float: right;
padding-top: 3px;
padding-right: 5px;
text-align: center;
color: #FFFFFF;
font-weight: bold;
display: block;
width: 75px;
height: 19px;
background: url(images/common-images/back-magazine.gif);
text-decoration: none;
}

a.back:hover, a.not-all:hover, a.back-active:hover, a.back-home:hover, a.not-all-press:hover {
text-decoration: underline;
}

table.healthy-eating blockquote {
background: url(images/section-bg/healthy-eating-bg.gif);
margin: 0 5px 10px 5px;
padding: 3px;
}

table.real-success blockquote {
background: url(images/section-bg/real-success-bg.gif);
margin: 0 5px 10px 5px;
padding: 3px;
}

/* Print Footer */
div#print-footer {
display: none;
}

/* central td */

td.central-td {
padding-top: 4px;
}

/* Error styles */

.error ul {
list-style-type: none;
}

/* extras */

div#success-search h4, div#recipe-search h4, div#quick-find h4 {
position: absolute;
left: -3000px;
}

p.emphasise {
color: #cc0033;
font-weight: bold;
font-size: 12px;
text-align: center;
}

span.details {
font-size: 9px;
}

/* HOME PAGE BOXES */

div#home-page-panels {
margin: 15px 5px 15px 5px;
}

span.include {
position: absolute;
margin-left: -3000px;
}




.bottom {
float: left;
width: 450px;
display: inline;
}

.bottom p {
width: 50px;
float: left;
display: inline;
font-weight: bold;
font-size: 14px;
color: #66CC00;
margin-top: 0;
text-align: center;
padding: 0;
margin: 0;
}

.one, .two {
border-right: 2px dashed #66CC00;
}

.red_menu .one, .red_menu .two {
border-right: 2px dashed #CC0000;
color: #CC0000;
}

.red_menu .three {
color: #CC0000;
}

.bottom p.one {
width: 147px;
}

.bottom p.two {
width: 152px;
}

.bottom p.three {
width: 147px;
}

.green_menu {
border: 2px solid #66CC00;
position: relative;
margin-bottom:20px;
}

.red_menu {
border: 2px solid #CC0000;
position: relative;
margin-bottom:20px;
}

.green_menu p, .red_menu p {
position: relative;

}

.day1 {
    position: absolute;
	text-align: center;
	color: #66CC00;
	width: 100px;
	font-weight: bold;
	font-size: 14px;
	left: 200px;
	top: 220px;
}

.day2 {
	position: absolute;
	text-align: center;
	color: #66CC00;
	width: 100px;
	font-weight: bold;
	font-size: 14px;
		left: 48px;
	top: 220px;
}

.day3 {
	position: absolute;
	text-align: center;
	color: #66CC00;
	width: 100px;
	font-weight: bold;
	font-size: 14px;
		left: 360px;
	top: 220px;
}


.green_menu img, .red_menu img {
float: left;
display: inline;
}

.green_menu .breakfast, .green_menu .lunch {
border-right: 2px dashed #66CC00;
position: relative;
}

.red_menu .breakfast, .red_menu .lunch {
border-right: 2px dashed #CC0000;
position: relative;
}

.breakfast, .lunch, .dinner {
width: 132px;
float: left;
padding: 5px 5px 0 5px;
height: 205px;
position: relative;
}












.text11pxbold {
	FONT: bold 11px Arial, Helvetica, sans-serif; COLOR: #333333
}
.style23 {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #66cc00
}
P {
	MARGIN: 5px
}
.style24 {
	COLOR: #66cc00
}
.style25 {color: #66CC00}


.ff_print_spacer {
margin-bottom: 200px;
}



/* DIV CLEARING HACK - DON'T MESS WITH THIS BIT! */

  div:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
   }
  div {display:inline-block;}
   /* Hide from IE Mac \*/
  div {display:block;}
   /* End hide from IE Mac */
/* Print Footer */
div#print-footer {
margin-top: 15px;
display: block;
color: #669933;
font-weight: bold;
size: 12px;
text-align: center;
margin-right: 30px;
}

/* 7 DAY MENU STUFF */

div.meal-labels{
display:none;

}

div.menu-day-green div.snacks span.label{
display:none;
}

div.menu-day-green div.snacks span.label-caps{
display:block;
clear:both;
font-weight:bold;
}

div.menu-day-red div.snacks span.label{
display:none;
}

div.menu-day-red div.snacks span.label-caps{
display:block;
clear:both;
font-weight:bold;
}

div.menu-recipe {
text-align:left;
margin:25px 0;
border: solid 1px;
padding:8px;
}

div.spacer {
margin-bottom:20px;
}

div.menu-day-green img{
text-align:left;
}

/* END OF 7 DAY MENU STUFF */