body {
background-color: #3e3e3e;
margin: 0;
padding: 0;
font-family: Verdana;
font-size: .85em;
background-image: url(../img/bg.png);
background-repeat: repeat-x;
background-attachment: fixed;
}
a {
color: #CC0000;
text-decoration: none;
}
a:hover {
color: #EE0000;
text-decoration: underline;
}
a:visited {
color: #AA0000;
}
#main {
width: 768px;
margin-left: auto;
margin-right: auto;
margin-top: .75em;
margin-bottom: .75em;
border-top: 8px solid #DD0000;
}
#head {
border-top: 2px solid #222;
background: url(../img/logo.png) no-repeat #FFF;
background-position: 10px 3px;
height: 156px;
border-bottom: 2px solid #222;
}
#head h1 {
display: none;
}
#nav {
margin:0;
padding:0;
border-top: 6px solid #DD0000;
}
#nav li {
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
text-align: center;
width: 25%;
}
#nav li a {
display: block;
padding: 2px 0;
font-weight: bold;
text-decoration: none;
display: block;
font-size: 90%;
border-right: 1px solid #BBB;
background: url(../img/navbg-off.png) repeat-x #111;
font-family: Tahoma;
width: 99.7%;
}
#nav li a:link, #nav li a:active, #nav li a:visited {
color: #FFF;
}
#nav li a:hover {
color: #111;
background: url(../img/navbg-on.png) repeat-x;
}
#body {
padding: .6em;
background-color: #FFF;
border-bottom: 2px solid #D00;
}
#body p {
margin-left: .75em;
margin-top: .5em;
}
#body p em {
color: #990000;
}
#body h2 {
font-family: Tahoma;
margin-bottom: 0;
}
#foot {
border-top: 4px solid #000;
padding-top: .25em;
padding-bottom: .75em;
text-align: right;
font-size: 70%;
color: #BBB;
}
#manufacturer-list {
font-size: 90%;
}
#manufacturer-list li a {
font-size: 110%;
}
div.addresses {
width: 80%;
margin-left: auto;
margin-right: auto;
background-color: #EEE;
padding: .75em;
padding-bottom: 1em;
border: 1px dashed #CCC;
height: 9em;
font-family: "Courier New";
}
div.address1 {
background-color: #EEE;
float: left;
}
div.address2 {
background-color: #EEE;
margin-left: 50%;
}
fieldset {
border: 1px dashed #CCC;
background-color: #EEE;
width: 80%;
margin-left: auto;
margin-right: auto;
margin-bottom: 1em;
padding: .75em;
padding-left: 2em;
}
fieldset input, fieldset label span {
float: left;
display: block;
margin-bottom: .5em;
}
fieldset label span {
font-size: 90%;
font-weight: bold;
float: left;
width: 10em;
text-align: right;
margin-right: .3em;
}
fieldset input, fieldset textarea {
margin-left: 1em;
border: 1px solid #777;
}
fieldset textarea {
width: 60%;
height: 10em;
}
fieldset br {
clear: left;
padding: .25em;
}
input.button {
background: url(../img/button_bg.png) repeat-x left top;
border-top: 1px #B4B4B4 solid;
border-left: 1px #B4B4B4 solid;
border-right: 1px #727272 solid;
border-bottom: 1px #727272 solid;
padding-left: 2em;
padding-right: 2em;
font-size: 70%;
cursor: pointer;
font-weight: normal;
margin-top: .5em;
margin-left: 1.4em;
}
input.button:hover {
color: #888;
}
.manufacturers ul {
list-style-type: none;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.manufacturers li {
border: 1px solid #FFF;
border-bottom: 1px solid #CCC;
display: block;
/*height: 55px;*/
padding: 5px;
/*vertical-align: middle;*/
font-weight: 700;
font-size: 75%;
}
.manufacturers li:hover {
border: 1px solid #900;
}
.manufacturers li a {
color: #111;
display: block;
text-align: left;
}
.manufacturers li a:visited {
color: #555;
}
.manufacturers li a:hover {
color: #900;
text-decoration: none;
}
.manufacturers img {
border: 0;
margin-right: 5px;
float: left;
}
.manufacturers span {
float: right;
margin: 0;
padding: 0;
}
.manufacturers span.description {
font-weight: normal;
float: none;
display: block;
padding-top: 15px;
padding-left: 190px;
}
.manufacturers span.description:hover {
color: #000;
}