/*
|--------------------------------------------------------------------------
| HTK Horizon Landing Page Reset stylesheet
|--------------------------------------------------------------------------
| 
| 
*/
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: sans-serif;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*
|--------------------------------------------------------------------------
| Layout
|--------------------------------------------------------------------------
| 
| Set the layout (margins, padding) of the main html elements
| 
*/
p, hr, ol, ul, dl,
blockquote, pre, address {
	margin: 1.286em 0;
}
fieldset, form {
	margin: 1.286em 0;
}
ul li {
	margin-left: 15px;
	list-style: disc;
}
ol li {
	margin-left: 35px;
	list-style: decimal;
}
ol ol {
	margin: 5px 0;
}
ol ol li {
	list-style: lower-alpha;
}
dt {
	margin-top: 10px;
}
dd {
	padding: 3px 0;
}


/*
|--------------------------------------------------------------------------
| Typography
|--------------------------------------------------------------------------
| 
| Set typography (font, size, layout) for main html elements
| 
*/
body {
	font-size: 87.5%; /* reduces to 14px in Firefox */
	line-height: 1.286em;
}
/* headers */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
h1 {
	font-size: 2em;
	line-height: 1em;
	margin: 0.67em 0;
}
h2 {
	font-size: 1.5em;
	line-height: 1em;
	margin: 0.857em 0;
}
h3 {
	font-size: 1.214em;
	line-height: 1em;
	margin: 1.059em 0;
}
h4 {
	line-height: 1em;
	margin: 1.286em 0;
}
h5 {
	font-size: 0.857em;
	line-height: 1em;
	margin: 1.5em 0;
}
h6 {
	font-size: 0.714em;
	line-height: 1em;
	margin: 1.8em 0;
}

/* forms */
input, select, textarea {
	font-size: 100%;
}

/* other elements */
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
sup {
	font-size: 0.714em;
	vertical-align: text-top;
}
sub {
	font-size: 0.714em;
	vertical-align: text-bottom;
}
dt {
	font-weight: bold;
}


/*
|--------------------------------------------------------------------------
| Float clearing styles
|--------------------------------------------------------------------------
*/
.hp-group:before,
.hp-group:after {
	content: "";
	display: table;
}
.hp-group:after {
	clear:both;
}
.hp-group {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}


/*
|--------------------------------------------------------------------------
| Reset stylesheet
|--------------------------------------------------------------------------
| 
| 
*/
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption {
	border: 0;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*
|--------------------------------------------------------------------------
| Layout
|--------------------------------------------------------------------------
| 
| Set the layout (margins, padding) of the main html elements
| 
*/
p, hr, ol, ul, dl,
blockquote, pre, address {
	margin: 1.286em 0;
}
fieldset, form {
	margin:0;
	border:0;
}

fieldset {
border: 0;
}

ul li {
	margin-left: 15px;
	list-style: disc;
}
ol li {
	margin-left: 35px;
	list-style: decimal;
}
ol ol {
	margin: 5px 0;
}
ol ol li {
	list-style: lower-alpha;
}
dt {
	margin-top: 10px;
}
dd {
	padding: 3px 0;
}


/*
|--------------------------------------------------------------------------
| Typography
|--------------------------------------------------------------------------
| 
| Set typography (font, size, layout) for main html elements
| 
*/
body {
	font-size: 87.5%; /* reduces to 14px in Firefox */
	line-height: 1.286em;
}
/* headers */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
h1 {
	font-size: 2em;
	line-height: 1em;
	margin: 0.67em 0;
}
h2 {
	font-size: 1.5em;
	line-height: 1em;
	margin: 0.857em 0;
}
h3 {
	font-size: 1.214em;
	line-height: 1em;
	margin: 1.059em 0;
}
h4 {
	line-height: 1em;
	margin: 1.286em 0;
}
h5 {
	font-size: 0.857em;
	line-height: 1em;
	margin: 1.5em 0;
}
h6 {
	font-size: 0.714em;
	line-height: 1em;
	margin: 1.8em 0;
}

/* forms */
input, select, textarea {
	font-size: 100%;
}

/* other elements */
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
sup {
	font-size: 0.714em;
	vertical-align: text-top;
}
sub {
	font-size: 0.714em;
	vertical-align: text-bottom;
}
dt {
	font-weight: bold;
}


/*
|--------------------------------------------------------------------------
| Float clearing styles
|--------------------------------------------------------------------------
*/
.hp-group:before,
.hp-group:after {
	content: "";
	display: table;
}
.hp-group:after {
	clear:both;
}
.hp-group {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}


/*
|--------------------------------------------------------------------------
| Form layout
|--------------------------------------------------------------------------
| 
| 
*/
form.hp-smartInsertForm .hp-form-item {
	margin: 10px 0px;
}
form.hp-smartInsertForm .hp-form-item .hp-form-item-label {
	float: left;
	width: 130px;
	max-width: 300px;
	min-height: 1px;
	font-weight: bold;
	text-align: left;
	display:block;
}
form.hp-smartInsertForm .hp-form-item .hp-form-item-body {
	float: left;
}
form.hp-smartInsertForm .hp-form-item .hp-form-item-body label {
	float: none;
	width: auto;
	max-width: auto;
	font-weight: normal;
}
form.hp-smartInsertForm fieldset.hp-form-group-checkbox,
form.hp-smartInsertForm fieldset.hp-form-group-radio {
	margin: 0;
}
form.hp-smartInsertForm .hp-form-group-item label {
	cursor: pointer;
}


/*
|--------------------------------------------------------------------------
| Standard input styles
|--------------------------------------------------------------------------
| 
| 
*/
form.hp-smartInsertForm input.hp-text-input,
form.hp-smartInsertForm textarea,
form.hp-smartInsertForm select {
	width: 200px;
	height: 30px;
	padding: 5px;
	border: 1px solid #ccc;
}
form.hp-smartInsertForm input.hp-disabled,
form.hp-smartInsertForm textarea.hp-disabled,
form.hp-smartInsertForm select.hp-disabled {
	background-color: #D4D0C8;
	color: #808080;
}
.hp-captchaClass {
	background: url("/horizon-web/images/captcha.jpg.brand") no-repeat 130px 0px;
	height: 70px;
	width: 390px;
	text-align: left;
}

form.hp-smartInsertForm .hp-form-registration-block span {
	clear: left;
}

.hp-form-reset-password-link div {
	
}

/*
|--------------------------------------------------------------------------
| Custom input styles
|--------------------------------------------------------------------------
| 
| 
*/
#TITLEId {
	width: 100px !important;
}

/*
|--------------------------------------------------------------------------
| Fix variable content styles
|--------------------------------------------------------------------------
| 
| 
*/
.variableContentHeader,
.variableContentHeader * {
	color: #000 !important;
}


/*
|--------------------------------------------------------------------------
| Postcode finder styles

|--------------------------------------------------------------------------
| 
| 
*/

.hp-form-postcode-search {
    background: url("/horizon-web/images/controls.png.brand") no-repeat scroll -448px 0 transparent;
    float: left;
    height: 24px;
    margin-left: -25px;
    margin-top:0;
    width: 24px;
}

.hp-form-postcode-PositionFix {
	 width: 200px!important;
}

.hp-address-finded {
    left: -201px\0/;
    padding-bottom: 38px;
    padding-top: 2px;
    position: relative;
	top: 16px;
    top: 38px\0/ !important;
}

.hp-table-with-adress {
}

.hp-populate-address {
	text-decoration: none;
}

.hp-table-row-address:hover {
	background: none repeat scroll 0 0 gray;
}

.hp-table-row-adress-one {
	background-color: #F0F0F0;
}

/*
|--------------------------------------------------------------------------

| Media types styles

|--------------------------------------------------------------------------
| 
| 

*/

.hp-form-medias-add {
    float: left;
    height: 24px;
    width: 24px;
    background : url("/horizon-web/images/controls.png.brand") no-repeat scroll -1007px 0 transparent;
}

.hp-form-medias-remove {
    float: left;
    height: 24px;
    width: 24px;
    background : url("/horizon-web/images/controls.png.brand") no-repeat scroll -1077px 0 transparent;
}

.hp-medias-container-emails, .hp-medias-container-smses,
.hp-medias-container-faxes, .hp-medias-container-pagers,
.hp-medias-container-mobiles, .hp-medias-container-telephones  {
    clear: both;
    content: "";
}

/*
|--------------------------------------------------------------------------
| Password strength meter styles
|--------------------------------------------------------------------------
| 
| 
*/

.hp-form-passwordStrengthMeter {
    background: #F7542C;
    height: 9px;
    left: 15px;
    margin-left: 0;
    position: absolute;
    top: 20px;
    width: 20px;
}

.hp-form-passwordStrengthMeterText {
    color: #F7542C;
    display: inline;
    font-size: 10px;
    left: 15px;
    margin-left: 0;
    position: absolute;

    top: 30px;
    width: 78px;
}

/*
|---------------------------------------------------------------------------|
|																			|
| 				Error messages in each field styles							|
|																			|
|---------------------------------------------------------------------------|
*/ 

.hp-input-errorMessage {
	margin-left: 5px;
	color: red;
	float: left;
}

.errorInput {
	border: red 2px solid !important;
}
/*
|---------------------------------------------------------------------------|
|																			|
| 				Opt-in table styles (disign time)							|
|																			|
|---------------------------------------------------------------------------|
*/ 

#opt-in-categories-table {
    margin-top: 10px;
    width: 100%;
}

#opt-in-categories-table table th {
    font-size: 12px;
    font-weight: bold;
	text-align: center;
}

#opt-in-categories-table table th, #opt-in-categories-table table td {
    padding: 0 5px;
}

#opt-in-categories-table table td input {
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: -2px;
}

#opt-in-categories-table table label {
    font-size: 13px;
}

#opt-in-categories-table table {
    border: medium none;
}

#opt-in-categories-table table td, #opt-in-categories-table table th {
    border: medium none;
	min-width: 45px;
}

/*
|--------------------------------------------------------------------------
| HTK Horizon Landing Page Forms Layout
|--------------------------------------------------------------------------
| 
| 
*/

form.hp-smartInsertForm {
	margin: 0;
	padding: 0;
}


form.hp-smartInsertForm .hp-form-submit-button input {
	padding: 6px 10px 8px 10px;
	line-height:120%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


form.hp-smartInsertForm fieldset {
	border-width:0px;
	padding: 0;
	font-size: 13px;
}


form.hp-smartInsertForm .hp-form-item {
	margin: 0;
	padding: 10px 0;
	clear: both;
}


form.hp-smartInsertForm .hp-form-item .hp-form-item-body {
	float: left;
	width: 250px;
}


form.hp-smartInsertForm fieldset.hp-form-group-checkbox .hp-form-group-item {
	margin: 5px 0;
	float: left;
}


form.hp-smartInsertForm .hp-form-item .hp-form-item-label {
	float: left;
	width: 130px;
	max-width: 300px;
	min-height: 1px;
	font-weight: normal;
	text-align: left;
	display:block;
}


form.hp-smartInsertForm .hp-form-item .hp-form-item-body label {
	float: none;
	width: auto;
	max-width: auto;
	font-weight: normal;
}


form.hp-smartInsertForm .hp-form-group-item label {
	cursor: pointer;
}


form.hp-smartInsertForm .hp-form-item.form-text .hp-form-item-label,
form.hp-smartInsertForm .hp-form-item.form-select .hp-form-item-label {
	padding: 0;
}


form.hp-smartInsertForm input[type=text],
form.hp-smartInsertForm input[type=password],
form.hp-smartInsertForm textarea {
	font-family: Arial, sans-serif;
	width: 250px;
	padding: 5px;
	border: 1px solid #ccc;
}


form.hp-smartInsertForm select {
	font-family: Arial, sans-serif;
	width: 250px;
	height: 30px;
	color: #333;
}


form.hp-smartInsertForm .hp-form-submit {
/**	display: inline-block; **/
	padding-top: 20px;
	padding-bottom: 10px;
	background: url(images/button_arrow.png) no-repeat 20% 100%;
}


form.hp-smartInsertForm .hp-form-submit input  {
	margin: 0;
	padding: 8px 20px;
	font-family: Century Gothic, sans-serif;
	font-size: 1.286em;
	color: #fff;
	text-shadow: 1px 1px 2px #383838;
	filter: dropshadow(color=#383838, offx=1, offy=1); 
	background: #68c534 url(images/button_bg.png) repeat-x 0 0;
	border: none;
	border-width: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}

.htk_button, .htk_button_cta {
	margin: 0;
	padding: 8px 20px;
	font-family: Century Gothic, sans-serif;
	font-size: 1.286em;
	color: #fff;
	text-shadow: 1px 1px 2px #383838;
	filter: dropshadow(color=#383838, offx=1, offy=1); 
	background: #68c534 url(images/button_bg.png) repeat-x 0 0;
	border: none;
	border-width: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}

form.hp-smartInsertForm fieldset.hp-form-group-checkbox,
form.hp-smartInsertForm fieldset.hp-form-group-radio {
	margin: 0;
}

iframe {width:100%}

.player .video-wrapper {
position: absolute;
width: 100%;
height: 100%;
background:none!important;
}

/*
|--------------------------------------------------------------------------
| Login page styles
|--------------------------------------------------------------------------
| 
| 
*/

#login-page-content-container {
font-weight: bold;
font-family: Arial,Helvetica,sans-serif;
margin-top:5%;
margin-left:30%;
}