/*  *********************************************/
/*  	 					*/
/*  HTK Horizon web theme                       */
/*  Blue on a light background                  */
/*  	 					*/
/*  *********************************************/

/* 
|--------------------------------------------------------------------------
| For a light background, try:
| Page background: 	#eeeeee
| Footer background:	#cecece
| Text:			#777777 
| 
| For a dark background, try:
| Page background: 	#333333
| Footer background:	#666666
| Text:			#999999
| 
| Accent colours:
| Blue:			#2a8fbd (accent), #0c658e (active link), #0c668f (button border), #2a8fbd, #0f79aa (button gradient)
| Green: 		#8ead3c
| Orange: 		#ed5c28
| 
|--------------------------------------------------------------------------
*/

/* 
|--------------------------------------------------------------------------
| Container width - set it to either 960px or 100%
|--------------------------------------------------------------------------
*/
.HTK_MainContainer, .htk_maincontainer {
	width: 960px;
}

/* 
|--------------------------------------------------------------------------
| Background colours
|--------------------------------------------------------------------------
*/

html, body, .HTK_Background , .htk_background {
	background-color: #eeeeee;
}

.HTK_Background, .htk_background { 
	background-image: none; 
}

.HTK_HeaderWrapper, .htk_headerwrapper {
	background-color: #ffffff;
}

.HTK_MainWrapper, .htk_mainwrapper {
	background-color: #ffffff;
}

.HTK_FooterWrapper, .htk_footerwrapper {
	background-color: #cecece;
}

.HTK_PostFooterWrapper, .htk_postfooterwrapper {
	background-color: #transparent;
}

/* 
|--------------------------------------------------------------------------
| Foreground colours
|--------------------------------------------------------------------------
*/

.HTK_Heading, .htk_heading, h1, .HTK_Heading h1, .htk_heading h1, em, blockquote {  
	color: #2a8fbd; /* This is the main accent colour */
}


.HTK_MainContainer, .HTK_MainWrapper, .HTK_FooterWrapper, .HTK_PostFooterWrapper,
.htk_maincontainer, .htk_mainwrapper, .htk_footerwrapper, .htk_postfooterwrapper {
	color: #777777;
}

h2, h3, h4 {
	color: #39434D;
}

/* 
|--------------------------------------------------------------------------
| Link colours and styles
|--------------------------------------------------------------------------
*/

a, a:link, a:visited {
	color:#2a8fbd;
	text-decoration:none;
	border-bottom:1px #2a8fbd dotted;
}

a:hover, a:active {
	color:#0c658e;
	border-bottom:1px #0c658e dotted;
}

/* 
|--------------------------------------------------------------------------
| 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: 0 1px 1px #444;
	color: #ffffff !important;
	border: solid 1px #0c668f !important;
	background: #2a8fbd;
	background: -webkit-gradient(linear, left top, left bottom, from(#2a8fbd), to(#0f79aa));
	background: -moz-linear-gradient(top, #2a8fbd, #0f79aa);
	background: -ms-linear-gradient(top, #2a8fbd, #0f79aa); /* IE10 */
	background: -o-linear-gradient(top, #2a8fbd, #0f79aa); /* Opera 11.10+ */
	background: linear-gradient(top, #2a8fbd, #0f79aa);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a8fbd', endColorstr='#0f79aa');
}

/* Other button */
.readMore, .readMore:hover, .readMore:active,
.htk_button, .htk_button:hover, .htk_button:active {
	color: #777777 !important;
	text-shadow: 0 0px 1px #ffffff;
	border: solid 1px #e0e0e0 !important;
	background: #d0d0d0;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#d0d0d0));
	background: -moz-linear-gradient(top, #f2f2f2, #d0d0d0);
	background: -ms-linear-gradient(top, #f2f2f2, #d0d0d0); /* IE10 */
	background: -o-linear-gradient(top, #f2f2f2, #d0d0d0); /* Opera 11.10+ */
	background: linear-gradient(top, #f2f2f2, #d0d0d0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#d0d0d0');
}


/* 
|--------------------------------------------------------------------------
| Text shadow
|--------------------------------------------------------------------------
*/

h1, h2, h3, h4 {
	text-shadow:0px 1px 1px #fff;
}

blockquote {
	text-shadow:0 1px 0 #ccc;
}

/* 
|--------------------------------------------------------------------------
| 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; 
}


/* 
|--------------------------------------------------------------------------
| Bullets
|--------------------------------------------------------------------------
*/
ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
ul li
{
	list-style-type: none;
	background-image: url('images/yes.png');
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 20px;
	padding-bottom: 4px;
}

/* 
|--------------------------------------------------------------------------
| Shadow 
|--------------------------------------------------------------------------
*/
.shadow {
	width:940px;
	height:20px;
	margin: 0 auto 10px auto;
	background-image:url('images/shadow.png');
	background-position:center top;
	background-repeat:no-repeat;
}