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

/* Standard Layout */
body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; }
img a { border:none; }
a:link, a:visited { color:#0099FF; text-decoration:none; }
a:hover { color:#333333; text-decoration:none; }

/* Text Styles */
p { font-size:14px; color:#333333; font-family:Arial, Helvetica, sans-serif; }
.highlighted { color:#006633; font-weight:bold; font-size:13px; }

.padding { margin:10px; }
.padding-right { margin:10px 10px 10px 0; }
.padding-left { margin:10px 0 10px 10px; }

img { outline:none; border:none; }
img a:link,
img a:visited { outline:none; border:none; }
img a:hover { outline:none; border:none;}
img a:active { outline:none; border:none; }

/* Colours */

.text-brown { color:#993300; }
.text-green { color:#007742; }
.text-DarkGreen { color:#007742; }
.text-Cream { color:#fdffc2; }
.text-DarkBrown { color:#85382e; }
.text-LightBrown { color:#996633; }
.text-Yellow { color:#FFCC00; }
.text-Teal { color:#1ED8B7; }
.text-LightBlue { color:#C2DAFF; }
.text-Red { color:#c91a2f; }
.text-Mushroom { color:#cdc7a1; }
.text-Orange { color:#FF6600; }
.text-Pink { color:#FF99CC; }
.text-Purple { color:#4f3b59; }


/* Background Colours */

.darkgreen { background-color:#007742; }
.darkbrown { background-color:#85382e; }
.yellow { background-color:#FFCC00; }
.blue { background-color:#3e5586; }
.red { background-color:#c52244; }
.orange { background-color:#FF6600;}
.pink { background-color:#c52244; }
.purple {background-color:#4f3b59; }

/* Image Frames Inc Float & Padding Commands */

.ImgDarkGreenFrameLeft { float:left; margin-right: 5px; border:5px solid; border-color:#007742; }
.ImgDarkGreenFrameRight { float:right; margin-left: 5px; border:5px solid; border-color:#007742; }
.ImgDarkGreenFrameMid { margin-right: 5px; margin-left: 5px; border:5px solid; border-color:#007742; }

.ImgCreamFrameLeft { float:left; margin-right: 5px; border:5px solid; border-color:#fdffc2; }
.ImgCreamFrameRight { float:right; margin-left: 5px; border:5px solid; border-color:#fdffc2; }
.ImgCreamFrameMid { float:right; margin-left: 5px; border:5px solid; border-color:#fdffc2; }

.ImgDarkBrownFrameLeft { float:left; margin-right: 5px; border:5px solid; border-color:#85382e; }
.ImgDarkBrownFrameRight { float:right; margin-left: 5px; border:5px solid; border-color:#85382e; }
.ImgDarkBrownFrameMid { margin-right: 5px; margin-left: 5px; border:5px solid; border-color:#85382e; }

.ImgLightBrownFrameLeft { float:left; margin-right: 5px; border:5px solid #996633; }
.ImgLightBrownFrameRight { float:right; margin-left: 5px; border:5px solid #996633; }
.ImgLightBrownFrameMid { margin-right: 5px; margin-left: 5px; border:5px solid #996633; }

.ImgYellowFrameLeft { float:left; margin-right: 5px; border:5px solid #FFCC00; }
.ImgYellowFrameRight { float:right; margin-left: 5px; border:5px solid #FFCC00; }
.ImgYellowFrameMid { margin-right: 5px; margin-left: 5px; border:5px solid #FFCC00; }

.ImgTealFrameLeft { float:left; margin-right: 5px; border:5px solid #1ED8B7; }
.ImgTealFrameRight { float:right; margin-left: 5px; border:5px solid #1ED8B7; }
.ImgTealFrameMid { margin-right: 5px; margin-left: 5px; border:5px solid #1ED8B7; }

.ImgLightBlueFrameLeft { float:left; margin-right: 5px; border:5px solid #C2DAFF; }
.ImgLightBlueFrameRight { float:right; margin-left: 5px; border:5px solid #C2DAFF; }
.ImgLightBlueFrameMid { margin-right: 5px; margin-left: 5px; border:5px solid #C2DAFF; }

.ImgRedFrameLeft { float:left; margin-right: 5px; border:5px solid; border-color:#c91a2f; }
.ImgRedFrameRight { float:right; margin-left: 5px; border:5px solid; border-color:#c91a2f; }
.ImgRedFrameMid { margin-right: 5px; margin-left: 5px; border:5px solid; border-color:#c91a2f; }

.ImgMushroomFrameLeft { float:left; margin-right: 5px; border:5px solid; border-color:#cdc7a1; }
.ImgMushroomFrameRight { float:right; margin-left: 5px; border:5px solid; border-color:#cdc7a1; }
.ImgMushroomFrameMid { margin-right: 5px; margin-left: 5px; border:5px solid; border-color:#cdc7a1; }

.ImgOrangeFrameLeft { float:left; margin-right: 5px; border:5px solid #FF6600; }
.ImgOrangeFrameRight { float:right; margin-left: 5px; border:5px solid #FF6600; }
.ImgOrangeFrameMid { margin-right: 5px; margin-left: 5px; border:5px solid #FF6600; }

.ImgPinkFrameLeft { float:left; margin-right: 5px; border:5px solid #FF99CC; }
.ImgPinkFrameRight { float:right; margin-left: 5px; border:5px solid #FF99CC; }
.ImgPinkFrameMid { margin-right: 5px; margin-left: 5px; border:5px solid #FF99CC; }

.ImgPurpleFrameLeft { float:left; margin-right: 5px; border:5px solid; border-color:#4f3b59; }
.ImgPurpleFrameRight { float:right; margin-left: 5px; border:5px solid; border-color:#4f3b59; }
.ImgPurpleFrameMid { margin-right: 5px; margin-left: 5px; border:5px solid; border-color:#4f3b59; }


/* Links */
a:link, a:visted { color:#82583f; text-decoration:none; }
a:hover { color:#403321; }

/* Main Page Framing */
#main { width:900px; margin:20px auto 10px auto; height:auto; overflow:auto; }
#mastHead { width:900px; height:175px; background-image:url(../_images-site/site-masthead-bg.jpg); background-repeat:no-repeat; }
#mastHead img { padding:0; }
#column1 { width:200px; float:left; background-color:#e5e5e5; }
#column2 { width:690px; float:left; margin:10px 0 0 10px; }
#footer { width:900px; height:60px; margin:10px auto; background-image:url(../_images-site/site-footer.gif); }
#footerDetail { width:900px; font-size:9px; text-align:center; color:#666666; margin:-30px auto 10px auto; }

/* Navigation & Sub */
.nav { width:200px; margin-top:10px; margin-bottom:10px; background-image:url(../_images-site/site-nav-bg.jpg); background-repeat:repeat-y; }
	#subNav { margin-top:-15px; }
.nav img { margin-left:-20px; padding:0; }
.nav ul { margin:0; padding:15px 15px 25px 20px; list-style:none; }
.nav li a:link, .nav li a:visited { display:block; height:20px; padding:5px; color:#FFFFFF; font-size:15px; text-decoration:none; font-weight:bold; letter-spacing:-1px; }
.nav li a:hover, .nav li a:active { display:block; height:20px; padding:5px; color:#beb78d; font-size:15px; text-decoration:none; font-weight:bold; letter-spacing:-1px; }
.subNav { display:block; height:40px; width:200px; margin-bottom:0; border-bottom:1px #FFFFFF solid; background-color:#beb78d; }
.subNav h3 { padding:10px 5px 0 25px;  color:#FFFFFF; letter-spacing:-1px; font-size:16px;  }

/* Footer Details */
#footerDetail ul { margin:0; padding:0; }
#footerDetail li { list-style-type:none; display:inline; padding:0 3px; }
#footerDetail ul li a:link, #footerDetail ul li a:visited, #footerDetail p a:link, #footerDetail p a:visited { color:#333333; text-decoration:none; }
#footerDetail ul li a:hover, #footerDetail p a:hover { color:#000000; text-decoration:underline; }
#footerDetail p { font-size:9px; padding:0; margin:0; }

/* Opening Hours */
#openingBox { width:190px; background-image:url(../_images-pages/_index/idx-title-opening.gif); background-repeat:no-repeat; background-position:top center; height:auto; padding:35px 5px 10px 5px; margin-top:20px; }
#openingBox table { font-size:12px; }

/* Contact Details */
#contactBox { width:185px; background-color:#dedede; background-image:url(../_images-pages/_index/idx-title-contact.gif); background-repeat:no-repeat; background-position:top center; margin-top:20px; padding-top: 35px; padding-right: 5px; padding-bottom: 10px; padding-left: 10px; }
#contactBox a:link, a:visited { color:#333333; text-decoration:none; }
#contactBox a:hover { color:#403321; }
#contactBoxRSS { padding-left:0; padding-top:0; }

/* facebookBadge */
#facebookBadge { margin-left:10px; margin-top:10px; margin-bottom:10px; }

/* Blackboard */
#blackboard { width:269px; height:374px; background-image:url(../_images-pages/_index/idx-blackboard.jpg); background-repeat:no-repeat; margin-bottom:5px; margin-top:0; }
 #blackboardInner { width:190px; height:340px; overflow:hidden; padding-top: 20px; padding-right: 15px; padding-bottom: 20px; padding-left: 40px; }
/* Image Positioning */
#site-logo { position:relative; top:-15px; left:18px; }
#masthead-strap { position:relative; top:-15px; left:210px; }
#site-rosette { position:relative; top:0px; left:180px; }

/* Index */
#indexCol1 { width:410px; float:left; }
#indexCol2 { width:275px; float:left; margin-left:5px;}
#indexCol3 { width:680px; float:left; clear:left; margin-top:5px; padding:0 5px; }

/* Category Boxes */

.box1 { width:405px; margin:0 auto 15px auto; }
.box1Head { width:405px; height:40px; border-bottom:1px #FFFFFF solid; }
.box1Head h1 { font-size:24px; color:#FFFFFF; font-weight:bold; margin:0; padding:3px 0 0 10px; letter-spacing:-1px; }
.box1Container { width:405px; background-image:url(../_images-pages/_index/_featureContainers/featurebox-bg.jpg); background-repeat:repeat-y; min-height:60px;  height:auto; overflow:auto; }
	.box1InnerL { width:230px; padding:0 5px; float:left;}
		.box1InnerL p { color:#FFFFFF; letter-spacing:0px; padding-left:5px; font-size:14px; }
		.box1InnerL p a:link, .box1InnerL p a:visited { color:#FFFFFF; text-decoration:none; font-size:16px; }
		.box1InnerL p a:hover { text-decoration:underline; color:#FFFFFF; font-size:16px; }
	.box1InnerR { width:160px; float:left; padding-left:5px; }
		.box1InnerR img { border:1px #FFFFFF solid; }
		
/* Sub Page */

#subCol1 { width:200px; float:left; }
	#productLogoCol { width:200px; }
#subCol2 { width:480px; padding-left:10px; float:left; overflow:hidden; }
	#subColImage img { padding:0 0 10px 0;}
	#subColContent { width:470px; background-image:url(../_images-site/site-body-bg-grad.jpg); background-repeat:repeat-x; background-position:top; min-height:50px; padding:0 5px; }
	
/* Details Page */
#detailsCol3 { float:left; clear:both; margin-top:10px; background-image:url(../_images-site/site-body-bg-grad.jpg); background-repeat:repeat-x; background-position:top; min-height:100px; padding:0 5px; width:680px; }

/* Details Page 2 Col */
#detailsCol4,
#detailsCol5 { float:left; padding:10px; width:320px;}

/* Breadcrumbs */
.B_crumbBox { font-size:14px; color:#82583f; font-weight:bold; letter-spacing:-1px; padding:5px 0;  }
.B_crumbBox a:link, .B_crumbBox a:visited { font-size:14px; color:#82583f; font-weight:bold; letter-spacing:-1px; text-decoration:none; }
.B_crumbBox a:hover { font-size:14px; color:#403321; font-weight:bold; letter-spacing:-1px; text-decoration:none; }

/* Lightbox */

#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; background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink { right: 0; float: right; 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; }

/* Get in Touch Page Form */ 
#basicForm label { float:left; width:150px; clear:left; padding:5px; text-align:left; }
#basicForm select { width:70px; margin:0 7px 5px 0; }
#basicForm input { width:130px; margin:0 0 5px 0;}
#basicForm .button { width:70px; float:right; clear:right; margin:5px 25px 0 0; }
#basicForm .radio { float:left; margin-top:5px; margin-left:-55px;}
#basicForm textarea { width:285px; float:left; margin-left:5px;  }

/* Newsletter Container */ 
.nl1 { width:605px; margin:0 auto 15px auto; }
.nl1Head { width:605px; height:40px; border-bottom:1px #FFFFFF solid; }
.nl1Head h1 { font-size:24px; color:#FFFFFF; font-weight:bold; margin:0; padding:3px 0 0 10px; letter-spacing:-1px; }
.nl1Container { width:605px; min-height:60px; height:auto; overflow:auto; background-color: #FBEFB8; }
	.nl1InnerL { width:350px; float:right; padding-top: 0; padding-right: 5px; padding-bottom: 0; padding-left: 5px; }
		.nl1InnerL p { color:#333333; letter-spacing:0px; padding-left:5px; font-size:14px; }
		.nl1InnerL p a:link, .nl1InnerL p a:visited { color:#3366FF; text-decoration:none; font-size:16px; }
		.nl1InnerL p a:hover { text-decoration:underline; color:#3366FF; font-size:16px; }
		.nl1InnerL li { color:#333333; }
	.nl1InnerR { width:160px; float:left; padding-left:5px; }
		.nl1InnerR img { border:1px solid #333333; background-color: #FFFFFF; }