/* Normalize */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;}ol,ul{list-style:none;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}caption,th{text-align:left;}q:before,q:after{content:'';} A:focus { -moz-outline-style:none; outline:none; } button:focus { -moz-outline-style:none; outline:none; } html { text-align:center; background:url(Images/SiteBackground.png) repeat; background-color:#f7f7f7; } body { margin: 0 auto; width:955px; font-family:Century Gothic, Arial; color:#000; text-align:left; font-size:10pt; color:#666; } strong { font-weight:bold; } em { font-style:italic; } h1 { font-size:20pt; padding:4px 0px 8px 0px; color:#333; } h2 { font-size:16pt; padding:4px 0px 8px 0px; color:#333; } h3 { font-size:12pt; padding:4px 0px 8px 0px; color:#333; } p { line-height:1.4em; padding:6px 0 6px 0; } #SiteHeader { position:relative; width:960px; height:82px; } #HeaderLogo { position:absolute; top:8px; left:0px; display:block; width:296px; height:66px; background:url(Images/SiteSpriteSheet.png) 0 0 no-repeat; } #HeaderCallUs { position:absolute; top:2px; left:768px; display:block; width:192px; height:75px; background:url(Images/SiteSpriteSheet.png) -296px 0 no-repeat; } #HeaderPhoneNumber { position:absolute; top:36px; left:768px; display:block; width:192px; text-align:center; font-size:1.8em; letter-spacing:-1px; font-weight:bold; color:#fe9900; } #MainContentBlock { position:relative; width:960px; min-height:500px; } .InfoHeader { position:relative; width:960px; height:13px; background:url(Images/MainContentHeader.png) no-repeat; margin-top:6px; } .InfoContent { position:relative; width:920px; min-height:500px; background:url(Images/MainContentBackground.png) repeat-y; padding:10px 20px 20px 20px; font-size:1.1em; } .InfoFooter { position:relative; width:960px; height:13px; background:url(Images/MainContentFooter.png) no-repeat; } .MediaBox { width:500px; height:357px; margin:10px; background:url(Images/MediaBackground.png) no-repeat; } .MediaBox h2 { color:#fff; font-size:1.4em; line-height:50px; text-indent:10px; } #SiteFooter { position:relative; top:10px; width:960px; height:43px; } #FooterSplitter { position:absolute; width:100%; height:1px; display:block; background-color:#ccc; } #FooterLogo { position:absolute; top:10px; left:0px; width:29px; height:25px; display:block; background:url(Images/SiteSpriteSheet.png) -488px 0 no-repeat; } #FooterCompanyName { position:absolute; top:10px; left:32px; width:100px; height:25px; line-height:25px; display:block; font-size:1.4em; letter-spacing:-1px; color:#004958; font-weight:bold; } #FooterPhoneNumber { position:absolute; top:10px; left:710px; width:250px; font-size:1.4em; font-weight:bold; text-align:right; letter-spacing:-1px; color:#004958; } #MenuBar { position:relative; background:url(Images/MenuBarBackground.png) no-repeat; width:960px; height:30px; z-index:2; } #MenuBar a { color:#fff; font-size:1.0em; text-transform:uppercase; text-decoration:none; padding:0 8px 0 8px; } #MenuBar ul { position:relative; width:950px; height:30px; list-style:none; } #MenuBar ul li { position:relative; float:left; height:30px; min-width:86px; line-height:30px; text-align:center; border-left:1px solid #666; } #MenuBar ul li:first-child { border:0; min-width:56px; width:56px; } #MenuBar ul li:hover a { color:#fe9900; } #MenuBar ul li:hover ul li a { color:#fff; } #MenuBar ul li ul { display:none; border:none; width:170px; background-color:#004958; position:absolute; z-index:999; top:30px; margin:0 0 0 -1px; left:0; } #MenuBar ul li ul li, #MenuBar ul li ul li:first-child { width:170px; text-align:left; background-color:#004958; margin:0; border-left:1px solid #666; font-size:0.9em; } #MenuBar ul li ul li a { display:block; width:170px; } #MenuBar ul li ul li:hover { } #MenuBar ul li ul li:hover a { color:#fe9900; } #MenuBar ul li:hover ul {display:block; position:absolute; z-index:999; top:30px; margin-top:0em; left:0;} #HomeMenuIcon { position:absolute; top:0px; left:15px; background:url(Images/SiteSpriteSheet.png) -488px -25px no-repeat; width:30px; height:30px; display:block; cursor:pointer; } #HomeSlideshowBlock { z-index:1; position:relative; top:6px; width:960px; height:330px; background:url(Images/HomeSlideshowBackground.png) no-repeat; } #HomeSlideshow { z-index:1; position:absolute; top:3px; left:4px; width:952px; height:323px; overflow:hidden; } .HomeSlide { position:relative; width:952px; height:323px; } .HomeSlide:hover { cursor:pointer; } .HomeSlide h1 { position:relative; font-size:34pt; color:#004350; letter-spacing:-2px; font-weight:normal; margin:0; padding:0; } .HomeSlide span { position:relative; font-size:18pt; color:#66CC00; letter-spacing:-1px; } .HomeSlide p { position:relative; font-size:11pt; color:#666666; line-height:1.1em; } #SlideDealerHome { background:url(Images/HomeSlideshow/SlideWebsites.jpg) no-repeat; } #SlideDealerHome h1 { top:6px; left:40px; } #SlideDealerHome span { top:10px; left:40px; } #SlideDealerHome p { top:10px; left:40px; width:500px; } #SlideMobile { background:url(Images/HomeSlideshow/SlideMobile.jpg) no-repeat; } #SlideMobile h1 { top:10px; left:510px; } #SlideMobile span { top:10px; left:510px; } #SlideMobile p { top:10px; left:510px; width:410px; } #SlideSeo { background:url(Images/HomeSlideshow/SlideSeo.jpg) no-repeat; } #SlideSeo h1 { top:10px; left:510px; } #SlideSeo span { top:10px; left:510px; } #SlideSeo p { top:10px; left:510px; width:410px; } #SlideDealerPain { background:url(Images/HomeSlideshow/SlideDealerPain.jpg) no-repeat; } #SlideDealerPain h1 { top:10px; left:510px; } #SlideDealerPain span { top:10px; left:510px; } #SlideDealerPain p { top:10px; left:510px; width:410px; } #SlideTraining { background:url(Images/HomeSlideshow/SlideTraining.jpg) no-repeat; } #SlideTraining h1 { top:10px; left:40px; } #SlideTraining span { top:10px; left:40px; } #SlideTraining p { top:10px; left:40px; width:420px; } #HomeSlideshowCornerTopLeft, #HomeSlideshowCornerTopRight, #HomeSlideshowCornerBottomLeft, #HomeSlideshowCornerBottomRight { z-index:2; position:absolute; display:block; width:9px; height:10px; } #HomeSlideshowCornerTopLeft { top:3px; left:4px; background:url(Images/SiteSpriteSheet.png) -638px -20px no-repeat; } #HomeSlideshowCornerTopRight { top:3px; left:947px; background:url(Images/SiteSpriteSheet.png) -638px -30px no-repeat; } #HomeSlideshowCornerBottomLeft { top:316px; left:3px; background:url(Images/SiteSpriteSheet.png) -638px 0px no-repeat; } #HomeSlideshowCornerBottomRight { top:316px; left:947px; background:url(Images/SiteSpriteSheet.png) -638px -10px no-repeat; } #HomeSlideshowControlUp, #HomeSlideshowControlDown { z-index:2; position:absolute; top:294px; } #HomeSlideshowControlUp { left:800px; display:block; width:60px; height:37px; background:url(Images/SiteSpriteSheet.png) -518px 0 no-repeat; } #HomeSlideshowControlDown { left:860px; display:block; width:60px; height:37px; background:url(Images/SiteSpriteSheet.png) -578px 0 no-repeat; } #HomeSlideshowControlUp:hover, #HomeSlideshowControlDown:hover { cursor:pointer; } #HomeCallsToAction { position:relative; top:10px; width:960px; height:396px; list-style:none; overflow:auto; } #HomeCallsToAction li { position:relative; float:left; width:310px; height:188px; } #HomeCallsToAction li h2 { position:absolute; top:6px; left:12px; color:#fff; font-size:1.3em; letter-spacing:-1px; padding:0; } #HomeCallsToAction li p { position:absolute; top:30px; left:12px; font-size:1.0em; width:175px; line-height:1.0em; } #HomeCallsToAction li h2, #HomeCallsToAction li a { text-transform:uppercase; } #HomeCallsToAction li.Left { background:url(Images/SiteSpriteSheet.png) 0 -78px no-repeat; margin:0 10px 10px 0; } #HomeCallsToAction li.Middle { background:url(Images/SiteSpriteSheet.png) 0 -266px no-repeat; margin:0 5px 10px 5px; } #HomeCallsToAction li.Right { background:url(Images/SiteSpriteSheet.png) -310px -78px no-repeat; margin:0 0 10px 10px; } #HomeCallsToAction li a { position:absolute; top:146px; left:8px; display:block; width:110px; height:34px; color:#fff; font-weight:bold; text-align:center; line-height:34px; text-decoration:none; } #HomeCallsToAction li.Left a { background:url(Images/SiteSpriteSheet.png) -310px -269px no-repeat; } #HomeCallsToAction li.Left a:hover { background:url(Images/SiteSpriteSheet.png) -310px -301px no-repeat; cursor:pointer; } #HomeCallsToAction li.Middle a { background:url(Images/SiteSpriteSheet.png) -419px -269px no-repeat; } #HomeCallsToAction li.Middle a:hover { background:url(Images/SiteSpriteSheet.png) -419px -301px no-repeat; cursor:pointer; } #HomeCallsToAction li.Right a { background:url(Images/SiteSpriteSheet.png) -528px -269px no-repeat; } #HomeCallsToAction li.Right a:hover { background:url(Images/SiteSpriteSheet.png) -528px -301px no-repeat; cursor:pointer; } #StickerDealerWebsites { z-index:2; position:absolute; top:16px; left:166px; display:block; background:url(Images/HomeSpriteSheet.png) 0 0 no-repeat; width:136px; height:151px; } #StickerCrm { z-index:2; position:absolute; top:50px; left:174px; display:block; background:url(Images/HomeSpriteSheet.png) -160px 0 no-repeat; width:140px; height:130px; } #StickerSeo { z-index:2; position:absolute; top:12px; left:176px; display:block; background:url(Images/HomeSpriteSheet.png) 0 -153px no-repeat; width:118px; height:158px; } #StickerBdc { z-index:2; position:absolute; top:18px; left:176px; display:block; background:url(Images/HomeSpriteSheet.png) -333px 0px no-repeat; width:131px; height:155px; } #StickerMarketing { z-index:2; position:absolute; top:18px; left:176px; display:block; background:url(Images/HomeSpriteSheet.png) -160px -153px no-repeat; width:130px; height:169px; } #StickerTms { z-index:2; position:absolute; top:18px; left:190px; display:block; background:url(Images/HomeSpriteSheet.png) -333px -165px no-repeat; width:112px; height:156px; } #ContactInfoBlock { position:relative; height:150px; font-size:1.2em; line-height:1.2em; } #ContactInfoBlock #Address { position:absolute; top:0px; left:60px; width:330px; height:118px; background:url(Images/SiteSpriteSheet.png) 0 -454px no-repeat; } #ContactInfoBlock #Address div { display:block; position:relative; top:18px; left:20px; } #ContactInfoBlock #PhoneNumbers { position:absolute; top:0px; left:550px; width:330px; height:118px; background:url(Images/SiteSpriteSheet.png) -330px -454px no-repeat; } #ContactInfoBlock #PhoneNumbers div { display:block; position:relative; top:18px; left:20px; } #ContactInfoBlock #PhoneNumbers .PhoneNumber { line-height:1.4em; } #ContactInfoBlock #PhoneNumbers .PhoneNumber .Label { display:block; position:relative; float:left; width:80px; font-weight:bold; } #ContactInfoBlock #PhoneNumbers .Support { font-weight:bold; } #ContactInfoBlock #PhoneNumbers #SupportAddress { cursor:pointer; } #ContactInfoBlock #PhoneNumbers #SupportAddress:hover { text-decoration:underline; } #InformationRequestBlock { position:relative; height:520px; } #InformationRequestBlock input[type=text], #InformationRequestForm select, #InformationRequestForm textarea { font-size:1.0em; font-weight:normal; font-family:Century Gothic; } #InformationRequestBlock input[type=text] { width:240px; } #InformationRequestForm select { width:244px; } #InformationRequestBlock label { position:absolute; display:block; height:34px; } #InformationRequestBlock label span:first-child { display:block; float:left; width:180px; text-align:right; line-height:24px; font-weight:bold; padding-right:20px; } #InformationRequestBlock label.Required { width:480px; background:url(Images/RequiredGlyph.png) no-repeat; background-position:448px 0px; } #InformationRequestBlock #NameInput { top:0px; left:0px; } #InformationRequestBlock #DealershipNameInput { top:34px; left:0px; } #InformationRequestBlock #PhoneNumberInput { top:68px; left:0px; } #InformationRequestBlock #EmailAddressInput { top:102px; left:0px; } #InformationRequestBlock #StreetInput { top:0px; left:430px; } #InformationRequestBlock #CityInput { top:34px; left:430px; } #InformationRequestBlock #StateInput { top:68px; left:430px; } #InformationRequestBlock #ZipInput { top:102px; left:430px; } #InformationRequestBlock #WebsiteUrlInput { top:136px; left:0px; } #InformationRequestBlock #PositionInput { top:136px; left:430px; } #InformationRequestBlock #NumberOfLocationsInput { top:170px; left:0px; } #InformationRequestBlock #DmsProviderInput { top:170px; left:430px; } #InformationRequestBlock #MoreInfoInput { top:204px; left:0px; height:150px; } #InformationRequestBlock #NumberOfLocationsInput input[type=text] { width:42px; } #InformationRequestBlock #MoreInfoInput textarea { width:670px; } #SolutionsOfInterestInput { position:absolute; top:360px; left:0px; width:100%; height:240px; } #SolutionsOfInterestInput label { position:relative; } #SolutionsOfInterestInput span:first-child { display:block; width:190px; text-align:right; font-weight:bold; padding-right:10px; } #SolutionsOfInterestInput #InterestedInList { position:absolute; left:202px; top:0px; width:700px; height:240px; } #SolutionsOfInterestInput #InterestedInList li { float:left; width:344px; } #Submit { position:absolute; top:480px; left:740px; display:block; width:140px; height:60px; text-align:center; line-height:60px; font-size:14pt; font-weight:bold; color:#fff; background:url(Images/SiteSpriteSheet.png) -660px -454px no-repeat; } #Submit:hover { cursor:pointer; background:url(Images/SiteSpriteSheet.png) -660px -512px no-repeat; } #FormErrors { display:none; position:absolute; top:496px; left:320px; color:#ff0000; font-style:italic; font-size:12pt; } #FormBeingSubmitted { position:relative; display:none; width:100%; margin-top:100px; text-align:center; } #FormSubmissionMessage { padding:0 30px 0 30px; display:none; width:100%; margin-top:100px; } #FormSubmissionMessage h2 { font-size:1.2em; } #FormSubmissionMessage p { font-style:italic; } .SubBlock1 { width:910px; height:227px; background:url(Images/SubBlock1Background.png) no-repeat; } .SubBlock1 .Modules { position:relative; top:14px; left:10px; width:900px; list-style:none; margin:0px; padding:0px; } .SubBlock1 .Module { position:relative; float:left; width:300px; padding:0px; background:none; } .SubBlock1 .Module h2 { font-size:14pt; padding:0 0 10px 10px; color:#005568; } .SubBlock1 .Module p { font-size:10pt; padding:0 0 0 10px; width:275px; } .SubBlock1 .Module p span.ModuleIcon { float:left; display:block; margin:0 8px 0 0; width:80px; height:80px; } #ModuleCustomCrafted { background:url(Images/ModuleIcons.png) 0 0 no-repeat; } #ModuleMobileFriendly { background:url(Images/ModuleIcons.png) 0 -80px no-repeat; } #ModuleSeoBuiltIn { background:url(Images/ModuleIcons.png) 0 -160px no-repeat; } #ModuleMediaRich { background:url(Images/ModuleIcons.png) 0 -240px no-repeat; } #ModuleInventory { background:url(Images/ModuleIcons.png) 0 -320px no-repeat; } #ModuleSocialNetworking { background:url(Images/ModuleIcons.png) 0 -400px no-repeat; } .GeneralList ul { list-style:none; } .GeneralList li { position:relative; padding-left:1.2em; float:none; background:url(Images/ListBullet2.png) no-repeat; background-position:0 .3em; } .SubBlock2 { width:900px; min-height:210px; background:url(Images/SubBlock2Background.png) no-repeat; margin-left:5px; } .SubBlock2 .FeatureCategories { position:relative; top:10px; left:0px; width:900px; list-style:none; margin:0px; padding:0px; overflow:auto; } .SubBlock2 .FeatureCategory { position:relative; float:left; width:225px; padding:0px; background:none; } .SubBlock2 .FeatureCategories li .Icon { padding:0 0 0 20px; } .SubBlock2 .FeatureCategories li h2 { font-size:12pt; padding:0 0 6px 10px; } .SubBlock2 .FeatureCategories li ul { list-style:none; width:190px; padding:4px 0 0 10px; } .SubBlock2 .FeatureCategories li ul li { position:relative; padding:0 0 .8em 1.2em; float:none; font-size:10pt; background:url(Images/ListBullet1.png) no-repeat; background-position:0 .3em; } .SeoChannelList { list-style:none; margin:0; padding:0; height:60px; width:100%; } .SeoChannelList li { float:left; text-indent:-9999px; margin-right:54px; } .SeoChannelList li:first-child { margin-left:54px; } .SeoChannelList li.Oodle { width:118px; height:40px; background:url(Images/SeoProviders.png) 0 0 no-repeat; } .SeoChannelList li.Google { width:118px; height:42px; background:url(Images/SeoProviders.png) 0 -40px no-repeat; } .SeoChannelList li.Bing { width:118px; height:40px; background:url(Images/SeoProviders.png) 0 -80px no-repeat; } .SeoChannelList li.Vast { width:118px; height:40px; background:url(Images/SeoProviders.png) 0 -120px no-repeat; } .SeoChannelList li.AolAutos { width:118px; height:40px; background:url(Images/SeoProviders.png) 0 -160px no-repeat; } .SeoChannelList li.Ebay { width:118px; height:40px; background:url(Images/SeoProviders.png) 0 -200px no-repeat; } .SeoChannelList li.YahooAutos { width:118px; height:42px; background:url(Images/SeoProviders.png) 0 -240px no-repeat; } .SeoChannelList li.Web2Carz { width:118px; height:40px; background:url(Images/SeoProviders.png) 0 -280px no-repeat; } .SeoChannelList li.LemonFree { width:118px; height:40px; background:url(Images/SeoProviders.png) 0 -320px no-repeat; } .SeoChannelList li.Craigslist { width:118px; height:40px; background:url(Images/SeoProviders.png) 0 -360px no-repeat; } .ServiceAndProductOptions { width:920px; padding:0; } .ServiceAndProductOptions tr th { text-align:center; color:#fff; font-weight:bold; font-size:1.1em; padding-left:8px; line-height:28px; border-left:2px solid #fff; background:url(Images/TableDarkSwatch.png) repeat; } .ServiceAndProductOptions tr th:first-child { text-align:left; border:0; } .ServiceAndProductOptions tr td { text-align:left; width:120px; padding-left:8px; line-height:28px; border-left:2px solid #fff; color:#333; } .ServiceAndProductOptions tr.alt td { background:url(Images/TableLightSwatch.png) repeat; } .ServiceAndProductOptions tr td:first-child { width:700px; border:0 } .ServiceAndProductOptions span.Checkmark { margin-left:48px; display:block; width:24px; height:24px; background:url(Images/SiteSpriteSheet.png) -656px 0 no-repeat;} .ServiceDescriptions { background:url(Images/DefinitionDarkSwatch.png) repeat; } .ServiceDescriptions dt { float:left; width:160px; font-weight:bold; padding:6px 0 0 10px; color:#333; border-top:10px solid #fff; } .ServiceDescriptions dd { margin:0 0 0 170px; padding:10px; background-color:#f2f2f2; color:#333; border-left:10px solid #fff; border-top:10px solid #fff; } #DealerHomeAdditionalLinks { position:relative; width:610px; height:70px; margin:10px 0 0 150px; } #InventoryManagementLink { float:left; cursor:pointer; width:300px; height:60px; background:url(Images/SiteSpriteSheet.png) -310px -334px no-repeat; } #InventoryManagementLink h3 { position:absolute; top:12px; left:68px; font-size:11pt; text-transform:uppercase; color:#FF6600; margin:0; padding:0; } #InventoryManagementLink a { position:absolute; top:28px; left:68px; font-style:italic; color:#666; text-decoration:none; } #SeoAndSemLink { float:right; cursor:pointer; position:relative; width:300px; height:62px; background:url(Images/SiteSpriteSheet.png) -310px -392px no-repeat; } #SeoAndSemLink h3 { position:absolute; top:12px; left:68px; font-size:11pt; text-transform:uppercase; color:#FF6600; margin:0; padding:0; } #SeoAndSemLink a { position:absolute; top:28px; left:68px; font-style:italic; color:#666; text-decoration:none; }