@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

/*** reset ***/ 
* { MARGIN: 0; PADDING: 0;}

/****************COLORS*****************/
link color (red): #e63c2e
hover color (dark red): #b62318

h1, h2, h3, h4, h5, h6, .collection_title, .headline, p.subtitle, .footer_menu a, .empty_cart, .promo_banner {
    font-family: arial, helvetica, sna-serif;
/*    font-weight: bold;
  font-style: normal;
    text-transform: uppercase; */ 
 /*   color: #111111;*/
    display: block;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}


button {
	background-color:#3d78dd; /*#0063a6;*/
	color:#fff;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	border:0
}

button:hover	{
	background-color:#b62318;
	color:#fff;
}

#content_wrapper { 
	background-color:#fff; 
	font-family:arial, helvetica, sna-serif;
}


header { 
	background-color:#3d78dd; /*#0063a6;*/
	height:90px !important;
}

header img { 
	height: 70px;
	/*float:left;*/
	/*margin-left:5% */
	position: absolute;
	z-index: 1001;
	top: 10px;
	left: 5px;
}
.page-wrapper { 
	background-color:#fff;
	margin:30px 0 0 0;
	padding:0 2%;
	min-height:350px
}

.navbar.navbar-default.navbar-right { 
	background-color:#3d78dd; /*#0063a6;*/ 
	color:#fff;
	/*text-transform:lowercase;*/
	border:none;
	font-family: arial, helvetica, sna-serif;
	font-weight: normal;
	font-size: 14px;
	text-transform: lowercase;
	color: #ffffff;
	position: relative;
	display: block;
	/*letter-spacing: 0px;
	padding: 10px 4px 10px 4px;*/
	top: 50px;
	/*text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased; */
	width:100%; 
	float:right;
}

.navbar.navbar-default.navbar-right li a:first-letter {
	text-transform:capitalize;

}

ul.dropdown-menu a {
	text-transform: none;
}


.carousel {margin-top: 10px;}



@media (max-width: 767px) {

.navbar.navbar-default.navbar-right { 
	background-color:#3d78dd; /*#0063a6;*/ 
	color:#fff;
	text-transform:lowercase;
	
	border:none;
	font-family: arial, helvetica, sna-serif;
	font-weight: normal;
	font-size: 14px;
	position: relative;
	display: block;
	/* letter-spacing: 0px;
	padding: 10px 4px 10px 4px; */
	/*text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased; */
	width:100%; 
	float:right;
	}

}	

.navbar.navbar-default.navbar-right li a:link {
	color:#fff;
}

.navbar.navbar-default.navbar-right li a:hover {
	color:#000;
}

.navbar.navbar-default.navbar-right li a:visited {
	color:#eee;
}

.navbar.navbar-default.navbar-right li a:active {
	color:#000;
}

.dropdown-menu {
	background-color:#000;
}

ul.dropdown-menu {background-color:#111}



ul.navbar.navbar-default.navbar-right ul.dropdown-menu li a:link {	background-color:#000; }

ul.navbar.navbar-default.navbar-right ul.dropdown-menu li a:visited {	background-color:#000; }

ul.navbar.navbar-default.navbar-right ul.dropdown-menu li a:hover {	background-color:#000; }

.accountName { 
	color:#fff;
	/*float:right;*/
	/*margin-top:12px */
	text-align: center;
	}

span.cartLabel {
	display: block;
	color:#fff;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center;
	margin-bottom: -1.5em !important;
	padding-bottom: 0 !important;
	}

ul@menu-tabs li { 
	display: inline; 
	list-style-type:none;
	test-transform:lowercase
}

.footer {
    margin-top: 2.5em;
    padding: 25px 0;
    border-top: solid 1px #3d78dd; /*#0063a6;*/
    background-color: #3d78dd; /*#0063a6;*/
    color: #fff; /*#8b8b8b;*/
}

.footer h2 {
	/*text-transform:lowercase;*/
}

.footer h6 {
	text-align: left;
}

.footer_menu {
    list-style: none;
    margin: 0;
}

.footer_menu li a {
	/*text-transform:lowercase;*/
}

.footer_menu li a:hover {
	color:#fff;
	text-decoration:none;
}

.credits .white-text a {
	text-transform:capitalize;
}

.credits .white-text a:link {
	color:#444;
}

.credits .white-text a:hover {
	color:#fff;
	text-decoration:none;
}

.container {
margin: 0 auto;
    padding: 20px 0;
}

.container .seven.columns {
    width: 505px;
}

/****************************SOCIAL MEDIA *******************/

.social-media {
    list-style: outside none none;
	position:relative;
	top:40px;
    float:left;
    margin: 0;
    padding: 0;
}



.social-media li a {
    border: 2px solid #898989;
    border-radius: 110%;
    padding: 15px 23px;
}
.social-media li a:hover {
    border: 2px solid #fff;
}

.social-media li a.facebook {
	background:url(../../images/fb-icon.png) no-repeat center center
}

.social-media li a.twitter {
	background:url(../../images/twitter-icon.png) 	no-repeat center center
}

.social-media li a.youtube {
	background:url(../../images/youtube-icon.png) no-repeat center center
}

.social-media li a.pint {
	background:url(../../images/pint-icon.png) no-repeat center center
}

.social-media li a.insta {
	background:url(../../images/insta-icon.png) no-repeat center center
}

.social-media li a.facebook:hover {
	background:url(../../images/fb-icon-hover.png) no-repeat center center
}
.social-media li a.twitter:hover{background:url(../../images/twitter-icon-hover.png) no-repeat center center
}
.social-media li a.youtube:hover{background:url(../../images/youtube-icon-hover.png) no-repeat center center
}
.social-media li a.pint:hover{background:url(../../images/pint-icon-hover.png) no-repeat center center
}
.social-media li a.insta:hover{background:url(../../images/insta-icon-hover.png) no-repeat center center
}

/********************END SOCIAL MEDIA *************************/

.container .nine.columns {
    width: 655px;
}

.footer_menu {
    list-style: none;
    margin: 0;
}

.footer_menu li {
    display: inline-block;
    padding-right: 20px;
}

.footer a, .footer a:visited {
    color: #fff; /*#8b8b8b;*/
    font-size: 12px;
}

.footer a:hover {
    color: #fff; 
	text-decoration: underline !important;
}

h6, .h6, h6.title, ul.footer_menu a, ul.footer_menu a:visited {
    font-size: 14px;
    /*letter-spacing: 1px;*/
    margin-bottom: 5px;
}

.white-text {
    color: #ffffff;
}
h2, .h2 {
    font-size: 20px;
    margin-bottom: 0.75em;
    line-height: 1.3em;
    /*letter-spacing: 3px;*/
}

.MainMfr {
	width:70%;
	margin:auto;
	text-align:center	
}

.mainContainer { background-color:#111 }

.availProd {
	font-size:2em;
	font-weight:700;
	/*text-transform:lowercase;*/
}

.catCell {
	padding:20px;
}
.catName {
	/*text-transform:lowercase;*/
	text-align:center;
}

.catCell a:link, .catName a:visited {
	color:#111;
	font-size:8px;
}

.catCell a:hover {
	text-decoration:none;
	color:#b62318;
}

.btn-default a:link, .btn-default a:visited {
	background-color:#eee;
	color:#f00;
	font-weight:bold;
	/*text-transform:lowercase;*/
}

.lastOrder a:hover {	color:#b62318 }

.navbar.navebar-default.navbar-right li a:link {
	color:#000;
}

.navbar.navebar-default.navbar-right li a:visited {
	color:#000;
}

.btn.btn-default.lastOrder {
	color:#000;
}

.category { position:relative;top:-30px}

div.cat_item    {
        height:450px;
        width:100%; /* 250px */
        float:left;
        position:relative;
        margin:0 10px 0 10px;
        padding:0 10px 0 10px;
        z-index: 300;
        }

div.cat_item div.cat_content_bottom {
        position:absolute;
        bottom:0px
        z-index: 300;
        text-align:center;
        width: 100%;
        }

div.cat_item div.cat_content_top {
        position:absolute;
        top:0px
        z-index: 300;
        text-align:center;
        width: 100%;
        }

div.cat_item img {
        background: white;
 /*       border: 20px solid #C2C2C2; */
        text-align: center;
 /*       box-shadow: 4px 6px 4px #BEBEBE; */
}

.detail-pop-main-img {
	float:left;
}

.detail-pop-product-info {
	float:left;
}

.detail-pop-product-info td {
	padding: 1%;
}

.detailsName {
	text-align:left;
	/*text-transform:lowercase;*/
	font-weight:bold;
	font-size:35px;
}

.detailsPrice, .detailsSku, .detailsQty {
	font-size:25px;
	/*text-transform:lowercase;*/
	font-weight:bold;
}

button#addToCartDetails { 
	background-color:#000;
	color:#fff;
	width:100%;
	text-transform:uppercase;
	font-size:130%;
	padding:1%;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

button#addToCartDetails:hover, button.item.btn.btn-default:hover	{
	background-color:#b62318;
	color:#fff;
}

button.item.btn.btn-default {
	text-transform:uppercase;
	background-color:#000;
	color:#fff;
}

#Cart td, #EditCart { padding:2px }

#Cart img {height:50%}

{*
img.AltImgThumb.AltImgSelected {
	max-width:100%;
}

img.AltImgThumb.AltImgNormal {
	max-width:100%;
}

.detail-pop-alt-img img {
	width:100%;
}
*}

.returnProd {
	font-size:16px;
	text-transform:lowercase
}

.returnProd a:link, .returnProd a:visited {
	color:#e63c2e;
}

.returnProd a:hover {
	color:#b62318;
	text-decoration:none;
}

#loginWrapper {
	width:70%;
	margin:auto;
	background-color:#fff;
}

h1#loginBanner {
	/*font-size:55px;*/
	text-align:center;
	wodtj:100%;
	font-weight:700
	margom:auto;
}

.loginText {
	font-weight:700;
	font-size:20px;
	margin:20px 0;
	text-align:left;
}

.forgotPassword a {
	color:#c00;
}

input { color:#111 }

.loginInput {
	padding:8px;
	width:100%
}

.loginButton {
	background-color:#111;
	color:#fff;
	padding:10px 20px;
	font-weight:700
}

#newCustomers p, .loginTextReg p	{
	font-family: arial, helvetica, sna-serif;
	font-size:15px;
	margin: 20px 0 20px 0;
	text-align: left;
}

#newCustomers p a	{
	color:#c00;
}


/* ----------------------Header Categories --------------*/

.headerCats li	{
	display:block;
	list-style:none;
	float:left;
	height:35px;
	padding-left:4px;
	margin:0px auto 5px auto;
	font-weight:normal;
	font-size:9pt;
/*	min-width:80px;
*/	text-align:left;
	max-width:120px;
}

.headerCats li a {
	text-decoration:none;
}

.headerCats li a:link {
	text-decoration:none;
	color:#444;
}

.headerCats li a:visited {
	text-decoration:none;
	color:#444;
}


/* ------------------- Header Category DROPDOWN ------------- */

.headerCats ul {
    	list-style:none;
	background-color:#fff;
	padding:5px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
    	position:relative;
    	left:-9999px; display: none;
}

.headerCats ul li {
	padding-top:2px;
	height:10px;
	float:none;
	word-wrap:break-word;
}

.headerCats ul a {
	white-space:nowrap;
}	

.headerCats ul a:visited {
	color:#444444;
}
.headerCats li:hover ul {
	left:0;
	top:5px;
	z-index:1000; display: block;
}

.headerCats li:hover a {
	color:#000000;
}

.headerCats li:hover ul a {
	text-decoration:none;
}

.headerCats li:hover ul li a:hover {
	text-decoration:underline;
/*	background:#ffaa00;*/
}

/* ------------------- END Dropdown --------------------- */



/*#headernav {
	position: relative;
	left: 160px;
	top: 0px;
	float: left;
	width: 800px;
	height: 28px;
	background-color: #bbb;
	}*/

#headernav ul {
	list-style-type: none; 
	text-align: center;
	margin: 0 auto;
		width: 100%;
	}

#headernav li { 
	float: left;
	list-style: none;
	font-size: 12px;
	font-family: arial, helvetica; sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	}

#headernav li a {
	display: block;
	background: #ccc;
	padding: 0 5px;
	text-decoration: none;
	border: 1px solid #bbb;
	width: 80px;
	color: #666666;
	white-space: nowrap;
	line-height: 26px;
	}

#headernav li a:hover {
	text-decoration: none;
	background: #999;
	color: #ddd;
	}

#headernav li ul {
	margin: 0;
	padding: 0;
	position: relative;
	/*visibility: hidden;*/
	border-top: 1px solid white;
	}
		
#headernav li ul li {
	float: none;
	display: inline;
	}
		
#headernav li ul li a {
	/*width: auto;*/
	background: #ccc;
	}
		
#headernav li ul li a:hover {
	background: #333;
	}

ul.sublink {
	list-style-type: none;
	}

li.sublink {
	margin-left: 10px;
	}

a.sublink {
	font-family: arial, helvetica; sans-serif;
	font-size: 13px;
	color: #333;
	text-decoration: none;
	}



/* N/A */

/* Starter CSS for Menu */
#cssmenu {
  padding: 0;
  margin: 0;
  border: 0;
  width: auto;
}
#cssmenu ul,
#cssmenu li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu ul {
  position: relative;
  z-index: 597;
}
#cssmenu ul li {
  float: left;
  min-height: 1px;
  vertical-align: middle;
}
#cssmenu ul li.hover,
#cssmenu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#cssmenu ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}
#cssmenu ul ul li {
  float: none;
}
#cssmenu ul ul ul {
  top: 0;
  left: 190px;
  width: 190px;
}
#cssmenu ul li:hover > ul {
  visibility: visible;
}
#cssmenu ul ul {
  bottom: 0;
  left: 0;
}
#cssmenu ul ul {
  margin-top: 0;
}
#cssmenu ul ul li {
  font-weight: normal;
}
#cssmenu a {
  display: block;
  line-height: 1em;
  text-decoration: none;
}
/* Custom CSS Styles */
#cssmenu {
  background: #333333;
  border-bottom: 4px solid #1b9bff;
  font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif;
  font-size: 12px;
}
#cssmenu > ul {
  *display: inline-block;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu ul {
  text-transform: uppercase;
}
#cssmenu ul ul {
  border-top: 4px solid #1b9bff;
  text-transform: none;
  min-width: 190px;
}
#cssmenu ul ul a {
  background: #1b9bff;
  color: #ffffff;
  border: 1px solid #0082e7;
  border-top: 0 none;
  line-height: 150%;
  padding: 16px 20px;
  font-size: 12px;
}
#cssmenu ul ul ul {
  border-top: 0 none;
}
#cssmenu ul ul li {
  position: relative;
}
#cssmenu ul ul li:first-child > a {
  border-top: 1px solid #0082e7;
}
#cssmenu ul ul li:hover > a {
  background: #4eb1ff;
  color: #ffffff;
}
#cssmenu ul ul li:last-child > a {
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: 0 1px 0 #1b9bff;
  -webkit-box-shadow: 0 1px 0 #1b9bff;
  box-shadow: 0 1px 0 #1b9bff;
}
#cssmenu ul ul li:last-child:hover > a {
  -moz-border-radius: 0 0 0 3px;
  -webkit-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#cssmenu ul ul li.has-sub > a:after {
  content: '+';
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
}
#cssmenu ul li:hover > a,
#cssmenu ul li.active > a {
  background: #1b9bff;
  color: #ffffff;
}
#cssmenu ul li.has-sub > a:after {
  content: '+';
  margin-left: 5px;
}
#cssmenu ul li.last ul {
  left: auto;
  right: 0;
}
#cssmenu ul li.last ul ul {
  left: auto;
  right: 99.5%;
}
#cssmenu a {
  background: #333333;
  color: #CBCBCB;
  padding: 0 20px;
}
#cssmenu > ul > li > a {
  line-height: 48px;
  font-size: 12px;
}


.bx-wrapper {max-width: 1600px !important;}

ul.bxSlider, ol.bxSlider {
	margin: 0;
	padding: 0;
	line-height: 100%;
}

ul.bxSlider li {
	margin: 0;
	padding: 0;
}




img { max-width: 100%; }

/* Slider */

#slides {
	position:relative;
	top:15px;
	left:0px;
	z-index:100;
	width: 90%;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:99%;
	height: 100px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

/*.slides_container a {
	width:99%;
	height:100px;
	padding-left: 25px;
	display:block;
}*/

/*.slides_container a img {
	display:block;
}*/

/* Style moved from anchor to image */

.slides_container img {
	width:99%;
	height:100px;
	padding-left: 25px;
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:75px;
	left:0px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:100%;
}

/*
	Pagination
*/

.pagination {
	margin: 0px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px; }

li.gamago-link { width: 100px; }

li.gamago-link img { height: 20px; margin: 0; padding: 0; }



/**************MEDIA QUERIES****************/

@media (max-width: 1200px) {
	.mobile_logo.logo a { width:30%;padding:5% }
/*	.navbar-toggle { display:block; }
	ul.nav.navbar-nav { display:none }*/

/********* ATTEMPT AT BREAKING NAVIGATION AT 1200PX*************/
	.mobile_logo.logo a { width:100%;padding:5% }
	/*ul.nav.navbar-nav { width:100%}*/
	/*.navbar.navbar-default.navbar-right { width:100%;padding-left:0;margin-left:0;float:left}*/
	.navbar-right: {margin-right:0}

}


@media (min-width: 768px) {

	.navbar-nav>li>a {
		padding-top: 40px /*!important*/;
		padding-bottom: 0 !important; 
	}


	#top-navbar .navbar-nav>li>a {
		padding-top: 0px !important;
		padding-bottom: 0 !important;
	}


	.container-fluid {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}

	.nav>li>a {
		padding: 10px 9px;
	}

	.navbar-right {
		margin-right: 0px;
		/*margin-left: 165px;*/
	}

	.navbar-right #searchbox {
		margin-right: 0px;
		margin-left: 0px;
	}

	#top-navbar {
		max-width: 375px !important; float: right; position: relative; top: 0; left: 0;
	}

	#top-navbar>navbar-nav>navbar-right {
		max-width: 350px !important;
	}

	.navbar-nav {
		float: right !important;
		margin-left: 145px;
	}

	.footer>.container>.col-md-5 { float: left; }
	.footer>.container>.col-md-7 { float: right; }
	.footer h6 { text-align: left; margin-top: 0px; }
	.footer ul, .footer li { text-align: right; }


	.newsletter {float: right; margin-top:2em;} /* RP */


}



@media (max-width: 767px) {

	.footerMenuWrapper {
		clear:both;
		margin-top:30px;
		padding:90px;
	}
	
	a.mobile_logo.logo  { width:5%;padding:1%; }

	nav.navbar.navbar-default.navbar-right { width:100%; float:right; z-index: 999;}

	div.navbar-header, .container-fluid { width:100%;}


	ul.nav.navbar-nav.navbar-right#searchbox { width: 100%; float:left; }

	ul.nav.navbar-nav.navbar-right#searchbox>li { width: 70%; float:left; }
	ul.nav.navbar-nav.navbar-right#searchbox>li:first-child { width: 15%; float:left; text-align: center; }
	ul.nav.navbar-nav.navbar-right#searchbox>li:nth-child(2) { width: 15%; float:left; text-align: center; }
	/*ul.nav.navbar-nav.navbar-right#searchbox>li:last-child { width: 70%; float:left; text-align: center; }*/
	.navbar-form { BORDER: 0; }


	.footer>.container>.col-md-5 { text-align: center; width: 100% !important; height: 100% !important; clear: both !important; }
	.footer>.container>.col-md-7 { float: left; width: 100% !important; height: 100% !important; clear: both !important; }
	.footer h6, .footer ul, .footer li { text-align: center; }

	.newsletter { float: none; }

	.social-media { 
		float: none;
		top:20px; 
	}

	.branding { margin-top: 3em; }


	.navbar-collapse { width: 100%; }

	.navbar-nav .open .dropdown-menu { text-align: center; border-bottom: 1px dotted #fff; z-index: 1000; }

	.navbar {
		margin-bottom: 10px;
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #fff !important;
	}
}

li.gamago-link { width: 100px; }

li.gamago-link img { height: 20px; margin: 0; padding: 0; }

@media (max-width: 599px) {
	li.hide-at-599 { display: none !important; }
}

/****** ADD'L BOOTSTRAP OVERRIDES ******/

.thumbnail {
	padding: 0px;
	margin-bottom: 0px;
	line-height: 1em;
	border: 0;
	border-radius: 0px;
}

.navbar-toggle {
	position:relative;
	float:right;
	padding:9px 10px;
	margin-top:0px;
	margin-right:15px;
	margin-bottom:0px;
	background-color:transparent;
	background-image:none;
	border:1px solid transparent;
	border-radius:4px;
}

.navbar-default .navbar-collapse {
	border: 0px !important;
	border-color: red !important;
	overflow: hidden;
}

.navbar-collapse {
    padding-right: 0px !important;
}