@charset "utf-8";
html, body, h1, h2, h3, h4, h5, h6, p, ol, dl, dd, dt, img, blockquote, q, div, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre{margin:0px; padding:0px}
:focus{outline:0} 
body{background:url(images/bck-in-main.jpg) repeat-x 0px 0px; font-family:Arial; text-align:center; cursor:default; zoom:100%}
a img {border:none; margin:0px; padding:0px}
th, td, tr {vertical-align:top}
#container{width:760px; margin:0px auto; text-align:left}

/* Top part styles */

#loglinks{position:absolute; top:5px; right:40px; color:#99CC00}
#loglinks a{font-family:Arial; font-size:10px; font-weight:bold; line-height:13px; text-decoration:underline; color:#D2FE78; padding:4px; margin:0px 3px 0px 0px}
#loglinks a:hover{font-family:Arial; font-size:10px; font-weight:bold; line-height:13px; text-decoration:underline; color:#000; background:#D2FE78; padding:4px; margin:0px 3px 0px 0px}

#topblock{position:relative; clear:both; width:760px; height:124px}
#topblock h1{font-size:18px; font-weight:normal; line-height:22px; letter-spacing:-1px; text-align:right; margin:0px; padding:37px 40px 0px 0px; color:#7EA700}
#slogantop {display:block;font-size:18px; font-weight:normal; line-height:22px; letter-spacing:-1px; text-align:right; margin:0px; padding:37px 40px 0px 0px; color:#7EA700}
#logolink{position:absolute; top:18px; left:30px; width:232px; height:50px; z-index:1}	
#menubar{position:absolute; top:89px; left:0px; width:760px; height:35px; z-index:10}
.mainnav{position:relative; padding:0px; margin:0px; height:35px; list-style:none}
.mainnav li{list-style-type:none; float:left}
.mainnav li a{float:left; display:block; color:#AEF300; text-decoration:none; font-size:12px; font-weight:normal; padding:0px 0px 0px 18px; height:35px; line-height:35px; text-align:center; cursor:pointer; background:url(images/nav-left.png) no-repeat center left}
.mainnav li a b{float:left; display:block; padding:0px 18px 0px 0px; line-height:35px; background:url(images/nav-right.png) no-repeat center right}
.mainnav li a:hover{color:#fff; line-height:35px; background:url(images/nav-left.png) no-repeat bottom left}
.mainnav li a:hover b{color:#fff; line-height:35px; background:url(images/nav-right.png) no-repeat bottom right}
#current a{float:left; display:block; color:#333; text-decoration:none; font-size:12px; height:35px; line-height:35px; padding:0px 0px 0px 18px; text-align:center; background:url(images/nav-left.png) no-repeat top left; list-style:none}
#current a b{float:left; display:block; color:#333; text-decoration:none; font-size:12px; height:35px; line-height:35px; padding:0px 18px 0px 0px; text-align:center; background:url(images/nav-right.png) no-repeat top right; list-style:none}
.contentblock{position:relative; width:760px; margin:0px auto; text-align:left}

.whiteseparator{position:relative; clear:both; margin:0px auto; padding:0px; width:760px; z-index:1}
.whiteseparator h1{font-size:26px; font-weight:normal; line-height:28px; letter-spacing:-1px; text-align:left; margin:0px 0px 30px 20px; padding:30px 0px 0px 0px; color:#aaa}
.whiteseparator p{color:#333; font-size:11px; font-weight:normal; line-height:15px; text-align:left; margin:0px 0px 20px 20px; padding:0px; clear:both}
.greyseparator{position:relative; clear:both; margin:0px auto; width:759px; height:8px; background:url(images/bck-grey-separator.gif) repeat-x top left; z-index:0}

/* Parallel Panels Area */
.panelblue{position:relative; float:left; width:378px; height:220px; background:#fff; border-right:1px solid #DCE0E3; margin:0px 1px 0px 0px}
.panelgreen{position:relative; float:left; width:378px; height:220px; background:#fff; border-right:1px solid #DAF49E; margin:0px 1px 0px 0px}
.panelblue h2{display:block; background:url(images/header-blue.png) no-repeat top left; font-size:16px; color:#34475F; font-weight:normal; line-height:16px; text-align:left; padding:10px 5px 0px 10px; margin:0px; width:363px; height:25px}
.panelgreen h2{display:block; background:url(images/header-green.png) no-repeat top left; font-size:16px; color:#5B7900; font-weight:normal; line-height:16px; text-align:left; padding:10px 5px 0px 10px; margin:0px; width:363px; height:25px}
.panelfullsize{position:relative; clear:both; width:758px; background:url(images/bck-mortgage-rates-header.png) no-repeat top left; min-height:280px; border-right:1px solid #DAF49E; margin:0px}
.panelfullsize h2{display:block; font-size:16px; color:#5B7900; font-weight:normal; line-height:16px; text-align:left; padding:10px 5px 0px 10px; margin:0px; width:743px; height:20px}
		
/* Mortgage Small Icons Blue*/
#iconfirsttimebuyer{background:url(images/icon-firsttimebuyer.gif) no-repeat top left}
#iconequityrelease{background:url(images/icon-equityrelease.gif) no-repeat top left}
#iconinvestor{background:url(images/icon-investor.gif) no-repeat top left}
#iconswitcher{background:url(images/icon-switcher.gif) no-repeat top left}
#icontradingup{background:url(images/icon-tradingup.gif) no-repeat top left}
#iconloan{background:url(images/icon-loan.gif) no-repeat top left}

/* Mortgage Small Icons Green*/
.iconfirsttimebuyer-g{margin:0px 0px 7px 0px;background:url(images/icon-firsttimebuyer-g.gif) no-repeat top left}
.iconequityrelease-g{margin:0px 0px 7px 0px;background:url(images/icon-equityrelease-g.gif) no-repeat top left}
.iconinvestor-g{margin:0px 0px 7px 0px;background:url(images/icon-investor-g.gif) no-repeat top left}
.iconswitcher-g{margin:0px 0px 7px 0px;background:url(images/icon-switcher-g.gif) no-repeat top left}
.icontradingup-g{margin:0px 0px 7px 0px;background:url(images/icon-tradingup-g.gif) no-repeat top left}
.iconloan-g{margin:0px 0px 7px 0px;background:url(images/icon-loan-g.gif) no-repeat top left}	
	
/* Footer */
.footer{position:relative; clear:both; margin:0px auto; width:760px; border-top:3px solid #ddd; padding:5px 0px 0px 0px; z-index:2}
.footer p{float:left; display:block; color:#333; font-size:11px; font-weight:normal; line-height:11px; text-align:left; margin:0px 10px 10px 0px; padding:4px}
.footer ul{float:left; margin:0px; padding:0px}
.footer li{float:left; margin:0px 5px 0px 0px; list-style-type:none}
.footer li a:link,.footer li a:active, .footer li a:visited{float:left; display:block; color:#536273; text-decoration:none; font-size:11px; font-weight:bold; padding:4px; line-height:11px; cursor:pointer;}
.footer li a:hover{float:left; display:block; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; padding:4px; line-height:11px; cursor:pointer; background:#536273;}
	
.socialnetworks{position:relative; clear:both; margin:5px auto; padding:0px; background:#FDFDFD; border-top:1px solid #ddd; width:760px; padding:5px 0px 5px 0px;}
.socialnetworks p{float:left; display:block; color:#666; font-size:11px; font-weight:bold; line-height:11px; text-align:left; margin:0px 10px 10px 0px; padding:4px}
.socialnetworks img{float:left; display:block; width:16px; height:16px; margin:3px 7px 1px 1px; padding:2px; background:#fff; border-right:1px solid #ddd; border-bottom:1px solid #ddd}
