/* EFE Engineering - Aug 2007 */

body{
margin:0;
background-color:#e1e1e1;
font:11px Tahoma, Geneva, sans-serif;
color:#34608c;
line-height:18px;
background-image:url(../images/bg2.jpg);
background-repeat:repeat-y;
background-position: top center;
}
p{

	margin: 7px 0px 0px 0px;
	line-height: 18px;
	padding-bottom:5px;
	}
/*width ends up to 780px due to browser rendering of padding and border*/
#bodyframe{
width:772px;
border-left:#b9cacf solid 1px;
border-right:#b9cacf solid 1px;
margin:auto;
background-color:#FFFFFF;
padding:0 3px 0 3px;
}

a, a:link, a:visited{
color:#3399cc;
text-decoration:none;
}
a:hover{
color:#333333;
}
/* ------------------- Header ---------------------- */
#header{
width:100%;
height:75px;
margin:0;
padding:0;
border-bottom:#b9cacf solid 1px;
position:relative;
}

#logo{
width:126px;
height:75px;
float:left; /*need for IE to display properly*/
}

/* -------- Top Nav ----------- */
#topnav{
margin:0;
padding:0;
width:630px;
height:20px;
position: absolute; 
bottom: 0;
right:0;
text-align:right;
}

#topnav ul{
padding:0;
margin:0;
}

#topnav li{
font:11px Tahoma, Geneva, sans-serif;
color:#7b7b7b;
display:inline;
list-style-type:none;
line-height:20px;
padding:4px 12px 4px 12px;
background:url(../images/nav_separator.gif) repeat-y;
background-position: left 4px;
}

#topnav li a, #topnav li a:link, #topnav li a:visited{
color:#7b7b7b;
text-decoration:none;
}

#topnav li a:hover{
color:#3399cc;
text-decoration:none;
}

#seclinks{
position:absolute;
width:140px;
top:0;
right:0;
padding-top:18px;
}

/* -------- Home Btn ----------- */
.btn_home{
font-size:10px;
background:url(../images/ico_hm_hover.gif) no-repeat;
background-position: 0 1px;
position:relative;
white-space:nowrap;
width:9px;
height:10px;
margin:0;
padding:0;
display:block;
line-height:normal;
float:left;
}

.btn_home a, .btn_home a:link, .btn_home a:visited{
color:#a0a0a0;
text-decoration:none;
display:block;
float:left;
}

.btn_home a:hover {
color:#3399cc;
}

.btn_home img{
border:0;
padding-top:1px;
}

.btn_home  a:hover img{
visibility:hidden;
}


.btn_home span{
margin:0;
top:0;
left:12px;
position:absolute;
cursor:pointer;
}

/* -------- Refer Btn ----------- */
.btn_refer{
font-size:10px;
background:url(../images/ico_mail_hover.gif) no-repeat;
background-position: 0 1px;
position:relative;
white-space:nowrap;
width:10px;
height:10px;
margin:0;
padding:0;
display:block;
line-height:normal;
margin-left:50px;
}

.btn_refer a, .btn_refer a:link, .btn_refer a:visited{
color:#a0a0a0;
text-decoration:none;
display:block;
float:left;
}

.btn_refer a:hover {
color:#3399cc;

}

.btn_refer img{
border:0;
padding-top:1px;
}

.btn_refer  a:hover img{
visibility:hidden;
}


.btn_refer span{
margin:0;
top:0;
left:12px;
position:absolute;
cursor:pointer;
}

/* ------------------- End Header ---------------------- */
.mainbanner{
margin-top:1px;
padding:0;
padding-bottom:1px;
border-bottom:#b9cacf solid 1px;
}

/* ------------------- Hm Body contents ---------------------- */
#hm_leftcol{
width:540px;
float:left;
background:url(../images/rule_vertdot.gif) repeat-y right;
}
#hm_rightcol{
margin-left:540px;
}
/*padding and borders are counted if width is specified (so the width in html matches that of in design mocks to reduce confusion)*/  
.hm_innerdiv{
padding:12px;
margin:0px;
}

.hm_teaser{
padding-left:16px;
}
/* -------- more Btn ----------- */
.btn_more{
font-size:10px;
background:url(../images/but_morebgover.gif) no-repeat;
position:relative;
white-space:nowrap;
width:58px;
height:21px;
margin:0;
padding:0;
display:block;
float:right;
}

.btn_more a{
color:#3399cc;
text-decoration:none;
display:block;
float:left;
}

.btn_more a:hover {
color:#333333;
}

.btn_more img{
border:0;

}

.btn_more  a:hover img{
visibility:hidden;
}

 * html a:hover
{
visibility:visible
}

.btn_more span{
margin:0;
top:0;
left:18px;
position:absolute;
cursor:pointer;
}

/* -------- Listing ----------- */
#listnav, #listnav ul{
list-style-type:none;
margin:0;
padding:0;
}

#listnav li{
display:inline;
background:url(../images/ico_arrow.gif) no-repeat;
background-position:0 8px;
padding:0 0 0 8px;
display:block;
}

#listnav li a, #listnav li a:link, #listnav li a:visited{
/*background:url(../images/ico_arrow.gif) no-repeat;*/
background-position:0 8px;
color:#3399cc;
padding:0 0 0 8px;
display:block;
text-decoration:underline;
}

#listnav li a:hover{
/*background:url(../images/ico_arrow_hover.gif) no-repeat;*/
background-position:0 8px;
color:#333333;
}


.rule{
background:url(../images/dot_hori.gif) repeat-x bottom;
height:6px;
margin:0;
}

/* ------------------- End Hm Body contents ---------------------- */

/* ------------------- Inside Body contents ---------------------- */
#leftcol{
width:214px;
float:left;
background:url(../images/rule_vertdot.gif) repeat-y right;
}

#rightcol{
margin-left:214px;
}


.rightcol_innerdiv{
padding:6px 22px 12px 20px;
}
.side_navhd{
padding:15px 0 15px 0;
}

.side_navbg{
background:url(../images/sidenav_bg.gif) no-repeat;
height:247px;
}
#side_nav ul{
list-style-type:none;
margin:0;
padding:0;
}

#side_nav li{
display:inline;
}

#side_nav li a, #side_nav li a:link, #side_nav li a:visited{
background:url(../images/ico_triarrow_grey.gif) no-repeat;
background-position:0 8px;
color:#7b7b7b;
padding:4px 0 4px 20px;
display:block;
text-decoration:none;
border-bottom:1px solid #e0e2e2;
}

#side_nav li a:hover,#side_nav li #active {
background:url(../images/ico_triarrow_blue.gif) no-repeat;
background-position:0 8px;
color:#3399cc;
display:block;
text-decoration:none;
}


h3{
font-size:18px;
color:#113d94;
font-weight:normal;
}

.rt_img{
border: 1px solid #97a5ad;
margin-left:15px;
float:right;
}

.imgborder{
border: 1px solid #97a5ad;
}
.backtop{
margin-top:10px;
font-size:10px;
text-align:right;
background:url(../images/backtop.gif) no-repeat;
background-position:453px 6px;
}

.backtop2{
margin-top:10px;
font-size:10px;
text-align:right;
background:url(../images/backtop.gif) no-repeat;
background-position:667px 6px;
}
/* ------------------- End Inside Body contents ---------------------- */

/* ------------------- Footer ---------------------- */
#footer{
background:url(../images/footer_bg.gif) no-repeat;
height:95px;
margin-top:10px;
clear:both;
}
.footer_inner{
padding:60px 15px 0 15px;
font-size:10px;
}

.footer_inner a, .footer_inner a:link, .footer_inner a:visited{
color: #3399cc;
font-size:10px;
}

.footer_inner a:hover{
color: #333333;
}

.footer_innerleft{
float:left;
}

.footer_innerright{
margin-left:560px;
text-align:right;
color:#a0a0a0;
font-size:10px;
}

/* ------------------- End Footer ---------------------- */

.floatleft{
float:left;
}
.clearfloat{
clear:both;
}



/*Start submit btn*/
#submit_disable{
background-image:url(../images/btn_bg.gif);
background-position: top;
background-repeat:no-repeat;
width:96px;
height:29px;
margin:0px;
padding:0px;
float:left;
display:block;
text-align:center;
font-weight:bold;
line-height:23px;
text-align:center;
cursor:pointer;
color:#3699d0;
}

.btn_submit{
background-image:url(../images/btn_bg.gif);
background-position: 0px -2px;
background-repeat:no-repeat;
width:96px;
height:29px;
margin:0px;
padding:0px;
float:left;
display:block;
text-align:center;
color:#3699d0;
}


.btn_submit a,.btn_submit a:link,.btn_submit a:visited{
width:96px;
height:29px;
display:block;
text-decoration:none;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:23px;
text-align:center;
color:#3699d0;
}


/* only AFFECT IE*/
.btn_submit a:hover
{
color:#333333;
	/* filter: alpha(opacity=0);
	 -moz-opacity:.0;
	 opacity:.0;*/
}
.btn_submit a:hover img
{
	visibility:hidden !important; visibility:visible;
}


/*End submit btn*/
/*Start Reset btn*/
.btn{
background-image:url(../images/btn_bg.gif);
background-position: 0px -2px;
background-repeat:no-repeat;
width:96px;
height:29px;
margin:0px;
padding:0px;
float:right;
display:block;
text-align:center;
color:#999999;
}

.btn a,.btn a:link,.btn a:visited{
color:#999999;
width:96px;
height:29px;
display:block;
text-decoration:none;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:23px;
}

.btn img{
border:0px solid;
width:96px;
height:29px;
display:block;
}


/* only AFFECT IE*/
.btn a:hover
{
/*background-image:url(../images/reset_btnbg_off.gif);*/
color:#333333;

	 /*filter: alpha(opacity=0);
	 -moz-opacity:.0;
	 opacity:.0;*/
}



/*End reset btn*/

form label {
	float:left;
	height: 14px;
	display:block;
	width: 110px; 
	padding: 0; 
	margin: 8px 0px 0px 0px; /* set top margin same as form input - textarea etc. elements */
	padding:0px 0px 0px 0px;
	text-align: right;
}
.form_txtfld{
	float:right;
	border: 1px #cccccc solid;
	height: 14px;
	width: 212px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #605d4e;
	line-height: 14px;
	margin: 8px 26px 0px 0px; /* set top margin same as form input - textarea etc. elements */
}
.form_txtfld_error{
	float:right;
	border: 1px #cccccc solid;
	height: 14px;
	width: 212px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color:#FF0000;
	line-height: 14px;
	margin: 8px 26px 0px 0px; /* set top margin same as form input - textarea etc. elements */
}
.form_select{
	float:right;
	border: 1px #cccccc solid;
	height: 18px;
	width: 216px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #605d4e;
	line-height: 14px;
	margin: 8px 26px 0px 0px; /* set top margin same as form input - textarea etc. elements */
}

.form_textarea{
	float:right;
	border: 1px #cccccc solid;
	height: 98px;
	width: 212px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #605d4e;
	line-height: 14px;
	margin: 8px 26px 0px 0px; /* set top margin same as form input - textarea etc. elements */
	
}
.form_textarea_error{
	float:right;
	border: 1px #cccccc solid;
	height: 98px;
	width: 212px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #FF0000;
	line-height: 14px;
	margin: 8px 26px 0px 0px; /* set top margin same as form input - textarea etc. elements */
	
}


#form_enquiry br{
clear:both;
}



form fieldset{
margin:0px auto 0px auto;
width:365px;
border:1px solid #e0e2e2;
}

form fieldset legend {
	font-weight: bold;
	color: #113d94;
	padding: 3px 0px 3px 0px;
	margin:0px;
}