﻿<style type="text/css">
{
	}
.style2 {
	border-width: 0px;
}

	
.pagetitle {
	font-size: small;
	font-family: "Bradley Hand ITC";
	color: #000000;
	text-align: center;
	font-weight: bolder;
}
.heading {
	font-size: large;
	font-family: "Garamond";
	color: #CC0000;
}
.subheading {
	font-size: medium;
	font-family: "Garamond";
	color: #FABC53;
}
.sidemenu {
	font-family: "Garamond";
	font-size: small;
	text-decoration: none;
	padding-left: 3px;
	color: #CC0000;
	text-align: left;
	vertical-align: top;
}
.sidemenulink {
	text-decoration: none;
	color: #EFE58C;
	style: ;
	font-family: "Garamond";
}
.topcenterbox {
	text-align: center;
	border-bottom: 5px solid #333333;
	background-color: #000000;
}
.overlay {
	z-index: 2
	font-size: large;
	font-family: "Garamond";
	color: #CC0000;
    text-align: center;
}
.wholetable {
	border: 4px solid #4B3429;
}
.style8 {
	margin: 0px;
	padding: 0px;
	line-height: 15px;
}
.subhead {
	font-size: medium;
	text-align: center;
	font-family: "Bradley Hand ITC";
	font-weight: bold;
	color: #FF0000;
}
.purplehead {
	text-align: center;
	font-family: "Bradley Hand ITC";
	font-size: large;
	font-weight: bold;
	color: #CC00FF;
}

.advbox {
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	font-weight: bold;
	background-color: #000000;
	vertical-align: top;
	text-align: center;
	font-family: "Garamond";
	color: #EFE58C;
	background-image: url('http://www.magicknotionsandpotions.com/images/bubblebg.jpg');
	background-position: -10px;
	text-decoration: none;
	width: 125px;
}
.advbox2 {
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	font-weight: bold;
	background-color: #000000;
	vertical-align: top;
	text-align: center;
	font-family: "Garamond";
	color: #EFE58C;
	background-image: url('http://www.magicknotionsandpotions.com/images/purplebubblebg.jpg');
	background-position: -10px;
	text-decoration: none;
	width: 125px;
}

.mainbox {
	border: thin ridge #666666;
	text-align: center;
	background-color: #000000;
	vertical-align: top;
}
.maintext {
	color: #FABC53;
	text-align: left;
	font-family: Garamond;
	text-decoration: none;
	font-size: medium;
	text-align: left;
	margin-right: 20px;
	margin-left: 20px;
}
.menubox {
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	background-color: #000000;
	vertical-align: top;
	background-image: url('http://www.magicknotionsandpotions.com/images/bubblebg.jpg');
	background-position: -10px;
}
.menubox2 {
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	background-color: #000000;
	vertical-align: top;
	background-image: url('http://www.magicknotionsandpotions.com/images/purplebubblebg.jpg');
	background-position: -10px;
}

.dividerbox {
	background-color: #000000;
	vertical-align: top;
	background-image: url('http://www.magicknotionsandpotions.com/images/bubblebg.jpg');
	height: 10px;
}
.dividerbox2 {
	background-color: #000000;
	vertical-align: top;
	background-image: url('http://www.magicknotionsandpotions.com/images/purplebubblebg.jpg');
	height: 10px;
}

.tobrightbox {
	background-color: #000000;
	border-bottom: 5px solid #333333;
	}
.topleftbox {
	background-color: #000000;
	border-bottom: 5px solid #333333;
}
.redlisttext {
	color: #CC0000;
	font-weight: bold;
	font-family: "Garamond";
	font-size: small;
	text-decoration: none;
	
	
}
.list {
	
	margin-left: 40%;
	text-align: left;
	list-style-type: circle;
	color: #CC0000;
}
h1 {
	padding: 0px;
	margin: 0px;
}
.heading2 {
	font-size: large;
	font-family: "Garamond";
	color: #CC0000;
}
.heading3 {
	font-size: medium;
	font-family: "Garamond";
	color: #CC0000;
}

.bottombox {
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	background-color: #000000;
	vertical-align: top;
	text-align: center;
}
.sitemaplink {
	text-decoration: none;
	font-family: "Garamond";
	font-size: small;
	font-weight: bold;
	color: #FF9933;
	text-align: center;
}
.shoppingcart {
	color: #CC0000;
	font-size: medium;
	font-weight: bold;
	font-family: Century;
}
.sitemap {
	font-family: "Garamond";
	font-size: small;
	font-weight: bold;
	color: #CC0000;
	text-align: center;
	text-decoration: none;
	background-color: #000000;
}
.adlink {
	border-width: 0px;
	color: #FF0000;
	text-decoration: none;
}
.bodylink {
	text-decoration: none;
	color: #cc0000;
}
.viewcart {
	border: medium inset #CC0000;
	text-decoration: none;
	font-family: "Garamond";
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-align: center;
	background-color: #CC0000;
}
.redmaintext {
	color: #CC0000;
	font-weight: bold;
	font-family: "Garamond";
	font-size: small;
	text-decoration: none;
}

.cartbutton {
	color: #FABC53;
}
/*begin menu style sheet*/
.glossymenu{
	margin: 0px 0 5px 0;
	padding: 0;
	width: 135px; /*width of menu*/
}
.glossymenu a.menuitem{
	background: repeat-x left bottom;
	font: bold small "Garamond";
	color: #FFCC00;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/;
	width: auto;
	padding: 4px 0 4px 10px;
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #660066;
}
.glossymenu .menuitem:active{
	color: #660033;
}
.glossymenu a.menuitem:visited{
	color: #FF9900;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
}
.glossymenu div.submenu{
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
	border-bottom: 1px solid blue;
	border-bottom-color: #660066;
}
.glossymenu div.submenu ul li a{
	display: block;
	font:  normal x-small "Garamond";
	color: #FFCC00;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 10px;
	text-indent: 8px;
}
.glossymenu div.submenu ul li a:hover{
	background: #CC0000;
	colorz: white;
}


</style>

