﻿/**** By Tag ****/

/* document body and global font declarations */
body, td, th
{
  font:normal normal 14px/1.4 Helvetica,Arial,sans-serif;
  color:#000;
}
body 
{
  padding:0;
  background:#fff url(/verticoil-edge-brochure/images/common/header-background.gif) repeat-x top left;
  text-align:center;
}

/* headings */
h1, h2, h3, h4, h5, h6 { font-weight:bold; }
h1 { font-size:1.86em; }
h2 { font-size:1.57em; }
h3 { font-size:1.28em; }
h4, h5, h6 { font-size:1.14em; }

/* subscript and superscript */
sub, sup { font-size:.75em; }
sub { vertical-align:text-bottom; }
sup { vertical-align:text-top; }
a sub, a sup { text-decoration:none; }

/* lists */
ol, ul { overflow:hidden; }
ol
{
  list-style-type:upper-roman;
  padding-left:25px;
}
ol ol { list-style-type:upper-alpha; }
ol ol ol { list-style-type:decimal; }
ol ol ol ol { list-style-type:lower-roman; }
ol ol ol ol ol { list-style-type:lower-alpha; }
ul
{
  list-style-type:disc;
  padding-left:15px;
}
ul ul { list-style-type:circle; }
ul ul ul { list-style-type:square; }

/* links */
a:link, a:visited
{
  outline:none;
  text-decoration:underline;
  color:#003cff;
}
a:hover { color:#0000ff; }

/* images */
img { border:none; }

/* buttons and form fields */
button, input, select, textarea
{
  box-sizing:border-box;
  -khtml-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  font:inherit;
}

/* form fields */
input, select, textarea
{
  padding:3px;
  border:1px solid #999;
  background:#fff url(/verticoil-edge-brochure/images/common/textbox-background.gif) repeat-x top left;
  font-size:.86em;
  color:#000;
}

/* buttons */
button, input.button
{
  padding:5px 10px;
  border-width:2px;
  border-style:solid;
  border-color:#f0f0f0 #909090 #909090 #f0f0f0;
  background:#ccc;
  color:#000;
  cursor:hand;
  cursor:pointer;
}

/**** By Class ****/

/* remove any element from the document flow */
.remove { display:none; }

/* floats and clears */
.float-left { float:left; }
.float-right { float:right; }
.clear, .clearfix { clear:both; }
.clear-left { clear:left; }
.clear-right { clear:right; }
.clear-container
{
  width:100%;
  overflow:auto;
}
.clearfix
{
  height:0;
  width:0;
  overflow:hidden;
}

/* inline horizontal alignment */
.align-right, table.align-right td, tr.align-right td { text-align:right; }
.align-left, table.align-left td, tr.align-left td { text-align:left; }
.align-center, table.align-center td, tr.align-center td { text-align:center; }
.align-justify, table.align-justify td, tr.align-justify td { text-align:justify; }
.align-inherit, table.align-inherit td, tr.align-inherit td { text-align:inherit; }

/* inline vertical alignment */
.valign-top, table.valign-top td, tr.valign-top td { vertical-align:top; }
.valign-text-top, table.valign-text-top td, tr.valign-text-top td { vertical-align:text-top; }
.valign-super, table.valign-super td, tr.valign-super td { vertical-align:super; }
.valign-middle, table.valign-middle td, tr.valign-middle td { vertical-align:middle; }
.valign-baseline, table.valign-baseline td, tr.valign-baseline td { vertical-align:baseline; }
.valign-text-bottom, table.valign-text-bottom td, tr.valign-text-bottom td { vertical-align:text-bottom; }
.valign-bottom, table.valign-bottom td, tr.valign-bottom td { vertical-align:bottom; }
.valign-inherit, table.valign-inherit td, tr.valign-inherit td { vertical-align:inherit; }

/* block horizontal alignment */
.balign-right { margin-left:auto; }
.balign-center
{
  margin-right:auto;
  margin-left:auto;
}
.balign-left { margin-right:auto; }

/* align content with titlebar text */
.padded-content { padding-left:10px; }

/* spacers */
.spacer { margin-bottom:10px; }
.spacer-small { margin-bottom:5px; }

/* titlebar */
h2.titlebar, h3.titlebar
{
  padding:2px 8px;
  background:#dca809 repeat-y top center;
}
h2.titlebar
{
  width:774px;
  background-image:url(/verticoil-edge-brochure/images/common/titlebar-background-large.png);
}
h3.titlebar
{
  width:603px;
  background-image:url(/verticoil-edge-brochure/images/common/titlebar-background-small.png);
}

/* text specifics */
.big { font-size:1.14em; }
.small { font-size:.86em; }
.lcase { text-transform:lowercase; }
.ucase { text-transform:uppercase; }
.spaced { padding-bottom:1em; }

/* class for required field markers */
.required
{
  font-size:1.07em;
  line-height:1.0;
  font-weight:bold;
  color:#ff0000;
}

/* buttons and form fields that need to be their container's width */
.button-container button, .field-container input, .field-container select, .field-container textarea { width:100%; }

/* contact buttons */
a.contact-button:link, a.contact-button:visited
{
  display:block;
  padding:0 10px;
  border:1px solid #000;
  background:#dca809 url(/verticoil-edge-brochure/images/common/contact-button-large.png) repeat-y top center;
  font-size:1.14em;
  font-weight:bold;
  text-decoration:none;
  color:#740089;
}
a.contact-button.small:link, a.contact-button.small:visited
{
  background:url(/verticoil-edge-brochure/images/common/contact-button-small.png);
  font-size:0.86em;
}
a.contact-button:hover, a.contact-button.small:hover
{
  background:#fffad5;
  color:#003cff;
}

/**** By ID ****/

/* main page container */
#page
{
  position:relative;
  margin:0 auto;
  padding-left:151px;
  min-height:580px;
  height:auto !important;
  height:580px;
  width:809px;
  background:url(/verticoil-edge-brochure/images/common/logo.png) no-repeat top left;
  text-align:left;
}

/* "Made from Recycled Steel" logo */
#recycle
{
  position:absolute;
  left:34px;
  bottom:19px;
  height:93px;
  width:91px;
  overflow:hidden;
  background:url(/verticoil-edge-brochure/images/common/recycle.gif) no-repeat top left;
  text-indent:-1000px;
}

/* header */
#header
{
  height:110px;
  width:809px;
  overflow:hidden;
  background:url(/verticoil-edge-brochure/images/common/header.png) no-repeat top left;
}
#header h1 { text-indent:-1000px; }

/* top menu */
#menu-top, #menu-top li { float:left; }
#menu-top
{
  list-style-type:none;
  float:left;
  padding:0;
  width:659px;
}
#menu-top li { display:inline; }
#menu-top a:link, #menu-top a:visited
{
  display:block;
  height:39px;
  overflow:hidden;
  background:no-repeat top left;
  text-decoration:none;
  text-indent:-1000px;
}
#menu-top a:hover { background-position:bottom left; }
#menu-top a#menu-top-home:link, #menu-top a#menu-top-home:visited
{
  width:91px;
  background-image:url(/verticoil-edge-brochure/images/common/menu-top-home.gif);
}
#menu-top a#menu-top-marketing:link, #menu-top a#menu-top-marketing:visited
{
  width:136px;
  background-image:url(/verticoil-edge-brochure/images/common/menu-top-marketing.gif);
}
#menu-top a#menu-top-active:link, #menu-top a#menu-top-active:visited
{
  width:181px;
  background-image:url(/verticoil-edge-brochure/images/common/menu-top-active.gif);
}
#menu-top a#menu-top-contact:link, #menu-top a#menu-top-contact:visited
{
  width:156px;
  background-image:url(/verticoil-edge-brochure/images/common/menu-top-contact.gif);
}

/* Leggett logo link */
a#leggett-logo:link, a#leggett-logo:visited
{
  display:block;
  float:left;
  height:39px;
  width:150px;
  overflow:hidden;
  background:url(/verticoil-edge-brochure/images/common/leggett-logo.gif) no-repeat top left;
  text-decoration:none;
  text-indent:-1000px;
}

/* float wrapper for the content area and sidebar */
#wrapper
{
  clear:left;
  padding:11px 0 19px 19px;
  width:790px;
  overflow:hidden;
}

/* content area */
#content
{
  float:left;
  padding-right:21px;
  width:619px;
}

/* sidebar */
#sidebar
{
  float:left;
  width:150px;
  font-size:.86em;
  line-height:1.3;
}
#sidebar div.sidebar-box { margin-bottom:10px; }
#sidebar div.sidebar-box a:link, #sidebar div.sidebar-box a:visited { font-weight:bold; }

/* "We Provide Support" box */
#sidebar-support
{
  min-height:144px;
  height:auto !important;
  height:144px;
  background:#fff088 url(/verticoil-edge-brochure/images/common/sidebar-background-support.gif) no-repeat top left;
}
#sidebar-support div.sidebar-box-header
{
  height:32px;
  width:150px;
  overflow:hidden;
  background:#000 url(/verticoil-edge-brochure/images/common/sidebar-header-support.gif) no-repeat top left;
  text-indent:-1000px;
}
#sidebar-support div.sidebar-box-content { padding:5px 10px; }
#sidebar-support-divider
{
  height:1px;
  overflow:hidden;
  background:#000;
}

/* product sheet download button */
a#download-button:link, a#download-button:visited
{
  display:block;
  padding:0 10px;
  border:1px solid #000;
  background:#dca809 url(/verticoil-edge-brochure/images/common/download-button.png) repeat-y top center;
  text-decoration:none;
  text-transform:uppercase;
  color:#740089;
}
a#download-button:hover
{
  background:#fffad5;
  color:#003cff;
}

/* "Active Support Technology" box */
#sidebar-active
{
  min-height:245px;
  height:auto !important;
  height:245px;
  background:#fff088 url(/verticoil-edge-brochure/images/common/sidebar-background-active.gif) no-repeat top left;
}
#sidebar-active div.sidebar-box-header
{
  height:31px;
  width:150px;
  overflow:hidden;
  background:#000 url(/verticoil-edge-brochure/images/common/sidebar-header-active.gif) no-repeat top left;
  text-indent:-1000px;
}
#sidebar-active div.sidebar-box-content
{
  padding:100px 10px 10px 10px;
  text-align:center;
}

/* "Alternating rows..." statement */
#sidebar-alternating
{
  margin-bottom:10px;
  height:101px;
  width:150px;
  overflow:hidden;
  background:url(/verticoil-edge-brochure/images/common/sidebar-alternating.gif) no-repeat top left;
  text-indent:-1000px;
}

/* "Available in..." statement */
#sidebar-heights
{
  height:110px;
  width:150px;
  overflow:hidden;
  background:url(/verticoil-edge-brochure/images/common/sidebar-heights.png) no-repeat top left;
  text-indent:-1000px;
}

/* footer */
#footer
{
  width:100%;
  border-bottom:178px solid #000;
  text-align:center;
}

/* bottom menu */
#menu-bottom
{
  border-width:1px 0;
  border-style:solid;
  border-color:#cf8706 0 #ffe648 0;
  background:#fff6b2 url(/verticoil-edge-brochure/images/common/menu-bottom-background.gif) repeat-x top left;
  text-align:center;
}
#menu-bottom table { margin:0 auto; }
#menu-bottom td { padding:0 18px; }
#menu-bottom a:link, #menu-bottom a:visited
{
  font-size:1.14em;
  line-height:32px;
  text-decoration:none;
  color:#624a04;
}
