body { font: 12px arial, verdana, helvetica; color: #333;}

/* LINKS */
a,a:link{background:transparent;text-decoration:none;cursor:pointer} 
a:link, a:active {color:#dd7a59} 
a:visited {color:#999} 
a:hover { text-decoration:underline; }

/* TYPOGRAPHY */
p {margin: 8px 0 15px 0;}

h1, h2, h3, h4, h5, h6 {
	
	font-family: arial, verdana, helvetica;
	color:#056cb6;
	padding: 0;
	margin:5px 0 5px 0;
}
h1 {font-size: 24px;letter-spacing: -1px; color: #dd7a59;}
h1 a:active { color: #dd7a59; }
h2 {font-size: 20px;color: #86766a; font-weight:bold;}
h3 {font-size: 14px; font-weight:bold;  color: #dd7a59;}
h3.product { color: #333333; font-size:18px; }
h4 {font-size: 11px; color:#000; font-weight:bold; margin:5px 0 3px 0; }
h5 {font-size: 11px;}
h6 {color: #333333; font-size: 11px;}
.supplierLocatorH6 {font-size: 12px; font-weight:bold;} 
h3 a:link {color:#20558a}

.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial, verdana, helvetica;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:10px}
strong {font-weight: bold;}
em {font-style: italic;}
blockquote {margin-left:40px;}
address {font-style: italic;}

/* LISTS */

#bd ul, #related ul, #bd ol, #related ol { margin:5px 0 15px 45px; }
#bd ul li, #related ul li { list-style: none url('/xlerplate/css/images/raquo.png'); margin: 1px; }
#bd ol li, #related ol li { list-style: decimal; margin: 1px; }

/* GENERAL */
img {border:none} 

.clearer, .clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px}

/* BREADCRUMB TYPOGRAPHY */

#breadcrumb-wrap, #breadcrumb-wrap a { color:#666666; text-decoration:none; font: 11px arial, verdana, helvetica; }
	
/* RANDOM NEWS/CASE STUDY STYLES FOR HP */

.casestudyteaser h4 { font-size: 12px; line-height:16px; }
.casestudyteaser h4.childlinklist a { color: #000; }

a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {color: #cc6633; font-weight:bold;}
a.morelink:hover {color: #000;}
	
p.articleteaser { font: 11px arial, verdana, helvetica; color: #666666; line-height:16px; margin:2px 0; }
p.articledate { font: bold 11px arial, verdana, helvetica; color: #999999; margin:2px 0; }

p.casestudyteaser { font: 12px arial, verdana, helvetica; color: #666666; line-height:16px; margin:2px 0; }

/* CASE STUDY DETAIL */

#casestudydetail h1 { margin:0px; }
p.casestudydate, p.newsarticledate { font: 12px arial, verdana, helvetica; color: #999999; margin:2px 0; }
p.heavyp { font: bold 12px arial, verdana, helvetica; color: #333333; line-height:16px; }
p.casestudyintro, p.didyouknow, p.newsarticleintro { font: bold 13px arial, verdana, helvetica; color: #333333; line-height:17px; }
p.didyouknow { color: #000000; }

.indaltprod { font-size:13px; font-weight:normal; }

/* CHILD LINKS LANDING PAGE */

p.childlinkstitle { margin:2px 0; font: bold 13px arial, verdana, helvetica; color: #000; line-height:15px; }
p.childlinksteaser { margin:2px 0; font: 11px arial, verdana, helvetica; color: #666666; line-height:15px;}

/* PAGINATION */
.pagination {color:#666;padding:4px 2px 24px 0;}

.pagination div {font: bold 11px arial, verdana, helvetica; width:auto;margin:0} 
.pagination a:link, .pagination a:visited, .pagination a:hover, .pagination a:active {color:#a4a4a4; text-decoration:none;background:transparent url('/xlerplate/css/images/pagination-btn-bg.jpg') bottom no-repeat;padding:2px 6px;margin:0px 3px;font-weight:bold} 
.pagination a:hover {background:#7e786e;color:#fff} 
.pagination span {text-decoration:none;padding:0 3px;margin:0 3px} 
 
.pagination h4 {margin-top:0;padding:0;}
.pagination-categories {background: #FFF;}	
.pagination-categories h4 {border: 1px solid #ddd;}
	
/* SEARCH RESULTS */

.result-wrap { margin:0 0 10px 0; padding:0 0 0 0; border-top:1px dotted #999; min-height:70px; clear:both; position:relative; }
.result-thumb-right { margin:15px 0 10px 20px; padding:0; float:right; }
.result-thumb-left { margin:15px 20px 10px 0; padding:0; float:left; }
.result-opt { margin:20px 0 10px 20px; padding:0; float:right; width:125px; right:0; }
.result-wrap h1 { margin:10px 0 0 0; padding:0; font-size:1.2em; color:#666; }
.result-minor { margin:0 0 5px 0; padding:0; font-size:0.9em; color:#777; font-weight:bold; display:block; }
.result-minor span { font-weight:normal; color:#333; }
.result-wrap p { margin:0 0 8px 0; padding:0; }
.result-more { margin:0; padding:0; font-weight:bold; }


/* RELATED BAR */

#related a { color: #333; text-decoration:underline; line-height:16px; }

/* FOOTER */
#footer p, #footer a {color:#666666; font:10px arial, verdana, helvetica;}


/* FAQ */

.toggler {
 color: #333;
 margin: 0;
 padding: 10px 7px;
 background: #B0A89A;
 text-transform:none;
 border-top: 1px solid #F1F0EC;
 cursor:pointer;
 font-size: 12px;
 font-weight: bold;
 font-family: Helvetica, Arial, sans-serif;
}

.element {
}
 
.element p { margin: 0;
 padding: 4px;
    font-size: 12px;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    color: #333;
    line-height:18px;
}
 
.float-right {
    padding:10px 20px;
    float:right;
}

blockquote {
    text-style:italic;
    padding:5px 0 5px 30px;
}

#accordion { width: auto; margin-bottom:20px;}	
	
#accordion h3 {color:#fff;}


/* INLINE IMG STYLES */ 
.pic200r {text-align:right;float:right;width:200px;margin: 0 0 15px 15px;display:inline;color:#666} 
.pic200r img {max-width:200px} 
.pic200r table {margin: 0 0 0 auto} 
.pic200r .caption {text-align:left;font-size:86%;display:block;margin: 0;padding: 0 0 6px} 
 
.pic200l {text-align:left; float:left; width:200px;margin: 0 15px 15px 0;display:inline;color:#666} 
.pic200l img {max-width:200px} 
.pic200l table {margin: 0 0 0 auto} 
.pic200l .caption {text-align:left;font-size:86%;display:block;margin: 0;padding: 0 0 6px} 
 
.pictoclick120r {text-align:left;width:120px;margin: 5px 5px 5px 5px;display:inline;color:#666; float: right;} 
.pictoclick120r img {max-width:120px} 
.pictoclick120r table {margin: 0 0 0 auto} 
 
.pictoclick120l {text-align:left;width:120px;margin: 5px 5px 5px 5px;display:inline;color:#666; float: left;} 
.pictoclick120l img {max-width:120px} 
.pictoclick120l table {margin: 0 0 0 auto}

.picdefaultl {text-align:left; float:left; margin: 0 15px 15px 0;display:inline;color:#666}
.picdefaultr {text-align:right; float:right; margin: 0 15px 15px 0;display:inline;color:#666}


#progress-bar .pb-indicator {color:#dd7a59}