/*
Theme Name: Ovenu oven valeting service
Theme URI: http://www.ovenu.co.uk
Description: Theme used on the Ovenu.co.uk website
Author: Mayfly Internet Marketing
Author URI: http://www.may-fly.co.uk
*/

/*	--------------------------------------------------

	Contents

	1.	General Body Styling
	2.	Page Wrapper
	3.	Typography, Hyperlinks & Button Styling
	4.	WordPress Specific
	5.	Header & Navigation
	6.	Home Page
	7.	Content Page
	8.	UK Branches
	9.	E-Commerce
	10.	Frequently Asked Questions
	11.	Contact Us
	12.	Form Styles
	13.	Footer
	14.	Sitemap
								
--------------------------------------------------	*/


@import "/styles/reset.css";

.imageonleft
{
	margin-right: 10px; 
	width: 134px; 
	height: 100px;
	float: left;
	clear: both;
}

.boldText
{
    font-size: 14px;
    font-weight: bold;
}

.taglineFooter
{
margin: 10px 10px 5px 10px; 
background-color: #5AA51E; 
background-image: url('/styles/site/images/navbg.png'); 
background-repeat: repeat-x; 
color: #fff; 
text-align: center; 
padding: 8px 12px 20px 12px; 
background-position: left top;
}


.rightimg
{
	float: right; clear: right; margin-left: 20px;
	margin-bottom: 60px;
}
.topimg
{
}

#templatePanel
{
	margin-top: -20px;	
}

.first
{
	margin: 0;
}

ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.leftimg
{
	float: left;
	margin-right: 20px;
}


/* ----- General Body Styling -----*/

body {
background: #f2f2f2;
color: #414141;
font-size: 13px;
font-family: 'Lucida Grande', 'Trebuchet MS', Sans-serif;
line-height: 20px;
padding: 0 0 50px 0;
}


/* ----- Page Wrapper ----- */

#page-wrap {
background: #fff;
-moz-box-shadow: 0 0 10px #e3e3e3;
-webkit-box-shadow: 0 0 10px #e3e3e3;
border: 1px solid #d7d7d7;
margin: 20px auto 0 auto;
padding: 0;
width: 978px;
position: relative;
}

.page-template-default #page-wrap, 
.single #page-wrap,
.error404 #page-wrap {
background: url(/styles/site/images/pagebg.png) repeat-y center;
}


/*	Typography, Hyperlinks & Button Styling	*/

p, ul {line-height: 20px; font-size: 13px; margin: 0 0 20px 0;}
h1 {font-size: 28px; font-weight: bold; margin: 20px 0 30px 0; color: #469a02;}
h2 {font-size: 18px; margin: 25px 0 20px 0; font-weight: bold;}
h3 {font-size: 16px; margin-bottom: 15px; font-weight: bold;}
h4 {font-size: 14px; font-weight: bold; margin-bottom: 15px;}
strong {font-weight: bold;}

/*	Default List Styling */
ul { list-style-type: none; }
li { background: url(style/images/bullet.png) no-repeat 0 52%; padding-left: 15px;}

/* Global hyperlink styles */
a {color: #4c9d0a; text-decoration: underline; border: none; outline: none;}
a img {border: none; outline: none;}
a:hover {text-decoration: none;}
button:focus { outline: none; }

/*	Default Button Styling	*/
.default-button {
/* Sliding Right Image */ background: url(/styles/site/images/btn-right.png) no-repeat scroll top right;
display: block;
float: left;
height: 27px;
padding: 0 18px 0 0;
text-decoration: none;
color: #4c9d0a;
font-size: 11px;
}

.default-button:hover { color: #3e7610; }

.default-button span {
/* Sliding Left Image */ background: url(/styles/site/images/btn-left.png) no-repeat;
display: block;
line-height: 27px;
padding: 0 0 0 18px;
}


/* ----- WordPress Specific ----- */

/* Images uploaded through WordPress */
img.alignright, a img.alignright {float:right; background: #f6f6f6; padding: 6px; margin: 5px 0 20px 20px; border: 1px solid #d7d7d7;}
img.alignleft, a img.alignleft {float:left; margin: 5px 20px 20px 0; background: #f6f6f6; padding: 6px; border: 1px solid #d7d7d7;}
img.aligncenter, a img.aligncenter {display: block; margin-left: auto; margin-right: auto; background: #f6f6f6; padding: 6px; border: 1px solid #d7d7d7;}

.nopadding {background: #fff; padding: 0; border: none; margin-bottom: 20px;}
.addborder {border: 1px solid #d7d7d7; margin: 10px 0 40px 0; }

.clear {clear: both;}
.clear-right {clear: right;}


/* ----- Header & Navigation ----- */

#header {
background: #fff;
width: 938px;
padding: 0 20px 0 20px;
position: relative;
height: 143px; 
z-index: 7000; /* IE Z-Index Fix */
}

#logo {
float: left;
position: relative;
top: 25px;
width: 193px;
}

#telephone-tooltip {
float: right;
width: 358px;
height: 29px;
position: relative;
z-index: 6000;
margin-top: 58px;
margin-right: 20px;
}

#telephone-tooltip div {
display: none;
position: absolute;
top: -20px;
left: 0;
right: 0;
width: 338px;
padding: 10px;
background: #fff1b9;
border: 1px solid #b77000;
z-index: 6000;
}

#telephone-tooltip div p {
font-size: 11px;
margin: 0;
padding: 0;
}


/* Top Navigation */
#top-menu {
/* Top Navigation Container */
margin: 0;
padding: 0;
width: 978px;
height: 38px;
background: url(/styles/site/images/navbg.png) repeat-x;
position: relative;
z-index: 5000;
}

#top-menu a.default-button {
margin: 5px 20px 0 0;
float: right;
}

ul#top-nav { /* Main Site Navigation */
float: left;
font-size: 12px;
list-style: none;
margin: 0;
padding: 0;
}

ul#top-nav li {
float: left;
font-size: 12px;
margin: 0;
padding: 0;	
list-style: none;
background: none;
}

ul#top-nav li a {
display: block;
color: #fff;
text-decoration: none;
padding: 8px 18px 9px 20px;
}

ul#top-nav li a:hover , ul#top-nav li#current {
/* Hover and Current Page Nav Styling */
text-decoration: none;
background: url(/styles/site/images/navbghover.png) repeat-x top;
text-shadow: none;
}

ul#top-nav li.dd {
background: url(/styles/site/images/dd-arrow.gif) no-repeat 95% 53%;
}					
				
ul#top-nav li ul {
background: #5aa51e;
position: absolute;
z-index: 4000;
width: 270px;
left: -9999px;
padding: 0;
margin: 0;
}

ul#top-nav li ul li {
margin: 0;
padding: 0;
background: none;
}

ul#top-nav li ul li a {
font-size: 11px;
display: block;
width: 240px;
font-weight: normal;
margin: 0;
padding: 10px 10px 10px 20px;
background: url(/styles/site/images/subnavbullet.gif) no-repeat 3% 50%;

}

ul#top-nav li ul a:hover {
text-decoration: none;
background: #4c8e18 url(/styles/site/images/subnavbullet.gif) no-repeat 3% 50%;
;
}

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

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

/* ----- Home Page ----- */

#home-intro {
overflow: hidden;
width: 938px;
padding: 10px 20px 40px 20px;
background: url(/styles/site/images/navshadow.png) repeat-x top;
position: relative;
z-index: 3000;
}

#home-intro h1 {
/* Heading Styling Specific for Cufon */
margin: 0 0 20px 0;
}

#home-intro p {
font-size: 14px;
font-weight: normal;
line-height: 22px;
}

#video-presentation {
float: right;
width: 380px;
margin: 0 0 0 30px;
padding: 0;
}

#home-content {
width: 620px;
float: left;
margin: 0 0 80px 20px;
overflow: hidden;
display: inline;
}

#home-content h2, #home-sidebar h3 {
/* Heading Styling Specific for Cufon */
font-size: 18px;
padding-bottom: 5px;
border-bottom: 1px solid #e6e6e6;
color: #469a02;
margin-bottom: 25px;
margin-top: 0;
}

ul.one, ul.two, ul.three {
/* Three unordered lists underneath oven images on home page */
float: left;
width: 183px;
margin: 15px 0 35px 0;
}

ul.two {
margin-right: 30px;
margin-left: 30px;
}

p.call {
/* Call to action paragraph text */
font-size: 20px;
text-transform: uppercase;
padding: 10px 0 20px 0;
}

#columns {
/* 3 Column Container */
color: #fff;
width: 1000px;
height: 179px;
position: relative;
background: url(/styles/site/images/columnsbg.png) no-repeat scroll 0 0;
margin-left: -11px;
margin-bottom: 40px;
}

#columns h3 {
font-size: 15px;
text-transform: uppercase;
text-shadow: #4f9522 1px 1px 0;
font-weight: normal;
}

#col1, #col2, #col3 {
float: left; 
display: inline;
width: 290px;
margin-top: 30px;
}

#col1 {
margin-right:20px;
margin-left: 30px;
}

#col2 {
margin-right: 30px;
margin-left: 30px;
}

#home-sidebar {
/* Latest news section on home page */
float: right;
width: 300px;
overflow: hidden;
margin: 0 20px 0 0;
display: inline;
}

div.latest-news-post {
border-bottom: 1px solid #e6e6e6;
padding: 0 0 20px 0;
margin-bottom: 20px;
}

div.latest-news-post p, div.latest-news-post h4 {
font-size: 12px;
margin-bottom: 0;
}

div.latest-news-post h4 {
margin-bottom: 0;
font-weight: bold;
}

.date {
margin: 0;
padding: 0 0 10px 0;
color: #a6a6a6;
font-weight: normal;
}

div.latest-news-post p.more {
/* Latest news more link */
margin-top: 5px;
}


/* ----- Content Pages ----- */

#page-content-wrap {
float: left;
overflow: hidden;
width: 620px;
margin: 20px 20px 50px 20px;
display: inline;
}

#page-content-wrap-full {
/*	Full Width Page Content Wrapper */
float: left;
width: 935px;
overflow: hidden;
margin: 20px 20px 50px 20px;
display: inline;
}

#sidebar {
float: right;
width: 318px;
  min-height:500px;
  height:auto !important;
  height:500px;
overflow: hidden;
padding: 23px 0 0 0;
margin: 0;
}

#sidebar h3 {
color: #469a02;
font-size: 17px;
}

#sidebar p {
font-size: 12px;
}

.sidebar-item {
width: 280px;
padding: 25px 20px 25px 20px;
background: url(/styles/site/images/sidebaritembg.jpg) repeat-x bottom;
overflow: hidden;
}

.feature-box {
background: #f6f6f6;
border: 1px solid #d7d7d7;
overflow: hidden;
padding: 15px;
}

.feature-box img {
padding: 0;
}


/* ----- UK Branches -----*/

#uk-branches-content {
float: left;
overflow: hidden;
width: 600px;
margin: 20px 20px 50px 20px;
display: inline;
}

#uk-branches-map {
float: right;
width: 300px;
margin: 45px 20px 50px 0;
display: inline;
}

a.back-to-map {
font-weight: bold;
font-size: 1.05em;
}


/* ----- E-Commerce ----- */

#products-content {
float: left;	
width: 600px;
padding: 45px 20px 0 0;
margin: 0;
min-height:500px;
height:auto !important;
height:500px;
}

#products-cart {
float: right;
width: 260px;
margin: 45px 20px 0 0;
border-left: 1px solid #e6e6e6;
margin-bottom: 50px;
display: inline;
}

#widgetshoppingcart {
/* Shopping cart on buy products/spares page */
padding-left: 20px;
}

#products-cart img.paypal {
padding: 0 0 10px 20px;
}

.shoppingcart {
/* Shopping Cart Table */
border-collapse: collapse;
border: 1px solid #e6e6e6;
margin: 8px 0 8px 0;
}

.shoppingcart th, 
.shoppingcart td {
padding: 3px 5px;
font-size: 12px;
}

tr.firstrow td {
padding: 5px 10px;
}

.product_form {
/* Product information text */
font-size: 13px;
}

.productcart {
/* Checkout Product Table */
margin: 15px 0 15px 0;
}

#wpsc_shopping_cart_container h2, 
#wpsc_shopping_cart_container h3, 
#wpsc_shopping_cart_container h4 {
/* WP-Ecommerce Checkout Table Headings */
font-size: 13px;
font-weight: bold;
margin: 15px 0 15px 0;
}


/* ----- Frequently Asked Questions -----*/

.question {
/* Question Paragraph */
margin: 0;
background: url(/styles/site/images/faq-bullet.png) no-repeat left center;
padding-left: 15px;
}

.hover, .selected {
/* Question Hover and Selected State */
text-decoration: underline;
color: #4c9d0a;
cursor: pointer;
}

div.answer {
padding: 5px 15px 20px 15px;
font-weight: bold;
}

div.answer p {
margin: 0;
}


/* ----- Contact Us ----- */

#contact-content {
float: left;	
width: 600px;
padding: 0 20px 0 0;
margin: 0;
min-height:500px;
height:auto !important;
height:500px;
}

#contact-sidebar {
float: right;
width: 260px;
margin: 45px 20px 0 0;
padding-left: 20px;
border-left: 1px solid #e6e6e6;
margin-bottom: 50px;
display: inline;
}

#contact-sidebar p, #contact-sidebar address {
font-size: 12px;
color: #717171;
}

#contact-sidebar span {
color: #414141;
float: right;
}

#contact-sidebar h3 {
font-size: 16px;
}

#contact-sidebar h4 {
font-size: 12px;
font-weight: bold;
}

#contact-sidebar ul {
margin: 0;
padding: 0;
}

#contact-sidebar li {
font-size: 12px;
list-style: none;
background: none;
padding-left: 0;
color: #717171;
}

#contact-sidebar li.email {
background: url(/styles/site/images/emailicon.jpg) no-repeat left center;
padding-left: 25px;
}

#contact-sidebar li.australia,
#contact-sidebar li.france,
#contact-sidebar li.newzealand,
#contact-sidebar li.spain,
#contact-sidebar li.america {
padding-left: 25px;
}

#contact-sidebar li.australia {background: url(/styles/site/images/flags/au.png) no-repeat left center; }
#contact-sidebar li.france {background: url(/styles/site/images/flags/fr.png) no-repeat left center; }
#contact-sidebar li.newzealand {background: url(/styles/site/images/flags/nz.png) no-repeat left center; }
#contact-sidebar li.spain {background: url(/styles/site/images/flags/es.png) no-repeat left center; }
#contact-sidebar li.america {background: url(/styles/site/images/flags/us.png) no-repeat left center; }


div.franchise-information {
border-bottom: 1px solid #e6e6e6;
border-top: 1px solid #e6e6e6;
padding: 20px 0 20px 0;
margin: 20px 0 20px 0;
}


/* ----- Form Styles ----- */

/*	Default Form Styling */
input, textarea {
background: #fff url(/styles/site/images/inputbg.jpg) repeat-x top;
font-size: 12px;
font-family: 'Lucida Grande', 'Trebuchet MS', Sans-serif !important;
padding: 4px !important;
border: 1px solid #d7d7d7;
outline: none;
}

textarea {
height: 100px;
}


/*	Postcode Search */
fieldset.postcode-form-search {
position: relative;
width: 230px;
height: 27px;
}

.postcode-form-search input, .postcode-form-search button {
border: none !important;
float: left;
}

input#postcode {
/*	Postcode Search Box */
width: 125px;
height: 21px;
padding: 6px 0 0 15px !important;
background: url(/styles/site/images/postcode-form-search-input-bg.png) no-repeat;
margin-right: 5px; 
font-weight: bold;
text-transform: uppercase;
}

input#postcode:focus {
outline: none;
}

#postcode-form-search-btn {
width: 72px;
height: 27px;
cursor: pointer;
background: transparent url(/styles/site/images/postcode-form-search-btn.png) no-repeat;
text-indent: -9999px;
color: #4c9d0a;
line-height: 27px;
font-size: 11px;
border: none;
display: block;
float: left;
overflow: hidden;
}

#franchisee-area-btn {
width: 81px;
height: 25px;
cursor: pointer;
background: transparent url(/styles/site/images/submit-btn-green.png) no-repeat top left;
color: #fff;
font-size: 11px;
display: inline block;
line-height: 25px;
border: none;
}

/* E-Commerce Form */
.wpsc_checkout_forms input,
.wpsc_checkout_forms textarea  {
/* Wp-Ecommerce input styling */
margin-left: 8px;
}

.wpsc_checkout_forms select {
margin-left: 8px;
}

.wpsc_checkout_table td {
padding: 0 0 10px 0;
margin: 0;
}

.make_purchase {
/* Make Purchase Button */
width: 100px;
text-align: center;
height: 32px;
color: #fff;
background:  url(/styles/site/images/purchasebutton.jpg) no-repeat center top;
background-position: top;
border: none;
text-indent: -9999px;
margin-left: 0;
padding-left: 0;
}


.wpsc_buy_button {
border: none !important;
background: none !important;
}


/*	Contact Form */
.gform_body {
/* Contact Form Container */
margin: 20px 0 0 0;
padding: 0;
}

.gform_body li {
background: none;
padding-left: 0;
margin-bottom: 15px;
}

.gform_body textarea {
width: 350px;
height: 200px;
}

.validation_error {
margin-top: 20px;
}

.button {
/* Submit Button Styling */
width: 100px;
height: 32px;
margin: 0;
padding: 0;
border: 0;
text-align: center;
background:  transparent url(/styles/site/images/submitbutton.jpg) no-repeat center top;
text-indent: -9999px;
cursor: pointer;
color: #fff;
}

.button:hover {
cursor: pointer;}

.button:hover {
background-position: bottom;
}


/* ----- Footer ----- */

#footer {
clear: both;
width: 938px;
padding: 20px 20px 25px 20px;
border-top: 1px solid #e7e7e7;
overflow: hidden;
position: relative;
background: #fff;
}

#footer a#sitemap-toggle {
background: url(/styles/site/images/footer-down-arrow.jpg) no-repeat right center;
padding-right: 12px;
}

.footer-info {
/* Footer Text & Logo Continer */
float: left;
width: 700px;
}

#footer p {
font-size: 11px;
margin: 0;
padding: 0;
color: #757575;
}

#footer img {
float: left;
margin-right: 15px;
}


/* ----- Sitemap ----- */

#sitemap-wrapper {
/* Wraps the Sitemap underneath the footer */
background: #fff;
-moz-box-shadow: 0 0 10px #e3e3e3;
-webkit-box-shadow: 0 0 10px #e3e3e3;
border: 1px solid #d7d7d7;
margin: 25px auto 25px auto;
width: 978px;
position: relative;
display: none;
}

#sitemap-content-wrap {
/* Wraps the sitemap on the sitemap page */
width: 940px;
overflow: hidden;
margin: 20px;
}

#sitemap-wrapper h4 {
font-size: 1.5em;
margin-bottom: 35px;
margin-top: 25px;
}

#sitemap-wrapper li {
font-size: 0.95em;
}

/* Close Sitemap Button */
#close {
width: 14px;
height: 14px;
display: block;
background: url(/styles/site/images/close-button.jpg) no-repeat;
overflow: hidden;
background-position: 0 -15px;
text-indent: -9999px;
float: right;
}

#close:hover {
background-position: 0 0;
}