@charset "utf-8";
body  {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	background:#888 url(../img/site/bg_body.png) repeat-x top;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #3a3a3a;
	margin-top:10px;
}
a{
color:#d97d5b;
}
a:hover{
color:#f09472;
}


*{
	margin: 0;
	padding: 0;	
}
.cartbox{
	float:right;
  text-align:center;
}
.button{
width: 80px;
border: 1px grey solid;
}
 #container {
	 background: #fff url(../img/site/bg_headerNav.png) no-repeat; 
 padding:0 10px;
	width: 980px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
 #header { 
	padding: 0 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height:80px;
	color:#696969;
} 
#header a{
color:#696969;
text-decoration:none;
font-weight:bold;
font-size:11px;
}
#header a:hover{
color:#333;
text-decoration:none;
}
 #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	float:left;
	width:400px;
}
h3{font-size:11px;}
#header input{
margin-bottom:20px;	
}
#topnav{
z-index:1000;
}
#topnav a{
color:#fff;
font-weight:bold;
}
#topnav a:hover{
color:#dbc701;	
}

#searchbut{
display:block;
text-align:right;
}
#footerwrap{
background:#000 url(../img/site/bg_bottomnav.png) repeat-x top;
color:#fff;	
width:1000px;
margin:auto auto;
padding-top:26px;
}
.boxheader{
	text-align:center;
color:#696969;
font-size:12px;
font-weight:bold;
margin-bottom:10px;
border-bottom:dotted 1px #696969;
}
.searchform{
float:right;
width:280px;
text-align:right;
}
.search{
background:transparent none repeat scroll 0 0;
color:#616161;	

border:1px #e6e6e6 solid;
height:14px;
padding:2px 0 0 0px;
}
.img10{
padding:10px;	
}
 #sidebar1 {
	float: left; 
	width: 180px; 
	padding: 25px 0; 
	color:#000;
}
#sidebar1 h1{
font-size:11px;	
color:#000;
padding-bottom:5px;
}
#sidebar1 ul{
margin-left:5px;padding-left:5px;	
}
#sidebar1 li{
	padding-left:2px;
padding-top:3px; padding-bottom:3px;
border-bottom:1px #e0e0e0 solid;
list-style:circle;
color:#000;
}
#sidebar1 ul a{
color:#3a3a3a;
text-decoration:none;
width:100%;
height:100%;
}
#sidebar1 li:hover{
color:#ed1b2e;
background:#000;	
width:100%;
height:100%;
}
#sidebar1 li a:hover{
color:#fff;	
}
#sidebar1 h2{
	padding:10px 0 0 4px;
font-size:11px;
color:#ed1b2e;
margin:0;
/*graeme edits 22/9/09*/
color:#dbc701;
background:#ed1b2e;
padding:3px 10px;


}
 #sidebar2 {
	 overflow:hidden;
	float: right; 
	width: 220px; /* since this element is floated, a width must be given */
	padding: 15px 0; /* top and bottom padding create visual space within this div */
}
 #sidebar1 h3,  #sidebar1 p,  #sidebar2 p,  #sidebar2 h3 {
	margin-left: 2px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 2px;
}

 #mainContent {
 	margin: 0 10px 0 18em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
	padding-top:15px;
} 
#mainContent h2{
font-size:22px;	
}


 #bottomnav { 
	text-align:left;
} 
#bottomnav ul{
	padding-top:20px;
}
#bottomnav ul li{
display:inline;
list-style:none;
padding: 10px 20px;
font-size:12px;
}
#bottomnav a{
color:#999;
text-decoration:none;
}
#bottomnav a:hover{
color:#fff;
text-decoration:none;
}

 #footer { 
	padding: 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	color:#696969;
	text-align:left;
} 
 #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.checkout{
font-size:1.4em;
font-weight:600;
color:#dbc701;	
margin-top:15px;
}
.news{
width:22%;
float:left;
padding:10px;
vertical-align:top;
}
.subheader{
	margin:0;
background:url(../img_site/bg_subHeader.png);
padding: 5px 15px 20px 40px;
font-weight:bold;
height:34px;
}
/*sifr*/
.flash-title
{
      font-size:22px;
      font-family: Arial;
}
.title
{
font-size:28px;
font-family: Arial;
color:#999;
}
h1.title
{
font-size:22px;
font-family: Arial;
color:#999;
margin:0; padding:0;
}
h2.title
{
font-size:18px;
font-family: Arial;
color:#999;
margin:0; padding:0;
}
.sIFR-active .title
{
visibility: hidden;
font-family: Verdana;
line-height: 1em;
}
.sIFR-active .flash-title
{
      visibility: hidden;
      font-family: Verdana;
      line-height: 1em;
}

.vollkorn{
font:vollkorn;	
}
.boxes{
margin-top:10px;	
}
.indexBox{
padding-left:3px;
border-right:dotted 2px #e0e0e0;
}
/*right boxes*/
.rightboxMid{
padding:0 5px 0 30px;
}
.rightboxTop{
	background:#dbc701;
	padding:3px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#ed1b2e;
}
.rightboxBottom{
height:20px;
padding:0 5px 0 30px;
}
.picImg{
border:solid 1px #000;
padding:15px;
background:#E1E1E1;
}
.selected{background:#dbc701;}
.red{color:#ed1b2e;}
/*menu*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
#topnav{padding-top:8px;}
.menu {height:40px; position:relative; font-size:13px; z-index:100;}
#topnav ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:120px; height:22px; text-align:center; color:#fff; line-height:22px; font-size:12px; overflow:auto;}
#topnav ul li ul li a, .menu ul li ul li a:visited {text-decoration:none; width:120px; border:dotted 1px #ed1b2e; height:20px;color:#000; line-height:20px; font-size:11px; overflow:visible; text-align:left; padding-left:15px;}
#topnav ul {padding:0; margin:0; list-style: none; padding-top:7px}
#topnav ul li {float:left; position:relative; width:auto; text-align:left;}
#topnav ul li ul {display: none;text-align:left;}
#topnav ul li ul li a{}/* specific to non IE browsers */
#topnav ul li:hover a {color:#dbc701;}
#topnav ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:auto;}
#topnav ul li:hover ul li a.hide {background:#0e5c2f; color:#fff;}
#topnav ul li:hover ul li:hover a.hide {background:#dbc701; color:#fff;}
#topnav ul li:hover ul li ul {display: none;}
#topnav ul li:hover ul li a {display:block; background:#dbc701; color:#000;}
#topnav ul li:hover ul li a:hover {background:#ffcc00; color:#000;}
#topnav ul li:hover ul li:hover ul {display:block; position:absolute; left:120px; top:0;}
#topnav ul li:hover ul li:hover ul.left {left:-120px;}

/*HOME PAGE BOXES */
#homeboxes{
	padding:0; margin:0;
	margin-top:10px;
border-top:1px solid #e1e1e1;	
}
#homeboxes a{
color:#302a2f;	
}
#homeboxes a:hover{
color:#666;	
}
#homeboxes .box1,.box2,.box3{
	float:left;
	overflow: hidden;
	text-align:center;
}
#homeboxes img{
border-style:none;
margin-top:10px;	
}
.box1{width:220px;margin-right:25px}
.box2{padding:0 30px; width:220px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
.box3{width:220px;margin-left:25px; overflow:hidden;}
/*GALLERY*/
#gallery {
	background:#000;
	width:770px;
	position:relative;
	height:220px;
	border:1px solid #999999;
	overflow:hidden;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:60px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px;
		font-size:1.3em;
	}
	
	#gallery .caption .content h3 {
		font-size:1.8em;
		margin:0;
		padding:0;
		color:#fff;
	}
#homelink{
width:120px;
height:200px;
position:relative;
z-index:1100;
background:#f00;	
}