/* Note: fonts Gravur and HelveticaNeue are being imported in global/css/fonts/... font-eot.css, font-ttf.css, font-woff.css with the correct file being loaded in tags/broadband/desktop/page.tag or /tags/broadband/mobile/page.tag*/

body {
	font-family:HelveticaNeue, Arial, sans-serif;
	font-weight: normal;
	color:#666666;
}

a {
	color: #0099D2;
}

/* Colours */
.bg-dark-blue{background-color: #004192 !important}
.bg-light-blue{background-color: #0099D2!important}
.bg-light-grey{background-color: #f4f4f4 !important} /*according to specs in broadband_mobile_home_MBB----_new */
.bg-dark-grey{background-color: #666 !important}

.text-light-blue{
	color: #1964c8 !important /*according to specs in broadband_mobile_home_MBB----_new */
}

.text-dark-blue{
	color: #1964c8 !important /*according to specs in broadband_mobile_home_MBB----_new */
}

.text-white{
	color:#ffffff !important
}

.text-light-grey {
	color:#666666 !important
}

.text-dark-grey {
	color:#333333 !important
}

.border-light-grey {border:solid 1px #E6E6E6}


/* Styles */
.uppercase{text-transform: uppercase !important}
.bold{font-weight: 600 !important}
.normal{font-weight: normal; !important}

/* Sizes */
.text-small{font-size: 0.85em !important}
.text-big{font-size: 2em !important}
.text-large{font-size: 3em !important}
.text-halfsize{font-size: 50%}

/* Common text styles - note font-size is defined in desktop/mobile theme.css */
.hd1,
.hd2 {
	font-family: Akkurat, Gravur, Arial, sans-serif;
	font-weight: normal;
	font-size:14pt;
}


.hd3,
.hd4-gc {
	font-family: Akkurat, Gravur, Arial, sans-serif;
	font-weight: normal;
}

.hd4-hn,
.txt1,
.txt2,
.txt3,
.txt4 {
	font-family: HelveticaNeue, Arial, sans-serif;
	font-weight: normal;
}


/* Table */
.table{display: table; margin: 0;}
.table-row{display: table-row}
.table-cell{display: table-cell; vertical-align: middle;}
.full-width{width: 100%  !important}
.half-width{width: 50%  !important}
.third-width{width: 33%  !important}
.quarter-width{width: 25%;}

/* Alignment */
.text-center{text-align: center  !important}
.text-left{text-align: left  !important}
.text-right{text-align: right  !important}
.v-alight-top{vertical-align: top  !important}

/* Spacing */
.space-small{display: block; height: 5px; width: 100%; clear: both;}
.space-normal{display: block; height: 10px; width: 100%; clear: both;}
.space-large{display: block; height: 20px; width: 100%; clear: both;}
.space-x-large{display: block; height: 30px; width: 100%; clear: both;}
.space-small-inline{display: inline-block; height: 5px; width: 100%; clear: both;}
.space-normal-inline{display: inline-block; height: 10px; width: 100%; clear: both;}
.space-large-inline{display: inline-block; height: 20px; width: 100%; clear: both;}

/* Widths */
.width500px{width: 500px !important;}
.width320px{width: 320px !important;}
.width300px{width: 300px !important;}
.width270px{width: 270px !important;}
.width250px{width: 250px !important;}
.width200px{width: 200px !important;}
.width150px{width: 150px !important;}
.width120px{width: 120px !important;}
.width100px{width: 100px !important;}
.width50px{width: 50px !important;}
.max-width-300px {max-width: 300px !important;}
.full-screen {width: 100%;}

/* Other*/
.remove-transform{text-transform: none !important;}
.remove-background{background: none !important;}

/* Lines and Borders */
.line{display: block; width: 100%; padding: 0; margin: 0; height: 1px; background-color: #DADADA;}
.border-bottom{border-bottom:1px solid #DADADA;}
.border-top{border-top:1px solid #DADADA;}
.border-none{border: none !important;}

/* Padding */
.padding10px{padding: 10px;}
.v-padding10px{padding: 10px 0px;}
.v-padding-normal{padding: 10px 0px;}
.v-padding-large{padding: 15px 0px;}
.h-margin-small{margin: 0px 5px;}
.margin-left-small{margin-left: 5px;}
.margin-left-medium{margin-left: 10px;}
.margin-right-small{margin-right: 5px;}
.h-margin-normal{padding: 0px 10px;}
.v-padding-small{padding: 5px 0px;}
.padding-right-small{padding-right:5px;}
.padding-left-small{padding-left:5px;}
.padding-top-normal{padding-top:10px;}
.padding-bottom-normal{padding-bottom:10px;}
.padding-right-normal{padding-right:10px !important;}
.padding-left-normal{padding-left:10px !important;}
.padding-left-fixed{padding-left:2% !important;}
.padding-right-fixed{padding-right:2% !important;}
.padding-right-large{padding-right:15px;}
.padding-right-x-large{padding-right:25px;}
.padding-left-large{padding-left:15px;}
.padding-normal{padding: 10px;}
.padding-small{padding: 5px;}
.h-padding10px{padding: 0px 10px;}

/* display */
.inline-block{display: inline-block;}

/* Errors */
div[data-error], .error{color:#FF3333; padding:10px 5px 10px 0px; }
div[data-error]{display: none;}


/* Placeholders */
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
	color:#333333;
}
textarea::-moz-placeholder,
input::-moz-placeholder {
	color:#333333;
	opacity:1;
}
textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
	color:#333333;
}

/* Buttons */
.white-button-text a,
.blue-button-text a {
	font-family: HelveticaNeue, Arial, sans-serif;
	font-weight: lighter;
}

#menu {
	font-family: Akkurat,Gravur, Arial, sans-serif;
}

/* Common Page Elements */
#pageContent h1{color:  #0099D2; text-transform: uppercase; font-size: 2em !important;}

.numerals {font-family: Gravur, Akkurat, Arial, sans-serif;}