@charset "UTF-8"; /* body { font-family: "Trebuchet MS", "sans-serif"; line-height: 1.5em; font-size: 14px; margin: 0px; padding: 0px; text-align: left; background: white; color: #202020; } h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", "sans-serif"; line-height: 1.2em; font-weight: normal; margin: 0px; padding: 0px; } h1 { color: #272727; font-size: 2.3em; } h2 { font-size: 1.5em; } h3 { color: #dc7639; font-size: 1.3em; margin: 0px 0px 3px 0px; } h4 { font-size: 1.2em; margin: 0px 0px 3px 0px; } h5 { font-size: 1.1em; } h6 { font-size: 1.0em; } form { margin: 0px; padding: 0px; } img { border: 0px; } strong { font-weight: bold; } */ body { margin: 0px; padding: 0px; font-family: Helvetica, sans-serif; font-size: 12px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* IE6 */ * html .clearfix { height: 1%; } /* IE7 */ *:first-child + html .clearfix { min-height: 1%; } tnbignore { display: block; padding: 0; margin: 0; } body { background-color: #ccc; } body.front { background-color: white; } div.wrapper { background: white; border: solid 2px #bbb; border-top: none; border-bottom: none; } body.front div.wrapper { background: transparent !important; border: !important; } .vertical-market .inner .wrapper { background: transparent !important; border: none !important; } body.front div.wrapper { border: none !important; } table, tbody { border: 0; } th { background: none; border: 0; } a.button { display: inline; line-height: 20px; width: 95px; color: white; border: solid 1px #a0afbb; background: url(../images/secondary-nav-bg.gif) left center repeat-x; text-transform: uppercase; margin: 0; padding: 5px 10px; } /* HB&M STYLES -------------------------------------------------------------------------- */ h1 { letter-spacing: 1px; font-size: 19px; /*padding-left: 40px;*/ color: #005293; font-weight: normal; } h2 { letter-spacing: 0px; font-size: 16px; color: #005293; padding: 0px; margin: 0px; font-weight: normal; } h4 { font-size: 13px; } /* GLOBAL ------------------------------------------------------------------------------- */ a { color: #00599c; text-decoration: none;} a:hover, a:active { text-decoration: underline;} #newsfeed a:link, #newsfeed a:visited { color: #999999; text-decoration: none;} #newsfeed a:hover, #newsfeed a:active { color: #005293; text-decoration: underline;} a.iframe { } div.hr { line-height: 0px; font-size: 0px; height: 1px; background-color: #aaaaaa; margin: 8px 0px 8px 0px; } div.hr-compact { line-height: 0px; font-size: 0px; height: 1px; background-color: #aaaaaa; margin: 2px 0px 2px 0px; } /* PAGE LAYOUT -------------------------------------------------------------------------- */ #webpage { color: #282828; background: #9a8d7d; } div.wrapper { width: 1030px; text-align: left; padding: 0; margin: 0 auto 0 auto; } #main-wrapper { position: relative; } #pagetop { position: absolute; left: 15px; top: 10px; } /* breadcrumb area */ .topgradient { background: url(../images/blue-gradient-cutoff.png) no-repeat center top; padding-top: 80px; } #contents { position: relative; background: white; } /* Actual contents */ #main .contents { padding-bottom: 40px; padding-left: 20px; padding-right: 20px; } body.node-type-regional-landing-page #main .contents { padding-left: 0px; padding-right: 0px; } body.node-type-regional-landing-page #triptych-wrapper { padding-left: 10px; padding-right: 10px; } #contentarea { padding: 15px 15px 30px 15px; } #contentarea-alt { padding: 15px; float: right; width: 710px; } ul.tabs, ul.primary { border: none; } ul.primary { float: right; } ul.tabs li, ul.primary li { height: 21px; color: white; margin: 2px; padding: 2px 6px 3px 6px; background-color: #00599c; border: solid 1px #022f51; text-align: center; white-space: pre; outline: none; -webkit-border-radius: 4px; -webkit-box-align: center; -webkit-box-sizing: border-box; -moz-border-radius: 4px; cursor: pointer; } ul.tabs li a, ul.primary li a { color: white; border: none !important; background: none !important; padding: 0 !important; margin: 0 !important; } ul.tabs li a:hover, ul.primary li a:hover { color: #DDD; } ul.tabs li.active, ul.primary li.active { background: #a7a7a7; border-color: #979797; } ul.tabs li.active a, ul.primary li.active a { color: white; } /* HEADER ------------------------------------------------------------------------------- */ #header { } #header div.contents { padding: 0px 0 0 0; } #header ul { list-style: none; margin: 0; padding: 0; } #header ul li { display: inline-block; margin: 0; padding: 0; } #header > div > div > ul { text-align: right; height: 65px; } #header > div > div > ul > li { height: 65px; } #header > div > div > ul > li > div { display: table-cell; height: 65px; vertical-align: middle; } #header a.region { display: block; height: 47px; width: 100px; margin: 5px 15px 0 0; background-position: right bottom; background-repeat: no-repeat; } #header a.mytnb { display: block; line-height: 27px; border-left: solid 1px #aaaaaa; padding-left: 10px; margin-right: 5px; margin-top: 10px; font-size: 13px; } #header a.tnbaccess { display: block; height: 43px; width: 42px; margin: 5px 7px 0 0; background: url(../images/tnb_access_logo.gif) right bottom no-repeat; } #header div.tabs { display: block; width: 350px; } #logo { float: left; width: 325px; margin: 15px 0 0 15px; } #logo img { border: 0; } #alt-menu { } #alt-menu div.wrapper { background: white; height: 32px; } #alt-menu div.nocontents { background: white; height: 0px !important; } #alt-menu ul { padding: 0; margin: 0; list-style: none; list-style-image: none; } #alt-menu ul.menu { position: relative; display: inline; float: right; } #alt-menu li { color: white; display: inline; padding-right: 10px; border-right: solid 1px #00599c; font-size: 1.2em; } #alt-menu li.last { padding-right: 0; border: none; } #alt-menu li a { color: #00599c; font-weight: bold; } #main-menu { position: relative; z-index: 10; height: 40px; background: #00477d url(../images/main-menu.png) top left repeat-x; } #main-menu .element-invisible { display: none; } #main-menu ul.menu li { float: left; display: block; line-height: 40px; padding: 0; margin: 0; } #main-menu ul.menu li a, #main-menu li a.nohref, #main-menu li a.visited, #main-menu li a.active { display: block; line-height: 40px; padding: 0 15px; text-decoration: none; color: white; font-weight: bold; } #main-menu ul.menu li:hover { /*color: #DDD;*/ background: #2470bc url(../images/main-menu.png) left -40px repeat-x; } #main-menu ul.menu ul.menu { display: none; position: absolute; left: 0px; top: 40px; list-style: none; list-style-image: none; border: solid 1px #c5c5c5; background: #e7e8e9; z-index: 10; } #main-menu ul.menu ul.menu a { color: black; font-weight: normal; } #main-menu ul.menu ul.menu li:hover { text-decoration: underline; background: transparent; } #main-menu ul.menu li { position: relative; } #main-menu ul.menu li.leaf { list-style: none; list-style-image: none; } #main-menu ul.menu li ul { white-space: nowrap; padding: 5px 0; } #main-menu ul.menu li ul li { float: none; line-height: 1.25em; padding: 0; } #main-menu ul.menu li ul li a { padding: 5px 10px; line-height: 1.25em; } .region-menubar { float: left; width: 760px; height: 40px; } .region-menubar ul { padding: 0; margin: 0; list-style: none; list-style-image: none; } .region-menubar li { color: white; display: inline; padding-right: 50px; line-height: 40px; } /*#main-menu li a { color: white; text-decoration: none; } #main-menu li a:hover, #main-menu li.selected a { color: #dc7639; } .region-menubar input { float: right; margin: -20px 250px 0px 0px; width: 200px; height: 19px; border: 1px solid #000; display: inline; }*/ /* #main-menu-tools { float: right; width: 300px; text-align: right; } #main-menu-tools ul { padding: 0; margin: 0; list-style: none; list-style-image: none; } #main-menu-tools ul.menu { display: inline; } #main-menu-tools li { color: white; display: inline; padding-right: 10px; line-height: 40px; } #main-menu-tools div { display: inline; } #main-menu-tools form { display: inline; line-height: 40px; } #main-menu-tools .form-actions { position: relative; left: -25px; } #main-menu-tools .form-actions .form-submit { display: inline; width: 16px; height: 16px; left: -25px; background: transparent; overflow: hidden; border: none; text-indent: -999px; cursor: pointer; } #main-menu-tools li a, #main-menu li a.nohref, #main-menu li a.visited, #main-menu li a.active { float: none; display: inline; text-decoration: none; color: white; font-weight: bold !important; } #main-menu-tools li a:hover { color: #DDD; background: transparent; } */ #banner { width: 980px; height: 220px; } /* MEGA MENU ---------------------------------------------------------------------------- */ #main-menu ul li .megamenu div { line-height: normal; color: #999999; } #main-menu ul li .megamenu a { line-height: normal; display: inline; margin: 0; padding: 0px; line-height: auto; color: black; font-weight: normal; } #main-menu ul li .megamenu ul { padding: 0; margin: 0; } #main-menu ul li .megamenu li { padding: 0; margin: 0; } #main-menu ul li .megamenu li a { display: block; margin: 0; padding: 0px; line-height: auto; color: black; font-weight: normal; } #main-menu ul.menu .megamenu { display: none; position: absolute; left: 0px; top: 40px; color: black; padding: 15px 5px; border: solid 1px #c5c5c5; background: #e7e8e9; z-index: 10; } #main-menu li .megamenu ul li { font-size:14px; line-height:15px; position:relative; padding:0; margin:0; float:none; text-align:left; } #main-menu li .megamenu ul li:hover { background:none; border:none; padding:0; margin:0; } .dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns, .dropdown_6columns { padding:0; } .dropdown_1column {width: 140px;} .dropdown_2columns {width: 280px;} .dropdown_3columns {width: 420px;} .dropdown_4columns {width: 560px;} .dropdown_5columns {width: 700px;} .dropdown_6columns {width: 840px;} .col_1, .col_2, .col_3, .col_4, .col_5, .col_6 { display:inline; float: left; position: relative; margin-left: 5px; margin-right: 5px; } .col_1 {width:130px;} .col_2 {width:270px;} .col_3 {width:410px;} .col_4 {width:550px;} .col_5 {width:690px;} .col_6 {width:830px;} #main-menu li .listitems { border-top:1px solid #ccc; } #main-menu li .listitems li a { border-bottom:1px solid #ccc; background:url(../images/menu-bullet.png) no-repeat; margin:0px; font-size:85%; padding-left: 20px !important; } #main-menu li .listitems li a:hover { background:url(../images/menu-bullet_o.png) no-repeat #dcdcdc; color:#000000; } #main-menu li .listitems li a.indent { padding-left: 35px !important; background-position: 15px 0; } #main-menu li .listitems_col_1 { border-top:1px solid #ccc; } #main-menu li .listitems_col_1 li a { border-bottom:1px solid #ccc; background:url(../images/menu-bullet.png) no-repeat; margin:0px; font-size:85%; padding-left: 20px !important; } #main-menu li .listitems_col_1 li a:hover { background:url(../images/menu-bullet_o.png) no-repeat #dcdcdc; color:#000000; } #main-menu li .listitems_col_1 li a.indent { padding-left: 35px !important; background-position: 15px 0; } #main-menu .megamenu h2 { font-size:21px; font-weight:400; letter-spacing:-1px; margin:0px 0 14px 0; padding:0 0 5px 0; border-bottom:1px solid #666666; line-height: normal; } /* TOOLTIP ------------------------------------------------------------------------------ */ #tooltip { padding: 4px 8px; font-size: 11px; border: solid 1px #c8c693; background: #f7f4c3; color: black; position: absolute; } #tooltip-horizbubble { position: absolute; left: 10px; top: 100px; z-index: 5000; } #tooltip-horizbubble div.left { float: left; width: 19px; height: 36px; background: url(../images/tooltip-horiz.png) 0 0 no-repeat; } #tooltip-horizbubble div.body { float: left; line-height: 36px; overflow: hidden; background: url(../images/tooltip-horiz.png) 0 -36px repeat-x; } #tooltip-horizbubble div.right { float: left; width: 19px; height: 36px; background: url(../images/tooltip-horiz.png) -20px 0 no-repeat; } #tooltip-horizbubble div.indicator { position: absolute; width: 34px; height: 23px; background: url(../images/tooltip-horiz.png) -51px -7px no-repeat; } #tooltip-vertbubble { position: absolute; width: 333px; left: 10px; top: 100px; z-index: 5000; } #tooltip-vertbubble div.top { width: 333px; height: 18px; background: url(../images/tooltip.png) no-repeat; } #tooltip-vertbubble div.body { padding: 0 17px; width: 299px; overflow: hidden; background: url(../images/tooltip.png) -373px 0 repeat-y; } #tooltip-vertbubble div.bottom { width: 333px; height: 18px; background: url(../images/tooltip.png) 0px -19px no-repeat; } #tooltip-vertbubble div.indicator { position: absolute; top: 20px; right: -16px; width: 25px; height: 38px; background: url(../images/tooltip.png) -339px 0px no-repeat; } .tooltip-bubble-text { display: none; } /* CATALOG PAGES ------------------------------------------------------------------------ */ #listCatalogue { margin:0px; padding:0px; border-top:1px solid #cecece; float:right; width:600px; margin-right:50px } #listCatalogue ul { margin:0px; padding:0px; margin-left:-5px; } #listCatalogue li { margin:0px; padding:0px; list-style:none; } #listCatalogue li a { margin:0px; padding:10px 10px 10px 10px; display:block; background:#f4f4f4; color:#80838a; border:1px solid #cecece; border-top:0px; } #listCatalogue li a span { float:right; } #listCatalogue li a:hover { background:#e2e2e2; color:#000000; } #listCatalogue li ul { margin:0px; padding:0px; } #listCatalogue li ul li { margin:0px; padding:0px; list-style:none; border-bottom:1px solid #cecece; } #listCatalogue li ul li a { margin:0px; padding:5px 10px 5px 25px; display:block; background:#ffffff; color:#80838a; font-size:90%; border:0px; } #listCatalogue li ul li a span { float:right; } #listCatalogue li ul li a:hover { background:#f4f4f4; color:#000000; } #listCatalogue li .liVide { margin:0px; padding:10px 10px 10px 10px; display:block; background:#f4f4f4; color:#80838a; border:1px solid #cecece; border-top:0px; } #listCatalogue li ul li .liVide { margin:0px; padding:5px 10px 5px 25px; display:block; background:#ffffff; color:#80838a; font-size:90%; border:0px; } /* CONTENT AREA ------------------------------------------------------------------------- */ div.column { } #content { } #sidebar-first { float: left; width: 265px; margin-right: 20px; } #sidebar-second { float: right; width: 260px; margin-left: 20px; } .one-sidebar #content { float: left; width: 730px; } .two-sidebars #content { float: left; width: 450px; } #triptych.contents { padding: 0px !important; margin: 0px !important; } #triptych-first, #triptych-middle, #triptych-last { display: inline; padding-top: 2px; float: left; width: 290px; margin-right: 20px; } #triptych-middle { width: 440px; } #triptych-first { width: 280px; padding-left: 0px; } #triptych-last { width: 250px; padding-right: 0px; margin-right: 0; } /* FOOTER ------------------------------------------------------------------------------- */ #footer { background: #808285 url(../images/footer-top.gif) repeat-x; color: white; font-size: 0.9em; margin-top: 0px; padding: 20px 10px 30px 10px; line-height: 22px; } #footer .region { float: left; width: 145px; margin: 0 15px 0 0; } #footer .region-footer-sixthcolumn { float: left; width: 200px; margin: 0; line-height: 1.4em; color: #eeeeee; } #footer .region ul { position: relative; margin: 0px; padding: 0px; list-style-type: none; list-style: none; list-style-image: none; } #footer .region ul li { position: relative; padding: 0px 0px 0px 0px; margin: 0; list-style: none; list-style-image: none; } #footer h2, #footer .region-footer-firstcolumn li.first { font-size: 1.1em; text-transform: uppercase; color: white; font-weight: bold; } #footer a { font-weight: bold; color: white; } #footer a:hover { color: #cccccc; } div.social ul { padding: 0; margin: 0; } /* div.social li { float: left; width: 46px; height: 40px; list-style: none; list-style-image: none; text-indent: -999px; overflow: hidden; } */ div.social li { float: left; width: 30px; height: 30px; list-style: none; list-style-image: none; text-indent: -999px; overflow: hidden; } div.social li a { margin-right: 5px; background-position: left center; background-repeat: no-repeat; } /* kim - modified social icons from 40px to 25px */ div.social li a.facebook { display: block; width: 25px; height: 100%; background-image: url(../images/TNBFB.png); } div.social li a.twitter { display: block; width: 25px; height: 100%; background-image: url(../images/TNBTW.png); } div.social li a.youtube { display: block; width: 25px; height: 100%; background-image: url(../images/TNBYT.png); } div.social li a.linkedin { display: block; width: 25px; height: 100%; background-image: url(../images/TNBLI.png); } div.social li a.pintrest { display: block; width: 25px; height: 100%; background-image: url(../images/TNBPIN.png); } div.social li a.instagram { display: block; width: 25px; height: 100%; background-image: url(../images/TNBINST.png); } /* PRODUCT LISTING PAGE ------------------------------------------------------------------ */ .node-type-regional-landing-page #pagetop { position: static; padding: 5px 15px 0px 15px; } .prodlist-col1 { float: left; /*width: 270px;*/ margin-left: 10px; } .prodlist-col2 { float: left; /*width: 650px;*/ margin-right: 10px; margin-top: -30px; } .prodlist-col1-row2 { margin-top: -30px; min-height: 60px; } .prodlist-colspacer { float: left; } .prodlist-col1 h1 { padding: 0; margin: 0; } .prodlist-col2 h1 { padding: 0; margin: 0; } .prodlist-logo { margin-bottom: 10px; } .prodlist-col2 .imagewrapper { position: relative; } .prodlist-col2 .brandimage { position: absolute; left: 0px; top: 0px; } .prodlist-col2 .mainimage { position: realtive; overflow: hidden; } .prodlist-col2 .mainimage p { margin: 5px 0 0 0; padding: 0; } .bullet { text-decoration: none !important; display: block; margin-bottom: 10px; float: left; width: 32px; height: 32px; background: url(../images/bullet01.png); color: white; font-weight: bold; line-height: 28px; font-size: 14px; text-align: center; } .bullet:hover { background: url(../images/bullet01.png) 0 -32px; } .bullet span { padding-right: 2px; } .prodlist-col2 .bullet { display: block; float: none; position: absolute; } .bullet-details { margin-left: 42px; padding-top: 8px; margin-bottom: 10px; } .bullet-products { width: 900px; min-height: 100px; } ul.prodlist, ul.prodlist li { list-style: none; list-style-image: none; padding: 0; margin: 0; } ul.prodlist li a { text-decoration: none; color: #808285; } ul.prodlist li { display: block; float: left; margin: 0px; } ul.prodlist li .thumb { display: block; border: solid 1px #cbcdce; background-position: center center; background-repeat: no-repeat; } ul.prodlist .details { display: block; margin-top: 4px; padding: 6px; text-transform: uppercase; } ul.prodlist .learnmore { display: block; margin-top: 4px; color: #0069a6; font-weight: bold; } ul.prodlist li.last { margin-right: 0; } /* UPDATE 2012-09-14 Chuck Thomas */ ul.featurednews { margin: 10px 0 0 0; padding: 0; border-top: solid 1px #91b4d1; list-style: none; } ul.featurednews li { border-bottom: solid 1px #91b4d1; padding: 10px; } div.prodlist-alternate { font-family: Helvetica, sans-serif; font-size: 12px; } div.prodlist-alternate.ui-accordion .ui-accordion-header { background: #f4f4f4; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: none; color: #00599c; line-height: 22px; margin-top: 0; padding: 5px 25px; } div.prodlist-alternate.ui-accordion .ui-accordion-header:hover, div.prodlist-alternate.ui-accordion .ui-accordion-header.ui-state-active { font-weight: bold; } div.prodlist-alternate.ui-accordion .ui-accordion-header:first-child { border-top: 1px solid #cccccc; } div.prodlist-alternate.ui-accordion .ui-accordion-content { border: 1px solid #cccccc; line-height: normal; margin-bottom: 1px; } div.prodlist-alternate.ui-accordion .ui-accordion-content a.product-thumbnail { display: inline-block; float: left; } div.prodlist-alternate.ui-accordion .ui-accordion-content .product-caption { float: left; width: 400px; padding-left: 20px; font-weight: normal; } div.prodlist-alternate.ui-accordion .ui-accordion-content .product-caption > *:first-child { margin-top: 0; } div.prodlist-alternate.ui-accordion .ui-accordion-content .product-caption > *:last-child { margin-bottom: 0; } div.prodlist-alternate.ui-accordion .ui-accordion-content ul { float: left; list-style: none; padding-left: 20px; } div.prodlist-alternate.ui-accordion .ui-accordion-content ul.one-col { width: 400px; } div.prodlist-alternate.ui-accordion .ui-accordion-content ul.two-col { width: 190px; } div.prodlist-alternate.ui-accordion .ui-accordion-content ul li:before { content: "\2023 \0020"; } div.prodlist-alternate.ui-accordion .ui-accordion-content a { color: #00599c; font-weight: normal; } div.prodlist-alternate.ui-accordion .ui-accordion-content a:hover, div.prodlist-alternate.ui-accordion .ui-accordion-content a:active { text-decoration: underline; } div.prodlist-alternate.ui-accordion .ui-accordion-header, div.prodlist-alternate.ui-accordion .ui-accordion-content { border-radius: 0; } div.prodlist-alternate.ui-accordion h3.single_product { cursor: default !important; } div.prodlist-alternate.ui-accordion h3.single_product span.ui-icon { display: none !important; } /* REGION CHOOSER ----------------------------------------------------------------------- */ .node-type-region-chooser #main .contents { padding: 0; margin: 0; } .node-type-region-chooser #main #triptych-middle { width: 216px; } .node-type-region-chooser #main #triptych-first { width: 216px; padding-left: 0px; } .node-type-region-chooser #main #triptych-last { width: 556px; padding-right: 0px; margin-right: 0; } .node-type-region-chooser #header { height: 67px; } .node-type-region-chooser #header .tabs { display: none; } .node-type-region-chooser #alt-menu div.wrapper { height: auto; position: relative; } .node-type-region-chooser #alt-menu div.wrapper #altnavbar { position: absolute; right: 0; bottom: 20px; width: 400px; } .regionselector { clear: both; float: right; width: 260px; margin: 0px 0px 20px 0; background: #bec0c2 url(../images/region-chooser-bg.gif) repeat-x; } .regionselector h1 { color: #035496; font-size: 1.2em; font-weight: normal; margin: 0 0 7px 0; padding: 10px 15px 0 15px; line-height: 30px; } .regionselector .heading { background: #ced9e0; color: black; font-weight: bold; padding-left: 15px; line-height: 27px; } .regionselector ul.region-list { margin: 0; padding: 5px 15px 15px 15px; list-style: none; list-style-image: none; } .regionselector ul.region-list li.parent { min-height: 45px; margin: 10px 0 0 0; list-style: none; list-style-image: none; background-position: right center; background-repeat: no-repeat; } .regionselector ul.region-list li.parent a.parent { color: black; display: block; height: 30px; padding: 15px 95px 0 0; background: url(../images/region-chooser-hr.png) 0 8px no-repeat; } .regionselector ul.region-list li.parent a:hover { color: #00599c; text-decoration: none; } .regionselector ul.region-list ul { list-style: none; list-style-image: none; padding: 0; margin: 0; } .regionselector ul.region-list ul li { list-style: disc; list-style-image: none; float: left; width: 80px; margin: 10px 10px 0 20px; } .regionselector ul.country-list { margin: 0; padding: 5px 15px 15px 15px; list-style: none; list-style-image: none; } .regionselector ul.country-list li { margin: 0px 0 0 0; padding: 0; list-style: none; list-style-image: none; } .regionselector ul.country-list li a { color: black; display: block; padding: 15px 0 15px 0; background: url(../images/region-chooser-hr.png) left bottom no-repeat; } .regionselector ul.country-list li a:hover { color: #00599c; text-decoration: none; } .countrylangselector { clear: both; float: right; width: 320px; margin: 0px 0px 20px 0; background: #bec0c2 url(../images/region-chooser-bg.gif) repeat-x; } .countrylangselector h1 { color: #035496; font-size: 1.2em; font-weight: normal; margin: 0 0 7px 0; padding: 10px 15px 0 15px; line-height: 30px; height: 30px; overflow: hidden; } .countrylangselector .heading { background: #ced9e0; color: black; font-weight: bold; padding-left: 15px; line-height: 27px; } .countrylangselector ul.region-list { margin: 0; padding: 5px 15px 15px 15px; list-style: none; list-style-image: none; } .countrylangselector ul.region-list li.parent { min-height: 45px; margin: 30px 0 30px 0; list-style: none; list-style-image: none; background-position: 30px center; background-repeat: no-repeat; } .countrylangselector ul.region-list li.parent > div { display: table-cell; vertical-align: middle; height: 45px; } .countrylangselector ul.region-list li.parent a.parent { color: black; display: block; margin: 3px 0 0 155px; } .countrylangselector ul.region-list li.parent a:hover { color: #00599c; text-decoration: none; } .countrylangselector ul.region-list ul { list-style: none; list-style-image: none; padding: 0; margin: 0; } .countrylangselector ul.region-list ul li { dsplay: block; list-style: none; list-style-image: none; margin: 3px 0; } .node-type-region-chooser .region-triptych-last .block { float: right; margin-right: 0px; } .node-type-region-chooser .region-triptych-last ul { padding: 0; margin: 0; list-style: none; list-style-image: none; } .node-type-region-chooser .region-triptych-last ul.menu { position: relative; display: inline; float: left; } .node-type-region-chooser .region-triptych-last li { color: white; display: inline; line-height: 90px; padding-right: 10px; border-right: solid 1px #00599c; font-size: 1.2em; } .node-type-region-chooser .region-triptych-last li.last { padding-right: 0; border: none; } .node-type-region-chooser .region-triptych-last li a { color: #00599c; font-weight: normal; } .node-type-region-chooser #breadcrumb { display: none; } /* REGION LANDING PAGE ------------------------------------------------------------------ */ #verticalmarkets { position: relative; height: 450px; margin-bottom: 20px; } #prevmarket { cursor: pointer; position: absolute; left: 714px; top: 240px; width: 20px; height: 20px; overflow: hidden; text-indent: -999px; background: url(../images/vm-arrows-alt.gif) 0px 0px no-repeat; z-index: 9; } #nextmarket { cursor: pointer; position: absolute; left: 739px; top: 240px; width: 20px; height: 20px; overflow: hidden; text-indent: -999px; background: url(../images/vm-arrows-alt.gif) -20px 0px no-repeat; z-index: 9; } .vertical-market { width: 100%; } .vertical-market { background-position: center top; background-repeat: no-repeat; } .vertical-market .inner { background: url(../images/regional-landing-bkgmask.png) center 225px no-repeat; padding-bottom: 25px; } .vertical-market .market h1 { float: left; width: 440px; margin: 0 0 0 310px; padding: 260px 0 0 0; } .vertical-market .market h1 span { float: left; display: block; height: 5px; overflow: hidden; width: 150px; } .vertical-market .featured-products { position: absolute; right: 10px; top: 35px; width: 246px; padding: 2px; background: white; z-index: 8; } .vertical-market .featured-products ul { background: #282929; list-style: none; list-style-image: none; margin: 0; padding: 0; } .vertical-market .featured-products ul li { list-style: none; list-style-image: none; margin-bottom: 4px; background: black url(../images/featprod-bg.gif) top left repeat-x; overflow: hidden; } .vertical-market .featured-products ul li.last { margin-bottom: 0px; } .vertical-market .featured-products ul li .details { display: none; color: #005293; padding: 10px 15px; height: 255px; overflow: hidden; background-position: bottom center; background-repeat: no-repeat; } .vertical-market .featured-products ul li.open .details { display: block; } .vertical-market .featured-products ul li a { display: block; line-height: 40px; width: 196px; height: 40px; overflow: hidden; padding-left: 20px; padding-right: 30px; color: white; background: url(../images/regional-landing-arrow-closed.png) right center no-repeat; } .vertical-market .featured-products ul li.open a { background-image: url(../images/regional-landing-arrow-expanded.png); } .vertical-market .featured-products ul li .details a { display: inline; line-height: 20px; width: 95px; color: white; border: solid 1px #a0afbb; background: url(../images/secondary-nav-bg.gif) left center repeat-x; text-transform: uppercase; margin: 0; padding: 5px 10px; } #promos ul { list-style: none; list-style-image: none; margin: 0 0 10px 0; padding: 0; } #promos ul li { background-position: top left; background-repeat: no-repeat; border: solid 1px #777777; } #promos ul li { background-position: top left; background-repeat: no-repeat; border: solid 1px #777777; } #promos ul a { display: block; line-height: 1.5em; text-decoration: none; padding: 7px; padding-left: 120px; color: #777777; } #promos ul a span.title { font-size: 1.2em; display: block; font-weight: bold; color: #0c679a; } #promos ul a span.link { color: #0c679a; padding-right: 15px; background: url(../images/arrow-learnmore.gif) right center no-repeat; } .node-type-regional-landing-page .region-triptych-last ul.menu { list-style: none; list-style-image: none; padding: 0px; margin: 0px; } .node-type-regional-landing-page .region-triptych-last ul.menu li { list-style: none; list-style-image: none; padding: 0; margin: 0 0 10px 0; background: url(../images/secondary-nav-bg.gif) repeat-x; } .node-type-regional-landing-page .region-triptych-last ul.menu a { display: block; line-height: 32px; color: white; padding-left: 15px; } .node-type-regional-landing-page .region-triptych-last ul.menu a:hover { color: #DDD; text-decoration: none; } div.news-item-clear {clear: both;} #block-tnbmisc-recentnews ul { list-style: none; list-style-image: none; padding: 0; margin: 0; } #block-tnbmisc-recentnews .news-item { list-style: none; list-style-image: none; margin: 20px 0 0 0; } #block-tnbmisc-recentnews .news-item a { color: #777; } #block-tnbmisc-recentnews .news-item a:hover { text-decoration: underline; } .news-europe { margin-right: 280px; } .node-type-regional-landing-page #triptych-wrapper { position: relative; margin-top: -110px; z-index: 7; } /* European Regional Landing Page */ .europe #verticalmarkets { height: 470px; } .europe.node-type-regional-landing-page #triptych-wrapper { margin-top: 0px; } .europe #prevmarket { left: 5px; top: 250px; background: url(../images/vm-arrows-alt.png) 0px 0px no-repeat; } .europe #nextmarket { left: 30px; top: 250px; background: url(../images/vm-arrows-alt.png) -20px 0px no-repeat; } .europe .vertical-market .market .headingimages { float: right; margin: 0 330px 0 0; padding: 260px 0 0 0; text-align: right; } .europe .vertical-market .market .headingimages img { display: block; } .europe .vertical-market .inner { background: url(../images/regional-landing-bkgmask.png) center 185px no-repeat; padding-bottom: 25px; height: 470px; } .europe .vertical-market .featured-products { background: #00477d; top: 125px; } .europe .vertical-market .featured-products ul { background: #999; } .europe .vertical-market .featured-products ul li { background: white url(../images/featprod-bg-europe.gif) top left repeat-x; margin-bottom: 1px; } .europe .vertical-market .featured-products ul li .details { height: 215px; } .europe .vertical-market .featured-products ul li .details a { padding: 3px 5px; font-size: 10px; } .europe.node-type-regional-landing-page #triptych-first, .europe.node-type-regional-landing-page #triptych-middle, .europe.node-type-regional-landing-page #triptych-last { display: block; padding-top: 2px; float: none; width: 100%; margin-right: 0px; } .europe.node-type-regional-landing-page #triptych-first { display: none !important; } .europe.node-type-regional-landing-page #triptych-last { display: none !important; } .europe.node-type-regional-landing-page #block-tnbmisc-recentnews .news-wrapper { margin-left: 110px; } .europe.node-type-regional-landing-page #block-tnbmisc-recentnews .news-item { float: left; width: 132px; margin: 0 60px 20px 0; color: #828282; line-height: 18px; } .europe.node-type-regional-landing-page #block-tnbmisc-recentnews .news-item a { color: #0063ac; font-weight: bold; } /* NEWS LISTING ---------------------------------------------------------------------- */ .node-news-event-listing { padding-right: 275px; } .node-news-event-listing ul li { margin: 5px 0; } .node-news-event-listing ul li img { float: left; padding-right: 10px; } .node-news-event-listing ul li div { background: #f4f4f4; padding: 10px; margin: 5px 0; } #news-article { float: left; width: 715px; } #news-sidebar { float: right; width: 235px; } #news-sidebar h3 { color: white; background: #00497e url(../images/sidebar.png) no-repeat; padding: 10px; margin: 0; } #news-sidebar p { background: #e9e9e9 url(../images/sidebar.png) -235px bottom no-repeat; padding: 20px 37px; margin: 0; } #news-sidebar a { display: block; padding-bottom: 40px; background: url(../images/sidebar.png) -470px bottom no-repeat; } #news-sidebar a img {left: -37px; position: relative;} /* POPUP REGION CHOOSER -------------------------------------------------------------- */ #popup-chooser { width: 729px; height: 405px; padding: 10px 0px 0 0px; background: white; } #popup-chooser .chooserheader { height: 65px; overflow: hidden; padding: 5px 0 0 10px; } #popup-chooser .choosercontent { height: 335px; overflow: hidden; background-repeat: no-repeat; } #popup-chooser .chooserwrapper { height: 335px; overflow: hidden; background: url(../images/popup-region-chooser-swoosh.png) no-repeat; } #popup-chooser ul.regions { padding: 0; margin: 25px 0 0 20px; height: 302px; } #popup-chooser ul.regions li.parent { display: inline; float: left; height: 327px; width: 115px; background: url(../images/popup-region-chooser-boxes.png) no-repeat; } #popup-chooser ul.regions li.parent a.parent { text-align: center; color: #5e5e5e; display: block; margin: 10px; padding-top: 105px; background-position: center 25px; background-repeat: no-repeat; } #popup-chooser ul.regions li.parent:hover { background: url(../images/popup-region-chooser-boxes.png) -115px 0 no-repeat; } #popup-chooser ul.regions li.parent:hover a.parent { color: white; text-decoration: none; } #popup-chooser ul { margin: 0; padding: 0; } #popup-chooser ul.subregions { display: none; } #popup-chooser ul.regions li.parent:hover ul.subregions { display: block; } #popup-chooser ul.subregions li { text-align: center; padding: 0; margin: 0 10px; list-style: none; border-top: solid 1px #7ba3c9; } #popup-chooser ul.subregions a { color: #262525; display: block; line-height: 24px; } #popup-chooser ul.choosermenu { position: relative; display: inline; float: right; padding: 0; margin: 40px 0 0 0; list-style: none; list-style-image: none; } #popup-chooser ul.choosermenu li { color: white; display: inline; padding: 0 10px; border-left: solid 1px #00599c; font-size: 1.2em; } #popup-chooser ul.choosermenu li.first { padding-left: 0; border: none; } #popup-chooser ul.choosermenu li a { color: #00599c; font-weight: bold; } /* CATALOG PAGE ---------------------------------------------------------------------- */ .node-catalog-page h3 { margin: 0; padding: 0; } .node-catalog-page h3 a { display: block; text-decoration: none; color: black; margin: 0; padding: 5px; line-height: 22px; border: solid 1px #ccc; background: #f4f4f4 url(../images/catalog-page-arrow-closed.png) right center no-repeat; } .node-catalog-page ul { display: none; list-style: none; margin: 0; padding: 0 1px 1px 1px; background: #ccc; } .node-catalog-page li { background: #f4f4f4; margin-top: 1px; } .node-catalog-page li a { display: block; line-height: 22px; padding: 5px; text-decoration: none; } .node-catalog-page li a:hover { font-weight: bold; } .node-catalog-page div.expanded ul { display: block; } .node-catalog-page div.expanded h3 a { background: #f4f4f4 url(../images/catalog-page-arrow-expanded.png) right center no-repeat; } .node-catalog-page a.pdf { width: 80px; float: right; margin-top: 15px; min-height: 25px; display: block; background: #f4f4f4 url(../images/icon-pdf.png) 5px 5px no-repeat; border: solid 1px #ccc; padding: 10px 10px 10px 48px; text-decoration: none; } .node-catalog-page a.ico-file { padding-left: 24px; background: url(../images/icon-file-16.png) 5px center no-repeat; } .node-catalog-page a.ico-pdf { padding-left: 24px; background: url(../images/icon-pdf-16.png) 5px center no-repeat; } .node-catalog-page a.ico-psd { padding-left: 24px; background: url(../images/icon-psd-16.gif) 5px center no-repeat; } .node-catalog-page a.ico-xls { padding-left: 24px; background: url(../images/icon-xls-16.png) 5px center no-repeat; } .node-catalog-page a.ico-doc { padding-left: 24px; background: url(../images/icon-doc-16.png) 5px center no-repeat; } .node-catalog-page a.ico-image { padding-left: 24px; background: url(../images/icon-image-16.png) 5px center no-repeat; } .node-catalog-page .summary { color: #999; } .node-catalog-page .summary p { margin: 0 0 10px 0; padding: 0; } /* BREADCRUMB MODULE ----------------------------------------------------------------- */ .breadcrumb { margin: 0; padding: 0; } .breadcrumb li { display: inline; list-style: none; border-right: solid 1px #555; padding: 0 7px; } .breadcrumb li.first { padding-left: 0; } .breadcrumb li.last { border: none; } .breadcrumb a { color: #183b64; } /* LANGUAGES MODULE ------------------------------------------------------------------ */ div.languages { font-size: 11px; } div.languages ul { list-style: none; list-style-image: none; padding: 0; margin: 0; } div.languages ul li { display: inline; list-style: none; list-style-image: none; white-space: nowrap; } div.languages ul li img { border: 0; margin: 0 10px 10px 0; float: left; } div.languages.iconslabels ul li img { margin: 0 5px 0 10px !important; } /* SEARCH MODULE --------------------------------------------------------------------- */ #edit-advanced, .search-info { display: none; } .search-result { margin-bottom: 30px !important; } .search-result h3 { margin-bottom: 5px; } #endecasearch fieldset { float: right; padding: 0; margin: 7px 10px 0 0; border: 0; width: 246px; position: relative; background: url(../images/searchbox-bg.png) no-repeat; } #endecasearch input { display: block; color: #999; padding: 0; margin: 5px 0 0 15px; width: 110px; border: 0; float: left; font-size: 12px; height: 15px; line-height: 1; outline: none; } #endecasearch .categories { color: #666; float: left; font-size: 11px; font-weight: normal; margin: 0 0px 0 12px; padding: 0; white-space: nowrap; width: 72px; } #endecasearch .categories span { cursor: pointer; display: block; padding-top: 7px; overflow: hidden; width: 65px; white-space: nowrap; } #endecasearch .categorylist { list-style: none; background: white; color: #666; float: right; display: none; z-index: 99998; margin-right: 4px; position: absolute; left: 133px; top: 30px; font-size: 11px; padding: 3px 0 6px; width: 114px; word-wrap: break-word; box-shadow: 0 0 4px #555; -moz-box-shadow: 0 0 4px #555; -webkit-box-shadow: 0 0 4px #555; } #endecasearch .categorylist ul { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; border-image: initial; } #endecasearch .categorylist li { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; list-style: none; border-image: initial; } #endecasearch .categorylist a { /*background: white;*/ color: #333; cursor: pointer; display: block; padding: 4px 6px; filter: none; } #endecasearch .searchbtn { float: right; border: 0 none; cursor: pointer; height: 26px; margin: 0px 0 0 0; padding: 0; text-indent: -1000em; vertical-align: middle; width: 30px; border-image: initial; background: transparent url(../images/searchbox-bg.png) -215px 0 no-repeat; }