/* reset */
uo, ol, li { padding: 0; margin: 0; }

html {
	position: relative;
	min-height: 100%;
 	margin:0 auto; 
	/*background-color: #fff;*/
	background: #111 url(images/footer-bg.jpg);
}

body { 
	line-height: 24px;
	font-size: 14px;
	color: #111;
	font-family: arial,helvetica,sans-serif;
	/* margin-bottom: 150px; */
	background: #fff url(images/bg-1.jpg);
}

/**********ADA****************/
.sr-only {
position: absolute; left: -10000px;
}
.skip-link {
color: black; background-color: white; padding: 12px; border: 2px solid black; border-radius: 5px; z-index: 999;
}
.skip-link:focus-visible {
left: 0px;
}
/*******************************/


header { background: url(images/top-bg.jpg) repeat-x; }

.page { 
	margin:0 auto; 
	height: 100%; 
	padding-bottom: 40px; 
	padding-top: 40px; 
	background: #fcfcfc; 
}

#logo {     
	margin: 0 auto;
	text-align: center;
	width: 100%;
 background: url(images/inner-header-bg.jpg) no-repeat center 50px;
	}

#logo img {     
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	max-width: 254px;
	}

.logo {
	width: 100%;
	}

/* .tagline {float: left; margin-left: 5%;} */

.tagline>h1 { color: #fff; /*margin-top: 8px !important;*/ text-align: center; }

.tagline>p, .tagline>p>a { color: #fff; font-size: .9em; /*margin-top: 20px;*/ line-height: 30px; padding-left: 1em; }

.tagline>p>a:hover { text-decoration: underline; }

.searchbox { position: absolute; top: 4px; right: 1em;}

#main-content { padding-left: 70px; padding-right: 50px; padding-bottom: 50px;}

.toolbar-wrapper {
   	/*border-bottom: 1px solid #8C2232;*/
	width: 100%;
	height: 40px;
	background: #fff url(images/hello-bar-bg.png) repeat-x;
}

.btn.newsletter {
    font-size: 14px;
    font-weight: bold;
    height: 34px;
    background: #B52340 none repeat scroll 0% 0%;
    color: #FFF;
    border-radius: 0px;
}

/* Custom page CSS
-------------------------------------------------- */
/* Fonts */


a { color:#a4203a; text-decoration: none; outline: none;}
a:hover { color:#59111f; }
a:active { outline: none; }

ul li { /*font-family: 'Lusitana', serif; color: #000000; font-size: 2.5vmin;*/ }

h1 { color: #910006; font-weight:700; font-size:28px; line-height:36px; font-family: 'HeliosCondBold', 'arial narrow', arial, helvetica, sans-serif;
 }
h2 { color: #910006; font-weight:700; font-size:24px; line-height:36px; font-family: 'HeliosCondBold', 'arial narrow', arial, helvetica, sans-serif;
}
h3 { color: #910006; font-weight:700; font-size:22px !important; line-height:28px; text-align: center; font-family: 'HeliosCondBold', 'arial narrow', arial, helvetica, sans-serif;
}
h4 { 
	font-size: 16px;
	padding-bottom: 10px;
	color: #4b4f54;
	text-align: left;
}
h5 { font-size: 12px; line-height: 18px; }
h6 { font-size: 10px; line-height: 18px; text-transform:uppercase; }

p { margin: 0 0 20px 0; }

h1#tool {
    color: #FFF !important;
    font-size: 14px !important;
   /* float: left;*/
    font-weight: 400;
   /* line-height: 1.5em;*/
    margin: 0 auto;
    padding: 0px 0px 10px;
	text-align: center;
}

/* Custom page CSS
-------------------------------------------------- */
/* Navigation */

.navbar-nav>ul { text-align: center; max-width: 100%; } /* 960px */

.navbar-default .navbar-nav>li>a { color: #282828; font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 0 8px 0; font-family: 'HeliosCondBold', 'arial narrow', arial, helvetica, sans-serif;
border-left: transparent 2px solid; border-right: transparent 2px solid;
 	transition: all .125s ease-in-out;
	-webkit-transition: all .125s ease-in-out;
}

.navbar-nav>ul>li>a.current, .navbar-nav>ul>li>a.active { color: #282828; border-left: #282828 2px solid; border-right: #282828 2px solid;
}

.navbar-default .navbar-nav>li>a:hover { color: #282828; text-decoration: none; 
border-left: #282828 2px solid; border-right: #282828 2px solid;
}

/*.navbar-nav>li:last-child>a { border-right: 0; }*/

.center { margin: 0 auto; }

.navbar {
	background-color: transparent !important;
   /* border-top: double #614b3c !important;
    border-bottom: double #614b3c !important; */
    margin: 0 auto;
    min-height: 35px;
    border-radius: 0px !important;
    max-width: 1200px;
}

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

.navbar-header {width: 100%;}



/* Custom page CSS
-------------------------------------------------- */

/* footer */

#pre-footer { background: transparent url(images/banner-top-bg.png) repeat-x; height: 45px; }

.footer {
	position: absolute;
	/*bottom: 0;*/
	width: 100%;
	/* Set the fixed height of the footer here */
	/*height: 300px;*/
	background: #111 url(images/footer-bg.jpg);
	/*border-top: solid 1px #614b3c;*/
    font-size: 13px;
    line-height: 1.7em;
    color: #fff;
    padding: 15px 0 10px 0;
    text-align: center;
   /* margin-top: 2em;*/

}

div#footer-social { width: 100%; min-width: 200px; margin: 0 auto; text-align: center; }

a#footer-social-facebook { display: inline-block; width: 47px; height: 47px; background: url(images/fb.png) no-repeat; margin: .5em; }
a#footer-social-twitter { display: inline-block; width: 47px; height: 47px; background: url(images/twitter.png) no-repeat; margin: .5em; }
a#footer-social-pinterest { display: inline-block; width: 47px; height: 47px; background: url(images/pinterest.png) no-repeat; margin: .5em; }
a#footer-social-yelp { display: inline-block; width: 47px; height: 47px; background: url(images/yelp.png) no-repeat; margin: .5em; }

a#footer-social-facebook:hover { background: url(images/fb-hover.png) no-repeat; transition: all .125s ease-in-out;
	-webkit-transition: all .125s ease-in-out;}
a#footer-social-twitter:hover { background: url(images/twitter-hover.png) no-repeat; transition: all .125s ease-in-out;
	-webkit-transition: all .125s ease-in-out;}
a#footer-social-pinterest:hover { background: url(images/pinterest-hover.png) no-repeat; transition: all .125s ease-in-out;
	-webkit-transition: all .125s ease-in-out;}
a#footer-social-yelp:hover { background: url(images/yelp-hover.png) no-repeat; transition: all .125s ease-in-out;
	-webkit-transition: all .125s ease-in-out;}
	
.info  { 
	margin-top: 40px;
	text-align:right;
	}

.address { font-family: 'Lusitana', serif; color: #4b4f54; font-size: 12px; }

.address a:link {color: #4b4f54;}
.address a:hover,
.address a:focus {color: #4b4f54;}

.CEZbranding { color: #4b4f54; font-family: 'Lusitana', serif; text-align: left; margin-right: 10px;}
.CEZbrandingIMG { width: 30px; margin-left: 5px; margin-right: 5px;	margin-bottom: 10px;}


.icon-social { float: left; display: block; width: 31px; height: 31px; overflow: hidden; text-indent: -9999px; margin-right: 10px; background: transparent url("/images/social-media-flat.png") no-repeat scroll 0% 0%;}
.icon-social.twitter { background-position: -65px 0; }
.icon-social.twitter:hover { background-position: -65px -33px; }
.icon-social.facebook { background-position: 0 0; }
.icon-social.facebook:hover { background-position: 0 -33px; }
.icon-social.google { background-position: -33px 0; }
.icon-social.google:hover { background-position: -33px -33px; }
.icon-social.pinterest { background-position: -33px 0; }
.icon-social.pinterest:hover { background-position: -33px -33px; }
.icon-facebook { float: left; margin-top: 1px; width: 40px; overflow: hidden; }
.icon-cart { float: left; display: block; width: 20px; height: 16px; margin: 21px 10px 0 0; opacity: 0.8; filter: alpha(opacity = 80); }


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 0 15px 0;
}
.container .text-muted {
  margin: 20px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code { font-size: 80%;}

/*#colorbox#cboxContent { background-color:#FFDD00 !important; }
*/
.cboxIframe { background-color:#ffffff !important; }

label { color: #000000; }

.details	{ max-width: 60px;}
.item	{ font-size: 12pt; }
.iteminput	{ }
.itemList { padding: 10px;}
.currentCat { font-size: 16px;}
.subCatSelect { font-size: 16px !important;}

#productsDisplay { margin:auto; }

.clearBoth { clear:both;}

#push {clear:both; height: 0px;}
.shows {margin:1%;width:47%;float:left}
.more {font-style:italic;font-size:80%;font-weight:bold}

#popupwrapper { background: #fff; }

#imgCell {padding: 10px;}
/*
.firstTime {font-family:'Open Sans', sans-serif;font-size:18px; color:#000000; }
.forgotPassword {font-family:'Open Sans', sans-serif;font-size:18px; color:#000000;}
.updateAccount {font-family:'Open Sans', sans-serif;font-size:18px; color:#000000;}
*/
/*
	SHOW CATEGORY and OmegaNet
*/

tr.itemList:nth-child(even) { background-color: #ffffff;}

.cart {font-family:'Open Sans', sans-serif;font-size:20px; text-align:right; margin-top: 10px; margin-bottom: 10px;}

.catCell { padding: 40px;}

.cat_item {
	position: relative;
	min-height: 400px;
	width: 100%;
	margin: 0 auto;
}

.cat_content_bottom {
	position: absolute;
	bottom: 0;
	left: 0;
}

div.cat_item {
	border: 0 none;
	float: left;
	height: 450px;
	position: relative;
	width: 33%;
	margin: 0 auto;
}
div.cat_item div.cat_content_top {
    position: absolute;
    bottom: 0;
	vertical-align: top;
}
div.cat_item div.cat_content_bottom {
	bottom: 0;
	position: absolute;
	/*margin-left: 25px;
	vertical-align: bottom;*/
}

.alternate tr:nth-child(2n+1) {
	background-color: #d7d7d7;
	color: black;}

.CartOuter	{
	padding-top: 30px;
	margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
}

.ViewCat	{ width: 100%; max-width: 1100px; margin: 0 auto;}

div#subCatLink a.category {display: block; margin: -1em auto .2em auto; } /* RP 7-8-16 */

#loginLeft, #loginRight { width: 45%; }
#loginLeft {margin-left:5%}

#pageLoad { display: none; }

#viewCartContainer {
	width: 100%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#Cart td { padding: 10px;}
.bySku td { padding: 10px;}


/***** CSS OVERRIDES *****/

.navbar-form { padding: 0 !important; margin: 0; margin-top: 0 !important; white-space: nowrap; }

.form-control {
    display: block;
    height: 26px !important;
    padding: 3px 4px !important;
    font-size: 14px;
    line-height: 1em;
    color: #555;
    background-color: #fff;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 3px 4px !important;
    font-size: 13px !important;
    line-height: 1em;
    border-radius: 4px;
}

@media (max-width: 1024px)  {
.address { display: none;}

#main-content { padding-left: 20px;  padding-right: 20px;}
/*.searchbox { display: none;}*/
/*.footer { height: 100%;}*/
/*.logo { width: 90%;}*/

h1#tool {  float: none; margin: 9px 0px 0px; text-align: center;}
H1 { font-size:14px; }
}



a.catName h3 { font-weight: normal; font-size: 15px !important; }

@media screen and (max-width: 899px) {
#loginRight, #loginLeft {
    width: 100%; }
}


/*Center Bootstrap nav*/

@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }



	ul.footer-menu {
		display: inline-block;
		border-width: 1px 0 0 0;
		list-style: none;
	}

	.footer-menu li {
		float: left;
		white-space: nowrap;
		list-style-type: none;
		padding: 0 .25em;
		color: #fff;
	}

	.footer-menu li a {
		color: #fff;
		font-size: 14px;
		font-weight: 500;
		text-transform: uppercase;
		font-family: 'HeliosCondBold', 'arial narrow', arial, helvetica, sans-serif;
		transition: all .125s ease-in-out;
		-webkit-transition: all .125s ease-in-out;
	}

	.footer-menu li a:hover {
		color: #910006;
	}
}

/* Goddard Edits */
@media (max-width: 768px) {	
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color:transparent !important;
	}
	.navbar-default .navbar-toggle {
	    border-color: transparent !important;
	}
	.nav-button {
	    display: block;
	    margin: 0 auto !important;
	    float: none;
	    width: 100%;
	    color: #614b3c ;
	}
	.navbar-default .navbar-collapse {
		border-color:transparent !important;
	}
	.navbar-nav {
		text-align: center;
	}
	.navbar-default .navbar-nav>li>a {
		border-right: transparent !important;
	}
	.nav > li {
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.nav > li.hide-at-768 {
		display: none;
	}




	ul.footer-menu {
		display: block;
		border-width: 1px 0 0 0;
		list-style: none;
		margin-left: -40px; /* counter -webkit-padding-start: 40px */
	}

	.footer-menu li {
		white-space: nowrap;
		list-style-type: none;
		padding: .5em 0;
		color: #fff;
	}

	.footer-menu li a {
		color: #fff;
		font-size: 15px;
		font-weight: 500;
		text-transform: uppercase;
		font-family: 'HeliosCondBold', 'arial narrow', arial, helvetica, sans-serif;
		transition: all .125s ease-in-out;
		-webkit-transition: all .125s ease-in-out;
	}

	.footer-menu li a:hover {
		color: #910006;
	}

	.hide-at-768, .nav-pipe {display: none;}

}