@charset "UTF-8";
/* CSS Document */


/* BODY ------------------------------------------------------- */

body {
background: #d5d5d5 url(../../images/bgBody.png) repeat-x top;
font: 12px Verdana,Arial,sans-serif;
color: #474747;
}

	body.slim {
	background: #fff;	
	}

html, body {
width: 100%;	
}


/* TEXT -------------------------------------------------------- */

* {

}

.blue { color: #09377b; }
.grey { color: #373737; }
.white { color: #fff; }


a {
text-decoration:none;
color: #09377b;
} 

a:hover {
text-decoration:none;
}

h1,h2,h3,h4,h5,h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
font-weight: normal;
}

strong {
font-weight: bold;
}

em {
font-style: oblique;
}

.alert {
color: #a90006;
background: url(../../images/admin_iconAlert.png) no-repeat center left;
padding-left: 15px;
margin-left: 10px;
margin-bottom: 15px;
clear: both;
}

	.alert * {
	color: #a90006;
	}
	
/* GERNERAL CRAP ---------------------------------------- */

.clear {
clear:both;
display: block;
}

.clearfix:after, .sideRates ul:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix, .sideRates ul {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix, .sideRates ul {display:block;}
/* End hide from IE Mac */

.clear10 {height:10px; clear:both;}
.clear15 {height:15px; clear:both;}
.clear20 {height:20px; clear:both;}
.clear30 {height:30px; clear:both;}
.clear45 {height:45px; clear:both;}
.clear60 {height:60px; clear:both;}

.right { float: right !important; }
.left { float: left !important; }

.textRight { text-align: right; }
.textLeft { text-align: left; }

#container {
width: 1170px;
margin: 0 auto;
}


/* HEADER ---------------------------------------- */



#header {
width: 100%;
height: 178px;
background: url(../../images/bgHeaderOuter.jpg) no-repeat center top;
}


	.header {
	width: 960px;
	height: 178px;
	padding: 0 15px;
	margin: 0 auto;
	background: url(../../images/bgHeader.png) no-repeat center top;
	}

	#header #headerLogo {
	float: left;
	display: inline;
	width: 240px;
	height: 105px;
	margin-top: 25px;
	text-indent: -9000px;
	}
	
	
	
	
/* FOOTER ---------------------------------------- */

#footer {
padding: 15px 0 60px;
margin: 0 auto;
width: 930px;
}

	#footer * {
	color: #373737;
	text-transform: uppercase;
	line-height: 21px;
	font-size: 11px;
	}

	

/* CONTENT CONTAINER ---------------------------------------- */


#content-outer {
margin: 0 auto;
width: 990px;
background: url(../../images/bgContent.jpg) repeat-y center;
}

#content-inner {
width: 960px;
padding: 0 15px 60px 15px;
background: url(../../images/bgFooter.jpg) no-repeat center bottom;
}

/* SIDEBAR ---------------------------------------- */

.sidebar {
float: left;
display: inline;
width: 240px;
padding-top: 25px;
}

	.sidesearch {
	padding: 0 15px;
	}

	.sidesearch input.text {
	float: left;
	display: inline;
	width: 167px;
	height: 19px;
	padding: 3px 10px 0 10px;
	border: none;
	background: url(../../images/sideSearchText.png) no-repeat;
	font-size: 12px;
	color: #09377b;
	}
	
	.sidesearch input.button {
	float: right;
	display: inline;
	width: 23px;
	height: 22px;
	border: none;
	cursor: pointer;
	}
	
	.sidelogin {
	padding: 0 15px;
	font-size: 11px;
	color: #09377b;
	font-weight: bold;
	}
	
	
	.sideheadingblue,
	.sideheadinggrey {
	width: 240px;
	height: 30px;
	margin: 0;
	margin-bottom: 10px;
	display: block;
	}
	
		.sideheadingblue a,
		.sideheadinggrey a,
		.sideheadingblue span,
		.sideheadinggrey span {
		color: #fff;
		font-size: 13px;
		text-transform: uppercase;
		width: 210px;
		height: 23px;
		padding: 7px 15px 0;
		float: left;
		}
		
		.sideheadingblue { background: url(../../images/sideHeadingBlue.png) no-repeat; }
		.sideheadinggrey { background: url(../../images/sideHeadingGrey.png) no-repeat; }
		
	.sidebar ul {
	}
		
	.sidebar .sidenav li {
	display: block;
	padding: 3px 15px;
	border-bottom: 1px solid #e3e3e3;
	}
	
		.sidebar .sidenav li:hover,
		.sidebar .sidenav li.active {
		background: #e3e3e3;	
		}
		
		.sidebar .sidenav li.last {
		border: none;	
		}
	
		.sidebar .sidenav li a {
		font-size: 11px;
		color: #09377b;
		font-weight: bold;
		}
		
		.sidebar .sidenav li a:hover {
		color: #09377b;
		}
		
		.sidebar .sidenav li div {
		padding: 5px 0 0;
		display: none;
		}
		
			.sidebar .sidenav li div a {
			display: block;
			font-size: 11px;
			font-weight: normal;
			margin-bottom: 5px;
			}

	.sideRates {
	padding: 0 10px;	
	}
	
		.sideRates span {
		display: block;
		padding: 5px 5px 0;
		font-size: 11px;
		}
		
		.sideRates div.table {
		border: 1px solid #d5d5d5;	
		}
		
		.sideRates ul {
		padding: 4px;	
		display: block;
		clear: both;
		}
		
			.sideRates ul.heading {
			background: #d5d5d5;	
			}
		
			.sideRates li {
			float: left;
			width: 70px;
			font-size: 11px;
			}
			
			.sideRates ul.heading li {
			font-weight: bold;	
			}
			
			ul.odd {
			background: #e3e3e3;
			}

	.sideShare {
	padding: 0 15px;	
	}
	
		img#share {
		cursor: pointer;	
		}

/* MAIN ---------------------------------------- */

.jsShow {
display: none;	
}

.main {
float: right;
display: inline;
width: 660px;
padding: 25px 30px 0 0;
}

	body.slim .main {
	float: none;
	display: block;
	padding: 15px;
	}

	.mainLeft {
	float: left;
	display: inline;
	width: 420px;
	}
	
	.mainRight {
	float: right;
	display: inline;
	width: 210px;
	}

	.main p {
	margin-bottom: 1em;
	text-align: justify;
	}

	.main p,
	.main li {
	line-height: 1.4em;
	}
	
	.main h2 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
	}
	
		
		.main h2 a {
		font-weight: bold;
		}
	
	.main h3 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 6px;
	}
	
	.main h4 {
	margin-bottom: 0.5em;	
	font-size: 13px;
	}
	
		.main h4 a {
		font-weight: bold;
		font-size: 13px;
		}
	
	.main img.left {
	margin-right: 15px;
	margin-bottom: 10px;
	}
	
	ul.p {
	margin-bottom: 1em;
	}
	
		ul.p li {
		background: url(../../images/iconListArrow.png) no-repeat left 4px;
		padding-left: 16px;
		margin-bottom: 3px;
		}
		
	ol.p {
	margin-bottom: 1em;
	}
	
		ol.p li {
		list-style-type: decimal;
		margin-left: 20px;
		margin-bottom: 3px;
		}
		

/* INDEX ---------------------------------------- */

ul.homeTabs {
height: 75px;	
}

.homeTabs li {
width: 120px;
height: 75px;
float: left;
display: block;
margin-right: 15px;
background: url(../../images/tabArrowGrey.png) no-repeat center bottom;
}

	.homeTabs li.last {
	margin: 0;
	}
	
	.homeTabs li.active {
	background-image: url(../../images/tabArrow.png);
	}
	
	.homeTabs a {
	width: 120px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	display: block;
	background: url(../../images/tab.png) no-repeat bottom;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	}
	
	.homeTabs li.active a {
	background-position: top;	
	}
	
.homeTabOuter {
width: 660px;
background: #09377c url(../../images/tabContentTop.png) no-repeat top;
margin-bottom: 15px;
}

	.homeTabInner {
	width: 600px;
	padding: 30px 30px 15px;
	background: url(../../images/tabContentBottom.png) no-repeat bottom;
	}
	
	.homeCalc div {
	padding-left: 36px;
	background: url(../../images/iconCalcWhite.png) no-repeat 0 2px;
	margin-bottom: 15px;
	min-height: 32px;
	_height: 32px;
	}
	
		.homeCalc div.calcfeat {
		background: url(../../images/iconCalcYellow.png) no-repeat 0 2px;
		margin-bottom: 45px;
		}
	
		.homeCalc a {
		font-weight: bold;
		display: block;
		color: #fff;
		font-size: 13px;
		}
		
			.homeCalc a:hover {
			text-decoration: underline;	
			}
		
		.homeCalc a span {
		font-style: oblique;	
		}
		
		.homeCalc p {
		color: #e4e4e4;	
		}
	


/* CALCULATORS ---------------------------------------- */

div.calc {
padding: 15px 15px 5px;
border: 1px solid #e3e3e3;
}

div.calc div {
padding-left: 36px;
background: url(../../images/iconCalc.png) no-repeat 0 3px;
margin-bottom: 10px;
}

	div.calc div.calcfeat {
	background: url(../../images/iconCalcFeat.png) no-repeat 0 3px;
	}

	div.calc a {
	font-weight: bold;
	display: block;
	color: #09377b;
	}
	
	div.calc a span {
	font-style: oblique;	
	}