body {
	background-image: url(../graphics/bg_global.png);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	color: #464646;
	background-color: #efefef;
}
.wrapper {
	width: 955px;
	margin-left: auto;
	margin-right: auto;
}
.header {
	height: 100px;
	float: left;
	width: 955px;
	background-color: #1d1d1d;	
}
.logoContainer {
	float: left;
	width: 200px;
	height: 78px;
	padding-left: 12px;
	padding-top: 12px;
}
.navLang {
	float: right;
	padding-top: 12px;
	padding-right: 12px;
}
.flagContainer {
	padding: 2px;
	border: 1px solid #1d1d1d;
	float: left;
	margin-left: 8px;
}

.flagContainer a {
	padding: 2px;
	float: left;
	margin-left: 8px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
.flagContainer a:hover {
	border: 1px solid #FFFFFF;

}
.navContainer {
	background-image: url(../graphics/bg_nav.gif);
	height: 41px;
	float: left;
	width: 955px;
}

#nav {
	float:left;
	font-size:93%;
	line-height:normal;
	float:left;
	width: 948px;
	padding-left: 7px;
  }
#nav ul {
  margin:0;
  padding: 0px;
  list-style:none;
  }
#nav li {
  float:left;
  background:url("../graphics/left.gif") no-repeat left top;
  height: 41px;
  margin:0;
  border: none;
  padding:0 0 0 9px;
  display: inline;
  }
#nav a {
	float:left;
	display:block;
	background:url("../graphics/right.gif") no-repeat right top;
	text-decoration:none;
	font-weight:bold;
	color:#765;
	margin-right: 3px;
	padding-top:  14px;
	min-width: 103px;
	padding-bottom: 8px;

	float:none;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/

/* End IE5-Mac hack */
#nav a:hover {
  color:#FFFFF;
  }
#nav #current {
  background-image:url("../graphics/left_on.gif");

  }
#nav #current a {
  background-image:url("../graphics/right_on.gif");
  color:#FFFFFF;
  padding-bottom:13px;
  }
  
.redTab {
	width: 955px;
	float: left;
	height: 39px;
	background-color: #FF000D;
}
.bannerContainer {
	width: 955px;
	height: 224px;
	float: left;
}
.bannerContainerSub {
	width: 955px;
	height: 184px;
	float: left;
}
.mainContainer {
	width: 941px;
	background-color: #ffffff;
	float: left;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
}
.mainContainerSub {
	width: 941px;
	background-color: #ffffff;
	float: left;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
}
.mainContainerSteps {
	width: 941px;
	background-color: #ffffff;
	float: left;
	padding: 7px;
}
.stepContainer {
	width: 941px;
	float: left;
	padding-top: 0px;
	padding-left: 0px;
}
.stepContainer h1 {
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 0px;
	border: none;
}
.stepContainer p {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
}
.stepCol1 {
	width: 312px;
	float: left;
	background-image: url(../graphics/steps_arrow.png);
	background-position: right -5px;
	background-repeat: no-repeat;
}
.stepCol2 {
	width: 312px;
	float: left;
	background-image: url(../graphics/steps_arrow.png);
	background-position: right -5px;
	background-repeat: no-repeat;
	
}
.signupStepContainer {
	padding-top: 30px;
}
.stepCol3 {
	width: 312px;
	float: left;
	background-image: url(../graphics/steps_arrow.png);
	background-position: right -5px;
	background-repeat: no-repeat;
}
.stepNum {
	float: left;
	padding-top: 12px;
}

.txtContainer {
	width: 941px;
	float: left;
}
.contentHolder {
	width: 705px;
	float: left;
}
.contentHolderSignup {
	width: 483px;
	float: left;
}
.col1 {
	width: 186px;
	float: left;
	margin-right: 18px;
}
.col2 {
	width: 483px;
	float: left;
	margin-right: 18px;
}
.col3 {
	width: 236px;
	float: left;
}

/* @group GRADIENT BOXES */

.gradientBox1 {
	background: url(../graphics/bg_gradient.gif) repeat-x 0 30px;
	float: left;
	width: 186px;
}
.gradientBox1 h1 {
	background-image: url(../graphics/bg_titletab_left.png);
	background-repeat: no-repeat;
	margin: 0px;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 9px;
	padding-top: 7px;
	padding-bottom: 7px;
}
.gradientBox2 {
	background: url(../graphics/bg_gradient.gif) repeat-x 0 30px;
	float: left;
	width: 236px;
} 
.gradientBox2 h1 {
	background-image: url(../graphics/bg_titletab_right.png);
	background-repeat: no-repeat;
	margin: 0px;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 9px;
	padding-top: 7px;
	padding-bottom: 7px;
}
.boxKeepinTouch {
	float: left;
	width: 236px;
	background-image: url(../graphics/bg_keepintouch.gif);
	background-repeat: repeat-x;
	padding-top: 15px;
} 
.boxKeepinTouch h1 {
	background-image: url(../graphics/bg_titletab_right.png);
	background-repeat: no-repeat;
	margin: 0px;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 9px;
	padding-top: 7px;
	padding-bottom: 7px;
}

/* @end */

.latestNews {
	padding: 0px;
	margin: 0px;
}
.latestNews ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.latestNews li {
	font-size: 11px;
	line-height: 16px;
	color: #464646;
	list-style: none;
	padding-left: 15px;
	background-image:url(../graphics/icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: 8px 8px;
	display: block;
	float: left;
	width: 83%;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	text-decoration: none;
	background-color: transparent;
}
.latestNews li a {

	color: #464646;
	text-decoration: none;

}
.latestNews h1 {
	text-decoration: underline;
	background-image: none;
	margin: 0px;
	color: #464646;
	font-size: 12px;
	padding: 0px;
	border: none;
}
.latestNews li a:hover {
}

.latestNews p {
	margin: 0px;
	font-size: 11px;
}




.registerOverview {
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
}
.registerOverview ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.registerOverview li {
	font-size: 11px;
	line-height: 16px;
	color: #464646;
	list-style: none;
	padding-left: 15px;
	background-image:url(../graphics/icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: 8px 8px;
	display: block;
	float: left;
	width: 83%;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	text-decoration: none;
	background-color: transparent;
}
.registerOverview li a {

	color: #464646;
	text-decoration: none;

}
.registerOverview h1 {
	text-decoration: none;
	background-image: none;
	margin: 0px;
	color: #464646;
	font-size: 12px;
	padding: 0px;
	border: none;
}
.registerOverview li a:hover {
}

.registerOverview p {
	margin: 0px;
	font-size: 11px;
}




.footer {
	width: 955px;
	border-top: 1px solid #cad3d8;
	float: left;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 11px;
}

/* @group TAGS */

h1 {
	font-size: 24px;
	color: #1d1d1d;
	border-bottom: 1px solid #d1d1d1;
	padding-bottom: 8px;
	margin-top: 0px;
	font-weight: normal;
}
p {
	font-size: 12px;
	color: #464646;
	line-height: 16px;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	color: #f4010e;
	margin-top: 10px;
}
h3 {
	font-size: 15px;
	margin-top: 8px;
	margin-bottom: 5px;
}

/* @end */

.iconList1 {
	float: left;
	width: 240px;
	padding: 0px;
}
.iconList2 {
	float: left;
	width: 240px;
	padding: 0px;
}
.iconListing {
	margin: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	list-style: none;
	padding-right: 5px;
}
.iconListing p {
	margin: 0px;
	padding: 0px;
}
.iconListing h1 {
	font-size: 13px;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 13px;
	padding: 0px;
	border: none;
	color: #464646;
}
.iconListing li {
	padding-left: 45px;
	list-style: none;
	min-height: 40px;
	margin-bottom: 20px;
	margin-top: 18px;
}
.iconListingExcellent {
	background-image: url(../graphics/icon_excellentprod.png);
	background-repeat: no-repeat;
}
.iconListingPersonalised {
	background-image: url(../graphics/icon_personalised.png);
	background-repeat: no-repeat;
}
.iconListingPayments {
	background-image: url(../graphics/icon_payments.png);
	background-repeat: no-repeat;
}
.iconListingTools {
	background-image: url(../graphics/icon_tools.png);
	background-repeat: no-repeat;
}
.iconListingLiveReporting {
	background-image: url(../graphics/icon_livereporting.png);
	background-repeat: no-repeat;
}
.iconListingBestrewards {
	background-image: url(../graphics/icon_rewardingplan.png);
	background-repeat: no-repeat;
}

.loginLabel {
	font-size: 12px;
}
.loginFields {
	border-bottom-color: #7f9db9;
	border-top-color: #7f9db9;
	border-left-color: #7f9db9;
	border-left-style: solid;
	border-bottom-style: solid;
	border-right: 1px solid #7f9db9;
	border-top-style: solid;
	border: 1px solid #7f9db9;
	padding: 3px;
}

.notice {
	background-color: #edede0;
	padding: 10px;
	border: 1px solid #a3a36f;
}





/* ----- Stretchable button  -------- */
input.button {
	border: 0;
	background: #fff url(../graphics/bg_button_go.gif) no-repeat;
	color: #FFFFFF;
	height: 24px;
	cursor: pointer;
	font-weight: bold;
	padding-right: 0px;
	position: relative;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 12px;
	width: 120px;
}
.signupLabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 5px;
}
.language {
	float: right;
	padding-top: 13px;
	width: 90px;
}



.buttonEnding {
	position: absolute;
	display: inline;
	width: 19px;
	height: 24px;
	background: url(../graphics/bg_button_go_end.gif) no-repeat;
	margin: 0px;
}
/* ----- Stretchable button end  -------- */





a {
	text-decoration: underline;
	color: #464646;
}
.loginArea {
	font-size: 11px;
}
.loginAreaJoinus {
	font-size: 11px;
	padding-top: 8px;
	border-top-color: #ffffff;
	border-top-width: 1px;
}
.keepInTouch {
	font-size: 11px;
	padding-top: 10px;
	border-top-color: #ffffff;
	border-top-width: 1px;
}
.keepInTouch img {
	float: left;
	display: left;
	margin-right: 5px;
}
.keepInTouch a {
	text-decoration: none;
}
.tabularA {
	padding: 3px;
	color: #1d1d1d;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9b9b9b;
}
.tabularB {
	background-color: #edede0;
	padding: 3px;
	color: #464646;
}
.tabularC {
	background-color: #edede0;
	padding: 3px;
	color: #464646;
}
.tableContainer {
	border: 1px solid #a3a36f;
}

/* @group FAQs */

.faqContainer {
	float: left;
	width: 440px;
}

.answer
{
	/* Layout properties - You can change these */
	background-repeat: no-repeat;
	background-position: 7px 0px;
	overflow: hidden;
	float: left;
	padding-left: 0px;
	margin-bottom: 10px;
	min-height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/* This one should not be changed */
	display:none;
	width: 440px;
	line-height: 18px;

}
	
.question{
	padding-top: 13px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-position: 7px 10px;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 12px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	width: 440px;
	border-bottom: 1px dotted #c4c4c4;
}


/* @end */

.loginFields {
	width: 125px;
}

.tickList {
	padding-top: 0px;
	padding-right: 20px;
	float: left;
	width: 90%;
	margin-bottom: 15px;
}
.tickList ul {
	list-style-image: none;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding: 0px;
}
.tickList li {
	margin: 0px;
	list-style-image: none;
	list-style-type: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 45px;
	background-image: url(../graphics/icon_tick.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	width: 90%;

}






.bulletList {
	padding-top: 10px;
	padding-right: 20px;
	margin-bottom: 15px;
	float: left;
	width: 90%;
}
.bulletList ul {
	list-style-image: none;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding: 0px;
}
.bulletList li {
	margin: 0px;
	list-style-image: none;
	list-style-type: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 25px;
	background-image: url(../graphics/icon_bullet.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	width: 90%;
	border-bottom: 1px dotted #cecece;
}

.red {
	color: #ff1e00;
}

.contactFields {
	width: 280px;
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	background:#fff url(../graphics/fieldbg.gif) repeat-x top;
}