@font-face {
  font-family: 'Roboto-Regular';
  src: url('Roboto-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Roboto-Thin';
  src: url('Roboto-Thin.ttf') format('truetype');
}

body
{

font-family:  'Roboto-Regular',Verdana,Arial;
}

.nh1 {
	font-size: 31px;
	font-weight: normal;
	font-family: "Roboto-Thin", Arial;
	color: #333333;
}

.nh2 {
}

.btn-swift {
color: #fff;
    background-color: #a51815;
    border-color: #400202;
}

.btn-swift.focus,.btn-swift:focus{color:#fff;background-color:#d54831;border-color:#503e41}

.btn-swift:hover{color:#fff;background-color: #ce0e27;}
	
.picwrite {
font-size: 13px;
font:'Roboto-Regular',Arial, Helvetica, sans-serif;
color:#333333;
}

.stephead {
	font-family: "Segoe UI Light", Verdana, Arial;
	font-size: 24px;
}

.whitetext {
	padding-top: 10px;
}

.whitettt {
	padding-top: 10px;
}
.www {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13.5px;
	color: #FFFFFF;
	font-weight: normal;
	
}

.box {

}

.boxstart {
	width: 791px;
	background-position: center;
	margin-right: auto;
  	margin-left: auto;
	
}

.boxmain {
	
}
.boxmainlast {
	width: 749px;
	background-position: center;
	margin-right: auto;
	margin-left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	background-color: #333333;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	color: #FFFFFF;
	height: 20px;
	font-size: xx-small;
}

.boxtop { 

}
.boxtop div { 
  font-size: 0;
  height: 20px; 
 
}
.boxbottom {
	background-color: #000033;

	background-repeat: no-repeat;
	background-position: right bottom;
}
.boxbottom div { 
  font-size: 0;
  height: 8px; 

}
.boxbut {
 font-size: 0;
  height: 40px; 
 
}

.boxcontent {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
body,td,th {
	font-family: 'Roboto-Regular',Verdana, Arial;
	font-size: 14px;
	
}

.curvebox{
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

.floatleft {
float:left;
padding :10px;
}

td.greybar{
font-family:"Segoe UI", Arial;
background-color:#999999;
font-size: 18px;
color: #FFFFFF;
}
.smallheading {
	font-family: "Segoe UI", Arial;
	font-size: 16px;
	font-weight: normal;
	color: #666666;
}
.tinycopy,.tinycopy:link,.tinycopy:visited {
	background-image:url('/buttons/smallcopy.png');
	background-position:0px 0px;
	text-decoration:none;
	display: block;
	position:relative;
	}

.tinycopy:focus{outline-style:none;}
.tinycopy:hover{color:#FFFFFF;background-position:0px -44px; }
.tinycopy:active{background-position:0px -22px;}


.tinycopy span, .tinycopy:link span, .tinycopy:visited span {
color: #333333;
font-family: Arial,sans-serif;
font-weight: normal;
text-decoration: none;
text-align: center;
text-transform: none;
font-style: normal;
left: 4px;
top: 4px;
width: 40px;
height: 13px;
font-size: 10px;
display: block;
position: absolute;
cursor: pointer;
}

.tinycopy:hover span{color:#ffffff;}

.SmallRedButton,.SmallRedButton:link,.SmallRedButton:visited{
	background:    #eee;
background:    -webkit-linear-gradient(#eee, #eee);
background:    linear-gradient(#eee, #eee);
border:        1px solid #999;
color:         #000;
display:       inline-block;
padding:       4px 6px;
font	:          normal 400 13px/1 "Open Sans", sans-serif;
text-align:    center;
text-shadow:   none;
	background-position:0px 0px;
	text-decoration:none;
	
	position:relative;
	margin-bottom:3px;
	margin-right:1px;
	width:100px;
}
.smallpic {
	padding: 20px;
	padding-bottom: 40px;
	float:left;
	}
.SmallRedButton:focus{outline-style:none;}
.SmallRedButton:hover{background:    #c00;
background:    -webkit-linear-gradient(#c00, #900);
background:    linear-gradient(#c00, #900);
border:        1px solid #999;
color:         #fff;
display:       inline-block;
padding:       4px 6px;
font:          normal 700 13px/1 "Open Sans", sans-serif;
}
.SmallRedButton:active{background-position:0px -22px;}
.SmallRedButton span,.SmallRedButton:link span,.SmallRedButton:visited span{
	color:#333333;
	font-family: 'Roboto-Regular',Arial,sans-serif;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	text-transform:none;
	font-style:normal;
	width:90px;
	height:16px;
	font-size:13px;
	display:block;
	position:absolute;
	cursor:pointer;
	margin:-2px;
	}
.SmallRedButton:hover span{color:#ffffff;}


a:link {
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #990000;
}
a:active {
	text-decoration: none;
	outline: none;
	outline-style:none;
}

a:focus { -moz-outline-style: none;
outline-style:none;
 }

.button {
	
	background-repeat: no-repeat;
	height: 110px;
	top:100px;
}
.buttonsmall {
	
	background-repeat: no-repeat;
	height: 40px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 8px;
}
.style1 {
	font-size: 20px;
	font-weight: normal;
	font-family: "Segoe UI Light", Arial;
	color: #333333;
}

.mainhead {
	font-size: 28px;
	font-weight: normal;
	font-family: "Segoe UI Light", Arial;
	color: #333333;
}

.greyhead {
	font-size: 14px;
	font-weight: normal;
	font-family: "Segoe UI Light", Arial;
	color: #666666;
}


.style5 {
	font-size: 9px;
	color: #0000CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style9 {font-size: 14px}
.style8 {
	color: #990000;
}
.redstd {
	color: #990000;
}
.greystd {color: #666666}
.divide {
	height: 4px;
	border-top-style: solid;
	border-top-color: #666666;
	
}

.style11 {
	color: #999999;
	font-weight: bold;
	font-size: 24px;
}

td.boxer {
	border: 1px solid #666666;
}
.fieldlook {
	font-family: 'Roboto-Regular',Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	height:27px;
	padding-left:8px;
	border-radius : 3px;
	margin:1px;
}

.fieldlookred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	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;
}

.GreyHeading {
	color: #920D0D;

	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
}

.iGreyHeading {
	padding-left:10px;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
}

td.boxline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
.boxmainCopy {

	width: 700px;
	background-position: center;
	border-right-width: 1px;
	border-left-width: 1px;
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	border-collapse:collapse;
}
.heading {
	font-family: "Segoi Ui", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}


#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

input {
	font-family: 'Roboto-Regular',Verdana, Arial, Helvetica, sans-serif;
	width: auto;
	border: 1px solid #BBB1EB;
}
input.curvedsmall {
height:17px;
padding-left:8px;
border-radius : 3px;
}
textarea {
	font-family: 'Roboto-Regular',Verdana, Arial, Helvetica, sans-serif;
	width: auto;
	border: 1px solid #BBB1EB;
}
select {
	font-family: 'Roboto-Regular',Verdana, Arial, Helvetica, sans-serif;
	width: auto;
	border: 1px solid #BBB1EB;
	background-color: #CCD0EA;
}

.greyheading{
font-family: Segoe UI,Verdana, Arial;
	width: auto;
	font-size:14px;
	color:#666666;
	margin-bottom:20px;
	padding-left:10px;
	
}

.Button1,.Button1:link,.Button1:visited{
	background-image:url('/buttons/buttonback.png');
	background-position:0px 0px;
	text-decoration:none;
	display:block;
	position:absolute;
	top: 100px;
}
.Button1:focus{outline-style:none;}
.Button1:hover{background-position:0px -200px;}
.Button1:active{background-position:0px -100px;}
.Button1 span,.Button1:link span,.Button1:visited span{color:#4d4d4d;font-family:Open Sans,Arial,sans-serif;font-weight:bold;text-decoration:none;text-align:center;text-transform:none;font-style:normal;left:15px;top:13px;width:101px;height:21px;font-size:17px;display:block;position:absolute;cursor:pointer;}
.Button1:hover span{color:#ffffff;}
.Button1:active span{color:#ffffff;}

.ButtonNedbank,.ButtonNedbank:link,.ButtonNedbank:visited{
	background-image:url('/buttons/nedbank.png');
	background-position:0px 0px;
	text-decoration:none;
	display:block;
	position:absolute;
	top: 190px;
}
.ButtonNedbank:focus{outline-style:none;}
.ButtonNedbank:hover{background-position:0px -200px;}
.ButtonNedbank:active{background-position:0px -100px;}
.ButtonNedbank span,.ButtonNedbank:link span,.ButtonNedbank:visited span{color:#4d4d4d;font-family:Arial,sans-serif;font-weight:bold;text-decoration:none;text-align:center;text-transform:none;font-style:normal;left:15px;top:13px;width:101px;height:21px;font-size:17px;display:block;position:absolute;cursor:pointer;}
.ButtonNedbank:hover span{color:#ffffff;}
.ButtonNedbank:active span{color:#ffffff;}

 .buttonredmed,.buttonredmed:link,.buttonredmed:visited { background-image:url('../wpimages/wp86d38f35_06.png');background-repeat:no-repeat;background-position:0px 0px;text-decoration:none;display:block;position:absolute; }
      .buttonredmed:hover { background-position:0px -64px; }
      .buttonredmed:active,a:link.buttonredmed.Activated,a:link.buttonredmed.Down,a:visited.buttonredmed.Activated,a:visited.buttonredmed.Down,.buttonredmed.Activated,.buttonredmed.Down { background-position:0px -32px; }
      .buttonredmed:focus { outline-style:none; }
      button.buttonredmed { background-color:transparent;border:none 0px;padding:0;display:inline-block;cursor:pointer; }
      button.buttonredmed:disabled { pointer-events:none; }
      .buttonredmed.Inline { display:inline-block;position:relative;line-height:normal; }
      .buttonredmed span,.buttonredmed:link span,.buttonredmed:visited span { color:#333333;font-family:'Roboto-Regular',Arial,sans-serif;font-weight:normal;text-decoration:none;text-align:center;text-transform:none;font-style:normal;left:5px;top:6px;width:90px;height:18px;line-height:18px;font-size:14px;display:block;position:absolute;cursor:pointer; }
      .buttonredmed:hover span { color:#ffffff; }
      .buttonredmed.Disabled span,a:link.buttonredmed.Disabled span,a:visited.buttonredmed.Disabled span,a:hover.buttonredmed.Disabled span,a:active.buttonredmed.Disabled span { color:#e6e6e6; }
   




.Nextbutton,.Nextbutton:link,.Nextbutton:visited{
	background-image:url('/buttons/nextback.png');
	background-position:0px 0px;
	text-decoration:none;
	display:block;
	position:relative;
		
}
.Nextbutton:focus{outline-style:none;}
.Nextbutton:hover{background-position:0px -86px;}
.Nextbutton:active{background-position:0px -43px;}
.Nextbutton span,.Nextbutton:link span,.Nextbutton:visited span{color:#4d4d4d;font-family:Verdana,sans-serif;font-weight:normal;text-decoration:none;text-align:center;text-transform:capitalize;font-style:normal;left:10px;top:8px;width:75px;height:21px;font-size:17px;display:block;position:absolute;cursor:pointer;}
.Nextbutton:hover span{color:#ffffff;left:8px;top:10px;width:83px;}
.Nextbutton:active span{color:#ffffff;left:13px;top:9px;width:83px;}
.Backbutton,.Backbutton:link,.Backbutton:visited{background-image:url('/buttons/backback.png');background-position:0px 0px;text-decoration:none;display:block;position:relative;}
.Backbutton:focus{outline-style:none;}
.Backbutton:hover{background-position:0px -86px;}
.Backbutton:active{background-position:0px -43px;}
.Backbutton span,.Backbutton:link span,.Backbutton:visited span{color:#4d4d4d;font-family:Verdana,sans-serif;font-weight:normal;text-decoration:none;text-align:center;text-transform:capitalize;font-style:normal;left:41px;top:8px;width:75px;height:21px;font-size:17px;display:block;position:absolute;cursor:pointer;}
.Backbutton:hover span{color:#ffffff;left:33px;top:10px;width:83px;}
.Backbutton:active span{color:#ffffff;left:32px;width:83px;}
.imgright {
	position: relative;
	right: -24px;
	top: 25px;
}
.imgright2 {
	position: relative;
	right: -8px;
	top: -50px;
}
.question {
	font-family:Roboto,Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	
	color: #333333;
}

.question2 {
font-size:20px;
}
.boxmain h3 {
	font-family: "Roboto-Regular", Arial;
	font-size: 16px;

}
.boxleft {
	width: 350px;
	border: 1px dotted #CCCCCC;
	float:left;
	height:300px;
	display:block;
	padding:10px;
	margin:10px;
}
.smallblue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #0000CC;
}