/****** Color ******/
/***** Dark red: #76101b;***/
/***** Beige: #fff7d2***/
/***** Dark Blue #211f5e****/

/************Accessibility**************/

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

/**********************************************/

#container {
	background-color:#fdf3d0;
	width:80%;
	height:80%;
	margin:2% auto;
	border-radius:50px;
}

.main-content{
	color: #76101b;
	width:100%;
	padding: 0 2% 0 1%;
}

p.homePageText	{
	font-family:Times New Roman, serif;
	font-size:12pt;
	text-align:justify;
}

.content{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #76101b;
	width:100%;
}
.content a:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
.content a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
.content a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #000;
	text-decoration: none;
}
.content a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: underline;
}

.search-box { 
	float:right;
	margin-top:-35px;
	width:300px;
	height:30px;
	padding-top:15px;
}

.btn-search {
	color:#fff7d2;
	background-color:#006;
	text-transform:uppercase;
	font-weight:400;
	font-size:8pt;
	border-radius:10px;
	shadow:none;
}

.search-field {
	border-radius:10px;
}

.MainMfr { width:100%;margin:1% 0 0 5% }

.ViewCat {width:95%;margin:1% 5% 20px 0 }

.header-images {
	width:100%;
	height:225px;
}

.header-logo {
	padding: 40px 0 15px 40px;
	/*height:170px;*/
	width:15%;
	float:left;
}

.tagline {
	padding: 80px 0 25px 50px;
	width:40%;
}

.USA {
	float:right;
	padding:40px 40px 0 0;
	width:15%;
}

.socialButtons {
	float:right;
	border:none;
}

.pinterest	{
	margin:0 -120px 0 0;
	position:relative;
	top:75%;
	right:185px;
	width:5%;
}

.linkedin {
	margin:0 -120px 0 0;
	position:relative;
	top:75%;
	right:250px;
	width:5%;
}

.twitter	{
	margin:0 -60px 0 0;
	position:relative;
	bottom:0;
	top:180px;
	right:0;
}

.facebook	{
	margin:0;
	position:relative;
	bottom:0;
	top:75%;/*170px;*/
	right:0;
	/*height:50px;*/
	width:5%;
	z-index:2000;
}

div#homePageText {
	width:44%;
	*width:40%;
	margin:0 1% 0 1%;
	font-family:Times New Roman, serif;
	float:left;
}

#homePageText p {
	text-align:justify;
}

#video {
	float:left;
	padding-top:70px;
	width:50%;
	max-width:600px;
}

.footer{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans serif;
	font-size: 9pt;
	font-weight: 400;
	font-style: normal;
	color: rgb(115,16,25);
	text-decoration: none;
	text-transform:uppercase;
}
.footer a:link{
	color: rgb(115,16,25);
	text-decoration: none;
}
.footer a:visited{
	color: rgb(115,16,25);
	text-decoration: none;
}
.footer a:hover{
	color: rgb(115,16,25);
	text-decoration: underline;
}
.footer a:active{
	color: rgb(115,16,25);
	text-decoration: underline;
}

ul#footernav {
	width:65%;
	margin:0 auto;
	list-style-type:none;
}

.memberFooter ul#footernav {
	margin:0 auto;
}

#footer li {
	display:inline;
	padding:0 0 0 7.5%;
}

#footer > .memberFooter {
	padding: 0 0 0 5%;
}

.footerCredit {
	text-align:center;
	margin:2% 0 2% 0;
}

/* Background colors */
.headerImage{
	background-image: url(images/ChannelCraftheadertan.jpg);
	height: 150px;
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #E3D9B5;
}
.BodyBg{
	background-color: #fff7d2;
/*#4682b4; rgb(34,139,34); GREEN#228B22;  BLUE #2366A9;*/
}

body{
	background-color: #fff7d2; 
/*#4682b4; rgb(34,139,34); GREEN#228B22;  BLUE #2366A9;*/
	background-image: url(../images/bg_flag.jpg);
	background-size: 100% auto;
	background-repeat:repeat-y;
	color: white;
}

.MenuBarLines{
	background-color: #AE2E25;
}
.MenuBarBg{
	background-color: rgb(115,16,25);
}
.footerUpperLine{
	background-color: rgb(115,16,25);
}
.footerTable{
	background-color: #E3D9B5;
/*	color:#000000; */
}

/* .footerTable a:link { color:#000000 }

.footerTable a:visited { color:#000088 }
*/

IMG.icon
		{
		float: left;
		margin-right: 10;
		}

h3.updateAccount {display:none}

.about-row {width:95%}
.about-column {float:left;width:45%;margin: 0 2%}
.about-column div {text-align:center;width: 50%; max-height: 200px;float:left;padding:1%}


.availProd {
	color:#007;
	text-align:center;
}

.catName { 
	font-family:Tahoma, Verdana, Arial, Helvetica, sans serif;
	font-weight:normal;
}

.catName a:link, .catName a:visited {
	color: #76101b;
}

.catBanner {
	/*width:60%;*/
	margin:0 20% 0 20%;
}

/*.catpic img {width:100%}*/

#productsDisplayPublic {margin-left:4.5%}

div.subcat-item {width:22%;margin:0 1% 20px 0;float:left}
div.subcat-item img {width:100%;max-width: 200px}

div.cat_item {
        height: 375px; 
        width: 25%;
        border: 0;  /*1px solid black;*/
        float:left;
        position: relative;
        margin: 0 1% 1% 5%;
        padding: 0;
        }
 
div.cat_item div.cat_content_top {
        position: absolute;
        top: 0px;
        }
 
div.cat_item div.cat_content_bottom {
        position: absolute;
        bottom: 0px
        }

.item {
	font-size:10pt;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans serif;
}

.details	{
	font-size:8pt;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans serif;
}

.popupStyle	{
	background-color:#fdf3d0;
	width:90%;
	height:90%;
	margin:30px auto;
	border-radius:50px;
	color: #76101b;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans serif;
}

.popupStyle img {
	margin: 15px;
}

.itemName	{
	font-size:16pt;
}

.sku, .upc	{
	color:#76101b;
}

.desc { 
	padding:0 10px;
}

.header a:link{
	font-family: times new roman, times, serif;
	font-size: 14pt;
	font-weight: bold;
	font-style: normal;
	color: rgb(227,217,181);
	text-decoration: none;
}

.header a:visited{
	font-family: times new roman, times, serif;
	font-size: 14pt;
	font-weight: bold;
	font-style: normal;
	color: rgb(227,217,181);
	text-decoration: none;
}

.header a:hover{
	font-family: times new roman, times, serif;
	font-size: 14pt;
	font-weight: bold;
	font-style: normal;
	color: rgb(227,217,181);
	text-decoration: underline;
}

.header a:active{
	font-family: times new roman, times, serif;
	font-size: 14pt;
	font-weight: bold;
	font-style: normal;
	color: rgb(227,217,181);
	text-decoration: underline;
}

.addy{
	color: rgb(115,16,25);
	font-weight: bold;
	font-size: 12pt;
	font-family: times new roman, times, serif;
}

h3.addy{
	color: rgb(115,16,25);
	font-weight: bold;
	font-size: 14pt;
	font-family: times new roman, times, serif;
}

.addy a:link{
	font-family: times new roman, times, serif;
	font-size: 12pt;
	font-weight: bold;
	font-style: normal;
	color: rgb(115,16,25);
	text-decoration: none;
}

.addy a:visited{
	font-family: times new roman, times, serif;
	font-size: 12pt;
	font-weight: bold;
	font-style: normal;
	color: rgb(115,16,25);
	text-decoration: none;
}

.addy a:hover{
	font-family: times new roman, times, serif;
	font-size: 12pt;
	font-weight: bold;
	font-style: normal;
	color: rgb(115,16,25);
	text-decoration: underline;
}

.addy a:active{
	font-family: times new roman, times, serif;
	font-size: 12pt;
	font-weight: bold;
	font-style: normal;
	color: rgb(115,16,25);
	text-decoration: underline;
}

label {
	color: 000000;
	}

.reg {
	color: 000000;
	}

.checkout {
	color: 000000;
	}

a:link, a:visited {
	color: #76101b;
	text-decoration: none;
	}

a:active{
	color: #fff7d2;
	text-decoration: underline;
	}

a:hover{
	color: #211f5e;
	text-decoration: underline;
	}
	

#indexText {
	float:left;
	width:779px;
	text-align:left;
	margin:0 25px 0 0;
}

#indexMovie {
	float:left;
	margin:85px 25px 30px 0;
	padding:0;
}

iframe {
	float:left;
	background:#fff;
}

#indexContainer {
	position:relative;
	width:1024px;
	margin:0 auto;
	text-align:center;
	padding:0;
}

.clearBoth {
	clear:both;
}

#facebook {
	position:absolute;
	right:10px;
	top:145px;
	z-index:2000;
}
#newsletter-form	{
/*	position:relative;
	left:10px;
	top:50px;*/
	float:left;
	margin:-30px 0 0 30px;
	width: 280px !important;
	height: 80px !important;
	border: 1px solid #731019;
	padding:5px;
	background:  url(images/newsletter.png) no-repeat;
	background-position: 0 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#e3d9b5), to(#fcf7e5));
    background: -moz-linear-gradient(top, #e3d9b5, #fcf7e5);
	border-radius:15px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #731019;
    font-family: Verdana, Arial, serif;
    font-size: 12px;
}

#newsletter-form p	{
	padding-top:5px;
	margin: 6px 0 0 0;
}

#newsletter-form form	{
	padding:0px;
	margin:0px;
}

#Channel_Craft_newsletter #Newletter_Request_container {width:260px}

#newsletter-thankyou	{
	width: 400px !important;
	text-align: center;
	font-weight: bold;
	margin: 20px auto;
}

/*div.cat_item    {
        height:380px;
        width:260px;
        float:left;
        position:relative;
        padding:0;
        text-align:center;
       margin-left:auto;
       margin-right:auto;

        }

div.cat_content_bottom  {
        position:absolute;
        vertical-align:baseline;
        text-align:center;
        padding:0px;
        bottom:0px;
       margin-left:35px;
       margin-right:auto;
        }

div.cat_item div.cat_content_top        {position:absolute; top:0px}
*/
#cboxLoadedContent { background-color:#3399ff }

.MainMfr {min-height:1550px}

.catCell {width:20%; float:left; text-align:center;margin:0%}
div.catCell {width:25%; float:left; text-align:center;margin:0%}


.img-responsive {width:100%}

#showsDiv, #Territories-tpl {margin-top:100px}
#helpPage {margin-top:50px}

@media and screen (min-width:1600px) {
#video {
	width:35%;
	}
}

@media and screen (max-width:1300px) {
	.catCell {width:33%}
	.MainMfr {height:1650px}

}

@media and screen (max-width:768px) {
	.catCell {width:50%}
	.MainMfr {height:1650px}

}