@import url(aa_styles.css);
@import url(tools.css);
@import url(leftNav.css);
@import url(topnav.css);
/*@import url(product_styles.css);*/

.bighighlight {font-size: 2em; font-weight:bold; color: #390;} 

#mainContent p.subtitle {margin:0; padding: 0 0 15px 0; font-size: 1.4em; color: #666; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
#mainContent p.strapline {margin:0; padding: 0;}
#mainContent p.image_left img {float:left; margin: 0 20px 10px 0; padding: 0;}
#mainContent p.image_right img {float:right; margin: 0 0 10px 20px; padding: 0;}
#mainContent p.image_left, #content p.image_right {clear: both;}
#mainContent p.image_left span.highlightheading {font-size:1.3em; padding: 0.5em 0 0 0; font-weight:bold; color: #f93;}

img.savings {float:left; margin: 5px 20px 10px 0; padding: 0;}
ul.savings {float: left; margin: 0; padding: 10px 20px; font-size: 0.7em;} 

.cols-wrap {margin: 0; width: 99.9%; height: 7em;}
.col-left {width: 48%; float: left;}
.col-right {width: 48%; float: right;} 
 
 /* Forms - styles 		*/
#content form {padding: 0; margin: 0;}
#mainContent form {padding: 0; margin: 0;}
fieldset {border: 1px solid #ccc; padding: 10px; margin: 10px 0;}
legend {font-size: 100%; background: #eee; padding: 5px 10px; font-weight: bold; font-size:11px; color: #666; margin: 0 0 10px 0;}
#mainContent fieldset span.confirml, span.confirml {width:280px; float:left; font-size:11px; padding:0 0 10px 0;}
#mainContent fieldset span.confirmr, span.confirmr {width:280px; float:left;  font-size:11px; padding:0 0 10px 0;} 
/*

The following is to lay out form elements in a 'two-column' style.  However, row must be contained within a wrapper div - this is to prevent IE 6 CRASHING.  
*/
/* * html form div {width: 100%}  /* see above */
label, input, select, .questionleft {margin: 0; padding: 0; font-size: 11px;}
label.twocolumn {display: block; float: left; clear: left; width: 25em; padding: 0; text-align: left;}
label.twocolumnerror {color: #f00; display: block; float: left; clear: left; width: 25em;}
input.twocolumn, select.twocolumn {display: block; float: left; 0;}
input.twocolumnerror, select.twocolumnerror {display: block; float: left; 0; background: #f99;}
select.twocolumnroutes {width: 300px;}
.button_infieldset {margin: 10px 0 0 13em;}
.button_infieldset input {margin: 0 5px 0 -5px;}
input.homesubmit {margin: 5px 0 0 60px;}
#confirmcbox {background: #ecece0; padding: 5px; margin: 0 0 15px 0; font-size: 11px;}
#confirmcbox label {clear: none; width: auto;}
label.cbox {clear: left; width: auto; margin: 0 5px 0 0; font-size: 11px;}
input.cbox {margin: 0 5px 0 5px;}
label.radio {clear: none; width: auto; margin: 0 5px 0 0;}
input.radio {float:none; margin: 0 5px 0 5px;}
label.map, input.map, select.map  {margin: 0;}
form p {clear: both; font-size: 11px;}
form ul li {font-size: 11px;}
form .questionleft {display: block; float: left; clear: left; width: 50%;}
.button {text-align: center;}
.button input, .mbutton input {float: none; display: inline;}
.mbutton {text-align: right;}
form.savings label, form.savings input  {margin: 5px 5px 5px 0; padding: 0;}

.button {text-align: center;}
.rm {display: none;}
.cl {clear: both; font-size: 0.1px; line-height: 0.1px;}
.center {text-align: center;}
.align_right {text-align: right;}
hr {border: none 0; border-top: 1px solid #ccc; height: 1px; padding: 0; margin: 0 0 1em 0; clear: both;}

/* Journey Links */
#journey_links {clear: both; margin:  0.5em 0; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid;} 
#journey_links ul {list-style-type: none; margin:  0; padding: 5px 0;}
#journey_links ul li {display:inline; font-size:0.7em;}
#journey_links a {padding-right: 1em;}

/* Important Notes */
#important_information {padding: 5px;}