/****************************************************************

For color and font info, see the "Production Guide".

The width of the page to the end of sidebar heads and
the end of the fixed part of the section banner is 770px.

Vertically we have:
   4px   4px rule
  18px  22px top menu
  18px  40px gap
  25px  65px company logo
  15px  80px gap
  90px 170px section banner
  32px 202px gap
  12px 214px page title	(baseline-top)
  10px 224px gap
   1px 225px rule
  15px 240px gap
             content

We generate the section banners with jpg "medium" (30%)

The production guide uses pt for fonts, which is not suitable for screen
resolutions. We take a rounding of 3/4 point sizes for pixels.

   body  11pt/15pt
   intro 13pt/17pt
   h1    16pt
   h2    14pt
   menu2 11pt/18pt
   menu1 ?
   top   ?
   footer ?

****************************************************************/

@font-face {
  font-family: DINWeb;
  src: url("/fonts/DINWeb.eot");
}
@font-face {
  font-family: DINWeb;
  src: local("☺"),
      url("/fonts/DINWeb.woff") format("woff");
}

@font-face {
  font-family: DINWeb-Medium;
  src: url("/fonts/DINWeb-Medium.eot");
}
@font-face {
  font-family: DINWeb-Medium;
  src: local("☺"),
      url("/fonts/DINWeb-Medium.woff") format("woff");
}

@font-face {
  font-family: DINWeb-Bold;
  src: url("/fonts/DINWeb-Bold.eot");
}
@font-face {
  font-family: DINWeb-Bold;
  src: local("☺"),
      url("/fonts/DINWeb-Bold.woff") format("woff");
}

@font-face {
  font-family: DINWeb-BoldIta;
  src: url("/fonts/DINWeb-BoldIta.eot");
}
@font-face {
  font-family: DINWeb-BoldIta;
  src: local("☺"),
      url("/fonts/DINWeb-BoldIta.woff") format("woff");
}

/**************** general defaults ****************/
/* defeat browser default padding */
/* we don't restrict width of content here, as some few parts are liquid */
body {
	padding: 0;
	margin: 0;
	font-family: verdana, sans-serif;
}

img {
	border: 0;
}

/* by default, links are not underlined */
a {
	text-decoration: none;
	color: #07A;
}

a:visited {
	text-decoration: none;
	color: #777;
}

A:hover {
	color:#f8931d;
	}

/* Prevent outline from turning orange on hover in FireFox */
:link:hover {
  outline-color: #07a;
}

:visited:hover {
  outline-color: #777;
}

.content {
	font-size: 11px;
	line-height: 15px;
}

/* override default p margin of "1em 0" so we can have predictable spacing.
This is true of other items in content like hr and list items.
*/
p, hr, div.hr, .content .para1, .content h3, div.querytable-div, #dist-find, address.para {
	margin: 15px 0 0 0;
}
.content li {
	margin: 5px 0 0 0;
}
p.intro {
	font-size: 13px !important;
	line-height: 17px !important;
	color: #888;
	font-weight: 200; /* just below normal */
}
body, table {
	color: #333;
}
table {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	margin: 0;
}

sup {
  font-size: 9px;
  line-height: 10px;
  padding-bottom: 5px;
  vertical-align: normal;
}

/* New top navigation */
#top {
	position: relative;
  height: 76px;
	border-top: 4px solid #666;
}

#top #topphone span {
  position: absolute;
  top: 9px;
  left: 593px;
  width: 177px;
  height: 8px;
  background: url(/images/graphictext/all.png) no-repeat top left;
  text-align: left;
  text-indent: -5000px;
  font-size: 1px;
}

#top #toplinks {
  position: absolute;
  top: 50px;
  left: 0;
  width: 780px;
  text-align: right;
}

#toplinks span {
	float: right;
	border-left: 1px solid #ddd;
	padding: 3px 10px;
}

#toplinks span.first { border-left: none; }

#toplinks span a {
	font-size: 1px;
	text-indent: -5000px;
	text-align: left;
	display: block;
	height: 8px;
	background: url(/images/graphictext/all.png) no-repeat top left;
}

#toplinks span a.login { width: 31px; background-position: 0px -27px; }
#toplinks span a.search { width: 42px; background-position: 0px -9px; }
#toplinks span a.subscribe { width: 62px; background-position: 0px -18px; }

#top #toplogo img {
  position: absolute;
  top: 36px;
  left: 15px;
}

#banner {
	background-color: #07A;
	position: relative;
	zoom: 1;
}

#banner img {
	display: block;
}

#banner-message-1,
#banner-message-2,
#banner-message-3,
#banner-message-4 {
	position: absolute;
	top: 10px;
	left: 180px;
}

#banner DIV {
	position: absolute;
	top: 10px;
	left: 180px;
    background: #fff no-repeat center right;
    width: 760px;
    height: 175px;
    padding: 10px 0 10px 15px;
}

#banner DIV SPAN {
    color: #ff9a02;
    font-family: 'DINWeb-Bold', arial, serif !important;
    font-size: 17px !important;
    font-weight: normal;
    line-height: 25px;
/*    position: absolute;
    top: 10px;*/
}

#banner DIV H2 {
    font-family: 'DINWeb-Medium', arial, serif !important;
    font-size: 54px !important;
    color: #000;
    font-weight: normal;
    letter-spacing: -3px;
    line-height: 84px;
/*    position: absolute;
    top: -20px;
    left: 12px;*/
    margin: -10px 0 0 -5px;
}

#banner DIV B {
    font-family: 'DINWeb-Medium', arial, serif !important;
    font-weight: normal;
}

#banner DIV P {
    font-family: 'DINWeb', arial, serif !important;
    font-size: 18px !important;
    display: block;
    line-height: 17px;
/*    position: absolute;
    top: 80px;*/
    width: 550px;
    margin: -10px 0 0 0;
}

#banner DIV A {
    background: #ffbb00;
    border-bottom: 2px solid #ff9900;
    border-right: 2px solid #ff9900;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    padding: 3px 8px 2px 8px;
    text-transform: uppercase;
/*    position: absolute;
    top: 160px;*/
    position: absolute;
    bottom: 10px;
}

#banner-button-1,
#banner-button-2,
#banner-button-3,
#banner-button-4 {
	display: block;
	position: absolute;
	top: 168px;
	left: 698px;
	height: 22px;
	width: 22px;
	background-image: url(/images/buttons/bu_1234.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#banner-button-2 {
	left: 723px;
	background-position: -22px 0;
}

#banner-button-3 {
	left: 748px;
	background-position: -44px 0;
}

#banner-button-4 {
	left: 773px;
	background-position: -66px 0;
}

#banner-button-1:hover,
#banner-button-1.on {
	background-position: 0 -22px;
}

#banner-button-2:hover,
#banner-button-2.on {
	background-position: -22px -22px;
}

#banner-button-3:hover,
#banner-button-3.on {
	background-position: -44px -22px;
}
#banner-button-4:hover,
#banner-button-4.on {
	background-position: -66px -22px;
}

#banner-link-1,
#banner-link-2,
#banner-link-3,
#banner-link-4 {
  display: block;
	position: absolute;
	top: 168px;
	left: 195px;
	height: 22px;
	width: 450px;
	background: url(/images/blank.gif);
	outline: none; /* Turn off focus box in Firefox */
}

#banner-link-1:active,
#banner-link-2:active,
#banner-link-3:active,
#banner-link-4:active {
  /* Hack to turn off focus box in IE: */
  .outline: expression(hideFocus=true);
}

/**************** leftmenu ****************/
/* position the left menu up and on top of section-banner */
#leftmenu {
	position: absolute;
	left: 0px;
	/* 10px further down from top of banner */
	top: 90px;
	min-height: 185px;
	_height: 185px;

	z-index: 1;
	background-color: #8C0;
	color: white;

	width: 160px;
	border: 5px solid #7b0;
	margin: 0;
	padding: 0;

	/* no list bullets */
	list-style: none;
}

/* entire open ul is bright */
#leftmenu li.open {
	background-color: #9D0;
}

/* closed item is medium green */
#leftmenu li.closed {
	background-color: #8C0;
}

#leftmenu li.closed ul {
	display: none;
}

/* a nested link that isn't active has blue color */
#leftmenu li.sibling a, #leftmenu li.sibling {
	color: #07a;
}

#leftmenu li.sibling a:hover {
	color: #fff;
}

/* thin horizontal line between top level menus */
#leftmenu li.open, #leftmenu li.closed {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #7b0;
}

/* nested menu: we disable list decoration and put an actual hyphen in the text */
#leftmenu ul {
	margin: 0;
	padding: 5px 0 5px 0;
	list-style: none;
}

/* any link within menu */
/* make the link itself a block so we can float the arrow next to it, and so more of it is clickable */
#leftmenu a {
	display: block;
	font-size: 13px;
	margin: 0;
	padding: 5px 5px 5px 10px;
	color: white;
}
/* a nested link is smaller font, and we want it closer to the parent */
#leftmenu ul a {
	font-size: 11px;
	padding: 0 5px 5px 11px;
/*	line-height: 13px;*/
}

#leftmenu a.lntop {
  width: 142px;
  height: 13px;
  background-repeat: no-repeat;
  background-position: 10px 7px;
  background-image: url(/images/graphictext/ln.png);
}

#leftmenu #home-li.open a.lntop {
	background-position: 0px -3px;
}
#leftmenu #home-li.closed a.lntop {
	background-position: -162px -3px;
}

#leftmenu #search-li.open a.lntop {
	background-position: 0px -36px;
}
#leftmenu #search-li.closed a.lntop {
	background-position: -163px -36px;
}

#leftmenu #browse-li.open a.lntop {
	background-position: -1px -69px;
}
#leftmenu #browse-li.closed a.lntop {
	background-position: -163px -69px;
}

#leftmenu #submittals-li.open a.lntop {
	background-position: -1px -102px;
}
#leftmenu #submittals-li.closed a.lntop {
	background-position: -163px -102px;
}

#leftmenu #customers-li.open a.lntop {
	background-position: -1px -135px;
}
#leftmenu #customers-li.closed a.lntop {
	background-position: -163px -135px;
}

#leftmenu #demos-li {
	background-color: #8C0;
}
#leftmenu #demos-li a.lntop {
	background-position: -163px -168px;
}

#leftmenu #advertising-li.open a.lntop {
	background-position: -1px -201px;
}
#leftmenu #advertising-li.closed a.lntop {
	background-position: -163px -201px;
}

#leftmenu #partnerships-li.open a.lntop {
	background-position: -1px -234px;
}
#leftmenu #partnerships-li.closed a.lntop {
	background-position: -163px -234px;
}

#leftmenu #about-li.open a.lntop {
	background-position: -1px -267px;
}
#leftmenu #about-li.closed a.lntop {
	background-position: -163px -267px;
}

/**************** popups ****************/
body.popup {
	padding: 10px 10px 10px 10px;
}

body.popup #title-content-sidebar, .popup div.content {
	padding: 0;
	margin: 0;
	width: auto !important;
}
a.close-window {
	display: block;
	float: right;
}

/**************** title-content-sidebar ****************/
/* shift right, and set default text color to almost-black charcoal */
#title-content-sidebar {
	padding-top: 32px; /* IE ignores margin-top for inexplicable reasons */
	margin-left: 195px;
	/* 770 = 195 + 575 */
	width: 575px;
	color: #333;
}

/* content with a sidebar */
td.content {
	width: 400px;
	/* margin-left on #title-content-sidebar includes 170 menu + 25 gap */
	padding-left: 0px;
	padding-right: 20px;
}
/* content without a sidebar */
div.content {
	width: 565px;
	padding-left: 0px;
	padding-right: 10px;
}


/**************** content ****************/

h1, h2 {
	font-family: Arial, Helvetica, sans-serif;
}
h1, h2 {
/*	letter-spacing: 0.05em;*/
/*	font-weight: medium;*/
}

/*
the 16px font rendering leaves about 2px above and below, for an
effective 12px top-baseline.
So we reduce bottom padding from 10px to 8px for the gap to the rule,
and we insert a -2px margin top.

We want a 15px gap below the rule to the first p.
The next p has a 15px margin top, leaving nothing --
except that font rendering leaves a few pixel gap
of top. So we have a -2px negative margin bottom
to pull up the text.
*/

h1 {
	font-size: 16px;
	line-height: normal;
	font-weight: normal;
	color: #888;
	/*padding: 0 0 8px 0;*/
	border-bottom: 1px solid #DDD;
	margin: -2px 0 -2px 0;
  /* for category pages: */
	padding: 0;
}
h1 img {
	margin: 2px 0 0 0;
  display: block; /* so that it no longer depends on line height */
}

h1.hide { /* For SEO */
  display: none;
}

/*
There is supposed to be a 10px gap to the next para, which has a 15px margin top.
*/
.content h2 {
	font-weight: normal;
	font-size: 14px;
	color: #5BF;
	margin: 15px 0 -5px 0;
}
.content h3 {
	font-size: 11px;
	font-weight: bold;
	color: black;
	padding: 0;
	/* assume a following p */
	margin-bottom: -15px;
}
.content a {
	text-decoration: underline;
}

/* hr wrapper to make up for IE's inability to have a background image on an hr */
div.hr {
	padding: 0;
	border: none 0;
	height: 1px;
	/*border-bottom: 1px dotted #666;*/
	background-image: url(/images/rules/de_horiz_dot_line.gif);
	background-repeat: no-repeat;
}
hr {
	display: none;
}

/*
list items are supposed to have the same margin-top as "p"; we do this at the
li level, and it is found above, not here.
list items are supposed to have a 14px indent:
  10px margin, *plus* the width of the bullet, which is 4px.
padding-left on the li will control the bullet-to-text gap.

You can specify a bullet as any of:
  1. list-style-type: square;
  2. list-style-image: url(http:///images/bullets/de_gray_bullet.gif);
  3. list-style: none; background-image ...
The default for list-style-position is "outside" meaning all text
is inside the marker, not aligned under it.
The problem with 1 and 2 is inconsistent control over spacing
between the bullet and the text.
See http://www.communitymx.com/content/article.cfm?cid=01DB3
*/
dl, .content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.content li {
	background-image: url(/images/bullets/de_gray_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 0 0 0 14px;
}
/* we don't want a bullet for ol/li */
.content ol li {
	background: none !important;
	padding: 0;
}
.content ol li ol {
	padding-left: 10px;
}
.content ol {
	list-style-type: decimal;
}
.content ol ol {
	list-style-type: lower-alpha;
}

/* the list item title, a div child inside the li */
dt {
	font-weight: bold;
}
dd, .content li p {
	margin: 0;
	padding: 0;
}

/**************** footer ****************/
#footer {
	margin-top: 100px;
	border-top: 4px solid #DDD;
	padding-top: 7px;
	/* just some extra space at the very bottom */
	margin-bottom: 3px;
}
#footer.index-footer {
	margin-top:0px;
}
#footer table {
	width: 770px;
}
#footer, #footer table {
	font-size: 10px;
}
#footer a.active {
	color: #AAA;
}
.copyright {
	letter-spacing: 0.8px;
	width: 100%;
	color: #AAA;
	padding-left: 15px;
}
.bottomitem {
/*	letter-spacing: 1px;*/
}
.bottomitem a {
	display: block;
	text-decoration: underline;
	padding: 0 5px 0 5px;
	margin: 0;
   	border-left: 1px solid #AAA;
	white-space: nowrap;
}
.firstitem a {
   	border: 0 !important;
}

/**************** home ****************/

#home-inner {
  font-size: 11px;
  line-height: 15px;
  color: #333;
}

#home-inner p {
  margin: 5px 0;
}

#home-inner :link,
#home-inner :visited {
  text-decoration: underline;
}

#home-inner .left-column {
  float: left;
  margin-right: 15px;
  padding: 0 15px 0 15px;
  width: 140px;
}

#home-inner .home-column,
#home-inner .home-column-3 {
  float: left;
  width: 175px;
  margin: 0 10px;
}

#home-inner .home-column-3 {
  width: 565px;
}

#home-columns {
  position: relative;
  overflow: hidden;
  width: 965px;
  margin: 30px 0 24px 0;
}

#home-columns .left-column {
  border-top: 1px solid #ddd;
  padding-top: 3px;
  color: #888;
}

#home-columns .left-column .title {
    font:bold 13px Arial, sans-serif;
}
#home-columns .left-column .title A {
    text-decoration:none;
    color:#888;
}

#home-columns .left-column img.featured-partner-logo {
  margin: 11px 0 0 0;
  .padding: 3px 0;
}

#home-columns .home-column,
#home-columns .home-column-3 {
  border-top: 4px solid #ddd;
  color: #333;
}

#home-columns .header-link {
  outline: none;
}

#home-columns .header-link:active {
  /* Hack to turn off focus box in IE: */
  .outline: expression(hideFocus=true);
}

.home-column A.header-link {
    text-decoration: none !important;
}

.home-column H2 {
	font-family: 'DINWeb-Medium', arial, serif;
	color: #333;
    font-size:16px;
    margin-bottom:-28px;
    position:relative;
    text-decoration:none;
    }

#home-gray {
  background: #f6f6f3;
  border-top: 1px solid #fff; /* Avoid consuming home column margin */
  padding-bottom: 100px;
  min-width: 965px;
}

#home-gray .home-column-3 .title,
#home-gray .left-column .title {
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  font-weight: bold;
  font-size:13px;
  margin: 27px 0 12px 0;
}
    #home-gray .home-column-3 .title-first,
    #home-gray .left-column .title-first {
        margin-top:15px;
    }

#home-gray select {
  margin-bottom: 5px;
}

#home-gray .left-column p {
  margin-top: 0;
}

#home-gray ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#home-gray li {
  margin: 0;
  padding: 0;
  line-height: 18px;
}

#home-gray select {
  margin-top: 5px;
  width: 140px;
}

#home-gray #news-list {
  width: auto;
}

#home-gray #news-list .news-date {
  color: #999;
}

#home-gray #news-list .news-abstract {
//  display: none;
}

#home-gray .just-added {
  border: 1px solid #ddd;
  background: #fff;
  margin-top: 14px;
  padding: 0 15px 12px 15px;
}

#home-gray .just-added h2 {
  margin-top: 12px;
}

body.home #footer {
  margin-top: 0;
}

#news-list {
	font-size: 11px;
	color: #666;
	padding: 0 25px 0 0;
	width: 170px;
}
#news-list a {
	text-decoration: underline;
}
.news-item {
	margin-bottom: 15px;
}
.news-date {
        font-family: Verdana;
        font-weight: bold;
}

/**************** product compare (or any marketing content table) ****************/

table.headings, table.features {
       font-family: verdana, sans-serif;
       table-layout: fixed;
       width: 400px;
}

/* ensure a gap prior to these tables */
table.headings {
	margin-top: 10px;
}

/* fixed width for "checkoff" columns */
td.prod, th.prod {
        width: 78px;
	padding: 4px;
        text-align: center;
}
/* auto (remaining) width for the first feature column */
td.feature, th.feature {
        width: auto;
	padding: 6px 10px;
	text-align: left;
}

/* style for content cells */
table.features td {
        border: 1px solid #DDD;
        color: #333;
        background-color: white;
        font-size: 10px;
}

/* style for heads; blue background */
table.headings th {
	background-color: #5BF;
	/* just to match the td case */
        border: 1px solid #5BF;
	color: white;
	vertical-align: bottom;
	font-weight: normal;
}
/* the feature head has a little bigger font */
th.feature {
        font-size: 13px;
}
/* we use an image for the left border on the checkoff columns, to easily get that partial look */
th.prod {
        font-size: 11px;
        background-color: #5BF;
	background-image: url(/images/rules/de_vertical_dot_line.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}

/* a div subhead for a table */
.table-sub {
        color: #888;
        margin-left: 11px;
        margin-top: 10px;
        margin-bottom: 1px;
        font-size: 10px;
	font-weight: bold;
        text-transform: uppercase;
}
/* a yellow checkmark square */
td.checked {
        background-image: url(/images/bullets/de_yellow_bullet.gif);
        background-repeat:  no-repeat;
        background-position: center center;
}
td.prod {
        vertical-align: middle;
        color: #FB0 !important;
	font-weight: bold;
}

/**************** contact form ****************/
table.responseform {
	width: 368px;
	/* plus 8px td padding */
	padding-top: 7px;
}
table.responseform td {
	text-align: left;
	padding-top: 8px;
	vertical-align: top;
}
.labeltd2 {
	padding-top: 20px !important;
}
.inputtd2 {
	padding-top: 3px !important;
}
.star {
        color: #FB0;
}
.inputtd {
	width: 250px;
	padding-left: 15px;
}
.labeltd {
	width: auto;
}
table.responseform td input {
	width: 100%;
}
textarea {
	width: 100%;
	height: 100px;
}
.formsubmit input {
	width: auto;
}
.formsubmit {
	margin-top: 20px;
}


/**************** sitemap ****************/
table.sitemap td {
	vertical-align: top;
        width: 50%;
}
table.sitemap td.col1 {
	padding-right: 10px;
}
/* disable bullets in two ways, depending on how it is done elsewhere here */
table.sitemap li ul {
	list-style: none;
}
table.sitemap li li {
	background: none;
}

/**************** subscribe/contactinfo.html ****************/
/* used to style an error message for the whole form */
.form-error, .error {
	margin-top: 15px;
        color: #FB0;
	font-weight: bold;
}
.message {
        font-weight: bold;
        color: #fff;
        background: #666;
        padding: 5px;
}
/* used to style a label of a particular bad field */
label.arg-error, label.arg-error label {
        color: #FB0;
	font-style: italic;
}


input.radio, input.checkbox {width: auto;}

/**************** info/products/overview.html ****************/
.backto {
	text-align: right;
}
/**************** info/customers/overview.html ****************/
.rightsmall {
	display: block;
	height: 10px;
	width: 10px;
	float: right;
	/*
	 extend margin below to prevent any text from wrapping underneath;
	 this is ugly as it assumes a certain text height below.
	*/
	margin: 13px 0 30px 10px;
}


/**************** info/customers/c-concrete.html ****************/
.boxed {
	margin: 30px 0 0 0;
	padding: 0 15px 15px 15px;
	border: 1px solid #DDD;
}
.boxed table {
       table-layout: fixed;
	/* 400 - (15 + 15) */
       width: 525px;
}
.boxed td.heading {
	width: 150px;
}
.boxed table td {
	vertical-align: top;
}
td.heading h3 {
	white-space: nowrap;
}
/**************** info/company/managementteam.html ****************/
table.managetable h3 {
	margin-top: 0;
}
table.managetable td {
	vertical-align: top;
	padding: 15px 10px 0 0;
}

/**************** info/company/partners.html ****************/
table.partnertable td {
	vertical-align: top;
}
td.partnerhead h2 {
	margin: 10px 0 0 0;
	padding: 0;
/*	border: 1px solid black;*/
}
td.partnerlogo {
	/* to match margin-top of p in other column */
	padding-top: 5px;
	padding-right: 10px;
}
td.partnerblurb p {
	margin-top: 5px;
}

/**************** search/seachform.html ****************/
.searchform input {
	width: auto;
	vertical-align: bottom;
}
input.searchterms {
	width: 250px !important;
	vertical-align: middle;
}
input.searchbtn {
	margin: 0 0 0 10px;
	vertical-align: bottom;
	vertical-align: middle;
}
p.searchlink {
	margin-top: 5px;
}
/**************** query results ****************/
.breadcrumbs, .querysummary, .querytable-div {
	margin-top: 15px;
}

tr.row-highlight {
	background-color: #FAFBD2;
}
/* IE doesn't deal with a border on TR: http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/borderbottom.asp */
table.querytable td {
        vertical-align: baseline;
	border-top: 1px solid #CCC;
}
tr.row-boundary td {
	border-top: 2px solid #CCC !important;
}

table.querytable th {
	background-color: #CCC;
	padding: 5px 5px;
	white-space: nowrap;
	text-align: left;
}
table.querytable td {
	/*padding: 0 5px 0 5px;*/
	padding: 5px 5px;
	text-align: left;
}

table.querytable a {
/*	vertical-align: middle; */
/*	white-space: nowrap;*/
	text-decoration: none;
}
/* icon before a text label within an "a" */
img.iconplus {
	vertical-align: baseline;
	margin-right: 3px;
}

/* indents for categories */
.indent2 {padding-left: 20px;}
.indent1 {padding-left: 10px;}

.button {
 /*  width: 165px;*/
   text-align: center;
 /*  display: block;  float: left;*/
   background-color: orange;
   color: white;
   text-transform: uppercase;
   font-size: 11px; font-weight: bold;
   padding: 5px;
   margin: 10px;
}


/**************** query/detail/manufacturer ****************/
table.mfgdetail td {
	vertical-align: top;
}
table.mfgdetail td.mfg-detail-address {
        padding-left: 40px;
        padding-bottom: 40px;
}

.mfg-detail-products {
	margin-top: 40px;
	border:1px solid #FEEAB5;
	margin-top:40px;
	padding:7px 10px;
	white-space:normal !important;
	background:#fefddf;
	float: left;

	}
.mfg-detail-products a,
.mfg-detail-products a:link,
.mfg-detail-products a:visited {
	text-decoration: underline;
	color: black;
}
.mfg-detail-products a:link img,
.mfg-detail-products a:visited img {
	vertical-align: baseline;
	/* this could help a little, when the link text wraps to the second line,
	   but then the icon collides with the underlinement above it: */
/*	vertical-align: middle; */
	text-decoration: none !important;
}
/**************** query/detail/product ****************/
.product-box {
	border: 1px solid #CCC;
	margin-right: auto;
    overflow: hidden;
    zoom: 1;
}
/*.product-box .yellow-adv-box {*/
/*    float: right;*/
/*    border:1px solid #FEEAB5;*/
/*    background:#fefddf;*/
/*    margin: 9px 6px;*/
/*    padding: 10px;*/
/*    width: 180px;*/
/*    height: 150px;*/
/*    overflow: hidden;*/
/*}*/

.yellow-adv-box {
    display: none;
    float: right;
    font-family:  Arial, sans-serif;
    border:1px solid #aeaeae;
    margin:13px 13px 10px 10px;
    width: 160px;
    font-size: 11px;
    /*height: 170px;*/
    overflow: hidden;
    text-align: center;
    position: relative;
    z-index: 500;
}

.yellow-adv-box P {
    text-align: center;
    background: #aeaeae;
    color: #fff;
    padding: 5px 0;
    margin: 0;
    font-weight: bold;
}

.yellow-adv-box P A {
    color: #fff;
}

.yellow-adv-box IMG {
    max-width: 150px;
    max-height: 150px;
    margin: 15px auto;
}

.unlisted-adv-text {
    font-size: 12px;
    line-height: 16px;
}

.detail-head {
	color: #FB0;
}
.proddetail-wrapper {
    padding-left: 105px;
}

.proddetail-wrapper SPAN.i-line {
    position: relative;
    border:1px solid transparent;
    line-height: 16px;
}

@-moz-document url-prefix() {
    .proddetail-wrapper SPAN.i-line UL, .proddetail-wrapper SPAN.i-line TABLE {
        margin-top: -15px;
    }
}

.proddetail-wrapper SPAN.i-hdr {
    position: absolute;
    left: -100px;
}

.proddetail-wrapper DIV.buildsite_public_notes {
}

.proddetail-wrapper SPAN.i-line B {
    font-size: 13px;
    line-height: 16px;
}

.proddetail-wrapper DIV.i-margin {
    clear: left;
    height: 5px;
}

.proddetail td.hronly {
	padding: 0;
}
.proddetail td {
	vertical-align: top;
}
.proddetail .detail-col1 {
	padding-right: 15px;
    width: 80px;
}
.proddetail td, .proddetail th {
	padding: 5px;
}
.proddetail th {
	text-align: left;
	text-transform: none;
}
/* IE won't put borders on TR directly */
.detail-head-tr th {
	border-bottom: 1px dotted #666;
}
.standard-table-div {
	padding-right: 5px;
}
.standard-table, .standard-table TD {
	border: 1px solid #CCC;
}
.standard-table td {
	vertical-align: top;
}
img.adflag {
	border: 0;
	margin: 3px;
}

table.querytable span.row-highlight:hover .tooltip {
    display:block;
}

table.querytable .row-highlight .tooltip {
        display: none;
	position: absolute;
	z-index: 100;
	padding: 10px;
	margin: 1.5em 0 0 30px;
	background-color: #028DD2;
	color: white !important;
}

.name { font-weight: bold; }

#dist-find {
	border:1px solid #FEEAB5;
	margin-top:40px;
	padding:7px 10px;
	background:#fefddf;
	}

#dist-find form {
	display: inline;
}
#dist-find form input {
	vertical-align:middle;
}
#dist-find form input.searchbtn {
	width: auto;
	vertical-align:middle;
	/*position:relative;*/
	/*top:-2px;*/
	}

#related_products th a img#re_pr_switch {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

#related_products p.section_title {
  font-weight: bold;
  margin-top: 0;
  padding-top: 0;
}

#related_products tr.hid {
  display: none;
}

#related_products li {
  background: none;
}

#related_products ul ul {
  margin-left: 4em;
}

#related_products ul.incl_additional li.additional {
  display: block;
}

#related_products ul ul li.additional {
  display: none;
}

#related_products ul.incl_additional li.more_switch {
  display: none;
}

TABLE.querytable,
.product-details .querytable {
  width: 100%;
}




/****************** landing pages ********************/

ul.yarrow li {
	background-image: url(../images/arrows/de_yellow_arrow_thin.gif);
        padding-left: 36px;
}

/***************** document shopping cart ************/

div#cart {
    font-size:80%;
    border: 1px solid #666;
    padding: 0px;
    margin: 15px;
    margin-top: 15px;
}

#cart p.top,
#cart p.menu {
    background: #666;
    color: #fff;
    text-align: center;
    margin:0;
}

#cart p.top {
    padding-top:    3px;
    padding-bottom: 3px;
}

#cart p.top a:link,
#cart p.top a:visited {
    text-decoration: underline;
}

#cart p.menu {
    padding-left:  6px;
    padding-right: 6px;
    color: #999;
    text-align: center;
}


#cart p.top a:link,
#cart p.menu a:link {
    color: #fff;
}

#cart p.top a:visited,
#cart p.menu a:visited {
    color: #ccc;
}

#cart ol,
#cart p.empty {
    margin: 1px;
    padding: 5px;
    padding-left: 16px;
    background: #f4f4f4;
    list-style: decimal xinside;
}

#cart ol li,
#cart p.li {
    margin: 4px;
    padding: 0px;
    xmargin-left: 16px;
}


/*****   cart editing screen at /cart   *****/

td.updown input {
  font-size: 70%;
  width: 8ex;
}

div.shaded { color: #999; }
div.shaded h3 { color: #999; }

.cattitle { margin-bottom: 2px; }

.querytable ol.qitems {
  margin: 0;
  padding: 2px 1px 1px 4ex;
}

.querytable ol.qitems li {
  margin: 2px;
  padding: 0px;
}

.querytable ol.qitems li a {
  vertical-align: baseline;
}

table.catdetail,
table#related-categories {
  margin-top: 20px;
}

.catdetail .querytable {
  width: 187px;
}
.catdetail td.mfg .querytable {
  margin-left: 20px;
}


.catdetail .querytable td {
  color: #666;
}

.catdetail .querytable th,
td.mfglist,
td.prodlist
 { border-right: 1px #ccc solid; }

.querytable td.numproducts
  { padding-left: 3ex; }

.category-detail p { margin-bottom: 0; }

li.row-highlight  { font-weight: bold; }

.seeall a:link,
.seeall a:visited {
  padding-left: 14px;
  background: url(/images/arrows/de_yellow_arrow_thin.gif) no-repeat 0% 50%;
  font-weight: bold;
}


h2.error { font-weight: bold; }


/*** three-column layout ***/
/*** div id=inner > .left | .center-col | .right ***/

#inner .left {
  width:195px;
  float:left;
  margin-left:-772px;
  padding:0;
}
#inner .left .spacer {width:195px}
#inner .center-col {
  width:575px;
  vertical-align:top;
  float:left;
  padding:32px 1px 1px;
  margin-left:195px;
  color:#333;
}
#inner .right {
  width:195px;
  float:left;
  padding:1px;
}

#footer { clear: both; }

/*** customizations ***/

#inner .center-col {
	padding-top: 32px; /* IE ignores margin-top for inexplicable reasons */
}

/*** customizations: left column ****/
#inner .left {
       padding-top:70px;
}

.left #searchbox {
       margin-top: 20px;
       margin-right: 25px;
       border: 1px solid #DDD;
       border-left: 0;
       background: #fff;
       padding: 15px;
}

.left #searchbox p.title {
       margin-top: 22px;
}

.left #searchbox p.first {
       margin-top: 0;
}

.left #searchbox input {
      width: auto;
}

.left #searchbox input.searchterms {
       margin-top: 0;
       width: 94% !important;
}

.left #searchbox .inputbox {
       margin-top: 6px;
}


/* searchbox */
.right #searchbox {
	margin:15px 0 20px 15px;
	border: 1px solid #DDD;
	background: #fff;
	padding: 15px;
	font-size:11px;
	line-height:13px;
	}
.right #searchbox p.title {
	margin-top: 0px;
	font-size:1em;
	font-weight:bold;
	margin-bottom:3px;
	}
.right #searchbox p {
	margin-top:0;
	}
.right #searchbox input {
	width: auto;
	}
.right #searchbox input.searchterms {
	margin-top: 0;
	width: 94% !important;
	}
.right #searchbox .inputbox {
	margin-top: 6px;
	margin-bottom:6px;
	}
.right #searchbox .options {
    margin-top:1.5em;
}
.right #searchbox ul {
    padding-left:0px;
    margin-left:0px;
    list-style:none;
    margin-top:0px;
}
.right #searchbox ul li {
    list-style:none;
    margin-bottom:3px;
    list-style-position:outside;
    padding-left:0px;
}
.right #searchbox ul li A,
.right #searchbox ul li A:visited,
.right #searchbox ul li A:active {
    color:#0077AA;
}

.right #searchbox ul li.cur A {
    color:#000;
}
.right #searchbox FORM {
    margin-top:0px;
}


UL#otherdetails {
	border:1px solid #FEEAB5;
	padding:7px 10px;
	background:#fefddf;
	margin:.5em 0;
	}

#form_search table {width: 100%}
input.attval {width: 75px; vertical-align: middle; margin: 3px 0;}
input.attval-state {width: 30px !important;}
input.attval-city {width: 75px !important;}

table#leed-table tr.new-area td {border-top: 2px solid #CCC;}
table#leed-table td.leed-area-td {
    border: none;
}

/* Green Data */

td.green-content {
	width: 575px;
	padding: 32px 0 0 0;
	font-size: 11px;
	line-height: 15px;
}

.summary {
  font-size: 14px;
  line-height: 21px;
  color: #888;
}

.summary a:link, .summary a:visited {
  text-decoration: underline;
}

.sidebar-gray {
  position: relative;
  overflow: hidden;
  width: 176px; /* Necessary for narrow windows on some pages */
  background: #f6f6f3;
  margin: -27px 0 0 5px;
  padding-bottom: 10px;
  font-size: 11px;
  line-height: 15px;
}

.sidebar-gray h2 {
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  font-weight: bold;
  font-size: 14px;
  margin: 10px 15px -3px 15px;
}

.sidebar-gray p {
  margin: 15px;
}

#content-box {
  position: relative;
  border: 1px solid #ddd;
  margin: 28px 0 0 0;
  width: 573px; /* Why is this necessary? */
}

#content-box #content-margin {
  margin-bottom: 30px;
}

#content-box h2 {
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  font-weight: medium;
  font-size: 25px;
  line-height: 30px;
  margin: 10px 15px;
}

#content-box p,
#content-box h3 {
  color: #333;
  margin: 12px 14px;
}

#content-box .hr {
  margin: 20px 15px;
	background-repeat: repeat-x;
}

#content-box ul {
  padding-left: 15px;
  padding-right: 15px;
}

#content-box table {
  margin: 12px 14px;
}

#content-box .totop {
  margin: -10px 15px 15px 15px;
}

#content-box #content-main {
  display: block;
  margin: 0;
}

#subnavigation {
  display: block;
  overflow: hidden;
  position: relative;
  zoom: 1;
}

#subnavigation img {
  display: block;
  float: left;
  margin: 0 19px 0 10px;
}

.content-main-button {
  display: block;
  position: absolute;
  top: 292px;
  height: 22px;
  background: url(/images/blank.gif);
  /* Defaults: */
  left: 24px;
  width: 88px;
}


.col-1 {width: 50%;}
.col-2 {width: 20%; white-space: nowrap; text-align: right; color: #CCC;}

/* from jquery.tooltip.css */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	width: 250px;
}
#tooltip h3, #tooltip div {
	margin: 0;
	font-size: 14px;
}

/*
.help-tooltip {color: black !important;}
#tooltip {color: black !important;}
.tooltip {color: black !important;}
*/

/* copied from v3 globals.css */
.b-advsearch TABLE {
	width:100%;
	table-layout:fixed;
}
.b-advsearch TD {
	height:30px;
	vertical-align:middle;
}

.green-data TD {
	height:30px;
	vertical-align:middle;
}
.green-data .sub-td {
	vertical-align:top;
}
.green, a.green:visited {
	color: green;
}

h2.adv-search {font-weight:bold; color:#1184AF;}
fieldset {border:1px solid #ccc; padding: 1ex 2ex;}
.dots { background: transparent url(/images/misc/bg_dots.gif) repeat-x scroll left bottom; width: 100%; margin-top: 10px }


#inner .left div.b-sidebar {width:150px; margin:100px 10px 0 10px; }
#inner .right div.b-sidebar {margin:10px 10px 0 10px; width:155px;}
#no-menu div.b-sidebar {width:150px; }
.b-sidebar {font-size:11px; line-height:15px; padding-top:32px}
#no-menu {
	position: absolute;
	left: 0px;
	top: 80px;

	padding:10px 10px 0 10px;
	min-height: 185px;
	_height: 185px;

	z-index: 1;
	background-color: #fff;
}

.l-cols {
	margin-top:10px;
}
.l-cols td {
	vertical-align:top;
}
.l-cols td.col-left {
	width:50%;
	padding-right:10px;
}


.content-main-button {
    background:url("/images/blank.gif") repeat scroll 0 0 transparent;
    display:block;
    height:22px;
    left:24px;
    position:absolute;
    top:304px;
    width:88px;
}

#content-box P IMG#content-main  {
    margin-left:-14px;
}

.twitter {
	margin-top:21px;
}

.category-detail .mfglist .adv a,
.category-detail .prodlist .adv a {
    font-weight:bold;
    background:lightyellow;
}

.nobr {
	white-space: nowrap;
}

.social-media {
	height: 16px;
    overflow: hidden;
    zoom: 1;
    /*width: 105px;*/
}

/* google +1 */
.social-media DIV DIV {
    margin-top: 1px !important;
}

#inner .social-media {
	margin-top: 18px;
}

#inner .social-media DIV {
	float: left;
    margin-left: 10px;
}

#inner .social-media A, #inner .social-media DIV DIV {
	margin-left: 5px !important;
    margin-right: 0 !important;
}

.left-column .social-media {
	margin-top: 9px;
}

.social-media a {
	float: left;
	margin-right: 5px;
	width: 16px;
	height: 16px;
	background: url(/images/socialmedia.png) no-repeat top left;
}


.social-media .icon-facebook {
	background-position: 0px 0px;
}

.social-media .icon-twitter {
	background-position: -16px 0px;
}

.social-media .icon-email {
	background-position: -32px 0px;
}

.social-media .icon-linkedin {
	background-position: -48px 0px;
}

.social-media .icon-rss {
	background-position: -64px 0px;
}

.indent-1 { padding-left: 10px !important; }
.indent-2 { padding-left: 20px !important; }
.indent-3 { padding-left: 30px !important; }
.indent-4 { padding-left: 40px !important; }
.indent-5 { padding-left: 50px !important; }
.indent-1, .indent-2, .indent-3, .indent-4, .indent-5 {white-space:nowrap;}

.clear {clear:both}

body.demos h1 {
	font-family: 'DINWeb-Medium', arial, serif;
	color: #fff;
}

body.demos #demo-list h2 {
	font-family: 'DINWeb-Medium', arial, serif;
	color: #333;
}

h1 {
	font-family: 'DINWeb-Medium', arial, serif;
	color: #888;
	margin-top: -7px;
}

.orange-button {
	padding: 1px 5px 5px 5px;
	color: #fff;
	text-transform: uppercase;
	background: #fb0;
	border-bottom: 2px solid #f90;
	border-right: 2px solid #f90;
	border-top: 2px solid #fb0;
	border-left: 2px solid #fb0;
	font: bold 10px Arial, sans-serif;
	text-align: center;
	height: 20px;
	width: auto;
    cursor: pointer;
	text-decoration: none !important;
}
    .orange-button:hover {
        background:#f90;
        border-bottom-color:#fb0;
        border-right-color:#fb0;
        border-top-color:#f90;
        border-left-color:#f90;
    }

a.orange-button {
	padding: 2px 5px 3px 5px;
}

a.orange-button:hover, a.orange-button:visited {
	color: #fff;
}

.grey-button {
	padding: 1px 5px 5px 5px;
	color: #fff;
	text-transform: uppercase;
	background: #adadad;
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
	border-top: 2px solid #adadad;
	border-left: 2px solid #adadad;
	font: bold 10px Arial, sans-serif;
	text-align: center;
	height: 20px;
	width: auto;
    cursor: pointer;
	text-decoration: none !important;
}
    .grey-button:hover {
        background:#999;
        border-right-color:#adadad;
        border-bottom-color:#adadad;
        border-top-color:#999;
        border-left-color:#999;
        }

.content .tabs {
    overflow:hidden;
    zoom:1;
    margin-top:15px;
}
    .content .tabs LI {
        background-image:none;
        border:1px solid #ccc;
        border-right:none;
        border-bottom:none;
        display:block;
        float:left;
        list-style:none;
        padding:4px 15px;
    }
    .content .tabs LI.last {
        border-right:1px solid #ccc;
    }
    .content .querytable-div-tabs {
        margin-top:0px;
    }
    .content .tabs LI A {
        text-decoration:none;
        color:#666;
    }
    .content .tabs LI.cur A {
        font-weight:bold;
    }
    .querytable-div-tabs .product-box {
        border-top-style:dotted;
    }
    #preview-datasheet {
        border:1px solid #ccc;
        padding:10px;
        display:none;
    }

.signature {
    padding-bottom: 10px;
}

a.email-us {
    background: url(/images/icons/envelope_sm.png) no-repeat 0 3px;
    padding-left: 15px;
}

.pager {
    margin-top:10px;
    overflow:hidden;
    zoom:1;
    }
    .pager FORM {
        padding-top:3px;
        overflow:hidden;
        zoom:1;
        }
    .pager FORM LABEL,
    .pager FORM SELECT,
    .pager FORM INPUT {
        display:block;
        float:left;
        }
        .pager FORM SELECT,
        .pager FORM INPUT {
            margin:0px 5px;
            }
    .pager-iop {
        float:left;
        color:#999;
        }
        .pager .pager-iop SELECT {
            border:1px solid #dcdfe6;
            border-top-color:#aaadb2;
            width:50px;
            margin-top:-1px;
            -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
            }
        .pager-iop SELECT,
        .pager-iop OPTION {
                font:normal 11px Verdana, sans-serif;
            }
    .pager-page {
        float:right;
        overflow:hidden;
        zoom:1;
        }
        .pager-page FORM {
            color:#999;
            padding-left:6px;
            padding-right:6px;
            float:left;
            }
            .pager-page .count {
                color:#666666;
                }
        .pager-page FORM INPUT {
            border:1px solid #dbdee5;
            border-top-color:#aaadb2;
            color:#666666;
            font:normal 11px Verdana, sans-serif;
            height:20px;
            padding:3px;
            width:30px;
            margin-top:-3px;
            -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
            -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
            }

        .pager-page .prevnext {
            background:url(../images/icons/pager-prevnext.gif) no-repeat 0 0;
            display:block;
            float:left;
            height:18px;
            margin-top:1px;
            text-indent:-1000px;
            width:24px;
            }

            .pager-page .prev-active {
                background-position:0px -18px;
                }
            .pager-page .next {
                background-position:-24px 0px;
                }
            .pager-page .next-active {
                background-position:-24px -18px;
                }

.prod-ad-banner {margin-left:15px}

#subnavigation A {
    font-family: 'DINWeb-Medium', arial, serif;
    font-size: 14px;
    margin: 15px 30px 10px 15px;
    float: left;
    color: #333;
    text-decoration: none;
    padding-right: 10px;
}
#subnavigation A.current {
    color: #888;
    background: url(/images/bullets/subnav-arrow.png) no-repeat right center;
}

.content-tab {
    display: none;
}

.content-tab.visible {
    display: block;
}

.tab-head {
    font-family: 'DINWeb', arial, serif !important;
    font-size: 12px !important;
    position: relative;
}

.tab-head H2 {
    font-family: 'DINWeb-Medium', arial, serif !important;
    font-size: 24px !important;
    margin-top: 20px !important;
}

.tab-head B {
    font-family: 'DINWeb-Bold', arial, serif !important;
    font-size: 14px !important;
    display: block;
    margin-bottom: 4px;
    font-weight: normal;
}

.tab-head P {
    position: absolute;
    bottom: 13px;
    padding: 0 10px 0 10px;
}

.tab-head A {
    float: left;
    background: #ffbb00;
    border-bottom: 2px solid #ff9900;
    border-right: 2px solid #ff9900;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    padding: 2px 8px 1px 8px;
    text-transform: uppercase;
    margin-right: 20px;
    margin-top: -3px;
}

.advertising .tab-head {
    height: 470px;
}

.advertising .tab-head P {
    display: none;
/*    position: absolute;
    z-index: 555;
    font-family: verdana, sans-serif;
*/
}

@-moz-document url-prefix() {
    .advertising .tab-head P {
        bottom: 30px;
    }
}

.advertising FORM {
    font-family: verdana, sans-serif;
    position: absolute;
    top: 185px;
    left: 10px;
    border: 1px solid #ccc;
    padding: 35px 10px 25px 10px;
    width: 530px;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.8);
}

.advertising #content-main {
    position: absolute;
}

.advertising FORM TABLE {
    width: 80%;
}

.advertising FORM TD {
    vertical-align: middle;
}

.advertising FORM TD.labeltd {
    padding-left: 70px;
}

.advertising .star {
    color: #F00;
}

.advertising FORM .submit {
	padding: 2px 15px 5px 15px;
	color: #fff;
	text-transform: uppercase;
	background: #fb0;
	border-bottom: 2px solid #f90;
	border-right: 2px solid #f90;
	border-top: 2px solid #fb0;
	border-left: 2px solid #fb0;
	font: bold 11px Arial, sans-serif;
	text-align: center;
	height: 23px;
	width: auto;
    cursor: pointer;
	text-decoration: none !important;
}

th h2.doc-header {
    font:bold 11px Verdana, sans-serif;
    margin: 0px;
    color: #333;
}

.center-col BLOCKQUOTE {
    color: #aaa;
    font-family: 'DINWeb-Medium', arial, serif;
    font-size: 14px;
    margin: 15px 0 10px 30px;
    padding-left: 0.7em;
    width: 425px;
}

.center-col BLOCKQUOTE EM {
    font-family: 'DINWeb-BoldIta', arial, serif;
    font-style: normal;
    font-size: 13px;
    margin-top: 5px;
    display: block;
}

.center-col BLOCKQUOTE .ldquo {
    margin-left: -0.7em;
}

.banner-submittals {
    width: 565px;
    height: 246px;
    margin: 3px auto;
    display: none;
}

BODY .lp-b, BODY.lp-a .lp-a, BODY.lp-b .lp-b, BODY.lp-c .lp-c {
    display: block;
}

BODY.lp-a .lp-b, BODY.lp-c .lp-b {
	display: none;
}

.banner-submittals DIV {
    width: 165px;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-family: 'DINWeb-Bold', arial, serif;
    padding: 15px 25px 15px 15px;
    float: right;
}

.banner-submittals DIV A {
    margin-left: -3px;
}

.lp-a H1, .lp-b H1, .lp-c H1 {
    font-family: 'DINWeb-Bold', arial, serif;
    font-size: 25px;
    color: #333;
    border-bottom: none;
}

.lp-a .banner-submittals DIV {
    padding: 15px 40px 15px 35px;
    float: left;
}

.lp-b .banner-submittals DIV {
    padding: 15px 25px 15px 15px;
    float: right;
}

DIV.lp-c {
    height: 217px;
}

.lp-c .banner-submittals DIV {
    width: auto;
    padding: 30px 120px 30px 75px;
}

.lp-c .banner-submittals DIV {
    font-family: 'DINWeb', arial, serif;
    font-size: 15px;
}

.lp-c .banner-submittals DIV B {
    font-weight: normal;
    font-size: 18px;
    font-family: 'DINWeb-Bold', arial, serif;
    text-shadow: #187ba3 0px 2px 3px;
}

.hanging .ldquo {
    margin-left: -0.5em;
}

.submittals .inner-content {
    padding: 15px;
}

.submittals #subnavigation {
    padding-left: 20px;
}

.submittals #subnavigation DIV {
    background: #adadad;
    height: 1px;
    line-height: 1px;
    position: relative;
    margin-left: -20px;
    top: 32px;
}

.submittals #subnavigation A {
    font-family: 'DINWeb-Bold', arial, serif;
    color: #999;
    margin: 0;
    background: none;
    padding: 0 10px;
    line-height: 30px;
    font-size: 14px;
    position: relative;
    top: 1px;
}

.submittals #subnavigation A.current {
    background: #fff;
    border-radius: 2px;
    border: 1px solid #adadad;
    border-bottom-color: #fff;
    color: #666;
    top: 0px;
}

#content-box.submittals .content-tab P,
#content-box.submittals .content-tab H2,
#content-box.submittals .content-tab H3,
#content-box.submittals .content-tab UL,
#content-box.submittals .content-tab .hr,
#content-box.submittals .content-tab .totop
{
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

#content-box.submittals .content-tab A {
    color: #0077aa;
    text-decoration: none;
}

#content-box.submittals .content-tab A.next {
    color: #666;
}

#content-box.submittals .big P {
    font-family: 'DINWeb', arial, serif;
    font-size: 16px;
    line-height: 20px;
    color: #999;
    margin-top: 20px;
}

#content-box.submittals .content-tab H2 {
    font-family: 'DINWeb-Bold', arial, serif;
    font-size: 21px;
    color: #4c4c4c;
}

#t-updates {
    font-family:Verdana, 'Bitstream Vera Sans', 'DejaVu Sans', 'Liberation Sans', Geneva, sans-serif;
    color:#666666;
    font-size:12px;
    line-height:16px;
}
#t-updates .article {
    margin-bottom:6px;
}
#t-updates .article .title {
    font-weight:bold;
    color:#0077aa;
}
#t-updates .article .info {
    font-size:9px;
    line-height:1.2;
    color:#0077aa;
}
#t-updates .raquo {
    font-size:15px;
    line-height:16px;
}