html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } a { outline: none; } a img, :link img, :visited img { border: 0; } :focus {outline: 0;} /* remember to define focus styles! */ body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; } sup { position:relative; bottom:0.3em; vertical-align:baseline; } sub { position:relative; bottom:-0.2em; vertical-align:baseline; } acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }/* Global CSS */ /**************************************************************************/ /* centering or left/right justifying the site and other basic body stuff */ /**************************************************************************/ body { position:relative; z-index:1; /* for image replacement */ padding:0; text-align:center; color:#001; font-family:Helvetica, Arial, sans-serif; font-size:62.5%; /* sets font size 1em = 10px. Thus, 1.2em = 12px, .8em = 8px, etc. */ background:white; } div#container { position:relative; width:970px; margin-left:auto; margin-right:auto; text-align:left; font-size:1.2em; /* font sizes inhereit, and thus multiply! Remember for nested elements! */ line-height:1.8em; background:transparent url("background-container.gif") top right repeat-y; } /* Set link colors */ a:link { color:#33D } a:visited { color:#777; } a:hover { color:#99D; } a:active { color:#99D; } /* for font size consistency across browsers, and odd inheritances. Change as needed. */ H1, H2, H3, H4, H5, H6, LI LI, LI P, TD P, BLOCKQUOTE P, TABLE, INPUT, SELECT, TEXTAREA, TH, TD { font-size:1em; } /* deal with form quirks */ form { margin:0; padding:0; display:inline; } textarea { line-height:1.25; } label { cursor:pointer; } fieldset { padding:0.5em; } select { min-width:1.5em; } /* Firefox select boxes: so the 0 padding doesn't hide the drop down arrow */ /*********************************************/ /* Set sane and standard margins and padding */ /*********************************************/ h1, h2, h3, h4, h5, h6 { margin:1em 20px; } ul, ol, dl, pre { margin:1em 20px; } li, dd, blockquote { margin:1em 20px; padding-left:20px; } label, fieldset, address { margin:1em 20px; } p { margin:1em 20px 2em 20px; } /******************/ /* Global Classes */ /******************/ em { font-style:italic; } strong { font-weight:bold; } .clear { clear:both; } .float-left { float:left; } .float-right { float:right; } .text-left { text-align:left; } .text-right { text-align:right; } .text-center { text-align:center; } .text-justify { text-align:justify; } .bold { font-weight:bold; } .italic { font-style:italic; } .underline { border-bottom:1px solid; } .highlight { background:#ffc; } .alert { font-weight:bold; color:red; } .img-left { float:left;margin:4px 10px 4px 0; } .img-right { float:right;margin:4px 0 4px 10px; } .nopadding { padding:0; } .noindent { margin-left:0;padding-left:0; } .nobullet { list-style:none;list-style-image:none; } span.amp { font-family:'Goudy Old Style', Palatino, 'Palatino Linotype', 'Book Antiqua', serif; font-style:italic; font-size:110%; }/********************/ /* general elements */ /********************/ h1#logo {margin:0 10px; padding:10px 0 0 0; height:250px;} div#nav {margin:0 10px; padding:0; position:relative; font-size:14px; font-weight:bold; font-variant:small-caps; color:#CDE;} div#nav ul {margin:0; padding:0; height:26px; list-style:none; position:relative; background:transparent url("background-nav.jpg") top left no-repeat;} div#nav ul li {position:relative; margin:2px 0 0 0; padding:0 20px; display:inline; float:right; border-right:2px solid #CDE;} div#nav ul li.first {border:0;} div#nav ul li a:link, div#nav ul li a:visited {text-decoration:none; color:black;} div#nav ul li a:hover, div#nav ul li a:active {text-decoration:none; color:#CDE;} div#nav ul li span {color:black;} /* for heirarchical menus that don't need a top page */ div#nav li ul {display:none; position:absolute; top:22px; left:0; right:0; z-index:20; clear:left;} div#nav li:hover ul {display:block;} div#nav li ul li {position:relative; width:100%; text-align:center; margin:0; padding:0; background:#D0D8E0; color:#000; border-bottom: 2px solid #444; border-right:0;} div#nav li ul li:hover {color:#D0D8E0; background:#000;} div#nav li ul li a {display:block;} h2#page-title { position:absolute; top:202px; right:10px; margin:0; } div#content {position:relative; border-left:250px solid #D0D8E0; margin:0 10px;} div#content div#main {padding:20px;} div#main h3 {font-weight:bold; font-size:1.25em; margin:0 20px;} div#main table {margin:1em 0 0 20px; border:1px solid black; border-bottom:0;} div#main table td {padding:0 6px; border-bottom:1px solid black; border-right:1px solid #CCC;} div#content div#sidebar {position:absolute; top:0; left:-250px; width:250px; padding-top:20px;} div#sidebar h4 {font-weight:bold; margin:0 20px;} div#sidebar p {padding-left:10px; margin:0 20px 2em 20px;} div#sidebar ul#salespeople {padding-left:10px; margin:0 20px 2em 20px;} div#sidebar ul#salespeople li {margin:0; padding:0;} div#sidebar ul#salespeople img {border:1px solid black; margin:0 10px 0 0;} div#sidebar ul#morerebuildables {list-style:circle outside; padding:0; margin:0 0 0 12px;} div#sidebar ul#morerebuildables li {padding:0;} div#sidebar ul#morerebuildables li a {font-weight:bold;} div#footer { position:relative; width:970px; margin-left:auto; margin-right:auto; padding:10px 0; text-align:center; font-size:10px; line-height:1.4em; background:white url("background-footer.gif") top right no-repeat; }.tiny-ie-hack { height: 100%; width: 100%; overflow: hidden; } #tiny-over { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; display: none; background-color: #000000; opacity: 0.9; filter: alpha(opacity=90); } * html #tiny-over { position: absolute; } #tiny-load { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2000; display: none; background: transparent url(throbber.gif) center no-repeat; } * html #tiny-load { position: absolute; } #tiny-tbox { /*width: 510px;*/ width: 900px; /*height: auto;*/ height: 575px; overflow: auto; position: fixed; top: 15px; left: 50%; /*margin-left: -255px;*/ margin-left: -450px; z-index: 1500; display: none; background-color: #FFFFFF; border: 1px solid #000000; } * html #tiny-tbox { position: absolute; }