body {font-family: Arial,  Helvetica, sans-serif; font-size: 12px; margin: 0; text-align: center; line-height: 17px; background-color: #D3EDF3;}

#imgboxtop {width:960px; height: 19px; background: #fff url(img/imgboxtop.gif) top left no-repeat; margin: 0px auto 0 auto;}
#imgboxbottom  {width:960px; height: 19px; background: #fff url(img/imgboxbottom.gif) top left no-repeat;  margin: 0px auto 0 auto;}

#outer {width:960px; background: #F7F7F7 url(img/outer_back.gif) top left repeat-y; margin: 0px auto 0 auto; position: relative;}

#container {text-align:left; width:900px; margin:auto; background-color:#FFF; padding:0 10px 10px 10px; }

#header{margin-bottom: 15px; margin-top: 0;}
img#logo {margin:0px 0 2px 0;}
#leftcolumn{width:655px; float:left;}
#leftcolumnwide {width:900px; float:left;}
#leftcolumnwide p,  #leftcolumnwide li {font-size: 11px;}
#rightcolumn{width:220px; float:left; margin-left:20px;}
#footer{background: #fff url(img/navunder.gif) top left repeat-x; top left repeat-x; margin: 5px 0px 0px 0px; padding: 12px 0 2px 0px; font-size: 11px;}
#footer p {margin:0px 15px 0px 0px; padding:0px; color:#333333; }
#footer a{ color:#333333; font-weight: normal;}


h1.display {/*background: #fff url(img/h1back.gif) top left no-repeat;*/ padding: 8px 0 8px 0px; font-weight: bold; margin-top: 0; font-size: 19px; color: #11476A;}

h2 {/*background: #fff url(img/h1back.gif) top left no-repeat;*/ padding: 8px 0 2px 0px; font-weight: bold; margin-top: 0; font-size: 18px; color: #11476A;}

div.wrap {background-color: #fff; width: 210px; float: left; text-align: center; margin: 0 10px 0 0;}
div.wrap h2 {margin: 0px 0 12px 0; font-size: 18px; line-height: 21px; height: 50px;}

div.homepagebox {margin: 0 10px 10px 0; padding: 12px; background-color: #F5FCFE; height: 500px; width: 190px; float: left; text-align: left;}

div.homepagebox h2 {margin: 0px 0 3px 0; font-size: 17px;}

.buttonholder {text-align: center;}
.buttonholder img {margin: 0;}
a{color:#01A6EB; font-weight: bold;}
.clear {clear: both;}
img {border: 0;}
img.right {float: right; margin: 0 0 10px 10px;}

div.boxout {padding: 12px; border: 1px solid #B3BCDE;  margin:  10px 0;}
div.boxout.display {padding: 10px;}
div.boxout p {}
div.boxout h2 {}
#leftcolumnwide  p.large {font-size: 15px;}


#top-banner {position: absolute; top: 15px; right: 35px;}

#navunder {background: #fff url(img/navunder.gif) top left repeat-x; clear: both; height: 10px; margin-top: 0;}
#nav {float:left;width:100%;font-size: 12px;line-height:normal;}
#nav ul {margin:0;padding:10px 10px 0 0;list-style:none;}
#nav li { float:left; background:url("img/left.gif") no-repeat left top; margin:0; padding:0 0 0 9px; }
#nav a { float:left; display:block; background:url("img/right.gif") no-repeat right top; padding:6px 14px 6px 6px; text-decoration:none; font-weight:bold; color:#2C5275; margin-right: 1px; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */
#nav a:hover { text-decoration: none; }

body.home #home, body.credit-cards #credit-cards, body.current-accounts #current-accounts, body.savings-accounts #savings-accounts, body.insurance #insurance, body.mortgages #mortgages{background-image:url("img/left_on.gif");}

body.home #home a, body.credit-cards #credit-cards a , body.current-accounts #current-accounts a , body.savings-accounts #savings-accounts a , body.insurance #insurance a , body.mortgages #mortgages a {background-image:url("img/right_on.gif"); color:#fff; padding-bottom:6px;}

img.right {float: right; margin: 0 0 10px 10px;}
img.left {float: left; margin: 0 10px 10px 0px;}
img.bordered {border: 1px solid #CDEDFA;}




#cctable th, #cctable td{text-align:center;padding:4px;}

#cctable {
	color:#CDEDFA;
	width:900px;
	margin-top:20px;
	border-width: 0px;
	border-spacing:0px ;
	border-style: outset;
	border-collapse: collapse;
	background-image: url(/img/tablethbg.gif);
	background-repeat: repeat-x;font-size:12px;
	
}



#cctable th {
	border-width:1px;
	padding:4px;
	border-style: solid;
	border-color:#CDEDFA;
	font-size:14px;	
	color:#FFF;
}



#cctable .thsmltext{background-image: url(/img/tablethbg.gif);
	background-repeat: no-repeat;
	background-position:0px -35px;
	color:#013B60;
	font-size:11px;
}



#cctable td {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #CDEDFA;
	color: #013B60;
	background-image: url(/img/tabletdbg.gif);
	background-repeat: repeat-x;
	font-size:12px;
}

#cctable .apr{font-size:15px;font-weight:bold;color:#013B60;}
#cctable .cardname {font-size:13px;font-weight:bold;text-align:left;}
#cctable .cardname a {color:#013B60;}
#cctable .appbutt{margin-bottom:5px;}
#cctable .emphbg{background-color:#CDEDFA;background-image:none;}

.aprlarge {font-size: 14px;}


div.mortgagebox {margin: 0 10px 10px 0; padding: 12px; background-color: #F5FCFE; height: 500px; width: 190px; float: left; text-align: left;height:700px;}
div.mortgagebox h2 {margin: 0px 0 15px 0; font-size: 17px;text-align:center;height:40px;}

div.insurancebox {margin: 0 10px 10px 0; padding: 12px; background-color: #F5FCFE; height: 500px; width: 190px; float: left; text-align: left;height:700px;}
div.insurancebox h2 {margin: 0px 0 15px 0; font-size: 17px;text-align:center;height:40px;}


/** comparisontable **/
.comparisontable{width:100%;font-size:11px; margin-bottom: 10px;}

.comparisontable .logo{margin:5px 0px 5px 0px;border:1px solid #B1C5D7;}
.comparisontable .ccard{margin:5px 0px 5px 0px;border:0px solid #B1C5D7;}
.comparisontable th{padding:0px 0px 0px 0px;text-align:center;color:#000;background-color:#E7E7EF;font-size:12px;}
.comparisontable .toplhs{background:transparent url(http://www.knowyourmoney.co.uk/img/comptable-top-lhs.gif) no-repeat 0 0;}
.comparisontable .toprhs{background:transparent url(http://www.knowyourmoney.co.uk/img/comptable-top-rhs.gif) no-repeat 0 0;}
.comparisontable .themph{background-color:#DEDEDE;}
.comparisontable .spacerrow{padding:0px 0px 0px 0px;}
.comparisontable td{padding:0px;text-align:center;}
.comparisontable .altrow{background:transparent url(http://www.knowyourmoney.co.uk/img/tablebg.gif) no-repeat 0 0;}
.comparisontable .row{background:transparent url(http://www.knowyourmoney.co.uk/img/tablebg.gif) no-repeat 0 0;}
.comparisontable .seperator{background-color:#8D8DAE;padding:0px;height:1px;}
.comparisontable .proddesc{padding:5px 0px 0px 10px;text-align:left;vertical-align:top;font-weight:normal;}
.comparisontable .proddesc a{font-size:14px;color:#121291;font-weight:bold;text-decoration:none;
    line-height:15px;font-family:arial;}
.comparisontable .proddesc .desc{font-size:11px;color:#000;}

.comparisontable .proddescsml{padding:5px 0px 0px 10px;text-align:left;vertical-align:top;font-weight:normal;}
.comparisontable .proddescsml a{font-size:12px;color:#121291;font-weight:bold;text-decoration:none;
    line-height:15px;font-family:arial;}
.comparisontable .proddescsml .desc{font-size:11px;color:#000;}
.comparisontable .details{background-color:#F3F3D8;font-size:10px;color:#000;text-decoration:none;font-style:italic;
    padding:0px 0px 0px 10px;text-align:center;}

.comparisontable .normtext{font-weight:normal;}
.comparisontable .emphcol{color:#000;background-color:#E7F2F8;text-align:center;}
.comparisontable .featurecell{background-color:#F6F6EB;text-align:center;background-image:none;}

.comparisontable .apr{font-size:15px;font-weight:bold;color:#000;font-family:arial;line-height:15px;}

/** sml table buttons **/
.comparisontable .minimibutt{display:block;width:85px;height:25px;background:transparent url(http://www.knowyourmoney.co.uk/img/appbutt85x32.gif) no-repeat 0 0;
    margin:0px 0px 3px 2px;padding-top:7px;color:#FFF;font-size:13px;text-decoration:none;font-weight:bold;}
.comparisontable .minimibutt:hover{background-position:0px -32px}				
.comparisontable .minirevbutt{display:block;width:85px;height:18px;background:transparent url(http://www.knowyourmoney.co.uk/img/revbutt85x32.gif) no-repeat 0 0;margin:0 0 0 2px;font-size:11px;color:#000;text-decoration:none;}
.comparisontable .minirevbutt:hover{background-position:0px -18px}