@import url("navigation.css");
/*##################################
COMMON CSS
##################################*/
a{
	outline:none;
	}
h1, h2, h3, h4 {
	margin:0px;
	padding:0px;
	}
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	margin-bottom:5px;
	}
p {
	margin:0 0 15px 0;
	font-size:11px;
	color:#333333;
	}
.link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0069AF;
	text-decoration:none;
	}
.link:hover {
	color:#000000;
	}
.elink {
	font-size:11px;
	color:#0069AF;
	text-decoration:none;
	}
.elink:hover {
	color:#333333;
	}
.imgborder {
	border:1px solid #C8D5E5;
	padding:0px;
	}
.imgleft {
	border:2px solid #cccccc;
	float:left;
	margin:0 10px 10px 0;
	padding:2px;
	}
.imgright {
	border:2px solid #cccccc;
	float:right;
	margin:0 0px 10px 10px;
	padding:2px;
	}
.lefttop{
	position:absolute;
	left:-30px;
	top:0px;
	}
.righttop{
	position:absolute;
	right:-6px;
	_right:-5px;
	top:0px;
	}
.hor-line{
	background-image:url(../images/hor-line.jpg);
	background-repeat:repeat-x;
	background-position:center center;
	height:40px;
	}
#home .clearfloat{
	clear:both;
	height:20px;
	font-size:0px;
	line-height:0px;
	float:none;
	

	}

	.form-note .link-new{
	text-decoration:none;
	color:#286AA8;

	}
/*#################################### 
PAGEHEADER AND PAGE PATH CSS
####################################*/
.pageheader {
	position:relative;
	padding:0px 15px 15px 0px;
	background-image:url(../images/hor-line.jpg);
	background-repeat:repeat-x;
	background-position:left bottom;
	
	}

.pageheader h1 {
	margin:0px;
	font-family:"Trebuchet MS";
	color:#000000;
	font-size:18px;
	height:36px;
	}
	
.pagepath {
	padding:7px 15px 7px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	margin-bottom:20px;
	background-image:url(../images/hor-line.jpg);
	background-repeat:repeat-x;
	background-position:left bottom;
	
	}

.pagepath a{
	color:#333333;
	text-decoration:none;
	}
	
.pagepath a:hover {
	color:#02509F;
	}
	
.pagepath strong {
	/*page path arrow*/
	color:#333333;
	margin:0 7px 0 7px;
	}
	
.pagepath span {
	/*active page name*/
	color:#000000;
	font-weight:bold;
	}

/*==================================
COMMON POINTS CSS
==================================*/
.points {
	list-style-type:none;
	margin:0 0 20px 0;
	padding:0px;
	}
.points li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:15px;
	background-image:url(../images/arrow.gif);
	background-position:3px 7px;
	background-repeat:no-repeat;
	padding:0 0 0 15px;
	margin:0 0 5px 0;
	}
/*==================================
	information box
==================================*/
.informationbox{
	margin:0 0 3px 0;
	}
.informationbox p{
	font-size:12px;
	color:#333333;
	margin:5px 0 0 0 ;
	}
.informationbox h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#02509F;
	margin:0 0 5px 0;
	}
/*===================================
	norecord css
	===============================*/
.contenttxt .norecord{
	border:2px solid #EBECEE;
	padding:3px 0 0px 0;
	height:36px;
	}

.contenttxt  .norecord dd{
	font-size:13px;
	color:#02509F;
	font-weight:bold;
	margin-top:10px;
	padding-top:0px;
	}

.contenttxt .norecord .imgleft{
	border:none;
	}
/*==============================================
		Topbar css
===============================================*/
.topbarbg{
	background-image:url(../images/topbg.jpg);	
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#90C3EC;
	height:96px;
	}
.topbarleftbg {
	background-image:url(../images/topbarleftbgimg.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	}
#logobg{	
	background-image:url(../images/logobg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	height:90px;
	width:267px;
	}
#logobg a{
	position:absolute;
	left:47px;
	top:8px;
	}			

/*=========================================
	midbar
=========================================*/
.midbar {	
	margin-bottom:20px;	
	position:relative;
	}
.innerpagemidbar{
	background-image:url(../images/innermidbarbg.jpg);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#F4F9FD;
	padding:20px;
	}
.innerpagemidbar .imgborder{
	border:1px solid #C8D5E5;
	padding:0px;
	}
.midbar .midbartxt{
	position:absolute;
	right:20px;
	top:20px;
	}
.midbar .midbartxt h1{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:normal;
	color:#FFFFFF;
	margin:0 0 10px 0;
	padding:0px;	
	}
.midbar .midbartxt p{
	font-size:12px;
	color:#FFFFFF;
	margin:0 0 0 0;
	padding:0px;	
}
.midbar .midbartxt .opaque{
	padding:20px ;
	margin:0px;
	filter:alpha(opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;
	border:1px solid #ff0000;
	position:absolute;
	top:115px;
	
	}
.midbar .midbartxt .opaque h1{
	color:#000000;
	margin:0px;
	padding:0px;
	}
.midbar .midbartxt .opaque p{
	color:#000000;
	}

/********
used for scroller effect midbar
********/
			#fadeshow2toggler{position:relative; min-height:1px;}
			#fadeshow2toggler .prev{
				position:absolute; right:50px; top:-190px; height:18px; width:18px; z-index:9999;}
				
			#fadeshow2toggler .next{
				position:absolute; right:5px; top:-190px; height:18px; width:18px; z-index:9999;}
			.status{display:none;}
			.fadeshow1{background-color:#FF0000;}	

/*#################################### 
SIDEBARLINKS CSS
####################################*/
.sidebarlinks {
	margin:20px 0 20px 0px;
	/*text-align:right;*/

	}
/*====================================*/
.sidebarlinks a, 
.sidebarlinks .normal{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#ffffff;
	display:block;
	margin:0 0 0 20px;
	border-top:1px solid #2E73B3;	
	background-image:url(../images/linkbg1.gif);
	background-repeat:repeat-y;
	background-position:right top;
	position:relative;
	/*text-align:right;*/	
	}

.sidebarlinks a:hover {
	color:#C7E2F9;
	}

.sidebarlinks .active {
	background-image:url(../images/linkbg3.gif);
	border-top:1px solid #ffffff;
	color:#0080DA;
	}
.sidebarlinks .active:hover {	
	color:#0080DA;
	}
.sidebarlinks .active span {
	background-image:url(../images/linkbg4.gif);
	}
	
.sidebarlinks a span, 
.sidebarlinks .normal span {
	text-align:right;
	display:block;
	background-image:url(../images/linkbg2.gif);	
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:6px 10px 18px 0;	
	}
	
.sidebarlinks a img, 
.sidebarlinks .normal img {
	position:absolute;
	left:10px;
	top:13px;
	}
/*====================================*/
.sidebarlinks .sublinks{
	border-bottom:1px solid #ffffff;
	margin:0 9px 10px 19px;
	}
.sidebarlinks .sublinks a, 
.sidebarlinks .sublinks .normal{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	display:block;
	padding:0px 0px;
	margin:0 0px 0 0px;
	background-color:#b4d6f2;
	/*border-bottom:1px solid #ffffff;*/
	border-top:1px solid #ffffff;
	
	position:relative;
	background-image:none;
	
	}
.sidebarlinks .sublinks a:hover {	
	background-color:#d0e1f1;
	color:#3075B8;
	}
.sidebarlinks .sublinks .active {
	background-color:#d0e1f1;
	color:#3075B8;
	}
.sidebarlinks .sublinks .active:hover {	
	background-color:#d0e1f1;
	color:#3075B8;
	}
.sidebarlinks .sublinks a span, 
.sidebarlinks .sublinks .normal span{
	margin:0px 0px 0 0px;
	display:block;
	background-image:none;
	padding:5px 5px 5px 0;
	
	text-align:right;
	
	}
.sidebarlinks .sublinks a img, 
.sidebarlinks .sublinks .normal img{
	position:absolute;
	top:10px;
	
	}
.sidebarlinks .sublinks .sublinks{	
	border:none;
	margin:0px;
	padding:0px;	
	}
/*===============================
	Contenttxt css
==============================*/
.contenttxt h2{
	color:#005FB0;
	font-size:13px;
	margin:0 0 15px 0;
	padding:0px;
	}
.contenttxt ul{
	/*margin:10px 0;
	padding:0px;
	list-style-type:none;*/
	margin:20px 0 20px 0;
	padding:0px;
	list-style-type:none;
	}
.contenttxt ul li{
	/*font-size:12px;
	color:#333333;*/
	background-image:url(../images/bluebullet.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	font-size:12px;
	color:#333333;
	padding-left:10px;
	margin-bottom:10px;	
	}
/*===================================
	tuita plc css
====================================*/
/*#tuitaplc ul{
	margin:20px 0 20px 0;
	padding:0px;
	list-style-type:none;
	}
#tuitaplc ul li{
	background-image:url(../images/bluebullet.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	font-size:12px;
	color:#333333;
	padding-left:10px;
	margin-bottom:10px;	
}*/
/*====================================
	Brokers css
====================================*/

#brokers ul{
	margin:15px 0;
	padding:0px;
	list-style-type:none;
	}
#brokers ul li{
	font-size:12px;
	color:#333333;
	background-image:none;
	}
/*#################################### 
INFOBOX CONTAINER CSS
####################################*/
#infoboxcontainer{
	margin-bottom:0px;
	}
#infoboxcontainer .infobox{
	width:31.5%;
	_width:31.4%;
	background-color:#ffffff;
	float:left;
	margin-left:2.7%;
	_margin-left:2.8%;	
	}
#infoboxcontainer .infobox td{
	text-align:center;
	vertical-align:middle;
	width:232px;
	height:130px;
	}
#infoboxcontainer .infoboximg span {
	display:block;
	background-repeat:no-repeat;
	background-position:center center;
	}
#infoboxcontainer .nomargin {
	margin:0px;
	}
#infoboxcontainer .floatright {
	float:right;
	}
.infobox h2 {
	background-color:#E5F3FF;
	color:#000000;
	font-size:13px;
	padding:13px 10px 10px 13px;
	margin:0 0 1px 0;
	background-image:url(../images/infoheadingbg.jpg);
	background-repeat:repeat-x;
	background-position:left bottom;
	height:18px;/*reduce due to padding*/
	position:relative;
	}
.infobox h2 .bulletset{
	position:absolute;
	right:12px;
	top:17px;
	}
.infobox dl {
	margin:5px 0 0 0;
	padding:5px 10px;
	}
.infobox dl dt {
	margin:0 0 5px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	}
.infobox dl dd {
	font-size:11px;
	margin:0px;
	}
.infobox .morebar {
	display:block;
	padding:5px 10px;
	margin:10px -10px -5px -10px;
	background-color:#dfdfdf;
	}
.infobox .morebar a {
	font-size:11px;
	font-weight:bold;
	color:#0066CC;
	text-decoration:none;

	}
.welcometxt{
	padding:20px;	
	font-size:12px;
	color:#FFFFFF;
	background-color:#70ADE7;
	background-image:url(../images/welcometxtbg.jpg);
	background-repeat:repeat-x;
	background-position:left bottom;
	}
.welcometxt h2{
	margin:0 0 10px 0;
	}
.welcometxt .morebar{	
	text-indent:-9999px;
	margin:15px 0 0 0;
	height:14px;
	}
.welcometxt .morebar .link{
	display:block;
	background-image:url(../images/morebtn.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:52px;
	height:14px;
	}
.welcometxt .morebar .link:hover{
	background-position:left -14px;
	}
/*==========================================
	Contact us css
===========================================*/
#frmcontactus .clearboth{
	height:13px;
	clear:both;
	margin:0px;
	padding:0px;
	background-image:url(../images/wtline.jpg);
	background-repeat:repeat-x;
	background-position:center center;
	
	}
.addressbox{
	margin:0px;
	padding:0px;
	font-size:12px;
	position:relative;
	}
.addressbox span{
	display:block;
	width:50px;
	float:left;
	
	}
	
.addressbox .imgbox{
	position:absolute;
	right:0px;
	top:0px;
	
	}
	
.formtitle {
	background-color:#999999;
	margin:0px;
	padding:5px 10px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	}
.formcss {
	/*main form box*/
	margin:0px;
	padding:0px;
	background-color:#f2f2f2;
	border:1px solid #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.formbox {
	/*main form inner box*/
	border:2px solid #ffffff;
	padding:0px 0;
	margin:10px;
	}
.formbox strong {
	/*for display "mandatory fields" text*/
	display:block;
	padding:5px;
	background-color:#505050;	
	font-size:13px;
	color:#ffffff;
	
	}
.formbox em {
	/*for mandatory star */
	color:#FF0000;
	font-weight:bold;
	}
	
/*===================================
COMMON FORM STRUCTURE CSS
===================================*/
.formbox dl {
	margin:0px 0 0px 0;
	padding:15px 5px 10px 5px;
	border-bottom:1px solid #ebebeb;
	}
.formbox dl dt {
	font-size:11px;
	font-weight:bold;
	color:#000000;
	
	/*padding:5px 3px 5px 0;*/
	padding:0px;
	margin:0 0 0 5px;
	width:187px;
	float:left;
	
	}
.formbox dl dd {
	margin:0 0 0 200px;
	/*padding:5px 3px 5px 0;*/
	padding:0px;
	font-size:11px;
	}
.formbox dl span{
	font-size:11px;
	font-weight:normal;
	}
/*===================================
COMMON FORM ELEMINTS CSS
===================================*/
.formbox dd input,
.formbox dd textarea,
.formbox dd select,
.textboxborder {
	font-size:11px;
	color:#666666;
	border:1px solid #cccccc;
	background-color:#FFFFFF;
	padding:1px;
	}
/*===================================
IMAGE CODE INSTRUCTION NOTE BOX CSS
===================================*/
#contactus .formbox .note {
	background-color:#ECF5FC;
	color:#333333;	
	padding:5px 8px;
	margin:0px;
	}
#contactus .formbox .note dt {
	color:#333333;
	width:auto;
	padding:0px;
	float:none;
	font-size:11px;
	text-align:left;
	margin-bottom:5px;
	}
#contactus .formbox .note dd {
	font-size:10px;
	padding:0 0 0 6px;
	margin:0 0 0 0px;
	}
	
	
/*===================================
IFRAME BOX CSS
===================================*/

#contactus .imgcode .iframeborder {
	position:relative;
	padding:0px;
	height:52px;
	
	}
/*.iframeborder iframe{
	background-color:#FFFFFF;
	border:0px solid #cccccc;
	padding:2px;
	margin-top:0px;
	height:42px;
	width:195px;
	}*/
#contactus .iframeborder div{
	position:absolute;
	left:1px;
	top:5px;
	background-color:#FFFFFF;
	border:2px solid #cccccc;
	padding:0px;
	width:200px;
	height:48px;
	}
#contactus .imgcode .fontsize9 {
	font-size:9px;
	line-height:24px;
	
	}
#contactus .imgcode .refreshbtn {
	position:absolute;
	left:212px;
	top:15px;
	}
	
	
/*===================================
SUBMITRESET BUTTON CSS
===================================*/
.btnbox{
	background-color:#ECF5FC;
	margin-top:0px;
	border-top:1px solid #FFFFFF;
	}
.btnbox dd input,
.button {
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	border:0px;
	/*border-bottom:1px solid #ebebeb;
	border-right:1px solid #666666;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;*/
	}
/*##################################
SITEMAP CSS
##################################*/
#sitemap ul {
	list-style-type:none;
	margin:-12px 0px 0px 0px ;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
#sitemap ul li {
	height:15px;
	color: #02509F;
	}
#sitemap ul li a {
	text-decoration: none;
	}
/*===============================*/
.linklevel1 {
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position: 0px 5px;
	font-weight: bold;
	color: #02509F;
	font-size:12px;
	padding-left:15px;
	margin:10px 0 10px 0;
	}
	
.linklevel1 a {
	font-weight: bold;
	color: #02509F;
	}
	
.linklevel1 a:hover {
	font-weight: bold;
	color: #000000;
	}
/*===============================*/
.linklevel2 {
	background-image:url(../images/arrow1.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	color: #333333;
	font-size:11px;
	padding-left:10px;
	margin:4px 0px;
	
	}
.linklevel2 a {
	font-weight: normal;
	color: #333333;
	}
.linklevel2 a:hover {
	font-weight: normal;
	color: #02509F;
	}
/*==========================================
	Footer css
==========================================*/
.footerlink{
	color:#ffffff;	
	margin-left:20px;
	position:absolute;
	bottom:5px;
	}
.footerlink .elink{
	color:#ffffff;
	}
.footerlink .elink:hover{
	color:#333333;
	}
.copyright{
	position:absolute;
	right:20px;
	bottom:5px;
	}