/* CSS Document */

html, body {
	height: 100%;
	}

body {
	color: #333;
	background: #e8e8e9 url("../images/bg_main.gif") repeat;
	padding: 0;
	margin: 0;
	height: 100%;
	font-family: Arial, Verdana, sans serif;
	font-size:62.5%;
	font-weight: normal;
	}
	
#main {
	width: 765px;
	min-height: 100%;
	background: #fff url("../images/bg_content.gif") repeat-y;
	margin: 0 auto;
	padding-left: 5px;
	}	
	
* html #main {height: 100%;}	
	
/* Content elements */	

#contenttophome {
	width: 720px;
	padding: 20px;
	}
	
#contenttop {
	width: 720px;
	padding: 0 20px;
	}
	
.contentleft {
	float: left;
	width: 445px;
	padding: 20px 0 0 0;
	}	
	
.contentoffers {
	clear:both;
	width: 100%;
	padding: 20px 0 0 0;
	}		
	
#contactkellyouter {
	margin: 20px 0;
	padding: 1px;
	background-color: #ccbbbb;
	width: 255px;
	float: right;
	}
	
#contactkellyinner {
	color: #fff;
	background-color: #e28c05;
	font: bold 1.2em Arial, Verdana, sans serif;
	line-height: 1.4em;
	border: 1px solid #fff;
	width: 233px;
	padding: 10px;
	}
	
#contactkellyinner a:active, #contactkellyinner a:visited, #contactkellyinner a:link {
	color: #fff;
	text-decoration: underline;
	}
	
#contactkellyinner a:hover {
	color: #192168;
	}	
	
.contentrule {
	border-top: 1px solid #ccbbbb;
	line-height:4px;
	height:4px;
	background-color: #f0f1fb;
	clear: both;
	margin-bottom: 10px;
	}			
	
#contentbtm {
	background-color: #fff;
	width: 720px;
	clear: both;
	padding: 0 20px 20px 20px;
	}
	
#contentbtm02 {
	background-color: #fff;
	width: 720px;
	clear: both;
	padding: 20px;
	}		
	
.toplink {
	margin: 0 0 20px 0;
	}					
	
/* Navigation elements */

#nav {
	width: 760px;
	border-top: 3px solid #192168;
	}
	
#nav02 {
	width: 760px;
	border-top: 3px solid #192168;
	border-bottom: 1px solid #192168;
	}	


#topnav {
	background: #c8c9e0 url("../images/bg_topnav.gif") repeat-x 0 0;
	}
	
#topnav ul {
	padding: 0;
	margin: 0;
	overflow:hidden;
	display: block;
	width: 100%;
	}
	
#topnav ul li {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	}
	
#topnav ul li a {
	text-decoration: none;
	text-transform: uppercase;
	font: bold 1.2em Arial, Verdana, sans serif;
	vertical-align: middle;
	text-align: center;
	display: block;
	float: left;
	line-height: 23px;
	}
	
a.homebt:active, a.homebt:visited, a.homebt:link, a.homebt02:active, a.homebt02:visited, a.homebt02:link {
	background-color: #c8c9e0;
	padding: 0 10px 0 20px;
	color: #192168;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
	
a.homebton:active, a.homebton:visited, a.homebton:link {
	background-color: #192168;
	padding: 0 10px 0 20px;
	color: #fff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #192168;
	}	
	
a.marketsbt:active, a.marketsbt:visited, a.marketsbt:link {
	background-color: #192168;
	padding: 0 10px;
	color: #fff;
	border-top: 1px solid #979acb;
	border-bottom: 1px solid #192168;
	}
	
a.marketsbton:active, a.marketsbton:visited, a.marketsbton:link {
	background-color: #e28c05;
	padding: 0 10px;
	color: #fff;
	border-top: 1px solid #fdc66f;
	border-bottom: 1px solid #e28c05;
	}			
	
a.topnavbt:active, a.topnavbt:visited, a.topnavbt:link, a.topnavbt02:active, a.topnavbt02:visited, a.topnavbt02:link {
	background-color: #c8c9e0;
	padding: 0 10px;
	color: #192168;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
	
a.topnavbton:active, a.topnavbton:visited, a.topnavbton:link {
	background-color: #192168;
	padding: 0 10px;
	color: #fff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	}
	
a.offers:active, a.offers:visited, a.offers:link {
	background-color: #CC0000;
	padding: 0 10px;
	color: #fff;
	border-top: 1px solid #fdc66f;
	border-bottom: 1px solid #fdc66f;
	}
	
a.offerson:active, a.offerson:visited, a.offerson:link {
	background-color: #CC0000;
	padding: 0 10px;
	color: #fff;
	border-top: 1px solid #fdc66f;
	border-bottom: 1px solid #fdc66f;
	}
	
a.homebt02:hover, a.marketsbton:hover, a.topnavbt02:hover {
	background-color: #192168;
	color: #fff;
	border-top: 1px solid #979acb;
	border-bottom: 1px solid #979acb;
	}				
	
#marketsnav {
	color: #fff;
	font: bold 1.1em Arial, Verdana, sans serif;
	background: #9194c6 url("../images/bg_markets_nav.gif") repeat-x;
	vertical-align: middle;
	padding: 0 0 0 20px;
	overflow: hidden;
	clear: both;
	border-bottom: 1px solid #192168;
	}
	
#marketsnavon {
	color: #fff;
	font: bold 1.1em Arial, Verdana, sans serif;
	background: #fcd89f url("../images/bg_markets_nav_on.gif") repeat-x;
	vertical-align: middle;
	padding: 0 0 0 20px;
	overflow: hidden;
	clear: both;
	border-bottom: 1px solid #e28c05;
	}	
	
#marketsnav ul, #marketsnavon ul {
	padding: 7px 0 0 0;
	margin: 0;
	overflow:hidden;
	display: block;
	width: 100%;
	}	
	
#marketsnav ul li, #marketsnavon ul li {
	float: left;
	padding: 0 8px 6px 0;
	margin: 0;
	list-style: none;
	}
	
#marketsnav a:active, #marketsnav a:visited, #marketsnav a:link {
	color: #fff;
	text-decoration: none;
	}
	
#marketsnav a:hover {
	color: #e28c05;
	text-decoration: none;
	}
	
#marketsnavon a:active, #marketsnavon a:visited, #marketsnavon a:link {
	color: #192168;
	text-decoration: none;
	}
	
#marketsnavon a.on:active, #marketsnavon a.on:visited, #marketsnavon a.on:link {
	color: #fff;
	text-decoration: none;
	}	
	
#marketsnavon a:hover, #marketsnavon a.on:hover {
	color: #fff;
	text-decoration: none;
	}		
	
/* Typography */

h1 {
	color: #e28c05;
	font: bold 1.6em Arial, Verdana, sans serif;
	line-height: 1.6em;
	padding: 0 0 10px 0;
	margin: 0;
	}

h2 {
	font: bold 1.4em Arial, Verdana, sans serif;
	line-height: 1.4em;
	padding: 0 0 10px 0;
	margin: 0;
	}	

p {
	font: normal 1.2em Arial, Verdana, sans serif;
	line-height: 1.4em;
	padding: 0 0 10px 0;
	margin: 0;
	}
	
p.disclaimer {
	font: normal 1.0em Arial, Verdana, sans serif;
	line-height: 1.1em;
	padding-top: 10px;
	}
	
.paddingtop10px {
	padding: 10px 0 10px 0;
	}	
	
.paddingtop20px {
	padding: 20px 0 10px 0;
	}	
	
/* Forms */

form {
	padding: 0;
	margin: 0;
	}	
	
.textbox {
	color: #333;
	font: normal 1.2em Arial, Verdana, sans serif;
	line-height: 1.4em;
	width: 270px;
	padding: 2px 5px;
	border: 1px solid #000;
	}
	
.textarea {
	color: #333;
	font: normal 1.2em Arial, Verdana, sans serif;
	line-height: 1.4em;
	width: 270px;
	padding: 2px 5px;
	border: 1px solid #000;
	}	
	
input.button {
	color: #fff;
	font-weight:bold;
	text-decoration: none;
	display: block;
	width: 130px;
	background: #8e92c4 url("../images/bg_button.gif") repeat-x;
	text-align: center;
	vertical-align: middle;
	font: bold 1.2em Arial, Verdana, sans serif;
	line-height: 1.2em;
	margin-top: 15px;
	border: 0;
	padding: 2px 0;
	cursor: pointer;
	}		
	
input.button:hover {
	color: #192168;
	background: #fad08d url("../images/bg_button_on.gif") repeat-x;
	}		
	
/* Links */		
	
a:active, a:visited, a:link {
	color: #192168;
	font-weight:bold;
	text-decoration: none;
	}	
	
a:hover {
	text-decoration: underline;
	}
	
.toplink a:active, .toplink a:visited, .toplink a:link {
	font: normal 1.2em Arial, Verdana, sans serif;
	line-height: 1.2em;
	color: #192168;
	text-decoration: none;
	}	
	
.toplink a:hover {
	text-decoration: underline;
	}		
	
a.button:active, a.button:visited, a.button:link {
	color: #fff;
	font-weight:bold;
	text-decoration: none;
	display: block;
	width: 130px;
	background: #8e92c4 url("../images/bg_button.gif") repeat-x;
	text-align: center;
	vertical-align: middle;
	font: bold 1.2em Arial, Verdana, sans serif;
	line-height: 1.6em;
	margin-top: 5px;
	}		
	
a.button:hover {
	color: #192168;
	background: #fad08d url("../images/bg_button_on.gif") repeat-x;
	}	
	
a.back:active, a.back:visited, a.back:link {
	display: block;
	color: #192168;
	font: bold 1.2em Arial, Verdana, sans serif;
	line-height:1.4em;
	padding: 5px 0 5px 25px;
	margin-top: 20px;
	text-decoration: none;
	background: url("../images/im_bullet_02_back.gif") no-repeat 0 0;
	}	
	
a.back:hover {
	text-decoration: underline;
	}	
	
.bullets {
	padding: 0;
	margin: 0;
	}
	
.bullets li {
	font: normal 1.2em Arial, Verdana, sans serif;
	line-height:1.4em;
	padding: 5px 0 5px 25px;
	list-style: none;
	}	
	
.bullet01 {
	background: url("../images/im_bullet_01.gif") no-repeat 0 5px;
	}
	
.bullet02 {
	background: url("../images/im_bullet_02.gif") no-repeat 0 0;
	}
	
.bullet02short {
	background: url("../images/im_bullet_02_short.gif") no-repeat 0 0;
	}	

/* Markets content */	
	
.marketslft {
	float: left;
	width: 570px;
	padding: 0 0 10px 0;
	}
	
.marketsrht {
	margin: 0;
	width: 130px;
	float: right;
	padding: 0 0 10px 0;
	}	
	
img.ratecard {
	padding: 1px;
	border: 1px solid #ccbbbb;
	}		
	
/* Markets table */

#marketstbl {
	font: 1.2em Arial, Verdana, sans serif;
	line-height:1.4em;
	text-align: left;
	padding: 0;
	}
	
#marketstbl th, #marketstbl td {
	padding: 5px;
	}	
	
#marketstbl th {
	vertical-align: middle;
	border-bottom: 2px solid #192168;
	}
	
#marketstbl td {
	vertical-align: top;
	border-top: 1px solid #192168;
	}	
	
.tblcol01white, .tblcol01blue {
	border-right: 1px solid #192168;
	width: 150px;
	}
	
.tblcol02white, .tblcol02blue {
	border-right: 1px solid #192168;
	width: 290px;
	}
	
.tblcol03white, .tblcol03blue {
	border-right: 1px solid #192168;
	width: 190px;
	}
	
.tblcol04white, .tblcol04blue {
	width: 87px;
	}	
	
.tblcol01blue, .tblcol02blue, .tblcol03blue, .tblcol04blue {
	background-color: #f0f1fb;
	}
	
.tblcol01white a:active, .tblcol01white a:visited, .tblcol01white a:link, .tblcol01blue a:active, .tblcol01blue a:visited, .tblcol01blue a:link {
	color: #192168;
	font-weight:bold;
	text-decoration: none;
	}	
	
.tblcol02white a:active, .tblcol02white a:visited, .tblcol02white a:link, .tblcol02blue a:active, .tblcol02blue a:visited, .tblcol02blue a:link {
	color: #192168;
	font-weight: normal;
	text-decoration: none;
	}
	
.tblcol01white a:hover, .tblcol01blue a:hover, .tblcol02white a:hover, .tblcol02blue a:hover {
	text-decoration: underline;
	}
	
/* Signup table */

.signuptblcol01 {
	font: bold 1.2em Arial, Verdana, sans serif;
	line-height:1.4em;
	padding: 5px 0 5px 25px;
	background: url("../images/im_bullet_01.gif") no-repeat 0 5px;
	width: 140px;
	vertical-align: top;
	}	
	
.signuptblcol02 {
	font: normal 1.2em Arial, Verdana, sans serif;
	line-height:1.4em;
	vertical-align: top;
	}											
	
/* Footer elements */

#footer {
	width: 760px;
	}
	
#footertext {
	background-color: #fff;
	padding:20px;
	}
	
#footertext p {
	font: normal 1.0em Arial, Verdana, sans serif;
	line-height: 1.1em;
	}