/* The Franchise Development Centre CSS Document */

@import "http://www.thefranchisedevelopmentcentre.co.uk/fancybox/jquery.fancybox-1.3.0.css";
@import "http://www.thefranchisedevelopmentcentre.co.uk/Client-logos.css";


body {
	background-color: #231F20;
	margin: 0px;
	padding: 0px;
}
/* Page Structure -------------------------- */

.PageWrapper {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-color: #11a7a3;
	margin-top: 20px;
	background-image: url(images/main_background-new.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* Top Menu -------------------------- */
.Top_Menu {
	float: left;
}
.Top_Menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.Top_Menu li {
	float: left;
}
.Top_Menu li a {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #231F20;
	background-image: url(images/Top_Menu/ButtonBg.gif);
	background-repeat: no-repeat;
	display: block;
	height: 52px;
	width: 116px;
	background-position: 0px 0px;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 10px;
	padding-top: 12px;
}
.Top_Menu li a:hover {
	background-position: 0px -64px;
	font-weight: bold;
	color: #000000;
}
.Top_Menu #first {
	background-image: url(images/Top_Menu/ButtonBgFirst.gif);
	width: 111px;
	display: block;
}
.Top_Menu #last {
	background-image: url(images/Top_Menu//ButtonBglast.gif);
	width: 109px;
}
.Top_Menu img {
	border:0px;
	margin: 0px;
	padding: 0px;
}


.header {
	height: 171px;
	display: block;
	background-color: #FFFFFF;
	width: 800px;
}
.footer {
	width: 800px;
	display: block;
	float: left;
}
.column_left {
	float: left;
	background-color:transparent;
	background-image: url(images/transparent-bg.png);
	width: 475px;
	padding-top: 20px;
	margin-left: 32px;
	padding-right: 15px;
	padding-bottom: 12px;
	padding-left: 15px;
}
.column_right {
	float: right;
	width: 228px;
	margin-top: -62px;
}
.column_right img {
	border:0px;
	margin: 0px;
	padding: 0px;
	display: inline;
}


.quotes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	float: left;
	width: 470px;
	text-align: left;
	margin-left: 50px;
	font-style: italic;
	color: #FFFFFF;
	letter-spacing: 0.1em;
	margin-top: 10px;
}
.footer .social {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	float: left;
	text-align: left;
	margin-left: 50px;
	color: #085A58;
	letter-spacing: 0.1em;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 40px;
	width: 490px;
}
.footer .social a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
	text-align: left;
	padding-top: 4px;
	padding-right: 5px;
	background-image: url(images/social_icons/social-icon-bg.png);
	background-repeat: no-repeat;
	display: block;
	width: 90px;
	background-position: right 3px;
	padding-bottom: 1px;
	text-decoration: none;
	color: #333333;
	margin-top: 5px;
	height: 27px;
	float: left;	
}
.footer .social a:hover {
	background-position: right -27px;
}
.affiliate_links {
	background-color: #11a7a3;
	text-align: right;
	padding-top: 15px;
	float: left;
	padding-left: 68px;
}
.affiliate_links img {
	margin-left: 5px;
	margin-bottom: 10px;
}
.footer-bottom {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	background-color: #231F20;
	display: block;
	width: 800px;
	margin: 0px;
	padding: 0px;
}
.footer-bottom a {
	color: #FFFFFF;
	text-decoration: none;
}


h1 {
	color: #333333;
	font-family: Tahoma;
	font-size: 12px;
	background-color: #FFFFFF;
	margin: 0px;
	height: 20px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
	background-image: url(images/H1bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: center;
}
h2 {
	color: #253561;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.3em;
	letter-spacing: 1px;
	display: inline;
	font-weight: bold;
}
.contacttab {
	display: block;
	height: 109px;
	width: 456px;
	float: right;
	background-image: url(images/Contact_Lozenge.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	background-color: #FFFFFF;
}
.TEXT_mainbody {
	color: #253561;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	letter-spacing: 1px;
	text-align: justify;
}
.TEXT_mainbody a {
	color: #253561;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #253561;
}
.TEXT_mainbody a:hover {
	font-style: italic;
}
.TEXT_mainbody p {
}
.TEXT_mainbody ul {
	list-style-position: outside;
	list-style-image: url(images/bullet-point.gif);
	list-style-type: none;
}
.TEXT_NavWheel {
	color: #253561;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	line-height: 1.3em;
	background-color: #FFFFFF;
	display: block;
	height: 250px;
}
.contact_form {
	border:#faba00;
	border-width:1px;
	border-style:solid;
	background-color:#FFFFFF;
}
.contact_fields {
	border: 1px solid #CCCCCC;
	width: 200px;
	font-size: 0.8em;
	color: #253561;
	height: 20px;
	padding-left: 5px;
	padding-top: 5px;
}.contact_textarea {
	border: 1px solid #CCCCCC;
	width: 200px;
	font-size: 0.8em;
	color: #253561;
	height: 50px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 5px;
}
.contact_submit {
	border: 1px solid #faba00;
	width: 100px;
	font-size: 0.8em;
	color: #253561;
	height: 20px;
	padding-left: 5px;
	font-weight: bold;
	background-color: #FAEAC0;
}
.client_logos {
	border: thin solid #FABA00;
	margin-bottom: 5px;
	padding: 3px;
	background-color: #FFFFFF;
}
.more_button a {
	color: #253561;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	letter-spacing: 1px;
	font-weight: bold;
	display: block;
	height: 20px;
	width: 100px;
	float: right;
	text-align: center;
	background-color: #faba00;
	text-decoration: none;
	border: thin solid #253561;
	padding-bottom: 4px;
}
.more_button a:hover {
	background-color: #FACE59;
}
a.back_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	margin-top: 10px;
	background-color: #FABA00;
	padding: 3px;
	border: thin solid #253561;
	margin-bottom: 10px;
	float: right;
	cursor: pointer;
}
blockquote {
	background-color: #FADFAD;
	padding: 10px;
	border: thin solid #253561;
}
blockquote a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	font-weight: bold;
	display: block;
	margin-top: 15px;
	background-color: #FABA00;
	padding: 3px;
	text-align: right;
	border: thin solid #253561;
}
#popup {
	background-color:transparent;
	background-image: url(images/transparent-bg.png);
	padding: 20px;
}


/* Menu Tabs -------------------------- */
.tab1 { background:url(images/Main_Tabs/Tab1.jpg); height: 134px; width: 228px; display: block; background-position: 0px 0px}
.tab2 { background:url(images/Main_Tabs/Tab2.gif)}
.tab3 { background:url(images/Main_Tabs/Tab3.gif)}
.tab4 { background:url(images/Main_Tabs/Tab4.gif)}
.tab5 { background:url(images/Main_Tabs/Tab5.gif)}
.tab6 { background:url(images/Main_Tabs/Tab6.gif)}
.tab7 { background:url(images/Main_Tabs/Tab7.gif)}
.tabs a { height: 134px; width: 228px; display: block; background-position: 0px 0px}
.tabs a:hover {	background-position: 0px -134px }


#error {
	background-color: #FFFFFF;
	border: thin solid #FF0000;
	padding: 10px;
	font-size: 16px;
	color: #FF0000;
	line-height: 18px;
}