div#wrapper {text-align: center; padding-top: 10px; width: 780px; margin: 0 auto;}
div#mortContent {width: 780px; margin: 0 auto 15px auto; text-align: left; background-image: url("/images/mortgage/bgGradMort.gif"); background-repeat: no-repeat; background-position: center bottom;}
/*Following line needed for co-brands*/
div#mortContent div, div#mortContent span {font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif !important;}
div#mortContent span#logoQuicken {display: inline; float: right; width: 173px; height: 41px; margin: 0 20px; background-image: url("/images/mortgage/logoQuicken.gif"); background-repeat: no-repeat; background-position: 0 0;}
div#mortContent h1 {margin: 0 0 10px 0; padding: 8px 0 20px 85px; font-size: 28px; line-height: 1.3em; font-weight: bold; color: #000; border-bottom: 1px solid #b6c7db; background-image: url("/images/mortgage/iconH1.gif"); background-repeat: no-repeat; background-position: 20px 0;}

div#mortContent div.col1 {float: left; display: inline; margin-left: 20px; width: 325px;}
div#mortContent div.col2 {float: left; display: inline; margin-left: 15px; width: 400px;}
div#mortContent div.bottom {clear: both; margin: 20px; background-image: url("/images/mortgage/bgGradBotSect.gif"); background-repeat: repeat-x; background-position: 0 0;}

div#mortContent div.col div.sectHed {height: 50px; border: 1px solid #37608e; border-width: 1px 1px 0 1px; background-image: url("/images/mortgage/bgSectHed.gif"); background-repeat: repeat-x; background-position: 0 0; background-color: #036;}
div#mortContent h2, div#mortContent h2 a {color: #fff; font-size: 20px; line-height: 1.3em; font-weight: normal;}
div#mortContent div.col div.sectHed h2 {padding: 12px 15px 8px 63px; margin: 0; background-repeat: no-repeat; background-position: 10px 6px;}
div#mortContent div.col div.sectHed.calc h2 {background-image: url("/images/mortgage/iconSectHedCalc.gif");}
div#mortContent div.col div.sectHed.rates h2 {background-image: url("/images/mortgage/iconSectHedRates.gif");}
div#mortContent div.col div.sectHed.news h2 {background-image: url("/images/mortgage/iconSectHedNews.gif");}

div#mortContent div.col div.sect {border: 1px solid #37608e;}
div#mortContent div.col div.sect.calc {min-height: 285px;}
div#mortContent div.col div.sect.calc .pad {padding: 5px 20px 12px 20px;}
div#mortContent div.col div.spacer {height: 15px;}
div#mortContent div.col div.sect.rates {min-height: 175px;}
div#mortContent div.col div.sect.rates .pad {padding: 5px 0 12px 0;}
div#mortContent div.col div.sect.news {min-height: 527px; background-color: #e9eef3;}
div#mortContent div.col div.sect.news .pad {padding: 18px 20px 12px 20px;}
div#mortContent div.col div.sect p {padding: 0; margin: 0 0 1em 0; font-size: 13px; line-height: 1.3em;}

div#mortContent div.sect.calc div.formRow {padding: 0 0 8px 0;}
div#mortContent div.sect.calc label {display: block; padding: 0 0 0 0; font-size: 12px; line-height: 1.3em; font-weight: bold;} 
div#mortContent div.sect.calc input {font-size: 12px;}
div#mortContent div.sect.calc select {font-size: 12px;}

table#ratesTable {border: 0; border-collapse: collapse; width: 100%;}
table#ratesTable tr.even {background-color: #e6ebf1;}
table#ratesTable th, table#ratesTable td {padding: 5px 0 5px 20px; font-size: 13px; line-height: 1.3em; color: #000;} 
table#ratesTable th {text-transform: uppercase; font-weight: bold;}

div#mortContent div.sect.rates a.submit  {display: block; width: 107px; height: 32px; margin: 15px 0 0 15px; background-image: url("/images/mortgage/butApply.gif"); background-repeat: no-repeat; background-position: 0 0;}

div#mortContent a.rssLink {display: block; width: 160px; padding: 3px 0 3px 24px; margin: 0; font-size: 13px; line-height: 1.3em; font-weight: normal; color: #000; text-decoration: none; text-transform: uppercase; background-image: url("/images/global/iconRSS.gif"); background-repeat: no-repeat; background-position: 0 0;}
div#mortContent a.rssLink:hover {text-decoration: underline;}
div#mortContent p.newsItem {margin: 0 0 15px 0;}
div#mortContent p.newsItem span.date {display: block; font-size: 10px; line-height: 1.5em; color: #000;}
div#mortContent p.newsItem span.headline {display: block; font-size: 16px; line-height: 1.3em; font-weight: bold; color: #000;}
div#mortContent p.newsItem span.desc {display: block; font-size: 13px; line-height: 1.5em; color: #000;}
div#mortContent p.newsItem span.moreLink {display: block; font-size: 13px; line-height: 1.5em; color: #2c619c;}
div#mortContent p.newsItem span.moreLink a {font-size: 13px; line-height: 1.5em; font-weight: normal; color: #2c619c;}

div#mortContent div.bottom h2 {padding: 0; margin: 25px 0 0 20px; float: left; display: inline; width: 170px;}
div#mortContent div.bottom ul#guides {list-style-type: none; margin: 0; padding: 12px 0 0 0;}
div#mortContent div.bottom ul#guides li {display: inline; float: left; width: 118px; text-align: center; padding: 0; margin-right: 18px; background-repeat: no-repeat;  background-position: 0 0;}
div#mortContent div.bottom ul#guides li.item1 {background-image: url("/images/mortgage/guide1.png") !important; background-image: url("/images/mortgage/guide1.gif");}
div#mortContent div.bottom ul#guides li.item2 {background-image: url("/images/mortgage/guide2.png") !important;background-image: url("/images/mortgage/guide2.gif"); }
div#mortContent div.bottom ul#guides li.item3 {background-image: url("/images/mortgage/guide3.png") !important;background-image: url("/images/mortgage/guide3.gif"); }
div#mortContent div.bottom ul#guides li.item4 {background-image: url("/images/mortgage/guide4.png") !important; background-image: url("/images/mortgage/guide4.gif");}
div#mortContent div.bottom ul#guides li a {display: block; padding: 155px 0 0 0; color: #2c619c; font-size: 13px; line-height: 1.5em; font-weight: normal; text-decoration: underline;}

div#mortContent p.footText {font-size: 13px; line-height: 1.3em; margin: 0; padding: 20px;}