html 			{margin: 0px; background-image:url(images/background.jpg); background-repeat: repeat-x;}
body 			{margin: 0px; padding:0px;} 

/*background:#0D214F; background-image:none;} */

#main			{min-width:990px; max-width:990px; vertical-align:top; margin-left:auto; margin-right:auto; position:relative;}

#outer_wrapper	{}
td 				{font-size:9pt; 	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}
tbody 			{font-size:9pt; 	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}
table 			{font-size:9pt; 	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}
body 			{font-size:9pt; 	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}

a:link 			{color: #000000;	text-decoration:underline;}
a:visited 		{color: #000000;	text-decoration:underline;}
a:hover 		{color: #555555; 	text-decoration:underline;}
a:active 		{color: #000000;	text-decoration:underline;}
a:focus 		{color: #333333;	text-decoration:underline;}

h6				{color:#000000; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left; padding:0px; margin:0px;}
h5				{color:#000000; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left; padding:0px; margin:0px;}
h4				{color:#000000; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left; padding:0px; margin:0px;}
h3 				{color:#000000; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left; padding:5px; margin:0px;}
h2 				{color:#000000; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left; padding:0px; margin:0px;}
h1 				{color:#000000; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left; padding:0px; margin:0px;} 

p				{margin:0px;}

.pageheading
{
	color: #000000;
	font-size: 18px;
	font-family: "Trebuchet MS", Arial, Tahoma;
	font-style: normal;
	font-weight: normal;
}

.contentbody
{
	color:#1B3551; 
	font-size:12px;
	margin-left:10px; 
	margin-right:10px; 
	margin-top:20px;
}

.bottomlinks				{color: #000000/*C3DDFE*/; text-align:center;}
 .bottomlinks a:link 		{color: #000000/*c3ddfe*/;	text-decoration:underline;}
 .bottomlinks a:visited	{color: #000000/*c3ddfe*/;	text-decoration:underline;}
 .bottomlinks a:hover		{color: #555555/*ffffff*/; 	text-decoration:underline;}
 .bottomlinks a:active		{color: #000000/*ffffff*/;	text-decoration:underline;}
 .bottomlinks a:focus		{color: #333333/*ffffff*/;	text-decoration:underline;}

.style122 {
	background-color: #000000/*637A9A*/; 
}

.style123 {
	background-color: #FFFFFF/*CBD1DD*/;
}

.centertext {
	text-align: center;
}

.lefttext {
	text-align: left;
}

.mainhead1 {
	color: #000066;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}

.mainhead2 {
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}

.producthead1 {
	color: #000066;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}

.producthead2 {
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}

.supporttable {
	width: 100%;
	border-width: 0; 
	border-color:808080;
}

.supportcell {
	width: 50%;
	valign: top;
	border-width: 1px;
	border-style: solid;
/*	background-color: #E4E4E4; */
	text-align: left;
}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#000000;
	font-weight:normal;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #C0C0C0; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top: 0px; 
    left:-300px;
	padding: 15px 0 0 0;
	width: 400px;
	color: #000000;
    text-align: left;
    font-size: x-small;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(./images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(./images/bubble_filler.gif) repeat bottom;
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(./images/bubble.gif) no-repeat bottom;
}

/*---------- square button - blue -----------*/

a.squarebuttonblue{
background: transparent url('./images/square-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 20px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebuttonblue, a:visited.squarebuttonblue, a:active.squarebuttonblue{
color: #494949; /*button text color*/
}

a.squarebuttonblue span{
background: transparent url('./images/square-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebuttonblue:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebuttonblue:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

/*---------- square button - green -----------*/

a.squarebuttongreen{
background: transparent url('./images/square-green-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 20px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebuttongreen, a:visited.squarebuttongreen, a:active.squarebuttongreen{
color: #494949; /*button text color*/
}

a.squarebuttongreen span{
background: transparent url('./images/square-green-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebuttongreen:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebuttongreen:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

/*---------- square button - green - big -----------*/

a.squarebuttongreenbig{
background: transparent url('./images/square-greenbig-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 16px Arial; /* Change 12px as desired */
line-height: 32px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 40px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebuttongreenbig, a:visited.squarebuttongreenbig, a:active.squarebuttongreenbig{
color: #494949; /*button text color*/
}

a.squarebuttongreenbig span{
background: transparent url('./images/square-greenbig-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebuttongreenbig:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebuttongreenbig:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden;
width: 100%;
}


/*---------- indent menu -----------*/
.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #564c66; /*dark purple border*/
border-width: 1px 0;
background: black url(./images/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(./images/indentbg2.gif) center center repeat-x;
}


/*---------- slidedoor menu -----------*/
.slidedoormenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 100px; /* width of menu (don't forget to add border with below!) */
border-left: none; /*3px solid #5A447B; *//* left border of menu */

}

.slidedoormenu li{
border-bottom: 1px solid #885b5c; /* Gray border beneath each menu item */
}

.slidedoormenu li a{
background: white url(./images/vstrip.gif) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */
font: 10px Verdana;
display: block;
color: white;
width: auto;
border-bottom: 1px solid white; /* White border beneath each menu item link, to add depth */
padding: 7px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active{
color: white;
}

.slidedoormenu li a:hover{
background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: white;
}

.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.slidedoormenu li.lastitem a{
padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}

<!--[if IE]>
.slidedoormenu li a{ /* Menu link width value for IE */
width: 100%;
}
<![endif]-->