/***********Colors

purple: #663366
gold: #d4af37
Light blue: #9ad5f3


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

html	{
	height:100%;
}

body	{
	background-color:#ffffff; /*#bcbec0;*/
}

#outer	{
	width:100%;
	height: 100%;
	margin: 0 auto;
}

/**************Bootstrap styles***/
.btn.btn-default {background-color:#663366;color:#ffffff }

/*************END Bootstrap styles **/

#CartOuter {width:100%} 
.cartBtn {float:left;margin-left:10%} 
#cartNotFirst.cartBtn { margin-top:20px;}

/*
#headerContact	{
	text-align:center;
	font-family:verdana,arial,helvetica,sans serif,default;
	font-size:9pt;
	font-weight:bold;
	font-color:#4C3327;
}

#headerNav	{
	width:1000px;
	background-color:#bcbec0;
	height:25px;
	text-align:center;
	border-top:solid 1px #9ad5f3;
	border-bottom:solid 3px #9ad5f3;	
}

#leftHeaderNav	{
	border-top:solid 1px #4C3327;
	border-bottom:solid 3px #4C3327;
	background-color:#A0CFEB;
	height:25px;
}
*/

/*
#floatingLogo	{
	position:relative;
	top:0px;
	left:259px;
	z-index:5;
	float:left;
/*	background-image:url(images/newLogoBG.jpg);
	border:1px solid #999999;
	height:185px;
	padding-top:0px;
}

#underLogo	{
	position:absolute;
	top:263px;
	left:135px;
	z-index:3;
	float:left;
	
}

*/

#social {
	position:relative;
	top:5px;
	right:15px;
	float:right;
}

#search	{ width:500px;margin: auto;text-align:center; }
.searchInput {color:#999999}

.clearBoth {
clear:both;
}

.clearRight {
clear:right;
}

#bodyContent	{
	padding: 50px 0; /*5px 0px 20px 20px;*/
	background-color:#ffffff;
	width:80%;
	margin-left:10%;
	position:relative;
}

#headline	{
	text-align:center;
	margin-left:200px;
	margin-top:0px;
	position:relative;
	z-index:1;
}


A:link	{
	color: #663366;
	text-decoration:none;
	}

A:hover	{
	color: #999999;
	text-decoration:underline;
	}

A:visited	{
	color: #663366:
	text-decoration:none;
	}

A:active	{
	color: #999999; 
	text-decoration:underline;
	}


#footer	{
	border-top: 5px solid #d4af37;
	background-color:#663366;
	height:50px;
	width:100%;
	text-align:center;
	/*margin-top:30px;*/
	position:fixed;bottom:0;left:0
	}

#footer ul li { 
	display:inline-block;
	list-style:none;
}

A.footerLinks:link	{
	color: #ffffff; 
	text-decoration:none;
	font-weight:normal;
	font-size:10px;
	font-family: Arial, sans-serif; 
	padding:0px 5px;
	}

A.footerLinks:hover	{
	color: #d4af37;
	text-decoration:underline;
	}

A.footerLinks:visited	{
	color: #ffffff; 
	text-decoration:none;
	}

A.footerLinks:active	{
	color: #111;
	text-decoration:underline;
	}

.homeBlocks {text-align:center}
.homeBlocks img { margin:0 auto }
.rep	{
	font-family: Arial, sans-serif; 
	font-size:11pt;
}

.repname	{
	font-size:13pt;
}

.repcomments	{
	font-weight:bold;
	width:400px;
}

.repThumbs {height:300px}
#redRibbon1	{
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	float:left;
}

#redRibbon2	{
	position:absolute;
	top:0px;
	left:133px;
	z-index:10;
 	float:left;
}

#redRibbonFooter1	{
	position:absolute;
	bottom:62px;
	right:0px;
	z-index:10;
	float:right;
}

#redRibbonFooter2	{
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:10;
 	float:right;
}

#CEZ	{
	color:#000000;
	position:inherit;
	bottom:0px
}

.small	{
	font-size:9pt;
}

.mfrcat	{
	float:left;
	padding:10px;
	width:250px;
	bottom:0px;
	margin:15px;

}

/* ================= */
/* ! 2011 REDESIGN   */
/* ================= */

/* ========== */
/* ! HEADER   */
/* ========== */

#header	{
	background: #663366;
	width:100%;
	height:250px;
	padding:0px;
	margin:0px;
	position: relative;
	z-index:1000;
}

.animalprint {
	width:1000px;
	height:25px;
	background: url(images/animalprint.jpg) 50% 50%;
	display: none;
}

#topbar {
	/*position:absolute;
	top:20px;
	right:10%;*/
	/*background-color:#ffffff; *//*#bcbec0;*/
	/*border-top: 5px solid #9ad5f3; */
	border-bottom: none; /* 5px solid #9ad5f3; #D2128A; */
	padding:20px;
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size:20px;
	color:#ffffff;
	text-align:right;
}

#topbar a {color:#ffffff }

#title {
	width: 600px;
	}

#title h1 {
	font-family: 'CooperBlackRegular', Arial, sans-serif; 
	font-size:22px;
	color:#fff;
	margin: 0;
	padding: 0;
	padding-left: 15px;
	padding-top: 9px;
	float: left;
	font-weight: normal;
}

#topbar_login {
	float: right;
	width: 200px;
	vertical-align: middle;
	font-family: 'century gothic', Arial, sans-serif; 
	font-size:20px;
	color:#111;
	margin: 0;
	*margin-top: -33px;/* IE7 hack */
	padding: 0;
	padding-left: 40px;
}

#topbar_contact {
	float: right;
	width: 180px;
	vertical-align: middle;
	font-family: 'century gothic', Arial, sans-serif; 
	font-size:20px;
	color:#111;
	margin: 0;
	*margin-top: -33px;/* IE7 hack */
	padding: 0;
	padding-left: 15px;
}

#topbar_login img, #topbar_contact img {
	height: 40px;
	padding-bottom: 3px;
	vertical-align: middle;
	border: 0;
	text-decoration: none;
}

#topbar_login a, #topbar_contact a {
	color:#111;
	line-height: 44px;
}

#logo	{
	/*background: url(images/NGlogoBG2014-15.png) 15px 0 no-repeat #fff;*/
	height:230px;
	text-align:center;
}
#logo img {height:200px;margin:20px auto};

#headerContact {
	float:right;
	color:#111;
	font-variant: small-caps;
	text-align: right;
	font-size: 26px;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, 'times new roman', times, serif;
	clear: both;
}

#headerContact p {
	line-height: 20px;
	margin-right: 20px;
}

#headerContact a {
	color:#111;
	text-decoration: none;
}

div#icons  {
	float:right;
	padding:0px;
	margin:0px;
}

.icon-list , .social {
	float:left;
	width:200px;
}

.social {padding-top: 8px;}


div#icons ul li {
	display: inline;
	vertical-align: middle;
	font-family: Arial, sans-serif; 
	font-size:20px;
	color:#000;
	list-style: none;
	text-decoration: none;

}

div#icons ul li img {
	padding-right:10px;
	vertical-align: middle;
	list-style:none;
	border:none;
	text-decoration: none;
	padding-top:0px;

}

div#icons ul li p {
	font-family: Arial, sans-serif; 
	font-size:20px;
	color:#000;
	list-style: none;
	text-decoration: none;
	vertical-align: middle;
	display:inline;
	margin: auto 0px;

}

div#icons ul li a {
	font-family: Arial, sans-serif; 
	font-size:20px;
	color:#000;
	list-style: none;
	text-decoration: none;
	vertical-align: middle;
	display:inline;
}



/* ============== */
/* ! NAVIGATION   */
/* ============== */

#bs-example-navbar-collapse-1.navbar-default {text-align:center}
.navbar-default .navbar-collapse {
	border-color:#d4af37;
	height:75px;
	background-color:#ffffff;
	text-decoration: none; 
	text-align:center;
	font-family: 'century gothic', Arial, Helvetica, sans-serif; /* 'Arial Rounded MT Bold' */
	color: #111; 
	font-size: 1vw;/* 22px;*/
	font-weight: 500; 
}

.navbar-default {border-bottom:2px solid #d4af37; }

.nav.navbar-nav { width:100%;margin-left:20%;border-color:#d4af37;
 }
.nav.navbar-nav li { margin:0 1.65%}

.memberNav.nav.navbar-nav { margin:auto; margin-left:5%}
li.mobileNav {display:none}

div#nav {
	background-color: #bcbec0;
	border-top: 5px solid #9ad5f3;
	border-bottom: 5px solid #9ad5f3;
	height: 44px;
	width: 1000px;
	float-left;
	line-height: 44px;
}

#nav ul {
	margin: 0;
	padding: 0;
	width: 1000px; 
	height: 1vw;/* 22px;*/
	vertical-align: middle;
}

#nav ul li {
	display:inline;
	padding: 5px 20px 5px 24px;
	vertical-align: middle;
	list-style: none;

}

#nav ul li a,.navbar-nav>li>a	{
	text-decoration: none; 
	font-family: 'century gothic', Arial, Helvetica, sans-serif; /* 'Arial Rounded MT Bold' */
	color: #111; 
	font-size: 1.5vw;/* 22px;*/
	font-weight: 500;
}

#nav ul li a:hover,.navbar-nav>li>a:hover	{ text-decoration: underline; }

#nav ul li a.aboutLink {}
#nav ul li a.showLink {}

#nav ul li a.productLink {}

#nav ul li a.vendorLink {}

/* =================== */
/* ! MEMBER SIDE NAV   */
/* =================== */

div#memnav {
	background-color: #bcbec0;
	border-top: 5px solid #9ad5f3;
	border-bottom: 5px solid #9ad5f3;
	height: 44px;
	width: 1000px;
	float-left;
	line-height: 44px;
}

#memnav ul {
	margin: 0;
	padding: 0;
	width: 1000px; 
	height: 22px;
	vertical-align: middle;
}

#memnav ul li {
	display:inline;
	padding: 5px 20px 5px 20px;
	vertical-align: middle;
	list-style: none;

}

#memnav ul li a	{
	text-decoration: none; 
	font-family: Arial, Helvetica, sans-serif; /* 'Arial Rounded MT Bold' */ 
	color: white; 
	font-size:22px;
	font-weight: 700;
}

#memnav ul li a:hover	{ text-decoration: underline; }

/* IGNORE BELOW */

div#member_nav	{
	background-color:#000 !important; 
	width: 1047px; 
	height: 38px;
	position:absolute;
	margin:0px auto;
	padding:0px;
}

#member_nav ul {
	background-color:#000 !important; 
	width: 1047px; 
	height: 38px;
	padding-top:0px;
	
}

#member_nav ul li	{
display:inline;
padding: 0px 65px 0px 10px;
margin:0px;
list-style: none;
vertical-align: center;
}

#member_nav ul li a	{
	text-decoration: none; 
	font-family: Arial, sans-serif; 
	color: white; 
	font-size:22px;
}

#member_nav ul li a.aboutLink {
}


#member_nav ul li a.showLink {

    }

#member_nav ul li a.productLink {
}

#member_nav ul li a.vendorLink {

}


a img {
	border: 0;
	text-decoration: none;
}


#popupContainer {
	background-color: #fff;
	}

.RepSubCat { float:left; width:170px; margin-bottom:15px; display:table-cell; vertical-align:bottom; padding: 15px; }
#videoWrap {text-align:center}
#videoWrap iframe {width:560px;height:315px}

/******Login page**************/
#loginWrapper p {font-size:20px}
#newCustomers {padding-top:50px}


/*****************Media Queries*******************/
@media (max-width: 1600px) {
	#videoWrap iframe {width:480px;height:270px}
}
@media (max-width: 1225px) {
	#outer {width:100%}
        ul.nav.navbar-nav li { background-color:#ffffff; z-index:1000; height:auto }
        .navbar-default .navbar-collapse {height:auto}
	.nav.navbar-nav {margin-left:6%}
        li.mobileNav {display:block}
	#videoWrap iframe {width:400px;height:225px}
}

@media (max-width: 1000px) {
	.nav.navbar-nav {margin-left:6%}
        #footer {height:auto;margin-left:0}
        #footer ul li {display:block;margin-left:15%}
        a.footerLinks:link,a.footerLinks:visited {font-size:4vw}
        ul.nav.navbar-nav li { background-color:#ffffff; z-index:1000; height:auto;margin-left:0 }
}

@media (max-width: 767px) {
	#outer {width:100%;margin:0;}
	#header {height:350px}
	#logo {height:175px}
	#logo img {height:170px}
	#topbar {padding:30px;text-align:center}
	.nav.navbar {width:80%}
	ul.nav.navbar-nav li { background-color:#ffffff; z-index:1000; height:auto;padding:1.65% }
        ul.nav.navbar-nav li a {font-size:4vw }
	.navbar-default .navbar-collapse {height:auto}
	#bodyContent {width:96%;margin-left:2%;padding-top:100px}
	li.mobileNav {display:block}
	#footer {height:auto;margin-left:0}
	#footer ul li {display:block;margin-left:1%}
	a.footerLinks:link,a.footerLinks:visited {font-size:4vw}
	.cartBtn {width:80%;margin-left:10%}
}