body { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#333333; margin:0px; padding:0px; background:url(../images/generic/main_bg.gif) repeat #d3d1af; } /* HEADERS and PARAGRAPHS */ p,h1,h2,h3,pre { margin:0; padding:0 0 12px 0; } h1 { color:#006699; padding:0; font-size:17px; line-height:19px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px; } h2 { color:#006699; font-size:16px; line-height:17px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px; } h3 { color:#006699; font-size:12px; line-height:16px; font-weight:bold; } #home p { padding:8px 0 0 0; } /* to decrease the padding around paragraphs just for the homepage */ #home { font-size:11px } /* EXTRAs */ blockquote { margin:0; padding:0 0 12px 20px; } div.clear { clear:both } /* used to fix float issues */ div.pagination { float:right; margin-top:20px; height:32px; background:url(../images/generic/pagination_left.gif) top left no-repeat; } div.pagination div { background:url(../images/generic/pagination_right.gif) top right no-repeat; padding:6px 10px; } .infoText { font-size:11px; color:#888888; text-align:center; margin-top:4px; } .conditions { font-size:11px; color:#888888; text-align:left; margin-top:10px; } td.subheaderCell { width:160px; background-color:#ebebeb; font-size:11px; font-weight:bold; text-align:right; } td.contentCell { background-color:#f4f4f4; font-size:11px; } .required { color:#006699 !important; } .disclaimer { font-size:11px; line-height:15px; color:#888888; } div.error { border:1px solid #CC0000; background:#ffeeee; padding:5px 10px; margin-bottom:10px; color:#CC0000; font-weight:normal; text-align:center; } div.success { border:1px solid #006600; background:#d9f3d7; padding:5px 10px; margin-bottom:10px; color:#006600; font-weight:normal; text-align:center; } img { border:0; } /* POPUP DIVS AND FORMS */ div.galleryPop { Z-INDEX: 400; POSITION: absolute; } div.galleryPop div.shadow { z-index:500; position: absolute; top:5px; left:5px; margin:0; padding:0; background:#000000; filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5; } div.galleryPop div.shadow div.hidethis { visibility:hidden; position: relative; padding:20px 20px 15px 20px; border:1px solid #cccccc; background:#ffffff; text-align:center; font-size:11px; } div.galleryPop div.shadow div.hidethis div.close { margin-top:15px; text-align:center; } div.galleryPop div.solid { z-index:600; position: absolute; padding:20px 20px 15px 20px; border:1px solid #999999; background:#ffffff; font-size:11px; } div.galleryPop div.solid div.close { margin-top:15px; text-align:center; } div.enquiryForm { width:500px; height:410px; overflow:hidden; } div.testdriveForm { width:500px; height:505px; overflow:hidden; } div.tradeupForm { width:500px; height:530px; overflow:hidden; } div.emailFriendForm { width:500px;height:285px; overflow:hidden; } iframe.enquiryFrame { width:542px; height:452px; } /*42px extra to account for padding and border */ iframe.testdriveFrame { width:542px; height:547px; } iframe.tradeupFrame { width:542px; height:572px; } iframe.emailFriendFrame { width:500px; height:285px; } div.formPop div.solid { z-index:600; position: absolute; padding:20px 20px 20px 20px; margin:0; border:1px solid #85a4bb; background:#daecf6; font-size:11px; } div.formPop div.shadow { z-index:500; position: absolute; top:6px; left:6px; padding:20px 20px 20px 20px; margin:0; background:#000000; filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5; } div.formPop td.subheaderCell { background-color:#f4f9fc; } div.formPop td.contentCell { background-color:#e9f4fa; } div.formPop { line-height:16px; } div.formPop h1 { font-size:18px; line-height:18px; padding:10px;; margin-bottom:20px; background:#a3cadf; } div.formPop div.close { float:right; padding:11px 11px 0 0; } div.formPop input.submit { width:64px; height:25px; float:none; border:0; margin:0 0 5px 0; padding:0; } div.demoPop div.solid { width:567px; height:406px; overflow:hidden; z-index:600; position: absolute; padding:10px 20px 20px 20px; margin:0; border:1px solid #999999; background:#ffffff; font-size:11px; } div.demoPop div.shadow { width:567px; height:406px; overflow:hidden; z-index:500; position: absolute; top:6px; left:6px; padding:10px 20px 20px 20px; margin:0; background:#000000; filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5; } #header div.phone { position:relative; font-size:medium; } #header div.phone a:link span, #header div.phone a:visited span { z-index:24; display:none; font-size:medium;} #header div.phone a:link span strong.heading { margin:0 0 5px 0; padding:0; color:#006699; font-size:16px; line-height:17px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px; } #header div.phone a:hover span, #header div.phone a:visited:hover span, #header div.phone a:focus span { z-index:999925; display:block; position:absolute; top:40px; left:20px; z-index:999999; width:250px; padding:10px; border:1px solid #8d8978; background-color:#f9f5e3; color:#333333; font-size:11px; line-height:14px; text-align: left; text-decoration:none; } /*IE hacks */ * html #frame #header div.phone a { position: relative; } * html #frame #header div.phone a:hover { font-size: 100%; z-index: 1; } * html #frame #header div.phone a:hover span { top:40px; left:20px; } /* GENERIC LINK STYLES */ a:link, a:visited { color:#aa0815; background-color:inherit; text-decoration:underline; } a:visited:hover, a:hover, a:focus { color:#aa0815; background-color:inherit; text-decoration:none; } a.arrowLink:link, a.arrowLink:visited { color:#aa0815; padding-bottom:1px; background:url(../images/generic/linkarrow.gif) center left no-repeat; padding-left:20px; text-decoration:underline; } a.arrowLink:visited:hover, a.arrowLink:hover, a.arrowLink:focus { text-decoration:none; } a.plainheading:link, a.plainheading:visited, a.plainheading:hover, a.plainheading:focus { text-decoration:none; color:#006699; } a.plainheadinggrey:link, a.plainheadinggrey:visited, a.plainheadinggrey:hover, a.plainheadinggrey:focus { text-decoration:none; color:#525252; } a.plaintext:link, a.plaintext:visited, a.plaintext:hover, a.plaintext:focus { text-decoration:none; color:#333333; } a.whitetext:link, a.whitetext:visited, a.whitetext:hover, a.whitetext:focus { text-decoration:none; color:#ffffff; } /* FORM STYLES */ form { padding:0; margin:0; } input, select, textarea { font-size:11px; background:#ffffff; border:1px solid #7f9db9; padding:2px;} input:focus, textarea:focus { border: 1px solid red; } textarea { width:250px; } input.small, select.small { width:128px;margin:0 0 10px 0 } /* MAIN LAYOUT */ #frame { width:950px; margin-left:auto; margin-right:auto; padding:0; background:#ffffff; } #header { height:103px; background:url(../images/header/header_bg.gif) repeat-x #186999; padding:0; margin:0; line-height:20px; } #menu { width:950px; height:40px; padding:0; margin:0; line-height:20px; background:url(../images/generic/menu_bg.gif) repeat-x #971d1d; overflow:hidden; } #row1 { height:280px; background:url(../images/homepage/row1_bg.jpg) top left repeat-x; overflow:hidden; } #row2 { height:237px; background:url(../images/homepage/row2_bg.jpg) top left repeat-x #a8c4d4; overflow:hidden; border-bottom:1px solid #acacac; } #row3 { height:265px; background:url(../images/homepage/row3_bg.jpg) top left repeat-x #dddddd; overflow:hidden; border-bottom:1px solid #b0b0b0; } #footer { font-size:11px; clear:both; padding:25px 20px 0 20px; margin:0; background:url(../images/generic/content_bg_btm.jpg) top left no-repeat; } div.content { padding:10px 20px 20px 20px; } div.content_small { padding:10px 0px 10px 12px; } /* HEADER CONTENT */ #header div.logo { float:left; width:292px; padding:12px 0 0 30px; } #header div.phone { float:left; position:relative; padding:12px 0 0 0; width:125px; } #header div.rightcontent { float:right; width:450px; padding-right:15px; background:url(../images/header/header_rightridge.gif) top right no-repeat; } #header div.rightcontent div.topmenu { height:29px; padding-top:9px; text-align:right; } #header div.rightcontent div.topmenu img { margin:0 4px 2px 0; vertical-align:middle; } #header div.rightcontent div.topmenu a { margin-left:10px; font-size:11px; color:#ffffff; text-decoration:none; } #header div.rightcontent div.search { padding-top:12px; } #header div.rightcontent div.search input { float:right; font-size:11px; width:170px; padding:3px 4px 4px 4px; background:#ffffff; border:1px solid #176495; border-style:inset; } #header div.rightcontent div.search input.submit { float:right; width:38px; height:22px; border:0; vertical-align:bottom; margin-left:5px; padding:0; } /* MENU CONTENT */ #menu ul { width:1000px; margin:0; padding:1px 0; } #menu ul li { display:inline; float:left; list-style:none; padding:0 0 0 1px; margin:0; background:url(../images/generic/menu_separator.gif) top left no-repeat; } #menu ul li.first { padding-left:1px; background:none; } #menu ul li a:link, #menu ul li a:visited { display:block; padding:9px 18px; margin:0; font-size:13px; color:#ffffff; font-weight:normal; text-decoration:none; } #menu ul li a:hover, #menu ul li a:focus { background:#6b0505; } #menu ul li.first a { padding-left:22px !important; } #menu ul li.last a { padding-right:25px !important; } /* ROW1 CONTENT */ #row1 div.vehicleSearch { width:260px; float:left; font-size:11px; line-height:15px; padding:20px; } #row1 div.vehicleSearch h1 { color:#931616; } #row1 div.vehicleSearch div.searchIframe { padding:15px 0 0 8px; } #row1 div.hero { width:650px; float:left; overflow:hidden; } #row1 div.hero div.heroNav { padding:0px; line-height:28px; } #row1 div.hero div.heroNav img { vertical-align:middle; margin:0; } /* ROW2 CONTENT */ #row2 div.whyAlto { width:304px; height:197px; padding:20px 150px 20px 20px; float:left; border-right:1px solid #a0b9c7; font-size:11px; line-height:15px; background:url(../images/homepage/row2_whyalto_photo.jpg) top right no-repeat; } #row2 div.whyAlto ul { padding:15px 0 0 20px; margin:0; } #row2 div.whyAlto ul li { list-style:none; font-size:12px; font-weight:bold; padding-bottom:6px;} #row2 div.whyAlto ul li.last { font-size:11px; font-weight:normal; } #row2 div.service { width:434px; height:197px; padding:20px; float:left; border-left:1px solid #e4edf2; font-size:11px; line-height:15px; background:url(../images/homepage/row2_service_photo.jpg) top right no-repeat; } #row2 div.service table { margin-top:4px; } #row2 div.service input { width:105px; font-size:11px; float:left; } #row2 div.service input.submit { width:79px; height:25px; float:none; border:0; vertical-align:bottom; margin-top:5px; padding:0; } /* ROW3 CONTENT */ #row3, #row3 h1 { color:#525252; } #row3 h2 { color:#525252; font-size:12px; line-height:12px; letter-spacing:0; padding:0; margin:0; } #row3 div.finance {width:259px; height:225px; padding:20px; float:left; border-right:1px solid #e3e3e3; } #row3 div.finance table { margin-top:8px; } #row3 div.finance input, #row3 div.finance select { width:130px; } #row3 div.finance input.submit { width:79px; height:25px; float:none; border:0; vertical-align:bottom; margin-top:5px; padding:0; } #row3 div.news {width:308px; height:225px; padding:20px; float:left; border-left:1px solid #fbfbfb; border-right:1px solid #e3e3e3; } #row3 div.news p { padding:5px 0 5px 0;line-height:13px; } #row3 div.news img { border:1px solid #000000; float:left; margin:0px 10px 15px 0;} #row3 div.news div {clear:both; margin-top:8px; } #row3 div.contact { width:259px; height:225px; padding:20px; float:left; border-left:1px solid #fbfbfb; line-height:15px; } #row3 div.contact img { border:1px solid #a5a5a5; float:left; margin:0 15px 30px 0;} #row3 div.contact div { padding-top:8px; } #row3 a.plain:link, #row3 a.plain:visited, #row3 a.plain:hover, #row3 a.plain:focus { text-decoration:none; color:#525252; } /* SUBPAGE CONTENT */ #pageframe { width:896px; padding:0 27px; background:url(../images/subpage/page_bg.jpg) repeat-x top left #ebebeb; float:left; } /* 3 pixel offset in page and pageframe, is used to make sure the logo image lines up with page (cause logo edge has a 3pixel shadow width) */ #page { width:890px; padding:20px 3px 30px 3px; background:url(../images/subpage/logo_mitsubishi.gif) top right no-repeat; float:left; } /* float no necessary except background repeats in IE for some reason */ #page p.breadCrumbs { color:#aa0815; font-size:11px; padding:0; } #page h1 { font-size:22px; line-height:22px; padding:15px 0 20px 0; } #page div.content { background:#ffffff; border:1px solid #cccccc; padding:2px 44px 34px 44px; } /* 1px offset due to border, since we want the inside area to be exactly 800px wide */ #page div.tabbedcontent { clear:both; background:#ffffff; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; padding:34px 44px; } /* 1px offset due to border, since we want the inside area to be exactly 800px wide */ #page div.blue { border-color:#85a4bb; background:#daecf6; } #page div.blue td.subheaderCell { background-color:#f4f9fc; } #page div.blue td.contentCell { background-color:#e9f4fa; } div.relatedDemos { clear:both; background:url(../images/subpage/related_bg.jpg) top left repeat-x #a8c4d4; padding:20px 30px 20px 30px; } div.relatedDemos h1 { margin-bottom:20px; font-size:18px; } div.relatedDemos div.viewall { text-align:right; } div.relatedDemos div.car { float:left; width:440px; font-size:11px; line-height:17px; margin-bottom:10px; } div.relatedDemos div.car h2 { font-size:12px; letter-spacing:0px; padding:0; margin:0; color:#333333; } div.relatedDemos div.car h3 { font-size:18px; letter-spacing:-1px; padding:0; margin:0; color:#aa0815; } div.relatedDemos div.car h3 span { letter-spacing:0px; font-size:12px; font-weight:normal; } div.relatedDemos div.car div.image { float:left; margin:0 20px 0 0;} div.relatedDemos div.car div.image img { border:1px solid #333333; } div.relatedDemos div.car div.text { float:left; width: 230px; } div.relatedDemos div.car div.text ul { margin:0; padding:5px 0 5px 15px; line-height:14px; } div.relatedDemos div.car div.text ul li { padding:0; margin:0; } /* SUBPAGE - NEWS */ #page div.content div.news div.featured img, #page div.content div.news div.article img { float:left; border:1px solid #666666; margin-right:15px; } #page div.content div.news p { font-size:11px; line-height:15px; padding:8px 0 0 0; } #page div.content div.news div.featured { background:#daecf6; border:1px solid #b0ccda; padding:12px; margin-bottom:15px; } #page div.content div.news div.featured h1 { font-size: 20px; line-height:20px; margin:5px 0 0 0; padding:0; } #page div.content div.news div.featured h3 { font-size: 16px; font-weight:normal; margin:0; padding:0; } #page div.content div.news div.article { background:#ffffff; border-bottom:1px solid #cccccc; padding:12px; } #page div.content div.news div.second { background:#f4f4f4; } #page div.content div.news div.article h2 { font-size: 17px; line-height:20px; margin:0; padding:0; } #page div.content div.news div.article p { font-size:11px; line-height:15px; padding:5px 0 0 0; } /* SUBPAGE - NEWS ARTICLE */ #page div.newsarticle div.header { margin-bottom:20px; } #page div.newsarticle div.contentleft { float:left; width:185px; overflow:hidden; } #page div.newsarticle div.summary { background:#f1f3f4; border:1px solid #d4e0e6; padding:15px; margin:0 0 20px 0; color:#006699; font-size:12px; line-height:14px; } #page div.newsarticle div.summary ul { margin:0; padding:5px 0 5px 15px; line-height:14px; } #page div.newsarticle div.summary ul li { padding:0 0 4px 0; margin:0; } #page div.newsarticle div.gallery img { border:1px solid #cccccc; padding:4px; background:#ffffff; margin:5px 5px 0 0; } #page div.newsarticle div.gallery img.second { margin-right:0; } #page div.newsarticle div.content { float:left; width:395px; padding:0 20px; margin:0; border:0; } #page div.newsarticle div.enquiry { float:left; width:180px; line-height:20px; padding:105px 0 0 0; margin:0; background:url(../images/generic/graphic_knowmore.gif) top center no-repeat; } #page div.newsarticle div.enquiry div { background:#daecf6; border:1px solid #b0ccda; padding:10px 10px 5px 10px; color:#aa0815; font-size:11px; color:#333333; } #page div.newsarticle div.enquiry div p { line-height:15px; margin-top:8px; padding:0; } #page div.newsarticle div.enquiry div img { vertical-align:middle; margin:0 8px 5px 0; } #page div.newsarticle div.enquiry div input { width:98px; } #page div.newsarticle div.enquiry input.submit { width:79px; height:25px; float:none; border:0; margin:0 0 5px 0; padding:0; } #page div.newsarticle div.form input.submit { width:64px; height:25px; float:none; border:0; margin:0 0 5px 0; padding:0; } /* SUBPAGE - NEW VEHICLE */ #page div.content div.newvehicles div.featured { width:800px; height:200px; padding:0; margin-bottom:20px; } #page div.content div.newvehicles div.featured div.image_bg { float:right; width:800px; height:200px; overflow:hidden; padding:0; margin:0; } #page div.content div.newvehicles div.featured div.info_bg {float:right;background:#ffffff;filter:alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8;width:330px;height:160px;margin:-180px 20px 0 450px; } #page div.content div.newvehicles div.featured div.info { float:right; width:290px; height:130px; overflow:hidden; padding:15px 20px; margin:-180px 20px 0 450px; } * html * #page div.content div.newvehicles div.featured div.info { float:right; width:290px; height:130px; overflow:hidden; padding:15px 20px; margin:-180px -330px 0 0; } #page div.content div.newvehicles div.featured div.info h2 { font-size:18px; margin:0; padding:0; } #page div.content div.newvehicles div.featured div.info p { font-size:11px; line-height: 15px; padding:6px 0 0 0; margin:0px; } #page div.content div.newvehicles div.featured div.info p.links { line-height:20px; font-size:12px; } #page div.content div.newvehicles div.car { float:left; width:400px; font-size:11px; border-bottom:1px solid #cccccc; } #page div.content div.newvehicles div.car img { float:left; display:block; margin:0 10px;} #page div.content div.newvehicles div.car img.listing { float:left; display:block; margin:0 10px 35px 0;} #page div.content div.newvehicles h2 { padding:10px 0 0 0; margin:0; } #page div.content div.newvehicles ul { margin-left:20px; padding:0 0 5px 50px; line-height:14px; font-size:11px;} #page div.content div.newvehicles ul li { padding:0; margin:0; } #page div.content div.newvehicleslisting div.car { float:left; margin-bottom:10px; width:400px; height:185px; overflow:hidden; border-bottom:1px solid #cccccc; } #page div.content div.newvehicleslisting div.car div.image { float:left; margin:0 15px 0 0;} #page div.content div.newvehicleslisting div.car div.image img { border:1px solid #333333; } #page div.content div.newvehicleslisting div.car div.text { width:230px; float:left; padding:0; } #page div.content div.newvehicleslisting div.car div.text h2 { margin:0; padding:0; } #page div.content div.newvehicleslisting div.car div.text h3 { margin:0; padding:0; } #page div.content div.newvehicleslisting div.car div.text ul { margin:0; padding:5px 0 5px 15px; font-size:11px; line-height:14px; } #page div.content div.newvehicleslisting div.car div.text ul li { padding:0; margin:0; } #page div.tabbedcontent div.newvehicles div.text { float:left; width:600px; padding:0; margin:0; border:0; } #page div.tabbedcontent div.newvehicles div.text table.specTable td { border-bottom:1px solid #cccccc; } #page div.tabbedcontent div.newvehicles div.enquiry { float:right; width:180px; line-height:20px; padding:105px 0 0 0; margin:0; background:url(../images/generic/graphic_knowmore.gif) top center no-repeat; } #page div.tabbedcontent div.newvehicles div.enquiry div { background:#daecf6; border:1px solid #b0ccda; padding:10px 10px 5px 10px; color:#aa0815; } #page div.tabbedcontent div.newvehicles div.enquiry div img { vertical-align:middle; margin:0 8px 5px 0; } #page div.tabbedcontent div.newvehicles div.enquiry select { width:180px; margin-top:10px; } #page div.tabbedcontent div.newvehicles div.article img { float:left; border:1px solid #666666; margin-right:15px; } #page div.tabbedcontent div.newvehicles div.article { background:#ffffff; border-bottom:1px solid #cccccc; padding:12px; } #page div.tabbedcontent div.newvehicles div.second { background:#f4f4f4; } #page div.tabbedcontent div.newvehicles div.article h2 { font-size: 17px; line-height:20px; margin:0; padding:0; } #page div.tabbedcontent div.newvehicles div.article p { font-size:11px; line-height:15px; padding:5px 0 0 0; } #page div.tabbedcontent div.newvehicles div.gallery { margin:0 0 20px 0; } #page div.tabbedcontent div.newvehicles div.gallery img { border:1px solid #cccccc; padding:4px; background:#ffffff; margin:5px 5px 0 0; } /* SUBPAGE - FINANCE */ #page div.finance div.tabbedcontent div.text { float:left; width:504px; overflow:hidden; padding:0 0 0 0; margin:0; border:0; } #page div.finance div.tabbedcontent div.calculator { float:right; width:216px; height:326px; overflow:hidden; padding:10px 20px; margin:0; background:url(../images/subpage/calculator_bg.gif) top left no-repeat; font-size:11px; } /* For this one we use float right because there was a weird css bug where text was being repeated from div.text */ #page div.finance div.tabbedcontent div.calculator h2 { font-size:17px; font-weight:bold; color:#798186; margin:0 0 12px 0; padding:0; } #page div.finance div.tabbedcontent div.calculator table td { padding:5px 0; border-bottom:1px solid #ffffff; } #page div.finance div.tabbedcontent div.calculator table tr.noline td { border:0; } #page div.finance div.tabbedcontent div.calculator div { font-size:17px; font-weight:bold; color:#333333; margin:0; padding:12px 0; letter-spacing:-1px; text-align:center; background:url(../images/subpage/calculator_total_bg.gif) top left no-repeat; } #page div.finance div.tabbedcontent div.calculator div span.cost { color:#006699; } #page div.finance div.tabbedcontent div.calculator input, #page div.finance div.tabbedcontent div.calculator select { width:100px; } #page div.finance div.tabbedcontent div.calculator input.submit { width:79px; height:25px; float:none; border:0; padding:0; } /* SUBPAGE - SERVICE */ #page div.service div.tabbedcontent div.banner { float:left; width:220px; padding:0; margin:0; border:0; } #page div.service div.tabbedcontent div.text { float:left; width:360px; padding:0 20px 0 20px; margin:0; border:0; } #page div.service div.tabbedcontent div.form { float:left; width:560px; padding:0 0 0 20px; margin:0; border:0; } #page div.service div.tabbedcontent div.enquiry { float:left; width:180px; line-height:20px; padding:88px 0 0 0; margin:0; background:url(../images/generic/graphic_needservice.gif) top center no-repeat; } #page div.service div.tabbedcontent div.enquiry div { background:#daecf6; border:1px solid #b0ccda; padding:10px 10px 5px 10px; color:#333333; font-size:11px; } #page div.service div.tabbedcontent div.enquiry div p { line-height:15px; margin-top:8px; padding:0; } #page div.service div.tabbedcontent div.enquiry div img { vertical-align:middle; margin:0 8px 5px 0; } #page div.service div.tabbedcontent div.enquiry div input { width:98px; } #page div.service div.tabbedcontent div.enquiry input.submit { width:79px; height:25px; float:none; border:0; margin:0 0 5px 0; padding:0; } #page div.service div.tabbedcontent div.form input.submit { width:64px; height:25px; float:none; border:0; margin:0 0 5px 0; padding:0; } /* SUBPAGE - CONTACT */ #page div.contact div.tabbedcontent div.text { float:left; width:408px; padding:0 40px 0 0; margin:0; border:0; } #page div.contact div.tabbedcontent div.text td { padding: 0 8px; font-size:11px; } #page div.contact div.tabbedcontent div.text td.heading { background:#f4f4f4; border-bottom:1px solid #dddddd; font-weight:bold; font-size:12px; } #page div.contact div.tabbedcontent div.text a.mapLink:link, #page div.contact div.tabbedcontent div.text a.mapLink:visited { display:block; color:#aa0815; background:url(../images/subpage/contact_mapsmall.gif) center left no-repeat; padding:10px 0 10px 52px; margin-bottom:10px; text-decoration:underline; } #page div.contact div.tabbedcontent div.text a.mapLink:hover, #page div.contact div.tabbedcontent div.text a.mapLink:focus { text-decoration:none; } #page div.contact div.tabbedcontent div.text_large { float:left; width:600px; padding:0 20px 0 0; margin:0; border:0; } #page div.contact div.tabbedcontent div.text_large input.submit { width:64px; height:25px; float:none; border:0; margin:0 0 5px 0; padding:0; } #page div.contact div.tabbedcontent div.photos { float:left; width:352px; padding:0; margin:0; overflow:hidden; } #page div.contact div.tabbedcontent div.photos img { border:1px solid #666666; margin-bottom:10px; } #page div.contact div.tabbedcontent div.photos span img { border:1px solid #666666; margin:5px 5px 0 0; } #page div.contact div.tabbedcontent div.photos span img.last { margin-right:0; } #page div.contact div.tabbedcontent div.summary { float:left; width:180px; background:green; padding:105px 0 0 0; margin:0; background:url(../images/generic/graphic_subscribe.jpg) top center no-repeat; } #page div.contact div.tabbedcontent div.summary div { background:#daecf6; border:1px solid #b0ccda; padding:10px 10px 5px 10px; color:#006699; } #page div.contact div.tabbedcontent div.summary div h2 { margin:0; padding:0 0 5px; } #page div.contact div.tabbedcontent div.summary div ul { padding:5px 0 5px 5px; margin:0; } #page div.contact div.tabbedcontent div.summary ul li { list-style:none; padding:0 0 5px 25px; background:url(../images/generic/bluebox_tick.gif) center left no-repeat; } /* SUBPAGE - SEARCH RESULTS */ #page div.content div.searchresults div.car { border-bottom:1px solid #cccccc; } #page div.content div.searchresults div.car div.image { float:left; margin:15px;} #page div.content div.searchresults div.car div.image img { border:1px solid #333333; } #page div.content div.searchresults div.car div.text { float:left; padding:15px; } #page div.content div.searchresults div.car div.text h2 { margin:0; padding:0; } #page div.content div.searchresults div.car div.text h3 { margin:0; padding:0; } #page div.content div.searchresults div.car div.text ul { margin:0; padding:5px 0 5px 15px; font-size:11px; line-height:14px; } #page div.content div.searchresults div.car div.text ul li { padding:0; margin:0; } /* SUBPAGE - DEMONSTRATORS */ #page div.content div.demonstrators div.enquiry { line-height:20px; } /* SUBPAGE - SITMAP */ #page div.sitemap div.column { float:left; width:390px;} #page div.sitemap div.column div.level1 { background:#006699; color:#ffffff; font-weight:bold; margin:0 0 5px 0; padding:2px 10px; } #page div.sitemap div.column div.level2 { background:#f4f4f4; margin:-4px 0 10px 0; padding: 10px 25px; border-bottom:1px solid #dddddd; } #page div.sitemap div.column div.level2 ul { padding:0; margin:0; } #page div.sitemap div.column div.level2 ul li { list-style:none; padding-bottom:0;} /* ENQUIRY ICON LINKS */ a.enquiryMenu { display:block; background:url(../images/generic/icon_enquiry.gif) center left no-repeat; font-size:12px; padding:8px 0px 8px 40px; width:115px; } a.testdriveMenu { display:block; background:url(../images/generic/icon_testdrive.gif) center left no-repeat; font-size:12px; padding:8px 0px 8px 40px; width:115px; } a.financeMenu { display:block; background:url(../images/generic/icon_finance.gif) center left no-repeat; font-size:12px; padding:8px 0px 8px 40px; width:115px; } a.tradeupMenu { display:block; background:url(../images/generic/icon_tradeup.gif) center left no-repeat; font-size:12px; padding:8px 0px 8px 40px; width:115px; } a.enquiryemailMenu { display:block; background:url(../images/generic/icon_email.gif) center left no-repeat; font-size:12px; padding:8px 0px 8px 40px; width:115px; } a.enquiryprintMenu { display:block; background:url(../images/generic/icon_print.gif) center left no-repeat; font-size:12px; padding:8px 0px 8px 40px; width:115px; } a.serviceMenu { display:block; background:url(../images/generic/icon_service.gif) center left no-repeat; font-size:12px; padding:8px 0px 8px 40px; width:115px; } span.phoneMenu { display:block; background:url(../images/generic/icon_phone.gif) center left no-repeat; font-size:12px; padding:8px 0px 8px 40px; font-weight:bold; width:115px; color:#aa0815; } a.enquiryLink:link, a.enquiryLink:visited { display:block; float:left; color:#aa0815; padding:10px 0 10px 40px; margin-right:15px; background:url(../images/generic/icon_enquiry.gif) center left no-repeat; text-decoration:underline; } a.enquiryLink:hover, a.enquiryLink:focus { text-decoration:none; } a.testdriveLink:link, a.testdriveLink:visited { display:block; float:left; color:#aa0815; padding:10px 0 10px 40px; margin-right:15px; background:url(../images/generic/icon_testdrive.gif) center left no-repeat; text-decoration:underline; } a.testdriveLink:hover, a.testdriveLink:focus { text-decoration:none; } a.financeLink:link, a.financeLink:visited { display:block; float:left; color:#aa0815; padding:10px 0 10px 40px; margin-right:15px; background:url(../images/generic/icon_finance.gif) center left no-repeat; text-decoration:underline; } a.financeLink:hover, a.financeLink:focus { text-decoration:none; } a.tradeupLink:link, a.tradeupLink:visited { display:block; float:left; color:#aa0815; padding:10px 0 10px 40px; margin-right:15px; background:url(../images/generic/icon_tradeup.gif) center left no-repeat; text-decoration:underline; } a.tradeupLink:hover, a.tradeupLink:focus { text-decoration:none; } a.serviceLink:link, a.serviceLink:visited { display:block; float:left; color:#aa0815; padding:10px 0 10px 40px; margin-right:15px; background:url(../images/generic/icon_service.gif) center left no-repeat; text-decoration:underline; } a.serviceLink:hover, a.serviceLink:focus { text-decoration:none; } a.phoneLink:link, a.phoneLink:visited { display:block; float:left; color:#aa0815; padding:10px 0 10px 40px; margin-right:15px; background:url(../images/generic/icon_phone.gif) center left no-repeat; text-decoration:underline; } a.phoneLink:hover, a.phoneLink:focus { text-decoration:none; } /* TABBED MENU */ div.tabbedMenu { margin:10px 0 10px 0; font-size:11px; line-height:15px; } div.tabbedMenu ul { float:left; padding:0; margin:0; background:url(../images/generic/tabbedmenu_bg.gif) bottom left repeat-x;} div.tabbedMenu ul.full { width:100%;} div.tabbedMenu ul li { float:left; display:inline; list-style:none; padding:0; margin:0; } div.tabbedMenu ul li a:link, div.tabbedMenu ul li a:visited { display:block; padding:6px 12px 5px 12px; margin:0; color:#444444; font-weight:bold; text-decoration:none; } div.tabbedMenu ul li a:hover, div.tabbedMenu ul li a:focus { display:block; padding:5px 11px; margin:0; background:#ffffff; color:#444444; font-weight:bold; border-top:1px solid #bfbfbf; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; } div.tabbedMenu ul li a.on, div.tabbedMenu ul li a.on:link, div.tabbedMenu ul li a.on:visited, div.tabbedMenu ul li a.on:focus, div.tabbedMenu ul li a.on:hover { display:block; padding:5px 11px; margin:0; background:#ffffff; color:#444444; font-weight:bold; border-top:1px solid #bfbfbf; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; } /*RALLIART */ div.ralliartbar {background:url(../images/header/ralliart_bar.jpg) no-repeat; width:800px; height:25px; padding-top:10px; padding-left:15px } div.ralliartbar span { font-family:Arial, Helvetica, sans-serif; font-size:160%; color: white; } div.ralliartbox {width:800px; height:300px; background:white;} div.ralliartbox img {float:left;} div.relliartcontent {float:left; padding:20px; height: 170px; width:290px; background:#dadde0} div.extrasCell {background-color:white;} div.ralliartbox .price {font-size:16px;line-height:30px;font-weight:bold;color:#3d535e} div.ralliartbox .plusprice {font-size:11px;font-weight:normal;color:#3d535e} /* IMAGES */ div.thumbs { margin:10px 0 10px 0; } div.thumbs img { padding:3px; border:1px solid #dddddd } /* FOOTER */ #footer { color:#ffffff; padding:20px; line-height:15px; background:url(../images/footer/footer_bg.jpg) repeat-x #535353; } #footer h2 { color:#ffffff; padding:0px; } #footer a:link, #footer a:visited { color:#ffffff; text-decoration:underline; } #footer a:hover, #footer a:focus, #footer a:active { color:#ffffff; text-decoration:none; } #footer ul { padding:0; margin:0; } #footer ul li { list-style:none; display:inline; background:url(../images/generic/footer_menu_spacer.gif) left center no-repeat; padding:0 4px 0 8px; } #footer ul li.first { padding-left:0; background:none; } #footer div.footer_left { float:left; width:230px; padding:0; } #footer div.footer_middle { float:left; width:380px; padding:0; text-align:center; } #footer div.footer_right { float:right; width:300px; padding:0; text-align:right; } #footer div.footer_right img { vertical-align:bottom; }