/* alink */

body {
	background-color: #404040;
	margin-top: 0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
}

.top {
	background-image:url(../images/bg_top.jpg);
	background-repeat:repeat-x; height:80px;
}

a, a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration : underline;
	color: #000000;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; 
	font-weight:bold; 	
	text-decoration : underline;	
	color: #000000;
}

a.news, a.news:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color: #000000;
	text-decoration: none;
}

a.news:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; 
	font-weight:normal;	
	color: #000000;
	text-decoration: none;
}


 /* button */
  
 .but{
	 background-image:url(../images/ssfgp-but.jpg);
	 font-family:Tahoma,Arial, Helvetica, sans-serif;
	 font-size: 11px; 
	 color:#ffffff;
	 font-weight:bold;
	 border: 1px #CD6C01 solid; 
	 height:18px; 
	 background-repeat:x;
 }

/* title */

.title {
	 font-family:Arial, Helvetica, sans-serif; 
	 font-weight:bold;
	 color:#000000;
	 font-size:16px;
}

 .Body_Text {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	text-align:center;
}
   
.news {
	padding-left:10px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color:#252121; 
}
 
.enquiry {
	color: #000000;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}


.tblEnquiry {
	width:564px;
	border:1px solid #D7D7D7; 
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
}


.alert{
	color:#FF0000;
	font-weight:bold;
}

.err {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FC0C06;
}


.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #ffffff;
	background-color:#00569f;
	height:20px;
	font-weight:bold;
}

.but {
	border: 1px #696969 solid;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #696969;
	height:19px;
	cursor: hand;
}

.but2 {
	background-image:url(../images/reset.jpg);
	border:none;
	width:60px;
	height:20px;
	cursor:pointer;
}

.input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-image:url(../images/txt4.jpg);
	background-repeat:no-repeat;
	border:none;
	width:126px;
	height:18px;
	padding-left:2px;	
}

.input3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-image:url(../images/txt3.jpg);
	background-repeat:no-repeat;
	border:none;
	width:348px;
	height:20px;
	padding-left:2px;	
}

.input2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border-color: #000000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.inputnowidth {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-color: #E3E3E3;
} 

.combo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-color: #E3E3E3;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
} 

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #ffffff;
	height:30px;
	font-weight:bold;
	background-image:url(../images/bg_btm.jpg);
}

.inner {
	background-position: right top;
	background-image:url(../images/bg_.jpg);
	background-repeat: no-repeat;
	background-color:#b6b6b6;
}

.add {
	background-image:url(../images/bg_add.jpg);
	background-repeat:repeat-x;
	height:103px;
	border:2px solid #979797;
}

.unit {
	background-image:url(../images/bg_show.jpg);
	background-repeat:repeat-x;
	height:97px;
	border:2px solid #979797;
}

.hide 
{
	DISPLAY: none
}

.show 
{
	DISPLAY: block
}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 722px; /*Width of Carousel Viewer itself*/
height: 97px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left:0px;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-left: 40px; /*margin around each panel*/
margin-right: 10px;
margin-top:6px;
width: 153px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}