@charset "utf-8";
/*-------------- Reseting ---------------- */

html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, 
img,  s, small, strike, sup, sub, 
dl, dt, dd, ol, ul, li, form, fieldset, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td 
				{ margin: 0; padding: 0;
				  border: 0; outline: 0;
				  font-weight: inherit;
				  font-style: inherit;
				  font-size: 100%;
				  font-family: inherit;
				  vertical-align: baseline;
				  background: transparent }
				  
:focus, :active	{ outline: 0 }

html 			{ 	font-size: 100.01%; height: 100%;  }
body 			{ 	font: 62.5% Verdana, Arial, Helvetica, sans-serif; 
					color: #999999;
					height: 100%;  
					background: #ffffff;
					text-align: center;  }

/*-------------- Effects ----------------*/

#whiteFader 	{visibility: hidden; }
#myGallery		{width: 412px !important; height: 178px !important;}
#myGallery1		{width: 489px !important; height: 257px !important; }


/*-------------- Common ---------------- */

h1, h2, h3, h4, h5, h6, th
 				{ font-weight: normal; color: #70b9bf /*oradi green*/; text-align:left; }
				
h1 				{ font-size: 1.2em; font-weight: bold; line-height: 1.5em; margin-bottom: 1.0em; padding: 20px 20px 0 0;  } 
h2 				{ font-size: 1.2em; line-height: 1.4em; margin-bottom: 0.5em; margin-top: 20px; }
h3, th				{ font-size: 1.2em; line-height: 1.2857em; margin-bottom: .5em }
h4, h5, h6		{ font-size: 1em; line-height: 1.5em; margin-bottom: 0.5em }

th	{padding-top: 10px}

p, pre, code, label, th, td, dd, dt, select, li
				{ font-size: 1.2em; line-height: 1.5em; margin-bottom: 1.0em; padding: 0 20px 0 0;  }	
				
ul, ol			{ margin-bottom: 1.8em }
ul 				{ list-style: disc; padding-bottom: 2px; }
ol 				{ list-style: circle }
li	 			{ margin: 0 0 0 3.6em; }
li p 			{ color: #999999; font-size:1em; }


legend			{ display: none }
 
small 			{ font-size: 0.85em;  }
 
sup 			{ position:relative; bottom:0.3em; vertical-align: baseline }
sub 			{ position:relative; bottom:-0.2em; vertical-align: baseline }
 
acronym, abbr 	{ cursor: help; letter-spacing: 1px; border-bottom: #999 1px dashed }
label 			{ cursor: pointer }

blockquote		{background: url(../images/quote_open.gif) no-repeat top left; margin: 0px;}
blockquote p 	{background: url(../images/quote_close.gif) no-repeat bottom right;  padding: 20px; color:#70b9bf /*oradi green*/ }

form {padding: 5px 0 0 0 }
/*---------------- Fonts -----------------*/

h1, h2, h3, h4, h5, h6, th
 				{
	font-family:  Arial, Helvetica, sans-serif
}

p, a, pre, label, th, td, li
				{
	font-family:  Arial, Helvetica, sans-serif;
	text-align: justify;
} 			
				
/*---------------- Links -----------------*/

a:link, a:visited, a:hover, a:active
				{ font-weight: normal; text-decoration: none; color:#70b9bf /*oradi green*/ }
a:hover			{ text-decoration: underline }
a img			{ border: 0 }

#nav2 a:link, #nav2 a:visited, #nav2 a:hover, #nav2 a:active 
				{ font-weight: normal; text-decoration: none; }
#nav2 a:hover	{ text-decoration: underline }


/*----------- Global Classes -------------*/

.clear			{ clear: both }
.floatLeft		{ float: left }
.floatRight		{ float: right }

.textLeft		{ text-align: left }
.textRight		{ text-align: right }
.textCenter		{ text-align: center }
.textJustify	{ text-align: justify }

.bold			{ font-weight: bold !important }
.italic			{ font-style: italic }
.underline		{ border-bottom: 1px solid }
.highlight p	{ color: #99CD53;}

.noPadding		{ padding: 0 }
.noMargin		{ margin: 0 !important }
.noIndent		{ margin-left: 0; padding-left: 0 }
.noBullet		{ list-style: none; list-style-image: none }
.noBorder		{ border: none !important }
.noBackground	{ background: none !important }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }

.clearfix 		{ display: inline-block }

.sig		{
	margin: -20px 0px 0 20px;
}

table.signature td p {font-size:90%}
/* Hides from IE-mac \*/
* html .clearfix 
				{ height: 1% }
.clearfix 		{display: block }
/* End hide from IE-mac */

table {margin: 0 0 20px 0;}
/*----------- Section 3 -----------*/


	
#S3 {
	
	clear: both; 
	margin: 20px 0px 0 0; 
 }	


#S3content {
	clear: both; 
	background: color: #EEEEEE;
	padding: 10px 50px;
	border:1px solid #999999;
	}



#S3Col1 {
	float: left; 
	width: 320px;
	}
	
#S3Col2 {
	float: right; 
	width: 320px;
	padding: 10px 0 0 0; 
	}
	
/******* MENU *******/  
.nav3 {clear: both; padding: 10px 0 0 0px;}

.nav3 li {
	float: left; 
	display: inline; 
	list-style: none;
	margin: 0; padding: 0 2px 0 0;
	}
.nav3 a {
	display: block; 
	width: 91px; height: 32px; 
	margin: 0; padding: 8px 5px 0 5px;
	background:url(../../images/tab.png) no-repeat top left;
	color: #FFFFFF; 
	font-size:11px;
	text-align:center;
	line-height:1em;
	}

.nav3 a:hover, .nav3 a:active, 
#S3_why #nav3Why, 
#S3_membership #nav3Membership, 
#S3_offers #nav3Offers
 {text-decoration:none; background-position: left bottom; color:#FFFFFF;}
 
/**************** Finance ************/


table { border-left: #CCCCCC 1px solid;
		border-bottom: #CCCCCC 1px solid; }
tr th { background: #999999; color:#FFFFFF; text-align: center; padding: 5px;}
tr {}
td {
	text-align: center; padding: 5px 3px;
	border-right: #CCCCCC 1px solid;
	}
div .mailing_list {
	background: url(../../images/offers_mailinglist.png) no-repeat top left; 
	width:200px; height: 105px;}

.highlight_box {
	background: #70b9bf /* oradi green*/ url(../../images/finance_benefits.png) no-repeat top left; ;
	
	}
.highlight_box h2 {
	/*background: #9bced2  30% oradi green;*/
	color: #FFFFFF;
	padding: 10px;
	text-align:center;
	font-size:1.5em;
	}
	
.highlight_box ul li {
	color: #FFFFFF;
	padding-bottom: 8px;
	}
.button a {
	display: block; 
	height: 23px; width: 200px; 
	background: url(../../images/button_bg.png) no-repeat top left; 
	color: #FFFFFF; 
	text-align: center;
	font-size:1.2em;
	padding: 7px 0 0 0;
	}
.pdf a {background-image:url(../../images/button_bg_pdf.png)}

.button a:hover, .button a:active {
	background-position: bottom left;
	text-decoration:none;
	}
	 
.sticker {
	background: url(../../images/sticker_offers.png) no-repeat top left; 
	height: 129px; width: 129px; 
	margin: 0 0 20px 27px;
	}	
.sticker p {
	text-indent: -9999px; 
	}
.offer_box {
	background: #70b9bf /* oradi green*/ url(../../images/offer.png) no-repeat top left;
		}
.offer_box h2 {
	/*background: #9bced2  30% oradi green;*/
	color: #FFFFFF;
	padding: 10px;
	text-align:left;
	font-size:1.5em;
	}		
.offer_box li {
	color: #FFFFFF;
	padding-bottom: 2px;
	}