@import "structure.css"; /* The majority of structural styles hidden from NS4 and IE4 */

/******************************* Developer notes: *************************************

All CSS dreamed up by David J Wallace for Draft FCB Group.
Tested down to NS4 and IE5.0, across Linux, Mac and Windows OS.
Also tested on IE7beta2 - most recent version during build.

This typography file dictates all elements requiring font-family,
line-height, text-align and letter-spacing attributes (mostly <p>,
<hX> tags and <a tags>). There will be a limited amount of cross-over 
of classes between typography.css and structure.css files, examples
of this is include '.arb-btn-wrap a' and '.rb-calculator-block' styles.
I recommend keeping the majority of real CSS layout styles in the 
old-skool browser excluded file.

********************************** Document Defaults ***********************************

#BB90E3 purple
#993300 red
#FA5600 dark orange
#CC3333 more orangey orange
#B0C072 leaf green
#536BBF dark blue
#62ACE0 mid blue
#9ED2F6 pale blue
#CCE3F5 paler blue (type c,d and e table side columns)

Trebuchet used for all text including nav tabs, headings and links.                   */

body {
	margin:0 10px;
	padding:0;
	background:#FFFFFF;
	font-family:"Trebuchet MS", Arial, Verdana, serif;
	color:#666666;
	}
h1, h2, h3, h4, h5, h6, p, blockquote, object, cite, hr, form, input, select, option, ul, ol, li { margin:0; padding:0; }
img { border:none; }

/********************************** General Text styles *******************************/
a { color:#666666; }
p {
	margin-bottom:10px;
	font-size: 0.7em;
	line-height:1.25em;		
	}
.align-left { text-align:left !important; }
.align-center { text-align:center !important; }
.align-right { text-align:right; }
.v-align-top { vertical-align:top; }
.bold { font-weight:bold; }
.apr-resize { font-size:1.15em; }
.purple-bg { background-color:#BB90E3; }
.dblue-bg { background-color:#536BBF; }
.pblue-bg { background-color:#9ED2F6; }
.ppblue-bg { background-color:#CCE3F5; }
.orange-bg { background-color:#CC3333; }
.red-bg { background-color:#993300; }
.green-bg { background-color:#B0C072; }

.masthead-links li a {
	font:bold 0.65em/1.2em "Trebuchet MS", Arial, Verdana, serif;
	text-decoration:none;
	color:#993300;
	}
.main-navigation-type-a li a, .main-navigation-type-b li a {
	display:block;
	padding-top:0.7em;
	padding-left:1.6em;
	padding-right:1.6em;
	background: url(../images/main_nav_left_curve.gif) top left no-repeat;
	color:#FFFFFF;
	font:bold 0.65em/1.0em "Trebuchet MS", Arial, Verdana, serif;
	text-decoration:none;
	}
.main-navigation-type-b li a { background-image: url(../images/main_nav_left_curve_blue.gif); }
.main-navigation-type-a li a:hover, .main-navigation-type-b li a:hover { color:#9ED2F6; }
li.main-nav-selected a:link, li.main-nav-selected a:visited { padding-top:1.6em; }
ul.footer-navigation-links li a {
	color:#333333;
	font-size:0.7em;
	}
p.footer-legal {
	clear:both;
	height:2em;
	padding-top:10px;
	font-size:10px;
	}
blockquote {
	margin:10px 0 0 20px;
	width:310px;
	color:#666666;
	font:italic 0.7em/1.25em "Trebuchet MS", Arial, Verdana, serif;
	}


/******************************** Index specific styles *******************************/
p.promo-intro-strap {
	padding-left:15px;
	font: bold 1.1em/1.2em "Trebuchet MS", Arial, Verdana, serif;
	letter-spacing:0.01in;
	color:#FFFFFF;
	}
p.promo-intro-info {
	padding-left:15px;
	font: 0.8em/1.2em "Trebuchet MS", Arial, Verdana, serif;
	color:#FFFFFF;			
	}
.promo-intro-info a {color:#FFFFFF; text-decoration: underline;}
.promo-intro-info a:hover {color:#FFFFFF; text-decoration: none;}
	
.index-content-panel-left h1, .index-content-panel-right h2 {
	padding:10px 0;
	border-top:5px solid #993300;
	font: bold 0.8em/1.2em "Trebuchet MS", Arial, Verdana, serif;
	color:#536BBF;
	}
	
	
.index-content-panel-bottom h1 {
	padding:0px 0;
	font: bold 0.8em/1.2em "Trebuchet MS", Arial, Verdana, serif;
	color:#536BBF;
	}
	
		
.index-content-panel-right h2 { border-top:5px solid #BB90E3; }
.index-content-panel-left p {
	float:left;
	width:154px;
	}
.index-content-panel-right p {
	float:left;
	width:154px;
	}	
	
	/* Style text buttons */
	a.apply-btn, a.log-in-btn {
		float:left;
		display:inline; /* IE margin-doubling fix */
		padding-left:12px;
		border-top:1px solid #FA5600;
		border-right:1px solid #666666;
		border-bottom:1px solid #666666;
		border-left:1px solid #FA5600;
		color:#FFFFFF;
		font:bold 0.7em/1.8em "Trebuchet MS", Arial, Verdana, serif;
		text-decoration:none;
		}
	a.apply-btn { background:#993300 url(../images/orange_on_red_login_btn.gif) 0.2em 0.3em no-repeat; }		
	a.apply-btn:hover { background:#993300 url(../images/white_on_red_login_btn.gif) 0.2em 0.3em no-repeat; }
	a.log-in-btn {
		border-top:1px solid #FFFFFF;
		border-right:1px solid #000000;
		border-bottom:1px solid #666666;
		border-left:1px solid #FFFFFF;
		}
	a.log-in-btn { background:#62ACE0 url(../images/white_on_dblue_apply_btn.gif) 0.2em 0.3em no-repeat; }		
	a.log-in-btn:hover { background:#62ACE0 url(../images/pblue_on_dblue_apply_btn.gif) 0.2em 0.3em no-repeat; }
	a.apply-btn-margin { margin-bottom:10px; }



.index-content-panel-bottom p {
	margin-top:8px;
	}
	
	
	/* Index promo stings */
	.index-promo-stings p {
		padding:10px;
		margin:0;
		border-bottom:1px dashed #666666;		
		}
		.index-promo-stings p a { color:#666666; }
		.index-promo-stings p a:hover { color:#536BBF; }
		p.last-sting { border-bottom:none; }

/******************************* Template specific styles *****************************/
.live-earn-drive {
	position:absolute;
	top:7.1em;
	left:35px;
	color:#FFFFFF;
	font:bold 1.3em/1.0em "Trebuchet MS", Arial, Verdana, serif;
	letter-spacing:0.008in;
	background:#9ED2F6;
	}
	
.sub-navigation-links li {margin: 0px 0px 15px 0px; background:url(../images/pblue_list_marker.gif) 10px 0 no-repeat; }
.sub-navigation-links li li {margin: 5px 0px 0px 10px; padding: 0px; background:url(../images/orange_list_marker2.gif) 5px 5px no-repeat; display: inline; }
li.sub-nav-selected { background-image:url(../images/orange_list_marker.gif); }

.sub-navigation-links li a {
		padding-left:27px;
		display:block;
		font:bold 0.75em/1.2em "Trebuchet MS", Arial, Verdana, serif;
		text-decoration:none;
		color:#536BBF;
		}
		
.sub-navigation-links li li a {
		padding-left:17px;
		margin: 0px; 
		display:block;
		font:normal 0.7em/1.2em "Trebuchet MS", Arial, Verdana, serif;
		text-decoration:none;
		color:#536BBF;
		}
		
.sub-navigation-links li a:hover { color:#9ED2F6; }
	
	
.template-a-panel h1, .template-b-panel-left h1 {
	padding:20px 0;
	font: bold 0.85em/1.2em "Trebuchet MS", Arial, Verdana, serif;
	color:#536BBF;	
	}
.template-b-panel-left h2 {
	padding-bottom:10px;
	font: bold 0.75em/1.1em "Trebuchet MS", Arial, Verdana, serif;
	}
.template-a-panel h3, .template-b-panel-left h3 {
	padding:5px 0;
	font: bold 0.75em/1.1em "Trebuchet MS", Arial, Verdana, serif;
	}
.template-a-panel h4 { margin-top:15px; }
.template-b-panel-right h3 {
	margin-top:5.5em;
	margin-left:40px;
	margin-bottom:10px;
	font: bold 0.75em/1.1em "Trebuchet MS", Arial, Verdana, serif;	
	}
.template-a-panel h4 {
	padding-bottom:10px;
	font: bold 0.75em/1.1em "Trebuchet MS", Arial, Verdana, serif;	
	}
.template-b-panel-right h4 {
	margin-left:40px;
	font: 0.75em/1.1em "Trebuchet MS", Arial, Verdana, serif;	
	}
.arb-content-header h2 {
	float:left;
	color:#FFFFFF;
	padding:10px;
	font: bold 1.1em/1.3em "Trebuchet MS", Arial, Verdana, serif;
	width:346px;
	}
h2.rp-calculator-header {
	color:#FFFFFF;
	padding:10px;
	font: bold 1.1em/1.3em "Trebuchet MS", Arial, Verdana, serif;	
	}
h3.cardholder-offers-title { color:#536BBF; }	
ul.arb-content-list, ol.arb-content-list, ul.faq-list, ul.list-2px-bot-pad, ul.roman-content-list, ol.numeric-content-list {
	margin-top:10px;
	margin-left:30px;
	margin-bottom:10px;
	}
	ul.arb-content-list li, ol.arb-content-list li, ul.list-2px-bot-pad li {
		font-size:0.7em;
		line-height:1.2em;
		padding-bottom:10px;
		}
	ol.arb-content-list li { padding-bottom:5px; }

/* rules & summary of insurances */
ol.rules-section-list, ol.rules-numeric-content { margin:10px; }
	ol.rules-section-list li {
		padding-bottom:4px;
		list-style-type:none;
		font: 0.7em/1.2em "Trebuchet MS", Arial, Verdana, serif;
		}	
	ol.rules-numeric-content li {
		padding-bottom:4px;
		font: 0.7em/1.2em "Trebuchet MS", Arial, Verdana, serif;	
		}
		ol.rules-inner-numeric li {
			list-style-type:none;
			font: 0.7em/1.2em "Trebuchet MS", Arial, Verdana, serif;	
			padding-left:10px;
			padding-bottom:5px;
			}
.rules-table-list { margin:10px 0; margin-left:20px; }
.rules-summary-content h3 {
	font: bold 0.8em/1.2em "Trebuchet MS", Arial, Verdana, serif;		
	}
.rules-summary-content h4 {
	font: 0.8em/1.2em "Trebuchet MS", Arial, Verdana, serif;		
	}
.rules-summary-content h5 {
	font: bold 0.75em/1.2em "Trebuchet MS", Arial, Verdana, serif;	
	margin-top:10px;
	margin-bottom:5px;
	}
a.back-to-top { font: 0.7em/1.1em "Trebuchet MS", Arial, Verdana, serif;	 }

/* */
	
ul.faq-list { margin-left:10px; margin-right:10px; }
	ul.faq-list li {
		list-style-type:none;
		padding-left:17px;
		padding-bottom:15px;
		font-size:0.7em;
		line-height:1.2em;
		background:url(../images/pblue_list_marker.gif) 0 0 no-repeat;
		}
	ul.faq-list li.faq-current {
		background:url(../images/red_list_marker.gif) 0 0 no-repeat;
		}
		ul.faq-list li.faq-current a {
			text-decoration:none;
			font-weight:bold;
			}
ul.list-2px-bot-pad li {
	padding-bottom:2px;
	}
ul.roman-content-list li {
	list-style-type:lower-roman;
	font: 0.7em/1.1em "Trebuchet MS", Arial, Verdana, serif;
	}
ul.sitemap-content-list { margin:30px 0 35px 30px; }
	ul.sitemap-content-list li {
		list-style-type:none;
		font: 0.9em/1.3em "Trebuchet MS", Arial, Verdana, serif;
		}
	ul.sitemap-content-list li ul {
		margin-left:20px;
		margin-top:5px;
		margin-bottom:15px;
		}
span.q-a {
	position:absolute;
	left:18px;
	}
p.note-box {
	border:1px solid #000000;
	padding:10px;
	}

/*********************************** Car range pages **********************************/
h2.car-range-header {
	float:left;
	width:100%;
	color:#FFFFFF;
	margin:5px 0;
	padding:2px 5px 10px 5px;
	font: bold 0.75em/1.3em "Trebuchet MS", Arial, Verdana, serif;	
	}
ul.car-range-nav li {
	list-style-type:none;
	font:0.76em/1.9em "Trebuchet MS", Arial, Verdana, serif;
	}
	ul.car-range-nav li a.car-range-selected { text-decoration:none; font-weight:bold; }
ul.car-range-nav li.car-range-nav-title { color:#536BBF; }	
div.car-range-info h3 {
	margin-top:10px;
	padding-left:17px;
	color:#536BBF;
	font: 0.8em/1.3em "Trebuchet MS", Arial, Verdana, serif;
	background:url(../images/red_list_marker.gif) center left no-repeat;
	}
div.car-range-info h4 {
	font-size:0.75em;
	margin:10px 0;
	}

/******************************** Table types a-e ************************************/
table { margin:10px 0; }
table, td, th {
	border-collapse:collapse;
	border-color:#666666;
	padding:5px;
	font: 0.84em/1.15em "Trebuchet MS", Arial, Verdana, serif;
	text-align:center;
	}
th {
	font: bold 0.84em/1.15em "Trebuchet MS", Arial, Verdana, serif;
	color:#000000;
	}
.table-type-a th, .table-type-g th { background:#9ED2F6; }
.table-type-b tfoot td, .table-type-c th {
	color:#000000;
	font-weight:bold;
	background:#9ED2F6;
	}
.table-type-b thead th, .table-type-b tbody td, .table-type-g td {
	font-weight:normal;
	text-align:left;
	color:#666666;
	}
.table-type-c td.side-col, .table-type-d td.side-col, .table-type-e td.side-col{
	color:#000000;
	font-weight:bold;
	background:#CCE3F5;
	vertical-align:top;
	text-align:left;
	}
.table-type-d td, .table-type-d th, .table-type-e td, .table-type-e th { text-align:left; }
.table-type-d th, .table-type-e th {
	background:#9ED2F6;
	border-bottom:3px solid #536BBF;
	}
td.sub-table-cell { padding:0; }
	.sub-table { margin:0; }
	.sub-table th, .sub-table td {
		border:1px solid #666666;
		border-collapse:collapse;
		border-color:#666666;		
		font: 1.15em/1.15em "Trebuchet MS", Arial, Verdana, serif;
		text-align:center;
		}
		.table-type-d h3, .table-type-e h3 {
			margin-bottom:5px;
			padding:0;
			color:#536BBF;
			font: bold 1.1em/1.1em "Trebuchet MS", Arial, Verdana, serif;
			}
		.table-type-d h4 { padding-bottom:3px; }
	.table-type-e td { text-align:center; }		
	.table-type-e tfoot td { text-align:left; }
		.table-type-e h5 {
			padding-bottom:3px;
			color:#536BBF;
			font: bold 0.95em/1.1em "Trebuchet MS", Arial, Verdana, serif;
			}
.table-type-f th, .table-type-f td {
	font-weight:normal;
	text-align:left;
	color:#666666;
	padding-bottom:10px;
	padding-left:0;	
	}
	.table-type-f th.align-right, .table-type-f td.align-right {
		text-align:right;
		vertical-align:top;
		font-weight:bold;
		border:none;
		}
		.table-type-f span {
			display:block;
			padding-bottom:4px;
			}
/* tricky border overrides, leave at end of cascade for table types */
.no-top-border { border-top:none !important; }
.no-right-border { border-right:none !important; }
.no-bottom-border { border-bottom:none !important; }
.no-left-border { border-left:none !important; }

/****************************** Rebate Points Calculator ***************************/
.rp-calculator-block-top label span, .rp-calculator-block-top label select,
.rp-calculator-block-bottom label span, .rp-calculator-block-bottom label input {
	font: 0.75em/1.6em "Trebuchet MS", Arial, Verdana, serif;
	}
.rp-calculator-block-bottom h3 {
	margin-left:10px;
	margin-bottom:5px;
	font: bold 0.95em/1.4em "Trebuchet MS", Arial, Verdana, serif;
	color:#536BBF;
	}

/********************************** Success Stories ********************************/
img.success-story {
	float:right;
	xmargin-top:15px;
	}

img.which {
	float:right;
	margin: 0px 0px 20px 10px;
	}