/************************* DEFAULT STYLES ***************************/
body {
	color: #333; 
	background-color: #FFF; 
	font-family: "helvetica", Arial, sans-serif;
	font-size: 13px;
	padding: 0px;
	margin: 0px;
	background-image: url(../img/header_background_tile.gif);
	background-repeat: repeat-x;
}
body.page_panels {
	background-color: #FFF;
}

.container-inner {width:950px; margin:0 auto; }
h1,h2,h3,h4,h5,h6 {color:#000;font-family:"helvetica", Arial, sans-serif;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:#F00;}
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: 500px;
}

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

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

h1{
	font-weight: bold;
	font-size: 22px;
	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; }
#panel_fxCompare{ float: right; width: 400px; height: 220px; background-image: url(../img/panel_fxCompare_background.jpg); background-repeat:no-repeat; }
#panel_register{ float: right; width: 400px; height: 535px; background-image: url(../img/panel_register_background.jpg); background-repeat:no-repeat; }
#panel_register_home{
	float: right;
	width: 400px;
	height: 820px;
	background-image: url(../img/panel_register_background_home.jpg);
	background-repeat:no-repeat;
}
.panel h1 {	margin: 25px 25px 0px 25px; font-size: 28px; 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; margin: 0px 0px 20px 0px; height: 126px; width: 800px;}
		#container-masthead {height: 77px; width: 800px; float: left;}
		/* 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: 145px; height: 220px; }

#breadcrumbs{ margin: 15px 0px; font-size: smaller; }
#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: right;}


	/************************* 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: #FC0; text-transform: uppercase; font-weight: bold; font-size: 11px; text-decoration: none; }
		ul#navlist li a:focus, ul#navlist li a:hover { color: #FFF; }
		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: 102px; }
			.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: #333; color: #FFF; font-size: smaller;}
#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;}