/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Force vertical scrollbar in non-IE
* 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
::-moz-selection { background: #fdbd27; color: #fff; text-shadow: none; }
::selection { background: #fdbd27; color: #fff; text-shadow: none; }
/* =============================================================================
Links
========================================================================== */
a { color: #0d331b;}
a:visited { color: #0d331b; }
a:hover { color: #2e5d2e;}
a:focus { outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
/* =============================================================================
Typography
========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: 700; font-family: "Gill Sans MT", NobileBold; }
em b, em strong, i strong, i b, b i, b em, strong em, strong i { font-weight: 700; font-style: italic; font-family: "Gill Sans MT", NobileBoldItalic;}
em, i { font-style: italic; font-family: "Gill Sans MT", NobileItalic;}
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
Lists
========================================================================== */
ul, ol { margin: 0 0 10px 0px; padding: 0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/e
*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/*
* Correct overflow not hidden in IE9
*/
svg:not(:root) { overflow: hidden; }
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend { border: 0; *margin-left: -7px; padding: 0; }
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
* 2. Correct inner spacing displayed oddly in IE6/7
*/
button, input { line-height: normal; *overflow: visible; }
/*
* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
*/
table button, table input { *overflow: auto; }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* ==|== primary styles =====================================================
Author: LotVantage - R Egnacheski, That's Us Technologies
==========================================================================
layout = 928px wide
========================================================================== */
/* Embedded Fonts :: 'ChunkFiveRegular', 'NobileRegular', 'NobileItalic', 'NobileBold', 'NobileBoldItalic', 'Conv_Jonny_Quest_Classic'
@font-face {font-family: 'ChunkFiveRegular';src: url('/fonts/Chunkfive-webfont.eot');src: url('/fonts/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/Chunkfive-webfont.ttf') format('truetype'),url('/fonts/Chunkfive-webfont.svg#ChunkFiveRegular') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'NobileRegular';src: url('/fonts/nobile-webfont.eot');src: url('/fonts/nobile-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/nobile-webfont.ttf') format('truetype'),url('/fonts/nobile-webfont.svg#NobileRegular') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'NobileItalic';src: url('/fonts/nobile_italic-webfont.eot');src: url('/fonts/nobile_italic-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/nobile_italic-webfont.ttf') format('truetype'),url('/fonts/nobile_italic-webfont.svg#NobileItalic') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'NobileBold';src: url('/fonts/nobile_bold-webfont.eot');src: url('/fonts/nobile_bold-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/nobile_bold-webfont.ttf') format('truetype'),url('/fonts/nobile_bold-webfont.svg#NobileBold') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'NobileBoldItalic';src: url('/fonts/nobile_bold_italic-webfont.eot');src: url('/fonts/nobile_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/nobile_bold_italic-webfont.ttf') format('truetype'),url('/fonts/nobile_bold_italic-webfont.svg#NobileBoldItalic') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Conv_Jonny_Quest_Classic';src: url('/fonts/Jonny_Quest_Classic.eot'); src: url('/fonts/Jonny_Quest_Classic.eot?#iefix') format('embedded-opentype'), url('/fonts/Jonny_Quest_Classic.ttf') format('truetype'), url('/fonts/Jonny_Quest_Classic.svg') format('svg');font-weight: normal;font-style: normal;}
End Fonts */
h1, h2, h3, h4, h5, h6, p { margin: 0;}
p, ul{ color: #2e5d2e;}
p { font-size: .875em;}
html, body {margin: 0;padding: 0;text-align: center; font: normal 100% "Gill Sans MT", NobileRegular, "Trebuchet MS", Arial, sans-serif; background: #2e5d2e;}
.container { text-align: left; margin: 0 auto; padding: 0; width: 58em;}
a { text-decoration: none;}
a img { border: 0;}
h1 { font-family: ChunkFiveRegular, Impact; text-align: right; padding: 0.56em 1.08em 0 0; font-size: 3.4em; clear: both; color: #f3f3f3; text-shadow: 1px 3px 1px #0d331b; zoom: 1; position: relative;}
h1 strong { font-family: "Lucida Handwriting"; font-size: 1.1em; display: block; margin: -.1em 0 0 0; padding: 0; text-align:right;}
h1 strong span { font-size: .6em; line-height: 1em; background:url(../images/for-autos-and-powersports.png) no-repeat; height:100px; width:225px; display:block; right:20px; position:absolute;}
#topBar { display: block; background: url(../images/topbar-bg.jpg) repeat-x top; padding: 6px 0 2px 0; margin: 0; text-align: right; position: relative; z-index: 999; overflow: hidden;}
#topBar a { display: block; float: left;}
#topBar a.phone { color: #abbb83; text-align: left; background: url(../images/globe-small.png) no-repeat left bottom; margin: 0.15em 4em 0 0em; padding: 0 0 0 2.5em; height: 2.5em; line-height: .75em;}
#topBar a.phone span { display: block; color: #0E9C49; font-size: .875em; text-transform: uppercase; margin: 0; padding: .35em 0 .25em;}
#topBar a.phone:hover, #topBar a.phone:hover span { color: #fff;}
/* Navigation */
.subNav { display: block; background: url(../images/subNavBg.png) repeat-x bottom; height: .25em; z-index: 700; overflow: hidden; clip: auto; border-top: 1px solid #fff;}
.mainNav { background: url(../images/navBg.png) no-repeat left top; width: 40.82em; height: 1.75em; float: left; margin: 0 3.75em 0.3em 0; position: relative; z-index: 500;}
.nav a { display: block; float: left; font-family: "Trebuchet MS", "Gill Sans MT", sans-serif; font-style: italic; text-transform: lowercase; color: #FFF; margin: 0 2em 0 0; -webkit-transition: color 0.22s ease-in-out;-moz-transition: color 0.22s ease-in-out;-o-transition: color 0.22s ease-in-out;-ms-transition: color 0.22s ease-in-out;transition: color 0.22s ease-in-out;}
.subNav a { font-size: .6875em;}
.subNav .container { display: none;}
.subNav .container > div { padding: 0.35em 0 0 9em;}
.mainNav a { font-size: 1em; font-weight: 700;}
.nav a:hover { color: #FCB514;}
.nav a.freeDemoRibbon { background-image: url(../images/ribbon_red.png); background-repeat: no-repeat; background-position: top; width: 6.94em; height: 6.375em; margin: -3.5em 3.25em 0 1em; position: relative; z-index: 500;}
.nav a.freeDemoRibbon:hover { background-position: bottom;}
.nav .subNavTrigger { background-image: url(../images/arrowsDown.png); background-repeat: repeat-y; background-position: right 7px; padding-right: .5em;}
.nav .subNavTrigger:hover { background-position: right 161px;}
#logoMain { background: url(../images/logoWhite.jpg) no-repeat; font-size: .625em; height: 3.7em; width: 15.5em; margin: .8em 1.6em 0 42em; *margin: .5em 1.6em 0 25em;}
#logoMain img { display: none;}
#loginBtn, #loginBtn span { background-image: url(../images/loginBtn-bg.jpg); background-repeat: no-repeat; width: 6.75em; height: 2.69em;}
#loginBtn { background-position: left top; position: relative;}
#loginBtn span { display: none; background-position: right bottom; position: absolute; top: 0; left: 0;}
#main { background: url(../images/main-bg.jpg) no-repeat center top; position: relative; color: #fff;}
#main h2 { font-family: "Gill Sans MT", NobileItalic; font-style: italic; font-weight: 300; font-size: 1.375em; padding: 1em 0; clear: both; text-align: center;}
#main h2 strong { font-family: NobileBoldItalic; font-weight: 700;}
#evAppLogo { display: block; overflow: visible; background: url(../images/ev-app-logo.png) no-repeat center top; margin: 1em 0 0;}
.btnAction { height: 9.32em; width: 21.82em; background: url(../images/btn-action-bg.png) no-repeat top left; float: left; margin: 5em 0 0 0;}
.btnAction a { display: block; text-align: center;}
.btnAction a.mainBtn { color: #abbb83; font-family: "Trebuchet MS", "Gill Sans MT", sans-serif; width: 17.32em; height: 4.82em; line-height: 4.82em; margin: 2.25em 0 0 2.25em; padding: 0; background-image: url(../images/btn-main.png); background-position: top;}
.btnAction a.mainBtn:hover { color: #eaeaea; background-position: left center;}
.btnAction a.mainBtn:focus { color: #fff; background-position: left bottom;}
.btnAction a.watchTheVideo { color: #fff; float: left; font-family: "Gill Sans MT", NobileBold, sans-serif; font-weight: 700; background: url(../images/icon-video.png) no-repeat top left; height: 1.875em; line-height: 2.3em; padding: 0 0 0 2.85em; margin: .625em 0 0 5.7em;}
.btnAction a span { font-size: 1.5em; display: block; float: left; margin: 0 auto; cursor: pointer;}
.aboutTheApp { margin: 5em 13em 0 .75em;}
.aboutTheApp a span { background: url(../images/icon-gear.png) no-repeat right center; padding: 0 1.25em 0 0; text-indent: 2em;}
.getTheApp a span{ background: url(../images/icon-plus.png) no-repeat right center; padding: 0 1.35em 0 0; text-indent: 2.5em;}
.getTheApp a:hover span, .getTheApp a div { display: none;}
.getTheApp a:hover div { display: block; text-align: center; font-size: 1.5em; cursor: pointer;}
#newAccountSignUp { font-family: "Trebuchet MS", "Gill Sans MT", sans-serif; font-size: .75em; display: block; width: 16.5em; height: 2.34em; line-height: 2.3em; background: url(../images/newActSignup-bg.png) no-repeat top left; color: #fff; text-align: center; margin: 0 0 0 59.5em;}
#newAccountSignUp span { color: #fdbd27; text-decoration: underline;}
#newAccountSignUp:hover { color: #fdbd27;}
#newAccountSignUp:hover span { color: #fff;}
#row2 { background: url(../images/portals-bg.jpg) repeat-x top left #1d351d; padding: 1.5em 0 0 0;}
#row2 h3 { background-image: url(../images/marketplaces-banner2.png); background-position: top center; height: 3.94em; padding: 0; clear: both;}
#row2 .container { text-align: center;}
#row2 p { font-size: .625em; padding: 0 0 1em 0; color: #93bd93;}
#row3 { background: url(../images/section1-bg.jpg) repeat-x top left #f1f7dd; padding: 0 0 1.5em 0;}
#row3 p, #row4 p { padding: 1em 0 1em 0;}
#row3 p + p, #row4 p + p { padding: 0 0 1em 0;}
#row3 h3.expoButton { font-weight: 300; font-size: .875em; background: url(../images/realtor-conference-button.png) no-repeat top right; height: 14.86em;}
#row3 h3.expoButton a { display: block; color: #0d331b;}
#row3 h3.expoButton em { display: block; padding: 7.25em 0 0 0; line-height: 1em; width: 10.5em; font-family: "Gill Sans MT", "Trebuchet MS", sans-serif;}
#row3 h4 { font-size: 2.25em; line-height: .875em; padding: 0 0 .15em 0; font-family: "Trebuchet MS", "Gill Sans MT", sans-serif; font-weight: 700; font-style: italic; color: #0d331b; text-shadow: 1px 2px 3px #8f8f8f; border-bottom: 1px solid #C7D5DE; zoom: 1; position: relative;}
ul.checklist { list-style: none; font-size: .75em; font-family: "Gill Sans MT", NobileBoldItalic; font-style: italic; font-weight: 700; margin: 0; padding: 1em 0;}
ul.checklist li { background: url(../images/checkmark.png) no-repeat left center; text-indent: 2.34em; height: 1.5em; line-height: 1.5em; margin: 0 0 .5em 0; padding: 0;}
ul.checklist li a, .row .container p a { background-color: #efefef;}
ul.checklist li a:hover, .row .container p a:hover { background-color: #fff;}
ul.checklist li a, .row .container p a, #footer p a, .transition, .getTheApp, .getTheApp *, #topBar a.phone, #contactContainer p a, #contactContainer input, #contactContainer textarea, .nav .subNavTrigger {-webkit-transition: all 0.22s ease-in-out;-moz-transition: all 0.22s ease-in-out;-o-transition: all 0.22s ease-in-out;-ms-transition: all 0.22s ease-in-out;transition: all 0.22s ease-in-out;}
.col { float: left;}
.col1 { width: 19.63em; margin: 0 2em 0 0; padding: 4em 0 0 0;}
.col2 { width: 22em; padding: 4em 0 0 0;}
.script { display: block; font-family: Conv_Jonny_Quest_Classic, "Lucida Handwriting"; font-size: 2.5em; margin: .25em 0 0 .5em;}
.leftImages { margin: 0; padding: 0; float: left; width: 14.3em;}
.leftImages img { display: block; clear: both;}
.leftImages img.top { margin: 0 0 4em 0;}
#row4 { background: url(../images/corkboard-bg.jpg) repeat; padding: 0;}
.row4top { background: url(../images/corkboard-bg-top.jpg) repeat-x top left; height: 1.5em; margin: 0 0 1.5em 0;}
#row4 h3 { font-size: 1.5em; line-height: 1em; padding: 0 1em 0.5em; font-family: "Trebuchet MS", "Gill Sans MT", sans-serif; font-weight: 700; font-style: italic; color: #0d331b; text-shadow: 1px 2px 3px #60491f; zoom: 1; position: relative;}
#row4 h3 strong { color: #ddecf6; display: block; font-size: 1.16em; font-family: "Trebuchet MS", "Gill Sans MT", sans-serif;}
.tearSheet { margin: 0; padding: 0; height: 24.7em; background: url(../images/tear-sheet.png) no-repeat top left;}
.tearSheet img { float: left; margin: 2.5em 1.5em;}
.tearSheet p, .tearSheet h4 { color: #0d331b; font-style: italic;}
.teatSheet p, .tearSheet h4 strong { font-family: "Gill Sans MT", NobileBoldItalic;}
#row4 .tearSheet p { padding: 4em 5em .5em 0; font-weight: 700; line-height: 1.25em;}
.tearSheet h4 { font-family: Conv_Jonny_Quest_Classic, "Lucida Handwriting"; font-size: 2.375em; text-align: center; font-weight: 300; padding-right: 2em;}
.tearSheet h4 strong { text-transform: uppercase; font-size: 1.25em; color: #0D713A; text-shadow: 1px 2px 0px #bcbcbc; zoom: 1; position: relative;}
.tearSheet h4 a:hover strong { color: #fdbd27;}
.tearSheet h4 em { display: block; font-family: "Gill Sans MT", NobileItalic; font-size: .35em;}
.freeDemoTear { display: block; clear: both; height: 5.625em;}
#footer { background: url(../images/footerBg.jpg) repeat-x top #191e19; padding: 0;}
#footer .container { background: url(../images/footer-bg-inner.jpg) no-repeat center top; padding: 5.5em 0 0;}
#footer .footerLeft { text-align: right; float: left; width: 28em;}
#footer .footerLeft h3 { padding: 0; margin: 2em 0 1em; color: #2e5d2e; font-size: 1.25em; line-height: 1.5em; font-weight: 300;}
#footer .footerLeft h3 strong { font-size: 1.25em; color: #0E9C49;}
#footer .footerLeft h3 span { font-size: .75em;}
#footer .footerLeft p a, #thankYou p a, #contactContainer p a { background-color: #001c05; color: #0E9C49; border-bottom: 0 none;}
#footer .footerLeft p a:hover, #thankYou p a:hover, #contactContainer p a:hover { color: #abbb83;}
#footer .footerRight { padding: 0 0 0 1em; margin: 1em 0; border-left: 1px solid #2e5d2e; width: 28em; float: right;}
#footer .footerRight h3 { font-size: 1.25em; font-weight: 700; height: 1.5em; line-height: 1.5em;}
#footer .footerRight h3 a { color: #0E9C49;}
#footer .footerRight h3 a:hover { color: #abbb83;}
#footer .footerRight h4 { font-size: 1em; font-weight: 300; height: 1.43em; line-height: 1.43em;}
#footer .footerRight h4 a { color: #2e5d2e;}
#footer .footerRight h4 a:hover { color: #0E9C49;}
#footer p.copyright { float: none; clear: both; width: 27.72em; height: 2.15em; line-height: line-height: 2.15em; margin: 2em auto 0 auto; background: url(../images/copyright-bg.jpg) no-repeat; font-size: .875em;}
#footer p.copyright span { display: block; float: left; margin: .43em 0 0 1em;}
#footer a.thatsus { font-size: 1.15em; display: block; float: left; clear: right; margin: .375em 0 0 .625em; padding: 0; background-image: url(../images/thatsus-technologies.png); background-repeat: no-repeat; background-position: left top; background-color: transparent; width: 10.19em; height: 1.24em; border: 0 none;}
#footer a.thatsus:hover { background-position: left bottom;}
/* Start Demo Form */
#startDemoContainer { display: none; width: 30em; background: url(../images/footer-bg-inner.jpg) no-repeat center -1em #191E19; padding: 4.5em 0 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; overflow: hidden; position: relative;}
#startDemoContainer h1 { color: #0E9C49; font-size: 5.5em; float: left; font-family: Conv_Jonny_Quest_Classic, "Lucida Handwriting"; margin: 0.1em 0.25em 0 0; padding: 0.1em 0.25em .1em .6em; text-shadow: 1px 3px 1px #001c05; text-align: left; border-right: 1px solid #2e5d2e; zoom: 1; position: relative;}
#startDemoContainer p { text-align: left; margin: 0; padding: .75em 2.5em 0; line-height: 1.3125em; color: #abbb83;}
#startDemoContainer form { padding: 1.25em 2.75em; margin: 0; clear: left;}
#startDemoContainer form label{ display: block; float: left; clear: left; color: #abbb83; width: 53%; margin: .5em .5em 0 0; text-align: right;}
#startDemoContainer form input, #startDemoContainer form select, #contactContainer form input { display: block; color: #001f31; clear: right; margin: .5em 0 0; line-height: 1.25em; border: 0 none; background: #eaeaea;}
#startDemoContainer form input.submitBtn, #contactContainer form input.submitBtn, #row3 input.submitBtn { background-image: url(../images/sendBtn.jpg); background-repeat: repeat-x; background-position: left center; color: #fff; font-family: Conv_Jonny_Quest_Classic, "Lucida Handwriting"; text-align: center; height: 1.2em; width: 6em; line-height: 1em; font-size: 1.75em; padding: 0; margin: .25em 0 0; cursor: pointer;}
#startDemoContainer form input { width: 10em; height: 1.25em; padding: .1em .25em;}
#startDemoContainer form input:focus { background: #fff; border: 0 none;}
#startDemoContainer form select { width: 10.5em; height: 1.35em; padding: 0 0 0 .25em; *padding: 0 0 .1em .25em;}
#startDemoContainer form input.submitBtn, #contactContainer form input.submitBtn { background-image: url(../images/sendBtn.jpg); background-repeat: repeat-x; background-position: left center; color: #fff; font-family: Conv_Jonny_Quest_Classic, "Lucida Handwriting"; text-align: center; height: 1.2em; width: 6em; line-height: 1em; font-size: 1.75em; padding: 0; margin: .25em 0 0; cursor: pointer;}
#startDemoContainer form input.submitBtn:active, #contactContainer form input.submitBtn:active { background-position: bottom;}
#startDemoContainer form input.submitBtn:hover, #contactContainer form input.submitBtn:hover { background-position: top;}
#startDemoContainer .close { display: block; width: 1.375em; height: 1.25em; background-image: url(../images/closeBtn.png); background-repeat: no-repeat; background-position: left top; position: absolute; top: .75em; right: .75em;}
#startDemoContainer .close:hover { background-position: left bottom;}
#playVideo { display: none;}
/* SlideDown Styles (Thank you message, contact form) */
#thankYou, #contactContainer { padding: 0; color: #fff; border-top: 1px solid #00283f;}
#thankYou { background: url(../images/thankYou-bg.jpg) repeat-x left top;}
#contactContainer { background: url(../images/contact-bg.jpg) no-repeat center top; display: none; overflow: hidden; position: relative; z-index: 800;}
#contactContainer .container div.section { float: left;}
#contactContainer .container div.section1 { width: 28%; margin: 0 .75em 0 0;}
#contactContainer .container div.section2 { width: 33%; margin: 0 .75em 0 0;}
#contactContainer .container div.section3 { width: 36%;}
#contactContainer form, #row3 form { margin: 0; padding: 0; width: 100%; font-family: "Trebuchet MS", "Gill Sans MT", sans-serif; line-height: 1em; color: #121212;}
#contactContainer form label, #contactContainer form input, #row3 form label, #row3 form input { font-size: .875em; height: 1.25em; margin: .25em 0; display: block;}
#contactContainer form input, #row3 form label, #row3 form input { height:auto; }
#row3 form select { font-size: .875em; height: 2em; margin: .25em 0; display: block;}
#contactContainer form input, #contactContainer form textarea, #row3 input, #row3 select { font-size: .875em; cursor: text; padding: .25em .2em; width: 75%; border: 1px solid #001f31; background: #eaeaea; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; overflow: hidden; clear: both;}
#contactContainer form input:focus, #contactContainer form textarea:focus, #row3 form input:focus { border: 1px solid #abbb83;}
#contactContainer form span, #row3 span { position: relative; display: block;}
#contactContainer form span label { position: absolute; top: 1px; left: 1px; cursor: text; padding: .25em .2em; margin:0; _background: #eaeaea;}
#row3 form div span { float: left; width: 50%;}
#row3 form #agree, #row3 form input[type="radio"]{ display:inline; width:auto;}
#row3 form span label { cursor: text; font-size: .75em; padding: .4em .29em .29em 0; margin: 0 .29em 0 0; float: left; width: 32%; text-align: right;}
#row3 form div span label { width: 20%;}
#row3 form div span label.selectLabel { width: 35%;}
#row3 form div span label.selectLabel + select { width: 45%;}
#row3 form span input, #row3 form span select { clear: right; width: 56%;}
#contactContainer form label.normal, #row3 form label.normalCheck { position: static !important; background: none transparent !important; height: auto; width: 80%; color: #abbb83; float: right; clear: right;}
#row3 .container form label.normalCheck { color: #061C2B; font-size: .75em;}
#row3 form label.normal { position: static !important; background: none transparent !important; height: auto; width: 80%; color: #121212; float: left; clear: left; margin: 0 .25em .5em 0;}
#contactContainer form label.normal + input, #row3 form label.normalCheck + input { width: auto; padding: 0; margin: 1em 0 0 .5em; clear: none;}
#row3 label.normal + input { width: auto; padding: 0; margin: 0 0.25em .5em; clear: right; cursor: default;}
/*#row3 label.selectLabel { width: auto; margin: .75em .5em .5em 0;}*/
#row3 label.normal + select { clear: right; margin: .5em 0 .25em 0; cursor: default;}
#row3 fieldset { padding: 1em; border: 1px solid #C7D5DE; width: 45%; margin: 0 1% 20px 0; float: left; background: #fafafa; box-shadow: 0 0 25px #ACB8C0; -moz-box-shadow: 0 0 25px #ACB8C0; -webkit-box-shadow: 0 0 25px #ACB8C0; text-align:left;}
#row3 .form_fieldset_final{width:95%; float:none;}
#row3 legend { text-shadow: 1px 2px 3px #8F8F8F; zoom: 1; position: relative; margin: .5em 1em; padding: 0 .25em; text-align:left;}
#row3 fieldset input, #row3 fieldset select { border: 1px solid #909aa1;}
#row3 fieldset input:focus { background: #fff;}
#row3 fieldset p { padding: .25em 0 .75em; font-size: .75em; color: #5d707c; clear: both;}
#row3 form span.radios { float: left; margin: 10px .5em 10px 32%; text-align:left;}
#row3 form span.radios label.normalCheck { float: left; padding: 0; clear: left; width: 2em;}
#row3 form span.radios input { margin: 0 0 0 .5em; float: left; width:auto;}
#row3 form span.radios label {width:auto;}
#row3 form span.radios input, #row3 form fieldset span select { cursor: pointer;}
#row3 form span.requiredField { background-image: url(../images/required-icon.png); background-repeat: no-repeat; background-position: right .25em;}
#row3 form div span.requiredField { background-position: 98% .25em;}
#contactContainer form textarea { height: 7em; width: 90% !important; font-family: "Trebuchet MS", "Gill Sans MT", sans-serif;}
#thankYou .container, #contactContainer .container { padding: 1.75em 0; position: relative;}
#thankYou h3, #contactContainer h3 { float: left; font-family: Conv_Jonny_Quest_Classic, "Lucida Handwriting"; font-size: 3.625em; margin: 0 .25em .5em 1em; padding: 0 0;}
#contactContainer h3 { float: none !important; font-size: 2em !important; margin: .125em 0 .125em 0;}
#thankYou h4, #contactContainer h4 { font-size: 1.25em; color: #abbb83; font-family: "Trebuchet MS", "Gill Sans MT", sans-serif;}
#thankYou p { font-size: 1em; color: #0E9C49; line-height: 1.25em; padding: .5em 0;}
#contactContainer p { font-size: .875em; color:#9C6; line-height: 1.25em; padding: .5em 0;}
#thankYou a.close, #contactContainer a.close { position: absolute; top: 1em; right: 0; color: #93bd93; display: block; background-image: url(../images/closeBtn2.png); background-repeat: no-repeat; background-position: right top; height: 1em; padding: 0 1.25em 0 0; line-height: .75em;}
#thankYou a.close:hover, #contactContainer a.close:hover { background-position: right bottom; color: #fff;}
{ background: #001c05; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; padding: 0.5em 0.2em;}
iframe { float: left; margin: 0 0.25em 0 1.25em;}
iframe.twitter-follow-button { width: 170px !important;}
#actionBanner { width: 580px; height: 118px; display: block; cursor: pointer; background-image: url(../images/ready-to-go-signup.jpg); background-repeat: no-repeat; background-position: top; border: 0px none; margin: 26px 0px 0px 0px;}
#actionBanner:hover { background-position: bottom;}
/* subPage Styles */
.subPage #main { background: url(../images/main-bg.jpg) no-repeat center -240px; position: relative; color: #fff;}
.subPage #row3 { background: url(../images/section1-bg.jpg) repeat-x left -1.75em #f1f7dd;}
.subPage #row3 .container { padding: 1.5em 0 0; width:960px;}
.subPage #footer { background: url(../images/footerBg-alt.jpg) repeat-x top #191e19;}
.subPage #footer .container { background: url(../images/footer-bg-inner-alt.jpg) no-repeat center top;}
.subPage #row3 h1 { font-size:3em; color: #0d331b; text-shadow: 1px 3px 1px #ccc; text-align: left; margin: 0 0 .25em 0; zoom: 1; position: relative;}
.subPage #row3 h2 { font-family: "Trebuchet MS", "Gill Sans MT", sans-serif; font-weight: 700; font-style: italic; color: #0d331b; font-size: 1.5em; padding: .25em 0 .5em; text-shadow: 1px 2px 3px #8f8f8f; zoom: 1; position: relative; text-transform: lowercase;}
.subPage #row3 h4 { font-size: 1.5em; font-weight: 300; font-family: Conv_Jonny_Quest_Classic, "Lucida Handwriting"; padding: 0 0 .25em; text-transform: lowercase; color: #70787d; font-style: normal; text-shadow: none; border-bottom: 0;}
.subPage #newAccountSignUp { float: left; margin: 0;}
.scrollContain { clear: both; position: relative; margin: 0 0 1em 0; padding: 1.25em 0; border-top: 1px solid #c7d5de;}
.twocol { float: left;}
.left { width: 16em; clear: left; padding: 0 2.9em 0 0; margin: 0 2.9em 0 0; border-right: 1px solid #c7d5de; position: relative;}
.right { width: 36em; margin: 0; clear: right;}
/* Browser Styles */
.browser { box-shadow: 0px 0px 25px #acb8c0; -moz-box-shadow: 0px 0px 25px #acb8c0; -webkit-box-shadow: 0px 0px 25px #acb8c0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; position: relative; zoom: 1;}
.browser * { display: block;}
.browser h3, .browser > span { padding: 0; color: #70787d; text-shadow: 1px 2px 1px #eee; zoom: 1; position: relative; text-align: center; font-size: .625em; line-height: 2.75em; height: 2.6em; font-weight: 300; font-style: normal;}
.browser > img { position: relative; z-index: 500;}
.browser h3 { background: url(../images/browser-top.png) no-repeat left top;}
.browser > span { background: url(../images/browser-bottom.png) no-repeat left top;}
.browser .animate > * { display: none; position: absolute; z-index: 600;}
.browser .animate .mouse { background: url(../images/cursor.png) no-repeat left top; width: 25px; height: 36px; z-index: 1000;}
.browser .animate .selectAnAction { background: url(../images/selectAnAction.jpg) no-repeat left top; width: 94px; height: 14px; top: 218px; left: 463px; display: block; z-index: 700;}
.browser .animate .craigslistHighlighted { background: url(../images/craigslistHighlighted.png) no-repeat left top; width: 90px; height: 14px; z-index: 800; top: 274px; left: 465px;}
.browser .animate .socialmediaHighlighted { background: url(../images/socialmediaHighlighted.png) no-repeat left top; width: 90px; height: 14px; z-index: 800; top: 301px; left: 465px;}
.browser .animate .socialPopup { background: url(../images/socialBubble.png) no-repeat left top; width: 328px; height: 222px; z-index: 800; top: 25px; left: 105px;}
#row3 .browser .animate .socialPopup p { font-size: .6em; padding: 8.25em 4.5em 0 11.5em; line-height: 1.25em; font-family: Tahoma, Arial, sans-serif; color: #232323;}
.browser .animate .socialPostButton { background: url(../images/focusedBtn.png) no-repeat left top; width: 87px; height: 21px; z-index: 900; top: 159px; left: 312px;}
.browser .animate .startShow, .browser .animate .endOfShow { background: url(../images/white75.png) repeat; z-index: 800; top: 0; left: 0; text-align: center; width: 100%; height: 100%;}
.browser .animate .browserBox { background: url(../images/browserBox.png) no-repeat left top; width: 309px; height: 248px; z-index: 900; position: relative; margin: 100px auto;}
.browser .animate .browserBox p { color: #fff;}
.browser .animate .browserBox a, .browser .animate .browserBox a span { display: block; background-image: url(../images/browserActionBtn.png); width: 262px;}
.browser .animate .browserBox a { background-position: left top; position: relative; z-index: 950; height: 63px; margin: 1em auto;}
.browser .animate .browserBox a span { color: #fff; background-position: left bottom; display: none; position: absolute; top: 0; left: 0; z-index: 1000; height: 64px;}
.browser .animate .browserBox img { display: block; margin: 0; padding: 0; position: relative; z-index: 2000;}
/* Facebook "Home" Tab :: facebook_page/index.php :: 520px wide (56% of normal page width) */
.facebook { font-size: 56%;}
.facebook .container { width: 520px;}
.facebook #row3 .container img, .facebook #row4 .container img, .facebook .col2 > a, .facebook #row2 p, .facebook .mainBtn, .facebook .getTheApp, .facebook .tearSheet h4 em { display: none;}
.facebook .col2 { font-size: 155%; float: none; width: 20em;}
.facebook .col1 { font-size: 136%; float: right; margin: 0;}
.facebook #row3 h3.expoButton { height: 21.86em; background-position: center top;}
.facebook #row3 h3.expoButton em { width: auto; padding: 19.25em 0 0;}
.facebook #row3 .col2 h4 { font-size: 2em;}
.facebook #row3 .col1 h4 { font-size: 2em;}
.facebook #row3 ul.checklist { font-size: .75em;}
.facebook #row4 .container h3 { font-size: 170%;}
.facebook .tearSheet { background: url(../images/tear-sheet-small.png) no-repeat left top;}
.facebook #row4 .tearSheet p { padding: 2em 4em .5em; font-size: 135%;}
.facebook .tearSheet h4 { padding: 0 1em;}
.facebook #row2 h3 { height: 5.94em;}
.facebook #footer .footerRight h4 a { font-size: 120%;}
.facebook #footer .footerLeft p { font-size: 1.25em;}
.facebook #footer p.copyright { font-size: 160%;}
.facebook #footer .container { padding: 9.5em 0 0;}
.facebook #logoMain { height: 37px; width: 155px; margin: 4px 0px 0 38px;}
.facebook #loginBtn { height: 42px; width: 108px; float:right;}
.facebook #topBar a.phone { font-size:1.6em; margin-right:2em;}
.facebook #newAccountSignUp { font-size: 135%; margin: 0 0 0 26.5em;}
.facebook .btnAction, .facebook #evAppLogo { background: none transparent;}
.facebook .btnAction a.watchTheVideo { font-size: 1.75em; margin: 2.63em 0 0 1em; width: 8em; height: 1.9em;}
.facebook #row2 .container { padding: 10px;}
.facebook #row2 .container img { max-width: 500px; margin: 0 10px;}
.facebook #main .container img { max-width: 130px; display: block; float: left; margin: 0 0 0 70px;}
.facebook .aboutTheApp { margin: 0; width: auto; height: auto; float: none;}
.facebook #startDemoContainer { font-size: 1.7em;}
.facebook a.freeDemoTear { height: 8.63em;}
.facebook #evAppLogo h2 { font-size:1.6em; width:260px; height:60px; text-align:right;}
/* ==|== non-semantic helper classes ========================================
Please define your styles before this section.
========================================================================== */
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none;}
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; height:0; font-size: 0; clear: both; }
/* ==|== media queries ======================================================
PLACEHOLDER Media Queries for Responsive Design.
These override the primary ('mobile first') styles
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 480px) {
/* Style adjustments for viewports 480px and over go here */
}
@media only screen and (min-width: 768px) {
/* Style adjustments for viewports 768px and over go here */
}
@media only screen and (min-width: 916px) {
/* Style adjustments for viewports 916px and over go here */
}
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
/* ---- Early 2011 Legacy Styles ----- */
.divClr {
height: 0px;
clear: both;
}
#subpage{
width:940px;
}
#col1{
width:730px;
float:left;
margin:0px 20px 0px 0px;
}
#col2{
width:190px;
float:left;
}
#ctaSolutions{
padding:5px 5px 5px 5px;
margin:0px 0px 20px 0px;
}
#ctaSolutions h2{
margin:0px 0px 0px 0px;
}
#ctaSolutions p{
margin:0px 0px 0px 0px;
}
#ctaContact{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
background-color:#EEEEEE;
padding:10px 20px 20px 20px;
margin:0px 0px 20px 0px;
}
#sharing{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
padding:20px 10px 20px 10px;
text-align:center;
border:solid 1px #CCC;
margin:20px 0px 20px 0px;
background:#FFF;
box-shadow: 0px 0px 1-px #DEDEDE;
-moz-box-shadow: 0px 0px 10px #DEDEDE;
-ms-box-shadow: 0px 0px 10px #DEDEDE;
-webkit-box-shadow: 0px 0px 10px #DEDEDE;
}
#ctaTestDrive, #ctaLiveChat, #ctaLiveDemo{
margin:0px 0px 20px 0px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
overflow:hidden;
box-shadow: 0px 0px 1-px #CDCDCD;
-moz-box-shadow: 0px 0px 10px #CDCDCD;
-ms-box-shadow: 0px 0px 10px #CDCDCD;
-webkit-box-shadow: 0px 0px 10px #CDCDCD;
}
#ctaTestDrive a{
width:190px;
height:150px;
display:block;
background:url(/images/sidebar_cta_test_drive.jpg) left top no-repeat;
text-indent:-10000px;
}
#ctaTestDrive a:hover{
background:url(/images/sidebar_cta_test_drive.jpg) right top no-repeat;
}
#ctaLiveChat a{
width:190px;
height:150px;
display:block;
background:url(/images/sidebar_cta_live_chat.jpg) left top no-repeat;
text-indent:-10000px;
}
#ctaLiveChat a:hover{
background:url(/images/sidebar_cta_live_chat.jpg) right top no-repeat;
}
#ctaTestDrive a:hover{
}
#otherProducts{
background:#FFF;
box-shadow: 0px 0px 1-px #CDCDCD;
-moz-box-shadow: 0px 0px 10px #CDCDCD;
-ms-box-shadow: 0px 0px 10px #CDCDCD;
-webkit-box-shadow: 0px 0px 10px #CDCDCD;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
padding:10px 0px 10px 0px
}
#col2 #otherProducts h2{
text-transform:uppercase;
border-bottom:solid 1px #adadad;
color:#333333;
font-size:14px;
font-weight:normal;
padding-left:10px;
}
#otherProducts h3{
font-size:12px;
color:#666666;
font-weight:normal;
padding-left:10px;
margin:10px;
}
#ctaAS{
width:170px;
height:80px;
margin:0px 0px 10px 10px;
}
#ctaAS a{
width:170px;
height:80px;
display:block;
background:url(/images/internet_marketing_solutions.png) left top;
text-indent:-10000px;
}
#ctaAS a:hover{
background:url(/images/internet_marketing_solutions.png) right top;
}
#ctaEV{
width:170px;
height:80px;
margin:0px 0px 10px 10px;
}
#ctaEV a{
width:170px;
height:80px;
display:block;
background:url(/images/internet_marketing_solutions.png) left bottom;
text-indent:-10000px;
}
#ctaEV a:hover{
background:url(/images/internet_marketing_solutions.png) right bottom;
}
#content ul{
margin:15px 0px 15px 40px;
}
.marketplace{
display:block;
height:40px;
background-position:righ top;
margin:0px 5px 10px 0px;
}
h2.marketplace{
float:left;
width:360px;
}
.marketplace a{
display:block;
height:40px;
color:#777777;
text-decoration:none;
}
.marketplace a .ttl, .marketplace .ttl{
float:left;
padding:10px 0px 0px 10px;
color:#777777;
}
.marketplace a:hover .ttl, .marketplace a:hover{
color:#958448;
}
.marketplace a:active .ttl, .marketplace a:active{
color:#067125;
}
.marketplace .ico{
height:40px;
width:40px;
display:block;
float:left;
}
#craigslist a .ico, #craigslist .ico{
background:url(/images/marketplace_sprite.png) 0px 0px no-repeat;
}
#craigslist a:hover .ico{
background:url(/images/marketplace_sprite.png) -40px 0px no-repeat;
}
#craigslist a:active .ico{
background:url(/images/marketplace_sprite.png) -80px 0px no-repeat;
}
#ebay a .ico, #ebay .ico{
background:url(/images/marketplace_sprite.png) 0px -40px no-repeat;
}
#ebay a:hover .ico{
background:url(/images/marketplace_sprite.png) -40px -40px no-repeat;
}
#ebay a:active .ico{
background:url(/images/marketplace_sprite.png) -80px -40px no-repeat;
}
#backpage a .ico, #backpage .ico{
background:url(/images/marketplace_sprite.png) 0px -80px no-repeat;
}
#backpage a:hover .ico{
background:url(/images/marketplace_sprite.png) -40px -80px no-repeat;
}
#backpage a:active .ico{
background:url(/images/marketplace_sprite.png) -80px -80px no-repeat;
}
#cycletrader a .ico, #cycletrader .ico{
background:url(/images/marketplace_sprite.png) 0px -120px no-repeat;
}
#cycletrader a:hover .ico{
background:url(/images/marketplace_sprite.png) -40px -120px no-repeat;
}
#cycletrader a:active .ico{
background:url(/images/marketplace_sprite.png) -80px -120px no-repeat;
}
#exportbundle a .ico, #exportbundle .ico{
background:url(/images/marketplace_sprite.png) 0px -160px no-repeat;
}
#exportbundle a:hover .ico{
background:url(/images/marketplace_sprite.png) -40px -160px no-repeat;
}
#exportbundle a:active .ico{
background:url(/images/marketplace_sprite.png) -80px -160px no-repeat;
}
#facebook a .ico, #facebook .ico{
background:url(/images/marketplace_sprite.png) 0px -240px no-repeat;
}
#facebook a:hover .ico{
background:url(/images/marketplace_sprite.png) -40px -240px no-repeat;
}
#facebook a:active .ico{
background:url(/images/marketplace_sprite.png) -80px -240px no-repeat;
}
#twitter a .ico, #twitter .ico{
background:url(/images/marketplace_sprite.png) 0px -280px no-repeat;
}
#twitter a:hover .ico{
background:url(/images/marketplace_sprite.png) -40px -280px no-repeat;
}
#twitter a:active .ico{
background:url(/images/marketplace_sprite.png) -80px -280px no-repeat;
}
#theQuote{
border:dotted 1px #958448;
margin:0px 0px 20px 0px;
padding:10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
background:#FFF;
box-shadow: 0px 0px 1-px #DEDEDE;
-moz-box-shadow: 0px 0px 10px #DEDEDE;
-ms-box-shadow: 0px 0px 10px #DEDEDE;
-webkit-box-shadow: 0px 0px 10px #DEDEDE;
}
#theQuote:hover{
border:solid 1px #0d713a;
}
#col2 #theQuote h2{
margin:0px 0px 5px 0px;
font-style:italic;
font-size:11px;
color:#067125;
text-shadow:none;
letter-spacing:2px;
padding:0px;
}
#theQuote h2 span{
letter-spacing:3px;
}
#theQuote h3{
margin:0px 0px 5px 0px;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
color:#676767;
font-size:9px;
line-height:normal;
font-weight:normal;
padding:0px;
}
#theQuote p{
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
margin:0px 0px 5px 10px;
font-size:10px;
color:#454545;
line-height:1.6em;
letter-spacing:2px;
padding:0px;
}
#main div.snowlayer { position: absolute; left: 0; bottom: -24px; background: url(/images/snow-layer.png) repeat center bottom; height: 46px; width: 100%;}
@charset "utf-8";
/* CSS Document */
#testDrive {
background: url(/images/test-drive-bg.jpg) no-repeat top left;
width: 720px;
text-align: left;
margin:0px 0px 20px 0px;
}
#testDrive h1 {
font-size: 24px;
font-weight: bold;
margin: 0;
padding: 10px;
text-align: right;
color: #000;
border: 0px none;
}
#testDrive h2 {
font-size: 18px;
color: #8faad3;
font-style: italic;
font-weight: bold;
border: 0px none;
margin: 0;
text-align: right;
padding: 10px 90px 140px 0px;
}
#testDrive h3 {
font-size: 14px;
font-weight: bold;
margin: 10px 15px;
}
#testDrive div, #testDrive form {
float: left;
margin:20px 0px 0px 0px;
}
#testDrive ul {
font-size: 14px;
margin: 15px 25px 15px 40px !important;
padding: 0px;
}
#testDrive ul li {
padding: 8px;
list-style: square;
}
#testDrive form {
background: url(/images/test-drive-form.jpg) no-repeat top left;
width: 345px;
height: 244px;
text-align: center;
}
#testDrive form label {
color: #ffffff;
font-size: 14px;
font-weight: bold;
display: block;
float: left;
text-align: right;
padding: 0px 10px 0px 0px;
height: 24px;
width: 105px;
line-height: 24px;
margin: 2px 0px 2px 0px;
}
#testDrive form input {
width: 206px;
height: 24px;
background-image: url(/images/test-drive-input.jpg);
background-position: bottom;
background-repeat: no-repeat;
color: #232323;
margin: 2px 0px 2px 0px;
padding: 0px;
line-height: 24px;
background-color: none !important;
border: 0px none;
text-align: left;
}
#testDrive form .firstItem {
margin-top: 48px !important;
}
#testDrive form input:focus {
background-position: top;
}
#testDrive form input.sendTestDrive {
height: 34px;
width: 184px;
background-image: url(/images/test-drive-submit.jpg);
background-position: bottom;
background-repeat: no-repeat;
margin: 10px auto;
cursor: pointer;
}
#testDrive form input.sendTestDrive:hover {
background-position: 0px -34px;
}
#testDrive form input.sendTestDrive:focus {
background-position: 0px 0px;
}
/* */
#row3 form span label{cursor:pointer;}
#row3 form span input[class="service_checkbox"]{
background:none;
cursor:pointer;
width:auto;
display:inline-block;
margin:0px 10px 0px 0px;
}
#row3 form .listingServices span label{
text-align:left;
}
.subPage #row3 .ErrorExplanation{
text-align:left;
margin:20px 60px 20px 60px;
padding:10px 20px;
background-color:#C00;
border-top:solid 2px #F00;
border-right:solid 2px #900;
border-bottom:solid 2px #900;
border-left:solid 2px #F00;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
box-shadow: 3px 3px 10px #666;
-moz-box-shadow: 3px 3px 10px #666;
-ms-box-shadow: 3px 3px 10px #666;
-webkit-box-shadow: 3px 3px 10px #666;
}
.subPage #row3 .ErrorExplanation *{
margin:5px 0px 5px 0px;
padding:0px;
color:#FFF;
}
.subPage #row3 .ErrorExplanation h2{
}
.subPage #row3 .ErrorExplanation p{
}
.subPage #row3 .ErrorExplanation ul{
margin:5px 0px 5px 40px;
}