/************************* DEFAULT STYLES ***************************/
body {
	color: #333;
	background-color: #EDEDED;
	font-family: "helvetica", Arial, sans-serif;
	font-size: 13px;
	padding: 0px;
	margin: 0px;	
}
body.page_panels {
	background-color: #999;
}

.container-inner {
	width:910px;
	margin:0 auto;
	background-color: #FFF;
}
h1,h2,h3,h4,h5,h6 {
	color:#000;
	font-family:"helvetica", Arial, sans-serif;
	font-size: 12px;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:#000000;}
a {color:#E0C000;text-decoration:underline; font-weight: bold;}
a:hover, a:focus {text-decoration:none;}
img { border: 0px; }
a img { border: 0px; }
a { border: 0px; }
form { padding: 0px; margin: 0px; }

/************************* CONTENT ************************************/
body.page_panels #content {
	float: left;
	width: 520px;
}

body.page_fullPage #content {
	float: left;
	width: 800px;
}

body.page_fullPage .container-inner {width:1000px; margin:0 auto; }

h1{
	font-weight: bold;
	font-size: 18px;
	letter-spacing: -0.05em;
}

.pageCorner {
	background-image:url(../img/pageCorner.jpg);
	background-repeat: no-repeat;
	padding: 15px 15px 15px 30px;
	text-align: left;
}
.quote{ font-style: italic; }
.quote img{ float: left; padding: 15px 5px; display: block;}
.quote span {
	width: 370px;
	float: right;
	display: block;
}

/* ******* ERROR TESTING!!!!!!!! *************************** */
/*
div {
	border: 1px solid red;
}
div div div{
	border: 1px solid green;
}
span {
	border: 1px solid cyan;
}*/

/************************* PANELS & ADVERTS************************************/
.panel {
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
	padding-top: 15px;
}
#panel_fxCompare{
	float: right;
	width: 400px;
	height: 220px;
}
#panel_register{
	float: right;
	width: 375px;
	height: 900px;
}

.panel h1 {	margin: 25px 25px 0px 25px; font-size: 16px; color: #333; }
.panel h1 .highlight { color: #FFF; }
.panel p { margin: 10px 25px 10px 25px; }
.panel table { padding: 0px; margin: 0px 25px; }

.advert {
	float: right;
	width: 125px;
	height: 400px;
	border: 1px solid #EEE;
}
.results {
}

/* =========================================== */
/* ROUNDED CORNER CRAP */
.box {	width: 350px; color: #FFF; margin: 10px 25px 10px 25px; padding: 0px;}
.box ul{ list-style-position: outside; marine: 0px; }
.box ul li{ text-indent: 0px; padding-bottom: 0.3em; }
.box p, .box h1, .box h2 { margin: 0 10px 0px 10px; }

.boxPanel { background-color: #FFF; color: #333; }
.boxPanel .tr { background: url(../img/tr1.gif) no-repeat top right; }
.boxPanel .br { background: url(../img/br1.gif) no-repeat bottom right; }
.boxPanel .bl { background: url(../img/bl1.gif) no-repeat bottom left;  }
.boxPanel .tl { background: url(../img/tl1.gif) no-repeat top left;  }


/************************* MASTHEAD ************************************/
.pusher {cursor:pointer;}
#masthead {
	padding: 0;
	height: 77px;
	width: 500px;
}
		#container-masthead {
	height: 70px;
	width: 450px;
	float: left;
	padding-left: 35px;
}
		/* to stretch the container div to contain floated list */
		#container-masthead:after {content: ".";display: block;line-height: 1px;font-size: 1px;color: transparent;clear: both;}

	/* masthead image/home link */
	#masthead h4 {
		padding: 0px; margin: 0px;
	}
	#masthead #headerImage { 
		float: left; 
		width: 250px; 
		height: 40px; 
		margin: 0px;
		background-repeat: no-repeat; 
		margin: 15px 0px;
	}
	#masthead #headerImage:after {
	}

.CBCBadge {
	float: right;
	width: 370px;
	height: 900px;
	padding-left: 15px;
}

#breadcrumbs{
	margin: 0px 0px;
	font-size: smaller;
	width: 450px;
}
#breadcrumbs a{ text-decoration: underline; color: #333; }
#breadcrumbs a:hover, #breadcrumbs a:focus{	text-decoration: none; }


#navcontainer {
	padding: 0;
	font-family:"helvetica", Helvetica, Arial, sans-serif;
	text-align: center;
}


	/************************* UPPERNAVLIST ************************************/
		#uppernavlist {}
		/* to stretch the container div to contain floated list */
		#navcontainer:after {content: ".";display: block;line-height: 1px;font-size: 1px;color: transparent;clear: both;}
		#navcontainer img {margin: 0;padding: 0;}
		ul#uppernavlist {list-style: none;padding: 0;margin: 0px; background-color: #666;}
		ul#uppernavlist li { margin: 0px; padding: 0px; }
		ul#uppernavlist li { voice-family: "\"}\""; voice-family:inherit;}
		html>body ul#uppernavlist li { }
		ul#uppernavlist li a, ul#uppernavlist li a:hover, ul#uppernavlist li a:focus { color: #333; text-transform: uppercase; font-weight: bold; font-size: 11px; text-decoration: none; }

		.nav_upper_button_login span, .nav_upper_button_contactUs span, .nav_upper_button_register span{ float: left; margin: 46px 0px 0px 15px; }
		
		/* ---------------------------------------- */		
		.nav_upper_button_login, .nav_upper_button_login a{	height: 77px; width: 70px; float: right; display: block; content: "Login"; }
		.nav_upper_button_login { background-image:url(../img/buttons_uppernav_login_normal.jpg); background-repeat:no-repeat; }
		.nav_upper_button_login:hover, .nav_upper_button_login:focus, { background-image:url(../img/buttons_uppernav_login_over.jpg); background-repeat:no-repeat; }
		/* ---------------------------------------- */		
		.nav_upper_button_contactUs, .nav_upper_button_contactUs a{ height: 77px; width: 96px; float: right;display: block; content: "Contact Us"; }
		.nav_upper_button_contactUs { background-image:url(../img/buttons_uppernav_contactUs_normal.jpg); background-repeat:no-repeat; }
		.nav_upper_button_contactUs:hover, .nav_upper_button_contactUs:focus, { background-image:url(../img/buttons_uppernav_contactUs_over.jpg); background-repeat:no-repeat; }
		/* ---------------------------------------- */		
		.nav_upper_button_register, .nav_upper_button_register a{ height: 77px; width: 91px; float: right; display: block; content: "Register"; }
		.nav_upper_button_register { background-image:url(../img/buttons_uppernav_register_normal.jpg); background-repeat:no-repeat; }
		.nav_upper_button_register:hover, .nav_upper_button_register:focus, { background-image:url(../img/buttons_uppernav_register_over.jpg); background-repeat:no-repeat; }
	

	/************************* NAVLIST ************************************/
		#navlist {}
		/* to stretch the container div to contain floated list */
		#navcontainer:after {content: ".";display: block;line-height: 1px;font-size: 1px;color: transparent;clear: both;}
		#navcontainer img {margin: 0;padding: 0;}
		ul#navlist {list-style: none;padding: 0;margin: 0px;background-color: #666;}
		ul#navlist li { margin: 0; padding: 0px; }
		ul#navlist li { voice-family: "\"}\""; voice-family:inherit;}
		html>body ul#navlist li { }
		ul#navlist li a {
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}
		ul#navlist li a:focus, ul#navlist li a:hover {
	color: #00C;
}
		li a.selected span{ color: #333; }
		li a.selected:hover span, li a.selected:hover span { color: #333; text-decoration: underline; }
		
		.nav_button_home span, .nav_button_about span, .nav_button_fxCompare span, .nav_button_corprateTransfers span,
		.nav_button_personalTransfers span, .nav_button_faqs span, .nav_button_fxConverter span {
			float: left;
			margin: 25px 0px 0px 15px;
		}
		
		/* ---------------------------------------- */	
		.nav_button_home, .nav_button_home a {float: left; display: block; height: 64px; width: 64px; }
			.nav_button_home .selected { background-image: url(../img/buttons_nav_home_selected.jpg); background-repeat: no-repeat; }
		/* ---------------------------------------- */		
		.nav_button_about, .nav_button_about a { float: left; display: block; height: 64px; width: 64px; }
			.nav_button_about .selected { background-image: url(../img/buttons_nav_about_selected.jpg); background-repeat: no-repeat; }
		/* ---------------------------------------- */	
		.nav_button_fxCompare, .nav_button_fxCompare a {
	float: left;
	display: block;
	height: 64px;
	width: 150px;
}
			.nav_button_fxCompare .selected { background-image: url(../img/buttons_nav_fxCompare_selected.jpg); background-repeat: no-repeat; }
		/* ---------------------------------------- */	
		.nav_button_corprateTransfers, .nav_button_corprateTransfers a { float: left; display: block; height: 64px; width: 167px; }
			.nav_button_corprateTransfers .selected { background-image: url(../img/buttons_nav_corporateTransfers_selected.jpg); background-repeat: no-repeat; color: #000; }
		/* ---------------------------------------- */	
		.nav_button_personalTransfers, .nav_button_personalTransfers a { float: left; display: block; height: 64px; width: 161px; }
			.nav_button_personalTransfers .selected { background-image: url(../img/buttons_nav_personalTransfers_selected.jpg); background-repeat: no-repeat; }
		/* ---------------------------------------- */	
		.nav_button_faqs, .nav_button_faqs a { float: left; display: block; height: 64px; width: 64px; }
			.nav_button_faqs .selected { background-image: url(../img/buttons_nav_faqs_selected.jpg); background-repeat: no-repeat; }
		/* ---------------------------------------- */	
		.nav_button_fxConverter, .nav_button_fxConverter a { float: left; display: block; height: 64px; width: 121px; }
			.nav_button_fxConverter .selected { background-image: url(../img/buttons_nav_fxConverter_selected.jpg); background-repeat: no-repeat; }


/* ************************* FOOTER *********************** */
#footer {
	margin:1em 0 0;
	padding:1em;
	text-align: center;
	background-color: #FFF;
	color: #006;
	font-size: smaller;
	width: 890px;
}
#footer p {text-align: center; font-weight:lighter; }
#footer a { color: #FFF; text-decoration:none; }
#footer a:hover {text-decoration:underline; }

/* **************************** FLOATS & IMAGES ***************************** */
.right { float: right; }
.left { float: left; }
.middle {margin: 0 auto;float:left;}
.clear { clear: both; }
img.centered{display: block;margin-left: auto;margin-right: auto;}
img.alignright{padding: 4px;margin: 3px 0 2px 10px;display: inline;}
img.alignleft{padding: 4px;margin: 3px 10px 2px 0;display: inline;}
.alignleft{float: left;}
.alignright{float: right;}
.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}


/***************************** ETC *****************************/
       /* remember to define focus styles! */
:focus {outline: 0;}
.page_panels .container .container-inner #footer a {
	color: #003;
}