/*
Theme Name: Meade Auto
Theme URI: http://meade.eroi.com/
Description: Meade Auto as designed by Elliot at eROI.


*/



/************************************************************************

	Site:		Meade Auto

	Author:		eROI		[www.eroi.com]  

	Client:		Meade Auto		[http://meade.eroi.com]

	Listing Order:
	==============

	1 - Global
	2 - Structure/Layout
	3 - Home
	4 - Subpage
	5 - Footer
	

************************************************************************/

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

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;
}

body {

    background: white;
    color: #404040;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	background:url(images/background.jpg) repeat;
}

ol, ul {
    list-style: none;
}


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

.clear {
	clear:both;
	line-height:0;
}

h1 {
	font-size:24px;
	font-weight:bold;
}

h2 {
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}

a {
	color:#404040;
}



/***********************************************************************
	2 - STRUCTURE/LAYOUT STYLES
************************************************************************/
div#container {
	width:100%;
	background:url(images/background.jpg) repeat;
}

div#homeContent {
	width:968px;
	margin:0 auto;
	background:url(images/homeBG.jpg) no-repeat;
	
}

div#subContent {
	width:968px;
	margin:0 auto;
	background:url(images/subpageBG.jpg) no-repeat;
	
}

/***********************************************************************
	3 - Home
************************************************************************/
div#homeTop {
	width:400px;
	float:left;
	background:url(images/homeTop-bg.jpg) no-repeat;
	height:251px;
	
}

div#homeTop p {
	width:376px;
	padding:6px 15px 0 9px;
	float:left;
}

img.homeHeader {
	display:block;
	float:left;
}
.float-right {
	float:right;
	margin-right:10px;
}
form#newsletter, form#cforms3form {
	padding:15px 0 0 9px;
	float:left;
}

div#homeTop form.cform {
	width:390px;
}

form#cforms3form input.sendbutton {
	border:none !important;
	font-size:0;
	float:left;
	background:url(images/submit.jpg) no-repeat;
	height:27px;
	width:83px;
	border:none;
	cursor:pointer;
	color:#000000;
}

form#cforms3form input.sendHover {
	background:url(images/submit-rollover.jpg) no-repeat !important; 
	color:#000000;
}

form#cforms3form li#li-3-1 label {
	margin-right:3px;
	margin-top:5px;
	float:left;
	padding-top:0 !important;
	text-align:left;
	width:100px !important;
}

form#cforms3form li#li-3-1 label span {
	width:100px !important;
}

form#cforms3form p.cf-sb {
	width:83px;
	float:left;
}

form#cforms3form input.sendbutton {
	margin:0;
}

form#cforms3form ol.cf-ol {
	float:left;
	padding:0 !important;
	width:270px;
}

form#cforms3form input {
	color:#666666;
}

div#usermessage3a form.cform {
	width:350px;
}

form#newsletter label {
	margin-right:10px;
	margin-top:5px;
	float:left;
	
}

form#newsletter input#newsEmail {
	color:#cacaca;
	float:left;
	width:160px;
}

form#newsletter input#newsSubmit {
	float:left;
	background:url(images/submit.jpg) no-repeat;
	height:27px;
	width:83px;
	border:none;
	cursor:pointer;
}

form#newsletter input.newsHover {
	background:url(images/submit-rollover.jpg) no-repeat !important;
}

div#homeMiddle {
	/*width:963px;
	float:left;
	padding-left:5px;*/
	width:960px;
	margin:0 auto;
	background-color:#f3f3f3;
	
}

div.promo {
	width:465px;
	height:240px;
	float:left;
	padding:11px 0 0 10px;
	position:relative;
}

div.promoText {
	position:absolute;
	background-image:url(images/promoBG.png);
	bottom:0;
	left:10px;
	width:452px;
	height:63px;
	color:#d3e0eb;
	font-weight:bold;
	padding:8px 0 0 13px;
	line-height:18px;
}

span.title {
	font-size:18px;
}

div.promoText a {
	color:#c0c00d;
	text-decoration:none;
}

div.buckets {
	width:307px;
	height:169px;
	float:left;
	padding:9px 0 0 10px;
	position:relative;
}

div.bucketsText {
	position:absolute;
	background-image:url(images/bucketBG.png);
	bottom:0;
	left:10px;
	width:294px;
	height:38px;
	color:#d3e0eb;
	font-weight:bold;
	padding:10px 0 0 13px;
	line-height:18px;
}

div.buckets a {
	color:#d3e0eb;
	text-decoration:none;
}

div.location-info {
	width:300px;
	float:left;
	margin-bottom:20px;
}

/***********************************************************************
	4 - Subpage
************************************************************************/
div#subMiddle {
	width:960px;
	margin:0 auto;
	background-color:#f3f3f3;
	position:relative;
}

div.subHero {
	width:938px;
	height:370px;
	position:relative;
	float:left;
	padding:10px 0 0 11px;
}

div.subHeroText {
	position:absolute;
	background-image:url(images/subHeroTextBG.png);
	bottom:0;
	left:11px;
	width:925px;
	height:56px;
	color:#d3e0eb;
	font-weight:bold;
	padding:10px 0 5px 13px;
	line-height:18px;
}

span.subTitle {	
	font-size:24px;
}

div.subpageContent {
	width:600px;
	float:left;
	padding:20px 19px 0 24px;
	line-height:16px;
}

div.entry {
	height:220px;
}

div.contact {
	height:200px;
}

div.subpageContent p {
	margin-bottom:10px;
}

div#leadCaptureContainer {
	width:319px;
	height:609px;
	position:absolute;
	background:url(images/leadCaptureBG.png) no-repeat top left;
	top:10px;
	right:10px;
	z-index:10;
}

div#leadCapture {
	width:304px;
	position:absolute;
	top:10px;
	right:10px;	
	z-index:30;
}



div#leadCapture h2.widgettitle {
	padding:40px 0 0 20px;
	font-size:24px;
	margin:0;
}


div#leadCapture .cform {
	width:300px !important;
	padding-left:15px !important;
}

div#leadCapture ol.cf-ol li.textonly {
	padding:5px 15px 25px 0 !important;
}

div#leadCapture .cform label {
	text-align:left !important;
	width:100px !important;
}

div#leadCapture li#li-5-7 label {
	padding:0 0 10px 0 !important;
}

div#leadCapture li#li-5-7 textarea {
	margin-left:0 !important;
	width:260px !important
}

div#leadCapture input.cf-box-b {
	margin:4px 0 0 0 !important;
	width:16px !important;
	
}

div#leadCapture li#li-5-8 label.cf-before {
	float:left !important;
}

div#leadCapture li#li-5-8 span {
	width:150px !important;
}

div#leadCapture .cform label.seccap {
	width:65px !important;
	padding-left:0 !important;
}

div#leadCapture .cform input.sendbutton {
	margin:5px 0 0 27px !important;
}

div#leadCapture p {
	padding:0 15px 0 28px;
	line-height:16px;
}

div#leadCapture form.leads {
	padding:15px 0 0 0;
	float:left;
}

div#leadCapture form.leads label {
	width:115px;
	text-align:right;
	float:left;
	padding-top:5px;
}

div#leadCapture form.leads input {
	width:160px;
	float:left;
	margin:0 0 10px 8px;
}

li#li-5-9 {
	padding:10px 0 0 0;
}

label.seccap {
	width:65px !important;
	text-align:left !important;
	padding-left:30px;
}

input#cforms_captcha5 {
	width:50px !important;
}

div.failure {
	margin:5px auto 0  !important;

}
div.failure ol {
	display:none;
}
/***********************************************************************
	5 - Footer
************************************************************************/
div#pageBottom {
	width:968px;
	background:url(images/homeBottom.jpg) no-repeat;
	height:107px;
	float:left;
	
}

div#pageBottom ul {
	padding:27px 0 0 0;
	font-weight:bold;
}

div#pageBottom li {
	padding-left:25px;
	float:left;
}

div#pageBottom li a {
	color:#404040;
	text-decoration:none;
}

div#pageBottom p {
	float:left;
	font-weight:bold;
	font-size:10px;
	padding:10px 0 0 25px;
}
