/* BODY */ body { background-image: url(/graphics/top/topbg_bborder.jpg); background-repeat: repeat-x; } body, p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color:#000000; margin:0; padding:0; } h2 { font-size: 1.3em; color: #000; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; margin:0 0 5px 0; padding-bottom:5px; border-bottom: 1px #000 solid; } p {margin-bottom:10px;} form input, form select { font-size: 12px; margin-top:4px; } /* top */ #top {height:89px; vertical-align: top; width: 1000px} #top img {border: 0;} #top a { float: left; } #top a.ad { margin: 15px auto auto 70px; } #topnav {font-size:1.2em; float:left; width:100%; height:23px; text-transform:uppercase; background:#e6e6e6 url(/graphics/top/nav_bg.jpg) no-repeat right; border:none; font-size:14px; font-weight:bold; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;} #topnav ul {margin:0; padding:0; list-style:none;} #topnav li {margin:0; padding:0; float:left; background:url(/graphics/top/nav_inactivebg.jpg) repeat-x;} #topnav a {display:block;} #topnav .home {background: url(/graphics/top/nav_left.jpg) no-repeat left top; width:19px; height:23px;} #topnav .homenextactive {background: url(/graphics/top/nav_homeactive.jpg) no-repeat left top; width:19px; height:23px;} #topnav .topnextactive a {background: url(/graphics/top/topinactivenextactive.jpg) no-repeat right top;} #topnav .topactive a, #topnav .topnextactive a, #topnav .topinactive a, #topnav .topactiveend a, #topnav .topinactiveend a {padding:5px 30px 5px 5px;} #topnav .topactive, #topnav .topactiveend {background:url(/graphics/top/topactivenextinactive.jpg) no-repeat top right;} #topnav .topactiveend a {background: url(/graphics/top/nav_activeendend.jpg) no-repeat top right;} #topnav .topactive a, #topnav .topactiveend a {color:#fff; text-decoration:none;} #topnav .topactive a:hover, #topnav .topactiveend a:hover { color:#ccc; text-decoration:none;} #topnav .topinactiveend a {background: url(/graphics/top/nav_inactiveend.jpg) no-repeat right top;} #topnav .topinactive a {color:#777; text-decoration:none; background:url(/graphics/top/topinactivenextinactive.jpg) no-repeat top right;} #topnav .topnextactive a, #topnav .topinactiveend a {color:#777; text-decoration:none;} #topnav .topinactive a:hover, #topnav .topnextactive a:hover, #topnav .topinactiveend a:hover {color:#333; text-decoration:none;} #topnav .topdate {font-size:0.8em; font-weight:normal; color:#666; text-transform:none; float:right; padding:3px 20px 0 0; display:inline;} .loggedintop { font-size:9px; color:#777777; line-height:10px; } /* leftnavarea */ #left01 { background-image: url(/graphics/nav/bg.jpg); text-indent:10px; line-height:24px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color:#000000; font-size:13px; font-weight:bold; } #left01 h1 { line-height:24px; font-size:13px; font-weight:bold; margin:0; padding:0; } .left01links {background: transparent; display: block; border-bottom: 1px solid #fff0b5; text-transform:uppercase;} a.left01links {background: transparent; display: block; color:#000000;} a.left01links:hover {background: #DA970F; display: block;} #leftnav { background: url(/graphics/nav/nav_box.jpg) no-repeat top left; padding-left:8px; line-height:18px; text-transform:uppercase; margin:0; } .lefthead { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color:#000000; font-size:14px; font-weight:bold; padding:5px; } #quicksearch {margin:0 5px; padding:0; text-align:left;} #keywords {color:#666; font-size:smaller;} ol#top10 {background: #eceaea; padding: 0 8px 6px 8px; font-size:0.9em; margin: 0;} ol#top10 li {list-style: none; padding: 0; margin: 0;} #top10head {background:url(/graphics/general/boxhead_black.gif); color:#fff; padding: 4px 8px; text-transform:uppercase; font-weight:bold;} #weather {text-align:center; margin-left: 15px; } #weather form {margin:0;} #leftnav h1 { line-height:18px; font-size:12px; font-weight:normal; margin:0; padding:0; } .leftform { background-image: url(/graphics/nav/bg.jpg); padding-left:10px; } .leftlinks { display: block;} a.leftlinks { display: block; color:#000000;} a.leftlinks:hover {background: #DA970F; display: block;} .loggedin {font-size:11px; line-height:11px; height:18px; padding-left:31px; padding-top:8px; background-image: url(/graphics/nav/loggedinbg.jpg); background-repeat: no-repeat; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color:#fff;} .loggedin a { color:#FFFFFF; } .loggedin a:hover { text-decoration:underline; color:#CCCCCC; } .loggedout {font-size:14px; font-weight:bold; height:23px; padding-left:10px; padding-top:3px; background-image: url(/graphics/nav/loggedoutbg.jpg); background-repeat: no-repeat; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color:#fff;} .loggedout a { color:#FFFFFF; } .loggedout a:hover { text-decoration:underline; color:#CCCCCC; } /* contentarea */ .mainarea { padding-left:11px; padding-right:15px; padding-top:12px; width: 614px; } .mainarea h1 { margin: 3px 0 1em 0; padding: 0; font-size: 22px; } .latest {background:#fff;} .latest h2 {font-size:1.2em; color:#666; margin-top:0; border:none; padding:5px 0 0 0;} .latest h3 {font-size:1em; color:#000; margin:4px 0;} .latest { border: 1px #ffcc33 solid; padding:9px; color: #000; font-size:12px; line-height:12px; clear:both; } .latest_date {color:#666; font-size:0.8em; margin:0;} #latestnews, #latestbusiness, #latestsport, #latestentertainment, .classifieds {width:23%; float:left;} #latestnews, #latestbusiness, #latestsport, #latestentertainment {padding-right:7px} .classifieds .last {padding-right:0;} #latestnews p, #latestbusiness p, #latestsport p, #latestentertainment p {margin-top:0;} #latestnews p a img, #latestbusiness p a img, #latestsport p a img, #latestentertainment p a img { display: none; } .tabs {font-size:1.2em; float:left; width:100%; line-height:normal;} .tabs ul {margin:0; padding:0; list-style:none;} .tabs li {margin:0; padding:0; float:left;} .tabs a {display:block;} .tabs .tabactive {background:#ffcc33 url("/graphics/general/tab_activeright.gif") no-repeat right top; padding:5px 30px 5px 10px;} .tabs .tabactiveend {background:#ffcc33 url("/graphics/general/tab_activeend.gif") no-repeat right top; padding:5px 30px 5px 5px;} .tabs .tabinactive {background:#ddd url("/graphics/general/tab_inactiveright.gif") no-repeat right top; padding:5px 30px 5px 5px;} .tabs .tabinactiveend {background:#ddd url("/graphics/general/tab_inactiveend.gif") no-repeat right top; padding:5px 30px 5px 5px;} .tabs .tabnextactive {background:#ddd url("/graphics/general/tab_nextactiveright.gif") no-repeat right top; padding:5px 30px 5px 5px;} .tabactive, .tabactiveend {font-weight:bold;} .tab_title {color:#333;} .tabactive .tab_subtitle {color:#fff;} .tabactiveend .tab_subtitle {color:#fff;} .tab_subtitle {color:#999;} .tab_subtitle a:hover {color:#666;} .price { font-weight:bold; color:#000; background-color:#ffcc00; padding:2px; width:155px; } .feature { background-color:#faeec0; padding:15px; font-size:11px; color:#333333; line-height:12px; } .pagetitle { font-size: 18px; color: #000; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; margin-bottom:10px; margin-top: 10px; padding-bottom:5px; border-bottom: 1px #ffcc00 solid; } h4 { font-size: 16px; color: #000; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; margin-bottom:10px; margin-top: 10px; padding-bottom:5px; border-bottom: 1px #ffcc00 solid; } .pagetitle a{ font-size: 18px; color: #000; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; margin-bottom:10px; margin-top:10px;} .subtitle { font-size: 16px; color: #fc0; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; margin-bottom:4px; margin-top:4px; } .subtitlenew { font-size: 16px; color: #000000; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; margin-bottom:4px; margin-top:4px; } .head01 {font-size: 16px; color: #000; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-transform:uppercase} h1.head01 {background:url(/graphics/general/icon_star.gif) left no-repeat; padding:6px 0 0 25px; height:21px; font-size: 16px; line-height:16px; color: #000; margin:0;} .highlight { font-size:11px; background-color:#faeec0; padding:2px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; } .highlight a { color:#c30; } .highlight a:hover { color:#000; background-color:#fc0; } .highlightbig { font-size:13px; width:80%; background-color:#ededed; padding-top:10px; padding-bottom:10px; padding-left:5px; padding-right:5px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; line-height:17px; } .highlightbig a { color:#c30; } .highlightbig a:hover { color:#000; } .red {color: #ff0000;} .help01 {background-image:url(/graphics/general/help01.gif); padding-top:6px; padding-right:4px; padding-bottom:4px; padding-left:4px; color:#666666; font-size:11px; line-height:13px; margin:0px;} .help01 strong {color:#000000; padding-left:18px;} .registerarea { border: 1px #fc0 solid; padding:5px; } .calculatorarea { border: 1px #ccc solid; background-color:#ededed; padding:10px; color:#555; width:248px; } .calculatorprice { background-color:#fc0; margin-left:5px; font-size:16px; color:#000; padding:4px; font-weight:bold; } .mentionus { font-family: Arial, Helvetica, sans-serif; font-weight:bold;color:#333333; font-size:12px; } .mentionus img { padding:3px; } /* searcharea */ .searcharea1 { border-bottom: 1px #bbb solid; border-left: 1px #bbb solid; border-right: 1px #bbb solid; padding-left:15px; padding-bottom:5px; background-color:#E5E5E5; color:#000000; } .searchareanew_index { background: url(/graphics/general/search_bg.gif) no-repeat top right; padding-top:10px; color:#000000;} .searchareanew { background: url(/graphics/general/search_bike_bg.gif) repeat-x; padding-top:10px; color:#000000;} .left_of_form { background: url(/graphics/general/search_bg_tl.gif) no-repeat; width: 12px;} .in_between_form { background: url(/graphics/general/search_inbetween_top.gif) no-repeat; width:40px;} .right_of_form { background: url(/graphics/general/search_bg_tr.gif) no-repeat; width: 12px;} .bottom_of_form {background: url(/graphics/general/search_bg_bottom.gif) repeat-x;} .searchareanew_index_bike { border: 0; background: url(/graphics/general/search_bike_bg.gif) repeat-x; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; color:#000000; } .advsearcharea { border: 0; font-size:10px; height:21px; background: url(/graphics/general/search_bg_bottom.gif) repeat-x; padding-top:14px; } .advsearcharea_2 { border: 0; font-size:10px; height:21px; padding-top:7px; } .advsearcharea a, .advsearcharea_2 a { color: #000; text-decoration:none; } .advsearcharea hover { color: #000; text-decoration:none; } .searchhighlight1 { background-color:#bbb; padding:2px; border:1px solid #bbb} .searchhighlight { background-color:#bbb; font-size:11px; color:#000000; padding:2px; border:1px solid #bbb} .searchhighlightnew { background-image: url(/graphics/general/linkbg.jpg); font-size:11px; color:#000000; padding:2px; border:1px solid #bbb} .searchhighlight a { color:#000000; } .searchhighlight a:hover { color:#555; } .resultstab01 { background-image:url(/graphics/general/viewtab01.gif); padding-left:15px; padding-top:2px; padding-bottom:2px; width:110px; height:18px; } .resultstab01 a { color:#000000; } .resultstab01 a:hover { } .resultstab02 { background-image:url(/graphics/general/viewtab02.gif); padding-left:15px; padding-top:2px; padding-bottom:2px; width:110px; height:18px; } .resultstab02 a { color:#000000; } .resultstab02 a:hover { } .resultsnav02 { color:#333; } .grid td { border-left: 1px solid #ccc; } .listingarea { padding:10px; } .listingoutline { border:1px solid #bbb; font-size:13px; line-height:11px; } .linkpanel {background-color:#FFCC00; padding:3px; color:#FAEEC0; font-size:11px; } .linkpanel a { color:#000; } .linkpanel a:hover { color:#000; text-decoration:underline; } .detailpanel { color:#000000; padding: 0px;} .detailpanel tr.odd { background-color:#eee; } .detailpanel td.spacer { background-color:#fff; width:100px;} .detailpanel td.label { width:100px; text-align: left;} .detailpanel a { color:#555; } .detailpanel a:hover { color:#000; } div.detailpanel div.detailscol { float:left; } div.detailpanel div.detailscol div.label { font-weight: bold; display: block; width: 50px;} div.detailpanel div.detailscol div.value { float: left; } /* DEALER */ .premiumpanel { background-color:#fff; font-size:13px; line-height:17px; color:#000; padding:5px; border:2px #fc0 solid; } .premiumpanel a { color:#c30; } .premiumpanel a:hover { color:#000; } .grey { color:#888;} /* ENTERDETAILS */ .enterdetailsarea { padding:10px; border:1px solid #ffcc00; } /* END */ #end { color:#999; text-align:left; font-size:10px; font-family: Arial, Helvetica, sans-serif; text-align:center; line-height:11px; clear:both; } #end a{ color: #999; text-decoration:none; } #end a:hover { color:#960; text-decoration:none;} .endsmall { font-size:9px; color:#bbb; line-height:10px; } /* LINES */ .line01 { border-bottom:1px #cccccc solid; margin-bottom:5px; margin-top:5px;} .line02 { border-bottom:1px #fff solid;} /* dynamic */ .textfield { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; line-height:12px; color:#999; margin:4px; } .button { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; line-height:12px; color:#333; margin:4px; } .menu { color:#000000; width:150px; } .menumedium { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; line-height:12px; color:#000000; margin:4px; width:100px; } .menusmall { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; line-height:12px; color:#000000; margin:4px; width:60px; } a { text-decoration: none; color: #c30; } a:hover { text-decoration: underline; color: #000; } .error { color: red!important; padding: 5px; } .message { color: blue!important; } hr.clear { clear: both; height: 1px; line-height: 1px; color: #ddd; border: none; border-top: 1px solid #ddd; } .clear { clear: both; display: block; overflow: hidden; width: 0; height: 0; } div.mainarea div.pagination { padding:0; margin:0; width: 100%; margin-bottom: 10px; padding-top: 10px; clear: left; } div.mainarea div.pagination img { border:none; } div.mainarea div.pagination div { float: left; text-align: center; } div.mainarea div.pagination div.prev { width: 30%; text-align: right; } div.mainarea div.pagination div.next { width: 30%; text-align: left; } div.mainarea div.pagination div.results_description { width: 35%; } div.mainarea div.searchResults { width: 270px; float: left; border-bottom: 1px #ddd solid; margin: 2px 10px; min-height: 20px; } div.mainarea div.searchResults div.link { width: 60%; float: left; } div.mainarea div.searchResults div.link a { font-weight: bold; } div.mainarea div.searchResults div.town { width: 40%; float: left; } h1.clickthrough_page { margin: 5px 0 10px 23px; padding: 0; font-size:18px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-transform:uppercase; } h1.clickthrough_page a { color: #000; } iframe { border: 0; width: 100%; height: 2000px; } div#googleSidebar iframe { height: 600px; } div#googleBanner { margin-left: 70px; padding-top: 50px; } div#googleBanner iframe { height: 70px; } .errors { color: red; } form#userPublication label,form#userPublication dt { font-weight: bold; } form#userPublication dt { float: left; clear: left; width: 200px; margin-top: 8px; } form#userPublication dd { padding: 5px 0; margin: 0; text-indent: 0; float: left; } form#userPublication input, form#userPublication select { width: 300px; } form#userPublication input.submit { width: auto; clear: left; margin-right: 100px; } form#userPublication textarea { width: 300px; height: 50px; } div#advancedSearch { width: 570px; height: 189px; padding: 10px 20px; background: url(/graphics/general/advancedsearch_bg.gif) top left no-repeat; } div#advancedSearch h1 { font-size: 24px; padding-top: 12px; } div#advancedSearch form div.formElement { width: 250px; float: left; } div#advancedSearch form div.formElement label { display: block; float: left; font-weight: bold; width: 80px; margin-top: 4px; } div#advancedSearch form div.formElement input, div#advancedSearch form div.formElement select { display: block; float: left; } p.feed_link a { font-weight: bold; } div.feed_description img { padding-right:15px; } div#ads { position: absolute; left: 814px; top: 120px; width: 200px; height:800px; } table#searchBoxes { padding: 0; margin: 0; } form#smallSearchBox { background: url(/graphics/general/small_search_box_bg.jpg) top left no-repeat; padding: 20px 35px 0 35px; margin-bottom: 8px; vertical-align: middle; height: 85px; } form#smallSearchBox select, form#smallSearchBox input { display: block; float: left; margin-right: 15px; margin-top: 15px; } form#smallSearchBox input { width: 140px; } form#smallSearchBox input.submit { margin-top: 14px; margin-right: 0; width: auto; } form#clickthroughSearchBox { background: url(/graphics/general/clickthrough_search_bg.gif) top left repeat-x; padding:0; margin:0; vertical-align: middle; height:40px; } /*form#clickthroughSearchBox { height:40px;}*/ form#clickthroughSearchBox span {float:left; padding-right:130px;} form#clickthroughSearchBox span img {border:none; margin: 6px 0 0 15px;} form#clickthroughSearchBox select, form#clickthroughSearchBox input { float:left; margin-right:15px; margin-top:9px; } form#clickthroughSearchBox input.submit { margin-top: 6px; } div.whatcar_image img { border: 0 }