/* ************************************** LAYOUT ************************************** */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding: 0px;
	background-image: url(images/bg.gif);
	background-repeat: repeat;
	background-position: left top;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
}

.frameborderright {
	background-image: url(images/bgshadowright.gif);
	background-repeat: repeat-y;
	background-position: right top;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	width: 800px;
	padding-right: 6px;
}

.frameborderleft {
	background-image: url(images/bgshadowleft.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-left: 6px;
}

.pagecontainer {
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 0px;
}

.leftcolumn {
	float: left;
	width: 205px;
	vertical-align: top;
}

.maincolumn {
	margin-left: 220px;
	width: 545px;
	vertical-align: top;
}

/* ************************************** HEADER ************************************** */


#logo {
	background-image: url(images/_header/header_end.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: 10px;
	margin-left: 10px;
}

.menubar {
	background-image: url(images/_header/hnav_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	width: 774px;
	margin-left: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#menulist {
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 1em;
	color: #FFFFFF;
}

.menulistli {
	display: inline;
	list-style-type: none;
	margin-right: 22px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 0px;
	font-weight: bold;
	color: #FFFFFF;
}

.menulistli a {
	text-decoration: none;
	color: #FFFFFF;
}

.menulistli a:link {
	text-decoration: none;
	color: #FFFFFF;
}

.menulistli a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

.menulistli a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

.menulistli a:active {
	text-decoration: none;
	color: #FFFFFF;
}

.menulistli_selected {
	display: inline;
	list-style-type: none;
	line-height: 2.5em;
	margin-right: 22px;
	padding-right: 6px;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 6px;
	width: 14px;
	background-color: #009aa6;
	background: url(images/_header/hnav_ro.png) bottom left repeat-x;
	font-weight: bold;
}

.menulistli_selected a {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #640000;
}

.menulistli_selected a:visited {
	text-decoration: none;
	color: #640000;
}

.menulistli_selected a:hover {
	text-decoration: none;
	color: #640000;
}

.menulistli_selected a:active {
	text-decoration: none;
	color: #640000;
}

#navbox {
	background-image: url(images/_header/hnav_box.png);
	background-repeat: repeat-x;
	background-position: left top;
	width: 774px;
	height: 80px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
	top: -10px;
	position: relative;

}

.breadcrumb {
	width: 774px;
	height: 20px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #FFFFFF;
	color: #000000;
	padding-top: 5px;
	font-weight: bold;
}

.breadcrumb ul {
	color: #000000;
	margin: 0; padding: 0;
}

.breadcrumb li {
	display: inline;
	list-style-type: none;
	color: #FF0000;
}



/* ************************************** SIDE MENU ************************************** */

.nav1top {
	background-image: url(images/_home/snav_top.png);
	margin: 0px;
	height: 50px;
	width: 175px;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
	padding-top: 25px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 1.5em;
	font-weight: bold;
	color: #BF0000;
}

.nav1top a {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

.nav1top a:visited {
	text-decoration: none;
	color: #BF0000;
}

.nav1top a:hover {
	text-decoration: none;
	color: #BF0000;
}

.nav1top a:active {
	text-decoration: none;
	color: #BF0000;
}

.nav1bot {
	background-image: url(images/_home/snav_butt.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 15px;
	width: 205px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

.paygnav1top {
	background-image: url(images/snav_opt1.png);
	margin: 0px;
	height: 70px;
	width: 145px;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 150%;
	font-weight: bold;
	color: #BF0000;
	padding: 0px;
}

.paygnav1top a {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

.newsnav1top {
	background-image: url(images/snav_news1.png);
	margin: 0px;
	height: 70px;
	width: 145px;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 150%;
	font-weight: bold;
	color: #BF0000;
	padding: 0px;
}

.newsnav1top a {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

.reasonsnav1top {
	background-image: url(images/snav_reasons1.png);
	margin: 0px;
	height: 70px;
	width: 145px;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 150%;
	font-weight: bold;
	color: #BF0000;
	padding: 0px;
}

.reasonsnav1top a {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

.faqnav1top {
	background-image: url(images/snav_faq1.png);
	margin: 0px;
	height: 70px;
	width: 145px;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 150%;
	font-weight: bold;
	color: #BF0000;
	padding: 0px;
}

.faqnav1top a {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

.helpguidenav1top {
	background-image: url(images/snav_helpguide1.png);
	margin: 0px;
	height: 70px;
	width: 145px;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 150%;
	font-weight: bold;
	color: #BF0000;
	padding: 0px;
}

.helpguidenav1top a {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

.impinfnav1top {
	background-image: url(images/snav_impinfo.png);
	margin: 0px;
	height: 70px;
	width: 145px;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 150%;
	font-weight: bold;
	color: #BF0000;
	padding: 0px;
}

.impinfnav1top a {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}


.helpcentrenav1top {
	background-image: url(images/snav_helpcentre1.png);
	margin: 0px;
	height: 70px;
	width: 145px;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 150%;
	font-weight: bold;
	color: #BF0000;
	padding: 0px;
}

.helpcentrenav1top a {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

.aboutnav1top {
	background-image: url(images/snav_about1.png);
	margin: 0px;
	height: 70px;
	width: 145px;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 150%;
	font-weight: bold;
	color: #BF0000;
	padding: 0px;
}

.aboutnav1top a {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

.paygnav1bot {
	background-image: url(images/snav_cmore.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 30px;
	width: 145px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.paygnav1bot a {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

.bbguidenav1top {
	background-image: url(images/snav_bbguide1.png);
	margin: 0px;
	height: 70px;
	width: 145px;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 150%;
	font-weight: bold;
	color: #BF0000;
	padding: 0px;
}

.bbguidenav1top a {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

.paygnav2top {
	background-image: url(images/snav_opt2.png);
	margin: 0px;
	height: 70px;
	width: 145px;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 150%;
	font-weight: bold;
	color: #BF0000;
	padding: 0px;
}

.paygnav2top a {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

.paygnav2bot {
	background-image: url(images/snav_cmore.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 30px;
	width: 145px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.paygnav2bot a {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}



/* ************************************** ADVERTS ************************************** */

.adcontainerleft {
	float: left;
	padding-left: 10px;
	margin-top: 10px;
}

.adcontainerright {
	padding-left: 285px;
	margin-top: 10px;
}

.ad1top {
	background-image: url(images/_home/si_opt1.png);
	margin: 0px;
	height: 130px;
	width: 250px;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.ad1top a {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

.ad1mid {
	background-image: url(images/_home/si_opt_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 85px;
	width: 250px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.ad1mid a {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0px;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.ad1mid a:link {
	color: #FFFFFF;
	text-decoration: none;
}

.ad1mid a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

.ad1mid a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

.ad1mid a:active {
	text-decoration: none;
	color: #FFFFFF;
}


.ad1bot {
	background-image: url(images/_home/si_opt_more.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 25px;
	width: 250px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.ad1bot a {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

.ad2top {
	background-image: url(images/_home/si_opt2.png);
	margin: 0px;
	height: 130px;
	width: 250px;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.ad2top a {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

.ad2mid {
	background-image: url(images/_home/si_opt_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 85px;
	width: 250px;
	text-align: center;
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 10px;
}

.ad2mid a {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0px;
	text-decoration: none;
	color: #FFFFFF;
}

.ad2mid a:link {
	color: #FFFFFF;
	text-decoration: none;
}

.ad2mid a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

.ad2mid a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

.ad2mid a:active {
	text-decoration: none;
	color: #FFFFFF;
}

.ad2bot {
	background-image: url(images/_home/si_opt_more.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 25px;
	width: 250px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.ad2bot a {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

.usp {
	background-image: url(images/_home/gbox.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 195px;
	width: 490px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 90%;
	color: #000000;
}

.usp p {
	color: #990000;
	font-weight: bold;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.usp ul {
	text-align: left;
	list-style-image: url(images/bpoint.png);
	margin-top: 15px;
	margin-left: 25px;
}

.usp li {
	padding: 0;
	font-size: 110%;
	font-weight: bold;
	color: #ff6600;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

#paygopt1 {
	padding: 0px;
	height: 120px;
	width: 220px;
	background-image: url(images/pban_PAYG_order.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#paygopt1 a {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

#allopt1 {
	padding: 0px;
	height: 120px;
	width: 220px;
	background-image: url(images/pban_Allowance_order.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#allopt1 a {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

.network {
	background-image: url(images/ban_ournetwork.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 120px;
	width: 248px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.network a {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

/* ************************************** FOOTER ************************************** */

.trading {
	font-size: 85%;
	text-align: center;
	vertical-align: middle;
	clear: left;
	margin-right: auto;
	margin-left: auto;
}

/* ************************************** CONTENT FORMATTING ************************************** */

h1 {
	font-size: 170%;
}

h2 {
	font-size: 140%;
	color: #C00000;
}

h3 {
	font-size: 120%;
	color: #C00000;
}

.strong {
	font-weight: bold;
}

.contentimage {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

.contentimageleft {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	text-decoration: none;
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.bodybbleft1 {
	float: left;
	margin-left: 100px;
	margin-right: 25px;
	width: 220px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.bodybbright1 {
	width: 220px;
	float: right;
	margin-left: 25px;
	margin-right: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.bodybbleft2 {
	float: left;
	height: 100px;
	margin-right: 5px;
}

.bodybbright2 {
	height: 100px;
}

a:link {
	color: #BF0000;
	text-decoration: none;
}
 
a:visited {
	color: #BF0000;
	text-decoration: none;
}
 
a:hover {
	color: #000000;
	text-decoration: underline;
}
 
a:active { 
	color: #BF0000;
	text-decoration: underline;
}

.bodycenter {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

.bodyleft {
	float: left;
	width: 270px;
	padding-right: 10px;
}

.bodyright {
	float: left;
	width: 250px;
	padding-left: 10px;
}

.smallprint {
	font-size: 90%;
	padding-top: 5px;
	padding-bottom: 2px;
	clear: left;
}

.guidetable {
	background-image: url(images/rbox.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 754px;
	padding-right: 10px;
	padding-left: 10px;
	height: 133px;
	margin-top: -3px;
}

.guideright {
	width: 404px;
	padding-left: 20px;
	margin-left: 200px;
	padding-top: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 20px;
}

.guideright p {
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1.5em;
}

.guidebot {
	width: 754px;
	height: 16px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(images/rbox_bot.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.guidebotleft {
	float: left;
	width: 360px;
	margin-left: 20px;
	color: #FFFFFF;
	font-weight: bolder;
	font-size: 110%;
}

.guidebotmid {
	float: left;
	width: 180px;
	color: #FFFFFF;
	font-weight: bolder;
	font-size: 110%;
}

.guidebotright {
	width: 150px;
	color: #FFFFFF;
	font-weight: bolder;
	font-size: 110%;
	float: left;
}

.guidecontent {

	padding-right: 10px;
	padding-left: 10px;
	float: none;
}

.guidecontentleft {
	float: left;
	width: 360px;
	margin-left: 20px;
	font-size: 90%;
	line-height: 20px;
}

.guidecontentmid {
	float: left;
	width: 180px;
	font-size: 90%;
	line-height: 20px;
}

.guidecontentright {
	width: 150px;
	font-size: 90%;
	float: left;
	line-height: 20px;
}

.downloadlist {
	margin-bottom: 0px;
	margin-top: 5px;
	vertical-align: middle;
}

.downloadlistitemacro {
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
	margin-top: 3px;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: -10px;
	list-style-image: url(images/bpointacro.gif);
	vertical-align: middle;
}

.right {
	float: right;
	margin-right: 10px;
	margin-left: 10px;
}

.center {
	margin-right: auto;
	margin-left: auto;
}

/* ************************************** FORM FORMATTING ************************************** */

fieldset {
	border: 1px solid #CC0000;
	width: 85%;
	margin-top: 2%;
	margin-bottom: 2%;
	margin-left: 5%;
	padding: 10px;
}

legend {
	border: 1px solid #CC0000;
	padding: 1px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bolder;
	color: #FFFFFF;
	background-color: #CC0000;
	text-transform: uppercase;
} 

.input-box {
	color: #585954;
	width: 95%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	padding: 5px;
	font-size: 95%;
}

.radiobutton {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -2px;
	margin-left: 2px;
}

.submit-button {
	width: 51px;
	height: 18px;
	background-image: url(/images/check.jpg);
	background-repeat: no-repeat;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	margin-top: 10px;
	padding-bottom: 2px;
	margin-bottom: 2px;
	font-size: 95%;
	background-color: #CC0000;
	text-transform: uppercase;
}

.textarea {
	color: #585954;
	height: 100px;
	width: 95%;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	font-size: 95%;
}

form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}

#departmentselected {
	width: 145px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 90%;
}

#department {
	width: 145px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}

#requestselected {
	width: 145px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 90%;
}

#request {
	width: 145px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}

/* ************************************** CODE COMPLIANCE ************************************** */
.compliance {
	color: #E9E9E9;
	text-align: center;
	padding-bottom: 10px;
}

/* ************************************** BREADCRUMB MENU ************************************** */
.bc0 {
	color: #C00000;
}

.bc1 {
	color: #C00000;
}

.bc2 {
	color: #C00000;
}

.bc3 {
	color: #C00000;
}

.bc4 {
	color: #C00000;
}


/* ************************************** VISIBLE WITH CSS TURNED OFF ************************************** */
.hidden {
position:absolute;
left:0px;
top:-1000px;
width:1px;
height:1px;
overflow:hidden;
}

.notice {
	margin-left: 1em;
	font-size: 120%;
	font-weight: bold;
	background-color: #A0DBFE;
	margin-right: 1em;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 20px;
}
