﻿/***** BEGIN RESET *****/

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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/***** END RESET *****/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	background:#FFF;
	color:#242424;
}

/***** TEXT/LINK FORMATTING *****/

a:link, a:visited {color:#a50202; text-decoration:none;}
a:hover, a:active {color:#242424; text-decoration:underline;}

a.close{position:absolute; right:0px; display:block; background:url('../DealerTemplatePages-1-30-13/siteart/close-x.png') no-repeat; height:16px; text-align:left; padding:0px 0px 0px 20px;}
a.close:hover{background-position:0px -16px;}
a.close.top{top:0px;}
a.close.btm{bottom:-14px;}

a.email-this{position:absolute; right:114px; display:block; background:url('../DealerTemplatePages-1-30-13/siteart/send-env2.png') no-repeat; height:16px; text-align:left; padding:0px 0px 0px 25px;}
a.email-this:hover{background-position:0px -16px;}
a.email-this.top{top:0px;}
a.email-this.btm{bottom:-14px;}

p{margin-bottom:18px;}

h1,h2,h3,h4,h5{line-height:normal;}
h1{font-size:30px; margin:0px 0px 30px;}
h2{font-size:21px;}
h3{font-size:18px; color:#a50202; margin:0px 0px 3px;}
h4{font-size:15px; color:#a50202; margin:0px 0px 3px;}
h5{font-size:12px;}

/* 
 * Containing floats in a consistent manner
 * By Jonathan Neal and Nicolas Gallagher
*/

/* 
 * New block formatting context method
 * IE 6+, Firefox 2+, Safari 4+, Opera 9+, Chrome
*/

.nbfc {
    overflow: hidden;
    /* for IE 6/7 */
    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
    /* non-JS fallback */
    *zoom: 1;
}

/* 
 * Clearfix method (contemporary browsers)
 * IE 6+, Firefox 3.5+, Safari 4+, Opera 9+, Chrome
 * (needs old mobile browser testing)
*/

.cf {
    /* for IE 6/7 */
    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
    /* non-JS fallback */
    *zoom: 1;
}

.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

/* 
 * Clearfix method (increased legacy browser support)
 * IE 6+, Firefox 2+, Safari 4+, Opera 9+, Chrome
*/

.cf {
    /* for IE 6/7 */
    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
    /* non-JS fallback */
    *zoom: 1;
}

.cf:before,
.cf:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden; 
}

.cf:after {
    clear: both;
}

/***** SITE FRAMEWORK *****/
.left{float:left;}
.left-padit{float:left; margin:0px 10px 0px 0px;}
.right{float:right;}
.right-padit{float:right; margin:0px 0px 0px 10px;}
.center-it{text-align:center;}
.clear-it{clear:both;}
.border-it{border:1px solid #ccc;}

.wrap {
	margin:140px auto 0px;
	width:94%;
	max-width:1000px;  /** Change to appropriate table width **/
}

/****************** CONTENT AREA STYLES ********************/
#main{padding:20px 0px; border-bottom:5px solid #000;}

.logo-box {width:92%; width:calc(92% - 2px); display:block; padding:20px 4%; background:#f5f5f5; border:1px #c6cbd2 solid; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-align:center;}
.col3 {width:31%; margin:10px 0.9%; display:inline-block; zoom:1; *display:inline;}
.col3:nth-of-type(4), .col3:nth-of-type(7), .col3:nth-of-type(10) {clear:left;}
.logo-box img {width:100%; height:auto; max-width:212px; display:block; margin:0 auto;}


/****************** TABLE STYLES ********************/
table.lists td{padding:0px 10px 0px 0px;}
table.lists ul{list-style:disc outside; margin:0px 0px 18px 18px; line-height:24px;}

table.info{width:100%; margin:0 auto 20px;}
table.info td{padding:0px 0px 30px 0px; text-align:center; vertical-align:middle;}

table.colored-table td, th{text-align:center; font-weight:normal; padding:8px 10px;}
table.colored-table th{background:#a50202; color:#fff;}
table.colored-table td{background:#f0f0f0; border-bottom:1px solid #dedede; border-right:1px solid #dedede;}
table.colored-table td.last{border-right:none;}
table.colored-table tr.last td{border-bottom:none;}


/***** FOOTER STYLES *****/
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:10pt;}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:10pt;}

.footertext{font-family:Arial, Helvetica, sans-serif;font-size:10pt; color:#999999;}

.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:8pt; color:#999999;}

.divfooter{
	width:400px; text-align:center; margin:20px auto; line-height:normal;
}

@media screen and (max-width:640px) {
	.wrap {margin-top:70px;}
	.col3 {width:47%; margin:10px 1%;}
	.col3:nth-of-type(4), .col3:nth-of-type(7), .col3:nth-of-type(10) {clear:none;}
	.col3:nth-of-type(odd) {clear:left;}
}
