@charset "utf-8";

/*////////// HOME-SECTION-MAIN */
.home-section-main { padding:30px 0 0 0; position:relative; overflow:hidden; }
.home-section-main-alt { padding:0 0 30px 0; position:relative; overflow:hidden; }
.home-section-main-alt a.button {font-size:24px; color:#ffffff; padding:17px 30px; display:block; float:left; margin-bottom:30px;}
.home-section-main h1 { margin-top:0; margin-bottom:20px;}

.home-quick-access {list-style:none; margin:30px 0 0 0; flex-wrap:wrap;  padding:0; text-align:center; display: flex; width:100%;}
.home-quick-access li { flex: 1 1 auto; text-align:center}
.home-quick-access li:nth-child(1) a { background-color:#79bfd4}
.home-quick-access li:nth-child(2) a { background-color:#b9a993}
.home-quick-access li:nth-child(3) a { background-color:#98abb8}
.home-quick-access li:nth-child(4) a { background-color:#ef786c}
.home-quick-access li:nth-child(5) a { background-color:#9fac7b}
.home-quick-access li:nth-child(6) a { background-color:#8a8a8a}
.home-quick-access li a {color:#ffffff; font-size:15px; border-radius:300px; display:inline-block; width:96px; height:96px; }
.home-quick-access li a span {display:table-cell; vertical-align: middle; text-align: center; width:86px; height:86px; padding:5px;}

@media screen and (max-width: 900px) {
	.home-quick-access li { flex: 1 0 33%;}
}

@media screen and (min-width: 951px) {
	.home-section-main > img { position:absolute; right:693px;}
	.home-section-main > div { float:right; width:640px;}
	.home-section-main-alt > img { position:absolute; left:693px}
	.home-section-main-alt > div {float:left; width:640px;}
}
@media screen and (max-width: 950px) and (min-width:451px) {
	.home-section-main > img, .home-section-main-alt > img { width:40% ; float:right; margin:0 5% 15px 20px; border-radius:50px; }
	.home-section-main > div, .home-section-main-alt > div {padding:0 5%}
	.home-section-main h1 { font-size:25px;}
	.home-section-main h1 span {font-size:16px;}
}
@media screen and (max-width: 450px) {
	.home-section-main > img, .home-section-main-alt > img { width:80% ;  margin:0 10%; border-radius:60px;}
	.home-section-main > div, .home-section-main-alt > div { padding:0 10%}
}



/*////////// HOME-SECTION-MAP */
.home-section-map { background:#f5f5f5; overflow:auto; padding:20px; margin-top:40px;}
.home-section-map h2 { font-size:38px; }
@media screen and (min-width: 701px) {
	.home-section-map img {float:left; width:35.5%; margin:15px 30px 20px 10px;}
	.home-section-map div {margin-left:38%;}
}
.home-section-map div ul { list-style-image:url(../images/home/fishing-map-check.png)}
.home-section-map div a {background:#ef786c; font-size:24px; color:#ffffff; padding:17px 30px; display:inline-block; margin-bottom:30px;}
.banner-ads {background: #FFFFFF; margin:20px; padding:20px 20px 0 20px; float:right; }
.banner-ads > div {margin-bottom:20px;}
@media screen and (max-width: 1100px) {
	.banner-ads { float:none; margin:0 auto; text-align:center;}
	.banner-ads > div { display:inline-block; margin:0 30px 30px 30px;}
}
@media screen and (max-width: 700px) {
	.home-section-map { text-align:center;}
	.home-section-map img {margin:0 auto; width:90%; max-width:412px;}
	.home-section-map div {padding:0 30px; text-align:left;}
}

/*////////// HOME-SECTION */
.home-section-left, .home-section-right {padding:30px 0; position:relative; overflow:hidden; }
.home-section-left a.button, .home-section-right a.button {font-size:24px; color:#ffffff; padding:17px 30px; display:block; float:left; margin-bottom:30px;}
@media screen and (min-width: 901px) {

.home-section-left > img { position:absolute; right:468px;}
.home-section-left > div { float:right; width:390px; padding-right:30px;}
.home-section-right > img { position:absolute; left:468px;}
.home-section-right > div { float:left; width:390px; padding-left:30px;}
}
@media screen and (max-width: 900px) and (min-width:501px) {
	.home-section-left h2, .home-section-right h2 { margin:0;}
	.home-section-left > img, .home-section-right > img { width:40% ; margin:0 5% 15px 20px; border-radius:50px; }
	.home-section-left > div, .home-section-right > div {padding:0 5%}

	.home-section-left > img {float:right;} .home-section-right > img {float:left;}
}
@media screen and (max-width: 500px) {
	.home-section-left > img, .home-section-right > img { width:80% ;  margin:0 10%; border-radius:60px;}
	.home-section-left > div, .home-section-right > div { padding:0 10%}
}

@media screen and (max-width: 450px) {
.home-section-map div a { padding:17px 10px; }
.home-section-left a, .home-section-right a { padding:17px 10px; }
}


/*////////// Featured Outfitter */

.featured {list-style:none; width:100%; padding:0; margin:0;}
.featured li { box-shadow:1px 1px 10px rgba(0,0,0,0.3); float:left;}

.featured-des { padding:15px 15px 0 15px; font-weight:400; font-size:15px;}
.featured-des a { display:block; font-weight:700; margin:5px 0; color:#337EB4 }
.featured-pic img {width:100%;}
@media screen and (min-width: 1201px) {
	.featured-title { padding:0 15px; height:55px;}
	.featured li {width:23%; margin:1%;}
	.featured-pic {width:100%; height:150px; overflow:hidden; }
	.featured-des {height: 175px; overflow:hidden;}
}
@media screen and (max-width: 1200px) and (min-width:901px) {
	.featured-title { padding:0 15px; height:25px;}
	.featured li {width:48%; margin:1%;}
	.featured-pic {width:40%; height:130px; overflow:hidden; float:left; margin:10px;}
	.featured-des {height: 195px; overflow:hidden;}
}
@media screen and (max-width: 900px) and (min-width:701px) {
	.featured-title { padding:0 15px; height:55px;}
	.featured li {width:48%; margin:1%;}
	.featured-pic {width:40%; height:100px; overflow:hidden; float:left; margin:10px;}
	.featured-des {height: 275px; overflow:hidden;}
}
@media screen and (max-width: 700px) and (min-width:301px) {
	.featured-title { padding:0 15px; height:25px;}
	.featured li {width:98%; margin:1%;}
	.featured-pic {width:33%; float:right; margin:10px;}
	.featured-pic img {width:100%;}
	.featured-des {margin-bottom:15px;}
}



#home_slideshow_box {position:relative}


/* Site Style Home Part ends //////////////////////////////////////--*/







hr {border-top: 1px solid #E2E2E2; border-bottom:none; margin-top: 40px; margin-bottom: 40px;}
head { height: 100%; }
body { height: 100%; }
body { margin:0; padding:0; color:#3b526d; min-width:320px; }
a {text-decoration:none; color:#2281B5}
.content a {color:#4B86C4;}
.content a:hover {color:#187EF8;}
.green {color:#5AA028;}

.button {font-size: 24px;
    color: #ffffff !important;
    padding: 17px 30px;
    display: block;
    float: left;
    margin-bottom: 30px;
	background-color:#4585A8
}

body, input, select, textarea {font-family: 'Roboto', sans-serif; font-size:17px; font-weight:300;}
input, select, textarea { -webkit-appearance: none; border:1px solid #7F7F7F; border-radius:5px; padding:4px;}
input[type="radio"]{
    -webkit-appearance: radio;
}
input[type="checkbox"]{
    -webkit-appearance: checkbox;
}
.indent10 {
  margin-left: 10px;
}
.hide {
  display: none;
}

.fillbox {
	margin-bottom: 4em;
	height: 1240px;
	background-color: rgba(10,20,100,0.35);
}

.btn { padding: 10px 20px; background-color: #00aeef; color: #ffffff; border-radius: 5px; border: none; margin: 5px 0;}


.alignleft {float:left; margin:0 30px 20px 0;}
.alignright {float:right; margin:0 0px 20px 30px;}

img {display:block; }

h1 { font-weight:300; }
h1 span {font-weight:bold; display:block;}

h3 {font-size:22px; margin-bottom:5px;}
h4 { margin-bottom:5px; color:#52778B}
h1, h2, h3 {line-height:1.1; color:#3b526d;}

h2 {font-size:30px; font-weight:300;}
@media screen and (min-width: 801px) {
h1 {font-size:43px;} h1 span {font-size:22px;}
}
@media screen and (max-width: 800px) and (min-width:551px) {
h1 {font-size:37px;} h1 span {font-size:19px;}
}
@media screen and (max-width:550px) {
h1 {font-size:31px;} h1 span {font-size:16px;}
}
.container {width:100%; min-width:320px;}
.container-grey { background:#f6f6f6; width:100%; min-width:320px;}
.container-fit, .container-fit-flowover { margin:0 auto; width:100%; max-width:1200px; min-width:320px;}
.container-fit {overflow:auto; }

.divider {box-shadow:0 5px 4px rgba(0,0,0,0.1); width:100%; height:20px; background-color:#FFFFFF}

@media screen and (min-width: 1301px) {
	.content {padding:30px 40px 40px 0;}
}
@media screen and (max-width: 1300px) {
	.content {padding:30px 40px 40px 30px; }
}
@media screen and (min-width: 901px) {
	.content.left {margin-right:250px; float:left;}
	.sidebar { float:right; margin-left:-250px;  width:247px; padding:50px 0; border-left:dotted 3px #DFDFDF}
}
@media screen and (max-width: 900px) {
	.content.left {margin-right:0;}
	.sidebar {position: relative; padding:20px 20px;}
}



#sidebar-social {text-align:center;}
#sidebar-social > a img { margin:10px 0 5px 17px; display:inline-block;}
#subsites {list-style:none; text-align:center; padding:0}
#subsites li {display:inline-block; margin:8px 0 0 0;}
.sidebarlogos {list-style:none; margin:0 0 0 10px; padding:0;}
.sidebarlogos a {float:left;}
.banner-ad { width:200px; height:200px; padding:10px; box-shadow:0 0 5px rgba(0,0,0,0.5); -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; margin:5px 8px 25px 18px; }


#header {position: absolute; z-index:2} /* used to be -1 for z-index, not sure why */


#header-logo img {margin-bottom:8px; margin-left:0px; margin-top:16px; max-height:80px; max-width: 40%; float:left;}
@media screen and (max-width: 740px)  {
	#header-logo {	  position: fixed; background: #ffffff; width: 100%;}
  #header-logo img {
	  

    max-height:78px;
    margin-bottom:2px;
    margin-left: 4vw;
	margin-top:0px;
  }
}




.sitetitle { float:left; font-weight:400; font-size:26px; line-height:18px; margin-left:20px;}
.sitetitle em {font-family: 'Yellowtail', cursive; color:#54792a; font-size:50px; font-style:normal; line-height:64px;}
.sitetitle_mobile {display:none}
@media screen and (max-width: 1000px) {
.sitetitle {display:none}
.sitetitle_mobile { display:block; font-weight:400; font-size:26px; line-height:18px; margin-left:20px; text-align:center; margin-bottom:20px;}
.sitetitle_mobile em {font-family: 'Yellowtail', cursive; color:#54792a; font-size:50px; font-style:normal; line-height:64px;}
}


#header-second-logo {margin-bottom:8px; margin-right:15px; width:180px; max-width: 40%; float:right;}
div.header-second-logo { padding-left: 18vw; }
@media screen and (max-width: 700px) {
  div.header-second-logo { display:none; }
}


.header-push { height:118px;}

#navi-main {font-size:17px; width:100%; min-width:320px; height:0; box-shadow: 0 3px 20px rgba(0,0,0,0.1); }
#navi-main ul { padding:0; list-style:none; position:relative; z-index:999}
#navi-main > ul > li { float:left;}

#navi-main a { display:block; }
@media screen and (min-width: 901px)  {
  #navi-main a {	padding:14px 20px; }
  #navi-main > ul {display:block !important;}
}
@media screen and (max-width: 900px) and (min-width: 700px)  {
  #navi-main a {	padding:15px 10px; font-size:15px; }
  #navi-main > ul > li:nth-child(1) { margin-left:20px;}
}
@media screen and (min-width: 701px)  {
#mobile-menu { display:none;}
#navi-main {height:48px;}
#navi-main > ul {display:block !important; overflow:visible;}
#navi-main > ul li {position:relative;}
#navi-main > ul ul {position:absolute; z-index:799; top:48px; left:0; background:#FFFFFF; width:auto; padding-bottom:0px; display:none;
-webkit-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.03);
-moz-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.03);
box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.03);
}
#navi-main > ul ul a {display:block; white-space:nowrap}
#navi-main > ul li:hover ul { display:block !important;}
#navi-main li:hover > a {background:#3B505B; color:#ffffff;}
#navi-main > ul ul li a { border-left: solid 4px #B7CCD7;}
}
.outfittersearchbtn {float: right; padding: 9px 10px !important; font-weight:bold}

@media screen and (max-width: 700px) {
    .outfittersearchbtn { display: none !important}

	#mobile-menu { display:block; padding:6px 10px 7px 10px; font-size:24px; font-weight:bold; color:#ffffff; cursor:pointer; width:125px; background:#5AA0D9 ; float:right; }
	#mobile-menu img {margin-right:10px; display:inline-block; vertical-align:middle}
	#navi-main { position:fixed; top: 10px;  z-index:9999; box-shadow:none; right:0px;}
	#navi-main > ul {display:none; width:100%; background:#4591C8; float:right;}
	#navi-main > ul > li { float:none;}
	#navi-main a {	padding:16px 30px; color:#ffffff; font-size:15px; border-top:1px solid #ffffff; font-size:20px; font-weight:bold;}
	#navi-main ul ul {	display:none;}
	#navi-main ul ul a {background-color:#E9EFF1; color:#417EB7}

	#navi-main > ul > li > i {display:block; cursor:pointer; width:60px; height:56px; background:url(../images/mobile-menu-arrow.png) no-repeat center -56px; float:right;}
	#navi-main > ul > li > i.mobile-menu-expanded { background-position:center 0;}

}

@media screen and (max-width: 400px) {
  #mobile-menu span{ display:none;}
  #mobile-menu img {margin-right:0 !important;}
  #mobile-menu {width: 43px; margin-right: 2px; }
}

#navi-footer { padding:30px 0; background:#E9E9E9; max-width:100%;}
#navi-footer a {font-size:14px;}
#navi-footer ul {list-style:none; margin:0 auto; padding:0;}
#navi-footer ul ul { padding:0;}
#navi-footer > ul > div {float:left;}
#navi-footer > ul > div > li { float:left; margin-left:30px;}
#navi-footer > ul > div > li > a {font-weight:700;}
#navi-footer img {margin:20px auto; max-width:100%;}
#navi-footer > div {text-align:center; font-size:14px;}
#icon-search {cursor:pointer}


#quick_search { z-index:999; width:100%}
#home_slideshow_box #quick_search { bottom:0;  z-index:999; width:100%}

#quick_request_map { position:relative}
#home_slideshow_box #quick_request_map img {width:125px; height:auto; margin-top:-45px; margin-left:40px; margin-right:-15px;}
#quick_request_map img {width:125px; height:auto; margin-top:-15px; margin-left:40px; margin-right:-15px; z-index:222; }
#request_map_btn { background:#ffe400; color:#214688; display:block; height:41px; padding:15px 30px 0 30px; z-index:99; font-size:23px; border-radius:5px; }

#quick_search_form {float:right; margin-top:20px;}
#quick_search_form input[type='text'] { background:#122e44; border:1px solid #00aeef; color:#bab7a1; padding:10px 25px; height:30px; vertical-align: bottom; width:220px; border-radius:0px !important}
#quick_search_form input[type='text']::placeholder {color:#bab7a1;}
input[type='submit'], #quick_search_form a { display:inline-block; background-color:#00aeef; color:#ffffff; border:none !important; font-weight:bold; border-radius:5px;}
input[type='submit'] { font-size:27px; padding:0 20px 0 20px; height:54px; margin:0 5px;}
#quick_search_form a { height:40px; padding:14px 25px 0 25px; font-size:19px; vertical-align: bottom; margin-right:30px;}

@media screen and (min-width:1001px) {
#home_slideshow_box #quick_search {background-color:rgba(0,0,0,0.55); height:100px;}
#quick_search { background-color:#EFEDE9; height:100px;}
#quick_request_map img {position:absolute}
#request_map_btn {position:absolute;  top:20px; left:140px;}
}
@media screen and (max-width:1000px) {
	#quick_search_form input[type='text'] {width:150px;}
	#quick_search { text-align:center; margin-bottom:40px;}
	#quick_request_map { margin:0 auto; }
	#quick_request_map img {width:125px; height:auto; position:relative; display:inline-block}
	#request_map_btn { position:relative; display:inline-block;  top:-30px; left:-20px;} 
	#quick_search_form input[type='text'], #quick_search_form input[type='submit'], #quick_search_form a {margin-bottom:10px}
	#quick_search_form {float:none; margin:0 auto; }
}


@media screen and (min-width:581px) {
	#quick_search {margin-top:10px;}
	#home_slideshow_box #quick_search {position:absolute; margin-top:0;}
}
@media screen and (max-width: 580px) {
	#quick_search { position:inherit; background-color:#FFFFFF; }
} 
	



/* Delete Below */
#quick-search i img {width:50px; height:50px;}
#quick-search i {cursor:pointer; float:right;}
#quick-search i:hover img {margin-top:-2px;}

#quick-search-container {position:relative; width:100%;}

#quick-search {display:none ; width:100%; background:#878E7B; padding:20px; position:absolute; top:88px; z-index:99}

@media screen and (min-width: 9921px) {
  #quick-search-container { float:right; width:510px; padding-top:30px;}
  #quick-search {display:block !important;}
  #header-social {float:right}
  .header_social_icon { float:left; margin:40px 20px 0 0}
  #icon-search {display:none;}
}
/* @media screen and (max-width: 920px) and (min-width: 701px) { */
@media screen and (min-width: 701px) {
	#quick-search {display:none ; width:100%; background:#878E7B; padding:20px; position:absolute; top:88px; z-index:99}
	#quick-search span {display:block; float:left; max-width:280px;}
	#header-social {float:right; }
	.header_social_icon {float:left; margin:40px 20px 0 0}
	 .header_social_icon:hover {margin-top:38px;}
	#icon-search {float:right; margin:40px 20px 0 0}
	#icon-search:hover {margin-top:38px;}
}
@media screen and (max-width: 700px) {
	#quick-search {display:none; background:#878E7B; padding:20px; position:absolute; top:58px; z-index:99}
	#quick-search span {display:block; float:left; max-width:280px;}
	#icon-search { float:left; margin:10px 0 0 10px;}
	#header-social { float:left; margin-top:10px;}
	.header_social_icon {float:left; margin-left:10px; }
	.header-icon-push { margin-top:62px !important; margin-bottom: 2px;}
}
@media screen and (max-width: 320px) {
  #quick-search {
    padding: 10px 8px;
  }
  #icon-search {
    float: left;
    margin: 10px 0 0 10px;
  }
  .header-icon-push {
    margin-top: 25px !important; margin-bottom: 2px;
  }

}

@media screen and (max-width: 700px)  {
  #icon-search, #header-social {
    display: none;
  }
}

@media screen and (max-width: 700px) { /*570px) {*/
  .header-push {
    height: 80px; /* 28px; */
  }
}

#quick-search input, #quick-search div {float:left; display:block}
#quick-search input[type="text"] { border:none; padding:15px 15px; height:25px; font-size:22px; color:#BDBDBD; margin-bottom: 3px;}
#quick-search input[type="submit"] { background-color:#b6c8a0; border:none; color:#ffffff; font-size: 32px; font-weight:100; padding:0 20px; height:55px;}
#quick-search div { cursor:pointer; color:#ffffff; padding:3px 0 0 0; background:#C4C4C4; height:23px; width:120px; text-align:center;}
#quick-search #allied, #quick-search #roofed { margin-bottom: 3px; margin-left: 2px;}
#quick-search .quickoption {background:#b6c8a0}

/* Delete the above */




.header-get-map {
	display: inline;
	text-align: canter;
}
@media screen and (max-width: 710px) {
	.header-get-map {
		display: none;
	}
}

.header-get-map-button {
	background: #fcff00;
	font-size: 24px;
	color:#171717;
	padding: 17px 26px;
	display: inline-block;
	margin-top: 1.2em;
	margin-right: 3vw;
	float: right;
}


.button-map, .button-profile {display:inline-block; padding:10px 10px 0 35px; height:20px; font-size:14px; margin:0 0 15px 15px;}
.button-map { background:url(/images/icon-map.png) no-repeat; }
.button-profile {background:url(/images/icon-profile.png) no-repeat;}
#subsites { list-style:none; text-align:center; padding:20px 0}
#subsites li { display:inline-block; padding:5px; box-shadow:1px 2px 5px rgba(0,0,0,0.3); margin:3px;}





/* ////////// Footer ///////////////////////////////////// */
.footer-top-divider { background:#DBDBDB; width:100%; height:25px; box-shadow:0 7px 7px rgba(0,0,0,0.04); margin:35px 0;}
@media screen and (min-width: 1151px) {
	.home-canadafever {float:left; display:block; margin:40px 20px;}
	#home-social { float:left; margin-left:30px; margin-top:30px;}
	#tweet ul {margin:0; padding:0; list-style:none;}
}
@media screen and (max-width: 1150px) {
	.footer-community {text-align:center;}
	.home-canadafever { margin:20px auto; display:inline-block;}
	#home-social {  margin:0 auto;}
	#tweet ul {margin:0 auto 20px auto; display:inline-block; padding:0; list-style:none;}
}

@media screen and (min-width: 451px) {#tweet ul li, #tweet ul li .tweet_time a {width:400px;}}
@media screen and (max-width: 450px) {#tweet ul li, #tweet ul li .tweet_time a {width:300px !important;}}


@media screen and (max-width: 650px) {
	.home-canadafever img {width:100%;}
}

#tweet ul li, #tweet ul li .tweet_time a {width:400px;}

#home-social > a img { margin:0 0 12px 8px; display:inline;}
#tweet ul li { height:120px; float:left; padding:5px; -moz-box-shadow: 0 0 6px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3); box-shadow: 0 0 6px rgba(0,0,0,0.3); background:url(/images/twitter-bg.jpg) no-repeat bottom right #f3f3f3;}
#tweet ul li .tweet_time a {color:#13aee2; font-family: 'Roboto'; font-size:15px; text-transform:uppercase; height:20px; background:#FFF; display:block; padding-top:5px; text-align:center; margin-bottom:10px;}
#tweet ul li div {padding:0 10px 10px; color:#333}
#tweet ul li div a {color:#06C;}














/* online Map ///////////////////////////////////// */
#map-canvas {width:100%; height:600px;}
.marker_columns {overflow:auto;}
#marker_column_0, #marker_column_1, #marker_column_2 { float:left; cursor:pointer; width:28%; list-style:circle; padding:10px 0 0 25px; }
#marker_column_0 > li, #marker_column_1 > li, #marker_column_2 > li {padding:3px 0}
#marker_column_0 > li:hover, #marker_column_1 > li:hover, #marker_column_2 > li:hover {color:#C00}
li.multi-marker {position:relative;}
.multi-marker ul {display:none; position:absolute; background:#FFF; z-index:90}
.multi-marker:hover ul {display:block; }

.MapLabel {
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute;
	padding:2px 8px;  text-align:center; font-weight:bold;
}
.MapLabel a {color:#333;}
.MapLabel:hover {background:#333; border: 1px solid #CCC; padding:1px 7px; color:#FFF}
.MapLabel:hover  a {color:#FC0;}
.MapLabel-a {width:120px; margin:-7px 0 0 -67px;}
.MapLabel-b {width:120px; margin:-7px 0 0 -67px;}
.MapLabel-c {width:90px; margin:-7px 0 0 -52px;}
.MapLabel-d {width:120px; margin:-7px 0 0 -67px;}
.MapLabel-e {width:120px; margin:-7px 0 0 -67px;}

.fish-display, .lake-display {margin-bottom:3px; max-width:450px;}
.fish-display span {display:block; float:left; background:#666; color:#FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin:0 4px 3px 0; padding:1px 8px;}
.lake-display span {display:block; float:left; background:#EBF0F5; color:#069; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin:0 4px 3px 0; padding:1px 8px;}



#online_map {background:url(/images/onlinemap/online_map_bg.jpg) center no-repeat; width:704px; height:542px;}

#sec_nw_map { float:left; padding:20px 0 0 18px; height:235px}
#sec_ne_map { float:left; padding:20px 0 0 30px; height:235px}
#sec_ce_map { float:left; padding:42px 0 0 18px;}
#sec_sw_map { float:left; padding:76px 0 0 15px;}
#sec_se_map { float:left; padding:42px 0 0 18px;}

#online_map_highlight { width:191px; height:165px; float:left; padding:90px 0 0 22px;}

#nw_map { float:left; background-image:url(/images/onlinemap/online_map.png); width:66px; height:107px; background-position:0 0;}
#ne_map { float:left; background-image:url(/images/onlinemap/online_map.png); width:125px; height:107px; background-position:-66px 0;}
#ce_map { margin-top:107px; background-image:url(/images/onlinemap/online_map.png); width:71px; height:28px; background-position:0 -107px;}
#se_map { float:right; background-image:url(/images/onlinemap/online_map.png); width:120px; height:58px; background-position:-71px -107px;}
#sw_map { background-image:url(/images/onlinemap/online_map.png); width:71px; height:30px; background-position:0 -135px;}


.online_map_title {background:url(/images/onlinemap/online_map_btn.png) no-repeat; width:182px; height:23px; padding:10px 0 0 28px; font-size:16px; font-weight:bold; color:#FFF}
.online_map_content {background:url(/images/onlinemap/online_map_repeat.png) repeat-y left; width:186px; padding:7px 0 0 24px;}
.online_map_sub_top {background:url(/images/onlinemap/online_map_btn.png) no-repeat; background-position:-310px -60px; width:155px; height:6px; margin-left:2px;}
.online_map_sub_content {background:url(/images/onlinemap/online_map_repeat.png) repeat-y; background-position:-210px 0; width:145px; color:#FFF; padding-left:10px; margin-left:2px;}
.online_map_sub_content strong {color:#FC6;}
.online_map_sub_content a {color:#fff;}
.online_map_sub_bottom {background:url(/images/onlinemap/online_map_btn.png) no-repeat; background-position:-310px -66px; width:155px; height:6px; padding-bottom:3px; margin-left:2px;}
.online_map_bottom {background:url(/images/onlinemap/online_map_btn.png) no-repeat; background-position:0 -33px; width:210px; height:16px; }
.online_map_view {display:block; background-image:url(/images/onlinemap/online_map_btn.png);
	width:124px;
	height:41px;
	background-position: -210px 0;}
.online_map_view span.hover{position: absolute; background-image:url(/images/onlinemap/online_map_btn.png);
	width:124px;
	height:41px;
	background-position: -334px 0;}

.online_map_lakes {display:block; background-image:url(/images/onlinemap/online_map_btn.png); margin:4px 0 10px 2px;
	width:155px;
	height:23px;
	background-position: 0 -49px;}
.online_map_lakes span.hover{position: absolute; background-image:url(/images/onlinemap/online_map_btn.png);
	width:155px;
	height:23px;
	background-position: -155px -49px;}



/* Search Page ///////////////////////////////////*/
.outfitter-search-by-options {width:100%; padding-top:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius: 10px; border:1px solid #efefef; box-shadow:1px 1px 4px rgba(0,0,0,0.2); margin-top:10px; font-size:15px;}
#search-cat-table {padding:18px; }
.search-cat { width:80px;  height:60px; background:url(../images/outfitter_search/search-cat.png) no-repeat; font-size:19px; font-weight:bold; padding:10px 10px 0 90px !important; }
.search-cat-options-1, .search-cat-options-2 {float:left; padding-right:15px; }


.search-cat {float:left}
.shadow-divider {background:url(../images/divider.png) no-repeat center; background-size:contain; width:100%; height:30px; clear:both; margin-bottom:8px; padding-top:10px;}
	.search-cat-options-1 { width:15%}
	.search-cat-options-2 { width:70%;}


@media screen and (max-width: 1000px) { 
	.search-cat-options-1 { width:20%}
	.search-cat-options-2 { width:70%;}
}

@media screen and (max-width: 700px) { 
	.search-cat-options-1 { width:100%}
	.search-cat-options-2 { width:100%;}
	
}

.mealplan_ex { font-size:15px; color:#8C7C6B; margin-left:18px;}

.search-btn {background:#FFF; height:42px; padding:4px 19px 0 19px; font-size:21px; color:#777777; border:1px solid #b4b4b4; -webkit-border-radius: 4px; -moz-border-radius:4px; border-radius: 4px;}
.search-keyword {padding:4px 19px 0 19px; width:250px; height:36px; border:1px solid #87a772; -webkit-border-radius: 6px; -moz-border-radius:6px; border-radius: 6px; font-size:18px; color:#999; margin-right:20px;}
.search-keyword-container {background:#f0edda; -webkit-border-radius: 8px; -moz-border-radius:8px; border-radius: 8px; margin-top:10px;}
.search-keyword-container input {margin:10px 0 10px 20px;}


#page_numbers input{background:#ffffff; border:1px solid #A9BFD8; border-radius:5px; margin-right:3px;  width:30px; height:30px; color:#344E6C; cursor:pointer; }
#page_numbers input:hover {background:#74B0D5; color:#FFFFFF;}
#page_numbers input[disabled="disabled"] { cursor:default; background:#E5E5E5; border:1px solid #E3E3E3; color:#AAAAAA; display:inline-block; text-align:center; }

a.pn, span.pn {background:#ffffff; border:1px solid #A9BFD8; border-radius:5px; margin-right:3px; padding:5px 0 0 0;  width:30px; height:25px; color:#344E6C; cursor:pointer; display:inline-block; text-align:center; display:inline-block; text-align:center; }
span.pn {cursor:default; background:#E5E5E5; border:1px solid #E3E3E3; color:#AAAAAA; display:inline-block; text-align:center; }

/* Allied Search */

#allied_search { margin-bottom:20px;}
#allied_search input, #allied_search select { padding:10px; background-color:#F0F1EC; border:2px solid #CED3BB}
#allied_search input[type='submit'] { background-color:#52A6CF; border-color:#72A7D8; color:#FFFFFF; font-weight:bold;}
/* Search Result /////////////////////////////////*/

.search_note {border:solid 1px #cc3300; width:652px; margin:8px 0px 8px 0px; padding:10px; text-align:left; color:#999999; font-size:13px;}
.title_d {font-weight:bold;}





.listing h2 {font-family: 'Roboto'; font-weight: normal; letter-spacing: -1px; font-size: 28px; color: #404e5b; margin: 0;}
.listing h3 { margin:7px 0 5px 0; padding-top:10px; background:url(../images/divider.png) no-repeat top; background-size:contain}
/*
.list-col-0 { background:#C39192; }
.list-col-1 {background:#B3C465; height:200px;}
.list-col-2 {background:#C781E1; height:200px;}
.list-col-3 {background:#AA8425; height:200px;}
*/
.listing  {display:flex; flex-wrap: wrap; font-size:14px; padding:20px 0 40px 0; background:url(../images/divider.png) no-repeat bottom; background-size:contain;} 
.list-col-0 {flex-basis:100%; padding:0 23px 17px 23px; display:flex; justify-content:space-between}
.list-col-1 {flex-basis: 260px; width:260px; }
.list-col-2 {flex-basis: 0; flex-grow:3; flex-shrink: 3; padding: 0 22px; border-left: 1px  dotted #979797; border-right: 1px  dotted #979797}
.list-col-2.allied {flex-basis: 0; flex-grow:5; flex-shrink: 5; }
.list-col-3 {flex-basis: 0; flex-grow:4; flex-shrink: 4; padding: 0 22px; }
.list-col-3.allied {flex-basis: 0; flex-grow:2; flex-shrink: 2;}
.listing h3:nth-child(1) {margin-top:0; padding-top:0; background:none}
@media screen and (max-width: 950px) {
.list-col-1 {flex-basis: 260px;  }
.list-col-2 {flex-basis: 0; border-right:none}
.list-col-3 {flex-basis: 100%; }
} 
@media screen and (max-width: 650px) {
.list-col-1 {flex-basis: 100%  }
.list-col-2 {flex-basis: 100% }
.list-col-3 {flex-basis: 100%; }
}

/* Column Top */

.listing-social { text-align:right;}
.listing-twitter,.listing-facebook, .listing-youtube, .listing-blog, .listing-instagram, .listing-linkedin {width:32px; height:32px; display:inline-block; margin-left:8px;}
.listing-twitter.allied,.listing-facebook.allied, .listing-youtube.allied, .listing-blog.allied, .listing-instagram.allied, .listing-linkedin.allied {float:left; margin:12px 8px 8px 0;}
.listing-twitter {background:url(../images/member-listing.png) no-repeat 0 -62px;}
.listing-facebook {background:url(../images/member-listing.png) no-repeat 0 -190px;}
.listing-youtube {background:url(../images/member-listing.png) no-repeat 0 -94px;}
.listing-blog {background:url(../images/member-listing.png) no-repeat 0 -126px;}
.listing-instagram {background:url(../images/member-listing.png) no-repeat 0 -158px;}
.listing-linkedin {background:url(../images/member-listing.png) no-repeat 0 -222px;}

/* Column 1 */
.listing-pic {width: 212px; height: 150px; margin:0 24px; overflow: hidden; text-align: center; }
.listing-mini-gallery { display: inline-block; margin: 5px 0 0 20px; }


.listing-lakes {list-style:none; margin:0; padding:15px 22px; overflow:auto;}
.listing-lakes li {background:#71aed5; border:1px solid #3c7fa9;  padding:2px 10px; margin:0 5px 3px 0; font-size:13px; text-shadow:0 0 3px rgba(19,78,115,1);  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float:left; color:#FFD914}
.listing-lakes li a {color:#FFFFFF;}
.listing-lakes li a:hover {color:#FFDE55;}

.listing-testimonials { margin:10px 20px 0 0 ; padding:10px 0; border-top:1px dotted #A4A4A4}
.listing-testi-viewall, .listing-mini-gallery { background:#FFD134; padding:3px 12px; color:#000000 !important}

/* Column 2 */
.listing-profile {display:flex; justify-content:space-between}
.listing-profile div { flex:0 1 auto; }
.listing-profile strong {font-size: 20px}
.listing-icon-map span, .listing-icon-profile span { display:inline-block; padding:3px 10px; border-radius:5px; background-color:#FFF500; box-shadow:1px 1px 4px rgba(0,0,0,0.2); color:#1F1F1F; font-family:'Roboto';}
.listing-icon-map,  .listing-icon-profile {height:24px; display:inline-block; font-family:'Roboto'; color:#686868; font-size:15px;}
.listing-icon-map:hover, .listing-icon-profile:hover { color:#369}
.listing-icon-map {background:url(../images/member-listing.png) no-repeat left top; padding:7px 20px 0 40px; }
.listing-icon-profile {background:url(../images/member-listing.png) no-repeat 0 -31px; padding:7px 20px 0 42px; }

.listing-description { width:100%; margin:15px 0; }

.listing-contact, .listing-contact div {width:100%;}
.listing-icon-phone, .listing-icon-email, .listing-icon-website {background:url(../images/member-listing.png) no-repeat; width:225px; padding-left:20px; height:20px; margin-top:2px; margin-bottom:2px;}
.listing-icon-website {background-position: -18px -432px !important}
.listing-icon-email {background-position: -18px -451px !important}
.listing-icon-phone {background-position: -18px -473px !important; margin-right:10px;}
.listing-icon-address {background:url(../images/member-listing.png) no-repeat -18px -491px; width:480px; clear:both; padding-left:20px;}

/* Column 3 */
.listing-specs {list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; width:100%; justify-content: flex-start}
.listing-specs li { flex:0 1 33%;}
.listing-specs li a, .listing-specs li span {padding-left:20px; height:18px; display:block; background:url(../images/member-listing.png) no-repeat;}


.listing-camp-dropdown {cursor:pointer; color:#71aed5}
.listing-arrow-left {width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left:5px solid #71aed5; display:inline-block; margin-left:2px; cursor:pointer; position:relative;}
.listing-camp-dropdown:hover .listing-pop {display:block;}
.listing-pop { min-width:150px; position:absolute; left:12px; top:-17px;  background:#FFF; padding: 10px; border:1px solid #CCC; font-size:13px; text-transform:none; color:#666;  z-index:730 ; display:none;}
.listing-pop  ul {list-style:none; margin:0; padding:0;}
.listing-pop  ul li {display:block;}

@media screen and (max-width: 1160px) {
.listing-specs li { flex:0 1 50%;}
} 
@media screen and (max-width: 950px) {
.listing-specs li { flex:0 1 25%;}
}
@media screen and (max-width: 700px) {
.listing-specs li { flex:0 1 33%;}
}
@media screen and (max-width: 640px) {
.listing-specs li { flex:0 1 50%;}
}




.listing-icon-fish { background-position:-17px -287px !important;}
.listing-icon-bear { background-position:-17px -395px !important;}
.listing-icon-moose { background-position:-17px -305px !important;}
.listing-icon-deer { background-position:-17px -324px !important;}
.listing-icon-duck { background-position:-17px -378px !important;}
.listing-icon-small { background-position:-17px -341px !important;}
.listing-icon-archery { background-position:-17px -359px !important;}
.listing-icon-help { background:url(../images/member-listing.png) no-repeat -19px -416px; width:12px; height:12px; display:inline-block; margin-left:4px;}



.listing-gallery { list-style:none; padding:0; margin:5px 0 0 24px; width: 214px; display:flex; flex-wrap: wrap; justify-content: space-between} 
.listing-gallery li { background:#e1e1e1; margin:0 0 5px 0; padding:2px; flex: 0 1 auto;}
.listing-gallery table { width:63px; height:45px; }
.listing-gallery li img { max-width:63px; max-height:45px; }

/* Pull gallery image from WPMU */ 
.wpmu_gallery { display: flex; width: 212px; margin: 0 24px; justify-content: space-between}
.wpmu_gallery div {position: relative; width: 68px; height: 68px; overflow: hidden;}
.wpmu_gallery div img { }
.wpmu_gallery .landscape { height: 68px; width: auto;}
.wpmu_gallery .portrait { height: auto; width: 68px;}

/* This following is to be deleted */

/*
.mlist-icon-map span, .mlist-icon-profile span { display:inline-block; padding:3px 10px; border-radius:5px; background-color:#FFF500; box-shadow:1px 1px 4px rgba(0,0,0,0.2); color:#1F1F1F; font-family:'Roboto';}

.mlist { position:relative; background:#FFF}
.mlist-pic {width:206px; height:147px; overflow:hidden; text-align:center; float:left; background:#999; margin-bottom:13px;}
.mlist-title {width:600px; margin-left:24px; float:left }
.mlist h4 {font-family: 'Roboto'; font-weight:normal; letter-spacing:-1px; font-size:24px; color:#404e5b; margin:0;}
.mlist-icons {overflow:auto; margin:10px 0;}
.mlist-icon-map,  .mlist-icon-profile {height:24px; display:block; float:left; font-family:'Roboto'; color:#686868; font-size:15px;}
.mlist-icon-map:hover, .mlist-icon-profile:hover { color:#369}
.mlist-icon-map {background:url(../images/member-listing.png) no-repeat left top; padding:7px 20px 0 40px; }
.mlist-icon-profile {background:url(../images/member-listing.png) no-repeat 0 -31px; padding:7px 20px 0 42px; }
.mlist-social { float:right;}
.mlist-twitter,.mlist-facebook, .mlist-youtube, .mlist-blog, .mlist-google, .mlist-linkedin {width:32px; height:32px; float:left; margin-right:8px;}
.mlist-twitter {background:url(../images/member-listing.png) no-repeat 0 -62px;}
.mlist-facebook {background:url(../images/member-listing.png) no-repeat 0 -190px;}
.mlist-youtube {background:url(../images/member-listing.png) no-repeat 0 -94px;}
.mlist-blog {background:url(../images/member-listing.png) no-repeat 0 -126px;}
.mlist-google {background:url(../images/member-listing.png) no-repeat 0 -158px;}
.mlist-linkedin {background:url(../imagesi/member-listing.png) no-repeat 0 -222px;}

.mlist-detail {  position:absolute; left:210px; top:82px; background-color:#FFFFFF}
.mlist-detail-expanded {background:url(../images/member-listing-bg.png) bottom no-repeat #fff;}
.mlist-info {overflow:hidden; width:500px; padding:0 20px 15px 20px; margin-bottom:10px; font-size:13px; display:none}
.mlist-description { line-height:17px;}
.mlist-more { cursor:pointer; margin-left:20px; margin-top:-10px;}
.mlist-more-label { width:77px; margin:0 auto; display:block; text-align:center; margin-top:-23px; position:relative; z-index:705; padding-top:3px; font-size:11px; color:#369; font-weight:bold}
.mlist-divider-cover {width:500px; height:7px;}
.mlist-divider-narrow {width:500px; height:7px; background:url(../images/sprite-trans.png) no-repeat; background-position:0 -20px;  z-index:700; position:relative}
.mlist-divider-tab { width:96px; height:15px; margin:-7px auto 0 auto; display:block; background:url(../images/sprite-trans.png) no-repeat; background-position:-500px -20px; position:relative; z-index:701}


.mlist-lakes {list-style:none; margin:0; padding:0; width:730px; clear:both; overflow:auto}
.mlist-lakes li {background:#71aed5; border:1px solid #3c7fa9;  padding:0 7px; margin:0 5px 3px 0; font-size:11px; text-shadow:0 0 3px rgba(19,78,115,1);  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float:left;}

.mlist-lakes li a {color:#FFFFFF;}

.mlist-specs { margin-top:8px; margin-bottom:10px; font-size:13px;}
.mlist-specs li {color:#666;}
.mlist-spec-title {color:#596F84; font-family:'Roboto'; font-size:14px; text-transform:uppercase;  display:block; margin-bottom:3px;}
.mlist-specs td {vertical-align:top; }
.mlist-column { width:140px; border-right:1px solid #CCC; padding-left:6px;}
.mlist-top-row, .mlist-bottom-row {width:140px; padding-left:6px;}
.mlist-column ul, .mlist-top-row ul, .mlist-bottom-row ul {list-style:none; margin:0; padding:0;}
.mlist-column ul li, .mlist-top-row ul li, .mlist-bottom-row ul li {width:140px; height:18px; }
.mlist-column-double { width:286px; border-right:1px solid #ccc}
.mlist-column-double ul {width:292px; margin:0 0 0 -6px; padding:0; list-style:none;}
.mlist-column-double ul li {width:120px; padding-left:20px; height:18px; float:left; margin-left:6px;  background:url(../images/member-listing.png) no-repeat;}
.mlist-top-row { padding-bottom:3px;}
.mlist-bottom-row { border-top:1px dotted #ddd; padding-top:5px;}

.mlist-icon-fish { background-position:-17px -287px !important;}
.mlist-icon-bear { background-position:-17px -395px !important;}
.mlist-icon-moose { background-position:-17px -305px !important;}
.mlist-icon-deer { background-position:-17px -324px !important;}
.mlist-icon-duck { background-position:-17px -378px !important;}
.mlist-icon-small { background-position:-17px -341px !important;}
.mlist-icon-archery { background-position:-17px -359px !important;}
.mlist-icon-help { background:url(../images/member-listing.png) no-repeat -19px -416px; width:12px; height:12px; display:inline-block; margin-left:4px;}

.mlist-contact, .mlist-testimonial { margin-top:10px; padding-top:8px; border-top:1px solid #bbb}
.mlist-icon-phone, .mlist-icon-email, .mlist-icon-website {background:url(../images/member-listing.png) no-repeat; width:225px; padding-left:20px; height:20px; float:left; margin-top:2px; margin-bottom:2px; border-bottom:1px dotted #ccc}
.mlist-icon-website {background-position: -18px -432px !important}
.mlist-icon-email {background-position: -18px -451px !important}
.mlist-icon-phone {background-position: -18px -473px !important; margin-right:10px;}
.mlist-icon-address {background:url(../images/member-listing.png) no-repeat -18px -491px; width:480px; clear:both; padding-left:20px;}
.mlist-avatar {background:url(../images/member-listing.png) no-repeat 0 -254px; width:32px; height:32px; display:block; float:left; margin-top:3px;}
.mlist-testimonial em {float:left; width:457px; margin-left:10px}
.mlist-moretesti {background:#71aed5; border:1px solid #3c7fa9;  padding:0 5px; margin:0 0 0 10px; font-size:11px; text-shadow:0 0 3px rgba(19,78,115,1); color:#FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display:inline-block}


.mlist-camp-dropdown span {width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left:5px solid #71aed5; display:inline-block; margin-left:2px; cursor:pointer; position:relative;}
.mlist-camp-dropdown:hover .mlist-pop {display:block;}
.mlist-camp-dropdown:hover {color:#71aed5}
.mlist-camp-dropdown {cursor:pointer;}

*/
/* The above is to be deleted */

.keywords {display: inline-block; padding: 3px 10px; background-color: aliceblue; border-radius: 4px;}

#MealplanDescription .mealplan-pop-close { display: none;}
#MealplanDescription b {font-size:24px;}
#MealplanDescription .mealplan-pop {position: relative; z-index: 1}
.mealplan_description_icon { cursor: pointer; position: relative; padding: 2px 15px; border-radius: 4px; background-color: #E9E9E9; display: inline-block; margin-bottom: 4px;}
.mealplan_description_icon img {width: 15px; height: 15px;}
.mealplan-pop {position: absolute; border: 2px solid #D0D0D0; padding: 10px 20px; background-color: #ffffff; z-index: 999;}
.mealplan-pop-close { text-align: right; display: block;}


.outfitter-on-lake { display:inline-block; padding:2px 12px; border-radius:4px; background:#EBEBEB; border:1px solid #B7B7B7; margin:0 10px 4px 0;  }

/* Search result */
.parameterswitch input[type='submit'] { font-size: 14px; display: inline-block; margin-right: 5px; background: #4D95BD; color: #ffffff; border-radius: 20px; padding: 2px 10px; border: none; cursor: pointer;}
.parameterswitch {display: inline-block; margin-bottom: 5px; }



/* Articles ////////////////////////////////*/
.article_grid {border:8px solid #F0F0F0; margin:0 15px 15px 0; position:relative; overflow:auto; float:left; }

@media screen and (min-width: 1101px)  {
	.article_grid {width:45%;}
}

@media screen and (max-width: 1100px)  {

	.article_grid { float:inherit; width:90%;}
}

.article_grid:hover {background:#f6f6f6;}
.article_grid:hover .article_title {background:#E5E0C6;}
.article_thumb {width:180px; height:120px; overflow:hidden;  margin:15px 35px 45px 15px; float:left;}
.article_title {display:block; padding:8px 10px; height: 50px; margin:1px; background:#EEE; text-decoration:none; text-shadow: 0px 1px 0px #e1e1e8; color:#666 !important; font-size:19px;}
.article_des {margin:12px 12px 12px 230px; display:block; overflow:hidden; color:#888; font-size:12px;}
.article_full_btn {padding:5px 10px; background:#999; border-radius:4px; display:inline-block; font-weight:bold; color:#FFF !important; text-decoration:none; margin-top:20px;}
.article_full_btn:hover {background:#CCC;}

/* Gallery /////////////////////////////*/

.gallery-item {border:solid 1px #999999; width:140px; height:140px; float:left; margin:10px; text-align:center; }
.gallery-item img {display:inherit;}



/* Allied Search /////////////////////////////*/
.allied_listing { background:#F5F5F5; padding: 10px; }
.allied_title {font-size: 28px; padding: 4px 20px; background: #FFFFFF}
.allied_content { padding: 5px;}
.allied_bottom { border-bottom: 5px solid #E6E9EC}

/* Testimonails */
.testimonial-entry h3 { margin-bottom: 5px;}
.testimonial-entry h3 span { font-size: 15px; font-weight: normal; }
.testimonial-entry b { color:#9BA78D; font-style: italic}
.testimonial-entry div {text-align:right; margin-right:20px; font-size: 15px; margin-top: 5px;}
.testimonial_letters span, .testimonial_letters a {display:inline-block; border-radius:5px; width:30px; height:30px; text-align:center; line-height: 30px;}
.testimonial_letters span { background-color:#E4E4E4} 
.testimonial_letters a { background:#CDDCE4}

div[title^="Zoom in"],div[title^="Zoom out"]{
   background-color: yellow;
}

.gm-style-mtc { display: none }



/* Member management */
#login input {border-radius:4px; border:1px solid #B1B1B1; padding:5px; font-size:18px;}

/* Fishing */
.section {overflow:auto;}




/* Online Map NEW *****************************************************************/

/* Disable Warning */
#map_main > div:nth-child(2) { opacity:0}

.legend {
  list-style:none;
  padding: 3px 10px;
  border:1px solid #838383;
  background:#F5F5F5;
  font-size:11px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.legend li { display:inline-block;  padding:2px 10px;}
.legend li strong { font-size:12px;}
/*
.content-legend {
  background: #ededed;
  width: 100vw;
  max-width: 100vw;
  text-align: center;
}
*/

/* phone legend */
@media screen and (max-width: 375px) {
  .legend { display: none; }
  .legend li { display: none; }
}

.map-tab-container {position:relative; margin-top:30px;}

h1.map-title { font-size: 2vw; text-align: center; margin-top:1vh; margin-top:40px;}
#map_remote { width:100%; height:90vh;}
#map_main { width:100%; height:90vh;}
.fullscreenbtn {position:absolute; z-index:1999; left:10px; top:70px; cursor:pointer; background:yellow; padding:5px; }
.fullscreenbtn_fixed {position:fixed !important; top:20px !important }
.fullscreenmap { overflow:inherit !important; position:fixed !important; top:0px; z-index:999; height:100% !important}
.stop-scrolling { height: 100%; overflow: hidden;}
.fullscreenbtn img, .fullscreenbtn_fixed img { width:20px; height:auto;}


@media (max-width: 400px) {
  #map_main { width: 95vw; margin-left: auto; margin-right: auto; }
  .grid-item { width: 100vw; }
}
@media (max-height: 580px) {
  h1.map-title { margin-left: 6vw; font-size: 6vw; text-align: center; }
}

@media (max-width: 415px) {
  h1.map-title { margin-left: 0; font-size: 4.5vw; text-align: center; }
}

.tab-content .container-fit {overflow:visible;}
/* Masonry Grid */
.grid-A{ padding-top:30px; padding-left:15px; }
.grid-A .grid-item, .grid-C .grid-item { width: 226px; margin: 5px 0; box-shadow:0 0 10px rgba(0,0,0,0.3)}
.grid-A .grid-item img, .grid-C .grid-item img {width:226px;}
.grid-B { padding-left:15px; padding-bottom:20px; }
.grid-B .grid-item { width: 278px; margin: 5px 0;  box-shadow:0 0 10px rgba(0,0,0,0.3); }
.grid-B .grid-item img {width:278px;}

@media (max-width: 568px) {
  .grid-A .grid-item, .grid-C .grid-item { width: 60%; margin: 5px 5px auto 5px; }
  .grid-A .grid-item img, .grid-C .grid-item img { width: 98%; margin: 2px auto; }
  .grid-B .grid-item { width: 98%; margin: 5px auto; }
  .grid-B .grid-item img {width: 98%; margin: 2px auto; }
}

@media (max-width: 400px) {
  .grid-A .grid-item, .grid-C .grid-item { width: 98%; margin: 5px 5px auto 1px; }
  .grid-A .grid-item img, .grid-C .grid-item img { width: 100%; margin: auto; }
  .grid-A, .grid-B, .grid-C { width:90%;}
}

.grid-item > a {cursor:pointer}
.AdDescription { background:#555555; padding:10px; color:#FFFFFF; font-size:13px}
.AdDescription a {padding:5px 25px 5px 5px; background:url(/map/icons/marker-display.jpg) no-repeat right #FFFFFF; margin-top:5px; color:#555555; border:2px solid #F9AD1F; display:inline-block; border-radius:5px; font-size:11px; cursor:pointer}

.viewdetailedlisting { padding:5px 20px; background:#fcff00; border-radius:7px; color:#000000; display:inline-block; font-size:20px; font-weight:bold; margin-top:5px; box-shadow:1px 1px 5px rgba(0,0,0,0.3)}

#mapbuttons {margin-bottom:10px; font-size:25px;}
#mapbuttons a {display:inline-block; margin-right:20px; padding:5px 20px; background:#EDEDED; border-radius:5px; cursor:pointer;}
.push {height:1260px;}

#mapbuttons.sticky { width:100%; text-align:center; position: fixed; z-index:999; top:0; left:0; display:hidden;}
#zoomin.greyout, #zoomout.greyout { cursor:default; color:#909090}

.infowindow {font-size:15px;}
.infowindow span {color:#CB292C; font-size:14px; }

/* online map tabs */

ul.tabs{ margin: 0px; padding: 0px; list-style: none; text-align:center;}
ul.tabs li{	background: none; display: inline-block; padding: 10px 15px; cursor: pointer;	border-top-left-radius: 10px; border-top-right-radius: 10px; font-size:20px;}
.tab-content{display: none; background: #ededed; }
.tab-content.current{display: inherit;	}

/* online Map More */

li.tab-link.current { background: yellow; border:2px solid yellow}
li.tab-link:not(.current) {border-top:2px solid #B7B7B7; border-right:2px solid #B7B7B7; border-left:2px solid #B7B7B7; margin-bottom:-2px; padding:10px 15px 12px 15px;}

/* phone tabs */
@media screen and (max-width: 375px) {
  ul.tabs{ font-size: 0.75em; }
}

@media screen and (max-width: 320px) {
  ul.tabs{ font-size: 0.65em; }
}

.helpmsg {padding:2px 8px; background:rgba(252,255,0,0.9); border-radius:12px; box-shadow:2px 2px 6px rgba(0,0,0,0.3); color:#4E4E4E; font-weight:bold; font-size:18px; display:inline-block; position:absolute; z-index:98; left:50%; margin-left:-200px; top:70px; cursor:pointer;}
.helpmsg table td {text-align:left; vertical-align:middle; white-space: nowrap;}
.helpmsg table td img.closehelp { width:15px; height:auto}

@media (max-width: 700px) {
.helpmsg {top:150px;}
.helpmsg { font-size:13px; margin-left:-155px; padding:5px;}
.helpmsg table td img.closehelp { width:10px; height:auto}
}

.gm-bundled-control > div > div, .gm-fullscreen-control { background-color:#fcff00 !important}


/* Mini-site-landing page */
.mini-site-list {list-style:none; margin:0; padding:0;}
.mini-site-list li {float:left; width:270px; margin:8px; box-shadow:1px 1px 7px  rgba(0,0,0,0.3)}
.mini-site-list li img {width:100%; height:auto;}
.mini-site-list li span { display:block; margin:10px 15px; height:40px; font-weight:bold;}

.mini-site-list .mini_site_link, .mini-site-list .listing_link { display:inline-block; padding:4px 15px; border-radius:4px; font-size:13px; margin:0 0 10px 10px;}
.mini-site-list .mini_site_link { background-color:#F4F4F4; color:#393939}
.mini-site-list .listing_link { background-color:#DFE7EB; color:#2B4162}


/* Jquery Form Validator */
.has-error {position:relative;}
.help-block.form-error {position:absolute; top:50px; left:0px; background:#C92427; width:150px; color:#ffffff; padding:5px 15px; font-size:14px; display:block;}