/* CSS Document - SDP - SR */ body { background:#fff url(../images/body-top.gif) repeat-x top; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#444;} div,p,img,hr,h1,h2,h3,h4,ul,ol,li,input,select,form { margin:0; padding:0;} /*-- for reset --*/ ::selection { background: #FFD800;} /* Safari */ ::-moz-selection { background: #FFD800; }/* Firefox */ img, a img { border:0;} .left {float:left;} .right {float:right;} .clear { clear:both;} .clear-5 { clear:both; height:5px;} .clear-10 { clear:both; height:10px;} .clear-15 { clear:both; height:15px;} .clear-20 { clear:both; height:20px;} p { margin:0 0 15px 0;} a:focus { outline:none;} a.active { -moz-outline: none;} a { color:#0867B3; text-decoration:none;} a:hover { color:#2385D4; text-decoration:underline;} h1 { font-size:18px; margin:0 0 15px 0;} h2 { font-size:16px; margin:0 0 12px 0;} h3 { font-size:14px; margin:0 0 10px 0;} /* ---------------- PAGE STYLES ----------------- */ #Top-Header { width:960px; margin:7px auto 0 auto; height:132px; background:url(../images/header-bk.png) no-repeat right 9px; position:relative; } #Logo { width:235px; margin:10px 0 0 0; padding:0; float:left;} #Logo h1 { width:235px; height:120px; display:block; margin:0; } #Logo h1 a { width:235px; height:120px; display:block; text-decoration:none; background:url(../images/heigl-adhesives-logo.png) no-repeat 0 0; text-indent:-9999px;} #Phone-number { width:200px; position:absolute; right:20px; top:20px; text-align:right;} #Top-Navigation-wrapper { width:100%; margin:0; padding:7px 0; height:26px; background-color:#0A5693;} #Top-Menu { width:960px; margin:0 auto; padding:0; height:26px; text-align:right;} ul#menu_nav { list-style: none; margin:0px; padding: 0px;} ul#menu_nav li { list-style: none; padding: 0px; float:right; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right:10px; display:inline;} ul#menu_nav li a { display: block;height:26px;background-position: top; margin-right:0px; margin-left:0px;} ul#menu_nav li a span { display: none} ul#menu_nav li a:hover { background-position:bottom;} a#nav_one { background:url(../images/home.gif) no-repeat; width:59px;} a#nav_two { background:url(../images/manufacturerlist.gif) no-repeat; width:140px;} a#nav_three { background: url(../images/newsletter.gif) no-repeat ;width:92px;} a#nav_four { background:url(../images/contactus.gif) no-repeat;width:92px;} a#nav_five { background:url(../images/testimonials.gif) no-repeat;width:104px;} a#nav_six { background:url(../images/emp_opp.gif) no-repeat;width:218px;} ul#menu_nav li a.current { background-position:bottom; } ul#menu_nav li a.current:hover { background-position:top;} #Content-wrapper { width:100%; margin:0; padding:0; background:#fff url(../images/content-bk.gif) repeat-x top; overflow:hidden;} #Content { width:960px; margin:0 auto; overflow:hidden;} .Introduction-text { width:770px; margin:0 auto; color:#fff; text-align:center; font-size:16px; padding:20px 0; font-weight:bold; line-height:22px;} #Featured-Product-slideshow { width:960px; margin:0 auto 10px auto; height:220px; background:url(../images/shadow.png) no-repeat center bottom; padding:25px 0 0 0;} #Featured-Product-box { width:924px; margin:0 auto; padding:0; height:210px; } /*background:url(../images/featured-bk.png) no-repeat 0 0;*/ #Featured-Product-box h1 { margin:0; font-size:18px; font-weight:bold; color:#00457C; height:40px; line-height:36px; padding-left:50px;} .Subject-index { width:924px; margin:0 auto; padding:20px 0 20px 0; background-color:#fff; overflow:hidden;} .Subject { width:924px; margin:25px auto; padding:20px 18px; background:#fff url(../images/subject-top-bk.gif) no-repeat 0 0; overflow:hidden; } .Left-Column { width:217px; float:left; margin:0; padding:0;} .product-cat-heading { width:207px; height:26px; float:left; margin:0; padding:6px 0 0 10px; background:url(../images/category-hd-bk.png) no-repeat top left; font-weight:bold; font-size:14px;} ul.left-nav { width:202px; margin:0; padding:0 7px 0 7px; list-style:none; float:left;} ul.left-nav li { background:url(../images/bullet.png) no-repeat 0 10px; list-style:none; color:#00457C; border-bottom:1px solid #9DBAD1;padding:3px 0 3px 18px;} ul.left-nav li a { font-weight:bold; text-decoration:none; color:#1C79C3;} ul.left-nav li a:hover { font-weight:bold; text-decoration:none; color:#00457C;} .Right-Column { width:677px; float:left; margin:0; padding:0 0 0 30px; background:url(../images/page-shadow.png) no-repeat top left;} .Right-Column h1 { font-weight:bold; font-size:18px; margin:0 0 10px 0; padding-bottom:3px; color:#054A82; border-bottom:1px solid #ededed;} .Right-Column-box { width:675px; float:left; margin:0 0 20px 0; padding:0;} .Right-Column ul { margin:0 0 15px 0; padding:0 0 0 10px;} .Right-Column ul li { margin:2px 0; padding:0; list-style:none;} .Products-show { width:674px; margin:15px 0 15px 0; padding:0; float:right;} .grey-box-top { width:674px; margin:0; padding:0; height:6px; float:left;} .grey-box-bottom { width:674px; margin:0; padding:0; height:6px; float:left;} .Products-box { margin:0; padding:10px 25px; width:624px; background:#F2F2F2; float:left;} .products { margin:10px 0; width:624px; float:left; padding:0 0 10px 0; overflow:hidden; } .products .indivisual-product { margin:0 14px; padding:0; list-style:none; width:100px; float:left; display:inline; text-align:center; font-size:11px; line-height:14px;} .products .indivisual-product a { color:#075B9D; font-weight:normal;} .products .indivisual-product a:hover { color:#248DE0; text-decoration:underline; font-weight:bold;} .products img { border:2px solid #ccc; width:98px; height:96px; float:left; margin:0 0 5px 0; cursor:pointer; } .products .separator { clear:both; padding:10px 0; border-bottom:1px solid #ff9900; border:none; line-height:1px;} .Manufacture-list { width:674px; margin:10px 0 15px 0; padding:0; float:left;} #imap { width:674px; margin:5px 0 0 0; padding:0; float:left; position:relative; background:url(../images/manufacturer-list.jpg) no-repeat top; height:395px; z-index:10;} #imap dd {position:absolute; padding:0; margin:0;} #imap #pic3m {left:5px; top:5px; z-index:20;} #imap #picDow {left:109px; top:5px; z-index:20;} #imap #picGraco {left:228px; top:5px; z-index:20;} #imap #picCamie {left:302px; top:5px; z-index:20;} #imap #picAsi {left:404px; top:5px; z-index:20;} #imap #picSila {left:508px; top:5px; z-index:20;} #imap #picLoc {left:5px; top:68px; z-index:20;} #imap #picIps {left:144px; top:68px; z-index:20;} #imap #picElectro {left:306px; top:68px; z-index:20;} #imap #picNat {left:521px; top:85px; z-index:20;} #imap #picPac {left:5px; top:140px; z-index:20;} #imap #picAdh {left:157px; top:140px; z-index:20;} #imap #picDex { left:350px; top:140px; z-index:20;} #imap #picAro {left:500px; top:139px; z-index:20;} #imap #picBon {left:5px; top:206px; z-index:20;} #imap #picPer {left:231px; top:214px; z-index:20;} #imap #picMul {left:320px; top:214px; z-index:20;} #imap #picMix {left:412px; top:206px; z-index:20;} #imap #picTah {left:588px; top:180px; z-index:20;} #imap #picStar {left:5px; top:265px; z-index:20;} #imap #picHysol {left:194px; top:265px; z-index:20;} #imap #picEme {left:323px; top:265px; z-index:20;} #imap #picJen {left:460px; top:265px; z-index:20;} #imap #picEpic {left:0px; top:315px; z-index:20;} #imap #picWA {left:150px; top:332px; z-index:20;} #imap #picVik {left:294px; top:317px; z-index:20;} #imap #picAbl {left:412px; top:367px; z-index:20;} #imap #picAd-tech {left:544px; top:330px; z-index:20;} #imap a span, #imap a:visited span {display:none;} #imap a#Threem { display:block; width:67px; height:38px; text-decoration:none; z-index:20;} #imap a#Dow { display:block; width:80px; height:38px; text-decoration:none; z-index:20;} #imap a#Graco { display:block; width:40px; height:46px; text-decoration:none; z-index:20;} #imap a#Camie { display:block; width:63px; height:38px; text-decoration:none; z-index:20;} #imap a#Asi { display:block; width:82px; height:38px; text-decoration:none; z-index:20;} #imap a#Sila { display:block; width:158px; height:47px; text-decoration:none; z-index:20;} #imap a#Loc { display:block; width:93px; height:43px; text-decoration:none; z-index:20;} #imap a#Ips { display:block; width:110px; height:48px; text-decoration:none; z-index:20;} #imap a#Electro { display:block; width:182px; height:43px; text-decoration:none; z-index:20;} #imap a#Nat { display:block; width:136px; height:20px; text-decoration:none; z-index:20;} #imap a#Pac { display:block; width:110px; height:34px; text-decoration:none; z-index:20;} #imap a#Adh { display:block; width:154px; height:38px; text-decoration:none; z-index:20;} #imap a#Dex { display:block; width:115px; height:35px; text-decoration:none; z-index:20;} #imap a#Aro { display:block; width:167px; height:23px; text-decoration:none; z-index:20;} #imap a#Bon { display:block; width:216px; height:38px; text-decoration:none; z-index:20;} #imap a#Per { display:block; width:78px; height:32px; text-decoration:none; z-index:20;} #imap a#Mul { display:block; width:70px; height:40px; text-decoration:none; z-index:20;} #imap a#Mix { display:block; width:159px; height:30px; text-decoration:none; z-index:20;} #imap a#Tah { display:block; width:76px; height:64px; text-decoration:none; z-index:20;} #imap a#Star { display:block; width:175px; height:38px; text-decoration:none; z-index:20;} #imap a#Hysol { display:block; width:122px; height:38px; text-decoration:none; z-index:20;} #imap a#Eme { display:block; width:132px; height:40px; text-decoration:none; z-index:20;} #imap a#Jen { display:block; width:213px; height:62px; text-decoration:none; z-index:20;} #imap a#Epic { display:block; width:138px; height:76px; text-decoration:none; z-index:20;} #imap a#WA { display:block; width:172px; height:60px; text-decoration:none; z-index:20;} #imap a#Vik { display:block; width:170px; height:40px; text-decoration:none; z-index:20;} #imap a#Abl { display:block; width:117px; height:21px; text-decoration:none; z-index:20;} #imap a#Ad-tech { display:block; width:127px; height:59px; text-decoration:none; z-index:20;} /* ------------ Inner Pages ------------ */ .inner { padding:10px; overflow:hidden; height:auto;} .picture-placeholder { margin-right:10px;} .text-placeholder { margin-left:5px;} .img-border { border:1px solid #CECECE; margin:5px 0;} ul.normal-list-item { margin:0; padding:0; list-style:none;} ul.normal-list-item li { margin:2px 0; padding:0 0 0 10px; background:url(../images/blue-bullet.gif) no-repeat 0 8px; } ul.dual-list-item { margin:0; padding:0; list-style:none;} ul.dual-list-item li { margin:2px 0; padding:0; float:left; width:300px;} ul.triple-list-item { margin:0; padding:0; list-style:none;} ul.triple-list-item li { margin:2px 0; padding:0 0 0 12px; float:left; width:190px; background:url(../images/orangearrow.gif) no-repeat 0 7px;} .product-dual-display { width:310px; float:left; margin:10px; padding:0; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ddd; display:inline; } .product-dual-display h2 { font-size:16px; font-weight:bold; color:#003366; padding:4px 10px; background:#F5F5F5; border-bottom:1px solid #cdcdcd; margin-bottom:0;} .product-single-display { width:640px; float:left; margin:10px; padding:0; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ddd; display:inline; } .product-single-display h2 { font-size:16px; font-weight:bold; color:#003366; padding:4px 10px; background:#F5F5F5; border-bottom:1px solid #cdcdcd; margin-bottom:0;} .product-dual-display .text-placeholder { width:170px; float:left; } /*.product-single-display .text-placeholder { width:400px; float:left; border:1px solid #ff9900;}*/ ul.list-item-product { margin:0; padding:0 0 10px 0; list-style:none;} ul.list-item-product li { margin:2px 0; padding:0 0 0 13px; list-style:none; background:url(../images/black-arrow.gif) no-repeat 0 7px; line-height:18px; display:block;} ul.list-item-product-nobullet { margin:0; padding:0 0 10px 0; list-style:none;} ul.list-item-product-nobullet li { margin:2px 0; padding:0; list-style:none; line-height:18px; display:block;} .full-width { width:98%; margin:0 0 10px 5px; display:inline;} .half-width { width:49%; margin:0 0 10px 5px; display:inline;} .fourth-width { width:24%; margin:0 0 10px 5px; display:inline;} /* -------- Footer -------- */ #Footer-wrapper { background:#05325B url(../images/footer-bk.gif) repeat-x top;} .Footer { width:924px; margin:0 auto; padding:13px 0 15px 0; overflow:hidden;} .Footer-links { width:660px; float:left; margin:0; padding:0 40px 0 0; color:#fff;} .Footer-links a { color:#65B9F3; text-decoration:none; padding:0 2px; } .Footer-links a:hover { color:#E5F4FF; text-decoration:none;} .Footer-address { color:#fff; width:196px; float:left; margin:0 0 15px 0; padding:0 0 0 28px; background:url(../images/footer-add.jpg) no-repeat 0 0; height:147px;} .Footer-address a { color:#30BDFF; text-decoration:none;} .Footer-address a:hover { color:#FFFFFF; text-decoration:underline;} .Copy-right { width:924px; margin:0; padding:10px 0 10px 0; overflow:hidden; float:left; color:#D4ECFF;} .Copy-right a { color:#65B9F3; text-decoration:underline;} .Copy-right a:hover { color:#fff; text-decoration:underline;} /* ---------------- fONT cOLORS ------------------- */ .yellowtext { color:#FFD900;} .yellowtext-withshadow {color:#FFD900; text-shadow:#666 1px 1px 1px;} .size20 { font-size:20px;} .size18 { font-size:18px;} .size16 { font-size:16px;} .size14 { font-size:14px; font-weight:bold;} .bluetext { color:#1C79C3;} /* -------- New PDF pages --------- */ .pdf-block { width:640px; margin:0; padding:110px 0 0 0; float:left; border:1px solid #dadada; background: url(../images/pdf-top-graphic.jpg) no-repeat 0 0;} .pdf-block .left-text { margin:0 0 0 30px; padding:0; width:250px; float:left; display: inline;} .pdf-block .right-text { margin:0 0 0 30px; padding:30px 100px 0 0; width:230px; float:left; display: inline; background:url(../images/pdf-right-graphic.jpg) no-repeat top right; min-height:420px; _height:420px;} .standard-config-box { background:#A3B5DA; clear: both; margin:0 auto 10px auto; width: 620px; text-align: center;} .standard-config-box h3 { background:#475B84; color:#fff; text-shadow:-1px -1px 0 #273248; margin:0; padding:8px 0; font-size:17px; text-transform: uppercase; text-align: center; letter-spacing:11px;} .standard-config-box ul { margin:0 5px; padding:0; overflow: hidden; text-align: center;} .standard-config-box ul li { margin:0; padding:4px 0 6px 0; overflow: hidden; text-align: center; background:url(../images/hr-sep.gif) repeat-x left bottom; list-style: none; color:#334A76; font-weight: bold;} .standard-config-box ul li.last { background-image: none;} .standard-config-box ul li:last-child { background-image: none;} .boder-graphic { height:16px; margin:0; padding:0; width:640px; clear: both; background:url(../images/bottom-graphic.gif) repeat-x bottom left;}