/* Load in other css files */ @import url(/css/debug.css); @import url(/css/e-commerce.css); /* ======================================================================================================================== Global CSS styles ======================================================================================================================== */ BODY { padding: 10px; margin: 0px; } FORM { padding: 0px; margin: 0px; } IMG { border: 0px solid #000000; } H1 { color: #000090; font: bold 10pt verdana; } H2 { color: #000090; font: bold 10pt verdana; } B { color: #004A84; } STRONG { color: #004A84; } A { color: #0000FF; } A:visited { color: #0000FF; } A:hover { color: #FF0000; background: yellow; text-decoration: none; } A:active { color: #FF0000; background: yellow; text-decoration: none; } UL { color: #000090; font: normal x-small verdana; } OL { color: #000090; font: normal x-small verdana; } .line { width: 100%; height: 1px; color: #c0c0c0; } .formline { width: 100%; height: 1px; color: #c0c0c0; } .req { width: 28px; background: url(gfx/back/req.gif) no-repeat center middle; } /* IMAGES etc */ .148x98 { border: 1px solid #c0c0c0; } /* FORMS */ .button { cursor: hand; } .unsubscribe { color: #FF0000; background: #FFFFFF; } .hidden { display: none !important; } /* ======================================================================================================================== Page BACKGROUND, SCROLLBARS etc. ======================================================================================================================== */ #canvas { padding: 15px; background: #FFFFFF url(gfx/back/header.gif) repeat-x top; } .intropic { width: 150px; background: #FFFFFF url(gfx/back/intro.gif) no-repeat top left; } #introtxt { text-align: left; background: #FFFFFF url(gfx/back/introtxt.gif) no-repeat top right; } #introtxt A:link { font-weight: normal !important; } #introtxt A:visited { font-weight: normal !important; } #intro P { color: #000090; font: normal x-small verdana; line-height: 150%; } #banner { text-align: right; padding: 0px; } #content { background: #FFFFFF; padding: 15px; } #content P { color: #000090; font: normal x-small verdana,arial; } .canvas { scrollbar-face-color: #E0E0E0; scrollbar-base-color: #E0E0E0; scrollbar-arrow-color: #000000; scrollbar-track-color: #E9E9E9; scrollbar-shadow-color: #E0E0E0; scrollbar-dark-shadow-color: #E0E0E0; scrollbar-highlight-color: #E0E0E0; scrollbar-3D-light-color: #FFFFFF; } /* ======================================================================================================================== Core Page Components ======================================================================================================================== */ #headPart { } #headPart A:link,#headPart A:visited,#headPart A:hover { background: transparent !important; } #logo { width: 468px; height: 60px; border: 0px solid #000000; } #promotion { display: block; } #headgrid { width: 100%; height: 110px; padding-bottom: 10px; border: 1px solid #000090; } #headl { width: 150px; background: #FFFFFF; } #header { background: #FFFFFF; } #headr { width: 150px; background: #FFFFFF; } #col1 { width: 160px; background: #FFFFFF; } #col3 { width: 150px !important; background: #FFFFFF; } #leftmenu { width: 160px; background: #FFFFFF url(gfx/back/left.gif) repeat-x bottom; font: normal 10pt verdana; margin: 0px; padding-bottom: 125px; } #leftmenu A:link, #leftmenu A:visited { width: 100%; color: #000090; background: #cedde7 url(gfx/back/menuon.gif) top repeat-x; display: block; padding-top: 10px; padding-bottom: 10px; border: 1px solid #000090; border-top: 0px; text-decoration: none; } #leftmenu A:hover { color: #0000FF; background: #f2f6f9 url(gfx/back/menuover.gif) bottom repeat-x; display: block; text-decoration: underline; padding-top: 10px; padding-bottom: 10px; } #leftmenu A:hover STRONG { color: #0000FF !important; } #menu { width: 160px; background: #FFFFFF; font: normal 10pt verdana; margin: 0px; padding-bottom: 125px; } #menu A:link, #menu A:visited { width: 100%; color: #000090; background: #cedde7 url(gfx/back/menuon.gif) top repeat-x; display: block; padding-top: 10px; padding-bottom: 10px; border: 1px solid #000090; border-top: 0px; text-decoration: none; } #menu A:hover { color: #0000FF; background: #f2f6f9 url(gfx/back/menuover.gif) bottom repeat-x; display: block; text-decoration: underline; padding-top: 10px; padding-bottom: 10px; } #menu A:hover STRONG { color: #0000FF !important; } #menu A:active { width: 100%; color: #ff0000; background: yellow; display: block; padding-top: 10px; padding-bottom: 10px; border: 1px solid #000090; border-top: 0px; text-decoration: underline !important; } .core { background: #FFFFFF; } .note { color: #505050; font: normal 8pt "MS Sans Serif",verdana; } .note A,.note A:visited { color: #000000 !important; } .note A:hover { color: red !important; } #footgrid { width: 100%; table-layout: fixed; } #footl { width: 150px; background: #eeeeee; height: 5px; } #footr { width: 150px; background: #FFFFFF; height: 5px; } .bm { background: #FFFFFF; } .br { background: #C0C0C0; } #pagefoot { color: #404040; font: normal 8pt "MS Sans Serif",text-align: center; border-top: 0px solid #000000; padding-top: 10px; } #footer { width: 100%; color: #808080; font: normal 8pt "MS Sans Serif"; text-align: center; padding-top: 10px; margin-top: 10px; border-top: 1px solid #80A5C2; } #footer IMG { margin-bottom: 5px; } #footer A,#footer A:visited { color: #404040; background: transparent !important; } #footer A:active { color: red; background: yellow !important; } /* MISC styles ========================================================================================================================== */ .banbor { margin-top: 10px; margin-bottom: 3px; border: 1px solid #000000; } .photosq { margin-top: 0px; border: 1px solid black; } .promo { margin-bottom: 5px; } .dialog { border: 1px solid black; width: 100%; padding: 10px; } .list { margin-left: 11px; margin-bottom: 0px; list-style-image: url(gfx/core/blue_arrow.gif); } .litelist { margin-left: 11px; margin-bottom: 0px; list-style-image: url(gfx/core/blue_arrow.gif); } .item { margin-left: 0px; font-size: 8pt; font-family: verdana; color: #0000FF; font-weight: bold; line-height: 15px;} .liteitem { margin-left: 0px; font-size: 8pt; font-family: verdana; color: #0000FF; font-weight: normal; line-height: 15px;} .table { width: 100%; background: #009999; padding: 10px; margin-bottom: 20px; } .cell { background: #F9FDFD; margin: 1px; vertical-align: top; } .logo { margin-top: 0px; margin-bottom: 0px; } #iframe { width: 468px; height: 60px; padding: 0px; margin: 0px; margin-right: 1px; margin-bottom: 14px; } #tile { width: 120px; } .iframeindex { width: 468px; height: 90px; padding: 0px; margin: 0px; } .rule { width: 100%; height: 1px; color: #80A5C2; margin-top: 5px; margin-bottom: 5px; } #baseline { width: 100%; height: 1px; color: #000000; margin-top: 5px; margin-bottom: 5px; } /* TEXT styles ========================================================================================================================== */ .body { font-weight: normal; font-size: 8pt; font-family: verdana; color: #000000; text-decoration: none; line-height: 15pt } .text { font-weight: normal; font-size: 8pt; font-family: verdana; color: #000000; text-decoration: none; } .link { } .treelink { color: #990000; } .treelink:hover { color: #FF0000; } .bold { font-weight: bold; } .soft { font-weight: normal; } .smallest { color: #505050 !important; font: normal 7pt tahoma !important; } .smallest STRONG { color: #000000 !important; } .imp { color: #FFFFFF; padding-left: 5px; padding-right: 5px; background: #990000; font-weight: bold; } .hi { color: #0085BB; padding-left: 5px; padding-right: 5px; background: #CDF5ED; font-weight: bold; } .head { font-size: 10pt; font-family: verdana; color: #004A84; text-decoration: none; font-weight: bold; } .subhead { font-size: 8pt; font-family: verdana; color: #004A84; text-decoration: none; font-weight: bold; } .footnote { font: normal 8pt "MS Sans Serif"; color: #000000; text-decoration: none; } .v8 { font-size: 8pt; font-family: verdana; color: black; text-decoration: none; line-height: 15pt } .v9 { font-size: 9pt; font-family: verdana; color: black; text-decoration: none; } .v10 { font-size: 10pt; font-family: verdana; color: black; text-decoration: none; } .a7 { font-size: 7pt; font-family: arial; color: black; text-decoration: none; } .a8 { font-size: 7pt; font-family: arial; color: black; text-decoration: none; } .a9 { font-size: 9pt; font-family: arial; color: black; text-decoration: none; line-height: 14pt } .treb7 { font-size: 7pt; font-family: "Trebuchet MS"; color: black; text-decoration: none; } .treb8 { font-size: 8pt; font-family: "Trebuchet MS"; color: black; text-decoration: none; } .treb9 { font-size: 9pt; font-family: "Trebuchet MS"; color: black; text-decoration: none; } /* Left Menu Colours ========================================================================================================================== */ .mainmenu { width: 130px; } .menuhead { background: #000000; background-image: url(gfx/back/shade.gif); height: 20px; } .linkmenu { width:150px; margin-bottom: 0px; } .locamenu { width:150px; margin-top: 10px; } .slot { background: #F5F5F5; height: 30px; border-bottom: 1px solid #c0c0c0; } .slotON { background: #D0D0D0; height: 30px; border-bottom: 1px solid #808080; } .subslot { background: #F5F5F5; height: 30px; } .subslotON { background: #D0D0D0; height: 30px; } .slot#FFFFFF { background: #FFE504; height: 30px; } .submenuitem { width: 150px; font-size: 8pt; color: #000000; font-family: verdana; text-decoration: none; } .submenuitem:hover { color: #000000; text-decoration: underline; } .menuname { font-weight: bold; font-size: 8pt; color: white; font-family: arial; text-decoration: none; } .menuname:hover { color: white; text-decoration: underline; } .menunamelite { font-weight: bold; font-size: 8pt; color: white; font-family: arial; text-decoration: none; } .baseslot { height: 17px; border-top: 1px solid #000000; } .current { background: #FFFFFF !important; } .newY { } /* Sub Menu Colours ========================================================================================================================== */ .submenu { width: 150px; } .submenutop { background: #909090; height: 20px; background-image: url(gfx/back/submenuhead.gif); } .subbase { background: #000000; height: 20px; } /* CAPTION styles ========================================================================================================================== */ .caption { text-align: left; vertical-align: bottom; height: 20px; font-size: 8pt; font-family: "tahoma"; color: #004A84; font-weight: normal; } .captable { background: #E0E0E0; padding: 5px; width: 100%; border-top: 5px solid #FFFFFF; } /* Dark Bar ========================================================================================================================== */ #menubar { display: none; width: 100%; height: 30px; color: #FFFFFF; background: #000090 url(gfx/back/menubar.gif) repeat-x top; font: normal 10pt fixedsys,verdana; } #menubar TD { background: #000090 url(gfx/back/menubar.gif) repeat-x top; } .headpart { background: #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; } .menuheadl { width: 150px; background: #000000; } .menuheadr { width: 150px; background: #505050; } /* FORM styles ========================================================================================================================== */ .form { margin-bottom: 0px; } .field { width: 100%; } .fieldhalf { width: 50%; } .dropdown { width: 100%; } .submit { width: 100%; } .comments { width: 100%; height: 100px; border: 1px solid #000000; font-family: verdana; font-size: 7.5pt; } .lolite { background: #FFFFFF; border: 2px solid #000000; width: 100%; } .hilite { background: #E0E0E0; border: 2px solid #000000; width: 100%; } .findform { font-family: Arial; font-size: 8pt; background: #808080;} /* NOTE box styles ========================================================================================================================== */ .noteedge { width: 100%; background: #FFFFFF; border: 1px solid #000000; } .notehead { background: #FEE42F; } .notename { font-size: 7.5pt; font-family: verdana; font-weight: bold; color: #000000; } .notebody { background: #FFFFFF; } .notetext { font-size: 7.5pt; font-family: verdana; font-weight: normal; color: #000000; } .notemain { padding: 4px; } /* HELP popups */ #help { position: absolute; visibility: hidden; Z-INDEX: 50; } .helpup { border: 1px solid #000000; width: 200px; } .helptext { color: #000000; font-size: 8pt; font-family: "MS Sans Serif", verdana; } .helptop { color: #FFFFFF; font-size: 8pt; font-family: "MS Sans Serif", verdana; font-weight: bold; } .helpad { background: #FFFFFF; filter:alpha(opacity=90); padding: 5px; } .helpgrid { } #helpPop { border: 1px solid #FF0000; font: normal 8pt "MS Sans Serif",verdana; } #helpInfo { padding: 8px; width: 200px; background: #FFFFFF; } #helphead { padding: 8px; width: 200px; color: #FF0000; height: 25px; background: #FFFFFF; text-align: center; font: bold 8pt "MS Sans Serif",verdana; } /* PADDING and SPACING ========================================================================================================================== */ .l5 { margin-left: 5px; } .r5 { margin-right: 5px; } .l10 { margin-left: 10px; } .r10 { margin-right: 10px; } .b5 { margin-bottom: 5px; } .b10 { margin-bottom: 10px; } .fade30 { filter:alpha(opacity=50); } .allposters { padding-top: 15px; } /* add this to submenutop for clear effect -- filter:alpha(opacity=100); */ /* Suggest a location page */ #suggest1 { width: 100%; border-collapse: collapse; font: normal x-small verdana; } #suggest1 TD { border: #000066 0px solid; padding-top: 5px; padding-bottom: 5px; } #suggest2 { width: 100%; border-collapse: collapse; font: normal x-small verdana; } #suggest2 TD { border: #000066 0px solid; padding-top: 5px; padding-bottom: 5px; } #suggest3 { width: 100%; border-collapse: collapse; font: normal x-small verdana; } #suggest3 TD { border: #000066 0px solid; padding-top: 5px; padding-bottom: 5px; } #companyList { width: 100%; } /* SEARCH for a location page */ #search { width: 80%; border-collapse: collapse; font: normal x-small verdana; border: 1px solid #c0c0c0; } #search TD { border: #000066 0px solid; padding: 10px; } .searchl { width: 50%; } .searchr { } #townlist { } #typeOfBiz { } .moreResults { font: normal 8pt verdana,"MS Sans Serif",tahoma !important; line-height: 20px !important; } /* SHOP.html */ #shopFront { width: 100%; border-collapse: collapse; } #shopFront TD { border: 1px solid #ffffff; background: #ffffff; padding: 10px; vertical-align: top; } #shopFront H1 { color: #000090 !important; font: normal } .shopNotes { background: #ffffff !important; border: 0px solid red !important; padding: 0px !important; padding-top: 20px; } .shopNotes H1 { color: #000060 !important; } .shopImageCell { width: 100px; text-align: center; } .shopPhoto { border: 1px solid #808080; } .shopPhotoHI { border: 1px solid #000000; } .zoom { text-align: left; font: normal 8pt verdana; height: 23px; color: #000000 !important; background: url(gfx/zoom.gif) left no-repeat; padding-left: 30px; } .zoom:hover,.zoom:active { background: transparent url(gfx/zoom.gif) left no-repeat; } /* BASKET SCREENS */ #cartGrid { border: 1px solid #808080; font: normal 10pt verdana; } #cartGrid TD { padding: 10px; } .cartGridCol1 { text-align: left !important; } .cartGridHead { font: bold 8pt "MS Sans Serif",verdana; background: #e0e0e0; text-align: center; letter-spacing: 1px; } .cartLine { text-align: center; } .cardTypesCell { padding-top: 10px; padding-bottom: 10px; font: normal 9pt "MS Sans Serif",verdana !important; } .shortFormBox { width: 45px !important; } /* REPORT A FAULT */ #faultReport { width: 100%; border-collapse: collapse; font: normal x-small verdana; } #faultReport TD { border: #000066 0px solid; padding-top: 5px; padding-bottom: 5px; } #faultReport P { color: #000000 !important; } /* NEWS IFRAME */ #newsBox { width: 100%; height: 400px; border: 0px solid red; } /* SIGNUP FORM */ .signUpEmail { width: 200px; } .signUpEmailError { width: 200px; background: yellow; color: red !important; } /* ACCESSIBILITY.html */ #access { width: 50%; margin-top: 0px; color: #000000; border-collapse: collapse; font: normal x-small verdana,arial; } #access STRONG { color: #505050 !important; } .accessHead { background: #eeeeee; color: #505050; font: normal; } #access TD { border: 1px solid #c0c0c0; padding: 8px; } .na { color: #c0c0c0 !important; } #w3c { display: none; } #w3c A:hover { background: transparent !important; } /* Search Results */ #resultsGrid { width: 100%; border-collapse: collapse; border: 2px solid #000090; margin-bottom: 15px; font: normal 10pt verdana; } .resultsHead { color: darkblue; background: aliceblue; } #resultsGrid TD { padding: 8px; border: 1px solid #909090; } #resultsFaultHead { width: 110px; text-align: center; } .resultsCompanyLine { width: 300px; } .resultsFaultLine { text-align: center; } /* siteDetail.htm */ #siteDetail { width: 100%; border-collapse: collapse; border: 2px solid #000090; margin-bottom: 15px; font: normal 10pt verdana; } .siteDetailHead { color: darkblue; background: aliceblue; } .siteDetailHead TD { padding: 5px !important; } #siteDetail TD { width: 50%; padding: 15px; border: 1px solid #909090; } #siteDetail UL { list-style-type: circle !important; line-height: 150%; padding-bottom: 0px; margin-bottom: 0px; margin-left: 15px; } #noPosition { }