/*
Insert Website, v1.0

Media: Screen
Author: Born Digital
*/

body {
	color: #000;
	font-family: Segoi UI, Tahoma, "Helvetica", Arial, "Lucida Grande", Verdana, Sans-serif;
	background:url(../images/header-bg.png) repeat-x;
	}
.skipnav, .hidden {
	display: none;
}
 
#main_logo {
		position: absolute;
		width: 200px;
		padding:0px;
		margin-right:17px;
		left:30px;
		top:22px;
	}

h1 a {
	display: inline;
	width: 223px;
	height: 53px;
	text-indent: -999em;
	overflow: hidden;
	float:left;
	color:#1f1f1f;
   margin: 0 0 20px 0;
	}


h1 { color:#1f1f1f; font-weight:bold; }


h2,h3,h4 {
	margin: 0 0 40px 0;
	font-family: Arial, "Lucida Grande", Verdana, Sans-serif;
	color:#414141;
	font-weight:bold;
	display: inline;
	}
h2#balance {
	margin-bottom:10px;
	clear:left;
	width:360px;
	float:left;
	}

h5 {font-size:11px; color:#666; font-weight:normal; margin-bottom:10px; line-height: 160%;}

table { margin-bottom:20px;}
td {font-size:.9em; padding:10px; line-height: 130%; border-bottom:1px #8ae0ed dotted;}
.toptd {font-size:.9em; padding:10px; line-height: 130%; border-bottom:1px #8ae0ed dotted; border-top:1px #8ae0ed dotted;}


#menu ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
	list-style-image:url(../images/bullet.png);
	font-size:0.8em;
	}
ul{
	list-style-image:inherit;
	list-style-position:outside;
	list-style-type:circle;
	margin-bottom:20px;
}
li{
	margin-left:20px;
	margin-bottom:0px;
	color:#666;
	font-size: .8em;
	line-height: 170%;
}

p{
	
	margin-bottom:20px;
	font-size: .8em;
	line-height: 170%;

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

#header {
	color:#000;
	height:92px;
	margin-bottom:15px;
	width:100%;
	float:left;
	}
	#header #menu{
		overflow:hidden;
		margin-right:40px;
		text-align: center;

	}
	#header #menu ul {
		vertical-align: middle;	
		margin: 0px auto;
		padding: 0px;
		width: 767px;
		margin-left:240px;

		}
	#header #menu li  {display:inline; float:left; }
	#header #menu li a, #header li.active {display:block; overflow:hidden; float:left;}
	/*#header #menu li a:hover{background-position:0px -51px;} 
	#header #menu li.active {background-position:0 -102px;}*/
	#header #menu li a:hover{background-position:0px -92px;}
	#header #menu li a.active{background-position:0px -184px;}
	#header #tree{
		position:absolute;
		right:0px;
		top:0px;
	}
#main-container{
	width:988px;
	vertical-align:middle;
	margin: 0px auto;

	
}
#main{
	float:left;
	background-image:url(../images/content-bg.jpg);
	background-repeat: no-repeat;
	padding:50px;
	width:888px;
	
}
	#main #apply-now{
		float:left;
		position:relative;
	}
	#main #pukeko{
		float:right;
		width:219px;
		height:297px;
		margin-right:-45px;
	}
	#main #pukeko-sitting{
		float:right;
		width:219px;
		height:181px;
	}
	#main #pukeko-balancing{
		float:right;
		width:323px;
		height:267px;
		margin-right:-25px;
	}
	#main #content{
		float:left;
		margin-left:50px;
		width:610px;
		position:relative;
	}
	#main #content-apply{
		float:left;
		margin-left:0px;
		position:relative;
		width:900px;
	}
	#main p{
		margin-bottom:8px;
		line-height:160%;
		font-size:0.8em;
	}
	#main td p{
		font-size:100%;
	}

	#main a:link, a:visited, a:active {
		color:#B30101;
	}
/*	
#footer {clear: both;
	color: #5a4112;
	background:url(../images/footer_bg.jpg);
	font-size:.8em;
	width:988px;
	height:67px;
	float:left;
	margin-bottom: 20px;
	}
	#footer a { color:#5a4112; text-decoration:none;}
	#footer a:hover { color:#5a4112; }
	#footer ul { float:left;}
	#footer ul li{float:left; display:block; padding:5px;}
	#footer p.copyright {float:right;}
	
	#footer #left{float:left; font-size:0.8em; width:660px; line-height:1.1em; padding:15px; font-family:Arial, Helvetica, sans-serif;}
	#footer #right{float:right; padding:26px;}*/




/* Footer */

html, body, #wrapper { height: 100%;}

body > #wrapper { height: auto; min-height: 100%; }

#main { padding-bottom: 50px;} 
#footer {
	margin-top: -250px; /* negative value of footer height */
	height: 250px;
	clear:both;
	color:#949494;
	background:url(/images/footer_gradient.jpg) repeat-x;
	border-top:1px solid #dbdbdc;
	font-size:11px;
	font-family:Arial, sans-serif;
	}

#footer_list { width:145px; float:right; }
#footer_list li { list-style-image:none; background:url(../images/footer-plus.png) no-repeat 0 5px; padding-left:15px; margin-bottom:5px; }
#footer_list li a { color:#4e8ba0; text-decoration:none; }
#footer_inner { margin:auto; width:965px; padding-top:20px; }	
#legal { width:693px; float:left; }
#have_you { width:97px; float:right; margin-right:8px; color:#6f6f6f; }
#have_you strong { font-weight:bold; }

#footer a { color:#B30101; }



 /* end footer */


#applynow{
	float:left;
	width:215px;
}
#apply-now-2{
	width:168px;
	height:37px;
	padding:7px;
}



/* NAVIGATION ------------------------------------------------- */


#nav { height:92px; margin:0px 0px 0px 0px;}
#nav ul {margin:0px;padding:0px; }
#nav li {display:inline; margin:0px 0px 0px 0px; float:left;}
#nav li a, #header li.active {text-indent:-9999px; display:inline; overflow:hidden; float:left;}
/*#nav li a:hover{background-position:0px -92px;} 
#nav .active {background-position:0px -276px;}*/
	
.hotoffer{
	width:83px;
	height:92px;
	background-image: url(/images/nav-hotoffer.png);
	background-repeat: no-repeat;
}
.cardfeatures {
	width:112px;
	height:92px;
	background-image: url(/images/nav-cardfeatures.png);
	background-repeat: no-repeat;
}

.balancetransfers{
	width:140px;
	height:92px;
	background-image: url(/images/nav-balancetransfer.png);
	background-repeat: no-repeat;
}

.fees {
	width:40px;
	height:92px;
	background-image: url(/images/nav-fees.png);
	background-repeat: no-repeat;
}

.faq{
	width:37px;
	height:92px;
	background-image: url(/images/nav-faq.png);
	background-repeat: no-repeat;
}


.mastercardbenefits{
	width:160px;
	height:92px;
	background-image: url(/images/nav-mastercardbenefits.png);
	background-repeat: no-repeat;
}


.protectyourself{
	width:135px;
	height:92px;
	background-image: url(/images/nav-protectyourself.png);
	background-repeat: no-repeat;
}

#TOU p { margin-bottom:15px; }
#TOU h3 { margin-bottom:20px; }



/* TOOLS ------------------------------------------------- */

.clear { clear: both; }
.clearL { clear: left; }
.clearR { clear: right; }

.clearfix { zoom: 1; /* for IE7 */ }
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
.accessibility {
	position: absolute;
	left: -999px;
	width: 900px;
	background: none;
	}


/* sIFR STUFF ----------------------------------------- */
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px !important;
  z-index: 0;
}
.sIFR-active h1 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 30px;
  display: inline;
  margin-top:-10px;
  margin-bottom:15px;
}
.sIFR-active h2 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 20px;
  display: inline;
}
.sIFR-active h3 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 17px;
  display: inline;
}
.sIFR-active h4 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  display: inline;
}