@font-face {
	font-family: "DIN-Bold";
	src: url("../fonts/DIN-Bold.eot"); /* IE9 Compat Modes */
	src: url("../fonts/DIN-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	  url("../fonts/DIN-Bold.otf") format("opentype"), /* Open Type Font */
	  url("../fonts/DIN-Bold.svg") format("svg"), /* Legacy iOS */
	  url("../fonts/DIN-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
	  url("../fonts/DIN-Bold.woff") format("woff"), /* Modern Browsers */
	  url("../fonts/DIN-Bold.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "DINNeuzeitGroteskStd-BdCond";
	src: url("../fonts/DINNeuzeitGroteskStd-BdCond.eot"); /* IE9 Compat Modes */
	src: url("../fonts/DINNeuzeitGroteskStd-BdCond.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("../fonts/DINNeuzeitGroteskStd-BdCond.otf") format("opentype"), /* Open Type Font */
	url("../fonts/DINNeuzeitGroteskStd-BdCond.svg") format("svg"), /* Legacy iOS */
	url("../fonts/DINNeuzeitGroteskStd-BdCond.ttf") format("truetype"), /* Safari, Android, iOS */
	url("../fonts/DINNeuzeitGroteskStd-BdCond.woff") format("woff"), /* Modern Browsers */
	url("../fonts/DINNeuzeitGroteskStd-BdCond.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "DINNeuzeitGroteskStd-Light";
	src: url("../fonts/DINNeuzeitGroteskStd-Light.eot"); /* IE9 Compat Modes */
	src: url("../fonts/DINNeuzeitGroteskStd-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("../fonts/DINNeuzeitGroteskStd-Light.otf") format("opentype"), /* Open Type Font */
		url("../fonts/DINNeuzeitGroteskStd-Light.svg") format("svg"), /* Legacy iOS */
		url("../fonts/DINNeuzeitGroteskStd-Light.ttf") format("truetype"), /* Safari, Android, iOS */
		url("../fonts/DINNeuzeitGroteskStd-Light.woff") format("woff"), /* Modern Browsers */
		url("../fonts/DINNeuzeitGroteskStd-Light.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

body {
    padding-bottom-: 20px;
    /*background: #ccc url("/images/shadows.png") no-repeat scroll center top;*/
    background-color: #ccc;
    font-size: 16px;
    font-family: 'DINNeuzeitGroteskStd-Light';
    color: #fff;
}

img {
    display: block;
    height: auto;
    max-width-: 100%;
}

h2 {
    color: #fff;
    font-size: 30px;
    line-height: 1;
}

h4 {
    color: #aa985a;
    text-transform: uppercase;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 15px;
}

a {
    color-: #aa985a;
    color: #cab46b;
    text-decoration: none;
}

a:hover,
a:focus{
	color: #aa985a;
}

input, select, textarea {
    font-size-: 16px !important;
    color-: #111111 !important;
}

table th,
table td{
	color: white;
	border: 0px!important;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #666;
    border-color: #555;
}

.pagination > li > a, .pagination > li > span {
    color: #555;
}

/* header */
.header-wide {
    background-color: black;
    background: url('/images/headerbg.jpg') no-repeat center center;
    background-size: cover;
    padding-top-: 20px;
}

.header-image {
    margin-top: 30px;
    margin-left: 5px;
}

.header-image-narrow {
    margin-top: -10px;
    margin-left: 5px;
    margin-bottom: 10px;
    max-height: 70px;
    -min-width: 220px;
}

.header-container {
    background: transparent url('/images/headerbg.jpg') no-repeat scroll center center / cover;
}

.header-text {
    margin-left: 5px;
    color: #999;
    font-size: 16px;
    margin-bottom: 20px;
    white-space-: nowrap;
    text-shadow: 0px 2px 0px #000;
}

#pnlContentPageHeading{
	display:flex;
	justify-content: space-between;
	align-items: center;
}

#pnlContentPageHeading > div:first-child{
	flex-grow: 2;
}

#pnlContentPageHeading .z-top-right-link-container{
	min-width: 33%;
	text-align: right;
}

#pnlContentPageHeading #pnlMsg{
	text-align: right;
	padding-top: 0px!important;
}

#pnlContentPageHeading #pnlMsg a{
	display:inline-block;
    padding-: 10px;
	padding: 5px; 
	border:solid 1px #aa985a;
	background-color: #aa985a;
	color: white;
	border-radius: 5px;
	font-size: 16px;
	box-shadow: -2px 2px 0px rgba(0,0,0,.25);
}

/* container */

.container {
	width: inherit;
    max-width: 1025px;
    background-color: white;
}

@media screen and (max-width:1080px){
	.container {
		margin-left: 20px;
		margin-right: 20px;
	}
}

.container-body {
    padding: 15px;
    background-color: #2c2a29;
}

.container-content {
    min-height: 600px;
}

.container-navbar {
    padding-left: 0px;
    background-color: rgba(161, 161, 161, 1);
    background: -webkit-linear-gradient(top, rgba(79, 79, 79, 1) 0%, rgba(161, 161, 161, 1) 100%);
    background: linear-gradient(to bottom, rgba(79, 79, 79, 1) 0%, rgba(161, 161, 161, 1) 100%);
}

/* sidebar */

.sidebar-container {
    padding: 10px;
}

    .sidebar-container h4 {
        margin-top: -15px;
    }

/* button */

.button {
    border-radius: 5px;
    border: none;
    background: #aa985a none repeat scroll 0% 0%;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    box-shadow: 3px 3px 3px #888;
    padding: 5px 12px;
    display: inline-block;
    margin: 0px 10px 20px 0px;
}

    .button:hover {
        text-decoration: none;
        background-color: #fff;
        color: #aa985a;
    }

    .button:visited {
        text-decoration: none;
/*         background-color: #DC772C; */
    }

.-dropdown:hover .-dropdown-menu {
    display: block;
    margin-top: 0;
    /* remove the gap so it doesnt close;*/
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

/* navbar */

.navbar {
    margin-bottom: 0px;
}

.navbar-left {
    margin-left: -15px;
    text-transform: uppercase;
}

.navbar li {
    background: url('/images/navSep.png') no-repeat right center;
}

.icon-bar {
    color: white;
}

#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(255, 255, 255, 1);
}

#custom-bootstrap-menu.navbar-default {
    font-size: 16px;
    background-color: rgba(161, 161, 161, 1);
    background: -webkit-linear-gradient(top, rgba(79, 79, 79, 1) 0%, rgba(161, 161, 161, 1) 100%);
    background: linear-gradient(to bottom, rgba(79, 79, 79, 1) 0%, rgba(161, 161, 161, 1) 100%);
    border-width: 0px;
    border-radius: 0px;
}

    #custom-bootstrap-menu.navbar-default .navbar-nav > li > a {
        color: rgba(255, 255, 255, 1);
        background-color: rgba(161, 161, 161, 1);
        background: -webkit-linear-gradient(top, rgba(79, 79, 79, 1) 0%, rgba(161, 161, 161, 1) 100%);
        background: linear-gradient(to bottom, rgba(79, 79, 79, 1) 0%, rgba(161, 161, 161, 1) 100%);
    }

@media screen and (max-width: 768px){
	#custom-bootstrap-menu.navbar-default .navbar-nav > li{
		background: none;
	}
	#custom-bootstrap-menu.navbar-default .navbar-nav > li > a{
		background:none!important;
	}
}
        #custom-bootstrap-menu.navbar-default .navbar-nav > li > a:hover,
        #custom-bootstrap-menu.navbar-default .navbar-nav > li > a:focus {
            color: rgba(255, 255, 255, 1);
            background-color: rgba(41, 41, 41, 1);
            background: -webkit-linear-gradient(top, rgba(69, 69, 69, 1) 0%, rgba(41, 41, 41, 1) 100%);
            background: linear-gradient(to bottom, rgba(69, 69, 69, 1) 0%, rgba(41, 41, 41, 1) 100%);
        }

    #custom-bootstrap-menu.navbar-default .navbar-nav > .active > a,
    #custom-bootstrap-menu.navbar-default .navbar-nav > .active > a:hover,
    #custom-bootstrap-menu.navbar-default .navbar-nav > .active > a:focus {
        color: rgba(255, 255, 255, 1);
        background-color: rgba(231, 231, 231, 1);
    }

    #custom-bootstrap-menu.navbar-default .navbar-toggle {
        border-color: #ddd;
    }

        #custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
        #custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
            background-color: #ddd;
        }

        #custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
            background-color: #888;
        }

        #custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
        #custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
            background-color: #a1a1a1;
        }

/* custom tabs to overwrite boostrap tabs */

ul.nav li:nth-child(2) a{
	color: #dabd5b!important;
	text-shadow: 0px 5px 7px #000;
}

.z-nav li.active {
    background-color:  #aa985a !important;
}

.z-nav li {
    background-color: gray !important;
}

    .z-nav li:hover {
        background-color:  #aa985a !important;
        border: none !important;
    }

.z-nav-tabs > li {
    background-color: gray;
    margin-right: 2px;
    margin-top: 10px;
}

    .z-nav-tabs > li.active > a {
        background-color:  #aa985a !important;
        color: white;
        border: 0px;
    }

        .z-nav-tabs > li.active > a:hover {
            border: 0px;
            color: white;
            cursor: pointer;
        }

        .z-nav-tabs > li.active > a, .z-nav-tabs > li.active > a:focus, .z-nav-tabs > li.active > a:hover {
            border: none;
        }

.z-nav > li > a {
    font-weight: normal;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 0px;
    color: white !important;
}

.z-nav-tabs > li > a {
    /* padding: 5px 8px 5px 8px; */
    border: none;
}

    .z-nav-tabs > li > a:hover {
        background-color:  #aa985a;
    }
    
#divEvents{
/* 	background-color: #fff; */
	padding: 10px;
}

/* footer */

#logo span {
    color: #999;
    text-shadow: 0px 2px 0px #000;
    clear: both;
    display: block;
    font-size: 17px !important;
}

#logo img {
    margin-bottom: -34px;
    margin-top: -28px;
    margin-left-: -22px;
}

.dropdown {
    font-size: 15px;
    color: white !important;
}

.caret {
    display-: none;
}

#divEvents{

}

#footer {
    background: #1F1F1F;
    text-align: center;
    padding-bottom: 60px;
    min-height: 200px;
    color: #ffffff;
}

.angles {
    background: url('/images/footerbg.png') no-repeat center top;
    padding: 25px 0px;
}

    .angles.bt {
        background-position-y: bottom;
        padding-top: 40px;
    }

#timeline-container, #quote {
    text-align: center;
    color: #999;
    min-height: 100px;
    background: url('/images/footerbgr.png') repeat-y center center;
}

#flogo {
    margin-bottom: 50px;
    position: relative;
}

.glow {
    background: url('/images/glow.png') no-repeat center center;
    padding: 210px 0px;
    position: absolute;
    top: -160px;
    left: 0px;
    width: 100%;
}

#fnav a {
    color: #999;
    margin-right: 10px;
    font-size: 14px;
}

    #fnav a:after {
        content: 'o';
        margin-left: 12px;
    }

.copy {
    color: #666;
    font-size: 13px;
    margin: 10px 0px;
}

.image-centered {
    margin: auto;
}

/* input */

.form-button-hr {
    height: 1px;
    color: gray;
    margin-top: -1px;
}

.form-hr {
    height: 1px;
    color: gray;
    margin-top: 10px;
    margin-bottom: 10px;
}

.phone-label-vertical-align {
    padding-top: 20px;
    display: block;
}

.phone-sub-label {
    font-size: 10px;
}

.control-label-data {
    padding-top: 7px;
    font-weight: bold;
}

.radio.radiobuttonlist input[type="radio"],
.checkbox.checkboxlist input[type="checkbox"] {
    margin-left: 0;
}

.radio.radiobuttonlist label,
.checkbox.checkboxlist label {
    margin-bottom: 4px;
    margin-left: 20px;
    margin-top: 2px;
}

.checkbox.checkboxlist-no-left-margin label {
    margin-bottom: 4px;
    margin-left: 0px;
    margin-top: 2px;
}

fieldset legend {
    border: 0;
    font-size: inherit;
    font-weight: 700;
    margin-bottom: 0;
}

fieldset .radio,
fieldset .checkbox {
    margin-top: 4px;
}

input[type="checkbox"] {
    height: 17px;
    width: 17px;
    -moz-appearance: checkbox;
}

.checkbox label {
    padding-left: 2px !important;
    padding-top: 3px;
}

.checkbox-no-bold label {
    padding-left: 10px;
    font-weight: 100;
}

.checkbox-padding-line {
    padding-top: 7px;
}

.checkbox-line {
    width: 100px;
    float: left;
}

    .checkbox-line label {
        padding-left: 1px;
    }

.checkbox-line-left-margin {
    padding-left: 20px;
    float: left;
}

.checkbox-line-list {
    padding-left: 20px;
}

.no-margin-bottom {
    margin-bottom: 0px;
}

input[type="radio"] {
    height: 18px;
    width: 18px;
    -moz-appearance: radio;
}

.radiobutton label {
    font-weight: normal;
    padding-left: 3px; /* was 10px */
    padding-right: 20px;
    margin-top: 3px;
}

.radio-button-list-vertical {
    padding-top: 5px;
}

    .radio-button-list-vertical label {
        font-weight: normal;
        padding-left: 7px;
        padding-right: 0px;
    }

.literal-display {
    font-weight: bold;
}

/* boostrap */

.form-control {
    border-radius: 0px !important;
}

.input-group-addon {
    border-radius: 0px !important;
}

/* grid */

.grid-filter {
    height-: 45px;
    padding-left: 15px;
    padding-top: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.grid-filter-no-row-margin {
    margin-left: 0px;
    margin-right: 0px;
}

/* trade site */

.two-col {
    clear: both;
    background-color: #f5f5f5 !important;
    margin-bottom: 20px;
}

    .two-col > div {
        padding: 10px;
    }

.two-col-two > ul {
    font-size: 14px;
}

.centered {
    text-align: center;
    margin: 20px;
}

.deadline {
    font-size: 20px;
    font-weight: bold;
    color: #666;
    text-shadow: 1px 1px 0px #ccc;
}

.three-col {
    background: #f5f5f5;
}

.categories-list {
    background: #f5f5f5;
    margin-bottom: 20px;
}

.tab-info {
    text-align: center;
    margin-bottom: 20px;
}

    .tab-info > h4 {
        padding-top: 10px;
    }

    .tab-info h4 + h6 {
        font-weight: bold;
        margin-bottom: 20px;
        font-size: 16px;
    }

    .tab-info > h4, .tab-info > h6 {
        margin-bottom: 20px;
        font-size: 16px;
    }

/* get reviewed */

.get-reviewed #questions li {
    list-style: none;
}

    .get-reviewed #questions li a {
        float: left;
        width: 18%;
        padding-top: 15%;
        padding-bottom: 15px;
        text-align: center;
        position: relative;
        border: 1px solid #eee;
        margin-left: 2%;
        margin-bottom: 2%;
    }

    .get-reviewed #questions li:nth-child(5n+1) a {
        margin-left: 0%;
    }

    .get-reviewed #questions li a:after {
        border: 5px solid #333;
        border-top-color: transparent;
        border-bottom-color: transparent;
        border-right-color: transparent;
        position: relative;
        left: 4px;
    }

a[class^='type-'] {
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: center center;
}

.type-wine {
    background-image: url('/images/gr_wine.png');
}

.type-beer {
    background-image: url('/images/gr_beer.png');
}

.type-spirit {
    background-image: url('/images/gr_spirits.png');
}

.type-all {
    background-image: url('/images/gr_all.jpg');
}

.table-striped>tbody>tr:nth-of-type(odd){
	background-color: #333!important;
}