/* Reset
Adapted from Eric Meyer - see
++++++++++++++++++++++++ */
* {
margin: 0;
padding: 0;
border: 0;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 1em;
}
/* General
++++++++++++++++++++++++*/
body {
background-color: #525048;
font-size: 100%;
line-height: 1;
font-family: verdana, helvetica, arial, sans-serif;
}
.hide {
position: absolute;
left: -9999px;
height: 1px;
top: -9999px;
width: 50px;
}
img {
border: 0;
}
.replace {
position: relative;
overflow: hidden;
}
.replace a em,
a.replace em {
cursor: pointer;
}
.replace em {
background-color: transparent;
background-repeat: no-repeat;
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.floatwrapper:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
a.email-link span {
display: none;
}
#print-logo {
display: none;
}
hr,
#site-name,
#header h2,
#search legend,
#search legend span,
#search label,
#footer h2,
#footer p,
.section-services .product-page #sidebar #get-started-text #select-region legend,
.section-services .product-page #sidebar #get-started-text #select-region legend span,
#email-box br,
#email-box fieldset legend span,
.section-about-us #sidebar h2,
.section-about-us #content table thead th,
.subsection-capabilities-map #sidebar #chart-wrapper.closed #chart-holder,
.section-working-for-you #sidebar h2,
.subsection-gallery #content #text ul li .copyright-year,
.subsection-gallery #content #text ul li .photographer,
#gallery-popup.hide,
.section-contact #sidebar h2,
.section-utilities #sidebar h2,
.front h1,
.front #sidebar h2 {
position: absolute;
left: -9999px;
height: 1px;
top: -9999px;
}
.strong {
font-weight: bold;
}
/* skip links
++++++++++++++++++++++++++++*/
#skip-to-content a {
position: absolute;
left: -9999px;
height: 1px;
top: -9999px;
color: #f0eedf;
font-weight: bold;
}
#skip-to-content a:focus {
top: 0;
left: 0;
}
/* page
++++++++++++++++++++++++++++*/
#page {
background-color: #f0eedf;
width: 930px;
border-width: 0 10px 10px;
border-color: #ffffff;
border-style: solid;
margin: 0 auto 50px;
position: relative;
}
/* header
++++++++++++++++++++++++++++*/
#header {
overflow: hidden;
}
#header-top {
background: #343128 url("/images/fern.gif") no-repeat 472px -3px;
height: 75px;
position: relative;
}
#logo-and-site-name a:link,
#logo-and-site-name a:visited,
#logo-and-site-name a:hover,
#logo-and-site-name a:focus,
#logo-and-site-name a:active {
color: #ffffff;
}
#logo {
position: absolute;
left: 14px;
top: 38px;
}
#login-and-search {
float: right;
margin-right: 58px;
margin-top: 16px;
font-size: 0.75000em; /* 12px at 100%; */
width: 17.41667em; /* 209px at 100%; */
}
#login {
font-family: Bliss, Trebuchet, sans-serif;
font-weight: bold;
text-transform: uppercase;
float: left;
border-right: 1px solid #f0eedf;
width: 2.83333em; /* 34px at 100%; */
padding-right: 8px;
margin-right: 8px;
}
#login a {
color: #f0eedf;
text-decoration: none;
}
#search {
float: left;
width: 158px;
}
/*#search input#keywords {*/
#search div#keywords input {
width: 132px;
background-color: #ccc7b0;
color: #343128;
font-size: 0.91667em; /* 11px at 100%; */
display: block;
float: left;
font-family: verdana, helvetica, arial, sans-serif;
}
#search input.button {
display: block;
width: 18px;
float: left;
margin-left: 8px;
margin-top: -2px;
}
/* navigation
++++++++++++++++++++++++++++*/
#navigation {
float: right;
width: 560px;
padding-right: 78px;
margin-top: -5px;
margin-bottom: 14px;
min-height: 55px;
}
#navigation ul li {
float: left;
margin-right: 4px;
width: 136px;
position: relative;
}
#navigation ul li a {
display: block;
height: 29px;
}
#navigation ul li a:link,
#navigation ul li a:visited,
#navigation ul li a:hover,
#navigation ul li a:focus,
#navigation ul li a:active {
color: #999999;
}
#navigation ul li#services a em {
background-image: url("/images/nav-buttons/services.gif");
}
#navigation ul li#about-us a em {
background-image: url("/images/nav-buttons/about-us.gif");
}
#navigation ul li#working-for-you a em {
background-image: url("/images/nav-buttons/working-for-you.gif");
}
#navigation ul li#contact a em {
background-image: url("/images/nav-buttons/contact.gif");
}
#navigation ul li a em {
background-repeat: no-repeat;
}
#navigation ul li a:link em,
#navigation ul li a:visited em {
background-position: 0 0;
}
#navigation ul li a:hover em,
#navigation ul li a:focus em,
#navigation ul li a:active em,
#navigation ul li a.active em {
background-position: 0 -29px;
}
#navigation ul li ul {
position: absolute;
left: -9999px;
width: 1%;
}
.section-services #navigation ul li#services ul,
.section-about-us #navigation ul li#about-us ul,
.section-working-for-you #navigation ul li#working-for-you ul {
left: 0;
margin-top: 5px;
margin-left: 8px;
width: auto;
}
.section-services #navigation ul li#services ul {
width: 552px;
}
.section-about-us #navigation ul li#about-us ul {
width: 412px;
}
.section-working-for-you #navigation ul li#working-for-you ul {
width: 272px;
}
#navigation ul li ul li {
width: auto;
padding-left: 8px;
margin-left: 8px;
margin-right: 0;
background: url("/images/nav-buttons/separator.gif") no-repeat top left;
}
#navigation ul li ul li.first-child {
padding-left: 0;
margin-left: 0;
background: none;
}
#navigation ul li ul li a {
height: auto;
color: #343128;
font-size: 0.68750em; /* 11px at 100%; */
text-decoration: none;
padding-bottom: 10px;
}
#navigation ul li ul li a:link,
#navigation ul li ul li a:visited,
#navigation ul li ul li a:hover,
#navigation ul li ul li a:focus,
#navigation ul li ul li a:active {
color: #343128;
}
#navigation ul li ul li a:hover,
#navigation ul li ul li a:focus,
#navigation ul li ul li a:active,
#navigation ul li ul li a.active {
font-weight: bold;
background-position: bottom;
background-repeat: repeat-x;
}
.section-services #navigation ul li#services ul li a:hover,
.section-services #navigation ul li#services ul li a:focus,
.section-services #navigation ul li#services ul li a:active,
.section-services #navigation ul li#services ul li a.active {
background-image: url("/images/nav-buttons/services-second.gif");
}
.section-about-us #navigation ul li#about-us ul li a:hover,
.section-about-us #navigation ul li#about-us ul li a:focus,
.section-about-us #navigation ul li#about-us ul li a:active,
.section-about-us #navigation ul li#about-us ul li a.active {
background-image: url("/images/nav-buttons/about-us-second.gif");
}
.section-working-for-you #navigation ul li#working-for-you ul li a:hover,
.section-working-for-you #navigation ul li#working-for-you ul li a:focus,
.section-working-for-you #navigation ul li#working-for-you ul li a:active,
.section-working-for-you #navigation ul li#working-for-you ul li a.active {
background-image: url("/images/nav-buttons/working-for-you-second.gif");
}
/* content areas
++++++++++++++++++++++++++++*/
#main-content-wrapper {
width: 930px;
padding-bottom: 18px;
}
#main-content-outer {
width: 930px;
background: #ccc7b0 url("/images/backgrounds/content-gradient.jpg") repeat-x top;
}
.section-services .product-page #main-content-outer {
width: 916px;
margin-left: 14px;
background: #f0eedf url("/images/backgrounds/product-gradient.jpg") repeat-x top;
}
#main-content-inner {
width: 846px;
overflow: hidden;
background: url("/images/backgrounds/content-background.gif") repeat-y;
}
.section-services .product-page #main-content-inner {
width: 910px;
margin-left: 6px;
background: url("/images/backgrounds/product-content-background.gif") repeat-y;
}
#content p,
#content li {
font-size: 0.62500em; /* 10px at 100%; */
color: #343128;
padding-bottom: 15px;
}
#content li li {
font-size: 1em; /* so resizing doesn't compound in nested lists */
}
#content #text p,
#content #text li {
padding-bottom: 5px;
line-height: 1.5;
}
#content #text ul li {
padding-left: 13px;
background: url("/images/bullet.gif") no-repeat 0 0.6em;
}
#content a {
color: #343128;
}
#content a:link,
#content a:visited {
text-decoration: underline;
}
#content a:hover,
#content a:focus,
#content a:active {
text-decoration: none;
}
/* basic layout
++++++++++++++++++++++++++++*/
.section-utilities #sidebar,
.section-services .landing-page #sidebar,
.section-about-us #sidebar,
.section-working-for-you #sidebar,
.section-contact #sidebar,
.section-general #sidebar {
float: left;
}
.section-utilities #sidebar,
.section-services .landing-page .subsection-overview #sidebar,
.section-about-us #sidebar,
.section-working-for-you #sidebar,
.section-contact #sidebar,
.section-general #sidebar {
background: url("/images/backgrounds/sidebar-general-top.gif") repeat-x top;
}
.section-services .landing-page #content,
.section-about-us #content,
.section-working-for-you #content,
.section-contact #content,
.section-utilities #content,
.section-general #content {
width: 541px;
float: left;
padding: 0 11px 36px 8px;
min-height: 161px;
}
/* services overview page
++++++++++++++++++++++++++++*/
.section-services .landing-page #content {
background: url("/images/backgrounds/content-top.gif") repeat-x top;
}
.section-services .landing-page #sidebar {
color: #f0eedf;
font-size: 0.68750em; /* 11px at 100%; */
font-weight: bold;
line-height: 1.55;
padding: 69px 18px 220px 28px;
width: 240px;
}
.section-services .landing-page .subsection-overview #content #page-title {
position: absolute;
left: -9999px;
height: 1px;
top: -9999px;
}
.section-services .landing-page .subsection-overview #content .service {
float: left;
width: 167px;
padding: 60px 0 0 3px;
background-repeat: no-repeat;
background-position: -10px 0;
}
.section-services .landing-page .subsection-overview #content #voice {
background-image: url("/images/backgrounds/voice-content-top.jpg");
}
.section-services .landing-page .subsection-overview #content #mobile {
background-image: url("/images/backgrounds/mobile-content-top.jpg");
margin-left: 15px;
}
.section-services .landing-page .subsection-overview #content #data {
background-image: url("/images/backgrounds/data-content-top.jpg");
margin-left: 16px;
}
.section-services .landing-page .subsection-overview #content h2 {
margin-bottom: 8px;
font-size: 1.37500em; /* 22px at 100%; */
font-family: "Trebuchet MS", sans-serif;
}
.section-services .landing-page .subsection-overview #content p {
line-height: 1.4;
}
.section-services .landing-page .subsection-overview #content .service p.text {
min-height: 100px;
}
.section-services .landing-page .subsection-overview #content .service p.show-me-all a {
display: block;
width: 97px;
height: 18px;
}
.section-services .landing-page .subsection-overview #content .service p.show-me-all a em {
background-image: url("/images/general-buttons/show-me-all.gif");
background-repeat: no-repeat;
}
.section-services .landing-page .subsection-overview #content .service p.show-me-all a:link em,
.section-services .landing-page .subsection-overview #content .service p.show-me-all a:link em {
background-position: 0 0;
}
.section-services .landing-page .subsection-overview #content .service p.show-me-all a:hover em,
.section-services .landing-page .subsection-overview #content .service p.show-me-all a:focus em,
.section-services .landing-page .subsection-overview #content .service p.show-me-all a:active em {
background-position: 0 -18px;
}
.section-services .landing-page .subsection-overview #content .service .dropdown p {
height: 16px;
width: 167px;
line-height: 1;
padding-bottom: 0;
}
.section-services .landing-page .subsection-overview #content .service .dropdown p em {
background-image: url("/images/general-buttons/choose-a-service.gif");
background-repeat: no-repeat;
background-position: 0 -16px;
}
.section-services .landing-page .subsection-overview #content .service .dropdown p.not-selected em {
background-position: 0 0;
}
.section-services .landing-page .subsection-overview #content .service .dropdown p.hover {
cursor: pointer;
}
.section-services .landing-page .subsection-overview #content .service .dropdown ul li {
font-size: 0.62500em; /* 10px at 100%; */
padding-bottom: 0;
line-height: 1.2;
}
.section-services .landing-page .subsection-overview #content .service .dropdown ul li a {
display: block;
padding: 6px;
color: #343128;
}
.section-services .landing-page .subsection-overview #content .service .dropdown ul li a:link,
.section-services .landing-page .subsection-overview #content .service .dropdown ul li a:visited {
background-color: #f0eedf;
text-decoration: none;
}
.section-services .landing-page .subsection-overview #content .service .dropdown ul li a:hover,
.section-services .landing-page .subsection-overview #content .service .dropdown ul li a:focus,
.section-services .landing-page .subsection-overview #content .service .dropdown ul li a:active {
background-color: #ffffff;
text-decoration: underline;
}
.section-services .landing-page .subsection-overview #decorative-image-holder {
background-repeat: no-repeat;
background-position: 14px 100%;
overflow: hidden;
}
.section-services .landing-page .subsection-overview .decorative-image-01 {
background-image: url("/images/slogans/services-voice-decorative-image.gif");
}
.section-services .landing-page .subsection-overview .decorative-image-02 {
background-image: url("/images/slogans/services-mobile-decorative-image.gif");
}
.section-services .landing-page .subsection-overview .decorative-image-03 {
background-image: url("/images/slogans/services-data-decorative-image.gif");
}
#main-content-wrapper .note {
padding: 18px 14px 0;
font-size: 0.62500em; /* 10px at 100%; */
color: #444034;
}
#main-content-wrapper .note a {
color: #444034;
}
#main-content-wrapper .note a:link,
#main-content-wrapper .note a:visited {
text-decoration: underline;
}
#main-content-wrapper .note a:hover,
#main-content-wrapper .note a:focus,
#main-content-wrapper .note a:active {
text-decoration: none;
}
/* services landing pages
++++++++++++++++++++++++++++*/
.section-services .landing-page .subsection-landing-page #decorative-image-holder {
background-repeat: no-repeat;
background-position: 14px 100%;
overflow: hidden;
}
.section-services .landing-page .subsection-voice #decorative-image-holder {
background-image: url("/images/slogans/voice-decorative-image.gif");
}
.section-services .landing-page .subsection-mobile #decorative-image-holder {
background-image: url("/images/slogans/mobile-decorative-image.gif");
}
.section-services .landing-page .subsection-data #decorative-image-holder {
background-image: url("/images/slogans/data-decorative-image.gif");
}
.section-services .landing-page .subsection-landing-page #sidebar {
background-repeat: no-repeat;
background-position: 14px 0;
}
.section-services .landing-page .subsection-landing-page #content {
background-image: url("/images/backgrounds/services-content-top.gif");
padding-top: 38px;
}
.section-services .landing-page .subsection-voice #sidebar {
background-image: url("/images/backgrounds/voice-sidebar-top.jpg");
}
.section-services .landing-page .subsection-mobile #sidebar {
background-image: url("/images/backgrounds/mobile-sidebar-top.jpg");
}
.section-services .landing-page .subsection-data #sidebar {
background-image: url("/images/backgrounds/data-sidebar-top.jpg");
}
.section-services .landing-page .subsection-landing-page #content h1 {
font-family: "Trebuchet MS", sans-serif;
font-size: 1.25000em; /* 20px at 100%; */
margin-bottom: 12px;
}
.section-services .landing-page .subsection-landing-page #introduction {
line-height: 1.55;
padding-bottom: 10px;
}
.section-services .landing-page .subsection-landing-page #introduction p {
padding-bottom: 5px;
}
.section-services .landing-page .subsection-landing-page #services-wrapper {
overflow: hidden;
width: 541px;
background: url("/images/backgrounds/services-content-columns.gif") repeat-y;
line-height: 1.4;
}
.section-services .landing-page .subsection-landing-page #services-wrapper .row {
overflow: hidden;
width: 541px;
margin-bottom: 30px;
}
.section-services .landing-page .subsection-landing-page #services-wrapper .service {
float: left;
width: 169px;
padding: 0 2px 8px;
margin-left: 11px;
}
.section-services .landing-page .subsection-landing-page #services-wrapper .service:hover,
.section-services .landing-page .subsection-landing-page #services-wrapper .service:focus,
.section-services .landing-page .subsection-landing-page #services-wrapper .service:active,
.section-services .landing-page .subsection-landing-page #services-wrapper .service.active {
background-color: #f4f3e9;
}
.section-services .landing-page .subsection-landing-page #services-wrapper .row .first-child {
margin-left: 0;
}
.section-services .landing-page .subsection-landing-page #services-wrapper .service p {
padding-bottom: 0;
padding-top: 3px;
}
.section-services .landing-page .subsection-landing-page #services-wrapper .service p a:link,
.section-services .landing-page .subsection-landing-page #services-wrapper .service p a:visited,
.section-services .landing-page .subsection-landing-page #services-wrapper .service p a:hover,
.section-services .landing-page .subsection-landing-page #services-wrapper .service p a:focus,
.section-services .landing-page .subsection-landing-page #services-wrapper .service p a:active {
text-decoration: none;
color: #343128;
}
.section-services .landing-page .subsection-landing-page #services-wrapper .service h2 a {
width: 169px;
display: block;
}
.section-services .landing-page .subsection-landing-page #services-wrapper #connect h2 a,
.section-services .landing-page .subsection-landing-page #services-wrapper #premium-connect h2 a,
.section-services .landing-page .subsection-landing-page #services-wrapper #direct-connect h2 a,
.section-services .landing-page .subsection-landing-page #services-wrapper #retail-connect h2 a,
.section-services .landing-page .subsection-landing-page #services-wrapper #ipx-voiceservices h2 a,
.section-services .landing-page .subsection-landing-page #services-wrapper #roaming-connect h2 a,
.section-services .landing-page .subsection-landing-page #services-wrapper #signalling-connect h2 a {
height: 30px;
}
.section-services .landing-page .subsection-landing-page #services-wrapper #international-toll-free h2 a,
.section-services .landing-page .subsection-landing-page #services-wrapper #gprs-roaming-exchange h2 a,
.section-services .landing-page .subsection-landing-page #services-wrapper #mobile-media-exchange h2 a,
.section-services .landing-page .subsection-landing-page #services-wrapper #sms-and-mms-hubbing h2 a,
.section-services .landing-page .subsection-landing-page #services-wrapper #ip-packet-exchange h2 a,
.section-services .landing-page .subsection-landing-page #services-wrapper #international-private-data-services h2 a,
.section-services .landing-page .subsection-landing-page #services-wrapper #international-public-data-services h2 a,
.section-services .landing-page .subsection-landing-page #services-wrapper #wholesale-internet-services h2 a,
.section-services .landing-page .subsection-landing-page #services-wrapper #corporate-internet-services h2 a,
.section-services .landing-page .subsection-landing-page #services-wrapper #network-technical-specification h2 a {
height: 52px;
}
.section-services .landing-page .subsection-landing-page #services-wrapper .service h2 a em {
background-repeat: no-repeat;
}
.section-services .landing-page .subsection-landing-page #services-wrapper .service h2 a:link em,
.section-services .landing-page .subsection-landing-page #services-wrapper .service h2 a:visited em {
background-position: 0 0;
}
.section-services .landing-page .subsection-landing-page #services-wrapper #connect h2 a em {
background-image: url("/images/replaced-images/connect.gif");
}
.section-services .landing-page .subsection-landing-page #services-wrapper #premium-connect h2 a em {
background-image: url("/images/replaced-images/premium-connect.gif");
}
.section-services .landing-page .subsection-landing-page #services-wrapper #direct-connect h2 a em {
background-image: url("/images/replaced-images/direct-connect.gif");
}
.section-services .landing-page .subsection-landing-page #services-wrapper #retail-connect h2 a em {
background-image: url("/images/replaced-images/retail-connect.gif");
}
.section-services .landing-page .subsection-landing-page #services-wrapper #international-toll-free h2 a em {
background-image: url("/images/replaced-images/international-toll-free.gif");
}
.section-services .landing-page .subsection-landing-page #services-wrapper #ipx-voiceservices h2 a em {
background-image: url("/images/replaced-images/ipx-voiceservices.gif");
}
.section-services .landing-page .subsection-landing-page #services-wrapper #roaming-connect h2 a em {
background-image: url("/images/replaced-images/roaming-connect.gif");
}
.section-services .landing-page .subsection-landing-page #services-wrapper #signalling-connect h2 a em {
background-image: url("/images/replaced-images/signalling-connect.gif");
}
.section-services .landing-page .subsection-landing-page #services-wrapper #gprs-roaming-exchange h2 a em {
background-image: url("/images/replaced-images/gprs-roaming-exchange.gif");
}
.section-services .landing-page .subsection-landing-page #services-wrapper #mobile-media-exchange h2 a em {
background-image: url("/images/replaced-images/mobile-media-exchange.gif");
}
.section-services .landing-page .subsection-landing-page #services-wrapper #sms-and-mms-hubbing h2 a em {
background-image: url("/images/replaced-images/sms-and-mms-hubbing.gif");
}
.section-services .landing-page .subsection-landing-page #services-wrapper #ip-packet-exchange h2 a em {
background-image: url("/images/replaced-images/ip-packet-exchange.gif");
}
.section-services .landing-page .subsection-landing-page #services-wrapper #international-private-data-services h2 a em {
background-image: url("/images/replaced-images/international-private-data-services.gif");
}
.section-services .landing-page .subsection-landing-page #services-wrapper #international-public-data-services h2 a em {
background-image: url("/images/replaced-images/international-public-data-services.gif");
}
.section-services .landing-page .subsection-landing-page #services-wrapper #wholesale-internet-services h2 a em {
background-image: url("/images/replaced-images/wholesale-internet-services.gif");
}
.section-services .landing-page .subsection-landing-page #services-wrapper #corporate-internet-services h2 a em {
background-image: url("/images/replaced-images/corporate-internet-services.gif");
}
.section-services .landing-page .subsection-landing-page #services-wrapper #network-technical-specification h2 a em {
background-image: url("/images/replaced-images/network-technical-specification.gif");
}
.section-services .landing-page .subsection-landing-page #services-wrapper #connect h2 a:hover em,
.section-services .landing-page .subsection-landing-page #services-wrapper #connect h2 a:focus em,
.section-services .landing-page .subsection-landing-page #services-wrapper #connect h2 a:active em,
.section-services .landing-page .subsection-landing-page #services-wrapper #connect:hover h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #connect:focus h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #connect:active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #connect.active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #premium-connect h2 a:hover em,
.section-services .landing-page .subsection-landing-page #services-wrapper #premium-connect h2 a:focus em,
.section-services .landing-page .subsection-landing-page #services-wrapper #premium-connect h2 a:active em,
.section-services .landing-page .subsection-landing-page #services-wrapper #premium-connect:hover h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #premium-connect:focus h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #premium-connect:active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #premium-connect.active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #direct-connect h2 a:hover em,
.section-services .landing-page .subsection-landing-page #services-wrapper #direct-connect h2 a:focus em,
.section-services .landing-page .subsection-landing-page #services-wrapper #direct-connect h2 a:active em,
.section-services .landing-page .subsection-landing-page #services-wrapper #direct-connect:hover h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #direct-connect:focus h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #direct-connect:active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #direct-connect.active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #retail-connect h2 a:hover em,
.section-services .landing-page .subsection-landing-page #services-wrapper #retail-connect h2 a:focus em,
.section-services .landing-page .subsection-landing-page #services-wrapper #retail-connect h2 a:active em,
.section-services .landing-page .subsection-landing-page #services-wrapper #retail-connect:hover h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #retail-connect:focus h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #retail-connect:active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #retail-connect.active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #ipx-voiceservices h2 a:hover em,
.section-services .landing-page .subsection-landing-page #services-wrapper #ipx-voiceservices h2 a:focus em,
.section-services .landing-page .subsection-landing-page #services-wrapper #ipx-voiceservices h2 a:active em,
.section-services .landing-page .subsection-landing-page #services-wrapper #ipx-voiceservices:hover h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #ipx-voiceservices:focus h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #ipx-voiceservices:active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #ipx-voiceservices.active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #roaming-connect h2 a:hover em,
.section-services .landing-page .subsection-landing-page #services-wrapper #roaming-connect h2 a:focus em,
.section-services .landing-page .subsection-landing-page #services-wrapper #roaming-connect h2 a:active em,
.section-services .landing-page .subsection-landing-page #services-wrapper #roaming-connect:hover h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #roaming-connect:focus h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #roaming-connect:active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #roaming-connect.active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #signalling-connect h2 a:hover em,
.section-services .landing-page .subsection-landing-page #services-wrapper #signalling-connect h2 a:focus em,
.section-services .landing-page .subsection-landing-page #services-wrapper #signalling-connect h2 a:active em,
.section-services .landing-page .subsection-landing-page #services-wrapper #signalling-connect:hover h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #signalling-connect:focus h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #signalling-connect:active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #signalling-connect.active h2 a em {
background-position: 0 -30px;
}
.section-services .landing-page .subsection-landing-page #services-wrapper #international-toll-free h2 a:hover em,
.section-services .landing-page .subsection-landing-page #services-wrapper #international-toll-free h2 a:focus em,
.section-services .landing-page .subsection-landing-page #services-wrapper #international-toll-free h2 a:active em,
.section-services .landing-page .subsection-landing-page #services-wrapper #international-toll-free:hover h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #international-toll-free:focus h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #international-toll-free:active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #international-toll-free.active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #gprs-roaming-exchange h2 a:hover em,
.section-services .landing-page .subsection-landing-page #services-wrapper #gprs-roaming-exchange h2 a:focus em,
.section-services .landing-page .subsection-landing-page #services-wrapper #gprs-roaming-exchange h2 a:active em,
.section-services .landing-page .subsection-landing-page #services-wrapper #gprs-roaming-exchange:hover h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #gprs-roaming-exchange:focus h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #gprs-roaming-exchange:active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #gprs-roaming-exchange.active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #mobile-media-exchange h2 a:hover em,
.section-services .landing-page .subsection-landing-page #services-wrapper #mobile-media-exchange h2 a:focus em,
.section-services .landing-page .subsection-landing-page #services-wrapper #mobile-media-exchange h2 a:active em,
.section-services .landing-page .subsection-landing-page #services-wrapper #mobile-media-exchange:hover h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #mobile-media-exchange:focus h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #mobile-media-exchange:active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #mobile-media-exchange.active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #sms-and-mms-hubbing h2 a:hover em,
.section-services .landing-page .subsection-landing-page #services-wrapper #sms-and-mms-hubbing h2 a:focus em,
.section-services .landing-page .subsection-landing-page #services-wrapper #sms-and-mms-hubbing h2 a:active em,
.section-services .landing-page .subsection-landing-page #services-wrapper #sms-and-mms-hubbing:hover h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #sms-and-mms-hubbing:focus h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #sms-and-mms-hubbing:active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #sms-and-mms-hubbing.active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #ip-packet-exchange h2 a:hover em,
.section-services .landing-page .subsection-landing-page #services-wrapper #ip-packet-exchange h2 a:focus em,
.section-services .landing-page .subsection-landing-page #services-wrapper #ip-packet-exchange h2 a:active em,
.section-services .landing-page .subsection-landing-page #services-wrapper #ip-packet-exchange:hover h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #ip-packet-exchange:focus h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #ip-packet-exchange:active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #ip-packet-exchange.active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #international-private-data-services h2 a:hover em,
.section-services .landing-page .subsection-landing-page #services-wrapper #international-private-data-services h2 a:focus em,
.section-services .landing-page .subsection-landing-page #services-wrapper #international-private-data-services h2 a:active em,
.section-services .landing-page .subsection-landing-page #services-wrapper #international-private-data-services:hover h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #international-private-data-services:focus h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #international-private-data-services:active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #international-private-data-services.active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #international-public-data-services h2 a:hover em,
.section-services .landing-page .subsection-landing-page #services-wrapper #international-public-data-services h2 a:focus em,
.section-services .landing-page .subsection-landing-page #services-wrapper #international-public-data-services h2 a:active em,
.section-services .landing-page .subsection-landing-page #services-wrapper #international-public-data-services:hover h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #international-public-data-services:focus h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #international-public-data-services:active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #international-public-data-services.active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #wholesale-internet-services h2 a:hover em,
.section-services .landing-page .subsection-landing-page #services-wrapper #wholesale-internet-services h2 a:focus em,
.section-services .landing-page .subsection-landing-page #services-wrapper #wholesale-internet-services h2 a:active em,
.section-services .landing-page .subsection-landing-page #services-wrapper #wholesale-internet-services:hover h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #wholesale-internet-services:focus h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #wholesale-internet-services:active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #wholesale-internet-services.active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #corporate-internet-services h2 a:hover em,
.section-services .landing-page .subsection-landing-page #services-wrapper #corporate-internet-services h2 a:focus em,
.section-services .landing-page .subsection-landing-page #services-wrapper #corporate-internet-services h2 a:active em,
.section-services .landing-page .subsection-landing-page #services-wrapper #corporate-internet-services:hover h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #corporate-internet-services:focus h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #corporate-internet-services:active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #corporate-internet-services.active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #network-technical-specification h2 a:hover em,
.section-services .landing-page .subsection-landing-page #services-wrapper #network-technical-specification h2 a:focus em,
.section-services .landing-page .subsection-landing-page #services-wrapper #network-technical-specification h2 a:active em,
.section-services .landing-page .subsection-landing-page #services-wrapper #network-technical-specification:hover h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #network-technical-specification:focus h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #network-technical-specification:active h2 a em,
.section-services .landing-page .subsection-landing-page #services-wrapper #network-technical-specification.active h2 a em {
background-position: 0 -52px;
}
/* product pages
++++++++++++++++++++++++++++*/
.section-services .product-page #sidebar {
float: right;
width: 496px;
padding-top: 19px
}
/* "Get Started"
++++++++++++++++++++++++++++*/
.section-services .product-page #sidebar #get-started {
width: 496px;
min-height: 264px;
position: relative;
padding-bottom: 8px;
}
.section-services .product-page #sidebar #get-started-inner {
background-color: #343128;
}
.section-services .product-page #sidebar #get-started-photo {
background: url("/images/backgrounds/product-sidebar-photo.jpg") no-repeat bottom right;
}
.section-services .product-page #sidebar #get-started-photo.region-selected {
background-image: url("/images/backgrounds/product-sidebar-photo-smiling.jpg");
}
.section-services .product-page #sidebar #get-started-text {
width: 258px;
min-height: 195px;
padding: 59px 223px 10px 15px;
}
.section-services .product-page #sidebar #get-started-text h2 {
color: #f0eedf;
font-size: 1.5em; /* 24px at 100%; */
text-align: right;
text-transform: lowercase;
font-family: "Trebuchet MS", sans-serif;
font-weight: normal;
}
.section-services .product-page #sidebar #get-started-text .header-wrapper {
padding-bottom: 12px;
margin-bottom: 12px;
background: url("/images/border.gif") repeat-x bottom;
}
.section-services .product-page #sidebar #get-started-text p,
.section-services .product-page #sidebar #get-started-text h3,
.section-services .product-page #sidebar #get-started-text ul {
color: #ffffff;
font-size: 0.62500em; /* 10px at 100%; */
}
.section-services .product-page #sidebar #get-started-text p,
.section-services .product-page #sidebar #get-started-text h3,
.section-services .product-page #sidebar #get-started-text ul {
line-height: 1.4;
}
.section-services .product-page #sidebar #get-started-text p,
.section-services .product-page #sidebar #get-started-text fieldset,
.section-services .product-page #sidebar #get-started-text h3,
.section-services .product-page #sidebar #get-started-text ul li {
padding-bottom: 5px;
}
.section-services .product-page #sidebar #get-started-text ul {
padding-right: 12px;
}
.section-services .product-page #sidebar #get-started-text a {
color: #ffffff;
font-weight: bold;
}
.section-services .product-page #sidebar #get-started-text a:link,
.section-services .product-page #sidebar #get-started-text a:visited {
text-decoration: underline;
}
.section-services .product-page #sidebar #get-started-text a:hover,
.section-services .product-page #sidebar #get-started-text a:focus,
.section-services .product-page #sidebar #get-started-text a:active {
text-decoration: none;
}
.section-services .product-page #sidebar #get-started-text #select-region label,
.section-services .product-page #sidebar #get-started-text #select-region select {
font-size: 0.62500em; /* 10px at 100%; */
}
.section-services .product-page #sidebar #get-started-text #select-region label {
color: #ffffff;
margin-right: 10px;
}
.section-services .product-page #sidebar #get-started-text #select-region select {
font-family: verdana, helvetica, arial, sans-serif;
color: #343128;
background-color: #ccc7b0;
text-transform: uppercase;
}
.section-services .product-page #sidebar #get-started-text #select-region select option {
text-transform: uppercase;
}
.section-services .product-page #sidebar #get-started-flower {
height: 49px;
width: 53px;
background: url("/images/backgrounds/product-sidebar-flower.gif") no-repeat top left;
position: absolute;
bottom: 0;
left: 261px;
}
/* benefits
++++++++++++++++++++++++++++*/
.section-services .product-page #sidebar #benefit {
width: 481px;
padding-bottom: 18px;
background: url("/images/border.gif") repeat-x bottom;
}
.section-services .product-page #sidebar #benefit-inner {
width: 472px;
padding: 9px 12px;
background: #ccc7b0 repeat-x;
line-height: 1.2;
}
.section-services .product-page #sidebar #benefit h2 {
margin-bottom: 8px;
font-family: "Trebuchet MS", sans-serif;
font-size: 1.12500em; /* 18px at 100% */
font-weight: normal;
color: #343128;
}
.section-services .product-page #sidebar #benefit .benefit-table {
width: 472px;
}
.section-services .product-page #sidebar #benefit .benefit-table div {
background-color: #ffffff;
padding: 12px 22px 18px 12px;
}
.section-services .product-page #sidebar #benefit table caption {
margin-bottom: 5px;
text-align: left;
font-family: "Trebuchet MS", sans-serif;
font-size: 1.12500em; /* 18px at 100% */
color: #333333;
}
.section-services .product-page #sidebar #benefit table tbody {
border-bottom: 1px solid #cccb70;
}
.section-services .product-page #sidebar #benefit table tbody tr {
border-top: 1px solid #cccb70;
}
.section-services .product-page #sidebar #benefit table tbody td,
.section-services .product-page #sidebar #benefit table tbody th {
font-size: 0.62500em; /* 10px at 100%; */
}
.section-services .product-page #sidebar #benefit table tbody td,
.section-services .product-page #sidebar #benefit table tbody th {
padding: 5px 0px 5px 5px;
vertical-align: middle;
}
.section-services .product-page #sidebar #benefit table tbody th {
font-weight: normal;
text-align: left;
width: 10px;
}
.section-services .product-page #sidebar #benefit table tbody td {
font-weight: Normal;
width: 472px;
}
.section-services .product-page #sidebar #benefit table tbody th span.replace {
display: block;
height: 6px;
}
.section-services .product-page #sidebar #benefit table tbody th span.replace em {
background-image: url("/images/icons/bullet.gif");
}
.section-services .product-page #benefit #tables {
position: relative;
margin-bottom: 1.62500em;
}
.section-services .product-page #benefit #tables .show {
position: absolute;
right: 0;
top: 0;
height: auto;
}
.section-services .product-page #benefit #tables .hide {
position: absolute;
right: 9999px;
top: -9999px;
height: 1%;
}
/* comparison
++++++++++++++++++++++++++++*/
.section-services .product-page #sidebar #comparison {
width: 481px;
padding-bottom: 18px;
background: url("/images/border.gif") repeat-x bottom;
}
.section-services .product-page #sidebar #comparison-inner {
width: 472px;
padding: 9px 12px;
background: #ccc7b0 url("/images/backgrounds/product-sidebar-comparison.jpg") repeat-x;
line-height: 1.2;
}
.section-services .product-page #sidebar #comparison h2 {
margin-bottom: 8px;
font-family: "Trebuchet MS", sans-serif;
font-size: 1.12500em; /* 18px at 100% */
font-weight: normal;
color: #343128;
}
.section-services .product-page #sidebar #comparison #select-product {
font-weight: bold;
position: relative;
margin-bottom: 10px;
color: #343128;
z-index: 1;
}
.section-services .product-page #sidebar #comparison #select-product form legend span {
display: block;
width: 165px;
padding-right: 70px;
background: url("/images/icons/left-arrow.gif") no-repeat 225px 0;
font-size: 0.62500em; /* 10px at 100%; */
}
.section-services .product-page #sidebar #comparison #select-product form div {
width: 223px;
padding-left: 12px;
background: url("/images/icons/right-arrow.gif") no-repeat 2px 6px;
position: absolute;
right: 0;
top: -6px;
text-align: right;
}
.section-services .product-page #sidebar #comparison #select-product form div label {
padding-right: 5px;
font-size: 0.62500em; /* 10px at 100%; */
}
.section-services .product-page #sidebar #comparison #select-product form div select {
font-family: verdana, helvetica, arial, sans-serif;
font-size: 0.62500em; /* 10px at 100%; */
color: #343128;
text-transform: uppercase;
background-color: #ffffff;
font-weight: bold;
}
.section-services .product-page #sidebar #comparison #select-product form div select option {
text-transform: uppercase;
}
.section-services .product-page #sidebar #comparison .comparison-table {
width: 222px;
}
.section-services .product-page #sidebar #comparison .comparison-table div {
background-color: #ffffff;
padding: 12px 22px 18px 9px;
}
.section-services .product-page #sidebar #comparison table caption {
margin-bottom: 5px;
text-align: left;
font-family: "Trebuchet MS", sans-serif;
font-size: 1.12500em; /* 18px at 100% */
color: #333333;
}
.section-services .product-page #sidebar #comparison table tbody {
border-bottom: 1px solid #cccb70;
}
.section-services .product-page #sidebar #comparison table tbody tr {
border-top: 1px solid #cccb70;
}
.section-services .product-page #sidebar #comparison .comparison-table p a,
.section-services .product-page #sidebar #comparison table tbody td,
.section-services .product-page #sidebar #comparison table tbody th {
font-size: 0.62500em; /* 10px at 100%; */
}
.section-services .product-page #sidebar #comparison table tbody td,
.section-services .product-page #sidebar #comparison table tbody th {
padding: 5px 0;
vertical-align: middle;
}
.section-services .product-page #sidebar #comparison table tbody th {
font-weight: normal;
text-align: left;
}
.section-services .product-page #sidebar #comparison table tbody td {
font-weight: bold;
width: 15%;
}
.section-services .product-page #sidebar #comparison table tbody td span.replace {
display: block;
height: 6px;
width: 5px;
}
.section-services .product-page #sidebar #comparison table tbody td span.replace em {
background-image: url("/images/icons/bullet.gif");
}
.section-services .product-page #sidebar #comparison .comparison-table p {
padding-top: 8px;
}
.section-services .product-page #sidebar #comparison .comparison-table p a {
display: block;
color: #343128;
font-size: 0.56250em; /* 9px at 100%; */
font-weight: bold;
padding: 4px 0 0 22px;
position: relative;
}
.section-services .product-page #sidebar #comparison .comparison-table p a span.replace {
display: block;
height: 18px;
width: 18px;
position: absolute;
left: 0;
top: 0;
}
.section-services .product-page #sidebar #comparison .comparison-table p a span.replace em {
background-image: url("/images/general-buttons/comparison-link-arrow.gif");
}
.section-services .product-page #sidebar #comparison .comparison-table p a:link,
.section-services .product-page #sidebar #comparison .comparison-table p a:visited {
text-decoration: none;
}
.section-services .product-page #sidebar #comparison .comparison-table p a:hover,
.section-services .product-page #sidebar #comparison .comparison-table p a:focus,
.section-services .product-page #sidebar #comparison .comparison-table p a:active {
text-decoration: underline;
}
.section-services .product-page #sidebar #comparison .comparison-table p a:link em,
.section-services .product-page #sidebar #comparison .comparison-table p a:visited em {
background-position: 0 0;
}
.section-services .product-page #sidebar #comparison .comparison-table p a:hover em,
.section-services .product-page #sidebar #comparison .comparison-table p a:focus em,
.section-services .product-page #sidebar #comparison .comparison-table p a:active em {
background-position: 0 -18px;
}
.section-services .product-page #comparison #tables {
position: relative;
margin-bottom: 1.62500em;
}
.section-services .product-page #comparison #tables .show {
position: absolute;
right: 0;
top: 0;
height: auto;
}
.section-services .product-page #comparison #tables .hide {
position: absolute;
right: 9999px;
top: -9999px;
height: 1%;
}
.section-services .product-page .subsection-connect #comparison #connect p,
.section-services .product-page .subsection-premium-connect #comparison #premium-connect p,
.section-services .product-page .subsection-retail-connect #comparison #retail-connect p,
.section-services .product-page .subsection-direct-connect #comparison #direct-connect p {
position: absolute;
left: -9999px;
top: 9999px;
height: 1%;
}
/* slogan
++++++++++++++++++++++++++++*/
.section-services .product-page #sidebar #slogan {
width: 496px;
height: 168px;
margin-top: 15px;
background-position: 0 0;
background-repeat: no-repeat;
}
.section-services .product-page .subsection-corporate-internet-services #sidebar #slogan {
background-image: url("/images/slogans/data-corporate-internet-services.gif");
}
.section-services .product-page .subsection-international-private-data-services #sidebar #slogan {
background-image: url("/images/slogans/data-international-private-data-services.gif");
}
.section-services .product-page .subsection-international-public-data-services #sidebar #slogan {
background-image: url("/images/slogans/data-international-public-data-services.gif");
}
.section-services .product-page .subsection-network-technical-specification #sidebar #slogan {
background-image: url("/images/slogans/data-network-technical-specification.gif");
}
.section-services .product-page .subsection-wholesale-internet-services #sidebar #slogan {
background-image: url("/images/slogans/data-wholesale-internet-services.gif");
}
.section-services .product-page .subsection-corporate-internet-services #sidebar #slogan {
background-image: url("/images/slogans/data-corporate-internet-services.gif");
}
.section-services .product-page .subsection-gprs-roaming-exchange #sidebar #slogan {
background-image: url("/images/slogans/mobile-gprs-roaming-exchange.gif");
}
.section-services .product-page .subsection-ip-packet-exchange #sidebar #slogan {
background-image: url("/images/slogans/mobile-ip-packet-exchange.gif");
}
.section-services .product-page .subsection-mobile-media-exchange #sidebar #slogan {
background-image: url("/images/slogans/mobile-mobile-media-exchange.gif");
}
.section-services .product-page .subsection-ipx-voiceservices #sidebar #slogan {
background-image: url("/images/slogans/mobile-ipx-voiceservices.gif");
}
.section-services .product-page .subsection-signalling-connect #sidebar #slogan {
background-image: url("/images/slogans/mobile-signalling-connect.gif");
}
.section-services .product-page .subsection-sms-and-mms-hubbing #sidebar #slogan {
background-image: url("/images/slogans/mobile-sms-and-mms-hubbing.gif");
}
.section-services .product-page .subsection-roaming-connect #sidebar #slogan {
background-image: url("/images/slogans/mobile-roaming-connect.gif");
}
.section-services .product-page .subsection-connect #sidebar #slogan {
background-image: url("/images/slogans/voice-connect.gif");
}
.section-services .product-page .subsection-direct-connect #sidebar #slogan {
background-image: url("/images/slogans/voice-direct-connect.gif");
}
.section-services .product-page .subsection-international-toll-free #sidebar #slogan {
background-image: url("/images/slogans/voice-international-toll-free.gif");
}
.section-services .product-page .subsection-premium-connect #sidebar #slogan {
background-image: url("/images/slogans/voice-premium-connect.gif");
}
.section-services .product-page .subsection-retail-connect #sidebar #slogan {
background-image: url("/images/slogans/voice-retail-connect.gif");
}
/* product content
++++++++++++++++++++++++++++*/
.section-services .product-page #content {
width: 386px;
margin-right: 504px;
padding: 34px 10px 26px;
background-repeat: no-repeat;
position: relative;
z-index: 2;
}
.section-services .product-page .subsection-voice #content {
background-image: url("/images/backgrounds/voice-content-top.jpg");
}
.section-services .product-page .subsection-mobile #content {
background-image: url("/images/backgrounds/mobile-content-top.jpg");
}
.section-services .product-page .subsection-data #content {
background-image: url("/images/backgrounds/data-content-top.jpg");
}
.section-services .product-page #content #page-title {
overflow: hidden;
margin-bottom: 16px;
}
.section-services .product-page #content #page-title h1 {
float: left;
width: 193px;
margin-left: 43px;
font-size: 1.25em; /* 20px at 100% */
font-family: "Trebuchet MS", sans-serif;
}
.section-services .product-page #content #page-title p {
float: left;
width: 140px;
margin-left: 10px;
padding: 8px 0 0;
font-size: 0.56250em; /* 9px at 100% */
text-align: right;
}
.section-services .product-page #content #text {
position: relative;
padding-bottom: 26px;
background: url("/images/border.gif") repeat-x bottom;
}
.section-services .product-page #content #text .subsection {
padding-bottom: 15px;
}
.section-services .product-page #content #text div.last {
padding-bottom: 0;
}
.section-services .product-page #content #text .introduction {
font-weight: bold;
padding-bottom: 15px;
}
.section-services .product-page #content #text .specs {
padding-top: 26px;
margin-bottom: -10px;
}
.section-services .product-page #content #text .specs p {
font-weight: bold;
}
.section-services .product-page #content #text .specs ul {
background: url("/images/icons/pdf.gif") no-repeat center left;
list-style: none;
padding-left: 25px;
min-height: 20px;
}
.section-services .product-page #content #text .specs li {
display: inline;
background: none;
padding: 0;
margin-right: 5px;
}
.section-services .product-page #content #text .specs a {
font-weight: bold;
}
.section-services .product-page #content #text .specs a:link,
.section-services .product-page #content #text .specs a:visited {
text-decoration: underline;
}
.section-services .product-page #content #text .specs a:hover,
.section-services .product-page #content #text .specs a:focus,
.section-services .product-page #content #text .specs a:active {
text-decoration: none;
}
/* popup images
++++++++++++++++++++++++++++*/
#illustration {
position: relative;
}
.section-services #illustration {
margin-bottom: 10px;
}
.section-about-us #illustration {
margin-top: 20px;
}
.section-services #illustration .image {
text-align: center;
}
#illustration .link {
text-transform: lowercase;
}
#popup {
width: 718px;
position: absolute;
bottom: 0;
}
.section-services #popup {
left: -15px;
}
.section-about-us #popup {
right: -15px;
}
#popup-top {
width: 718px;
height: 32px;
background: url("/images/backgrounds/popup-top.png") no-repeat top left;
}
#popup-bottom {
width: 718px;
height: 32px;
background: url("/images/backgrounds/popup-bottom.png") no-repeat top left;
}
#popup-middle {
width: 654px;
padding: 0 32px;
background: url("/images/backgrounds/popup-sides.png") repeat-y;
}
#popup-middle .inner-popup {
width: 654px;
padding-bottom: 30px;
background-color: #ffffff;
}
#popup img {
display: block;
margin: 0 auto;
}
#popup a {
display: block;
width: 144px;
height: 22px;
position: absolute;
left: 30px;
bottom: 30px;
}
#popup a em {
background: url("/images/general-buttons/close-window.gif") no-repeat top left;
}
/* email popup box
++++++++++++++++++++++++++++*/
#email-box,
#email-box-sent {
position: absolute;
z-index: 2;
}
.section-services #email-box.show,
.section-services #email-box-sent.show {
top: 139px;
left: 46%;
}
.section-about-us #email-box.show,
.section-about-us #email-box-sent.show,
.section-contact #email-box.show,
.section-contact #email-box-sent.show,
.section-utilities #email-box.show,
.section-utilities #email-box-sent.show {
top: 185px;
left: 37%;
}
#email-box.hide,
#email-box-sent.hide {
top: -9999px;
left: -9999px;
}
#email-box,
#email-box-sent {
width: 528px;
}
#email-box div.top,
#email-box-sent div.top {
height: 32px;
background: url("/images/backgrounds/email-box-top.png") no-repeat top left;
}
#email-box div.body,
#email-box-sent div.body {
overflow: hidden;
background: url("/images/backgrounds/email-box-body.png") repeat-y;
}
#email-box-sent div.body,
#email-box-sent div.body .inner-body {
height: 439px;
}
#email-box-sent div.body .inner-body {
background-color: #f0eedf;
margin: 0 16px;
}
#email-box div.bottom,
#email-box-sent div.bottom {
height: 32px;
background: url("/images/backgrounds/email-box-bottom.png") no-repeat top left;
}
#email-box p,
#email-box fieldset.fields {
background-color: #f0eedf;
margin: 0 16px;
padding: 0 16px;
}
#email-box fieldset.buttons {
background-color: #f0eedf;
height: 22px;
margin: 0 16px;
padding: 16px 16px 0;
}
#email-box p,
#email-box-sent p,
#email-box .fields label,
#email-box .fields input,
#email-box textarea {
font-size: 0.62500em; /* 10px at 100%; */
}
#email-box p,
#email-box-sent p,
#email-box .fields label,
#email-box .fields input,
#email-box .fields textarea {
color: #343128;
}
#email-box-sent p {
padding: 0 32px 18px;
}
#email-box-sent p.thank-you {
font-weight: bold;
}
#email-box .fields label,
#email-box .fields input,
#email-box .fields textarea {
display: block;
}
#email-box .fields label {
font-weight: bold;
padding-bottom: 6px;
padding-top: 12px;
}
#email-box .fields label span {
font-weight: normal;
}
#email-box .fields input,
#email-box .fields textarea {
background-color: #ffffff;
border: 1px inset #343128;
padding: 2px;
}
#email-box .fields input {
width: 319px;
min-height: 17px;
}
#email-box textarea {
width: 455px;
min-height: 128px;
font-family: verdana, helvetica, arial, sans-serif;
}
#email-box .buttons input,
#email-box a#email-box-clear {
display: block;
position: absolute;
height: 22px;
bottom: 32px;
cursor: pointer;
}
#email-box div#email-box-send input {
width: 69px;
right: 32px;
}
#email-box a#email-box-clear {
width: 116px;
left: 32px;
}
#email-box .buttons a,
#email-box-sent div a {
display: block;
position: absolute;
height: 22px;
bottom: 32px;
cursor: pointer;
width: 144px;
}
#email-box .buttons a {
left: 215px;
}
#email-box-sent div a {
right: 32px;
}
#email-box .buttons a em,
#email-box-sent div a em {
background-position: 0 0;
}
#email-box .buttons a#email-box-clear em {
background-image: url("/images/general-buttons/clear-form.gif");
}
#email-box .buttons a#email-box-close em {
background-image: url("/images/general-buttons/close-form.gif");
}
#email-box-sent div a em {
background-image: url("/images/general-buttons/close-sent.gif");
}
/* about us, working for you, contact, and general pages
++++++++++++++++++++++++++++*/
/* sidebar */
.section-utilities #sidebar,
.section-about-us #sidebar,
.section-working-for-you #sidebar,
.section-contact #sidebar,
.section-general #sidebar {
width: 286px;
padding: 37px 0 18px;
color: #ffffff;
font-size: 0.625em; /* 10px at 100%; */
line-height: 1.2;
font-weight: bold;
}
.section-about-us #sidebar li,
.section-working-for-you #sidebar li {
padding-left: 123px;
padding-right: 5px;
background-repeat: no-repeat;
background-position: 14px 0;
min-height: 62px;
margin-bottom: 16px;
}
.section-about-us #sidebar li.active,
.section-working-for-you #sidebar li.active {
padding-left: 130px;
background-repeat: no-repeat;
background-position: bottom left;
min-height: 219px;
margin-bottom: 16px;
color: #444034;
}
.section-about-us #sidebar li p,
.section-working-for-you #sidebar li p {
font-weight: normal;
margin-top: 4px;
}
.section-about-us #sidebar li.active p,
.section-working-for-you #sidebar li.active p {
margin-top: 2px;
}
.section-about-us #sidebar li a,
.section-working-for-you #sidebar li a {
color: #ffffff;
font-size: 1.1em; /* 11px at 100%; */
}
.section-about-us #sidebar li a:link,
.section-about-us #sidebar li a:visited,
.section-working-for-you #sidebar li a:link,
.section-working-for-you #sidebar li a:visited {
text-decoration: underline;
}
.section-about-us #sidebar li a:hover,
.section-about-us #sidebar li a:focus,
.section-about-us #sidebar li a:active,
.section-working-for-you #sidebar li a:hover,
.section-working-for-you #sidebar li a:focus,
.section-working-for-you #sidebar li a:active {
text-decoration: none;
}
.subsection-about-us #sidebar li#menu-01 {
background-image: url("/images/menu-photos/about-us/about-us/01.jpg");
}
.subsection-about-us #sidebar li#menu-01.active {
background-image: url("/images/menu-photos/about-us/about-us/01-active.jpg");
}
.subsection-about-us #sidebar li#menu-02 {
background-image: url("/images/menu-photos/about-us/about-us/02.jpg");
}
.subsection-about-us #sidebar li#menu-02.active {
background-image: url("/images/menu-photos/about-us/about-us/02-active.jpg");
}
.subsection-about-us #sidebar li#menu-03 {
background-image: url("/images/menu-photos/about-us/about-us/03.jpg");
}
.subsection-about-us #sidebar li#menu-03.active {
background-image: url("/images/menu-photos/about-us/about-us/03-active.jpg");
}
.subsection-about-us #sidebar li#menu-04 {
background-image: url("/images/menu-photos/about-us/about-us/04.jpg");
}
.subsection-about-us #sidebar li#menu-04.active {
background-image: url("/images/menu-photos/about-us/about-us/04-active.jpg");
}
.subsection-about-us #sidebar li#menu-05 {
background-image: url("/images/menu-photos/about-us/about-us/05.jpg");
}
.subsection-about-us #sidebar li#menu-05.active {
background-image: url("/images/menu-photos/about-us/about-us/05-active.jpg");
}
.subsection-about-us #sidebar li#menu-06 {
background-image: url("/images/menu-photos/about-us/about-us/06.jpg");
}
.subsection-about-us #sidebar li#menu-06.active {
background-image: url("/images/menu-photos/about-us/about-us/06-active.jpg");
}
.subsection-about-us #sidebar li#menu-07 {
background-image: url("/images/menu-photos/about-us/about-us/07.jpg");
}
.subsection-about-us #sidebar li#menu-07.active {
background-image: url("/images/menu-photos/about-us/about-us/07-active.jpg");
}
.subsection-about-us #sidebar li#menu-08 {
background-image: url("/images/menu-photos/about-us/about-us/08.jpg");
}
.subsection-about-us #sidebar li#menu-08.active {
background-image: url("/images/menu-photos/about-us/about-us/08-active.jpg");
}
.subsection-about-us #sidebar li#menu-09 {
background-image: url("/images/menu-photos/about-us/about-us/09.jpg");
}
.subsection-about-us #sidebar li#menu-09.active {
background-image: url("/images/menu-photos/about-us/about-us/09-active.jpg");
}
.subsection-about-us #sidebar li#menu-10 {
background-image: url("/images/menu-photos/about-us/about-us/10.jpg");
}
.subsection-about-us #sidebar li#menu-10.active {
background-image: url("/images/menu-photos/about-us/about-us/10-active.jpg");
}
.subsection-tnzi-management #sidebar li#menu-01 {
background-image: url("/images/menu-photos/about-us/tnzi-management/01.jpg");
}
.subsection-tnzi-management #sidebar li#menu-01.active {
background-image: url("/images/menu-photos/about-us/tnzi-management/01-active.jpg");
}
.subsection-tnzi-management #sidebar li#menu-02 {
background-image: url("/images/menu-photos/about-us/tnzi-management/02.jpg");
}
.subsection-tnzi-management #sidebar li#menu-02.active {
background-image: url("/images/menu-photos/about-us/tnzi-management/02-active.jpg");
}
.subsection-tnzi-management #sidebar li#menu-03 {
background-image: url("/images/menu-photos/about-us/tnzi-management/03.jpg");
}
.subsection-tnzi-management #sidebar li#menu-03.active {
background-image: url("/images/menu-photos/about-us/tnzi-management/03-active.jpg");
}
.subsection-tnzi-management #sidebar li#menu-04 {
background-image: url("/images/menu-photos/about-us/tnzi-management/04.jpg");
}
.subsection-tnzi-management #sidebar li#menu-04.active {
background-image: url("/images/menu-photos/about-us/tnzi-management/04-active.jpg");
}
.subsection-tnzi-management #sidebar li#menu-05 {
background-image: url("/images/menu-photos/about-us/tnzi-management/05.jpg");
}
.subsection-tnzi-management #sidebar li#menu-05.active {
background-image: url("/images/menu-photos/about-us/tnzi-management/05-active.jpg");
}
.subsection-tnzi-management #sidebar li#menu-06 {
background-image: url("/images/menu-photos/about-us/tnzi-management/06.jpg");
}
.subsection-tnzi-management #sidebar li#menu-06.active {
background-image: url("/images/menu-photos/about-us/tnzi-management/06-active.jpg");
}
.subsection-tnzi-management #sidebar li#menu-07 {
background-image: url("/images/menu-photos/about-us/tnzi-management/07.jpg");
}
.subsection-tnzi-management #sidebar li#menu-07.active {
background-image: url("/images/menu-photos/about-us/tnzi-management/07-active.jpg");
}
.subsection-tnzi-management #sidebar li#menu-08 {
background-image: url("/images/menu-photos/about-us/tnzi-management/08.jpg");
}
.subsection-tnzi-management #sidebar li#menu-08.active {
background-image: url("/images/menu-photos/about-us/tnzi-management/08-active.jpg");
}
.subsection-tnzi-management #sidebar li#menu-09 {
background-image: url("/images/menu-photos/about-us/tnzi-management/09.jpg");
}
.subsection-tnzi-management #sidebar li#menu-09.active {
background-image: url("/images/menu-photos/about-us/tnzi-management/09-active.jpg");
}
.subsection-tnzi-management #sidebar li#menu-10 {
background-image: url("/images/menu-photos/about-us/tnzi-management/10.jpg");
}
.subsection-tnzi-management #sidebar li#menu-10.active {
background-image: url("/images/menu-photos/about-us/tnzi-management/10-active.jpg");
}
.subsection-working-for-you #sidebar li#menu-01 {
background-image: url("/images/menu-photos/working-for-you/working-for-you/01.jpg");
}
.subsection-working-for-you #sidebar li#menu-01.active {
background-image: url("/images/menu-photos/working-for-you/working-for-you/01-active.jpg");
}
.subsection-working-for-you #sidebar li#menu-02 {
background-image: url("/images/menu-photos/working-for-you/working-for-you/02.jpg");
}
.subsection-working-for-you #sidebar li#menu-02.active {
background-image: url("/images/menu-photos/working-for-you/working-for-you/02-active.jpg");
}
.subsection-working-for-you #sidebar li#menu-03 {
background-image: url("/images/menu-photos/working-for-you/working-for-you/03.jpg");
}
.subsection-working-for-you #sidebar li#menu-03.active {
background-image: url("/images/menu-photos/working-for-you/working-for-you/03-active.jpg");
}
.subsection-working-for-you #sidebar li#menu-04 {
background-image: url("/images/menu-photos/working-for-you/working-for-you/04.jpg");
}
.subsection-working-for-you #sidebar li#menu-04.active {
background-image: url("/images/menu-photos/working-for-you/working-for-you/04-active.jpg");
}
.subsection-working-for-you #sidebar li#menu-05 {
background-image: url("/images/menu-photos/working-for-you/working-for-you/05.jpg");
}
.subsection-working-for-you #sidebar li#menu-05.active {
background-image: url("/images/menu-photos/working-for-you/working-for-you/05-active.jpg");
}
.subsection-working-for-you #sidebar li#menu-06 {
background-image: url("/images/menu-photos/working-for-you/working-for-you/06.jpg");
}
.subsection-working-for-you #sidebar li#menu-06.active {
background-image: url("/images/menu-photos/working-for-you/working-for-you/06-active.jpg");
}
.subsection-working-for-you #sidebar li#menu-07 {
background-image: url("/images/menu-photos/working-for-you/working-for-you/07.jpg");
}
.subsection-working-for-you #sidebar li#menu-07.active {
background-image: url("/images/menu-photos/working-for-you/working-for-you/07-active.jpg");
}
.subsection-working-for-you #sidebar li#menu-08 {
background-image: url("/images/menu-photos/working-for-you/working-for-you/08.jpg");
}
.subsection-working-for-you #sidebar li#menu-08.active {
background-image: url("/images/menu-photos/working-for-you/working-for-you/08-active.jpg");
}
.subsection-working-for-you #sidebar li#menu-09 {
background-image: url("/images/menu-photos/working-for-you/working-for-you/09.jpg");
}
.subsection-working-for-you #sidebar li#menu-09.active {
background-image: url("/images/menu-photos/working-for-you/working-for-you/09-active.jpg");
}
.subsection-working-for-you #sidebar li#menu-10 {
background-image: url("/images/menu-photos/working-for-you/working-for-you/10.jpg");
}
.subsection-working-for-you #sidebar li#menu-10.active {
background-image: url("/images/menu-photos/working-for-you/working-for-you/10-active.jpg");
}
.subsection-new-zealand-edge #sidebar li#menu-01 {
background-image: url("/images/menu-photos/working-for-you/new-zealand-edge/01.jpg");
}
.subsection-new-zealand-edge #sidebar li#menu-01.active {
background-image: url("/images/menu-photos/working-for-you/new-zealand-edge/01-active.jpg");
}
.subsection-new-zealand-edge #sidebar li#menu-02 {
background-image: url("/images/menu-photos/working-for-you/new-zealand-edge/02.jpg");
}
.subsection-new-zealand-edge #sidebar li#menu-02.active {
background-image: url("/images/menu-photos/working-for-you/new-zealand-edge/02-active.jpg");
}
.subsection-new-zealand-edge #sidebar li#menu-03 {
background-image: url("/images/menu-photos/working-for-you/new-zealand-edge/03.jpg");
}
.subsection-new-zealand-edge #sidebar li#menu-03.active {
background-image: url("/images/menu-photos/working-for-you/new-zealand-edge/03-active.jpg");
}
.subsection-new-zealand-edge #sidebar li#menu-04 {
background-image: url("/images/menu-photos/working-for-you/new-zealand-edge/04.jpg");
}
.subsection-new-zealand-edge #sidebar li#menu-04.active {
background-image: url("/images/menu-photos/working-for-you/new-zealand-edge/04-active.jpg");
}
.subsection-new-zealand-edge #sidebar li#menu-05 {
background-image: url("/images/menu-photos/working-for-you/new-zealand-edge/05.jpg");
}
.subsection-new-zealand-edge #sidebar li#menu-05.active {
background-image: url("/images/menu-photos/working-for-you/new-zealand-edge/05-active.jpg");
}
.subsection-new-zealand-edge #sidebar li#menu-06 {
background-image: url("/images/menu-photos/working-for-you/new-zealand-edge/06.jpg");
}
.subsection-new-zealand-edge #sidebar li#menu-06.active {
background-image: url("/images/menu-photos/working-for-you/new-zealand-edge/06-active.jpg");
}
.subsection-new-zealand-edge #sidebar li#menu-07 {
background-image: url("/images/menu-photos/working-for-you/new-zealand-edge/07.jpg");
}
.subsection-new-zealand-edge #sidebar li#menu-07.active {
background-image: url("/images/menu-photos/working-for-you/new-zealand-edge/07-active.jpg");
}
.subsection-new-zealand-edge #sidebar li#menu-08 {
background-image: url("/images/menu-photos/working-for-you/new-zealand-edge/08.jpg");
}
.subsection-new-zealand-edge #sidebar li#menu-08.active {
background-image: url("/images/menu-photos/working-for-you/new-zealand-edge/08-active.jpg");
}
.subsection-new-zealand-edge #sidebar li#menu-09 {
background-image: url("/images/menu-photos/working-for-you/new-zealand-edge/09.jpg");
}
.subsection-new-zealand-edge #sidebar li#menu-09.active {
background-image: url("/images/menu-photos/working-for-you/new-zealand-edge/09-active.jpg");
}
.subsection-new-zealand-edge #sidebar li#menu-10 {
background-image: url("/images/menu-photos/working-for-you/new-zealand-edge/10.jpg");
}
.subsection-new-zealand-edge #sidebar li#menu-10.active {
background-image: url("/images/menu-photos/working-for-you/new-zealand-edge/10-active.jpg");
}
.section-about-us #sidebar li.active div.top,
.section-about-us #sidebar li.active div.bottom,
.section-working-for-you #sidebar li.active div.top,
.section-working-for-you #sidebar li.active div.bottom {
width: 150px;
background-repeat: no-repeat;
}
.section-about-us #sidebar li.active div.top,
.section-working-for-you #sidebar li.active div.top {
height: 5px;
background-image: url("/images/backgrounds/menu-about-us-bubble-top.png");
background-position: top;
}
.section-about-us #sidebar li.active div.bottom,
.section-working-for-you #sidebar li.active div.bottom {
height: 27px;
background-image: url("/images/backgrounds/menu-about-us-bubble-bottom.png");
background-position: bottom;
}
.section-about-us #sidebar li.active div.content,
.section-working-for-you #sidebar li.active div.content {
width: 120px;
padding: 0 20px 0 10px;
background: url("/images/backgrounds/menu-about-us-bubble-content.png") repeat-y;
}
.section-utilities #sidebar #menu,
.section-contact #sidebar #menu {
background: url("/images/menu-photos/contact/01.jpg") no-repeat bottom left;
width: 286px;
height: 219px;
}
/* content */
.section-about-us #content,
.section-working-for-you #content,
.section-contact #content,
.section-utilities #content,
.section-general #content {
padding-top: 38px;
}
.section-about-us #content {
background: url("/images/backgrounds/about-us-content-top.gif") no-repeat top left;
}
.section-working-for-you #content {
background: url("/images/backgrounds/working-for-you-content-top.gif") no-repeat top left;
}
.section-contact #content,
.section-general #content,
.section-utilities #content {
background: url("/images/backgrounds/contact-content-top.gif") no-repeat top left;
}
.section-about-us #content table {
width: 520px;
border-collapse: collapse;
background: url("/images/table-border.gif") repeat-x bottom left;
line-height: 1.2;
}
.section-about-us #content table th,
.section-about-us #content table td {
font-size: 0.625em; /* 10px at 100%; */
color: #343128;
border-collapse: collapse;
vertical-align: middle;
background: url("/images/table-border.gif") repeat-x top left;
}
.section-about-us #content table tbody th {
text-align: left;
width: 173px;
}
.section-about-us #content table .date {
width: 138px;
padding-left: 4px;
font-weight: bold;
}
.section-about-us #content table .location {
width: 77px;
padding-left: 6px;
}
.section-about-us #content table .request {
width: 122px;
padding: 6px 0 6px 2px;
}
.section-about-us #content table .request a {
display: block;
width: 122px;
height: 18px;
}
.section-about-us #content table .request a em {
background: url("/images/general-buttons/request-meeting.gif") no-repeat 0 0;
}
/* TNZI Management page*/
.has-js .subsection-tnzi-management #sidebar ul {
padding-top: 235px;
position: relative;
}
.has-js .subsection-tnzi-management #sidebar ul li.active {
position: absolute;
top: 0;
padding-left: 22px;
width: 264px;
}
.has-js .section-about-us .subsection-tnzi-management #sidebar li.active div.bottom {
background-image: url("/images/backgrounds/menu-tnzi-management-bubble-bottom.png");
}
.subsection-tnzi-management #content #text h2 {
font-size: 0.625em; /* 10px at 100%; */
padding-bottom: 12px;
}
.subsection-tnzi-management #content #text div {
margin-top: 50px;
}
/* Capabilities map */
#chart-wrapper {
width: 286px;
background: #f1efe1 url("/images/backgrounds/chart-background.jpg") repeat-x;
}
#chart-inner {
background: url("/images/backgrounds/chart-bar.gif") no-repeat 14px 0;
padding-top: 8px;
}
#chart-holder {
margin-top: -8px;
}
#chart-holder object {
display: block;
}
#chart-wrapper #disclaimer {
color: #5a574d;
padding: 7px 28px 12px 47px;
font-weight: normal;
}
#chart-wrapper #disclaimer strong {
text-transform: uppercase;
}
#map-wrapper object {
display: block;
margin: 0 auto;
}
#map-wrapper p {
margin-top: 12px;
}
#large-map-wrapper {
display: none;
}
.has-js #large-map-wrapper {
position: absolute;
width: 930px;
left: 0;
top: 200px;
z-index: 10;
overflow: hidden;
display: block;
}
.has-js #large-map-wrapper.hide,
.has-js #large-map-wrapper.hide div {
height: 1px;
left: -9999px;
position: absolute;
top: -9999px;
width: 50px;
}
.has-js #large-map-top {
width: 930px;
height: 32px;
background: url("/images/backgrounds/popup-flash-map-top.png") no-repeat top left;
}
.has-js #large-map-inner {
width: 898px;
background: url("/images/backgrounds/popup-flash-map-sides.png") repeat-y;
padding: 0 16px 25px;
}
.has-js #large-map-inner object {
display: block;
margin: 0 auto;
}
.has-js #large-map-bottom {
width: 930px;
height: 32px;
background: url("/images/backgrounds/popup-flash-map-bottom.png") no-repeat top left;
}
.has-js #large-map-wrapper p {
position: absolute;
right: 32px;
bottom: 32px;
font-size: 0.625em; /* 10px at 100%; */
line-height: 1.2;
text-align: right;
}
.subsection-capabilities-map #main-content-inner.has-popup {
min-height: 568px;
}
#large-map-wrapper a {
display: block;
width: 144px;
height: 22px;
}
#large-map-wrapper a em {
background: url("/images/general-buttons/close-window.gif") no-repeat top left;
}
/* "Working for you" pages
++++++++++++++++++++++++++++*/
.section-working-for-you #content #text #working-for-you-links li {
padding-bottom: 0;
}
.section-working-for-you #content #text #working-for-you-links ul {
list-style: none;
}
.subsection-welcome-to-new-zealand #content #text div {
padding-bottom: 8px;
}
.subsection-welcome-to-new-zealand #content #text h2,
.subsection-welcome-to-new-zealand #content #text p {
display: inline;
font-size: 0.625em;
padding-bottom: 0;
}
/* Gallery */
.subsection-gallery #content #text ul {
list-style: none;
}
.subsection-gallery #content #text ul li {
width: 129px;
float: left;
margin: 0 8px 8px 0;
min-height: 12.5em;
background-image: none;
padding-left: 0;
}
.subsection-gallery #content #text ul li a {
text-decoration: none;
}
.subsection-gallery #content #text ul li.right-edge {
margin-right: 0;
}
.subsection-gallery #content #text ul li.left-edge {
clear: left;
}
.subsection-gallery #content #text ul li a,
.subsection-gallery #content #text ul li img,
.subsection-gallery #content #text ul li span {
display: block;
}
.subsection-gallery #content #text ul li img {
line-height: 1;
}
.subsection-gallery #content #text ul li span {
padding-top: 8px;
line-height: 1.2;
}
.subsection-gallery #content #text ul li.hover {
background-color: #f0eedf;
}
#gallery-popup {
background: url("/images/backgrounds/gallery-popup.png") no-repeat 0 0;
width: 520px;
height: 365px;
padding: 32px 32px 56px;
position: absolute;
left: 278px;
top: 192px;
}
#gallery-popup .gallery-inner {
background-color: #343128;
width: 520px;
height: 365px;
}
#gallery-popup p.image {
text-align: center;
padding-bottom: 6px;
color: #ffffff;
}
#gallery-popup p.details,
#gallery-popup p.description {
font-size: 0.625em; /* 10px at 100%; */
color: #ffffff;
line-height: 1.2;
}
#gallery-popup p.details {
position: absolute;
right: 82px;
bottom: 97px;
text-align: right;
}
#gallery-popup p.description {
padding: 0 0 0 29px;
}
#gallery-popup .navigation ul li {
position: absolute;
bottom: 32px;
height: 19px;
width: 68px;
}
#gallery-popup .navigation ul li a {
display: block;
height: 19px;
width: 68px;
}
#gallery-popup .navigation ul li em {
background-position: 0 0;
}
#gallery-popup .navigation ul li#gallery-nav-back {
left: 32px;
}
#gallery-popup .navigation ul li#gallery-nav-close {
left: 258px;
}
#gallery-popup .navigation ul li#gallery-nav-next {
right: 32px;
}
#gallery-popup .navigation ul li#gallery-nav-back em {
background-image: url("/images/general-buttons/gallery-back.gif");
}
#gallery-popup .navigation ul li#gallery-nav-close em {
background-image: url("/images/general-buttons/gallery-close.gif");
}
#gallery-popup .navigation ul li#gallery-nav-next em {
background-image: url("/images/general-buttons/gallery-next.gif");
}
/* Contact page */
.section-contact #content #text {
background: url("/images/backgrounds/contact-regions.gif") no-repeat 70px 15px;
}
.section-contact #content #text a {
font-weight: bold;
}
#contact-region {
padding: 12px 0 3.68750em;
}
#contact-region div {
position: relative;
margin-bottom: 5px;
}
#contact-region div h2 {
height: 16px;
width: 197px;
}
.has-js #contact-region div h2 {
cursor: pointer;
}
#contact-region div h2 em {
background-repeat: no-repeat;
background-position: 0 0;
}
.has-js #contact-region div:hover h2 em,
.has-js #contact-region div.hover h2 em,
#contact-region div.active h2 em {
background-repeat: no-repeat;
background-position: 0 -16px;
}
#contact-region #contact-01 h2 em {
background-image: url("/images/replaced-images/contact-regions/americas.gif");
}
#contact-region #contact-02 h2 em {
background-image: url("/images/replaced-images/contact-regions/europe.gif");
}
#contact-region #contact-03 h2 em {
background-image: url("/images/replaced-images/contact-regions/middleeast-africa.gif");
}
#contact-region #contact-04 h2 em {
background-image: url("/images/replaced-images/contact-regions/asia.gif");
}
#contact-region #contact-05 h2 em {
background-image: url("/images/replaced-images/contact-regions/south-pacific.gif");
}
#content #text #contact-region div ul {
padding-left: 15px;
width: 257px;
background: url("/images/replaced-images/contact-regions/arrow.gif") no-repeat 0 2px;
list-style: none;
}
#content #text #contact-region div.inactive ul {
position: absolute;
left: -9999px;
top: -9999px;
}
#content #text #contact-region div.active ul {
position: absolute;
left: 205px;
top: 0;
}
#content #text #contact-region div ul li {
background-color: #f0eedf;
padding-left: 4px;
background-image: none;
}
.section-contact #content #text p.time {
font-weight: bold;
}
/* search pages */
.section-general .search-page #decorative-image-holder {
background: url("/images/slogans/search-decorative-image.gif") no-repeat 27px 100%;
overflow: hidden;
}
.section-general .search-page #introduction {
text-align: right;
position: relative;
}
.section-general .search-page #introduction p {
position: absolute;
top: -42px;
right: 0;
}
.section-general .search-page #content #text h2 {
font-size: 0.75em; /* 12px at 100% */
line-height: 1.15;
padding-bottom: 8px;
}
.section-general .search-page #content #text p.path {
font-weight: bold;
text-transform: uppercase;
padding-bottom: 0;
}
.section-general .search-page #content #text div.item {
margin-bottom: 16px;
}
.section-general .search-page #content #text div.item .search-term {
font-weight: bold;
}
.section-general .search-page #content #text #page-nav {
overflow: hidden;
}
.section-general .search-page #content #text #page-nav li {
font-size: 0.56250em;
line-height: 1;
padding-bottom: 0;
padding-left: 0;
background-image: none;
float: right;
}
.section-general .search-page #content #text #page-nav li li {
font-size: 1em;
float: none;
}
.section-general .search-page #content #text #page-nav ul {
list-style: none;
position: relative;
width: auto;
float: right;
}
.section-general .search-page #content #text #page-nav ul ol {
display: inline;
}
.section-general .search-page #content #text #page-nav li span {
left: -9999px;
top: -9999px;
height: 1px;
position: absolute;
}
.section-general .search-page #content #text #page-nav ul ol li {
border-right: 2px solid #c7c1a7;
padding-right: 5px;
margin-right: 2px;
font-weight: bold;
display: inline;
}
.section-general .search-page #content #text #page-nav ul ol li.last-child {
border-right: none;
padding-right: 0;
margin-right: 0;
}
.section-general .search-page #content #text #page-nav ul ol li a {
color: #c7c1a7;
}
.section-general .search-page #content #text #page-nav ul ol li a:link,
.section-general .search-page #content #text #page-nav ul ol li a:visited {
text-decoration: none;
}
.section-general .search-page #content #text #page-nav ul ol li a:hover,
.section-general .search-page #content #text #page-nav ul ol li a:focus,
.section-general .search-page #content #text #page-nav ul ol li a:active {
text-decoration: underline;
}
.section-general .search-page #content #text #page-nav ul li#page-nav-previous,
.section-general .search-page #content #text #page-nav ul li#page-nav-next {
width: 18px;
height: 18px;
}
.section-general .search-page #content #text #page-nav ul li#page-nav-pages {
width: auto;
height: auto;
padding: 4px 9px 0;
}
.section-general .search-page #content #text #page-nav ul li#page-nav-previous a,
.section-general .search-page #content #text #page-nav ul li#page-nav-next a {
width: 18px;
height: 18px;
display: block;
}
.section-general .search-page #content #text #page-nav ul li#page-nav-previous a em {
background-image: url("/images/general-buttons/left-arrow.gif");
}
.section-general .search-page #content #text #page-nav ul li#page-nav-next a em {
background-image: url("/images/general-buttons/right-arrow.gif");
}
/* Homepage
++++++++++++++++++++++++++++*/
.front #header-top {
background: #5a574d url("/images/fern-homepage.gif") no-repeat 447px -31px;
height: 44px;
z-index: 2;
}
.front #logo {
top: 17px;
}
.front #header-middle {
height: 139px;
background: #343128 url("/images/slogans/homepage-header.gif") no-repeat 305px 87px;
position: relative;
z-index: 1;
padding: 82px 0 25px;
}
.front #header-middle #banner-wrapper {
right: 0;
top: 0;
width: 356px;
position: absolute;
}
.front #header-middle #fern-slice-holder {
height: 31px;
width: 77px;
background-image: url("/images/fern-homepage-slice.png");
position: absolute;
top: 0;
right: 279px;
}
.front #header-middle #introduction {
width: 260px;
height: 124px;
overflow: hidden;
padding: 3px 16px 0 14px;
background: url("/images/homepage-border.gif") repeat-y right;
font-size: 0.6875em; /* 11px at 100% */
color: #ccc7b0;
line-height: 1.4;
}
.front #header-middle #introduction p {
padding-top: 4px;
}
.front #header-middle #introduction p a {
color: #ccc7b0;
}
.front #header-middle #introduction p a:link,
.front #header-middle #introduction p a:visited {
text-decoration: underline;
}
.front #header-middle #introduction p a:hover,
.front #header-middle #introduction p a:focus,
.front #header-middle #introduction p a:active {
text-decoration: none;
}
.front #navigation {
float: left;
margin-bottom: 0;
margin-top: -18px;
min-height: 0;
padding-right: 0;
padding-left: 12px;
position: relative;
z-index: 3;
}
.front #navigation ul li#services a em {
background-image: url("/images/nav-buttons/homepage/services.gif");
}
.front #navigation ul li#about-us a em {
background-image: url("/images/nav-buttons/homepage/about-us.gif");
}
.front #navigation ul li#working-for-you a em {
background-image: url("/images/nav-buttons/homepage/working-for-you.gif");
}
.front #navigation ul li#contact a em {
background-image: url("/images/nav-buttons/homepage/contact.gif");
}
.front #main-content-outer {
background: none;
}
.front #main-content-inner {
background: none;
width: 930px;
}
.front #sidebar {
float: left;
width: 286px;
padding-top: 19px;
color: #5a574d;
font-size: 0.625em; /* 10px at 100%; */
line-height: 1.2;
background: url("/images/backgrounds/chart-background-homepage.jpg") repeat-x;
}
.front #sidebar #chart-wrapper {
background: url("/images/backgrounds/homepage-sidebar-top.gif") no-repeat 14px 0;
padding-top: 14px;
}
.front #sidebar #chart-holder {
margin-top: 0;
}
.front #sidebar #disclaimer {
padding: 7px 28px 0 47px;
}
.front #sidebar #disclaimer strong {
text-transform: uppercase;
}
.front #content {
float: left;
padding-left: 8px;
width: 622px;
}
.front #content #content-services {
overflow: hidden;
background: url("/images/backgrounds/homepage-content-top.jpg") no-repeat 0 0;
position: relative;
}
.front #content #content-services .service {
float: left;
width: 194px;
padding: 32px 8px 43px;
background-repeat: no-repeat;
background-position: 0 0;
}
.front #content #content-services #voice {
width: 186px;
background-image: url("/images/backgrounds/voice-content-top-homepage.png");
}
.front #content #content-services #mobile {
background-image: url("/images/backgrounds/mobile-content-top-homepage.png");
}
.front #content #content-services #data {
background-image: url("/images/backgrounds/data-content-top-homepage.png");
}
.front #content #content-services h2 {
margin-left: 43px;
font-family: "Trebuchet MS", sans-serif;
font-size: 1.375em; /* 22px at 100%; */
margin-bottom: 0;
color: #343128;
}
.front #content #content-services p {
padding-bottom: 0;
}
.front #content #content-services p.text {
line-height: 1.4;
}
.front #content #content-services p.see {
position: absolute;
bottom: 18px;
}
.front #content #content-services p.see a {
display: block;
width: 123px;
height: 18px;
}
.front #content #content-services p.see a em {
background-repeat: no-repeat;
}
.front #content #content-services #voice p.see a em {
background-image: url("/images/general-buttons/see-voice.gif");
}
.front #content #content-services #mobile p.see a em {
background-image: url("/images/general-buttons/see-mobile.gif");
}
.front #content #content-services #data p.see a em {
background-image: url("/images/general-buttons/see-data.gif");
}
.front #content #content-services p.see a:link em,
.front #content #content-services p.see a:visited em {
background-position: 0 0;
}
.front #content #content-services p.see a:hover em,
.front #content #content-services p.see a:focus em,
.front #content #content-services p.see a:active em {
background-position: 0 -18px;
}
.front #content #utilities {
overflow: hidden;
}
.front #content #utilities #map-wrapper,
.front #content #utilities #promise {
float: left;
}
.front #content #utilities #map-wrapper {
width: 202px;
height: 170px;
padding-top: 8px;
}
.front #content #utilities #promise {
width: 396px;
padding: 22px 6px 0 10px;
margin-left: 8px;
background: #dcd8c5 url("/images/backgrounds/homepage-promise-top.gif") no-repeat 0 0;
position: relative;
line-height: 1.25;
height: 156px;
}
.front #content #utilities #promise h2,
.front #content #utilities #promise p.stronger {
line-height: 1;
color: #ffffff;
}
.front #content #utilities #promise h2 {
font-family: "Trebuchet MS", sans-serif;
font-size: 1.375em; /* 22px at 100%; */
margin-right: 74px;
}
.front #content #utilities #promise p {
padding-bottom: 4px;
padding-right: 74px;
}
.front #content #utilities #promise #nz-image {
width: 109px;
height: 175px;
position: absolute;
top: 0;
right: 6px;
z-index: 1;
}
.front #content #utilities #promise .text {
position: relative;
z-index: 3;
}
.front #content #utilities #promise p.stronger {
font-size: 0.75em; /* 12px at 100%; */
font-weight: bold;
}
.front #content #utilities #promise #conferences-wrapper {
overflow: hidden;
}
.front #content #utilities #promise #conferences {
font-size: 0.625em; /* 10px at 100%; */
margin-right: 121px;
overflow: auto;
background-position: top;
height: 59px;
position: relative; /* contains overflow in IE6, IE7 and Opera */
}
.front #content #utilities #promise #conferences .conference {
padding-right: 30px;
background-position: bottom;
position: relative;
padding: 2px 0;
}
.front #content #utilities #promise #conferences,
.front #content #utilities #promise #conferences .conference {
background-image: url("/images/backgrounds/conferences-border.gif");
background-repeat: repeat-x;
}
.front #content #utilities #promise #conferences span.date,
.front #content #utilities #promise #conferences span.details,
.front #content #utilities #promise #conferences span.link,
.front #content #utilities #promise #conferences span.link a {
display: block;
}
.front #content #utilities #promise #conferences span.date,
.front #content #utilities #promise #conferences span.name {
font-weight: bold;
}
.front #content #utilities #promise #conferences span.link,
.front #content #utilities #promise #conferences span.link a {
width: 18px;
height: 18px;
}
.front #content #utilities #promise #conferences span.link {
position: absolute;
right: 6px;
top: 4px;
}
.front #content #utilities #promise #conferences span.link a em {
background-image: url("/images/general-buttons/homepage-right-arrow.gif");
background-repeat: no-repeat;
}
.front #content #utilities #promise #conferences span.link a:link em,
.front #content #utilities #promise #conferences span.link a:visited em {
background-position: 0 0;
}
.front #content #utilities #promise #conferences span.link a:hover em,
.front #content #utilities #promise #conferences span.link a:focus em
.front #content #utilities #promise #conferences span.link a:active em {
background-position: 0 -18px;
}
.front #content #utilities #promise #nz-facts-holder {
height: 170px;
width: 412px;
margin-left: 15px;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
/* sIFR page titles in "About us" and "Working for you", and in email boxes
++++++++++++++++++++++++++++*/
.section-about-us #page-title-wrapper,
.section-working-for-you #page-title-wrapper,
.section-contact #page-title-wrapper,
.section-utilities #page-title-wrapper,
.section-general #page-title-wrapper {
background-color: #ffffff;
margin-bottom: 20px;
width: 541px;
}
#email-box #box-title-wrapper,
#email-box-sent #box-sent-title-wrapper {
margin: 0 16px;
padding: 0 16px 16px;
background-color: #f0eedf;
width: 448px;
}
.section-about-us #page-title-wrapper,
.section-working-for-you #page-title-wrapper,
.section-contact #page-title-wrapper,
.section-utilities #page-title-wrapper,
.section-general #page-title-wrapper,
#email-box #box-title-wrapper,
#email-box-sent #box-sent-title-wrapper {
line-height: 1.2;
font-weight: bold;
}
.section-about-us #page-title,
.section-working-for-you #page-title,
.section-contact #page-title,
.section-utilities #page-title,
.section-general #page-title {
width: 541px;
}
#email-box #box-title,
#email-box-sent #box-sent-title {
width: 464px;
}
.section-about-us #page-title div,
.section-about-us #page-title h1,
.section-working-for-you #page-title div,
.section-working-for-you #page-title h1,
.section-contact #page-title h1,
.section-utilities #page-title h1,
.section-general #page-title div,
.section-general #page-title h1,
#email-box #box-title div,
#email-box #box-title h2,
#email-box-sent #box-sent-title div,
#email-box-sent #box-sent-title h2 {
font-family: "Trebuchet MS", sans-serif;
font-size: 1.25em; /* 20px at 100% */
display: inline;
}
.section-about-us #page-title div,
.section-working-for-you #page-title div,
#email-box #box-title div,
#email-box-sent #box-sent-title div,
.section-contact #page-title h1,
.section-utilities #page-title h1,
.section-general #page-title div {
color: #ccc7b0;
}
.section-about-us #page-title h1,
.section-working-for-you #page-title h1,
.section-general #page-title h1,
#email-box #box-title h2,
#email-box-sent #box-sent-title h2 {
color: #343128;
}
/* sIFR introductory text in "Services" product pages, "About us", "Working for you", "Contact" and "Utilities"
++++++++++++++++++++++++++++*/
.section-services .product-page #content #introduction,
.section-about-us #content #introduction,
.section-working-for-you #content #introduction,
.section-contact #content #introduction,
.section-utilities #content #introduction {
margin-bottom: 10px;
}
.section-services .product-page #content #introduction p,
.section-services .product-page #content h2,
.section-about-us #content #introduction p,
.section-working-for-you #content #introduction p,
.section-contact #content #introduction p,
.section-utilities #content #introduction p {
padding-bottom: 0;
font-size: 1.5em; /* 24px at 100% */
font-family: "Trebuchet MS", sans-serif;
line-height: 1.15;
font-weight: normal;
}
/* footer
++++++++++++++++++++++++++++*/
#footer {
margin: 0 14px;
padding: 14px 0 60px;
width: 902px;
background: url("/images/border.gif") repeat-x top;
font-size: 0.62500em; /* 10px at 100%; */
color: #444034;
text-align: center;
line-height: 1.4;
}
#footer ul li {
display: inline;
border-right: 1px solid #444034;
padding-right: 4px;
}
#footer ul li.last-child {
border-right: none;
padding-right: 0;
}
#footer ul li a {
color: #444034;
}
#footer ul li a:link,
#footer ul li a:visited {
text-decoration: none;
}
#footer ul li a:hover,
#footer ul li a:focus,
#footer ul li a:active {
text-decoration: underline;
}
/* sIFR
++++++++++++++++++++++++++++*/
/*=:project
scalable Inman Flash Replacement (sIFR) version 3.
=:file
Copyright: 2006 Mark Wubben.
Author: Mark Wubben,
=:history
* IFR: Shaun Inman
* sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
=:license
This software is licensed and provided under the CC-GNU LGPL.
See
*/
/*---- sIFR ---*/
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-unloading .sIFR-flash {
visibility: hidden !important;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
.sIFR-dummy {
width: 0px;
height: 0px;
margin-left: 42px;
z-index: 0;
}
.sIFR-active a[title="Block this object with Adblock Plus"] {
display: none !important;
visibility: hidden !important;
left: -9999px !important;
top: -9999px !important;
}
/*---- Header styling ---*/
.sIFR-active .section-services .landing-page .subsection-overview #content h2,
.sIFR-active .section-services .landing-page .subsection-landing-page #content h1,
.sIFR-active .section-services .product-page #content #page-title h1,
.sIFR-active .section-services .product-page #content #introduction p,
.section-services .product-page #content h2,
.sIFR-active .section-about-us #content #introduction p,
.sIFR-active .section-working-for-you #content #introduction p,
.sIFR-active .section-contact #content #introduction p,
.sIFR-active .section-services .product-page #sidebar #get-started-text h2,
.sIFR-active #email-box #box-title,
.sIFR-active #email-box-sent #box-sent-title,
.sIFR-active .section-services .product-page #sidebar #comparison h2,
.sIFR-active .section-services .product-page #sidebar #comparison table caption,
.sIFR-active .section-about-us #page-title,
.sIFR-active .section-working-for-you #page-title,
.sIFR-active .section-contact #page-title,
.sIFR-active .section-general #page-title,
.sIFR-active .front #content #content-services h2,
.sIFR-active .front #content #utilities #promise h2 {
visibility: hidden;
line-height: 1em;
}
.sIFR-active .section-services .product-page #sidebar #get-started-text .header-wrapper {
padding-bottom: 4px;
}
.sIFR-active .section-about-us #page-title,
.sIFR-active .section-working-for-you #page-title,
.sIFR-active .section-contact #page-title,
.sIFR-active .section-general #page-title,
.sIFR-active #email-box #box-title,
.sIFR-active #email-box-sent #box-sent-title {
font-family: "Trebuchet MS", sans-serif;
font-size: 1.25em;
color: #343128;
}
.sIFR-active .section-about-us #page-title div,
.sIFR-active .section-working-for-you #page-title div,
.sIFR-active .section-contact #page-title h1,
.sIFR-active .section-general #page-title div,
.sIFR-active #email-box #box-title div,
.sIFR-active #email-box-sent #box-sent-title div {
color: #ccc7b0;
}