/* Infoserve Group: Products Styles Last Updated: DD/MM/YYYY HH:MM Author: Djenan Kozic (djenan.kozic@infoserve.com) FILE INDEX ----------------------- 1. CONTAINERS 2. PAGE FOCUS 3. PRODUCT SLIDER (Product Nav) 4. CONTENT SLIDER CONTAINERS 5. CONTENT STYLES - Product Comparison Tables - Video Block - Product Browser (Prev/Next Buttons) - Columns - Swanky Image Zoom Links - "Interested in..." links - Misc Buttons - 6. TABS WITHIN CONTENT 7. SECTION SPECIFIC STYLES - Overview - Google AdWords - Yahoo Local - City-Visitor - SIVs - FLi - Sky Interactive - eStarts - Hosting & Domains - SEO - KWM 8. SWEATING THE SMALL DETAILS 9. FANCY BOX CONTENTS /* WARNINGS */ div.warning { background-color:#eee; border-bottom:10px solid #FF000A; } div.warning .warning-content { text-align:left; position:relative; margin:0 auto; width:790px; height:83px; padding-left:110px; padding-top:35px; } div.warning .warning-content img { position:absolute; bottom:-10px; left:-30px; } div.warning .warning-content h2 { font:normal 23px Georgia,"Times New Roman",Times,serif; color:#265967; } div.warning .warning-content h2 strong { color:#DD0202; font-style:normal; font-weight:normal; } div.warning .warning-content p { font:normal 13px Georgia,"Times New Roman",Times,serif; color:#999; padding-top:8px; } div.warning .warning-content p strong { font-weight:normal; color:#333; } div.warning .browser-warning { height:120px; } div.warning .browser-warning img { bottom:-11px; } /* 1. CONTAINERS ----------------------------------------------*/ #divOuterContainer { line-height:normal; } #divFooter { margin-top:0; } #divContent { position:relative; } /* 2. PAGE FOCUS ----------------------------------------------*/ .page-focus { background:white url('../images/header.jpg') no-repeat top right; width:820px; height:330px; padding:70px 40px 0; position:relative; } .page-focus h2 { background:transparent url('../images/main-headline.png') no-repeat top left; width:430px; height:62px; display:block; overflow:hidden; text-indent:-90000em; position:absolute; top:63px; left:39px; } .page-focus h3 { background:transparent url('../images/secondary-headline.png') no-repeat top left; width:214px; height:16px; display:block; overflow:hidden; text-indent:-90000em; position:absolute; top:142px; left:39px; } .page-focus h4 a { background:transparent url('../images/overview-button.png') no-repeat top left; width:138px; height:29px; display:block; overflow:hidden; text-indent:-90000em; position:absolute; top:165px; left:38px; z-index:100; } .page-focus h4 a:hover { background-position:0 -30px; } .page-focus h4 a:active { background-position:0 -60px; } .page-focus .slider-fade { background:transparent url('../images/header-slider-fade.png') no-repeat 0 0; width:100px; height:187px; position:absolute; top:200px; left:547px; z-index:2; } .page-focus form { background:#d3d3d3 url('../images/main-form-bg.gif') repeat-x 0 0; width:250px; padding:10px 10px 5px; position:absolute; top:102px; right:40px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow: 0px 5px 15px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 5px 15px rgba(0,0,0,0.4); box-shadow: 0px 5px 15px rgba(0,0,0,0.4); z-index:3; } .page-focus form fieldset { border:none; font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Sans-serif; } .page-focus form fieldset ul { list-style:none } .page-focus form fieldset ul li { clear:left; padding:0 0 25px 0; *padding:0 0 0px 0; height:1px; *height:1%; } .page-focus form fieldset ul li.text-container { /*height:90px;*/ clear:both; } .page-focus form fieldset ul li.text-container p em { font-weight:bold; color:#C60202; } .page-focus form fieldset ul li div#header-form-text-area { float:left; } .page-focus form fieldset ul li input.incomplete { border-color:#C60202; background-color:#FFE1DE; } .page-focus form fieldset ul li h4 { font:bold 15px 'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Sans-serif; color:#545454; letter-spacing:-0.1em; border-bottom:1px solid #e1e1e1; padding-bottom:10px; line-height:15px; margin:0; } .page-focus form fieldset ul li h4 em { font-style:italic; font-weight:normal; color:#6aaec1; font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Sans-serif; } .page-focus form fieldset ul li div#header-form-text-area p, .page-focus form fieldset ul li p { font:normal 11px 'Lucida Sans'; color:#666; padding:10px 0 20px; line-height:1.5em; } .page-focus form fieldset ul li div#header-form-text-area p strong { white-space:nowrap; } .page-focus form fieldset ul li label.inlined { float:left; clear:left; padding-left:6px; font:normal 12px/18px 'Helvetica Neue'; position:relative; z-index:3; opacity: 0.75; filter: alpha(opacity=75); -webkit-transition: opacity 0.15s linear; cursor:text; } .page-focus form fieldset ul li label.focus { opacity:0.35; filter: alpha(opacity=35); } .page-focus form fieldset ul li label.has-text { opacity:0.0; filter: alpha(opacity=0); } .page-focus form fieldset ul li input { float:left; clear:left; margin-top:-20px; color:black; background-color:white; position:relative; z-index:2; width:241px; padding:2px 2px 4px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid grey } .page-focus form fieldset ul li input.submit-button, .page-focus form fieldset ul li input.clear-button { font-weight:bold; padding:2px 17px 3px 20px; *padding:2px 0px 3px 10px; margin-top:0; width:auto; cursor:pointer; *text-align:center; } .page-focus form fieldset ul li input.submit-button { color:white; /*background-color:#e7694d;*/ background: #d95911 url('../images/focus-form-submit-bg.png') no-repeat 0 center; border-top:1px solid #3e3a3a; border-bottom:1px solid #3e3a3a; border-left:1px solid #555152; border-right:1px solid #555152; text-align:left; } .page-focus form fieldset ul li input.submit-button:hover { background-position:-160px center; } .page-focus form fieldset ul li input.submit-button:active { background-position:-320px center; } .page-focus form fieldset ul li input.clear-button { font-weight:normal; clear:none; color:#DA4C39; padding:2px 7px 3px; text-decoration:underline; background-color:transparent; border:none; width:auto; } .page-focus form fieldset ul li input.clear-button:hover { text-decoration:none; } /* 3. PRODUCT SLIDER (Product Nav) ----------------------------------------------*/ .slider-container { overflow:hidden; position:absolute; top:200px; left:0; padding:10px 0; height:180px; width:610px; z-index:1; } .slider-container ul { position:absolute; list-style:none; overflow:none; white-space:nowrap; padding:0 59px 0 35px; margin:0; width:auto; width:1425px; } .slider-container ul li { display:inline-block; *display:inline; float:left; white-space:normal; margin:0; font:normal 12px Verdana,Sans-serif; line-height:12px; } .slider-container ul li a { display:block; padding:0; background-color:#262626; text-decoration:none; color:#ccc; overflow:hidden; text-indent:-90000em; margin-left:-5px; margin-right:-5px; } .slider-container ul li a.adwords { width:121px; height:177px; background:transparent url('../images/slider-google-adwords.png') no-repeat 0 0; } .slider-container ul li a.yahoo-local { margin-top:20px; width:138px; height:157px; background:transparent url('../images/slider-yahoo-local.png') no-repeat 0 0; } .slider-container ul li a.city-visitor { margin-top:20px; width:138px; height:157px; background:transparent url('../images/slider-city-visitor.png') no-repeat 0 0; } .slider-container ul li a.sis { margin-top:20px; width:138px; height:157px; background:transparent url('../images/slider-single-industry-verticals.png') no-repeat 0 0; } .slider-container ul li a.keysites { margin-top:20px; width:178px; height:157px; background:transparent url('../images/slider-keysites.png') no-repeat 0 0; } .slider-container ul li a.fli { width:121px; height:177px; background:transparent url('../images/slider-football-business-finder.png') no-repeat 0 0; } .slider-container ul li a.estarts { margin-top:20px; width:180px; height:157px; background:transparent url('../images/slider-estart-website-packages.png') no-repeat 0 0; } .slider-container ul li a.domain-and-hosting { margin-top:20px; width:180px; height:157px; background:transparent url('../images/slider-hosting-and-domain-name-services.png') no-repeat 0 0; } .slider-container ul li a.seo { width:148px; height:177px; background:transparent url('../images/slider-seo.png') no-repeat 0 0; } .slider-container ul li a.keyword-management { margin-top:21px; width:180px; height:156px; background:transparent url('../images/slider-keyword-management.png') no-repeat 0 0; } .slider-container ul li a.sky-search-local { margin-top:20px; width:138px; height:157px; background:transparent url('../images/slider-sky-search-local.png') no-repeat 0 0; } .slider-container ul li a:hover { background-position:-200px 0px; } .slider-container ul li a:active { background-position:-400px 0px; } .slider-container .slider { position:absolute; top:175px; left:39px; width:510px; height:22px; background:transparent url('../images/slider-bg.png') no-repeat top left; } .slider-container .handle { position:absolute; cursor:ew-resize; top:1px; z-index:100; padding:0 1px; height:19px; width:198px; background:transparent url('../images/handle.png') no-repeat top center; } .slider-container .handle:hover { background-position:1px -20px; } .slider-container .handle:active { background-position:1px -40px; } /* 4. CONTENT SLIDER CONTAINERS ----------------------------------------------*/ #slider { width:860px; margin:50px auto 0; position:relative; } .scroll { height:750px; overflow:auto; position:relative; /* fix for IE to respect overflow */ clear:left; } .scrollContainer div.panel { padding:0 20px; height:750px; width:820px; /* change to 560px if not using JS to remove rh.scroll */ position:relative; overflow:hidden; } /* 5. CONTENT STYLES ----------------------------------------------*/ #divContent * { font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Sans-serif; } #divContent p { color:#666; padding-bottom:1em; font-size:12px; line-height:1.6em; } #divContent h2 { font:normal 30px Georgia,"Times New Roman",Times,serif; margin:0; padding:0; letter-spacing:-0.05em; color:#001D3B; } #divContent h2 span { color:#59A1BE; font-family:Georgia,"Times New Roman",Times,serif; } #divContent h3 { font-size:18px; font-weight:normal; padding-bottom:0; font-family:Georgia,"Times New Roman",Times,serif; color:#59A1BE; letter-spacing:-0.05em; margin-bottom:0px; padding-bottom:10px; } #divContent h3 em { font-size:18px; font-weight:normal; font-family:Georgia,"Times New Roman",Times,serif; letter-spacing:-0.05em; font-style:italic; } #divContent h4 { font:normal normal normal 12px Georgia,"Times New Roman",Times,serif; text-transform:uppercase; padding-bottom:0; color:#001D3B; letter-spacing:-0.05em; margin-bottom:0px; padding-bottom:10px; } #divContent strong { font-weight:bold; color:#555; } #divContent cite { color:#666; padding-bottom:1em; margin-top:5px; font-size:9px; font-style:normal; line-height:1.4em; display:block; } a { color:#59A1BE; } a:hover { text-decoration:none; } sup { font-size:8px; line-height:8px; margin-bottom:0; } #divContent ul p { padding-bottom:0.5em; } #divContent ul.jump-list li { padding-bottom:0em; } #divContent li { color:#666; padding-bottom:0.5em; line-height:1.6em; } #divContent ul li { list-style:none outside url('../images/bullet.gif'); } #divContent ol li { list-style-type: decimal; } #divContent li p { padding-bottom:0; } #divContent .subtitle { border-bottom:1px solid #c0c0c0; padding-bottom:19px; width:823px; } #divContent #slider h2 a { display:inline-block; float:right; width:154px; height:25px; background-image: url('../images/request-more-info-button.png'); text-indent:-9000em; overflow:hidden; margin-top:34px; margin-right:-4px; } #divContent #slider h2 a:hover { background-position:0 -25px; } #divContent #slider h2 a:active { background-position:0 -50px; } #divContent img.thumb { margin-left:-7px; margin-top:-7px; } /* Product Comparison Tables */ .comparison-table { border-collapse:collapse; color:#666; font-size:12px; line-height:1.6em; margin:10px 0 20px; } #divContent .comparison-table td cite { display:block; margin-top:0px; margin-bottom:0; } .comparison-table tr.product-names strong { font-size:14px; } .comparison-table td, .comparison-table th { border:1px solid #ccc; padding:3px 5px; text-align:left; } .comparison-table th { background-color:#efefef; } .comparison-table tr.product-names th, .comparison-table td { text-align:center; } .comparison-table td.empty { border:none; } .comparison-table tr.prices th { font-size:14px; } .comparison-table tr.prices td { font-size:14px; } .comparison-table tr.prices td strong { color:white; } /* Video Block --'TEMPORARILY' DISABLED-- */ #divContent .primary-video { position:absolute; top:0; right:17px; width:266px; height:66px; background:transparent url('../images/walkthrough-bg.gif') no-repeat top left; padding:7px 7px 1em 10px; margin:0; } #divContent .primary-video img { float:left; margin:-3px 10px 0 -6px; } #divContent .primary-video h3 { text-shadow:rgb(255,255,255) 0px 1px 0px; font-size:14px; color:#444; font-weight:bold; letter-spacing:normal; margin:0; padding:0; font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Sans-serif; } #divContent .primary-video p { text-shadow:rgb(255,255,255) 0px 1px 0px; font-size:10px; padding-top:8px; line-height:1.3em; } /* Product Browser (Prev/Next Buttons) */ #divContent .previous-product, #divContent .next-product { position:absolute; top:68px; text-indent:-9999px; overflow:hidden; height:11px; } #divContent .previous-product { left:20px; width:58px; background:white url('../images/previous-product-link.png') no-repeat top left; } #divContent .next-product { right:17px; width:43px; background:white url('../images/next-product-link.png') no-repeat top left; } #divContent .previous-product:hover, #divContent .next-product:hover { background-position:0 -11px; } #divContent .previous-product:active, #divContent .next-product:active { background-position:0 -22px; } /* Columns */ .column { float:left; } .column h3 { line-height:1.1em; padding-top:1em; } .main ul, .main ol { padding-bottom:1em; list-style-image:none; list-style-position:outside; font-size:12px; } .main ul { list-style-type:disc; margin-left:14px; } .main ol { list-style-type:none; background-color:none; margin-left:19px; } .main { width:510px; margin-right:20px; margin-top:33px; padding-bottom:1em; } .main>img { margin-bottom:20px; } .main h3 { padding-top:4px; color:#59A1BE; } .aside { width:279px; margin-left:11px; margin-top:13px; } #google-adwords .aside { margin-top:50px } #seo .aside { margin-top:19px } .aside ul { padding-bottom:1em; list-style-image:none; list-style-position:outside; list-style-type:disc; margin-left:14px; font-size:12px; } .block, .double-block { margin-left:10px; float:left; margin-top:0px; padding-bottom:1em; } .block { width:125px; padding-right:4px; } .double-block { width:264px; } .double-block .divider { width:120px; } .double-block .odd { float:left; } .double-block .even { float:right; } .double-block p { clear:both; } #divContent .double-block cite { margin-top:0px; margin-left:0px; font-style:italic; } #divContent .double-block blockquote { margin-top:5px; } #divContent .double-block blockquote p { font-size:12px; font-weight:normal; padding-bottom:0; margin-bottom:0px; padding-bottom:10px; } #divContent .double-block blockquote cite { margin-top:-8px; text-align:right; color:#001D3B; } #divContent .double-block blockquote em { font-weight:normal; font-family:Georgia,"Times New Roman",Times,serif; letter-spacing:normal; font-style:normal; } .read-more-testimonials-button { display:block; width:140px; height:25px; background:transparent url('../images/read-more-testimonials-button.png') no-repeat 0 0; overflow:hidden; text-indent:-999em; } .read-more-testimonials-button:hover { background-position:0 -25px; } .read-more-testimonials-button:active { background-position:0 -50px; } /* Swanky Image Zoom Links */ a.swanky-image-zoom, a.swanky-zoom-yahoo, a.swanky-zoom-yahoo-wyg { display:block; position:relative; width:125px; height:78px; overflow:hidden; margin:-6px 0 0 -6px; } #yahoo-local a.where-does-my-listing-appear { background:transparent url('../../content/yahoo-local/where-does-my-listing-appear-thumb.gif') no-repeat 0 0; } #yahoo-local a.what-do-i-get { background:transparent url('../../content/yahoo-local/what-you-get-thumb.gif') no-repeat 0 0; } #yahoo-local a.swanky-image-zoom:hover, #yahoo-local a.swanky-zoom-yahoo-wyg:hover { background-position:0 -100px; } #yahoo-local a.swanky-image-zoom:active, #yahoo-local a.swanky-zoom-yahoo-wyg:active { background-position:0 -200px; } /* "Interested in..." links */ ul.interested-links { list-style:none; padding:0; margin-left:-8px; } ul.interested-links li { display:inline; padding:0; margin:0; float:left; height:41px; } ul.interested-links li a { display:block; font-size:11px; padding:11px 18px 15px; text-decoration:none; color:#4C4C4C; text-shadow:rgb(255,255,255) 0px 1px 0px; line-height:15px; background:transparent url('../images/button-arrow.png') no-repeat right 14px; float:left; } ul.interested-links li a:hover { color:white; text-shadow:rgb(50,50,50) 0px 1px 0px; } ul.interested-links .first { background:transparent url('../images/first-button-bg.png') no-repeat top left; } ul.interested-links .first:hover { background-position:0 -50px; } ul.interested-links .first:active { background-position:0 -100px; } ul.interested-links .first a { padding-right:38px; } ul.interested-links .divider { width:1px; background:transparent url('../images/button-divider.png') no-repeat 0 0; padding-left:0; padding-right:0; margin:none; } ul.interested-links .last { background:transparent url('../images/last-button-bg.png') no-repeat top right; } ul.interested-links .divider a { background-image:none; } ul.interested-links .last:hover { background-position:right -50px; } ul.interested-links .last:active { background-position:right -100px; } ul.interested-links .last a { padding-right:38px; padding-left:10px; } /* Misc Buttons */ .see-features, .see-demo { text-indent:-1000em; display:-moz-inline-stack; display:block; overflow:hidden; } .see-features { width:105px; height:22px; background:transparent url('../images/see-features-button.png') no-repeat 0 0; margin-top:3px; } .see-features:hover { background-position:0 -22px; } .see-features:active { background-position:0 -44px; } .see-demo { width:77px; height:25px; background:transparent url('../images/see-demo-button.png') no-repeat 0 0; margin-top:3px; margin-bottom:-10px; } .see-demo:hover { background-position:0 -25px; } .see-demo:active { background-position:0 -50px; } /* 6. TABS WITHIN CONTENT ----------------------------------------------*/ ul.keysites-nav, ul.adwords-nav, ul.fli-nav, ul.estarts-nav { list-style:none; line-height:normal; border-bottom:1px solid #C0C0C0; } ul.keysites-nav li, ul.adwords-nav li, ul.fli-nav li, ul.estarts-nav li { display:inline; float:left; } ul.keysites-nav, ul.adwords-nav, ul.fli-nav, ul.estarts-nav { padding-bottom:24px; margin-left:0; margin-top:15px; } ul.keysites-nav li a, ul.adwords-nav li a, ul.fli-nav li a, ul.estarts-nav li a { background-color:#E3E3E3; padding:3px 10px 0; border:1px solid #C0C0C0; margin-right:2px; height:20px; display:block; cursor:pointer; color:#333; float:left; } ul.keysites-nav li a.on, ul.adwords-nav li a.on, ul.fli-nav li a.on, ul.estarts-nav li a.on { background-color:white; border-bottom:1px solid white; cursor:default; } ul.keysites-nav li a.on:hover, ul.adwords-nav li a.on:hover, ul.fli-nav li a.on:hover, ul.estarts-nav li a.on:hover { background-color:white; } ul.keysites-nav li a:hover, ul.adwords-nav li a:hover, ul.fli-nav li a:hover, ul.estarts-nav li a:hover { background-color:#efefef; } ul.keysites-nav li a:active, ul.adwords-nav li a:active, ul.fli-nav li a:active, ul.estarts-nav li a:active { background-color:#C6C6C6; } .hidden { display:none !important; } .keysites-tab, .adwords-tab, .estarts-tab { padding:30px 30px 30px; border:1px solid #C0C0C0; border-top:none; background:#dbdbdb url('../images/tab-bg.jpg') repeat-x top; position:relative; } .keysites-tab img, .adwords-tab img, .estarts-tab img { padding:5px; border:1px solid #ccc; background-color:white; margin-bottom:5px; margin-top:3px; } .keysites-tab dl, .adwords-tab dl, .fli-tab dl, .estarts-tab dl { font:normal 12px 'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Sans-serif; margin-bottom:10px; clear:both; } .keysites-tab dt, .adwords-tab dt, .fli-tab dt, .estarts-tab dt { float:left; } .keysites-tab dt a, .adwords-tab dt a, .fli-tab dt a, .estarts-tab dt a { text-decoration:none; background-color:#E3E3E3; padding:1px 5px; border:1px solid #C0C0C0; width:210px; margin:0 2px 2px 0; display:block; color:#333; } .keysites-tab dt a:hover, .adwords-tab dt a:hover, .fli-tab dt a:hover, .estarts-tab dt a:hover { background-color:#EFEFEF; } .keysites-tab ul, .adwords-tab ul, .fli-tab ul, .estarts-tab ul { list-style:disc outside; margin-left:15px; } /* 7. SECTION SPECIFIC STYLES ----------------------------------------------*/ /* Overview */ .aside .jump-list { margin-left:0; } .jump-list li { display:inline; float:left; clear:left; } .jump-list a, .jump-list a:visited { display:block; font-size:11px; border:1px solid #C0C0C0; padding:1px 15px 2px 5px; text-align:left; margin:0 1px 1px 0; text-decoration:none; color:#333; background:#EFEFEF url('../images/button-arrow.png') no-repeat 252px 4px; width:249px; line-height:1.4em; -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; } .jump-list a:hover { background-color:white; } /* Google AdWords */ #google-adwords .our-credentials { padding-top:0px; margin-top:10px } #google-adwords .our-credentials .adwords-pro { width:450px; float:left; margin-right:20px } #google-adwords .our-credentials .adwords-reseller { width:210px; float:right; } #google-adwords .our-credentials div a.adwords-logo { float:left; margin-right:20px; margin-top:2px; margin-bottom:5px; } #google-adwords .our-credentials div a.adwords-logo img { border:1px solid #ccc; } #google-adwords .our-credentials div a.adwords-logo:hover img { border:1px solid #59A1BE; } #google-adwords .adwords-faqs #container { margin: 50px auto; width: 500px; border: 1px solid #999; } #google-adwords .adwords-faqs .footer { border-top: 1px solid #999; background: #5e5e51; text-align: right; color: #fff; } #google-adwords .adwords-faqs .faq-block { position: relative; } #google-adwords .adwords-faqs p { padding: 2px 0; } #google-adwords .adwords-faqs .faq-block a { color:#59A1BE; padding-bottom:1em; font-size:12px; line-height:1.6em; text-decoration:underline; padding:2px 4px; margin:2px 0 2px -5px; border:1px solid transparent; border-bottom:none; display:block; } #google-adwords .adwords-faqs .faq-block a:hover { text-decoration:none; } #google-adwords .adwords-faqs .faq-content { border:1px solid #ddd; margin-left:-5px; padding:10px 4px 2px 20px; background-color:white; } #google-adwords .adwords-faqs .faq-content p { padding:5px 0 15px; } #google-adwords .adwords-faqs .faq-content li { padding-bottom:0; } #google-adwords .adwords-faqs .faq-block a.active { background:#efefef; border:1px solid #ddd; margin-bottom:0; border-bottom:none; } /* Yahoo Local */ #yahoo-local img.main-image { width:290px; height:350px; float:right; background-color:#eee; margin:-6px 0 0 20px; } /* City-Visitor */ ul.tiers { margin-left:0; } #divContent ul.tiers li { list-style:none; margin-bottom:0px; padding-bottom:0; } ul.tiers li a { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#eee url('../images/tiers-bg.gif') no-repeat 0px center; border:1px solid #ddd; display:block; width:261px; position:relative; padding:2px 4px 3px; margin-bottom:3px; font-size:11px; text-decoration:none; color:#999; margin-left:0; } ul.tiers li a em { white-space:nowrap; float:right; margin-top:-3px; font-style:normal; color:#59A1BE; text-decoration:underline; background: transparent url('../images/more-arrow.gif') no-repeat 100% 55%; padding:0 8px 0 5px; } ul.tiers li a strong { font:normal 11px Georgia,"Times New Roman",Times,serif; color:#001D3B; letter-spacing:normal; } ul.tiers li a span { color:#59A1BE; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-right-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-right-radius:0px; font:bold normal normal 18px Helvetica, Arial, sans-serif; line-height:15px; position:absolute; top:-1px; left:-8px; border:1px solid #ddd; padding:6px 5px 5px; background-color:white; } ul.tiers li a:hover { border-color:#59A1BE; background:#eee url('../images/tiers-bg.gif') no-repeat -300px center; } ul.tiers li a:hover em { text-decoration:none; } ul.tiers li a:hover strong { } ul.tiers li a:hover span { border-color:#59A1BE; color:#59A1BE; } #city-visitor img.main-image { width:290px; height:579px; float:right; background-color:#eee; margin-top:-6px; margin-left:20px; } .compare-listings { width:111px; height:25px; display:block; background:transparent url('../images/compare-listings-button.png') no-repeat 0 0; float:right; text-indent:-999em; margin-right:-8px; margin-top:-2px; } .compare-listings:hover { background-position:0 -25px; } .compare-listings:active { background-position:0 -50px; } /* SIVs */ #siv-slideshow { position:relative; width:510px; height:450px; margin-left:-13px; overflow:hidden; } #siv-slideshow img { position:absolute; top:3px; left:0; z-index:8; } #siv-slideshow img.active { z-index:10; } #siv-slideshow img.last-active { z-index:9; } /* FLi */ #football-business-finder .teams-list { border:1px solid #ccc; border-left:none; border-right:none; width:250px; height:400px; padding:10px 10px 2px; overflow-x:hidden; overflow-y:scroll; background:white url('../images/fli-teams-bg.gif') repeat-x 0 0; background-position: static; } .fli-tab img { padding:0px; border:none; margin:0; position:absolute; top:0; left:0; z-index:2; } .fli-tab { border:1px solid #C0C0C0; border-top:none; background:#dbdbdb url('../images/tab-bg.jpg') repeat-x top; height:480px; padding:0; position:relative; } #fli-tab3-content { padding:30px 30px 0; } .fli-tab a { display:block; text-decoration:none; position:absolute; color:white; z-index:3; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background-color:transparent; border:5px solid #ffc005; -moz-border-image: url('../images/annotations-custom-border.png') 5 5 5 5 stretch; -webkit-border-image: url('../images/annotations-custom-border.png') 5 5 5 5 stretch; border-image: url('../images/annotations-custom-border.png') 5 5 5 5 stretch; } .fli-tab a:hover { background-color:rgba(255,255,255,0.5); } .fli-tab a span.title { background:#333 url('../images/white-more-arrow.gif') no-repeat 100% 50%; font:bold 12px Helvetica, Arial, sans-serif; padding:2px 16px 2px 8px; position:absolute; top:-5px; left:-16px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:2px solid #ffc005; } .fli-tab a:hover span.title { background-color:#555; } .fli-tab a span.hint { position:absolute; right:0px; bottom:0px; display:block; font:normal 10px Helvetica, Arial, sans-serif; padding:2px 7px; border-top:1px solid black; border-left:1px solid black; text-align:right; background-color:#FFC534; color:black; } .fli-tab a:hover span.hint { } .fli-tab a:hover { } .fli-tab a.premium-banner { width:291px; height:62px; top:128px; left:166px; } .fli-tab a.search-banner { width:145px; height:37px; top:338px; left:166px; } .fli-tab a.catagory-banner { width:291px; height:49px; top:294px; left:166px; } .fli-tab a.priority-listing { width:291px; height:53px; top:356px; left:166px; } .fli-tab a.enhanced-listing { width:291px; height:52px; top:422px; left:166px; } .fli-tab a div, .fli-tab a span.main-box { border:1px solid black; position:absolute; top:0; bottom:0; left:0; right:0; } .fli-tab p.note { border:1px solid #BE774B; position:absolute; z-index:100; left:10px; bottom:10px; background-color:#FDDCAA; padding:5px 10px; width:100px; } #divContent .fli-tab p.note { display:block; font-size:10px; font-weight:bold; } #fli-tab1 { text-align:center; } #fli-tab2 { text-align:center; } .footballleague th { background-color:#efefef; border:#999 1px solid; padding:5px 10px; width:222px; height:19px; margin:0; font-size:13px; text-transform:uppercase; color:#001D55; } .footballleague th img { margin:0 9px -4px 0; } .footballleague td { background-color:#fff; border:#999 1px solid; border-top:none; padding:5px 10px 6px 10px; width:218px; margin:0; } table.footballleague { margin-bottom:8px; } .teams-list ul { font:normal "Geneva", Verdana, Helvetica, Arial, sans-serif; list-style-type:none; margin:0; } #divContent .teams-list ul li { background-color:transparent; background-image:none; text-indent:0; padding:0; margin:0; clear:left; list-style-image:none; } div#divContent table.footballleague ul li { padding-bottom:0; margin-bottom:0; } .teams-list ul a { float:left; text-decoration:none; width:93%; padding-right:15px; } .teams-list ul a:hover { background:transparent url('../images/fli-link-arrow.gif') right 50% no-repeat; } #divContent ul li a.dark, #divContent ul li a.dark { color:#001D3B; } #divContent ul li a.light, #divContent ul li a.light { color:#3D86A2; } #divContent ul li a.dark:hover, #divContent ul li a.dark:hover { color:#818f9e; text-decoration:none; } #divContent ul li a.light:hover, #divContent ul li a.light:hover { color:#9fc3d1; text-decoration:none; } /* Sky Interactive */ /* eStarts */ /* eStart Features */ #estarts-tab2-content h3.estart-features { width:140px; float:left; } #estarts-tab2-content ul.estart-features { width:125px; float:left; clear:left } #estarts-tab2-content h3.estart-extras { width:261px; float:right; clear:right; margin-top:41px; } #estarts-tab2-content ul.estart-extras { width:246px; float:right; clear:right; } #estarts-tab3-content h3.estart-features { width:230px; float:left; } #estarts-tab3-content ul.estart-features { width:230px; float:left; clear:left; } #estarts-tab3-content h3.estart-extras { width:149px; float:right; clear:none; margin-top:-34px; } #estarts-tab3-content ul.estart-extras { width:135px; float:right; clear:right; } #divContent #estarts-tab3-content cite.estart-extras { width:149px; float:right; clear:right; margin-top:-10px; margin-bottom:-10px; padding-bottom:0; } div.estart-standout { position:relative; border:1px solid #999; padding:10px; width:195px; margin:0 0 0 0px; background-color:white; -moz-box-shadow:0px 1px 2px rgba(100,100,100,0.3); -webkit-box-shadow:0px 1px 2px rgba(100,100,100,0.3); box-shadow:0px 1px 2px rgba(100,100,100,0.3); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } div.estart-standout a.image-link, div.estart-standout img { background-color:black; width:50px; height:59px; float:right; border:none; padding:0; margin:5px 0 0 15px; } #divContent div.estart-standout h3 { margin:0; padding:0 0 0.25em 0; } #divContent div.estart-standout p { font-size:10px; } div.estart-standout a { display:block; height:25px; width:83px; overflow:hidden; text-indent:-999em; background:transparent url('../images/see-features-button.png') no-repeat 0 0; margin-left:-2px; } div.estart-standout a:hover { background-position: 0 -25px; } div.estart-standout a:active { background-position: 0 -50px; } div.design-gallery-standout { background:white url('../../content/estart-website-packages/design-gallery-standout-bg.png') no-repeat center left; } #estarts-tab2-content div.design-gallery-standout { float:right; clear:right; margin-top:-26px; } #estarts-tab3-content div.design-gallery-standout { float:left; clear:left; } div.design-gallery-standout { position:relative; border:1px solid #999; padding:10px; width:238px; margin:0 0 0 0px; background-color:white; -moz-box-shadow:0px 1px 2px rgba(100,100,100,0.3); -webkit-box-shadow:0px 1px 2px rgba(100,100,100,0.3); box-shadow:0px 1px 2px rgba(100,100,100,0.3); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } div.design-gallery-standout img { background-color:black; width:84px; height:81px; float:left; border:none; padding:0; margin:0 15px 0 0; } #divContent div.design-gallery-standout h3 { margin:0; padding:0 0 0.25em 0; } #divContent div.design-gallery-standout p { font-size:10px; } div.design-gallery-standout a { position:absolute; right:14px; bottom:7px; display:block; height:25px; width:136px; overflow:hidden; text-indent:-999em; background:transparent url('../images/see-our-design-gallery-button.png') no-repeat 0 0; } div.design-gallery-standout a:hover { background:transparent url('../images/see-our-design-gallery-button.png') no-repeat 0 -25px; } div.design-gallery-standout a:active { background:transparent url('../images/see-our-design-gallery-button.png') no-repeat 0 -50px; } /* eStart Design Gallery */ #estart-design-gallery-container { height:400px; position:absolute; bottom:0; left:0; right:0; overflow:hidden; background:transparent url('../../content/estart-website-packages/template-gallery-bg.png') no-repeat bottom left; } #estart-design-gallery-container .scroll-container { border:none; overflow:hidden; overflow-x:hidden; position:absolute; bottom:0; left:0; width:508px; height:406px; } #estart-design-gallery-container ul { width:4900px; height:400px; padding:0; margin:0; left:0; top:0; position:absolute; } #estart-design-gallery-container ul li.design-container { width:508px; height:400px; display:block; float:left; position:relative; } #estart-design-gallery-container ul li.design-container h3 { text-align:center; } #estart-design-gallery-container ul li.design-container .example-sites { bottom:10px; position:absolute; right:12px; width:164px; } #estart-design-gallery-container ul li.design-container select { position:absolute; bottom:0; right:0; width:75px; } #estart-design-gallery-container ul li.design-container img { border:1px solid #333; background-color:transparent; padding:0; position:absolute; left:113px; -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 5px 15px rgba(0,0,0,0.4); box-shadow: 0px 5px 15px rgba(0,0,0,0.4); z-index:3; } #estart-design-gallery-container ul li.design-container .content-features { bottom:10px; position:absolute; left:12px; width:245px; } #estart-design-gallery-container ul li.design-container .estart-content-features-button, #estart-design-gallery-container ul li.design-container .estart-plus-content-features-button { background-color:transparent; background-image:url("../images/estart-estart-plus-button.png"); background-repeat:no-repeat; display:block; float:right; height:25px; margin-bottom:-6px; margin-top:-2px; overflow:hidden; text-indent:-999em; } #estart-design-gallery-container ul li.design-container .estart-content-features-button { width:46px; background-position:0 0; } #estart-design-gallery-container ul li.design-container .estart-content-features-button:hover { background-position:0 -25px; } #estart-design-gallery-container ul li.design-container .estart-content-features-button:active { background-position:0 -50px; } #estart-design-gallery-container ul li.design-container .estart-content-features-button.not-available { background-position:0 -75px; } #estart-design-gallery-container ul li.design-container .estart-plus-content-features-button { width:70px; background-position:-46px 0; } #estart-design-gallery-container ul li.design-container .estart-plus-content-features-button:hover { background-position:-46px -25px; } #estart-design-gallery-container ul li.design-container .estart-plus-content-features-button:active { background-position:-46px -50px; } #estart-design-gallery-container ul li.design-container .estart-plus-content-features-button.not-available { background-position:-46px -75px; } #estart-design-gallery-container ul li.design-container .one-page-version-button, #estart-design-gallery-container ul li.design-container .multi-page-version-button { position:absolute; bottom:90px; display:block; overflow:hidden; text-indent:-999em; height:25px; background-color:transparent; background-image:url('../images/view-design-preview-buttons.png'); background-repeat:no-repeat; } #estart-design-gallery-container ul li.design-container .one-page-version-button { width:108px; background-position:0 0; left:134px; } #estart-design-gallery-container ul li.design-container .one-page-version-button:hover { background-position:0 -25px; } #estart-design-gallery-container ul li.design-container .one-page-version-button:active { background-position:0 -50px; } #estart-design-gallery-container ul li.design-container .one-page-version-button.not-available { background-position:0 -75px; cursor:default; } #estart-design-gallery-container ul li.design-container .multi-page-version-button { width:132px; background-position:-108px 0; right:134px; } #estart-design-gallery-container ul li.design-container .multi-page-version-button:hover { background-position:-108px -25px; } #estart-design-gallery-container ul li.design-container .multi-page-version-button:active { background-position:-108px -50px; } #estart-design-gallery-container ul li.design-container .multi-page-version-button.not-available { background-position:-108px -75px; cursor:default; } .previous-design, .next-design { display:block; width:28px; height:40px; position:absolute; text-indent:-9000em; overflow:hidden; bottom:142px; cursor: pointer; z-index:10; } .previous-design { background:transparent url('../../content/estart-website-packages/previous-arrow.png') no-repeat top left; left:-4px; } .next-design { background:transparent url('../../content/estart-website-packages/next-arrow.png') no-repeat top left; right:-4px; } .previous-design:hover { background-position: left -40px; } .previous-design:active { background-position: left -80px; } .next-design:hover { background-position: right -40px; } .next-design:active { background-position: right -80px; } /* Hosting & Domains */ /* SEO */ #seo { background:white url('../../content/seo/seo-background.png') no-repeat -45px 105%; } /* KWM */ #keyword-management { background:white url('../../content/keyword-management/keyword-management-bg.png') no-repeat center bottom; } /* 8. SWEATING THE SMALL DETAILS ----------------------------------------------*/ .question { background:white url('../images/question-icon.gif') no-repeat 0 0px; padding-left:35px; margin-left:-4px; } .clear-both { clear:both; } .learn-more-button { display:block; width:78px; height:25px; background:transparent url('../images/learn-more-button.png') no-repeat 0 0; overflow:hidden; text-indent:-999em; } .learn-more-button:hover { background-position:0 -25px; } .learn-more-button:active { background-position:0 -50px; } .find-out-button { display:block; width:65px; height:25px; background:transparent url('../images/find-out-button.png') no-repeat 0 0; overflow:hidden; text-indent:-999em; } .find-out-button:hover { background-position:0 -25px; } .find-out-button:active { background-position:0 -50px; } /* 9. FANCY BOX CONTENT ----------------------------------------------*/ #fancy_content h2 { font:normal 30px Georgia,"Times New Roman",Times,serif; margin:0px 0 9px; padding:0; letter-spacing:-0.05em; color:#001D3B; margin:25px 25px 15px; } #fancy_content h2 em { color:#59A1BE; font-style:normal; } #fancy_content p { color:#666666; font:normal 12px 'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Sans-serif; line-height:1.4em;padding-bottom:1em; letter-spacing:normal; margin:0 25px; } #fancy_content .logo-size { border:1px solid black; position:absolute; background-color:#eee; margin-top:34px; right:10px; line-height:24px; text-align:center; font:bold 12px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Sans-serif; color:#333; } #fancy_content ul { list-style:disc; margin:0px 25px 0; padding-bottom:1em; } #fancy_content li { font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Sans-serif; color:#333; line-height:1.4em; font-size:12px; letter-spacing:normal; } #fancy_content object { margin:25px 25px 25px 25px; } #fancy_content p.strapline {} #fancy_content ul.annotations { list-style:none; padding:0 35px; } #fancy_content ul.annotations li { clear:left; padding:0 0 5px 0; } #fancy_content ul.annotations em { color:white; background-color:red; display:block; -moz-box-shadow:0px 2px 2px #bbb; -webkit-box-shadow:0px 2px 2px #bbb; box-shadow:0px 2px 2px #bbb; -moz-border-radius:13px; -webkit-border-radius:13px; border-radius:13px; font-style:normal; font-weight:bold; margin-left:-30px; float:left; padding:1px 5px; margin-top:-1px; } #fancy_content table.comparison-table { margin-left:25px; width:521px; margin-top:25px; } #fancy_content table.comparison-table { font:normal 12px 'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Sans-serif; } #fancy_content table.comparison-table tr.product-names th strong { font-size:12px; } #fancy_content table.comparison-table strong { font-weight:bold; } #fancy_content table.comparison-table td { white-space:nowrap; } #fancy_content table.comparison-table td, #fancy_content table.comparison-table th { padding:5px; width:auto; } #fancy_content table.comparison-table td cite { display:block; margin-top:0px; margin-bottom:0; } .comparison-table tr.product-names strong