body {background-color:#fff; /*#666*/
}

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


.BodyBg{
	background:#fff;
	filter:alpha(opacity=65);
}

.main-content.container {width:75%; float:left;margin:0 auto; background-color:#fff;padding:0}/*1%*/

.main {width:70%;float:left;}
    P {  
        font-family:helvetica,arial,sans serif,default;
        font-size:11pt;
        color:black;
      }

	 td {
        font-family:helvetica,arial,sans serif,default;
        font-size:11pt;
        color:black;
	 }

#CartOuter.CartOuter {
	width:100%;
}

	 .Cart {
        font-family:helvetica,arial,sans serif,default;
        font-size:9pt;
        color:black;
	background-color: #eeeeee;
	width:100%;
	 }

	 .item {
        font-family:helvetica,arial,sans serif,default;
        font-size:9pt;
        color:black;
	 }

	 .sublink {
	 	text-decoration: none;
        font-family:helvetica,arial,sans serif,default;
        font-size:8pt;
	 }

.page-header	{ width:100%;margin:0;padding-top:0; border-bottom:0} /*background-color:#ccc; */

.center-block, .searchResults { width:70%;float:right; }

.clearfix.searchBreak {height:10px}

.searchForm { width:100%;float:left}

.searchForm input {font-size:80%;margin:1% 0 10% 10%}

	 .button 
	 {
        font-family:helvetica,arial,sans serif,default;
        font-size:9pt;
        color:black;
		background-color: #DDDDDD;
	 }

/*.form-inline {width-100%}*/

	 .iteminput
	 {
        font-family:helvetica,arial,sans serif,default;
        font-size:9pt;
	text-align:center;
        color:black;
		background-color: #DDDDDD;
	padding:.25%;
	 }

.iteminput.form-control {height:auto}


    .small {  
        font-family:helvetica,arial,sans serif,default;
        font-size:9pt;
        color:black;
      }

    .smallcaps {  
        font-family:helvetica,arial,sans serif,default;
		font-variant: small-caps;
      }

	P.rev	{
		font-family:helvetica,arial,sans serif,default;
		font-variant: small-caps;
		font-size:8pt;
		color:white;
		font-weight:700;	
		}
    A:link { 
		font-family:helvetica,arial,sans serif,default;
        text-decoration: underline;
		color:#000; /*#666633;*/
      }
    A:visited { 
		font-family:helvetica,arial,sans serif,default;
        text-decoration: underline;
		color:#000; /*#666633;*/
      }
    A:active { 
		font-family:helvetica,arial,sans serif,default;
        text-decoration: none;
		color:#666633;
      }
    A:hover { 
		font-family:helvetica,arial,sans serif,default;
        text-decoration: underline;
		color:#999900;
      }

    A.white:link { 
		font-family:helvetica,arial,sans serif,default;
        text-decoration: underline;
		color:#FFFFFF;
      }
    A.white:visited { 
		font-family:helvetica,arial,sans serif,default;
        text-decoration: underline;
		color:#FFFFFF;
      }
    A.white:active { 
		font-family:helvetica,arial,sans serif,default;
        text-decoration: none;
		color:#ffcc00;
      }
    A.white:hover { 
		font-family:helvetica,arial,sans serif,default;
        text-decoration: underline;
		color:#FFFF00;
      }


	H1 {
        font-family:'helvetica,arial,sans serif,default;
        font-size:20pt;
        color:#666633;
      }
	H2	{
        font-family:'helvetica,arial,sans serif,default;
		font-size:14pt;	
		color:#666633;
	}	

	H3	{
        font-family:verdana,arial narrow,arial,helvetica,sans serif,default;
		font-size:12pt;	
		color:#666633;
	}

	H4	{
        font-family:verdana,arial narrow,arial,helvetica,sans serif,default;
		font-size:11pt;	
		color:#666633;
	}

	H6	{
        font-family:verdana,arial narrow,arial,helvetica,sans serif,default;
		font-size:7pt;
		line-height: 1.0;
		padding: 0em;			
	}

	.reverse  {	
		color:#FFFFFF
	}

	.accent	{
		color:#800000;
		}

	.bold	{
		font-style: bold;
	}
	
	ul	{
		font-family:'helvetica,arial,sans serif,default;
		font-size:10pt;
		color:black;
	}
	
	td {
		font-size: 9 pt;
		font-family: 'helvetica,arial,sans serif,default;
	}


.inputsmallBorder{
	font-size: 10px;
	border: 1px solid #999999;
	background-color: #EDEDED;
	color: #000000;
}
.menu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #666666;
}
.menu a:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #666666;
	text-decoration: none;
}
.menu a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #666666;
	text-decoration: none;
}
.menu a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: underline;
}
.menu a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #666666;
	text-decoration: none;
}

.content{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
}
.content a:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: underline;
}
.content a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: underline;
}
.content a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}
.content a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: underline;
}
.footer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #666666;
}
.footer a:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	color: #666666;
	text-decoration: none;
}
.footer a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	color: #666666;
	text-decoration: none;
}
.footer a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	color: #333333;
	text-decoration: underline;
}
.footer a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	color: #666666;
	text-decoration: none;
}

.hover { position: absolute; left: -1px; top: -1px; color: #cccc33;}
.shadow { position: relative; left: 1px; top: 1px; color: #666666; }

A.header:link { 
	font-family:'helvetica,arial,sans serif,default;
	text-decoration: none;
	color:cccc33;
	}
A.header:visited { 
	font-family:'helvetica,arial,sans serif,default;
	text-decoration: none;
	color:cccc33;
	}
A.header:active { 
	font-family:'helvetica,arial,sans serif,default;
	text-decoration: none;
	color:cccc33;
	}
A.header:hover { 
	font-family:'helvetica,arial,sans serif,default;
	text-decoration: none;
	color:999900;
	}

.logo {width:35%;text-align:center;margin-left:35%}

ul.navbar-nav {text-align:center;margin-left:43%;text-transform:uppercase;
}

ul.navbar-nav.secure {text-align:center;margin-left:1%;text-transform:uppercase}/*;*/

.navbar-nav a:link {text-decoration:none}

.navbar-default .navbar-nav > li {
	border-right:1px solid #777;
	font-size:120%;
	padding:0 0 0 0
}

.navbar-default .navbar-nav > li > a { color:#000 }

.navbar-default .navbar-nav > li > a:hover {
	background-color:#ddd;	
}

#bs-example-navbar-collapse-1 {background-color:#ccc; height:40px }

div#sideContainer {
	float:left;
	width:20%; 
	margin-right:2%;
	height:1000px;
}

div#sidebar {width:20%;}

#sidebar li {list-style:none;}

.ShowCat {width: 100%;float:left }

#keywords {width:40%;float:right}

a.catName {color:#ccc;}

#CATFORM { clear:both;width:60% }

.catCell { text-align:center; width:100%; height:395px }

.catCell H3 { color:#000}

.catCell img {margin:0 auto}

.availProd {display:none}

.currentCat { text-align:left;width:100%;color:#777}

.subcat {height:300px; overflow:visible }

#subCatLink { text-align:center; }

.category { line-height:200% }

#popupWrapper {background-dolor:#ffffff }

table.popupStyle td {background-color:#ffffff;border:none;padding:.5% }

.table_width {width:80%}

div.cat_item    {
        height:440px;
        width:200px;/*230px;*/
        float:left;
        margin:0 3% 0 3%; /*0 5px 0 5px;*/
        position:relative;
        padding:0;
        text-align:center;
        color: #FFF;
        }


div.cat_item  div.cat_content_bottom    {
        vertical-align:baseline;
        text-align:center;
        padding:0px;
        bottom:0px;
        margin:0 auto;
	width:100%
        }

div.cat_item div.cat_content_top        {position:absolute; top:0px}

.detail-pop-main-img, .detail-pop-alt-img, .detail-pop-product-info {float:left}

.CEZBranding {margin:auto}

div.CEZBrandDiv {width:100%;text-align:center}
.CEZBrandDiv p {max-height:100px}
.CEZBrandDiv img {max-width:10px}

/*********Mobile Styles******/

@media (max-width: 1024px)  {
.logo { width: 40%;margin-left:30%}
#sidebar {display:none}
.ShowCat {width:100%}
.subCatSelect {text-align:left}
}

@media (max-width: 768px)	{
.logo { width: 100%;margin:auto;}
#sidebar {display:none}
.currentCat {width:100%;margin:auto;padding-left:0;text-align:left;width:100%}
#CartOuter.CartOuter { width:100%;}
.cat_item {height:auto}
.ShowCat {width: 100% }
#keywords {width:100%;float:right}
#CATFORM { clear:both;width:100% }
.Cart {margin-left:0}
table#EditCart img {float:left}
.form-inline.qtyInput {width; 10%}
.searchForm {width:100%}
}

/*** BOOTSTRAP OVERRIDES ***/

.show-cat-sm-6 {
    width: 50% !important;
}

.show-cat-sm-6 h3 {
    text-align: center;
}

.show-cat-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.row {
  margin-left: 0;
  margin-right: 0;
}