/* Oz Credit */
/* Geoff Pack, April 2008 */

body {
	text-align:center;
	font-family:Verdana,Arial,Helvetica,sans-serif; 
	font-size:76%; /* ~12px based on 16px default font size */
	margin:0; padding:0;
	color:#fff; background:#333 url(body_bg.png) top left repeat-x;
}

div {text-align:left; margin:0; padding:0;}
p {font-size:0.92em; margin:0 100px 1em 36px; padding:0; line-height:1.4em;} /* ~11px */
img {border:0;}
small {font-size:0.833em;} /* ~10px */
.required {color:#d00;}
big {font-size:1.0em;} /* ~12px */
table {margin:0 100px 1em 36px; }
tr {vertical-align:top;}
td {font-size:0.92em; padding:3px;} /* ~10px */
ol {margin:0.5em 100px 1em 36px; padding:0;}
ul {margin:0.5em 100px 1em 36px; padding:0;}
ol ul, ul ol {margin:0;}
li {font-size:0.92em; margin:0 0 0 12px; padding:0 0 2px 10px; line-height:1.3em; list-style-type:none; list-style-image:none; background-image:url(li.gif); background-position:2px 5px; background-repeat:no-repeat;}
hr {margin:5px 8px; padding:0; border-width:0px; height:1px; border-bottom:1px solid #666;}
form {font-size:0.92em;}
form h3 {font-size:1.27em;margin-bottom:1em;}
form h4 {font-size:1.086em;margin-bottom:1em;}

.smallImg {margin:3px 8px 10px 0; border:1px solid #000;}
.hidden {visibility:hidden; display:none;}
.right {float:right;}
.center {text-align:center}
.clearer {clear:both;}


/* headings */
h1 {display:none; font-size:2.5em;   font-weight:normal; font-family:Arial,Helvetica,sans-serif; margin:0px 8px 1em 8px;}
h2 {clear:left; font-size:1.333em; font-weight:normal; font-family:Arial,Helvetica,sans-serif; margin:1em 100px 1em 36px; padding-bottom:0.2em; border-bottom:1px dotted #666;}
h3 {clear:left; font-size:1.167em; font-weight:normal; font-family:Arial,Helvetica,sans-serif; margin:1em 100px 0.3em 36px;}
h4 {clear:left; font-size:1.0em;   font-family:Arial,Helvetica,sans-serif; margin:1em 100px 0.2em 36px;}


/* default links */
a, a:link {text-decoration:none; color:#ea830d;}
a:visited {color:#cc730c;}
a:hover, a:focus, a:active {text-decoration:underline;}

a.pdf {padding:5px 28px 5px 0; background:url(pdf.gif) center right no-repeat;}


/* ------------------------------ */
/* main layout */

#headerWrapper {width:1008px; margin:14px auto 0 auto; padding:9px 0 0 0; background:url(header_shadow_bg.png) top left no-repeat;}
#header {position:relative; width:990px; margin:0 9px; background:#ea830d url(header_bg.jpg) top left no-repeat;}

#contentWrapper {width:1008px; margin:0 auto; color:#fff; background:url(wrapper_bg.png) top left repeat-y;}
#content {position:relative; width:990px; margin:0 9px; background:#fff url(content_bg.gif) top left repeat-y;}
body#home #content {background:#ea830d url(content_home_bg.gif) top right no-repeat;}

#mainContent {width:790px; float:left; margin:0; color:#333; background:#fff;}
body#home #mainContent {width:790px; float:left; margin:0; color:#333; background:#fff url(main_content_bg.jpg) bottom left no-repeat;}

#heroImage {padding:10px;}
#centerBlock {width:610px; float:left;}
#text1   {width:375px; float:left;}
#text2   {width:190px; float:left;}
#promos  {clear:both; }

#sidebar {width:180px; float:left; color:#666; background:#eaeaea;}
body#home #sidebar {width:165px; float:left; margin:20px 0 0 18px; padding-bottom:25px; color:#666; background:#eaeaea url(calculator_bg.gif) bottom left no-repeat;}

#footer  {clear:both; width:1008px; margin:0 auto; padding:7px 0; color:#fff; text-align:center; background:url(footer_bg.png) bottom left no-repeat;}
#footer p { font-size:0.833em;}


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

/* header */
#logo {margin:14px 0 12px 59px;}
#phoneNumber {position:absolute; top:36px; left:171px;}
#rates {position:absolute; top:0px; right:0px;}


/* ------------------------------ */
/* main nav */

#mainNav {width:990px; margin:0; padding:0; list-style:none; height:2em; text-transform:uppercase; font-size:0.92em;}
#mainNav li {float:left; margin:0; padding:0; font-size:0.92em;}
#mainNav a span {padding-left:9px; background:url(arrow_orange.gif) center left no-repeat;}

#mainNav a				{display:block; height:1.5em; overflow:hidden; text-align:center; font-weight:bold; padding:5px 0; color:#fff; background:#4f4f4f;}
#mainNav a.cars 		{width:166px; background:#4f4f4f url(tabs/cars.gif) 0 0 no-repeat;}
#mainNav a.boats 		{width:194px; background:#4f4f4f url(tabs/boats.gif) 0 0 no-repeat;}
#mainNav a.personal 	{width:159px; background:#4f4f4f url(tabs/personal.gif) 0 0 no-repeat;}
#mainNav a.leasing 		{width:212px; background:#4f4f4f url(tabs/leasing.gif) 0 0 no-repeat;}
#mainNav a.insurance 	{width:125px; background:#4f4f4f url(tabs/insurance.gif) 0 0 no-repeat;}
#mainNav a.faqs 		{width:134px; background:#4f4f4f url(tabs/faqs.gif) 0 0 no-repeat;}

#mainNav a.cars span 	{margin-left:31px;} /* tweak alignment of first and last navs */
#mainNav a.faqs span	{margin-right:40px;}

/* hover states */
#mainNav a:hover			{height:1.5em; text-decoration:none; color:#4f4f4f; background:#fff;}
#mainNav a.cars:hover 		{background:#fff url(tabs/cars.gif) 0 -100px no-repeat;}
#mainNav a.boats:hover 		{background:#fff url(tabs/boats.gif) 0 -100px no-repeat;}
#mainNav a.personal:hover 	{background:#fff url(tabs/personal.gif) 0 -100px no-repeat;}
#mainNav a.leasing:hover 	{background:#fff url(tabs/leasing.gif) 0 -100px no-repeat;}
#mainNav a.insurance:hover 	{background:#fff url(tabs/insurance.gif) 0 -100px no-repeat;}
#mainNav a.faqs:hover 		{background:#fff url(tabs/faqs.gif) 0 -100px no-repeat;}

/* on states */
body#cars #mainNav a.cars 			{color:#4f4f4f; background:#fff url(tabs/cars.gif) 0 -100px no-repeat;}
body#boats #mainNav a.boats 		{color:#4f4f4f; background:#fff url(tabs/boats.gif) 0 -100px no-repeat;}
body#personal #mainNav a.personal 	{color:#4f4f4f; background:#fff url(tabs/personal.gif) 0 -100px no-repeat;}
body#leasing #mainNav a.leasing 	{color:#4f4f4f; background:#fff url(tabs/leasing.gif) 0 -100px no-repeat;}
body#insurance #mainNav a.insurance {color:#4f4f4f; background:#fff url(tabs/insurance.gif) 0 -100px no-repeat;}
body#faqs #mainNav a.faqs 			{color:#4f4f4f; background:#fff url(tabs/faqs.gif) 0 -100px no-repeat;}


/* ------------------------------ */
/* sub nav */

#subNav {width:176px; float:left; color:#fff; }
#subNav ul {margin:0 0 0 1px; padding:0 13px 2px 14px; background:#e3e3e3 url(subnav_bg.gif) bottom left no-repeat;}
#subNav li {margin:0; padding: 9px 0 6px 16px; font-size:0.833em; background:url(subnav_li_bg.gif) 0 0 no-repeat;}
#subNav li.first {margin:0; padding: 7px 0 6px 16px; background:url(subnav_li_bg.gif) 0 -2px no-repeat;}
#subNav li a {color:#333; font-weight:bold;}
#subNav .promoImg {margin:16px 0 5px 5px;}

body#home #subNav .promoImg {display:none;}
body#home #subNav ul {margin:0 0 0 1px; padding:0 13px 2px 14px; background:#e3e3e3;}

/* revs check nav only to be shown on car loans & revs check pages */
#subNav li.revs {display:none;}
body#cars #subNav li.revs, body#revs #subNav li.revs {display:block;}

/* on states */
body#calculator #subNav a.calculator,
body#about #subNav a.about, 
body#forms #subNav a.forms, 
body#revs #subNav a.revs, 
body#checklist #subNav a.checklist, 
body#tips #subNav a.tips,
body#sitemap #subNav a.sitemap, 
body#contact #subNav a.contact, 
body#privacy #subNav a.privacy,
body#comparisonrates #subNav a.comparisonrates,
body#jobs #subNav a.jobs {color:#999; text-decoration:underline;}


/* ------------------------------ */
/* content area */

#topCurve {width:990px; height:20px; margin:0; background:url(content_top_curve.gif) top left no-repeat;}
#bottomCurve {clear:both; width:990px; height:16px; margin:0; background:url(content_bottom_curve.gif) bottom left no-repeat;}
#tree {position:absolute; bottom:0; right:22px; width:225px; height:198px; background:url(palm_tree.gif) bottom left no-repeat;}

#mainContent {position:relative; margin:0; padding-bottom:60px;}
#heroImage {margin:-7px 0 5px 6px; padding:6px; background:url(hero_sm_bg.gif) top left no-repeat;}

.cols p  {margin:0 36px 1em 36px;}
.cols h2 {margin:1em 36px 1em 36px;}
.cols h3 {margin:1em 36px 0 36px;}
.cols h4 {margin:1em 36px 0 36px;}
.cols ul {margin:0 36px 1em 36px;}
.cols ol {margin:0 36px 1em 36px;}

.cols {}
#column1 {float:left; width:350px; margin:1em 0 0 0}
#column2 {float:left; width:350px; margin:1em 0 0 0; padding-left:12px; border-left:1px solid #ccc;}

#sidebar p {margin:1em 8px;}


/* ------------------------------ */
/* home page */

body#home #mainContent {position:relative; margin:-3px 0 0 0; padding-bottom:42px;}
body#home #sidebar h2 {margin:0; padding:20px 0 25px 15px; color:#666; background:#eaeaea url(calculator_head_bg.gif) top left no-repeat; border:0;}


body#home #heroImageDiv {width:790px; height:266px; margin:0; background:url(hero_home_bg.gif) top left no-repeat;}
body#home #heroImage    {margin:15px 16px 22px 17px; padding:0;}
body#home #navShadow    {position:absolute; top:0px; right:0px; width:200px; height:3px; background:url(nav_shadow.gif) top left repeat-x;}

body#home #column1 {width:405px; margin-bottom:1em; border-right:1px solid #ccc;}
body#home #column2 {width:173px; background:url(quote_close.png) bottom right no-repeat; border:none;}
body#home #column2 h3 {margin:-5px 12px 0 0; padding:5px 0 0 25px;  font-size:1.5em; background:url(quote_open.png) top left no-repeat;}
body#home #column2 p {margin:0 12px 1em 0; padding:12px 8px 0 25px; line-height:1.7;}


body#home #promos {margin-left:0;}
body#home #promo1 {margin-left:32px;}
body#home #promo2 {margin-left:18px;}
body#home #promo3 {margin-left:18px;}

body#home #promos a:hover{text-decoration:none;}

body#home form#repaymentCalculator {margin-left:8px;}
body#home form#repaymentCalculator p {margin-top:1.5em;}


/* ------------------------------ */
/* specific pages */

body#sitemap #sitemapList {}
body#sitemap #sitemapList li {margin-top:1em; padding-left:30px;}
body#sitemap #sitemapList li a {margin-left:-20px;}



/* application forms */
form.applicationsForm {}
form.applicationsForm h3 {margin-top:2em;}
form.applicationsForm h4 {margin-top:2em;}

form.applicationsForm p {clear:left; margin-top:0.2em;}
form.applicationsForm label {float:left; width:15em; padding:0.5em 0;}
form.applicationsForm label.inline {float:none; width:auto;}
form.applicationsForm input.input-box{}