/*  
Theme Name: Useafranchise
Theme URI: http://www.useafranchise.com
Description: Theme used on www.useafranchise.com
Version: 1
Author: Mayfly Internet Marketing
Author URI: http://www.mayfly.co.uk

*/


/* Utilities */

img.left {float: left; margin: 5px 20px 60px 0;}


body {
	background: #fff;
	padding: 25px 0 0 0;
	font-family: 'Arial', Sans-Serif;
	text-align: center;
	color: #444444;
	}

	#home { 
		/* Home Page Body ID */
		background: url('images/homebg.jpg') repeat-x;
		}
		
		#home #wrapper {
		padding-left: 10px;
		}

#wrapper { 
	/* Site Container Div */
	width: 960px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	}

/*		T Y P O G R A P H Y		*/
	
p {
	font-size: 13px;
	margin-bottom: 15px; 
	line-height: 18px; 
	}

ul {
	margin: 15px 0 15px 25px;
	}
	
	li {
		list-style: disc outside;
		font-size: 13px;
		margin-bottom: 10px;
		line-height: 24px;
		}

h2 {
	font-size: 16px;
	line-height: 14px;
	margin-bottom: 14px; 
	}
	

/*		S I T E W I D E   C L A S S E S		*/

img.border {
	border: 1px solid #e8e8e8;
	margin-top: 15px;
	margin-right: 20px;
	float: left;
	}

.clear {
	clear: both;
	}



/*		P A G E   C O N T E N T		*/


#pageContent { /* Page Content Wrapper */
	width: 940px;
	padding: 0 10px;
	}

	#pageContent a {
		color: #01538f;
		}

		#pageContent a:hover {
			text-decoration: none;
			}
	
	#pageContent p, #pageContent li {
		padding-left: 10px;
		padding-right: 10px;
		}
		
		#pageContent ul {
			margin: 10px 0 30px 0;
			padding: 0;
			line-height: 15px;
			}
			
			#pageContent li {
			line-height: 12px;
			list-style: inside disc;
			}
			

	#pageContent h1 {
		font-size: 24px;
		padding: 20px 0 18px 10px; 
		margin: 0;
		color: #3576b6;
		}	

	#pageContent h2 {
		font-size: 20px;
		padding: 25px 0 20px 10px; 
		margin: 0;
		color: #3576b6;
		}
	
	#pageContent h3 {
		font-size: 18px;
		margin: 25px 0 18px 10px; 
		padding: 0;
		color: #3576b6;
		}
		
	.membership { /* Positioning For The Free Membership Image on The Seasonal Savers Page */
		float: right;
		position:  relative;
		left: 9px;
		}
			
/*		H E A D E R 	*/

#header {
	float: left;
	width: 960px;
	height: 63px;
	}

	#header h1 {
		float: left;
		margin: 0 0 25px 5px;
		padding: 0;
		}

	div.topnav { 
		/* Top Navigation DIV */
		float: right;
		text-align: right;
		margin-top: 8px;
		margin-right: 5px;
		}
		
		div.topnav p {
			width: 580px;
			}
			
		div.topnav li {
			list-style: none;
			float: left;
			display: inline;
			}

		div.topnav a {
			text-transform: capitalize;
			color: #dcdcdc;
			text-decoration: none;
			margin: 0 0 0 10px;
			font-size: 12px;
			padding: 6px;
			color: #727272;
			}

			div.topnav a:hover {
				text-decoration: underline;
				}

#container { 
	/* Content Container DIV */
	float: left;
	width: 960px;
	clear: both;
	min-height: 560px;
	height:auto !important;
	height: 560px;
	background: url("images/containerbg.jpg") repeat-y;
	border-bottom: 1px solid #e8e8e8;
	padding: 0 0 30px 0;
	margin: 0 0 10px 0;
	}	


#intro { 
	/* Home Page Introduction DIV */
	clear: both;
	width: 940px;
	height: 290px;
	color: #fff;
	font-size: 13px;
	background: url('images/introimg.gif') no-repeat right bottom; 
	}
	
	#intro h2 {
		 /* Home Page Introduction H2  Image Replacement Text */
		text-indent: -9999px;
		width: 886px;
		height: 28px;
		background: url('images/introh2.gif') no-repeat;
		margin: 12px 0 13px 0;
		}	

	#intro a:link, #intro a:visited {
		color: #fff;
		font-weight: bold;
		text-decoration: underline;
		}

		#intro a:hover {
			color: #fff;	
			text-decoration: none;
			border: none;
			}

.introText { 
	/* Home Page Introduction Text Wrapper */
	float: left;
	width: 580px;
	padding-left: 5px;
	margin-top: 10px;
	}
	
	.introText p {
	font-size: 15px;
	line-height: 19px;
	}


.logos { 
	/* Franchise Logo Image */
	margin: 20px 0 20px 0;
	}
	

/*		H O M E   P A G E   3   B U C K E T S 		*/	
	

.find { 
	/* Find a Service DIV */
	color: #fff;
	float: left;
	width: 270px;
	padding: 15px;
	height: 178px;
	background: url('images/searchboxbg.jpg') no-repeat;
	}

	.findService { 
		/* Find a Service Heading */
		text-indent: -9999px;
		width: 241px;
		height: 23px;
		background: url('images/findaservice.gif') no-repeat;
		}

	.searchDirectory { 
		/* Search Our Directory Heading */
		text-indent: -9999px;
		width: 206px;
		height: 23px;
		background: url('images/searchdirectory.gif') no-repeat;
		}

.reasons { 
	/* 5 Main Reasons DIV */
	color: #fff;
	float: left;
	width: 270px;
	padding: 15px;
	height: 178px;
	background: url('images/searchboxbg.jpg') no-repeat;
	margin-right: 20px;
	margin-left: 20px;
	}
	
	.mainReasons { 
		/* 5 Main Reasons Heading */
		text-indent: -9999px;
		width: 244px;
		height: 41px;
		margin: 0;
		padding: 0 0 5px 0;
		background: url('images/fivegoodreasons.gif') no-repeat;
		}

	.reasons ul {
		margin: 5px 0;
		padding: 0;
		}

		.reasons li { 
			/* 5 Main Reasons List */
			background: url('images/star.gif') no-repeat 0 40%;
			padding: 5px 0 5px 20px;
			margin: 0;
			list-style: none;
			font-size: 13px;
			line-height: 12px;
			}

			.reasons li a {
				color: #fff;
				text-decoration: none;
				}

				.reasons li a:hover {
					text-decoration: underline;
					}

#cat { 
	/* Header Category Dropdwown List Styling */
	float: left;
	width: 200px;
	margin-right: 20px;
	}

select#franchises{ 
	/* Browse All Franchises Dropdown List */
	width: 200px; 
	}

/*		F R A N C H I S E   L I S T I N G S 	*/

.listing {
	float: left;
	width: 940px;
	margin: 15px 0 0 10px;
	background: #fff url('images/bgtile.gif') repeat-y;
	}

	.listing h1 {
		background: #fff url('images/top.gif') no-repeat left top;
		font-size: 16px;
		text-transform:  capitalize;		
		padding: 6px 0 6px 10px;
		margin: 0;
		color: #000;
		}	

	.listing h2 {
		background: #fff url('images/top.gif') no-repeat left top;
		font-size: 19px;
		text-transform:  capitalize;
		padding: 18px 0 10px 10px;
		margin: 0;
		color: #3576b6;	
		}

		.listing h2 a {
			text-decoration: none;
			color: #3576b6;	
			}

			.listing h2 a:hover {
				text-decoration: underline;
				}
				
		div.listing h3 {
			font-size: 13px;
			font-weight: bold;
			margin: 16px 0 0 0;
			text-decoration: underline;
			}

	.listingimg { 
		/* Listing Logo Container */
		float: left;
		width: 140px;
		}

		.listingimg img  {
			/* Listing Logo Image */
			margin: 10px 10px 0 10px;
			border: 1px solid #f0f0f0;
			}

	.listingtext { /* Listing Paragraph Text */
		float: right;
		width: 750px;
		margin-left: 10px;
		}

		.listingtext a {
			text-decoration: underline;
			color: #01538f;
			}

			.listingtext a:hover {
				text-decoration: none;
				}

	.listingtext p {
		padding: 10px 10px 0 0;
		margin: 0;
		}

	ul.listinglinks {
		/* Listing Hyperlinks */
		list-style: none;
		float: left;
		margin: 15px 0 10px 0;
		padding: 0;
		}

		ul.listinglinks li {
			list-style:  none;
			font-size: 13px;
			float: left;
			padding-right: 20px;
			}

	.external { 
		/* External Link Globe Icon */
		background: url('images/globe.gif') no-repeat 0 50%;
		padding-left: 18px;
		}

	a.more-link { /* Styles the "Read More" link */
		text-decoration: underline;
		}

		a.more-link:hover { /* Styles the "Read More" link */
			text-decoration: none;
			}

	.bfa { 
		/* BFA Logo Container */
		float: right;
		margin: 10px 10px 70px 20px;
		border: 1px solid #f0f0f0;
		}

	.listingclear { 
		/* Listing Clear & Background Image */
		clear: both;
		width: 940px;
		background: url('images/bottom.gif') no-repeat left bottom;
		}
		

/*		S I N G L E   F R A N C H I S E   L I S T I N G S		*/

	#singleListing {
		width: 940px;
		padding: 0 10px;
		}
		
		.singlelistingtext { /* Single Listing Paragraph Text */
			float: left;
			width: 720px;
			margin: 0 10px 0 10px;
			}
						
		.singlelistingtext a {
			text-decoration: underline;
			color: #01538f;
			}

			.singlelistingtext a:hover {
				text-decoration: none;
				}
			
			ul.singlelistinglinks {
				/* Listing Hyperlinks */
				list-style: none;
				float: left;
				margin: 10px 0 10px 0;
				padding: 0;
				}

				ul.singlelistinglinks li {
					list-style:  none;
					font-size: 13px;
					float: left;
					padding-right: 20px;
					}			
			
			.singlelistingimg { 
				/* Listing Logo Container */
				float: right;
				width: 140px;
				margin: 0 15px 20px 10px;
				}			
			
				.singlelistingimg img  {
					/* Single Listing Logo Image */
					padding: 0;
					margin: 0 15px 10px 0;
					border: 1px solid #f0f0f0;
					}
					
					.singlelistingbfa { 
						/* BFA Logo Container */
						float: left;
						border: 1px solid #f0f0f0;
						margin: 10px 10px 10px 15px;
						}							
		
			#singleListing h1 {
				color: #3576b6;		
				font-size: 20px;
				text-transform:  capitalize;		
				border-bottom: 1px solid #f0f0f0;
				margin: 30px 10px 25px 10px;
				padding: 0 0 8px 0;
				}


/*		B R E A D C R U M B   N A V I G A T I O N		*/

div.breadcrumbs { 
	/* Breadcrumb Navigation */
	clear: both;
	width: 960px;
	height: 29px;
	margin: 0;
	padding: 6px 0 0 0;
	background: url('images/breadcrumbsbg.png') repeat-x;
	}

	div.breadcrumbLinks { 
		/* Breadcrumb Text Styling */
		font-size: 12px;
		width: 500px;
		float: left;
		margin: 0;
		padding: 5px 0 0 10px;
		color: #fff;
		}

		div.breadcrumbLinks a { 
			/* Breadcrumb Link Styling */
			text-decoration: none;
			color: #fff;
			padding-right: 5px;
			padding-left: 5px;
			}
			
			div.breadcrumbLinks a:hover {
			text-decoration: underline;
			}			

/*		P A G E   N U M B E R S		*/

div.navigation {
	/* Page Naviagtion Container DIV */
	width: 960px;
	float: left;
	}

	#wp_page_numbers {
		text-align: center;
		font-size: 13px;
		background:#FFFFFF none repeat scroll 0 0;
		margin-top:10px;
		width: 940px;
		margin: 20px auto 20px;
		}

		#wp_page_numbers ul {
			width:100%;
			}

		#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
			display: inline;
			background:#FFFFFF none repeat scroll 0 0;
			font-style:normal;
			font-variant:normal;
			letter-spacing:0;
			line-height:12px;
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			text-transform:none;
			word-spacing:0;
			}

			#wp_page_numbers a {
				padding: 0 2px 0 2px;
				color: #3576b6;
				text-decoration: none;
				}

				#wp_page_numbers li a:hover {
					color: #5195ce;
					text-decoration: underline;
					}

.page_info {
		/* Page Navigation Page Information */
		margin-right: 10px;
		}

li.active_page {
		/* Page Navigation Active Page */
		font-weight: bold;
		}
		
/*		C O N T A C T   F O R M		*/

#contactForm {
	float: left;
	width: 500px;
	margin: 15px 0 0 0;
	padding: 10px;
	}

/*		M A I L I N G   L I S T		*/

#mailingList {
	float: right;
	width: 325px;
	position: relative;
	left: 50px;
	margin: 0 0 0 20px;
	padding: 10px 10px 0 0;
	border: 1px solid #e8e8e8;
	background: #fff url('images/shadow.png') repeat-x left top;
	}
	

/*		S E A S O N A L   S A V E R S   F O R M		*/

form#ssform {
	float: right;
	width: 325px;
	position: relative;
	left: 50px;
	background: #fff url('images/shadow.png') repeat-x left top;
	border: 1px solid #e8e8e8;
	}
	

	
	form#ssform fieldset {
		padding: 15px;
		}
		
	form#ssform legend {
		color: #3576b6;
		padding-top: 15px;
		padding-bottom: 10px;	
		}
		
	form#ssform label {
		float: left;
		width: 100px;
		}
	
	form#ssform input[type="text"] {
		width: 150px;
		}
		
		
/*		S I T E   M A P 	*/

div.sitemap ul {
	margin: 0;
	padding: 0;
	}
	
	div.sitemap li {
		list-style: inside disc;	
		font-size: 12px;
		padding: 0 0 5px 0;
		margin: 0;
		}
		
		div.sitemap li a {
			text-decoration: none;
			}
			
			div.sitemap li a:hover {
				text-decoration: underline;
				}
	
	

/*		F O O T E R		*/

#home #footer {
	margin: 0;
	border-top: 1px solid #9d9d9d;
	padding: 15px 0 15px 0;
	}

#footer { 
	/* Footer DIV */
	clear: both;
	color: #9d9d9d;
	text-transform: capitalize;
	width: 940px;
	font-size: 11px;
	padding: 0 0 15px 0;
	margin: 0 0 0 10px;
	}

	#footer p { 
		/* Footer Paragraph Styling */
		text-align: right;
		font-size: 11px;
		}

	#footer a { 
		/* Footer Hyperlink Styling */
		text-decoration: none;
		color: #9d9d9d;
		font-size: 11px;
		}
		
		#footer a:hover {
			text-decoration: underline;
			}


	.footerlink { 
		/* Span Class for links to Mayfly & Use a Franchise */
		text-decoration: underline;
		}


#footer ul { 
	/* Footer Unordered List Styling */
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}

	#footer li { 
		/* Footer List Item Styling */
		float: left;
		font-size: 11px;
		padding-right: 4px;
		list-style:  none;
		}