#headerback{
	position:fixed;
	top:0px;
	left:0px;
	color:#FBC6D9;
	text-indent: -100em;
	width:100%;
	height:188px;
	background-image: url("../buttons/back.jpg");
	z-index:1;
	}
#header{
	position:fixed;
	top:55px;
	width:100%;
	height:130px;
	background: url(../buttons/title.gif)  center/contain no-repeat;
	z-index:2;
	}
body {
	margin:5px;
	padding:5px;
	font:14px  arial, helvetica, sans-serif;
	font-weight:400;
	line-height:18px;
	color:black;
	background-color: #B8A5D8;
	background-image: url("../buttons/back.jpg");
	}
#Menu {/*main menu across the top*/
	position:fixed;
	top:28px;
	left:20px;
	padding:0px 0px 0px 0px;
	width:95%;
	text-align:center;
	font-size:14pt;
	line-height:20pt;
	text-align:center;
	z-index:2;
	}
#msg {/*class for message used by BorderOff BorderOn*/
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	color: black;
	font:15pt 'arial narrow', helvetica, sans-serif;
	text-align:center;
	width:auto;
	padding:auto;
	font-weight: 600;
	border:0pt outset #372E49;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	z-index:2;
	}
#menuS{/*side menu in shop*/
	position: absolute;
	top: 200px;
	left: 0px;
	width: 150px;
	font-family: 'Arial Narrow', helvetica, sans-serif;
	}
#slidebar{/*photo slide bar across top of page*/
	margin:0px 0px 15px 0px;
	width:auto;
	overflow:hidden;
	padding:5px 5px 5px 5px;
	background: #B8A5D8;
	border:2pt outset #593D15 ;
	font-size: 10pt;
	font-weight: 200;
	line-height:10pt;
	text-align:center;
	font-family: ariel, helvetica, sans-serif;
	}
#srch {/*division for shop search*/
	margin:0px 0px 10px 0px;
	width:100%;
	float:left;
	background:none;
	border:1pt solid black;
	}
#custinfo {/*Division for Logged in Customer Options*/
	position:absolute;
	top:10px;
	left:30px;
	margin:0px 10px 5px 2px;
	width:150;
	padding:5px;
	color:#000000;
	background: #C2B1CD;
	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:30px 2px 10px 0px;
	width:300px;
	float:left;
	padding:5px;
	color:#68440F;
	background: #C2B1CD;
	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*/
	position:absolute;
	top:220px;
	width:250px;
	left:400px;
	width:200px;
	padding:5px;
	color:#68440F;
	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:200px;
	left:160px;
	width:auto;
	}
.cart{/*Division for cart display*/
	margin:50px 0px 5px 2px;
	color: black;
	font:12pt arial, helvetica, sans-serif;
	padding:7px;
	font-weight: 400;
	background-color: #B095D5;
	border:0pt solid #BF9F1E;
	}
.cart2{/*Division for cart display*/
	margin:225px 0px 5px 2px;
	color: black;
	font:12pt arial, helvetica, sans-serif;
	padding:7px;
	font-weight: 400;
	background-color: none;
	border:0pt solid #BF9F1E;
	}
.ctrbox{/*Centered Box used in shop checkouts and wholesale reg*/
	position: relative;
	margin-left:auto;
	margin-right:auto;
	width:auto;
	font-family: "Arial Narrow";
	text-align:center;
	border:0pt solid black;
	}
.grpbox {/*used in customer profile update...*/
	margin:5px;
	text-indent:0px;
	width:450px;
	float:left;
	vertical-align:text-top;
	padding:5px;
	background:None ;
	border-top:1pt solid #808080;
	border-right:1pt solid black;
	border-bottom:1pt solid black;
	border-left:1pt solid #808080;
	font-size:12pt;
	font-weight: 400;
	font-family:  arial, helvetica, sans-serif;
	}
.ibx{/*for input boxes not to wrap*/
    padding:0px 10px 0px 0px;
	float:left;
	}
.ibx2{/*for input boxes not to wrap on separate lines no float*/
    padding:0px 10px 0px 0px;
	}
input.smbut[type="submit"]{/*for login etc on menu*/
    font-size:10pt;
	font-weight:400;
	width:130px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:-10px;
	padding:2px 3px 2px 3px;
	background-color:#FFFF00;
	border-radius: 15px;
	}
input.smbut2[type="submit"]{/*for gallery in stock areas*/
    font-size:10pt;
	font-weight:400;
	width:130px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:-10px;
	padding:2px 3px 2px 3px;
	background-color:#A46AE3;
	border-radius: 15px;
	}
input.bigbut[type="submit"]{/*big yellow button*/
    font-size:14pt;
	font-weight:600;
	padding:0px 3px 0px 3px;
	background-color:#FFFF00;
	border-radius: 15px;
	}
input.big[type="text"]{
    font-size:20px;
	font-weight:600;
	padding:0px 0px 0px 0px;
	color:black;
	}
table.steps{/*Steps for Checkout*/
	position:absolute;
	top:195px;
	left:210px;
	padding:0px 0px 0px 0px;
	}
td.ck1{/*Checkout Step not completed*/
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font:12px arial, helvetica, sans-serif;
	font-weight:400;
	height:18px;
	width:209px;
	background: url("../buttons/ck2.gif") center no-repeat
	}
td.ck2{/*Checkout Step not completed*/
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font:12px arial, helvetica, sans-serif;
	color:black;
	font-weight:600;
	height:18px;
	width:209px;
	background: url("../buttons/ck1.gif") center no-repeat
	}
h4.ckout {/*Used in the Shop for Check out pages*/
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:12pt;
	line-height:15px;
	font-weight:900;
	color:#FFFF33;
	}
#pages{/*used for multiple page selection in category display in shop or calendar?*/
	position:absolute;
	right:20px;
	top:150px;
	width:120px;
	text-align:left;
	text-indent:0px;
	font: 10pt arial, helvetica, sans-serif;
	border:0pt solid black;
	padding:0px;
	color:Black;
	font-weight:600;
	}
/*used in cal2.php,shop.php,index.php*/
#Content {/*Main page content*/
	margin:180px 15px 0px 15px;;
	width:auto;
	padding:5px;
	background: #B8A5D8;
	border:2pt outset #53316F;
	font-size: 14pt;
	font-weight: 400;
	line-height:20px;
	font-family: papyrus, helvetica, sans-serif;
	}
#Content2 {/*Shop page content and Calendar*/
	margin:180px 15px 0px 150px;
	width:auto;
	padding:5px;
	min-height:600px;
	background: #B8A5D8;
	border:2pt outset #53316F;
	font-size: 14pt;
	font-weight: 400;
	line-height:20px;
	font-family: ariel, helvetica, sans-serif;
	}
#Content3{/*Main page content*/
	margin:180px 15px 0px 15px;;
	width:auto;
	padding:5px;
	background: #B8A5D8;
	border:2pt outset #53316F;
	font-size: 14pt;
	font-weight: 400;
	line-height:20px;
	font-family: papyrus, helvetica, sans-serif;
	}
#ContentW {/*Wish List contents*/
	margin-top:7px;
	margin-left:230px;
	margin-right:10px;
	width:auto;
	padding:5px;
	color:#68440F;
	background: #2BBAE3;
	border-top:0pt solid #FFFF53 ;
	border-right:0pt solid #000000;
	border-bottom:0pt solid #000000;
	border-left:0pt solid #FFFF53;
	font-size: 14pt;
	font-weight: 400;
	line-height:25px;
	font-family: papyrus, helvetica, sans-serif;
	}
#right{/*Used for News Column*/
	margin-top:2px;
	margin-left:5px;
	margin-right:0px;
	width:200px;
	float:right;
	padding:5px 5px 5px 5px;
	background: #C0C0C0;
	border:2pt outset #3D0079 ;
	font-size: 10pt;
	font-weight: 200;
	line-height:16px;
	text-align:center;
	font-family: ariel, helvetica, sans-serif;
	}
#left{/*used for Classes info*/
	margin-top:2px;
	margin-left:0px;
	margin-right:5px;
	width:300px;
	float:left;
	padding:5px;
	background: #C0C0C0;
	border:2pt outset #3D0079 ;
	font-size: 10pt;
	font-weight: 200;
	line-height:16px;
	text-align:left;
	font-family: ariel, helvetica, sans-serif;
	}
.infoS {/*shop Category info on side*/
	margin-top:0px;
	text-indent:10px;
	width:350px;
	min-height:410px;
	float:right;
	padding:5px;
	background:none ;
	color:#000000;
	border:2pt outset #E3C464;
	font-size:12pt;
	font-weight: 400;
	font-family:  arial, helvetica, sans-serif;
	}
.Clear{/*used in cal2.php,shop.php*/
	clear:both;
	}
.picsm {/*used in shop and calendar for thumbnails.*/
	font-family: arial;
	text-align:center;
	color:#000000;
	margin-left:auto;
	margin-right:auto;
	padding: 5px,5px,5px,5px;
	float:left;
	width: 200px;
	height:210px;
	background: none;
	border-top:0pt solid #E5C2EC ;
	border-right:0pt solid #E5C2EC;
	border-bottom:0pt solid #E5C2EC;
	border-left:0pt solid #E5C2EC;
	font-size: 12pt;
	font-weight: 400;
	}
.picsm2 {/*used in shop for thumbnail order status view and news items on index*/
	font-family: arial;
	text-align:left;
	color:#000000;
	margin-left:0px;
	margin-right:auto;
	padding: 0px;
	float:left;
	width: 155px;
	background: none;
	border:0pt solid #E5C2EC;
	font-size: 12pt;
	font-weight: 400;
	}
.pictiny {/*Used in shop for the additional photos thumbs on the detail page*/
	font-family: arial;
	text-align:center;
	color:#000000;
	margin-left:auto;
	margin-right:auto;
	padding: 2px,0px,2px,0px;
	float:left;
	width: 100px;
	background: none;
	border:0pt solid #764727;
	font-size: 10pt;
	font-weight: 400;
	}
.piclgl {/*Used in the Calendar for full size images*/
	font:10pt Arial Narrow Arial sans-serif;
	vertical-align:text-top;
	text-align:justify;
	color:#000000;
	margin:5px 5px 5px 5px ;
	padding: 0px 0px 0px 0px;
	float:left;
	background-color:#FEF9D8;
	font-weight:400;
	}
.piclgr {/*Used in the Calendar for full size images*/
	font:10pt Arial Narrow Arial sans-serif;
	vertical-align:text-top;
	text-align:justify;
	color:#000000;
	margin:5px 5px 5px 5px;
	padding: 0px 0px 0px 0px;
	float:right;
	background-color:#FEF9D8;
	font-weight:400;
	}
TABLE.ctr{/* Used in Shop and Calendar*/
	margin:auto;
	width:auto;
	padding:0;
	float:none;
	}
.bdr1{/*table cell with a border bottom and right*/
	padding:0px 0px 0px 0px;
	border-bottom:1pt solid #3B3B3B;
	border-right:1pt solid #3B3B3B;
	}
.bdrr{/*table cell with a border bottom and right aligned right*/
	padding:0px 0px 0px 0px;
	border-bottom:1pt solid #3B3B3B;
	border-right:1pt solid #3B3B3B;
	text-align:right;
	}
.bkg{
	background-color: #94A4AD;
	}
.bdr1c{/*table cell with bottom and rt border centered*/
	border-bottom:1pt solid #535C66;
	border-right:1pt solid #BF9F1E;
	text-align:center;
	}
h2 {
	margin:0px 0px 10px 0px;
	padding:0px;
	font:28px  arial, helvetica, sans-serif;
	font-weight:900;
	font-size:28px;
	line-height:25px;
	font-weight:900;
	color:black;
	}
h4 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:16px;
	line-height:16px;
	font-weight:900;
	color:black;
	}
.ct {/*Centered text*/
	text-align:center;
	}
.red {/*centered red text*/
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:16px;
	line-height:16px;
	font-weight:900;
	color:red;
	text-align:center;
	}
a:link {
	color:#3333CC;
	}
a:visited {
	color:#400040;
	text-decoration: none;
	font-style:italic;
	}
a:hover {
	background-color:#FFFF33;
	}
a.BorderOn  { /*class to make messages appear*/
	background-repeat: no-repeat;
	padding:0px;
	border:0pt solid #DFDFDF;
	text-decoration:none;
	border-radius:5px;
 }			 
a.BorderOff {  /*class to make messages appear*/
	background-image: none;
	padding:0px;
	border:0pt solid white;
	text-decoration:none;
	border-radius:5px;
  }
a.men:link {/*Main Side Menu link in shop and Calendar*/
	color: #6200C4;
	padding:0px 0px 0px 15px;
	font:12pt papyrus,ariel, helvetica, sans-serif;
	font-weight: 600;
	text-decoration: none;
	line-height:20pt;
	margin-left: 5px;
	}
a.men:hover{
	background-image: url(../buttons/starwS.gif);
	background-position: left;
	background-repeat: no-repeat;
	background-color:none;
	text-decoration: none;
	padding:0px 0px 0px 15px;
	color: #B164FF;
	font-size:12pt;
	line-height:20pt;
	font-weight: 600;
	text-decoration: none;
	margin-left: 5px;
	}
a.men:visited{
	color: #50009F;
	padding:0px 0px 0px 15px;
	font:12pt papyrus,ariel, helvetica, sans-serif;
	line-height:20pt;
	font-weight: 600;
	text-decoration: none;
	margin-left: 5px;
	}
a.men2:link{/*Used in Calendar*/
	font:10pt  arial, helvetica, sans-serif;
	font-style:none;
	color:#6200C4;
	text-decoration: none;
	font-weight: 600;
	}
a.men2:hover{
	font:10pt  arial, helvetica, sans-serif;
	font-style:none;
	font-weight: 600;
	text-decoration: none;
	color:#B164FF;
	}
a.men2:visited{
	font:10pt  arial, helvetica, sans-serif;
	font-style:none;
	font-weight: 600;
	text-decoration: none;
	color:#50009F;
	}
a.men3:link{/*Used in shop for Customer options, secondary side menu and in Calendar for secondary side menu*/
	font:10pt  arial, helvetica, sans-serif;
	margin-left:10px;
	font-style:italic;
	color:#6200C4;
	font-weight: 600;
	}
a.men3:hover{
	font:10pt  arial, helvetica, sans-serif;
	margin-left:10px;
	font-style:italic;
	font-weight: 600;
	color:#B164FF;
	}
a.men3:visited{
	font:10pt  arial, helvetica, sans-serif;
	margin-left:10px;
	font-style:italic;
	color:#50009F;
	}
a.men4:link{/*Used in shop for links in thumbnail views*/
	font:12pt  arial, helvetica, sans-serif;
	font-style:none;
	color:#6200C4;
	text-decoration: none;
	font-weight: 600;
	}
a.men4:hover{
	font:12pt  arial, helvetica, sans-serif;
	font-style:none;
	font-weight: 600;
	text-decoration: none;
	color:#B164FF;
	}
a.men4:visited{
	font:12pt  arial, helvetica, sans-serif;
	font-style:none;
	text-decoration: none;
	color:#50009F;
	}
img.nb { 
	border-width:0pt;
	padding:2px;
	max-width:100%;	
	max-height:90%;	
	height:auto;
	}
img.b { 
	border-color: #660099;
	border-width:2pt;
	max-width:100%;	
	padding:10px;
	}
hr {
	color: #660099;
	}
a.foot{
	font-size:12px;
	position:center;
	text-align:center;
	}
#foot{
	color: #000000;
	font:10pt  times new roman, times, helvetica, sans-serif;
	padding:7px;
	margin:5px 0px 0px 5px;
	font-weight: 200;
	width:auto;
	text-align:center;
	clear:both;
	}
.wish-button {/*causes wish list button to be shown and functional in shop*/
    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: #C2B1CD;
    background-position: center center;
    background-repeat: no-repeat;
      }
.cart-button {/*causes add to cart button to be shown and functional in shop*/
    background-image: url(../buttons/cart+.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: #C2B1CD;
    background-position: center center;
    background-repeat: no-repeat;
      }
@media (max-width: 850px){
	#header{
		height:90%;
		max-height:90px;
		}
	#Menu{
		position:fixed;
		top:105px;
		left:20px;
		}
	#msg{
		position:fixed;
		top:160px;
		left:0px;
		right:0px;
		}
	#Content2{
		margin-top:190px;
		margin-right:5px;
		}
	.infoS {
		width:250px;
		padding:5px;
		}
	.picsm {
		max-width: 20%;
		max-height:auto;
		overflow:hidden;
		}
	#foot{
		margin:55px 0px 0px 5px;
		}
}
@media (max-width: 650px){
	.infoS {
		margin-top:0px;
		text-indent:0px;
		min-height:200px;
		width:100%;
		padding:2px;
		}
	.infoS:before {
		position:absolute;
		top:195px;
		left:135px;
		content:" SCROLL DOWN FOR PICTURES";
		font:12pt  verdana,arial, helvetica, sans-serif;
		font-weight:900;
		color:black;
		z-index:0;
    }
}