body {
    margin: 0;
    padding: 0;
    background: rgba(255,255,255,1);
    background-attachment: fixed;
    color: #3D3D3D;
    font: 12px Arial, Helvetica, sans-serif;
   	line-height:160%;
   	height: 100%; 
   	margin-top: -1px; 
   	z-index:0; 
   	position:relative;
}

a
{
    font-family: Arial, Helvetica, sans-serif;
    color: #3D3D3D;
    xtext-decoration: none;
}

a:hover
{
    color: #737373;
    text-decoration: underline;
}

#logo {
	min-height:100px;
	width: 100%;
	overflow: hidden;
	position: fixed;
	margin-bottom: 100px;
	height: 100px;
}

#wrapper{
	width:100%;
	xmargin-top:7px;
}


#leftpanel{
	float:left;
	width:20%;
}


ul {
	list-style: none;
	margin-right:20px;
    padding:0

}


#leftpanel ul li ul {
	margin:0;
	margin-top:5px;
	list-style: none;

}

#navigation li a:hover,#navigation  li a.selected{background: #ec0000;}


#navigation li a  {
	text-decoration:none;
	font-size: 14px;
	background: #000;
	color: #fff;
	/*text-transform: uppercase;*/
}



#navigation li{ margin-top:10px;  }
#navigation li a{  padding:5px; }

#rightpanel{
  	background-color: rgba(230,230,230,0);
  	float:left;
    width:80%;
    margin-bottom: 40px;
    margin-top: 100px;
    min-height: 600px;
}


#rightpanel .content{
	padding:10px;
	margin-right:20px;
	margin-left:15px;
	margin-bottom:55px;
}




#imgcontent{
	width:45%;
	float:left;
}

#textimg{
	width:54%;
	float:left;
	margin-top:60px;
	text-align: center;

}

#textimg img{

}

.title {
	font-size:16px;
	padding-left:22px;
	padding-top: 20px;
	color:#000;
	font-weight:bold;
}

h1, h2, h3
{
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    color: #3D3D3D;
    line-height: 1em;
}

h1
{
    font-size: 1.3em;
}

h2
{
    font-size: 1.3em; 
}

h3
{
    font-size: 1em; 
}


#footerleft{
float:left;
margin-left:5px;
}
 #footerright{
margin-right:5px;
float:right;
}



 @media screen{
  div#footer{
   position: fixed;
  }
 }
 * html body{
  overflow:hidden;
 }
 * html div#content{
  height:100%;
  overflow:auto;
 }



#announcement { /* Vertical accordion menu on home page */
	border: 0px solid #666;
    margin-top: 20px;
	list-style-type: none;
    margin-bottom:50px;
}


#announcement li {
	list-style-type: none;
	border-bottom: 1px solid #666;
	xoverflow: hidden;
	padding:15px;
    xheight: 15px;
    xmargin-left:20px;
}

#announcement li div {
	color: #000;
}

#announcement li div span {
	margin-right:10px;
}


#announcement #current { /* Changes based on jquery */
   height: 100%;
}


#announcement .label {
    font-weight: bold;
	color: #666;
	text-decoration: none;
	xmargin-left:50px;
}

#announcement .label-wide {
	margin-right: 150px;
}

#announcement a.etype:hover,#announcement a.dtype:hover {
	color: #000;
}



#announcement a.order, #announcement .order { /* Numbering system for horizontal accordion slider */
	color: #666;
	xdisplay: block;
	xfloat: left;
	padding: 0px 0px 0px 5px;
	xposition: relative;
	text-decoration: none;
	margin-right:450px;
    font-weight: bold;
}



#announcement a.order:hover {
	color: #000;
}

#announcement #current a.order:hover {
 color: #000;
}

#announcement #current div {
 font-weight:normal;
}

#announcement #current span,#announcement #current a {
 color: #000;
}

#announcement li div.content { /* Main content in each accordion level goes in here */

	margin: 2px 0px 0px 27px;
	padding: 10px 0px 0px 0px;
}

#announcement li div img {
	border: 1px solid #eee;
	xmargin-left:20px;
	margin-right: 15px;
    xwidth:100px;
    float:left;
}

#announcement li div p {
    xfloat:left;
    width:75%;
	font-size: 1.1em;
	padding: 0px 10px 0px 0px;
	margin-top:-5px;
}



form {
	padding: 0px;
	margin-left:15px;
	margin-right: 100px;
	xwidth:40%;
	float:left;
}

input, textarea {
	margin-bottom: 10px;
}

fieldset {
	border: 0;
	padding: 0;
}


#righttext{
float:left;
width:50%;
margin:22px;

}

input,textarea{
padding:5px;
xwidth:255px;
}

.submit{
padding:5px;
width:120px;
}


/**************************************************
	MENU
**************************************************/

.header .menu {
	margin-top: 100px;	
	text-transform: uppercase;
	height: 100%;
}

.header .menuMask {
	position: relative;
	height: auto;
}

.header .menu .nav {
	position: relative;
}

.header .menu ul li {
	margin-bottom: 5px;
}

.header .menu ul li a {
	xfont: bold 14px 'Lucida Sans';
	color: #3D3D3D;
	line-height: 25px;
	padding: 5px 20px 0px 10px;
	background: #FFFFFF;
	display: inline-block;
	text-decoration:none;
}

.header .menu ul li a:hover {
	color: #737373;
	background: #A7A7A7;
}

.header .menu ul li ul {
	margin-top: 5px;
	border-left: 5px solid #000;
	xdisplay: none;
}

.header .menu ul li ul li{
	margin-bottom: 1px;
}

.header .menu ul li ul li a {
	font-size: 12px;
	color: #3D3D3D;
	line-height: 20px;
	background: #FFFFFF;
}

.header .menu ul li ul li a:hover {
	color: #737373;
	background: #A7A7A7;
}

.current a {
	color: #737373 !important;
	background: #A7A7A7 !important;
}
			

/**************************************************
	FOOTER
**************************************************/

.footer {
	width: 100%;
	height: 30px;
	background-color: #406618;
	position: absolute;
	bottom:  0px;
	left: 0px;
	z-index: 999;
}

.footer .icons {
	padding:   0px  0px  0px 10px;
	float: left;
	margin-top:-4px;
}

.footer .icons ul.list li {
	float: left;
	margin-right: 5px;
}

.footer .icons ul.list li a {
	width: 16px;
	height: 16px;
	display: block;
	background: #FFFFFF;
}

.footer .icons ul.list li a span {
	display: none;
}

.footer .icons ul.list li a.text {
	width: 100px;
	background: none;
}

.footer .icons ul.list li a.text span {
	display: block;
	text-decoration: none;
}

.footer .icons ul.list li.FEED a {
	background: url('../images/icon_FEED.gif') no-repeat;
}

.footer .icons ul.list li.FEED a:hover {
	background: url('../images/icon_FEED.gif') 0px -16px no-repeat;
}

.footer .icons ul.list li.FLICKR a {
	background: url('../images/icon_FLICKR.gif') no-repeat;
}

.footer .icons ul.list li.FLICKR a:hover {
	background: url('../images/icon_FLICKR.gif') 0px -16px no-repeat;
}

.footer .icons ul.list li.TWITTER a {
	background: url('../images/icon_TWITTER.gif') no-repeat;
}

.footer .icons ul.list li.TWITTER a:hover {
	background: url('../images/icon_TWITTER.gif') 0px -16px no-repeat;
}

.footer .icons ul.list li.FACEBOOK a {
	background: url('../images/icon_FACEBOOK.gif') no-repeat;
}
.footer .icons ul.list li.FACEBOOK a:hover {
	background: url('../images/icon_FACEBOOK.gif') 0px -16px no-repeat;
}

.footer .copyright {
	font: 10px Tahoma;
	color: [side-menu-text-colour];
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
}

.footer .copyright a {
	color: [side-menu-text-colour];
}

.footer .footertext{
 	margin-top:-10px;
}


/**************************************************
	GALLERY
**************************************************/

.galleryarea{
height:99%;
}

#gallery li, .navigation li {
	width:173px;
	height:127px;
	position:relative;
	margin-right:20px;
	float:left;
	overflow: hidden;
	padding:0px;
	padding-bottom:  25px;
	text-align:center;
	font-weight:bold;
}



#gallery li a.item, .navigation li a.item {
background-color: #FFFFFF;
display:block;
padding-top: 8px;
height:127px;
text-decoration:none;
}

#gallery li a.item:hover, .navigation li a.item:hover{
	background-color:#808080;
}

#gallery li img, .navigation li img  {
	background-color: #FFFFFF;
	xwidth:144px;
	xheight:96px;
	overflow:hidden;
	padding:0;
	border: 0;
}

#gallery li p, .navigation li p {
	color: #A7A7A7; 
	font-size: 12px;
	margin: 8px 0 0 0;
}

#gallery-basic
{
    width: 160px;
}

#gallery-basic div.item
{
    float: left;
    width: 157px;
    padding: 1px;
    margin: 2px;
    background-color: #FFFFFF;
    text-align: center;
}

#gallery-basic div.item img
{
    width: 157px;
    border: none;
}

.cart-link {
	position: relative;
	top: -20px;
	left: 150px;
	height: 20px;
	width: 20px;
	display: block;
	background: url('/images/icons/basket_add.png') 0px 0px no-repeat;
}

.cart-link span {
	display: none;
}

.clear{ clear:both;}



html>body #divStayTopLeft {
  position: fixed;
}

/*
=Message classes
--------------------------------------------*/

.msg-info
{
    background: #fff url(/images/icons/check.gif) 5px 5px no-repeat;
    color: #693;
    font-weight: bold;
    padding: 5px 5px 5px 25px;
    margin: 10px 0 10px 0 !important;
}

.msg-info span
{
    color: #693;
    font-weight: bold;
}


.msg-error
{
    background: #fff url(/images/icons/error-sml.gif) 5px 5px no-repeat;
    padding: 5px 5px 5px 25px;
}

.msg-error span
{
    color: #DD4604;
    font-weight: bold;
}

/*
=Helpers
--------------------------------------------*/
.float-right {
	float: right;
}