/* last amended 20.11.07 by WB - added tabbed table  */

h1
{	font-family: Arial, Helvetica; 
	font-size: 14px; 
	color: #333333; 
	text-align: center; 
	vertical-align: middle; 
	font-weight: bold;
}
h2 
{
	font-family: Arial, Helvetica; 
	font-size: 13px; 
	font-weight: bold; 
	color: #DB814A; 
	text-decoration: none; 
	text-align:left; 
}
h3, h4, h5, h6 
{
	font-family: Arial, Helvetica; 
	font-size: 12px; 
	font-weight: bold; 
	color: #DB814A; 
	text-decoration: none; 
	text-align: center; 
	vertical-align: middle
}

hr
{
	line-height: 1px;
	color: #ebebeb;
}


/* new ones */

body
{
	 margin-top:25px; 
	 margin-bottom:5px; 
	 background-color:#FFFFFF;
}

.maintext 
{	font-family: Arial, Helvetica; 
	font-size: 11px; 
	color: #666666; 
	text-align: justify
}

.footer
{	
        font-family: Arial, Helvetica; 
	font-size: 11px; 
	color: #666666;
}

.copyM
{	
        font-family: Arial, Helvetica; 
	font-size: 11px; 
	color: #666666;
}

.copyS
{	
        font-family: Arial, Helvetica; 
	font-size: 10px; 
	color: #666666;
}

.copySurl
{	
        font-family: Arial, Helvetica; 
	font-size: 10px; 
	color: #E0661B;
}

.nlinks
{	
    font-family: Arial, Helvetica; 
	font-size: 13px; 
	font-weight: bold;
    color: #DB814A;
}



/* floating ad style */

TABLE.cpc { background:#FFF4EB;border:solid 1px #EECA8D; }
TABLE.cpc TD { padding:6px; }

DIV.rhs { margin-left:9px;margin-top:9px; }
DIV.intextcpc { margin-right:9px;margin-bottom:9px;float:left;width:205px; }

.lhnavads {background:#ffffff;padding-left:7px;padding-right:7px;}

.calchdr 
{	font-family: Arial, Helvetica; 
	font-size: 12px; 
	font-weight: bold; 
	color: #333333; 
	text-align: center; 
	vertical-align: top;
}

.discl 
{  
	font-family: Arial, Helvetica; 
	font-size: 9px; 
	color: #999999; 
	text-align: center;
}


.minihdr 
{ 
	font-family: Arial, Helvetica; 
	font-size: 9px; 
	font-weight: bold; 
	color: #DB814A; 
	text-decoration: none; 
	text-align: center; 
	vertical-align: middle 
}


.tblout { background-color: #FFFFFF; border: 1px #7A7C7D solid; }
.white 
{	
	color: #FFFFFF; 
	font-family: Arial, Helvetica; 
	font-size: 12px; 
	font-weight: bold;  
	vertical-align: middle; 
}

td.calrow 
{ 
	background-color: #ebebeb; 
	color: #333333; 
	font-family: Arial, Helvetica; 
	font-size: 12px; 
	font-weight: bold;
	padding-top:10px;
    padding-left:5px;
    padding-right:10px;
    padding-bottom:10px;
}

td.row1 
{ 
	background-color: #ebebeb; 
	color: #666666; 
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	font-weight: normal;
	padding-top:0px;
    padding-left:5px;
    padding-right:0px;
    padding-bottom:0px;
}
td.row2 
{ 
	background-color: #ebebeb; 
	color: #666666; 
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	font-weight: normal;
	padding-top:0px;
    padding-left:5px;
    padding-right:0px;
    padding-bottom:0px;
}
td.head 
{ 
	background-color: #ebebeb; 
	color: #c66300; 
	font-family: Arial, Helvetica; 
	font-size: 14px; 
	font-weight: bold;
	padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
}
td.subhead 
{ 
	background-color: #fffaf4; 
	color: #666666; 
	font-family: Arial, Helvetica; 
	font-size: 13px; 
	font-weight: bold;
	padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
}
.box 
{ 
	height: 16px; 
	background-image: url(../images/tri.gif); 
	background-repeat: repeat; 
	text-align: center; 
	vertical-align: middle; 
	color:#000000; 
	font-weight: bold; 
	font-size: 12px; 
	line-height: 16px;
}
.box1 
{ 
	background-color: #999999; 
	background-image: url(../images/btri.gif); 
	background-repeat: no-repeat; 
	background-position:bottom left; 
	text-align: justify; 
	vertical-align:top;        
	color:#FFFFFF; 
	font-weight: bold; 
	font-size: 9px;
}
.box2 
{ 
	height: 30px; 
	background-image: url(../shop/prod_image/box.gif); 
	background-repeat: no-repeat; 
	text-align: center; 
	vertical-align: middle;
}
.disp 
{ 
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	color: #FDBE6D; 
	font-weight: bold; 
	text-align: right;
}
.price 
{ 
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	color: #3366FF; 
	font-weight: bold; 
	text-align: right; 
	text-decoration: none;
}

.keldesc
{ 
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	color: #666666; 
	font-weight: bold; 
	text-align: right; 
	text-decoration: none;
}

/* hrefs */
	
A.textlink:link,A.textlink:active,A.textlink:visited

{ 
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	color: #E0661B; 
	text-decoration: none;
}
A.textlink:hover 
{ 
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	color: #666666; 
	text-decoration: underline;
}

A.footer:link,A.footer:active,A.footer:visited
{
    font-family: Arial, Helvetica;
	color:#666666;
	font-weight:normal;
    font-size:11px;
    text-decoration:none;
}

A.footer:hover
{
  	font-family: Arial, Helvetica;
	color:#FF9900;
	font-weight:normal;
    font-size:11px;
    text-decoration:none;
}

.dirlink 
{ 
	font-family: Arial, Helvetica; 
	font-size: 12px; 
	font-weight: bold; 
	color: #FF9900; 
	text-decoration: underline;
}
.dirlink:hover 
{ 
	font-family: Arial, Helvetica; 
	font-size: 12px; 
	font-weight: bold; 
	color: #666666; 
	text-decoration: none
}

A.whitelink:link,A.whitelink:active,A.whitelink:visited
{ 
	font-family: Arial, Helvetica; 
	font-size: 10px; 
	color: #FFFFFF; 
	font-weight: bold; 
	text-decoration: none;
}
A.whitelink:hover 
{ 
	font-family: Arial, Helvetica; 
	font-size: 10px; 
	color: #FDBE6D; 
	text-decoration: none; 
	font-weight: bold;
}
.maillink 
{ 
	font-family: Arial, Helvetica; 
	font-size: 9px; 
	font-weight: bold; 
	color: #FF9900; 
	text-decoration: none; 
	text-align: center; 
	vertical-align: middle
}
.maillink:hover
{ 	font-family: Arial, Helvetica; 
	font-size: 9px; 
	font-weight: bold; 
	color: #666666; 
	text-align: center; 
	vertical-align: middle; 
	text-decoration: underline;
}

A.menulink:link,A.menulink:active,A.menulink:visited
{	font-family: Arial, Helvetica; 
	font-size: 11px; 
	font-weight: normal; 
	color: #666666; 
	text-decoration: none;
}
a.menulink:hover 
{	font-family: Arial, Helvetica; 
	font-size: 11px; 
	font-weight: normal; 
	color: #DB814A; 
	text-decoration: underline;
}
.backgr 
{	background-color: #FFCC66; 
	text-align: center; 
	vertical-align: middle;
}
.menuhdr
{	font-family: Arial, Helvetica; 
	font-size: 12px; 
	font-weight: bold; 
	color: #DB814A; 
	text-decoration: none; 
	vertical-align: middle;
}
.hdrlink 
{	font-family: Arial, Helvetica; 
	font-size: 12px; 
	font-weight: bold; 
	color: #DB814A; 
	text-decoration: none;
}
.hdrlink:hover 
{	font-family: Arial, Helvetica; 
	font-size: 12px; 
	font-weight: bold; 
	color: #666666; 
	text-decoration: underline; 
}

/* new omni css*/

A:link,A:active,A:visited
{
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-weight:normal;
    font-size:11px;
    color:#333333;
    text-decoration:none;
}

A:hover
{
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-weight:normal;
    font-size:11px;
    color:#ff8000;
    text-decoration:none;
}


A.topnav:link,A.topnav:active,A.topnav:visited
{
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-weight:bold;
    font-size:11px;
    color:#FFFFFF;
    text-decoration:none;
    background:#FFFFFF url(/assets/nav-off.gif) repeat-x top left;
    border-right:solid 1px #FFFFFF;
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
    margin-bottom:-5px;
    display:block;
    height:28px;
}

A.topnav:hover
{
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-weight:bold;
    font-size:11px;
    color:#FFFFFF;
    text-decoration:none;
    background:#FFFFFF url(/assets/nav-over.gif) repeat-x top left;
    border-right:solid 1px #FFFFFF;
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
    margin-bottom:-5px;
    display:block;
    height:28px;
}



A.nav1:link,A.nav1:active,A.nav1:visited
{
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-weight:bold;
    font-size:11px;
    color:#333333;
    text-decoration:none;
    background:#d1d1d1;
    border-bottom:solid 1px #EEEEEE;
	border-top:solid 1px #EEEEEE;
    padding-top:3px;
    padding-left:10px;
    padding-right:10px;
    margin-bottom:-2px;
    display:block;
    height:25px;
}

A.nav1:hover { text-decoration:underline; }

A.nav2:link,A.nav2:active,A.nav2:visited
{
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size:11px;
	font-weight:bold;
    color:#DB814A;
    text-decoration:none;
	background:#ebebeb;
    border-top:solid 1px #FFFFFF;
    padding-top:3px;
    padding-left:20px;
    padding-right:10px;
    margin-bottom:-2px;
    display:block;
    height:25px;
}

A.nav2:hover { text-decoration:underline; }

A.nav3:link,A.nav3:active,A.nav3:visited
{
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size:10px;
	font-weight:normal;
    color:#666666;
    text-decoration:none;
	background:#ffefdf;
    text-align:left;
    border-top:solid 1px #FFFFFF;
    padding-top:3px;
    padding-left:30px;
    padding-right:10px;
    margin-bottom:-2px;
    display:block;
    height:25px;
}

A.nav3:hover { text-decoration:underline; }

A.nav4:link,A.nav4:active,A.nav4:visited
{
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size:10px;
    font-weight:normal;
	color:#666666;
    text-decoration:none;
	background:#ffffff;
    text-align:right;
    border-top:solid 1px #FFFFFF;
    padding-top:2px;
    padding-left:10px;
    padding-right:20px;
    margin-bottom:-2px;
    display:block;
    height:20px;
    background:#ffffff;
}

A.nav4:hover { text-decoration:underline; }

/* cpc styles */


A.subnav:link,A.subnav:active,A.subnav:visited

{ 
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	color: #D87000; 
	text-decoration: none;
}
A.subnav:hover 
{ 
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	color: #666666; 
	text-decoration: underline;
}

A.platinumTitle:link,A.platinumTitle:active,A.platinumTitle:visited

{ 
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	color: #D87000; 
	text-decoration: none;
}
A.platinumTitle:hover 
{ 
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	color: #666666; 
	text-decoration: underline;
}


A.keltitle:link,A.keltitle:active,A.keltitle:visited

{ 
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	color: #D87000; 
	text-decoration: none;
}
A.keltitle:hover 
{ 
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	color: #666666; 
	text-decoration: underline;
}


.rhs_wlfgcpc_itm
{ 
	font-family: Arial, Helvetica; 
	font-size: 10px; 
	font-weight: normal; 
	color: #666666; 
	text-decoration: none;
	text-align: left;
	display:block;
}
	
.rhs_wlfgcpc_itm a:link, .rhs_wlfgcpc_itm a:active,.rhs_wlfgcpc_itm a:visited
{ 
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	color: #DB814A; 
	text-decoration: none;
	text-align: left;
}

.rhs_wlfgcpc_itm a:hover
{ 
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	color: #666666; 
	text-decoration: underline;
	text-align: left;
}

.rhs_wlfgcpc_ttl
{ 
	font-family: Arial, Helvetica; 
	font-size: 9px; 
	font-weight: normal; 
	color: #666666; 
	text-decoration: none;
	text-align: right;
}

/* linkspot styles */

.rhs_wlfgspt_itm
{ 
	font-family: Arial, Helvetica; 
	font-size: 10px; 
	font-weight: normal; 
	color: #666666; 
	text-decoration: none;
	text-align: left;
}	
	
.rhs_wlfgspt_itm a:link, .rhs_wlfgspt_itm a:active,.rhs_wlfgspt_itm a:visited
{ 
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	color: #DB814A; 
	text-decoration: none;
	text-align: left;
	display:block;
	padding:5px;
	padding-left:20px;
	background:url(/images/arrow-right.gif) no-repeat left;
}

.rhs_wlfgspt_itm a:hover
{ 
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	color: #666666; 
	text-decoration: underline;
	text-align: left;
}

.rhs_wlfgspt_ttl
{ 
	font-family: Arial, Helvetica; 
	font-size: 9px; 
	font-weight: normal; 
	color: #666666; 
	text-decoration: none;
	text-align: right;
}

/* bmi chart*/
.font5 {color:windowtext;font-size:8.0pt;font-weight:400;font-style:normal;text-decoration:none;font-family:Garamond, serif;}
.font6 {color:windowtext;font-size:8.0pt;font-weight:700;font-style:normal;text-decoration:none;font-family:Garamond, serif;}
.xl24 {font-size:8.0pt;font-family:Garamond, serif;}
.xl25 {font-size:8.0pt;font-weight:700;font-family:Garamond, serif;border-top:none;border-right:.5pt solid black;border-bottom:.5pt solid black;border-left:none; background:white;}
.xl26 {font-size:8.0pt;font-weight:700;font-family:Garamond, serif;text-align:left;border-top:none;border-right:.5pt solid black;border-bottom:.5pt solid black;border-left:.5pt solid black;background:white;white-space:normal;}
.xl27 {font-size:8.0pt;font-family:Garamond, serif;border-top:none;border-right:.5pt solid black;border-bottom:.5pt solid black;border-left:none;background:white; white-space:normal;}
.xl28 {font-size:8.0pt;font-weight:700;font-family:Garamond, serif;text-align:center;border-top:none;border-right:.5pt solid black;border-bottom:.5pt solid black;border-left:.5pt solid black;background:white;}
.xl29 {font-size:8.0pt;font-family:Garamond, serif;border-top:none;border-right:.5pt solid black;border-bottom:.5pt solid black;border-left:none;background:lime;}
.xl30 {font-size:8.0pt;font-family:Garamond, serif;border-top:none;border-right:.5pt solid black;border-bottom:.5pt solid black;border-left:none;background:yellow;}
.xl31 {font-size:8.0pt;font-family:Garamond, serif;border-top:none;border-right:.5pt solid black;border-bottom:.5pt solid black;border-left:none;background:#99CC00;white-space:normal;}
.xl32 {font-size:8.0pt;font-family:Garamond, serif;border-top:none;border-right:.5pt solid black;border-bottom:.5pt solid black;border-left:none;background:#FF6600;white-space:normal;}
.xl33 {font-size:8.0pt;font-family:Garamond, serif;border-top:none;border-right:.5pt solid black;border-bottom:.5pt solid black;border-left:none;background:red;}
.xl34 {font-size:8.0pt;font-family:Garamond, serif;background:yellow;}
.xl35 {font-size:8.0pt;font-family:Garamond, serif;background:lime;}
.xl36 {font-size:8.0pt;font-family:Garamond, serif;background:#99CC00;}
.xl37 {font-size:8.0pt;font-family:Garamond, serif;background:#FF6600;}
.xl38 {font-size:8.0pt;font-family:Garamond, serif; background:red;}
.xl39 {font-size:8.0pt;font-family:Garamond, serif;text-align:center;border-top:.5pt solid black;border-right:.5pt solid black;border-bottom:none;border-left:.5pt solid black;background:white;}
.xl42 {font-size:8.0pt;font-weight:700;font-family:Garamond, serif;text-align:center;border-top:.5pt solid black;border-right:.5pt solid black;border-bottom:.5pt solid black;border-left:none;background:white;}
.xl44 {font-size:8.0pt;font-family:Garamond, serif;border-top:.5pt solid black;border-right:none;border-bottom:none;border-left:none;}
.xl45 {font-size:8.0pt;font-family:Garamond, serif; background:white;}

/* old cpc */



.cpc_description 
{ 
	font-family: Arial, Helvetica; 
	font-size: 10px; 
	font-weight: normal; 
	color: #666666; 
	text-decoration: none;
}

.cpc_title 
{ 
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	color: #FF9900; 
	text-decoration: none;
}
.cpc_title:hover 
{ 
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	color: #666666; 
	text-decoration: underline;
}

.cpc_description 
{ 
	font-family: Arial, Helvetica; 
	font-size: 10px; 
	font-weight: normal; 
	color: #666666; 
	text-decoration: none;
}
.cpc_description:hover 
{ 
	font-family: Arial, Helvetica; 
	font-size: 10px; 
	font-weight: normal; 
	color: #666666; 
	text-decoration: underline;
}
.cpc_url 
{ 
	font-family: Arial, Helvetica; 
	font-size: 10px; 
	font-weight: normal; 
	color: #999999; 
	text-decoration: none;
}
.cpc_url:hover 
{ 
	font-family: Arial, Helvetica; 
	font-size: 10px; 
	font-weight: normal; 
	color: #999999; 
	text-decoration: none;
}

/* bot ad results */

.bot_wlfgcpc_ttl
{ 
	font-family: Arial, Helvetica; 
	font-size: 9px; 
	font-weight: normal; 
	color: #666666; 
	text-decoration: none;
	text-align: right;
}

.bot_wlfgcpchdr { background:#FFF4EB;display:block;padding:5px;text-align:right;margin-top:10px; }
.bot_wlfgcpcbdy { background:#FFF4EB;display:block;padding:5px; }
.bot_wlfgcpcsep { background:#FFF4EB;display:block;font-size:4px; }

/* tab box */

.tabContainer{width:100%;}
		
UL.tabs
{clear:both;padding:0px 0px 0px 0px;margin:0px;list-style:none;float:left;width:100%;}

/* TAB OFF/UNSELECTED */
UL.tabs LI
{background:#FFFFFF url(/images/bg-off.gif) repeat-x left top;float:left;margin-right:2px;}

UL.tabs LI A:link,UL.tabs LI A:active,UL.tabs LI A:visited
{display:block;padding:5px 10px;color:#585049;text-decoration:none;}

UL.tabs LI A:hover
{text-decoration:underline;}

/* TAB ON/SELECTED */
UL.tabs LI.active
{background:#ADADA1 url(/images/bg-on.gif) repeat-x left top;float:left;margin-right:2px;}

UL.tabs LI.active A:link,UL.tabs LI.active A:active,UL.tabs LI.active A:visited
{display:block;padding:5px 10px;color:#FFFFFF;text-decoration:none;}

UL.tabs LI.active A:hover{text-decoration:underline;}
.tabPage{border:solid 1px #ADADA1;padding:10px;position:relative;clear:both;}

/* ROUNDED CORNERS */
.topleft
{background: url(/images/tl.gif) no-repeat left top;}
.topright
{background: url(/images/tr.gif) no-repeat right top;}

/* rollover showcase tables */

.TopTDOu	{border-left:dashed 1px #c0c0c0;background:#F5E9E9;cursor:hand;cursor:pointer;}
.TopTDOv	{border-left:dashed 1px #c0c0c0;background:#FFCCCC;cursor:hand;cursor:pointer;}

.ftrTblOu{border:solid 1px #C33B3B;background:#F5E9E9;cursor:pointer;cursor:hand;}
.ftrTblOv{border:solid 1px #C33B3B;background:#FFCCCC;cursor:pointer;cursor:hand;}
.ftrCopy{}
A.ftrLink:link,A.ftrLink:active,A.ftrLink:visited,A.ftrLink:hover
{color:#FFFFFF;font-size:11px;height:17px;width:87px;background:url(pix/fea-more.gif);display:block;}

.TopTable	{border-top:dashed 1px #C0C0C0;border-bottom:dashed 1px #C0C0C0;border-right:dashed 1px #C0C0C0;}
.BotTable	{border:solid 1px #EBEBEB;}
.BotTDOu	{background:#EFEFEF;cursor:hand;cursor:pointer;}
.BotTDOv	{background:#CCCCCC;cursor:hand;cursor:pointer;}

/* new diet profile */

.profilecontent {margin: 0px 0px 0px 0px;font-size:11px;}
.profiledetails {width:470px; text-align:left; background:#F5F5F5; padding: 10px;}

/* layout */

#bmi_container {background: #F5F5F5;width:490px;margin:0px 0px 20px 0px;}
#bmr_container {background: #F5F5F5;width:490px;margin:0px 0px 20px 0px;}
#targets_container {background: #F5F5F5;width:490px;margin:0px 0px 20px 0px;}
#goals_container {background: #F5F5F5;width:490px;margin:0px 0px 20px 0px;}
#next_container {background: #F5F5F5;width:490px;margin:0px 0px 30px 0px;}

#bmr_container .bmrresults {padding:15px 11px 15px 0px;background-image:url(http://www.weightlossforgood.co.uk/images/bmr_results.gif);background-repeat:no-repeat;background-position:0px 15px;}
#targets_container .targets {padding-bottom:15px;background-image:url(http://www.weightlossforgood.co.uk/images/profile-targets_results.gif);background-repeat:no-repeat;}
#goals_container .newgoal {padding-bottom:45px;background-image:url(http://www.weightlossforgood.co.uk/images/goalweight.gif);background-repeat:no-repeat;}
#next_container .screengrab {background-image:url(http://www.weightlossforgood.co.uk/images/thumb.gif);background-repeat:no-repeat;}

/* new ones to set out layouts */

#bmi_container .profilebmichart {text-align:center; margin: 10 0 10 0; background:#F5F5F5;}
.profiledetails .profileleft {width:310px;padding: 0px 10px 0px 0px;}
.profiledetails .profileright {width:120px;padding: 0px 10px 0px 0px;}
.profilelarge {font-size:11px;line-height:1.4em;}
.profilelargest {font-size:12px;line-height:1.5;}


