﻿@import "ccf.css";

/* Generic Seletors */
body
{
	background: #fefefe url(../img/mccf-b/bg.jpg) repeat-x;
	color: #382906;
}

h3
{
	margin-bottom: 4px;
	font-size: 1.4em;
}



/* Wrap */
#wrapper
{
	width: 727px;
	background: url(../img/mccf-d/Head.jpg) no-repeat;
}

#home #wrapper
{
	background: url(../img/mccf-d/HeadH.jpg) no-repeat;
}

#page2 #wrapper
{
	background: url(../img/mccf-d/HeadP2.jpg) no-repeat;
}

#page3 #wrapper
{
	background: url(../img/mccf-d/HeadOff.jpg) no-repeat;
}

#header
{
	height: 1px;
	margin-bottom: 40px;
	padding-top: 184px;
}

#home #header
{
	height: 1px;
	margin-bottom: 0;
	padding-top: 159px;
}

#page2 #header, #page3 #header
{
	height: 1px;
	padding-top: 234px;
}

#nvHome a
{
	position: absolute;
	top: 120px;
	left: 35px;
	width: 335px;
	height: 40px;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 40;
}

#nvHome a:link, #nvHome a:visited
{
	border: none;
}

/* Nav */
#nav
{
	position: absolute;
	top: 70px;
	left: 145px;
	width: 300px;
	height: 25px;
	margin: 0;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	overflow: visible;
	overflow: visible;
	z-index: 90;
}

#home #nav
{
	top: 130px;
	left: 400px;
}

#nav #nvRes ul
{
	width: 220px;
}

#nav li
{
	float: left;
}

#nav li a
{
	display: block;
	margin-right: 1em;
	padding-left: 10px;
	background: url(../img/mccf-b/Arrow.gif) 0 50% no-repeat;
	font-size: 0.95em;
}

#nav li a:link, #nav li a:visited
{
	color: #fff;
	border: none;
}

#nav li a:hover, #nav li a:focus, #nav li a:active
{
	color: #AC881A;
	text-decoration: none;
}

#nav li ul
{
	background: #C1B9AB none repeat scroll 0%;
	border-color: white;
	border-style: solid;
	border-width: 0pt 2px 2px;
	display: none;
	top: 15px;
	left: 62px;
	margin: 0pt;
	position: absolute;
	width: 10em;
	overflow: visible;
	z-index: 95;
}

#nav li:hover ul, #nav li.over ul
{
	display: block;
}

#nav li li
{
	border-top: 1px solid #F2F2F2;
	display: block;
	height: auto;
	position: static;
	padding-left: 2px;
	float: none;
	border-left: none;
}

#nav li li a
{
	margin-right: 0;
	display: block;
	height: auto;
	min-height: 0pt;
	padding: 2px 2px 2px 12px;
	position: static;
	text-indent: 0pt;
	color: White;
}

#nav li li a:hover
{
	text-decoration: none;
	background: #AC881A url(../img/mccf-b/Arrow.gif) 2px 50% no-repeat;
	color: white;
}

/* Main */
#main
{
	min-height: 200px;
	margin: 40px 0 40px 20px;
}

#home #main
{
	min-height: 310px;
	margin: 0;
}

.content h1
{
	margin: 0 0 0.25em;
	font-size: 2em;
	color: #000;
}

#home h1
{
	display: none;
}

.c2 .content
{
	float: left;
	width: 70%;
}

#home #benefitsP1
{
	display: none;
}

#home .form
{
	min-height: 0;
	margin-left: 400px;
	/*padding-bottom: 65px;
	background: url(../img/mccf/CardLogosH.png) 0 100% no-repeat;*/
}

#home .form h3
{
	height: 26px;
	margin-bottom: 10px;
	background: url(../img/mccf-b/StartSearch.gif) no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
}

.form h4
{
	display: none;
}

.err
{
	color: #b00;
}

.err p
{
	margin: 12px 0;
	padding: 2px 4px;
	background-color: #ddd;
	border: solid 1px #b00;
}

label
{
	position: relative;
	display: block;
	clear: left;
	margin-bottom: 4px;
	z-index: 50;
}

label label
{
	position: static;
	display: inline;
	margin: 0;
	padding: 0 1em 0 4px;
}

fieldset br, #set1 br
{
	display: none;
}

#home .labelText
{
	display: block;
	padding: 0;
	font-size: 12px;
}

#page2 .labelText
{
	float: left;
	width: 115px;
	padding: 5px 0 0;
	font-size: 12px;
}

#page2 .labelText
{
	width: 250px;
	padding-right: 10px;
	text-align: right;
}

#page2 .correctionText, #page2 .errBlk
{
	margin-left: 260px;
}

#txtFirstName, #txtLastName, #txtEmail, #txtEmail2, #txtAddress, #txtCity, #txtZipCode, #ddlRateCredit, #ddlState, #txtHPhone1, #txtHPhone2, #txtHPhone3, #txtSsnLast4
{
	width: 148px;
	padding: 1px 0 1px 2px;
	border: solid 1px #999;
}
#ddlRateCredit, #ddlState
{
	width: 152px;
	padding: 0;
}
#txtZipCode, #txtSsnLast4
{
	width: 73px;
}
#txtHPhone1, #txtHPhone2
{
	width: 2em;
}
#txtHPhone3
{
	width: 2.5em;
}

#lnkPrivacy
{
	margin: 8px 0 6px 0;
}

#home .subtn
{
	margin: 0 0 0 -4px;
}

#home #btnSubmit1, #page2 #btnSubmit2
{
	display: block;
	width: 115px;
	height: 39px;
	padding-top: 39px;
	background: url(../img/mccf-e/btnSearch.png) 0 0 no-repeat;
	border: none;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

#contact #btnSubmit1
{
	cursor: pointer;
}

#page2 #btnSubmit2
{
	width: 94px;
	height: 32px;
	padding-top: 32px;
	margin-top: 20px;
	background: url(../img/mccf/btnGetOffers.png) -2px 0 no-repeat;
}

#home #btnSubmit1:hover, #home #btnSubmit1:focus, #home #btnSubmit1:active
{
	background-position: -116px 0;
}

#page2 #btnSubmit2:hover, #page2 #btnSubmit2:focus, #page2 #btnSubmit2:active
{
	background-position: -95px 0;
}

.side
{
	float: right;
	width: 26%;
	margin-left: 4%;
}

#set1 p
{
	/*margin: 8px 0;
	padding-right: 4px;*/
	font-size: 0.9em;
	line-height: 1.1;
}

/* Offers */
#divGreeting
{
	margin-bottom: 30px;
}

.offer
{
	margin-bottom: 12px;
	padding-bottom: 12px;
}
#divOffers .offer h3, #divOffers .offer .bullets
{
	clear: left;
	float: left;
	width: 200px;
	margin-left: 130px;
}
#divOffers .offer .bullets
{
	font-size: .9em;
}
#divOffers .offer .offerimg
{
	left: 0;
}
#divOffers .offerimg .offerbtn
{
	display: block;
	width: 93px;
	height: 35px;
	margin: 0 auto;
	background: url(../img/mccf/btnApply.png) -3px 0 no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}
.offerimg .offerbtn:hover, .offerimg .offerbtn:focus, .offerimg .offerbtn:active
{
	background-position: -93px 0;
}
#divOffers .offer .desc
{
	float: none;
	width: 310px;
	margin: 0 0 0 340px;
	padding: 2em 20px 1em;
	font-size: 0.9em;
	font-style: italic;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-color: #D3D6D8;
	border: solid 4px #f7f7f7;
}
#divOffers .offer .disc
{
	display: none;
}

/* Res */
#home #divRes
{
	width: 710px;
	margin: 15px auto 60px;
	padding: 0;
	color: #6e6655;
}

#home #divRes h3
{
	display: inline-block;
	margin: 0 0 -.5em 19px;
	padding-right: .5ex;
	font-size: 2em;
	font-style: normal;
	font-family: "Helvetica Condensed", Helvetica, Arial, Sans-Serif;
	background-color: #fff;
}

#home #divRes p
{
	clear: both;
	position: relative;
	z-index: 30;
	margin: 31px 0 0;
	padding: 0;
	text-align: center;
}

#home #divRes p a:link, #home #divRes p a:visited
{
	font-size: .96em;
	letter-spacing: -.1em;
}

#home #divRes ul
{
	min-height: 0;
	margin: 0 0 0 20px;
	padding-top: 20px;
	list-style: none;
	border-top: solid 1px #cbc5b9;
}

*:first-child+html #home #divRes ul
{
	border: none;
}

#home #divRes li
{
	float: left;
	width: 30%;
	margin: 0 3% 0 0;
	font-size: 0.9em;
	text-align: justify;
}

#home #divRes a:link, #home #divRes a:visited
{
	display: block;
	margin-top: 1em;
	color: #6e6655;
	text-decoration: none;
	border: none;
}

#home #divRes a:hover, #home #divRes a:focus, #home #divRes a:active
{
	color: #EDC34B;
}

#secondary-offers h2
{
	margin: 1em 0 .5em;
	font-style: italic;
}

/* Foot */
#foot
{
	clear: both;
	margin: 0 18px;
	padding: 10px 0 0 2px;
	background: url(../img/mccf/SepH.gif) repeat-x;
}

#home #foot
{
	background-image: none;
}

#foot p
{
	font: 0.9em Verdana,sans-serif;
	line-height: 1.5;
}

#footnav
{
	float: left;
}

#unsub, #rspam
{
	clear: right;
	float: right;
}

#foot #unsub a:link, #foot #unsub a:visited
{
	font-size: 1.2em;
	color: Blue;
	text-decoration: none;
	border: none;
}

#foot #unsub a:hover, #foot #unsub a:focus, #foot #unsub a:active
{
	text-decoration: underline;
}

.copy
{
	clear: both;
	color: #777;
}

#foot a:link, #foot a:visited
{
	color: #000;
}

#foot a:hover, #foot a:focus, #foot a:active
{
	color: #957515;
}
