/* CSS Document */

/* This is the CSS for ittv -  website designed and build by Richard Salisbury 31.10.06 */

/* Tags */

body, input, textarea, select {
  font-family: Arial, Helvetica, sans-serif;
  color: #434F60;
  margin-top: 5px;
  font-size: 11px;
  background-color:#F9F9F9;
}

body  {

  background-image: url(../images/ittv_home_topbg_slither2.gif);
  background-repeat:repeat-x;
}




.smallprint {
  font-family: Arial, Helvetica, sans-serif;
  color: #434F60;
  margin-top: 0px;
  font-size: 9px;
}


p {
	padding:0px 0px 8px 0px;
	margin: 0px;
	background-color:#fff;
}

a {
	color:#004A71;
  text-decoration: none;
	font-size:11px;
}

a:hover {
  text-decoration: underline;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	color: #383879;
}

h2 {
	font-size: 13px;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	color: #C00122;
}

div.holder {
	margin: 0 auto;
	height: auto;
	width: 760px;
	padding: 0px 0px 0px 0px;
}

ul {
  margin: 0px;
  padding: 10px 0px 10px 20px;
}

input {
  border: 1px solid #004A71;
}

textarea {
  border: 1px solid #004A71;
}

span.required {
  color: #FF0000;
}


/* main - this is the header section */
/* Custom */ 

div.header {
	margin: 0 auto;
	height: 76px;
	width: 760px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	
}

div.logo {
	width: 107px;
	height: 41px;
	float:left;
	position: relative;
	left: 0px;
	top: 10px;
}

div.banner468x60 {
	width: 468px;
	height: 60px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	position: relative;
	top: 7px;
	left: 10px; 
}

div.tel {
	width: 129px;
	height: 19px;
	float:left;
	padding: 0px;
	margin: 0px;
	position: relative;
	  left: 30px;
	  top: 4px;
}

div.free_trial_button {
	width: 140px;
	height: 24px;
	float:left;
	padding: 0px;
	margin: 0px;
	position: relative;
	  left: 25px;
	  top: 15px;
}


/* main - this is the top nav section */

div.topnav{
	height: 20px;
	width: 748px;	
	clear: both;
	background-image:url(../images/complete_topnav_bg4.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 10px 0px;
}

div.topnav ul{
	display: block;
	margin: 0px auto;
	padding: 2px 0px 0px 0px;
	width: 647px;
}

div.topnav li{
	display: block;
	margin: 0px;
	padding: 0px 0px;
	float: left;
	list-style-type: none;
	text-align:center;
	font-size: 11px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

div.topnav li#first_item {
  border-left: 2px solid #FFFFFF;
}

div.topnav li#last_item {
  border-right: 2px solid #FFFFFF;
}

div.topnav li a#selected {
  background-color:#DF273E;
}

div.topnav a {
  color: #FFFFFF;
  padding: 3px 14px;
  display: block;
  font-weight: bold;
}


/* main - this is the left column section */

div.leftcol{
	height: auto;
	width: 150px;
	margin: 0px;
	float: left;
	padding: 0px 0px 0px 5px
}




div.bulletpoint_box_head{
	float: left;
	height: 20px;
	width: 150px;
	background-image:url(../images/bulletpoint_box_head2.gif);
	margin: 0px;
	font-size: 0px;
}

div.bulletpoint_box_mid{
	float: left;
	height: auto;
	width: 150px;
	background-image:url(../images/bulletpoint_box_mid.gif);
	margin: 0px;
	padding: 0px 0px;
}


div.bulletpoint_box_bottom{
	float: left;
	height: 9px;
	width: 150px;
	background-image:url(../images/bulletpoint_box_bottom.gif);
	margin: 0px;
	font-size: 0px;
}


div.bulletpoint_box_mid img#plugandplaylogo{
	position: relative;
		top: 4px;
}




/* this is the left nav section */

ul.sub_nav {
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

ul.sub_nav li {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	list-style-type: none;
	display: block;
	background-image: url(../images/sidenav_button_off.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

ul.sub_nav li#sub_selected {
  background-image: url(../images/sidenav_button_on.gif);
	background-repeat: no-repeat;
}


img#leftbanner1{
	margin: 0px 0px 10px 0px;
}

img#leftbanner2{
	margin: 0px 0px 10px 0px;
}


/* main - this is the content section */

div.main{
	width: 590px;
	height: auto;
	font-size: 11px;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	float: left;
}

div.main a#flash_link {
  display: block;
  float: left;
  width: 150px;
  height: 50px;
  z-index: 2;
}

div.main_internal{
	width: 448px;
	height: auto;
	font-size: 11px;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	float: left;
}

div.maincol_head_internal{
	height: 2px;
	width: 447px;
	background-image:url(../images/wider_keylinebox_top.gif);
	margin: 10px 0px 0px 0px;
	font-size: 0px;
}

div.maincol_internal{
	height: auto;
	width: 428px;
	background-image:url(../images/wider_keylinebox_centre1px.gif);
	background-repeat:repeat-y;
	margin: 0px;
	padding: 0px 10px;
}

div.maincol_foot_internal{
	height: 2px;
	width: 447px;
	background-image:url(../images/wider_keylinebox_bottom.gif);
	background-repeat:no-repeat;
	margin: 0px;
	font-size: 0px;
}

div.col3_container{
	float: left;
	height: auto;
	width: 124px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

img#col3_reseller{
	margin: 0px;
}

img#col3_demo{
	margin: 10px 0px 0px 0px ;
}

div.col3newsbox_head{
	height: 30px;
	width: 121px;
	background-image:url(../images/ittv_col3news_top.gif);
	margin: 10px 0px 0px 0px;
	font-size: 0px;
}

div.col3newsbox{
	height: auto;
	width: 105px;
	background-image:url(../images/ittv_col3news_1px_slither.gif);
	margin: 0px;
	padding: 5px 8px 0px 8px;
}


div.col3newsbox_foot{
	height: 2px;
	width: 121px;
	background-image:url(../images/ittv_col3news_bottom.gif);
	margin: 0px;
	font-size: 0px;
}

img#repromotion_logo_internal{
	margin: 10px 10px 5px 10px;
	
}


/* main - this is the content section  -  left side - column a  */


div.maincol_a_container{
	float: left;
	height: auto;
	margin: 0px;
	width: 300px;
	margin: 8px 0px 0px 0px;
}


div.maincol_a_head{
	float: left;
	height: 9px;
	width: 300px;
	background-image:url(../images/main_leftbox_top.gif);
	margin: 0px;
	font-size: 0px;
}



div.maincol_a{
	float: left;
	height: auto;
	width: 282px;
	background-image:url(../images/main_leftbox_1px_slither.gif);
	margin: 0px;
	padding: 0px 8px;
}


div.maincol_a_foot{
	float: left;
	height: 8px;
	width: 300px;
	background-image:url(../images/main_leftbox_bottom.gif);
	margin: 0px;
	font-size: 0px;
}

/* main - this is the content section  -  right side - column b */


div.maincol_b_container{
	float: left;
	height: auto;
	margin: 0px;
	clear: none;
	width: 280px;
	padding: 0px 0px 0px 10px;
	
}

img#flash_applet{
	margin: 10px 0px 0px 0px;
}


img#demo{
	margin: 0px ;
}


img#repromotion_logo{
  float: left;
	margin: 0px;
	position: relative;
	  top: 25px;
	  left: 25px;
}

div.right_info a {
  background-image: url(../images/ittv_col3demo.gif);
  background-repeat: no-repeat;
  width: 121px;
  height: 103px;
  display: block;
  margin: 10px 0px 0px 0px;
}

div.right_info a:hover {
  background-position: bottom;
}

div.home_info {
  float: left;
  height: 98px;
  width: 140px;
  margin: 0px 0px 10px 0px;
}

div.home_info a {
  background-image: url(../images/ittv_requestinfo_cd.gif);
  background-repeat: no-repeat;
  width: 140px;
  height: 98px;
  display: block;
  margin: 10px 0px 0px 0px;
}

div.home_info a:hover {
  background-position: bottom;
}

/*--------------------new from here---------------------*/


img#reseller{
	margin: 10px 0px 0px 0px ;
}

div.home_reseller {
  width: 119px;
  height: 100px;
  margin: 10px 0px 0px 16px;
  padding: 0px;
  float: left;
}

div.home_reseller a {
  display: block;
  width: 120px;
  height: 98px;
  margin: 0px;
  padding: 0px;
  background-image: url(../images/ittv_homepage_reseller_btn.gif);
  background-repeat: no-repeat;
}

div.home_reseller a:hover {
  background-position: bottom;
}




img#repromotion_logo_home{
	margin: 10px 0px 0px 0px;
	float: left;
	position: relative;
	  top: 0px;
	  left: 80px;
}



img#repromotion_logo{
	margin: 10px 0px 0px 0px;
	float: left;
	position: relative;
	  top: 25px;
	  left: 25px;
}





/*--------------------to here---------------------*/




















/* main - this is the footer section */

div.footer_nav {
	height: 100px;
	width: 760px;	
	background-image:url(../images/black_footer_bg.gif);
	background-repeat:no-repeat;
	background-position: 0px 10px;
	margin: 0px auto;
	clear: both;
	padding: 10px 0px 0px 0px;
}

div.footer_nav ul{
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 64px;
}

div.footer_nav li{
	display: block;
	margin: 0px;
	padding: 0px 0px;
	float: left;
	list-style-type: none;
	text-align:center;
	font-size: 11px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

div.footer_nav li a {
  color: #FFFFFF;
  display: block;
  padding: 4px 14px;
}


p.credits{
	height: auto;
	width: 270px;
	margin: 0px;
	clear: both;
	float:left;
	position: relative;
	  top: 5px;
	  left: 35px;
	  background-color:#F9F9F9;
}


p.credits_right{
	height: auto;
	width: 370px;
	margin: 0px;
	float: right;
	text-align: right;
	position: relative;
	  top: 3px;
	  left: -35px;
	  background-color:#F9F9F9;
}

div#news {
  height: 110px;
  border-bottom: 1px solid #004A71;
  padding: 5px 0px 0px 0px;
}

div#news img {
  border: 1px solid #004A71;
  padding: 5px;
  margin: 0px 0px 10px 10px;
  float: right;
}

div#news_main img {
  border: 1px solid #004A71;
  padding: 5px;
  margin: 0px 0px 10px 10px;
  float: right;
}

div.newsitem {
  height: auto;
  padding: 0px 0px 10px 0px;
  margin: 0px;
}

div.confirmation {
  border: solid 1px #00F;
  margin: 10px 0px;
  padding: 5px 0px;
  background: url(/images/blue_info_graphic.gif) #E1E1FF no-repeat 6px 7px;
}

div.confirmation p {
  margin: 0px 30px;
  padding-bottom: 5px;
  padding-left:0px;
  text-align: justify;
  background-color: #E1E1FF;
}

div.confirmation ul {
  color: #F00;
  list-style-type: disc;
  list-style-position: inside;
  font-weight: bold;
  margin: 0px 0px 0px 30px;
  padding: 0px;
}

div.confirmation ul li {
  margin-bottom: 3px;
}

div.errors {
  position:relative;
  border: solid 1px red;
  margin: 10px 0px;
  padding: 5px 0px;
  background: url(/images/ordererror.gif) #FFE1E1 no-repeat 6px 7px;
}

div.errors p {
  margin: 0px 30px;
  padding-bottom: 5px;
  text-align: justify;
  background-color: #FFE1E1;
}

div.errors ul {
  color: #F00;
  list-style-type: disc;
  list-style-position:inside;
  font-weight:bold;
  margin:0px 0px 0px 30px;
  padding:0px;
}

div.errors ul li {
  margin-bottom:3px;
}

div.content_library {
  width: auto;
  height: auto;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 5px 0px;
  border-bottom: 1px solid #004A71;
}

div.content_library p {
  margin: 0px;
  padding: 0px 0px 5px 0px;
}

div.content_library h2 {
  margin: 0px;
  padding: 5px 0px 0px 0px;
}

div.content_library h2 a {
  font-size: 14px;
  font-weight: bold;
}

div.content_library h3 {
  margin: 0px;
  padding: 5px 0px 0px 0px;
  font-size: 12px;
  font-weight: bold;
}

div.rss_button {
  width: 109px;
  float: right;
  height: 20px;
  border: 1px solid #E67728;
  background-color: #
}

div.rss_button a {
  background-image: url(../images/rss_logo.jpg);
  background-repeat: no-repeat;
  padding: 3px 0px 3px 22px;
  display: block;
}