/*
Theme Name: Ovenu Franchise Site
Theme URI: http://www.ovenu.co.uk
Description: Ovenu Franchise Site
Version: 1
Author: Karl Wills
Author URI: http://www.may-fly.co.uk
*/

@import "style/css/reset.css";


html { font-size: 16px; } /* Make sure the default is always 16px */

html,body { height: 100%; }


body { 
	font-size: 62.5%; /* 16px * 62.5% = 10px : 1em now = 10px */
	background: #fff url('style/images/bodybg.png') repeat-x;
	font-family: "Helvetica", "Arial", "Sans-Serif"; 
	color: #111111;
	}
	
	
/* Universal Styles */

.clear			{ clear:both; }
.left			{ float:left; }
.right			{ float:right; }
img.left		{ margin-right:1.5em; margin-bottom: 1em; margin-top: 0.4em; border: 1px solid #ccc;  }
img.right		{ margin-left: 1.5em; margin-bottom: 1em; padding: 0.2em; border: 1px solid #ccc; }							
a				{ outline: none; color: #5ba51e; text-decoration: underline;}
a:hover			{ text-decoration: underline; color: #498e11;}

table 			{ border-collapse: collapse; margin: 20px 0 30px 0;font-size: 1.2em;}
th,td			{ padding: 0.5em 1.1em;}
thead 			{ border-bottom: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; font-weight: normal;}
th 				{ font-weight: bold; text-align: left;}
tr.odd			{ background: #f0f0f0;}


/* Typography  */

h1 { font-size: 2em; font-weight: bold; margin: 0 0 20px 0; border-bottom: 1px solid #eee; padding-bottom: 5px; padding-top: 30px;}
h2 { font-size: 1.7em; font-weight: bold; margin: 10px 0 15px 0; text-transform: capitalize;}
h3 { font-size: 1.5em; font-weight: bold; margin: 25px 0 10px 0; text-transform: capitalize; line-height: 1.6em;}
h4 { font-size: 1.3em; font-weight: bold; margin: 25px 0 15px 0; text-transform: capitalize;}
p { font-size: 1.3em; line-height: 1.8em; margin-bottom: 15px; padding-right: 0.5em; }

ul { font-size: 1.3em; margin-bottom: 1.5em; margin-left: 1.2em; }
li { list-style: disc; line-height: 1.6em; }

ul ul { font-size: 13px; margin-bottom: 0.5em; margin-top: 0.5em;}

dl { font-size: 1.3em; line-height: 1.75em; margin-bottom: 1.8em; }


/* Page Layout, Header & Navigation */

div#page-wrap {
	width: 945px;
	margin: 0 auto -100px auto;
	padding: 0 0 40px 0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	}
	
	div#header-wrap {
		width: 100%;
		margin: 0;
		padding: 0;
		}
	
	div#header {
		width: 945px;
		height: 120px;
		margin: 9px auto 0 auto;
		}
		
	div#header h2 {
		float: right;
		width: 300px;
		margin-top: 50px;
		font-size: 16px;
		}	
	
	img.logo { /* Ovenu Logo */
		float: left;
		margin: 15px 0 0 0;
		}
		
	div#nav-wrap {
		width: 100%;
		margin: 0;
		padding: 0;
		}
		
		div#navigation {
			margin: 0 auto 0 auto;
			width: 945px;
			padding: 0;
			}
		
		
		ul#nav {
			float: left;
			clear: both;
			font-size: 13px;
			margin: 0;
			width: 945px;
			height: 40px;
			padding: 0;
			color: #fff;
			list-style-type: none;
			background: url('images/navbg.png') repeat-x;
			}
					
			#nav li {
				float: left;
				list-style: none;
				}

				#nav li a {
					display: block;
					padding: 0 16px 0px 16px;
					text-decoration: none;
					color: #fff;
					line-height: 32px;
					}
					
				ul#nav a:hover, ul#nav li#current {
					background: url('style/images/navrollover.png') no-repeat center;
					}	

					#nav a:hover {
						background: #2a5b12;
						}

						#nav li ul {
							position: absolute;
							width: 200px;
							z-index: 100;
							left: -999px;
							list-style: none;
							font-size: 13px;
							margin: 0;
							padding: 0;
							background: #68BC24;
							}

							#nav li ul li {
								width: 200px;
								margin: 0;
								padding: 0;
								list-style: none;
								}

								#nav li ul li a {
									display: block;
									width: 170px;
									background: none;
									margin: 0;
									padding: 0 10px 0px 20px;
									background: url('style/images/raquo-white.gif') no-repeat 0 50%;									
									}
			
								#nav li ul li a:hover {
									text-decoration: none;
									background: #53961b url('style/images/raquo-white.gif') no-repeat 0 50%;
									}

									#nav li:hover ul {
										left: auto;
										}

										#nav li:hover ul, #nav li.sfhover ul {
											left: auto;
											}


/* Breadcrumb Navigation */

div.breadcrumb {
	width: 930px;
	margin: 20px 0 10px 0;
	padding: 0 0 15px 0;
	font-size: 1.2em;
	}					

					
/* Home Page */

	h2.welcome-title { /* Home Page Main Title */
	padding: 0;
	margin: 30px 0 35px 0;
	font-size: 30px;
	font-family: helvetica, Arial, Sans-serif;
	}

div.home-left-content {
	clear: both;
	float: left;
	width: 590px;
	padding: 15px;
	margin: 0 20px 0 0;
	border: 1px solid #eee;
	}
	
	div.home-left-content div.welcome-img { /* Home Page Welcome Image */
		float: right;
		background: #fff;
		margin:  4px 15px 0 15px;
		}
		
		div.home-left-content div.welcome-img img {
			display: block;
			border: 1px solid #ededed;
			padding: 0;
			}
			
		div.home-left-content div.welcome-img p {	
			font-size: 10px;
			font-style: italic;
			padding: 5px 5px 7px 5px;
			margin: 0;
			color: #a3a3a3;
			}		
			
	div.home-left-content img.award {
		float: left;		
		margin: 5px 15px 60px 0;
		}
		
	div.home-left-content h1 {
		font-size: 15px; 
		padding-top: 9px;
		margin: 0;
		border: none;
		}					
	
	div.home-left-content h2 {
		font-size: 17px;
		}	
	
	div.home-left-content p {
		padding-right: 15px;
		}			
	
		
/* Sidebar */	
	
div.sidebar {
	float: left;
	width: 300px;
	margin: 0;
	}
	
	div.item { /* Sidebar Items */
		padding: 15px;
		margin-bottom: 20px;
		border: 1px solid #eee;
		}
		
		div.sidebar div.item p {
			font-size: 12px;
			line-height: 1.5em;
			}
		
		div.sidebar p.video-instructions {
			font-size: 11px;
			font-style: italic;
			padding-top: 10px;
			margin: 0;
			color: #a3a3a3;
			}
	
	div.sidebar h2 {
		color: #5ba51e;
		font-size: 14px;
		}
	
	div.postcode-manager {
		padding: 15px;
		margin-bottom: 20px;
		border: 1px solid #eee;
		background:url('style/images/pcodecheckerbg.jpg') no-repeat right bottom;
		}
		
		div.postcode-manager form#postcode_checker {
			width: 265px;
			}
			
			div.postcode-manager form#postcode_checker label {
				float: left;
				width: 65px;
				height: 10px;
				padding: 0;
				}
			
			div.postcode-manager form#postcode_checker input {
				float: left;
				width: 80px;
				padding: 0.25em;
				font-size: 11px;
				border: 1px solid #ccc;				
				}
				
			div.postcode-manager form#postcode_checker input.button {	
				float: left;
				width: 70px;
				border: 1px solid #5ba51e;
				color: #fff;
				padding: 0.17em;
				margin-left: 10px;
				background: #5ba51e;
				font-size: 11px;
				font-weight: bold;
				}
				
				div.postcode-manager form#postcode_checker input.button:hover {
					background: #6abf25;
					border: 1px solid #6abf25;
					}
		
		div.postcode-manager h2 {
			margin-top: 2px;
			color: #5ba51e;
			font-size: 14px;
			}
		
		div.postcode-manager p {
			font-size: 12px;
			}
			
			
/* Sub-Page Content Wrapper */

div#subpage-wrap {
	width: 945px;
	margin: 0;
	padding: 0;
	}
	
	div#subpage-wrap h1 {
		margin: 0 0 20px 0;
		border-bottom: 1px solid #eee;
		padding-bottom: 5px;
		}	
		
		.confirmation {
		/* Confirmation Page Heading */
		margin-top: 30px;
		}
		
		
/* The Ovenu Franchise Pages */

	div.ovenu-franchise-sidebar {
		float: left;
		width: 220px;
		margin: 0 15px 0 0;
		padding: 20px 0 0 0;
		}
		
		div.ovenu-franchise-sidebar ul {
			margin: 0;
			padding: 0;
			}
		
		div.ovenu-franchise-sidebar li {
			list-style: none;
			background: url('style/images/raquo.jpg') no-repeat 0 50%;
			padding-left: 15px;
			padding-bottom: 5px;
			padding-top: 5px;
			border-bottom: 1px solid #eee;			
			}
		
		div.ovenu-franchise-sidebar a {
			text-decoration: none;
			display: block;
			}
			
		div.ovenu-franchise-sidebar a:hover {
			text-decoration: underline;
			}	
		
		div.ovenu-franchise-sidebar h2 {
			margin: 0 0 15px 0;
			border-bottom: 1px solid #eee;
			padding: 13px 0 5px 0;
			}					
		
	div.ovenu-franchise-content {
		float: right;
		width: 675px;
		padding: 0 15px 0 15px;
		margin: 0;
		}
		
		div.ovenu-franchise-content h1 {
			margin: 0 0 20px 0;
			border-bottom: 1px solid #eee;
			padding-bottom: 5px;
			}
			
			
/* Company History Subpage */						

img.bfa {
	float: left;
	margin-right: 1em;
	margin-bottom: 0.5em; 
	margin-top: 0.4em; 
	border: 1px solid #ccc;
	}
	

/* Benefits Subpage */

ul.benefits {
	margin: 0;
	padding: 0;
	}
	
	ul.benefits li {
		list-style: none;
		margin: 0;
		padding: 15px 0 15px 0;
		background: url('style/images/dash.jpg') repeat-x left top;
		}

	
			
			
/* Questionaire & Contact Form */

	form.wpcf7-form {
		width: 530px;
		}

	form.wpcf7-form label {
		clear: both;
		float: left;
		width: 160px;
		height: 30px;
		padding: 21px 15px 0 0;
		}
		
	form.wpcf7-form	label span {
			font-size: 11px;
			font-style: italic;
			}
	
	form.wpcf7-form input {
		border: 1px solid #939393;
		width: 300px;
		padding: 4px;
		font-size: 12px;
		font-family: "Verdana", sans-serif;
		}
		
		form.wpcf7-form input.checkbox {
			border: none;
			width: 15px;
			margin-right: 8px;
			}
		
	form.wpcf7-form textarea {
		width: 300px;
		border: 1px solid #939393;
		padding: 4px;
		font-size: 12px;
		font-family: "Verdana", sans-serif;
		}	
		
		
	form.wpcf7-form input.button {
		float: right;
		border: 1px solid #5ba51e;
		color: #fff;
		background: #5ba51e;
		font-size: 11px;
		font-weight: bold;
		padding: 0.17em;
		width: 100px;
		margin-right: 40px;
		}	
		
	form.wpcf7-form p.aknowledgement {
		width: 600px;
		padding: 20px 0 0 0;
		}
		
	span.wpcf7-not-valid-tip-no-ajax { /* Required Form Field Styling */
		color: red;
		font-weight: bold;
		font-size: 11px;
		}
		
	div.wpcf7-mail-sent-ok { /* Form Success Message */
		width: 600px;
		color: green;
		font-weight: bold;
		font-size: 11px;
		}		
				
			
/* Ovenu In The Franchise Media Page */

div.pdf-download { /* PDF Download Dialog */
	font-style: italic;
	width: 905px;
	margin: 0 0 30px 0;
	padding: 10px 10px 10px 0;
	background: url('style/images/pdf-icon.jpg') no-repeat left;
	}
	
	div.pdf-download p {
		font-size: 1.2em;
		margin: 0;
		padding: 2px 0 0 50px;
		}	
		
	ul.downloads {
		margin: 15px 20px 20px 20px;
		padding: 0;
		}	
		
		ul.downloads li {
			list-style: none;
			background: url('style/images/raquo.jpg') no-repeat 0 50%;
			padding-left: 15px;
			padding-bottom: 5px;
			padding-top: 5px;	
			}
		
		ul.downloads li a {
			text-decoration: underline;
			}	
			
		ul.downloads li a:hover {
			text-decoration: none;
			}	

/* Testimonials Page */

blockquote.testimonial {
	width: 945px;
	clear: both;
	float: left;
	margin-bottom: 15px;
	padding: 15px 0 15px 0;
	border-top: 1px solid #eee;
	}
	
	blockquote.testimonial#last {
		border-bottom: 1px solid #eee;
		}
	
	blockquote.testimonial img.testimonial-image {
		float: left;
		padding: 2px;
		border: 1px solid #eee;
		margin: 0 15px 10px 0;
		}		
	
	blockquote.testimonial p {
		float: left;
		width: 880px;
		margin: 0;
		padding: 0;
		}
		
	blockquote.testimonial span.franchisee {
		float: left;
		font-style: italic;	
		margin: 0;
		padding: 10px 0 0 0;
		color: #5ba51e;
		font-weight: bold;
		}
			
	div.vid-testimonials div {
		float: left;
		margin: 20px 20px 20px 0;
		}		
		
		
/* Resale Opportunities Page */

div.resale-opportunities-content {
	clear: both;
	float: left;
	width: 620px;
	margin: 0 20px 0 0;
	padding: 0 0 0 0;
	}

div.resale-sidebar {
	float: left;
	width: 290px;
	margin: 0;
	}
	
	
blockquote.resale-testimonial {
	width: 620px;
	clear: both;
	float: left;
	margin-bottom: 15px;
	padding: 15px 0 15px 0;
	border-top: 1px solid #eee;
	}
	
	blockquote.resale-testimonial#last {
		border-bottom: 1px solid #eee;
		}
	
	blockquote.resale-testimonial img.testimonial-image {
		float: left;
		display: block;
		padding: 2px;
		border: 1px solid #eee;
		margin: 5px 15px 10px 0;
		}		
	
	blockquote.resale-testimonial p {
		float: left;
		width: 565px;
		margin: 0;
		padding: 0;
		}
		
	blockquote.resale-testimonial span.franchisee {
		float: left;
		font-style: italic;	
		margin: 0;
		padding: 10px 0 0 0;
		color: #5ba51e;
		font-weight: bold;
		}


/* Postcode Admin */

#adminarea {
	width: 425px;
	height: 250px;
	float: left;
	padding: 0 15px 15px 0;
	border-bottom: 1px solid #eee;	
	margin-bottom: 30px;
	}

p.success { /* Postcode Admin Success Message */
	background: green;
	color: #fff;
	padding: 5px;
	margin-bottom: 30px;
	}
	
	
p.error { /* Postcode Error Message */
	background: red;
	color: #fff;
	padding: 5px;
	margin-bottom: 30px;	
	}	
			
form#pcodemanager {
	width: 425px;
	float: left;
	padding: 0 15px 15px 0;
	border-bottom: 1px solid #eee;	
	margin-bottom: 30px;
	}
	
	ul.postcodes {
		clear: both;
		float: left;
		margin: 0;
		padding: 0;
		width: 945px;
		border-bottom: 1px solid #eee;
		}

	ul.postcodes li {
		font-size: 12px;
		list-style: none;
		margin: 0;
		padding: 0 10px 0 0;
		float: left;
		display: inline;
		}
		
	ul.postcodes h3 {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0;
		}	
	
		
		
/* Footer */

.push {
	height: 100px;
	}

div#footer-wrap {
	clear: both;
	width: 100%;
	height: 100px;
	background: url('style/images/footerbg.png') repeat-x bottom left;
	}
	
	div.footer {
		width: 945px;
		padding: 65px 15px 0 15px;
		margin: 0 auto 0 auto;
		}
		
		div.footer p {
			font-size: 11px;
			}