BODY {
	FONT-SIZE: 0.75em; BACKGROUND-IMAGE: url('http://byronkho.com/idz/images/green.gif');BACKGROUND-REPEAT: repeat; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left 
}
TD {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
TR {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
TEXTAREA { font-family:arial,sans-serif;font-size:11px; }

INPUT.TEXT{
  font-family:arial,sans-serif;
  font-size:11pt;
  font-weight:bold;
}
table.offertable {width: 800px; border: 1px; border-style: solid; border-spacing: 0px; border-right: 0px; border-bottom: 0px;}
table.offertable th {background-color: #56ce49; border-top: 0px; border-left: 0px; border-right: 1px; border-bottom: 1px; border-style: solid;}
table.offertable td {border-right: 1px; border-bottom: 1px; border-color: #56CE49; border-top: 0px; border-left: 0px; border-style: solid;}

table.offertable2 {border: 1px; border-style: solid; border-spacing: 0px; border-right: 0px; border-bottom: 0px;}
table.offertable2 th {background-color: #56ce49; border-top: 0px; border-left: 0px; border-right: 1px; border-bottom: 1px; border-style: solid;}
table.offertable2 td {border-right: 1px; border-bottom: 1px; border-color: #56CE49; border-top: 0px; border-left: 0px; border-style: solid;}

A:link {
	font-family: Arial, Helvetica, sans-serif; color: #F95C07; font-weight: bold; font-size: 11px; text-decoration: none;
}
A:visited {
	font-family: Arial, Helvetica, sans-serif; color: #F95C07; font-weight: bold; font-size: 11px; text-decoration: none;
}
A:hover {
	font-family: Arial, Helvetica, sans-serif; color: #F95C07; font-weight: bold; font-size: 11px; text-decoration: none;
}
A:active {
	font-family: Arial, Helvetica, sans-serif; color: #F95C07; font-weight: bold; font-size: 11px; text-decoration: none;
}
.rightdata 
{	text-align: right;}
.centerdata 
{	text-align: center;}
#outer {
	BACKGROUND-POSITION: right bottom; MARGIN-TOP: 10px; MARGIN-LEFT: auto; WIDTH: 1150px; MARGIN-RIGHT: auto; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffffff; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-style: solid;
}
#foot {
	BACKGROUND-POSITION: right bottom; MARGIN-TOP: 10px; MARGIN-LEFT: auto; WIDTH: 1150px; MARGIN-RIGHT: auto; BACKGROUND-IMAGE: url('http://byronkho.com/idz/images/green.gif');BACKGROUND-REPEAT: repeat; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-style: solid;
}
#left {
	FLOAT: left; WIDTH: 50%; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
#right {
	FLOAT: right; WIDTH: 50%; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
DIV.float {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FLOAT: right; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; TEXT-ALIGN: left
}
DIV.floatie {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FLOAT: right; PADDING-TOP: 2px;
}
DIV.content {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; TEXT-ALIGN: left
}
DIV.small {
	PADDING-RIGHT: 2px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; TEXT-ALIGN: left
}
DIV.links {FONT-WEIGHT: bold; color: #900284;
}
DIV.tables {margin: 0 2px 2px 2px; background-color: #a6cca4; position: relative;
}
table.tablesback{BACKGROUND-COLOR: #a6cca4; 
}
td.tablestext{padding: 0 0px 0px 0px;
}
td.tablestext div.content a{color: #900284; font-weight: bold; font-size: 10px; text-decoration: none; }
						}
.text:link { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; text-decoration: none; }
.heading2{
	background-color: #85b0f7;
	padding: 0px;}
#leftheading {
width:200px;
font-size: 11px;
background-color: #ffffff;
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
color: #9900ff;
}
#leftheading ul {
list-style: none;
margin: 0;
padding: 0;
}
#leftheadinge li {
margin: 0;
}
#leftheading li a {
display: block;
margin-top: -1px;
padding: 5px 5px 5px 20px;
border-bottom: 1px solid #d6d6d6;
border-top: 1px solid #d6d6d6;
border-left: 1px solid #d6d6d6;
border-right: 1px solid #d6d6d6;
font-size: 11px;
font-weight: normal;
color: #9900ff;
text-decoration: none;
}
* html #leftheading li a {
   height: 100%;
   } 
#leftheading li a:hover, #leftheading li a:active  {
background-color: #ffffff;
font-weight: bold;
color: #3333ff;
text-decoration: none;
}
.tabberlive .tabbertabhide {
 display:none;
}
/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
 height:600px;
 overflow:auto;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:600px;
 overflow:auto;
}
.learnmore {
	background:url(../images/learnmorebtn.png) top left no-repeat;
	width:99px;
	height:30px;
	display:block;
	color:#6fcad7;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	line-height:30px;
	text-align:center;
}
.learnmoreb {
	background:url(../images/learnmorebtnb.png) top left no-repeat;
	width:149px;
	height:30px;
	display:block;
	color:#6fcad7;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	line-height:30px;
	text-align:center;
}
a.learnmoreb:hover {
	background:url(../images/learnmorebtnb.png) bottom left no-repeat;
}
a.learnmore:hover {
	background:url(../images/learnmorebtn.png) bottom left no-repeat;
}
.button {
	float:left;
	margin:10px 0 0 0;
	color:#ffffff !important;
}
.button a {
	color:#ffffff;
}
#arrow1
{
  display: block;
  width: 127px;
  height: 96px;
  background: url(../images/rightarrow.gif) no-repeat 0 0;

}

#arrow1:hover {background-position: 0 -96px;}
#arrow1 span {display: none;}

#arrow2
{
  display: block;
  width: 127px;
  height: 96px;
  background: url(../images/leftarrow.gif) no-repeat 0 0;

}

#arrow2:hover {background-position: 0 -96px;}
#arrow2 span {display: none;}