html, body {

	width: 100%;
	margin: 0; 
	padding: 0;
	font-size: 11px;

	}
	
div, p, ul, ol, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, input, textarea, select {

	margin: 0;  
	padding: 0;  

	}	
	
img {border: 0;}	

a {outline: none;}
	
#main { 

	float: left;
	width: 100%;
	border-top: 2px solid #227eb8;

	}
	
#wrapper {

	width: 900px;
	margin: 0 auto 0 auto; 
	
	}
	
#header {

	float: left;
	width: 900px;
	height: 150px;
	position: relative;
			
	}	
	
.logo {

	position: absolute;
	top: 8px; left: -6px;

	}	
	
.date {

	position: absolute;
	left: 560px; top: 47px;
	font: normal 14px Arial;
	color: #2885c0;

	}	
	
.log-reg {

	position: absolute;
	right: 0px; top: 40px;

	}
	
.log-reg span {margin: 0px 0px 0px 10px;}

.nav {

	width: 900px;
	height: 40px;
	position: absolute;
	left: 0px; top: 110px; 
	background: url("../images/menu-bg-1.gif") repeat-x 0 0;
	overflow: hidden;

	}
	
.nav ul {

	width: 900px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	list-style: none;

	}	

.nav ul li {

	float: left;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	}
	
.nav ul li a {

	float: left;
	height: 29px;
	padding: 11px 11px 0px 11px;
	background: url("../images/menu-bg-2.gif") repeat-x 0 0;
	font: normal 15px Arial;
	text-decoration: none;
	color: #ffffff;

	}	
	
.nav ul li a:hover {background-position: 0 -60px !important;}	
	
.nav ul .first a {padding: 11px 11px 0px 24px !important;}
.nav ul .last a {padding: 11px 23px 0px 11px !important;}
.nav ul .active a {background-position: 0 -60px !important; cursor: default;}	

.nav span  {

	display: block;
	width: 9px;
	height: 40px;
	position: absolute;
	background-image: url("../images/ov-bg.png");
	
	}

.nav .tl {top: 0; left: 0px; background-position: 0 0;}	
.nav .tr {top: 0; right: 0px; background-position: 100% 0;}
	
.nav ul li a:not(:root:root) {padding: 11px 10px 0px 11px;} 

#content {

	float: left;
	width: 900px;
	position: relative;
	padding: 35px 0px 35px 0px;
	font: normal 14px Arial;
	color: #000000;
					
	}

#content a {font: normal 14px Arial; color: #000000; text-decoration: underline;}
#content a:hover {text-decoration: none;}
	
#content h1 {

	margin: 0px 0px 24px 0px;
	font: normal 24px Arial;
	color: #12354c;
			
	}

.left-column {

	float: left;
	width: 545px;
	display: inline;
	
	}
	
.right-column {

	float: right;
	width: 330px;
	display: inline;
					
	}
	
.center-column {

	float: left;
	width: 900px;
	display: inline;
					
	}
	
.headline {

	margin: 0px 0px 24px 0px;
	font: normal 18px Arial;
	color: #000000;

	}	
	
.text-block {

	float: left;
	width: 545px;

	}	
	
.banner {

	float: left;
	width: 580px;
	height: 255px;
	display: inline;
	position: relative;
	margin: -17px 0px 0px -35px;
	font-size: 0px;

	}	

.benefits {

	float: left; 
	width: 513px; 
	margin: 0px 0px 10px 0px;
	padding: 20px 15px 0px 15px;
	position: relative;
	border: 1px solid #dbdbdb; 
	background: url("../images/bg-1.gif") repeat 0 0;
	
	}
	
.benefits .tl, .benefits .tr, .benefits .bl, .benefits .br {

	display: block; 
	width: 9px; 
	height: 9px;
	position: absolute; 
	background-image: url("../images/corners-1.png");
	font-size: 0px;

	}
	
.benefits .tl {top: -1px; left: -1px; background-position: 0 0;}
.benefits .tr {top: -1px; right: -1px; background-position: 100% 0;}
.benefits .bl {bottom: -1px; left: -1px; background-position: 0 100%;}
.benefits .br {bottom: -1px; right: -1px; background-position: 100% 100%;}	

.bottom-corners {

	float: left;
	height: 10px;
	width: 543px;
	display: inline;
	margin: 10px -15px 0px -15px;
	position: relative;

	}
		
.benefits ul {	

	float: left;
	width: 513px;
	list-style: none;
	margin: -17px 0px 0px 0px;

	}
	
.benefits ul li {	

	float: left;
	width: 473px;
	position: relative;
	margin: 17px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	background: url("../images/bullet-1.gif") no-repeat 0 3px;
	font: bold 16px Arial; 
	color: #1770a9;
		
	}
	
.benefits ul li span {cursor: pointer;}
	
.benefits ul .open {background: url("../images/bullet-1.gif") no-repeat 0 -85px;}

.benefits .hidden-content {	
	
	display: none;
	margin: 12px 0px 0px 0px; 
	font: normal 12px Arial;
	color: #000000;
	
	}
	
.open .hidden-content {display: block !important;}
	
.converter {

	float: left;
	width: 286px;
	position: relative;
	background: #1770a9 url("../images/bg-2.png") repeat-x 0 0;
	padding: 14px 22px 18px 22px;
	color: #ffffff;
	
	}
	
.converter .tl, .converter .tr, .converter .bl, .converter .br {

	display: block; 
	width: 9px; 
	height: 9px;
	position: absolute; 
	background-image: url("../images/corners-1.gif");
	font-size: 0px;

	}
	
.converter .tl {left: 0px; top: 0px; background-position: 0 0;}
.converter .tr {right: 0px;top: 0px; background-position: 100% 0;}
.converter .bl {left: 0px; bottom: 0px; background-position: 0 100%;}
.converter .br {right: 0px; bottom: 0px; background-position: 100% 100%;}	

.converter .textfield {

	margin: 2px 0px 0px 0px;
	padding: 7px 9px 7px 8px;
	background: url("../images/in-bg-1.png") no-repeat 0 0;

	} 	
	
.converter .textfield input {

	width: 260px;
	border-width: 0px;
	background: transparent;
	font: normal 14px Arial;
	color: #000000;
	
	}
	
.converter .disabled {background: url("../images/in-bg-3.png") no-repeat 0 0;} 	
.converter .disabled input {color: #2a6990 !important;}

.converter .calculate {

	width: 99px;
	height: 33px;
	overflow: visible;
	border-width: 0px;
	background: url("../images/button-3.png") no-repeat 0 0;

	}
	
.converter .send-money {

	float: left;
	width: 330px;
	display: inline;
	margin: 15px -22px 0px -22px;
	padding: 50px 0px 35px 0px;
	background: url('../images/bg-3.gif') repeat-x 0 0;
	text-align: center;
	
	}
	
.converter .send {

	width: 221px;
	height: 49px;
	overflow: visible;
	border-width: 0px;
	background: url("../images/button-4.png") no-repeat 0 0;

	}

.converter .imp-mess	{color: #98ff5a;}

.converter table {

	float: left;
	width: 100%;
	margin: -25px 0px 0px 0px;

	}
	
.converter table td {

	vertical-align: top;
	padding: 11px 0px 0px 0px;

	}
	
.converter table .d-offset td {padding: 12px 0px 0px 0px !important;}

.countries-table {

	float: left;
	width: 545px;
	
	}
	
.countries-table table {	

	float: left;
	width: 100%;
	background: url("../images/bg-5.png") no-repeat 0 0;	

	}
	
.countries-table table th {		

	padding: 8px 15px 5px 15px;
	font: normal 12px Arial;
	line-height: 18px;
	text-align: left;
	color: #ffffff;

	}
	
.countries-table table td {

	padding: 7px 15px 4px 15px;
	background: url("../images/bg-4.gif") repeat-x 0 100%;
	vertical-align: bottom;

	}
	
.reg-form {

	float: left;
	width: 545px;
	display: inline;
	padding: 14px 0px 18px 0px;
	
	}
	
.reg-form .textfield {

	padding: 7px 9px 7px 8px;
	background: url("../images/in-bg-4.png") no-repeat 0 0;

	} 	
	
.reg-form .textfield input {

	width: 234px;
	border-width: 0px;
	background: transparent;
	font: normal 14px Arial;
	color: #000000;
	
	}
	
.reg-form .datepick input {

	width: 210px;
	padding: 0px 0px 0px 24px;
	background: url("../images/icon-2.gif") no-repeat 0 0;
	
	}
	
.reg-form .extended {

	padding: 7px 9px 7px 8px;
	background: url("../images/in-bg-5.png") no-repeat 0 0;

	} 	
	
.reg-form .extended input {

	width: 363px;
	border-width: 0px;
	background: transparent;
	font: normal 14px Arial;
	color: #000000;
	
	}
	
.reg-form .submit {

	width: 99px;
	height: 33px;
	overflow: visible;
	border-width: 0px;
	background: url("../images/button-5.png") no-repeat 0 0;
	
	}	
	
.reg-form .reset {

	width: 99px;
	height: 33px;
	overflow: visible;
	border-width: 0px;
	background: url("../images/button-6.png") no-repeat 0 0;
	
	}	
	
.reg-form .imp-mess	{color: #63a020;}	
.reg-form .imp-icon {margin: 0px 0px 0px -10px; vertical-align: middle;}	
	
.reg-form table {

	float: left;
	width: 545px;
	display: inline;

	}
	
.reg-form table th {

	padding: 18px 0px 0px 0px;
	vertical-align: bottom;
	font-weight: normal; 
	
	}
	
.reg-form table td {padding: 18px 0px 0px 0px;}
	
.reg-form .sepline {

	float: left;
	width: 545px;
	padding: 18px 0px 0px 0px;
	background: url("../images/bg-4.gif") repeat-x 0 100%;
	font-size: 0px;
	
	}
	
.reg-form h1 {margin: 0px 0px 0px 0px !important;}	
	
.checkboxfix {list-style: none; display: inline; font-size: 12px;}
.checkboxfix li {display: inline; margin: 0px 15px 0px 0px;}
.checkboxfix li label {vertical-align: middle;}
.checkboxfix li input {margin-bottom: auto; vertical-align: middle;}

.small-text {font: normal 12px Arial;}
	
#footer {

	float: left;
	width: 860px;
	padding: 0px 20px 20px 20px;
	background: url("../images/footer-bg.png") no-repeat 0 0;
	font: normal 12px Arial;
	color: #666666;
	
	}

.footer-nav {

	float: left; 
	width: 860px;
	padding: 11px 0px 0px 0px;
	border-top: 1px solid #000000;
	text-align: center;
			
	}	
	
.footer-nav span {margin: 0px 4px 0px 4px;}
	
.footer-nav a {font: normal 12px Arial; color: #000000; text-decoration: none;}
.footer-nav a:hover {text-decoration: underline;}	
	
.copyright {

	float: left; 
	width: 100%;
	padding: 15px 0px 0px 0px;
	font: normal 12px Arial;
	text-align: center;
	color: #565656;
				
	}	
	
.copyright span {margin: 0px 4px 0px 4px;}
	
.copyright a {font: normal 12px Arial; color: #565656; text-decoration: none;}
.copyright a:hover {text-decoration: underline;}