body {font:8pt arial, verdana, tahoma, sans-serif; color:#000; background:#fff url("images/mainbg.png") repeat-x 0 0; margin:0; padding:0;}
td{font:8pt arial, verdana, tahoma, sans-serif; color:#000;}
a {color:#ff6600; text-decoration:none;}
a:hover {color:#3399fe; text-decoration:none;}

#container{position:relative; display:block; width:980px; margin:0 auto 0 auto; padding:0 10px 0 10px; background:url("images/bodybg.png") repeat-y 50% 0;}
#header{position:relative; display:block; width:980px; height:90px; background:url("images/headerbg.gif") repeat-x top left;}

/*New Styles*/
#splashArea{position:relative; z-index:2; width:980px; height:250px; background:url("images/splashbg.jpg") no-repeat top left; border:none; margin:-6px 0 0 0;}
#homeSplash{background:none; position:absolute; margin:0; padding:0; width:400px; height:202px; top:0; left:280px;}
#homeSplash .splashimage{width:400px; height:202px; border:none;}
#homeSplash #homesplash1{background:url("images/homesplash1.png") no-repeat top left;}
#homeSplash #homesplash2{background:url("images/homesplash2.png") no-repeat top left;}
#homeSplash #homesplash3{background:url("images/homesplash3.png") no-repeat top left;}
#homeApply{position:absolute; z-index:5; width:242px; height:720px; top:20px; left:20px; background:#e8e8e8; border:1px solid #cccccc; -webkit-box-shadow: -3px -3px 5px rgba(50, 50, 50, 0.4); -moz-box-shadow:-3px -3px 5px rgba(50, 50, 50, 0.4); box-shadow:-3px -3px 5px rgba(50, 50, 50, 0.4); /*background:url("images/homeApplybg.png") repeat-y top left;*/}
#homeApplyTitle{position:relative; width:234px; height:43px; top:-1px; left:-1px; background:url("images/homeApplyHeadbg.gif") repeat-x top left;}
#homeApply .applyribbon{position:absolute; z-index:6; width:99px; height:99px; top:-4px; right:-6px; background:url("images/applyRibbon.png") no-repeat top left;}

#homeApply p{padding:5px; margin:0 0 15px 0;}
#homeApply .appField{display:inline-block; /*border:1px solid #cccccc;*/width:220px; margin:0 auto 5px 10px;}

#homeApply input:not([type=button]):not([type=radio]):not([type=checkbox]):not([type=image]), #homeApply select {
    border: 1px solid #ddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    padding: 5px;
    width: 200px;
}
#homeApply input:focus, #homeApply select:focus {
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    background:#fff;
}
        
#homeApply .error {
    -moz-box-shadow:0px 0px 3px #C00000;
    -webkit-box-shadow:0px 0px 3px #C00000;
    box-shadow:0px 0px 3px #C00000;
    background:#ffcccc;
    color:#000;
}

#homeApply #calc{position:relative; width:220px; height:40px; padding:0 0 0 30px; margin:0 auto 0 auto;}
#homeApply #calc .slider{position:absolute; top:16px; left:25px;}
#homeApply #calc .sliderdisplay{position:absolute; top:-10px; left:165px; width:55px; text-align:right; color:#3399fe; font-size:16pt;}
#homeApply #calc .sliderpound{position:absolute; z-index:8; top:-5px; left:170px; width:8px; text-align:right; color:#3399fe; font-size:16pt;}
#homeApply #calc .sliderresult{position:absolute; top:85px; right:20px; width:80px; text-align:right; color:#FF6600; font-size:16pt; border:none; background:#fff;}
#homeApply #calc #sliderminus{position:absolute; top:0px; left:8px;}
#homeApply #calc #sliderplus{position:absolute; top:0px; left:110px;}

#homeMainPanel{display:block; width:700px; height:495px; margin-top:10px;}
#homeMainPanel .infopanel{position:relative; display:inline-block; width:220px; height:286px; border:1px solid #d4d4d4; margin:0 10px 10px 0;}
.infopanelFooter{position:absolute; display:block; left:-1px; bottom:-1px; width:222px; height:12px; background:url("images/infopanel-bottom.gif") no-repeat top left}
#homeMainPanel .infopanel p{padding:5px 5px; margin:0 0 10px 0; line-height:20px;}
#homeMainPanel .infopanel .title {position:absolute; display:block; width:220px; height:32px; top:4px; left:-4px; padding:5px 0 0 5px;}
.HomeAPR{position:relative; display:inline-block; width:285px; height:166px; border:1px solid #d4d4d4; margin:10px 10px 10px 46px; padding:3px 3px 3px 120px;}
.homeAPRStar{position:absolute; top:-11px; left:-70px; height:192px; width:192px; z-index:10; /*background:url("images/home-APR-star.png") no-repeat top left; background-size:100% 100%;*/}
.tvhanger{display:block; width:220px; height:172px; margin:0 0 0 5px;}
.titleorangebg{background:url("images/panel-title-orange.gif") no-repeat top left;}
.titlebluebg{background:url("images/panel-title-blue.gif") no-repeat top left;}
.titlegreenbg{background:url("images/panel-title-green.gif") no-repeat top left;}

.bgOrange{background:#FDEFE5;}
.bgBlue{background:#e3ecff;}
.bgGreen{background:#f2f5e2;}
.bgGrey{background:#e8e8e8;}

.otitle{text-shadow:1px 1px 1px #cd4b00; font-weight:bold ; margin:0px 0px 5px 0px;}
.btitle{text-shadow:1px 1px 1px #2b5b84; font-weight:bold ; margin:0px 0px 5px 0px;}
.gtitle{text-shadow:1px 1px 1px #6b8300; font-weight:bold ; margin:0px 0px 5px 0px;}
.rtitle{text-shadow:1px 1px 1px #c5c5c5; font-weight:bold ; margin:0px 0px 5px 0px;}

.twhite{color:#fff;}
.tgrey{color:#444444;}
.torange{color:#ff6600;}
.tblue{color:#3399fe;}
.tred{color:#df0000;}
.seperator{display:block; width:220px; height:9px; background:url("images/punched-seperator.png") no-repeat top left; margin:0 auto 10px auto;}

#custnav{position:absolute; width:187px; height:28px; top:3px; right:5px; z-index:5; border:none;}
#navcontainer{position:relative; display:block; width:970px; height:30px; background:url("images/navbg.gif") repeat-x top left; padding:0 0 4px 10px; text-align:left;}
#navcontainer a{font-size:9pt; color:#fff; font-weight:bold; text-decoration:none; padding:0; margin:0;}
#navcontainer a:hover{font-size:9pt; color:#EF4F00; font-weight:bold; text-decoration:none; padding:0; margin:0;}
#navcontainer a.navhighlight{color:#FFFF40;}
#navcontainer a.navhighlight:hover{color:#EF4F00;}
#maincontainer{position:relative; display:block; width:980px; font:8pt arial, verdana, tahoma, sans-serif; color:#000;}
#leftpanelindex{position:relative; display:inline-block; width:700px; float:left; top:0px;}
#leftpanel{position:relative; display:inline-block; width:690px; float:left; top:0px; padding:5px 5px;}
#rightpanel{position:relative; display:inline-block; width:265px; float:right; top:-6px;}
#rightpanel2{position:relative; display:inline-block; width:265px; float:right; top:0px; padding:5px 0 0 0;}
#fullpanel{position:relative; display:block; width:960px; font:8pt arial, verdana, tahoma, sans-serif; color:#000; padding:5px 10px;}
#qualifypanel{position:relative; display:block; width:245px; height:180px; background:url("images/panel-qualifybg.gif") no-repeat top right; padding:10px; z-index:0;}
.contactpanel{position:relative; display:block; width:240px; height:335px; background:url("images/panel-contactbg.gif") no-repeat top right; padding:10px; margin:13px 0 0 2px;}
#affiliatepanel{position:relative; display:block; width:245px; background:url("images/affiliateapp-bg.png") no-repeat top right; padding:10px;}
#blankpanel{position:relative; display:block; width:245px; background:url("images/blank-bg.png") no-repeat top right; padding:10px;}
#APR{position:relative; text-align:center; margin:-12px 0 -13px 0; text-align:center; cursor:pointer;}
#APR .interest{position:absolute; top:-2px; right:48px; z-index:5; cursor:pointer;}
#APR .repAPR{position:absolute; top:18px; left:108px; z-index:5; cursor:pointer;}
#APR .interestPA{position:absolute; top:52px; right:64px; z-index:5; cursor:pointer;}
.splashpanel{width:690px; height:220px; border:none; padding:0; margin:0 0 0 5px;}

#footerAPR{position:absolute; top:5px; right:5px; margin:0; padding:0; width:135px;}
.splashbreak{width:100%; height:5px; margin:0;}
.navsep{width:2px; height:34px; margin:0px 8px 0 8px;}

#newspanel{position:relative; width:460px; height:190px; background:url("images/panel-newsbg.gif") no-repeat top left; margin:0 0 0 5px;}
#copyright{position:relative; display:block; width:980px; height:60px; font:9pt arial, verdana, tahoma, sans-serif; color:#000; background:url("images/copyrightbg.gif") repeat-x bottom left; padding:7px 0 0 0px;}

/* column container */
.colmask {
    position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	/*overflow:hidden;		 This chops off any overhanging divs */
    font:8pt arial, verdana, tahoma, sans-serif; 
    color:#000;
    background:url("images/copyrightbg.gif") repeat-x bottom left;
    border-top:1px solid #CBCCD0;
    margin:10px 0 0 0;
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
    padding:0 0 0 0;
}
.col1,
.col2,
.col3 {
    height:135px;
	float:left;
	position:relative;
	padding:5px 0 10px 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
    margin:0 0 1em 0;
    z-index:90;
	/*overflow:hidden;*/
}
/* 3 Column settings */
.threecol {
	/* background:none;		right column background colour */
}
.threecol .colmid {
	right:25%;			/* width of the right column */
	/* background:none;		center column background colour */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
	/*background:none;	 left column background colour */
}
.threecol .col1 {
    text-align:left;
	width:35%;			/* width of center column content (column width minus padding on either side) */
	left:105%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
    text-align:left;
	width:28%;			/* Width of left column content (column width minus padding on either side) */
	left:40%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
    text-align:left;
	width:27%;			/* Width of right column content (column width minus padding on either side) */
	left:81%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
.fs7{font-size:7pt;}
.fs8{font-size:8pt;}
.fs9{font-size:9pt;}
.fs10{font-size:10pt;}
.fs11{font-size:11pt;}
.fs12{font-size:12pt;}
.fs14{font-size:14pt;}
.fs16{font-size:16pt;}
.fs18{font-size:18pt;}
.fs20{font-size:20pt;}
.bold{font-weight:bold;}
.blue{color:#3399fe;}


.repAPR{width:120px; float:left;}
.repAPR2{float:left;}
.modalbg{
    /* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
}
#footer{position:relative; display:block; width:980px; height:26px; background:url("images/footerbg.gif") repeat-x top left; color:#336699; padding:5px 0 0 0;}
#footernav{position:absolute; display:inline; top:-3px; left:12px; height:28px; padding:5px 0 0 0;}
#footernav a{text-decoration:none; padding:0; margin:0; color:#336699;}
#footernav a:hover{text-decoration:none; padding:0; margin:0; color:#fff;}

.xpd1{width:312px; height:123px; position:absolute; z-index:99; Top:140px; left:170px;}
.xpd2{width:312px; height:123px; position:absolute; z-index:99; top:163px; left:170px;}
.xpd3{width:312px; height:123px; position:absolute; z-index:99; top:170px; left:170px;}

.loanpanel{position:relative; width:225px; height:179px; border:none; margin:10px 0 15px 0;}

.newslist{margin:0 0 0 -15px; list-style-image:url("images/bullet2.gif");}
.newslist li {font-size:9pt; margin:0 0 5px 0; line-height:12pt;}
.newslist li a{color:#000; text-decoration:none;}
.newslist li a:hover{color:#3399fe; text-decoration:none;}
.grey{color:#555; text-decoration:none;}
.panellink{color:#3399fe; text-decoration:none; font-weight:bold;}
.panellink:hover{color:#FF6600; text-decoration:none; font-weight:bold;}
.panellink2{color:#FF6600; text-decoration:none; font-weight:bold;}
.panellink2:hover{color:#3399fe; text-decoration:none; font-weight:bold;}
.panellink3{color:#FFFFFF; text-decoration:none; font-weight:bold;}
.panellink3:hover{color:#FF6600; text-decoration:none; font-weight:bold;}
.stage1bg{background:url("images/stage1-bg.gif") repeat-y top left; width:690px;}
.tcell{font-weight:bold; color:#3399fe; vertical-align:top;}
.tcell2{font-weight:bold; color:#FF6600; vertical-align:top;}
.tcell3{font-weight:bold; color:#3399fe; vertical-align:middle; font-size:9pt;}

.ErrorSummary{font:8pt Verdana, Tahoma, Arial; margin:0 0 0 5px; padding:0; color:#C00000; list-style:none;}

h1{font:12pt arial, verdana, tahoma, sans-serif; color:#3399fe;}
h2{font:12pt arial, verdana, tahoma, sans-serif; color:#ff6600;}
h3{font:12pt arial, verdana, tahoma, sans-serif; color:#3399fe;}
h4{font:12pt arial, verdana, tahoma, sans-serif; color:#fff;}
h5{font:12pt arial, verdana, tahoma, sans-serif; color:#ff6600;}
h6{font:12pt arial, verdana, tahoma, sans-serif; color:#E00000;}
h1#panelapply{margin:0; display:block; width:225px; height:179px; float:left; text-indent: -9999px; background: url("images/panel-apply.gif") no-repeat 0 0;}
h1#panelreloan{margin:0; display:block; width:225px; height:179px; float:left; text-indent: -9999px; background: url("images/panel-reloan.gif") no-repeat 0 0;}
h1#panelextension{margin:0; display:block; width:225px; height:179px; float:right; text-indent: -9999px; background: url("images/panel-extension.gif") no-repeat 0 0;}
h1#qualify{margin:7px 0 10px 3px; display:block; width:124px; height:26px; float:left; text-indent: -9999px; background: url("images/title-qualify.gif") no-repeat 0 0;}
h1#newstitle{margin:5px 0 5px 5px; display:block; width:387px; height:25px; float:left; text-indent: -9999px; background: url("images/title-news.gif") no-repeat 0 0;}
h1#applytitle{margin:0 0 5px 0; display:block; width:245px; height:26px; float:left; text-indent: -9999px; background: url("images/title-applynow.gif") no-repeat 0 0;}
h1#affiliateapp{margin:7px 0 10px 0; display:block; width:247px; height:26px; float:left; text-indent: -9999px; background: url("images/title-affiliateapp.gif") no-repeat 0 0;}
h1#panelwork{margin:0; display:block; width:225px; height:179px; float:left; text-indent: -9999px; background: url("images/panel-worksbg.gif") no-repeat 0 0;}
.panelbutton{position:relative; width:215px; height:30px; bottom:35px; float:left; margin:0 0 0 5px;}
.newsbutton{position:absolute; bottom:16px; right:5px;}
.formfield{font:8pt arial, verdana, tahoma, sans-serif; color:#000; border:1px solid #bdbdbd; margin:2px 0 2px 0; padding:2px;}
.formfield2{font:8pt arial, verdana, tahoma, sans-serif; color:#000; border:1px solid #C00000; margin:2px 0 2px 0; padding:2px;}
.stdbutton{font:8pt arial, verdana, tahoma, sans-serif; color:#000; margin:2px 0 2px 0;}
.sendbutton{position:absolute; width:237px; height:59px; top:260px; right:15px;}
.Captcha{position:relative;}
.affiliatebutton{position:absolute; display:inline; width:74px; height:21px; right:22px; z-index:5; top:428px;}
.error{color:#C00000;}
.calIcon{margin:0 0 4px 3px;}
.terms{font-size:14pt; color:#FF6600;}
.terms:hover{font-size:14pt; color:#FF6600;}
#stage1spacer{height:169px; width:100%;}
#stage2spacer{height:101px; width:100%;}
#stage3spacer{height:136px; width:100%;}
#reloanspacer{height:10px; width:100%;}
#dhtmltooltip{position:absolute; left: -300px; width: 100px; border: 1px solid black; padding: 2px; background: #ff6600; color:#fff; visibility: hidden; z-index: 100;}
#dhtmlpointer{position:absolute; left: -300px; z-index: 101; visibility: hidden;}
#tblCharges td{font-size:10pt; }

#repay_calc{position:relative; width:505px; height:85px; background:url("images/slider_bg.gif") no-repeat top left; padding:20px 0 0 30px; margin:0 auto 0 auto;}
.slider{position:absolute; top:16px; left:25px;}
.sliderdisplay{position:absolute; top:16px; left:275px; width:23px; text-align:right; color:#3399fe; font-size:16pt;}
.sliderpound{position:absolute; top:16px; left:260px; width:8px; text-align:right; color:#3399fe; font-size:16pt;}
.sliderresult{position:absolute; top:16px; right:20px; width:80px; text-align:right; color:#FF6600; font-size:16pt; border:none; background:none;}
#sliderminus{position:absolute; top:21px; left:10px;}
#sliderplus{position:absolute; top:21px; left:235px;}

#banknotice{width:660px; height:50px; background:url("images/banknotice.gif") no-repeat top right; padding:30px 10px 0px 10px; margin:-12px 0 0 0;}
.borange{font-weight:bold; color:#ff6600;}
.bblue{font-weight:bold; color:#3399fe;}
.bred{font-weight:bold; color:#ff0000;}
.bgrey{font-weight:bold; color:#888;}
#payment-express{text-align:center; width:46%; margin: 0 5px 0 2px; padding:5px 5px; cursor:pointer; float:left;}
#payment-bacs{text-align:center; width:46%; margin: 0 5px 0 5px; padding:5px 5px; cursor:pointer; float:right;}
.payment-on{border:1px solid #008000; background:#DFFFDF;}
.payment-off{border:1px solid #CCCCCC; background:#efefef;}
.captchainput{font:8pt arial, verdana, tahoma, sans-serif; color:#000; border:1px solid #bdbdbd; margin:0 0 2px 4px; width:74px; float:right;}
#tblReloan td{font-size:10pt; }
#contactinfo td{font-size:9pt;}

#repay_calc2{position:relative; width:195px; height:170px; background:url("images/slider_bg2.gif") no-repeat top left; padding:38px 0 0 30px; margin:0; float:right;}
.slider2{position:absolute; top:38px; left:25px;}
.sliderdisplay2{position:absolute; top:35px; right:15px; width:43px; text-align:right; color:#3399fe; font-size:16pt; border:none; margin:0; padding:0; background:none;}
.sliderpound2{position:absolute; top:35px; right:55px; width:8px; text-align:right; color:#3399fe; font-size:16pt;}
.sliderresult2{position:absolute; top:105px; right:15px; width:80px; text-align:right; color:#FF6600; font-size:16pt; border:none; background:none;}
#sliderminus2{position:absolute; top:40px; left:10px;}
#sliderplus2{position:absolute; top:40px; right:95px;}
.sliderbutton{position:absolute; width:215px; height:30px; top:154px; right:5px;}

.codebox{padding:5px; border:2px dashed #666; background:#fff; color:#444;}
.rpHeader{width:260px; height:30px; background:url(images/rpHeader.gif) no-repeat top left; padding:3px;}
.rpHeader h4{margin:0;}
.rpContent{width:252px; border-left:1px solid #D3D3D3; border-bottom:1px solid #D3D3D3; border-right:1px solid #D3D3D3; padding:3px;}
#rightpanel2 h5 {margin:15px 0 10px 0;}
.appstages{width:100%; display:block; position:relative;}
.stagedesc{position:absolute; top:0; right:0; width:250px;}
#appstage1{width:100%; height:180px; display:block; position:relative;}
.no-js{display:inline;}
/*
#stage1cover{position:absolute; top:0; left:0; width:690px; height:225px; display:none; background:rgba(255, 255, 255, 0.5); z-index:5;}
#stage2cover{position:absolute; top:0; left:0; width:690px; height:250px; display:none; background:rgba(255, 255, 255, 0.5); z-index:5;}*/
.validatormsg2 div, 
.validatormsg2 td {font:8pt arial, verdana, tahoma, sans-serif; background:#C00000; border:1px solid #C00000; color:#fff;}
.highlightcell{display:block; font-weight:bold; color:#3399fe; vertical-align:top; position:relative; background:none; border: 1px solid #FFF; padding:1px 1px 1px 1px;}
.highlightcell2{display:block; font-weight:bold; color:#3399fe; vertical-align:top; position:relative; background:#FFDDB1; border: 1px solid #FF6600; padding:1px 1px 1px 1px;}
.dateok{background:#eee; border:1px solid #ddd; color:#444; padding:1px 1px 1px 1px; white-space:nowrap;}
.datebad{background:#F6D4D4; border:1px solid #C00000; color:#C00000; padding:1px 1px 1px 1px; white-space:nowrap;}
.apr{margin:-8px 62px -2px 0; padding:0; float:right; font-size:12pt; color:#ff6600; font-weight:bold;}
.apr2{color:#3399fe; font-size:14pt;}
.cp{}
#captchadiv{width:325px; background:url('images/captcha-bg.gif') repeat-y 0 0; margin: 0 5px 0 5px; padding:0; float:left;}
.captchatop{}
.captchabtm{}
#pCardInfo{width:690px;}
.cardtable{width:99%;  display:block;}
.alertmsg{width:680px; background:#ff6600; color:#fff; font-size:9pt; padding:5px; font-weight:bold;}
.celltitle{font-weight:bold; color:#ff6600; background:#DEDEDE; font-size:9pt;}
.imFadedface{margin:0; float:right;}
.btnRefresh{position:absolute; top:47px; left:168px; border:none;}
.captchaspacer{height:0px; clear:both;}
#ie6spacer{display:none;}
#applicationStage1{display:block; width:960px; height:100px; background:transparent url("images/appStageIcons.gif") no-repeat 0 0;}
#applicationStage2{display:block; width:960px; height:100px; background:transparent url("images/appStageIcons.gif") no-repeat 0 -100px;}
#applicationStage3{display:block; width:960px; height:100px; background:transparent url("images/appStageIcons.gif") no-repeat 0 -200px;}
.txt{font-size:9pt; color:#000;}
.txtTitle{font-size:9pt; color:#3399fe; font-weight:bold;}
.txtTitle2{font-size:9pt; color:#ff6600; font-weight:bold;}
.dp{font-size:9pt;}
.numeric {text-align:right;}
.diLabel {font-size:10pt; line-height:11pt; text-align:left; font-weight:bold;}
.col1{position:relative; display:block; width:210px; margin: 0 3px 5px 0;}
.col2{position:relative; display:block; width:440px; margin: 0 3px 5px 0;}
.left{float:left;}
.right{float:right;}
.clr{clear:both;}
.tright{text-align:right}
.tleft{text-align:left}
.tcenter{text-align:center}

.maintitle{font-size:14pt; line-height:16pt; text-align:left; color:#ffffff;}