﻿body
{
	 background-color: #203548;
	/* background-color: #FFFFFF; */
	font-family: Arial, sans-serif, Helvetica;
	font-size: 0.8em;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	margin: 0px;
	text-align:center;
}
/* remove dotted borders on img links */

a:active, a:focus {outline: 0;}

#wrapper  
{
	width:100%; vertical-align:top; margin:0px;
}


/* <><> TOP HEADER <><> */

#TopLogin_bg
{
	width:100%;  margin:0; background-color:#203548;
}
#TopLogin
{
	width: 900px; margin:0 auto 0 auto; color:#FFFFFF; line-height:20px; height:20px;
	background: #000 url(Images/layout/login_toolbar_bg.png) no-repeat;
}
#TopLogin a
{
	color:#FFFFFF;
	text-decoration:none;
}
#TopLogin .text
{
	font-weight: bold;font-size: .7em; padding:0px 5px;

}
#TopLogin #status
{
	float:right;  width:250px; text-align:right;
}
#status .margin
{
	margin-right:5px;
}

#TopContainer
{
	width:100%; background-color:#203548;
}

#TopHeader
{    
	background: url(Images/layout/header_bg.png);    
	width: 900px;    
	height: 88px;
	position: relative;
	margin:0 auto 0 auto;
} 
#TopHeader a {
	background: #fff url(Images/layout/header_bg.png) no-repeat;
	display: block;
	height: 88px;
	width: 900px;
	text-decoration:none;
}
#TopHeader a span 
{
	visibility: hidden;
}
#TopNavContainer
{
	width:100%; background: #FFF url(Images/layout/top_nav_bg_.png) repeat-x;
}
#TopNav
{
	background: #235f96 url(Images/layout/top_nav_bg.png) repeat-x; width:900px; height:40px;
	margin:0 auto 0 auto;
	display:block;
}
#logo
{
	background: url(Images/layout/top_nav_logo_left.png) no-repeat; width:200px; height:40px; float:left;
}
#seperator
{
	width:250px; height:40px; float:left;
}
#mainnav
{
	border: none;
	vertical-align:top;
}
#mainnav .item
{
	font-weight: bold;
	font-size: 11pt;
	text-transform: capitalize;
	color: #FFFFFF;
	height:40px;
	text-align: center;
	vertical-align:middle;
	border: none;
	padding-left:10px;
	padding-right:12px;
}
#mainnav .item a
{
	color: #ffffff;
	
}
#mainnav .item a:link
{
	color: #ffffff;
}
#mainnav .item a:hover
{
	color: #ffffff;
}
#mainnav .selected
{
	text-align: center;
	font-weight: bold;
	text-transform: capitalize;
	color: #000000;
    background-color: #296eaf;
    height: 40px;
    border: none;
    margin:0px;
}
#mainnav .selected a
{
	color: #eccd1d;
	background-image:none;
	background-color: Transparent;
}
#mainnav .selected a:link
{
	color: #eccd1d;
}
#mainnav .hover
{
	font-weight: bold;
	color: #eccd1d;
	height:40px;
	text-align: center;
	vertical-align: middle;
}


/* <><> MAIN BODY <><> */

#body
{
	width:100%;margin:0px;min-height: 100%;
	/* background-color:#eee7d9; */
	background-color:#FFFFFF;
	/* background: #eee7d9 url(Images/layout/body_bg_fade.png) repeat-x bottom; */
	bottom: 0;
	margin: 0px; 
}
* html #body {
	height: 100%;
}
#body-container
{
	width:900px;
	background-color:#FFFFFF; 
	margin:0px auto 0px auto;
	min-height: 100%; 
	text-align:left;
}
* html #body-container {
	height: 100%;
}

.AccountContent
{
	 width:900px; margin: 0px; display:table; height:auto;
	background: #e7e7e7 url(Images/layout/benefit_bg.png) repeat-x top; top: 0;
}
.BenefitsContent
{
 width:900px; margin: 0px; display:table; height:auto;
 background: #e7e7e7 url(Images/layout/benefit_bg.png) repeat-x top; top: 0;
}
.ServiceContent
{
 width:900px; margin: 0px; display:table; height:auto; padding-top:10px;
 background: #e7e7e7 url(Images/layout/benefit_bg.png) repeat-x top; top: 0;
}


.main-padding
{
	padding:5px 25px 0px 25px;
}
#TopView
{
	background: #235f96 url(Images/layout/top_view_bg.png)  repeat-x bottom; bottom: 0; margin: 0px; height:265px; text-align:center; width:900px;
}
#TopView .ViewShadow
{
	float:left; width:581px;
}
#TopView .MenuContainer
{
	float:left;width:230px; margin-left:30px;
}
#ProductView
{
	float:left; 
	width:581px; 
	background-color:#FFFFFF; 
	height:250px; 
}
#ProductViewer
{
	width:571px; 
	height:240px; 
	background: #f0e9dd url(Images/layout/product_viewer_bg.png) repeat-x;
	margin:5px auto; 
	vertical-align:top; 
	position:relative; 
	clear:inherit;
}
#ProductDetail
{
	float:left; 
	width:581px; 
	background-color:#FFFFFF; 
	height:auto; 
}
#ProductDetailViewer
{
	width:571px; 
	height:auto; 
	background: #ececec url(Images/layout/product_viewer_bg.png) repeat-x top; top: 0;
	margin:5px auto; 
	display:table;
	vertical-align:top; 
	position:relative; 
	clear:inherit;
}
#ProdText
{
	float:left;
	width:380px; 
	height:225px; 
	margin:5px 0; 
	vertical-align:top; 
}

/* the following classes were modifed by Lori on May 30*/
.title
{
	font-size: 16px;
	font-weight:bold;
	color:#cf0105;
	padding:6px 0 0 20px;
	text-align:left;
}
.subtitle
{
	font-size:1em;
	font-style:italic;	
	padding: 0 0 6px 20px;
	text-align:left;
}
.body
{
	font-size: 1em;
	padding: 0 1em 0 30px;
	text-align:left;
	width:305px;
}
 .btn
{
	height:30px;
	position:absolute;
	bottom:12px;
	right:250px;
}
.categoryImage
{
    float:right;
	width:180px; 
	height:auto; 
	border: none;
	margin:10px 0;
}
.ProdImage
{
	float:left; 
	width:180px; 
	height:auto; 
	border: none;
	margin:10px 0;
}
/* end Lori's modifications*/

.DetailView
{
	background:#cccccc;width:900px; height:auto; padding:5px 0px 5px 0px; display:table; vertical-align:top;
}

.RightColumn
{
	width:255px; vertical-align:top; margin-bottom:0px; min-height:550px; display:table; text-align:left;
}



#sub-navigation
{
	border: none;
	/*margin-top:-15px;*/
	background-color:Transparent;
	text-transform:capitalize;
	vertical-align:top;
	height:50px;
	display: table-row;
	
}
#sub-navigation .item
{
	font-weight: bold;
	font-size: 11pt;
	color: #FFFFFF;
	height:50px;
	text-align: center;
	vertical-align:middle;
	padding-left:0px;
	padding-right:0px;
	width: 115px;
	text-transform:capitalize;
	margin-top:0;	
}
#sub-navigation .item a
{
	color: #FFFFFF;
	background-image:none;
	background-color: Transparent;
	text-transform:capitalize;
}
#sub-navigation .item a:link
{
	color: #FFFFFF;
	text-transform:capitalize;
}
#sub-navigation .item a:hover
{
	color: #000000;
	background-image:none;
	background-color: Transparent;
	text-transform:capitalize;
}
#sub-navigation .selected
{

	font-weight: bold;
	font-size: 11pt;
	color: #eccd1d;
	height:50px;
	text-align: center;
	vertical-align:middle;
	padding-left:0px;
	padding-right:0px;
	width: 115px;
	background-color:#999999;
	text-transform:capitalize;
}
#sub-navigation .selected a
{
	color: #eccd1d;
	background-image:none;
	background-color: Transparent;
	text-transform:capitalize;
}
#sub-navigation .selected a:link
{
	color: #eccd1d;
	text-transform:capitalize;
}
#sub-navigation .hover
{
	font-weight: bold;
	font-size: 11pt;
	color: #eccd1d;
	height:50px;
	text-align: center;
	vertical-align:middle;
	padding-left:0px;
	padding-right:0px;
	width: 115px;
	text-transform:capitalize;
}


.BarHeader
{
	background-color: #735c41;
	color: #FFFFFF;
	padding:10px;
	font-size: 10pt;
	font-weight: bold;
	text-align:left;
}
.BarBody
{
	background-color: #e8dfcd;
	color: #000000;
	padding:10px;
	font-size: 10pt;
	text-align: left;
}
.BarFooter
{
	background-color: #e8dfcd;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.BtnMoreInfo
{
	width: 98px; height: 31px; border: 0;
}
.BtnProdList
{
	width: 164px; height: 31px; border: 0; padding-top:10px;
}

.BtnSignUp
{
	width: 98px;
	height: 31px;
	border: 0;
	background-image: url(Images/buttons/sign_up.png);
}
.BtnEnroll
{
	width: 98px;
	height: 31px;
	border: 0;
	background-image: url(Images/buttons/enroll_now.png);
}
.BtnEnrollBig
{
	width: 164px;
	height: 31px;
	border: 0;
	margin-top:7px;
	margin-left:4px;
	background-image: url(Images/buttons/enroll_now_big.png);
}
.BtnPDFapp
{
	width: 164px;
	height: 31px;
	border: 0;
	margin-top:7px;
	margin-left:4px;
	background-image: url(Images/buttons/printable_app.png);
}
.BtnGIKit
{
	width: 164px;
	height: 31px;
	border: 0;
	margin-top:7px;
	margin-left:4px;
	background-image: url(Images/buttons/gikit.png);
}
.BtnDownloadPDF
{
	width: 164px;
	height: 31px;
	border: 0;
	margin-top:7px;
	margin-left:4px;
	background-image: url(Images/buttons/download_pdf.png);
}
.BtnMoreInfoBig
{
	width: 164px; height: 31px; background-image: url(Images/buttons/read_more_big.png);
	border: 0;
	margin-top:7px;
	margin-left:4px;
}




/* <><> FOOTER <><> */


#footer
{
	 width:100%; height:80px; background:#203548;
}
#footer a
{
	text-decoration: none;
}
#nav
{
	width:900px; height:80px; color:#FFFFFF; line-height:80px; margin:0 auto 0 auto; background:#203548;
}
#nav a
{
	color:#FFFFFF;
}
#footerMenu
{
	float:left; width:530px; text-align:left; padding-left:25px; 
}
#footerMenu .text
{
	font-weight: bold;font-size: 10pt; padding:0px 5px;
}
#faq
{
	float:left; width:300px; text-align:right; padding-right:25px;	
}
#copyright-container
{
	width:100%; background-color:#1a2a3a;
}
#copyright
{
	width:900px; margin:0 auto 0 auto; height:25px; line-height:25px;  background-color:#1a2a3a;
}
#copyright a
{
	color:#d3d3d3;
}
#copyright .text
{
	font-weight: normal;font-size: 9pt; padding:0px 5px;
}
#terms
{
	float: left;
	width: 430px;
	text-align: left;
	padding-left: 25px;
	color: #d3d3d3;
}
#clientlink
{
	float:left; width:400px; text-align:right; padding-right:25px;
}