@charset "utf-8"; 
/* $Id: style.css,v 1.1.4.8 2008/07/27 18:04:21 andregriffin Exp $ */
/* Drupal 5 Framework - Created by Andre Griffin
----------------------------------------------------------------
[Table of contents]

 1.Global
 2.Layout
 3.Header
 4.Navigation
 5.Nodes
 6.Comments
 7.Sidebars
 8.Blocks
 9.Footer
10.CSS Support
11.Administration

[Color codes]

 # Dark Grey:        #333
 # Dark Blue:        #069
 # Pink:             #f66
 # Mid Blue:         #b4d7f0
 # Light Blue:       #d4e7f3
 # Very Light Blue:  #edf5fa
// RateDetective 
 # Orange (H3):                 #f91
 # Bright Blue (Links):         #3399CC
 # Dark Blue (H1):              #284364
 # Pale Blue (teaser title):    #548C9F

[Font sizes - based on 75% body]

26px = 2.166667em
24px = 2em
22px = 1.8333em
20px = 1.6667em
19px = 1.5833em
18px = 1.5em
16px = 1.333333em
14px = 1.1667em
13px = 1.083333em
12px = 1em
11px = 0.9167em
10px = 0.8333em

Equasion for font sizing: 
-Desired in px ÷ Default (or parent) in px = sizing in em

----------------------------------------------------------------*/

/**
* Fix for ShopAround Step-Number Issues
**/
table.wizardContentTabs td img {
padding-top: 0px; padding-bottom: 0px; margin-bottom: -2px;
}



/**
 * 1.GLOBAL
 */
body { 
  background: #fff; 
  color: #333; 
  font: 75% Arial, Helvetica, sans-serif; 
  margin: 0; 
}

h1, h2, h3, h4, h5, h6 { 
  font-weight: bold; 
  margin: 0; 
  padding: 0; 
}

h1 { 
  font-size: 1.5em; 
  margin: 0.5em 0 0.5em;
  color: #284364; 
}

h2 { 
  font-size: 1.25em; 
  margin: 0.5em 0 0.5em; 
}

h3 { 
  font-size: 1.1em; 
  margin: 0.5em 0 0.5em;
  color: #069;
}

h4 { 
  font-size: 0.9167em; 
  margin: 1em 0 0.5em; 
}

a:link, a:visited { 
  color: #3399CC; 
  text-decoration: none; 
}

a:focus { 
  outline: 1px dotted; 
}

a:hover, a:active, li a.active { 
  color: #f91;
  outline: none; 
  text-decoration: none; 
}

p { 
  font-size: 1em; 
  line-height: 1.5833em; 
  margin: 0 0 1em; 
}

blockquote { 
  margin: 1.25em; 
  padding: 0 1.25em;
  font-style: italic; 
  color: #666;
}

em { 
  padding: 0 3px 0 0; 
}

hr { 
  background: #7f7f7f; 
  border: none; 
  height: 1px; 
  margin: 0; 
  padding: 0; 
}

img, a img { 
  border: none; 
  outline: none; 
}

/**
 * 2.LAYOUT
 */
#wrapper { 
  margin: 0 auto; 
  width: 960px; 
  background-color: #fff;
}

#container { 
  margin: 0 0 10px; 
}

/* 1 column */
#center { 
  margin: 0 0 10px; 
  position: relative; 
}

/* 3 columns */
body.sidebars #center { 
  /*border-left: 1px solid #b4d7f0; 
  border-right: 1px solid #b4d7f0; */
  float: left; 
  padding: 0 10px; 
  width: 630px; 
}

/* 2 columns - sidebar-left */
body.sidebar-left #center { 
  /*border-left: 1px solid #b4d7f0; */
  float: right; 
  padding-right: 10px;
  padding-left: 10px;
  width: 630px; 
}

/* 2 columns - sidebar-right */
body.sidebar-right #center { 
  /*border-right: 1px solid #b4d7f0; */
  float: left; 
  padding-right: 0px;
  padding-left: 10px;
  width: 630px; 
}

/* 1 column - center only */
body.no-sidebars #center { 
  padding-right: 10px;
  padding-left: 10px;
}
/**
 * 3.HEADER
 */
#header { 
  margin: 0; 
  padding: 0px 0;
  background: transparent url(images/header-call.jpg) no-repeat bottom right; 
}

#header h1 { 
  float: left; 
}

#slogan { 
  display: block; 
  font-size: .7727em; 
}

#search-theme-form { 
  float: right; 
  margin: 2.5em 0 0; 
}

#search-theme-form .form-button, #search-theme-form .form-submit { 
  margin: 0; 
}

/**
 * 4.NAVIGATION
 */
ul.links li { 
  background: none; 
  margin: 0 10px 0 0; 
  padding: 0; 
}

#nav ul.primary-links {
/*width:936px;*/
background: url(images/nav-bg.gif) repeat-x top left;
text-align:center;
height:33px;
margin:0px 0 0 0px;
padding:0 0 0 0px;
float:left;
width:100%;
}
#nav ul.primary-links li {
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    background: none;
    padding: 0;
    margin: 0;
}
#nav ul.primary-links li a {
background:url(images/nav-separator.gif) no-repeat right top;
height:26px;
padding:7px 12px 0px 10px;
float:left;
color: #fff;
}
#nav ul.primary-links li a:hover {
background:url(images/nav-bg-hover.png) repeat-x;
}
#nav ul.primary-links a.active, #nav ul.primary-links a.active:hover {
background:url(images/nav-bg-active.png) repeat-x;
}
 
/*
#nav { 
  /*border-bottom: 1px solid #b4d7f0; 
  border-top: 1px solid #b4d7f0; *//*
  font-size: 1em; 
  margin: 0 0 10px; 
}

#nav ul.primary-links { 
  background: #d4e7f3 url(images/nav-bg.gif) repeat-x top left; 
  font-weight: 700; 
  padding: 0 5px; 
}

#nav ul.primary-links li { 
  /*margin: 0 10px 0 0; 
  padding: 5px 0; *//*
  margin: 0;
  padding: 0;
}

#nav ul.primary-links li a:link, ul.primary-links li a:visited { 
  margin: 0; 
  padding: 9px 5px; 
  color: #fff;
  line-height: 33px;
}

#nav ul.primary-links li a:hover, ul.primary-links li a:active { 
  text-decoration: none; 
  color: #fff;
  background: url(images/nav-bg-hover.png) repeat-x top left;
}
*/
#nav ul.secondary-links { 
  border-bottom: 1px solid #284384; 
  padding: 4px 5px;
  margin: 0 5px;
}

#nav ul.secondary-links li { 
  margin: 0; 
  padding: 0; 
  border-left: 1px solid silver;
}
#nav ul.secondary-links li.first { 
  border: none;
}


#nav ul.secondary-links li a:link, ul.secondary-links li a:visited { 
  margin: 0 5px 0 5px; 
  padding: 3px 0; 
  font-size: 1.2em;
}

#nav ul.secondary-links li a:hover, ul.secondary-links li a:active { 
  text-decoration: underline; 
}

/*negative margin keeps from pushing node h2 titles down*/
.breadcrumb {
    background:#F9F9F9 url(images/breadcrumb-bg.png) repeat-x top left;
    width: 100%;
    padding: 0;
}

.breadcrumb .item-list ul {
    margin:0pt;
    padding:0pt 0pt 0pt 16px;
}

.breadcrumb .item-list ul li {
    background:transparent url(images/breadcrumb-separator.png) no-repeat;
    line-height:25px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding:4px 24px 3px 28px;
    margin: 0pt;
    float: left;
}

/**
 * 5.NODES
 */
span.submitted { 
  color: #898989; 
  font-size: 0.8333em; 
}

.meta {
  background: #edf5fa; 
  border-bottom: 1px solid #b4d7f0; 
  padding: 0px 10px;
  margin-bottom: 10px; 
}

.meta div.links { 
  float: left; 
}

.meta div.terms { 
  float: right; 
}

.meta div.links ul.links li { 
  float: left; 
  padding: 5px 10px 5px 0; 
}

.meta div.terms ul.links li { 
  float: left; 
  padding: 5px 0 5px 10px; 
}

.book-navigation { 
  margin: 0 0 .5em; 
}

.pager { 
  margin: 1em 0; 
}

.pager a:link, .pager a:visited, .pager strong.pager-current { 
  border: 1px solid #ccc; 
  margin: .3em .2em; 
  padding: .3em .5em; 
}

.pager a:hover, .pager a:active { 
  background-color: #edf5fa; 
}

.pager strong.pager-current { 
  background-color: #d4e7f3; 
  color: #069; 
}

a.teaser {
    color: #548C9F;
}
a.teaser:hover {
    text-decoration: underline;
}
/**
 * 6.COMMENTS
 */
.comment { 
  margin: 20px 0 0; 
  padding: 0; 
}

.comment-bar { 
  background: #edf5fa; 
  border-bottom: 1px solid #b4d7f0; 
  padding: 5px; 
}

.comment span.new { 
  color: red; 
  font-size: 0.8333em; 
}

.comment h3 { 
  margin: 0.5em 0; 
}

.comment ul.links { 
  margin: 0 0 0 25px; 
}

.comment ul.links li a { 
  text-decoration: underline; 
}

.indented { 
  border-left: 1px solid #b4d7f0; 
  margin-left: 14px; 
  padding-left: 10px; 
}

/**
 * 7.SIDEBARS
 */
/*.sidebar { 
  width: 300px; 
}*/
#sidebar-left { 
  float: left; 
  margin-right: 9px;
}
#sidebar-right { 
  float: right; 
  margin-left: 9px;
}

body.sidebar-left #sidebar-left, body.sidebar-right #sidebar-right{
  width: 300px;
}

body.sidebars .sidebar {
    width: 145px;
}
/**
 * 8.BLOCKS
 */
.block { 
  margin: 0 0 10px; 
}

#user-login-form .item-list ul li { 
  background: none; 
  padding: 0; 
}

#search-block-form .form-text { 
  width: 8em; 
}

#search-block-form input.form-submit { 
  font-size: .9em; 
  width: 5em; 
  padding: 0; 
}

.block-book ul.menu li.expanded { 
  background-color: #fff; 
}

.block-book ul.menu li.expanded ul { 
  border-bottom: none; 
  border-top: 1px solid #d4e7f3; 
}

/**
 * 9.FOOTER
 */
#footer { 
  /*border-top: 1px solid #b4d7f0; */
  margin: 0 0 10px; 
  padding: 5px 0; 
  position: relative; 
}

#footer a.feed-icon { 
  position: absolute; 
  right: 0; 
  top: 5px; 
}

#footer .footer-message {
width:292px;
float: right;
text-align: right;
font-size: 11px;
margin-right: 10px;
}

#footer .footer-message strong a {
float:right;
display:block;
width:189px;
height:122px;
background:url(images/footer-logo.jpg) no-repeat top right;
color:white;
}
#footer .footer-message p {
    clear:both;
}
#footer .footer-message ul {
width:auto;
margin:0;
padding:0;
}
#footer .footer-message ul li {
list-style:none;
background:url(images/footer-small-separator.gif) no-repeat right 60%;
padding:0 3px 0 5px;
text-align:right;
float:right;
}

/**
 * 10.CSS SUPPORT
 */
span.clear     { clear: both; display: block; font-size: 0; height: 1px; line-height: 0; margin-bottom: -1px; }
.clear         { clear: both; }
.clear-block   { display: block;}
.float-left    { float: left; }
.float-right   { float: right; }

.text-left     { text-align: left; }
.text-right    { text-align: right; }
.text-center   { text-align: center; }
.text-justify  { text-align: justify; }

.bold          { font-weight: bold; }
.italic        { font-style: italic; }
.underline     { border-bottom: 1px solid; }
.highlight     { background: #ffc; }

.wrap          { width: 960px; margin: 0 auto; }

.img-left      { float: left; margin: 4px 10px 4px 0; }
.img-right     { float: right; margin: 4px 0 4px 10px; }

.nopadding     { padding: 0 }
.noindent      { margin-left: 0; padding-left: 0 }
.nobullet      { list-style: none; list-style-image: none; }

/**
 * 11.ADMINISTRATION
 */

/* lists */
dl { margin: .5em 0 1em; padding: 0; }
dl dd { margin: 0 0 .5em 1.5em; }
ol { margin: .5em 0 1em; padding: 0 0 0 1.5em; }
ol li { margin: 0.15em 0 0.15em .5em; padding: 0 0 .2em; }
ol ul li { margin-left: .5em; padding: 0 0 .2em 1.5em; }
ul { margin: .5em 0 1em; padding: 0; }
.item-list ul { margin: 0.35em 0 0 -0.5em; padding: 0; }
.item-list ul ul { margin-left: 0; }
ul li, ul li.leaf, .item-list ul li { background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em; list-style-image: none; list-style-type: none; margin: .15em 0 .15em .5em; padding: 0 0 .2em 1.5em;}
ul li.expanded { background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em; }
ul li.collapsed { background: transparent url(images/menu-collapsed.gif) no-repeat 0 .35em; }
ul li.leaf a, ul li.expanded a, ul li.collapsed a { display: block; }
ul.inline li { background: none; margin: 0; padding: 0 1em 0 0; }
ul ol li { background: none; list-style-type: decimal; margin-left: 2em; padding: 0 0 0.2em; }
ul ul li { margin-left: 2em; }
    /* Orange bullets */
ul.orange-triangle li {
    background: transparent url(images/menu-leaf-orange.png) no-repeat 5px .35em;    
}

ul.blue-tick {
    float: left;
}
ul.blue-tick li{
    margin:0 0 10px 0;
    padding:0 0 0 20px;
    width:290px;
    background: transparent url(images/blue-tick.png) no-repeat 0 0 ;
}
ul.blue-tick li ul li{
    width:250px;
}
/* admin tab links */
ul.primary, ul.primary li, ul.secondary, ul.secondary li { background: none; border: 0; margin: 0; padding: 0; }
ul.primary { float: left; }
ul.secondary { border-bottom: 1px solid #b4d7f0; clear: both; margin: 0 0 1em; padding: .5em 0; text-align: left; }
ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited, ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited { background: none; border: 0; margin: 0; padding: 0 1em 0 0; text-decoration: none; }
ul.primary li.active a, ul.secondary li.active a { font-weight: 700; color: #f91; }

/* position admin tab links and style admin h2 */
#tabs-wrapper { margin: 0; padding: 0; }
h1.with-tabs { margin-bottom: 0; }
#tabs-wrapper ul.tabs { margin: 0 0 .5em; padding: 0; }

/* sidebar menu */
ul.menu { margin: 0; padding: 0; }
ul.menu li { background-position: .3em .6em; list-style-image: none; list-style-type: none; margin: 0; padding: .1em 0 .1em 0; }
ul.menu li a { padding: .1em 0 .1em 1.5em; }
ul.menu li ul li { background-position: 1.5em .6em; }
ul.menu li ul li a { padding-left: 2.7em; }
ul.menu li ul li ul li { background-position: 2.7em .6em; }
ul.menu li ul li ul li a { padding-left: 3.9em; }
ul.menu li ul li ul li ul li { background-position: 3.9em .6em; }
ul.menu li ul li ul li ul li a { padding-left: 5.1em; }
ul.menu li.expanded { padding-bottom: 0; }
ul.menu li.expanded ul { margin-top: .1em; }

/* to remove zebra coloring from sidebar menus, remove this star and slash--> */
ul.menu li { border-bottom: 1px solid #d4e7f3; padding: .2em 0 .2em 0; }
ul.menu li a { padding: .2em 0 .2em 1.5em; }
ul.menu li.odd { background-color: #fff; }
ul.menu li.even { background-color: #edf5fa; }
ul.menu li.expanded { background-color: #d4e7f3; border: none; padding-bottom: 0; }
ul.menu li.expanded ul { border-bottom: 3px solid #d4e7f3; border-top: 1px solid #b4d7f0; margin-top: .2em; }
/* end zebra coloring */

/* stuff you probably will not need to change - includes admin coloring */
quote, code, fieldset { margin: .5em 0; }
input { color: #494949; font: 1em Verdana, sans-serif; }
textarea, select { color: #494949; font: 1em Verdana, sans-serif; }
fieldset ul.clear-block li { background-image: none; margin: 0; padding: 0; }
fieldset { background: #fff; border: 1px solid #d4e7f3; margin: 1em 0; padding: 1em; }
fieldset legend { display: block; }
html.js fieldset.collapsed { background: transparent; padding-bottom: .6em; padding-top: 0; }
html.js fieldset.collapsible legend a { background: url(images/menu-expanded.gif) no-repeat 0 50%; padding-left: 2em; }
html.js fieldset.collapsed legend a { background: url(images/menu-collapsed.gif) no-repeat 0 50%; }

/* table { margin: 1em 0; width: 100%; } Removed by PJM 14-10-08 */
thead th { border-bottom: 2px solid #d4e7f3; color: #494949; font-weight: 700; }
tbody { border-top:none; }
th a:link, th a:visited { color: #7f7f7f; }
td, th { padding: .3em .5em; }
tr.even, tr.odd, tbody th { border: solid #d4e7f3; border-width: 1px 0; }
tr.odd, tr.info { background-color: #edf5fa; }
tr.even { background-color: #fff; }
tr.odd td.active { background-color: #d4e7f3; }
tr.even td.active { background-color: #edf5fa; }
td.region, td.module, td.container { background-color: #d4e7f3; border-bottom: 1px solid #b4d7f0; border-top: 1.5em solid #fff; color: #999; font-weight: 700; }
tr:first-child td.region, tr:first-child td.module, tr:first-child td.container { border-top-width: 0; }
tr.odd td.menu-disabled { background-color: #edf5fa; }
tr.even td.menu-disabled { background-color: #fff; }
tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active { color: #d4e7f3; }

#autocomplete li { cursor: default; margin: 0; padding: 2px; }
#autocomplete li.selected, tr.selected td, tr.selected td.active { background: #027ac6; color: #fff; }
.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item { margin: 0.25em 0; }
#center form { margin-bottom: 2em; }
.form-button, .form-submit { margin: 2em 0.5em 1em 0; }
#watchdog-form-overview .form-submit, .confirmation .form-submit, .search-form .form-submit, .poll .form-submit, fieldset .form-button, fieldset .form-submit, .sidebar .form-button, .sidebar .form-submit, table .form-button, table .form-submit { margin: 0; }

div.admin-panel, div.admin-panel .description, div.admin-panel .body, div.admin, div.admin .left, div.admin .right, div.admin .expert-link, div.item-list, .menu { margin: 0; padding: 0; }
div.admin h3 { margin-bottom: 0; }
div.admin .left { float: left; width: 48%; }
div.admin .right { float: right; width: 48%; }
div.admin-panel { background: none; padding: 1em 1em 1.5em; }
div.admin-panel .description { margin-bottom: 1.5em; }
div.admin-panel dl { margin: 0; }
div.admin-panel dd { color: #898989; font-size: 0.92em; line-height: 1.3em; margin-bottom: .65em; margin-top: -0.2em; }

.messages { background-color: #fff; border: 1px solid #b8d3e5; }
.preview { background-color: #fcfce8; border: 1px solid #e5e58f; }
.preview .node { background-color: #fcfce8; }

span.form-required { color: #ffae00; }
.description { color: #898989; font-size: 0.92em; line-height: 150%; margin-bottom: 0.75em; }
.messages, .preview { margin: .75em 0; padding: .5em 1em; }
.messages ul { margin: 0; }
.box { margin-bottom: 2.5em; }
.profile dd { margin-bottom: 1.6em; }
.profile h3 { border-bottom: none; }

div.status { border-color: #c7f2c8; color: #33a333; }
div.error, tr.error { background-color: #fcc; color: #a30000; }
.form-item input.error, .form-item textarea.error { border: 1px solid #c52020; color: #363636; }
table.system-status-report th { border-color: #d4e7f3; }
table.system-status-report tr.error, table.system-status-report tr.error th { background-color: #fcc; border-color: #ebb; color: #200; }
table.system-status-report tr.warning, table.system-status-report tr.warning th { background-color: #ffd; border-color: #eeb; }
table.system-status-report tr.ok, table.system-status-report tr.ok th { background-color: #dfd; border-color: #beb; }

/**
 * Product terms
 */

/*.product-term-main {
    margin-bottom: 10px;
}*/
.product-term-main .main-logo {
    float: left;
}

/**
 * 12.BLOCKS
 */

/*** Round Corners ***/
.wide-box {
/*background-color:#F0F0F0;*/
border:1px solid #ccc;
position:relative;
margin-top: 15px;
margin-bottom: 10px;
}

.wide-box .rc1 div, .wide-box .rc3 div {
   width: 100%;
   height: 10px;
}
    /* Grey #CCC */
.wide-box .rc2 {
   background: url(borders/roundedborder_grey_tl.png) no-repeat top left;
   position: relative;
   left: -2px;
}
.wide-box .rc1 {
   background: url(borders/roundedborder_grey_tr.png) no-repeat top right;
   position: relative;
   right: -1px;
   top: -1px;
}
.wide-box label#title {
    margin: 0px 0 -20px 15px;
    padding: 5px 15px 10px 50px;
    font-weight: bold;
    color: #666;
    font-size: 1.1em;
    background: #fff url(images/magnifying-glass.gif) no-repeat top left;
    position: relative;
    float:left;
    top: -20px;
    left: 6px;
}
.wide-box .rc-content {
    margin: 10px;
    clear:both;
}
.wide-box .rc4 {
   background: url(borders/roundedborder_grey_bl.png) no-repeat bottom left;
   position: relative;
   left: -2px;
}
.wide-box .rc3 {
   background: url(borders/roundedborder_grey_br.png) no-repeat bottom right;
   position: relative;
   right: -1px;
   top: 1px;
   clear: both;
}

.grey-box {
background-color:#F0F0F0;
border:1px solid #ccc;
position: relative;
margin-bottom: 20px;
}

.grey-box .rc1 div, .grey-box .rc3 div {
   width: 100%;
   height: 10px;
}
.grey-box .rc2 {
   background: url(borders/roundedcorner_tl.png) no-repeat top left;
   position: relative;
   left: -2px;
}
.grey-box .rc1 {
   background: url(borders/roundedcorner_tr.png) no-repeat top right;
   position: relative;
   right: -1px;
   top: -1px;
}
.grey-box label#title {
    margin: 0px 0 0px 15px;
    padding: 5px 5px 5px 0px;
    font-weight: bold;
    color: #666;
    font-size: 1.1em;
}
.grey-box .rc-content {
    margin: 10px;
    clear:both;
}
.grey-box .rc4 {
   background: url(borders/roundedcorner_bl.png) no-repeat bottom left;
   position: relative;
   left: -2px;
}
.grey-box .rc3 {
   background: url(borders/roundedcorner_br.png) no-repeat bottom right;
   position: relative;
   right: -1px;
   top: 1px;
   clear: both;
}
/* Calculator */
.box-container-left {
    position: relative;
    float: left;
    width: 200px;
}

.box-flash {
    float: right;
    width: 400px;
}
.calculator .box-long {
/*background-color: #d5d5d5;*/
width: 600px;
margin-bottom:10px;
padding: 0;
}

.calculator .box-long .box-long-top {
background:transparent url(images/calc_long_box_top.gif) no-repeat left top;
/*padding-top: 1px;*/
background-color: #d5d5d5;
}
.calculator .box-long .box-long-content {
    background:transparent url(images/calc_long_box_bottom.gif) no-repeat right bottom;
    background-color: #d5d5d5;
}
.calculator .box-long h5 {
    line-height:27px;
    font-weight: bold;
    color: #fff;
    font-size: 13px;
    background:transparent url(images/magnifying-glass-calc.gif) no-repeat scroll left center;
    margin:0px 0pt 0pt 7px;
    padding:0px 16px 0pt 47px;
}
.calculator .box-short h5 {
    font-weight: bold;
    font-size: 13px;
    text-decoration: underline;
    color: #d70;
}
.calculator .box-long .form-item {
    margin-top: 0;
}
.calculator .box-long .table {
    margin-left: auto;
    margin-right: auto;
    width:97%;
    border:none;
}
.calculator .box-long .table .header {
    height:37px;
}
.calculator .box-long .table tr.header td {
    background-color:#E5E6E6;
    font-weight: bold;
}
.calculator .box-long .table tr.content td {
    background-color:#d5d5d5;
}
.calculator .box-long .table tr.content td.highlight {
    color: #006699;
    font-weight: bold;
}
.calculator .box-long .table td {
    text-align:center;
    border-left: #d5d5d5 solid 2px;
}
.calculator .box-long .table tr {
    border:none;
}
.calculator input#edit-submit {
    background: transparent url(images/apply-button.png) no-repeat 0px 0px;
    cursor: pointer;
    color: #fff;
    height: 25px;
    width: 101px;
    text-align: center;
    border: none;
}

.calculator input#edit-submit:hover {
    background: transparent url(images/apply-button.png) no-repeat 0px -35px;    
}
/*** Tagline ***/
.tagline {
    font-style: italic;
    font-size: 0.9em;
    color: gray;
}

.product-table {
    float: left;
    border-collapse: collapse;
}
.product-table thead th {
    color: #fff;
    font-weight: bold;
    font-size: 1.1em;
    height: 43px;
    text-align: center;
    border: none;
}

.col-2 .product-table {
    width: 369px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.col-3 .product-table {
    width: 571px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.col-4 .product-table {
    width: 773px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.col-2 .product-table thead {
    background: transparent url(images/product-table-header-2col.png) no-repeat scroll left top; /* TODO: image size needs re-doing */
}
.col-3 .product-table thead {
    background: transparent url(images/product-table-header-3col.png) no-repeat scroll left top; /* TODO: image size needs re-doing */
}
.col-4 .product-table thead {
    background: transparent url(images/product-table-header-4col.png) no-repeat scroll left top; /* TODO: image size needs re-doing */
}
.product-table .section-header td {
    color: #fff;
    background: #B4B4B4;
    text-transform: uppercase;
    height: 30px;
    padding-left: 30px;
}
.product-table .table-content td {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: #ecedee solid 2px;
}
.product-table .first {
    width: 150px;
    background: #E0E0E0;
    padding-left: 15px;
    font-weight: bold;
    color: #555;
}
.product-table .middle, .product-table .last {
    width: 200px;
    text-align: center;
    background: #E8E8E8;
}
.product-table .middle {
    border-right: #fff solid 1px;
}
.product-table a.apply, .search-results-table a.apply, .latest-rates-table a.apply {
    background: transparent url(images/apply-button.png) no-repeat 0px 0px;
    height: 25px;
    width: 101px;
    text-align: center;
    display: block;
    margin-right: auto;
    margin-left:auto;
    line-height: 27px;
    font-size: 13px;
    text-decoration: none !important;
    color: #FFF !important;
}

.product-table a.apply:hover, .search-results-table a.apply:hover, .latest-rates-table a.apply:hover {
    background: transparent url(images/apply-button.png) no-repeat 0px -35px;
}

.product-content {
    width: 250px;
    margin: 0px 0 0 10px;
    float: left;
}
.product-content h3 {
    color: #FF9900;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px dotted #FF9900;
}

/*** SEARCH RESULTS TABLE ***/

table.search-results-table {
    clear: both;
    float: left;
    border-collapse: collapse;
    width: 900px;
    margin: 0 0 20px 0;
}
.search-results-table thead th {
    height: 30px;
    color: #fff;
    border-bottom: 1px solid #ccc;
    padding: 0;
    text-align: center;
}
.search-results-table th.first {
    background: transparent url(images/product-table-header-2col.png) no-repeat 0px 0px;
}
.search-results-table th.middle {
    background: transparent url(images/product-table-header-2col.png) no-repeat -7px 0px;
    border-left: 1px solid #ccc;
}
.search-results-table th.nocompare {
    background: transparent url(images/product-table-header-2col.png) no-repeat top right;
    border-left: 1px solid #ccc;
}
.search-results-table tr.even {
    background: #E0E0E0;
    border: none;
}
.search-results-table tr.odd {
    background: #E8E8E8;
    border: none;
}
.search-results-table td {
    text-align: center;
    padding: 10px 3px 10px 3px;
    /*border-right: 1px solid #eee;*/
}

.search-results-top {
    float:left;
    width: 904px;
    background: transparent url(images/compare_top.gif) no-repeat 0px 0px;
    margin-top: 20px;
}
.search-results-top label {
    color: #636466;
    line-height: 26px;
    font-weight: bold;
    margin: 0 0 0 40px;
    font-size: 13px;
    background: #FFFFFF;
    padding: 5px 10px 10px 45px;
    background: #FFFFFF url(images/magnifying-glass.gif) no-repeat scroll;
}
.search-results-top .details {
    background: transparent url(images/compare_top_bg.gif) repeat-y scroll right center;
    width 854px;
    padding: 10px 10px 5px 60px;
}
/*** Comparison button ***/
.search-results-table .last {
    width: 139px;
    padding-left: 0px;
    padding-right: 0px;
}
.compare-button {
    background: transparent url(images/compare-button.png) no-repeat 0px -53px;
    cursor: pointer;
    line-height: 29px;
    font-weight: bold;
    text-decoration: none;
    width: 139px;
    height: 30px;
    text-align: left;
    color: #fff;
    border: none;
    padding-left: 7px;
}

input.compare-button:hover {
    background: transparent url(images/compare-button.png) no-repeat 0px 0px;    
}

.table-footer td, .table-footer td.middle {
    height: 10px;
    padding: 0px;
    margin: 0px;
    background: #CCC;
    border: none;
}
.table-footer td.first {
    background: #CCC url(borders/roundedcorner-grey-bl.png) no-repeat top left;
    width: 250px;
}
.table-footer td.last {
    background: #CCC url(borders/roundedcorner-grey-br.png) no-repeat top right;
}
/*** Search filter Form ***/
.search-filter-form {
    background: #1B5A79;
    width: 450px;
}

.search-filter-form .form-item {
    width: 46%;
    float: left;
    margin-bottom: 0px;
    color: #FFF;
    font-weight: bold;
    margin-left: 10px;
}

.search-filter-form .form-item .form-checkboxes .form-item {
    width: 90%;
}
.search-filter-form .form-item .form-checkboxes .form-item input {
    width: auto;
}

.search-filter-form .form-item input, .search-filter-form .form-item select {
    width: 80%;
}

.search-filter-form input.search-button {
    background: transparent url(images/search-filter-button.png) no-repeat 0px 0px;
    cursor: pointer;
    color: #fff;
    height: 33px;
    width: 206px;
    text-align: center;
    border: none;
    margin-top: 10px;
}

.search-filter-form input.search-button:hover {
    background: transparent url(images/search-filter-button.png) no-repeat 0px -33px;    
}

.search-filter-form .form-item label.option {
    float: left;
    font-weight: normal;
}

.search-filter-form .form-item input.form-radio {
    width: auto;
}

.search-filter-form .form-radios .form-item {
    width: auto;
}
    /* Blue #1B5A79 */
.round-corner div {
   width: 100%;
   height: 10px;
}
.round-corner#blue-top div {
   background: url(borders/roundedcorner-blue-tl.png) no-repeat top left;
}
.round-corner#blue-top {
   background: url(borders/roundedcorner-blue-tr.png) no-repeat top right;
}
.round-corner#blue-bottom div {
   background: url(borders/roundedcorner-blue-bl.png) no-repeat bottom left;
}
.round-corner#blue-bottom {
   background: url(borders/roundedcorner-blue-br.png) no-repeat bottom right;
}

/*** Quick search block ***/
.quick-search-box {
    background:url(images/qs-bg.jpg) repeat-y;
    margin: 10px auto 10px auto;
    width:286px;
}
.quick-search-box .bottom {
background: transparent url(images/qs-bottom.jpg) no-repeat 0 100%;
padding:0 0 10px;
}
.quick-search-box .top {
background: transparent url(images/qs-top.jpg) no-repeat;
}
.quick-search-box .qs-content {
    margin: 0 15px 0 15px;
}

.quick-search-box label#main {
    color:#636466;
    line-height:24px;
    font-weight:bold;
    margin:0pt 0pt 0pt 20px;
    padding:0pt 5px 0pt 55px;
    background:#FFFFFF url(images/magnifying-glass.gif) no-repeat scroll 6px 0pt;
    float: left;
    font-size: 1.1em;
}

.quick-search-box h4 {
    background:transparent url(images/qs-header.jpg) no-repeat scroll 6px 0pt;
    padding:4px 0pt 4px 25px;
    font-weight: bold;
    color: #fff;
    font-size: 1.1em;
}

.quick-search-box input.search-button {
    background: transparent url(images/apply-button.png) no-repeat 0px 0px;
    cursor: pointer;
    float: right;
    color: #fff;
    height: 25px;
    width: 101px;
    text-align: center;
    border: none;
}

.quick-search-box input.search-button:hover {
    background: transparent url(images/apply-button.png) no-repeat 0px -35px;    
}

.quick-search-box .form-item {
    clear: both;
}
.quick-search-box .form-radios .form-item {
    float: left;
    clear: none;
    margin-right: 20px;
}

/*** Special Offers ***/
.special-offers {
background:#EFEFF0;
margin: 10px auto 10px auto;
width:286px;
}

.special-offers .top {
    background:transparent url(borders/rounded-blue-top.jpg) no-repeat scroll 0% top;
}

.special-offers .bottom {
    background:transparent url(borders/rounded-grey-bottom.gif) no-repeat scroll 0pt 100%;
    padding:0pt 0pt 10px;
}

.special-offers label#title {
    background:transparent url(images/magnifying-glass-blue.jpg) no-repeat scroll left bottom;
    line-height:28px;
    padding:4px 16px 4px 54px;
    margin: 10px 0 0 12px;
    color: #fff;
    font-weight: bold;
    font-size: 1.1em;
}

.special-offers .spec-content {
    margin: 10px 10px 0px 10px;
}

.special-offers ul li {
    border-bottom:1px dotted #548C9F;
    padding-bottom: 5px;
    margin-top: 5px;
}

/*** ***/
.preamble {
    border-bottom:1px dotted #036;
    padding: 10px 10px 0 10px;
    font-size: 1.0833em;
    /*font-weight: bold;*/
    color: #777;
}

/*** LATEST RATES BLOCK ***/
#rates-block, #rates-block .tab-content, #rates-block .tab-content .tab-content-top, #rates-block .top  {
width:630px;
}
#rates-block .tab-content .tab-content-bottom {
width: 618px;
}
#rates-block .bg{
width:590px;
}
#rates-block {
clear:both;
overflow:hidden;
margin:8px 0 5px;
/*float:left;*/
/*width:100%;*/
margin: 10px 0 15px 0px;
}
#rates-block .top, #rates-block .tab-content, #rates-block .tab-content .tab-content-bottom, #rates-block .tab-content .tab-content-top, #rates-block  a.tab span, #rates-block .bg{
float:left;
}
#rates-block a.tab{
float:right;
}
#rates-block .top {
background:url(images/rates-block-top.gif) no-repeat;
}
#rates-block .bg {
background:url(images/rates-block-top-bg.gif) repeat-y;
padding:25px 5px 15px 40px;
}
#rates-block .tab-content {
background:url(images/tab-content-bg.gif) repeat-y;
}
#rates-block .tab-content .tab-content-bottom {
min-height:180px;
background:url(images/tab-content-bottom.gif) no-repeat 0 100%;
padding:12px 0 12px 12px
}
* html #rates-block .tab-content .tab-content-bottom {
height:180px;
}
#rates-block .tab-content .tab-content-top {
background:url(images/tab-content-top.gif) no-repeat
}
#rates-block a.tab span, #rates-block a.tab:hover span  {
padding:5px 12px 6px;
}
#rates-block a.active { 
font-weight: bold 
}
#rates-block  a.tab {
background:url(images/tabset-left.gif) no-repeat;
}
#rates-block a.tab:hover {
background:url(images/tabset-left-hover.jpg) no-repeat;
}
#rates-block a.tab span {
background:url(images/tabset-right.gif) no-repeat 100% 0;
}
#rates-block a.tab:hover span {
background:url(images/tabset-right-active-hover.jpg) no-repeat 100% 0;                  
}
#rates-block .tab a.active {
background:url(images/tabset-left-active.gif) no-repeat;
}
#rates-block .tab a.active span {
background:url(images/tabset-right-active.gif) no-repeat 100% 0;
}
#rates-block .tab a.active:hover {
background:url(images/tabset-left-active.gif) no-repeat;
}
#rates-block .tab a.active:hover span {
background:url(images/tabset-right-active.gif) no-repeat 100% 0
}
#rates-block  a.tab, #rates-block  a.tab:hover {
font-weight:bold;
color:#e9e9ea;
line-height:16px;
}
#rates-block  a.active, #rates-block  a.active:hover {
color:#636466;
}

#rates-block .top h4 {
background:#fff url(images/magnifying-glass.gif) no-repeat 6px 0;
width:auto;
padding:0 16px 0 50px;
float:left;
display:inline;
margin:0 0 0 32px;
line-height:24px;
color:#636466;
font-size: 1.05em;
}

/*** LATEST RATES TABLE ***/
.latest-rates-table {
    width: 602px;
    border-collapse: collapse;
    margin: 0pt;
    padding: 0pt;
}

.latest-rates-table thead th{
    color: #fff;
    font-size:1.1em;
    line-height: 20px;
    text-align: center;
    border:none;
}
.latest-rates-table th.first {
    background: transparent url(images/ratebox-header.jpg) no-repeat top left;
}
.latest-rates-table th.middle {
    background: transparent url(images/ratebox-header.jpg) no-repeat top center;
}
.latest-rates-table th.last {
    background: transparent url(images/ratebox-header.jpg) no-repeat top right;
}
.latest-rates-table tr {
    border:none;
}
.latest-rates-table .even {
    background: #E4E4E4;
}
.latest-rates-table .odd {
    background: transparent;
}
.latest-rates-table td {
    text-align: center;
    padding: 10px 0 10px 0;
    /*border-right: 1px solid #eee;*/
}
.latest-rates-table td.first {
    width: 200px;
}
.latest-rates-table td.last {
    padding: 0px;
}

/***********/
.product-term-front {
    width:150px;
    height:220px;
    float:left;
    margin-left:5px;
    margin-bottom: 5px;
    /*background: transparent url(images/front-box-bg.jpg) repeat-x scroll 0%;*/
    overflow: hidden;
}
.product-term-front .box_top {
    height:100px;
}
.product-term-front .box_bottom {
    padding: 0 5px;
    height: 120px;
    background: transparent url(images/front-box-bg.jpg) no-repeat top left;
}
.product-term-front h3 {
    margin-top: 0px;
    padding-top: 5px;
    margin-bottom: 3px;
}
.product-term-front a {
    color: #0099FF;
    font-size: 12px;
}
.product-term-front a:hover {
    color: #F91;
}
.product-term-front a.title {
    color: #5E6391;
    font-size: 1em;
    font-weight: 700;
    padding-left: 12px;
    background: url(images/purple-arrow.jpg) no-repeat left bottom;
}
.product-term-front h3 a:hover{
    text-decoration: underline;
    color: #5E6391;
}
.product-term-front p {
    color:#555;
    margin-bottom: .5em;
}

/*** Webform ***/
.webform-body {
    float:left;
    width:50%;
    margin-right: 15px;
}

.webform-form {
    width:40%;
    float:left;
    position: relative;
}

.webform-form input#edit-submit {
    background: transparent url(images/apply-button.png) no-repeat 0px 0px;
    cursor: pointer;
    color: #fff;
    height: 25px;
    width: 101px;
    text-align: center;
    border: none;
    margin: 0;
}

.webform-form input#edit-submit:hover {
    background: transparent url(images/apply-button.png) no-repeat 0px -35px;    
}
/*** MORE RESOURCES LINK LISTS ***/

.more-resources {
    width:624px;
    margin: 10px;
    float: left;
}

.more-resources .column {
    width:200px;
    float: left;
}
.more-resources .item-list {
    width:190px;
    /*margin-right:10px;*/
    /*float: left;*/
}

.more-resources h3 {
    color: #636466;
    font-size: 1em;
}

.more-resources a {
    font-size: 0.83333em;
}

.more-resources ul li, .more-resources ul li.leaf, .more-resources .item-list ul li {
    background: none;
    list-style-image:none;
    list-style-type:none;
    margin:0.15em 0pt 0.15em 0.5em;
    padding:0pt 0pt 0.2em 0;
}

.related-content {
	float: right;
	width: 250px;
	margin-left: 10px;
}

ul.rel li{
    background: none;
    margin: 0;
    padding: 0;
}