/* ///////////// LISTS ///////////// */ /* CORP NAVIGATION */ #corp li a, #lang li a {display: block; padding-left: 11px; color: #fff; font-size: 10px; text-decoration: none;} #corp {position: absolute; float: left; top: 4px; left: 5px; z-index: 12;} #corp li {float: left; margin-right: 15px;} #corp li a {background: url('../img/bg/bullet1.gif') 0 5px no-repeat;} #corp li a:hover {text-decoration: underline;} /* LANG NAVIGATION */ #lang {position: absolute; top: 4px; right: 4px; z-index: 11;} #lang li {float: right; margin-left: 15px;} #lang li a {background: url('../img/bg/langbullet-i.gif') 0 6px no-repeat;} #lang li a:hover {background: url('../img/bg/langbullet-a.gif') 0 6px no-repeat; text-decoration: underline;} #lang li a.active {background: url('../img/bg/langbullet-a.gif') 0 6px no-repeat; font-weight: bold;} /* --- MAIN NAVIGATION --- */ #mainNav {width: 710px; height: 185px; margin-left: 239px;} #mainNav li {position: absolute;} #mainNav li a {display: block; overflow: hidden; text-indent: -999px;} #mainNav #products {top: 100px; left: 0;} #mainNav #products a {width: 95px; height: 30px; background: url('../img/bg/temp_menu/products.jpg') no-repeat;} #mainNav #products a:hover {background-position: 0 -30px;} #mainNav #promos {top: 95px; left: 191px;} #mainNav #promos a {width: 105px; height: 42px; background: url('../img/bg/temp_menu/promos.jpg') no-repeat;} #mainNav #promos a:hover {background-position: 0 -42px;} #mainNav #services {top: 108px; left: 385px;} #mainNav #services a {width: 71px; height: 29px; background: url('../img/bg/temp_menu/services.jpg') no-repeat;} #mainNav #services a:hover {background-position: 0 -29px;} #mainNav #about {top: 115px; left: 545px;} #mainNav #about a {width: 67px; height: 29px; background: url('../img/bg/temp_menu/about.jpg') no-repeat;} #mainNav #about a:hover {background-position: 0 -29px;} #mainNav #hot {top: 23px; left: 95px;} #mainNav #hot a {width: 72px; height: 55px; background: url('../img/bg/temp_menu/hotoffers.jpg') no-repeat;} #mainNav #hot a:hover {background-position: 0 -55px;} #mainNav #enquiry {top: 30px; left: 394px;} #mainNav #enquiry a {width: 70px; height: 35px; background: url('../img/bg/temp_menu/enquiry.jpg') no-repeat;} #mainNav #enquiry a:hover {background-position: 0 -35px;} /* --- PARTNERS --- */ #partners {width: 958px; height: 86px; margin: auto; background: url('../img/bg/partnersbg.png') no-repeat;} #partners li {float: left;} #partners ul a {display: block; position: relative; z-index: 1; height: 55px; margin-top: 17px; overflow: hidden; text-indent: -9999px;} #partners a.xeikon {width: 107px; margin-left: 63px; background: url('../img/bg/partners/xeikon.jpg') no-repeat; position: relative; z-index: 1;} #partners a.pantone {width: 129px; margin-left: 46px; background: url('../img/bg/partners/pantone.jpg') no-repeat;} #partners a.epson {width: 98px; margin-left: 45px; background: url('../img/bg/partners/epson.jpg') no-repeat;} #partners a.hp {width: 67px; margin-left: 59px; background: url('../img/bg/partners/hp.jpg') no-repeat;} #partners a.kodak {width: 92px; margin-left: 58px; background: url('../img/bg/partners/kodak.jpg') no-repeat;} #partners a.adobe {width: 60px; margin-left: 60px; background: url('../img/bg/partners/adobe.jpg') no-repeat;} #partners a:hover {background-position: 0 -55px;} /* --- RIGHT COL MENU LIST --- */ #col2 ul.rc {margin: 68px 0 3px 22px;} #col2 ul.rc li a {display: block; color: #909090; text-decoration: none; padding-left: 11px; position: relative; background: url('../img/bg/bullet2.gif') 0 5px no-repeat; margin: 0 !important;} #col2 ul.rc li a:hover {color: #000; text-decoration: underline;} #col2 ul.rc li ul li a {color: #909090 !important; text-decoration: none;} #col2 ul.rc li ul li a:hover {color: #000; text-decoration: underline;} #col2 ul.rc li ul li.selected a {color: #000 !important;} #col2 ul.rc li.selected a, #col2 ul.rc li ul li.selected a {color: #000; text-decoration: none;} #col2 ul.rc li ul {margin: 3px 0 3px 12px;} /* --- SPECIAL BULLET LIST --- */ .bList li a {padding-left: 15px; color: #909090; text-decoration: none; background: url('../img/bg/specbullet.gif') 0 2px no-repeat;} .bList li a:hover {color: #000;} /* --- SMALL TYPE LIST --- */ .sType {list-style: disc; list-style-position: outside; margin: 0 0 20px 22px; padding-left: 16px; font-size: 10px; line-height: 13px;} /* ///////////// BUTTONS & LINKS ///////////// */ /* HEADER */ #logo a {width: 198px; height: 80px; position: absolute; top: 88px; left: 40px; overflow: hidden; text-indent: -999px; background: url('../img/bg/bulged_logo.jpg') no-repeat;} #logo a:hover {background-position: 0 -80px;} a#clients {display: block; width: 20px; height: 46px; overflow: hidden; text-indent: -999px; z-index: 20; position: absolute; top: 26px; left: 949px; background: url('../img/bg/usercp_btn.gif') no-repeat;} a#clients:hover {background-position: -20px 0;} #hLinks a#template {background: url('../img/bg/template_btn.gif') no-repeat;} #hLinks a#maillist {background: url('../img/bg/maillist_btn.gif') no-repeat;} #hLinks a {width: 286px; height: 37px; float: left; margin: 7px 0 0 32px; overflow: hidden; text-indent: -999px;} #hLinks a:hover {background-position: 0 -37px !important;} #hLinks a.active {background-position: 0 -74px !important;} /* CONTENT */ a.more {width: 66px; height: 19px; background: url('../img/bg/more_btn.gif') no-repeat; overflow: hidden; text-indent: -999px;} a.more:hover {background-position: 0 -19px;} a.cBox {display: block; height: 19px; color: #000; text-decoration: none; padding-left: 20px; background: url('../img/bg/checkbox.gif') left 2px no-repeat;} a.cBox:hover {background-position: 0 -20px;} a.cBoxChecked {display: block; height: 19px; color: #000; text-decoration: none; padding-left: 20px; background: url('../img/bg/checkbox.gif') left 2px no-repeat; background-position: 0 -20px; } a.pricelist {display: block; padding-left: 11px; color: #909090; font-size: 11px; text-decoration: none; position: relative; background: url('../img/bg/bullet1.gif') 0 5px no-repeat;} a.pricelist:hover {color: #000; text-decoration: underline;} a.up {display: block; width: 50px; height: 10px; background: url('../img/bg/up_btn.gif') no-repeat; overflow: hidden; text-indent: -999px;} a.up:hover {background-position: 0 -10px;} /* DOWNLOAD ICONS */ a.eps {width: 32px; background: url('../img/bg/icons/eps.gif') no-repeat;} a.noeps {width: 32px; background: url('../img/bg/icons/no_eps.gif') no-repeat;} a.qxt {width: 36px; background: url('../img/bg/icons/qxt.gif') no-repeat;} a.noqxt {width: 36px; background: url('../img/bg/icons/no_qxt.gif') no-repeat;} a.indt {width: 38px; background: url('../img/bg/icons/indt.gif') no-repeat;} a.noindt {width: 38px; background: url('../img/bg/icons/no_indt.gif') no-repeat;} a.cdr {width: 35px; background: url('../img/bg/icons/cdr.gif') no-repeat; margin-right: 0 !important;} a.nocdr {width: 35px; background: url('../img/bg/icons/no_cdr.gif') no-repeat; margin-right: 0 !important;} a.pdf_ver {width: 107px; background: url('../img/bg/icons/pdf_ver.gif') no-repeat;} a.nopdf_ver {width: 107px; background: url('../img/bg/icons/no_pdf_ver.gif') no-repeat;} a.eps, a.qxt, a.indt, a.cdr, a.pdf_ver, a.noeps, a.noqxt, a.noindt, a.nocdr, a.nopdf_ver { display: block; height: 22px; float: left; overflow: hidden; text-indent: -999px; margin-right: 6px; position: relative;} a.eps:hover, a.qxt:hover, a.indt:hover, a.cdr:hover, a.pdf_ver:hover {background-position: 0 -22px;} a.pdf_ver, a.nopdf_ver {float: none;} a.noeps, a.noqxt, a.noindt, a.nocdr, a.nopdf_ver {cursor: default;} /* --- PAGE DROWDOWN --- */ .disabled {color: #9f9f9f;} .disabled a {cursor: default;} .disabled a:hover {background-position: 0 0 !important;} .dropdown {width: 168px !important; height: 18px !important; background: url('../img/bg/dropdown.gif') no-repeat; position: relative; margin: 0 17px 0 6px !important; padding-left: 3px;} .dropdown ul {width: 169px; background: #fff; border: 1px solid #999; position: absolute; bottom: 29px; left: 0px;} .dropdown ul li {height: 18px; border-top: 1px solid #ccc; padding-left: 3px;} .dropdown ul li a {position: relative; width: auto; height: 18px; background: none; font-weight: normal; color: #666666 !important; font-weight: normal !important;} .dropdown ul li a:hover {color: #000 !important;} /* --- PAGE DROWDOWN --- */ .dropdown a {display: block; width: 14px; height: 16px; position: absolute; top: 1px; right: 1px; margin: 0 !important; background: url('../img/bg/ddarrow.gif') no-repeat;} .dropdown a:hover {background-position: 0 -16px;} #pages a {float: left; color: #ff7f00; text-decoration: none; font-weight: bold; margin: 0 11px 0 0;} #pages a:hover {color: #000;} #pages a.selected {color: #000;} #pages a.disabled, #pages a.disabled:hover {color: #ccc; cursor: default;} .requestBtn, .pricelistBtn, .filetempBtn {height: 29px; float: left; overflow: hidden; text-indent: -999px; margin: 0 20px 10px 0;} .requestBtn:hover, .pricelistBtn:hover, .filetempBtn:hover {background-position: 0 -29px !important;} .requestBtn {width: 167px; background: url('../img/bg/request_btn.gif') no-repeat;} .pricelistBtn {width: 124px; background: url('../img/bg/pricelist_btn.gif') no-repeat;} .filetempBtn {width: 174px; background: url('../img/bg/filetemplates_btn.gif') no-repeat;} #hLinks a#template {background: url('../img/bg/template_btn.gif') no-repeat;} #hLinks a#maillist {background: url('../img/bg/maillist_btn.gif') no-repeat;} #hLinks a {width: 286px; height: 37px; float: left; margin: 7px 0 0 32px; overflow: hidden; text-indent: -999px;} #hLinks a:hover {background-position: 0 -37px !important;} #hLinks a.active {background-position: 0 -74px !important;} /* FOOTER */ #footer a {color: #fff; text-decoration: none;} #footer a:hover {color: #ff6801;} /* ///////////// FORMS ///////////// */ a.subm, a.reg, a.fpass {display: block; height: 10px; overflow: hidden; text-indent: -999px;} a.subm:hover, a.reg:hover, a.fpass:hover {background-position: 0 -10px;} a.subm {width: 54px; background: url('../img/bg/submit_btn.gif') no-repeat; position: relative;} a.reg {width: 80px; background: url('../img/bg/register_btn.gif') no-repeat;} a.fpass {width: 117px; background: url('../img/bg/forgotten_btn.gif') no-repeat;} input {height: 19px; font: 11px/14px verdana, tahoma, sans-serife; color: #000; padding: 3px 0 0 10px; background: url('../img/bg/arrbullet.gif') left 7px no-repeat; position: relative; border: none; border-top: 2px solid #999; border-bottom: 2px solid #999;} textarea {height: 67px; width: 264px; font: 11px/23px verdana, tahoma, sans-serife; color: #000; padding: 0 0 2px 10px; background: url('../img/bg/tarea_bg.gif') left 1px no-repeat; position: relative; border: none; border-top: 1px solid #999; border-bottom: 2px solid #999;} .enqTArea {width: 577px; height: 128px; border: 1px solid #999999; background: #fff; margin: 5px 0 0 20px;} select {border: 1px solid #999; width: 169px; font-size: 9px;} .priceTable {width: 684px; color: #5a5a5a; margin: 0 0 20px 22px;} .priceTable th, .priceTable td {text-align: left; padding: 5px; border-bottom: 1px solid #eeeeee;} .priceTable .c1, .priceTable .c2, .priceTable .c3, .priceTable .c4 {padding: 5px 0;} .priceTable .c1 {border-bottom: 4px solid #7f7f7f; color: #000;} .priceTable .c2 {border-bottom: 4px solid #ff7e00; color: #ff7e00;} .priceTable .c3 {border-bottom: 4px solid #ffbe7f; color: #ff7e00;} .priceTable .c4 {border-bottom: 4px solid #ffdfbf; color: #ff7e00;} a.innerLink {color: #ff7e00; font-weight: bold; text-decoration: none; position: relative !important;} a.innerLink:hover {color: #000; text-decoration: underline; position: relative !important;}