BODY {background:url(../_img/header-bg.gif) repeat-x;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#4d4d4d;line-height:16px;} /*A{color:#000;text-decoration:none} A:HOVER{color:#930510}*/ /*Top Strip*/ #top-strip{height:34px;} #top-strip A{color:#002a5c;float:left;background:url(../_img/icon-email.gif) no-repeat;padding-left:30px;margin:10px 0 0 35px;text-decoration:none} #top-strip H1.phone {float:left;background:url(../_img/phone-bg.gif) no-repeat;text-indent:-9999px;display:block;width:230px;height:17px;margin:8px 0 0 35px;} /*Header*/ #header{height:139px;} H1.logo A{float:left;height:131px;width:413px;text-indent:-9999px;background:url(../_img/logo.gif);} H1.strapline {float:left;height:131px;width:547px;text-indent:-9999px;background:url(../_img/strapline-image.jpg);} /*Navigation*/ #navigation{height:40px;} #navigation IMG {float:left;margin:0px;padding:0px; border:none;} #navigation LI {display:inline} #navigation LI A {float:left;display:block;height:40px;text-indent:-9999px;width:119px;} #navigation IMG.left{margin-left:3px;} #navigation LI.home A {background:url(../_img/nav-home-off.gif) no-repeat;} #navigation LI.home A:HOVER {background:url(../_img/nav-home-on.gif) no-repeat;} #navigation LI.domestic A {background:url(../_img/nav-domestic-off.gif) no-repeat;} #navigation LI.domestic A:HOVER {background:url(../_img/nav-domestic-on.gif) no-repeat;} #navigation LI.commercial A {background:url(../_img/nav-commercial-off.gif) no-repeat;} #navigation LI.commercial A:HOVER {background:url(../_img/nav-commercial-on.gif) no-repeat} #navigation LI.industrial A {background:url(../_img/nav-industrial-off.gif) no-repeat;} #navigation LI.industrial A:HOVER {background:url(../_img/nav-industrial-on.gif) no-repeat} #navigation LI.projects A {background:url(../_img/nav-projects-off.gif) no-repeat;} #navigation LI.projects A:HOVER {background:url(../_img/nav-projects-on.gif) no-repeat} #navigation LI.testimonials A {background:url(../_img/nav-testimonials-off.gif) no-repeat;} #navigation LI.testimonials A:HOVER {background:url(../_img/nav-testimonials-on.gif) no-repeat} #navigation LI.clients A {background:url(../_img/nav-clients-off.gif) no-repeat;} #navigation LI.clients A:HOVER {background:url(../_img/nav-clients-on.gif) no-repeat} #navigation LI.contact A {background:url(../_img/nav-contact-off.gif) no-repeat;} #navigation LI.contact A:HOVER {background:url(../_img/nav-contact-on.gif) no-repeat} #navigation LI.last A{margin-right:0px;} /*Breadcrumb trail*/ #breadcrumb{height:25px;margin-top:10px;} #breadcrumb P{font-size:12px;color:#012e63} #breadcrumb A{color:#4d4d4d} /*Inner page Main title*/ #page-title-holder{border-bottom:1px solid #eaeaea} /*Inner page sections*/ #inner-shaded-section{margin-top:10px;background-color:#eeeeee;float:left;width:100%} #inner-text-section{margin-top:10px;float:left;min-height:550px} /*put min-height in for brochures page*/ #inner-text-section H2{margin:10px 0px 15px;width:690px;height:23px;text-indent:-9999px;} /*main titles*/ #inner-text-section H2.domestic{background:url(../_img/title-domestic.gif) no-repeat;} #inner-text-section H2.commercial{background:url(../_img/title-commercial.gif) no-repeat;} #inner-text-section H2.industrial{background:url(../_img/title-industrial.gif) no-repeat;} /*main titles with grey line*/ #inner-text-section H2[class] {border-bottom:1px solid #b6b6b7;padding-bottom:18px} /*avoids repeating this in the classes below*/ #inner-text-section H2.garage{background:url(../_img/title-garage.gif) no-repeat;} #inner-text-section H2.clients{background:url(../_img/title-clients.gif) no-repeat;} #inner-text-section H2.testimonials{background:url(../_img/title-testimonials.gif) no-repeat;} #inner-text-section H2.contact{background:url(../_img/title-contact.gif) no-repeat;} #inner-text-section H2.projects{background:url(../_img/title-projects.gif) no-repeat;} #inner-text-section H2.brochures{background:url(../_img/title-brochures.gif) no-repeat;} #inner-text-section H2.folding{background:url(../_img/title-folding-grilles.gif) no-repeat;} #inner-text-section H2.galvanised{background:url(../_img/title-gs-roller-shutters.gif) no-repeat;} #inner-text-section H2.steel{background:url(../_img/title-steel-doors-posts.gif) no-repeat;} #inner-text-section H2.upvc{background:url(../_img/title-upvc.gif) no-repeat;} #inner-text-section H2.sec-ov{background:url(../_img/title-sec-ov.gif) no-repeat;} #inner-text-section H2.window{background:url(../_img/title-window-blinds.gif) no-repeat;} #inner-text-section H2.maintenance{background:url(../_img/title-maintenance.gif) no-repeat;} #inner-text-section H2.roller-shutters{background:url(../_img/title-roller-shutters.gif) no-repeat;} #inner-text-section H2.high-speed{background:url(../_img/title-hs-ov-drs.gif) no-repeat;} #inner-text-section H2.security-posts{background:url(../_img/title-security-posts.gif) no-repeat;} #inner-text-section H2.fire-doors{background:url(../_img/title-fire-doors.gif) no-repeat;} #inner-text-section H3{width:690px;clear:left;float:left;color:#ffc423;font-size:18px;text-transform:uppercase;font-weight:normal;display:block;/*width:690px*/margin-top:10px;margin-bottom:10px} #inner-text-section HR {float:left;margin:10px 0px 10px;border: 0;color: #b6b6b7;background-color: #b6b6b7;height: 1px;width:690px;/*text-align:left;*/} #inner-text-section P, UL.testimonials-list CITE, UL.testimonials-list BLOCKQUOTE {float:left;line-height:18px;margin:0px 0px 10px;width:690px} #inner-text-section UL {clear:left;float:left;} /*#inner-text-section IMG.left {float:left;width:165px} #inner-text-section P.right {float:right;width:500px}*/ #inner-text-section UL.big-img-links{float:left;width:691px;position:relative;margin-top:20px} #inner-text-section UL.big-img-links LI{float:left;display:block;width:691px;height:135px;position:relative;margin-bottom:15px;} UL.big-img-links LI.garage{background:url(../_img/inner-image-link-01.jpg) no-repeat;} UL.big-img-links LI.folding{background:url(../_img/inner-image-link-02.jpg) no-repeat;} UL.big-img-links LI.roller{background:url(../_img/inner-image-link-03.jpg) no-repeat;} UL.big-img-links LI.security{background:url(../_img/inner-image-link-04.jpg) no-repeat;} UL.big-img-links LI.galvanised{background:url(../_img/inner-image-link-05.jpg) no-repeat;} UL.big-img-links LI.steel{background:url(../_img/inner-image-link-06.jpg) no-repeat;} UL.big-img-links LI.window{background:url(../_img/inner-image-link-07.jpg) no-repeat;} UL.big-img-links LI.sectioned{background:url(../_img/inner-image-link-08.jpg) no-repeat;} UL.big-img-links LI.highspeed{background:url(../_img/inner-image-link-09.jpg) no-repeat;} UL.big-img-links LI.upvc{background:url(../_img/inner-image-link-10.jpg) no-repeat;} #inner-text-section LI H3{text-indent:-9999px} A {color:#00337a;} A:HOVER { color:#004CB8; } UL.inner-side-img-cont{width:165px;margin-top:10px;float:left;} UL.inner-side-img-cont LI {float:left;margin:0px 0px 10px} .inner-shaded-section{width:509px;float:left;margin:10px 0px 15px 15px !important;background:#f5f5f5;} .inner-shaded-section H4 {color:#ffc423;font-size:14px;text-transform:uppercase;font-weight:normal;margin:15px 0px 0px 20px} .inner-shaded-section UL {float:left;margin:10px 20px 15px;line-height:18px;} .inner-shaded-section UL LI {padding-left:20px;background:url(../_img/bullet.gif) no-repeat 0px 4px;margin:0px 0px 5px} .inner-shaded-section UL.smaller-spacing LI {margin:10px 0px} .inner-shaded-section UL.bigger-spacing LI {margin:0px 0px 15px} /*For image left and text on right in shaded section*/ .inner-shaded-section P {margin:20px 20px 15px !important;width:469px !important;} /*used for bollards bit on security posts*/ .inner-right-section2{width:509px;float:left;margin:10px 0px 15px 15px;} .inner-right-section2 H4 {color:#ffc423;font-size:14px;text-transform:uppercase;font-weight:normal;margin:0px 0px 10px 0px} .inner-right-section2 UL {float:left;margin:0px 20px 10px 10px;line-height:18px;} .inner-right-section2 UL LI {padding-left:20px;background:url(../_img/bullet.gif) no-repeat 0px 4px;margin:0px 0px 5px} .inner-right-section2 UL.smaller-spacing LI {margin:10px 0px} /*For image left and text on right in shaded section*/ .inner-right-section2 P {margin:0px 0px !important;width:469px !important;} #inner-text-section UL.products {float:left;margin-top:10px;width:690px} #inner-text-section UL.products LI{} UL.products H4, UL.imgs-horiz H4 {clear:left;font-weight:bold;color:#012e63;text-transform:uppercase;} UL.products P{margin:5px 0px 15px 0px !important;float:left;} #inner-text-section UL.imgs-horiz {float:left;margin:5px 0px} /*used for both client logos (clients.php) & horiz images on inner pages */ UL.imgs-horiz LI {float:left;display:inline;margin-right:10px;margin-bottom:10px} UL.imgs-horiz H4 {text-align:center;margin-bottom:10px} #inner-text-section UL.main-list {float:left;margin-bottom:15px;} #inner-text-section UL.main-list LI {padding-left:20px;background:url(../_img/bullet.gif) no-repeat 0px 4px;margin:0px 0px 5px} P.sub-title {clear:left;font-weight:bold;color:#012e63;text-transform:uppercase;margin-top:5px !important;margin-bottom:5px !important;float:left;display:block} IMG.doors {float:left;margin:0px 0px 15px} TABLE.product-details{clear:left;width:690px;margin:5px 0px 15px;background-color:#eeeeee;} TABLE.product-details TD, TABLE.product-details TH{border:1px solid #b6b6b7;width:115px;padding:4px;} TABLE.product-details TH {text-align:left;color:#012e63;background:#ffc423;} /*quotes for testimonials section*/ UL.testimonials-list{float:left;margin-top:10px;/*min-height:450px;*/} UL.testimonials-list LI{float:left;margin-bottom:15px} UL.testimonials-list CITE{font-weight:bold;color:#012e63;text-transform:uppercase;margin-bottom:5px;} UL.testimonials-list BLOCKQUOTE {} /*contact form*/ #contact-left, #contact-right {width:340px;float:left;display:block} #contact-right {margin-left:11px;} #contact-left FORM{float:left;width:340px;} #contact-left FORM label{margin-top:10px;margin-bottom:2px;line-height:22px;display:block} #contact-left FORM input, #contact-left FORM label, #contact-left FORM TEXTAREA, #contact-left FORM .submit-button, #contact-left FORM SELECT {margin-left:0px;width:320px;height:18px;} #contact-left FORM TEXTAREA {height:100px;} #contact-left FORM input, #contact-left FORM TEXTAREA, #contact-left FORM SELECT {border:1px solid #ffc423;font-size:12px;font-family:inherit;color:#4d4d4d;margin-bottom:5px} #contact-left FORM SELECT{height:22px;width:322px;padding:2px 0px;} #contact-left FORM P.form-info{font-weight:bold;color:#012e63;margin-top:10px} #contact-left FORM input[type="submit"]{height:22px;margin-top:10px;border:1px solid #b6b6b7;background:/*#edeaf2*/#ffc423;font-weight:bold;color:#012e63;width:170px;margin-left:0px;text-transform:uppercase} #contact-right {} #contact-right .contact-detail{width:340px;} #contact-right DL{float:left;width:340px;font-size:12px;line-height:20px;margin-bottom:30px;} #contact-right DL DT{width:100px;float:left;/*display:inline;*/color:#ffc423;height:26px;font-weight:bold;clear:left;} #contact-right DL DD{float:left;width:228px;margin:0 0 0 0px;display:block !important;height:26px;} #contact-right P{float:left} #contact-right A{color:#002569} #contact-right IFRAME{border:1px solid #b6b6b7;width:338px} /*Main Image (Home Page)*/ #main-image{margin-top:13px;margin-bottom:0px;overflow:hidden} /*LOZENGES*/ #no-obligation, #clients, #brochure, #domestic, #commercial, #industrial {height:170px; width:231px;background:#9CC;margin-bottom:12px;margin-top:0px;position:relative} #no-obligation{background:url(../_img/no-obligation.jpg) no-repeat} #no-obligation H2 {text-indent:-9999px} H2.loz-header{width:231px;height:35px;text-indent:-9999px} #clients{} #clients H2{background:url(../_img/header-clients.gif) no-repeat} #clients UL{height:135px;background:url(../_img/clients-bg.gif) no-repeat #fff;border:#bbbbbc 1px solid;border-top:none;width:229px} /*2 pixels deducted from width for border*/ #clients LI{margin-top:8px} #clients IMG {height:124px;} /*Buttons for Lozenges and Inner Main Images*/ A.click-here, A.more-details, A.more-details-right {position:absolute;width:125px; height:20px; display:block; float:left; text-indent:-9999px;} A.click-here, A.more-details {bottom:12px;left:12px;} A.more-details-right {bottom:8px;right:8px;} A.click-here {background:url(../_img/button-clickhere-off.gif) no-repeat; } A.click-here:HOVER{background:url(../_img/button-clickhere-on.gif) no-repeat;} A.more-details, A.more-details-right {background:url(../_img/button-more-off.gif) no-repeat;} A.more-details:HOVER , A.more-details-right:HOVER{background:url(../_img/button-more-on.gif) no-repeat;} /*Bullet list for lozenges*/ UL.loz-list {line-height:19px;float:left;margin:10px 4px;padding: 0;list-style: none;} UL.loz-list LI{margin: 0 0px 0 10px;background:url(../_img/arrow-subnav.gif) 0 6px no-repeat;padding: 0 0 0 15px;} #brochure{background:url(../_img/loz-brochure-bg.jpg) no-repeat bottom} #brochure H2{background:url(../_img/header-brochure.gif) no-repeat} #brochure P{font-size:13px;width:92px;color:#002a5c;margin:13px 0px 0px 13px;text-transform:uppercase;line-height:18px;} #domestic{background:url(../_img/loz-domestic-bg.jpg) no-repeat bottom} #domestic H2{background:url(../_img/header-domestic.gif) no-repeat} #commercial{background:url(../_img/loz-commercial-bg.jpg) no-repeat bottom} #commercial H2{background:url(../_img/header-commercial.gif) no-repeat} #industrial{background:url(../_img/loz-industrial-bg.jpg) no-repeat bottom} #industrial H2{background:url(../_img/header-industrial.gif) no-repeat} #enquiry {height:352px;background:#002a5c;margin-bottom:12px} #enquiry H2{background:url(../_img/header-enquiry.gif) no-repeat;height:50px} #enquiry FORM{float:left;width:231px;color:#FFF;} #enquiry FORM label{width:80px;margin-top:4px;margin-bottom:2px;line-height:22px;display:block;} #enquiry FORM input, #enquiry FORM label,#enquiry FORM TEXTAREA {margin-left:15px;width:197px;height:18px;} #enquiry FORM input{border:1px solid #ffc423;background:url(../_img/form-input-bg.gif) no-repeat #FFF;font-size:12px;font-family:inherit;} #enquiry FORM input {margin-bottom:6px;} #enquiry FORM label.last{margin-bottom:0px} #enquiry FORM .submit-button {background:url(../_img/button-submit.gif);display:block;text-align:center;height:50px; line-height:20px; text-indent:-9999px; width:231px;position:absolute; bottom:0px;left:0px} #enquiry FORM P{margin:5px 15px 0px;margin-top:5px;font-size:11px;line-height:12px;} .form-info{color:#ffc423} .form-info-error{color:#af1a1d} .form-info-success{color:#ffc423} #main-home {} #main-home H2 {width:310px;height:15px;text-indent:-9999px;background:url(../_img/heading-home.gif) no-repeat;margin:0px 10px 10px 8px;} #main-home P {line-height:18px;margin:8px 10px;} #main-home P.big{font-size:16px;text-transform:uppercase;line-height:22px;margin-top:10px} /*Hidden home page links for SEO*/ #main-home A{color:#4d4d4d;text-decoration:none} #main-home A:HOVER{color:#4d4d4d;text-decoration:none} /*Footer*/ #footer {height:347px;clear:both;background:url(../_img/footer-bg.gif) #002a5c repeat-x;margin-top:12px;color:#FFF} #footer-inner{} #footer-inner A{color:#FFF;text-decoration:none;} #footer-inner A:HOVER{color:#ffc423;text-decoration:none;} #footer-inner-left{margin-top:40px;border-right:solid 1px #FFF;width:716px} /*had to decrease width by 1px for border*/ #footer-inner-left H2{width:125px; height:15px; background:url(../_img/header-partners.gif);text-indent:-9999px;margin:5px 0px 0px 15px} #footer-inner-left UL.partners{float:left;margin:10px 0px 0px 15px} #footer-inner-left UL.partners LI{float:left;display:inline;margin-right:30px;} #footer-inner-left UL.second-nav{float:left;margin:18px 0px 0px 15px} #footer-inner-left UL.second-nav LI{float:left;display:inline;padding-right:10px;padding-left:10px;border-right:1px solid #ffc423} #footer-inner-left UL.second-nav LI.last{border-right:none} #footer-inner-left UL.second-nav LI.first{padding-left:0px;} #footer-inner-left P{float:left;display:block;margin:10px 0px 0px 15px;width:700px;} #footer-inner-left P.copyright{color:#ffc423;} #footer-inner-left P.design-by, #footer-inner-left P.design-by A{color:#fff;text-decoration:none} #footer-inner-left P.design-by A{font-weight:bold;} #footer-inner-left P.design-by A:HOVER{color:#ffc423;} #footer-inner-right{margin-top:40px;} #footer-inner-right IMG {margin-left:8px} #footer-inner-right P {margin:15px 0px 0px 8px;line-height:18px;} #footer-inner-right A ,#footer-inner-right A:HOVER{text-decoration:underline} /*Slideshow main images*/ .slideshow {/* height: 187px;*/ width: 960px;} /*Slideshow testimonials*/ .slideshow2 LI{width:229px;} /*stops text crunching up on first transition*/ /*Extras (for spans)*/ .bold{font-weight:bold} .bg-grey{background-color:#eeeeee} .highlight {font-weight:bold;color:#af1a1d} .highlight2 {font-weight:bold;color:#012e63;text-transform:uppercase} .margin-bottom10{margin-bottom:10px} .margin-bottom20{margin-bottom:20px} .margin-bottom30{margin-bottom:30px} .margin-top12{margin-top:12px;} .margintop20{margin-top:20px;} .margin-top30{margin-top:30px} .yellow{color:#ffc423} .bgwhite{background:#FFF} P.last{margin-bottom:50px !important} .width105{width:65px !important;} .bigger{font-size:14px} .superscript{font-size:xx-small; vertical-align:super;} P.footnote{font-size:90%;line-height:16px !important} /*Hidden home page links for SEO*/ #main-home A{} #main-home A:HOVER{} /*Google Map Image*/ .map-image { height: 240px; width: 100%; } .map-image img { width: 100%; height: 100%; object-fit: contain; border: 1px solid lightgrey; }