/*define the default font characteristics*/ * { margin:0; padding:0; } html { height:100%; margin-bottom:1px; } /*get FF to always display scroll bar*/ body { font-style:normal; font-variant:normal; font-weight:normal; font-size:62.5%; line-height:1.8em; font-family:Tahoma, Geneva, sans-serif; color:#363; } p, ul, ol, dl, table { font-size:1.2em; /* 12px */ margin-bottom:1.2em; letter-spacing:0.09em; } /* some inherited shrinkage - thanks to http://clagnut.com/blog/348/ */ ul p, ol p, table p, dl p, ul ul, ol ol, ul ol, ol ul, address p, li blockquote, blockquote p, form div div, form div p { font-size: 1em; } ul ul, ol ol, ol ul, ul ol { margin-bottom: 0; } tt, pre { font-family:monospace; font-size:1.2em; /*12px*/ } ul { margin-left:16px; padding-left:16px; color:#777; } ol { margin-left:20px; padding-left:16px; color:#777; } li { margin-bottom:2px; } h1, h2, h3 { font-style:normal; font-variant:normal; font-weight:normal; font-family:Tahoma, Geneva, sans-serif; color:#bc571b; letter-spacing:0.05em; } h1 { font-size:2.4em; /*20px*/ margin-top:0.727em; /*16px*/ margin-bottom:0.5em; /*10px*/ } h2 { font-size:1.8em; /*18px*/ margin-top:0.722em; /*13px*/ margin-bottom:0.5em; /*9px*/ } h3 { font-size:1.4em; /*14px*/ margin-top:0.714em; /*10px*/ margin-bottom:0.571em; /*8px*/ } hr { height:1px; color:#ccc; background-color:#ccc; border-width:0px; } /*define some special display options*/ .justify { text-align:justify; } .container { position:relative; } .clearall { clear:both; display:block; height:0; overflow:hidden; } .clearleft { clear:left; display:block; height:0; overflow:hidden; } .altimgborder { border:1px solid #ddd; } .quote { color:#a91164; font-style:italic; } .showerror { color:#c00; } .showsuccess { color:#00c; } .listheader { margin:10px 0; border-bottom:2px dotted #126ea8; color:#e74a00; font-size:125%; font-style:italic; letter-spacing:1px; } .nodbitem { margin:20px 0; border-top:2px dotted #126ea8; border-bottom:2px dotted #126ea8; padding:20px 0; font-size:1.1em; letter-spacing:0.09em; text-align:center; } .photo { border:1px solid #ccc; padding:4px; background:#fff; } .zoombr { position:absolute; bottom:5px; right:5px; } /*define the page body colours and sections - height is so FF displays the scrollbar all the time*/ #pagebox { position:relative; margin:28px auto; text-align:left; width:720px; z-index:1; } #pageboxcardetails { position:relative; margin:10px auto; text-align:left; width:720px; z-index:1; } /*define the standard anchor link behaviour*/ a { text-decoration:none; color:#00c; font-weight:normal; } a:hover { text-decoration:none; color:#c00; } a:focus { outline:0; } /*default form styles*/ input, textarea, select { color:#666; font-family:Verdana,Helvetica,Sans-Serif; } input.std { background-color:#fff; border-left:1px solid #669; border-bottom:1px solid #b2b2cc; border-right:1px solid #b2b2cc; border-top:1px solid #669; } textarea.std { background-color:#fff; border-left:1px solid #669; border-bottom:1px solid #b2b2cc; border-right:1px solid #b2b2cc; border-top:1px solid #669; } #aa-smallprint { border-top:2px dotted #ccc; padding-top:10px; font-size:1em; line-height:normal; } /*top display*/ #wmc { position:relative; height:78px; background:#2e621a; } #wmc #logo { position:absolute; top:4px; left:18px; width:458px; height:40px; line-height:40px; color:#fff; } #wmc #logo span { position:absolute; top:0; /*for safari*/ left:0; width:100%; height:100%; background:url(/images/worlingham-motor-company.gif) no-repeat; } #topbg { position:absolute; top:-28px; left:-28px; background:url(/images/topbg.gif) no-repeat top left; width:776px; height:106px; z-index:-1; } #menubox { position:relative; margin:0 -28px; background:url(/images/sidebg.gif) repeat-y top left; width:776px; height:27px; } #menubox ul { position:relative; margin:0 28px; padding-left:0; list-style:none; font-size:1.5em; /*15px*/ /*letter-spacing:0.067em;*/ white-space:nowrap; background:#e8d161 url(/images/menubg.gif) repeat-x top left; height:27px; } #menubox ul li { position:relative; float:left; margin-bottom:0; text-align:center; overflow:hidden; background:url(/images/menustripe.gif) no-repeat top right; } #menubox ul li a { position:relative; color:#51922a; text-decoration:none; line-height:27px; } #menubox ul li a:hover { color:#0b3596; text-decoration:underline; } #menubox ul li#m1 { width:9%; } #menubox ul li#m2 { width:16%; } #menubox ul li#m3 { width:11%; } #menubox ul li#m4 { width:13%; } #menubox ul li#m5 { width:16%; } #menubox ul li#m6 { width:20%; } #menubox ul li#m7 { width:15%; background:none; } /*styles used on multiple pages*/ #contentbox { position:relative; margin:0 -28px; background:url(/images/sidebg.gif) repeat-y top left; width:776px; } #contentbox .content{ position:relative; margin:0 28px; padding:30px 25px; height:auto !important; height:515px; min-height:515px; } .tickit { list-style-image: url(/images/bullet.gif) } .infotag { position:absolute; top:-14px; left:-25px; border:1px solid #ccc; padding:0 20px; font-size:1.6em; font-style:italic; line-height:1.6em; text-align:center; color:#000; background:#e8d161 url(/images/menubg.gif) repeat-x top left; } .hilite { color:#000; font-weight:bold; } /*home page*/ #contentbox .withleftimg { margin-left:218px; } #happypeople { position:absolute; top:0; left:-190px; } #drivehappy { position:absolute; top:5px; right:5px; } #buycar { padding:25px 180px 100px 0; font-size:5.5em; line-height:normal; letter-spacing:0.05em; font-weight:bold; } #buycar a { font-weight:bold; } #buyinfo { padding-top:50px; padding-bottom:20px; font-size:2em; line-height:normal; letter-spacing:normal; } #buyinfo img { margin-top:24px; margin-right:34px; } #buyinfo #imgright { margin-right:0; } /*cars for sale*/ #currentsortbyinfo { color:#777; font-size:1em; font-family:Verdana, Geneva, sans-serif; line-height:normal; } #sortbyinfo { color:#777; font-size:1em; font-family:Verdana, Geneva, sans-serif; line-height:normal; border-top:2px solid #ddf; border-bottom:2px solid #ddf; padding:4px; } .carbox { clear:left; position:relative; margin:0; padding:0; list-style:none; } .carbox .cbi { position:relative; float:left; margin-right:19px; margin-bottom:20px; width:152px; height:248px; z-index:2; } .carbox .cbi .dropshad { position:absolute; top:1px; left:1px; z-index:-1; background:url(/images/carsum-drop.gif) no-repeat top left; width:159px; height:267px; } .carbox .cbi .cbiborder { border:1px solid #777; } .carbox .cbright { margin-right:0; } .carbox .cardetails { padding:1px 2px; color:#fc3; background:#050; font-size:1.083em; line-height:14px; font-weight:bold; white-space:nowrap; overflow:hidden; } .carbox .carmodel { padding-top:0; padding-bottom:2px; } .carbox .caryear { border-bottom:1px solid #ccc; padding:1px 2px; font-size:0.833em; line-height:12px; white-space:nowrap; overflow:hidden; } .carbox .carprice { border-bottom:1px solid #ccc; padding:1px 2px; color:#444; line-height:14px; font-weight:bold; text-align:center; white-space:nowrap; overflow:hidden; } .carbox .carsum { margin:5px 0 8px 10px; font-size:0.833em; list-style-image: url(/images/bullet-s.gif); height:56px; overflow:hidden; } .carbox .csi { margin-bottom:0; line-height:14px; } .carbox .csi a { font-style:italic; } .carbox .carimg { position:relative; border-top:1px solid #ccc; height:112px; overflow:hidden; } .carbox .carimg img { border:0; } .carbox .tags { position:absolute; top:131px; left:-15px; width:45px; height:60px; } /*car details*/ #fulldetails { border-right:1px solid #eee; } #fd-bottom { clear:left; border-left:1px solid #eee; border-bottom:1px solid #eee; padding-top:30px; } #cartitle { position:relative; margin-bottom:6px; border:1px solid #000; padding:4px; color:#fff; background:#2e621a; font-size:1.6em; } #carimages { position:relative; float:left; width:321px; } #carimages #statustag { position:absolute; top:-2px; left:-15px; width:45px; height:60px; z-index:2; } #carimages .outline { position:relative; float:left; margin-right:5px; margin-bottom:5px; border:1px solid #e7e7ef; width:100px; height:75px; z-index:1; overflow:hidden; } #carimages .cargal { border:0; } #carimages #carimgnotes { margin-left:5px; color:#999; line-height:normal; } #carfeatures { position:relative; float:left; width:340px; font-size:0.833em; } #carfeatures .f2col { float:left; width:170px; } #carfeatures .allfeatures { list-style-image: url(/images/bullet-s.gif); line-height:1.5em; } #extradesc { clear:left; margin-left:10px; border-top:2px dotted #ccc; border-bottom:2px dotted #ccc; } #carimages #carprint { margin:4px; line-height:normal; } #carimages #carprint img{ vertical-align:middle; } /*Add image form*/ #frmimageupd { color:#666; font-size:0.833em; } #frmimageupd label { display:block; float:left; width:100px; text-align:right; margin:0 8px 0 0; } #frmimageupd .text { width:220px; font-family:Verdana; line-height:12px; } #frmimageupd .uploadbtn { margin-left:50px; font-size:11px; width:55px; font-weight:normal; } /*datapage page links*/ .dbpages { clear:left; position:relative; margin:0; padding:0; list-style:none; font-family:Tahoma, Geneva, sans-serif; font-size:11px; line-height:15px } .dbpages li { position:relative; float:left; margin-bottom:8px; font-style:italic; } .dbpages li.comment { padding:1px 3px 0 0; color:#999; } .dbpages li.thispage { position:relative; display:block; border:1px solid #eee; height:15px; width:17px; text-align:center; background:#fee; } .dbpages a { position:relative; display:block; border:1px solid #eee; height:15px; width:17px; text-align:center; color:#00f; } .dbpages a:hover { background:#eef; color:#f00; } /*finance*/ .financelogos { text-align:center; } .financelogos #blackhorse { margin-right:40px; } .cards { padding-top:10px; } #payments { position:relative; margin:25px; border:1px solid #ccc; padding:20px; } /*warranty*/ .nogap { margin-bottom:0; } .warandor { margin-top:0.333em; margin-bottom:0.5em; } .warrantyextra { position:relative; margin:25px; border:1px solid #ccc; padding:20px; } .warrantyextra .nobot { margin-bottom:0; } .warrantyextra .smallprint { font-size:0.909em; } /*preparation*/ .prepinfo { margin-right:80px; font-style:italic; } .prepinfo .prepimg { float:right; margin-right:-80px; } .prepinfo .preppoint { color:#000; font-size:1.6em; font-style:normal; } .prepinfolist { margin-top:-0.6em; margin-right:90px; font-style:italic; color:#363; } #inspecitems { margin-top:2px; margin-right:90px; } #inspecitems div { width:50%; float:left; } #inspecitems #inspecleft{ float:left; } /*who's who*/ .whoswho { position:relative; clear:left; height:auto !important; height:210px; min-height:210px; } .whoswho .staffleft { position:absolute; top:0; left:-215px; } .whoswho h2 { position:relative; border-bottom:2px dotted #ccc; color:#444; } .whoswho h2 .motto { position:absolute; right:0; font-size:0.667em; } .whoswho p { margin-top:0.6em; margin-bottom:0.6em; } /*contact page*/ .openingtimes { font-weight:bold; font-style:italic; } #contactinfobox { position:relative; margin:0 8px 15px 0; border-top:2px dotted #ccc; border-bottom:2px dotted #ccc; padding:0 28px 0 0; overflow:hidden; } #contactinfobox p { margin:8px 0 4px 0; padding-left:119px; font-family:Tahoma, Arial, Helvetica, Sans-Serif; letter-spacing:0.2em; line-height:33px; } #contactinfobox p#location { height:auto !important; height:30px; min-height:30px; line-height:normal; } #contactinfobox img { margin:0 0 8px -38px; border:0; padding:0; float:left; } #frmcontact { position:relative; margin:0 0 15px 12px; border-bottom:2px dotted #ccc; padding:0; overflow:hidden; } #frmcontact input.text { width:260px; font-size:0.909em;/*10px*/ } #frmcontact textarea { width:260px; font-size:0.909em;/*10px*/ } #frmcontact input.doit { margin-left:71px; font-size:0.909em;/*10px*/ } #frmcontact label { display: block; float: left; width:65px; text-align:right; margin:0 6px 0 0; } /*the footer link for CubeConnection*/ #contactfoot { position:relative; color:#fff; background:#2e621a; height:71px; } #contactfoot #bottombg { position:absolute; top:0; left:-28px; background:url(/images/bottombg.gif) no-repeat top left; width:776px; height:106px; z-index:2; } #contactfoot p { margin-left:18px; } #contactfoot #address { margin-bottom:0; padding-top:8px; line-height:normal; font-size:1.5em; } #contactfoot #bigphone { margin-bottom:0; padding-top:5px; line-height:normal; font-size:2.5em; font-weight:bold; } /*the footer link for CubeConnection*/ #siteby { position:relative; color:#999; z-index:3; } #siteby p { margin:3px 6px; text-align:right; letter-spacing:normal; font-size:1.1em; } #siteby #copyright { float:left; } #siteby a#cube { text-decoration:none; color:#888; font-weight:bold; } #siteby a#cube:hover{ color:#089cb1; } /*================================*/ /* define all the admin style bits*/ /* needed on user pages */ /*================================*/ #adminmenu { position:absolute; top:0; left:0; z-index:2; font-size:1.2em; overflow:hidden; width:100%; font-family:Tahoma, Geneva, sans-serif; } .editlink { border:1px solid #ccc; color:#00f; padding:1px; font-size:0.833em; font-weight:normal; background-color:#ffb; line-height:1em; } .editlink a { text-decoration:none !important; color:#d00 !important; font-weight:normal !important; } .editlink a:hover { text-decoration:underline !important; color:#00f !important; } #adminnotes { clear:left; margin-top:10px; border-top:2px dotted #c00; padding-top:4px; color:#c00; font-style:italic; } /*define position of edit button on images*/ .cmschange { position:absolute; top:1px; right:1px; margin:0; border:1px solid #f00; padding:0; }