html{overflow-y:scroll;min-width: 900px;height: 100%;}
#home .home,#mailer .mailer,#inventory .inventory,#menus .menus,#splash .splash,#shows .shows,#register .register,#wholesale .wholesale,#orderhistory .orderhistory,#password .password{pointer-events:none;cursor:default;text-decoration:none}
.logo{text-indent:-9999px;height:30px;background:url(../images/logo.jpg) #FFF no-repeat;background-position:center}
#menu{margin-bottom:15px;text-align:center;padding-bottom:5px;border-bottom:2px solid #333;text-transform: uppercase;}
#menu a{text-decoration:none;outline:none;color:#000}
#menu a:hover{color:#cd9b1d}
body{font:11px Century Gothic,sans-serif;color:#525151;margin:0;padding:20px 10px 0}
.centered{width:600px;margin:0 auto;text-align:left}
.wholesalecentered{width:860px;margin:0 auto;text-align:left}
.textfield{width:200px}
.dropdown{font-size:11px;color:#000;background:transparent;border:1px solid #525151;padding:2px 1px;width:204px}
.filefield{color:#000;background:transparent;border:1px solid #525151;padding:1px 1px;}
.addresses{font:inherit;color:#333;background:transparent;border:1px solid #525151;width:425px;height:150px;padding:1px 1px;overflow:auto}
h1{color:#000;margin:0 0 5px;padding:5px 0 3px;font:bold 18px Century Gothic,sans-serif}
h2{color:#000;margin:0 0 5px;padding:0 0 3px;font:16px Century Gothic,sans-serif;display:block}
a{color:#000;font-size:11px;text-decoration: none;}
a img{border:0 solid #333}
a:hover{color:#cd9b1d;text-decoration:underline;}
a.hidden{display:none}
.err{color:#525151;}
th{font-weight:700;text-align:left;width:110px}
.aligntop{vertical-align:top}
#preview{position:absolute;border:1px solid #ccc;background:#333;padding:3px;display:none;color:#fff}
#inventory{padding-bottom:50px;}
#search{display:block;width:2000px}
#filter{float:right;display:inline;margin-bottom:5px;height:25px;line-height:20px;}
#yearForm{float:right;display:inline;}
.border{border-bottom:1px solid #000}
.divider{color:#BFBFBF;}
input[type=submit] {color:#f7f7f7;background:#525151;text-transform:uppercase;font-weight:normal;text-align:center;padding:5px 10px;font-size:10px;margin:0px 0px;letter-spacing:1px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor: pointer;}
.button{color:#f7f7f7;background:#525151;text-transform:uppercase;font-weight:normal;text-align:center;padding:5px 10px;font-size:10px;margin:0px 0px;letter-spacing:1px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor: pointer;}
.buttonremove{color:white;background:#525151;border:1px solid red;text-transform:uppercase;font-weight:bold;text-align:center;padding:5px 5px 4px 6px;font-size:10px;margin:0px 0px;letter-spacing:1px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor: pointer;}
input[type=text]{font-size:11px;color:#000;background:transparent;border:1px solid #525151;padding:3px 1px;}
input[type=password]{font-size:11px;color:#000;background:transparent;border:1px solid #525151;padding:3px 1px;}
textarea{font-size:11px;color:#000;background:transparent;border:1px solid #525151;padding:3px 1px;}
/* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 13px;
  width: 13px;
  background-color: transparent;
  border:1px solid #525151;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #cd9b1d;
}

/* When the checkbox is checked, add a gold background */
.container input:checked ~ .checkmark {
  background-color: #525151;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 5px;
  top: 2px;
  width: 2px;
  height: 5px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Tooltip container */
.tooltip {
    position: relative;
	text-align:right;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 125px;
    background-color: transparent;
    color: #000;
    text-align: center;
    padding: 0;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.accordion {
    background-color: #fff;
    color: #525151;
    cursor: pointer;
    padding: 0;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font: 11px Century Gothic,sans-serif;
    transition: 0.4s;
	margin-bottom: 11px;
}

.active, .accordion:hover {
    background-color: #fff; 
}

.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
}

#arrow {color:#f7f7f7;background:#525151;text-transform:uppercase;font-size: 13px !important;font-weight:normal;text-align:center;padding:2px 4px 3px 5px;font-size:10px;margin:0px 0px;letter-spacing:1px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor: pointer;}