@charset "utf-8";
/* CSS Document */

/* RESET BROWSERS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/* LOTVANTAGE COLOR SCHEME 
	Bright Yellow :: #ffb400;
	Dark Yellow :: #ac7900;
	Bright Green ::  #4ab74a;
	Dark Green :: #009a00;
*/ 

body {
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	background-image:url(../images/page-bg.jpg);
	background-repeat: repeat;
	background-position: top;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	}
	
#container {
	width: 927px;
	height:100%;
	margin: 0px auto 0px auto;
	position:relative;
	}
	
#logobar {
	width: 927px;
	height:82px;
	background-image: url(../images/logo-bg.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin-top: 0px;
	}
	
.logo {
	margin: 15px 20px 0px 20px;
	width:214px;
	height:46px;
	float: left;
	visibility: visible;
	position: absolute;
	}
	
.logo a img,.logo a img:hover  {
	visibility:visible;
	}
	
#login {
	width: 350px;
	height:50px;
	margin-top: 3px;
	float: right;
	}
	
#login ul {
	margin: 0px;
	padding: 0px;
	float: left;
	}
	
#login ul li {
	list-style-type: none;
	display: inline;
	padding-right: 8px;
	}
	
#login li a {
	color: #FFFFFF;
	text-decoration: none;
	padding-bottom:5px;
	font-size: 12px;
	font-weight: bold;
	font-family: 'Nobile', Helvetica, Arial, sans-serif;
	}
	
#navbar {
	width: 739px;
	height: 25px;
	padding: 3px 49px 3px 139px;
	background-image: url(../images/nav-bg.png);
	background-repeat: no-repeat;
	background-position: center;
	}
	


.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-family: 'Nobile', Helvetica, Arial, sans-serif;
	font-size:14px;
	}
.menu ul{
	background:none;
	height:25px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background: url("../images/seperator.gif") bottom right no-repeat;
		color:#ffffff;
		display:block;
		font-weight:normal;
		line-height:25px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		text-transform: uppercase;
		font-weight:bold;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #009a00 url("../images/hover.png") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background:#333333;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		overflow: hidden;
		}
	.menu li li {
		background:url('../images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		font-weight:normal;
		
		}
	.menu li ul a{
		display:block;
		height:25px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#009a00 url('../images/hover-sub.png') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	

	
#header {	
	margin:0 auto;
	position:relative;
	width:917px;
	height: 94px;
	padding: 80px 0px 20px 10px;
	clear: left;
	font-family: MyriadPro-Regular, "Myriad Pro Regular", MyriadPro, "Myriad Pro", Helvetica, Arial, sans-serif;
	font-size: 2.5em;
	text-transform: capitalize;
	font-weight: bold;
	background-image:url(../images/headers.png);
	background-repeat: no-repeat;
	background-position: top center;
}

#header.inventory {
	background-image:url(../images/header-inventory.png);
	background-repeat: no-repeat;
	background-position: top center;
	}
	
#header.supportedvehicles {
	background-image:url(../images/header-supportedvehicles.png);
	background-repeat: no-repeat;
	background-position: top center;
	}
	
#header.about {
	background-image:url(../images/header-about.png);
	background-repeat: no-repeat;
	background-position: top center;
	}
	
#header.backpage {
	background-image:url(../images/header-backpage.png);
	background-repeat: no-repeat;
	background-position: top center;
	}
	
#header.craigslist {
	background-image:url(../images/header-craigslist.png);
	background-repeat: no-repeat;
	background-position: top center;
	}
	
#header.contact {
	background-image:url(../images/header-contact.png);
	background-repeat: no-repeat;
	background-position: top center;
	}
	
#header.cycletrader {
	background-image:url(../images/header-cycletrader.png);
	background-repeat: no-repeat;
	background-position: top center;
	}
	
#header.dealerwebsites {
	background-image:url(../images/header-dealerwebsites.png);
	background-repeat: no-repeat;
	background-position: top center;
	}
	
#header.ebay {
	background-image:url(../images/header-ebay.png);
	background-repeat: no-repeat;
	background-position: top center;
	}
	
#header.leadmanagement {
	background-image:url(../images/header-leadmanagement.png);
	background-repeat: no-repeat;
	background-position: top center;
	}
	
#header.marketplaces {
	background-image:url(../images/header-marketplaces.png);
	background-repeat: no-repeat;
	background-position: top center;
	}
	
#header.reseller {
	background-image:url(../images/header-reseller.png);
	background-repeat: no-repeat;
	background-position: top center;
	}
	
#header.testimonials {
	background-image:url(../images/header-testimonials.png);
	background-repeat: no-repeat;
	background-position: top center;
	}
	
#header.webdisplay {
	background-image:url(../images/header-webdisplay.png);
	background-repeat: no-repeat;
	background-position: top center;
	}
	
/****** slider ******/
#slidercontainer{	
		margin:0 auto;
		position:relative;
		width:745px;
		clear: left;
		z-index:0;
}
	
#slider {
}	
	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}
	
#slider li{ 
	width:745px;
	height:269px;
	overflow:hidden; 

	}	
	
#prevBtn {
	}
	
#prevBtn, #nextBtn{ 
		display:block;
		width:42px;
		height:269px;
		position:absolute;
		left:-42px;
		top:36px;
		}	
		
#nextBtn{ 
		left:745px;
	}
															
#prevBtn a, #nextBtn a{  
	display:block;
	width:42px;
	height:269px;
	background:url(../images/prev-bg.png) no-repeat 0 0;	
	}	
	
#nextBtn a{ 
	background:url(../images/next-btn.png) no-repeat 0 0;	
	}	
	

/* COLUMNS */

#fullcolumn {
	width: 950px;
	min-height: 300px;
	float: left;
	margin: 0px 0px 15px 0px;
	padding: 15px 0px 0px 0px;
	color: #FFFFFF;
	background-image: url(../images/column-bg.png);
	background-position:top;
	background-repeat: repeat-x;
	} 
	
#leftcolumn {
	width: 687px;
	min-height: 300px;
	float: left;
	margin: 0px 5px 15px 0px;
	padding:10px 15px 0px 10px;
	color: #FFFFFF;
	background-image: url(../images/column-bg.png);
	background-position:top;
	background-repeat: repeat-x;
	}
	
#rightcolumn {
	width: 150px;
	min-height: 300px;
	float: left;
	margin-right: 0px 5px 15px 0px;
	padding:10px 15px 0px 10px;
	color: #FFFFFF;
	background-image: url(../images/column-bg.png);
	background-position:top;
	background-repeat: repeat-x;
	}

.column {
	width: 279px;
	min-height: 200px;
	margin-right: 5px;
	padding:10px 15px 0px 10px;
	float: left;
	color: #FFFFFF;
	background-image: url(../images/column-bg.png);
	background-position:top;
	background-repeat: repeat-x;	 
	}
	
.column h3, .column h3 a {
	font-size: .95em;
	margin: 0px 0px 5px 13px;
	padding:0px;
	color: #009a00;
	font-weight: 400;
	font-style: oblique;
	border-bottom: 0px;
	clear: none;
	}
	
.section{
	margin: 10px 0px 5px 0px;
	border-bottom: 4px dashed #ffffff;
	border-top: 4px dashed #ffffff;
	clear: both;
	padding: 10px 0px 5px 0px;
	}
	
.section h3, .sectionh3 a {
	font-size: .95em;
	margin: 0px 0px 5px 0px;
	padding:0px;
	color: #009a00;
	font-weight: 400;
	font-style: oblique;
	border-bottom: 0px;
	clear: none;
	}
	
.column p {
	font-size: .75em;
	margin: 0px 10px 5px 15px;
	}
	
#one {
	width: 209px;
	height: 39px;
	margin: 0px 10px 10px 10px;
	padding: 20px 40px 15px 15px;
	background-image: url(../images/column1-bg.png);
	background-position: top center;
	background-repeat: no-repeat;
	}
	
#two {
	width: 209px;
	height: 39px;
	margin: 0px 10px 10px 10px;
	padding: 20px 40px 15px 15px;
	background-image: url(../images/column2-bg.png);
	background-position: top center;
	background-repeat: no-repeat;
	}
	
#three {
	width: 209px;
	height: 39px;
	margin: 0px 10px 10px 10px;
	padding: 20px 40px 15px 15px;
	background-image: url(../images/column3-bg.png);
	background-position: top center;
	background-repeat: no-repeat;
	}
	
#testimonials { 
padding: 5px 15px 0px 15px;
width: 234px;
background-image: url(../images/testimonial-bg.png);
background-repeat: no-repeat;
}

.name {
font-style:oblique;
text-align: right;
color:#666666;
margin-top: 8px;
font-size: .75em;
}

#testimonials a, #testimonials a:visited {
	color:#FFFFFF;
	}

 h2#one a, h2#two a, h2#three a, h2#one a:visited, h2#two a:visited, h2#three a:visited {
	text-transform: uppercase;
	color:  #009a00;
	font-size:.75em;
	}
	
#newsdate {
	margin: 0px 6px 5px 10px;
	padding: 5px;
	float: right;
	height: 30px;
	width: 35px;
	background-color:#cccccc;
	text-align: center;
	color: #333333;
	border-left: 3px solid #009a00;
	}
	
.my {
	font-size: .65em;
	margin-bottom: 5px;
	border-bottom: 1px solid #666666;
	}
		
.date {
	font-weight: bold;
	font-style: oblique;
	}
	

.btn-readmore {
background: url("../images/btn-readmore.png") no-repeat scroll 0 0 transparent;
float:right;
height:17px;
width:81px;
margin: 2px 0px 5px 5px;
}

.btn-readmore:hover {
background: url("../images/btn-readmore.png") no-repeat scroll left -17px transparent;
cursor:pointer;
}

#form input.sendbutton, #submit input.sendbutton {
	background-image: url(http://www.lotvantage.com/images/login-btn.png);
	background-position: center;
	background-color: transparent;
	border: 0px;
	height:60px;
	width:221px;
	padding: 2px 15px 8px 15px;
	color:#FFFFFF;
	font-size: 28px;
	font-family: MyriadPro-Regular, "Myriad Pro Regular", MyriadPro, "Myriad Pro", Helvetica, Arial, sans-serif;
	font-weight:bold;
	}

.btn-login {
background: url("../images/btn-login-sm.png") no-repeat scroll 0 0 transparent;
height:20px;
width:76px;
float: left;
margin: 2px 0px 0px 7px;
}

.btn-login:hover {
background: url("../images/btn-login-sm.png") no-repeat scroll left -20px transparent;
cursor:pointer;
}

.btn-signuplg {
background: url("../images/btn-lg-signup.png") no-repeat scroll 0 0 transparent;
height:36px;
width:134px;
float: right;
margin: 3px 35px 0px 0px;
}

.btn-signuplg:hover {
background: url("../images/btn-lg-signup.png") no-repeat scroll left -36px transparent;
cursor:pointer;
}

.btn-livechat {
background: url("../images/btn-livechat.png") no-repeat scroll 0 0 transparent;
height:20px;
width:76px;
float: left;
margin: 2px 0px 0px 2px;
}

.btn-livechat:hover {
background: url("../images/btn-livechat.png") no-repeat scroll left -20px transparent;
cursor:pointer;
}

.btn-livechatlg {
background: url("../images/btn-blank.png") no-repeat scroll 0 0 transparent;
float:right;
height:28px;
width:150px;
margin: 2px 0px 20px 0px;
color:#FFFFFF;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
font-family: MyriadPro-Regular, "Myriad Pro Regular", MyriadPro, "Myriad Pro", Helvetica, Arial, sans-serif;
text-align:center;
padding: 2px 0px 0px 0px;
}

.btn-livechatlg:hover {
background: url("../images/btn-blank.png") no-repeat scroll left -30px transparent;
cursor:pointer;
}

a.livechat {
	}
	
a.templatescreen {
	background-color: #333333;
	padding: 15px;
	margin: 0px 20px 0px 0px;
	border: 1px solid #ffffff;
	float: left;
	font-size: 1em;
	font-weight: 400;
	font-family: MyriadPro-Regular, "Myriad Pro Regular", MyriadPro, "Myriad Pro", Helvetica, Arial, sans-serif;
	text-align: center;
	}
	
.displaybox {
	background-color: #333333;
	padding:5px 5px 5px 5px;
	margin: 0px 10px 0px 0px;
	border: 1px solid #ffffff;
	float: left;
	font-size: 1em;
	font-weight: 400;
	font-family: MyriadPro-Regular, "Myriad Pro Regular", MyriadPro, "Myriad Pro", Helvetica, Arial, sans-serif;
	text-align: center;
	}
	
#contactform {
	width: 400px; 
	padding: 15px;
	margin: 15px 0px 15px 20px;
	background-color:#333333;
	border: 4px dashed #ffffff;
	color: #FFFFFF;
	font-size: 1em;
	font-weight: 400;
	font-family: MyriadPro-Regular, "Myriad Pro Regular", MyriadPro, "Myriad Pro", Helvetica, Arial, sans-serif;
	}
	
#contactform input {
	padding: 2px;
	height: 20px;
	margin-bottom:5px;
	}

#surveyform {
	width: 550px; 
	padding: 15px;
	margin: 15px 0px 15px 20px;
	background-color:#333333;
	border: 4px dashed #ffffff;
	color: #FFFFFF;
	font-size:.75em;
	font-weight: 400;
	font-family: MyriadPro-Regular, "Myriad Pro Regular", MyriadPro, "Myriad Pro", Helvetica, Arial, sans-serif;
	}
.clear {
	clear:both;
	height: 5px;
	width: 800px;
	margin: 10px 0px 10px 0px;
	}
	
/* FOOTER */
#footer {
clear: both;
margin-top: 10px;
margin-bottom: 0px;
width: 100%;
height: 313px;
background-image: url(../images/footer-bg.png);
background-repeat: repeat-x;
background-position: bottom;
}

#footercontainer {
	width: 927px;
	height: 313px;
	padding: 10px 0px 0px 0px;
	margin: 0 auto 0 auto;
	}
	
#social {
	width: 95px;
	height: 172px;
	margin: 13px 0px 0px 0px;
	padding: 5px 0px 0px 5px;
	background-image: url(../images/bg-footercolumn.png);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	font-size: .75em;
	font-weight: bold;
	text-transform: uppercase;
	color:#FFFFFF;
	text-align: center;
	back
	}
	
#social img {
	float: left;
	border: none;
	}
	
.footercol {
	min-width: 150px;
	height: 172px;
	margin: 13px 0px 0px 0px;
	padding: 5px 5px 0px 5px;
	background-image: url(../images/bg-footercolumn.png);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	}
	
.footercol ul {
	margin: 0px;
	padding:0px;
	clear: both;
	}
	
.footercol ul li {
	list-style:none;
	padding: 0px 0px 0px 5px;
	margin: 0px;
	line-height: .95em;
	}

.footercol li a {	
	font-size: .65em;
	color: #FFFFFF;
	}
	
.footercol li li a {	
	padding-left: 8px;
	font-size: .65em;
	color: #999999;
	}
	
.footercol li a:hover,.footercol li li a:hover {	
	color:  #009a00;
	}
	

.footercol img {
	float: left;
	margin: 0px 3px 3px 0px;
	}
	
#footerlogo {
	width: 927px;
	height: 30px;
	padding-top: 10px;
	font-size: .65em;
	color: #FFFFFF;
	clear: both;
	}
	
#footerborder {
	width: 927px;
	border-bottom: 4px dashed #ffffff;
	margin-bottom: 5px;
	}
	
.tu {
	float: right;
	}
	
h4 a {
	color: #ffb400;
	font-weight:bold;
	font-style: oblique;
	margin: 3px 0px 8px 0px;
	padding: 0px;
	}
	
#form input, #form select, #form textarea {
	width: 225px;
	padding: 2px;
	margin-bottom: 10px;
	background-image: url(../images/nav-ddbg.png);
	background-position:bottom;
	background-repeat: repeat-x;
	background-color:#CCCCCC;
	color:#009a00;
	}

	
/* GLOBAL STYLES */
.floatleft {
	float: left;
	}
	
.floatright {
	float: right;
	}
	
.floatleftm {
	float: left;
	margin: 5px 20px 10px 0px;
	}
	
.floatrightm {
	float: right;
	margin: 5px 0px 10px 20px;
	}
	
h1, h2, h3, h4, h5, h6 {
	font-family: MyriadPro-Regular, "Myriad Pro Regular", MyriadPro, "Myriad Pro", Helvetica, Arial, sans-serif;
	}
	
h1 {
	font-size:1.5em;
	font-weight: bold;
	text-transform: capitalize;
	color: #009a00;
	}
	
h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 1.25em;
	font-weight: bold;
	text-transform:capitalize;
	
	}
	
#rightcolumn h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 4px dashed #ffffff;
	font-size: 1.25em;
	font-weight: bold;
	text-transform:capitalize;
	color: #ffffff;
	}
	
h3{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 20px;
	border-bottom: 4px dashed #ffffff;
	font-size: 1.25em;
	font-weight: bold;
	color: #ffb400;
	text-transform: capitalize;
	clear: both;
	}
	
#rightcolumn h3 {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-size: 1em;
	font-weight: bold;
	color: #009a00;
	text-transform: capitalize;
	border-bottom: none;
	}
	
	
p {
	font-size: .75em;
	margin-bottom: 10px;
	text-align: justify;
	line-height: 1.5em;
	}
	
a, a:visited, a:active {
	color: #ffb400;
	text-decoration: none;
	}
	
a:hover {
	color: #ffffff;
	}
	
.hr {
	width: 650px;
	height: 19px;
	border: 0px;
	background-image: url(../images/hr-sm.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 15px 0px 15px 0px;
	}
	
ol {
	margin: 5px 10px 10px 30px;
	list-style-type: decimal;
	color: #009a00;
	}
	
ul.list {
	margin: 5px 5px 10px 15px;
	padding: 0px;
	}
	
ul.list li {
	padding: 0px 0px 5px 3px;
	list-style-image: url(../images/bullet.png);
	list-style-position: outside;
	color: #009a00;
	font-size: .75em;
	}
	
ul.list li h4 {
	color: #FFFFFF;
	font-size: 1em;
	font-weight: 500;
	margin:0px;
	padding: 0px;
	}
	
#hide {
display:none;
	}
	
.yellow {
	color: #ffb400;
	}
	
.btn-signupnow {
	background: url(../images/signupnow-btn.png) no-repeat;
	height:60px;
	width:293px;
	float: left;
	}

.btn-signupnow:hover {
	background: transparent url(../images/signupnow-btn.png) left -60px no-repeat;
	cursor: pointer;
	}
	
.btn-signupnowsm {
	background: url(../images/signupnow-btn-sm.png) no-repeat;
	height:30px;
	width:150px;
	}

.btn-signupnowsm:hover {
	background: transparent url(../images/signupnow-btn-sm.png) left -30px no-repeat;
	cursor: pointer;
	}