#headerback{
	position:fixed;
	top:0px;
	left:0px;
	text-indent: -100em;
	width:100%;
	height:50px;
	background:#e0c5b4 ;
	z-index:3;
	}
#header{
	position:fixed;
	top:50px;
	width:100%;
	height:97px;
	background: #e0c5b4 url(../buttons/title2.png)  center/contain no-repeat;
	z-index:2;
	}
body {
	margin:5px;
	padding:5px;
	font:14px  papyrus, helvetica, sans-serif;
	font-weight:400;
	line-height:18px;
	color:black;
	background: #e0c5b4;
	}
#srchbox{
	max-width:60%;
	font:12pt verdana,arial, helvetica, sans-serif;
	margin:auto;
	text-align:center;
	}
#msg {
	position:fixed;
	top:2px;
	left:0px;
	color: black;
	padding:0px 10px 0px 10px;
	font:14pt verdana,arial, helvetica, sans-serif;
	text-align:center;
	width:100%;
	background-color:#D5AE97;
	border-bottom:1pt solid #6C3600;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	z-index:3;
	}
/* Main menu settings */
#menctr{
   position:fixed;
   top:30px;
   padding-top:0px;
   width:400px;
   margin-left:35%;
   text-align:center;
   font-family:Verdana, Geneva, sans-serif; /* Menu font */
   font-size:12pt; /* Menu text size */
   line-height:1.2em;
   z-index:3; /* This makes the dropdown menus appear above the page content below */
	}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	font:14pt  arial, times, helvetica, sans-serif;
	line-height:1.2em;
	}
#nav a {
	display: block;
	width: 120px;
	text-align:center;
	background-color:#e0c5b4;
	border:1px solid black;
	border-radius: 15px;
	line-height:1.2em;
    font:14pt  arial, times, helvetica, sans-serif;
	}
#nav li { /* all list items */
	float: left;
	width: 120px; /* width needed or else Opera goes nuts */
	}
#nav li ul { /* second-level lists */
	position: absolute;
	background-color: none;
	width: 100px;
	font:10pt  arial, times, helvetica, sans-serif;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}
#menuS{/*side menu in shop*/
	margin: 150px 0px 0px 0px;
	width: 135px;
	float:left;
	font-family: 'Arial Narrow', helvetica, sans-serif;
	}
#slidebar{/*photo slide bar across top of page*/
	margin:0px 0px 10px 0px;
	width:auto;
	overflow:hidden;
	padding:5px 0px 0px 0px;
	background: none;
	font-size: 10pt;
	font-weight: 200;
	line-height:1.2em;
	text-align:center;
	font-family: ariel, helvetica, sans-serif;
	}
#Content {
	margin:150px 5px 5px 5px;
	width:auto;
	float: none;
	padding:5px;
	text-align:justify;
	background: #e0c5b4;
	font-size: 12pt;
	font-weight: 400;
	line-height:20px;
	font-family: Trebuchet, "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
	clear:both;
	border:0pt solid black;
	}
#pages{/*Used in Calendar*/
	position:absolute;
	left:170px;
	top:170px;
	width:120px;
	text-align:left;
	text-indent:0px;
	font: 14pt arial, helvetica, sans-serif;
	border:0pt solid black;
	padding:0px;
	color:Black;
	font-weight:600;
	}
#Content2 {/*for side menu space*/
	margin:140px 0px 0px 155px;
	width:auto;
	padding:5px 0px 0px 0px;
	background: #e0c5b4;
	border:0pt solid black;
	font-size: 14pt;
	font-weight: 400;
	line-height:20px;
	font-family: papyrus, helvetica, sans-serif;
	}
#social1{/*center social media buttons 10/10/2020*/
	width:400px;
	margin:auto;
	font-weight:600;
	padding:0px 0px 10px 9px;
}
/*DIVS USED WITH COLLAPSIBLE.JS 10/10/2020*/
.boxed{/*display collapsible list title button*/
	font:12pt 'arial narrow', arial, helvetica, sans-serif;
	text-align:center;
	background:#D5AE97;
	width:139px;
	color:#000000;
	margin:2px 0px;
	padding:2px 2px;
	border: 1px solid black;
	border-radius:8px;
	clear:both;
	}
.active, .boxed:hover {/*background color on collapsible button*/
  background-color: #f3e8e0;
	color:#25496D;
	}
.boxlist {/*content of boxed collapsible list*/
  padding: 2px;
  font:10pt 'arial narrow', arial, helvetica, sans-serif;
  display: none;
  margin-left:5px;
  overflow: hidden;
  background-color: f3e8e0;
  border:1pt solid black;
  border-radius:8px;
  text-align:center;
  width:120px;
  clear:both;
	}
/*END COLLAPSIBLE.JS DIVS*/
/*GENERAL COLLAPSIBLE DIVS used with collapsibleseg.js 10/10/2020*/
.collapsible {
  background-color: #ecdbd0;
  color: black;
  cursor: pointer;
  padding: 3px;
  width: 50%;
  margin-left:25%;
  margin-right:25%;
  border: 1pt solid black;
  border-radius:8px;
  text-align: center;
  outline: none;
  font-size: 15pt;
 }
.active, .collapsible:hover {
  background-color: #f9f2ee;
  border:1pt solid black;
 }
.help2 {
  padding: 0 18px;
  max-height: 0;
  width: 80%;
  margin-left:10%;
  margin-right:10%;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #e0c5b4;
  z-index:4;
 }
/*end basic collapsible*/
.Clear{
	clear:both;
	}
#right{
	margin-top:2px;
	margin-left:15px;
	margin-right:0px;
	width:auto;
	float:right;
	padding:5px;
	background: none;
	border:1pt solid black ;
	font-size: 10pt;
	font-weight: 200;
	line-height:10px;
	font-family: ariel, helvetica, sans-serif;
	}
#custinfo {/*Division for Logged in Customer Options*/
	position:absolute;
	top:10px;
	left:10pz
	margin:0px 10px 5px 2px;
	width:150;
	padding:5px;
	color:#68440F;
	background: #D5A22B;
	border:2pt solid #8A2D4E;
	font-size: 10pt;
	line-height:14px;
	font-weight: 400;
	font-family:ariel, helvetica, sans-serif;
	}
.shopinfo {/*Division for shopping cart -- cust info */
	margin:45px 2px 10px 2px;
	max-width:300px;
	float:left;
	padding:5px;
	color:#68440F;
	background: #D5AE97;
	border:2pt solid black;
	font-size: 14px;
	line-height:14px;
	font-weight: 400;
	font-family: ariel, helvetica, sans-serif;
	}
.shopinfo3 {/*Division for shopping cart -- checkout options*/
	margin:0px;
	float:left;
	width:200px;
	padding:5px;
	color:black;
	background: none;
	border:0pt solid #FFFF53;
	font-size: 10pt;
	font-weight: 400;
	font-family:ariel, helvetica, sans-serif;
 }
#cartbut{/*for cart buttons*/
	position:absolute;
	top:155px;
	left:170px;
	width:auto;
	}
.cart{/*Division for cart display*/
	margin:45px 0px 5px 5px;
	width:95%;
	color: black;
	font:12pt arial, helvetica, sans-serif;
	padding:7px;
	font-weight: 400;
	background-color: #D5AE97;
	border:0pt solid #BF9F1E;
	}
.cart2{/*Division for cart display*/
	margin:10px 2px 5px 2px;
	color: black;
	font:12pt arial, helvetica, sans-serif;
	padding:7px;
	font-weight: 400;
	float:left;
	background: none;
	border:0pt solid #BF9F1E;
	}
.grpbox {/*used in customer profile update, purchases view,...*/
	margin:5px;
	text-indent:0px;
	max-width:100%;
	float:left;
	vertical-align:text-top;
	padding:5px;
	background:None ;
	border:1pt solid black;
	border-left:1pt solid #808080;
	font-size:12pt;
	font-weight: 400;
	font-family:  arial, helvetica, sans-serif;
	}
/*Pictures*/
img { 
	border-color: #6C3600;
	border-width:2pt;
	padding:10px;
	}
img.nb { 
	border-radius:8px;
	border:0px;
	padding:2px;
	max-width:100%;	
	height:auto;
	}
img.nb2 {
	border-radius:8px;
	border:8px outset black;
	margin:auto;
	display:block;
	padding:0px;
	max-width:95%;	
	max-height:70%;
	}
img.sld { /*slider pics */
	border:8px outset black;
	border-radius:8px;
	padding:10px;
	max-height:130px;
 }
.picsm {/*thumbnails in shop*/
	font-family: arial;
	text-align:center;
	color:black;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	padding:5px;
	float:left;
	width: 18%;
	height:200px;
	background: none;
	border-radius:8px;
	border:0pt solid black;
	font-size: 10pt;
	font-weight: 400;
	}
.picsm2 {/*thumbnails in gallery*/
	font-family: arial;
	text-align:center;
	color:black;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	padding:5px;
	float:left;
	width: 18%;
	height:200px;
	background: none;
	border-radius:8px;
	border:0pt solid black;
	font-size: 10pt;
	font-weight: 400;
	}
.pictiny {/*extra item thumbs and cart thumbs*/
	font-family: arial;
	text-align:center;
	color:white;
	margin-left:auto;
	margin-right:auto;
	padding: 2px;
	float:left;
	width: 100px;
	background: none;
	border:0pt solid #764727;
	border-radius:6pt;
	font-size: 10pt;
	font-weight: 400;
	}
.piclgl {/*calendar left pics*/
	font:14pt Arial Narrow Arial sans-serif;
	vertical-align:text-top;
	text-align:text-top;
	color:white;
	margin:5px ;
	padding: 5px;
	float:left;
	max-width:80%;
	background:black;
	border:3pt outset black;
	border-radius:8pt;
	}
.piclgr {/*calendar right pics*/
	font:16px Arial Narrow Arial sans-serif;
	vertical-align:top;
	text-align:justify;
	color:white;
	margin:5px;
	padding: 5px;
	max-width:80%;
	float:right;
	background:black;
	float:right;
	border-radius:8pt;
	}
.picmax {/*use for option pic max width*/
	margin:5px 5px 5px 0px ;
	padding:5px;
	float:left;
	background-color:none;
	max-width:100%;
	border:0pt solid black;
	}
.infol {/*Calendar division for detail float left*/
	background-color:none;
	float:left;
	text-align:justify;
	padding:10px;
	height:auto;
	width:100%;
	color:black;
	font:16pt Arial Narrow Arial sans-serif;
	font-weight:600;
	clear:both;
	}
h1 {
	margin:0px 0px 10px 0px;
	padding:0px;
	font:30px comic sans MS, helvetica, sans-serif;
	font-weight:900;
	font-size:30px;
	line-height:30px;
	font-weight:900;
	color:black;
	}
h2 {
	margin:0px 0px 10px 0px;
	padding:0px;
	font:28px comic sans MS, helvetica, sans-serif;
	font-weight:900;
	font-size:28px;
	line-height:25px;
	font-weight:900;
	color:black;
	text-align:center;
	}
h3 {
	margin:0px 0px 10px 0px;
	padding:0px;
	font:20pt  comic sans MS, helvetica, sans-serif;
	font-weight:900;
	font-weight:900;
	color:black;
	text-align:center;
	}
h4 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:14pt;
	line-height:16px;
	font-weight:900;
	color:black;
	}
.ct {/*centered text*/
	text-align:center;
	}
.red {/*centered red text*/
	text-align:center;
	color:#BF1A02;
	}
.wht {/*centered White text*/
	text-align:center;
	color:white;
	}
/*used in shop.php,*/
.ctrbox{/*Centered Box used in shop checkouts and wholesale reg*/
	position: relative;
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	font-family: "Arial Narrow";
	text-align:center;
	border:0pt solid black;
	}
.ibx{/*for input boxes not to wrap*/
    padding:0px 5px 0px 0px;
	float:left;
	max-width:100%;
	}
select.opt{
    font-size:12pt;
	font-weight:600;
	padding:0px 0px 0px 0px;
	color:black;
	max-width:100%;
	overflow:hidden;
	}
select.opt:hover{
	border:1pt solid black;
	border-radius: 4px;
	}
input.smbut[type="submit"]{/*for login etc on menu*/
    font-size:10pt;
	font-weight:400;
	width:130px;
	margin-top:0px;
	margin-left:10px;
	margin-bottom:0px;
	padding:2px 3px 2px 3px;
	background-color:#D5AE97;
	color:black;
	border-radius: 15px;
	}
input.smbut:hover[type="submit"]{
	background-color:#f3e8e0;
	}
input.smbut2[type="submit"]{/*for Gallery or Instock etc on menu*/
    font-size:10pt;
	font-weight:400;
	width:130px;
	margin-top:0px;
	margin-left:10px;
	margin-bottom:5px;
	padding:2px 3px 2px 3px;
	background-color:#f1e1d8;
	color:black;
	border-radius: 15px;
	}
input.smbut2:hover[type="submit"]{
	background-color:#D5AE97;
	}
input.checkout[type="submit"]{/*for checkout*/
    font-size:3pt;
	text-align:left;
	font-weight:400;
	width:119px;
	height:32px;
	margin:10px 2px;
	padding:0px;
	background: url("../buttons/check2.gif")  center no-repeat;
	border-radius: 15px;
	}
input.checkout:hover[type="submit"]{
	border:4px solid green;
	}
input.viewcart[type="submit"]{/*for view cart*/
    font-size:3pt;
	text-align:left;
	font-weight:400;
	width:119px;
	height:32px;
	margin:10px 10px;
	padding:0px;
	background: url("../buttons/cart.gif")  center no-repeat;
	border-radius: 15px;
	}
input.viewcart:hover[type="submit"]{
	border:4px solid black;
	}
input.remcart[type="submit"]{/*for remove item from cart*/
    font-size:3pt;
	text-align:left;
	font-weight:400;
	width:119px;
	height:32px;
	margin:10px 10px;
	padding:0px;
	background: url("../buttons/cart-.gif")  center no-repeat;
	border-radius: 15px;
	}
input.remcart:hover[type="submit"]{
	border:4px solid red;
	}
input.lastcat[type="submit"]{/*for checkout*/
    font-size:3pt;
	text-align:left;
	font-weight:400;
	width:119px;
	height:32px;
	margin:10px 10px;
	padding:0px;
	background: url("../buttons/lastcat.gif")  center no-repeat;
	border-radius: 15px;
	}
input.lastcat:hover[type="submit"]{
	border:4px solid green;
	}
input.helpbut[type="submit"]{/*for help*/
    font-size:3pt;
	text-align:left;
	font-weight:400;
	width:119px;
	height:32px;
	margin:10px 10px;
	padding:0px;
	background: url("../buttons/help.gif")  center no-repeat;
	border-radius: 15px;
	}
input.helpbut:hover[type="submit"]{
	border:4px solid yellow;
	}
input.cqty[type="submit"]{/*Change QTY button*/
    font-size:10pt;
	font-weight:400;
	width:110px;
	margin-top:0px;
	margin-left:10px;
	margin-bottom:5px;
	padding:2px 3px 2px 3px;
	background: url("../buttons/qty.gif")  center no-repeat;
	border-radius: 15px;
	}
input.bigbut[type="submit"]{/*big yellow button*/
    font-size:14pt;
	font-weight:600;
	padding:0px 3px 0px 3px;
	background-color:#FFFF00;
	color:black;
	border-radius: 15px;
	}
.linkbut{/*for links to look like buttons*/
    font-size:10pt;
	font-weight:400;
	width:130px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:-10px;
	padding:2px 3px 2px 3px;
	background-color:#E4A661;
	color:black;
	border-radius: 15px;
	}
table.ctr{/*centered table*/
	width:auto;
	margin:auto;
	}
td.ctd{/*calendar underlined cells*/
	font:12pt comic sans MS, helvetica, sans-serif;
	font-weight:600;
	padding:0px 25px 5px 25px;
	margin:0px;
	}
.ckb{/*shopping cart pic cell hidden on small screens*/
	padding:0px 0px 0px 0px;
	border-bottom:1pt solid black;
	border-right:1pt solid black;
	max-width:120px;
	}
.bdr1{/*table cell with a border bottom and right*/
	padding:0px 0px 0px 0px;
	border-bottom:1pt solid black;
	border-right:1pt solid black;	
	}
.bdrc{/*table cell with a border bottom and right centered*/
	padding:0px 0px 0px 0px;
	text-align:center;
	border-bottom:1pt solid black;
	border-right:1pt solid black;	
	}
.bdrr{/*table cell with a border bottom and right aligned right*/
	padding:0px 0px 0px 0px;
	border-bottom:1pt solid black;
	border-right:1pt solid black;
	text-align:right;
	}
a:link {
	color:#5B111D;
	text-decoration:none;
	}
a:visited {color:#a26740;}
a:hover {
	color:#5B111D;
	border-radius:8px;
	}
a.itdesc:link{
	width:98%;
	text-align:center;
	font-size:10pt;
	line-height:1;
	border-radius:4px;
	}
a.itdesc:hover{
	}
a.itdesc:visited{
	}
 .hr {
	border-color: #FFCC00;
	border-top:2pt solid ;
	}
a.foot{/*footer link*/
	font-size:10px;
	text-align:center;
	}
p.foot{/*footer text*/
	color: #6C0000;
	font:10px  times new roman, times, helvetica, sans-serif;
	padding:7px;
	font-weight: 200;
	text-align: center ;
	}
#Foot{
	color: #6C0000;
	font:10px  times new roman, times, helvetica, sans-serif;
	padding:7px;
	font-weight: 200;
	text-align: center ;
	float:none;
	margin-left:auto;
	margin-right:auto;
	width:auto;
	text-align:center;
	}
.wish-button {
    background-image: url(../buttons/wish+.gif);
	margin: 0;
    border: 0px;
    padding: 0;
    width: 118px;
    height: 30px;
    text-indent: -1000px; /* important part -- the css text-indent property
                             this rule attempts to push the caption outside
                             the button, effectively hiding it */
    background-color: #CB8B5C;
    background-position: center center;
    background-repeat: no-repeat;
      }
.cart-button {
    background-image: url(../buttons/cart+.gif);
	margin: 0px;
    border: 0px;
    padding: 0;
    width: 118px;
    height: 30px;
    text-indent: -1000px; /* important part -- the css text-indent property
                             this rule attempts to push the caption outside
                             the button, effectively hiding it */
    background-color: none;
    background-position: center center;
    background-repeat: no-repeat;
	}
@media (max-width: 780px){/*ipadmini*/
	h3{
		font-size:16pt;
		}
	#menctr{
	   margin-left:20%
		}
	#left{
		visibility:hidden;
		position:absolute;
		overflow:hidden;
		left:100px;
		top:200px;
		width:0px;
		height:0px;
		}
	.shopinfo {/*Division for shopping cart -- cust info */
		margin:45px 2px 10px 2px;
		max-width:80%;
		}
	#srch{
		margin-top:25px;
		}
	img.nb2 {/*slider pics*/
		border:4px outset black;
		max-width:95%;	
		}
	.piclgr {
		max-width:50%;
		height:auto;
		}
	.piclgl {
		max-width:50%;
		height:auto;
		}
	.pictiny {
		width:50px;
		}
	.picsm {
		height:210px;
		width:30%;
		overflow:hidden;
		}
	.picsm2{
		width:23%;
		margin:2px;
		overflow:hidden;
		}
	h4 {
		font-size:12pt;
		}
	.ckb{
		visibility:hidden;
		max-width:0px;
		}
	.collapsible {
		width:98%;
		margin:auto;
		}
	#srchbox{
		max-width:98%;
		margin:0px;
		}
	td.ctd{
		border-bottom:1pt solid black;
		}
}
@media (max-width:600px){
	.bdr1{
		font-size:10pt;
		}
	.bdrr{
		font-size:10pt;
		}
	#right{
		width:0px;
		height:0px;
		visibility:hidden;
		}
	h4 {
		font-size:10pt;
		}
	#social1{
		font-size:12pt;
		width:100%;
		}
	img.nb2 {/*slider pics*/
		max-height:95%;
		}
	.picsm2{
		height:140px;
		width:29%;
		margin:2px;
		overflow:hidden;
		}
	.picsm{
		height:120px;
		width:29%;
		margin:2px;
		overflow:hidden;
		}
	.itdesc{
		visibility:hidden;
		}	
	input.remcart[type="submit"]{/*for remove item from cart*/
		background: url("../buttons/cart-s.gif")  center no-repeat;
		width:32px;
		height:29px;
		}
	input.helpbut[type="submit"]{/*for remove item from cart*/
		background: url("../buttons/help-s.gif")  center no-repeat;
		width:32px;
		height:29px;
		}
	input.lastcat[type="submit"]{/*for remove item from cart*/
		background: url("../buttons/lastcat-s.gif")  center no-repeat;
		width:32px;
		height:29px;
		}
	input.cqty[type="submit"]{/*Change QTY button*/
		background: url("../buttons/qty-s.gif")  center no-repeat;
		width:32px;
		height:29px;
		}
	input.checkout[type="submit"]{/*for remove item from cart*/
		background: url("../buttons/check-s.gif")  center no-repeat;
		width:32px;
		height:29px;
		}
	input.specord[type="submit"]{/*for checkout*/
		background: url("../buttons/order-s.gif")  center no-repeat;
		width:32px;
		height:29px;
		}	
}
@media (max-width: 500px){
	#header:after {
		position:absolute;
		top:65px;
		left:30px;
		content:" BEST VIEWED IN LANDSCAPE MODE";
		font:12pt  verdana,arial, helvetica, sans-serif;
		font-weight:900;
		color:black;
		z-index:3;
		}
	#header{
		top:40px;
		}
	#menctr{
		margin-left:0px;
		}
	#nav a {
		 width:115px;
		 }
	#nav li {
		width:115px;
		}
	#slidebar{/*photo slide bar across top of page*/
		margin-top:0px;
		}
	#menuS{
		top:170px;
		width:110px;
		}
	#Content{
		margin:145px 0px 0px 0px;
		}
	#Content2{
		margin:145px 0px 0px 110px;
		}
	input.smbut[type="submit"]{/*for login etc on menu*/
		margin:0px;
		width:110px;
		}
	input.smbut2[type="submit"]{/*for Gallery or Instock etc on menu*/
		margin:0px;
		width:110px;
		}
	input.viewcart[type="submit"]{/*for view cart*/
		width:110px;
		margin:1px 0px;
		}
	.shopinfo {/*Division for shopping cart -- cust info */
		margin:35px 2px 10px 2px;
		max-width:100%;
		height:auto;
		border:1pt solid black;
		}
	.boxed{/*display collapsible list title button*/
		font-size:12pt;
		width:110px;
		}
	.boxlist{
		width:100px;
		margin-left:0px;
		}
	.collapsible {
		font-size:12pt;
		}
	.help2 {
	  padding:0px 5px;
	  max-height: 0;
	  width: 80%;
	  margin-left:1%;
	  margin-right:1%;
	  }
	 .picsm {
		height:90px;
		width:30%;
		margin:1px;
		padding:2px
		}
	.picsm2 {
		height:125px;
		width:30%;
		margin:1px;
		padding:2px
		}
	.piclgr {
		max-width:50%;
		height:auto;
		}
	.piclgl {
		max-width:100%;
		height:auto;
		}
	.cart2{
		max-width:100%;
		width:auto;
		margin:auto;
		}
	table.ctr{
		margin:auto;
		width:auto;
		}
}