/* Remove all margins and paddings and set default font sizes /**/ * { margin: 0px; padding: 0px; text-align: left; } html { } body { font-size: 90%; text-align: center; padding: 0px 0px 40px 0px; background: url(/content/images/bg.jpg) top left repeat-x #fff; } p, td, input, textarea, select, label, span, div, iframe body.content { font-family: Calibri, Arial, Helvetica, sans-serif; } /* Re-set the default styling for Lists /**/ ul, ol {margin: 5px 5px 15px 5px;} li { margin: 3px 0px 0px 0px; } /* all unordered list to have same styling /**/ ul { list-style: none; } ul li { list-style: none; background-image: url(/content/images/li_arrow.gif); background-position: 0px 3px; background-repeat: no-repeat; padding-left: 15px; } fieldset { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} dl { margin: 0px 10px 0px 10px; padding: 10px 0px; } dl dt { margin: 0px 10px; font-weight: bold; } dl dd { margin: 0px 10px; padding-bottom: 10px; } blockquote { padding: 10px; margin: 20px; } blockquote.quote { background: #efefef; border: 1px solid #ddd; } /* Hide content /**/ .DN { display: none; } /* Only show content to screen readers /**/ .wai { display: none; } /* Clearfix /**/ .cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cf { display: inline-block; } /* Hide from IE Mac \*/ * html .cf { height: 1%; } .cf { display: block; } /* End Hide */ p { padding: 0px 0px 15px 0px; line-height: 1.4em; } /* Fix IE Cursor Bug /**/ a * { cursor: pointer; } /* Set the border to zero on all images which are inside a link /**/ a img { border: 0px none; } /* These styles are so tables go to 100% width when you need em /**/ div.tableContainer {width:100%} .w100pc {width:100%} a, a:link { color: #00508e; text-decoration: none; } a:visited { color: #00508e; } a:active, a:hover, a:focus { color: #00508e; text-decoration: underline; } h1, h1 a, h1 span { font-weight: normal; } h2, h2 a, h2 span { font-weight: normal; } h3, h3 a, h3 span { font-weight: normal; } h4, h4 a, h4 span { font-weight: bold; } h2 { color: #00508e !important; } h3 { color: #000000 !important; } h4 { color: #00508e !important; } h1, h2, h3, h4 { text-align: left; } h2.brandFont { font-size: 45px; padding: 0px; margin: 0px; } h3.brandFont { padding: 0px; margin: 0px; } h3.brandFontInPane { font-size: 30px; padding: 0px; margin: 0px; } .error { color:Red; } .field-validation-error { color: #ff0000; } .input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; } .validation-summary-errors { font-weight: bold; color: #ff0000; } /* ### MENU ### */ div.container_O { width: 980px; margin: 0px auto; } div.header_O { padding: 0px; } div.header_O div.header_I { width: 970px; margin: 0px auto; } div#logo { width: 385px; top:0px; } div#logo h1#h1_ufoundLogo{display:block; width:240px; float: left;} div#logo h1#h1_ufoundLogo a.homeLink{display:block; height:79px; background: url(/content/images/ufoundLogo.png) no-repeat 0px 0px} div#logo h1#h1_easybizLogo{display:block; width:240px; float: left;} div#logo h1#h1_easybizLogo a.homeLink{display:block; height:79px; background: url(/content/images/easybizLogo.png) no-repeat 0px 0px} div#logo div.switchSite { float:right; width: 143px; } div#logo div.switchSite a.easybizLogo { display:block; height:79px; background-image: url(/content/images/toggle_easybiz.png); background-repeat: no-repeat; background-position: 0px -80px; } div#logo div.switchSite a.easybizLogo:hover { background-position: 0px 0px; } div#logo div.switchSite a.ufoundLogo { display:block; height:79px; background-image: url(/content/images/toggle_ufound.png); background-repeat: no-repeat; background-position: 0px -80px; } div#logo div.switchSite a.ufoundLogo:hover { background-position: 0px 0px; } div.header_O div.countryMail_O { float: left; width: 300px; } div.header_O div.country_O { } div.header_O div.country_O ul.countrySelector { z-index: 100; list-style-type: none; clear: left; float: right; margin: 0px; padding: 0px; width: 236px; } div.header_O div.country_O ul.countrySelector li { display: block; float: left; margin: 0px; padding: 0px; width: 44px; height: 28px; } div.header_O div.country_O ul.countrySelector li, div.header_O div.country_O ul.countrySelector li a { text-transform: uppercase; display: block; width: 44px; height: 28px; } div.header_O div.country_O ul.countrySelector li a:active, div.header_O div.country_O ul.countrySelector li a:focus, div.header_O div.country_O ul.countrySelector li a:hover { } div.header_O div.mailingList_O { } div.topNav_O { padding: 0px 0px 20px 0px; } div.topNav_O div.topNav_I { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-bottom: 1px solid black !important; } div.topNav_O ul.primaryNav { z-index: 100; list-style-type: none; margin: 0px; padding: 0px; } div.topNav_O ul.primaryNav li { z-index: 100; float: left; margin: 0px; padding: 0px; background: none; padding-right: 1px; } div.topNav_O ul.primaryNav li a { display: inline-block; padding: 10px 0px 10px 13px; text-decoration: none; color: #000; } div.topNav_O ul.primaryNav li a span { display: inline-block; line-height: 40px; padding-right: 13px; color: #000; font-weight: bold; } div.topNav_O ul.primaryNav li a:hover span { color: #ccc; } div.heroContent_O { padding: 0px; } div.heroContent_O div.heroContent_I { width: 981px; margin: 0px auto; } div.heroContent_O div.categoryLocation { background: url(/content/images/categoryLocationBG.jpg) no-repeat center transparent; width: 981px; height: 296px; margin: 0px auto; } div.flashHeroControl object { float: left; } div.body_O { padding: 0px 0px 0px 0px; } div.body_O div.body_I { width: 981px; margin: 0px auto; } /* Breadcrumb */ div.pnlProductListing div.pnlBreadCrumb_O { display: none !important; } div.pnlBreadCrumb_O div.pnlBreadCrumb_I { padding: 5px 0px 5px 0px; } div.pnlBreadCrumb_O ul { display: inline; margin: 0px; } div.pnlBreadCrumb_O ul li { display: inline; margin: 0px; font-size: 14px; background-position: center left; } div.pnlBreadCrumb_O .cmbCategory { float: right; } div.pnlBreadCrumb_O ul li { white-space: nowrap; } div.pnlBreadCrumb_O ul li * { font-size: 11px; } div.watchDemo_O {} div.watchDemo_O h2 { text-align: left; } /* Own Site */ div.ownSite_O { float: left; width: 320px; padding: 0px; } div.ownSite_O div.ownSite_I { text-align: center; } div.ownSite_O h2 { text-align: left; } div.stcContainer_O { padding: 0px 0px 30px 0px; } div.stcContainer_O div.stc_O { width: 299px; padding: 20px 0px 0px 0px; } div.stcContainer_O div.stc_O div.stc_I { padding: 0px 0px 20px 0px; } div#searchContainer { } div#searchContainer div#basicSearchForm { } div.searchBox_O { background: url(/content/images/searchPaneBG.png) center top no-repeat; height: 127px; margin: 0px auto; width:100%; } div.searchBox_O div.searchBox_I { margin: 0px auto; width: 450px; padding-top: 15px; } div.searchBox_O { /* text-align:center; margin:20px 0; */} div.searchBox_O div.regionSettings_O { padding: 0px 0px 10px 0px; } div.searchBox_O div.regionSettings_O div.searchingRegion_O {float: left; width: 200px; } div.searchBox_O div.regionSettings_O div.changeRegion_O {float: right; text-align: right; width: 200px; } div.searchBox_O div.regionSettings_O div.changeRegion_O a { color: #fff; font-weight: bold; text-decoration: none !important; } div.searchBox_O div.regionSettings_O div.changeRegion_O a:hover { color: #00508e; font-weight: bold; text-decoration: underline; } div.searchBox_O div.searchField_O { padding: 5px 0px; } div.searchBox_O div.searchField_O input.txtSearch { float: left; width: 330px; padding:3px 4px; color: #005292; font-size: 18px !important; font-weight: bold; border: 1px solid #73838f; } div.searchBox_O div.searchField_O input.btnSearch { float: right; text-align: center; padding: 0px; } div.searchBox_O div.searchParameters_O { } div.searchBox_O div.searchParameters_O span { } div.searchBox_O div.searchParameters_O label { float: left; height: 20px; line-height: 20px; padding: 0px 30px 0px 5px; color: #fff; font-weight: bold; } div.searchBox_O div.searchParameters_O input { float: left; height: 20px; line-height: 20px;} div.searchBox_O span.checkbox { display:block; margin: 0.2em; width: 200px; } div.searchBox_O span.checkbox br { float:left} div.searchBox_O span.checkbox input { display:block; float:left; margin: 0.2em; } div.searchBox_O span.checkbox label { display:block; float:left; margin-top: 0.1em; } div.homeBrowseFilters { width: 450px; padding: 20px 0px 0px 20px;} div.homeBrowseFilters div.textFilters {float: left; width: 155px; } div.homeBrowseFilters div.textFilters h2.h2_searchByIndustry { background: url(/content/images/h2_searchByIndustry.png) 0px 0px no-repeat transparent; width: 153px; height: 105px; } div.homeBrowseFilters div.textFilters a.homeTextFilter_search { display: block; background: url(/content/images/homeTextFilter_search.png) 0px 0px no-repeat transparent; width: 153px; height: 33px; } div.homeBrowseFilters div.textFilters a.homeTextFilter_professionals { display: block; background: url(/content/images/homeTextFilter_professionals.png) 0px 0px no-repeat transparent; width: 153px; height: 33px; } div.homeBrowseFilters div.textFilters a.homeTextFilter_trades { display: block; background: url(/content/images/homeTextFilter_trades.png) 0px 0px no-repeat transparent; width: 153px; height: 33px; } div.homeBrowseFilters div.textFilters a.homeTextFilter_retail { display: block; background: url(/content/images/homeTextFilter_retail.png) 0px 0px no-repeat transparent; width: 153px; height: 33px; } div.homeBrowseFilters div.textFilters a:hover { background-position: 0px -33px; } div.homeBrowseFilters ul.navBoxes_O { float: right; position: relative; width: 248px; height: 258px; margin: 0px; padding: 0px; } div.homeBrowseFilters ul.navBoxes_O li { margin: 0px; padding: 0px; background-position: 0px -123px !important; background-repeat: no-repeat; width: 124px;} div.homeBrowseFilters ul.navBoxes_O li.homeLogoFilter_trades, div.homeBrowseFilters ul.navBoxes_O li.homeLogoFilter_retail { margin: 0px; padding: 0px; background-position: 0px -150px !important; background-repeat: no-repeat;} div.homeBrowseFilters ul.navBoxes_O li.homeLogoFilter_search { position: absolute; top: 0px; left: 124px; background: url(/content/images/homeLogoFilter_search.png); height: 123px; } div.homeBrowseFilters ul.navBoxes_O li.homeLogoFilter_search a { background-image: url(/content/images/homeLogoFilter_search.png); } div.homeBrowseFilters ul.navBoxes_O li.homeLogoFilter_trades { position: absolute; top: 123px; left: 0px; background: url(/content/images/homeLogoFilter_trades.png); height: 150px; } div.homeBrowseFilters ul.navBoxes_O li.homeLogoFilter_trades a { background-image: url(/content/images/homeLogoFilter_trades.png); } div.homeBrowseFilters ul.navBoxes_O li.homeLogoFilter_professionals { position: absolute; top: 0px; left: 0px; background: url(/content/images/homeLogoFilter_professionals.png);height: 123px; } div.homeBrowseFilters ul.navBoxes_O li.homeLogoFilter_professionals a { background-image: url(/content/images/homeLogoFilter_professionals.png); } div.homeBrowseFilters ul.navBoxes_O li.homeLogoFilter_retail { position: absolute; top: 123px; left: 124px; background: url(/content/images/homeLogoFilter_retail.png);height: 150px; } div.homeBrowseFilters ul.navBoxes_O li.homeLogoFilter_retail a { background-image: url(/content/images/homeLogoFilter_retail.png); } div.homeBrowseFilters ul.navBoxes_O li a { display: block; width: 124px; height: 123px; background-position: 0px 0px; background-repeat: no-repeat; } div.homeBrowseFilters ul.navBoxes_O li a:hover { display: block; width: 124px; height: 123px; background-position: 0px -123px; background-repeat: no-repeat; } div.homeBrowseFilters ul.navBoxes_O li.homeLogoFilter_trades a:hover, div.homeBrowseFilters ul.navBoxes_O li.homeLogoFilter_retail a:hover { margin: 0px; padding: 0px; background-position: 0px -150px !important; background-repeat: no-repeat;} div.homeBrowseFilters ul.navBoxes_O li a span { display: none; } div.greyBanners { padding: 20px 0px; } div.home_greyBanner { float: left; background: url(/content/images/home_greyBanner.jpg) center no-repeat transparent; width: 321px; height: 286px; } div.home_greyBanner * { text-align: center; } div.home_greyBanner.whatIs { width: 330px; background-position: left center; } div.home_greyBanner.learnAbout { } div.home_greyBanner.compareSolutions { width: 330px; background-position: right center; } div.greyBannerContent { position: relative; padding: 10px 20px 0px 10px; height: 278px; } div.greyBannerContent div.standardImage { text-align: center; } div.greyBannerContent div.bottomAlignedImage { position: absolute; width: 300px; bottom: 0px; text-align: center; } div.greyBannerContent div.bottomAligned a { display: block !important; text-align: center !important; } div.greyBannerContent div.bottomAligned a img { margin: 0px auto !important; } div.home_greyBanner.compareSolutions div.greyBannerContent { padding: 10px 10px 0px 19px; } /* Home Page Buttons */ div.easybizPromos_O { background: url(/content/images/businessOwnerPanel.jpg) center top no-repeat transparent; width: 981px; height: 126px; } div.easybizPromos_O div.easybizPromos_I { width: 940px; margin: 0px auto; text-align: center; padding: 30px 0px 0px 0px; } div.easybizPromos_O div.homePromos_I { margin: 0px 10px; text-align: center; } div.easybizPromos_O h2 { text-align: center; } div.areYouBusinessOwner { float: left; width: 250px; padding-top: 7px; } div.btn_homeFreeAccount_O { float: left; width: 229px; height: 68px; } div.btn_homeFreeAccount_O a.btn_homeFreeAccount { display: block; background: url(/content/images/btn_homeFreeAccount.gif) top left no-repeat transparent; width: 229px; height: 68px; } div.btn_homePricingFeatures_O { float: left; width: 229px; height: 68px; margin: 0px auto 0px auto; } div.btn_homePricingFeatures_O a.btn_homePricingFeatures { display: block; background: url(/content/images/btn_homePricingFeatures.gif) top left no-repeat transparent; width: 229px; height: 68px; } div.btn_homeSignUp_O { float: right; width: 229px; height: 68px; } div.btn_homeSignUp_O a.btn_homeSignUp { display: block; background: url(/content/images/btn_homeSignUp.gif) top left no-repeat transparent; width: 229px; height: 68px; } div.browse_O { padding: 0px 0px 20px 0px; } /* Search Results Pages */ /* The grey bar at the top with the summary of the search results */ div.searchInfo { background:#EEE; border-top:1px solid #333; border-bottom:1px solid #333; margin: 0px 0px 20px 0px; padding: 0px 15px 10px 15px; } /* -- Search Results Google Map -- */ div.searchResultsMap div.googlemap_O { padding: 0px 0px 20px 0px; } div.searchResultsMap div.googlemap_O div.googlemap_I { margin: 0 auto; width: 980px; height: 500px; border: 1px solid #ddd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .CPopup {display:none; position:absolute; padding:10px; border:1px solid #c0c0c0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .CPopup p { margin: 0px; padding: 0px;} .CPopup.Professional {background:#d7efff; border:1px solid #2fa8f3;} .CPopup.Professional h4 em, .CPopup.Professional h4 a, .CPopup.Professional p {color: #2fa8f3;} .CPopup.Retail {background:#e4ffc2; border:1px solid #73b127;} .CPopup.Retail h4 em, .CPopup.Retail h4 a, .CPopup.Retail p {color: #73b127;} .CPopup.Trade {background:#fff4a7; border:1px solid #ea9c0b;} .CPopup.Trade h4 em, .CPopup.Trade h4 a, .CPopup.Trade p {color: #ea9c0b;} .CPopup dl {overflow:hidden} .CPopup dt {float:left; width:100px; font-weight:bold;} .CPopup dd {float:left;} div.searchInfo div.searchResultComment { padding: 5px 0px; } div.searchInfo div.searchResultFunctionsBottom div.resultPaging_O { padding: 3px 0px 15px 0px; } div.showNumberResults_O { float: right; width: 330px; } div.showNumberResults_O { text-align: right; padding: 3px 0px 6px 0px; } div.showNumberResults_O * { font-size: 12px; font-weight: bold; } div.showNumberResults_O select { width: 60px; } div.resultPaging_O { padding: 5px 0px; } div.resultPaging_O * { font-size: 12px; font-weight: bold; color: #0070A5; text-decoration: none;} div.resultPaging_O a:hover { color: #0070A5; text-decoration: underline !important;} div.firstPrevious_O { float: left; width: 300px; } div.nextLast_O { float: right; text-align: right; width: 300px; } div.searchInfo_I p { margin:0 !important} /* Search Paging */ div.paging_O { } div.paging_O div.paging_I { padding: 5px; } div.paging_O div.pagingPrev_O { float: left; width: 100px; line-height: 20px; height: 20px; } div.paging_O span.DN { display: inline !important; } div.paging_O input.pagingPrev_I { display: block; padding: 3px; float: left; text-align: left; } div.paging_O div.pagingItems_O { float: left; width: 750px; line-height: 20px; } div.paging_O div.pagingItems_I { text-align: center; } div.paging_O div.pagingPages_O { float: left; width: 750px; line-height: 20px; } div.paging_O div.pagingPages_I { text-align: center; } div.paging_O div.pagingNone_O { float: left; width: 750px; line-height: 20px; } div.paging_O div.pagingNone_I { text-align: center; } div.paging_O div.pagingNext_O { float: left; width: 100px; line-height: 20px; height: 20px; text-align: right; } /*-------------------------------*/ /*-- PAGINATION --*/ /*-------------------------------*/ .pagination { margin: 10px 0 10px 0; } .pagination A { padding-right: 7px; } .pagination .right { float: right; } .pagination .left { float: left; } div.companyHeader { } div.companyHeader div.companyNameLocation { } div.companyHeader div.profileLinkCompanyIndustry { } /* Base Colours for Categories: --------------------- Category Colour Default Hover Trade Orange e58f25 fda335 Professional Blue 00508e 1f77bb Retail Green 73a434 94d047 */ /* -- Browse Result Styling --*/ div.categoryList { } div.categoryList ul {} div.categoryList ul li { float: left; width: 485px; margin: 0px; padding: 0px 0px 5px 0px; background: none; } div.categoryList ul li a { display: block; line-height: 30px; font-weight: bold; margin-right: 30px; } /* -- Trade Browse Result Styling --*/ div.categoryList {} div.categoryList.tradeBusinesses ul li a { } div.categoryList.tradeBusinesses ul li a:hover { background: #e58f25; color: #fff; padding-left: 5px; } /* -- Professional Browse Result Styling --*/ div.categoryList {} div.categoryList.ProfessionalBusinesses ul li a { } /* -- Retail Browse Result Styling --*/ div.categoryList {} div.categoryList.retailBusinesses ul li a { } /* -- Trade Search Result Styling --*/ div.TradeContainer div.businessNameCatDesc_O div.businessCategory_O { background: url(/content/images/searchResultsBG_trades.png) top left no-repeat; } div.TradeContainer a {color:#e58f25; } div.TradeContainer a:hover {color:#fda335 !important; } div.TradeContainer h3 {} div.TradeText {color:#e99d54} div.TradeContainer div.businessLocationContact_O div.viewProfile_O a { background-image: url(/content/images/viewProfileLinkBG_trades.png); } /* -- Professional Search Result Styling --*/ div.ProfessionalContainer div.businessNameCatDesc_O div.businessCategory_O { background: url(/content/images/searchResultsBG_professionals.png) top left no-repeat; } div.ProfessionalContainer a {color:#00508e} div.ProfessionalContainer a:hover {color:#1f77bb !important; } div.ProfessionalContainer h3 { } div.ProfessionalText {color:#0070a5} div.ProfessionalContainer div.businessLocationContact_O div.viewProfile_O a { background-image: url(/content/images/viewProfileLinkBG_professional.png); } /* -- Retail Search Result Styling --*/ div.RetailContainer div.businessNameCatDesc_O div.businessCategory_O { background: url(/content/images/searchResultsBG_retail.png) top left no-repeat; } div.RetailContainer a {color:#73a434} div.RetailContainer a:hover {color:#94d047 !important; } div.RetailContainer h3 {} div.RetailText {color:#80ac55} div.RetailContainer div.businessLocationContact_O div.viewProfile_O a { background-image: url(/content/images/viewProfileLinkBG_retail.png); } /* -- These are the Search Results -- */ div.searchResultBox_O { border: 1px solid #ddd; padding: 10px 0px 10px 0px; margin: 0px 0px 10px 0px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } div.searchResultBox_O div.searchResultBox_I { width: 960px; margin: 0px auto; } /* -- Company Name and Location Details -- */ div.searchResultBox_O div.businessNameCatDesc_O { float: left; width: 627px; } div.searchResultBox_O div.businessNameCatDesc_O div.businessNameCatDesc_I { width: 615px; margin: 0px 0px 0px 12px; } /* -- Business Name -- */ div.searchResultBox_O div.businessNameCatDesc_O div.businessName_O { } div.searchResultBox_O div.businessNameCatDesc_O div.businessName_O h2.businessHeading { } div.searchResultBox_O div.businessNameCatDesc_O div.businessName_O h2 a { display:block; font-size: 18px; font-weight: bold; line-height: 30px; text-decoration: none;} div.searchResultBox_O div.businessNameCatDesc_O div.businessName_O h2 a span { display:block; margin:0px 5px; text-decoration: none;} div.searchResultBox_O div.businessNameCatDesc_O div.businessName_O h2 a:hover { } div.searchResultBox_O div.businessNameCatDesc_O div.businessName_O h2 a:hover span { display:block; margin:0px 5px; text-decoration: underline;} /* -- Business Category -- */ div.searchResultBox_O div.businessNameCatDesc_O div.businessCategory_O { height: 30px; } div.searchResultBox_O div.businessNameCatDesc_O div.businessCategory_I { width: 595px; margin: 0px auto; } div.searchResultBox_O div.businessNameCatDesc_O div.businessCategory_O h4 { color: #fff !important; line-height: 30px; } /* -- Business Info -- */ div.searchResultBox_O div.businessNameCatDesc_O div.businessInfo_O { padding: 17px 0px; } div.searchResultBox_O div.businessNameCatDesc_O div.businessInfo_O h3 { color: #000 !important; font-weight: bold; font-size: 14px; padding-bottom: 10px;} div.searchResultBox_O div.businessNameCatDesc_O div.businessInfo_O a:hover { } div.searchResultBox_O div.businessLocationContact_O { float: right; width: 300px; } div.searchResultBox_O div.businessLocationContact_O div.businessLocationContact_I { width: 282px; } /* -- Business Location -- */ div.searchResultBox_O div.businessLocationContact_O div.businessLocation_O { } div.searchResultBox_O div.businessLocationContact_O div.businessLocation_O p { font-size: 15px; text-align: right; font-weight: bold; line-height: 30px; color: #000 !important; margin: 0px; padding: 0px; } /* -- View Business Profile -- */ div.searchResultBox_O div.businessLocationContact_O div.viewProfile_O { } div.searchResultBox_O div.businessLocationContact_O div.viewProfile_O p { background: url(/content/images/viewProfileBG.png) top left no-repeat; padding: 0px; margin: 0px; } div.searchResultBox_O div.businessLocationContact_O div.viewProfile_O a { display: block; text-decoration: none; width: 74px; line-height: 30px; background-position: center right; background-repeat: no-repeat; font-weight: bold; padding: 0px 15px 0px 0px; margin: 0px auto; } div.searchResultBox_O div.businessLocationContact_O div.viewProfile_O a:hover { } /* -- Company Info Details -- */ div.companyContact_O { padding: 17px 0px; } div.companyContact_O ul.companyContactDetails { padding: 0px; margin: 0px; } div.companyContact_O ul.companyContactDetails li{ background: none; padding: 0px 0px 5px 18px; margin: 0px; } div.companyContact_O ul.companyContactDetails li.contactName { text-transform:capitalize; } div.companyContact_O ul.companyContactDetails li.icon_contactPerson { background: url(/content/images/icon_contactPerson.png) 0px 3px no-repeat; } div.companyContact_O ul.companyContactDetails li.icon_phoneNumber { background: url(/content/images/icon_phoneNumber.png) 0px 3px no-repeat; } div.companyContact_O ul.companyContactDetails li.icon_mobileNumber { background: url(/content/images/icon_phoneNumber.png) 0px 3px no-repeat; } div.companyContact_O ul.companyContactDetails li.icon_faxNumber { background: url(/content/images/icon_faxNumber.png) 0px 3px no-repeat; } div.companyContact_O ul.companyContactDetails li.icon_website { background: url(/content/images/icon_website.png) 0px 3px no-repeat; } div.companyContact_O ul.companyContactDetails li.icon_email { background: url(/content/images/icon_email.png) 0px 3px no-repeat; } div.companyContact_O ul.companyContactDetails li.icon_location { background: url(/content/images/icon_location.png) 0px 3px no-repeat; } div.productImage_O { padding: 15px 0px 0px 0px;} div.productImage_O div.productImage_I { text-align: center; } div.productImage_O div.productImage_I img { margin: 0px auto; } div.supplementaryContent div.companyContactHeader_O { padding: 0px; background: url(/content/images/supplementaryHeaderBG.png) top left no-repeat; } div.supplementaryContent div.companyContactHeader_O h4 { line-height: 34px; color: #000 !important; padding: 0px 0px 0px 10px; margin: 0px; } div.supplementaryContent div.companyContact_O { padding: 0px 0px 17px 0px; } div.supplementaryContent div.companyContact_O div.companyContact_I { padding: 10px 0px 10px 0px; background: url(/content/images/supplementaryContentBG.png) bottom left no-repeat; } div.supplementaryContent div.companyContact_O li { background: none; padding: 0px 0px 5px 28px; margin: 0px; background-position: 10px 3px !important; } div.supplementaryContent div.companyProductsHeader_O { padding: 0px; background: url(/content/images/supplementaryHeaderBG.png) top left no-repeat; } div.supplementaryContent div.companyProductsHeader_O h4 { line-height: 34px; color: #000 !important; padding: 0px 0px 0px 10px; margin: 0px; } div.supplementaryContent div.companyProducts_O { padding: 0px 0px 17px 0px; } div.supplementaryContent div.companyProducts_O div.companyProducts_I { padding: 10px 0px 10px 0px; background: url(/content/images/supplementaryContentBG.png) bottom left no-repeat; } div.supplementaryContent div.companyContact_O li { background: none; padding: 0px 0px 5px 28px; margin: 0px; background-position: 10px 3px !important; } /* Search Term Highlighting */ span.stm_1, span.stm_2, span.stm_3, span.stm_4, span.stm_5, span.stm_6, span.stm_7, span.stm_8, span.stm_9, span.stm_10, span.stm_11, span.stm_12, span.stm_13, span.stm_14, span.stm_15{ display:inline !important; margin:0 !important; padding:2px} span.stm_1{background-color:#f6f; color:#000 !important} span.stm_2{background-color:#ff0; color:#000 !important} span.stm_3{background-color:#f90; color:#000 !important} span.stm_4{background-color:#6cf; color:#000 !important} span.stm_5{background-color:#6f0; color:#000 !important} span.stm_6{background-color:#66c; color:#000 !important} span.stm_7{background-color:#996; color:#000 !important} span.stm_8{background-color:#f96; color:#000 !important} span.stm_9{background-color:#036; color:#fff !important} span.stm_10{background-color:#900; color:#fff !important} span.stm_11{background-color:#606; color:#fff !important} span.stm_12{background-color:#9c9; color:#000 !important} span.stm_13{background-color:#660; color:#fff !important} span.stm_14{background-color:#096; color:#000 !important} span.stm_15{background-color:#99f; color:#000 !important} div.search_O{padding:5px} div.search_I p{margin-left:0} div.search_O.alt{background-color:#eee !important} div.contactPane_O{float:right; width:250px} div.contactPane_O div.contactPane_I{margin:0px 0px 0px 10px} dl.contactInformation{margin:0px; padding:0px} dl.contactInformation dt{float:left; margin:0px; padding:0px 5px; width:25px; height:25px} dl.contactInformation dd{float:left; margin:0px; padding:0px 5px; width:190px} div.currentUser{float:right} div.highlightSearchTerms_O { padding: 0px 0px 20px 20px; } div.highlightSearchTerms_O div.highlightSearchTerms_I { } /* ### Page Templates ### */ div.businessListing {} div.businessListing div.pageTitleNav_O { position: relative; } div.businessListing.TradeBusiness div.pageTitleNav_O { background: url(/content/images/pageHeaderBG_trades.png) top left no-repeat; } div.businessListing.RetailBusiness div.pageTitleNav_O { background: url(/content/images/pageHeaderBG_retail.png) top left no-repeat; } div.businessListing.ProfessionalBusiness div.pageTitleNav_O { background: url(/content/images/pageHeaderBG_professional.png) top left no-repeat; } div.businessListing div.pageTitleNav_O div.businessName { float: left; display: inline-block; } div.businessListing div.pageTitleNav_O div.businessName h2 { display: inline-block; color: #fff !important; font-weight: bold; font-size: 22px; padding: 10px 20px; } /* ### Business NAV ### */ div.businessListing div.pageTitleNav_O div.businessNav { position: absolute; bottom: 0px; right: 0px; display: inline-block; padding: 8px 20px 0px 20px; } div.businessListing div.pageTitleNav_O div.businessNav ul {float:right; margin:0px; padding:0px} div.businessListing div.pageTitleNav_O div.businessNav ul li{float:left; display:inline; margin:0px; padding:0px; list-style:none; background:transparent} div.businessListing div.pageTitleNav_O div.businessNav ul li.active a {background: #f0f;} div.businessListing div.pageTitleNav_O div.businessNav ul li a {display:block; text-decoration:none; padding:10px 10px !important; color:#fff; font-weight: bold; } div.businessListing div.pageTitleNav_O div.businessNav ul li a:hover{text-decoration: underline; } div.businessListing div.pageTitleNav_O div.businessNav ul li.currentuserpage a { background: url(/content/images/businessNavOnstateBG.png) top left no-repeat; width: 110px; } div.businessListing div.pageTitleNav_O div.businessNav ul li.currentUserPage a {display:block; text-decoration:none; padding:26px 0px; color:#005292} div.businessListing div.pageTitleNav_O div.businessNav ul li a span.businessNavText{font-size:11px; font-weight:bold; text-transform:uppercase; margin:0px 10px; color:#005292; line-height:15px} div.businessListing div.pageTitleNav_O div.businessNav ul li a:hover span.businessNavText{text-decoration:underline} div.businessListing div.pageTitleNav_O div.businessNav ul li a:hover span.businessNavText{text-decoration:underline} /* ### 3 LEVEL DROP DOWN NAV BY DY AND DENIS ### *-/ div.head div.topNav_O { padding-top: 40px; } div.head div.topNav_O ul.primaryNav { padding: 0px; margin: 0px; } div.head div.topNav_O ul.primaryNav li { position: relative; padding: 0px; margin: 0px; background: none; } div.head div.topNav_O.horizontal ul.primaryNav li { float: left; } div.head div.topNav_O.horizontal ul.primaryNav li.firstItem { float: left; background: #dddddd; } div.head div.topNav_O.horizontal ul.primaryNav li.lastItem { float: left; background: #bbbbbb; } div.head div.topNav_O.vertical ul.primaryNav li { width: 150px; } div.head div.topNav_O.vertical ul.primaryNav li.firstItem { background: #dddddd; } div.head div.topNav_O.vertical ul.primaryNav li.lastItem { background: #bbbbbb; } div.businessListing div.pageTitleNav_O div.businessNav li a { display: inline-block; text-decoration: none; padding: 8px 0px 8px 0px; font-weight: normal; } div.head div.topNav_O.vertical ul.primaryNav li a { display: block; } div.businessListing div.pageTitleNav_O div.businessNav li a span { margin: 0px 14px; color: #000; display: block; font-weight: normal; } div.head div.topNav_O ul.primaryNav li.currentPage a, div.head div.topNav_O ul.primaryNav li.currentPage a:hover { background: yellow; } div.businessListing div.pageTitleNav_O div.businessNav li a:hover { background: #c8700b; color: #fff; } div.businessListing div.pageTitleNav_O div.businessNav li a:hover span { color: #fff; font-weight: normal !important; } div.head div.topNav_O ul.primaryNav li.currentPage a span { color: #fff; font-weight: bold; } div.head div.topNav_O.horizontal ul.primaryNav li.firstItem a { background: #dddddd; } div.head div.topNav_O.horizontal ul.primaryNav li.lastItem a { background: #bbbbbb; } div.head div.topNav_O.vertical ul.primaryNav li.firstItem a { background: #dddddd; } div.head div.topNav_O.vertical ul.primaryNav li.lastItem a { background: #bbbbbb; } .g-secondLevel { position: absolute; padding: 0px; margin: 0px; } .g-secondLevel { position: absolute; padding: 0px; margin: 0px; } .g-secondLevel li { position:relative; float: none; background: #FF0000; width: 150px; padding:0; } .g-secondLevel li.firstItem { float: none; background: #990000; width: 150px; } .g-secondLevel li.lastItem { float: none; background: #cc0000; width: 150px; } .g-secondLevel li a { display: block !important; background: #FF0000; } .g-secondLevel li.currentPage a, .g-secondLevel li.currentPage a:hover { background: yellow; } .g-secondLevel li.firstItem a { background: #990000; } .g-secondLevel li.lastItem a { background: #990000; } .g-thirdLevel { position: absolute; padding: 0px; margin: 0px; } .g-thirdLevel li { float: none; background: #0000ff; padding:0; } .g-thirdLevel li.firstItem { float: none; background: #0000bb; } .g-thirdLevel li.lastItem { float: none; background: #0000dd; } .g-thirdLevel li a { display: block !important; background: #0000ff; } .g-thirdLevel li.currentPage a, .g-thirdLevel li.currentPage a:hover { background: yellow; } .g-thirdLevel li.firstItem a { background: #0000bb; } .g-thirdLevel li.lastItem a { background: #0000dd; } div.head div.subNav_O { padding-top: 10px; } div.head div.subNav_O ul.subNav { padding: 0px; } div.head div.subNav_O ul.subNav li { float: left; position: relative; padding: 0px; margin: 0px; background: none; } div.head div.subNav_O ul.subNav li a { display: inline-block; color: #888; text-decoration: none; padding: 2px 8px 2px 8px; font-weight: bold; } div.head div.subNav_O ul.subNav li.currentPage a, div.head div.subNav_O ul.subNav li.currentPage a:hover { color: #444; } div.head div.subNav_O ul.subNav li a:hover { color: #444; } /* ### 3 LEVEL DROP DOWN NAV BY DY AND DENIS ### */ div.businessListing div.contentPath_O { background: url(/content/images/contentPathBG.png) top left no-repeat; } div.businessListing div.contentPath_O p { line-height: 40px; margin: 0px; padding: 0px 0px 0px 20px; } div.businessListing div.pageContent_O { background: url(/content/images/pageContentBG.png) top left repeat-y; } div.businessListing div.pageContent_O div.pageContent_I { width: 940px; margin: 0px auto; padding: 20px 0px 30px 0px; } div.businessListing div.pageContent_O div.mainContent { float: left; width: 630px; } div.businessListing div.pageContent_O div.mainContent p.summary { font-size: 14px; font-weight: bold; } div.businessListing div.pageContent_O div.supplementaryContent { float: right; width: 300px; } /* -- Template 1 -- */ /* -- Google Map -- */ div.businessListing div.pageContent_O div#googlemap_O{padding:20px 0 0 0} div.businessListing div.pageContent_O div#googlemap_I{margin:0 auto; width:628px; height:500px; border: 1px solid #ddd;} /* ###### Customer Product Styles ###### */ div.productList_O { padding: 0px 1px 20px 0px; } div.productList_O div.productList_I { border: 1px solid #ddd; } div.socialNetworkingReport { background: url(/content/images/socialNetworkingReportBG.png) top left no-repeat; height: 40px; } div.socialNetworkingReport div.socialNetworking_O { float: left; width: 200px; padding: 12px 0px 0px 20px; } div.socialNetworkingReport div.reportPage_O { float: right; width: 240px; padding: 6px 20px 0px 0px; } div.socialNetworkingReport div.reportPage_O a.btn_reportInappropriateContent { float: right; background: url(/content/images/btn_reportInappropriateContent.png) no-repeat top left; width: 194px; height: 27px; } div.validationSummary{ margin-top:10px; color:#F00; padding-left:60px; background: url(/content/images/attention.gif) no-repeat top left} div.loginPane_O {} div.loginPane_O label { padding: 0px 5px;} div.loginPane_O div.formItem div.formLabel label { color: #000; } div.loginPane_O div.formItem.checkbox { padding-left: 220px;} div.loginPane_O div.formItem.checkbox div.formInput { width: 200px; } div.userAdminNav_O {padding:10px 0px 20px 0px} div.content_O, div#content { padding: 30px 0px 25px 0px; } div#content_O div#content { float: left; width: 420px; } div.smallBusinessSiteContainer { margin: 10px 0px 0px 0px; padding: 10px 0px 10px 0px; background: #f6f6f6; border: 1px solid #bbb; } div.smallBusinessSiteContainer div.textContainer { float: left; width: 270px; margin: 0px 0px 0px 5px; } div.smallBusinessSiteContainer div.imageContainer { float: right; background: #fff; margin: 0px 5px 0px 0px; padding: 10px 0px; width: 450px; border: 1px solid #bbb; text-align: center !important; } div#contactModuleContainer { float: right; width: 270px; padding: 5px 0px; border: 1px solid #ddd; background: #f5f5f5; text-align: right; } div#contactModuleMargin { margin: 0px 5px 0px 5px; border: 1px solid #ddd; background: #fff; } div#contactModuleContent { margin: 0px 5px 0px 5px; } div#otherPages { padding: 10px 0px; } div#otherPagesOC { border: 1px solid #ddd; background: #f5f5f5; padding: 10px 0px; } div#otherPagesOC div#otherPagesIC { margin: 0px 10px; } div#otherPagesContent li { background-image: none; } /* Breadcrumb */ div.pnlProductListing div.pnlBreadCrumb_O { display: none !important; } div.pnlBreadCrumb_O div.pnlBreadCrumb_I { padding: 5px 0px 5px 0px; } div.pnlBreadCrumb_O ul { display: inline; margin: 0px; } div.pnlBreadCrumb_O ul li { display: inline; margin: 0px; font-size: 14px; background-position: center left; } div.pnlBreadCrumb_O .cmbCategory { float: right; } div.pnlBreadCrumb_O ul li { white-space: nowrap; } div.pnlBreadCrumb_O ul li * { } /* User Admin Template Preview Table */ table.templatePreviewImages { width: 100%; } table.templatePreviewImages tr { } table.templatePreviewImages tr td { width: 33%; vertical-align: top; text-align: center; padding: 0px 0px 20px 0px;} /* Uploader */ div.uploader_O span.lblErrorMaxImages { display: block; padding: 10px; text-align: center; color: #f00; font-size: 20px; } div.uploader_O span.lblImagesUp { display: block; padding: 5px; text-align: center; } div.formBlock div.uploader_O span.btnUploadImage_O { padding: 0px 0px 10px 0px; margin: 0px 0px 0px 307px; } div.changeTemplate_O span.btnChange_O, div.changeTemplate_O span.btnChange_O a { background: url(/content/images/btn_changeTemplate.gif) top left no-repeat; display: block; width: 126px; height: 25px; } /* Contact Us Form */ div#easyContact_O span.btnContactUs_O { margin: 0px 0px 0px 319px;} div#easyContact_O span.btnContactUs_O, div#easyContact_O span.btnContactUs_O a { background: url(/content/images/btn_contactUs.gif) top left no-repeat; display: block; width: 130px; height: 30px; } div#easyContact_O div.formItem div.formLabel label { color: #000; } /*********************************************************/ /* STATS */ /*********************************************************/ div.statsContainer_O { margin: 0px auto; } div.statsContainer_O div.statsContainer_I { } div.statsRow_O { padding: 10px 0; } div.statsRow_O div.statsHeader_O { } div.statsRow_O div.statsHeader_O div.statsType_O { float: left; width: 350px; } div.statsRow_O div.statsHeader_O div.statsFilter_O { float: right; text-align: right; width: 350px; padding: 0px 0px 10px 0px; } div.statsRow_O div.statsHeader_O div.statsFilter_O label { font-weight: bold; width: 190px; text-align: right; display: inline-block; } div.statsRow_O div.statsHeader_O div.statsFilter_O select { width: 150px; } div.statsDetails_O { width: auto; } div.statsDetails_O table { width: 100%; border-collapse: collapse; border: 1px solid #ccc; } div.statsDetails_O table th.statNumber { width: 130px; } div.statsDetails_O table td, div.statsDetails_O table th{ padding:3px } div.pagingPrev_O { width: 50px !important; } div.pagingPrev_O span.btnPrev_O { float: right; } div.pagingPrev_O span.btnPrev_O, div.pagingPrev_O span.btnPrev_O a { background: url(/content/images/btn_pagingPrevious.gif) top left no-repeat; display: block; width: 18px; height: 17px; } div.pagingPrev_O span.btnPrev_O a span.DN { display: none !important; } div.pagingPrev_O span.btnFirst_O { float: left; } div.pagingPrev_O span.btnFirst_O, div.pagingPrev_O span.btnFirst_O a { background: url(/content/images/btn_pagingFirst.gif) top left no-repeat; display: block; width: 23px; height: 17px; } div.pagingPrev_O span.btnFirst_O a span.DN { display: none !important; } div.pagingNext_O { float: right !important; width: 50px !important; } div.pagingNext_O span.btnNext_O { float: left; } div.pagingNext_O span.btnNext_O, div.pagingNext_O span.btnNext_O a { background: url(/content/images/btn_pagingNext.gif) top left no-repeat; display: block; width: 18px; height: 17px; } div.pagingNext_O span.btnNext_O a span.DN { display: none !important; } div.pagingNext_O span.btnLast_O { float: right; } div.pagingNext_O span.btnLast_O, div.pagingNext_O span.btnLast_O a { background: url(/content/images/btn_pagingLast.gif) top left no-repeat; display: block; width: 23px; height: 17px; } div.pagingNext_O span.btnLast_O a span.DN { display: none !important; } div.pnlLeft_O { float: left; width:120px; background: red; } div.pnlMain_O { float: right; width: 800px; background: green; } div#footer { padding: 30px 0px 25px 0px; } div#footer * { color: #c0c0c0; margin: 0px; padding: 0px; } div#footer div#footerContent { } div#footer a:active, div#footer a:focus, div#footer a:hover { text-decoration: none; } div#footerCopyright { float: left; width: 340px; } div#footerLinks { float: right; width: 360px; text-align: right; } div#footerCopyright div { font-size: 0.7em; } div#footerLinks p { text-align: right; font-size: 0.7em; } div#footer div#footerLinks a.stbutton { padding:1px 5px 5px 22px !important; }