/*--------------------------------------------------------------------*//*
	IMPORTS
-----------------------------------------------------------------------*/
/*--- neutrilize cross-browser discrepancies ---*/
	/*@import url("http://yui.yahooapis.com/2.5.1/build/reset/reset-min.css");*/
	@import url("yui.css");
/*--- initial preferences ---*/
	@import url("initial.css");
/*--- site typography and colors ---*/
	/*@import url("typographyAndColor.css");*/
/*--- site shadowing ---*/
	/*@import url("shadowing.css");*/
/*--------------------------------------------------------------------*//*
	WRAPPERS
-----------------------------------------------------------------------*/
body {text-align: center; padding-top: 1px; background-color: #fffe5b;}
div#pageWrapper {width: 992px; margin: auto;}
/*--------------------------------------------------------------------*//*
	HEADER
-----------------------------------------------------------------------*/
div#header {position: relative; width: 992px; height: 117px; background-image: url('../gfx/header.jpg'); background-repeat: no-repeat;}
h1.header, h2.header {margin: 0 0 0 -5000px;}
a#magsLink:link, a#magsLink:visited {text-decoration: none; color: #000; font-weight: bold; position: relative; top: -48px; left: 13px; font-size: 1.1em;}
a#magsLink:hover {color: #fad08d;}
span#magsLinkText {position: relative; top: -2px; text-decoration: underline;}
/*--------------------------------------------------------------------*//*
	NAVBAR/FOOTER
-----------------------------------------------------------------------*/
div#navBarBox, div#footerBox {margin-top: 1px; background-color: #000; width: 992px; border-bottom: 3px solid #649d81; min-height: 1.6em; position: relative;}
body.backpage div#footerBox {border-bottom: none;} 
div#footerBox {background-image: url('../gfx/navBar.jpg'); background-repeat: repeat-x; text-align: center; color: #ddd; font-size: 1.7em; font-weight: normal; position: relative; padding-top: 0.2em;}
div#footerBox a {color: #fad08d;}
ul#navBar {margin: 0.1em 0 0 0; float: left; padding-left: 0.5em; padding-top: 0.3em; background-image: url('../gfx/navBar.jpg'); background-repeat: repeat-x;}
ul#navBar li {border-right: 1px solid #000; list-style: none; float: left;}
ul#navBar li a:link, ul#navBar li a:visited {margin-top: 0px; display: block; padding: 0.0em 0.3em 0.3em 0.3em; color: #fff; font-weight: bold; font-size: 1.7em; text-decoration: none; border-left: 1px solid #649d81;}
ul#navBar li a.on, ul#navBar li a:hover {background-image: url('../gfx/navOn.jpg'); background-repeat: repeat-x; color: #fad08d; padding: 0.1em 0.3em 0.2em 0.3em;}
ul#navBar li a:hover {color: #fff;}
div#navTransition {background-image: url('../gfx/navTransition.jpg'); float: left; width: 59px; margin-top: 1px;}
/*--------------------------------------------------------------------*//*
	MARQUEE
-----------------------------------------------------------------------*/
div#marqueeBox {float: right; padding-top: 0.8em; padding-bottom: 0.8em; width: 44.8em;}
div#marqueetext {color: #fad08d; font-weight: bold; font-size: 1.1em; letter-spacing: -0.07em;}
/*--------------------------------------------------------------------*//*
	CAR STRIP
-----------------------------------------------------------------------*/
div#carStripTextBox {position: relative; margin-top: 4px; float: right; padding-right: 45px;}
span#carStripText {color: #649d81; font-size: 1.3em; font-weight: bold; white-space: nowrap; letter-spacing: -1px; padding-top: 0.1em; display: block;}
ul#carStrip {margin: 0; padding: 0; clear: both; max-width: 918px;}
ul#carStrip li {float: left; list-style: none; padding: 0.5em 0.6em 0.3em 0.6em;}
ul#carStrip li a:link, ul#carStrip li a:visited {border: 1px solid #fffe5b; text-decoration: none; font-family: arial; font-size: 0.9em; color: black; text-align: center; display: block;}
ul#carStrip li a:hover {border: 1px solid #000;}
ul#carStrip li a img {display: block;}

div#detailHeadline {text-align: left; padding: 1.0em;}
div#detailHeadline h1 {padding-left: 20px;}

div#main {background-color: black; min-height: 392px; position: relative; padding: 3px;}
/*--------------------------------------------------------------------*//*
	ROUNDED CORNERS
-----------------------------------------------------------------------*/
span.topLeft {width: 6px; height: 7px; position: absolute; top: 0px; left: 0px; background-image: url('../gfx/rounded_white_tl.png'); font-size: 0px; display: block;}
span.topRight {width: 6px; height: 7px; position: absolute; top: 0px; right: 0px; background-image: url('../gfx/rounded_white_tr.png'); font-size: 0px; display: block;}	
span.bottomRight {width: 6px; height: 7px; position: absolute; bottom: 0px; right: 0px; background-image: url('../gfx/rounded_white_br.png'); font-size: 0px; display: block;}	
span.bottomLeft {width: 6px; height: 7px; position: absolute; bottom: 0px; left: 0px; background-image: url('../gfx/rounded_white_bl.png'); font-size: 0px; display: block;}	
span.bottomLeftBlack {width: 6px; height: 7px; position: absolute; bottom: 0px; left: 0px; background-image: url('../gfx/rounded_black_bl.png'); font-size: 0px; display: block;}	
span.topLeftBlack {width: 6px; height: 7px; position: absolute; top: 0px; left: 0px; background-image: url('../gfx/rounded_black_tl.png'); font-size: 0px; display: block;}	
span.topRightBlack {width: 6px; height: 7px; position: absolute; top: 0px; right: 0px; background-image: url('../gfx/rounded_black_tr.png'); font-size: 0px; display: block;}	
span.bottomRightBlack {width: 6px; height: 7px; position: absolute; bottom: 0px; right: 0px; background-image: url('../gfx/rounded_black_br.png'); font-size: 0px; display: block;}	

span#arrow {display: block; width: 64px; height: 68px; background-image: url('../gfx/arrow.png'); position: absolute; top: 0.8em; right: 0.5em; float: right;}
div#belowFold {border: 1px solid #649d81; padding: 3px; position: relative;}
/*--------------------------------------------------------------------*//*
	BILLBOARD
-----------------------------------------------------------------------*/
div#billboardMarquee {height: 282px; width: 604px; margin-bottom: 3px; float: left; margin-left: 3px; background-color: #000;}
div#billboard {margin-bottom: 3px; width: 604px; height: 252px; background-color: #fff; position: relative;}
div#marquee {background-color: #000; font-size: 1.4em; font-weight: bold; height: 27px; position: relative;}
/*--------------------------------------------------------------------*//*
	CONTENT
-----------------------------------------------------------------------*/
div#content {margin-bottom: 3px; width: 774px; min-height: 392px; background-color: #fff; position: relative; float: right; margin-left: 3px;}
body#vehicleDetails div#content {width: 986px; background-color: #fff; margin-bottom: 3px; margin-left: 0px; min-height: 392px; position: relative;}
/*--------------------------------------------------------------------*//*
	ADS RIGHT
-----------------------------------------------------------------------*/
div#adsRight {width: 167px; height: 282px; background-color: #000; position: relative; float: left; margin-left: 3px;}
div#adsRight1, div#adsRight2, div#adsRight3 {display: block; width: 167px; height: 92px; background-image: url('../gfx/bg_striped.gif'); position: relative; margin-bottom: 3px;}
div#adsRight a {font-size: 1.7em; font-weight: bold; color: #000; font-style: italic;}/*fad08d*/
div#adsRight p {margin: 0; padding: 5px 4px; font-size: 1.7em; font-weight: bold;}
div#adsRight1 p.shadowText {color: #2d2d2d; position: relative; top: 5px; line-height: 1em;}
div#adsRight2 p.shadowText {margin-left: 8px; color: #2d2d2d; position: relative; top: 0px; line-height: 1em;}
div#adsRight3 p.shadowText {margin-left: 8px; color: #2d2d2d; position: relative; top: 0px; line-height: 1em;}
div#adsRight1 p.shadowText:after {color: #fad08d; display: block; margin-top: -2.1em; margin-left: -0.1em; content: "Guaranteed Credit Approval";}	
div#adsRight2 p.shadowText:after {color: #fad08d; display: block; margin-top: -3.1em; margin-left: 0em; content: "What's Your Trade-In Worth?";}	
div#adsRight3 p.shadowText:after {color: #fad08d; display: block; margin-top: -3.1em; margin-left: 0em; content: "We'll Pay You Cash for Your Vehicle";}	
div#adsRight1 a.shadowLink {color: #2d2d2d; position: relative; display: block;}
div#adsRight1 a.shadowLink:after {text-decoration: underline; color: #fff; display: block; margin-top: -1.3em; margin-left: -0.2em; content: "Click Here!";}	
div#adsRight2 a.shadowLink {color: #2d2d2d; position: relative; display: block;}
div#adsRight2 a.shadowLink:after {text-decoration: underline; color: #fff; display: block; margin-top: -1.3em; margin-left: -0.2em; content: "Find Out Now!";}	
div#adsRight3 a.shadowLink {color: #2d2d2d; position: relative; display: block;}
div#adsRight3 a.shadowLink:after {text-decoration: underline; color: #fff; display: block; margin-top: -1.3em; margin-left: -0.2em; content: "Contact Us!";}			



div#mainBottom {background-color: #000; clear: both; height: 107px;}
body.backpage div#mainBottom {clear: none;}
/*--------------------------------------------------------------------*//*
	PRIMARY TILES
-----------------------------------------------------------------------*/
a.bottomAd1 {display: block; text-align: center; width: 108px; height: 107px; margin-left: 3px; float: left; position: relative; background-color: #fff;}
a.bottomAd2 {display: block; text-align: center; width: 330px; height: 107px; margin-left: 3px; float: left; position: relative; background-color: #fff;}
a#bottomAd2 {background-color: #ffe72c;}
a#bottomAd4 {background-color: #3c3c49;}
a#bottomAd5 {background-color: #f9f9f9;}
/*--------------------------------------------------------------------*//*
	CAR SEARCH/DEALER SEARCH
-----------------------------------------------------------------------*/
div#carSearch p.shadowText {margin-left: 8px; color: #2d2d2d; position: relative; line-height: 1em; font-size: 1.7em; font-weight: bold; padding: 5px 0 7px 16px; font-style: italic;}
div#carSearch p.shadowText:after {color: #fad08d; display: block; margin-top: -1.1em; margin-left: -0.2ex; content: "Used Car Search";}
form#formCarSearch, form#formDealerSearch {padding-left: 24px; padding-right: 21px;}
form#formCarSearch select, form#formDealerSearch select, form#formCarSearch label select, form#formDealerSearch label select {font-size: 1.1em; width: 165px; border: 2px outset; margin-bottom: 1px; font-weight: normal;}
form#formCarSearch label {background-color: #000; color: #fad08d; font-weight: bold; display: block; margin-bottom: 2px; text-align: right;}
form#formCarSearch label input.text {width: 80px; font-size: 1.1em; border: 2px outset; font-weight: normal;}
form#formCarSearch select#radius, form#formCarSearch select#year1, form#formCarSearch select#year2 {width: 83px; margin-bottom: 0;}
form#formCarSearch input.submit, form#formDealerSearch input.submit {padding-bottom: 4px; background-color: #000; cursor: pointer; background-image: url('../gfx/navBar.jpg'); background-repeat: repeat-x; color: white; font-weight: bold; font-size: 1.4em; border: 1px solid #fad08d; width: 100%; margin-top: 2px;}
div#dealerSearch p.shadowText {font-size: 1.7em; font-weight: bold; margin: 0; padding: 13px 0 7px 16px; font-style: italic;}
div#dealerSearch p.shadowText:after {color: #fad08d; display: block; margin-top: -1.1em; margin-left: -0.2ex; content: "Dealer Search";}
div#carSearch {text-align: left; width: 209px; height: 282px; background-image: url('../gfx/bg_striped.gif'); position: relative; float: left;}
body.backpage div#dealerSearch {margin-top: 3px;}
div#dealerSearch {text-align: left; width: 209px; height: 107px; background-image: url('../gfx/bg_striped.gif'); position: relative; float: left;}
div#dealerSearch p.shadowText {margin-left: 8px; color: #2d2d2d; line-height: 1em;}
form#formCarSearch a img {margin-top: 19px; border: 1px solid #000;}
/*--------------------------------------------------------------------*//*
	FEATURED VEHICLES
-----------------------------------------------------------------------*/
div#featuredVehiclesBox {width: 396px; min-height: 89px; position: absolute; top: 5px; right: 11px; text-align: right;}
div#featuredVehiclesBox p.shadowText {color: #ccc; font-size: 1.7em; font-weight: bold; font-style: normal; margin: 0; padding-left: 0px; position: relative; top: 5px; right: 4px; letter-spacing: 0.01em;}
div#featuredVehiclesBox p.shadowText:after {color: #eee; display: block; margin-top: -1.25em; margin-left: -0.1em;}
div#featuredVehiclesBox ul {margin: 5px 0 0 0; position: absolute; right: 0px; bottom: -13px; padding: 0px;}
div#featuredVehiclesBox ul li {list-style: none; float: left; margin: none; padding: none; margin-right: 1px;}
/*--------------------------------------------------------------------*//*
	SIMILAR VEHICLES
-----------------------------------------------------------------------*/
div#similarVehiclesBox {width: 396px; min-height: 89px; position: absolute; top: 5px; right: 11px; text-align: right;}
div#similarVehiclesBox p.shadowText {color: #ff6; font-size: 1.7em; font-weight: bold; font-style: normal; text-decoration: blink; margin: 0; padding-left: 0px; position: relative; top: 5px; right: 14px; letter-spacing: 0.01em;}
div#similarVehiclesBox p.shadowText:after {color: #eee; display: block; margin-top: -1.25em; margin-left: -0.1em;}
div#similarVehiclesBox ul {margin: 5px 0 0 0; position: absolute; right: 0px; bottom: -13px; padding: 0px;}
div#similarVehiclesBox ul li {list-style: none; float: left; margin: none; padding: none; margin-right: 1px;}
/*--------------------------------------------------------------------*//*
	COMMON UTILITIES
-----------------------------------------------------------------------*/
br.displayNone {display: none;}
hr.displayNone {display: none;}
.imgBorder {border-style: solid; border-color: #fad08d; display: block;}
.imgBorder, a.imgLink, a.imgLink:link, a.imgLink:visited {background-color: #000; padding: 1px; border-width: 1px;} 
a.imgLink, a.imgLink:link, a.imgLink:visited {width: 94px; height: 71px; display: block; border-right-style: solid; border-bottom-style: solid; border-color: #000;}
a.imgLink:hover .imgBorder {border-color: #f00;}
img.imgBorder2 {padding: 1px; background-color: #fad08d; border: 1px solid #000;}
/*--------------------------------------------------------------------*//*
	WHY AUTO SELLER?
-----------------------------------------------------------------------*/
div#whyAutoSeller {width: 209px; padding-bottom: 1.5em; background-image: url('../gfx/bg_striped.gif'); position: relative; float: left;}
div#whyAutoSeller p {margin: 0; padding: 7px; font-size: 2.5em; font-weight: bold; color: white;}
div#whyAutoSeller ul {padding-left: 20px; text-align: left;}
div#whyAutoSeller li {color: white; font-weight: bold; font-size: 1.3em; list-style: disc;}
/*--------------------------------------------------------------------*//*
	HOMEPAGE TEXT
-----------------------------------------------------------------------*/
div#text {float: left; width: 659px; text-align: left;}
div#text p {margin: 3px; padding: 7px; color: #666; font-size: 1.2em; line-height: 1.5em;}
div#text p strong {font-size: 1.5em; margin: 0px; padding: 0px;}
div#text p a {color: #333;}
div.bodyCopy p {font-size: 1.5em; color: #333; text-align: left; padding: 0 10px 10px 10px;}
/*--------------------------------------------------------------------*//*
	ADS BOTTOM RIGHT
-----------------------------------------------------------------------*/
div#adsBottomRight {float: left; position: relative; min-height: 282px;}
/*-----------------------------------------------------------------------
	COMMON PAGINATOR DECLARATIONS
---------------------------------------------------------------------*/
div#touch-points {background-image: url('../gfx/tp_bg.gif'); border-top-color: #2d2d2d; border-bottom-color: #666; margin-bottom: 2px; z-index: 1000; background-color: #ff6;}
body#inventory div#touch-points li, div#touch-points li.last, div#touch-points li.last a.btn {border-right-width: 1px;}
body#inventory div#touch-points li, div#touch-points a.paginatorBtn, div#touch-points a.paginatorBtn:link, div#touch-points a.paginatorBtn:visited, div#touch-points a.paginatorBtn:hover, div#touch-points a.paginatorBtn:active, div#touch-points a.btnOn {position: relative;}
body#inventory div#touch-points a.paginatorBtn, div#touch-points a.btnOn {display: block;}
body#inventory div#touch-points a.paginatorBtn {color: #2d2d2d;}
body#inventory div#touch-points a.paginatorBtn, div#touch-points a.paginatorBtn:link, div#touch-points a.paginatorBtn:visited, div#touch-points a.paginatorBtn:hover, div#touch-points a.paginatorBtn:active, div#touch-points a.btnOn {z-index: 1;}
body#inventory div#touch-points li.last {border-color: #666;}
body#inventory div#touch-points a.paginatorBtn:link, div#touch-points a.paginatorBtn:visited, div#touch-points a.paginatorBtn:hover, div#touch-points a.paginatorBtn:active, div#touch-points a.btnOn {font-size: 1.1em; white-space: nowrap; text-decoration: none; font-weight: bold; font-style: normal;}
body#inventory div#touch-points a.paginatorBtn:hover, div#touch-points a.btnOn {background-color: #f00; background-repeat: repeat-x; color: #fff; background-image: url('../gfx/tp_bg-hover.gif');}
body#inventory div#touch-points a.paginatorBtnOn {position: relative; display: block; background-color: #f00; background-repeat: repeat-x; color: #fff; background-image: url('../gfx/tp_bg-hover.gif'); font-size: 1.1em; white-space: nowrap; text-decoration: none; font-weight: bold; font-style: normal; padding: 0.2em 0.5em 0.3em 0.5em; cursor: default;}
body#inventory div#touch-points li.last a.paginatorBtn {border-color: #2d2d2d;}
body#inventory div#touch-points a.current, div#touch-points a.current:link, div#touch-points a.current:visited, div#touch-points a.current:hover {color: #ff6; background-color: #666; background-repeat: repeat-x;}

/*-----------------------------------------------------------------------
	UNIQUE PAGINATOR DECLARATIONS
---------------------------------------------------------------------*/
body#inventory div#touch-points ul#paginator {margin-top: 1px;}
body#inventory div#touch-points li {
	float: right;
	border-right-style: solid;
	border-right-color: #2d2d2d;}
body#inventory div#touch-points a.paginatorBtn {padding: 0.2em 0.5em 0.3em 0.5em;}
/*div#touch-points a.btn:hover, div#touch-points a.current {padding-top: 0.3em; padding-bottom: 0.2em;}*/
body#inventory div#touch-points a.current, div#touch-points a.current:link, div#touch-points a.current:visited {background-image: url('../gfx/tp_bg-hover.gif'); cursor: default;}
body#inventory div#touch-points a.btnOn {padding: 0.3em 0.8em 0.2em 0.8em;}
body#inventory div#touch-points span#paginatorShadow.drop-shadow-bottom {bottom: -9px; left: 0;}
table#inventoryList {width: 100%; border-collapse: separate; border-top: 1px solid #2d2d2d;}
table#inventoryList caption {padding: 0.6em 0 0.6em 1em; font-size: 1.1em; color: #2d2d2d;}
table#inventoryList th {text-align: center; background-color: #000; color: #fff; padding: 3px; border: 1px solid #666; font-size: 1.1em; font-weight: bold;}
table#inventoryList td {padding: 3px; font-size: 1.1em;}
table#inventoryList tr {cursor: pointer;}
table#inventoryList tr.on {background-color: #fad08d; color: #000;}
table#inventoryList th a {color: #fff;}

table#inventoryList tr.odd {background-color: #b9d8c8;}
table#inventoryList tr.even {background-color: #adc7b9;}

table#inventoryList tr.odd td {border: 1px solid #666; border-left: none; border-right: 1px solid #555;}
table#inventoryList tr.even td {border: 1px solid #888; border-left: none; border-right: 1px solid #555;}
table#inventoryList tr.odd td + td {border: 1px solid #666; border-left: 1px solid #999; border-right: 1px solid #555;}
table#inventoryList tr.even td + td {border: 1px solid #888; border-left: 1px solid #999; border-right: 1px solid #555;}
table#inventoryList tr.on td {border: 1px solid #2d2d2d; border-left: none; border-right: 1px solid #5bb1cd;}
table#inventoryList tr.on td + td {border: 1px solid #2d2d2d; border-left: 1px solid #fff; border-right: 1px solid #5bb1cd;}
table#inventoryList tfoot td {border-top: 1px solid #2d2d2d; padding: 0.8em 0 0 0.7em; color: #2d2d2d; font-style: italic; cursor: default;}
table#inventoryList tr.special {background-color: lightgreen; color: #2d2d2d;}
table#inventoryList tr.even td.price, table#inventoryList tr.odd td.price, table#inventoryList tr.on td.price {border-right: none;}
table#inventoryList tr.even td.isSpecial, table#inventoryList tr.odd td.isSpecial, table#inventoryList tr.on td.isSpecial {border-left: none;}
td.price {width: 5em;}

div#inventoryPopup {display: none; position: absolute; top: 100px; left: 100px; width: 350px; border: 2px solid #000; z-index: 2000; background-color: white; text-align: left; background-image: url('../gfx/watermark.jpg');}
div#inventoryPopup span.drop-shadow-right {right: -9px; top: 2px;}
div#inventoryPopup span.drop-shadow-bottom {bottom: -9px; left: 2px;}
div#inventoryPopup span.drop-shadow-bottom-right {bottom: -9px; right: -9px;}

/*-----------------------------------------------------------------------
	SHADOWING DECLARATIONS
---------------------------------------------------------------------*/
span.drop-shadow-bottom{display: block; position: absolute; font-size: 0px;}
span.drop-shadow-bottom{width: 100%;}
span.drop-shadow-bottom {height: 7px;}
span.drop-shadow-bottom {background-image: url('../gfx/dropShadow_b.png');}
span.drop-shadow-bottom {bottom: 0px;}
/*-----------------------------------------------------------------------
	PHOTO GALLERY
---------------------------------------------------------------------*/
div#photoGalleryBox {text-align: left; background-color: black; width: 270px; min-height: 380px; margin: 3px;  position: relative; padding: 3px; float: left;}
ul#thumbs {background-color: #000; border: 1px solid #000; padding-left: 5px;}
ul#thumbs li {position: relative; float: left; width: 48px; height: 36px; margin: 3px 4px 0 0;}
div#genInfoBox {width: 698px; float: right; margin: 3px; text-align: left;}
div#genInfoBox table {width: 100%;}
div#genInfoBox table th, div#genInfoBox table td {text-align: center; padding: 3px;}
div#genInfoBox table th {font-weight: bold; color: #fff; background-color: #000;}
div#genInfoBox table caption {font-size: 1.7em; font-weight: bold; padding: 0.3em 0;}
ul#installedOptions {margin-left: 30px; margin-top: 3px;}
ul#installedOptions li {list-style: disc; margin-right: 40px; float: left; width: 172px;}


/*.marquee_box
{
	overflow: hidden;
	position: relative;
	display: inline;
	width: 100%;
	height:100%;
}
.marquee_opacityBox
{
	position: relative;
	width: 100%;
	height: 19px;
	display: inline;
	z-index: 10;
	background-color: #f00;
}
.marquee_message
{
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	z-index:5;
	font-family: verdana; 
	font-size: 11px; 
	color: white; 
	font-weight: bold; 
	cursor: default;
	background-color: pink;
}
.marquee_link{color: #FFFF66; text-decoration: underline;}*/

div#container {width: 600px; height: 27px; background-color: #000; position: relative; overflow: hidden;}
div.marquee_box {width: 600px; background-color: #000; position: absolute; top: 0px; right: 0px;}
div#messageStripOpacityID.marquee_opacityBox {display: none; background-color: #000; position: absolute; height: 27px; width: 100%;}
div.marquee_message {width: 600px; cursor: default; text-align: center; background-color: #000; position: absolute; height: 25px; left: 600px; padding-top: 5px; color: #fff; padding-left: 4px;}

/*-----------------------------------------------------------------------
	COMMON touch-points DECLARATIONS
---------------------------------------------------------------------*/
div#touch-points li, div#touch-points li.last, div#touch-points li.last a.btn {border-right-width: 1px;}
div#touch-points li, div#touch-points a.btn, div#touch-points a.btn:link, div#touch-points a.btn:visited, div#touch-points a.btn:hover, div#touch-points a.btn:active, div#touch-points a.btnOn {position: relative;}
div#touch-points a.btn, div#touch-points a.btnOn {display: block; background-image: url('../gfx/tp_bg-hover.gif'); background-repeat: repeat-x; background-color: #f00;}
div#touch-points a.btn {color: #fff;}
div#touch-points a.btn, div#touch-points a.btn:link, div#touch-points a.btn:visited, div#touch-points a.btn:hover, div#touch-points a.btn:active, div#touch-points a.btnOn {z-index: 1;}
div#touch-points li.last {border-color: #666;}
div#touch-points a.btn:link, div#touch-points a.btn:visited, div#touch-points a.btn:hover, div#touch-points a.btn:active, div#touch-points a.btnOn {font-size: 1.1em; white-space: nowrap; text-decoration: none; font-weight: bold; font-style: normal;}
div#touch-points a.btn:hover, div#touch-points a.btnOn {background-color: #fad08d; background-repeat: repeat-x; color: #2d2d2d; background-image: url('../gfx/tp_bg.gif');}
div#touch-points li.last a.btn {border-color: #2d2d2d;}
div#touch-points a.current, div#touch-points a.current:link, div#touch-points a.current:visited, div#touch-points a.current:hover {color: #ff6; background-color: #666; background-repeat: repeat-x;}

/*-----------------------------------------------------------------------
	UNIQUE touch-points DECLARATIONS
---------------------------------------------------------------------*/
div#touch-points {border-top: 1px solid black; border-bottom: 1px solid black; margin-top: 1em;}
div#touch-points ul#touchPointsBtns {margin-top: 1px;}
div#touch-points li {
	float: left;
	border-right-style: solid;
	border-right-color: #2d2d2d;}
div#touch-points a.btn {padding: 0.2em 0.8em 0.3em 0.8em;}
/*div#touch-points a.btn:hover, div#touch-points a.current {padding-top: 0.3em; padding-bottom: 0.2em;}*/
div#touch-points a.current, div#touch-points a.current:link, div#touch-points a.current:visited {background-image: url('../gfx/tp_bg-hover.gif'); cursor: default;}
div#touch-points span#touchPointsShadow.drop-shadow-bottom {bottom: -9px; left: 0;}

body.form div#content {width: 100%;}

/*-----------------------------------------------------------------------
	FORMS
---------------------------------------------------------------------*/
.form form{}
.form form h1{font-size: 1.4em; color: #999;}
.form fieldset span.left, .form fieldset span.right {text-align: right; width: 31.4em; display: block;}
.form legend {color: #2d2d2d; font-size: 1.4em; font-weight: bold; padding: 0 1em;}
.form fieldset#mailing-address, .form fieldset#employmentInfo, .form fieldset#additionalInfo, .form fieldset#generalInfo, .form fieldset#installedOptions, .form fieldset#rateYourVehicle, .form fieldset#rateYourVehicle, .form fieldset#locatorGeneralInfo, .form fieldset#serviceRequested {border-top: 1px solid #666; background-color: #ccc; padding-bottom: 1em;}
.form fieldset#mailing-address legend, .form fieldset#employmentInfo legend, .form fieldset#additionalInfo legend, .form fieldset#generalInfo legend, .form fieldset#installedOptions legend, .form fieldset#rateYourVehicle legend, .form fieldset#locatorGeneralInfo legend, .form fieldset#serviceRequested legend {font-weight: bold; font-size: 1.0em; font-style: italic; color: #666;}
.form fieldset.module {border: 1px solid #2d2d2d; padding: 1em 0; background-color: #ddd;}
.form fieldset.module {margin-bottom: 1em;}
.form span.left{float: left;}
.form span.right{float: right;}
.form label{float: right; white-space: nowrap; margin: 0 1em 0.5em 0; color: #666;}
.form label#commentsBoxLabel {margin-right: 0;}
.form input{width: 11.6em;}
.form div.checkBoxContainer input {width: auto; position: relative; top: 3px;}
.form select{width: 12em;}
.form input, .form select, .form textarea {color: #2d2d2d;}
.form input#dayPhoneAreaCode, .form input#dayPhonePrefix, .form input#eveningPhoneAreaCode, .form input#eveningPhonePrefix, .form input#faxAreaCode, .form input#faxPrefix, .form input#cellPhoneAreaCode, .form input#cellPhonePrefix, .form input#employerPhoneAreaCode, .form input#employerPhonePrefix,
.form input#friend_dayPhoneAreaCode, .form input#friend_dayPhonePrefix, .form input#friend_eveningPhoneAreaCode, .form input#friend_eveningPhonePrefix, .form input#friend_faxAreaCode, .form input#friend_faxPrefix, .form input#friend_cellPhoneAreaCode, .form input#friend_cellPhonePrefix, .form input#friend_employerPhoneAreaCode, .form input#friend_employerPhonePrefix
{
	width: 3em;
} 
.form input#dayPhoneSuffix, .form input#eveningPhoneSuffix, .form input#faxSuffix, .form input#cellPhoneSuffix, .form input#employerPhoneSuffix,
.form input#friend_dayPhoneSuffix, .form input#friend_eveningPhoneSuffix, .form input#friend_faxSuffix, .form input#friend_cellPhoneSuffix, .form input#friend_employerPhoneSuffix
{
	width: 4em;
}
.form input#appointment_date {width: 9.7em;}
.form input#zip, .form input#employerZip {width: 5em;}
.form textarea {width: 100%;}
.form input.submit {width: auto; background-image: url('../gfx/tp_bg.gif'); border-top-color: #2d2d2d; border-bottom-color: #666; margin-bottom: 2px; z-index: 1000; background-color: #ff6; font-size: 1.1em; white-space: nowrap; font-weight: bold; font-style: italic; padding: 1px; background-repeat: repeat-x; color: #000; float: left;}
.form div#companyInfo {width: 150px; float: right; color: #2d2d2d; padding: 1.5em 0; text-align: left; margin-left: 1.5em;}
.form div#content {text-align: left;}
.form div#content p {font-size: 1.1em;}
.form div#content p#p1:first-letter {font-size: 300%; float: left;}
.form fieldset#correspondance label span.indent {display: block;}
.form div.requiredLegend {text-align: right; font-style: italic; padding: 0 0.75em 1em 0;}
.form fieldset.noBottomPadding {padding-bottom: 0;}
.form fieldset#correspondance ul {margin-top: 10px;}
.form fieldset#correspondance ul li {list-style: disc; margin-left: 3.0em;}
.form fieldset#employmentInfo, .form fieldset#additionalInfo {clear: both; margin-top: 0px; padding-top: 10px;}
.form fieldset#timeOnJob, .form fieldset#timeAtResidence, .form fieldset#locator_mileage, .form fieldset#locator_price {width: 314px; margin-bottom: 10px; margin-left: 3.0em; text-align: right; clear: right; background-color: #ddd; padding-top: 10px; border-top: 1px solid #2d2d2d;}
.form fieldset#timeOnJob span.right, .form fieldset#timeAtResidence span.right, .form fieldset#locator_mileage span.right, .form fieldset#locator_price span.right {display: inline; white-space: nowrap; text-align: right; padding-bottom: 10px;}/*width: 17.8em;*/
.form fieldset#timeOnJob label, .form fieldset#timeAtResidence label, .form fieldset#locator_mileage label, .form fieldset#locator_price label {float: none; padding-left: 0;}
.form fieldset#timeOnJob input, .form fieldset#timeAtResidence input {width: 2em;}
.form fieldset#additionalInfo input#ssn1, .form fieldset#additionalInfo input#ssn2, .form fieldset#additionalInfo input#birthMonth, .form fieldset#additionalInfo input#birthDay {width: 3em;}
.form fieldset#additionalInfo input#ssn3, .form fieldset#additionalInfo input#birthYear {width: 4em;}
.form form cite {display: block; clear: both; font-style: normal;}
/* =TODO: class below is too specific but is required for specificity - change */
.form form fieldset#additionalInfo p.note, form fieldset#generalInfo p.note, form fieldset#installedOptions p.note, form fieldset#rateYourVehicle p.note, form fieldset#vehicleOfInterest p.note, form fieldset#locatorGeneralInfo p.note, form fieldset#serviceInfo p.note {clear: both; padding: 1em 1em 0 1em; font-style: italic; color: #666;}
.form form fieldset#generalInfo p.note, form fieldset#installedOptions p.note, form fieldset#rateYourVehicle p.note, form fieldset#locatorGeneralInfo p.note, form fieldset#serviceInfo p.note {padding-bottom: 1em;}
.form form span.submitAnnotation {padding-left: 1em; position: relative; top: 0.5em;}
.form fieldset#correspondance div.instructions {clear: both; padding: 1em; font-style: italic; color: #666; font-size: 1.1em;}
.form fieldset#correspondance label#commentsBoxLabel {width: 96%; clear: both; text-align: left; padding-right: 14px;}
.form .alert {color: red;}
h1#inventoryTitle {font-size: 1.8em; padding: 0.3em 0.6em 0 0.6em; text-align: left;}
