/**********************************************************************************************

 * Override styles

 **********************************************************************************************/

html, body, form, fieldset
{
    margin: 0;
    padding: 0;
    font-family: verdana, tahoma, helvetica, arial, sans-serif;
    font-size: 12px;
}

input, select, textarea, td, th, table
{
    font-size: 1em;
    font-family:  verdana, tahoma, helvetica, arial, sans-serif;
}

a:hover, a:active, li a.active,
a:link, a:visited
{
    color: #395C9D;
}

a:hover
{
    text-decoration: underline;
}

body, html
{
    overflow: hidden;
}

#wrapper #center
{
    width: 780px;
}

body.no-sidebars #center
{
	padding-left: 0px;
	padding-right: 0px;
}

ul li, ul li.leaf,
.item-list ul li
{
	background:transparent url(../../images/OrangeOpt.gif) no-repeat scroll 1px 0.35em;
}

ul.more-info li
{
	background:transparent url(../../images/controls/infoIcon.gif) no-repeat scroll 0 0;
	padding:0 0 0.2em 1.8em;
}

/* Hide the heading */
h1 { display: none; }


/* Search criteria tables */

#blue-top.round-corner, #blue-top.round-corner div, .search-filter-form,
#blue-bottom.round-corner, #blue-bottom.round-corner div
{
    background-image: none;
}

#rates-block .top
{
    background-image: none;
}

#rates-block .top h4
{
    background-image: none;
	margin:0;
	padding:0 16px 0 10px;
}

.search-filter-form
{
    background: #FFF url(../../images/blueGradientFsBg44x22.gif) no-repeat top left;
	width:440px;
}

#savings-accounts-compare .search-filter-form
{
    background: #FFF url(../../images/blueGradientFsBg44x10.gif) no-repeat top left;
	width:440px;
}

.search-filter-form label
{
    color: #395C9D;
    font-size: 14px;
}

.search-filter-form label.option
{
    color: #333;
    font-size: 12px;
}

.search-filter-form .form-item
{
	margin-left:8px;
	width:44%;
}

.search-filter-form input.form-submit, .search-filter-form input.form-submit:hover,
.webform-form input#edit-submit, .webform-form input#edit-submit:hover
{
    background: #1f3f6d url(../../images/switchEnergyEngine/BlueButton.gif) 0 0 repeat-x;
    border: 1px solid #1f3f6d;
    padding: 2px 10px 2px 10px;
    font-weight: bold;
    line-height: 1.2em;
    color: #fff;
    margin-left: 10px;
    text-decoration: none;
    height: 24px;
    width: auto;
    font-size: 13px;
    text-transform: none;
}

#insurance-quote-form .search-filter-form
{
	width: 360px;
    background: #FFF url(../../images/blueGradientFsBg36x22.gif) no-repeat top left;
}

.travel-filter-form
{
	width: 100%;
}

.search-filter-form.travel-filter-form
{
    background: #FFF url(../../images/blueGradientFsBg78x35.gif) no-repeat top left;
}

.travel-filter-form .form-item
{
	margin-right: 20px;
	width: auto;
}

.travel-filter-form .form-item .form-checkboxes .form-item
{
	margin-right:0;
	width:175px;
}

.travel-filter-form .form-item input,
.travel-filter-form .form-item select
{
	width:100px;
}

/* Result tables */
.search-results-table
{
    float:none;
    font-size: 1em;
}

.search-results-top, .search-results-top .details,
.search-results-top label
{
    background-image: none;
}

.search-results-top label
{
    float:none;
    margin:0.2em 0pt;
    padding:0pt;
}

.search-results-top .details
{
    padding: 0pt;
    margin-bottom: 0.5em;
}

table.search-results-table
{
    width: 751px;
}

.search-results-table th.first, .search-results-table th.middle,
.search-results-table th.nocompare
{
    background-image: none;
    border: none;
    background-color: #036;
    color: #fff;
    font-size: 1em;
    text-align: left;
    padding-left: 0.5em;
    border-bottom:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
}

.search-results-table tr.odd
{
    background-color: #fff;
}
.search-results-table tr.even
{
    background-color: #eee;
}

.search-results-table td
{
    text-align: left;
    padding: 0.5em 0.3em 0.5em 0.5em
}

.search-results-table td.first
{
    width: 200px;
}

.table-footer td.first, .table-footer td.last
{
    background-image: none;
    display: inherit;
    display: table-cell;
}

.table-footer td.last 
{
    width: auto;
}

.search-results-table .last
{
    width: 105px;
}

.search-results-table th.last,
.search-results-table td.last
{
	display: block; /* table-cell does not work in I36 & IE7 */
	width: 80px;  /* Horrible. Nedded bec. of display: block */
	padding-left: 0;
	padding-right: 0;
    text-align: center;
}

/* for non-Internet Explorer browsers */
 html > body .search-results-table th.last,
 html > body .search-results-table td.last
{
	display: table-cell;
    width: 105px;
}

.compare-button
{
    background: transparent url(../../images/buttons/compareRollover.gif) no-repeat 0px -53px;
    width: 105px;
}

input.compare-button:hover
{
    background: transparent url(../../images/buttons/compareRollover.gif) no-repeat 0px 0px;    
}


#credit-cards-compare table.search-results-table,
#travel-insurance-compare table.search-results-table
{
	width: 900px;
}

.product-table a.apply, .search-results-table a.apply, .latest-rates-table a.apply,
.product-table a.apply:hover, .search-results-table a.apply:hover, .latest-rates-table a.apply:hover,
.search-results-table a.cta,
.search-results-table a.cta:hover
{
    background: #1f3f6d url(../../images/switchEnergyEngine/BlueButton.gif) 0 0 repeat-x;
    border: 1px solid #1f3f6d;
    padding: 2px 8px;
    font-weight: bold;
    line-height: 12px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    height: 13px;
    width: 54px;
    font-size: 12px;
    text-transform: none;
	display:inline-block;
}

.product-table a.apply, .product-table a.apply:hover
{
    text-align: center;
}

.product-table .table-content td
{
	padding-bottom:8px;
	padding-top:8px;
}

.product-table .first
{
	background:#EEE none repeat scroll 0 0;
}

.product-table .middle, .product-table .last
{
	width:250px;
	background:#FFF none repeat scroll 0 0;
}

.col-2 .product-table
{
	width:519px;
}

.col-2 .product-table .first,
.col-3 .product-table .first,
.col-4 .product-table .first
{
	width:250px;
}

.col-2 .product-table thead,
.col-3 .product-table thead,
.col-4 .product-table thead
{
    background-image: none;
}

.col-2 .product-table thead th,
.col-3 .product-table thead th,
.col-4 .product-table thead th
{
    text-align: left;
    color: #036;
	font-size:1.2em;
	height:30px;
}

.col-2 .product-table tr.section-header td,
.col-3 .product-table tr.section-header td,
.col-4 .product-table tr.section-header td
{
	background:#003366 none repeat scroll 0 0;
	border-color:-moz-use-text-color #CCCCCC #CCCCCC -moz-use-text-color;
	border-style:none solid solid none;
	border-width:medium 1px 1px medium;
	color:#FFFFFF;
	font-size:1em;
	padding-left:0.5em;
	text-align:left;
}

.product-table tr.table-content td
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color:#9D9D9D;
}

.latest-rates-table th.first
{
    background: transparent url(../../images/controls/rateboxHeader.jpg) no-repeat top left;
}
.latest-rates-table th.middle
{
    background: transparent url(../../images/controls/rateboxHeader.jpg) no-repeat top center;
}
.latest-rates-table th.last
{
    background: transparent url(../../images/controls/rateboxHeader.jpg) no-repeat top right;
}

#rates-block .tab a, #rates-block .tab a:hover
{
    font-size: 10px;
    text-decoration: none;
}

#rates-block tr.odd
{
    background: #fff;
}
#rates-block tr.even
{
    background: transparent;
}
#rates-block .latest-rates-table a.apply
{
    text-align: center;
}

#rd div.insurance-info,
#rd div.banner20pct 
{
    display: block;
}

div.insurance-info
{
	float:right;
	margin-left:20px;
	margin-right:20px;
	width: 310px;
}

div.insurance-info .more-info li
{
	padding-bottom: 1em;
}

div.insurance-info .more-info li span
{
	font-weight: bold;
}

.compare-ads
{
    width: 330px;
    float: right;
	text-align: center;
}

#credit-cards-compare .compare-ads,
#travel-insurance-compare  .compare-ad
{
    width: 300px;
}

.webform-body .banner20pct
{
	margin-top: 8em;
}

.content .webform-form
{
	width: 37%;
}
