/* CSS Document */

#menu_burger {
	display:block;
	float:right;
	position:relative;
	width: 40px;
	height: 28px;
	margin: 10px 0 5px 0;
	background-color: #A6785A;
	cursor:pointer;
	z-index:501;
}
#menu_burger:hover, #menu_burger.open {
	background-color:#838D75;
}
#search_button {
	display:block;
	float:right;
	width:50px;
	height:36px;
	margin:0;
	background:url(../../images/magnifying-glass.png);
	background-size:19px 19px;
	background-position:8.5px 5.5px;
	background-repeat:no-repeat;
	cursor:pointer;
}
#search_button:hover, #search_button.open {
	background:url(../../images/magnifying-glass-open.png);
	background-size:19px 19px;
	background-position:8.5px 5.5px;
	background-repeat:no-repeat;
}
#search {
	background-color:#ededed;
}
#top_nav {
	display:none; /* mobile */
	margin:0;
	width:100%;
	position:absolute;
	top:0;
	left:-10px;
	z-index:10;
}
div.top_ { 
	display:block;
	height:46px; 
	width:100%;
	margin:0;
	padding:0;
	z-index:500;
}
#top_nav .top_ {
}
#top_nav .top_ > a {
	display:block;
	float:left;
	width:100%;
	height:45px;
	font-family:"proxima-nova", Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-style: normal;
	font-size:1.375em; /* 22/16 */
	padding:0;
	line-height:2.1;
	text-decoration:none;
	text-indent:15px;

	border-bottom:#FFF 1px solid;

/*	background-image:url(../../images/menu-arrow-down.png);
	background-position:96% 19px;
	background-size:16px 7.5px;
	background-repeat:no-repeat;*/

	color:#fee7a2;
	background-color:#695138;
}
#top_nav .top_ > a > span { display: none; }
#top_nav .top_ > a:link, #top_nav .top_ > a:visited, #top_nav .top_ > a:active {
	color:#FFF;
}
#top_nav .top_ > a:hover, #top_nav .top_ > a.open {
	color:#fee7a2;

/*	background-image:url(../../images/menu-arrow-up.png);
	background-position:96% 19px;
	background-size:16px 7.5px;
	background-repeat:no-repeat;*/
	background-color:#695138;
}

#top_nav .top_ > div:first-child {
	display: inline-block;
	width: auto;
	margin: 0;
	float: none;
	height: 38px;
	text-decoration: none;
	padding: 4px 13px 0 13px;
	color: #FFF;
	text-indent: 0;
	font-family: "proxima-nova", Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.3125em;
	line-height: 1.95;
	background-image: none;
	border-bottom: 9px #000 solid;
	cursor: pointer;
	z-index: 500;
}

#top_nav .top_ > div > a.imgbtn, .top_ > .drop > ul > li > a.imgbtn {
	padding: 4px 15px;
	height: 22px;
	width: 3px;
	margin: 8px 25px;
	border-bottom: none;
	background-color: transparent;
}
#top_nav .top_ > a::before {
	content:url("../../images/pix.gif");
	display:block;
	float: right;
	width: 16px;
	height: 8px;
	margin: 20px 15px 0 0;
	-webkit-mask-image: var(--menu-arrow-down-data);
	-webkit-mask-size: contain;
	mask-image: var(--menu-arrow-down-data);
	mask-size:contain;
	background-color:white;
}
#top_nav .top_ > div > a.imgbtn::before {

}
#top_nav .top_ > a:hover::before, #top_nav .top_ > a.open::before {
	-webkit-mask-image: var(--menu-arrow-up-data);
	-webkit-mask-size: contain;
	mask-image: var(--menu-arrow-up-data);
}
div.drop {
	display:none;
	float:left;
	width:100%;
	padding:0;
	position:relative;
	top:0;
	left:0;
}
.drop > ul > li {
	display:block;
	float:left;
	width:100%;
}
.drop ul li a {
	display:block;
	float:left;
	position:relative;
	width:100%;
	height:45px;
	
	border-bottom:1px #FFF solid;
	
	font-family:"proxima-nova", Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-style: normal;
	font-size:1.0625em; /* 17/16 */
	padding:0;
	text-indent:15px;
	line-height:3;
	text-decoration:none;
/*	color:#000;*/
	color:#FFF;
	
/*	background-color:#513f2d;*/
	background-color:#848d75;

	white-space:nowrap;
}
.drop ul li a:hover {
	color:#fee7a2;
}
.drop.mega, .drop.mega ul {
/*	max-height:400px;*/
}
.drop.mega ul li a {
	width:100%;
	overflow:hidden;		/* these two lines prevent menu */
	white-space:pre-wrap;	/* from exceeding 100% width */
}
.drop ul li a span, .top_ > a span{
	display:none;
}
.drop ul li ul li {
	display:none;
}

form#search {
	position:absolute;
	top:29px;
	right:0;
}
form#search {
	display:none;
	width:100%;
	height:46px;
	top:70px;
	background-color:#ededed;
}
#search_input_wrap {
	display:block;
	float:none;
	margin:14px auto 15.5px auto;
	width:300px;
	height:30px;
	border:1px #000 solid;
	background-color:#f8f8f8;
}
input[name="search_phrase"] {
	font-size:1em;
	font-weight:normal;
	color:#000;
	width:250px;
	height:30px;
	margin:0 0 0 0;
	text-indent:8px;
	line-height:2;
	background-color:transparent;
	border:none;
	padding:0;
}

input[name="search_phrase"]::-webkit-input-placeholder {
   color:#b3b3b3; text-overflow: ellipsis; text-transform:uppercase;
}

input[name="search_phrase"]:-moz-placeholder { /* Firefox 18- */
   color:#b3b3b3; text-overflow: ellipsis; text-transform:uppercase;  
}

input[name="search_phrase"]::-moz-placeholder {  /* Firefox 19+ */
   color:#b3b3b3; text-overflow: ellipsis; text-transform:uppercase;  
}

input[name="search_phrase"]:-ms-input-placeholder {  
   color:#b3b3b3; text-overflow: ellipsis; text-transform:uppercase;  
}
#search_input_wrap a {
	display:block;
	float:right;
	width:40px;
	height:30px;
	margin:0;
	padding:0;
	vertical-align:baseline;
	font-family:"proxima-nova", Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:1.25em;
	color:#56a0d1;
	line-height:1.75;
	text-transform:uppercase;
	text-decoration:none;
	cursor:pointer;
}
#search_input_wrap a:link, #search_input_wrap a:visited, #search_input_wrap a:hover, #search_input_wrap a:active {
	color:#56a0d1;
	text-decoration:none;
}
#search_input_wrap a img {
	display:block;
	float:right;
	width:0;
	height:0;
}
#search_input_wrap a:after {
	content:' GO';
}
form#search2 {
	display:none;
}
/*@media screen and (min-width:258px) {
	#top_nav {
		left:-11px;
	}
}
@media screen and (min-width:276px) {
	#top_nav {
		left:-12px;
	}
}
@media screen and (min-width:300px) {
	#top_nav {
		left:-13px;
	}
}
@media screen and (min-width:320px) {
	#top_nav {
	}
}*/
@media screen and (min-width:600px) {
	#menu_burger, #search_button {
		display: none;
	}

	#top_nav {
		display: block;
		position: absolute;
		/*		padding-top:63px;*/
		margin-top: 91px;
		left: -8px;
	}

	div.top_ {
		display: inline;
		position: relative;
		height: 40px;
		width: auto;
		margin: 0 -2px;
		z-index: 500;
	}

	#top_nav .top_ > a::before {
		content: '';
		margin: 0;
		width: auto;
		height: auto;
	}

	#top_nav .top_ > a:hover {
		color: #fee7a2;
		background-image: none;
		background-color: #513f2d;
	}

	#top_nav .top_ > a {
		display: inline-block;
		width: auto;
		margin: 0;
		float: none;
		height: 38px;
		text-decoration: none;
		padding: 4px 13px 0 13px;
		color: #FFF;
		text-indent: 0;
		font-family: "proxima-nova", Verdana, Geneva, sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 1.3125em; /* 21/16 */
		line-height: 1.95;
		background-image: none;
		border-bottom: 9px #000 solid;
	}

	/*#top_nav .top_ > a:hover, */
	#top_nav .top_hover {
		color: #fee7a2;
		background-color: #513f2d;
		border-bottom: 9px #000 solid;
	}

	/*	a.top_hover  {
            color:#fff !important;
        }*/
	#top_nav .top_ > div > a.imgbtn, .top_ > .drop > ul > li > a.imgbtn {
		/*		height: 26px;
                padding: 4px 15px;
                margin: 0;*/

		height: 23px;
		padding: 4px 14px;
		margin: 2px 0 0 0;

		border-bottom: none;
		background-color: transparent;
	}

	#top_nav .top_ > div:first-child {
		position: absolute;
		margin-left: 4px;
	}

	#top_nav .top_ > div:first-child:hover {
		background-color: #513f2d;
	}

	div.drop.mega {
		width: auto; /* adjusted on mouseover */
		padding: 18px 10px;
		z-index: 100;
	}

	div.drop {
		display: none;
		position: absolute;
		top: 36px;
		left: 0;
		width: auto;
		height: auto;
		color: #FFF;
		background-color: #513f2d;
		padding: 12px 10px 10px 15px;
		z-index: 100;
	}

	.drop a {
		color: #FFF;
		text-decoration: none;
	}

	.drop ul {
		display: block;
		list-style-type: none;
	}

	.drop > ul > li > a {
		display: inline;
		float: left;
		width: auto;
		height: auto;
		background-image: none;
		color: #FFF;
		line-height: 1.06666666666667;
		font-size: 0.83333333333333em;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-indent: 0;
		white-space: normal;
		border-bottom: none;
		background-color: #513f2d;
	}
	.drop > ul > li > a.imgbtn {
		width: 3px;
		height: 23px;
		padding: 4px 14px;
		margin: 2px 0 0 0;

		border-bottom: none;
		background-color: transparent;
	}
	.drop ul li a:hover {
		color:#fee7a2;
	}
	.drop.mega > ul > li > a {
		line-height:1;
		margin-bottom:5px;
	}
	.drop.mega > ul > li {
		display:block;
		float:left;
		width:160px;
		font-size:1.125em; /* 18px */
		line-height:1.11111111111111; /* 20 */
		font-weight:600;
	}
/*	.drop.mega > ul > li:last-child {
		width:140px;
	}*/

	.drop > ul > li > ul > li > a {
		color:#FFFFFF;
/*		font-size:0.8125em;*/
		line-height:1.15384615384615;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		height:auto;
		text-indent:0;
		background-image:none;
		margin-top:10px;
		white-space:normal;
		background-color:#513f2d;
		border-bottom:none;
	}
	.drop.mega > ul > li, .drop.mega > ul > li > ul {
		display:block;
		width:150px;
		margin:0 20px 10px 0;
	}
	.drop > ul > li {
		display:inline;
		float:left;
		width:160px;
/*		width:auto;*/
		font-size:1.125em; /* 18px */
		line-height:1.11111111111111; /* 20 */
		font-weight:600;
		white-space:nowrap;
		margin: 4px 0 6px 0;
	}
	.drop > ul > li:after {
		content:"\a";
		white-space:pre;
	}
/*	.drop > ul > li:last-child {
		width:140px;
		width:auto;
	}*/
	.drop ul li ul li {
		display:block;
		font-size:0.72222222222222em; /* 13px */
		line-height:1.53846153846154; /* 20px */
		font-weight:normal;
	}
	.drop ul li a span {
		display:inline-block;
	}
	form#search2 {
		float:right;
	}
	form#search, form#search2 {
		display:block;
		position:absolute;
		top:18px;
		right:0;
		width:140px;
		height:24px;
		background-color:#cccccc;
		z-index:1000; /* so we don't overlap LightBox2 */
	}
	form#search2 {
		position:relative;
		margin:26px 0 0 20px;
		top:0;
		right:0;
		bottom:0;
		left:0;
	}
	#search_input_wrap, #search_input_wrap2 {
		display:block;
		float:left;
		width:140px;
		height:24px;
		margin:0;
		border-radius:0;
		background-color:transparent;
		color:#000;
		border:none;
		background-image:url(../../images/magnifying-glass-small.gif);
		background-position:120px center;
		background-repeat:no-repeat;
	}
	#search_input_wrap a, #search_input_wrap2 a {
		width:24px;
		height:24px;
		background-image:none;
	}
	#search_input_wrap a img, #search_input_wrap2 a img {
		display:block;
		float:right;
		width:20px;
		height:20px;
		margin:1px 0 0 0;
		cursor:pointer;
	}
	#search_input_wrap a:after, #search_input_wrap2 a:after {
		content:'';
	}

	#search_input_wrap a, #search_input_wrap1 a {
		margin-left:1px;
	}
	input[name="search_phrase"], input[name="search_phrase2"] {
		display:block;
		float:left;
		border:none;
		background-color:transparent;
		width:114px;
		height:24px;
		margin:0;
		text-indent:8px;
		font-size:0.6875em;
		color:#000;
	}

	input[name="search_phrase"]::-webkit-input-placeholder, input[name="search_phrase2"]::-webkit-input-placeholder {
		color:#000;
		text-transform:capitalize;
	}
	
	input[name="search_phrase"]:-moz-placeholder, input[name="search_phrase2"]:-moz-placeholder { /* Firefox 18- */
		color:#000;
		text-transform:capitalize;
	}
	
	input[name="search_phrase"]::-moz-placeholder, input[name="search_phrase2"]::-moz-placeholder {  /* Firefox 19+ */
		color:#000;
		text-transform:capitalize;
	}
	
	input[name="search_phrase"]:-ms-input-placeholder, input[name="search_phrase2"]:-ms-input-placeholder {  
		color:#000;
		text-transform:capitalize;
	}
}
@media screen and (min-width:650px) {
	#top_nav .top_ > a {
		padding:4px 15px 0 15px;
	}
}

@media screen and (min-width:800px) {
	form#search {
		top:101px;
	}
}