/* -- COLORS -- */

body {
	background: #f1f1f1;
}
#header {
	background: #444 url(./images/stripe-header.png) top center repeat-x;
}
#nav {
	background: #444;
}
#sub-nav {
	background: #6699cc url(./images/stripe-subnav.png) top center repeat-x;
}
#intro {
	background: #336699 url(./images/stripe-intro.png) top center repeat-x;
	border-bottom: 1px solid #23373d;
}
	#intro h1,
	#intro h2,
	#intro p,
	#logo span {
		color: #fff; /* intro text color */
	}
#main {
	background: #fff url(./images/stripe-main.png) top center repeat-x;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #c6c6c6;
}
	#main h1,
	#main h2,
	#main h3,
	#main dt,
	#footer h3,
	a:link,
	a:visited,
	a:hover,
	a:active,
	legend,
	.form-field span.description {
		color: #006db0; /* accent color for text */
	}
	#main p,
	#main li,
	#main dd,
	#footer,
	label,
	#main div.privacy h3 {
		color: #5e5e5e; /* primary color for text */
	}
	fieldset,
	.link-ads img:hover,
	.form-field input.text,
	.form-field input.title,
	.form-field select {
		border: 1px solid #b5ceff;
	}
	fieldset,
	.link-ads img:hover {
		background-color: #f0f6fb;
	}
	#main fieldset.homepage { /* Apply Now banner */
		background-image: url(./images/apply-now.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		padding-top: 70px;
	}
	input.button {
		background-color: #006db0;
		color: #fff;
		border-top: 1px solid #b5ceff;
		border-left: 1px solid #b5ceff;
		border-right: 1px solid #18314a;
		border-bottom: 1px solid #18314a;
	}
#footer {
	border-top: 1px solid #fff;
}

/* -- HEADER -- */

#header {
	height: 45px;
	padding-top: 20px;
}
#logo {
	background: url(./images/autocreditfinders-logo.png) no-repeat left 0px;
	height: 45px;
}


/* -- NAVIGATION -- */

#nav a:link, #nav a:visited {
	background: #242021 url(./images/tab-round.png) right 60px; /* color of tabs (inactive state) */
	color: #999;
}
	#nav a span {
		background: url(./images/tab-round.png) left 60px;
	}
#nav a:hover {
	color: #fff;
}
#nav .active a:link, #nav .active a:visited, #nav .active a:visited, #nav .active a:hover {
	background: #6699cc url(./images/tab-round.png) right 0 no-repeat; /* color of active tab */
	color: #fff;
}
	#nav .active a span, #nav .active a:hover span {
		background: url(./images/tab-round.png) left 0 no-repeat;
	}

	/* -- LIT -- */

	#nav .lit a:link, #nav .lit a:visited, #nav .lit a:visited, #nav .lit a:hover {
		background: #69a702 url(./images/tab-round.png) right -60px no-repeat; /* color of lit tab */
		color: #fff;
	}
		#nav .lit a span, #nav .lit a:hover span {
			background: url(./images/tab-round.png) left -60px no-repeat;
		}

/* -- SUB-NAV -- */

#sub-nav a:link, #sub-nav a:visited {
	background: none;
	color: #fff; /* sub-nav primary color (inactive state) */
	border: 1px solid transparent;
}
#sub-nav a:hover {
	/*background: #336699 url(_../images/tab-round-subnav.png) right 20px;*/
	border: 1px solid #fff;
}
	#sub-nav a:hover span {
		background: url(_../images/tab-round-subnav.png) left 20px;
	}
#sub-nav .active a:link, #sub-nav .active a:visited, #sub-nav .active a:hover {
		background-color: #336699; /* sub-nav active color */
		border: 1px solid #7AA7D3;
		border-top: 1px solid #224568;
		border-left: 1px solid #224568;
		color: #fff;
} 
	#sub-nav .active a span, #sub-nav .active a:hover span {
	}

#sub-nav .usa a:link, #sub-nav .usa a:visited,
#sub-nav .canada a:link, #sub-nav .canada a:visited,
#sub-nav .mexico a:link, #sub-nav .mexico a:visited {
		background-image: url(/images/silk-icons/flag-us.gif);
		background-position: 8px center;
		background-repeat: no-repeat;
		padding-left: 20px;
}
#sub-nav .canada a:link, #sub-nav .canada a:visited {
		background-image: url(/images/silk-icons/flag-ca.gif);
}
#sub-nav .mexico a:link, #sub-nav .mexico a:visited {
		background-image: url(/images/silk-icons/flag-mx.gif);
}

/* -- INTRO -- */

#intro, #intro-lit
{
    padding-top: 0px;
    padding-bottom: 0px;
}
#intro h1
{
    padding-top: 15px;
    padding-bottom: 0px;
}
#intro h1.motto
{
	padding-top: 0px;
	background: url(./images/stripe-intro-since1997.png) no-repeat 0px 0px;
	height: 50px;
  margin: 0px;
}
#intro h1.motto span
{
    margin-left: -9999px;
}






div.app-column-left { /* (span-11 prepend-1 append-1) */
	float: left;
	width: 420px;
	margin-right: 10px;
	padding-left: 40px;
	padding-right: 20px;
}