body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; background-color: #000; padding-bottom: 100px; }


a, a:visited { color: #857f73; }
a:hover { color: #23234C; }

.textbox { border: solid 1px black; }
.clear { clear: both; }

p { padding: 0; margin: 0 0 1em 0; }
h1 { color: #14234c; font-size: 22px; margin: 15px 0 10px 0; }


/* Main navigation menu */
ul#top-menu { margin: 4px 0 4px 2px; padding: 0; height: 24px; list-style: none; }
ul#top-menu li { float: left; width: 165px; height: 24px; list-style: none; margin: 0 2px 0 2px; }
ul#top-menu li a { display: block; background-color: #777568; background-image: url('/images/trans-bullet.gif'); background-position: 4px 4px; background-repeat: no-repeat; height: 22px; border: solid 1px #857f73; padding-left: 32px; line-height: 22px; font-size: 13px; text-decoration: none; color: #fff; }
ul#top-menu li a:hover { background-color: #bcb4a4; color: #23234c; }
/* End Main navigation menu */


#container #content { background-color: #fff; padding: 15px; min-height: 400px; }

#banner-default { height: 187px; background-image: url('/images/banner-default-wide.jpg'); border-bottom: solid 1px #857f73; }
#banner-fuelcard { margin-left:-25px; width: 850px; height: 437px; background-image: url('/fuelcard/images/cardplus-banner-new.jpg'); margin-bottom: 1em; }


.banner-subscribe { display: block; width: 280px; position: relative; top: 115px; left: 341px; font-size: 11pt; color: #fff; }
.banner-subscribe a { color: White; font-weight: bold; }
.banner-subscribe a:hover { color: #23234C; }


#partners { margin-top: 8px; text-align: center; padding: 6px 0 6px 0; border-top: solid 1px #857f73; }
#partners img { margin: 0 6px 0 6px; }


#back-bottom
{
	padding-top: 1em;
	text-align: right;
	font-size: 7pt;
}


.inner-page #header { background-image: url('./images/cardplus-logo.gif'); background-repeat: no-repeat; background-position: 10px 10px; height: 100px; background-color: #fff; padding: 10px 10px 0 10px; }

.logolist li { padding-top: 0.2em; }


/* Registration form */
.form .block {  padding-left: 10px; }
.form .message { text-align: center; }
.form .title { font-weight: bold; width: 145px; float: left; text-align: right; padding-right: 10px; }
.form .field, .form .checkbox { margin-left: 155px; }
.form .empty-field { margin-left: 155px; width: 280px; }
.form .buttons { text-align: right; }
.form .submit { margin-left: 187px; }

.field .inputtext { border: solid 1px black; width: 280px; }
.label { font-weight: bold;	font-size: 10pt; padding-top: 1em; }
/* End Registration form */


/* FUELCARD */
#fuelcard { width: 800px; margin: auto; }
#fuelcard #content { background-color: #000; color: #fff; font-size: 120%; }
#fuelcard #content a:hover { color: #f00; }
/* END OFFERS */


/* Fuelcard Offer Page */
.wallet { margin: 0 0 2px 0; padding-left: 4px; }
.voucher { margin: 0 0 2px 0; width: 432px; }
.voucher img { border: solid 2px #857f73; }
.voucher img:hover { border: solid 2px #23234C; }
/* End Fuelcard Offer Page*/


/* telecom-broadband page */
.telecom-broadband h1 { font-weight: bold; font-size: 16pt; margin: 0.8em 0 0 0; padding: 0 0 0.5em 0; }
.telecom-broadband h2 { font-weight: bold; font-size: 12pt; margin: 0; padding: 0.8em 0 0.5em 0; }
.telecom-broadband h3 { font-weight: bold; font-size: 8pt; margin: 0; padding: 0.8em 0 0.5em 0; }

.telecom-broadband .pot { padding-top: 1em; }
.telecom-broadband ul { margin-top: 1em; margin-bottom: 0; }

.telecom-broadband .product-heading { border: solid 1px #857f73; padding: 4px 0 3px 4px; background-color: #bcb4a4; color: #23234C; display: block; font-weight: bold; font-size: 16pt; margin: 0.8em 0 0.5em 0; }
.telecom-broadband .plan-heading { border: solid 1px #857f73; padding: 4px 0 3px 4px; color: #23234C; font-size: 9pt; font-weight: bold; display: block; }
.telecom-broadband .plan-content { padding-left: 2em; }
.telecom-broadband .signup-url { color: #23234C; }
.telecom-broadband .signup-url:hover { color: Red; }
/* End telecom-broadband page */


/* Kiwibank offer page */
#kiwibank .offer-header { height: 128px; background-color: #fff; background-image: url('/banking/images/header.gif'); background-repeat: no-repeat; background-position: bottom 474px; }
#kiwibank .offer-body { background-color: #6EC466; }
#kiwibank .offer-footer { background-color: #D0E9CA; padding: 20px 200px 20px 40px; background-image: url('/banking/images/footer.jpg'); background-repeat: no-repeat; background-position: 625px 20px; }
#kiwibank .offer-footer .main-text { padding: 0 40px 0 0; }
#kiwibank .offer-footer .main-text p { margin: 0 0 10px 0; font-size: 11px; line-height: 16px; }
#kiwibank .offer-footer .tiny-text { background-image: url('/banking/images/card-plus.gif'); background-repeat: no-repeat; padding-left: 228px; font-size: 8px; }
/* End Kiwibank offer page */


/* Amp offer page */
#amp .offer-header { background-color: #fff; background-image: url('/insurance/images/logo-card-plus.gif'); background-repeat: no-repeat; background-position: 55px 50px; height: 137px; }
#amp .offer-header-bottom { background-image: url('/insurance/images/header.jpg'); background-repeat: no-repeat; width: 850px; height: 285px; }
#amp .offer-body { background-color: #4A6396; background-image: url('/insurance/images/quarterpipe.gif'); background-position: bottom right; background-repeat: no-repeat; padding: 20px 80px 20px 80px; color: #fff; font-size: 12px; line-height: 18px; }
#amp .offer-body h2 { font-size: 18px; font-weight: normal; }
#amp .offer-footer { background-color: #005496; color: #fff; padding: 15px 80px 20px 80px; font-size: 9px; line-height: 14px; }
#amp .offer-footer a, #amp .offer-footer a:visited { color: #fff; }
#amp .offer-footer a:hover { color: #f93; }
#amp .offer-footer .title { font-size: 12px; }
#amp .offer-footer ol { margin: 10px 0 0 25px; }
#amp .offer-footer ol li { padding: 4px 0 0 0; }
/* End Amp offer page */


/* Telecom offer page */
#telecom { background-color: #fff; padding: 25px; }
#telecom #telecom-inner { border: solid 2px #9B9B9D; border-right: solid 22px #9B9B9D; border-bottom: solid 22px #9B9B9D; }
#telecom .offer-header { background-image: url('/mobile-phones/images/top-corner.gif'); background-repeat: no-repeat; background-position: top right; }
#telecom .offer-body { margin-top: 15px; }
#telecom .offer-body .phones img { display: block; }
#telecom .offer-body .plans img { display: block; margin-left: 31px; }
#telecom .offer-footer { background-image: url('/mobile-phones/images/bottom-corner.gif'); background-repeat: no-repeat; background-position: bottom right; }
#telecom .terms { text-align: justify; font-size: 8px; line-height: 11px; padding: 4px 0; }
#telecom .footer { background-image: url('/mobile-phones/images/footer.gif'); background-repeat: no-repeat; height: 44px; }
/* End Telecom offer page */


/* Officemax offer page */
#officemax { width: 850px; }
#officemax .offer-header { background-image: url('/officemax/header.gif'); background-repeat: no-repeat; height: 98px; }
#officemax .promo { display: block; }
#officemax .offer-footer { background-image: url('/officemax/footer.gif'); background-repeat: no-repeat; height: 41px; padding-left: 235px; border-top: solid 1px #999; }
#officemax .offer-footer a { color: #000; font-weight: bold; font-family: Arial Rounded MT Bold, Arial, Helvetica, Sans-Serif; font-size: 18px; line-height: 41px; text-decoration: none; }
#officemax .offer-footer a:hover { text-decoration: underline; }
/* End Officemax offer page */


/* Suzuki offer page */
#suzuki { background-color: #fff; padding: 24px; }
#suzuki #suzuki-inner { border: solid 3px #00354C; padding: 30px 0 0 0; }
#suzuki .offer-body { padding-bottom: 30px;  }
#suzuki .offer-body .big-text { font-size: 26px; font-weight: bold; color: #EA692C; text-align: center; }
#suzuki .offer-body .big-text a { color: #EA692C; }
#suzuki .offer-body img.shiny-swift { width: 450px; margin: auto; display: block; }
#suzuki .offer-footer { background-color: #00354C; padding: 20px 0 0 0; background-image: url('/motor-vehicles/images/suzuki.gif'); background-repeat: no-repeat; background-position: bottom right; }
#suzuki .offer-footer .big-text { font-size: 25px; font-weight: bold; color: #EF9928; text-align: center; }
#suzuki .offer-footer .text { color: #fff; font-size: 11px; line-height: 15px; margin: 10px 110px 0 30px; }
#suzuki .offer-footer .links { height: 55px; font-size: 11px; line-height: 15px; color: #EF9928; margin: 10px 0 0 30px; padding: 0 0 0 190px; background-image: url('/motor-vehicles/images/card-plus.gif'); background-repeat: no-repeat; }
#suzuki .offer-footer .links a { font-size: 11px; line-height: 15px; color: #EF9928; }
/* End Suzuki offer page */


/* front page version 3 */
/*#front-page { float: left; width: 575px; }
#front-page .item { border: solid 1px #777568; width: 270px; float: left; margin: 0 15px 21px 0; }
#front-page .row1 { height: 235px; }
#front-page .row2 { height: 163px; }
#front-page .row3 { height: 150px; }
#front-page .row4 { height: 163px; }
#front-page .item .title { background-color: #777568; line-height: 24px; font-size: 10px; color: #fff; font-weight: bold; padding-left: 32px; background-image: url('../images/trans-bullet.gif'); background-repeat: no-repeat; background-position: 6px 4px; }
#front-page .item .logo-container { border-right: solid 1px #777568; border-bottom: solid 1px #777568; float: left; width: 178px; height: 58px; }
#front-page .item .logo { display: block; }
#front-page .item .enter-link { text-align: center; }
#front-page .item .enter-link a { font-size: 18px; line-height: 58px; }
#front-page .item .text { clear: left; padding: 6px 16px 16px 16px; }

#front-page #cardplus.item { background-color: #000; color: #fff; line-height: 1.3em; background-image: url('/images/fuelcard-texture.gif'); background-repeat: repeat; }
#front-page #cardplus.item a { color: #fff; line-height: 1.3em; }
#front-page #cardplus.item a:hover { color: #f00; }*/


/* adverts should be 234px wide due to elements around it */
/*#adverts { margin-left: 580px; }

#adverts .item { border: solid 1px #777568; width: 232px; margin-bottom: 21px; float: left; }
#adverts .item .title { background-color: #777568; line-height: 24px; font-size: 10px; color: #fff; font-weight: bold; padding-left: 32px; background-image: url('../images/trans-bullet.gif'); background-repeat: no-repeat; background-position: 6px 4px; }
#adverts .item .logo-container { border-right: solid 1px #777568; border-bottom: solid 1px #777568; float: left; width: 132px; height: 58px; }
#adverts .item .logo { display: block; }
#adverts .item .enter-link { text-align: center; }
#adverts .item .enter-link a { font-size: 18px; line-height: 58px; }
#adverts .item .text { clear: left; padding: 6px 16px 16px 16px; }

#adverts .row1 { height: 235px; }
#adverts .row2 { height: 163px; }
#adverts .row3 { height: 150px; }
#adverts .row4 { height: 163px; }*/
/* end front page version 3 */

#footer { color: #fff; text-align: right; padding: 8px; }
#footer a, #footer a:visited { color: #777568; }
#footer a:hover { color: #f00; }


/* Front page version 4 */
/*#container 	{ width:850px; margin:auto; font-size:12px; line-height:14px; background-color:#393C41;}*/
#top { background-image: url(../images/top-banner.jpg); background-repeat: no-repeat; height: 105px; width: 850px; float: left;}
#secrow { width: 850px; clear: both; background-color: #393c41; }
#bigbanner { float: left; width: 608px; }
#right { float: right; width: 242px; }
#apply {width: 242px; height: 166px; background: url(../images/apply.jpg) no-repeat; text-align: center; clear: both; }
#applylink { height:34px; width:242px; padding-top:145px;}
#applylink a, #applylink a:visited	{ color:#FFFFFF; font-weight:bold; text-decoration:none; }
#applylink a:hover	{text-decoration:underline; }

#fader { width: 237px; height: 157px; background-color: #000; padding: 18px 0 0 6px; }

#box-area	{width:851px; display:inline-block; padding:0 0 20px 0; background-color: #393c41; }
ul#boxes {width:828px; list-style:none; clear:both; padding:0; margin:auto;}
ul#boxes li.item {float:left; width:276px; height:195px; position:relative; padding:0; margin:0;}
.boximage { height: 90px; padding-top: 30px; }
.boximage a { text-decoration: none; display: block; height: 60px; }
.boxtext {padding:0 0 0 25px; width:231px;}
ul#boxes li.item a.link, ul#boxes li.item a.link:visited {float:right; height:20px; position:absolute; bottom:10px; right:30px; color:#000000; font-size:10px;}
ul#boxes li.item a.link:hover {color:#999999;}

li#vtnz-offer {background:url(../images/vtnz-box.jpg) no-repeat;}
li#vtnz-offer .boximage { padding-left: 75px; padding-right: 70px; }

li#telecom {background:url(../images/telecom-box.jpg) no-repeat;}
li#telecom .boximage { padding-left: 40px; padding-right: 54px; }

li#suzuki {background:url(../images/suzuki-box.jpg) no-repeat;}
li#suzuki .boximage { padding-left: 75px; padding-right: 86px; }

.links { background-color: #393c41; padding:0 0 0 20px; height: 45px; }
.links a { float: left; margin-right: 40px; line-height: 45px; font-size: 12px; height: 45px; color: #fff; background-image: url('../images/tick.gif'); background-repeat: no-repeat; padding-left: 32px; }



.client { width: 124px; float: left; margin: 20px 30px; padding: 8px; height: 130px; border: solid 1px #857f73; }
.client .client-inner { position: relative; width: 124px; height: 130px; }
.client .client-inner img { }
.client .client-inner .title { position: absolute; left: 0; bottom: 0; text-align: center; width: 124px; }