/*
-----------------------------------------------
L.V. Lomas base styles
----------------------------------------------- */

@import '../../css/blueprint/screen.css';

/* Page Structure
-------------------------------------------------------------- */
body {
  background-color: #C9001F;
  font-size: 0.75em;
  font-family: Arial, Verdana, Sans-Serif;
  line-height: 1.5em;
  color: #626262;
}

#container {
  width: 990px;
  margin: 0 auto 10px auto;
  background-color: #FFF;
  text-align: left;
}

#header {
  position: relative;
  width: 990px;
  height: 110px;
  background: #C9001F url(../../img/header_bg.jpg) 0 0 no-repeat;
}

#content-container {
  padding: 0 50px 20px 20px;
  background: url(../../img/content_bg.jpg) 0 0 repeat-y;
}

#content-right {
  padding: 20px 0 0 0;
  margin-left: 450px;
  margin-right: 0;
}
#content-right.narrow { padding: 20px 0 0 0; margin-left: 630px; }
#content-right.grey   { margin-right: -33px; background: #DDDDDE; margin-left: 680px; }

div#content-right {
  min-height: 250px;
  height: expression(this.scrollHeight > 250 ? "auto":"250px");
}
div#content-right.narrow {
  min-height: 200px;
  height: expression(this.scrollHeight > 250 ? "auto":"250px");
}
div#content-right.grey {
  min-height: 450px;
  height: expression(this.scrollHeight > 450 ? "auto":"450px");
}

#content-left {
  clear: both;
  float: left;
  width: 420px;
  margin: 0;
  padding: 0;
}
#content-left.wide            { margin: 20px 0 0 20px; width: 570px; }
#content-left.with-margin div { margin: 20px 0 0 20px; width: 380px; }

#content-full-width        { clear: both; padding: 20px 20px 0 20px; margin: 0; }
#content-full-width.green  { clear: both; padding: 20px 20px 0 20px; margin: 0 -33px 0 -8px;  background: #E1FFB9;}

#footer {
  clear: both;
  position: relative;
  width: 990px;
  height: 180px;
  background: #C9001F url(../img/footer_bg.jpg) 0 0 no-repeat;
}


/* Navigation
-------------------------------------------------------------- */
#header-nav          { position: absolute; top: 30px; right: 40px; }
#header-nav ul       { list-style: none; margin: 0; padding: 0; float: left; }
#header-nav li       { float: left; margin: 0; padding: 0 8px; border-right: 1px solid #C6C6C6; }
#header-nav a        { font-size: 0.9em; color: #757575; text-decoration: none; }
#header-nav a:hover  { text-decoration: none; border-bottom: 1px dotted #005000; }

#bu-nav {
  height: 44px;
  margin-left: -8px;
  margin-right: -33px;
  background: url(../../img/bu_nav_bg.gif) 0 0 repeat-x;
}

#bu-nav ul { list-style: none; margin: 0; padding: 0; float: left; }
#bu-nav li { float: left; margin: 0; padding: 0; }
#bu-nav a {
	display: block;
	float: left;
	height: 44px;
	text-decoration: none;
	text-indent: -900em;
}

#bu-nav .coatings-inks a                 { width: 81px; background: url(../img/bu_nav.gif) left top no-repeat; margin-left: 15px; }
#bu-nav .coatings-inks a:hover           { background-position: 0 -44px; }
#bu-nav .rubber-plastic-adhesive a       { width: 80px; background: url(../img/bu_nav.gif) -81px 0 no-repeat; }
#bu-nav .rubber-plastic-adhesive a:hover { background-position: -81px -44px; }
#bu-nav .pulp-paper a                    { width: 80px; background: url(../img/bu_nav.gif) -161px 0 no-repeat; }
#bu-nav .pulp-paper a:hover              { background-position: -161px -44px; }
#bu-nav .food-ingredients a              { width: 80px; background: url(../img/bu_nav.gif) -241px 0 no-repeat; }
#bu-nav .food-ingredients a:hover        { background-position: -241px -44px; }
#bu-nav .health-personal-care a          { width: 80px; background: url(../img/bu_nav.gif) -321px 0 no-repeat; }
#bu-nav .health-personal-care a:hover    { background-position: -321px -44px; }
#bu-nav .specialty-chemicals a           { width: 80px; background: url(../img/bu_nav.gif) -401px 0 no-repeat; }
#bu-nav .specialty-chemicals a:hover     { background-position: -401px -44px; }
#bu-nav .thirdpl a                       { width: 80px; background: url(../img/bu_nav.gif) -481px 0 no-repeat; }
#bu-nav .thirdpl a:hover                 { background-position: -481px -44px; }
#bu-nav .filtration-packaging a          { width: 80px; background: url(../img/bu_nav.gif) -561px 0 no-repeat; }
#bu-nav .filtration-packaging a:hover    { background-position: -561px -44px; }
#bu-nav .pharma_natural_health a         { width: 100px; background: url(../img/bu_nav.gif) -641px 0 no-repeat; }
#bu-nav .pharma_natural_health a:hover   { background-position: -641px -44px; }


body#coatings-inks #bu-nav .coatings-inks a                      { background-position: 0 -44px; }
body#rubber-plastic-adhesive #bu-nav .rubber-plastic-adhesive a  { background-position: -81px -44px; }
body#pulp-paper #bu-nav .pulp-paper a                            { background-position: -161px -44px; }
body#food-ingredients #bu-nav .food-ingredients a                { background-position: -241px -44px; }
body#health-personal-care #bu-nav .health-personal-care a        { background-position: -321px -44px; }
body#specialty-chemicals #bu-nav .specialty-chemicals a          { background-position: -401px -44px; }
body#thirdpl #bu-nav .thirdpl a                                  { background-position: -481px -44px; }
body#filtration-packaging #bu-nav .filtration-packaging a        { background-position: -561px -44px; }
body#pharma_natural_health #bu-nav .pharma_natural_health a      { background-position: -641px -44px; }

#bu-subnav {
  height: 25px;
  margin-left: 7px;
  background: url(../../img/bu_subnav_bg.gif) 0 0 no-repeat;
}
#bu-subnav ul       { list-style: none; margin: 0; padding: 3px 0 0 0; }
#bu-subnav li       { display: inline; margin: 0; padding: 0 12px; }
#bu-subnav a        { font-size: 0.9em; color: #FFF; text-decoration: none; }
#bu-subnav a:hover  { text-decoration: underline; }

#content-right #nav              { list-style: none; margin: 0 0 0 10px; padding: 0; }
#content-right #nav li           { background: url(../../img/bullet.gif) 0 3px no-repeat; margin: 0; padding: 0 0 3px 15px; }
#content-right #nav li.separator { background: none; padding: 0; margin: 5px 0; border-top: 1px solid #DDD; line-height: 1px; font-size: 1px;}


/* Search
-------------------------------------------------------------- */
#header-search              { position: absolute; top: 60px; right: 46px; background: url(../../img/header_search_bg.gif) 0 0 no-repeat; height: 24px; width: 325px; }
#header-search a            { font-size: 0.9em; color: #DBDBDB; text-decoration: none; }
#header-search a:hover      { text-decoration: underline; }
.header-search-form .search {
  background: transparent;
  border: 0;
  color: #5F5F5F;
  width: 160px;
  height: 19px;
  padding: 2px 0 0 10px;
}

#search-nav { margin: 10px 0 0 0; padding: 5px; background: url(../../img/search_nav_bg.gif) 0 0 no-repeat; text-align: center; color: #FFF; font-weight: bold; }

.search-results th,
.search-results td                  { padding: 2px 5px; }
.search-results th                  { background-color: #E1E0E0; border-top: 2px solid #D4D3D3; border-bottom: 2px solid #D4D3D3; color: #000; }
.search-results .border-b           { border-bottom: 1px solid #D4D3D3; }
.search-results th a                { color: #000; text-decoration: none; }
.search-results th a:hover          { color: #626262; text-decoration: underline; }
.search-results .col-head           { border-bottom: 1px solid #D4D3D3; color: #000; }
.search-results tr.highlight:hover  { background: #E3E3E3; }
.search-results a,
.product-detail a                   { color: #626262; text-decoration: none; border-bottom: 1px dotted #626262; }
.search-results a:hover,
.product-detail a:hover             { text-decoration: underline; border-bottom: none; }

.product-detail th,
.product-detail td  { padding: 2px 5px; border-bottom: 1px solid #D4D3D3; }
.product-detail th  { background-color: #E1E0E0; border-top: 2px solid #D4D3D3; border-bottom: 2px solid #D4D3D3; color: #000; }


/* Content
-------------------------------------------------------------- */
p  { margin-top: 5px; }
h2 { font-size: 1.3em; font-weight: bold; color: #C9001F; }
h3 { font-size: 1.1em; font-weight: normal; color: #000; margin-bottom: 8px; }
h3.career-posting-position { border-top: 1px solid #DDD; margin-top: 60px; padding-top: 20px; }
h4 { font-size: 1.0em; font-weight: bold; margin-bottom: 0; }
h5 { font-size: 1.3em; font-weight: bold; margin-bottom: 15px; color: #000; }
a  { outline: none; }

table { font-size: 1.0em; margin: 0; }

#content-left a,
#content-right a       { font-size: 1.0em; font-weight: normal; color: #000; border-bottom: 1px dotted #005000; text-decoration: none }
#content-left a:hover,
#content-right a:hover { border-bottom: none; text-decoration: underline; }

p.download-pdf { background: url(../../img/pdf.gif) 0 3px no-repeat; padding: 3px 0 5px 25px; margin: 0; }
p.upcoming-events{background: url(../../img/bullet.gif) 0 6px no-repeat;  padding: 3px 0 5px 25px; margin: 0;}
p.bullet { background: url(../../img/bullet.gif) 0 6px no-repeat; padding: 3px 0 5px 20px; margin: 0; }

#featured-sidebar { margin-left: 50px; }
.featured-principal-container       { float: left; width: 160px; padding: 15px; margin: 5px 0; border: 1px solid #DBDBDB; }
.featured-principal-container-small { float: left; width: 90px; height: 55px; padding: 10px; margin: 5px 5px 0 0; border: 1px solid #DBDBDB; }

#facility-container           { float: left; width: 500px; padding: 15px; border: 1px solid #DDD; }
#facility-coordinates         { float: left; }
#facility-container img       { float: right; position: relative; }
#facility-image-nav-container { width: 306px; padding-top: 10px; text-align: center; }

table.bu-downloads td        { vertical-align: top; padding-bottom: 15px; }
table.bu-downloads img.thumb { border: 1px solid #DBDBDB; padding: 3px; }
table.bu-downloads a         { color: #000; text-decoration: none; border-bottom: 1px dotted #000; }
table.bu-downloads a:hover   { text-decoration: underline; border-bottom: none; }

ul.career-posting  { list-style: none; margin: 0; padding: 0; float: left; }
.career-posting li { float: left; margin: 0; padding: 0 30px 0 0; }

#bulleted-list              { list-style: none; margin: 0; padding: 0; }
#bulleted-list li           { background: url(../../img/bullet.gif) 0 3px no-repeat; margin: 0; padding: 0 0 3px 15px; }
#bulleted-list li.separator { background: none; padding: 0; margin: 5px 0; border-top: 1px solid #DDD; line-height: 1px; font-size: 1px;}

/* Sidebars
-------------------------------------------------------------- */
.health-safety,
.green                 { margin-left: 35px; background: #CECECE; }
.health-safety th,
.green th              { padding: 0; margin: 0; }
.health-safety td      { padding: 0 10px; margin: 0; border-left: 1px solid #A7A8A8; border-right: 1px solid #A7A8A8; }
.health-safety td.last,
.green td.last         { padding: 0; margin: 0; border-left: 1px solid #A7A8A8; border-right: 1px solid #A7A8A8; border-bottom: 1px solid #A7A8A8; }
.green td.first        { padding: 0; margin: 0; border-top: 1px solid #A7A8A8; border-left: 1px solid #A7A8A8; border-right: 1px solid #A7A8A8; }
.green td.left         { padding: 0; margin: 0; border-left: 1px solid #A7A8A8; }
.green td.right        { padding: 0 10px 0 0; margin: 0; border-right: 1px solid #A7A8A8; }


/* Forms
-------------------------------------------------------------- */
input,
select     { font-family: Arial, Verdana, Sans-Serif; color: #000; }
input.text { color: #000; padding: 3px; margin: 0; }
select     { margin: 0; }


/* News Ticker (Moostick)
-------------------------------------------------------------- */
#moostick {
  display: block;
  height: 20px;
  position: relative;
  top: 48px;
  left: 37px;
  margin: 0;
  padding: 2px 0 2px 0;
  overflow: hidden;
}
#moostick li {
  display: block;
  list-style-type: none;
  margin: 0 auto 0 auto;
  padding: 0;
  visibility: hidden;
  opacity: 0;
}
#moostick a {
  text-decoration: none;
  color: #FFF;
  font-size: 0.9em;
}