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

@font-face {
  font-family: Script-Font;
  src: url(/inc/fonts/Script-Font.woff);
}

/* 

-------------------------------------------------- */
html {
  position: relative;
  height: 100%;
  /*background-color:#FFFDD0;*/
}
body { /*margin-bottom: 80px;*/ height: 100%;}

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


#page-header { /*border-bottom: solid thin #f7f4f4;*/ }
.page { margin:0 auto; min-height: calc(100vh - 230px); padding-top: 10px; padding-bottom: 10px;}
.logo { /*width: 36%*/; margin-top: 20px; max-height: 120px; }
#logo { float: left; }
.tagline { margin-top: 60px; text-align: left; vertical-align: bottom; color: #a6b7ae;}
.headerLogin { float: right;
	/*margin-top: 25px;*/
	text-align: right;
}

header { background: #fff; }

.header-contact { color: #111; }

.headerLogin p { margin: 10px 0 0 0; }

#content /*WAS main-content*/ { padding-left: 20px; padding-right: 30px; padding-top: 10px;  /*margin-bottom: 80px;*/}

#SCmain-content { margin: 0 auto; padding-left: 70px; padding-right: 70px; padding-bottom: 100px;}

.sidebar { width: 100%; float:right; height: 100%;}
#sidebar-content { background-color: transparent; height: 100%; padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 0; margin-top: -10px; }
#sidebar-container  { float:right;  }

.home-content { padding:0; }
.homeimg { width: 100%; float:left; }
#homebar-content { background-color: #ffffff;  padding-top: 20px; padding-bottom: 20px;}

.about { padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 0; margin-bottom: 0px;}
 
.home-ABcontent {text-align: center; font-size: 1em; }


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

p { font-family: 'Open Sans', sans-serif; color: #000000; font-size: 1em; /*margin: 0px 0px 17px;*/}

a { color: #333 !important; text-decoration: none;}

ul li { font-family: 'Open Sans', sans-serif; color: #000000; font-size: 1em; text-align: left; }

H1 { font-family: 'Open Sans', sans-serif; color: #111; font-weight:bold; }
H2 { font-family: 'Open Sans', sans-serif; color: #111; }
H3 { font-family: 'Open Sans', sans-serif; color: #111; text-align: center; margin-top: 0px; }
H4 { font-family: 'Open Sans', sans-serif; color: #111;  font-size: 2.5vmin; margin: 0px 0px 15px; line-height: 1.42857; }
H5 { color: #496a5f; font-weight:bold; letter-spacing: -1px;}

#logo h1 { color: #111; }

/* Custom page CSS
-------------------------------------------------- */
/* Navigation */
.navbar-default .navbar-nav>li>a {font-family: 'Open Sans', sans-serif; color: #FFF !important; padding-left: 25px; padding-right: 25px; font-size: 15px; font-weight: bold;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color:#ccc !important;} /* 6f6 */
/*.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { float:left;}*/

.navbar-default { background-color: #222; border: 0px; border-radius: 0px; } /*a6b7ae*/
.navbar { margin-bottom: 0; /*margin-top: 10px;*/ }


ul.nav li.dropdown:hover > ul.dropdown-menu{
    display: block;    
}
.dropdown-menu > li > a {font-size: 15px !important;}

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

.footer {
	position: relative;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: auto;
	min-height: 100px;
	background-color: #616265;
	padding-top: 5px;
	/*margin-top:25px;*/
	border-top: 3px solid transparent;
	color: #fff;
}

.info  { 
	margin-top: 40px;
	text-align:right;
	}

.address, .address p { font-family: 'Open Sans', sans-serif; color: #ffffff; font-size: 12px;}

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

.address a:link {color: #fff !important; font-size: 13px;}
.address a:visited {color: #fff !important;}
.address a:active {color: #fff !important;}
.address a:hover,.address a:focus {color: #fff !important; text-decoration: underline;} /* #6f6 */

.CEZbranding { color: #ffffff; font-family: 'Open Sans', sans-serif; text-align: center; margin-right: 10px; font-size: 12px;}
.CEZbranding img {display:none}
.CEZbrandingIMG { width: 20px; margin-left: 5px; margin-right: 5px; margin-bottom: 5px;}

.CEZbranding a, .CEZbranding a:link {color: #fff !important;}
.CEZbranding a:visited {color: #fff;}
.CEZbranding a:active {color: #fff !important;}
.CEZbranding a:hover,.CEZbranding a:focus {color: #fff !important;}
 
#pageLoad { display: none; }

/* 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%;}

/*
	Always ADD SHOW CATEGORY and OmegaNet
*/

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

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

.catCell { padding: 40px;}
 
/*.main_prod { padding-bottom: 10px; min-height: 350px; }*/

.cat_item {
	position: relative;
	min-height: 400px !important;
	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;
}

.badge-super {
position:absolute;
top:0px;
left:10px;
z-index:1500;
max-height:50px
}
#detailPopup.badge-super-detail {
position:absolute;
top:100px;
left:10px;
z-index:1500;
max-height:75px;
max-width:75px;
}
.notice {color:#4a6525;font-weight:bold}

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

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

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


.currentCatSelect { }

.go {
	background-color: transparent;
    border: 1px solid #000;
}

#subCatsList { width: 100%; }

#subCatList, .show-cat-fluid {
	width: 100%;
	text-align: center;
	margin:0 auto;
}

#subCatLink {
	margin:0 auto;
	vertical-align: bottom;
	float: left;
	padding-bottom: 40px;
	padding-top: 0;
	min-height: 350px;
}

.subcat-item {width:33%; float:left; height:300px}

.addtocart {
	cursor: pointer;
}

.cart-image img { max-height: 75px; }


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

label { color: #000000; }

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

#productsDisplay { margin:auto; }

.clearBoth { clear:both;}

#push {clear:both; height: 0px;}
.shows {margin:1%;width:47%;float:left;color:#808080;font-size:130%}

.showsHead { text-align:left;color:#808080 }
.more {font-style:italic;font-size:80%;font-weight:bold}
#popupwrapper { background-color: #ffffff; font-family: 'Open Sans', sans-serif;}

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

#loginWrapper {
	max-width: 1200px;
	margin: 1em auto 0 auto;
}

/************************** added by RP **************************/

a.popup { text-decoration: none; }

.show-item-popup h1, .show-item-popup h2 {
	text-align: center;
	width: 100%;
}

.details img { max-width: 100%; }

.detail-pop-main-img {
	float: left;
	/*width: 45%;*/
	text-align: center;
	margin: 15px auto;
	
}
.detail-pop-main-img img {
	max-width: 100%;
}
.detail-pop-alt-img, .detail-pop-product-info {
	float: right;
	margin: 0;
	padding: 0;
	/*width: 53%;*/
}

.detail-pop-alt-img li {
	list-style-type: none;
	margin: 1%;
	width: 31%; 
	display:block;
	float:left;
}

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

/* alt img mouse-over */

	.AltImgPreview {
		height: auto;
		max-height:500px;
	}

	.AltImgThumb {
		/*width:205px;
		margin-right:3px;*/
	}

	.AltImgNormal {
		/*border:3px solid #000000;*/
	}

	.AltImgSelected {
		/*border:3px solid #ff0000;*/
	}

/* end alt img mouse-over */

h1 { font-size: 28px; font-weight: 500;}

ul.topCats {
	-webkit-padding-start: 0px;
	list-style: none;
}

ul.sideSub {
	-webkit-padding-start: 10px;
	list-style: none;
}

ul.topCats a, ul.sideSub a {
	color: #333 !important;
}

h3#sidebar-heading { font-size: 14px; text-align: left; }

.editItemCheckout, .go, .addtocart, .continueShopping, .previous, .submitChanges, .btn-default {
	background-color: #333 !important;
	border-radius: 3px !important;
	border: 1px solid #333 !important;
	color: #fff !important;
	font-weight: normal !important;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
	padding: 0px 3px !important;
}

.editItemCheckout:hover, .go:hover, .addtocart:hover, .continueShopping:hover, .previous:hover, .submitChanges:hover, .btn-default:hover {
	background-color: #aaa !important;
	color: #fff !important;
}


.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
	background-color: #627b40 !important;
	color: #fff !important;
}


h2.detailsName { font-size: 20px; text-align: left; }

.container {
	width: 100% !important;
	max-width: 1200px !important;
}

a.catName h3, a.category, h3.availProd, h2.page-title { font-size: 16px; }

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

#Cart td { padding: 10px;}

.cartBtn { float:left; margin-left:5px; }

#cartNotFirst {margin-top: 20px; }

.bySku td { padding: 10px;}

.btn { padding: .5em .75em !important; }

.details a { font-size: .75em; }

#breadcrumb { padding-top: 1em; }

.upc { font-size: .9em; }

.main_prod { min-height: 400px; }

.catpic img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
}

.navbar-form {padding: 0; }




/**********  Media Q **************************/

@media (max-width: 1200px)  { 
	.homeimg { width: 20%; float:left; }
}


@media (max-width: 1024px)  {
	#main-content { padding: 0 20px 25px 20px;}
	/*.logo { width: 35%;}*/
	.headerLogin { float: right; margin-right: 0;}
	/*#sidebar-container-fluid { display: none; }*/

}


@media (max-width: 980px)  {
.navbar-default .navbar-nav>li>a {padding-left: 10px; padding-right: 10px;}
}

/*Center Bootstrap nav*/

@media (max-width: 768px) {
	.homeimg { width: 100%; float:left; }

	#sidebar-container-fluid, #breadcrumb { display: none; }


	.headerLogin { float: none; text-align: center;/*display: none;*/}

		.address { /*display: none;*/}

	#logo { float: none; text-align: center; }

	#logo h1 { text-align: center; margin: 20px auto 10px auto; }

	.nav > li { text-align: center; }

.table-responsive { border: none !important; text-align: center; }

h2.detailsName { text-align: center; }

h2.detailsName, .address{ text-align: center; }

ul.address li { text-align: center; margin-left: -40px; }

	.detail-pop-product-info { float: none !important; clear: both; }

}

@media (min-width: 768px) {

    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top; }

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

	.navbar-left {
		float: right !important;
	}

form#CATFORM { display: none; }

}

/***************Store Locator**********/

#slp_bubble_description { font-weight:bold }