/* CSS Document */

*{ 
	margin:0; 
	padding:0;
	}
body {
	}
	
body.popup {
	background-color:#fff;
	background-image:none;
	}	
	
/* Header */
#wrapper {
	padding: 0px;
	width: 850px;
	margin: 0 auto;
}

#popupWrapper{
	margin:10px;}

#existing_cust_children li a,#products_children li a {
	height:auto;
	padding-bottom:10px;
}

/* Page content */

/* #content-wrapper padding left and right of 44px added to increase the overall width to 850px.  The main content has been left at 762px wide so that existing content can still fit into it. Grey borders added to the left and right hand sides */
#page {
	width: 762px;
	border-right: 1px solid #E8E8E8;
	border-left: 1px solid #E8E8E8;
	margin-right: auto;
	margin-left: auto;
	padding: 0 44px 30px 44px;
	float: left;
}

#dropdown_phone_img, #dropdown_email_img, #dropdown_existcust_img, #dropdown_rec_friend_img, #dropdown_500_img, #dropdown_400_img, #dropdown_300_img, #dropdown_200_img, #dropdown_100_img {
	margin:10px;
	margin-right:15px;
	position:absolute;
}
#dropdown_existcust_img, #dropdown_rec_friend_img, #dropdown_500_img, #dropdown_400_img, #dropdown_300_img, #dropdown_200_img, #dropdown_100_img {
	margin-top:20px;
}

#slider_wrapper {
	height:293px;
	margin-bottom:-25px;
}
#loan_calc_wrapper {
	height:260px;
	margin-bottom:20px;
}

#slider_preload,#calc_preload {
	width:100px;
	margin:auto;
	position:absolute;
	margin-left:200px;
}

#calc_preload {
	margin-left:50px;
}

/*home page slider */
#home_page_slider {
	height:213px;
	width:544px;
	border: 1px black;
	margin-left:-65px;
	margin-top:-35px;
	margin-bottom:80px;
}

.button {
  color:#FFFFFF;
  padding:6px 10px 2px 10px;
  font-size:10px;
  font-weight:bold;
  text-transform:uppercase;
  display:inline-block;
  text-decoration:none;
  border:0;
  outline:0;
  margin:0 6px 10px 0;
  line-height:16px;
  padding-bottom:4px;
  background:#a5be00;
  border-bottom:4px solid #98af00;
}

.section_title {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	font-weight:bold;
}

#slider, #time_slider {
	width: 150px;
	float:left;
	margin-left:10px;
	height:15px;
	background-image:url("../../images/slider_background.png");
}

.ui-slider-handle {
	background:none !important;
	background-image:url("../../images/slider_handle.png") !important;
	width:30px !important;
	height:20px !important;
}

.loan_plus {
	background-image:url("../../images/loan_plus.png");
	background-repeat:no-repeat;
	height:15px;
	width:15px;
	float:right;
	z-index:1;
	margin-left:5px;
}

.loan_neg {
	background-image:url("../../images/loan_neg.png");
	background-repeat:no-repeat;
	height:15px;
	width:15px;
	float:left;
	margin-left:3px;
}


#amount_borrow, #borrow_time_total {
	width:60px;
	float:right;
	margin-right:5px;
	color:#7786BD;
}

#time_controls,#loan_controls {
	float:left;
}

#time_period {
	padding-top:20px;
	width:268px;
}

h1.cs3,
h3.cs3
{
  margin:0 0 8px;
  text-decoration:none;
  border:0;
  padding:0;
  font-family: 'Bangers', arial, serif;
  color:#FFFFFF;
  text-shadow:2px 2px 1px #222222;
}

h1.cs3
{
  font-size:80px;
  line-height:60px;
}

h3.cs3
{
  font-size:27px;
}

.slider-movie-example
{
  width:150px;
  height:192px;
  background:rgba(0,0,0,0.8);
  color:#FFFFFF;
  padding:10px;
  position:absolute;
  left:20px;
}

#loan_calc {
	width:270px;
	height:160px;
	background-color:#FAFAFA;
	margin-top:10px;
	margin-left:-3px;
	margin-bottom:100px;
}

#loan_calc_title {
	background-color:#9B8F8F;
	padding-left:3px;
	font-family:Arial, Helvetica, sans-serif;
}

#loan_calc_title p {
	color:#FFF;
}

#loan_calc_submit {
	background-image:url("../../images/quick_form_submit.png");
	background-repeat:no-repeat;
	width:138px;
	height:32px;
	overflow:hidden;
	float:right;
	margin-top:25px;
}

#products_children, #existing_cust_children, #contact_children {
	background-color:#FAFAFA;
	display:none;
}

#products_li {
	width:101px;
}
#contact_li {
	width:117px;
}
#products_children {
	width:125px;
}
#contact_children {
	width:150px;
}	
#existing_cust_children {
	width:177px;
}	
#contact_children li a{ 
	width:85px;
}
#existing_cust_children li a {
	width:116px;
}
#products_children li a {
	width:60px;
}

#products_children li a, #existing_cust_children li a, #contact_children li a {
	border-bottom: 1px solid #E6E6E6;
    border-top: 1px solid #E6E6E6;
}

#pageWrapper{
	width:762px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	}

#content{
	background-color:#fff;
	padding: 10px 20px 20px 20px;
	}
	

	
#leftBar{
	padding-top:10px;
	float:left;
	width:150px;
	}
	
#centre{
	float:right;
	width:550px;
	margin-left:20px;
	min-height:350px;
	height:auto;
	_height:350px;
	_margin-left:-3px;
	}
body#branches #centre{
	background:url("/resources/images/common/map.gif") no-repeat 350px 120px;
	margin-left:20px !important;
	}

body.apply #centre{
	float:left;
	width:720px;
	margin-left:0;
	}
.message{
	float:left;
	padding:10px
	}	
	
/* Left Navigation */
.navLeftTop{
	background:url("/resources/images/common/navBoxTop.gif") no-repeat;
	padding:5px 0;
	}
.navLeft{ 
	margin-bottom:10px;
	background:url("/resources/images/common/navBox.gif") no-repeat bottom #EDAFAA;
	padding:0 6px;
	}
.navLeft ul{ 
	list-style:none;
	text-align:right;
	margin:0;
	padding:0 0 6px 0;
	}
.navLeft ul li{ 
	background:none;
	margin-top:0;
	font-weight:bold;
	border:1px #EDAFAA solid;
	}
.navLeft ul li a { 
	color:#fff;
	text-decoration:none;
	background:url("/resources/images/common/whiteArrowNav.gif") right no-repeat;
	padding-right:10px;
	display:block;
	_padding-bottom:-20px;
	
	}
.navLeft ul li a:hover {
	color:#990000;
	background:url("/resources/images/common/redArrowNav.gif") right no-repeat;
	}
/* Footer */

#footer {
	width:850px;
	margin: 0 auto;
}

/* #footer - width increased to 852px (note 852 rather than 850 to allow for an additional 2px for the left and right border added to the graphic */

#footer-grey-curve {
	width: 852px;
	height: 40px;
	margin: auto;
	background-repeat: no-repeat;
	background-image: url(/resources/images/common/footer-curved-grey-wide.gif);
}
		
#navFooter {
	background-color:#fff;
	text-align:center;
	padding: 2px 0 0 0;
	clear: both;
	}
	
#footer .exampleText{
	background-color: #fef6f3;
	text-align: center;
	padding: 10px 195px;
	border-top: 20px solid #fff;
	color:#990000;
	font-size: 1.2em;
	}

#footer .exampleText span{
	font-weight: bold;
	padding-top: 4px;
	}

	
#footer .footerAPR p{
	padding-top: 15px;
	}
	
#navFooter ul{
	margin:0;
	padding:0;
	}
#navFooter ul li{ 
	display:inline;
	background:none;
	padding:0 6px 0 8px;
	margin:0;
	border-left:1px solid #EDAFAA;
	}
#navFooter ul li a{ 
	color:#A0A794;
	font-size:0.9em;
	text-decoration:none;
	}
#navFooter ul li a:hover{
	color:#D0CABA;
	text-decoration:underline;
	}
#navFooter ul li.recruitment{ 
	color:#fff;
	background-color: #ED1000;
	text-decoration:none;
	border-top: 1px solid #ed1000;
	
	}
#navFooter ul li.recruitment a{ 
	color: #fff;
	font-size:0.9em;
	}
	
#navFooter ul li.recruitment a:hover{
	color: #edafaa;
	}
	
#footer .text {
	background-color:#fff;
	color:#A0A794;
	font-size:0.9em;
	padding:0 8px;
	}
#footer .text p span{ 
	color:#9e0100;
	font-weight:bold;
	font-size:2.8em;
	}
	
#bottom-text p{
	padding: 0px;
	margin: 10px auto 10px auto;
	text-align: center;
	font-size: 11px;
	line-height: 14px;
	color: #999;
}
	
#footer p.footerLinks a{
	color:#999;
	text-decoration:underline;
	}
#footer p.footerLinks a:hover{
	color:#999;
	text-decoration:none;
	}

/* NEW HEADER */	

/* #header-wrapper width increased to 850px */
#header-wrapper {
	width: 852px;
	padding: 0px;
	height: 174px;
	margin: 0 auto;
	/*background: url(/resources/images/header/header-top-bar-03.gif) no-repeat;*/
	background-image: url(/resources/images/header/header-top-bar-04-logo.png);
	float: left;
}
#header-details {
	float: left;
	width: 550px;
	padding:0 0 0 0px;
	margin: 0px;
	height: 82px;
}

#header-details a.logo{ /*logo*/
	/*background:url("/resources/images/header/header-top-bar-04-logo.png") no-repeat;*/
	height: 74px;
	width: 330px;
	float: left;
	padding: 0 0 5px 0;
	}
	
#header-details-text-box {
	padding: 0px;
	text-align: right;
	margin: 0;
}

#header-details-text-box h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 27px;
	font-style: normal;
	line-height: 35px;
	margin: 0;
	font-weight: normal;
	color: #FFF;
	padding: 20px 0 0 0;
}
.small-call-text-for-header {
	font-size: 19px;
	color: #FFF;
	margin: 0px;
	padding: 0px;
}
#header-live-chat-box {
	float: right;
	height: 58px;
	width: 202px;
	background-image: url(/resources/images/header/header-live-chat.gif);
	background-repeat: no-repeat;
	margin: 15px 0 0 0 0;
	padding: 0;
}

/* #menu-wrapper width increased and height increased */
#menu-wrapper {
	height: 50px;
	width: 852px;
	background-repeat: repeat-x;
	margin-right: auto;
	margin-left: auto;
	background-color: #F7F7F7;
}

/* #menu-front-spacer height increased and image changed */
#menu-front-spacer {
	background-image: url(/resources/images/menu-left-curve.gif);
	height: 50px;
	width: 40px;
	float: left;
}


/* #menu-vert-line  -NEW ADDITION to create an end grey line at the right end of the menu/navigation bar */
#menu-vert-line {
	height: 50px;
	width: 1px;
	float: left;
	background-color: #e8e8e8;
}


/* #menu-end-curve height increased and image changed */
#menu-end-curve {
	background-image: url(/resources/images/menu-right-curve.gif);
	height: 50px;
	width: 40px;
	float: right;
}


/* #under-menu-box width increased (Border added left and right) */
#under-menu-box {
	height: 42px;
	width: 850px;
	background-repeat: repeat-x;
	background-image: url(/resources/images/header/search-bar-bg-stretcher.gif);
	border-left: 1px solid #E8E8E8;
	border-right: 1px solid #E8E8E8;
	margin: 0 auto;
}

.googleSearch{
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px dotted #ccc;
}


#search-box-wrapper {
	height: 36px;
	width: 290px;
	background-image: url(/resources/images/header/search-bar-back-curve.gif);
	float: right;
	padding: 6px 0 0 0;
}
  
.searchHeader {
    width: 243px;
    float: right;
    height: 27px;
	padding: 0 30px 0 0;
	background: url("/resources/images/header/search-bar-white-frame.png") no-repeat;
	margin: 0;
	}
	
.searchHeader input.searchInput {
    border: none !important;
    margin: 6px 0 0 5px;	
    background: none !important;
	width: 180px !important;
    padding: 1px 0 0 24px;
    font-weight: bold;
    font-style: normal !important;
    position: absolute !important;
	color:#6E7562;
	}
	
.searchHeader input.searchButton {
    width: 43px !important;
	height: 27px !important;
	float: right !important;
	background: url(/resources/images/header/search-bar-button-2.png) !important;
    padding:0 !important;
    border:0px !important;
    margin:0 0 0 215px;
    position: absolute !important;
  }
  

.ErrorSearchBox{
	border: 1px solid #E8E8E8;
	display: block;
	background: #fff4c2;
	padding: 3px;
	margin: -23px 0 0 0;
	z-index: 1;
	position: absolute;
	width: 260px;
	}


.clear {
	clear: both;
}

.clear-float {
	clear: both;
}
.grey-text {
	color: #999;
}

.jqueryslidemenu{
	width: 770px;
	height: 50px;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	float: left;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}


.jqueryslidemenu ul li{
	position: relative;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none !important;
	background-image: none !important;
	z-index:10000;
}


.jqueryslidemenu ul li a{
	display: block;
	color: white;
	color: #2F96F9;
	text-decoration: none;
	height: 35px;
	padding: 15px 14px 0 14px;
	border-left: 1px solid #E6E6E6;
	border-right: 1px solid #FFF;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to make sub-menu links to work right*/
display: inline-block;
}

.jqueryslidemenu ul li a:hover{
	color: white;
	background-image: url(/resources/images/header/menu-hover-block.gif);
	background-repeat: repeat-x;
}

/* Main site navigation ON STATE */
body.home .jqueryslidemenu  ul li.home a,
body.apply .jqueryslidemenu  ul li.apply a,
body.products .jqueryslidemenu  ul li.products a,
body.product300 .jqueryslidemenu  ul li.products a,
body.product500 .jqueryslidemenu  ul li.products a,
body.about .jqueryslidemenu  ul li.about a,
body.contact .jqueryslidemenu  ul li.contact a,
body.existing .jqueryslidemenu ul li.existing a{
	color: #FFF;
	text-decoration: none;
	background-repeat: repeat-x;
	height: 24px;
	padding: 15px 12px 11px 12px;
	border-left: 1px solid #E6E6E6;
	background-image: url(/resources/images/header/menu-hover-block.gif);
}

body.products .jqueryslidemenu  ul li.products,
body.product300 .jqueryslidemenu  ul li.products,
body.product500 .jqueryslidemenu  ul li.products {
	width: 97px !important;
}

body.contact .jqueryslidemenu  ul li.contact {
	width: 113px !important;
}

#products_children li a, #existing_cust_children li a, #contact_children li a  {
	background-image:none;
	color:#2F96F9;
	background-color:#FAFAFA;
	font-size:14px;
	padding-left:45px;
}

#existing_cust_children li a:hover,  #contact_children li a:hover, #products_children li a:hover {
	/*background-color:#FFF7F7;*/
	background-color:#FFFFCC;
}