body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background: url(../images/ui-elements/green-bg.jpg) top fixed no-repeat;
position: relative;
}

a {
color: #000000;
}

#wrapper {
background: url(../images/ui-elements/bottom-bg.png) bottom center no-repeat;
padding-bottom: 180px;
}

#masthead {
height: 115px;
}

#sitewide {
width: 960px;
margin: 0 auto;
text-align: right;
padding-top: 3px;
padding-right: 20px;
font-size: 11px;
}

#sitewide a {
color: #014eb6;
}

#logo {
float: left;
margin-left: 10px;
margin-top: 10px;
display: inline;
}

#page {
width: 960px;
background: url(../images/ui-elements/top-bg.png) top center no-repeat;
margin: 0 auto;
margin-top: 5px;
}

#content {
background: white;
/*position: relative;
padding-bottom: 40px;*/
}

#footer {
width: 750px;
position: absolute;
height: 75px;
padding-top: 35px;
bottom: 70px;
padding-left: 30px;
padding-right: 180px;
text-align: center;
background: url(../images/ui-elements/footer-bg.gif) top center no-repeat;
}

#footer p {
line-height: 18px;
}

a:hover, a:focus {
text-decoration: none;
}

#main {
float: left;
width: 553px;
margin-left: 10px;
margin-top: 10px;
display: inline;
}

#additional {
float: left;
width: 233px;
margin-left: 20px;
margin-top: 10px;
display: inline;
}

/* masthead functions */

#masthead ul#masthead-functions {
width: 700px;
float: right;
}

#masthead ul#masthead-functions h2 {
color: #cc0000;
font-family: "Times New Roman", Times, serif;
font-size: 22px;
font-weight: normal;
}

#region {
margin-right: 10px;
width: 40px;
float: right;
margin-top: 12px;
margin-left: 15px;
display: inline;
}

#region h2 {
text-indent: -9999px;
height: 0;
position: absolute;
overflow: hidden;
}

#region ul li a {
text-indent: -9999px;
display: block;
overflow: hidden;
width: 32px;
height: 22px;
background-image: url(../images/ui-elements/country-flags.jpg);
background-repeat: no-repeat;
}

#region ul li {
text-indent: -9999px;
height: 22px;
width: 32px;
background-image: url(../images/ui-elements/country-flags.jpg);
background-repeat: no-repeat;
margin-bottom:10px;
}

#region ul li#region-uk a {
background-position: 0 0;
}

#region ul li#region-uk.current {
background-position: -32px 0;
}

#region ul li#region-usa a {
background-position: 0 -46px;
}

#region ul li#region-usa.current {
background-position: -32px -46px;
}

#region ul li#region-ie a {
background-position: 0 -23px;
}

#region ul li#region-ie.current {
background-position: -32px -23px;
}

#signup-login, #nearest-group {
float: right;
width: 150px;
padding-left: 20px;
background: url(../images/ui-elements/vertical-separator.gif) right center no-repeat;
height: 95px;
padding-top: 15px;
display: inline;
}

#nearest-group {
width: 260px;
}

#phone {
margin-top: 5px;
}

#phone strong {
font-size: 16px;
}

#signup-login ul li {
font-size: 12px;
}

#signup-login ul li#signup-login-options {
font-size: 16px;
margin-bottom: 14px;
}

input, select {
font-size: 12px;
}



input.sw-input {
border: 1px solid #ccc;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari, Chrome */
border-radius: 5px; /* CSS3 */
padding-bottom: 2px;
padding-left: 1px;
}

input.sw-input.long {
width: 150px;
}

.submit-red, .submit-red-panel {
color: white;
background: url(../images/ui-elements/submit-go.gif) no-repeat center #c50000;
border: none;
width: 26px;
height: 23px;
padding: 0;
padding-bottom: 1px;
text-align: center;
}

.submit-red-panel {
background: url(../images/ui-elements/submit-go-red-panel.gif) no-repeat center #c50000;
}

.submit-green {
color: white;
background: url(../images/ui-elements/submit-go-green.gif) no-repeat center #009900;
border: none;
width: 26px;
height: 23px;
padding: 0;
padding-bottom: 1px;
text-align: center;
}

.submit-purple {
color: white;
background: url(../images/ui-elements/submit-go-purple.gif) no-repeat center #009900;
border: none;
width: 26px;
height: 23px;
padding: 0;
padding-bottom: 1px;
text-align: center;
}

.submit-light-green {
color: white;
background: url(../images/ui-elements/submit-go-light-green.gif) no-repeat center #009900;
border: none;
width: 26px;
height: 23px;
padding: 0;
padding-bottom: 1px;
text-align: center;
}

.submit-light-purple {
color: white;
background: url(../images/ui-elements/submit-go-light-purple.gif) no-repeat center #009900;
border: none;
width: 26px;
height: 23px;
padding: 0;
padding-bottom: 1px;
text-align: center;
}

.submit-orange {
color: white;
background: url(../images/ui-elements/submit-go-orange.gif) no-repeat center #009900;
border: none;
width: 26px;
height: 23px;
padding: 0;
padding-bottom: 1px;
text-align: center;
}

.submit-blue {
color: white;
background: url(../images/ui-elements/submit-go-blue.gif) no-repeat center #009900;
border: none;
width: 26px;
height: 23px;
padding: 0;
padding-bottom: 1px;
text-align: center;
}

.submit-light-blue {
color: white;
background: url(../images/ui-elements/submit-go-light-blue.gif) no-repeat center #009900;
border: none;
width: 26px;
height: 23px;
padding: 0;
padding-bottom: 1px;
text-align: center;
}

.submit-orange-white {
color: white;
background: url(../images/ui-elements/submit-orange-white.gif) no-repeat center #009900;
border: none;
width: 26px;
height: 23px;
padding: 0;
padding-bottom: 1px;
text-align: center;
}

#SwcNewsletterSignup_btnAddToNewsletter {
	color:white;
	border:0;
	background:url(../images/features/homepage/All/button-small.gif) top left no-repeat;
	height:22px;
	width:64px;}

/* accessible skip links */

.accessible {
width: 150px;
float: left;
}

.accessible li {
float: left;
}

.accessible a, .accessible a:hover, .accessible a:visited {
position: absolute;
left: 0px;
top: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}

.accessible a:active, .accessible a:focus {
position: static;
width: auto;
height: auto;
} 

/* navigation */

#navigation {
width: 944px;
height: 83px;
background: url(../images/ui-elements/mainNav-inner.png) top center no-repeat;
padding-top: 1px;
position: relative;
margin-left: 9px;
}

#navigation.one-layer {
height: 49px;
background: url(../images/ui-elements/mainNav-home.png) top center no-repeat;
}

#navigation #mainNav {
font-size: 14px;
}

#navigation #subNav {
font-size: 13px;
clear: both;
width: 940px;
position: absolute;
left: 0;
top: 42px;
line-height: 1.2;
}

#navigation #mainNav li {
height: 49px;
float: left;
text-align: center;
line-height: 15px;
}

#navigation #subNav li {
height: 34px;
padding-top: 8px;
float: left;
}

#navigation #subNav li a {
color: white;
text-decoration: none;
height: 16px;
float: left;
border-right: 1px solid white;
padding: 0 9px;
}

#navigation #subNav li.last a {
border: none;
}

#navigation #subNav li a:hover, #navigation #subNav li a:focus {
text-decoration: underline
}

#navigation #mainNav li.current {
background: url(../images/ui-elements/mainNav-inner.png) bottom center no-repeat;
}

#navigation.one-layer #mainNav li.current {
background: url(../images/ui-elements/mainNav-home.png) bottom center no-repeat;
}

#navigation #mainNav li#home.current {
background: url(../images/ui-elements/mainNav-inner.png) bottom left no-repeat;
}

#navigation.one-layer #mainNav li#home.current {
background: url(../images/ui-elements/mainNav-home.png) bottom left no-repeat;
}

#navigation #mainNav li a {
float: left;
color: white;
text-decoration: none;
height: 36px;
padding: 5px 20px 0 20px;
background-image: url(../images/ui-elements/mainNav-link.png);
background-repeat: no-repeat;
background-position: top right; 
}

#navigation.one-layer #mainNav li a {
background-image: url(../images/ui-elements/mainNav-link-home.png);
}

#navigation #mainNav li a:hover, #navigation #mainNav li a:focus {
background-image: url(../images/ui-elements/mainNav-link-hover-current.png);
background-position: top right; 
}

#navigation.one-layer #mainNav li a:hover, #navigation.one-layer #mainNav li a:focus {
background-image: url(../images/ui-elements/mainNav-link-hover-home.png);
background-position: top right; 
}

#navigation #mainNav li.current a {
background-image: url(../images/ui-elements/mainNav-link-hover-current.png);
background-position: bottom right; 
}

#navigation #mainNav li.single a {
padding-top: 12px;
height: 29px
}

#navigation #mainNav li#home a {
width: 75px;
padding: 12px 0 0 0;
background-position: top left;
}

#navigation #mainNav li#home a:hover, #navigation #mainNav li#home a:focus {
background-image: url(../images/ui-elements/mainNav-link-hover-current.png);
background-position: top left;
}

#navigation.one-layer #mainNav li#home a:hover, #navigation.one-layer #mainNav li#home a:focus {
background-image: url(../images/ui-elements/mainNav-link-hover-home.png);
background-position: top left;
}

#navigation #mainNav li#home.current a {
background-image: url(../images/ui-elements/mainNav-link-hover-current.png);
background-position: bottom left;
}

#navigation.one-layer #mainNav li#home.current a {
background-image: url(../images/ui-elements/mainNav-link-hover-home.png);
background-position: bottom left;
}

/* some typography styles */

#content a {
font-weight: bold;
}

#content p, #content ul, #content ol {
line-height: 18px;
margin-bottom: 18px;
margin-top: 6px;
}

#content ul {
margin-left: 30px;
}

#content ol {
margin-left: 30px;
list-style-type: decimal;
}

#main ul, #main ol {
margin-left: 40px;
margin-right: 10px;
}

#content ul li, #content ol li  {
margin-bottom: 5px;
}

#main ul, .home-additional ul {
list-style-image: url(../images/ui-elements/bullets/bullet-root.gif);
}

#content h3 {
color: #E80000;
font-weight: normal;
font-size: 24px;
font-family: "Times New Roman", Times, serif;
background: none;
margin: 6px 0;
margin-top:20px;
}

#content #main h4 {
color: #cc0000;
font-weight: bold;
font-size: 19px;
margin-top: 20px;
margin-bottom: 6px;
}

#content #main h5 {
color: #cc0000;
font-weight: bold;
font-size: 12px;
line-height: 16px;
margin-top: 20px;
margin-bottom: 6px;
}

#content.extra-easy #main h4 {
color: #DD9004;
}

#content.losing-weight #main h4 {
color: #DD9004;
}

#content.healthy-eating #main h4 {
color: #468303;
}

#content.getting-active #main h4 {
color: #0568BB;
}

#content.amazing-support #main h4 {
color: #D33F00;
}

#content.our-members #main h4 {
color: #5A048B;
}

#content.joining-a-group #main h4 {
color: #006600;
}

#content.joining-online #main h4 {
color: #0522C8;
}

/*HORIZONTAL RULES!*/

#content #main hr {
background-repeat:no-repeat;
background-position:top left;
background-image:url(../images/ui-elements/dotted-line/dots-root.gif);
height:10px;
margin-bottom:20px;
border: #000000;
margin-left: 10px;
}

#content.extra-easy #main hr {
background-image:url(../images/ui-elements/dotted-line/dots-root.gif);
}

#content.losing-weight #main hr {
background-image:url(../images/ui-elements/dotted-line/dots-root.gif);
}

#content.healthy-eating #main hr {
background-image:url(../images/ui-elements/dotted-line/dots-root.gif);
}

#content.getting-active #main hr {
background-image:url(../images/ui-elements/dotted-line/dots-root.gif);
}

#content.amazing-support #main hr {
background-image:url(../images/ui-elements/dotted-line/dots-root.gif);
}

#content.our-members #main hr {
background-image:url(../images/ui-elements/dotted-line/dots-root.gif);
}

#content.joining-a-group #main hr {
background-image:url(../images/ui-elements/dotted-line/dots-joining-group.gif);
}

#content.joining-online #main hr {
background-image:url(../images/ui-elements/dotted-line/dots-root.gif);
}


#main p, #main h2, #main h3, #main h4, #main h5 {
margin-left: 10px;
margin-right: 10px;
}

#content.our-members #main.magazine h4, #content.our-members #main.magazine h4 a {
color: #5A048B;
font-size: 14px;
font-weight: normal;
margin-left: 0;
}

/*.our-members #main li h4, .our-members #main li h4 a {
margin-left: 10px;
}*/

#content .magazine-index p, #content .magazine p {
margin-top: 2px;
}

#content .magazine-index li {
margin-bottom: 10px;
}

#main h1 {
margin-bottom: 18px;
}


#main table.table {
margin-left:10px;
line-height:normal;
margin-bottom:18px;
margin-top:6px;
}

#main table.table td {
padding:5px;
}

#main table.table tr.header td {
border-bottom: solid 1px #cc0000;
color: #cc0000;
font-weight: bold;
}

/* the first sidebar - default styles */

#additional div.panel {
background-image: url(../images/ui-elements/sidebar-bg.png);
background-color: #f9e6e8;
background-repeat: no-repeat;
background-position: bottom center;
margin-bottom: 10px;
}

#additional div.panel a{
font-weight: bold;
display: block;
}

#additional h4 {
width: 223px;
height: 24px;
background-image: url(../images/ui-elements/sidebar-heading.jpg);
background-color: red;
background-repeat: no-repeat;
background-position: 0 0;
color: white;
font-weight: normal;
font-size: 16px;
padding-top: 5px;
padding-left: 10px;
line-height: 18px;
}

#additional h4.double {
height: 42px;
background-position: 0 -29px;
}

#additional .panel p {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 6px;
}

#additional .panel img {
margin: 10px;
float:left;
}

#additional p, #additional h3 {
margin-left: 10px;
margin-right: 10px;
}

#additional .sw-input {
margin-left: 10px;
font-size: 12px;
width: 150px;
margin-bottom: 20px;
}

#additional #NearestGroup label {
display: block;
}

#additional #NearestGroup div {
line-height: 18px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 6px;
margin-top: 6px;
}

#additional #NearestGroup .sw-input {
width: auto;
margin-bottom: auto;
margin-left: 0;
}

#content #get-in-group ul, #content #get-online ul {
margin-left: 10px;
margin-right: 10px;
font-size: 11px;
line-height: 14px;
}

#content #get-in-group ul ul, #content #get-online ul ul {
margin-left: 5px;
margin-bottom: 0;
}

#get-in-group ul li, #get-online ul li {
background-image: url(../images/ui-elements/ticks/tick-root.png);
background-repeat: no-repeat;
background-position: 0 4px;
margin-left: 0;
padding-left: 20px;
margin-top: 10px;
margin-bottom: 0;
}

/* style for sections */

/* losing weight */

#content.losing-weight h3 {
color: #DD9004;
}

.losing-weight #additional h4 {
background-position: 0 -76px;
}

.losing-weight #additional h4.double {
background-position: 0 -105px;
}

.losing-weight #additional div.panel {
background-color: #fffbcc;
}

.losing-weight #get-in-group ul li, .losing-weight #get-online ul li {
background-image: url(../images/ui-elements/ticks/tick-losing-weight.png);
}

.losing-weight #main ul {
list-style-image: url(../images/ui-elements/bullets/bullet-losing-weight.gif);
}

.losing-weight #main ul ul {
list-style-image: url(../images/ui-elements/bullets/sub-losing-weight.gif);
}

/* healthy eating */

#content.healthy-eating h3 {
color: #468303;
}

.healthy-eating #additional h4 {
background-position: 0 -152px;
}

.healthy-eating #additional h4.double {
background-position: 0 -181px;
}

.healthy-eating #additional div.panel {
background-color: #e8f4cf;
}

.healthy-eating #get-in-group ul li, .healthy-eating #get-online ul li {
background-image: url(../images/ui-elements/ticks/tick-healthy-eating.png);
}

.healthy-eating #main ul {
list-style-image: url(../images/ui-elements/bullets/bullet-healthy-eating.gif);
}

.healthy-eating #main ul ul {
list-style-image: url(../images/ui-elements/bullets/sub-healthy-eating.gif);
}

/* getting active */

#content.getting-active h3 {
color: #0568BB;
}

.getting-active #additional h4 {
background-position: 0 -228px;
}

.getting-active #additional h4.double {
background-position: 0 -257px;
}

.getting-active #additional div.panel {
background-color: #e4eff9;
}

.getting-active #get-in-group ul li, .getting-active #get-online ul li {
background-image: url(../images/ui-elements/ticks/tick-getting-active.png);
}

.getting-active #main ul {
list-style-image: url(../images/ui-elements/bullets/bullet-getting-active.gif);
}

.getting-active #main ul ul {
list-style-image: url(../images/ui-elements/bullets/sub-getting-active.gif);
}

/* amazing support */

#content.amazing-support h3 {
color: #D33F00;
}

.amazing-support #additional h4 {
background-position: 0 -304px;
}

.amazing-support #additional h4.double {
background-position: 0 -333px;
}

.amazing-support #additional div.panel {
background-color: #ffe6c2;
}

.amazing-support #get-in-group ul li, .amazing-support #get-online ul li {
background-image: url(../images/ui-elements/ticks/tick-amazing-support.png);
}

.amazing-support #main ul {
list-style-image: url(../images/ui-elements/bullets/bullet-amazing-support.gif);
}

.amazing-support #main ul ul {
list-style-image: url(../images/ui-elements/bullets/sub-amazing-support.gif);
}

/* our members */

#content.our-members h3 {
color: #5A048B;
}

.our-members #additional h4 {
background-position: 0 -380px;
}

.our-members #additional h4.double {
background-position: 0 -409px;
}

.our-members #additional div.panel {
background-color: #eeddf7;
}

.our-members #get-in-group ul li, .our-members #get-online ul li {
background-image: url(../images/ui-elements/ticks/tick-our-members.png);
}

.our-members #get-in-group ul ul li, .our-members #get-online ul ul li {
background-image: url(../images/ui-elements/ticks/sub-tick-our-members.png);
background-position: 0 2px;
}

.our-members #main ul {
list-style-image: url(../images/ui-elements/bullets/bullet-our-members.gif);
}

.our-members #main ul ul {
list-style-image: url(../images/ui-elements/bullets/sub-our-members.gif);
}


/* joining a group */

#content.joining-a-group h3 {
color: #56A403;
}

.joining-a-group #additional h4 {
background-position: 0 -456px;
}

.joining-a-group #additional h4.double {
background-position: 0 -485px;
}

.joining-a-group #additional div.panel {
background-color: #e4f2c8;
}

.joining-a-group #get-in-group ul li, .joining-a-group #get-online ul li {
background-image: url(../images/ui-elements/ticks/tick-joining-a-group.png);
}

.joining-a-group #get-in-group ul ul li, .joining-a-group #get-online ul ul li {
background-image: url(../images/ui-elements/ticks/sub-tick-joining-a-group.png);
background-position: 0 2px;
}

.joining-a-group #main ul {
list-style-image: url(../images/ui-elements/bullets/bullet-joining-a-group.gif);
}

.joining-a-group #main ul ul {
list-style-image: url(../images/ui-elements/bullets/sub-joining-a-group.gif);
}

	/*Group tables*/
	.group-list {margin: 0 10px}
	.group-list table {margin: 0  0 10px; width: 315px}
		.group-list th, .group-list td {padding: 8px 5px;}
			.group-list th {background-color: #E4F2C8; font-weight: bold}
			.group-list td {border-top: 1px solid #D6E2C3;}
                
                .group-list .map {height: 200px; margin-bottom: 10px; width: 200px}

	#content.joining-a-group .group-list h3 {/*border-bottom:1px solid;*/ margin: 0;}
            #content #lewisville, #content #plano {background: url(../images/ui-elements/dotted-line/border-btm-red.gif) repeat-x top left; padding-top: 15px;}

	#content.joining-a-group #main .group-list h4 {margin: 0 0 10px; width: 270px; }

		.group-list .address {float: right; width: 200px;}
                    #main  .group-list  p {margin: 0 0 10px }
                    #main .group-list .address a {}
                
                
/* joining online */

#content.joining-online h3 {
color: #390;
}

.joining-online #additional h4 {
background-position: 0 -532px;
}

.joining-online #additional h4.double {
background-position: 0 -561px;
}

.joining-online #additional div.panel {
background-color: #dfe7f7;
}

.joining-online #get-in-group ul li, .joining-online #get-online ul li {
background-image: url(../images/ui-elements/ticks/tick-joining-online.png);
}

.joining-online #main ul {
list-style-image: url(../images/ui-elements/bullets/bullet-joining-online.gif);
}

.joining-online #main ul ul {
list-style-image: url(../images/ui-elements/bullets/sub-joining-online.gif);
}

.pagebreak {
display: none;
}

/* recipe search listing */

.healthy-eating #main ul#search-results {
margin-left: 10px;
list-style-image: none;
}

.healthy-eating #main ul#recipe-list-thumbs {
margin-left: 10px;
list-style-image: none;
}

.healthy-eating #main ul#recipe-list-thumbs li {
width: 110px;
float: left;
display: inline;
margin-right: 20px;
text-align: center;
margin-bottom: 25px;
height: 127px;
}

#content .healthy-eating #main ul#recipe-list-thumbs {
margin: 0;
margin-left: 0;
padding: 0;
}

.healthy-eating #main ul#recipe-list-thumbs li a {
padding-top: 112px;
display: block;
height: 15px;
}

.healthy-eating #main ul#recipe-list-thumbs li#breakfast {
background: url(../images/features/recipes/All/breakfast.jpg) top center no-repeat;
}

.healthy-eating #main ul#recipe-list-thumbs li#lunch {
background: url(../images/features/recipes/All/lunch.jpg) top center no-repeat;
}

.healthy-eating #main ul#recipe-list-thumbs li#dinner {
background: url(../images/features/recipes/All/dinner.jpg) top center no-repeat;
}

.healthy-eating #main ul#recipe-list-thumbs li#dessert {
background: url(../images/features/recipes/All/dessert.jpg) top center no-repeat;
}

.healthy-eating #main ul#recipe-list-thumbs li#snacks {
background: url(../images/features/recipes/All/snacks.jpg) top center no-repeat;
}

.healthy-eating #main ul#recipe-list-thumbs li#starters {
background: url(../images/features/recipes/All/starters.jpg) top center no-repeat;
}

#content .highlighted-recipes {
margin-left: 10px;
margin-right: 10px;
}

#content .highlighted-recipes li {
border-bottom: 1px dotted #82a959;
padding-bottom: 10px;
margin-top: 10px;
}

#content .highlighted-recipes li.last {
border: none;
}

#content .highlighted-recipes img {
margin: 0;
}

#content .highlighted-recipes img.highlighted-recipe-thumb {
float: left;
margin-right: 10px;
display: inline;
}

#content .highlighted-recipes li a {
color: #205501;
}

#content #main #search-results li {
clear: both;
margin-bottom: 20px;
padding-bottom: 20px;
background: url(../images/ui-elements/green-separator.gif) bottom center no-repeat;
}

#content #main #search-results li.last {
background: none;
}

#content #main #search-results li p {
margin-bottom: 10px;
margin-top: 0;
}

#search-results li p.recipe-summary {
float: right;
width: 400px;
}

#search-results li dl.recipe-syns {
float: left;
width: 250px;
text-align: right;
}

#search-results li dl.recipe-syns dt, #search-results li dl.recipe-syns dd {
float: left;
}

#search-results li dl.recipe-syns dt {
text-indent: -9999px;
overflow: hidden;
width: 0;
}

#search-results li dl.recipe-syns dt.syns-title {
text-indent: 14px;
float: left;
width: 50px;
text-align: left;
}

#search-results li dl.recipe-syns dd {
padding-left: 12px;
margin-left: 2px;
margin-right: 8px;
}

#search-results li dl.recipe-syns dd.syns-original {
background: url(../images/ui-elements/bullets/bullet-root.gif) left top no-repeat;
}

#search-results li dl.recipe-syns dd.syns-green {
background: url(../images/ui-elements/bullets/bullet-healthy-eating.gif) left top no-repeat;
}

#search-results li dl.recipe-syns dd.syns-extra-easy {
background: url(../images/ui-elements/bullets/bullet-amazing-support.gif) left top no-repeat;
}

#search-results li img {
float: left;
}

#content #search-results li h3, #content #search-results li p.recipe-intro {
float: right;
width: 400px;
margin-top: 0;
margin-bottom: 0;
}

#recipe-information, #recipe-ingredients {
float: left;
width: 275px;
}

#recipe-listing p.recipe-summary span
{
	padding-right: 10px;
}
#recipe-listing p.recipe-summary img
{
	padding-right: 3px;
}

.pagination {
height: 28px;
margin-bottom: 25px;
padding-top: 8px;
clear: both;
}

#content .pagination ol {
list-style-type: none !important;
padding: 0;
margin: 0 10px;
float: left;
}

#content .pagination p {
float: left;
margin: 0 10px;
padding: 0;
}

#content .pagination a {
text-decoration: none;
}

#content .pagination ol li {
float: left;
margin: 0;
padding-bottom: 6px;
}

#content .pagination ol li.last a {
border: none;
}

#content .pagination ol li.current a {
font-size: 16px;
text-decoration: none;
}

#content .pagination ol li a {
width: 20px;
float: left;
text-align: center;
}

/*Workplace offer Landing Pages*/
.workplace-offer #additional h4.double {background-position: 0 -485px}
	.workplace-offer #additional li {background-image: url("../images/ui-elements/ticks/tick-joining-a-group.png")}
	.workplace-offer #additional div.panel {background-color: #E4F2C8}
	.workplace-offer #main ul li {list-style-image:url("../images/ui-elements/bullets/bullet-joining-a-group.gif")}

#main .offer-btn {background: url(../images/ui-elements/usa-landing-btn.png) no-repeat left top; display: block; height:39px; text-indent: -9999em; width:133px;}
	/*#main .offer-btn:hover {background-position: left -40px}*/

.workplace-offer .callout {background-color: #F7F6AB; border: 1px solid #D8D797; margin-bottom: 10px; padding: 10px; position: relative; }
	.workplace-offer .callout .content {float: left; width: 72%}	
		.workplace-offer #main .callout .content p:last-of-type {margin-bottom:0}
	.workplace-offer .callout .offer-btn {position: absolute; right: 10px; top: 50%; margin-top: -17px;}

.workplace-offer #main .company-logo {float: left; margin: 0 10px 5px 10px;}

/* pagination customisation for success and recipes */

#content.healthy-eating .pagination {
background: url(../images/ui-elements/recipe-search-bg.gif) top center;
}

#content.healthy-eating .pagination ol li.current {
background: url(../images/ui-elements/recipe-search-current.gif) bottom center no-repeat;
}

#content.healthy-eating .pagination ol li a {
border-right: 1px solid #9ebd5c;
}

#content.our-members .pagination {
background: url(../images/ui-elements/success-search-bg.gif) top center;
}

#content.our-members .pagination ol li.current {
background: url(../images/ui-elements/success-search-current.gif) bottom center no-repeat;
}

#content.our-members .pagination ol li a {
border-right: 1px solid #dac2e6;
}

/* end of pagination stuff */

#content .side-nav ul {
margin-left: 10px;
}

#content .side-nav ul li a {
font-weight: normal;
text-decoration: none;
}

#content .side-nav ul li a:hover {
text-decoration: underline;
}

#content .side-nav ul li.current a {
text-decoration: underline;
font-weight: bold;
}

.left {
float: left;
margin-right: 15px;
margin-bottom: 15px;
}

.right {
float: right;
margin-left: 15px;
margin-bottom: 15px;
}

#content #main .right p, #content #main .left p {
margin: 0;
padding: 0;
font-size: 11px;
font-weight: bold;
}

.media-table td {
text-align: center;
}

/* success stories */

#main.success img {
margin: 10px;
}

#main.success h1 img {
margin: 0;
}

#main.success h1 {
float: left;
margin-right: 10px;
display: inline;
margin-bottom: 0;
}

#content #main.success p.first {
font-size: 14px;
color: #5A048B;
line-height: 18px;
width: 280px;
float: left;
display: inline;
}

/* Success listings */

.our-members #listings div {
margin: 0 10px;
margin-bottom: 20px;
float: left;
}

.our-members #listings div img {
float: left;
}

.our-members #listings p {
width: 420px;
float: right;
margin-top: 0;
}

.our-members #listings a.TitleLink {
font-size: 14px;
font-weight: bold;
color: #5A048B;
float: left;
margin-bottom: 5px;
width: 400px;
line-height: 20px;
}

/* Blockquotes */

#main blockquote {
padding: 0 0 0 40px;
font-size: 14px;
font-style:italic;
line-height: 18px;
margin: 25px 0;
margin-left:20px;
}

#main blockquote cite {
margin-left: 10px;
font-weight: bold;
display: block;
}

#main blockquote p {
padding-right: 30px;
}

.success #main blockquote {
color: #5A048B;
background: url(../images/ui-elements/quotes/our-members-start.gif) 10px 0 no-repeat;
}

.success #main blockquote p.last {
background: url(../images/ui-elements/quotes/our-members-end.gif) bottom right no-repeat;
padding-right: 25px;
margin-right: 30px;
}

.getting-active #main blockquote {
color: #0568BB;
background: url(../images/ui-elements/quotes/getting-active-start.gif) 10px 0 no-repeat;
}

.getting-active #main blockquote p.last {
background: url(../images/ui-elements/quotes/getting-active-end.gif) bottom right no-repeat;
padding-right: 25px;
margin-right: 30px;
}

.our-members #main blockquote {
color: #5A048B;
background: url(../images/ui-elements/quotes/our-members-start.gif) 10px 0 no-repeat;
}

.our-members #main blockquote a {
color:#5A048B;
}

.our-members #main blockquote p.last {
background: url(../images/ui-elements/quotes/our-members-end.gif) bottom right no-repeat;
padding-right: 25px;
margin-right: 30px;
}

.joining-a-group #main blockquote {
color: #006600;
background: url(../images/ui-elements/quotes/joining-a-group-start.gif) 10px 0 no-repeat;
}

.joining-a-group #main blockquote p.last {
background: url(../images/ui-elements/quotes/joining-a-group-end.gif) bottom right no-repeat;
padding-right: 25px;
margin-right: 30px;
}

.amazing-support #main blockquote {
color: #D33F00;
background: url(../images/ui-elements/quotes/amazing-support-start.gif) 10px 0 no-repeat;
}

.amazing-support #main blockquote p.last {
background: url(../images/ui-elements/quotes/amazing-support-end.gif) bottom right no-repeat;
padding-right: 25px;
margin-right: 30px;
}

.losing-weight #main blockquote {
color: #E64501;
background: url(../images/ui-elements/quotes/losing-weight-start.gif) 10px 0 no-repeat;
}

.losing-weight #main blockquote p.last {
background: url(../images/ui-elements/quotes/losing-weight-end.gif) bottom right no-repeat;
padding-right: 25px;
margin-right: 30px;
}

.about-us #main blockquote {
    background: url("../images/ui-elements/quotes/our-members-start.gif") no-repeat scroll 10px 0 transparent;
    color: #5A048B;
}


.about-us #main blockquote p.last {
    background: url("../images/ui-elements/quotes/our-members-end.gif") no-repeat scroll right bottom transparent;
    margin-right: 30px;
    padding-right: 25px;
}

.success p.second {
clear: both;
}

img.main-success-image {
margin-bottom: 20px;
}

.success-video-thumb {
margin-bottom: 10px;
}

#additional .gallery {
margin-bottom: 10px;
}

#content .group-signoff {
font-size: 26px;
margin-bottom:0;
}

#content .signature-signoff {
font-size: 22px;
margin-bottom:0;
}

#content .signature {
font-size: 36px;
margin-top:0;
}

#content .group-footer-healthy-eating {
font-size: 26px;
margin-top: 40px;
margin-bottom: 0;
background: url(../images/ui-elements/dotted-line/dots-healthy-eating.gif) top left no-repeat;
padding-top: 40px;
}

#content .group-footer-about-us {
font-size: 26px;
margin-top: 40px;
margin-bottom: 0;
background: url(../images/ui-elements/dotted-line/dots-root.gif) top left no-repeat;
padding-top: 40px;
}

#content .group-footer-amazing-support {
font-size: 26px;
margin-top: 40px;
margin-bottom: 0;
background: url(../images/ui-elements/dotted-line/dots-amazing-support.gif) top left no-repeat;
padding-top: 40px;
}

#content .group-footer-our-members {
font-size: 26px;
margin-top: 40px;
margin-bottom: 0;
background: url(../images/ui-elements/dotted-line/dots-our-members.gif) top left no-repeat;
padding-top: 40px;
}

#content .group-footer-getting-active {
font-size: 26px;
margin-top: 40px;
margin-bottom: 0;
background: url(../images/ui-elements/dotted-line/dots-getting-active.gif) top left no-repeat;
padding-top: 40px;
}

#content .group-footer-losing-weight {
font-size: 26px;
margin-top: 40px;
margin-bottom: 0;
background: url(../images/ui-elements/dotted-line/dots-lose-weight.gif) top left no-repeat;
padding-top: 40px;
}

#content .group-footer-joining-a-group {
font-size: 26px;
margin-top: 40px;
margin-bottom: 0;
background: url(../images/ui-elements/dotted-line/dots-joining-group.gif) top left no-repeat;
padding-top: 40px;
}

#content .group-footer-joining-online {
font-size: 26px;
margin-top: 40px;
margin-bottom: 0;
background: url(../images/ui-elements/dotted-line/dots-joining-online.gif) top left no-repeat;
padding-top: 40px;
}

#content .group-footer-magazine {
font-size: 26px;
margin-top: 40px;
margin-bottom: 0;
background: url(../images/ui-elements/dotted-line/dots-our-members.gif) top left no-repeat;
padding-top: 40px;
}

.nearest-group-result h4 a {
font-size: 16px;
color: #060;
}

.nearest-group-result {
background: url(../images/ui-elements/dotted-line/dots-joining-group.gif) bottom center no-repeat;
padding-bottom: 5px;
padding-top: 20px;
}

#content .nearest-group-result .venue{
font-weight: bold;
font-size: 16px;
margin-bottom: 0;
}

.nearest-group-result .venue a{
color: #006600;
}

.nearest-group-result .detail{
font-weight:bold;
font-size:14px;
}

.nearest-group-result.last {
background: none;
}

#menu-buttons {

}

#content #menu-buttons a {
height: 26px;
float: left;
margin-right: 10px;
background-image: url(../images/ui-elements/menu-button.gif);
text-align: center;
color: white;
font-weight: normal;
font-size: 14px;
background-position: top right;
background-repeat: no-repeat;
text-decoration: none;
width: 128px;
padding-top: 3px;
}

#content #menu-buttons a:hover, #content #menu-buttons a.current {
background-position: top left;
}

#join-women {
margin-left: 10px;
}

/*Press area - mailing list form*/

#mailing-list label{
display: block;
width: 70px;
float: left;
text-align: right;
padding-right: 8px;
}

/*#mailing-list .submit input{
float: right;
color: white;
background: #cc0000;
border: 2px outset #d7b9c9;
margin-right:12px;
}*/


/*SIDE PANEL - RECIPE GALLERY*/

#content ul.recipe-gallery-list {
margin-left: 0;
margin-top: 10px;
margin-bottom: 0;
line-height: 1;
}

#content ul.recipe-gallery-list li {
float: left;
margin-bottom: 10px;
margin-left: 10px;
}

#additional .panel ul.recipe-gallery-list li img {
margin: 0;
}

.error, .errors, .required {
color: red;
}

.continue-btn, .disagree-btn, .register-link {
width: 130px;
height: 36px;
background: url(../images/ui-elements/button.gif) red no-repeat;
border: 0;
color: white;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
}

.agree-btn {
width: 130px;
height: 36px;
background: url(../images/ui-elements/button-green.gif) green no-repeat;
border: 0;
color: white;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
}

/* Join Footer */

#join-footer {
width: 543px;
float: left;
margin-left: 10px;
}

p.group-footer-healthy-eating {
margin-top: 0;
}

/* login panel */

#main.login {
width: 940px;
}

#login-wrapper {
width: 340px;
float: right;
padding-right: 10px;
}

#cphContent_cphContent_loginForm {
width: 363px;
}

#login-panel p span.error {

}

#login-panel .continue-btn {
background: url(../images/features/login/all/button.gif) red no-repeat;
}

#additional #login-panel .sw-input {
margin-left: 0;
width: 200px;
margin-bottom: 5px;
}

#register-options {
float: left;
margin-left: 10px;
margin-top: 0;
padding-right: 10px;
width: 533px;
}

.register-option {
width: 500px;
}

#content .register-option h3 {
margin-top: 0;
}

#content .register-link {
display: block;
text-align: center;
padding-top: 9px;
height: 27px;
text-decoration: none;
font-weight: normal;
}

#content #join-footer .register-link {
background-image: url(../images/ui-elements/button-blue.gif);
}

#lifeline-register {
padding-bottom: 20px;
}

#lifeline-register .inner {
background: url(../images/features/login/All/group.jpg) bottom right no-repeat;
height: 290px;
}

#register-options .inner ul {
width: 300px;
}

#register-options .inner li {
width: 150px;
float: left;
}

#swo-register {
background: url(../images/ui-elements/dotted-line/dashed-red.gif) repeat-x left bottom;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
}

#swo-register .inner {
background: url(../images/features/login/All/online.jpg) bottom right no-repeat;
}

.signup-link-text {
font-size: 12px;
}

#cphContent_cphContent_NearestGroupSearch_PanelUKNearestGroup {
margin-left: 10px;
}

#content p.terms{
font-size:11px;
line-height:14px;
font-style:italic;
color:#666;
}

/* Pretty Photo styles */

.pp_description {
line-height: 18px;
padding: 15px 0;
}

/* quotes in the additional column */

.panel blockquote p {
position: relative;
}

.panel blockquote p.testimonial {
padding-left: 15px;
padding-right: 15px;
padding-top: 8px;
}

.panel blockquote p span {
font-size: 40px;
font-family: Georgia, "Times New Roman", Times, serif;
position: absolute;
color: #ad0101;
line-height: 40px;
}

.panel blockquote p span.start {
left: -3px;
top: 0;
}

.panel blockquote p span.end {
/*margin-left: 5px;
margin-top: 15px;*/
right: 0;
}

#content .smalltext
{
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;
}

/* fix the width of the nearest group search boxes at the top of each page */

#NearestGroupSearch_Postcode1, #NearestGroupSearch_Postcode2 {
width: 3.2em;
}

/* Flash banners */

.flash-ad {
width: 132px;
float: right;
display: inline;
}

#banner {
width: 120px;
height: 600px;
margin-top: 10px;
margin-right: 12px;
float: right;
display: inline;
margin-bottom: 10px;
}

#flash-animation {
float: right;
}

.fb-like {
float: right;
margin-top: 20px;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */