@charset "utf-8";

/* CSS Documents */



/*layout*/

body#portal {background-color:#edecec; background-image:url(../src/blue-bar.jpg); background-repeat:repeat-x;}

body#destination {background-color:#edecec; background-image:url(../src/blue-bar-dest.jpg); background-repeat:repeat-x;}

#portalheader {width:1030px; height:355px; margin:auto; clear:both;}

#destinationheader {width:1030px; height:130px; margin:auto; overflow:hidden;}

#logonav {width:270px; height:44px; float:left; clear:both;}

#logonav-dest {float:left;}

#globalnav {position:relative; left:0px; height:22px; float:left; margin-bottom:0px;}

#rich-media-display {width:1030px; height:311px; background-image:url(../src/logomap2.jpg); background-repeat:no-repeat; float:left; clear:both;}

#destination-display {width:1030px; height:85px; overflow:hidden; background-image:url(../src/logomap-dest.jpg); background-repeat:no-repeat; float:left;}

#slogan-phone-dest {width:300px; height:85px; overflow:hidden; background-image:url(../src/slogan-phone-dest.jpg); background-repeat:no-repeat;}

.container {margin:auto;}

#footer {margin:auto; width:1030px; color:#999; text-align:center; font-size:.8em;}

#footer a{color:#999; text-decoration:underline; margin-left:10px; margin-right:10px;}

#footer a:hover{color:#333;}

.ina-border {border:1px solid #CCC; padding:10px; margin:0px 0px 20px 0px;}

hr {margin:60px 0px 10px 0px;}



/*Destination Page Content Styles*/

#contenttop {width:1030px; height:15px; overflow:hidden; background-image:url(../src/container-top-dest.jpg); background-repeat:no-repeat;}

#contentmiddle {width:1030px; overflow:hidden; margin-bottom:0px; background-image:url(../src/container-middle-dest.jpg); background-repeat:repeat-y;}

.col-itm {background-image:url(../src/contentmiddle-middle.jpg); background-repeat:repeat-y; padding-left:20px;}

#contentbottom {width:1030px; height:14px; overflow:hidden; /*background-image:url(../src/container-bottom-dest.jpg);*/ background-repeat:no-repeat; margin-bottom:30px;}

#leftcol-dest {}

.pagetitle {}

.bodycontent {margin-bottom:30px;}

#rightcol-dest {}

.col-header {background-image:url(../src/rightcol-header.jpg); background-repeat:no-repeat; height:27px; padding-left:6px; padding-top:2px;}

.col-item {background-image:url(../src/rightcol-middle.jpg); background-repeat:repeat-y; padding-left:20px;}

.col-bottom {margin-bottom:1.75em;}

.incentive-title h1, h4{color:black;}

.incentive-link {font-size:1.75em; font-weight:bold; color:#6699CC; text-decoration:underline;}



/*Portal Page Content Styles*/

#portal-body-bg {margin:auto; width:1030px; background-image:url(../src/portal-body-bg.jpg);}

#portal-body-bottom {margin:auto; width:1030px; margin-bottom:30px; background-image:url(../src/portal-body-bg-bottom.jpg);}

.portalmenu {margin-bottom:30px;}

.home-menu-bg {width:950px; background-image:url(../src/ina_home/home-menu-bg.png); background-repeat:no-repeat;}

.right-content {overflow:hidden;}

.content-container {margin-bottom:30px;}

.top-three{ background-color:white;}

.bottom-three{ background-color:white;}

.portal-menu {font-size:.9em; color:#666; margin-bottom:30px;}

.portal-menu h3{font-size:1.2em;}
.bar {height:4px; background-image:url(../src/agent-resources/grey_bar.gif); background-repeat:repeat-x;}



/*Global Nav*/

a {height:60px; width:100px;}

#globalnav .nav li {position:absolute; left: 200px; list-style: none; float:left;}

#globalnav .nav li a { display: block; width: 720px; height: 44px; text-indent: -9999px;}

#globalnav .nav li.need { left: 0; }

#globalnav .nav li.need a.none { background:url(../src/need.png) no-repeat; }

#globalnav .nav li.need a:hover { background:url(../src/need.png) no-repeat 0 -44px;  }

.needhover { background:url(../src/need.png) no-repeat 0 -44px; }

#globalnav .nav li.sales { left: 110px;}

#globalnav .nav li.sales a.none { background:url(../src/sales.png) no-repeat; }

#globalnav .nav li.sales a:hover { background:url(../src/sales.png) no-repeat 0 -44px; }

.saleshover { background:url(../src/sales.png) no-repeat 0 -44px; }

#globalnav .nav li.take { left: 264px;}

#globalnav .nav li.take a.none { background:url(../src/take.png) no-repeat; }

#globalnav .nav li.take a:hover { background:url(../src/take.png) no-repeat 0 -44px; }

.takehover { background:url(../src/take.png) no-repeat 0 -44px; }

#globalnav .nav li.ready { left: 405px; }

#globalnav .nav li.ready a.none { background:url(../src/ready.png) no-repeat; }

#globalnav .nav li.ready a:hover { background:url(../src/ready.png) no-repeat 0 -44px; }

.readyhover { background:url(../src/ready.png) no-repeat 0 -44px; }

#globalnav .nav li.carriers { left: 517px;  }

#globalnav .nav li.carriers a.none { background:url(../src/carriers.png) no-repeat; }

#globalnav .nav li.carriers a:hover { background:url(../src/carriers.png) no-repeat 0 -44px; }

.carriershover { background:url(../src/carriers.png) no-repeat 0 -44px; }

#globalnav .nav li.about { left: 658px;}

#globalnav .nav li.about a.none { background:url(../src/about.png) no-repeat; }

#globalnav .nav li.about a:hover { background:url(../src/about.png) no-repeat 0 -44px; }

.abouthover { background:url(../src/about.png) no-repeat 0 -44px; }




/* typography.css */

body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;}

h1 {font-size:2.5em;line-height:1;margin-bottom:.5em; font-weight:bold;}

h2 {font-size:1.4em;margin-bottom:0em; font-weight:bold; color:white;}

h3 {font-size:1.05em;line-height:1.3;margin-bottom:0.5em;margin-top:1em; font-weight:600; color:#336699;}

h3 a {font-size:1.05em;line-height:1.3;color:#336699;}

h4 {font-size:1.75em;line-height:1;margin-bottom:5px;; font-weight:bold;}

h5 {font-size:1em;font-weight:bold;margin-bottom:0.25em;margin-top:0.5em;background:url(../browse/Out.jpg);color:#666666;}

.over {color:#FFF;background:url(../browse/Over.jpg);}

h6 {font-size:1em;font-weight:bold; color:#336699;}

a:focus, a:hover {color:#003466;}

a {color:#336699;text-decoration:none;}

a.more {font-weight:bold;}

em, dfn {color:#003466;}

.pagetitle h1{color:#336699;}

.col-item p{margin-bottom:1px;}

.more-button {margin-bottom:1.75em;}

input {  background-color:#FFF; }

#name, #phone {  background-color:#FF9; }



/*nick's jquery twirls*/
.JS # boxes {display: none; padding:0px; border:0px; background-color:#FFFFFF; margin-left:1em;}
.JS # link {display: none; padding:0px; border:0px; background-color:#FFFFFF; margin-left:1em;}
.JS #titles {display: none; padding:0px; border:0px; background-color:#FFFFFF; margin-left:1em;}
#cats {display:inline; padding:0px;border:0px solid #66FF00;background-color:#FFFFFF;}
div
#link-1 {background-image:url(../src/calculators/calc-bg-slice-white.png); }
#link-2 {background-image:url(../src/calculators/calc-bg-slice-grey.png);}
#contentmiddle {background-image:url(../src/container-middle-dest.jpg); background-repeat:repeat-y;}
.insurance {display:block; padding:0; vertical-align:top;}
.cats { display:inline; float:left; vertical-align:top; background-image:url(../src/calculators/calc-title-bar.png); background-repeat:no-repeat; height:43px; padding-left:6px; padding-top:4px;line-height:2.25em;}
.cats h2 {display:inline;}
.cats img {display:inline;}
.finance, .retire {display:block;}
h2.cat-header a {color:#FFF; cursor:pointer;}
h2.cat-header {cursor:pointer;}
h2.cat-header a:focus, h2.cat-header a:hover {color:#90b7de;}

/*forms.css*/
textarea {width:390px;height:250px;padding:5px;}
.height1{height:64px;}
.height2{height:128px;}
.height3{height:192px;}
.height4{height:256px;}


/*carriers*/
.closeEl, .closeC1, .closeC2 { cursor:pointer;}


/*marketing.css*/
img.screenCapThumb { width:61px; height:45px; margin:4px; float:left;}

.right-content h3.rightTitle {color:#003366; font-size:1.2em; font-weight:bold; margin-bottom:0px; padding-bottom:0px; margin-top:0; padding-top:5px; }
.right-content h3.rightSub { margin:0px; padding:0px;}

.right-content p.rightP { margin:0px; padding:0px; color:#666; font-size:1em; line-height:1em;}

/*marketingJquery.css*/
.groupWrapper{
	width: 32%;
	float: left;
	margin-right: 1%;
	min-height: 400px;
}
.groupGrab{
cursor: move;
}

.groupItem
{
	 
	padding-left:6px; 
	margin-bottom: 20px;
}
.groupItem .itemHeader
{

	vertical-align:middle;
	position: relative;


}


.groupItem .itemHeader h6 {color:#336699;font-size:1.2em;}
.groupItem .itemHeader h6:hover {color:#90b7de;	font-size:1.2em;}
.groupItem h5.subHeads { margin-top:0; padding-top:0px; font-size:0.9em;}

.itemHeader table
{ margin:0;

}
.itemHeader td { text-align:left; left:auto;}
.itemHeader td h6 {text-align:left; left:auto; position:static;}
.itemHeader td.replace
{ width:30px;
}

.sortHelper
{
	background-image:url(../src/marketing/pointer.png);
	background-repeat:no-repeat;
	float: left;
	border: 0px;
	width: auto !important;
}
.groupWrapper p
{
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}





/* Scroller Box */
#scroller_container {
	/*border-color:#CCC; border-width:3px; border-style:solid;*/ 
	height:100%;
 position: relative;
 width: 130px;
 height: 600px;
 overflow: hidden;
}
.scrollerDiv { width:110px; padding-left:3px; padding:10px;  vertical-align:middle;}

#scroller { padding:0;}
.scrollerimg { width:110px;}
/* Scoller Box */




emailimg:hover {cursor:pointer;}
div.email {display:none;}


h5.executive, h5.admin, h5.finance, h5.benefit {cursor:pointer;}
div.scrollcont {overflow:hidden; display:inline; height:2600px;}