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

/****************COLORS*****************
Red: #db001c
Burgundy: #6d000e

************/
html { height: 100%; }

.desktop-only {display:block}
.mobile-only {display:none}

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

p {font-size:18px}

button {
    background: #db001c;   line-height: 48px;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    outline: 0px;
    cursor: pointer;
    border-radius: 12px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	border: none;
}

button:hover	{
	background-color:#6d000e;/*#FFCE52;*/
	color:#fff;
}

button.submit {
background: #FFC226 !important;
    line-height: 48px !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    text-align: center !important;
    outline: 0px !important;
    cursor: pointer !important;
    border-radius: 24px;
    -webkit-transition-duration: 0.4s !important; /* Safari */
    transition-duration: 0.4s !important;
	border:0  !important;
	text-shadow: none !important;
	padding: 0px 20px !important;
}

button.submit:hover	{
	background-color:#6d000e !important;
	color:#fff !important;
}


#content_wrapper { 
	background-color:#fff; 
	font-family:Lato;
}
.announcement-bar /* from fhasso site */ {
	background-color: #7796a8;
	text-align: center;
	position: relative;
	z-index: 10;
}

.announcement-bar p { 
	color: #fff;
	display: block;
	font-size: 1.25em;
	font-weight: 400;
	padding: 10px 55px;
}

header { 
	background-color:#000000;
	min-height:79px !important;
}

.header-wrapper { 
	/*height:103px !important;*/
	max-width: 100%; /*1130px;*/
	text-align: center;
	margin: 0 auto;
}


header a.logo img /* logo */ { 
	height: 59px;
	float:left;
	margin:10px 0 0 1%;
	padding-top: 0px;
	position: relative;
	z-index: 10000;

}

.page-wrapper { 
	background-color:#fff;
	margin:0 10% 0 10%;/*30px auto 0 auto;*/
	padding:0/*700px*/ 2% 0 2%;
	min-height: calc(100vh - 599px);
	/*max-width: 1130px;*/
	position:relative;
}

#homePageBanner {width:100%;/*position:absolute;left:-15%;top:0*/}
#homePageBanner img {width:100%}
#homePageContent {padding-top:50px}

.navbar {
    position: relative;
    min-height: 50px;
    margin-top: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

.navbar.navbar-default.navbar-right { 
	background-color: transparent; 
	color: #fff;
	/*text-transform:lowercase;*/
	border:none;
	font-family: Lato;
    font-weight: normal;
    font-size: 16px;
    position: relative;
    display: block;
    letter-spacing: 0px;
    padding: 10px 4px 10px 4px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}	

.navbar.navbar-default.navbar-right li a:link, .navbar.navbar-default.navbar-right li a {
	border-bottom: 1px solid transparent;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 14px;
}

.navbar.navbar-default.navbar-right li a:hover {
	/*opacity: .6;*/
	color: #6d000e !important;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}

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

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

ul.footer_menu li { 
	/*display: inline; 
	list-style-type:none;
	test-transform:lowercase;*/
}

.footer {
    margin-top: 1em;
    padding: 5px 0;
    /*border-top: solid 1px #0c5d70;*/
    background-color: #db001c;
    color: #fff;
}

.footer .container { max-width: 1130px; }

.footer p {
    margin-top: 4em;
    color: #fff;
	font-weight: bold;
}

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

.footer_menu {
    list-style: none;
    margin: 0;
	color: #fff;

}

.footer_menu li a {
	/*text-transform:lowercase;*/
	color: #fff;

}

.footer_menu li a:hover {
	color:#6d000e;
	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;
}

.credits { text-align: center; }

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

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

.green { color: #f00; }

ul.nav.navbar-nav {width:100%}
ul.nav.navbar-nav li {width:auto;color:#ffffff}
.navbar-nav>li>.dropdown-menu, .navbar-nav>li>.dropdown-menu a { color: #2e3344 !important; }

.navbar-nav>li>.dropdown-menu, .navbar-nav>li>.dropdown-menu a:hover { background-color: #fff !important; }

.returnLink {
	font-size: 16px;
	line-height: 20px;
	padding: 10px 15px;
	float: right;
	font-family: Lato;
	font-weight: normal;
	color: #fff;
	margin-top: 30px;
}

.returnLink:hover { 
	text-decoration: none;
	color: #fff;
	opacity: .6;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}

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

.social-media {
    list-style: outside none none;
	position:relative;
	/*top:50px;*/
    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-hover.png) no-repeat center center
}

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

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

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

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

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

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

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

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

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

.footer a, .footer a:visited {
    color: #FFF;
    font-size: 12px;
}

.footer a:hover {
    color: #6d000e;
}

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;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 1px;
    margin-bottom: 10px;
}

h2, .h2 {
    font-size: 20px;
    margin-bottom: 0.75em;
    line-height: 1.3em;
    letter-spacing: 3px;
}

h2.page-heading, #helpPage h3, h3.availProd, h1.availProd {
	font-size: 30px;
	text-align: center;
}


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

.mainContainer { background-color:#111 }
main#main-content {height:1000px;/*800px*/}
.availProd {
	font-size:25px;
	text-align:center;
	width: 100%;
	/*font-weight:400 !important;*/
	margin: auto;
	font-style: normal;
	color: #2e3344;
	padding-bottom: 1em;
}

.availProd a, .availProd a:active, .availProd a:visited, .availProd a:hover { color: #2e3344; }
.BodyBg {width:75%;float:right}

.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: #db001c;
    line-height: 48px;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    outline: 0px;
    cursor: pointer;
    border-radius: 30px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	border:0
}

.btn-default a:hover {
	background-color:#6d000e;
	color:#fff;
}

.lastOrder a:hover { color:#6d000e }

.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;
	font-size:20px;
}
a.category {color:#db001c;}

div.mainCats { min-height: 400px; }

aside#sidebar-left, #sidebarWrapper {border-right:2px solid #aaaaaa;margin-right:15px}
#side-nav ul, #sidebarWrapper ul.topCats, #sidebarWrapper ul.topCats li ul {
        list-style-type:none;
        margin-left:-30px;
}
#side-nav ul li a, #sidebarWrapper ul.topCats li a {color:#1c1c1c;font-size:16px}
.side-nav {color:#1c1c1c;font-size:16pxlist-style-type:none;}
li.sublink-li a.sublink {font-size:16px}

div.cat_item    {
        height:525px;
        width:100%;
        float:left;
        position:relative;
        margin:0 10px 0 0;
        padding:0 10px 0 0;
        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;
        }

div.cat_item img {
        background: white;
 /*       border: 20px solid #C2C2C2; */
        text-align: center;
 /*       box-shadow: 4px 6px 4px #BEBEBE; */
}
table.groupItems {width:100%}
table.groupItems tr td {padding:3px}
.detail-pop-main-img {
	float:left;
}

.item {font-size:16px}

.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:30px;
}

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

button#addToCartDetails, button.item.btn.btn-default { 
    background: #db001c;
    line-height: 48px;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    outline: 0px;
    cursor: pointer;
    border-radius: 0px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	border:50%;
	padding: 0px 20px;
	border: none;
}

button#addToCartDetails:hover, button.item.btn.btn-default:hover {
	background-color:#fff;
	color:#6d000e;
}
#CartOuter {width:100%} 
#cartText table#Cart.Cart {width:100%}

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

#Cart img, #cartText img {max-height: 75px;}


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

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

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


.returnProd {
	font-size:20px;
	/*text-transform:lowercase*/
	font-weight: bold;
}

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

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

/* Alt img test added by RP */

ul#alt-imgs {
	float: left;
	width: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#alt-imgs li {
	list-style-type:none;
	float: left;
	padding: 5px;
	z-index: 10000;
}

ul#alt-imgs li img {
	max-width: 150px;
}


/* End alt img test - RP */

#loginWrapper {
	/*width:70%;*/
	margin:auto;
	background-color:#fff;
	height:400px;
}

h1#loginBanner {
	font-size:55px;
	text-align:center;
	/* wodtj:100%; */
	width: 100%;
	font-weight:400 !important;
	/* margom:auto; */
	margin: auto;
	font-style: normal;
	color: #0c5d70;
}

.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:#db001c;
    line-height: 48px;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    outline: 0px;
    cursor: pointer;
    border-radius: 24px;
	padding:0px 20px;
}

#newCustomers p	{
	font-family: Lato;
	font-size:15px;
	margin: 20px 0 20px 0;
}

#newCustomers p a	{
	color:#c00;
}

#pageLoad { display: none; }

.btn.btn-default {
    background-color:#db001c;/*#ffb81c;*/
    line-height: 48px;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    outline: 0px;
    cursor: pointer;
    border-radius: 24px;
    padding:0px 20px;
}

form.search-form button {max-height:34px;}
form.search-form i {font-size:15px;padding:0;line-height:15px; position:relative;top:-10px}

.loginSub { font-size: 24px; }

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

@media (min-width: 768px)
.navbar-nav>li {
	float: none !important;
}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    margin-top: 0px;
    margin-right: 0;
    margin-left: 0;
}

@media (max-width: 1300px) {
main#main-content {height:750px}
#homePageContent {padding-top:20px}
}
@media (max-width: 1024px) {
	#homePageContent {padding-top:20px}
	/*.mobile_logo.logo a { width:30%;padding:5% }*/

	.navbar-toggle { margin-top: 32px; }

	/*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: 0;padding-left:0;margin-left:0;float:left;}
	.navbar-right: {margin-right:0}
 } 


@media (max-width: 991px) {
	.desktop-only {display:none}
	.mobile-only {display:block}

@media (max-width: 768px) {

	main#main-content {height:750px;}
	#homePageContent {padding-top:20px}
	
	.footerMenuWrapper {
		clear:both;
		margin-top:30px;
		padding:90px;
		}

	a.mobile_logo.logo  { width:5%;padding:1%; }

	nav.navbar.navbar-default.navbar-right { /*width:35%;*/float:right; margin-top: -75px !important;}

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

	.cat_item {height:600px !important;}


	.navbar-nav {
		margin: 10px auto;
	}

	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border-color: transparent !important;
		position: relative;
		z-index: 100000;
		/*box-shadow: 5px 5px 5px rgba(0,0,0,0.1);*/
		/*margin-top: 25px;*/
	}

	.navbar-right {
		float: right !important;
		margin-right: 0 !important;
	}

	ul.dropdown-menu, .dropdown-menu {
		background-color:#fff;
	}

	.navbar-nav>li>.dropdown-menu, .navbar-nav>li>.dropdown-menu a { color: #2e3344 !important; }

	.navbar-default .navbar-collapse a:link, .navbar-default .navbar-collapse a, .navbar-default .navbar-collapse a:visited, .navbar-default .navbar-collapse a:active { color: #2e3344 !important; background-color:#fff; }

	.navbar-default .navbar-collapse a:hover { color: #6d000e !important; opacity: .9 !important; background-color: #fff !important; } /* added opacity here but effect already visible */

	.accountName {color:#fff;float:right;margin-top:12px }

    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
	background-color: #fff;
	margin-top: -10px;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none !important; 
    }
    .navbar-nav {
        float: none !important;
		/*margin-top: 7.5px;*/
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}

.navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
	text-align: center;
	}
	#loginWrapper {height:700px}
}

@media (max-width:450px) {
	main#main-content {height:1100px}
	#homePageContent {padding-top:10px}
	#viewCartContainer {width:100%}
	#CartOuter.CartOuter {width:100%}
	#Cart img, #cartText img {max-height:50px}
	.cartBtn, #EditCart {width:100%;}
}

@media (max-width:350px) {
	main#main-content {height:1250px}
}
@media (min-width:1025px) {
#loginWrapper {height:400px}
}