﻿@import "CCLtypes.css";

/* Generic Seletors */
*
{
	margin: 0;
	padding: 0;
}
body
{
	color: #5c5c5c;
	font: 0.75em Arial,sans-serif;
	line-height: 1;
	width: 1129px;
	background: #02245c url(../img/back-burst.jpg) 0 -32px no-repeat;
}
h1
{
	margin: 0.5em 0 0.75em 0;
	font-size: 2em;
}
h2
{
	margin: 0;
	font-size: 1.5em;
}
h3
{
	margin: 0 0 0.5em 0;
	font-size: 1.35em;
	font-style: italic;
}
h4
{
	margin: 0 0 0.5em 0;
	font-size: 1.35em;
	text-transform: uppercase;
}
p, ol, ul, fieldset, table, address
{
	margin: 1em 0;
}
p, li
{
	line-height: 1.4;
}
ol, ul
{
	margin-left: 2em;
}
table
{
	border-collapse: collapse;
}
a img, fieldset
{
	border: none;
}
fieldset br
{
	display: none;
}
option
{
	padding-right: 0.5em;
}
input, select, textarea
{
	padding: 1px 2px;
	font: 1.1em Arial,sans-serif;
}
select
{
	padding: 0;
}
label
{
	display: block;
	position: relative;
	clear: left;
	margin-bottom: 6px;
	font-size: 13px;
	font-weight: 600;
}
label label
{
	position: static;
	display: inline;
	margin: 0;
	padding: 0 1em 0 4px;
}
address
{
	line-height: 1.2;
}
.hide
{
	display: none;
}
.txtHide
{
	font-size: 1px;
	overflow: hidden;
	text-indent: -99999px;
}
.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix
{
	display: inline-block;
}
html[xmlns] .clearfix
{
	display: block;
}

/* Links */
a:link, a:visited
{
	color: blue;
	text-decoration: none;
}
a:hover, a:focus, a:active
{
	color: #9d700d;
	text-decoration: underline;
}

/* Wraps */
#siteWrap
{
	margin: 0 0 0 95px;
	width: 762px;
}
#pageWrap
{
	width: 762px;
	background: #d8d8d8 url(../img/page-bg.jpg) 0 0 repeat-x;
}
#mainWrap
{
	position: relative;
	z-index: 20;
	top: 2px;
	margin: 0 6px 8px;
	padding: 0;
	width: 751px;
	min-height: 800px;
	background: #f7f7f7 url(../img/main-btm.jpg) 0 bottom repeat-x;
}

/* Header */
#header
{
	height: 103px;
	background: url(../img/cards.jpg) 500px 25px no-repeat;
}
#header #nav
{
	position: absolute;
	z-index: 15;
	top: 10px;
	left: 588px;
	font-size: .75em;
	color: #fff;
	list-style-type: none;
	margin: 0 0 0 2em;
}
#header #nav li
{
	display: inline;
	margin-right: -4px;
}
#header #nav li a, #header #nav li a:link, #header #nav li a:active, #header #nav li a:visited
{
	color: #fff;
	font-weight: bold;
	border: solid 1px;
	padding: 0 3px;
	border-top: none;
	border-bottom: none;
	border-left: none;
}
#header #nav #nav5
{
	margin-right: 0;
}
#header #nav #nav5 a
{
	border: none;
}
#header #nav li a:hover
{
	text-decoration: underline;
}
#header #logo
{
	position: absolute;
	z-index: 15;
	top: 30px;
	margin-left: 1px;
	display: block;
	width: 458px;
	height: 59px;
	background: url(../img/logo.jpg) 0 0 no-repeat;
}

/* Main */
.Main1
{
	float: left;
	width: 187px;
}
.Main1 ul
{
	font-size: 1em;
	margin: 0 1px 0 0;
	padding: 0 0 10px 22px;
	background: url(../img/search-btm.jpg) 0 bottom repeat-x;
	min-height: 91px;
}
.Main1 li
{
	list-style-position: inside;
}
.Main1 li a, .Main1 li a:link, .Main1 li a:active, .Main1 li a:visited
{
	color: #5c5c5c;
}
.Main1 li a:hover
{
	color: #9d700d;
}
#ads
{
	margin: 10px 0 0;
}
#ads #offersBlock h2, #ads .offer h3, 
#ads .offer .desc, #ads .offerimg br, 
#ads .offerimg .offerbtn, #ads .offer .bullets, 
#ads .offer .specs, #ads .offer .disc
{
	display: none;
}
#ads .offerimg
{
	margin: 0 0 20px;
	padding: 0;
}
#ads .offerimg a img
{
	display: block;
	margin: 0 auto;
}
.Main1 #CreditType
{
	height: 53px;
	background: url(../img/CreditType.jpg) 0 0 no-repeat;
}
.Main1 #CardType
{
	height: 39px;
	background: url(../img/CardType.jpg) 0 0 no-repeat;
}
.Main1 #CardIssuer
{
	height: 39px;
	background: url(../img/CardIssuer.jpg) 0 0 no-repeat;
}
.Main1 #OtherCreditProducts
{
	height: 39px;
	background: url(../img/OtherCreditProds.jpg) 0 0 no-repeat;
}
#Main2
{
	position: relative;
	bottom: 8px;
	float: left;
	width: 558px;
	padding: 0 0 0 6px;
	margin: 8px 0 0 0;
	min-height: 800px;
	background: url(../img/divider.jpg) 0 0 repeat-y;
}
#Main2 .pic
{
	position: absolute;
	z-index: 30;
	top: -15px;
	margin-left: 28px;
}
#Main2 #steps
{
	position: relative;
	z-index: 25;
	left: -5px;
	width: 565px;
	height: 189px;
	margin: 0;
	list-style-type: none;
	background: url(../img/steps.jpg) 0 0 no-repeat;
}
#Main2 #steps li
{
	display: none;
}
.content
{
	min-height: 700px;
	padding: 20px;
}
.contactForm #sub1
{
	position: relative;
	z-index: 50;
	display: block;
	border-width: 0;
	font-size: 1px;
	text-indent: -99999px;
	overflow: hidden;
	cursor: pointer;
	width: 80px;
	height: 27px;
	background: transparent url(../img/send.png) 0 0 no-repeat;
}
.contactForm #sub1:hover, .contactForm #sub1:focus, .contactForm #sub1:active
{
	background-position: -85px;
}
.divThanks
{
	padding: 20px;
}

/*Resources*/
#resources
{
	display: inline;
	width: 60%;
}
.ResSide
{
	width: 20%;
}

/* Footer */
#footer
{
	clear: both;
	position: relative;
	color: #fff;
	padding: 30px 20px 30px;
	font-size: .75em;
	font-weight: bold;
	background: url(../img/footer-bg.jpg) 0 0 repeat-x;
}
#footer a, #footer a:link, #footer a:active, #footer a:visited
{
	color: #fff;
}
#footer a:hover
{
	color: #fff;
}
#unsub, #rspam
{
	position: absolute;
	right: 20px;
	margin: 0;
}
#unsub
{
	top: 30px;
}
#rspam
{
	top: 50px;
}
#rspam a
{
	display: block;
	width: 83px;
	height: 10px;
	cursor: pointer;
	background: url(../img/ReportSpam.png) 0 0 no-repeat;
}

/* Offers */
#offersBlock
{
	position: relative;
	z-index: 29;
	left: -5px;
	background: url(../img/Title.jpg) 0 0 no-repeat;
}
#type-damg #offersBlock,
#type-poor #offersBlock,
#type-fair #offersBlock,
#type-newb #offersBlock,
#type-good #offersBlock,
#type-excl #offersBlock
{
	background: none;
}
#offersBlock p, #offersBlock ul, #offersBlock table
{
	font-size: 85%;
}
#offersBlock .offer
{
	position: relative;
	z-index: 29;
	padding: 0 0 15px;
	margin: 0;
	font-size: .98em;
	background: #f7f7f7 url(../img/divider.jpg) -1px 0 repeat-y;
}
#offersBlock .offer h3
{
	font-size: .98em;
	padding: 11px 0 0 23px;
	margin: 0 0 5px;
	background: url(../img/offer-sep.jpg) 0 0 no-repeat;
}
#offersBlock .offer h3 a, #offersBlock .offer h3 a:link, #offersBlock .offer h3 a:active, #offersBlock .offer h3 a:visited
{
	color: #c39532;
}
#offersBlock .offer h3 a:hover
{
	text-decoration: none;
	color: #9D6F0D;
}
#offersBlock .offerimg
{
	float: left;
	margin-bottom: .2em;
	text-align: center;
	width: 120px;
	padding-left: 8px;
}
#offersBlock .offerbtn
{
	position: absolute;
	top: 33px;
	left: 430px;
	display: block;
	width: 118px;
	height: 38px;
	text-indent: -99999px;
	font-size: 1px;
	overflow: hidden;
	cursor: pointer;
	background: url(../img/an-fair.png) 0 0 no-repeat;
}
#offersBlock .offerbtn:hover
{
	background-position: -120px;
}

#offersBlock .bullets
{
	width: 300px;
	margin-left: 130px;
	min-height: 66px;
}
#offersBlock .bullets ul
{
	list-style-type: none;
	margin: 0;
}
#offersBlock .bullets li
{
	padding: 1px 0 2px 10px;
	line-height: 1.1em;
	background: url(../img/bullet.jpg) 0 3px no-repeat;
}
#offersBlock .bullets p
{
	display: none;
}
#offersBlock .desc
{
	margin: 3px 12px;
	font-size: 1.1em;
}
#offersBlock table
{
	border: none;
	margin: 3px 12px 0;
}
#offersBlock thead th, #offersBlock tbody td
{
	padding: 0;
	width: 104px;
	border: 2px solid #f7f7f7;
}
#offersBlock thead th
{
	background-color: #b5b5b5;
	color: #fff;
	padding: 2px 4px;
	text-align: center;
}
#offersBlock tbody td
{
	background-color: #dedede;
	padding: 2px 4px;
	text-align: center;
}
#offersBlock .disc
{
	margin: 0 12px;
	padding: 5px 3px;
	text-align: left;
}
#offersBlock .disc p
{
	font-style: italic;
}
#offersBlock .xtra1
{
	display: none;
}
#offersBlock h2
{
	color: #a48713;
	height: 27px;
	padding: 10px 0 0 20px;
}
#type-damg #offersBlock h2,
#type-poor #offersBlock h2,
#type-fair #offersBlock h2,
#type-newb #offersBlock h2,
#type-good #offersBlock h2,
#type-excl #offersBlock h2
{
	font-size: 1px;
	overflow: hidden;
	text-indent: -99999px;
}
#type-damg #offersBlock h2
{
	background: url(../img/TitleDa.jpg) 0 0 no-repeat;
}
#type-damg #offersBlock .offerbtn
{
	background-image: url(../img/an-damaged.png);
}
#type-poor #offersBlock h2
{
	background: url(../img/TitlePo.jpg) 0 0 no-repeat;
}
#type-poor #offersBlock .offerbtn
{
	background-image: url(../img/an-poor.png);
}
#type-fair #offersBlock h2
{
	background: url(../img/TitleFa.jpg) 0 0 no-repeat;
}
#type-fair #offersBlock .offerbtn
{
	background-image: url(../img/an-fair.png);
}
#type-newb #offersBlock h2
{
	background: url(../img/TitleNe.jpg) 0 0 no-repeat;
}
#type-newb #offersBlock .offerbtn
{
	background-image: url(../img/an-new.png);
}
#type-good #offersBlock h2
{
	background: url(../img/TitleGo.jpg) 0 0 no-repeat;
}
#type-good #offersBlock .offerbtn
{
	background-image: url(../img/an-good.png);
}
#type-excl #offersBlock h2
{
	background: url(../img/TitleEx.jpg) 0 0 no-repeat;
}
#type-excl #offersBlock .offerbtn
{
	background-image: url(../img/an-ex.png);
}

/* Misc */
.sn
{
	margin: 0;
	color: #22447C;
}
.attn
{
	color: #c00 !important;
	font-weight: bold !important;
}
