/* 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 {margin: 5px 5px 15px 5px;} ol {margin: 5px 5px 15px 5px; padding: 0px 0px 0px 20px; } 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; } /* Features List*/ ul.feautres { list-style: none; } ul.feautres li { float: left; width: 420px; list-style: none; background-image: url(/content/images/li_featureIcon.gif); background-position: 0px 3px; background-repeat: no-repeat; padding-left: 35px; margin-right: 20px; height: 40px; } /* Sortable List Styling */ .ui-state-error { padding: .3em; color: Red; } .validateTips { border: 1px solid transparent; padding: 0.3em; } #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; } #sortable li { cursor: move; margin: 0 3px 3px 3px; padding: 0.4em; height: 18px; width:900px; background-image: none; background-color:#FFFFFF; border: 1px solid lightGrey; } #sortable li span { position: absolute; margin-left: -1.3em; } .tableDiv{ width:900px; height:50px; } .cell1 { float:left; width:150px; height:18px; color:#555555; } .cell2 { float:left; width:565px; height:18px; color:#555555; } .cell3 { float:left; width:100px; height:18px; color:#555555; } .cell4 { float:left; width:25px; height:18px; } .cell5 { float:left; width:10px; height:18px; color:#555555; } .cell6 { float:left; width:50px; height:18px; } 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; } /* *** DISPLAY | VISIBILITY *** */ .displayNone{ display: none; } .hidden{ visibility: hidden; } /* *** PADDING *** */ .pad10{padding: 10px;} /* Hide content /**/ .DN { display: none; } /* Only show content to screen readers /**/ .wai { display: block !important; width: 1px !important; height: 1px !important; visibility: hidden !important; } /* 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, h2, h2 a, h2 span, h3, h3 a, h3 span, h4, h4 a, h4 span { font-family: 'Yanone Kaffeesatz', sans-serif !important; font-weight: 700; text-align: left; padding: 0px; margin: 0px; } h4, h4 a, h4 span { font-weight: bold; } h2 { font-size: 45px; color: #000 !important; } /* #00508e !important; */ h2.businessNameBrandFont { font-size: 22px; } h3 { font-size: 30px; color: #000 !important; } h4 { font-size: 18px; color: #000 !important; } h3.brandFontCentered, h3.brandFontCentered a { font-size: 26px; text-align: center; color: #000; } .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; } /* WHAT WHERE div.searchBox_O div.searchBox_I { margin: 0px auto; width: 710px; 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; } /* WHAT WHERE div.searchBox_O div.searchField_O { padding: 5px 0px; } div.searchBox_O div.searchField_O label { float: left; padding: 0px 10px 0px 0px; } div.searchBox_O div.searchField_O label span { float: left; display: inline-block; text-align: right; font-size: 18px !important; font-weight: bold; color: #fff; line-height: 30px; } div.searchBox_O div.searchField_O label span.searchWhere { width: 80px; } div.searchBox_O div.searchField_O input.txtSearch { float: left; width: 220px; padding:3px 4px; color: #005292; font-size: 18px !important; font-weight: bold; border: 1px solid #73838f; } div.searchBox_O div.searchField_O input.searchWhere { float: left; width: 220px; 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; left: 10px; 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: 146px; } 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.areYouBusinessOwner h3.businessOwner { color: #000 !important; font-size: 24px; } 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 { padding: 5px 0px; } 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: 37px; color: #000 !important; margin: 0px; padding: 0px; } /* -- Product Search Results Image -- */ div.searchResultBox_O div.businessLocationContact_O div.productImage_O { padding: 10px 0px; } div.searchResultBox_O div.businessLocationContact_O div.productImage_O a { display: block; margin: 0px auto; } div.searchResultBox_O div.businessLocationContact_O div.productImage_O a img { display: block; margin: 0px auto; } /* -- 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.supplementaryContent h4 { color: #000 !important; } div.supplementaryContent div.companyContactHeader_O { height: 34px; padding: 0px 0px 0px 0px; background: url(/content/images/supplementaryHeaderBG.png) top left no-repeat; } div.supplementaryContent div.companyContactHeader_O div.companyContactHeader_I { padding: 8px 10px 0px 10px; } 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 { height: 34px; padding: 0px 0px 0px 0px; background: url(/content/images/supplementaryHeaderBG.png) top left no-repeat; } div.supplementaryContent div.companyProductsHeader_O div.companyProductsHeader_I { padding: 8px 10px 0px 10px; } 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; } div.supplementaryContent div.companyContactFormHeader_O { height: 34px; padding: 0px 0px 0px 0px; background: url(/content/images/supplementaryHeaderBG.png) top left no-repeat; } div.supplementaryContent div.companyContactFormHeader_O div.companyContactFormHeader_I { padding: 8px 10px 0px 10px; } div.supplementaryContent div.companyContactForm_O { padding: 0px 0px 17px 0px; } div.supplementaryContent div.companyContactForm_O div.companyContactForm_I { padding: 10px 0px 10px 0px; background: url(/content/images/supplementaryContentBG.png) bottom left no-repeat; } div.supplementaryContent div.companyContactForm_O div.formItem { margin: 0px; } div.supplementaryContent div.companyContactForm_O div.formItem div.formItem_O { padding: 0px; } div.supplementaryContent div.companyContactForm_O div.formItem div.formItem_O div.formItem_I { padding: 0px 0px 0px 20px; } div.supplementaryContent div.companyContactForm_O div.formItem div.formLabel { } div.supplementaryContent div.companyContactForm_O div.formItem div.formLabel label { text-align: left !important; } div.supplementaryContent div.companyContactForm_O div.formItem div.formInput { } div.supplementaryContent div.companyContactForm_O div.formItem div.formInput input.textInput { width: 250px; } /* 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 { padding: 10px 20px 0px 20px; } div.businessListing div.pageTitleNav_O div.businessName h2 { color: #fff !important; font-weight: bold; font-size: 42px; line-height: 42px; } div.businessListing div.pageTitleNav_O div.businessNav { float: right; bottom: 0px; right: 0px; display: block; padding: 13px 20px 0px 0px; } div.businessListing div.pageTitleNav_O div.businessNav ul li a {display:block; text-decoration:none; padding: 0px !important; color:#fff; font-weight: bold; } div.businessListing div.pageTitleNav_O div.businessNav ul li a span.navText { display: inline-block; font-weight:bold; text-transform:uppercase; margin: 0px 0px 0px 10px; color:#fff; padding: 10px 25px 10px 15px !important; } div.businessListing div.pageTitleNav_O div.businessNav ul li a:hover span.navText {text-decoration: underline; } div.businessListing div.pageTitleNav_O div.businessNav ul li.active a { display:block; text-decoration:none; padding: 0px; color:#005292; background: url(/content/images/customerNavLeftBG.png) top left no-repeat; } div.businessListing div.pageTitleNav_O div.businessNav ul li.active a span.navText { background: url(/content/images/customerNavRightBG.png) top right no-repeat; } div.businessListing div.pageTitleNav_O div.businessNav ul li.active a:hover span.navText { text-decoration: none; } div.businessListing div.pageTitleNav_O div.businessNav ul li.active li a { display:block; text-decoration:none; padding:26px 0px; color:#005292; background: none; padding-left: 11px; } div.businessListing div.pageTitleNav_O div.businessNav ul li li a span.navText { display: inline-block; font-weight:bold; text-transform:uppercase; margin: 0px 0px 0px 10px; color:#fff; padding: 10px 25px 10px 0px !important; } div.businessListing div.pageTitleNav_O div.businessNav ul li.active li a span.navText { background: none; } div.businessListing.TradeBusiness div.pageTitleNav_O div.businessNav ul ul li a { background: #f9df13; border: 1px solid #e58f25; } div.businessListing.TradeBusiness div.pageTitleNav_O div.businessNav ul ul li a span.navText { color: #fff; } div.businessListing.ProfessionalBusiness div.pageTitleNav_O div.businessNav ul ul li a { background: #2288cc; border: 1px solid #00508e; border-top: 1px solid #209ceb; } div.businessListing.ProfessionalBusiness div.pageTitleNav_O div.businessNav ul ul li a span { background-color:#2288cc; color: #fff; } div.businessListing.RetailBusiness div.pageTitleNav_O div.businessNav ul ul li a { background: #79b425; border: 1px solid #73a434; } div.businessListing.RetailBusiness div.pageTitleNav_O div.businessNav ul ul li a span { background-color:#79b425; color: #fff; } div.businessListing.TradeBusiness div.pageTitleNav_O div.businessNav ul li.active a span { font-weight: bold; color: #e58f25; } div.businessListing.ProfessionalBusiness div.pageTitleNav_O div.businessNav ul li.active a span { font-weight: bold; color: #00508e; } div.businessListing.RetailBusiness div.pageTitleNav_O div.businessNav ul li.active a span { font-weight: bold; color: #73a434; } /*** ESSENTIAL STYLES ***/ .businessPagesNav, .businessPagesNav * { margin: 0; padding: 0; list-style: none; } .businessPagesNav { line-height: 1.0; } .businessPagesNav ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .businessPagesNav ul li { width: 100%; } .businessPagesNav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .businessPagesNav li { float: left; position: relative; } .businessPagesNav a { display: block; position: relative; } .businessPagesNav li:hover ul, .businessPagesNav li.sfHover ul { left: 0; top: 34px; /* match top ul list item height */ z-index: 99; } ul.businessPagesNav li:hover li ul, ul.businessPagesNav li.sfHover li ul { top: -999em; } ul.businessPagesNav li li:hover ul, ul.businessPagesNav li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.businessPagesNav li.sfRight li.sfHover ul { left: -10em; /* match ul width */ top: 0; } ul.businessPagesNav li li:hover li ul, ul.businessPagesNav li li.sfHover li ul { top: -999em; } ul.businessPagesNav li li li:hover ul, ul.businessPagesNav li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.businessPagesNav li.sfRight li li.sfHover ul { left: -10em; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .businessPagesNav { float: left; } .businessPagesNav a { padding: .75em 1em; text-decoration:none; } .businessPagesNav a, .businessPagesNav a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #13a; } .businessPagesNav li { background-image: none; } .businessPagesNav li li { background: #AABDE6; } .businessPagesNav li li li { background: #9AAEDB; } .businessPagesNav li:hover, .businessPagesNav li.sfHover, .businessPagesNav a:focus, .businessPagesNav a:hover, .businessPagesNav a:active { outline: 0; } /*** arrows **/ .businessPagesNav a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('/content/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .businessPagesNav ul .sf-sub-indicator { background-position: -10px 0; } .businessPagesNav ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .businessPagesNav ul a:focus > .sf-sub-indicator, .businessPagesNav ul a:hover > .sf-sub-indicator, .businessPagesNav ul a:active > .sf-sub-indicator, .businessPagesNav ul li:hover > a > .sf-sub-indicator, .businessPagesNav ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('/content/images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } /* Account CSS File Contents */ table.entitiesList{ width: 100%; border-collapse:collapse; border-spacing: 0; } table.entitiesList tr{ } table.entitiesList tr th, table.entitiesList tr td{ border: 1px solid #CCC; padding: 2px 5px; } table.entitiesList tr th{ color: #777; font-weight: bold; } table.entitiesList tr td{ color: #777; font-weight: normal; } table.entitiesList.customers tr td.actions { width: 290px; } table.domainsTable{} table.domainsTable i{color: #666;} table.domainsTable td{vertical-align: top;} table.domainsTable div{padding-left: 5px; clear: both;} div.servicePageLeftColumn{width: 300px; float: left;} div.servicePageRightColumn{width: 600px; float: left; margin-left: 10px;} 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; } /*********************************************************/ /* Page Images */ /*********************************************************/ div.businessListing div.pageContent_O div.mainContent p.summary { font-size: 24px; line-height: 1em; } /* -- Template 1 -- */ div.businessListing div.pageContent_O div.template1 div.mainContent { float: left; width: 630px; } div.businessListing div.pageContent_O div.template1 div.supplementaryContent { float: right; width: 300px; } div.businessListing div.pageContent_O div.template1 div.pageImages { padding: 0; margin: 0; } div.businessListing div.pageContent_O div.template1 div.pageImages img { top: 0; left: 0; text-align: center; } div.businessListing div.pageContent_O div.template1 div.pageImages img { } div.businessListing div.pageContent_O div.template1 div.cycle-pager { margin: 0px auto; height: 190px; } div.businessListing div.pageContent_O div.template1 #cycle-pager-nav { padding: 10px 0px 30px 0px; text-align: center; } div.businessListing div.pageContent_O div.template1 #cycle-pager-nav a { color: #fff; margin: 0 5px; padding: 3px 5px; background: #00508e; text-decoration: none; } div.businessListing div.pageContent_O div.template1 #cycle-pager-nav a.activeSlide { background: #1f77bb; } div.businessListing div.pageContent_O div.template1 #cycle-pager-nav a:focus { outline: none; } /* -- Template 1 Google Map -- */ div.businessListing div.pageContent_O div.template1 div.mapContainer { width: 630px; padding: 10px 0px; } div.businessListing div.pageContent_O div.template1 div#googlemap_O{padding:20px 0 0 0} div.businessListing div.pageContent_O div.template1 div#googlemap_I{margin:0 auto; width:628px; height:500px; border: 1px solid #ddd;} div.businessListing.TradeBusiness div.pageContent_O #cycle-pager-nav a { background: #e58f25; } div.businessListing.TradeBusiness div.pageContent_O #cycle-pager-nav a.activeSlide { background: #fda335; } div.businessListing.ProfessionalBusiness div.pageContent_O #cycle-pager-nav a { background: #00508e; } div.businessListing.ProfessionalBusiness div.pageContent_O #cycle-pager-nav a.activeSlide { background: #1f77bb; } div.businessListing.RetailBusiness div.pageContent_O #cycle-pager-nav a { background: #73a434; } div.businessListing.RetailBusiness div.pageContent_O #cycle-pager-nav a.activeSlide { background: #94d047; } /* -- Template 2 -- */ div.businessListing div.pageContent_O div.template2 div.mainContent { } div.businessListing div.pageContent_O div.template2 div.supplementaryContent { float: right; width: 300px; } div.businessListing div.pageContent_O div.template2 div.pageImage { padding: 0px 0px 20px 0px; text-align: center; } div.businessListing div.pageContent_O div.template2 div.pageImage a { display: inline-block; margin: 0px auto; } div.businessListing div.pageContent_O div.template2 div.pageImage a img { display: block; margin: 0px auto; } div.businessListing div.pageContent_O div.template2 div.pageImage p { text-align: center; } /* -- Template 2 Google Map -- */ div.businessListing div.pageContent_O div.template2 div.mapContainer { width: 630px; padding: 10px 0px; } div.businessListing div.pageContent_O div.template2 div.mapContainer div#googlemap_O{padding:20px 0 0 0} div.businessListing div.pageContent_O div.template2 div.mapContainer div#googlemap_I{margin:0 auto; width:628px; height:500px; border: 1px solid #ddd;} /* -- Template 3 -- */ div.businessListing div.pageContent_O div.template3 div.mainContent { float: left; width: 630px; } div.businessListing div.pageContent_O div.template3 div.supplementaryContent { float: right; width: 300px; } div.businessListing div.pageContent_O div.template3 div.pageImages { padding: 20px 0px; } div.businessListing div.pageContent_O div.template3 div.pageImages ul { list-style-type: none; margin: 0px; padding: 0px; } div.businessListing div.pageContent_O div.template3 div.pageImages ul li { float: left; width: 310px; list-style-type: none; background: none; margin: 0px; padding: 0px; } div.businessListing div.pageContent_O div.template3 div.pageImages ul li a { display: block; width: 310px; } div.businessListing div.pageContent_O div.template3 div.pageImages ul li a img { display: block; } div.businessListing div.pageContent_O div.template3 div.pageImages ul li p { text-align: center; } /* -- Template 3 Google Map -- */ div.businessListing div.pageContent_O div.template3 div.mapContainer { width: 630px; padding: 10px 0px; } div.businessListing div.pageContent_O div.template3 div#googlemap_O{padding:20px 0 0 0} div.businessListing div.pageContent_O div.template3 div#googlemap_I{margin:0 auto; width:628px; height:500px; border: 1px solid #ddd;} /* ###### Accout Summary Table Styles ###### */ table.accountSummary { border: 1px solid #666; } table.accountSummary tr {} table.accountSummary tr.tra td { background: #eee; } table.accountSummary tr th { padding: 10px; border-bottom: 1px solid #666; background: #eee; } table.accountSummary tr .item { width: 400px; } table.accountSummary tr .itemPrice { width: 120px; text-align: right; } table.accountSummary tr td { padding: 5px 10px; border-bottom: 1px solid #eee; } table.accountSummary tr.planTotal td { padding: 10px; border-bottom: 0px none; background: #f6f6f6; font-weight: bold; } table.accountSummary tr.planTotal td.item { text-align: right; } div.paymentMethodTerms { padding: 20px 0px; } div.paymentMethodTerms div.selectOption { padding: 10px 0px; } div.paymentMethodTerms div.radioItem { padding: 5px 0px; } div.paymentMethodTerms div.paymentOptions { padding: 20px 0px; } div.paymentMethodTerms div.selectPaymentOption { float: left; width: 200px; } div.paymentMethodTerms div.paymentOptionDetails { float: left; width: 500px; } div.paymentMethodTerms div.paymentOptionDetails div#directDebitContent { display: none; } div.paymentMethodTerms div.paymentOptionDetails div#invoiceMeContent { display: none; } div.paymentMethodTerms div.paymentOptionDetails div.optionBorder { float: left; width: 500px; border: 1px solid #ddd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } div.paymentMethodTerms div.paymentOptionDetails div.optionBorder div.optionPadding { padding: 10px; } /* ###### Customer Product Styles ###### */ div.productCatalogueList {} div.productCatalogueList div.productNav { float: left; width: 220px; } div.productCatalogueList div.productList { float: right; width: 710px; padding: 10px 0px 0px 0px; } div.productCatalogueList div.productList div.productListItem_O { padding: 0px 1px 10px 0px; } div.productCatalogueList div.productList div.productListItem_O div.productListItem_I { border: 1px solid #ddd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} div.productCatalogueList div.productList div.productListItem_O div.productContent_O { float: left; width: 490px; } div.productCatalogueList div.productList div.productListItem_O div.productContent_O div.productContent_I { padding: 10px 5px 10px 10px; } div.productCatalogueList div.productList div.productListItem_O div.productImage_O { float: right; width: 210px; padding: 15px 0px 10px 0px; } div.productCatalogueList div.productList div.productListItem_O div.productImage_O div.productImage_I { text-align: center; } div.productCatalogueList div.productList div.productListItem_O div.productImage_O div.productImage_I img { margin: 0px auto; } div.productCatalogueDetails {} div.productCatalogueDetails div.productNav { float: left; width: 220px; } div.productCatalogueDetails div.productDetails { float: right; width: 710px; padding: 10px 0px 0px 0px; } div.productCatalogueDetails div.productDetails div.previewImagePrice { float: right; width: 220px; } div.productCatalogueDetails div.productDetails div.previewImagePrice div.previewImage_O { } div.productCatalogueDetails div.productDetails div.previewImagePrice div.previewImage_O div.previewImage_I { text-align: center; } div.productCatalogueDetails div.productDetails div.previewImagePrice div.previewImage_O div.previewImage_I img { display: block; margin: 0px auto; } div.productCatalogueDetails div.productDetails div.previewImagePrice div.productPrice_O { } div.productCatalogueDetails div.productDetails div.previewImagePrice div.productPrice_O div.productPrice_I { text-align: center; } div.productCatalogueDetails div.productDetails div.summary { } div.productCatalogueDetails div.productDetails div.product-images { } div.productCatalogueDetails div.productDetails div.product-images div.imagelist { } div.productCatalogueDetails div.productDetails div.product-images div.imagelist { } div.productCatalogueDetails div.productDetails div.product-images div.imagelist ul.productImages { } div.productCatalogueDetails div.productDetails div.product-images div.imagelist ul.productImages li { float: left; width: 200px; height: 200px; background: none; margin: 0px; padding: 0px; } /* ################ EVENTS STYLES ################ */ div.eventListContainer {} div.eventListContainer div.calendarContainer { float: left; width: 250px; } div.eventListContainer div.eventListContainer { float: right; width: 685px; } div.eventListContainer div.eventListContainer div.eventSummary_O { padding: 0px 0px 20px 0px; } div.eventListContainer div.eventListContainer div.eventSummary_O div.eventSummary_I { } div.eventListContainer div.eventListContainer div.eventSummary_O div.eventSummaryContent { float: left; width: 480px; } div.eventListContainer div.eventListContainer div.eventSummary_O div.eventSummaryImage_O { float: right; width: 200px; } div.eventListContainer div.eventListContainer div.eventSummary_O div.eventSummaryImage_O div.eventSummaryImage_I { width: 180px; margin-left: 19px; } div.eventDetailsContainer {} div.eventDetailsContainer div.eventsBackLink {} div.eventDetailsContainer p {} div.eventDetailsContainer p span.eventDate {} div.eventDetailsContainer p span.eventVenue {} div.eventDetailsContainer div.eventDetailsContent { padding: 0px 0px 20px 0px; } div.eventDetailsContainer div.eventDetailsContent div.eventFile_O { float: right; width: 200px; } div.eventDetailsContainer div.eventImagesContainer { padding: 0px 0px 20px 0px; } div.eventDetailsContainer div.eventImagesContainer ul.eventImages { } div.eventDetailsContainer div.eventImagesContainer ul.eventImages li { float: left; width: 200px; background: none !important; } div.eventDetailsContainer div.eventImagesContainer ul.eventImages li a { display: block; } div.eventDetailsContainer div.eventImagesContainer ul.eventImages li a img { display: block; margin: 0px auto; } 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.customerSiteMap { padding: 0px; } /* background: #dcf3fe; */ div.customerSiteMap ul.adminSiteMap { padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; } div.customerSiteMap ul.adminSiteMap li { padding: 10px 0px 10px 40px; margin: 0px 0px 0px 0px; background: none; border-bottom: 1px solid #ddd; } div.customerSiteMap ul.adminSiteMap li.siteMapPage { display: block; } div.customerSiteMap ul.adminSiteMap li span.pageName { float: left;} div.customerSiteMap ul.adminSiteMap li span.pageAdminActions { float: right; padding: 0px 20px 0px 0px; } div.customerSiteMap ul.adminSiteMap ul { padding: 0px 0px 0px 40px; border-top: 1px solid #ddd; } /* background: #cdeefe; */ div.customerSiteMap ul.adminSiteMap ul li { padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px; } div.customerSiteMap ul.adminSiteMap ul ul { padding: 0px 0px 0px 40px; border-top: 1px solid #ddd; } /* background: #b1e6ff; */ div.customerSiteMap ul.adminSiteMap ul ul li { padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px; } .secondaryCategories { font-size: 11px; } 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; } /*********************************************************/ /* 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; } ul.pagesList { padding: 0px; margin: 0px 0px 0px 15px; } ul.pagesList span.pageManagement { display: block; border-bottom: 1px solid #ddd; } ul.pagesList span.pageManagement span.pageHeading { float: left; width: 550px; } ul.pagesList span.pageManagement span.pageActions { float: right; width: 200px; } ul.pagesList span.pageManagement span.pageActions span.movePages { float: right; width: 50px; } ul.pagesList span.pageManagement span.pageActions span.movePages a { float: left; display: inline-block; width:22px; height:18px; background-image:url('/Content/Images/Admin/green_arrows.png'); background-repeat:no-repeat; } ul.pagesList { } table.monthly_table { margin-bottom: 30px; } table.monthly_table th, table.monthly_table td { border: 1px solid #cfcfcf; font-size: 16px; font-weight: bold; color: #000; text-align: center; padding: 10px 15px; } table.monthly_table th { width: 100px; } table.monthly_table td { width: 88px; } table.monthly_table tr.monthly_table_quantity th, table.monthly_table tr.monthly_table_quantity td { background: #e1e1e1; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcfcfc), to(#e1e1e1)); text-transform: uppercase; vertical-align: middle; text-shadow: 0 1px 0 #fff; border-right: none; } table.monthly_table tr.monthly_table_monthly_cost th, table.monthly_table tr.monthly_table_monthly_cost td { border-right: none; border-top: none; } table.monthly_table tr.monthly_table_quantity th, table.monthly_table tr.monthly_table_monthly_cost th { border-left: 1px solid #cfcfcf; } table.monthly_table tbody tr.monthly_table_quantity td:last-child, table.monthly_table tbody tr.monthly_table_monthly_cost td:last-child { border-right: 1px solid #cfcfcf; } #page { } .tabs { width: 100%; overflow: hidden; font-size: 0.9em; margin: 2em 0; zoom: 1; padding: 1px; position: relative; } .tabs dt { float: left; background: #cfcfcf; border: 1px solid #cfcfcf; line-height: 3em; height: 3em; border-bottom: 0; padding: 0 1em; position: relative; left: 10px; margin-right: 1px; cursor: pointer; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; } .tabs dt h2 { font-size: 30px; } .tabs dt:hover { background-color: #e1e1e1; } .tabs dt.selected { border-color: #cfcfcf; background: #fff; z-index: 3; cursor: auto; } .tabs dd { background: #fff; display: none; float: right; width: 100%; margin: 3em 0 0 -100%; position: relative; z-index: 2; } .tabs dd h3 { font-size: 45px; } .tabs dd.selected { display: block; } .tabs .tab-content { border-top: 1px solid #cfcfcf; padding: 0px; } div.pnlLeft_O { float: left; width:120px; background: red; } div.pnlMain_O { float: right; width: 800px; background: green; } div.packages ul.packages { font-family: "myriad-pro-1","myriad-pro-2",Arial,Helvetica,sans-serif; margin: 0px !important; } div.packages ul.packages > li + li { margin-left: 3px; } div.packages ul.packages > li { float: left; margin-bottom: 20px; position: relative; width: 310px; padding: 0px; background-image: none !important; } div.packages ul.packages li { background-image: none !important; } div.packages ul.packages li.selected { border: 1px solid #eee; background: #f9f9f9; } div.packages ul.packages > li h3 { font-size: 16px; text-align: center; } div.packages ul.packages > li ul.plan { padding: 0 4px 0 5px; } div.packages ul.packages > li ul.plan li:first-child { text-align: center; padding: 0px !important; } div.packages ul.packages > li ul.plan li:first-child span { } div.packages ul.packages > li ul.plan li + li { background-color: #EEEEEE; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #FFFFFF; color: #333; padding: 10px 16px; } div.packages ul.packages > li ul.plan li + li strong { color: #717171; } div.packages ul.packages > li ul.plan li + li em { background-color: #22404E; border-radius: 3px 3px 3px 3px; color: #FFFFFF; font-size: 14px; font-style: normal; font-weight: 600; margin-right: 3px; padding: 1px 9px; text-shadow: 0 -1px 1px #000000; } div.packages ul.packages > li ul.plan li + li em.startup { background: none repeat scroll 0 0 #353535; } div.packages ul.packages > li ul.plan li + li em + span { font-weight: 600; } div.packages ul.packages > li ul.plan li.collaborators { position: relative; } div.packages ul.packages > li ul.plan li.collaborators span { background: url("/images/v7/marcom/pricing/tooltip.png") no-repeat scroll right 3px transparent; padding-right: 15px; } div.packages ul.packages > li ul.plan li.collaborators div.collaborators_tooltip { opacity: 0.8; position: absolute; right: 7px; top: 74%; z-index: 2; } div.packages ul.packages > li ul.plan li.collaborators div.collaborators_tooltip div.pointer { background: url("/images/v7/marcom/pricing/tooltip_pointer.png") repeat scroll 0 0 transparent; height: 7px; margin-left: 116px; width: 12px; } div.packages ul.packages > li ul.plan li.collaborators div.collaborators_tooltip p { background-color: #000000; border-radius: 4px 4px 4px 4px; color: #BBBBBB; font-size: 11px; margin: 0; padding: 4px 8px 5px; text-align: left; width: 172px; } div.packages ul.packages > li ul.plan span.project_members { color: #333333; } div.packages ul.packages > li .shadow { background: url("/images/v7/marcom/pricing/plan_shadow.png") no-repeat scroll 0 -6px transparent; display: block; height: 18px; left: 0; position: absolute; top: 100%; width: 184px; } div.packages ul.packages li#plan_1 { /* background: url("/images/v7/marcom/pricing/plan_1.png") repeat scroll 0 0 transparent; */ } div.packages ul.packages li#plan_1 li.collaborators div.collaborators_tooltip, div.packages ul.packages li#RestaurantPlan_1 li.collaborators div.collaborators_tooltip { right: -20px; } div.packages ul.packages li#plan_1 li.collaborators div.collaborators_tooltip div.pointer, div.packages ul.packages li#RestaurantPlan_1 li.collaborators div.collaborators_tooltip div.pointer { margin-left: 90px; } div.packages ul.packages li#plan_2 { /* background: url("/images/v7/marcom/pricing/plan_2.png") repeat scroll 0 0 transparent; */ } div.packages ul.packages li#plan_2 li.collaborators div.collaborators_tooltip div.pointer; div.packages ul.packages li#RestaurantPlan_2 li.collaborators div.collaborators_tooltip div.pointer { margin-left: 142px; } div.packages ul.packages li#plan_3 { /* background: url("/images/v7/marcom/pricing/plan_3.png") repeat scroll 0 0 transparent; */ } div.packages ul.packages li#plan_4 { /* background: url("/images/v7/marcom/pricing/plan_4.png") repeat scroll 0 0 transparent; */ } div.packages ul.packages li#plan_5 { /* background: url("/images/v7/marcom/pricing/plan_5.png") repeat scroll 0 0 transparent; */ } div.packages ul.packages li#plan_4 em { padding: 1px 7px; } div.packages ul.packages li#plan_5 em { padding: 1px 7px; } 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.9em; } div#footerLinks p { text-align: right; font-size: 0.9em; } div#footer div#footerLinks a.stbutton { padding:1px 5px 5px 22px !important; } /* Classes for "zebra striping" of lists and tables */ tr.zebraalt td { color: White; background-color: green; } tr.zebraover td { background: #bcd4ec; } li.zebraalt { color: Red; background-color: Yellow; } li.zebraover { font-weight: bold; color: Blue; } .statusMessage { color: Red; } .eventsTableHeader { padding: 3px 10px 3px 10px; font-weight: bold; border-style: none none solid none; border-width: 1px; border-color: #C0C0C0; } .eventsTableCell { padding: 3px 10px 3px 10px; border-style: none none solid none; border-width: 1px; border-color: #C0C0C0; } /*--------------------------*/ /*-- FLOAT --*/ /*--------------------------*/ .right { float: right; }