BODY {
	MARGIN: 0px; 
	FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	BACKGROUND-COLOR: #ffffff;/*#1d252e;*/
	}

img {pointer-events: none;}

#pagewrapper {
	width:80%;
	height:auto;
	margin-left:10%;
/*	border-left: 3px solid #c0d3e8;
	border-right: 3px solid #c0d3e8;*/
}

header  {padding-left:3%;} /*background-image: url(https://dandd.cameoez.com/images/templatemo_top_panel_bg.gif);*/

header a:link, a:visited {color:#f17e02}
header a:hover {color:#ffffff}
header a:active {color:#ffffff}

.header-elements {height:100px;}
.header-elements.logo {
	background-color:#ffffff;/*#f17e02;*/
	text-align:center;
	width:25%;float:left;
	height:150px;
	padding-top:0;/*30px*/
}
.logo img {width:100%}
.header-elements.header-nav {
	width:50%;float:left;
/*	background-image: url(https://dandd.cameoez.com/images/templatemo_top_panel_bg.gif);*/
	}
.header-elements.header-nav {
	margin-top:50px;
}
.header-elements.header-nav nav ul.menu li a,.header-elements.header-nav-secure nav ul.menu li a  {
	color:#ffffff;
	padding:10px;
	border-radius:5px;
	text-decoration:none
}
#menu-toggle {display:none}

.header-elements.header-nav-secure {
	width:70%;float:left;
}
.menu li {float:left}
.menu li a {	padding:10px;	border-radius:5px;}


.header-elements.header-nav-secure {margin-top:50px}
/*{color:#ffffff;padding:10px;border-radius:5px;text-decoration:none;}*/

/*******from Pure CSS Responsive Menu (https://codepen.io/alvarotrigo/pen/MWEJEWG)******/
.top-nav {
/*  display: flex;
  flex-direction: row;*/
  align-items: center;
/*  justify-content: space-between;*/
/*  background-color: #00BAF0;*/
 /* background: linear-gradient(to left, #f46b45, #eea849);*/
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #000;/*#FFF;*/
/*   height: 50px;
 padding: 1em;*/
}

.menu {
/*  display: flex;*/
/*  flex-direction: row;*/
  list-style-type: none;
  margin: 0;
/*  padding: 0;*/
}

.menu > li {
  margin: 0 1rem;
  overflow: hidden;
}

.menu-button-container {
  display: none;
  height: 100%;
  width: 30px;
  cursor: pointer;
/*  flex-direction: column;
  justify-content: center;
  align-items: center;*/
}

#menu-toggle {
  display: none;
}

.menu-button,
.menu-button::before,
.menu-button::after {
  display: block;
  background-color: #000;/*#fff;*/
  position: absolute;
  height: 4px;
  width: 30px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 2px;
}

.menu-button::before {
  content: '';
  margin-top: -8px;
}

.menu-button::after {
  content: '';
  margin-top: 8px;
}

#menu-toggle:checked + .menu-button-container .menu-button::before {
  margin-top: 0px;
  transform: rotate(405deg);
}

#menu-toggle:checked + .menu-button-container .menu-button {
  background: rgba(255, 255, 255, 0);
}

#menu-toggle:checked + .menu-button-container .menu-button::after {
  margin-top: 0px;
  transform: rotate(-405deg);
}
/*******from Pure CSS Responsive Menu (https://codepen.io/alvarotrigo/pen/MWEJEWG)******/


.home a:link {background-color:#006600}
.home a:hover {background-color:#66aa66}

.about a:link, .catalog a:link {background-color:#ff9900}
.about a:hover, .catalog a:hover {background-color:#ffcc00}

.shop a:link, .reps a:link {background-color:#660066}
.shop a:hover, .reps a:hover {background-color:#aa66aa}

.shows a:link {background-color:#dd0033}
.shows a:hover {background-color:#ff2266}

nav ul li {display:inline-block;float:left;margin:0 2%}
nav ul li a {font-size:20px;font-weight:bold}

.header-elements.header-contact {
	width:20%;float:right;
	font-weight:bold;
	color:#0000bb;
	background-color:#ffff00;
	text-align:right;
	padding:10px;
	border-radius:7px;
	margin-top:20px
}


.header-elements.header-contact a {
	color:#0000bb;
}
#top-bar {text-align:right;width:100%;clear:both}
#top-bar ul li {display:inline-block; list-type:none;float:right;margin:0px 5% 0px 5%; height:20px;color:#538cc6}
#top-bar ul li a:hover {color:#538cc6}

main {background-color:#ffffff;padding:2%;min-height:400px}

footer {background-color:#538cc6; height:100px;}
footer h4 {padding:0 2%}
footer nav ul li {margin: 20px}
footer nav ul li a {font-size:14px}
footer nav ul li a:link {color:#f17e02}
footer nav ul li a:hover {color:#333333}



#copyright {text-align:center;font-size:10px;color:#333333;height:50px;vertical-align:bottom;padding-top:5px}/*background-color: #060e17;*/

main {min-height:600px}

P	{
	FONT-SIZE: 18px;
/*	MARGIN: 0px; */
	color:#000000;
}
.para	{
	FONT-SIZE: 11px;
	MARGIN: 0px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
}

h1,h2,h3,h4,h5,h6 {
	FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif;
	COLOR: #f17e02;
}

a:link, a:visited {color:#f17e02}
a:hover {color:#aaaaaa}
a:active {color:#aaaaaa}

.btn.btn-default {
	background-color:#f17e02;
	padding:10px;
	color:#ffffff;
	font-weight:bold;
	border-radius: 10px;
	border:2px solid #c0d3e8;
}

.homePage {float:left}
.homeLeft {width:60%;padding:10px}
.homeRight {width:35%}

/*Login page*/
#loginWrapper, #loginBanner {width:100%;background-color:#ffffff}
#loginLeft, #loginRight {width:50%;float:left;;background-color:#ffffff}
p.loginText, p.loginTextReg {font-size:16px;line-height:24px}
table.loginForm input#username, table.loginForm input#password {
	font-size:16px;
	padding:12px;
	border:none;
	appearance: none;
	background: #f2f2f2;
	border-radius: 3px;
	width: 250px;
}


#divWrapper {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px auto; 
	WIDTH: 800px; 
	PADDING-TOP: 0px;
	}

#divHeader {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	HEIGHT: 120px
	}

A.divProductNav:link {
	FONT-WEIGHT: bold; 
	COLOR: #ffffff; 
    /*Margin-top: 10px;*/
	PADDING: 10 5 10 5;
	TEXT-DECORATION: none;
	font-size: 9pt;
	}

A.divProductNav:active {
	FONT-WEIGHT: bold; 
	COLOR: #ffff66; 
	BACKGROUND-COLOR: #0066cc;
	PADDING: 10 5 10 5;
	TEXT-DECORATION: none;
	font-size: 9pt;
	}

A.divProductNav:visited {
	FONT-WEIGHT: bold; 
	COLOR: #ffffff; 
	PADDING: 10 5 10 5;
	TEXT-DECORATION: none;
	font-size: 9pt;
	}

A.divProductNav:hover {
	FONT-WEIGHT: bold; 
	COLOR: #ffff66; 
	BACKGROUND-COLOR: #0066cc;
	PADDING: 10 5 10 5;
	TEXT-DECORATION: none;
	font-size: 9pt;
	}

#divContentHolder {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
/*	FLOAT: left; */
/*	BACKGROUND-IMAGE: url(images/edge_repeat.jpg); */
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 800px; 
	PADDING-TOP: 0px; 
	BACKGROUND-REPEAT: repeat; 
/*	BACKGROUND-COLOR: #ffffff;  */
	}

table#productsDisplay {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FLOAT: left; 
	width:100%;
/*	BACKGROUND-IMAGE: url(images/edge_repeat.jpg);*/ 
	PADDING-BOTTOM: 10px; 
/*	MARGIN: 10px 10px 10px 10px; */
/*	WIDTH: 675px; */
/*	PADDING-TOP: 20px */
	}

#divFooter {
	FONT-SIZE: 10px; 
	FLOAT: left; 
	BACKGROUND-IMAGE: url(images/footer.gif); 
	WIDTH: 800px; 
	COLOR: #ffffff; 
	PADDING-TOP: 16px; 
	BACKGROUND-REPEAT: repeat; 
	HEIGHT: 45px; 
	BACKGROUND-COLOR: #ffffff; 
	TEXT-ALIGN: center
	}

#divFooter A:link {
	FONT-SIZE: 10px; 
	COLOR: #ffffff;
	TEXT-ALIGN: center
	}

#divProducts H3 {
	FONT-SIZE: 10pt; 
	COLOR: #330066; 
	FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif;
	}

.item	{
	FONT-SIZE: 11px; 
	COLOR: #330066; 
	FONT-FAMILY:  Geneva, Arial, Helvetica, sans-serif;
}

div.cat_item	{height:380px; width:30%;float:left;position:relative;margin:0 0 0 1%;padding:0 5px 0 5px;}

div.cat_item div.cat_content_bottom	{position:absolute; bottom:0px}

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

.addToCart	{
	font-size:12px;
}

.popup	{
	background-color:#ffffff;
}

table.Cart img { max-height:75px; }


/************************************************************************************
Slideshow
*************************************************************************************/
.slideshow {
        position: relative;
        display: block;
        width: 100%;
}

#photoShow {
        position: relative;
        width: 100%;
        max-width: 1000px;
        height: 600px;
        text-align: center;
        overflow: auto;
        margin-top: 10px;
}

#photoShow div {
        position:absolute;
        top: 0;
        left: 0;
        z-index: 0;
}
#photoShow div img {max-width: 100%;}

#photoShow div.previous {
    z-index: 2;
}
#photoShow div.current {
    z-index: 3;
}
.photoShow img {max-width: 100%;}

/*   Media Queries   */

@media screen and (max-width: 1070px) {
  div.header-elements.header-contact { display:none }

  div.header-elements.header-nav {width:75%}
}

@media screen and (max-width: 781px) {

  .header-elements {height: auto;}
  div.header-elements.header-nav,   div.header-elements.header-nav-secure {
	text-align:right;
	}
  div.header-elements.header-nav ul.menu, div.header-elements.header-nav-secure ul.menu {
	width:100%;
	margin-top:90px;
	}
  div.header-elements.header-nav-secure ul.menu {margin-top:120px}

  div.header-elements.header-nav ul.menu li,   div.header-elements.header-nav-secure ul.menu li {
	width:100%;
	float:left;
	font-weight:bold;
	color:#ffffff; /*#0000bb;*/
	background-color:#660066; /*#cccccc;*/
	text-align:right;
	border-bottom: 2px solid #ffffff;
/*	border-radius:7px;
	margin-top:20px*/
}
  div.header-elements.header-nav nav ul.menu li a,   div.header-elements.header-nav-secure nav ul.menu li a {
	border-radius:0;
	padding:10px;
	}
  .home a:link {background-color:transparent;} /*#cccccc;} #006600}*/
  .home a:hover {background-color:transparent;} /*#66aa66}*/

  .about a:link, .catalog a:link {background-color:transparent;} /*#cccccc;} #ff9900}*/
  .about a:hover, .catalog a:hover {background-color:transparent;} /*#ffcc00}*/

  .shop a:link, .reps a:link {background-color:transparent;} /*#cccccc;} #660066}*/
  .shop a:hover, .reps a:hover {background-color:transparent;} /*#aa66aa}*/

  .shows a:link {background-color:transparent;} /*#dd0033}*/
  .shows a:hover {background-color:transparent;} /*#ff2266}*/

  nav ul li {display:block;}

/*******from Pure CSS Responsive Menu (https://codepen.io/alvarotrigo/pen/MWEJEWG)******/
  .menu-button-container {    display: block; float:right }
  .menu {
    position: absolute;
    top: 0;
    z-index: 100;
    margin-top: 50px;
    right: 2%;
    display:block;
    width: 100%;
/*    justify-content: center;
    align-items: center;*/
  }
  #menu-toggle ~ .menu li {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  #menu-toggle:checked ~ .menu li {
    border: 1px solid #fff;
    height: 2.5em;
    padding: 0.5em;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  .menu > li {
    display: block; /*flex;*/
/*    justify-content: center;*/
    margin: 0;
    padding: 0.5em 0;
    width: 100%;
    color: white;
    background-color: #222;
  }
  .menu > li:not(:last-child) {
    border-bottom: 1px solid #ffffff; /*#444;*/
  }
/*******from Pure CSS Responsive Menu (https://codepen.io/alvarotrigo/pen/MWEJEWG)******/

}