/* --- Web fonts --- */
/* 
Note that IE9 in quirks mode doesn't support multiple font weights for a font-family. As a result, each weight has to be specified 
as its own family, and the <B> and <STRONG> tags styled specifically for the bold version of the font. In addition, any style that
uses font-weight:bold will need to also specify the bold version of the font.

Next-generation sites will force IE standards mode and thus a single font family can be used to support multiple font weights.
*/

@font-face
{
    font-family: "DINPro";
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/dinpro/DINPro.eot'); /* IE9 */
    src: url('../fonts/dinpro/DINPro.eot?iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/dinpro/DINPro.woff') format('woff'), /* Modern browsers */
         url('../fonts/dinpro/DINPro.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/dinpro/DINPro.svg') format('svg'); /* Legacy iOS */
}

@font-face
{
    font-family: "DINProBold";
    font-weight: bold;
    font-style: normal;
    src: url('../fonts/dinpro/DINPro-Bold.eot'); /* IE9 */
    src: url('../fonts/dinpro/DINPro-Bold.eot?iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/dinpro/DINPro-Bold.woff') format('woff'), /* Modern browsers */
         url('../fonts/dinpro/DINPro-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/dinpro/DINPro-Bold.svg') format('svg'); /* Legacy iOS */
}

@font-face
{
    font-family: "CartoGothic";
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/cartogothic/CartoGothicStd-Book-webfont.eot'); /* IE9 */
    src: url('../fonts/cartogothic/CartoGothicStd-Book-webfont.eot?iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/cartogothic/CartoGothicStd-Book-webfont.woff') format('woff'), /* Modern browsers */
         url('../fonts/cartogothic/CartoGothicStd-Book-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/cartogothic/CartoGothicStd-Book-webfont.svg') format('svg'); /* Legacy iOS */
}

@font-face 
{
    font-family: "CartoGothicBold";
    font-weight: bold;
    font-style: normal;
    src: url('../fonts/cartogothic/CartoGothicStd-Bold-webfont.eot'); /* IE9 */
    src: url('../fonts/cartogothic/CartoGothicStd-Bold-webfont.eot?iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/cartogothic/CartoGothicStd-Bold-webfont.woff') format('woff'), /* Modern browsers */
         url('../fonts/cartogothic/CartoGothicStd-Bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/cartogothic/CartoGothicStd-Bold-webfont.svg') format('svg'); /* Legacy iOS */
}

@font-face 
{
    font-family: "CartoGothicItalic";
    font-weight: normal;
    font-style: italic;
    src: url('../fonts/cartogothic/CartoGothicStd-Italic-webfont.eot'); /* IE9 */
    src: url('../fonts/cartogothic/CartoGothicStd-Italic-webfont.eot?iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/cartogothic/CartoGothicStd-Italic-webfont.woff') format('woff'), /* Modern browsers */
         url('../fonts/cartogothic/CartoGothicStd-Italic-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/cartogothic/CartoGothicStd-Italic-webfont.svg') format('svg'); /* Legacy iOS */
}

/* ------------------------ */
/* --- Tag-level styles --- */
/* ------------------------ */

BODY
{
    margin: 12px 12px 12px 12px;
    background-color: #ffffff;
    color: #7b7b7b;
    font-family: Roboto, DINPro, CartoGothic, Helvetica, sans-serif;
    font-size: 14px; 
}
HTML
{
    overflow-y: scroll; /* Always reserves space for a scrollbar along the right edge, so content doesn't jump around horizontally. */
}
P, TD, UL, OL
{
    font-size: 14px;
    font-family: Roboto, DINPro, CartoGothic, Helvetica, sans-serif;
}
P, UL, OL
{
    margin-top: 12px;
    margin-bottom: 12px;
}

/* Change bullets to #c4262e */
.tab-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tab-content li {
  padding-left: 1em; 
  text-indent: -.7em;
}

.tab-content li::before {
  content: "• ";
  color:  #c4262e;
}

/* End of Change bullets to #c4262e */





B, STRONG
{
    font-family: Roboto, DINProBold, DINPro, CartoGothicBold, CartoGothic, Helvetica, sans-serif;
}
I, EM
{
    /*font-family: CartoGothicItalic, CartoGothic, Helvetica;*/
}
H1
{
	font-family: Roboto, DINPro, CartoGothic, Helvetica, sans-serif;
    font-weight: normal;
	font-size: 28px;
	color: #000;
	margin-top: 4px;
	margin-bottom: 18px;
	line-height: 28px;
	letter-spacing: -.5px;
	text-transform: uppercase;
}
H1.title
{
    margin-top: 4px;
    text-align: left;
}
H2
{
	font-size: 18px;
	font-family: Roboto, DINProBold, DINPro, CartoGothicBold, CartoGothic, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
	margin-top: 16px;
	margin-bottom: 16px;
    line-height: 23px;
	text-transform: uppercase;
}
H2.subtitle 
{
    margin: -11px 0px 18px 0px;
	font-size: 20px;
	font-weight: normal;
	color: #58595B;
}

/* Added 27May2014 pfm */
H2#subtitle
{
	font-size: 20px;
    color: #58595B;
    margin: -14px 12px 20px 0px;
    float: left; /* Allows DRAFT to be placed next to this if needed. */
	min-width: 200px; /* Prevents tabs from floating next to part number */
}


H3
{
	font-size: 16px;
	font-family: Roboto, DINPro, CartoGothic, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
	margin-top: 12px;
	margin-bottom: 12px;
	text-transform: uppercase;
}
HR
{
	height: 1px;
	background-color: #002161;
	border: none;
}
FORM
{
    margin: 0px;
    padding: 0px;
}
SELECT, INPUT 
{ 
	font-size: 12px; 
	color: #111;
	margin-top: 1px;
}
TEXTAREA
{
	color: #111;
}
A:link, A:visited {
	color: #c4262e;
	text-decoration: none;  
}

A:hover, A:active {
	color: #88030a;
}

H2 A:link, H2 A:visited, H2 A:active
{
    text-decoration: none;
}

A[disabled="disabled"]
{
    color: #aaa;
    text-decoration: none;
    cursor: default;
}

SELECT[disabled]
{
    color: #aaa;
}

INPUT[disabled="disabled"]
{
    color: #aaa;
}

INPUT[type=radio] /* For IE */
{
    padding: 0px;
    margin: 0px;
}

INPUT[type=radio] + LABEL
{
    margin: 0px 8px 0px 2px;
}

INPUT[type=radio]:disabled + LABEL
{
    color: #888888;
}


/* ------------------------ */
/* --- Universal styles --- */
/* ------------------------ */

.h2 
{
	font-size: 18px;
	font-family: Roboto, DINProBold, DINPro, CartoGothicBold, CartoGothic, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
	margin-top: 16px;
	margin-bottom: 16px;
    line-height: 23px;
	text-transform: uppercase;
}
.nowrap
{
    white-space: nowrap !important;
}

.wrap
{
    white-space: wrap !important;
}
.small
{
	font-size: 12px;
}
.large
{
	font-size: 15px;
	font-family: Roboto, DINProBold, DINPro, CartoGothicBold, CartoGothic, Helvetica, sans-serif;
}
.hi
{
	color: #BB0000;
	font-family: Roboto, DINProBold, DINPro, CartoGothicBold, CartoGothic, Helvetica, sans-serif;
}
.lo
{
	color: #888888;
}
.fixed
{
	font-family: monospace;
}
.separator
{
	background-color: #cccccc;
}
DIV.separator
{
    clear: both;
    margin: 16px 0px 16px 0px;
    border-bottom: 1px dotted #ccc;
}

.hidetitle H1
{
    display: none;
}

/* --------------------------------------- */
/* --- Styles used in layout templates --- */
/* --------------------------------------- */

DIV.langWarning
{
    position: absolute;
    top: 0px;
    left: 0px;
	width: 100%;
	vertical-align: middle;
	background-color: #ffff66;
	color: #BB0000;
	padding: 6px 0px 6px 0px;
	font-weight: bold;
	font-family: DINProBold, DINPro, CartoGothicBold, CartoGothic, Helvetica, sans-serif;
	font-size: 12px;
}
DIV.langWarning A
{
	font-weight: normal;
}
div.langBuffer
{
    height: 20px;
}
#header-footprint
{
    position: relative;
    width: 960px;
    margin: auto;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
#header-tools
{
	position: absolute;
	right: 0;
}
#header-settings
{
    font-size: 12px;
    float: right;
	white-space: nowrap;
    padding: 4px 16px 0px 0px;
}
#header-settings SPAN.flag
{
	color: #111;
	font-weight: bold;
	font-family: Roboto, DINProBold, DINPro, CartoGothicBold, CartoGothic, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 6px;
}
#header-settings SPAN.flag img
{
	position: relative;
	top: 1px;
    height: 12px;
}
#header-settings A.lang
{
	padding-left: 8px;
}
#language-setting, #country-setting
{
	display: inline;
}
#search
{
    float: right;
    height: 20px;
    margin-top: -2px;
    padding-top: 0;
}
#search .searchBox
{
    width: 125px;
    height: 20px;
    border: 1px solid #ccc;
    margin-top: 0;
    padding-top: 0;
}
#search .searchButton
{
    background: url('/lib/images/header/search.png') no-repeat bottom;
    position: relative;
    top: 1px;
    color: transparent;
    cursor: pointer;
    border: none;
    width: 24px;
    height: 24px;
    outline-width: 0;
}
#search .searchButton:active {
    background: url('/lib/images/header/waitCue.gif') no-repeat center;
    outline-width: 0;
}
#logo
{
	float: left;
    margin: 0px 32px 0 0;
	position: relative;
}
#logo img
{
	border: none;
	height: 80px;
	float: left;
}
#logo a
{
	text-decoration: none;
}
#platformname
{
	margin-left: 16px;
	line-height: 44px;
	height: 44px;
	font-family: Roboto, DINProBold, DINPro, CartoGothicBold, CartoGothic, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #58595B;
	text-transform: uppercase;
}
#navbar
{
	font-size: 1.1em;
	font-family: Roboto, DINPro, CartoGothic, Helvetica, sans-serif;
	text-transform: uppercase;
	clear: both;
}
.navbarItem
{
    float: left;
    margin: 12px 21px 0px 0px;
    font-size: 15px;
}
.navbarItem A:link, .navbarItem A:visited, .navbarItem A:active
{
	color: #58595B;
	text-decoration: none;
}
.navbarItem A:hover
{
	color: #008abc;
	text-decoration: none;
}
TD.breadcrumb
{
    width: 180px;
    vertical-align: top;
	color: #111;
	padding: 12px 40px 20px 0px;
	text-align: left;
}
TD.breadcrumb SPAN.bullet
{
	color: #000000;
	padding-left: 6px;
	padding-right: 6px;
}
.breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active
{
	color: #58595B;
}
.breadcrumb a:hover
{
	color: #008abc;
}
TD.body
{
    width: 700px;
    *width: 740px;
	vertical-align: top;
	padding: 0px 0px 20px 0px;
}
SELECT.ctry
{
	width: 160px;
	margin-bottom: 2px;
	font-size: 11px;
}
TD.dualTitle
{
	height: 27px;
	padding-left: 20px;
	padding-bottom: 6px;
	font-size: 18px;
	font-weight: bold;
	font-family: Roboto, DINProBold, DINPro, CartoGothicBold, CartoGothic, Helvetica, sans-serif;
	color: #0c3471;
	line-height: 1.1em;
}
TD.dualBody
{
	vertical-align: top;
	padding: 18px 0px 0px 20px;
}
TD.ftrBorder
{
	border-bottom: 1px solid #cccccc;
}
.nav-menu a {
	display: block;
	font-size: 12px;
	line-height: 14px;
	padding-bottom: 8px;
    margin-bottom: 8px;
	margin-right: 0px;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	padding-left: 12px;
	background-image: url(/lib/images/misc/blue_arrow_down.gif);
	background-repeat: no-repeat;
	background-position: 0px -2px;
}
.nav-menu ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.nav-menu li a {
	padding-left: 20px;
	background-image: url(/lib/images/misc/blue_arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 8px -2px;
}
.related-file 
{
    font-size: 12px;
	padding: 0px 0px 6px 16px;
}
.related-file img {
    vertical-align: middle;
    margin-right: 6px;
}
.related-file a {
    text-decoration: none;
}
.related-product {
    padding: 0px 0px 6px 0px;
}
.related-product a {
    text-decoration: none;
	padding-left: 20px;
	color: #58595B;
	background-image: url(/lib/images/misc/blue_arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 8px -1px;
}
.related-product a:hover {
	color: #008abc;
}
#footer-footprint
{
    width: 960px;
    margin: auto;
    border-top: 1px solid #ccc;
    margin: 24px 0px 0px 0px;
}
#footer-wrapper
{
    float: left;
    margin: 16px 0 8px 0;
}
#footer-text
{
    float: left;
    font-size: 12px;
    text-align: center;
}
#footer-social
{
    float: left;
    margin-left: 12px;
}
#footer-social img
{
    vertical-align: middle;
    border: 0px;
    margin: 0px 1px 0px 1px;
}
#footer-mobile
{
    float: left;
    margin-left: 18px;
    font-size: 17px;
}
#footer-mobile img
{
    float: left;
    vertical-align: middle;
    border: 0px;
    margin: 0px 4px 0px 12px;
}
#footer-mobile .text
{
    display: inline-block;
    margin: 4px 0px 0px 3px;
}
#footer-qr
{
    float: right;
    position: relative;
    top: -18px;
    border: 12px solid white;
}

#footer-qr img
{
    border: 0px;
}
/* ------- Expandable content blocks ------- */

A.expandable:link, A.expandable:visited, A.expanded:active { /* Same style as H2 - in legacy IE doesn't handle H2:hover correctly so we use A instead */
    display: block;
	font-size: 18px;
	font-family: Roboto, DINProBold, DINPro, CartoGothicBold, CartoGothic, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
	margin-top: 16px;
	margin-bottom: 16px;
	line-height: 23px;
	text-transform: uppercase;
	padding-left: 26px;
	text-decoration: none;
	background-image: url(/lib/images/misc/expandable.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
	
A.expandable:hover {
	cursor: pointer;
	border: 0px;	
}

DIV.expandable {
	display: none;
}

/* -------------------------- */
/* --- Tabs and tab icons --- */
/* -------------------------- */

#tabs
{
    border-bottom: 1px solid #a6bbc8;
    border-left: 1px solid #a6bbc8;
    overflow: hidden;
    width: 550px;
    text-transform: uppercase;
}

#tabs UL.tabs /* Need 'tabs' class for javascript. */
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#tabs LI
{
    text-align: center;
    display: inline;
    float: left;
    margin: 0px;
    padding: 8px 14px 8px 14px;
    border-color: #a6bbc8;
    border-width: 1px 1px 0px 0px;
    border-style: solid;
    color: #a6bbc8;
    background-color: rgb(248,248,255);
}

#tabs A
{
    color: #0c3471;
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
}

#tabs A:hover
{
    color: #008abc;
    cursor: pointer;
}

#tabs .selected 
{
    background-color: #a6bbc8 !important;
}

#tabs .selected A
{
    color: White;
    text-decoration: none;
    cursor: text;
}

.tab-content
{
    clear:both;
    margin-top: 20px;
}

/* ------------------------ */
/* --- Home page styles --- */
/* ------------------------ */

#home-slider
{
    margin-bottom: 12px;
}
#home-brands
{
    float: left;
    width: 210px;
    margin-right: 75px;
}
#home-brands .home-link
{
    margin-bottom: 12px;
}
#home-applications
{
    float: left;
}
#home-applications .home-link
{
    margin-bottom: 5px;
}
.home-applications-column
{
    float: left;
    margin-right: 50px;
    width: 190px;
}
.home-applications-column-edge
{
    float: left;
    width: 190px;
}
.home-applications-brand
{
    color: #111;
    margin-bottom: 4px;
}
.home-link a
{
    display: block;
    font-size: 14px;
}
.home-link A:link, .home-link A:visited, .home-link A:active
{
	color: #58595B;
	text-decoration: none;
}
.home-link A:hover
{
	color: #008abc;
}

/* --- Products page --- */

#products-caddy
{
    float: left;
}
#products-erico
{
    float: right;
}
#products-eriflex
{
    float: left;
}
#products-lenton
{
    float: right;
}

/* Adjusted for nVent Product Logos */

#products-caddy-image img
{
    height: 135px;
}
#products-erico-image img, #products-eriflex-image img, #products-lenton-image img
{
    height: 120px;
    margin-top: 10px;
    margin-bottom: 19px;
}
.products-brand 
{
    width: 50%;
    text-align: center;
}
.products-brand-image
{
    margin: 0 auto 8px auto;
    width: 400px;
    height: 135px;
}
.products-brand-image a
{
    display: block;
    border: 0px;
}
.products-brand-image img
{
    margin-left: auto;
    margin-right: auto;
    border: 0px;
}
.products-brand-name
{
    font-size: 20px;
    margin: 24px 0px 2px 0px;
}
.products-brand-abstract
{
    font-family: Roboto, DINPro, CartoGothic, Helvetica, sans-serif;
    font-size: 16px;
    margin: 0 32px;
    text-align: left;
}
.products-brandrow  {
    margin-top: 16px;
    overflow: hidden;
}
.products-brandrow + .products-brandrow  {
    margin-top: 0;
}

/* --- LP page */

#lp-intro
{
    font-size: 15px;
    margin-bottom: 24px;
}
#lp-margin
{
    margin-top: 24px;
}
.lp-section
{
    float: left;
    width: 290px;
    margin-right: 50px;
}
.lp-section-edge
{
    float: left;
    width: 280px;
    margin-right: 0px;
}
.lp-section-name
{
    font-size: 20px;
    margin: 16px 0px 2px 0px;
}
.lp-section-abstract
{
    font-size: 15px;
    text-align: left;
}
.lp-image
{
    margin-left: 0px;
}
.lp-image img
{
    border: 1px solid #ccc;
}

/* ----------------------------------- */
/* --- Product landing page styles --- */
/* ----------------------------------- */

.products
{
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse; /* For IE7 */
    margin-top: 16px;
}

.products-column
{
    width: 32%;
    vertical-align: top;
    padding-right: 30px;
}

.products-column-edge
{
    width: 32%;
    vertical-align: top;
}

.products .level-1
{
    font-size: 18px;
	margin-bottom: 8px;
}

.products .level-1 A
{
    color: #0c3471;
}

.products .level-2-wrapper
{
    margin-bottom: 24px;
}

.products .level-2
{
    font-size: 12px;
    margin-bottom: 4px;
}

.products .level-2 A
{
    color: #58595B;
}

.products .level-2 A:hover, #products .level-2 A:active
{
    color: #008abc;
}

/* --- Product menu page --- */

#productMenu
{
    width: 100%;
    border-spacing: 0px;
    margin-top: 20px;
    text-align: left;
}

#productMenu TD
{
    padding: 0px 0px 12px 0px;
}

#productMenu .productMenuImage
{
    width: 13%;
    vertical-align: top;
    text-align: left;
}

#productMenu .productMenuImage IMG
{
    width: 75px;
    border: 0px;
}

#productMenu .productMenuText
{
    width: 87%;
    vertical-align: top;
    padding-top: 3px;
}

#productMenu .productMenuTitle
{
    font-size: 16px;
}

#productMenu .productMenuAbstract
{
    font-size: 12px;
}

#productMenu .productMenuNotAvailable
{
    color: #58595B;
    font-weight: bold;
    font-family: Roboto, DINProBold, DINPro, CartoGothicBold, CartoGothic, Helvetica, sans-serif;
    padding: 0px;
}
/* --- Site and catalog home pages --- */

#home-menu .padding-top
{
    padding-top: 16px;
}

#home-menu .container
{
    width: 290px;
    padding: 0px 25px 0px 0px;
    float: left;
}

#home-menu .container .image
{
    float: left;
    width: 80px;
    padding-right: 15px;
}

#home-menu .container .image IMG
{
    width: 80px;
    border: 0px;
}

#home-menu .container .text
{
    float: right;
    width: 193px;
    font-size: 16px;
    padding-top: 3px;
    text-align: left;
}

#home-menu .container .abstract
{
    font-size: 12px;
    padding-top: 6px;
    text-align: left;
}

#home-menu .edge
{ 
    padding-right: 0px;
}


/* -------------------------- */
/* --- Library Map styles --- */
/* -------------------------- */

DIV.map
{
	padding: 0px 0px 8px 0px;
}
DIV.map A:link, DIV.map A:visited, DIV.map A:active
{
	color: #58595B;
	text-decoration: none;
}
DIV.map A:hover
{
	color: #008abc;
	text-decoration: none;
}

/* ------------------------------ */
/* --- News and Events styles --- */
/* ------------------------------ */

A.news:link, A.news:visited, A.news:active
{
	color: #58595B;
	text-decoration: none;
	line-height: 15px;	
	padding-left: 24px;
	background-image: url(/lib/images/misc/blue_arrow_right.gif);
	background-position: 15px 1px;
	background-repeat: no-repeat;
}
A.news:hover
{
	color: #008abc;
	text-decoration: none;
	line-height: 15px;
	padding-left: 24px;
	background-image: url(/lib/images/misc/blue_arrow_right.gif);
	background-position: 15px 1px;
	background-repeat: no-repeat;
}
.news-abstract
{
	font-style: italic;
	border-bottom: 1px solid #CCC;
	margin-bottom: 12px;
	padding-bottom: 12px;
}
.news-boilerplate
{
	margin-top: 32px;
	font-size: 12px;
}
.news-boilerplate-header
{
	font-family: bold;
	font-family: Roboto, DINProBold, DINPro, CartoGothicBold, CartoGothic, Helvetica, sans-serif;
}
.news-boilerplate P
{
	font-size: 12px;
}
.news-boilerplate-header + P
{
	margin-top: 0;
}

/* ----------------------- */
/* --- Partners styles --- */
/* ----------------------- */

#logon
{
    float: right;
    width: 140px;
    *width: 170px;
    border: 1px solid #ccc;
    padding: 0px 15px 10px 15px;
    margin: 0px 0px 20px 20px;
}
#logon .textbox
{
    width: 140px;
    font-size: 12px;
}
#logon .button
{
    font-size: 11px;
}
#logon a
{
    text-decoration: none;
	padding-left: 12px;
	background-image: url(/lib/images/misc/blue_arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 0px -1px;
}
#logonRemember
{
    margin: 4px 0px 10px 0px;
}
#logonWelcome
{
    margin-right: 190px;
}
#logonWelcome H2
{
    margin-top: 0px;
}
#logonMessage
{
    padding: 0px 0px 12px 0px;
}
#partners-menu
{
    margin-bottom: 20px;
}
#partners-menu .legacy-link A
{
    display: block;
    background-image: url(/lib/images/misc/blue_arrow_right.gif);
    background-repeat: no-repeat;
    background-position: 8px -1px;
    padding-left: 20px;
    color: #58595B;
    margin-bottom: 4px;
}
#partners-menu .container
{
    float: left;
    text-align: center;
    width: 120px;
    margin: 0px 16px 20px 0px;
}
#partners-menu .container IMG
{
    display: block;
    border: 0px;
    margin-bottom: 8px;
}
#partners-menu .container A
{
    display: block;
    color: #58595B;
    text-decoration: none;
    font-size: 12px;
}
#partners-menu .container A:hover, #partners-menu .container A:active
{
    color: #008abc;
}
#partners-menu .new-row
{
    clear: both;
    height: 1px; /* For IE7 */
    overflow: hidden; /* For IE7 */
}

/* --- Order Status styles --- */

#orderStatusCsrTable
{
    border-collapse: collapse;
    margin-top: 20px;
}
#orderStatusCsrTable TD
{
    padding: 0px 0px 4px 0px;
}
#orderStatusCustomerNumber
{
    padding-top: 12px;
    padding-bottom: 12px;
}
#orderStatusFindMyOrder
{
    margin: 0px 0px 0px 4px;
}

.orderStatusChangeButton
{
    vertical-align:middle;
    padding-bottom:6px;
}

/* ------------------------- */
/* --- Link table styles --- */
/* ------------------------- */

TABLE.linkTable
{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
TABLE.linkTable TD.hdr /* Text is same style as H2 */
{
	font-family: Roboto, DINProBold, DINPro, CartoGothicBold, CartoGothic, Helvetica, sans-serif;
	line-height: 23px;
	font-size: 18px;
	font-weight: normal;
	color: #0c3471;
	padding: 14px 0px 8px 0px;
	text-transform: uppercase;
}
TABLE.linkTable A:link, TABLE.linkTable A:visited, TABLE.linkTable A:active
{
	display: block;
	text-decoration: none;
	color: #0c3471;
	border-bottom: 1px solid #cccccc;
	padding: 6px 0px 6px 0px;
	margin-right: 15px;
}
TABLE.linkTable A:hover
{
	display: block;
	text-decoration: none;
	color: #58595B;
	border-bottom: 1px solid #cccccc;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-right: 15px;
}

TABLE.linkTableNoTitle
{
	width: 100%;
	border-collapse: collapse;
}
TABLE.linkTableNoTitle A:link, TABLE.linkTableNoTitle A:visited, TABLE.linkTableNoTitle A:active
{
	display: block;
	text-decoration: none;
	color: #58595B;
	border-bottom: 1px solid #cccccc;
	padding: 8px 0px 8px 11px;
	background-image: url(/lib/images/misc/navRight.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}
TABLE.linkTableNoTitle A:hover
{
	display: block;
	text-decoration: none;
	color: #008abc;
	border-bottom: 1px solid #cccccc;
	padding: 8px 0px 8px 11px;
	background-image: url(/lib/images/misc/navRight.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}

TABLE.linkTableIcon
{
	width: 100%;
	border-collapse: collapse;
}
TABLE.linkTableIcon TD.hdr /* Text is same style as H2 */
{
	font-family: Roboto, DINProBold, DINPro, CartoGothicBold, CartoGothic, Helvetica, sans-serif;
	line-height: 23px;
	font-size: 18px;
	font-weight: normal;
	color: #0c3471;
	padding: 14px 0px 10px 0px;
	text-transform: uppercase;
}
TABLE.linkTableIcon TD.icon
{
	width: 18px;
	vertical-align: top;
	border-top: 1px solid #cccccc;
	padding-top: 5px;
	padding-bottom: 5px;
}
TABLE.linkTableIcon TD.link
{
	width: 132px;
	vertical-align: middle;
	border-top: 1px solid #cccccc;
	padding-top: 5px;
	padding-bottom: 5px;
}
TABLE.linkTableIcon IMG
{
	float: left;
	margin-right: 6px;
}
TABLE.linkTableIcon A:link, TABLE.linkTableIcon A:visited, TABLE.linkTableIcon A:active
{
	text-decoration: none;
	color: #58595B;
}
TABLE.linkTableIcon A:hover
{
	text-decoration: none;
	color: #008abc;
}

/* ------------------------------------ */
/* --- Product Availability section --- */
/* ------------------------------------ */

DIV.availTitle
{
	color: #0c3471;
	font-size: 12px;
	font-weight: bold;
	font-family: Roboto, DINProBold, DINPro, CartoGothicBold, CartoGothic, Helvetica, sans-serif;
	border-bottom: 1px solid #cccccc;	
	padding-top: 12px;
	padding-bottom: 8px;	
}
DIV.availBody
{
	padding-top: 6px;
}
DIV.availRegion
{
	padding-bottom: 2px;
}


/* --------------------------------------------------- */
/* --- Styles used in ERICAT print-friendly sheets --- */
/* --------------------------------------------------- */

#print
{
    width: 100%;
}

#print p, #print td, #print li, #print div
{
	font-size: 9pt;
	line-height: 11pt;
	color: #000;
}

#print h1
{
	font-size: 18pt;
	line-height: 20pt;
}

#print h2
{
	font-size: 12pt;
	line-height: 14pt;
}

#print h2.subtitle
{
    position:relative;
    top:-18pt;
	font-size: 12pt;
	line-height: 14pt;
	margin-bottom: -12pt;
}

#print h3 
{
    font-size: 11pt;
    line-height: 13pt;
}

#print a 
{
	text-decoration: none;
}

#print .large
{
    font-size: 12pt;
    line-height: 14pt;
    vertical-align: baseline;
}

#print .small
{
    font-size: 9pt;
    line-height: 11pt;
    vertical-align: baseline;
}    
  
#print #title-with-subtitle h1 
{
	margin-bottom: 16px;
}

#print #title-with-subtitle h2 {
	margin-top: 0px;
	font-size: 12pt;
	font-weight: normal;
	line-height: 14pt;
}

#print #primary-image
{
	padding: 0pt 0pt 12pt 12pt;
}

#print #warranty p
{
    font-size: 6pt;
    line-height: 8pt;
}

#print .copyright-text
{
    padding-top:12pt;
    vertical-align:bottom;
    font-size:6pt;
    line-height:8pt;
}

#print .copyright-logo
{
    padding-top:12pt;
	padding-left: 16px;
	padding-right: 16px; 
    vertical-align:bottom;
    text-align:right;
}

#print .copyright-logo img
{
	height: 32px;
}
    
@media screen
{
	.ericatMode
	{
		width: 100%;
		padding: 12px 12px 12px 12px;
		border: 1px solid #888888;
		background-color: #e0e0ff;
		color: #000;
	}
	.reviewMode
	{
		width: 100%;
		padding: 12px 12px 12px 12px;
		border: 1px solid #888888;
		background-color: #ffffcc;
		color: #000;
	}
}
@media print
{
	.ericatMode { display: none; }
	.reviewMode { display: none; }
}

/* ------------------------------ */
/* --- TABLE.formatted family --- */
/* ------------------------------ */

TABLE.formatted
{
	border-collapse: collapse;
	border: 1px solid #cccccc;
	margin-top: 16px;
	margin-bottom: 24px;
}
TABLE.formatted TD
{
	font-size: 12px;
	background-color: #ffffff;
	border: 1px solid #cccccc; /* Needed for IE8 */
	border-color: #cccccc;
	padding: 4px 8px 4px 8px;
}

TABLE.formatted P /* Some of the legacy tables have P tags inside them. */
{
    font-size: 12px;
}

/* --- HDR style, can apply at the row level only. --- */

TABLE.formatted TR.hdr TD
{
    font-weight: normal;
	color: #000000;
	background-color: #eee;
	padding-top: 6px;
	padding-bottom: 6px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

/* --- ALT style, can apply at the row level only. --- */

TABLE.formatted TR.alt TD
{
	background-color: #f0f0f0;
}

/* --- SUB style, can apply at the row level only. --- */

TABLE.formatted TR.sub TD
{
	background-color: #DDE7F1;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

/* --- SUBC style, can apply at the cell level only. --- */

TABLE.formatted TR.hdr TD.subc
{
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
TABLE.formatted TD.subc, TABLE.formatted TR.alt TD.subc
{
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

/* --- SEL style, can apply at the row or cell level. --- */

TABLE.formatted TR.sel TD, TABLE.formatted TD.sel, TABLE.formatted TR.alt TD.sel, TABLE.formatted TR.sub TD.sel
{
	background-color: #FFFF99;
}

/* -------------------------- */
/* --- TABLE.plain family --- */
/* -------------------------- */

TABLE.plain
{
	border-collapse: collapse;
	border: 0px;
	padding: 0px 0px 0px 0px; /* Required for NS4 */
}
TABLE.plain TD
{
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
}

/* --- SMALL, use DIV outside the table to affect entire table. --- */

DIV.small TABLE.formatted TD /* Retired with 2008 re-skin. All fonts are now this size. */
{
	font-size: 11px;
}

/* --- Decoder --- */

TABLE.decoder
{
    width: 100%;
}

TABLE.decoder TR.hdr TD
{
    font-size: 16px;
}

TABLE.decoder TD
{
    vertical-align: top;
}

/* --------------------------------- */
/* --- Styles used by Flowplayer --- */
/* --------------------------------- */

/* --- Player container --- */

DIV.player
{
	height:362px;
	width:600px;
	border:1px solid #888;
	cursor:pointer;
	text-align:center;
}

/* --- Play button --- */

DIV.player IMG 
{
	margin-top:126px;
}

/* --- Info area --- */

DIV.player DIV.info 
{
	position:relative;
	height: 41px;
	top:91px;
	left:0px;
	background:#000 url(/lib/flowplayer/h80.png) repeat-x;
	color:#fff;
	text-align:left;
	padding: 10px;
	font-family:"bitstream vera sans","trebuchet ms","helvetica";
	font-size:12px;
	line-height:18px;
	border-top:1px solid #888;
}

/* --- Duration data inside info area --- */

DIV.player DIV.info SPAN 
{
	color:#99FF99;
	display:block;
	font-weight:bold;
	font-family: Roboto, DINProBold, DINPro, CartoGothicBold, CartoGothic, Helvetica, sans-serif;
}

/* --- Web 2.0 compatibility IDs --- */

#body-table
{
    width: 960px;
}
#footer-table
{
    width: 960px;
}
#footer-table TD
{
    font-size: 12px;
}
#primary-image {
    float: right;
    margin: 0px 0px 15px 0px;
}

/* --- Action links --- */

.action-links-left
{
    font-size: 12px;
    margin: 10px 0px 10px 0px;
}

.action-links-right
{
    float: right;
    margin: -2px 4px 10px 0px;
    font-size: 12px;
}

.action-links-left A
{
    display: inline-block;
    zoom: 1; *display: inline; /* Hack for IE compatibility mode */
    background-repeat: no-repeat;
    margin: 0px 18px 0px 0px;
    padding-left: 28px;
    line-height: 24px;
}

.action-links-right A
{
    display: inline-block;
    zoom: 1; *display: inline; /* Hack for IE compatibility mode */
    background-repeat: no-repeat;
    margin-left: 18px;
    padding-left: 28px;
    line-height: 24px;
}

/* Flush styles are used to stack multiple links next to a single icon, such as with multiple cut sheet languages. */

.action-links-left A.flush-right
{
    margin-right: 0px;
}

.action-links-left A.flush-both
{
    padding-left: 0px;
    margin-right: 0px;
}

A.action-link-pdf
{
    background-image: url(../images/misc/pdf24.png);
}

/* --- Cut sheet styles --- */

.normalize-top-margin
{
    margin-bottom: 6px;
    *display: none;
}

#title-wrapper
{
    width: 550px;
    min-height: 116px;
}

.product-brand
{
    color: #c4262e;
    font-size: 28px;
}

.brand-logo-caddy .brand-logo-erico, .brand-logo-eriflex, .brand-logo-lenton
{
    float: left;
    width: 100px;
    min-height: 116px;
    margin: -2px 14px 0px 0px;
}

.brand-logo-caddy img, .brand-logo-erico img, .brand-logo-eriflex img, .brand-logo-lenton img
{
    height: 100px;
}

/*

.brand-logo-erico, .brand-logo-eriflex, .brand-logo-lenton
{
    margin: 0px 16px 5px 2px;
}


.brand-logo-erico img, .brand-logo-eriflex img, .brand-logo-lenton img
{
    height: 20px;
}
*/
A.lightbox IMG
{
    border: 0px;
}

#catalog-brand 
{
    padding-right: 16px;
    margin: 0px 0px 0px 0px;
}

#catalog-logos
{
    float: right;
    margin: -8px 0px 0px 0px;
    padding-bottom: 8px;
    min-width: 150px;
    text-align: center;
}

.catalog-logo
{
    margin: 0px 4px 0px 4px;
    text-align: center;
    display: inline;
}

.catalog-logo IMG
{
    max-height: 35px;
}

.catalog-option-image-standard
{
    width: 100px;
    padding: 0px 16px 16px 0px;
    float: left;
    text-align: center;
}

.catalog-option-image-wide
{
    width: 160px;
    padding: 0px 14px 16px 0px;
    float: left;
    text-align: center;
}

.catalog-option-image-standard img, .catalog-option-image-wide img
{
    border: 1px solid #ccc !important;
    width: 100%;
    -ms-interpolation-mode: bicubic; /* For IE7/8 only. */
}

.catalog-option-image-standard a, .catalog-option-image-wide a
{
    color: #58595B;
    text-decoration: none;
    font-size: 11px;
}

/* Main body search parameters */

#catalog-parameters-matches-main 
{
    margin-bottom: 14px;
}

#catalog-parameters-table-main 
{
    border: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    margin-bottom: 20px;
}

#catalog-parameters-table-main TR 
{
    height: 24px;
}

#catalog-parameters-table-main TD 
{
    padding: 0px;
}

#catalog-parameters-spacer-main 
{
    height: 4px !important;
}

.catalog-parameters-label-main 
{
    padding-right: 30px !important;
}

.catalog-parameters-dropdown-box-main
{
    min-width: 300px;
    *width: 300px; /* IE7 */
    font-size: 14px;
    color: #58595B;
    margin-bottom: 3px;
}

.catalog-parameters-info-main
{
    border: 0px;
    padding-left: 6px;
    padding-bottom: 2px;
    vertical-align: middle;
}

#catalog-abstract
{
    font-size: 16px;
    color: #888;
    margin-bottom: 18px;
}






#catalog-menu
{
    clear: both;
    margin-top: 32px;
}

#catalog-menu .container-image-only
{ 
    width: 150px;
    padding: 0px 30px 18px 0px;
    float: left;
    text-align: center;
   
}

#catalog-menu .container-image-only-text
{
    width: 150px;
    display: inline-block;
    
}
#catalog-menu .container-image-only IMG
{
    display: block;
    height: 150px;
    border: 0px;
    margin-bottom: 8px;
}

#catalog-menu .container-image-only A
{
    color: #58595B;
    text-decoration: none;
    
}

#catalog-menu .container-image-only A:hover, #catalog-menu .container-image.only A:active
{
    color: #008abc;
}
.catalog-global-attribute-multi-chart
{
    font-size: 14px;
    margin: 0px 0px 4px 0px;
}

.catalog-global-attribute-single-chart
{
    font-size: 12px;
    margin: 4px 0px 4px 0px;
}
.catalog-summary-attribute
{
    font-size: 12px;
    margin: 0px 0px 4px 0px;
}


.catalog-chart-standard
{
    width: 100%;
}

.catalog-chart-standard .data
{
    text-align: center;
}

.catalog-chart-pivoted
{
    width: 100%;
}

.catalog-chart-pivoted .data
{
    text-align: left;
}






.catalog-illustration
{
    display: inline-block;
    zoom: 1; *display: inline; /* Hack for IE compatibility mode */   
    max-width: 267px; /* Fixes IE8 bug that expands DIV much wider otherwise */
    max-height: 267px;
}

.catalog-illustration IMG
{
    margin: 16px 20px 16px 0px;
    *width: expression(this.width > 267 && this.width > this.height ? 267 : true); /* I love IE */
    *height: expression(this.height > 267 && this.height > this.width ? 267 : true);
}

.catalog-illustration .single
{
    min-height: 75px;
    max-height: 267px;
    min-width: 75px;
    max-width: 267px;
}

.catalog-illustration .multiple
{
    min-height: 133px;
    max-height: 267px;
    min-width: 133px;
    max-width: 267px;
}

#catalog-applications .image-container
{
    float: left;
    width: 100px;
    height: 100px;
    margin: 0px 18px 18px 0px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 4px solid white;
	background-size: cover;
}

#catalog-applications a
{
    display: block;
    margin-left: -4px;
    margin-top: -4px;
    width: 106px;
    height: 106px;
    border: 1px solid #ddd;
}

#catalog-applications a:hover
{
    border: 1px solid #888;
}

#catalog-video .video-stream
{
    margin-top: 32px;
    margin-bottom: 16px;
}

#catalog-documents .document
{
    clear: both;
    font-size: 12px;
    padding: 0px 12px 8px 0px;
}

#catalog-documents .document IMG
{
    float: left;
    padding: 1px 8px 0px 0px;
}

.catalog-table TABLE
{
    width: 100%;
    margin-top: 20px !important;
}

.catalog-table TABLE.left-wrap-all TD
{
    text-align: left !important;
    white-space: normal !important;
}

.catalog-table TABLE.left-1 TD.col1,
.catalog-table TABLE.left-2 TD.col1, .catalog-table TABLE.left-2 TD.col2
{
    text-align: left !important;
}

.catalog-table TR.hdr TD
{
    white-space: normal;
}

.catalog-table TD
{
    text-align: center;
    white-space: nowrap;
}

.catalog-footnote-disclaimer
{
    font-size: 12px;
    margin: 0px 0px 6px 0px;
}

.catalog-footnote-disclaimer a
{
    color: #000;
}

.catalog-footnote-trademark
{
    font-size: 12px;
    margin: 0px 0px 6px 0px;
}

/* --- Catalog range page --- */

#catalog-range-contractors
{
    font-size: 12px;
    padding-left: 16px;
    display: inline;
}

#catalog-range-contractors-filtered
{
    margin-top: 4px;
    font-size: 14px;
    color: #888888;
}

.catalog-range-contractor INPUT
{
    margin-right: 6px;
}

.catalog-range-contractor-popup-buttons
{
    text-align: center;
    margin-top: 12px;
}

.catalog-range-table
{
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse; /* For IE7 */
    margin-top: 22px;
}

.catalog-range-column
{
    width: 290px;
    vertical-align: top;
    padding-right: 50px;
    text-align: left;
}

.catalog-range-column-edge
{
    width: 280px;
    vertical-align: top;
}

.catalog-range-table .parent
{
    font-size: 18px;
	margin-bottom: 8px;
	text-transform: uppercase;
    color: #000;
}

.catalog-range-table .parent A
{
    color: #000;
}

.catalog-range-table .parent A:hover
{
    color: #008abc;
}

.catalog-range-table .child-wrapper
{
    margin-bottom: 20px;
}

.catalog-range-table .child
{
    font-size: 14px;
    margin-bottom: 5px;
}

.catalog-range-table .child A
{
    color: #58595B;
}

.catalog-range-table .child A:hover, #products .child A:active
{
    color: #008abc;
}




/* --- Country selection --- */
.clear
{
    clear: both;
}
.select-country
{
    float: left;
    width: 152px;
    height: 60px;
}

.select-country TABLE
{
    width: 100%;
}

.select-country .image
{
    width: 38px;
}

.select-country .text
{
    padding-right: 20px;
}

.select-country IMG
{
    border: 0;
}

.select-country A
{
    color: #58595B;
    text-decoration: none;
}

.select-country A:hover, #select-country A:active
{
	color: #008abc;
}

/* --- Catalog pages --- */

.catalog-applications
{
    font-size: 12px;
    margin: 0px 0px 24px 0px;
}

.catalog-applications h3
{
    margin-top: 0px;
}

.catalog-applications DIV.catalog-applications-clear
{
    float: right;
    margin-top: 4px;
}

.catalog-applications DIV.catalog-applications-more
{
    float: right;
    margin-top: 4px;
}

.catalog-applications DIV.catalog-applications-selected
{
    margin-top: 6px;
    padding-left: 14px;    
  	background-image: url(../images/misc/check.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

.catalog-applications DIV.catalog-applications-not-selected
{
    margin-top: 6px;
    padding-left: 14px;
}

#catalog-tree
{
    font-size: 12px;
}

#catalog-tree .down
{
    margin-top: 8px;
    padding: 0px 0px 8px 14px;
  	background-image: url(/images/misc/blue-arrow-down.gif);
	background-repeat: no-repeat;
	background-position: 0px -2px;
	border-bottom: 1px solid #ccc;
	text-align: left;
}

#catalog-tree .right
{
    margin-top: 8px;
    padding: 0px 0px 8px 14px;
  	background-image: url(/images/misc/blue-arrow-right.gif);
	background-repeat: no-repeat;
	/*background-position: 0px -2px;*/
	background-position: 0 1px;
	border-bottom: 1px solid #ccc;
	text-align: left;
}

#catalog-tree .right-indented
{
    margin-top: 8px;
    margin-bottom: -8px;
    padding: 0px 0px 8px 26px;
  	background-image: url(/images/misc/blue-arrow-right.gif);
	background-repeat: no-repeat;
	/*background-position: 12px -2px;*/
	background-position: 12px 1px;
	text-align: left;
}

#catalog-related .category
{
    font-size: 12px;
    padding: 0px 0px 8px 26px;
  	background-image: url(/images/misc/blue-arrow-right.gif);
	background-repeat: no-repeat;
	/*background-position: 12px -2px;*/
	background-position: 12px 1px;
}

#catalog-menu .container-with-abstract
{
    width: 330px;
    padding: 0px 25px 18px 0px;
    float: left;
}

#catalog-menu .container-with-abstract .image
{
    float: left;
    width: 100px;
    padding-right: 15px;
}

#catalog-menu .container-with-abstract .image IMG
{
    width: 100px;
    border: 0px;
}

#catalog-menu .container-with-abstract .text
{
    float: right;
    width: 213px;
}

#catalog-menu .container-with-abstract .abstract
{
    font-size: 12px;
    padding-top: 6px;
}

#catalog-menu .container-tradeshow
{
    width: 425px;
    padding: 0px 25px 18px 0px;
    float: left;
}

#catalog-menu .container-tradeshow A
{
    font-size: 16px;
}

#catalog-menu .container-tradeshow .image
{
    float: left;
    width: 125px;
    padding-right: 12px;
}

#catalog-menu .container-tradeshow .image IMG
{
    width: 125px;
    border: 0px;
}

#catalog-menu .container-tradeshow .text
{
    float: right;
    width: 288px;
}

#catalog-menu .container-tradeshow .abstract
{
    font-size: 14px;
    padding-top: 6px;
}

#catalog-menu .edge
{ 
    padding-right: 0px;
}

#catalog-menu .new-row
{
    clear: both;
    height: 1px; /* For IE7 */
    overflow: hidden; /* For IE7 */
}

/* --- Twitter page --- */

.twitter-brand-timeline
{
    width: 304px;
    float: left;
    margin-right: 24px
}
.twitter-brand-timeline-edge
{
    width: 304px;
    float: left;
}
.twitter-brand-heading
{
    height: 100px;
    margin-bottom: 85px;
    margin-right: 10px;
}
.twitter-brand-logo img
{
border: 0px;
}
.twitter-brand-description
{
margin-bottom: 4px;
}
.twitter-brand-caddy  .twitter-brand-description
{
padding-top: 13px;
}
.twitter-brand-caddy .twitter-brand-logo img
{
/* float: left;  */
height: 100px;
margin-right: 16px;
}
.twitter-brand-erico .twitter-brand-logo img
{
height: 60px;
margin-bottom: 12px;
margin-top: 40px;
}
.twitter-brand-lenton .twitter-brand-logo img
{
height: 60px;
margin-bottom: 12px;
margin-top: 40px;
}

/* --- Global search page --- */

.global-search-heading
{
    float: left;
    font-size: 17px;
    color: #58595B;
    margin: 0px 12px 12px 0px;
    *margin-bottom: 0px; /* IE hack */
}
.global-search-page-arrows
{
    padding-top: 2px;
}
.global-search-title
{
}
.global-search-abstract
{
    font-size: 14px;
    margin-bottom: 12px;
}
.global-search-section
{
    margin-bottom: 30px;
}

/* --- Left and body panels, used in the Single template such as literature.asp.  --- */

#left-panel 
{
    width:20%;
    margin-right:1%;
    margin-top:16px;
    float:left
}
#body-panel
{
    float: right;
    width: 79%;
}
#left-panel .keywords-textbox
{
    width: 120px;
    margin-right: 4px;
    vertical-align: middle;
    border: 1px solid #ccc;
}
#left-panel .keywords-submit 
{
    background-image: url(/lib/images/header/search.png); 
    border: 0px; 
    vertical-align:middle; 
    width:24px; 
    height:24px; 
    cursor:pointer;
}
#left-panel .section-header /* Based on H3 */
{
	font-size: 16px;
	font-family: Roboto, DINPro, CartoGothic, Helvetica, sans-serif;
	font-weight: normal;
	color: #58595B;
	margin-top: 12px;
	margin-bottom: 12px;
	text-transform: uppercase;
}
#left-panel a:link, #left-panel a:visited, #left-panel a:active
{
	color: #58595B;
}
#left-panel a:hover
{
	color: #008abc;
}
#left-panel .option-selected A
{
    display: block;
    margin-top: 3px;
    padding-left: 17px;    
  	background-image: url(../images/misc/box-checked.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
    font-size: 12px;
}
#left-panel .option-not-selected A
{
    display: block;
    margin-top: 3px;
    padding-left: 17px;    
  	background-image: url(../images/misc/box-unchecked.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
    font-size: 12px;
}

/* --- Library styles --- */

.library-section
{
    display: inline-block;
    zoom: 1; *display: inline; /* Hack for IE compatibility mode */
    text-align: center;
    margin: 15px 15px 0px 15px;
    *margin: 15px 30px 0px 30px;
}
.library-section a:link, .library-section a:visited
{
    color: #58595B;
    text-decoration: none;
}
.library-section a:hover, .library-section a:active
{
    color: #0c3471;
    text-decoration: none;
}
.library-section-icon
{
    display: block;
    padding: 30px;
    margin-bottom: 15px;
    border: 8px solid #000;
    *border: 0px;
    *margin: 15px 15px 30px 15px;
}
.library-section:hover .library-section-icon
{
    border-color: #000;
}
.library-section-caption
{
    font-size: 17px;
}
.library-icon 
{
    float: left;
    margin: 2px 10px 12px 0px;
}
.library-icon img 
{
    border: 0px;    
}
.library-title
{
}
.library-abstract
{
    font-size: 12px;
    margin-bottom: 16px;
}
.library-certifications-table
{
    padding: 0px;
    margin: 0px;
    border: 0px;
    border-collapse: collapse;
}
.library-certifications-logo-cell
{
    text-align: center;
    vertical-align: top;
}
.library-certifications-logo-image
{
    padding-right: 10px;
}
.library-certifications-text-cell
{
    height: 50px;
    vertical-align: top;
}
.library-certification-detail-logo
{
    float: right;
    margin: 0px 0px 20px 20px;
    *margin-bottom: 0px;
}
.library-certification-detail-logo img
{
    height: 60px;
}

/* --- Model viewer styles --- */

#tabs .tab-attention {
    position: relative;
    bottom: 2px;
    left: 4px;
    text-decoration: none;
    font-size: .6em;
    font-weight: bold;
    color: #f33;
    text-transform: uppercase;
}

#tabs .selected .tab-attention {
    color: #ddd;
}

#model-part-selector {
    min-width: 160px;
    margin-bottom: 10px;
}

#action-link-model-expand {
    background-image: url(/lib/images/misc/expand-24.png);
}

#action-link-model-download {
    background-image: url(/lib/images/misc/download-24.png);
}

#model-viewer-frame {
    width: 700px;
    height: 420px;
}

#catalog-models .unavailable {
    visibility: hidden;
}

#model-viewer-loading-text {
    padding-left: 0;
}

a#model-viewer-loading-text:link, a#model-viewer-loading-text:visited, a#model-viewer-loading-text:active, a#model-viewer-loading-text:hover {
    text-decoration: none;
    color: #58595B;
}

.model-viewer-loading #model-viewer-frame {
    display: none;
}

.model-viewer-loading {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/lib/images/misc/model-viewer-loading.gif);
}

.model-viewer-loading#model-viewer-container {
    background-position: 350px 210px;
}

.model-viewer-frame-removed #model-viewer-frame {
    display: none;
}

.model-viewer-embedded-download {
    position: relative;
    height: 44px;
    width: 100%;
    background: #f8f8ff;
    border: solid 1px #a6bbc8;
    box-sizing: border-box;
    margin-bottom: 12px;
    background-image: url(/lib/images/misc/model-viewer-loading.gif);
    background-position: 42px center;
    background-repeat: no-repeat;
    display: none;
}

.model-viewer-embedded-download-close {
    display: block;
    width: 24px;
    position: relative;
    top: 14px;
    left: 11px;
    float: left;
    cursor: pointer;
    font-size: .8em;
}

.model-viewer-embedded-download-frame {
    height: 26px;
    width: 450px;
    border: 0;
    margin-top: 8px;
    margin-bottom: 8px;
}

.model-viewer-embedded-download-frame-loading {
    display: none;
}


/* --- Model viewer download styles --- */

.model-file-download-text {
    display: inline-block;
    padding-left: 32px;
    background-repeat: no-repeat;
    height: 32px;
    line-height: 32px;
}

.model-file-download-link {
    background-position: left center;
    background-image: url(/lib/images/misc/download-24.png);
}

.model-file-download-loading-message {
    background-position: 4px center;
    background-image: url(/lib/images/misc/model-viewer-loading.gif);
}

body.model-file-download-embedded {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 14px;
    background: #f8f8ff;
}

.model-file-download-embedded .model-file-download-text {
    padding-left: 32px;
    background-repeat: no-repeat;
    height: 24px;
    line-height: 24px;
    margin-left: 16px;
}

.model-file-download-embedded p {
    margin-top: 0;
    margin-bottom: 0;
}

.model-file-download-embedded #model-file-download-title {
    display: none;
}

.model-file-download-embedded #model-file-download-select-format {
    float: left;
    margin-top: 2px;
}

.model-file-download-embedded #model-file-download-select-format select {
    height: 20px;
}

.model-file-download-embedded .model-file-download-link-container {
    margin-left: 16px;
}

.model-file-download-embedded .model-file-download-error {
    position: relative;
    top: 4px;
    left: 16px;
}


/* --- Announcement banner styles --- */

body {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    border: 0;
}

#header-footprint {
    margin-top: 12px;
}

#header-footprint, #body-table, #footer-footprint {
    margin-left: 12px;
    margin-right: 12px;
}

#announcement-footprint {
    position: relative;
    box-sizing: border-box;
    height: 50px;
    min-width: 984px;
    padding-top: 13px;
    background: #0c3471;
    color: #fff;
}

#announcement-footprint .announcement {
    position: relative;
    top: -19px;
    width: 984px;
    margin: auto;
    text-align: center;
    color: #fff;
}

#announcement-footprint .announcement img {
    position: relative;
    top: 13px;
    width: 142px;
    height: 36px;
    padding-left: 12px;
    margin-right: 30px;
}

#announcement-footprint .announcement .announcement-date {
    font-weight: bold;
}

#announcement-footprint .announcement-text {
    display: inline;
    padding-right: 12px;
}

#announcement-footprint .announcement a {
    color: white;
    text-decoration: underline;
}

#announcement-page-container {
    text-align: center;
}

#announcement-page-body {
    width: 600px;
    margin: 0 auto;
    text-align: left;
}


/* --- Announcement page styles --- */

.announcement-subheadline {
    font-style: italic;
}

.announcement-editors-note {
    font-style: italic;
    margin-top: 32px;
}

.announcement-footnotes p, .announcement-footnotes div {
    font-size: .85em;
}

.announcement-footnotes .announcement-header {
    font-weight: bold;
    margin-top: 16px;
    margin-bottom: 0;
}

.announcement-footnotes .announcement-header + p {
    margin-top: 0;
}


/* --- GEM Calculator page styles --- */

.gem-buttons
{
    margin: 0 auto;
    text-align: center;
}

.gem-button
{
    display:inline-block;
    min-width: 160px;
    margin: 16px;
    padding: 6px;
    border: solid 2px #0c3471;
    font-size: .86em;
    cursor: pointer;
    text-transform: uppercase;
}

.gem-button-emphasis-text
{
    display: block;
    font-size: 1.8em;
}

.gem-button a:link, .gem-button a:visited, .gem-button a:hover, .gem-button a:active
{
    color: #0c347a;
    text-decoration: none;
}

table.formatted.version-comparison
{
    margin-bottom: .5em;
    width: 100%;
    border: 0;
}

#application-promotion {
    height:70px;    
    margin-bottom:10px;
    padding:10px;
    border:1px solid #000000;
    background-color:#c4262e;
    color:#f6f6f6;
    display: table;
    
}

#application-promotion a:link, #application-promotion a:visited, #application-promotion a:active, #application-promotion a:hover
{
	color:#f6f6f6;
    text-decoration:underline;
}

#application-promotion span {
    display: table-cell;
    vertical-align:middle;    
}

.promotion-leftColumn {
    margin:3px;
    border:1px solid #000000;
    background-color:#c4262e;
    color:#f6f6f6;
    height:150px;
    text-align:center;
} 
.promotion-leftColumn a:link, .promotion-leftColumn a:visited, .promotion-leftColumn a:active, .promotion-leftColumn a:hover
{
	color:#f6f6f6;
    text-decoration:underline;
}

.application-promotionOpt2 {
    height:70px;    
    margin-bottom:10px;
    padding:10px;
    border:1px solid #000000;
    background-color:#ffffff;
    color:#000000;
    display: table;
}

.application-promotionOpt2 span {
    display: table-cell;
    vertical-align:middle;    
}

.application-promotionOpt3 {
    height:70px;    
    margin-bottom:10px;
    padding:10px;
    border:1px solid #000000;
    background-color:#7b7b7b;
    color:#f6f6f6;
    display: table;    
}

/*.application-promotionOpt3 a:link, .application-promotion a:visited, .application-promotion a:active, .application-promotion a:hover
{
	color:#ffffff;
    text-decoration:underline;
}*/

.application-promotionOpt3 span {
    display: table-cell;
    vertical-align:middle;    
}

.application-promotionOpt4 {
    height:70px;    
    margin-bottom:10px;
    padding:10px;
    border:1px solid #000000;
    background-color:#eeaf00;
    color:#000000;
    display: table;    
}

.application-promotionOpt4 span {
    display: table-cell;
    vertical-align:middle;    
}

.vl {
         border-left: 1px solid black;
          height: 50px;
          display: inline-block;
          position: absolute; 
          padding: 0;
        }
        .v2 {
          border-left: 1px solid black;
          height: 10px;
          display: inline-block;
          position: absolute; 
          padding: 0;
        }