/* vers 3 MPU 20/05/2015 A DMR software product DMR is a registered trade mark of DMR Limited Copyright protected source code All rights reserved by DMR Limited */ /* mac hide\*/ html, body {height:100%} /* end hide */ /* ----------------------------- body styles ------------------- */ body {padding:0; margin:0; text-align:center; min-width:920px;/* for mozilla*/ background:#FFFFFF url("../images/bg-grad.jpg") repeat-x; color: #696969; font-size:70%; font-family: Verdana, Arial, sans-serif;} /* ----------------------------- header styles ------------------- */ h1 {color:#FFFFFF; font-size:160%; font-family: Verdana, Arial, sans-serif; padding:5px; margin:0px; text-align:center; background-color:#999999; border-bottom:3px #666666 solid; } h2.home2 {color:#FFFFFF; font-size:160%; font-family: Verdana, Arial, sans-serif; padding:5px; margin:0px; text-align:center; background-color:#999999; border-bottom:3px #666666 solid; } h2 {color:#FFFFFF; background-color:#999999;font-size:120%; padding:5px; margin:0px 0px 10px 0px; line-height:1.1em; } h2.mgb {color:#666666; background-color:#FFFFFF;font-size:120%; padding:0 0 0 5px; margin:0px 0px 10px 0px; line-height:1.1em; } h3 {color:#666666; font-size:120%; padding:0; margin:25px 0px 10px 0px; line-height:1.1em; } /* ----------------------------- paragraph styles ------------------- */ p {padding:5px 5px 5px 5px; margin:3px 5px 3px 5px; line-height:1.4em;} p.heading {padding:5px 5px 5px 0px; margin:3px 5px 3px 0px; line-height:1.4em; font-size:150%; font-weight:bold;} p.msg {padding:1px 0px 1px 0px; margin:1px 0px 1px 0px; line-height:1.4em; font-weight:bold;} p.righttext {text-align:right;} #right1 p {padding:5px 0 0 0;} #right1 p.bottomline {padding:5px 0 10px 0; border-bottom:1px #999999 solid;} #left1 p {padding:0px 0px 0px 0px; margin:2px 2px;} #left1.header p {padding:5px 5px 5px 0px;} #footer p {padding:5px;} #middle p.linefoot {border-bottom:2px #CCCCCC solid; padding:5px 5px 15px 0px;} div,p {margin-top:0}/*clear top margin for mozilla*/ #footer p.copyright {text-align:center; padding:15px 0px 15px 5px;} #middle1 p.featuredtxt {padding:3px 5px 5px 0px;line-height:1.2em;} #middle1 p.floatright {text-align:right; padding:5px 0px 5px 0px; margin:0px; line-height:1.2em;} /* ----------------------------- link styles ----------------------- */ #topnav a, a:link, v:link {color:#CCCCCC; text-decoration:none; padding:0px; margin:0px; border:none;} #topnav a:hover {color:#FFFFFF; padding:0px; margin:0px; border:none;} a, a:link, v:link {color:#393939; text-decoration:none; padding:0px; margin:0px; border:none;} a:hover {color:#999999; padding:0px; margin:0px; border:none;} #mainnav a, a:link, v:link {color:#FFFFFF; text-decoration:none; padding:0px; margin:0px; border:none;} #mainnav a:hover {color:#000000; padding:0px; margin:0px; border:none;} #middle1 a, a:link, v:link {color:#336699; text-decoration:none; padding:0px; margin:0px; border:none;} #middle1 a:hover {color:#999999; padding:0px; margin:0px; border:none;} #right a, a:link, v:link {color:#333333; text-decoration:none; padding:0px; margin:0px; border:none;} #right a:hover {color:#999999; padding:0px; margin:0px; border:none;} #footer a, a:link, v:link {color:#cccccc; text-decoration:none; padding:0px; margin:0px; border:none;} #footer a:hover {color:#999999; padding:0px; margin:0px; border:none;} #rental_right1 a, a:link, v:link {color:#336699; text-decoration:none; padding:0px; margin:0px; border:none;} #rental_right1 a:hover {color:#999999; padding:0px; margin:0px; border:none;} #featuredbox a.zoom, a:link.zoom, v:link.zoom {color:#666666; text-decoration:none; padding:0px 0px 0px 13px; margin:0px; border:none; background:transparent url("../images/zoom-bg.gif") no-repeat center left;} #featuredbox a:hover.zoom {color:#999999; padding:0px 0px 0px 13px; margin:0px; border:none; background:transparent url("../images/zoom-bg.gif") no-repeat center left;} #featuredbox a.rightarrow, a:link.rightarrow, v:link.rightarrow {color:#343434; text-decoration:none; padding:3px 0px 3px 21px; margin:0px; border:none; background:transparent url("../images/arrow-button.gif") no-repeat center left;} #featuredbox a:hover.rightarrow {color:#999999; padding:3px 0px 3px 21px; margin:0px; border:none; background:transparent url("../images/arrow-button.gif") no-repeat center left;} .slideindex a, .slideindex a:link, .slideindex v:link {font-weight:bold; font-size:11px; background:transparent url("../images/indexbg.gif") center center repeat-x;} .slideindex a:hover {font-weight:bold; font-size:11px; background:transparent url("../images/indexbg.gif") center center repeat-x;} #middle1 td.step1_off a, #middle1 td.step1_off a:link,#middle1 td.step1_off v:link {color:#333333; text-decoration:none; padding:0px; margin:0px; border:none;} #middle1 td.step1_off a:hover {color:#999999; padding:0px; margin:0px; border:none;} table.lmggallery {width:500px; margin:0 0 0 0px;} table.lmggallery td {padding:5px;} #middle1 table td a, table td a:link, table td v:link {color:#393939; text-decoration:none; padding:0px; margin:0px; border:none;} #middle1 table td a:hover {color:#999999; padding:0px; margin:0px; border:none;} .gallerylmg {border:1px #999999 solid;} /* ----------------------------- id styles ------------------- */ #outer {height:100%; min-height:100%; width:918px; padding:0px; margin:0px; text-align:left; margin:auto; position:relative; background:#FFFFFF url("../images/main-bg-home.jpg") no-repeat; position:relative;} #outer2 {height:100%; min-height:100%; width:918px; padding:0px; margin:0px; text-align:left; margin:auto; position:relative; background:#FFFFFF url("../images/main-bg.jpg") no-repeat; position:relative;} html>body #outer {height:auto;} /*for mozilla as IE treats height as min-height anyway*/ html>body #outer2 {height:auto;} /*for mozilla as IE treats height as min-height anyway*/ #innerwrap {float:left; width:737px; /* enables content first */} #header {position:absolute; top:0; left:-1px; width:920px; height:106px; color: #000000; margin:0px; padding:0px;} #left {position:relative;/*ie needs this to show float */ width:201px; float:left; padding-top:106px;/*needed to make room for header*/ padding-bottom:28px;/* needed to make room for footer */} #right {position:relative;/*ie needs this to show float */ width:172px; float:right; padding-top:106px;/*needed to make room for header*/ padding-bottom:28px;/* needed to make room for footer */} #footer {width:920px; clear:both; background:transparent url("../images/footer-bg.jpg") repeat-y; color: #FFFFFF; text-align:right; left:0; bottom:0; position: absolute; font-size:90%;} #middle {width:533px; float:right; padding-top:293px; padding-bottom:28px;/* needed to make room for footer */} #middle2 {width:533px; float:right; padding-top:106px; padding-bottom:28px;/* needed to make room for footer */} #clearfooter {width:100%; height:52px; clear:both} /* to clear footer */ #topnav {font-size:90%; float:right; color:#ABABAB; margin:2px 0px 0px 0px; padding:0px;} #topright {float:right; overflow:hidden; padding:10px 0px 0px 0px; width:171px; text-align:center;} #mainnav {position:absolute; top:135px; left:15px; color:#FFFFFF; font-size:90%; padding:0px; margin:0px;} #left1 {position:absolute; left:0; top:105px; width:189px; min-height:430px; margin:0px 0px 0px 9px; padding:0px 0px 10px 0px; } #middle1 {width:536px; min-height:430px; background:#FFFFFF; margin:0px 0px 0px 0px; padding:0; } #right1 {font-size:90%; width:164px; min-height:430px; margin:0px 12px 0px 0px; padding:0; } * html #right1 {font-size:90%; width:164px; min-height:430px; margin:0px 0px 0px 0px; padding:0; } #featuredbox {text-align:left; width:295px; min-height:175px; border-right:2px #ABABAB solid; border-bottom:2px #ABABAB solid; border-left:1px #ABABAB solid; border-top:1px #ABABAB solid; background:#FFFFFF url("../images/featured-vehicle-bg.jpg") repeat-x bottom left; margin:3px 5px 0px 10px; padding:10px 5px 10px 10px; } #rental_right1 {font-size:90%; width:148px; min-height:100px; border-left:2px #666666 solid; border-bottom:2px #666666 solid; border-right:1px #666666 solid; background:#E3E3E3 url("../images/left1-bg.gif") no-repeat; margin:0px 0px 0px 2px; padding:10px 5px 10px 5px; } #rental_right2 {font-size:90%; width:148px; min-height:100px; border-left:2px #666666 solid; border-bottom:2px #666666 solid; border-right:1px #666666 solid; background:#E3E3E3 url("../images/left1-bg.gif") no-repeat; margin:5px 0px 0px 2px; padding:3px 5px 10px 5px; } /* ----------------------------- class styles ------------------- */ .clearer1 {height:1px; overflow:hidden; margin-top:-1px; clear:both;} .clearer2 {height:1px; overflow:hidden; margin-top:-1px; clear:both;} .clearer3 {height:2px; overflow:hidden; margin-top:-1px; clear:both; border-bottom:1px #88ADD1 solid; padding:4px;} .clearer4 {height:5px; overflow:hidden; margin-top:-1px; clear:both;} .printbrand {display:none;} .lmglogo {float:left;padding:12px 0px 0px 43px; border:none;} .imgheader {padding:10px 0px 0px 0px;} .imgheader4 {padding:15px 0px 8px 0px;} .imgheader2 {padding:5px 0px 0px 0px;} .imgheader3 {padding:5px 5px 0px 0px;} .dmrservice {float:right; border:none; padding:10px 10px 8px 0px;} .formend {text-align:center; padding:10px 0px 0px 0px;} .featuredboxfloat {float:right;text-align:right;} .featuredimg {margin:5px 5px 5px 5px; border:1px #6D6D6D solid;} .leftfeatured {float:left;line-height:1em;} .rightfeatured {float:right; padding:0px; width:150px; text-align:left; } .largetxt {font-size:120%; font-weight:bold; color:#343434; } .slideshow {z-index:3000; background:transparent url("../images/slideshowbg.jpg") bottom left repeat-x; padding:10px 5px 12px 5px; width:283px;float:left; } .numberhl {color:#333333; font-size:11px; font-family:Verdana; font-weight:bold; text-decoration:none;padding:5px 8px; background:transparent url("../images/indexbg-over.gif") center center repeat-x;} * html .numberhl {color:#333333; font-size:12px; font-family:Verdana; font-weight:bold; text-decoration:none;padding:5px 8px; background:transparent url("../images/indexbg-over.gif") center center repeat-x;} .noborder {border:none;} .fivestar {padding:10px;} .gallery {border:1px #FFFFFF solid; margin:0px 10px 5px 10px;} .supercharger {text-align:center;} #carspec {overflow:hidden;} #carspec table {width:200px; float:left; margin:0px 0px 0px 10px;border-collapse:collapse;} #carspec td {border-bottom:1px #CCCCCC solid; margin:0; padding:3px 2px 3px 0px;} #carspec_addl table {float:left; margin:0px 0px 0px 6px;border-collapse:collapse;} #carspec_addl td {border-bottom:1px #CCCCCC solid; margin:0; padding:3px 2px 3px 0px;} table.steps {width:515px; border:none; border-collapse:collapse;} .steptext {padding:0 0 0 32px;} td.step1_on {color:#333333; font-weight:bold; padding:0; margin:0;border-collapse:collapse; width:128px; height:27px; background:transparent url("../images/carrental/step1-bg-on.gif") bottom left no-repeat;} td.step1_off {color:#999999; font-weight:bold; padding:0; margin:0;border-collapse:collapse; width:128px; height:27px; background:transparent url("../images/carrental/step1-bg-off.gif") bottom left no-repeat;} td.step2_on {color:#333333; font-weight:bold; padding:0; margin:0;border-collapse:collapse; width:130px; height:27px; background:transparent url("../images/carrental/step2-bg-on.gif") bottom left no-repeat;} td.step2_off {color:#999999; font-weight:bold; padding:0; margin:0;border-collapse:collapse; width:130px; height:27px; background:transparent url("../images/carrental/step2-bg-off.gif") bottom left no-repeat;} td.step3_on {color:#333333; font-weight:bold; padding:0; margin:0;border-collapse:collapse; width:130px; height:27px; background:transparent url("../images/carrental/step3-bg-on.gif") bottom left no-repeat;} td.step3_off {color:#999999; font-weight:bold; padding:0; margin:0;border-collapse:collapse; width:130px; height:27px; background:transparent url("../images/carrental/step3-bg-off.gif") bottom left no-repeat;} td.step4_on {color:#333333; font-weight:bold; padding:0; margin:0;border-collapse:collapse; width:127px; height:27px; background:transparent url("../images/carrental/step4-bg-on.gif") bottom left no-repeat;} td.step4_off {color:#999999; font-weight:bold; padding:0; margin:0;border-collapse:collapse; width:127px; height:27px; background:transparent url("../images/carrental/step4-bg-off.gif") bottom left no-repeat;} td.linetop {border-top:1px #E3E3E3 solid;} table {border-collapse:collapse; width:525px; margin:10px 0 10px 10px;} table.lmgblue td {padding:5px; border:1px #999999 solid; background-color:#E3E3E3;} table.lmgblue td.footer {padding:5px; border:1px #999999 solid; color:#FFFFFF; background-color:#999999;} table.uprating {padding:0px; margin:0;} table.uprating td {padding:0px; margin:0;} .ecotricity {color:#006600; padding:5px; position:absolute; left:5px; top:710px; width:200px;} .ecotricity h3 {margin:0 0 5px 10px;} .ecotricity img {margin:0 0 5px 5px;} p.seatbeltconv img {width:170px;text-align:center;} p.seatbeltconv {text-align:center;} /* ----------------------------- form styles ------------------- */ p.formpara {color: #000; padding:0; margin:10px 0px;} p.formheader {color: #666666; padding:0; margin:8px;} #topright .gosubmit {border:none; background:transparent; width:68px; height:24px;padding:4px 0px 0px 0px; margin:0px;} #left1 form {padding:0; margin:0;} #left1 .gosubmit {border:none; background:transparent; width:68px; height:24px;padding:4px 0px 0px 0px; margin:0px;} #left1 label {color: #666666; font-size:90%;} #left1 select.smallselect {font-size:80%;color:#333333; font-family: Verdana, sans-serif;padding:0px; margin:1px 0px 1px 0px; border:1px #7F9DB9 solid; background:#FFFFFF; width:80px;} #left1 input.smallinput {font-size:80%;color:#333333; font-family: Verdana, sans-serif;padding:0px; margin:1px 0px 1px 0px; border:1px #7F9DB9 solid; background:#FFFFFF; width:78px;} #left1 .gosubmit {border:none; background:transparent; width:132px; height:28px;padding:4px 0px 0px 0px; margin:0px;} div.row {clear: both; } div.row span.label {float: left; text-align: left; width:90px; } div.row span.formw {float: right; text-align: left;} div.plate_search {text-align:center; padding:10px 0px 0px 0px;} div.plate_search input.plate_input {text-align:center; width:20px;font-size:180%;} /* ------------------------------- list styles ------------------*/ #paginate-slider2 ul {float:left;list-style:none; margin:0px; padding:0px 10px 10px 30px;} #paginate-slider2 li {list-style:none; padding:2px 0px 2px 10px; background:#FFFFFF url("../images/grey-arrow.gif") no-repeat center left;} /* ------------------------------- table styles ------------------*/ #events table {background:#FFFFFF; border:1px #5A6542 solid; margin:10px; width:97%;} #events th {background:#5A6542; border-collapse:collapse; color:#FFFFFF; border:1px #FFFFFF solid; padding:5px;} #events td {border-collapse:collapse; border:1px #FFFFFF solid; padding:5px;} /*----------------------------- form boxes -------------------*/ #form_box {border:1px #666666 solid; margin:4px 0px; padding:5px;} /*----------------------------- form boxes -------------------*/ #vehicle_details {border:1px #666666 solid; margin:4px 0px; padding:1px;} /* ----------------------------- misc styles ------------------- */ hr {border-collapse:collapse; color:#C6E6DF; height:1px; margin:3px 0px 3px 0px; text-align:center;} #number_plates {font-size:1px; width:166px; height:35px; padding:1px 0px 0px 0px; margin:0px; text-align:center; background:transparent url(../images/numberplate-bg.gif) no-repeat;} td.numberplates {padding:0px; background:#E3E3E3; text-align:center;} #scrolltext {overflow:auto; height:350px;} /* ----------- other bits which currently need styling -------------- */ dl {} dt {} dd {} dd.spammer {margin:4px 50px 0px 0px;} input.form_input {border:1px #408490 solid; font-size:100%;} textarea.form_input {border:1px #408490 solid; font-family:Verdana, sans-serif; font-size:120%;} submit.but_submit {} input.submit {} .but_submit {font-size:100%; color:#ffffff; background-color:#666666; font-weight:bold; border:1px outset; padding:3px 5px; border-color:#343434; margin:3px;} nav select {display: none;} .mobilehomebg {display: none;} @media all and (max-width:922px) { .ecotricity {color:#006600; padding:5px; position:relative; width:90%; top:0; left:0;} .ecotricity h3 {margin:0 0 5px 10px;} .ecotricity img {margin:0 0 5px 5px;} .mobilehomebg {display: block;} nav ul { display: none;} nav select {display: block; height:35px; width:96%; padding:5px; margin:-20px 2% 0 2%;position:relative; z-index:2000; background:#FFFFFF;} .menu {float:none; max-width:300px; width:300px;} #menu {width:100%;} body {padding:0; margin:0; text-align:center; min-width:0; /* for mozilla*/ background:#FFFFFF url("../images/bg-grad.jpg") repeat-x; color: #696969; font-size:90%; font-family: Verdana, Arial, sans-serif;} #outer {width:100%; padding:0px; margin:0px; text-align:left; margin:auto; position:relative; background:#FFFFFF url("../images/main-bg-home-tablet.jpg") center top repeat-x; position:relative;} #outer2 {width:100%; padding:0px; margin:0px; text-align:left; margin:auto; position:relative; background:#FFFFFF url("../images/main-bg-home-tablet.jpg") center top repeat-x; position:relative;} .lmglogo {display:none;} h1 {margin:0 0 0 0;} html>body #outer {height:auto;} /*for mozilla as IE treats height as min-height anyway*/ html>body #outer2 {height:auto;} /*for mozilla as IE treats height as min-height anyway*/ #innerwrap {float:none; width:100%; /* enables content first */} #header {position:absolute; top:0; left:0; width:100%; height:136px; color: #000000; margin:0px; padding:0px;} #left {position:relative;/*ie needs this to show float */ width:100%; float:none; padding-top:0;/*needed to make room for header*/ padding-bottom:28px;/* needed to make room for footer */} #right {position:relative;/*ie needs this to show float */ width:100%; float:none; padding-top:0;/*needed to make room for header*/ padding-bottom:28px;/* needed to make room for footer */} #footer {width:100%; clear:both; background:transparent url("../images/footer-bg.jpg") repeat-y; color: #FFFFFF; text-align:right; position: relative; font-size:90%;} #middle {width:100%; float:none; padding-top:130px; padding-bottom:5px;/* needed to make room for footer */} #middle2 {width:100%; float:none; padding-top:130px; padding-bottom:5px;/* needed to make room for footer */} #clearfooter {width:100%; height:5px; clear:both} /* to clear footer */ #topnav {font-size:90%; float:right; color:#ABABAB; margin:2px 0px 0px 0px; padding:0px;} #topright {float:right; overflow:hidden; padding:10px 0px 0px 0px; width:171px; text-align:center;} #mainnav {position:absolute; top:135px; left:15px; color:#FFFFFF; font-size:90%; padding:0px; margin:0px;} #left1 {width:98%; margin:5px 1% 0px 1%; min-height:0px; padding:0px 0px 0 0px; } #middle1 {width:100%; min-height:auto; background:#FFFFFF; margin:0px 0px 0px 0px; padding:0; } #right1 {font-size:90%; width:100%; float:left; min-height:0; margin:0px 0px 0px 0px; padding:0;} * html #right1 {font-size:90%; width:164px; min-height:430px; margin:0px 0px 0px 0px; padding:0; } #featuredbox {text-align:left; width:295px; min-height:175px; border-right:2px #ABABAB solid; border-bottom:2px #ABABAB solid; border-left:1px #ABABAB solid; border-top:1px #ABABAB solid; background:#FFFFFF url("../images/featured-vehicle-bg.jpg") repeat-x bottom left; margin:3px 5px 0px 10px; padding:10px 5px 10px 10px; } #rental_right1 {font-size:90%; width:148px; min-height:100px; border-left:2px #666666 solid; border-bottom:2px #666666 solid; border-right:1px #666666 solid; background:#E3E3E3 url("../images/left1-bg.gif") no-repeat; margin:0px 0px 0px 2px; padding:10px 5px 10px 5px; } #rental_right2 {font-size:90%; width:148px; min-height:100px; border-left:2px #666666 solid; border-bottom:2px #666666 solid; border-right:1px #666666 solid; background:#E3E3E3 url("../images/left1-bg.gif") no-repeat; margin:5px 0px 0px 2px; padding:3px 5px 10px 5px; } .fivestar {display:none;} .leftcontact {float:left; width:48%;margin:1% 1% 1% 1%; background:#eeeeee;} .leftcontact2 {float:left; width:98%;margin:1% 1% 1% 1%; background:#eeeeee;} #right .leftcontact p, #right .leftcontact2 p {padding:3px;} .leftgallery {float:left; width:48%; text-align:center;margin:1% 1% 10px 1%; background:#eeeeee;} .gallery {margin:3px;} table.lmgblue {width:96%; margin:10px 2% 10px 2%;} table.uprating {width:96%; margin:10px 2% 10px 2%;} table.lmggallery {width:96%; max-width:500px; margin:0 0 0 0px;} table.lmggallery td {padding:5px;} table.lmggallery td img {width:100%; height:auto; max-width:150px;} } @media all and (max-width:556px) { #outer, #outer2 {width:100%; padding:0px; margin:0px; text-align:left; margin:auto; position:relative; background:#FFFFFF url("../images/main-bg-home-tablet2.jpg") center top repeat-x; position:relative;} h1 {margin:0 0 0 0; padding:10px 0 10px 0; font-size:1.2em;} nav select { display: block; height:35px; width:96%; padding:5px; margin:-20px 2% 0 2%;} } @media all and (max-width:429px) { #outer, #outer2 {width:100%; padding:0px; margin:0px; text-align:left; margin:auto; position:relative; background:#FFFFFF url("../images/main-bg-home-mobile.jpg") center top repeat-x; position:relative;} h1 {margin:0 0 0 0; padding:10px 0 10px 0; font-size:1.2em;} nav select {display: block; height:35px; width:96%; padding:5px; margin:-20px 2% 0 2%;position: relative;} p.seatbeltconv img {width:100%; margin:3px 0 3px 0;} }