@charset "utf-8";
*{
	margin: 0;
	padding: 0;
	border: 0;
	}
body{
	background-color: #fff;
	font-size:80%;
	line-height:1.5em;
	font-family:Calibri, Trebuchet, Myriad, Arial, Helvetica, sans-serif;
	}
.style1 {font-size: 80%}
a:link {
	text-decoration: none;
	color:#2A9F00;
}
a:visited {
	text-decoration: none;
	color:#666;
}
a:hover {
	text-decoration:underline;
	color:#2A9F00;
}
a:active {
	text-decoration: none;
	color:#666;
}
h1, h2, h3, h4, h5{color:#111;}

h2{
color:#2a9f00;
font-weight:lighter;
font-size:30px;
}

p{}


#prePage{font-size:70%;color:#222;}
#prePage a{color:#222;text-decoration:none;
}

#primaryMenu{
background-color:#111;
}

.transparent_class {
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
	
#page{background-color:#fff;}

#subscribe{
background-image:url(../images/subscribe.png);
background-repeat:no-repeat;
}

#subscribeHeader{
background-color:#222;
}

#subscribe h3{
font: bold 16px Arial;
color:#fff;
}

#header{
	background-color:#fff;
	
	}

#banner{background-color:#fff;
/*background-image:url(../images/banner4.png);
background-repeat:no-repeat;*/
}

#main{background-color:#FFf;}

#breadCrumb {
	padding:3px 0;
	color:#574F42;
	} 

#breadCrumb ul{}
#breadCrumb li {} 
#breadCrumb a { text-decoration: none;} 
#breadCrumb a:hover { text-decoration:underline; } 

#leftCol{background-color:#fFF}

#rightCol{background-color:#FFf;}

#content{}

#contentExtract h2{color:#222;line-height:1em;font-size:20px;font-weight:lighter}

#footer{

	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	}
	
.footerBox{

}	
.footerBoxText{
font:normal 18px Arial;
}	
#footer p{
	color:#111;

	}
#footer a{
color:#333;
}
#postpage p, #postpage a{
color:#777;text-decoration:none;}


















/*---------------------- stockists -------------------- */
.stockistTable{
clear:none;
float:left;
}
.stockistImage{
width:185px;
}
.state{
text-align:center;
color:#2A9F00;
border-bottom:1px dashed #2A9F00;
}
.stockist, .stockistRight{
vertical-align:top;
width:140px;
padding:0 15px;
margin:50px 0;
border-right:1px dotted #2A9F00;
}
.stockist1{
width:185px;
}
.stockistRight{
border:none;
}




/*================ nav =================*/


/* Begin CSS Drop Down Menu */

#menu {

	font: normal 16px Arial;

}
#menu a {}
#menu a:link, #menu a:visited, #menu a:active	/* menu at rest */ {
	color: #fff;

	text-decoration:none;
}

#menu a:hover	/* menu at mouse-over  */ {
	color: white;
	background-color:#2A9F00;  /* +++++  #2A9F00  GREAT COLOUR  ++++++  */
	text-decoration:none;
}
#menu ul ul li a:link, #menu ul ul li a:visited, #menu ul ul li a:active	/* SUB menu at mouse-over  */ {
	color: #fff;
	background-color:#111;
	text-decoration:none;
	/*border-bottom:1px solid #fff;*/
}
#menu ul ul li a:hover	/* menu at mouse-over  */ {
	color: white;
	background-color:#2A9F00;
	text-decoration:none;
}
#menu ul ul ul li a:link, #menu ul ul ul li a:visited, #menu ul ul ul li a:active	/* BOTTOM menu at mouse-over  */ {
	color: #004071;
	background-color:#ccc;
	text-decoration:none;
}
#menu ul ul ul li a:hover	/* menu at mouse-over  */ {
	color: white;
	background-color:#2A9F00;
	text-decoration:none;
}
#menu .current a {
	color: #004071;
	background-color: #fff;
	text-decoration:none;
}
#menu a.top_parent, #menu a.top_parent:hover  /* attaches down-arrow to all top-parents */ {
/*
	background-image: url(navdown_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
*/	
	}
#menu a.parent, #menu a.parent:hover 	/* attaches side-arrow to all parents */ {
/*
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
*/	
	}
#menu ul {
}
#menu li {
}
#menu ul ul{
font:  bold 10px Arial;
text-transform:uppercase;
}

#menu ul ul ul {
}
#menu li:hover {
}
#menu li:hover ul ul, #menu li li:hover ul ul, #menu li li li:hover ul ul, #menu li li li li:hover ul ul {
}
#menu li:hover ul, #menu li li:hover ul, div#menu li li li:hover ul, #menu li li li li:hover ul {
}





.siteMap ul, .background ul{
	list-style:none;
	font-size:90%;
	line-height:140%;
	}
.background ul{
list-style-type:disc;
list-style-position:inside;
}
.siteMap, .sitemap a{
text-decoration:none;
color:#333;
}
.siteMap a:visited{
color:#999;
text-decoration:none;
}
.siteMap a:hover{
color:#2a9f00;
text-decoration:none;
}
.siteMap ul li ul li{
	text-indent:20px;
	}
.siteMap ul li ul li ul li{
	text-indent:40px;
	}
.galleryContainer{
	voice-family: "\"}\"";
	voice-family: inherit;
	}
.textBox, .textBox1{
	padding:15px 15px 15px 0;
	}
.textBox1{
clear:left;
}

.galleryItem{
	height:230px;
	margin-bottom:10px;
	}
.galleryItem_portrait{
	height:410px;
	margin-bottom:10px;
	}








#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* 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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }