﻿html,body {font-family: open-sans, sans-serif; font-weight: 300;   margin: 0;    padding: 0;}
body{    background-color: #f0f0f0;}
img{border:0;}
a:link, a:visited{ text-decoration:none; color: White;}
a:hover{text-decoration:underline; color: White;}

#CompareMortgageDiv{    width: 700px;    background-color:white;    padding: 30px;}
#SendEmailDiv{    width: 300px;    background-color:white;    padding: 30px;}
.floatRight {    float: right;}
.VideoClose{    cursor:pointer;    position:absolute;    right:0px;    top:-40px;   background: url(/Content/MACOR/Site/Content/Images/VideoCloseBtn.png) no-repeat;       width: 32px;    height: 32px;}
.EmailFormElement{    width: 100%;}
.BrokerListViewContainer{    margin-top: 10px;    margin-bottom: 10px;   padding-bottom: 10px;   border-bottom: 1px solid #CBE6EF;}
#SearchResults{    padding-left: 30px;}
.SearchNav{    border-top: 1px solid #CBE6EF;    border-bottom: 1px solid #CBE6EF;    color:#2D8BC1;}
.BrokerImg{    padding: 3px;    border: 1px solid #dfdfdf;}
.SearchNav a:link, .SearchNav a:visited{    color: #727272;    margin-left: 15px;}
.SearchNav a.active{color:#2D8BC1;}
.BlueH1 {color:#2D8BC1; font-size: 25px; vertical-align: middle;}
.BlueH2 {color:#2D8BC1; font-size: 16px; }
.BlueFont{color: #2D8BC1;}
.GragFont{color: #737373;}
.UpperCase{text-transform: uppercase;}
.licence {font-size:12px;}/*text-align:left;*/

#SearchFrm{    padding-left: 30px;}
.BrokerSearchFrmSection{    padding: 15px 0 15px 0;    border-bottom: 1px solid #CBE6EF;}
.BrokerSearchFrmSection select,
.BrokerSearchFrmSection option{font-size: 15px;}
.BrokerSearchFrmSection a:link, .BrokerSearchFrmSection a:visited {color: gray;}
.PageMenuContainer{    width: 971px;    height: 238px;    background-repeat: no-repeat;    margin: 0 auto;    margin-top: 25px;}

#MainMenu{display: none;}
.PageMenuContainer .PageMenu    {        padding: 19px 16px 8px 25px;        color: white;        width: 380px;                    }
.PageMenuContainer .PageMenu h1{    font-size: 32px;    font-weight: 300;    margin: 0;    padding: 0;    margin-bottom: 5px;}
.PageMenuContainer .PageMenu p{    margin:0;    padding: 0;    font-size: 18px;            }        
.PageMenuContainer .PageMenu a:link, .PageMenuContainer .PageMenu a:visited{    display: block;    font-size: 16px;    background: rgba(0,0,0,0.5);    margin-bottom: 3px;    padding: 3px;    }
.PageMenuContainer .PageMenu a:hover{    text-decoration: none;    background: white;    color: #028fc4;}
.PageMenuContainer .PageMenu a.selected{    text-decoration: none;    background: white;    color: #028fc4;    }
.FullPageContent{    padding: 30px;}
.PageContent{    padding-left: 30px;}
.maincontent {	width:1024px;	margin-left:auto;	margin-right:auto;	box-shadow:0 0 3px 0 rgba(1, 1, 1, 0.4);	background:#FFF;}
.headbar{width: 100%;	height: 22px;			font-weight: 300;	font-size: 11px;	color: #ffffff;	text-align: right;	vertical-align: middle;	line-height: 22px;         }
.headbar a:link, .headbar a:visited{    color: White !important;    text-decoration: none;    margin-right: 5px;}
.headbar a:hover{    text-decoration: underline;}
.logoarea{height: 167px;vertical-align: middle;width: 1024px;}

#nav li ul{    list-style: none;    list-style-image: none;    }
.ddsmoothmenu{    width: 1024px;    font-size: 15px;    font-weight: 300;    color: White;    height: 31px;}
.ddsmoothmenu ul{z-index:100; margin: 0; padding: 0; list-style:none !important; list-style-image:none; }
.ddsmoothmenu ul li{position: relative; float: left; height: 31px; list-style: none !important;}
.ddsmoothmenu ul li a{  display: inline-block; color: white; text-decoration: none; height:31px; padding-top: 6px; text-align: center; padding-left: 22px; padding-right: 22px; border-left: 1px solid transparent; border-right: 1px solid transparent; }
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{color: white; height: 31px; }
.ddsmoothmenu ul li a.selected {  color: white; background-color: #0089ba; border-left: 1px solid white; border-right: 1px solid white; }
.ddsmoothmenu ul li a:hover,
.ddsmoothmenu .current {    list-style: none !important;    border-left: 1px solid white; border-right: 1px solid white; text-decoration: none;     background-color: #0089ba; margin:0; text-align: center; padding-bottom: 0;          height: 25px !important; }
.ddsmoothmenu ul li ul{position: absolute; background-color:#e5e5e5; left: -3000px; display: none; visibility: hidden; }
.ddsmoothmenu ul li ul li{        list-style: none !important;    list-style-image: none;    display: list-item;    float: none;  }
.ddsmoothmenu ul li ul li ul{top: 0; list-style: none !important; }
.ddsmoothmenu ul li ul li a:link,.ddsmoothmenu ul li ul li a:visited{     width: 260px; /*width of sub menus*/ margin: 0; border-top-width: 0;      color: #666 !important; height: 31px; text-align: left !important;  } 
 .ddsmoothmenu ul li ul li a:hover {color: White !important; }
* html .ddsmoothmenu{height: 1%;}
.downarrowclass{position: absolute; top: 12px; right: 7px; }
.rightarrowclass{position: absolute; top: 6px; right: 5px; }
.ddshadow{position: absolute; left: 0; top: 0; width: 0; height: 0; background-color: #ccc; }
.toplevelshadow{margin: 5px 0 0 5px; opacity: 0.8; }
.ddcss3support .ddshadow.toplevelshadow {margin: 0; }
.ddcss3support .ddshadow {background-color: transparent; box-shadow: 5px 5px 5px #aaa; -moz-box-shadow: 5px 5px 5px #aaa; -webkit-box-shadow: 5px 5px 5px #aaa; }
.SlideShowContent{    font-size: 27px; font-weight: 300; color:#676767; line-height: 35px;}
.SlideShowContent div{ display: none;}
.SlideShowArea{     background: none repeat scroll 0 0 #F6F6F6;    border-bottom: 2px solid #EFEFEF;    color: #FFFFFF;    float: left;        height: 319px;        width: 100%;    }
.button {	display:inline-block;	outline:none;	cursor:pointer;	text-align:center;	text-decoration:none;	font:14px Open Sans, Helvetica, Arial, sans-serif;	padding:.5em 1em .55em;	text-shadow:0 1px 1px rgba(0,0,0,.3);	-webkit-border-radius:0.2em;	-moz-border-radius:0.2em;	border-radius:0.2em;	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);	-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);	box-shadow:0 1px 2px rgba(0,0,0,.2);	font-weight:300;}
.blue:hover {	font:14px Open Sans, Helvetica, Arial, sans-serif;	font-weight:300;	background:#ffffff;	text-decoration:none;	background:-webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));	background:-moz-linear-gradient(top,  #0095cc,  #00678e);	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');}
.blue {	color:#ffffff;        font:14px Open Sans, Helvetica, Arial, sans-serif;	font-weight:300;	border:solid 1px #157599;	background:#0195c9;	background:-webkit-gradient(linear, left top, left bottom, from(#0195c9), to(#017ca8));	background:-moz-linear-gradient(top, #0195c9, #017ca8);	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0195c9', endColorstr='#017ca8');}
.gray:hover{background: -moz-linear-gradient(center top , #7a7a7a, #6a6a6a) repeat scroll 0 0 transparent;}
.gray{background-color: #6d6d6d;background: -moz-linear-gradient(center top ,#7a7a7a, #6a6a6a) repeat scroll 0 0 transparent;         color: #FFFFFF;}
#footer { padding-left: 40px;        margin:0;    margin-top: 40px;    background-color:#8e8e8e;    font-size: 13px;}
.footerH1{    font-size: 15px;    margin-bottom: 8px;    margin-top: 30px;}
.footerH2{    font-size: 13px;    margin-left: 20px;    margin-bottom: 4px;}
.footerH3{    font-size: 12px;    margin-left: 40px;    margin-bottom:4px;}
.footertable td{    font-size: 11px;    color: White;}
.HomeRow1{}
.HomeRow1 div{    float:left;     margin: 0 0 0 20px;     width:220px;     height:100%;     border:1px #e3e3e3 solid;}
.HomeRow1 h1{    color: #028FC4;     font-size: 18px;        line-height: 18px;    padding:0;    margin: 0 0 5px 8px;    font-weight: normal;}
.HomeRow1 P{    margin-top: 0;    font-size: 13px;    color: #5a5a5a;    margin-left: 8px;    margin-right: 20px;}
.PageH1{ margin: 25px 0 0 27px;    color: #676767;font-size: 32px; line-height: 35px;}
.NewsTable{width: 98%;}

.NewsTable .Title{    margin: 20px 0 5px 0; padding: 0;font-weight: normal;}
.NewsTable .Title a:link,.NewsTable .Title a:visited{    color: #028fc4;    font-size: 20px;   }
.NewsTable .Source{ font-size:13px; color: #5a5a5a; margin-top: 10px;}
.NewsTable .Source a:link{ font-size: 13px; color: #5a5a5a;}
.NewsTable .Body{ margin-top: 10px; }
.NewsTable .Body a:link, .NewsTable .Body a:visited{ font-size: 13px;}
.NewsTable HR{ margin-left: 27px;border:0;border-bottom: 1px solid #cce6ef;}

.widget{    border: 1px solid #d1d1d1;     width: 238px;     margin: 0 0 20px 10px;    }
.RateTable{    width:  236px;}
.RateTable tr th{     background-color: #E4E4E4;     color: #5B5B5B;     font-size: 13px;     text-align:center;     font-weight: normal;}
.RateTable tr td{    color: #5B5B5B;    font-size: 13px;    text-align:center;}

.DMKT_RLink {	float:left;	margin:0 0 0 0px;	height:100%;	border-bottom:1px #cce6ef solid;	width:650px;	padding:5px 0 5px 0;}
.DMKT_RLinkLast {	float:left;	margin:0px 0 0 0px;	height:100%;	width:650px;	padding:5px 0 5px 0;}
.DMKT_RLinkHead {	font-weight:300;	text-align:left;	line-height:35px;	font-size:32px;	color:#676767;	margin:0px 25px 0px 0px;}
.DMKT_RLinkHeadDiv {	float: left; 	margin: 25px 0 0px 0px; 	width: 650px; 	border-bottom:2px #cce6ef solid;	padding:0 0 8px 0;}
.DMKT_RLinkTitle {	font-weight:300;	font-size:20px;	color:#028FC4;	margin:25px 8px 0 0px;}
.DMKT_RLinkImage {	float: left;	position: relative;	border: 1px #e3e3e3 solid;	padding: 8px 8px 8px 8px;	margin: 23px 15px 23px 2px;	height: 120px;	width: 204px;	}
.DMKT_RLinkSource {	font-size:13px;	color:#5a5a5a;	line-height:20px;	margin:0 0 10px 0;}
.DMKT_RLinkParagraph {	font-size:13px;	color:#5a5a5a;	line-height: 20px;	margin:0 0 15px 0;}
.DNTitle{    margin:0; padding:0;    font-size: 26px;    font-weight: 300;    color: #028FC4;}
.anchor { color: #2D8BC1 !important; }
img[src=""] { display: none;}