/* CSS Document */

/*=PAGE Fonts
-----------------*/
@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: 700;
    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
}

@font-face {
    font-family: "VodafoneLight";
    src: url("../fonts/vodafonelt-webfont.eot");
    src: url("../fonts/vodafonelt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/vodafonelt-webfont.woff2") format("woff2"), url("../fonts/vodafonelt-webfont.woff") format("woff"), url("../fonts/vodafonelt-webfont.ttf") format("truetype"), url("../fonts/vodafonelt-webfont.svg#vodafone_ltregular") format("svg");
    font-weight: 100;
    font-style: normal
}


/*=BODY CONTENT
---------------*/
main[role="main"] p {font-size:1.19em;margin-bottom:1em;line-height:1.4}
main[role="main"] p.intro {font-size:150%;line-height: 1.5; color:#96989B}
main[role="main"] ul, main[role="main"] ol {margin-bottom:.5em;}
main[role="main"] li {font-size:1.19em;line-height:1.2;}
main[role="main"] li li, main[role="main"] li p {font-size:100%}
#container figure img {display:block;max-width:100%;height:auto !important}





body {font-family: 'VodafoneRegular', sans-serif;font-style: normal;font-weight: normal;color:#000;background-color:#fff}

.textwhitefooter {color:#FFF; font-size:12px;}
.border {border:1px solid #E4E4E4;}
.greyblockhome {background-color:#494c4c; padding:20px; cursor:pointer;}
.greyblockhome2 {background-color:#494c4c; padding:0px;}

.fincolumn {background-color:#D2EAEC;}
.fincolumnhead {background-color:#D2EAEC; color:#EE3425;}
.fincolumnheadthickline {background-color:#D2EAEC; color:#EE3425; border-bottom:2px solid #EE3425;}
.fincolumnthinline {background-color:#D2EAEC; border-bottom:1px solid #000;}
.fincolumnthickline {background-color:#D2EAEC; border-bottom:2px solid #000;}

.fincolumnblue {background-color:#9DD6E2;}
.fincolumnlightblue {background-color:#9DD6E2; color:#fff;}
.fincolumnbotgreyline {background-color:#D2EAEC; border-bottom:1px solid #96989B;}

.fincolumntopleft {background-color:#D2EAEC; border-top:1px solid #000; border-left:1px solid #000;}
.fincolumntopright {background-color:#D2EAEC; border-top:1px solid #000; border-right:1px solid #000;}
.fincolumntop {background-color:#D2EAEC; border-top:1px solid #000;}
.fincolumnbotleft {background-color:#D2EAEC; border-bottom:1px solid #000; border-left:1px solid #000;}
.fincolumnbotright {background-color:#D2EAEC; border-bottom:1px solid #000; border-right:1px solid #000;}
.fincolumnleft {background-color:#D2EAEC; border-left:1px solid #000;}
.fincolumnright {background-color:#D2EAEC; border-right:1px solid #000;}

.fincolumnrow {background-color:#D2EAEC; border-top:1px solid #000; border-bottom:1px solid #000;}
.fincolumnrowleft {background-color:#D2EAEC; border-top:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #000;}
.fincolumnrowright {background-color:#D2EAEC; border-top:1px solid #000; border-bottom:1px solid #000; border-right:1px solid #000;}

.fintopleft {border-left:1px solid #000; border-top:1px solid #000; }
.fintopright {border-right:1px solid #000; border-top:1px solid #000; }
.finbotright {border-right:1px solid #000; border-bottom:1px solid #000; }
.finbotleft {border-left:1px solid #000; border-bottom:1px solid #000; }
.finleft {border-left:1px solid #000;  }
.finright {border-right:1px solid #000;  }
.fintop {border-top:1px solid #000;  }
.finrow {border-bottom:1px solid #000; border-top:1px solid #000;}
.finrowleft {border-bottom:1px solid #000; border-top:1px solid #000; border-left:1px solid #000;}
.finrowright {border-bottom:1px solid #000; border-top:1px solid #000; border-right:1px solid #000;}
.finthinline {border-bottom:1px solid #000;}
.finthinlinered {border-bottom:1px solid #EE3425;}
.finthicklinered {border-bottom:2px solid #EE3425;}
.finthickline {border-bottom:2px solid #000;}
.finbotgreyline {border-bottom:1px solid #96989B;}

.glossarybox {border:1px solid #EE3124; padding:8px;}
.glossaryboxtoprl {border-top:1px solid #EE3124; border-left:1px solid #EE3124; border-right:1px solid #EE3124; border-bottom:1px dotted #000;  padding:8px;}
.glossaryboxbotrl {border-bottom:1px solid #EE3124; border-left:1px solid #EE3124; border-right:1px solid #EE3124;  padding:8px;}
.glossarybluebox {background-color:#DCF1F2; padding:10px;}
.glossarydottedbot {border-bottom:2px dotted #737379;}
.glossaryrgthick {border-right:4px solid #737379;}




.fincolbluered {background-color:#D2EAEC; color:#EE3425;  border-bottom:2px solid #99CCCC; padding:8px}
.fincolblue {background-color:#D2EAEC; color:#EE3425;  padding:8px}
.finblueline {  border-bottom:2px solid #99CCCC; }
.fintopredleft {border-left:2px solid #FF3333; border-top:2px solid #FF3333;}
.fintopredright {border-right:2px solid #FF3333; border-top:2px solid #FF3333;}
.finredleft {border-left:2px solid #FF3333; }
.finredright {border-right:2px solid #FF3333; }
.finretop {border-top:2px solid #FF3333; }
.finredbottomleft {border-left:2px solid #FF3333; border-bottom:1px solid #999999; }
.finredbottomright {border-right:2px solid #FF3333; border-bottom:1px solid #999999; }
.fingreybotright{border-right:1px solid #999999; border-bottom:1px solid #999999; }
.fingreyblueright {border-right:1px solid #999999; border-bottom:2px solid #99CCCC; }
.fingreyrightbot {border-right:1px solid #999999; border-bottom:1px solid #999999; }
.fingreybot { border-bottom:1px solid #999999; }
.fingreyright { border-right:1px solid #999999; }
.fingreybotleftblue { border-right:1px solid #999999; border-bottom:1px solid #99CCCC;  }
.fingreyblueline { border-bottom:1px solid #99CCCC; border-bottom:1px solid #999999;  }

.fincolumngrey {background-color:#E2E6E7; padding:20px}
.fincolumnheadthicklinegrey {background-color:#E2E6E7; color:#EE3425; border-bottom:2px solid #EE3425;}
.fincolumnwhite {background-color:#fff; color:#F49800; font-size:20px}
.fincolumngreythickline {background-color:#E2E6E7; border-bottom:2px solid #000;}



.keybluebox {background-color:#00B0C4; color:#fff; padding:10px; font-size:17px;}
.keybluethickline {border-bottom:2px solid #00B0C4;}
.keylightbluebox {background-color:#DCF1F2; padding:10px;}
.keygreybox {background-color:#F3F3F3; padding:10px;}


.remblueblock {background-color:#00B0C4; color:#fff;}
.remblueblock1 {background-color:#9DD6E2;}
.remblueblock2 {background-color:#F0F9FB;}
.remborder {border:1px solid #000;}


.greyborderthick {border-bottom:2px solid #96989B; border-top:2px solid #96989B; border-right:2px solid #96989B; border-left:2px solid #96989B;}
.lightblueblock {background-color:#DCF1F2; padding:20px}
.whiteblockpadding {background-color:#fff; padding:20px}
.dottedlinebot {border-bottom:2px dotted #96989B;}


.whitetext {color:#fff;}
.captiontb {font-size:12px;}
.largeblktext {font-size:14px;}
.datatable tr:hover, .datatable tr.hilite {background-color: #E6E6E6;color: #000000;}
.finwhitebkr {background-color:#fff;}

p.download {text-align:right}
p.download i {font-size:1.5em;margin-right:.25em;}
 
 
 /*LISTS*/
ul.list {padding-bottom:.5em;line-height:1.3em}
ul.icons {margin-left:5em;padding-top:1em;}
ul.icons.single {margin-left:3em;}
ul.large-text {font-size:1.25em}
ul.list ul.list {margin-left:1em;margin-top:.5em;margin-bottom:0}
ul.arrow {margin-left:1em;}

ul.arrow li {list-style-image: url(../images/red-arrow.png)}
ul.blue-arrow li {list-style-image: url(../images/blue-arrow.png); margin-left: -1.2em;}
ul.blue-arrow li ul li {list-style:disc; margin-left: -1.2em;}


/*=SWITCH COLOURS
-----------------*/
.switch-blue {color:#1782c5}
.switch-green {color:#00a850}
.switch-orange {color:#f04e23}
.switch-black {color:#000}
.switch-red {color:#EE3224}
.switch-grey {color:#5A5A5A}
.switch-turquise {color:#03898C}