@charset "utf-8";

/* CSS Document */





/* v1.0 | 20080212 */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	vertical-align: top;

	background: transparent;

	font-family:Arial, Helvetica, sans-serif;

}





body {

	line-height: 1;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#464647 ; 

}

ul {

font-family:arial;

font-size:12px;

margin:0;

}



blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	



}



hr{

border:0;

border-top: 1px solid #70577b; 

height: 0;

width: 150px;

left-margin: 100px;

}



a img {border:none;}



/* END RESET */



body {background:#70577b; }

#wrapper { width:990px; position:relative; margin: 0 auto; background:url(../images/images-reflow/tile.png) repeat-y; overflow:hidden;   }

#contentWrapper {margin-left:30px;}

#header {width:990px;height:114px; }

.logo {

display:inline;

float:left;

margin:13px 0 0 33px;

}



.leaderBoard { display:inline; margin:13px 29px 0  0;  float:right; border:1px solid #dbdbdb;}

#mainNav {

background:url("../images/images-reflow/nav-bar.png") no-repeat scroll left top transparent;

height:62px;

margin:0 0 0 17px;

width:958px;

}

	

	.menu ul{

	margin:0px;

	padding:0px;

	}

	

.menu ul li{

	margin:0px;

	

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#FFFFFF;

	display:inline;

	line-height:51px;

	}

	

	

.menu ul li a{

	font-size:13px;

	color:#FFFFFF;

	font-weight:bold;

	text-decoration:none;

	padding:0px 0px 0  36px;

	}

	

.menu ul li a:hover{

	font-size:13px;

	color:#f441a3;

	font-weight:bold;

	text-decoration:none;

	}

	

/* SIDE NAVIGATION */

#lefCol { float:left; width:178px;  margin: 0; display:inline; margin:0 13px 0 0;}



#lefCol ul#navlistSide li a {

background:url("../images/images-reflow/tab.gif") no-repeat scroll left top transparent;

border-bottom:medium none;

color:#FFFFFF;

font-size:12px;

font-weight:bold;

height:30px;

line-height:25px;

padding:5px 0 0 12px;

width:178px;

}













#lefCol ul#navlistSide li a:hover {background-position: left bottom; }

#lefCol ul#navlistSide li ul li a {background:none; width:178px; color:#330066; font-weight:normal; line-height:25px; padding:2px 0 2px 12px;}

#lefCol ul#navlistSide li ul li a:hover {background:#d8c5dd; width:166px;}



ul {margin:0;padding:0;}



#lefCol ul#navlistSide li.topLevel a {background:url(../images/images-reflow/tab_top_level.gif) top left no-repeat; width:178px; height:30px;

 padding:5px 0 0 12px; border-bottom:none; color:#fff; font-weight:bold; line-height:25px;

}



#lefCol ul#navlistSide li.topLevel a:hover {background-position: left bottom; }



#lhsBannerAdverts {margin:10px 0 0 0;}











		

/* CENTRE CONTENT */

#mainContent {

display:inline;

float:left;

margin:0 13px 0 0;

width:568px;

}





#mainContentHome {width:568px; float:left; margin:0 13px 0 0; display:inline; }

#mainContent h2.table { font-family:Georgia, "Times New Roman", Times, serif; margin:10px 0; font-weight:normal; font-size:1.4em; color:#1e1e1e; }

#mainContent img.bordered {margin-left:20px; padding:5px;border:1px solid #CCCCCC; margin-bottom:10px; }

#mainContentHome  a {text-decoration:none; font-weight:bold}

#mainContentHome   a:hover {
	text-decoration:none;
	color:#5CADD6;
	cursor:pointer;
	margin:0;
	padding:0;
}

#mainContentHome  a:visited {text-decoration:none; cursor:pointer; margin:0; padding:0;}

#mainContentHome p {

font-family:arial;

font-size:12px;

margin:0;

}

.homeProductImg {

clear:both;

display:block;

height:135px;

overflow:hidden;

width:100%;

}

			

		

			

/* RIGHT CONTENT */

#rightCol {width:125px; float:left; margin:0; margin-left:5px; display:inline;}



/* ADVERTISING AREA */

#advertisingArea {margin-top:30px; }

.advertisement  {width:300px; height:250px; float:left; display:inline; margin:0 15px 0 0;}



/* FOOTER LINKS */

#footerLinks {background:url(../images/images-reflow/divider.gif) top left repeat-x; margin:30px 0 0 0; width:97%; float:left;}

#footerLinks h2 {

font-family:Arial, Helvetica, sans-serif;

color:#1E1E1E;

font-size:11px;

font-weight:bold;

margin:20px 0 1px 29px;

text-transform:uppercase;

}

#footerLinks h3 {  font-size:11px; color:#1e1e1e; text-transform:uppercase; font-weight:bold; margin:0 0 0 0px; }



#footerLinks ul {  float:left; font-size:11px; list-style:none;}

#footerLinks ul li a {margin:0 0 0 0px; color:#005fa8; font-size:11px; text-decoration:none; line-height:1.2em;}

#footerLinks ul li a:hover {text-decoration:underline; }

p.quickLinks a { color:#005fa8; text-decoration:none; font-size:11px;}

.quickLinks a:hover {  text-decoration:underline;}



.quickLinks {

display:inline;

float:left;

font-size:0.9em;

margin:0 0 10px 20px;

width:538px;

}





ul.innerNavigation  li a{padding-left:0px; text-indent:-0; font-size:11px; }

ul.first {margin-left:30px; }

			

.navLinks {width:165px; float:left; padding-right:20px; }

.innerNavigation h3 { margin:0; padding:0;}

.first {margin:0 0 0 5px;}

.dividerThin {margin:15px 0; }

.socialLinks {float:right; margin: -6px 16px 0 0; display:inline; }

#footer { background:url(../images/images-reflow/footer.png) top left no-repeat; width:990px; height:76px; clear:both; margin:0 auto;}



.copyright {  float:left; font-size:.9em; margin:24px 0 0 54px; display:inline;}

.BlockHeadingShort, .BlockHeading {font-size:12px; font-weight:bold; text-align:left; color:#54276b;}

.blueHeader{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #6699cc;

	display: inline;

	padding-right: 10px;

	padding-left: 5px;

}

.blueHeader a:hover {text-decoration:underline; color:#660033;}





/* START DEV STYLES  */

body {

  font-family: Helvetica, Arial, sans-serif;

  font-size: 0.9em;

}



p {

  line-height: 1.5em;

}



ul#navlistSide, ul#navlistSide ul {

  list-style-type:none;

  margin: 0;

  padding: 0;

}



ul#navlistSide a {

  display: block;

  text-decoration: none;

  font-family:Arial, Helvetica, sans-serif;

  padding: 0.6em 0 0.6em 15px;

border-bottom: 1px solid #CCC;	

background:#e2e3de;

font-size:12px;

color: #8a8b88;

}



ul#navlistSide li {

}







ul#navlistSide li a:hover {

  background: #000;

}



ul#navlistSide li ul li a {

  background: #ccc;

  color: #8a8b88;

  padding-left: 20px;

}



ul#navlistSide li ul li a:hover {

  background: #aaa;

  padding-left: 15px;

}









.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }

.code code { display: block; padding: 3px; margin-bottom: 0; }

.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }

.indent1 { padding-left: 1em; }

.indent2 { padding-left: 2em; }









				  				  

.floatLeft 									{ float: left; margin-right: 10px;}

.floatRight									{ float: right; }

.clear 										{ clear: both; }

a											{ outline: none; }





/*

	PAGE STRUCTURE

*/

#page-wrap 									{ width: 500px; margin: 25px auto; position: relative; min-height: 500px;

											  background: url(images/bg.png) top center; }





/*

	TYPOGRAPHY

*/

ul		{ list-style: inside;

	list-style-type: disc;

	font-family:Arial, Helvetica, sans-serif;  

	color:#464647 ; 

	font-size: 12px;

	line-height: 16px;



}

ol	{ list-style: inside;

list-style-type: decimal;

	font-family:Arial, Helvetica, sans-serif; 

	color:#464647 ; 

	font-size: 12px;

    line-height: 16px;

}



a { color: #5CADD6; 

	text-decoration: none; 

}

a:visited { text-decoration: none; }

a:hover { color: #603477; }

a:active { color: #5CADD6; }

blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 

									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}



/*

	TOP SLIDER

*/

.slider-wrap								{ width: 589px; float:left;}			

.stripViewer .panelContainer 

.panel ul									{ text-align: left; margin: 0 15px 0 30px; }

.stripViewer								{ position: relative; overflow: hidden; width: 589px; height: 285px; }

.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }

.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 589px; }

.stripNavL, .stripNavR, .stripNav			{ display: none; }

.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }

#movers-row									{ margin: -43px 0 0 62px; }

#movers-row div								{ width: 20%; float: left; }

#movers-row div a.cross-link 				{ float: right; }

.photo-meta-data							{ background: url(images/transpBlack.png); padding: 17px; height: 30px; 

											  margin-top: -300px; position: relative; z-index: 9999; color: white; float:right; width:150px; height:300px; }

.photo-meta-data span 						{ font-size: 13px; }

.photo-meta-data h1							{font-size:19px; font-weight:bold; margin:0 0 15px 0; background:none; text-indent:0; padding-left:0;}		

.photo-meta-data p							{font-size:12px; line-height:15px;}							

.cross-link									{ display: block; width: 62px; margin-top: -14px; 

											  position: relative; padding-top: 15px; z-index: 9999; }

.active-thumb 								{ background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; }

.readMore									{background:url(images/read-more.gif) transparent center left no-repeat; padding-left:13px; display:block; margin:5px 0; font-weight:bold;  color:#fff;}



p {margin:10px 0;}



/* Start Recipe CTA styles 

*/





.yellowCta { width:126PX; height:175px; float:left; margin: 22px 12px 0 12px; border-top:3px solid #fdf300;}

.yellowCta img { margin:12px auto;; display:block;}

.yellowCta a { display:block; clear:both; float:left; font-weight:bold; color:#005faf; font-size:11px; padding-bottom:15px;}

.yellowCta a:hover { color:#603477; border-bottom:1px solid #724589;  }

.yellowCta h2{ font-size:12px; margin:12px auto;;}











.blueCta { width:126PX; height:175px; float:left; margin: 22px 12px 0 0; border-top:3px solid #000066;}

.blueCta img { margin:12px auto;; display:block;}

.blueCta a { display:block; clear:both; float:left; font-weight:bold; color:#005faf; font-size:11px; padding-bottom:15px;}

.blueCta a:hover { color:#603477; border-bottom:1px solid #724589;}

.blueCta h2{ font-size:12px; margin:12px auto;;}





.greenCta { width:126PX; height:175px; float:left; margin: 22px 12px 0 0; border-top:3px solid #5d9731;}

.greenCta img { margin:12px auto;; display:block;}

.greenCta a { display:block; clear:both; float:left; font-weight:bold; color:#005faf; font-size:11px; padding-bottom:15px;}

.greenCta a:hover { color:#603477; border-bottom:1px solid #724589;}

.greenCta h2{ font-size:12px; margin:12px auto;;}



.orangeCta { width:126PX; height:175px; float:left; margin: 22px 12px 0 0; border-top:3px solid #f78f1f;}

.orangeCta img { margin:12px auto;; display:block;}

.orangeCta a { display:block; clear:both; float:left; font-weight:bold; color:#005faf; font-size:11px; padding-bottom:15px;}

.orangeCta a:hover { color:#603477; border-bottom:1px solid #724589;}

.orangeCta h2{ font-size:12px; margin:12px auto;;}







.bodyText {padding:3px 0;}



.sectionHeader {background:url(../images/images-reflow/expandable_section.gif) top left no-repeat; color:#fff; font-size:12px; height:34px; line-height:33px;text-indent:32px; width:589px; font-size:12px; margin:20px 0 -10px 0; clear:both;}



.sectionHeaderStatic {

background:url("../images/images-reflow/static_section.gif") no-repeat scroll left top transparent;

clear:both;

color:#FFFFFF;

font-size:12px;

height:34px;

line-height:33px;

margin:24px 0 -10px;

text-indent:18px;

width:589px;

}





.sectionHeaderInternal {

background:url("../images/images-reflow/static_section.gif") no-repeat scroll left top transparent;

color:#FFFFFF;

font-size:12px;

height:34px;

line-height:33px;

margin:10px 0px 0px 3px;

text-indent:18px;

width:589px;

}

.sectionHeaderInternal  a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold
}

.sectionHeaderInternal  a:hover {color:#FFFFFF; text-decoration:none; cursor:pointer; margin:0; padding:0;}

.sectionHeaderInternal a:visited {
	color:#FFFFFF;
	text-decoration:none;
	cursor:pointer;
	margin:0;
	padding:0;
}



.sectionNextPage {

	background:url("../images/images-reflow/static_section.gif") no-repeat scroll left top transparent;

	color:#FFFFFF;

	font-size:12px;

	height:34px;

	line-height:33px;

	margin:10px 0 0 3px;

	padding-right: 30px;

	text-align:right;

	width:550px;

}

.sectionNextPage  a {color:#5e3175; text-decoration:none; font-weight:bold}

.sectionNextPage  a:hover {color:#FFFFFF; text-decoration:none; cursor:pointer; margin:0; padding:0;}

.sectionNextPage a:visited {color:#5e3175; text-decoration:none; cursor:pointer; margin:0; padding:0;}



.sectionHeader a h2, .sectionHeaderInternal h2,.sectionHeaderStatic a , .sectionHeaderStatic a:hover ,  .sectionHeader  h2, .sectionHeaderStatic  h2  {font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif; }

#mainContent .sectionHeader a:hover h2 {text-decoration:none;}

.BlockHeadingDirectory {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#333; line-height:19px; }





.blueHeaderLinks {

display:block;

font-weight:bold;

padding:10px 0 8px;

}



.blueHeaderLinks a {font-weight:bold; color:#603477;}

.blueHeaderLinks a:hover {color:#603477; text-decoration:underline;}



.smallestPurple a {color:#006699; font-family:Arial, Helvetica, sans-serif; }

.smallestPurple a:hover {color:#603477; text-decoration:underline; }

.bordered  {

	border:none;

	margin-left:0px; margin-right:10px;padding:5px;

}







#mainContent a:hover { color:#603477; text-decoration:none; }



.blueHeader, .purpleHeader {

	font-family:  Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #C613EC;

	display: inline;

	padding-right: 10px;

	padding-left: 10px;

	font-weight: bold;

	line-height:15px;

}



.bodyText {

	font-family:  Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333;

	padding-right: 10px;

	line-height:15px;

}



.image {margin: 0 0 0 20px;}





.BlockHeadingNew {

background-color:#BE9FC6;

color:#FFFFFF;

display:block;

font-family:Arial,Helvetica,sans-serif;

font-size:12px;

font-style:normal;

font-weight:bold;

height:15px;

letter-spacing:normal;

margin:23px 0 15px;

padding-bottom:8px;

padding-left:7px;

padding-top:6px;

text-align:left;

text-indent:10px;

white-space:normal;

width:100%;

word-spacing:normal;

}



.purpleHeaderArticle{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #503061;

	display: inline;

	padding-right: 10px;

	padding-left: 10px;

	font-weight: bold;

	margin-top:7px;

}



.smallestPurple {

color:#5CADD6;

display:inline;

font-family:Verdana,Arial,Helvetica,sans-serif;

font-size:11px;

line-height:20px;

padding-left:5px;

padding-right:5px;

}



.smallestPurple a {

color:#5CADD6;

display:inline;

font-family:Arial,Helvetica,sans-serif;

font-size:11px;

line-height:20px;

padding-left:5px;

padding-right:5px;

font-weight:bold;

}





.BlockHeading  {

background-color:#BE9FC6;

color:#FFFFFF;

display:block;

font-family:Arial,Helvetica,sans-serif;

font-size:12px;

font-style:normal;

font-weight:bold;

height:15px;

letter-spacing:normal;

margin:16px 0 3px 0;

padding-bottom:8px;

padding-left:7px;

padding-top:11px;

text-align:left;

text-indent:10px;

white-space:normal;

width:94%; float:left;

word-spacing:normal;

}





 h1 {

background-color:#BE9FC6;

color:#FFFFFF;

display:block;

font-family:Arial,Helvetica,sans-serif;

font-size:12px;

font-style:normal;

font-weight:bold;

height:15px;

letter-spacing:normal;

margin:2px 0 3px;

padding-bottom:8px;

padding-left:7px;

padding-top:11px;

text-align:left;

text-indent:10px;

white-space:normal;

width:94%;

word-spacing:normal;

}





.BlockHeading a:link {color:#FFFFFF;text-decoration:none;font-weight: bold;}

.BlockHeading a:active {color:#FFFFFF;text-decoration:none;font-weight: bold;}

.BlockHeading a:visited {color:#FFFFFF;text-decoration:none;font-weight: bold;}

.BlockHeading a:hover{color:#FFFFFF;text-decoration:none;font-weight: bold;}





.smallPurple11 {

	font-family:  Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: bold;

	color: #C613EC;

	text-indent: 20px;

	line-height: 25px;

}

.smallPurple11 a:link {color:#5CADD6;text-decoration:underline;font-weight: bold;}

.smallPurple11 a:active {color:#5CADD6;text-decoration:underline;font-weight: bold;}

.smallPurple11 a:visited {color:#5CADD6;text-decoration:underline;font-weight: bold;}

.smallPurple11 a:hover{color:#C613EC;text-decoration:underline;font-weight: bold;}



table.bodyText {padding:5px; line-height:15px;}

.bodyText ol {

list-style:square outside none; margin-left:14px;

}

.bodyText a:link, .bodyText a:active, .bodyText a:visited {color:#54276b;text-decoration:underline;}

.bodyText a:hover{color:#C613EC;text-decoration:underline;}

.lhsbanner1 {

margin:9px 0 0 0;

}



.lhsbanner2 {margin:10px 0 0 35px;}

.homeSkyscraper {margin-left:5px;}

.homeDescriptor {

	float:left;

	line-height:15px;

	margin:0 0 0 0px;

	width:94%;

}

.homeSection {

margin:0 0 0 11px;

padding-top:26px;

}

.homeDescriptor h1{

font-family:Arial, Helvetica, sans-serif; font-size:12px;

}



.homeThumb {

border:1px solid #999999;

margin-bottom:20px;

padding:5px;

}





.homeTxt {

	float:left;

	margin:0 0 0 0px;

	width:395px;

}





.homeTxtRight {

	float:Right;

	margin:0 0 0 0px;

	width:345px;

	margin-left: 15px;

}





.homeImg {

	float:right;

	min-height:205px;

	width:143px;

}



.homeImgLeft {

	float:left;

	min-height:210px;

	width:167px;

}



div#jason div a, div#healthy div a, div#diettools div a, div#directory div a  {text-align:center; font-family:Arial, Helvetica, sans-serif;}

.thumbHeight {height:140px; display:block;}



#footerLinks strong {font-weight:bold; font-size:11px; color:##1E1E1E;}



ul ul li a{margin:0;padding:0;}

.bodyText img {float:left;}





.negativeMargin {

margin:-20px 0 0;

}



.negativeMargin {

margin:-20px 0 0;

}



/* NEWSLETTER STYLES */



#name {

}



#hypjd-hypjd {

}

#mailer {

background:none repeat scroll 0 0 #7f5296;

border:medium none;

clear:right;

color:#FFFFFF;

height:36px;

width:81px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}



.clearBlock {

clear:both;

display:block;

margin:6px 0;

}

#subForm label {font:Arial, Helvetica, sans-serif; clear:both;}

table p {font-size:12px; }



.map {

clear:both;

height:310px;

text-align:center;

width:555px; 

margin:15px 0 0 0;

}



.linksCol1 {width:250px; float:left; margin:0 12px 0 0;}

.linksCol2 {width:200px;  float:left;}



.linksCol1 ul , .linksCol2 ul{width:100%; float:left; }

.linksCol1 ul li , .linksCol2 ul li{display:block; list-style-type:none; line-height:18px; font-size:12px; }

.linksCol1 ul li a, .linksCol2 ul li a{color:#5CADD6; font-weight:bold; text-decoration:underline; }

.linksCol1 ul li a:hover , .linksCol2 ul li a:hover {color:#603477; text-decoration:none; }

.subContents {

margin:15px 6px 0 18px;

overflow:hidden;

}

#headerBanner {

background:url("../images/header-bg.jpg") no-repeat scroll left top transparent;

height:110px;

margin:-7px 0 10px 1px;

width:574px;

}



#headerBanner h1 {

background:none repeat scroll 0 0 transparent;

font-family:Arial,Helvetica,sans-serif;

font-size:37px;

font-weight:normal;

padding:28px 0 0 19px;

}



.sectionThumb {float:right; border: 1px solid #999; margin: 0 0 12px 10px;; padding:3px;}

p {line-height:16px;}
	
.emailinput {
    background: none repeat scroll 0 0 #D8C9DC;
    border: medium none;
    font-size: 11px;
    margin: 4px 0 6px 3px;
    padding: 3px;
    width: 120px;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; 
}
#email-form {
    background: url("../images/bg-email-2.png") no-repeat scroll left top transparent;
    height: 126px;
    margin-bottom: 2px;
    padding: 5px 15px 0;
    text-indent: -9999px;
    width: 134px;
}


.emailhd{	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	line-height: 2.1em;
}


#email-form input[type="submit"] {
    background: url("../images/subscribe-btn.png") no-repeat scroll left top transparent;
    border: medium none;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    text-indent: -99999px;
    width: 98px;
	margin-top: 1px;
}


#email-form  input [type=submit]
{
  
}

.emailbutton {
    border: 1px solid #a4a4a3;
    background: #ebebe8;
	margin: 0
}