/* CSS Document */
/* base styles */

body{
	font:12px/18px Verdana,Arial,sans-serif;
	text-align:justify;
}
a img{
	border: none;
}
a:link,a:visited{
	color:#1D4F9B;
	text-decoration:none;
}
a:hover{
	color:#EC7C18;
	/*text-decoration:underline;*/
}
h1{
	color:#1D4F9B;
	margin-top:0px;
	margin-bottom:2px;
	font-size: 16px;
	border-bottom:1px solid #1D4F9B;
	padding-bottom: 3px;
	text-align:left;
}
h2{
	color:#1D4F9B;
	margin-bottom:2px;
	font-size: 14px;
	border-bottom:1px solid #1D4F9B;
	padding-bottom: 3px;
	text-align:left;
}
h2.login{
	background: #EC7C18;
	color:#FFF;
	font-size: 14px;
	padding: 3px 0px 3px 5px;
	text-align:left;
	margin-top:0px;
	border:none;
	width:159px;
}
h2.grey{
	color:#666;
	font-size: 14px;
	border:none;
	margin-top:10px;
	margin-bottom:10px;
}
h2 a:hover{
	/*text-decoration:none;*/
}
h3{
	color:#1D4F9B;
	font-size: 12px;
	text-align:left;
	margin-top:5px;
	margin-bottom:5px;
}
h3.options{
	color:#FFF;
	margin-top:5px;
	margin-bottom:5px;
	padding:3px;
	background:#1D4F9B;	
}
h4{
	color:#EC7C18;
	font-size:12px;
	margin-top:5px;
	margin-bottom:0px;
}
p{
	margin: 8px 0px;
}
li{
	text-align:left;
}
ul{
	margin-top: 8px;
}
.homeul{
	position:relative;
	top:0px;
	left:10px;
}
#content li,#middlecol li{
	list-style-image:url('../images/orangearrow.gif');
	padding-left: 10px;
	padding-bottom: 1px;
}
.float-right{
	float:right;
}
.float-left{
	float:left;
}
.clear-both{
	clear:both;
}
.text-left{
	text-align:left;
}
.text-centre{
	text-align:center;
}
.text-right{
	text-align:right;
}
.text10px{
	font-size:10px;
}
.text14px{
	font-size:14px;
}
.text-white{
	color: #FFF;
}
.text-blue{
	color: #1D4F9B;
}
.text-blue16px{
	color:#1D4F9B;
	font-size:16px;
}
.text-grey16px{
	color:#333;
	font-size:16px;
}
.text-orange{
	color:#EC7C18;
}
.text-orange12px{
	color:#EC7C18;
	font-size:12px;
}
.text-orange16px{
	color:#EC7C18;
	font-size:16px;
}
.text-grey{
	color:#666;
}
.text-circleblue{
	color:#477EAD;
}
.text-circlegreen{
	color:#408A38;
}
.text-circlepurple{
	color:#643685;
}
.text-circleorange{
	color:#AA7845;
}
.text-circlered{
	color:#D41546;
}
.valign-middle{
	vertical-align:middle;
}
.valign-bottom{
	vertical-align:bottom;
}
.bordernone{
	border: none;
}
.borderblack1px{
	border:1px solid #000;
}
.bordergrey1px{
	border:1px solid #333;
}
.borderred1px{
	border:1px solid #FF0000;
	background:#FFC5C4;
}
.borderred1px option{
	background:#FFC5C4;
}

.borderred2px{
	border:1px solid #FF0000;
	background:#FFF8DC;
}
.borderblack1pxtop-bottom{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	vertical-align:middle;
}
.bordergrey1pxtop-bottom{
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	vertical-align:middle;
}
.bordergrey1pxbottom{
	border-bottom:1px solid #ccc;
}

.paddingtopbottom5px{
	padding:5px 0px;
}
.paddingleftright6px{
	padding-left:6px;
	padding-right:6px;
}
.paddingleftright4px{
	padding-left:4px;
	padding-right:4px;
}
.paddingtop6px{
	padding-top:6px;
}
.margintopbottom10px{
	margin:10px 0px;
}
.margintopbottom5px{
	margin:5px 0px;
}
.marginleft25px{
	margin-left:25px;
}
.paddingtopbottom10px{
	padding:10px 0px;
}
.cellheading{
	background:#CCC;
}
.cellpackaged{
	background:#F4F4F4;
	font-weight:normal;
}
.cellnotpackaged{
	background:#E8E8E8;
	font-weight:normal;
	margin-left:5px;
}
.bluebg{
	background:#1D4F9B;	
}
.width100{
	width:100%;
}
.width90{
	width:90%;
}
.width80{
	width:80%;
}
.width70{
	width:70%;
}
.width60{
	width:60%;
}
.width55{
	width:55%;
}
.width50{
	width:50%;
}
.width45{
	width:45%;
}
.width40{
	width:40%;
}
.width35{
	width:35%;
}
.width30{
	width:30%;
}
.width25{
	width:25%;
}
.width20{
	width:20%;
}
.width15{
	width:15%;
}
.width12{
	width:12%;
}
.width13{
	width:13%;
}
.width10{
	width:10%;
}
th{
	font-weight: normal;
	vertical-align:top;
}
td{
	vertical-align:top;
}
input{
	font: 100% Verdana,Arial,sans-serif;
}
textarea{
	font-size: 100%;
	height: 60px;
	width: 200px;
}
select{
	font: 100% Verdana,Arial,sans-serif;
}
table{
	font: 100% Verdana,Arial,sans-serif;
}
form{
	margin:0px;
}
/* layout styles */

#holder{
	position:relative;
	top:0px;
	left:0px;
	width:980px;
	margin:0px auto;
	z-index:0;
}
#mainnavigation{
	position:absolute;
	top:54px;
	left:0px;
	z-index:9;
}
#header{
	position:relative;
	top:0px;
	left:0px;
	width:744px;
	height:142px;
	background:url(../images/headerbg.gif) no-repeat;
}
#newHeader{
	height: 139px;
	text-align:left;
	background:url(/images/header_grad_blue.jpg) no-repeat
}
#clientlogin{
	position:absolute;
	top:7px;
	right:0px;
}
#employerlogin{
	position:absolute;
	top:47px;
	right:0px;
}
#partnerlogin{
	position:absolute;
	top:87px;
	right:0px;
}

a.loginbutton{
	display:block;
	width:158px;
	height:27px;
	padding: 12px 0px 0px 10px;
	font:14px Verdana,Arial,sans-serif;
	background:#25559F url(../images/loginbg.gif) no-repeat right;
	border:#FFF 1px solid;
}
a.loginbutton:link, a.loginbutton:visited{
	color: #FFF;
	text-decoration:none;
}
a.loginbutton:hover{
	background:#2A63B8 url(../images/loginbg.gif) no-repeat right;
}
a.NavRight{
    display:block;
	height:35px;
	padding: 3px 8px 4px 8px;
	font:14px Verdana,Arial,sans-serif;
	background:#4f7b16 url(../images/RightCol.gif) no-repeat right;
	sborder:#FFFFFF 1px solid;
}
a.NavRight:link, a.NavRight:visited{
	color: #FFFFFF;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	font-size:14px;
}
a.NavRight:hover{
	background:#90c84b url(../images/RightCol.gif) no-repeat right;
}

#contentholder{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	margin-bottom: 25px;
}
    #contentholder ul{
	    margin: 20px;
    }
#rightcol{
	float:right;
	width:170px;
}
#middlecol{
	float:right;
	width:260px;
	padding: 0px 5px 0px 0px;
}
#content{
	width:285px;
	padding: 0px 10px 0px 0px;
}
#headerlinks{
	position:relative;
	top:0px;
	left:0px;
	width:669px;
	height:46px;
	background:url(../images/quotebg.gif) no-repeat;
	color:#FFF;
	font:20px Verdana,Arial,sans-serif;
	padding: 15px 0px 0px 75px;
}
#middlecollinks{
	float:right;
	width:190px;
	padding: 40px 10px 0px 0px;
	text-align:left;
}
#contentlinks{
	width:360px;
	padding: 10px 10px 0px 0px;
}
#aftermarketbody{
	width:500px;
	padding: 10px 10px 0px 0px;
}
#contentinner{
	width:760px;
	padding: 10px 10px 0px 0px;
}
#contentfullwidth{
	width:100%;
	padding: 13px 0px 0px 3px;
	z-index:1;
}
#footer{
	position:relative;
	clear:both;
	width:980px;
	color:#666;
	border-top: 1px solid #25559F;
	margin-top:5px;
}
#footer a:link,#footer a:visited{
	color:#666;
	text-decoration:none;
}
#footer a:hover{
	color:#999;
	text-decoration:underline;
}
.aftermarketproductspricing
{
    color:Blue;
    font-weight:normal;
}
ul.AftermarketProduct
{
    line-height:18px;
}
/* Content styles */
.AftermarketTitle{
	color:#1D4F9B;
	text-decoration: underline;
	font-size: 14px;
	padding-bottom: 3px;
	text-align:left;
}
.TestimonialText{
    color:#333333
    #1D4F9B;
	font-size: 12px;
	font-style: italic;
}
.TestimonialBy{
    color:#555555;
	font-size: 12px;
	font-style: normal;
	text-align:right;
}
a.rightbutton{
	display:block;
	margin-bottom: 1px;
}
img.servicesleft{
	float:left;
	border:1px solid #666;
	margin:8px;
}
img.aftermarketproducts{
	float:left;
	border:1px solid #666;
	margin:0px 8px 0px 0px;
}
#middlecollinks li{
	list-style-image:url('../images/arrowbullet.gif');
	padding-left: 10px;
}
table.listtable{
	width:100%;
}
table.listtable td{
	border-bottom: 1px dotted #CCC;
	padding: 1px 3px;
}
.answer{
	padding-bottom:5px;
	margin-left: 20px;
}
p.underline{
	border-bottom: 1px solid #CCC;
	padding: 3px;
	margin-bottom: 10px;
}
.photo{
	float:right;
	margin: 0px 15px;
	border: 1px solid #000000;
}
table.exampleresults{
	text-align:right;
	width:100%;
}
.error{
	color:#FF0000;
}
p.stepsarrow{
	margin-left: 85px;
}
p.steps{
	text-align: left;
	line-height: 1.2;
	padding-top:5px;
}
.login{
	text-align:right;
	border:1px solid #EC7C18;
	padding:1px;
	width:164px;
}

/* Back Office Styles */

body.app{
	font-size:11px;
}
#contentapp{
	width:807px;
	padding: 3px 0px 0px 174px;
	z-index:1;
}
.actionmessage{
	padding: 0px 0px 0px 174px;
	text-align:center;
	color:#FF0000;
}
#customernavigation{
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
	text-align:left;
	margin-top:3px;
}
a.customernav{
	display:block;
	width:158px;
	padding: 8px 0px 8px 8px;
	font:12px Verdana,Arial,sans-serif;
	background:#25559F url(../images/loginbg.gif) no-repeat right;
	border-bottom:#FFF 1px solid;
}
a.customernav:link, a.customernav:visited{
	color: #FFF;
	text-decoration:none;
}
a.customernav:hover{
	background:#2A63B8 url(../images/loginbg.gif) no-repeat right;
}
a.customernavsub{
	display:block;
	width:154px;
	padding: 3px 0px 3px 8px;
	margin: 0px 0px 0px 2px;
	font:12px Verdana,Arial,sans-serif;
	background:#E0E7F2;
	border-bottom:#FFF 1px solid;
}
a.customernavsub:link, a.customernavsub:visited{
	color:#25559F;
	text-decoration:none;
}
a.customernavsub:hover{
	background:#EAEFF7;
}
.adjustheight{
	height:130px;
}
.adjustheightRSPCA{
	height:220px;
}
.data{
	width: 100%;
}
.data td{
	padding: 3px;
	vertical-align:middle;
}
.dataheading tr{
	color:#FFFFFF;
	background:#2C529B;
	padding: 6px 6px 6px 6px;
	margin: 1px 1px 1px 1px
}
.dataheading td{
	color:#FFFFFF;
	background:#2C529B;
	padding: 6px 6px 6px 6px;
	margin: 1px 1px 1px 1px
}
p.dataheading{
	padding: 6px;
	margin:0px 1px;
}
.datasubheading tr{
	background:#CCC;
}
.datasubheading td{
	background:#CCC;
	padding: 6px 6px 6px 6px;
	margin: 1px 1px 1px 1px
}
.dataline tr{
	background:#E5E5E5;
}
.dataline td{
	background:#E5E5E5;
	padding: 6px 6px 6px 6px;
	margin: 1px 1px 1px 1px
}
.datalineodd{
	background:#F5F5F5;
}
.datalineodd td{
	padding: 6px 6px 6px 6px;
	margin: 1px 1px 1px 1px
}
.appheading{
	padding: 10px 0px;
}
table.customerdetails{
	width:320px;
}
td.customerdetailsleft{
	width:130px;
}
td.customerdetailsright{
	width:190px;
}
input.calendardate{
	width: 80px; 
	border: 0px; 
	background-color: #E5E5E5; 
	padding-left: 1px
}
.tab{
	width: 11%;
}
.tab a:link,.tab a:visited{
	display:block;
	background: #F76C0D url(../leaseplus/images/tabcorner_over.gif) no-repeat top right;
	color:#FFF;
	padding:5px;
	text-decoration:none;
}
.tab a:hover,.tab a:active{
	display:block;
	background: #2A63B8 url(../leaseplus/images/tabcorner.gif) no-repeat top right;
	color:#FFF;
	padding:5px;
	text-decoration:none;
}
.tabactive{
	width: 11%;
}
.tabactive a:link, .tabactive a:visited, .tabactive a:hover{
	display:block;
	background: #2C529B url(../leaseplus/images/tabcorner.gif) no-repeat top right;
	color:#FFF;
	padding:5px;
	text-decoration:none;
}
.centreheading{
	background: #2C529B;
	color:#FFF;
	font-size: 12px;
	padding: 3px 0px 3px 5px;
	text-align:left;
	margin-top:0px;
	border:none;
	vertical-align:top;
	height: 18px
}
.centrecell{
	border: 1px solid #90A7D3;
	vertical-align:top;
	padding-left:10px;
	color:#666;
}
.centrecell p{
	background: url('../images/orangearrow.gif') no-repeat left top;
	padding-left: 20px;
}
/* partner centre */

.cardetails{
	width:100%;
	background: #EFEFEF;
	border: 1px solid #999;
}
.QuoteDetail{
	width:100%;
}
.pagelink:link, .pagelink:visited{
    display:block;
	color: #FFF;
	text-decoration:none;
	background: #003366;
	padding:3px;
}
.pagelink:hover{
	color: #FFF;
	text-decoration:none;
	background: #990000;
}
.pagelinkactive{
	display:block;
	padding:3px;
	background: #990000;
	color: #FFF;
}

/* Salary packaging table */
.plantable{
	border: 1px solid #999;
	width:100%;
	margin-top:10px;
	text-align:left;
}
h1.plan{
	color:#333;
	margin-top:10px;
	margin-bottom:12px;
	font-size: 20px;
	border-bottom:none;
	padding-bottom: 3px;
	text-align:left;
}
.totalstable{
	width:100%;
}
.totalstable td{
	vertical-align:middle;
}
.totalscell{
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}
.h1plan{

}
.plandivider{
	border-top:1px solid #999;
	padding-top: 10px;
	padding-bottom: 10px;
}
.plandividerhalf{
	border-top:1px solid #999;
	padding-top: 5px;
	padding-bottom: 5px;
}
.tooltipholder{
	position:relative;
	top:0px;
	left:0px;
	cursor:help;
}
.tooltip{
	position:absolute;
	top:15px;
	left:0px;
	border: 1px solid #1D4F9B;
	background:#fff url('../customercentre/images/information.png') no-repeat left;
	font-size: 10px;
	color:#1D4F9B;
	padding:3px 3px 3px 20px;
	width:250px;
}
.signature{
	border-top: 1px solid #333;
	padding:5px;
}
.nodisplay{
	display:none;
}
.termsprintbreak{
	display:none;
}
.termsprintbreak2{
	display:none;
}
#tc{
	scrollbar-face-color: #2C529B; 
	scrollbar-highlight-color: #FFF; 
	overflow: auto; 
	width: 99%; 
	scrollbar-shadow-color: #2C529B; 
	scrollbar-3dlight-color: #2C529B; 
	scrollbar-arrow-color: #FFF; 
	scrollbar-darkshadow-color: #FFF; 
	scrollbar-base-color: #e2eefa; 
	height: 150px; 
	background-color: white; 
	border: 1px solid #666;
	padding:3px;
	font-size:11px;
}

#tc li
{
    padding: 2px 2px 0 4px;
    list-style-position: inside;
    list-style-type: decimal;
}

/* New footer styles */

#footer {
	float: left;
	height: 25px;
	width: 980px;
	padding: 4px 0 0 0;
	margin-top: 1em;
	border-top: 1px dotted #BFBFBF;
	background: #FFF;
	}
		
		#footer a{
			text-decoration: none;
			font-size: 12px;
			color: #BFBFBF;
			}
			
			#footer a:hover{
				text-decoration: underline;
				}


/* Restore input margins & padding after CSS reset */

#contentfullwidth input,
#contentfullwidth select {
   margin: 0 0.5em 0.5em 0.5em;
   }

#contentfullwidth td {
    }

	
			
/* Footer Sections */

#footer_left {
	width: 48%;
	float: left;
	color: #BFBFBF;
	padding-left: 10px;
	font-size: 11px;
	}
	
#footer_right {
	width: 48%;
	float: left;
	text-align: right;
	font-size: 11px;
	color: #BFBFBF;
	}

