/* CSS Document */

/*030507*/
/* 9pt/12 = .75em */
/* 10pt/12 = .84em, 1.0em=14pt */


a{
text-decoration:none;
color:#0066CC;
}
a:hover{
text-decoration:none;
color:#f30;
}

/* COLUMNS: Alsett Clearfix, use in column container opening <div> */
.clearfix:after {
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}

/* Fix for IE Mac */
.clearfix {
display: inline-block}

/*IE Holly Hack \*/
	* html .clearfix {
	height: 1%;}
	.clearfix {
	display: block; 
	}
/*End IE Holly Hack*/
.clearfix {
display: block;
}

/* clearfloats: Use between <div>'s as a block spacer */
div.clearfloats {
clear: both;
margin: 0px 0 0 0;
display: inline; /*clears IE's doubling of float margins but also removes the ability to add margin width */
}

/************* table border collapse ***********/
.bordercollapse {
border-collapse: collapse;
border: 0px;
padding: 0px;
margin: 0px;
}

/************* background setup **********
x#background {
background-image: url(../../img/stylecss/background.jpg);
background-repeat: repeat;
background-repeat: no-repeat;
background-repeat: repeat-x;
background-repeat: repeat-y;
}
*/

/************* FONT ***********/
.h1a {
font-size: 1.2em;
font-weight: bold;
text-align: left;
color:#0e3577;
}
.h2a {
font-size: 1.4em;
font-weight: bold;
text-align: left;
color:#095ba6;
padding: 5px 0;
}
.h3a {
font-size: 1.1em;
font-weight: bold;
text-align: left;
color:#0e3577;
padding: 5px 0 1px 0;
}
.h4a {
padding: 14px 0;
}
p {
text-align:left;
}
.big {
text-align: left;
color:#0e3577;
font-size: 1.7em;
margin: 12px 0 8px 0;
}
.small {
font-size: 0.7em;
}
.red {
color: #f00;
padding: 0 2px;
}

/************* TEST ***********/
.test01 {background-color: #fcc}
.test02 {background-color: #cfc;}
.test03 {background-color: #ccf;}
.test04 {border: 1px solid #f00;}
.test05 {border: 1px solid #0f0;}
.test06 {border: 1px solid #00f;}

/************* Vertical Side Menus  ***********/
.headline_a{
background-color: #eeeeee;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
font-size: 1.1em;
line-height: 1.8em;
font-weight: bold;
text-align: left;
padding: 0 0 0 4px;
margin: 10px 0 0 0;
color:#0e3577;
}
.headline_a_index{
background-color: #eeeeee;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
font-size: 1.1em;
line-height: 1.8em;
font-weight: bold;
text-align: left;
padding: 0 0 0 4px;
margin: 0;
color:#0e3577;
}
.headline_b {
border-top:1px solid #cccccc;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background-color: #d8e5f1;
font-size: .9em;
line-height: 1.8em;
font-weight: bold;
text-align: left;
padding: 0 0 0 4px;
margin: 10px 0 0 0;
color:#0e3577;
}
.headline_c{
font-size: 1em;
line-height: 1.4em;
font-weight: bold;
text-align: left;
color:#0e3577;
}
.headline_d{
font-size: 1.1em;
font-weight: bold;
color:#0e3577;
}
<!--vert_cont_a-->
div.vert_cont_a {
font-size: 1em;
}
div.vert_cont_a ul {
xbackground:url(../../img/stylecss/menu_background.gif);
border-top:0px solid #eeeeee;
border-right:0px solid #ccc;
border-bottom:1px solid #eeeeee;
border-left:0px solid #ccc;
xmargin: 12px, 20px, 12px 1.25em;
padding:0;
list-style-type: none;
}
div.vert_cont_a li{
text-align: left;
text-indent: .5em;
border-bottom: 1px dotted #ccc;
vertical-align:middle;
}
div.vert_cont_a li a{
padding:5px 0; /*controls height of each li*/
display: block;
text-decoration: none;
color: #555;
}
div.vert_cont_a li a:hover{
background-color: #f1f1f1;
xbackground:url(../../img/stylecss/menu_background2.gif);
}
/*vert_cont_b*/
div.vert_cont_b {
font-size: .8em;
}
div.vert_cont_b ul{
padding:0px;
list-style-type:none;
}
div.vert_cont_b li{
text-align: left;
text-indent: .5em;
vertical-align:middle;
}
div.vert_cont_b li a{
padding:4px 0; /*controls height of each li*/
display: block;
text-decoration: none;
color: #555;
border-top:1px dotted #f6f6f6;
border-right:1px dotted #f6f6f6;
border-left:1px dotted #f6f6f6;
border-bottom:1px dotted #cccccc;
}
div.vert_cont_b li a:hover{
background-color: #ffffff;
border-top:1px dotted #444444;
border-right:1px dotted #444444;
border-left:1px dotted #444444;
border-bottom:1px dotted #444444;
}
.benefits {
padding: 5px 0 5px 14px;
text-align:left;
text-indent: -14px;
border-bottom: 1px dotted #ccc;
color:#095ba6;
}
.benefits img {
padding: 0 2px;
}
/************* BUTTONS - Rollover ***********/
div.vert_cont_c { /*small rollover buttons*/
margin:8px 0 0 0;
font-size: .8em;
}
div.vert_cont_c ul{
background-color:#efefef;
border-top:0px solid #ccc;
border-right:0px solid #ccc;
border-bottom:1px solid #ccc;
border-left:0px solid #ccc;
padding:0;
list-style-type: none;
}
div.vert_cont_c li{
text-align: left;
text-indent: .5em;
vertical-align:middle;
margin: 0 0 8px 0;
}
div.vert_cont_c li a{
display: block;
text-decoration: none;
color:#000033;
line-height: 1.0em;
padding: 4px 0 0 0;
height: 15px;
background:url(../../img/stylecss/btn_vert_c.gif) no-repeat;
}
div.vert_cont_c li a:hover{
color: #fff;
background-position: 0px -19px;
}
div.vert_cont_d { /*large rollover buttons*/
margin:14px 0 0 0;
font-size: 1.1em;
font-weight:bold;
}
div.vert_cont_d ul{
background-color:#efefef;
border: 0;
padding:0;
list-style-type: none;
}
div.vert_cont_d li{
text-align: left;
text-indent: .5em;
vertical-align:middle;
margin: 0 0 14px 0;
}
div.vert_cont_d li a{
display: block;
text-decoration: none;
color:#000033;
padding: 12px 0 0 25px;
height: 24px;
background:url(../../img/stylecss/btn_vert_d.gif) no-repeat;
}
div.vert_cont_d li a:hover{
color: #fff;
background-position: 0px -38px;
}
.btn_learnmore_cont {/*learnmore button*/
position: relative;
height: 20px;
padding: 0;
margin: -10px 0 10px 0;
}
.btn_learnmore {
position: absolute;
margin: 0 14px 0;
width: 89px;
top: 0;
right: 10px;
}
.btn_learnmore a.roll {
height: 17px;
display: block;
background:url(../../img/stylecss/btn_learnmore.gif) no-repeat;
}
.btn_learnmore a.roll {
background-position: 0px 0px; /*background shift */
}
.btn_learnmore a.roll:hover {
background-position: 0px -17px; /*background shift */
}
/************* MAIN RULES ***********/
.page_top, .page_top_800 {
width: 990px;
margin: 5px auto 0;
background-color:#fff;
border: 0;
}
.page_top_800 {
width: 800px;
}
.page_main_back01, .page_main_back02, .page_main_back_contact {
width: 988px;
margin: 0 auto 0;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color:#fff;
background:url(../../img/stylecss/page_background_main.gif);
}
.page_main_back02 {
background:url(../../img/stylecss/page_background_02.jpg);
}
.page_main_back_contact {
background:url(../../img/stylecss/page_background_contact.jpg);
}
.page_main_back03 {
width: 988px;
margin: 0 auto 0;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color:#fff;
background:url(../../img/stylecss/page_background_main.gif);
background-position: 0 -100px; 
}
.page_main_noback {
width: 988px;
margin: 0 auto 0;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color:#fff;
}
.subback {
border: 1px solid #f00;
height: 100px;
}
.topper, .topper_800{
position: relative;
background-color: #095ba6;
height: 85px;
background: url(../../img/stylecss/topper_background.gif);
}
.topper_800 {
background: url(../../img/stylecss/topper_back_800.gif)
}
.header_login, .header_login_800 {
position: absolute;
top: 5px; /*background graphic compensation*/
right: 238px;
width: 270px;
text-align:right;
}
.header_login_800 {
right: 50px;
}
.header_login img, .header_login_800 img{
margin-top: 2px;
}
a.login_href{
font-size:8.6pt;
font-face:arial, tahoma, verdana;
font-weight:normal;
color:#d1d4ec;
text-decoration:none;
padding: 0 0 2px 0;
border: 0
}
a:visited.login_href{
color:#d1d4ec;
text-decoration:none;
}
a:hover.login_href{
color:#feba2f;
text-decoration:underline;
}
a.login_bold{
color:#fff;
font-size: 10.5pt;
font-weight: bold;
border: 0;
}
a:hover.login_bold {
color:#feba2f;
text-decoration:underline;
}
.header_phone, .header_phone_800 {
position: absolute;
top: 64px; /*background graphic compensation*/
right: 238px;
width: 250px; 
height: 20px;
text-align:right;
}
.header_phone_800 {
right: 50px;
}
.login_whitefont-lg{
font-size:12pt;
font-family:arial, tahoma, verdana, sans-serif;
font-weight:bold;
color:#ffffff;
}
.login_whitefont-sm{
font-size:8pt;
font-family:arial, tahoma, verdana, sans-serif;
font-weight:normal;
color:#ffffff;
}
.inputbox {
background-color:#fff;
xbackground: url(../../img/stylecss/inputbox_bg.gif) no-repeat;
border:1px solid #cccccc;
padding:1px;
font-family:arial, tahoma, verdana;
font-size:9pt;
font-weight:normal;
}
.logo {
position: absolute;
width: 258px;
height: 64px;
top: 16px;
left: 15px;
border: 0px;
padding: 0;
margin: 0;
cursor:pointer;
background: url(../../img/stylecss/liveoffice.gif) no-repeat;
}
.menu_cont {
border-top: 1px solid #fff;
border-bottom: 1px solid #ccc;
margin: 0;
display:run-in;
}
.main {
text-align: center;
}
.cont_left {
float: left;
display: inline;
width: 23%;
padding-right: 6px;
margin: 6px;
}
.cont_right {
float: right;
display: inline;
width: 23%;
padding-left: 6px;
margin: 6px;
border-left: 1px dotted #ccc;
}
.cont_01_index {
float: left;
display: inline;
width: 73%; /*74% OK*/
padding: 0 0 20px 0;
margin: 5px 5px 5px 10px;
}
.cont_01 {
float: left;
display: inline;
width: 73%; /*74% OK*/
padding: 0 0 -17px 6px;
margin: 5px;
}
.leftliner {
border: 1px solid #f00;
}
.cont_02, .cont_02_b, .cont_02_tall{
float: left;
display: inline;
width: 50%;
padding: 5px 20px 20px 20px;
margin: 10px 15px 0 0;
border-left: 1px dotted #ccc;
font-size: 1.1em;
min-height: 475px;
height:auto !important;
height:475px;
}
.cont_02_b {
width: 53%;
padding: 5px 8px 20px 10px;
margin: 10px 8px 0 0;
text-align: left;
}
.cont_02_tall {
min-height: 700px;
height:auto !important;
height:700px;
}
.cont_02 p, .cont_02_b p, .cont_02_tall p{
margin-bottom: 12px;
text-align: left;
}
.cont_02 h1, .cont_02_b h1, .cont_02_tall h1{
margin-bottom : 4px;
}
.cont_02 img, .cont_02_b img, .cont_02_tall img{
margin: 0 auto;
text-align:center;
}
.cont_02  ul, .cont_02_b ul, .cont_02_tall ul{
padding-bottom: 5px;
}
.cont_02  ul li, .cont_02_b ul li, .cont_02_tall ul li{
text-align:left;
margin-left:25px;
line-height:1.6em;
margin-bottom: 8px;
}
.cont_03 {
float: left;
display: inline;
width: 18%;
margin: 4px;
}
.cont_04 {
float: left;
display: inline;
width: 50%;
padding: 5px 20px 0 20px;
margin: 10px 15px 0 0;
border-left: 1px dotted #ccc;
font-size: 1.1em;
min-height: 475px;
height:auto !important;
height:475px;
}
.contact_box {
float: left;
display: inline;
width: 210px;
margin-top: 10px
}
/*************  Livechat Contact Boxes ***********/
.lc_container {
margin: 14px 0 0 0;
}
.lc_chat {
height: 53px;
background:url(../../img/stylecss/chatbox_b1.gif) no-repeat;
}
.activator { /*control position of active bug*/
padding: 7px;
margin: 0 0 0 96px;
}
.lc_phone {
height: 35px;
background:url(../../img/stylecss/chatbox_b2.gif) no-repeat;
}
.lc_email {
height: 30px;
cursor:pointer;
background:url(../../img/stylecss/chatbox_b3.gif) no-repeat;
}
.lc_container_wide {
width: 228px;
margin: 10px auto;
}
.lc_chat_wide {
text-align: left;
height: 42px;
margin: 4px 0;
background:url(../../img/stylecss/chatbox_a1.gif) no-repeat;
}
.activator_wide { /*control position of active bug*/
padding: 2px 0 0 0;
margin: 0; 
}
.contact_cont_sub {
}
.lc_email_wide {
float: left;
display: inline;
}
.lc_phone_wide {
float: left;
display: inline;
}
/************* Footer ***********/
.footer, .footer_800 {
width: 988px;
margin: 0 auto 5px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color:#fff;
}
.footer_800 {
width: 798px;
}
.footer_menu {
background-color: #ccc;
line-height: 1.8em;
text-align: left;
padding: 0 0 0 5px;
font-size: .8em;
color: #000033;
}
.leftfoot {
float:left;
display:inline;
margin-left: 3px;
}
.rightfoot {
float:right;
display:inline;
margin-right: 5%;
}
.footer_special {
font-size: 1.3em;
font-weight: bold;
color:#1e266c;
}
.footer_menu a {
font-size:8.6pt;
color:#1e266c;
text-decoration:none;
color:#1e266c;
text-decoration:none;
}
.footer_menu a:hover {
color:#000;
text-decoration:none;
}
.footer_menu a:visited {
color:#1e266c;
}
.footer_text {
margin: 4px;
text-align: left;
font-size: .9em;
color: #757575;
padding: 4px;
background-color: #fff;
}
.footer_text a {
color: #757575;
text-decoration: underline;
}
.footer_text a:hover {
color: #000;
}

/************* FORMS -- MAIN (Login Below) ***********/
.page_form_back {
width: 798px;
margin: 0 auto 0;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color:#fff;
background:url(../../img/stylecss/back_generic_form.gif) no-repeat;
min-height: 470px;
height:auto !important;
height:470px;
}
.cont_form_left {
float: left;
display: inline;
width: 382px;
padding: 14px 0 30px 0;
margin: 6px 10px 0 25px;
font-size: 1.1em;
min-height: 400px;
text-align:left;
}
.cont_form_left p{
margin: 10px 0;
}
.cont_form_left img{
margin: 0 0 10px 0;
}
.cont_form_right, .cont_form_right02 { /*FORMBOX GENERAL FORMS HERE*/
float: left;
display: inline;
width:360px;
padding: 0 0 0 5px;
margin: 30px 0 0 0;
text-align: left;
}
.cont_form_right02 {
width:300px;
margin: 30px 0 0 50px;
}
.formrow_03 {
margin: 8px 0 8px 0;
line-height: 1.8em;
}
.form_title {
font-size: 1.4em;
font-weight: bold;
padding: 10px 0 15px 15px;
}
.form_fieldname {
width: 100px;
float:left;
display: inline;
font-weight: bold;
text-align: right;
padding: 0;
margin:0 3px 0 0;
}
.form_field {
float:left;
display: inline;
text-align:left;
}
.form_textfield {
float:left;
display: inline;
text-align:left;
}
.form_valid {
text-align: center;
}
.form_linkline a{
font-size: 1.0em;
line-height: 1.2em;
color: #f30;
}
.form_linkline a:hover{
color: #1e266c;
}
.required {
text-align:right;
font-size: .8em;
color:#f30;
margin: 0 22px 0 0;
}
.error {
text-align: center;
border: 2px solid #f00;
line-height: 1.4em;
font-size: 12px;
margin: 6px auto 10px;
padding: 4px;
color:#CC0000;
width : 80%;
}
.form_button_box{
margin: 16px 0 0 0;
text-align:center;
clear: both;
}
.form_button {
display: block;
margin: 5px 0;
}
.client_extra {
text-align: left;
padding: 0 0 0 10px;
margin: 3px 0 0 20px;
line-height: 2.0em;
font-size: 1.2em;
}
.getAccount {
border: 0;
text-align:center;
padding: 0 0 10px 0;
}
/************* Form -- LOGIN ***********/
.page_login_back {
width: 798px;
margin: 0 auto 0;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color:#fff;
xbackground:url(../../img/stylecss/x);
}
.cont_login_left {
float: left;
display: inline;
width: 59%;
padding: 14px 0 30px 0;
margin: 6px 30px 0 20px;
font-size: 1.1em;
min-height: 420px;
height:auto !important;
height:420px;
}
.cont_login_right { /*FORMBOX CLIENT LOGIN HERE*/
float: left;
display: inline;
width: 31%;
padding: 0;
margin: 36px 20px 0 0;
text-align: left;
}
.form_login_top, .form_login_bot {
float: left;
display:inline;
width: 244px;
height:6px;
background:url(../../img/stylecss/form_top.gif) no-repeat;
padding: 0;
margin: 0 auto;
}
.form_login_mid {
float: left;
display:inline;
border-right: 1px solid #bbb;
border-left: 1px solid #bbb;
width: 242px;
background-color: #f6f6f6;
padding: 0 0 10px 0;
margin: 0 auto;
}
.formrow_01 {
margin: 0 3px;
padding: 8px 3px;
text-align: center;
line-height: 1.8em;
border-bottom: 1px solid #d5d5d5;
}
.formrow_02 {
margin: 0 3px;
padding: 8px 0 8px 14px;
text-align: left;
line-height: 1.8em;
border-bottom: 1px solid #d5d5d5;
}
.form_login_fieldname {
width: 80px;
float:left;
display: inline;
font-weight: bold;
text-align: right;
padding: 0 2px 0 0;
margin:0 2px 0 0;
}
.form_login_bot {
background:url(../../img/stylecss/form_bot.gif) no-repeat;
margin: 0 auto 10px;
}
/****************** Advert Banner Includes *******************/
.ad_395_cont {
margin: 10px 0;
}
.ad_395_cont a{
cursor:pointer;
}
.ad_395_demo, .ad_395_sales, .ad_395_osterman {
width: 395px;
height: 53px;
margin: 0 auto;
}
.ad_395_demo {
background: url(../../img/stylecss/ad_395_demo.gif) no-repeat;
}
.ad_395_sales {
background: url(../../img/stylecss/ad_395_sales.gif) no-repeat;
}
.ad_395_osterman {
background: url(../../img/stylecss/ad_395_osterman.gif) no-repeat;
}
/****************** Banners *******************/
.banner_01 {
float: left;
display: block;
width: 615px;
height: 140px;
margin: 1px 0 0;
padding: 0 0 0 0;
background-color: #efefef;
background: url(../../img/stylecss/banner_index_a.jpg) no-repeat;
}
.feature {
float: left;
display: inline;
width: 500px;
text-align:left;
padding: 14px;
}
.feature h1{
font-size: 2.10em;
}
.feature h2{
color:#0e3577;
font-size: 1.4em;
}
.banner_02 {
text-align:left;
float: left;
display: inline;
width:549px;
height: 200px;
margin: 8px 0 0 0;
padding: 0px;
border: 0px solid #ccc;
background-image:url(../../img/stylecss/exchange-left.gif);
border:0px;
}
.banner_02 div.heading_container{
width:400px;
font-size:18pt;
font-weight:bolder;
color:#ffffff;
margin: 6px 0 20px 40px;
}
.banner_02 div.message_container{
width:94%;
height:143px;
text-align:left;
margin:0px 25px 0 6px;
font-size:9pt;
font-weight:normal;
color:#000000;
text-align:left;
vertical-align:middle;
}
.banner_03 {
float: left;
width: 165px;
height: 200px;
margin: 8px 0 0 0;
padding: 0;
border:0px;
}
.banner_newsroom {
background:url(../../img/stylecss/banner-newsroom.jpg);
color:#111111;
width:505px;
height:150px;
padding:0px;
margin:0px;
text-align:left;
}
.banner_exchange { 
background-image:url(../../img/stylecss/exchange-left.gif);
}
.banner_exchange h2 {
font-size: 1.5em;
padding: 5px;
}
.banner_exchange h3 {
font-size: 1.2em;
font-weight: bold;
padding: 5px;
margin: 24px 0 0 70px;
font-style:italic;
}
.banner_exchange h4 {
font-size: .9em;
font-weight: bold;
padding: 5px;
margin: 0 0 0 70px;
}
/****************** Breadcrumb *******************/ 
.breadcrumb {
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px dotted #ccc;
font-face: arial, tahoma, verdana;
font-size: 7.6pt;
font-weight:normal;
background-color: #fff;
margin: 0;
list-style: none;
line-height: 24px;
text-align: left;
padding-left: 10px;
}
.breadcrumb a {
color: #666;
text-decoration: none;
margin: 0;
padding: 0;
}
.breadcrumb a:hover {
color:#f30;
}
a.breadcrumb_current {
color: #f87412;
font-weight:bold;
font-face: arial, tahoma, verdana;
font-size: 7.6pt;
text-decoration: none;
margin: 0;
padding: 0;
}
li.breadcrumb_current {
color: #f87412;
font-weight:bold;
font-face: arial, tahoma, verdana;
font-size: 7.6pt;
text-decoration: none;
margin: 0;
padding: 0;
}
.breadcrumb li {
padding: 1px;
display: inline;
behavior: url(/styles/ieMenu.htc);
}
* html .breadcrumb li a {
xdisplay: inline;
}
.breadcrumb span.breadcrumb_arrows {
font-face: arial, tahoma, verdana;
font-size: 9pt;
font-weight:bold;
color: #1e266c;
}
/************* INDEX SAMPLER ***********/
.index_sampler_cont {
float: left;
display: inline;
width: 615px;
height: 125px; 
padding-left:5px;
text-align:left;
background:url(../../img/stylecss/banner_index_b.jpg) no-repeat;
color: #fff;
}
.index_sampler_box_01, .index_sampler_box_03{
float: left;
display: inline;
width: 225px;
xbackground-color: #039;
xbackground:url(../../img/stylecss/index_sub_01.gif);
padding: 9px;
font-size: 0.95em; 
color:#333333;
}

.index_sampler_box_02{
float: left;
display: inline;
width: 350px;
xbackground-color: #039;
xbackground:url(../../img/stylecss/index_sub_01.gif);
padding: 9px;
font-size: 0.95em; 
color:#333333;
}

.index_sampler_box_02{
xbackground:url(../../img/stylecss/index_sub_02.gif);
}
.index_sampler_box_03{
xbackground:url(../../img/stylecss/index_sub_03.gif);
}
.index_sampler_box_01 h1 a, .index_sampler_box_02 h1 a,.index_sampler_box_03 h1 a{
font-size: 0.95em;
color:#ff9f00;
}
.index_sampler_box_01 h1 a:hover, .index_sampler_box_02 h1 a:hover,.index_sampler_box_03 h1 a:hover{
color:#cff;
}
.learnmore_text a{
float: left;
display: inline;
font-size: 0.7em;
font-weight: bold;
width: 100px;
text-align: right;
margin: 5px 4px 0 0;
line-height: 3em;
color: #ff9f00;
}
.learnmore_text a:hover{
color: #cff;
}
.button_cont {
float: left;
display: inline;
width: 25px;
margin: 2px 0 0 0;
}
.button_01 {
width: 24px;
}
.button_01 a.roll{
display: block;
width: 22px;
height: 22px;
background:url(../../img/stylecss/button_03.gif) no-repeat;
}
.button_01 a.roll:hover{
background-position: 0px -22px;
}
/************* INDEX SUB ***********/
.sub_index_cont {
float: left;
display: inline;
width: 615px;
padding: 0;
margin: 12px 0 0 0;
text-align: left;
}
.sub_index_border {
float: left;
display: inline;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
width: 450px;
padding: 10px 14px;
background-color:#efefef;
background-image:url(../../img/stylecss/index_sub_lg.gif);
}
.sub_index_border h3{
font-size: 1.5em;
color: #1e266c;
margin: 0 0 10px 0;
}
.sub_index_box01 {
float: left;
display: inline;
width: 200px;
font-size: 1.1em;
}
.sub_index_box02 {
float: left;
display: inline;
margin-left: 20px;
}
.sub_index_box02 ul{
margin: 0;
width: 165px;
list-style-type: none;
}
.sub_index_box02 li{
border: 1px solid #ccc;
padding: 7px;
margin: 2px 0;
font-size: 1.4em;
font-weight: bold;
background-color: #fff;
}
.sub_index_box02 li:hover{
background-color: #ddd;
}
.sub_index_box02 li a{
color: #1e266c;
}
.sub_index_box02 li a:hover{
color:#f30;
}
.sub_index_news {
background-color: #fefefe;
float: right;
display: inline;
width: 240px;
margin: 0 0 2px 0;
}
/************* NEWS Scrollbox ***********/
.scroll_container{
text-align: center;
margin: 5px 0 20px 0;
}
.scroll_container_index{
text-align: center;
margin: 5px 0 2px 0;
}
.scroll_box, .scroll_box_index {
width: 100%;
height: 100px;
overflow: auto;
text-align: right;
font-size: 1.0em;
margin: 0 auto;
xbackground-color: #efefef;
}
.scroll_box_index {
height: 185px;
border-bottom:1px dotted #cccccc;
}
.scroll_box h1, .scroll_box_index h1{
font-size: 7.6pt;
font-weight: bold;
color: #000066;
}
.scroll_newstext {
border-bottom: 1px dotted #a3c1d9;
padding: 4px 3px 6px 6px;
}
.scroll_newstext a{
text-decoration: none;
color: #1e266c;
}
.scroll_newstext a:hover{
color:#f30;
}
/************* Press Releases / Newsroom / In The News ***********/
div.even{
width:96%;
background-color:#f1f1f1;
display:block;
border:1px solid #cccccc;
margin:1px 6px 0px 0px;
padding:3px;
text-align:left;
}
div.odd{
width:96%;
background-color:#ffffff;
display:block;
border:1px solid #cccccc;
margin:1px 6px 0px 0px;
padding:3px;
text-align:left;
}
div.odd h1, div.even h1{
font-size: 1em;
color: #000066;
font-weight: bold;
}
div.odd a, div.even a{
text-decoration:none;
color:#0066CC;
}
div.odd a:hover, div.even a:hover{
text-decoration:none;
color:#f30;
}
div.odd h1:hover, div.even h1:hover{
color:#f30;
}
div.recent_title {
overflow:hidden;
height:17px;
}
div.recent_subtext {
overflow:hidden;
height:31px;
}
div.cont_inthenews{
width:100%;
display:block;
border-bottom:1px solid #cccccc;
border-top:0px;
border-right:0px;
border-left:0px;
margin:0px;
padding:3px 0px 3px 0px;
text-align:left;
}
div.inthenews_img{
width:150px;
display:inline;
float:left;
vertical-align:middle;
padding:0px;
margin:20px 0px 0px 0px;
}
div.inthenews_text{
width:338px;
text-align:left;
display:inline;
float:left;
padding:0px 0px 0px 5px;
}
.story_title, .story_footer_title{
font-size: 1.1em;
font-weight: bold;
color:#0e3577;
padding:10px;
padding-top:20px;
padding-right:40px;
padding-bottom:0px;
padding-left:40px;
text-align:left;
}
.story_footer_title {
padding-top:0px;
}
.story_date {
font-size: 8pt;
font-weight: bold;
color:#000000;
padding-top:0px;
padding-right:40px;
padding-bottom:0px;
padding-left:40px;
text-align:left;
}
.story_content {
padding-top:10px;
padding-right:40px;
padding-bottom:20px;
padding-left:40px;
text-align:left;
}
.story_content ul li{
text-align:left;
margin-left:25px;
line-height:1.6em;
}
/************* Pricing  ***********/
.pricing_cont {
}
.pricing_box_l {
float: left;
display: inline;
width: 220px;
padding: 0;
margin: 20px 0 0 15px;
text-align: left;
}
.pricing_box_r {
float: left;
display: inline;
width: 220px;
padding: 0;
margin: 20px 0 0 15px;
text-align: left;
}
.pricing_top, .pricing_bot {
float: left;
display:inline;
width: 220px;
height:6px;
padding: 0;
margin: 0 auto;
background:url(../../img/stylecss/pricing_top.gif) no-repeat;
}
.pricing_mid {
float: left;
display:inline;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: #d2e2ef;
width: 198px;
padding: 0 10px;
margin: 0 auto;
}
.pricing_bot {
background:url(../../img/stylecss/pricing_bot.gif) no-repeat;
margin: 0 auto 10px;
}
.pricing_text {
border: 0; 
padding: 0;
margin: 0;
font-size: 0.9em;
}
.pricing_signup {
width: 190px;
text-align: right;
border: 0; 
padding: 0;
font-size: 0.9em;
margin-bottom: 4px;
color:#0e3577;
}
.pricing_signup a {
color: #f30;
}
.pricing_signup a:hover {
color: #06c;
}
/************* Sitemap Styles  ***********/
.section{
width:480px;
padding:5px;
border:1px solid #cccccc;
background-color:#f1f1f1;
text-align:left;
font-weight:bold;
color:#0e3577;
margin:0px 0px 4px 0px;
}
.section_item{
width:480px;
padding:2px;
background-color:#ffffff;
border:1px solid #ffffff;
text-align:left;
margin:0px 0px 0px 0px;
}
.section_item:hover{
width:480px;
padding:2px;
background-color:#f9f9f9;
border:1px solid #f1f1f1;
text-align:left;
margin:0px 0px 0px 0px;
}
/************* Team Styles  ***********/
.team_container{
width:500px;
padding:0px;
margin-bottom:18px;
}
.team_picture{
float:left;
background-color:#000000;
text-align:left;
margin-right:10px;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
height:100px;
width:100px;
}
.team_content{
display:block;
color:#666666;
float:left;
text-align:left;
width:500px;
border-bottom:1px dotted #cccccc;
padding-bottom:20px;
}
.team_membername{
font-size: 9pt;
font-weight: bold;
color:#0e3577;
}
.team_membertitle{
font-size: 8pt;
font-weight: bold;
color:#444444;
}
/************* General Styles  ***********/
.image_left {
float: left
}
.image_right {
border: 1px solid #ccc;
margin: 4px;
float: right;
}
.line_650 {
border-top:1px solid #f1f1f1;
padding:0px;
margin:0px auto 20px;
width:650px;
}
.line_95p {
float: left;
display: inline;
border-top:1px dotted #ccc;
padding:0px;
margin:10px auto 0px;
width:95%;
}
.contact_container{
text-align: center;
margin: 10px 0 10px 0;
}
ul.list_styleA{
margin: 0 35px 0 25px;
list-style-type:circle;
text-align:left;
}
.list_styleA li{
margin: 0 0 6px 0;
}
ul.list_styleA li ul li {
list-style-type:disc;
}
.box_480_cont {
margin: 10px -10px 0 10px;
text-align: left;
}
.box_480_top, .box_480_bot {
float: left;
display:inline;
width: 480px;
height:10px;
padding: 0;
margin: 0 auto;
background:url(../../img/stylecss/480_gray_top.gif) no-repeat;
}
.box_480_mid {
background:url(../../img/stylecss/480_gray_mid.gif) no-repeat;
}
.box_480_bot {
background:url(../../img/stylecss/480_gray_bot.gif) no-repeat;
margin: 0 auto 10px;
}
.box_480_title {
background-color:#eeeeee;
width: 458px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
font-size: 1.2em;
line-height: 1.8em;
padding: 0 10px;
font-weight: bold;
}
.box_480_content {
background-color: #fff;
width: 438px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
line-height: 2.4em;
padding: 0 20px;
}
.text_480 {
float: left;
display: inline;
width: 310px;
}
.price_480 {
width: 120px;
right: 20px;
display: inline;
float:left;
margin-right: 0;
font-size: 1.2em;
font-weight: bold;
}
.pop_cont {
width: 438px;
margin: 10px auto;
}
.pop_title{
border:1px solid #cccccc;
margin:1px auto;
padding:3px;
width:425px;
background-color:#1e266c;
color:#ffffff;
text-align:center;
}
.pop_title h1{
text-align: center;
color:#fff;
font-size:1.6em;
}
.pop_odd_text{
float:left;
display:inline;
width: 373px;
background-color: #efefef;
font-size: 1.0em;
border: 1px solid #ccc;
margin: 2px 3px;
}
.pop_odd_text h1{
font-size: 1.0em;
font-weight:normal;
}
.pop_even_text{
float:left;
display:inline;
width: 373px;
background-color: #fff;
font-size: 1.0em;
border: 1px solid #ccc;
margin: 2px 3px;
}
.pop_even_text h1{
font-size: 1.0em;
font-weight:normal;
}
.pop_odd_price{
float:left;
display:inline;
width: 50px;
background-color: #efefef;
font-size: 1.0em;
border: 1px solid #ccc;
margin: 2px 3px 2px 0;
}
.pop_even_price{
float:left;
display:inline;
width: 50px;
background-color: #fff;
font-size: 1.0em;
border: 1px solid #ccc;
margin: 2px 3px 2px 0;
}
/************* END  ***********/