/************************************
        mito. clever things.
************************************/

@font-face {
    font-family: 'VodafoneLight';
    src: url('Mont-Light.otf');
    src: url('Mont-Light.otf') format('opentype'),
         url('Mont-Light.woff') format('woff'),
         url('Mont-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'VodafoneRegular';
    src: url('Mont-Regular.otf');
    src: url('Mont-Regular.otf') format('opentype'),
         url('Mont-Regular.woff') format('woff'),
         url('Mont-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'VodafoneBold';
    src: url('Mont-SemiBold.otf');
    src: url('Mont-SemiBold.otf') format('opentype'),
         url('Mont-SemiBold.woff') format('woff'),
         url('Mont-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'VodafoneExtraBold';
    src: url('Mont-Bold.otf');
    src: url('Mont-Bold.otf') format('opentype'),
         url('Mont-Bold.woff') format('woff'),
         url('Mont-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*----[Reset]----*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul, ul ul {list-style: none;}
/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/*----[Clearfix]----*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;}
* html .clearfix {overflow: hidden;}

/*----[Utilities]----*/
.hide-element {visibility: hidden;}
.display-none {display: none;}
.clear {clear: both;}
.if-not-js-hide {visibility: hidden;}
.if-not-js-none {display: none;}
.js .if-not-js-hide {visibility: visible;}
.js .if-not-js-none {display: block;}
.mobile .if-mobile-none {display: none;}
.if-mobile-show {display: none;}
.mobile .if-mobile-show {display: block;}
.onLeft {float: left;}
.onRight {float: right;}

/*----[Overall style rules]----*/
body {
    background:#f4f4f4;
	font: 13px/1.5 Arial, Helvetica, sans-serif;
	color: #333;
}
a {
	color: #333;
	text-decoration: none;
	cursor: pointer;
}
a:hover, a:focus {
	color: #e60000;
	text-decoration: underline;
	cursor: pointer;
}

/*----[Typography]----*/
h1 {
	font-size: 0;
	height: 0;
	line-height: 0;
	text-indent: -999em;
}

/*----[Cookie warning]----*/

#cookieWarning{
    position: fixed;
    bottom: 0px;
    left: 0;
    background: #fff;
    width: 100%;
    z-index: 2000000;
    display: table;
    background-color: rgba(0,0,0, 0.75);
    color: white;
    font-family: VodafoneLight;
}

#cookieWarning .tableCell{
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
}


/*----[/vodafone_main.css]----*/


table.gsc-completion-container td{
    background: none !important;
}
table.gsc-completion-container td.gssb_a{
    background: url('../images/theme/arrows.png') 6px 12px no-repeat !important;
}
/*----[structure.css]----*/

#mito-header {
	width: 100%;
	height: 40px;
	margin-bottom: 83px;
	background: #ebebeb;
	border-bottom: 1px solid #d4d4d4;
	text-align: center;
}

/*----[Top global nav]----*/
#global-nav-wrap {
	width: 950px;
	padding-right: 10px;
	text-align: left;
	margin: 0 auto;
}
#top-globalnav {
	float: left;
	margin: 0 0 0 10px;
	height: 40px;
	position: relative;
	bottom: -1px;
}
#top-globalnav li {
	position: relative;
	display: block;
	float: left;
	margin-left: -1px;
	height: 40px;
}
#top-globalnav li.first {
	margin-left: 0;
}
#top-globalnav li a {
	position: relative;
	display: block;
	float: left;
	margin-top: 10px;
	padding: 5px 12px 0;
	height: 24px;
	border: 1px solid #d3d3d3;
	border-bottom: none;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	color: #525252;
}
#top-globalnav li a:hover,
#top-globalnav li a:focus,
#top-globalnav li.active a,
#top-globalnav li.active a:hover,
#top-globalnav li.active a:focus {
	margin-top: 5px;
	padding-top: 7px;
	height: 27px;
	background: url(../images/theme/tab_global.png) left top repeat-x #f4f4f4;
	color: #bd0000;
}

/*----[Account dropdown]----*/
#top-links {
	position: relative;
	z-index: 60;
	float: right;
	margin-bottom: 14px;
	height: 40px;
}
#top-links ul#top-quicklinks {
	float: right;
	margin-top: 4px;
	border-left: 1px solid #e5e5e5;
	height: 33px;
}
#top-links ul#top-quicklinks li {
	float: left;
	position: relative;
	display: block;
	padding-top: 10px;
	border-left: 1px solid #efefef;
	border-right: 1px solid #e5e5e5;
	height: 23px;
}
#top-links ul#top-quicklinks li.my-account {
	margin: 0 -3px 0 0;
	padding-top: 0;
	margin-left: 10px;
	border-right: none;
	width: 186px;
	height: 33px;
	font-size: 13px;
	background: url(../images/theme/btn_sign_in_high.png) right top no-repeat;
	cursor: pointer;
}
#top-links ul#top-quicklinks li.my-account-logged-in {
	margin: 0 0 0 10px;
	padding: 0 5px 0 0;
	border-right: none;
	height: 33px;
	font-size: 13px;
	background: url(../images/theme/btn_sign_in_high.png) right -66px no-repeat;
}
#top-links ul#top-quicklinks li.log-out {
	padding-top: 3px;
	margin-left: 5px;
    border: none;
}
#top-links ul#top-quicklinks li.log-out a.buttonLoggedIn {
    padding: 0 0 0 12px;
	margin-right: 10px;
}
#top-links ul#top-quicklinks a,
#top-links ul#top-quicklinks a:hover,
#top-links ul#top-quicklinks a:focus {
	padding: 0 8px;
	text-decoration: none;
}
#top-links ul#top-quicklinks li.my-account a.account-sign-in {
	position: relative;
	padding: 0 0 0 30px;
	font-weight: bold;
	line-height: 34px;
	height: 33px;
	display: block;
	margin-right: 20px;
	background: url(../images/theme/btn_sign_in_high.png) left top no-repeat;
}
#top-links ul#top-quicklinks li.my-account-logged-in span {
	display: block;
	float: left;
	padding: 0 0 0 30px;
	width: 90px;
	overflow: hidden;
	height: 33px;
	line-height: 33px;
	font-weight: bold;
	background: url(../images/theme/btn_sign_in_high.png) left -33px no-repeat;
	white-space: nowrap;
}
#top-links ul#top-quicklinks li.shopping-cart {
	/*margin-right: 5px;*/
}
#top-links ul#top-quicklinks li:hover ul {
	left: 0;
	top: 30px;
	z-index: 99;
	margin-left: 2px;
}
#top-links ul#account-dropdown {
	position: absolute;
	left: -999em;
	width: 160px;
	padding: 10px;
    background: #fff;
    color: #333;
    min-height: 140px;
    border: 1px solid #cfcfcf;
}
#top-links ul#account-dropdown li {
	position: relative;
	z-index: 70;
	float: left;
	border: none;
	margin: 0;
	padding: 0;
	height: auto;
}
#top-links #top-quicklinks .dropdown-wrapper {
    font-weight: normal;
    padding: 5px 0;
    font-size: 10px;
}
#top-links .dropdown-wrapper p {
	padding: 5px 0 0 0;
	clear: both;
}
#top-links .dropdown-wrapper p.keep-me {
    padding: 5px 0;
    clear: none;
}
#top-links ul#account-dropdown .dropdown-wrapper a {
	padding-right: 0;
}
#top-links ul#account-dropdown .dropdown-wrapper a.buttonDark {
	padding-left: 10px;
}
#top-links ul#account-dropdown .dropdown-wrapper a.buttonDark span {
	padding-right: 10px;
}
#top-links ul#account-dropdown .dropdown-wrapper a.register,
#top-links ul#account-dropdown .dropdown-wrapper a.forgotten-details {
	background: url(../images/theme/arrows.png) 0 2px no-repeat;
}
#top-links ul#account-dropdown .dropdown-wrapper a.register:hover,
#top-links ul#account-dropdown .dropdown-wrapper a.register:focus,
#top-links ul#account-dropdown .dropdown-wrapper a.forgotten-details:hover,
#top-links ul#account-dropdown .dropdown-wrapper a.forgotten-details:focus {
	background: url(../images/theme/arrows.png) 0 -54px no-repeat;
}
#top-links .dropdown-wrapper .inputRow {
    position: relative;
}
#top-links .dropdown-wrapper label {
	display: none;
}
#top-links .dropdown-wrapper label.passwordBg {
	display: block;
	position: absolute;
	left: 1px;
	top: 1px;
	background-color: #f4f4f4;
	line-height: 23px;
	width: 146px;
	padding: 0 5px 0 8px;
}
#top-links .dropdown-wrapper span.cc {
	display: block;
	float: left;
	line-height: 24px;
	margin-right: 10px;
}
#top-links .dropdown-wrapper p.keep-me label {
	display: block;
}
#top-links .dropdown-wrapper input {
	margin: 0 0 5px 0;
	padding: 5px 5px 5px 8px;
	width: 118px;
	height: 13px;
	border: 1px solid #c9c9c9;
	background-color: #f4f4f4;
	font-size: 10px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}
#top-links .dropdown-wrapper #passwordDD {
	left: 0;
	background: none;
	position: relative;
	width: 146px;
}
#top-links .dropdown-wrapper p.keep-me input {
	float: left;
	margin: 2px 5px 0 0;
	padding: 0;
	border: none;
	width: auto;
	background: none;
}
.gecko #top-links .dropdown-wrapper p.keep-me input {
	margin-top: 1px;
}

/*----[Megamenu]----*/
#top-nav {
	width: 951px;
	padding-right: 9px;
	text-align: left;
	margin: 0 auto;
}
#top-nav ul#menu {
	position: relative;
	float: left;
	margin-left: -1px;
	width: 952px;
	height: 59px;
	background: url(../images/theme/menu_bg.png) left top no-repeat #f80000;
}
ul#menu li.top-level {
	float: left;
	border-right: 1px solid #df0000;
	margin-top: 1px;
	height: 58px;
	text-align: center;
	font-size: 15px;
}
ul#menu li.logo {
	width: 70px;
	background: url(../images/theme/logo.png) center center no-repeat;
}
ul#menu li.logo a {
	width: 70px;
	height: 58px;
	text-indent: -999em;
	outline: none;
}

/*----[Search in menu bar]----*/
ul#menu li.search {
	position: absolute;
	right: 0;
	top: 0;
	width: 155px;
}
ul#menu li.search,
ul#menu li.search:hover {
	border-right: none;
}
ul#menu li.search input#top-search-field,
ul#menu li.search .gsc-input input.gsc-input {
	position: relative;
	float: left;
	padding: 0 0 0 7px;
	top: 15px;
	left: 5px;
	width: 103px;
	height: 28px;
	vertical-align: top;
	background: none #f4f4f4 !important;
	border: none;
	font-weight: bold;
	font-size: 13px;
}
.ie ul#menu li.search input#top-search-field {
	padding-top: 7px;
	height: 21px;
}
ul#menu li.search button,
ul#menu li.search .gsc-search-button button {
	position: relative;
	float: right;
	top: 15px;
	right: 12px;
	display: block;
	width: 31px;
	height: 28px;
	background: none;
	border: none;
	text-indent: -999em;
	cursor: pointer;
}
ul#menu li.search .gsc-clear-button {
	display: none;
}
table.gsc-completion-container {
	position: absolute;
	padding: 0 10px 0 0;
	overflow: hidden;
	background-color: #fff; 
	border-left: 1px solid #c1c1c1 !important;
	border-right: 1px solid #c1c1c1 !important;
	border-bottom: 1px solid #c1c1c1 !important;
	border-top: none !important;
	min-width: 138px;
	border-collapse: separate;
}
table.gsc-completion-container td {
	padding: 5px 5px 5px 20px;
	background: url(../images/theme/arrows.png) 10px 9px no-repeat;
	font-size: 11px;
	color: #525252;
	
}
table.gsc-completion-container td.gsc-completion-selected {
	background: url(../images/theme/arrows.png) 10px -47px no-repeat;
	color: #bd0000;
	cursor: pointer;
}
.gsc-tabsAreaInvisible {
	display: none;
}
.gsc-wrapperInvisible {
	border: none !important;
}

/*----[Grid]----*/
.grid {
	display: block;
	margin: auto;
	padding-top: 10px;
	width: 960px;
	clear: both;
	background: url(../images/theme/contentgrid_bg.png) repeat-y;
}

/*----[Skip to content]----*/
#orientation {
	position: absolute;
	left: 0;
	top: 0;
}
#orientation a {
	position: absolute;
	left: -999em;
	top: -999em;
	display: block;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	border: 1px solid #d3d3d3;
	border-bottom: 0;
	height: 27px;
	background: url(../images/theme/tab_global.png) left top repeat-x #f4f4f4;
	padding: 5px 3px 0;
	padding-top: 5px;
	margin-top: 7px;
	text-align: center;
}
#orientation a:focus {
	left: 0;
	top: 0;
}

/*----[Footer links]----*/
#mito-footer {
	padding-top: 25px;
	width: 950px;
	clear: both;
	background: #F4F4F4;
	padding-right: 2px;
	border-top: 2px solid #DBDBDB;
}
#mito-footer li.top-level {
	float: left;
	margin-right: 10px;
	border-right: 1px solid #e8e8e8;
	width: 149px;
	min-height: 11em;
}
#mito-footer ul li.last {
	margin-right: 0;
	border-right: none;
}
#mito-footer ul li ul li {
	padding: 0;
	line-height: 14px;
}
#mito-footer ul li p {
	margin-bottom: 5px;
	color: #525252;
	font-size: 13px;
	font-weight: bold;
	line-height: 14px;
}
#mito-footer p.notices {
	clear: both;
	float: left;
	padding: 20px 0;
	width: auto;
}
#mito-footer a,
#mito-footer a:hover,
#mito-footer a:focus {
	color: #676666;
	text-decoration: none;
}
#mito-footer a:hover,
#mito-footer a:focus {
	color: #bd0000;
}

/*----[Networking links]----*/
#mito-footer ul.networking-links {
	clear: none;
	float: right;
	padding: 17px 0 0 0;
}
#mito-footer ul.networking-links li {
	float: left;
	display: inline;
	margin-left: 10px;
	border-right: none;
	width: auto;
	min-height: 1em;
}
#mito-footer ul.networking-links li a {
	padding: 4px 0 4px 20px;
	line-height: 21px;
	background: url(../images/theme/networking.png) no-repeat;
}
#mito-footer ul.networking-links li a.link-tw {background-position: 0 0;}
#mito-footer ul.networking-links li a.link-yt {background-position: 0 -21px;}
#mito-footer ul.networking-links li a.link-fb {background-position: 0 -42px;}
#mito-footer ul.networking-links li img {
	border: 1px solid #dbdbdb;
}

/*----[Noscript]----*/
p.footer-no-javascript {
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #dedede;
	width: 930px;
}

/*----[/structure.css]----*/
/*----[modules.css]----*/

/*----[Wrappers]----*/
#main-content {
	padding: 0 20px;
}
.twelveColumn {
	float: left;
	width: 910px;
}
/*.tenColumn {
	float: left;
	width: 800px;
	min-height: 100px;
}*/
.nineColumn {
	float: left;
	width: 680px;
}
.sevenColumn {
	float: left;
	width: 510px;
}
.threeColumn {
	float: left;
	width: 230px;
}
.twoColumn {
	float: left;
	width: 160px;
	margin-right: 10px;
}

/*----[Generic module structure]----*/
.modPortlet {
	float: left;
}
.modPortlet .modHeader h2 {
	padding: 6px 0 3px 10px;
	border-bottom: 1px solid #ccc;
}
.modPortlet .modImgHeader {
	padding: 0;
}
.modPortlet .modImgHeaderSmall {
	padding: 0;
}
.modPortlet .modImgHeader .modImgCont {
	height: 139px;
	background: #fff 1px 1px no-repeat;
}
.modPortlet .modImgHeaderSmall .modImgCont {
	height: 125px;
	background: #fff 0 0 no-repeat;
}
.modPortlet .modImgHeader .modImgCont * {
	text-indent: -999em;
}
.modPortlet .modImgHeader .modImgCont a {
	display: block;
	height: 137px;
}
.modPortlet .modImgHeaderSmall .modImgCont a {
	display: block;
	height: 123px;
}
.modPortlet .modBody {
	padding: 17px 0 20px;
}
.modPortlet .modCont {
	position: relative;
}
.modCopy {
	text-align: left;
}
.modPortlet .modBody .mod
 a {
	display: block;
	float: left;
	margin-right: 20px;
	padding-top: 7px;
}
.modPortlet .modBody .modButton a.buttonLight,
.modPortlet .modBody .modButton a.buttonDark,
.modPortlet .modCont .modButton a.buttonGreen,
.modPortlet .modBody .modButton a.buttonPrimary,
.modPortlet .modBody .modButton a.buttonSecondary,
.modPortlet .modCont .modButton a.buttonStrong,
.modPortlet .modCont .modButton a.buttonInactive {
	padding-top: 0;
}
.modButton .buttonLight,
.modButton .buttonDark,
.modButton .buttonGreen,
.modButton .buttonPrimary,
.modButton .buttonSecondary,
.modButton .buttonStrong,
.modButton .buttonInactive {
	margin-right: 15px;
}

.modPortlet .modBody .modCarouselButton a {
	margin-left: 9px;
	margin-bottom: 10px;
}
.modPortlet .modBodySidebar {
	margin: 0;
	clear: both;
}
.modPortlet .modFooter {
	margin: 0 8px 0 2px;
	height: 10px;
}
.modPortlet .modFooter hr {
	display: none;
}
.portlet-content {
	padding: 0;
}

/*----[Sidebar module structure]----*/
.modSidebar {
	height: 100%;
}
.modSidebar .modHeader h2 {
	font-size: 13px;
	font-weight: bold;
	color: #333;
	padding: 10px 0 6px 10px;
}
.firefox .modSidebar .modHeader h2 {
	padding-bottom: 5px;
}
.modSidebar .modBody {
	padding-top: 7px;
	border: none;
	background-image: none;
}

/*----[Info sidebar module structure]----*/
.modSideInfo label {
	font-weight: bold;
	text-align:right;
}
.modSideInfo .modCopy {
	padding:0 7px;
}
.modSideInfo .modBody .modCopy input.textInput {
	margin:1px;
}
.modSideInfo .modCont .modCopy input.inputFocus {
	margin:0;
}

/*----[Right sidebar module structure]----*/
.threeColumn .modSidebar .modBody {
/*	background: url(../images/theme/modportlet_head_bg.png) right top no-repeat;	*/
	background: transparent;
	margin-right: 0;
	padding: 0;
}
.threeColumn .modSidebar .modCopy {
	padding: 10px 8px 15px;
}
.threeColumn .modSidebar .modCopy p {
	padding: 0 0 0 13px;
}
.threeColumn .modSidebar .sidebar-accordion {
	background-color: #fff;
}
.threeColumn .modSidebar .title {
	background: url(../images/theme/icons_on_grey.png) 0 0 no-repeat;
	border-bottom: 1px solid #ccc;
}

/*----[Left sidebar module structure]----*/
.twoColumn .modSidebar .modBody {
	margin: 0 10px 0 0;
	padding: 0;
	background: #fff;
	border-right: 1px solid #ccc;
	min-height: 920px;
}
.twoColumn .modSidebar ul.grey-arrow-list {
	border-top: 1px solid #ccc;
	margin-top:10px;
}
.twoColumn .modSidebar ul.grey-arrow-list li {
	padding: 0;
	border: none;
	font-size:13px;
}
.twoColumn .modSidebar ul.grey-arrow-list li a {
	display: block;
	padding: 6px 5px 6px 11px;
	border-bottom: 1px solid #ccc;
	background-position: 10px -124px;
	font-weight: bold;
}
.twoColumn .modSidebar ul.grey-arrow-list li a:hover {
	background-color: #f4f4f4;
	text-decoration: underline;
	color: #333;
}
.twoColumn .modSidebar ul.grey-arrow-list li a.active {
	font-weight: bold;
}
.twoColumn .modSidebar ul.grey-arrow-list li a.active:hover {
	text-decoration: none;
}
.twoColumn .modSidebar ul.grey-arrow-list li a.selected,
.twoColumn .modSidebar ul.grey-arrow-list li a.selected:hover {
	/*background-color: #ededed;
	border-bottom: 1px solid #fff;*/
	background: transparent url(../images/theme/btn_grey_arrow.png) no-repeat 100% 0;
	background-size:320px 100%;
	border: none;
	color: #fff;
	margin-right: -12px;
	padding-right: 18px;
	z-index: 10;
	min-height: 20px;
}
.ie .twoColumn .modSidebar ul.grey-arrow-list li a.selected,
.ie .twoColumn .modSidebar ul.grey-arrow-list li a.selected:hover {
	background: transparent url(../images/theme/btn_sprite.png) no-repeat 100% -765px;
}

.twoColumn .modSidebar ul.grey-arrow-list li a.inactive,
.twoColumn .modSidebar ul.grey-arrow-list li a.inactive:hover {
	color: #888;
	background-color: #fff;
	cursor: default;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}
.twoColumn .modSidebar ul.grey-arrow-list li ul li a {
	padding-left: 19px;
	background-position: 11px -622px;
	font-weight: normal;
	font-size:11px;
}
.twoColumn .modSidebar ul.grey-arrow-list li ul li ul li a {
	padding-left: 30px;
	background-position: 22px -622px;
}
.twoColumn .modSidebar ul.grey-arrow-list li ul li ul li ul li a {
	padding-left: 40px;
	background-position: 32px -622px;
}

/*----[Module widths]----*/
.mod12Col {width: 910px;}
.mod10Col {width: 740px;}
.mod9Col {width: 660px; margin-right: 20px;}
/*.mod8Col {width: 640px;}*/
.mod7Col {width: 490px; margin-right: 20px;}
/*.mod6Col {width: 480px;}*/
.mod5Col {width: 350px; margin-right: 20px;}
.mod45Col {width: 320px; margin-right: 20px;}
.mod4Col {width: 290px;}
.mod35Col {width: 235px;}
.mod3Col {width: 230px;}
.nineColumn .mod3Col {
	width: 200px;
	margin-right: 20px;
}

.mod3Col.modInner {width: 215px;}

.mod2Col {width: 160px;}

/*----[Module heights]----*/
.modHeight180 {min-height: 180px;}
.js .modHeight180 {height: 180px;}
.modSidebar .modHeight180 {min-height: 191px;}
.js .modSidebar .modHeight180 {height: 191px;}
.modHeight240 {min-height: 240px;}
.js .modHeight240 {height: 240px;}
.modHeight260 {min-height: 260px;}
.js .modHeight260 {height: 260px;}
.modHeight280 {min-height: 280px;}
.js .modHeight280 {height: 280px;}
.modHeight310 {min-height: 310px;}
.js .modHeight310 {height: 310px;}
.modHeight340 {min-height: 340px;}
.js .modHeight340 {height: 340px;}
.modHeight370 {min-height: 370px;}
.js .modHeight370 {height: 370px;}

/*----[Module buttons]----*/
.buttonLight,
.buttonDark,
.buttonLoggedIn,
.modCont .buttonGreen,
.modCont .buttonInactive,
.buttonPrimary,
.buttonSecondary,
.buttonStrong {
	padding: 0 0 0 15px;
	display: block;
	float: left;
	text-decoration: none !important;
	border: none;
	cursor: pointer;
	overflow: visible;
	margin-right: 25px;
}
.buttonLight.bottomLeft {
	position: absolute;
	bottom: 12px;
}
.buttonLight span,
.buttonDark span,
.buttonLoggedIn span,
.modCont .buttonGreen span,
.modCont .buttonInactive span,
.buttonPrimary span,
.buttonSecondary span,
.buttonStrong span {
	height: 29px;
	line-height: 24px;
	padding: 5px 15px 0 0;
	margin-right: -10px;
	display: block;
	font-weight: normal;
	font-size: 13px;
	cursor: pointer;
	float: left;
	white-space: nowrap;
	position: relative;
}/*
.buttonLoggedIn span {
	height: 28px;
	padding: 4px 12px 0 0;
}*/
.ie button.buttonLight span,
.ie button.buttonDark span,
.ie button.buttonGreen span,
.ie button.buttonPrimary span,
.ie button.buttonSecondary span,
.ie button.buttonStrong span {
	margin-right: -10px;
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}
button.buttonLight span,
button.buttonDark span,
button.buttonLoggedIn span,
.modCont button.buttonGreen span,
.modCont button.buttonInactive span,
button.buttonPrimary span,
button.buttonSecondary span,
button.buttonStrong span {
	font-size: 13px;
}
.firefox button.buttonLight span,
.firefox button.buttonDark span,
.firefox button.buttonLoggedIn span,
.firefox .modCont button.buttonGreen span,
.firefox .modCont button.buttonInactive span,
.firefox button.buttonPrimary span,
.firefox button.buttonSecondary span,
.firefox button.buttonStrong span {
	margin-right: -12px;
}
/* button colors - purple */
.buttonLight,
.buttonPrimary {
	background: url(../images/theme/btn_sprite.png) left -166px no-repeat;
	color: #fff;
}
.buttonLight:active,
.buttonLight:hover,
.buttonLight:focus,
.buttonPrimary:active,
.buttonPrimary:hover,
.buttonPrimary:focus {
	background: url(../images/theme/btn_sprite.png) left -206px no-repeat;
	color: #fff;
}
.buttonLight span,
.buttonPrimary span {
	background: url(../images/theme/btn_sprite.png) right -682px no-repeat;
	color: #fff;
}
.buttonLight:active span,
.buttonLight:hover span,
.buttonLight:focus span,
.buttonPrimary:active span,
.buttonPrimary:hover span,
.buttonPrimary:focus span {
	background: url(../images/theme/btn_sprite.png) right -722px no-repeat;
	color: #fff;
}
/* button colors - light grey */
.buttonDark,
.buttonSecondary {
	background: url(../images/theme/btn_sprite.png) left 0 no-repeat;
	color: #333;
}
.buttonDark:active,
.buttonDark:hover,
.buttonDark:focus,
.buttonSecondary:active,
.buttonSecondary:hover,
.buttonSecondary:focus {
	background: url(../images/theme/btn_sprite.png) left -40px no-repeat;
	color: #333;
}
.buttonDark span,
.buttonSecondary span {
	background: url(../images/theme/btn_sprite.png) right -516px no-repeat;
	color: #333;
}
.buttonDark:active span,
.buttonDark:hover span,
.buttonDark:focus span,
.buttonSecondary:active span,
.buttonSecondary:hover span,
.buttonSecondary:focus span {
	background: url(../images/theme/btn_sprite.png) right -556px no-repeat;
	color: #333;
}
.buttonLoggedIn {
	background: url(../images/theme/btn_sprite.png) left 0px no-repeat;
	color: #333;
}
.buttonLoggedIn span {
	padding-right: 12px;
	background: url(../images/theme/btn_sprite.png) right -516px no-repeat;
	color: #333;
}
.buttonLoggedIn:active,
.buttonLoggedIn:hover,
.buttonLoggedIn:focus {
	background: url(../images/theme/btn_sprite.png) left -40px no-repeat;
	color: #333;
}
.buttonLoggedIn:active span,
.buttonLoggedIn:hover span,
.buttonLoggedIn:focus span {
	background: url(../images/theme/btn_sprite.png) right -556px no-repeat;
	color: #333;
}
/* button colors - dark grey */
.modCont .buttonGreen,
.buttonStrong {
	background: url(../images/theme/btn_sprite.png) left -82px no-repeat;
	color: #fff;
}
.modCont .buttonGreen:active,
.modCont .buttonGreen:hover,
.modCont .buttonGreen:focus,
.buttonStrong:active,
.buttonStrong:hover,
.buttonStrong:focus {
	background: url(../images/theme/btn_sprite.png) left -123px no-repeat;
	color: #fff;
}
.modCont .buttonGreen span,
.buttonStrong span {
	background: url(../images/theme/btn_sprite.png) right -598px no-repeat;
	color: #fff;
}
.modCont .buttonGreen:active span,
.modCont .buttonGreen:hover span,
.modCont .buttonGreen:focus span,
.buttonStrong:active span,
.buttonStrong:hover span,
.buttonStrong:focus span {
	background: url(../images/theme/btn_sprite.png) right -639px no-repeat;
	color: #fff;
}
/* button inactive */
.modCont .buttonInactive {
	cursor: default;
	background: url(../images/theme/btn_sprite.png) left -40px no-repeat;
	color: #ccc;
}
.modCont .buttonInactive span {
	cursor: default;
	background: url(../images/theme/btn_sprite.png) right -556px no-repeat;
	color: #ccc;
}
.modCont .buttonInactive:active,
.modCont .buttonInactive:hover,
.modCont .buttonInactive:focus {
	background: url(../images/theme/btn_sprite.png) left -40px no-repeat;
	color: #ccc;
}
.modCont .buttonInactive:active span,
.modCont .buttonInactive:hover span,
.modCont .buttonInactive:focus span {
	background: url(../images/theme/btn_sprite.png) right -556px no-repeat;
	color: #ccc;
}

/*----[Generic module styles]----*/
.modHeader h2 a {
	color: #333;
	text-decoration: none;
}
.modHeader h2 a:hover,
.modHeader h2 a:focus {
}
ul.grey-arrow-list {
	clear: both;
}
ul.grey-arrow-list li {
	padding: 8px 0 8px 15px;
	line-height: 16px;
}
ul.grey-arrow-list li a {
	display: block;
	padding-left: 13px;
	background: url(../images/theme/arrows.png) 0 4px no-repeat;
}
ul.grey-arrow-list li a:hover,
ul.grey-arrow-list li a:focus {
	background: url(../images/theme/arrows.png) 0 -52px no-repeat;
}
.modBody .modCopy ul.icon-list {
	clear: both;
	padding: 0;
}
.modBody .modCopy ul.icon-list li {
	margin: 0;
	padding-left: 10px;
	border-bottom: 1px solid #ededed; 
	line-height: 16px;
	list-style-type: none;
	list-style-position: outside;
	background: none;
}
.modBody .modCopy ul.icon-list li a {
	position: relative;
	display: block;
	left: 0;
	float: none;
	padding: 9px 0 10px 30px;
	text-decoration: none;
	background-image: url(../images/theme/icons_sprite.png);
	background-repeat: no-repeat;
}
.modBody .modCopy ul.icon-list li a.icon-ufsz {
	background-position: 0 6px;
}
.modBody .modCopy ul.icon-list li a.icon-e-szamla {
	background-position: 0 -64px;
}
.modBody .modCopy ul.icon-list li a.icon-epayment {
	background-position: 0 -134px;
}
.modBody .modCopy ul.icon-list li a.icon-net {
	background-position: 0 -204px;
}
.modBody .modCopy ul.icon-list li a.icon-sim-pre {
	background-position: 0 -274px;
}
.modBody .modCopy ul.icon-list li a.icon-etopup {
	background-position: 0 -344px;
}
.modBody .modCopy ul.icon-list li a.icon-sim-post {
	background-position: 0 -414px;
}
.modBody .modCopy ul.icon-list li a.icon-settings {
	background-position: 0 -484px;
}
.modBody .modCopy ul.icon-list li a.icon-e-edit {
	background-position: 0 -554px;
}
.modBody .modCopy a.questionmark:link,
.modBody .modCopy a.questionmark:visited,
.modBody .modCopy a.questionmark:hover,
.modBody .modCopy a.questionmark:active {
	display: inline-block;
	width: 15px;
	height: 15px;
	text-indent: -9999em;
	background: url(../images/theme/icons_sprite.png) no-repeat -5px -632px;
}
.modCont .modCopy h4.icon-list {
	padding-left: 25px;
	margin-bottom: 0px;
	margin-top: -1px;
}
.modCont .modCopy img.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}
.modCont .modCopy img.alignright {
	float: right;
	margin: 0 0 10px 10px;
}
.modCont .modCopy img.aligncenter,
.modCont .modCopy .aligncenter {
	display: block;
	margin: 10px auto;
	text-align: center;
}
/*----[Generic module styles - form]----*/
select.multiselect {height:auto !important;}
.modCont .modCopy input.textInput {
	float: left;
	margin: 5px 19px 5px 1px;
	padding: 4px 4px 5px;
	border: 1px solid #b3b3b3;
	background-color: #fff;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	outline:none;
}
.modCont .modCopy input.textInputFocus {

}
.modCont .modCopy input.chkInput {
	float: left;
	margin: 6px 0 0 0;
}
.modCont .modCopy input.chkInputInline {
	float: left;
	margin: 2px 6px 0 0;
}
.modCont .modCopy input.radioInput {
	float: left;
	margin: 6px 0 0 0;
}

.modCont .modCopy .checkboxInputWrap,
.modCont .modCopy .radioInputWrap {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	margin: 0 3px 0 0;
	width: 18px;
	height: 18px;
	background-image: url(../images/theme/form.png);
	background-repeat: no-repeat;
}
.modCont .modCopy .checkboxInputWrap {
	background-position: -36px -6px;
}
.modCont .modCopy .radioInputWrap {
	background-position: -36px -40px;
}
.modCont .modCopy .checkboxInputChecked {
	background-position: -7px -6px;	
}
.modCont .modCopy .radioInputChecked {
	background-position: -7px -40px;
}
.modCont .modCopy .checkboxInputFocus{

}
.modCont .modCopy .radioInputFocus {

}
.modCont .modCopy .checkboxInputWrap input,
.modCont .modCopy .radioInputWrap input {
	opacity: 0;
	filter: alpha(opacity = 0);
	display: inline-block;
	width: 18px;
	height: 18px;
}
.modCont .modCopy .checkboxInputWrap  input.chkInput,
.modCont .modCopy .radioInputWrap input.radioInput {
	float: none;
	margin: 0;
}

.modCont .modCopy input.inputFocus,
.modCont .modCopy textarea.inputFocus {
	margin:4px 18px 4px 0;
	border: 2px solid #333;
}
.modCont .modCopy .error input.erroredInput.inputFocus,
.modCont .modCopy .error textarea.erroredInput.inputFocus {
	border: 2px solid #BD0000;
}
.modCont .modCopy input.inputBlur,
.modCont .modCopy textarea.inputBlur {
	background-color: #f4f4f4;
}
.modCont .modCopy input.inputInactive,
.modCont .modCopy textarea.inputInactive {
	background-color: #f4f4f4;
	color: #b3b3b3;
}


.modCont .modCopy select {
	float: left;
	margin: 5px 19px 5px 1px;
	padding: 3px 3px 4px;
	border: 1px solid #b3b3b3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	outline:none;
	height:27px;
}
.modCont .modCopy select option {
	padding: 2px;
}
.modCont .modCopy label {
	float: left;
	margin: 5px;
	padding-top: 5px;
}
.modCont .modImage {
	margin: 0 0 20px;
}
.modCont .modInner .modImage {
	margin: 0 0 20px;
}
.modCont .modImage a,
.modCont .modImage img,
.modCont .modInner .modImage img,
.modCont .modInner .modImage a {
	display: block;
}
.modCont .modImage img,
.modCont .modInner .modImage img {
	margin: 0 auto;
}
.mod3Col .modBody .modImage {
	height: 124px;
}
.mod45Col .modCont .modImage img {
	max-width: 320px;
}
.nineColumn .mod3Col .modCont .modImage img {
	max-width: 200px;
}
.modButton {
	padding: 10px 0 0;
	position: absolute;
	bottom: 20px;
	left: 0;
}
.modInner .modButton {
	bottom: 0;
}
.supportSearch {
	padding-bottom: 10px;
	border-bottom: 1px solid #ededed; 
	margin-bottom: 10px;
}
.supportSearch input.textInput {
	width: 270px;
}
.modInner {
	float: left;
	position: relative;
	padding: 0 5px;
	text-align: center;
}
.mod3Col.modInner {
	border-left: 1px solid #ededed;
}
.modInner.first {
	border: none;
}
.modPortlet .modBody .subjectLeft {
	float: left;
	width: 45%;
	overflow: hidden;
	margin: 0 5% 20px 0;
}
.modPortlet .modBody .subjectLeft a img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.modPortlet .modBody .modCopy.subjectRight {
	position: relative;
	float: right;
	width: 50%;
	margin: 0 0 20px 0;
	padding: 0;
}


/*----[Sidebar module styles]----*/
.threeColumn .modSidebar .modCopy ul {
	width: auto;
	padding: 2px 0 0;
	clear: both;
}
.threeColumn .modSidebar .modCopy ul.icon-list {
	margin: 0 -9px;
}
.threeColumn .modSidebar .modCopy ul li {
	padding: 4px 0 4px 9px;
	border-bottom: none;
	list-style: none;
	margin: 0px;
	line-height: 16px;
}
.threeColumn .modSidebar .modCopy ul.icon-list li {
	padding: 5px 0 5px 11px;
	border-bottom: none;
	line-height: 18px;
}
.threeColumn .modSidebar .modCopy ul li a {
	padding-left: 13px;
	background: url("../images/theme/arrows.png") no-repeat scroll 0 4px;
}
.threeColumn .modSidebar .modCopy ul li a:hover,
.threeColumn .modSidebar .modCopy ul li a:focus {
	background: url("../images/theme/arrows.png") no-repeat scroll 0 -52px;
}
.threeColumn .modSidebar .modCopy ul.icon-list li a {
	padding: 1px 0 0 24px;
	line-height: 17px;
	background-image: url("../images/theme/icons_on_grey.png");
}
.threeColumn .modSidebar .modCopy ul.icon-list li a:hover,
.threeColumn .modSidebar .modCopy ul.icon-list li a:focus {
}
.threeColumn .modSidebar .modCopy .loginButton {
	margin:14px 0 5px 6px;
}
.js .threeColumn .modSidebar .title {
	cursor: pointer;
}
.threeColumn .modSidebar .title h2 {
	padding: 11px 20px 4px 8px;
	font-size: 16px;
}
.js .threeColumn .modSidebar .accordion-toggle h2 {
	background: url(../images/theme/btn_accordion.png) right -58px no-repeat;
}
.js .threeColumn .modSidebar .accordion-selected h2 {
	background: url(../images/theme/btn_accordion.png) right 13px no-repeat;
}
.threeColumn .modSidebar .icon-acc {
	padding-left: 24px;
	background-position: 8px -65px;
}
.threeColumn .modSidebar .icon-star {
	padding-left: 24px;
	background-position: 8px -135px;
}
.threeColumn .modSidebar .icon-q {
	padding-left: 24px;
	background-position: 8px -205px;
}
.threeColumn .modSidebar .icon-vf {
	padding-left: 24px;
	background-position: 8px -275px;
}
.threeColumn .modSidebar .icon-contact {
	padding-left: 24px;
	background-position: 8px -345px;
}
.threeColumn .modSidebar .icon-phone {
	padding-left: 24px;
	background-position: 8px -415px;
}
.threeColumn .modSidebar ul.icon-list li a.icon-phone {background-position: 0 -429px;}
.threeColumn .modSidebar .icon-fb {
	padding-left: 24px;
	background-position: 8px -490px;
}
.threeColumn .modSidebar ul.icon-list li a.icon-fb {background-position: 0 -499px;}
.threeColumn .modSidebar .icon-yt {
	padding-left: 24px;
	background-position: 8px -560px;
}
.threeColumn .modSidebar ul.icon-list li a.icon-yt {background-position: 0 -569px;}
.threeColumn .modSidebar .icon-tw {
	padding-left: 24px;
	background-position: 8px -630px;
}
.threeColumn .modSidebar ul.icon-list li a.icon-tw {background-position: 0 -639px;}
.threeColumn .modSidebar img {
	margin: 2px;
}
.threeColumn .modSidebar ul.icon-list li a.icon-mobile {background-position: 0 -709px;}
.threeColumn .modSidebar .icon-mobile {
	padding-left: 24px;
	background-position: 8px -700px;
}
.threeColumn .modSidebar ul.icon-list li a.icon-form {background-position: 0 -779px;}
.threeColumn .modSidebar .icon-form {
	padding-left: 24px;
	background-position: 8px -770px;
}
.threeColumn .modSidebar ul.icon-list li a.icon-mail {background-position: 0 -849px;}
.threeColumn .modSidebar .icon-mail {
	padding-left: 24px;
	background-position: 8px -840px;
}
.threeColumn .modSidebar a img {
	border: none;
	display: block;
}
/*-----[Split boxes headers]-----*/
.nineColumn .mod3Col .modHeader h2 {
	font-size: 16px;
	padding: 6px 0 3px 0;
}

/*-----[Device support module styles]-----*/
.mod7Col .deviceSupport.modHeight240 {
	min-height: 115px;
}
.mod3Col .deviceSupport .modImage {
	margin-bottom: 15px;
	height: 100px;
}
.js .mod3Col .deviceSupport .tabcnt {
	height: 115px;
}
.mod3Col .deviceSupport select {
	width: 200px;
}
.mod7Col .deviceSupport select {
	width: 252px;
	float: left;	
}
.mod7Col .deviceSupport .modImage,
.mod7Col .deviceSupport .tabcnt a {
	display: none;
}
.mod7Col .deviceSupport .tabcnt a.buttonLight {
	display: block;
}

/*-----[Accordion module structure & styles]-----*/
.modAccordion dl {
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc;
}
.modAccordion .accordion-wrap {
	background-color: #fff;
	margin: 0 9px;
}
.modAccordion .accordion-toggle {
	display: block;
	padding: 15px 15px 13px 40px;
	margin: 0 9px;
	background: #fff url(../images/theme/btn_accordion_refresh.png) 9px -52px no-repeat;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	border-top: 1px solid #cccccc;
	text-decoration:none;
	outline:none;
}
.modAccordion .accordion-toggle.accordion-inactive {
	background-position: 9px -405px;
	cursor: default;
}
.modAccordion .accordion-toggle.accordion-inactive,
.modAccordion .accordion-toggle.accordion-inactive a {
	color: #a3a3a3;
}
.modAccordion .accordion-toggle:first-child {
	margin-top: -10px;
	border: none;
}
.modAccordion .accordion-toggle a {
	text-decoration:none;
	outline:none;
}
	#mito-vf-dialog .modAccordion .accordion-toggle {
		cursor: default;
		background-image: none;
	}
	.modAccordion .accordion-selected {
		background: #fff url(../images/theme/btn_accordion_refresh.png) 9px 18px no-repeat;
	}
	.modAccordion.type2 .accordion-toggle {
		background: #fff url(../images/theme/btn_accordion_refresh.png) 9px -192px no-repeat;
		border-bottom: 1px solid #cccccc;
		border-top: none;
	}
	.modAccordion.type2 .accordion-selected {
		background: #fff url(../images/theme/btn_accordion_refresh.png) 9px -122px no-repeat;
		border: 2px solid #d0d0d0;
		border-bottom: 1px solid #cccccc;
		margin: -2px 7px 0;
	}
	.modAccordion.type2 .accordion-wrap {
		border: 2px solid #d0d0d0;
		margin: 0 7px 10px;
		border-top: none;
	}
.modAccordion .accordion-wrap .modCopy {
	padding-top: 10px;
}
.modAccordionColor .accordion-toggle {
	padding: 10px 12px 8px 40px;
	margin: 0;
	color:#fff;
	background: #a8b400 url(../images/theme/btn_accordion_refresh.png) 9px -338px no-repeat;
	border-top: none;
	border-bottom: 1px solid #909a00;
}
.modAccordionColor .accordion-toggle:first-child {
	border-bottom: 1px solid #909a00;
	margin: 0;
}
.modAccordionColor .accordion-toggle a {
	color:#fff;
}
.modAccordionColor .accordion-selected {
	background: #a8b400 url(../images/theme/btn_accordion_refresh.png) 9px -268px no-repeat;
}
.modAccordionColor .accordion-wrap {
	margin: 0;
}
.modAccordionColor .accordion-wrap .modCopy {
	padding: 0;
}

.accordion-toggle.checkable {
	padding: 15px 15px 13px 40px;
	background: #fff url(../images/theme/btn_accordion_refresh.png) 9px -55px no-repeat;
	border: none;
}
.accordion-toggle.checkable.accordion-selected {
	background: #fff url(../images/theme/btn_accordion_refresh.png) 9px 15px no-repeat;
}
.accordion-toggle.checkable input[type="checkbox"] {
	float: left;
	display: block;
	margin: 2px 6px 0 0;
}
.accordion-toggle.checkable label {
	float: left;
	display: block;
	font-size: 13px;
	font-weight: normal;
}

/*-----[Tabs module structure & styles]-----*/
.modPortlet .modCont.ui-tabs {
	border: none;
}
.modPortlet .modCont .ui-tabs-hide {
 	display: none;
}
.modPortlet .modCont .ui-tabs-nav,
.modPortlet .modCont ul.tab-nav,
.modPortlet .gsc-tabsArea {
	height: 52px;
	z-index: 2;
	border-bottom: 3px solid #cccccc;
}
.modPortlet .modCont .ui-tabs-nav li,
.modPortlet .modCont ul.tab-nav li,
.modPortlet .gsc-tabHeader  {
	display: block;
	float: left;
	position: relative;
	margin: 0;
	line-height: 54px;
}
.modPortlet .modCont .ui-tabs-nav li a,
.modPortlet .modCont ul.tab-nav li a,
.modPortlet .gsc-tabHeader {
	display: block;
	position: relative;
	padding: 0 15px;
	height: 51px;
	line-height: 51px;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	background: #fff url(../images/theme/tab-gradient.png) repeat-x 0 100%;
	border: 1px solid #c9c9c9;
	border-bottom: none;
	text-decoration: none;
	top: 0;
	margin-right: -1px;
	cursor: pointer;
}
.modPortlet .modCont .ui-tabs-nav li a img,
.modPortlet .modCont ul.tab-nav li a img,
.modPortlet .gsc-tabHeader img {
	position:absolute;
	right:20px;
	top:-5px;
}
.modPortlet .modCont .ui-tabs-nav li a:hover,
.modPortlet .modCont .ui-tabs-nav li a:focus,
.modPortlet .modCont ul.tab-nav li a:hover,
.modPortlet .gsc-tabHeader:hover,
.modPortlet .gsc-tabHeader:focus {
	background: #fff;
	color: #e60000;
}
.modPortlet .modCont ul.tab-nav li a:focus { color: #333333; }
.modPortlet .modCont ul.tab-nav li.ui-state-hover a:focus { color: #e60000; }

.modPortlet .modCont ul li.ui-tabs-selected a, 
.modPortlet .gsc-tabhActive {
	height: 53px;
	line-height: 49px;
	top: -1px;
	border: 3px solid #cccccc;
	border-bottom: none;
	background: #fff;
	color: #000;
	padding: 0 13px;
	z-index: 4;
}
.modPortlet .modCont .tabcnt,
.modPortlet .gsc-wrapper {
	padding-top:1px;
	/*border: 1px solid #dbdbdb;*/
}
.modPortlet .modCont .ui-tabs-panel {
	background-color: #fff;
}
.modPortlet .modCont .ui-tabs-panel div.modCopy,
.modPortlet .modCont .tabcnt div.modCopy {
	padding: 16px;
}
.modPortlet .modCont .ui-tabs-panel form.modCopy,
.modPortlet .modCont .tabcnt form.modCopy {
	padding: 10px 5px;
}

/*-----[Larger tabs module structure & styles]-----*/
.modPortlet .modBigTabs .ui-tabs-nav,
.modPortlet .modBigTabs ul.tab-nav {
	height: 72px;
}
.modPortlet .modBigTabs .ui-tabs-nav li,
.modPortlet .modBigTabs ul.tab-nav li {
	line-height: normal;
}
.modPortlet .modBigTabs .ui-tabs-nav li a,
.modPortlet .modBigTabs ul.tab-nav li a {
	height: 71px;
	line-height: 20px;
}
.modPortlet .modBigTabs .ui-tabs-nav li a strong,
.modPortlet .modBigTabs ul.tab-nav li a strong {
	display:block;
	margin-top:10px;
}
.modPortlet .modBigTabs .ui-tabs-nav li a span,
.modPortlet .modBigTabs ul.tab-nav li a span {
	font-size:13px;
	font-weight:normal;
	line-height:16px;
}
.modPortlet .modBigTabs .ui-tabs-nav li a img,
.modPortlet .modBigTabs ul.tab-nav li a img {
	position:absolute;
	right:15px;
	top:-10px;
	display:none;
}
.modPortlet .modBigTabs ul li.ui-tabs-selected a {
	height: 73px;
	line-height: 20px;
	padding-right:100px;
}
.modPortlet .modBigTabs ul li.ui-tabs-selected a strong {
	margin-top:9px;
}
.modPortlet .modBigTabs ul li.ui-tabs-selected a img {
	display:block;
}

/*----[Carousel module structure & styles]----*/
.carouselCont {
	min-height: 100%;
}
.modPortlet .modCarouselMulti .carouselCont {
	top: 0;
}
.modPortlet .modTabs .carouselCont,
.modPortlet .modFakeTabs .carouselCont {
	margin-top: 30px;
}
.modCarousel .carouselSlide {
	background: none !important;
}
.mod45Col .modCarousel .carouselSlide {
	width: 320px;
}
.mod7Col .modCarousel .carouselSlide {
	width: 490px;
}
.mod9Col .modCarousel .carouselSlide {
	width: 660px;
}
.modPortlet .modTabs .ui-tabs-panel .carouselCont div.modCopy,
.modPortlet .modFakeTabs .ui-tabs-panel .carouselCont div.modCopy {
	padding-top: 0;
}
.modCarousel .slide-nav {
	position: absolute;
	top: -28px;
	right: 40px;
	height: 18px;
	padding: 0 2px 0 5px;
}
.modTabs .slide-nav,
.modFakeTabs .slide-nav {
	top: 80px;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	border-left: 1px solid #ededed;
	background-color: #fafafa;
}
.modCarousel .slide-nav a {
	display: block;
	float: left;
	width: 8px;
	height: 8px;
	margin: 5px 3px 0 0;
	text-indent: -999em;
	background: url(../images/theme/arrows.png) 0 -524px no-repeat;
	outline: none;
}
.modCarousel .slide-nav a.activeSlide {
	background: url(../images/theme/arrows.png) 0 -532px no-repeat;
}
.modCarousel .slide-nav a:hover {
	background: url(../images/theme/arrows.png) 0 -524px no-repeat;
}
.modCarousel .slide-nav a.activeSlide:hover {
	background: url(../images/theme/arrows.png) 0 -532px no-repeat;
}
.modCarousel .slide-next, .slide-prev {
	position: absolute;
	top: -28px;
	display: block;
	width: 16px;
	height: 18px;
	border: 1px solid #ededed;
	outline: none;
	text-indent: -999em;
}
.modCarousel .slide-next {
	right: 5px;
	background: #fafafa url(../images/theme/arrows.png) 5px 5px no-repeat;
}
.modTabs .slide-next,
.modFakeTabs .slide-next {
	top: 80px;
	right: 12px;
}
.modCarousel .slide-prev {
	right: 23px;
	border-right: 0;
	background: #fafafa url(../images/theme/arrows.png) 5px -475px no-repeat;
}
.modTabs .slide-prev,
.modFakeTabs .slide-prev {
	top: 80px;
	right: 30px;
}
.modCarousel .slide-next:hover {
	background-position: 5px -51px;
}
.modCarousel .slide-prev:hover {
	background-position: 5px -491px;
}
.carouselTitle {
	padding-left: 20px;
}
.carousel5box li {
	display: block;
	width: 100px;
	float: left;
	margin: 10px 20px;
	list-style-type: none;
	text-align: center;
}
.carousel5box li a {
	text-decoration: none;
}
.modCarousel.modHeight240 .tabcnt {
	min-height: 220px;
}
.js .modCarousel.modHeight240 .tabcnt {
	height: 220px;
}
.chrome .modCarousel.modHeight240 .tabcnt .carouselCont {
	height: 190px;
}
.modCarousel.modHeight310 .tabcnt {
	min-height: 250px;
}
.js .modCarousel.modHeight310 .tabcnt {
	height: 250px;
}
.modCarousel .carouselSlide ol li img {
	border: none;
	margin-bottom: 10px;
}
.modCarousel .carouselSlide ol li {
	display: block;
	float: left;
	margin: 10px 1px 10px 1px !important;
	list-style-type: none;
	text-align: center;
}
.mod9Col .modCarousel .carouselSlide ol.slide6Col li {
	width: 108px;
}
.mod9Col .modCarousel .carouselSlide ol.slide5Col li {
	width: 130px;
}
.modCarousel .carouselSlide ol li a {
	text-decoration: none;
}
.modCarousel .carouselSlide ol li a:hover {
	background: none;
}
.modCarousel .carouselSlide ol li img {
	display: block;
	border: none;
	margin: 0 auto;
	margin-bottom: 6px;
}
.modCarousel .carouselSlide ol.slide6Col li.featured div {
	margin-bottom: 5px;
	margin-top: -10px;
	padding: 9px 0 8px;
	background-color: #f3f3f3;
	border: 1px solid #aaa;
}
.modCarousel .carouselSlide ol.slide6Col li.featured p {
	font-weight: bold;
}
.modCarouselMulti .carouselSlide .modImage {
	margin-top: 0;
}

/*----[Banner rotator module structure]----*/
.modPortlet .modBnrHead {
	margin: 0 0 0 -20px;
	width: 950px;
	height: 44px;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #bcbcbc;
	background: #ebebeb;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#ebebeb));
	background: -webkit-linear-gradient(top,  #fefefe 0%,#ebebeb 100%);
	background: -moz-linear-gradient(top,  #fefefe 0%, #ebebeb 100%);
	background: -ms-linear-gradient(top,  #fefefe 0%,#ebebeb 100%);
	background: -o-linear-gradient(top,  #fefefe 0%,#ebebeb 100%);
	background: linear-gradient(top,  #fefefe 0%,#ebebeb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ebebeb',GradientType=0 );
}
.modPortlet .modBnrHead ul {
	float: left;
}
.modPortlet .modBnrHead ul li {
	display: block;
	float: left;
	font-size: 13px;
	font-weight: normal;
	border-left: 1px solid #e7e7e7;
}
.modPortlet .modBnrHead .prev,
.modPortlet .modBnrHead .next {
	float: left;
	border-top: 1px solid #fff;
	width: 43px;
	height: 43px;
	line-height: 43px;
	text-indent: 50px;
	overflow: hidden;
	cursor: pointer;
	background: #eee url(../images/theme/btn_rotator.png) 0 0 no-repeat;
}
.modPortlet .modBnrHead .next {
	float: right;
	border-left: 1px solid #e7e7e7;
	background-position: -43px 0;
}
.modPortlet .modBnrHead ul li a {
	display: block;
	float: left;
	padding: 0 20px;
	height: 44px;
	line-height: 44px;
	text-decoration: none;
	outline: none;
	color: #333;
	font-size: 15px;
	font-family: 'VodafoneLight';
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
.modPortlet .modBnrHead ul li a:focus,
.modPortlet .modBnrHead ul li a:hover,
.modPortlet .modBnrHead ul li.active a,
.modPortlet .modBnrHead ul li.active a:hover {
	height: 46px;
	line-height: 46px;
	background: #525252;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525252), color-stop(100%,#949494));
	background: -webkit-linear-gradient(top,  #525252 0%,#949494 100%);
	background: -moz-linear-gradient(top,  #525252 0%, #949494 100%);
	background: -ms-linear-gradient(top,  #525252 0%,#949494 100%);
	background: -o-linear-gradient(top,  #525252 0%,#949494 100%);
	background: linear-gradient(top,  #525252 0%,#949494 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#949494',GradientType=0 );
	color: #fff;
	border-color: transparent;
	box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	margin: -1px 0;
}
.modPortlet .modBnrHead ul li.last a {
	border-right: none;
}
.modPortlet .modBnrBody {
	margin: -10px 0 0 -20px;
	padding: 0px;
	border-top: none;
	background-image: none;
	width:950px;
	overflow:hidden;
}
.js .modPortlet .modBnrBody {
	background: url(../images/theme/loader.gif) center center no-repeat #fff;
}
.modPortlet .modBnrSingle .bnrCont {
	position: absolute;
	left: 0;
	top: 0;
}
.modPortlet .modBnrBody .bnrCont a {
	display: block;
}
.modPortlet .modBnrBody .bnrCont img {
	display: block;
	border: none;
}

/*----[Progress bar module structure]----*/
.modPortlet .modProgress {
	margin: 10px 0;
	height: 38px;
}
.modPortlet .modProgress ul {
	list-style:none;
	margin:0;
	padding:0;
	height: 38px;
	overflow: hidden;
}
.modPortlet .modProgress li {
	float:left;
	margin:0;
	padding:0;
}
.modPortlet .modProgress li a {
	display:block;
	margin:0;
	padding:0;
	height: 38px;
	color:#969696;
	font-weight:bold;
	text-decoration:none;
	background: url(../images/theme/progress_bg.png) 0 0 repeat-x;
	cursor:default;
}
.modPortlet .modProgress li a span {
	display:block;
	padding:0 0 0 40px;
	height: 38px;
	line-height: 38px;
	background: url(../images/theme/progress_separator.png) 0 0 no-repeat;
	margin-left: -8px;
}
.modPortlet .modProgress li:first-child a span {
	background: none;
	margin-left: 0;
}
.modPortlet .modProgress li a strong {
	color: #d2d2d2;
	font-size: 23px;
	line-height: 24px;
	position: relative;
	top: 3px;
	margin-right:5px;
}
.modPortlet .modProgress li a.active {
	color:#333;
	background-position: 0 -38px;
}
.modPortlet .modProgress li a.active span {
	background-position: 0 -38px;
}
.modPortlet .modProgress li a.active strong {
	color:#a9a9a9;
}
.modPortlet .modProgress .mod3Steps li {width: 33.33%;}
.modPortlet .modProgress .mod4Steps li {width: 25%;}
.modPortlet .modProgress .mod5Steps li {width: 20%;}

.modPortlet .modProgress .mod4Steps li a span,
.modPortlet .modProgress .mod5Steps li a span {
	padding:0 0 0 20px;
}

/*----[Latest News module styles]----*/
.modPortlet .modNews .subjectLeft {
	margin-bottom: 10px;
	width: auto;
	height: auto;
}
.modPortlet .modNews .modCopy.subjectRight {
	margin-bottom: 0;
	width: 115px;
	height: auto;
}
.modPortlet .modNews h5 {
	padding: 0;
	line-height: 16px;
}

/*----[SSO portlet module styles]----*/
#sso-body p {
	padding-bottom: 10px;
}
#sso-body p.heading {
	padding: 10px 0 3px;
	font-weight: bold;
	font-size: 13px;
}
#sso-body .asterix,
#sso-body .error {
	color: #c80000;
}
#sso-body #username,
#sso-body #password {
	margin: 2px 5px 3px;
	padding: 4px 4px 5px 4px;
	border: 1px solid #d1d1d1;
	background-color: #f4f4f4;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	width: 200px;
}
#sso-body #username {
	width: 179px;
}
#sso-body .sso-buttons {
	margin: 30px 0 20px;
}
#sso-body .left,
#sso-body .right {
	text-decoration: none;
	background: url(../images/theme/arrows.png) no-repeat scroll 0 3px;
	padding-left: 8px;
	line-height:16px;
	position: relative;
} 
#sso-body .left:hover,
#sso-body .right:hover {
	background-position: 0 -53px;
} 
#sso-body .error-summary {
	background-color: #fff5f4;
	color: #c80000;
	padding: 20px;
}

/*----[Service Lists module structure & styles]----*/
.modPortlet .modServList .tabcnt div.modCopy {
	padding: 0 0 16px 0;
}
.modPortlet .modServList .service-cont {
	padding-bottom: 15px;
}
.modPortlet .modServList .service-pagination {
	padding-right: 10px;
	padding-bottom: 10px;
	height: 20px;
}
.modPortlet .modServList .service-pagination div {
	float: right;
}
.modPortlet .modServList .service-pagination p {
	float: left;
	line-height: 18px;
}
.modPortlet .modServList .service-pagination p span {
	font-weight: bold;
}
.modPortlet .modServList .service-pagination ol {
	float: left;
	margin-left: 10px;
	padding: 0;
}
.modPortlet .modServList .service-pagination ol li {
	list-style-type: none;
	float: left;
	margin-left: 5px;
	line-height: 18px;
}
.modPortlet .modServList .service-pagination ol li a {
	text-decoration: underline;
	font-weight: bold;
}
.modPortlet .modServList .service-pagination ol li a:hover {
	text-decoration: none;
}
.modPortlet .modServList .service-pagination ol li a.selected {
	color: #a9a9a9;
	text-decoration: none;
	font-weight: normal;
}
.modPortlet .modServList .service-pagination p a.next,
.modPortlet .modServList .service-pagination p a.prev {
	display: block;
	float: left;
	margin-top: -1px;
	margin-left: 5px;
	width: 16px;
	height: 18px;
	background: url(../images/theme/arrows.png) no-repeat scroll 5px 5px #fafafa;
	text-indent: -999em;
	border: 1px solid #ededed;
}
.modPortlet .modServList .service-pagination p a.next:hover {
	background-position: 5px -51px;
}
.modPortlet .modServList .service-pagination p a.prev {
	margin-right: -10px;
	background: url(../images/theme/arrows.png) no-repeat scroll 5px -475px #fafafa;
}
.modPortlet .modServList .service-pagination p a.prev:hover {
	background-position: 5px -491px;
}
.modPortlet .modServList .service-cont table {
	margin: 0 auto;
	empty-cells: show;
	width: 97%;
}
.modPortlet .modServList .service-cont table th {
	border-bottom: none;
	color: #666;
	background: no-repeat;
	text-align: left;
}
.modPortlet .modServList .service-cont table th a {
	text-decoration: none;
	color: #666;
}
.modPortlet .modServList .service-cont table th a.desc {
	padding-right: 10px;
	background: url(../images/theme/arrows.png) no-repeat right -555px;
}
.modPortlet .modServList .service-cont table th a.asc {
	padding-right: 10px;
	background: url(../images/theme/arrows.png) no-repeat right -583px;
}
.modPortlet .modServList .service-cont table tr.sHead {
	border-bottom: 0;
	border-top: 1px solid #ededed;
}
.modPortlet .modServList .service-cont table tr.sHead td {
	font-weight: bold;
}
.modPortlet .modServList .service-cont table tr.sHead td a {
	text-decoration: none;
}
.modPortlet .modServList .service-cont table tr.sBody {
	border-bottom: 0;
}
.modPortlet .modServList .service-cont table tr.sBody td {
	vertical-align: top;
	padding-left: 0
}
.modPortlet .modServList .service-cont table tr.sBody td strong {
	display: block;
}
.modPortlet .modServList .service-cont table tr.sBody td.sTableCol1 div {
	padding: 10px;
	background-color: #e60000;
	color: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	white-space: nowrap;
}
.modPortlet .modServList .service-cont table tr.sBody td.sTableCol1 {
	width: 100px;
	white-space: nowrap;
}
.modPortlet .modServList .service-cont table tr.sBody td.sTableCol1 strong {
	display: block;
	font-size: 18px;
}
.modPortlet .modServList .service-cont table tr.sBody td.sTableCol2,
.modPortlet .modServList .service-cont table tr.sBody td.sTableCol3,
.modPortlet .modServList .service-cont table tr.sBody td.sTableCol4 {
	white-space: nowrap;
	text-align: right;
}
.modPortlet .modServList .service-cont table tr.sBody td.sTableCol2 strong,
.modPortlet .modServList .service-cont table tr.sBody td.sTableCol3 strong,
.modPortlet .modServList .service-cont table tr.sBody td.sTableCol4 strong {
	font-size: 18px;
}
.modPortlet .modServList .service-cont table tr.sBody td.sTableCol2 {
	width: 130px;
}
.modPortlet .modServList .service-cont table tr.sBody td.sTableCol3 {
	padding-right: 20px;
}
.modPortlet .modServList .service-cont table tr.sBody td.sTableCol5 {
	width: 145px;
}
.modPortlet .modServList .service-cont table tr.sBody td.sTableCol5 .itemlist-1 li {
	margin-bottom: 0;
	padding: 0 0 0 22px;
}
.modPortlet .modServList .service-cont table tr.sBody td.sTableButtons {
	padding-right: 0;
}
.modPortlet .modServList .service-cont table tr.sBody td.sTableButtons .buttonSecondary,
.modPortlet .modServList .service-cont table tr.sBody td.sTableButtons .buttonPrimary,
.modPortlet .modServList .service-cont table tr.sBody td.sTableButtons .buttonStrong {
	float: right;
}
.modPortlet .modServList .service-cont table tr.sBody td.sTableButtons .buttonSecondary span,
.modPortlet .modServList .service-cont table tr.sBody td.sTableButtons .buttonPrimary span,
.modPortlet .modServList .service-cont table tr.sBody td.sTableButtons .buttonStrong span {
	width: 75px;
	text-align: center;
}
.modPortlet .modServList .service-cont table tr.sBody td .modCopy {
	padding: 0;
}
.modPortlet .modServList .service-cont table tr.sBody td .modCopy p,
.modPortlet .modServList .service-cont table tr.sBody td .modCopy ul {
	padding: 0;
}
.modPortlet .modServList .service-cont table tr.sFoot {
	border-bottom: 1px solid #ededed;
}
.modPortlet .modServList .service-cont table tr.sFoot td {
	text-align: right;
}
.modPortlet .modServList .service-cont table tr.sFoot td .modCopy {
	padding: 0;
}
.modPortlet .modServList .service-cont table tr.sFoot td.sTableNote {
	vertical-align: bottom;
}
.modPortlet .modServList .service-cont table tr.sFoot td.sTableNote ul {
	padding-bottom: 0;
}

/*----[Pagination structure]----*/
.modPortlet  .modCont .default-pagination {
    padding-right: 10px;
    padding-bottom: 10px;
	padding-top: 10px;
    float: right;
}
.modPortlet .modCont .default-pagination p {
    float: left;
    line-height: 18px;
}
.modPortlet .modCont .default-pagination p span {
    font-weight: bold;
}
.modPortlet .modCont .default-pagination ol {
    float: left;
    margin-left: 10px;
    padding: 0;
}
.modPortlet .modCont .default-pagination ol li {
    list-style-type: none;
    float: left;
    margin-left: 5px;
    line-height: 18px;
}
.modPortlet .modCont .default-pagination ol li a {
    text-decoration: underline;
    font-weight: bold;
	background: transparent none;
	border: 0 none;
	padding: 0;
}
.modPortlet .modCont .default-pagination ol li a:hover {
    text-decoration: none;
}
.modPortlet .modCont .default-pagination ol li a.selected {
    color: #a9a9a9;
    text-decoration: none;
    font-weight: normal;
}
.modPortlet .modCont .default-pagination p a.next,
.modPortlet .modCont .default-pagination p a.prev {
    display: block;
    float: left;
    margin-top: -1px;
    margin-left: 5px;
    width: 16px;
    height: 18px;
    background: url(../images/theme/arrows.png) no-repeat scroll 5px 5px #fafafa;
    text-indent: -999em;
    border: 1px solid #ededed;
}
.modPortlet .modCont .default-pagination p a.next:hover {
    background-position: 5px -51px;
}
.modPortlet .modCont .default-pagination p a.prev {
    margin-right: -10px;
    background: url(../images/theme/arrows.png) no-repeat scroll 5px -475px #fafafa;
}
.modPortlet .modCont .default-pagination p a.prev:hover {
    background-position: 5px -491px;
}

/*----[Sortable table structure]----*/
.modPortlet .modCont table.sortable {
}
.modPortlet .modCont  table.sortable th {
    text-align: left;
}
.modPortlet .modCont  table.sortable th a {
    text-decoration: none;
}
.modPortlet .modCont  table.sortable th a.desc {
    padding-right: 10px;
    background: url(../images/theme/arrows.png) no-repeat right -555px;
}
.modPortlet .modCont  table.sortable th a.asc {
    padding-right: 10px;
    background: url(../images/theme/arrows.png) no-repeat right -583px;
}

/*----[Box inside box structure]----*/
.modPortlet .modCont .sideBox {
	padding: 10px;
	border: 1px solid #ebebeb;
}
.modPortlet .modCont .sideBox h3 {
	margin: -9px -9px 10px;
	padding: 10px;
	background: #e60000;
	color: #fff;
}

/*----[Percent bar structure]----*/
.modPortlet .modCont .percent-bar span {
	display: inline-block;
}
.modPortlet .modCont .percent-bar .bar {
	width: 80%;
	height: 8px;
	line-height: 8px;
	padding: 2px 1px;
	margin: 0 5px;
	border-left: 1px solid #e4e4ea;
	border-right: 1px solid #e4e4ea;
	background: #f9f9f9 url(../images/theme/percentbar.png) repeat-x 0 0;
}
.modPortlet .modCont .percent-bar .bar span {
	height: 8px;
	line-height: 8px;
	text-indent: -9999em;
	background: #9c2a9f url(../images/theme/percentbar.png) repeat-x 0 100%;
}

/*-----[Form elements widths]----*/
.modCont .input10Width {width: 390px;}
.modCont .input95Width {width: 370px;}
.modCont .input9Width {width: 350px;}
.modCont .input85Width {width: 330px;}
.modCont .input8Width {width: 310px;}
.modCont .input75Width {width: 290px;}
.modCont .input7Width {width: 270px;}
.modCont .input65Width {width: 250px;}
.modCont .input6Width {width: 230px;}
.modCont .input55Width {width: 210px;}
.modCont .input5Width {width: 190px;}
.modCont .input45Width {width: 170px;}
.modCont .input4Width {width: 150px;}
.modCont .input35Width {width: 130px;}
.modCont .input3Width {width: 110px;}
.modCont .input25Width {width: 90px;}
.modCont .input2Width {width: 70px;}
.modCont .input15Width {width: 50px;}
.modCont .input1Width {width: 30px;}
.modCont .input05Width {width: 10px;}
.modCont .input100Width {width: 99%;}

.modCont .select10Width {width: 400px;}
.modCont .select95Width {width: 380px;}
.modCont .select9Width {width: 360px;}
.modCont .select85Width {width: 340px;}
.modCont .select8Width {width: 320px;}
.modCont .select75Width {width: 300px;}
.modCont .select7Width {width: 280px;}
.modCont .select65Width {width: 260px;}
.modCont .select6Width {width: 240px;}
.modCont .select55Width {width: 220px;}
.modCont .select5Width {width: 200px;}
.modCont .select45Width {width: 180px;}
.modCont .select4Width {width: 160px;}
.modCont .select35Width {width: 140px;}
.modCont .select3Width {width: 120px;}
.modCont .select25Width {width: 100px;}
.modCont .select2Width {width: 80px;}
.modCont .select15Width {width: 60px;}
.modCont .select1Width {width: 40px;}
.modCont .select100Width {width: 99%;}

.modCont .span10Width {width: 390px; display: inline-block;}
.modCont .span95Width {width: 370px; display: inline-block;}
.modCont .span9Width {width: 350px; display: inline-block;}
.modCont .span85Width {width: 330px; display: inline-block;}
.modCont .span8Width {width: 310px; display: inline-block;}
.modCont .span75Width {width: 290px; display: inline-block;}
.modCont .span7Width {width: 270px; display: inline-block;}
.modCont .span65Width {width: 250px; display: inline-block;}
.modCont .span6Width {width: 230px; display: inline-block;}
.modCont .span55Width {width: 210px; display: inline-block;}
.modCont .span5Width {width: 190px; display: inline-block;}
.modCont .span45Width {width: 170px; display: inline-block;}
.modCont .span4Width {width: 150px; display: inline-block;}
.modCont .span35Width {width: 130px; display: inline-block;}
.modCont .span3Width {width: 110px; display: inline-block;}
.modCont .span25Width {width: 90px; display: inline-block;}
.modCont .span2Width {width: 70px; display: inline-block;}
.modCont .span15Width {width: 50px; display: inline-block;}
.modCont .span1Width {width: 30px; display: inline-block;}
.modCont .span05Width {width: 10px; display: inline-block;}
.modCont .span100Width {width: 99%; display: inline-block;}

/*.modCont .selYear,
.modCont .selMonth,
.modCont .selDay {margin-right:0;}
.modCont .selYear {width:55px;}
.modCont .selMonth {width:90px;}
.modCont .selDay {width:45px;}*/
/*----[Form elements]----*/
.modCont .inputRow {
	font-size: 13px;
	padding: 0;
}
.modCont .modCopy ul.options li{
	clear: both;
	display: block;
	overflow: hidden;
	background-image: none;
	padding-left: 0;
}
.modCont .modCopy ul.options li label{
	margin-bottom: 0;
}
.modCont .modCopy textarea {
	float: left;
	margin: 5px 19px 5px 1px;
	padding: 4px 4px 5px 4px;
	border: 1px solid #d1d1d1;
	background-color: #fff;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
}
.modCont .modCopy textarea.not-resizable {
    resize: none;
}
.modCont fieldset{
	margin-bottom: 30px;
}
.modCont fieldset legend{
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	padding: 0;
}
.modCont .inputRow label.rowLabel{
	float: none;
	margin: 5px 0 0;
	padding: 0;
	display: block;
}
.modCont .inputRow label.rowLabel span {
	font-size: 13px;
	font-weight: bold;
	display: block;
}
.modCont .inputRow label.rowLabel span a {
    color: #525252;
    text-decoration: underline;
}
.modCont .inputRow.important{
	color: #f80000;
	font-style: italic;
}
.modCont .inputRow .contextual-help{
	vertical-align: top;
	padding-top: 4px;
	display: inline-block;
}
.modCont .modCopy .inputRow input.textInput,
.modCont .modCopy .inputRow select,
.modCont .modCopy .inputRow textarea{
	float: none;
}
.modCont .modCopy .inputRow .raterInput{
	width: auto !important;
}
.modCont .modCopy label .chkInput,
.modCont .modCopy label .radioInput  {
	margin: 1px 3px 0 0;
}
.modCont  .inputRow .dateInput.dateIconInput{
	background-image: url(../images/theme/calendar.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
}

/*----[Form elements - Disable structure]----*/
.modCont .modCopy .inputRow input.inputDisabled,
.modCont .modCopy .inputRow select.inputDisabled,
.modCont .modCopy .inputRow textarea.inputDisabled,
.modCont .modCopy .inputRow label.inputDisabled{
	color: #b1b1b1;
}

/*----[Form elements - Valid structure]----*/
.modCont .valid-summary{
	margin-bottom: 20px;
	padding: 20px;
	border: 1px solid #99CC99;
	background-color: #D9FFD9;
}

/*----[Form elements - Changed structure]----*/
.modCont .changed-summary {
	margin-bottom: 20px;
	padding: 20px;
	border: 1px solid #F6B03F;
	background-color: #FEFCEC;
}
.modCont .modCopy input.changedInput,
.modCont .modCopy select.changedInput,
.modCont .modCopy textarea.changedInput {
	background-color: #FEFCEC !important;
	border: 1px solid #F6B03F;
}

/*----[Form elements - Error structure]----*/
.modCont .error-line {
	display: none;
}
.modCont .error .error-line {
	display: block;
}
.modCont .asterix,
.modCont .error {
	color: #BD0000;
}
.modCont .error-summary {
	margin-bottom: 20px;
	padding: 20px;
	background-color: #FFF2F2;
	color: #BD0000;
	border: 1px solid #BD0000;
}
.modCont .modCopy .error input.erroredInput,
.modCont .modCopy .error select.erroredInput,
.modCont .modCopy .error textarea.erroredInput {
	color: #BD0000;
	background-color: #FFF2F2 !important;
	border: 1px solid #BD0000;
}

/*----[Online Support Box module]----*/
.modPortlet  .modSupportBox {
	height: 310px;
	overflow: hidden;
}

/*----[Overlay module styles]----*/
.ui-widget-overlay { background: #ffffff/*{bgColorOverlay}*/ url()/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; 
	opacity: .85;
	filter:Alpha(Opacity=85)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: 3px/*{offsetTopShadow}*/ 0 0 1px/*{offsetLeftShadow}*/; padding: 1px/*{thicknessShadow}*/; background: #acacac/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 0/*{cornerRadiusShadow}*/; -webkit-border-radius: 0/*{cornerRadiusShadow}*/; border-radius: 0/*{cornerRadiusShadow}*/; }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-dialog .ui-dialog-titlebar { 
	height: 58px; 
	background: #fff url(../images/theme/popup_layer_gradient.gif) repeat-x 0 0;
	color: #333333;
	}
.ui-dialog .ui-dialog-content { position: relative; padding: 0; height: auto; }
#mito-vf-dialog {overflow: auto;}
.ui-dialog .ui-dialog-titlebar-close { 
	background-image: url(../images/theme/popup_layer_close.png);
	position: absolute;
	right: -18px;
	top: -17px;
	width: 29px;
	height: 30px;
	padding: 0;
	text-indent: -999em; 
}
.ui-dialog {
	position: absolute;
	padding: 0;
	border: none;
	overflow: visible;
	outline: none;
	background: #fff;   
	-moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.15), 0 0 7px 7px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.15), 0 0 7px 7px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.15), 0 0 7px 7px rgba(0, 0, 0, 0.1);
}
.ui-dialog .ui-dialog-title {
	font-size: 18px;
	line-height: 58px;
	padding: 0 18px;
	font-weight: normal;
	color: #333333;
}
.ui-dialog .modFooter {
	display: none;
}
.mito-layout-ie-hack {
	position: absolute;
	top: -9px;
	left: -9px;
	width: 100%;
	height: 100%;
	background-color: #fff;
}

.mito-layout-ie-hack {
	display: none;
}
.ie .mito-layout-ie-hack {
	display: block;
	zoom: 1;
	filter:
		progid:DXImageTransform.Microsoft.Shadow(color='#e2e2e2', Direction=0, Strength=9)
		progid:DXImageTransform.Microsoft.Shadow(color='#e2e2e2', Direction=90, Strength=9)
		progid:DXImageTransform.Microsoft.Shadow(color='#e2e2e2', Direction=180, Strength=9)
		progid:DXImageTransform.Microsoft.Shadow(color='#e2e2e2', Direction=270, Strength=9);
}

.overlay-wait {
	background-image: url(../images/theme/loader.gif);
	background-position: 50% 50%;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

/*----[Sitemap module structure - deprecated]----*/
* .portlet-site-map ul li ul:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.portlet-site-map ul li ul {zoom: 1;display: block;}
* html .portlet-site-map ul li ul {overflow: hidden;}
.portlet-site-map ul {
	margin-right: 10px;
	padding: 1px 1px 10px;
	background: #fff;
	border-bottom: 2px solid #dcdcdc;
}
.portlet-site-map ul li {
	margin: 0 0 15px 0;
	background: url(../images/theme/modportlet_body_bg.png) repeat-x left 37px;
}
.portlet-site-map ul li a  {
	margin: 0 0 10px 0;
	padding: 8px 0px 8px 10px;
	text-decoration: none;
	display: block;
	font-size: 13px;
	font-weight: bold;
	background-color: #ebebeb;
}
.portlet-site-map ul li ul {
	border: none;
	padding: 0 0 0 1px;
	margin: 0;
}
.portlet-site-map ul li ul li {
	margin: 0 0 10px 0;
	float: left;
	width: 228px;
	margin-left: 10px;
}
.portlet-site-map ul li ul li:first-child {
	margin: 0;
}
.portlet-site-map ul li ul li a {
	background: #ebebeb;
	font-weight: normal;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
}
.portlet-site-map ul li ul li ul {
	padding: 0;
}
.portlet-site-map ul li ul li ul li {
	float: none;
	width: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: none;
}
.portlet-site-map ul li ul li ul li a {
	font-weight: normal;
	margin: 1px 0 0 0;
	font-weight: normal;
	background: url(../images/theme/arrows.png) no-repeat 10px 9px;
	padding: 6px 0 6px 20px;
	border-bottom: 1px solid #ededed;
}
.portlet-site-map ul li ul li ul li a:hover {
	background-color: #ebebeb;
	text-decoration: underline;
}
.portlet-site-map ul li ul li ul li ul li {
	padding: 0 0 0 0;
}
.portlet-site-map ul li ul li ul li ul li a {	
	margin: 0;
	padding-left: 30px;
	background-position: 20px 9px;
}
.portlet-site-map ul li ul li ul li ul li ul li a {
	font-weight: normal;
	border: none;
}
.portlet-site-map ul li ul li ul li ul li ul li a:hover {
	background-position: 0 -52px;
}
.portlet-site-map ul li ul li ul li ul li ul li ul li a {
	padding:0;
}

/*----[Tooltips]----*/
.tooltip {
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../images/theme/icons_on_grey.png) 0 -220px no-repeat;
	text-indent:-999em;
	cursor:help;
}
#tooltip,
#formTooltip {
	width:150px;
	min-height:20px;
	font-size:11px;
	color:#333;
	background:#f4f4f4;
	border:1px solid #dcdcdc;
	position:absolute;
	z-index:10;
	padding:10px;
}
#tooltip.tooltipWide,
#formTooltip.tooltipWide {
	width:300px;
}
#formTooltip.tooltipPassword {
	width:180px;
}
#tooltip .tooltip-left,
#tooltip .tooltip-left-inner,
#formTooltip .tooltip-left,
#formTooltip .tooltip-left-inner {
	position:absolute;
	width:0;
	height:0;
	border-bottom-width:0;
	background:none;
	outline:none;
}
#tooltip .tooltip-left,
#formTooltip .tooltip-left {
	border-top:9px inset transparent;
	border-bottom:9px inset transparent;
	border-right:9px solid #dcdcdc;
	left:-9px;
	top:20px;
	margin-top:-9px;
}
#tooltip .tooltip-left-inner,
#formTooltip .tooltip-left-inner {
	border-top:8px inset transparent;
	border-bottom:8px inset transparent;
	border-right:8px solid #f4f4f4;
	left:2px;
	top:0px;
	margin-top:-8px;
}
.formTooltip-content {
	display: none;
}
#formTooltip .criteriaList li.unsatisfied {
	color: red;
}
#formTooltip .criteriaList li.satisfied {
	color: green;
}
#formTooltip h4 {
	padding-top: 0;
}
.modCont .dateGroup {
	width: 210px;
}
.modCont .dateGroup select {
	margin-right: 5px;
}

.modCont .modCopy ul.customizableBulletPoint {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.modCont .modCopy ul.customizableBulletPoint li {
	padding-left: 1em;
	text-indent: -1em;
	background: none;
	clear: none;
	margin-bottom: 0;
}
.modCont .modCopy ul.customizableBulletPoint li:before {
	content: "\2022";
	padding-right: 8px;
}
.modCont .modCopy ul.customizableBulletPoint li.satisfied:before {
	content: "\2713";
	padding-right: 4px;
}
.modCont .modCopy ul.customizableBulletPoint li.unsatisfied:before {
	content: "\2717";
	padding-right: 4px;
}

/*----[/modules.css]----*/
/*----[megamenus.css]----*/

/*----[Top level mega menu]----*/
ul#menu a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
ul#menu a:hover,
ul#menu a:focus {
	text-decoration: none;
}
ul#menu a span {
	position: relative;
	display: block;
	padding-top: 20px;
}
ul#menu li:hover a {
	color: #525252;
}
ul#menu a.top-level-link {
	height: 58px;
}
ul#menu a.top-level-link.active {
	background-color: #bd0000;
}
ul#menu a.top-level-link span {
	padding: 20px 25px 0;
	height: 38px;
}
ul#menu li:hover a.top-level-link,
ul#menu a.top-level-link:hover,
ul#menu a.top-level-link.hover,
ul#menu a.top-level-link:focus {
	background: url(../images/theme/menu_hover.png) right -58px no-repeat #fff;
	color: #525252;
}
ul#menu li:hover a.top-level-link span,
ul#menu a.top-level-link:hover span,
ul#menu a.top-level-link.hover span,
ul#menu a.top-level-link:focus span {
	background: url(../images/theme/menu_hover.png) left 0 no-repeat;
}
ul#menu li:hover a.top-level-link.active,
ul#menu a.top-level-link.active:hover,
ul#menu a.top-level-link.active.hover,
ul#menu a.top-level-link.active:focus {
	background: url(../images/theme/menu_hover.png) right -174px no-repeat #fff;
}
ul#menu li:hover a.top-level-link.active span,
ul#menu a.top-level-link.active:hover span,
ul#menu a.top-level-link.active.hover span,
ul#menu a.top-level-link.active:focus span {
	background: url(../images/theme/menu_hover.png) left -116px no-repeat;
}
/*----[Top level mega menu without submenu]----*/
ul#menu .singlemenu:hover a.top-level-link,
ul#menu .singlemenu a.top-level-link:hover,
ul#menu .singlemenu a.top-level-link.hover,
ul#menu .singlemenu a.top-level-link:focus {
	background-position: right -290px;
}
ul#menu .singlemenu:hover a.top-level-link span,
ul#menu .singlemenu a.top-level-link:hover span,
ul#menu .singlemenu a.top-level-link.hover span,
ul#menu .singlemenu a.top-level-link:focus span {
	background-position: left -232px;
}
ul#menu .singlemenu:hover a.top-level-link.active,
ul#menu .singlemenu a.top-level-link.active:hover,
ul#menu .singlemenu a.top-level-link.active.hover,
ul#menu .singlemenu a.top-level-link.active:focus {
	background-position: right -406px no-repeat #fff;
}
ul#menu .singlemenu:hover a.top-level-link.active span,
ul#menu .singlemenu a.top-level-link.active:hover span,
ul#menu .singlemenu a.top-level-link.active.hover span,
ul#menu .singlemenu a.top-level-link.active:focus span {
	background-position: left -348px;
}

/*-- Needs to be adjusted for nearly equal and 100% width menu --*/
ul#menu li.menu_000 a.top-level-link span {
	width: 150px;
}
ul#menu li.menu_001 a.top-level-link span {
	width: 110px;
}
ul#menu li.menu_002 a.top-level-link span {
	width: 110px;
}
ul#menu li.menu_003 a.top-level-link span {
	width: 120px;
}

/* Magyar - Kisvallalkozasok */
ul#menu li.menu_010 a.top-level-link span {
	padding-top: 10px;
	width: 90px;
	height: 48px;
	line-height: 19px;
}
ul#menu li.menu_014 a.top-level-link span {
	padding-top: 10px;
	width: 90px;
	height: 48px;
	line-height: 19px;
}

/* Magyar - Kozep es nagyvallatok */
ul#menu li.menu_020 a.top-level-link span {
	width: 88px;
}
ul#menu li.menu_021 a.top-level-link span {
	padding-top: 10px;
	width: 85px;
	height: 48px;
	line-height: 19px;
}
ul#menu li.menu_022 a.top-level-link span {
	width: 109px;
}
ul#menu li.menu_023 a.top-level-link span {
	width: 95px;
}
ul#menu li.menu_024 a.top-level-link span {
	padding-top: 10px;
	width: 75px;
	height: 48px;
	line-height: 19px;
}

/* Magyar - A Vodafone-rol */
ul#menu li.menu_030 a.top-level-link span {
	width: 180px;
}
ul#menu li.menu_031 a.top-level-link span {
	width: 95px;
}
ul#menu li.menu_032 a.top-level-link span {
	width: 70px;
}
ul#menu li.menu_033 a.top-level-link span {
	padding-top: 10px;
	width: 150px;
	height: 48px;
	line-height: 19px;
}
    
/*----[Mega Menus]----*/
ul#menu li.top-level:hover div.top-level,
ul#menu li.top-level.hover div.top-level {
	left: 0;
	top: 59px;
	z-index: 99;
}
ul#menu li.top-level div.top-level {
	position: absolute;
	top: -999em;
	left: -999em;
}
ul#menu li.top-level div.top-level a { color: #525252; }
ul#menu .subnav-wrap {
	float: left;
	background: #fff;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	padding: 20px;
	font-size: 13px;
	font-weight: normal;
	border-radius: 0 0 4px 4px;
}
ul#menu .subnav-wrap .support-bg {
	margin: -20px;
	padding: 20px;
	background: transparent url(../images/theme/support_bg.gif) repeat-y right top;
	border-radius: 0 0 4px 0;
} 
ul#menu .subnav {
	float: left;
	width: 162px;
	margin: 0 10px;
	text-align: left;
	display: block;
}
ul#menu .subnav p.megamenu-heading {
	padding: 0 0 8px;
	margin: 0 0 10px;
	border-bottom: 1px solid #ccc; 
	width: 162px;
	font-size: 14px;
	font-weight: bold;
}
ul#menu .subnav p.megamenu-heading a:hover {
	color: #bd0000; 
}
ul#menu .multiline-heading p.megamenu-heading {
    height: 3em;  
}
ul#menu .subnav a.subnav {
	width: 162px;
	overflow: hidden;
	font-size: 13px;
	padding: 5px 0;
	margin: 0;
	font-weight: normal;
}
ul#menu .subnav a.subnav:hover,
ul#menu .subnav a.subnav:active,
ul#menu .support a:hover,
ul#menu .support a:active {
	color: #bd0000;
}
ul#menu .support a.subnav, ul#menu .support a {
	width: 162px;
	overflow: hidden;
	height: auto;
	font-weight: normal;
}

/*----[Mega Menus alignment]----*/
ul#menu .subnav-wrap {
	/*background: transparent none;*/
}
ul#menu .subnav-wrap {
	position: relative;	
}
ul#menu .fivecol {
	left: 0;
}
ul#menu .fourcol {
	left: 70px;
}
ul#menu .threecol {
	left: 274px;
}
ul#menu .fourcol.first {
	left: 70px;
}
ul#menu .threecol.first {
	left: 70px;
}
ul#menu .menu_024 .threecol {
	left: 307px;
}
ul#menu .menu_011 .threecol {
	left: 211px;
}
ul#menu .menu_013 .twocol {
	left: 465px;
}
ul#menu .menu_014 .twocol {
	left: 465px;
}

/*----[Mega Menus admin]----*/
#menuportlet_save {
	position: absolute;
	right: 235px;
	top: -23px;
	background: none;
	border: none;
	color: #525252;
	text-decoration: underline;
	font-size: 11px;
}
#menuportlet_save:hover,
#menuportlet_save:focus {
	color: #bd0000;
	text-decoration: none;
	cursor: pointer;
}
ul#menu li ul li .subnav select {
	margin-bottom: 3px;
	padding: 3px;
	width: 140px;
	border: 1px solid #d1d1d1;
	font-size: 11px;
}
ul#menu li ul li .support input {
	padding: 4px 4px 5px;
	width: 120px;
	border: 1px solid #d1d1d1;
	font-size: 11px;
	color: #525252;
}

/*----[/megamenus.css]----*/


/*----[liferay.css]----*/
.staging .twelveColumn,
.staging .nineColumn,
.staging .sevenColumn,
.staging .threeColumn,
.staging .twoColumn {
	min-height: 100px;
}
.staging .modPortlet {
	min-width: 70px;
	min-height: 10em;
	border: 1px dashed #333;
}
.staging .portlet-borderless-bar,
.staging .icons-container,
.staging .portlet-topper {
	/*background: #f4f4f4;
	margin-top: 0 !important;*/
}
.staging .lfr-table select {
	max-widh: 400px;
}
.js .interactive-mode {
	background: none;
}
.js .interactive-mode h2 {
	background: none;
	height: 15px;
}
.js .interactive-mode h2 span {
	background: none;
}
.js .interactive-mode ul {
	background: none;
}

/*----[Module widths]----*/
.staging .mod12Col {width: 908px;}
.staging .mod10Col {width: 738px;}
.staging .mod9Col{width: 658px;}
/*.staging .mod8Col{width: 638px;}*/
.staging .mod7Col{width: 488px;}
/*.staging .mod6Col{width: 478px;}*/
.staging .mod5Col {width: 348px;}
.staging .mod45Col{width: 318px;}
.staging .mod4Col {width: 288px;}
.staging .mod35Col{width: 233px;}
.staging .mod3Col{width: 228px;}
.staging .nineColumn .mod3Col {width: 198px;}

.staging .mod3Col.modInner{width: 213px;}

.staging .mod2Col {width: 158px;}

/*----[Generic module styles]----*/
.staging .modPortlet .modBody .modCopy.subjectRight {
	margin-left: 0;
}

/*----[Edit web content page styles]----*/
.staging .icons-container .icon-actions span {
	float: left;
}
.staging .lfr-table {
	background-color: #fff;
	border-right: 2px solid #dcdcdc;
	border-bottom: 2px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	padding: 10px;
}
.staging .lfr-table table {
	border: none;
	margin: 10px;
}
.staging .lfr-table table .lfr-table {
	margin: 0 5px;
}
.staging .portlet-journal .lfr-panel-content, 
.staging .portlet-journal .lfr-panel-content .lfr-table {
	background-color: #ebebeb;
}
.staging .lfr-table input,
.staging .aui-field-input input,
.staging .aui-field-input {
	margin: 2px 5px 3px;
	padding: 4px 4px 5px 4px;
	border: 1px solid #B3B3B3;
	background-color: #fff;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
}
.staging .aui-field-input-text {
    width: 400px;
}
.staging input[type=button],
.staging input[type=submit] {
	margin: 2px 5px 3px;
	padding: 4px 4px 5px 4px;
	border: 1px solid #d1d1d1;
	background-color: #f4f4f4;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	cursor: pointer;
}
.staging input[type=button]:hover,
.staging input[type=submit]:hover {
	color: #bd0000;
}
.staging .lfr-table select,
.staging .ui-dialog select,
.staging .lfr-table textarea,
.staging .aui-dialog textarea {
	padding: 2px;
	margin: 2px 5px 3px;
	border: 1px solid #B3B3B3;
	max-width: 400px;
}
.staging .ui-tabs .last.toggle {
	margin-right: 10px;
}
.staging .ui-tabs {
	margin-bottom: 0;
}

.staging .tabs ul.ui-tabs li,
.staging  ul.tabs.ui-tabs li {
	display: block;
	float: left;
	position: relative;
	margin-right: 3px;
	margin-left: 0;
	line-height: 16px;
}
.staging  ul.tabs.ui-tabs li.last{
	border-right: medium none;
} 
/*.staging .tabs ul.ui-tabs li a,
.staging .tabs ul.ui-tabs li span,
.staging ul.tabs.ui-tabs li a, 
.staging  ul.tabs.ui-tabs li span,
.staging .ui-tabs .tab-nav li a, 
.staging .ui-tabs .tab-nav li span {
	background: #e7e7e7 none;
	border: 1px solid #dbdbdb;
	border-bottom: none;
	color: #525252;
	padding: 5px;
	display: block;
	text-decoration: none;
	font-weight: bold;
}
.staging .tabs ul.ui-tabs li.current a,
.staging .tabs ul.ui-tabs li.current span,
.staging ul.tabs.ui-tabs li.current a, 
.staging  ul.tabs.ui-tabs li.current span{
	background-color: #ffffff;
	border-bottom: 1px solid #fff;
	margin-bottom: -1px;
}
.staging .tabs ul.ui-tabs li a:hover,
.staging ul.tabs.ui-tabs li a:hover,
.staging .ui-tabs .tab-nav li a:hover {
	color: #bd0000;
	text-decoration: none;
	background-color: #fff;
	font-weight: bold;
	border: 1px solid #dbdbdb;
	border-bottom: none;
}*/
.staging .ui-tabs .carouselSlide ol li a,
.staging .ui-tabs .carouselSlide ol li a:hover {
	background: none;
	border: none;
}
.staging legend {
	font-size: 13px;
	color: #525252;
	font-weight: bold;
	margin-left: 10px;
}
.staging fieldset {
	margin-bottom: 0;
}
.staging .ui-tabs li.current a, .staging .ui-tabs li.current span {
	color: #c80000;
	background-color: #fff;
}
.staging table .lfr-table:nth-child(2n) {
	background-color: #fefefe;
}
.staging .js .interactive-mode ul.lfr-dock-list,
.staging .js .interactive-mode ul.lfr-dock-list li ul {
	background: #fff none;
}
.staging #portlet-set-properties #lfr-custom-css {
	font-size: 11px;
	width: 700px;
	height: 300px;
	border: 1px solid #d1d1d1;
}
.staging #portlet-set-properties .text-input {
	border: 1px solid #d1d1d1;
}
.staging .lfr-tree li {
	font-size: 8px;
}
.staging .lfr-tree li.tree-item ul {
	margin-top: 2px;
}
.staging .lfr-tree li.tree-item li {
	margin: 0;
	padding-left: 12px;
}
.staging .lfr-tree li.tree-item a img {
	width: 15px;
}

/*----[liferay6]----*/
.staging nav.sort-pages {
	position: absolute;
	top: 10px;
	left: 10px;
}
.staging .lfr-actions.portlet-options .lfr-trigger strong a {
	text-indent: -9999px;
}



.staging .portlet-topper {
	background: #D4D4D4 url(../images/theme-liferay6-css/images/staging_header_bg.png) repeat-x 0 0;
	border: 1px solid;
	border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
	font-size: 1.1em;
}

.staging .portlet-title {
	color: #222;
	float: none;
	font-weight: bold;
	min-width: 50%;
	padding: 5px;
	text-shadow: 1px 1px #FFF;
}

.staging .portlet-icons {
	float: none;
}

.staging .portlet-icons .portlet-close-icon {
	border-width: 0;
}

.staging .page-maximized .portlet-icons {
	font-size: 11px;
}

.staging .portlet-icon-back {
}

.ie .staging  .portlet-title {
	padding-bottom: 5px;
}

.ie6 .staging  .portlet-topper {
	zoom: 1;
}

.staging .portlet-borderless-bar {
    -moz-border-radius: 20px;
    -moz-box-shadow: inset 0 1px 3px #000;
    -webkit-border-radius: 20px;
    -webkit-box-shadow: inset 0 1px 3px #000;
    border-radius: 20px;
    box-shadow: inset 0 1px 3px #000;
}

.staging .portlet-topper {
    -moz-box-shadow: 1px 1px 0 #FFF;
    -webkit-box-shadow: 1px 1px 0 #FFF;
    box-shadow: 1px 1px 0 #FFF;
}

.staging h1 {
	text-indent: 0;
	line-height: 1.3;
	height: auto;
}

.staging .portlet-topper:before,
.staging .portlet-topper:after,
.staging .icon-actions:before,
.staging .icon-actions:after {
    content:"";
    display: table;
}
.staging .portlet-topper:after,
.staging .icon-actions:after {
    clear:both;
}
.staging .portlet-topper,
.staging .icon-actions {
    zoom:1;
}

.staging .portlet-topper h1 {
	height: 17px;
	float: left;	
}

.staging .portlet-topper-toolbar {
	position: relative;
	top: 0;
	left: 0;
	right: auto;
	height: 17px;
	min-width: 77px;
	float: right;
}
.staging .taglib-icon:link,
.staging .taglib-icon:visited,
.staging .taglib-icon:hover,
.staging .taglib-icon:active {
text-decoration: none;
}

.staging .aui-tab-active:link, .staging  .aui-tab-active a:link,
.staging .aui-tab-active:visited,.staging  .aui-tab-active a:visited,
.staging .aui-tab-active:hover,.staging  .aui-tab-active a:hover,
.staging .aui-tab-active:hover,.staging  .aui-tab-active a:hover {
	color: #fff;
}

.staging .threeColumn .modSidebar a.taglib-icon img {
	display: inline;
}


html > .lfr-dockbar-pinned {
	padding-top: 27px;
}
html > .lfr-dockbar-pinned.staging,
html > .lfr-dockbar-pinned.live-view {
	padding-top: 0;
}

.staging .portlet-dropzone { 
	min-height: 200px; 
} /* dragndrophoz */

.portlet-journal .structure-tree li {
	margin: 10px 0 10px 20px;
} /* admin list indent */

/*----[/liferay.css]----*//*----[pages.css]----*/
h2 {
	font-size: 20px;
	padding: 6px 0 9px 0;
	color: #333;
	font-weight: bold;
}
.modBody p {
	font-size: 13px;
}

/*-----[Support module styles]-----*/
.supportBox {
	width: 156px;
	float: left;
	margin: 5px;
}

/*----[Phone Directory Search module]----*/
.phoneNumInput {
	width: 90px;
}
.phoneNameInput {
	width: 140px;
}

/*----[Device Support module]----*/
form.modCopy a {
	display: block;
	float: left;
	margin: 10px 20px 0 0;
	padding-top: 7px;
}
form.modCopy a.buttonLight {
	padding-top: 0;
}

/*----[New Search results]----*/
.modPortlet .modSearchBar .textInput {
	width: 295px;
}

/*----[Google Search results]----*/
.modPortlet .modSearchResult .modCopy {
	padding: 0;
}
.modSearchResult #vf-search-result .search-results h2.search-results {
	font-weight: bold;
}
.modSearchResult #vf-search-result .gsc-adBlockInvisible {
	display: none;
}
#vf-search-result-box {
	display: none;
}
#vf-search-result  .gsc-tabdInactive {
	display: none !important;
}
#vf-search-result .gsc-results .gsc-webResult {
	padding: 20px 20px 10px;
	width: 530px;
}
#vf-search-result .gsc-result {
	margin-bottom: 0;
}
#vf-search-result .gs-result div.gs-visibleUrl-short,
#vf-search-result .gsc-resultsHeader,
#vf-search-result .gs-watermark {
	display: none;
}
#vf-search-result .gs-result div.gs-visibleUrl-long {
	display: block;
}
#vf-search-result .gs-result .gs-title,
.gs-result .gs-title * {
	color: #525252;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	padding: 0;
}
#vf-search-result .gs-result a.gs-title {
	padding-left: 10px !important;
	background: url(../images/theme/arrows.png) left 3px no-repeat;
	text-decoration: underline;
}
#vf-search-result .gs-result a.gs-title:hover {
	background-position: left -53px;
}
#vf-search-result .gsc-results a:hover,
#vf-search-result .gsc-results a:focus,
#vf-search-result .gsc-results a:active,
#vf-search-result .gsc-results a:hover b,
#vf-search-result a:focus b,
#vf-search-result a:active b,
#vf-search-result .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
	color: #BD0000;
}
#vf-search-result .gsc-results .gs-snippet {
	color: #525252;
	font-size: 11px;
}
#vf-search-result .gs-result a.gs-visibleUrl,
.gs-result .gs-visibleUrl {
	color: #b2b2b2;
	text-decoration: none;
	font-size: 11px;
	height: 15px;
	font-style: italic;
	font-size: 10px;
	overflow: hidden;
}
#vf-search-result .gsc-results .gsc-cursor-box {
	padding: 20px 20px 10px;
	text-align: right;
}
#vf-search-result .gsc-results .gsc-cursor-box .gsc-cursor-page {
	text-decoration: underline;
	font-weight: bold;
	font-size: 11px;
	color: #525252;
	display: inline;
	margin: 0px 3px;
	cursor: pointer;
}
#vf-search-result .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
	text-decoration: none;
}
#vf-search-result .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
	color: #999;
	text-decoration: none;
}

/*----[General content styling and helpers]----*/
.modCont .modCopy ul {
	list-style-type: none;
	padding: 0 0 10px 0;
	overflow: hidden;
}
.modCont .modCopy ul ul {
	padding-bottom: 0;
}
.modCont .modCopy ul li {
	position: relative;
	margin-bottom: 2px;
	padding: 0 0 0 8px;
	line-height: 19px;
    background: url(../images/theme/arrows.png) 0 -684px no-repeat;
    clear: left;
}
.modCont .modCopy ul.groupedlist li {
	margin-bottom: 20px;
	padding: 0 0 0 15px;
    background: url(../images/theme/arrows.png) 0 -684px no-repeat;
}
.modCont .modCopy ul.groupedlist ul {
	margin-top: 20px;
}
.modCont .modCopy ul.itemlist-1 li,
.modCont .modCopy ul.itemlist-2 li,
.modCont .modCopy ul.itemlist-3 li {
	padding: 0 0 0 25px;
	margin-bottom: 10px;
	line-height:18px;
    background: url(../images/theme/list_items.png) 0 0 no-repeat;
}
.modCont .modCopy ul.itemlist-1 li {background-position: 0 0;}
.modCont .modCopy ul.itemlist-2 li {background-position: 0 -100px;}
.modCont .modCopy ul.itemlist-3 li {background-position: 0 -200px;}

.modCont .modCopy ul li a {
	position: relative;
	display: block;
	float: left;
	left: -8px;
	padding: 0 0 0 13px;
	border: none;
	line-height: 19px;
    background: transparent url(../images/theme/arrows.png) 0 -363px no-repeat;
	text-decoration: none;
}
.modCont .modCopy .grey ul li a {
	background-color: #ededed;
}
.modCont .modCopy ul li a:hover,
.modCont .modCopy ul li a:focus {
	background-position: 0 -419px;
	text-decoration: none;
}
.modCont .modCopy ul li a.link {
	display: inline;
	padding: 0;
	left: 0;
	background: none;
	text-decoration: underline;
	color: #525252;
	float: none;
}
.modCont .modCopy ul li a.link:hover,
.modCont .modCopy ul li a.link:focus {
	color: #c80000;
	text-decoration: none;
}
.modCont ol {
	list-style-type: decimal;
	padding-bottom: 10px;
}
.modCont .modCopy ol ol {
	padding-bottom: 0;
}
.modCont ol li {
	margin-left: 17px;
}
.modCont .modCopy .list-roman-low {
	list-style-type: lower-roman;
}
.modCont .modCopy .list-roman-up {
	list-style-type: upper-roman;
}
.modCont .modCopy .list-latin-low {
	list-style-type: lower-latin;
}
.modCont .modCopy .list-latin-up {
	list-style-type: upper-latin;
}
.modCont .modCopy .list-decimal {
	list-style-type: decimal-leading-zero;
}
.modCont h1,
.modHeader h1 {
	height: auto;
	text-indent: 0;
	font-size: 40px;
	line-height: 1.3;
	font-weight: normal;
	padding: 5px 0;
	color: #e60000;
	font-family: VodafoneLight, Arial, Helvetica, sans-serif;
	text-shadow: 0 0 rgba(0,0,0,0);
}
.twelveColumn .modBody h1 {
	line-height: 1;
	padding:0;
	margin:-5px 0;
}
.layoutHeader h1 {
	clear:both;
	height: auto;
	text-indent: 0;
	font-size: 40px;
	font-weight: normal;
	color: #00a4b1;
	font-family: VodafoneLight, Arial, Helvetica, sans-serif;
	line-height: 1;
	padding:0 0 30px;
	margin:0;
}
.modCont h2 {
	font-size: 20px;
	line-height: 1.3;
	font-weight: bold;
	padding: 5px 0;
}
.modCont h3 {
	font-size: 16px;
	line-height: 1.3;
	font-weight: bold;
	padding: 5px 0;
}
.modCont h4 {
//	background-color: #ebebeb;
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 0;
//	padding: 8px 0 8px 10px;
//	margin: 5px -9px 10px;
}
.modCont h5 {
	font-size: 13px;
	font-weight: bold;
	padding: 5px 0;
}
.modCont .modCopy h5 a {
	text-decoration: none;
}
.modCont h6  {
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 5px;
}
.modCont .modCopy p {
	padding-bottom: 10px;
}
.modCont p a {
	color: #525252;
	text-decoration: underline;
}
.modCont p a:hover {
	color: #c80000;
	text-decoration: none;
}
.modCont li a {
	text-decoration: none;
	color: #525252;
}
.modCont li a:hover,
.modCont li a:focus {
	text-decoration: none;
	color: #c80000;
}
.modCont .grey {
	background-color: #ededed;
}
.modCont .lgrey {
	background-color: #f4f4f4;
}
.modCont .dgrey {
	background-color: #ccc;
}
.modCont table {
	margin-bottom: 10px;
	font-size: 13px;
}
.modCont tr {
	border-bottom: 1px solid #ededed;
}
.modCont td {
	padding: 10px 6px 15px;
	vertical-align: top;
}
.modCont .vcenter td {
	vertical-align: middle;
}
.modCont .modCopy .vcenter td ul,
.modCont .modCopy .vcenter td ol,
.modCont .modCopy .vcenter td p {
	padding-bottom: 0;
}
.modCont td p {
	padding: 5px 0;
}
.modCont td.grey,
.modCont .grey td,
.modCont th  {
	background-color: #ededed;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 7px 6px 6px;
}
.modCont td.grey,
.modCont .grey td,
.modCont td.even,
.modCont .even td {
//	background-color: #ebebeb;
}
.modCont th  {
	border-top: none;
	font-weight: bold;
	text-align: center;
}
.tableColumns {
	width:100%;
	margin: 10px 0;
	font-size: 13px;
}
.tableColumns tr {
	border-bottom: none;
}
.tableColumns th,
.tableColumns td {
	background:#f4f4f4;
	padding: 0 25px 0 20px;
	border-left:10px solid #fff;
}
.tableColumns th {
	text-align: left;
	border-bottom: none;
}
.tableColumns p {
	padding: 10px 0;
	margin:0;
}
.tableColumns th p {
	padding-top: 20px;
}
.tableColumns td p {
	border-top: 1px solid #ccc;
}
.tableColumns strong {
	display: block;
	font-size:20px !important;
}
.tableColumns th:first-child,
.tableColumns td:first-child {
	border-left:none;
}
.tableColumns.tableSpan th,
.tableColumns.tableSpan td {
	border-left:none;
}
.tableColumns.tableSpan th:first-child,
.tableColumns.tableSpan td:first-child {
	border-right:10px solid #fff;
}

.modCont strong {
	font-weight: bold;
}
.modCont em {
	font-style: italic;
}
.modCont .strike {
	text-decoration: line-through;
}
.modCont .underline {
	text-decoration: underline;
}
.modCont .infomsg {
	margin: 10px;
	position: relative;
}
.modCont .infomsg .inner {
	padding: 0;
	background-color: #FFFFEB;
	border: 1px solid #f6b040;
}
.modCont .infomsg .clearfix {
	padding: 20px 15px 10px 60px;
	background: url(../images/theme/infomsg.png) 13px 13px no-repeat;
}
.modCont .infomsg .arrow,
.modCont .infomsg .arrow span {
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
}
	.modCont .tooltip-bottom {
		margin-bottom: 30px;
	}
	.modCont .tooltip-bottom .arrow {
		bottom: -19px;
		right: 50%;
		border-width: 20px 0 0 20px;
		border-color: #F6B040 transparent transparent;
	}
	.modCont .tooltip-bottom .arrow span {
		top: -20px;
		left: -19px;
		border-width: 18px 0 0 18px;
		border-color: #ffffeb transparent transparent;
	}

	.modCont .tooltip-top {
		margin-top: 30px;
	}
	.modCont .tooltip-top .arrow {
		top: -19px;
		left: 50%;
		border-width: 20px 0 0 20px;
		border-color: transparent transparent transparent #F6B040;
	}
	.modCont .tooltip-top .arrow span {
		top: -18px;
		left: -19px;
		border-width: 18px 0 0 18px;
		border-color: transparent transparent transparent #ffffeb;
	}

	.modCont .tooltip-left .arrow {
		top: 50%;
		left: -19px;
		margin-top: -10px;
		border-width: 20px 0 0 20px;
		border-color: #F6B040 transparent transparent;
	}
	.modCont .tooltip-left .arrow span {
		top: -19px;
		left: -18px;
		border-width: 18px 0 0 18px;
		border-color: #ffffeb transparent transparent;
	}

	.modCont .tooltip-right .arrow {
		top: 50%;
		right: -19px;
		margin-top: -10px;
		border-width: 20px 20px 0 0;
		border-color: #F6B040 transparent transparent transparent;
	}
	.modCont .tooltip-right .arrow span {
		top: -19px;
		left: 0;
		border-width: 18px 18px 0 0;
		border-color: #ffffeb transparent transparent transparent;
	}

	.firefox .modCont .tooltip-bottom .arrow,
	.firefox .modCont .tooltip-bottom .arrow span {
		border-left-color: rgba(255,255,255,0);
	}
	.firefox .modCont .tooltip-top .arrow,
	.firefox .modCont .tooltip-top .arrow span {
		border-top-color: rgba(255,255,255,0);
	}
	.firefox .modCont .tooltip-left .arrow,
	.firefox .modCont .tooltip-left .arrow span {
		border-left-color: rgba(255,255,255,0);
	}
	.firefox .modCont .tooltip-right .arrow,
	.firefox .modCont .tooltip-right .arrow span {
		border-right-color: rgba(255,255,255,0);
	}

.modCopy .webshop-offer {
	padding: 15px 15px;
	border-top: 1px solid #ccc;
	width: 160px;
	margin: 0 10px;
	background: #e9faff;
	background: -moz-linear-gradient(top,  #e9faff 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9faff), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #e9faff 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #e9faff 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #e9faff 0%,#ffffff 100%);
	background: linear-gradient(top,  #e9faff 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9faff', endColorstr='#ffffff',GradientType=0 );
}
.modCopy .webshop-offer h5 {
	padding-top: 0;
}
	
/* fixed size buttons */
.modCont a.button-short-light,
.modCont a.button-long-light,
.modCont a.button-short-dark,
.modCont a.button-long-dark,
.modCont a.button-short-green,
.modCont a.button-long-green,
.modCont a.button-short-inactive,
.modCont a.button-long-inactive,
.modCont a.buttonPrimary-short,
.modCont a.buttonPrimary-long,
.modCont a.buttonSecondary-short,
.modCont a.buttonSecondary-long,
.modCont a.buttonStrong-short,
.modCont a.buttonStrong-long,
.modCont a.buttonInactive-short,
.modCont a.buttonInactive-long {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 5px 0;
	height: 24px;
	line-height: 24px;
	font-size: 13px;
	overflow: hidden;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	background-image: url(../images/theme/btn_sprite.png);
	background-repeat: no-repeat;
	outline:none;
}
.modCont a.button-short-light,
.modCont a.button-short-light:hover,
.modCont a.button-long-light,
.modCont a.button-long-light:hover,
.modCont a.buttonSecondary-short,
.modCont a.buttonSecondary-short:hover,
.modCont a.buttonSecondary-long,
.modCont a.buttonSecondary-long:hover {
	color: #333;
}
.modCont a.button-short-inactive,
.modCont a.button-short-inactive:hover,
.modCont a.button-long-inactive,
.modCont a.button-long-inactive:hover,
.modCont a.buttonInactive-short,
.modCont a.buttonInactive-short:hover,
.modCont a.buttonInactive-long,
.modCont a.buttonInactive-long:hover {
	color: #ccc;
	cursor: default;
}
.modCont a.button-short-dark:hover,
.modCont a.button-long-dark:hover,
.modCont a.button-short-green:hover,
.modCont a.button-long-green:hover,
.modCont a.buttonPrimary-short:hover,
.modCont a.buttonPrimary-long:hover,
.modCont a.buttonStrong-short:hover,
.modCont a.buttonStrong-long:hover {
	color:#fff;
}
.modCont a.button-short-light,
.modCont a.button-short-dark,
.modCont a.button-short-green,
.modCont a.button-short-inactive,
.modCont a.buttonPrimary-short,
.modCont a.buttonSecondary-short,
.modCont a.buttonStrong-short,
.modCont a.buttonInactive-short {
	width: 110px;
}
.modCont a.button-long-light,
.modCont a.button-long-dark,
.modCont a.button-long-green,
.modCont a.button-long-inactive,
.modCont a.buttonPrimary-long,
.modCont a.buttonSecondary-long,
.modCont a.buttonStrong-long,
.modCont a.buttonInactive-long {
	width: 180px;
}

.modCont a.button-short-light,
.modCont a.button-short-inactive,
.modCont a.button-short-inactive:hover,
.modCont a.button-short-inactive:focus,
.modCont a.buttonSecondary-short,
.modCont a.buttonInactive-short,
.modCont a.buttonInactive-short:hover,
.modCont a.buttonInactive-short:focus {
	background-position: 0 -258px;
}
.modCont a.button-short-light:hover,
.modCont a.button-short-light:focus,
.modCont a.buttonSecondary-short:hover,
.modCont a.buttonSecondary-short:focus {
	background-position: 0 -298px;
}
.modCont a.button-short-dark,
.modCont a.buttonStrong-short {
	background-position: 0 -340px;
}
.modCont a.button-short-dark:hover,
.modCont a.button-short-dark:focus,
.modCont a.buttonStrong-short:hover,
.modCont a.buttonStrong-short:focus {
	background-position: 0 -381px;
}
.modCont a.button-short-green,
.modCont a.buttonPrimary-short {
	background-position: 0 -424px;
}
.modCont a.button-short-green:hover,
.modCont a.button-short-green:focus,
.modCont a.buttonPrimary-short:hover,
.modCont a.buttonPrimary-short:focus {
	background-position: 0 -464px;
}
.modCont a.button-long-light,
.modCont a.buttonSecondary-long,
.modCont a.button-long-inactive,
.modCont a.button-long-inactive:hover,
.modCont a.button-long-inactive:focus,
.modCont a.buttonInactive-long,
.modCont a.buttonInactive-long:hover,
.modCont a.buttonInactive-long:focus {
	background-position: -109px -258px;
}
.modCont a.button-long-light:hover,
.modCont a.button-long-light:focus,
.modCont a.buttonSecondary-long:hover,
.modCont a.buttonSecondary-long:focus {
	background-position: -109px -298px;
}
.modCont a.button-long-dark,
.modCont a.buttonStrong-long {
	background-position: -109px -340px;
}
.modCont a.button-long-dark:hover,
.modCont a.button-long-dark:focus,
.modCont a.buttonStrong-long:hover,
.modCont a.buttonStrong-long:focus {
	background-position: -109px -381px;
}
.modCont a.button-long-green,
.modCont a.buttonPrimary-long {
	background-position: -109px -424px;
}
.modCont a.button-long-green:hover,
.modCont a.button-long-green:focus,
.modCont a.buttonPrimary-long:hover,
.modCont a.buttonPrimary-long:focus {
	background-position: -109px -464px;
}
.modBody p.footnote, .modCont .footnote {
	font-size: 10px;
}
.modBody p.price, .modCont .price {
	font-size: 26px;
	font-weight: bold;
	color: #007c92;
	padding-bottom: 15px;
}
.modBody p.red, .modCont .red {
	color: #c80000;
}
.modCont .modCopy .del {
	text-decoration: none;
	background: url(../images/theme/del.png) center center no-repeat transparent;
}
.modCont .modCopy .mt10 {margin-top: 10px;}
.modCont .modCopy .mr10 {margin-right: 10px;}
.modCont .modCopy .mb10 {margin-bottom: 10px;}
.modCont .modCopy .ml10 {margin-left: 10px;}
.modCont .modCopy .mt15 {margin-top: 15px;}
.modCont .modCopy .mr15 {margin-right: 15px;}
.modCont .modCopy .mb15 {margin-bottom: 15px;}
.modCont .modCopy .ml15 {margin-left: 15px;}
.modCont .modCopy .mt20 {margin-top: 20px;}
.modCont .modCopy .mr20 {margin-right: 20px;}
.modCont .modCopy .mb20 {margin-bottom: 20px;}
.modCont .modCopy .ml20 {margin-left: 20px;}

.modCont .modCopy .alignleft {float:left;margin: 0 10px 10px 0;}
.modCont .modCopy .alignright {float:right;margin: 0 0 10px 10px;}
.modCont .modCopy .aligncenter {display:block;margin-left:auto;margin-right:auto;float:none;}
.modCont .modCopy td.aligncenter {display: table-cell;}

.modCont .modCopy hr.separator{
	border: none;
	border-top: 1px solid #dbdbdb;
	height: 10px;
	color: #fff;
}
.modCont .tsep {margin: 0 1px;}
.modCont .price .tsep {margin: 0 3px;}

/*----[Product boxes]----*/
.modCont .productBoxes {
	margin-bottom: 15px;
}
.modCont .productBoxes .productBox {
	border-top: 1px solid #dbdbdb;
	float: left;
	width: 320px;
	position: relative;
//	width: 248px;
//	border: 1px solid #dbdbdb;
}
.sevenColumn .modCont .productBoxes .productBox {
	width: 200px;
}
.productBody {
	padding-left:35%;
//	margin: 0 1px 1px 1px;
//	padding-top: 17px;
//	background: url(../images/theme/modportlet_body_bg.png) repeat-x scroll left 1px #fff;
}
.modCont .productBoxes .productBox .productHead {
	padding: 20px 0 5px;
	margin: 0 0 0 35%;
//	height: 27px;
//	background-color: #ebebeb;
}
.modCont .productBoxes .productBox .productHead h5 {
	font-size: 16px;
	padding: 0;
}
.modCont .productBoxes .productBox .productImg {
	display: block;
	float: left;
//	margin: 0 10px 0 0;
	position:absolute;
	top:20px;
	left:0;
	max-width:100px;
}
.modCont .productBoxes .productBox .productImg img {
	display: block;
	border: none;
	max-width:100px;
}
.modCont .productBoxes .productBox .productPrice {
	background: #efefef;
	padding: 10px;
	margin: 10px 0 20px -10px;
}
.modCont .productBoxes .productTabs {
	margin: 0;
	padding: 0;
}
.modCont .productBoxes .productTabs .tab-nav {
	padding-left: 6px;
}
.modCont .productBoxes .productTabs .tab-nav li {
	padding: 0;
	clear: none;
}
.modCont .productBoxes .productTabs .tab-nav li a {
	left: 0;
	background-color: #fff !important;
}
.modCont .productBoxes .productTabs .tab-nav li.ui-tabs-selected a {
	background-color: #e7e7e7 !important;
}
.modCont .productBoxes .productTabs .tabcnt {
	margin: 0;
	border: none;
	background-color: #e7e7e7;
}
.modCont .productBoxes .productTabs .tabcnt .ui-tabs-panel {
	background-color: #e7e7e7;
}
.modCont .productBoxes .productTabs .tabcnt .modCopy {
	padding-bottom: 0;
}
.modCont .productBoxes .productButton {
	padding: 10px 0;
//	border-top: 1px solid #dbdbdb;
//	background-color: #e7e7e7;
	text-align: center;
}
.modCont .productBoxes .productButton .button-long-dark,
.modCont .productBoxes .productButton .button-short-dark,
.modCont .productBoxes .productButton .button-long-light,
.modCont .productBoxes .productButton .button-short-light,
.modCont .productBoxes .productButton .button-long-green,
.modCont .productBoxes .productButton .button-short-green,
.modCont .productBoxes .productButton .button-long-inactive,
.modCont .productBoxes .productButton .button-short-inactive {
	margin: 0 auto;
	float: none;
}

/*----[Selector page]----*/
.modCont .selector .BB {
	padding-bottom: 10px;
	border-bottom: 1px solid #ededed;
	margin-bottom: 10px;
}
.modCont .selector .cnt {
	width: 260px;
	float: left;
}
.modCont .selector .MR10 {
	margin-right: 10px;
}
.modCont .selector h5 {
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0;
}
.modCont .selector p, .modCont .selector li  {
	font-size: 11px;
}

/*----[Datepicker jQuery UI structures]----*/
#ui-datepicker-div.mito-vf-datepicker  .ui-helper-hidden { display: none; }
#ui-datepicker-div.mito-vf-datepicker  .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
#ui-datepicker-div.mito-vf-datepicker  .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
#ui-datepicker-div.mito-vf-datepicker .ui-helper-clearfix:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#ui-datepicker-div.mito-vf-datepicker .ui-helper-clearfix { display:inline-block; }
#ui-datepicker-div.mito-vf-datepicker a { width: auto;}

* html  #ui-datepicker-div.mito-vf-datepicker .ui-helper-clearfix { height: 1%; }
#ui-datepicker-div.mito-vf-datepicker .ui-helper-clearfix { display:block; }

#ui-datepicker-div.mito-vf-datepicker .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

#ui-datepicker-div.mito-vf-datepicker .ui-icon{ display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; text-align: left; }
#ui-datepicker-div.mito-vf-datepicker .ui-icon { width: 16px; height: 16px; background-image: url(../images/theme/ui-icons_ffffff_256x240.png); }
#ui-datepicker-div.mito-vf-datepicker .ui-icon-circle-triangle-e { background-position: -32px 0; }
#ui-datepicker-div.mito-vf-datepicker .ui-icon-circle-triangle-w { background-position:  -96px 0; }

#ui-datepicker-div.mito-vf-datepicker.ui-widget-content { border: 1px solid #dbdbdb; background-color: #ffffff; }
#ui-datepicker-div.mito-vf-datepicker .ui-widget-header { background-color: #f80000; color: #ffffff; font-weight: bold; }
#ui-datepicker-div.mito-vf-datepicker .ui-widget-header a { color: #ffffff; }

#ui-datepicker-div.mito-vf-datepicker .ui-state-default, #ui-datepicker-div.mito-vf-datepicker .ui-widget-content .ui-state-default, #ui-datepicker-div.mito-vf-datepicker .ui-widget-header .ui-state-default { border: 1px solid #dbdbdb; background-color: #f4f4f4; font-weight: bold; color: #333333;}
#ui-datepicker-div.mito-vf-datepicker .ui-state-default a, #ui-datepicker-div.mito-vf-datepicker .ui-state-default a:link, #ui-datepicker-div.mito-vf-datepicker .ui-state-default a:visited { color: #525252; text-decoration: none; }
#ui-datepicker-div.mito-vf-datepicker .ui-state-hover, #ui-datepicker-div.mito-vf-datepicker .ui-widget-content .ui-state-hover, #ui-datepicker-div.mito-vf-datepicker .ui-widget-header .ui-state-hover, .ui-state-focus, #ui-datepicker-div.mito-vf-datepicker .ui-widget-content .ui-state-focus, #ui-datepicker-div.mito-vf-datepicker .ui-widget-header .ui-state-focus { /*background: #f86e6e;*/ font-weight: bold; }
#ui-datepicker-div.mito-vf-datepicker .ui-state-active, #ui-datepicker-div.mito-vf-datepicker .ui-widget-content .ui-state-active, #ui-datepicker-div.mito-vf-datepicker .ui-widget-header .ui-state-active { border: 1px solid #f6b040; background-color: #ffffeb; font-weight: bold; }
#ui-datepicker-div.mito-vf-datepicker .ui-state-active a, #ui-datepicker-div.mito-vf-datepicker .ui-state-active a:link, #ui-datepicker-div.mito-vf-datepicker .ui-state-active a:visited { color:#f80000; }
#ui-datepicker-div.mito-vf-datepicker.ui-widget :active { outline: none; }

#ui-datepicker-div.mito-vf-datepicker .ui-state-highlight, #ui-datepicker-div.mito-vf-datepicker .ui-widget-content .ui-state-highlight, #ui-datepicker-div.mito-vf-datepicker .ui-widget-header .ui-state-highlight  {border: 1px none; background: transparent; color:#f80000; }
#ui-datepicker-div.mito-vf-datepicker .ui-state-highlight a, #ui-datepicker-div.mito-vf-datepicker .ui-widget-content .ui-state-highlight a,#ui-datepicker-div.mito-vf-datepicker .ui-widget-header .ui-state-highlight a { color:#f80000; }
#ui-datepicker-div.mito-vf-datepicker .ui-state-error, #ui-datepicker-div.mito-vf-datepicker .ui-widget-content .ui-state-error, #ui-datepicker-div.mito-vf-datepicker .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900; color: #ffffff; }
#ui-datepicker-div.mito-vf-datepicker .ui-state-error a, #ui-datepicker-div.mito-vf-datepicker .ui-widget-content .ui-state-error a, #ui-datepicker-div.mito-vf-datepicker .ui-widget-header .ui-state-error a { color: #ffffff; }
#ui-datepicker-div.mito-vf-datepicker .ui-state-error-text, #ui-datepicker-div.mito-vf-datepicker .ui-widget-content .ui-state-error-text, #ui-datepicker-div.mito-vf-datepicker .ui-widget-header .ui-state-error-text { color: #ffffff; }
#ui-datepicker-div.mito-vf-datepicker .ui-priority-primary, #ui-datepicker-div.mito-vf-datepicker .ui-widget-content .ui-priority-primary, #ui-datepicker-div.mito-vf-datepicker .ui-widget-header .ui-priority-primary { font-weight: bold; }
#ui-datepicker-div.mito-vf-datepicker .ui-priority-secondary, #ui-datepicker-div.mito-vf-datepicker .ui-widget-content .ui-priority-secondary,  #ui-datepicker-div.mito-vf-datepicker .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
#ui-datepicker-div.mito-vf-datepicker .ui-state-disabled, #ui-datepicker-div.mito-vf-datepicker .ui-widget-content .ui-state-disabled, #ui-datepicker-div.mito-vf-datepicker .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

#ui-datepicker-div.mito-vf-datepicker.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
#ui-datepicker-div.mito-vf-datepicker.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
#ui-datepicker-div.mito-vf-datepicker.ui-datepicker .ui-datepicker-prev, #ui-datepicker-div.mito-vf-datepicker.ui-datepicker .ui-datepicker-next { position:absolute; top: 3px; width: 1.8em; height: 1.8em; }
#ui-datepicker-div.mito-vf-datepicker.ui-datepicker .ui-datepicker-prev { left:3px; }
#ui-datepicker-div.mito-vf-datepicker.ui-datepicker .ui-datepicker-next { right:3px; }
#ui-datepicker-div.mito-vf-datepicker.ui-datepicker .ui-datepicker-prev span, #ui-datepicker-div.mito-vf-datepicker.ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
#ui-datepicker-div.mito-vf-datepicker.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 21px; text-align: center; }
#ui-datepicker-div.mito-vf-datepicker.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
#ui-datepicker-div.mito-vf-datepicker.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
#ui-datepicker-div.mito-vf-datepicker.ui-datepicker select.ui-datepicker-month, 
#ui-datepicker-div.mito-vf-datepicker.ui-datepicker select.ui-datepicker-year { width: 49%;}
#ui-datepicker-div.mito-vf-datepicker.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
#ui-datepicker-div.mito-vf-datepicker.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
#ui-datepicker-div.mito-vf-datepicker.ui-datepicker td { border: 0; padding: 1px; }
#ui-datepicker-div.mito-vf-datepicker.ui-datepicker td span, #ui-datepicker-div.mito-vf-datepicker.ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
#ui-datepicker-div.mito-vf-datepicker.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
#ui-datepicker-div.mito-vf-datepicker.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
#ui-datepicker-div.mito-vf-datepicker.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/*----[Overlay module - Login]----*/
.mito-dialog-login #mito-vf-dialog,
.modLogin .modBody .modCopy,
.modLogin .modBody {
	overflow: hidden;
    padding: 0;
}
.modLogin .modHeader {
	display: none;
}
.modLogin .modCopy .dropdown-wrapper .inputRow {
	margin: 0 10px;
}
.modLogin .modCopy .dropdown-wrapper label {
	float: left;
	width: 120px;
}
.modLogin .modCopy .dropdown-wrapper .onechkRow label {
	width: auto;
	margin-left: 150px;
	padding-top: 2px;
}
.modLogin .modCopy .dropdown-wrapper .telRow input {
	margin-top: 2px;
}
.modLogin .modCopy .dropdown-wrapper .passRow input {
	margin-left: 28px;
}
.modLogin .modCopy .dropdown-wrapper label span {
	display: inline;
}
.modLogin .modCopy .dropdown-wrapper .infomsg {
	margin: 10px;
}
.modLogin .modCopy .dropdown-wrapper .buttonDark {
	margin-left: 150px;
	margin-bottom: 15px;
}
.modLogin .modCopy .dropdown-wrapper ul.registration-links li {
	margin: 7px 0 0 10px;
}
.modLogin .modCopy .dropdown-wrapper ul.help-link {
	background-color: #ebebeb;
	padding: 5px 17px;
}
.modLogin .modCopy .dropdown-wrapper ul.help-link li {
	float: left;
	margin-right: 20px;
	clear: none;
	padding: 0;
	background-image: none;
}
.modLogin .modCopy .dropdown-wrapper ul.help-link li a,
.modLogin .modCopy .dropdown-wrapper ul.help-link li a:hover {
	background-color: transparent;
}

/*----[Overlay module - Banner]----*/
.mito-layer-banner {
	background: transparent none;
	border: none;
}
.mito-layer-banner .ui-dialog-titlebar {
    background: transparent none;
    height: 0;
    min-height: 0;
}
.mito-layer-banner .ui-dialog-title {
    height: 0;
    min-height: 0;
	font-size: 0;
	line-height: 0;
}
.mito-layer-banner .ui-dialog-content {
	background-color: #fff;
	padding: 0;
}
.mito-layer-banner .ui-dialog-content .modBody,
.mito-layer-banner .ui-dialog-content .modBody .modCopy {
	overflow: hidden;
	padding: 20px;
}
#vodafoneBannerMito {
	display: none;
}
.mito-layer-banner #vodafoneBannerMito {
	display: block;
}

/*----[IND Fix]----*/
#shopDetails {
	width: auto !important;
}
ul#menu li.search input#top-search-field,
ul#menu li.search .gsc-input input.gsc-input {
	margin: 0; /* IND Shoplocator FIX */
}


/*----[keszulekleiro712]----*/

.device-box {
    background: #fff;
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11);
    margin-bottom: 30px;
    padding: 20px 14px;
	width: 684px;
	margin: 0 auto;
	font-size: 14px;
}
.device-image {
	/*float: left;*/
	width: 50%;
	display: inline-block;
	vertical-align: bottom;
}
.device-desc {
	/*float: left;*/
	width: 50%;
	display: inline-block;
	vertical-align: middle;
}
.device-desc:first-child  * {
	padding: 0 15px;
}

.device-desc h2 {
	margin: 15px 0;
    color: #525252;
	font: 600 26px Arial, sans-serif;
}
.device-row {
	border-bottom: 1px solid #eee;
}

.device-row:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}
.device-row figure {
	margin: 0;
}
.device-row figure img {
	display: block;
	margin: 0 auto;
}

/*----[/pages.css]----*/
/*	@group colors
--------------------------------------------------------------*/
/**
 *
 */
/**
 *
 */
/**
 *	CSS Transform
 */
/**
 *	CSS Transform-origin
 */
/**
 *	CSS Transform-style
 */
/**
 *	CSS Transition
 */
/**
 * CSS Animation
 */
/**
 * CSS Keyframe
 */
/**
 *	CSS Perspective
 */
/**
 *	CSS Box-sizing
 */
/**
 *	CSS Background-size
 */
/**
 *	CSS Appearance
 */
/*

 */
/*

 */
/*

 */
/**
 *	CSS Linear-gradient
 */
/**
 *	CSS Radial-gradient
 */
/*	@group DIN
--------------------------------------------------------------*/
@font-face {
  font-family: 'DIN';
  src: url("fonts/din/black/DIN-Black.eot");
  src: url("fonts/din/black/DIN-Black.eot?#iefix") format("embedded-opentype"), url("fonts/din/black/DIN-Black.woff") format("woff"), url("fonts/din/black/DIN-Black.ttf") format("truetype"), url("fonts/din/black/DIN-Black.svg#DIN") format("svg");
  font-style: normal;
  font-weight: 900; }

/*	@group Vodafone-icons
--------------------------------------------------------------*/
@font-face {
  font-family: 'Vodafone-icons';
  src: url("fonts/vodafone/icons/vodafone-icons.eot");
  src: url("fonts/vodafone/icons/vodafone-icons.eot?#iefix") format("embedded-opentype"), url("fonts/vodafone/icons/vodafone-icons.woff") format("woff"), url("fonts/vodafone/icons/vodafone-icons.ttf") format("truetype"), url("fonts/vodafone/icons/vodafone-icons.svg#Vodafone-icons") format("svg");
  font-style: normal;
  font-weight: normal; }

/*	@group site-grid
--------------------------------------------------------------*/
.col-1 {
  width: 58px; }

.push-left-1 {
  margin-left: 98px; }

.pull-left-1 {
  margin-left: -98px; }

.col-2 {
  width: 136px; }

.push-left-2 {
  margin-left: 176px; }

.pull-left-2 {
  margin-left: -176px; }

.col-3 {
  width: 214px; }

.push-left-3 {
  margin-left: 254px; }

.pull-left-3 {
  margin-left: -254px; }

.col-4 {
  width: 292px; }

.push-left-4 {
  margin-left: 332px; }

.pull-left-4 {
  margin-left: -332px; }

.col-5 {
  width: 370px; }

.push-left-5 {
  margin-left: 410px; }

.pull-left-5 {
  margin-left: -410px; }

.col-6 {
  width: 448px; }

.push-left-6 {
  margin-left: 488px; }

.pull-left-6 {
  margin-left: -488px; }

.col-7 {
  width: 526px; }

.push-left-7 {
  margin-left: 566px; }

.pull-left-7 {
  margin-left: -566px; }

.col-8 {
  width: 604px; }

.push-left-8 {
  margin-left: 644px; }

.pull-left-8 {
  margin-left: -644px; }

.col-9 {
  width: 682px; }

.push-left-9 {
  margin-left: 722px; }

.pull-left-9 {
  margin-left: -722px; }

.col-10 {
  width: 760px; }

.push-left-10 {
  margin-left: 800px; }

.pull-left-10 {
  margin-left: -800px; }

.col-11 {
  width: 838px; }

.push-left-11 {
  margin-left: 878px; }

.pull-left-11 {
  margin-left: -878px; }

.col-12 {
  width: 916px; }

.push-left-12 {
  margin-left: 956px; }

.pull-left-12 {
  margin-left: -956px; }

[class^="col-"],
[class*=" col-"] {
  float: left;
  margin-left: 20px; }
  [class^="col-"]:first-child, [class^="col-"].alpha,
  [class*=" col-"]:first-child,
  [class*=" col-"].alpha {
    margin-left: 0; }

/*	@grid helpers
--------------------------------------------------------------*/
.col-9-50 {
  width: 321px; }

.col-50p {
  width: 50%; }

.widget-box {
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11);
  /*
  	Helpers
   */ }
  .widget-box.dark {
    background: #fafafa; }
  .widget-box.transparent {
    background: rgba(255, 255, 255, 0.7); }
  .widget-box.js-box {
    position: relative; }
    .widget-box.js-box.no-pb .widget-article {
      padding-bottom: 0; }
    .widget-box.js-box .widget-article {
      padding-bottom: 75px; }
    .widget-box.js-box .widget-box-footer {
      position: absolute;
      bottom: 0;
      left: 20px;
      right: 20px; }
  .widget-box h2,
  .widget-box .title {
    margin-bottom: 18px;
    padding: 0; }
    .widget-box h2.no-mb,
    .widget-box .title.no-mb {
      margin-bottom: 0; }
    .widget-box h2.small-mb,
    .widget-box .title.small-mb {
      margin-bottom: 12px; }
  .widget-box .widget-box-footer {
    margin: 0 -20px;
    border-top: 1px solid #eee;
    padding: 20px 0;
    background: #fafafa; }
  .widget-box .widget-list {
    line-height: 22px; }
  .widget-box.alpha {
    margin-left: -20px; }
  .widget-box.omega {
    margin-right: -20px; }
  .widget-box.no-pl {
    padding-left: 0; }
  .widget-box.no-pr {
    padding-right: 0; }
  .widget-box.no-pb {
    padding-bottom: 0; }
  .widget-box.no-p {
    padding: 0; }

/*	@group header
--------------------------------------------------------------*/
#bh-header {
  position: relative;
  margin: 0 auto;
  padding: 15px 20px 0;
  width: 916px;
  z-index: 20;
  text-align: left; }
  #bh-header .top {
    margin-bottom: 29px;
    font-size: 12px; }
  #bh-header .site-logo {
    position: absolute;
    top: 93px;
    left: 20px;
    margin: 0; }
    #bh-header .site-logo:before, .lt-ie9 #bh-header .site-logo span {
      content: "";
      position: absolute;
      top: 20px;
      right: -7px;
      display: block;
      width: 1000px;
      height: 1000px;
      background: #d5030b;
      border-radius: 20px;
      -webkit-transform: rotate(40deg);
      -moz-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
      transform: rotate(40deg);
      -webkit-transform-origin: 100% 0;
      -moz-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
      transform-origin: 100% 0; }
    .lt-ie9 #bh-header .site-logo:before {
      display: none; }
    .lt-ie9.no-csstransforms #bh-header .site-logo span {
      display: block;
	  top: -93px;
	  right: 75px;
      width: 550px;
      height: 866px;
      background: url(../images/braveheart/img/rhombus-ie8-left.png) left top no-repeat; }
    .lt-ie9.no-csstransforms #bh-header .site-logo span:after {
      position: absolute;
      top: 0px;
      right: -74px;
      width: 74px;
      height: 212px;
	  background: blue;
      background: url(../images/braveheart/img/rhombus-ie8-right.png) left top no-repeat;
      content: ""; }
    #bh-header .site-logo a {
      position: relative;
      display: block;
      width: 46px;
      height: 46px;
      background: url(../images/braveheart/img/icons-sprite.png) 0 -348px no-repeat;
      z-index: 2; }
  #bh-header .user-menu {
    margin: 0 -16px 0 0;
    min-width: 191px; }
    #bh-header .user-menu li:first-child a {
      font-weight: 400; }
    #bh-header .user-menu i {
      margin-right: 5px; }
  #bh-header .search {
    position: relative; }
    #bh-header .search .search-field {
      width: 100px;
      padding-right: 35px;
      background: #fff;
      outline: none;
      height: 22px;
    }
      #bh-header .search .search-field:hover + .submit-btn .icon-search:before {
        color: #bcbcbc; }
      #bh-header .search .search-field:focus + .submit-btn .icon-search:before {
        color: #8e8e8e; }
    #bh-header .search .submit-btn {
      position: absolute;
      top: 13px;
      right: 15px;
      display: block;
      border: none;
      padding: 0;
      background: none;
      font-size: 15px;
      z-index: 1;
      cursor: pointer; }
      #bh-header .search .submit-btn .icon-search:before {
        vertical-align: middle;
        color: #d4d4d4;
        -webkit-transition: color 0.2s;
        -moz-transition: color 0.2s;
        -ms-transition: color 0.2s;
        transition: color 0.2s; }
  #bh-header .menu-size-large .search-field {
    width: 64px !important;
    height: 35px; }
  #bh-header .menu-size-large .search .submit-btn {
    top: 18px; }
  #bh-header a {
    text-decoration: none; }
    #bh-header a.link {
      text-decoration: underline; }
    #bh-header a:hover {
      color: #e60100; }
  #bh-header ul {
    padding: 0;
    list-style: none; }
    #bh-header ul li {
      padding: 0; }

/*	@group footer
--------------------------------------------------------------*/
#bh-footer {
  position: relative;
  margin: -50px auto -20px;
  padding: 100px 20px 20px;
  width: 916px;
  color: #8b8b8b;
  background: #f4f4f4; }
  #bh-footer:before {
    content: "";
    position: absolute;
    left: 20px;
    right: 0;
    margin-top: -10px;
    border-top: 1px solid #d3d3d3;
    width: 100%; }
  #bh-footer .copy {
    font-size: 14px; }
  #bh-footer ul {
    list-style: none; }
    #bh-footer ul li {
      margin-left: 10px;
      border-left: 1px solid #8b8b8b;
      padding: 0 0 0 10px;
      font-size: 13px; }
      #bh-footer ul li:first-child {
        margin-left: 0;
        border-left: none;
        padding-left: 0; }
  #bh-footer a {
    color: #8b8b8b;
    text-decoration: none; }

/*	@group top-navigation
--------------------------------------------------------------*/
#bh-header {
  /*	@group main-navigation
  --------------------------------------------------------------*/
  /*	@group mega dropdown
  --------------------------------------------------------------*/ }
  #bh-header .top-navigation {
    margin-bottom: 0; }
    #bh-header .top-navigation > li {
      margin: 15px 0 0 10px; }
      #bh-header .top-navigation > li:first-child {
        margin-left: 0; }
      #bh-header .top-navigation > li:hover > a,
      #bh-header .top-navigation > li .active {
        border-color: rgba(0, 0, 0, 0.1);
        background-color: rgba(255, 255, 255, 0.75); }
        .no-rgba #bh-header .top-navigation > li:hover > a, .no-rgba
        #bh-header .top-navigation > li .active {
          border-color: #ddd;
          background-color: #fff; }
      #bh-header .top-navigation > li.login {
        position: relative;
        margin-top: 0;
        outline: none; }
        #bh-header .top-navigation > li.login:hover > a {
          background: #fff;
          color: #e60000;
          border-radius: 2px 2px 0 0; }
        #bh-header .top-navigation > li.login:hover .widget-login {
          display: block; }
        #bh-header .top-navigation > li.login > a {
          border: none;
          padding: 19px 15px 12px;
          -webkit-transition: none;
          -moz-transition: none;
          -ms-transition: none;
          transition: none; }
        #bh-header .top-navigation > li.login .widget-login {
          position: absolute;
          top: 100%;
          right: 0;
          display: none;
          border-radius: 2px 0 2px 2px;
          z-index: 2; }
      #bh-header .top-navigation > li > a {
        display: block;
        border: 1px solid transparent;
        padding: 4px 11px 3px;
        border-radius: 3px;
        font-size: 12px;
        font-weight: 700;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        transition: all 0.2s; }
        #bh-header .top-navigation > li > a.active {
          color: #d5040c; }
  #bh-header .main-navigation {
    position: relative; }
    #bh-header .main-navigation > ul > li {
      margin-right: 3px;
      margin-bottom: 5px;
      outline: none; }
      #bh-header .main-navigation > ul > li:hover > a, #bh-header .main-navigation > ul > li.show > a {
        background-color: #fff;
        border-radius: 2px 2px 0 0;
        color: #262626; }
        #bh-header .main-navigation > ul > li:hover > a i:before, #bh-header .main-navigation > ul > li.show > a i:before {
          color: #262626; }
      .no-js #bh-header .main-navigation > ul > li:hover .dropdown-container, .no-js #bh-header .main-navigation > ul > li.show .dropdown-container {
        display: block; }
      #bh-header .main-navigation > ul > li.show {
        margin-bottom: 0; }
        #bh-header .main-navigation > ul > li.show > a {
          border-bottom: 5px solid #fff; }
      #bh-header .main-navigation > ul > li.show .dropdown-container {
        display: block; }
      #bh-header .main-navigation > ul > li.nochildren a {
        border-bottom: none;
        padding-top: 16px;
        padding-right: 13px; }
      #bh-header .main-navigation > ul > li.nochildren i {
        display: none; }
      #bh-header .main-navigation > ul > li > a {
        position: relative;
        display: block;
        padding: 16px 28px 11px 13px;
        border-radius: 2px;
        background: #e50100;
        font: 16px 'VodafoneBold';
        color: #fff;
        outline: none; }
        #bh-header .main-navigation > ul > li > a i {
          position: absolute;
          top: 50%;
          right: 8px;
          margin-top: -5px;
          font-size: 14px; }
          #bh-header .main-navigation > ul > li > a i:before {
            color: #fff; }
    #bh-header .main-navigation ul {
      margin-bottom: 0; }
  #bh-header .menu-size-large .main-navigation > ul {
    display: table; }
    #bh-header .menu-size-large .main-navigation > ul > li {
      max-width: 150px; }
      .lt-ie9 #bh-header .menu-size-large .main-navigation > ul > li {
        max-width: 145px; }
      #bh-header .menu-size-large .main-navigation > ul > li.show {
        margin-bottom: 0; }
      #bh-header .menu-size-large .main-navigation > ul > li > a {
        display: table-cell;
        margin-bottom: 0;
        height: 35px;
        vertical-align: middle; }
  #bh-header .dropdown-container {
    position: absolute;
    display: none;
    top: 100%;
    left: -118px;
    width: 956px; }
  #bh-header .dropdown {
    position: relative;
    margin-bottom: 0;
    overflow: hidden;
    float: left;
    font-size: 13px; }
    #bh-header .dropdown:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      display: block;
      width: 200px;
      height: 20px;
      background: #fff;
      z-index: 1; }
    #bh-header .dropdown.widget-box {
      padding: 0 20px 0 0; }
    #bh-header .dropdown .group {
      padding: 20px 0 20px 20px;
      max-width: 169px;
      min-width: 165px;
      float: left; }
    #bh-header .dropdown .help-block {
      margin-right: -20px;
      margin-bottom: -400px;
      padding-right: 20px;
      padding-bottom: 400px;
      border: 1px solid #ededed;
      background: #f9f9f9;
      float: right; }
    #bh-header .dropdown .red-tariff {
      position: relative;
      padding: 4px 12px 400px 20px;
      margin-top: 16px;
      margin-bottom: -400px;
      max-width: 140px;
      border-right: 1px solid #ddd; }
      #bh-header .dropdown .red-tariff h3 a {
        color: #e60100; }
      #bh-header .dropdown .red-tariff:first-child {
        float: left; }
      #bh-header .dropdown .red-tariff:last-child {
        float: right; }
      #bh-header .dropdown .red-tariff p {
        margin-bottom: 10px;
        font-size: 13px; }
      #bh-header .dropdown .red-tariff strong {
        display: block;
        margin-bottom: 10px; }
    #bh-header .dropdown h3 {
      padding-top: 0;
      padding-bottom: 0;
      margin-bottom: 15px;
      font: 17px 'VodafoneExtraBold'; }
    #bh-header .dropdown ul {
      line-height: 25px; }
      #bh-header .dropdown ul li {
        margin-bottom: 3px; }
      #bh-header .dropdown ul a {
        position: relative;
        font-size: 13px; }
        #bh-header .dropdown ul a:hover:before {
          opacity: 1;
          left: -15px;
          color: #e60100; }
          .no-opacity #bh-header .dropdown ul a:hover:before {
            display: block; }
        #bh-header .dropdown ul a:before {
          content: "\e013";
          position: absolute;
          top: 3px;
          left: 0;
          font: 400 10px/1 'Vodafone-icons';
          color: #8a8a8a;
          font-style: normal;
          -webkit-transition: 0.2s;
          -moz-transition: 0.2s;
          -ms-transition: 0.2s;
          transition: 0.2s;
          opacity: 0; }
          .no-opacity #bh-header .dropdown ul a:before {
            display: none; }
    #bh-header .dropdown a.link {
      color: #333;
      font-weight: 400; }
      #bh-header .dropdown a.link:hover {
        color: #e60100; }

#hero {
  position: relative;
  margin-top: 70px;
  margin-bottom: 30px;
  		/*
  		h1 {
  			margin: 0 0 20px;
  			font-size: 70px;
  			line-height: 65px;
  			letter-spacing: -3px;
  
  				&.colored { color: $vodafone-red; }
  
  				+ p,
  				+ p + p {
  					margin: 0 0 15px;
  					color: #313131;
  					font: 400 26px/27px 'Vodafone';
  				}
  		}
  		*/ }
  #hero .price {
    font-family: 'VodafoneExtraBold';
    color: #262626; }
  #hero .page-title {
    color: #262626; }
    #hero .page-title.colored {
      color: #e60100; }
  #hero.animated-content h1 {
    height: auto;
    margin-bottom: 20px;
    text-indent: 0;
    overflow: hidden; }
    #hero.animated-content h1 span {
      display: block;
      padding-left: 70px;
      opacity: 0;
      -webkit-transition: 0.2s;
      -moz-transition: 0.2s;
      -ms-transition: 0.2s;
      transition: 0.2s; }
      #hero.animated-content h1 span.in {
        padding-left: 0;
        opacity: 1; }
  #hero.animated-content .details,
  #hero.animated-content .page-lead {
    display: none; }
  #hero .price {
    display: block;
    font-size: 81px;
    letter-spacing: -2px; }
    #hero .price.small {
      font-size: 61px;
      letter-spacing: 0; }
    #hero .price .addon {
      top: -11px;
      display: inline-block;
      font-size: 42px;
      line-height: 1;
      letter-spacing: 0; }
      #hero .price .addon small {
        display: block;
        margin-top: -5px;
        font-size: 13px; }
  #hero .teaser-block {
    position: relative; }
  #hero .widget-box {
    margin-top: 45px;
    margin-bottom: 0;
    padding-top: 30px;
    background: rgba(255, 255, 255, 0.92);
    font: 20px 'VodafoneRegular';
    text-align: center;
    color: #2a2a2a; }
    #hero .widget-box .article-image {
      display: inline-block;
      height: 80px;
      font-size: 70px;
      color: #e60100; }
    #hero .widget-box h3 {
      font-size: 20px;
      font-family: 'VodafoneBold'; }
    #hero .widget-box p {
      margin: 25px 0 0;
      line-height: 24px; }
  #hero .btn {
    font: 16px 'VodafoneBold'; }

.hero-video {
  position: relative; }
  .hero-video.active .js-hero-text {
    position: absolute;
    top: 0;
    left: 0; }

.video-container {
  position: relative;
  margin: 0 0 50px 20px;
  width: 462px;
  overflow: hidden;
  z-index: 3; }
  .video-container.small {
    width: 300px;
    min-height: 200px; }
  .video-container.active {
    margin-left: 0;
    box-shadow: none;
    overflow: visible; }
    .video-container.active .close-video {
      display: block; }
  .video-container .close-video {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    margin: -14px -14px 0 0;
    width: 25px;
    height: 25px;
    background: #e60100;
    border-radius: 50%;
    font: 13px/28px 'VodafoneBold';
    text-align: center;
    color: #fff;
    text-decoration: none; }
  .video-container .video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -37px 0 0 -107px; }
  .video-container img {
    display: block;
    max-width: 100%; }

.video-play {
  display: block;
  padding: 2px;
  width: 214px;
  border-radius: 38px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: rgba(25, 25, 25, 0.62); }
  .lt-ie9 .video-play {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#99000000',GradientType=0 ); }
  .video-play .circle {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    border: 8px solid #fff;
    width: 55px;
    height: 55px;
    border-radius: 50%; }
    .video-play .circle:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -15px 0 0 -8px;
      width: 0;
      height: 0;
      border: solid transparent;
      border-width: 15px 22px;
      border-left-color: #fff; }
  .video-play strong {
    font-family: 'VodafoneBold';
    text-decoration: underline;
    color: #fff; }

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: .5em;
  font-weight: 700; }

.h1 {
  font-size: 26px; }

.h2 {
  font-size: 20px; }

.h3 {
  font-size: 16px; }

.h4 {
  font-size: 14px; }

.comp-carousel {
  margin-left: -20px;
  position: relative; }
  .comp-carousel.carousel-full-width {
    margin-right: -20px;
    margin-left: -20px; }
  .comp-carousel .pager {
    display: block;
    position: absolute;
    top: 115px;
    width: 55px;
    height: 55px;
    background: #737373;
    z-index: 2;
    text-align: center; }
    .comp-carousel .pager:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      background: #fff;
      -webkit-transition: width 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
      -moz-transition: width 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
      -ms-transition: width 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: width 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
      z-index: -1; }
    .comp-carousel .pager:hover {
      text-decoration: none; }
      .comp-carousel .pager:hover:before {
        width: 100%; }
      .comp-carousel .pager:hover i {
        color: #737373; }
    .comp-carousel .pager.prev:before {
      left: 0; }
    .comp-carousel .pager.next:before {
      right: 0; }
    .comp-carousel .pager i {
      font-size: 20px;
      line-height: 58px;
      z-index: 3;
      vertical-align: middle;
      color: #fff;
      -webkit-transition: color 0.2s;
      -moz-transition: color 0.2s;
      -ms-transition: color 0.2s;
      transition: color 0.2s; }
  .comp-carousel .carousel-container {
    overflow: hidden; }
  .comp-carousel ul {
    padding: 10px 0 0;
    margin-left: 0; }
    .comp-carousel ul li {
      position: relative;
      border: 1px solid transparent;
      background: #fff;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
      .comp-carousel ul li:first-child {
        margin-left: 0; }

/*	@group index-page
--------------------------------------------------------------*/
.carousel-pager-inner .pager {
  top: 0;
  width: 30px;
  height: 30px; }
  .carousel-pager-inner .pager i {
    line-height: 33px;
    font-size: 14px; }
  .carousel-pager-inner .pager.prev {
    right: 20px; }
  .carousel-pager-inner .pager.next {
    right: 50px; }
.carousel-pager-inner li p {
  margin-bottom: 10px; }

.breadcrumb {
  margin: 45px auto 25px; }
  .breadcrumb.container {
    margin-top: 45px;
    margin-bottom: 25px; }
  .breadcrumb li:first-child:before {
    display: none; }
  .breadcrumb li:before {
    content: "";
    display: block;
    width: 23px;
    height: 18px;
    background: url(../images/braveheart/img/breadcrumb-arrow.png) 50% 50% no-repeat;
    float: left; }
  .breadcrumb a {
    color: #313131; }

/*	@group sitemap
--------------------------------------------------------------*/
#bh-sitemap {
  position: relative;
  margin: 0 auto;
  padding: 50px 20px 0;
  width: 916px;
  background: #f4f4f4;
  z-index: 1;
  text-align: left; }
  #bh-sitemap h3 {
    margin: 0 0 25px;
    padding: 0;
    font: 18px 'VodafoneExtraBold';
    color: #2a2a2a; }
  #bh-sitemap a {
    line-height: 23px;
    text-decoration: none; }
  #bh-sitemap ul li {
    font-size: 13px;
    padding: 0; }
  #bh-sitemap .contact-list .icon-phone,
  #bh-sitemap .contact-list .icon-hungary,
  #bh-sitemap .contact-list .icon-vodafone-logo {
    color: #e60100; }
  #bh-sitemap .contact-list .icon-facebook {
    color: #3b5998; }
  #bh-sitemap .contact-list .icon-twitter {
    color: #00aced; }

/*	@group network
--------------------------------------------------------------*/
#network {
  margin: 0 auto;
  padding: 30px 20px 0;
  width: 916px;
  font-size: 13px;
  background: #f4f4f4;
  text-align: left; }
  #network > div:first-child {
    margin-top: 100px; }
  #network h1 {
    padding-bottom: 0;
    height: auto;
    font: 900 36px/1 'VodafoneExtrabold';
    text-indent: 0; }
  #network p {
    margin: 15px 0 20px; }
  #network a.link {
    font-weight: normal; }

.widget-article-list ul {
  margin-bottom: 0; }
.widget-article-list .widget-box-footer {
  margin-top: 15px; }

.widget-article h2 {
  margin: 10px 0 15px; }
.widget-article p {
  margin-bottom: 20px; }
.widget-article .offer .icon-percent {
  margin-right: 10px;
  font-size: 30px;
  color: #e60100; }
.widget-article .widget-box-footer {
  padding-left: 20px; }
.widget-article .text-size-1 {
  min-height: 20px; }
.widget-article .text-size-2 {
  min-height: 40px; }
.widget-article .text-size-3 {
  min-height: 60px; }
.widget-article .text-size-4 {
  min-height: 80px; }
.widget-article .text-size-5 {
  min-height: 100px; }

.widget-login {
  padding-bottom: 0; }
  .widget-login.logout {
    border-radius: 0 0 2px 2px;
    padding: 13px 13px 13px 12px; }
    .widget-login.logout .btn {
      margin-top: 0;
      width: auto; }
  .widget-login .form-group {
    margin-bottom: 10px; }
    .widget-login .form-group .icon-ok {
      position: absolute;
      top: 15px;
      right: 10px;
      background: red; }
  .widget-login .form-error-message {
    font-weight: 700;
    margin-bottom: 15px;
    color: #e60100; }
  .widget-login .form-error {
    color: #e60100; }
    .widget-login .form-error .form-control {
      border-color: #e60100; }
  .widget-login .control-label {
    display: block;
    margin-bottom: 5px; }
  .widget-login .form-control {
    margin: 0;
    padding: 12px 4px 10px 14px;
    width: 168px; }
    .widget-login .form-control:focus {
      background: #fff; }
    .widget-login .form-control.phone-number {
      width: 127px; }
  .widget-login .form-addon .form-control {
    padding-left: 55px; }
  .widget-login .btn {
    margin-top: 20px;
    width: 100%; }
  .widget-login .widget-box-footer {
    margin-top: 20px;
    padding: 15px 25px 10px;
    line-height: 26px; }
    #bh-header .widget-login .widget-box-footer ul {
      margin-bottom: 0; }

.tariff-block header {
  width: 413px; }

.comparision-table {
  margin-left: -20px;
  width: 955px; }
  .lt-ie9 .comparision-table td, .lt-ie9 .comparision-table th {
    border: none !important; }
  .comparision-table tr.even {
    background: #ebebeb; }
    .comparision-table tr.even td:fist-child,
    .comparision-table tr.even th:fist-child {
      border-radius: 2px 0 0 2px; }
    .comparision-table tr.even td:last-child,
    .comparision-table tr.even th:last-child {
      border-radius: 0 2px 2px 0; }
    .comparision-table tr.even td.package,
    .comparision-table tr.even th.package {
      background: #efefef;
      border-right-color: #ebebeb; }
  .comparision-table tr:first-child .package {
    border-radius: 2px 2px 0 0;
    padding: 30px 0 10px; }
  .comparision-table tr:last-child th,
  .comparision-table tr:last-child td {
    border-bottom: 19px solid #f4f4f4;
    padding-top: 0; }
  .comparision-table tr:last-child .package.active {
    border-bottom-color: #fff; }
  .comparision-table tr:last-child td:first-child {
    vertical-align: bottom; }
  .comparision-table tr td:first-child,
  .comparision-table tr th:first-child {
    padding: 20px;
    text-align: left;
    font-weight: normal; }
  .comparision-table td,
  .comparision-table th {
    width: 250px;
    padding: 20px 0; }
  .comparision-table .package {
    border-right: 20px solid #f4f4f4;
    background: #fff; }
  .comparision-table .smallprint {
    position: relative;
    bottom: -20px; }
  .comparision-table td {
    text-align: center;
    vertical-align: middle; }
  .comparision-table th {
    text-align: center;
    font-weight: 700; }
  .comparision-table h2 {
    margin-bottom: 0;
    font: 40px 'VodafoneExtraBold';
    color: #e60100;
    letter-spacing: -1px; }
  .comparision-table .price .currency {
    font: 25px/1 'VodafoneExtraBold'; }
  .comparision-table .btn {
    margin-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 165px; }
    .comparision-table .btn.no-mt {
      margin-top: 0; }
    .comparision-table .btn.toggle {
      border: 1px solid #bbb;
      border-radius: 4px;
      background: #fff;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11);
      font-size: 13px; }
      .comparision-table .btn.toggle:hover {
        box-shadow: none; }
  .comparision-table .icon-arrow-up,
  .comparision-table .icon-arrow-down {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    width: 10px; }
    .comparision-table .icon-arrow-up:before,
    .comparision-table .icon-arrow-down:before {
      vertical-align: middle; }
  .comparision-table.grouped-table tr:first-child th, .comparision-table.grouped-table tr.package-group-last + tr th, .comparision-table.grouped-table tr.package-group-last + tr td {
    padding-bottom: 0; }
    .comparision-table.grouped-table tr:first-child th:nth-child(even), .comparision-table.grouped-table tr.package-group-last + tr th:nth-child(even), .comparision-table.grouped-table tr.package-group-last + tr td:nth-child(even) {
      background: #ebebeb; }
  .comparision-table.grouped-table tr:last-child td, .comparision-table.grouped-table tr:last-child th {
    border-bottom: 40px solid #f4f4f4; }
    .comparision-table.grouped-table tr:last-child td:nth-child(even), .comparision-table.grouped-table tr:last-child th:nth-child(even) {
      border-bottom-color: #ebebeb; }
  .comparision-table.grouped-table tr.nth-last-child-2 [rowspan] {
    border-bottom: 40px solid #f4f4f4; }
  .comparision-table.grouped-table tr.package-group-last + tr td, .comparision-table.grouped-table tr.package-group-last + tr th {
    padding-top: 50px; }
  .comparision-table.grouped-table .package {
    border-right-color: #fff; }
  .comparision-table.grouped-table td, .comparision-table.grouped-table th {
    border: none;
    width: auto;
    vertical-align: middle; }
    .comparision-table.grouped-table td:nth-child(even), .comparision-table.grouped-table th:nth-child(even) {
      background: #efefef; }
    .comparision-table.grouped-table td:last-child, .comparision-table.grouped-table th:last-child {
      padding: 20px; }
  .comparision-table.grouped-table th:nth-child(even) {
    background: #ebebeb; }
  .comparision-table.grouped-table .btn {
    display: block;
    max-width: 100%;
    min-width: 0; }
  .comparision-table.postpaid-table tr:first-child th, .comparision-table.postpaid-table tr:first-child td {
    padding-bottom: 20px; }
  .comparision-table.postpaid-table tr.package-group-last + tr th {
    padding-bottom: 20px; }
  .comparision-table.postpaid-table td, .comparision-table.postpaid-table th {
    border-bottom: 20px solid #f4f4f4; }
    .comparision-table.postpaid-table td:nth-child(even), .comparision-table.postpaid-table th:nth-child(even) {
      border-bottom-color: #ebebeb; }
  .comparision-table strong {
    font-weight: 700; }
  .comparision-table.tariff-table td, .comparision-table.tariff-table th {
    vertical-align: middle; }
  .comparision-table .va-t .btn {
    margin: 0 0 15px; }

.table-stripped {
  width: 100%; }
  .table-stripped tr:nth-child(even) {
    background: #ebebeb; }
  .table-stripped th, .table-stripped td {
    padding: 10px 15px 10px 10px; }
  .table-stripped th {
    text-align: left; }

/*
--------------------------------------------------------------*/
.control-label {
  font-size: 14px;
  font-weight: 400;
  color: #333; }

/*
--------------------------------------------------------------*/
.form-control {
  border: 2px solid #d4d4d4;
  padding: 13px 4px 11px 14px;
  border-radius: 2px;
  background: #f6f6f6;
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.09);
  font: 14px arial;
  color: #2b2b2b;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s; }
  .form-control:hover {
    border-color: #bcbcbc; }
  .form-control:focus {
    border-color: #8e8e8e;
    box-shadow: inset 1px 2px 1px rgba(212, 212, 212, 0.75); }
  .form-control.error {
    border-color: #e60100; }

/*	@group
--------------------------------------------------------------*/
.form-group {
  margin-bottom: 10px; }
  .form-group.has-error .form-control {
    border-color: #e60100; }

/*
--------------------------------------------------------------*/
.form-error {
  color: #e60100;
  font-size: 14px;
  font-weight: 700; }

/*
--------------------------------------------------------------*/
.form-addon {
  position: relative; }
  .form-addon .input-addon {
    position: absolute;
    top: 2px;
    left: 2px; }
  .form-addon .form-control {
    padding-left: 55px; }

/*
--------------------------------------------------------------*/
.input-addon {
  display: inline-block;
  padding: 12px 10px 10px 10px;
  background: #f0f0f0;
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.09);
  text-align: center;
  font: 14px arial;
  color: #333; }

.flotta-traits li {
  margin-bottom: 55px;
  padding-left: 60px;
  min-height: 60px; }
  .flotta-traits li:last-child {
    margin-bottom: 0; }
  .flotta-traits li.email {
    background: url(../images/corporate/email.png) 0 20px no-repeat; }
  .flotta-traits li.security {
    background: url(../images/corporate/security.png) 0 10px no-repeat; }
  .flotta-traits li.signal {
    background: url(../images/corporate/signal.png) 0 10px no-repeat; }

.soho-offers dd {
  position: relative;
  margin: 0 0 15px;
  padding-left: 40px; }
  .soho-offers dd .icon-unlimited,
  .soho-offers dd .icon-percent {
    position: absolute;
    left: 0;
    top: 0;
    color: #e60100;
    font-size: 30px; }

.btn {
  display: inline-block;
  border: none;
  padding: 11px 25px 11px;
  border-radius: 4px;
  behavior: url(../js/PIE.htc);
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s; }
  .btn:hover {
    text-decoration: none; }
  .btn.primary {
    box-shadow: 0 2px 2px 0 rgba(3, 0, 2, 0.3);
    background: #992397 -webkit-linear-gradient(bottom, #7c356a 5%, #a4428b 95%);
    background: #992397 -moz-linear-gradient(bottom, #7c356a 5%, #a4428b 95%);
    background: #992397 -ms-linear-gradient(bottom, #7c356a 5%, #a4428b 95%);
    background: #992397 -o-linear-gradient(bottom, #7c356a 5%, #a4428b 95%);
    background: #992397 linear-gradient(to top, #7c356a 5%, #a4428b 95%);
    background-color: #992397;
    color: #fff; }
    .btn.primary:hover, .btn.primary:focus {
      background: #992397 -webkit-linear-gradient(top, #7c356a 5%, #a4428b 95%);
      background: #992397 -moz-linear-gradient(top, #7c356a 5%, #a4428b 95%);
      background: #992397 -ms-linear-gradient(top, #7c356a 5%, #a4428b 95%);
      background: #992397 -o-linear-gradient(top, #7c356a 5%, #a4428b 95%);
      background: #992397 linear-gradient(to bottom, #7c356a 5%, #a4428b 95%);
      background-color: #992397; }
      .lt-ie9 .btn.primary:hover, .lt-ie9 .btn.primary:focus {
        -pie-background: linear-gradient(bottom, #a4428b 5%, #7c356a 95%); }
    .lt-ie9 .btn.primary {
      -pie-background: linear-gradient(bottom, #7c356a 5%, #a4428b 95%); }
  .btn.secondary {
    border: 1px solid #bbb;
    padding: 11px 24px 9px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    background: #6f6f6f -webkit-linear-gradient(bottom, #e1e1e1 0%, #ffffff 100%);
    background: #6f6f6f -moz-linear-gradient(bottom, #e1e1e1 0%, #ffffff 100%);
    background: #6f6f6f -ms-linear-gradient(bottom, #e1e1e1 0%, #ffffff 100%);
    background: #6f6f6f -o-linear-gradient(bottom, #e1e1e1 0%, #ffffff 100%);
    background: #6f6f6f linear-gradient(to top, #e1e1e1 0%, #ffffff 100%);
    background-color: #6f6f6f;
    color: #555; }
    .btn.secondary:hover, .btn.secondary:focus {
      background: #6f6f6f -webkit-linear-gradient(top, #e1e1e1 0%, #ffffff 100%);
      background: #6f6f6f -moz-linear-gradient(top, #e1e1e1 0%, #ffffff 100%);
      background: #6f6f6f -ms-linear-gradient(top, #e1e1e1 0%, #ffffff 100%);
      background: #6f6f6f -o-linear-gradient(top, #e1e1e1 0%, #ffffff 100%);
      background: #6f6f6f linear-gradient(to bottom, #e1e1e1 0%, #ffffff 100%);
      background-color: #6f6f6f; }
      .lt-ie9 .btn.secondary:hover, .lt-ie9 .btn.secondary:focus {
        -pie-background: linear-gradient(bottom, white 0%, #e1e1e1 100%); }
    .lt-ie9 .btn.secondary {
      -pie-background: linear-gradient(bottom, #e1e1e1 0%, white 100%); }
  .btn.small {
    padding: 6px 20px 4px;
    font-size: 13px; }
  .btn.simple {
    border: 1px solid #bbb;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11);
    font-size: 13px;
    color: #333; }
    .btn.simple:hover, .btn.simple.focus {
      box-shadow: none; }

ul {
  margin-bottom: 10px; }

.list-horizontal > li {
  float: left; }

.list-unstyled {
  list-style: none; }

.list-arrow li:hover:before {
  color: #e60100; }
.list-arrow li:before {
  content: "\e013";
  margin-right: 5px;
  font: normal 400 10px 'Vodafone-icons';
  color: inherit; }
.list-arrow li.title {
  padding-left: 0; }
  .list-arrow li.title:before {
    display: none; }

.list-dotted li {
  position: relative;
  padding-left: 10px; }
  .list-dotted li:before {
    content: "•";
    position: absolute;
    left: 0; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  display: inline-block;
  vertical-align: baseline;
  font-family: 'Vodafone-icons';
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  color: inherit;
  speak: none;
  -webkit-font-smoothing: antialiased; }

.icon-untitled:before {
  content: "\f000"; }

.icon-search:before {
  content: "\e001"; }

.icon-user:before {
  content: "\e002"; }

.icon-twitter:before {
  content: "\e003"; }

.icon-facebook:before {
  content: "\e004"; }

.icon-wings:before {
  content: "\e005"; }

.icon-vodafone-logo:before {
  content: "\e006"; }

.icon-unlimited:before {
  content: "\e007"; }

.icon-poi:before {
  content: "\e008"; }

.icon-phone:before {
  content: "\e009"; }

.icon-percent:before {
  content: "\e00a"; }

.icon-hungary:before {
  content: "\e00b"; }

.icon-e-billing:before {
  content: "\e00c"; }

.icon-arrow-down:before {
  content: "\e000"; }

.icon-down1:before {
  content: "\e00d"; }

.icon-down2:before {
  content: "\e00e"; }

.icon-down3:before {
  content: "\e00f"; }

.icon-left1:before {
  content: "\e010"; }

.icon-left2:before {
  content: "\e011"; }

.icon-left3:before {
  content: "\e012"; }

.icon-right1:before {
  content: "\e013"; }

.icon-right2:before {
  content: "\e014"; }

.icon-right3:before {
  content: "\e015"; }

.icon-arrow-up:before {
  content: "\e016"; }

.icon-up2:before {
  content: "\e017"; }

.icon-up3:before {
  content: "\e018"; }

.icon-clock:before {
  content: "";
  width: 15px;
  height: 15px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBQkNFMTI3OTFFRTUxMUUzODkwN0Q2NzUwODFGQ0U2RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBQkNFMTI3QTFFRTUxMUUzODkwN0Q2NzUwODFGQ0U2RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFCQ0UxMjc3MUVFNTExRTM4OTA3RDY3NTA4MUZDRTZFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFCQ0UxMjc4MUVFNTExRTM4OTA3RDY3NTA4MUZDRTZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+A+O1TQAAAVxJREFUeNp00ssrhFEYx/H3nZmNSzYsFcrIuCRTapJmFhZSykKZzaBkZ2FjYy3C2h9A2dgYZUfZaJRyi1zK/AEWkqRG5ub75Gc6TZz69L7n8rznOc97/Jz3b9tHFot/TYb0jGIKAeziFGd40PwgkihhG9c+O47xknY+8oEhdOMWdThCveYLGLcd1hVUxBp6MICU0gyjS3NFrd2wHb+U4iRqsIk3ZBBEHD7mNG9HyXsEZrCMJD4xj4AVTUJYQh7DWMGJTfSiGS9YcAI6EHT6q8ii0WJ+BycUGHIWXiLm9BuUUSKns1mL4EoVc39VDK3qv+NRxaoE5nVwtx2rstPOWG3l40ojrjSanNSqtaOEiPV9XTkr9znuMINy1e72Ww70HHFTtYU3unZ76HSCoro5o7ivjCqNfhSQwiHKqvKr0ktj1i4LwjnnfvZhCzvS4tm/+snkAs9al0Abnr4FGAAsBJAHUuvF0wAAAABJRU5ErkJggg==) no-repeat; }

.icon-envelop:before {
  content: "";
  width: 15px;
  height: 15px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBQkNFMTI3RDFFRTUxMUUzODkwN0Q2NzUwODFGQ0U2RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBQkNFMTI3RTFFRTUxMUUzODkwN0Q2NzUwODFGQ0U2RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFCQ0UxMjdCMUVFNTExRTM4OTA3RDY3NTA4MUZDRTZFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFCQ0UxMjdDMUVFNTExRTM4OTA3RDY3NTA4MUZDRTZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+92CndQAAAMhJREFUeNqckkEOgjAURD/GhXoP9TQuvIi60K0X0I0n0K3XUAkbNyQQICw5hJAQ6pBME1JpaCR5tJ0/Q6F87yNyEpEdGIv7VYOLIFyCFciAciCjvxQKD7AA6UAwpa/1K+kUnmAJEkswYf2lNTEMPg2xocfU/a4uPTsEYA4iriOuA9M76jnJKbiCNbhzvIHJj9N4WgiOnL/BjKOiHtpeOwcH0FgOrGE9N8MF2IB64FfV9BU63DbJHlSOTVJpv4fbGZ++/ac9vwIMADO8ACigVGe7AAAAAElFTkSuQmCC) no-repeat; }

/* ==========================================================================
   Helper classes
   ========================================================================== */
.pull-left {
  float: left; }

.pull-right {
  float: right; }

/*
	Text helpers
 */
.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.underlined {
  text-decoration: underline; }

.hidden-overflow {
  overflow: hidden; }

/*	@group color-wrap
--------------------------------------------------------------*/
.color-wrap .color {
  display: inline-block;
  padding: 8px 10px 12px;
  background: #e60100;
  color: #fff; }

/*
	Box model
 */
.block-level {
  display: block; }

.inline-level {
  display: inline; }

/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden; }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1; }

html {
  overflow: visible !important; }

body {
  position: relative;
  /*overflow-x: hidden;*/ }

.container {
  margin: 0 auto;
  padding: 0 20px;
  width: 916px; }

.container100{
    width: 100%;
}

/*	@group main
--------------------------------------------------------------*/
.page-title {
  margin-bottom: 50px;
  height: auto;
  font: 70px/1 'VodafoneExtraBold';
  color: #e60100;
  letter-spacing: -3px;
  text-indent: 0; }
  .page-title.small {
    margin-bottom: 20px;
    font-size: 55px;
    letter-spacing: -1px; }

.page-lead {
  margin-bottom: 15px;
  font: 28px/1.2 'VodafoneRegular';
  color: #313131; }
  .page-lead.small {
    margin-bottom: 5px; }

.subtitle {
  font-family: 'VodafoneExtraBold'; }

/*
	Sign in widget
 */
.widget-box.sign-in h2 .icon-user {
  margin-right: 5px; }
  .widget-box.sign-in h2 .icon-user:before {
    font-size: 18px;
    vertical-align: top; }
.widget-box.sign-in > p {
  margin: 10px 0 25px; }
.widget-box.sign-in .btn {
  margin: 25px 0 35px; }
.widget-box.sign-in.soho .btn {
  margin: 10px 0 15px; }

/*
	Feedback Sticky Button
 */
.side-feedback {
  border: 5px solid #d2d3d3;
  border-right: none;
  border-radius: 3px;
  font-weight: bold;
  height: 138px;
  position: fixed;
  right: 0;
  top: 300px;
  background: #4a4d4e;
  padding: 10px;
  width: 24px;
  z-index: 100; }
  .side-feedback a {
    color: #fff;
    display: block;
    font-size: 14px;
    margin-top: 72px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
    .side-feedback a:hover {
      text-decoration: none; }
  .side-feedback .side-feedback-icon {
    background: url(../img/side-feedback-icon.png);
    height: 30px;
    margin-top: 11px;
    width: 30px; }

/*	@group phone-list
--------------------------------------------------------------*/
#phone-selector {
  padding-top: 20px; }

.phone-carousel {
  position: relative;
  color: #333; }
  .phone-carousel .title {
    padding-left: 20px; }
  .phone-carousel.s-has-hover .carousel-container {
    margin: -37px 0; }
  .phone-carousel.s-has-hover .carousel-container > ul {
    padding: 47px 0 20px; }
  .phone-carousel.s-has-hover li {
    margin-top: -25px;
    margin-bottom: -25px;
    padding: 25px 0;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s; }
    .phone-carousel.s-has-hover li .ie10 {
      -webkit-transition: border 0.2s, box-shadow 0.2s;
      -moz-transition: border 0.2s, box-shadow 0.2s;
      -ms-transition: border 0.2s, box-shadow 0.2s;
      transition: border 0.2s, box-shadow 0.2s; }
    .phone-carousel.s-has-hover li:hover {
      border: 1px solid #d5d5d5;
      box-shadow: 0 0 35px rgba(0, 0, 0, 0.35);
      z-index: 3; }
  .phone-carousel li {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    text-align: center; }
    .phone-carousel li:hover .hover-hidden {
      display: none; }
    .phone-carousel li:hover .hover-visible {
      display: block; }
    .phone-carousel li figure {
      height: 235px; }
    .phone-carousel li .price .currency {
      font: 700 15px arial; }
    .phone-carousel li h3 {
      margin-bottom: 0; }
      .phone-carousel li h3 + span {
        display: block;
        font-size: 14px; }
    .phone-carousel li .description {
      padding: 0 10px;
      line-height: 1.1; }
    .phone-carousel li .icon-arrow-down {
      margin-left: -6px; }
    .phone-carousel li .hover-visible {
      display: none; }

.comparision-table .price, .phone-carousel li .price {
  font: 40px/1 'VodafoneExtraBold'; }

/*	@group hero-cover
--------------------------------------------------------------*/
.hero-cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1; }

/*	@group index-simple
--------------------------------------------------------------*/
.red-promo-list {
  font-size: 15px;
  line-height: 21px; }
  .red-promo-list h1 {
    font: 40px 'VodafoneExtraBold';
    color: #e60100; }
  .red-promo-list .section {
    padding: 60px 20px 65px; }
    .red-promo-list .section .js-animate-icon {
      background-color: #f4f4f4; }
    .red-promo-list .section.even {
      background: #fff; }
      .red-promo-list .section.even .js-animate-icon {
        background-color: #fff; }
    .red-promo-list .section p + strong {
      display: block;
      margin-top: 20px; }
    .red-promo-list .section ul {
      margin-bottom: 10px; }
  .red-promo-list h2 {
    font: 26px/1 'VodafoneExtraBold'; }

/*	@group tariff-comparison
--------------------------------------------------------------*/
.tariff-comparison .phone-carousel li {
  padding-bottom: 30px; }
  .tariff-comparison .phone-carousel li.selected:after {
    content: "";
    position: absolute;
    bottom: 13px;
    left: 50%;
    margin-left: -15px;
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 15px;
    border-bottom-color: #e60100; }
  .tariff-comparison .phone-carousel li .notification {
    position: absolute;
    top: 30px;
    left: 0;
    display: table;
    width: 75px;
    height: 75px;
    border-radius: 38px;
    background: #737373;
    font: 11px 'VodafoneExtraBold';
    color: #fff;
    text-align: center; }
    .tariff-comparison .phone-carousel li .notification span {
      display: table-cell;
      vertical-align: middle; }

/*	@group phone-filters
--------------------------------------------------------------*/
.phone-filters {
  position: relative;
  margin-top: 0;
  z-index: 2;
  font-size: 13px;
  font-weight: 700; }
  .phone-filters ul {
    margin-bottom: 0; }
  .phone-filters li {
    margin-right: 10px; }
    .phone-filters li a {
      display: block;
      border: 1px solid transparent;
      padding: 4px 11px 3px;
      border-radius: 3px;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      transition: all 0.2s; }
      .phone-filters li a:hover, .phone-filters li a.active {
        border-color: rgba(0, 0, 0, 0.1);
        background-color: rgba(255, 255, 255, 0.75); }
        .no-rgba .phone-filters li a:hover, .no-rgba .phone-filters li a.active {
          border-color: #ddd;
          background-color: #fff; }
      .phone-filters li a.active {
        color: #d5040c; }

/*	@group phone-details
--------------------------------------------------------------*/
.phone-details {
  display: none;
  margin: 0 -20px -20px;
  padding-left: 20px;
  border-top: 4px solid #e60100;
  border-bottom: 4px solid #e60100; }
  .phone-details h3 {
    margin: 15px 0 10px;
    font: 18px 'VodafoneExtraBold'; }
  .phone-details strong, .phone-details th {
    font-weight: 700; }
  .phone-details .phone-customization {
    position: relative;
    margin-bottom: 10px; }
    .phone-details .phone-customization dl {
      position: relative;
      padding-top: 25px;
      margin: 0; }
      .phone-details .phone-customization dl dt {
        position: absolute;
        top: 0;
        font-weight: 700;
        color: #555; }
      .phone-details .phone-customization dl dd {
        margin: 0;
        float: left; }
      .phone-details .phone-customization dl .color,
      .phone-details .phone-customization dl .color-selector {
        width: 175px; }
      .phone-details .phone-customization dl label:first-child {
        margin-right: 10px; }
    .phone-details .phone-customization .status {
      position: absolute;
      right: 10px;
      bottom: 10px;
      display: table;
      width: 70px;
      height: 70px;
      border-radius: 50%;
      background: #747474;
      font: 11px 'VodafoneBold';
      color: #fff;
      text-align: center; }
      .phone-details .phone-customization .status i {
        display: block;
        margin: 0 auto 5px;
        padding-bottom: 3px;
        width: 15px;
        height: 10px;
        background: url(../images/braveheart/img/icons-sprite.png) 0 -144px no-repeat; }
      .phone-details .phone-customization .status span {
        display: table-cell;
        vertical-align: middle; }
    .phone-details .phone-customization .color-selector .list-horizontal {
      width: 175px; }
    .phone-details .phone-customization .color-selector li {
      margin: 0 7px 5px 0 !important; }
    .phone-details .phone-customization .color-selector a {
      display: block;
      width: 20px;
      height: 20px;
      border-radius: 2px;
      box-shadow: 0 0 3px #999;
      -webkit-transition: box-shadow 0.2s;
      -moz-transition: box-shadow 0.2s;
      -ms-transition: box-shadow 0.2s;
      transition: box-shadow 0.2s; }
      .phone-details .phone-customization .color-selector a:hover, .phone-details .phone-customization .color-selector a.active {
        box-shadow: 0 0 0 3px #e60100; }
    .phone-details .phone-customization .color-selector + dt {
      left: 77px; }
  .phone-details .payment-table {
    margin: 15px 0 0 -10px;
    width: 100%;
    line-height: 25px; }
    .phone-details .payment-table tbody tr {
      -webkit-transition: background 0.2s;
      -moz-transition: background 0.2s;
      -ms-transition: background 0.2s;
      transition: background 0.2s;
      cursor: pointer; }
      .phone-details .payment-table tbody tr:hover, .phone-details .payment-table tbody tr.selected {
        background: #ededed; }
      .phone-details .payment-table tbody tr label {
        display: block;
        padding-left: 10px;
        cursor: pointer; }
    .phone-details .payment-table th {
      text-align: left;
      color: #555; }
    .phone-details .payment-table th {
      padding-left: 10px; }
    .phone-details .payment-table td span {
      color: #a1a1a1; }
  .phone-details .summary {
    border: 5px solid #dfdfdf;
    padding: 0 15px 15px;
    width: 245px;
    line-height: 20px;
    float: right; }
    .phone-details .summary h4 {
      font-weight: 700;
      font-size: 15px;
      color: #555; }
    .phone-details .summary dl {
      margin-top: 0;
      margin-bottom: 10px; }
    .phone-details .summary .total {
      margin-bottom: 20px;
      font-weight: 700;
      color: #555; }
    .phone-details .summary .simple dt {
      margin-right: 5px;
      float: left; }
    .phone-details .summary .aligned dt {
      float: left;
      clear: left; }
    .phone-details .summary .aligned dd {
      float: right;
      clear: right; }

/*	@group special-offers
--------------------------------------------------------------*/
.site-related .widget-box ul {
  margin-bottom: 20px; }
  .site-related .widget-box ul:last-child {
    margin-bottom: 0; }

.frame {
  border: 5px solid #fff;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11); }

a {
  color: #333; }

.link {
  color: #525252;
  text-decoration: underline; }
  .link:hover {
    color: #e60100; }

p {
  margin: 0; }

/*	@group fenszizes.
--------------------------------------------------------------*/
::-moz-selection {
  background: #e50100;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #e50100;
  color: #fff;
  text-shadow: none; }

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  /* 2 */
  -moz-box-sizing: content-box;
  box-sizing: content-box; }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

#contentGrid {
  margin: 30px auto; }

.threeColumn .modSidebar ul.icon-list li a.icon-phone:before {
  display: none; }

[hidden] {
  display: none; }

/*
	carousel
 */
.highlighted-carousel .carousel-container {
  height: 360px; }
.highlighted-carousel .comp-carousel {
  overflow: visible; }
  .highlighted-carousel .comp-carousel figure {
    height: 215px;
    padding-bottom: 20px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s; }
    .highlighted-carousel .comp-carousel figure img {
      max-height: 100%;
      max-width: 100%; }
  .highlighted-carousel .comp-carousel .details {
    display: none; }
  .highlighted-carousel .comp-carousel li:hover figure {
    height: 149px; }
  .highlighted-carousel .comp-carousel li:hover .details {
    display: block; }
  .highlighted-carousel .comp-carousel li:hover .hide-on-hover {
    display: none; }

.internet-arguments-list {
  margin-bottom: 20px; }
  .internet-arguments-list .widget-box {
    margin-bottom: 0; }
    .internet-arguments-list .widget-box.active {
      padding-bottom: 35px;
      border-radius: 2px 2px 0 0;
      box-shadow: none; }
  .internet-arguments-list img {
    margin-bottom: 30px; }
  .internet-arguments-list p {
    margin-bottom: 20px; }
  .internet-arguments-list .btn {
    margin-bottom: 10px; }

.package-details .package-name {
  font: 26px 'VodafoneExtraBold';
  color: #e60100; }
.package-details .package-image {
  margin-right: 20px; }
.package-details strong {
  font-weight: 700; }
.package-details + .package-details {
  margin: 20px -20px 0;
  border-top: 1px solid #efefef;
  padding: 20px 20px 0; }

.package-details-property {
  position: relative;
  padding-top: 10px; }
  .package-details-property dd {
    position: absolute;
    top: 10px;
    left: 0;
    margin: 0;
    font: 40px 'VodafoneExtraBold';
    color: #313131; }
    .package-details-property dd sup {
      position: relative;
      top: -13px;
      font-size: 20px; }
  .package-details-property dt {
    padding-top: 32px;
    font-size: 15px; }

/*	@overlay
--------------------------------------------------------------*/
.bh-overlay-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999; }

.bh-overlay {
  position: relative;
  margin: 0 auto;
  padding-top: 30px;
  width: 640px;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11); }
  .bh-overlay .close-overlay {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 30px;
    color: #333;
    text-decoration: none;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .bh-overlay .price {
    margin-top: 30px;
    font: 35px 'VodafoneExtraBold'; }
  .bh-overlay .package-details {
    margin: 60px 0 0 20px; }
  .bh-overlay .overlay-footer {
    margin-top: 30px;
    border-top: 1px solid #ededed;
    padding: 15px 20px 20px;
    background: #fafafa; }
  .bh-overlay legend {
    display: block;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
    color: #333; }

#bh-overlay-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  background: rgba(255, 255, 255, 0.6);
  z-index: 2; }

/* placeholder */
span.placeholder {
  position: absolute;
  font-size: 75%;
  color: #999;
  font-family: sans-serif;
  padding: 4px 3px;
  z-index: 1;
  cursor: text; }

span.placeholder-hide-except-screenreader {
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

span.placeholder-hide {
  display: none; }

/* overwrite for the HTML5 Boilerplate way to hide labels */
label.visuallyhidden-with-placeholder {
  /*clip: auto !important;*/
  height: auto !important;
  overflow: visible !important;
  position: absolute !important;
  left: -999em; }

.italic {
  font-style: italic; }

.bold {
  font-weight: bold; }

select:disabled {
  background: #DDD; }

.buttonLight.pull-right,
.buttonDark.pull-right,
.buttonStrong.pull-right {
  margin-right: 12px; }

.example {
  font-weight: normal;
  font-style: italic; }

.buttonLight:focus,
.buttonDark:focus,
.buttonStrong:focus {
  outline: none; }

#runScript {
  display: none !important; }

a.disabled {
  pointer-events: none;
  color: #bbb; }

.ajax-loading:before {
  display: block;
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 9999998; }
.ajax-loading:after {
  display: block;
  content: '';
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -32px;
  margin-left: -32px;
  height: 64px;
  width: 64px;
  background: url(../images/self-care-loading.gif) 0 0 no-repeat;
  background-size: contain;
  z-index: 9999999; }

.fleet-permission {
  /*---------------------------------------- jQuery Table Start ----------------------------------------*/
  /*---------------------------------------- jQuery Table End ----------------------------------------*/ }
  .fleet-permission .dataTables_wrapper .dataTables_paginate .paginate_button {
    position: relative;
    outline: none; }
  .fleet-permission .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    padding: 7px 3px 7px 15px;
    float: left;
    background: url(../images/theme/btn_sprite.png) left -166px no-repeat;
    color: white !important;
    text-decoration: none; }
  .fleet-permission .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    padding: 7px 3px 7px 15px;
    margin-right: 9px;
    float: right;
    background: url(../images/theme/btn_sprite.png) left -166px no-repeat;
    color: white !important;
    text-decoration: none; }
  .fleet-permission .dataTables_wrapper .dataTables_paginate .paginate_button.previous:after,
  .fleet-permission .dataTables_wrapper .dataTables_paginate .paginate_button.next:after {
    display: block;
    content: '';
    background: url(../images/theme/btn_sprite.png) right -681px no-repeat;
    height: 29px;
    padding: 5px 15px 0 0;
    cursor: pointer;
    position: absolute;
    top: -1px;
    right: -9px;
    box-shadow: none; }
  .fleet-permission .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
    background: url(../images/theme/btn_sprite.png) left -206px no-repeat; }
  .fleet-permission .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
    background: url(../images/theme/btn_sprite.png) left -206px no-repeat; }
  .fleet-permission .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover:after {
    background: url(../images/theme/btn_sprite.png) right -721px no-repeat; }
  .fleet-permission .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover:after {
    background: url(../images/theme/btn_sprite.png) right -721px no-repeat; }
  .fleet-permission .dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled,
  .fleet-permission .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled {
    background: url(../images/theme/btn_sprite.png) left 0 no-repeat;
    color: #999999 !important; }
  .fleet-permission .dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled:after,
  .fleet-permission .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled:after {
    top: 0;
    background: url(../images/theme/btn_sprite.png) right -516px no-repeat; }
  .fleet-permission .dataTables_wrapper .dataTables_paginate .paginate_button:active,
  .fleet-permission .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    box-shadow: none;
    border-color: transparent; }
  .fleet-permission .dataTables_wrapper .dataTables_paginate span .paginate_button {
    border-radius: 4px;
    padding: 5px 10px !important;
    text-decoration: underline; }
  .fleet-permission .dataTables_wrapper .dataTables_paginate span .paginate_button.current,
  .fleet-permission .dataTables_wrapper .dataTables_paginate span .paginate_button:hover {
    box-shadow: none; }
  .fleet-permission .dataTables_wrapper .dataTables_paginate span .paginate_button.current {
    text-decoration: none; }
  .fleet-permission table.dataTable thead th {
    vertical-align: middle;
    white-space: nowrap;
    background-color: #ededed !important;
    border-bottom: 1px solid #ccc;
    outline: none;
    text-align: left; }
  .fleet-permission table.dataTable tbody td {
    vertical-align: middle;
    white-space: nowrap;
    text-align: left;
    padding: 10px 8px; }
  .fleet-permission table.dataTable.stripe tbody tr.odd.selected,
  .fleet-permission table.dataTable.display tbody tr.odd.selected,
  .fleet-permission table.dataTable.stripe tbody tr.even.selected,
  .fleet-permission table.dataTable.display tbody tr.even.selected,
  .fleet-permission table.dataTable.display tbody tr.odd.selected > .sorting_1,
  .fleet-permission table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1,
  .fleet-permission table.dataTable.display tbody tr.even.selected > .sorting_1,
  .fleet-permission table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1,
  .fleet-permission table.dataTable.display tbody tr:hover.selected > .sorting_1,
  .fleet-permission table.dataTable.display tbody tr.odd:hover.selected > .sorting_1,
  .fleet-permission table.dataTable.display tbody tr.even:hover.selected > .sorting_1,
  .fleet-permission table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1,
  .fleet-permission table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1,
  .fleet-permission table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1,
  .fleet-permission table.dataTable.hover tbody tr:hover.selected,
  .fleet-permission table.dataTable.hover tbody tr.odd:hover.selected,
  .fleet-permission table.dataTable.hover tbody tr.even:hover.selected,
  .fleet-permission table.dataTable.display tbody tr:hover.selected,
  .fleet-permission table.dataTable.display tbody tr.odd:hover.selected,
  .fleet-permission table.dataTable.display tbody tr.even:hover.selected {
    background-color: #dddddd; }
  .fleet-permission table.dataTable.stripe tbody tr.odd.modified,
  .fleet-permission table.dataTable.display tbody tr.odd.modified,
  .fleet-permission table.dataTable.stripe tbody tr.even.modified,
  .fleet-permission table.dataTable.display tbody tr.even.modified,
  .fleet-permission table.dataTable.display tbody tr.odd.modified > .sorting_1,
  .fleet-permission table.dataTable.order-column.stripe tbody tr.odd.modified > .sorting_1,
  .fleet-permission table.dataTable.display tbody tr.even.modified > .sorting_1,
  .fleet-permission table.dataTable.order-column.stripe tbody tr.even.modified > .sorting_1,
  .fleet-permission table.dataTable.display tbody tr:hover.modified > .sorting_1,
  .fleet-permission table.dataTable.display tbody tr.odd:hover.modified > .sorting_1,
  .fleet-permission table.dataTable.display tbody tr.even:hover.modified > .sorting_1,
  .fleet-permission table.dataTable.order-column.hover tbody tr:hover.modified > .sorting_1,
  .fleet-permission table.dataTable.order-column.hover tbody tr.odd:hover.modified > .sorting_1,
  .fleet-permission table.dataTable.order-column.hover tbody tr.even:hover.modified > .sorting_1,
  .fleet-permission table.dataTable.hover tbody tr:hover.modified,
  .fleet-permission table.dataTable.hover tbody tr.odd:hover.modified,
  .fleet-permission table.dataTable.hover tbody tr.even:hover.modified,
  .fleet-permission table.dataTable.display tbody tr:hover.modified,
  .fleet-permission table.dataTable.display tbody tr.odd:hover.modified,
  .fleet-permission table.dataTable.display tbody tr.even:hover.modified {
    background-color: #cccccc; }
  .fleet-permission table.dataTable.stripe tbody tr.odd.deleted,
  .fleet-permission table.dataTable.display tbody tr.odd.deleted,
  .fleet-permission table.dataTable.stripe tbody tr.even.deleted,
  .fleet-permission table.dataTable.display tbody tr.even.deleted,
  .fleet-permission table.dataTable.display tbody tr.odd.deleted > .sorting_1,
  .fleet-permission table.dataTable.order-column.stripe tbody tr.odd.deleted > .sorting_1,
  .fleet-permission table.dataTable.display tbody tr.even.deleted > .sorting_1,
  .fleet-permission table.dataTable.order-column.stripe tbody tr.even.deleted > .sorting_1,
  .fleet-permission table.dataTable.display tbody tr:hover.deleted > .sorting_1,
  .fleet-permission table.dataTable.display tbody tr.odd:hover.deleted > .sorting_1,
  .fleet-permission table.dataTable.display tbody tr.even:hover.deleted > .sorting_1,
  .fleet-permission table.dataTable.order-column.hover tbody tr:hover.deleted > .sorting_1,
  .fleet-permission table.dataTable.order-column.hover tbody tr.odd:hover.deleted > .sorting_1,
  .fleet-permission table.dataTable.order-column.hover tbody tr.even:hover.deleted > .sorting_1,
  .fleet-permission table.dataTable.hover tbody tr:hover.deleted,
  .fleet-permission table.dataTable.hover tbody tr.odd:hover.deleted,
  .fleet-permission table.dataTable.hover tbody tr.even:hover.deleted,
  .fleet-permission table.dataTable.display tbody tr:hover.deleted,
  .fleet-permission table.dataTable.display tbody tr.odd:hover.deleted,
  .fleet-permission table.dataTable.display tbody tr.even:hover.deleted {
    background-color: #cccccc;
    text-decoration: line-through; }
  .fleet-permission table.dataTable.row-border tbody td,
  .fleet-permission table.dataTable.display tbody td {
    border: none; }
  .fleet-permission #queryList,
  .fleet-permission #actionsList {
    display: block;
    overflow-x: auto; }
  .fleet-permission #queryList_paginate,
  .fleet-permission #actionsList_paginate {
    padding: 0 0 10px 0;
    float: none;
    text-align: center;
    overflow: hidden; }
  .fleet-permission #queryList_length,
  .fleet-permission #queryList_length select,
  .fleet-permission #actionsList_length,
  .fleet-permission #actionsList_length select {
    float: right; }
  .fleet-permission #queryList_length,
  .fleet-permission #actionsList_length {
    line-height: 3em; }
  .fleet-permission #queryList_length select,
  .fleet-permission #actionsList_length select {
    margin-left: 15px; }
  .fleet-permission .dataTables_empty {
    text-align: left !important;
    padding-left: 275px !important; }
  .fleet-permission #afterQuery {
    display: none; }
  .fleet-permission .error2Width .error-line {
    max-width: 60px; }
  .fleet-permission .disabled,
  .fleet-permission .disabled:hover,
  .fleet-permission .disabled:focus {
    color: #999; }
  .fleet-permission input[readonly], .fleet-permission input[readonly="readonly"] {
    background-color: #f4f4f4 !important; }
  .fleet-permission .modCont .input40Width {
    width: 141px; }
  .fleet-permission .modCopy {
    position: relative; }
  .fleet-permission .modCont .tabcnt div.modCopy {
    padding: 16px 0 16px 16px; }
  .fleet-permission .modCont .modCopy input.textInput,
  .fleet-permission .modCont .modCopy select {
    float: none;
    margin: 5px 0; }
  .fleet-permission .modCopy:not(:last-child) {
    border-bottom: 1px solid #dddddd; }
  .fleet-permission .buttonLight:disabled,
  .fleet-permission .buttonDark:disabled,
  .fleet-permission .buttonStrong:disabled {
    cursor: default;
    background: url(../images/theme/btn_sprite.png) left 0 no-repeat;
    color: #999; }
  .fleet-permission .buttonLight:disabled span,
  .fleet-permission .buttonDark:disabled span,
  .fleet-permission .buttonStrong:disabled span {
    cursor: default;
    background: url(../images/theme/btn_sprite.png) right -516px no-repeat;
    color: #999; }
  .fleet-permission .declaration {
    float: left;
    max-width: 300px; }
  .fleet-permission .formTable {
    width: 500px; }
  .fleet-permission .formTable hr {
    border: none;
    margin: 10px 20px;
    border-bottom: 1px solid #ddd; }
  .fleet-permission .formTable .col {
    float: left; }
  .fleet-permission .formTable .col + .col {
    margin-left: 20px; }
  .fleet-permission .modCont .formTable tr {
    border-bottom: none; }
  .fleet-permission .modCont .formTable tr td {
    padding: 2px 0; }
  .fleet-permission .plainTable {
    min-width: 180px; }
  .fleet-permission .plainTable tr {
    border: none; }
  .fleet-permission .plainTable tr th {
    text-align: left;
    background: none;
    border: none; }
  .fleet-permission .plainTable tr td {
    padding: 3px 10px 3px 5px; }
  .fleet-permission .fullWidth {
    width: 100%; }
  .fleet-permission .rows-summary {
    padding: 10px 0 20px; }
  .fleet-permission #queryTable tr:not(:last-child) * {
    box-sizing: border-box; }
  .fleet-permission #queryTable tr {
    border: none; }
  .fleet-permission #queryTable tr td {
    padding: 5px 10px;
    vertical-align: middle; }
  .fleet-permission #queryTable tr td:first-child {
    text-align: right; }
  .fleet-permission #pagination {
    position: absolute;
    left: 50%;
    margin-left: -75px;
    padding: 10px 0 0 0;
    width: 150px;
    word-spacing: 15px;
    text-align: center; }
  .fleet-permission #pagination a {
    text-decoration: underline; }
  .fleet-permission #queryList,
  .fleet-permission #actionsList {
    display: block;
    overflow-x: auto; }
  .fleet-permission #queryList th,
  .fleet-permission #actionsList th {
    padding: 10px 40px 10px 5px;
    white-space: nowrap; }
  .fleet-permission #queryList td,
  .fleet-permission #actionsList td {
    padding: 12px 6px;
    white-space: nowrap; }
  .fleet-permission #queryList td:first-child,
  .fleet-permission #actionsList td:first-child {
    text-align: center; }
  .fleet-permission #queryList .selected,
  .fleet-permission #actionsList .selected {
    background: #eee; }
  .fleet-permission #queryList .modified,
  .fleet-permission #actionsList .modified {
    background: #ccc; }
  .fleet-permission #queryList .removed,
  .fleet-permission #actionsList .removed {
    background: #ccc; }
  .fleet-permission #queryList .removed td,
  .fleet-permission #actionsList .removed td {
    text-decoration: line-through; }
  .fleet-permission #sumRows {
    font-weight: bold; }


#search-page #hero {
  margin-top: 0px;
  margin-bottom: 20px; }
#search-page h1 .searchword {
  font-family: "vodafoneLight";
  font-size: 50px;
  font-weight: 400;
  line-height: 1.2em;
  color: #333;
  margin-left: 10px; }
#search-page .search-field {
  position: relative;
  margin-bottom: 40px; }
  #search-page .search-field .icon-search {
    position: absolute;
    top: 30px;
    left: 10px;
    opacity: 0.7; }
  #search-page .search-field input[type=text] {
    padding-left: 35px;
    margin-top: 20px; }
#search-page .red {
  color: #e60000; }
#search-page strong {
  font-weight: bold; }
#search-page .category-selection a {
  display: inline-block;
  padding: 7px 35px;
  background: #fff;
  margin: 0;
  border: 1px solid #cecece;
  text-decoration: none;
  float: left;
  font-size: 16px;
  font-weight: bold;
  -webkit-box-shadow: 0 1px 1px #cecece;
  -moz-box-shadow: 0 1px 1px #cecece;
  box-shadow: 0 1px 1px #cecece; }
  #search-page .category-selection a:first-child {
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px; }
  #search-page .category-selection a:last-child {
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0; }
  #search-page .category-selection a.active {
    background: #dfdfdf;
    -webkit-box-shadow: 0 1px 1px #a7a7a7 inset;
    -moz-box-shadow: 0 1px 1px #a7a7a7 inset;
    box-shadow: 0 1px 1px #a7a7a7 inset; }
#search-page .search-title {
  margin-top: 15px; }
#search-page .result-list {
  margin: 15px 0; }
  #search-page .result-list .result {
    border-bottom: 1px solid #ccc;
    padding: 25px 0;
    position: relative;
    /*cursor: pointer;*/
        /*/&:before{
          content: '';
          position: absolute;
          top: 30px;
          left: 10px;
          display: block;
          float: left;
          width: 45px;
          height: 45px;
          background: url(../../images/icon-sprite.png) no-repeat;

        }

        &.webshop{
          &:before{
            background-position: 0 0;
          }

        }
        &.customerservice{
          &:before{
            background-position: -55px 0px;
          }

        }
        &.misc{
          &:before{
            background-position: -107px 0px;
          }

        }*/ }
    #search-page .result-list .result h4 a {
      font-size: 20px;
      text-decoration: none;
      color: #e60000;
      font-weight: bold; }
      #search-page .result-list .result h4 a:hover {
        text-decoration: underline; }
#search-page .pagination {
  /*border-top: 1px solid #ccc;*/ }
  #search-page .pagination div {
    display: block;
    float: left;
    margin-right: 20px;
    padding-top: 20px; }
  #search-page .pagination .result-count {
    font-weight: bold; }
  #search-page .pagination .page-nav {
    float: right; }
    #search-page .pagination .page-nav ul li {
      display: block;
      float: left;
      margin-left: 10px;
      cursor: pointer;}
      #search-page .pagination .page-nav ul li.current {
        color: #979797; }
      #search-page .pagination .page-nav ul li .nav {
        text-decoration: none;
        color: #838383;
        font-size: 20px;
        font-weight: bold;
        position: relative;
        top: -4px; }
        #search-page .pagination .page-nav ul li .nav img:hover {
          opacity: 0.5; }
#search-page .webshop-headline {
  margin-top: 40px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px; }
  #search-page .webshop-headline:before {
    content: '';
    display: inline-block;
    float: left;
    height: 45px;
    width: 45px;
    margin-right: 10px;
    background: url("../../images/icon-sprite.png") no-repeat 0px 5px; }
#search-page .webshop-results .featured-offer-box:last-child .offer-box {
  border-bottom: none; }
#search-page .featured-offer-box {
  margin-top: 40px; }
  #search-page .featured-offer-box .offer-box {
    width: 265px;
    float: left;
    margin-left: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    margin-right: 20px;
    cursor: pointer; }
    #search-page .featured-offer-box .offer-box:first-child {
      margin-left: 0; }
    #search-page .featured-offer-box .offer-box:first-of-type {
      margin-left: 0; }
    #search-page .featured-offer-box .offer-box .inner-box {
      /*height: 280px;*/
      padding: 15px; }
      #search-page .featured-offer-box .offer-box .inner-box div {
        display: inline-block;
        float: left; }
      #search-page .featured-offer-box .offer-box .inner-box .picture-box {
        width: 30%; }
        #search-page .featured-offer-box .offer-box .inner-box .picture-box img {
          display: block;
          margin: auto;
          max-width: 100%;
		max-height: 100px;		  }
      #search-page .featured-offer-box .offer-box .inner-box .detail-box {
        width: 70%; }
	#search-page .featured-offer-box .offer-box .inner-box .detail-box  > *{
        padding-left: 10px; }
        #search-page .featured-offer-box .offer-box .inner-box .detail-box .stars {
          width: 100%;
          clear: both;
          margin-bottom: 15px; }
          #search-page .featured-offer-box .offer-box .inner-box .detail-box .stars .star {
            display: block;
            float: left;
            height: 15px;
            width: 15px;
            margin-right: 3px;
            background: url('../images/stars.png') no-repeat; }
            #search-page .featured-offer-box .offer-box .inner-box .detail-box .stars .star.full {
              background-position: -2px 0; }
            #search-page .featured-offer-box .offer-box .inner-box .detail-box .stars .star.half {
              background-position: -19px 0; }
            #search-page .featured-offer-box .offer-box .inner-box .detail-box .stars .star.empty {
              background-position: -35px 0; }
      #search-page .featured-offer-box .offer-box .inner-box .feature-box {
        clear: both;
        width: 100%;
        margin-top: 15px; }
        #search-page .featured-offer-box .offer-box .inner-box .feature-box ul {
          margin-bottom: 0; }
          #search-page .featured-offer-box .offer-box .inner-box .feature-box ul li {
            margin-bottom: 5px; }
            #search-page .featured-offer-box .offer-box .inner-box .feature-box ul li span {
              display: block;
              line-height: 10px; }
    #search-page .featured-offer-box .offer-box.highlighted {
      border: 1px solid #9c2aa0;
      background: #f6f0f8; }

.clearfix:after, #search-page .featured-offer-box .offer-box .inner-box:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }



* html .clearfix, * html #search-page .featured-offer-box .offer-box .inner-box, #search-page .featured-offer-box .offer-box * html .inner-box {
  overflow: hidden; }

#main-content .offer-box h4.title{
  height: 60px;
  overflow-y: hidden
}

#main-content #searchForm input[type='submit']{
  margin-top: 17px !important;
}

input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="url"], #main-content input[type="search"], input[type="date"], input[type="password"], textarea {
    box-sizing: border-box;
    padding: 10px 13px;
    border: medium none;
    background-color: #FFF;
    font-size: 14px;
    color: #333;
    border-radius: 3px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6) inset;
}

.full-width {
    width: 100%;
}

.btn.primary:hover, .btn.primary:focus {
    background: #680F6B none repeat scroll 0% 0%;
}
.btn.small, .btn.primary.small, .btn.secondary.small, .btn.strong.small {
    padding: 9px 15px 8px !important;
    font-size: 16px;
}
.btn:hover, .btn:active, .btn:visited, .btn:focus, .btn.primary:hover, .btn.primary:active, .btn.primary:visited, .btn.primary:focus, .btn.secondary:hover, .btn.secondary:active, .btn.secondary:visited, .btn.secondary:focus, .btn.strong:hover, .btn.strong:active, .btn.strong:visited, .btn.strong:focus {
    text-decoration: none;
    outline: medium none;
}

#search-page h1.bold {
    margin-bottom: 30px;
    font-family: "vodafoneExtraBold";
    font-size: 70px;
    color: #E60100;
}
#search-page h1 {
    margin: 0px 0px 20px;
    font-family: "vodafoneRegular";
    font-size: 45px;
    color: #E60100;
    text-indent: 0px;
    height: auto;
    line-height: 1em;
}

#search-page .shopResultContainer{
    padding-right: 20px;
}
#search-page .resultContainer{
    padding-right: 40px;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* ADATMILLIOMOS */

.giant {
    font-size: 30px!important;
}