﻿/*  *********************************************/
/*  	 					*/
/*  HTK Horizon web theme                       */
/*  Customer Rewards demo theme                  */
/*  	 					*/
/*  *********************************************/

/* 
|--------------------------------------------------------------------------
| Container width - set it to either 960px or 100%
|--------------------------------------------------------------------------
*/
.HTK_MainContainer, .htk_maincontainer {
	width: 100%;
}

/* 
|--------------------------------------------------------------------------
| Background colours
|--------------------------------------------------------------------------
*/

html, body {
	background-color: #052C7A;
}

.HTK_Background , .htk_background {
	background-color: #ffffff;
}

.HTK_Background, .htk_background { 
	background-image: none; 
}

.HTK_HeaderWrapper, .htk_headerwrapper {
	background-color: #0574F9;
	border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.htk_header {
	margin-top:0px;
}

.HTK_Logo img, .htk_logo img {
    display: block;
    max-width: 200px;
	height:auto;
}

.HTK_MainWrapper, .htk_mainwrapper {
	background-color: #ffffff;
}

.HTK_FooterWrapper, .htk_footerwrapper {
	background-color: #052C7A;
}

.htk_footer {
	color:#ffffff;
}

.HTK_PostFooterWrapper, .htk_postfooterwrapper {
	background-color: #052C7A;
}

.htk_postfooter {
	color:#ffffff;
}


/* 
|--------------------------------------------------------------------------
| Foreground colours
|--------------------------------------------------------------------------
*/

.HTK_Heading, .htk_heading, h1, .HTK_Heading h1, .htk_heading h1, em, blockquote {  
	color: rgb(33, 37, 41); 
}


.HTK_MainContainer, .HTK_MainWrapper, .HTK_FooterWrapper, .HTK_PostFooterWrapper,
.htk_maincontainer, .htk_mainwrapper, .htk_footerwrapper, .htk_postfooterwrapper {
	color: rgb(33, 37, 41);
}

h2, h3, h4 {
	color: rgb(33, 37, 41);
}

/* 
|--------------------------------------------------------------------------
| Link colours and styles
|--------------------------------------------------------------------------
*/

a, a:link, a:visited {
	color:#0574F9;
	text-decoration:underline;
	border-bottom:none;
}

a:hover, a:active {
	color:#0574F9;
	text-decoration:underline;
	border-bottom:none;
}

.htk_footer a, .htk_footer a:link, .htk_footer a:visited {
	color:#ffffff;
	text-decoration:underline;
	border-bottom:none;
}

.htk_footer a:hover, .htk_footer a:active {
	color:#ffffff;
	text-decoration:underline;
	border-bottom:none;
}

.htk_footer a, .htk_footer a:link, .htk_footer a:visited {
	color:#ffffff;
	text-decoration:underline;
	border-bottom:none;
}

.htk_postfooter a, .htk_postfooter a:link, .htk_postfooter a:visited {
	color:#ffffff;
	text-decoration:underline;
	border-bottom:none;
}

.htk_postfooter a:hover, .htk_postfooter a:active {
	color:#ffffff;
	text-decoration:underline;
	border-bottom:none;
}

/* 
|--------------------------------------------------------------------------
| Buttons
|--------------------------------------------------------------------------
*/

/* Call-to-action button */
.buyNow, .buyNow:hover, .buyNow:active, 
form.hp-smartInsertForm .hp-form-submit-button input, 
form.hp-smartInsertForm .hp-form-submit-button input:hover ,
.htk_button_cta, .htk_button_cta:hover, .htk_button_cta:active {
	text-shadow: none;
	color: #ffffff !important;
	border: solid 1px rgb(5,44,122) !important;
	border-radius: 2rem;
	background: rgb(5,44,122);
	min-width: 100px;
}

/* Other button */
.readMore, .readMore:hover, .readMore:active,
.htk_button, .htk_button:hover, .htk_button:active {
	color: #ffffff !important;
	text-shadow: none;
	border: solid 1px rgb(68,139,226) !important;
	border-radius: 2rem;
	background: rgb(68,139,226);
	min-width: 100px;
}


/* 
|--------------------------------------------------------------------------
| Text shadow
|--------------------------------------------------------------------------
*/

h1, h2, h3, h4 {
	text-shadow:none;
}

blockquote {
	text-shadow:none;
}

/* 
|--------------------------------------------------------------------------
| Fonts
|--------------------------------------------------------------------------
*/
.HTK_MainContainer, .htk_maincontainer, .HTK_Heading, .htk_heading, h1, h2, h3, h4, .HTK_Heading h1, .htk_heading h1 {
	font-family: Arial, Helvetica, sans-serif; 
}






