/* --- 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: "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 24px 12px;
    background-color: #ffffff;
    color: #404040;
    font-family: CartoGothic, Helvetica;
    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-family: CartoGothic, Helvetica;
    font-size: 14px;
}
P, UL, OL
{
    margin-top: 12px;
    margin-bottom: 12px;
}
   
}
B, STRONG
{
    font-family: CartoGothicBold, CartoGothic, Helvetica;
}
I, EM
{
    font-family: CartoGothicItalic, CartoGothic, Helvetica;
}
H1
{
	font-family: CartoGothic, Helvetica;
    font-weight: normal;
	font-size: 28px;
	color: #005da5;
	margin-top: 4px;
	margin-bottom: 18px;
    line-height: 26px;
	letter-spacing: -1px;
}
H1.title
{
    margin-top: 4px;
    text-align: left;
}
H2
{
	font-size: 19px;
	font-family: CartoGothic, Helvetica;
	font-weight: normal;
	color: #004991;
	margin-top: 16px;
	margin-bottom: 16px;
    line-height: 23px;
}
H2.subtitle 
{
    margin: -16px 0px 18px 0px;
	font-size: 22px;
	font-weight: normal;
	color: #666;
    letter-spacing: -1px;
}


/* Added 27May2014 pfm */
H2#subtitle
{
	font-size: 22px;
    color: #666;
    margin: -18px 12px 20px 0px;
    letter-spacing: -1px;
    float: left; /* Allows DRAFT to be placed next to this if needed. */
}




H3
{
	font-size: 16px;
	font-family: CartoGothic, Helvetica;
	font-weight: normal;
	color: #555;
	margin-top: 12px;
	margin-bottom: 12px;
}
HR
{
	height: 1px;
	background-color: #002161;
	border: none;
}
FORM
{
    margin: 0px;
    padding: 0px;
}
SELECT, INPUT 
{ 
	font-family: CartoGothic, Helvetica; 
	font-size: 12px; 
	color: #333; 
	margin-top: 1px;
}
TEXTAREA
{
	font-family: CartoGothic, Helvetica; 
	color: #333; 
}
A:link, A:visited {
	color: #005da5; 
	text-decoration: none;
}

A:hover, A:active {
	color: #005da5;
	text-decoration: underline;
}

H2 A:link, H2 A:visited, H2 A:active
{
    text-decoration: none;
    color: #004991;
}
H2 A:hover
{
    text-decoration: underline;
}


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: CartoGothic, Helvetica;
	font-weight: normal;
	color: #004991;
	margin-top: 16px;
	margin-bottom: 16px;
    line-height: 23px;
}
.nowrap
{
    white-space: nowrap !important;
}

.wrap
{
    white-space: wrap !important;
}
.small
{
	font-size: 12px;
}
.large
{
	font-size: 15px;
	font-weight: bold;
	font-family: CartoGothicBold, CartoGothic, Helvetica;
}
.hi
{
	color: #BB0000;
	font-weight: bold;
	font-family: CartoGothicBold, CartoGothic, Helvetica;
}
.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;
}

/* --------------------------------------- */
/* --- 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: CartoGothicBold, CartoGothic, Helvetica;
	font-size: 12px;
}
DIV.langWarning A
{
	font-weight: normal;
}
div.langBuffer
{
    height: 20px;
}
#header-footprint
{
    width: 960px;
    margin: auto;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ccc;
}
#country
{
    font-size: 12px;
    float: right;
	white-space: nowrap;
    padding: 5px 16px 0px 0px;
}
#country SPAN.flag
{
	color: #333333;
	font-weight: bold;
	font-family: CartoGothicBold, CartoGothic, Helvetica;
	padding-left: 10px;
	padding-right: 6px;
}
#country A.lang
{
	padding-left: 8px;
}
#search
{
    float: right;
    height: 16px;
}
#search .searchBox
{
    width: 125px;
    vertical-align: middle;
    border: 1px solid #ccc;
}
#search IMG
{
    vertical-align: middle;
    margin: 0px;
}
#logo
{
	float: left;
    margin: 16px 32px 0px 0px;
}
.navbarItem
{
    float: left;
    margin: 22px 20px 0px 0px;
	font-size: 17px;
	font-family: CartoGothic, Helvetica;
}
.navbarItem A:link, .navbarItem A:visited, .navbarItem A:active
{
	color: #666666;
	text-decoration: none;
}
.navbarItem A:hover
{
	color: #005da5;
	text-decoration: none;
}
TD.breadcrumb
{
    width: 180px;
    vertical-align: top;
	color: #333333;
	padding: 12px 40px 20px 0px;
	text-align: left;
}
TD.breadcrumb SPAN.bullet
{
	color: #000000;
	padding-left: 6px;
	padding-right: 6px;
}
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: CartoGothicBold, CartoGothic, Helvetica;
	color: #005da5;
	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 a:hover {
    text-decoration: underline;
}
.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-file a:hover {
    text-decoration: underline;
}
.related-product {
    padding: 0px 0px 6px 0px;
}
.related-product a {
    text-decoration: none;
	padding-left: 20px;
	color: #666;
	background-image: url(/lib/images/misc/blue_arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 8px -1px;
}
.related-product a:hover {
	color: #005da5;
	text-decoration: underline;
}
#footer-footprint
{
    width: 960px;
    margin: auto;
    border-top: 1px solid #ccc;
    margin: 24px 0px 0px 0px;
}
#footer-wrapper
{
    float: left;
    margin: 16px 0px 32px 0px;
}
#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: 6px 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: 19px;
	color: #004991;
	margin: 16px 0px 16px 0px;
	padding-left: 23px;
	text-decoration: none;
	background-image: url(/lib/images/misc/expandable.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}		
	
A.expandable:hover {
	cursor: pointer;
	text-decoration: underline;
	border: 0px;	
}

DIV.expandable {
	display: none;
}

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

#tabs
{
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #bbb;
    overflow: hidden;
    width: 550px;
}

#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: #bbb;
    border-width: 1px 1px 0px 0px;
    border-style: solid;
    color: #bbb;
    background-color: rgb(248,248,255);
}

#tabs A
{
    color: #0434b1; 
    text-decoration: none;
}

#tabs A:hover
{
    text-decoration: underline;
    cursor: pointer;
}

#tabs .selected 
{
    background-color: #9aaabb !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: #333;
    margin-bottom: 4px;
}
.home-link a
{
    display: block;
    font-size: 13px;
}
.home-link A:link, .home-link A:visited, .home-link A:active
{
	color: #666666;
	text-decoration: none;
}
.home-link A:hover
{
	color: #005da5;
	text-decoration: none;
}

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

#products-margin
{
    margin-top: 24px;
}
#products-caddy
{
    float: left;
    width: 300px;
    margin-right: 30px;
}
#products-caddy-image
{
    margin-left: 65px;
}
#products-caddy-image a, #products-erico-image a, #products-lenton-image a
{
    border: 0px;
}
#products-erico
{
    float: left;
    width: 300px;
    margin-right: 30px;
}
#products-erico-image
{
    margin-left: 45px;
}
#products-lenton
{
    float: left;
    width: 300px;
    margin-right: 0px;
}
#products-lenton-image
{
    margin-left: 10px;
}
.products-brand-name
{
    font-size: 20px;
    margin: 24px 0px 2px 0px;
}
.products-brand-abstract
{
    font-size: 15px;
    text-align: left;
}
#products-caddy-image img, #products-erico-image img, #products-lenton-image img
{
    border: 0px;
}

/* --- 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: #004991;
}

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

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

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

.products .level-2 A:hover, #products .level-2 A:active
{
    color: #005da5;
}

/* --- 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: #666;
    font-weight: bold;
    font-family: CartoGothicBold, CartoGothic, Helvetica;
    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: #666666;
	text-decoration: none;
}
DIV.map A:hover
{
	color: #005da5;
	text-decoration: none;
}

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

A.news:link, A.news:visited, A.news:active
{
	color: #666666;
	text-decoration: none;
	line-height: 15px;	
	padding-left: 24px;
	background-image: url(/images/home/subproductArrow.gif);
	background-position: 15px 1px;
	background-repeat: no-repeat;
}
A.news:hover
{
	color: #005da5;
	text-decoration: none;
	line-height: 15px;
	padding-left: 24px;
	background-image: url(/images/home/subproductArrow.gif);
	background-position: 15px 1px;
	background-repeat: no-repeat;
}

/* ----------------------- */
/* --- 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;
}
#logon a:hover
{
    text-decoration: underline;
}
#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: #404040;
    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: #404040;
    text-decoration: none;
    font-size: 12px;
}
#partners-menu .container A:hover, #partners-menu .container A:active
{
    color: #005da5;
}
#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-size: 18px;
	font-weight: normal;
	color: #004991;
	padding: 14px 0px 8px 0px;
}
TABLE.linkTable A:link, TABLE.linkTable A:visited, TABLE.linkTable A:active
{
	display: block;
	text-decoration: none;
	color: #005da5;
	border-bottom: 1px solid #cccccc;
	padding: 6px 0px 6px 0px;
	margin-right: 15px;
}
TABLE.linkTable A:hover
{
	display: block;
	text-decoration: none;
	color: #666;
	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: #666666;
	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: #005da5;
	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-size: 18px;
	font-weight: normal;
	color: #004991;
	padding: 14px 0px 10px 0px;
}
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: #666666;
}
TABLE.linkTableIcon A:hover
{
	text-decoration: none;
	color: #005da5;
}

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

DIV.availTitle
{
	color: #005da5;
	font-size: 12px;
	font-weight: bold;
	font-family: CartoGothicBold, CartoGothic, Helvetica;
	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;
    vertical-align:bottom;
    text-align:right;
}
    
@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: CartoGothicBold, CartoGothic, Helvetica;
}

/* --- 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;
    height: 116px;
}

.brand-logo-caddy
{
    float: left;
    width: 62px;
    height: 100px;
    margin: -2px 14px 0px 0px;
    background-image: url(../images/logos/caddy-man.png);
    background-repeat: no-repeat;
}

.brand-logo-erico
{
    float: left;
    width: 85px;
    height: 88px;
    margin: 0px 17px 0px 0px;
    background-image: url(../images/logos/erico-brand.png);
    background-repeat: no-repeat;
}

.brand-logo-lenton
{
    width: 125px;
    height: 18px;
    margin: 0px 0px 6px 1px;
    background-image: url(../images/logos/lenton.png);
    background-repeat: no-repeat;
}

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: #404040;
    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: #555;
    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;
    border: 0px;
    margin-bottom: 8px;
}

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

#catalog-menu .container-image-only A:hover, #catalog-menu .container-image.only A:active
{
    color: #005da5; 
}
.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;
}

#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-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;
}

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

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

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

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

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




/* --- 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: #404040;
    text-decoration: none;
}

.select-country A:hover, #select-country A:active
{
    color: #005da5; 
}

/* --- 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;
	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;
	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;
}

#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: 286px; float: left; margin-right: 24px }
.twitter-brand-timeline-edge { width: 300px; float: left }
.twitter-brand-heading { height: 75px; margin-bottom: 10px; margin-right: 10px; font-size: 13px }
.twitter-brand-logo { float: left; margin-right: 12px; height: 100% }
.twitter-brand-logo img { border: 0px }
.twitter-brand-description { margin-bottom: 4px }

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

.global-search-heading
{
    float: left;
    font-size: 17px;
    color: #555;
    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: 13px;
    margin-bottom: 12px;
}
.global-search-section
{
    margin-bottom: 30px;
}

#left-content
{
    float: left;
    width: 180px;
    padding: 0px 20px 20px 10px;
    border-right: 1px dotted #ccc;
    vertical-align: top;
    margin-top: 8px;
    padding-bottom: 9999px;
    margin-bottom: -9999px;
}