/*Optima Group CSS Document */ @import url("sIFR-print.css") print; @import url("sIFR-screen.css"); /* fix border around SWF in Firefox 3 */ object { outline:none; } /*GLOBAL STYLES */ *,html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th{margin:0; padding:0;} img{border:none;} a img {border: none;} fieldset {border:0;} ol, ul, li {list-style:none; margin:0;} caption, th {text-align:left;} /*h1, h2, h3, h5, h5, h6 {font-size:100%;}*/ h1, h2, h3, h5, h5, h6 { color:#4c5155;} h1{ font-size:18px;} h2{ font-size:16px;} h3 { font-size:15px;} h4{ font-size:14px;} h5{ font-size:13px;} q:before, q:after {content:'';} address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;} address { display:table; white-space:pre;} strong {font-weight: bold;} em {font-style: italic;} acronym {cursor:help; border-bottom:1px dotted #007692;} spacer{ height:10px;} .right{float:right;} .left{float:left;} .block{display:block;} .clear{ clear:both;} .center{text-align:center;} .light-blue{ color:#007692;} .grey{color:#808080;} .small{font-size:12px;} .hidden{ text-indent:-9999px; z-index:999; overflow:hidden;} .none{ display:none;} .show{ display:block;} .note{color:#2DA6AE; padding-left:10px;} .alignright{text-align:right;} .relative{position:relative;} .darkgray-bg{background-color:#d3d3d3;} .gray-bg{background-color:#e8e8e8;} body{background-color:#FFFFFF; background:url(../images/bg-strip.gif) repeat-x top; font-family:Arial, Helvetica, sans-serif;} /*** FORM STYLES ***/ form dt {float: left;clear: left;width: 95px;font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #696868;} form dd {margin: 0 0 0.5em 4em;margin-bottom:15px;font-family: Arial, Helvetica, sans-serif; font-size: 12px;text-align:left;} a.button{text-indent:-9999px; display:block; overflow:hidden;} input.button{border:none;} a.button:hover{opacity:0.7;filter:alpha(opacity=70)} /*** structure ***/ #page{ width:970px;margin:0 auto;padding:0;} #header{ width: inherit; height:73px; } #container{ width:inherit; color:#4c5155; font-size:14px; } #left-side{width:232px; float:left; } #right-side{ float:right; width:738px;} .home-page #footer{margin-top:0px;} #footer{ width:inherit; height:40px; background:url(../images/footer-bg.gif) no-repeat; font-size:12px; color:#525252; margin:20px 0 0 0; padding-top:25px; padding-bottom:30px; text-align:left; line-height:20px;} #footer a{ color:#848484; font-size:10px; text-decoration:none;} #footer a:hover{ text-decoration:underline;} /*-- logo --*/ #logo{ background: url(../images/optima-group-logo.jpg) no-repeat; width:310px; height:51px; margin:15px 0 0 10px; float:left;} #logo h1{ overflow:hidden; text-indent:-9999px;} #logo a{ display:block; width:310px; height:51px;} /*-- top navigation --*/ /** replace glass-partition.css when goes live**/ #top-nav{width:621px;height:14px; display:inline; float:right; top:43px;position:relative;} #top-nav li{display:inline; list-style:none;} #top-nav a{background: url(../images/css/top-nav.gif) no-repeat ;display:block;z-index:999;overflow:hidden;text-indent:-999px; float:left;height:14px;} #nav-home a{background-position:0px 0px;width:48px;} #nav-home a:hover, .home-active #nav-home a{background-position:0px -14px; } #nav-projects a{background-position:-49px 0px;width:74px;} #nav-projects a:hover, .projects-active #nav-projects a{background-position:-49px -14px; } #nav-clients a{background-position:-123px 0px;width:61px;} #nav-clients a:hover, .clients-active #nav-clients a{background-position:-123px -14px; } #nav-news a{background-position:-183px 0px;width:54px;} #nav-news a:hover, .news-active #nav-news a{background-position:-183px -14px; } #nav-resources a{background-position:-236px 0px;width:81px;} #nav-resources a:hover, .resources-active #nav-resources a{background-position:-236px -14px; } #nav-company a{background-position:-317px 0px;width:70px;} #nav-company a:hover, .company-active #nav-company a{background-position:-317px -14px; } #nav-optima a{background-position:-447px 0px;width:77px; margin-left:7px;} #nav-optima a:hover, .optima-active #nav-optima a{background-position:-447px -14px; } #nav-contact a{background-position:-525px 0px;width:63px;} #nav-contact a:hover, .contact-active #nav-contact a{background-position:-525px -14px; } #nav-bsf a{background:url(../images/css/nav-bsf.gif) no-repeat;background-position:0 0;width:33px;} #nav-bsf a:hover, .bsf-active #nav-bsf a{background-position:0 -13px; } .home-environment{width:307px; float:left;background:url(../images/logo-premier-network.gif) no-repeat 0 41px; height:132px;} .home-environment p{width:201px; margin-left:100px;} /*** [container] ***/ /*-- top banner --*/ #top-strip{ width:inherit; height:26px;} #top-right-strip{ float:right; width:330px; height:26px; text-align:right; color:#FFFFFF; font-size:12px; background:url(../images/css/top-strip.gif) repeat-x;} #top-right-strip2{ float:right; width:332px; height:64px; text-align:right; color:#FFFFFF; font-size:12px; background:url(../images/css/top-strip1.gif) repeat-x; position:absolute; top:73px; z-index:1;} .top-banner{ width: inherit; height:168px; background:url(../images/css/banner-bg.gif) no-repeat left;} #home-top-banner{ } #home-top-banner-link { position:absolute; margin:-20px 0 0 0; } #clients-top-banner{ background:url(../images/clients_top_banner.jpg) left no-repeat;} .banner-title{ width:357px; height:69px; position:absolute; top:113px; z-index:1; padding-top:20px;} .banner-title h2{ margin:5px 0 0 31px;} #banner-orange{ background-color:#e7b93f;} #banner-yellow{ background-color:#e7d8a7; } #banner-green{ background-color:#b8dc56;} #banner-grass{ background-color:#5bbf21;} #banner-mistral{ background-color:#d60270;} #banner-purple{ background-color:#c9c7e2;} #banner-brown{ background-color:#d8d1b4;} #banner-brown h2{ margin:1px 0 4px 32px;} #banner-coffee{ background-color:#d36d00;} #banner-tea{ background-color:#ced2b7;} #banner-blue{background-color:#86cbe9;} #banner-97{background-color:#f8f251;} #banner-217{background-color:#872b93;} #banner-teal{ background-color:#009baa;} #banner-ocean{ background-color:#a6cacb;} #banner-bluegreen{ background-color:#c0dfda;} #banner-paleblue{ background-color:#b7d7ea;} #banner-golden{background-color:#ead853;} #banner-green-logo{ background:url(../images/css/title-green-logo-bg.gif) no-repeat;} #banner-green-logo h2{ margin-left:84px;} #banner-pink{background-color:#e00747;} #banner-peach{ background-color:#ffaca1;} #banner-skin{ background-color:#dbcdbc;} #news-image{ z-index:99;} #company-banner{ background:url(../images/css/banner-company.jpg) no-repeat; width:439px; height:168px;} #awards-banner{ background:url(../images/css/banner-awards.jpg) no-repeat; width:439px; height:168px;} #resources-banner{ background:url(../images/css/banner-resources.jpg) no-repeat; width:493px; height:168px;} #design-banner{ background:url(../images/css/banner-design.jpg) no-repeat; width:422px; height:168px;} #factory-banner{ background:url(../images/css/banner-factory.jpg) no-repeat; width:422px; height:168px;} #training-banner{ background:url(../images/css/banner-training.jpg) no-repeat; width:422px; height:168px;} #worldwide-banner{ background:url(../images/css/banner-worldwide.jpg) no-repeat; width:494px; height:168px; margin-right:1px;} #contact-banner{ background:url(../images/css/banner-contact.jpg) no-repeat; width:439px; height:168px;} /*---hot topic---*/ #sustainable-banner{ background:url(../images/css/banner-sustainable.jpg) no-repeat; width:439px; height:168px;} #dda-banner{ background:url(../images/css/banner-dda.jpg) no-repeat; width:439px; height:168px;} #acoustics-banner{ background:url(../images/css/banner-acoustics.jpg) no-repeat; width:439px; height:168px;} #pivot-banner{ background:url(../images/css/banner-pivot.jpg) no-repeat; width:439px; height:168px;} #micro-banner{ background:url(../images/css/banner-micro.jpg) no-repeat; width:439px; height:168px;} .sus-img{ margin-top:15px;} /*---profile---*/ #architects-banner{ background:url(../images/css/banner-architect.jpg) no-repeat; width:424px; height:168px;} #contracting-banner{ background:url(../images/css/banner-contracting.jpg) no-repeat; width:422px; height:168px;} #contractors-banner{ background:url(../images/css/banner-contractors.jpg) no-repeat; width:422px; height:168px;} #endusers-banner{ background:url(../images/css/banner-end-users.jpg) no-repeat; width:422px; height:168px;} /* sylv update 30/04/08 as it needs to be slideshow #drywall-banner{ background:url(../images/css/banner-drywall.jpg) no-repeat; width:493px; height:168px;}*/ #drywall-banner{ width:493px; height:168px;} #single-banner{ background:url(../images/css/banner-single-glazing.jpg) no-repeat; width:493px; height:168px;} #optima117-banner{ background:url(../images/css/banner-optima117.jpg) no-repeat; width:493px; height:168px;} #single-revolution-banner{ background:url(../images/css/banner-single-revolution.jpg) no-repeat; width:492px; height:168px;} #double-banner{ background:url(../images/css/banner-double-glazing.jpg) no-repeat; width:493px; height:168px;} #optima217-banner{ background:url(../images/css/banner-optima217.jpg) no-repeat; width:493px; height:168px;} #double-revolution-banner{ background: url(../images/css/banner-double-revolution.jpg) no-repeat; width:493px; height:168px;} #demountable-banner{ background:url(../images/css/banner-demountable.jpg) no-repeat; width:493px; height:168px;} #futurewall-banner{ background:url(../images/css/banner-futurewall.jpg) no-repeat; width:493px; height:168px;} #mistral-banner{ background:url(../images/css/banner-mistral.jpg) no-repeat; width:493px; height:168px;} #nebula-banner{ background:url(../images/css/banner-nebula.jpg) no-repeat; width:493px; height:168px;} #doors-banner{ background:url(../images/css/banner-doors.jpg) no-repeat; width:493px; height:168px;} #kinetic-banner{ background:url(../images/css/banner-kinetic.jpg) no-repeat; width:493px; height:168px;} #fire-rated-banner{ background:url(../images/css/banner-fire.jpg) no-repeat; width:493px; height:168px;} #acoustic-banner{ background:url(../images/css/banner-acoustic.jpg) no-repeat; width:493px; height:168px;} #bsf-banner{ width:493px; height:168px;} .top-banner-nav{ width: 738px; height:34px; background: url(../images/css/home-banner-strip.jpg) no-repeat;} #jdRight { float:right; height:26px; width:73px; margin:0 15px 0 134px; } #jdLeft { float:right; height:26px; width:103px; } .imageElement { display:none; } #enlarge-image{ padding:5px 3px 0 0; color:#FFFFFF; text-decoration:none; display:block;} .enlarge-image{ padding:5px 3px 0 0; color:#FFFFFF; text-decoration:none; display:block;} #top-next-image{ float:right; display:block; background: url(../images/css/next-image.gif) no-repeat; height:26px; width:73px; margin:0 15px 0 134px; } #top-previous-image { float:right; display:block; background: url(../images/css/previous-image.gif) no-repeat; height:26px; width:94px;} /*** [content] ***/ .content{ width:710px; margin:25px 0 0 32px;} #homepage {margin-top:11px;} .content p{ text-align:justify; font-size:14px;} .content h2{ margin-bottom:10px;} .content a,#left-side a{ color:#007692; text-decoration:underline; } .content a:hover,#left-side a:hover{ text-decoration:none;} #left-side a{font-size:14px;} #project p{ margin-bottom:20px;} .project-detail p{ margin-bottom:10px;} /*--- left content---*/ .content-left{ float:left; width:448px; min-height:300px;} .content-left .p-content{ margin-bottom:0px;} .content-left p{ margin-bottom:20px;} .p-content h4{ margin-bottom:0;} .faq-content h4{margin-top:15px;} .architects{background:url(../images/home-architect.jpg) no-repeat 16px 55px #F4F7F7; width:193px; height:131px;padding:18px 13px 0 25px;} .architects p{margin:12px 0 0 48px; text-align:justify;color:#5B5B5B;} /*--- glossary ---*/ #glossary-content h4{margin-bottom:5px;} #glossary-content h4,#glossary-content p{margin-left:15px;} #glossary-content h4 a{color:rgb(76,81,85);} .glossary-header{ margin:10px 0 5px 0; width:448px;} .glossary-header span{padding-left:15px; font-size:15px; font-weight:bold; color:#007692; background:url(../images/css/ico-double-arrow.gif) no-repeat left center; float:left;} .glossary-header a{font-size:11px; font-weight:normal; float:right;} #glossary-top{margin-bottom:20px; text-align:center;} #glossary-top a{margin:0 2px;} .glossary-line{ background:url(../images/css/black-dot.gif) repeat-x; height:3px; width: inherit; margin:0px 0 5px 0;} /*--- select profile ---*/ #profile-block{ width:211px;} #login-link a{float:left;} #login-link a, #logout-link a{width:78px; height:23px; display:block; text-indent:-9999px; overflow:hidden;} .login{background:url(../images/css/bt-login.gif) no-repeat 0 0; margin:0 5px 10px 22px;} #home-page .login{margin:0 5px 10px 10px;} .register{background:url(../images/css/bt-register.gif) no-repeat 0 0; margin:0 5px 10px;} #logout-link{ margin:0 0 10px 0; text-align:center; width:211px; } #logout-link a{background:url(../images/css/bt-logout.gif) no-repeat 0 0;margin-left:57px;} #logout-link a:hover, .login:hover, .register:hover{background-position:0 -23px;} #profile-block h4{ margin:15px 0 7px 13px;} #profile-long{background:url(../images/css/home-profile-bg.jpg) no-repeat; margin-right:3px; width:228px; height:179px;} /*#profile-logged { background:url(../images/css/home-profile-bg.gif) no-repeat; margin-right:3px; width:211px; min-height:142px; padding:10px; } */ #profile-logged{ background:url(../images/css/menu-bg.gif) no-repeat right top;background-color:#e8e8e8; margin-right:3px; width:191px; padding:10px 10px 15px 10px;} .profile-list { display:block; margin:0 0 0 12px; list-style:none;} .profile-list li{list-style-position:outside; margin:0; padding-left:45px;} .profile-list li a{ text-decoration:none; color:#007692; margin-left:5px;} .profile-list li a:hover{ text-decoration:underline;} li.pc{ background: url(../images/ico-pc.gif) no-repeat 0 50%; height:22px;padding-top:3px;margin-bottom:10px;} li.hand{ background:url(../images/ico-hat.jpg) no-repeat 0 50%; height:20px;margin-bottom:13px;} li.partner{ background:url(../images/ico-hand.jpg) no-repeat 0 50%; height:20px;margin-bottom:2px;} li.enduser{ background:url(../images/ico-enduser.jpg) no-repeat 0 50%; height:29px;padding-top:11px;} #member-menu{ background:url(../images/css/menu-bg.gif) no-repeat right top;background-color:#e8e8e8; margin-right:3px; width:191px; padding:10px 10px 15px 10px;} #member-menu li{margin:5px 0 5px 0;} #profile-short{ background-color:#e8e8e8; width:211px; height:77px;} #profile-short select{ margin-left:13px; width:186px; height:22px;} .home-page #did-you-know{background:#e8e8e8 url(../images/css/bg-download.gif) no-repeat; width:211px; height:178px; margin:5px 0;} .home-page #did-you-know .black-line{margin:5px 0;} .home-page #did-you-know h4{margin:0 0 0 0;} #did-you-know .padding{padding:12px 20px;} #did-you-know .padding p a{background: url(../images/css/blue-arrow-list.gif) no-repeat 0px 3px; padding-left:20px;text-decoration:none; color:#4C5155; display:block; text-align:left;} #did-you-know .padding p a:hover{color:#336666;} #did-you-know{background-color:#e8e8e8; width:211px; margin-top:10px;} #did-you-know h4{margin:15px 0 0 15px;} .know-line{background:url(../images/css/dot-tbg.gif) repeat-x center; width:180px; height:15px;} #know-list li{background: url(../images/css/blue-arrow-list.gif) no-repeat 0px 3px; margin-bottom:1px; padding-left:20px;} #know-list li a{text-decoration:none; color:#4C5155;} #know-list li a:hover{text-decoration:underline;} #know-list li.know-line-in{background:url(../images/css/dot-tbg.gif) repeat-x center; width:160px; height:15px;} #know-text{ margin:15px;} #my-account{ background-color:#e8e8e8; width:211px; height:148px; padding:1px;} #my-account ul, #my-account p{ margin-top:15px; margin-left:11px;} #my-account ul li{ margin-bottom:6px;} .know-block { margin:15px 0 10px 0;} #product_select{ width:200px;} /*** [home page] ***/ .home-top-left{ width:470px;margin-top:25px;} .list-arrow{margin:2px 0 15px 0; list-style:none;} .list-arrow li{ background: url(../images/ico-list-arrow.gif) no-repeat 0px 5px; margin-bottom:1px; padding-left:22px;} .list-blue{margin:5px 0 5px 0; list-style:none;} .list-blue li{ background: url(../images/css/ico-blue-arrow.gif) no-repeat 0px 5px; margin:5px 0 5px 0; padding-left:12px;} a.grey-link{ color:#336666; background:url(../images/css/grey-dot.gif) repeat-x bottom; width:inherit; text-decoration:none;} #hot-topic{ width: inherit;min-height:175px; background: url(../images/css/project-left-bg.gif) left center no-repeat; margin-top:0px; padding-top:15px; padding-bottom:15px; background-color:#0073ce; } #hot-topic h2{ background:url(../images/css/hot-topics.gif) no-repeat; margin:10px 0 5px 40px; color:#FFFFFF;} #hot-topic h2 a{ text-indent:-999999px; display:block; width:73px; height:16px;} #hot-topic ul{ margin:10px 0 0 40px;} #hot-topic li{margin:9px 0 2px 0;} #hot-topic li a{color:#e8ff73; text-decoration:underline; font-size:14px;} #hot-topic li a:hover{ color:#FFFFFF;} #hot-topic li.current a{ color:#FFFFFF; text-decoration:none;} .home-center-block{ margin:0 0 14px 0; width:712px; height:167px;} .home-center-block h2{ margin:10px 0 10px 0;} .home-architect{width:402px;float:left;margin-bottom:5px;} .home-environment{width:307px; float:left;background:url(../images/home-enviroment.jpg) no-repeat 0 41px;} .home-environment p{width:185px; margin-left:110px;} .home-photogallery {width:310px; float:left;background:url(../images/photo-gallery.jpg) no-repeat 0 40px;} .home-photogallery p{width:175px; margin-left:110px; margin-bottom:45px; margin-top:45px;} .home-usb {width:310px; float:left;background:url(../images/home-usb.jpg) no-repeat 0 40px;} .home-usb p{width:175px; margin-left:110px; margin-bottom:45px; margin-top:58px;} #products-3d .imageElement{} #products-3d{width:268px ;height:133px;float:left;} .home-architect ul{float:left;margin-top:8px;} .home-architect ul li{margin-bottom:7px;} .home-center-block .black-line{clear:left;} .replace-bold{font-size:15px;} #spine-door{background:url(../images/spine-door-bg.gif) no-repeat; width:207px; height:129px; padding:14px 15px 0 125px;} #optiman{background: url(../images/css/optiman-bg.gif) no-repeat;width:207px; height:129px;padding:14px 15px 0 125px; margin-bottom:10px;} #optima-worldwide{background: url(../images/css/optima-worldwide.gif) no-repeat;width:207px; height:129px;padding:14px 15px 0 125px; margin-bottom:10px;} /*new homepage*/ #sliding{background:url(../images/home-sliding.jpg) no-repeat; width:212px; height:129px; padding:14px 10px 0 125px; margin:20px 0 10px;} #quad-pivot{background: url(../images/home-pivot.jpg) no-repeat;width:207px; height:129px;padding:14px 15px 0 125px;} #nebula-joint-system{background:url(../images/home-nebula.jpg) no-repeat; width:292px; height:281px;padding:14px 15px 0 40px; margin-top:20px;} #quad-pivot p, #nebula-joint-system p{ line-height:17px;} #sliding li{background: url(../images/css/blue-arrow-list.gif) no-repeat 0px 3px; margin-bottom:0px; padding-left:20px;} #sliding h2{margin-bottom:0px;} #sliding p{clear:left;margin-bottom:4px;} #sliding .replace-rbold{width:44px;font-size:15px;} #sliding .replace-bold{width:166px;font-size:15px;} #home-certificates{background:url(../images/home-aja.jpg) 10px 15px no-repeat;width:215px; height:94px; padding:15px 0 0 88px;} #home-awards{background:url(../images/home-awards.jpg) 21px 0 no-repeat; width:218px; height:94px;padding:15px 0 0 113px;} .reuse{ background:url(../images/reuse-bg.jpg) no-repeat; height:115px; margin:20px 0 0 0; padding-top:10px;} .reuse p{ margin:0 5px 0 56px; line-height:17px;} .reuse h3{overflow:hidden; text-indent:-999px;} .recent-job{background-color:#e8eeee; width:inherit; margin:20px 0 20px 0; padding:15px 0px;} .recent-job h2{ margin:1px 20px 5px 33px;} .recent-job ul{ margin:10px 0 0 33px;} .recent-job li{margin:10px 0;} #member{ text-align:center; vertical-align:middle; margin:25px 0 0 0; font-size:11px; color:#3e4447;} #member img{ padding-top:6px;} /*** [BSF] ***/ .bsf-box{background:url(../images/bsf-bg.gif) no-repeat; width:444px; height:40px; padding:7px 16px 6px 7px;margin-bottom:10px;} .bsf-box img{float:left; margin-right:17px;} .bsf-box h3.replace-a{font-size:13px;float:left; display:block;width:226px;} .bsf-box h4.replace{font-size:12px;float:left; display:block;width:280px;} .bsf-box a{background:url(../images/css/blue-arrow.gif) no-repeat 100% 1px; padding-right:20px; font-size:12px; float:right;} .bsf-right {float:right; width:211px;margin-top:30px;} .bsf-right p{ width:211px;font-size:12px;margin:10px 0;} .bsf-right h4{margin-bottom:15px;} /*** [Projects] ***/ #project-content h4{ margin-bottom:0px;} #project-block{ width:198px; min-height:300px; margin-top:25px; padding-left:32px; background:url(../images/css/project-left-bg.gif) no-repeat left top; background-color:#0073ce; float:left;} #project-text{background:url(../images/css/project-text.gif) no-repeat; margin:5px 0 0 9px;} #project-others-text{background:url(../images/css/view-other-projects.gif) no-repeat; margin:5px 0 0 9px;} #project-block select{ margin-top:10px; width:177px; height:22px; padding-left:5px; color:#4c5155; font-size:14px;} #project-list{ color:#e8ff73; margin-top:21px;} #project-list li{ background:url(../images/css/ico-arrow.gif) no-repeat left center; padding-left:15px; margin-bottom:12px;} #project-list li a{color:#e8ff73; text-decoration:underline; } #project-list li a:hover{ color:#FFFFFF;} #project-list li.current a{ color:#FFFFFF; text-decoration:none;} #view-more, #left-side #view-more{ float:right; margin:20px 10px 30px 0; color:#FFFFFF;} .about-list{ list-style:none;} .about-list li{ background:url(../images/css/ico-cube.gif) no-repeat left center; padding-left:8px;} #feature-project{ margin-top:10px; padding-top:19px; width:448px; float:left; background:url(../images/css/black-dot.gif) repeat-x top;} .project-img-left{ width:145px; float:left; margin-right:6px; margin-bottom:50px;} .project-img-right{ width:145px;float:right; margin-bottom:50px;} #feature-project img{ float:left; margin-bottom:0px;} #feature-project a{ float:left; font-size:11px; margin:-8px 0 0 5px; color:#4c5155;} /*--- glass-wall-glazing-landing page---*/ .glass-wall-glazing{width:448px;} .glass-wall-heading{ width:110px; float:left;} .glass-wall-img-left{ width:156px; float:left; margin-right:6px;} .glass-wall-img-right{ width:149px;float:right; margin-bottom:0px;} .glass-wall-glazing p{margin-top:10px; text-align:left;} .tick3{margin-left:9px;} /*--- double glazing ---*/ #double-glazing-content{width:625px;} .double-glazing-block{width:639px;} .description{width:90px; padding-right:30px;float:left;} .product-detail{width:173px;float:left;} .product-detail p{width:154px; margin-top:10px; text-align:left; } .tick1{margin-top:9px;} .tick{margin-top:3px;} /*--- project detail ---*/ #project-name{ background:url(../images/css/project-bg.gif) no-repeat; width:354px; height:143px; float:left; padding:25px 23px 0 30px; z-index:1;} .black-dotted-line{ background:url(../images/css/black-dot.gif) repeat-x; height:3px; width:448px; margin:10px 0 10px 0;} #play-video{ margin-top:20px;} .p-title a{ background:url(../images/css/acc-bg.jpg) no-repeat 0 0; width:451px; height:25px; display:block;} .p-title a{ color:#fff; font-weight:bold; padding-left:11px;padding-top:7px; text-decoration:none;} #login-content .p-title{margin:-10px 0;} #login-content .p-title a{background:none;color:#000;text-decoration:underline;background:url(../images/css/ico-plus.gif) no-repeat 0 7px; padding-left:27px;} #login-content .active-title a{ background-image:url(../images/css/ico-minus.gif);} .active-title a{ background-position:0 -32px;} /*margin-left:11px; background:url(../images/css/acc-ico-show.gif) no-repeat 100% 50%;*/ .p-content{padding-left:15px;} .p-content p{ margin-top:10px; } .p-content em{ font-size:12px; } .p-content h4{ color:gray; } .pleft{margin-left:15px;} #project-location{ float:left; width:200px;} #project-value{ border-bottom:dotted 1px #333333; border-top:dotted 1px #333333; width:354px; margin:15px 0 5px 0; padding:5px 0 5px 0; float:left; position:relative; top:20px;} #project-slide{ float:right; width:330px; z-index:99;} #project-slide img{ float:right;} #large-image{ width:736px; height:440px; background-color:#0073ce;} #close-image{ width:736px; height:23px; background:url(../images/css/close-imge.jpg) no-repeat right center; float:right;} #image-frame{ float:left; margin:1px 1px 1px 1px; z-index:10;} .imgcaption{ position:relative; top:90%; background-color:#FFFFFF; height:30px; width:723px; z-index:1; padding:5px; color:#333333;} .view-product{background:url(../images/view_product_gallery.jpg) no-repeat; display:block; width:172px; height:26px;margin:15px 0;} .content-head{padding-left:15px;} #divDeflection{margin-top:10px;} /*--- doors ---*/ p.door-search{text-align:right; margin:20px 3px 3px 0;} #door-box{background:url(../images/css/bg-doors-box.gif); width:458px; height:196px;} #door-box ul{margin-top:32px;margin-left:26px;float:left;} #door-box li{margin-bottom:22px;} .doors-slide{float:left;width:263px;background:url(../images/css/blue-arrow.gif) no-repeat;} .door1{float:right;margin-top:32px;} .slide1{background-position:100% 34px;} .slide2{background-position:100% 72px;} .slide3{background-position:100% 110px;} .slide4{background-position:100% 148px;} .bt-futurewall{background:url(../images/futurewall.gif) no-repeat;} .bt-mistral{background:url(../images/mistral.gif) no-repeat;} .bt-typeone{background:url(../images/door-type-one.jpg) no-repeat;} .bt-microflush{background:url(../images/door-microflush.jpg) no-repeat;} .bt-timber-frame{background:url(../images/door-timber-frame.jpg) no-repeat;} .bt-s-typeone{background:url(../images/single-type-one.jpg) no-repeat;} .bt-s-microflush{background:url(../images/single-microflush.jpg) no-repeat;} .bt-s-frameless{background:url(../images/single-frameless.jpg) no-repeat;} .bt-d-microflush{background:url(../images/double-microflush.jpg) no-repeat;} .bt-d-frameless{background:url(../images/double-frameless.jpg) no-repeat;} .bt-kinetic{background:url(../images/sliding-kinetic.jpg) no-repeat;} .bt-framed{background:url(../images/sliding-framed.jpg) no-repeat;} .bt-pocket{background:url(../images/sliding-pocket.jpg) no-repeat;} .bt-117{background:url(../images/single-glazing-optima117.jpg) no-repeat;} .bt-rev{background:url(../images/single-glazing-revolution.jpg) no-repeat;} .bt-217{background:url(../images/double-glazing-217.gif) no-repeat;} .bt-rev69{background:url(../images/double-glazing-69.gif) no-repeat;} .bt-rev97{background:url(../images/double-glazing-97.gif) no-repeat;} .timeber-main img{margin-top:15px;} .bt-doors{ background-position:0px 0px;display:block; height:78px; width:156px; text-indent:-9999px; overflow:hidden;} .bt-doors:hover{background-position:0px -78px;} /*** [Clients] ***/ #clients .content-left{ padding-top:10px;} #industry{ margin-left:10px;} #formIndustry { display:inline; margin:0 0 5px 10px; } #formSelectIndustry { width: 130px; } /*#client-list{width:448px; padding:5px 0 5px 0; margin:10px 0 10px 0; list-style:none;} #client-list li{ margin:5px 0 5px 0;}*/ #client-table{ width:448px; padding:5px 0 5px 0; margin:10px 0 10px 0;} .client-row{ width:224px; padding:5px 0 5px 0;} #client-page{ text-align:right; width:448px; padding-top:10px;} #become-client{ background:url(../images/css/ico-blue-arrow.gif) no-repeat left; padding-left:15px; margin-bottom:5px;} #become-client a{ color:#4C5155;} #testimonial{ font-size:12px; width:185px; margin-top: 15px; padding:13px; background-color:#e8e8e8;} .quote-head{ width:inherit; height:30px; padding-top:15px; } .quote-head h4{ display:block;width:155px; float:left;} #prev-quote{ background:url(../images/ico-left-arrow.gif) no-repeat; width:5px; height:9px; display:block; float:left; margin:5px 10px 0 10px;} #next-quote{ background:url(../images/ico-right-arrow.gif) no-repeat; width:5px; height:9px; display:block; float:left; margin-top:5px;} .client-quote{ width:inherit; margin-bottom:20px;} .client-quote p{ clear:left;margin-bottom:5px;} .client-quote a{ font-size:12px; font-weight:bold; font-style: italic;} /*** [news] ***/ .black-news-line{ background:url(../images/css/black-dot.gif) repeat-x; height:3px; width:461px; margin:10px 0 10px 0;} .news-top{ margin-top:20px;} #search-news{ width:461px; height:27px; margin:10px 0 10px 0; padding:10px 0 3px 0;} #keyword{ width:203px; height:21px; border:1px #769dbe solid; margin:0 16px 0 16px;} #news-rss{ height:24px; margin:15px 0 7px 0; text-align:left; background:url(../images/ico-rss.gif) 120px 0 no-repeat; padding-right:30px; padding-top:3px;} #news-right{width:211px; text-align:left;} #news-right h4{font-size:15px;} #news-right ul{margin-top:10px;} #news-right li{margin:5px 0;font-size:12px;} #news-block{ width:459px;} .news-article img{ margin-right:5px; float:left;} .news-article p, .news-article h4{ width:297px; line-height:17px; float:right;} .news-article h4{ margin-bottom:7px;} .news-article .date{font-size:12px; color:#007694;margin:0 0 5px 0;} .page-nav{text-align:right;font-size:12px;} .page-nav span{margin:0 2px;} #news-nav{ width:449px;} .article-nav{ font-size:12px; font-weight:bold; height:17px; margin-top:10px; background-color:#f7f7f7; border:1px #d8d8d8 solid; float:left; padding-left:7px; } .news-nav{ display:block; float:right;} #pre-news{ background:url(../images/css/ico-pre.gif) no-repeat; width:19px; height:17px;} #next-news{ background:url(../images/css/ico-next.gif) no-repeat; width:18px; height:17px;} #pause-news{ background:url(../images/css/ico-pause.gif) no-repeat; width:17px; height:17px;} #news-tag-block{ width:211px; height:200px;margin-top:14px;} #news-tag-block h4{ margin:0 0 10px 11px;} #news-tags{ width:211px; height:160px; background-color:#fbf5e3; margin-top:14px;} /*--- news article ---*/ #news-content{ width:461px;} #news-content p{ margin-bottom:20px;} #news-content h4{ margin-bottom:20px;} #news-content img.left{margin:0 15px 10px 0;} .back-to-main{ font-size:11px; text-decoration:none; color:#4c5155; white-space:pre; padding-top:3px;} .back-to-main:hover{text-decoration:underline;} #hot-news{ width:187px; background-color:#e8e8e8; margin-top:16px; margin-bottom:15px; padding-left:12px; padding-right:12px;} #hot-news h4{ margin:13px 0 7px 0;} #hot-news p{ text-align:left;} .read-more{ background:url(../images/css/ico-read-more.gif) no-repeat right bottom; height:19px; width:160px; text-align:right; padding-right:24px; margin:10px 10px 10px 0;} .black-short-line{ background:url(../images/css/black-dot.gif) repeat-x; height:3px; width:187px; margin:5px 0 5px 0;} #news-result{ width:461px;} #news-result h3{ margin-bottom:10px; font-size:14px;} #news-result p{ margin-bottom:15px;} #news-result .black-news-line{ margin-bottom:14px; margin-top:14px;} .result-page{ white-space:pre; font-weight:bold; margin:8px 0 10px 0; width:461px;} .result-page a{ font-weight:normal;} .highlight{ background-color:#fff535;} /*** [Resources] ***/ .resource-img{ width:184px; height:168px; float:left;} #resources-slide{ width:586px; height:168px; float:right;} #resources-content{ width:469px;} #resources-content p{ margin-top:20px;} #left-resources{ width:200px; height:150px; margin-top:10px; padding:5px 0 0 32px; background:url(../images/css/project-left-bg.gif) no-repeat left center; background-color:#0073ce;} .blue-list{ margin-top:20px; } .blue-list li{ background:url(../images/css/ico-blue-cube.gif) no-repeat 0px 6px; padding-left:12px; margin-bottom:18px;} ul.light li , ul.enduser li{ margin-bottom:10px;} ul.enduser li { font-weight:bold;} .blue-list li ul { margin-top:10px;} .blue-list li ul li{ background:none; padding-left:0; font-weight:normal;} #right-resources{ background:url(../images/css/black-dot.gif) repeat-x top; width:211px; height:166px; margin-top:15px;} #right-resources h3{ margin:17px 0 17px 14px;} .link-resource{width:151px; height:34px; margin:7px 0 7px 0; display:block; padding:20px 0 0 60px;} #link-factory{ background:url(../images/css/link-factory.jpg) no-repeat left; background-color:#e8e8e8; } #link-design{ background:url(../images/css/link-design.jpg) no-repeat left; background-color:#e8e8e8; } #link-training{ background:url(../images/css/link-training.jpg) no-repeat left; background-color:#e8e8e8; } /*** [company] ***/ #left-company{ width:200px; height:203px; margin-top:10px; padding:3px 0 0 32px; background:url(../images/css/project-left-bg.gif) no-repeat left center; background-color:#0073ce;} #company-content{ width:459px;} /*--- history ---*/ #time-line{ width:460px; height:59px; padding-top:8px;} /*-- top navigation --*/ #year-list{width:460px;height:47px; display:inline;} #year-list li{display:inline; list-style:none;} #year-list a{background: url(../images/css/year-list.gif) no-repeat ;display:block;z-index:999;overflow:hidden;text-indent:-999px; float:left;height:47px;} #year-1946 a{background-position:0px 0px;width:40px;} #year-1946 a:hover, #year-1946 a.active{background-position:0px -47px; } #year-1986 a{background-position:-40px 0px;width:38px;} #year-1986 a:hover, #year-1986 a.active{background-position:-40px -47px; } #year-1988 a{background-position:-78px 0px;width:38px;} #year-1988 a:hover, #year-1988 a.active{background-position:-78px -47px; } #year-1995 a{background-position:-116px 0px;width:38px;} #year-1995 a:hover, #year-1995 a.active{background-position:-116px -47px; } #year-1997 a{background-position:-154px 0px;width:38px;} #year-1997 a:hover, #year-1997 a.active{background-position:-154px -47px; } #year-1998 a{background-position:-192px 0px;width:38px;} #year-1998 a:hover, #year-1998 a.active{background-position:-192px -47px; } #year-2002 a{background-position:-230px 0px;width:38px;} #year-2002 a:hover, #year-2002 a.active{background-position:-230px -47px; } #year-2003 a{background-position:-268px 0px;width:38px;} #year-2003 a:hover, #year-2003 a.active{background-position:-268px -47px; } #year-2004 a{background-position:-306px 0px;width:38px;} #year-2004 a:hover, #year-2004 a.active{background-position:-306px -47px; } #year-2005 a{background-position:-344px 0px;width:38px;} #year-2005 a:hover, #year-2005 a.active{background-position:-344px -47px; } #year-2006 a{background-position:-382px 0px;width:38px;} #year-2006 a:hover, #year-2006 a.active{background-position:-382px -47px; } #year-2007 a{background-position:-420px 0px;width:40px;} #year-2007 a:hover, #year-2007 a.active{background-position:-420px -47px; } .black-company-line{ background:url(../images/css/black-dot.gif) repeat-x; height:3px; width:459px; margin:14px 0 20px 0;} .time-line-year{ margin-left:12px; font-weight:bold; width:459px; height:20px;} #company-content .blue-list{ margin-top:15px;} .black-line{ background:url(../images/css/black-dot.gif) repeat-x; height:3px; width: inherit; margin:10px 0 10px 0;} .black-line1{height:15px; width:inherit;} /*--- job ---*/ #job-form{ width:185px; height:125px; margin-top:10px; padding:0 13px 0 13px; background-color:#e8e8e8;} .word-download{ text-align:right; width:165px; display:block; background:url(../images/css/ico-word.gif) no-repeat right bottom; padding-right:20px;} #job-form h4{ margin:15px 0 10px 0;} #job-content .blue-list{ margin-left:20px;} /*--- accreditation ---*/ #accreditation-content{ width:464px;} #accreditation-year{ text-align:right;} #accreditation-year select{ width:75px; margin-right:5px;} #accreditation-block{ width:464px; padding-top:5px;} #accreditation-block p{ margin-top:4px;} #accreditation-nav{ width:451px;} #accreditation-content h4{ margin-bottom:10px;} #accreditation-article{ width:461px;} #accreditation-article p{} #accreditation-article img{ float:left; margin-right:10px;} /*--- awards ---*/ #awards-content{ width:461px;} #awards-content h4{ margin-bottom:10px;} #awards-year{ text-align:right;} #awards-year select{ width:75px; margin-left:4px; margin-right:8px; margin-top:-6px;} #awards-block{ width:456px; height:200px; padding-top:5px; margin-left:8px;} #awards-block h3{margin-bottom:10px;} #awards-block h4{ margin-bottom:2px;} #awards-block h4.awards-title{ margin-bottom:10px;} #awards-block p{ margin-bottom:10px; margin-top:1px;} #awards-nav{ width:445px;} #right-awards{ width:187px; background-color:#e8e8e8; margin-top:16px; padding-left:12px; padding-right:12px; padding-bottom:3px;} #right-awards h3{ margin:13px 0 7px 0;} #right-awards p{ text-align:left; line-height:17px;} .pdf{ background:url(../images/css/ico-pdf.gif) no-repeat right top; height:19px; width:160px; text-align:right; padding-right:24px; margin:5px 10px 10px 0;} .awards-ico{ width:310px; height:35px;} .awards-ico span{ padding-top:8px;} .awards-ico img{ float:left; margin-left:5px;} .award-logo{ margin-right:10px;} /*** [worldwide] ***/ #country-block{ width:198px;margin-top:25px; padding-left:32px; background:url(../images/css/project-left-bg.gif) no-repeat left top; background-color:#0073ce; float:left; padding-bottom:15px;} #country-block select{ margin-top:10px; width:177px; height:22px; padding-left:5px; color:#4c5155; font-size:14px;} #continent-text{background:url(../images/css/continent.gif) no-repeat; margin:5px 0 0 9px;} li#current-contry{ color:#e8ff73; background:none;} #map-nav{ margin-top:20px;} #worldwide-content .p-title{margin-bottom:0px;} /*** [Contact] ***/ #contact-form{ margin:20px 0 0 15px;} .field{ width:167px; height:24px; border:1px solid #a7a6aa; padding-top:3px;} #contact-form .field{height:24px;width:197px;padding-top:3px;} #contact-form .textarea{height:161px;width:281px;} #contact-form dd{margin-bottom:15px;} #contact-form .error-field{height:32px;width:435px;margin-bottom:10px;} .textarea{border:1px solid #a7a6aa; width:310px; height:159px;} #contact-form #submit-bt{ float:right;} #map{ width:425px; height:350px; margin:15px 0 0 15px; font-size:12px;} #filter-img{ } /*** [Member login] ***/ #login-content{width:463px;} .fill-form{ margin:20px 0 0 -6px;} #login-content #accordion{overflow:hidden;} #register-content{ position:relative;z-index:0;} #register-form{width:550px;} #register-form .field{ width:175px; height:24px; border:1px solid #a7a6aa; padding-top:3px;} #register-form dt{width:120px;margin-top:3px;} #register-form dt label{margin-left:10px;} #register-form dd{position:relative;margin-bottom:15px;z-index:10;} #register-form dt{position:relative;z-index:99;} #register-form .error-field{ background:none; width:auto;height:auto;margin-bottom:0;} .error-msg{color:#C31109;position:absolute;overflow:visible;top:2px; left:359px;z-index:10; width:210px;} .error-msg1{font-size:11px;color:#C31109;overflow:visible;z-index:10; background:url(../images/css/red-bubble.gif) no-repeat; width:121px;padding-left:32px; height:37px; position:absolute;display:none; top:-5px; left:252px; line-height:37px;} .info-msg{font-size:11px;color:#0073ce;display:none;background:url(../images/css/blue-bubble.gif) no-repeat; width:131px; padding:4px 5px 0 17px; height:33px;position:absolute; top:-5px; left:252px;} .error-field .error-msg1{display:block;} #email-checked{/*position:absolute;overflow:visible;top:2px; left:359px;*/} .error-field{ background:url(../images/css/error.gif); width:405px;height:22px;margin-bottom:8px;} .step2-page .error-field, .login-page .error-field{ height:auto;} .error-field label{color:#C31109; font-weight:bold;} .ico-checked{background:url(../images/css/green-bubble.gif) no-repeat; width:153px; height:37px;position:absolute; top:-5px; left:252px;} .blue{color:#3A90D9;} #error-block{line-height:0px;} #register-form #filter-img{ margin-left:48px;} .error-block{width:253px; margin:-4px 0 20px 150px; color:#C31109;font-size:12px;line-height:14px;} .error-list{ color:#CC3333;margin:2px 0 2px 5px;} .error-font{ color:#CC3333;} #profile, #country{ width:253px;} #login-content #accordion{width:463px;} #login-content #accordion .black-line{width:463px;} .designer_guide {margin:0} .designer_guide li{margin:5px 0 ;} .designer-box img{ float:left; margin-right:10px;} .designer-box p{ margin-top:15px; float:left;} .designer-box a{font-weight:bold;} .designer-box{ } .step2{background:url(../images/bt-step2.gif) no-repeat; border:none; width:103px; height:22px;margin-left:149px; } .step-banner{background:url(../images/login-step.gif) no-repeat;width:462px; height:32px;margin:10px 0 0 -15px;text-indent:-9999px;} .step1-banner{background-position: 0 0;} .step2-banner{background-position: 0 -32px;} .survey-step{background:url(../images/survey-step.gif) no-repeat;width:462px; height:32px;margin:50px 0 0 0;text-indent:-9999px;} .survey-step1{background-position: 0 0;} .survey-step2{background-position: 0 -32px;} #postcode-finder-button{background:url(../images/bt-lookup.gif) no-repeat 0 0; border:none; width:103px; height:22px;} .breakfast-landing #postcode-finder-button{background:url(../images/css/look-up.png) no-repeat 0 4px; border:none; width:103px; height:33px;} #register-form #postcode{width:67px;margin-right:3px;margin-bottom:2px;} /*** [Hot topics] ***/ #sustainable{ width:463px;} .dda-img{ margin-bottom:27px;} #get-guide{background-color:#e8e8e8;height:50px;width:185px; margin-top:25px; padding:13px;} /*** [Advise form] ***/ #advise-form{ margin:20px 0 0 0px;} #advise-form dt{ width:135px;} #advise-form textarea{ height:140px; width:270px;} #advise-form select{ width:170px;} #advise-form dl{margin-left:15px;} /***** [Products page] ******/ #products, #faq{ width:460px;} #explore{ width:480px; font-size:13px;} #case-studies{ width:461px;} /*** [mina products] ***/ #left-drywall{ width:200px; height:175px; margin-top:10px; padding:5px 0 0 32px; background:url(../images/css/project-left-bg.gif) no-repeat left center; background-color:#0073ce;} #left-products{ width:200px; margin-top:0px; padding:15px 0 20px 32px; background:url(../images/css/project-left-bg.gif) no-repeat left center; background-color:#0073ce;} /*--- product overview ---*/ #right-products{ width:185px; height:135px; margin-top:10px; padding:0 13px 0 13px; background-color:#e8e8e8;} #right-products h3{ margin:15px 0 5px 0px;} #product-list{ margin-top:10px; padding:0;} #product-list li{ background:url(../images/css/ico-product.gif) no-repeat left bottom; padding-left:20px; margin:0px 0 3px 0; } #product-list li a{ color:#4c5155; text-decoration:underline;} #product-list li a:hover{text-decoration:none;} #products-head{ width:inherit; height:20px;} #back-to-overview{ font-size:11px; color:#4c5155; white-space:pre; padding-top:3px;} #back-to-overview a{ font-size:11px; text-decoration: underline; color:#4c5155; white-space:pre;} /*--- faq ---*/ #faq h4, #explore h4{ margin-bottom:1px;} /*--- explore products ---*/ #click-info,#click-info2{ background:url(../images/css/ico-info.gif) no-repeat left center; padding-left:21px; width:445px; margin:10px 0 10px 0;font-size:12px;height:16px;} .explore-img{width:474px; height:286px;} #explain-product{ width:470px; height:335px;} #explain-block{ width:470px;} #explain-block h5{ margin-bottom:10px;} #type-head{ width:470px; height:17px;} #type-block{ width:470px; min-height:90px;} #type-block p{width:252px; float:right; margin-bottom:0px;} #type-block img{ float:left;} #type-nav{ text-align:right; width:470px; height:18px;} #type-nav a{ color:#4c5155; font-weight:bold; font-size:13px; display:block; text-decoration:none; float:right;} #pre-type{width:86px; background:url(../images/css/ico-grey-pre.gif) no-repeat left center; padding-left:9px;} #next-type{width:96px; background:url(../images/css/ico-grey-next.gif) no-repeat right center; padding-right:10px; margin-left:55px;} .sub-header{color:#707376; font-weight:bold;} /*--- case study ---*/ .case-block{ width:461px; min-height:103px; margin:13px 15px 16px;} .p-content .case-block{margin-left:0;width:431px;} .p-content .case-block h4{ width:338px; float:none;margin-bottom:17px;} .p-content .case-block p{ width:296px;margin-top:0;} .case-block img{ float:left;} .case-block p, .case-block h4{ width:338px; float:right;} #demountalbe-list{} #demountalbe-list li{ background:url(../images/css/ico-double-arrow.gif) no-repeat left center; padding-left:17px; margin:0px 0 7px 0;} h4.glazing-type{ margin-top:30px; margin-bottom:0px;} /*** site map ***/ .site-list{ margin:10px 0 10px 10px;} .site-list li{ margin:5px 0 5px 0;background: url(../images/ico-list-arrow.gif) no-repeat 2px 5px; padding-left:22px;} .sub-site-list{ margin:0 0 5px 10px;} /* Mootools tips */ .tool-tip { color: #fff; background-color:#000; width: 200px; z-index: 13000; } .tool-title { font-weight: bold; font-size: 11px; margin: 0; color: #9FD4FF; padding: 8px 8px 4px; background: url(bubble.png) top left; } .tool-text { font-size: 11px; padding: 4px 8px 8px; background: url(bubble.png) bottom right; } .tips-tip { color: #565656; background-color:#f7f7f7; border:1px solid #e7eff4; width: 200px; z-index: 99; } .tips-title { font-weight: bold; font-size: 11px; margin: 0; color: #9FD4FF; padding: 8px 8px 4px; background: url(bubble.png) top left; } .tips-text { font-size: 12px; padding:10px; color:#565656 } /* table line*/ .top-td{ border-left:1px solid #333333;border-top:1px solid #333333;border-right:1px solid #333333;} .bottom-td{ border:1px solid #333333;} .right-td{border-top:1px solid #333333;border-right:1px solid #333333;} .bottom-right-td{border-top:1px solid #333333;border-right:1px solid #333333; border-bottom:1px solid #333333;} .table{padding:10px;} /** Contact Page Legislation Fixes **/ .addressLeft {float:left; width:225px;} .registeredRight {width:211px; } .registeredRight h4{padding-left:25px; background:url(../images/css/ico-blue-down.gif) no-repeat 8px 5px;margin-top:15px;} .registeredRight-content{padding-left:25px;} .registeredRight span {color:#7d7d7d;} .landing-list{background: url(../images/landing-bg.gif) no-repeat; width: 233px; height: 283px; color:#ffffff; margin-bottom:30px; } .landing-list h3{margin:25px 0 15px 21px;} .landing-list ul{margin-left:21px; width:194px;} .landing-list li{background: url(../images/landing-list.gif) no-repeat 0 4px; padding-left:15px; margin-bottom:15px; } .landing-reigster{background-color:#ecf1f1;padding:24px 18px; float:right;width:187px; height:99px;margin-top:38px; } .landing-form .error-msg{position:static; text-align:right; width:auto;} .landing-form #email-checked{position:static;} .landing-form .error-field{height:auto;} .landing-form #register-form{width:426px;} .landing-form #register-form dd{position:static;} .information-block{background-color:#E8E8E8;width:191px;float:right; padding:15px 10px 0 10px; } .content .information-block p{text-align:left;} .step2-page #register-form dt label{margin-left:0;} /** dashboard **/ #mini-accordion{width:207px;} .tab-box{background:url(../images/css/tab-bg.gif) repeat-x;border:1px solid #0363ae; width:205px; height:30px; color:#fff;} .tab-box a{color:#fff; text-decoration:none;margin-top:8px;padding-left:29px; display:block;} .tab-header a{background:url(../images/css/ico-white-arrow.gif) no-repeat 14px 2px;} #mini-accordion .active-title a{background:url(../images/css/ico-white-down.gif) no-repeat 12px 4px;} #mini-accordion .tab-content li a{font-size:11px; text-decoration:none;} #mini-accordion .tab-content li {margin-bottom:5px;} .tab-content{margin-bottom:2px;} .padding10{padding:10px;} .tech-board{ height:130px; width:187px; overflow:auto; margin:0 auto; } .search-box{padding:6px;} .bt-search{background:url(../images/css/bt-go.gif) no-repeat; width:29px; height:29px;} .search-box #term{border:1px solid #596067; width:162px; padding-top:4px; padding-left:3px; height:23px; border-right:none;float:left;} .download-block .search-box #term{width:310px;padding-left:5px;} .search-box .bt-search{float:left;} .asset-list li{background: url(../images/css/blue-arrow-list.gif) no-repeat 0px 3px; margin-bottom:0px; padding-left:20px;} .download-block{margin-bottom:22px;} .download-block .top{padding-top:9px;height:29px;} .download-block .top h3{color:#0073ce;font-size:15px;} .download-block .top img{margin-right:5px; vertical-align:middle;} .download-block .box-inside{padding-top:10px;} .download-block .asset-list li a{font-size:12px; text-decoration:none; color:#4c5155;} .download-block .asset-list li a:hover{text-decoration:underline;} .download-block .asset-list li {margin-bottom:5px;} .ico-search{background:url(../images/dashboard/ico-search.gif) no-repeat;} .ico-pdf{background:url(../images/dashboard/ico-pdf.gif) no-repeat;} .ico-cad{background:url(../images/dashboard/ico-cad.gif) no-repeat;} .ico-acoustic{background:url(../images/dashboard/ico-acoustic.gif) no-repeat;} .wide-block{width:444px;} .slim-block{width:230px;background-color:#e8e8e8;} .wide-block .top{padding-left:30px;} .wide-block .box-inside{padding-left:35px;padding-right:10px;} .wide-block .bottom{height:9px;} .wide-block .scrollcontent{height:170px; overflow:auto;} .wide-block .scrollcontent .asset-list{width:380px;} .slim-block .top{background-color:#d3d3d3;padding-left:10px;} .slim-block .box-inside{padding:15px 13px;} .slim-block .scrollcontent{height:170px; overflow:auto;} .slim-block .scrollcontent .asset-list{width:188px;} .green-box {background: #e8e8e8 url(../images/dashboard/green-bg.gif) repeat-y 0 0;} .green-box .top{background: #d3d3d3 url(../images/dashboard/green-top.gif) no-repeat 0 0; } .green-box .bottom{background: #e8e8e8 url(../images/dashboard/green-bottom.gif) no-repeat 0 100%;} .purple-box {background: #e8e8e8 url(../images/dashboard/purple-bg.gif) repeat-y 0 0;} .purple-box .top{background: #d3d3d3 url(../images/dashboard/purple-top.gif) no-repeat 0 0; } .purple-box .bottom{background: #e8e8e8 url(../images/dashboard/purple-bottom.gif) no-repeat 0 100%;} .blue-box {background: #e8e8e8 url(../images/dashboard/blue-bg.gif) repeat-y 0 0;} .blue-box .top{background: #d3d3d3 url(../images/dashboard/blue-top.gif) no-repeat 0 0; } .blue-box .bottom{background: #e8e8e8 url(../images/dashboard/blue-bottom.gif) no-repeat 0 100%;} .orange-box {background: #e8e8e8 url(../images/dashboard/orange-bg.gif) repeat-y 0 0;} .orange-box .top{background: #d3d3d3 url(../images/dashboard/orange-top.gif) no-repeat 0 0; } .orange-box .bottom{background: #e8e8e8 url(../images/dashboard/orange-bottom.gif) no-repeat 0 100%;} .page-list{float:right;} .page-list li{display:inline;} .page-list li a{color:#0274ce; text-decoration:none; display:block; float:left; margin-right:5px;} .page-list li a.current{color:#4c5155;} .fake-space span{width:63px;float:left;display:block;height:20px;} .bt-pre { background:url(../images/dashboard/bt-pre.png) no-repeat; width:63px; height:20px;} .bt-next{ background:url(../images/dashboard/bt-next.png) no-repeat; width:63px; height:20px;} .bt-update{background:url(../images/dashboard/bt-update.png) no-repeat; width:202px; height:42px; margin:15px 0 10px 0;} .bt-tell-us{background:url(../images/dashboard/bt-tell-us.png) no-repeat; width:202px; height:42px; margin:15px 0 10px 0;} #cad-block .asset-list{min-height:205px;} .gallery-block .top h3{padding-left:30px;} .gallery-block .box-inside{padding:25px 8px 10px 8px;} .gallery-box{float:left;margin:0 16px; height:139px; text-align:center; width:127px;} .gallery-box img{margin-bottom:10px;} .gallery-box a,#left-side .recomm-slide a, .explore-slide a{text-decoration:none; color:#4c5155;} .gallery-box a:hover,#left-side .recomm-slide a:hover, .explore-slide a:hover{text-decoration:underline;} .recomm-slide img,.explore-slide img{margin:15px 0;} .news-slide{margin-bottom:10px; height:145px;font-size:12px;} .news-slide .title a{color:#4c5155;text-decoration:underline;font-weight:normal;font-size:12px;} .news-slide .title {margin-bottom:3px;} .news-slide p{font-size:12px;text-align:left;} .news-slide a{color:#0274ce;text-decoration:none;} .ajax-loading{background:url(../images/loading.gif) no-repeat 50% 50%;} .table-list td,.table-list th{font-size:12px;padding:5px 5px;} .bt-blue{background:url(../images/dashboard/bt-blue.gif) repeat-x; text-align:center; height:18px; padding:2px 8px 0 8px;} a.bt-blue {color:#fff;text-decoration:none;font-size:12px; text-indent:0;} a.download-link{text-decoration:none;color:#4C5155;} a.download-link:hover{text-decoration:underline;} #nav-premier a{height:13px; background:url(../images/css/nav-premier.gif) no-repeat;background-position:0 0;width:116px; margin-left:10px } #nav-premier a:hover, .premier-active #nav-premier a{background-position:0 -13px; } .page-list{float:right;} .page-list li{display:inline;} .page-list li a{color:#0274ce; text-decoration:none; display:block; float:left; margin-right:5px;} .page-list li a.current{color:#4c5155;} .fake-space span{width:63px;float:left;display:block;height:20px;} .bt-pre { background:url(../images/dashboard/bt-pre.png) no-repeat; width:63px; height:20px;} .bt-next{ background:url(../images/dashboard/bt-next.png) no-repeat; width:63px; height:20px;} #premier-banner{ background:url(../images/css/banner-premier.jpg) no-repeat; width:493px; height:168px;} /* premier network */ .uk-map {background:url(../images/worldwide/uk-map.gif) no-repeat; width:329px; height:562px; position:relative;} .worldwide-map {background:url(../images/worldwide/world-map.gif) no-repeat; width:687px; height:339px; position:relative;} .uk-map-list li{display:block; position:absolute; width:14px; height:14px;} .uk-map-list a{display:block; width:14px; height:14px; background:url(../images/worldwide/ico-dealer.png) no-repeat; text-indent:-9999999px;} .uk-map-list a.optima-london{background:none; width:33px; height:26px;} .uk-map-list .platinum{background:url(../images/worldwide/ico-platinum.png) no-repeat;} .uk-map-list .platinum2 { width:16px; height:16px; background:url(../images/worldwide/ico-platinum-highlight.png) no-repeat;} .worldwide-map .platinum2 { width:28px; height:20px; background:url(../images/worldwide/ico-platinum-highlight-pink.png) no-repeat;} .worldwide-bg{background:url(../images/worldwide/ww-bg.png) no-repeat; width:348px;height:162px;opacity:1; z-index:100; } .worldwide-map-list li{display:block; position:absolute; width:11px; height:11px;} .worldwide-map-list a{display:block; width:11px; height:11px; background:url(../images/worldwide/ico-dealer-small.png) no-repeat 50% 50%; text-indent:-9999999px;} .worldwide-map-list .platinum{background:url(../images/worldwide/ico-platinum-small.png) no-repeat;} .dealer-box{width:183px; border:1px solid #c3c9ce;padding:10px 13px;margin-top:15px; font-size:12px;position:relative;} .dealer-box select{width:100%;} .dealer-box h3{font-size:14px; color:#0a7eda; margin:10px 0;} .dealer-box .addressline{width:132px;} .dealer-box a, .dealer-box span{color:#0a7eda; } .dealer-box span{margin-top:6px;} .dealers-content h3,.dealers-content h4{color:#797c80; font-size:14px;} .dealers-content h3{margin-bottom:10px;} .dealers-content .contact{margin-top:8px;} .dealers-content .companyName{color:#000;margin-bottom:20px;} .bt-backto-map{background:url(../images/worldwide/bt-back-to-map.png) no-repeat; width:130px; height:25px;} .bt-back{background:url(../images/worldwide/bt-back.png) no-repeat; width:78px; height:23px; margin-top:15px;} .dealer-text-box{display:none;} .currentItem{display:block;} ul.legend{ bottom:0;margin-left:493px;} .legend span{background-color:#087bd6; display:block; width:22px; height:22px; float:left; margin-right:5px;} .legend img{margin:4px;} .legend li{clear:left; height:22px; margin:10px 0;} /*** [dealer case study] ***/ .case-box{border:1px solid #E3E3E3; background-color:#F9FAFA; width:435px; height:40px; padding:7px 16px 6px 7px;margin:10px 0 5px 0;} .case-box img{float:left; margin-right:17px;} .case-box h3.replace-a{font-size:13px;float:left; display:block;width:226px;} .case-box h4.replace{font-size:12px;float:left; display:block;width:260px;} .case-box a{background:url(../images/css/blue-arrow.gif) no-repeat 100% 1px; padding-right:20px; font-size:12px; float:right;} .accredit{background:url(../images/worldwide/dealers/dealer-accreditations.jpg) no-repeat; height:89px; display:block; margin:0 auto;} .acc-box{width:230px;float:left;margin-top:20px;} .acc-box .wrap-box{width:86px; float:left; margin-right:10px;} .acc-box h5{color:#797c80; font-weight:bold;font-size:14px;margin-top:20px; width:220px;} .title_div { top:20px; left:180px;position:absolute;background:#000000; color:#FFFFFF;padding:4px; font-size:11px; margin-right:38px; } .left-search{ height:53px; background-color:#e8e8e8; padding:16px 0 0 13px; margin-top:15px;} .ospn-box{margin-top:-40px;} .ospn-box a{text-decoration:none; font-size:13px;} .ospn-box img{margin-right:5px; vertical-align:middle;}