/* Site Overhead Door URL www.overheaddoor.com CSS Main Styles ............................................ */ /* =Global Styles ................................................ */ body { font-family: Arial, Helvetica, sans-serif; background-color: #eee; text-align: center; } p { font-size: 14px; color: #2c2c2c; margin-bottom: 10px; overflow: hidden; } /* per Chris @ TMP -added discs to bullet here */ /*li { line-height: 18px; font-size: 14px; color: #2c2c2c; list-style: disc; list-style-position: inside; }*/ /* Robby took Chris's line out as it broke the design. Added line below instead. */ li { line-height: 18px; font-size: 14px; color: #2c2c2c; list-style: none; } /* 30px/30px makes the font be exactly that size - if you change the digits- keep the / and use the number twice */ h1 { font: 30px/30px "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #b8b4aa; position: relative; left: 20px; top: 15px; } /*15px top relative to what */ /* h1 has top margin 15px and h1 span has bottom 16px - puts this in the middle */ h1 span { font-size: 12px; position: relative; bottom: 16px; } h2 { font: 22px Arial, Helvetica, sans-serif; color: #4b453f; } h3 { font: 16px Arial, Helvetica, sans-serif; color: #d01a11; } /* Added for headers thruout the site we want bold (besides what's in features*/ h3.bold{ font: 16px Arial, Helvetica, sans-serif; color: #d01a11; font-weight:bold; } h4 { } h5 { font: 16px "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight: bold; color: #4b453f; } h6 { font: 14px Arial, Helvetica, sans-serif; color: #d01a11; } a:link, a:visited { color: #d01a11; } a:hover, a:active { color: #8e0b05; } span.link { padding: 0 0 0 10px; background: url(/Style%20Library/OHD/Images/arrow-link.gif) 0 3px no-repeat; font-size: 13px; } span.link a { text-decoration: none; } .float-left { float: left; margin: 0 10px 10px 0; } #page-header { width: 940px; height: 80px; background: url(/Style%20Library/OHD/Images/bg-hdr-interior.jpg) no-repeat; margin: 10px 0 0 20px; } /* original top margin: 10px; */ #wrapper-body { width: 980px; margin: 0 auto; padding: 1px 0 10px 0; text-align: left; background: url(/Style%20Library/OHD/Images/bg-tile-main.gif) 0 0 repeat-y; position: relative; } #wrapper-body:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* =Header Styles ................................................ */ #wrapper-header { width: 980px; margin: 0 auto; text-align: left; background: url(/Style%20Library/OHD/Images/bg-cap-top.gif) 0 bottom no-repeat; position: relative; height: 90px; } .logo-header { position: absolute; top: 19px; left: 20px; } #nav-utility { position: absolute; top: 23px; right: 20px; } #nav-utility li { float: left; font-weight: bold; font-size: 11px; margin-left: 12px; } #nav-utility a:link, #nav-utility a:visited { color: #6a6a6a; text-decoration: none; } #nav-utility a:hover, #nav-utility a:active { color: #9d9d9d; text-decoration: none; border-bottom: 1px solid #d01a11; } #search-header { position: absolute; top: 53px; right: 20px; } input#search-box { float: left; font: 11px/11px Arial, Helvetica, sans-serif; font-weight: bold; color: #979797; background: url(/Style%20Library/OHD/Images/form-search-bar.gif) 0 0 no-repeat; padding: 8px 12px 8px 27px; border: none; width: 154px; height: 11px; line-height: 11px; } input#search-submit { float: left; border: none; height: 27px; width: 67px; text-indent: -9999px; margin-left: 10px; } /* =Main Navigation ................................................ */ #nav-main { margin: 10px 0 0 20px; }/* this is the light brown graphic behind the top nav menu | original bottom margin 20px*/ #nav-main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #nav-main li { float: left; position: relative; text-indent: -9999px; z-index: 1001; } #nav-main li a { display: block; height: 39px; background-image: url("/Style%20Library/OHD/Images/nav-main-sprite.jpg"); background-repeat: no-repeat; } #nav-main li#nav-products a { width: 107px; background-position: 0 0; } #nav-main li#nav-products a:hover, #nav-main li#nav-products.hover a { background-position: 0 -39px; } #nav-main li#nav-find a { width: 179px; background-position: -107px 0; } #nav-main li#nav-find a:hover, #nav-main li#nav-find.hover a { background-position: -107px -39px; } #nav-main li#nav-support a { width: 99px; background-position: -286px 0; } #nav-main li#nav-support a:hover, #nav-main li#nav-support.hover a { background-position: -286px -39px; } #nav-main li#nav-accounts a { width: 182px; background-position: -385px 0; } #nav-main li#nav-accounts a:hover, #nav-main li#nav-accounts.hover a { background-position: -385px -39px; } #nav-main li#nav-about a { width: 108px; background-position: -567px 0; } #nav-main li#nav-about a:hover, #nav-main li#nav-about.hover a { background-position: -567px -39px; } #nav-main li#nav-news a { width: 85px; background-position: -675px 0; } #nav-main li#nav-news a:hover, #nav-main li#nav-news.hover a { background-position: -675px -39px; } #nav-main li#nav-ac a { width: 180px; background-position: -760px 0; } #nav-main li#nav-ac a:hover, #nav-main li#nav-ac.hover a { background-position: -760px -39px; } /* --General Dropdown --------------------------------- */ li div.general-dropdown { display: none; left: 0; position: absolute; top: 39px; visibility: hidden; z-index: 1000; } li.hover div.general-dropdown { display: block; visibility: visible; } #nav-main .general-dropdown ul { background: #dbd5ce url(/Style%20Library/OHD/Images/bg-dropdown-col1.gif) 0 0 repeat-x; float: left; padding: 20px; width: 140px; } #nav-main .general-dropdown ul li { border-bottom: 1px solid #bfafa3; width: 140px; } #nav-main .general-dropdown ul li.last { border: none; } #nav-main .general-dropdown ul li a { background-image: none; color: #4a443f; display: block; font: 11px/11px Arial, Helvetica, sans-serif; font-weight: bold; height: auto; line-height: 15px; padding: 3px 0; text-decoration: none; text-indent: 0; width: 140px !important; } #nav-main .general-dropdown ul li a:hover { color: #d01a11; } #nav-main .general-dropdown ul li ul { background: none; display: inline; margin: 0 0 10px 20px; padding: 0; width: 120px; } #nav-main .general-dropdown ul li ul li { overflow: hidden; width: 120px; } #nav-main .general-dropdown ul li ul li a { font-weight: normal; } /* --Products Dropdown --------------------------------- */ li#nav-products div.dropdown { display: none; left: 0; position: absolute; top: 39px; visibility: hidden; z-index: 1000; } li#nav-products.hover div.dropdown { display: block; visibility: visible; } li#nav-products.hover ul li .nav-dropdown-col2-dropdown { display: none; left: 280px; top: 0; visibility: hidden; } li#nav-products.hover ul li.hover .nav-dropdown-col2-dropdown { display: block; visibility: visible; } /*column 1*/ li#nav-products div#nav-dropdown-col1 { background: #dbd5ce url(/Style%20Library/OHD/Images/bg-dropdown-col1.gif) 0 0 repeat-x; height: 341px; padding: 20px; width: 240px; } li#nav-products div#nav-dropdown-col1 div {} li#nav-products div#nav-dropdown-col1 div#nav-dropdown-res { border-bottom: 1px solid #857f78; margin-bottom: 20px; padding: 0 0 20px 0; } li#nav-products div#nav-dropdown-col1 div#nav-dropdown-com { border-bottom: 1px solid #857f78; margin-bottom: 20px; padding: 0 0 20px 0; } li#nav-products div#nav-dropdown-col1 div img { float: left; } li#nav-products div#nav-dropdown-col1 div p { display: block; height: 12px; margin: 0 0 10px 0; text-indent: -9999px; } li#nav-products div#nav-dropdown-col1 div#nav-dropdown-res p { background: url(/Style%20Library/OHD/Images/txt-dropdown-residential.gif) 0 0 no-repeat; width: 89px; } li#nav-products div#nav-dropdown-col1 div#nav-dropdown-res-doors p { background: url(/Style%20Library/OHD/Images/txt-dropdown-residential-doors.gif) 0 0 no-repeat; width: 138px; } li#nav-products div#nav-dropdown-col1 div#nav-dropdown-res-openers p { background: url(/Style%20Library/OHD/Images/txt-dropdown-residential-openers.gif) 0 0 no-repeat; height: 15px; margin: 0 0 7px 0; width: 158px; } li#nav-products div#nav-dropdown-col1 div#nav-dropdown-res-accessories p { background: url(/Style%20Library/OHD/Images/txt-dropdown-residential-accessories.gif) 0 0 no-repeat; width: 185px; } li#nav-products div#nav-dropdown-col1 div#nav-dropdown-com p { background: url(/Style%20Library/OHD/Images/txt-dropdown-commercial.gif) 0 0 no-repeat; width: 98px; } /* Do NOT show the text: Commercial Doors on the submenu */ li#nav-products div#nav-dropdown-col1 div#nav-dropdown-com-doors p { background: url(/Style%20Library/OHD/Images/txt-dropdown-commercial-doors.gif) 0 0 no-repeat; width: 147px; } li#nav-products div#nav-dropdown-col1 div#nav-dropdown-com-openers p { background: url(/Style%20Library/OHD/Images/txt-dropdown-commercial-operators.gif) 0 0 no-repeat; height: 15px; margin: 0 0 7px 0; width: 180px; } li#nav-products div#nav-dropdown-col1 div#nav-dropdown-com-accessories p { background: url(/Style%20Library/OHD/Images/txt-dropdown-commercial-accessories.gif) 0 0 no-repeat; width: 194px; } li#nav-products div#nav-dropdown-col1 div#nav-dropdown-wind p { background: url(/Style%20Library/OHD/Images/txt-dropdown-windload.gif) 0 0 no-repeat; width: 74px; } li#nav-products div#nav-dropdown-col1 div ul li { border-bottom: 1px solid #bfafa3; float: none; line-height: 11px; margin: 0 0 0 70px; position: static; text-indent: 0; } li#nav-products div#nav-dropdown-col1 div ul li.last { border: none; } * html li#nav-products div#nav-dropdown-col1 div ul li.last { height: 1%; } li#nav-products div#nav-dropdown-col1 div ul li a { background-image: none; color: #4a443f; display: block; font: 11px/11px Arial, Helvetica, sans-serif; font-weight: bold; height: 15px; line-height: 15px; padding: 3px 0; position: relative; text-decoration: none; width: auto; } li#nav-products div#nav-dropdown-col1 div ul li.hover a { background-position: right -16px !important; color: #d01a11; } li#nav-products div#nav-dropdown-col1 div#nav-dropdown-res ul li a, li#nav-products div#nav-dropdown-col1 div#nav-dropdown-com ul li a { background: url(/Style%20Library/OHD/Images/arrow-dropdown.gif) right 9px no-repeat; } /*column 2*/ li#nav-products div#nav-dropdown-col1 div div a { background-image: none !important; } li#nav-products div#nav-dropdown-col1 div.nav-dropdown-col2-dropdown { height: 341px; left: 280px; padding: 20px; position: absolute; top: 0; width: 230px; background: #ebe6e1 url(/Style%20Library/OHD/Images/bg-dropdown-col2.gif) 0 0 no-repeat; z-index: 1000; } li#nav-products div#nav-dropdown-col1 div.nav-dropdown-col2-dropdown ul li { float: none; margin: 0; text-indent: 0; } li#nav-products div#nav-dropdown-col1 div.nav-dropdown-col2-dropdown ul li a { color: #4a443f; } li#nav-products div#nav-dropdown-col1 div.nav-dropdown-col2-dropdown ul li a:hover { color: #d01a11; } li#nav-products div#nav-dropdown-col1 div.nav-dropdown-col2-dropdown p { height: 12px; margin: 0 0 10px 0; text-indent: -9999px; } /* =Homepage ................................................ */ img.temp-flash-home { margin: -10px 0 0 20px; padding-top: 0px; display: block; } .flash-home{ margin: 0 0 0 20px; padding-top: 10px; display: block; } #home p { line-height: 16px; font-size: 12px; color: #2c2c2c; margin-bottom: 10px; } #find-distributor-home { position: relative; margin: 10px 0 0 20px; width: 682px; height: 74px; background: url(/Style%20Library/OHD/Images/bg-find-distributor-home.jpg) 0 0 no-repeat; padding: 10px; } #find-distributor-home label { color: #6a6a6a; font-weight: bold; font-size: 11px; display: block; } .fad-country { position: absolute; bottom: 16px; left: 10px; } .fad-zip { position: absolute; bottom: 15px; left: 143px; margin-left: 10px; } input#distributor-home-submit { position: absolute; bottom: 15px; left: 310px; border: none; height: 27px; width: 67px; text-indent: -9999px; } input#distributor-home-zip { background: url(/Style%20Library/OHD/Images/form-text-home.gif) 0 0 no-repeat; border: 0; width: 97px; height: 11px; line-height: 11px; padding: 8px 0 8px 8px; font: 11px/11px Arial, Helvetica, sans-serif; font-weight: bold; color: #979797; } #tax-credit-home { margin: 0px 20px 0 0; padding: 10px; width: 208px; height: 74px; float: right; background: url(/Style%20Library/OHD/Images/bg-tax-credit-home.jpg) 0 0 no-repeat; } /*replaced with generic name #AD-mid-right-home { margin: 10px 20px 0 0; padding: 10px; width: 208px; height: 74px; float: right; background: url(/Style%20Library/OHD/Images/bg-tax-credit-home.jpg) 0 0 no-repeat;} */ #facebook-like-us { margin: 0px 0px 0 0; padding: 0px; padding-right:38px; border: solid 0px black; width: 208px; height: 74px; float: right; background: url() 0 0 no-repeat; } #home-columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #home h2 { font: 27px "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight: bold; color: #d01a11; } #home h4 { font: 15px "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight: bold; color: #2c2c2c; margin-bottom: 10px; } #col1-home { float: left; width: 228px; margin: 10px 0 0 20px; display: inline; } #home h3 { font: 15px Arial, Helvetica, sans-serif; font-weight: bold; color: #2c2c2c; text-transform: uppercase; } #home #col1-home h3 { color: #d01a11; } #col2-home { float: left; width: 227px; margin: 10px 0 0 10px; display: inline; } #col3-home { float: left; width: 227px; margin: 10px 0 0 10px; display: inline; } #col4-home { float: left; width: 228px; margin: 10px 0 0 10px; display: inline; position: relative; } img.ac-logo { position: absolute; right: -4px; top: -4px; } img.home-column-img { display: block; margin-bottom: 9px; } /* =Interior Pages ................................................ */ #page-header { margin-top:-10px;width : 940px; height: 70px; background: url(/Style%20Library/OHD/Images/bg-hdr-interior.jpg) 0 0 no-repeat; position: relative; margin: -5px 0 0 20px; } #one-col-content { width: 900px; margin: 10px 0 0 40px; } #two-col-content { width: 663px; margin: 10px 0 0 40px; } #sidebar { width: 227px; float: right; margin: 10px 20px 0 0; } #sidebar p { font-size: 10px; line-height: 14px; color: #2c2c2c; } .sidebar-image img { display: block; margin-bottom: 10px; } .sidebar-bucket { background-color: #ededed; border: 1px solid #e1e1e1; padding: 10px; margin-bottom: 10px; } .sidebar-bucket span { font-size: 10px; } .sidebar-bucket span a:link, .sidebar-bucket span a:visited { color: #d01a11; font-weight: bold; text-decoration: none; text-transform: uppercase; } .sidebar-bucket span a:hover, .sidebar-bucket span a:active { color: #8e0b05; } #sidebar-utility.sidebar-bucket { padding-right: 0; } #sidebar-utility p { float: left; margin: 0 0 0 8px; font-weight: bold; font-size: 9px; } #sidebar-utility p a:link, #sidebar-utility p a:visited { color: #2c2c2c; text-decoration: none; } #sidebar-utility p a:hover, #sidebar-utility p a:active { color: #d01a11; text-decoration: none; } #sidebar-utility img { float: left; } #sidebar-utility img.utility-email { margin-left: 15px; } #sidebar-utility:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } p.breadcrumbs { color: #2c2c2c; font-size: 9px; font-weight: bold; font-style: italic; width: 100%; } p.breadcrumbs span { font-style: normal; margin: 0 6px; } p.breadcrumbs a:link, p.breadcrumbs a:visited { text-decoration: none; font-style: normal; color: #d01a11; } p.breadcrumbs a:hover, p.breadcrumbs a:active { text-decoration: none; font-style: normal; color: #8e0b05; } img.img-content { border: 1px solid #e4e3e3; padding: 10px; display: block; } /* --Distributor Pages --------------------------- */ #dist-locator { width: 663px; background-color: #ededed; } #dist-locator-tabs { background-color: #4e4841; height: 32px; position: relative; padding: 18px 0 0 17px; } #dist-locator-tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #dist-locator-tabs li { margin-right: 10px; float: left; } #dist-locator-tabs a { display: block; text-decoration: none; width: 140px; height: 22px; padding: 10px 0 0 10px; background: url(/Style%20Library/OHD/Images/bg-tab-150x32.gif) 0 -32px no-repeat; } #dist-locator-tabs a:hover { background-position: 0 0; } #dist-locator-tabs li.tab-usa img { position: relative; top: -7px; margin-right: 8px; } #dist-locator-tabs li.tab-can img { position: relative; top: -7px; margin-right: 8px; } #dist-locator-tabs li.tab-mex img { position: relative; top: -7px; margin-right: 8px; } #dist-locator-tabs li.tab-int img { position: relative; top: -4px; margin-right: 8px; } #dist-locator-tabs li.tab-int { margin: 0; } p.dist-usa-inst { float: left; margin: 18px 0 0 15px; display: inline; } #dist-usa-form { float: right; margin: 15px 15px 0 0; display: inline; } input.dist-usa-zip { float: left; font: 10px/10px Arial, Helvetica, sans-serif; font-weight: bold; color: #979797; background: url(/Style%20Library/OHD/Images/form-dist-search-zip.gif) 0 0 no-repeat; padding: 8px 12px 8px 27px; border: none; line-height: 11px; height: 11px; width: 75px; margin-right: 10px; } #dist-results { width: 643px; padding: 0 10px; margin-bottom: 20px; } #dist-results h4 { margin: 20px 0 0 10px; } #dist-results div { padding: 10px; } #dist-results div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #dist-results div.alt { background-color: #fdfdfd; } #dist-results a { font-weight: bold; text-decoration: none; } #dist-results p.location-name a:link, #dist-results p.location-name a:visited { color: #2c2c2c; } #dist-results p.location-name a:hover, #dist-results p.location-name a:active { color: #8e0b05; } #dist-results p, #dist-results li { font-size: 11px; line-height: 11px; margin: 0; } #dist-results p.location-name { font-size: 14px; line-height: 14px; font-weight: bold; } #dist-results p.url-email { margin: 4px 0 8px 0; } #dist-results .dist-col1 { float: left; width: 164px; margin: 0 10px 14px 0; font-weight: bold; } #dist-results .dist-col2 { float: left; width: 40px; margin-bottom: 14px; } #dist-results .dist-col3 { float: left; width: 85px; margin-bottom: 14px; font-weight: bold; } #dist-results .dist-col4 { float: left; width: 102px; margin-bottom: 14px; } #dist-results .dist-col5 { float: left; width: 85px; margin-bottom: 14px; font-weight: bold; } #dist-results ul.attributes { clear: left; margin-top: 14px; } #dist-results ul.attributes li { float: left; margin-right: 10px; } #dist-results img.img-content { float: right; background-color: #fff; } #col1-dist { width: 250px; } #col2-dist { float: right; } #col2-dist img { margin-bottom: 30px; } ul.dist-list { margin: 10px 0 30px 0; } ul.dist-list li { font-size: 11px; line-height: 14px; margin-bottom: 8px; } #dist-contact li { padding-left: 22px; } #dist-contact li.dist-address { background: url(/Style%20Library/OHD/Images/icon-book.gif) 0 -1px no-repeat; } #dist-contact li.dist-phone { background: url(/Style%20Library/OHD/Images/icon-phone.gif) 0 0 no-repeat; } #dist-contact li.dist-fax { background: url(/Style%20Library/OHD/Images/icon-fax.gif) 0 -1px no-repeat; } #dist-contact li.dist-emergency-phone { background: url(/Style%20Library/OHD/Images/icon-warning.gif) 0 0 no-repeat; } #dist-contact li.dist-website { background: url(/Style%20Library/OHD/Images/icon-computer.gif) 0 0 no-repeat; } #dist-contact li.dist-email { background: url(/Style%20Library/OHD/Images/icon-email.gif) 0 -1px no-repeat; } .business-hours { position: relative; } ul#dist-hours-hours { position: absolute; top: -10px; left: 70px; } ul#dist-hours-day li, ul#dist-hours-hours li { margin-bottom: 0; } ul#dist-attributes li { font-weight: bold; } #dist-attributes li { padding-left: 28px; line-height: 22px; } #dist-attributes li.dist-att { background: url(/Style%20Library/OHD/Images/icon-attribute-placeholder.gif) 0 0 no-repeat; } /* --Product Pages --------------------------- */ /* --changed bottom margin from 0 to 10px to allow space for underlined text.--*/ #doors-landing-grid { margin: 20px 10px; } #doors-landing-grid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #doors-landing-grid li { width: 194px; float: left; } /* Added on 4/21/2011 to fix for IE8 8 */ #doors-product-grid { margin: 20px 10px; } #doors-product-grid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #doors-product-grid li { width: 194px; float: left; height:275px;} div.top-link{font-weight:bold; text-align:left; font-size:medium;padding-top:5px;} div.boxCaption{text-align:left; height:90px; font-size:12px; padding-top:5px; line-height:1.5} div.bottom-link{text-align:left; font-size:small; padding-top:3px;} #doors-product-grid li.row1-box1 { padding: 0 15px 15px 15px; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; border-left:1px solid #fff; border-right:1px solid #ccc; } #doors-product-grid li.row1-box2 { padding: 0 15px 15px 15px; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; border-left:1px solid #fff; border-right:1px solid #fff; } #doors-product-grid li.row1-box3 { padding: 0 15px 15px 15px; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #fff; } #doors-product-grid li.row2-box1 { padding: 0 15px 15px 15px; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; border-left:1px solid #fff; border-right:1px solid #ccc; } #doors-product-grid li.row2-box2 { padding: 0 15px 15px 15px; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; border-left:1px solid #fff; border-right:1px solid #fff; } #doors-product-grid li.row2-box3 { padding: 0 15px 15px 15px; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #fff; } #doors-product-grid li.row3-box1 { padding: 0 15px 15px 15px; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; border-left:1px solid #fff; border-right:1px solid #ccc; } #doors-product-grid li.row3-box2 { padding: 0 15px 15px 15px; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; border-left:1px solid #fff; border-right:1px solid #fff; } #doors-product-grid li.row3-box3 { padding: 0 15px 15px 15px; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #fff; } #doors-product-grid li.row4-box1 { padding: 0 15px 15px 15px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left:1px solid #fff; border-right:1px solid #ccc; } #doors-product-grid li.row4-box2 { padding: 0 15px 15px 15px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; } #doors-product-grid li.row4-box3 { padding: 0 15px 15px 15px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left:1px solid #ccc; border-right:1px solid #fff; } #doors-landing-grid li.grid-top-left { padding: 0 15px 15px 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } #doors-landing-grid li.grid-top-middle { padding: 0 15px 15px 15px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } #doors-landing-grid li.grid-top-right { padding: 0 0 15px 15px; border-bottom: 1px solid #ccc; } #doors-landing-grid li.grid-bottom-left { padding: 15px 15px 15px 0; border-right: 1px solid #ccc;border-bottom: 1px solid #ccc; } #doors-landing-grid li.grid-bottom-middle { padding: 15px 15px 15px 15px; border-right: 1px solid #ccc;border-bottom: 1px solid #ccc; } #doors-landing-grid li.grid-bottom-right { padding: 15px 0 15px 15px;border-bottom: 1px solid #ccc; } /*increased line-height to allow for superscript of registered trade mark tags*/ #doors-landing-grid p { margin: 10px 0; font-size: 11px; line-height: 25px; } /* changed bottom margin from 10 to 0 so image does not cover up the title - added border for testing*/ #doors-landing-grid p.series-title { font-size: 16px; font-weight: bold; margin: 0 0 0 0; } #doors-landing-grid p.series-title a { text-decoration: none; } #doors-landing-grid p.series-title a:link, #doors-landing-grid p.series-title a:visited { color: #2c2c2c; text-decoration:none;} #doors-landing-grid p.series-title a:hover, #doors-landing-grid p.series-title a:active { color: #d01a11; text-decoration:none;} /* -- Duplicating above adding 2 to the id so that addtional products can be added to the page--*/ /* --changed bottom margin from 0 to 10px to allow space for underlined text.--*/ #doors-landing-grid2 { margin: 30px 10px; } #doors-landing-grid2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #doors-landing-grid2 li { width: 194px; float: left; } #doors-landing-grid2 li.grid-top-left { padding: 15px 15px 15px 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } #doors-landing-grid2 li.grid-top-middle { padding: 15px 15px 15px 15px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } #doors-landing-grid2 li.grid-top-right { padding: 15px 0 15px 15px; border-bottom: 1px solid #ccc; } #doors-landing-grid2 li.grid-bottom-left { padding: 15px 15px 0 0; border-right: 1px solid #ccc; } #doors-landing-grid2 li.grid-bottom-middle { padding: 15px 15px 0 15px; border-right: 1px solid #ccc; } #doors-landing-grid2 li.grid-bottom-right { padding: 15px 0 0 15px; } /*increased line-height to allow for superscript of registered trade mark tags*/ #doors-landing-grid2 p { margin: 10px 0; font-size: 11px; line-height: 25px; } /* changed bottom margin from 10 to 0 so image does not cover up the title - added border for testing*/ #doors-landing-grid2 p.series-title { font-size: 16px; font-weight: bold; margin: 0 0 0 0; } #doors-landing-grid2 p.series-title a { text-decoration: none; } #doors-landing-grid2 p.series-title a:link, #doors-landing-grid2 p.series-title a:visited { color: #2c2c2c; text-decoration:none;} #doors-landing-grid2 p.series-title a:hover, #doors-landing-grid2 p.series-title a:active { color: #d01a11; text-decoration:none;} /* -- Duplicating above making only 3 across for wider names to fit--*/ /* --changed bottom margin from 0 to 10px to allow space for underlined text.--*/ #doors-landing-grid3 { margin: 30px 10px; } #doors-landing-grid3:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #doors-landing-grid3 li { width: 250px; float: left; } #doors-landing-grid3 li.grid-top-left { padding: 15px 15px 15px 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } #doors-landing-grid3 li.grid-top-middle { padding: 15px 15px 15px 15px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } #doors-landing-grid3 li.grid-top-right { padding: 15px 0 15px 15px; border-bottom: 1px solid #ccc; } #doors-landing-grid3 li.grid-bottom-left { padding: 15px 15px 0 0; border-right: 1px solid #ccc; } #doors-landing-grid3 li.grid-bottom-middle { padding: 15px 15px 0 15px; border-right: 1px solid #ccc; } #doors-landing-grid3 li.grid-bottom-right { padding: 15px 0 0 15px; } /*increased line-height to allow for superscript of registered trade mark tags*/ #doors-landing-grid3 p { margin: 10px 0; font-size: 11px; line-height: 25px; } /* changed bottom margin from 10 to 0 so image does not cover up the title - added border for testing*/ #doors-landing-grid3 p.series-title { font-size: 16px; font-weight: bold; margin: 0 0 0 0; } #doors-landing-grid3 p.series-title a { text-decoration: none; } #doors-landing-grid3 p.series-title a:link, #doors-landing-grid3 p.series-title a:visited { color: #2c2c2c; text-decoration:none;} #doors-landing-grid3 p.series-title a:hover, #doors-landing-grid3 p.series-title a:active { color: #d01a11; text-decoration:none;} /* -- Duplicating above adding 2 to the id so that addtional products can be added to the page--*/ /* --changed bottom margin from 0 to 10px to allow space for underlined text.--*/ #product-landing-grid { margin: 30px 10px; } #product-landing-grid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #product-landing-grid li { width: 194px; float: left; } #product-landing-grid li.grid-top-left { padding: 15px 15px 15px 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } #product-landing-grid li.grid-top-middle { padding: 15px 15px 15px 15px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } #product-landing-grid li.grid-top-right { padding: 15px 0 15px 15px; border-bottom: 1px solid #ccc; } #product-landing-grid li.grid-mid-left { padding: 15px 15px 15px 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } #product-landing-grid li.grid-mid-middle { padding: 15px 15px 15px 15px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } #product-landing-grid li.grid-mid-right { padding: 15px 0 15px 15px; border-bottom: 1px solid #ccc; } #product-landing-grid li.grid-bottom-left { padding: 15px 15px 0 0; border-right: 1px solid #ccc; } #product-landing-grid li.grid-bottom-middle { padding: 15px 15px 0 15px; border-right: 1px solid #ccc; } #product-landing-grid li.grid-bottom-right { padding: 15px 0 0 15px; } /*increased line-height to allow for superscript of registered trade mark tags*/ #product-landing-grid p { margin: 10px 0; font-size: 11px; line-height: 25px; } /* changed bottom margin from 10 to 0 so image does not cover up the title - added border for testing*/ #product-landing-grid p.series-title { font-size: 16px; font-weight: bold; margin: 0 0 0 0; } #product-landing-grid p.series-title a { text-decoration: none; } #product-landing-grid p.series-title a:link, #doors-landing-grid2 p.series-title a:visited { color: #2c2c2c; text-decoration:none;} #product-landing-grid p.series-title a:hover, #doors-landing-grid2 p.series-title a:active { color: #d01a11; text-decoration:none;} #features { width: 663px; background-color: #ededed; float: left; margin-bottom: 30px; } #features-tabs { background-color: #4e4841; height: 32px; position: relative; padding: 18px 0 0 20px; } #features-tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #features-tabs li { margin: 0 10px 0 0; float: left; } #features-tabs li.tab-literature { margin: 0; } #features-tabs li.tab05-content { margin: 0; } /* SR added */ #features-tabs a.tabOn { display: block; text-decoration: none; width: 117px; height: 22px; padding: 10px 0 0 0; background: url(/Style%20Library/OHD/Images/bg-tab-117x32.gif) 0 0 no-repeat; text-align: center; } #features-tabs a.tabOff { display: block; text-decoration: none; width: 117px; height: 22px; padding: 10px 0 0 0; background: url(/Style%20Library/OHD/Images/bg-tab-117x32.gif) 0 -32px no-repeat; text-align: center;} #features-tabs a.tabOff:hover { background-position: 0 0; } #features-content { padding: 20px 0 10px 20px; float: left; } #options-content, #sizes-content, #downloads-content, #literature-content { padding: 20px 0 10px 20px; float: left; margin-left:-9999px; } /* added for new tab names - by SR */ #accessories-content, #technology-content, #windows-content, #hardware-content { padding: 20px 0 10px 20px; float: left; margin-left:-9999px; } /* Copied Tabs but re-named them to be universal rather than name specific */ #features-tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #features-tabs li { margin: 0 10px 0 0; float: left; } #features-tabs li.tab-04 { margin: 0; } #features-tabs li.tab04-content { margin: 0; } /*SR added */ #features-tabs a.tabOn { display: block; text-decoration: none; width: 117px; height: 22px; padding: 10px 0 0 0; background: url(/Style%20Library/OHD/Images/bg-tab-117x32.gif) 0 0 no-repeat; text-align: center; } #features-tabs a.tabOff { display: block; text-decoration: none; width: 117px; height: 22px; padding: 10px 0 0 0; background: url(/Style%20Library/OHD/Images/bg-tab-117x32.gif) 0 -32px no-repeat; text-align: center;} #features-tabs a.tabOff:hover { background-position: 0 0; } /*COMM APP UPDATE*/ .features-section { width: 643px; } #features-content { padding: 20px 0 10px 20px; float: left; } #options-content, #sizes-content, #downloads-content, #literature-content, #operators-content, #techInfo-content, #gallery-content { padding: 20px 0 10px 20px; float: left; margin-left:-9999px; } /*END COMM APP UPDATE*/ #features .features-3col { float: left; width: 194px; padding-right: 20px; } #series-detail-copy { margin-bottom: 20px; } #series-detail-image { float: right; margin: 0 0 20px 20px; } /* added for commercial doors tab names - by SR */ #features .features-2col { float: left; width: 300px; padding-right: 20px; } #divimages .gallery-2col { float: left; width: 300px; padding-right: 20px; } /*SR added for co.history and other misc. pages with non product pics*/ #divimages .gallery-3col { float: left; width: 194px; padding-right: 20px; } /*SR added for co.history and other misc. pages with non product pics*/ /* COMM APP */ #application-image { float: right; margin: 0 0 20px 20px; } #application-copy { margin-bottom: 20px; } #application-copy ul { margin-left: 20px; } #application-copy li { list-style: disc; margin-bottom: 10px; } #all-applications { font-size: 12px; position: absolute; right: 0; top: 50px; } #green-solution { background: url('/Style%20Library/OHD/Images/icon-leaf.gif') no-repeat 0 0; list-style: none !important; margin-left: -20px; padding-left: 20px; } #green-solution strong { color: #009e00; } .additional-solutions { border: 1px solid #000; margin: 0 !important; width: 250px; } .additional-solutions li { list-style: none !important; margin: 0 !important; } .additional-solutions a { color: #000; display: block; font-size: 12px; padding: 1px 2px; text-decoration: none; width: 246px; } .additional-solutions a:hover { background-color: #3875d7; color: #fff; } .additional-solutions-link { background: url(/Style%20Library/OHD/Images/arrow-additional-solutions.gif) no-repeat 5px 5px; border: 1px solid #d4d4d4; color: #000 !important; display: block; font-size: 12px; text-decoration: none; padding: 2px 0 2px 24px; width: 226px; } .additional-solutions-link.active { background-position: 5px -10px; } .operators-column { float: left; margin-right: 10px; width: 148px; } .techInfo-column { float: left; margin-right: 10px; width: 310px; } .techInfo-column img { float: left; margin-right: 10px; } .techInfo-column p { margin-left: 158px; } .gallery .gallery-item { float: left; margin-right: 10px; } .icon-list { float: left; margin: 10px 0; } .icon-list li { float: left; margin: 0 10px 0 0; } /* END COMM APP*/ a.btn-contact-dist { display: block; background: url(/Style%20Library/OHD/Images/btn-contact-dist.gif) 0 0 no-repeat; width: 151px; height: 19px; text-indent: -9999px; float: right; margin-top: 10px; } a.btn-contact-dist:hover, a.btn-contact-dist:active { background-position: 0 -19px; } a.btn-doorview { display: block; background: url(/Style%20Library/OHD/Images/btn-design-with-doorview.gif) 0 0 no-repeat; width: 193px; height: 27px; text-indent: -9999px; } a.btn-doorview:hover, a.btn-doorview:active { background-position: 0 -27px; } a.btn-door-comparison-tool { display: block; background: url(/Style%20Library/OHD/Images/btn-door-comparison-tool.gif) 0 0 no-repeat; width: 236px; height: 27px; text-indent: -9999px; } a.btn-door-comparison-tool:hover, a.btn-door-comparison-tool:active { background-position: 0 -27px; } .series-table { margin: 0 0 20px 0; text-align: center; clear: left; width: 663px; } .series-table p, .series-table li { color: #4d4841; } .series-table li { list-style: disc; list-style-position: inside; } .series-table td.series-table-col1 { width: 79px; background-color: #d3d3d3; text-align: center; } .series-table td.series-table-col2 { width: 100px; background-color: #ededed; text-align: center; } .series-table td.series-table-col3 { width: 91px; background-color: #ededed; text-align: center; } .series-table td.series-table-col4 { width: 94px; background-color: #ededed; text-align: center; } .series-table td.series-table-col5 { width: 119px; background-color: #ededed; text-align: center; } .series-table td.series-table-col6 { width: 59px; background-color: #ededed; text-align: center; } .series-table td.series-table-col7 { width: 121px; background-color: #ededed; text-align: center; } .series-table tr.main-row { height: 80px; border-bottom: 1px solid #fff; } .series-table tr.main-row td p { font-size: 12px; line-height: 14px; margin: 0; font-weight: bold; } .series-table tr.main-row td.series-table-col1 { font-size: 24px; color: #878480; font-weight: bold; text-transform: uppercase; } .series-table tr.main-row td.series-table-col2 img { border: 1px solid #929292; } .series-table tr.main-row td.series-table-col3 img { border: 3px solid #fff; } .series-table tr.main-row td.series-table-col3 p { font-size: 9px; line-height: 9px; margin: 0; } .series-table tr.main-row td.series-table-col4 p span { color: #d01a11; } .series-table tr.main-row td.series-table-col4 p span img { position: relative; top: 2px; left: 5px; } .series-table tr.main-row td.series-table-col6 p { letter-spacing: 2px; } .series-table tr.main-row td.series-table-col6 p span { color: #c8c8c8; } .series-table tr.main-row td.series-table-col7 a.series-table-view-btn { width: 77px; height: 27px; display: block; text-indent: -9999px; background: url(/Style%20Library/OHD/Images/btn-view-77x27.gif) 0 0 no-repeat; margin: 0 auto; } .series-table tr.main-row td.series-table-col7 a.series-table-view-btn:hover, .series-table tr.main-row td.series-table-col7 a.series-table-view-btn:active { background-position: 0 -27px; } .series-table tr.main-row td.series-table-col7 a.series-table-more-link { text-decoration: none; font-size: 12px; font-weight: bold; padding-left: 10px; background: url(/Style%20Library/OHD/Images/arrow-more-link.gif) 0 3px no-repeat; } .series-table tr.main-row td.series-table-col7 a.series-table-less-link { text-decoration: none; font-size: 12px; font-weight: bold; padding-left: 12px; background: url(/Style%20Library/OHD/Images/arrow-more-link.gif) 0 -13px no-repeat; } .series-table tr.more-info-row { background-color: #f6f6f6; text-align: left; border-bottom: 1px solid #fff; } .series-table tr.more-info-row img.arrow { position: relative; top: -5px; left: 25px; float: left; } .series-table tr.more-info-row img.series-large { margin: 20px 0 0 -5px; float: left; } .series-table tr.more-info-row div.series-more-info { float: right; width: 305px; margin: 20px 20px 20px 0; display: inline; } .series-table tr.header td { background-color: #4e4841; width: 663px; height: 50px; font-size: 12px; font-weight: bold; color: #c0bcb2; text-transform: uppercase; } #col1-detail-bottom { margin: 20px 0; width: 321px; clear: left; float: left; } #col2-detail-bottom { margin: 20px 0; width: 321px; float: right; } #col1-landing-bottom { margin: 20px 0; width: 430px; clear: left; float: left; } #col2-landing-bottom { margin: 20px 0; width: 430px; float: right; } /* =Footer Styles ................................................ */ #wrapper-footer { width: 980px; height: 96px; margin: 0 auto; text-align: left; background: url(/Style%20Library/OHD/Images/bg-cap-bottom.gif) 0 top no-repeat; position: relative; } #wrapper-footer p { font-size: 10px; } #wrapper-footer p img { margin: 4px 6px 0 0; } .logo-footer { position: absolute; top: 31px; left: 10px; } #nav-footer { position: absolute; top: 30px; right: 10px; color: #9c9b99; } #nav-footer span { margin: 0 4px; } #nav-footer span.footer-pipe { margin: 0 8px; } #nav-footer a { font-weight: bold; } #nav-footer a:link, #nav-footer a:visited { color: #443f3a; text-decoration: none; } #nav-footer a:hover, #nav-footer a:active { color: #827b73; text-decoration: none; border-bottom: 1px solid #d01a11; } #nav-footer a.sm:hover, #nav-footer a.sm:active { border-bottom: none; } #nav-footer a.footer-red:link, #nav-footer a.footer-red:visited { color: #d01a11; text-decoration: none; } #nav-footer a.footer-red:hover, #nav-footer a.footer-red:active { color: #8e0b05; text-decoration: none; border-bottom: 1px solid #443f3a; } .copyright { position: absolute; top: 50px; right: 10px; color: #443f3a; font-size: 10px; font-style: italic; } /*Created for color options */ .color-list{width:100%;font-size:x-small;} .color-list ul {float:left;margin:0;padding:0;} .color-list ul li{display:inline; padding:0px 0px 2px 0px; width:80px; } .colorName-list{width:100%;font-size:10px;font-family:Arial, Helvetica, sans-serif;} .colorName-list ul {float:left;margin:0;padding:0;} .colorName-list ul li{display:inline;padding:0px 0px 2px 0px; width:80px; white-space:nowrap; position:static;} .section-header{width:600px; } } #bottomlinks{width:650px;margin: 20px 0;} #col1-pagebottomlink{background-color:silver; width: 300px; clear: left; float: left;} #col2-pagebottomlink{background-color:silver; width:300px; clear: left; float: right;} #div3productgrid /*Added for formatting the job details in HR dept.*/ ul#duties { list-style-type: disc}