@charset "UTF-8";
/* CSS Document */

body {
	margin-top: 0px;
	background-image: url(../images/mysticbgnew.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #cfb897;
	background-attachment: fixed;
}
body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #300;
}
a:link {color: #000;text-decoration: none;}
a:visited {text-decoration: none;color: #000;}
a:hover {text-decoration: underline;color: #000;}
a:active {text-decoration: none;color: #000;}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	margin: 0px;
	padding: 0px;
}
h1,h2,h3,h4,h5,h6 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	font-weight: normal;
}
p {
	margin: 0px;
	padding: 0px;
}
#wrapper {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
}
#title {
	float: left;
	width: 850px;
	height: 195px;
	background-image: url(../images/line.png);
	background-repeat: repeat-x;
}
.titleR {
	float: right;
	color: #FFF;
	font-size: 14px;
	font-weight:bold;
	margin-top: 25px;
	margin-right:10px;
	text-decoration:none;
}

.titleR a {
	color: #fffed8;
	text-decoration:none;
}

.titleR hover:{
	color: #FFF;
	text-decoration:none;
}
.titleL {
	background-image:url(../images/mysticlogo.png);
	background-repeat:no-repeat;
	margin-top:8px; 
	float:left;
	width: 367px;
	height: 192px;
}
.numberText {
	font-size: 18px;
	color: #FFF;
}
#container {
	float: left;
	width: 850px;
}
.navList {
	color: #FFF;
	text-align: center;
	display: inline;
	list-style:none;
	padding-right: 10px;
	padding-left: 10px;
}
.mainContent {
	float: left;
	width: 828px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #8DAA6F;
	border-left-color: #8DAA6F;
	min-height:420px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8DAA6F;
	background-color: #FFF;
	padding: 10px;
}
.sideNavLinks {
	clear: right;
	float: left;
	width: 130px;
}
.sideNavLinksHead {
	list-style:none;
	color: #333;
	font-weight: normal;
}
.sideNavLinksTxt {
	list-style:none;
	margin-top: 6px;
	margin-bottom: 6px;
	font-size: 10px;
}
.cartWrap {
	float: left;
	width: 828px;
	min-height:380px;
}
.head1 {
	font-size: 24px;
	color: #333;
}
.footer {
	float: left;
	height:26px;
	width: 850px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 10px;
	color: #2A3624;
	text-align: center;
	background-image:url(../images/botnavbg.png);
	background-repeat:no-repeat;
}

.thumbnail{
        padding:5px; 
		margin:5px; 
		border-width:1px; 
		vertical-align: top; 
		border-color: #A6A6A6;  
		float: left;
		border-style:solid; 
		font-size:9px; 
		background-color:#fff;  
		text-align:center;
}

.gallery {
	text-align:center; margin:auto;
}
a:link  img.thumbnails {border: none}
a:visited  img.thumbnails {border: none}
a:active   img.thumbnails {border: none}
a:hover    img.thumbnails {border: none}

#navbarcont {
	height: 26px;
	width: 850px;
	background-image:url(../images/navbarbg.png);
	background-repeat:no-repeat;
}
#navbar {
	margin: 0;
	padding: 0;
	height: 1em;
	padding-left:10px;
	padding-right:10px;}
#navbar li {
	list-style: none;
	float: left;
	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
	}
	
#navbar li a {
	display: block;
	padding: 3px 8px;
	color: #fff;
	text-decoration: none; }

#navbar li a:hover {
	background-color: #be9f7f;
	}
	
#navbar li ul {
	display: none; 
	width: 10em; /* Width to help Opera out */
	background-color: #be9f7f;}
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
#navbar li:hover li, #navbar li.hover li {
	float: none; }
#navbar li:hover li a, #navbar li.hover li a {
	background-color: #be9f7f;
	border-bottom: 1px solid #fff;
	color: #000; }
#navbar li li a:hover {
	background-color: #a6825c; }
	
<!-- Test start -->
	
	#btn_contact
{
	display: block;
	width: 134px;
	height: 20px;
	background: url(../images/contactdbl.png) left top no-repeat;
}
#btn_contact:hover
{
	background-position:-134px 0px;
}

<!-- Test start -->