img {
border:medium none;
}
.innerContentGrid a:visited {
color:purple;
}
.innerContentGrid a:active {
color:red;
}
.logoutVisable {
display:none;
}
#outer {
/*background:#007BBB url(images/left_nav_fade_1a.gif) repeat-x scroll 0px;*/
margin:0px auto;
text-align:left;
width:925px;
}
#keyline {
}
#keylineNoImage {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #999999;
}
.keylineNoImageContent {
background:#FFFFFF none repeat scroll 0%;
border-bottom:11px solid #FFFFFF;
border-left:11px solid #FFFFFF;
}
#top {
background-color:#000066;
}
#navCol {
/* background:#007BBB url(images/left_nav_fade_1a.gif) repeat-x scroll 0px; */
float:left;
width:14em;
}
#contentCol {
margin-left:14.5em;
}
.clear {
clear:both;
font-size:0em;
margin:0pt;
}
.clear:after {
clear:both;
content:".";
display:block;
height:1px;
visibility:hidden;
}
.skipNav {
height:0pt;
overflow:hidden;
position:absolute;
width:0pt;
}
.skipNav:active, .skipNav:focus {
background-color:red;
color:white;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:0.718em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:auto;
left:5px;
line-height:1.2em;
overflow:visible;
padding:5px;
position:absolute;
top:5px;
width:auto;
}
#topNav {
background-color:#000066;
height:1.8em;
margin:0pt;
padding:0pt;
position:relative;
z-index:1000;
}
#topNav ul {
background-color:#000066;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px;
width:100%;
}
#topNav ul li {
display:inline;
float:left;
position:relative;
white-space:nowrap;
}
#topNav ul li.topNavRBorder {
border-right:1px solid #FFFFFF;
}
#topNav ul li.short {
width:9%;
}
#topNav ul li.long {
width:14%;
}
#topNav ul li ul li {
width:12em;
}
#topNav ul li a {
background-color:#000066;
border-left:1px solid #FFFFFF;
color:#FFFFFF;
display:block;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:0.718em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:22px;
line-height:22px;
padding:0.3em 8px;
text-decoration:none;
white-space:nowrap;
}
#topNav p {
background-color:#000066;
color:#FFFFFF;
display:block;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:0.718em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:22px;
line-height:22px;
padding:0.3em 11px;
text-decoration:none;
white-space:nowrap;
}
#topNav ul li a.firstParent {
border-left:medium none;
}
#topNav ul li a.firstChild {
border-top:1px solid #FFFFFF;
}
#topNav ul li a:hover {
color:#99CCFB;
text-decoration:none;
}
#topNav ul li ul li a {
border-bottom:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
}
#topNav li ul {
display:none;
position:absolute;
}
#topNav li:hover ul, #topNav li.displayBlock ul {
display:block;
}
#topNav ul li a.selected {
color:#99CCFB;
}
#top-topLogoSearch {
background-color:#FFFFFF;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:0.718em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.2em;
width:100%;
}
#top-topLogoSearch-SME {
background-color:#FFFFFF;
/* background-image:url(https://www.o2.co.uk/assets/O2HybridNav/Static-files/css/images/multimap/header_bg.gif); */
background-repeat:repeat;
height:86px;
width:100%;
}
#top-logo {
background-color:#FFFFFF;
float:left;
margin:12px 0pt 0pt 8px;
text-align:left;
vertical-align:top;
width:7em;
}
#top-search {
background-color:#CADDEE;
/*background-image:url(images/corner.gif);*/
background-position:left bottom;
background-repeat:no-repeat;
border:0px solid red;
float:right;
height:5em;
padding-top:6px;
text-align:right;
vertical-align:top;
width:40em;
}
#top-searchbox {
border:0px solid green;
float:left;
height:4.6em;
padding-left:15px;
text-align:left;
width:18.5em;
}
#top-search .top-inputfield {
background-color:#CADDEE;
float:left;
padding-right:0.2em;
}
#top-search .top-inputfield input {
overflow:hidden;
}
#top-search .top-inputfield02 {
background-color:#CADDEE;
float:left;
padding-left:0.8em;
padding-right:0.2em;
}
#top-search .srchGoBtn {
background-color:#CADDEE;
border:1px solid #FFFFFF;
color:#000066;
cursor:pointer;
font-weight:bold;
height:22px;
margin-top:14px;
text-align:center;
width:28px;
}
#top-quicklinksBox {
border:0px solid red;
clear:right;
float:right;
height:5em;
padding-left:1%;
text-align:left;
vertical-align:top;
width:18.4em;
}
.top-searchboxField {
border-top-width:3px;
color:#000000;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:100%;
vertical-align:middle;
width:13em;
}
.top-qicklinkSelector {
border-top-width:3px;
color:#000000;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:1em;
line-height:100%;
margin-top:0.1em;
vertical-align:middle;
width:14em;
}
a.top-help:active {
cursor:default;
text-decoration:none;
}
a.top-help {
color:#000066;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration:none;
}
#DefaultLeftNav {
/* background:#007BBB url(images/left_nav_fade_1a.gif) repeat-x scroll 0px; */
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px;
}
#DefaultLeftNav ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px;
}
#DefaultLeftNav li {
display:inline;
width:100%;
}
#DefaultLeftNav li a:hover, #DefaultLeftNav li a.levelActive {
color:#99CCFB;
}
#DefaultLeftNav li a {
background-color:transparent;
border-bottom:1px solid #81B2E3;
color:#FFFFFF;
display:block;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:0.75em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding-bottom:3px;
padding-left:12px;
padding-top:3px;
text-decoration:none;
}
#DefaultLeftNav .subLevelTwo li a {
padding-left:1.8em;
}
#DefaultLeftNav .subLevelThree li a {
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:0.6875em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding-left:3.2em;
}
#DefaultLeftNav .subLevelFour li a {
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:0.6875em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding-left:4.4em;
}
.myO2Box {
background:#CADDEE none repeat scroll 0%;
border-top:1px solid #FFFFFF;
line-height:1em;
padding:10px;
}
.myO2Box .myOptions {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}
.myO2Box .myOptionsLogout {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:10px 0px 0px;
}
.myO2Box .myOptions li, .myO2Box .myOptionsLogout li {
padding-left:10px;
}
.myO2Box a {
color:#020167;
font-size:0.6875em;
text-decoration:none;
}
.myO2Box a.bold {
font-weight:bold;
}
.myO2Box a:hover {
text-decoration:underline;
}
.myO2Box h2 {
color:#020167;
font-size:1em;
font-weight:bolder;
text-decoration:none;
}
.myO2Box h3 {
color:#020167;
font-size:0.6875em;
font-weight:bolder;
text-decoration:none;
}
.myO2Box a.loginSmallLink {
color:#020167;
font-size:0.5625em;
line-height:0.5625em;
text-decoration:none;
}
#iconNav, #iconNav li {
height:52px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px;
}
#iconNav {
display:inline;
width:100%;
}
#iconNav li {
background:transparent none repeat scroll 0%;
border-bottom:0px solid #81B2E3;
border-top:0px solid #81B2E3;
clear:right;
float:left;
min-width:52px;
text-align:center;
width:25%;
}
#iconNav li.last {
border-right:medium none;
}
#footerArea {
margin:9px 0pt 0pt 0px;
text-align:center;
}
#footerList {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px;
}
#footerList li {
display:inline;
padding-left:0.5em;
padding-right:0.5em;
}
#footerList li a {
color:#000000;
font-size:0.718em;
text-decoration:none;
}
#footerList li a:hover {
color:#000000;
font-size:0.718em;
text-decoration:underline;
}