html {
  box-sizing: border-box; font-size:16px;
}
body {
	background-color:#ebebeb; color:#333333; font-family:Arial, Helvetica!important
}

/*
vodafone red : e60000
*/

@font-face {font-family: 'Vodafone';src: url('fonts/vodafone_rg-webfont.eot');src: url('fonts/vodafone_rg-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/vodafone_rg-webfont.woff') format('woff'),url('fonts/vodafone_rg-webfont.ttf') format('truetype'),url('fonts/vodafone_rg-webfont.svg#VodafoneRgRegular') format('svg')}
@font-face {font-family: 'VodafoneLight';src: url('fonts/VodafoneLt.eot');src: url('fonts/VodafoneLt.eot?#iefix') format('embedded-opentype'),url('fonts/VodafoneLt.svg') format('svg'),url('fonts/VodafoneLt.woff') format('woff'),url('fonts/VodafoneLt.ttf') format('truetype')}
@font-face {font-family: 'Vodafone_bold';src: url('fonts/VodafoneRgBd.eot');src: url('fonts/VodafoneRgBd.eot?#iefix') format('embedded-opentype'),url('fonts/VodafoneRgBd.woff') format('woff'),url('fonts/VodafoneRgBd.ttf') format('truetype'),url('fonts/VodafoneRgBd.svg#Vodafone_bold') format('svg');font-weight: bold;font-style: normal}

*, *:before, *:after {box-sizing: inherit;}
a {text-decoration:none ; color:inherit; }
a:hover, .underline {text-decoration:underline;}
/* main - copy everytime */

.bold {font-weight: bold;}
.red-letters {color:#e60000!important;}
.clear {clear:both;}

.voda {font-family:'Vodafone'}
.voda-light {font-family:'VodafoneLight'}
.voda-bold {font-family:'Vodafone_bold'}

.pull-right {float:right;}
.text-center {text-align:center;}
.text-right {text-align:right;}

.important-icon {background:url(../l_img/exclamation.png) center center no-repeat}

#main-site {max-width:1200px; margin:0 auto; background-color:#fff}
a.vodafone-button {display:inline-block; padding:9px 38px; background:#e60000; color:#fff;
	text-align:center; font-size:20px;text-decoration:none!important}
a.vodafone-button:hover {text-decoration:none!important}

.close-button {background-image:url(../l_img/icons/black_close.png); background-position:center center; background-repeat:no-repeat; background-size:contain; width:25px; height:25px;}
.rounded-more-button {width:35px; height:35px; display:inline-block; background:url(../l_img/icons/rounded_more_button.png) center center no-repeat;}
.rounded-more-button.selected-arrow {background:url(../l_img/icons/rounded_more_button_red.png) center center no-repeat;}

/* grid */
	.row {padding:0 15px; clear:both;}
	.row .columns {float:left; padding:15px}
	.small-2.columns {width:16.66667%;}
	.small-3.columns {width:25%;}
	.small-4.columns {width:33.3333%;}
	.small-5cols.columns {width:20%;}
	.small-6.columns {width:50%;}
	.small-8.columns {width:66.6666%;}
	.small-9.columns {width:75%;}
	.small-12.columns {width:100%;}
	.columns textarea,
	.columns input,
	.columns select {width:100%; margin:5px 0;}

/* generic */
	.arrow {border:none; border-left:2px solid #fff; border-top:2px solid #fff; background:none; outline:none; padding:0;}
	.arrow-small {width:14px; height:14px}
	.arrow-smaller {width:12px; height:12px; font-size:0;}
	.arrow-red {border-color:#f00}
	.arrow-gray {border-color:#7a7a7a}
	.arrow-left {transform:rotate(-45deg);}
	.arrow-up {transform:rotate(45deg);}
	.arrow-right {transform:rotate(135deg);}
	.arrow-down {transform:rotate(-135deg);}
	.yesno {background-repeat:no-repeat; background-position:center center; display:inline-block; width:44px; height:24px;}
	.yesno.tick {background-image:url(../l_img/icons/tick.png)}
	.yesno.ex {background-image:url(../l_img/icons/ex.png)}

/* header */
	#main-site header {position:relative;}
	#main-site header .triangle {position:absolute; z-index:2; width:180px; height:175px; background:url('../l_img/vodafone_triangle.png') left top no-repeat}
	#main-site header .triangle a {display:inline-block; width:75px; height:75px;  margin-left:100px; margin-top:40px;}
	#main-site header .triangle_nobar {position:absolute; z-index:2; width:280px; height:175px; background:url('../l_img/vodafone_triangle_nobar.png') left top no-repeat}
	#main-site header .triangle_nobar a {display:inline-block; width:50px; height:40px; margin-left:10px;margin-top:0px; }
	#top-row {padding-right:15px; background-color:#333333; height:42px; color:#fff; line-height:42px; text-align:right;}
	#top-row > a {background:url('../l_img/top_bar_sprite.png'); width:50px; height:42px; display:inline-block; overflow:hidden;}

	#top-row > a.calc {background-position:0 0}
	#top-row > a.plane {background-position:-50px 0}
	#top-row > a.mobile {background-position:-100px 0}
	#top-row > a.pad {background-position:-150px 0}

	#top-row > a.calc:hover {background-position:0 -42px}
	#top-row > a.plane:hover {background-position:-50px -42px}
	#top-row > a.mobile:hover {background-position:-100px -42px}
	#top-row > a.pad:hover {background-position:-150px -42px}

	#top-row .user {float:right; margin:0 30px; font-size:15px;}

/* burder menu */
	#burger-button {background:none; outline:none; border:none; width:32px; height:32px; float:right; margin:4px 0 0 4px; display:inline-block; transition:.4s; }
	#burger-button span {display:block; height:3px; background:#fff; margin:7px 0; width:32px; transform-origin:50%;transition:.4s;}
	#burger-button.open {transform:rotate(90deg); transition:.4s;}
	#burger-button.open span {background:#666;transition:.4s;}

	#burger-menu {display:none; width:548px; padding:20px 15px; position:absolute; right:0; top:42px; z-index:3; background:#333333; border-top:1px solid #fff; font-size:16px}
	#burger-menu.open {display:block}
	#burger-menu .item {width:160px; margin-right:15px; float:left; text-align:left; line-height:22px; padding-bottom: 10px;}
	#burger-menu .item:nth-child(3n) {margin-right:0;}
	#burger-menu .item a {padding:2px 0; color:#fff;}
	#burger-menu .item a:hover {text-decoration:underline;}
	#burger-menu .item a.selected {color:#666;}

/* search */
	#search-bar {background:#333333; text-align:center; padding:7px; position:relative;}
	input::-ms-clear {display:none;}
	#search-bar input { font-size:16px; width:670px; height:43px; vertical-align: bottom; outline:none; border:none; margin:0; padding:0 15px; position:relative; top:-2px;}
	#search-bar button:not(.arrow) {width:43px; height:43px; border:none; background:url('../l_img/search_button.png') top left no-repeat; outline:none; margin:0; padding:0; position:relative; top:2px; cursor:pointer;}
/* autocommplete */
	.autocomplete-suggestions {
	    text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1);
	    position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box;
	}
	.autocomplete-suggestion { position: relative; padding:10px; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; color: #333; }
	.autocomplete-suggestion b { font-weight:bold; color: #e60000; }
	.autocomplete-suggestion.selected { background: #f0f0f0; }
	.autocomplete-suggestion .delete-item {position: absolute;right: 8px;top: 9px;width: 24px;height: 24px;background: #e60000;color: #ffffff;padding: 4px;border-radius: 4px;line-height: 16px;text-align: center;font-size: 20px;}


/* vathmologia */
	.grade {clear:both; margin:20px; padding-top:55px; text-align:right;}
	.grade a {display:inline-block; background:url('../l_img/grade.jpg') left center no-repeat; height:28px; line-height:28px; padding-left:40px; font-size:15px;}

/* footer */
	footer {clear:both; margin-top:20px}
	/* */

/* breadcumb */
	#breadcrumb.home {padding:20px 15px 18px 15px;}
	#breadcrumb {padding:20px 15px 18px 20px; font-size: 16px}
	#breadcrumb .root:after, #breadcrumb .item:after { content:" "; display:inline-block; font-size:0; width:8px; height:8px; transform:rotate(135deg); border-left:1px solid #000; border-top:1px solid #000; margin:0 0 2px 15px;}
	#breadcrumb .root {padding:0 5px }
	#breadcrumb .item {padding:0 5px 0 12px;}
	#breadcrumb .current {display:inline-block; font-weight: bold; padding:0 10px;}

/* news list */
	.news-header {width:1200px; height:205px; border-bottom:2px solid #e60000; position:relative; /*overflow:hidden*/;}
	.news-header .header-title {position: absolute; bottom:12px; left:20px; color:#333; font-size:35px;}
	.news-header #search-bar {background:none; position:absolute; left:40px; top:50px; width:100%}





/* menu */
	vodafone-menu .menu-item {font-size:18px;}
	vodafone-menu .tag-menu {height:60px; background:#666666; position:relative; padding:0 0 0 180px; text-align:left;}
	vodafone-menu .tag-menu > a {display:inline-block; line-height:60px; height:60px; color:#fff; padding:0 20px;}
	vodafone-menu .tag-menu > a.selected {background:#fff; color:#333333;}
	vodafone-menu .main-submenu {position:absolute; z-index:100; text-align:left; background:#333333;}
	vodafone-menu .main-submenu-part {width:230px; padding:40px 0 20px 20px; float:left; background:#333333}
	vodafone-menu .main-submenu-part .header {font-size:18px; line-height:20px; color:#fff; padding-bottom:20px; font-weight: bold;}

	/* delete
	vodafone-menu .main-submenu-part a {font-size:17px; line-height:17px; color:#fff; display:block; padding-bottom:15px}
	*/

	/* changes */
	vodafone-menu .main-submenu-part a {font-size:17px; line-height:17px; color:#fff; display:block; padding:0 20px 15px 0; position: relative; }
	vodafone-menu .main-submenu-part a span {position: absolute; right:3px; top:0px; width:20px; height:20px; line-height:18px; border-radius:5px; border:1px solid #777; text-align: center;/*transform:rotate(90deg)*/;}
	/*vodafone-menu .main-submenu-part a span {color:#ffffff00; position: absolute; right:8px; top:0px; width:12px; height:12px; border:1px solid #fff; transform: rotate(-135deg); border-width: 0 0 1px 1px}*/
	vodafone-menu .main-submenu-part a span:hover {
		background:#fff; color:#444;
	}
	vodafone-menu .main-submenu-part-clicked   {transform:rotate(90deg);}

	/* changes */


	vodafone-menu .has-5 .part-3 {clear:left;}
	vodafone-menu .has-6 .part-4 {clear:left;}
	vodafone-menu .has-7 .part-4 {clear:left;}
	vodafone-menu .has-8 .part-4 {clear:left;}
	vodafone-menu .has-9 .part-4 {clear:left;}
	vodafone-menu .has-9 .part-8 {clear:left;}
	vodafone-menu .has-10 .part-4 {clear:left;}
	vodafone-menu .has-10 .part-8 {clear:left;}


/* slider */
	vodafone-slider .tag-slider {width:100%; height:390px; background:#000; position:relative; overflow:hidden;}
	vodafone-slider .tag-container {width:100%; height:100%; overflow:hidden; position:relative;}
	vodafone-slider .tag-container>div {width:100%; height:100%; position:absolute; left:0; top:0; opacity:1; transition:.2s; cursor:pointer}
	vodafone-slider .tag-container>div.hidden {opacity:0; transition:.2s;}
	vodafone-slider .arrow-left {width:40px; height:40px; position:absolute; top:50%; margin-top:-20px; left:30px;}
	vodafone-slider .arrow-right {width:40px; height:40px; position:absolute; top:50%; margin-top:-20px; right:30px; cursor:pointer}
	vodafone-slider .tag-bullets {position:absolute; bottom:0; width:100%; height:90px; text-align:center; background:rgba(84,87,90,.5); padding: 0 20px;}
	vodafone-slider .tag-bullets button {position:relative; box-sizing: border-box; padding:0; margin:10px 10px; display:inline-block; height:70px; width:200px; outline:none; border:3px solid #fff;}
	vodafone-slider .tag-bullets button > div {opacity:.5; transition:.3s; position:absolute; top:0; bottom:0; left:0; right:0; background-size:120%; background-position:center center; background-repeat:no-repeat;}
	vodafone-slider .tag-bullets button:hover > div {opacity:1; background-size:135%; transition:.3s}
	vodafone-slider .tag-bullets button.selected {border:3px solid #e60000}
	vodafone-slider .tag-bullets button.selected > div {opacity:1;}
	vodafone-slider .tag-bullets button > span {text-align: left; position:absolute; bottom:3px; left:3px; right:3px; font-size:16px; color:#fff; text-shadow:0 0 8px #000; display:block; padding: 5px; line-height:15px; background-color:rgba(230,0,0,0.3)}
	vodafone-slider .tag-bullets button.selected > span {bottom:0; left:0; right:0}
/* end slider */

/* news slider */
	vodafone-news-tracker {width:578px; float: left; margin-top:10px}
	vodafone-news-tracker .container {width:578px; box-shadow:1px 1px 3px #bbb; border:1px solid #bbb; overflow:hidden;}
	vodafone-news-tracker .container .image img {display: block;;}
	vodafone-news-tracker .itemslist {height:400px; overflow:hidden; position:relative; border-bottom:none}
	vodafone-news-tracker .bottom {height:50px; line-height:50px; font-size:22px; color:#666; border-bottom:1px solid #cfcfcf; border-top:1px solid #cfcfcf; background:#ebebeb; text-align: right; padding-right:17px;}

	vodafone-news-tracker .itemslist .item {position:relative; min-height: 40px; padding:12px 0; border-bottom:1px solid #e7e7e7; clear:both; color:#333; display:table; font-size:15px; width:530px; margin-left:50px;}
	vodafone-news-tracker .itemslist .item .date {width:100px; padding-right:15px; display:table-cell}
	vodafone-news-tracker .itemslist .item .contents {width:375px; padding-right:15px; display:table-cell}
	vodafone-news-tracker .itemslist .item .dots {position:absolute; right:50px; top:50%; transform:translate(0, -50%); width:25px; height:25px; }
	vodafone-news-tracker .itemslist .item span {position:absolute; right:20px; top:50%; transform:translate(0, -50%);}
	vodafone-news-tracker .the-up-arrow {position:absolute; left:18px; top:18px; z-index:2; cursor:pointer;}
	vodafone-news-tracker .the-down-arrow {position:absolute; left:18px; bottom:18px; z-index:2; cursor:pointer;}
	vodafone-news-tracker .the-more-arrow {cursor:pointer;border-width:1px}


/* footer */
	vodafone-footer .main-footer {padding:30px 66px 0 66px}
	vodafone-footer .footer {background:rgba(17,17,17,.9); padding:20px 30px 0 30px; color:#fff; height:450px;}
	vodafone-footer .footer-submenu {float:left; padding-right:25px; width:25%;}
	vodafone-footer .footer-maintitle {padding:10px 0 10px 0; font-size:20px;}
	vodafone-footer .footer-maintitle {padding:10px 0 10px 0; font-size:20px;}
	vodafone-footer .footer-submenu-link {display:inline-block; padding:8px 0; line-height:20px;font-size:16px;}
	vodafone-footer .footer-submenu-link span {transform:scale(.5,1); display:inline-block;}

	vodafone-footer .footer-popup {position:absolute; z-index:2;display:inline-block; margin-left:20px; margin-top:15px;font-size:16px;}
	vodafone-footer .popup-arrow {width:20px; height:20px; border-left:1px solid #fff; border-bottom:1px solid #fff; transform:rotate(45deg); display:inline-block; font-size:0; background:#333; position:absolute; z-index:2; margin-top:-5px;}
	vodafone-footer .footer-popup .contents {background:#333333; margin-left:10px; transform:translate(0, -50%); border:1px solid #fff; padding:10px;}
	vodafone-footer .footer-popup .popup-link {display:block; padding:10px;}

/* general Dates (used in Simple Applications) */

	.col-date-simpleapp-menupage input {background:#fff url(../l_img/icons/date_icon.png) left center no-repeat; padding-left:44px!important; }

	.col-date-simpleapp-nomenupage input {background:#fff url(../l_img/icons/date_icon.png) left center no-repeat; padding-left:44px!important; }

/* news */
	.dimmed {opacity:.4}
	.news-search {padding:20px 30px 30px 30px; background:#333333; border-top:1px solid #4e4e4e; border-bottom:1px solid #4e4e4e; color:#fff; height:120px;}
	.news-search span {font-size:20px;}
	.news-search .col {float:left; padding:0 0 10px 0}
	.news-search .col input {width:100%; display:block; border:1px solid #c3c3c3; height:40px; outline:none; padding:0 10px}
	.news-search .col input[type="button"] {cursor:pointer;}
	.news-search .col-title {width:300px; margin-right:10px;}
	.col-title-only {width:610px; margin-right:10px;}
	.news-search .col-text {width:300px; margin-right:10px;}
	.col-no-text {display:none}
	.news-search .col-date {width:155px; margin-right:10px;}
	.news-search .col-search {width:190px;}
	.news-search .col-date input {background:#fff url(../l_img/icons/date_icon.png) left center no-repeat; padding-left:44px; }

	.news-search .col-search input {background:#e60000; text-align:center; border:1px solid #e60000; color:#fff}
	.paging {text-align: center;; margin-top: 20px;}
	.paging button {width:40px; height:43px; background-image:url(../l_img/paging_sprite.png); background-repeat:no-repeat; outline:none; border:none; cursor: pointer; transform:translate(0,-3px);}
	.paging input {width:50px; height:40px; vertical-align:top; border-radius:3px; border:1px solid #acacac; text-align: center; outline:none}
	.paging span {display:inline-block; vertical-align: top; line-height:43px; text-align: center; padding:0 0 0 10px}
	.paging .double-prev {background-position:0 0}
	.paging .prev {background-position:-40px 0}
	.paging .next {background-position:-80px 0}
	.paging .double-next {background-position:-120px 0}
	.vodafone-news-list .container {margin:25px 15px; }
	.vodafone-news-list .results {border:1px solid #d2d2d2; box-shadow:-1px 1px 2px #ddd; margin-top:25px;}
	.vodafone-news-list .results, .result:last-child {border-bottom:none}
	/*.vodafone-news-list .results, .result:hover .title {text-decoration:underline;}*/
	.vodafone-news-list .results .result .important {width:40px; float:right; min-height:20px;}
	.vodafone-news-list .results .result .arr {width:40px; float:right; padding-left:0;}
	.vodafone-news-list .results .result .body.open {max-height:600px; transition:.4s; padding:20px 15px 30px 15px; }
	.vodafone-news-list .result .arrow {transition:.4s; position: absolute;}
	.vodafone-news-list .result.open .arrow {transform:rotate(225deg); transition:.4s;}
	.vodafone-news-list .results .result .body {clear:both; padding:0 15px; overflow:auto; background:#fff; color:#000; max-height:0; transition:.4s}

	#single-new .result, .vodafone-news-list .results .result {font-size:15px; border-bottom:1px solid #e7e7e7; vertical-align:top; transition:.4s}
	#single-new .result, .vodafone-news-list .results  .result.open {background:#acacac; color:#fff; transition:.4s}
	#single-new .result > div, .vodafone-news-list .results .result > div {overflow:hidden; padding:13px 0 13px 13px}
	#single-new .date, .vodafone-news-list .results .result .date {width:100px; float:left}
	#single-new .hours, .vodafone-news-list .results .result .hours {width:70px; float:left;}
	#single-new .title, .vodafone-news-list .results .result .title {width:870px; float:none;}
	#single-new .body {clear:both; padding:0 15px; overflow:auto; background:#fff; color:#000;}
	#single-new .result {border:1px solid #d2d2d2; box-shadow:-1px 1px 2px #ddd; margin:25px 15px;}


/* text pages */
	.left-menu {border:1px solid #aaa; box-shadow:2px 2px 3px #aaa; width:265px; margin-left:15px; float:left}
	.right-part {width:860px; float:left; margin-left:30px;}
	.full-part {margin-left:0 30px;}


/* left menu */
	.left-menu div { position:relative; font-size:13px; color:#333; line-height:20px; min-height:37px; overflow:hidden;position:relative; border-top:1px solid #ccc; font-family: Arial, Helvetica}
	.left-menu div a {display:block; line-height:20px; padding:8px 0; min-height:37px;}
	/*.left-menu div a:hover {background:#333!important; color:#fff}*/
	.left-menu > div a {padding-left:15px;}
	.left-menu > div > div a {padding-left:30px;}
	.left-menu > div > div > div a {padding-left:45px;}
	.left-menu > div > div > div > div a {padding-left:60px}
	.left-menu div.selected {background:#333!important; color:#fff;}
	.left-menu div.is-closed div {display:none;}
	.left-menu div.open, .left-menu div.open div {background:#777; color:#fff; height:auto!important;}
	.left-menu div.open > button {transform:rotate(45deg);}
	.left-menu button {position:absolute; right:10px; top:12px; font-size:0; padding:0; height:10px; width:10px; outline:none; background:none; border:none; border-right:1px solid #777; border-bottom:1px solid #777; transform:rotate(-45deg);}
	.left-menu div.open button {border-right:1px solid #fff; border-bottom:1px solid #fff;}


/* simple app */
	#simple-app {color:#fff;}
	#simple-app .panel {background:#333;}
	#simple-app .panel .row .columns {padding:5px; background:#333;}
	#simple-app .panel .row {padding-top:10px;}
	#simple-app .panel .vodafone-button {padding:9px 46px; margin-bottom:15px;}
	#simple-app input, #simple-app select {padding:12px; -webkit-appearance:none; outline:none; border-radius:0; border:none;}


/* main-search-dropdown */
	#main-search-dropdown {position:absolute; right:50%; margin-right:-300px; z-index:2; display:inline-block; height:43px; top:9px;}
	vodafone-category-chooser .label {line-height:43px; color:#999;}
	vodafone-category-chooser .subs {position:absolute; z-index:2; display:inline-block; margin-top:50px;font-size:16px; background:#333333; border:1px solid #fff; padding:10px; width:568px; transform:translate(-288px, 0);}
	vodafone-category-chooser .subs .popup-arrow {width:20px; height:20px; border-left:1px solid #fff; border-top:1px solid #fff; transform:rotate(45deg); display:inline-block; font-size:0; background:#333; position:absolute; z-index:2; margin-top:-21px;}
	vodafone-category-chooser .label .arrow {position:relative; top:-2px; margin-right:5px;}
	vodafone-category-chooser .subs .anitem {position:relative; display:inline-block; padding:5px 5px 5px 30px; width:33%; float:left; color:#fff; text-align:left; line-height:20px; cursor:pointer;}
	.sre-checkbox:before, vodafone-category-chooser .subs .anitem:before {content:" "; width:20px; height:20px; display:inline-block; position:absolute; left:0; background:url('../l_img/check_sprite.png') left top no-repeat;  box-shadow:0 0 6px 1px rgba(0,0,0,.3);}
	.sre-checkbox.selected:before, vodafone-category-chooser .subs .selected.anitem:before {content:" "; width:20px; height:20px; display:inline-block; position:absolute; left:0; background:url('../l_img/check_sprite.png') left bottom no-repeat;}
	.aclose-button, vodafone-category-chooser .close-button {float:right; width:20px; position: relative; height:8px; z-index:20; cursor:pointer;}
	.aclose-button:before, vodafone-category-chooser .close-button:before {content:" "; width:20px; height:20px; font-size:0; position:absolute; left:8px; top:6px; border-left:1px solid #fff; transform:rotate(45deg);}
	.aclose-button:after, vodafone-category-chooser .close-button:after {content:" "; width:20px; height:20px; font-size:0; position:absolute; left:8px; top:-7px; border-left:1px solid #fff; transform:rotate(-45deg);}
	.aclose-button-big {width:40px; height:40px}
	.aclose-button-big:before, .aclose-button-big:after {width:40px; height:40px}
	.aclose-button-big:before {top:20px;}

	table.roamingdetails {border-collapse:collapse;}
	table.roamingdetails tr:nth-child(odd) {background:#f4f4f4;}
	table.roamingdetails td {border:1px solid #d3d3d3; padding:10px 20px;}

table.roamingdetailswhite {border-collapse:collapse;}
	table.roamingdetailswhite tr {background:#ffffff;}
	table.roamingdetailswhite td {border:1px solid #d3d3d3; padding:10px 20px;}
table.roamingdetailsgray {border-collapse:collapse;}
	table.roamingdetailsgray tr {background:#f4f4f4;}
	table.roamingdetailsgray td {border:1px solid #d3d3d3; padding:10px 20px;}
	.sms-input-text {padding: 8px 0; line-height: 25px; font-size: 20px; margin: 0; border: 1px solid #aaa; }

	.sms-popup-overlay {position:fixed; top:0; right:0; left:0; bottom:0; background:rgba(0,0,0,.3); z-index:1001}
	.sms-popup {position:fixed; top:50%; left:50%; background-color:#333333; text-align:center;
		transform: translate(-50%, -50%); z-index:1002; padding:20px 20px 80px 20px; color:#fff;}
	.sms-popup a.close {text-align:right; font-size:40px; display: block; color:#fff; min-width:300px; margin-bottom:260px}
	.sms-popup a.close:hover {text-decoration:none!important}
	.sms-popup.ok {background:#333333 url(../l_img/sms_tick_yes.png) center 80px no-repeat;}
	.sms-popup.error {background:#333333 url(../l_img/sms_tick_no.png) center 80px no-repeat;}


/* master page */
	.the-master-page-container {padding:15px;}
	.the-master-page .alogo {padding-left:65px; height:50px; line-height:50px; font-family:"VodafoneLight"; font-size:35px; margin:35px 0 15px 0;}
	.the-master-page .newslogo {background:url(/InfoportalUI/l_img/newslogo.png) left center no-repeat}
	.the-master-page .catslogo {background:url(/InfoportalUI/l_img/catslogo.png) left center no-repeat}
	.master-page {margin:0 -5px;}
	.master-page-sub {width:calc(20% - 10px); position:relative; height:130px; float:left; margin:0 5px 10px 5px;}
	.master-page-bg {background-size:100% 100%!important; position:absolute; width:100%; height:100%; top:0; left:0; transition:.36s; overflow:hidden}
	.master-page-title {position:absolute; padding:15px; background-color:rgba(220,220,220,.8); bottom:0; left:0; font-size:20px; font-family:"Vodafone"; color:#333; font-weight:normal; width:100%}
	.master-page-title > span {display:inline-block; font-size:0; border-right:1px solid #f00; border-bottom:1px solid #f00; width:10px; height:10px; transform:rotate(-45deg) translate(0, -1px)}
	.master-page-sub:hover .master-page-bg {background-size:110%!important}
	.master-page-sub:hover .master-page-title {text-decoration:underline;}
/* end master page */






/* popup */
#my-once-popup {display:none;}
#my-once-cover {position:fixed; top:0; left:0; right:0; bottom:0; z-index:65530; background:rgba(0,0,0,0.7)}
#my-once-inside {position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:900px; max-height:90vh; z-index:65531; background:#fff}
#my-once-inside > div {position:relative; padding:40px; max-height:80vh; overflow:auto;}
#my-once-inside > .aclose {width:40px; height:40px; position: absolute; top:-20px; right:-20px; z-index:20; cursor:pointer; background:#e60000; border-radius:50%}
#my-once-inside > .aclose:before {content:" "; width:30px; height:30px; font-size:0; position:absolute; left:15px; top:15px; border-left:2px solid #fff; transform:rotate(45deg);}
#my-once-inside > .aclose:after {content:" "; width:30px; height:30px; font-size:0; position:absolute; left:15px; top:-5px; border-left:2px solid #fff; transform:rotate(-45deg);}
img[data-image-popup], span[data-image-popup], div[data-image-popup] {
    cursor: pointer;
}
/* end of popup */


/* search here checkbox */
#search-here {
	display: block;
	width: 670px;
	background:rgba(255,255,255,.7);
	margin:0 auto;
	padding:10px;
	text-align: left;
	transform: translateY(-2px) translateX(-24px);

}
#search-here > div {
	position: relative;
	padding-left:30px;
}


/* BEGIN add onenew-new */
#single-news-search-container.news-search {height:200px; color:#000!important;}
#single-news-search-container .select2-container {margin-top:0}
#single-news-search-container .select2 span {color:#000!important;}
#single-news-search-container .col input {height:42px}
#single-news-search-container .select2-dropdown {top:-18px;}
#single-news-search-container > .row {height:85px;}
#single-news-search-container > .row span {display:block;padding-bottom:8px; color:#fff;}
#single-news-search-container .row {white-space:nowrap;}
#single-news-search-container .col {padding: 5px!important; box-sizing:border-box;}
#single-news-search-container .col40 {width:40%;}
#single-news-search-container .col60 {width:60%; }
#single-news-search-container .col20 {width:20%; }
#single-news-search-container .has-date input {background:#fff url('/l_img/icons/date_icon.png') left center no-repeat; padding-left:44px!important; border:1px solid #fff!important; height:41px!important; }
#single-news-search-container .has-button .search-button {width:100%; height:41px; background:#e60000; text-align:center; border:none!important; color:#fff;}
/* END add onenew-new */

/* BEGIN Table of Contents CSS */
#vodafone-toc {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #aaa;
    display: table;
    font-size: 95%;
    margin-bottom: 1em;
    padding: 20px;
    width: auto;
}

.toc_title {
    font-weight: 700;
    text-align: center;
}

#vodafone-toc li, #vodafone-toc ul, #vodafone-toc li{
    list-style: outside none none !important;
}
ul > ul > li {
	margin-left: 10px;
}

/* END  Table f Contents CSS */