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

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

header  {
	/*background-image: url(https://dandd.cameoez.com/images/templatemo_top_panel_bg.gif);*/
	background-color: #47a8e0;
	padding-left:3%;
	height:80px;
}

header a:link, a:visited {color:#111111;text-decoration:none}
header a:hover {color:#ffffff}
header a:active {color:#ffffff}

.header-elements {height:100px;
}
#logo {
	text-align:center;
}
#logo img {height:50px}
.header-elements.header-nav {
	width:75%;float:left;
	background-image: url(https://dandd.cameoez.com/images/templatemo_top_panel_bg.gif);
	}
.tagline {float: right; margin-right: 5%;}

.tagline>h1 { color: #fff; margin-top: 17px !important; }

.tagline>p, .tagline>p>a { color: #000000; font-size: .9em; margin-top: 3px;font-weight:700 }

.tagline>p>a:hover { text-decoration: underline; }

.tagline img.social-icon {max-height:20px}
nav ul {width:100%}
nav ul li {display:inline-block;float:left;margin:0 5%}
nav ul li a {font-size:14px;font-weight:bold}

.navbar-default {background-color:#47a8e0 !important}
#topbar ul li {display:inline-block; float:right;margin:0 5%}

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

footer {background-color:#252b31; height:auto;}
footer div {padding: 10px}
footer div, footer div a:link, footer div a:visited {color:#ffffff;font-size:12px}
footer div h4 {padding:0;color:#ffffff}

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

P	{
	FONT-SIZE: 11px;
	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: 'Palatino Linotype', 'Times New Roman', serif;
	COLOR: #111111;
}
h2 {font-size:20px}

a:link, a:visited {color:#111111;}/*f17e02}*/
a:hover {color:#aaaaaa}
a:active {color:#aaaaaa}

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

/*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;
}
#newCustomers p {
        /*font-family: Lato;*/
        font-size:15px;
        margin: 20px 0 20px 0;
}
#newCustomers p a       {
        color:#c00;
}


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

#divProducts {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FLOAT: left; 
/*	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
	}
div.rep-block {height:200px}

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

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

#catNameHead {margin:0 auto}
#topCat {height:430px;text-align:center}
a.catName h3 {
         font-weight: normal;
         font-size: 15px !important;
         text-decoration:none;
}

div.cat_item	{
	height:450px; 
	width:100%;
	float:left;
	position:relative;
	margin:0 auto;
	padding:0 5px 0 5px;
	text-align:center;
}

div.cat_item div.cat_content_bottom	{
	position:absolute; 
	bottom:0px;
	left:35%;
	right:35%;
	text-align:center;
	margin:0 auto;
}
.cat_content_bottom h2 a {
	text-decoration:none;
}

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

.addToCart	{
	font-size:12px;
}

.popup	{
	background-color:#ffffff;
}
.CartOuter      {
        padding-top: 30px;
        margin-top: 0pt;
        margin-right: auto;
        margin-bottom: 0pt;
        margin-left: auto;
        width:100%;
}

#Cart td { padding: 10px;}
#Cart td img {max-height:75px}

.cartBtn {float:left;margin-left:6%}

#cartNotFirst.cartBtn {margin-top:25px}

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

/**********
ByList
***********/
.BodyBg {width:80%;margin-left:10%}

#byList-container {width:100%}

div.byList-item-container:nth-child(even) {background-color:#eeeeee;}
.byList-item-container, .byListItem {width:100%;height:300px}

.left-container {
  float:left;
  text-align: center;
  width:20%;
}

.left-container .byList-img img {height:125px;width:125px}
.right-container {
  float:left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 80%; /*40%;*/
        padding-top:50px;
}
div.byList-sku, div.byList-price, div.byList-qty, div.byList-min  {float:left;width:45%;margin:5px 0}
.space-between {
  display: flex;
  justify-content: space-between;
  text-align: left;
}
div.byList-item {font-weight:bold;padding:10px}
div.byList-img {padding:10px}
div.byList-img img {width:100%}

a.catName h3 { font-weight: normal; font-size: 15px !important; }

/*********MEDIA QUERIES****************/

@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: right;
        vertical-align: top;
        /*margin-top:25px;*/
        padding-top: 0;/*20px;*/
        padding-bottom: 0;/*20px;*/
    }

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


@media (max-width: 1024px)  {
        .address { display: none;}
        #loginForm, #newCustomers {height:400px;}
        #catDropdown {display:block}
        #currCatWrapper {display:none}
        #productsDisplay {width:100%}
        #breadcrumb, #currCatHead {margin-left:20px}
        #main-content { padding-left: 20px;  padding-right: 20px;}
        .searchbox { display: none;}
        /*.footer { height: 100%;}*/
        /*.logo { width: 90%;}*/
        header {height:135px}
        /*.navbar-header button {display:none}*/
        h1#tool {  float: none; margin: 9px 0px 0px; text-align: center;}
        H1 { font-size:14px; }
}

/*Center Bootstrap nav*/

@media (max-width: 768px) {
	h1 {font-size:30px}
        header {height:135px}
        /*main-content {padding-bottom:300px;position:relative;}*/
        #loginWrapper {height:800px}
	#loginForm {height: 250px}
        footer {height:900px;padding:0;margin:0}/*position:relative;bottom:0;*/
        footer ul {margin-left:0;font-size:20px;padding-inline-start: 0}
        .imgBoxStd, .imgBox { max-width:90vw;}
	#logo, .searchbox {width:50%;position:absolute;z-index:1000}
        #logo, .navbar {max-width:100%}
        .navbar {margin:0 auto}
        .page {padding:0 1%}
        nav > ul.navbar-nav > li > a {
                width:100% !important;
                font-size:20px;
        }
/*
      .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
                background-color: #999999;}
        .navbar-default .navbar-toggle {
            border-color: #999999;}
        .nav-button {
            display: block;
            margin: 0 auto !important;
            float: none;
            width: 100%;
            color: #614b3c ;}
        .navbar-default .navbar-collapse {
                border-color:#999999;}
        .navbar-nav {
                text-align: center;
                z-index: 10000;
                position: relative;
                background-color: #fff;}
        .navbar-default .navbar-nav>li>a {
                border-right: transparent !important;}
        .nav > li {
                padding-top: 6px;
                padding-bottom: 6px;
	}
	nav > ul > li {
		width:100%;
		font-size:20px;
        }
*/
        .nav > li.hide-at-768 { /*display: none;*/}
        nav.navbar.navbar-default {position:relative;z-index:100}
        navbar-header button, i.fa.fa-bars {color:#999999}
        #topCat {height:430px;text-align:center}
	a.catName h3 { 
		font-weight: normal; 
		font-size: 15px !important;
		text-decoration:none 
}
        .byList-item .left-container, .byList-item .right-container {width:100%}
        .btn.btn-default {font-size:20px}
        .btn.btn-default.cartBtn {width:100%;margin:15px}
}
@media (max-width: 468px) {
        #loginWrapper {height:750px}

}