/* ICONOGRAPHY 2006 - Standard Screen CSS */
/* Created by Michael Pratt */
/* added Lightbox css styles at the bottom 10/01/08 */

body {
	background: #56370A url("/images/background.jpg") repeat top center;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, san-serif;	
	text-align: center;
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* everyone else */
}
/************* COMMON ****************/
a {
	color: #304111;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	color: #304111;
	text-decoration: none;
}
p, td {
	margin: 0 0 0.5em 0;
	padding: 0;
	color: #304111;
	font-size: 90%;
	line-height: 150%;
}
li {
	margin: 0;
	padding: 0;
	color: #304111;
	font-size: 85%;
	line-height: 160%;
}
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 180%;	
	font-weight: normal;	
	padding: 0;
	margin: 0;
	color: #304011;
}
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 170%;
	font-weight: normal;
	padding: 0;
	margin: 0;
	color: #304011;
}
h3 {
	margin: 0;	
	padding: 0 0 4px 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 160%;
	font-weight: normal;
	color: #304011;	
}
h4 {
	margin: 0;
	padding: 5px 0 0 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 155%;
	font-weight: normal;
	color: #304011;
}
#prodlist h4 {
	margin: 10px 0 0 15px;
	}
h5 {
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 110%;
	font-weight: normal;
	color: #304011;
}
input { 
	border: 1px solid #666; 
}

ul{
padding:0;
margin:0;
}
li{
padding:0;
margin:0;
}

/************** CONTAINER FOR ALL *****************/
#wrap {
	margin: 28px auto 0px auto;
	padding: 0px;
	width: 800px;
	text-align: left;
}
/* contains background image */
#main-body {
	width: 100%;
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	overflow: hidden;
	background: #BAC5A4 url("/images/wrap_bkg.jpg") repeat-y top left;
}
#leftside {
	width: 597px;
	float: left;
	padding: 0;
	margin: 0;
}
#rightside {
	width: 203px;
	float: right;
	padding: 0;
	margin: 0;
}
/************** HEADER  *****************/
#Lheader {
	margin: 0;
	padding: 0;
	height: 106px;
	background: #304111 url("/images/Lheader_bkg.jpg") no-repeat top left;
}
/* image replacement technique for logo*/
#Lheader h1 {
	position: relative;
	font-size: 110%;
	color: #F2F3F0;
	top: 56px;
	left: 97px;
	padding-top: 30px;
	letter-spacing: 2px;
	width:380px;
}
#Lheader h1 .lgreen {
	color: #BAC5A4;
}
#Rheader {
	margin: 0;
	padding: 0;
	height: 106px;
	background: #304111 url("/images/Rheader_bkg.jpg") no-repeat top right;
}
#Rheader #search {
	display: inline; /* removes IE/Win double margin bug */
	padding: 0;
	margin: 0;
	}
#Rheader #search label {
	font-size: 80%;
	font-weight: normal;
	color: #FFF;
	padding: 0;
	margin: 0;
	}
#Rheader #search .textfield {
	padding: 2px;
	margin: 0;
	vertical-align: middle;
	width: 104px; /* for IE5/Win hack */
	w\idth: 100px; /* for most browsers */
}
#Rheader #search .submitgo {
	vertical-align: bottom;
	margin-left: 2px;
	border: none;
	padding: 0;
}
#Rheader a {
	color: #fff;
	font-family: "Times New Roman", Times, serif;
	font-size: 75%;
	letter-spacing: 1px;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 10px;
	margin: 0;
}
#Rheader form {
	padding: 10px 0 5px 10px;
	margin: 0;
}
#Rheader .shoplinks {
	padding: 0 0 6px 0;
	margin: 0;
	height: 40px;
}
#Rheader h3 {
	font-size: 100%;
	line-height: 21px;
	letter-spacing: 1px;
	color: #fff;
	margin: 0;
	padding: 0 10px 0 10px;
	width: 156px;
}
/*************************** left side content ****************************/	
#leftside #leftcolumn {
	width: 176px;
	float: left;
	padding: 0;
	margin: 0;
	background: url("/images/navtop_bkg.jpg") no-repeat top left;
}
#leftside #leftcolumn #navigation {
	width: 180px;
	float: left;
	padding: 30px 0 0 0px;
	margin: 0;
	font-family: "Times New Roman", Times, serif;
}
/*
This selector below prevents content in the centre column (page & page_content)
from being pushed down the page in ie6 win 
*/
* html #leftside #leftcolumn #navigation  {
width: 176px;
}
#leftside #leftcolumn ul {
	padding: 0 0 4px 0;
	margin: 0;
	list-style: none;
}
#leftside #leftcolumn #navigation ul li {
	padding: 6px 0 0 10px;
	margin: 0;
	line-height: 150%;
	border-bottom: 1px solid #BAC5A4;
	letter-spacing: 2px;
	font-size: 75%;
	width: 166px;
}
#leftside #leftcolumn #navigation a {
	padding: 0;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
	color: #304011;
}
#leftside #leftcolumn #navigation a:hover {
	color: #fff;
}
#leftside #leftcolumn #navigation #current {
	color: #304011;
}
#leftside #leftcolumn #navigation #current a {
	color: #304011;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
#leftside #leftcolumn #navigation_prods {
	width: 166px;
	float: left;
	padding: 0 0 0 10px;
	margin: 0;
	font-family: "Times New Roman", Times, serif;
}
* html #leftside #leftcolumn #navigation_prods {
width: 156px;
}
#leftside #leftcolumn #navigation_prods ul li {
	padding: 2px 0 0 0;
	margin: 0;
	line-height: 150%;
	letter-spacing: 2px;
	font-size: 75%;
}
#leftside #leftcolumn #navigation_prods a {
	padding: 0;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
	color: #96A083;
}
#leftside #leftcolumn #navigation_prods a:hover {
	color: #304011;
}
#leftside #leftcolumn #navigation_prods a.navon {
	color: #fff;
}
#leftside #leftcolumn #navigation_prods a.navon:hover {
	color: #96A083;
}
#leftside #leftcolumn #navigation_prods #current {
	color: #304011;
}
#leftside #leftcolumn #navigation_prods #current a {
	color: #96A083;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
.subprodcatindent li{
	font-size:100%; 
	padding: 0px 0px 0px 10px; 
	line-height:1.5;
}
#leftside #page {
	width: 421px;
	float: right;
	padding: 0;
	margin: 0;
	background: #FFF url("/images/white-fade.gif") repeat-x top;
}

* html #leftside #page{
width: 400px;
}

#leftside #page_content {
	width: 381px;
	padding: 4px 0 0 0px;
	margin: 0 20px 0 20px;
}

* html #leftside #page_content{
width: 340px;
}

.thumbnailInstruction{
	margin: 0 0 0 0;
	padding: 0;
	color: #304111;
	font-size: 85%;
	line-height: 100%;
}
/***** page navigation ****/
.currentpagelink {
	margin: 0;	
	padding: 0 0 4px 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 100%;
	font-weight: bolder;
	color: #304011;
	letter-spacing: 2px;	
}
.currentpagelink  a {
	color: #304111;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
}
.currentpagelink  a:hover {
	color: #304111;
	text-decoration: underline;
	font-family: "Times New Roman", Times, serif;
}
.navon li {
	color: #000;
	background: #006600;
	}

	
.bgoverride{
background: #FFF;
}
	
.notcurrentpagelink {
	margin: 0;	
	padding: 0 0 4px 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 100%;
	font-weight: normal;
	color: #304011;
	letter-spacing: 2px;	
}
.notcurrentpagelink  a {
	color: #304111;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
}
.notcurrentpagelink  a:hover {
	color: #304111;
	text-decoration: underline;
	font-family: "Times New Roman", Times, serif;
}

.viewproductdetails{
	margin: 0;	
	padding: 0 0 4px 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 100%;
	font-weight: normal;
	color: #304011;
	letter-spacing: 0px;	
}
.viewproductdetails  a {
	color: #304111;
	font-family: "Times New Roman", Times, serif;
	text-decoration: none;
	font-weight: bold;
}
.viewproductdetails  a:hover {
	color: #304111;
	font-family: "Times New Roman", Times, serif;
	text-decoration: underline;
}



/***** image headers***/
/* these 'image headers' are the images that appear at the
top of the main pages eg contact us , about us, search
etc etc.*/

#image_header_about {
background: #919F7C url("/images/AboutUs.jpg") no-repeat top left;
width:420px;
height:124px;
}
#image_header_shooting {
background: #919F7C url("/images/shooting.jpg") no-repeat top left;
width:420px;
height:124px;
}

* html #image_header_about {
width: 417px;
}
* html #image_header_shooting {
width: 417px;
}
/***** end of image headers**/
/***** columns feature box ****/
.featurebox {
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	width: 176px;
}
.featurebox h3 {
	font-size: 100%;
	height: 25px;
	line-height: 28px;
	letter-spacing: 1px;
	color: #fff;
	background: #919F7C url("/images/titlebar_bkg.jpg") no-repeat top left;
	margin: 0;
	padding: 0 10px 0 10px;
}
.featureboxcontent {
	margin: 0;
	padding: 10px 10px 0 10px;
	font-family: "Times New Roman", Times, serif;
	width: 155px;
	text-align: center;
}
.featureboxcontent p, .featureboxcontent ul, .featureboxcontent dl {
	margin: 0 0 8px 0;
	padding: 0;
	list-style: none;
	color: #535050;
	font-size: 100%;
}
.featureboxcontent dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
.featureboxcontent dd {
	margin: 0;
	padding: 0;
}
.featureboxcontent dd.date {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 90%;
}
.featureboxcontent .date {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 85%;
	color: #4C4D45;
}
.featureboxcontent .summary {
	color: #535050;
}
.featureboxcontent dd .price {
	font-size: 150%;
	font-weight: bold;
	color: #304011;
}
.featureboxcontent a {
	text-decoration: none;
}
.featureboxcontent a:hover  {
	text-decoration: underline;
}
.featureboxcontent a.more {
	color: #409159;
}
.featureboxcontent li {
   margin: 0;
	display: inline; /* fixes extra gaps in IE5/win */
}

.featureboxcontent h4 {
   	margin: 0;
	padding: 0;
	height: 106px;
	background: #304111 url("/images/Rheader_bkg.jpg") no-repeat top right;
}

.featureboxcontent img, .featuredproductframe img {
	background: #FFFFFF;
	border: 1px solid #999999;
	display: block;
	margin: 10px auto 0 auto;
	padding: 5px;
}

.spotlightcontent {
   	padding: 0px 10px 0px 10px;
	margin: 0px;
	font-size: 110%;
	font-family: "Times New Roman", Times, serif;
}

.productImageBackground{
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	width:200px;
	height:100px;
}

.newscliptext{
float:left;
width:100%;
}

#imgthumb{
	margin: 0px;
	padding: 0px;
width:80px;
height:60px
}

.price {
	font-size: 150%;
	font-weight: bold;
	color: #304011;
	font-family: "Times New Roman", Times, serif;
}
/********************* footer *********************/
#footer {
	position: relative;
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 30px;
	background:  url("/images/footer_bkg.jpg") no-repeat bottom left;
}
#footer2 {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 85%;
}
#footer2 p {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #fff;
}
#footer2 a {
	color: #fff;
	text-decoration: none;
}
#footer2 a:hover {
	color: #9CF1B6;
}

/**************** STYLES FOR WYSIWYG CMS *******************/
.mceContentBody {
	background: #FFF;
	text-align: left;
}
	
.mceContentBody p {	
	margin: 1em 0 0 0;
	padding: 0;
	color: #304111;
	font-size: 85%;
	line-height: 160%;
}
.mceContentBody li {
	margin: 0;
	padding: 0;
	color: #304111;
	font-size: 85%;
	line-height: 160%;
}

/********************* MISC ***********************/
.imageframe {
	background-color: #FFF;
	border: 0px solid #CCC;
	padding: 0px;
	margin: 0px;
	width:370px;
}
a img {
	border: none;
}
.hide  {
	display: none;
	}
code {
	color: #7B9905;
	font-size: 90%;
	line-height: 1.2em;
	text-align: left;
}
abbr, acronym {
	font-style: normal;
	border-bottom: 1px dotted #bbb;
	cursor: help;
}
a abbr {
	border: none;
}
form {
	margin: 0;
}
label {
	cursor: pointer;
}
fieldset { 
	margin: 0; 
	padding: 0; 
	border: none; 
}

/*************** extra classes for CMS ***************/
.alternative {
	color: #C00;
	}
.highlight {
	background-color: #FF0;
	}
	
.odd {
	background-color: #EEE;
}
	
#errbox {
	margin: 20px auto;
	color: #ff0000;
	border: 1px solid #ff0000;
	padding: 10px;
	width: 300px;
	height: 70px;
	text-align: center;
}
#confbox {
	margin: 20px auto;
	color: #003399;
	border: 1px solid #003399;
	padding: 10px;
	width: 300px;
	height: 50px;
	text-align: center;
}
#errbox a {
	color: #ff0000;
}
#errbox a:hover {
	color: #000000;
}
#errbox a:visited {
	color: #ff0000;
}
.category1 {
	float: left;
	width: 201px;
	margin: 0;
	padding: 0;
}
.category2 {
	float: right;
	width: 201px;
	margin: 0;
	padding: 0;
}

.viewdetails {
	position: absolute;
	bottom: 4px;
	left: 10px;
	margin: 4px auto;
	display: block;
	width: 100px;
	text-decoration: none;
	text-align: center;
	font-size: 85%;
	font-weight: bold;
	color: #fff;
	background: #96A083;
	padding: 2px;
	cursor: pointer;
	border: 1px solid #304111;
}
a.viewdetails:hover{
	color: #d3dac8;
}
.addtobasket {
	text-decoration: none;
	text-align: center;
	font-size: 85%;
	font-weight: bold;
	color: #fff;
	background: #8EAC91;
	padding: 4px;
	margin: 0;
	cursor: pointer;
}

#viewbasket {
	clear: both;
	color: #FFF;
	font-size: 80%;
	/* float: right; */
	background: none;
	margin: 0px;
	padding: 0px;
}

.padding { padding: 10px; }

.qty {
	width: 3em;
	}

.forumtopic {
	background-color: #EEE;
	border: 1px solid #999;
	margin-top: 10px;
	}
	
.productframe {
	position: relative;
	padding: 10px;
	margin: 0px;
	border-bottom: 1px dotted #CCC;
	border-right: 1px dotted #CCC;
	background-color:#FFFFFF;
	width: 105px;
	height:205px;
	float: left;
	text-align: center;
	}

* html .productframe {
width: 100px;
}

.search-results {
	padding: 0 20px 0 20px;
	}

.new_product_background{
background-color:#FFFFFF;
width:155px;
margin: 0px 0px 4px 0px;
padding: 2px 0px 2px 4px;
}
.productCategory{
	margin: 0;	
	padding: 0 0 4px 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 100%;
	font-weight: bold;
	color: #304011;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.productCategoryDescription{
	margin: 0;	
	padding: 0px 0px 4px 0px;
	font-size: 85%;
	font-weight: normal;
	color: #304011;
}
	
.featuredproductframe {
	padding: 5px;
	margin: 5px;
	/*border: 1px solid #CCC;*/
	width: 70%;
	float: left;
	text-align: center;
	}
	
#prodlist {
	clear: both;
	float: left;
	background: #FFF;
	width: 100%;
	margin-top: 10px;
	}
	
.left {
	float: left;
	}
	
.right {
	float: right;
	}
	
#mainprodcats{
	clear:both;
	display:block;
	margin: 0;
	padding: 0;
	width: 100%;
	background-color:#FFFFFF;
	float:left;	
	}
* html #mainprodcats {
width: 360px;
}
/****************calendar stuff */
#calendar table {
    /*width:100%;*/
	width:385px;
    /*border:1px solid #888;    */
    /*border-collapse:collapse;*/
}

#calendar td {
    width:30px;
    /*border-collapse:collapse;*/
    /*border:1px solid #888;*/
	background-color: #E2EFC7;
    text-align:left;
	line-height:1.2;
    padding: 2px 2px 2px 2px;
	list-style: none inside;
}

#calendar td ul{
	list-style: none inside; 
	}
.calendarth {
    /*border-collapse:collapse;*/
	text-align:center;
    border:1px solid #888;
    background-color: #ffffff;
	letter-spacing: 2px;
	vertical-align: middle;
	
}
.calendarth a{
    /*border-collapse:collapse;*/
	text-decoration:none;
	letter-spacing: 2px;
	list-style: none inside;
	vertical-align: middle;
    /*
	border:1px solid #888;
	background-color: #ffffff;
	*/
}

.days{
    background-color: #FFF;
	color: #666;
	border:0px;
	padding: 0 0 0 4px;
	font-weight:bold;
	}
	
.dateNumber{
    
	color: #56370A;
	border:0px;
	padding: 0 0 0 4px;
	font-weight:bold;
	}
	
.blankDate{
	background-color: #D3DAC8;
	border:0px;
	}
	
.actday{
    background-color: #FFF;
    font-weight:bold;
	border: 2px solid #006600;
}	

.our-eventsEvent {
	color:#eee;
	padding: 2px 2px 2px 2px;
    background-color: #5B7536;
	list-style: none inside;
    font-weight:normal;
	/*text-align:left;*/
	/*position:relative;*/
}

.calendarEvent {
	border: 0px;
	color: #333;
	padding: 2px;
    background-color: #CCCC99;
	list-style: none inside;
    font-weight:normal;
	font-size: 75%;
	/*text-align:left;
	position:relative;*/
}
.emptyDate {
	/*width:38px;*/
	border:0px;
    background-color: #fff;
	list-style: none inside;
    font-weight:normal;
	font-size: 120%;
	padding:20px 20px 0px 0px;
	/*text-align:left;
	position:relative;*/
}
.nobulletlistitem{
	list-style-type: none;
}

/**********Lightbox css styles*************************************/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url("/images/blank.gif") no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url("/images/prevlabel.gif") left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("/images/nextlabel.gif") right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}
/*
 adjust the (100%) percentage values to force vertical postion og the prev & next buttons
NB there is an invisible border to the image so these buttons don't seem to drop down fully to the
to touch the inside of the bottom part of the white frame (hope that makes sense!)
*/
#prevLink { left: 0; float: left; background: url(../images/prevlabel.gif) left 100% no-repeat; }
#nextLink { right: 0; float: right; background: url(../images/nextlabel.gif) right 100% no-repeat; }
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 100% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 100% no-repeat; }

/******************************************************************/