/* CSS Document */


/*****************************************************************************************************
										DELOITE STYLE SHEET
*****************************************************************************************************/

body,html {
	font-family:Verdana, Arial, Helvetica, sans-serif, Myuen, Gulim;
	background: #FFF;
	text-align: center;
	margin: 0;
	COLOR: #000000;
	font-size: 12px;
	LINE-HEIGHT: 1.5;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	scrollbar-3dlight-color:silver; 
	scrollbar-arrow-color:black; 
	scrollbar-base-color:blue;
	scrollbar-darkshadow-color:white; 
	scrollbar-face-color:#e5e5cc; 
	scrollbar-highlight-color:white; 
	scrollbar-shadow-color:white;
	
	background:url(../images/leftbar-1.gif) repeat-x left top;
}

.bg_strip {
	width: 100%;
	height: 103px;
	margin: 0px;
	z-index:1;
	
}

.shadow {
	width: 793px;
	#width: 793px;
	_width: 815px;
	height: 103px;
	margin:0px auto 0px auto;
	z-index:2;
	margin-top:-103px;



}

.shadow_l {
	display:block;
	width: 16px;
	height:556px;
	float:left;
	background: #FFF url(../images/left.jpg) no-repeat left top;
}

.shadow_spacer {
	width: 762px;
	height:103px;

}
.shadow_r {
	display:block;
	float:right;
	width: 16px;
	height:555px;
	background: #FFF  url(../images/right.jpg) no-repeat right top;
	
	_margin-left:-40px;
}

A:link
{
	COLOR: #6666ff;
}
A:visited
{
	COLOR: #6666ff;
}
A:hover
{
	COLOR: #99cc33;
	TEXT-DECORATION: underline
}
A:active
{
	TEXT-DECORATION: none
}

.container {
	width:760px;

	height:auto;

	z-index:3;
	position:relative;
	float:left;
	
}

.row {
	margin: 0;
	padding: 0;
	clear: both !important;
}

.row-legal {
	FONT-SIZE: 9px;
	text-align:justify;
	COLOR:#000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Myuen, Gulim;
	margin: 0;
	margin-top:-10px;
	margin-bottom:20px;
	clear: both !important;
	width:702px;
	float:left;
}

.row-legal-img {
	display:block;
	width:700px;
	height:30px;
	float:left;
	*float:left;
	position:relative;
	clear:both;
	
	
}

.columns {
	float: left;
}


.clear {
	clear: both;
}

H1
{
	MARGIN-TOP: 0px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 20px;
	MARGIN-BOTTOM: 15px;
	COLOR: #000066;
	FONT-FAMILY: "Times New Roman", Times, serif, Sung
}
H2
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 13px;
	COLOR: #000066;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Myuen, Gulim
}

/*******************************************
	COLOUMNS TAGS
*******************************************/

/*.leftbar-1 {
	width:114px;
	height:104px;
	background:url(../images/leftbar-1.gif);

}

.leftbar-main {
	display:block;
	width:17px;
	height:100%;

}


.leftbar-2 {
	width:17px;
	height:103px;
	background:url(../images/leftbar-2-new.gif);

}

.leftbar-2-bottom {
	width:17px;
	height:596px;
	background:url(../images/leftbar-2-light.gif);

}

.rightbar-main {
	display:block;
	width:17px;
	height:100%;

}

.rightbar-1 {
	width:114px;
	height:103px;
	background:url(../images/leftbar-1.gif);


}

.rightbar-2 {
	width:17px;
	height:103px;
	background:url(../images/rightbar-2-new.gif);

}

.rightbar-2-bottom {
	width:17px;
	height:596px;
	background:url(../images/rightbar-2-light.gif);

}

.main {
	width:740px;
	height:405px;

}
*/


/*******************************************
	HEADING TAGS
*******************************************/

h1 {
	font-size: 11px;
	font-weight: bold;
	color: #1A75CF;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}



/*******************************************
	LINKS
*******************************************/

a {
	/*color: #0070AF;*/
	text-decoration: none;
}

a:hover {
	/*color: #0070AF;*/
	text-decoration: underline;
}

/*******************************************
	FORM
*******************************************/

/*
input {
	width: 338px;
	height: 15px;
	background: #E5F3FB;
	border: none;
	font-size: 9px;
}
*/

.submit-but {
	width: 101px;
	height: 17px;
	margin: 0px 0px 0px 285px;
	*margin: 0px 0px -15px 285px;
	padding: 0;
}

.login-input {
	width: 110px;
	height: 17px;
	font-size: 9px;
	background: #FFF;
	border: 1px solid #80C1EB;
	margin-bottom: 3px;
}

.login-submit {
	width: 43px;
	height: 13px;
	background: #80C1EB;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 8px;
}

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

.home-header {

	text-align:left;
	margin-top:0px;
	*margin-top:1px;

}

.header {
	width: 740px;
	height: 36px;
}


.header-box {
	width:750px;
	height:auto;
	*height:103px;
	padding-left:-15px;

}

.logo  {
	display: block;
	width: 180px;
	height: 42px;
	background: url(../images/deloitte_logo.gif);
	margin-top:-2px;
	margin-left:4px;
	float:left;
}



.logo-spacer{
	display: block;
	width: 400px;
	height: 42px;
	margin-top:-2px;
	float:left;
}

.country {
	display: block;
	width: 152px;
	height: 34px;
	background: url(../images/south_africa_logo.gif) left bottom;
	float:left;
	margin-top:5px;
}

.line {
	width:760px;
	*width: 760px;
	height: 2px;
	background: url(../images/line_1.gif) repeat-x left top;
	position:relative;
	clear:both;

}

.line-below-menu {
	width:760px;
	*width: 760px;
	height: 2px;
	background: url(../images/line_1.gif);
	position:relative;
	margin-top:28px;
	*margin-top:0px;

}

.line-footer {
	width:760px;
	*width: 760px;
	height: 2px;
	background: url(../images/line_1.gif) repeat-x left top;
	position:relative;
	clear:both;

}

.line-how {
	width:380px;
	*width: 370px;
	height: 2px;
	background: url(../images/line_1.gif);
	position:relative;


}

.line-top-img {
	width:760px;
	*width: 760px;
	height: 1px;
	position:relative;



}

.content-header {
	display:block;
	width: 300px;
	height: 100px;
	position:relative;
	background-image: url(../images/tip_off.gif);
	background-repeat: no-repeat;
	background-position: 10px top;
	float:left;
}

.content-header-tip {
	display:block;
	width: 200px;
	height: 110px;
	position:relative;
	background-image: url(../images/tip-off.jpg);
	background-repeat: no-repeat;
	float:left;
	background-position:bottom;
	background-position:left;

}

.mainTitle
{
	display:block;
	MARGIN-TOP: 0px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 25px;
	MARGIN-BOTTOM: 15px;
	COLOR: #000066;
	FONT-FAMILY: "Times New Roman", Times, serif, Sung;
	width:760;
	height:auto;
	float:left;
	padding-left:22px;
	*padding-left:35px;
	padding-top:20px;
}

.how_title
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: #000066;
	FONT-FAMILY: "Times New Roman", Times, serif, Sung;
}

.how_title-top
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: #000066;
	FONT-FAMILY: "Times New Roman", Times, serif, Sung;
	line-height:18px;
}

.how_title-2
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #000066;
	FONT-FAMILY: "Times New Roman", Times, serif, Sung;
}

/*******************************************
	MENU
*******************************************/

.menu {
	display:block;
	width: 750px;
	height: 25px;
	float:left;
	position:relative;
	font-size:11px;

}

.menu-b-s {
	margin: 6px 0px 0px 0px;
}

.menu-b {
	margin: 6px 0px 0px 5px;
}

.but-1 a {
	display: block;
	width: 60px;
	height: 18px;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	margin-left:12px;
}

.but-2 a {
	display: block;
	width: 100px;
	height: 21px;
	_height:19px;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	margin-left:12px;
	*margin-left:19px;
}

.but-3 a {
	display: block;
	width:100px;
	height: 21px;
	_height:19px;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
}

.but-4 a {
	display: block;
	width: 80px;
	height: 21px;
	_height:19px;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
}

.but-5 a {
	display: block;
	width: 172px;
	height: 21px;
	_height:19px;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
}

.but-6 a {
	display: block;
	width: 69px;
	height: 21px;
	_height:19px;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
}

.but-7 a {
	display: block;
	width: 170px;
	height: 21px;
	_height:19px;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
}

.but-1 a:hover {
	display: block;
	width: 60px;
	height: 21px;
	_height:19px;
	background-color:#e5e5cc;
	layer-background-color:#e5e5cc;
	text-align:center;
	color:#000066;
	text-decoration:none;
	margin-left:12px;

}

.but-2 a:hover {
	display: block;
	width: 100px;
	height: 21px;
	_height:19px;
	background-color:#e5e5cc;
	text-align:center;
	color:#000066;
	text-decoration:none;
	margin-left:12px;
	*margin-left:19px;
}

.but-3 a:hover {
	display: block;
	width: 100px;
	height: 21px;
	_height:19px;
	background-color:#e5e5cc;
	text-align:center;
	color:#000066;
	text-decoration:none;
}

.but-4 a:hover {
	display: block;
	width: 80px;
	height: 21px;
	_height:19px;
	background-color:#e5e5cc;
	text-align:center;
	color:#000066;
	text-decoration:none;
}

.but-5 a:hover {
	display: block;
	width: 172px;
	height: 21px;
	_height:19px;
	background-color:#e5e5cc;
	text-align:center;
	color:#000066;
	text-decoration:none;
}

.but-6 a:hover {
	display: block;
	width: 69px;
	height: 21px;
	_height:19px;
	background-color:#e5e5cc;
	text-align:center;
	color:#000066;
	text-decoration:none;
}


.but-7 a:hover {
	display: block;
	width: 170px;
	height: 21px;
	_height:19px;
	background-color:#e5e5cc;
	text-align:center;
	color:#000066;
	text-decoration:none;
	
}
/*******************************************
	CONTENT - GENERAL
*******************************************/

.info {
	margin: 0px 0px 0px 98px;
}

ul {
	margin: 0px 0px 0px 30px;
	padding: 0;
}

/*li {
	list-style-image: url(images/bullet.gif);
}*/

.easy-but {
	background: url(images/easy_button.jpg) no-repeat left top;
	width: 152px;
	height: 17px;
	float: right;
	margin: 19px 16px 30px 0px;
	_margin: 19px 10px 30px 0px;
}

.easy-but a {
	display: block;
	width: 152px;
	height: 17px;
}

.tip-em{
padding-left:15px;
}

/*******************************************
	CONTENT - HOME
*******************************************/

.home-top {
	width: 750px;
	height: 39px;

}

.content-box{
	clear:left;
	display:block;
	width: 760px;
	padding-bottom:20px;
	position:relative;
		
}

.row-content {
	display:block;
	width:500px;
	*width:500px;
	height:auto;
	margin: 0;
	padding-top:0px;
	*padding-top:0px;
	padding-bottom:40px;
	*padding-bottom:10px;
	padding-left:25px;
	*padding-left:35px;
	text-align:justify;
	position:relative;
	*float:left;
	float:left;
}



.row-content-menu {
	display:block;
	width:200px;
	*width:200px;
	height:125px;
	padding-left:22px;
	*padding-left:22px;
	text-align:left;
	position:relative;
	float:left;
	*float:left;
/*	background-color:#CCCCCC;*/

}

.how-it-works{
	background-image:url(../images/za_tipoffs_chart_280108.JPG);

	width: 418px;
	height: 288px;
}

.securityLink
{
	FONT-SIZE: 10px;
	COLOR: #000066;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Myuen, Gulim;
}
.securityLink A:link
{
	FONT-SIZE: 10px;
	COLOR: #6666ff;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Myuen, Gulim
}
.securityLink A:visited
{
	FONT-SIZE: 10px;
	COLOR: #800080
}
.securityLink A:hover
{
	FONT-SIZE: 10px;
	COLOR: #99cc33;
	TEXT-DECORATION: underline
}
.securityLink A:active
{
	FONT-SIZE: 10px;
	TEXT-DECORATION: none
}

.securityLink-frame
{
	width:310px;
	float:left;
	padding-bottom:10px;
	text-align:left;
	
}



/*******************************************
	FOOTER
*******************************************/
.footer{
	padding-top:30px;
	height:auto;
	float:left;
	margin-left:30px;
	
	width:500px;

}

.legalCopy
{
	FONT-SIZE: 9px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Myuen, Gulim;
	width:282px;
	float:left;
}

.legalCopyimg1
{
	display:block;
	width:282px;
	height:17px;
	*float:left;
	float:left;
	background-image:url(../images/competency.gif);	
	position:relative;
}



.legalCopy-spacer
{
	display:block;
	FONT-SIZE: 9px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Myuen, Gulim;
	width:250px;
	float:left;
	*float:left;
	position:relative;	
}

.legalCopy-2
{
	display:block;
	background-image:url(../images/member_firm.gif);
	width:147px;
	height:23px;
	float:right;
	margin-right:20px;
	margin-top:-6px;

	position:relative;
	float:right;	
	
}

.legalCopy p
{
	FONT-SIZE: 9px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Myuen, Gulim;
}

.orange-img {
	display: block;
	width: 16px;
	height: 16px;
	background: url(../images/feed-icon-16x16.gif);
	margin-right:5px;
}

ul{
margin-left:15px;
	
}