/* CSS Document 

/***************************************************************************************
/*  TOP BANNER & MAIN CONTENT CONTAINER
/***************************************************************************************/

#outer {
	border-top: 				1px solid #cdcdcd;
	border-right: 				1px solid #6a6a6a;
	border-bottom: 			1px solid #6a6a6a;
	border-left: 				1px solid #cdcdcd;
	margin:						15px auto 0px auto;
	width:						1000px;
	z-index: 					1;
}

#homemast {
	background-color: 		#b0b0b0;
	height:						435px;
	position:					relative;
	width:						1000px;
	z-index:						50;
}

#homemast img {
	margin-top:					0px;
	margin-left:				0px;
}

#masthead {
	background-color: 		#c68423;
	height:						130px;
	position:					relative;
	width:						1000px;
	z-index:						50;
}

#masthead img {
	margin-top:					15px;
	margin-left:				160px;				
}

#watermark {
	background-color: 		#b0b0b0;
	height:						57px;
	position: 					relative;
	width:						1000px;
	z-index:						50;
}

#watermark img {
	left:							575px;
	position: 					absolute;
	top:							-95px;
	z-index: 					100;
}

#watermark img.bafts {
	left:							885px;
	position: 					absolute;
   top:							-119px;
	z-index: 					100;
}

#container {
	background-color: 		#b0b0b0;
	position:					relative;
	width:						1000px;
	background-image: url(../images/backgrnd.jpg);
	background-repeat: repeat-y;
}

/***************************************************************************************
/*  NAVIGATION SIDEBAR 
/***************************************************************************************/

#nav {
	float:						left;
	margin-left:				50px;
	width:						220px;
}

#nav li {
	font-size: 					9px;
	font-weight:				bold;
	line-height:				18px;
	list-style: 				none;
	list-style-position: 	outside;
	text-transform: 			uppercase;
}

#nav li a {
	color:						#555555;
}

#nav p {
	font-size:					12px;
	font-weight:				bold;
	padding-top:				0px;
}

#nav p.navgroup, #nav p.navgroup a {
	color:						#a52a1b;
}

#nav p.navmain, #nav p.navmain a {
	color:						#555555;
}

#nav p.navmain a {
	font-size:					9px;
	text-transform: 			uppercase;
}

#nav p.navgroup a:hover {
	text-decoration: 			none;
}

#nav p.navquote1 {
	color:						#F6D362;
	font-family: 				Georgia, Times New Roman, Times, serif;
	font-size:					18px;
	font-style:					italic;
	font-weight:				normal;
	line-height: 				140%;
	padding-right:				20px;
}

#nav p.navquote2 {
	font-family: 				Georgia, Times New Roman, Times, serif;
	font-size:					12px;
	font-style:					italic;
	font-weight:				normal;
}

#nav hr {
  background-color: 			#dddddd;
  border: 						0px;
  color: 						#dddddd;
  height: 						1px;
  margin:						11px 0;
  text-align:					left;
  width: 						150px;
}

/***************************************************************************************
/*  MAIN CONTENT 
/***************************************************************************************/

#content {
	float:						left;
	padding-left:				50px;
}

#content.std {
	width:						400px;
}

#content.prods {
	width:						276px;
}

#content.wide {
	width:						640px;
}

#content h1 {
	margin-bottom:				24px;
}

#content p, #content li {
	line-height: 				18px;
}

#content p.highlight {
	color:						white;
	font-weight:				bold;
}

#content p.newsitem {
	font-weight:				bolder;
	margin-top:					24px;
	margin-bottom:				0px;
	padding:						0px;
}

#content p.newsdate {
	font-size:					11px;
	padding-top:				3px;
}

#content p.thumbs {
	padding:						0px;
}

#content p.thumbs img {
	margin:						6px 6px 0 0;
}

#content p.collapse {
	cursor: 						pointer;
	font-size:					9px;
	line-height:				13px;
	margin:						0px;
	padding:						0px;
}

#content p.video {
	padding-right:				200px;
}

#content p.payment {
	font-size:					9px;
	font-weight:				bold;
	line-height:				13px;
	margin-top:					36px;
	margin-bottom:				0px;
	padding-bottom:			0px;
	text-align:					center;
}

#content ul {
	list-style: 				square;
	margin:						0 0 0 10px;
	padding:						0 0 0 5px;
}

#content li {
	padding:						6px 0 6px 0;
}

/***************************************************************************************
/*  NEWSLETTER & CONTACT FORM 
/***************************************************************************************/

div.form form {
	border:						1px solid white;
	margin-top:					12px;
	padding-top:				20px;
	padding-bottom:			20px;
	width:						400px;
}

div.form form p {
	font-size:					11px;
	padding:						0 20px 0 20px;
}

div.form form p.captchatext {
	font-size:					10px;
	line-height:				13px;
	padding-top:				15px;
	padding-bottom:			12px;						
}

#captchaerror p {
	color:						red;
	font-size:					11px;
	font-weight:				bold;
	line-height:				18px;
	margin:						6px 0 12px 0;
}

div.form input, textarea {
	font-family: 				Arial, Helvetica, sans-serif;
	font-weight:				normal;
}

div.form input {
	background-color: 		#b4b4b4;
	border:						1px solid white;
	padding:						4px;
	width:						350px;
}

div.form input.Turing {
	background-color: 		#b4b4b4;
	border:						1px solid white;
	height:						25px;
	margin-left:				20px;
	padding:						3px;
	width:						155px;	
}

div.form input.trp {
	border:						0px none;
	height:						1px;
	visibility: 				hidden;
	width:						1px;
}

div.form input.button {
	background: 				#b0b0b0;
	border:						0px none;
	color: 						#a42b1a;
	cursor:						pointer;
	font-size:					14px;
	font-weight:				bold;
	padding:						0px;
	text-align: 				right;
	width:						125px;
}

div.form input.cbox {
	background-color: 		transparent;
	border:						0px none;
	margin:						0 10px 0 0;
	padding:						0px;
	vertical-align: 			text-bottom;
	width:						15px;
}

div.form textarea {
	background:					#b0b0b0;
	border:						1px solid white;
	padding:						4px;
	width:						350px;
}

/***************************************************************************************
/*  PRODUCT THUMBNAIL GALLERY 
/***************************************************************************************/

#prodheader {
	background: 				#b0b0b0;
	border-left: 				2px dotted #a52a1b;
	float:						left;
	padding-left:				50px;
	padding-bottom:			15px;
	width:						677px;
}


#prodheader h2 {
	font-size:					12px;
	font-style:					italic;
	font-weight:				normal;
	margin-top:					0px;
	margin-bottom:				3px;
}

#prodthumbs {
	margin:						0 0 0 0;
	width:						276px;
}

h2.prods {
	font-size:					14px;
	margin-top:					24px;
	margin-bottom:				0px;
}

#prodthumbs a {
	background:					transparent;
	display:						block;
	float:						left;
	height:						89px; 
	margin-right:				5px;
	margin-bottom:				5px;
	width:						64px; 
}

#prodthumbs a img {
	border:						1px solid #a32a19;
	margin:						2px;
}

#prodthumbs a.selected img {
	border:						3px solid #a32a19;
	margin:						0px;
	overflow: 					hidden;
}

#prodthumbs a:hover img {
	border-color: 				#515151;						
}

#prodthumbs p {
	color:						white;
	font-size:					11px;
}

#prodthumbs p a {
	color:						white;
	display: 					inline;
	float:						none;
}

#prodthumbs p a:hover,
#prodthumbs p a.selected {
	color:						#a12a16;
}

#prodthumbs p a.selected {
	text-decoration:			underline;
}

#content p.specs {
	font-size:					11px;
	font-weight:				normal;
	line-height:				16px;
	padding-top:				0px;
	padding-bottom:			0px;
}

#content p.norm a {
	font-weight:				normal;
}

/***************************************************************************************
/*  PHOTO BAR 
/***************************************************************************************/

#photobar {
	float:						left;
	margin-left:				50px;
	width:						180px;
}

#photobar p {
	font-style:					italic;
	padding:						0px;
}

#photobar p.quote {
	font-size:					10px;
	margin-top:					18px;
	margin-bottom:				24px;
}

#photobar hr {
  background-color: 			#dddddd;
  border: 						0px;
  color: 						#dddddd;
  height: 						1px;
  margin:						12px 0 6px 0;
  text-align:					left;
  width: 						180px;
}

#content div.jumpbutton a,
#photobar div.jumpbutton a {
	background-image: 		url(../images/donate.jpg);
	display:						block;
	height:						33px;
	width:						187px;
}

#content div.jumpbutton a:hover,
#photobar div.jumpbutton a:hover {
	background-image: 		url(../images/donateH.jpg);
}

/***************************************************************************************
/*  PHOTO BAR 
/***************************************************************************************/

#prodphoto {
	float:						left;
	margin-left:				68px;
	width:						284px;
}

#prodphoto img {
	border:						1px solid #a32a19;
	cursor: 						pointer;
}

#prodphoto img.nb {
	border:						0px none;
}

#prodphoto p {
	color:						white;
	font-size:					11px;
	line-height:				16px;
	padding:						0px;
}

#prodphoto p.explain {
	color:						#636363;
	font-size:					8px;
	font-weight:				bold;
	margin-top:					3px;
	text-align:					center;
}

#prodphoto div.jumpbutton {
	margin:						 0 auto 0 auto;
	width:						284px;
}

#prodphoto div.jumpbutton a {
	background-image: 		url(../images/buy.jpg);
	display:						block;
	height:						39px;
	width:						157px;
}

#prodphoto div.jumpbutton a:hover {
	background-image: 		url(../images/buyH.jpg);
}


#prodphoto form.buy {
	border:						0px none;
	width:						160px;
}

#buybutton, #buybutton form,
#buybutton input, #buybutton img {
	background:					#b0b0b0;
	border:						0px none;
	margin:						0 auto;
	padding:						0px;
	width:						157px;
}

#buybutton {
	margin:						36px auto 0 auto;
}

#prodphoto p a {
	color:						white;
	display: 					inline;
	float:						none;
}

#prodphoto p a:hover,
#prodphoto p a.selected {
	color:						#a12a16;
}

#prodphoto p a.selected {
	text-decoration:			underline;
}

/***************************************************************************************
/*  SHOPPING BASKET 
/***************************************************************************************/

#basket {
	background:					#dddddd;
	border: 						1px solid #f0f0f0;
	margin:						18px auto;
	padding:						0px;
	text-align:					center;
	width:						640px;
}

table.basket {
	border:						0px none;
	margin:						0px;
	padding:						0px;
	width:						640px;
}

table.basket tr.top td {
	padding-top:				24px;
}

table.basket td.subtotal {
	background-color: 		#d5d5d5; 
	border-top:					1px solid #f0f0f0;
	padding-top:				10px;
	text-align:					right;
}

table.basket tr td.postage {
	background-color: 		#d5d5d5;
	padding-top:				5px;
	padding-bottom:			10px;
	text-align:					right;
}

table.basket td.total {
	background-color: 		#d5d5d5;
	border-top:					1px solid #f0f0f0;
	border-bottom: 			3px double #f0f0f0;
	font-weight:				bold;
	padding-top:				10px;
	padding-bottom:			10px;
	text-align:					right;
}

table.basket tr.spacer td {
	margin:						0px;
	padding-top:				0px;
	padding-bottom:			0px;
}

table.basket tr.subtotal td,
table.basket tr.total td {
	padding-top:				10px;
}

table.basket th {
	background-color: 		#949494;
	border-left: 				1px solid #f0f0f0;
	color:						white;
	font-size:					9px;
	padding:						7px 8px;
	text-align:					center;
}
	
table.basket td {
	background: 				transparent;
	border-left: 				1px solid #f0f0f0;
	padding:						5px 8px 5px 8px;
}

table.basket tr.top td {
	padding-top:				12px;
}
table.basket tr.bot td {
	padding-bottom:			9px;
}

table.basket tr.bg1 {
	background-color: 		#d0d0d0;
}

table.basket tr.bg2 {
	background-color: 		#c2c2c2;
}

table.basket tr.bg3 {
	background-color: 		#dddddd;
}

table.basket p,
form.basket p {
	margin:						0px;
	padding:						0px;
}

form.basket {
	border:						0px none;
	margin:						0px;
	padding:						0 0 24px 0;
	text-align:					left;
	width:						640px;
}

form.basket input {
	padding:						5px 10px 5px 10px;
}

form.basket span.button {
	padding:						12px 15px 13px 15px;
}

form.basket .button a {
	color:						#a42b1a;	
	cursor: 						pointer;
}

/***************************************************************************************
/*  OUT OF STOCK NOTIFICATION PANEL 
/***************************************************************************************/

#notify {	
	float:						left;
	margin-left:				270px;
	padding-top:				24px;
	padding-left:				50px;
	width:						730px;
}

#notify p {
	color:						#a22a1a; 
	font-size: 					11px;
	padding:						0px;
}

#notify div.notifyLeft {
	float:						left;
	width:						325px;
}

#notify div.notifyRight {
	float:						right;
	width:						300px;
}

#notify form {
	padding-bottom:			12px;
	width:						628px;
}

#notify form p {
	color:						#636363; 
	font-size:					10px;
	font-weight:				bold;
	line-height:				15px;
	padding-right:				20px;
}

#notify form p.error {
	color:						#a61e04;
	font-size:					13px;
	line-height:				18px;
	margin-bottom:				24px;
}

#notify form p, #notify form input {
	padding-left:				20px;
}

#notify form p.normal {
	font-weight:				normal;
	line-height:				13px;
}

#notify form p.button {
	margin-top:					18px;
	padding-right:				0px;
	text-align:					right;
}

#notify form input {
	padding:						3px;
	width:						235px;
}

#notify form input.Turing2 {
	margin:						0;
	vertical-align: 			top;
	width:						90px;
}

#notify form input.button {
	cursor:						pointer;
	margin-right: 				20px;
	text-align:					right;
}

#notify .clearit2 {
	clear:						both;
	height:						1px;
}

/***************************************************************************************/
/*  PAGE BOTTOM
/***************************************************************************************/

#bottom {
	background: 				#b0b0b0;
	clear:						both;
	margin:						0px auto 0px auto;
	height:						25px;	
	width:						1000px;
}	

/***************************************************************************************/
/*  PAGE FOOTER
/***************************************************************************************/

#footer {
	margin:						0px auto 0px auto;
	padding-top:				20px;		
	text-align:					center;						
	width:						1000px;
}	

#footer ul {
	margin: 						0 0 5px 0;
}

#footer li {
	border-right:				1px solid white;
	font-size:					10px;
	padding:						0px 5px;
	display: 					inline;
}

#footer ul.bottom li {
	padding:						0px 5px;
}

#footer li.end {
	border-right:				0px none;
}

#footer li a, #footer li a:visited {
	color:						white;
}

/***************************************************************************************
/*  S.E.O.PANEL
/***************************************************************************************/

p.seologo {
	margin:						250px auto 0 auto;
	text-align: 				center;
}

p.seologo img {
	border:						0px none;
	margin:						20px;
	vertical-align: 			middle;
}

/***************************************************************************************
/*  LIGHTBOX WITH SLIDESHOW
/***************************************************************************************/

#lightbox{
	position: 					absolute;
	top: 							20px;
	left: 						0;
	width: 						100%;
	z-index: 					100;
	text-align: 				center;
	line-height: 				0;
	color:						#151410;
	}

#lightbox a, #lightbox a:hover {
	border-bottom:				none;
	color:						#151410;
	text-decoration:			underline;
}

#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;
}

#loadingLink {
	display:						block;
	margin:						0 auto;
	padding:						0;
	width:						32px;
	height:						32px;
	background: 				url(../images/lightbox/loading.gif) no-repeat center center;
	text-indent:				-9999px;
}

#hoverNav{
	position: 					absolute;
	top: 							0;
	left: 						0;
	height: 						100%;
	width: 						100%;
	z-index: 					10;
}

#imageContainer>#hoverNav { 
	left: 						0;
}

#hoverNav a { 
	outline: 					none;
}

#prevLinkImg, #nextLinkImg {
	width: 						49%;
	height: 						100%;
	background: 				transparent url("../images/lightbox/blank.gif") no-repeat; /* Trick IE into showing hover */
	display: 					block;
	text-indent:				-9999px;
}

#prevLinkImg { 
	left: 						0; 
	float: 						left;
}

#nextLinkImg { 
	right: 						0; 
	float: 						right;
}

#prevLinkImg:hover, #prevLinkImg:visited:hover { 
	background: 				url("../images/lightbox/prevlabel.gif") left 15% no-repeat; 
}

#nextLinkImg:hover, #nextLinkImg:visited:hover { 
	background: 				url("../images/lightbox/nextlabel.gif") right 15% no-repeat; 
}

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

#imageData{
	padding:						0 10px;
}

#imageDetails { 
	width: 						70%; 
	float: 						left; 
	text-align: 				left; 
}	

#caption { 
	font-weight: 				bold;	
}

#numberDisplay { 
	display: 					block; 
	clear: 						left; 
}			

#detailsNav { 
	display: 					block; 
	clear: 						left; 
	padding:						0 0 10px 0;	
}	

#prevLinkDetails { 
	margin:						0 8px 0 0; 
}		

#nextLinkDetails { 
	margin:						0 8px 0 0; 
}		

#closeLink {
	display:						block;
	margin:						0;
	padding:						0 0 10px 0;
	text-decoration:			none;
	float:						right;
	width:						66px;
	height:						28px;
	background: 				url("../images/lightbox/closelabel.gif") no-repeat;
	text-indent:				-9999px;
	overflow:					hidden;
}	
		
#overlay{
	position: 					absolute;
	top: 							0;
	left: 						0;
	z-index: 					90;
	width: 						100%;
	height: 						500px;
	background-color: 		#151410;
/*	filter:						alpha(opacity=60);
	-moz-opacity: 				0.6;
	opacity: 					0.6;  */
}
	
.clearfix:after {
	content: 					"."; 
	display: 					block; 
	height: 						0; 
	clear: 						both; 
	visibility: 				hidden;
}

* html>body .clearfix {
	display: 					inline-block; 
	width: 						100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 						1%;
	/* End hide from IE-mac */
}	
	
/***************************************************************************************
/*  MISCELLANEOUS
/***************************************************************************************/