.Foo{}
/* General */
html, body,form
{font-family: Arial; color: #747474; margin: 0; padding: 0; text-align:center; font-size:100%; height:100%; cursor:default; background: #494949 url(images/template/page_background.gif) top repeat-x ;}
body
{height:100%;}
a:link, a:visited, a:active
{color: #4C4C4C; text-decoration:none;}
a:hover
{text-decoration: underline; color:#ff9900;}
H1
{font-size: 1.2em; line-height: 1.0em; color:#486a97; float:left; padding:0px; margin: 10px 0px 0px 0px; display:inline;}
H2{}H3{ font-family: Georgia, "Times New Roman", Times, serif; color:#486a97; font-size:150%; font-weight:normal; }H4,H5,H6{}
img
{border:0px;}
#Outer
{width:987px; margin:0 auto; text-align:left; font-size:0.75em; /*height: 1px;*/ background: url(images/template/pagebanner_top.gif) top left no-repeat; }
.hide
{display:none;}
/* General End */
/* main content panes. These can be switched on/off with the back end code to suit the wireframes.*/
/* these arent really designed to be modified or to have any visual elements in the layout. Structural only really.*/
.PageBody
{display:block; background: transparent url(images/template/pagebody_tile.gif) repeat-y; margin: 0; width:987px; }
.PageBody:after {content: " ."; display: block; height: 0; clear: both; visibility:hidden;}
/* Hack for ie6 */
/*\*/* html .PageBody {height: 1%;display:block; background: transparent url(images/template/pagebody_tile.gif) repeat-y; margin: 0; width:987px; }
.PageBodysplash
{display:block; background: transparent url(images/template/pagebody_tile.gif) repeat-y; margin: 7px 0 0 0; width:987px; }
.PageBodysplash:after {content: " ."; display: block; height: 0; clear: both; visibility:hidden;}
/* Hack for ie6 */
/*\*/* html .PageBodysplash {height: 1%;display:block; background: transparent url(images/template/pagebody_tile.gif) repeat-y; margin: 7px 0 0 0; width:987px; }
.TopPane
{padding-top: 5px;}
.ContentPane
{float:left; clear:none; min-height:300px; font: 1.0em Arial; padding:0; margin:0 !important; }
.RightPane
{float:right; min-height:300px; width:191px !important; margin:0 12px 0 10px; }
.LeftPane
{float:left; padding:0 0 200px 0; background: #69819d url(images/template/nav/lhs/lhs_nav_background_gradient.gif) bottom repeat-x; margin:0 10px 0 12px; width:191px !important; }
.BottomPane
{padding-top: 5px;clear:both;}
.RightPane .expandx {display:none; height:0%;}
.ContentPane a {color:#567fa3; text-decoration:underline;}
.ContentPane a:hover { text-decoration:none;}
/*Home page map area*/
.homecontent {background:url(images/template/homeMap.gif) no-repeat; height:575px; width:978px; position:relative; margin:0 0 0 4px;}
.barcode a {position:absolute; left: 237px; top: 116px; width: 93px; height: 123px;}
.barcode a:hover {background:url(images/template/homemap/barcode_r.gif) no-repeat;cursor:pointer; display:block;text-decoration:none;}
.metal a {position:absolute; left: 444px; top: 49px; width: 93px; height: 123px;}
.metal a:hover {background:url(images/template/homemap/metal_r.gif) no-repeat;cursor:pointer; display:block;text-decoration:none;}
.labels a {position:absolute; left: 652px; top: 111px; width: 93px; height: 123px;}
.labels a:hover {background:url(images/template/homemap/labels_r.gif) no-repeat;cursor:pointer; display:block;text-decoration:none;}
.badges a {position:absolute; left: 241px; top: 284px; width: 93px; height: 123px;}
.badges a:hover {background:url(images/template/homemap/badges_r.gif) no-repeat;cursor:pointer; display:block;text-decoration:none;}
.automotive a {position:absolute; left: 421px; top: 179px; width: 140px; height: 143px;}
.automotive a:hover {background:url(images/template/homemap/automotive_r.gif) no-repeat;cursor:pointer; display:block;text-decoration:none;}
.plastic a {position:absolute; left: 647px; top: 284px; width: 100px; height: 123px;}
.plastic a:hover {background:url(images/template/homemap/plastic_r.gif) no-repeat;cursor:pointer; display:block;text-decoration:none;}
.adhesives a {position:absolute; left: 437px; top: 340px; width: 93px; height: 123px;}
.adhesives a:hover {background:url(images/template/homemap/adhesives_r.gif) no-repeat; cursor:pointer; display:block; text-decoration:none;}
/*Splash page*/
.splashcontent {background: transparent url(images/template/splashMap.gif) no-repeat; height:575px; width:978px; position:relative; margin:0px 0 0 4px;}
.primographie a {position:absolute; left: 125px; top: 178px; width: 140px; height: 123px;}
.primographie a:hover {background: url(images/template/splashmap/primographie_r.gif) no-repeat;cursor:pointer; display:block;text-decoration:none;}
.aerospace a {position:absolute; left: 431px; top: 299px; width: 110px; height: 123px;}
.aerospace a:hover {background:url(images/template/splashmap/aerospace_r.gif) no-repeat;cursor:pointer; display:block;text-decoration:none;}
.coilanodisers a {position:absolute; left: 740px; top: 170px; width: 140px; height: 143px;}
.coilanodisers a:hover {background: url(images/template/splashmap/coil_andoisers_r.gif) no-repeat; cursor:pointer; display:block;text-decoration:none;}
.automotiveS a {position:absolute; left: 431px; top: 53px; width: 120px; height: 123px;}
.automotiveS a:hover {background:url(images/template/splashmap/automotive_r.gif) no-repeat;cursor:pointer; display:block;text-decoration:none;}
/* Banner */
.pagebanner
{}
.pagebanner .left
{}
.pagebanner .right
{padding: 15px 20px 3px 0px; text-align:right; height: 18px; float:right; width:90px; }
.pagebanner .right a
{color: #0d558c; font-size: 10px; display: block; float:right; text-align: center; height: 19px; padding: 3px 25px 0px 2px; background:url(images/template/bullet.gif) right no-repeat ;}
.pagebanner .right a:hover
{ text-decoration: underline;}
.pagebanner .right a:active
{text-decoration: underline;}
.pagebanner .right .Separator
{display: none;}
.pagebanner .logo
{background:transparent url(images/template/logo.gif) no-repeat; width:364px; height: 85px; float:left;}
.pagebanner .logosplash
{background:transparent url(images/template/logo2.gif) no-repeat; width:364px; height: 85px; float:left;}
.pagebanner .content
{display:none;}
.pagebanner .content .upper
{display:none; }
.pagebanner .content .lower
{display:none;float:right;height: 19px; width:auto; overflow:hidden; padding-right: 20px;background:transparent url(images/settings_bg.gif) repeat-x; text-align:right; margin:0px; font-size: 11px; color: #FFF; }
.pagebanner .content .lower span
{text-align:left; vertical-align:top; padding-right:15px; background:transparent url(images/settings_cham_left.gif) no-repeat top left; height:19px; width:3px; line-height:16px;}
.pagebanner .content .lower a:link,
.pagebanner .content .lower a:visited,
.pagebanner .content .lower a:active
{color: #FFF; text-decoration:none;}
.pagebanner .content .lower a:hover
{text-decoration: underline;}
.applications
{clear:both; padding: 0px;}
/* End Banner */
/* Breadcrumbs */
div.breadcrumbs
{clear:both; display:block; margin:13px 10px 5px 16px;}
/* Hack for ie6 */
/*\*/ * html div.breadcrumbs
{clear:both; display:block;margin:13px 10px 5px 16px; padding: 0 10px 0 10px}/**/
div.breadcrumbs a.RootLink:link, div.breadcrumbs a.RootLink:active, div.breadcrumbs a.RootLink:visited, div.breadcrumbs a.RootLink:hover
{padding-left: 22px; height: 20px; font-weight: bold; color: #567fa3}
div.breadcrumbs a.CurrentNode
{height: 20px; font-weight: bold; color: #58585a;}
div.breadcrumbs a.ParentNode
{height: 20px; font-weight: bold; color: #58585a;}
div.breadcrumbs a {color:#567fa3; text-decoration:underline;}
div.breadcrumbs a:hover { text-decoration:none;}
/* Breadcrumbs End */
/* applications menu */
.TopNav
{list-style: none;padding: 0px 0px 0px 0px;margin:0px;}
.TopNav ul.MenuItems
{list-style: none;margin: 0;vertical-align: top;padding: 0px 0px 3px 0px;}
.TopNav li.MenuItem
{font-size:11px; background-color: transparent;background-image: url(images/appbtn_bg2.gif);background-repeat: no-repeat;background-position: bottom left;height: 21px;float: left; width: 125px;display: block;border: none;}
.TopNav li.MenuItem span
{background: transparent url(images/appbtn_right.gif) no-repeat bottom right;height: 21px;float: right;width: 125px;display: block;border: none;color: #737685;font-weight: bold;text-decoration: none;text-align: center;font-size:11px; }
.TopNav li.MenuItem span a
{background: transparent;height: 21px;line-height: 2em;float: left;width: 125px;display: block;border: none;font-weight: bold;text-decoration: none;text-align: center;color:#FF9900;color:#FF9900;color: #737685;line-height:16px;}
.TopNav li.MenuItem span a:hover
{height: 21px;float: left;width: 125px;display: block;border: none;color:#FF9900; font-weight: bold;text-decoration: underline;text-align: center;background-color: transparent;}
.TopNav li.MenuItem span a:active
{height: 21px;float: left;width: 125px;display: block;border: none;color: #737685; font-weight: bold;text-decoration: underline;text-align: center;background-color: transparent;line-height:18px;}
.TopNav li.MenuItem-Selected
{font-size:11px; background: transparent url(images/appbtn_bg4.gif) no-repeat bottom left ;height: 21px;float: left;width: 125px;display: block;border: none;}
.TopNav li.MenuItem-Selected span
{background: transparent url(images/appbtn_right3.gif) no-repeat bottom right;line-height:18px;height: 21px;float: right;width: 125px;display: block;border: none;font-weight: bold;text-decoration: none;text-align: center; }
.TopNav li.MenuItem-Selected span a
{background: transparent;height: 21px;line-height: 2em;float: left;width: 125px;display: block;border: none;font-weight: bold;text-decoration: none;text-align: center;color:#FF9900;line-height:16px;}
.TopNav li.MenuItem-Selected span a:hover
{height: 21px; float: left;width: 125px;display: block;border: none;color: #FF9900;font-weight: bold;text-decoration: none;text-align: center;background-color: transparent;}
/* Hide from IE5-Mac \*/
.nav-menu li a
{float: none}
/* End hide */
.nav-menu
{width:30em;}
/* applications menu End */
/* Banner */
.pagefooter
{height:134px; clear:both; text-align:left; background: url(images/template/footerbanner.png) no-repeat bottom ; padding: 0px 4px; width:979px;}
/* Hack for ie6 */
/*\*/ * html .pagefooter
{height:134px; clear:both; text-align:left; background: url(images/template/footerbanner2.gif) no-repeat bottom ; margin:0 0 0 4px; padding:0; width:979px;}
/* Banner */
.pagefootersplash
{height:134px; clear:both; text-align:left; background: url(images/template/footerbanner.png) no-repeat bottom ; padding: 0px 4px; width:979px;}
/* Hack for ie6 */
/*\*/ * html .pagefootersplash
{height:134px; clear:both; text-align:left; background: url(images/template/footerbanner2.gif) no-repeat bottom ; margin:0 0 0 4px; padding:0; width:979px;}
.pagefooter a, .pagefootersplash a
{color: #666666; font-size: 9px}
.pagefooter .left, .pagefootersplash .left
{display:none; }
.pagefooter .right, .pagefootersplash .right
{display:none; }
.pagefooter ul, .pagefootersplash ul
{list-style:none;float:none;padding:110px 0 0 15px;margin:0px;}
.pagefooter ul li, .pagefootersplash ul li
{display:inline; padding:0 10px; margin:0;}
.pagefooter .lefttext, .pagefootersplash .lefttext
{display:none;}
.pagefooter .righttext, .pagefootersplash .righttext { float:right; margin:34px 2px 0 0; display:block; height:68px; width:250px; background: url(images/footer_logos.gif) no-repeat right;}
/* Generic Form for use on the webiste */
.UserForm
{font: 0.9em Arial, Helvetica, sans-serif; color: #000; padding: 10px}
.UserForm span.fieldlabel,.UserForm label.fieldlabel
{display:block; margin-top: 6px; float:left; clear:left; width:220px;}
.UserForm .fieldrequiredmarker {float:none !important;}
.UserForm span {float:left;}
.UserForm span.field
{float:left;}
textarea {width:250px;}
.UserForm select.listbox
{width: 250px}
.UserForm textarea.field
{width: 250px}
.UserForm input.field, .UserForm select.field
{width: 250px}
.UserForm input.hiddenfield
{}
.UserForm input.button { background: url(images/submit.gif) no-repeat; border:none; margin:0 0 10px 0; cursor:pointer; }
.UserForm span.fielderror
{color: #CC3300; font-weight: bold;}
.UserForm span.fieldrequiredmarker
{color: #CC3300; font-weight: bold;}
.UserForm a.CommandBtn, .UserForm a.CommandBtn:link, .UserForm a.CommandBtn:active,.UserForm a.CommandBtn:visited
{display:block; width: 100px; background: #FFF; color: #9fb657; border: 1px solid #FFF; text-align: center; padding: 6px; margin-top: 6px;}
.UserForm a.CommandBtn:hover
{display:block; width: 100px; background: #FFF; color: #9fb657; border: 1px solid #666}
.UserForm a.CommandBtnSlim,.UserForm a.CommandBtnSlim:link,.UserForm a.CommandBtnSlim:active,.UserForm a.CommandBtnSlim:visited
{}
.UserForm a.CommandBtnSlim:hover
{}
/* End Generic Form */
/*sitemap*/
.TreeView ul {padding:0; margin:0;}
.TreeView li { list-style:none; background:url(images/template/bullet4.gif) 0 7px no-repeat; padding:3px 0 3px 20px;}
.TreeView li a {color:#567fa3; text-decoration:underline;}
.TreeView li a:hover, .TreeView li a:active{color:#567fa3 !important; text-decoration:none;}