﻿/************************************************
	Copyright
    2beknown 2010
	CSS StyleSheet by Tavis Basing
    Last Updated: 04 February 2010
	www.2beknown.co.uk
************************************************/

/************************************************
TEMPORARY STYLE                     [=TEMP]
GLOBAL STYLE                        [=GLOBAL]


Tab colours

Grey line		999999

Nut Therapy		c4d82d

wellbeing		d91d59

Food Coach		06145b

Weight loss		22c4f2

Fertility		f37321

Corporate		721549

Supplements		e7c156

Prices			266130

About us		8fdaf8

Contact			9e8652



Register box colour	0d8082

Input box borders	c4d92e

Input box colour	e1f2f3		

************************************************/
/**********  [=TEMP]   **********/

.debug { color: Red; font-size: 16px; font-weight: bold; }

/**********  [=GLOBAL]   **********/
* { margin: 0; padding: 0; }
body {font-size:11px; font-weight:bold; font-family:Arial; margin:0px 0px 0px 0px;}

#wrap {width: 1024px; height:auto; text-align:left; margin: 0 auto; overflow: hidden;}
h1 { color: #373737; font-weight:normal;font-size:20px;margin-top:5px; }
h2 {color:#5d5d5d; font-weight:normal;font-size:16px;margin-top:5px; }
h3{color: Black; font-size:15px;font-weight:bold;margin:5px 0;}
h4 { color: #484848; font-size:12px;font-weight:normal;line-height:1.6em;}
h5 {color:black;font-size:13px;font-weight:bold; }
h6 {}
a {text-decoration:none;color:#373737;font-weight:bold;}
a:hover {text-decoration:none;color:#373737;}
.bold {font-weight:bold;}
span.blue {color:#00b9ff;}
span.blue:hover {color:#373737;}
span.yell {color:#f37321 !important;font-size:9px;}
span.green {color:#c4d82d;}
.black {color:Black;}

/**********  [=Header]   **********/
#header {height:208px;margin:0px auto 0px;padding:0px 0 0 0px;width:982px;}
.logohead {background: url(graphics/mainlogo.gif) repeat-x; margin:0 auto;height:116px; width:246px;margin-top:15px;}
.header {width:982px;height:158px;margin:0 auto;padding-top:15px;}

/**********  [=Footer]   **********/
.footer {background: url(graphics/footer.gif) repeat-x; background-position:bottom; height:210px;clear:both;font-size:10px; font-weight:normal;}
.foottopinner {margin:0 auto 0px; height:90px; overflow:hidden;width:982px;}
.foottop .smalllogo {width:134px;margin:0 auto;height:90px;float:left;background: url(graphics/smallogo.gif) no-repeat;}
.foottop { height:90px;margin:0 auto;overflow:hidden;padding:0 0px;width:982px;}
.leftbar {width:424px; height:90px; float:left;}
.rightbar {width:424px; height:90px; float:right;}
.foottop ul {width:106px;margin-top:40px; height:90px; float:left; list-style:none;font-size:9px;color:#CCCCCC; font-weight:normal;}
.foottop ul li {line-height:1.6em;}
.foottop ul li a{color:#a1a1a1; font-weight:normal;}
.foottop ul li a:hover{color:black;font-weight:bold;}
.foottop ul.bigo {padding-left:10px;width:96px;}
.foottop ul.small {padding-left:20px;width:86px;}

.foot { height:43px;margin:24px auto 0;padding:50px 40px 0;width:902px;font-size:10px;background: url(graphics/wavybit.gif) no-repeat;background-position:top;}

.footleft {height:20px; float:left;width:400px;margin:10px 0 0;color:black;font-size:11px;}
.footleft a {float:left; text-decoration:none; color:black; cursor:pointer; font-size:11px; text-transform:uppercase; font-weight:bold; margin:13px 15px 0px 0px; }
.footleft a:hover {color:black;}
.footleft input{float:left; margin-right:15px;}
.footright {height:20px; float:left;width:500px; text-align:right;margin:10px 0 0;}
.footright a {float:right; text-decoration:none; color:black; cursor:pointer; font-size:11px;margin:0px 5px 0px 0px;font-weight:normal; }
.footright p {clear:both;color:black;height:10px;padding-top:5px;}
.footright a:hover {color:black;}
       
/********** [= Default]*************/  
.aboutsponsor {margin:15px 0;}
.contentouter {width:982px; margin:0 auto;height:auto; overflow:hidden;}
.content {width:982px; margin:0 auto; height:auto; overflow:hidden;}
.maincontent {padding:15px 0px;width:982px; float:left;}
.maincontent p {margin:15px 0px;color:#5d5d5d;line-height:1.6em;}
.homecontent {background: url(graphics/textboximage.gif) no-repeat; background-position:right; height:195px;padding:6px 90px 25px 30px;
width:538px;float:left;border:solid 1px #CCCCCC;}
.galleryslider {width:990px; margin:0 auto;}
span.lefttextbold {font-weight:bold;font-size:14px;}
span.checkstyle {float:left;width:auto;color:black;}
span.checkstyle input {margin-left:0px; margin-top:10px;}
span.checkstyle label {color:black;margin-left:5px;}
.formbx a.btnClickBR {display:block; width:140px; height:27px;background: url(graphics/sendenquiry.gif) no-repeat;float:right;margin-right:4px;margin-top:15px;}
.newsletterRHS a.btnClickBR {margin-right:10px;}
a.btnClickBR:hover {color:#FFFFFF;background-position:bottom; }
.newsletter {float:left; height:192px;margin-left:15px;padding:10px 25px 25px;width:253px;background-color:#0d8082;}
.newsletter h1 {color:#FFFFFF; font-size:26px;}
.newsletter p{line-height:1.4em;margin-bottom:0;margin-top:0;font-size:11px;color:#FFFFFF;}
.newsletter input {font-size:12px;background-color:#e1f2f3; border:solid 1px #c4d92e; margin-left:0px; height:19px;margin-top:10px;padding:1px 4px 2px;width:234px;color:black;}
.newsletter select {font-size:12px;background-color:#e1f2f3; border:solid 1px #c4d92e; margin-left:0px; height:24px;margin-top:-1px;padding:2px 4px;width:244px;color:black;margin-bottom:8px;}
.newsletter a.btnClickBR {margin-top:4px;display:block; width:140px; height:27px;background: url(graphics/registernowbut.gif) no-repeat;float:right;margin-right:9px;}
.newsletter a.btnClickBR:hover{ background-position:bottom;}
.newsletbxpu {width:315px; }
.newsletbxpu input {font-size:12px;background: url(graphics/newsletterinputbar.jpg) repeat-x; border:solid 1px #dedddd; margin-left:0px; height:24px;margin-top:10px;padding:3px 4px 2px;width:187px;color:#FFFFFF;}
.newsletbxpl a.btnClickBR {display:block; width:139px; height:45px;background: url(graphics/registerbut.gif) no-repeat;margin-top:20px;}
.newsletbxpl a.btnClickBR:hover{ background-position:bottom;}
.smlogo { height:73px;float:left; width:211px; }
input.smalllogo {padding:19px 0 0 51px;}
.ButtonBox {width:320px; float:left; height:30px;}
.ButtonBox a.btnClickAU {display:block; width:140px; height:27px;background: url(graphics/moreaboutusbut.gif) no-repeat;float:left;margin-right:15px;}
.ButtonBox a.btnClickCT {display:block; width:140px; height:27px;background: url(graphics/contactusbut.gif) no-repeat;float:left;}
.ButtonBox a:hover {background-position:bottom;}
.recipeimage {float:right;height:90px; }
/**************** [About] ******************/
.maincontentA {padding:0px 35px 0px 0px;width:990px; float:left;}
.maincontentA p {margin:15px 0px;color:#5d5d5d;line-height:1.6em;}
.LHSMenu {width:275px; float:left; height:auto;}
.RHSMain {width:645px; float:left; height:auto;padding:45px 35px;margin-bottom:30px;overflow:hidden;height:100%;}
.RHSMain h1{color:#00b9ff; text-transform:uppercase;margin-top:15px;}
.RHSMain p {padding-right:120px;}
.RHSMain ul {margin-left:15px;}
.RHSMain li {margin-left:0px;color:#5D5D5D;line-height:1.7em;}
.RHSMain a {color:#c4d82d;}
.aboutsponsor img {border-bottom:solid 1px #999999;}
.smallmenu { text-transform:uppercase; border-right:solid 0px #999999; height:auto;overflow:hidden; width:250px;float:left;}
.smallmenu a{ text-transform:uppercase;border-right:1px solid #999999; border-bottom:solid 1px #999999; height:44px;padding-left:0px;padding-top:0px;width:240px; float:left;font-size:12px;text-align:center;}
.smallmenu span {width:250px; height:30px;display:block;padding-top:14px;background-color:#FFFFFF;background:none;}
.smallmenu span:hover {background:url("graphics/.gif") no-repeat scroll 240px 0 transparent;}
.smallmenu a:hover {border-right:solid 0px #999999;}
.smallmenu a.current span {background:url("graphics/.gif") no-repeat scroll 241px 0 transparent;}

#nutt .smallmenu span:hover {background:url("graphics/menuNT.gif") no-repeat scroll 240px 0 transparent;}
#nutt .smallmenu a:hover {background-color:#c4d82d;border-right:solid 0px #999999;}
#nutt .smallmenu a.current span {background:url("graphics/menuNT.gif") no-repeat scroll 241px 0 transparent;background-color:#c4d82d;}

#wb a {color:#d91d59;}
#wellbeing .smallmenu span:hover {background:url("graphics/menuWB.gif") no-repeat scroll 240px 0 transparent;}
#wellbeing .smallmenu a:hover {background-color:#d91d59;border-right:solid 0px #999999;}
#wellbeing .smallmenu a.current span{background:url("graphics/menuWB.gif") no-repeat scroll 241px 0 transparent;background-color:#d91d59;}

#fc a {color:#06145b;}
#foodcoach .smallmenu a{color:#FFFFFF;}
#foodcoach .smallmenu span:hover {background:url("graphics/menuFC.gif") no-repeat scroll 240px 0 transparent;}
#foodcoach .smallmenu a:hover {background-color:#06145b;border-right:solid 0px #999999;}
#foodcoach .smallmenu a.current span{background:url("graphics/menuFC.gif") no-repeat scroll 241px 0 transparent;background-color:#06145b;}

#wl a {color:#22c4f2;}
#weightloss .smallmenu span:hover {background:url("graphics/menuWL.gif") no-repeat scroll 240px 0 transparent;}
#weightloss .smallmenu a:hover {background-color:#22c4f2;border-right:solid 0px #999999;}
#weightloss .smallmenu a.current span{background:url("graphics/menuWL.gif") no-repeat scroll 241px 0 transparent;background-color:#22c4f2;}

#ft a {color:#f37321;}
#fertility .smallmenu span:hover {background:url("graphics/menuFT.gif") no-repeat scroll 240px 0 transparent;}
#fertility .smallmenu a:hover {background-color:#f37321;border-right:solid 0px #999999;}
#fertility .smallmenu a.current span{background:url("graphics/menuFT.gif") no-repeat scroll 241px 0 transparent;background-color:#f37321;}

#cp a {color:#721549;}
#corporate .smallmenu span:hover {background:url("graphics/menuCP.gif") no-repeat scroll 240px 0 transparent;color:#FFFFFF;}
#corporate .smallmenu a:hover {background-color:#721549;border-right:solid 0px #999999;color:#FFFFFF;}
#corporate .smallmenu a.current span{background:url("graphics/menuCP.gif") no-repeat scroll 241px 0 transparent;background-color:#721549;color:#FFFFFF;}

#st a {color:#e7c156;}
#supplement .smallmenu span:hover {background:url("graphics/menuST.gif") no-repeat scroll 240px 0 transparent;}
#supplement .smallmenu a:hover {background-color:#e7c156;border-right:solid 0px #999999;}
#supplement .smallmenu a.current span{background:url("graphics/menuST.gif") no-repeat scroll 241px 0 transparent;background-color:#e7c156;}

#pr a {color:#0d8082;}
#prices .smallmenu span:hover {background:url("graphics/menuPC.gif") no-repeat scroll 240px 0 transparent;color:#FFFFFF;}
#prices .smallmenu a:hover {background-color:#0d8082;border-right:solid 0px #999999;color:#FFFFFF;}
#prices .smallmenu a.current span{background:url("graphics/menuPC.gif") no-repeat scroll 241px 0 transparent;background-color:#0d8082;color:#FFFFFF;}
#pr h2 {color:#0d8082;font-weight:bold;}
#pr p{font-size:13px;}

#ab a {color:#55BBEA;}
#ab a:hover {color:#f37321;}
#aboutus .smallmenu span:hover {background:url("graphics/menuAB.gif") no-repeat scroll 240px 0 transparent;}
#aboutus .smallmenu a:hover {background-color:#8fdaf8;border-right:solid 0px #999999;}
#aboutus .smallmenu a.current span{background:url("graphics/menuAB.gif") no-repeat scroll 241px 0 transparent;background-color:#8fdaf8;}
#ab h1 {color:#5D5D5D;margin-top:0px;font-size:18px;}
#ab h2 {color:#55BBEA;font-weight:bold;text-transform:uppercase;font-size:17px;}
#ab h3 {color:#f37321;margin-top:6px;font-weight:normal;}

#contactus a:hover {color:#fcca0b;}
#contactus a {color:#ed2024;}
#contact .smallmenu span:hover {background:url("graphics/menuCF.gif") no-repeat scroll 240px 0 transparent;color:#FFFFFF;}
#contact .smallmenu a:hover {background-color:#ed2024;border-right:solid 0px #9e8652;color:#FFFFFF;}
#contact .smallmenu a.current span{background:url("graphics/menuCF.gif") no-repeat scroll 241px 0 transparent;background-color:#ed2024;color:#FFFFFF;}
#contactus h2 {color:#fcca0b;font-weight:bold;}
#contactus p{font-size:12px;padding-right:0px;}

#sitemap h2 a{color:#fcca0b;font-weight:bold;}
#sitemap h3 a{color:#A1A1A1;}


/**************** [Legal] ******************/
.content .legal p {color:#5F5F5F;font-size:12px; padding-right:50px;line-height:1.7em;margin-bottom:15px;}
.content .legal h4 {color: #4CCBF4; text-transform:uppercase; font-size:15px; margin-bottom:10px;}
.content td a{color:#373737;}
.content td a:hover{color:#00b9ff;}
.content #ctl00_ContentPlaceHolder1_TreeView1 {margin-top:15px;}

/*************** [Contact] ********************/
.contform h1 {font-size:17px; font-weight:bold;margin-top:10px;}
.smallmenu h2 {border-bottom:2px solid #E8E8E8;color:#5D5D5D;font-size:14px;font-weight:bold;margin-bottom:10px;margin-top:10px;padding-bottom:10px;}
.smallmenu h4 {color: #00B9FF; font-size:14px;font-weight:bold;margin-bottom:10px;}
.smallmenu p { text-transform:none;}
.contformbox {overflow:hidden;border:0px solid #E8E8E8; padding:0px 0px;width:504px;}               
.contform {width:730px; height:auto; clear:both; overflow:hidden;}
.contform .formbx input {width:491px; font-size:13px;background-color:#fcca0b; border:solid 1px #dedddd; margin-left:0px; height:20px;margin-top:5px;padding:3px 4px 2px;color:black;}
.contform .formbx select {font-size:13px;background-color:#fcca0b; border:solid 1px #dedddd; margin-bottom:15px;margin-left:0;margin-top:0;padding:6px 4px 2px;width:501px;color:black;}
.contform .formbx textarea {width:490px; height:90px; padding:5px; background-color:#fcca0b; border:solid 1px #dedddd; font-family:Arial; font-size:13px;color:black;}
.contform .formbx select option {color:black;}
.contform span.contlabeltop {margin:10px 0px 5px; overflow:hidden; float:left; font-weight:bold; padding-left:5px;}
.contform span.contlabel {margin:5px 0px; overflow:hidden; float:left;font-weight:bold; padding-left:5px;}
.contform .contbtnbox {width:503px; height:60px; float:left; margin:15px 0px;}
.contform .contbtnleft {width:246px; height:60px; float:left;}
.contform .contbtnright {width:257px; height:60px; float:right;}
.contform span.contlabel label {margin-left:5px;}


/* # Meun # */

.menu {width:982px;margin:0 auto;clear:both;display:block;height:35px;}
.menusmallblock {height:35px; width:20px; float:left; display:block;background: url(graphics/smallblocks.gif) no-repeat;margin-left:3px;
margin-right:3px;}
.menuside {width:478px;	height:31px; float:left;border-top:solid 2px #CCCCCC;border-bottom:solid 2px #CCCCCC;}
ul.topnav {
	margin: 0; padding: 0;
	float:left;
	padding:0 0 0 0px;
	list-style: none;	
	margin:0px 0 0;
	width:478px;	
    /*background: url(graphics/tabs.gif) no-repeat;background-position:top left;*/
}

ul.topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
}
ul.topnav li a {float: left;color:Black;font-size:12px;font-weight:normal;text-transform:uppercase;text-decoration:none;
	/*text-indent: -9999px; /*--Push text off of page--*/height: 21px;width: auto;padding:10px 6px 0px;}
ul#menuright li a {}
ul.topnav li a span.infotxt {font-size:10px;color:#484848;}
ul.topnav li a:hover span.infotxt {color:#bdbdbd;}
ul.topnav a.nt { }
ul.topnav a.nt:hover {border-bottom:solid 3px #c4d82d;height:18px; }
ul.topnav a.nton {border-bottom:solid 3px #c4d82d; height:18px;}
ul.topnav a.wb { }
ul.topnav a.wb:hover {border-bottom:solid 3px #d91d59;height:18px;}
ul.topnav a.wbon {border-bottom:solid 3px #d91d59;height:18px;}
ul.topnav a.fc { }
ul.topnav a.fc:hover {border-bottom:solid 3px #06145b;height:18px;}
ul.topnav a.fcon {border-bottom:solid 3px #06145b;height:18px;}
ul.topnav a.wl { }
ul.topnav a.wl:hover {border-bottom:solid 3px #22c4f2;height:18px;}
ul.topnav a.wlon {border-bottom:solid 3px #22c4f2;height:18px;}
ul.topnav a.ft { }
ul.topnav a.ft:hover {border-bottom:solid 3px #f37321;height:18px;}
ul.topnav a.fton {border-bottom:solid 3px #f37321;height:18px;}

ul.topnav a.cp {padding:10px 10px 0; }
ul.topnav a.cp:hover {border-bottom:solid 3px #721549;height:18px;}
ul.topnav a.cpon {border-bottom:solid 3px #721549;height:18px;padding:10px 10px 0;}

ul.topnav a.st { }
ul.topnav a.st:hover {border-bottom:solid 3px #e7c156;height:18px;}
ul.topnav a.ston {border-bottom:solid 3px #e7c156;height:18px;}

ul.topnav a.pc {padding:10px 7px 0;}
ul.topnav a.pc:hover {border-bottom:solid 3px #0d8082;height:18px;}
ul.topnav a.pcon {padding:10px 7px 0;border-bottom:solid 3px #0d8082;height:18px;}

ul.topnav a.news {padding:10px 8px 0; }
ul.topnav a.news:hover {border-bottom:solid 3px #8fdaf8;height:18px;}
ul.topnav a.newson {padding:10px 8px 0;border-bottom:solid 3px #8fdaf8;height:18px;}

ul.topnav a.about {padding:10px 12px 0; }
ul.topnav a.about:hover {border-bottom:solid 3px #8fdaf8;height:18px;}

ul.topnav a.home {padding:10px 8px 0; }
ul.topnav a.home:hover {border-bottom:solid 3px #8fdaf8;height:18px;}
ul.topnav a.homeon {padding:10px 8px 0;border-bottom:solid 3px #8fdaf8;height:18px;}

ul.topnav a.contactus {padding:10px 8px 0;}
ul.topnav a.contactus:hover {border-bottom:solid 3px #ED2024;height:18px;}
ul.topnav a.contactuson {padding:10px 8px 0;border-bottom:solid 3px #ED2024;height:18px;}

/*ul.topnav li .sub {font-size:11px;z-index:9999;      
	position: absolute; /*--Important--*/
	/*top: 40px; left: 0;
	background: #000000 url(graphics/dropdown.png) repeat-x; /*--Background gradient--*/
	/*padding: 0px 0px 5px;
	float: left;
	/*--Bottom right rounded corner--*/
	/*-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	/*-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
/*}*/
ul.topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul.topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 110px;
	float: left;
	z-index:9999;
}
ul.topnav li .sub ul#big{
	list-style: none;
	margin: 0; padding: 0;
	width: 112px;
	float: left;
}
ul.topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
	z-index:9999;
}
ul.topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	/*font-size: 1.3em;*/
	font-weight: normal;
}
ul.topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul.topnav .sub ul li a {
	font-size:11px;
	float: none;
	font-weight:normal;
	font-family:Arial;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	/*background: url(graphics/navlist_arrow.png) no-repeat 5px 12px;*/
	background: url(graphics/dropdown.png) repeat-x;
    padding: 7px 5px 7px 5px;
	display: block;
	height:17px;
	text-decoration: none;
	text-transform:none;
	color: #fff;
}

ul.topnav .sub ul li.last a {
    font-size:11px;
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	/*background: url(graphics/navlist_arrow.png) no-repeat 5px 12px;*/
	background: url(graphics/dropdown.png) repeat-x;
    padding: 8px 5px 7px 5px;
	display: block;
	height:16px;
	text-decoration: none;
	text-transform:none;
	color: #fff;
}
ul.topnav .sub ul li a:hover {
	color: #ec008c;
	/*background-position:bottom;*/
	/*background-position: 5px 12px ;--Override background position--*/
}

/**************************** HomePage Sliding divs ***********************/
span.arrow {display:block; background: url(graphics/arrows.png) no-repeat; width:14px; height:9px;margin-top:3px;float:right;}
.firstbox {width:247px; float:left;height:auto;margin-left:1px;}
.secondbox {width:174px; float:left;height:auto;margin-left:16px;}
.thirdbox {width:342px;float:left;height:auto;margin-left:16px;}
.fourthbox {width:165px;float:left;height:auto;margin-left:16px;}

.feature_box{
  width:247px;
  position:relative;
  margin:15px 0 0px;
}
.feature_box h2{
  background:#d91d59;
  padding:10px;
  font-size:16px;
  margin:0;
  font-weight:bold;
  font-family:arial;
  text-transform:uppercase;
}

.feature_box a, .feature_box h2 a{ text-decoration:none; }
.feature_box h2 a:link, .feature_box h2 a:visited{color:#FFF;}
.feature_box a:hover{ background:none; }
.feature_box a, .feature_box img { display:block;border:medium none; }

.feature_box h2 span.sub_hdr{
  display:block;
  color:#d91d59;
  font-size:12px;
  margin:5px 0 0;
  font-weight:normal;
}

.feature_box p{
  overflow:hidden;
  width:100%;
  z-index:1;
  background-color:#d91d59;
  font-family: arial;
  margin:0;
  font-size: 12px;
  margin: 0 0 10px 0;
  line-height:1.5;
  opacity:0.9;
}
.feature_box p a:link, .feature_box p a:visited{
  width:227px;
  color:#FFF;
  padding:10px;
}
.feature_box p a:hover{ color:#FFF; }

.feature_box p.weightloss {background:#22c4f2;}
.feature_box h2.weightloss {background:#22c4f2;}


.feature_boxS{
  width:167px;
  position:relative;
  margin:15px 0 0px;
  }
.feature_boxS h2{
  background:#e7c156;
  padding:10px;
  font-size:16px;
  margin:0;
  font-weight:bold;
  font-family:arial;
  text-transform:uppercase;
}

.feature_boxS a, .feature_boxS h2 a{ text-decoration:none; }
.feature_boxS h2 a:link, .feature_boxS h2 a:visited{color:#FFF;}
.feature_boxS a:hover{ background:none; }
.feature_boxS a, .feature_boxS img { display:block;border:medium none; }

.feature_boxS h2 span.sub_hdr{
  display:block;
  color:#e7c156;
  font-size:12px;
  margin:5px 0 0;
  font-weight:normal;
}

.feature_boxS p{
  overflow:hidden;
  width:167px;
  z-index:1;
  background-color:#e7c156;
  font-family: arial;
  margin:0;
  font-size: 12px;
  margin: 0 0 10px 0;
  line-height:1.5;
  opacity:0.9;
  
}
.feature_boxS p a:link, .feature_boxS p a:visited{
  width:147px;
  color:#FFF;
  padding:10px;
}
.feature_boxS p a:hover{ color:#FFF; }

.feature_boxS h2.supplement {background:#e7c156;}



.feature_boxC{
  width:342px;
  position:relative;
  margin:15px 0 0px;
  
}
.feature_boxC h2{
  background:#721549;
  padding:10px;
  font-size:16px;
  margin:0;
  font-weight:bold;
  font-family:arial;
  text-transform:uppercase;
}

.feature_boxC a, .feature_boxC h2 a{ text-decoration:none; }
.feature_boxC h2 a:link, .feature_boxC h2 a:visited{color:#FFF;}
.feature_boxC a:hover{ background:none; }
.feature_boxC a, .feature_boxC img { display:block;border:medium none; }

.feature_boxC h2 span.sub_hdr{
  display:block;
  color:#721549;
  font-size:12px;
  margin:5px 0 0;
  font-weight:normal;
}

.feature_boxC p{
  overflow:hidden;
  width:342px;
  z-index:1;
  background-color:#721549;
  font-family: arial;
  margin:0;
  font-size: 12px;
  margin: 0 0 10px 0;
  line-height:1.5;
  opacity:0.9;
  
}
.feature_boxC p a:link, .feature_boxC p a:visited{
  width:322px;
  color:#FFF;
  padding:10px;
}
.feature_boxC p a:hover{ color:#FFF; }

.feature_boxN{
  width:174px;
  position:relative;
  margin:15px 0 0px;
}
.feature_boxN h2{
  background:#c4d82d;
  padding:10px 5px;
  font-size:16px;
  margin:0;
  font-weight:bold;
  font-family:arial;
  text-transform:uppercase;
}

.feature_boxN a, .feature_boxN h2 a{ text-decoration:none; color:#FFF;}
.feature_boxN h2 a:link, .feature_boxN h2 a:visited{color:#FFF;}
.feature_boxN a:hover{ background:none; }
.feature_boxN a, .feature_boxN img { display:block;border:medium none; }

.feature_boxN h2 span.sub_hdr{
  display:block;
  color:#c4d82d;
  font-size:12px;
  margin:5px 0 0;
  font-weight:normal;
}

.feature_boxN p{
  overflow:hidden;
  width:174px;
  z-index:1;
  background-color:#c4d82d;
  font-family: arial;
  margin:0;
  font-size: 12px;
  margin: 0 0 10px 0;
  line-height:1.5;
  opacity:0.9;

}
.feature_boxN p a:link, .feature_boxN p a:visited{
  width:154px;
  color:#FFF;
  padding:10px;
}
.feature_boxN p a:hover{ color:#FFF; }

.feature_boxF{
  width:203px;
  position:relative;
  margin:15px 0 0px;
  float:left;
}
.feature_boxF h2{
  background:#06145b;
  padding:10px 3px;
  font-size:16px;
  margin:0;
  font-weight:bold;
  font-family:arial;
  text-transform:uppercase;
}

.feature_boxF a, .feature_boxF h2 a{ text-decoration:none;color:#FFF; }
.feature_boxF h2 a:link, .feature_boxF h2 a:visited{color:#FFF;}
.feature_boxF a:hover{ background:none; }
.feature_boxF a, .feature_boxF img { display:block;border:medium none; }

.feature_boxF h2 span.sub_hdr{
  display:block;
  color:#06145b;
  font-size:12px;
  margin:5px 0 0;
  font-weight:normal;
}

.feature_boxF p{
  overflow:hidden;
  width:203px;
  z-index:1;
  background-color:#06145b;
  font-family: arial;
  margin:0;
  font-size: 12px;
  margin: 0 0px 10px;
  
  line-height:1.5;
  opacity:0.9;
}
.feature_boxF p a:link, .feature_boxF p a:visited{
  width:183px;
  color:#FFF;
  padding:10px;
}

.feature_boxF p a:hover{ color:#FFF; }

.feature_boxP{
  width:126px;
  position:relative;
  margin:15px 0 0px 12px;
   float:left;
}
.feature_boxP h2{
  background:#f37321;
  padding:7px 10px;
  font-size:16px;
  margin:0;
  font-weight:bold;
  font-family:arial;
  text-transform:uppercase;
}

.feature_boxP a, .feature_boxP h2 a{ text-decoration:none;color:#FFF; }
.feature_boxP h2 a:link, .feature_boxP h2 a:visited{color:#FFF;}
.feature_boxP a:hover{ background:none; }
.feature_boxP a, .feature_boxP img { display:block;border:medium none; }

.feature_boxP h2 span.sub_hdr{
  display:block;
  color:#f37321;
  font-size:12px;
  margin:5px 0 0;
  font-weight:normal;
}

.feature_boxP p{
  overflow:hidden;
  width:126px;
  z-index:1;
  background-color:#f37321;
  font-family: arial;
  margin:0;
  font-size: 11px;
  margin: 0 0px 0px;
  
  line-height:1.5;
  opacity:0.9;
}
.feature_boxP p a:link, .feature_boxP p a:visited{
  width:106px;
  color:#FFF;
  padding:10px 10px 10px;
}

.feature_boxP p a:hover{ color:#FFF; }

/***************** New Slide Box ****************/

/***************************** Accordion *******************/
/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {margin-top:0px;width:250px;}

/* accordion header */
#accordion h2 {cursor:pointer;border-bottom:1px solid #999999;border-right:1px solid #999999;float:left;font-size:12px;height:44px;margin:0;padding:0;text-align:center;text-transform:uppercase;width:240px;}
#accordion h2 span {cursor:pointer;background:none repeat scroll 0 0 transparent;display:block;height:30px;padding-top:14px;width:250px;}
#accordion h2 span:hover {color:black;cursor:pointer;background:url("graphics/menuAB.gif") no-repeat scroll 241px 0 !important; background-color:#8FDAF8 !important;}
#accordion h2.current span {cursor:pointer;background:url("graphics/menuAB.gif") no-repeat scroll 241px 0 #8FDAF8;}
#accordion h2 span.button{ background: url('/images/accordianbuts.gif') no-repeat; width:34px; height:34px; background-position:bottom; display:block;float:right;margin:-8px 0 0;padding:0;border:none;}
#accordion h2.current span.button {background-position:top;}
/* currently active header */
#accordion h2.current {color:black;float:left;background-color:#8FDAF8;cursor:default;margin:0 25px 0 0;padding-bottom:0;}

/* accordion pane */
#accordion .pane {background-color:#FFFFFF;display:none;font-size:12px;height:auto;margin:0px;overflow:hidden;padding:0px 0px;text-align:center;float:left;width:240px;border-bottom:1px solid #999999;}

/* a title inside pane */
#accordion .pane h3 {font-weight:normal;margin:0 0 -5px 0;font-size:16px;color:#999;}
#accordion ul li {list-style:none;}
.smallmenu #accordion li a {border:none;height:30px;padding-top:15px;background-color:#8FDAF8;}
.smallmenu #accordion li a:hover {color:#FFFFFF;}

