/* @override http://local.lotus/staticfiles/css/app/styles.css http://local.lotus/staticfiles/css/global/styles.css */ /* content: GENERAL STYLES */ #content-body h2 {color:#363636; font-size:14px;} #content-body h3 {color:#565656; font-weight:bolder; font-size:11px; margin-bottom:4px; margin-top:15px;} #content-body a.internal {background:none; padding:0;} #content-body hr {border:0; border-top:#909090 1px dotted; padding:5px 0 5px 0;} #content-body form h2 {clear:both; border:0; border-bottom: 1px dotted #767676; font-weight:bold; padding:20px 10em 5px 0; margin:0 0 12px 0; width:530px;} #content-body p{ text-align: justify; } /* content: LEFT NAVIGATION */ .leftnav_align {margin-top:-30px;} #leftnav a { display:block; float:right; width:auto; text-align:right; margin-top:1em;} #leftnav {width: 206px; float:left; font-family:arial, helvetica;font-size:80%; margin:0 20px 0 0;} #leftnav ul {margin-bottom:20px; padding:0; background:url(/staticfiles/img/app/grey_gradient.gif);} #leftnav li {display:block; margin-left:0px;} #leftnav ul li a {display:block; float:none; text-align:left; color: #2b2b2b; background-color:transparent; padding:0.75em 8px 0.75em 32px; margin:0; background-image:url(/staticfiles/img/app/grey_arrow.gif); background-position:8px 11px; height:auto; } #leftnav ul li a:hover { background-color: #cdcdce; } #leftnav ul li a.selected {background:#676767; color:white; background-image:url(/staticfiles/img/app/white_arrow.gif); background-repeat:no-repeat; background-position:8px 11px; } #leftnav hr {border:0; border-bottom:#909090 1px dotted; margin:50px 10px 20px 0;} #leftnav h4 {color:#666; font-weight:bolder; margin-bottom:2px; margin-top:2px} #leftnav h3 {color:#666; font-weight:bolder; margin-bottom:2px; margin-top:2px} #leftnav h3.subhead { border:0; border-top: 1px dotted #666; border-bottom: 1px dotted #666; font-weight:bold; padding:4px 0 4px 0; margin:4px 12px 6px 0} div.form div.form-row { clear:both; padding:0; margin:0; width:610px; } div.form-row div.row-title { width: 200px; } div.form-row div.row-content { width: 410px; } div.form div.form-row input, div.form div.form-row textarea, div.form div.form-row select { width: auto; } /* FIX TO REMOVE BULLET NEXT TO GOOGLE LOGO ON GOOGLE MAP */ div .gmnoprint a { background: none; } /* CV FORM */ .cvform div.form-row { width: 650px;} .cvform div.row-title { width: 200px; } .cvform div.form-row div.row-content { width: 320px; } .cvform div.form div.form-row input, div.form div.form-row textarea, div.form div.form-row select { width: auto; } .cvform div.form h2 { color: #000 !important; font-weight: bold; padding-bottom: 10px; padding-top: 20px; margin: 0px; border-bottom: 1px dotted #909090;} .cvform div.form label { width: 200px; padding: 0px; line-height: 15px; padding-top: 10px; font-weight: normal;} .cvform div.form hr { margin-top: 20px;} .cvform div.form p { color: #000; padding-top: 10px;} .cvform div.form-row p {width:665px;} .cvform div.form-row hr {width:690px;} .cvform .form-pages a { background: none; } .cvform .form-pages { clear: both; display: none; } .cvform .form-pages.active-tab-body { display: block; } .cvform .page-btns { float: right; } .page-btns-first { display: none; } .cvform #form_userfile {margin-left:-20px;} /* HOME */ .section-view-home {width:180px; float:left; margin-right:11px;} .section-view-home:hover {background-color:#ededed;} .end {margin-right:-10px;} .section-view-home div {padding-top:5px;} .section-view-home a{background:none; margin:0; padding:0;} .section-view-home span {float:right; background: url(/staticfiles/img/app/blue_arrow.gif) no-repeat 0% 4px; padding-left:15px; margin-right:6px; font-size:11px;} .section-view-home img {border:1px solid #d9d9d9; padding:5px; } .section-view-home p {clear:both; font-size:10px; padding:5px 2px 5px 5px; color:#767676;} .section-view-home h3 {cursor:pointer; padding:0 5px; color:#363636; font-size:11px; float:left; margin-bottom:0; width:163px; font-weight:bold; background: url(/staticfiles/img/app/blue_arrow.gif) no-repeat 100% 4px;} #content-body {float:left; width:685px; color:#767676; padding-left:15px; border-left:1px solid #ccc; font-size:90%;} #content-body h2 {font-weight:bold} #content-body p {margin-bottom:1.5em; } #content-body ul {margin:5px 0 15px -9px;} #content-body li {margin-top:5px; background: url(/staticfiles/img/app/grey_bullet.gif) no-repeat 0% 5px; padding-left:10px;} /* AFTERSALES */ #content-body #aftersales {padding-top:10px;} #content-body #aftersales h3.subhead {border:0; border-top: 1px dotted #666; font-weight:bold; padding:7px 0 7px 0; margin:0px;} #content-body #aftersales .section {cursor:pointer; clear:both; padding:15px 10px 30px 0; border-top:#909090 1px dotted; margin-bottom:-2px; height:80px;} #content-body #aftersales .section:hover {background-color:#ededed;} #content-body #aftersales .section img {float:left; margin:0 10px 0 10px; width:206px; height:76px;} #content-body #aftersales .section .copy {cursor:pointer; float:left; width:430px; color:#767676;} #content-body #aftersales .section h4 {cursor:pointer; color:#363636; font-weight:bold; float:left;} #content-body #aftersales .section a {background:none;} #content-body #aftersales .section span.link {cursor:pointer; float:right; background: url(/staticfiles/img/app/blue_arrow.gif) no-repeat 0% 4px; padding-left:15px; color:#3c7ccd;} /* CREDIT CARDS */ #content-body .footnote {margin-top:40px; font-size:9px;} /* MANUALS */ #content-body #manuals {} #content-body #manuals .manual {margin-bottom:-2px; float:left; width:101px; height:184px; margin:10px 30px 10px 0; border-bottom:1px dotted #666;} #content-body #manuals .manual img {width:89px; height:126px;} #content-body #manuals .manual .copy {color:#767676;} #content-body #manuals .manual h4 {color:#363636; font-weight:bold; height:40px;} #content-body #manuals .manual a {background:none; padding:0;} #content-body #manuals .manual span.link {background: url(/staticfiles/img/app/blue_arrow.gif) no-repeat 0% 4px; padding-left:15px; color:#3c7ccd;} /* MOTORSPORT AND EVENTS */ #motorsport_events {margin-top:-20px; font-size:inherit} #motorsport_events .section { display: inline-block; cursor:pointer; padding:15px 0 15px 0; border-bottom:#909090 1px dotted; height:140px; float:left; width:463px; margin-right:11px; } #motorsport_events .end {margin-right:0px;} #motorsport_events .section:hover {background-color:#ededed;} #motorsport_events .section p {cursor:pointer; font-size:11px;} #motorsport_events .section img {float:left; margin:0 10px 0 10px; width:206px; height:76px;} #motorsport_events .section .copy {float:left; color:#767676; width:210px; height:155px;} #motorsport_events .section h4 {cursor:pointer; color:#565656; font-weight:bold; width:150px; float:left;} #motorsport_events .section a {background:none;} #motorsport_events .section span.link {cursor:pointer; float:right; background: url(/staticfiles/img/app/blue_arrow.gif) no-repeat 0% 4px; padding-left:15px; color:#3c7ccd;} /* LOTUS SPORT */ #content-body #lotus_sport {padding-top:10px;} #content-body #lotus_sport h3.subhead {border:0; border-top: 1px dotted #666; font-weight:bold; padding:7px 0 7px 0; margin:0px;} #content-body #lotus_sport .section {cursor:pointer; clear:both; padding:15px 10px 30px 0; border-top:#909090 1px dotted; margin-bottom:-2px; height:150px;} #content-body #lotus_sport .section:hover {background-color:#ededed;} #content-body #lotus_sport .section .copy {float:left; color:#767676;} #content-body #lotus_sport .section h4 {color:#363636; font-weight:bold; float:left;} #content-body #lotus_sport .section a {background:none;} #content-body #lotus_sport .section a {background:none;} #content-body #lotus_sport .section span.link {float:right; background: url(/staticfiles/img/app/blue_arrow.gif) no-repeat 0% 4px; padding-left:15px; color:#3c7ccd;} /* MULTIMEDIA GALLERY */ #multimedia_gallery {margin:20px 0 0 40px;} #multimedia_gallery .download {float:left; margin:0 15px 20px 0; width:106px; } #multimedia_gallery .download:hover {background-color:#ededed;} #multimedia_gallery a {background:none; margin:0; padding:0;} #multimedia_gallery .download span {background: url(/staticfiles/img/app/blue_arrow.gif) no-repeat 0 4px; padding:0 5px 0 15px; float:right;} /* COLOUR SELECTOR */ #content-body #colour_selector {margin-top:-10px;} #content-body #colour_selector h3 {clear:both; border:0; border-top: 1px dotted #666; border-bottom: 1px dotted #666; color:#363636; font-weight:bold; padding:10px 0 5px 0;} #content-body #colour_selector .section {padding:10px 10px 30px 0; margin-bottom:-2px; height:80px; width:75px; float:left;} #content-body #colour_selector .section img {border:0px; padding:0px; width:62px; height:46px;} #content-body #colour_selector .section h4 {color:#363636; font-weight:bold; font-size:10px;} /* INTERNATIONAL PRICE LIST */ #content-body #price_list {margin-top:-10px;} #content-body #price_list h3 {clear:both; border:0; border-top: 1px dotted #666; border-bottom: 1px dotted #666; color:#363636; font-weight:bold; padding:10px 0 5px 0;} #content-body #price_list .section {padding:0 0 10px 0; margin:10px 15px 5px 0; width:80px; float:left;} #content-body #price_list .section a {padding:0; background:none;} #content-body #price_list .section a:hover {background-color:#ededed;} #content-body #price_list .section img {width:68px; height:38px;} #content-body #price_list .section h4 {color:#363636; font-weight:bold; font-size:10px; padding:5px 0 5px 7px; margin:0;} #content-body #price_list .section h4:hover {background-color:#ededed;} /* TECHNICAL SPECIFICATION */ #content-body #tech_spec .section {padding:5px 10px 20px 0; border-bottom: 1px dotted #666; min-height:65px; display:block;} #content-body #tech_spec .section .copy {float:left; width:540px; color:#767676; padding-bottom:10px; display:block; height:100%;} #content-body #tech_spec .section h4 {color:#363636; font-weight:bold; float:left; width:90px; margin-right:15px;} #content-body #tech_spec_2 .section {clear:both; padding:15px 10px 20px 0; border-bottom: 1px dotted #666; min-height:40px;} #content-body #tech_spec_2 .section .copy {float:left; width:400px; color:#767676; padding-bottom:10px;} #content-body #tech_spec_2 .section h4 {color:#363636; font-weight:bold; float:left; width:250px; margin-right:15px;} #content-body #tech_spec_2 .section p strong { font-weight: bold; } /* LOCATIONS AND CONTACTS */ #officedata {width:236px; float:left; } #contactForm {width:236px; float:left; } #locations_subnav {text-align:right;} #locations_subnav ul li {background: url(/staticfiles/img/app/circle_back_btn.gif) no-repeat 0% 0px; padding-left:25px;} /* ABOUT GROUP LOTUS */ .section-view-about {width:225px; float:left; margin-right:11px;} .section-view-about:hover {background-color:#ededed;} .end {margin-right:-10px;} .section-view-about div {padding-top:5px;} .section-view-about h3 {cursor:pointer; padding:0 5px; color:#363636; font-size:11px; float:left; margin-bottom:0; width:205px; font-weight:bold; background: url(/staticfiles/img/app/blue_arrow.gif) no-repeat 100% 4px;} .section-view-about a {background:none; margin:0; padding:0;} .section-view-about p {clear:both; font-size:10px; padding:5px 2px 5px 5px; color:#767676;} .section-view-about img {border:1px solid #d9d9d9; padding:5px; } /* LOTUS SUPPLIERS */ #content-body #req {padding-top:15px;} #content-body #req h3.subhead {border-top:1px dotted #666; border-bottom:1px dotted #666; font-weight:bold; padding:10px 0 10px 0; margin:0px;} #content-body #req ul {list-style:none; padding:0px;} #content-body #req ul li {font-weight:bold; background:none; color:#363636;} #content-body #req ul li ul li {font-weight:normal; color:#767676;} /* Added this rule re Safari left menu issues */ #leftnav { width: 200px; } #leftnav #supply {padding-right:15px; width:210px; margin-top:-40px;} #leftnav #supply h3 {color:#363636; font-weight:bold; font-size:11px; border-top: 1px dotted #666; border-bottom: 1px dotted #666; padding:5px 0 5px 0; margin:40px 0 10px 0;} #leftnav #supply img {border:0; padding:0;} #leftnav #supply ul li {clear:both;} #leftnav #supply ul li a {background:none; padding:0;} #leftnav #supply .icon {float:left; padding-right:9px;} #leftnav #supply .link {float:left; margin-bottom:10px; width:185px; line-height:19px;} /*Lotus Eco Elise LeftNav*/ .ecoEliseLeftLink { font-size: 10px;} /* VACANCIES */ #content-body #vacancies {border-bottom: 1px dotted #666; padding-bottom:2px; } #content-body #vacancies a.group {background:none; margin:0; padding:0;} #content-body #vacancies h3.subhead {border:0; border-top: 1px dotted #666; font-weight:bold; padding:10px 0 10px 0; margin:0px;} #content-body #vacancies .vacancy {cursor:pointer; clear:both; padding:15px 10px 15px 0; border-top:#909090 1px dotted; margin-bottom:-2px; height:15px; color:#767676;} #content-body #vacancies .vacancy:hover {background-color:#f3f3f3;} #content-body #vacancies .vacancy .copy {float:left;} #content-body #vacancies .vacancy div.date {cursor:pointer; color:#565656; font-weight:bold; width:20%; float:right;} #content-body #vacancies .vacancy div.title {cursor:pointer; width:235px; float:left; color:#767676;} #content-body #vacancies .vacancy div.link {cursor:pointer; width:130px; float:left; background: url(/staticfiles/img/app/blue_arrow.gif) no-repeat 0% 4px; padding-left:15px;} #content-body #vacancies .vacancy div.location {cursor:pointer; width:200px; float:left; color:#767676;} .vacancydate { color:#565656; font-weight:bold; width:20%; float:right; } .vacancytitle { width:235px; float:left; color:#767676; } .vacancylocation { width:200px; float:left; color:#767676; } .vacancycopy { clear: both; padding-top: 1em;} /* LOTUS TRAINING SCHEME */ #content-body #scheme_details {border-bottom: 1px dotted #666; padding-bottom:2px; } #content-body #scheme_details a {background:none; margin:0; padding:0;} #content-body #scheme_details .detail {cursor:pointer; clear:both; padding:15px 10px 15px 0; border-top:#909090 1px dotted; margin-bottom:-2px; height:15px;} #content-body #scheme_details .detail:hover {background-color:#f3f3f3;} #content-body #scheme_details .detail .copy {float:left; width:80%; } #content-body #scheme_details .detail span.title {float:left; color:#363636; font-weight:bold; padding-right:5px;} #content-body #scheme_details .detail div.link {float:right; background: url(/staticfiles/img/app/blue_arrow.gif) no-repeat 0% 4px; padding-left:20px;} /* PRIVACY */ #content-body h3.subhead {border-top: 1px dotted #666; border-bottom: 1px dotted #666; font-weight:bold; padding:10px 0 10px 0; margin-top:30px;} /* AWARDS */ #content-body #awards .copy {float:left; width:80%;} #content-body #awards img {float:right; border:0;} #content-body #awards h3 {color:#363636; font-weight:bold; margin-top:30px;} #content-body #awards h3.top {margin-top:0;} #content-body #awards .indent {padding:5px 0 0 15px;} /* LOTUS TRAINING SCHEME */ h3.experience_title {color:#363636; font-weight:bold; font-size:12px;} span.experience_name {color:#363636; font-weight:bold; font-size:11px; display:block; margin:5px 0 5px 0;} /* content: BOOK TEST DRIVE */ #test_drive {font-size:10px; /*margin:0 10px 0 0; border-top:1px dotted #909090; border-bottom:1px dotted #909090;*/} #test_drive .content {padding:0 10px 15px 0; /*padding:15px 0 15px 0;*/} #test_drive .copy {padding-left:6px;} #test_drive a {margin-top:20px; display:block; float:right;} .news-items-bg {background-color:#9b9b9b; width:968px; height:70px;} #news-items {background-color:#9b9b9b; padding:0 0 0 0px; margin-bottom:0; } #news-items div.nitem { height:50px; width:221px; color:#363636; position:relative; float:left; background-color:#9b9b9b; border-right:1px solid #ababab; padding:10px 10px 0 10px; overflow:hidden; } #news-items div.end {} #news-items div.nhead a {float:right; color:#fff; background-image:url(/staticfiles/img/app/white_arrow.gif); font-size:10px;} #news-items div.nhead h4 {float:left; font-size:11px; margin-bottom:5px; width:160px;} #news-items div.nitem p {font-size:10px; color:#dadada; margin-bottom:4px; clear:both; padding-top:4px;} /*#news-items div.nitem:hover {margin-top:-135px; height:185px; }*/ #news-items img {border:0; margin:0; padding:0; border:3px solid #fff;} /* NEWS SECTIONS */ #content-body #news {padding-top:15px;} #content-body #news h3.subhead {border:0; border-top: 1px dotted #666; color:#363636; font-weight:bold; padding:10px 0 10px 0; margin:0px;} #content-body #news .case-study {cursor:pointer; clear:both; padding:10px 10px 10px 0; border-top:#909090 1px dotted; margin-bottom:-2px; height:80px;} #content-body #news .case-study:hover {background-color:#f3f3f3;} #content-body #news .case-copy {float:left; width:430px; height:65px;} #content-body #news .case-study h4 {color:#363636; font-weight:bold;} #content-body #news .case-study img {float:left; margin:0 10px 0 10px; padding:0;} #content-body #news .case-study a {float:right;} /* USED CAR LOCATOR */ .hpi hr {border-left:0; width:910px; margin-top:10px;} .hpi p {width:910px;} .link_nav {height:180px;} .colourcubes{width:500px;}