/************************************************* Vodefone AOL Mobilisation Define any SASS Variables in here IQContent | Conor Luddy *************************************************/ /************************************************* Vodefone AOL Mobilisation Define Mixins here IQContent | Conor Luddy *************************************************/ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; } /************************************************* Vodefone AOL Mobilisation Misc Overrides for VF styles IQContent | Conor Luddy *************************************************/ .content-area { font-size: 14px; } .content-area #content-area { font-size: 14px; } .content-area #mainContainer { padding-bottom: 0; margin: 0; } .vf-12col-grid .module-wrapper .module { font-size: 1em; padding-bottom: 0; } body .link_list3Col { position: static; } .TopSearchModulesWrapper, .sidebar-content { display: none; visibility: none; } .vf-12col-grid .module-wrapper, .vf-12col-grid .module-wrapper .module, .left-menu-all-height { background-image: none !important; background: none !important; } .mod-nav .logo { background-color: transparent; background-image: none; box-shadow: none; } header h2, #footer-nav h2, .h2 { font: 400 22px/1.158 "VodafoneRegular", Arial, "san-serif" !important; } .nav-menu a { font: 400 21px/1.176 "VodafoneBold", Arial, "san-serif" !important; } /************************************************* Vodefone AOL Mobilisation Override the grid for mobile IQContent | Conor Luddy *************************************************/ #vfie_page { min-width: 320px; } #vfie_page .belt { display: block; width: auto; margin: 0; } .vf-12col-grid .grid-column-0-5, .vf-12col-grid .grid-column-1-0, .vf-12col-grid .grid-column-1-5, .vf-12col-grid .grid-column-2-0, .vf-12col-grid .grid-column-2-5, .vf-12col-grid .grid-column-3-0, .vf-12col-grid .grid-column-3-5, .vf-12col-grid .grid-column-4-0, .vf-12col-grid .grid-column-4-5, .vf-12col-grid .grid-column-5-0, .vf-12col-grid .grid-column-5-5, .vf-12col-grid .grid-column-6-0, .vf-12col-grid .grid-column-6-5, .vf-12col-grid .grid-column-7-0, .vf-12col-grid .grid-column-7-5, .vf-12col-grid .grid-column-8-0, .vf-12col-grid .grid-column-8-5, .vf-12col-grid .grid-column-9-0, .vf-12col-grid .grid-column-9-5, .vf-12col-grid .grid-column-10-0, .vf-12col-grid .grid-column-10-5, .vf-12col-grid .grid-column-11-0, .vf-12col-grid .grid-column-11-5, .vf-12col-grid .grid-column-12-0 { width: 100%; } .vf-12col-grid .module-wrapper, .vf-12col-grid .module { width: 100% !important; } /************************************************* Vodefone AOL Mobilisation Typography IQContent | Conor Luddy *************************************************/ @font-face { font-family: 'VodafoneBold'; src: url("fonts/vodafonergbd-webfont.eot"); src: url("fonts/vodafonergbd-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/vodafonergbd-webfont.woff") format("woff"), url("fonts/vodafonergbd-webfont.ttf") format("truetype"), url("fonts/vodafonergbd-webfont.svg#VodafoneBold") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'VodafoneRegular'; src: url("fonts/VodafoneRgd41d.eot"); src: url("fonts/VodafoneRgd41d.eot?#iefix") format("embedded-opentype"), url("fonts/VodafoneRg.woff") format("woff"), url("fonts/VodafoneRg.ttf") format("truetype"), url("fonts/VodafoneRg.svg#VodafoneRegular") format("svg"); font-weight: 400; font-style: normal; } /************************************************* Vodefone AOL Mobilisation Styles borrowed from Simplicity IQContent | Conor Luddy *************************************************/ .only-lrg { display: none !important; } /************************************************* Vodefone AOL Mobilisation Common styles affecting all pages IQContent | Conor Luddy *************************************************/ .vf-12col-grid .module h1 { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; color: #e60000; font: 400 28px / 1.077 "VodafoneBold", "Arial", sans-serif; margin-bottom: 10px; height: auto; min-height: 28px; background: none; } /************************************************* Vodefone AOL Mobilisation Footer SCSS IQContent | Conor Luddy *************************************************/ #footer-nav .grid { margin: 0; } #footer-nav .mod-footer h3 { padding-right: 40px; } #footer-nav .ft-trigger:after { box-shadow: 2px 0 0 0 #4D4D4D; } #footer-nav .ft-trigger:before, #footer-nav .ft-trigger:after { right: -21px; } #footer-nav ul.ft-links { min-height: 128px; } /************************************************* Vodefone AOL Mobilisation Header SCSS module IQContent | Conor Luddy *************************************************/ header .mod-nav .logo { background-color: transparent; background-image: none; box-shadow: none; } header .mod-nav .js-rhombus { background-color: #E60000; position: absolute; z-index: 0; height: 20px; left: 26px; position: absolute; top: 0; width: 30px; } header .mod-nav .js-rhombus:before, header .mod-nav .js-rhombus:after { content: "."; height: 0; overflow: hidden; position: absolute; width: 0; } header .mod-nav .js-rhombus:before { border-color: #FFF #e60000; border-style: none solid solid none; border-width: medium 100px 100px medium; left: -99px; top: -67px; } header .mod-nav .js-rhombus:after { border-color: #e60000 #FFF; border-style: solid solid none none; border-width: 100px 100px medium medium; left: 28px; top: -67px; } header .nav-base .grid { margin-left: 0; } header .i-arrow-up-grey { background-image: url("../images/header/arrow-up-grey.png"); } header .i-arrow-up-sml { background-image: url("../images/nav/nav-arrow-up-sml.png"); } header .i-arrow-down-alt { background-image: url("../images/nav/nav-arrow-down-w.png"); } header .i-arrow-right-lrg { background-image: url("../images/nav/nav-arrow-right-lrg.png"); } header .i-arrow-left-lrg { background-image: url("../images/nav/nav-arrow-left-lrg.png"); } header .nav-menu-box .search-alt { display: none; } ul.nav-mobile li { height: 42px; } ul.nav-mobile li:first-child { padding-left: 0 !important; } ul.nav-mobile .i-menu { background-image: url("../images/header/menu.png"); } ul.nav-mobile .i-search-mbl-lrg { background-image: url("../images/header/mobile-search-lrg.png"); } /************************************************* Vodefone AOL Mobilisation Navigation SCSS module IQContent | Conor Luddy *************************************************/ .secondLevelNav { font-size: 14px; } .secondLevelNav, .secondLevelNav li { border-bottom: none; } .secondLevelNav li.selected { background-color: transparent; border-right: none; font-size: inherit; font-weight: inherit; margin: 0; } .secondLevelNav a, .secondLevelNav .level1, .secondLevelNav a.btnStandard { border-top: 1px solid #CCCCCC; padding: 10px; color: #333333; cursor: pointer; text-decoration: none; display: block; background: none !important; padding: 10px; color: #333; font-size: inherit; } .selected .secondLevelNav a, .selected .secondLevelNav .level1, .selected .secondLevelNav a.btnStandard { background-color: transparent; border-right: medium none; font-size: inherit; font-weight: bold; } .secondLevelNav a:hover, .secondLevelNav a:focus, .secondLevelNav a:active, .secondLevelNav a.level1:hover, .secondLevelNav a.level1:focus, .secondLevelNav a.level1:active { background: none; color: #333333; text-decoration: underline !important; } .secondLevelNav .level2 { display: none; } .left-menu-all-height > .grid-column-2-0:first-child { margin-bottom: 10px !important; } /************************************************* Vodefone AOL Mobilisation Accordion control IQContent | Conor Luddy *************************************************/ #topicTreeModuleContainer { border: 1px solid #868686; border-radius: 6px; overflow: hidden; } #topicTreeModuleContainer > h2 { background: none; background-color: white; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, whitesmoke)); background-image: -webkit-linear-gradient(white, whitesmoke); background-image: linear-gradient(white, whitesmoke); background-position: inherit; font-size: 1.42857em; line-height: 23px; border-top: medium none; border-radius: 6px; padding: 16px; text-transform: lowercase; position: relative; cursor: pointer; } #topicTreeModuleContainer > h2:before { content: "All "; text-transform: capitalize; } #topicTreeModuleContainer > h2:after { position: absolute; right: 15px; top: 50%; margin-top: -4px; width: 12px; height: 12px; content: " "; background: transparent url("../images/accordion-open.png") center center no-repeat; } #topicTreeModuleContainer .moduleContent { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; display: none; padding: 0 16px 16px; } #topicTreeModuleContainer.active .moduleContent { display: block; } #topicTreeModuleContainer.active > h2 { background-color: whitesmoke; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, whitesmoke), color-stop(100%, white)); background-image: -webkit-linear-gradient(whitesmoke, white); background-image: linear-gradient(whitesmoke, white); } #topicTreeModuleContainer.active > h2:after { background: transparent url("../images/accordion-close.png") center center no-repeat; } /************************************************* Vodefone AOL Mobilisation Landing page IQContent | Conor Luddy *************************************************/ #landingPageTopics > div { min-height: 150px; width: 33% !important; } /************************************************* Vodefone AOL Mobilisation Article List SCSS module IQContent | Conor Luddy *************************************************/ body[id^=searchresultsappearance] #dFaqModuleContainer { display: none; } #contentGrid h2 { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; color: #e60000 !important; font: 400 22px / 1.158 "VodafoneRegular", "Arial", sans-serif; margin-bottom: 5px !important; } .articleList { font-size: inherit !important; margin: 0 !important; color: #333; margin-bottom: 15px; } .articleList ul { margin: 0 !important; width: 100%; bottom: 0; } .articleList ul li { background: none; margin: 0 0 5px; } .articleList ul li a, .articleList ul li a.btnStandard { background: none; padding: 0; font-size: 1em; line-height: 1.3em; } .articleList ul li a:focus, .articleList ul li a:hover, .articleList ul li a:active, .articleList ul li a.btnStandard:focus, .articleList ul li a.btnStandard:hover, .articleList ul li a.btnStandard:active { color: #333333 !important; background: none !important; padding: 0 !important; text-decoration: underline !important; } .articleList li { border-top: 1px solid #ccc; padding: 10px; margin: 0 !important; } .articleList li:first-child { border-top: none; } .articleList li { margin-bottom: 5px; } /************************************************* Vodefone AOL Mobilisation Article SCSS module IQContent | Conor Luddy Page wrap - body[id^=articleappearance] {} *************************************************/ #articleContent > ul.btn:first-child, #popupArticleGH > #confirmationMessage + .btnStandard { display: none; } #confirmationMessage #messageContainer { margin-bottom: 2em; border-radius: 3px; } #confirmationMessage #eGainMessageContent { padding: 1em 1em 1em 64px; font-size: 14px; line-height: 14px; height: auto !important; min-height: 22px; background: #d9fdd9 url("../images/alert/rover-upgrade-sprite.png") no-repeat; background-position: -247px 12px; } div.block_btn { height: auto; } div.block_btn #article-globalnav { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, white), color-stop(100%, #b9b9b9)); background-image: -webkit-linear-gradient(white, #b9b9b9); background-image: -moz-linear-gradient(white, #b9b9b9); background-image: -o-linear-gradient(white, #b9b9b9); background-image: linear, false, white, #b9b9b9; border: 1px solid #9e9e9e; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; display: table; padding: 0; margin: 0 0 15px; overflow: hidden; width: 100%; } div.block_btn #article-globalnav li { display: table-cell; float: inherit; line-height: inherit; margin-right: inherit; padding: inherit; } div.block_btn #article-globalnav li a { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, white), color-stop(100%, #f0f0f0)); background-image: -webkit-linear-gradient(white, #f0f0f0); background-image: -moz-linear-gradient(white, #f0f0f0); background-image: -o-linear-gradient(white, #f0f0f0); background-image: linear, false, white, #f0f0f0; border-left: 1px solid #fff; bottom: 0; display: block; font: 700 16px/1.1 "Arial",sans-serif; margin-left: 1px; padding: 10px 0; text-align: center; border: none; color: inherit; } div.block_btn #article-globalnav li:first-child a { margin-left: 0; border-left: 0; } div.block_btn #article-globalnav .selected a { background: #474747; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #474747), color-stop(100%, #757575)); background-image: -webkit-linear-gradient(#474747, #757575); background-image: -moz-linear-gradient(#474747, #757575); background-image: -o-linear-gradient(#474747, #757575); background-image: linear, false, #474747, #757575; -webkit-box-shadow: 0 3px 10px 0 #2e2e2e inset; -moz-box-shadow: 0 3px 10px 0 #2e2e2e inset; box-shadow: 0 3px 10px 0 #2e2e2e inset; color: #fff; border-color: #2e2e2e; } #articleContentArea { *zoom: 1; } #articleContentArea:before, #articleContentArea:after { display: table; content: ""; } #articleContentArea:after { clear: both; } #articleContentArea .border { border: none; } #articleContentArea #articleContent { margin: 0; } #articleContentArea #articleContent p { font-size: 1em; font-weight: 400; font-family: Arial, sans-serif; color: #333; line-height: 21px; line-height: 1.5; margin-bottom: 15px; padding: 0; } #articleContentArea #articleFeedback { background-color: inherit; border: none; width: 100%; } #articleContentArea #articleFeedback .question { font-size: 1em; padding: 8px 0; color: #333; } #taggedArticleContent { font-size: 1em; font-weight: 400; font-family: Arial, sans-serif; color: #333; line-height: 21px; line-height: 1.5; margin-bottom: 15px; padding: 0; } #content-area .module p { font-size: 1em; font-weight: 400; font-family: Arial, sans-serif; color: #333; line-height: 21px; line-height: 1.5; margin-bottom: 15px; padding: 0; } #articleFeedback { margin-top: 30px !important; height: auto !important; } #articleFeedback .field { margin: 0 !important; display: table; width: 100%; vertical-align: middle; } #articleFeedback .field div { display: table-cell; vertical-align: middle; min-width: 170px; padding-right: 15px; width: 170px; text-align: right !important; float: none !important; } #articleFeedback .field div a { float: none !important; } #articleFeedback .question { color: #333333; font-size: 1em; padding: 8px 0; vertical-align: middle; display: table-cell !important; float: none !important; font-weight: 700 !important; line-height: 1.2em; } #articleFeedback a.buttonGrey:link, #articleFeedback a.buttonGrey:visited, #articleFeedback a.buttonGrey:hover, #articleFeedback a.buttonGrey:focus, #articleFeedback a.buttonGrey:active { height: 1em; text-decoration: none !important; } #articleFeedback a.buttonGrey { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: none; background-color: #c12f9c; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c12f9c), color-stop(100%, #71175a)); background: -webkit-linear-gradient(#c12f9c, #71175a); background: -moz-linear-gradient(#c12f9c, #71175a); background: -o-linear-gradient(#c12f9c, #71175a); background: linear, false, #c12f9c, #71175a; border: 1px solid #660066; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 0 #d849c2; -moz-box-shadow: inset 0 1px 0 #d849c2; box-shadow: inset 0 1px 0 #d849c2; color: #fff; display: inline-block; font-size: 16px; font-weight: 700; margin: 0 6px 10px 0; padding: 10px 40px 11px; text-align: center; text-shadow: 0 -1px #222222; line-height: 1; cursor: pointer; background-color: #e6e6e6; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, white), color-stop(100%, #e6e6e6)); background: -webkit-linear-gradient(white, #e6e6e6); background: -moz-linear-gradient(white, #e6e6e6); background: -o-linear-gradient(white, #e6e6e6); background: linear, false, white, #e6e6e6; border-color: #909090; -webkit-box-shadow: inset 0 1px 0 white; -moz-box-shadow: inset 0 1px 0 white; box-shadow: inset 0 1px 0 white; color: #333333; text-shadow: 0 1px white; padding-left: 25px; padding-right: 25px; margin-left: 0 !important; margin-bottom: 0 !important; } #articleFeedback a.buttonGrey:last-child { margin-right: 0; } #articleFeedback a.buttonGrey:focus, #articleFeedback a.buttonGrey:visited { color: #fff; } #articleFeedback a.buttonGrey:hover, #articleFeedback a.buttonGrey:focus { background: #d849c2; text-decoration: none; height: inherit; } #articleFeedback a.buttonGrey:active { background-color: #89236f; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #89236f), color-stop(100%, #71175a)); background: -webkit-linear-gradient(#89236f, #71175a); background: -moz-linear-gradient(#89236f, #71175a); background: -o-linear-gradient(#89236f, #71175a); background: linear, false, #89236f, #71175a; -webkit-box-shadow: inset 0 1px 4px #222222; -moz-box-shadow: inset 0 1px 4px #222222; box-shadow: inset 0 1px 4px #222222; } #articleFeedback a.buttonGrey:hover:focus { text-decoration: underline; } #articleFeedback a.buttonGrey span { padding: 0; } #articleFeedback a.buttonGrey:focus, #articleFeedback a.buttonGrey:visited { color: #333333; } #articleFeedback a.buttonGrey:hover, #articleFeedback a.buttonGrey:focus { background: #fff; } #articleFeedback span { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: inherit; float: none; font-weight: inherit; height: inherit; padding: 0; } #articleFeedback .hiddenStructure + a.buttonGrey { background-color: #4d4d4d; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #151515)); background: -webkit-linear-gradient(#4d4d4d, #151515); background: -moz-linear-gradient(#4d4d4d, #151515); background: -o-linear-gradient(#4d4d4d, #151515); background: linear, false, #4d4d4d, #151515; border-color: #525252; -webkit-box-shadow: inset 0 1px 0 #7c7c7c; -moz-box-shadow: inset 0 1px 0 #7c7c7c; box-shadow: inset 0 1px 0 #7c7c7c; text-shadow: none; color: #FFF; } #articleFeedback .hiddenStructure + a.buttonGrey:hover, #articleFeedback .hiddenStructure + a.buttonGrey:focus { background: #7c7c7c; } #articleFeedback .hiddenStructure + a.buttonGrey:active { background-color: #151515; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #151515), color-stop(100%, #4d4d4d)); background: -webkit-linear-gradient(#151515, #4d4d4d); background: -moz-linear-gradient(#151515, #4d4d4d); background: -o-linear-gradient(#151515, #4d4d4d); background: linear, false, #151515, #4d4d4d; } #popupArticleGH #articleEscalation { font-size: inherit !important; margin: 0 !important; color: #333; *zoom: 1; background-color: transparent; border: none; height: auto; width: auto; margin: 0 0 3em !important; padding: 0; } #popupArticleGH #articleEscalation ul { margin: 0 !important; width: 100%; bottom: 0; } #popupArticleGH #articleEscalation ul li { background: none; margin: 0 0 5px; } #popupArticleGH #articleEscalation ul li a, #popupArticleGH #articleEscalation ul li a.btnStandard { background: none; padding: 0; font-size: 1em; line-height: 1.3em; } #popupArticleGH #articleEscalation ul li a:focus, #popupArticleGH #articleEscalation ul li a:hover, #popupArticleGH #articleEscalation ul li a:active, #popupArticleGH #articleEscalation ul li a.btnStandard:focus, #popupArticleGH #articleEscalation ul li a.btnStandard:hover, #popupArticleGH #articleEscalation ul li a.btnStandard:active { color: #333333 !important; background: none !important; padding: 0 !important; text-decoration: underline !important; } #popupArticleGH #articleEscalation:before, #popupArticleGH #articleEscalation:after { display: table; content: ""; } #popupArticleGH #articleEscalation:after { clear: both; } #popupArticleGH #articleEscalation h2 { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; color: #e60000 !important; font: 400 22px / 1.158 "VodafoneRegular", "Arial", sans-serif; margin-bottom: 5px !important; } #popupArticleGH #articleEscalation ul { *zoom: 1; display: block; } #popupArticleGH #articleEscalation ul:before, #popupArticleGH #articleEscalation ul:after { display: table; content: ""; } #popupArticleGH #articleEscalation ul:after { clear: both; } #popupArticleGH #articleEscalation li { float: left; width: auto; padding-right: 0.75em; } #popupArticleGH #articleEscalation li a { font-weight: 700 !important; } #popupArticleGH #articleEscalation a.buttonGrey { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: none; background-color: #c12f9c; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c12f9c), color-stop(100%, #71175a)); background: -webkit-linear-gradient(#c12f9c, #71175a); background: -moz-linear-gradient(#c12f9c, #71175a); background: -o-linear-gradient(#c12f9c, #71175a); background: linear, false, #c12f9c, #71175a; border: 1px solid #660066; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 0 #d849c2; -moz-box-shadow: inset 0 1px 0 #d849c2; box-shadow: inset 0 1px 0 #d849c2; color: #fff; display: inline-block; font-size: 16px; font-weight: 700; margin: 0 6px 10px 0; padding: 10px 40px 11px; text-align: center; text-shadow: 0 -1px #222222; line-height: 1; cursor: pointer; background-color: #e6e6e6; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, white), color-stop(100%, #e6e6e6)); background: -webkit-linear-gradient(white, #e6e6e6); background: -moz-linear-gradient(white, #e6e6e6); background: -o-linear-gradient(white, #e6e6e6); background: linear, false, white, #e6e6e6; border-color: #909090; -webkit-box-shadow: inset 0 1px 0 white; -moz-box-shadow: inset 0 1px 0 white; box-shadow: inset 0 1px 0 white; color: #333333; text-shadow: 0 1px white; font-size: 14px; padding: 9px 15px; padding-left: 25px; padding-right: 25px; margin: 10px 0 0 !important; } #popupArticleGH #articleEscalation a.buttonGrey:last-child { margin-right: 0; } #popupArticleGH #articleEscalation a.buttonGrey:focus, #popupArticleGH #articleEscalation a.buttonGrey:visited { color: #fff; } #popupArticleGH #articleEscalation a.buttonGrey:hover, #popupArticleGH #articleEscalation a.buttonGrey:focus { background: #d849c2; text-decoration: none; height: inherit; } #popupArticleGH #articleEscalation a.buttonGrey:active { background-color: #89236f; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #89236f), color-stop(100%, #71175a)); background: -webkit-linear-gradient(#89236f, #71175a); background: -moz-linear-gradient(#89236f, #71175a); background: -o-linear-gradient(#89236f, #71175a); background: linear, false, #89236f, #71175a; -webkit-box-shadow: inset 0 1px 4px #222222; -moz-box-shadow: inset 0 1px 4px #222222; box-shadow: inset 0 1px 4px #222222; } #popupArticleGH #articleEscalation a.buttonGrey:hover:focus { text-decoration: underline; } #popupArticleGH #articleEscalation a.buttonGrey span { padding: 0; } #popupArticleGH #articleEscalation a.buttonGrey:focus, #popupArticleGH #articleEscalation a.buttonGrey:visited { color: #333333; } #popupArticleGH #articleEscalation a.buttonGrey:hover, #popupArticleGH #articleEscalation a.buttonGrey:focus { background: #fff; } #popupArticleGH #articleEscalation a.buttonGrey span { height: auto; background: transparent; } #contentGrid #relatedArticlesArea { background-color: inherit; border: none; padding: 0; } #contentGrid #relatedArticlesArea .MAQImage, #contentGrid #relatedArticlesArea td[width] { display: none; } #contentGrid #relatedArticlesArea table.tableLayoutMaq td, #contentGrid #relatedArticlesArea table.tableLayoutSubtopic td { padding-left: 0; padding-right: 0; } #RelatedArticles h3 { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; color: #e60000 !important; font: 400 22px / 1.158 "VodafoneRegular", "Arial", sans-serif; margin-bottom: 5px !important; background: inherit !important; height: inherit !important; line-height: inherit !important; padding-left: inherit !important; margin-bottom: 10px !important; } #RelatedArticles ul { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; border: 1px solid #868686; overflow: hidden; padding: 0 !important; margin: 0 !important; position: static; } #RelatedArticles li { border-top: 1px solid #868686; padding: 16px; margin: 0; font-size: 16px; background-color: white; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, whitesmoke)); background-image: -webkit-linear-gradient(white, whitesmoke); background-image: linear-gradient(white, whitesmoke); } #RelatedArticles li:first-child { border-top: none; } #RelatedArticles li a { font-weight: 700 !important; } #RelatedArticles a.btnStandard, #RelatedArticles a.btnStandard:hover { background: transparent url("../images/nav-arrow-right-lrg.png") no-repeat right center; font-size: 14px; padding: 0 2em 0 0 !important; margin: 0 !important; } /************************************************* Vodefone AOL Mobilisation Categories SCSS module IQContent | Conor Luddy *************************************************/ #subTopics .MAQImage, #subTopics td[width] { display: none; } #subTopics h2 { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; color: #e60000 !important; font: 400 22px / 1.158 "VodafoneRegular", "Arial", sans-serif; margin-bottom: 5px !important; } #subTopics .tableLayoutSubtopic h2 + div { line-height: 21px !important; color: #333; } /************************************************* Vodefone AOL Mobilisation FAQ SCSS module IQContent | Conor Luddy *************************************************/ #dFaqModuleContainer.dFaqModuleContainer { background-color: inherit; border: inherit; clear: inherit; margin: inherit; padding: inherit; margin-bottom: 1.875em; background-color: #F2F2F2; border-top: 2px solid #BBBBBB; padding: 20px; } #dFaqModuleContainer.dFaqModuleContainer .tableLayoutMaq { background-color: inherit; width: 99%; } #dFaqModuleContainer.dFaqModuleContainer table.tableLayoutMaq td, #dFaqModuleContainer.dFaqModuleContainer table.tableLayoutSubtopic td { padding: inherit; } #dFaqModuleContainer.dFaqModuleContainer h3 { background: none !important; padding-left: 0 !important; margin-top: 0 !important; color: #e60000 !important; font: 400 22px / 1.158 "VodafoneRegular"; margin-bottom: 10px; } #dFaqModuleContainer.dFaqModuleContainer .MAQImage, #dFaqModuleContainer.dFaqModuleContainer td[width] { display: none; } #dFaqModuleContainer.dFaqModuleContainer #dFaqModule { font-size: inherit !important; margin: 0 !important; color: #333; margin-bottom: 15px; } #dFaqModuleContainer.dFaqModuleContainer #dFaqModule ul { margin: 0 !important; width: 100%; bottom: 0; } #dFaqModuleContainer.dFaqModuleContainer #dFaqModule ul li { background: none; margin: 0 0 5px; } #dFaqModuleContainer.dFaqModuleContainer #dFaqModule ul li a, #dFaqModuleContainer.dFaqModuleContainer #dFaqModule ul li a.btnStandard { background: none; padding: 0; font-size: 1em; line-height: 1.3em; } #dFaqModuleContainer.dFaqModuleContainer #dFaqModule ul li a:focus, #dFaqModuleContainer.dFaqModuleContainer #dFaqModule ul li a:hover, #dFaqModuleContainer.dFaqModuleContainer #dFaqModule ul li a:active, #dFaqModuleContainer.dFaqModuleContainer #dFaqModule ul li a.btnStandard:focus, #dFaqModuleContainer.dFaqModuleContainer #dFaqModule ul li a.btnStandard:hover, #dFaqModuleContainer.dFaqModuleContainer #dFaqModule ul li a.btnStandard:active { color: #333333 !important; background: none !important; padding: 0 !important; text-decoration: underline !important; } #dFaqModuleContainer.dFaqModuleContainer #dFaqModule li { border-top: 1px solid #ccc; padding: 10px; margin: 0 !important; } #dFaqModuleContainer.dFaqModuleContainer #dFaqModule li:first-child { border-top: none; } #dFaqModuleContainer.dFaqModuleContainer #dFaqModule li { margin-bottom: 5px; } #dFaqModuleContainer.dFaqModuleContainer #dFaqModule .link_list3Col { position: static !important; }