body {
    margin : 0;
    padding : 0;
    font : normal 86% Arial, Verdana, Helvetica, sans-serif;
    text-align : center;
    min-width : 880px;
    background : #001e34;
}

body#indexbody div#preheader {
    height : 27px;
    background : transparent url(images/topbackground.jpg) left top no-repeat;
}
div#preheader {
    width : 879px;
    height : 26px;
    margin : 0 auto;
    background : transparent url(images/interiortopbackground.jpg) left top no-repeat;
}
#wrapper {
    width : 879px;
    margin : 0 auto 25px auto;
    border-right : 1px solid #b82717;
    border-left : 1px solid #b82717;
    border-bottom : 1px solid #b82717;
    background : #8ecbf7 url(images/interiorbackground.jpg) left top no-repeat;
    text-align : left;
    position : relative;
}
body#indexbody #wrapper {
    background : #8ecbf7 url(images/background.jpg) left top no-repeat;
}

/* ----- header logo */
#indexbody div#header {
    height : 137px;
}
div#header {
    width : 879px;
    height : 96px;
    background : transparent;
}
#indexbody h1 {
    width : 292px;
    height : 137px;
    left : 587px;
}
h1 {
    margin : 0;
    padding : 0;
    width : 211px;
    height : 96px;
    position : relative;
    left : 668px;
    top : 0;
    /* hide image-replaced text */
    color : #e6ecef;
    font-size : 1px;
}
#indexbody h1 a {
    background : #fff url(images/logo.jpg) top right no-repeat;
}
h1 a {
    background : #fff url(images/interiorlogo.jpg) top right no-repeat;
    position : absolute;
    width : 100%;
    height : 100%;
    text-decoration : none;
}

/* ----- top navigation */
#indexbody ul#topNav {
    margin : 0;
}
ul#topNav {
    list-style : none;
    width : 484px;
    height : 36px;
    background : #c64332 url(images/topNav.jpg) top left no-repeat;
    margin : 0 0 35px 0;
    padding : 0;
    position : relative;
    left : 395px;
    z-index : 1;
}
ul#topNav li {
    margin : 0;
    padding : 0;
    position : absolute;
    top : 0;
}
ul#topNav li, ul#topNav a {
    height : 36px;
    display : block;
}
ul#topNav a {
    text-decoration : none;
    /* hide image-replaced text */
    color : #c64332;
    font-size : 1px;
    text-indent : -9999px;
}
/* http://www.alistapart.com/articles/sprites */
#home_nav       { left :     0; }
#product_nav    { left :  63px; }
#aboutus_nav    { left : 134px; }
#support_nav    { left : 208px; }
#news_nav       { left : 279px; }
#contact_nav    { left : 338px; }
#login_nav      { left : 423px; }
#home_nav    a  { width :  63px; }
#product_nav a  { width :  72px; }
#aboutus_nav a  { width :  75px; }
#support_nav a  { width :  72px; }
#news_nav    a  { width :  60px; }
#contact_nav a  { width :  87px; }
#login_nav   a  { width :  60px; }
#home_nav    a:hover { background : transparent url(images/topNav.jpg)    0px -36px no-repeat; }
#product_nav a:hover { background : transparent url(images/topNav.jpg)  -63px -36px no-repeat; }
#aboutus_nav a:hover { background : transparent url(images/topNav.jpg) -134px -36px no-repeat; }
#support_nav a:hover { background : transparent url(images/topNav.jpg) -208px -36px no-repeat; }
#news_nav    a:hover { background : transparent url(images/topNav.jpg) -279px -36px no-repeat; }
#contact_nav a:hover { background : transparent url(images/topNav.jpg) -338px -36px no-repeat; }
#login_nav   a:hover { background : transparent url(images/topNav.jpg) -423px -36px no-repeat; }


/* on the home page, hide home icon in top nav */
#indexbody ul#topNav {
    width : 424px;
    background : #c64332 url(images/topNav.jpg) -60px top no-repeat;
    left : 455px;
}
#indexbody #product_nav { left :  0px; }
#indexbody #aboutus_nav { left :  74px; }
#indexbody #support_nav { left : 148px; }
#indexbody #news_nav    { left : 219px; }
#indexbody #contact_nav { left : 278px; }
#indexbody #login_nav   { left : 363px; }
#indexbody #home_nav    a { width : 0 }
#indexbody #product_nav a { width : 74px; }
#indexbody #aboutus_nav a { width : 74px; }
#indexbody #support_nav a { width : 74px; }
#indexbody #home_nav    a:hover { background : transparent; }
#indexbody #product_nav a:hover { background : transparent url(images/topNav.jpg)  -60px -36px no-repeat; }
#indexbody #aboutus_nav a:hover { background : transparent url(images/topNav.jpg) -134px -36px no-repeat; }
#indexbody #support_nav a:hover { background : transparent url(images/topNav.jpg) -208px -36px no-repeat; }

/* ----- hidden 2nd menu in top nav */
/* ----- suckerfish dropdowns */
#topNav li ul {
    position : absolute;
    width : 16em;
    left : -999em;
    background : #811508;
    padding : 0 0 5px 0;
    margin : 0;
}
#topNav li ul li {
    position : relative;
    left : 0;
    text-align : left;
    padding : 5px 0 2px 0;
    height : 1.6em;
    width : 16em;
}
#topNav li ul li a {
    color : #fff;
    font-size : 1em;
    text-indent : 0;
    height : auto;
    width : 10em;
    padding : 0 1em;
}
#topNav li:hover ul a:hover,
#topNav li.sfhover ul a:hover {
    background : transparent;
}
#topNav ul li:hover, #topNav ul li.sfhover {
    background : #22419b;
}
#topNav li:hover ul, #topNav li.sfhover ul {
    left : auto;
}

#indexbody #product_nav ul a,
           #product_nav ul a {
    width : 16em;
}
#indexbody #product_nav ul a:hover { background : transparent; }

#indexbody #aboutus_nav ul a,
           #aboutus_nav ul a {
    width : 16em;
}
#indexbody #aboutus_nav ul a:hover { background : transparent; }

#indexbody #support_nav ul a,
          #support_nav ul a {
   width : 16em;
}
#indexbody #support_nav ul a:hover { background : transparent; }

/* ----- primary content */
#indexbody #primaryContent {
    background : transparent;
    margin : 0;
    padding : 0;
}
#primaryContent {
    width : 864px;
    margin : 0 0 21px 0;
    padding : 5px 0 25px 0;
    position : relative;
    top : 0;
    background : #fff;
    z-index : 0;
}

c#indexbody h3 {
    margin : 15px 0 0 0;
    color : #bf2e1b;
}
h3 {
    margin : 20px 0 0 30px;
    padding : 0;
    color : #BF2E1B;
}
h3.top {
    margin : 50px 0 0 30px;
}
h3.first {
    margin : 0 0 0 30px;
}
#indexbody p {
    width : auto;
    margin : 13px 0;
}
p {
    color : #032455;
    margin : 5px 0 10px 30px;
    padding : 0;
    width : 550px;
    line-height : 150%;
}
#indexbody h4 {
    margin : 18px 0;
    font-size : 1em;
}
h4 {
    margin : 20px 0 0 30px;
    color : #BF2E1B;
    font-size : 1.05em;
}
h4#contactUs {
    margin : 0px 0 0 30px;
    color : #BF2E1B;
    font-size : 1.05em;
}

h4#detail {
    margin : 20px 0 10px 30px;
    color : #BF2E1B;
    font-size : 1.05em;
}

ul {
    color : #032455;
    line-height : 150%;
    margin : 0 0 12px 20px;
    padding : 0 0 0 40px;
}

#primaryContent li.first { padding-top: 0!important; }

#primaryContent #support { margin-top: 0!important;
	padding-left: 30px !important; 
}

#primaryContent a {
    color : #032455;
}
#primaryContent a:hover {
    color : #bf2e1b;
}
a:visited {
    color : #7447d0;
}
div#promosidebar {
    float : right;
    width : 240px;
    background-color : #e3ebf6;
    padding : 0;
    margin : 0 14px 0 0;
}


div#promosidebar p { width: 210px; margin: 5px 0 10px 14px; line-height : 120%; }

div#promosidebar h3 {
    margin : 14px;
    line-height : 140%;
}
div#promosidebar ul {
    line-height : 120%; 
    margin : 10px 0 20px 0;
    padding : 0 0 0 35px;
}
div#promosidebar li {
    font-size : 13px;
    margin : 0 0 5px 0;
}
div#promosidebar a {
    color : #002853;
}
div#promosidebar a img {
    margin : 0 0 10px 20px;
    border : none;
}

/* ----- intro text */

#indexbody h2 {
    padding : 0 0 0 275px;
    margin : 49px 0 0 0;
    color : #bf2e1b;
    font-size : 1.5em;
    font-weight : bold;
    position : static;
    top : 0;
    left : 0;
}

#primaryContent p.intro {
    margin : 8px 0 19px 275px;
    padding-right : 35px;
    width : 566px;
    font-family : Arial;
    font-size : 13px;
    color : #032455;
    line-height : 140%;
}

/* ----- home page sections */
div#indexsections {
    width : 863px;
    min-height : 260px;
    height : auto !important;
    height : 250px; /* min-height fast hack */
    float : left;
    background : #fff url(images/primarybackground.jpg) left top repeat-y;
    padding : 0 0 13px 0;
}

/* ----- home page product list */
div#products {
    width : 275px;
    float : left;
}
div#products h3 {
    margin : 15px 0 10px 25px;
}
div#products ul {
    list-style : none;
    width : 200px;
    height : 182px;
    position : relative;
    background : transparent url(images/productlist.jpg) top left no-repeat;
    padding : 0;
    margin : 0 0 0 16px;
}
div#products li {
    position : absolute;
    left : 0;
}
div#products li, div#products li a {
    width : 200px;
    display : block;
}
div#products li a {
    text-decoration : none;
    /* hide image-replaced text */
    color : #fff;
    font-size : 1px;
    text-indent : -9999px;
}
#indexbody li#eligibility { top : 0; }
#indexbody li#capcheck    { top : 61px; }
#indexbody li#datatug     { top : 123px; }
#indexbody li#eligibility a { height : 60px; }
#indexbody li#capcheck    a { height : 62px; }
#indexbody li#datatug     a { height : 61px; }
#indexbody li#eligibility a:hover { background : transparent url(images/productlist.jpg) -200px    0px no-repeat; }
#indexbody li#capcheck    a:hover { background : transparent url(images/productlist.jpg) -200px  -61px no-repeat; }
#indexbody li#datatug     a:hover { background : transparent url(images/productlist.jpg) -200px -123px no-repeat; }

/* ----- home page testimonials */
div#testimonials {
    width : 255px;
    margin-right : 55px;
    float : left;
}
div#testimonials blockquote {
    margin : 20px 0 20px 0;
    font-style : italic;
}
div#testimonials blockquote p {
    color : #032455;
    line-height : 130%;
}
div#testimonials p.source {
    text-align : right;
    color : #032455;
    font-weight : bold;
    margin : 0;
    line-height : 100%;
    width : auto;
}

/* ----- home page news */
div#news {
    width : 265px;
    margin : 0 10px 0 0; 
    float : left;
    position : relative;
    line-height : 120%;
    color : #032455;
}
div#news h4 a {
    color : #032455;
    font-weight : bold;
}
div#news p {
    line-height : 140%;
}
div#news p a {
    color : #032455;
    text-decoration : none;
}
div#news a:hover {
    color : #bf2e1b;
}

/* ----- home page: products, testimonials, news buttons */
ul#homebuttons {
    clear : both;
    list-style : none;
    padding : 0;
    margin : 0;
    height : 35px;
}
ul#homebuttons li {
    position : relative;
    float : left;
    height : 27px;
}
ul#homebuttons li a {
    text-decoration : none;
    /* hide image-replaced text */
    font-size : 1px;
    text-indent : -9999px;
}
ul#homebuttons li, ul#homebuttons li a {
    height : 27px;
    display : block;
}
li#products_button {
    top : -13px;
    left : 85px;
    width : 124px;
}
li#products_button a {
    background : #fff url(images/products_button.jpg) left top no-repeat;
}
li#products_button a:hover { background : #fff url(images/products_button.jpg) -124px 0 no-repeat; }

li#testimonials_button {
    top : -13px;
    left : 268px;
    width : 141px;
}
li#testimonials_button a {
    background : #fff url(images/testimonials_button.jpg) left top no-repeat;
}
li#testimonials_button a:hover { background : #fff url(images/testimonials_button.jpg) -141px 0 no-repeat; }
li#news_button {
    top : -13px;
    left : 455px;
    width : 102px;
}
li#news_button a {
    background : #fff url(images/news_button.jpg) left top no-repeat;
}
li#news_button a:hover { background : #fff url(images/news_button.jpg) -102px 0 no-repeat; }

/* ----- footer */

#footer {
    clear : both;
    width : 864px;
    height : 88px;
    margin : 0;
    padding : 0;
    background : #558bcd;
}
#footer ul {
    list-style : none;
    margin : 0;
    padding : 0 0 0 13px;
}
#footer li {
    display : inline;
    float : left;
    padding : 25px 5px 0 5px;
    font-size : 11px;
    color : #fff;
}
#footer li a {
    color : #fff;
    text-decoration : none;
}
#aboutusbody #footer p,
#footer p {
    clear : both;
    color : #c0d8f4;
    font-size : 11px;
    padding : 7px 0 0 18px;
    text-align : left;
    margin : 0 0 0 0;
}
#footer div#gripmedia {
    position : absolute;
    bottom : 0;
    left : 535px;
    width : 129px;
    height : 18px;
    padding : 4px 0 0 0;
    text-align : center;
    background-color : #4477c0;
}
#footer div#gripmedia a {
    color : #fff;
    font-size : .9em;
    text-decoration : none;
}
#footer div#birds {
    position : absolute;
    bottom : 2px;
    right : 19px;
    text-align : center;
    display : inline;
    font-size : 11px;
    margin-left: auto;
    margin-right: auto;
}
#footer div#birds a {
    color : #fff;
    text-decoration : none;
}
#footer img {
    border-style : none;
}
#footer div#footermenu {
    width : 500px;
    float : left;
    text-align : left;
}

#footer img.thumbnail {
    border:solid 1px #c64332
}

/* ----- interior pages */
#primaryContent p.wideintro,
#primaryContent p.interiorintro {
    font-size : 15px;
    width : 470px;
    margin : 0 0 0 30px;
    padding : 0 10px 10px 0;
}
#primaryContent p.wideintro {
    width : auto;
    padding : 0 30px 10px 0;
}
h2 {
    color : #fff;
    position : absolute;
    left : 26px;
    top : 105px;
    font-size : 25px;
    margin : 0;
    padding : 0;
}

/* ----- product page */
/* ----- product list with icons that glow when icon or header is hovered */
#productsbody ul#products {
    list-style : none;
    margin : 0 0 0 25px;
    padding : 25px 0 0 0;
    min-height : 550px;
    height : auto !important;
    height : 550px; /* min-height fast hack */
}
#productsbody ul#products h3 {
    font-family : Myriad, Arial, Verdana, Helvetica, sans-serif;
    margin : 0;
    padding : 0;
    width : 557px;
}
#productsbody ul#products p {
    font : 14px/1.5 Myriad, Arial, Verdana, Helvetica, sans-serif;
    width : 557px;
    padding : 0;
    margin : 0;
}
#productsbody ul#products a {
    text-decoration : none;
    color : #2b5ca1;
    position : relative;  /* for IE 6, had to use this to position hotspot; li didn't work */
    float : left;
    cursor : pointer;
}
#productsbody ul#products li {
    clear : both;
    margin : 0 0 35px 0;
    padding : 0;
}
#productsbody div.icon {
    float : left;
    width : 94px;
    height : 110px;
    margin : 0 20px 0 0;
    padding : 0;
}
#productsbody ul#products a .hotspot {
    width : 94px;
    height : 94px;
    position : absolute;
    top : 0;
    left : -114px;
}
#productsbody #eligibility div.icon { background : #fff url(images/eligibility.jpg) left top no-repeat; }
#productsbody #capcheck    div.icon { background : #fff url(images/capcheck.jpg) left top no-repeat; }
#productsbody #datatug     div.icon { background : #fff url(images/datatug.jpg) left top no-repeat; }

#productsbody ul#products #eligibility a:hover .hotspot { background : #fff url(images/eligibility.jpg) -94px top no-repeat; }
#productsbody ul#products #capcheck    a:hover .hotspot { background : #fff url(images/capcheck.jpg) -94px top no-repeat; }
#productsbody ul#products #datatug     a:hover .hotspot { background : #fff url(images/datatug.jpg) -94px top no-repeat; }

/* fixes for IE */
#productsbody ul#products #eligibility a:hover { background : none; }
#productsbody ul#products #capcheck    a:hover { background : none; }
#productsbody ul#products #datatug     a:hover { background : none; }


/* sidetab "Request Online Demo" on products page */
#productsbody div#sidetab {
    position : absolute;
    top : 30px;
    left : 635px;
    width : 120px;
    margin : 0;
}
div#sidetab {
    position : relative;
    width : 120px;
    margin : 0 0 14px 20px;
}
div#sidetab, div#sidetab a {
    height : 27px;
    display : block;
}
div#sidetab a {
    background : #fff url(images/requestonlinedemo.jpg) left top no-repeat;
    /* hide image-replaced text */
    color : #cf4936;
    font-size : 1px;
    text-indent : -9999px;
}
div#sidetab a:hover {
    background : #fff url(images/requestonlinedemo.jpg) -120px 0 no-repeat;
}


/* ----- news & links page */
#newsbody h4 {
    margin : 0 0 0 30px;
}

/* ------ contact page */
div.adr, div.tel, p.email {
    color : #032455;
    margin : 5px 0 20px 40px;
    width : 550px;
    line-height : 180%;
}

/* ------ about us page */
#aboutusbody p {
    width : auto;
    margin : 0 0 0 30px;
    padding : 0 30px 10px 0;
}
#aboutusbody #primaryContent img {
    float : left;
    margin : 10px 20px 10px 30px;
}

/* ----- eligibility manager page */
#eligibilitybody #primaryContent {
    min-height : 560px;
    height : auto !important;
    height : 560px; /* min-height fast hack */
}
h2.smaller {
    font-size : 18px;
    top : 112px;
}
p.prelist {
    margin-bottom : 5px;
}
img.content_img {
    margin : 10px 0 0 30px;
}

/* ----- 3 product pages */
img.product_icon {
    margin : 20px 0 0 30px;
    padding : 0 20px 20px 0;
    float : left;
    display : inline;
}
p.top {
    float : left;
    width: 400px;
    margin-left : 0;
}

/* cap check page */
#capcheckbody #primaryContent {
    min-height : 450px;
    height : auto !important;
    height : 450px; /* min-height fast hack */
}

/* cap check details page */
table {
    color : #032455;
    border-collapse : collapse;
    margin : 0 0 0 30px;
    border-left : none;
    border-right : none;
    border-top : 1px solid #ccc;
    border-bottom : 1px solid #ccc;
}
td {
    border-left : 1px solid #ccc;
    border-right : 1px solid #ccc;
    border-top : none;
    border-bottom : none;
    padding : 5px 15px 5px 5px;
}

/* support page */
#supportbody #primaryContent ul {
    list-style : none;
    margin : 10px 0 0 0;
}
#supportbody #primaryContent li {
    padding : 10px 0 0 0;
}

/* EM health plans page */
#healthplansbody #primaryContent {
    float : left;
}
hr.healthplans {
    width : 550px;
    margin : 10px 0 0 30px;
}
ul.healthplans {
    list-style : none;
    float : left;
    margin : 20px 40px 0 0;
}

/* testimonials page, and the 3 product testimonials pages */
#testimonialsbody h3 {
    margin-bottom : 20px;
}
#testimonialsbody p {
    width : auto;
    margin : 10px 30px 0 30px;
}
#testimonialsbody h4 {
    margin : 10px 0 30px 30px;
}
#testimonialsbody h4.main {
    margin : 10px 0 0 30px;
}

/* client area page */
#clientareabody #primaryContent ul {
    list-style : none;
    margin : 5px 0 0 0;
    padding : 0 0 0 0;
}
#clientareabody #primaryContent li {
    margin : 5px 0 0 30px;
    padding : 0 0 0 0;
}
#clientareabody table {
    color : #032455;
    background-color : #FFFFFF;
    margin : 0 30px 0 30px;
}
#clientareabody td {
    padding : 5px 15px 5px 5px;
    border-left : 1px solid #ccc;
    border-right : 1px solid #ccc;
    border-top : 1px solid #ccc;
    border-bottom : 1px solid #ccc;
}
#clientareabody p.noindent {
    width : auto;
    margin : 0 0 0 0;
    padding : 0 0 0 0;
}
#clientareabody h3.supportarticle {
    margin : 0 0 0 0;
    padding : 0 0 0 0;
}