@charset "utf-8";
/* CSS Document */


ul#mymenu {list-style: none;clear: both; margin-left: -10px;}
ul#mymenu li {float:left;width: 120px;font-size: .6em;text-align: center;}
/* ul#mymenu li:hover {background-color: white;} */
ul#mymenu img {border-style: none;}
ul#mymenu a {color: black;cursor: pointer;}


.fixbottom {
  height:20px;
  background-color: white;
  width: 650px;
}

#menuContainer {
	margin-bottom: 30px;
}

a {
	text-decoration: none;
}
._AccordionTitle, ._AccordionContent, ._AccordionContainer, ._AccordionTitleSelected 
{
  position:relative;
  width:174px;
  margin-left: auto;
  margin-right: auto;
}

._AccordionTitle
{
	height:24px;
/* 	overflow:hidden; */
	cursor:pointer;
	vertical-align:middle;
	display:table-cell;
	background-image: url(images/redbanner01.png);
	background-position:top;
	background-repeat: repeat-x;
	-moz-user-select:none;
	text-align: center;
	font-size: .8em;
	color: white;
	padding-top: 3px;	
}

._AccordionTitle:hover
{
	background-image: url(images/banner03.png);
	color: #000000;

}


._AccordionTitleSelected
{
	height:24px;
/* 	overflow:hidden; */
	cursor:pointer;
	vertical-align:middle;
	display:table-cell;
	background-image: url(images/redbanner01.png);
	background-position: top;
	background-repeat: repeat-x;
	-moz-user-select:none;
	text-align: center;
	font-size: .8em;
	color: silver;
	padding-top: 3px;


}

._AccordionContent
{
  height:0px;
/*   overflow:hidden; */
  display:none;
}


.AccordionTitle, .AccordionContent, .AccordionContainer, .AccordionTitleSelected 
{
  position:relative;
  width:178px;
  
}

.AccordionTitle:hover
{
	background-image: url(images/banner03.png);
	color: #000000;

}

.AccordionTitle
{
	background-color: #cccccc;
	height:27px;
	overflow:hidden;
	cursor:pointer;
	vertical-align:middle;
	display:table-cell;
	background-image: url(images/menu_line.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	-moz-user-select:none;
	text-indent: 10px;
	padding-top: 5px;
	color: black;
}

.AccordionTitleSelected
{
	background-color: #cccccc;
	height:27px;
	overflow:hidden;
	cursor:pointer;
	vertical-align:middle;
	display:table-cell;
	background-image: url(images/menu_line.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	-moz-user-select:none;
	text-indent: 10px;
	color: black;
}

.AccordionContent
{
  height:0px;
  overflow:hidden;
  display:none;
}

.pagecontainer {
	background-color: #cccccc;
	width: 1010px;
	margin-left: auto;
	margin-right: auto;
}

.banner {
}

.banner #logo {
	float: right;
	padding-right: 160px;
}

.top {
	height:280px;
}

.middle {
	font-size: .85em;
}

.middle a {
	text-decoration: none;
}

.footer {
	clear: both;
	font-size: .6em;
	text-align: center;
	padding-top: 5px;
}

.middle_left {
	float:left;
	width: 180px;
	height: inherit;
}

.middle_left a {
	text-decordation:none;
}

.middle_center {
	width:650px;
	float:left;
	height: inherit;
}	

.middle_right {
	float:right;
	width:180px;	
	height: inherit;
}

.middle_right a {
	text-decoration:none;
}

.page_title {
	text-align:center;
	Width: 650px;
	background-image: url(images/redbanner01.png);
	background-repeat: repeat-x;	
	padding-top: 2px;
	height:23px;
	text-align: center;
	color: white;
	font-size: 1em;
}

.page_content {
	width:650px;
	float: left;
	font-size: .8em;
	background-color: white;
	min-height: 768px;
	overflow-y: auto;
}

.menu_title	{
	margin-left: 2px;
	margin-right: 2px;
	height:24px;
	vertical-align:middle;
	background-image: url(images/redbanner01.png);
	background-position:top;
	background-repeat: repeat-x;
	text-align: center;
	font-size: .8em;
	color: white;
	padding-top: 3px;	
}

.menu_item_search {
	margin-left: 2px;
	margin-right: 2px;
	font-size: .70em;	
	text-align:left;
	height:27px;
}

.menu_item {
	margin-left: 2px;
	margin-right: 2px;
	text-indent: 10px;
	font-size: .75em;	
	text-align:left;
	height:24px;
	color: black;
	background-image: url(images/menu_line.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

.menu_item_on {
	font-size: .75em;	
	color: white;
	margin-left: 2px;
	margin-right: 2px;
	text-indent: 10px;
	text-align:left;
	height:24px;
	background-image: url(images/banner02.png);
	background-position-x: top;
	background-repeat: repeat-x;
}

.menu_item:hover, .menu_item_on:hover { 
	color: #ffffff;
	margin-left: 2px;
	margin-right: 2px;
	height:24px;
	text-indent: 10px;
	background-image: url(images/banner02.png);
	background-position: top;
	background-repeat: repeat-x;
}

.sponsor {
	padding-top:8px;
	padding-left: 5px;
	border: none;
}

.sponsor img {
	border:none;
}

inputbutton { 
	margin: 1em; padding: .5em;
	border-top: 4px double #000;
	text-align: center;
}

body {
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#quickjump {color:#000000;}
#quickjump:visited {color:#000000;}

.hidden {display : none;}

.playButton {
	background-color: rgb(20,20,20);
	cursor: pointer;
	font-weight: bold;
	font-size: 1.25em;
	opacity: .8;
	filter: alpha(opacity=80);
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	position: relative;
	top: 10px;
	zoom: 100%;
	padding: .5em 1em;
	color: white;
}
	
.buttonTitle {
	position: relative;
	background-color: rgb(20,20,20);
	font-weight: bold;
	font-size: 1.1em;
	opacity: .8;
	filter: alpha(opacity=80);
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:center;
	top:2px;	
	left:-5px;	
	width: 650px;
	color: white;
	clear:both;
}	
	
	
.playBackground {
	background-color: rgb(0,0,0);
	opacity: 0.0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 0px; left: 0px;
}

/* the basic page nave buttons for the page content div */

ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{background-color: white; float:left;font-size: 80%}
ul#nav li{float:left;margin-left: 0px;margin-right: 1px;text-align: center}
ul#nav a{background-image: url(images/redbanner01.png); background-repeat: repeat-x; padding-left: 0; padding-bottom: 6px; padding-right: 0; padding-top: 5px; 
float:left;width: 95px;text-decoration:none;color: white;}
ul#nav a:hover{background-image: url(images/banner02.png); color: white}
ul#nav li.activelink a,ul#nav li.activelink a:hover{color: white;background-image: url(images/banner02.png); }

/* custom button for the enquire now */


ul#nav #contactus a{background-image: url(images/banner03.png); background-repeat: repeat-x; padding-left: 0; padding-bottom: 6px; padding-right: 0; padding-top: 5px; 
float:left;width: 95px;text-decoration:none;color: black;}
ul#nav #contactus a:hover{background-image: url(images/banner02.png); color: white}




/* these are the calculator nav buttons */

ul#nav1,ul#nav1 li{list-style-type:none;margin:0;padding:0;margin-top:1px;}
ul#nav1{background-color: white; float:left;font-size: 80%}
ul#nav1 li{float:left;margin-left: 1px;text-align: center}
ul#nav1 a{background-color: #cccccc; padding-left: 0; padding-bottom: 6px; padding-right: 0; padding-top: 5px; float:left;width: 95px;text-decoration:none;color: black;}
ul#nav1 a:hover{background-image: url(banner02.png); color: white}
ul#nav1 li.activelink a,ul#nav1 li.activelink a:hover{color: white;background-image: url(images/banner02.png);}

ul#nav2,ul#nav2 li{list-style-type:none;margin:0;padding:0;margin-top:1px;}
ul#nav2{background-color: white; float:left;font-size: 80%}
ul#nav2 li{float:left;margin-left: 1px;text-align: center}
ul#nav2 a{background-color: #cccccc; padding-left: 0; padding-bottom: 6px; padding-right: 0; padding-top: 5px; float:left;width: 95px;text-decoration:none;color: black;}
ul#nav2 a:hover{background-image: url(images/banner02.png); color: white}
ul#nav2 li.activelink a,ul#nav2 li.activelink a:hover{color: white;background-image: url(images/banner02.png);}


h2{ color: #00599a; }