﻿/*** Body Definitions ***/
*{
	margin:0; 
	padding:0; 
}

body{ 
	font-family: Arial, Helvetica, sans-serif; 
	line-height:1.4em; 
	font-size:12px;
	background-color: #dddddd;
}

/*** Website wrapper Div ***/

#wrapper{ 
	margin:0 auto; 
	width:990px;  
	background-color:#ffffff;
}

#container{
	float:left;
	background:#FFFFFF;
	width:762px; 
	margin-top:1px;
	margin-left:17px;
	padding-bottom:15px;
}

/*** Website Heading ***/

#header{
	width:980px; 
	height:111px;
	margin:0 auto;
	margin-top:0px;
	background-color:#FFFFFF;
}

.website-heading{
	padding-bottom:5px;
}

/*** Horizontal Menu Style with Rollover ***/

#menu{ 
	float:left;
	width:764px;  
	height:36px;
	background-color:#336699; 
	background-image:url(images/menu-bg.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	margin-left:17px;
}

#menu ul{ 
	float:left;
	/*clear:both;*/
	display: inline; 
	list-style-type: none;
	margin-left:3px;
}

#menu ul li{
	float:left; 
	color:#FFFFFF;
	font-family: Arial, sans-serif;
	border-right:1px solid #997716;
	font-size:12px;
	font-weight:bold;
	line-height:3.2em;
	height:36px;
}

/*#menu ul li a{ 
	float:left;
	color:#FFFFFF; 
	display: block; 
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
}*/

/*#menu ul li a span{
	vertical-align:middle;
} 

#menu ul li a:hover{
	float:left;
	background:url(images/menu-hover-bg.gif);
	text-decoration:underline;
}*/

#member-login{
	margin:0 auto;
	width:980px;
	height:40px;
	background-color:#b6cee7;
	margin-top:5px;
}

#member-login p{
	line-height:3.5em;
	font-size:12px;
	vertical-align:middle;
	margin-left:10px;
}

#member-login p a{
	font-weight:bold;
}

.login{
	vertical-align:middle;
	border:0;
	margin-top:-3px;
}

#lhs{
	clear:both;
	float:left;
	width:191px;
	padding:0px;
	background:#FFFFFF;
	margin-top:10px;
}

.lhs-box, .lhs-box-pc, .lhs-box-hl{
	background:url(images/box-bg-curved.gif);
	background-color:#eaeaea;
	background-position:bottom;
	background-repeat:no-repeat;
	float:left;
	width:191px;
	min-height:170px;
	padding-bottom:10px;
	margin-bottom:15px;
}

.newsletter-form, .credit-card-special{
	padding:10px 15px 0 15px;
}

.credit-card-special{
	text-align:center;
}

.left-menu-1, .left-menu-2{
	margin-left:10px;
	margin-top:10px;
}

.left-menu-1 ul, .left-menu-2 ul{
margin-left:5px;
	list-style:none;}

.left-menu-1 ul li, .left-menu-2 ul li{
	line-height: 1.6em;
	font-size:13px;
	color:#666666;
	padding-left:15px;
	background:url(images/arrow.gif) 0 50%;
	background-repeat:no-repeat;
}

.left-menu-1 ul li a, .left-menu-2 ul li a{
	color:#666666;
}

#rhs{
	float:right;
	width:191px;
	padding:0px;
	background:#FFFFFF;
	margin-right:17px;
}

.personal-credit{
	background:url(images/box-bg-curved.gif);
	background-color:#eaeaea;
	background-position:bottom;
	background-repeat:no-repeat;
	float:left;
	width:191px;
	min-height:170px;
	padding-bottom:10px;
	margin-bottom:10px;
}

.right-ad{
	text-align:center;
	padding-top:10px;
}

/*********************  Heading & Search *************************/

#borrow-now-logo{
	float:left;
}

#search{
	float:right;
	margin-top:47px;
	margin-right:30px;
	vertical-align:middle;
	height:26px;
}

.search-field{
	margin:0;
	padding:0;
	height:22px;
	float:left;
	margin-right:5px;
	line-height:1.4em;
}

/*********************  Main Content *************************/

#content-full { 
	float:left; 
	background: #ffffff; 
	width: 740px;
	padding:10px;
}

#content { 
	float:left; 
	background: #ffffff; 
	width: 530px;
	padding:10px;
}

#content ul{
	margin-bottom:10px;
}

#content ul li{
	color:#666666;
}

.field{
	width:150px;
	height:20px;
	border:1px solid #cccccc;
	line-height:1.4em;
	color:#666666;
}

#middle-boxes{
	width:550px;
	height:130px;
	margin-bottom:15px;
	padding-top:5px;
}
	
#box1, #box2, #box3{
	float:left;
	width:157px;
	height:109px;
	overflow:hidden;
	padding:10px;
	margin-right:5px;
}

#box1{
	background:#33CCFF;
	background-image:url(images/box1-bg.gif);
	background-repeat:no-repeat;
}

#box2{
	background:#c39d41;
	background-image:url(images/box2-bg.gif);
	background-repeat:no-repeat;
}

#box3{
	background:#ff8216;
	background-image:url(images/box3-bg.gif);
	background-repeat:no-repeat;
}

#box1 p, #box2 p, #box3 p{
	color:#FFFFFF;
	line-height:1.1em;
	margin-bottom:0;
}

/******************** Credit Cards *************************/

.credit-cards{
	clear:both;
	float:left;
	width:750px;
	margin-bottom:20px;
}

.box-one, .box-two, .box-three, .box-four, .box-five, .box-six{
	float:left;
	width:220px;
	border:1px solid #cccccc;
	margin-right:10px;
	margin-bottom:20px;
	padding:10px;
}

.box-three, .box-six{
	margin-right:0;
}

li a{
	text-decoration:none;
}

li a:hover{
	text-decoration:underline;
}

.imagelinks li span{
	font-size:14px;
}

.card{
	float:left;
	border:0;
	margin-right:10px;
}

.imagelinks{
	clear:both;
	float:left;
	width:250px;
	padding-top:10px;
}

/******************** Home Loans *************************/

.home-loans{
	clear:both;
	float:left;
	width:550px;
	margin-bottom:20px;
}

.home-loans .box-one, .home-loans .box-two{
	float:left;
	width:500px;
	border:1px solid #cccccc;
	margin-right:20px;
	margin-bottom:20px;
	padding:10px;
}

.home-loans .box-two{
	margin-right:0px;
}

.imagelinks2{
	clear:both;
	float:left;
	width:130px;
	padding-top:10px;
}

.home-loan-details{
	float:right;
	width:365px;
	margin-top:5px;
}

/******************** Heading Styles *************************/

h1 { 
	font-family: Arial, sans-serif;
	font-size: 16px; 
	color: #8b0104;
	text-align:left; 
	margin-bottom:5px;
	padding-bottom:5px;
}

h1.credit{
	margin-top:10px;}

h1 span{
	font-size:22px;
	font-weight:bold;
}

h2 { 
	clear:both;
	font-size: 14px; 
	color: #3366CC;
	margin-top:10px; 
	margin-bottom:10px;
	border-bottom:1px solid #CC0000;
	padding-bottom:5px;
}

h2.product-h2{
	font-size:14px;
	font-weight:bold;
	font-style:normal;
}

h2 a{ 
	color: #3366CC;
	text-decoration:none;
}

h2 a:hover{ 
	color: #3366CC; 
	text-decoration:underline;
}

h3 { 
	font-size: 12px; 
	color:#0099FF;
	font-weight:bold;
	line-height:1.2em;
	clear:both;
}

.personal-credit h3{
	background:url(images/gold-bg.gif);
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	height:36px;
	line-height:3em;
	overflow:hidden;
	padding-left:10px;
}

.lhs-box h3{
	background:url(images/bronze-bg.gif);
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	height:36px;
	line-height:3em;
	overflow:hidden;
	padding-left:10px;
}

.lhs-box-pc h3{
	background:url(images/green-bg.gif);
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	height:36px;
	line-height:3em;
	overflow:hidden;
	padding-left:10px;
}

.lhs-box-hl h3{
	background:url(images/orange-bg.gif);
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	height:36px;
	line-height:3em;
	overflow:hidden;
	padding-left:10px;
}

background:url(images/green-bg.gif);

h3 a{ 
	color:#0099FF;
	text-decoration:none;
}

h3 a:hover{ 
	color:#0099FF; 
	text-decoration:underline;
}

h4, h4 a{ 
	font-size: 14px; 
	color: #3366CC;
	font-weight:normal;
	text-decoration:none;
	margin-bottom:10px;
	padding-top:5px;
}

h4 a:hover{
	text-decoration:underline;
} 

/*** Paragraph Styles ***/

p, textarea {
	font-family:Arial, Helvetica, sans-serif;
	margin:0; margin-bottom:10px; 
	color: #666666; 
	line-height:1.4em; 
	font-size:13px;
}

p a{ 
	color:#8b0104; 
	text-decoration:none;
}

p a:hover{ 
	color: #8b0104; 
	text-decoration:underline;
}

p a img{ border:none;}

p span{
	/*color:#339900;
	font-weight:bold;*/
}

#content input, #content select, textarea{
	color: #666666; 
	font-size:12px;
}

.learn-more{
	margin-top:0;
	padding:0;
	float:right;
	margin-top:7px;
	margin-right:20px;
	text-transform:uppercase;
}

.learn-more a, .learn-more a:hover{
	color:#FFFFFF;
} 

/******************** tables ************************/

td{
	color: #666666; 
	font-size:12px;
	padding:5px;
}

tr.bg{
	background-color:#c0d5eb;
}

td a{
	text-decoration:none;
	color:#3399cc; 
}
	
td a:hover{ 
	color: #3399cc; 
	text-decoration:underline;
}

/******************** image styles ************************/



/************** Website Footer **************/

#footer { 
	margin:0 auto;
	font-size: 12px; 
	font-family:Arial;
	color: #666666;
	line-height:3em; 
	width:958px; 
	height:35px; 
	padding-left:7px;
	background-color: #dddddd;
	text-align:center;
}	

#footer p{
	padding-top:5px;
	line-height:1.2em;
	font-size:11px;
	margin-bottom:0;
	padding-bottom:0;
}

#footer a{
	color: #666666;
	text-decoration:none;
}

#footer a:hover{
	color: #666666;
	text-decoration:underline;
}


