/****************************************************************************** NAME: StyleSheet.css UPDATES: 2011-11-17 JM: TNG-1184 Tab Navigation 2011-10-11 OL: UsedVehicles Gallery 2011-10-10 OL: WebShop Gallery 2011-08-30 OL: TNG-1140 New class div#footer_container div.IconRow 2011-06-20 JM: TNG-1133 - Changed form field BG to #323232 2011-05-23 OL: Bugfix, span.sec margins 2011-05-17 OL: TNG-1137 (IR-index) 2011-05-05 JM: TNG-1097 (Sociable) 2010-03-17 OL: Added PressRelSearch 2010-03-17 OL: Added PressRelSearch 2010-11-17 OL: Corrections for Googlemaps 3 2010-09-28 OL: span.icon-NewServices 2010-09-13 OL: Added #GoogleMapMainDistributor ******************************************************************************/ /********************/ /** HTML-tags **/ /********************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0px none; font-family:inherit; outline-color:invert; outline-style:none; outline-width:0pt; padding:0px; margin:0px; vertical-align:baseline; font-weight:normal; background-repeat:no-repeat; } body { font:12px verdana, arial, helvetica; color:#fff; background-color:#000; } /* Links */ a, a:link, a:visited, a:active { color:#ffffff; text-decoration:none; cursor:pointer; } a:hover { color:#d0ad53; } /************************************** PTA ****************************************/ #root { width: 1000px;background-color: #171717;margin:10px auto 0px auto; position:relative; } /************************************************************************************/ /* PTA-Header */ /************************************************************************************/ #header_container { position:relative; width:100%; height:68px; z-index:100; } /*logotype*/ img.logotype { position:absolute; top:10px; left:10px; } h5.logotypetext { position:absolute; top:20px; left:190px; color:#ffffff; font-size:17px; font-weight:normal; font-family:verdana, arial, helvetica; } #we_content h5.logotypetext { top:10px; left:180px } /* Links to access other Scania sites and to contact information */ .headernav { position:absolute; top:0; right:0px; font:bold 10px arial, helvetica, tahoma, verdana, sans-serif;z-index:100; } .headernav div { position:relative; float:left; display:block; height:24px; border-right:solid 1px #2e2e2e; border-left: solid 1px #0d0d0d; } .headernav .first { border-left: 0px none; } .headernav .last { border-right: 0px none; padding-right:4px; } .headernav a { display:block; margin:8px 9px 0px 9px; } .headernav span.selected { color: #d0ad53; } ul.headernav .icon a, .headernav .icon a:link, .headernav .icon a:visited, .headernav .icon a:active { margin-left:26px; } /* Language switch */ .headernav div div { margin-top:8px; margin-left:2px; border:none; height:auto; } .headernav div div div { margin:0px; padding:0 5px 0 5px; border-right:solid 1px #fff; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; } .headernav div div div a { margin:0px 1px 0 1px; border-bottom-style:dotted; border-bottom-width:1px; } .headernav div div.selected { color:#d0ad53; font-weight:bold; border-bottom:none 0px; } /* Dropdown links */ .headernav div#groupsite-dropdown { left:7px; top:24px; width:auto; position:absolute; border-left:none; display:none; width:115px; padding:0px; z-index:100; margin:0px;} .headernav ul#groupsite-dropdownlist { padding:7px 2px 7px 11px; margin:0px; border:solid #232323 1px; background: #232323 url(/_system/img/template/dropdown_bg.gif) repeat-x; } .headernav ul#groupsite-dropdownlist li { border:none; width:100px; z-index:100; padding-left:13px; position:relative; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; } .headernav ul#groupsite-dropdownlist li a { margin:0px 0px 0px 0px; padding:1px 0px 2px; border:none; font-size:11px; color:#fff; } .headernav ul#groupsite-dropdownlist li a:hover { color: #d0ad53; } span.icon-droplayer, span.icon-droplayer-right { top:8px; left:10px; height:14px; padding-left:13px; position:absolute; background-image: url(/_system/img/template/icon_droplayer_off.gif); } span.icon-droplayer-right { background-image: url(/_system/img/template/icon_droplayer-right_off.gif); } a:hover span.icon-droplayer-right { background-image: url(/_system/img/template/icon_droplayer-right_on.gif); } a:hover span.icon-droplayer { background-image: url(/_system/img/template/icon_droplayer_on.gif); } /* search form */ form.search { position:absolute; top:38px; right:10px; z-index:0; } form.search label { display:inline; } form.search img { float:left; margin-right:6px; } form.search input.text { width:165px; } /* Text field */ select, textarea, input.text { float:left; font-size:11px; margin-top:0px; padding:1px 0px 1px 3px; font-size:11px;color: #fff; background-color:#323232; border:solid 1px #000000; border-right-color:#515151; border-bottom-color:#515151; font-family:Arial, Helvetica, sans-serif; } /* buttons */ .btn, .btn_grey { color:#000000; font-weight:bold; font-family:Arial,Helvetica,sans-serif; font-size:9px; line-height:10px; text-transform:uppercase; padding:1px 2px 0px 2px; margin:1px 0px 0px 10px; cursor:pointer; border:1px solid #d9bd75; border-right-color:#937a3b; border-bottom-color:#937a3b; background-color:#dfc78a; background-repeat:repeat-x; background-image:url(/_system/img/template/btn_bg.gif); float:left; } .btn_grey { border-top-color:#c0c0c0; border-left-color:#c0c0c0; border-right-color:#7c7c7c; border-bottom-color:#7c7c7c; background-color:#b2b2b2; background-image:url(/_system/img/template/btn_bg_grey.gif); } /*Top navigation*/ #menutop_container { width:100%; background:#171717 url(/_system/img/template/menutop_bg.gif) repeat-x 0 0; position:relative; float:left; } .menutop { float:left; display:block; position:relative; margin: 0; } .menutop div { float:left; display:block; height:39px; margin-right:1px; background:url(/_system/img/template/menutop_bg_off.gif) repeat-x 0 0; } .menutop div div { margin:0px; background:none; } .menutop .last { margin-right:0px; } .menutop div.selected { background: url(/_system/img/template/menutop_bg_on.gif) repeat-x 0 0; } .menutop a { float:left; padding:12px 10px; font-weight:bold; line-height:14px; font-family:arial, tahoma, verdana, sans-serif; } .menutop .selected { padding:0px 10px; } .menutop .selected a.selected{ margin:12px 0px 7px 0px; padding:0px; border-bottom: double 0.416em #d0ad53; } .menutop .selected a.selected, .menutop .selected a.selected:link, .menutop .selected a.selected:visited, .menutop .selected a.selected:active { color:#d0ad53; } .menutop a:hover, .menutop strong a:link { display:block; background: url(/_system/img/template/menutop_bg_on.gif) repeat-x 0 0; } .menutop a:hover.selected, .menutop strong a.selected { background:none; } .menutop .fadeout { float:left; width:40px; height:40px; background-image: url(/_system/img/template/menutop_bg_fadeout.gif); } /************************************************************************************/ /* PTA-Left */ /************************************************************************************/ #left_container { position:relative; float:left; width:190px; overflow:hidden; padding-top:38px; min-height:497px; font-family:arial,helvetica,tahoma,verdana,sans-serif; } .left_container { height:100%; } .left_container_empty { min-height:353px; } /************************************************************************************/ /* Vänsternavigeringen */ /************************************************************************************/ /****************************************************************************** NAME: StyleSheet_LeftNav4.css LAST UPDATE: 2009-03-10 08:51 DESCRIPTION: Mission: Indent LI:s but keep horizontal borders between them. Solution: Indent child elements (A) instead (using padding-left). The weakness is that each level-padding (and postion of status arrows) needs to be defined (level specific classes). Tested browsers: IE6 IE7 IE8 Firefox 3.05 Firefox 3.07 Opera 9.63 Netscape 7.2 Safari 3.2.1 Todo: - Clean up duplicates ("leftnav a", "leftnav li a" etc.) ******************************************************************************/ #leftnav{ width: 190px; background-color:#171717; } #leftnav UL{ margin: 0; padding: 0; list-style-type: none; } #leftnav A{ display: block; color: #FFF; padding: 3px 12px 3px 8px; border-top: 1px solid #333333; font-weight: bold; font-size: 16px; } /*********************************** The next two will solve IE6 problems wiextra padding http://csscreator.com/?q=node/6745 ***********************************/ #leftnav A { display: inline-block; } #leftnav A { display: block; } #leftnav UL LI A:hover{ color: #d0ad53; } /*********************************** Status classes No reason to have them all any longer, but it does not hurt to keep them either. ***********************************/ #leftnav LI A.arr_dn { background-image: url(/_system/img/template/icon_menuleft_expanded_v4.gif); } #leftnav LI A.arr_l{ background-image: url(/_system/img/template/icon_menuleft_collapsed_v4.gif); } #leftnav LI A.arr_off{ background-image: none; } #leftnav LI A.normal{ font-weight: normal; } #leftnav LI A.bold{ font-weight: bold; } #leftnav LI A.yellow{ color: #d0ad53; } #leftnav LI A.white{ color: white; } #leftnav LI.current{ background: url(/_system/img/template/menuleft_bg2.gif) #232323 repeat-x; background-color: #232323; padding-top: 1px } #leftnav LI.current A{ border-top: 0px; } /*********************************** Reset padding after current ************************************/ #leftnav LI.current LI{ padding-top: 0px } /*********************************** Reset borders after current ***********************************/ #leftnav LI.current LI A{ border-top: 1px solid #333333; } /*********************************** Handle indentation of the levels and position of bullets. padding-left = level * 12; background-position-x = padding-left - 10; ***********************************/ #leftnav LI A{ padding: 3px 3px 3px 12px; background-position: 2px 9px; } #leftnav LI LI A{ font-weight: normal; font-size: 13px; color: #FFF; padding-left: 24px; background-position: 14px 8px; } #leftnav LI LI LI A{ padding-left: 36px; background-position: 26px 8px; } #leftnav LI LI LI LI A{ padding-left: 48px; background-position: 38px 8px; } #leftnav LI LI LI LI LI A{ padding-left: 60px; background-position: 50px 8px; } #leftnav LI LI LI LI LI LI A{ padding-left: 72px; background-position: 62px 8px; } #leftnav LI LI LI LI LI LI LI A{ padding-left: 84px; background-position: 74px 8px; } #leftnav LI LI LI LI LI LI LI LI A{ /* L8 */ padding-left: 96px; background-position: 86px 8px; } /************************************************************************************/ /* / vänsternavigeringen */ /************************************************************************************/ /* Featured links */ div.shortcutbox { float:left; border:none; padding:25px 0 30px 10px; font-size:11px; } div.shortcutbox div { width:167px; border:solid #2e2e2e 1px; } div.shortcutbox div div { overflow:hidden; width:165px; border:solid #0d0d0d 1px; border-right:solid #171717 1px; background: #242424 url(/_system/img/template/shortcutbox_bg.gif) repeat-x; } div.shortcutbox ul { padding:8px 5px 5px 9px; float:left; display:block; } div.shortcutbox li { position:relative; padding-left:13px; width:140px; padding:0 0 0px 12px; line-height:18px; } div.shortcutbox a { font-weight:bold; } /* Arrows */ span.icon-boxarrow, span.icon-rightarrow { background-image:url(/_system/img/template/icon_boxarrow_off.gif); top:5px; left:2px; width:8px; height:8px; padding-left:20px; position:absolute; } span.icon-rightarrow { background-image: url(/_system/img/template/icon_arrow_off.gif); } a:hover span.icon-rightarrow { background-image: url(/_system/img/template/icon_arrow_on.gif); } a:hover span.icon-boxarrow { background-image: url(/_system/img/template/icon_boxarrow_on.gif); } /************************************************************************************/ /* PTA-TopContent */ /************************************************************************************/ #imgcontainer { position:relative; float:left; min-height:16px; border-bottom:1px solid #171717; width:1000px; } .template1 #imgcontainer, .template2 #imgcontainer { margin-left:2px; width:808px; } #imgcontainer embed { float:left; } #flash_links { padding:0px 15px 0px 15px; position:absolute; bottom:0px; left:16px;z-index:1000; overflow:hidden; } #flash_links a { border-bottom-width:1px; border-bottom-style:dotted; } #flash_links pre { font-size:10px; padding:0px 5px 2px 5px; background-color:#202020; font-family: verdana, arial, helvetica; float:left; } #flash_links pre span.selected { color:#d0ad53; } .flash_links_left { width:16px; height:16px; position:absolute; left:0px; background-image:url(/_system/img/template/bg_flash_links_left.gif); } .flash_links_right { width:16px; height:16px; position:absolute; right:0px; background-image:url(/_system/img/template/bg_flash_links_right.gif); } object.content_flash_2, embed.content_flash_2 { width:1000px; } object.content_flash, embed.content_flash { width:808px; } img.content_image, object.content_flash { width:808px;margin-left:2px; } img.content_image_2, img#content_image_2 { width:1000px; } /************************************************************************************/ /* PTA-Content */ /************************************************************************************/ img, a img { border:none;margin:0px;display:block; } h1, h2, h3, h4, h5 { font-family:arial, helvetica, verdana, sans-serif; border-bottom:none; color: #fff; } h1 { font-size:28px; width:100%; } /* Typography in contentbody */ .contentbody h1 { min-height:32px; padding:1px 0px 10px 0px; } .template1 .contentbody h1 { width:350px; padding-right:230px; } .template2 .contentbody h1 { width:450px; padding-right:330px; } div.contentbody .col-1 div.icon h3 { font-size:13px; } div.contentbody .col-1 .usedVehicles_seller_info h3, #main_container h3 a{ font-size:13px; font-family: verdana, arial, helvetica, sans-serif; font-weight:bold; } #main_container h3 a, #main_container h3 a:link, #main_container h3 a:visited, #main_container h3 a:active,#main_container h3 a:hover { color:#ffffff; } h2 { font-size:20px; color:#ffffff; margin:0px 0px 4px 0px;} #main_container h2 a, #main_container h2 a:link, #main_container h2 a:visited, #main_container h2 a:active { color: #d0ad53; } #mc-right h2, .sidebar h2, .col-2 h2, .col-3 h2, .col-4 h2, .col-4-start h2, .col-1 .intro_top_img_landscape h2, .col-1 .intro_top_img_landscape h2 a, .col-1 .intro_top_img_landscape h2 a:link,.col-1 .intro_top_img_landscape h2 a:visited, .col-1 .intro_top_img_landscape h2 a:active { font-size:16px; color: #d0ad53;} #mc-left .col-1 .sidebar h2, #mc-left .col-1 .sidebar h2 a, #mc-left .col-1 .sidebar h2 a, #mc-left .col-1 .sidebar h2 a:link, #mc-left .col-1 .sidebar h2 a:visited, #mc-left .col-1 .sidebar h2 a:active{ color:#ffffff;} h3 { font-size:16px;} h3 a, h3 a:hover { color:#ffffff;font-weight:bold; } h4 { font-size:13px; font-weight:bold; margin-bottom:2px; font-family:Verdana, Arial, Helvetica, sans-serif; width:300px; } h5 { font-weight:normal; font-size:12px; margin-bottom:5px;} .sidebar h5{ clear:both; } hr { clear:both; height:0px; border-top:1px solid; border-bottom:none; } p.ingress, p.ingress span { font-weight:bold; } p.small { font-size:95%; } p.borders { border:1px solid white; } strong { font-weight:bold; } .br { width:100%; clear:both; height:0px; font-size:0px; } .nobr { white-space:nowrap } #main_container pre a { margin:0px 1px 0 1px; border-bottom-style:dotted; border-bottom-width:1px; line-height:16px; white-space:nowrap; } #main_container #flash_links pre a {line-height:14px;} .displayNone { display:none; } .displayNone span.icon-rightarrow, .displayNone a span.icon-rightarrow, .displayNone a:hover span.icon-rightarrow { background-image:none; } /* lists */ ul { list-style-image:none;list-style-position:outside;list-style-type:none; } ol { list-style-position:inside; } ul.arrowlist { float:left; padding:0px 0px 20px 0px; width:100%; } #main_container .arrowlist li { width:90%; margin-right:0px; display:inline-block; } ul.arrowlist li { position:relative; padding:0 0 0 14px; width:90%; display:block; float:left; } ul.arrowlist li.nospace { margin-bottom:0px; display:inline-block;} ul.arrowlist li.noicon { padding-left:0px; } ul.arrowlist li.icon { padding:5px 5px 1px 16px; } ul.arrowlist li.icon pre { padding:3px 0px 5px 0px; width:100%; clear:both;} ul.arrowlist li.icon span.icon-newsfeed { top:8px; } ul.arrowlist span.icon-newsfeed { background: url(/_system/img/template/icon_small_newsfeed.gif) top left no-repeat; } ul.right { float:right; text-align:right; padding-right:10px; padding-bottom:10px; width:auto; } ul.right li { width:auto; } ul.iconlist { float:left; padding:0px 0px 20px 0px; width:100%; } /*remove??*/ ul.iconlist li { position:relative; width:90%; display:block; padding:5px 5px 1px 20px; } ul.arrowlist li.icon pre, ul.iconlist pre { padding:3px 0px 5px 0px; width:100%; clear:both; white-space:normal; } /* icons */ span.icon_small-pdf, span.icon_small-doc, span.icon_small-xls, span.icon_small-ppt, span.icon_small-zip, span.icon_small-gif, span.icon_small-jpg, span.icon_small-png,span.icon_small-html, span.icon_small-rss { position:absolute; top:6px; left:0px; height:17px; width:16px; cursor:pointer; } span.icon_small-pdf { background-image: url(/_system/img/template/icon_small_pdf.gif); } span.icon_small-doc { background-image:url(/_system/img/template/icon_small_doc.gif); } span.icon_small-xls { background-image:url(/_system/img/template/icon_small_xls.gif); } span.icon_small-ppt { background-image: url(/_system/img/template/icon_small_ppt.gif); } span.icon_small-zip { background-image: url(/_system/img/template/icon_small_zip.gif); } span.icon_small-gif { background-image: url(/_system/img/template/icon_small_image.gif); } span.icon_small-jpg { background-image: url(/_system/img/template/icon_small_image.gif); } span.icon_small-png { background-image: url(/_system/img/template/icon_small_image.gif); } span.icon_small-html { background-image: url(/_system/img/template/icon_small_web.gif); } span.icon_small-rss { background-image:url(/_system/img/template/icon_small_newsfeed.gif);top:8px; } /*templates*/ .template1, .template2, .template3 { position:relative; background-image: url(/_system/img/template/mc_ruler.gif); background-repeat:repeat-y; float:left; } .template1 { background-repeat: repeat; } /* main_container */ #main_container { position:relative; float:left; width:810px; } .template1 #main_container, .template2 #main_container, .template3 #main_container { background-position:bottom left; background-image: url(/_system/img/template/mc_ruler_bottom.gif); min-height:535px; } .template1 #main_container { background-repeat: repeat-x; } /*links*/ #main_container a, #main_container a:link, #main_container a:visited, #main_container a:active { color:#bebebe; } #main_container a:hover, #main_container a.selected, #main_container a.selected:link, #main_container a.selected:visited, #main_container a.selected:active { color:#d0ad53; } #main_container a.selected { font-weight:bold; } a.right { float:right; margin-left:5px; } /****************************/ /* mc-left (PTA-Content) */ /****************************/ #mc-left { position:relative; float:left; display:inline; background:#171717 url(/_system/img/template/bg_mc-left.gif) repeat-x top left; width: 1000px; } .template1 #mc-left { width:606px;margin-left:2px; } .template2 #mc-left, .template3 #mc-left { width: 808px;margin-left:2px; } #mc-left ul.arrowlist a, #mc-left ul.iconlist a { border-bottom-width:1px; border-bottom-style: dotted; font-size:12px; line-height:16px; } /* Toolbox */ #toolbox { position:absolute; top:19px; right:10px; color: #fff; font: bold 11px arial, helvetica, tahoma, verdana, sans-serif; z-index:100; } #toolbox div { position:relative; float:left; display:block; line-height:12px; margin-left:2px; } #toolbox a { margin:0px 10px 0px 26px; line-height:16px; font-size:11px; } #toolbox a, #toolbox a:link, #toolbox a:visited, #toolbox a:active { color:#ffffff; } #toolbox a:hover { color:#d0ad53; } #size { margin-right:10px; } #toolbox a.icon-size1, #toolbox a.icon-size2, #toolbox a.icon-size3 { float:left;height:14px;width:14px;margin:0px;background-image: url(/_system/img/template/icon_size_1_black.gif); } #toolbox a.icon-size2 { background-image: url(/_system/img/template/icon_size_2_black.gif); } #toolbox a.icon-size3 { background-image: url(/_system/img/template/icon_size_3_black.gif); } #toolbox a.icon-size1:hover { background-image: url(/_system/img/template/icon_size_1_off.gif); } #toolbox a.icon-size1-on { background-image: url(/_system/img/template/icon_size_1_off.gif); } #toolbox a.icon-size2:hover { background-image: url(/_system/img/template/icon_size_2_off.gif); } #toolbox a.icon-size2-on { background-image: url(/_system/img/template/icon_size_2_off.gif); } #toolbox a.icon-size3:hover { background-image: url(/_system/img/template/icon_size_3_off.gif); } #toolbox a.icon-size3-on { background-image: url(/_system/img/template/icon_size_3_off.gif); } #toolbox #size a, #toolbox #size a:link, #toolbox #size a:visited, #toolbox #size a:active { margin: 0px; padding:0px; } span.icon-print, span.icon-email { background-image:url(/_system/img/template/icon_print_off.gif); height:14px; left:10px; position:absolute; top:0px; padding-left:20px; } span.icon-email { background-image:url(/_system/img/template/icon_email.gif); top:3px; } a:hover span.icon-email { background-image:url(/_system/img/template/icon_email_on.gif); } a:hover span.icon-print { background-image: url(/_system/img/template/icon_print_on.gif); } /* Share this page (Toolbox) */ #toolbox span.icon-droplayer { top:2px; } #toolbox #toolbox-dropdown { position:absolute; display:none; width:115px; top:18px; left:7px; border:solid #232323 1px; background: #232323 url(/_system/img/template/dropdown_bg.gif) repeat-x; padding-bottom:10px; z-index:100; } #toolbox #toolbox-dropdownlist { margin:7px 2px 7px 11px; padding:0px; } #toolbox #toolbox-dropdownlist li { position:relative; padding-left:13px; width:90px; margin:0px 0px 2px 0px; } #toolbox #toolbox-dropdownlist a { margin:2px 0px 0px 0px; } /* contentbody */ div.contentbody { margin-left:14px; position:relative; overflow:hidden; padding-top:32px; width: 980px; } .template1 .contentbody { width: 580px; } .template2 .contentbody, .template3 .contentbody { width: 780px; } /****************************/ /* col-1 ( mc-left) */ /****************************/ .col-1 { float:left; width:560px; padding-bottom:18px;} .template2 .col-1 { width:581px;} .template3 .col-1 { width:514px; } .col-1 a { border-bottom-width:1px; border-bottom-style: dotted; } .col-1 h1 a, .col-1 h2 a, .col-1 h5 a, .col-1 .intro_top_img_landscape p a, .col-1 .intro_right_img_square p a { border:none; } .col-1 .intro_top_img_landscape p, .col-1 .intro_right_img_square p { margin-bottom:0px; } .template3 .col-1 { width:514px; } .template3 #content {width:514px; float:left; overflow:hidden; } .col-1 div{ float:left; width:100%;} .col-1 div.col-1 { width:560px; } #main-container .col-1 div div { margin-right:0px; padding-right:0px; } .template2 .col-1 #UVDetailsPartsExpanding { width:250px; float:left; } /* table */ #mc-left .bodyText thead, #mc-left .bodyText th { background-color:#2f2f2f; } #mc-left .bodyText td { border-bottom:1px solid #232323; background-color:#171717; } #mc-left .bodyText thead td { background-color:#2f2f2f; border:none; } #mc-left .bodyText table.no_bg th, #mc-left .bodyText table.no_bg, #mc-left .bodyText table.no_bg td { background:none; border:none; } #mc-left .bodyText tr.last td { border:none; } #mc-left .bodyText p { margin:0px 0px 18px 0px; font-size:12px; line-height:18px; height: 1%;} /* The arrow icons is defind in Featured links */ .template2 .col-1 div.form div ul.arrowlist li { width:150px; } div.contentbody .col-1 ul.arrowlist span.icon-rightarrow, div.contentbody .col-1 ul.arrowlist span.icon-boxarrow { left:2px; top:5px; } div.contentbody .col-1 .form .form-2-2 ul.arrowlist li span.icon-rightarrow { left:0px; top:5px; } div.contentbody .col-1 div.searchoption_container ul.arrowlist span.icon-rightarrow { left:0px; top:5px; } div.contentbody .col-1 .workshops ul.arrowlist span.icon-rightarrow { left:0px; top:5px; } /*.col-1 img { display:inline; margin:0px 0px 20px 0px; } */ .col-1 img { margin:0px 0px 20px 0px; } .col-1 a img { float:right; margin:4px 0px 20px 10px; } .col-1 p { line-height:18px; margin-bottom:18px; font-size:12px; } .col-1 p, .col-1 i, .col-1 ul, .col-1 ol { margin-right:131px; } .template1 .col-1 p, .template1 .col-1 i, .template1 .col-1 ul, .template1 .col-1 ol { margin-right:110px; } .template3 .col-1 p, .template3 .col-1 i, .template3 .col-1 ul, .template3 .col-1 ol { margin-right:64px; } #root .col-1-left p, #root .col-1-left i, #root .col-1-left ul, #root .col-1-left ol, #root .col-1 table p, #root .col-1 table ul, #root .col-1 table ol, #root ul.arrowlist { margin-right:0px; } .col-1 p.body { margin-bottom:9px; } .col-1 p.tags { margin-bottom:5px; } div.contentbody p.last { margin-bottom:0px; } div.contentbody div.last { margin-bottom:0px; padding-bottom:0px; } div.contentbody .col-1-right div.last { padding-bottom:15px; } div.contentbody .col-1-right div div, div.contentbody .col-1-right div div.last { padding-bottom:7px; } div.contentbody .col-1-right div div.attachment { padding-bottom:0px; } .template2 .col-1 p, .template2 .col-1 i { margin-right:131px; } div.contentbody .col-1 p.small { font-size:11px; } #main_container .col-1 h3 a, #main_container .col-1 h3 a:link, #main_container .col-1 h3 a:visited, #main_container .col-1 h3 a:active { color:#bebebe; } .col-1 h3 a { border-bottom-width:1px; border-bottom-style:dotted; line-height:18px; } #main_container .col-1 h3 a:hover { color:#d0ad53; border-bottom-width:1px; border-bottom-style:dotted; } #main_container ul.right, #main_container ul.right li { width:auto; } /* IR: */ .col-1 .programmes h2 { font-size:16px; } /* ct_teaser */ .col-1 .ct_teaser, .ct_teaser { background-image:url(/_system/img/template/bg_puff.gif); background-repeat:repeat-x;; float:left; padding:10px; width:494px; } .col-1 .ct_teaser p { margin-right:0px; } /* pressrelease */ #main_container .col-1 .pressrelease h4, #main_container .col-1 .pressrelease h4 a { font-size:12px;border:none;color:#fff; margin:0px;font-weight:bold;line-height:16px; width:auto; } .col-1 .pressrelease { margin-bottom:17px; width:450px; } .col-1 .pressrelease p { margin-bottom:0px; } .col-1 .pressrelease p.tags { margin-top:3px; font-size:11px; } pre.pressrelease { font-family: verdana, arial, helvetica; margin:0px 0px 10px 0px; font-size:12px; } div.contact_information { width:260px; float:left; } /* expanded and collapsed arrows*/ span.icon-expanded, span.icon-collapsed { height:10px; width:10px;background-image:url(/_system/img/template/icon_collapsed.gif);background-repeat:no-repeat;left:0;padding-left:20px;position:absolute;top:3px; } span.icon-expanded { left:0; top:2px; background-image: url(/_system/img/template/icon_expanded.gif); } a:hover span.icon-expanded { background-image: url(/_system/img/template/icon_expanded_on.gif); } a:hover span.icon-collapsed { background-image: url(/_system/img/template/icon_collapsed_on.gif); } /*calendar*/ .col-1 div.calendar { padding:12px 18px 0px 18px; width:524px; background: #171717 url(/_system/img/template/bg_puff.gif) repeat-x; float:left; margin-bottom:18px; } .col-1 div.calendar p { margin-bottom:0px; } .col-1 div.calendar .calendar_date { width:60px; padding:6px 3px 2px 5px; height:65px; background-image:url(/_system/img/template/bg_calendar.gif); float:left; margin-right:15px; overflow:hidden; } div.calendar_date span { float:left; text-align:center; width:100%; margin:7px 0px 0px 0px; } div.calendar div.calendar_date span.mon{ font-size:10px;font-weight:bold; text-align:left; } div.calendar_date span.day { font-size:44px; margin:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; } div.calendar .calendar_information { width:300px; float:left; } div.calendar .btn { float:right; margin:15px 40px 0px 0px; } .col-1 .calendar_information p { margin-right:10px; } .contentbody div.calendar ul.arrowlist { float:right; padding:10px 0px 10px 0px; } .contentbody div.calendar ul.arrowlist li { width:150px; } /*contact_full*/ .col-1 .contact_full { padding: 12px 13px 0px 13px; background: #171717 url(/_system/img/template/bg_puff.gif) repeat-x; width:488px; } .template2 .col-1 .contact_full { width:488px; } #root .col-1 .contact_full p, #root .col-1 .contact_full i, #root .col-1 .contact_full ul, #root .col-1 .contact_full ol { margin-right:0px; } .col-1 .contact_full ul li p { margin-right: 0px; } /*remove*/ .template2 .col-1 .contact_full ul li p { margin-right: 0px; } .col-1 .contact_full div { float:left; position:relative; } .col-1 .contact_full .noimg { width:296px; } .col-1 .contact_full .noimg ul.arrowlist { width:100%; } .col-1 .contact_full .noimg h4 { width:auto; } .template2 .col-1 .contact_full .noimg { width:296px; } .col-1 .contact_full .img { width:192px; } .template2 .col-1 .contact_full .img { width:192px; } .col-1 .contact_full .img img { width:180px; } .col-1 .contact_full ul.arrowlist { display: inline-block; margin-top: 20px; } .col-1 .contact_full ul.arrowlist li { margin-bottom: 4px; width:277px; } /*contact_compact*/ .col-1 .contact_compact { padding: 12px 13px 0px 13px; background: #171717 url(/_system/img/template/bg_puff.gif) repeat-x; width:488px; } .template2 .col-1 .contact_compact { width:488px; } .col-1 .contact_compact div { float:left; position:relative; } .col-1 .contact_compact .noimg { width:396px; } .template2 .col-1 .contact_compact .noimg { width:296px; } .col-1 .contact_compact .img { width:92px; } .template2 .col-1 .contact_compact .img { width:92px; } .col-1 .contact_compact .img img { width:80px; } .col-1 .contact_compact ul.arrowlist { display: inline-block; margin-top: 20px; } .col-1 .contact_compact ul.arrowlist li { margin-bottom: 4px; width:277px; } /* albums */ .col-1 .albums { width:560px; margin:15px 0px; } .col-1 .albums a { border:none; } .col-1 div.album { width:137px; margin:0px 38px 0px 10px; float:left; position:relative; } .col-1 div.last { margin-right:0px; } .col-1 div.album .imgcontainer { width:137px; height:137px; text-align:center; float:left;margin:0px 0px 10px 0px; position:relative; } .col-1 div.album img { max-width:135px; max-height:135px; margin:0px; float:none; bottom:0px; position:absolute; left:0px; } .col-1 div.album a img { border:1px solid #bebebe; } .col-1 div.album a:hover img { border:1px solid #d0ad53; } .col-1 div.album h2{ text-align:left; font-size:16px; float:left; } #main_container .album h2 a, #main_container .album h2 a:link, #main_container .album h2 a:visited, #main_container .album h2 a:active, #main_container .album h2 a:hover { color:#fff; } #main_container .col-1 div.album p { margin:0px; clear:both; } div.albumText{ background-image:url(/_system/img/template/icon_album.gif); background-position: 0px 5px; background-repeat:no-repeat; padding-left:20px; } /* iframe */ .col-1 iframe body { float:left; margin:0px; } /* comments */ .col-1.comments { width:560px; background-image:url(/_system/img/template/bg_puff.gif); background-repeat:repeat-x; float:left; padding:10px; } .col-1.comments, .col-1.comments p, .col-1.comments div, .col-1.comments h5 { font-size: 11px; } .col-1.comments h5 { font-weight: bold; color:#d0ad53; } .col-1.comments a.noline { border-bottom-style:none; } .col-1.comments a span.arrow { background-image:url("/_system/img/template/icon_arrow_off.gif"); top:4px; left:0px; width:8px; height:8px; padding-left:12px; position:relative; } .col-1.comments a:hover span.arrow { background-image: url(/_system/img/template/icon_arrow_on.gif); } .col-1.comments.right { float: right; } .col-1.comments div.comment { width:550px; margin: 0px 0px 10px 0px; padding:0px 0px 0px 0px;} .col-1.comments div.comment div.commentmessage { display:none;} .col-1.comments div.comment.expanded { background-image:url(/_system/img/template/bg_puff.gif); background-repeat:repeat-x; float:left; margin: 0px 0px 0px 0px; padding:10px 10px 0px 10px; height:auto;} .col-1.comments div.comment.expanded div.commentmessage { display:inline-block; width:100%; margin: 2px 0px 10px 0px; overflow:hidden;} .col-1.comments div.comment.indented { width:98%; margin: 10px 0px 0px 0px; } .col-1.comments div.comment.expanded.indented { width:98%; margin: 0px 0px 0px 0px; } #divCommentsPost { display:none; } #divCommentsPost div.frm { overflow:hidden; border: medium none; margin: 0 auto; position: absolute; width: 460px; height: 620px; z-index: 200; background-color: #171717; } #divCommentsPost div.valid { height:220px; } #commentIFrame { width: 460px; height:620px; } /* Sociable */ #sociable { width: 100%; } #sociable ul { display: inline; float: left; list-style: none outside none; margin: 3px 0 0; padding: 0 0 10px; width: 100%; } #sociable ul li { background: none repeat scroll 0 0 transparent; display: inline; float: left; margin: 0 10px 0 0; padding: 0 0 10px; width: auto; } #sociable ul li a { border: medium none; float: left; height: 32px; margin: 0; padding: 0; width: 32px; } #sociable ul li a.facebook { background: url("/_system/img/template/sociable/facebook.png") no-repeat scroll left top transparent; } #sociable ul li a.twitter { background: url("/_system/img/template/sociable/twitter.png") no-repeat scroll left top transparent; } #sociable ul li a.linkedin { background: url("/_system/img/template/sociable/linkedin.png") no-repeat scroll left top transparent; } /********************/ /* Tabs and subtabs */ /********************/ #tabs {display:block; width:560px; margin:3px 0px 0px 0px; padding-bottom:16px; float:left; padding-left:0px; background:#171717 url(/_system/img/template/tab_bg.gif) repeat-x; } #tabs div { position:relative; width:auto; float:left; } #tabs .tab-on { float:left;margin-left:0px;padding-left:0px;color:#d0ad53;background:#171717 url(/_system/img/template/tab_bg_on.gif) repeat-x; } #tabs .tab-off { float:left;background:#171717 url(/_system/img/template/tab_bg_off.gif) repeat-x; } #tabs div div { clear:right;float:left;width:11px;height:21px;background-color:#171717; background-repeat: no-repeat; } #tabs div.left-on { background-image:url(/_system/img/template/tab_left_on.gif); } #tabs div.right-on { width:16px;background-image:url(/_system/img/template/tab_right_on.gif); } #tabs div.left-off { background-image:url(/_system/img/template/tab_left_off.gif); } #tabs div.right-off { width:16px;background-image:url(/_system/img/template/tab_right_off.gif); } #tabs a { float:left; display:block; padding-top:4px; margin-top:0px; font:normal 11px verdana, arial, helvetica, sans-serif; border:none; white-space:nowrap; } #tabs a, #tabs a:link, #tabs a:visited, #tabs a:active { color:white; } #tabs a:hover { color:#d0ad53; } .subtabs { width:549px; padding: 0px 0px 26px 11px; text-align:left; font-size:12px; font-family: verdana, arial, helvetica; clear:both; padding-right:210px; } .subtabs a { line-height:16px; margin:0px 1px 0 1px; border-bottom-style:dotted; border-bottom-width:1px; line-height:18px; white-space:nowrap; } .subtabs span.selected { color:#d0ad53; white-space:nowrap; line-height:18px; } pre.subtabs { white-space:normal; } .tabNavigationContainer{ /* to enable intro:s behind tab-nav */ width:600px; } .docTranslatedVersions { font-size:10px; font-family: verdana, arial, helvetica; } #mc-left PRE.docTranslatedVersions A{ font-size:10px; font-family: verdana, arial, helvetica; } /*****************************************/ /* Forms (col-1 / mc-left and in layers) */ /*****************************************/ span.required-text { font-size:10px; } span.required { color:#d0ad53; font-size:12px; } span.required-text span.required { font-size:12px; } label { display:block; margin-bottom:2px; } select { padding:0; width:100%; } fieldset { border: 1px solid #2e2e2e; padding:10px; } fieldset.single { border:none; padding:0px; } fieldset.single input { padding-left:0px; margin-left:0px; } fieldset input, fieldset label { vertical-align:middle; display:inline; font-size:11px; line-height:20px;} fieldset input { margin:0px 5px 0px 0px; } fieldset input.text { margin:0px; } fieldset.noborder input.radiobuttons { margin-left:0px; margin-bottom:0px; } .checkboxes img, .radiobuttons img { display:inline; vertical-align:middle; } div.checkbox { float:left;width:20px; } div.label { float:left; width:100px; margin-top:0px; margin-bottom:4px; overflow:hidden; } /* form */ .form textarea, .form input.text { width:395px; } .form textarea { height:70px; } .form div.form-1 input.left, .form div.form-2 input.left { float:left;width:38%; margin-bottom:15px; } .form div.form-1 input.right, .form div.form-2 input.right { float:left;width:38%;margin-bottom:15px; } .col-1 .form { width:400px; margin-bottom:12px; float:left; } .col-1 .form h3 { clear:both; width:100%; } .col-1 .form hr { width:400px; } .col-1 .form select { width:400px; } .col-1 .form input.other { width:200px; } .col-1 .form input.form-margintop { margin-top:10px; } .col-1 .form input.upload { padding-right:10px; width:400px; } .col-1 .form input.btn, .col-1 .form input.btn_grey { margin:0px 10px 0px 0px; } input.left { float:left; } input.right { float:right; margin:0px 0px 0px 10px; } .col-1 .form input.right { float:right; margin:0px 0px 0px 10px; } .col-1 .form div.label { width:355px; margin-top:4px; margin-bottom:4px; } .col-1 .form fieldset{ width:378px; } .col-1 .form fieldset input.text { width:373px; } .col-1 .form img { margin-bottom:6px; } .col-1 .form-1 { width:190px; float:left; margin-right:20px; position:relative; } .col-1 .form-2 { width:190px; float:left; margin-right:0px; position:relative; } .col-1 .form-2 ul.arrowlist li { width:140px; position:relative; } .col-1 .form-1 input.text, .col-1 .form-2 input.text { width:185px; } .col-1 .form-1 select, .col-1 .form-2 select { width:188px; } .col-1 .form-1 fieldset, .col-1 .form-2 fieldset { width:168px; } .col-1 .form-1 fieldset input.text, .col-1 .form-2 fieldset input.text { width:163px; } #mc-left .form p { margin-right:0px; } #mc-left .form p.imageText { font-size:11px; line-height:12px; } /* Forms errors and success fields*/ .col-1 div.error_field, .col-1 div.success_field { float:left; padding:5px; margin-bottom:10px; border:1px solid #d0ad53; color:#d0ad53; position:relative; width:387px; float:left; min-height:38px; } .success_field { border:1px solid #fff; color:#fff; } .error_field ul { color:#ffffff; } span.icon-varning, span.icon-success { position:absolute; top:9px; left:10px; height:31px; width:31px; background-image: url(/_system/img/template/varning.gif); } span.icon-success { background-image: url(/_system/img/template/success.gif); } span.icon-square { position:absolute; top:5px; left:0px; height:2px; width:2px; background-image: url(/_system/img/template/list_square.gif); } div.error_field p, div.success_field p { padding-left:50px; font-size:12px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; margin:2px 5px 5px 0px; line-height:14px; } label.error { color:#d0ad53; font-weight:bold; } select.error, fieldset.error, textarea.error, input.error { border-color:#d0ad53; } .template2 .col-1 div.success_field p, div.success_field p { font-size:11px; padding:10px 10px 10px 50px; } div.error_field ul { padding-left:50px; width:390px; font-size:11px; padding-left:51px; } .col-1 div.error_field ul li, .template1 .col-1 div.error_field ul li, .template2 .col-1 div.error_field ul li { width:330px; padding-left:7px; position:relative; margin:0px 0px 2px; } .col-1 div.error_field p, .template1 .col-1 div.error_field p, .template2 .col-1 div.error_field p { width:330px; margin-right:0px; } .col-1 div.error_field ul, .template2 .col-1 div.error_field ul, .template2 .col-1 div.error_field ol { width:330px; width:330px; margin-right:0px; } span.error { color:#d0ad53; font-size:10px; margin-top:6px; } .error span.required { color:#d0ad53; } span.error_corr { display:block; color:#000000; } /*buttons*/ .buttons { margin-bottom:0px; width:400px; float:left; } /*Captcha*/ fieldset#Preview { margin-bottom:10px; float:left; } fieldset#Preview span { margin-bottom:2px; clear:both; } #ValidationDiv { padding-top:10px; float:left; width:100%; padding-bottom:10px; } #ValidationDiv input { width:150px; margin-top:2px; display:block; } #CaptchaDiv { margin-top:2px; } #LBD_CaptchaImage { padding:1px 0px; float:left; margin:0px 0px 10px; border: 1px solid #bebebe;background-color:#FFFFFF; } #LBD_CaptchaIcons { float:left; margin-left:4px; } #LBD_CaptchaIcons a { border:none; } #LBD_CaptchaIcons img { display:block; margin:0; padding:1px 0 4px; } /*****************************************/ /* search (col-1 / mc-left and in layers) */ /*****************************************/ /* searchinput_container */ .searchinput_container { font-size:11px; padding:25px 0; } .searchinput_container input.text { width:377px; } .searchinput_container fieldset { border:none; padding:10px 0px 0px 0px; clear:both; } .searchinput_container label { margin:0px 10px 0px 0px; } /*searchoption_container - Used vehicles*/ .searchoption_container { float:left; width:100%; margin:0px 0 20px 0; } .searchoption_container .left { float:left; width:55%; } #main_container .searchoption_container ul { float:left; margin:0px 1px 0px 0px; padding:0px; display:block; width:100%; } #main_container .searchoption_container ul li { margin-bottom:4px; width:90%; } .searchoption_container .right { float:right; width:auto; } .searchoption_container .right select { float:left; width:140px; } /* .searchnav container and detailed search - Used vehicles */ .searchnav_container, .detailedSearch { width:100%; border-top:solid 1px #2f2f2f; border-bottom:solid 1px #0b0b0b; float:left; font-size:11px; } .searchnav_container { width:100%; } .searchnav_container div.searchnav, .detailedSearch div { border-top:solid 1px #0b0b0b; border-bottom:solid 1px #2f2f2f; width:100%; float:left; padding:6px 0px; } .detailedSearch { margin-bottom:18px; margin-right:210px; } #main_container .detailedSearch p { margin:0px; } /* Pagination */ #main_container .searchnav_container a { border:none; } .searchnav_container .searchnav div { float:left; line-height:12px; position: relative; width:20%; min-height:10px; } .searchnav_container .searchnav div.prev { text-align:left; } .searchnav_container .searchnav div.prev a { padding-left:13px; } .searchnav_container .searchnav div.pages { text-align:center; width:60%; } .searchnav_container .searchnav div.pages a { margin:0 0 0 8px;border: none; } .searchnav_container .searchnav div.next { text-align:right;} .searchnav_container .searchnav div.next a { padding-right:13px; } div.contentbody .searchnav p { margin-bottom:0px; } /* Pagination icons*/ span.icon-rightarrow-right, span.icon-leftarrow { background-image: url(/_system/img/template/icon_arrow_left_off.gif); top:3px; left:0; width:8px; height:8px; padding-left:20px; position:absolute; } span.icon-rightarrow-right { background-image: url(/_system/img/template/icon_arrow_off.gif); left:auto; right:0px; padding:0px 0px 20px 0px; } a:hover span.icon-rightarrow-right { background-image: url(/_system/img/template/icon_arrow_on.gif); } a:hover span.icon-leftarrow { background-image: url(/_system/img/template/icon_arrow_left_on.gif); } /* searchresult text */ span.searchresult-text { font-size:11px; padding:5px 0px 20px 0px; float:left; width:100%; } span.searchresult-text span { font-weight:bold; color:#d0ad53; } span.last { padding:10px 0px 5px 0px; } /* Link based listing */ .col-1 .searchresult { border-bottom:1px #2F2F2F solid; padding-bottom:9px; margin-bottom:9px; position:relative; } .col-1 .last { border:none; } .col-1 .searchresult a img, .col-1 .searchresult img { margin-top:6px; } .col-1 fieldset img { float:none; display:inline; margin:0px; } .col-1 .searchresult p.header { margin-bottom:0px; } /*remove?*/ .col-1 .searchresult p.body { margin-bottom:10px; } .col-1 .searchresult p.tags { font-size:11px; } .col-1 .searchresult p.tags span { font-weight:bold; } .col-1 div.icon { margin-bottom:4px;padding-left:20px; min-height:20px; } .contentbody .col-1 div.icon p { margin-bottom:0px;font-size:10px; line-height:14px; } span.icon-pdf, span.icon-doc, span.icon-xls, span.icon-ppt, span.icon-jpg, span.icon-gif, span.icon-zip, span.icon-wav, span.icon-mp3, span.icon-png { position:absolute; display:block; top:5px; left:0px; height:18px; width:13px; cursor:pointer; background:transparent url(/_system/img/template/icon_small_pdf.gif) no-repeat; } span.icon-pdf { background-image:url(/_system/img/template/icon_small_pdf.gif); } span.icon-doc { background-image:url(/_system/img/template/icon_small_doc.gif); } span.icon-xls { background-image:url(/_system/img/template/icon_small_xls.gif); } span.icon-ppt { background-image:url(/_system/img/template/icon_small_ppt.gif); } span.icon-jpg { background-image:url(/_system/img/template/icon_small_jpg.gif); } span.icon-gif { background-image:url(/_system/img/template/icon_small_gif.gif); } span.icon-zip { background-image:url(/_system/img/template/icon_small_zip.gif); } span.icon-wav { background-image:url(/_system/img/template/icon_small_wav.gif); } span.icon-mp3 { background-image:url(/_system/img/template/icon_small_mp3.gif); } span.icon-png { background-image:url(/_system/img/template/icon_small_png.gif); } /* “Zebra” listing */ .col-1 table.searchresult { font-size:11px; float:left; width:100%; background-image:none; line-height:14px; border:none; font-weight:bold;text-align:left;vertical-align:top; margin:20px 9px 17px 9px;} .col-1 table.searchresult td { text-align:left; vertical-align:top; padding:20px 9px 20px 9px; border:none; } table tr.alt_bg, div.contentbody .col-1 .alt_bg { background-color:#1e1e1e; } .col-1 table.searchresult tr.alt_bg td { padding:9px 9px 11px 10px; } .col-1 table.searchresult td.img { width:1%;padding:10px 0 10px 0; } .col-1 table.searchresult tr.alt_bg td.img { padding:0; } .col-1 table.searchresult td.img a, .col-1 table.searchresult td.img a:link, .col-1 table.searchresult td.img a:visited, .col-1 table.searchresult td.img a:active { border: none; } .col-1 table.searchresult img { margin:0px; } /*col-1-left*/ .col-1 .col-1-left { width:300px; margin:0px 0px 10px 0px; padding:0px; float:left; overflow:hidden; } .col-1 .col-1-left #UVDetailsPartsExpanding div { padding-left:18px; width:252px; position:relative; background: url(/_system/img/template/menuleft_bg.gif) repeat-x 0 0; margin-bottom:5px; padding-top:1px; } .col-1 .col-1-left #UVDetailsPartsExpanding div div {background: none; } .col-1 .col-1-left #UVDetailsPartsExpanding a { font-size:11px; border:none; } .col-1 .col-1-left #UVDetailsPartsExpanding span.icon-collapsed, .col-1 .col-1-left #UVDetailsPartsExpanding span.icon-expanded { top:5px; left:4px; } .col-1 .col-1-left div.services { color:#d0ad53; position:relative; padding:5px 5px 15px 43px; width:117px; margin:5px 10px 0px 0px; font-size:11px; float:left; min-height:40px; background: #171717 url(/_system/img/template/bg_puff_small.gif) repeat-x; overflow:hidden; } .col-1 .col-1-left div.services { font-size:11px; float:left; } .col-1 .col-1-left div.services a { border:none; } #root .col-1-left p { margin-right:0px; padding-right:0px; } /**********/ /* Intros */ /**********/ /* Link color */ #main_container .sidebar .intro_list_large p, #main_container .sidebar .intro_list_large p a, #main_container .sidebar .intro_list_large p a:link, #main_container .sidebar .intro_list_large p a:visited, #main_container .sidebar .intro_list_large p a:active, #main_container .sidebar .intro_list_large p a:hover, #main_container .intro_top_img_landscape p, #main_container .intro_top_img_landscape p a, #main_container .intro_top_img_landscape p a:link, #main_container .intro_top_img_landscape p a:visited, #main_container .intro_top_img_landscape p a:active, #main_container .intro_top_img_landscape p a:hover, #main_container .intro_top_img_portrait p, #main_container .intro_top_img_portrait p a, #main_container .intro_top_img_portrait p a:link, #main_container .intro_top_img_portrait p a:visited, #main_container .intro_top_img_portrait p a:active, #main_container .intro_top_img_portrait p a:hover, #main_container .intro_right_img_square p, #main_container .intro_right_img_square p a, #main_container .intro_right_img_square p a:link, #main_container .intro_right_img_square p a:visited, #main_container .intro_right_img_square p a:active, #main_container .intro_right_img_square p a:hover, #main_container .intro_right_icon p, #main_container .intro_right_icon p a, #main_container .intro_right_icon p a:link, #main_container .intro_right_icon p a:visited, #main_container .intro_right_icon p a:active, #main_container .intro_right_icon p a:hover, #main_container #view a, #main_container #view a:link, #main_container #view a:visited, #main_container #view a:active, #main_container div.dropdown_search a, #main_container div.dropdown_search a:link, #main_container div.dropdown_search a:visited, #main_container div.dropdown_search a:active { color:white; } #main_container img.newslinkicon { display:none; } #main_container a img.newslinkicon { display:inline;margin:0px 0px 0px 3px; float:none; } /* Intro list */ #main_container .intro_list { padding:7px 10px 9px 9px; border: solid 1px #242424; background:none; } .intro_list h3 { font: bold 10px/10px verdana, arial, helvetica; margin:3px 0px 2px 0px; clear:both; } .intro_list p { font: 10px/10px verdana, arial, helvetica; margin:3px 0px 2px 0px; } #mc-left .intro_list ul.arrowlist { padding:0px 0px 8px 0px; } .intro_list ul.arrowlist li { font-size:10px; padding-bottom:5px; width:90%; } #mc-left .intro_list ul.arrowlist li a { font-size:10px; line-height:14px; border:none; } #main_container .intro_list h2 img, #main_container .intro_list_large h2 img, #main_container .sidebar .intro_list_large h2 img, #main_container .sidebar .intro_list_large h2 a img { padding-top:3px;vertical-align:text-top;display:inline; margin-left:3px; float:none } #main_container div.newsarchive{ font-size:10px; text-align:right; width:100%; line-height:16px; margin:0px; padding:0px; } #main_container div.newsarchive a { border-bottom-width:1px; border-bottom-style:dotted; } /* intro_right_img_square and intro_right_icon */ #mc-left .intro_right_img_square, #mc-left .intro_right_icon { background: #171717 url(/_system/img/template/bg_puff.gif) repeat-x; padding:8px 10px 10px 10px; } .template3 #content .intro_right_img_square, .template3 #content .intro_right_icon { padding-bottom:0px } #mc-left .intro_right_img_square p, #mc-left .intro_right_icon p { margin:0px; margin-bottom:0px; padding:0 0px 10px 0px; width:auto; } .template3 #content .intro_right_img_square p, .template3 #content .intro_right_icon p { margin-bottom:0px; } .intro_right_img_square img.puffimg, .intro_right_icon img.pufficon { float:right; display:inline; margin:3px 0px 0px 10px; width:100px; } .intro_right_icon img.pufficon { width:38px; } #main_container .intro_right_img_square ul.arrowlist, #main_container .intro_right_icon ul.arrowlist{ padding:2px 0px; float:none; } #main_container .intro_right_img_square ul.arrowlist li, #main_container .intro_right_icon ul.arrowlist li{ width:auto; float:left; padding-left: 16px; line-height: 18px;} /* intro_top_img_portrait and intro_top_img_landscape */ .intro_top_img_portrait h2 { margin:0px 10px 4px 0px; } .intro_top_img_portrait p, .intro_top_img_landscape p { margin-bottom:15px; } .intro_top_img_landscape img.puffimg, .intro_top_img_portrait img.puffimg { padding-bottom:17px; padding-top:3px; } #main_container .sidebar img.puffimg { padding:0px; } .intro_top_img_landscape span.icon-rightarrow { top:3px; } #mc-left .intro_top_img_landscape h3, #mc-left .intro_top_img_landscape h3 a, #mc-right .intro_top_img_landscape h3, #mc-right .intro_top_img_landscape h3 a { margin:0px; padding-top:8px; font-size:11px; line-height:13px; } .intro_top_img_landscape ul { padding-bottom:5px; } .intro_top_img_landscape ul li { font-size:11px; position:relative; padding-left:16px; width:160px; float:none; line-height:16px; } /* vertical_ruler around portrait and landscape */ .col-2_vertical_ruler, .col-3_vertical_ruler, .col-4_vertical_ruler { width:auto; float:left; margin-bottom:20px; background-position:bottom left; background-repeat:repeat; background-image:url(/_system/img/template/col-2_ruler.gif); } .col-3_vertical_ruler { background-image:url(/_system/img/template/col-3_ruler.gif); } .col-4_vertical_ruler { background-image:url(/_system/img/template/col-4_ruler.gif); display:block; } .col-2_vertical_ruler .col-2, .col-3_vertical_ruler .col-3, .col-4_vertical_ruler .col-4 { margin:0px; background-position:bottom left; background-repeat:repeat-x; background-image:url(/_system/img/template/col-2_ruler_bottom.gif); width:auto; } .col-3_vertical_ruler .col-3 { background-image:url(/_system/img/template/col-3_ruler_bottom.gif); } .col-4_vertical_ruler .col-4 { background-image:url(/_system/img/template/col-4_ruler_bottom.gif); } .col-2_vertical_ruler img.puffimg, .col-3_vertical_ruler img.puffimg, .col-4_vertical_ruler img.puffimg { padding-right:18px;background-color:#171717;margin:0px } #mc-left .intro_filler { width:0px; } /* col-2, 3 and 4 */ .col-2 h2, .col-3 h2, .col-4 h2, .col-1 .intro_top_img_landscape h2 { font-size:16px; } .col-3 .intro_right_img_square p, .col-4 .intro_right_img_square p, .col-3 .intro_right_icon p, .col-4 .intro_right_icon p { font-size:11px; line-height:14px; } .col-2, .col-3, .col-4 { float:left; padding:0px 0px 20px 0px; width:100%; } .col-2_vertical_ruler .col-2, .col-3_vertical_ruler .col-3, .col-4_vertical_ruler .col-4 { margin-right:0px; padding:0px; } .col-2 div, .col-3 div, .col-4 div { float:left; display:inline; } /* col-2 */ .col-2 .intro_list { width:356px; } .col-2 ul.arrowlist { width:356px; } .col-2_vertical_ruler p, .col-2_vertical_ruler h2, .col-2_vertical_ruler h3, .col-2_vertical_ruler ul { width:377px; } .col-2 ul.arrowlist li { width:345px; } .col-2 div { width:380px; margin-right:20px; } .col-2_vertical_ruler .col-2 div { margin-right:0px; width:400px; } .col-2_vertical_ruler .col-2 div.last { width:380px; } .col-2_vertical_ruler .col-2 div ul li { margin-right:0px; width:368px; } .col-2 .intro_right_img_square { width:360px; } .col-2 .intro_right_img_square ul.arrowlist li { width:233px; margin:0px; } .col-2 .intro_right_img_square UL.arrowlist{ width:250px; } /* col-3 */ .col-3 .intro_list { width:224px; } .col-3 .intro_list ul { width:224px; } .col-3 div { width:245px; margin-right:20px; } .col-3 .intro_right_img_square { width:225px; } .col-3 .intro_right_icon { width:225px; } .col-3_vertical_ruler .col-3 div { margin-right:0px; width:265px; } .col-3_vertical_ruler p, .col-3_vertical_ruler h2, .col-3_vertical_ruler h3, .col-3_vertical_ruler ul { width:245px; } .col-3_vertical_ruler .col-3 div ul li { margin-right:0px; width:233px; line-height: 16px; padding-left: 16px; } .col-3_vertical_ruler .col-3 .last { width:245px; } /* col-4 */ .col-4 .intro_list { width:164px; margin-right:10px; } .col-4 ul.arrowlist li { width:150px; } .col-4 div { width:180px; margin-right:20px; } .col-4_vertical_ruler .col-4 div { margin-right:0px; width:200px; } .col-4_vertical_ruler .col-4 .last { width:180px; } .col-4_vertical_ruler p, .col-4_vertical_ruler h2, .col-4_vertical_ruler h3, .col-4_vertical_ruler ul { width:180px; } .col-4_vertical_ruler .col-4 div ul li { width:160px; margin-bottom:1px; } /* 168 -> 160 */ .col-4 .intro_right_img_square { width:166px; margin-right:11px; } .col-4 .intro_right_img_square img.puffimg { width:80px; } #mc-left .last { margin-right:0px; } #mc-left .last img.puffimg { padding-right:0px; } #mc-left .intro_top_img_landscape p, #mc-left .intro_top_img_landscape h2, #mc-left .intro_top_img_landscape h3, #mc-left .intro_top_img_landscape ul, #mc-left .intro_top_img_portrait p, #mc-left .intro_top_img_portrait h2, #mc-left .intro_top_img_portrait h3, #mc-left .intro_top_img_portrait ul { margin-right:0px; } #mc-left .intro_top_img_landscape p { line-height:17px; } .col-2_vertical_ruler .col-2 div ul li span.icon_small-pdf, .col-2_vertical_ruler .col-2 div ul li span.icon_small-doc, .col-2_vertical_ruler .col-2 div ul li span.icon_small-xls, .col-2_vertical_ruler .col-2 div ul li span.icon_small-ppt, .col-2_vertical_ruler .col-2 div ul li span.icon_small-zip, .col-2_vertical_ruler .col-2 div ul li span.icon_small-gif, .col-2_vertical_ruler .col-2 div ul li span.icon_small-jpg, .col-2_vertical_ruler .col-2 div ul li span.icon_small-png, .col-2_vertical_ruler .col-2 div ul li span.icon_small-html, .col-2_vertical_ruler .col-2 div ul li span.icon_small-rss, .col-3_vertical_ruler .col-3 div ul li span.icon_small-pdf, .col-3_vertical_ruler .col-3 div ul li span.icon_small-doc, .col-3_vertical_ruler .col-3 div ul li span.icon_small-xls, .col-3_vertical_ruler .col-3 div ul li span.icon_small-ppt, .col-3_vertical_ruler .col-3 div ul li span.icon_small-zip, .col-3_vertical_ruler .col-3 div ul li span.icon_small-gif, .col-3_vertical_ruler .col-3 div ul li span.icon_small-jpg, .col-3_vertical_ruler .col-3 div ul li span.icon_small-png, .col-3_vertical_ruler .col-3 div ul li span.icon_small-html, .col-3_vertical_ruler .col-3 div ul li span.icon_small-rss { top: 1px; } #main_container .intro_right_img_square ul.arrowlist li span.icon_small-pdf, #main_container .intro_right_img_square ul.arrowlist li span.icon_small-doc, #main_container .intro_right_img_square ul.arrowlist li span.icon_small-xls, #main_container .intro_right_img_square ul.arrowlist li span.icon_small-ppt, #main_container .intro_right_img_square ul.arrowlist li span.icon_small-zip, #main_container .intro_right_img_square ul.arrowlist li span.icon_small-gif, #main_container .intro_right_img_square ul.arrowlist li span.icon_small-jpg, #main_container .intro_right_img_square ul.arrowlist li span.icon_small-png, #main_container .intro_right_img_square ul.arrowlist li span.icon_small-html, #main_container .intro_right_img_square ul.arrowlist li span.icon_small-rss, #main_container .intro_right_icon ul.arrowlist li span.icon_small-pdf, #main_container .intro_right_icon ul.arrowlist li span.icon_small-doc, #main_container .intro_right_icon ul.arrowlist li span.icon_small-xls, #main_container .intro_right_icon ul.arrowlist li span.icon_small-ppt, #main_container .intro_right_icon ul.arrowlist li span.icon_small-zip, #main_container .intro_right_icon ul.arrowlist li span.icon_small-gif, #main_container .intro_right_icon ul.arrowlist li span.icon_small-jpg, #main_container .intro_right_icon ul.arrowlist li span.icon_small-png, #main_container .intro_right_icon ul.arrowlist li span.icon_small-html, #main_container .intro_right_icon ul.arrowlist li span.icon_small-rss { top: 1px; } /************************************************************************************/ /* PTA-IntroContent - homepage */ /************************************************************************************/ .col-4-start { float:left; padding:19px 0 20px 10px; } .col-4-start span { width:auto;} .col-4-start div { float:left; width:230px; margin-right:20px; min-height:205px; display:inline; } .col-4-start div div { min-height:0px; margin-right:0px;} .col-4-start .last { margin-right:0px; } #mc-left .col-4-start p { font-size:11px; line-height:14px; } .col-4-start .intro_list { width:209px; min-height:188px;} .col-4-start .intro_top_img_landscape { padding:11px; width:208px; background-image:url(/_system/img/template/bg_puff.gif); background-repeat:repeat-x; } #mc-left .col-4-start ul.arrowlist li { float:left; } #mc-left .col-4-start ul.arrowlist li a { font-size:11px; } #mc-left .col-4-start .intro_top_img_landscape p { margin:0 0px 10px 0px; line-height:14px; } .col-4-start .intro_top_img_landscape img.puffimg, .col-4-start .intro_top_img_portrait img.puffimg { padding-bottom:6px; padding-top:0px; } .col-4-start .intro_top_img_landscape span.icon-rightarrow { top:4px; } .col-4-start span p { width:208px; } .col-4-start span h2 { width:208px; } /**************************/ /* Site map and siteindex */ /**************************/ #sitemap, #siteindex { margin-left:10px; padding:20px 0px; float:left; } div.sitemap_nav { float:left; padding:10px 0px; width:100%; } #sitemap h1, #siteindex h1 { display:inline; color:#fff; padding-bottom:20px; } #sitemap h2, #siteindex h2 { color:#fff; } #siteindex h2 a { color:#fff; } #siteindex h2 a:hover { color:#d0ad53; } #sitemap .sitemap_link a { border-bottom-style:dotted; border-bottom-width:1px; line-height:16px; } #sitemap li, #siteindex li { display:inline; display:block;width:210px; } #sitemap li a, #siteindex li a { font-weight:bold; } #sitemap li li a, #siteindex li li a { font-weight:normal; } #sitemap li li, #siteindex li li { font-weight:normal; width:210px; } #sitemap li li li, #siteindex li li li { font-weight:normal; width:205px; padding-left:5px; } #sitemap .sitemap_head { width:90%; padding:10px 0px 10px 0px; float:left; } #sitemap .sitemap_head h2 { display:inline; margin:0px 10px 0px 0px; padding-left:14px; position:relative; float:left; } #sitemap .single h2 { padding-left:0px; } #sitemap h2 a { color:#fff; } #sitemap h2 a:hover { color:#d0ad53; } #sitemap .sitemap_head h2 span { top:7px; left:0px; } #sitemap .sitemap_link { padding-left:10px; padding-top:4px;position:relative; display:inline; float:left; } #sitemap .sitemap_link span { top:9px; left:0px; } #siteindex div.siteindex { float:left; width:230px;padding:0px 10px 0px 0px; } #siteindex div.siteindex h2 { margin:20px 0px 5px 0px; display:block; } #siteindex div.siteindex ul { display:block; width:220px; margin:5px 10px 5px 0px; display:block; } #siteindex div.siteindex ul ul { margin:0px; } div.sitemap_nav{ padding-bottom:23px; } #sitemap div.SiteMapL1{ width:100%; padding:0px; float:left; margin:0px; } #sitemap div.SiteMapL1 DIV.HR{ border-top: 1px solid #2f2f2f; border-bottom: 1px solid #0b0b0b; width:100%; height:0px; margin:2px 0px 0px 0px; padding:0px; float:left; font-size:0px; line-height:0px; } #sitemap div.SiteMapL1 h2{ padding:12px 0px 10px 0px; float:left; width:100%; margin:0px; font-size:18px; } #sitemap div.SiteMapL1 h2 a{ background-image:url(/_system/img/template/icon_arrow_off.gif); background-position:right 8px; padding-right:13px; } #sitemap div.SiteMapL1 h2 a, #sitemap div.SiteMapL1 h2 a:link, #sitemap div.SiteMapL1 h2 a:visited, #sitemap div.SiteMapL1 h2 a:active{ color:white; } #sitemap div.SiteMapL1 h2 a:hover { color:#d0ad53; background-image:url(/_system/img/template/icon_arrow_on.gif); } #sitemap div.SiteMapL1 div.SiteMapL2{ width:20%; float:left; padding-bottom:16px; } #sitemap div.SiteMapL1 div.SiteMapL2 h3 a { font-size:12px; font-weight:bold; color:#bebebe; } #sitemap div.SiteMapL1 div.SiteMapL2 h3 a:hover{ color:#d0ad53; } #sitemap div.SiteMapL1 div.SiteMapL2 div.SiteMapL3 { float:left; width:100%; } #sitemap div.SiteMapL1 div.SiteMapL2 div.SiteMapL3 a{ font-size:12px; font-weight:normal; color:#bebebe; } #sitemap div.SiteMapL1 div.SiteMapL2 div.SiteMapL3 a:hover{color:#d0ad53; } /*****************************/ /* sidebars */ /*****************************/ #main_container .sidebar p { padding:0px; line-height:16px; margin:5px 0 5px 0px; font-size:12px; } #main_container .sidebar p.borders { padding:3px; width:172px; } #main_container .sidebar .intro_list_large p { line-height:14px; font-size:11px; margin:0px; padding-bottom:5px; } .sidebar div { width:180px; padding:10px 10px 15px 10px; float:left; position:relative; } .sidebar div div { width:180px; padding:0px 0px 7px 0px; } .sidebar div ul { margin:0px;padding:0px;display:block; font: normal 11px/14px verdana, arial, helvetica, sans-serif; } .sidebar ul.arrowlist { padding:0px 0px; } .sidebar ul.arrowlist li { padding-bottom:10px; margin:0px; width:162px; padding:0 0 5px 12px; border:none; } #main_container .sidebar ul.arrowlist li.noicon { padding-left:0; } .sidebar ul.arrowlist li a { line-height:14px; } .sidebar span.icon-rightarrow { top:5px; } .sidebar p { padding:0px 0px 10px 0px; margin:0px; } .sidebar p.nospace { padding:0px; } #main_container .col-4 .intro_right_img_square p, #main_container .col-3 .intro_right_img_square p, #main_container .sidebar .attachment, #main_container .sidebar .intro_top_img_landscape p, #main_container .sidebar .intro_right_img_square p { font: normal 11px/14px verdana, arial, helvetica, sans-serif; } .sidebar div.groupAttachments { padding-bottom:5px; } span.attachment-pdf, span.attachment-doc, span.attachment-xls, span.attachment-ppt, span.attachment-jpg, span.attachment-gif, span.attachment-zip, span.attachment-wav, span.attachment-mp3, span.attachment-png, span.attachment-web { height:55px; width:29px; float:right; background-repeat:no-repeat; background-image:url(/_system/img/template/icon_pdf.gif); margin:5px 0px 0px 5px; } span.attachment-doc { background-image:url(/_system/img/template/icon_doc.gif); } span.attachment-xls { background-image:url(/_system/img/template/icon_xls.gif); } span.attachment-ppt { background-image:url(/_system/img/template/icon_ppt.gif); } span.attachment-jpg { background-image:url(/_system/img/template/icon_image.gif); } span.attachment-gif { background-image:url(/_system/img/template/icon_image.gif); } span.attachment-zip { background-image:url(/_system/img/template/icon_zip.gif); } span.attachment-wav { background-image:url(/_system/img/template/icon_sound.gif); } span.attachment-mp3 { background-image:url(/_system/img/template/icon_sound.gif); } span.attachment-png { background-image:url(/_system/img/template/icon_image.gif); } span.attachment-web { background-image:url(/_system/img/template/icon_web.gif); } #main_container .sidebar .intro_top_img_landscape img.puffimg, #main_container .sidebar img.puffimg { display:inline; margin:0px; padding-bottom:10px; width:180px; } #main_container .sidebar .intro_right_img_square img.puffimg { width:80px; float:right; margin:0px 0px 10px 5px; border:none; } #mc-left .sidebar .intro_list_large { background:none; margin-bottom:15px; padding:0px 0px 10px; width:200px;} .groupAttachments span.SEC { clear:both; } .sidebar div.groupAttachments li { padding-bottom:7px; } .sidebar div.groupAttachments h3 { margin-bottom:7px; } .sidebar div.calendar { background:none; } .sidebar div.calendar h3 { padding:0px; font: bold 12px/1em verdana, arial, helvetica; margin:5px 0px 5px 0px; } .sidebar div.calendar p { padding:0px; font: normal 10px/1em verdana, arial, helvetica; margin:3px 0px 2px 0px; } .sidebar div.calendar ul.arrowlist li { width:125px; } .sidebar div.calendar ul.arrowlist li a { font-size:10px; } #main_container .sidebar div.calendar div.calendar_date { float:right; width:30px; height:37px; padding:0px; background-image:url(/_system/img/template/bg_calendar_small.gif); margin:0px 0px 5px 5px; } .sidebar div.calendar div.calendar_date span { font-size:9px; margin:7px 0px 0px 0px; } .sidebar div.calendar div.calendar_date span.day { font-size:30px; margin:0px; } .sidebar div.groupContact div.contact { background:none; padding:0px 0px 0px 0px; margin:0px; } #main_container .sidebar div.contact img { margin-bottom:10px; margin-top:10px; float:right; } .sidebar div.contact ul.arrowlist { margin-bottom:5px; } .sidebar div.contact p { padding:0px 0px 5px 0px;margin:0px; width:100%; } .sidebar div.contact p.contact_space { padding-bottom:10px; } .sidebar div.contact h2 { margin-bottom:0px; } .sidebar div.contact h4 { margin:15px 0px 0 0; } .sidebar div.contact IMG { width:auto;} .sidebar div.contact .contactName { float:none; width:93px; display:table; height:100px; position:relative; padding:0px; } .sidebar div.contact .contactName div { width:95px; #position:absolute; top:50%; display:table-cell; float:none; padding-bottom:0px; vertical-align:middle; padding:0px; margin:0px; } .sidebar { overflow:hidden; } .sidebar div.contact .contactName h4 { margin:0px; position:relative; padding:0px; top:-50%; width:95px; text-align:left; } .sidebar .intro_list_large h2 { margin-top:0px; margin-bottom:2px; font-size:16px; } #main_container .sidebar .intro_list_large h3 a, #main_container .sidebar .intro_list_large h3 a:link, #main_container .sidebar .intro_list_large h3 a:visited, #main_container .sidebar .intro_list_large h3 a:active { color:#bebebe; } #main_container .sidebar .intro_list_large h3 a { border-bottom-width:1px; border-bottom-style:dotted; } #main_container .sidebar .intro_list_large h3 { line-height:16px; margin-bottom:3px; } #main_container .sidebar .intro_list_large h3 a:hover { color:#d0ad53; } #main_container .sidebar .intro_list_large h4, #main_container .sidebar .intro_list_large h4 a, #main_container .sidebar .intro_list_large h4 a:link, #main_container .sidebar .intro_list_large h4 a:visited, #main_container .sidebar .intro_list_large h4 a:active #main_container .sidebar .intro_list_large h4 a:hover { color:#fff;} #main_container .sidebar .intro_list_large h4, #main_container .sidebar .intro_list_large h4 a{ font-size:12px; border:none; margin:21px 0px 0px 0px; font-weight:bold; line-height:13px; width:100%; } #main_container .sidebar .calendar h4{ font-weight:bold; font-size:11px; font-family:verdana, Arial, Helvetica, sans-serif; } #main_container .sidebar h4{ width:auto; } #mc-left .sidebar .articleImage .articleImageText{ font-size: 10px; } span.photographer { color:#4C4C4C; font-size:10px; padding:0px; margin:0px 0 7px 0px; float:right;} div.photographer { text-align:left; font-size:10px; margin:1px 0 10px; display:block; } #main_container .sidebar .miniBrowser { width:180px; padding:2px 0px 5px 0px; background:none; z-index:100; border-top:none; float:left; } #main_container .sidebar .miniBrowser a { border:none; } #mc-left .sidebar .miniBrowser ul.arrowlist a { border-bottom-style:dotted; border-bottom-width:1px; } #main_container .sidebar .miniBrowser img { float:left; display:inline; width:37px; height:37px; margin:8px 8px 0px 0px; } #main_container .sidebar .miniBrowser img.last { margin:8px 0px 0px 0px; } #main_container .sidebar .miniBrowser ul.right li { width:auto; } #main_container .sidebar ul.arrowlist li { padding:0 0 5px 14px;width:170px; float:left; } #main_container .sidebar ul.arrowlist { padding:0px; width:100%; } #main_container .sidebar .intro_list_large ul.arrowlist { margin:26px 0px 0px 0px; } #main_container .sidebar ul.right { padding:0px; width:auto; } #main_container .col-1 .col-1-right a img, #main_container .miniBrowser a img { border:1px solid #BEBEBE; } #main_container .sidebar .miniBrowser a img.selected, #main_container .col-1 .col-1-right a:hover img, #main_container .sidebar .miniBrowser a:hover img { border:1px solid #d0ad53; } /** mc-left **/ #mc-left .sidebar div { background: #171717 url(/_system/img/template/bg_puff.gif) repeat-x; } #mc-left .sidebar div div { background:none; } /* sidebar-left */ #sidebar-left { width:265px; float:left; margin-right:20px; } #sidebar-left { padding-bottom:20px; width:245px; position:relative; float:left; } #sidebar-left .intro_right_img_square h2 { width:95px; margin:0px 0px 5px 0px; } #sidebar-left .intro_right_img_square p { font-size:11px; line-height:14px; } #sidebar-left img.newslinkicon { margin-left:3px; } #sidebar-left p { font-size:11px; } #sidebar-left ul.arrowlist li a{ border:none; font-size:11px; } /* sidebar-content */ .col-1 .col-1-right { float:right; margin:5px 0px 0px 10px; padding-right:66px; width:200px; } .template1 .col-1 .col-1-right { padding-right:46px; } .template3 .col-1 .col-1-right { padding-right:0px; } #mc-left .col-1-right p { clear:both; } #mc-left .col-1-right .intro_right_img_square p, #mc-left .col-1-right .calendar p { clear:none; } #mc-left .col-1-right ul.arrowlist li a { font-size:12px; } .col-1 .col-1-right div.calendar { width:180px; padding:10px; float:left; position:relative; } #main_container p.imageText { font-size:10px; line-height:13px; margin:1px 0 0px; } .col-1 .col-1-right .calendar p { margin:1px 0px 3px 0px; width:100%; } .col-1 .workshops .col-1-right { padding-top:20px; } #mc-left .workshops .sidebar div { background:none; width:100%; } .col-1 .col-1-right h2, .col-1 .col-1-right h3, .col-1 .col-1-right ul { margin:0px 0px 5px 0px; } #main_container .sidebar h3.webcast, #main_container .sidebar h3.teleconf, #main_container .sidebar h3.video { position:relative; padding-left:20px; width:170px; margin:0px 0px 5px 0px; } #main_container .sidebar .groupAttachments ul { padding-left:0px; padding-right:0px; } #main_container .sidebar img, #main_container .sidebar a img { float:left;margin:0px; } #main_container .sidebar img.newslinkicon { display:none; } #main_container .sidebar a img.newslinkicon { float:none; display:inline; margin-left:3px; } .col-1 .col-1-right div a#DILayerImgLink { float:left; border:none; } div.col-1-right img { width:178px; } div.col-1-right img.newslinkicon { width:8px; border:none; float:none; } div.col-1-right .intro_top_img_landscape img { width:180px; border:none; } div.col-1-right a img.newslinkicon { width:8px; border:none; margin-left:3px; } .col-1 .col-1-right img { border:1px solid #fff; } .col-1 .col-1-right a img { border: 1px solid #bebebe;} #mc-left .sidebar .scania_approved { padding-top:0px; background:none;} #mc-left .sidebar .scania_approved img { border: none; width:180px;} #mc-left .sidebar .scania_approved img.print { display:none;} .col-1 .col-1-right a:hover img, .col-1 .col-1-right img.selected, .col-1 .col-1-right a img.selected{ border-color:#d0ad53; } .col-1 .col-1-right img.newslinkicon, .col-1 .col-1-right a img.newslinkicon, .col-1 .col-1-right .intro_top_img_landscape img, .col-1 .col-1-right .intro_top_img_landscape a img .col-1 .col-1-right .intro_right_img_square img, .col-1 .col-1-right .intro_right_img_square a img { border:none; } #main_container .sidebar .miniBrowser a img.selected, #main_container .sidebar .miniBrowser a:hover img, .col-1 .col-1-right .miniBrowser a:hover img { border:1px solid #d0ad53; } /* mc-right */ #mc-right { position:relative; width:200px; padding-top:30px; float:left; width:192px; overflow:hidden; margin-left:1px; } #mc-right div { padding:10px 1px 10px 11px; border-top: solid 1px #0b0b0b; border-bottom: solid 1px #2f2f2f; } #mc-right div div { padding:0px 0px 10px 0px; border: none; } #mc-right div.first { border-top: none 0px; } #mc-right div.last { border-bottom: none 0px; } #mc-right p { font: normal 11px/14px verdana, arial, helvetica, sans-serif; } /* icons */ #main_container .enlarge a, #main_container .enlarge a:link, #main_container .enlarge a:visited, #main_container .enlarge a:active { color:#ffffff; } #main_container .enlarge a { border:none; font-family:Arial, Helvetica, sans-serif; line-height:16px; padding: 0px 0px 0px 24px; } #main_container .enlarge a:hover { color: #d0ad53; } .sidebar div div.enlarge { background:transparent none repeat scroll 0; padding:0 0px 3px 0px; } .enlarge { width:100%; } .enlarge a { float:right; position:relative; } span.icon-enlarge { background-repeat:no-repeat; padding-left:20px; position:absolute; top:4px; left:9px; height:9px; width:8px; background-image:url(/_system/img/template/icon_enlarge_off.gif); } a:hover span.icon-enlarge { background-image:url(/_system/img/template/icon_enlarge_on.gif); } /***********************************/ /* Used Vehicles and subscriptions */ /***********************************/ .col-1 .usedVehicles fieldset img { float:none;margin:0px; } .usedVehicles .form fieldset { padding:7px 9px; } .usedVehicles fieldset#applications { padding:4px 2px 22px 10px; } .usedVehicles .form div.form-23 fieldset { width:143px; } .template2 .col-1 .usedVehicles div.form div ul.arrowlist li { width:100px; } #root .usedVehicles { width:514px; margin-bottom:20px; padding-right:210px; } #root .usedVehicles p { margin-right:64px; } .usedVehicles #tabs { width:514px; margin-right:210px; } .usedVehicles div.left, .usedVehicles div.right { float:left; max-width:260px; } .usedVehicles div.left { width:250px; } .usedVehicles div.right { float:right; } .usedVehicles div.right div { clear:both; } .usedVehicles h4 { float:left; width:190px; font-size:12px; } .col-1 .usedVehicles div.lastWeek { display:inline; float:right; width:auto;} .usedVehicles_top_Info { line-height:18px; width:270px; margin-bottom:18px; } .usedVehicles_seller_info { background-color:#1E1E1E; float:left; margin:10px 0px; padding:10px; font-size:11px; line-height:18px; width:250px; } .usedVehicles div.lastWeek input { vertical-align:middle; } .usedVehicles div.lastWeek label { display:inline; font-size:11px; vertical-align:middle; } .usedVehicles div.left select, .usedVehicles div.right input.text { float:left; width:140px; } .col-1 .usedVehicles select { float:left; width:163px; } .col-1 .usedVehicles input.text { float:left; width:158px; } .usedVehicles div.left input.btn { margin-top:0px; } .usedVehicles fieldset.radiobuttons { clear:left; border:none; padding:5px; width:514px; } .usedVehicles .form fieldset.radiobuttons { width:143px; } .usedVehicles .form div fieldset.radiobuttons { border:1px solid #2E2E2E; } .usedVehicles div.checkboxes { float:left; width:128px; } .usedVehicles div.checkboxes div input { margin-bottom:0px; vertical-align:middle; } .usedVehicles div.checkboxes div.label { margin-top:2px; } .usedVehicles div.checkboxes label { font-size:11px; display:inline;} .usedVehicles fieldset.radiobuttons div { float:left; width:200px; padding-left:50px; overflow:hidden; } .usedVehicles fieldset.radiobuttons input { margin-left:0px; display:inline; } .usedVehicles fieldset.radiobuttons label { font-size:11px; display:inline; } .usedVehicles fieldset.radiobuttons label img { display:block; margin-bottom:0px; margin-top:20px; } #main_container .col-1 .checkBoxLi { margin:0px; } .usedVehicles .form { width:514px; } .usedVehicles .form div { width:163px; float:left; } .col-1 .usedVehicles .form div fieldset { width:143px;} .usedVehicles .form-12 div { width:140px; margin-right:20px; float:left; } .usedVehicles .form-12 div.form-2 { margin-right:0px; } .usedVehicles .form div.form-1, .usedVehicles .form div.form-3 { padding:0px; margin:0px; } .usedVehicles .form div.form-2 { padding:0px 12px; } .usedVehicles .form div.form-23 { width:350px; float:left; } .usedVehicles .form div.form-12 { width:350px; float:left; } .usedVehicles .form div.form-12 fieldset { width:324px; } .usedVehicles .form div.form-3 div, .usedVehicles .form div.form-2 div { margin-top:7px; } .usedVehicles .form fieldset input.text { margin-right:0px; width:372px; } .usedVehicles .form fieldset input { margin:0px; padding:0px; } .usedVehicles .form fieldset label { padding:0px 0px 0px 5px; margin:0px 0px 0px 0px; } .usedVehicles .form input.upload { width:400px; padding-right:10px; } .usedVehicles .form div.form-1 input.text, .usedVehicles .form div.form-2 input.text { width:157px; } .usedVehicles .form div.range input.text { width:64px; } .usedVehicles .form .range input.text { float:left; width:64px; } .usedVehicles .form .range span { float:left; text-align:center; width:20px; } .dangerous_goods { padding-top:7px; } .dangerous_goods label { display:inline; vertical-align:middle; font-size:11px; } .dangerous_goods input { margin-left:0px; padding-left:0px; display:inline; vertical-align:middle; } .usedVehicles ul.arrowlist { margin:10px 0 0 0; padding-bottom:0px; } .usedVehicles ul.arrowlist li { margin-top:0px; } table.subscriptions { float:left; display:block; width:514px; border: none 0px; font-size:12px; } table.subscriptions td { text-align:left; width:300px; padding:10px 10px 10px 5px; } table.subscriptions td label { display:inline; width:200px; vertical-align:baseline; } table.subscriptions td input { margin:0px; } table.subscriptions { text-align:left; vertical-align:top; padding:20px 9px 7px 0px; } table.subscriptions tr.alt_bg td { padding:5px 10px 5px 5px ; } table.subscriptions td.right, table.subscriptions th.right { text-align:right; } .subscriptions .buttons { width:514px; float:left; margin-bottom:20px; } .usedVehicles .buttons { width:514px; float:left; margin-bottom:0px; margin-top:10px; } .usedVehicles .form div.buttons { width:514px; float:left; } .template2 .col-1 .usedVehicles p, .template2 .col-1 .subscriptions p { margin-right:64px; } #applications input, #applications label { margin-top:0px; } #applications input { margin-bottom:0px; } #applications label img { margin-top:11px; } /**********/ /* Dealer */ /**********/ /* logotype_dealer (contentbody / mc-left / main_container) */ img.logotype_dealer { margin:20px 0 0 20px; width:200px; } /* services */ .col-1 .services { width:560px; } .col-1 .services .col-1-left { width:350px;} .col-1 .services .col-1-right{ margin:5px 0px 0px 0px; padding:0px; } /* services icons */ span.icon-NewServices, span.icon-Assistance, span.icon-TrucksRepairs, span.icon-BusRepairs, span.icon-EngineRepairs, span.icon-BusSales, span.icon-PartsSales, span.icon-RefrigeratorService, span.icon-TyreService, span.icon-TrailerService, span.icon-towingService, span.icon-TruckSales, span.icon-EngineSales, span.icon-TruckRental, span.icon-tarpaulinRepairs, span.icon-tachographDownload, span.icon-tachographsApproval, span.icon-washingFacility { background-repeat:no-repeat; position:absolute; display:block; top:7px; left:7px; height:31px; width:31px; } span.icon-TrucksRepairs { background-image:url(/_system/img/template/SCANIA08_truck_rep.gif); } span.icon-TruckSales { background-image:url(/_system/img/template/SCANIA08_truck_sale.gif); } span.icon-TruckRental { background-image:url(/_system/img/template/SCANIA08_truck_rental.gif); } span.icon-BusRepairs { background-image:url(/_system/img/template/SCANIA08_bus_rep.gif); } span.icon-BusSales { background-image:url(/_system/img/template/SCANIA08_bus_sale.gif); } span.icon-EngineRepairs { background-image:url(/_system/img/template/SCANIA08_engine_rep.gif); } span.icon-EngineSales { background-image:url(/_system/img/template/SCANIA08_engine_sale.gif); } span.icon-TyreService { background-image:url(/_system/img/template/SCANIA08_tyre_serv.gif); } span.icon-TrailerService { background-image:url(/_system/img/template/SCANIA08_trailer_serv.gif); } span.icon-towingService { background-image:url(/_system/img/template/SCANIA08_towing_serv.gif); } span.icon-tarpaulinRepairs { background-image:url(/_system/img/template/SCANIA08_tarpaulin_rep.gif); } span.icon-RefrigeratorService { background-image:url(/_system/img/template/SCANIA08_refrig_serv.gif); } span.icon-washingFacility { background-image:url(/_system/img/template/SCANIA08_wash_Facility.gif); } span.icon-tachographDownload { background-image:url(/_system/img/template/SCANIA08_tachograph_download.gif); } span.icon-tachographsApproval { background-image:url(/_system/img/template/SCANIA08_tachograph_approval.gif); } /* GoogleMap */ .col-1 .map { clear:both; } pre.map { text-align:right; padding:0px 0px 5px 0px; float:left; width:514px;} #GoogleMapRC { width:180px; height:180px; border:1px solid gray; } #GoogleMapMain, #GoogleMapMainDistributor { width:514px; height:322px; float:left; } #GoogleMapMain div { overflow:visible; width: auto; float: none; } #dealerCitySelectorRC { width: 180px; } .gm_noscreen{ display:none; } /*find dealer*/ .col-1 .find_dealer_search { background:#1E1E1E url(/_system/img/template/dropdown_search_bg.gif) repeat-x; float:left; display:block; margin-bottom:20px; padding: 10px; width:494px; } .find_dealer_search .col-1-left { width:295px; } #DLSearchFormServicesRight { margin:0 0 26px 0; padding:0px; width:190px; float:right; } .find_dealer_search { position:relative; } .find_dealer_search h4 { font-weight:normal; width:auto; } .find_dealer_search .form span.error { line-height:12px; } .find_dealer_search .form { width:300px;margin-bottom:15px; float:left; height:46px; } .find_dealer_search .form-1 { width:170px; float:left;margin-right:10px; padding:0px; overflow:hidden; position:relative; height:100%; } .find_dealer_search .col-1-left input, .find_dealer_search .col-1-left select { position:absolute; bottom:10px; } .find_dealer_search .col-1-left .form-2 label, .find_dealer_search .col-1-left .form-1 label { position:absolute; bottom:28px; } .find_dealer_search .form-2 { width:120px; float:left; margin-right:0px; position:relative; height:100%;} .find_dealer_search .form div.form-1 input.text { width:165px; } .find_dealer_search .form div.form-1 select { width:170px; } .find_dealer_search .form div.form-2 input { width:31px; margin:0px 5px 0px 0px;} .find_dealer_search .form div.form-2 span { position:absolute; bottom:13px;} .find_dealer_search .form div.form-2 span.miles {left:42px;} .find_dealer_search div.search_btn input { position:absolute; bottom:10px; right:10px; width:56px; } .col-1 div.dropdown_search { position:relative; padding:10px 10px 10px 22px; float:left; background:#1E1E1E url(/_system/img/template/dropdown_search_bg.gif) repeat-x; margin:0px; width:auto; } .col-1 .find_dealer_search div.dropdown_search { padding:0px 0px 0px 16px; margin:0px; margin-bottom:20px; background:none; width:200px; } .dropdown_search span.icon-collapsed { left:10px; top:13px; } div.dropdown_search span.icon-droplayer,div.dropdown_search span.icon-droplayer-right { top:10px; } .find_dealer_search div.dropdown_search span.icon-droplayer,.find_dealer_search div.dropdown_search span.icon-droplayer-right { top:0px; } div.dropdown_search a { display:block; border:none; font-family:Arial; font-size:16px; line-height:16px; } #main_container div.dropdown_search a, #main_container div.dropdown_search a:link, #main_container div.dropdown_search a:visited, #main_container div.dropdown_search a:active { color:#ffffff; } #main_container .dropdown_search a:hover { color: #d0ad53; } .col-1 .workshops .col-1-right { width:150px; background:none; margin:0px 0px 0px 10px; float:right; padding:20px 0px 0px 0px; padding-right:0px; } .col-1 .workshops .col-1-right ul { padding-bottom:20px; float:left;width:150px; } .col-1 .workshops .col-1-right ul li { width:150px; } .col-1 .workshops .col-1-right p { padding:0px; margin:0px; } .col-1 .workshops .leftcol { background:none; } .col-1 .workshops { width:494px; margin:0px; background: #171717; padding:10px 10px 0px 10px; margin-bottom:10px; position:relative; } .col-1 .workshops p, .col-1 .workshops ul.arrowlist { width:300px; margin:0px 0px 10px 0px; padding:0px; } .col-1 .workshops ul.arrowlist li, .col-1 .workshops p, .col-1 .workshops h3 { width:300px; margin-right:0px; font-weight:normal;} .col-1 .workshops h4 { width:auto; } #main_container .col-1 .workshops h3 a {font-weight:normal;} .workshops ul.arrowlist li { margin:0px; } .col-1 .hidden {display:none} .col-1 .visible_block {display:block} /* view more or less */ #view { position:absolute; right:10px; top:10px; color: #fff; font: bold 11px arial, helvetica, tahoma, verdana, sans-serif; z-index:100; left:auto; width:auto; margin:0px; } #view div { width:auto; } #main_container #view a, #main_container #view a:link, #main_container #view a:visited, #main_container #view a:active { color:#ffffff; } #main_container #view a { display:block; margin:0px; padding:0px 0px 0px 15px; text-decoration:none; border:none; font-size:11px; font-family:Arial, Helvetica, sans-serif; } #main_container #view a:hover { color:#d0ad53; } /* Scania Around the World */ .aroundTheWorld { margin: 4px 0px 0px 0px; padding: 0px 10px 20px 0px; float:left; } .aroundTheWorld h2 { font-size:16px; float:left; padding: 0px 9px 0px 0px; color:#D0AD53; margin-top: -3px; } .aroundTheWorld a { font-size: 95%; white-space:nowrap; } .aroundTheWorld div { padding: 20px 0px 20px 10px; width:760px; } .aroundTheWorld .highlighted { background-color: #1e1e1e; } /************************************************************************************/ /* PTA-Footer */ /************************************************************************************/ #footer_container { clear:left; height:152px; font-size:10px; padding:7px 9px; background:#000000 url(/_system/img/template/bg_footer.gif) repeat-x; color:#fff; } #footer_container div { line-height:15px; float:left; width:978px; } #footer_container a { color:#bebebe; border-bottom:dotted 1px #bebebe; white-space:nowrap; } #footer_container div a:hover { color:#d0ad53; border-bottom-color:#d0ad53; } #footer_container div#legal { margin-top: 13px; } #footer_container div span.icon, #we_footer_container div span.icon { position:relative; padding-left:16px; background-position:0px 0px; background-image: url(/_system/img/template/icon_small_newsfeed.gif);} #footer_container div#copyright { padding-top:25px; text-align:center; width:980px; } /* Dealer drop */ #footer_container div.locateadealer { float:right; width:270px; } #footer_container div.locateadealer div.selectbox-container { width:235px; float:right; } #footer_container div.locateadealer div.selectbox-container label { font-size:11px; line-height:16px; } #footer_container div.locateadealer div.selectbox-container select { width:193px; float:left; } /************************************** /PTA ****************************************/ /**********/ /* layers */ /**********/ .raster { position:absolute; top:0px; left:0px; width:100%; height:2500px; background:url(/_system/img/template/raster.gif); filter:alpha(opacity=0.5); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity:.5; z-index:150; } .iframholder { background-color:#171717; border: 1px solid #515151; } #layer-busy { background-image:url(/_system/img/template/icon_busy_image.gif); height:32px; width:32px; position:absolute; top:200px; left:239px; z-index:1000; } div#layer-close { color:#FFFFFF; float:right; font-family:arial,helvetica,tahoma,verdana,sans-serif; font-size:11px; line-height:normal; margin:10px 0 0 10px; position:absolute; right:0; text-align:right; z-index:500; } div#layer-print { color:#FFFFFF; float:left; font-family:arial,helvetica,tahoma,verdana,sans-serif; font-size:12px; line-height:normal; margin:10px 0 0 10px; position:absolute; text-align:left; z-index:500; } div#layer-print a{ padding-left:16px; padding-top:2px; top:2px; text-transform:uppercase; } div#layer-print span.icon-print{ left: 0px; } div#layer-close a, div#layer-close a:link, div#layer-close a:visited, div#layer-close a:active { display:block; margin:0px; padding-right:27px; text-decoration:none; border:none; color:#ffffff; font-size:12px; text-transform:uppercase; } div#layer-close a:hover { color: #d0ad53; } span.icon-close { background: url(/_system/img/template/icon_close.gif) no-repeat; height:15px; width:15px; position:absolute; z-index:100; right:10px; top:0px; } a:hover span.icon-close { background: url(/_system/img/template/icon_close_on.gif) no-repeat; } span.icon-close-x { background: url(/_system/img/template/icon_close_x.gif) no-repeat; height:9px; width:9px; position:absolute; z-index:100; right:10px; top:0px; } #contactForm { position:absolute; top:0px; left:0px; width:100%; display:none; z-index:200; padding:135px 0px 0px 0px; } #contactForm .iframholder { margin:0px auto 0px auto; position:relative; width:510px; z-index:200; border:none; } #contactForm iframe { position:relative; top:0px; left:0px; width:510px; height:850px; z-index:200; border:none; } #contactForm .iframholder body { background-color:#171717; } .contactForm { position:absolute; top:0px; left:0px; display:inline; background-color:#171717; width:510px; height:100%;} .contactForm .contentbody { margin-left:29px; margin-top:30px; width:400px; padding:0px; } .contactForm .contentbody li, .contactForm .contentbody ul.arrowlist li { width:400px; } .contactForm .contentbody .col-1 p { margin-right:0px } .contactForm .contentbody h1 { width:400px; } #contactForm .col-1 { margin-left:1px; } #contactForm .col-1 .form fieldset{ width:373px; } #downloadImages { position:absolute; top:0px; left:0px; width:100%; height:100%; display:none; z-index:200; padding:80px 0px 0px 0px; } #downloadImages .iframholder { width: 736px; height:550px; margin:0px auto 0px auto; position:relative; z-index:200; } #downloadImages iframe { width:700px; height: 510px; position:relative; top:0px; left:0px; z-index:200; border:none; } #downloadImages .iframholder body { background-color:#171717; } #downloadImages { position:absolute; top:0px; left:0px; width:100%; height:100%; display:none; z-index:200; padding:80px 0px 0px 0px; } .downloadImages { position:absolute; top:20px; left:0px; display:inline; background-color:#171717; width:736px; height:510px; } .downloadImages .contentbody { margin-left:29px; width:400px; padding:0px; } .downloadImages a#dlPrev { display:none; position:absolute; top: 190px; left: 128px; z-index:255; } .downloadImages a#dlNext { display:none; position:absolute; top: 190px; right: 128px; } .downloadImages .imgcontainer { width:380px; height:380px; text-align:center; position:absolute; overflow:hidden; left:178px; } .downloadImages .imgcontainer div { bottom:0; left:0; position:absolute; text-align:center; width:380px; height:auto; } .downloadImages .imgcontainer div div { position:relative; overflow:hidden; } .downloadImages .imgcontainer div img { display:inline; max-height:380px; max-width:380px; } .downloadImages .imgInfo { width:100%; position:absolute; top:383px; } .imgInfo h5 { font-size:20px; font-weight:normal; } .imgInfo-left { width:400px; padding-left:38px; padding-right:91px; float:left; min-height:10px; } .imgInfo-right { background: #171717 url(/_system/img/template/bg_puff.gif) repeat-x; width:148px; float:left; margin-top:5px; padding:10px; } .imgInfo-right p { font-size:10px; } .imgInfo-right ul { padding:0px; } .imgInfo-right a { font-size:10px; border-bottom-style:dotted; border-bottom-width:1px; line-height:14px; } .imgInfo-right li { width:140px; } #divDisclaimer{ display: none; z-index: 255; } #divDisclaimerText{ padding: 20px; margin: 20px; border: 1px solid #ffffff; } #divDisclaimer p{margin-bottom:18px;} #divDisclaimer .btn{margin: 0px;} #Specific_dealer { position:absolute; top:0px; left:0px; width:100%; height:100%; display:none; z-index:200; padding:80px 0px 0px 0px; } #Specific_dealer .iframholder{ margin:0px auto 0px auto; position:relative; width:510px; z-index:200; } #Specific_dealer .iframholder body { background-color:#171717; } #Specific_dealer iframe { position:relative; top:0px; left:0px; z-index:200; border:none; width:300px; height: 300px; } #Specific_dealer .iframholder { width: 310px; height:280px; padding:0px 0px 10px 10px; } #Specific_dealer input { width: 294px; margin-bottom:12px; } #Specific_dealer div { margin-top:25px; } #Specific_dealer div.raster { margin-top:0px; } #Specific_dealer div#layer-close{ margin-top:10px; } #Specific_dealer input.btn { position:absolute; width:25px; bottom:0px; right:10px; } #Specific_dealer select { width: 300px; margin-bottom:12px; } #Specific_dealer p { padding-right:10px; } /**************/ /* Site Edit */ /**************/ span.SEC { float:left;} #mc-left .intro_right_img_square span.SEC, #mc-left .intro_right_icon span.SEC { width:100%; } .col-4-start span p {width: 208px;} .col-4_vertical_ruler li span {width: 180px;} .col-4_vertical_ruler li A span.icon-rightarrow {width: 8px;} #sidebar-left span.SEC { margin-bottom: 10px; } /*************/ /* 404 pages */ /*************/ body.we #root { width:1024px;height:768px; background-color: #202423; } body.we { background-color: #3300cc; background-image:url(/_system/img/template/bg_we_body.gif);background-repeat:repeat; } div.we-engine { position:absolute; bottom:0px; right:0px;background:transparent url(/_system/img/template/bg_engine.gif) no-repeat;width:546px; height:442px; } #we_content { position:absolute; top:50px; left:50px; width:80%; } #we_content h1 { margin-top:55px; width:100%; } #we_content h2 { font-size:16px; margin-bottom:15px; margin-top:24px; font-weight:normal; width:100%; float:left; } #we_content h2.head_back { padding-left:310px; margin-top:10px; line-height:20px; height:39px; width:400px; } #we_content h2.head_back a { border-bottom:6px double; } #we_content span.copyright { clear:left; float:left; margin-top:280px; font-size:10px; } #selection_we { margin-top:50px; } ul#selection_we li, #selection_we div { float:left; width:285px; min-height:160px; } #we_content ul.arrowlist { font: 11px Arial, Verdana,Helvetica; padding:0px; width:100%; float:left; } #we_content ul.arrowlist li { width:270px; line-height:16px; padding:0 0 2px 14px; clear:both; } ul#selection_we li.first { border-right: solid 1px #424342; } ul#selection_we li.last { border-left: solid 1px #060707; padding-left:25px; } div#selection_we div.last { padding-left:25px; } #selection_we p { margin-right:25px; font: 11px Verdana,Helvetica,Arial; } #selection_we .last p { margin-right:0px; } ul#selection_we li ul { margin-top:15px; float:left; width:100px; } ul#selection_we li li { float:none; position:relative; height:auto; width:100px; padding-left:13px; font: bold 11px/15px Arial,Verdana,Helvetica; } ul#selection_we li li a, ul#selection_we li li a:link, ul#selection_we li li a:visited, ul#selection_we li li a:active { color:#999999; } ul#selection_we span.icon-rightarrow { left:0px; } ul#selection_we select { margin-top:13px; font-size:10px; color: #fff; width:150px; background-color:#232323; border-top:solid 1px #000000; border-left:solid 1px #000000; border-right:solid 1px #515151; border-bottom:solid 1px #515151; display:block; float:right; } ul#selection_we a.btn { float:right; margin-top:11px; color:#171717; } #copyright_links { float:left; margin:280px 0 0 10px; } #copyright_links li, #copyright_links div { float:left; display:inline; font-size:10px; padding:0 5px 0 5px; border-left: solid 1px white; } #we_footer_container { position:absolute; bottom:50px; left:50px; font-size:10px; font-family:Verdana,Arial,Helvetica; } #we_footer_container pre { font-size:10px; font-family:Verdana,Arial,Helvetica; } #we_footer_container a { border-bottom:1px dotted; } #DealerServicesTree{ width: 345px; sdisplay:none; float:left; } #DealerServicesTreeSpan{ padding-left:0px; padding-top:5px; } #DealerServicesTree div { padding-left:18px; width:330px; position:relative; background: url(/_system/img/template/menuleft_bg.gif) repeat-x 0 0; margin-bottom:5px; padding-top:1px; } #DealerServicesTree div div { background: none; padding-left:0px; } #DealerServicesTree a { font-size:11px; border:none; } #DealerServicesTree span.icon-collapsed, #DealerServicesTree span.icon-expanded { top:3px; left:4px; } #DLSearchFormServicesRight SPAN.icon-collapsed-services, SPAN.icon-expanded-services{ height:10px; width:10px; background-image:url(/_system/img/template/icon_collapsed.gif); background-repeat:no-repeat; left:10px; top:10px; padding-left:3px; padding-top:5px; float:left; margin-top:3px; } #DLSearchFormServicesRight SPAN.icon-expanded-services{ background-image:url(/_system/img/template/icon_expanded.gif); } #DLSearchFormServicesRight a { border-bottom:0px; } a:hover #salesServicesSpan.icon-expanded-services, a:hover #workshopServicesSpan.icon-expanded-services{background-image: url(/_system/img/template/icon_expanded_on.gif);} a:hover #salesServicesSpan.icon-collapsed-services, a:hover #workshopServicesSpan.icon-collapsed-services{background-image: url(/_system/img/template/icon_collapsed_on.gif);} a:hover H4{ color:#d0ad53; } #salesServices{display:none;} #workshopServices{display:none;} /* Search */ #SearchSuggestLayer { color: black; display: none; position: absolute; right: 0px; top: 24px; width: 239px; height: auto; border: 1px solid #bdbebd; background-color: #ffffff; padding: 0px; z-index:2000; } #SearchSuggestLayerFull{ sdisplay: none; position:absolute; left:14px; top:124px; width:380px; height: auto; border: 1px solid #bdbebd; background-color: #ffffff; padding: 0px; overflow:visible; z-index:2000; color: black; } DIV.SuggestItem { scolor: black; position: relative; background-color: #ffffff; padding-left: 5px; padding-top: 2px; height:18px; border-bottom: 0px solid #e0e2e0; overflow:hidden; white-space:nowrap; z-index:2000; } .SuggestItem_HighLight{ background-color: #f3c685; padding-left: 5px; padding-top: 2px; height:18px; border-bottom: 0px solid #e0e2e0; overflow:hidden; white-space: nowrap; z-index:2000; } DIV.PressRelSearch{ padding-bottom: 20px; } DIV.PressRelSearch INPUT.text{ width:260px; } /* IR-Index */ DIV.col-1 .intro_top_img_landscape IMG.puffimg{ margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; border: 0px; } div#footer_container div.IconRow { padding-top: 10px; padding-bottom: 5px; line-height: 20px; } div#footer_container div.IconRow div { width:auto; display: block; float: left; } div#footer_container div.IconRow div.Label { padding-right: 4px; } div#footer_container div.IconRow div.Icon { padding-right: 3px; } /* Webshop gallery */ #mc-right div div.GalleryItem { border: 0px solid red; padding-bottom: 0px; } #mc-right div div.GalleryItem div.GalleryImages { padding-bottom: 3px; } #mc-right div div.GalleryItem H2 { padding-bottom: 6px; } #mc-right div div.GalleryItem div.GalleryImages a IMG { margin: 0px; margin-right: 5px; margin-bottom: 5px; width: 55px; height: 55px; } #mc-right div div.GalleryItem a SPAN.icon-boxarrow { top: 3px; } #mc-right div div.GalleryItem div.GalleryImagesUsedVehicles a IMG { border: 1px solid white; margin:0px; margin-right: 5px; margin-bottom: 5px; width:53px; height:40px; }