/* CSS generated by SiteManager at 11:04am 05/01/2012 - do not edit this file directly */ /* CSS FOR Nifty Lift - Screen Stylesheet AUTHOR: Alison Springall (alisonspringall@silktide.com) / Silktide Studios - All Rights Reserved CREATED: 01/10/2009 CONTENTS ------------------ 1. GLOBAL STYLES 2. HEADINGS 3. TEXT 4. LINKS 5. IMAGES 6. LAYOUT 7. HEADER 8. NAVIGATION 9. BANNER 10. CONTENT 11. SIDECOL 12. SUBCONTENT 13. FOOTER */ /* 1. GLOBAL STYLES ----------------------------------------------------------------------------------------------------------------------------- */ body { background-color: #454543; font: 80% 'trebuchet ms', verdana, arial, helvetica, sans-serif; text-align: center; color: #fff; padding: 0; margin: 0;} hr { height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 15px 0; } form, table { background: transparent; font-size: 1.0em; color: #fff; } .tablestyle { border-collapse: collapse; } .tablestyle td, .tablestyle th { vertical-align: top; padding: 5px 5px 5px 0; } .tableborder td, .tableborder th { vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; } .widthwrapper { width: 100%; } .padding { padding: 20px; } .right { float: right; } .left { float: left; } .center { text-align:center; } .clear { width: 0; height: 0; overflow: hidden; visibility: hidden; display: block; float: none; clear: both; background: none; font-size: 0; list-style: none; padding: 0; border: 0; margin:0; } .imgright { float:right; margin-left:10px; margin-bottom:10px; } .hidden { display:none; } legend { color:#9C0; } .green { color:#9C0; } #accessibility { display: none; } .highlight { background:#454543; padding:15px 25px; color:#fff; border:none; } .notifySuccess { color:#000; } .pleasenote { font-size:0.9em; } /* 2. HEADINGS ----------------------------------------------------------------------------------------------------------------------------- */ h1 { font: bold 1.6em 'trebuchet ms', verdana, arial, helvetica, sans-serif; text-align: left; margin: 0 0 15px; } h2 { font: normal 1.3em 'trebuchet ms', verdana, arial, helvetica, sans-serif, sans-serif; text-align: left; margin: 10px 0; } h3 { font: bold 1.1em 'trebuchet ms', verdana, arial, helvetica, sans-serif, sans-serif; text-align: left; margin: 10px 0; } h1 .subtitle { font: normal 0.75em 'trebuchet ms', verdana, arial, helvetica, sans-serif; padding-left: 20px; } .column h2 { margin-top: 0; } /* 3. TEXT ----------------------------------------------------------------------------------------------------------------------------- */ p { font-size: 1.0em; line-height: 1.5em; text-align: left; margin: 1.2em 0; } .alignleft p { text-align: left; } li { font-size: 1.0em; line-height: 1.5em; margin: 1.2em 0; } .smalltext { font-size: 0.85em; } .largetext { font-size: 1.3em; } blockquote.testimonial { position: relative; font: 1.3em/1.5em georgia, 'times new roman', times, serif; font-style: italic; margin: 15px 25px; } blockquote.testimonial .quoteopen { position: absolute; top: -5px; left: -25px; } blockquote.testimonial .quoteclose { position: relative; top: 10px; } /* 4. LINKS ----------------------------------------------------------------------------------------------------------------------------- */ a:link, a:visited { text-decoration: none; color: #9C0; } a:hover, a:active { color: #fff; } a:focus { color: #fff; } /* 5. IMAGES ----------------------------------------------------------------------------------------------------------------------------- */ img { border: 0; } /* 6. LAYOUT ----------------------------------------------------------------------------------------------------------------------------- */ #container { width: 913px; text-align: left; padding: 0; margin: 0 auto; } .contentwrapper { width: 913px; margin: 0 auto; } /* 7. HEADER ----------------------------------------------------------------------------------------------------------------------------- */ #header { height: 210px; position: relative; background: transparent url(/templatefiles/header_bg.jpg) no-repeat center top; margin-bottom: 0; z-index:2; } #header #toplinks { position: absolute; top: 0; right: 0; background-color: #000; font-size: 0.85em; line-height: 16px; padding: 0 0 0 10px; margin: 0; } #header #toplinks a, #header #toplinks a:visited { color: #fff; margin:0; padding:0 4px; } #header #toplinks a:hover, #header #toplinks a:active { color: #9C0; } #header #toplinks .sitemap { margin-right:20px; } #header #toplinks a.selected, #header #toplinks a:visited.selected { background:#9c0; color:#000; } #header #toplinks a:active.selected, #header #toplinks a:hover.selected, #header #toplinks a:focus.selected { background:#ace500; } #header #sitelogo { position: absolute; left: 0; top: 50px; } #header #search { width: 240px; position: absolute; right: 0; top: 55px; } #header #search input.gsc-input { width: 150px !important; } #header #search input.gsc-search-button { width: 60px; height: 22px; background: #98c007 url(/templatefiles/button_search.jpg) no-repeat 0 0; font-weight: bold; color: #000; border: 0; } #header #search input.gsc-search-button:hover { color: #fff; } #header #search #f1_searchText, #header #search #f2_searchText, #header #search #f3_searchText, #header #search #f4_searchText, #header #search #f5_searchText { width:160px!important; } #header #search .button { width:70px } #searchresults { } #searchresults .taosSearchMatch { background-color:#9C0; } #header #userlinks { position: absolute; top: 114px; right: 0; background-color: #000; font-size: 0.85em; line-height: 16px; padding: 0 10px 0 20px; margin: 0; } #header #userlinks span { background: transparent url(/templatefiles/mainnav_divider.jpg) no-repeat center right; padding-right: 10px; margin-right: 10px; } #header #userlinks a { color: #fff; } #header #userlinks a:visited { color: #cedc9a; } #header #userlinks a:hover, #header #userlinks a:active { color: #9C0; } /* 8. NAVIGATION ----------------------------------------------------------------------------------------------------------------------------- */ ul.mainnav { width: 913px; float: left; position: absolute; left: 0; top: 130px; background: #151515 url(/templatefiles/mainnav_bg.jpg) repeat-x left top; padding: 0; border-bottom: 4px solid #9C0; margin: 0; } ul.mainnav li { float: left; list-style-type: none; padding: 0; margin: 0; } ul.mainnav li a, ul.mainnav li a:visited { float: left; background: transparent url(/templatefiles/mainnav_divider.jpg) no-repeat center right; color: #fff; text-decoration: none; padding: 6px 16px 6px 16px; } ul.mainnav li.lastoption { float:right; } ul.mainnav li.lastoption a, ul.mainnav li.lastoption a:visited { background: none; background: transparent url(/templatefiles/mainnav_divider.jpg) no-repeat center left; } ul.mainnav li a:hover, ul.mainnav li a:active { color: #9C0; text-decoration: none; } ul.mainnav li.selectedoption { color: #000; } ul.mainnav li.selectedoption a:link, ul.mainnav li.selectedoption a:visited { background: transparent url(/templatefiles/mainnav_li_bg.jpg) repeat-x top left; color: #000; } ul.mainnav li.selectedoption a:hover, ul.mainnav li.selectedoption a:active { color: #fff; } /* new dropdown menu "mainmenu" */ #mainmenu { position:relative; z-index:3; } #mainmenu ul { width: 913px; float: left; position: absolute; left: 0; top: 130px; padding: 0; margin: 0; background: #151515 url(/templatefiles/mainnav_bg.jpg) repeat-x left top; border-bottom: 4px solid #9C0; } #mainmenu ul li { float: left; list-style-type: none; position: relative; padding: 0; margin: 0; } #mainmenu ul li a, #mainmenu ul li a:visited { background: transparent url(/templatefiles/mainnav_divider.jpg) no-repeat center right; color: #fff; text-decoration: none; padding: 6px 15px 6px 16px; display:block; } #mainmenu ul li.lastoption a, #mainmenu ul li.lastoption a:visited { background: transparent url(/templatefiles/mainnav_divider.jpg) no-repeat center left; } #mainmenu ul li a:hover, #mainmenu ul li a:active { color: #9C0; text-decoration: none; } #mainmenu ul ul { width: 200px; float: none; display:block; position: absolute; top: 31px; left: 0; visibility:hidden; background: #262626 none; padding: 0; border: 0; margin: 0; z-index:3; } #mainmenu ul ul li { float: none; position: relative; padding: 6px 16px; border-bottom: 1px solid #444; margin: 0; } #mainmenu ul ul li a, #mainmenu ul ul li a:visited { float: none; background: none!important; text-decoration: none; color: #fff; padding: 0; border: 0; } #mainmenu ul ul li a:hover, #mainmenu ul ul li a:active { text-decoration: none; color: #9C0; } #mainmenu ul li:hover ul { visibility:visible; } #mainmenu ul li:hover ul ul { visibility:hidden; } #mainmenu ul li:hover ul ul ul { visibility:hidden; } #mainmenu ul ul ul { position:absolute; left:200px; top:-1px; visibility:hidden; border:1px solid #444; } #mainmenu ul ul li:hover ul { visibility:visible; } #mainmenu ul ul ul li:hover ul { visibility:visible; } #mainmenu ul ul ul ul { } #mainmenu ul ul ul ul li { } #mainmenu ul ul ul ul li a, #mainmenu ul ul ul ul li a:visited { } /* don't show the subpages of certain menu options */ #mainmenu #nav18115 ul, #mainmenu #nav1108 ul, #mainmenu #nav12393 ul, #mainmenu #nav1134 ul, #mainmenu #nav1138 ul, #mainmenu #nav30061 ul, #mainmenu #nav30073 ul, #mainmenu #nav12533 ul, #mainmenu #nav12519 ul, #mainmenu #nav30049 ul { display:none; } /* My Nifty UK */ #mainmenu #nav659 { float:right; } #mainmenu #nav659 a, #mainmenu #nav659 a:visited { background: transparent url(/templatefiles/mainnav_divider.jpg) no-repeat center left; } #mainmenu #nav659 ul { left:-120px; } #mainmenu #nav659 ul li a { background:none; } #mainmenu #nav659 ul ul { left:-200px; } /* My Nifty USA */ #mainmenu #nav12629 { float:right; } #mainmenu #nav12629 a, #mainmenu #nav12629 a:visited { background: transparent url(/templatefiles/mainnav_divider.jpg) no-repeat center left; } #mainmenu #nav12629 ul { left:-120px; } #mainmenu #nav12629 ul li a { background:none; } #mainmenu #nav12629 ul ul { left:-200px; } /* My Nifty DE */ #mainmenu #nav21408 { float:right; } #mainmenu #nav21408 a, #mainmenu #nav21408 a:visited { background: transparent url(/templatefiles/mainnav_divider.jpg) no-repeat center left; } #mainmenu #nav21408 ul { left:-110px; } #mainmenu #nav21408 ul li a { background:none; } #mainmenu #nav21408 ul ul { left:-200px; } .breadcrumb { width: 691px; position: absolute; top: 172px; left: 182px; font-size: 0.85em; padding: 10px 20px; margin: 0; } .breadcrumb .bcarrow { margin: 0 8px; } .breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited { text-decoration: none; color: #cedc9a; } .breadcrumb a:hover, .breadcrumb a:active { color: #9C0; } #home .breadcrumb { display: none; } /* 9. BANNER ----------------------------------------------------------------------------------------------------------------------------- */ .banner { height: 111px; overflow: hidden; position: relative; background-color: #1e1e1e; text-align: left; padding: 0; margin: 0 0 20px; } .banner .bannertext { width: 765px; height: 91px; display: block; position: relative; text-align: left; padding: 20px 128px 15px 20px; margin: 0; font-size: 1.7em; line-height: 1em; } .banner .bannertext p { font-size: 1em; line-height: 1em; color:#fff; padding: 0; margin: 10px 0 0; } .banner .bannertext a p, .banner .bannertext a:visited p { text-decoration: none; color: #9C0; } .banner .bannertext a p:hover, .banner .bannertext a p:active { color:#fff; } .banner a.button { width: 81px !important; height: 23px; position: absolute; top: 55px; left: 710px; display: block; background: #78a606 url(/templatefiles/button.jpg) no-repeat 0 0; font: 0.6em 'trebuchet ms', verdana, arial, helvetica, sans-serif; text-align: center; color: #fff; padding: 5px 0 0; border: 0; margin: 14px 0; } .banner a.button:hover, .banner a.button:active { color: #000; } .yui-carousel-content { /* Clipped content region */ padding: 0; border: 0; margin: 0; } .yui-carousel-nav { /* Built-in navigation */ display: none; } .yui-carousel-element { z-index: 0; margin: 0 !important; } .yui-carousel-element li { z-index: 100; outline:none; border: none !important; margin: 0 !important; } .yui-carousel-item-selected { border: none !important; margin: 0 !important; } ol.yui-carousel-element { height:100px!important; } #bannernext { position: absolute; top: 0; left: 805px; } /* 10. CONTENT ----------------------------------------------------------------------------------------------------------------------------- */ .content { width: 691px; float: left; background-color: #2e302b; text-align: left; padding: 20px; margin-bottom: 20px; z-index:1; position:relative; } .content ul { } .content ul li { margin:2px 0; } .fullwidth { background-color: #2e302b; text-align: left; padding: 20px 20px 40px; margin-bottom: 20px; } .fullwidth-image { width:100%; text-align:center; } .fullwidth-image img { margin:0 auto; } .tripleimg { display: block; float: left; } .tripleimgtext { width: 300px; float: left; margin-left: 20px; } .tripleimgtext p { font-size: 1.15em; margin: 0; } .tripleimgtext a.button { width: 81px !important; height: 23px; display: block; background: #78a606 url(/templatefiles/button.jpg) no-repeat 0 0; font: 0.95em 'trebuchet ms', verdana, arial, helvetica, sans-serif; text-align: center; color: #fff; padding: 5px 0 0; border: 0; margin: 14px 0; } .tripleimgtext a.button:hover, .tripleimgtext a.button:active { color: #000; } .column { width: 249px /*289px*/; min-height: 257px; display: inline; float: left; background-color: #2e302b; text-align: left; padding: 18px 20px 8px; margin: 0 23px 0 0; } .last { margin-right: 0; } #login td { font-size: 0.85em; color: #fff; } #login td label { color: #fff; } #login .taosTextField { width: 160px; } #login .button { width: 81px !important; height: 28px; background: #78a606 url(/templatefiles/button.jpg) no-repeat 0 0; font: 1.1em 'trebuchet ms', verdana, arial, helvetica, sans-serif; color: #fff; padding: 0; border: 0; } #login .button:hover { color: #000; } #newsletter { font-size: 0.85em; } #newsletter label { width: 65px; float: left; line-height: 22px; text-align: right; color: #fff; padding-right: 10px; } #newsletter .inputemail { width: 160px; } #newsletter .button { width: 81px !important; height: 28px; display:block; background: #78a606 url(/templatefiles/button.jpg) no-repeat 0 0; font: 1.1em 'trebuchet ms', verdana, arial, helvetica, sans-serif; color: #fff; padding: 0; border: 0; margin: 3px 0 0 75px; } #newsletter .button:hover { color: #000; } .inner { min-height: 100px; position: relative; background-color: #1e1e1e; padding: 15px; margin: 50px 0 0; } .inner.top { margin-top: 0; position:relative; } .inner.top .tabs { position:relative; text-align:right; top:-35px; } .tabs { position:absolute; right:0; top:-22px; overflow:visible; } .inner p.tab { background: #9C0; color: #363533; padding: 2px 10px; margin: 0; overflow:visible; } .inner p.tab a { text-decoration: underline; color: #363533; } .inner p.tab a:visited { text-decoration: underline; color: #648019; } .inner p.tab a:hover, .inner p.tab a:active { text-decoration: none; color: #fff; } .inner .tabs .tab { margin:0 0 0 3px; display:inline; } .inner p.miniicon { padding-right: 30px; } .inner p.miniicon img { position: absolute; top: -5px; right: 5px; } .inner p { margin: 10px 0 0; } .inner .col-single { width: 220px; float: left; } .inner .col-single.text { width: 200px; padding-right: 20px; } .inner .col-single.text h2 { margin: 0; } .inner .col-single.text h3 { margin: 0; } .inner .col-single.text p { margin: 0 0 20px; } .inner .col-double { width: 440px; float: left; } table.spec td { padding: 5px 30px 5px 0; } table.spec td.icontd { padding: 5px 15px 5px 0; } /* --Product pages--*/ .product h1 { display:inline; margin:0; } .product h2.subtitle { display:inline; font-size:1.2em; margin-left:25px; } .product h3 { font: normal 1.3em 'trebuchet ms', verdana, arial, helvetica, sans-serif, sans-serif; text-align: left; margin: 10px 0; } .product .inner.top { margin-top: 20px; overflow:visible; } .iconlist { overflow:auto; } .iconlist .col1 { float:left; width:325px; } .iconlist .col2 { } .iconlist .iconrow { display:block; margin:0 0 10px 0; height:53px; } .iconlist img { margin:0 10px 0 0; } .iconlist .iconimg { vertical-align:top; } .iconlist .icontitle { width:120px; float:left; margin-right:10px; } .iconlist .icontext { width:115px; float:left; } .icontext.fullwidth { width:450px; padding:0; background:none; } .icontext.fullwidth p { margin:0; } .productblock { float:left; margin:0 25px 20px; width:180px; } .productblock h2 { text-align:center; } .newsarticle { overflow:auto; } .newsimage { float:left; margin:0 10px 10px 0; } .newsarticle h2 { margin:0 0 0 120px; } .newsarticle h3 { margin:0 0 0 120px; } .newsarticle p { margin:0 0 0 120px; } .newsmenu { } .newsmenu a img { float:left; margin:0 10px 10px 0; } .newsmenu p { margin:10px 0 0 115px; } .newsmenu h2 { margin:0 0 0 115px; } .newsmenu h3 { margin:0 0 0 115px; } #specialnewsmenu { } #specialnewsmenu a img { float:left; margin:0 10px 10px 0; } #specialnewsmenu p { margin:10px 0; } #specialnewsmenu h2 { margin-top:0; } .newsblock { margin:0 0 10px 0; overflow:auto; } /* --Careers Table Styling-- */ table.careers {width:100%} /* --Icon definition pages-- */ .icondefinitions { width:100%; } .icondefinitions .iconrow { padding-top:15px; vertical-align:top; width:75px; } .testimonialstable { width:100%; } .testimonialstable .iconrow { padding-top:20px; vertical-align:top; width:175px; } .photo-gallery { text-align:center; } .photo-gallery table { width:660px; } .photo-gallery table td { padding:10px 0; } .photo-gallery p { position:absolute; top:-35px; right:0; background:url(/templatefiles/icon_zip_small.png) no-repeat top right #99CC00; padding:2px 35px 2px 10px; } .photo-gallery p a, .photo-gallery p a:visited { color:#363533; text-decoration:underline; } .photo-gallery p a:active, .photo-gallery p a:hover { color:#fff; } .flags { text-align:center; } .googleMap p { color:#000; } .googleMap strong { color:#000; } .googleMap a, .googleMap a:visited { color:#99CC00; } .googleMap a:hover, .googleMap a:active { color:#000; } #socialmedia { margin:30px 10px 0 0; float:left; } #rsslink { float:left; margin:30px 10px 0 0; } #rsslink a { line-height:10px; } #rsslink img { vertical-align:middle; margin-right:5px; } .backtotop { float:right; margin:30px 0 0 0; } .otherlocationslabel { color: #9C0; cursor: pointer; } .otherlocationslabel.over { color: #fff; } /* Events */ .events { } .events .event_row { padding-bottom: 20px; border-bottom: 1px solid #454644; margin-bottom: 20px; } .events .event_row .event_img { width: 200px; height: 135px; overflow: hidden; display: block; float: left; margin-right: 20px; } .events .event_row h2 { margin: 0; } .events .event_row p { margin: 0 0 10px; } .events .event_row p.event_date { font-style: italic; } .events .event_row p.event_location { margin-bottom: 0; } .events .event_row p.event_location span { padding: 0 10px; } /* 11. SIDECOL ----------------------------------------------------------------------------------------------------------------------------- */ #sidecol { width: 160px; min-height: 40px; float: left; padding: 0; margin-right: 22px; } /* Level 1 */ ul.sidenav { padding: 0; margin: 0 0 40px; } ul.sidenav li { font-weight: bold; font-size: 1.3em; list-style-type: none; padding: 0; margin: 5px 0 0; } ul.sidenav li a, ul.sidenav li a:visited { display: block; color: #fff; padding: 2px 6px; } ul.sidenav li a:hover, ul.sidenav li a:active { color: #9C0; } ul.sidenav li.selectedoption a, ul.sidenav li.selectedoption a:visited { background-color: #9C0; color: #000; } ul.sidenav li.selectedoption a:hover, ul.sidenav li.selectedoption a:active { background-color: #9C0; color: #fff; } /* Level 2 */ ul.sidenav ul { padding: 0; margin: 0; } ul.sidenav ul li { font-weight: normal; font-size: 0.80em; list-style-type: none; margin: 10px 0 0;} ul.sidenav ul li a, ul.sidenav ul li a:visited, ul.sidenav li.selectedoption ul li a, ul.sidenav li.selectedoption ul li a:visited { background-color: transparent; color: #fff; padding: 2px 6px 2px 18px; } ul.sidenav ul li a:hover, ul.sidenav ul li a:active, ul.sidenav li.selectedoption ul li a:hover, ul.sidenav li.selectedoption ul li a:active { background-color: transparent; color: #9C0; } ul.sidenav ul li.selectedoption a, ul.sidenav ul li.selectedoption a:visited { background-color: #9C0; color: #000; } ul.sidenav ul li.selectedoption a:hover, ul.sidenav ul li.selectedoption a:active { background-color: #9C0; color: #fff; } /* Level 3 */ ul.sidenav ul ul { padding: 0; margin: 0; } ul.sidenav ul ul li { font-weight: normal; font-size: 0.95em; list-style-type: none; margin: 5px 0 0;} ul.sidenav ul ul li a, ul.sidenav ul ul li a:visited, ul.sidenav ul li.selectedoption ul li a, ul.sidenav ul li.selectedoption ul li a:visited { background-color: transparent; color: #fff; padding: 2px 6px 2px 30px; } ul.sidenav ul ul li a:hover, ul.sidenav ul ul li a:active, ul.sidenav ul li.selectedoption ul li a:hover, ul.sidenav ul li.selectedoption ul li a:active { color: #9C0; } ul.sidenav ul ul li.selectedoption a, ul.sidenav ul ul li.selectedoption a:visited { background-color: #9C0; color: #000; padding: 2px 6px 2px 27px; } ul.sidenav ul ul li.selectedoption a:hover, ul.sidenav ul ul li.selectedoption a:active { color: #fff; } #sidecol .sidecolimg { display: block; margin-bottom: 23px; } /* 12. SUBCONTENT ----------------------------------------------------------------------------------------------------------------------------- */ #subcontent { float:right; margin:0 0 10px 15px; } /* 13. FOOTER ----------------------------------------------------------------------------------------------------------------------------- */ #logos { width: 913px; vertical-align: bottom; padding: 5px 0; margin: 20px 0; } #logos img { vertical-align: bottom; margin: 11px 20px; } #footer { font-size: 0.85em; text-align: center; margin-bottom: 10px; } #footer p { color: #9C0; text-align: center; margin: 10px 0; } #footer a:link { color: #9C0; } #footer a:visited { color: #cedc9a; } #footer a:hover, #footer a:active { color: #fff; } #footer .footernav { display: inline; clear: both; background-color: #000; padding: 0; margin: 0 auto; } #footer .footernav li { display: inline; list-style-type: none; padding: 2px 12px; border-left: 1px solid #454543; } #footer .footernav li a:link { color: #fff; } #footer .footernav li a:visited { color: #cedc9a; } #footer .footernav li a:hover, #footer .footernav li a:active { color: #9C0; } /* Home ----------------------------------------------------------------------------------------------------------------------------- */ #home #header { height:185px; } #home h2 a, #home h2 a:link { color:#9C0; } #home h2 a:active, #home h2 a:hover { color:#fff; } #home #newsmenu { margin:10px 0 0; } #home #newsmenu p { margin:0; } #home #newsmenu h3 { margin:0; } /* Search / programmatic ----------------------------------------------------------------------------------------------------------------------------- */ .taosSearchResultsTable td { padding: 6px; }