/* STYLE SHEET FOR www.metrocount.com Created by Vern Bastian Subject to copyright and conditions at: http://www.metrocount.com/corporate/disclaimer.html ToC 1. defaults 2. structure 3. links and navigation 4. fonts 5. images Notes */ /* ---------- page defaults ---------- */ * { margin: 0; padding: 0; } *:focus { outline: none; } html { font-size: 100%; } body { font-size: 62.5%; padding-bottom: 20px; background-color: #cccccc; background-image: url(../common_assets/striped_blue_background01.png); background-repeat: repeat-x; } .theBoss { color: #000; display: none; } #wrapper { width: 1020px; margin-top: 20px; margin-right: auto; margin-bottom: 0px; margin-left: auto; border: 1px none #555555; } #masthead, #columnWrapper, #footer { font-family: Verdana, Geneva, sans-serif; font-size: 1.1em; line-height: 1.5em; } h1 { font: bold 2.5em Arial, sans-serif; margin-bottom: 2px; } p { margin-bottom: 1em; } p a:link, p a:hover, p a:active , p a:visited{ color: #005ABD; } p a:link, p a:active, p a:visited { text-decoration: none; } p a:hover { text-decoration: underline; } a { margin: 0px; } a img { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } a:link , a:active, a:visited{ color: #005ABD; text-decoration: none; } a:hover { text-decoration: underline; } #masthead { /*border-bottom: 1px solid #aaaaaa;*/ background-color: #0073BF; /*background-image: url(../common_assets/RedCarLogo2009_1.png); background-repeat: no-repeat;*/ height: 86px; width: 1020px; background-image: url(/common_assets/MC_banner2010.png); padding: 0px; } #masthead h1 sup { font-size: .6em; } #masthead h2 { font-size: 20px; font-weight: bold; font-style: italic; font-family: Arial, Helvetica, sans-serif; color: #ffffff; width: auto; top: 55px; position: relative; left: 30px; padding: 0px; height: 30px; line-height: normal; } #MainNavContainer { text-align:center; background-color: #2A5FFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 1; font-weight: bold; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #70AAE9; border-bottom-color: #2A5FFF; padding-top: 7px; /*padding-right: 9px;*/ padding-bottom: 7px; background-image: url(../common_assets/main_nav_states.png); background-repeat: repeat-x; margin-top: 0px; margin-bottom: 0px; } #navigation { margin-right: auto; margin-left: auto; } #navigation ul { list-style: none; } #navigation li { /*padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; border-left-width: 1px; border-left-style: solid; border-left-color: #ffffff;*/ margin: 0px; display: inline; } #navigation a:link, #navigation a:visited{ text-transform:uppercase; text-decoration:none; padding-top: 7px; padding-right: 9px; padding-bottom: 7px; padding-left: 9px; border-right-width: 1px; border-right-style: solid; border-right-color: #0368D9; } #navigation a:link { color: #FFFFFF; /*border-right: 1px solid #aaaaaa;*/ } #navigation a:visited{ color: #FFFBF0; } #navigation a:hover{ color: #FFF; background-color: #2A1FFF; padding-top: 7px; padding-right: 9px; padding-bottom: 7px; padding-left: 9px; background-image: url(../common_assets/main_nav_states.png); background-repeat: repeat-x; background-position: 0px -200px; } #navigation a:active{ color: #ff0000; } /* The following rules forces the current page to display with a different highlight on the menu. It references the and main navigation

's and must match their names exactly!!! */ #HomePage #HomePageLink a:link, #HomePage #HomePageLink a:visited, #ProductsPage #ProductsPageLink a:link, #ProductsPage #ProductsPageLink a:visited, #DownloadsPage #DownloadsPageLink a:link, #DownloadsSupportPage #DownloadsPageLink a:visited, #EndorsementsPage #EndorsementsPageLink a:link, #EndorsementsPage #EndorsementsPageLink a:visited, #NewsPage #NewsPageLink a:link, #NewsPage #NewsPageLink a:visited, #SupportPage #SupportPageLink a:link, #SupportPage #SupportPageLink a:visited, #ContactPage #ContactPageLink a:link, #ContactPage #ContactPageLink a:visited, #CorporatePage #CorporatePageLink a:link, #CorporatePage #CorporatePage a:visited { border-bottom-color: #ffffff; padding-top: 7px; padding-right: 9px; padding-bottom: 7px; padding-left: 9px; background-color: #000000; background-image: url(../common_assets/main_nav_states.png); background-repeat: repeat-x; background-position: 0px -400px; } #HomePage #HomePageLink a:hover, #ProductsPage #ProductsPageLink a:hover, #DownloadsPage #DownloadsPageLink a:hover, #EndorsementsPage #EndorsementsPageLink a:hover, #NewsPage #NewsPageLink a:hover, #SupportPage #SupportPageLink a:hover, #ContactPage #ContactPageLink a:hover, #CorporatePage #CorporatePageLink a:hover { color: #FFF; padding-top: 7px; padding-right: 9px; padding-bottom: 7px; padding-left: 9px; background-image: url(../common_assets/main_nav_states.png); background-repeat: repeat-x; background-position: 0px -400px; } #navigation #CorporatePageLink a:link,#navigation #CorporatePageLink a:visited{ border-right:none; } #breadcrumbsContainer{ text-align:left; padding: 10px 10px; margin-bottom: 0px; background-color: #919191; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 1; font-weight: bold; /*border-bottom: 1px solid #00ffff*/; } #breadcrumbs li { font-family: Arial, Helvetica, sans-serif; display: inline; /*background: url(double-arrow.gif) 15% 25% no-repeat;*/ padding: 0px 0px 0px 3px; padding-top: 10px; border-width: 1px; border-color: #ff0000; } #breadcrumbs li:first-child{ background:none; padding-left: 0; } #breadcrumbs li a:link, #breadcrumbsContainer li a:visited { text-decoration: none; color: #005ABD; } #breadcrumbs li a:hover { text-decoration: none; color: #FFFFFF; } #breadcrumbs li a:active { text-decoration: none; color: #FF0000; } .clearFix:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } #columnWrapper { background-color: #A6CAF0; background-image: url(../common_assets/shadow_top.png); background-repeat: repeat-x; background-position: 0px 0px; overflow: hidden; } #mainContent { background-color: #ffffff; background-image: url(../common_assets/shadow_top.png); background-repeat: repeat-x; background-position: 0px 0px; float: left; width: 630px; margin-left: 170px; } /* ----------------------------- -------------------------------------------------------------------------*/ /* ---UNHIDE THE LEFTSIDE BAR --------------------------------------------------------------------------- */ /* ----------------------------- -------------------------------------------------------------------------*/ #leftSidebar { background-color: #ffffff; background-image: url(../common_assets/shadow_top.png); float: left; width: 170px; margin-left: -800px; /*margin-left: 0px;*/ background-repeat: repeat-x; background-position: 0px 0px; } #rightSidebar { float: left; width: 220px; } .columnContentWrapper { padding-top: 30px; padding-right: 10px; padding-bottom: 30px; padding-left: 10px; } #mainContent, #leftSidebar, #rightSidebar { margin-bottom: -32767px; padding-bottom: 32767px; } .pageSplash { height: 120px; width: 600px; background-image: url(../common_assets/product_splash_background.png); background-repeat: repeat-y; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding: 0px; } .pageSplash img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-left: 10px; width: auto; padding-right: 10px; position: relative; float: left; } .pageSplash p { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.4em; color: #EEF6FF; text-align: left; padding-left: 0px; padding-right: 60px; margin: 0px; padding-top: 10px; line-height: 1.5em; } #mainContent h2 { font-family: Arial, Helvetica, sans-serif; color: #005ABD; font-size: 1.em; font-size: 1.8em; } #mainContent h3 { font-family: Arial, Helvetica, sans-serif; color: #005ABD; font-size: 1.em; font-size: 1.4em; } #mainContent h4 { font-size: 1.1em; font-weight: bold; color: #005ABD; padding-top: 1em; font-family: Arial, Helvetica, sans-serif; } .divider { background-image: url(../common_assets/RedStripeDivider.png); background-repeat: no-repeat; background-position: -5px -0px; width: 600px; margin-top: 5px; padding-top: 25px; } #mainContent h4 a:link, #mainContent h4 a:hover, #mainContent h4 a:active, #mainContent h4 a:visited { color: #005ABD; } #mainContent h4 a:link, #mainContent h4 a:active, #mainContent h4 a:visited { text-decoration: none; } #mainContent h4 a:hover { text-decoration: underline; } .IntroText { font-size: 1.2em; line-height: 1.3em; } #wrapper #masthead a { text-align: center; } #subnavigation_header { background-image: url(../common_assets/subnav_top.png); width: 140px; margin-left: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; } #subnavigation_header h2 { font-size: 1.2em; font-weight: bold; padding-left: 7px; color: #ffffff; padding-top: 5px; padding-bottom: 5px; font-family: Arial, Helvetica, sans-serif; } #subnavigation ul { list-style-type:none; width: 140px; background-image: url(../common_assets/subnav_centre.png); background-position: left bottom; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 1; font-weight: bold; margin-left: 5px; } #subnavigation a:link, #subnavigation a:visited { text-decoration:none; text-transform:none; font-weight:bold; display:block; padding: 10px 12px 10px 8px; color: #ffffff; font-family: Arial, Helvetica, sans-serif; } #subnavigation a:hover { background-image: url(../common_assets/subnav_states_hover.png); background-position: bottom; } #subnavigation a:active { padding: 10px 14px 10px 9px; background-color: #444444; color: #eeeeee; } /* The following rule forces the subnavigation of the current page to display with a different highlight on the menu. It references the "

" immediately below the tag and the subnavigation "

's" and must match their names exactly!!! */ #MTEPage #MTE_link a:link, #MTEPage #MTE_link a:visited, #FieldPodPage #FieldPod_link a:link, #FieldPodPage #FieldPod_link a:visited, #MC5600Page #MC5600_link a:link, #MC5600Page #MC5600_link a:visited, #MC5710Page #MC5710_link a:link, #MC5710Page #MC5710_link a:visited, #MC5712Page #MC5712_link a:link, #MC5712Page #MC5712_link a:visited, #MC5720Page #MC5720_link a:link, #MC5720Page #MC5720_link a:visited, #MC5740Page #MC5740_link a:link, #MC5740Page #MC5740_link a:visited, #MC5805Page #MC5805_link a:link, #MC5805Page #MC5805_link a:visited, #MC5810Page #MC5810_link a:link, #MC5810Page #MC5810_link a:visited, #AccessoriesPage #Accessories_link a:link, #AccessoriesPage #Accessories_link a:visited, #SigsysPage #Sygsis_link a:link, #SigsysPage #Sygsis_link a:visited, #WarrantyPage #Warranty_link a:link, #WarrantyPage #Warranty_link a:visited, #TrainingPage #Training_link a:link, #TrainingPage #Training_link a:visited, #VideosPage #Videos_link a:link, #VideosPage #Videos_link a:visited{ padding: 10px 13px 10px 7px; background-image: url(../common_assets/subnav_states_current.png); background-position: bottom; } #subnavigation_footer { background-image: url(../common_assets/subnav_bottom.png); background-position: bottom; width: 140px; margin-left: 5px; } #subnavigation_footer p { color: #0073BF; text-align: center; font-family: Verdana, Geneva, sans-serif; } #rightSidebar .boxoutheader { width: 180px; margin-top: 0; margin-right: 0; margin-left: 0; padding-top: 0; padding-right: 10px; padding-bottom: 1px; padding-left: 10px; margin-bottom: 0px; } .boxoutheader h2 a:link, .boxoutheader h2 a:hover, .boxoutheader h2 a:active, .boxoutheader h2 a:visited { color: #ffffff; } .boxoutheader h2 a:link, .boxoutheader h2 a:active, .boxoutheader h2 a:visited { text-decoration: none; } .boxoutheader h2 a:hover { text-decoration: underline; } #rightSidebar .boxoutheader h2 { background: #d7932a url(../common_assets/boxout-top-orange.gif) no-repeat; /*text-transform: uppercase;*/ color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; margin-top: 0px; margin-right: -10px; margin-left: -10px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; margin-bottom: 0px; } #rightSidebar .boxout { width: 180px; background: url(../common_assets/boxout-bottom.png) 0 100% no-repeat; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; padding-top: 5px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; margin-top: 0px; } #rightSidebar .boxout p { font-size: 1em; margin-right: -10px; margin-left: -10px; padding-top: 5px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; margin-bottom: 0px; margin-top: -1px; } #rightSidebar .boxout p a:link, #rightSidebar .boxout p a:active, #rightSidebar .boxout p a:visited { text-decoration:none; } #rightSidebar .boxout p a:hover { text-decoration:underline; } #rightSidebar .PhoneCallHeader h2 { background: url(../common_assets/boxout-top-questions.png) no-repeat; } #rightSidebar .GlanceHeader h2 { background: url(../common_assets/boxout-top-chat.png) no-repeat; } #rightSidebar .TechMCHeader h2 { background: url(/common_assets/boxout-top-mctech.png) no-repeat; } #masthead img { /*float: left; position: relative;*/ margin-left: -8px; margin-top:0px; margin-bottom:-40px; } #footer { /*border-top: 1px solid #aaaaaa;*/ padding: 10px; background-color: #A6CAF0; background-image: url(../common_assets/footer_splash.png); background-position: left top; height: 100px; background-repeat: no-repeat; } .footer_contact { font-weight: bold; color: #ffffff; padding: 0px; margin-top: 8px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: .9em; } .footer_contact a:link, .footer_contact a:hover, .footer_contact a:visited{ color: #ffffff; } .copyright_graphic { margin-top: 40px; margin-left: 440px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .disclaimer { text-align: center; font-size: 0.8em; margin-top: -5px; font-weight: bold; } .dropCap span { font-size: 3.4em; line-height: 0.8em; color: #005ABD; } .dropCap { float: left; height: 2.9em; margin-top: 0em; margin-right: 0.1em; margin-left: 0em; } #QuickLinksArea { width: 50%; float: left; } .QuickLinkFrame { /* background-color: #DEF; */ height: auto; width: 110px; float: left; margin-left: 20px; margin-right: 12px; padding: 0px; margin-top: 5px; margin-bottom: 12px; border: 1px solid #FFF; } .QuickLinkFrame:hover p { background-color: #DEF; text-decoration: none; } .QuickLinkFrame p{ font-weight: bold; color: #005ABD; padding: 0px; line-height: 1.1em; margin-top: 0px; margin-right: 0px; margin-left: 0px; font-size: 100%; font-family: Arial, Helvetica, sans-serif; margin-bottom: 1px; } .QuickLinkFrame img { position: relative; bottom: 0%; } #SpotlightArea { height: 400px; width: 280px; float: left; padding-left: 15px; margin-top: 0px; border-left-width: 1px; border-left-style: solid; border-left-color: #F00; } #SpotlightFrame { padding-left: 7px; } #SpotlightFrame h4 { padding-bottom: 10px; } #SpotlightFrame p { color: #005ABD; font-family: Arial, Helvetica, sans-serif; margin-top: 10px; } .leftside_splash { width: 145px; margin-top: 44px; } .leftside_splash p { color: #005ABD; text-align: center; margin: 0px; padding: 0px; line-height: 1.2em; display: block; width: 100%; } .leftside_splash em { font-size: 0.9em; color: #005ABD; width: auto; display: block; line-height: normal; text-align: right; } .leftside_splash img { margin-right: auto; margin-left: 15px; } .BulletHeader { margin-bottom: 0em; } .MainContentBullet { list-style-type: none; } .MainContentBullet li{ list-style: none; background-image: url(../common_assets/BlueSquare5px.png); background-repeat: no-repeat; padding-left: 20px; background-position: 5px center; padding-top: .1em; padding-bottom: .1em; } .BigQuote { font-size: 1 .em; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 2 .em; width: 390px; line-height: 1.6em; color: #005ABD; text-align: justify; padding-left: 105px; background-image: url(../common_assets/bigdoublequotes.png); background-position: center top; background-repeat: no-repeat; font-size: 1.4em; padding-right: 105px; margin: 0px; } .BigEndorser { font-weight: bold; font-size: 0.9em; line-height: 1em; color: #005ABD; text-transform: uppercase; font-family: Verdana, Geneva, sans-serif; width: 390px; margin-top: 5px; margin-right: 0px; margin-bottom: 50px; margin-left: 0px; padding-right: 72px; padding-left: 143px; text-align: right; } .SmallQuote { padding-left: 30px; padding-right: 30px; margin-top: 20px; margin-right: 20px; margin-left: 20px; background-image: url(../common_assets/SmallDoubleOpenQuotes.png); background-repeat: no-repeat; background-position: 2px 2px; margin-bottom: 0px; padding-bottom: 0px; clear: both; } .SmallQuote p { font-family: Verdana, Geneva, sans-serif; font-size: 1.1em; font-style: normal; font-weight: normal; color: #005ABD; text-align: justify; } .SmallEndorser { margin-top: -30px; margin-right: 20px; margin-bottom: 50px; margin-left: 20px; padding-top: 30px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image: url(../common_assets/SmallDoubleCloseQuotes.png); background-repeat: no-repeat; background-position: right top; float: left; width: 560px; } .SmallEndorser p { padding: 0px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; text-transform: uppercase; color: #005ABD; font-size: .9em; text-align: right; margin: 0px; }