





/************* GENERAL STYLES *************/
	
body,td,p,ul,ol,li,dl,dt,dd,menu,dir,blockquote,pre,tt {
	color: #333333; 
	font-size : 12px; 
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	line-height: 15px;
	}
		
A {
	text-decoration : underline;
	color : #000000;
	}

A:hover {
	text-decoration : underline;
	color : #808080;
	}
	
A:visited {

}

A.customer 
{ 
font-weight:bold;
color:#4992DF;
}

/************** HEADINGS **************/	
h1 {
	color: #666666;
	font-size: 18px; 
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	letter-spacing: 1px;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
	line-height: normal;
	}		

h1.customer{
font-size: 24px;
color: #4992DF;
}	

h2{ 
	color: #4a92de;
	font-SIZE: 16px; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-weight: bold; 	
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 3px 0px;
	line-height: normal;
}

h3{
	color: #4A92DE;
	font-SIZE: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	text-decoration: none;
	line-height: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
}

h4{
	font-SIZE: 11px; 
	font-weight: bold;
	line-height: normal;
}

address{
	
}

pre{
	background-image: url(/images/dot.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	font-size:1px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

/***** Layout Styles *****/

#header-table{
background-color:#FFFFFF;

}

/***** General Layout Styles *****/

/***************  Top Nav Starts ************** */	
#topnav-bar {
	background-color: #4A92DE;	
	border-top: 15px solid #4A92DE;
	margin: 0px 0px 0px 0px;
		}

#topnav-left-text{
	 }
	 
	 
#1012665 {
border-left: 0px solid #FFFFFF;
} 
	 
/***** Top Nav Standard Links *****/
td.topnav-btn-std{
	border-left: 1px solid #FFFFFF;
	text-align: center; 
	}
		
a.topnav-link-std,
a.topnav-selected-std {
    font-weight:bold;
	color: #FFFFFF;
	line-height: normal;
	height: 14px;
	padding: 0px 20px 10px 10px;
	font-size: 11px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	text-align: center;
	}

a.topnav-link-std:active,
a.topnav-selected-std:active,
a.topnav-link-std:visited,
a.topnav-selected-std:visited {

	}
	
a.topnav-link-std:hover,
a.topnav-selected-std:hover {
	color: #99CCFF;
	background: #4A92DE;
	text-decoration: none;
	}
	
a.topnav-selected-std {
	color: #003399;
}
	

a.topnav-selected-std:active,
a.topnav-selected-std:visited {
	color: #003399;
}
	
a.topnav-selected-std:hover {
	color: #99CCFF;
}


	
/***** Top Nav Sub Links *****/
td.topnav-btn-sub{
	border-left: 1px solid #FFFFFF;
	text-align: center; 
	}
		
a.topnav-link-sub,
a.topnav-selected-sub {
	color: #FFFFFF;
	line-height: normal;
	height: 14px;
	padding: 5px 20px 5px 20px;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	}

a.topnav-link-sub:active,
a.topnav-selected-sub:active,
a.topnav-link-sub:visited,
a.topnav-selected-sub:visited {
	color: #FFFFFF;
	}
	
a.topnav-link-sub:hover,
a.topnav-selected-sub:hover {
	color: #99CCFF;
	background: #4A92DE;
	text-decoration: none;
	}
	
a.topnav-selected-sub {
	background-color: #003399;
	font-weight: bold;
	}

	
/***** Top Nav Header Links *****/
td.topnav-btn-header{
	border-left: 1px solid #FFFFFF;
	padding-left:15px;
	text-align: center; 
	}
		
a.topnav-link-header,
a.topnav-selected-header {
	color: #FFFFFF;
	line-height: normal;
	height: 14px;
	padding: 5px 20px 5px 20px;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	}

a.topnav-link-header:active,
a.topnav-selected-header:active,
a.topnav-link-header:visited,
a.topnav-selected-header:visited {
	color: #FFFFFF;
	}
	
a.topnav-link-header:hover,
a.topnav-selected-header:hover {
	color: #99CCFF;
	background: #4A92DE;
	text-decoration: none;
	}
	
a.topnav-selected-header {
	background-color: #003399;
	font-weight: bold;
	}

/*************** LEFT NAV START ****************/
#leftnav-bar{

	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
border-left: 1px solid #CCCCCC;	
border-right: 1px solid #CCCCCC;
	width: 140px;
	background: #FFFFFF url(/webfiles/DatumShop/layouts/images/leftnav_bottom.jpg) no-repeat bottom ;
	}
	
#leftnav-top-text{
	text-align: center;
	}
	
#leftnav-list {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	}

#leftnav-bottom-text{
	text-align: center;
	}

	
/***** Left Nav Standard Links *****/
.leftnav-btn-std {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	list-style: none;
	/*list-style-image: url(insert url of image here);*/
	}
	
a.leftnav-link-std,
a.leftnav-selected-std {
	background: #FFFFFF url(/webfiles/DatumShop/layouts/images/left_nav_button.gif) no-repeat left ;
	color: #333333;
	font-family: Verdana,Arial,sans-serif;
	font-weight: normal;
	font-size: 10px;
	margin: 0px 0px 0px 8px;
	padding: 4px 0px 4px 15px;
	text-decoration: none;
	display: block;
	}

a.leftnav-link-std:active, 
a.leftnav-selected-std:active, 
a.leftnav-link-std:visited,
a.leftnav-selected-std:visited {
	color: #333333;
	}

a.leftnav-link-std:hover,
a.leftnav-selected-std:hover {
	color: #808080;
	background-color: #FFFFFF;
	text-decoration: none;
	}
	
a.leftnav-selected-std {
	background-color :#FFFFFF;
	font-weight: bold;
	}

	
/***** Left Nav Sub Links *****/
.leftnav-btn-sub {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	list-style: none;
	/*list-style-image: url(insert url of image here);*/
	}

a.leftnav-link-sub,
a.leftnav-selected-sub {
	background: #FFFFFF url(/webfiles/DatumShop/layouts/images/left_nav_button.gif) no-repeat left ;
	color: #333333;
	font-family: Verdana,Arial,sans-serif;
	font-weight: normal;
	font-size: 10px;
	margin: 0px 0px 0px 28px;
	padding: 1px 0px 1px 15px;
	text-decoration: none;
	display: block;
	}
 
a.leftnav-link-sub:active,
a.leftnav-selected-sub:active,
a.leftnav-link-sub:visited,
a.leftnav-selected-sub:visited {
	color: #333333;
	background-color: #FFFFFF;
	}

a.leftnav-link-sub:hover,
a.leftnav-selected-sub:hover {
	color: #808080;
	background-color: #FFFFFF;
	text-decoration: none;
	}
	
a.leftnav-selected-sub {
	background-color :#FFFFFF;
	font-weight: bold;
	}

	
/***** Left Nav Header Links *****/
.leftnav-btn-header {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	display: inline;
	}

a.leftnav-link-header,
a.leftnav-selected-header {
	border-bottom: 1px solid #CCCCCC;
	color: #333333;
	font-family: Verdana,Arial,sans-serif;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 4px 4px;
	text-decoration: none;
	display: block;
	}

a.leftnav-link-header:active,
a.leftnav-selected-header:active,
a.leftnav-link-header:visited,
a.leftnav-selected-header:visited {
	color: #333333;
	background-color: ##Left Nav Header Button Background Color##;
	}

a.leftnav-link-header:hover,
a.leftnav-selected-header:hover {
	color: #808080;
	background-color: #FFFFFF;
	text-decoration: none;
	}
	
a.leftnav-selected-header {
	background-color :#FFFFFF;
	font-weight: bold;
	}
	
/* Left Nav Ends */

/* located on "Home - Training Steps" Template*/
.headerbox {
padding:3px 3px 3px 3px;
height:50px;
}
.contentbox{
height: 210px;
}
.descriptionbox{
height: 140px;
}
.bullet-link li
{
list-style-type: disc;
margin:0px 0px 5px 20px;
list-style-image: URL(/webfiles/DatumTraining/webpages/images/11717/bullet.gif)
}

.bullet-link
{
margin-left: 10px;
}
.default-table td{
border-left: 1px solid #dddddd;
border-top: 1px solid #dddddd;
}
.default-table {
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}

.page-title-border{
border-bottom: 1px solid #dddddd;
}

.table-border{
border: 1px solid #dddddd;
}

ul.blue-bullet-list{
margin:0px 0px 0px 16px;
list-style-image: url(/webfiles/DatumShop/webpages/images/12665/bullet.gif);
}

ul.blue-bullet-list li{
font-size: 12px;
margin-top:10px;
}



.list-row {border-top:1px solid #cccccc}


.main-image{
border: 2px solid #EFEBEF;
}



.colored-box
{ 
	color: #000000;
	font-SIZE: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 	
	margin: 0px 0px 0px 0px;	
	padding: 15px 15px 15px 15px;
	background-color:#FFD178;
	border-top: 2px solid #F09E00;
	border-right: 2px solid #F09E00;
	border-bottom: 2px solid #F09E00;
	border-left: 2px solid #F09E00;	
}

/*************** PROD NAV START ****************/

	
#prodnav-list {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #EEEEEE;
	}

	
/***** Left Nav Standard Links *****/
.prodnav-btn-std {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	list-style: none;
	/*list-style-image: url(insert url of image here);*/
	}
	
a.prodnav-link-std,
a.prodnav-selected-std {
	background-color: #EEEEEE;
	color: #000000;
	font-family: Verdana,Arial,sans-serif;
	font-weight: normal;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 10px;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #dddddd;	
	/*background-image: url(/webfiles/DatumShop/layouts/images/bullet.gif);
	background-position: left;
	background-repeat: no-repeat;*/
	}

a.prodnav-link-std:active, 
a.prodnav-selected-std:active, 
a.prodnav-link-std:visited,
a.prodnav-selected-std:visited {
	color: #000000;
	}

a.prodnav-link-std:hover,
a.prodnav-selected-std:hover {
	color: #ffffff;
	background-color: #4992DF;
	text-decoration: none;
	}
	
a.prodnav-selected-std {
	background-color :#7FB2E9;
	color: #ffffff;
	}
	
a.prodnav-selected-std:active,
a.prodnav-selected-std:visited {
	color: #ffffff;
	}
	
a.prodnav-selected-std:hover {
	color: #ffffff;
	}





	li.portallisting_level1 {
		list-style-image: url(/webfiles/NewZealandDirectory/layouts/images/bullet_level1.gif);
		margin: 0px 0px 5px 7px;
		padding: 2px 2px 10px 2px;
	}
	
	li.portallisting_level2 {
		list-style-image: url(/webfiles/NewZealandDirectory/layouts/images/bullet_level1.gif);
		margin: 0px 0px 5px 7px;
		padding: 2px 2px 10px 2px;
	}

	li.portallisting_level3 {
		list-style-image: url(/webfiles/NewZealandDirectory/layouts/images/bullet_level1.gif);
		margin: 0px 0px 5px 7px;
		padding: 2px 2px 10px 2px;
	}

#footer-text{
	font-size: 10px;
	color:#ffffff;
	text-align: center;
	}

.footer-bar{
	border-top: 1px solid #EDF6FC;
	padding: 5px 0px 4px 0px;
	background-color: #EDF6FC;
	}

/* Footer Ends */