/* -- -- -- -- -- -- -- default.css main site structure & typography -- -- -- -- -- -- -- */ /* Core ========================================================================================================*/ body { font:62.5% Arial, sans-serif; color:#8096a4; background-color:#fff; } /* Typography ========================================================================================================*/ h1 { margin-bottom:0.557em; font-size:4.8em; font-weight:300; line-height:1.11em; letter-spacing:-0.03em; color:#182e41; } /* 36px / 40px */ h2 { margin-bottom:0.556em; font-size:3.6em; font-weight:300; line-height:1.667em; color:#182e41; } /* 24px / 40px */ h3 { font-size:1.8em; font-weight:normal; line-height:1.667em; color:#182e41; } /* 18px / 30px */ h4 { font-size:1.3em; font-weight:normal; line-height:1.539em; color:#182e41; } /* 13px / 20px */ h5 { font-size:1.3em; font-weight:normal; line-height:1.539em; color:#182e41; } /* 13px / 20px */ p { margin-bottom:1.539em; font-size:1.3em; line-height:1.539em; } ul { margin-bottom:2em; list-style-type:square; list-style-position:outside; } ul ul { margin-bottom:0; } ul li { list-style:none; padding-left:12px; background:url(../img/ui/arrow-bullet.png) 0 7px no-repeat; } li li, li p { font-size:1em; } li h2 { font-size:1.385em; } li h3 { font-size:1em; } ol { margin-bottom:2em; list-style-position:outside; list-style-type:decimal; } ol li { margin-left:1.539em; } li { font-size:1.3em; line-height:1.539em; } dl { margin-bottom:2em; } dt { font-size:1.3em; line-height:1.539em; font-weight:bold; } dd { font-size:1.3em; line-height:1.539em; } table { width:100%; } td,th { font-size:1.3em; line-height:1.539em; } pre { background:url(../img/ui/pre-code-bg.gif) repeat left top; border:1px solid #eee; font-size:1.3em; line-height:1.539em; overflow:auto; overflow-Y:hidden; /* hide vertical scroll in IE */ } pre code { margin:0 0 0 40px; padding:1.539em 0; display: block; } blockquote { font-style:italic; } label { font-size:1.3em; line-height:1.539em; } a { color:#ed941f; text-decoration:none; } strong { font-weight:bold; color:#000; } big { font-size:1.231em; line-height:1.539em; } small { font-size:0.846em; } /* Header ========================================================================================================*/ #container #header { position:relative; background:url(../img/ui/sprites.png) 0 -160px repeat-x #1f3448; z-index:2; } #header .wrap { position:relative; margin:0 auto; width:960px; height:120px; } #header .logo { position:absolute; top:14px; left:10px; display:block; width:117px; height:51px; background:url(../img/ui/sprites.png) 0 -280px no-repeat; text-indent:-9999px; } /* -- First level -- */ #firstnav { position:absolute; top:80px; margin:0; padding:0; list-style-type:none; } #firstnav li { position:relative; float:left; margin:0; padding:0; background:none; font-size:1.6em; } #firstnav li:hover ul { display:block; } #firstnav a { margin-right:20px; background-image:url(../img/ui/sprites.png); background-repeat:no-repeat; text-indent:-99999px; } /* Domains */ #firstnav .domain-names > a { width:78px; background-position:0 -331px; } #firstnav .domain-names > a:hover, body.domain-names #firstnav .domain-names > a { background-position:0 -371px; } /* Email */ #firstnav .email > a { width:54px; background-position:-78px -331px; } #firstnav .email > a:hover, body.email #firstnav .email > a, body.email-hosting #firstnav .email > a, body.exchange-hosting #firstnav .email > a, body.anti-spam-virus #firstnav .email > a, body.email-marketing #firstnav .email > a { background-position:-78px -371px; } /* Hosting */ #firstnav .hosting > a { width:71px; background-position:-132px -331px; } #firstnav .hosting > a:hover, body.hosting #firstnav .hosting > a, body.web-hosting #firstnav .hosting > a, body.vbulletin-hosting #firstnav .hosting > a, body.wordpress-hosting #firstnav .hosting > a, body.joomla-hosting #firstnav .hosting > a, body.magento-hosting #firstnav .hosting > a { background-position:-132px -371px; } /* Cloud */ #firstnav .xen-cloud-hosting > a { width:59px; background-position:-203px -331px; } #firstnav .xen-cloud-hosting > a:hover, body.xen-cloud-hosting #firstnav .xen-cloud-hosting a { background-position:-203px -371px; } /* Servers */ #firstnav .servers > a { width:68px; background-position:-262px -331px; } #firstnav .servers > a:hover, body.servers #firstnav .servers > a, body.virtual-private-servers #firstnav .servers > a, body.dedicated-servers #firstnav .servers > a { background-position:-262px -371px; } /* -- Second level -- */ #firstnav ul { display:none; position:absolute; top:40px; left:0; z-index:100; margin:0; padding:0; list-style-type:none; } #firstnav ul li { width:220px; font-size:0.6875em;} #firstnav ul a { padding:10px; border-bottom:1px solid #1f3347; width:auto !important; height:auto; background:#182e41; text-indent:0; text-decoration:none; line-height:1.363em; color:#8096a4; } #firstnav ul a:hover { background:#2a4156; } #firstnav ul strong { font-size:1.181em; color:#fff; font-weight:normal; } #firstnav ul a:hover strong { color:#fff; } #firstnav a, #toolnav a { float:left; display:block; height:40px; color:#8096a4; line-height:40px;} #firstnav ul a { float:none; } /* Toolnav */ #toolnav { position:absolute; top:80px; right:0; list-style-type:none;} #toolnav li { float:left; position:relative; margin:0; padding:0; background:none; font-size:1.6em; } #toolnav a { display:block; margin-left:20px; height:40px; background-image:url(../img/ui/sprites.png); text-indent:-99999px; } /* Order */ #toolnav .order a { width:90px; background-position:-330px -331px; } #toolnav .order a:hover, body.order #toolnav .order a { background-position:-330px -371px; } /* Support */ #toolnav .support a { width:120px; background-position:-420px -331px; } #toolnav .support a:hover, body.support #toolnav .support a { background-position:-420px -371px; } /* Account */ #toolnav .account a { width:86px; background-position:-540px -331px; } #toolnav .account a:hover, body.account #toolnav .account a { background-position:-540px -371px; } /* -- Contact options -- */ #contact-options { margin:0; font-size: 0.9em; list-style:none; } #contact-options li { float:left; padding:0; margin-right:40px; color:#8096A4; font-size:1.6em; background: none; } #contact-options li strong { color:#fff; } #contact-options .chat img { position:absolute; top:34px; left:250px; } #contact-options .noscript-chat { display:block; position:absolute; top:34px; left:250px; width:94px; height:14px; background:url(../img/ui/live-chat-offline.png) 0 0 no-repeat; text-indent:-99999px; } #contact-options .sales { position:absolute; top:30px; left:400px; } #contact-options .support { position:absolute; top:30px; left:590px; } /* -- Header search -- */ #header-search { position:absolute; top:28px; right:0; } #header-search label { display:none; } #header-search-keyword { padding:3px 24px 3px 4px; border:1px solid #364f64; width:110px; background:#2a4358; font-size:1.3em; color:#556e7d;} #header-search-keyword:focus { color:#8096a4; } #header-search-submit { position:absolute; right:0; top:0; margin:0; padding:0; width:24px; height:24px; border:0; background:url(../img/ui/sprites.png) 100% -280px; border:0; text-indent:-99999px; cursor:pointer; } #header-search-submit:hover { background-position:100% -304px; } /* Subheader ========================================================================================================*/ #subheader { background:url(../img/ui/sprites.png) 0 0 repeat-x #e0e3e7; } #subheader .wrap { position:relative; margin:0 auto; width:960px; height:160px; background-image:url(../img/ui/subheader-bg.png); background-position:50% 0; background-repeat:none; } #subheader h1 { position:absolute; top:50px; left:10px; margin:0; color:#0e2a38; } /* Section specific */ body.domain-names #subheader .wrap { background-image:url(../img/ui/sections/domain-names/subheader-bg.jpg); } body.email-hosting #subheader .wrap { background-image:url(../img/ui/sections/email-hosting/subheader-bg.jpg); } body.anti-spam-virus #subheader .wrap { background-image:url(../img/ui/sections/anti-spam-virus/subheader-bg.jpg); } body.web-hosting #subheader .wrap { background-image:url(../img/ui/sections/web-hosting/subheader-bg.jpg); } body.vbulletin-hosting #subheader .wrap { background-image:url(../img/ui/sections/vbulletin-hosting/subheader-bg.jpg); } body.wordpress-hosting #subheader .wrap { background-image:url(../img/ui/sections/wordpress-hosting/subheader-bg.jpg); } body.joomla-hosting #subheader .wrap { background-image:url(../img/ui/sections/joomla-hosting/subheader-bg.jpg); } body.magento-hosting #subheader .wrap { background-image:url(../img/ui/sections/magento-hosting/subheader-bg.jpg); } body.xen-cloud-hosting #subheader .wrap { background-image:url(../img/ui/sections/xen-cloud-hosting/subheader-bg.jpg); } body.virtual-private-servers #subheader .wrap { background-image:url(../img/ui/sections/virtual-private-servers/subheader-bg.jpg); } body.dedicated-servers #subheader .wrap { background-image:url(../img/ui/sections/dedicated-servers/subheader-bg.jpg); } body.support #subheader .wrap { background-image:url(../img/ui/sections/support/subheader-bg.jpg); } /* Content area ========================================================================================================*/ #container #stage { position:relative; } #stage .wrap { margin:0 auto; width:940px; } #content { float:right; padding:40px 0 40px 40px; width:700px; border-left:1px solid #dfe3e7; } #content.wide { float:none; padding:40px 0 0 0; border:0; width:auto; } #sub-content { float:left; margin-right:-1px; padding:40px 0 0 0; width:199px; border-right:1px solid #dfe3e7;} .support-sub-content p { padding-bottom:20px; border-bottom: 1px dotted #dfe3e7; font-weight:bold; } .support-sub-content p.small { font-weight:normal; font-size:1.1em; padding-right:10px; } .support-sub-content p.help-text { margin-top:35px; border-bottom:0; font-weight:normal; font-size:1.1em; padding-right:10px; } .wrap h1 a { color:#182E41; } /* Secondnav */ #secondnav { margin:0 0 40px 0; padding:0; list-style:none; border-top: 1px solid #dfe3e7; } #secondnav li { margin:0; padding:10px 0 9px 10px; background:none; border-bottom:1px solid #dfe3e7; } #secondnav li.active a { color:#182e41; } #secondnav a { display:block; color:#7c919c; text-decoration:none; } #secondnav a:hover { color:#182e41; } #secondnav ul { margin:10px 0 0 -10px; padding:9px 0 0 0; border-top: 1px solid #dfe3e7; } #secondnav li li { padding:0 0 0 10px; border-bottom:0; font-size:0.8462em; } #secondnav li li a { padding:0.181em 0 0.181em 10px; line-height:1.455em;} /* Footer ========================================================================================================*/ #footer { position:relative; clear:both; margin:0 auto 0 auto; padding:20px 0; border-top:1px solid #dbe2e9; width:940px; color:#8096a4; } #footer .legal { clear:left; color:#c3cfd6;} #footer .twitter a { display:block; position:absolute; right:0; top:20px; width:73px; height:29px; background:url(../img/ui/sprites.png) -636px -358px no-repeat; text-indent:-99999px; } #footer .linkedin a { display:block; position:absolute; right:100px; top:20px; width:68px; height:27px; background:url(../img/ui/sprites.png) -636px -331px no-repeat; text-indent:-99999px; } #footer .facebook a { display:block; position:absolute; right:185px; top:17px; width:75px; height:29px; background:url(../img/ui/facebookBtn.png) -0 0 no-repeat; text-indent:-99999px; } #footer .fblike { display:block; position:absolute; right:235px; top:26px; width:90px; height:25px; } #footer .plusone { padding-top: 8px; } #footernav { float:left; list-style-type:none; } #footernav li { float:left; margin:0; padding:0 30px 0 0; background:none; font-size:1.3em; } #footernav li a:link, #footernav li a:visited { display:block; float:left; text-decoration:none; color:#8096a4; } #footernav li a:hover { color:#182e41; } /* Buttons ========================================================================================================*/ .btnholder { clear:both; margin-top:20px; padding-top:20px; text-align:right; } .btnholder .btn { margin-right:0; margin-left:10px; } .btn { display:inline-block; margin:0 10px 0 0; padding:5px 15px; border:0; cursor:pointer; background:#9fb6c2; -moz-border-radius:15px; -webkit-border-radius:15px; color:#fff; text-decoration:none; font-weight:normal; color:#fff; } .btn:hover, .btn:focus, .btn:active { background:#b2c6d1; } .btn.secondary { background:#2a4156; } .btn.secondary:hover { background:#385673; } .btn.primary { background:#ed941f; } .btn.primary:hover { background:#fea632; } .btn.inactive { background:#cfdae0; } /* Comparison matrix ========================================================================================================*/ .compare { width:720px; } .compare .service { float:left; background:#eef1f5; text-align:center; } .compare h2 { margin:0; padding-top:6px; background:#182e41; font-size:2.4em; font-weight:300; line-height:1.667em; color:#fff; } /* 24px / 40px */ .compare ul { margin-bottom:18px; list-style:none; border-bottom:1px solid #f7f8fa; } .compare li { overflow:auto; margin:0; padding:0; border-bottom:1px solid #d7dee6; border-top:1px solid #f7f8fa; background:none; text-align:left; line-height:2.923em;} .compare .btn { margin:0;} .compare strong { color:#183241;} .compare .price { display:block; margin:0; padding-bottom:10px; background:#182e41; font-size:1.6em; line-height:1.25em; color:#8096a4; } /* 16px / 20px */ .compare .description { margin:0; border-bottom:1px solid #d7dee6; color:#182e41; } .compare .call-us { color:#182e41; font-weight:bold; } .compare div.push-1 { margin-top:35px; } .compare div.push-2 { margin-top:70px; } .compare div.push-3 { margin-top:105px; } .compare div.push-4 { margin-top:140px; } .compare ul.push-1 { margin-bottom:54px } .compare ul.push-2 { margin-bottom:89px; } .compare ul.push-3 { margin-bottom:124px; } .compare ul.push-4 { margin-bottom:174px; } /* 5 services */ .compare-5 { margin:0 -5px; } .compare-5 .service { margin:0 5px 20px 5px; width:132px; } .compare-5 li { padding:0 5px; font-size:1.1em; } .compare-5 .description { padding:5px; } /* 4 services */ .compare-4 { margin:0 -6px; } .compare-4 .service { margin:0 6px 20px 5px; width:156px; } .compare-4 li { padding:0 5px; font-size:1.1em; } .compare-4 .description { padding:5px; } /* 3 services */ .compare-3 { margin:0 -10px; } .compare-3 .service { margin:0 10px 20px 10px;width:220px; } .compare-3 li { padding:0 10px; } .compare-3 .description { padding:10px; } .compare .options { clear:both; margin:0; padding:0 5px 0 5px; } .compare .downgrade, .compare .upgrade { color:#8096a4; } .compare .downgrade:hover, .compare .upgrade:hover { color:#182e41; } .compare .upgrade { float:right; } .compare a.more-info { display:block; margin-top:10px; color:#8096a4; font-size:0.846em;} .compare a.more-info:hover { color:#182e41; } /* FAQ list ========================================================================================================*/ .faq-list .questions { list-style:none } .faq-list .questions li { padding:5px 0 5px 25px; background:url(../img/ui/faq-list-bullet.png) 0 8px no-repeat; } .faq-list .questions a { color:#8096a4; text-decoration:underline; } .faq-list h3 { clear:both; margin-top:39px; padding-top:20px; border-top:1px solid #dfe3e7; } .faq-list .go-to-top { color:#8096a4; text-decoration:underline; font-size:0.846em; } /* Definition lists ========================================================================================================*/ dl.inline { overflow:auto; background:url(../img/ui/border-dotted.png) 0 100% repeat-x; } dl.inline dt { clear:both; float:left; width:132px0px; font-weight:normal; background:url(../img/ui/border-dotted.png) 0 0 repeat-x; } dl.inline dd { background:url(../img/ui/border-dotted.png) 0 0 repeat-x; text-align:right; } /* Table styles ========================================================================================================*/ table.separated { margin-bottom:20px; background:url(../img/ui/border-dotted.png) 0 100% repeat-x; } table.separated thead th, table.separated thead td { background:none; } table.separated th, table.separated td { padding:10px 0; background:url(../img/ui/border-dotted.png) 0 0 repeat-x; } /* Shopping basket ========================================================================================================*/ .basket { padding:0 0 40px 0; } .basket table { table-layout:fixed; } .basket th, .basket .product-type, .basket .product-total, .basket .tfoot { color:#182e41; } .basket .tfoot th { font-weight:normal; } .basket .order-total td { font-weight:bold; color:#ed941f; } .basket .sub-total td { padding-top:20px; } .basket .remove a { display:block; width:16px; height:20px; background:url(../img/ui/basket-icons.png) 0 2px no-repeat; text-indent:-9999px; } .basket .remove a:hover { background-position:-16px 2px; } .basket tr.child td { background:none; } .basket tr.child .product-type { padding-left:14px; background:url(../img/ui/basket-child-bullet.png) 0 0 no-repeat;} .basket tr.child .product-description { padding-left:14px;} .basket th.remove { width:24px; } .basket th.description { width:676px; } .basket th.setup-fee { width:80px;} .basket th.price { width:80px;} .basket th.total-price { width:80px;} .basket .no-setup-fee th.description { width:836px; } .basket .summary { color:#182e41; text-align:right; } .basket .summary .order-total { color:#ed941f; } .basket .summary .amount { display:block; float:right; width:80px; } .basket .column { float:right; } .basket-item-amount { position:absolute; right:0; top:50px; font-size:3.6em; color:#8096a4; font-weight:300; } .order p.empty-basket { margin:0 auto; padding:80px 0 100px 160px; width:340px; background:url(../img/ui/basket-empty-icon.png) 0 40px no-repeat; font-size:3.6em; color:#182e41; font-weight:300; } /* Columns ========================================================================================================*/ .column { float:left; position:relative; margin:0 10px; } .columns-2, .columns-3, .columns-4, .columns-5 { overflow:auto; clear:both; margin:0 -10px; width:960px; } /* */ .columns-2 .column { width:460px; } .columns-3 .column { width:300px; } .columns-4 .column { width:220px; } .columns-5 .column { width:172px; } /* Content */ #content .columns-2, #content .columns-3, #content .columns-4 { margin:0 -10px; width:720px;} #content .columns-2 .column { width:340px; } #content .columns-3 .column { width:220px; } #content .columns-4 .column { width:160px; } /* Content wide*/ #content.wide .columns-2, #content.wide .columns-3, #content.wide .columns-4 { margin:0 -10px; width:960px;} #content.wide .columns-2 .column { width:460px; } #content.wide .columns-3 .column { width:300px; } #content.wide .columns-4 .column { width:220px; } #content.wide .columns-5 .column { width:172px; } .columns-2-icons { margin:0 -10px; width:720px; } .columns-2-icons .column { padding-left:80px; width:260px; } .columns-2-icons .icon { position:absolute; top:8px; left:12px; } .columns-separator { padding-top:20px; } .columns-separator .column { padding-top:20px; padding-bottom:20px; background:url(../img/ui/border-dotted.png) 0 0 repeat-x; } .columns-separator .icon { top:28px; } .column h2 { margin-bottom:0; font-size:1.8em; font-weight:400; line-height:1.667em; color:#182e41; } /* 18px / 30px */ .column h2 a { color:#182e41; } /* Icon list ========================================================================================================*/ ul.icons { margin:0; } ul.icons li { position:relative; border-radius:5px; } ul.icons a { display:block; padding:10px 0 10px 50px; text-decoration:none; color:#a6a6a6; } ul.icons span { display:block; position:absolute; padding:16px 0 0 16px; top:8px; left:6px; width:16px; height:16px; background-image:url(../img/ui/icons.png); background-repeat:no-repeat; } ul.icons span span { position:static; display:block; padding:0; width:16px; height:16px; background-image:url(../img/ui/icons.png); background-repeat:no-repeat; } ul.icons li:hover { background:#e9e9e9; } ul.icons a:focus strong { text-decoration:underline; } ul.icons-small { background:url(../img/ui/border-dotted.png) 0 0 repeat-x; } ul.icons-small li { position:relative; background:url(../img/ui/border-dotted.png) 0 100% repeat-x; } ul.icons-small a { display:block; padding:7px 0 7px 13px; text-decoration:none; color:#8096a4; } ul.icons-small a:hover { color:#333; } ul.icons-small span { display:block; position:absolute; top:9px; left:0; width:16px; height:16px; background-image:url(../img/ui/icons.png); background-repeat:no-repeat; } #secondary ul.icons-small a { color:#7a7a7a; } #secondary ul.icons-small a:hover { color:#333; } /* Icons ========================================================================================================*/ .icon-small-kb-folder { background:url(../img/ui/icons.png) -32px 0px; } .icon-small-kb-article { background:url(../img/ui/icons.png) -32px -16px; } .icon-small-kb-video { background:url(../img/ui/icons.png) -32px -32px; } .icon { width:48px; height:48px; } .icon-instant-setup { background:url(../img/ui/icons/48x48/timed-gears.png); } .icon-scalability { background:url(../img/ui/icons/48x48/timed-gears.png); } .icon-speed { background:url(../img/ui/icons/48x48/timed-gears.png); } .icon-problem-resolution { background:url(../img/ui/icons/48x48/tools.png); } .icon-customise { background:url(../img/ui/icons/48x48/tools.png); } .icon-personal-service { background:url(../img/ui/icons/48x48/heart.png); } .icon-no-hidden-costs { background:url(../img/ui/icons/48x48/book.png); } .icon-cost-effective { background:url(../img/ui/icons/48x48/book.png); } .icon-guarantee { background:url(../img/ui/icons/48x48/checkmark-bubble.png); } .icon-tech-support { background:url(../img/ui/icons/48x48/group.png); } .icon-team { background:url(../img/ui/icons/48x48/group.png); } .icon-account-manager { background:url(../img/ui/icons/48x48/business-man.png); } .icon-dialogue { background:url(../img/ui/icons/48x48/chat-bubbles.png); } .icon-domain { background:url(../img/ui/icons/48x48/world.png); } .icon-migration { background:url(../img/ui/icons/48x48/world-pointer.png); } .icon-site-usage { background:url(../img/ui/icons/48x48/graph-edit.png); } .icon-reliability { background:url(../img/ui/icons/48x48/load.png); } .icon-availability { background:url(../img/ui/icons/48x48/load.png); } .icon-high-traffic { background:url(../img/ui/icons/48x48/load.png); } .icon-software { background:url(../img/ui/icons/48x48/software.png); } .icon-no-restrictions { background:url(../img/ui/icons/48x48/terminal.png); } .icon-root { background:url(../img/ui/icons/48x48/terminal.png); } .icon-hot-swap { background:url(../img/ui/icons/48x48/hot-swap.png); } .icon-uptime { background:url(../img/ui/icons/48x48/hot-swap.png); } .icon-contract { background:url(../img/ui/icons/48x48/document.png); } .icon-ram { background:url(../img/ui/icons/48x48/ram.png); } .icon-hardware { background:url(../img/ui/icons/48x48/server-monitor.png); } .icon-training { background:url(../img/ui/icons/48x48/user-manual.png); } .icon-critical-email { background:url(../img/ui/icons/48x48/critical-email.png); } .icon-secure { background:url(../img/ui/icons/48x48/padlock.png); } .icon-global-access { background:url(../img/ui/icons/48x48/global-access.png); } .icon-quiet-centos { background:url(../img/ui/sprites.png) 0 -411px; width:96px; height:30px; } .icon-quiet-hp { background:url(../img/ui/sprites.png) -96px -411px; width:40px; height:30px; } .icon-quiet-php { background:url(../img/ui/sprites.png) -136px -411px; width:46px; height:30px; } .icon-quiet-mysql { background:url(../img/ui/sprites.png) -182px -411px; width:52px; height:30px; } .icon-quiet-aspnet { background:url(../img/ui/sprites.png) -234px -411px; width:76px; height:30px; } .icon-quiet-mssql { background:url(../img/ui/sprites.png) -310px -411px; width:113px; height:30px; } .icon-quiet-win2003 { background:url(../img/ui/sprites.png) -423px -411px; width:108px; height:30px; } /* Breadcrumbs ========================================================================================================*/ .breadcrumbs { margin-bottom:20px; } .breadcrumbs a { color:#8096a4; text-decoration:underline; } .breadcrumbs a:hover, .breadcrumbs a:focus { color:#182e41; } .breadcrumbs-separator { padding:0 6px; } /* Search results ========================================================================================================*/ #search-results ol { list-style:none; padding:0; } #search-results ol li { margin:0 0 20px 0; padding:0;} #search-results h2 { margin-bottom:0; } #search-results h2 a { color:#182e41; font-weight:400; text-decoration:underline; } .searchTermHighlight { padding:2px; font-weight: bold; backgroundnd:#fffcdc; color:#8c8968; } /* News ========================================================================================================*/ #news-article-list { list-style:none; padding:20px 0 0 0; background:url(../img/ui/border-dotted.png) 0 0 repeat-x;} #news-article-list li { clear:both; overflow:auto; padding:10px; margin:0 0 20px 0; padding:0; background:url(../img/ui/border-dotted.png) 0 100% repeat-x; } #news-article-list h3 { margin-bottom:0; font-size:1.3846em; line-height:1.667em; color:#182e41; font-weight:300; } #news-article-list h3 a { color:#182e41; font-weight:400; text-decoration:underline; } #news-article-list .publish-date, #news-article .publish-date { color:#b6c3cc; } #related-articles { margin-top:20px; } /* Tabs ========================================================================================================*/ .tabs { clear:both; position:relative; z-index:1; margin:0 0 40px -20px; padding:0 0 0 20px; height:39px; border-bottom:1px solid #dbe2e9; background:url(../img/ui/small-gradient-top.png) 0 100% no-repeat; } .tabs li { float:left; margin:0 4px 0 0; padding:0 20px; border:1px solid #dbe2e9; background:#fff; line-height:2.923em; } .tabs li a { color:#8096a4; } .tabs li a:hover { color:#182e41; } .tabs li.active { border-bottom-color:#fff; } .tabs li.active a { color:#182e41; } /* Paginator ========================================================================================================*/ .paginator { margin:40px 0 20px 0; text-align:center; } .paginator li { border:0; margin:0 3px 0 0; padding:0; font-size:11px; list-style:none; } .paginator a, .paginator .active { display:inline-block; margin-right:3px; padding:3px 6px; border:1px solid #dfe3e7;} .paginator .active { color:#182e41; font-weight:bold; } .paginator a:link, .paginator a:visited { color:#8096a4; text-decoration:none; } .paginator a:hover, .paginator a:focus { color:#182e41; background-position:0 -64px; } /* Status messages ========================================================================================================*/ .success, .notice, .error { margin-bottom:20px; padding:19px 19px 0 19px; border:1px solid; } .success li, .notice li, .error li { margin-left:15px; padding:0; background:none; list-style:disc; } .success { border-color:#c2e9ba; background:#e5f5e2; color:#5c7158; } .notice { border-color:#eae9c1; background:#fffcdc; color:#8c8968; } .error { border-color:#7f1515; background:#b10005; color:#fff; } /* Domain search results ========================================================================================================*/ #domain-results ul { margin:0; padding-bottom:1px; background:url(../img/ui/border-dotted.png) 0 100% repeat-x; } #domain-results li { position:relative; padding:0; background:none; padding-left:5px; height:40px; background:url(../img/ui/border-dotted.png) 0 0 repeat-x; color:#8096a4; line-height:40px; } #domain-results .btnholder { padding-top:0; background:none; } .dr-select-toggle { margin:0; padding:0; position:relative; margin:0; color:#7c919c; height:40px; text-align:right; } .dr-select-toggle input { position:absolute; top:12px; right:5px; } .dr-select-toggle label { position:absolute; right:30px; top:12px; font-size:1em; } .dr-more { display:none; padding-left:5px; height:40px; background:url(../img/ui/border-dotted.png) 0 100% repeat-x; color:#8096a4; line-height:40px; } .dr-domain strong { font-weight:normal; color:#8096a4; } label.dr-domain { color:#182e41; font-size:1em; } label.dr-domain strong { color:#ed941f; } .dr-duration { position:absolute; top:0; right:30px; min-width:140px; text-align:right; color:#182e41; } .dr-duration-noorder { right: 5px; } .dr-register { position:absolute; top:12px; right:5px; } .dr-registered, .dr-error { position:absolute; top:0; right:5px; line-height:40px; color:#8096a4; } .dr-checking { position:absolute; top:0; right:5px; line-height:40px; color:#8096a4; background:url(../img/ui/ajax-loader.gif) 0 6px no-repeat; padding-left: 40px; } .dr-status-available, .dr-status-taken, .dr-status-error { display: none; } /* Service presentation ========================================================================================================*/ .service-header .btn { margin:20px 0 60px 0; float:right; } .service-features { margin:20px 0 60px 0; float:left; } .service-features li { float:left; padding:0; margin:0 30px 0 0; text-indent:-99999px; } .service-footer { clear:both; margin-top:20px; background:url(../img/ui/small-gradient-bottom.png) 0 0 no-repeat; border-top:1px solid #dbe2e9; } /* Misc ========================================================================================================*/ a.quiet { color:#8096a4; text-decoration:underline; } a.quiet:hover { text-decoration:none; } h1 .quiet, h2 .quiet { color:#8096a4; } .separator-top { padding-top:20px; background:url(../img/ui/border-dotted.png) 0 0 repeat-x; } .separator-bottom { padding-bottom:20px; background:url(../img/ui/border-dotted.png) 0 100% repeat-x; } img.right { float:right; margin:0 0 20px 20px; } img.left { float:left; margin:0 20px 20px 0; } .clear { clear:left; } span.pleasewait { display: none; font-size: 1.2em; background:url(../img/ui/ajax-loader-small.gif) 0 0 no-repeat; padding-left: 25px; } /* Section tweaks ========================================================================================================*/ body.support #content h1 { margin-bottom:0.833em; font-size:3.6em; font-weight:300; line-height:1.667em; color:#182e41; } /* 24px / 40px */ /* Accessibility tweaks ========================================================================================================*/ #accessibility { position:absolute; top:-9999px; font-size:1px; } .hide { display:none; }