/* CSS Document */
body {font: normal 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: #fff url(images/background.png) repeat-x; color: #333;}

#container {width: 770px; padding: 0; margin: 0 auto; display: block;}

#header {width: 770px; height: 77px; display: block; margin: 0; padding: 0;}

.header_logo {float: left; background: url(images/logo.png) no-repeat; width: 151px; height: 77px; display: block; text-indent: -99999px; }

.header_newname {float: right; background: url(images/temp-flash-topnav2.jpg) no-repeat; width: 254px; height: 77px; }

.thinyellowline {background: url(images/thinyellowline.png) repeat-x; width: 770px; height: 3px; margin: 0; padding: 0;}


/*NAVIGATION SECTION */
/* Main Navigation Bar ------------------------------------------------------------------ */
#nav {width: 770px; height: 31px; margin: 3px 0 1px 0; padding: 0;}

#nav_main { list-style-type : none; float: left; width : 770px; height : 31px; margin : 0; padding : 0; }

#nav_main li.navlist {display: inline; float: left; height:31px;}

#nav_main a { display: block; color: #fff; text-decoration: none;}

/* Nav bar images --------------------------------------- */

#homeback { background:url(images/nav/home.png) no-repeat; width: 64px; height: 31px; padding: 0; margin: 0; text-indent: -9999px; display: block;}
#home { background:url(images/nav/home.png) no-repeat; width: 64px; height: 31px; padding: 0; margin: 0; text-indent: -9999px;}
#home:hover { background: url(images/nav/home1.png) no-repeat; width: 64px; height: 31px; padding: 0; margin: 0; text-indent: -9999px;}

#perloansback { background:url(images/nav/personalloans.png) no-repeat; width: 114px; height: 31px; padding: 0; margin: 0; text-indent: -9999px; display: block;}
#perloans { background:url(images/nav/personalloans.png) no-repeat; width: 114px; height: 31px; padding: 0; margin: 0; text-indent: -9999px;}
#perloans:hover { background: url(images/nav/personalloans1.png) no-repeat; width: 114px; height: 31px; padding: 0; margin: 0; text-indent: -9999px;}

#mortgagesback { background:url(images/nav/mortgages.png) no-repeat; width: 84px; height: 31px; padding: 0; margin: 0; text-indent: -9999px; display: block;}
#mortgages { background:url(images/nav/mortgages.png) no-repeat; width: 84px; height: 31px; padding: 0; margin: 0; text-indent: -9999px;}
#mortgages:hover { background: url(images/nav/mortgages1.png) no-repeat; width: 84px; height: 31px; padding: 0; margin: 0; text-indent: -9999px;}

#findabranchback { background:url(images/nav/findabranch.png) no-repeat; width: 102px; height: 31px; padding: 0; margin: 0; text-indent: -9999px; display: block;}
#findabranch { background:url(images/nav/findabranch.png) no-repeat; width: 102px; height: 31px; padding: 0; margin: 0; text-indent: -9999px;}
#findabranch:hover { background: url(images/nav/findabranch1.png) no-repeat; width: 102px; height: 31px; padding: 0; margin: 0; text-indent: -9999px;}

#forretailmerchantsback { background:url(images/nav/forretailmerchants.png) no-repeat; width: 139px; height: 31px; padding: 0; margin: 0; text-indent: -9999px; display: block;}
#forretailmerchants { background:url(images/nav/forretailmerchants.png) no-repeat; width: 139px; height: 31px; padding: 0; margin: 0; text-indent: -9999px;}
#forretailmerchants:hover { background: url(images/nav/forretailmerchants1.png) no-repeat; width: 139px; height: 31px; padding: 0; margin: 0; text-indent: -9999px;}


#aboutusback { background:url(images/nav/aboutus.png) no-repeat; width: 77px; height: 31px; padding: 0; margin: 0; text-indent: -9999px; display: block;}
#aboutus { background:url(images/nav/aboutus.png) no-repeat; width: 77px; height: 31px; padding: 0; margin: 0; text-indent: -9999px;}
#aboutus:hover { background: url(images/nav/aboutus1.png) no-repeat; width: 77px; height: 31px; padding: 0; margin: 0; text-indent: -9999px;}

#careersback { background:url(images/nav/careers.png) no-repeat; width: 73px; height: 31px; padding: 0; margin: 0; text-indent: -9999px; display: block;}
#careers { background:url(images/nav/careers.png) no-repeat; width: 73px; height: 31px; padding: 0; margin: 0; text-indent: -9999px;}
#careers:hover { background: url(images/nav/careers1.png) no-repeat; width: 73px; height: 31px; padding: 0; margin: 0; text-indent: -9999px;}

#applyforaloanback { background:url(images/nav/applyforaloan.png) no-repeat; width: 117px; height: 31px; padding: 0; margin: 0; text-indent: -9999px; display: block;}
#applyforaloan { background:url(images/nav/applyforaloan.png) no-repeat; width: 117px; height: 31px; padding: 0; margin: 0; text-indent: -9999px;}
#applyforaloan:hover { background: url(images/nav/applyforaloan1.png) no-repeat; width: 117px; height: 31px; padding: 0; margin: 0; text-indent: -9999px;}


/* End Nav Bar images ------------------------------------ */

li a { padding: 10px 12px 7px 12px; margin: 0 0 0 0;}


/* End Navigation
/* Drop Down Menu Attributes ------------------------------------------------------------- */
#nav li ul { position: absolute; left: -999em; width: auto; height: auto; margin: 0; padding: 0;
background : #1151a0; 
border-bottom: 0px solid #e4e4e4;
border-left: 0px solid #e4e4e4;
border-right: 0px solid #e4e4e4;
border-top: 0px;}

#nav li ul li { clear: both; margin: 0; }

.navlist_sub {list-style-type: none; }
.navlist_sub a { width: 150px; font-weight: normal; padding: 5px 8px 5px 10px; margin: 0;}
.navlist_sub a.topitem { width: 150px; font-weight: normal; padding: 8px 8px 5px 10px; margin: 0;}
.navlist_sub a.bottomitem { width: 150px; font-weight: normal; padding: 5px 8px 8px 10px; margin: 0;}
.navlist_sub a:hover { background-image: none; background:#3f82d4;}

#nav li:hover, #nav li.hover {position: static; }
#nav li:hover ul, #nav li.sfhover ul {left: auto;}

/* End Drop Down Menu Attributes ----------------------------------------------------------- */
/* END NAVIGATION */


.mp_mainad {float: left; display: block; background: url(images/needapersonalloan-box.jpg) no-repeat; width: 296px ; height: 225px; margin: 0; padding: 0;}

.mp_mainad_txt {color: #013473; margin: 78px 30px 0 15px; }

.mp_mainad_button_back { display: block; background: url(images/requestperloan-button.jpg) no-repeat; width: 193px; height: 40px; text-indent: -99999px; margin: 15px 10px 0 15px;}
.mp_mainad_button { display: block; background: url(images/requestperloan-button.jpg) no-repeat; width: 193px; height: 40px; text-indent: -99999px; margin: 0;}
.mp_mainad_button:hover {background: url(images/requestperloan-button1.jpg) no-repeat; width: 193px; height: 40px; text-indent: -99999px;}

.mp_mainad_flash {float: right; display: block; background: url(images/temp-flash.jpg) no-repeat; width: 474px; height: 225px; }


#content_container {display: block; width: 770px; background: #ebebeb; float: left;}

#main_container {float: left; display: block; width: 471px;/*516px; */ padding: 15px 35px 15px 10px; background: #fff;}

#main_container_full {float: left; display: block; width: 725px;/*516px; */ padding: 15px 35px 15px 10px; background: #fff;}

#side_container {float: right; display: block; width: 254px; background: #ebebeb; padding: 15px 0 15px 0;}


.side_emailnewsletter_back {display: block; width: 224px; height: 101px; padding: 0; margin: 0 15px 15px 15px; background: url(images/side-emailnewsletter.png) no-repeat; text-indent: -99999px;}
.side_emailnewsletter {display: block; width: 224px; height: 101px; padding: 0; margin: 0; background: url(images/side-emailnewsletter.png) no-repeat; text-indent: -99999px;}


.side_loanreferral_back {display: block; width: 224px; height: 114px; padding: 0; margin: 25px 15px 15px 15px; background: url(images/side-loanreferral.png) no-repeat; text-indent: -99999px;}
.side_loanreferral {display: block; width: 224px; height: 114px; padding: 0; margin: 0; background: url(images/side-loanreferral.png) no-repeat; text-indent: -99999px;}

.side_eho {margin: 15px 15px 0 163px; }

.clr {clear: both; }

h3 {color: #0e4e9b; }

#footer {width: 770px; background: url(images/bottom-nav.png) repeat-x; height: 31px; display: block; padding: 0;}
#footer p {color: #fff; font-size: 11px; text-align: center; margin: 0; padding: 8px 0 0 0;}