/* Override fluid layout for 3 column */
.layoutContainerBody3Col { width: 585px }

#container form div#pnlDisplayHeader { float: none } /* for Agent Locator */
#containerBody { padding-bottom: .75em }

#containerBody #branding { display: block;
                      margin: 0 0 5px 0 }

#containerBody .column { margin: 0;
                    padding: 0;
                    width: 49%;
                    overflow: auto;
                    float: left }

#containerBody .column h2 { margin-top: 0 }

#containerBody #div_scroller { width: 786px;
                          height: 177px;
                          margin: 0 0 5px 0 } /* <---- change this to add space below banner, and also... */

#containerBody #div_scroller img { width: 786px;
                                   height: 179px }

#containerBody #div_controls { margin: 0;
                          float: right;
                          position: relative;
                          z-index: 9000;
                          top: -26px; /* <---- ... this value here. */
                          height: 0;
                          color: #fff;
                          padding-right: 20px }

#containerBody #div_controls span { text-decoration: underline;
                               cursor: pointer }

#containerBody ul.longList { width: 49%;
                        float: left;
                        margin: 0 0 1.12em 0;
                        padding: 0 }

#containerBody ul.longList li { margin: 0 0 0 40px;
                           padding: 0 }

#containerBody .pullout { float: right }

#containerBody .buttons { border: 1px solid #0065B3;
                     border-width: 1px 0;
                     list-style-type: none;
                     padding: 3px 0;
                     margin: 0;
                     text-align: center;
                     clear: both }

#containerBody .buttons li { cursor: pointer;
                        display: inline;
                        margin: 0;
                        padding: 0 10px }

#containerBody .buttons li a { text-decoration: none;
                          color: #004fa9 }

#containerBody .buttons li a:visited { color: #004fa9 }

#containerBody .buttons li img { vertical-align: middle }


dt { font-weight: bold }

table { border-style: ridge;
        border-collapse: collapse;
        margin-bottom: 1.12em }

caption { text-align: left;
          font-weight: bold }

thead th { padding: 3px 10px }

table.numeric tbody th,
td { border-style: ridge;
     padding: 3px;
     vertical-align: top }

table.numeric td { text-align: center }

sup,
sub { vertical-align: baseline;
      position: relative }

sup { top: -0.3em }

sub { top: 0.3em }

h1 sup { font-size: 0.65em }

.slogan sup { font-size: 1em }

* html .slogan sup { font-size: 1.2em }

dl.listing dt { float: left;
                clear: left;
                width: 140px }

dl.listing dd { margin-left: 150px }

.right,
img.office { float: right;
             margin: 0 0 1.12em 1.12em }

.left { float: left;
        margin: 0 1.12em 1.12em 0 }

div#containerBody div.photo-sidebar { float: right;
                                 width: 260px;
                                 margin: 0 0 1.12em 1.12em }

div#containerBody div.photo-sidebar img { display: block }

div#containerBody div.photo-sidebar p { font-size: 0.8em;
                                   margin-top: 0 }

div#callback_form { float: right;
                    width: 206px;
                    margin: 0;
                    background: #e5f2fd }

div#callback_form form { margin: 1.12em }

div#callback_form dl { margin-top: 0 }

div#callback_form #fstButtons { border: 0;
                                text-align: center }

div#callback_form #errors { color: #f00 }

div.message { float: right;
              width: 160px;
              border: 2px solid #0064b3;
              margin: 0 0 1.12em 1.12em;
              padding: 0.56em }

div.message .attention { color: #f00 }

/* HOMEPAGE */

div.feature { width: 775px;
              margin-top: 0.56em;
              margin-bottom: 0.56em;
              float: left;
              clear: left }

div.feature p { margin: 0 0 0.27em 210px }

div.feature img { float: left;
                  margin-right: 1.12em }

div.feature * img { float: none;
                    margin-right: 0 }

div#containerBody div.feature h2 { margin: 0 0 0.27em 0;
                                   clear: none }

div#containerBody div.feature p { margin-top: 0 }

p.more { padding-left: 10px;
            background: url( /images/bullet_nav_action.gif ) no-repeat top left }

div.feature a { color: #004fa9;
                font-weight: bold }

div#containerBody div.car h2 { color: #0065CD }

div#containerBody div.life h2 { color: #356501 }

#ticker { background: #000;
          padding: 0.3em;
          height: 1.4em;
          line-height: 1.4em;
          clear: left;
          overflow: hidden;
          position: relative }

html>body #ticker { white-space: nowrap }

#ticker_controls { position: absolute;
                   background: #333;
                   border-left: 2px solid #444;
                   top: 0;
                   right: 0;
                   padding: 0.3em 0.3em 0.3em 0.25em }

#ticker #ticker_controls span { background-image: none }

#ticker_controls span,
#ticker a { color: #fff;
            text-decoration: none;
            padding: 0 16px 0 10px;
            background: url( /images/ticker_arrow.gif ) no-repeat right 50% }

#ticker_controls span { cursor: hand;
                        cursor: pointer;
                        padding: 0 7px }

#ticker a:hover { text-decoration: underline }

#ticker span.date { color: #6cc }

/* --------------------------------------------------------------------------- */
/* SUBNAVIGATION                                                               */
/* --------------------------------------------------------------------------- */

#subnav { padding: 0;
          width: 179px }

#service_center ul,
#subnav ul { margin: 0;
             padding: 0.4em 0 2em 0;
             list-style-type: none;
             font-weight: bold }

#service_center ul a,
#subnav ul a { text-decoration: none;
               color: #004fa9 }

#service_center ul li,
#subnav li { padding: 5px 0 }

#service_center ul li a,
#subnav li a { padding-left: 15px;
               background: url( /images/bullet_nav.gif ) no-repeat left 0px;
               display: block }

#service_center ul li a,
#subnav li.action a { background-image: url( /images/bullet_nav_action.gif ) }

#subnav li ul { display: none;
                padding: 0;
                margin: 0;
                font-size: 0.85em;
                font-weight: normal }

#subnav li li { border-right: none;
                padding: 0;
                background-image: none }

#subnav li li a { display: block;
                  background: none;
                  width: 157px;
                  height: 100%;
                  padding: 3px 0 3px 15px;
                  text-transform: none }
                  
/* --------------------------------------------------------------------------- */
/* SIDEBAR                                                                     */
/* --------------------------------------------------------------------------- */
#service_center { background: url( /images/service_middle.gif ) repeat-y;
                  width: 184px }

#service_center h1 { margin: 0;
                     text-align: center;
                     background: url( /images/service_top.gif ) no-repeat;
                     padding: 8px;
                     font-size: 1.2em;
                     text-transform: uppercase;
                     color: #24526d }

#service_center ul { background: url( /images/service_bottom.gif ) no-repeat bottom left;
                     margin-bottom: 0;
                     padding-bottom: 1.12em }

#service_center ul li { margin: 0 20px;
                        padding: 0.56em 0 0.56em 0px;
                        border-bottom: 1px solid #CDD4DC;
                        background-position: 0 7px }

#service_center ul li.end { border: 0 }
                        

#personality,
#call_center,
#service_number,
.promo { margin: 0.56em 0 }

.poll { width: 100%;
        background: #f1dfa1;
        margin-top: 1.12em }

.poll fieldset { border: 0;
                 margin: 0;
                 padding: 3px }

.poll ul { list-style-type: none;
           padding: 0;
           margin: 0 }

.poll li { padding: 0;
           margin: 0 }

.poll img { display: block;
            margin: auto }

.poll #question { background: #f8efd0;
                  margin: 5px }

.poll #buttons { text-align: center;
                 padding: 1.12em }

