/* First, let's import the other .css files before we forget! */ @import url(/css/globals.css); @import url(/css/fonts.css); @import url(/css/carSizer.css); @import url(/cms.css); @import url(/mw.css); @import url(/css/client.css); /* @import url(/css/classes.css); */ /* Padding */ .padTop100 { padding-top: 100px !important; } /* Page Parts */ #canvas { width: 100%;padding: 0px; margin: 0px; font: bold 1.2em verdana; background-color: #FFFFFF; background-image: url('/gfx/shadow_bg.png'); background-repeat: no-repeat; background-position: center 60px; } #preLoader { display: none; position: absolute; top: -1000px; } #container { width: 100%; height: auto; min-height: 100%; display: block; float: left; margin-left: auto; margin-right: auto; text-align: center; position: relative; top: 0px; left: 0px; padding-bottom:0px;} #roof { cursor: pointer; display: none; width: 100%; height: 65px; overflow: hidden; background-color: gold; background-image: none; background-repeat: repeat-x; background-position: center bottom; clear: both; border-bottom: 1px dotted #000000; } #thePage { width: 1000px; height: auto; margin-left: auto; margin-right: auto; position: relative; top: 0px; left: 0px; display: block; text-align: left; } #maincontent { width: 999px; height: auto; display: block; float: left; margin-top: 0px; background: url('/gfx/back/main.gif') repeat-y -1px 0px; } #content { width: 758px; height: auto; display: block; float: left; clear: right; padding-bottom:20px;} #pageContent { position: relative; top: 0px; left: 0px; display: block; margin: 0px 0px 25px 20px; width: 710px; background: #FFFFFF; } #header { width: 1000px; height: 135px; display: block; margin-top: 0px; background: #70287a; } #headerLeft { position: absolute; top: 0px; left: 0px; width: 228px; height: 135px; display: inline; background: #70287a url('/gfx/back/header.gif') repeat-x top left; } #headerRight { position: absolute; top: 0px; right: 0px; width: 772px; height: 135px; display: inline; background: #70287a url('/gfx/back/header.gif') repeat-x top left; } #montage { position: absolute; top: 20px; right: 10px; width: 700px; height: 85px; background: #70287a; } #skyscraper { height: 1000px; } #logo { position: relative; top: 25px; left: 10px; } #logoSlogan { position: relative; top: 50px; left: 0px; } #slogan { width: 500px; height: 62px; display: block; float: left; position: relative; top: 38px; left: 220px; text-align: center; } #navForms { width: 758px; height: 5px; color: #606060; padding: 5px 0px 0px 0px; font: bold 0.7em verdana; background: #e4e3e5 url('/gfx/back/searchBar.gif') repeat-x top left; display: block; float: left; overflow: hidden; } #postcodeField { width: 125px; color: #808080; font: normal 1.0em verdana; margin-left: 5px; margin-right: 2px; padding-left: 12px; background: #FFFFFF url('/gfx/back/postcodeField.gif') no-repeat left; } .postcodeFieldHi { color: #70287a !important; font-weight: bold !important; } #inlinePostcode { width: 100px; margin: 0px 5px 0px 0px; } .navFormsGo { width: 30px; color: #FFFFFF; background: #70287a url(/gfx/back/hi/navFormsGo.gif) repeat-x top; border: 1px solid #70287a; cursor: pointer; } .navFormsGo:hover { width: 30px; color: #808080; border: 1px solid #808080; background: #ece9d8 url(gfx/back/navFormsGo.gif) repeat-x top; } #searchField { width: 155px; color: #808080; font: normal 0.7em verdana; margin-left: 30px; margin-top: 5px; margin-right: 2px; padding-left: 12px; background: #FFFFFF url('/gfx/back/postcodeField.gif') no-repeat left; ; } #popularPages { width: 215px; margin-left: 5px; margin-right: 2px; color: #808080; font: normal 1.0em verdana; } #breadcrumb { color: #70287a; font: normal 0.55em verdana; padding-left: 0px; margin-bottom: 10px !important; } #breadcrumb span { font-weight: bold; font: bold 1.2em verdana; } #breadcrumb a:link { color: #808080; font: normal 1.0em verdana; text-decoration: underline; } #breadcrumb a:visited { color: #808080; } #breadcrumb a:hover { color: #70287a; text-decoration: none; } .purpleLine { width: 100%; height: 1px; color: #70287a; } /* Tabs */ #tabs { position: absolute; top: 110px; right: 10px; width: 700px; height: 25px; display: block; background: #70287a; } #tabs ul { list-style-type: none; display: block; float: left; height: 25px; margin: 0px; padding: 0px; font: normal 1.0em verdana; } #tabs ul li { display: block; float: left; width: 130px; height: 25px; margin: 0px 0px 0px 0px; padding: 0px; cursor: pointer; vertical-align: bottom; text-align: center; } #tabs ul li a { color: #70287a !important; display: block; float: left; width: 130px; height: 25px; background: url('gfx/back/tab.gif') no-repeat; cursor: pointer; font: normal 0.7em verdana; line-height: 25px; text-decoration: none; vertical-align: middle; } #tabs ul li a:visited { color: #70287a !important; background: url('/gfx/back/tab.gif') no-repeat center center; font-weight: normal; } #tabs ul li a:hover { color: #70287a !important; background: url('/gfx/back/hi/tab.gif') no-repeat center center; font-weight: bold; } #tabs ul li a.current { color: #70287a !important; background: url('/gfx/back/on/tab.gif') no-repeat center center; font-weight: bold; } /* For narrow buttons (e.g. Home) */ #tabs ul li.thin { display: block; float: left; width: 50px; height: 25px; margin: 0px 0px 0px 0px; padding: 0px; cursor: pointer; vertical-align: bottom; text-align: center; } #tabs ul li.thin a { color: #70287a !important; display: block; float: left; width: 50px; height: 25px; background: url('gfx/back/thinTab.gif') no-repeat; cursor: pointer; font: normal 0.7em verdana; line-height: 25px; text-decoration: none; vertical-align: middle; } #tabs ul li.thin a:visited { color: #70287a !important; background: url('/gfx/back/thinTab.gif') no-repeat center center; font-weight: normal; } #tabs ul li.thin a:hover { color: #70287a !important; background: url('/gfx/back/hi/thinTab.gif') no-repeat center center; font-weight: bold; } #tabs ul li.thin a.current { color: #70287a !important; background: url('/gfx/back/on/thinTab.gif') no-repeat center center; font-weight: bold; } /* For wider buttons (e.g. Brochure and Price List) */ #tabs ul li.thick { display: block; float: left; width: 200px; height: 25px; margin: 0px 0px 0px 0px; padding: 0px; cursor: pointer; vertical-align: bottom; text-align: center; } #tabs ul li.thick a { color: #70287a !important; display: block; float: left; width: 200px; height: 25px; background: url('gfx/back/thickTab_nectar.gif') no-repeat; cursor: pointer; font: bold 0.7em verdana; line-height: 25px; text-decoration: none; vertical-align: middle; } #tabs ul li.thick a:visited { color: #70287a !important; background: url('/gfx/back/thickTab_nectar.gif') no-repeat center center; font-weight: bold; } #tabs ul li.thick a:hover { color: #70287a !important; background: url('/gfx/back/hi/thickTab_nectar.gif') no-repeat center center; font-weight: bold; } #tabs ul li.thick a.current { color: #70287a !important; background: url('/gfx/back/hi/thickTab_nectar.gif') no-repeat center center; font-weight: bold; } /* Left menu */ #leftmenu { width: 241px; min-height: 500px; display: inline; float: left; color: #7B3184; font-weight: bold; text-align: center; margin:0px;padding: 0px 0px 20px 0px;} #leftmenu p { margin-left: 10px; margin-bottom: 20px; } #leftmenu ul { display: block; width: 241px; list-style-type: none; margin: 0px; padding: 0px; float: left; } #leftmenu ul li { margin: 0px; padding: 0px; width: 241px; float:left; } #leftmenu ul .leftmenutopa { width: 241px; height:34px; margin: 0px; padding: 0px; } #leftmenu ul .leftmenutopb { width: 241px; height: 45px; margin: 0px 0px 4px 0px; padding: 0px; } #leftmenu .leftmenuItemForm { width: 241px; height: 35px; margin: 0px; padding: 5px 0px 0px 0px; float: left; } #leftmenu ul a:link { display:block;float:left;color: #70287a; width: 211px; height: auto; max-height: 47px; line-height: 22px !important;background: url('gfx/back/menuItem.gif') no-repeat top left; font: bold 1em verdana; text-align: left;text-decoration:none;padding: 3px 0px 2px 30px;margin:0px;} #leftmenu ul a:visited { display:block;float:left;color: #70287a; width: 211px; height: auto; max-height: 47px; line-height: 22px !important; background: url('gfx/back/menuItem.gif') no-repeat top left; font: bold 1em verdana; text-align: left;text-decoration:none;padding: 3px 0px 2px 30px;margin:0px;} #leftmenu ul a:hover { display:block;float:left;color: #ffffff; width: 211px; height: auto; max-height: 47px; line-height: 22px !important; background: url('gfx/back/hi/menuItem.gif') no-repeat top left; font: bold 1em verdana; text-align: left;text-decoration:none;padding: 3px 0px 2px 30px;margin:0px;} #leftmenu ul a:active { display:block;float:left;color: #70287a; width: 211px; height: auto; max-height: 47px; line-height: 22px !important;background: url('gfx/back/menuItem.gif') no-repeat top left; font: bold 1em verdana; text-align: left;text-decoration:none;padding: 3px 0px 2px 30px;margin:0px;} #leftmenu ul a.current:link { display:block;float:left;color: #ffffff; width: 211px; height: auto; max-height:47px; line-height: 22px !important;background: url('gfx/back/hi/menuItem.gif') no-repeat top left; font: bold 1em verdana; text-align: left;text-decoration:none;padding: 3px 0px 2px 30px;margin:0px;} #leftmenu ul a.current:visited { display:block;float:left;color: #ffffff; width: 211px; height: auto; max-height:47px; line-height: 22px !important; background: url('gfx/back/hi/menuItem.gif') no-repeat top left; font: bold 1em verdana; text-align: left;text-decoration:none;padding: 3px 0px 2px 30px;margin:0px;} #leftmenu ul a.current:hover { display:block;float:left;color: #ffffff; width: 211px; height: auto; max-height:47px; line-height: 22px !important; background: url('gfx/back/hi/menuItem.gif') no-repeat top left; font: bold 1em verdana; text-align: left;text-decoration:none;padding: 3px 0px 2px 30px;margin:0px;} #leftmenu ul a.current:active { display:block;float:left;color: #ffffff; width: 211px; height: auto; max-height:47px; line-height: 22px !important;background: url('gfx/back/hi/menuItem.gif') no-repeat top left; font: bold 1em verdana; text-align: left;text-decoration:none;padding: 3px 0px 2px 30px;margin:0px;} #leftmenu ul li ul a:link { display:block;float:left;color: #ffffff; width: 221px; height: 22px; line-height: 22px;background: url('gfx/back/childmenuItem.gif') no-repeat top left; font: normal 1.3em verdana; text-align: left;text-decoration:none;padding: 3px 0px 2px 20px;margin:0px;} #leftmenu ul li ul a:visited { display:block;float:left;color: #ffffff; width: 221px; height: 22px; line-height: 22px; background: url('gfx/back/childmenuItem.gif') no-repeat top left; font: normal 1.3em verdana; text-align: left;text-decoration:none;padding: 3px 0px 2px 20px;margin:0px;} #leftmenu ul li ul a:hover { display:block;float:left;color: #FFFFFF; width: 221px; height: 22px; line-height: 22px; background: url('gfx/back/hi/childmenuItem.gif') no-repeat top left; font: normal 1.3em verdana; text-align: left;text-decoration:underline;padding: 3px 0px 2px 20px;margin:0px;} #leftmenu ul li ul a:active { display:block;float:left;color: #ffffff; width: 221px; height: 22px; line-height: 22px; background: url('gfx/back/hi/childmenuItem.gif') no-repeat top left; font: normal 1.3em verdana; text-align: left;text-decoration:none;padding: 3px 0px 2px 20px;margin:0px;} #leftmenu ul li ul a.current:link { display:block;float:left;color: #ffffff; width: 221px; height: 22px; line-height: 22px;background: url('gfx/back/hi/childmenuItem.gif') no-repeat top left; font: normal 1.3em verdana; text-align: left;text-decoration:none;padding: 3px 0px 2px 20px;margin:0px;} #leftmenu ul li ul a.current:visited { display:block;float:left;color: #ffffff; width: 221px; height: 22px; line-height: 22px; background: url('gfx/back/hi/childmenuItem.gif') no-repeat top left; font: normal 1.3em verdana; text-align: left;text-decoration:none;padding: 3px 0px 2px 20px;margin:0px;} #leftmenu ul li ul a.current:hover { display:block;float:left;color: #FFFFFF; width: 221px; height: 22px; line-height: 22px; background: url('gfx/back/hi/childmenuItem.gif') no-repeat top left; font: normal 1.3em verdana; text-align: left;text-decoration:underline;padding: 3px 0px 2px 20px;margin:0px;} #leftmenu ul li ul a.current:active { display:block;float:left;color: #ffffff; width: 221px; height: 22px; line-height: 22px; background: url('gfx/back/hi/childmenuItem.gif') no-repeat top left; font: normal 1.3em verdana; text-align: left;text-decoration:none;padding: 3px 0px 2px 20px;margin:0px;} #leftmenu ul li ul.prodpages a:link { display:block;float:left;color: #ffffff; width: 221px; height: 22px; line-height: 22px;background: url('gfx/back/prodItem.gif') no-repeat top left; font: normal 1.3em verdana; text-align: left;text-decoration:none;padding: 3px 0px 2px 20px;margin:0px;} #leftmenu ul li ul.prodpages a:visited { display:block;float:left;color: #ffffff; width: 221px; height: 22px; line-height: 22px; background: url('gfx/back/prodItem.gif') no-repeat top left; font: normal 1.3em verdana; text-align: left;text-decoration:none;padding: 3px 0px 2px 20px;margin:0px;} #leftmenu ul li ul.prodpages a:hover { display:block;float:left;color: #FFFFFF; width: 221px; height: 22px; line-height: 22px; background: url('gfx/back/hi/prodItem.gif') no-repeat top left; font: normal 1.3em verdana; text-align: left;text-decoration:underline;padding: 3px 0px 2px 20px;margin:0px;} #leftmenu ul li ul.prodpages a:active { display:block;float:left;color: #ffffff; width: 221px; height: 22px; line-height: 22px; background: url('gfx/back/hi/prodItem.gif') no-repeat top left; font: normal 1.3em verdana; text-align: left;text-decoration:none;padding: 3px 0px 2px 20px;margin:0px;} #leftmenu ul li ul.prodpages a.current:link { display:block;float:left;color: #ffffff; width: 221px; height: 22px; line-height: 22px;background: url('gfx/back/hi/prodItem.gif') no-repeat top left; font: normal 1.3em verdana; text-align: left;text-decoration:none;padding: 3px 0px 2px 20px;margin:0px;} #leftmenu ul li ul.prodpages a.current:visited { display:block;float:left;color: #ffffff; width: 221px; height: 22px; line-height: 22px; background: url('gfx/back/hi/prodItem.gif') no-repeat top left; font: normal 1.3em verdana; text-align: left;text-decoration:none;padding: 3px 0px 2px 20px;margin:0px;} #leftmenu ul li ul.prodpages a.current:hover { display:block;float:left;color: #FFFFFF; width: 221px; height: 22px; line-height: 22px; background: url('gfx/back/hi/prodItem.gif') no-repeat top left; font: normal 1.3em verdana; text-align: left;text-decoration:underline;padding: 3px 0px 2px 20px;margin:0px;} #leftmenu ul li ul.prodpages a.current:active { display:block;float:left;color: #ffffff; width: 221px; height: 22px; line-height: 22px; background: url('gfx/back/hi/prodItem.gif') no-repeat top left; font: normal 1.3em verdana; text-align: left;text-decoration:none;padding: 3px 0px 2px 20px;margin:0px;} #leftmenu ul .leftmenuItem a:link {display:block;float:left;color: #70287a; width: 211px; height: 22px; line-height: 22px; background: url('gfx/back/menuItemOn.gif') no-repeat top left; font: bold 1em verdana; text-align: left;text-decoration:none;padding: 5px 0px 0px 30px;margin:0px;} #leftmenu ul .leftmenuItem a:visited{display:block;float:left;color: #70287a; width: 211px; height: 22px; line-height: 22px; background: url('gfx/back/menuItemOn.gif') no-repeat top left; font: bold 1em verdana; text-align: left;text-decoration:none;padding: 5px 0px 0px 30px;margin:0px;} #leftmenu ul .leftmenuItem a:hover {display:block;float:left;color: #70287a; width: 211px; height: 22px; line-height: 22px; background: url('gfx/back/menuItemOn.gif') no-repeat top left; font: bold 1em verdana; text-align: left;text-decoration:underline;padding: 5px 0px 0px 30px;margin:0px;} #leftmenu ul .leftmenuItem a:active {display:block;float:left;color: #70287a; width: 211px; height: 22px; line-height: 22px; background: url('gfx/back/menuItemOn.gif') no-repeat top left; font: bold 1em verdana; text-align: left;text-decoration:none;padding: 5px 0px 0px 30px;margin:0px;} .eHide {display: none;} #lmOffers { display: none; } #lmOffersHivis { display: none; } #customerCare { filter: alpha(opacity=50); clear: both; } /* Footer stuff */ #footer { clear: both; color: #c0c0c0; display: block; float:left;width: 100%; height: auto; border-top: 5px solid #7b3184; background: #FFFFFF; text-align: center; } #footer p { color: #c0c0c0; font: normal 0.55em verdana; text-align: center; padding: 0px 30px 10px 30px; margin-top: 5px; line-height: 20px; } #footer a:link { color: #606060; font: normal 1.0em verdana; } #footer a:visited { color: #606060; font: normal 1.0em verdana; } #footer a:hover { color: #202020; font: normal 1.0em verdana; } #footer a:active { color: #FFFFFF; } #sloganFooter { clear: both; padding: 0px 0px 0px 0px; } #copyright { color: #808080 !important; } #copyright:hover { color: #70287a !important; } #copyright:hover a:link { color: #70287a !important; } #copyright:hover a:visited { color: #70287a !important; } #copyright a:link { color: #808080 !important; } #copyright a:visited { color: #808080 !important; } /* Forms */ #formAgentFinder { display: inline; float: left; position: relative; top: 4px; left: 0px; } #formPopularPages { display: inline; float: left; position: relative; top: 4px; left: 40px; } /* Home Page - experimentation only */ #offer { width: 680px; height: 80px; background-image: url(/gfx/banners/summer-sale-2010.gif); background-repeat: none; cursor: pointer; border: 1px solid #FFFFFF; } #offer:hover { border: 1px solid #70287a; } #demoInnermenu { width: 200px; border: 1px solid #c0c0c0; } #demoInnermenu a:link { display: block; height: 20px; line-height: 18px; color: #808080; text-decoration: none; padding: 3px 0px 0px 5px; font: bold 0.6em verdana; border-bottom: 1px solid #e0e0e0; } #demoInnermenu a:visited { display: block; height: 20px; line-height: 18px; color: #808080; text-decoration: none; padding: 3px 0px 0px 5px; font: bold 0.6em verdana; border-bottom: 1px solid #e0e0e0; } #demoInnermenu a:hover { display: block; height: 20px; line-height: 18px; color: #FFFFFF; background: #000000 url(gfx/back/hi/demoInnermenu.gif) repeat-x; text-decoration: none; font: bold 0.6em verdana; border-bottom: 1px solid #000000; } #demoInnermenu a:active { display: block; height: 20px; line-height: 18px; color: red; background: gold; text-decoration: none; font: bold 0.6em verdana; border-bottom: 1px solid #ffffff; } /* Shading gfx */ #topShading { width: 758px; height: 15px; clear: both; } #getDirections { padding: 0px 5px 0px 5px; color: #70287a; font: normal 0.8em verdana; text-decoration: underline; } /* Product Detail Pages */ h1.productSlogan { color: #70287a; background: #cec9fc; font: normal 0.7em "Trebuchet MS",verdana; letter-spacing: 5px; padding: 10px; text-align: center; border: 1px solid #9f78bb; } h2.subHeading { color: #70287a; font: bold 0.7em verdana; letter-spacing: 0px; } h2.productTopTitle { padding: 15px 5px 25px 5px; color: #70287a; font: bold 0.9em verdana; letter-spacing: 0px; } .proddetails { margin-top:15px;font-weight:normal;font-size:0.7em; color:#505050;} .proddetails ul { font-size:1em; } #productRightPanel { width: 266px; float: right; background-color:#ffffff; z-index: 5000; padding: 0px 0px 13px 13px;border-left: 1px dotted #ececec; font: normal 1em verdana; max-width: 266px;margin: 0px 0px 10px 7px; } #productRightPanel h1 { color: #70287a; font: bold 1.2em verdana; } #productRightPanel h3 { color: #70287a; font: normal 1.2em verdana; text-decoration: underline; cursor: pointer; display: block;float:left;width:262px;margin-top: 10px;margin-bottom:12px; } #productPictures { height:276px;margin-bottom:2px;padding-bottom:0px;} .productPicture { padding: 5px; border: 1px solid #70287a; background: #FFFFFF; margin: 0px 0px 5px 0px; } .productPicture:hover { padding: 5px; border: 1px solid #cec9fc; background: #FFFFFF; margin: 0px 0px 5px 0px; } .productPictureLabel { clear: both; color: #70287a; background: #cec9fc url(/gfx/back/productPictureLabel.gif) no-repeat right bottom; margin: 0px 0px 10px 0px; padding: 10px; } #productOptions { display: block; float: left; width: 262px; } #productOptions tr { background: #f3f2fe url(/gfx/back/trInfo.gif) no-repeat right; } #productOptions tr:hover { background: #FFFFFF url(/gfx/back/hi/trInfo.gif) no-repeat right; } .purpleGrid { width: 100%; border-collapse: collapse; border: 1px solid #70287a; font: normal 10pt verdana; margin: 0px 0px 0px 0px; } .purpleGridHeader { color: #FFFFFF; background: #70287a url(/gfx/back/purpleGridHeader.gif) repeat-x top !important; font-weight: bold; } .purpleGridHeader:hover { background: #70287a url(/gfx/back/purpleGridHeader.gif) repeat-x top !important; } .purpleGrid td { width: 50%; padding: 5px; border: 1px solid #cec9fc; vertical-align: top !important; cursor: pointer; } .purpleGrid td a:visited { color: #70287a; } .purpleGrid td a:hover { color: #70287a; } .purpleGrid td a:active { color: #FFFFFF; } .purpleGridFeat { width: 100%; border-collapse: collapse; border: none; font: normal 10pt verdana; margin: 10px 0px 0px 0px; } .purpleGridFeat .purpleGridHeader { color: #FFFFFF; background: #70287a url(/gfx/back/purpleGridHeader.gif) repeat-x top !important; font-weight: bold; } .purpleGridFeat .purpleGridHeader td { border: 1px solid #70287a; } .purpleGridFeat td { width: 50%; padding: 5px; border: 1px solid #cec9fc; vertical-align: top !important; cursor: pointer; } .purpleGridFeat .featspace td { border:none;background-color:#ffffff;margin:0px;padding:0px;height: 5px !important; overflow: hidden; } .purpleGridFeat td a:link { color: #FFFFFF;font-weight:bold;text-decoration:none; } .purpleGridFeat td a:visited { color: #FFFFFF;font-weight:bold;text-decoration:none; } .purpleGridFeat td a:hover { color: #FFFFFF;font-weight:bold;text-decoration:underline; } .purpleGridFeat td a:active { color: #FFFFFF;font-weight:normal;text-decoration:underline; } #prodtitle { margin: 5px 0px 5px 0px; } #productFeatures { display:block;float:left;width:262px;margin-bottom: 10px; } #productFeatures ul { font-size:1.2em; } #productRightPanel h5 { display:block;width:252px;float:left;color: #808080; font: normal 0.55em verdana;margin: 8px 0px 5px 10px; } #productRightPanel h5:hover { color: #404040; } #productRightPanel h5:first-line { color: #808080; font: bold 1.0em verdana; } .productFootmenu { font: normal 0.55em verdana; } .productFootmenu li { list-style-type: circle; } .productFootmenu li a:visited { color: #808080; } #productSellingPointsBox { width: 425px; border-top: 2px solid #70287a; border-bottom: 2px solid #70287a; margin: 25px 0px 25px 0px; } .prodOption { float:left;width:710px;height:auto;margin: 5px 0px 10px 0px;padding:0px; } .hideThis { color: #FFFFFF; float: right; font: normal 8pt verdana; text-decoration: underline; padding: 2px; } .hideThis:hover { color: #FFFFFF; background: #70287a; float: right; font: normal 8pt verdana; text-decoration: none; padding: 2px; cursor: pointer; } /* Agent Detail Pages 2.0 */ #agentsCan { clear: both; display: block; margin: 20px 0px 0px 0px; } #agentsCan h1 { background: url(/gfx/icons/clock.jpg) no-repeat; padding-left: 26px; background-position: center left; } #agentOpeningHours { } #agentOpeningHours h1 { background: url(/gfx/icons/clock.jpg) no-repeat; padding-left: 26px; background-position: center left; } #agentOpeningHours tr { background: #f3f2fe; } #agentOpeningHoursHi { text-align: right; } #agentOpeningHours tr:hover { background: transparent; } .agentClosed { color: red !important; background: gold !important; } #multimap { width: 262px; padding: 10px 0px 5px 0px; } #multimap iframe { width: 430px; height: 215px; } #multimap div#caption { width: 430px; color: #c0c0c0; font: normal 8pt verdana, tahoma; padding: 10px 0px 0px 0px; } #multimap div#caption a { color: #808080; } #multimap div#caption a:visited { color: #808080; } #multimap div#caption a:active { color: #505050; background: transparent !important; } #fakeGoogleMap { display: none; } #fakeGoogleMap img { border: 1px solid #c0c0c0; padding: 5px; } #fakeGoogleMap img:hover { border: 1px solid #606060; } #iFrameGoogleMap { filter: none; width: 250px; height: 260px; padding: 5px; border: 1px solid #70287a; background: #FFFFFF; margin: 0px 0px 5px 0px; } #iFrameGoogleMap:hover { filter: none; width: 250px; height: 260px; padding: 5px; border: 1px solid #70287a; background: #70287a; margin: 0px 0px 5px 0px; } #agentLocation { } #agentLogo { border: 0px solid #70287a; margin: 0px 0px 0px 0px; padding: 0px; } #agentLogo:hover { border: 0px solid #c0c0c0; margin: 0px 0px 0px 0px; padding: 0px; } #agentContactDetails { border-top: 0px solid #70287a; border-bottom: 0px solid #70287a; margin: 25px 0px 25px 0px; } #agentContactDetails a:active { color: #FFFFFF; } .greenTick { padding: 0px 0px 0px 5px; } /* Search Results and Listing Page styles */ #results { display: inline; float: left; color: #7b3184; font-weight: bold; border-bottom: 1px solid #a0a0a0; margin: 20px 0px 20px 0px; } .resultsLine { width: 710px; clear: both; height: 44px; padding: 5px 5px 5px 5px; background: #FFFFFF; cursor: arrow; color: #606060; font: normal 0.70em verdana; text-align: left; border-top: 1px solid #a0a0a0; } .resultsLineHi { width: 710px; clear: both; height: 44px; padding: 5px 5px 5px 5px; background: #FFFFFF url(gfx/back/hi/resultsLine.gif) repeat-x top; cursor: pointer; color: #606060; font: normal 0.70em verdana; text-align: left; border-top: 1px solid #70287a; } .resultsLine a:link { color: #70287a; font: bold 1.0em verdana; height: 44px; text-decoration: underline; } .resultsLine a:visited { color: #70287a; font: bold 1.0em verdana; height: 44px; text-decoration: underline; } .resultsLine a:hover { color: #70287a; font: bold 1.0em verdana; height: 44px; text-decoration: none; } .resultsLine a:active { color: #FFFFFF !important; } .resultsLineHi a:link { color: #70287a; font: bold 1.0em verdana; height: 44px; text-decoration: underline; } .resultsLineHi a:visited { color: #70287a; font: bold 1.0em verdana; height: 44px; text-decoration: underline; } .resultsLineHi a:hover { color: #70287a; font: bold 1.0em verdana; height: 44px; text-decoration: none; } .resultsLineHi a:active { color: #FFFFFF !important; } .fullDetailsButton { float: right; cursor: pointer; margin: 10px 0px 0px 0px; } .resultsTel { } #moreResults { color: #606060; font: bold 0.55em verdana; } #productResults { width: 715px; display: inline; float: left; color: #7b3184; font-weight: bold; border-bottom: 1px solid #a0a0a0; padding: 0px 0px 0px 0px; margin: 0px 0px 15px 0px; } .productResultsLineImage { display:inline;width: 105px; height: 100px; padding: 2px 15px 2px 2px; float: left;} .productResultsLineImage img { float: left; vertical-align: top; border: 1px solid #c0c0c0; padding: 5px; filter: alpha(opacity=90); } .productResultsLineImage img:hover { float: left; vertical-align: top; border: 1px solid purple; padding: 5px; filter: alpha(opacity=100); } .productResultsLineIntro { display:inline;float: left;width:583px; } .fullDetails { clear: both; padding: 0px 0px 0px 0px; } .fullDetails a:active { color: #FFFFFF !important; } .productResultsLine { display:block;float:left;margin:0px;width: 705px; clear: both; padding: 15px 5px 15px 5px; background: #FFFFFF; cursor: arrow; color: #606060; font: normal 0.80em verdana; text-align: left; border-top: 1px solid #a0a0a0; } .productResultsLine h4 { margin-top:0px;font-weight:bold;} .productResultsLineHi h4 { margin-top:0px;font-weight:bold;} .productResultsLineHi { display:block;float:left;margin:0px;width: 705px; clear: both; padding: 15px 5px 15px 5px; background: #FFFFFF url(gfx/back/productResultsLineHi.gif) repeat-x bottom; cursor: arrow; color: #606060; font: normal 0.80em verdana; text-align: left; border-top: 1px solid #70287a; cursor: pointer; } .productResultsLine a:link { color: #70287a; font: bold 1.0em verdana; height: 100px; text-decoration: underline; } .productResultsLine a:visited { color: #70287a; font: bold 1.0em verdana; height: 100px; text-decoration: underline; } .productResultsLine a:hover { color: #70287a; font: bold 1.0em verdana; height: 100px; text-decoration: none; } .productResultsLine .prodtext { font-size:0.8em; line-height:1.4em;} .productResultsLineHi .prodtext { font-size:0.8em; line-height:1.4em;} .productResultsLine .prodtext p, .productResultsLine .prodtext ul { font-size:1em;} .productResultsLineHi .prodtext p, .productResultsLineHi .prodtext ul { font-size:1em;} .productResultsLineHi a:link { color: #70287a; font: bold 1.0em verdana; height: 100px; text-decoration: underline; } .productResultsLineHi a:visited { color: #70287a; font: bold 1.0em verdana; height: 100px; text-decoration: underline; } .productResultsLineHi a:hover { color: #70287a; font: bold 1.0em verdana; height: 100px; text-decoration: none; } .optionsResults { padding-bottom:20px !important; } .optionsResultsLineImage { display:inline;width: 105px; height: 100px; padding: 2px 15px 2px 2px; float: left;} .optionsResultsLineImage img { float: left; vertical-align: top; border: 1px solid #c0c0c0; padding: 5px; filter: alpha(opacity=90); } .optionsResultsLineImage img:hover { float: left; vertical-align: top; border: 1px solid purple; padding: 5px; filter: alpha(opacity=100); } .optionsResultsLineIntro { display:inline;float: left;width:203px; } .optionsMaster { display:inline;float:left;margin:0px 10px 10px 0px;width: 325px; height:122px;padding: 10px; background: #FFFFFF; cursor: arrow; color: #606060; font: normal 0.80em verdana; text-align: left; border: 1px solid #ECECEC; } .optionsMasterHi { display:inline;float:left;margin:0px 10px 10px 0px;width: 325px; height:122px;padding: 10px; background: #FFFFFF url('gfx/back/productResultsLineHi.gif') repeat-x left bottom; cursor: arrow; color: #606060; font: normal 0.80em verdana; text-align: left; border: 1px solid #c0c0c0; cursor: pointer; } .optionsMaster h4 { margin:0px 0px 0px 0px;font-weight:bold;} .optionsMasterHi h4 { margin:0px 0px 0px 0px;font-weight:bold;} .optionsMaster p { margin: 3px 0px 10px 0px; } .optionsMasterHi p { margin: 3px 0px 10px 0px; } .optionsMaster a:link { color: #70287a; font: bold 1.0em verdana; height: 100px; text-decoration: underline; } .optionsMaster a:visited { color: #70287a; font: bold 1.0em verdana; height: 100px; text-decoration: underline; } .optionsMaster a:hover { color: #70287a; font: bold 1.0em verdana; height: 100px; text-decoration: none; } .optionsMasterHi a:link { color: #70287a; font: bold 1.0em verdana; height: 100px; text-decoration: underline; } .optionsMasterHi a:visited { color: #70287a; font: bold 1.0em verdana; height: 100px; text-decoration: underline; } .optionsMasterHi a:hover { color: #70287a; font: bold 1.0em verdana; height: 100px; text-decoration: none; } .form-field {width: 75%;} /* Agent Logged in pages */ #logout { float: right; } #logout input { cursor: pointer; margin: 2px 5px 0px 0px; } /* The Installation Process */ #install { width: 404px; height:344px;text-align: center; background: #FFFFFF;overflow:hidden;margin: 15px auto 0px auto; } #installnav { width: 710px; height:auto;text-align: center; background: #FFFFFF;margin: 0px auto 0px auto; } #install div#image { width: 404px; height:304px; } #install div#image img { border: solid 1px purple; } #install span { font: normal 1em verdana; color: purple; } #install p { font-weight:bold;font-size:1.2em;color: #606060; } #installnav .steps { text-decoration: none; color: #606060;background-color:#F4F4F4;padding:3px; } .installationSteps { color: #606060; margin: 0px auto 0px auto; } .installationSteps a { text-decoration: none; color: #606060;padding:3px; } .installationSteps a:hover { text-decoration: none; color: #606060;background-color:#EEEEEE;padding:3px; } .installationSteps a:active { text-decoration: none; color: #ffffff;background-color:purple;padding:3px; } .installationSteps a.current { text-decoration: none; color: #ffffff;background-color:purple;padding:3px; } .imagefade { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity:0; } .no { border: 1px solid white; } .yes { border: 1px solid #606060; } .yesBold { border: 2px solid purple; } /* Contact */ #contact { width: 720px; height: 450px; } .liveSupportLow { float: left; width: 300px; height: 200px; border: solid 1px #808080; margin: 10px 5px 10px 50px; background: url(/gfx/icons/live_support2.png) no-repeat; text-align: center; cursor: pointer; } .liveSupportHi { float: left; width: 300px; height: 200px; border: solid 1px purple; margin: 10px 5px 10px 50px; background: url(/gfx/icons/live_support2.png) no-repeat; text-align: center; cursor: pointer; } .liveSupport { padding-top: 35px; font: bold 0.7em verdana; color: purple; } .liveSupportText { padding: 30px 7px 5px 7px; font: normal 0.7em verdana; color: gray; text-align: left; } .callBackLow { float: left; width: 300px; height: 200px; border: solid 1px #808080; margin: 10px 50px 10px 5px; background: url(/gfx/icons/phone3.png) no-repeat; text-align: center; cursor: pointer; } .callBackHi { float: left; width: 300px; height: 200px; border: solid 1px purple; margin: 10px 50px 10px 5px; background: url(/gfx/icons/phone3.png) no-repeat; text-align: center; cursor: pointer; } .callBack { padding-top: 35px; font: bold 0.7em verdana; color: purple; } .callBackText { padding: 30px 7px 5px 7px; font: normal 0.7em verdana; color: gray; text-align: left; } .emailFormLow { float: left; width: 300px; height: 200px; border: solid 1px #808080; margin: 10px 5px 10px 50px; background: url(/gfx/icons/form2.png) no-repeat; text-align: center; cursor: pointer; } .emailFormHi { float: left; width: 300px; height: 200px; border: solid 1px purple; margin: 10px 5px 10px 50px; background: url(/gfx/icons/form2.png) no-repeat; text-align: center; cursor: pointer; } .emailForm { padding-top: 35px; font: bold 0.7em verdana; color: purple; } .emailFormText { padding: 30px 7px 5px 7px; font: normal 0.7em verdana; color: gray; text-align: left; } .addressMapLow { float: left; width: 300px; height: 200px; border: solid 1px #808080; margin: 10px 50px 10px 5px; background: url(/gfx/icons/letter2.png) no-repeat; text-align: center; cursor: pointer; } .addressMapHi { float: left; width: 300px; height: 200px; border: solid 1px purple; margin: 10px 50px 10px 5px; background: url(/gfx/icons/letter2.png) no-repeat; text-align: center; cursor: pointer; } .addressMap { padding-top: 35px; font: bold 0.7em verdana; color: purple; } .addressMapText { padding: 30px 7px 5px 7px; font: normal 0.7em verdana; color: gray; text-align: left; } /* Main product photo gallery */ #garagesgallery { display:block; float:left; width:710px; height:auto; } #garagesgallery h2 { color: #70287a; font: bold 1.4em verdana; padding: 0px 0px 0px 0px; margin: 5px 0px 0px 0px; } #garagesgallery .galleryitem { display:inline; float:left; width:210px; height:196px; margin-right:10px; margin-bottom: 10px; padding:5px; font: normal 0.7em verdana; color:#606060; text-align:center; border: 1px solid #F0F0F0; background-color: #fafafa; } #garagesgallery .galleryitem:hover { border: 1px solid #DBDBDB; background-color: #ffffff; } #garagesgallery .galleryitem img { margin:0px; padding:0px; border: 1px solid #f4f4f4; } #garagesgallery a:link { color:#727272;font: bold 1em verdana;background-color:#ffffff;text-decoration:none; } #garagesgallery a:visited { color:#727272;font: bold 1em verdana;background-color:#ffffff;text-decoration:none; } #garagesgallery a:hover { color:#515151;font: bold 1em verdana;background-color:#ffffff;text-decoration:none; } #garagesgallery a:active { color:#515151;font: bold 1em verdana;background-color:#ffffff;text-decoration:none; } #garagesgallery .galleryitem:hover a { color:#515151;font: bold 1em verdana;background-color:#ffffff;text-decoration:none; } #hansonHq { clear: both; width: 680px; height: 320px; color: #70287a; background: #FFFFFF; border: 1px solid #606060; padding: 20px; text-align: center; margin-bottom: 30px; } a.purplink:link { color:#70287a !important;text-decoration: underline !important;background-color:transparent !important; } a.purplink:visited { color:#70287a !important;text-decoration: underline !important;background-color:transparent !important; } a.purplink:hover { color:#000000 !important;text-decoration: none !important;background-color:transparent !important; } a.purplink:active { color:#000000 !important;text-decoration: underline !important;background-color:transparent !important; } /* *** Form Styling *** */ .staticForm { display:block; float:left; margin: 15px 0px 10px 0px; padding:0px; } #lost { float: right; text-align: right; clear: right; overflow: hidden; border: 1px solid #e0e0e0; padding: 10px; color: #808080; font: normal 8pt Tahoma, "MS Sans Serif",verdana; } #lost b { font: bold 10pt verdana; } #lost a { font: normal 8pt verdana; } #lost a:visited { color: #606060; } #lost a:active { color: #FFFFFF; } #lost img { border: 1px solid #808080; clear: right; } #homeprods { display:block; float:left; width:100%; height:auto; margin:0px; padding: 10px 0px 10px 0px; } #homeprods .prodthumb { display:inline; float:left; width:210px; height:170px; margin: 0px 15px 15px 0px; padding: 5px 5px 5px 4px; } #homeprods .prodthumb .subhead { display:inline; float:left; width:200px; font-weight:bold; font-size:1.1em; margin: 0px 0px 5px 0px; padding: 5px 0px 0px 0px; } #homeprods .prodthumb h2 { display:inline; float:left; width:197px; height:18px; font-size:0.8em; margin: 0px 0px 0px 0px; padding: 2px 5px 5px 8px; background: #83448B url('/gfx/hphdbg.gif') no-repeat left bottom; color:#ffffff; overflow:hidden; } /* New Product Page */ #productContent { display:block; float:left; width:720px; } #productContent p { font-size:12px; } #productPhotos { display:block; float:left; width:730px; height:375px; margin: 0px 0px 15px 0px; padding:0px; overflow:hidden; background-color:white; } .productPhotosZoom { display:block; float:left; width:720px; margin: -20px 0px 10px 0px; padding:0px; font-size:10px !important; text-align:right; } .productPhotosZoom img { vertical-align:middle; } #productPhotos .photo { display:inline; float:left; width:235px; height:180px; margin: 0px 10px 10px 0px; padding:0px; } #phcss2, #phcss5 { margin-right:0px !important; } #productPhotos .photo img { background-color:#ffffff; padding:3px; border:1px solid #EBEBEB; } #productPhotos .photo img:hover { background-color:#f3f3f3; padding:3px; border:1px solid #c4c4c4; } #producttitle { margin: 0px 0px 15px 0px; padding:0px; } #garageOptions { display:block; float:left; width:231px; height:78px; margin:0px; padding:18px; background: transparent url('/gfx/option-link-bg.png') no-repeat center center; color:#404040; font-size:0.6em; } #garageOptions img { float:left; margin: 0px 15px 0px 0px; } #garageOptions a:link { color:#404040;font-weight:normal;text-decoration:none; } #garageOptions a:visited { color:#404040;font-weight:normal;text-decoration:none; } #garageOptions a:hover { color:#404040;font-weight:normal;text-decoration:underline; } #garageOptions a:active { color:#404040;font-weight:normal;text-decoration:underline; } #garageOptions a strong { font-weight:bold !important;font-size:1.4em !important; } #prodFeats { display:block; float:left; margin: 10px 0px 20px 0px; } #prodFeats h4 { font-size:0.9em; border-bottom:1px solid #70287A; margin: 0px 10px 13px 10px; } #prodFeats li { margin-bottom:4px; } /* Options */ #optionPhotos { float:right; width:360px; height:auto; margin: 0px 0px 0px 0px; padding: 0px; overflow:hidden; } #optionPhotos .photo { display:inline; float:right; width:110px; min-height:152px; height:auto !important; height:152px; margin: 0px 0px 10px 10px; padding:0px; font-size:11px; font-weight:normal; } #optionPhotos .photo span { font-size:9px; font-style:italic; } #optionPhotos .photo img { background-color:#6C6C6C; padding-bottom:2px; border-width:1px 1px 3px 1px; border-style:solid; border-color: #D9D9D9 #D9D9D9 #bababa #D9D9D9; margin-bottom:2px; } #optionPhotos .photo img:hover { background-color:#575757; border-color: #bababa #bababa #A9A9A9 #bababa; } #optionFeatures { display:inline; float:left; width: auto; height:auto; margin: -120px -20px 10px 0px; padding:0px; clear:left; } #optionFeatures div { display:inline; float:left; width: auto; height:175px; margin: 0px 10px 15px 0px; padding:0px; font-size:10px; } #optionFeatures div h3 { margin:0px 0px 5px -3px; font-size:16px; } #optionFeatures div h3:first-letter { color:#ffffff; font-size:0px; } #optionFeatures div p { margin-top:5px; font-size:10px; } #optionFeatures div span { display:inline; float:left; width:110px; overflow:hidden; margin: 0px 10px 10px 0px; font-size:10px; line-height:12px; } #optionFeatures div span.short { width:56px; margin: 0px 4px 10px 0px; } #optionFeatures div span.long { width:220px; } #optionFeatures div span img { margin-right:25px; } #optionFeatures div span.long img { margin-right:15px; } /* Brochure Iframe */ #brochureReq { } #productRightPanel #brochureReq { margin-bottom:15px; } #quickBrochure { display:block; float:left; width:259px; height:92px; padding:5px; background: url('/gfx/brochure-download-bg.gif') no-repeat left top; margin: 0px 0px 0px 10px; } #quickBrochure h4 { font-size:14px; margin:1px 7px 1px 4px; color:#ffffff; font-weight:bold; } #quickBrochure p { width:242px; margin:0px 7px 3px 4px; color:#ffffff; line-height:15px; } #quickBrochure p.end { margin:12px 7px 3px 7px; color:#ffffff; line-height:17px; } #quickBrochure p.end strong { color:#ffffff !important; text-decoration:underline; } #quickBrochure .textField { border:1px solid #E6E5E8; padding:3px; margin-left:7px; } #quickBrochure .textField:focus { border:1px solid #7C2D88; } #quickBrochure #reqbrocchk { width:13px; height:13px; margin:0px; padding:0px; vertical-align:middle; } #quickBrochure .submitButton { height:23px; background: #E5E4E7 url('/gfx/gButtonBg.gif') repeat-x left top; color:#404040; margin: 1px 0px 0px 0px; border-width: 0px 0px 1px 0px; border-style:solid; border-color: #B9B9B9; cursor:pointer; padding: 0px 6px 0px 6px; } #quickBrochure .submitButton:hover { background: #E2E1E4 url('/gfx/gButtonBgD.gif') repeat-x left top; } /* Product name links on Home Page */ #homeprods .prodthumb h2 a { color: #FFFFFF; font-weight: bold; text-decoration: none; } #homeprods .prodthumb h2 a:visited { color: #FFFFFF; text-decoration: none; } #homeprods .prodthumb h2 a:hover { color: #FFFFFF; font-weight: bold; text-decoration: underline; } #homeprods .prodthumb h2 a:active { font: bold 1.0em verdana; color: #FFFFFF; text-decoration: none; background: none; } #homeprods .prodthumb p { display:inline; float:left; width:196px; background:#F1F1F1 url('/gfx/hptxtbg.gif') repeat-x 0px 124px; margin:0px; padding: 0px 7px 0px 7px; font-size:0.6em; line-height:1.2em; color:#515050; } #homeprods .prodthumb img { margin-left:-7px; } #hometext { display:block; float:left; width:100%; height:140px; overflow:hidden; margin:0px; padding: 0px; } #hhidelink { display:block; float:left; width:100%; height:auto; overflow:hidden; margin: 0px 0px 15px 0px; padding: 0px 0px 15px 0px; } .hpprice { float:left; } a.hmorelink:link { float:right;margin-right:50px;cursor:pointer;color:#70287a !important;font-weight:normal;font-size:0.7em;text-decoration: none !important;background-color:transparent !important; } a.hmorelink:visited { float:right;margin-right:50px;cursor:pointer;color:#70287a !important;font-weight:normal;font-size:0.7em;text-decoration: none !important;background-color:transparent !important; } a.hmorelink:hover { float:right;margin-right:50px;cursor:pointer;color:#70287a !important;font-weight:normal;font-size:0.7em;text-decoration: underline !important;background-color:transparent !important; } a.hmorelink:active { float:right;margin-right:50px;cursor:pointer;color:#70287a !important;font-weight:normal;font-size:0.7em;text-decoration: underline !important;background-color:transparent !important; } #homehead { color: #70287a; text-decoration: none; font-weight:normal; font-size:1em; margin: 0px 0px 10px 0px; padding:0px; } a.hprodlink:link { display:inline;float:left;width:202px; height:16px; color:#515050;font-weight:bold;text-decoration:none; background:#F1F1F1 url('/gfx/hpftbg2.gif') repeat-x left top; padding: 3px 5px 3px 3px;font-size:0.7em;margin-top:0px;text-align:right; overflow:hidden; } a.hprodlink:visited { display:inline;float:left;width:202px; height:16px; color:#515050;font-weight:bold;text-decoration:none; background:#F1F1F1 url('/gfx/hpftbg2.gif') repeat-x left top; padding: 3px 5px 3px 3px;font-size:0.7em;margin-top:0px;text-align:right; overflow:hidden; } a.hprodlink:hover { display:inline;float:left;width:202px; height:16px; color:#515050;font-weight:bold;text-decoration:underline;background:#F1F1F1 url('/gfx/hpftbg2.gif') repeat-x left top; padding: 3px 5px 3px 3px;font-size:0.7em;margin-top:0px;text-align:right; overflow:hidden; } a.hprodlink:active { display:inline;float:left;width:202px; height:16px; color:#515050;font-weight:bold;text-decoration:underline;background:#F1F1F1 url('/gfx/hpftbg2.gif') repeat-x left top; padding: 3px 5px 3px 3px;font-size:0.7em;margin-top:0px;text-align:right; overflow:hidden; } /* End of Hanson css file - coffee time! */