@charset "utf-8";
/* CSS Document */

/* RESET all browsers to zero */
* {    
     margin:0;   
     padding:0;   
 }
table {   
     border-collapse:collapse;   
     border-spacing:0;   
}   
 fieldset,img {    
     border:0;   
}   
address,caption,cite,code,dfn,em,strong,th,var {   
    font-style:normal;   
    font-weight:normal;   
}   
ol,ul {   
    list-style:none;   
}   
caption,th {   
    text-align:left;   
}   
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
q:before,q:after {   
    content:'';   
}   
abbr,acronym { border:0;   
}   

html, body {


}

/* ~~~~~~ PRESET SITE FONTS ~~~~~~ */

html {font-size:75%;} /*Set IE browsers to 12px standard font size */

body {
	font-size:14px; /*Set all browsers to 12px standard font size */
	font-family: Trebuchet MS, Century Gothic, Arial, Helvetica, sans-serif; 
	color:#8d8d8d;
	text-align:center;
	line-height:17px;
	width:100%;
	height:100%;
	position:relative;
	background:#ffffff url(../images/site-bg.gif) repeat-x;
}



/* ~~~~~~ PRESET CONTENT STYLES ~~~~~~ */
p, ul {
	padding-top:5px; padding-bottom:3px;
}
table {
	margin:10px 0;
}
table td {
	padding:5px;
}
h4, h5 {
	margin-top:18px;
}

h1, .mainbody h1 {font-size:2em; color:#000;}
h2, .mainbody h2 {font-size:1.62em; color:#000; padding-top:5px; padding-bottom:3px;}
h3, .mainbody h3 {font-size:1.0em; color:#000; font-weight:bold; padding-top:5px; padding-bottom:3px;}
h4, .mainbody h4 {font-size:1.0em; color:#000; font-weight:bold; padding-top:5px; padding-bottom:3px;}
h5, .mainbody h5 {font-size:1.0em; color:#000; font-weight:normal; padding-top:5px; padding-bottom:3px;}

#outerContainer {
	margin:0 auto;
	width: 920px;
	text-align: left;
	padding:0px;
	border:0px;

	
	position:relative;
	
}
#innerContainer{
	position:relative;
	float:left;
	width:905px;
	height:399px;
	background:url(../images/promo-main.jpg) no-repeat top right;

}

/* ~~~ HEADER SECTION ~~~ */

	#header {
		width:920px;
		height:134px;
		position:relative;
	}
	#logo {
		position:absolute;
		height:100px;
		width:350px;
		top:10px;
		left:20px;
	}
		#logo table {
			margin:0;
			padding:0;
		}	
			#logo table td {
				padding:0;
			}
	#mainButtons{
		display:none;
		position:relative;
		float:left;
		width:540px;
		padding-top:45px;
	}
		


	
/* ~~~ MAIN BODY SECTION ~~~ */



	
	
	#mainArea{
		
		position:relative;
		float:left;
		margin-top:5px;
		width:920px;
	}
	
	
	#mainArea div#whyJoin { 
	background:url(../images/promo-box-bg.png) no-repeat top left;
	_background:url(../images/promo-box-bg.gif) no-repeat top left;

	width:202px;
	height:223px;
	
	padding: 65px 25px 0 30px;
		
	position:relative;
	float:left;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2a2a2a;

	}
	
	#mainArea div#whyJoin ul { 


		list-style:none outside none;
		margin-bottom:0;
margin-top:0;
		
	}
	
	#mainArea div#whyJoin ul li { 

	background:url(../images/bullet.gif) no-repeat scroll 0 5px transparent;
display:block;
margin-left:0;
padding:3px 0 3px 20px;
	}
	
	#mainArea div#buttonsHolder{
		position:relative;
		float:left;
		padding-left:45px;
		clear:both;
	}
	
	#mainArea div#buttonsHolder a, #mainArea div#buttonsHolder a:link{
		cursor:pointer;
	}
	
	.fadeThisSub {
		position:relative;
		display:block;
		height:50px;
		width: 150px;
		background:url(../images/bt-joinnow.gif) 0 0 no-repeat;
		outline-style:none;
		border:none;
	}
	
	.fadeThisSub * {
	  display: none;
	}
	
	.fadeThisSub span.hover {
		


		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 50px;
		width: 150px;
		background:url(../images/bt-joinnow.gif) 0 -54px no-repeat;
		outline-style:none;
			
	
	}
	
	
		
	.fadeThisFirst {
		position:relative;
		display:block;
		height:50px;
		width: 150px;
		background:url(../images/bt-contactus.gif) 0 0 no-repeat;
		outline-style:none;
		border:none;
	}
	
	.fadeThisFirst * {
	  display: none;
	}
	
	.fadeThisFirst span.hover {
		


		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 50px;
		width: 150px;
		background:url(../images/bt-contactus.gif) 0 -54px no-repeat;
		outline-style:none;
			
	
	}
	
	
	div#comesback{ position:absolute; top:15px; right:40px; _right:30px;}

	
	
	div#bottomContainer{position:relative; float:left; clear:both; margin-top:10px; width:920px;} 
	
	div.subText{ font-size:10px; position:relative; float:left; color:#8D8D8D; font-family:Trebuchet MS,Century Gothic,Arial,Helvetica,sans-serif; font-weight:normal; margin-bottom:10px;}
	
	div.story{ background:url(../images/subpromo-box-bg.png) no-repeat; _background:url(../images/subpromo-box-bg.gif) no-repeat; height:258px; width:276px; position:relative; float:left; padding:30px 0 0 30px;}
	
	div.storyPic{ margin-top:26px;}
	
	div.storyText{ width:245px; margin-top:5px; font:Arial, Helvetica, sans-serif; font-size:12px; color:#2a2a2a;  }
	
	
	
	
	#h1{
		color:#000;
		font-size:1.8em;
		padding-bottom:10px;
		font-family: Century Gothic, Arial, Helvetica, sans-serif;
	}
	h2{
		color:#000;
		font-size:1.2em;
		padding-bottom:6px;
		padding-top:10px;
		font-family: Century Gothic, Arial, Helvetica, sans-serif;
	}
	

.clear {
	clear:both;
	padding:0px;
	margin:0px;
}


 a:link{ color: #AFBC21;	outline:none;  }

 a:visited{ color: #AFBC21;	outline:none; }

a:hover, a:focus{ color: #000;	text-decoration:none; 	outline:none; }


a:link, a:visited {
	color:#646464;
	font-weight:bold;
		outline:none;
		text-decoration:none;
}
a:hover, a:active {
	color:#646464;
	font-weight:bold;
	text-decoration:underline;
	outline:none;
		outline:none;
}






/*Admin */


.step1DropDownLeft {
	text-align:left;
	float:left;
	padding-left:10px;
	width:150px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
}	
.step1DropDownRight {
	width:250px;
	text-align:left;
	float:left;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
}	
.clearAll
{
	position:relative;
	margin:0px;
	padding:0px;
	border:0px;
	font-size:1px;
	line-height:0px;
	clear:both;
}
#Footer{ color:#AFBC21; margin:20px 0px 15px 0px; position:relative; float:left; width:870px; clear:both; font-weight:bold; padding:0px 26px 0px 22px;}
#Footer div.copyright{ margin-left:8px;  position:relative; float:left;}
div#Footer div.siteBy{position:relative; float:right;  margin-right:8px; font-size:10px; }



#alternative {
display:block;
float:left;
height:530px;
margin:0;
overflow:hidden;
padding:0;
width:980px;


	position:relative;
	float:left;
	outline:none;
	

	
}


#photoHolder{ position:absolute; left:-60px; top:-50px; z-index:9999;}

#photoHolder2{ position:absolute; left:0px; top:-50px; z-index:9999;}

#copyTitle{  position:absolute; right:25px; top:45px;}

div#mainContent{ position:relative; float:left; margin-top:180px; margin-left:22px; padding-left:188px; _margin-left:12px; width:598px; background-color:#fff; padding-right:7px;}


div#mainContentMore{ position:relative; float:left;  margin-left:22px; padding-left:188px; _margin-left:12px; width:598px; background-color:#fff; padding-right:7px; padding-bottom:15px;}




div#homeWrapper{  margin-left:70px; _margin-left:35px;position:relative; float:left;  }






    div#mainContent div#contentTitle{ color:#666666;
		font-size:22px;
		padding-bottom:10px;
		font-family: Trebuchet MS, Century Gothic, Arial, Helvetica, sans-serif;  position:relative; float:left;  }



#gbst_calculatorHoler{position:relative; float:left; margin-left:22px; padding-left:176px; _margin-left:12px; width:614px; background-color:#fff; padding-right:4px;}






/* ~~~~~~~ TABLE STRIPES ~~~~~~ */

.mainbody table p, .mainbody table ul  {
	margin-top:0px;
	margin-bottom:0px;
}


 .customerDetailsThead {



	margin:0;
	
	text-align: left;

	
	line-height:20px;
	color: #464646;
	font-size:12px;font-weight:bold;

}

.customerDetails {
	padding: 5px 3px !important;
	background-color:#d8ba7b;
	font-family:Tahoma;
	border-top:1px solid #d1e3d9;
}




tr.even {
	margin:0px;
	padding:7px 0px 5px 0px;
	
	font-size:10px;
	font-family:Tahoma;
	color:#15428b;

}

tr.odd {
	margin:0px;
	padding:7px 0px 5px 0px;

	font-size:10px;
	font-family:Tahoma;
	color:#15428b;
}

td.customerDetailsTitle {
	margin:0px;
	padding:7px 0px 5px 0px;

	font-size:10px;
	font-family:Tahoma;
	color:#15428b;
	font-weight:bold;
}

td.customerDetailsTitle2 {
	margin:0px;
	padding:7px 0px 5px 0px;

	font-size:10px;
	font-family:Tahoma;
	color:#0000FF;
	font-weight:bold;
}

.tablebutton button {
background-color:#F5F5F5;
border:1px solid #DEDEDE;
color:#565656;
cursor:pointer;
display:block;
float:right;
font-family:"Tahoma",Tahoma,Arial,Verdana,sans-serif;
font-size:100%;
font-weight:bold;
line-height:130%;
margin:0;
overflow:hidden;
padding:5px 10px 6px 7px;
text-decoration:none;
width:auto;
}

table.tablesorter2, table.agenda {
	font-family:Tahoma;
	margin:0px 0pt 0px;
	font-size:10px;
	width: 100%;
	text-align: left;
}

table.agenda th {
	font-weight: bold;
	text-align: right;
}

table.tablesorter thead tr th, table.tablesorter2 tfoot tr th, table.agenda thead tr th, table.agenda tfoot tr th , table.agenda th {
	border-bottom: 1px solid #ddd;

	padding: 1px;
	color:#00486F;
}
table.tablesorter2 thead tr .header, table.agenda thead tr .header {
	cursor: pointer;
	font-size:12px; color:#666666; font-weight:bold;
	padding-left:5px;

}
table.tablesorte2 thead td, table.agenda thead td  {
	color: #15428b;
	padding: 1px;

	font-weight:bold;
	border-bottom: 1px solid #ddd;
}
table.tablesorter2 tbody td , table.agenda tbody td  , table.agenda td {
	color: #565656;
	padding: 3px 0;
	vertical-align: top;
		font-size:12px;
}

table.tablesorter2 tbody td.top {
	vertical-align: top;
	padding-top:5px;
}

table.tablesorter2 tbody tr.even td, table.agenda tbody tr.even td , table.agenda tr.even td {
	background-color: #fff;
}