/*----------------------------------------------------------
IE6-specific CSS file for AcmeAutoSales.net
----------------------------------------------------------*/

/* Due to IE's miscalculation of percentages, overflow:auto invokes
scrollbars. But thanks to its expansion of elements we don't need
special float clearing anyway. */
* html #main-content { overflow: visible; }

/* =Primary Nav */
* html #prime-nav ul { bottom: -2px; }
* html #prime-nav li.sfhover { background: transparent url(images/tab-over-right.png) right top no-repeat; }
* html #prime-nav li.sfhover a { background: transparent url(images/tab-over-left.png) left top no-repeat; }
* html body.forsale li#nav-forsale.sfhover,
* html body.upcoming li#nav-upcoming.sfhover,
* html body.finance li#nav-finance.sfhover,
* html body.about li#nav-about.sfhover,
* html body.direct li#nav-direct.sfhover,
* html body.home li#nav-home,
* html li.highlight { background-image: url(images/tab-on-right.png); }
* html body.forsale li#nav-forsale.sfhover a,
* html body.upcoming li#nav-upcoming.sfhover a,
* html body.finance li#nav-finance.sfhover a,
* html body.about li#nav-about.sfhover a,
* html body.direct li#nav-direct.sfhover a,
* html body.home li#nav-home.sfhover a,
* html li.sfhover a { background-image: url(images/tab-on-left.png); }

/* IE6 draws dashed borders instead of dotted, so we'll make them
solid instead. */
* html a:visited { border-bottom-style: solid; }
* html table#search-results { border-bottom-style: solid; }
* html table#search-results tbody td, table#search-results tbody th { border-top-style: solid; }

/* IE6 requires a bit more specificty for link styles */
* html #branding h1 a:link,
* html #branding h1 a:visited,
* html #branding h1 a:hover,
* html #branding h4 a:link,
* html #branding h4 a:visited,
* html #branding h4 a:hover { border-bottom: none; }

/* IE6 has difficulty calculating percentage margins and padding
on floated blocks. Giving it a fixed unit prevents weird jumping
at the expense of fluidity. */
* html #main-content { padding: 0 20px 3em; }
* html #main-col { margin-right: 30px; }
* html #extra-col { padding: 0 15px; }

/* This rule is ignored unless restated, I know not why. */
* html #extra-col.pictures { float: right; width: 320px; padding: 0 10px; }

/* Strange collision of margin and padding when the links are
hovered. Negative margin-bottom counteracts it. */
* html #extra-col.votw li.hlisting img { margin-bottom: -1em; }

/* IE6 doesn't support min-height, but expands boxes around content
so height acts as min-height. */
* html #branding { height: 125px; }
* html #extra-col { height: 320px; }
* html div.person { height: 240px; }
* html #meta { height: 60px; }

/* Same for min-width. */
* html #vehicle-search { width: 550px; }

/* IE6 doesn't support alpha-transparent PNGs. */
* html { background-image: url(images/bgcolor.png); } /* better color-matching */
* html #branding { background-color: transparent; background-image: url(images/ie-head-bg.png); }
* html #main-logo { background-image: url(images/ie-main-logo.png); }
* html #vehicle-search { background-image: url(images/ie-search-bg.png); }
* html #extra-col { background-image: url(images/ie-light-stripe-bg.png); }
* html #meta { background-image: url(images/ie-foot-bg.png); }