body {font-size:0.75em; font-family:Arial, Helvetica, sans-serif; color:#666666; background-color:#FCFCFC} div.bodyholder {margin:auto; width:700px; background-color:#FFFFFF; z-index:1} div.Logo {width:700px; height:159px;} div.gradTop {background-image:url(/globals/img/gradientTop.jpg); background-repeat:no-repeat; width:100%; height:5px; margin-bottom:20px;} div.gradBottim {background-image:url(/globals/img/gradientBottom.jpg); background-repeat:no-repeat; width:100%; height:9px; } div.gradHold {padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; background-image:url(/globals/img/grad_back.gif); background-repeat:repeat-x; background-position:0px 10px;} div.bounderBox {border:2px solid #3399cc; padding:10px; height:200px; color:#666666} a {color:#11a0ff; font-weight:bold;} .bluetxt, a.bluetxt, .bluetxt a {color:#0099ff; font-weight:bold;} /*Footer */ div.footerLine {background-image:url(/globals/img/footerLine.gif); background-repeat:repeat-x; width:100%; height:5px; margin-top:10px; margin-bottom:2px;} div.footer {background-color:#1c7aa9; color:#FFFFFF; padding:5px; font-size:85%; height:15px;} #FooterList {background-color:#1c7aa9; width:100%} ul#FooterList, #FooterList ul {float:left; list-style:none; left:50px; position:relative; margin:0; padding:0;} #FooterList ul li{ margin:0; padding-right:20px; list-style:none; float:left; margin-right:2px; } #FooterList ul li a{ float:left; text-decoration:none; color:#FFFFFF; } #FooterList ul li a:hover{ text-decoration:none; color:#FFFFFF; display:block} #FooterList a:hover{ background-color: transparent; color:#FFFFFF; } table.home3Panel {padding:0px; width:100%;} td.home3Panel, .home3Panel td {padding-right:10px;} td.home3Panelend, .home3Panelend td {padding:0px;} table.comparison {padding:2px; border:2px solid #CCCCCC; text-align:center} td.comprw1, .comprw1 td {background-color:#453796; color:#FFFFFF; font-weight:bold; padding:4px; font-style:italic} td.comprw2, .comprw2 td {background-color:#FFFF00; color:#000000; font-size:80%; font-weight:bold; padding:4px;} td.comprw3, .comprw3 td {background-color:#18469C; color:#FFFFFF; font-size:85%; font-weight:bold; padding-left:6px; padding-right:6px; padding-top:2px; padding-bottom:2px;} td.comprw4, .comprw4 td {background-color:#EF203C; color:#FFFFFF; font-size:85%; font-weight:bold; padding-left:6px; padding-right:6px; padding-top:2px; padding-bottom:2px;} td.comprw5, .comprw5 td {background-color:#23B14B; color:#FFFFFF; font-weight:bold; padding-left:6px; padding-right:6px; padding-top:2px; padding-bottom:2px; font-style:italic} table.decorativeGlass {font-weight:bold; font-size:85%;} td.decorativeGlass, .decorativeGlass td {width:56px; padding-right:30px;} table.submitForm {width:90%; font-weight:bold; font-size:90%;} td.submitFormdetails {padding-right:20px;} table.openingHours {width:250px;} /* Titles */ h1.title {display:none;} div.WelcomeTxt {background-image:url(/images/welcometxt.gif); width:313px; height:32px; background-repeat:no-repeat;} div.WelcomeTxt span {display:none;} div.DoorsTxt {background-image:url(/images/Doors_Title.gif); width:62px; height:24px; background-repeat:no-repeat;} div.DoorsTxt span {display:none;} div.HighSecurityTxt {background-image:url(/images/HighSecurity_Title.gif); width:215px; height:29px; background-repeat:no-repeat;} div.HighSecurityTxt span {display:none;} div.DoorPanelsTxt {background-image:url(/images/DoorPanels_Title.gif); width:99px; height:26px; background-repeat:no-repeat;} div.DoorPanelsTxt span {display:none;} div.CompositeDoorsTxt {background-image:url(/images/CompositeDoors_Title.gif); width:132px; height:24px; background-repeat:no-repeat;} div.CompositeDoorsTxt span {display:none;} div.BiFoldDoorsTxt {background-image:url(/images/BiFoldDoors_Title.gif); width:114px; height:27px; background-repeat:no-repeat;} div.BiFoldDoorsTxt span {display:none;} div.AboutUsTxt {background-image:url(/images/AboutUs_Title.gif); width:109px; height:32px; background-repeat:no-repeat;} div.AboutUsTxt span {display:none;} div.WindowsTxt {background-image:url(/images/windows_Title.gif); width:98px; height:29px; background-repeat:no-repeat;} div.WindowsTxt span {display:none;} div.SealedUnitsTxt {background-image:url(/images/doubleGalzed_Title.gif); width:244px; height:26px; background-repeat:no-repeat;} div.SealedUnitsTxt span {display:none;} div.WindowOptionsTxt {background-image:url(/images/windowsOptions_Title.gif); width:142px; height:29px; background-repeat:no-repeat;} div.WindowOptionsTxt span {display:none;} div.DecorativeGlassTxt {background-image:url(/images/decorativeGlass_Title.gif); width:202px; height:32px; background-repeat:no-repeat;} div.DecorativeGlassTxt span {display:none;} div.ConservatoriesTxt {background-image:url(/images/conservatories_Title.gif); width:136px; height:22px; background-repeat:no-repeat;} div.ConservatoriesTxt span {display:none;} div.EdwardianTxt {background-image:url(/images/Edwardian_Title.gif); width:92px; height:21px; background-repeat:no-repeat;} div.EdwardianTxt span {display:none;} div.GableEndTxt {background-image:url(/images/gableEnd_Title.gif); width:92px; height:22px; background-repeat:no-repeat;} div.GableEndTxt span {display:none;} div.VictorianTxt {background-image:url(/images/vistorian_Title.gif); width:77px; height:21px; background-repeat:no-repeat;} div.VictorianTxt span {display:none;} div.LeanToTxt {background-image:url(/images/leanTo_Title.gif); width:68px; height:22px; background-repeat:no-repeat;} div.LeanToTxt span {display:none;} div.WelcometoGalleryTxt {background-image:url(/images/GalleryWelcome_Title.gif); width:234px; height:41px; background-repeat:no-repeat;} div.WelcometoGalleryTxt span {display:none;} div.ContactTxt {background-image:url(/images/contact_Title.gif); width:86px; height:28px; background-repeat:no-repeat;} div.ContactTxt span {display:none;} /*##################*/ div.HomeWelcome {width:360px;position:relative; float:left; height:200px;} div.HomeWelcomeLeft {position:relative;width:300px;float:left ;} div.homewelcometxt {width:310px; text-align:justify} div.Doors_Panel1 {height:200px;} div.Doors_PanelRight1 {position:relative;width:400px;float:left; text-align:justify} div.Doors_Panel2 { text-align:justify} div.Doors_Left_Panel2 {position:relative; left:0px; width:400px; float:left; padding-right:20px;} div.Doors_Right_Panel2 {position:relative; right:0px; width:265px; float:left} div.Doors_Panel3{border:2px solid #3399cc; padding:10px; height:170px; color:#666666; text-align:justify} div.Doors_Left_Panel3 {position:relative; left:0px; width:420px; float:left; padding-right:20px;} div.Doors_Left_Panel3txt {} div.Doors_Right_Panel3 {position:relative;width:230px;float:left;} div.Doors_Panel4{} div.Doors_Panel5{text-align:justify} div.Doors_Left_Panel5{width:285px;position:relative; left:0px; float:left; padding-right:20px;} div.Doors_Right_Panel5{position:relative; right:0px; float:left; width:390px;} div.Doors_Panel6{text-align:justify} div.Doors_Left_Panel6{width:285px;position:relative; left:0px; float:left; padding-right:20px;} div.Doors_Right_Panel6{position:relative; right:0px; float:left; width:390px;} table.doorimgenlarge {padding-left:15px;} div.AboutUs_Panel1{border:2px solid #3399cc; padding:10px; height:320px; color:#666666; text-align:justify} div.AboutUs_Left_Panel1 {width:285px;position:relative; left:0px; float:left; padding-right:20px;} div.AboutUs_Right_Panel1 {position:relative; right:0px; float:left; width:370px;} div.Windows_Panel1 {height:180px;} div.Windows_PanelRight1 {position:relative;width:400px;float:left; text-align:justify} div.Windows_Panel2 { text-align:justify} div.Windows_Panel3{border:2px solid #3399cc; padding:10px; height:170px; color:#666666; text-align:justify} div.Windows_Left_Panel3 {position:relative; left:0px; width:420px; float:left; padding-right:20px;} div.Windows_Left_Panel3txt {} div.Windows_Right_Panel3 {position:relative;width:230px;float:left;} div.Windows_Panel4{border:2px solid #3399cc; padding:10px; height:170px; color:#666666; text-align:justify} div.Windows_Panel5{text-align:justify} div.Windows_Left_Panel5 {position:relative; left:0px; width:420px; float:left; padding-right:20px;} div.Windows_Left_Panel5txt {} div.Windows_Right_Panel5 {position:relative;width:230px;float:left;} div.Windows_Panel6{text-align:justify} div.Windows_Left_Panel6 {position:relative; left:0px; width:420px; float:left; padding-right:20px;} div.Windows_Left_Panel6txt {} div.Windows_Right_Panel6 {position:relative;width:230px;float:left;} div.Windows_Panel7{text-align:justify} div.Windows_Left_Panel7 {position:relative; left:0px; width:410px; float:left; padding-right:20px;} div.Windows_Left_Panel7txt {} div.Windows_Right_Panel7 {position:relative;width:250px;float:left;} div.Cons_Panel1 {height:200px; font-size:95%; text-align:justify} div.Cons_PanelRight1 {position:relative;width:400px;float:left; text-align:justify} div.Cons_Panel2{border:2px solid #3399cc; padding:10px; height:146px; color:#666666; text-align:justify} div.Cons_Panel3 {text-align:justify;} div.Cons_Left_Panel3 {position:relative; left:0px; width:450px; float:left; padding-right:20px;} div.Cons_Left_Panel3txt {} div.Cons_Right_Panel3 {position:relative;width:205px;float:left; text-align:justify} div.Cons_Panel4 {text-align:justify;} div.Cons_Panel5 {text-align:justify;} div.Cons_Left_Panel5 {position:relative; left:0px; width:380px; float:left; padding-right:20px;} div.Cons_Left_Panel5txt {} div.Cons_Right_Panel5 {position:relative;width:300px;float:left; text-align:justify} div.Gallery_Panel1 {text-align:justify} div.Gallery_Left_Panel1 {position:relative; left:0px; width:235px; float:left; padding-right:20px;} div.Gallery_Left_Panel1txt {} div.Gallery_Right_Panel1 {position:relative;width:400px;float:left;} div.Contact_Panel1 {height:200px;} div.Contact_Panel2 {border:2px solid #3399cc; padding:10px; height:350px; color:#666666; text-align:justify } div.Contact_Left_Panel2 {position:relative; left:0px; width:280px; float:left; padding-right:20px;} div.Contact_Right_Panel2 {position:relative; right:0px; width:370px; float:left} /*Images*/ img.doors_img1 {float:left; padding-right:10px;} img.doors_im2 {padding-left:10px; float:right} img.doors_im6 {padding-right:10px; float:left} img.window_im5 {padding-left:20px; float:right} img.window_im6 {padding-left:20px; float:right} img.window_im8 {padding-right:20px; float:left} img.window_im9 {padding-left:20px; float:right} img.window_im10 {padding-right:20px; float:left} img.cons_im4 {padding-bottom:10px; float:right} img.cons_im6 {padding-left:20px; float:right} img.cons_im8 {padding-left:10px; float:right} /* Navigation */ #MainNavigation {margin-top:10px; margin-bottom:15px;} ul#MainNavigation, #MainNavigation ul {float:left; width:700px; list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif; left:0px; position:relative; margin:0; padding:0;} #MainNavigation ul li{ margin:0; padding:0px; list-style:none; float:left; height:29px; font-weight:bold; margin-right:2px; display:block; } #MainNavigation ul li a{ float:left; text-decoration:none; top:5px; position:relative; line-height:29px; color:#0099ff } #MainNavigation ul li a:hover{ text-decoration:none; color:#FFFFFF; display:block} #MainNavigation a:hover{ background-color: transparent; color:#FFFFFF; } #MainNavigation li#home {background-image:url(/globals/img/nav_homeLine.gif); background-repeat:no-repeat; width:85px; height:29px; background-position:left top; padding-left:5px; color:#0099FF; } #MainNavigation li#home:hover, #MainNavigation #home li:hover {background-color:#ff0000; color:#FFFFFF; display:block;} #MainNavigation li#about {background-image:url(/globals/img/nav_aboutLine.gif); background-repeat:no-repeat; width:94px; height:29px; background-position:left top; padding-left:5px;} #MainNavigation li#about:hover, #MainNavigation #about li:hover, #about li:hover {background-color:#ff6600; color:#FFFFFF; display:block;} #MainNavigation li#windows {background-image:url(/globals/img/nav_windowsLine.gif); background-repeat:no-repeat; width:94px; height:29px; background-position:left top; padding-left:5px;} #MainNavigation li#windows:hover, #MainNavigation #windows li:hover {background-color:#ffff00; color:#FFFFFF; display:block;} #MainNavigation li#doors {background-image:url(/globals/img/nav_doorsLine.gif); background-repeat:no-repeat; width:88px; height:29px; background-position:left top; padding-left:5px;} #MainNavigation li#doors:hover, #MainNavigation #doors li:hover {background-color:#33cc00; color:#FFFFFF; display:block;} #MainNavigation li#conservatories {background-image:url(/globals/img/nav_conservationsLine.gif); background-repeat:no-repeat; width:116px; height:29px; background-position:left top; padding-left:5px;} #MainNavigation li#conservatories:hover, #MainNavigation #conservatories li:hover {background-color:#0000ff; color:#FFFFFF; display:block;} #MainNavigation li#gallery {background-image:url(/globals/img/nav_galleryLine.gif); background-repeat:no-repeat; width:75px; height:29px; background-position:left top; padding-left:5px;} #MainNavigation li#gallery:hover, #MainNavigation #gallery li:hover {background-color:#4b0082; color:#FFFFFF; display:block;} #MainNavigation li#contact {background-image:url(/globals/img/nav_contactusLine.gif); background-repeat:no-repeat; width:85px; height:29px; background-position:left top; padding-left:5px;} #MainNavigation li#contact:hover, #MainNavigation #contact li:hover {background-color:#ad04d7; color:#FFFFFF; display:block;} a.nav_on, .nav_on a, .nav_on {color:#FFFFFF;} a.nav, .nav a, .nav {} #MainNavigation li#home_on, a#home_on {background-color:#ff0000; color:#FFFFFF; width:85px; height:29px; background-position:left top; padding-left:5px; } #MainNavigation li#about_on {background-color:#ff6600; color:#FFFFFF; width:94px; height:29px; background-position:left top; padding-left:5px; } #MainNavigation li#windows_on {background-color:#ffff00; color:#FFFFFF; width:94px; height:29px; background-position:left top; padding-left:5px; } #MainNavigation li#doors_on {background-color:#33cc00; color:#FFFFFF; width:88px; height:29px; background-position:left top; padding-left:5px; } #MainNavigation li#conservatories_on {background-color:#0000ff; color:#FFFFFF; width:116px; height:29px; background-position:left top; padding-left:5px; } #MainNavigation li#gallery_on {background-color:#4b0082; color:#FFFFFF; width:75px; height:29px; background-position:left top; padding-left:5px; } #MainNavigation li#contact_on {background-color:#ad04d7; color:#FFFFFF; width:85px; height:29px; background-position:left top; padding-left:5px; }