body{background-image:url(images/bg_body.jpg); background-position:top center; background-color:#333; background-repeat:no-repeat; font-family:Arial; font-size:12px; margin:0; padding:0} #container{width:970px;margin:0 auto} #dealerinfo{width:940px;float:left} #dealerblurb{width:500px;float:left;margin-right:10px} #dealerblurb h2{margin:10px 0 5px} #dealerblurb p{margin:5px 0 5px 0} #dealerpromotion{width:430px;height:140px;display:block;float:left;margin-top:10px} #container{width:970px; margin:0px auto 0px auto} #header{width:970px; height:146px} #harleyLogo{background-image:url(images/hd_logo.jpg); width:180px; height:146px; float:left; text-indent:-10000px} #harleyLogo p{margin:0; padding:0} #harleyLogo h1{margin:0; padding:17px 0 0 0; height:110px} #dealerLogo{background-image:url(images/hd_header.png); width:590px; height:125px; float:left} #phoneNo{background-image:url(images/hd_buell.jpg); width:200px; height:125px; float:left; margin-top:10px} #contentIE6{width:940px;padding:10px; background-image:url(images/bg_content.jpg); background-color:#999; background-repeat:no-repeat; margin:0 auto 0 auto; min-height:300px; height:auto !important; height:300px} #content{width:940px; padding:10px; background-image:url(images/bg_content.jpg); background-color:#999; background-repeat:no-repeat; margin:0 auto 0 auto; min-height:300px; height:auto !important; height:300px; overflow:hidden} #footer{width:960px; background-color:#1d1d1d; margin:0 auto 10px auto;min-height:100px; font-size:10px; color:#999} #footerLinks{padding:8px 8px 0px 4px; width:948px; height:23px; margin-top:3px; background-image:url(images/bg_footer.jpg); text-align:right; color:#999; vertical-align:middle} #footer a.hduk{width:160px; height:18px; float:left; display:block} #footer a{color:#999; text-decoration:none} #footer a:hover{color:#fff} #footer h1{padding:0; margin:0; color:#777; font-size:14px} #contentAreaT2 a img, #contentAreaT1 a img, #contentAreaT2IE6 a img, #contentAreaT1IE6 a img{ border:none} #flash{ width:940px; height:240px; background:black; display:block; z-index:0} #compile{ float:left; padding:10px 0px 0px 10px; width:590px; height:142px} a{ color:Black; text-decoration:none; font-weight:bold} a:hover{ color:#666} #adverts{ width:285px; height:114px; padding-left:10px; float:left} #advert1{ width:285px; height:53px; display:block; margin-bottom:8px; background:url(images/bg_homeButtons.jpg)} #advert1 a, #advert1 img{ display:block; border:none} #advert1 p{ margin:0; padding:0; line-height:0} #advert2 a, #advert2 img{ display:block; border:none} #advert2 p{ margin:0; padding:0; line-height:0} #advert2{ width:285px; height:53px; display:block; background:url(images/bg_homeButtons.jpg)} #financeoffer1{ width:940px; height:300px; background:url(/css/images/offer1bg.jpg); margin-bottom:10px} .financeofferenquiry{float:left; width:161px; margin:65px 0 0 18px} .financeofferenquiry a{background:url(/css/images/bttn_makeenquiry.gif) no-repeat; width:161px; height:11px; display:block} .financeofferenquiry a:hover{background-position:0 -11px} #financetext1{float:right; width:280px} .financeoffer1column{ width:140px; float:left} #financeoffer1 p{ padding:0; margin:0; color:#fff} #financeoffer1 h3{ padding:18px 0 0 0; margin:0; color:#fff} #financeoffer1footer{ width:260px; clear:both; padding-top:28px; text-align:center} #financeoffer1footer p{ padding:0; margin:0; color:#2c2c2c} #financeoffer1footer h3{ padding:2px 0 0 0; margin:0; color:#2c2c2c} #financeoffer2{ width:940px; height:300px; background:url(/css/images/offer2bg.jpg); margin-bottom:10px} .financeoffer2column{ width:135px; float:left} #financetext2{float:right; width:280px} #financeoffer2 p{ padding:0; margin:0; color:#fff} #financeoffer2 h3{ padding:18px 0 0 0; margin:0; color:#fff} #financeoffer2footer{ width:260px; clear:both; padding-top:28px; text-align:center} #financeoffer2footer p{ padding:0; margin:0; color:#2c2c2c} #financeoffer2footer h3{ padding:2px 0 0 0; margin:0; color:#2c2c2c} #financeoffer3{ width:940px; height:300px; background:url(/css/images/offer3bg.jpg)} .financeoffer3column{ width:135px; float:left} #financetext3{float:right; width:280px} #financeoffer3 p{ padding:0; margin:0; color:#fff} #financeoffer3 h3{ padding:18px 0 0 0; margin:0; color:#fff} #financeoffer3footer{ width:260px; clear:both; padding-top:28px; text-align:center} #financeoffer3footer p{ padding:0; margin:0; color:#2c2c2c} #financeoffer3footer h3{ padding:2px 0 0 0; margin:0; color:#2c2c2c} #news{ padding:29px 10px 10px 10px; width:275px; height:75px; font-size:10px; background:url(images/bg_news.jpg); float:left} #bottom{ width:940px; height:113px; display:block; background-image:url(images/bg_bottom.jpg); margin-top:10px; float:left} #bottom a img{display:block !important; float:left !important} #heading{ width:100%; border-bottom:2px solid #333; margin:0 0 10px 0px; padding:0 0 3px 0px; text-transform:uppercase} #breadcrumb{ width:930px; font-size:10px; font-weight:bold; height:12px; color:#ccc; border:1px solid #333; padding:4px; margin-bottom:6px; background:#666} #breadcrumb a{ color:#ccc; text-decoration:none} #breadcrumb a:hover{ color:#333} #breadcrumb ul{ margin:0; list-style-type:none} #bcrumbMacro{ float:left} #textcrumb{ width:155px; float:left} #breadcrumb li{ width:auto; position:relative; float:left; padding-right:10px; padding-left:16px; background-image:url(images/breadcrumb.gif); background-repeat:no-repeat; background-position:0px 3px} #imageArea{ width:940px; height:150px; display:block; margin-bottom:10px} #imageArea img{ border:none} #contentAreaT2{ float:left; width:720px; padding-right:10px; min-height:200px; height:auto !important; height:200px; overflow:hidden} #contentAreaT2IE6{ float:left; width:720px; padding-right:10px; min-height:200px; height:auto !important; height:200px} #contentAreaT1{ float:left; width:940px; min-height:200px; height:auto !important; height:200px; overflow:hidden} #contentAreaT1IE6{ float:left; width:940px; min-height:200px; height:auto !important; height:200px} .mceContentBody{ width:940px} #navArea a img{ border:none} #navArea{ width:208px; border:1px solid #f58220; background-color:#666; float:right} #navArea a{ color:#f58220; font-weight:normal; font-size:14px} #navArea a:hover{ color:white; font-weight:normal} #navArea li{ margin-left:-30px; list-style:none; background-image:url(images/button_bg.jpg); background-position:right top; background-repeat:no-repeat; padding:5px 0px; width:190px} .formBg{ width:100%; background-color:#666; border:1px solid #f58220} table.team img{border:2px solid #f58220} table.team td{padding-bottom:10px} .openTimes{ width:938px; float:left; background-color:#666; border:1px solid #f58220; margin-bottom:10px; color:#999} .openTimes strong{ color:White} .table td{padding:0; height:12px; line-height:12px} .pikachoose{width:395px; margin:0 auto 0px auto; overflow:hidden} .pikachoose ul{padding-left:0px; width:395px; margin:7px auto 0 auto; overflow:hidden; text-align:center} .pikachoose ul li{float:left; border:2px solid #f58220; background:#000; margin:0 9px 5px 0; position:relative; overflow:hidden} .pikachoose ul li div img{position:relative; cursor:pointer; display:block} .pika_main{width:395px; height:300px; display:block; position:relative} .pika_main_img{position:absolute; top:0px; left:0px; width:395px; height:300px} .pika_back_img{position:relative; top:0px; width:395px; height:300px} .pika_subdiv{position:relative} .pika_subdiv img, .pika_subdiv a img{border:none; display:block} .pika_play{position:absolute; z-index:1; left:50%; margin-left:-25px; width:50px; top:5px} .pika_play a.pika_play_button{position:relative; margin-left:auto; cursor:pointer; display:block; width:50px; height:50px; background:url('/css/images/play.png') top center no-repeat} .pika_play a.pika_stop_button{position:relative; margin-left:auto; cursor:pointer; display:block; width:50px; height:50px; background:url('/css/images/pause.png') top center no-repeat} .pika_navigation a{text-decoration:none; cursor:pointer} .pika_navigation a:hover{text-decoration:underline} .pika_navigation{padding-top:5px; clear:both; text-align:center; font-family:arial; font-size:10px} .pika_prev_hover{position:absolute; top:120px; left:5px; height:50px; width:100px; background:url('/css/images/rewind.png') top left no-repeat} .pika_next_hover{position:absolute; top:120px; right:5px; height:50px; width:100px; background:url('/css/images/fastf.png') top right no-repeat} /* Gallerific-2 */ div.content{display:none; float:right; width:550px; padding-right:20px} div.content a, div.navigation a{text-decoration:none; color:#333} div.content a:hover, div.navigation a:hover{color:#f58220} div.content a:focus, div.content a:hover, div.content a:active{text-decoration:underline} div.controls{margin-top:5px; height:23px} div.controls a{padding:5px} div.ss-controls{float:left} div.nav-controls{float:right} div.slideshow-container{position:relative; clear:both; height:502px} div.loader{position:absolute; top:0; left:0; background-image:url('loader.gif'); background-repeat:no-repeat; background-position:center; width:550px; height:502px} div.slideshow{} div.slideshow span.image-wrapper{display:block; position:absolute; top:0; left:0} div.slideshow a.advance-link{display:block; width:600px; height:502px; line-height:502px; text-align:left} div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited{text-decoration:none} div.slideshow img{vertical-align:middle; border:1px solid #ccc} div.download{float:right} div.caption-container{position:relative; clear:left; height:75px} span.image-caption{display:block; position:absolute; width:550px; top:0; left:0} div.caption{padding:12px} div.image-title{font-weight:bold; font-size:1.4em} div.image-desc{line-height:1.3em; padding-top:12px} div.navigation{ padding-left:30px; padding-top:50px} ul.thumbs{clear:both; margin:0; padding:0} ul.thumbs li{float:left; padding:0; margin:5px 10px 5px 0; list-style:none} a.thumb{padding:2px; display:block; border:1px solid #ccc} ul.thumbs li.selected a.thumb{background:#000} a.thumb:focus{outline:none} ul.thumbs img{border:none; display:block} div.pagination{clear:both} div.navigation div.top{margin-bottom:12px; height:11px} div.navigation div.bottom{margin-top:12px} div.pagination a, div.pagination span.current, div.pagination span.ellipsis{display:block; float:left; margin-right:2px; padding:4px 7px 2px 7px; border:1px solid #ccc} div.pagination a:hover{background-color:#eee; text-decoration:none} div.pagination a{background-color:#999; text-decoration:none} div.pagination span.current{font-weight:bold; background-color:#000; border-color:#000; color:#fff} div.pagination span.ellipsis{border:none; padding:5px 0 3px 2px} /* Navigation */ #navigation{width:970px;height:44px;background-color:#000} #nav li a.navhome{width:31px;height:44px;background:url(images/bttn_nav_01.jpg)} #nav li a.navnew{width:77px;height:44px;background:url(images/bttn_nav_02.jpg)} #nav li a.navused{width:82px;height:44px;background:url(images/bttn_nav_03.jpg)} #nav li a.navapp{width:162px;height:44px;background:url(images/bttn_nav_04.jpg)} #nav li a.navservice{width:74px;height:44px;background:url(images/bttn_nav_05.jpg)} #nav li a.navfinance{width:133px;height:44px;background:url(images/bttn_nav_06.jpg)} #nav li a.navgallery{width:64px;height:44px;background:url(images/bttn_nav_07.jpg)} #nav li a.navabout{width:69px;height:44px;background:url(images/bttn_nav_08.jpg)} #nav li a.navnews{width:110px;height:44px;background:url(images/bttn_nav_09.jpg)} #nav li a.navhog{width:53px;height:44px;background:url(images/bttn_nav_10.jpg)} #nav li a.navcontact{width:115px;height:44px;background:url(images/bttn_nav_11.jpg)} #nav{list-style:none;height:44px;position:relative;z-index:2;font-family:arial, verdana, sans-serif;width:970px;margin:0;padding:0} #nav li.top{display:block;float:left} #nav li a{display:block;float:left;text-decoration:none;cursor:pointer;padding:0} #nav li a b{margin-left:-999px} #nav li:hover a,#nav a:hover{background-position:0 44px} #nav table{position:absolute;top:0;left:0;border-collapse:collapse;width:0;height:0;margin:-1px;padding:0} #nav .sub{position:absolute;left:-9999px;top:-9999px;width:0;height:0;list-style:none;margin:0;padding:0} #nav li:hover{position:relative;z-index:200} #nav a:hover{position:relative;white-space:normal;z-index:200} #nav :hover ul.sub{left:0;top:44px;width:140px;height:auto;z-index:300} #nav :hover ul.sub li{display:block;position:relative;float:left;width:140px;font:bold 12px Arial, Helvetica, sans-serif;background:#565656;color:#959595;text-decoration:none;border-bottom:1px solid #000;border-right:1px solid #000;border-left:1px solid #000} #nav :hover ul.sub li a{display:block;width:120px;text-decoration:none;cursor:pointer;background:#565656;color:#959595;padding:7px 10px} #nav :hover ul.sub li a:hover{background-image:url(images/bg_rollover.jpg);color:#f58220;position:relative} /* New Bikes */ #outerframe{ width:805px; height:555px; position:relative; overflow:hidden; margin-left:48px; margin-top:57px} #innerframe{ position:absolute; width:985px; height:630px; top:-85px; left:-160px} #newBikebuttons{ width:100%; background-color:#666; border:1px solid #f58220; text-align:center} #newBikebuttons img{ border:none} #frameset{ width:900px; height:660px; background:url(/css/images/iframebg.jpg) no-repeat top; margin-left:auto; margin-right:auto; overflow:hidden} #newBikeHead{ width:940px; height:325px; display:block; margin-bottom:5px} #newBikeHead a, #newBikeHead p, #newBikeHead img{ border:none; margin:0; padding:0; display:block} #panel{ width:940px; height:130px; display:block} #panel1{ float:left; width:310px; height:130px; display:block} #panel1 a, #panel1 p, #panel1 img{ border:none; margin:0; padding:0; display:block} #panel2{ float:left; width:310px; height:130px; display:block; padding-left:5px} #panel2 a, #panel2 p, #panel2 img{ border:none; margin:0; padding:0; display:block} #panel3{ float:left; width:310px; height:130px; display:block; padding-left:5px} #panel3 a, #panel3 p, #panel3 img{ border:none; margin:0; padding:0; display:block} /* News */ #newsItem li{margin-left:-35px} .newsHead{ background:#333; border:1px solid #f58220; width:930px; font-size:14px; color:#f58220; padding:4px} .newsHead a{ color:white; width:100%} .newsHead a:hover{ color:#f58220} .published{ text-align:right; float:right} .heading{ text-align:left; float:left} .click{padding-top:3px; padding-bottom:25px} #line{ height:1px; line-height:1px; width:100%; background-color:#f58220} #newsArea{ float:left; width:940px; min-height:200px; height:auto !important; height:200px} #newsBarrier{position:relative; width:275px; height:75px; overflow:hidden} #newsBarrier ul li{list-style:none; margin-left:-40px} marquee ul li{list-style:none; margin-left:-40px} .paging{ padding:5px; color:White; background-color:#333; margin:0 3px; border:1px solid #f58220} .selectedX{ padding:5px; color:White; background-color:#333; border:1px solid #f58220} .selectedX a{ color:White} .paging a{ color:White} #news a:hover{color:white} .thumbnail {width:85px;height:60px;float:left;padding:5px;} .thumbnail img {width:85px;height:60px;display:block;} /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */