@charset "utf-8";
/* CSS Document */


/* THIS OVERRIDES TWITTER BOOTSTRAPS CSS AND CENTERS THE THUMBNAILS */


row.header a
{ padding:5px 30px 5px 30px;
  
}




.thumbnails {
    text-align:center;
}

.thumbnails > li  {
  display: inline-block;
    *display:inline; /* ie7 fix */
    float: none; /* this is the part that makes it work */
}



/*******************CUSTOMIZE BOOTSTRAP NAVBAR ************************/
.navbar {

  min-height:35px;
  vertical-align:middle;
  background-color:#FFFFFF;
}
.navbar-brand {
  min-height:70px;
}

  

/******************* KEEP LINKS FROM SHOWING UP WHEN THE PAGE IS PRINTED ***************/

@media print {
    .noprint {display:none !important;}
    a:link:after, a:visited:after {  
      display: none;
      content: "";    
    }
}



.panel-primary > .panel-heading {
  background-image: -webkit-linear-gradient(top, #004a98 0%, #02528a 100%);
  background-image:      -o-linear-gradient(top, #004a98 0%, #02528a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#004a98), to(#02528a));
  background-image:         linear-gradient(to bottom, #004a98 0%, #02528a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff004a98', endColorstr='#ff02528a', GradientType=0);
  background-repeat: repeat-x;
}


/**************************************************/



/*********************************************************************************/



.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-width: thin;
  border-style:solid;
  border-radius: 4px;
}





/***************** FOR THE Need Help? DROPDOWN **************************/

.help-dropup,
.help-dropdown {
  position: relative;
  list-style-type: none;
}
.help-dropdown-toggle:focus {
  outline: 0;
}
.help-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 1px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.help-dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.help-dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.help-dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.help-dropdown-menu > li > a:hover,
.help-dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.help-dropdown-menu > .active > a,
.help-dropdown-menu > .active > a:hover,
.help-dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.help-dropdown-menu > .disabled > a,
.help-dropdown-menu > .disabled > a:hover,
.help-dropdown-menu > .disabled > a:focus {
  color: #777;
}
.help-dropdown-menu > .disabled > a:hover,
.help-dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .help-dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.help-dropdown-menu-right {
  right: 0;
  left: auto;
}
.help-dropdown-menu-left {
  right: auto;
  left: 0;
}
.help-dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.help-dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .help-dropdown-menu {
  right: 0;
  left: auto;
}
.help-dropup .caret,
.navbar-fixed-bottom .help-dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}
.help-dropup .help-dropdown-menu,
.navbar-fixed-bottom .help-dropdown .help-dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .help-dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .help-dropdown-menu-left {
    right: auto;
    left: 0;
  }
}


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

/************************************************************************/






/***** THIS IS FOR THE MEGA MENU STUFF *********************/


.navbar-nav>li>.dropdown-menu {
    margin-top:-6px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}


.mega-dropdown {
    position: static !important;
    /*width:90%;*/

}

/*THIS ALLOWS THE MEGA MENU TO ACTIVATE ON A HOVER FOR THE LARGER SCREEN SIZES. BUT NOT MOBILE. 
I'M USING VISIBILITY ANIMATE TO PUT IN A SLIGHT DELAY IN THE HOVER DROPDOWN SO IT'S NOT SO ANNOYING */
@media (min-width: 768px) {
  .mega-dropdown-menu {
    display: block;
    visibility:hidden;
    padding: 20px 0px;
    width: 93%;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-left:3%;
  }

  .mega-dropdown:hover .mega-dropdown-menu{
    visibility:visible;
    z-index:1000;
    transition:visibility 0s;
    transition-delay: .2s;
  }
  
  .nav > li > a{
    text-decoration: none;
  }
  
  .nav > li > a:hover::after {
    content: "";
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: 8px;
    border: 2px solid black;
  }
}

.mega-dropdown-menu {
    padding: 20px 0px;
    width: 93%;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-left:3%;
}

.mega-dropdown-menu-35 {
    padding: 20px 0px;
    width: 35%;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-left:3%;
}

.navbar .divider-vertical {
    height: 100%;
    margin: 0 9px;
    border-right: 1px solid #ffffff;
}



.mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 10px;
}
.mega-dropdown-menu > li > ul > li {
    list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #999;
    white-space: normal;
}
.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus {
    text-decoration: none;
    color: #444;
    background-color: #f5f5f5;
}
.mega-dropdown-menu .dropdown-header {
    /*color:#428bca;*/
  color:#555;
    font-size: 18px;
    font-weight:bold;
}
.mega-dropdown-menu form {
    margin:3px 20px;
}
.mega-dropdown-menu .form-group {
    margin-bottom: 3px;
}


/*FOR SMALLER MENU*/
.mega-dropdown-menu-35 > li > ul {
    padding: 0;
    margin: 10px;
}
.mega-dropdown-menu-35 > li > ul > li {
    list-style: none;
}
.mega-dropdown-menu-35 > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #999;
    white-space: normal;
}
.mega-dropdown-menu-35 > li ul > li > a:hover, .mega-dropdown-menu-35 > li ul > li > a:focus {
    text-decoration: none;
    color: #444;
    background-color: #f5f5f5;
}
.mega-dropdown-menu-35 .dropdown-header {
    /*color:#428bca;*/
  color:#555;
    font-size: 18px;
    font-weight:bold;
}
.mega-dropdown-menu-35 form {
    margin:3px 20px;
}
.mega-dropdown-menu-35 .form-group {
    margin-bottom: 3px;
}




/********** THIS IS FOR THE DEFAULT NAVBAR SETTINGS ***********************/



.navbar-default {

  border-color: #e7e7e7;
  border-right:none;
  border-left:none;
  border-bottom:none;
  border-top:none;
  font-weight:100;
  font-size:18px;
  z-index:1000;
}
.navbar-default .navbar-brand {
  color: #999;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #555;
}

.navbar-default .navbar-nav > li > a:hover{
  color: #111;
  background-color: transparent;
  
  /*
  border-bottom:inset;
  border-bottom:solid;
  border-bottom-width:thick;
  */
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;

}
.navbar-default .navbar-toggle {
  border-color: #ddd;
  float:left;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
  padding-left:5px;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #f8f8f8;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  margin:100px;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}

/***************** END NAVBAR DEFAULT SETTINGS *********************************/
/***************** START ROB'S CUSTOM SETTINGS *********************************/
#toplinks, #topphone {
	font-family: 'Cabin', sans-serif;
	font-size: 14pt;
	color:#333333;
}
#toplinks {
	margin: 3px 0 0;
	padding: 0;
}
#toplinks li {
	float: left;
	list-style: none;
	margin: 0 25px 0 0;
	padding: 0;
}
#topphone {
	float: right;
	margin: 2px 50px 0 0;
	padding: 0;
}
#topcart {
	float: right;
	margin: 2px 0 0;
	padding: 0;
}
#toplogo, #topslogan, #topsearch {
	float: left;
	padding: 0;
}
#toplogo {
	width: 25%;
	text-align: left;
	margin: 10px 0 0;
}
#topslogan {
	width: 45%;
	text-align: center;
	margin: 39px 0 0;
}
#topslogan h2 {
	font-family: 'Philosopher', sans-serif;
	font-size: 24pt;
	color: #292f63;
	margin: 0;
	padding: 0;
}
#topsearch {
	width: 30%;
	text-align: right;
	margin: 34px 0 0;
}
/*#appareltab {
	width:800px;
	margin-left: 178px;
}*/
.tab4column {
	width:24%;
	padding:0;
	margin:0;
	float:left;
}
.tab4column li {
	padding:0;
	margin:0;
}
.tab2column {
	width:50%;
	padding:0;
	margin:0;
	float:left;
}
.tab3column {
	width:33%;
	padding:0;
	margin:0;
	float:left;
}
.mega-dropdown-menu li ul li a {
	font-family: 'Cabin', sans-serif;
	font-size: 14pt;
}
.mega-dropdown-menu li ul li a span {
	font-family: 'Philosopher', sans-serif;
	font-size: 16pt;
	color: #292f63;
}
.mega-dropdown-menu .dropdown-header {
	font-family: 'Philosopher', sans-serif;
	font-size: 19pt;
	color: #292f63;
	font-weight: normal;
}
li.tabpadding {
	margin-top:25px;
}
.grayoutline {
	border:1px solid #808080;
	width: 100%;
}
.mega-dropdown-menu li ul li a.bigorange:link, .mega-dropdown-menu li ul li a.bigorange:visited {
	background:#fa8236;
	color:#ffffff;
	font-family: 'Cabin', sans-serif;
	font-size: 18pt; 
	text-transform: uppercase;
	width: 100%;
	text-align: center;
	padding:0;
	margin:0;
}
.mega-dropdown-menu li ul li a.bigorange:hover, .mega-dropdown-menu li ul li a.bigorange:active {
	background:#292f63;
}
.bigorange p {
	padding:15px 0;
	margin: 0;
}
#interesttab {
	width:75%;
	margin-left: 125px;
}
#drinktab, #collectionstab {
	width:60%;
	margin-left: 225px;
}
@media only screen and (max-width: 600px) {
	#toplinks {
		font-size: 10pt;
		margin: 4px 0 0;
	}
	#topphone {
		display: none;
	}
	#toplogo, #topslogan, #topsearch {
		float:clear;
		padding: 0;
		width: 100%;
		text-align: center;
	}
	#topslogan, #topsearch {
		margin:10px 0 10px;
	}
	#toplogo img {
		display: inline;
	}
	#topslogan h2 {
		font-size: 18pt;
	}
	.tab4column, .tab3column, .tab2column {
		width:100%;
		float:clear;
		text-align: center;
	}
	#drinktab, #interesttab, #collectionstab {
		width:100%;
		margin-left:0;
	}
}
/***************** END ROB'S CUSTOM SETTINGS *********************************/