/* CSS Doc for Avondale */ * { margin: 0; padding: 0; } body { font-family: Verdana, Arial, Helvetica, sans-serif; background: url(../images/body-bg.jpg) center top no-repeat #ffffff; } img { border: none; } #wrapper { width: 992px; height: auto; margin: 0 auto; position: relative; } #header { width: 992px; height: 380px; float: left; background: url(../images/imtran/header-bg.jpg) center top no-repeat; } #imtran { width: 992px; height: 265px; float: left; margin: 65px 0 0 0; } #slider1 { width: 992px; /* important to be same as image width */ height: 256px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ margin: 0; padding: 0; } #slider1Content { width: 992px; height: 265px; position: absolute; top: 0; left: 0; list-style: none; } .slider1Image { float: left; position: relative; display: none; } .slider1Image span { position: absolute; height: 60px; width: 776px; background: url(../images/slider1Image-span-bg.png) center top no-repeat; color: #fff; display: none; } .clear { clear: both; } .top { top: 0; left: 0; display: none; visibility: hidden; } #topnav { width: 962px; height: 50px; float: left; background: url(../images/nav/bg.jpg) center top no-repeat; margin-left: 15px; } .vbm { display: block; margin: 0px auto; width: 270px; height: 35px; } #main { width: 992px; height: auto; float: left; background: #666666; padding-bottom: 15px; } #leftcol { width: 700px; height: auto; float: left; } #rightcol { width: 292px; height: auto; float: right; } #footer { width: 992px; height: 100px; float: left; } #footer ul { list-style: none; margin-top: 15px; float: left; width: 650px; } #footer li { float: left; height: 12px; border-right: 1px solid #333333; } #footer li.end { border: none; } #footer li a { text-decoration: none; display: block; color: #222222; height: 12px; line-height: 12px; margin: 0 7px; font-size: 11px; } #footer li a:hover { text-decoration: none; color: #666666; } #ukw { color: #999999; font-size: 11px; float: right; margin-top: -15px; } #ukw a { color: #cccccc; text-decoration: none; cursor: pointer; color: #666666; height: 12px; line-height: 12px; } #ukw a:hover { color: #ffffff; text-decoration: none; color: #333333; } #footlogos { margin: 20px 0 0 150px; } #spinner { position: absolute; top: 140px; right: 20px; } /* Fancy Menu */ #lavaLampVariableImage { position: relative; width: auto; overflow: hidden; height: 50px; list-style: none; padding: 0; margin: 0 0 0 30px; } #lavaLampVariableImage li { float: left; display:inline; list-style: none; } #lavaLampVariableImage li.backLava { width: 0; z-index: 5; position: absolute; } #lavaLampVariableImage li.backLava .leftLava { background: url(../images/nav/slider-bg.gif) bottom center no-repeat; height: 47px; margin-right:0; z-index: 5; border-bottom: 3px solid #ffffff; } #lavaLampVariableImage li.backLava .cornerLava { height: 0; width: 0; position: absolute; bottom: 0; right: 0; display: none; visibility: hidden; } #lavaLampVariableImage li.backLava .bottomLava { height: 0; width:0; position: absolute; bottom: 0; left: 0; display: none; visibility: hidden; } #lavaLampVariableImage li a { font-size: 12px; color: #ffffff; outline: none; text-align: center; z-index: 10; display: block; float: left; position: relative; height: 50px; line-height: 50px; margin: 0; text-decoration: none; cursor: pointer; padding:0 20px; background: url(../images/shim.gif) center top repeat; } #lavaLampVariableImage li a:hover, #lavaLampVariableImage li a:active, #lavaLampVariableImage li a:visited { border: none; } #HP-leftcol { float: left; width: 476px; height: 502px; background: url(../images/hp-leftcol-bg.jpg) center top no-repeat; margin: 10px 0 0 15px; } #HP-rightcol { float: right; width: 476px; height: 502px; margin: 10px 15px 0 0; } #HP-vehiclesearch { float: left; width: 476px; height: 118px; background: url(../images/hp-vehiclesearch-bg.jpg) center top no-repeat; } #HP-browsebytype { float: left; width: 476px; height: 118px; background: url(../images/hp-browsebytype-bg.jpg) center top no-repeat; margin-top: 10px; } #HP-browsebytype ul { float: left; list-style: none; height: 67px; margin-top: 10px; } #HP-browsebytype ul li { float: left; } #HP-browsebytype ul li a { display: block; float: left; width: 80px; height: 67px; background: #333333; text-indent: -9999px; overflow: hidden; } #HP-browsebytype ul li a:active { border: none; } #HP-browsebytype ul li.sml a{ background: url(../images/browsethumbs/small.jpg) center top no-repeat; } #HP-browsebytype ul li.fam a{ background: url(../images/browsethumbs/family.jpg) center top no-repeat; } #HP-browsebytype ul li.mpv a{ background: url(../images/browsethumbs/mpv.jpg) center top no-repeat; } #HP-browsebytype ul li.fbf a{ background: url(../images/browsethumbs/4x4.jpg) center top no-repeat; } #HP-browsebytype ul li.spo a{ background: url(../images/browsethumbs/sport.jpg) center top no-repeat; } #HP-browsebytype ul li.van a{ background: url(../images/browsethumbs/van.jpg) center top no-repeat; width: 76px; } #HP-browsebytype ul li a:hover { background-position: bottom; } #HP-scrollingstock { float: left; width: 476px; height: 118px; background: url(../images/hp-scrollingstock-bg.jpg) center top no-repeat; margin-top: 10px; } #HP-specialoffers { float: left; width: 476px; height: 118px; background: url(../images/hp-specialoffers-bg.jpg) center top no-repeat; margin-top: 10px; } h1 { font-size: 18px; color: #333333; margin: 25px 20px 15px 20px; font-weight: normal; } #HOM h1 { margin-top: 35px; } h1 em { font-size: 12px; color: #666666; font-weight: bold; } p.normP { font-size: 11px; color: #333333; margin: 10px 20px; text-align: justify; } #HP-addy { width: 396px; height: 247px; margin: 0 auto; background: url(../images/hp-addy-box.jpg) center top no-repeat; overflow: hidden; } #HP-addy p { font-size: 11px; margin: 20px 0 0 155px; } #HP-addy p span { font-size: 14px; font-weight: bold; } #HP-rightcol h3 { font-size: 15px; height: 20px; line-height: 20px; text-indent: 13px; font-weight: normal; color: #ffffff; margin-top: 8px; } #maincontent { width: 962px; height: auto; float: left; margin: 10px 15px; } #maincontent-top { width: 962px; height: 10px; background: url(../images/maincontent-top.jpg) center bottom no-repeat; float: left; } #maincontent-mid { width: 962px; height: auto; background: url(../images/maincontent-mid.jpg) center bottom repeat-y; float: left; } #maincontent-bot { width: 962px; height: 10px; background: url(../images/maincontent-bot.jpg) center top no-repeat; float: left; } div#map { width: 440px; height: 280px; margin-left: 20px; float: left; } div#map iframe { width: 440px; height: 280px; } #hourswrap { float: right; width: 440px; margin-right: 20px; } a#homelink { width: 962px; height: 65px; position: absolute; top: 0; left: 15px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/shim.gif); } p#footaddy { float: left; margin: 5px 10px; font-size: 11px; }