body { width:100%; margin:0 auto 0 auto; text-align:center; background:url(/gfx/header/site-bg.jpg) repeat-x #fff; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#595858; } img { border:none; } a { color:#2F81C3; } h1 { font:normal 24px dtx, Arial, Helvetica, sans-serif; color:#222; border-bottom:1px dotted #a0a5a8; margin:0; } h2 { font:bold 18px Arial, Helvetica, sans-serif; color:#222; border-bottom:1px dotted #a0a5a8; margin:0; padding-bottom:2px; } h3 { font:bold 18px Arial, Helvetica, sans-serif; color:#222; border-bottom:1px dotted #a0a5a8; margin:0; padding-bottom:2px; } h4 { font:bold 18px dtx, Helvetica, sans-serif; color:#222; border-bottom:1px dotted #a0a5a8; margin:0; } h5 { font:bold 24px dtx, Helvetica, sans-serif; color:#222; margin:0; } ul, li {} #header-wrap { width:866px; margin:0px auto 0 auto; padding:30px 0 26px 0; text-align:left; position:relative; } #logo { height:100px; } .terms-box { background:url(/gfx/header/terms-box-bg.jpg) no-repeat; float:right; margin-top:-30px; width:224px; padding-top:5px; height:29px; font:bold 11px Arial, Helvetica, sans-serif; color:#0f4571; text-align:center; } .terms-box a { color:#fff; } .terms-box a:hover { color:#2F81C3; } .strapline {position:absolute; right:0px; margin-top:25px; width:auto; padding-top:5px; font:bold 14px Arial, Helvetica, sans-serif; color:#2a2a2a; text-align:left; } .strapline span {clear:both; display:block; font-size:24px; color:#7B7B7B; margin-top:-2px; text-align:right;} .strapline span.touch {clear:both; display:block; font-size:14px; color:#2a2a2a; margin-top:-2px; text-align:right; margin-right:75px;} .strapline span.quote {font-size:18px; color:#2F81C3; text-align:right; display:block; margin-top:6px;} #menu {width:100%; background:url(/gfx/menu/menu-bg.jpg) repeat-x; position:relative; margin:0 auto 0 auto; text-align:center; height:50px; clear:both;} .wrap {margin:0 auto 0 auto; padding:0px; width:866px; position:relative; clear:both; text-align:left;} #menu ul {list-style:none; margin:auto; padding:0px; text-align:left; position:absolute; top:-6px; left:0px; float:left; } #menu ul li.link1 {float:left; width:70px; display:block;} #menu ul li.link2 {float:left; width:82px;} #menu ul li.link3 {float:left; width:84px;} #menu ul li.link4 {float:left; width:119px;} #menu ul li.link5 {float:left; width:92px;} #menu ul li { border-right:1px solid rgb(108,103,97); } #menu a.home {display: block; text-align:center; width:70px; padding: 20px 0px 15px 0px; background: url(/gfx/menu/menu_off.jpg) repeat-x; text-decoration: none; font:bold 14px Arial, Helvetica, sans-serif; color:#fff;} #menu a:hover.home {background: url(/gfx/menu/menu_on.jpg) repeat-x; text-decoration: none; color:#59AFEF;} #menu a.about {display: block; text-align:center; width:82px; padding: 20px 0px 15px 0px; background: url(/gfx/menu/menu_off.jpg) repeat-x; text-decoration: none; font:bold 14px Arial, Helvetica, sans-serif; color:#fff;} #menu a:hover.about {background: url(/gfx/menu/menu_on.jpg) repeat-x; text-decoration: none; color:#59AFEF;} #menu a.products{display: block; text-align:center; width:84px; padding: 20px 0px 15px 0px; background: url(/gfx/menu/menu_off.jpg) repeat-x; text-decoration: none; font:bold 14px Arial, Helvetica, sans-serif; color:#fff;} #menu a:hover.products {background: url(/gfx/menu/menu_on.jpg) repeat-x; text-decoration: none; color:#59AFEF;} #menu a.image-upload {display: block; text-align:center; width:119px; padding: 20px 0px 15px 0px; background: url(/gfx/menu/menu_off.jpg) repeat-x; text-decoration: none; font:bold 14px Arial, Helvetica, sans-serif; color:#fff;} #menu a:hover.image-upload {background: url(/gfx/menu/menu_on.jpg) repeat-x; text-decoration: none; color:#59AFEF;} #menu a.contact {display: block; text-align:center; width:92px; padding: 20px 0px 15px 0px; background: url(/gfx/menu/menu_off.jpg) repeat-x; text-decoration: none; font:bold 14px Arial, Helvetica, sans-serif; color:#fff;} #menu a:hover.contact {background: url(/gfx/menu/menu_on.jpg) repeat-x; text-decoration: none; color:#59AFEF;} #search {float:right; background: url(/gfx/forms/search/search-bg.png) no-repeat; width:241px; height:34px; margin:6px 0 0 0px; padding:0px; text-align:left; position:relative;} #search input {border:0; margin:-2px 0 0 0px; padding:10px 0 0 10px; font:bold 14px Arial, Helvetica, sans-serif; color:#999; background:none;} #search input.button {border:0; position:absolute; right:10px; top:-2px} #banner-wrap {width:866px; text-align:center; position:relative; margin:-5px auto 0 auto; clear:both; margin-bottom:5px;} .banner {float:left;} #home-links {width:100%; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc ; position:relative; margin:0 auto 0 auto; text-align:center; clear:both; padding-top:5px; padding-bottom:5px; clear:both;} .link-box1 {background:#6F6F6F; padding:5px; margin-right:5px; margin-top:-2px; text-align:center; font:bold 14px Arial, Helvetica, sans-serif; color:#fff;} .link-box2 {background:#6F6F6F; padding:5px; margin-right:5px; margin-top:-2px; text-align:center; font:bold 14px Arial, Helvetica, sans-serif; color:#fff;} .link-box3 {background:#6F6F6F; padding:5px; text-align:center; margin-top:-2px; font:bold 14px Arial, Helvetica, sans-serif; color:#fff;} .link-box1 h2, .link-box2 h2, .link-box3 h2 { text-align:left; color:white; margin-left:3px; font-weight:normal; margin-bottom:5px; border:0; } .float {float:left; display:block;} .img-top {position:absolute; left:-10px;} .link-box-inside {float:none; background:#fff; position:relative; padding:22px} .link-box-inside ul {float:none; margin:0px; padding:0px 0 0 0px; width:230px; text-align:left;} .link-box-inside li {float:none; list-style:url(/gfx/misc/bullet.jpg); font:bold 13px/14px Arial, Helvetica, sans-serif; margin:0 0 10px 5px;} .link-box-inside li a {color:#2a2a2a; display:block; width:95%; text-decoration:none; border-bottom:1px dotted #a8a8a8; padding-bottom:4px;} .link-box-inside li a:hover {color:#989898; display:block; width:100%; text-decoration:none; border-bottom:1px dotted #eee;} .link-box-inside .more-link {background:url(/gfx/misc/more-link-bg.jpg) left center no-repeat; padding-left:10px; position:absolute; bottom:5px; right:5px;} .link-box-inside .more-link a {font:bold 11px/11px Arial, Helvetica, sans-serif; color:#676a6a; text-decoration:none;} .link-box-inside .more-link a:hover {font:bold 11px/11px Arial, Helvetica, sans-serif; color:#90b7bc; text-decoration:none;} .link-design { position:relative; top:4px; } .link-print { position:relative; top:4px; left:4px; } .link-install { position:relative; top:4px; left:2px; } .clear-float {clear:both;} #stamps {width:100%; border-top:1px solid #ccc; border-bottom:1px solid #ccc ; position:relative; margin:-11px auto 0 auto; text-align:center; clear:both; padding-top:5px; padding-bottom:5px; clear:both;} #stamps a {display:block; font-size:13px; margin:3px 0px 0px 0px; padding:0px; color:#fff; text-decoration:none;} #stamps a:hover {color:#f1f1f1; text-decoration:underline;} .stamp-box1 {background:#333333;; float:left; padding:4px; margin-right:8px; text-align:center; font:bold 12px Arial, Helvetica, sans-serif; color:#fff;} .stamp-box2 {background:#2F81C3; float:left; padding:4px; margin-right:8px; text-align:center; font:bold 12px Arial, Helvetica, sans-serif; color:#fff;} .stamp-box2a {margin-right:0;} /** SIFR **/ .sIFR-active h1, .sIFR-active h4, .sIFR-active h5#pullquote { visibility: hidden; font-family: dtx; } .sIFR-active h1 { padding-bottom: 0; font-size:24px; color:#000; } .sIFR-active h4 { font-size: 24px; } .sIFR-active h5#pullquote { font-size: 24px; } /** CONTENT **/ .content-wrapper { margin:0 auto; width:866px; padding-bottom:70px; position:relative; } .content { text-align:left; margin:10px 0; overflow:hidden; } .content p { color:#303030; font:normal 12px/18px Arial, Helvetica, sans-serif; margin:10px 0px; padding:0px} .content strong { color:#2F81C3; font:bold 13px Arial, Helvetica, sans-serif; } .about-img { position:absolute; top:220px; right:0px; } .link ul {margin:0px; padding:0; width:230px; text-align:left;} .link li {list-style-image:url(/gfx/misc/bullet.jpg); font:bold 12px/14px Arial, Helvetica, sans-serif; margin:10px 0;} .link li a {color:#2F81C3; display:block; width:100%; text-decoration:none; border-bottom:1px dotted #a8a8a8; padding-bottom:4px} .link li a:hover {color:#989898; display:block; width:100%; text-decoration:none; border-bottom:1px dotted #eee;} /* FOOTER */ #footer-wrapper {width:100%; background:url(/gfx/misc/foot-bg.jpg) repeat-x; position:relative; margin:4px auto 4px auto; text-align:center; height:146px; clear:both;} #foot-left {float:left;} .left-content {float:left; padding-top:10px; font:bold 10px/18px Arial, Helvetica, sans-serif; color:#cbcbcd;} .left-content strong {font:bold 11px/18px Arial, Helvetica, sans-serif; color:#fff; padding-top:4px; display:block;} .left-content .foot-body {padding:0px 0 8px 0; margin:0px; width:250px; line-height:14px; color:#2F81C3;} .left-content p {padding:0px 0 8px 0; margin:0px; width:261px; line-height:14px;} .left-content a {font:bold 10px/14px Arial, Helvetica, sans-serif; color:rgb(226,191,142); text-decoration:none;} .left-content a:hover {color:#2F81C3;} #foot-middle {float:left;} .footbox-left-img {float:left;} .middle-content {float:left; padding-top:10px; font:bold 10px/18px Arial, Helvetica, sans-serif; color:#cbcbcd;} .middle-content strong {font:bold 11px/18px Arial, Helvetica, sans-serif; color:#fff; padding-top:4px; display:block;} .middle-content p {padding:0px 0 8px 0; margin:0px; width:292px; line-height:14px;} .middle-content a {font:bold 10px/14px Arial, Helvetica, sans-serif; color:rgb(226,191,142); text-decoration:none;} .middle-content a:hover {color:#2F81C3;} ul.foot-middle-links {margin:-5px 0 0 0; padding:0px; list-style:none; width:292px;} ul.foot-middle-links li {float:left;} ul.foot-middle-links li.left {float:left; width:160px;} #foot-right {float:left; width:200px;} .right-content {float:left; padding-top:0px; font:bold 10px/18px Arial, Helvetica, sans-serif; color:#cbcbcd;} .right-content strong {font:bold 11px/18px Arial, Helvetica, sans-serif; color:#fff; padding-top:4px; display:block;} .right-content p {padding:0px 0 8px 0; margin:0px; width:250px; line-height:14px;} .right-content .foot-body {padding:0px 0 8px 0; margin:0px; width:250px; line-height:14px; color:#2F81C3;} .right-content a {font:bold 10px/14px Arial, Helvetica, sans-serif; color:rgb(226,191,142); text-decoration:none;} .right-content a:hover {color:#2F81C3;} #footer-content { width:866px; margin:0 auto; text-align:left; } #footer-content #title { font:bold 14px Arial, Helvetica, sans-serif; color:#595858; padding:8px 0px; } #footer-content h2, h3 { margin-top:8px; } .full-story {display:block; margin:0px; padding-top:5px;} #footer-content-right { width:549px; float:right; } #footer-content-right p { font:normal 14px/140% Arial, Helvetica, sans-serif; color:#595858; margin:0; padding:8px 0px; } #footer-content-left { width:295px; float:left; margin-right:15px; } #footer-content-left p { font:normal 12px Arial, Helvetica, sans-serif; color:#595858; border-bottom:1px dotted #a0a5a8; padding-bottom:8px; margin:0; } #footer-content-left a { font:bold 11px Arial, Helvetica, sans-serif; color:#5a5a5a; text-decoration:none; } #footer-content-left a:hover { text-decoration:underline; } /* CONTACT */ .contact-left { width:437px; float:left; } .contact-left span { color:#2a2a2a; font:bold 14px Arial, Helvetica, sans-serif; } .contact-left a { color:#2F81C3; text-decoration:none; } .contact-left a:hover { text-decoration:underline;} .contact-right { width:393px; float:right; } .input-box { border:1px solid #c8c8c8; background:url(/gfx/misc/input.jpg) repeat-x; height:24px; width:200px; padding:5px 0 0 5px; margin-bottom:5px; font:bold 16px Arial, Helvetica, sans-serif; color:#666; } .input-cbox { border:1px solid #c8c8c8; background:#fff; height:130px; width:284px; padding:5px 0 0 5px; margin-top:5px; margin-bottom:2px; font:bold 16px Arial, Helvetica, sans-serif; color:#666; } .input-checkbox { width:15px; margin:0 6px 0px 0; } .check-title { font:bold 12px Arial, Helvetica, sans-serif; color:#2F81C3; margin:0; } .input-name { color:#303030; font:bold 12px Arial, Helvetica, sans-serif; width:150px; } .contact-box { background:url(../gfx/misc/contact-box.jpg) 0 0 no-repeat; margin:0; height:155px; width:391px; padding:45px 10px 0 15px; font:normal 14px Arial, Helvetica, sans-serif; } .contact-box strong { font:bold 14px Arial, Helvetica, sans-serif; color:#2a2a2a; } .contact-box span { padding-right:20px; } .contact-box div { padding-left:64px;} .contact-box2 { background:url(../gfx/misc/customer-box.jpg) 0 0 no-repeat; height:197px; width:391px; padding:42px 10px 10px 12px; font:normal 14px Arial, Helvetica, sans-serif; } .contact-box2 div { width:360px; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#2a2a2a; } #scroller { padding:5px; width:355px; height:140px; overflow: auto; background: #fff; scrollbar-arrow-color:#585858; scrollbar-track-color:#fff; scrollbar-face-color:#f1f1f1; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#fff; scrollbar-darkshadow-color:#fff; scrollbar-shadow-color:#fff; } /* PRODUCTS */ .products-left { width:530px; float:left; text-align:left; } .back-products a { color:#2a2a2a; font:bold 14px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 0;} .back-products a:hover { text-decoration:underline; } .products-right { width:327px; float:right; } .products img { border:4px solid #2F81C3; margin:8px 8px 0 0; } .product-box-inside {background:#fff; position:relative; padding:22px 22px 22px 13px} .product-box-inside ul {margin:0px; padding:0px 0 0 0px; width:230px; text-align:left;} .product-box-inside li {list-style-image:url(/gfx/misc/bullet.jpg); font:bold 14px/14px Arial, Helvetica, sans-serif; margin:0 0 10px 0px;} .product-box-inside li a {color:#000; display:block; width:100%; text-decoration:none; border-bottom:1px dotted #a8a8a8; padding-bottom:4px} .product-box-inside li a:hover {color:#989898; display:block; width:100%; text-decoration:none; border-bottom:1px dotted #eee;} .products-input { border:1px solid #a1a1a1; height:16px; width:243px; font:bold 14px Arial, Helvetica, sans-serif; color:#5c5c5c; padding:12px; } .products-input-browse { border:1px solid #a1a1a1; height:41px; width:400px; font:bold 14px Arial, Helvetica, sans-serif; color:#5c5c5c; padding:10px; } dl { text-align:left; position:relative; left:-40px; } .products-info-left { width:511px; float:left; text-align:left; margin-right:12px; } .back-products a { color:#2a2a2a; font:bold 14px Arial, Helvetica, sans-serif; text-decoration:none; } .back-products a:hover { text-decoration:underline; } .products-info-left img { margin:10px 0; border:3px solid #2F81C3; } .products-info-right { width:330px; float:right; margin:10px 0; color:#303030; font:normal 12px Arial, Helvetica, sans-serif } .products-info-right p { color:#303030; font:normal 12px/140% Arial, Helvetica, sans-serif; } .products-info-right p strong {color:#303030;} /* NEWS */ .news-box-inside ul {margin:0px; padding:0 0 0 0; width:230px; text-align:left;} .news-box-inside li {list-style-image:url(/gfx/misc/bullet.jpg); font:bold 14px/14px Arial, Helvetica, sans-serif; margin:10px 0;} .news-box-inside li a {color:#2a2a2a; display:block; width:100%; text-decoration:none; border-bottom:1px dotted #a8a8a8; padding-bottom:4px} .news-box-inside li a:hover {color:#989898; display:block; width:100%; text-decoration:none; border-bottom:1px dotted #eee;} /* PDF DISPLAY */ .disp_pdfs { margin:0; padding:0; } .disp_pdfs a, a:active, a:hover, a:visited { color:#2F81C3; } .disp_pdfs li { float:left; width:48%; list-style-type:none; margin-bottom:10px; } .clear { clear:both; } #footer-wrapper a, a:active, a:hover, a:visited { color:#59AFEF; }