.com09image{float:left; display:block; width:230px; height:70px; padding:50px 0px 0px 0px; margin:0px;}

.com09image img{float:left; padding:0px 0px 0px 0px; margin:0px;}


.com10{
  width:205px;
  clear:right;
  float:right;
  text-align:center;
  padding:40px 20px 0px 0px;
}
.com10 strong {
  clear:both;
  font-size:18px;
  font-weight:normal;
}
.com10 p{
  clear:both;
  font-size:9px;
  padding:0px;
  margin:0px;
}

p.com07{
  display:block;
  width:600px;
  float:right;
  padding:10px 0px 5px 0px;
  margin:0px 200px 0px 0px;
}
p.com07 a{
  text-decoration:none;
  color:#999999
}
p.com07 a:hover{
  text-decoration:none;
  color:#000000;
}
p.phonenumber {
	font-family: verdana, arial;
	color: #646466;
	font-size: 18px;
	text-align: center;
	margin:0px 200px 0px 0px;
	padding:10px 0px 5px;
	width:600px;
	float:right;
	font-weight: bold;
}
p.phonenumbertext {
	font-size: 9px;
	font-family: verdana, arial;
	color: #646466;
	text-align: center;
	margin:0px 200px 0px 0px;
	padding:0px;
	width:600px;
	float:right;
}

#com00012 { margin: 5px 0px;} 

div.com13{float:right; display:inline-block; height:36px; width:auto; padding:0px; margin:0px;}

div.com13 a{text-decoration:none; color:#333333; cursor:pointer; line-height:36px; display:inline;}

div.com13 a:hover{text-decoration:underline;}


div.com06{background:url(/images/graphics/RUB_home_right.jpg) no-repeat; height:390px; width:175px; padding:10px 10px 10px 15px;}

	div.com06 h1{color:#b70718; font-weight:normal; font-size:28px; padding:0px 0px 5px 0px; margin:0px; line-height:28px;}

	div.com06 p{font-size:12px; padding:3px 0px 3px 0px; margin:0px; line-height:18px;}
	
	div.com06 p strong{}
	
	div.com06 ul{padding:3px 0px 3px 10px; margin:0px 0px 0px 5px; line-height:16px;}
 
        div.com06 ul a {
          color: #646466;
        }

        div.com06 ul a:hover {
          color: #BB0514;
          text-decoration: none;
        }


        div.com06 li{padding:3px 0px 3px 0px;}





.elm113BaskSum2{
	display:block;
	width:auto;
	height:35px;
	font-size:12px;
	line-height:35px;
	padding:0px 10px 0px 0px;
	float:right;
	}

/*.elm113BaskSum2 a{text-decoration:none; color:#333333; cursor:pointer;}*/

.elm113BaskSum2 a {
  color: #BB0514;
  cursor: pointer;
  font-weight: bold;
  text-decoration: underline;
}

/*.elm113BaskSum2 a:hover {
  color: #BB0514;
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
}*/

.elm113BaskSum2 a img{float:left; margin:0px 5px 0px 0px;}

.elm113BaskSum2 .elm113BaskSum2Info{float:left; line-height:36px; padding:0px 10px 0px 0px;}



/***********************************************************************/
/********************************************************* author page */

/*#authors-homepage {
  width:640px;
}
#authors-homepage a:visited {
  color:#eee;
}
*/

/***********************************************************************/
/********************************************* individual author pages */
.author-page{
height:auto;
width:790px;
padding:20px 0 0 10px;
}

.author-page-top{
padding-left:10px;
float:left;
}

.author-page-top .author-top-img{
width:170px;
height:170px;
float:left;
margin-right:10px;
border:0px solid #b70718;
}

.author-page-top .author-top{
width:580px;
min-height:170px;
float:right;
}

.author-title{
font-size:17px;
}
.author-title a{
color:#b70718;
text-decoration:none;
}

.author-type{
font-size:16px;
font-weight:bold;
padding:5px 0 10px 0;
}
.author-heading{
font-size:19px;


font-weight:bold;
}
.author-name{
font-weight:normal;
font-size:19px;
}
.author-link a{

float:left;
margin:30px 0 0 0;
font-weight:normal;
font-size:12px;
color:#b70718;
}

.author-page-main {
float:left;
width:750px;
margin:20px 0 20px 0;
padding-left:10px;
padding-right:40px;
font-size: 100%;
text-align:justify;
/*line-height: 1.5px;*/
}

.author-page-bottom{
clear:both;
float:left;
margin-top:10px;
width:600px;
margin: 20px 0 0 0;
}

.author-page-bottom .featured-items-heading{
clear:both;
float:left;
font-size:19px;
font-weight:bold;
/* margin:0 0 25px 0;*/ 
}

.author-page-bottom ul{
clear:left;
}

/*******************pagenotfound****************************/

.pagenotfound h1 {
        font-size: 30px;
        font-family: verdana,arial;
        margin-left: 50px;
        margin-top: 100px;
}
.pagenotfound h4 {
        font-family: verdana,arial;
        margin-left: 100px;
        font-size: 16px;
}

/************** archers cookbook ********************/

.archerscontainer {
	background-image:url(/images/page/archers/archers_background.jpg);
	background-repeat: no-repeat;
	height: 1100px;
	border-top:8px solid #F6EFB9;
	border-bottom:8px solid #F6EFB9;
}
.archerscontainer p.main {
	float:left;
	display:block;
	margin: 140px 0px 0px 14px;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
	font-size: 12px;
	width:360px;
	height:400px;
	font-weight: bold;
	text-align: justify;
	font-family: verdana;
}
.archersmp3 {
	float:left;
	padding:0px 0px 0px 0px;
	margin:50px 0px 0px 10px;
	width: 240px;
	clear: both;
	position:absolute;
	left:148px;
	top:655px;
}
.archersbuybutton {}

#archerscomp-link {
	float:left; 
	display:block;
	width: 242px; 
	height: 222px; 
	margin:15px 40px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: transparent; 
}
#archersbuy-widget { 
	display:block;
	float:right;
	margin:140px 40px 0px 0px;
/*	border: 2px dotted red;*/
	width: 65px;
	height: 94px;          
}
#archersbook-link { 
	float:right;
	display:block;
	margin:0px 40px 0px 0px;
	width:260px; 
	height:350px; 
/*	border: 1px dotted red; */
}
#archersbook-recipe { 
	float:right;
	display:block;
	margin:160px 198px 0px 0px;
	width:157px; 
	height:127px; 
/*	border: 2px dotted red;*/
	clear: both;
}
/************** end archers cookbook ********************/

/*******************newsletter integration*****************/
.NewsLetter {
	background-color: #EEEEEC;
	border: 2px solid #BB031B;
	color: #000000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	margin: 9px 5px 0px 4px;
	padding: 3px;
	text-align: left;
	width: 218px;
	float: right;
	clear: right;
	height: 12px;
}
.NewsLetter p {
	font-size: 13px;
	font-weight: normal;
	padding:0px 0px 2px 0px;
	margin: 0px;
}
.NewsLetter .input {
	background-color: #D8D0C8;
	border-style: none;
	color: #49362D;
	float: left;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	margin: 2px 0px 0px 0px;
	padding: 1px 0px 1px 4px;
	width: 159px;
}
.NewsLetter .button {
	/*background-color:#9D457F;*/
	border:1px solid #DBD3C3;
	color:#FFFFFF;
	cursor:pointer;
	float:left;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	height:19px;
	left:3px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 2px 0px;
	position:relative;
	width:27px;
}

/************** start ghosts page ********************/
.ghostscontainer {
	background-image:url(/images/page/ghosts/ghosts_background.jpg);
	background-repeat: no-repeat;
	height: 1200px;
	width: 1000px;
	font-family: verdana;
}
.ghoststop {
	margin-left:100px;
	margin-right:100px;
	/*background-color: #cccccc;*/
	float:left;
	display:block;
	text-align: middle;
	margin-top: 10px;
	padding: 0px;
	text-align: center;
	width: 800px;
}
.ghoststop img {
	width: 125px;
	height: 125px;
}
.ghostsmain {
	margin-left:185px;
	margin-right:185px;
	/*background-color: #cccccc;*/
	float:left;
	display:block;
	text-align: middle;
	margin-top: 40px;
	padding: 0px;
	text-align: center;	
}
.ghostsmain h2 {
	/*background-color: #eeeeee;*/
	line-height: 1.5;
	font-size: 24px;
	font-weight: bold;
}
.ghostsmain p {
	/*background-color: #dddddd;*/
	margin-top: 22px;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5;
}
.ghostsmiddle {
	width: 800px;
	margin-left: 100px;
	margin-right: 100px;
	/*background-color: #ccc123;*/
	float:left;
	display:block;
	text-align: middle;
	margin-top: 0px;
	text-align: center;	
}
.ghostsmiddle h3 {
	/*background-color: #dddddd;*/
	margin-top: 22px;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
}
.ghostsfooter {
	width: 800px;
	height: 340px;
	margin-left: 100px;
	margin-right: 100px;
	/*background-color: #ddd456;*/
	float:left;
	display:block;
	text-align: middle;
	margin-top: 35px;
	text-align: center;
}
.ghostsfooter p {
	/*background-color: #dddddd;*/
	color:#FFFFFF;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}
.ghostsyoutubeleft {
	float: left;
	width: 320px;
	height: 265px;
	background-color:#C9D4D0;
	border:2px solid #000000;
	padding:5px;
	margin-left: 10px;	
}
.ghostsyoutuberight {
	float: right;
	width: 320px;
	height: 265px;
	background-color:#C9D4D0;
	border:2px solid #000000;
	padding:5px;
	margin-right: 10px;
}

/* Added 01 Feb. '10 - On advice from CL via email */
#poweredby {
	display:none;
}

/*************** faqs.php work done Feb 17th ***************/

.faqlist {
list-style: none;
margin: 0;
padding: 0;
font-family: arial;
font-weight: bold;
}

li.faqicon {
background-image: url(http://www.rucraft.co.uk/images/graphics/faq.gif);
background-repeat: no-repeat;
background-position: 0 0%;
padding: 0px 0 3px 20px;
margin: .4em 0;
}

p.faqp {
font-family: arial;
font-weight: normal;
padding: 0px 0px 10px 20px;
}

/* the faq1-10 can be used again when I need such work doing.  Had to back track
on using them for the faq's as I only had up to 10.gif. */

/*
li.faq1 {
background-image: url(http://www.rucraft.co.uk/images/graphics/numbers/one.gif);
background-repeat: no-repeat;
background-position: 0 0%;
padding: 0px 0 3px 20px;
margin: .4em 0;
}

li.faq2 {
background-image: url(http://www.rucraft.co.uk/images/graphics/numbers/two.gif);
background-repeat: no-repeat;
background-position: 0 0%;
padding: 0px 0 3px 20px;
margin: .4em 0;
}

li.faq3 {
background-image: url(http://www.rucraft.co.uk/images/graphics/numbers/three.gif);
background-repeat: no-repeat;
background-position: 0 0%;
padding: 0px 0 3px 20px;
margin: .4em 0;
}

li.faq4 {
background-image: url(http://www.rucraft.co.uk/images/graphics/numbers/four.gif);
background-repeat: no-repeat;
background-position: 0 0%;
padding: 0px 0 3px 20px;
margin: .4em 0;
}

li.faq5 {
background-image: url(http://www.rucraft.co.uk/images/graphics/numbers/five.gif);
background-repeat: no-repeat;
background-position: 0 0%;
padding: 0px 0 3px 20px;
margin: .4em 0;
}

li.faq6 {
background-image: url(http://www.rucraft.co.uk/images/graphics/numbers/six.gif);
background-repeat: no-repeat;
background-position: 0 0%;
padding: 0px 0 3px 20px;
margin: .4em 0;
}

li.faq7 {
background-image: url(http://www.rucraft.co.uk/images/graphics/numbers/seven.gif);
background-repeat: no-repeat;
background-position: 0 0%;
padding: 0px 0 3px 20px;
margin: .4em 0;
}

li.faq8 {
background-image: url(http://www.rucraft.co.uk/images/graphics/numbers/eight.gif);
background-repeat: no-repeat;
background-position: 0 0%;
padding: 0px 0 3px 20px;
margin: .4em 0;
}

*/


/**** NEW COMPONENTS ADDED OR MODIFIED ***/

/*********************************************************************************************************************/
/*	com00099 - Blog & Hints Menu Items																				*/
/*********************************************************************************************************************/

#com00099ExtraMenu {
	float: left;
	display: block;
	height: 48px;
	width: 305px;
	background-image: url(/images/graphics/MenuBG_BlogHints.gif);
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
	#com00099ExtraMenu li {
		float: left;
		text-align:center;
		width: 150px;
		}
	
		#com00099ExtraMenu li a{
			text-decoration: none;
			font-weight: bold;
			width: 100%;
			display: block;
			height: 42px;
			padding-top: 6px;
			color: #ffffff;
			}



/*********************************************************************************************************************/
/*	footer */
/*********************************************************************************************************************/

/* background styling */

#siteInfo { 
	background: url(/images/graphics/FooterBG.jpg) no-repeat top; 
	height: 205px;
	padding: 80px 0 0 0;
	color: #FFFFFF;
	position: relative;
	margin: auto;
	overflow: hidden;
	}
	
	#siteInfo a {
		color: #FFFFFF; 
		text-decoration:none; 
		}

/* connection menu - social links, telephone and contact links*/

#com00100Connect {	
	height: 210px; 
	float: left; 
	width: 320px; 
	padding-left: 5px;
	font-size: 12px; 
	}
					
	#com00100Connect h2 {
		padding: 15px 0px 0px 0px;
		margin: 0px; 
		font-size: 1.4em; 
		font-weight: bold; 
		}
							
	#com00100Connect p {
		padding: 0px; 
		margin: 0px;
		}
							
	#com00100Connect ul {	
		padding: 0px 0px 0px 10px; 
		margin: 0px 0px 0px 5px; 
		list-style-image: url(/images/graphics/bullet_orange.png); }
	
	
/* horizontal links */

#com00101FooterMenu { 
	float: right; 
	width: 675px; 
	height: 40px;
	}
	
	#com00101FooterMenu ul li{ 
		float: left; 
		list-style:none; 
		padding: 2px; 
		font-weight: bold;
		}

/* vertical menu's */

#com00104VerticalMenu3, 
#com00103VerticalMenu2, 
#com00102VerticalMenu1 { 	
	float: left; 
	width:155px; 
	display: block; 
	padding-top: 20px; 
	_position: relative; /* this did the trick. Only IE6 should 	*/
	_top: -100px;
	_left: 0px;
	}

	#com00104VerticalMenu3 ul, 
	#com00103VerticalMenu2 ul, 
	#com00102VerticalMenu1 ul { 
		float: left; 
		display: block;
		list-style:none;
		margin: 0px; 
		padding: 0px;
		}
	
		#com00104VerticalMenu3 ul li,
		#com00103VerticalMenu2 ul li,
		#com00102VerticalMenu1 ul li { 	
			padding: 0px; 
			margin: 0px;
			}

	#com00104VerticalMenu3 h2, 
	#com00103VerticalMenu2 h2, 
	#com00102VerticalMenu1 h2 { 
		font-size: 1.2em; 
		font-weight: bold; 
		padding-bottom: 5px;
		}

/* verisign seal & priam power */

#com00105VeriSignSeal {	
	width: 150px; 
/*
	padding: 100px 10px 75px 0px; 
	float: right;	
*/
	position: absolute;
	right: 0px;
	bottom: 20px;
	_bottom: 0px;
	_top:200px;
	text-transform:uppercase; 
	font-size: 0.8em; 
	font-weight: bold; 
	}
						
	#poweredby {
			overflow: hidden; 
			height: 0px;
			display: block; }

/**********************************************************************/
/* Header Classes */
/**********************************************************************/
	
.HeaderSlides{
	width: 100%;
	}

.HeaderAds {
	width: 100%;
	float: left;
	margin-top: 10px;
	border-bottom: #929395 solid 1px;
	margin-bottom: 5px;
	}
	
	.HeaderAds a {
		float: left;
		padding: 0px;
		text-decoration: none;
		}
		
		.HeaderAds a img{
			float: left;
			padding: 0px;
			}
			
			.HeaderAds img{
				float: left;
				padding: 0px;
				}		
		
			

/* Featured Header */

.FeaturedHeader {
	padding-top: 5px;
	margin: 0px 0px;	
	float: left;
	width: 100%;
	}
	
	.FeaturedHeader h2 {
		font-size: 1.4em;
		color: #929395;
		}
	
		.FeaturedHeader h2 span {
			color: #1bbbe9;
			}



/* Ad Section - New In (sidebar) */

.AdSectionNewInSide h3 { 
	color: #1bbbe9;
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	}
	
	.AdSectionNewInSide ul {	
		padding: 0px 0px 0px 10px; 
		margin: 0px 0px 0px 5px; 
		list-style-image: url(/images/graphics/bullet_orange.png);
		}	
	
		.AdSectionNewInSide ul li {
			padding: 2px 0px;
			}

			.AdSectionNewInSide ul li a {
				color: #929395;
				text-decoration:none;
				}

				.AdSectionNewInSide ul li a:hover {
					color: #929395;
					text-decoration:underline;
					}

/* Ad Section - Offers (sidebar) */

.AdSectionOffersSide {
	margin: 5px 0px;
	}
	
	.AdSectionOffersSide h3 { 
		color: #1bbbe9;
		font-size: 1.2em;
		margin: 0px;
		padding: 0px;
		font-weight: bold;
		}
		
		.AdSectionOffersSide ul {	
			padding: 0px 0px 0px 10px; 
			margin: 0px 0px 0px 5px; 
			list-style-image: url(/images/graphics/bullet_orange.png);
			}	
		
			.AdSectionOffersSide ul li {
				padding: 2px 0px;
				}
	
				.AdSectionOffersSide ul li a {
					color: #929395;
					text-decoration:none;
					display: block;
					height: auto;
					}
					
					.AdSectionOffersSide ul li a:hover {
						color: #929395;
						text-decoration:underline;
						display: block;
						height: auto;
						}
					
				.AdSectionOffersSide ul li a strong {
					display: block;
					font-weight: bold;
					width: 100%;
					}				

/* Ad Section - Blog Teaser (sidebar)*/

#com00112BlogAd{
	border: #929395 solid 1px;
	border-left: none;
	border-right: none;
	padding: 10px 2px;
	color: #929395;
	display: block;
	}

#com00112BlogAd a{
	color: #929395;
	text-decoration:none;
	}

#com00112BlogAd a strong{	
	color: #c90019;
	font-weight: bold;
	}

#nothing{
	padding-bottom: 10px;
	border-bottom: #929395 solid 1px;
	margin-bottom: 5px;
}

	
/* com00168TwitterFeed */

#com00113TwitterFeed h3 {
	color: #1bbbe9;
	font-size: 1.2em;
	font-weight: bold;
	}

	#com00113TwitterFeed h3 a {
		color: #1bbbe9;
		text-decoration:none;
	}	
	
/* com00019Photography */
	
#com00019Photography {
	}

/* com00020Art */

#com00020Art {
	}


/* com00115facebook Facebook Like Button */
	
#com00115facebook {
	float: right;
	margin-right: 70px;
}

/** jQuery Cycle Plugin in use on Homepage **/

#home-features { position: relative; width: 708px; height: 280px; margin: 0px;}
#home-features-parent {  position: relative;  height: 280px;  width: 708px; margin: 0px;}
#controls {  font-family:"Trebuchet MS",Helvetica,sans-serif; font-size: 20px;  padding: 2px; position: absolute; top: 20px; right: 20px;  z-index: 100;border: 0px solid #ddd;}
#controls a { padding: 0 8px;  background-color: #FFFFA5;  text-decoration: none;  color: #000000;  font-weight: 100;  margin: 0 2px}
#controls a.activeSlide:link,  #controls a.activeSlide:visited {  background-color: #DD1;  color: #000 !important;border: 1px solid #000;}
#controls a:hover, #controls a:active:hover { color: #fff; background-color: #CE0018}
#controls a:hover, #controls a:active { text-decoration: none; background-color:#DD1; color:#FFFFFF;}
#slidenumbers{}

.item {font-family:"Trebuchet MS",Helvetica,sans-serif}

/* This code fixes the issue 'Why do all my images (slides) display briefly when the page loads?' Code adapted from example - http://www.learningjquery.com/2008/10/1-way-to-avoid-the-flash-of-unstyled-content */

.js .item {display: none;}
/*** end jQuery on HomePage **/

/* Browse Categories Text*/
.BrowseCatsArt {color:#C30018;font-size:1.6em;font-weight:bold;margin:0 0 0 4px;padding:0}
.BrowseCatsPhoto {color:#C30018;font-size:1.6em;font-weight:bold;margin:0 0 0 4px;padding:0}
.BrowseCatsGI {color:#005E7C;font-size:1.6em;font-weight:bold;margin:0 0 0 4px;padding:0}
