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; }