/* If your browser made it this far, it's a winner! */ /* First, let's import our basics - you should never need to edit these, so they're in separate files */ @import 'donotedit/division-basereset.css'; @import 'donotedit/division-structure.css'; /* These are optional, and should be imported on a project-by-project basis. (Un)comment as necessary */ @import 'donotedit/division-grids.css'; /* Subdivides columns into a grid layout */ /*@import 'donotedit/division-forms.css'; */ /* Table-less forms */ /* @import 'donotedit/division-sifr.css'; */ /* sIFR-specific styles */ /* END optional imports */ /* END import */ /* A handy pixel to percent font conversion */ /* 10px / 77% 11px / 85% 12px / 92% 13px / 100% 14px / 107% 15px / 114% 16px / 122% 17px / 129% 18px / 136% 19px / 144% 20px / 152% 21px / 159% 22px / 167% 23px / 174% 24px / 182% 25px / 189% 26px / 197% */ /* +++ VERY IMPORTANT+++ The default font for these templates is 13px Arial, set on the element (in basereset.css). NEVER set a font-size or font-family on the element. ALWAYS override using a child of , with the pixel-equivalent percentage value for the font size, as documented above. EG: #wrap {font-family:Verdana,Arial,Helvetica,sans-serif;} would set everything within #wrap to Verdana. It is better to set font-sizes on elements rather than containers. */ /* General fonts, sets general styles for the Cooper website */ #pagewrap, #ftwrap {font-family:Arial, Helvetica, sans-serif;} h1 {font-size:152%;} h2 {font-size:122%;} h3 {font-size:107%;} h4 {font-size:107%;} h5 {font-size:107%;} h6 {font-size:107%;} p, li, dt, dd, th, td, address, blockquote, pre, input, textarea, select { font-size: 11px; } p p, p li, p dt, p dd, p th, p td, p address, p blockquote, p pre, p input, p textarea, p select, li p, li li, li dt, li dd, li th, li td, li address, li blockquote, li pre, li input, li textarea, li select, dt p, dt li, dt dt, dt dd, dt th, dt td, dt address, dt blockquote, dt pre, dt input, dt textarea, dt select, dd p, dd li, dd dt, dd dd, dd th, dd td, dd address, dd blockquote, dd pre, dd input, dd textarea, dd select, th p, th li, th dt, th dd, th th, th td, th address, th blockquote, th pre, th input, th textarea, th select, td p, td li, td dt, td dd, td th, td td, td address, td blockquote, td pre, td input, td textarea, td select, address p, address li, address dt, address dd, address th, address td, address address, address blockquote, address pre, address input, address textarea, address select, blockquote p, blockquote li, blockquote dt, blockquote dd, blockquote th, blockquote td, blockquote address, blockquote blockquote, blockquote pre, blockquote input, blockquote textarea, blockquote select, pre p, pre li, pre dt, pre dd, pre th, pre td, pre address, pre blockquote, pre pre, pre input, pre textarea, pre select, input p, input li, input dt, input dd, input th, input td, input address, input blockquote, input pre, input input, input textarea, input select, textarea p, textarea li, textarea dt, textarea dd, textarea th, textarea td, textarea address, textarea blockquote, textarea pre, textarea input, textarea textarea, textarea select, select p, select li, select dt, select dd, select th, select td, select address, select blockquote, select pre, select input, select textarea, select select {font-size:100%;} strong,b {font-weight:bold;} em,i {font-style:italic;} /* END General fonts */ /* Widths/Heights */ #pagewrap, #ftwrap { /* overall page width, centers page */ width:900px; margin:0 auto; /* centers page */ } body#twocol-left #pagewrap { /* Adds a 1px bottom border to the pages seperating content from the footer */ border-bottom: 1px solid #e1e1e1; padding-bottom: 20px; } /* The widths of the sec and ter columns set the width for the pri area by subtracting that width from the overall page width */ /* On pages that call the left column, the pri column is 178px - 900px = 722px, you also have to take into consideration any padding/margins associated with those columns */ #outer { padding-left:178px; /* width of left column */ padding-right:182px; /* width of right column */ } #sec { margin-left:-178px; /* same as #outer padding-left */ width:178px; /* same as #outer padding-left */ } #ter { margin-right:-182px; /* same as #outer padding-right */ width:182px; /* same as #outer padding-right */ } #ftwrap { clear: both; } /* 100% page height #ftwrap {margin-top:-25px;} *//* Negative of total height of all fts */ /*#outer {padding-bottom:25px;} END 100% page height */ /*.pad {padding:10px;} */ /* column padding */ /* END Widths/Heights */ /* If ever a background image is needed in the future of the website, you would use these to style the full page background */ /* Visual Column Structure */ body#threecol #pagewrap {} body#twocol-left #pagewrap {} body#twocol-right #pagewrap {} body#onecol #pagewrap {} /* END Visual Column Structure */ /* Theme */ html, body { /* This is the red top border that tiles across the body background of the page */ background:url(../images/body_wrap.gif) repeat-x top left; color:#3b3b3b; } body { } td, th {vertical-align:top;} /* Generic style for any tabular data used */ p, ul { /* Adds bottom spacing to the paragraphs and unordered lists */ padding-bottom: 15px; } h2 { /* styles for the h2 headers */ padding-bottom: 10px; /* Adds bottom padding to the header */ font-size: 100%; /* Sets the size */ font-weight: bold; /* Bolds the header */ } a { /* style for links */ color: #0054a6; /* sets the color */ text-decoration:none; /* removes the underline from the link */ } a:hover, h2 a:hover { /* adds the underline for the link when you hover over it */ text-decoration: underline; } #pri .pad ul { /* Adds the style for an unordered list that falls in the main content area */ list-style-type: disc; list-style-position: inside; } div.childindex p, div.childindex ul { padding-bottom: 0px; } div.childindex ul { list-style-position: inside; list-style-type: disc; overflow: hidden; } div.childindex ul li { padding: 2px 0 2px 1em; text-indent: -1em; } #product-tabs div.textimage h2 { margin-top: 0.8em; margin-bottom: 0.4em; padding-bottom: 0px; } #pri div.textimage ul { list-style-type: none; } #pri div.textimage ul li { padding: 5px 0 5px 1.5em; text-indent: 0px; background: url(/apps/public/docroot/images/cooper-bullet.gif) left 0.6em no-repeat; overflow: hidden; } #pri div.textimage ul.arrowBullet, div.blineapplication ul.arrowBullet { list-style: none !important; overflow: hidden; } #pri div.textimage ul.arrowBullet li, div.blineapplication ul.arrowBullet li { background: url(../images/arrow.gif) no-repeat scroll left 0.25em transparent; padding: 5px 0 5px 22px; text-indent: 0px; } #product-tabs div.textimage ul { list-style-position: inside; list-style-type: none; overflow: hidden; } #product-tabs div.textimage ul ul { list-style-position: inside; list-style-type: none; overflow: hidden; } #product-tabs div.textimage ul li { padding: 5px 0 5px 1.5em; text-indent: 0px; background: url(/apps/public/docroot/images/cooper-bullet.gif) left 0.6em no-repeat; } #product-tabs div.textimage ul.arrowBullet { list-style: none !important; overflow: hidden; } #product-tabs div.textimage ul.arrowBullet li { background: url(../images/arrow.gif) no-repeat scroll left 0.25em transparent; padding: 5px 0 5px 22px; text-indent: 0px; } #product-tabs div.textimage p, #product-tabs div.textimage ul { padding-bottom: 0px; margin-bottom: 0.65em; } #product-tabs div.textimage ul ul { margin-bottom: 0px; } div.productdetailstextimage p, div.productdetailstextimage ul { padding-bottom: 0px; margin-bottom: 0.65em; } div.productdetailstextimage ul { list-style-position: inside; list-style-type: none; } #pri div.productdetailstextimage ul { list-style-position: inside; list-style-type: none; } div.productdetailstextimage li { padding: 5px 0 5px 1.5em; text-indent: 0px; background: url(/apps/public/docroot/images/cooper-bullet.gif) left 0.6em no-repeat; overflow: hidden; } div.productdetailstextimage ul.arrowBullet { list-style: none !important; overflow: hidden; } div.productdetailstextimage ul.arrowBullet li { background: url(../images/arrow.gif) no-repeat scroll left 0.25em transparent; padding: 5px 0 5px 22px; text-indent: 0px; } .bold { /* Generic bold style */ font-weight: bold; } .intro { /* any elements with the class of 'intro' will have a white background and 10px padding all around it */ background:#fff; padding:10px; } #masthead { /* sets the font color within the masthead */ color:#3b3b3b; } #logo a { /* sets the styles for the logo area */ /*float:left;*/ display:block; background: url(../images/cooper_corporate.jpg) no-repeat 0 6px scroll; /* pulls the logo as a background image */ height: 80px; /* sets the height and width so the proper area will be clickable */ width: 335px; text-indent:-9999px; /* pushes the text off the page so that it is not visible but still readable by screen readers */ margin-bottom: 15px; } #header { /* holds all the global navigation, navigation and search */ /*float:left;*/ width:720px; position:absolute; top:5px; right: 0; /* Positions the header within the masthead */ } #header #submit { /* Styles for the submit button */ padding-left:5px; position:relative; top:5px; } #header ul.globalnav { /* styles for the global navigation links unordered list */ float: right; padding:15px 0px 0px 150px; } #header ul.globalnav li { /* styles for the global navigation links list items */ display: block; float: left; border-right: 1px solid ; padding: 0px 10px; } li.global-lefticon { border-right:none; height:1.22em; } #header ul.globalnav li.last { /* removes the border from the last link in the global navigation list */ border-right: none; padding-right:0px; } #header ul.globalnav ul.countrylist { width: 60px; position:absolute; height:auto; z-index:1002; background-color: #fff; padding: 2px 0; left:-9999px; } /*#header ul.globalnav li:hover ul.countrylist, #header ul.globalnav li.sfhover ul.countrylist {left:auto;} Works with script to pull hover actions for IE6 */ #header ul.globalnav li:hover ul.countrylist { display:block; left: auto; border: 1px solid #ccc; margin-top: -17px; margin-left: 77px; } #header ul.globalnav li:hover ul.countrylist li { display: block; border: none; float:none; } #header .globalnav li .country { text-decoration: underline; color: #005ba2; } #header ul.globalnav li:hover ul.countrylist li a { color: #0054a6; text-decoration:none; } #header ul.globalnav li:hover ul.countrylist li a:hover { text-decoration:underline; z-index:10000; } #header ul.globalnav li.rss { padding-right: 0; } #header ul.globalnav li a { color: #3b3b3b; } #header li ul.countrylist { position: absolute; width: 10em; left: -999em; z-index:1000; } /*#header li:hover ul.countrylist, #header li li:hover ul.countrylist, #header li.sfhover ul.countrylist, #header li li.sfhover ul.countrylist { left: auto; }*/ #header form { clear: right; float: right; padding-top: 7px; } /* Navigation styles */ #nav { /* sets the main navigation width and position */ width:900px; margin-bottom: 1px; position: relative; z-index: 99; } #nav img { display: block; } /**** Secondary page navigation styles ****/ #pagetitle { /* styles for each page title */ /*width: 160px; */ height: 66px; background: #b71234; color: #fff; /*margin-top: 1px; margin-left: 1px;*/ border: none; /*width: 161px; */ /*margin-left: 1px;*/ display: block; font-size: 122%; padding-left: 16px; vertical-align: middle; line-height: 66px; font-weight:bold; } ul#secondaryPgSecondaryNav { /*border-top: 2px solid #8a949d; height: 161px; margin-left: 1px; margin-top: 1px; width: 177px;*/ } ul#secondaryPgSecondaryNav { /*border-top: none;*/ /*margin-top: -3px;*/ } #secondaryPgSecondaryNav ul { /* bootstrap margin:0 0 1px 0; padding:0;*/ } /* positioning styles for the secondary navigation in the left column */ #secondaryPgSecondaryNav li { /* bootstrap padding-bottom:1px;*/ } /* positioning styles for the secondary navigation in the left column */ #secondaryPgSecondaryNav li a { /* styles for the secondary navigation in the left column */ /* bootstrap background: url(../images/secondaryButtonBg.gif) repeat-x 0 0; color: #3b3b3b; border: 1px solid #d6d6d6; display: block; padding: 6px 6px 6px 16px; vertical-align: middle; line-height: 1.2em; text-transform: none;*/ } #secondaryPgSecondaryNav #secondaryPgSecondaryNavSub { /* styles for the secondary navigation in the left column */ border: 1px solid #bdbcbd; padding-top: 5px; padding-bottom: 6px; } #secondaryPgSecondaryNav #secondaryPgSecondaryNavSub li { /* styles for the secondary navigation in the left column */ } #secondaryPgSecondaryNav #secondaryPgSecondaryNavSub li a { /* styles for the secondary navigation in the left column links */ background: none; text-transform: none; border: none; color: #547990; padding-top: 4px; padding-bottom: 4px; } #secondaryPgSecondaryNav li.lastSecNavButton a { /*min-height: 28px; margin-top: 1px;*/ } #secondaryPgSecondaryNav li.tallButton a { /* sets the background for items in the secondary navigation that are on 2 lines */ background: url(../images/secondaryButtonBg.gif) #e6e6e6 repeat-x 0 0; } #secondaryPgSecondaryNav li a:hover, #secondaryPgSecondaryNav li.lastSecNavButton a:hover, #secondaryPgSecondaryNav li.selectedMain a { /* bootstrap color: #547990; background: #d6d6d6; text-decoration: none;*/ } /* bolds the active page link */ #secondaryPgSecondaryNav li.selectedMain a, #secondaryPgSecondaryNav li.selectedSub a, #secondaryPgSecondaryNav li a:hover , #secondaryPgSecondaryNav li a:hover, body.template3 .energydemandpg #secondaryPgSecondaryNavSub li#energydemandnav a, body.template3 .safetynotipg #secondaryPgSecondaryNavSub li#safetynotifnav a, body.template3 .buyamericanpg #secondaryPgSecondaryNavSub li#buyamericannav a, body.template3 .usefulsitespg #secondaryPgSecondaryNavSub li#usefulsitesnav a, body.template3 .missionvisionpg #secondaryPgSecondaryNavSub li#missionvisionnav a,body.template3 .globalinfrapg #secondaryPgSecondaryNavSub li#globalinfranav a, body.template3 .energyeffpg #secondaryPgSecondaryNavSub li#energyeffnav a, body.marketspage .renewenergypg #secondaryPgSecondaryNavSub li#renewenergynav a, body.eurecruiting .universitypg li#euunivrelations a, body.marketspage .globalinfrapg #secondaryPgSecondaryNavSub li#globalinfranav a, body.bolted-framingpg #secondaryPgSecondaryNav li#bolted-framing a, body.cable-tray-systemspg #secondaryPgSecondaryNav li#cable-tray-systems a { /* bootstrap font-weight: bold;*/ } #secondaryPgSecondaryNav a.firstitem { /*margin-top:0;*/ } /* Third level navigation on the left nav */ #cabletraysubnav { display:none; padding-top:5px; } body.productspage .cabletraypg li#cabletraysubnav { display: inline; } /* END Navigation styles */ /* Homepage styles */ #homebanner { width: 900px; margin-top: 1px; margin-bottom: 1px; } body.homepage #spotlight { /* styles associated with the flash piece */ float:left; } #spotlight img { display:block; } #featuredprods, #featuredbrands { /* bootstrap float:left; width: 194px; margin-left: 1px;*/ } #homebanner img.divstatic { display:block; float:left; } #featuredprods h3, #featuredbrands h3 { /* bootstrap background: #ffde00; border: 1px solid #bebebe; text-transform:uppercase; color: #2d2e2d; font-size: 100%; padding: 10px 0; text-align:center; font-weight:bold; margin-bottom: 10px;*/ } #featuredbrands h3 { /* bootsrap margin-bottom: 1px;*/ } #featuredbrands .home-proddrop { /* bootstrap padding-top:10px; */} .attributeform, dropdownform { padding-top:10px; } #featuredbrands li { /* bootstrap border: 1px solid #bebebe; margin-bottom: 1px; background: url(../images/home-div-brand-list-grad-bg.jpg) #e7e7e7 repeat-x top left; text-align: center; */} #featuredbrands li:hover { /* comment background: url(../images/home-div-brand-list-grad-bg-active.jpg) #a0a0a0 repeat-x top left;*/ } #featuredprods .home-prodlist { display:block; clear:both; padding-left:10px; } #featuredprods .home-prodlist li { float:left; display: inline; width: 56px; text-align:center; padding-bottom: 5px; padding-right:3px; } #featuredprods .home-prodlist li img { display:block; border: 1px solid #e5e5e5; margin: 0 auto; } #featuredprods .home-proddrop, #featuredbrands .home-proddrop { float:right; display:block; clear:both; } #featuredprods .home-proddrop select, #featuredbrands .home-proddrop select { float:left; display:inline; margin-right: 5px; width:135px; } .dropdownform { padding-top: 10px; } .dropdownform select { width:135px; display:inline; } .dropdownform input { vertical-align:text-bottom; } ul.gallery { width: 194px; } ul.gallery li { float: left; text-align: center; } ul.gallery li a.thumb { width: 192px; height: 30px; } ul.gallery li span { /*--Used to crop image--*/ width: 192px; height: 30px; overflow: hidden; display: block; } ul.gallery li a {display: block;} .grid-4 { /* sets the height for the 4 grid layout on the homepage */ /*margin-top: 1px;*/ height: 216px; display:block; margin-top:1px; } .grid-4 .first { width: 470px; } .grid-4 .third { width: 430px; } .grid-4 .col { background: url(../images/bussman-yellow-home-marker.jpg) #fff no-repeat 0 -1px; width: 235px; border-top: 1px solid #ffde00; /* yellow top border on quick links */ } div.cq-colctrl-dh4-c0, div.cq-colctrl-dh4-c1, div.cq-colctrl-dh4-c2 { /* bootstrap background: url(../images/bussmann-yellow-home-marker.jpg) #fff no-repeat 0 -1px; border-top: 1px solid #ffde00 !important;*/ /* yellow top border on quick links */ } div.cq-colctrl-dh4-c3{ /* bootstrap border-top: 1px solid #ffde00 !important;*/ } .grid-4 .col .pad, .cq-colctrl-dh4 .pad { padding: 33px 15px 0 15px ; } .cq-colctrl-dh2 .gridcontent { padding: 0px 15px 0 15px ; } .grid-4 .grid-2 .col, .grid-4 .third .first { width: 235px; } .grid-4 .fourth { background-image: none; width: 195px; } .grid-4 .grid-2 .fourth { width:195px; } .grid-4 a { /* sets the link color for the 4 grid layout on the homepage */ color: #0054a6; } .grid-4 .col h2 a, .cq-colctrl-dh4 h2 a { /* sets the link color for the 4 grid layout on the homepage */ color: #3b3b3b; } .grid-4 .col p img.prodimage { float:left; padding-right: 10px; } #prodintro img.mainimage { float:left; padding-right: 25px; } #prodintro { display:block; padding-bottom: 25px; } .grid-4 ul li, .cq-colctrl-dh4 li, .cq-colctrl-dh2 li { /* bootstrap list-style-type: none; background: url(/apps/public/docroot/images/arrow.gif) -1px -1px no-repeat; padding-left: 18px; color: #0054a6; text-decoration:none; padding-bottom: 10px;*/ } .mastertabs { clear: left; padding-top: 15px; } #product-tabs div.tab-active-panel { border: 1px solid #ccc; padding: 10px; border-top: 2px solid #B71234; } .grid-4 .arrow-link p, .cq-colctrl-dh4 ul, .cq-colctrl-dh2 ul { /*background: url(/apps/public/docroot/images/arrow.gif) top left no-repeat;*/ /*padding-left: 18px;*/ } #news { padding-bottom: 15px; } .gridcontent h2 { background: url(/apps/public/docroot/images/bg-home-header.gif) top left no-repeat; padding-top:5px; padding-left:20px; } #news p, .gridcontent p { border-bottom: 1px solid #dfdfdf; padding: 5px; margin-left:20px; } .gridcontent ul { /*border-bottom: 1px solid #dfdfdf;*/ padding: 5px; margin-left:20px; padding-top:20px; } #news p.last { border-bottom: none; } #news .arrow-link p, .cq-colctrl-dh4 ul { border: none; /*background: url(/apps/public/docroot/images/arrow.gif) 0 2px no-repeat;*/ /*padding-left: 18px;*/ /*margin-left:20px;*/ } p.arrow { background: url(../images/arrow.jpg) no-repeat; padding-left: 18px; line-height:1.5em; } #news .arrow-link, .cq-colctrl-dh4 ul { /*padding-top:20px;*/ } #news .col { width: 434px; } /* END Homepage styles */ /* Secondary page styles */ .toppad10 { /*padding-top:10px;*/ } .toppad5 { /*padding-top:5px;*/ } /* News Page */ .news-item { display:block; clear:both; } .news-thumb { float:left; padding-right:15px; display:inline; width: 58px; } .news-content { float:left; width: 580px; } .news-item h4 { font-weight: bold; font-size: 92%; } /* END News Page */ #prodTitle { /* adds the bottom border under the main header image on the sub pages */ display:block; background: url(../images/blank_banner.jpg) #f9f9f9 no-repeat top left; height: 25px; width: 886px; color:#fff; padding: 10px 0 3px 15px; font-weight:bold; font-size: 122%; /*bootstrap*/ background: none; color: #000; } body.template2 #pri .pad { /* padding for the main content area in template2 */ padding: 10px 0 10px 19px; } .grid3 .col { float:left; width:33%; } .alphaPaginationPage .col { float:left; width:25%; } .indexCellContents { padding-right: 10px; } #breadcrumbs, div.breadcrumb { font-size: 11px; margin-bottom: 20px; } div.parR div.childindex { clear: left; margin-top: 5px; } div.parR div.mastertabs div.childindex { margin-top: 0px; } div.parR div.spotlight { margin-bottom: 20px; } div.childindex div.bottomClear { clear: both; margin-top: -1px; height: 1px; overflow: hidden; } div.parR div.childindex div.bottomClear { height: 25px; } .pagination, .pagination-bottom, .brandPagination , .alphaPagination { border-top: 1px solid #eee; font-size: 11px; margin-bottom: 20px; padding: 8px 10px 6px; text-align: right; clear: both; overflow:hidden; } .brandPagination , .alphaPagination{ text-align: left; clear: none; margin-top: -15px; } .pagination, .brandPagination, .alphaPagination { background: url(../images/secondaryButtonBg.gif) repeat-x 0 0; border-bottom: 1px solid #f1f1f1; } .pagination-bottom { margin: 0 auto; } .pagination .has-arrow { font-size: 12px; margin-left: 20px; } .results-displayed { float: left; padding-top: 1px; } .loadingMessage { float: left; padding-top: 1px; } .brandPagination .results-displayed, .alphaPagination .results-displayed{ font-weight: bold; float: none; } .has-arrow { background: url(../images/arrow.gif) no-repeat; padding-left: 20px !important; } .product-row { border-top: 1px solid #eee; padding: 13px 0 20px; position: relative; } .product-row img { display: block; margin-bottom: 10px; } .spec .product-row h3 { background-image: none; font-weight: bold; } .product-row h3 { background-image: none !important; font-size: 12px; margin-bottom: 5px; padding-right: 10px; } .product-row h3.width100 { width: 100px; } .product-row p { margin-bottom: 5px; padding-right: 5px; } .product-row p.nobtmpad { margin-bottom: 0; padding-bottom: 0; } .product-row .has-arrow { bottom: 13px; display: block; font-size: 11px; padding-top: 2px; position: absolute; } .productSearch { /* bootstrap margin: 32px 0 2px;*/ position: relative; } .productSearch legend { /* bootstrap padding: 0;*/ } .productSearch legend span { /* bootstrap background: #d7d7d7 url(../images/magnifying.gif) no-repeat 65px 10px; color: #547990; display: block; font-size: 11px; font-weight: 700; left: 0; line-height: 1; padding: 10px 16px 9px; position: absolute; text-transform: uppercase; top: -32px; width: 146px;*/ } .productSearch fieldset { /* bootstrap border: 1px solid #d6d6d6; padding: 12px 10px 12px 16px;*/ } .productSearch div { /* bootstrap margin-bottom: 15px; */ } .productSearch select { width: 133px; } .productKeyword { width: 114px; } .productSearchSubmit { background: url(../images/search_button.jpg) no-repeat 0 1px; border: 0; height: 19px; margin: 0; text-indent: -9999px; width: 23px; } #suggestion_form .headerProductKeyword { position:relative; left: 5px; top: 1px; float: left; width: 210px; height: 28px; font-size: 12px; line-height: 28px; background: transparent url("/apps/public/docroot/images/white_line.jpg") repeat-x scroll 0% 0%; border: none; } #suggestion_form .headerProductKeyword:focus { outline: none; } #suggestion_form .headerProductSearchSubmit { position:relative; float:right; background-color:transparent; border:none; width:60px; height:30px; font-size:12px; font-family:Arial; color:white; font-weight:bold; border-color:#c9c9c9; text-align:center; } .productSearch a { font-size: 11px; } .grid3 .prodSeries li { list-style-type: none; } .results-pagination { margin: 0 auto; text-align:center; } .results-pagination ul { margin: 0 auto; text-align:center; } .results-pagination li { display:inline; padding: 0 2px; font-size: 100%; } .tooltip { display:none; background: url(../images/tool-tip.gif) no-repeat 11px 0; font-size:12px; width:146px; height: 32px; padding:10px 10px 30px 21px; color:#fff; z-index: 1000; } #recentlyViewed { border: 2px solid #d6d6d6; font-size: 11px; margin-top: 10px; padding: 12px 16px; } #recentlyViewed h2 { border-bottom: 1px solid #000; font-size: 11px; margin-bottom: 10px; padding-bottom: 5px; } #recentlyViewed li { font-size: 100%; margin-bottom: 5px; } #recentlyViewed ul a { display: block; padding-top: 2px; } h1 { /* positioning for the h1 tag */ padding-bottom: 10px; margin-top:0; padding-top:0; line-height: normal; } .leftcol { /* used on situations when there is a need for 2 columns of listed items */ float:left; width: 250px; } .rightcol { /* used on situations when there is a need for 2 columns of listed items */ float:left; width: 250px; } .links li { /* spacing for listed links with this class */ /*background: url(/images/linkSymbol.gif) no-repeat top left; display: block;*/ padding: 2px 0 2px 0px; } #sidebar { /* text on the sidebar of main content, example usage on the stimulus page */ width: 140px; float: left; padding:0 4px 0 6px; } #sidebar h3 { /* header style for the sidebar of main content */ font-size: 92%; font-weight: bold; } .product-line div#spotlight {width: 705px; height: 284px; background-color: #ececec; margin-bottom: 20px; /* bootstrap */ width: 100%; } .product-line div#spotlight div#banners {float: right; position: relative; height: 284px; width: 705px;} .product-line div#spotlight div#banners div.spotlight_image {height: 284px; width: 705px;} .product-line div#spotlight div#banners div.spotlight_image_hidden {display: none;} .product-line div#spotlight div#banners #spotlight_nav {position: absolute; bottom: 10px; right: 10px;} .product-line div#spotlight div#banners #spotlight_nav li {display: block; float: left; margin-left: 3px;} .product-line div#spotlight div#banners #spotlight_nav li.indicator {background:url(../images/unselected_btn.png) no-repeat top left; width: 16px; height: 16px;} .product-line div#spotlight div#banners #spotlight_nav li.active_indicator {background:url(../images/indicated_btn.png) no-repeat bottom right; margin-right: 1px;} .product-line div#spotlight div#banners #spotlight_nav li.indicator a {display: block; height: 100%; width:100%;} #detail h1 { border-bottom: 2px solid #f1f1f1; } .pad .productdetailstextimage { padding: 12px 0 24px; } /* END Secondary page styles */ /* Footer styles */ #ft { /* main wrapper for the footer, adds the styles and spacing for it */ background: url(../images/bg-megaft.gif) #fff repeat-x top left; color: #3b3b3b; margin: 0 auto; padding: 10px 25px 0px 25px; height: 210px; } .ftlinks { float: left; width: 170px; } .ftlinks h4 { border-bottom: 1px solid #c7cdd1; font-size: 85%; width: 143px; padding-bottom: 5px; font-weight: bold; } .ftlinks li { font-size: 11px; line-height: 14px; } #ftwrap img { padding-right: 20px; padding-top: 10px; } #ftwrap .separator { padding: 0 5px; } #ftwrap .footer-bottom { border-top: 1px solid #C7CDD1; } #ftwrap .left-links{ display: inline; padding-bottom: 2px; vertical-align: middle; font-size: 11px; } #ftwrap .social-media a { width: 26px; height: 26px; display: inline-block; text-indent: -10000px; } #ftwrap .social-media { float: right; padding: 15px 5px 10px 10px; } #ftwrap a#facebook { background-image:url(/apps/public/docroot/images/facebook-off.png); } #ftwrap a#facebook:hover{ background-image:url(/apps/public/docroot/images/facebook-on.png); } #ftwrap a#twitter { background-image:url(/apps/public/docroot/images/twitter-off.png); } #ftwrap a#twitter:hover{ background-image:url(/apps/public/docroot/images/twitter-on.png); } #ftwrap a#rss { background-image:url(/apps/public/docroot/images/rss-off.png); display:none; } #ftwrap a#rss:hover{ background-image:url(/apps/public/docroot/images/rss-on.png); display:none; } #ftwrap a#linkedin { background-image:url(/apps/public/docroot/images/linkedin-off.png); } #ftwrap a#linkedin:hover{ background-image:url(/apps/public/docroot/images/linkedin-on.png); } #ftwrap a#youtube { background-image:url(/apps/public/docroot/images/youtube-off.png); } #ftwrap a#youtube:hover{ background-image:url(/apps/public/docroot/images/youtube-on.png); } #ft ul { /* adds spacing to the unordered list in the footer */ padding: 6px 0px 20px 0px; } #ft li a { /* positioning and styles for the listed linked items in the footer */ color:#0054a6; text-decoration:none; } #ft li a:hover {text-decoration:underline;} /* adds the underline on links in the hover state in the footer */ /* END Theme */ /* General Forms styles */ .form-1 fieldset, .form-2 fieldset { border:1px solid #ccc; } .form-1 label { width:80px; font-size:85%; } .form-1 fieldset fieldset label { width:79px; } .form-1 input { width:120px; font-size:85%; } .form-1 textarea, .form-2 textarea { width:420px; font-size:85%; } .form-1 legend, .form-1 select, .form-1 a, .form-1 p { font-size:85%; } .form-1 input { font-size:100%; } /* END Forms */ /* Clearfix */ .clearfix:after, #topContainer:after, #header:after, .spec:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* END Clearfix */ /*Add a stand-alone padding class for featrenewsorevents (tluu)*/ #pre .pad { /* padding for the main content area in template2 */ padding: 10px 0 10px 19px; } .corporatepicker h2 { font-size: 1.1em; padding: 5px 4px 4px 10px; background-color: #EEE; border: solid 1px #DDD; } .corporatepicker a.brandJump { color: #333; } .litgallery { padding: 10px 0px; } .litgalleryCell { width: 17.4%; float: left; margin-right: 20px; } .litgalleryCell img { border: solid 2px #666; margin-left: 2px; } .litgalleryCell img:hover { border: solid 2px #0054A6; } .litgalleryCell p { padding: 2px 0px 0px 20px; background: url(../images/arrow.gif) no-repeat scroll top left transparent; } .last { margin-right: 0px; } .resultSpacer h1{ margin-top:140px; } .resultSpacer{ height: 300px; text-align: center; } #suggestion_form { padding-bottom:25px; margin-top:0; float:right; } /** * Cascading Style Sheet for GSA Suggest. */ #search_suggest { background-color: #fff; width: 100% !important; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px; color: gray; z-index:99 !important; } #unit-nav,#nav { z-index: 98 !important; } .ss-gac-m {background:white;border: 1px solid #c7cdc1;cursor:default;font-size:13px;line-height:17px;margin:0;position:absolute;z-index:99;} .ss-gac-b {background-color:#eee!important;} .ss-gac-c {overflow:hidden;padding-left: 3px;text-align:left;white-space:nowrap;} .ss-gac-d {color:green;font-size: 10px;overflow: hidden;padding: 0 3px;text-align:right;white-space:nowrap;} .ss-gac-b td {color:white;color:#000!important;} .ss-gac-e td {font-size:10px;line-height: 15px;padding:0 3px 2px;text-align:right;} .ss-gac-e span {color:#00c;cursor:pointer;text-decoration:underline;} #investor_Info_section .gridcontent h2 span{ background: url("../images/spec-corner.gif") no-repeat scroll left top transparent; border: 0 none; color: #000000; display: block; overflow: hidden; padding: 6px 14px 4px; } #investor_Info_section .gridcontent h2 { background: url("../images/spec-header.gif") repeat-x scroll 0 0 transparent; border: 0 none; font-size: 92%; font-weight: 700; padding:0; } #investor_Info_section ul li { list-style-type: none; background: url( /apps/public/docroot/images/arrow.gif ) -1px -1px no-repeat; padding-left: 18px; color: #0054a6; text-decoration:none; padding-bottom: 10px; } /*.last #locationForm { height: 1.22em; margin: 0; padding: 0 5px; border-right: 1px solid #B71234;} */ form#locationForm{padding-top:0; height: 1.22em;} form#locationForm select { width:11em; position: relative; top: -2px ; } .folderContents .loading { height: 50px; background: url("/apps/public/docroot/images/ajax-loader.gif") no-repeat scroll 10px top transparent; } div.folderContents ul li { background: url("/apps/public/docroot/images/cooper-bullet.gif") no-repeat scroll left 0.4em transparent; list-style-type: none; padding: 2px 0 2px 2em; text-align: left; text-indent: .09em; } #header ul.globalnav li.location { border-right:none; padding-right: 0 ; } div.brandshome { padding-top:10px; }