body {background: url(img/bgimage.jpg);} 
  
  
  .tdborder 
      { 
      width: 62px;
      height: 42px; 
      border-bottom: thin solid #9B97A7;
      border-top: thin solid #D8D5DB;
      border-left: thin solid #D8D5DB;
      border-right: thin solid #9B97A7;
      padding: 0px;
      }


      #channels_grid td div
      {
      background: url(img/channel_images/channel_image_sprite_small.jpg); background-repeat: no-repeat;
      }
      
      #loadsecondimage
      {
      background: url(img/channel_images/channel_image_sprite_large.jpg);
      position: absolute;
      overflow: hidden;
      left: -9999px; 
      top: -9999px;
      height: 1px;
      width: 1px;
      }

#channels_grid .sprite-abchannel_small { background: url(img/channel_images/channel_image_sprite_small.jpg); background-repeat: no-repeat; background-position: 0 0; width: 35px; height: 30px; } 
#channels_grid .sprite-bbc_world_news_small { background: url(img/channel_images/channel_image_sprite_small.jpg); background-repeat: no-repeat; background-position: 0 -80px; width: 38px; height: 27px; } 
#channels_grid .sprite-bloomberg_small { background: url(img/channel_images/channel_image_sprite_small.jpg); background-repeat: no-repeat; background-position: 0 -157px; width: 46px; height: 15px; } 
#channels_grid .sprite-boing_small { background: url(img/channel_images/channel_image_sprite_small.jpg); background-repeat: no-repeat; background-position: 0 -222px; width: 43px; height: 20px; } 
#channels_grid .sprite-canale_5_small {background: url(img/channel_images/channel_image_sprite_small.jpg); background-repeat: no-repeat;  background-position: 0 -292px; width: 36px; height: 36px; } 
#channels_grid .sprite-euronews_small {background: url(img/channel_images/channel_image_sprite_small.jpg); background-repeat: no-repeat;  background-position: 0 -378px; width: 35px; height: 35px; } 
#channels_grid .sprite-france24_small {background: url(img/channel_images/channel_image_sprite_small.jpg); background-repeat: no-repeat;  background-position: 0 -463px; width: 34px; height: 34px; } 
#channels_grid .sprite-iris_small {background: url(img/channel_images/channel_image_sprite_small.jpg); background-repeat: no-repeat;  background-position: 0 -547px; width: 40px; height: 19px; } 
#channels_grid .sprite-italia_uno_small {background: url(img/channel_images/channel_image_sprite_small.jpg); background-repeat: no-repeat;  background-position: 0 -616px; width: 36px; height: 36px; } 
#channels_grid .sprite-k2_small {background: url(img/channel_images/channel_image_sprite_small.jpg); background-repeat: no-repeat;  background-position: 0 -702px; width: 42px; height: 20px; } 
#channels_grid .sprite-la7_small {background: url(img/channel_images/channel_image_sprite_small.jpg); background-repeat: no-repeat;  background-position: 0 -772px; width: 40px; height: 30px; } 
#channels_grid .sprite-play_tv_small {background: url(img/channel_images/channel_image_sprite_small.jpg); background-repeat: no-repeat;  background-position: 0 -852px; width: 38px; height: 19px; } 
#channels_grid .sprite-rai4_small {background: url(img/channel_images/channel_image_sprite_small.jpg); background-repeat: no-repeat;  background-position: 0 -921px; width: 40px; height: 20px; } 
#channels_grid .sprite-rai_due_small{background-position: 0 -991px; width: 32px; height: 31px; } 
#channels_grid .sprite-rai_eduscuola_small {background: url(img/channel_images/channel_image_sprite_small.jpg); background-repeat: no-repeat;  background-position: 0 -1072px; width: 39px; height: 18px; } 
#channels_grid .sprite-rai_extra_small {background: url(img/channel_images/channel_image_sprite_small.jpg); background-repeat: no-repeat;  background-position: 0 -1140px; width: 44px; height: 11px; } 
#channels_grid .sprite-rai_gulp_small {background: url(img/channel_images/channel_image_sprite_small.jpg); background-repeat: no-repeat;  background-position: 0 -1201px; width: 42px; height: 25px; } 
#channels_grid .sprite-rai_news_small {background: url(img/channel_images/channel_image_sprite_small.jpg); background-repeat: no-repeat;  background-position: 0 -1276px; width: 46px; height: 28px; } 
#channels_grid .sprite-rai_premium_small {background: url(img/channel_images/channel_image_sprite_small.jpg); background-repeat: no-repeat;  background-position: 0 -1354px; width: 45px; height: 11px; } 
#channels_grid .sprite-rai_sport_small {background: url(img/channel_images/channel_image_sprite_small.jpg); background-repeat: no-repeat;  background-position: 0 -1415px; width: 42px; height: 21px; } 
#channels_grid .sprite-rai_storia_small {background: url(img/channel_images/channel_image_sprite_small.jpg); background-repeat: no-repeat;  background-position: 0 -1486px; width: 40px; height: 20px; } 
#channels_grid .sprite-rai_uno_small {background-position: 0 -1556px; width: 32px; height: 33px; } 
#channels_grid .sprite-rai_yoyo_small {background: url(img/channel_images/channel_image_sprite_small.jpg); background-repeat: no-repeat;  background-position: 0 -1639px; width: 42px; height: 9px; } 
#channels_grid .sprite-raisat_small {background: url(img/channel_images/channel_image_sprite_small.jpg); background-repeat: no-repeat;  background-position: 0 -1698px; width: 46px; height: 12px; } 
#channels_grid .sprite-red_tv_small {background: url(img/channel_images/channel_image_sprite_small.jpg); background-repeat: no-repeat;  background-position: 0 -1760px; width: 34px; height: 19px; } 
#channels_grid .sprite-rete4_small {background: url(img/channel_images/channel_image_sprite_small.jpg); background-repeat: no-repeat;  background-position: 0 -1829px; width: 32px; height: 32px; } 
#channels_grid .sprite-rai_tre_small {background-position: 0 -1911px; width: 32px; height: 33px; } 
#channels_grid .sprite-russia_today_small {background: url(img/channel_images/channel_image_sprite_small.jpg); background-repeat: no-repeat;  background-position: -96px 0; width: 33px; height: 33px; } 
#channels_grid .sprite-tv2000_small {background: url(img/channel_images/channel_image_sprite_small.jpg); background-repeat: no-repeat;  background-position: -96px -83px; width: 50px; height: 24px; } 
#channels_grid .sprite-wewell_small {background: url(img/channel_images/channel_image_sprite_small.jpg); background-repeat: no-repeat;  background-position: -96px -157px; width: 48px; height: 20px; } 

      
      #channels_grid td a:hover div 
         { 
         background: url(img/channel_images/channel_image_sprite_large.jpg);  background-repeat: no-repeat;
         }
         
#channels_grid a:hover .sprite-abchannel_small {background-repeat: no-repeat; background-position: 0 0; width: 44px; height: 38px; } 
#channels_grid a:hover .sprite-bbc_world_news_small { background-position: 0 -88px; width: 47px; height: 33px; } 
#channels_grid a:hover .sprite-bloomberg_small { background-position: 0 -171px; width: 57px; height: 18px; } 
#channels_grid a:hover .sprite-boing_small { background-position: 0 -239px; width: 54px; height: 25px; } 
#channels_grid a:hover .sprite-canale_5_small { background-position: 0 -314px; width: 40px; height: 40px; } 
#channels_grid a:hover .sprite-euronews_small { background-position: 0 -404px; width: 40px; height: 40px; } 
#channels_grid a:hover .sprite-france24_small { background-position: 0 -494px; width: 40px; height: 40px; } 
#channels_grid a:hover .sprite-iris_small { background-position: 0 -584px; width: 51px; height: 24px; } 
#channels_grid a:hover .sprite-italia_uno_small { background-position: 0 -658px; width: 40px; height: 40px; } 
#channels_grid a:hover .sprite-k2_small { background-position: 0 -748px; width: 53px; height: 25px; } 
#channels_grid a:hover .sprite-la7_small { background-position: 0 -823px; width: 51px; height: 38px; } 
#channels_grid a:hover .sprite-play_tv_small { background-position: 0 -911px; width: 47px; height: 23px; } 
#channels_grid a:hover .sprite-rai4_small { background-position: 0 -984px; width: 50px; height: 26px; } 
#channels_grid a:hover .sprite-rai_due_small { background-position: 0 -1060px; width: 41px; height: 40px; } 
#channels_grid a:hover .sprite-rai_eduscuola_small { background-position: 0 -1150px; width: 49px; height: 23px; } 
#channels_grid a:hover .sprite-rai_extra_small { background-position: 0 -1223px; width: 55px; height: 14px; } 
#channels_grid a:hover .sprite-rai_gulp_small { background-position: 0 -1287px; width: 52px; height: 31px; } 
#channels_grid a:hover .sprite-rai_news_small { background-position: 0 -1368px; width: 57px; height: 35px; } 
#channels_grid a:hover .sprite-rai_premium_small { background-position: 0 -1453px; width: 56px; height: 14px; } 
#channels_grid a:hover .sprite-rai_sport_small { background-position: 0 -1517px; width: 52px; height: 26px; } 
#channels_grid a:hover .sprite-rai_storia_small { background-position: 0 -1593px; width: 50px; height: 26px; } 
#channels_grid a:hover .sprite-rai_uno_small { background-position: 0 -1669px; width: 40px; height: 40px; } 
#channels_grid a:hover .sprite-rai_yoyo_small { background-position: 0 -1759px; width: 54px; height: 11px; } 
#channels_grid a:hover .sprite-raisat_small { background-position: 0 -1820px; width: 57px; height: 15px; } 
#channels_grid a:hover .sprite-red_tv_small { background-position: 0 -1885px; width: 42px; height: 23px; } 
#channels_grid a:hover .sprite-rete4_small { background-position: -107px 0; width: 39px; height: 39px; } 
#channels_grid a:hover .sprite-rai_tre_small { background-position: -107px -89px; width: 39px; height: 40px; } 
#channels_grid a:hover .sprite-russia_today_small { background-position: -107px -179px; width: 40px; height: 40px; } 
#channels_grid a:hover .sprite-tv2000_small { background-position: -107px -269px; width: 62px; height: 30px; } 
#channels_grid a:hover .sprite-wewell_small { background-position: -107px -349px; width: 60px; height: 25px; }


#container
{
background: white;
width: 800px;

margin: 30px 30px;
padding: 0px 0px 0px 0px;
}

#logo
{
float: left;
margin: 20px 0px 0px 10px;
height:140px;
width:200px;
background-color: white;
color: #585858;
text-align: center;
font-family:"Verdana",Arial,Sans Serif;
font-size:12px;
}

#navigation
{
float: right;
height:30px;
width:675px;
background: black url("img/black_bar.jpg") no-repeat ;
}

#navigation ul
{
margin: 5px;
padding 0px;
display: block;
}
#navigation li
{
list-syle type: none;
display: inline;
margin: 0px 0px;
padding: 0px 12px 0px 0px;
}

#navigation .selected a
{
color: white;
}

#navigation a
{
text-decoration:none; color: #579CEA; font-family:verdana, arial; font-weight: 600; font-size: 12px;
-webkit-transition-property: color; 
-webkit-transition-duration: 0.3s; 
-webkit-transition-timing-function: linear;
-moz-transition-property: color; 
-moz-transition-duration: 0.3s; 
-moz-transition-timing-function: linear;
-o-transition-property: color; 
-o-transition-duration: 0.3s; 
-o-transition-timing-function: linear;
}

#navigation a:hover
{
color: #a8a8a8;
}

#navigation ul li .selected
{
color: red;
}

#tele_system_tivisat_rx
{
float: right;
margin: 30px 40px 40px 0;
width: 240px;
height: 56px;
background: no-repeat url("img/tele_system_tivisat_rx.jpg");
}

#tivusat_cam_and_card
{
float: right;
margin: 30px 70px 40px 0;
width: 160px;
height: 56px;
background: no-repeat url("img/tivusatcamandcard.jpg");
}

#channels_grid table
{
float: left;
margin: 25px 0px 25px 8px; 
}

#raihd
{
float:right;
margin:20px 110px 0 0;
text-align: centre;
color: red; font-family:verdana, arial; font-weight: 600; font-size: 16px;
}

#content
{

float:right;
background: white;
width:500px;
margin:20px 40px;
text-align: justify;
}

#content h2
{
color: #162ECC; font-family:verdana, arial; font-weight: 600; font-size: 14px;
}

#content h3
{
color: #162ECC; font-family:verdana, arial; font-weight: 600; font-size: 12px;
}

#content .warning 
{
color: red; font-family:verdana, arial; font-weight: 600; font-size: 12px;
}

#content p
{
background: ;
color: #585858  ; font-family:verdana, arial; font-weight: 400; font-size: 12px;
}
#content li
{
background: ;
color: #585858  ; font-family:verdana, arial; font-weight: 400; font-size: 12px;
}
#content a
{
text-decoration:underline; color: #162ECC; font-family:verdana, arial; font-weight: 400; font-size: 12px;
}

#content b
{
font-weight: 600;
}
#content table{}
#content tr{margin: 0; padding: 0;}
#content td
{
margin: 0; padding: 0;
color: #585858; font-family:verdana, arial; font-weight: 400; font-size: 12px;
}
#content form{}
#content fieldset
{
border: 2px solid #162ECC;
margin: 0px 0px 20px 0px;
padding: 10px;
border-radius: 0.7em;
-webkit-border-radius: 0.7em;
-moz-border-radius: 0.7em;
-o-border-radius: 0.7em;
}
#content fieldset #hideablearea
{
style='display:block'
}
#content legend
{
color: #fff; font-family:verdana, arial; font-weight: 400; font-size: 12px;
background: #162ECC;
border: 1px solid black;
margin: 0 0 0 20px;
padding: 3px 12px;
border-radius: 0.7em;
-webkit-border-radius: 0.7em;
-moz-border-radius: 0.7em;
-o-border-radius: 0.7em;
}
#content label
{
float: left;
width:16em;
margin: 0px 10px 0px 0px;
}
/* #content input
{
border-width: 2px; border-style: solid; border-color: #888888  #585858 #585858 #888888; color: #fff ; font-family:verdana, arial; font-weight: medium; font-size: 11px; background-color: #162ECC; margin: 0px 4px 0px 0px;
}*/ 

#content input
{
color: #162ECC;
}

/*#content textarea
{
border-width: 2px; border-style: solid; border-color: #888888  #585858 #585858 #888888; color: #ffffff ; font-family:verdana, arial; font-weight: medium; font-size: 11px; background-color: #162ECC;
}*/

#content textarea
{
resize: vertical; color: #162ECC;
}

#content .submitandclear
{

margin: 0em 0em 0em 20em;
}
#content select{
border-width: 2px; border-style: solid; border-color: #888888  #585858 #585858 #888888; color: #ffffff ; font-family:verdana, arial; font-weight: medium; font-size: 11px; background-color: #162ECC;
}

#testimonial
{
text-align:justify;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
margin: 20px auto;
padding: 1px 20px;
background-color: #eee;
box-shadow: 0 2px 10px #999;
-webkit-box-shadow: 0 2px 10px #999;
-moz-box-shadow: 0 2px 10px #999;
}

#footer
{
display: block; clear: both; margin: 0px; padding: 0px; background: white; height:3em;
}

#footer li
{
color: #162ECC  ; font-family:verdana, arial; font-weight: 400; font-size: 12px;  display: inline; margin: 10px
}
#footer li a
{
color: #162ECC  ; font-family:verdana, arial; font-weight: 400; font-size: 12px;
}