@charset "UTF-8";
/* CSS for Tonik */

body{
margin:0;
background-color: #ccc;
padding: 0px;
font-family: Arial, Helvetica, San Serif;
font-size: 1.0em;
color: #000;
}

#wrapper {
margin-left: auto;
margin-right: auto;
width:904px;
height:100%;
text-align:left;
}

#pageheader {
position:relative;
width:904px;
height:100%;
padding:0;
}

#top_shadowband {
background:url(../images/top_shadow.jpg) no-repeat;
width:904px;
height:15px;
position: absolute;
margin: 0px;
padding: 0px;
display: block;
}

#banner {
position: absolute;
top: 15px;
margin-left: auto;
margin-right: auto;
width:904px;
height:82px;
}

#left_shadow {
background:url(../images/left_edge.jpg) no-repeat;
width:18px;
height:82px;
position: absolute;
left: 0px;
display: block;
}

#logo_header {
background:url(../images/logo_banner.jpg) no-repeat;
width:393px;
height:82px;
position: absolute;
left: 18px;
display: block;
overflow: hidden;
text-indent: -9999em;
}

#phone_header {
background:url(../images/phone_banner.jpg) no-repeat;
width:475px;
height:82px;
position: absolute;
left: 411px;
display: block;
overflow: hidden;
text-indent: -9999em;
}

#right_shadow {
background:url(../images/right_edge.jpg) no-repeat;
width:18px;
height:82px;
position: absolute;
left: 886px;
display: block;
}

/* #################### MENU starts here #################### */

#menuwrapper
{
top: 97px;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
width: 904px;
height: 28px;
z-index: 20;
}
#menuleft
{
position: absolute;
left: 0px;
display: block;
width: 18px;
height: 28px;
background: url(../images/ifi_08.jpg) no-repeat;
}
#menupanel
{
position: absolute;
left: 18px;
display: block;
width: 868px;
height: 28px;
background: url(../images/menuleft.jpg) no-repeat;
}
#menuright
{
position: absolute;
left: 886px;
display: block;
width: 18px;
height: 28px;
background: url(../images/ifi_10.jpg) no-repeat;
}

span.hidden
{
visibility: hidden;
display: none;
}

.hidden
{
font-size:0.35em;
color:#000;
line-height:140%;
text-indent:-9999em;
padding:0;
margin:0;
}

strong {
font-weight:bold;
}
 

/* #################### MAIN BIG IMAGE starts here #################### */

#image_area {
position:relative;
height:276px;
top:125px;
overflow:hidden;
}

#img_container {
width:904px;
height:276px;
background:url(../images/tnk_bigimg.jpg) no-repeat;
}

/*  Apply Now button styling  */
div.btn_holder {
position:absolute;
top:194px;
left:608px;
width:249px;
height: auto;
display: block;
}

span.applybutton {
position:relative;
width:249px;
height:46px;
background:url(../images/apply_buttntop.gif) no-repeat;
background-position: 0 -46px;
display:block;
}

.applybutton a {
position:relative;
width:249px;
height:46px;
background:url(../images/apply_buttntop.gif) no-repeat;
background-position: 0 0;
display:block;
cursor:pointer;
}

.applybutton a:hover {
background:transparent;
}

div.btn_holder2 {
width:auto;
height:auto;
text-align:right;
}

span.applybutton2 {
position:relative;
width:249px;
height:46px;
background:url(../images/apply_buttn.gif) no-repeat;
background-position: 0 -46px;
display:block;
}

.applybutton2 a {
position:relative;
width:249px;
height:46px;
background:url(../images/apply_buttn.gif) no-repeat;
background-position: 0 0;
display:block;
cursor:pointer;
}

.applybutton a:hover, .applybutton2 a:hover {
background:transparent;
}

a.getquote {
position:relative;
width:249px;
height:36px;
display: block;
color:#bd6014;
font-size:.85em;
font-style:oblique;
font-weight:bolder;
text-decoration:none;
top:10px;
text-align: right;
}

a.getquote:hover {
color:#1a76bc;
}

/* #################### CONTENT CONTAINER starts here #################### */

#content_container {
position:relative;
top:125px;
width:904px;
height:100%;
background:url(../images/bg_fill.gif) repeat-y;
}

#left_maincol {
float:left;
width:326px;
height:100%;
}

/*  Highlight box styles from here  */


#image_area h3 {
position:relative;
width:221px;
left:60px;
top:-25px;
color:#FFF;
font-size:107%;
}

#left_incol{
width:277px;
margin-left:33px;
}

#boxmid {
font-size:0.76em;
color:#000;
line-height:140%;
background:url(../images/box_bgfill.gif) repeat-y;
}

.text_inbox {
position:relative;
top:12px;
left:27px;
width:221px;
padding-bottom:15px;
}

.text_inbox h4 {
font-size:110%;
}

.text_inbox p {
padding-bottom:10px;
}

.text_inbox ul {
padding-bottom:12px;
padding-left:15px;
list-style-type:disc;
}

.text_inbox ul li {
padding-bottom:6px;
}


#boxbttm {
width:277px;
height:21px;
background:url(../images/box_bottm.gif) no-repeat;
}

/*  large blue buttons styles from here  */

.big_buttons {
position: relative;
width:251px;
height: 68px;
background-color:#bfe5f9;
padding: 0;
margin-bottom:10px;
display:block;
margin-left:12px;
}

.big_buttons a {
position: relative;
width:229px;
height:26px;
top:10px;
left:10px;
padding:16px 0 4px 0;
background-color:#edf7fc;
border:1px solid white;
text-align:center;
color:#1a76bc;
font-weight:bolder;
text-decoration: none;
display:block;
}

.big_buttons a:hover {
background-color:#7fcbeb;
color: #fff;
border:1px solid #cae9fa;
} 



/* ########## RIGHT COLUMN styles from here ########## */

#right_maincol {
float:left;
width:576px;
height:100%;
}


#blue_band {
width:560px;
height:15px;
background-color:#1a76bc;
background:url(../images/green_band.gif) repeat-x;
}

/*  right and left INNER Column styles from here  */


#right_colwrap {
Width:561px;
height:auto;
padding-bottom:10px;
}

#colwrap_left {
float:left;
width:251px;
height:auto;
padding-bottom:10px;
}

/*  Benefit Guide link styling  */

.guidelink {
float:right;
display: block;
overflow: hidden;
width:113px;
height:220px;
margin:-4px 0 0 5px;
}

a.guide {
width:103px;
height:210px;
display: block;
border: 5px solid #bfe5f9;
} 

a.guide:hover {
border: 5px solid #7fcbeb;
}

#colwrap_right {
float:left;
width:251px;
height:auto;
margin-left:31px;
padding-bottom:10px
}

h3.blueheader {
color:#1a76bc;
margin:18px 0 6px 0;
font-stretch:narrower;
font-size:1.05em;
line-height:115%;
}

.plantext {
font-size:0.75em;
padding-bottom:10px;
line-height:140%;
}

p.plantext a, ul.plantext li a {
color:#000;
text-decoration:underline;
}

ul.plantext {
list-style-type:disc;
list-style-position:outside;
padding-left:16px;
}

ul.plantext li {
padding-bottom:10px;
}

span.readmore a {
color:#62a70a;
font-size:.85em;
font-style:oblique;
font-weight:bolder;
text-decoration:none;
padding-bottom:12px;
}

span.readmore a:hover {
color:#b4b4b4;
}

.clearfloat {clear:both; }


/* #################### FOOTER STUFF starts here #################### */

#footer_wrap
{
width:inherit;
height:56px;
background:url(../images/bg_fill.gif) repeat-y;
padding:15px 0 10px 0;
clear:both;
}

.footer_info {
position:relative;
width:inherit;
font-size:.73em;
color:#666;
text-align:center;
line-height:140%;
}

.footer_info span {
font-size:0.88em;
}

.footer_info span a {
color:#666;
text-decoration:underline;
}

#footermenu
{
position: relative;
float: left;
width: 904px;
line-height: 1.0em;
color: #5e82af;
margin-top:5px;
}

#footermenu a
{
color: #5e82af;
text-decoration: none;
padding-left: 5px;
padding-right: 5px;
}
#footermenu a:hover
{
color: #274466;
text-decoration: underline;
}
ul.ftmenu
{
font-size: 0.8em;
font-weight: bold;
text-align: center;
white-space:nowrap;
list-style-type:none;
}
li.ftlink
{
line-height: 1.5em;
display:inline;
}
li.fttext
{
line-height: 1.5em;
display:inline;
font-weight: normal;
}

#footer_shadow
{
width: 904px;
height: 18px;
background:url(../images/footer_shadow.jpg) no-repeat;
clear:both;
}

sup {font-size:.65em; vertical-align:text-top;}