@import "OutputMenuSettings.css";


/************************************************************/
/* Base Styles                                              */
/************************************************************/

body {
    background-color: #FFFFFF;
    font-family: Helvetica, Arial, Tahoma;
    font-size: 11px;
    color:#002252 !important;
}

#Breadcrumb a:link,
#Breadcrumb a:visited,
#Breadcrumb a:hover,
#Breadcrumb a:active {
    text-decoration: none !important;
}

#BaseRegion {
    width: 950px;
    margin: auto;
}

#BaseRegion h1
{
	font-family: Helvetica, Arial, Tahoma !important;
	font-size: 150% !important;
	font-weight: normal;
	color:#002252 !important;
	margin:0px;
}

#BaseRegion h2
{
	font-family: Helvetica, Arial, Tahoma !important;
	font-size: 140% !important;
	font-weight: normal;
	color:#002252 !important;
	margin:0px;
}

#BaseRegion h3
{
	font-family: Helvetica, Arial, Tahoma !important;
	font-size: 135% !important;
	font-weight: normal;
	color:#002252 !important;
	margin:0px;
}

#BaseRegion h4
{
	font-family: Helvetica, Arial, Tahoma !important;
	font-size: 95% !important;
	font-weight: normal;
	color:#002252 !important;
	margin:0px;
}

#BaseRegion h5
{
	font-family: Helvetica, Arial, Tahoma !important;
	font-size: 80% !important;
	font-weight: normal;
	color:#002252 !important;
	margin:0px;
}

#BaseRegion h6
{
	font-family: Helvetica, Arial, Tahoma !important;
	font-size: 60% !important;
	font-weight: normal;
	color:#002252 !important;
	margin:0px;
}


/************************************************************/
/* UpperHeaderRgn Styles                                    */
/************************************************************/

#UpperHeaderRgn {
    width: 100%;
    text-align: right;
    margin-top: 5px;
    margin-bottom: 3px;
}

/* BEGIN: Panel Wrapper Styles */

#UpperHeaderRgn .EditorPanel {
    min-height: 10px; 
    margin-right: 15px;
}

#UpperHeaderRgn .EditorPanel a:link,
#UpperHeaderRgn .EditorPanel a:visited,
#UpperHeaderRgn .EditorPanel a:hover,
#UpperHeaderRgn .EditorPanel a {
    font-size: 11px;
    font-family: Arial;
    font-weight: bold;
    text-decoration: none;
    color: #03417B  ;
}

#UpperHeaderRgn .EditorPanel ul, #UpperHeaderRgn .EditorPanel ul li,
#UpperHeaderRgn .EditorPanel ol, #UpperHeaderRgn .EditorPanel ol li
{
    padding: 0px !important;
    margin: 0px 0px 0px 15px !important;
}

/* END: Panel Wrapper Styles */


/************************************************************/
/* BodyRgn Styles								    		*/
/************************************************************/

#BodyRgn {
    width: 100%;
}

#BodyRgn .TopRow .Col1Row1
{
    height: 17px;
    width: 17px;
	background-repeat: no-repeat;
    background-position: left top;
    background-image: url('img/corner_topleft.gif');
}

#BodyRgn .TopRow .Col2Row1
{
    background-repeat: repeat-x;
    background-position: left top;
    background-image: url('img/bodyborder_top.gif');
}

#BodyRgn .TopRow .Col3Row1
{
    width: 17px;
	background-repeat: no-repeat;
    background-position: right top;
    background-image: url('img/corner_topright.gif');
}

#BodyRgn .CenterRow .Col1Row2
{
	background-repeat: repeat-y;
    background-position: left center;
    background-image: url('img/bodyborder_left.gif');
}

#BodyRgn .CenterRow .Col3Row2
{
	background-repeat: repeat-y;
    background-position: right center;
    background-image: url('img/bodyborder_right.gif');
}

#BodyRgn .BottomRow .Col1Row3
{
    height: 17px;
	background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url('img/corner_bottomleft.gif');
}

#BodyRgn .BottomRow .Col2Row3
{
    background-repeat: repeat-x;
    background-position: left bottom;
    background-image: url('img/bodyborder_bottom.gif');
}

#BodyRgn .BottomRow .Col3Row3
{
	background-repeat: no-repeat;
    background-position: right bottom;
    background-image: url('img/corner_bottomright.gif');
}


/************************************************************/
/* HeaderRgn Styles                                         */
/************************************************************/

#HeaderRgn {
    width: 100%;
    height: 85px;
    background-color: #7CC8F0 !important;
    background-image: url('img/bg_header.jpg');
    background-repeat: no-repeat;
}


#HeaderRgn .HomeLogoCell {
    width: 210px;
}

#HeaderRgn .HomeLogoLink {
    margin: 0px;
    width: 210px;
    height: 80px;
    display: block;
    background-repeat: no-repeat;
    background-image: url('img/transparent_pixel.gif');
}

/* BEGIN: Panel Wrapper Styles */

/* Lists and numbers */
#HeaderRgn .EditorPanel ul, #HeaderRgn .EditorPanel ul li,
#HeaderRgn .EditorPanel ol, #HeaderRgn .EditorPanel ol li
{
    padding: 0px !important;
    margin: 0px 0px 0px 15px !important;
}

#HeaderRgn .EditorPanel {
    margin: 25px 0px 0px 280px !important;
    min-height: 75px; 
    overflow: hidden;
    font-size: 15px;
    font-family: Helvetica;
    font-weight: bold;
    color: #03417B;

}

#HeaderRgn .EditorPanel a:link,
#HeaderRgn .EditorPanel a:visited,
#HeaderRgn .EditorPanel a:hover,
#HeaderRgn .EditorPanel a {
    color: #336699  ;
}

/* END: Panel Wrapper Styles */


/************************************************************/
/* MenuOuterRgn Styles								   		*/
/************************************************************/

#MenuOuterRgn {
    width: 100%;
    background-color: #7CC8F0 !important;
}

#MenuOuterRgn .MenuWrapper {
    padding-left:10px;
    padding-right:10px;
    background-image: url('img/Menu/menu_background.gif');
    background-repeat: no-repeat;
    background-position: center;
    height: 56px;
}

/************************************************************/
/* MenuRgn Styles								    		*/
/************************************************************/

#MenuRgn {
    width: 100%;
}

#MenuRgn .EditorPanel > table {
    width: 100%;
}


/************************************************************/
/* BodyTopOuterRgn Styles								    */
/************************************************************/

#BodyTopOuterRgn
{
    width: 100%;
    background-repeat: repeat-y;
	background-position: left top;
    background-image: url('img/main_border_left.gif');
}

#BodyTopOuterRgn .BodyTopRgnWrapper
{
    background-repeat: repeat-y;
	background-position: right top;
    background-image: url('img/home_rightrail_back.gif');
}

/************************************************************/
/* BodyTopRgn Styles								    	*/
/************************************************************/

#BodyTopRgn
{
    width: 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url('img/bodytop_border_bottom.gif');
}

#BodyTopRgn .RightMainRgnWrapper
{
    width: 233px;
    
}

/************************************************************/
/* HomeMainRgn Styles		    					    	*/
/************************************************************/

#HomeMainRgn {
    width: 684px;
    height: 320px;
}

#HomeMainRgn .HomeMainPanelWrapper {
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url('img/home_main_border_top.jpg');
}

#HomeMainRgn .EditorPanel {
    min-height: 250px;
    margin: 15px 10px 5px 10px !important;
    overflow: hidden;
    font-family: Helvetica;
}

#HomeMainRgn .EditorPanel a:link,
#HomeMainRgn .EditorPanel a:visited,
#HomeMainRgn .EditorPanel a:hover,
#HomeMainRgn .EditorPanel a {
    font-size: 13px;
    font-family: Arial;
    text-decoration: underline;
    color: #EC8000;
}

/* Lists and numbers */
#HomeMainRgn .EditorPanel ul, #HomeMainRgn .EditorPanel ul li,
#HomeMainRgn .EditorPanel ol, #HomeMainRgn .EditorPanel ol li
{
    padding: 0px !important;
    margin: 15px 0px 0px 17px !important;
    font-size: 145% !important;
	font-weight: normal;
	color:#002252 !important;
	list-style-image: url('img/bullet.gif');
	vertical-align: top;
}

#HomeMainRgn h1
{
	font-size: 250% !important;
	font-weight: normal;
	color:#DC241F !important;
	margin:0px;
}


/************************************************************/
/* RightMainRgn Styles						    	    	*/
/************************************************************/

#RightMainRgn {
    width: 233px;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url('img/home_rightrail_border_top.jpg');
}

#RightMainRgn .EditorPanel {
    min-height: 350px;
    margin: 30px 10px 5px 10px !important;
    overflow: hidden;
    font-family: Helvetica;
    color: #3F6F9E;
}

#RightMainRgn .EditorPanel a:link,
#RightMainRgn .EditorPanel a:visited,
#RightMainRgn .EditorPanel a:hover,
#RightMainRgn .EditorPanel a {
    font-family: Helvetica;
    text-decoration: underline;
    color: #002252;
}

#RightMainRgn .EditorPanel ul, #RightMainRgn .EditorPanel ul li,
#RightMainRgn .EditorPanel ol, #RightMainRgn .EditorPanel ol li
{
    padding: 0px !important;
    margin: 0px 0px 0px 15px !important;
}


/************************************************************/
/* BodyBottomRgn Styles								  		*/
/************************************************************/

#BodyBottomRgn
{
    width: 100%;
    background-color: #7CC8F0 !important;
    background-image: url('img/bodybottom_bottom.gif');
    background-repeat: repeat-x;
    background-position: bottom;
}

#BodyBottomRgn .LeftBottomRgnWrapper
{
    width: 48%;
}

#BodyBottomRgn .RightBottomRgnWrapper
{
    width: 52%;
}


/************************************************************/
/* LeftBottomRgn Styles								  		*/
/************************************************************/

#LeftBottomRgn {
    width: 100%;
    height: 225px;
    background-image: url('img/bodybottom_top.gif');
    background-repeat: repeat-x;
    background-position: top;
}

#LeftBottomRgn .EditorPanel {
    min-height: 200px;
    margin: 15px 10px 10px 10px !important;
}

#LeftBottomRgn .EditorPanel a:link,
#LeftBottomRgn .EditorPanel a:visited,
#LeftBottomRgn .EditorPanel a:hover,
#LeftBottomRgn .EditorPanel a {
    font-family: Helvetica;
    text-decoration: underline;
    color: #002252;
}

#LeftBottomRgn h2
{
	font-size: 180% !important;
	margin:0px;
}


/************************************************************/
/* RightBottomRgn Styles							 		*/
/************************************************************/

#RightBottomRgn {
    width: 100%;
    height: 225px;
    background-image: url('img/bodybottom_top.gif');
    background-repeat: repeat-x;
    background-position: top;
}

#RightBottomRgn .EditorPanel {
    min-height: 200px;
    margin: 10px 10px 10px 0px !important;
    padding-left: 10px;
    border-left: solid 1px #AEE0FF;
}

#RightBottomRgn .EditorPanel a:link,
#RightBottomRgn .EditorPanel a:visited,
#RightBottomRgn .EditorPanel a:hover,
#RightBottomRgn .EditorPanel a {
    font-family: Helvetica;
    text-decoration: underline;
    color: #002252;
}

#RightBottomRgn h3
{
	font-size: 150% !important;
	font-weight: normal;
	margin:0px;
}

#RightBottomRgn input {
    font-size: 10px;
    color: #888888;
}

/************************************************************/
/* PanelsOuterRgn Styles								    */
/************************************************************/

#PanelsOuterRgn
{
    width: 100%;
    background-repeat: repeat-y;
	background-position: left top;
    background-image: url('img/main_border_left.gif');
}

#PanelsOuterRgn .PanelsRgnWrapper
{
    background-repeat: repeat-y;
	background-position: right top;
    background-image: url('img/main_border_right.gif');
}

/************************************************************/
/* PanelsRgn Styles								        	*/
/************************************************************/

#PanelsRgn
{
    width: 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url('img/main_border_bottom.gif');
}

#PanelsRgn .PanelsRgnAuxWrapper
{
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url('img/main_border_top.gif');
}

#PanelsRgn .LeftRailRgnWrapper
{
    width: 203px;
}

#PanelsRgn .RightRailRgnWrapper
{
    width: 203px;
}


/************************************************************/
/* LeftRailRgn Styles		    					        	*/
/************************************************************/

#LeftRailRgn {
    width: 100%;
    height: 320px;
}

#LeftRailRgn .EditorPanel {
    min-height: 400px;
    margin: 30px 5px 10px 10px !important;
    overflow: hidden;
    font-family: Helvetica, Arial, Tahoma !important;
    font-size: 12px;
    color: #7B7B7B;
}

#LeftRailRgn .EditorPanel a:link,
#LeftRailRgn .EditorPanel a:visited,
#LeftRailRgn .EditorPanel a:hover,
#LeftRailRgn .EditorPanel a {
    text-decoration: underline;
    color: #EC8000;
}

#LeftRailRgn .EditorPanel ul, #LeftRailRgn .EditorPanel ul li,
#LeftRailRgn .EditorPanel ol, #LeftRailRgn .EditorPanel ol li
{
    padding: 0px !important;
    margin: 0px 0px 0px 15px !important;
}

#LeftRailRgn h4
{
	font-size: 130% !important;
	font-weight: bold;
	color:#DC241F !important;
	margin:0px;
}

#LeftRailRgn h5
{
	font-size: 120% !important;
	font-weight: bold;
	color:#002252 !important;
	margin:0px;
}

#LeftRailRgn .EditorPanel h5 a:link,
#LeftRailRgn .EditorPanel h5 a:visited,
#LeftRailRgn .EditorPanel h5 a:hover,
#LeftRailRgn .EditorPanel h5 a {
    text-decoration: none;
    color: #002252;
}



/************************************************************/
/* MainRgn Styles		    					        	*/
/************************************************************/

#MainRgn {
    font-family: Helvetica, Arial, Tahoma !important;
    font-size: 12px;
    width: 100%;
    height: 320px;
    color: #000000;
}

#MainRgn .EditorPanel {
    min-height: 400px;
    margin: 30px 15px 10px 15px !important;
    overflow: hidden;
    font-family: Helvetica;
}

#MainRgn h1
{
	font-size: 250% !important;
	font-weight: bold;
	color:#DC241F !important;
	margin:0px;
}

#MainRgn h2
{
	font-size: 230% !important;
	font-weight: normal;
	color:#DC241F !important;
	margin:0px;
}

#MainRgn h3
{
	font-size: 220% !important;
	font-weight: bold;
	color:#DC241F !important;
	margin:0px;
}

#MainRgn h4
{
	font-size: 160% !important;
	font-weight: normal;
	color:#E48D48 !important;
	margin:0px;
}

#MainRgn h5
{
	font-size: 140% !important;
	font-weight: bold;
	color:#002252 !important;
	margin:0px;
}

#MainRgn .EditorPanel a:link,
#MainRgn .EditorPanel a:visited,
#MainRgn .EditorPanel a:hover,
#MainRgn .EditorPanel a {
    text-decoration: underline;
    color: #EC8000;
}

#MainRgn .EditorPanel ul, #MainRgn .EditorPanel ul li,
#MainRgn .EditorPanel ol, #MainRgn .EditorPanel ol li
{
    padding: 0px !important;
    margin: 0px 0px 0px 15px !important;
}

/************************************************************/
/* RightRailRgn Styles		    				        	*/
/************************************************************/

#RightRailRgn {
    width: 100%;
    height: 320px;
}

#RightRailRgn .EditorPanel {
    min-height: 400px;    
    margin: 30px 10px 10px 5px !important;
    padding-left: 10px;
    overflow: hidden;
    font-family: Helvetica, Arial, Tahoma !important;
    font-size: 12px;
    color: #7B7B7B;
    border-left: solid 1px #BDE3F7;
}

#RightRailRgn .EditorPanel a:link,
#RightRailRgn .EditorPanel a:visited,
#RightRailRgn .EditorPanel a:hover,
#RightRailRgn .EditorPanel a {
    text-decoration: underline;
    color: #EC8000;
}

#RightRailRgn .EditorPanel ul, #RightRailRgn .EditorPanel ul li,
#RightRailRgn .EditorPanel ol, #RightRailRgn .EditorPanel ol li
{
    padding: 0px !important;
    margin: 0px 0px 0px 15px !important;
}

#RightRailRgn h5
{
	font-size: 120% !important;
	font-weight: bold;
	color:#002252 !important;
	margin:0px;
}

/************************************************************/
/* FooterRgn Styles							         		*/
/************************************************************/

#FooterRgn {
    width: 100%;
    overflow: hidden;
    margin-top: 0px;
    margin-bottom: 5px;
}

/* Lists and numbers */
#FooterRgn .EditorPanel ul, #FooterRgn .EditorPanel ul li,
#FooterRgn .EditorPanel ol, #FooterRgn .EditorPanel ol li
{
    padding: 0px !important;
    margin: 0px 0px 0px 15px !important;
}

#FooterRgn .EditorPanel {
    padding: 5px;
    font-size: 10px;
    font-family: Arial;
    font-weight: normal;
    color: #C9CACB;
    min-height: 45px; 
    overflow: hidden;
}

#FooterRgn .EditorPanel a:link,
#FooterRgn .EditorPanel a:visited,
#FooterRgn .EditorPanel a:hover,
#FooterRgn .EditorPanel a {
    font-size: 11px;
    font-family: Arial;
    font-weight: bold;
    text-decoration: none;
    color: #03417B  ;
}


/************************************************************/
/* WTPPowerByLink Styles					         		*/
/************************************************************/

#WTPPowerByLink {
    width: 950px;
    margin: auto;
}

#WTPPowerByLink,
#WTPPowerByLink a {
    font-size: 9px;
    font-family: Arial;
    color: #999;
    text-align: right;
    text-decoration: none;
}


/************************************************************/
/* Menu Buttons Styles							 	    	*/
/************************************************************/

.btnWhoCan {
    margin-top: 3px;
    margin-left: 3px;
    width: 178px;
    height: 49px;
    display: block;
    background-repeat: no-repeat;
    background-image: url('img/Menu/btn_WhoCan.gif');
}

.btnWhoCan:hover,
.btnWhoCan_Active {
    margin-top: 3px;
    margin-left: 3px;
    width: 178px;
    height: 49px;
    display: block;
    background-repeat: no-repeat;
    background-image: url('img/Menu/btn_WhoCan_hover.gif');
}

.btnLifetoneHL {
    margin-top: 3px;
    margin-left: 9px;
    width: 178px;
    height: 49px;
    display: block;
    background-repeat: no-repeat;
    background-image: url('img/Menu/btn_LifetoneHL.gif');
}

.btnLifetoneHL:hover,
.btnLifetoneHL_Active {
    margin-top: 3px;
    margin-left: 9px;
    width: 178px;
    height: 49px;
    display: block;
    background-repeat: no-repeat;
    background-image: url('img/Menu/btn_LifetoneHL_hover.gif');
}

.btn10Myths {
    margin-top: 3px;
    margin-left: 8px;
    width: 104px;
    height: 49px;
    display: block;
    background-repeat: no-repeat;
    background-image: url('img/Menu/btn_10Myths.gif');
}

.btn10Myths:hover,
.btn10Myths_Active {
    margin-top: 3px;
    margin-left: 8px;
    width: 104px;
    height: 49px;
    display: block;
    background-repeat: no-repeat;
    background-image: url('img/Menu/btn_10Myths_hover.gif');
}

.btnLifetoneNews {
    margin-top: 3px;
    margin-left: 8px;
    width: 203px;
    height: 49px;
    display: block;
    background-repeat: no-repeat;
    background-image: url('img/Menu/btn_LifetoneNews.gif');
}

.btnLifetoneNews:hover,
.btnLifetoneNews_Active {
    margin-top: 3px;
    margin-left: 8px;
    width: 203px;
    height: 49px;
    display: block;
    background-repeat: no-repeat;
    background-image: url('img/Menu/btn_LifetoneNews_hover.gif');
}

.btnCustomerSupport {
    margin-top: 3px;
    margin-left: 8px;
    width: 184px;
    height: 49px;
    display: block;
    background-repeat: no-repeat;
    background-image: url('img/Menu/btn_CustomerSupport.gif');
}

.btnCustomerSupport:hover,
.btnCustomerSupport_Active {
    margin-top: 3px;
    margin-left: 8px;
    width: 184px;
    height: 49px;
    display: block;
    background-repeat: no-repeat;
    background-image: url('img/Menu/btn_CustomerSupport_hover.gif');
}