/* John Wynne Automotive CSS Style sheet Copying or distribution of this style sheet prohibited */ * {margin:0px; padding:0px;} body {background: url(images/BG-Block.jpg) repeat; font-family:'Verdana', Arial, Helvetica, sans-serif;} a {text-decoration:none;} p {margin-top:1.5em; color:#FFFFFF; font-size:75%;} hr {width:80%; color:#1F1F1F; background-color:#1F1F1F; height:1.5px; margin:30px;} img {text-decoration:none; border:0;} #container {position:relative; margin:0px auto; width:800px; height:100%; overflow:hidden; border-right:1px solid #333; border-left:1px solid #333; background:#000000; color:#FFFFFF;} #inside {position:relative; width:800px; height:100%;} #navigation {position:relative; width:100%; height:20px; background:url(images/new-nav.jpg) repeat-x; padding:0;} #navigation ul {margin:0;} #navigation li {float:left; list-style-type:none; border-right:1px solid #FFF;} #navigation li a {display:block; color:#363636; padding:2px 20px 4px 20px; font-size:12px;} #navigation a:hover { background:url(images/new-navhover.jpg) repeat-x; color:#F3F3F3;} * html a {display:block;} #header {width:100%; height:112px; background:url(images/h-new.jpg) repeat-x;} #images {position:relative; width:100%; height:350px; background-color:#424242; border-bottom:1px solid #FEFEFE;} #maintext {position:relative; width:100%; border-bottom:0px solid #333; background-color:#000000;} #content {float:left; padding-left:2em; padding-right:1em; margin-top:2em; margin-bottom:2em; width:60%; height:100%; border-right:1px solid #333333; font-family:Verdana, Arial, Helvetica, sans-serif;} #contentwide {float:left; padding-left:5em; margin-top:2em; margin-bottom:2em; width:80%; height:100%; font-family:Verdana, Arial, Helvetica, sans-serif;} #contentprojects {float:left; padding-left:2.5em; margin-top:2em; margin-bottom:2em; width:93%; height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;} #contentfindus {float:left; padding-left:2em; margin-top:2em; margin-bottom:2em; width:370px; height:100%; font-family:Verdana, Arial, Helvetica, sans-serif;} #sidebar {float:right; margin-left:1%; margin-top:2em; padding-right:0.7em; width:30.5%; height:100%; border:0px solid #FFF; font-size:90%; color:#669999;} #sidebar p {font-size:80%; color:#669999;} #sidebarfindus {float:right; margin-top:0; width:350px; height:100%; border:0px solid #FFF;} #footer {float:left; margin-top:3em; width:100%; height:3.0em; background:#000; text-align:center; font-size:75%; color:#EEE; padding:5px 0 5px 0; overflow:hidden; border-bottom:#757575;} #footer a:link {color:#CCC; display:inline;} #footer a:hover {color:#FF9900;} #footer a:visited {color:#CC9999; display:inline;} #boxtry {position:relative; background:#888888; width:80%; left:10%; right:10%; height:50px; border:1px solid #F8F8F8;} /*HEADERS*/ h1 {font-size:125%; color:#FD6162;} h2 {font-size:120%; font-weight:normal; color:#FF6600;} /*CLASSES*/ div.hr {background:#000 url(images/splitline.jpg) no-repeat scroll center; height: 10px} div.hr hr {display: none} .textlnk {text-decoration:none; color:#CCC;} .textlnk:hover {text-decoration:underline; color:#FFF;} .specnames {color:#CC6633;} .specnames a {color:#CC6633;} .specnames a:hover {text-decoration:underline;} .offerslist {font-size:12px; margin-top:1em; margin-bottom:1em;} .offerspricetxt {font-size:14px; color:#3366cc; font-weight:bold;} /*****************FORM SETTINGS**************************/ #contactcontainer {float:left; padding-left:2em; margin-top:2em; margin-bottom:2em; width:30%; height:100%;} #formcontainer {float:right; margin:2em 1em 0 1%; width:60%; height:100%;} /***************NEW FORM SETTINGS*****************/ form { /* set width in form, not fieldset (still takes up more room w/ fieldset width */ font:90% verdana,arial,sans-serif; margin: 0; padding: 0; min-width: 450px; max-width: 470px; width: 470px; } form fieldset { / * clear: both; /*note that this clear causes inputs to break to left in ie5.x mac, commented out */ border-color: #333; border-width: 1px; border-style: solid; padding: 10px; /* padding in fieldset support spotty in IE */ margin: 0; } form fieldset legend { font-size:100%; /* bump up legend font size, not too large or it'll overwrite border on left */ COLOR:#CC6633; /* be careful with padding, it'll shift the nice offset on top of border */ } form label { display: block; /* block float the labels to left column, set a width */ float: left; width: 150px; padding: 0; margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */ text-align: right; font-size:90%; } form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */ text-decoration:underline; /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */ /* pseudo-class on legend elements, but do support it on label elements */ /* we instead underline first letter on each label element and accesskey */ /* each input. doing only legends would lessens cognitive load */ /* opera breaks after first letter underlined legends but not labels */ } form input, form textarea { /* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */ width:auto; /* set width of form elements to auto-size, otherwise watch for wrap on resize */ margin:5px 0 0 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */ background:#000; border:1px solid #333; color:#FF8000; } form input#reset { margin-left:0px; /* set margin-left back to zero on reset button (set above) */ } form input#reset:hover {background:#EFEFEF;} form input#submit:hover {background:#EFEFEF;} textarea { overflow: auto; } form small { display: block; margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */ padding: 1px 3px; font-size: 88%; } form .required{font-weight:bold;} /* uses class instead of div, more efficient */ form br { clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */