/*
Theme Name: MyCarLeasing
Theme URI: http://www.my-carleasing.com/
Description: A theme built around the new asbestos removal website.
Version: 5.0
Author: Ali Wright
Author URI: http://www.ts-a.com/
Tags: wood, custom header, fixed width, three columns, widgets

	MyCarLeasing v4.0
	http://www.ts-a.com/

	This theme was designed and built by Ali Wright,
	web developer at http://www.ts-a.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;  }

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

.models li {
	margin-left: 20px;
}
blockquote, ol, .main-content ul {
	margin-left: 20px;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearer {clear: both;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

table {border-collapse: collapse; margin: 1em auto;}
td, th {border: 1px solid #ccc; padding: 5px 20px 5px 10px;}
thead th {background: #eee;}
tbody th {background: #e6e6e6; font-weight: normal;}

/* end reset */

h1,h2,h3,h4 {font-family: Arial; margin: 0.5em 0 0.4em;}
h1 {font-size: 2.0em; color: #990000; margin-top: 0.1em;}
h1, a, h1 a:active, h1 a:link, h1 a:visited, h1 a:hover {color: #990000;}
h2, h2 a {color: #000; font-size: 16px;}
h2 em, h3 em {font-style: normal; text-decoration: underline;}
h3 {color: #990000; font-size: 1.4em;font-family: Verdana, Arial, sans-serif;}
.sidebar h3 {font-size: 1.5em; color: #990000;}

p {margin: 1em 0;}

a, a:visited {text-decoration: none;}
a:hover, a:visited:hover {text-decoration: underline;}

body {text-align: center; font-family: Verdana, Arial, sans-serif; font-size: 76%;background: #743B15 url(assets/wood.jpg) repeat center top fixed;}
.topwrapper {text-align: left; margin: 0px auto; width: 820px; }
.wrapper {text-align: left; margin: 0px auto; width: 820px; background: #fff; padding-bottom: 5px; }
.header {height: 80px; position: relative;}
.phone-numbers {position: absolute; right: 0; top: 0; background: url(assets/phone-numbers.png) no-repeat right top; text-indent: -9999px; width: 286px; height: 80px;}
.thisis {background: url(assets/this-is-louise.gif) no-repeat left top; position: absolute; width: 201px; height: 109px; right: -202px; top: 0; text-indent: -9999px;}
#current-time {position: absolute; left: 320px; top: 58px; color: #FFFF00; font-size: 0.8em; font-weight: bold; width: 200px; text-align: center; }

.subheader {padding: 5px 10px 0px 4px; font-weight: bold; overflow: hidden; font-size: 0.9em; margin: 0px;}
.find-us-links {float: right; width: 48%;}
.find-us-links span.label {float: right; display: block; padding: 7px 15px 7px 0;}
.find-us-links a {display: block; float: right; text-indent: -9999px; height: 26px; margin-right: 3px;}
a.youtube {background: url(assets/youtube.png) no-repeat left top; width: 50px;}
a.twitter {background: url(assets/twitter.png) no-repeat left top; width: 20px;}
a.rss {background: url(assets/rss.png) no-repeat left top; width: 20px;}
a.blog {background: url(assets/blog-link.png) no-repeat left top; width: 166px;}
.client-logos {float: left; width: 50%; margin: 0px; padding: 0px;}

.banner {height: 227px; background: url(assets/banner-bg.png) repeat-x top; z-index: 100; position: relative; margin: 0px 4px 0px 4px; padding: 0px;}
.benefits {background: url(assets/post-it.png) no-repeat left top; width: 267px; height: 227px; text-indent: -9999px; float: left;}
.benefits ul {list-style: none;}

.video {float: left; width: 263px; padding: 15px 5px;}

div.free-guide {background: url(assets/free-guide-bg.png) no-repeat right top; display: block; width: 209px; height: 226px; float: right; margin-top: 10px; text-align: center; text-decoration: none; font-family: Tahoma, Arial; position: relative; right: 15px;}
div.free-guide:hover {background-position: left top; text-decoration: none;}
div.free-guide .click {color: #990000; font-size: 16px; line-height: 16px; padding: 5px 0; font-weight: bold;}
div.free-guide h2 {color: #ca5421; font-family: Arial; font-size: 1.4em; padding: 0 15px; margin: 0; width: 100px; text-align: left;}
div.free-guide .seven-things {color: #333; font-weight: normal; padding: 0 15px; width: 80px; font-size: 13px; line-height: 14px; text-align: left; }
.seven-things em {text-decoration: underline; font-style: normal;}

.content {background: url(assets/column-bg.png) repeat-y right;}
.main-content {float: left; width: 560px; padding: 0px 20px;}
.sidebar {float: right; width: 176px; padding: 0px 30px 0px 0px; z-index: 10; position: relative; margin-right:4px;}
.super-footer {clear: both;}
.footer {clear: both;}

.mmf p {margin: 5px 0px 5px 0px;}
.mmf-form, .aweber, #aweber {padding: 10px;border: 2px solid #990000;}
.aweber table, .aweber td, #aweber table, #aweber td {border:0;}
.mmf-form h2 {color: #990000;margin-top: 0px;}
.form-item {margin-top: 10px; clear: left;}
.form-item label {display: block; float: left; width: 125px; margin-bottom: 4px; font-weight: bold; }
.form-item select {width: 216px}
input.standard-text {width: 210px;}
label.vertical {float: none; width: auto;}
textarea {width: 99%; height: 100px;}
.form-button {text-align: center; padding: 10px 0 0;}
.formCol {float:left; width:250px; padding-right:10px;}

.danger-sign {background: url(assets/danger-sign.jpg) no-repeat right top; padding-right: 120px; padding-bottom: 10px; margin-bottom: -10px;}

.super-footer {background: #7DACCC url(assets/super-footer-bg.png) repeat-x top; margin: 5px; overflow: hidden; padding: 10px 0 20px; color:#333; }
.super-footer .column {float: left; width: 150px; padding: 0 5px 0 20px;}
.super-footer .column ul li, .super-footer .column-wide ul li, .super-footer .column-wider ul li {line-height:12px;padding-bottom:5px;}
.super-footer .column-wide {float: left; width: 250px; padding: 0 5px 0 20px;}
.super-footer .column-wider {float: left; width: 430px; padding: 0 5px 0 20px;}
.super-footer .column-wide ul {width: 28em;}
.super-footer .column-wider ul {width: 40em;}
/* float & allow room for the widest item */
.super-footer .column-wide ul li {float: left; width: 10em;}
.super-footer .column-wider ul li {float: left; width: 10em;}
/* stop the float */
.super-footer .column-wide br {clear: left;}
.super-footer .column-wider br {clear: left;}


.super-footer h4 {text-transform: uppercase; font-weight: bold; color: #333; font-size: 1.1em;}
.super-footer ul {list-style: none;}
.super-footer a, .super-footer a:visited {color: #333;}

.footer {background-color: #CCC; margin: 0 5px; padding: 10px; text-align: center; }
.footer p {margin: 0.5em 0; }

/* lists */

.main-nav, .utility-links, .footer ul {list-style: none;}
.sidebar ul {list-style: none; margin-bottom: 10px;}
.sidebar ul li {margin-bottom: 4px;background: #FFF; padding: 5px; display: block;width: 185px;}
.sidebar ul li.widget widget_stray_quotes {padding:5px;}
.sidebar ul li h3 {margin: 0px; margin-bottom: 4px;}
.sidebar ul li a, .sidebar ul li a:visited {color: #333; background: #f8fafb; padding: 3px 5px; display: block;}
/* .sidebar .testimonial {background-color: #FFF; width: 100px; margin: 0px 10px 0px 10px; padding: 10px;} */
.sidebar .testimonial {width: 185px;background-color: #FFF; padding: 5px;text-align:center; margin-bottom:10px;}
.sidebar .testimonial h4, .sidebar ul li h3 {font: 14px Verdana, Arial, Helvetica, sans-serif; color: #0099CC; font-weight: bold; }
.sidebar #ps_sidebar_content {width: 185px;background-color: #FFF; padding: 5px;text-align:center; margin-bottom:10px;}
.sidebar #ps_sidebar_name {font: 14px/15px Verdana, Arial, Helvetica, sans-serif; color: #0099CC; font-weight: bold; width: 175px;background-color: #FFF; padding: 10px 10px 5px 10px;}
#capHonRow {
	display: none;
}

.float-right, .alignright {float: right; margin: 0px 0px 10px 10px;}

/*WordPress styles*/
textarea#comment { width: 400px; padding: 5px; }

.commentmetadata { font-size: 10px; }

.time {
	color: #666666;
	font-size: 11px;
}

.trackback {
	border: 1px solid #CCCCCC;
	background-color: #F2F2F2;
	padding: 4px;
	width: auto;
	color: #666666;
	font-size: 10px;
	line-height: 11px;
}
.search {
	text-align: left;
	width: auto;
	padding: 5px;
}

/* Special Offers */

.offer {
	padding: 5px;
	min-height: 200px;
	height: 220px;
	width: 164px;
	margin-right: 10px;
	border: 1px solid #CCCCCC;
	float: left;
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 10px;
	text-align: left;
	color: #666666;
}
.offer .heading {
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;	
}
.offer .cost {
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;	
}
.offer .small {
	font-size: 10px;
}
.offer .info {
	position: relative;
	z-index: 2;
	top: 5px;
}
.offerThinPanel {
	font-size: 11px;
	line-height: 14px;
	color: #666666;
	text-align: left;
	float: left;
	width: 170px;	
	margin-right: 5px;
}
.offerThinPanel h3 {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #FF6600;	
	margin: 10px 0px 10px 0px;
}
#offerInfo {
	width: 380px;
	float: left;
}
#offerFinance {
	width: 180px;
	float: left;
}
#offerFinanceHeader {
	font-weight: bold;
	background-color: #FF9900;
	padding: 3px;
	height: 20px;
	width: 174px;
	display: block;
}
#offerFinanceBody {
	padding: 5px;
	font-size: 11px;
	line-height: 14px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	color: #666666;
}
#offerFinanceBody h3 {
	font-size: 11px;
	line-height: 16px;
	margin: 0px;	
}
#offerFinanceBody .cost {
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;	
}
#offerFinanceBody .small {
	font-size: 10px;
}
.msgError {
  color: #CC0000;
  background-color: #FFF4F4;
  text-align: left;
  display: block;
  margin: 0px;
  padding: 5px 5px 5px 28px;
  border: 1px dotted #FFC1C1;
  line-height: 18px;
  margin-bottom: 10px;
  background-image: url(assets/cross_shield_2.gif);
  background-repeat: no-repeat;
  background-position: left top;
}
.floatRight {
	float: right;
	margin: 0px 0px 10px 10px;
}
.car-images {
	text-align: right;
	width: 280px;
	float: right;
	margin-bottom: 10px;
	vertical-align: middle;
}
.car-images img {
	vertical-align: middle;
}
.car-noimage {
	text-align: right;
	width: 140px;
	float: right;
	margin-bottom: 10px;
	vertical-align: middle;
}
.car-noimage img {
	vertical-align: middle;
}
