/* AFM Web Design Unit F16, BTC Bessemer Drive Stevenage Hertfordshire SG1 2DX t: 0845 078 0193 e: solutions@afmwebdesign.co.uk ******* PAGE STYLES START ON LINE 1900 ******* ************************************ ************************************** **** **** **** **** **** TEMPLATE CONSTRUCTION STYLES **** **** **** **** **** **** DO NOT EDIT THESE **** **** **** **** **** ************************************** ************************************ */ /* Generic classes */ /* =============== */ BODY { margin: 0px; padding: 0px; border: 0px} DIV { background: transparent; position: relative; display: block; border: 0px; margin: 0px; padding: 0px} DIV.ClearLeft { clear: left; height: 0px} DIV.ClearRight { clear: right; height: 0px} DIV.ClearBoth { clear: both; height: 0px} TABLE { border: 0px; margin: 0px; padding: 0px} TD { border: 0px; margin: 0px; padding: 0px} FORM { border: 0px; margin: 0px; padding: 0px} INPUT { margin: 0px; padding: 0px} P { background-color: transparent; margin: 0px; border: 0px} IMG { margin: 0px; padding: 0px; border: 0px} IMG.FloatLeft { float: left; margin-top: 20px; margin-left: 10px; margin-right: 20px; margin-bottom: 20px} IMG.FloatRight { float: right; margin-top: 20px; margin-left: 20px; margin-right: 10px; margin-bottom: 20px} OBJECT { margin: 0px; padding: 0px; border: 0px} EMBED { margin: 0px; padding: 0px; border: 0px} H1 { background-color: transparent; margin: 0px; border: 0px} H2 { background-color: transparent; margin: 0px; border: 0px} H3 { background-color: transparent; margin: 0px; border: 0px} H4 { background-color: transparent; margin: 0px; border: 0px} UL { margin: 0px; border: 0px} LI { margin: 0px; border: 0px} /* Skip to page content link */ /* ========================= */ DIV.TextBrowserSkipToContent { height: 1px; overflow: hidden} /* Page layout */ /* =========== */ /* Body - defines the background for the whole site */ BODY {} /* BodyTop - used to give a top fade or picture which repeats horizontally */ DIV.BodyTop { width: 100%; background-position: center top; background-repeat: repeat-y} DIV.BodyTopFade { width: 100%; background-image: url("body-top-fade.jpg"); background-position: center top; background-repeat: no-repeat} DIV.BodyBottom { width: 100%; height: 40px; background-image: url("body-bottom.jpg"); background-position: center top; background-repeat: no-repeat} /* BodyTopClearer - used to ensure the body top division expands */ DIV.BodyTopClearer { width: 100%; clear: both; height: 0px} /* ************************************************* */ /* PageWrapper - used to locate the page on the screen no background graphics and all attributes set in index */ DIV.PageWrapper {} /* ************************************************* */ /* PageSpacerTop - used to provide a spacer above the page height is set in the index.php settings, background graphics will be set by Body and BodyTop */ DIV.PageSpacerTop { width: 100%; clear: both; float: left} /* ************************************************* */ /* TopBannerTopLeft - used to display any background graphics for the top banner width is set in the index.php settings */ DIV.TopBannerTopLeft { float: left; background-position: left top; background-repeat: no-repeat} /* TopBannerTop - used to display any background graphics for the top banner width is set in the index.php settings */ DIV.TopBannerTop { float: left; background-position: center top; background-repeat: repeat-x} /* TopBannerTopRight - used to display any background graphics for the top banner width is set in the index.php settings */ DIV.TopBannerTopRight { float: left; background-position: right top; background-repeat: no-repeat} /* TopBannerLeft - used to display any background graphics for the top banner width is set in the index.php settings */ DIV.TopBannerLeft { float: left; background-position: left top; background-repeat: no-repeat} /* TopBanner - used to display any background graphics for the top banner width is set in the index.php settings */ DIV.TopBanner { clear: both; float: left; background-position: center top; background-repeat: no-repeat} /* TopBannerRight - used to display any background graphics for the top banner width is set in the index.php settings */ DIV.TopBannerRight { float: left; background-position: right top; background-repeat: no-repeat} /* TopBannerBottomLeft - used to display any background graphics for the top banner width is set in the index.php settings, */ DIV.TopBannerBottomLeft { float: left; background-position: left bottom; background-repeat: no-repeat} /* TopBannerBottom - used to display any background graphics for the top banner width is set in the index.php settings */ DIV.TopBannerBottom { float: left; background-position: center bottom; background-repeat: repeat-x} /* TopBannerBottomRight - used to display any background graphics for the top banner width is set in the index.php settings, height is set in the index.php settings */ DIV.TopBannerBottomRight { float: left; background-position: right bottom; background-repeat: no-repeat} /* TopBannerClearer - used to ensure the top banner divisions expand width is set in the index.php settings */ DIV.TopBannerClearer { clear: both; float: left; height: 0px} /* ************************************************* */ /* TopMenuBlockTopLeft - used to display any background graphics for the top menu block width is set in the index.php settings */ DIV.TopMenuBlockTopLeft { float: left; background-position: left top; background-repeat: no-repeat} /* TopMenuBlockTop - used to display any background graphics for the top menu block width is set in the index.php settings */ DIV.TopMenuBlockTop { float: left; background-position: center top; background-repeat: repeat-x} /* TopMenuBlockTopRight - used to display any background graphics for the top menu block width is set in the index.php settings */ DIV.TopMenuBlockTopRight { float: left; background-position: right top; background-repeat: no-repeat} /* TopMenuBlockLeft - used to display any background graphics for the top menu block width is set in the index.php settings */ DIV.TopMenuBlockLeft { float: left; background-position: left top; background-repeat: repeat-y} /* TopMenuBlock - used to display any background graphics for the top menu block width is set in the index.php settings */ DIV.TopMenuBlock { clear: both; float: left; background-position: center top; background-repeat: repeat} /* TopMenuBlockRight - used to display any background graphics for the top menu block width is set in the index.php settings */ DIV.TopMenuBlockRight { float: left; background-position: right top; background-repeat: repeat-y} /* TopMenuBlockBottomLeft - used to display any background graphics for the top menu block width is set in the index.php settings */ DIV.TopMenuBlockBottomLeft { float: left; background-position: left bottom; background-repeat: no-repeat} /* TopMenuBlockBottom - used to display any background graphics for the top menu block width is set in the index.php settings */ DIV.TopMenuBlockBottom { float: left; background-position: center bottom; background-repeat: repeat-x} /* TopMenuBlockBottomRight - used to display any background graphics for the top menu block width is set in the index.php settings */ DIV.TopMenuBlockBottomRight { float: left; background-position: right bottom; background-repeat: no-repeat} /* TopMenuBlockClearer - used to ensure the top menu block divisions expand width is set in the index.php settings */ DIV.TopMenuBlockClearer { clear: both; float: left; height: 0px} /* ************************************************* */ /* TopMenuItemCurrentTopLeft - used to display any background graphics for the top menu item current width is set in the index.php settings */ DIV.TopMenuItemCurrentTopLeft { float: left; background-position: left top; background-repeat: no-repeat} /* TopMenuItemCurrentTop - used to display any background graphics for the top menu item current width is set in the index.php settings */ DIV.TopMenuItemCurrentTop { float: left; background-position: center top; background-repeat: repeat-x} /* TopMenuItemCurrentTopRight - used to display any background graphics for the top menu item current width is set in the index.php settings */ DIV.TopMenuItemCurrentTopRight { float: left; background-position: right top; background-repeat: no-repeat} /* TopMenuItemCurrentLeft - used to display any background graphics for the top menu item current width is set in the index.php settings */ DIV.TopMenuItemCurrentLeft { float: left; background-position: left top; background-repeat: repeat-y} /* TopMenuItemCurrent - used to display any background graphics for the top menu item current width is set in the index.php settings */ DIV.TopMenuItemCurrent { float: left; background-position: center top; background-repeat: repeat} /* TopMenuItemCurrentRight - used to display any background graphics for the top menu item current width is set in the index.php settings */ DIV.TopMenuItemCurrentRight { float: left; background-position: right top; background-repeat: repeat-y} /* TopMenuItemCurrentBottomLeft - used to display any background graphics for the top menu item current width is set in the index.php settings */ DIV.TopMenuItemCurrentBottomLeft { float: left; background-position: left bottom; background-repeat: no-repeat} /* TopMenuItemCurrentBottom - used to display any background graphics for the top menu item current width is set in the index.php settings */ DIV.TopMenuItemCurrentBottom { float: left; background-position: center bottom; background-repeat: repeat-x} /* TopMenuItemCurrentBottomRight - used to display any background graphics for the top menu item current width is set in the index.php settings */ DIV.TopMenuItemCurrentBottomRight { float: left; background-position: right bottom; background-repeat: no-repeat} /* TopMenuItemCurrentClearer - used to ensure the top menu item current divisions expand width is set in the index.php settings */ DIV.TopMenuItemCurrentClearer { clear: both; float: left; height: 0px} /* ************************************************* */ /* TopMenuItemActiveTopLeft - used to display any background graphics for the top menu item active width is set in the index.php settings */ DIV.TopMenuItemActiveTopLeft { float: left; background-position: left top; background-repeat: no-repeat} /* TopMenuItemActiveTop - used to display any background graphics for the top menu item active width is set in the index.php settings */ DIV.TopMenuItemActiveTop { float: left; background-position: center top; background-repeat: repeat-x} /* TopMenuItemActiveTopRight - used to display any background graphics for the top menu item active width is set in the index.php settings */ DIV.TopMenuItemActiveTopRight { float: left; background-position: right top; background-repeat: no-repeat} /* TopMenuItemActiveLeft - used to display any background graphics for the top menu item active width is set in the index.php settings */ DIV.TopMenuItemActiveLeft { float: left; background-position: left top; background-repeat: repeat-y} /* TopMenuItemActive - used to display any background graphics for the top menu item active width is set in the index.php settings */ DIV.TopMenuItemActive { float: left; background-position: center top; background-repeat: repeat} /* TopMenuItemActiveRight - used to display any background graphics for the top menu item active width is set in the index.php settings */ DIV.TopMenuItemActiveRight { float: left; background-position: right top; background-repeat: repeat-y} /* TopMenuItemActiveBottomLeft - used to display any background graphics for the top menu item active width is set in the index.php settings */ DIV.TopMenuItemActiveBottomLeft { float: left; background-position: left bottom; background-repeat: no-repeat} /* TopMenuItemActiveBottom - used to display any background graphics for the top menu item active width is set in the index.php settings */ DIV.TopMenuItemActiveBottom { float: left; background-position: center bottom; background-repeat: repeat-x} /* TopMenuItemActiveBottomRight - used to display any background graphics for the top menu item active width is set in the index.php settings */ DIV.TopMenuItemActiveBottomRight { float: left; background-position: right bottom; background-repeat: no-repeat} /* TopMenuItemActiveClearer - used to ensure the top menu item active divisions expand width is set in the index.php settings */ DIV.TopMenuItemActiveClearer { clear: both; float: left; height: 0px} /* ************************************************* */ /* TopMenuItemTopLeft - used to display any background graphics for the top menu item width is set in the index.php settings */ DIV.TopMenuItemTopLeft { float: left; background-position: left top; background-repeat: no-repeat} /* TopMenuItemTop - used to display any background graphics for the top menu item width is set in the index.php settings */ DIV.TopMenuItemTop { float: left; background-position: center top; background-repeat: repeat-x} /* TopMenuItemTopRight - used to display any background graphics for the top menu item width is set in the index.php settings */ DIV.TopMenuItemTopRight { float: left; background-position: right top; background-repeat: no-repeat} /* TopMenuItemLeft - used to display any background graphics for the top menu item width is set in the index.php settings */ DIV.TopMenuItemLeft { float: left; background-position: left top; background-repeat: repeat-y} /* TopMenuItem - used to display any background graphics for the top menu item width is set in the index.php settings */ DIV.TopMenuItem { float: left; background-position: center top; background-repeat: repeat} /* TopMenuItemRight - used to display any background graphics for the top menu item width is set in the index.php settings */ DIV.TopMenuItemRight { float: left; background-position: right top; background-repeat: repeat-y} /* TopMenuItemBottomLeft - used to display any background graphics for the top menu item width is set in the index.php settings */ DIV.TopMenuItemBottomLeft { float: left; background-position: left bottom; background-repeat: no-repeat} /* TopMenuItemBottom - used to display any background graphics for the top menu item width is set in the index.php settings */ DIV.TopMenuItemBottom { float: left; background-position: center bottom; background-repeat: repeat-x} /* TopMenuItemBottomRight - used to display any background graphics for the top menu item width is set in the index.php settings */ DIV.TopMenuItemBottomRight { float: left; background-position: right bottom; background-repeat: no-repeat} /* TopMenuItemClearer - used to ensure the top menu item divisions expand width is set in the index.php settings */ DIV.TopMenuItemClearer { clear: both; float: left; height: 0px} /* ************************************************* */ /* PageTopLeft - used to display any background graphics for the page width is set in the index.php settings */ DIV.PageTopLeft { float: left; background-position: left top; background-repeat: no-repeat} /* PageTop - used to display any background graphics for the page width is set in the index.php settings */ DIV.PageTop { float: left; background-position: center top; background-repeat: repeat-x} /* PageTopRight - used to display any background graphics for the page width is set in the index.php settings */ DIV.PageTopRight { float: left; background-position: right top; background-repeat: no-repeat} /* PageLeft - used to display any background graphics for the page width is set in the index.php settings */ DIV.PageLeft { float: left; background-position: left top; background-repeat: repeat-y} /* Page - used to display any background graphics for the page width is set in the index.php settings */ DIV.Page { clear: both; float: left; background-position: center top; background-repeat: repeat} /* PageRight - used to display any background graphics for the page width is set in the index.php settings */ DIV.PageRight { float: left; background-position: right top; background-repeat: repeat-y} /* PageBottomLeft - used to display any background graphics for the page width is set in the index.php settings */ DIV.PageBottomLeft { float: left; background-position: left bottom; background-repeat: no-repeat} /* PageBottom - used to display any background graphics for the page width is set in the index.php settings */ DIV.PageBottom { float: left; background-position: center bottom; background-repeat: repeat-x} /* PageBottomRight - used to display any background graphics for the page width is set in the index.php settings */ DIV.PageBottomRight { float: left; background-position: right bottom; background-repeat: no-repeat} /* PageClearer - used to ensure the page divisions expand width is set in the index.php settings */ DIV.PageClearer { clear: both; float: left; height: 0px} /* ************************************************* */ /* ColumnContainer - used to contain the page contents and side menu column divisions float is set in the index.php settings, width is set in the index.php settings */ DIV.ColumnContainer {} /* ColumnContainerClearer - used to ensure the page divisions expand width is set in the index.php settings */ DIV.ColumnContainerClearer { clear: both; float: left; height: 0px} /* ************************************************* */ /* PageContentsColumn - used to contain the page contents float is set in the index.php settings, width is set in the index.php settings */ DIV.PageContentsColumn {} /* PageContentsColumnClearer - used to ensure the page divisions expand width is set in the index.php settings */ DIV.PageContentsColumnClearer { clear: both; float: left; height: 0px} /* ************************************************* */ /* MenuColumnTopLeft - used to display any background graphics for the menu column width is set in the index.php settings */ DIV.MenuColumnTopLeft { float: left; background-position: left top; background-repeat: no-repeat} /* MenuColumnTop - used to display any background graphics for the menu column width is set in the index.php settings */ DIV.MenuColumnTop { float: left; background-position: center top; background-repeat: repeat-x} /* MenuColumnTopRight - used to display any background graphics for the menu column width is set in the index.php settings */ DIV.MenuColumnTopRight { float: left; background-position: right top; background-repeat: no-repeat} /* MenuColumnLeft - used to display any background graphics for the menu column width is set in the index.php settings */ DIV.MenuColumnLeft { float: left; background-position: left top; background-repeat: repeat-y} /* MenuColumn - used to display any background graphics for the menu column width is set in the index.php settings, float is set in the index.php settings */ DIV.MenuColumn { background-position: center top; background-repeat: repeat} /* MenuColumnRight - used to display any background graphics for the menu column width is set in the index.php settings */ DIV.MenuColumnRight { float: left; background-position: right top; background-repeat: repeat-y} /* MenuColumnBottomLeft - used to display any background graphics for the menu column width is set in the index.php settings */ DIV.MenuColumnBottomLeft { float: left; background-position: left bottom; background-repeat: no-repeat} /* MenuColumnBottom - used to display any background graphics for the menu column width is set in the index.php settings */ DIV.MenuColumnBottom { float: left; background-position: center bottom; background-repeat: repeat-x} /* MenuColumnBottomRight - used to display any background graphics for the menu column width is set in the index.php settings */ DIV.MenuColumnBottomRight { float: left; background-position: right bottom; background-repeat: no-repeat} /* MenuColumnClearer - used to ensure the menu column divisions expand width is set in the index.php settings */ DIV.MenuColumnClearer { clear: both; float: left; height: 0px} /* ************************************************* */ /* SideMenuBlockTopLeft - used to display any background graphics for the side menu block width is set in the index.php settings */ DIV.SideMenuBlockTopLeft { float: left; background-position: left top; background-repeat: no-repeat} /* SideMenuBlockTop - used to display any background graphics for the side menu block width is set in the index.php settings */ DIV.SideMenuBlockTop { float: left; background-position: center top; background-repeat: repeat-x} /* SideMenuBlockTopRight - used to display any background graphics for the side menu block width is set in the index.php settings */ DIV.SideMenuBlockTopRight { float: left; background-position: right top; background-repeat: no-repeat} /* SideMenuBlockLeft - used to display any background graphics for the side menu block width is set in the index.php settings */ DIV.SideMenuBlockLeft { float: left; background-position: left top; background-repeat: repeat-y} /* SideMenuBlock - used to display any background graphics for the side menu block width is set in the index.php settings */ DIV.SideMenuBlock { clear: both; float: left; background-position: center top; background-repeat: repeat} /* SideMenuBlockRight - used to display any background graphics for the side menu block width is set in the index.php settings */ DIV.SideMenuBlockRight { float: left; background-position: right top; background-repeat: repeat-y} /* SideMenuBlockBottomLeft - used to display any background graphics for the side menu block width is set in the index.php settings */ DIV.SideMenuBlockBottomLeft { float: left; background-position: left bottom; background-repeat: no-repeat} /* SideMenuBlockBottom - used to display any background graphics for the side menu block width is set in the index.php settings */ DIV.SideMenuBlockBottom { float: left; background-position: center bottom; background-repeat: repeat-x} /* SideMenuBlockBottomRight - used to display any background graphics for the side menu block width is set in the index.php settings */ DIV.SideMenuBlockBottomRight { float: left; background-position: right bottom; background-repeat: no-repeat} /* SideMenuBlockClearer - used to ensure the side menu block divisions expand width is set in the index.php settings */ DIV.SideMenuBlockClearer { clear: both; float: left; height: 0px} /* SideMenuUnderBlockSpacer - used to separate the menu block from the under menu items width is set in the index.php settings, height is set in the index.php settings */ DIV.SideMenuUnderBlockSpacer { clear: both; float: left} /* ************************************************* */ /* SideMenuItemCurrentTopLeft - used to display any background graphics for the side menu item current width is set in the index.php settings */ DIV.SideMenuItemCurrentTopLeft { float: left; background-position: left top; background-repeat: no-repeat} /* SideMenuItemCurrentTop - used to display any background graphics for the side menu item current width is set in the index.php settings */ DIV.SideMenuItemCurrentTop { float: left; background-position: center top; background-repeat: repeat-x} /* SideMenuItemCurrentTopRight - used to display any background graphics for the side menu item current width is set in the index.php settings */ DIV.SideMenuItemCurrentTopRight { float: left; background-position: right top; background-repeat: no-repeat} /* SideMenuItemCurrentLeft - used to display any background graphics for the side menu item current width is set in the index.php settings */ DIV.SideMenuItemCurrentLeft { float: left; background-position: left top; background-repeat: repeat-y} /* SideMenuItemCurrent - used to display any background graphics for the side menu item current width is set in the index.php settings */ DIV.SideMenuItemCurrent { float: left; background-position: center top; background-repeat: repeat} /* SideMenuItemCurrentRight - used to display any background graphics for the side menu item current width is set in the index.php settings */ DIV.SideMenuItemCurrentRight { float: left; background-position: right top; background-repeat: repeat-y} /* SideMenuItemCurrentBottomLeft - used to display any background graphics for the side menu item current width is set in the index.php settings */ DIV.SideMenuItemCurrentBottomLeft { float: left; background-position: left bottom; background-repeat: no-repeat} /* SideMenuItemCurrentBottom - used to display any background graphics for the side menu item current width is set in the index.php settings */ DIV.SideMenuItemCurrentBottom { float: left; background-position: center bottom; background-repeat: repeat-x} /* SideMenuItemCurrentBottomRight - used to display any background graphics for the side menu item current width is set in the index.php settings */ DIV.SideMenuItemCurrentBottomRight { float: left; background-position: right bottom; background-repeat: no-repeat} /* SideMenuItemCurrentClearer - used to ensure the side menu item current divisions expand width is set in the index.php settings */ DIV.SideMenuItemCurrentClearer { clear: both; float: left; height: 0px} /* ************************************************* */ /* SideMenuItemActiveTopLeft - used to display any background graphics for the side menu item active width is set in the index.php settings */ DIV.SideMenuItemActiveTopLeft { float: left; background-position: left top; background-repeat: no-repeat} /* SideMenuItemActiveTop - used to display any background graphics for the side menu item active width is set in the index.php settings */ DIV.SideMenuItemActiveTop { float: left; background-position: center top; background-repeat: repeat-x} /* SideMenuItemActiveTopRight - used to display any background graphics for the side menu item active width is set in the index.php settings */ DIV.SideMenuItemActiveTopRight { float: left; background-position: right top; background-repeat: no-repeat} /* SideMenuItemActiveLeft - used to display any background graphics for the side menu item active width is set in the index.php settings */ DIV.SideMenuItemActiveLeft { float: left; background-position: left top; background-repeat: repeat-y} /* SideMenuItemActive - used to display any background graphics for the side menu item active width is set in the index.php settings */ DIV.SideMenuItemActive { float: left; background-position: center top; background-repeat: repeat} /* SideMenuItemActiveRight - used to display any background graphics for the side menu item active width is set in the index.php settings */ DIV.SideMenuItemActiveRight { float: left; background-position: right top; background-repeat: repeat-y} /* SideMenuItemActiveBottomLeft - used to display any background graphics for the side menu item active width is set in the index.php settings */ DIV.SideMenuItemActiveBottomLeft { float: left; background-position: left bottom; background-repeat: no-repeat} /* SideMenuItemActiveBottom - used to display any background graphics for the side menu item active width is set in the index.php settings */ DIV.SideMenuItemActiveBottom { float: left; background-position: center bottom; background-repeat: repeat-x} /* SideMenuItemActiveBottomRight - used to display any background graphics for the side menu item active width is set in the index.php settings */ DIV.SideMenuItemActiveBottomRight { float: left; background-position: right bottom; background-repeat: no-repeat} /* SideMenuItemActiveClearer - used to ensure the side menu item active divisions expand width is set in the index.php settings */ DIV.SideMenuItemActiveClearer { clear: both; float: left; height: 0px} /* ************************************************* */ /* SideMenuItemTopLeft - used to display any background graphics for the side menu item width is set in the index.php settings */ DIV.SideMenuItemTopLeft { float: left; background-position: left top; background-repeat: no-repeat} /* SideMenuItemTop - used to display any background graphics for the side menu item width is set in the index.php settings */ DIV.SideMenuItemTop { float: left; background-position: center top; background-repeat: repeat-x} /* SideMenuItemTopRight - used to display any background graphics for the side menu item width is set in the index.php settings */ DIV.SideMenuItemTopRight { float: left; background-position: right top; background-repeat: no-repeat} /* SideMenuItemLeft - used to display any background graphics for the side menu item width is set in the index.php settings */ DIV.SideMenuItemLeft { float: left; background-position: left top; background-repeat: repeat-y} /* SideMenuItem - used to display any background graphics for the side menu item width is set in the index.php settings */ DIV.SideMenuItem { float: left; background-position: center top; background-repeat: repeat} /* SideMenuItemRight - used to display any background graphics for the side menu item width is set in the index.php settings */ DIV.SideMenuItemRight { float: left; background-position: right top; background-repeat: repeat-y} /* SideMenuItemBottomLeft - used to display any background graphics for the side menu item width is set in the index.php settings */ DIV.SideMenuItemBottomLeft { float: left; background-position: left bottom; background-repeat: no-repeat} /* SideMenuItemBottom - used to display any background graphics for the side menu item width is set in the index.php settings */ DIV.SideMenuItemBottom { float: left; background-position: center bottom; background-repeat: repeat-x} /* SideMenuItemBottomRight - used to display any background graphics for the side menu item width is set in the index.php settings */ DIV.SideMenuItemBottomRight { float: left; background-position: right bottom; background-repeat: no-repeat} /* SideMenuItemClearer - used to ensure the side menu item divisions expand width is set in the index.php settings */ DIV.SideMenuItemClearer { clear: both; float: left; height: 0px} /* ************************************************* */ /* SideColumnTopLeft - used to display any background graphics for the side column width is set in the index.php settings */ DIV.SideColumnTopLeft { float: left; background-position: left top; background-repeat: no-repeat} /* SideColumnTop - used to display any background graphics for the side column width is set in the index.php settings */ DIV.SideColumnTop { float: left; background-position: center top; background-repeat: repeat-x} /* SideColumnTopRight - used to display any background graphics for the side column width is set in the index.php settings */ DIV.SideColumnTopRight { float: left; background-position: right top; background-repeat: no-repeat} /* SideColumnLeft - used to display any background graphics for the side column width is set in the index.php settings */ DIV.SideColumnLeft { float: left; background-position: left top; background-repeat: repeat-y} /* SideColumn - used to display any background graphics for the side column width is set in the index.php settings, float is set in the index.php settings */ DIV.SideColumn { background-position: center top; background-repeat: repeat} /* SideColumnRight - used to display any background graphics for the side column width is set in the index.php settings */ DIV.SideColumnRight { float: left; background-position: right top; background-repeat: repeat-y} /* SideColumnBottomLeft - used to display any background graphics for the side column width is set in the index.php settings */ DIV.SideColumnBottomLeft { float: left; background-position: left bottom; background-repeat: no-repeat} /* SideColumnBottom - used to display any background graphics for the side column width is set in the index.php settings */ DIV.SideColumnBottom { float: left; background-position: center bottom; background-repeat: repeat-x} /* SideColumnBottomRight - used to display any background graphics for the side column width is set in the index.php settings */ DIV.SideColumnBottomRight { float: left; background-position: right bottom; background-repeat: no-repeat} /* SideColumnClearer - used to ensure the side column divisions expand width is set in the index.php settings */ DIV.SideColumnClearer { clear: both; float: left; height: 0px} /* ************************************************* */ /* BottomBannerTopLeft - used to display any background graphics for the bottom banner width is set in the index.php settings */ DIV.BottomBannerTopLeft { float: left; background-position: left top; background-repeat: no-repeat} /* BottomBannerTop - used to display any background graphics for the bottom banner width is set in the index.php settings */ DIV.BottomBannerTop { float: left; background-position: center top; background-repeat: repeat-x} /* BottomBannerTopRight - used to display any background graphics for the bottom banner width is set in the index.php settings */ DIV.BottomBannerTopRight { float: left; background-position: right top; background-repeat: no-repeat} /* BottomBannerLeft - used to display any background graphics for the bottom banner width is set in the index.php settings */ DIV.BottomBannerLeft { float: left; background-position: left top; background-repeat: repeat-y} /* BottomBanner - used to display any background graphics for the bottom banner width is set in the index.php settings */ DIV.BottomBanner { clear: both; float: left; background-position: center top; background-repeat: repeat} /* BottomBannerRight - used to display any background graphics for the bottom banner width is set in the index.php settings */ DIV.BottomBannerRight { float: left; background-position: right top; background-repeat: repeat-y} /* BottomBannerBottomLeft - used to display any background graphics for the bottom banner width is set in the index.php settings */ DIV.BottomBannerBottomLeft { float: left; background-position: left bottom; background-repeat: no-repeat} /* BottomBannerBottom - used to display any background graphics for the bottom banner width is set in the index.php settings */ DIV.BottomBannerBottom { float: left; background-position: center bottom; background-repeat: repeat-x} /* BottomBannerBottomRight - used to display any background graphics for the bottom banner width is set in the index.php settings */ DIV.BottomBannerBottomRight { float: left; background-position: right bottom; background-repeat: no-repeat} /* BottomBannerClearer - used to ensure the bottom banner divisions expand width is set in the index.php settings */ DIV.BottomBannerClearer { clear: both; float: left; height: 0px} /* ************************************************* */ /* PageSpacerBottom - used to provide a spacer above the page height is set in the index.php settings, background graphics will be set by Body */ DIV.PageSpacerBottom { width: 100%; clear: both; float: left} /* ************************************************* */ /* Website map */ /* =========== */ DIV.WebsiteMapItem { float: left} DIV.WebsiteMapItemArrowLevel1 { float: left; width: 1px; height: 20px} DIV.WebsiteMapItemArrowLevel2 { float: left; width: 50px; height: 20px; background-position: 30px 6px; background-image: url("website-map-arrow.gif"); background-repeat: no-repeat} DIV.WebsiteMapItemArrowLevel3 { float: left; width: 80px; height: 20px; background-position: 60px 5px; background-image: url("website-map-arrow.gif"); background-repeat: no-repeat} DIV.WebsiteMapItemEntry { float: left} DIV.WebsiteMapItemClearer { clear: both} DIV.WebsiteMapBottomSpacer { float: left; height: 20px} P.WebsiteMapLevel1 { font-size: 110%; padding-top: 10px; padding-left: 20px; padding-right: 10px; padding-bottom: 0px} P.WebsiteMapLevel2 { font-size: 105%; padding-top: 5px; padding-left: 0px; padding-right: 10px; padding-bottom: 0px} P.WebsiteMapLevel3 { font-size: 100%; padding-top: 5px; padding-left: 0px; padding-right: 10px; padding-bottom: 0px} /* ************************************************************** **************************************************************** ** ** ** PAGE CONTRUCTION EDITABLE STYLES BELOW ** ** ** **************************************************************** ************************************************************** */ /* Generic classes */ /* =============== */ BODY { font-family: arial, sans-serif; font-size: 90%; font-weight: normal; color: #222222; background: #333333; background-image: url("body-background.jpg"); background-position: center top; background-repeat: repeat} P { padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 0px} P.Quote { text-align: center; font-size: 110%; font-weight: bold; padding-top: 30px; padding-left: 30px; padding-right: 30px; padding-bottom: 0px} A:link { color: #222222; text-decoration: none} A:visited { color: #222222; text-decoration: none} A:active { color: #222222; text-decoration: underline} A:hover { color: #222222; text-decoration: underline} IMG.FloatLeft { margin-top: 20px; margin-left: 10px; margin-right: 20px; margin-bottom: 20px} IMG.FloatRight { margin-top: 20px; margin-left: 20px; margin-right: 10px; margin-bottom: 20px} H1 { text-align: center; color: #670099; font-size: 130%; font-weight: bold; padding-top: 20px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px} A.H1:link { color: #670099; text-decoration: none} A.H1:visited { color: #670099; text-decoration: none} A.H1:active { color: #670099; text-decoration: none} A.H1:hover { color: #670099; text-decoration: none} H2 { text-align: left; color: #670099; font-size: 110%; font-weight: bold; padding-top: 30px; padding-left: 10px; padding-right: 10px; padding-bottom: 0px} H3 { text-align: left; color: #670099; font-size: 105%; font-weight: bold; padding-top: 20px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px} H4 { text-align: left; color: #670099; font-size: 100%; font-weight: bold; padding-top: 20px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px} UL { padding-top: 2px; padding-left: 50px; padding-right: 10px; padding-bottom: 2px} LI { padding-top: 5px; padding-left: 5px; padding-right: 10px; padding-bottom: 5px} HR { width: 85%; padding: 0px; border-top: 1px solid #670099; border-left: 0px; border-right: 0px; border-bottom: 0px; margin-top: 20px; margin-bottom: 1px} /* ************************************************* */ /* Top Menu Text */ /* ============= */ P.TopMenuItemCurrent { color: #ffffff; text-align: center; font-size: 100%; font-weight: bold; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px} P.TopMenuItemActive { color: #ffffff; text-align: center; font-size: 100%; font-weight: normal; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px} P.TopMenuItem { color: #ffffff; text-align: center; font-size: 100%; font-weight: normal; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px} A.TopMenu:link { color: #ffffff; text-decoration: none} A.TopMenu:visited { color: #ffffff; text-decoration: none} A.TopMenu:active { color: #ffffff; text-decoration: underline} A.TopMenu:hover { color: #ffffff; text-decoration: underline} /* ************************************************* */ /* Side Menu Text */ /* ============== */ P.SideMenuItemCurrentLevel1 { color: #ffffff; text-align: left; font-size: 100%; font-weight: bold; padding-top: 10px; padding-left: 5px; padding-right: 10px; padding-bottom: 0px} P.SideMenuItemActiveLevel1 { color: #ffffff; text-align: left; font-size: 100%; font-weight: normal; padding-top: 10px; padding-left: 5px; padding-right: 10px; padding-bottom: 0px} P.SideMenuItemLevel1 { color: #ffffff; text-align: left; font-size: 100%; font-weight: normal; padding-top: 10px; padding-left: 5px; padding-right: 10px; padding-bottom: 0px} P.SideMenuItemCurrentLevel2 { color: #ffffff; text-align: left; font-size: 100%; font-weight: bold; padding-top: 10px; padding-left: 15px; padding-right: 10px; padding-bottom: 0px} P.SideMenuItemActiveLevel2 { color: #ffffff; text-align: left; font-size: 100%; font-weight: normal; padding-top: 10px; padding-left: 15px; padding-right: 10px; padding-bottom: 0px} P.SideMenuItemLevel2 { color: #ffffff; text-align: left; font-size: 100%; font-weight: normal; padding-top: 10px; padding-left: 15px; padding-right: 10px; padding-bottom: 0px} P.SideMenuItemCurrentLevel3 { color: #ffffff; text-align: left; font-size: 100%; font-weight: bold; padding-top: 10px; padding-left: 25px; padding-right: 10px; padding-bottom: 0px} P.SideMenuItemActiveLevel3 { color: #ffffff; text-align: left; font-size: 100%; font-weight: normal; padding-top: 10px; padding-left: 25px; padding-right: 10px; padding-bottom: 0px} P.SideMenuItemLevel3 { color: #ffffff; text-align: left; font-size: 100%; font-weight: normal; padding-top: 10px; padding-left: 25px; padding-right: 10px; padding-bottom: 0px} A.SideMenu:link { color: #ffffff; text-decoration: none} A.SideMenu:visited { color: #ffffff; text-decoration: none} A.SideMenu:active { color: #ffffff; text-decoration: underline} A.SideMenu:hover { color: #ffffff; text-decoration: underline} /* ************************************************* */ /* Bottom banner */ /* ============= */ A.BottomBanner:link { color: #ffffff; text-decoration: none} A.BottomBanner:visited { color: #ffffff; text-decoration: none} A.BottomBanner:active { color: #ffffff; text-decoration: underline} A.BottomBanner:hover { color: #ffffff; text-decoration: underline} /* ************************************************* */ /* Bread crumb trail */ /* ================= */ P.BreadCrumbTrail { color: #660099; text-align: left; font-size: 100%; font-weight: normal; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px} A.BreadCrumbTrail:link { color: #660099; text-decoration: none} A.BreadCrumbTrail:visited { color: #660099; text-decoration: none} A.BreadCrumbTrail:active { color: #660099; text-decoration: underline} A.BreadCrumbTrail:hover { color: #660099; text-decoration: underline} /* ************************************************* */ /* Multi page */ /* ========== */ P.MultiPageLinksEntry { color: #666666; text-align: center; font-size: 10pt; padding-top: 5px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px} A.MultiPageLinksEntry:link { color: #666666; text-decoration: none} A.MultiPageLinksEntry:visited { color: #666666; text-decoration: none} A.MultiPageLinksEntry:active { color: #666666; text-decoration: underline} A.MultiPageLinksEntry:hover { color: #666666; text-decoration: underline} /* ************************************************* */ /* Security login */ /* ============== */ DIV.LoginBoxContainer { padding-top: 50px; padding-bottom: 100px} DIV.LoginBox { width: 340px; background-color: #cccccc; border: solid 1px #000000; margin-left: auto; margin-right: auto} P.LoginBoxTitle { text-align: center; color: #222222; padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px} DIV.LoginBoxPasswordBox { width: 180px; padding-top: 3px; padding-left: 40px; padding-bottom: 20px; float: left} DIV.LoginBoxLoginButton { width: 80px; padding-left: 20px; padding-bottom: 20px; float: left} INPUT.LoginBoxPasswordBox { width: 180px; color: #222222; font-weight: normal; font-size: 100%; margin: 0px; padding: 1px} INPUT.LoginBoxLoginButton { color: #222222; font-weight: normal; font-size: 100%; margin: 0px; padding: 2px} DIV.LoginBoxClearer { clear: both} /* ************************************************* */ /* Side column */ /* =========== */ H2.SideColumn { text-align: center; padding-top: 30px; padding-left: 20px; padding-right: 10px; padding-bottom: 0px} P.SideColumn { padding-top: 10px; padding-left: 20px; padding-right: 10px; padding-bottom: 0px} /* ************************************************* */ /* Useful links pages */ /* ================== */ H2.UsefulLinks { font-size: 100%} P.UsefulLinksDescription { padding-top: 2px} P.UsefulLinksDomain { padding-top: 2px; font-weight: bold} A.UsefulLinks:link { color: #000000; text-decoration: none} A.UsefulLinks:visited { color: #000000; text-decoration: none} A.UsefulLinks:active { color: #000000; text-decoration: underline} A.UsefulLinks:hover { color: #000000; text-decoration: underline} /* ************************************************* */ /* ******************************************* ********************************************* **** **** **** **** **** WEBSITE PAGE STYLES BELOW **** **** **** **** DO NOT EDIT ABOVE **** **** **** **** **** ********************************************* ******************************************* */ /* Under menu entries */ /* ================== */ P.UnderMenuContactDetailsName { font-size: 18pt; color: #ffffff; text-align: center; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 0px} P.UnderMenuContactDetailsTelephone { font-size: 14pt; color: #ffffff; text-align: center; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 0px} P.UnderMenuContactDetailsEmail { font-size: 11pt; color: #ffffff; text-align: center; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 0px} A.UnderMenu:link { color: #ffffff; text-decoration: none} A.UnderMenu:visited { color: #ffffff; text-decoration: none} A.UnderMenu:active { color: #ffffff; text-decoration: underline} A.UnderMenu:hover { color: #ffffff; text-decoration: underline} P.UnderMenuQuote { color: #ffffff; padding-top: 60px; padding-left: 10px; padding-right: 10px; padding-bottom: 0px} IMG.UnderMenuNewsLetter { margin-top: 30px; margin-left: 20px; margin-right: 0px; margin-bottom: 0px} /* Home page */ /* ========= */ A.HomePageLinks:link { color: #ffffff; text-decoration: none} A.HomePageLinks:visited { color: #ffffff; text-decoration: none} A.HomePageLinks:active { color: #ffffff; text-decoration: underline} A.HomePageLinks:hover { color: #ffffff; text-decoration: underline} /* Pod casts */ /* ========= */ TABLE.PodCasts { table-layout: fixed; margin-top: 20px} TD.PodCastIcon { width: 100px; padding-top: 20px; padding-left: 40px; padding-right: 10px; padding-bottom: 20px} TD.PodCastText { vertical-align: middle; padding-top: 20px; padding-left: 10px; padding-right: 10px; padding-bottom: 20px} /* Online payment form */ /* =================== */ TD.OnlinePaymentReturnLink {} TD.OnlinePaymentCartButton { text-align: right; padding-right: 20px} TD.OnlinePaymentItemName { width: 350px; padding-top: 15px; padding-left: 20px; padding-right: 20px; padding-bottom: 0px} TD.OnlinePaymentPrice { padding-top: 15px; padding-left: 20px; padding-right: 20px; padding-bottom: 0px} TD.OnlinePaymentItemButton { text-align: right; padding-top: 15px; padding-left: 20px; padding-right: 20px; padding-bottom: 0px} TD.OnlinePaymentAdhocItemButton { text-align: right; padding-top: 35px; padding-left: 20px; padding-right: 20px; padding-bottom: 0px} P.OnlinePaymentControlLabel { padding: 0px} /* ==================== END ==================== */