body {font:13px Trebuchet, "Trebuchet MS", Verdana;*font-size:small;*font:x-small;}
body {margin:0 auto;background-color: #fff;}
form {margin:0; padding:0;}
ul{list-style:none;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,textarea{margin:0; padding:0;}
a img,:link img,:visited img { border:none;}
address,caption,code,dfn,th,var{font-style:normal;}
input,select{font:normal 13px helvetica;}
a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
a:active {outline: none;} 
a:link,
a:visited,
a:active,
a:link:hover{color:#2176CB;}

.clear{clear:both;background:transparent none repeat scroll 0%;height:0px;display:block;overflow:hidden;margin:0px;padding:0px;}
.none{display:none;}
.hidden{visibility:hidden;}

/*header*/
#header {height:24px;width:770px; margin:0;}
#header-container{width:770px; clear:both; margin-left:auto; margin-right:auto;}

#header-container ul li.logo { 
position:relative;background:url(../images/logo-mq.png) top left no-repeat;width:216px; height:52px;float:left; margin-left:0;margin-top:-6px;padding:0;}

#header-container ul li{text-align:right; padding:0; margin:0;float:left;}
#header-container ul li h4{font:bold 14px Arial;color: #000; width:542px; text-align:right;}
#header-container ul li h4.green{color:#58943a;font:bold 14px Arial;}
#rate-copy{width:770px; padding:0; margin:0 auto; text-align:center;}
h1.main-title{font: bold 28px Arial; margin:2px 0 0 0; padding:0;}
h2.sub-title{font: bold 20px Trebuchet, "Trebuchet MS", Verdana;color:#319a00; margin:0; padding:0; _margin:2px 0 8px 0;}
#Mathead-border{background: url(../images/dk-green.gif) 0 0 repeat-x;width:770px;margin:0 auto;height:3px; line-height:3px;}
#Main {width:100%; padding:0; margin:0;}
#Main-container{height:354px;_height:100%;
width:750px; 
padding:10px;
margin-left:auto; 
margin-right:auto;
background-color: #e1f0d9; 
margin-top:10px;
*margin-top:0;}
.main-content {background-color:#fff;height:330px;width:726px; padding:12px;_width:730px;_height:100%;}

/*grid*/
.primary {float:left; width:284px; margin:0; padding:0; background-color:#fff;}
.offerbox-top{background:url(../images/box-top.png) no-repeat;height:11px;width:284px; margin:0; padding:0;}
.offerbox-content{background:url(../images/box-mid.png) repeat-y;width:284px;margin:0; padding:0;_margin-top:-8px;}
.offerbox-btm{background:url(../images/box-bottom.png) no-repeat;height:11px;width:284px;}
h3{color:#3f403f;font:bold 20px arial; text-align:center;}
h4{color:#ff6600;font:bold 20px arial; text-align:center;}

.primary li {font:bold 16px arial;color: #444;line-height: 24px;}
.housePic{background: url(../images/house.jpg) 36px 0 no-repeat; text-align:center; width: 284px; height:99px;}
.recently{margin:0; padding:0;}
.recently li{font: bold 14px Trebuchet, "Trebuchet MS", Verdana; color: #666; text-align:left;margin:0; padding:0;}
.recently li.seenpic{background:#ffffff url(../images/as-seen.png) no-repeat; width:273px; height:28px;margin:0; padding:0;}

.offers{padding:0; margin:0 0 10px 20px;}
.offers li {list-style:none; background:url(../images/bullet.png) 0 6px no-repeat;padding-left:12px;}
.offers li span.green {color:#339900;}

.secondary {float:left; padding:0; margin:0; background-color:#fff;}
.formCurveTop {float:left;width:434px; 
background:transparent url(../images/greenbox-top.png) no-repeat;margin-top:10px;*margin-top:10px;}
/*IE style*/
.formCurveTop {_float:right;_width:424px;*background:url(../images/greenbox-top.png)0 10px no-repeat;_background:url(../images/greenbox-top.png) no-repeat; _margin-top:0;_height:71px;*margin-top:10px;}
.formCurveBottom{background: url(../images/greenbox-btm.png) no-repeat;height:15px;}

#FormFields {border-style:none;
padding: 0;background:transparent url(../images/greenbox-mid.png) repeat-y;
margin-top:13px; _height:100%;_margin-top:6px;}


#FormFieldsBack {border-style:none;
padding: 0;background:transparent url(../images/greenbox-mid.png)0 100% repeat-y;
_background:transparent url(../images/greenbox-mid.png) repeat-y; *background:transparent url(../images/greenbox-mid.png) repeat-y;
margin-top:13px; _height:100%;*height:100%;*margin-top:2px;_margin-top:6px;}

.NewPayment{ font: bold 22px arial; color:#000; margin:-20px 0 0 70px;text-align:left; line-height:40px; z-index:1;*margin:-12px 0 0 70px;}


.optionsContent select, input {width:180px; border-collapse: collapse;}
.formspacer{background: url(../images/spacer.gif)repeat; height:20px; width: 200px}
.inputGroup {padding:10px 0 0 0;margin:0;float:left;font-family:helvetica, sans-serif;background-color: transparent; width:400px;}
.mainLabel {margin:0;padding: 4px 0 0 0;position: static;text-align:right;width:190px;float:left;}
.mainLabel .requiredMarker{margin-right:-0.59em;padding-left:0.2em;color:#AD0036;}
.mainLabelContent{padding-right:1em;}
label.required{font-weight: bold;}
label.checkbox{text-indent:-15px;padding-left:15px;display:block;}
.options {padding:0;margin:0;width:200px;float: left;position: static;text-align:left;}
.optionsContent{padding-left:1em;}
.options .option{padding-bottom:5px;}
.formSection {margin: 0;padding-top:0;}

.formSectionContent{padding:0 10px 0 10px;}
.sectionHeader{padding:0 50px 0 20px; margin: 0 0 0 0px;}

.descriptions{ width:450px; text-align:center; clear:both;}
p.description{ font: normal 10px arial; color: #333; white-space:nowrap; line-height:30px;}

.buttonGroup{ width:450px; text-align:center;}
.buttonGroup button {cursor: pointer;border:none;padding:0;}
.buttonGroup button.continue{ text-align:center; margin-top:0; margin-bottom:10px; z-index:10;
height:41px;width:166px;background:url(../images/cont-btn.png) no-repeat top left;
}

/*footer*/
#footer-container {width:100%;clear:both;}
#footer{
width:780px; margin-left:auto; 
margin-right:auto;}
#footer-container #footer p.copyright, p, p.contact {
padding-left:auto; padding-right:auto;  font: normal 10px Arial; color: #666; margin-bottom: 8px;}

#footer-container #footer p{text-align:justify;}
#footer-container #footer p.icons{ text-align:center;}
#footer-container #footer p.copyright
{text-align:center; font: normal 11px arial; color:#000;}
#footer-container #footer p.contact{ text-align:center;}
#footer-container #footer p.contact a:link,a:visited{text-decoration:none;}
#footer-container #footer p.contact a:hover{text-decoration:underline;}
#footer-container #footer p.contact a:visited,
a:active,
a:link:hover{color:#d05100;}

.secure{padding:0; margin:4px 100px 0 0; text-align:right; width:424px;}
.secure li {list-style:none; background:url(../images/lock.gif) 395px -1px no-repeat;padding-left:12px; height:28px; font: bold 11px arial; color:#666; 
padding:6px 30px 0 0;}


.secure{_margin:0;}
.secure li {_background:url(../images/lock.gif)top right no-repeat;}

@media all and (min-width: 0px){
#Main-container{height:354px
}
}

