html, body { height : 100%; }
.fullHeight { position : relative; min-height : 100%; }
* html .fullHeight { height : 100%; }

body, h1, img, a
{
  margin : 0;
  padding : 0;
  border : 0px none;
}

body
{
  font : 10pt Arial, Helvetica, sans-serif;
  color : #000;
}

body.mainsite { background : #e6eaeb url(img/header_pad_bg.gif) 0px 140px repeat-x; }
body.showcase { background : #e6eaeb url(img/showcase/content_bg.jpg) 0px 80px no-repeat; }

h1 { font-size : 18pt; margin : 0 0 10px 0; }
h2 { font-size : 12pt; margin : 0 0 5px 0; }
h3 { font-size : 10pt; margin : 0 0 5px 0; }
h4 { font-size : 8pt; margin : 0;}
p { margin : 0 0 20px 0; }
ul { margin-bottom : 20px; margin-top : 10px}
a { color : #4c6267; font-weight : bold; }
a:hover { color : #7a9ea6; }

p.noPad { margin : 0; }
h2.productsLevel { margin : 0; }
h4.productDesc { margin-bottom : 8px; }
a.noUL { text-decoration : none; }

.font12 { font-size : 12pt; }
.fontBold { font-weight : bold; }

.textUL { text-decoration : underline; }
.vaTop { vertical-align : top; }
.vaMiddle { vertical-align : middle; }
.floatLeft { float : left; }
.floatRight { float : right; }
.clearBoth { clear : both; } 
.textLeft { text-align : left; }
.textCenter { text-align : center; }
.textRight { text-align : right; }
.autoMargins { margin : 0 auto; }

.contentBackground { background : url(img/content_bg.jpg) 0px 140px no-repeat; }


#header { width : 100%; height : 140px; background : url(img/header_bg.gif) repeat-x; }

a.topmenuitem img.products { background : url(img/tmenu_products.gif) 0px 0px no-repeat; }
a.topmenuitem img.showcase { background : url(img/tmenu_showcase.gif) 0px 0px no-repeat; }
a.topmenuitem img.pricelist { background : url(img/tmenu_pricelist.gif) 0px 0px no-repeat; }
a.topmenuitem img.aboutus { background : url(img/tmenu_aboutus.gif) 0px 0px no-repeat; }
a.topmenuitem:hover img, a.topmenuitem img.selected { background-position : 0px -38px !important; }

.headerPad { height : 19px; }

div.leftmenu { width : 142px;}

a.leftmenuitem img.home { background : url(img/lmenu_home.gif) 0px 0px no-repeat; }
a.leftmenuitem img.faq { background : url(img/lmenu_faq.gif) 0px 0px no-repeat; }
a.leftmenuitem img.safetyinfo { background : url(img/lmenu_safetyinfo.gif) 0px 0px no-repeat; }
a.leftmenuitem img.contact { background : url(img/lmenu_contact.gif) 0px 0px no-repeat; }
a.leftmenuitem img.resources { background : url(img/lmenu_resources.gif) 0px 0px no-repeat; }
a.leftmenuitem:hover img, a.leftmenuitem img.selected { background-position : -142px 0px !important; }

#content { margin : 0 20px 80px 162px; }

div.showcaseHeader { background : url(img/showcase/header_bg.gif) repeat-x; }
div.largeImageContainer { width : 554px; background : url(img/showcase/largeimage_bg.gif) no-repeat; }
div.largeImageContainer img { margin : 5px;}

h2.largeImageText { width : 544px; margin-top : 6px; }

div.thumbsContainer
{
  width : 740px; height : 177px;
  background : url(img/showcase/thumbs_container.gif) no-repeat;
}

div.thumbsText { color : #fff; padding : 10px 120px 6px 0; }

img.prevSetImage, img.nextSetImage { background : url(img/spacer.gif) 0px 0px no-repeat; }
img.prevSetImage {  margin : 20px 10px 0 15px; }
img.nextSetImage { margin : 20px 15px 0 0; }
a.prevSetLink img.prevSetImage { background : url(img/showcase/prev_set.jpg) !important; }
a.nextSetLink img.nextSetImage { background : url(img/showcase/next_set.jpg) !important;  }
a.prevSetLink:hover img.prevSetImage, a.nextSetLink:hover img.nextSetImage { background-position : 0px -95px !important; }

a.thumbLink
{
  display : block;
  background : url(img/showcase/thumb_bg.gif) 0px 0px no-repeat;
}
a.thumbLink.margin, img.blankThumb { margin-left : 15px; }
a.thumbLink:hover, a.thumbLink.selected { background-position : 0px -128px !important; }
a.thumbLink img { margin : 4px; }

img.pdfImage { padding : 0px 12px 10px 0px; }
input.shortText { width : 122px; }
input.longText { width : 200px; }
div.tableRow { height : 170px; }
img.tableImage { margin-right : 20px; }


#footer
{
  position : relative;
  margin : -36px auto 0 auto;
  height : 36px;
  text-align : center;
  font-size :8pt;
  color : #dfebed;
}

#footer div.footerImage
{
  width : 245px;
  height : 36px;
  margin : 0 auto;
  background: url(img/footer_bg.gif) no-repeat top center;
  text-align : center;
}

#footer div.footerText { padding-top : 13px; }
#footer div.footerText a { color : #7a9ea6; }
#footer div.footerText a:hover { color : #fff; }