/* Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 2.8.1 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;} /* Variable Grid System. Learn more ~ http://www.spry-soft.com/grids/ Based on 960 Grid System - http://960.gs/ Licensed under GPL and MIT. */ .container_12{width:960px;margin:0 auto} .grid_1,.grid_2,.grid_23,.grid_29,.grid_3,.grid_32,.grid_35,.grid_4,.grid_45,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;position:relative;margin-right:8px;margin-bottom:8px;} .alpha{margin-left:0}.omega{margin-right:0} .container_12 .grid_1{width:72px}.container_12 .grid_2{width:152px}.container_12 .grid_23{width:178px}.container_12 .grid_29{width:230px}.container_12 .grid_3{width:232px}.container_12 .grid_32{width:258px}.container_12 .grid_35{width:272px}.container_12 .grid_4{width:312px}.container_12 .grid_45{width:352px}.container_12 .grid_5{width:392px}.container_12 .grid_6{width:472px}.container_12 .grid_7{width:552px}.container_12 .grid_8{width:632px}.container_12 .grid_9{width:712px}.container_12 .grid_10{width:792px}.container_12 .grid_11{width:872px}.container_12 .grid_12{width:952px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px} /* Vodafone 2010 Styling Author: Sapient Nitro Version 1.0 Contents - Orientation (Skip links) - Meta nav styles - Wrapper styling - Navigation - Primary navigation - Active state - Mega nav - Search - Left-hand navigation - Content Areas - Module defaults - Content module panels - Button Set - Standard light Button - Standard dark Button - special Button - Righthand column modules - Footer Navigation */ html { background:#f4f4f4; margin:0; padding:0; font-size:100% } body { background:url(../img/body_bg_high.gif) left top repeat-x; color:#525252; font-family:Arial, Verdana, sans-serif; font-size:0.625em; text-align:center } ul, ol { margin:0; padding:1em 0 1em 1em } ul li { list-style:disc inside; } ol li { list-style:decimal inside; } ol ol li { list-style-type:lower-roman; } ol ol ol li { list-style-type:lower-alpha; } img { vertical-align:middle } a { color:#525252; text-decoration:underline } a:hover, a:active, a:focus { color:#333333; text-decoration:none; } a img { border:none } h1, h2, h3 { font-size:1.3em; font-weight:bold; margin-bottom:5px } h1 { font-size:1.8em; font-weight:normal } h4 { font-size:1.1em; font-weight:bold } h5, h6 { font-size:1.1em } /* default heading classes - these use important to overrule the default font sizes */ .HeadingTwo { font-size:1.6em !important; font-weight:bold } .HeadingThree { font-size:1.4em !important; font-weight:bold } .HeadingFour { font-size:1.2em !important; font-weight:bold } .HeadingFive, .HeadingSix { font-size:1.1em !important; font-weight:normal } strong { font-weight:bold } .accessibleHidden { position:absolute; left:-1000px; top:0; height:1%; overflow:hidden } .clearLeft { clear:left } .float-right { float:right; margin:0 0 10px 10px } .float-left { float:left; margin:0 10px 10px 0 } .alignCenter { text-align:center } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* General Form Types */ input.inputStyle, select.selectStyle {border:1px solid #dbdbdb;color:#525252;font-size:1.2em;background-color:#f4f4f4;height:30px;} select.selectStyle {height:24px;padding:4px;font-size:1.1em;font-weight:bold;} /* general link types */ li.pdf, li.word, li.zip {background:url(../img/icon_pdf.gif) 10px 0px no-repeat !important;display:block;min-height:14px;} li.word { background-image:url(../img/icon_word.gif) !important } li.zip { background-image:url(../img/icon_zip.gif) !important } .linkList li.pdf a, .linkList li.word a, .linkList li.zip a{padding-left:30px;} /**** Orientation (Skip links) ****/ #orientation { margin:0 auto; width:952px } #orientation li { list-style:none outside; text-align:left } .jsEnabled #orientation { position:absolute; left:0; top:0; height:1%; margin:0; width:auto } .jsEnabled #orientation a { display:block; position:absolute; left:-1000px; top:0; white-space:nowrap } .jsEnabled #orientation a:focus { left:0 } /**** Meta nav styles ****/ #metaNav { margin-bottom:13px } #metaNavContent {font-weight:bold; margin:0 auto; text-align:right; width:970px } #mastheadTabs, #mastheadUtils { display:block; padding:0; } #mastheadTabs li, #mastheadUtils li { display:inline-block; list-style:none outside; vertical-align:top } #mastheadTabs { display:inline; float:left; font-size:1.3em; line-height:normal; margin:8px 0 0 79px } #mastheadTabs li { margin-right:5px; vertical-align:bottom } #mastheadTabs a { background:url(../img/menu/tab_global_left.gif) 0 0 no-repeat; display:block; padding:0 0 0 10px; text-decoration:none } #mastheadTabs a:hover, #mastheadTabs a:focus { background-color:#FFFFFF; background-position:0 -50px; color:#525252; cursor:pointer; outline:none } #mastheadTabs a span { background:url(../img/menu/tab_global_right.gif) 100% 0 no-repeat; display:inline-block; line-height:1em; margin:0; padding:9px 10px 6px 0; vertical-align:top; } #mastheadTabs a:hover span, #mastheadTabs a:focus span { background-position:100% -50px } #mastheadTabs .current a { background-color:#FFFFFF; background-position:0 -50px; color:#333333; text-decoration:none } #mastheadTabs .current a span { background-position:100% -50px; } #mastheadUtils { display:inline-block; margin:0 10px 0 0; } #mastheadUtils li { background:url(../img/menu/topnav_pipe.gif) no-repeat scroll left top; } #mastheadUtils li a { display:inline-block; font-size:1.1em; text-decoration:none; padding:14px 10px 8px; position:relative; vertical-align:middle; } #mastheadUtils li a:hover, #mastheadUtils li a:focus, #mastheadUtils li a:active { text-decoration:underline } #mastheadUtils #MUmyAccount, #mastheadUtils #MUmyAccountLink { background: url(../img/menu/btn_sign_in_high.gif) no-repeat right top; font-size:1.178em; margin-right:-2px; position:relative; text-align:left; width:240px; z-index:1000 } #MUmyAccount a { font-weight:bold; margin-left:28px; } #MUmyAccountOptions { background:#FFFFFF; border:1px solid #CFCFCF; color:#333333; margin:0 2px 5px 8px; padding:0; width:228px } #MUmyAccountOptions li { background:none; display:block; margin:0; padding:0; overflow:hidden } #MUmyAccountOptions li a { display:block; margin:0; text-decoration:none } #MUmyAccountOptions li a.darkButton { margin:8px 6px; padding:0; } #MUmyAccountOptions li a.darkButton:hover, #MUmyAccountOptions li a.darkButton:focus , #MUmyAccountOptions li a.darkButton:active { text-decoration:none } #MUmyAccountOptions li a.linkListLike { font-size:1em; font-weight:normal; padding:0 0 0 10px; margin:5px 8px 0; } #MUmyAccountOptions li a.lastLinkOption { margin:0 8px 5px; } #MUmyAccountOptions li .innerText { display:block; padding:10px 0 0 10px } .jsEnabled #MUmyAccountOptions { display:none; left:0; position:absolute; top:2.9702em; z-index:1001 } #mastheadUtils #MUmyAccountLink { background-image: url(../img/menu/btn_sign_in_link.gif); } #mastheadUtils #MUmyAccountLink a { display:block; font-weight:bold; margin-left:28px; } /**** Wrapper styling ****/ .container_12 { text-align:left; clear:both } /**** Navigation ****/ #navigation { background:#f80000 url("../img/menu/menu_bg.gif") left top no-repeat; margin:0 auto 10px; overflow:visible; padding:1px 0 0; text-align:right; width:952px } #navigation a { color:#FFF; text-decoration:none } #homeLink { float:left } #vfLogo { border-right:1px solid #DF0000; margin:0; padding:9px 15px 8px } /** Primary navigation (jsActive used in JS to hold active state before timeout fires) **/ #primaryNavigation { float:left; margin:0; padding:0; position:relative; overflow:visible; text-align:left; vertical-align:bottom; z-index:999 } #primaryNavigation li { border-right:1px solid #DF0000; display:block; font-size:1.6em; list-style:none outside } .jsEnabled #primaryNavigation li { float:left } #primaryNavigation li .menuLayerLink { background:#F80000 url(../img/menu/bg-mdd-mainvav-l.gif) no-repeat scroll left top; display:inline-block; line-height:1em; } #primaryNavigation li .menuLayerLink:hover, #primaryNavigation li .menuLayerLink:focus, #primaryNavigation li .jsActive { background-color:#fff; background-position:0 -58px; color:#666; cursor:pointer; text-decoration:none; outline:none } #primaryNavigation li .menuLayerLink span { background:url(../img/menu/bg-mdd-mainnav-r.gif) right top no-repeat; display:inline-block; padding:21px 25px 20px; text-align:center} /* defaults to the width for five items */ /* navigation alternative number of items */ #primaryNavigation.personal li .menuLayerLink span { } #primaryNavigation.business li .menuLayerLink span { padding-left:11px; padding-right:12px } #primaryNavigation.corporate li .menuLayerLink span { padding-left:19px; padding-right:19px } #primaryNavigation.publicsector li .menuLayerLink span { padding-left:19px; padding-right:19px } #primaryNavigation.fourItems li .menuLayerLink span { padding-left:45px; padding-right:45px } #primaryNavigation li .menuLayerLink:hover span, #primaryNavigation li .menuLayerLink:focus span, #primaryNavigation li .jsActive span { background-position:100% -58px } /* Active state marks the current area */ #primaryNavigation li.active { background:#BD0000 } #primaryNavigation li.active .menuLayerLink { background-position:0 -118px; } #primaryNavigation li.active .menuLayerLink span { background-position:100% -118px; } #primaryNavigation li.active .menuLayerLink:hover, #primaryNavigation li.active .menuLayerLink:focus, #primaryNavigation li.active .jsActive { background-position:0 -173px; color:#666; } #primaryNavigation li.active .menuLayerLink:hover span, #primaryNavigation li.active .menuLayerLink:focus span, #primaryNavigation li.active .jsActive span { background-position:100% -173px; } /** MegaNav **/ div.megaItems { background:#fff url(../img/menu/megadropdown-top.gif) right top no-repeat; margin:0; padding:0; width:50.9375em; z-index:1000 } div.megaItems_support { background-position:right -12px; width:40.9375em; } .megaCorner { background:url(../img/menu/megadropdown-top.gif) -9px -10px no-repeat; display:block; height:9px; overflow:hidden; } .megaItemsContent { background:#fff; border:1px solid #dbdbdb; border-top:none; overflow:hidden; padding:0 0 2px } .megaItemsContent { border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; } /* CSS3 border declaration */ #primaryNavigation .megaItem { display:inline; float:left; margin:0 0 10px 10px; padding:0; width:9.375em; vertical-align:top } #primaryNavigation .megaItemLast { margin-right:10px; } #primaryNavigation .megaList { border-top:1px solid #e5e5e5; margin:4px 0 0; padding:0; } #primaryNavigation .megaList li { border-right:none; border-bottom:1px solid #e5e5e5; float:none; font-size:1em; padding:0; } #primaryNavigation .megaItem a { color:#535353; display:block; font-size:0.6875em; padding:2px 0; text-align:left; text-decoration:none } #primaryNavigation .megaItem a:hover,#primaryNavigation .megaItem a:focus { text-decoration:underline; outline:none } .jsEnabled div.megaItems { display:none; position:absolute; left:8px; top:3.0625em; } .jsEnabled div.megaItems_support { left:auto; right:8px; } .megaTitle { display:block; font-size:0.75em; font-weight:bold; line-height:1.5em; margin-top:10px } #primaryNavigation .megaItem a.megaTitle { font-size:0.75em; padding-top:0; padding-bottom:0 } .specialNotice {border-top:1px solid #E5E5E5;clear:both;color:#80807e;margin:10px 10px 0 10px;height:23px;} #navigation .specialNotice a {margin:0 20px;color:#535353;font-size:0.6875em;} #navigation .specialNotice a:hover, #navigation .specialNotice a:focus { text-decoration:underline; outline:none } .specialNotice em {color:#c80000;margin:0;font-size:0.6875em;font-style:normal; font-weight:bold} /* Support column */ .megaSupport { background:#e9e9e9; padding:8px } .megaSupport .megaTitle, #primaryNavigation .megaItem .megaSupport a.megaTitle { margin-top:0;background:url(../img/homepage/h2-using-help.gif) no-repeat scroll 0 50% #EBEBEB;padding-left:27px; } #primaryNavigation .megaSupport .megaList { margin-bottom:10px; } /** Search **/ #searchForm { display:inline-block; text-align:left; min-height:58px;} #searchForm fieldset { display:inline; padding:13px 10px 13px 0; vertical-align:middle; } #searchQuery { background:#f4f4f4 url(../img/menu/search_box_2.gif) left top no-repeat; border:none; font-size:1.3em; font-weight:bold; margin-left:5px; line-height:1.2307em; padding:7px 0 7px 7px; vertical-align:top; width:90px; margin:0 -3px 0 0; } #searchImageButton { vertical-align:top;} /* Left-hand navigation */ #leftHandNavigation { color:#a4a4a4; font-size:1.1em; margin:0 1px 0 0; padding:0 0 15px 1px;} #leftHandNavigation ul { padding:0;} #leftHandNavigation li { background:#fff; list-style:none outside } #leftHandNavigation a {color:#a4a4a4; text-decoration:none; margin:0; padding:0; display:block; } #leftHandNavigation a:hover, #leftHandNavigation a:focus, #leftHandNavigation a:active { color:#ca0000; text-decoration:underline;} #leftHandNavigation li a { background:url(../img/arrows_on_white1.png) 8px 10px no-repeat; border-bottom:1px solid #ebebeb; color:#525252; display:block; padding:0;} #leftHandNavigation li a:hover, #leftHandNavigation li a:focus, #leftHandNavigation li a:active { background-color:#ededed; background-position:8px -46px ; } #leftHandNavigation li a { padding:7px 0 7px 17px; } #leftHandNavigation li li a { background-position:15px 10px; padding-left:24px; } #leftHandNavigation li li a:hover, #leftHandNavigation li li a:focus, #leftHandNavigation li li a:active { background-position:15px -46px ; } #leftHandNavigation li.activeNav a { font-weight:bold; } #leftHandNavigation li.activeNav li a { font-weight:normal; } #leftHandNavigation li.activeNav li.activeNav a { font-weight:bold; } #leftHandNavigation li.activeNav li.activeNav li a { font-weight:normal; } #leftHandNavigation li.activeNav li.activeNav li.activeNav a { font-weight:bold; } #leftHandNavigation li a.activeItem { background-color:#ededed } #leftHandNavigation ul ul li a, #leftHandNavigation ul ul li.activeNav a { padding-left:31px; background-position:22px 10px; } #leftHandNavigation ul ul li a:hover, #leftHandNavigation ul ul li a:focus, #leftHandNavigation ul ul li a:active { background-position:22px -46px ; } /**** Content Areas ****/ .contBasic { margin:0 0 0 5px; position:relative; } .contHero { margin:0 0 8px 5px; position:relative; } /**** Module defaults ****/ .panelheader { background-color:#EBEBEB; border:1px solid #FFFFFF; color:#333333; font-size:1.8em; font-weight:normal; margin:0; padding:6px 10px; text-transform:none; color:#333333; } .panelheader h1, .panelheader h2 { font-size:1em; } .panelheader a { color:#333333; text-decoration:none; } .panelheader a:hover, .panelheader a:focus { color:#c80000 } /**** Content Module panels ****/ .panelHeightAuto { height:auto; margin-bottom:10px; } .panelBackground { background:url(../img/panel-shadow.gif) left top; overflow:hidden; padding:0 2px 2px 0 } .panelContent { background:#fff; margin:0; overflow:hidden;word-wrap:break-word;position: relative;left:0;top:0;padding-bottom:0; } .panelContent .panelContentList li {width: auto;} .panelContent div.panelSpacing{margin:20px 10px 0 10px; } .panelContent div.panelSpacing p{font-size:1.1em;color:#525252;margin:0 0 10px 0;} .panelContent div.panelSpacing ul, .panelContent div.panelSpacing ol {margin:0 0 10px 0;display:inline-block;padding:0 0 0 1.5em; font-size:1.1em; list-style-position:outside } .panelContent div.panelSpacing ul li, .panelContent div.panelSpacing ol li {color:#525252; list-style-position:outside; } .panelContent div.panelSpacing ol li { margin-left:5px } .panelContent img{margin:5px 5px 20px 5px;display:block;vertical-align:bottom;} .panelContent img.floatLeft{ display:inline; float:left;margin:20px 10px 0 5px;} .finalLinksContainer { clear:both; min-height:5em } .finalLinks {position: absolute; left:10px; bottom:20px; padding:7px 0 0;} .finalLinks li { float:left; list-style:none outside; width:auto} .panelContent fieldset {margin:20px 10px 0 10px;} .panelAdSpacing { text-align:center; margin:10px 0 } .panelAdSpacing img { border:1px solid #EBEAEA; display:inline; margin:0 } .panelContent img.heroImage, .heroImage img { margin:0 } .besideImage { display:inline-block; } /**** List styling ****/ .linkList, .panelContent div.panelSpacing .linkList { padding-left:0 } .linkList li {margin-bottom:5px;/*font-size:1.1em;*/ list-style:none outside} .linkList li a, a.linkListLike, li span.linkListLike a, span.linkListLike a {background-image:url(../img/arrows_on_white1.png);background-repeat:no-repeat;background-position:0 3px;display:block;padding-left:10px;text-decoration:none;} .linkList li a:hover, .linkList li a:focus, .linkList li a:active, a.linkListLike:hover, a.linkListLike:focus, a.linkListLike:active, span.linkListLike a:hover, span.linkListLike a:focus, span.linkListLike a:active {background-position:0 -53px ;color:#c80000;} .linkList li a.normal, .linkList li span.normal a {background-image:none;padding-left:0;text-decoration:none;font-weight:bold;} .linkList a.normal:hover, .linkList li a.normal:focus, .linkList li a.normal:active, .linkList li span.normal a:hover, .linkList li span.normal a:focus, .linkList li span.normal a:active{text-decoration:underline;} /***** Special links ****/ .myAccountLinks { float:right; margin-top:5px; } /**** Button Set ****/ /* Standard light Button */ a.button,a.darkButton,a.specialButton,div.button,div.darkButton,div.specialButton { display:inline; float:left;border:none;background:url(../img/bg_sprite_button.png) left top no-repeat;display:block;height:27px;text-decoration:none;color:#525252;font-size:1.1em;font-weight:bold;} div.button,div.darkButton,div.specialButton {margin:0 10px 0 0;display:inline-block; } a.button span,a.darkButton span,a.specialButton span,div.button input,div.darkButton input,div.specialButton input{white-space:nowrap;border:none;background:url(../img/bg_sprite_button.png) right top no-repeat; display:block;height:20px;padding: 7px 10px 0 0;margin:0 0 0 10px;cursor:pointer;color:#525252;} div.button input,div.darkButton input,div.specialButton input{margin-left:3px;padding-left:7px;} div.button input,div.darkButton input,div.specialButton input{height:27px;padding-top:0;} a.button:hover,div.button:hover,a.button:focus,a.button:active,div.button:active {background-position:left -27px;} a.button:hover span,div.button:hover input,div.button input:hover, a.button:focus span,div.button input:focus, a.button:active span,div.button input:active {background-position:right -27px;} /* Standard dark Button */ a.darkButton,div.darkButton {background-position:left -54px;color:white;} a.darkButton span,div.darkButton input{background-position:right -54px;color:white;} a.darkButton:hover,div.darkButton:hover,a.darkButton:focus,a.darkButton:active,div.darkButton:active {background-position:left -81px;} a.darkButton:hover span,div.darkButton:hover input,div.darkButton input:hover,a.darkButton:focus span,div.darkButton input:focus,a.darkButton:active span,div.darkButton input:active {background-position:right -81px;} /* special Button */ a.specialButton,div.specialButton {background-position:left -108px;color:white;background-color:green;} a.specialButton span,div.specialButton input{background-position:right -108px;color:white;background-color:green;} a.specialButton:hover,div.specialButton:hover,a.specialButton:focus,a.specialButton:active,div.specialButton:active {background-position:left -135px;} a.specialButton:hover span,div.specialButton:hover input,div.specialButton input:hover,a.specialButton:focus span,div.specialButton input:focus,a.specialButton:active span,div.specialButton input:active {background-position:right -135px;} /* disabled style */ a.button.disabled,a.darkButton.disabled,a.specialButton.disabled,div.button.disabled,div.darkButton.disabled,div.specialButton.disabled {color:#808080;background-position:left top;} a.button.disabled span,a.darkButton.disabled span,a.specialButton.disabled span,div.button.disabled input,div.darkButton.disabled input,div.specialButton.disabled input{color:#ccc;background-position:right top;cursor:default;} /**** Footer Navigation ****/ #footernav { color:#535353; clear:both; margin:17px 0 0 5px; padding-bottom:10px } .footerNotes { } #footernav_links { background:url(../img/footerlines.gif) 0 0 repeat; overflow:hidden; margin-bottom:18px } #footernav_links dl { display:inline; float:left; margin:0 10px 8px 0; min-height:146px; padding:10px 0 3px; width:150px; } #footernav_links dt, #footernav_links dd { margin:0; padding:0 10px 0 3px; } #footernav_links dt { font-size:1.2em; font-weight:bold; margin-bottom:13px; } #footernav_links dd { font-size:1.1em; margin-bottom:8px } #footernav_links dl, #footernav_links a { color:#535353;text-decoration:none;} #footernav_links a:hover, #footernav_links a:focus { text-decoration:underline; outline:none } #footernav_links .lastItem { border:none; margin-right:0; } #footernav_links .lastItem dt, #footernav_links .lastItem dd { padding-right:0 } .footerLegal { clear:both; font-size:1.1em; text-align:right } .footerCopy { float:left; line-height:1.8181em } .socialIcons { display:block; margin:0; padding:0; } .socialIcons li { display:inline; list-style:none outside; margin:0; padding:0; }