@import "/_ui/libs/css/reset.css";

/*==================================*/
/*    Author: Chris Johnson         */
/*    Company: Swanson Russell      */
/*    Date: September 1, 2009       */
/*==================================*/

/*==================================*/
/*---------- PAGE/GENERAL ----------*/
/*==================================*/

body {
	width: 100%;
	height: 100%;
	font-family:"Arial", Helvetica, sans-serif;
	font-size: 100%;
	line-height: 100%;
	background-color: #ebebeb;
}

li.increase_text_but, li.decrease_text_but, li.print_but {
	display:none;/*hide text resize if there's no js*/
	cursor:pointer;
}

a:link {color: #e19628; text-decoration: none;}
a:visited {color: #e19628; text-decoration: none;}
a:hover {text-decoration: none; color: #e8a530;}
a:active {text-decoration: none;}

.filesize {
	font-style:italic;
    font-weight: normal;
	font-size: .9em;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}

sup {bottom: 1ex; font-size: .8em;}

sub {top: .5ex;}

.servicemark {
	font-family: 'Lucida Sans Unicode';
}

.blue {
	color: #0093d0;
}

.smalltext {
	font-size: .8em;
}

.italic {
	font-style:italic;
}

.bold {
	font-weight: bold;
}

.centered
{
    text-align: center;
}

.indent {
	padding-left:20px;
}

.uppercase {
	text-transform: uppercase;
}

.learnmore_but a{
	background: url(/_ui/skin/img/main/feature_arrow.gif) 100% 0px no-repeat;
	padding: 2px 19px 2px 0;
	font-size: 1em;
}

.learnmore_but a:hover{
	background: url(/_ui/skin/img/main/feature_arrow.gif) 100% -19px no-repeat;
}

img.content {
	padding:0 0 20px 0;
}

/*---------- MAIN WRAPPERS ----------*/

#wrapper_bg {
	min-width: 900px;
	width: 100%;
	background: url(/_ui/skin/img/main/wrapper_bg.jpg) 0px 0px repeat-x #fff;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
}

/*==================================*/
/*-------------- ICONS -------------*/
/*==================================*/

/* External link icon */
a.external {background: url(/_ui/skin/img/main/icon_external.gif) 100% 0px no-repeat; padding: 0 18px 0 0;}
a.external:hover {background: url(/_ui/skin/img/main/icon_external.gif) 100% -39px no-repeat;}

/* PDF Icon */
a.pdf {background: url(/_ui/skin/img/main/icon_pdf.gif) 100% 0 no-repeat; padding: 0 16px 0 0;}
a.pdf:hover {background: url(/_ui/skin/img/main/icon_pdf.gif) 100% -37px no-repeat;}

/* xls Icon */
a.xls {background: url(/_ui/skin/img/main/icon_xls.gif) 100% 0 no-repeat; padding: 0 16px 0 0;}
a.xls:hover {background: url(/_ui/skin/img/main/icon_xls.gif) 100% -37px no-repeat;}

/* ppt Icon */
a.ppt {background: url(/_ui/skin/img/main/icon_ppt.gif) 100% 0 no-repeat; padding: 0 16px 0 0;}
a.ppt:hover {background: url(/_ui/skin/img/main/icon_ppt.gif) 100% -37px no-repeat;}

/* doc Icon */
a.doc {background: url(/_ui/skin/img/main/icon_doc.gif) 100% 0 no-repeat; padding: 0 16px 0 0;}
.doc:hover {background: url(/_ui/skin/img/main/icon_doc.gif) 100% -37px no-repeat;}

/*==================================*/
/*------------- HEADER -------------*/
/*==================================*/

#header {
	width: 900px;
	height: 164px;
	position: relative;
	background: url(/_ui/skin/img/main/header_shadow.jpg) 0px 100% no-repeat;
	z-index:9899;
}

#print-logo {
	display:none;
}

#logo {
	background: url(/_ui/skin/img/main/logo.gif) 0px 36px no-repeat;
	height: 115px;
	width: 300px;
	position: absolute;
	left: 0px;
	top: 0px;
	text-indent: -9999em;
	overflow: hidden;
}

#logo a {
	display: block;
	height: 115px;
	width: 300px;
}	

#header li {
	list-style: none;
}

/*-------- SECONDARY NAV --------*/

#secondary_nav {
	width: 430px;
	position: absolute;
	right: 0px;
	top: 16px;
	font-size: .7em;
	color: #888888;
}

#secondary_nav a {
	color: #0093d0;
	display: block;
	width: auto;
}

#secondary_nav a:hover {
	color: #d08400;
}

#secondary_nav li {
	float: left;
	padding: 0 11px 0 11px;
}

#secondary_nav li.bcbsne_but {
	border: 1px solid #bebdbd;
	border-width: 0 1px 0 0;
}

#secondary_nav li.advice {
	border: 1px solid #bebdbd;
	border-width: 0 0 0 1px;
	font-weight: bold;
	font-size: 1.3em;
}

/*-------- TOOLBAR --------*/
#header .toolbar{
	float:right;
	margin-top:75px;
	width:80px;
}

/*==================================*/
/*--------- MAIN NAVIGATION --------*/
/*==================================*/

#main_navigation {
	position: absolute;
	top: 115px;
	left: 0px;
	height: 39px;
	width: 900px;
	z-index:9999;
}

#main_navigation li {
	position: absolute;
	height: 39px;
	top: 0px;
}

#main_navigation li a {
	display: block;
	height: 28px;
	color: #fff;
	text-transform:uppercase;
	font-size: .75em;
	padding: 11px 0 0 0;
	text-align: center;
	font-weight: bold;
}

#compareplans_but {left:0px; width: 225px;}
#needhelpchoosing_but {left:225px; width: 225px;}
#toolsresources_but {left:450px; width: 225px;}
#bcbsdifference_but {left:675px; width: 225px;}

#compareplans_but a {width: 225px; background: url(/_ui/skin/img/main/main_navigation_bg.jpg) -13px 0px no-repeat;}
#needhelpchoosing_but a {width: 225px; background: url(/_ui/skin/img/main/main_navigation_bg.jpg) -238px 0px no-repeat;}
#toolsresources_but a {width: 225px; background: url(/_ui/skin/img/main/main_navigation_bg.jpg) -463px 0px no-repeat;}
#bcbsdifference_but a {width: 225px; background: url(/_ui/skin/img/main/main_navigation_bg.jpg) -688px 0px no-repeat;}

#compareplans_but a:hover, 
#compareplans_but.active a, 
#compareplans_but.active_hover a {
	width: 225px; background: url(/_ui/skin/img/main/main_navigation_bg.jpg) -13px -39px no-repeat;
}
#needhelpchoosing_but a:hover, 
#needhelpchoosing_but.active a, 
#needhelpchoosing_but.active_hover a {
	width: 225px; background: url(/_ui/skin/img/main/main_navigation_bg.jpg) -238px -39px no-repeat;
}
#toolsresources_but a:hover, 
#toolsresources_but.active a, 
#toolsresources_but.active_hover a {
	width: 225px; background: url(/_ui/skin/img/main/main_navigation_bg.jpg) -463px -39px no-repeat;
}
#bcbsdifference_but a:hover, 
#bcbsdifference_but.active a, 
#bcbsdifference_but.active_hover a {
	width: 225px; background: url(/_ui/skin/img/main/main_navigation_bg.jpg) -688px -39px no-repeat;
}

/*==================================*/
/*---------- DROPDOWN MENU ---------*/
/*==================================*/

/* ---------- First Level ---------- */
.dropdown_top {
	background: url(/_ui/skin/img/main/dropdown_top_bg.gif) -8px 0px no-repeat;
	width: 225px;
	padding: 15px 0 0 0;
	position:absolute;
    top:39px;
    left: 0px;
	display: none;
}

.dropdown_bot {
	width: 225px;
	background: url(/_ui/skin/img/main/dropdown_bot_bg.gif) -8px 100% no-repeat;
	padding: 0 0 16px 0;
}

#main_navigation li#compareplans_but li a, 
#main_navigation li#needhelpchoosing_but li a, 
#main_navigation li#toolsresources_but li a, 
#main_navigation li#bcbsdifference_but li a {
	background: url(/_ui/skin/img/main/dropdown_l1_a_bg.gif) -8px 0 no-repeat;
	width: 200px;
}

ul#main_navigation ul{
	 position: relative;
	 font-size: 1em;
     margin:0;
     padding:0;
     list-style-type:none;
	 background: url(/_ui/skin/img/main/dropdown_l1_bg.gif) -8px 0px repeat-y;
	 border: none;
	 width: 225px;
 }
 
 ul#main_navigation ul li {
	position:relative;
	height: auto;
	border: none;
	width: 225px;
}
 
 ul#main_navigation ul li a{
	 text-transform:none;
	 color: #fff;
	 height: auto;
	 text-align: left;
	 background: none;
	 font-weight: bold;
	 padding: 12px 0 12px 25px;
	 margin: 0px;
	 width: 200px;
 }
  
ul#main_navigation ul li a:hover, 
#main_navigation li#compareplans_but li a:hover, 
#main_navigation li#needhelpchoosing_but li a:hover, 
#main_navigation li#toolsresources li a:hover, 
#main_navigation li#bcbsdifference_but li a:hover, 
ul#main_navigation ul li.active_hover a, 
#main_navigation li#compareplans_but li.active_hover a, 
#main_navigation li#needhelpchoosing_but li.active_hover a, 
#main_navigation li#toolsresources_but li.active_hover a, 
#main_navigation li#bcbsdifference_but li.active_hover a {
	background: url(/_ui/skin/img/main/dropdown_l1_a_bg.gif) -274px 0 no-repeat #fff;
	width: 200px;
	color: #d5931b;
 }

li:hover .dropdown_top, 
.active_hover .dropdown_top {
    display:block;
}

/* ---------- Second Level ---------- */

#main_navigation li:hover li:hover ul, 
ul#main_navigation .active_hover li.active_hover li ul{
    display:block;
}

 ul#main_navigation ul ul{
 	 display: none;
	 position: absolute;
	 left: 225px;
	 top: 0px;
	 width: 583px;
	 background: url(/_ui/skin/img/main/dropdown_l2_bg.gif) 0px 0px repeat-x #fff;
	 border: 1px solid #d8d8d8;
	 border-width: 0 1px 1px 0;
	 padding: 10px 0 5px 10px;
	 font-size: .7em;
	 color: #888888;
	 overflow: hidden;
 	 height: 220px;
 }
 
  ul#main_navigation ul ul.align_mid{
	 top:-110px;
 }
 
 ul#main_navigation ul ul li.overview {
 	width: 126px;
	position: relative;
 }
 
  ul#main_navigation ul ul li.overview p {
 	padding: 0 10px 0 0;
 }
 
 ul#main_navigation ul ul li.overview .smalltext{
 	width: 127px;
	padding: 10px 0 0 0;
	font-style:italic;
 }
 
  ul#main_navigation ul ul li {
	float: left;
 }
 
 ul#main_navigation ul ul li h3 {
	font-size: 1.6em;
	font-weight: normal;
	padding: 0 0 15px 0;
	line-height: 105%;
 }
 
 ul#main_navigation ul ul li h4 {
 	font-size: 1em;
	font-weight: normal;
	text-align: left;
	padding: 0 0 3px 0;
	line-height: 110%;
 }
 
  ul#main_navigation ul ul li h4 .bigblue {
 	font-size: 1.9em;
	color: #0093d0;
	line-height: 115%;
 }
 
   ul#main_navigation ul ul li p {
 	padding: 0 0 3px 0;
 }

   ul#main_navigation ul ul li p .bigblue {
 	font-size: 1.1em;
	color: #0093d0;
	line-height: 100%;
 }
 
   ul#main_navigation ul ul li h5 {
 	font-size: .8em;
	font-weight: normal;
 }

/*Learn more and get a quote */
 
ul#main_navigation ul li .learnmore_but a, 
#main_navigation li#compareplans_but li .learnmore_but a, 
#main_navigation li#needhelpchoosing_but li .learnmore_but a, 
#main_navigation li#toolsresources_but li .learnmore_but a, 
#main_navigation li#bcbsdifference_but li .learnmore_but a {
	background: url(/_ui/skin/img/main/feature_arrow.gif) 100% 0px no-repeat;
	padding: 2px 19px 2px 0;
	font-size: 1em;
	color: #d5931b;
	font-weight: normal;
	display: inline;
}

ul#main_navigation ul li .learnmore_but a:hover, 
#main_navigation li#compareplans_but li .learnmore_but a:hover, 
#main_navigation li#needhelpchoosing_but li .learnmore_but a:hover, 
#main_navigation li#toolsresources_but li .learnmore_but a:hover, 
#main_navigation li#bcbsdifference_but li .learnmore_but a:hover{
	background: url(/_ui/skin/img/main/feature_arrow.gif) 100% -19px no-repeat;
	color: #e8a530;
}

ul#main_navigation ul li .getaquote_but a, 
#main_navigation li#compareplans_but li .getaquote_but a, 
#main_navigation li#needhelpchoosing_but li .getaquote_but a, 
#main_navigation li#toolsresources_but li .getaquote_but a, 
#main_navigation li#bcbsdifference_but li .getaquote_but a {
	background: url(/_ui/skin/img/main/feature_arrow.gif) 100% 0px no-repeat;
	padding: 2px 19px 2px 0;
	font-size: 1em;
	color: #d5931b;
	font-weight: normal;
	display: inline;
	font-weight: bold;
}

ul#main_navigation ul li .getaquote_but a:hover, 
#main_navigation li#compareplans_but li .getaquote_but a:hover, 
#main_navigation li#needhelpchoosing_but li .getaquote_but a:hover, 
#main_navigation li#toolsresources_but li .getaquote_but a:hover, 
#main_navigation li#bcbsdifference_but li .getaquote_but a:hover{
	background: url(/_ui/skin/img/main/feature_arrow.gif) 100% -19px no-repeat;
	color: #e8a530;
}

/*==================================*/
/*------------ CAROUSEL ------------*/
/*==================================*/

 ul#main_navigation ul ul li.carousel {
 	width: 446px;
	height: 220px;
	overflow: hidden;
	position: relative;
	border: 1px solid #dcdbdb;
	border-width: 0 0 0 1px;
 }
 
/* ---- Variable carousel sizes ---- */

/* w1 */
ul#main_navigation ul ul.w1 li.carousel {
 	width: 99px;
 }
 
ul#main_navigation ul ul.w1 {
 	width: 236px;
}

/* w2 */
ul#main_navigation ul ul.w2 li.carousel {
 	width: 202px;
 }
 
ul#main_navigation ul ul.w2 {
 	width: 339px;
}

/* w3 */
ul#main_navigation ul ul.w3 li.carousel {
 	width: 305px;
 }
 
ul#main_navigation ul ul.w3 {
 	width: 442px;
}

/* w4 */
ul#main_navigation ul ul.w4 li.carousel {
 	width: 408px;
 }
 
ul#main_navigation ul ul.w4 {
 	width: 545px;
}

/* w5 */
ul#main_navigation ul ul.w5 li.carousel {
 	width: 511px;
 }
 
ul#main_navigation ul ul.w5 {
 	width: 648px;
}
 
/* ---- Carousel Nav ---- */
.scrollable_nav {
	visibility:hidden;
 	width: 38px;
	height: 220px;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 8888;
	background: url(/_ui/skin/img/main/scrollable_nav_bg.jpg) 0px 0px no-repeat #fff;
 }
 
 .scrollable .scrollable_nav {
 	visibility: visible;
 }
 
ul#main_navigation ul li .scrollable_nav a.scroller_next,
#main_navigation li#compareplans_but li .scrollable_nav .scroller_next a,
#main_navigation li#needhelpchoosing_but li .scrollable_nav .scroller_next a,
#main_navigation li#toolsresources_but li .scrollable_nav .scroller_next a,
#main_navigation li#bcbsdifference_but li .scrollable_nav .scroller_next a {
 	width: 38px;
	height: 38px;
	position: absolute;
	top: 70px;
	left: 0px;
	display: block;
	background: url(/_ui/skin/img/main/scrollable_nav_bg.jpg) -38px -70px no-repeat #fff;
	padding: 0;
	margin: 0;
	cursor:pointer;
 }
 
ul#main_navigation ul li .scrollable_nav .scroller_previous a,
#main_navigation li#compareplans_but li .scrollable_nav .scroller_previous a,
#main_navigation li#needhelpchoosing_but li .scrollable_nav .scroller_previous a,
#main_navigation li#toolsresources_but li .scrollable_nav .scroller_previous a,
#main_navigation li#bcbsdifference_but li .scrollable_nav .scroller_previous a {
 	width: 38px;
	height: 38px;
	position: absolute;
	top: 103px;
	left: 0px;
	display: block;
	background: url(/_ui/skin/img/main/scrollable_nav_bg.jpg) -38px -103px no-repeat #fff;
	padding: 0;
	margin: 0;
	cursor:pointer;
 }
 
ul#main_navigation ul li .scrollable_nav .scroller_previous a.disabled,
#main_navigation li#compareplans_but li .scrollable_nav .scroller_previous a.disabled,
#main_navigation li#needhelpchoosing_but li .scrollable_nav .scroller_previous a.disabled,
#main_navigation li#toolsresources_but li .scrollable_nav .scroller_previous a.disabled,
#main_navigation li#bcbsdifference_but li .scrollable_nav .scroller_previous a.disabled,
ul#main_navigation ul li .scrollable_nav .scroller_previous a.disabled,
#main_navigation li#compareplans_but li .scrollable_nav .scroller_previous a.disabled:hover,
#main_navigation li#needhelpchoosing_but li .scrollable_nav .scroller_previous a.disabled:hover,
#main_navigation li#toolsresources_but li .scrollable_nav .scroller_previous a.disabled:hover,
#main_navigation li#bcbsdifference_but li .scrollable_nav .scroller_previous a.disabled:hover {
	background: url(/_ui/skin/img/main/scrollable_nav_bg.jpg) 0px -103px no-repeat #fff;
	cursor:default;
 }
 
 ul#main_navigation ul li .scrollable_nav .scroller_next a.disabled,
#main_navigation li#compareplans_but li .scrollable_nav .scroller_next a.disabled,
#main_navigation li#needhelpchoosing_but li .scrollable_nav .scroller_next a.disabled,
#main_navigation li#toolsresources_but li .scrollable_nav .scroller_next a.disabled,
#main_navigation li#bcbsdifference_but li .scrollable_nav .scroller_next a.disabled,
ul#main_navigation ul li .scrollable_nav .scroller_next a.disabled:hover,
#main_navigation li#compareplans_but li .scrollable_nav .scroller_next a.disabled:hover,
#main_navigation li#needhelpchoosing_but li .scrollable_nav .scroller_next a.disabled:hover,
#main_navigation li#toolsresources_but li .scrollable_nav .scroller_next a.disabled:hover,
#main_navigation li#bcbsdifference_but li .scrollable_nav .scroller_next a.disabled:hover {
	background-position: 0px -70px;
	cursor:default;
 }
 
ul#main_navigation ul li .scrollable_nav .scroller_next a:hover,
#main_navigation li#compareplans_but li .scrollable_nav .scroller_next a:hover,
#main_navigation li#needhelpchoosing_but li .scrollable_nav .scroller_next a:hover,
#main_navigation li#toolsresources_but li .scrollable_nav .scroller_next a:hover,
#main_navigation li#bcbsdifference_but li .scrollable_nav .scroller_next a:hover {
	background-position: -76px -70px;
 }

ul#main_navigation ul li .scrollable_nav .scroller_previous a:hover,
#main_navigation li#compareplans_but li .scrollable_nav .scroller_previous a:hover,
#main_navigation li#needhelpchoosing_but li .scrollable_nav .scroller_previous a:hover,
#main_navigation li#toolsresources_but li .scrollable_nav .scroller_previous a:hover,
#main_navigation li#bcbsdifference_but li .scrollable_nav .scroller_previous a:hover {
	background-position: -76px -103px;
 }
 
 /* ---- Carousel Items ---- */
 
  ul#main_navigation ul ul li.carousel .items {
 	width: 20000em;
	clear: both;
	position: absolute;
	height: 220px;
 }
 
 
 ul#main_navigation ul ul li .item {
 	width: 90px;
	padding: 0 6px 9px 6px;
	border: 1px solid #dcdbdb;
	border-width: 0 1px 0 0;
	float: left;
	height: 211px;
 }

/*==================================*/
/*------------- TOOLTIP ------------*/
/*==================================*/

#tooltip {
	position: absolute;
	z-index: 3000;
	width: 182px;
	border: none;
	background-color: #25a4db;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	opacity: .8;
}
#tooltip h3, #tooltip div { 
	margin: 0 0 0 0; 
	color: #fff;
}*

#tooltip h3 {
	font-weight:bold;
	font-size:13px;
	margin:0 0 5px 0;
}

#tooltip div {
	font-weight:normal;
	font-size:12px;
}

/*--- Glossary Style ---*/

#content_col2 span.glossary, #content_col2 a.glossary {
	color: #1095d0;
	cursor:default;
}

#content_col2 span.glossary:hover,#content_col2 a.glossary:hover {
	color: #3ea8d7;
}

/*==================================*/
/*------------- FOOTER -------------*/
/*==================================*/

/* Toolbar */

.footer_tools {
	width: 438px;
	height: 34px;
	padding-bottom: 15px;
	float: right;
}

#twitter_tool {
	padding: 8px 0 29px 0;
	width: 157px;
	height: 26px;
	position: relative;
	float: left;
}

#linkedin_tool {
	padding: 8px 6px; 29px 0;
	width: 158px;
	height: 27px;
	float: left;
}

.toolbar {
	width: 80px;
	height: 34px;
	padding: 3px 0 29px 0;
	position: relative;
    float:right;
}

.toolbar li {
	height: 34px;
	position: absolute;
	top: 0px;
}

.decrease_text_but {width: 15px; left: 0px; background: url(/_ui/skin/img/main/toolbar_buts2.gif) 0px 0px no-repeat;}
.normal_text_but {width: 15px; left: 15px; background: url(/_ui/skin/img/main/toolbar_buts2.gif) -15px 0px no-repeat;}
.increase_text_but {width: 15px; left: 30px; background: url(/_ui/skin/img/main/toolbar_buts2.gif) -30px 0px no-repeat;}
.print_but {width: 38px; left: 45px; background: url(/_ui/skin/img/main/toolbar_buts2.gif) -45px 0px no-repeat;}

.toolbar a {width: 100%; height: 100%;}

.toolbar .decrease_text_but a:hover, .toolbar .decrease_text_but.decreasetext-hover {background: url(/_ui/skin/img/main/toolbar_buts2.gif) 0px -34px no-repeat;}
.toolbar .normal_text_but a:hover, .toolbar .normal_text_but.normaltext-hover{background: url(/_ui/skin/img/main/toolbar_buts2.gif) -15px -34px no-repeat;}
.toolbar .increase_text_but a:hover, .toolbar .increase_text_but.increasetext-hover{background: url(/_ui/skin/img/main/toolbar_buts2.gif) -30px -34px no-repeat;}
.toolbar .print_but a:hover, .toolbar .print_but.print-hover{background: url(/_ui/skin/img/main/toolbar_buts2.gif) -45px -34px no-repeat;}

#footer_bg {
	background: url(/_ui/skin/img/main/footer_bg.gif) 0px 0px repeat-x #f2f2f2;
	border: 1px solid #e1e1e1;
	border-width: 0 0 1px 0;
	width: 100%;
	min-width: 900px;
	}

#footer {
	width: 900px;
	margin: 0 auto;
	font-size: .7em;
	color: #999898;
}

#footer a {
	color: #999898;
	display: block;
	width: 100%;
	height: 100%;
}

#footer a:hover {
	color: #d08400;
}

#footer li {
	list-style: none;
}

#footer .nav1 {
	float: left;
	width: 128px;
}

#footer .nav2 {
	float: left;
	width: 147px;
	padding: 0 0 0 20px;
}

#footer .nav3 {
	float: left;
	width: 90px;
	padding: 0 0 0 20px;
}

#footer .copyright {
	float: left;
	width: 495px;
	text-align: right;
	font-size: .8em;
	line-height: 145%;
}

#footer .footnote {
	padding: 0 0 15px 0;
	font-size: 1.15em;
}

#footer .copyright .copyright_text {
	font-size: 1.2em;
	padding: 0;
	margin: 0;
}

#footer_content {
	background: url(/_ui/skin/img/main/footer_content.gif) 0px 0px repeat-y;
	padding: 0 0 24px 0;
}