/*
   Styles for Goldfields Toyota splash page
*/

#welcome { color: #181a21; background: #ffffff url(../images/layout/bg-content.gif) bottom right no-repeat; padding: 340px 130px 5px 500px; height: 175px; margin: 0 0 80px 0; }
#welcome h2 { font-size: 1.2em; color: #181a21; font-family: AltonaSans, Altona Sans, Arial, sans-serif; margin-top: 0; height: 0; padding-top: 25px; overflow: hidden; background: #ffffff url(../images/splash/welcome.gif) top left no-repeat; margin-bottom: 0.25em; }
#welcome p { margin-top: 0; }

#feature { position: absolute; top: 154px; left: 0; height: 310px; width: 960px; border-bottom: 9px solid #0a141e; margin: 0; padding: 0; }
#feature img { float: left; }

#specials { position: absolute; top: 449px; left: 0; width: 481px; height: 140px; background: url(../images/splash/keyline.gif) bottom right no-repeat; margin: 0; padding: 0 0 20px 0; }
#specials h2 { font-size: 1.2em; color: #181a21; font-family: AltonaSans, Altona Sans, Arial, sans-serif; margin: 0 0 10px 0; padding: 0; height: 39px; width: 220px; }

#specials h2 a { margin-top: 0; height: 39px; width: 0; padding-left: 220px; overflow: hidden; background: url(../images/splash/specials.gif) top left no-repeat; display: block; white-space: nowrap; }
#specials h2 a:hover { background-position: bottom left; }

.special { width: 220px; margin-left: 10px; float: left; }
.special img { width: 80px; float: left; margin-left: 0; margin-right: 10px; margin-top: 0; margin-bottom: 10px; padding: 3px; border: 1px solid #999999; }
.special p { margin-top: 8px; margin-bottom: 0; }
.special p.price { margin-top: 0; font-weight: bold; }

#grabbers { padding: 0; margin: 0; list-style: none; height: 119px; position: absolute; top: 620px; left: 0; }
#grabbers li { list-style: none; padding: 0; margin: 0; float: left; width: 233px; margin-left: 9px; }

#grabbers a { display: block; height: 119px; width: 0px; padding-left: 233px; padding-right: 0; padding-top: 0; padding-bottom: 0; overflow: hidden; background-position: top left; background-repeat: no-repeat; white-space: nowrap; }
#grabbers a:active { background-position: bottom left; }

#grabbers li#grab-new { margin: 0; }

#grabbers li#grab-new a { background-image: url(../images/splash/new.jpg); }
#grabbers li#grab-used a { background-image: url(../images/splash/used.jpg); }
#grabbers li#grab-service a { background-image: url(../images/splash/service.jpg); }
#grabbers li#grab-parts a { background-image: url(../images/splash/parts.jpg); }



@media print {
  #welcome { color: #000000; background: #ffffff; padding: 2em; height: auto; margin: 0; }
  #welcome h2 { color: #000000; background: #ffffff; height: auto; padding: 0; }
  #feature { position: static; height: auto; width: auto; border: 1px solid #000000; }
  #specials { position: static; height: auto; width: auto; color: #000000; background: #ffffff; padding: 0; }
  #specials h2 { color: #000000; background: #ffffff; height: auto; width: auto; padding: 0; }
  #specials h2 a { color: #000000; background: #ffffff; height: auto; width: auto; padding: 0; text-decoration: none; }
  .special { width: auto; float: none; clear: both; }
  #grabbers { position: static; height: auto; width: auto; margin: 1em; }
  #grabbers li { float: none; height: auto; width: auto; }
  #grabbers a { height: auto; width: auto; color: #000000; background: #ffffff; padding: 0; margin-left: 0; }
  #footer { clear: both; }
}