/*------------*/
/* Main Style */
/*------------*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#EBEBEB;
	padding: 0px;
	color: #303030;
	width: 100%;
	height: 100%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}


a, a:link, a:active, a:visited {
        color: #0000A8;
        font-family: Verdana, Helvetica, sans-serif;
        text-decoration: none;
}

a:hover {
        color: #A80000;
        text-decoration: underline;
}

a.mainlevel_footer:link, a.mainlevel_footer:visited {
        padding: 1px 10px 2px 10px;
        white-space: nowrap;
        color: #999999;
        font: normal 13px Verdana, Helvetica, sans-serif;
        text-align: left;
        cursor: pointer;
}

a.mainlevel_footer:hover, a.mainlevel_footer:active{
        padding: 1px 10px 2px 10px;
        white-space: nowrap;
        color: #666666;
        background-color: #CDCDCD;
        font: normal 13px Verdana, Helvetica, sans-serif;
        text-align: left;
        cursor: pointer;
        text-decoration: none;
}

.company_footer {
        padding: 1px 3px 2px 10px;
        white-space: nowrap;
        color: #909090;
        font: normal 11px Verdana, Helvetica, sans-serif;
        text-align: right;
}

#PageHeader
{
        position: relative;
        min-height: 100%;
}

* html #PageHeader
{
        height: 100%;
}

#PageFooter
{
        position: relative;
        margin-top: -24px;
}

html {
        height: 100%;
}


dfn {
        font-style: italic;
}

DIV#topmenu {
        padding-bottom: 0px;
        background: url(images/menu_top_bg.png) repeat-x;
        background-color: #FFFFFF;
        color: #383838;
        height: 29px;
}

ol li {
        color: #303030;
}

TD.botmenu {
        padding-top: 4px;
        background: url(images/menu_bottom_bg.png) repeat-x;
        text-align: left;
        height: 23px;
}

ul {
        margin: 0px 0px 10px 30px;
        padding: 0px 0px 0px 0px;
        list-style-image: url(images/limage.gif);
}

.no-image-list {
        margin: 0px 0px 10px 30px;
        padding: 0px 0px 0px 0px;
        list-style-image: url(images/pixel.gif);
}

li {
        margin: 0px 0px 0px 0px;
        padding: 2px 0px 0px 0px;
}

.header_comparison {
        line-height: 100%;
        padding-top: 10px;
}

.top-menu {
        background-color: #C7CFD6;
        background-image: url(images/gradient_item2.gif);
        background-repeat: repeat-x;
        background-position: left top;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-top-color: #808080;
        border-right-color: #808080;
        border-bottom-color: #808080;
        border-left-color: #808080;
        white-space: nowrap;
        padding-right: 5px;
        padding-left: 5px;
}

.top-menu-disabled {
        background-color: #C7CFD6;
        background-image: url(images/gradient_item2-disabled.gif);
        background-repeat: repeat-x;
        background-position: left top;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-style: solid;
        border-top-color: #808080;
        border-bottom-color: #808080;
        border-left-color: #808080;
        border-right-color: #808080;
        white-space: nowrap;
        padding-right: 4px;
        padding-left: 4px;
        color: #707070;
        font-weight: bold;
}

.top-menu2 {
        background-color: #C7CFD6;
        background-image: url(images/gradient_item2b.gif);
        background-repeat: repeat-x;
        background-position: left top;
        white-space: nowrap;
        padding-right: 5px;
        padding-left: 5px;
}

.content {
        font-size: 1.00em;
        padding-right: 5px;
        padding-left: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
        text-indent: 10px;
}

.content2 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.92em;
        text-indent: 10px;
        padding-right: 2px;
        padding-left: 2px;
        color: #404040;
}

.content3 {
        font-size: 1.00em;
        padding-left: 8px;
}

.little_font {
        font-size: 0.83em;
}

.fixed_font {
        font-family: Courier New;
        font-size: 1.00em;
}

.menu-header-1 {
        font-size: 10pt;
        font-weight: bold;
        padding-top: 2px;
        padding-left: 3px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #004881;
        padding-bottom: 2px;
        border-top: 1px solid #A5A5A5;
        border-right: 1px #A5A5A5;
        border-bottom: 1px solid #A5A5A5;
        border-left: 1px #A5A5A5;
        background-color: #C2C2C2;
        background-image: url(images/gradient_item3.gif);
        background-repeat: repeat-x;
        background-position: left top;
}

.menu-header-0 {
        font-size: 10pt;
        font-weight: bold;
        padding-top: 2px;
        padding-left: 3px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #004881;
        padding-bottom: 2px;
        border-top: 1px #A5A5A5;
        border-right: 1px #A5A5A5;
        border-bottom: 1px solid #A5A5A5;
        border-left: 1px #A5A5A5;
        background-color: #C2C2C2;
        background-image: url(images/gradient_item3.gif);
        background-repeat: repeat-x;
        background-position: left top;
}

td.menu-data-1 {
        padding-bottom: 10px;
}

p {
        margin-bottom: 0.5em;
        margin-top: 0;
}

.Main {
        border: 0px #304790;
        background-color: #FFFFFF;
}

.Title {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 1.17em;
        font-weight: bold;
        color: #004878;
        padding-bottom: 2px;
        padding-top: 2px;
        padding-left: 4px;
        border: 1px solid #909090;
        background-image: url(images/gradient_item4.gif);
        background-repeat: repeat-x;
        background-position: left top;
        background-color: #D9D9D9;
}

.Title2 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 1.17em;
        font-weight: bold;
        color: #004878;
        padding-bottom: 2px;
        padding-top: 2px;
        padding-left: 4px;
        border: 1px solid #909090;
        background-image: url(images/gradient_item4.gif);
        background-repeat: repeat-x;
        background-position: left top;
        background-color: #D9D9D9;
}

.Title3 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 1.08em;
        font-weight: bold;
        color: #004878;
        padding-bottom: 2px;
        padding-top: 2px;
        padding-left: 4px;
        border: 1px solid #909090;
        background-image: url(images/gradient_item5.gif);
        background-repeat: repeat-x;
        background-position: left top;
        background-color: #D9D9D9;
}

.Title4 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 1.08em;
        font-weight: bold;
        color: #586174;
        border-top: 1px #707070;
        border-right: 1px #707070;
        border-bottom: 1px solid #707070;
        border-left: 1px #707070;
        padding-bottom: 2px;
        padding-top: 2px;
        padding-left: 2px;
        padding-right: 7px;
}

.Block {
        padding-top: 0px;
        padding-right: 10px;
}

.image_right {
        margin-right: 2px;
}

.Separator {
        font-weight: bold;
        padding-right: 4px;
        padding-left: 4px;
}

.top-line {
        font-weight: bold;
        background-color: #26469B;
}

.copyright {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.83em;
        color: #000000;
        text-align: center;
        padding-top: 8px;
}

.top_main {
        background-image: url(images/top.gif);
        background-repeat: repeat-x;
        background-position: left top;
}

.bottom_main {
        background-image: url(images/bottom.gif);
        background-repeat: repeat-x;
        background-position: left top;
}

.left_main {
        background-image: url(images/left.gif);
        background-repeat: repeat-y;
        background-position: left top;
}

.right_main {
        background-image: url(images/right.gif);
        background-repeat: repeat-y;
        background-position: left top;
}

.SeparatorChar {
        color: #000000;
}

.corner {
        background-color: #C3C3C3;
}

.Title_icon {
        border: 1px solid #808080;
        border-top-width: 1px;
        border-right-width: 0px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #808080;
        border-right-color: #808080;
        border-bottom-color: #808080;
        border-left-color: #808080;
}

.loading {
        background-image: url(images/loading.gif);
        background-position: center center;
        background-repeat: no-repeat;
}

.alignCenter {
        text-align: center;
}

.bodyTable {
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: 100%;
}

.headerTable {
        background: url(images/vradient.png) repeat-x;
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: 100%;
}

.borderBox1_middle {
        background-color: #FFFFFF;
        height: 70px;
}

.borderBox3_middle_content {
        padding: 6px 0px 6px 0px;
        background-color: #FFFFFF;
        vertical-align: top;
}

.componentheading {
        padding: 0px 0px 0px 2px;
        margin: 2px 0px 3px 0px;
        background-position: left center;
        color: #0783D5;
        background-repeat: no-repeat;
        font-weight: bold;
        font-size: 1.17em;
}

.content_table {
        margin: 0px;
        width: 100%;
        vertical-align: top;
}

.userquotes {
        width: 160px;
        color: #404040;
        text-align: justify;
        vertical-align: top;
        font: normal 11px Verdana, Helvetica, sans-serif;
}

.contentRightMargin td{
        background-color: #FFFFFF;
        color: #000000;
        font: normal 13px Verdana, Helvetica, sans-serif;
        text-align: left;
        vertical-align: top;
}

.contentTable {
        background-color: #FFFFFF;
        color: #000000;
        font: normal 13px Verdana, Helvetica, sans-serif;
        text-align: left;
        vertical-align: top;
        margin: 1px 10px 0px 10px;
}

.intertitle {
        color: #606060;
        font-weight: bold;
}

.line_grey_fade_bg {
        margin-right: 15px;
        margin-left: 15px;
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
        background-color: #CACACA;
}

.loginTable {
        padding: 17px 15px 0px 0px;
        font: normal 13px Verdana, Helvetica, sans-serif;
        text-align: right;
}

.menutitle {
        padding-top: 1px;
        margin: 1px 0px 3px 0px;
        width: 160px;
        color: #0783D5;
        font: normal 14px Verdana, Helvetica, sans-serif;
        font-weight: bold;
}

.ItemLink a{
        display: block;
        color: #000000;
        white-space: nowrap;
        font-size: 1.00em;
        padding-left: 5px;
        padding-top: 3px;
        padding-bottom: 3px;
        margin-right: 1px;
        margin-left: 6px;
        font-weight: normal;
}

.ItemLink a:visited{
        color: #000000;
        white-space: nowrap;
}

.ItemLink a:hover{
        white-space: nowrap;
        background: url(images/item_menu_line2.png) repeat-x;
        color: #000000;
        text-decoration: none;
}

#menu_left {
        font-family: Verdana, Helvetica, sans-serif;
        float: left;
        line-height: 23px;
        padding: 0px 25px;
        text-decoration: none;
        font-size: 0.92em;
        font-weight: bold;
        color: #383838;
        background: url(images/menu_top_line.png) no-repeat;
}

#mtm_menu a {
        font-family: Verdana, Helvetica, sans-serif;
        float: left;
        line-height: 23px;
        padding: 0px 25px;
        text-decoration: none;
        font-size: 0.92em;
        font-weight: bold;
        color: #383838;
        border-right: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
        margin-left: -1px;
        background: url(images/menu_top_line.png) no-repeat;
}

    
#mtm_menu a:hover {
        color: #1030FF;
        background: url(images/menu_top_button.png) no-repeat;
}

#mtm_menu span.active a {
        display: inline;
        background: url(images/menu_top_button.png) no-repeat;
        background-color: #C0C0C0;
        color: #000000;
}

#mtm_menu span.active a:hover {
        color: #1030FF;
}

.TabMenu td{
        background: url(images/corner_middle_left2.gif) no-repeat;
        background-color: #F5F5F5;
        border-right: 1px solid #919191;
}

.MainMenu td{
        font: bold 11px Verdana, Helvetica, sans-serif;
        color: #000000;
}

.contentLeftMargin {
        padding-top: 5px;
}


.cell, .cell1 {
        border: 1px solid #C0C0C0;
        padding: 5px;
        background-color: #EAEAEA;
}

/*-----------------*/
/* TransMenu Style */
/*-----------------*/
/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
        position: absolute;
        overflow: hidden;
        left: -1000px;
        top: -1000px;
}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .menu_content {
        position: absolute;
}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
        position: relative;
        left: 0px;
        top: 0px;
        z-index: 2;
        width: 154px;
        border: 1px solid #919191;
        background: url(images/leftmenu_line.gif) repeat-y;
}

.transMenu.top .items {
}

.price {
        font-size: 14px;
        font-family: Tahoma, Verdana, Helvetica, sans-serif;
}

/* each TR.item is one menu item */
.transMenu .item {
        color: #000000;
        font-size: 11px;
        font-family: Verdana, Helvetica, sans-serif;
        text-decoration: none;
        display: block; /* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
        border: none;
        cursor: pointer;
}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
        color: #000000;
        background: url(images/item_menu_line.png) no-repeat;
}

        
.transMenu .item.hover td {
}

        
/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
        margin-left: 10px;
}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 1;
}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
        position: absolute;
        z-index: 3;
        top: 3px;
        width: 2px;
}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
        position: absolute;
        z-index: 1;
        left: 3px;
        height: 2px;
}

.center_table {
		width:90%
}