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

#DealerDirectory { float: none; clear: both; padding: 10px 25px; }

#DealerDirectory h1 { font-weight: normal; font-size: 24px; margin: 10px 0 10px 0; color: #999; padding: 0; }
#DealerDirectory h2 { font-weight: normal; font-size: 16px; line-height: 16px; margin: 10px 0 5px 0; color: #900; padding: 0; }
#DealerDirectory label { font-weight: bold; color: #666; }

#DealerDirectory.Main #zip_locator { padding: 10px 30px; }

#StateList ul { list-style-type: none; margin: 0; padding: 0 20px; clear: both; float: none; }
#StateList ul li { float: left; padding: 0; margin: 0; width: 125px; height: 30px; }
#StateList ul li a { display: block; padding: 0 10px; margin: 0; line-height: 30px; color: #666; text-decoration: none; }
#StateList ul li a:hover { color: #900; background: url(/locator/img/button-bg.gif) right center no-repeat; }

#DealerMap { clear: both; float: none; }

#DealerDirectory .listing { background: #eee url(/locator/img/listing-bg.png) top repeat-x; height: 174px; width: 100%; position: relative; }

#DealerDirectory .uce { position: absolute; right: 165px; top: 45px; height: 47px; padding: 0; margin: 0; }

#DealerDirectory .listing div { height: 174px; width: 100%; }
#DealerDirectory .listing .right-side { background: url(/locator/img/listing-bg-right.png) top right no-repeat; }
#DealerDirectory .S .left-side, #DealerDirectory .E .left-side, #DealerDirectory .R .left-side  { background: url(/locator/img/listing-bg-left.png) top left no-repeat; }
#DealerDirectory .B .left-side { background: url(/locator/img/listing-bg-b.png) top left no-repeat; }

#DealerDirectory .B h2 { margin: 0; padding: 0; height: 14px; top: 45px; left: 100px; position: absolute; color: #c00; }
#DealerDirectory .B p.address { margin: 0; padding: 0; top: 70px; left: 100px; position: absolute; color: #333; }
#DealerDirectory .S h2, #DealerDirectory .E h2, #DealerDirectory .R h2 { margin: 0; padding: 0; height: 14px; top: 45px; left: 50px; position: absolute; color: #c00; }
#DealerDirectory .B h2 a, #DealerDirectory .S h2 a, #DealerDirectory .E h2 a, #DealerDirectory .R h2 a { color: #f00; text-decoration: underline; }
#DealerDirectory .S p.address, #DealerDirectory .E p.address, #DealerDirectory .R p.address { margin: 0; padding: 0; top: 70px; left: 50px; position: absolute; color: #333; }
#DealerDirectory .E h2 { padding-right: 90px; background: url(/locator/img/extended-line-marker.gif) right center no-repeat; }
#DealerDirectory .R h2 { padding-right: 88px; background: url(/locator/img/service-only-marker.gif) right center no-repeat; color: #666; }

#DealerDirectory .listing .distance { cursor: pointer; height: 60px; width: 85px; background: url(/locator/img/distance-alt-3.gif); color: #660; border: 1px solid #990; top: 45px; right: 50px; position: absolute; text-align:center; text-transform:uppercase; font-size: 12px; line-height: 20px; padding: 10px; }
#DealerDirectory .listing .distance .miles { font-size: 36px; font-weight: bold; line-height: 40px; height: auto; }

a.addr_link { color: #333; text-decoration: none; border-bottom: 1px dashed #999; }
a.addr_link:hover { color: #666; }