/* =General Elements

colors:

orange highlight: #ffbf23
panel 1 blue: #1e90ff 30b4ff
panel 2 teal: #3c9691
panel 3 green: #89ce16
purple: b278c6

----------------------------------------------- */ 
* {margin: 0; padding: 0;}
html, body {font-family:'Lucida Grande',Arial,sans-serif; font-size:12px; color:#444;}
body{background: url('../i/bg.png') top left repeat-x #fff;}
img {border:0;}
acronym, abbr {font-variant:small-caps; letter-spacing:.2em; cursor:help;}
strong {}
em {}
code {display:block; font-family:Monaco, monospace; font-size:110%; line-height:1.4em; text-align:left; margin:1.4em 1.6em;}

a {text-decoration:none; color:#015095;}
a:link {}
a:visited {}
a:hover {text-decoration:underline;}
a:active {}

input, textarea, select {border:1px solid #ccc; font-family:Arial,sans-serif; padding:3px !important; font-size:12px; font-weight:normal;}
label {font-weight:bold;}
fieldset {border:0;}

/* =Utility Styles
----------------------------------------------- */ 
blockquote {font-family:Arial, sans-serif; margin:40px 35px 40px 10px;}
cite {display:block; text-align:right; margin:-20px 0 40px 0; padding-right:80px;}
.bqstart {font-family:Arial,sans-serif; float:left; font-size: 700%; height:45px; margin:-20px 20px -50px -20px; padding-top:45px;}
.bqend {font-family:Arial,sans-serif; float:right; font-size:700%; height:25px; margin-top:-20px; padding-top:45px;}

.hide {position:absolute; left:-9999px;}
.moreinfo {cursor:help; border-bottom:1px dotted #999;}
.runleft {float:left; margin:.7em 1em .5em 0;}
.runright {float:right; margin:.5em 0 .3em .5em;}
.clear{clear:both;}

/* =Layout
----------------------------------------------- */ 
#wrapper {width:905px; margin:0 auto; }

/* =Header and Global Navigation
----------------------------------------------- */ 
#header {width:905px; height:145px; margin:0 auto; position: relative; background:url(../i/header.png) 0px 0 no-repeat;}
#header #logo{width:235px; height:92px; position:absolute; top:0; left:0; text-indent:-9999px;}

#header #global-nav{height:53px; position:relative; top:93px; left:-10px;}
#header #global-nav ul{}
#header #global-nav ul li{float:left; width:auto !important; display:inline;}
#header #global-nav ul li ul{}
#header #global-nav ul li a{display:block; height:25px; padding: 18px 0px 10px 0px; font-size:13px; color:#fff; font-weight:bold; background:url('../i/nav-border.png') top right no-repeat; text-align: center;}
#header #global-nav ul li a:hover,#header #global-nav ul li a.active{color:#ffbf23; text-decoration: none;}
#header #login{position:absolute; width:170px; height:40px; right:20px; text-indent: -9999px;}

#header #global-nav #home-link{width:73px;}
#header #global-nav #overview-link{width:97px;}
#header #global-nav #solutions-link{width:126px;}



#header #global-nav ul ul {
  background:url('../i/ul-bg.jpg') top left repeat-x #08426d;
  color:#fff;
  border-bottom: 1px solid #333;
  list-style: none;
  margin: 0;
  width: 100px;
  position: absolute;
  padding:0px 10px 0 10px;
  top: -999em;
  left: -1px;
  z-index: 999 !important;
}

#header #global-nav ul li:hover{
  z-index: 999 !important;
}
#header #global-nav * li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
font-weight: bold;
  z-index: 999 !important;
}
#header #global-nav ul li:hover ul,
#header #global-nav ul li.sfHover ul {
  top: 25px;
}
#header #global-nav ul ul li a {
  border: 0;
  float: none;width:193px;
  padding:9px 0 9px 0 !important;
  font-size: 11px !important;
}
#header #global-nav ul ul li a{height:auto !important;text-align: left !important; background: url('../i/dropdown-li.jpg') bottom left no-repeat;}
#header .submenu{z-index:999 !important; width:193px !important;}
#header #global-nav ul #overview-menu{width:193px;}
#header #global-nav ul #solutions-menu{width:193px;}


.tooltip{width:290px; height:93px; position: absolute; top:0; right:300px; display: none;}
#tooltip1{width:290px; height:93px; background: url('../i/tooltip.jpg') no-repeat;}
#tooltip2{width:290px; height:93px; background: url('../i/tooltip2.jpg') no-repeat; right:200px;}
#tooltip3{width:290px; height:93px; background: url('../i/tooltip3.jpg') no-repeat; right:0;}



#main-tabs{height:52px; width:596px; position:absolute; bottom:0; right:-4px; background: url(../i/main-tabs.png);}
* html #main-tabs{bottom:-1px !important;}
#main-tabs ul{}
#main-tabs ul li{float:left;}
#main-tabs ul li a{display:block; height:52px; text-indent: -9999px; position:absolute; }
#main-tabs ul{}
#main-tabs #consumers{width:133px;}
#main-tabs #employers{width:232px; left:133px;}
#main-tabs #healthcare{width:231px; left:365px;}

#main-tabs #consumers:hover,#main-tabs #consumers.active{background:url(../i/main-tabs.png) 0 -52px;}
#main-tabs #employers:hover,#main-tabs #employers.active{background:url(../i/main-tabs.png) -133px -52px;}
#main-tabs #healthcare:hover,#main-tabs #healthcare.active{background:url(../i/main-tabs.png) -365px -52px;}


#banner #flash{text-indent: -9999px;}

.consumers #banner {height:248px; background-color: #30b4ff;}
.consumers #banner #flash{width:905px; height:248px; margin:0 auto; background: url('../i/consumer.jpg') top left no-repeat; z-index: 10;}

.employers #banner {height:248px; background-color: #3c9691;}
.employers #banner #flash{width:905px; height:248px; margin:0 auto;  background: url('../i/employers.jpg') top left no-repeat; z-index: 10;}


.other #banner {height:248px; background-color: #ff890f !important;}
.other #banner #flash{width:905px; height:248px; margin:0 auto;  background:none; z-index: 10;}

.healthcare #banner {height:248px; background-color: #89ce16;}
.healthcare #banner #flash{width:905px; height:248px; margin:0 auto;  background: url('../i/healthcare.jpg') top left no-repeat; z-index: 10;}


.sub #banner,.sub #banner #flash{height:90px !important;}
.sub #banner #flash{background-image: none; text-indent: 0; padding:30px 0;}
* html .sub #banner #flash{background-image: none; text-indent: 0; padding:0px 0;}
.sub #banner #flash h3{padding-top:30px; font-size:26px; color: #fff; display: inline; z-index: -999;}
* html .sub #banner #flash h3{position:relative; top:30px;}
.sub #banner #flash h3 .sectionTitle{margin-right:20px;}
.sub #banner #flash h3 .pageTitle{font-size:16px; color: #fff; margin-left:15px; margin-right:20px;}


/* =Task Bar and Local Navigation
----------------------------------------------- */ 
#task-bar {}
#task-bar ul {}
#task-bar ul li {}

/* =Content
----------------------------------------------- */ 
#content {padding:30px 0;}
* html #content{position:static !important;}
#content h4{}

#content p{margin:20px 0; line-height:1.8em;}

#content ul{}
#content ul l{}

#content #col1{width:380px; float:left; margin-right:25px;}
#content #col1 h2{font-size:18px; color:#334d64; letter-spacing: -1px;}
#content #col1 h3{color:#224272;}

#content #col2{width:200px; float:left; margin-right:25px; }
#content #col2 h2{font-size:14px; color:#334D64 !important; line-height: 1.4em; text-transform:capitalize;}
#content #col2 h2 span{display:block; font-size:12px;}
#content #col2 a:hover span{text-decoration: underline;}
#content #col2 h2 a{color:#334D64 !important;}

#content #col2 ul{margin:10px 0; border-top: 1px solid #eaeaea; padding-top: 1px;}
#content #col2 ul li{background: url('../i/home-ul-bg.jpg') bottom left repeat-x; display: block; height:auto; padding:10px 0; position: relative; color:#636363; font-weight: bold; clear:left; line-height:1.2em; padding:10px 0 10px 10px; text-indent: 0;}
#content #col2 ul li span{background:url('../i/bullet.png') 0 1px no-repeat; padding-left:20px; list-style: none;}
#content #col2 ul.icons li{display: block; height:30px; padding:20px 0 20px 10px; text-indent: 0; position: relative; color:#5d7fa7;  padding-right:60px; font-weight: bold; clear:left; height:30px; line-height:1.2em;}
#content #col2 ul li a{color:#2c78b1;}
#content #col2 ul li a img{position:absolute; right:0; top:3px; border:0;}


#content #col3{width:270px; float:left; position: relative; top:-75px; right:-20px; background: url('../i/col3bg.jpg') 0px 75px no-repeat; font-family:"Trebuchet MS"; color:#00a0ff; font-size:15px;}

#content #col3 h2{display:block; width:204px; height:14px; background: url('../i/h2-the-living-proof.jpg') !important; text-indent:0; font-family:"Myriad Pro", "Trebuchet MS", Arial, sans-serif; color:#fff; font-size:24px; padding:35px 30px 26px 30px; font-weight: 500;}

#content #col3 h2 a{color:#fff; text-decoration: none;}

#content #col3 .consumers {background: url('../i/h2-the-living-proof.jpg') no-repeat !important;}

#content #col3 .employers {background: url('../i/h2-employers.jpg') no-repeat !important;}

#content #col3 .healthcare {background: url('../i/h2-healthcare.jpg') no-repeat !important;}

#content #col3 #col3img{position:relative; left:8px; top:0px;}

#content #col3 p{padding:0 25px 0 27px; font-weight: 100;}
#content #col3 p a{font-weight: bold; color: #00a0ff;}


.sub #content #col1{width:185px; float:left; margin-right:25px;}
.sub #content #col1 ul{border-top:1px solid #eee;}
.sub #content #col1 ul li{background: none; border-bottom:1px solid #eee; padding:0;}
.sub #content #col1 ul li a{display: block; padding:0 !important; color:#015095; text-indent: 0px; font-weight: bold; padding:0px 0 0 0 !important; font-size:11px; margin:10px 0;}
.sub #content #col1 ul li a img{display:none;}
.sub #content #col1 ul li .active{text-decoration:underline !important;}


.sub #content #col2{width:490px; float:left; margin-right:25px; }
* html .sub #content #col2{width:470px;}
.sub #content #col2 h2{font-size:18px; line-height: 1.9em; }
.sub #content #col2 p{font-size:13px; line-height: 1.8em; color:#444; font-weight: 100;}
.sub #content #col2 ul{list-style:square;  border:0 !important; list-style: none;}

* html .sub #content #col2 ul li{display:block !important; visibility:visible !important; z-index:999 !important; border:1px solid red;}

.sub #content #col2 ul li{padding:10px 0; border:0 !important; background: none; text-indent: 0;background:url('../i/subbullet.png') 0 14px no-repeat; padding-left:20px; height:auto; color:#555; font-weight: normal; line-height:1.6em;}

.sub #content #col2 table{margin-bottom: 15px; width:450px;/* border-top: 1px solid #ccc; */ }
/* .sub #content #col2 table tr{border:1px solid #ccc; border-top: 0;border-bottom:1px solid #ccc;} */
.sub #content #col2 table tr td{padding:8px 5px 8px 22px; background:url(../i/bullet.png) 4px 8px no-repeat;}

.sub #content #col2 h3{font-size:16px; line-height:1.7em;margin:20px 0;}

.sub #content #col3{width:180px; float:left; position: relative; padding-top:150px; top:0px; right:0px; background:none; color:#015095; font-size:14px; line-height: 1.5em; font-family: Arial, sans-serif;}
.sub #content #col3 img{position:relative; left:0px; top:0px;}
.sub #content #col3 h2{width:auto; height:auto; background-image:none; text-indent: 0;}
.sub #content #col3 p{border-left:1px solid #00a0ff; padding-right:0px;}
.sub #content #col3 .callouts{border-left:1px solid #015095 !important; margin-bottom: 25px !important;}
.sub #content #col3 a{font-weight: 100; margin:20px 0; text-indent: 0; color:#00a0ff;}

.pdf{padding-left:24px; background: url(../i/pdf.jpg) 0px 2px no-repeat; padding:6px 0 6px 25px; position: relative; top:5px; color:#30b4ff}
.sub #content #col3 .calloutimage{position: absolute; top:0; left:-15px;}

.sub #content #phonediv{width:242px; height:267px; background: url(../i/phone.jpg) no-repeat; position: absolute;left:70px; top:600px; z-index: 1 !important;}

* html .sub #content #phonediv{left:70px; top:600px;}


#mobile-phone-and-network #col2 h2, #how-we-help #col2 h2{font-size:17px !important;}
#mobile-phone-and-network #col2 p{z-index: 10 !important;}

#how-we-help #col2 h3{font-weight: 100 !important;}

#contact-us-form{margin-bottom: 20px;}
#contact-us-form div{padding:10px 0;}
#contact-us-form div label{display:block; width:150px; float:left;}
#contact-us-form div input,#contact-us-form div select{width:263px;}
#contact-us-form .btn{position: relative; left:150px; width: auto !important; font-size:14px;}
#contact-us #errors{margin-left:20px;}

#contact-us #col2 .error{display:block; padding:5px 0 15px 0 !important; background: url('../i/cancl_16.png') 0px 2px no-repeat; text-indent: 20px; font-style:italic;}


#contact-us #col2{margin-right:80px !important;}
#contact-us #col3{width:250px !important; color:#444 !important; font-size:12px; padding:0 !important; font-family: Arial, sans-serif; margin-top:10px; }
#contact-us #col3 h3{}
#contact-us #col3 p{padding:0; font-size:12px; padding:0; border: 0 !important;}
#contact-us #col3 .callouts{display:none;}
#news #col2 p{border-bottom:1px solid #ccc; padding-bottom:15px; }

#sitation{font-size:10px; position:absolute; line-height: 1.4em; bottom:-500px;}

/* =Footer and Redundant Navigation
----------------------------------------------- */ 
#footer {clear:both; border-top:1px solid #d6d6d6; height:100px; margin-top:25px !important; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 11px;}
#footer hr{}
#footer ul {color:#23a1ff;}
#footer ul li {float:left; position: relative; left:-15px; top:20px;}
#footer ul li a{margin:0 15px; color:inherit; font-weight: bold;}
#footer p{float:right;position: relative; top:20px;}

#footer #redundant-nav li a {}

#footer #designer {}
#footer #copyright {}