@charset "utf-8";
/* CSS Document */


html {
	background-image: url(/images/back.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#16130b;
}

body {
	font-size:0.625em;
	font-family:Tahoma, Geneva, sans-serif;
	padding-bottom:10px;
}
p {
	margin-bottom:0.5em;
}
strong {
	font-weight:bold;
}
a {
	font-size:12px;
	color:#dbbe72;
}
a:hover {
	color:#FFF;
	text-decoration:none;
}

/* this the basic container that includes the shadow on the right */
#container-outer {
	background-color:#000;
	width:967px;
	margin:27px auto 10px auto;
	background-image: url(/images/index-box-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
/* the container inside container-outer */
#container-in {
	width:961px;
	margin-left:0px;
}

/* menu and stuff */
#header {
	height:110px;
	background-image: url(/images/hol.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
}

#slogan {
	color:#b4975a;
	font-size:1.3em;
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
	margin-left:auto;
	width:420px;
	line-height:40px;
}

#menu {
	position:absolute;
	top:83px;
	width:550px;
	height:26px;
	line-height:26px;
	margin-left:auto;
	left: 400px;
}

#menu a {
	line-height:26px;
	height:26px;
	display:block;
	float:left;
	color:#FFF;
	font-size:1.4em;
	font-weight:bold;
	margin-right:6px;
	text-align:center;
	background-image: url(/images/menu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration:none;
}

#menu a.menu1 {
	width:83px;
}
#menu a.menu1-on,
#menu a.menu1:hover,
#menu a.menu1:active {
	color:#000;
	background-position: left -52px;
}

#menu a.menu2 {
	width:73px;
}
#menu a.menu2-on,
#menu a.menu2:hover ,
#menu a.menu2:active {
	color:#000;
	background-position: left -26px;
}

#menu a.menu3 {
	width:111px;
}
#menu a.menu3-on,
#menu a.menu3:hover,
#menu a.menu3:active {
	color:#000;
	background-position: left -78px;	
}
#menu a.menu4 {
	width:117px;
}
#menu a.menu4-on,
#menu a.menu4:hover,
#menu a.menu4:active {
	color:#000;
	background-position: left -104px;	
}

#menu a.menu5 {
	width:119px;
}
#menu a.menu5-on,
#menu a.menu5:hover,
#menu a.menu5:active {
	color:#000;
	background-position: left -130px;	
}


#banner-home {

}

#home-cont {
	margin-bottom:5px;
}

div.home-left {
	width:731px;
	float:left;
}

div.home-right {
	width:213px;
	float:left;
	padding-top: 10px;
	margin-left: 10px;
}

#home-intro {
	height:144px;
	padding-left: 16px;
}
#home-intro img {
	padding-top:10px;
}

#home-boxes {
	padding-left:16px;
}

#home-demo {
	width:294px;
	height:234px;
	background-image: url(/images/home-demo-back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
	font-size:1.2em;
}

#home-demo div {
	width:220px;
	color:#FFF;
	position:absolute;
	top:180px;
	left:5px;
}
#home-demo a {

}

#home-video {
	float:right;
	width:413px;
	height:234px;
	background-image: url(/images/home-video-back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size:1.2em;
}

#home-video-info {
	color:#FFF;

	padding-left:5px;
}

#home-video-info div {
	margin-bottom:4px;
}
#home-video-info h2 {
	font-weight:bold;
	padding-bottom:8px;
	font-size:1.2em;
}
#home-video-info strong {
	font-weight:bold;
}

#home-demo h1,
#home-video h1 {
	padding:5px 7px;
}
	
	
#home-demo h1 a,
#home-demo h1 a:link,
#home-demo h1 a:active,
#home-demo h1 a:visited,
#home-video h1 a,
#home-video h1 a:link,
#home-video h1 a:active,
#home-video h1 a:visited {
	text-decoration:none;
	font-size:1.2em;
	font-weight:bold;
	color:#FFF;
}

/* home right column */

#search-box {
	width:171px;
	height: 80px;
	margin-right:0px;
	margin-left:auto;
	position:relative;
	margin-bottom:10px;
	background-image: url(/images/search_support_back.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#search-box .search-text {
	font-size:1em;
	color:#FFF;
	padding:0px 10px 10px 12px;
}

#search-box .search-left {
	position:absolute;
	width:124px;
	height:19px;
	top:40px;
	left:7px;
}
#search-box .search-left input {
	font-size:1.3em;
	height: 16px;
	width: 120px;
	border:#FFF 0px none;
	padding:1px 3px;
	margin-top:1px;
}
#search-box .search-right {
	position:absolute;
	width:20px;
	height:19px;
	top:40px;
	left:140px;
}


#availability-box {
	background-image: url(/images/availability-back.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 124px;
	width: 203px;
	position:relative;
	margin-bottom:10px;
}
#availability-box h3 {
	font-size:1.5em;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	padding:7px;
}
#availability-box .insert-number {
	position:absolute;
	font-size:1em;
	color:#FFF;
	text-align:center;
	top:48px;
	width:200px;
}
#availability-box .avail-left {
	position:absolute;
	width:162px;
	height:19px;
	top:63px;
	left:7px;
	background-image: url(/images/availability-field.gif);
	background-repeat:no-repeat;
}
#availability-box .avail-left input {
	font-size:1.3em;
	margin-left:2px;
	margin-top:1px;
	height: 16px;
	width: 154px;
	border:#FFF 0px none;
	padding:0px 2px;
}
#availability-box .avail-right {
	position:absolute;
	background-color:#909;
	width:20px;
	height:19px;
	top:63px;
	left:176px;
}

/* availability check form inside page START */
form.availability_check {
	padding:20px 12px 0px 12px;
	font-size:1.3em;	
}
form.availability_check label {
	color:#FFF; 
	float:left; 
	width:160px; 
	height:24px;
	line-height:22px;
}

div.phone_field {
	color:#FFF;
	float:left;
	width:160px;
	margin-right:5px;
}
div.phone_field input {
	width:150px;
	border:1px solid #000;
	padding:3px 5px;
}
div.phone_submit {
	color:#FFF; 
	float:left; 
	width:170px; 
}
div.phone_submit input {
	width:130px;
	height:24px;
	border:1px solid #000;
	background-color: #352b0f;
	color:#FFF;
}
/* availability check form inside page END */



#application-box {
	margin-bottom:10px;
	width: 203px;
}
#application-box a {
	background-image: url(/images/online_application_back.gif);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height:32px;
	line-height:32px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	font-size:1.5em;
	font-weight:bold;
}
#application-box a:hover {
	background-position: center bottom;
}
#banner-box {
		
}

#footer {
	padding:10px 16px 10px 16px;
	color:#FFF;	
}
#footer a {
	color:#FFF;
	text-decoration:none;
}
#footer a:hover {
	text-decoration: underline;
}
.footer-left {
	width:200px;
	float:left;
}
.footer-right {
	margin-left:50%;
	text-align:right;
}
/* basic three column */
#containter-three-col {
	margin-bottom:5px;
	padding-top: 10px;
}

#right-col {
	float:right;
	width:217px;	
	color:#FFF;
}

#left-col {
	float:left;
	width:187px;
	color:#FFF;
	padding-bottom: 20px;
}
#left-col .left-col-up {
	background-image: url(/images/left-col-box-up.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width:171px;
	height: 3px;
	margin-left:auto;
	margin-right:0px;
	font-size:0.1em;	
}

#left-col .left-col-down {
	background-image: url(/images/left-col-box-down.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	width:171px;
	margin:0px 0px 10px auto;
}

#left-col .video-search-up {
	height: 3px;
	background-image: url(/images/video-search-up.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width:171px;
	margin-right:0px;
	margin-left:auto;
	font-size: 0.1em;
}

#left-col .video-search-down {
	background-image: url(/images/video-search-down.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	width:171px;
	margin:0px 0px 10px auto;
}

#left-col .userguide-box {
	background-image: url(/images/userguide_box.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width:171px;
	height: 152px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: auto;
}


#center-col {
	float:left;
	width:535px;
	margin-left:10px;
}

div.left-col-head,
div.right-col-head {
	font-size:1.5em;
	font-weight:bold;
	padding:4px 12px 10px 12px;
}

div.left-col-cats {
	padding-bottom:15px;
}
div.left-col-cats ul {
	padding-left:12px;
}
div.left-col-cats li {
	margin-bottom:9px;
}
div.left-col-cats a {
	font-size:1.2em;
	color:#e5c676;
	font-weight:bold;
	display:block;
}
div.left-col-cats a:hover, 
div.left-col-cats a.cat-cur{
	color:#FFF;
	text-decoration:none;	
}

div.left-col-text {
	padding-left:12px;
	padding-right:5px;
}
div.breadcrump {
	background-image: url(/images/breadcrump-back.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	line-height: 26px;	
	padding-left:9px;
	font-size:1.2em;
	color:#dabe6f;
	margin-bottom:10px;
}
div.breadcrump a {
	color:#dabe6f;
	text-decoration:none;
}

div.breadcrump a:hover {
	text-decoration:underline;
}

div.center-col-box-top {
	background-color:#473a15;
}

div.center-col-box-top-l {
	float: left;
	width: 3px;
	height:3px;	
	background-image: url(/images/centre-box-top-l.png);
	background-repeat: no-repeat;
	background-position: left top;
}
div.center-col-box-top h1 {
	background-image: url(/images/centre-box-top-m.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding:6px 9px 6px 9px;
	margin-right: 3px;
	margin-left: 3px;
	color:#FFF;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.5em;
}
div.price {
	padding:3px 9px 6px 9px;
	margin-right: 3px;
	margin-left: 3px;
	color:#FFF;
	font-size:1.4em;
	line-height:2em;
	background-image: url(/images/line.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
div.center-col-box-top-r {
	background-image: url(/images/centre-box-top-r.png);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	width: 3px;
	height:3px;
}

div.center-col-box-bot {
	background-image: url(/images/centre-box-bot.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

/* Channels Start */
.header-channels {
		background-repeat: no-repeat;
		background-position: left bottom;
		font-size:1.5em;
		color:#FFF;
		padding:25px 0px 8px 30px;
		margin:0px 20px;
		background-image: url(/images/channels-head-back.png) !important;
		background-position: left bottom !important;		
		background-position:-1500px;
}
.channels {
	padding:20px 12px;
}	
.channels-left {
	width:150px;
	float:left;
}
a.channel-link {
	display:block;
	margin-bottom:4px;
	font-size: 1.3em;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration:none;
	padding-left:13px;
	outline:none;
	background-image: url(/images/channel-line.png) !important;
	background-image:none;

}
a.channel-link:hover,
a.channel-link-on {
	background-position: left bottom;
	color:#FFF;
}

#channels-right {
	float:left;
	width:350px;
}
.channel-info {
	padding:0px 0px 0px 30px;
	font-size:1.2em;
	color:#FFF;
}

/* Channels End */

/* Video Club */
div.video-search-small {
	padding:4px 12px 10px 12px;
}
div.video-search-small input.queryfield {
	border:0px solid;
	font-size:1.3em;
	width:110px;
	line-height:19px;
	height:19px;
}
div.video-search-small div.videoquery {
	margin-right:30px;
}

div.video-search-small select {
	border:0px solid;
	font-size:1.2em;
	width:120px;
}
div.video-search-small div.select-field {
	margin-bottom:8px;
}

div.video-search-small div.videosubmit {
	float:right;
	width:24px;
}

div.movies {
	padding:6px;
}

div.movie-thumb {
	width:168px;
	background-image: url(/images/movies-back.gif);
	background-repeat: no-repeat;
	background-position: -132px bottom;
	text-align:center;
	padding:8px 0px 5px 0px;
}
div.movie-thumb h2 {
	color:#FFF;
	font-size:1.2em;
	font-weight:bold;
	padding:3px 7px;
	text-align:left;
}
div.movie-thumb h2 a {
	color:#FFF;
	text-decoration:none;
}
div.movie-thumb h2 a:hover {
	text-decoration:underline;
}

.movies td {
	padding-bottom:8px;
}
div.movie-poster-thumb {
	width:154px;
	text-align:center;
	margin:auto;
}

div.movie-summary {
	font-size:1.2em;
	line-height:1.3em;
	padding:6px 0px;
	color:#FFF;
}

td.paging {
	padding:6px 3px;
	color:#FFF;
	font-size:1.1em;
}
td.paging a {
	text-decoration:underline;
	color:#FFF;
	font-size:1.1em;
}
td.paging a:hover {
	text-decoration:none;
}

/* Video Club END */


/* Support */
#left-col .userguide-box a {
	text-decoration:none;
	color:#FFF;
}
#left-col .userguide-box a:hover {
	text-decoration:underline;
}

/* HOL TV */
.center-panel-top {
	margin:auto;
	width:518px;
	background-image: url(/images/center-panel-top.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 6px;
}
.center-panel-top h2 {
	padding:2px 10px 4px 10px; 
	font-size:1.4em;
	font-weight:bold;
	color:#dabe6f;
}
.center-panel-top div.text {
	padding:0px 10px 6px 10px;
	font-size:1.2em;
	color:#FFF;
	line-height:1.2em;	
}
.center-panel-top div.text strong {
	color: #EDD89E;
	font-size:1.1em;
}
.center-panel-top div.text h3,
div.text-free h2 {
	color: #EDD89E;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.1em;
}

.center-panel-bot {
	margin:auto;
	width:518px;
	height:5px;
	background-image: url(/images/center-panel-bot.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom:10px;
}

.center-col-box-bot div.text-free {
	padding:8px 12px;
	font-size:1.2em;
	color:#FFF;
	line-height:1.2em;
}

/* Video Club One movie */
.movies-one {
	padding:6px 9px;
}
.movies-one-left {
	float:left;
	width:180px;
	padding-bottom:10px;
}
.movies-one-right {
	margin-left:181px;
	color:#FFF;
	font-size:11px;
}
.movies-one-right td {
	font-size:1.1em;
	padding:3px 0px;
}
.movies-one-right a {
	font-size:1.1em;
}

/* IMDB */
#stars {
	background-image: url(/images/stars-off.png) !important;
	background-image: url(/images/stars-off.gif);	
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	height: 20px;
	width: 112px;
}
#stars-in {
	background-image: url(/images/stars-on.png) !important;
	background-image: url(/images/stars-on.gif);	
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 0px;
}

/* price */
div.price-includes {
	padding-left:70px;
	padding-top:10px;
	padding-bottom:10px;
	color: #957a30;
	font-size:1.3em;
	font-weight:bold;
}
ul.price-elements {

}

ul.price-elements li {
	margin-left:10px;
	background-repeat: no-repeat;
	background-position: left bottom;
	line-height: 25px;
	font-size: 1.4em;
	color: #FFF;
	padding-left: 90px;
	margin-bottom:6px;
	background-image: url(/images/price-element.png) !important;
	background-image:  url(/images/price-element.gif);
}
ul.price-elements li.two-lines {
	background-image:url(/images/price-element-2-lines.png) !important;
	background-image:  url(/images/price-element.gif);
}

div.price-notes {
	margin-left: 15px;
	color:	#FFF;
}
ol.price-notes {

}
ol.price-notes li {
	margin-left: 15px;
	list-style-position: inside;
	list-style-type: decimal;
	color:	#FFF;
	font-size:1.1em;
}
table.price-other {
	font-size:1.2em;
	margin-top:10px;
	width:400px;
}
table.price-other td {
	color: #FFF;
	padding:4px 6px;
	border:1px solid #604f20;
}
table.price-other td.price {
	text-align:center;
	font-weight:bold;
}
/* why hol tv */
ul.whyholtv {
	list-style-type: disc;
	padding-top:15px;
}
ul.whyholtv li {
	list-style-position: outside;
	margin-left: 20px;
	margin-bottom: 5px;
}

/* Support */
.questions-up {
	background-image: url(/images/support-questions-back-on.png);
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 1px;
	height: 3px;
	width: 511px;
}

.questions-down {
	background-image: url(/images/support-questions-back.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 511px;
	margin-bottom:5px;	
}
.questions-down-in,
.questions-down-in-file {
	padding:6px 8px 6px 8px;
	color:#FFF;
	font-size:1.3em;		
}

.answers {
	background-image: url(/images/support-answers-back-down.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom:3px;
	width: 511px;
	margin-bottom:15px;
}
.answers-up br {
	font-size:5px;
	line-height:5px;
}
.answers-up {
	background-image: url(/images/support-answers-back.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding:8px 0px ;
	width: 511px;
}
.answers-up-in {
	padding:6px 8px 3px 8px;
	color:#FFF;
	font-size:1.2em;	
}
.answers-up-in ul {
	padding:15px 0px 5px 20px;
}
.answers-up-in li {
	list-style-position: outside;
	list-style-type: disc;
	padding-bottom: 3px;
}

.files-list {
	padding:10px 0px;
}
.files-list h3{
	font-weight:bold;
	padding:8px 0px;
}
.files-list .pdf-file,
.files-list .word-file {
	padding-left:15px;
	margin-bottom:5px;
}
.files-list div,
.files-list a {
	font-size:14px;
}
/* Support END */


/* Contact form START */
div.contact-form {
	padding:5px 8px;
}
div.contact-form table {
}
div.contact-form table td {
	font-size:1.2em;
	color:#FFFFFF;
	padding:5px;
}
div.contact-form input {
	width:150px;
	padding:3px;
}
div.contact-form label.error {
	padding-left:5px;
	border-left: 5px solid #CC0000;
}
div.contact-form input.error {
	border: 1px solid #CC0000;
}
ul.error_messages {
	padding:10px 10px;
}
ul.error_messages li {
	border-left: 3px solid #CC0000;
	margin-bottom:4px;
	padding-left:4px;
	font-size:1.2em;
	color:#FFFFFF;
}
/* Contact form END */
