html, body { margin:0px; font: 12px Arial, Helvetica, sans-serif; color:#333333; padding:0;line-height: 1.5em; background-color:#fff;) repeat-x #83adcf}
A.ccw
{
color: Blue;
font-size: 11px;
font-weight: none;
}
.ccw
{
color:#005dba;
font-size: 11px;
font-weight: Normal;
}
.ccwHeader
{
color: #4f0ea8;
font-size: 11px;
font-weight: Bold;
}
LI.ccw
{
list-style-type: disc
}
#maincontainer-big{min-width:1003px; margin: 0 auto; margin-top:48px}
#maincontainer{width: 990px; margin:0px auto; }
#maincontainer-insurance{width: 900px; margin:0px auto; }
h1 {font-size:15px; color:#faa000;}
h2 {font-size:15px; color:#004DB2; }
h4 {font-size:12px; color:#faa000; margin:0px}
blockquote { margin:0px 0px 0px 19px}
h1.ar {font-size:15px; color:#ff6600; font-family:arial}
h1.orange {font-size:21px; color:#ff6600; font:Arial, Helvetica, sans-serif; margin:0px}
h1.blue {font-size:21px; color:#004db2; font:Arial, Helvetica, sans-serif}
span.blue {font-size:21px; color:#004DB2; font:Arial, Helvetica, sans-serif}
span.XX {font-size:30px; font:Arial, Helvetica, sans-serif}
a { text-decoration:none; color:#004DB2}
a:hover{color:#ff6600}
.page-title {height:28px; border-bottom:1px solid #ff6600; margin:10px 0px 10px 0px; background:url(../images/bullet_title.png) no-repeat; padding-left:30px; line-height:25px; color:#ff6600; font-size:18px; font-weight:bold; }
.top-head-nav {height:22px; width:100%; background:url(../images/top_grad.png) repeat-x;}
.top-head-nav div.sublinks {height:22px; width:971px; margin:0 auto; font-size:10px; font-weight:bold; color:#006699}
.logo-head { background:url(../images/n9_header_bg.png) repeat-x #FFF; height:93px; padding-top:0px}
.insurance-logo-head { background: #FFF; padding-top:0px}
.logo-head div.contact {float:right; height:89px; margin:0px 0px 0px 0px; width:390px; background: url(../images/phone-number2.png) right no-repeat}
.chat-box {float:right; height:89px; margin:0px; width:364px; background: url(../images/n9_header_sml_bg.png) no-repeat}
.main-banner {border-bottom:2px solid #e5e5e5; height:219px; width:971px; background-color:#FFFFFF; }
.main-banner div.maintext{overflow:hidden; margin:0px 0px 0px 0px}
.main-banner div.download-but, .main-small-banner div.maintext {margin:8px 0px 0px 130px; width:240px}
.main-small-banner {border-top:2px solid #157ab7; border-bottom:2px solid #e5e5e5; height:150px; width:971px; background-color:#FFFFFF; }
.main-text-body {width:710px; float:left; background:#FFFFFF; padding:10px 15px 10px 15px}
.main-text-body-insurance {width:870px; float:left; background:#FFFFFF; padding:10px 15px 10px 15px}
.testimonial {float:right; width:auto; padding:4px}
.body-link-bg {background:url(../images/n9_body_link_bg.png); width:712px; height:124px}
.body-container {background-color:#fff; position:relative; background-position: inherit; width:990px; margin:0px auto 0px auto; overflow:hidden; clear:both; height:100%; margin-top:80px;} /* background-image:url(../images/text_bg.png); background-repeat:no-repeat; */
.body-container-home {background-color:#ffffff; width:971px; margin:0px; overflow:hidden;}
.left-nav {width:200px; float:left; }
.right-nav {width:260px; float:right; background-color:#ffffff;}
.right-nav div.box-curvetop, .left-nav div.box-curvetop {background:url(../images/right_curve_top.png) no-repeat; margin:19px 0px 0px 12px; width:236px; height:5px; overflow:hidden}
.right-nav div.box-body, .left-nav div.box-body {border-left:1px solid #d7d7d7; width:234px; overflow:hidden; margin:0px 0px 0px 12px; border-right:1px solid #d7d7d7; background-color:#f7f7f7}
.right-nav p.subtitle1, .left-nav p.subtitle1{ font-weight:bold; color:#004DB2}
.right-nav div.box-curvebottom, .left-nav div.box-curvebottom {background:url(../images/right_curve_bottom.png) no-repeat; margin:0px 0px 10px 12px; width:236px; height:8px}
.right-nav div.box-body h1,.left-nav div.box-body h1, .main-box h1 {margin:10px 0px 5px 15px}
.right-nav div.box-body span.bullet, .left-nav div.box-body span.bullet {color:#ff6600; font-size:16px; font-weight:bold}
.right-nav div.box-body h1.login, .left-nav div.box-body h1.login { margin:2px 0px 8px 2px }
.right-nav div.box-body ul, .left-nav div.box-body ul {margin-top:0px; font-weight:bold}
.right-nav div.box-body p, .left-nav div.box-body p, .main-box p, .main-box-full p {margin:0px 10px 8px 15px; text-align:justify; line-height:18px}
.right-nav div.box-body span,.left-nav div.box-body span, .main-box div.box1 p span{color:#006699; font-weight:bold}
.main-box-right {width:720px; float:right; margin:0 10px 0 10px}
.main-box {width:730px; margin:0 30px 0 10px}
.main-box-full {width:950px; margin:0 auto}
.main-box-full div.img-center {margin:0 auto; width:600px; padding:8px}
.main-box h2, .main-box-full h2, .main-box-right h2 {margin:10px 0px 5px 15px}
.main-box div.intro {width:708px; border-bottom:1px solid #CCCCCC}
.main-box-full p.subtitle1, .main-box p.subtitle1, .main-box-right p.subtitle1{ font-weight:bold; color:#004DB2}
.main-box div.box1,.main-box div.box2, .main-box div.box3 {width:233px;}
.main-box div.box1 {float:left; border-right:1px solid #cccccc }
.main-box div.box2 {margin-left:234px; }
.main-box div.box3 {float:right; border-left:1px solid #cccccc}
.main-box a, p.subtitle1 a { line-height:14px; text-decoration:underline}
.main-box .date, .main-box-full .date, .right-nav div.box-body span.date { color:#FF3300; font-size:10px; font-weight:bold; }
.main-box-right div.orangesml {color:#FF3300; font-size:12px; font-weight:bold}
.main-box div.box1,.main-box div.box2, .main-box div.box3 {width:233px;}
.main-box-right div.box1 {float:left; }
.main-box-right div.box2 {margin-left:256px; }
.main-box-right div.box3 {float:right; }
.main-box-right div.box1, .main-box-right div.box2, .main-box-right div.box3 {width:250px;}
#footer {margin:0 auto; height:40px; color:#000000; line-height:15px; width:990px; background:url(../images/n9_footer_bg.png) no-repeat top; font-weight:bold; font-size:11px}
#footer a {color:#454545}
#footer a:hover { color:#ffffff}
.pic-boss {float:left; margin:5px 15px 10px 15px; border:2px solid #999999}
.subtitle {font-weight:bolder;}
.bluebold {color:#005dba; font-weight:bold}
.redbold {color:#ffa300;}
.bluebold a { text-decoration:none}
.bluebold p{ margin-left:15px}
p.subtitle1{ font-size:16px; font-weight:bold; color:#004DB2;}
#details { font-weight:bold; font-size:14px}
#details a {color:#333333;}
#details a:visited {color:#333333;}
td.blk-bold { font-size:11px; font-weight:bold}
.box { font-size: 11px; background-color: #FFFFFF; border:1px solid ;border-color: #999999 #aab3b3 #d5dddd #aab3b3; padding: 1px;}
.box:hover {background-color: #ffffff; border:1px solid #86eaa5}
.alert{ font-size:11px; color:#FF6600; font-weight:bold }
.orangesml2{ font-size:10px; color:#f79e00; font-family: Arial, Helvetica, sans-serif}
table.form td {padding-left:15px;}
.blue-nor {color:#004db2; margin:0px}
.blue-sml {color:#004db2; margin:0px; font-size:15px; font-weight:normal }
.tagline { margin: 15px 0px 10px 20px; font-family: 'Trebuchet MS'; width:720px}
.page-title2 {
background-color:#eee;
padding-left:20px
}
.invalid {
font-size:10px;
color:#FF3300;
font-style:italic;
}
.submenu {
font-weight:normal;
margin:5px 0px 0px 0px;
font-size:15px;
float:left;
text-align:left;
}
.submenu ul {
margin:2px 0px 0px 0px;
color:#0033CC;
padding:0px 0px 0px 18px
}
.submenu ul li a { text-decoration:underline; font-family:"Book Antiqua";
}
.sbld { font-weight:bold}
.sbld a{text-decoration:none}
p {
font-family: Arial, Helvetica, sans-serif;
}
#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}
#nav-menu li
{
float: left;
margin: 0 0.05em;
}
#nav-menu li a
{
background: url(../images/background.gif) #fff bottom left repeat-x;
height: 1.5em;
line-height: 1.4em;
float: left;
padding:0 3px 0 3px;
width: 6.3em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
}
#nav-menu li a:hover
{
color:#FF6600;
}
/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */
#nav-menu
{
width:30em
}
/*=====================main box-girl======================*/
.g-box {
width:988px;
margin:0 auto;
}
.g-box p.top {
background:url(../images/n9_main_curveA.png);
margin:0px;
height:8px
}
.g-box p.bottom {
background:url(../images/n9_main_curveB.png);
margin:0px;
height:7px
}
.g-box div.main {
background: url(../images/n9_main_girl.jpg) no-repeat;
height:256px;
}
.insurance-main {
background: url(../images/insurance-main-image.jpg) no-repeat center;
width:892px;
height:283px;
margin:0 auto;
border-top:1px solid #f6b801;
border-bottom:8px solid #ff7400;
}
.g-box div.green {
float:right;
margin:2px 3px 3px 2px;
width:207px;
height:258px;
background:url(../images/obelyx_green.jpg)
}
.g-box div.create {
float:right;
margin:2px 3px 3px 2px;
width:207px;
height:258px;
}
.g-box div.green div.green-but {
margin:195px 0px 0px 12px;
width:auto;
}
.g-box div.text-top {
float:right;
width:450px;
margin:0 0 0px 0
}
.right-box {
width:235px;
float:right;
background:#ffffff;
border-left:1px solid #f6d268;
padding:6px 0px 6px 6px;
clear:both;
overflow:hidden;
margin-top:6px;
top:0;
min-height: 700px;
bottom:0;
}
.left-box {
width:207px;
float:left;
background:url(../images/right_bg.png) repeat-y;
padding:6px;
clear:both;
overflow:hidden;
min-height:820px;
}
.blue-box {
background:#d2dce7;
width:229px;
margin:8px 0 0 0px;
}
.blue-box p.top {
background:url(../images/n9_sky_blue_curve1.png) no-repeat;
margin:0px;
height:8px;
}
.blue-box p.bottom {
background:url(../images/n9_sky_blue_curve2.png) no-repeat bottom;
margin:0px;
height:8px;
}
.red-box {
background:#fffcd0;
width:229px;
margin:8px 0 0 0px;
}
.red-box p.top {
background:url(../images/n9_red_curve1.png) no-repeat;
margin:0px;
height:8px;
}
.red-box p.bottom {
background:url(../images/n9_red_curve2.png) no-repeat bottom;
margin:0px;
height:5px;
}
.down-arrow {
background:url(../images/down_arrow) left no-repeat;
padding-left:12px
}
.solve {
margin:0px
}
.solve ul {
list-style:none outside none;
font-size:11px;
font-weight:bold;
margin:5px 0 0 0;
}
.solve ul li {
margin:0 7px 0 -23px;
padding:0 5px 4px 0;
border-bottom:1px solid #FFF;
}
.solve ul li a {
color: #333;
}
.solve ul li a:hover {
color: #ff6600;
}
.solve ul li.end {
margin:0 7px 0 -23px;
padding-bottom:10px;
border-bottom:none;
}
.news {
font-size:12px;
line-height:normal;
padding:7px;
}
.news span {
color:#FF9900
}
.feature-box {
background:#f8f8f8 url(../images/gray_bg.png) repeat-y;
width:720px;
margin-top:15px;
}
.feature-box p.top {
background: url(../images/gray_curve_bigA.png) no-repeat;
margin:0px;
height:8px;
}
.feature-box p.bottom {
background:url(../images/gray_curve_bigB.png) no-repeat bottom;
margin:0px;
height:8px
}
.feature-box h1 {
margin:0px 0px 0px 15px;
width:95%;
background:#FFFFFF;
padding:4px;
color:#0066CC;
font-weight:bold;
font-size:22px;
}
.feature-box ul {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
}
/*===============================white button=======================*/
.btn {
float: left;
clear: both;
background: url(../images/n9_btn_left.png) no-repeat;
padding: 0 0 0 10px;
margin:0;
}
.btn a{
float: left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
height: 30px;
background: url(../images/n9_btn_stretch.png) repeat-x left top;
line-height: 24px;
padding: 0 10px;
color: #1065be;
font-size: 1em;
text-decoration: none;
width:140px;
}
.btn span {
background: url(../images/n9_btn_right.png) no-repeat;
float: left;
width: 10px;
height: 30px;
}
/*===================================*/
main-box table.graybox {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
border-left:1px solid #999999;
border-top:1px solid #999999;
}
.main-box table.graybox td.title {
font-weight:bold;
border-right:1px solid #999999;
color:#FFFFFF;
background:#4883E9;
font-size:14px;
}
.main-box table.graybox td {
border-bottom:1px solid #999999;
border-right:1px solid #999999;
background:#EAEAEA;
font-size:11px;
font-weight:bold;
}
table.graybox2 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
border-left:1px solid #e7e7e7;
border-top:1px solid #e7e7e7;
}
table.graybox2 td {
border-bottom:1px solid #e7e7e7;
border-right:1px solid #e7e7e7;
background:#fff;
}
.imgbox{
border:1px solid #999999;
background:#EAEAEA;
font-size:11px;
font-weight:bold;
}
.imgbox2{
font-size:11px;
padding:7px;
float:right;
}
.bgdots1 {
background:url(../images/dots.png) no-repeat right;
height:117px;
}
.bgdots2 {
background:url(../images/hor-dots.png) no-repeat bottom;
}
/* header navigation */
.NavStretch {
}
.HeaderNav {
height:37px;
position:relative;
margin:0 auto;
}
.HeaderNav li {
font-weight:bold;
font-size:12px;
}
.HeaderNav ul.UtilityNavigation, .HeaderNav ul.Navigation {
margin:0;
padding:0;
list-style:none;
position:absolute;
white-space:nowrap;
}
.HeaderNav ul.Navigation {
left:0;
}
.HeaderNav ul.Navigation li {
float:left;
margin:0px 0;
height:25px;
}
.HeaderNav ul.Navigation li.searchBoxInner {
margin:5px;
padding-right:22px;
}
.HeaderNav ul.Navigation li a {
color:#fff;
text-decoration:none;
white-space:nowrap
}
.HeaderNav ul.Navigation li a {
padding:0 24px;
width:auto;
line-height:20px;
margin:0px;
display:block;
vertical-align:middle;
height:25px;
padding-top:6px;
font-size:1em;
border-right:1px solid #fff;
}
.HeaderNav ul.Navigation li a:hover, .HeaderNav ul.Navigation li a.CurPage {
background: url(blue-hover-grad.png) repeat-x;
color:#FFF;
cursor:hand;
}
* html .HeaderNav ul.Navigation li a {
width:25px;
}
.HeaderNav ul.Navigation li.NavLeft {
width:9px;
height:27px;
}
/* utility navigation */
.HeaderNav ul.UtilityNavigation {
right:0;
}
.HeaderNav ul.UtilityNavigation li {
float:left;
}
.HeaderNav ul.UtilityNavigation li a {
color:#005399;
padding:0 12px 0 9px;
width:auto;
line-height:30px;
text-decoration:none;
}
.HeaderNav ul.UtilityNavigation li a:hover {
color:#ff6600;
background: url(../spacer2.gif)
}
.HeaderNav ul.UtilityNavigation li.name a {
color:#ff6600;
}
/* ie6 navigation (11px Arial)
========================================= */
* html .HeaderNav ul.Navigation li a {
padding:0 4px 0 5px;
}
* html .HeaderNav ul.UtilityNavigation li a {
padding:0 12px 0 7px;
}
div#Header2 {
min-width:970px;
width:auto;
}
* html div#Header2 {
width: expression(document.documentElement.clientWidth < 970? "970px": "auto" );
}
/*.HeaderNav li a.CurPage
{color:#ffffff; background-image: url(../blue_grad7.gif);}
.HeaderNav ul.Navigation li a.CurPage
{color:#ffffff; background: url(../blue_grad7.gif);}
#pmenu a ul{position:relative; display:none;}*/
.HeaderNav ul.Navigation li a.HlPage {
color:#ffffff;
background:#ffb400;
margin:0 8px 0 3px
}
.HeaderNav ul.Navigation li a.HlPage:hover {
color:#000000;
}
/*=========================Navigation==================================*/
.searchBox {
background: url(search-box.png) no-repeat;
border:none;
line-height:5px;
height:22px;
width:123px;
margin-top:5px;
padding:0px 14px 0px 22px;
}
.applemenu {
margin: 0px 0 15px 0;
padding: 0;
width: 521px; /*width of menu*/
}
.silverheader {
height:21px;
}
.applemenu div.silverheader a {
background: url(silvergradient.png) repeat-x center left;
color: #005dba;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0 5px 8px;
text-decoration: none;
}
.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active {
color: #005dba;
}
.applemenu div.selected a, .applemenu div.silverheader a:hover {
background-image: url(silvergradient.png);
color:#005dba;
}
.applemenu div.submenu { /*DIV that contains each sub menu*/
background: white;
padding: 5px;
height: 57px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}
.applemenu div.submenu a {
color:#f26722;
line-height:20px;
}
.blue-box {
margin-bottom:12px;
height:auto;
width:240px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius: 5px;
border:1px solid #C8F0F7;
background-color:#E8F8FF;
}
.blue-box div.top {
background:url(submenu-bg-top.png) no-repeat;
width:240px;
height:8px;
margin:auto;
padding-bottom:5px;
}
.blue-box p.top {
background:url(n9_sky_blue_curve1.png) no-repeat;
margin:0px;
height:8px;
}
.blue-box p.bottom {
background:url(n9_sky_blue_curve2.png) no-repeat bottom;
margin:0px;
height:8px;
}
h1.o-title {
margin:12px 15px 8px 5px;
padding-left:10px;
font-size:21px;
color:#F26722;
font-weight:normal
}
.btn {
float: left;
clear: both;
padding: 0 0 0 8px;
margin:0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border:1px solid #C8F0F7;
background-color:#ffffff;
}
.btn a {
float: left;
font-weight:bold;
height: 28px;
line-height: 30px;
padding: 0 10px;
color: #1065be;
font-size: .8em;
text-decoration: none;
width:150px;
}
.btn a:hover {
color:#004DB2;
}
.btn span {
float: left;
width: 10px;
height: 28px;
}
.btn:hover, .sidebar {
background:#C8F0F7;
color:#FFF;
border:1px solid #1065be;
}
.main-box {
width:718px;
margin:0 18px 0 10px;
border-right:1px solid #bfe6f7;
}
.main-box-full {
width:950px;
margin:0 auto
}
.main-box-full div.img-center {
margin:0 auto;
width:600px;
padding:8px
}
.main-box h2, .main-box-full h2, .main-box-right h2 {
margin:10px 0px 5px 15px
}
.main-box div.intro {
width:708px;
border-bottom:1px solid #CCCCCC
}
.main-box-full p.subtitle1, .main-box p.subtitle1, .main-box-right p.subtitle1 {
font-weight:bold;
color:#004DB2
}
.main-box div.box1, .main-box div.box2, .main-box div.box3 {
width:233px;
}
.main-box div.box1 {
float:left;
border-right:1px solid #cccccc
}
.main-box div.box2 {
margin-left:234px;
}
.main-box div.box3 {
float:right;
border-left:1px solid #cccccc
}
.main-box a, p.subtitle1 a {
line-height:14px;
text-decoration:underline
}
.main-box .date, .main-box-full .date, .right-nav div.box-body span.date {
color:#FF3300;
font-size:10px;
font-weight:bold;
}
.main-box-right div.orangesml {
color:#FF3300;
font-size:12px;
font-weight:bold
}
.main-box div.box1, .main-box div.box2, .main-box div.box3 {
width:233px;
}
.main-box-right div.box1 {
float:left;
}
.main-box-right div.box2 {
margin-left:256px;
}
.main-box-right div.box3 {
float:right;
}
.main-box-right div.box1, .main-box-right div.box2, .main-box-right div.box3 {
width:250px;
}
main-box table.graybox {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
border-left:1px solid #999999;
border-top:1px solid #999999;
}
.main-box table.graybox td.title {
font-weight:bold;
border-right:1px solid #999999;
color:#FFFFFF;
background:#4883E9;
font-size:14px;
}
.main-box table.graybox td {
border-bottom:1px solid #999999;
border-right:1px solid #999999;
background:#EAEAEA;
font-size:11px;
font-weight:bold;
}
.main-box h1 {
margin:10px 0px 5px 15px
}
.right-nav div.box-body p, .left-nav div.box-body p, .main-box p, .main-box-full p, p {
margin:0px 10px 8px 15px;
text-align:justify;
}
.right-nav div.box-body span, .left-nav div.box-body span, .main-box div.box1 p span {
color:#006699;
font-weight:bold
}
h1.orange {
font-size:21px;
color:#ff6600;
font:Arial, Helvetica, sans-serif;
margin:0px
}
h1.blue {
font-size:26px;
font:Arial, Helvetica, sans-serif;
font-weight:normal;
padding:4px
}
.blue, h1.blue {
color:#004db2;
}
.page-title2 {
background-color:#fff;
margin:0 0 10px 0;
}
.page-title2 h2 {
margin:0px;
padding:4px 0 2px 10px;
}
.tagline h1 {
margin:0;
padding:15px 0px 10px;
width:720px;
}
h1, h3, h4 {
font-size:13px;
color:#004DB2;
}
h2 {
font-size:16px;
color:#f26722;
font-weight:normal
}
h4.title {
margin:0;
padding: 0 10px 4px 10px;
}
span.XX {
font-size:30px;
font:Arial, Helvetica, sans-serif
}
.imgbox {
border:1px solid #999999;
background:#EAEAEA;
font-size:11px;
font-weight:bold;
}
ul.pointer li {
line-height:16px;
}
ul.pointer li.blue {
color:#005dba;
}
.no-list {
list-style:none;
}
.imgbox2 {
font-size:11px;
padding:7px;
float:right;
}
ul.feature-list {
padding-right:30px;
list-style: none;
color:#005dba;
font-weight:700;
padding:0 0 0 0;
margin-top:6px;
width:320px;
}
ul.feature-list li {
height:19px;
background:url(bullet01.png) no-repeat left;
padding:5px 5px 5px 18px;
border-bottom:1px dotted #CCC;
}
ul.feature-list2 {
padding-right:30px;
list-style: none;
color:#005dba;
font-weight:700;
padding-top:6px;
}
ul.feature-list2 li {
height:19px;
padding:5px 5px 5px 18px;
background:url(bullet01.png) no-repeat left;
width:320px;
border-bottom:1px dotted #CCC;
}
.clear { /* generic container (i.e. div) for floating buttons */
overflow: hidden;
width: 100%;
}
a.button {
background: transparent url('bg_button_a.png') no-repeat scroll top right;
color: #fff;
display: block;
float: left;
font-weight:700;
height: 24px;
margin-right: 4px;
padding-right: 10px; /* sliding doors padding */
text-decoration: none;
}
a.button span {
background: transparent url('bg_button_span.png') no-repeat;
display: block;
line-height: 14px;
padding: 5px 0 5px 10px;
}
a.button:active {
background-position: bottom right;
color: #fff;
outline: none; /* hide dotted outline in Firefox */
}
a.button:active span {
background-position: bottom left;
padding: 6px 0 4px 10px; /* push text down 1px */
}
.box23 {
border:1px solid #999;
height:15px;
color:#900;
}
.button-new {
border:1px solid #666;
height:16px;
font-weight:600;
font-size:.8em;
}
.subtitle {
color:#005dba;
font-weight:700;
}
.alert {
color:#f26722;
}
.imgbox {
border:1px solid #999999;
background:#EAEAEA;
font-size:11px;
font-weight:bold;
}
.imgbox2 {
font-size:11px;
padding:7px;
float:right;
}
.bgdots1 {
background:url(dots.png) no-repeat right;
height:117px;
}
.bgdots2 {
background:url(hor-dots.png) no-repeat bottom;
}
.blue-sml {
margin: 0 10px 0 0;
}
/* Design 2011 */
.small-font {
font-size:9px;
}
.bold {
font-weight:bold;
}
.blue {
color:#1f75bb;
}
.header-big {
height:111px;
background:url(header-bg.png) repeat-x;
}
.form-box {
height:20px;
border:1px solid #91d0ed;
padding-left:5px;
padding-right:5px;
}
.container-sml {
width:971px;
margin:0 auto;
}
.main-form {
width:370px;
float:right;
margin:100px 20px 10px 10px;
}
.shapes {
background:url(shapes.png);
width:971px;
height:249px;
}
.roi {
padding:6px 20px 5px 12px;
width:840px;
}
.gray-bg {
background:url(gray-bg-sml.png) bottom no-repeat;
height:56px;
}
.yellow-but {
width:60px;
height:23px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #FFFFFF;
background-color:#F4C842;
float:right;
margin:10px 15px 15px 15px;
padding:5px 3px 3px 10px;
}
.yellow-but:hover {
border:1px solid #FFFFFF;
background-color:#e88331;
}
.white-link {
color:#FFF;
text-decoration:none;
font-weight:bold;
font-size:11px;
}
.gray-bg-big {
background:url(gray-bg-sml.png) bottom no-repeat;
height:155px;
}
.title-box {
padding:8px 10px 5px 12px;
width:370px;
float:left;
margin-top:35px;
}
.text-big {
font-size:26px;
font-weight:normal;
line-height:normal;
padding:0px 10px 10px 10px;
}
.text-bullet {
float:right;
padding:20px 20px 20px 5px;
line-height:28px;
}
.blue-box-big {
height:412px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #C8F0F7;
background-color:#E8F8FF;
margin:0 auto;
margin-top:18px;
}
.white-box {
float:right;
padding:10px 20px 20px 0px;
line-height:28px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color:#FFFFFF;
width:330px;
margin:15px;
}
/* BEGIN MUNRUH EDITS */
/* BEGIN MUNRUH EDITS */
/* BEGIN MUNRUH EDITS */
/* BEGIN MUNRUH EDITS */
html {
overflow-y: scroll;
}
body {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
input[type="text"]:focus {
outline: none;
}
#pagehold {
width:1000px;
background-color:#fff;
margin-left:auto;
margin-right:auto;
position:relative;
top:85px;
}
#full {
width:100%;
height:69px;
background: url("../imgs/nav_backing.png") repeat scroll 0 0 transparent;
position:absolute;
left:0;
top:0;
z-index:4;
}
#full1 {
width:100%;
height:69px;
background: url("../imgs/nav_backing.png") repeat scroll 0 0 transparent;
position:fixed;
left:0;
top:0;
z-index:7;
}
#fullbacking {
width:1035px;
height:69px;
background: url("../imgs/nav_backing.png") repeat scroll 0 0 transparent;
position:absolute;
left:0;
top:0;
z-index:-1;
}
.thousand {
width:1000px;
margin-left:auto;
margin-right:auto;
position:relative;
}
#logo {
position:absolute;
top:0;
left:10px;
width:236px;
height:99px;
background-image: url('../imgs/logo3.png');
z-index:2;
}
#topleftnav {
width:720px;
height:33px;
right:25px;
top:0;
position:absolute;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:36px;
color:#069deb;
font-weight:bold;
line-height:1;
}
#live_chat {
position:relative;
float:right;
display: block;
width: 92px;
height: 33px;
background: url("../imgs/live_chat1.png") no-repeat 0 0;
z-index:3;
}
#live_chat:hover {
background-position: 0 -33px;
}
#live_chat span {
position: absolute;
top: -999em;
}
#login {
position:relative;
float:right;
display: block;
width: 66px;
height: 33px;
background: url("../imgs/login1.png") no-repeat 0 0;
z-index:3;
}
#login:hover {
background-position: 0 -33px;
}
#login span {
position: absolute;
top: -999em;
}
.login {
position:relative;
float:right;
}
.search {
position:relative;
float:right;
bottom:10px;
}
.tel {
position:relative;
float:left;
}
/* END Header Elements */
/* BEGIN Sections including: mid section portion and buttons. */
#mid {
position:relative;
width:975px;
height:250px;
z-index:1;
top:0px;
margin-left:auto;
margin-right:auto;
}
#midbuttons {
position:absolute;
width:956px;
height:250px;
z-index:2;
left:22px;
top:0px;
}
#demo {
position:relative;
top:20px;
left:747px;
display: block;
width: 225px;
height: 69px;
background: url("../imgs/demo2.png") no-repeat 0 0;
}
#demo:hover {
background-position: 0 -69px;
}
#demo span {
position: absolute;
top: -999em;
}
#quote {
position:relative;
top:30px;
left:747px;
display: block;
width: 225px;
height: 69px;
background: url("../imgs/quote2.png") no-repeat 0 0;
}
#quote:hover {
background-position: 0 -69px;
}
#quote span {
position: absolute;
top: -999em;
}
#trial {
position:relative;
top:25px;
left:747px;
display: block;
width: 225px;
height: 69px;
background: url("../imgs/trial2.png") no-repeat 0 0;
}
#trial:hover {
background-position: 0 -69px;
}
#trial span {
position: absolute;
top: -999em;
}
#demo2 {
position:relative;
margin: 5px auto 0 auto;
top:00px;
left:0px;
display: block;
width: 225px;
height: 69px;
background: url("../imgs/demo4.png") no-repeat 0 0;
}
#demo2:hover {
background-position: 0 -69px;
}
#demo2 span {
position: absolute;
top: -999em;
}
#quote2 {
position:relative;
margin: 0 auto 0 auto;
top:2px;
left:0px;
display: block;
width: 225px;
height: 69px;
background: url("../imgs/quote4.png") no-repeat 0 0;
}
#quote2:hover {
background-position: 0 -69px;
}
#quote2 span {
position: absolute;
top: -999em;
}
#trial2 {
position:relative;
margin: 0 auto 0 auto;
top:1px;
left:0px;
display: block;
width: 225px;
height: 69px;
background: url("../imgs/trial4.png") no-repeat 0 0;
}
#trial2:hover {
background-position: 0 -69px;
}
#trial2 span {
position: absolute;
top: -999em;
}
/* END Sections including: mid section portion and buttons. */
/* BEGIN Boxes section. */
#boxesholder {
width:850px;
height:250px;
position:relative;
margin-left:auto;
margin-right:auto;
top:60px;
}
td {
vertical-align:top;
}
.boxes {
width:850px;
height:250px;
}
.boxcontent {
width:22%;
}
.face {
width:9%;
padding-left:35px;
}
.clientclass {
text-align:center;
font-size:18px;
color:#000000;
font-weight:bold;
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:-15px;
}
.clientdescriplink {
text-align:left;
font-size:12px;
margin-top:-15px;
margin-bottom:-18px;
margin-right:0px;
margin-left:-15px;
line-height:16px;
}
.clientdescrip {
text-align:left;
font-size:12px;
color:#000000;
font-weight:none;
margin-top:0px;
margin-bottom:6px;
margin-right:0px;
margin-left:-15px;
line-height:1.2;
line-height:16px;
}
/* END Boxes section */
/* BEGIN Social Media Bar. */
#socialbar {
position:relative;
margin-left:auto;
margin-right:auto;
width:955px;
background-color:#fff;
border: 2px solid #bfe6f7;
height:36px;
top:145px;
}
/* END Social Media Bar. */
/* BEGIN Link Properties */
a:link {
text-decoration:none;
color:#1768ac;
font-weight:bold;
border: none;
}
a:visited {
text-decoration:none;
color:#1768ac;
font-weight:bold;
border: none;
}
a:hover {
text-decoration:none;
color:#46a6f5;
font-weight:bold;
border: none;
}
a:active {
text-decoration:none;
color:#46a6f5;
font-weight:bold;
border: none;
}
a.title:link {
text-decoration:none;
color:#1768ac;
font-weight:bold;
border: none;
}
a.title:visited {
text-decoration:none;
color:#1768ac;
font-weight:bold;
border: none;
}
a.title:hover {
text-decoration:none;
color:#46a6f5;
font-weight:bold;
border: none;
}
a.title:active {
text-decoration:none;
color:#46a6f5;
font-weight:bold;
border: none;
}
/*END Link Properties */
.searchBox {
background: url("../imgs/search.png") no-repeat scroll 0 0 transparent;
border: medium none;
height: 31px;
line-height: 30px;
margin-top: 0px;
padding: 0px 14px 0 40px;
width: 140px;
}
.NavStretch {
}
.HeaderNav1 {
height: 37px;
margin: 0 auto;
top:38px;
position: relative;
left:0px;
}
.HeaderNav1 li {
font-size: 12px;
font-weight: normal;
}
.HeaderNav1 ul.UtilityNavigation1, .HeaderNav1 ul.Navigation1 {
list-style: none outside none;
margin: 0;
padding: 0;
position: absolute;
white-space: nowrap;
}
.HeaderNav1 ul.Navigation1 {
left: 0;
}
.HeaderNav1 ul.Navigation1 li {
float: left;
height: 25px;
margin: 0 0;
}
.HeaderNav1 ul.Navigation1 li.searchBoxInner {
margin: 5px;
padding-left: 22px;
}
.HeaderNav1 ul.Navigation1 li a {
color: #FFFFFF;
text-decoration: none;
white-space: nowrap;
}
.HeaderNav1 ul.Navigation1 li a {
border-right: 1px solid #FFFFFF;
display: block;
font-size: 1em;
height: 25px;
line-height: 20px;
margin: 0;
padding: 6px 22px 0;
vertical-align: middle;
width: auto;
}
.HeaderNav1 ul.Navigation1 li a:hover, .HeaderNav1 ul.Navigation1 li a.CurPage {
background: url("../imgs/blue-hover-grad1.png") repeat-x scroll 0 0 transparent;
color: #FFFFFF;
}
* html .HeaderNav1 ul.Navigation1 li a {
width: 25px;
}
.HeaderNav1 ul.Navigation1 li.NavLeft {
height: 27px;
width: 9px;
}
.HeaderNav1 ul.UtilityNavigation1 {
right: 0;
}
.HeaderNav1 ul.UtilityNavigation1 li {
float: left;
}
.HeaderNav1 ul.UtilityNavigation1 li a {
color: #005399;
line-height: 30px;
padding: 0 12px 0 9px;
text-decoration: none;
width: auto;
}
.HeaderNav1 ul.UtilityNavigation1 li a:hover {
background: url("../spacer2.gif") repeat scroll 0 0 transparent;
color: #FF6600;
}
.HeaderNav1 ul.UtilityNavigation1 li.name a {
color: #FF6600;
}
* html .HeaderNav1 ul.Navigation1 li a {
padding: 0 4px 0 5px;
}
* html .HeaderNav1 ul.UtilityNavigation1 li a {
padding: 0 12px 0 7px;
}
* html div#Header2 {
}
.HeaderNav1 ul.Navigation1 li a.HlPage {
background: none repeat scroll 0 0 #FFB400;
color: #FFFFFF;
margin: 0 8px 0 3px;
}
.HeaderNav1 ul.Navigation1 li a.HlPage:hover {
color: #000000;
}
/* END Header */
/* BEGIN Footer */
.footer1 {
position:relative;
top:0px;
padding-top: 15px;
font-size: 0.7em;
margin: auto;
width: 1000px;
float: right;
color:#005dba;
padding-bottom:10px;
background:#FFF;
z-index:-1;
}
.footer1 a {
color:#222;
font-weight:bold;
text-decoration:none;
}
.mar-35 {
margin-left:35px;
}
#foothold
{position:relative;
top:150px;
}
/* END Footer */
#newsfeed { padding-left:20px; overflow:hidden; width: 600px; line-height:40px; border: 0px solid gray; font-size: small; color:#000; float:left;}
#sociallinks { padding-right:20px; line-height:50px; border: 0px solid gray; font-size: small; color:#000; float:right; }
.social
{width:25px;
padding-left:10px;
}
.left
{float:left;
}