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;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: #cacaca;
margin: 0 auto;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a {
text-decoration: none;
}
div.main {
clear: both;
margin: 0px auto;
width: 1024px;
text-align: left;
}
div.row {
clear: both;
}
div.row a {
font-weight: bold;
color: #B5282e;
}
div.cell {
display: table-cell;
float: left;
}
div.main-bg {
clear: both;
background-image: url(images/main-bg.gif);
background-repeat: repeat-y;
display: table;
width: 1024px;
padding-left: 38px;
}
div.sidebar {
float: left;
width: 204px;
}
div.content {
float: left;
width: 746px;
}
#menu {
clear: both;
background-image: url(images/nav-bg.jpg);
background-repeat: no-repeat;
width: 191px;
height: 268px;
padding-top: 4px;
padding-left: 13px;
}
#menu li {
clear: both;
height: 24px;
font-size: 0;
line-height: 1px;
}
#menu li a {
display: block;
height: 24px;
*height: 22px;
width: 179px;
background-position: top;
background-repeat: no-repeat;
font-size: 0;
line-height: 1000px;
overflow: hidden;
}
#menu li a.nav01 {
background-image: url(images/nav01.gif);
}
#menu li a.nav02 {
background-image: url(images/nav02.gif);
}
#menu li a.nav03 {
background-image: url(images/nav03.gif);
}
#menu li a.nav04 {
background-image: url(images/nav04.gif);
}
#menu li a.nav05 {
background-image: url(images/nav05.gif);
}
#menu li a.nav06 {
background-image: url(images/nav06.gif);
}
#menu li a.nav07 {
background-image: url(images/nav07.gif);
}
#menu li a.nav08 {
background-image: url(images/nav08.gif);
}
#menu li a.nav09 {
background-image: url(images/nav09.gif);
}
#menu li a.nav10 {
background-image: url(images/nav10.gif);
}
#menu li a.nav11 {
background-image: url(images/nav11.gif);
}
#menu li a.on,
#menu li a:hover {
background-position: 0 -24px;
}
div.sidebar-box-bg {
clear: both;
background-image: url(images/sidebar-box-bg.jpg);
background-repeat: no-repeat;
width: 204px;
height: 90px;
color: white;
font-size: 10px;
position: relative;
}
div.sidebar-box-bg p {
width: 167px;
position: absolute;
top: 13px;
left: 13px;
line-height: 16px;
}
div.home-header-bg {
clear: both;
background-image: url(images/home-header-bg.jpg);
background-repeat: no-repeat;
width: 746px;
height: 272px;
position: relative;
}
div.home-header-bg h1 {
color: white;
font-size: 20px;
line-height: 22px;
width: 511px;
position: absolute;
top: 21px;
left: 25px;
}
div.home-header-bg p {
color: white;
font-size: 12px;
line-height: normal;
width: 511px;
position: absolute;
top: 104px;
left: 25px;
}
div.home-header-bg img {
position: absolute;
top: 21px;
left: 550px;
}
div.upcoming-events {
float: left;
width: 371px;
margin-left: 17px;
}
div.upcoming-events p {
width: 328px;
margin-left: 31px;
padding-top: 14px;
line-height: 14px;
}
div.latest-news {
float: left;
width: 344px;
margin-left: 14px;
display: inline;
}
div.latest-news p {
background-image: url(images/home-bullet.jpg);
background-repeat: no-repeat;
background-position: 0 7px;
padding-left: 28px;
line-height: 16px;
border-bottom: 1px #ed8a5c solid;
width: 316px;
padding-bottom: 10px;
padding-top: 10px;
}
div.latest-news p strong {
font-weight: bold;
display: block;
}
div.current-specials {
float: left;
width: 328px;
margin-left: 48px;
line-height: 16px;
display: inline-block;
}
div.current-specials p strong {
font-weight: bold;
font-size: 16px;
display: block;
padding-bottom: 5px;
color: #4f4f4f;
}
div.current-specials a {
font-weight: bold;
color: #B5282e;
}
a:hover {
text-decoration: underline;
}
div.featured-products {
float: left;
width: 375px;
line-height: 16px;
}
div.featured-products p {
border-bottom: 1px #ed8a5c solid;
padding-bottom: 10px;
margin-left: 14px;
width: 333px;
}
div.featured-products a {
float: right;
padding-top: 10px;
display: block;
}
div.reclamation {
float: left;
width: 359px;
}
div.reclamation p {
border-bottom: 1px #ed8a5c solid;
padding-bottom: 10px;
width: 350px;
margin-left: 9px;
display: table;
line-height: 16px;
}
div.reclamation p img {
float: left;
}
div.reclamation a {
display: block;
float: right;
padding-top: 10px;
}
div.footer {
clear: both;
color: #4f4f4f;
font-size: 10px;
text-align: center;
width: 464px;
margin: 0 auto;
padding: 20px 0 10px 0;
}
div.footer a {
color: #B5282e;
}
.locations,
.manufactures,
.msds,
.news,
.specials,
.history {
background-image: url(images/location-content-bg.jpg);
background-repeat: no-repeat;
background-position: left top;
background-color: #393939;
display: table;
}
.locations-down {
margin-left: 203px;
height: 9px;
}
.locations h1,
.manufactures h1,
.msds h1,
.specials h1 {
color: white;
font-size: 20px;
margin-left: 29px;
padding-top: 20px;
padding-bottom: 15px;
width: 587px;
line-height: normal;
}
.msds h1 {
float: left;
}
.specials h1 {
margin-left: 48px;
}
.manufactures p {
color: white;
line-height: 16px;
margin-left: 29px;
width: 511px;
padding-bottom: 15px;
}
.manufactures p a {
font-weight: bold;
color: white;
}
.history-photo {
padding: 25px 0 20px 20px;
}
#locations {
margin-left: 29px;
line-height: 16px;
width: 179px;
float: left;
}
#locations li {
background-image: url(images/location-line.jpg);
background-repeat: no-repeat;
color: white;
padding: 10px 0;
padding-left: 18px;
}
#locations li strong {
font-weight: bold;
}
#locations li a {
color: #a1cdf8;
text-decoration: underline;
}
.red-box {
background-image: url(images/manufacturers-redbox-bg.jpg);
background-repeat: no-repeat;
width: 280px;
height: 100px;
margin-left: 29px;
margin-bottom: 16px;
}
.red-box ul {
margin-left: 57px;
margin-top: 10px;
display: table;
}
.red-box ul li {
color: white;
font-size: 10px;
height: 27px;
line-height: 27px;
}
.manufacturers-down {
height: 9px;
}
.manufacturers-content,
.history-content {
clear: both;
margin-left: 30px;
padding-top: 5px;
}
.history-title {
clear: both;
height: 65px;
}
.manufacturer-line {
clear: both;
height: 20px;
}
.manufacturer-box {
clear: both;
width: 876px;
background-color: #dcdfcc;
display: table;
padding: 20px 0;
}
.manufacturer-box h1 {
color: black;
font-size: 22px;
font-weight: bold;
float: left;
width: 213px;
font-family: Georgia;
margin-left: 20px;
display: inline;
}
.manufacturer-list {
float: left;
display: table;
width: 640px;
}
.manufacturer-list ul {
clear: both;
}
li.manufacturer {
float: left;
width: 300px;
color: #757575;
font-size: 11px;
line-height: 22px;
}
li.specs,
li.web,
li.msds {
float: left;
display: block;
width: 30px;
}
li.msds {
background-image: none;
background-color: transparent;
}
.manufacturers-up {
clear: both;
height: 21px;
}
div.manufacturers-bycompany-links {
clear: both;
background-color: #f6f7f2;
width: 876px;
margin-left: 33px;
text-align: center;
line-height: 70px;
height: 70px;
font-family: Georgia;
font-weight: bold;
font-size: 14px;
}
div.manufacturers-bycompany-links a {
color: black;
}
div.yellow-jacket {
float: right;
}
.msds-table {
clear: both;
margin-left: 29px;
color: white;
width: 710px;
}
.msds-table .titles-bg {
clear: both;
background-image: url(images/msds-table-title-bg.jpg);
background-repeat: no-repeat;
width: 710px;
height: 34px;
line-height: 34px;
font-weight: bold;
}
.msds-table .row-bg {
clear: both;
background-image: url(images/msds-table-row-bg.jpg);
background-repeat: no-repeat;
width: 710px;
height: 32px;
line-height: 32px;
}
.msds-table .titles-bg div,
.msds-table .row-bg div {
padding-left: 5px;
}
.msds-table .title01,
.msds-table .cell01 {
float: left;
width: 168px;
padding-left: 0 !important;
}
.msds-table .title02,
.msds-table .cell02 {
float: left;
width: 420px;
}
.msds-table .title03,
.msds-table .cell03 {
float: left;
width: 52px;
}
.msds-table .title04 {
float: left;
width: 55px;
}
.msds-table .cell04 {
float: left;
width: 55px;
padding-top: 8px;
}
.news .row {
margin-left: 10px;
color: white;
line-height: 16px;
}
.news .row img {
float: left;
}
.news h1 {
font-size: 20px;
padding: 15px 0;
float: left;
}
.news p {
float: left;
width: 587px;
}
.industry {
float: left;
width: 587px;
}
.industry p strong {
font-weight: bold;
display: block;
}
.industry p {
border-bottom: 1px #ed8a5c solid;
padding: 10px 0;
}
.industry p a {
display: block;
padding: 10px 0;
}
.products {
margin-left: 30px;
width: 700px;
padding-top:10px;
}
.products h1 {
font-size: 20px;
margin-left: 20px;
}
.products p {
width: 478px;
margin-left: 20px;
line-height: 16px;
float: left;
display: inline;
}
.products p strong {
font-weight: bold;
}
.products img {
float: left;
}
.specials .row {
margin-left: 29px;
color: white;
}
.specials strong {
font-weight: bold;
}
.specials p {
margin-left: 20px;
width: 487px;
float: left;
line-height: 16px;
}
.specials img {
float: left;
}
.history-timeline-01-bg,
.history-timeline-02-bg {
clear: both;
background-image: url(images/ourhistory-linetime-01bg.gif);
background-repeat: no-repeat;
width: 846px;
height: 97px;
text-align: center;
padding-left: 30px;
}
.history-timeline-02-bg {
background-image: url(images/ourhistory-linetime-02bg.gif);
height: 86px;
padding-left: 70px;
width: 806px;
}
.history-timeline-01-bg a,
.history-timeline-02-bg a {
color: #3f3939;
font-size: 18px;
font-family: Georgia;
font-weight: bold;
display: block;
float: left;
margin: 0 17px;
margin-top: 55px;
}
.history-timeline-02-bg a {
margin-top: 22px;
}
.red-txt {
float: left;
width: 232px;
margin-right: 22px;
color: #bc3b41;
font-size: 19px;
line-height: 20px;
font-weight: bold;
}
.history-txt {
color: #757575;
float: left;
font-size: 11px;
line-height: 16px;
width: 250px;
margin-right: 10px;
}
.history-icon {
float: left;
}
.history-content .manufacturer-box h1 {
width: 197px;
margin-right: 24px;
margin-left: 0;
float: left;
text-align: center;
font-size: 35px;
}
.locationswap {
padding-left: 25px;
}
.bg_locations {
height: 240px;
width: 634px;
background-repeat: no-repeat;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFF;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.bg_locations a {
font-weight: bold;
color: #B5282e;
}
.seprow {
padding-left: 15px;
}
.products {
width: 685px;
padding-top: 10px;
background-color: #FFF;
background-image: url(images/location-content-white.jpg);
background-position: left top;
background-repeat: no-repeat;
margin-left: 0px;
padding-left: 0px;
}
.product-nav-box{
background-color:#bd282c;
margin-top: 0;
margin-right: 0;
margin-bottom: 5px;
margin-left: 15px;
}
.product-nav-box ul{
}
.product-nav-box ul li{
margin:0;
padding:0 0px 0 0px;
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
float:left;
}
.product-nav-box ul li a{
color:#FFFFFF;
display:block;
float:left;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
.product-nav-box ul li a:hover{
color:#FFFFFF;
text-decoration: underline;
}