/* CSS Document */

div#bgMainRepy{
	position:relative;
	background: url(../images/bg-main-repy.png) center top repeat-y;
	margin: 0px auto 0px auto;
	width: 1010px;
}
div#bgMainRepyPlain{
	position:relative;
	margin: 0px auto 0px auto;
	width: 1010px;
}
div#bgMainBtm{
	/*background: url(../images/bg-main-btm.gif) center bottom no-repeat;*/
}
div#layoutPad{
	padding: 0 30px 0 30px;
}

span.textPurpleLight{
	color:#a894c1;
	font-size:12px;
	font-weight:bold;
}
span.textPurple{
	color:#623b93;
	font-size:18px;
	font-weight:bold;
}
/* ONLINE MANAGER LOGIN */
div#olmContainer{
	height: 25px;
}
div#bgOlmCollapsed{
	background: url(../images/bg-login-olm-repx-collapsed.png) left top repeat-x;
	color: #333;
	font: normal 11px Arial, Helvetica, sans-serif;
	height: 25px;
	line-height: 25px;
}
div#bgOlmCollapsed a#olmExpand{
	background: url(../images/img-login-olm-arrow-down.png) right top no-repeat;
	color: #333;
	display: block;
	float: right;
	line-height: 25px;
	margin: 0 10px 0 0;
	text-decoration: none;
	padding: 0 16px 0 0;
}
div#bgOlmCollapsed a:hover#olmExpand{
	background: url(../images/img-login-olm-arrow-down.png) right bottom no-repeat;
	color: #648eb4;
}
div#bgOlmExpanded{
	background: url(../images/bg-login-olm-repx-expanded.png) left top repeat-x;
	color: #333;
	display: block;
	font: normal 11px Arial, Helvetica, sans-serif;
	height: 40px;
	line-height: 40px;
	position: absolute;
	width: 950px;
}
input#fieldClientNo{
	background: url(../images/bg-field-client-no.png) left top no-repeat;
	border: 0;
	color: #47596a;
	font: normal 11px Arial, Helvetica, sans-serif;
	height: 19px;
	margin: 3px 10px 0 0;
	padding: 4px 4px 0 4px;
	width: 73px;
}
input#fieldUsername{
	background: url(../images/bg-field-user-pass.png) left top no-repeat;
	border: 0;
	color: #47596a;
	font: normal 11px Arial, Helvetica, sans-serif;
	height: 19px;
	margin: 3px 10px 0 0;
	padding: 4px 4px 0 4px;
	width: 101px;
}
input#fieldPassword{
	background: url(../images/bg-field-user-pass.png) left top no-repeat;
	border: 0;
	color: #47596a;
	font: normal 11px Arial, Helvetica, sans-serif;
	height: 19px;
	margin: 3px 10px 0 0;
	padding: 4px 4px 0 4px;
	width: 101px;
}
input#fieldSubscription{
	background: url(../images/btn-field-subscribe.png) left top no-repeat;
	border: 0;
	color: #47596a;
	float: left;
	font: normal 11px Arial, Helvetica, sans-serif;
	height: 19px;
	margin: 2px 0 0 4px;
	padding: 4px 4px 0 4px;
	width: 219px;
}
form.olmForm{
	background: url(../images/img-dashboard.png) left center no-repeat;
	height: 40px;
	float: right;
	line-height: 40px;
	margin: 0 0 0 4px;
	padding: 0 0 0 115px;
}
input.btnLogin{
	background: url(../images/btn-login.png) left top no-repeat;
	border: 0;
	cursor: pointer;
	height: 25px;
	margin: 0 10px 0 0;
	width: 46px;
}
input.btnLoginHover{
	background: url(../images/btn-login.png) left bottom no-repeat;
	border: 0;
	cursor: pointer;
	height: 25px;
	margin: 0 10px 0 0;
	width: 46px;
}
div#bgOlmExpanded a#olmCollapse{
	background: url(../images/img-login-olm-arrow-up.png) right top no-repeat;
	color: #333;
	display: none;
	float: right;
	line-height: 40px;
	margin: 0 10px 0 0;
	text-decoration: none;
	padding: 0 16px 0 0;
}
div#bgOlmExpanded a:hover#olmCollapse{
	background: url(../images/img-login-olm-arrow-up.png) right bottom no-repeat;
	color: #648eb4;
}
.olmDivider{
	float: right;
	margin: 0 8px 0 2px;
}
/* ONLINE MANAGER LOGIN ENDS */
/* HEADER STARTS */
div#header{
	/*background: url(../images/bg-header.png) left top no-repeat;*/
	background: url(../images/bg-header-key-lock.png) left bottom no-repeat;
	height: 140px;
	width: 950px;
	position:relative;
}
div#headerGreenLight{
	background: url(../images/bg-header-light-green.png) left top no-repeat;
	height: 140px;
	width: 950px;
}
a img#logo{
	height: 120px;
	/*width: 220px;*/
	width: 260px;
}
a img#contact{
	float: right;
	height: 120px;
	width: 280px;
}
/* HEADER ENDS */
/* NAV STARTS*/
div#nav{
	background: #59358b url(../images/new-btn-nav-repx.png) left top repeat-x;
	color: #FFF;
	height: 33px;
	line-height: 33px;
	padding: 0px 0px 0px 0px;
}
div#nav a{
	color: #FFFFFF;
	display: block;
	float: left;
	font: normal 14px Arial, Helvetica, sans-serif;
	line-height: 33px;
	margin: 0 13px 0px 13px;
	padding: 0 12px 0px 11px;
	text-decoration: none;
}
div#nav a span.navActive{
	margin:0;
	padding:0;
}
div#nav a span.navActiveMiddle{
	background: url(../images/spacer.gif) left top repeat-x;
	cursor: pointer;
	display: block;
	font: normal 14px Arial, Helvetica, sans-serif;
	line-height: 33px;
	text-decoration: none;
	color:#FFFFFF;
	height:33px;
	float:left;
	padding:0px 0px 0px 0px;
}
div#nav a .navActiveRight{
	background: url(../images/spacer.gif) right top no-repeat;
	display: block;
	line-height: 33px;
	height:33px;
	width:5px;
	float:left;
}
div#nav a span.navActiveLeft{
	background: url(../images/spacer.gif) left top no-repeat;
	display: block;
	line-height: 33px;
	height:33px;
	width:5px;
	float:left;
}
div#nav a:hover span.navActiveMiddle{
	background: url(../images/new-btn-nav-hover.png) left top repeat-x;
	cursor: pointer;
	display: block;
	font: normal 14px Arial, Helvetica, sans-serif;
	line-height: 33px;
	text-decoration: none;
	color:#FFFFFF;
	height:33px;
	float:left;
	padding:0;
}
div#nav a:hover span.navActiveRight{
	background: url(../images/new-btn-nav-hover-right.png) right top no-repeat;
	display: block;
	line-height: 33px;
	height:33px;
	width:5px;
	float:left;
}
div#nav a:hover span.navActiveLeft{
	background: url(../images/new-btn-nav-hover-left.png) left top no-repeat;
	display: block;
	line-height: 33px;
	height:33px;
	width:5px;
	float:left;
}
div#nav a.active span.navActiveMiddle{
	background: url(../images/new-btn-nav-active.png) left top repeat-x;
	cursor: pointer;
	display: block;
	font: normal 14px Arial, Helvetica, sans-serif;
	line-height: 33px;
	text-decoration: none;
	color:#000000;
	float:left;
	height:33px;
	padding:0px;
}
div#nav a.active span.navActiveRight{
	background: url(../images/new-btn-nav-active-right.png) right top no-repeat;
	display: block;
	line-height: 33px;
	height:33px;
	width:5px;
	float:left;
}
div#nav a.active span.navActiveLeft{
	background: url(../images/new-btn-nav-active-left.png) left top no-repeat;
	display: block;
	line-height: 33px;
	height:33px;
	width:5px;
	float:left;
}
div#nav a.active:hover span.navActiveMiddle{
	background: url(../images/new-btn-nav-hover.png) left top repeat-x;
	cursor: pointer;
	display: block;
	font: normal 14px Arial, Helvetica, sans-serif;
	line-height: 33px;
	text-decoration: none;
	color:#FFFFFF;
	height:33px;
	float:left;
	padding:0px;
}
div#nav a.active:hover span.navActiveRight{
	background: url(../images/new-btn-nav-hover-right.png) right top no-repeat;
	display: block;
	line-height: 33px;
	height:33px;
	width:5px;
	float:left;
}
div#nav  a.active:hover span.navActiveLeft{
	background: url(../images/new-btn-nav-hover-left.png) left top no-repeat;
	display: block;
	line-height: 33px;
	height:33px;
	width:5px;
	float:left;
}
div#nav a:focus{
	outline:0 !important;
}
div#header a:focus{
	outline:0 !important;
}

/* previous
div#nav{
	background: #59358b url(../images/btn-nav-repx.png) left top repeat-x;
	color: #FFF;
	height: 35px;
	line-height: 35px;
	margin: 0 1px;
	padding: 0 0 0 10px;
}
div#nav a{
	background: url(../images/btn-nav-repx.png) left top repeat-x;
	color: #FFF;
	display: block;
	float: left;
	font: normal 14px Arial, Helvetica, sans-serif;
	line-height: 35px;
	margin: 0 14px;
	padding: 0 12px;
	text-decoration: none;
}
div#nav a#contact{
	background: url(../images/btn-nav-repx.png) left top repeat-x;
	color: #FFF;
	display: block;
	float: right;
	font: normal 14px Arial, Helvetica, sans-serif;
	line-height: 35px;
	margin: 0 14px;
	padding: 0 12px;
	text-decoration: none;
}
div#nav a:hover{
	background: url(../images/btn-nav-repx.png) left bottom repeat-x;
	color: #c0b4cf;
}
div#nav a:hover#contact{
	background: url(../images/btn-nav-repx.png) left bottom repeat-x;
	color: #c0b4cf;
}
div#nav a.active{
	background: url(../images/btn-nav-active-repx.png) left top repeat-x;
	color: #24123a;
	cursor: pointer;
	display: block;
	float: left;
	font: normal 14px Arial, Helvetica, sans-serif;
	line-height: 35px;
	padding: 0;
	text-decoration: none;
}
div#nav a.active#contact{
	background: url(../images/btn-nav-active-repx.png) left top repeat-x;
	color: #24123a;
	cursor: pointer;
	display: block;
	float: right;
	font: normal 14px Arial, Helvetica, sans-serif;
	line-height: 35px;
	padding: 0;
	text-decoration: none;
}
div#nav a:hover.active{
	background: url(../images/btn-nav-active-repx.png) left bottom repeat-x;
	color: #24123a;
}
div#nav a.active span.navActiveLeft{
	background: url(../images/btn-nav-active-left.png) left top no-repeat;
	display: block;
	float: left;
	line-height: 35px;
	text-decoration: none;
}
div#nav a:hover.active span.navActiveLeft{
	background: url(../images/btn-nav-active-left.png) left bottom no-repeat;
}
div#nav a.active span.navActiveRight{
	background: url(../images/btn-nav-active-right.png) right top no-repeat;
	display: block;
	float: left;
	line-height: 35px;
	padding: 0 12px;
	text-decoration: none;
}

div#nav a:hover.active span.navActiveRight{
	background: url(../images/btn-nav-active-right.png) right bottom no-repeat;
}*/

/********************/
div#nav a.active2{
	background: url(../images/btn-nav-active-repx.png) left top repeat-x;
	color: #0088CC;
	cursor: pointer;
	display: block;
	float: left;
	font: normal 14px Arial, Helvetica, sans-serif;
	line-height: 35px;
	padding: 0;
	text-decoration: none;
}
div#nav a.active2 span.navActiveLeft{
	background: url(../images/btn-nav-active-left.png) left top no-repeat;
	display: block;
	float: left;
	line-height: 35px;
	text-decoration: none;
}
div#nav a:hover.active2 span.navActiveLeft{
	background: url(../images/btn-nav-active-left.png) left bottom no-repeat;
}
div#nav a.active2 span.navActiveRight{
	background: url(../images/btn-nav-active-right.png) right top no-repeat;
	display: block;
	float: left;
	line-height: 35px;
	padding: 0 12px;
	text-decoration: none;
}

div#nav a:hover.active2 span.navActiveRight{
	background: url(../images/btn-nav-active-right.png) right bottom no-repeat;
}
/*******************/
img.navDivider{
	float: left;
}
img.navDividerContact{
	float: right;
}
div#subNav{
	background: url(../images/new-btn-sub-nav-repx.png) left top repeat-x;
	display: block;
	height: 16px;
	/*margin: 0 0 10px 0;*/
}
/*previous
div#subNav{
	background: #c0b4cf;
	color: #6c5c80;
	display: block;
	font: normal 11px Arial, Helvetica, sans-serif;
	height: 19px;
	line-height: 19px;
	margin: 0 1px;
	padding: 0 0 0 15px;
}
div#subNav a{
	color: #6c5c80;
	display: block;
	float: left;
	font: normal 11px Arial, Helvetica, sans-serif;
	height: 19px;
	line-height: 19px;
	padding: 0 10px;
	text-decoration: none;
}
div#subNav a:hover{
	color: #24123a;
	text-decoration: underline;
}*/
/* NAV ENDS */
/* CONTENT STARTS */
div.bgContentTop{
	/*background: url(../images/bg-cnt-top-repx.gif) left top repeat-x;
	margin: 0 1px;*/
}
div#bgPageAbout{
	background: url(../images/bg-page-about.png) center top no-repeat;
}

div#connectGraphic{
	background: url(../images/bg-page-connect.png) center top no-repeat;
}
div#bgPageAboutLeft{
	background: url(../images/bg-page-about.png) left top no-repeat;
}
div#bgPageProdWeb{
	background: url(../images/bg-page-web-design.png) center top no-repeat;
}
div#bgPageProdWebLeft{
	background: url(../images/bg-page-web-design.png) left top no-repeat;
}
div#bgPageProdCompliance{
	background: url(../images/bg-page-forms-compliance.png) center top no-repeat;
}
div#bgPageProdComplianceLeft{
	background: url(../images/bg-page-forms-compliance.png) left top no-repeat;
}
div#bgPageProdAccounts{
	background: url(../images/bg-page-accounting.png) center top no-repeat;
}
div#bgPageProdAccountsLeft{
	background: url(../images/bg-page-accounting.png) center left no-repeat;
}
div#bgPageProdPhoto{
	background: url(../images/bg-page-photography.png) center top no-repeat;
}
div#bgPageProdPhotoLeft{
	background: url(../images/bg-page-photography.png) center left no-repeat;
}
div#bgPageProdDealerSoft{
	background: url(../images/bg-page-dealership-software.png) center top no-repeat;
}
div#bgPageProdDealerSoftLeft{
	background: url(../images/bg-page-dealership-software.png) left top no-repeat;
}
div#bgPageProdInventDist{
	background: url(../images/bg-page-invent-distribution.png) center top no-repeat;
}
div#bgPageProdInventDistLeft{
	background: url(../images/bg-page-invent-distribution.png) left top no-repeat;
}
div#bgPageProdInventOnline{
	background: url(../images/bg-page-invent-online.png) center top no-repeat;
}
div#bgPageProdInventOnlineLeft{
	background: url(../images/bg-page-invent-online.png) center left no-repeat;
}
div#bgPageProdLead{
	background: url(../images/bg-page-lead-management.png) center top no-repeat;
}
div#bgPageProdLeadLeft{
	background: url(../images/bg-page-lead-management.png) center left no-repeat;
}
div#bgPageRevs{
	background: url(../images/bg-page-revs.png) center top no-repeat;
}
div#bgPageRevsLeft{
	background: url(../images/bg-page-revs.png) center left no-repeat;
}
div#bgPageNews{
	background:url(../images/bg-page-news.png) center top no-repeat;
}
div#bgPageNewsLeft{
	background:url(../images/bg-page-news.png) center left no-repeat;
}
div#bgPageDAIS{
	background:url(../images/bg-page-DAIS.png) center top no-repeat;
}
div#bgPageDAISLeft{
	background:url(../images/bg-page-DAIS.png) center left no-repeat;
}
div#bgPageGoodNews{
	background:url(../images/bg-page-good-news.png) center top no-repeat;
}
div#bgPageGoodNewsLeft{
	background:url(../images/bg-page-good-news.png) left top no-repeat;
}
div#bgContentBtm{
	background: url(../images/bg-cnt-btm-repx.gif) left top repeat-x;
	clear: both;
	display: block;
	height: 28px;
	width: 948px;
	position: relative;
	z-index: 100;
}
div#contentPad{
	padding: 20px 17px;
	background: url(../images/bg-page-default.png) center top no-repeat;
}
div#bgPageCareers{
	background:url(../images/bg-page-careers.png) center top no-repeat;
	float:left;position:relative;margin:-20px 0px 0px 0px; padding:20px 0px 0px 16px;width:932px;
}
/* SCROLLING TEXT ON CAREERS PAGE */
	div#colScrolling{	
		margin-left:25px;
		width:600px;
		padding-bottom:20px;
	}
	div.vertical_scroller_wrap{
		background:url(../images/bg-client-feedback.png) left top no-repeat;
		padding:2px 0px 1px 0px;
		width:600px;
		height:120px;	
	}
	div.vertical_scroller{
		position:relative;
		width:590px; 
		height:120px;
		padding:0px 30px 0px 10px;
		display:block;
		overflow:hidden;
	}
	div.scrollingtext{
		padding:0px 65px 0px 5px;
		position:absolute;

	}
	div#staffFeedback {
		margin-bottom:20px;
		border-bottom:1px dotted #aaa;
		padding-bottom:15px;
	}
	div#staffFeedback p{
		margin-bottom:0px;
		font-size:11px;
		line-height:14px;
	}

/* TILES START */
span.tileLinkPadLeft{
	color: #333;
	display: block;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding: 28px 10px 0 90px;
}
span.tileLinkPadMid{
	color: #333;
	display: block;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding: 28px 10px 0 90px;
}
span.tileLinkPadRight{
	color: #333;
	display: block;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding: 28px 10px 0 85px;
}
div.colLeft{
	float: left;
	width: 302px;
}

div.colMid{
	float: left;
	padding: 0 0 0 8px;
	width: 302px;
}
div.colMidSelect{
	float: left;
	padding: 0 0 0 8px;
	width: 302px;
}
div.colMidArea{
	float: left;
	padding: 0 0 0 8px;
	width: 25px;
	border-bottom: 1px solid #CCC;
}
div.colMidPhone{
	float: left;
	padding: 0 0 0 8px;
	width: 180px;
}
div.colRight{
	float: left;
	padding: 0 0 0 8px;
	width: 294px;
}
a#tile01{
	background: url(../images/bg-01-inventory.png) center top no-repeat;
	display: block;
	height: 110px;
	width: 300px;
	text-decoration: none;
}
a:hover#tile01{
	background: url(../images/bg-01-inventory.png) center bottom no-repeat;
}
a#tile02{
	background: url(../images/bg-02-data.png) center top no-repeat;
	display: block;
	height: 110px;
	width: 300px;
	text-decoration: none;
}
a:hover#tile02{
	background: url(../images/bg-02-data.png) center bottom no-repeat;
}
a#tile03{
	background: url(../images/bg-03-photography.png) center top no-repeat;
	display: block;
	height: 110px;
	width: 294px;
	text-decoration: none;
}
a:hover#tile03{
	background: url(../images/bg-03-photography.png) center bottom no-repeat;
}
a#tile04{
	background: url(../images/bg-04-web-design.png) center top no-repeat;
	display: block;
	height: 110px;
	width: 302px;
	text-decoration: none;
}
a:hover#tile04{
	background: url(../images/bg-04-web-design.png) center bottom no-repeat;
}
a#tile05{
	background: url(../images/bg-05-lead-management.png) center top no-repeat;
	display: block;
	height: 110px;
	width: 300px;
	text-decoration: none;
}
a:hover#tile05{
	background: url(../images/bg-05-lead-management.png) center bottom no-repeat;
}
a#tile06{
	background: url(../images/bg-06-revs.png) center top no-repeat;
	display: block;
	height: 110px;
	width: 294px;
	text-decoration: none;
}
a:hover#tile06{
	background: url(../images/bg-06-revs.png) center bottom no-repeat;
}
a#tile07{
	background: url(../images/bg-07-dealer-management.png) center top no-repeat;
	display: block;
	height: 110px;
	width: 300px;
	text-decoration: none;
}
a:hover#tile07{
	background: url(../images/bg-07-dealer-management.png) center bottom no-repeat;
}
a#tile08{
	background: url(../images/bg-08-accounting.png) center top no-repeat;
	display: block;
	height: 110px;
	width: 300px;
	text-decoration: none;
}
a:hover#tile08{
	background: url(../images/bg-08-accounting.png) center bottom no-repeat;
}
a#tile09{
	background: url(../images/bg-09-compliance.png) center top no-repeat;
	display: block;
	height: 110px;
	width: 294px;
	text-decoration: none;
}
a:hover#tile09{
	background: url(../images/bg-09-compliance.png) center bottom no-repeat;
}
/* TILES END */
/* HOME COLUMN CONTENT START */
div#colHomeLeft{
	background: url(../images/bg-box-home-col-repy.png) left top repeat-y;
	float: left;
	width: 344px;
}
div#colHomeLeftTop{
	background: url(../images/bg-box-home-col-top.png) left top no-repeat;
}
div#colHomeLeftBtm{
	background: url(../images/bg-box-home-col-btm.png) bottom no-repeat;
}
div#colHomeRight{
	float: left;
	background:url(../images/bg-box-home-right-repy.png) left top repeat-y;
	margin: 0 0 10px 13px;
	width: 556px;
}
div#colHomeRightTop{
	background: url(../images/bg-box-home-right-top.png) left top no-repeat;
}
div#colHomeRightBtm{
	background: url(../images/bg-box-home-right-btm.png) left bottom no-repeat;
}
div#titleBlueRepx{
	background: url(../images/bg-title-blue-repx.png) left top repeat-x;
	height: 38px;
}
div#titleBlueLeft{
	background: url(../images/bg-title-blue-left.png) left top no-repeat;
	height: 38px;
}
div#titleBlueRight{
	background: url(../images/bg-title-blue-right.png) right top no-repeat;
	height: 38px;
}
div#titleBlueVibrantRepx{
	background: url(../images/bg-title-blue-dark-repx.png) left top repeat-x;
	height: 38px;
}
div#titleBlueVibrantLeft{
	background: url(../images/bg-title-blue-dark-left.png) left top no-repeat;
	height: 38px;
}
div#titleBlueVibrantRight{
	background: url(../images/bg-title-blue-dark-right.png) right top no-repeat;
	height: 38px;
}div#titlePurpleRepx{
	background: url(../images/bg-title-purple-repx.png) left top repeat-x;
	height: 38px;
}
div#titlePurpleLeft{
	background: url(../images/bg-title-purple-left.png) left top no-repeat;
	height: 38px;
}
div#titlePurpleRight{
	background: url(../images/bg-title-purple-right.png) right top no-repeat;
	height: 38px;
}
div#titlePurpleLightRepx{
	background: url(../images/bg-title-purple-light-repx.png) left top repeat-x;
	height: 38px;
}
div#titlePurpleLightLeft{
	background: url(../images/bg-title-purple-light-left.png) left top no-repeat;
	height: 38px;
}
div#titlePurpleLightRight{
	background: url(../images/bg-title-purple-light-right.png) right top no-repeat;
	height: 38px;
}
div#titleRedRepx{
	background: url(../images/bg-title-red-repx.png) left top repeat-x;
	height: 38px;
}
div#titleRedLeft{
	background: url(../images/bg-title-red-left.png) left top no-repeat;
	height: 38px;
}
div#titleRedRight{
	background: url(../images/bg-title-red-right.png) right top no-repeat;
	height: 38px;
}
div#titleAquaRepx{
	background: url(../images/bg-title-aqua-repx.png) left top repeat-x;
	height: 38px;
}
div#titleAquaLeft{
	background: url(../images/bg-title-aqua-left.png) left top no-repeat;
	height: 38px;
}
div#titleAquaRight{
	background: url(../images/bg-title-aqua-right.png) right top no-repeat;
	height: 38px;
}
div#titleGreenLightRepx{
	background: url(../images/bg-title-green-light-repx.png) left top repeat-x;
	height: 38px;
}
div#titleGreenLightLeft{
	background: url(../images/bg-title-green-light-left.png) left top no-repeat;
	height: 38px;
}
div#titleGreenLightRight{
	background: url(../images/bg-title-green-light-right.png) right top no-repeat;
	height: 38px;
}
div#titleGreenDarkRepx{
	background: url(../images/bg-title-green-dark-repx.png) left top repeat-x;
	height: 38px;
}
div#titleGreenDarkLeft{
	background: url(../images/bg-title-green-dark-left.png) left top no-repeat;
	height: 38px;
}
div#titleGreenDarkRight{
	background: url(../images/bg-title-green-dark-right.png) right top no-repeat;
	height: 38px;
}
div#titleOrangeLightRepx{
	background: url(../images/bg-title-orange-repx.png) left top repeat-x;
	height: 38px;
}
div#titleOrangeLightLeft{
	background: url(../images/bg-title-orange-left.png) left top no-repeat;
	height: 38px;
}
div#titleOrangeLightRight{
	background: url(../images/bg-title-orange-right.png) right top no-repeat;
	height: 38px;
}
div#titleOrangeDarkRepx{
	background: url(../images/bg-title-orange-dark-repx.png) left top repeat-x;
	height: 38px;
}
div#titleOrangeDarkLeft{
	background: url(../images/bg-title-orange-dark-left.png) left top no-repeat;
	height: 38px;
}
div#titleOrangeDarkRight{
	background: url(../images/bg-title-orange-dark-right.png) right top no-repeat;
	height: 38px;
}
div#titleBlueDarkRepx{
	background: url(../images/bg-title-blue-dark-repx.png) left top repeat-x;
	height: 38px;
}
div#titleBlueDarkLeft{
	background: url(../images/bg-title-blue-dark-left.png) left top no-repeat;
	height: 38px;
}
div#titleBlueDarkRight{
	background: url(../images/bg-title-blue-dark-right.png) right top no-repeat;
	height: 38px;
}
div#titlePinkRepx{
	background: url(../images/bg-title-pink-repx.png) left top repeat-x;
	height: 38px;
}
div#titlePinkLeft{
	background: url(../images/bg-title-pink-left.png) left top no-repeat;
	height: 38px;
}
div#titlePinkRight{
	background: url(../images/bg-title-pink-right.png) right top no-repeat;
	height: 38px;
}
.padding10{
	display: block;
	padding: 10px 10px 4px 10px ;
}
/* HOME COLUMN CONTENT END */
/* HOME CONTENT */
a.btnTitleMore1{
	color: #FFF;
	cursor: pointer;
	font-size: 11px;
	margin: 10px 0 0 194px;
	position: absolute;
	text-align: right;
	text-decoration: none;
	width: 120px;
}
a:hover.btnTitleMore1{
	text-decoration: underline;
}
a.btnTitleMore2{
	color: #FFF;
	cursor: pointer;
	font-size: 11px;
	margin: 10px 0 0 406px;
	position: absolute;
	text-align: right;
	text-decoration: none;
	width: 120px;
}
a:hover.btnTitleMore2{
	text-decoration: underline;
}
a.btnTitleMore3{
	color: #FFF;
	cursor: pointer;
	font-size: 11px;
	margin: 10px 0 0 153px;
	position: absolute;
	text-align: right;
	text-decoration: none;
	width: 160px;
}
a:hover.btnTitleMore3{
	text-decoration: underline;
}
a.linkBlogTitle{
	color: #ff8d41;
	font-weight: bold;
}
a:hover.linkBlogTitle{
	text-decoration: none;
}
a.linkNewsTitle{
	color: #542989;
	font-weight: bold;
}
a:hover.linkNewsTitle{
	text-decoration: none;
}
span.blogTitleDate{
	color: #333;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
span.newsTitleDate{
	color: #333;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
span.newsArticleTitleDate{
	color: #555;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-left:3px;
}
span.blogTitleClear{
	display: block;
}
span.blogRow{
	clear: both;
	display: block;
	overflow: hidden;
	margin: 0 0 20px 0;
}
span.blogRowLarge{
	clear: both;
	display: block;
}
span.blogRowBtm{
	height: 60px;
	clear: both;
	display: block;
	overflow: hidden;
	margin: 0 0 7px 0;
}
a.blogThumb{
	background: #FFF;
	border: 1px solid #DDD;
	display: block;
	float: left;
	margin: 0 10px 0 0;
	padding: 4px;
}
a:hover.blogThumb{
	background: #ffdbcf;
	border: 1px solid #ffb097;
}
.newsThumb{
	background: #FFF;
	border: 1px solid #DDD;
	display: block;
	float: left;
	margin: 0 10px 0 0;
	padding: 4px;
}
.news-no-image {
	background: url(../images/no-image-thumb.jpg) left top no-repeat;
}
a:hover.newsThumb{
	background: #ddeffb;
	border: 1px solid #77c9fe;
}
.blogRowLarge {
	margin-bottom:0px;
}
.blogRowLarge .clear-both {
	clear: both;
}
.blog-item-content .description .readmore {
	display: inline;
	font-size: 10px;
}
div.marginTop10{
	margin: 10px 0 0 0;
}
div.marginTop15{
	margin: 15px 0 0 0;
}
div.greydivide{
	border-bottom:1px solid #dfdfdf;
	margin:20px 0 15px;
}
div.greydivideSimple{
	border-bottom:1px solid #dfdfdf;
	margin:0px 0 15px;
}
/* CONTENT ENDS */
/* FOOTER STARTS */
a#btnFooter{
	background: url(../images/btn-top.png) left top no-repeat;
	border-top: 5px solid #FFF;
	cursor: pointer;
	display: block;
	margin: 0 0 0 840px;
	height: 23px;
	width: 88px;
}
a:hover#btnFooter{
	background: url(../images/btn-top.png) left bottom no-repeat;
}
div#footer{
	background: #c9d9e7;
	margin: 0 0 1px 0;
	padding: 30px;
}
div#footer span#hr{
	border: 0;
	border-bottom: 1px solid #d3e0ec;
	border-top: 1px solid #b8ccde;
	display: block;
	margin: 0 0 10px 0;
}
div#colFooterLeft{
	float: left;
	width: 470px;
}
div#colFooterLeft a{
	border-top: 1px solid #d3e0ec;
	border-bottom: 1px solid #b8ccde;
	color: #333;
	display: block;
	line-height: 22px;
	text-decoration: none;
}
div#colFooterLeft a:hover{
	background: #d1deeb;
	color: #4e687f;
}
div#colFooterLeft a.top{
	border-top: 0;
	margin: 10px 0 0 0;
}
div#colFooterRight{
	float: left;
	margin: 0 0 0 10px;
	width: 388px;
}
div#colFooterRight p{
	margin: 10px 0;
}
div#colFooterProdLeft, div#colFooterProdRight{
	border-bottom: 1px solid #d3e0ec;
	float: left;
	margin: 0 10px 0 0;
	width: 220px;
}
div#colFooterProdRight{
	margin: 0;
}
div#footerLinks{
	background: url(../images/bg-footer.gif) center top no-repeat;
	color: #8b97a0;
	height: 20px;
	font: normal 11px Arial, Helvetica, sans-serif;
	margin: auto;
	width: 1010px;
}
div#footerLinksLeft{
	padding: 10px 0 20px 50px;
}
div#footerLinksRight{
	float: right;
	padding: 10px 50px 20px 0;
}
div#footerLinks a{
	color: #8b97a0;
}
div#footerLinks a:hover{
	color: #78838c;
	text-decoration: none;
}
/* FOOTER ENDS */
.floatRight{
	float: right;
	margin: 0 0 0 10px;
}
.floatLeft{
	float: left;
	margin: 0 10px 0 0;
}
/* PAGE SUB MENU */
div#pgSubMenuPurple a{
	background: url(../images/bg-sub-menu-btn-purple.png) left top no-repeat;
	color: #333;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 20px;
	text-decoration: none;
	width: 189px;
}
div#pgSubMenuPurple a:hover{
	background: url(../images/bg-sub-menu-btn-purple.png) left bottom no-repeat;
	color: #542989;
}
div#pgSubMenuPurple a.active{
	background: url(../images/bg-sub-menu-btn-purple.png) left bottom no-repeat;
	color: #542989;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 20px;
	text-decoration: none;
	width: 189px;
}
div#pgSubMenuPurple hr{
	margin: 5px 0;
}
a.subLinkPurple{
	color: #542989;
}
a:hover.subLinkPurple{
	text-decoration: none;
}
span.subLinkPurple a{
	color: #542989;
}
span.subLinkPurple a:hover{
	text-decoration: none;
}
a.subLinkPurpleBold{
	color: #542989;
	font-weight:bold;
}
a:hover.subLinkPurpleBold{
	text-decoration: none;
}
span.subLinkPurpleBold a{
	color: #542989;
	font-weight:bold;
}
span.subLinkPurpleBold a:hover{
	text-decoration: none;
}
a.readMoreLink{
	color: #542989;
	font-size:10px;
}
a:hover.readMoreLink{
	text-decoration: none;
}
span.readMoreLink a{
	color: #542989;
}
span.readMoreLink a:hover{
	text-decoration: none;
}
div#pgSubMenuAqua a{
	background: url(../images/bg-sub-menu-btn-aqua.png) left top no-repeat;
	color: #333;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 20px;
	text-decoration: none;
	width: 189px;
}
div#pgSubMenuAqua a:hover{
	background: url(../images/bg-sub-menu-btn-aqua.png) left bottom no-repeat;
	color: #1ca8b1;
}
div#pgSubMenuAqua a.active{
	background: url(../images/bg-sub-menu-btn-aqua.png) left bottom no-repeat;
	color: #1ca8b1;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 20px;
	text-decoration: none;
	width: 189px;
}
div#pgSubMenuAqua hr{
	margin: 5px 0;
}
a.subLinkAqua{
	color: #1ca8b1;
}
a:hover.subLinkAqua{
	text-decoration: none;
}
span.subLinkAqua a{
	color: #1ca8b1;
}
span.subLinkAqua a:hover{
	text-decoration: none;
}
div#pgSubMenuPurpleLight a{
	background: url(../images/bg-sub-menu-btn-purple.png) left top no-repeat;
	color: #333;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 20px;
	text-decoration: none;
	width: 189px;
}
div#pgSubMenuPurpleLight a:hover{
	background: url(../images/bg-sub-menu-btn-purple-light.png) left bottom no-repeat;
	color: #823cc9;
}
div#pgSubMenuPurpleLight a.active{
	background: url(../images/bg-sub-menu-btn-purple-light.png) left bottom no-repeat;
	color: #542989;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 20px;
	text-decoration: none;
	width: 189px;
}
div#pgSubMenuPurpleLight hr{
	margin: 5px 0;
}
a.subLinkPurpleLight{
	color: #542989;
}
a:hover.subLinkPurpleLight{
	text-decoration: none;
}
span.subLinkPurpleLight a{
	color: #542989;
}
span.subLinkPurpleLight a:hover{
	text-decoration: none;
}
div#pgSubMenuRed a{
	background: url(../images/bg-sub-menu-btn-red.png) left top no-repeat;
	color: #333;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 20px;
	text-decoration: none;
	width: 189px;
}
div#pgSubMenuRed a:hover{
	background: url(../images/bg-sub-menu-btn-red.png) left bottom no-repeat;
	color: #e60000;
}
div#pgSubMenuRed a.active{
	background: url(../images/bg-sub-menu-btn-red.png) left bottom no-repeat;
	color: #e60000;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 20px;
	text-decoration: none;
	width: 189px;
}
a.subLinkRed{
	color: #e60000;
}
a:hover.subLinkRed{
	text-decoration: none;
}
span.subLinkRed a{
	color: #e60000;
}
span.subLinkRed a:hover{
	text-decoration: none;
}

div#pgSubMenuBlueDark a{
	background: url(../images/bg-sub-menu-btn-blue-dark.png) left top no-repeat;
	color: #333;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 20px;
	text-decoration: none;
	width: 189px;
}
div#pgSubMenuBlueDark a:hover{
	background: url(../images/bg-sub-menu-btn-blue-dark.png) left bottom no-repeat;
	color: #2139cd;
}
div#pgSubMenuBlueDark a.active{
	background: url(../images/bg-sub-menu-btn-blue-dark.png) left bottom no-repeat;
	color: #2139cd;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 20px;
	text-decoration: none;
	width: 189px;
}
a.subLinkBlueDark{
	color: #2139cd;
}
a:hover.subLinkBlueDark{
	text-decoration: none;
}
span.subLinkBlueDark a{
	color: #2139cd;
}
span.subLinkBlueDark a:hover{
	text-decoration: none;
}
div#pgSubMenuBlue a{
	background: url(../images/bg-sub-menu-btn-blue.png) left top no-repeat;
	color: #333;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 20px;
	text-decoration: none;
	width: 189px;
}
div#pgSubMenuBlue a:hover{
	background: url(../images/bg-sub-menu-btn-blue.png) left bottom no-repeat;
	color: #00a7e8;
}
div#pgSubMenuBlue a.active{
	background: url(../images/bg-sub-menu-btn-blue.png) left bottom no-repeat;
	color: #00a7e8;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 20px;
	text-decoration: none;
	width: 189px;
}
span.subLinkBlue a{
	color: #00a7e8;
}
span.subLinkBlue a:hover{
	text-decoration:none;
}
a.subLinkBlue{
	color: #00a7e8;
}
a:hover.subLinkBlue{
	text-decoration: none;
}
div#pgSubMenuBlueVibrant a{
	background: url(../images/bg-sub-menu-btn-blue-vibrant.png) left top no-repeat;
	color: #333;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 20px;
	text-decoration:none;
	width: 189px;
}
div#pgSubMenuBlueVibrant a:hover{
	background: url(../images/bg-sub-menu-btn-blue-vibrant.png) left bottom no-repeat;
	color: #2139cd;
}
div#pgSubMenuBlueVibrant a.active{
	background: url(../images/bg-sub-menu-btn-blue-vibrant.png) left bottom no-repeat;
	color: #2139cd;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 20px;
	text-decoration: none;
	width: 189px;
}
span.subLinkBlueVibrant a{
	color: #2139cd;
	font-weight: bold;
}
span.subLinkBlueVibrant a:hover{
	text-decoration:none;
}
a.subLinkBlueVibrant{
	color: #2139cd;
}
a:hover.subLinkBlueVibrant{
	text-decoration: none;
}
div#pgSubMenuOrangeDark a{
	background: url(../images/bg-sub-menu-btn-orange-dark.png) left top no-repeat;
	color: #333;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 20px;
	text-decoration: none;
	width: 189px;
}
div#pgSubMenuOrangeDark a:hover{
	background: url(../images/bg-sub-menu-btn-orange-dark.png) left bottom no-repeat;
	color: #ff5400;
}
div#pgSubMenuOrangeDark a.active{
	background: url(../images/bg-sub-menu-btn-orange-dark.png) left bottom no-repeat;
	color: #ff5400;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 20px;
	text-decoration: none;
	width: 189px;
}
a.subLinkOrangeDark{
	color: #ff5400;
}
a:hover.subLinkOrangeDark{
	text-decoration: none;
}
span.subLinkOrangeDark a{
	color: #ff5400;
}
span.subLinkOrangeDark a:hover{
	text-decoration: none;
}
div#pgSubMenuOrangeLight a{
	background: url(../images/bg-sub-menu-btn-orange-light.png) left top no-repeat;
	color: #333;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 20px;
	text-decoration: none;
	width: 189px;
}
div#pgSubMenuOrangeLight a:hover{
	background: url(../images/bg-sub-menu-btn-orange-light.png) left bottom no-repeat;
	color: #ff7433;
}
div#pgSubMenuOrangeLight a.active{
	background: url(../images/bg-sub-menu-btn-orange-light.png) left bottom no-repeat;
	color: #ff7433;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 20px;
	text-decoration: none;
	width: 189px;
}
a.subLinkOrangeLight{
	color: #ff7433;
}
a:hover.subLinkOrangeLight{
	text-decoration: none;
}
span.subLinkOrangeLight a{
	color: #ff7433;
}
span.subLinkOrangeLight a:hover{
	text-decoration: none;
}
div#pgSubMenuGreenLight a{
	background: url(../images/bg-sub-menu-btn-green.png) left top no-repeat;
	color: #333;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 20px;
	text-decoration: none;
	width: 189px;
}
div#pgSubMenuGreenLight a:hover{
	background: url(../images/bg-sub-menu-btn-green.png) left bottom no-repeat;
	color: #3aa719;
}
div#pgSubMenuGreenLight a.active{
	background: url(../images/bg-sub-menu-btn-green.png) left bottom no-repeat;
	color: #3aa719;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 20px;
	text-decoration: none;
	width: 189px;
}
a.subLinkGreenLight{
	color: #3aa719;
}
a:hover.subLinkGreenLight{
	text-decoration: none;
}
span.subLinkGreenLight a{
	color: #3aa719;
}
span.subLinkGreenLight a:hover{
	text-decoration: none;
}
div#pgSubMenuGreenDark a{
	background: url(../images/bg-sub-menu-btn-green-dark.png) left top no-repeat;
	color: #333;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 20px;
	text-decoration: none;
	width: 189px;
}
div#pgSubMenuGreenDark a:hover{
	background: url(../images/bg-sub-menu-btn-green-dark.png) left bottom no-repeat;
	color: #5e8b06;
}
div#pgSubMenuGreenDark a.active{
	background: url(../images/bg-sub-menu-btn-green-dark.png) left bottom no-repeat;
	color: #5e8b06;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 20px;
	text-decoration: none;
	width: 189px;
}
a.subLinkGreenDark{
	color: #5e8b06;
}
a:hover.subLinkGreenDark{
	text-decoration: none;
}
span.subLinkGreenDark a{
	color: #5e8b06;
}
span.subLinkGreenDark a:hover{
	text-decoration: none;
}
div#pgSubMenuPink a{
	background: url(../images/bg-sub-menu-btn-pink.png) left top no-repeat;
	color: #333;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 20px;
	text-decoration: none;
	width: 189px;
}
div#pgSubMenuPink a:hover{
	background: url(../images/bg-sub-menu-btn-pink.png) left bottom no-repeat;
	color: #bf0026;
}
div#pgSubMenuPink a.active{
	background: url(../images/bg-sub-menu-btn-pink.png) left bottom no-repeat;
	color: #bf0026;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 20px;
	text-decoration: none;
	width: 189px;
}
a.subLinkPink {
	color: #bf0026;
}
a:hover.subLinkPink {
	text-decoration: none;
}
div#bgDottedLineRepy{
	background: url(../images/bg-dotted-line-repy.gif) center top repeat-y;
}
span.subLinkPink a{
	color: #bf0026;
}
span.subLinkPink a:hover{
	text-decoration: none;
}
/* ABOUT PAGE LAYOUT */
div#colAboutLeft{
	position:relative;
	float: left;
	width: 384px;
	margin: 10px 15px 10px 5px;
}
div#colAboutRight{
	position:relative;
	float: left;
	width: 420px;
	margin: 10px 15px 10px 0;
	padding: 0;
}
div#colCareersRight{
	position:relative;
	float: left;
	width: 420px;
	padding: 0;
}
div#colCareersRight img{
	margin: 0px 0px 20px 55px;	
}
div#colAboutMid{
	float: left;
	width: 240px;
	margin: 0 15px 10px 0;
	padding: 40px 0 0 0;	
}
div#colAboutRight img{
	margin: 0 0 20px 0;
}
div#colAboutLower{
	position:relative;
	float:left;
	width:100%;
	margin:0px 15px 10px 5px	
}
div#colRight{
	float: left;
	width: 236px;
	margin: 0 0 10px 15px;
}
div.careerText ul li{
	margin-bottom:8px;
}
div.jobs{
	background-color:#9C0;
	color:#FFF;
	padding:12px 0px 8px 15px;
}
div.jobs ul li{
	font-weight:bold;
	font-size:14px;		
}
div.jobs ul li a{
	color:#FFF;	
}
.jobs-corners{ 
display:block;
} 
.jobs-corners *{ 
display:block;
height:1px;
overflow:hidden;
background:#99CC00;
} 
.jobs-corners1{ 
border-right:1px solid #d3e991;
padding-right:1px;
margin-right:3px;
border-left:1px solid #d3e991;
padding-left:1px;
margin-left:3px;
background:#b2d83f;
} 
.jobs-corners2{ 
border-right:1px solid #f4f9e5;
border-left:1px solid #f4f9e5;
padding:0px 1px;
background:#acd530;
margin:0px 1px;
} 
.jobs-corners3{ 
border-right:1px solid #acd530;
border-left:1px solid #acd530;
margin:0px 1px;
} 
.jobs-corners4{ 
border-right:1px solid #d3e991;
border-left:1px solid #d3e991;
} 
.jobs-corners5{ 
border-right:1px solid #b2d83f;
border-left:1px solid #b2d83f;
} 
.jobs-corners_content{ 
padding:0px 5px;
background:#99CC00;
} 

/* PPSR TRANSACTIONS FORM STYLES */
a#ppsr-show-form-btn{
	width:301px;
	height:60px;
	background: url(../images/ds-ppsr-orange-btn-1.png) left top no-repeat;
	display:block;
}
a#ppsr-show-form-btn:hover{
	background: url(../images/ds-ppsr-orange-btn-1.png) left bottom no-repeat;	
}
a#ppsr-download-form-btn{
	width:301px;
	height:60px;
	background: url(../images/ds-ppsr-orange-btn-2.png) left top no-repeat;
	display:block;
}
a#ppsr-download-form-btn:hover{
	background: url(../images/ds-ppsr-orange-btn-2.png) left bottom no-repeat;	
}
a#ppsr-large-btn{
	width:519px;
	height:103px;
	background: url(../images/ds-ppsr-orange-btn-4.png) left top no-repeat;
	display:block;
}
a#ppsr-large-btn:hover{
	background: url(../images/ds-ppsr-orange-btn-4.png) left bottom no-repeat;	
}
div#PPSR-account-setup-form{
	padding:19px;
	background: url(../images/ppsr-transactions-form-bg-top.png) left top no-repeat;
	margin-top:25px;
}
div#PPSR-account-setup-form-bottom{
	height:12px;	
	display:block;
	clear:both;
	background: url(../images/ppsr-transactions-form-bg-bottom.png) left top no-repeat;
}

table.formPPSRTransactions{
	font: normal 12px Arial, Helvetica, sans-serif;
	width: 430px;
}
table.formPPSRTransactions td.colLeft{
	border-bottom: 1px solid #CCC;
	color: #355168;
	font: bold 12px Arial, Helvetica, sans-serif;
	height: 31px;
	width: 148px;
}
table.formPPSRTransactions td.colMid, table.formPPSRTransactions td.colMidArea, table.formPPSRTransactions td.colMidPhone, table.formPPSRTransactions td.colMidPostcode{
	border-bottom: 1px solid #CCC;
}
table.formPPSRTransactions td.colNoBdr{
	height: 34px;
}
table.formPPSRTransactions td.colBdr{
	border-bottom: 1px solid #CCC;
	padding: 0 0 6px 0;
}
table.formPPSRTransactions td.colMid input{
	background: #a0c0db;
	border: 0;
	color: #355168;
	font: normal 11px Arial, Helvetica, sans-serif;
	height: 11px;
	line-height: 11px;
	margin: 4px 0 0 5px;
	width: 210px;
}

table.formPPSRTransactions td.colMidPhone input{
	background: #a0c0db;
	border: 0;
	color: #355168;
	font: normal 11px Arial, Helvetica, sans-serif;
	height: 11px;
	line-height: 11px;
	margin: 4px 0 0 5px;
	width: 170px;
}
table.formPPSRTransactions td.colMidArea input{
	background: #a0c0db;
	border: 0;
	color: #355168;
	font: normal 11px Arial, Helvetica, sans-serif;
	height: 11px;
	line-height: 11px;
	margin: 4px 0 0 5px;
	width: 16px;
}
table.formPPSRTransactions td.colMidTarea{
	border-bottom: 1px solid #CCC;
	color: #355168;
	font: bold 12px Arial, Helvetica, sans-serif;
}
table.formPPSRTransactions td.colMid div{
	background-image: url(../images/bg-field-280.gif);
	width: 280px;
}
table.formPPSRTransactions td.colMidPostcode div{
	background: url(../images/bg-field-50.gif) left center no-repeat;
	width: 280px;
	height:22px;
}
table.formPPSRTransactions td.colMidPostcode input{
	background: #a0c0db;
	border: 0;
	color: #355168;
	font: normal 11px Arial, Helvetica, sans-serif;
	height: 11px;
	line-height: 11px;
	margin: 4px 0 0 5px;
	width: 40px;
}
table.formPPSRTransactions td.colMidTarea div{
	background: url(../images/bg-textarea-large.gif) left center no-repeat;
	height: 112px;
	line-height: 22px;
	padding: 16px 0 0 0;
	width: 295px;
}
table.formPPSRTransactions td.colMidTarea textarea{
	background: #a0c0db;
	border: 0;
	color: #355168;
	font: normal 11px Arial, Helvetica, sans-serif;
	height: 82px;
	line-height: 16px;
	margin: 0 0 0 4px;
	padding: 4px 0 0 0;
	width: 286px;
}
table.formPPSRTransactions td.colMidTarea span{
	display: block;
	line-height: 14px;
	padding:  0 0 0 4px;
}
table.formPPSRTransactions td.formDivider{
	height:10px;
	border-bottom:2px dotted #e6e6e6;	
}
table.formPPSRTransactions input.btnSubmitEnquiry{
	background: url(../images/btn-submit-ppsr-request.png) left top no-repeat;
	width: 148px;
}
table.formPPSRTransactions input.btnSubmitEnquiry:hover{
	background: url(../images/btn-submit-ppsr-request.png) left bottom no-repeat;
	width: 148px;
}

/* CAREER FORM STYLES */
table.formCareerEnquiry{
	font: normal 12px Arial, Helvetica, sans-serif;
	width: 280px;
}
table.formCareerEnquiry td.colLeft{
	border-bottom: 1px solid #CCC;
	color: #355168;
	font: bold 12px Arial, Helvetica, sans-serif;
	height: 31px;
	width: 150px;
}
table.formCareerEnquiry td.colLeftBtnSubmit{
	height: 31px;
	width: 145px;
}
table.formCareerEnquiry td.colMid{
	border-bottom: 1px solid #CCC;
}
td.colMidSelect{
	border-bottom: 1px solid #CCC;
}

table.formCareerEnquiry td.colMid input{
	background: #a0c0db;
	border: 0;
	color: #355168;
	font: normal 11px Arial, Helvetica, sans-serif;
	height: 11px;
	line-height: 11px;
	margin: 4px 0 0 5px;
	width: 180px;
}
table.formCareerEnquiry td.colMid_career{
	border-bottom: 1px solid #CCC;
}

#careersForm td.colMid div{
	background: url(../images/bg-field-career.png) right center no-repeat;
	height: 22px;
	line-height: 22px;
	width: 185px;
}
table.formCareerEnquiry td.colMid_career input{
	background: #a0c0db;
	border: 0;
	color: #355168;
	font: normal 11px Arial, Helvetica, sans-serif;
	height: 11px;
	line-height: 11px;
	margin: 4px 0 0 0px;
	width: 140px;
}
/*CSS Hack for input type=file display*/
td.colMidAttNonIE div{ /*hack for non IE*/
	width: 190px;
	height:22px #; /*hack for safari*/
	line-height:22px;
}
table.formCareerEnquiry td.colMidAttNonIE{
	border-bottom: 1px solid #CCC; /*hack for non IE*/
}
table.formCareerEnquiry td.colMidAttNonIE input{
	width: 218px;
	height:22px #; /*hack for safari*/
	line-height:22px;
}
table.formCareerEnquiry td.colMidAttNonIE input, x:-moz-any-link {
	background-color: #A0C0DB !important; /*hack for firefox*/
}
/*CSS Hack for input type=file display*/
table.formCareerEnquiry td.colNoBdr{
	height: 34px;
}
td.colMidAtt div{
	width: 221px;
	height:22px;
	line-height:22px;
}
table.formCareerEnquiry td.colMidAtt{
	border-bottom: 1px solid #CCC;
}
table.formCareerEnquiry td.colMidAtt input{
	background:url(../images/bg-field-attach.gif) left center no-repeat;
	border: 0;
	color: #355168;
	font: normal 11px Arial, Helvetica, sans-serif;
	width: 218px;
	height:22px;
	line-height:22px;
}
table.formCareerEnquiry td.colBdr{
	border-bottom: 1px solid #CCC;
	padding: 0 0 6px 0;
}
table.formCareerEnquiry td.colMidTarea{
	border-bottom: 1px solid #CCC;
	color: #355168;
	font: bold 12px Arial, Helvetica, sans-serif;
}
table.formCareerEnquiry td.colMidTarea div{
	background: url(../images/bg-textarea-ex-large.gif) left center no-repeat;
	height: 112px;
	line-height: 22px;
	padding: 16px 0 0 0;
	width: 365px;
}
table.formCareerEnquiry td.colMidTarea textarea{
	background: #a0c0db;
	border: 0;
	color: #355168;
	font: normal 11px Arial, Helvetica, sans-serif;
	height: 82px;
	line-height: 16px;
	margin: 0 0 0 4px;
	padding: 4px 0 0 0;
	width: 356px;
}
table.formCareerEnquiry td.colMidTarea span{
	display: block;
	line-height: 14px;
	padding:  0 0 0 4px;
}
/* CLIENTS PAGE LAYOUT */
div#clients{
	float: left;
}
div#clients img{
	float: left;
	display: inline;
	border: 0;
}

/* WEB DESIGN PAGE LAYOUT */
div#colLeft{
	float: left;
	width: 660px;
}
div.colSubRepy{
	background: url(../images/bg-box-sub-col-repy.png) center top repeat-y;
	width: 234px;
}
div.colSubTop{
	background: url(../images/bg-box-sub-col-top.png) center top no-repeat;
	height: 40px;
	margin: 0;
	width: 214px;
	padding: 10px 10px 0 10px;
}
div.colSubTopSmall{
	background: url(../images/bg-box-sub-col-top.png) center top no-repeat;
	height: 20px;
	margin: 10px 0 0 0;
	padding: 10px 10px 0 10px;
	width: 214px;
}
div.colSubBtm{
	background: url(../images/bg-box-sub-col-btm.png) center bottom no-repeat;
	height: 5px;
	width: 234px;
}
div.colSubCntPad{
	padding: 10px;
}
img.screens{
	margin: 20px 0 30px 0;
}
img.worldData{
	float: right;
	margin: 0 0 15px 15px;
}
div.colWebDesignLeft{
	background: url(../images/bg-dotted-line-repy-sml.gif) right top repeat-y;
	float: left;
	height: 150px;
	padding: 0 15px 0 0;
	width: 184px;
}
div.colWebDesignMid{
	background: url(../images/bg-dotted-line-repy-sml.gif) right top repeat-y;
	float: left;
	height: 150px;
	padding: 0 15px;
	width: 196px;
}
div.colWebDesignRight{
	float: left;
	padding: 0 0 0 15px;
	width: 210px;
}
div.colWebDesignRight p, div.colWebDesignMid p, div.colWebDesignLeft p{
	margin: 10px 0 0 0;
}
span.quotesOpen{
	background: url(../images/bg-quotes-open.gif) left top no-repeat;
	display: block;
	margin: 0 0 10px 0;
	padding: 4px;
}
span.quotesClose{
	background: url(../images/bg-quotes-close.gif) right bottom no-repeat;
	display: block;
}
div.quotesOpenLarge{
	background: url(../images/bg-quotes-open-large.png) left top no-repeat;
	display: block;
	padding: 10px 0 0 10px;
	width: 640px;
}
div.quotesCloseLarge{
	background: url(../images/bg-quotes-close-large.gif) right bottom no-repeat;
	display: block;
}
table.formProductEnquiry{
	font: normal 12px Arial, Helvetica, sans-serif;
	width: 295px;
}
table.formProductEnquiry td.colLeft{
	border-bottom: 1px solid #CCC;
	color: #355168;
	font: bold 12px Arial, Helvetica, sans-serif;
	height: 31px;
	width: 77px;
}
table.formProductEnquiry td.colMid{
	border-bottom: 1px solid #CCC;
}
table.formProductEnquiry td.colMidArea{
	border-bottom: 1px solid #CCC;
}
table.formProductEnquiry td.colMidPhone{
	border-bottom: 1px solid #CCC;
}
td.colMid div{
	background: url(../images/bg-field-large.gif) right center no-repeat;
	height: 22px;
	line-height: 22px;
	width: 218px;
}
td.colMidPhone div{
	background: url(../images/bg-field-phone.gif) right center no-repeat;
	height: 22px;
	line-height: 22px;
	width: 180px;
}
td.colMidArea div{
	background: url(../images/bg-field-tiny.gif) right center no-repeat;
	height: 22px;
	line-height: 22px;
	width: 25px;
}
table.formProductEnquiry td.colNoBdr{
	height: 34px;
}
table.formProductEnquiry td.colBdr{
	border-bottom: 1px solid #CCC;
	padding: 0 0 6px 0;
}
table.formProductEnquiry td.colMid input{
	background: #a0c0db;
	border: 0;
	color: #355168;
	font: normal 11px Arial, Helvetica, sans-serif;
	height: 11px;
	line-height: 11px;
	margin: 4px 0 0 5px;
	width: 210px;
}
.customSelectStyle{
	background: #a0c0db;
	border: 0;
	color: #355168;
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 11px;
	margin: 4px 0 0 5px;
	width: 210px;
}

table.formProductEnquiry td.colMidPhone input{
	background: #a0c0db;
	border: 0;
	color: #355168;
	font: normal 11px Arial, Helvetica, sans-serif;
	height: 11px;
	line-height: 11px;
	margin: 4px 0 0 5px;
	width: 170px;
}
table.formProductEnquiry td.colMidArea input{
	background: #a0c0db;
	border: 0;
	color: #355168;
	font: normal 11px Arial, Helvetica, sans-serif;
	height: 11px;
	line-height: 11px;
	margin: 4px 0 0 5px;
	width: 16px;
}
table.formProductEnquiry td.colMidTarea{
	border-bottom: 1px solid #CCC;
	color: #355168;
	font: bold 12px Arial, Helvetica, sans-serif;
}
td.colMidTarea div{
	background: url(../images/bg-textarea-large.gif) left center no-repeat;
	height: 112px;
	line-height: 22px;
	padding: 16px 0 0 0;
	width: 295px;
}
table.formProductEnquiry td.colMidTarea textarea{
	background: #a0c0db;
	border: 0;
	color: #355168;
	font: normal 11px Arial, Helvetica, sans-serif;
	height: 82px;
	line-height: 16px;
	margin: 0 0 0 4px;
	padding: 4px 0 0 0;
	width: 286px;
}
table.formProductEnquiry td.colMidTarea span{
	display: block;
	line-height: 14px;
	padding:  0 0 0 4px;
}
/* CONTACT PAGE STYLES */
div.colContactLeft{
	float: left;
	margin: 0 40px 0 0;
	width: 308px;
}
div.colContactRight{
	float: left;
	width: 308px;
}
img#office{
	margin: 0 0 20px 0;
}
img#thank-you{
	margin: 0 0 20px 0;
}
div#mapSmall{
	background: #FFF;
	border: 1px solid #CCC;
	height: 170px;
	padding: 5px;
	width: 295px;
}
iframe#mapSmall{
	height: 170px;
	width: 295px;
}
/*NEWS ARTICLESTYLES*/
div#colNewsLeft{
	float: left;
	width: 660px;
	background:url(../images/bg-page-news-article-repy.png) left top repeat-y;
	color:#555555;
}
div#colNewsLeftFull{
	float: left;
	width: 660px;
	background:url(../images/bg-page-news-article-repy2.png) left top repeat-y;
	color:#555555;
}
div#colNewsWholePage{
	padding: 20px 0;
	float: left;
	width: 900px;
	color:#555555;
	border: 1px solid #c2cdd2;
	margin: 30px 0 20px;
}
div#colNewsLeftTop{
	background:url(../images/bg-page-news-article-top.png) left top no-repeat;
	width:643px;
	height:25px;
}
div#colNewsLeftBtm{
	background:url(../images/bg-page-news-article-btm.png) left top no-repeat;
	width:643px;
	height:25px;
}
div.colLeftContent{
	width:273px;
	padding: 0 24px;
	float:left;
}
div.colLeftContentFull{
	padding-left: 24px;
	padding-right: 24px;
	color: black;
}
#colLeftContentDAIS{
	padding-left: 7px;
	padding-right: 24px;
	color: black;
}
#colLeftContentDAIS p{
	padding: 0 9px;
}
div.greyNewsArchiveDivide{
	border-bottom:1px solid #dfdfdf;
	width:273px;
	line-height:1px;
}
a#btnReturnHover{
	background: url(../images/btn-return.png) left top no-repeat;
	cursor: pointer;
	display: block;
	margin: 0 0 5px 517px;
	height: 24px;
	width: 122px;
}
a:hover#btnReturnHover{
	background: url(../images/btn-return.png) left bottom no-repeat;
}
a#btnReturnHomeHover{
	background: url(../images/btn-return-to-homepage.png) left top no-repeat;
	cursor: pointer;
	display: block;
	margin: 0 0 5px 512px;
	height: 24px;
	width: 137px;
}
a:hover#btnReturnHomeHover{
	background: url(../images/btn-return-to-homepage.png) left bottom no-repeat;
}
/*TOOL TIP STYLE*/


.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}

.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}

.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}

.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}

.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}

.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}
#fast-facts-GreenDark ul li{
	background:url(../images/bg-fast-facts-green-dark.png) left top no-repeat;
	list-style:none;
	margin:0;
	padding:6px 0 5px 20px;
}
#fast-facts-GreenDark ul{
	margin:0;
	padding:0;
}
#fast-facts-Purple ul li{
	background:url(../images/bg-fast-facts-purple.png) left top no-repeat;
	list-style:none;
	margin:0;
	padding:5px 5px 5px 20px;
}
#fast-facts-Purple ul{
	margin:0;
	padding:0;
}
#fast-facts-PurpleLight ul li{
	background:url(../images/bg-fast-facts-purple-light.png) left top no-repeat;
	list-style:none;
	margin:0;
	padding:5px 5px 5px 20px;
}
#fast-facts-PurpleLight ul{
	margin:0;
	padding:0;
}
#fast-facts-Red ul li{
	background:url(../images/bg-fast-facts-red.png) left top no-repeat;
	list-style:none;
	margin:0;
	padding:5px 5px 5px 20px;
}
#fast-facts-Red ul{
	margin:0;
	padding:0;
}
#fast-facts-GreenLight ul li{
	background:url(../images/bg-fast-facts-green-light.png) left top no-repeat;
	list-style:none;
	margin:0;
	padding:5px 5px 5px 20px;
}
#fast-facts-GreenLight ul{
	margin:0;
	padding:0;
}
#fast-facts-Blue ul li{
	background:url(../images/bg-fast-facts-blue.png) left top no-repeat;
	list-style:none;
	margin:0;
	padding:5px 5px 5px 20px;
}
#fast-facts-Blue ul{
	margin:0;
	padding:0;
}
#fast-facts-BlueDark ul li{
	background:url(../images/bg-fast-facts-blue-dark.png) left top no-repeat;
	list-style:none;
	margin:0;
	padding:5px 5px 5px 20px;
}
#fast-facts-BlueDark ul{
	margin:0;
	padding:0;
}
#fast-facts-Pink ul li{
	background:url(../images/bg-fast-facts-pink.png) left top no-repeat;
	list-style:none;
	margin:0;
	padding:5px 5px 5px 20px;
}
#fast-facts-Pink ul{
	margin:0;
	padding:0;
}
#fast-facts-OrangeLight ul li{
	background:url(../images/bg-fast-facts-orange-light.png) left top no-repeat;
	list-style:none;
	margin:0;
	padding:5px 5px 5px 20px;
}
#fast-facts-OrangeLight ul{
	margin:0;
	padding:0;
}
#fast-facts-Aqua ul li{
	background:url(../images/bg-fast-facts-aqua.png) left top no-repeat;
	list-style:none;
	margin:0;
	padding:5px 5px 5px 20px;
}
#fast-facts-Aqua ul{
	margin:0;
	padding:0;
}


/*new product tab*/
#menu-left-col{
	width:235px;
	padding-top:4px;
	float:left;
	clear:none;
	padding-left:1px;
	margin-top:-52px;
}
#menu-left-col #item{
	cursor:pointer;
	width:235px;	
	height:61px;
	padding:0;
	background-image:url(../images/left-col-menu.jpg);
}
#menu-mid-col{
	width:233px;
	padding-top:4px;
	float:left;
	clear:none;
	position:relative;
	margin-top:-52px;
}
#menu-mid-col #item{
	cursor:pointer;
	width:233px;	
	height:61px;
	padding:0;
	background-image:url(../images/mid-col-menu.jpg);
}
.menu-left-button{
	display:block;	
	width:235px;	
	height:61px;
}
#menu-right-col{
	float:left;
	clear:none;
	padding: 25px 35px;
	width:373px;
	position:relative;
	margin-top:-52px;
}
.ebay-parts{background-position:left -1px;}.ebay-parts:hover{background-position:-235px -1px;}
.website-inventory{background-position:left -62px;}.website-inventory:hover{background-position:-235px -62px;}
.dealership-websites{background-position:left -124px;}.dealership-websites:hover{background-position:-235px -124px;}
.mobile-websites{background-position:left -185px;}.mobile-websites:hover{background-position:-235px -185px;}
.dealership-software{background-position:left -246px;}.dealership-software:hover{background-position:-235px -246px;}
.inventory-distribution{background-position:left -308px;}.inventory-distribution:hover{background-position:-235px -308px;}
.lead-management{background-position:left -370px;}.lead-management:hover{background-position:-235px -370px;}

.moviestars{background-position:left -1px;}.moviestars:hover{background-position:-233px -1px;}
.integrated-accounting{background-position:left -62px;}.integrated-accounting:hover{background-position:-233px -62px;}
.phone-systems{background-position:left -124px;}.phone-systems:hover{background-position:-233px -124px;}
.vehicle-photography{background-position:left -185px;}.vehicle-photography:hover{background-position:-233px -185px;}
.REVS-vCheck{background-position:left -246px;}.REVS-vCheck:hover{background-position:-233px -246px;}
.forms-compliance{background-position:left -308px;}.forms-compliance:hover{background-position:-233px -308px;}
.google-adwords{background-position:left -370px;}.google-adwords:hover{background-position:-233px -370px;}

#item a{
	text-decoration:none;
	border:0;	
}
#main {
	padding: 20px 0px;
	width: 913px;
	height: 440px;
	float:left;
	position:relative;
	z-index:99;
}
#main-left{
	background: url(../images/homepage-box-outer-left.png) left top no-repeat;
	width: 18px;
	height: 478px;
	float:left;
	position:relative;
}
#main-right{
	background: url(../images/homepage-box-outer-right.png) left top no-repeat;
	width: 19px;
	height: 478px;
	float:left;
	position:relative;
}
#homepage-box-top-content{
	padding-top:15px;
	padding-left:20px;
}
#homepage-box-top {
	background: url(../images/homepage-box-top.png) center top no-repeat;
	width: 912px;
	height: 51px;
}
#homepage-box-line{

	width: 912px;
	height: 30px;
}
#homepage-box-content{
	background: url(../images/homepage-box-bg.jpg) center top repeat-y;
	width: 912px;
	height: 382px;
}
#homepage-box-bottom {
	background: url(../images/homepage-box-bottom.png) center top no-repeat;
	width: 912px;
	height: 5px;
}
#menu-bottom-left{
	background: url(../images/menu-bottom.png) center top no-repeat;
	width:235px;
	height:9px;
	margin-top:-2px;
}
#menu-bottom-right{
	background: url(../images/menu-bottom.png) center top no-repeat;
	width:233px;
	height:9px;
	margin-top:-2px;
}
div#contentPadHome{
	padding:0px;
}
div#contentPadHomeBottom{
	padding: 0px 18px;
}

#desc-box{
	/*height:336px;*/
	height:346px;
	/*width:373px;*/
	width:392px;
}
#desc-about-us{
	/*width:373px;*/
	/*height:336px;*/
	width:380px;
	height:390px;
	position:absolute;
	z-index:100;
	background-color:#FFFFFF;
	background-image: url(../images/homepage-box-top.png);
	background-position:center -25px;
	background-repeat:no-repeat;
	padding-left:2px;
}
#desc-ebay-parts, #desc-website-inventory, #desc-dealership-websites, #desc-mobile-websites, #desc-dealership-software, #desc-inventory-distribution, #desc-lead-management, #desc-moviestars, #desc-integrated-accounting, #desc-phone-systems, #desc-vehicle-photography, #desc-REVS-vCheck, #desc-PPSR, #desc-forms-compliance, #desc-google-adwords {
	/*width:373px;*/
	/*height:336px;*/
	width:380px;
	height:390px;
	position:absolute;
	z-index:1;
	background-color:#FFFFFF;
	background-image: url(../images/homepage-box-top.png);
	background-position:center -30px;
	background-repeat:no-repeat;
	top:28px;
	padding-left:2px;
}

a.homePPSRbtn {
	width: 329px;
	height: 65px;
	background: url(../images/_homepage/ds-ppsr-orange-btn-5.png);
	background-position: top;
	display: inline-block;
}

a:hover.homePPSRbtn {
	width: 329px;
	height: 65px;
	background: url(../images/_homepage/ds-ppsr-orange-btn-5.png);
	background-position: bottom;
	display: inline-block;
}

/*new product tab*/

/*new news blog*/
div#titleOrangeRepx{
	background: url(../images/bg-title-orange-repx-new.png) left top repeat-x;
	height: 38px;
}
div#titleOrangeLeft{
	background: url(../images/bg-title-orange-left-new.png) left top no-repeat;
	height: 38px;
}
div#titleOrangeRight{
	background: url(../images/bg-title-orange-right-new.png) right top no-repeat;
	height: 38px;
}
/*new news blog*/

/*PPSR Page*/
#ppsr-banner{
	position:absolute;
	top:30px;
	left:255px;	
}
#ppsr-banner a img:hover{
	opacity:0.85;
	filter: alpha(opacity=85);	
}
/*countdown timer */
#countbox1 {
	background: url(../images/countdown_bg.png) left top no-repeat;
	height: 30px;
	width: 180px;
	float:left;
	font-size:15px;
	font-weight:bold;
	padding:0px 0px 0px 10px;
}
ul.product-small-points li {
	font-size:11px;
	line-height:16px;
	margin-bottom:10px;
}