/* CSS Document */

body, html { height: 100%; min-width: 1224px; background: none;}

header{width:100%; background:#FFF !important; height:77px !important; box-shadow: 0px 0px 18px 0px rgba(2, 3, 3, 0.5);}
.navbase{border-bottom:1px solid #FFF; width: 100%; height: 76px;}
.navlines{background:url(images/diag-lines.png) repeat-x top center; width: 100%; height: 76px;}



.container2{width:1024px; margin:0 auto;}

.logo{float:left; background:url(images/FREEandCLEAR.png) no-repeat; display:block; height:38px; width:180px; margin: 5px 0 0 -4px;}
.logo a{display:block; width:100%; height:100%;}

.askanexepert2015{background: #254c84; box-shadow: 0.5px 0.866px 4px 0px rgba(91, 91, 91, 0.5); width: 142px; height: 30px; text-align:center; float:right; font-size: 18px; color: #FFF; text-transform: uppercase; line-height: 30px; text-align: center;}
.askanexepert2015:hover{background: #1F4070; cursor:pointer;}
.askanexepert2015 a{color:#FFF; display:block;}
.askanexepert2015 a:hover{text-decoration:none;}
	.askanexepert2015 span{display:inline; position:relative; margin: 0 0 0 21px;}
	.askanexepert2015 span em{display: block; position: absolute; width: 21px; height: 24px; background:url(images/ask-a-expert-2015.png) no-repeat; top:0px; left: -20px;}
.interestrates2015{background: #268424; box-shadow: 0.5px 0.866px 4px 0px rgba(91, 91, 91, 0.5); width: 142px; height: 30px; z-index: 252; float:right; margin:0 0 0 10px; font-size: 18px; color: #FFF; text-transform: uppercase; line-height: 30px; text-align: center;}
.interestrates2015:hover{background: #21751F; cursor:pointer;}
.interestrates2015 a{color:#FFF; display:block;}
.interestrates2015 a:hover{text-decoration:none;}
	.interestrates2015 span{display:inline; position:relative; margin: 0 0 0 21px;}
	.interestrates2015 span em{display: block; position: absolute; width: 24px; height: 24px; background:url(images/interest-icon-2015.png) no-repeat; top:0px; left: -20px;}

.searchsite{background: #333; box-shadow: 0.5px 0.866px 4px 0px rgba(91, 91, 91, 0.5); float:right; margin:0 0 0 10px; width: 35px; height: 30px; position:relative;}
.searchsite:hover{background: #000; cursor:pointer;}
.searchsite a{color:#FFF; display:block;}
.searchsite a:hover{text-decoration:none;}
	.searchsite span{position:absolute; top:50%; left:50%; width:24px; height:24px; margin: -12px 0 0 -12px; background:url(images/search-2015.png) no-repeat;}

#nav2015 { padding:0; margin:0; }
#nav2015 ul { list-style:none; list-style-position: outside; font-family: "myriad-pro-condensed",sans-serif; font-weight:600;}
#nav2015 ul > li { float:left; width: 12%; margin-right:0.8%; height: 30px; padding: 0 0 0 0; position:relative; }
#nav2015 ul > li a { z-index: 2; position:relative; text-decoration: none; color:#254c84; font-size:18px; padding: 8px 0px 6px; text-align:center; display:block; height: 17px;  font-style: normal;  line-height: 14px; }
#nav2015 ul > li a span { z-index: 2; position:relative; display:inline; }
#nav2015 ul > li a span em { z-index: 2; position:absolute; display:block; height: 12px; width:14px; background:url(images/dd-arrow.png) no-repeat; top:5px; left: 4px;}
#nav2015 ul > li:hover a { background-position:0 bottom; color:#000; }
#nav2015 ul > li.active a { background-position: 0 -45px; color:#254c84; }

#nav2015 ul > li:hover a span em {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); top:6px;}

.twocolumnmenu{columns: 2; -webkit-columns: 2; -moz-columns: 2; -webkit-column-gap: 2px; -moz-column-gap: 2px; column-gap: 2px; background: url(images/dd-wide.png) repeat-y 0 0 !important; -webkit-column-rule: 2px outset #1c3a6a; -moz-column-rule: 2px outset #1c3a6a; column-rule: 2px outset #1c3a6a;}

#nav2015 ul li ul { position: relative;background: url(images/dd.png) repeat-y 0 0; padding: 3px; box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -o-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);   }
#nav2015 ul li:hover .dd { display: block;}
#nav2015 ul li .dd { display: none; position: absolute; z-index: 100; position:absolute; top: 35px; left: 50%; margin-left: -93px; /* width: 189px;*/ }
#nav2015 ul li .dd span.dd-arr { display: block;  background: url(images/dd-arr.png) no-repeat 0 0; width: 129px; height: 16px; position: absolute; top: -4px; left: 50%; margin-left: -66px; z-index: 100; }

#nav2015 ul li:first-child .dd{margin-left: -105px;}
#nav2015 ul li:last-child .dd{margin-left: -75px;}

#nav2015 ul li ul li { float: none; display:block; height: auto; line-height:14px; text-transform: uppercase; width: 189px; font-size:11px; -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; column-break-inside:avoid; }
#nav2015 ul li ul li a { border-bottom: 3px solid #1c3a6a; height: auto; background: #FFF; line-height: 14px;  float:none; display:block; width: 189px; padding-left: 0; padding-right: 0; color: #254c84 !important; padding-top: 4px; padding-bottom: 4px; font-size:14px; font-weight:600; }
#nav2015 ul li ul li:first-child a { border-top: 3px solid #1c3a6a; }
#nav2015 ul li ul li:last-child a { }
#nav2015 ul li ul li a:hover { color: #1c3a6a!important; background:#c8d5e4; }
#nav2015 ul li a {}

#nav2015 ul li ul.twocolumnmenu li:first-child a{border-top: 3px solid #1c3a6a; }
#nav2015 ul li ul.twocolumnmenu li:nth-child(8) a{border-top: 3px solid #1c3a6a; }
#nav2015 ul li ul.twocolumnmenu li:nth-child(7) a{  }
#nav2015 ul li ul.twocolumnmenu li:nth-child(14) a{  }


.panels{width:100%; height:819px; position:relative;}
	.homepanel{background:url(images/dog-home.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
	.regpanel{background-image: -moz-linear-gradient( 90deg, rgb(238,238,238) 0%, rgb(250,250,250) 99%); background-image: -webkit-linear-gradient( 90deg, rgb(238,238,238) 0%, rgb(250,250,250) 99%); background-image: -ms-linear-gradient( 90deg, rgb(238,238,238) 0%, rgb(250,250,250) 99%);}

.homehold{width:955px; padding:10px 0 32px 0; height:225px; top:50%; left:50%; position:absolute; margin:-141px 0 0 -477px; background:hsla(0,0%,100%,0.72); box-shadow: 0px 0px 6px 0px rgba(91, 91, 91, 0.50);}
	.homehold h1{font-size:78px; font-weight:700; text-align:center; color:#254c84;}
	.homehold h1 span{display: inline; position: relative; margin: 0 111px 0 0;}
	.homehold h1 span em{position: absolute; display: block; top: 3px; left: -40px;}
	
.gobox{position:relative; background-color: rgb(255, 255, 255); box-shadow: 0px 0px 6px 0px rgba(91, 91, 91, 0.50); width: 420px; height: 130px;}
	.lftb{float:left; position:relative; margin:0 0 0 35px;}
	.lftb .gotitle{width:440px; height:66px; line-height:66px; text-align:center; font-size:41px; color:#FFF; background:#254c84; font-weight:600; margin: 10px 0 0 -10px; text-transform:uppercase; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
	.lftb .gotitle:hover{background:#1F4070;}
	.lftb .gotitle:hover strong p{left:10px;}
	.lftb .gotitle:hover span em{width: 55px; height: 54px; line-height: 54px; top:-2px; left:  -34px; font-size:42px;}
	.lftb .gotitle a{text-decoration: none; cursor: pointer; display: block; color:#FFF;}
	.lftb .gotitle a:hover{text-decoration: none; cursor: pointer; display: block; color:#E9E9E9;}
		.lftb .gotitle span{display:inline; position:relative; margin: 0 25px 0 0;}
		.lftb .gotitle span em{display: block; top:1px; left:  -31px; border-radius: 50%; background-color: #268424; box-shadow: 0px 0px 10px 0px rgba(91, 91, 91, 0.50); position: absolute; width: 49px; height: 48px; line-height: 48px; text-align: center; color: #FFF; font-style: normal; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
		.lftb .gotitle strong{display:inline; position:relative;}
		.lftb .gotitle strong p{display: block; position: absolute; top: 9px; left: 5px; width: 0; height: 0; border-style: solid; border-width: 16px 0 16px 23px; border-color: transparent transparent transparent #ffffff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
	.lftb ul{position:relative; margin: 10px 0 0 30px; padding:0; list-style:none; list-style-position:inside;}
	.lftb ul li{position: relative; margin: 0 auto; padding: 0; padding-left: 25px; float: left; font-size: 24px; font-weight: 400; margin-right: 20px;}
	.lftb ul li span{position:absolute; margin:0 0 0 0; padding:0; width:17px; top:7px; left:0px; height:17px; background:url(images/black-checkmark.png) no-repeat;}
	
	.rgtb{float:right; position:relative; margin:0 35px 0 0;}
	.rgtb .gotitle{width:440px; height:66px; line-height:66px; text-align:center; font-size:41px; color:#FFF; background:#268424; font-weight:600; margin: 10px 0 0 -10px; text-transform:uppercase; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
	.rgtb .gotitle:hover{background:#21751F;}
	.rgtb .gotitle:hover strong p{left:10px;}
	.rgtb .gotitle:hover span em{width: 55px; height: 54px; line-height: 54px; top:-2px; left:  -34px; font-size:42px;}
	.rgtb .gotitle a{text-decoration: none; cursor: pointer; display: block; color:#FFF;}
	.rgtb .gotitle a:hover{text-decoration: none; cursor: pointer; display: block; color:#E9E9E9;}
		.rgtb .gotitle span{display:inline; position:relative; margin: 0 25px 0 0;}
		.rgtb .gotitle span em{display: block; top:1px; left:  -31px; border-radius: 50%; background-color: rgb(36, 76, 132); box-shadow: 0px 0px 10px 0px rgba(91, 91, 91, 0.50); position: absolute; width: 49px; height: 48px; line-height: 48px; text-align: center; color: #FFF; font-style: normal; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
		.rgtb .gotitle strong{display:inline; position:relative;}
		.rgtb .gotitle strong p{display: block; position: absolute; top: 9px; left: 5px; width: 0; height: 0; border-style: solid; border-width: 16px 0 16px 23px; border-color: transparent transparent transparent #ffffff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
	.rgtb ul{position:relative; margin: 10px 0 0 30px; padding:0; list-style:none; list-style-position:inside;}
	.rgtb ul li{position: relative; margin: 0 auto; padding: 0; padding-left: 25px; float: left; font-size: 24px; font-weight: 400; margin-right: 20px;}
	.rgtb ul li span{position:absolute; margin:0 0 0 0; padding:0; width:17px; top:7px; left:0px; height:17px; background:url(images/black-checkmark.png) no-repeat;}

table#purchorrefi{margin: 0; padding: 0; height: 66px; position:relative;}
table#purchorrefi td#divlinehm{display: block; position: absolute; top:14px; left: 50%; margin: 0 0 0 -3px; width: 2px; height: 40px; background: #FFF;}
table#purchorrefi td{line-height: 35px;}
table#purchorrefi td a{border: 2px solid #fff; margin: -10px 2px !important; width: calc(100% - 34px); height: calc(100% - 34px); font-size: 27px; line-height: 41px; padding: 6px 45px 6px 20px; display: initial; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
table#purchorrefi td a:hover{background:#839ec6; color:#FFF;}
table#purchorrefi td a:hover strong p{left: 12px;}
table#purchorrefi td a strong{display:inline; position:relative;}
table#purchorrefi td a strong p{display: block; position: absolute; top: 4px; left: 8px; width: 0; height: 0; border-style: solid; border-width: 12px 0 12px 19px; border-color: transparent transparent transparent #ffffff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}

.panetitlehld{background-color: rgb(255, 255, 255); box-shadow: 0px 0px 6px 0px rgba(91, 91, 91, 0.50); position: relative; width: 420px; height: 87px; z-index: 23; margin:0 auto;}
.panetitle{width:440px; height:66px; line-height:66px; text-align:center; font-size:41px; color:#FFF; background:#254c84; font-weight:600; position: absolute; margin: 10px 0 0 -10px; text-transform:uppercase; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.web{width:669px; height:114px; margin:-3px auto; background:url(images/home-web.png) no-repeat;}
.homeholders{width:956px; height:281px; margin:-6px auto 0 auto; position:relative; z-index:100;}
.panebox{width: 302px; height:281px; margin:0 24px 0 0; position:relative; background:#FFF; box-shadow: 0px 0px 6px 0px rgba(91, 91, 91, 0.50); float:left;}
.textholds{width:956px; height:75px; margin:-6px auto 0 auto; position:relative; z-index:30;}
.textpane{width: 262px; height:35px; padding:10px; margin: 0 33px 0 11px; text-align:center; position:relative; background:#FFF; box-shadow: 0px 0px 6px 0px rgba(91, 91, 91, 0.30); float:left; color:#333; font-weight:400; font-size:17px; line-height: 17px;}

.panesubtitle{background-color: rgb(36, 76, 132); box-shadow: 0px 0px 6px 0px rgba(91, 91, 91, 0.50); position: absolute; width: 312px; height: 49px; line-height:49px; z-index: 46; text-align:center; color:#FFF; font-size:24px; font-weight:600; margin: 10px 0 0 -5px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}

.greengobuttn{border-radius: 4px; background-color: rgb(38, 132, 36); box-shadow: 0px 0px 6px 0px rgba(91, 91, 91, 0.50); position:absolute; width: 183px; height: 34px; z-index: 49; margin:0 0 0 -91px; line-height:35px; color:#FFF; font-weight:600; text-align:center; font-size:24px; bottom:10px; left:50%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.greengobuttn:hover{background:#21751F; cursor:pointer;}
.greengobuttn:hover span em{left: 9px;}
	.greengobuttn span{display:inline; position:relative; margin: 0 11px 0 0;}
	.greengobuttn span em{display: block; position: absolute; top: 5px; left: 5px; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 17px; border-color: transparent transparent transparent #ffffff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}

.numbers{border-radius: 50%; background-color: #254c84; box-shadow: 0.5px 0.866px 18px 0px rgba(91, 91, 91, 0.6); position: absolute; left: 50%; top: -41px; margin:0 0 0 -23px; width: 47px; height: 47px; z-index: 140; color:#FFF; font-size:31px; text-align:center; line-height:47px; font-weight: 600;}



.subtthv{}
.subtthv span{visibility: hidden; position:relative; padding-right: 0px; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease;}
.subtthv span em{display: block; position: absolute; top: 3px; left: -10px; width: 0; height: 0; border-style: solid; border-width: 12px 0 12px 19px; border-color: transparent transparent transparent #ffffff; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; visibility: hidden;}
.subtthv:hover {background: #1F4070 !important;}
.subtthv:hover span {display:inline !important; visibility: visible; padding-right: 17px;}
.subtthv:hover span em{left: 8px; visibility: visible; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1;}

.imghmhv{border-bottom: 0px solid #333; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.imghmhv:hover{border-bottom: 4px solid #333;}
.subtthv:hover .imghmhv{border-bottom: 4px solid #333;}

.green{background: #268424;}
.greentables{background: #268424;}
.greentables:hover{background:#21751F !important;}

.search2015{display: block; position: absolute; right: 0px; top: 30px; padding: 9px; background-color: #FFF; z-index: 1000000000000000000000000000; box-shadow: rgba(91, 91, 91, 0.898039) 0px 0px 6px 0px; height: 30px; width:274px;}
.search2015 .google_search_style{margin: 0 0 0 0;}
.search2015 .google_search_style form{padding: 0 0 0 0;}

.homeimg{margin:60px auto 0; width:226px;}
.mhim{margin-top: 70px;}

#hidepanelhm{}
#showpanelhm{margin:90px 0 0 0; position:relative;}
#showpanelhm a{width: calc(100% - 20px); display:block; border-bottom:3px solid #000; padding:10px; font-size:18px; position:relative;}
#showpanelhm a span{display: inline-block; width: 25px; height: 25px; margin: 0px 10px 0 0; line-height: 30px; position: relative;}
#showpanelhm a span em{display: block; width: 30px; height: 30px; margin: 0px 10px 0 0; position: absolute;}
#showpanelhm a span.hm-calc em{background:url(images/home-calc.png) no-repeat;}
#showpanelhm a span.hm-hs em{background:url(images/home-hs.png) no-repeat;}
#showpanelhm a span.hmy-mr em{background:url(images/home-mr.png) no-repeat; margin: 3px 10px 0 0;}
#showpanelhm a strong{position: absolute; display:block; right: 15px; top:50%; margin: -10px 0 0 0;}
#showpanelhm a strong p{display: block; position: absolute; top: 3px; left: -10px; width: 0; height: 0; border-style: solid; border-width: 12px 0 12px 19px; border-color: transparent transparent transparent #254c84;}


.closethishmpanel{position: absolute; margin: 0 10px; top: -23px; right: -23px; border-radius: 50%; width: 22px; height: 22px; line-height: 22px; text-align: center; font-size: 16px; font-weight: 600; color: #FFF; border: 2px solid #FFF; background: #000; box-shadow: rgba(91, 91, 91, 0.898039) 0px 0px 6px 0px;}
.closethishmpanel:hover{border: 2px solid #000; background: #FFF; color:#000; cursor:pointer;}

#footer, #footer-push { /*height: auto !important;*/ }
#footer { background: #FFF !important; padding:15px 0; height: auto !important; clear: both; margin-top: 40px;}
#footer img.footer-logo { margin-top: 11px;  }
#footer .footer-nav { width:100%; margin: 8px 0 0 0; padding-top: 0px; padding-bottom:5px; clear: both; text-align:center;}
#footer .footer-nav ul { list-style:none; list-style-position: outside; }
#footer .footer-nav ul li { line-height: 18px; display: inline; font-size: 18px; color:#969696;  font-style: normal; font-weight: 400; text-transform: uppercase; padding: 6px 26px 5px 15px; background: url(images/footer-separator.png) no-repeat right center; }
#footer .footer-nav ul li:nth-child(1) {padding-left:6px;}
#footer .footer-nav ul li a { color:#969696; font-size:18px;}
#footer p.copy { color:#bcbcbc; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; padding-left:3px; text-align:center; margin: 0px 0 0 0;}
.footerfollows{ position: relative; font-size: 18px; font-weight: 400; color: #969696; padding: 15px 0 0 0; text-align:right;}

.ftlggo{display: block; margin: 0 auto; width: 181px;}

.fbft{display:inline-block !important; width:26px; margin:0 6px 0 10px; position:relative;}
.fbft em{margin:-20px 0 0 0; width:26px; height:26px; position:absolute; left:0; top:0;}
.twft{display:inline-block !important; width:26px; margin:0 6px 0 0; position:relative;}
.twft em{margin:-20px 0 0 0; width:26px; height:26px; position:absolute; left:0; top:0;}
.gpft{display:inline-block !important; width:26px; margin:0 6px 0 0; position:relative;}
.gpft em{margin:-20px 0 0 0; width:26px; height:26px; position:absolute; left:0; top:0;}
.ldft{display:inline-block !important; width:26px; position:relative;}
.ldft em{margin:-20px 0 0 0; width:26px; height:26px; position:absolute; left:0; top:0;}