/*
 * TODO: these ids and classes must be renamed so that they can appear more than once
 * on a page without conflict.
 */

body {
	font-size: 16px;
	margin: 0;
	padding: 0;
}

p {
	font-size: .8em;
	margin: .2em .2em 0 .2em;
}

img {
    border: 0 none;
}

#ezCarPricesMini300 {
	position: absolute;
	width: 18.75em; /* 300px @ font-size 16 */
	height: 15.63em; /* 250px @ font-size 16 */
	background-color: #eeeeee;
	font-family: Arial, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
	border: 0;
	left: 0;
	top: 0;
}

.widgetPage {
	position: absolute;
	width: 18.75em; /* 300px @ font-size 16 */
	height: 15.63em; /* 250px @ font-size 16 */
	top: 0;
	left: 0;
	background-color: #fff;
}

#page0Top {
    padding-left: 5px;
    margin: 0;
}

#vehicleSelectorTop {
	position: relative;
	width: 100%;
	padding: 0;
}

#makeSelect, #modelSelect {
	position: relative;
	width: 100%;
	height: 1.5em;
	font-size: .8em;
}

#makeSelect {
}

#modelSelect {
}

#vehicleSelectorBottom {
	position: relative;
	height: 4em;
	margin: 0;
	padding: 0;
}

#leftScroller, #rightScroller, #scrollArea {
	float: left;
	height: 4em;
	line-height: 4em; /* height = line-height: vertically centers the < and > */
	top: 0;
	left: 0;
	border-bottom: 1px solid silver;
}

#leftScroller, #rightScroller {
	width: 1.33em;
	/*background: silver;*/
	text-align: center;
}

#leftScroller {
	background-image: url('/images/arrow_inactive.gif');
}

#leftScroller:hover {
	background-image: url('/images/arrow_activated.gif');
}

#rightScroller {
	background-image: url('/images/arrow_inactive_rev.gif');
}

#rightScroller:hover {
	background-image: url('/images/arrow_activated_rev.gif');
}

#scrollArea {
	width: 16em;
	background: white;
	/*overflow: auto;*/
	overflow: hidden;
}

.vehicleList {
	height: 120px;
	overflow: hidden;
	border: none;
	list-style-type: none;
	margin-top: 0;
	top: 0;
	left: 0;
}

.vehicleListItem {
	float: left;
	width: 104px;
	height: 80px;
}

.pageContent > label {
	display: block;
	float: left;
	width: 5.5em;
	text-align: right;
	margin-bottom: .6em;
	padding-right: 1em;
	font-size: 0.7em;
}

.pageContent > select {
	display: block;
	float: left;
	margin-bottom: .6em;
	font-size: 0.7em;
}

.pageContent > input {
	display: block;
	float: left;
	margin-bottom: .6em;
	font-size: 0.7em;
}

.pageContent > br {
	clear: both;
	font-size: 0.7em;
}

.page1Content {
	display: block;
	width: 100%;
	margin-top: 0em;
	margin-bottom: 1em;
}

.page1Content > p {
	margin-bottom: -.2em;
	font-size: 0.75em;
}

.page2Content {
	display: block;
	width: 100%;
	height: 7em;
	margin-top: 0em;
}

#address {
    width: 11em;
}

#zip {
	width: 3em;
}

#zipLabel {
	width: 3em;
}

#stateLabel {
}

#state {
	/*width: 8em;*/
}

.nextStepButton {
	position: absolute;
	top: 203px;
	right: 0px;
	width: 300px;
	height: 40px;
	cursor: pointer;
	background: url('/images/nextStrip_inactive.png') no-repeat;
}

.nextStepButton:hover {
	background: url('/images/nextStrip.png') no-repeat;
}

#prevPageClicker1, #prevPageClicker2, #prevPageClicker3 {
	width: 150px;
	height: 40px;
	float: left;
}

#page1Button, #page2Button, #page3Button {
	width: 150px;
	height: 40px;
	float: left;
}

#page0Button {
	width: 150px;
	background: url('/images/nextStrip_inactive.png') right no-repeat;
}

#page0Button:hover {
	width: 150px;
	background: url('/images/nextStrip.png') right no-repeat;
}

#comments {
	width: 15.5em;
	height: 2.5em;
}

.dealerListItemTable {
	/*width: 15em;*/
	width: 99%;
	margin-top: -.5em;
	margin-bottom: 1.2em;
}

#dealerList {
	width: 16em;
}

ul {
	margin-left: 0;
	padding-left: 0;
}

li {
	list-style-type: none;
	text-align: left;
	padding-right: 0;
	margin-right: 0;
	width: 99%;
	vertical-align: top;
}


.dealerBox {
	width: 17.5em;
	height: 8em;
	overflow: auto;
	padding: 0;
}

.dealerCheckBox {
	width: 2em;
}

#page3Button {
}

.star {
	color: Red;
	float: left;
}
#fnameLabel {
	float: left;
	width: 5em;
	margin-left: -2em;
}

#lnameLabel {
	float: left;
	width: 3em;
}

#fname  {
	float: left;
	display: inline;
	width: 7em;
}

#lname  {
	float: left;
	display: inline;
	width: 9em;
}

#financing, #timeframe {
	float: left;
	display: inline;
}

#financingLabel, #timeframeLabel {
	width: 4em;
	float: left;
	margin-left: .5em;
}

#contactTimeLabel {
	float: left;
}

#errorOut {
	position: absolute;
	display: block;
	width: 300px;
	height: 250px;
	top: 300px;
	left: 0;
}

.vehicleImages {
	margin-top: 0;
}

.teaseText {
	padding-bottom: 5em;
}

.startOver {
	position: absolute;
	display: block;
	top: 238px;
	left: 20px;
	z-index: 200;
	font-size: 9px;
	font-family: Arial, Helvetica, Sans-Serif;
}

.startOver > a {
	text-decoration: none;
}


#emailLabel, #phoneLabel {
	width: 3em;
}

#carTeaseText {
}

.checkBoxContainer {
	width: 30px;
}

#page4Image {
    magin-left: 20px;
}