/* DMR_2007 cars.co.uk /css/stylesheet.css vers 3 mpu 16/04/2007 A DMR software product DMR is a registered trade mark of DMR Limited Copyright protected source code All rights reserved by DMR Limited */ /* ----------------------------- body styles ------------------- */ body {font: x-small/1.3 Verdana, Trebuchet, "Trebuchet MS", sans-serif; voice-family:"\"}\""; voice-family:inherit; /*Box Model Hack to accomodate IE5/Win*/ font: small/1.3 Verdana, Trebuchet, "Trebuchet MS", sans-serif; text-align:center; background-color:#ACACAC; margin:0; padding:0;} /* ----------------------------- header styles ------------------- */ #toptext h1 {color:#9C9C9C; font-size:90%; letter-spacing:0px; padding:0; margin:0;} h1 {color:#000000; font-size:160%; font-weight:bold; letter-spacing:2px; padding:6px 10px 4px 0px; margin:18px 20px 0px 20px; border-bottom:1px #CCCCCC solid;} h2 {color:#000000; font-size:110%; letter-spacing:2px; padding:6px 10px 4px 0px; margin:18px 20px 0px 20px; border-bottom:1px #CCCCCC solid;} h2.fact {color:#52798A; font-size:large; font-weight:bold; letter-spacing:0.03em; background-color:#F4F4F4; padding:10px 10px 20px 10px; border:none;} #left h2 {color:#CCCCCC; font-size:100%; letter-spacing:0; padding:0; margin:5px 0px 10px 20px; border:none;} #middle1 h2,#middle2 h2,#middle3 h2 {color:#FFFFFF; font-size:105%; letter-spacing:0; background-color:#006600; padding:5px; margin:0px 0px 10px 0px; border:1px #FFFFFF solid;} #middle1 h2.rightbox {color:#CCCCCC; font-size:105%; letter-spacing:0; background-color:#006600; padding:7px; margin:0px 0px 10px 0px; border:none;} #middle1 h2.leftbox,#middle2 h2.leftbox {color:#CCCCCC; font-size:105%; letter-spacing:0; background-color:#184470; padding:5px; margin:0px 0px 10px 15px; border:none;} /* ----------------------------- paragraph styles ------------------- */ p {padding:5px 10px 5px 0px; margin:0px 0px 0px 20px;} #righttext p {padding:5px 10px 5px 0px; margin:0px 0px 0px 7px;} p.bottomborder {padding:10px 10px 10px 17px; margin:0px 3px 0px 3px; border-bottom: 1px #666666 dotted;} #footer p {line-height:1.4em; padding:5px 0px;} /* ----------------------------- link styles ----------------------- */ #middle1 a, a:link, v:link {color:#003300; font-weight:bold; text-decoration:none; letter-spacing:0; padding:0px; margin:0px; border:none;} #middle1 a:hover {color:#CCCCCC;} #middle2 a, a:link, v:link {color:#003300; font-weight:bold; text-decoration:none; letter-spacing:0; padding:0px; margin:0px; border:none;} #middle2 a:hover {color:#CCCCCC;} #middle3 a, a:link, v:link {color:#003300; font-weight:bold; text-decoration:none; letter-spacing:0; padding:0px; margin:0px; border:none;} #middle3 a:hover {color:#CCCCCC;} #rightbox1 a, a:link, v:link {color:#003300; text-decoration:none; font-weight:bold;} #rightbox1 a:hover {color:#666666; text-decoration:none;} #rightbox1 a.sarrw, a:link.sarrw, v:link.sarrw {color:#376479; font-weight:bold; text-decoration:none; letter-spacing:0; background:transparent url("../images/singlearrow.gif") no-repeat; background-position:1% 55%; padding-left:10px; margin:0px; border:none;} #rightbox1 a:hover.sarrw {color:#000000; font-weight:bold; text-decoration:none; letter-spacing:0; background:transparent url("../images/singlearrowblack.gif") no-repeat; background-position:1% 55%; padding-left:10px; margin:0px; border:none;} #rightbox1 a.arrow, a:link.arrow, v:link.arrow {color:#376479; font-weight:normal; text-decoration:none; letter-spacing:0; background:transparent url("../images/arrow.gif") no-repeat; background-position:100% 53%; padding-right:12px; margin:0px; border-bottom:1px #376479 dotted;} #rightbox1 a:hover.arrow {color:#000000; font-weight:normal; text-decoration:none; letter-spacing:0; background:transparent url("../images/arrowblack.gif") no-repeat; background-position:100% 53%; padding-right:12px; margin:0px; border-bottom:1px #000000 dotted;} #rightbox2 a, a:link, v:link {color:#376479; font-weight:normal; text-decoration:none; padding:0px; margin:0px;} #rightbox2 a:hover {color:#000000; font-weight:normal; text-decoration:none; padding:0px; margin:0px;} #rightbox2 a.arrow, a:link.arrow, v:link.arrow {color:#376479; font-weight:normal; text-decoration:none; letter-spacing:0; background:none; padding-right:0px; margin:0px; border-bottom:1px #376479 dotted;} #rightbox2 a:hover.arrow {color:#000000; font-weight:normal; text-decoration:none; letter-spacing:0; background:none; padding-right:0px; margin:0px; border-bottom:1px #000000 dotted;} #rightbox3 a.arrow, a:link.arrow, v:link.arrow {color:#376479; font-weight:normal; text-decoration:none; letter-spacing:0; background:transparent url("../images/arrow.gif") no-repeat; background-position:100% 53%; padding-right:12px; margin:0px; border-bottom:1px #376479 dotted;} #rightbox3 a:hover.arrow {color:#000000; font-weight:normal; text-decoration:none; letter-spacing:0; background:transparent url("../images/arrowblack.gif") no-repeat; background-position:100% 53%; padding-right:12px; margin:0px; border-bottom:1px #000000 dotted;} #leftbox a, a:link, v:link {color:#CCCCCC; font-weight:normal; text-decoration:none; padding:0px; margin:0px; border:none;} #leftbox a:hover {color:#FFFFFF; font-weight:normal; text-decoration:none; padding:0px; margin:0px; border:none;} #footer a, a:link, v:link {color:#FFFFFF; font-weight:normal; text-decoration:none; padding:0px; margin:0px; border:none;} #footer a:hover {color:#CCCCCC; font-weight:normal; text-decoration:none; padding:0px; margin:0px; border:none;} /* ----------------------------- list styles ------------------- */ * html dl {margin:0 0 0 0; padding:0px 0px 0px 21px;} dl {margin:0 0 0 0; padding:0px 0px 10px 21px;} dd {padding:2px 0px; margin:0;} /* ----------------------------- id styles ------------------- */ #toptext {font-size:80%; color:#9C9C9C; background:#CCCCCC url("../images/toptextcorner.gif") no-repeat; background-position:0 100%; position:absolute; right:0; top:0; padding:3px; margin:0px;} #header {z-index:1000; width:100%; height:100px; background:#ABABAB url("../images/headerbg.gif") repeat-x; clear:both;} #wrapper1 {/* background color of left/right columns */ background-color:#333333;} #wrapper2 {background-color:#FFFFFF; width:100%;float:left;} * html #left {margin-right:-3px;}/* 3 pixel jog*/ #left {z-index:1000; color:#FFFFFF; width:228px; margin-left:-227px;/*overlap for old mozilla*/ left:-1px;/* now line it up*/ position:relative; float:left;} #lefttext {background-color:#000000; margin:10px 0 10px 0px; padding:0; border-bottom:12px #D7D7D7 solid; border-left:5px #D7D7D7 solid;border-right:5px #D7D7D7 solid;} #leftbox {font-size:90%;} #right {z-index:1000; width:310px; margin-right:-309px;/*overlap for old mozilla*/ left:5px;/* now line it up*/ position:relative; float:right; } #righttext {color:#FFFFFF; font-size:90%; margin:0 padding:0;} #rightbox1 {color:#333333; background-color:#DBD9D9; font-size:90%; margin:0px 1px 10px 7px; padding:0px 0px 10px 0px; border:1px #FFFFFF solid;} #rightbox2 {color:#333333; font-size:90%; background-color:#DBD9D9; padding:0px 0px 10px 0px; margin:2px 1px 10px 7px; border:1px #FFFFFF solid;} #rightbox3 {color:#333333; font-size:90%; background-color:#DBD9D9; padding:0px 0px 10px 0px; margin:2px 1px 20px 7px; border:1px #FFFFFF solid;} #middle1 {/* use this for a 3 column layout */ font-size:80%; z-index:1000; text-align:left; background-color:#FFFFFF; margin-left:228px; margin-right:320px; min-height:0;} #middle2 {/* use this for a 2 column layout */ font-size:80%; z-index:1000; text-align:left; background-color:#FFFFFF; margin-left:228px; margin-right:5px; min-height:0;} #middle3 {/* use this for a 1 column layout */ font-size:80%; z-index:1000; text-align:left; background-color:#FFFFFF; margin-left:0px; margin-right:0px; min-height:0;} /* mac hie \*/ * html #middle1, * html #middle2, * html #middle3 {height:1%;position:relative;} /* end hide */ #footer {color:#FFFFFF; text-align:center; font-size:80%; width:100%; background-color:#003300; border-top:2px solid #FFFFFF; border-bottom:1px solid #FFFFFF; padding:10px 0px;} #printicon {color:#FFFFFF; padding:15px 0px 0px 0px; } #printicon a {color:#CCCCCC; text-decoration:none;} #printicon a:hover {color:#FFFFFF; text-decoration:none;} #printicon img {border:none;} /* ----------------------------- class styles ------------------- */ .clearer {height:1px; overflow:hidden; margin-top:-1px; clear:both;} .printbrandtext {display:none;} * html .dmrservice {padding:0; margin:0px; border:none; position:absolute; right:3px; top:21px;} .dmrservice {padding:0; margin:0px; border:none; position:absolute; right:4px; top:21px;} .toplogo {z-index:1000; padding:0; margin:0px; border:none; position:absolute; left:38px; top:40px;} .leftswapimage {margin:0px 0px 0px 0px;} .leftimagefloat {padding:0; margin:3px 3px 3px 0px; border:none; float:left;} .rightimagefloat {padding:0; margin:3px 5px 3px 3px; border:none; float:right;} .noborder {border:none;} .rightlogos {border:none; padding:0; margin:0 0 0 20px;} .britflag {z-index:1010; padding:0; margin:0px; border:none; position:absolute; right:125px; top:79px;} .sweflag {z-index:1010; padding:0; margin:0px; border:none; position:absolute; right:95px; top:79px;} .gerflag {z-index:1010; padding:0; margin:0px; border:none; position:absolute; right:65px; top:79px;} .porflag {z-index:1010; padding:0; margin:0px; border:none; position:absolute; right:35px; top:79px;} .frflag {z-index:1010; padding:0; margin:0px; border:none; position:absolute; right:5px; top:79px;} /* ----------------------------- dropdown menu styles --------*/ * html #toptabs {text-align:left; font-size:90%; line-height:normal; font-weight:bold; position:absolute; left:226px; top:79px; margin:0px;} #toptabs {text-align:left; font-size:90%; z-index:1000; position:absolute; left:226px; top:79px; width:70%; padding:0; margin:0;} #nav, #nav ul {text-align:left; font-weight: bold; float: left; width: 100%; list-style: none; line-height: 1; background-color: #333333; padding: 0; margin: 0 0 1em 0;} #nav a.topitems {text-align:left; color: #FFFFFF; font-weight:bold; display: block; text-decoration: none; padding: 0.25em 2em;} #nav a:hover.topitems {text-align:left; color: #FFFFFF; font-weight:bold; text-decoration: none; display: block; padding: 0.25em 2em;} #nav a {text-align:left; color: #000000; font-weight:bold; text-decoration: none; padding: 0.25em 2em; display: block;} #nav a.rightarrow {text-align:left; background: url("../images/rightarrow2.gif") center right no-repeat;} #nav li {text-align:left; list-style: none; float: left; padding: 0;} #nav li ul {text-align:left; font-weight: normal; position: absolute; background-color: #F4F4F4; left: -999em; height: auto; width: 15.4em; w\idth: 13.9em; border: solid #C2C0C0; border-width: 2px; margin: 0;} #nav li li {text-align:left; padding-right: 1em; width: 13em;} #nav li ul a {text-align:left; width: 13em; w\idth: 9em;} * html #nav li ul ul {text-align:left; margin: -1.75em 0 0 14em;} #nav li ul ul {text-align:left; margin: -1.75em 0 0 13.9em;} #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;} #nav li:hover, #nav li.sfhover {background: #999999;} /* ----------------------------- form styles ------------------- */ * html form {text-align:left;} form {text-align:left;} p.formpara {text-align:left;color: #000; padding:0; margin:10px 0px;} p.formheader {text-align:left;color: #666666; padding:0; margin:8px;} * html input,select {font-size:90%; font-family: Verdana, sans-serif; text-align:left; padding:2px;} input,select {font-size:100%; text-align:left; font-family: Verdana, sans-serif; padding:2px;} input.smallinputfield {text-align:left;width:50px;} input.smallfield,select.smallfield {text-align:left;width:50px; font-family: Verdana, sans-serif; padding:2px; } input.bottomfield {text-align:left;width:240px; font-family: Verdana, sans-serif; padding:2px; margin-bottom:10px;} .submit {text-align:center; font-family: Verdana, sans-serif; color:#FFFFFF; background:#666666; font-weight: bold; font-size: 100%; padding:3px;} .smallsubmit {text-align:left;width:140px; font-family: Verdana, sans-serif; color:#FFFFFF; background:#000066; font-weight: bold; padding:5px;} label {text-align:left;font-weight: bold; color: #000000; } * html fieldset {text-align:left; border: 2px solid #666666; margin: 10px 6px 5px 6px; padding:0px; width:95%; } fieldset {text-align:left; border: 2px solid #666666; margin: 10px 5px 5px 5px; padding:5px; width:93%; background:transparent url("../images/fieldsetgrad.jpg") repeat-x; background-position:left bottom;} fieldset.smallfieldset {text-align:left;float:left; border: 1px solid #CCC; padding: 10px 0 10px 20px; margin: 5px 5px 20px 5px; width:290px;} fieldset.largefieldset {text-align:left;float:left; border: 1px solid #CCC; padding: 10px 0 10px 20px; margin: 5px 5px 20px 5px; width:90%;} legend {text-align:left;font-weight: bold; font-size: 100%; color: #000000; background: #CCCCCC; border: 1px #ccc solid; border-bottom: 2px #999 solid; border-right: 2px #999 solid; padding: 4px 8px; } /* ----------------------------- misc styles ------------------- */ hr {border-collapse:collapse; color:#CCCCCC; height:1px; margin:3px 0px 3px 0px; text-align:center;}