/****************************

*| 	Created: Jan 2008

*|	for: DStv

*|	by: stonewall+

*|	author: wicht

****************************/

@import url("navigation.css");

/* start page structure --------------------------------------------------- */
body	{
	padding:0;
	margin:0;
	text-align:center;
 	font-family:Arial, Helvetica, sans-serif;
	background:#000 url(../images/shared/footer_bg.jpg) bottom repeat-x;
	font-size:11px;
}

#page-color	{

}

#page-outer	{
	text-align:center;
	background:url(../images/shared/main_bg.jpg) center;
	background-position:top;
	background-repeat:no-repeat;
	min-width:1024px;
}

#page-holder	{
	text-align:left;
	width:912px;
	margin:0 auto 0 auto;
}
/* end page structure -------------------- */

/* start header section --------------------------------------------------- */

#header-holder	{
	height:144px;
	position:relative;
	z-index:3;
}

#header-left	{
	position:absolute;
	float:left;
	left:-135px;
	width:468px;
	height:147px;
}

#logo-click	{
	position:absolute;
	float:left;
	left:15px;
	top:20px;
	width:142px;
	height:95px;
	z-index:90;
}

#header-right	{
	float:right;
 	width:540px;
	padding-right:10px
}

#header-search	{
	float:right;
	margin-top:34px;
}

#header-search	input{
	float:left;
}

#header-search .input-size	{
	width:178px;
	padding:4px 0 0 7px;
	background:#151515 url(../images/forms/header_search_bg.gif) no-repeat;
	border:0px;
	height:18px;
 	color:#cccccc;
	font-size:10px;
	margin-right:5px;
	font-family:Arial, Helvetica, sans-serif;
}

#header-button	{
	position:absolute;
	width:540px;
	height:50px;
	right:0px;
	top:111px;
	background:url(../images/shared/header_button_bg.gif) no-repeat;
}

#hb-customer	{
	float:left;
	padding:12px 0 0 73px;
	width:120px;
}

#hb-customise	{
	float:left;
	padding:0px 0 0 33px;
	width:300px;
	position:relative;
}

#hb-customise-title	{
	float:left;
	margin:12px 12px 0 0;
}

#hb-customise-select	{
	position:absolute;
	left:150px;
	top:8px;
}

#inner-page-slider	{
	position:absolute;
	left:10px;
	top:80px;
}
.slide-panel-2 {
	background:none;
}

.slide-content {
	font-size:0;
	line-height:0;
}

 

#header-nav	{
	float:right;
	width:315px;
	font-size:11px;
 	text-align:right;
	margin-top:15px;
}

#header-nav a	{
	color:#dfdfdf;
	font-size:11px;
}

#header-nav span	{
	color:#0079c2;
}

/* end header section ------------------------------ */

/* start choose product dropdown ------------------------------------------------------- */
#choose-product	{
	float:left;
	border:1px solid #333a44;
	background:#000000 url(../images/home/choose_product_bg.gif) no-repeat;
	width:452px;
	.width: 454px;
	height:105px;
}

#choose-product .top	{
	padding:14px 0 0 16px;
}

#choose-product .top img	{
	float:left;
}

#choose-product .top a	{
	float:right;
	padding:2px 25px 0 0;
}

#slider-holder	{
	padding-left:15px;
}

.panel {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:3px 0 0 6px;
	color:#ccc;
	height:17px;
	cursor:pointer;
	margin-bottom:0px;
	width:186px;
	background:url(../images/forms/home_choose_bg.gif) no-repeat;
 
}
.panel a{
	text-decoration:none;
	color:#fff;
}

.panel-target	{
	border:2px solid #fff;
	width:182px;
}
.panel-closed	{
	display:none;
}

.bottom	{
	border-bottom:2px solid #fff;
}
/* end choose product dropdown --------------------------- */


/* start inner page structure ------------------------------------------------- */

#inner-holder {

}

#inner-left	{
	border:1px solid #333a44;
	background-color:#000000;
	float:left;
	width:556px;
	margin-right:4px;
	padding-top:3px;
}

#inner-wide	{
	border:1px solid #333a44;
	background-color:#000000;
	float:left;
	width:856px;
	margin-right:4px;
	padding-top:3px;
}

#content-header-box	{
	width:550px;
	height:99px;
	margin:0 auto 3px auto;
	position:relative;
	z-index:90
}

#content-bread	{
	float:left;
	width:500px;
	padding:10px 0 0 30px;
}

#content-bread a	{
	display:block;
	float:left;
	border-bottom:1px dotted #FFFFFF;
	color:#FFFFFF;
}

.bread-span	{
	float:left;
	padding:0 4px;
}

#content-title	{
	float:left;
	margin:5px 0 0 1px
}

#content-title-print	{
 	display:none;
}

#inner-right	{
	text-align:right;
	float:left;
	width:346px;
}

#content-inner	{
	width:500px;
	margin:0 auto 0 auto;
	background:url(../images/shared/content_inner_bg.gif) no-repeat;
	padding:20px 25px 20px 25px;
	font-size:12px;
}

/* end inner page structure ---------------------- */

/* start right column highlight boxes---------------------------------------- */
#highlights-boxes	{
	float:left;
}

#highlights-boxes .info	{
	border:1px solid #333a44;
	padding:3px;
	background-color:#000000; 
}

#highlights-boxes .middle	{
	margin:4px 0;
}

/* end right column highlight boxes------------------------------- */



/*  start created to carry thru to other pages ------------------------------------------------ */

#content-list ul	{
	list-style-type:none;
	margin:0;
	padding:0;
}

#content-list li	{
	background:url(../images/shared/li_dot_blue.gif) no-repeat 0 5px;
	padding: 0 0 10px 20px;
	font-size:12px;
	line-height:18px;
}

#content-inner a {
	text-decoration:underline;
	color:#5e99e7;
}

#content-inner a.decoder-link {
	text-decoration:none;
}
 
.image-frame	{
	background-color:#6d6d6d;
	font-size:0px;
	line-height:0px;
	padding:5px;
	width:160px;
	float:left;
	margin:0 20px 5px 0;
}

.image-frame img	{
	border:1px solid #fff;
	font-size:0px;
	line-height:0px;
	background-color:#6d6d6d;
}

#inner-right .info-outer	{
	border:1px solid #333a44;
	padding:3px;
	padding-right:3px;
	background-color:#000000; 
	margin:4px 0 0 0;
	float:left;
}
/* end created to carry thru to other pages ------- */


/* start tv guide inner------------------------------------------------------- */

#tv-guide-inner	{
	background:url(../images/shared/inner_tvguide_bg.jpg) no-repeat;
	width:342px;
	height:138px;
	font-size:12px;
	text-align:left;
}

#tv-guide-inner .top	{
	padding:15px 0 0 16px;
}

#tv-guide-inner .top img	{
	float:left;
}

#tv-guide-inner .top a	{
	float:right;
	padding:2px 25px 0 0;
}

#tv-guide-inner .bottom	{
	padding:13px 0 0 16px;
	border:none;
}

#tv-guide-inner select	{
	width:175px;
	height:20px;
}

.input-space	{
	padding-top:6px;
}

#tv-guide-inner .input-bot	{
	background:#151515 url(../images/forms/inner_tv_input.gif) no-repeat;
	width:263px;
	border:none;
	padding:5px 0 0 7px;
	height:24px;
  	color:#cccccc;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

#tv-guide-inner .tv-submit	{
	margin: -1px 0 0 6px;.margin: 7px 0 0 6px;
	padding-top:6px;
}
/* end tv guide inner------------------------------- */

/* start  we suggest inner------------------------------------------------------- */

#we-suggest	{
	background:url(../images/products/suggest_slice.gif) repeat-x;
	width:342px;
	font-size:12px;
	text-align:left;
}

.we-suggest-item {
	width:310px;
	margin:0 0 0 20px;
	padding:15px 0px;
	display:inline;
	float:left;
}

.we-suggest-left 	{
	float:left;
	width:100px;
}

.we-suggest-left img	{
	float:left;
	border:3px solid #fff;
}

.we-suggest-right strong {
	color:#5190E3;
}

.we-suggest-right 	{
	float:left;
	width:210px;
}

.we-suggest-right ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

.we-suggest-right li {
	background:url(../images/products/suggest_list_icon.gif) no-repeat 0 13px;
	padding:8px 0 0 15px;
}

.we-suggest-line {
	height:1px;
	line-height:0px;
	margin:0 auto 0 auto;
	padding:0;
	width:310px;
	border-bottom:1px dashed #686868;
}

/* end we suggest inner------------------------------- */


/* Start Footer Area -----------------------------------------------------------------*/

#content-footer	{
	padding:30px 0;
	text-align:center;
	font-size:12px;
	border-top:1px solid #484848;
	margin:0 auto 0 auto;
	width:505px;
}

#content-footer a	{
	color:#4d89d8;
	text-decoration:underline;
	font-size:12px;
}

#content-footer span	{
	color:#8f8f8f;
	padding:0 5px;
}

#footer-outer	{
	position:relative;
}

#footer	{
	margin:30px auto 0 auto;
	width:912px;
	text-align:left;
 	height:110px;
}

#footer-logo	{
	float:left;
	width:110px;
}

#footer  .info	{
	padding:15px 0 4px 0;
}

#footer-nav	{
	float:left;
	color:#dfdfdf;
	font-size:11px;
}

#footer-nav a	{
	color:#dfdfdf;
	font-size:11px;
	line-height:18px;
}

#footer-nav span	{
	color:#0079c2;
}

#footer-icon	{
	float:right;
}
/* end Footer Area -----------------------------------------------------------------*/

/* Start General CSS----------------------------------------------------------------*/

h1 	{
	font-size:17px;
	color:#5293e7;
	padding:0 0 5px 0;
	margin:0;
}

h2 	{
	font-size:11px;
	color:#FFFFFF;
	padding:0 0 5px 0;
	margin:0;
}

h3 	{
	font-size:13px;
	color:#5293e7;
	padding:0 0 5px 0;
	margin:0;
}

h4 	{
	font-size:13px;
	color:#fff;
	padding:0 0 5px 0;
	margin:0;
}

p	{
	font-size:12px;
	line-height:15px;
	color:#FFFFFF;
	margin:0;
}

.clear	{
	clear:both;
	height:0px;
	padding:0;
	margin:0;
	line-height:0;
	font-size:0;
}

.hr {
	background-color:#484848;
	height:1px;
	line-height:1px;
	margin:20px 0;
}

a	{
	text-decoration:none;
}

form	{
	margin:0px;
	padding:0px;
}

select {
	color:#FFFFFF;
	background-color:#151515;
}

.mar-left-4	{
	margin-left:4px;
}

img	{
	border:0px;
}

#preload	{
	display:none;
}

.italic {
	font-style:italic;
	font-size:11px;
}

a {
  outline: none;
}

/* End General CSS------------------------------------------------------------------*/

/* start Content Section Heading backgrounds -------------------------------------- */

.about_dstv_bg{
	background:#535353 url(../images/products/about_dstv_bg.jpg) no-repeat;
}

.about_pvr_bg{
	background:#1c971d url(../images/products/pvr_about_bg.jpg) no-repeat;
}

.about_compact_bg{
	background:#f4b400 url(../images/products/about_compact_bg.jpg) no-repeat;
}

.easyview_bg{
	background:#5cb05d url(../images/products/easyview_bg.jpg) no-repeat;
}

.products_bg{
	background:#1e57a2 url(../images/products/products_bg.jpg) no-repeat;
}

.decoder_bg{
	background:#1e57a2 url(../images/products/decoder_bg.jpg) no-repeat;
}

.select_bg{
	background:#d94d8c url(../images/products/select_bg.jpg) no-repeat;
}

/* end content section heading backgrounds --------------------- */


/* start product overview -------------------------------------------------------- */

#slider-overview	{
	padding-left:0px;
	background-color:#215ba6;
}

#slider-overview-bottom	{
	width:495px;
	height:23px;
	padding-top:7px;
	text-align:center;
	font-size:11px;
	background:#0b376e url(../images/products/overview_bot_bg.gif) no-repeat; 
}

#mycarousel	ul{
	list-style-type:none;
}

.outer-border	{
	border:1px solid #333a44;
	padding:3px;
	background-color:#000000; 
	margin:4px 0 0 0;
}

.decoder-block {
	font-size:11px;
	color:#aaaaaa;
}

.decoder-left {
	background-color:#6d6d6d;
	font-size:0px;
	line-height:0px;padding:5px;
	width:160px;
	float:left;
	margin:0 15px 20px 0;
}

.decoder-left img{
	border:1px solid #fff;
}

.decoder-right  {
	border-top:1px solid #484848;
	width:315px;
	float:right;
}

#content-inner a.decoder-link {
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px 0 0 4px;
	font-size:12px;
	display:block;
	float:left;
	margin:6px 0 0px 0;
}

.decoder-right span{
	color:#5190e3;
	font-size:14px;
	display:block;
	float:left;
	margin:6px 0 0px 0;
}

.decoder-hr {
	background-color:#484848;
	height:1px;
	line-height:1px;
	margin:7px 0;
	padding:0;
}

/* DStv select about table--------------------- */

#select-about-table table{
	border:1px solid #676767;
	border-bottom:none;
	border-right:none;
	width:497px;
	font-weight:bold;
}

#select-about-table  .headers	{
	background:url(../images/products/select_about_bg.gif) repeat-x;
	height:40px;
}

#select-about-table    th {	
	color:#4d8cde;
	padding-left:20px;
	width:165px;
	text-align:left;
}

#select-about-table    th.white {	
	color:#fff;
	padding-left:20px;
	width:165px;
}

#select-about-table    td {	
	text-align:center;
	width:165px;
}

#select-about-table  tr ,
#select-about-table  th	{
	height:40px;
}

#select-about-table  td,  
#select-about-table  th 	{
	border-bottom:1px solid #676767;
	border-right:1px solid #676767;
}

#select-about-table   .alt-bg 	{
	background-color:#2c2c2c;
}

/* start  my account  -------------------------------------------------------------- */

#content-inner a.overview-links	{
	text-decoration:underline;
	color:#FFFFFF;
}

#content-inner a.icon-links	 {
	text-decoration:none;
	color:#FFFFFF;
}

#content-inner a:hover.icon-links {
	text-decoration:underline;
	color:#FFFFFF;
}

#account-details span	{
	color:#4d89d8;
	font-weight:bold;
}

#overview-holder {
 
}

.overview-item-1,
.overview-item-2	{
	width:235px;
	height:85px;
	line-height:15px;
	float:left;
}

.overview-item-2	{
	padding-left:20px;
}

.overview-item-1	span,
.overview-item-2	span	{
	font-weight:bold;
	color:#5e99e7;
	font-size:13px;
	float:left;
}

.overview-item-1	img,
.overview-item-2	img{
	float:left;
	margin:0 0px 20px 0;
}

/* end  my account  -------------------------------------------------------------- */


/* start competition page -------------------------------------------------------- */

.competition_bg	{
	background:#1e57a2 url(../images/competitions/competitions_bg.jpg) no-repeat;
}

#competition-flash {
	margin:0 auto 0px auto;
	width:550px;
}

#competition-inner {
	margin:3px auto 0 auto;
	width:550px;	
	background:#212121 url(../images/competitions/inner_bg.gif) no-repeat;
	margin-bottom:3px;
}

#competition-content {
	padding:20px 20px 0 20px;
}

#competition-content .left {
	float:left;
	width:240px;
}

#competition-content .right{
	float:left;
	width:240px;
	margin-left:20px;
}

#competition-content ul	{
	list-style-type:none;
	margin:0;
	padding:0;
}

#competition-content li	{
	background:url(../images/shared/li_dot_blue.gif) no-repeat 0 5px;
	padding: 0 0 10px 20px;
	font-size:12px;
	line-height:18px;
}
/* end competition page ------------------------------ */

/*  product camparison  */

#compare-top {
	background: #000000;
	width:710px;
	margin: 20px 0 0 60px;
	border: 1px solid #606060;
	padding:0 0 20px 10px;
}

#compare-top .left{
	float:left;
	width:350px;
	padding:15px 0 0 10px;
	height:32px;
	color:#b6b6b7;
	font-weight:bold;
}


#compare-top .right{
	padding:10px 10px 0 0;
	float:right;
	width:137px;
	height:37px;
}

#drop-holder {
	position:relative;
	height:180px;
	width: 550px;
}

#drop-1,
#drop-2,
#drop-3,
#drop-4 {
	width:104px;
	height:115px;
	text-align:center;
	position:absolute;
}

#drop-1 { 	top:20px;	left:18px;	}

#drop-2 {	top:20px;	left:209px;	}

#drop-3 {	top:20px;	left:398px;	}

#drop-4 {	top:20px;	left:587px;	}

#drag-outer {
	width:702px;
	margin-left: 10px;
}

#compare_products {
	width: 550px;
}

#drag-inner {
	width:702px;
}

#drag-inner a	{
	display:block;
	width:230px;
	height:120px;
	border-bottom:1px solid #484848;
	float:left;
	color:#FFFFFF;
	margin-top:5px;
	font-size: 11px;
	text-align: left;
	padding: 1px 1px 0 1px;
}

#drag-inner a:hover	{
	border:1px solid #484848;
	background-color:#323232;
	padding: 0;
}

#drag-inner a.selected{
		  /* for IE */
  filter:alpha(opacity=30);
  /* CSS3 standard */
  opacity:0.3;
	
}
#drag-inner a	img{
	margin:10px 15px 0 10px;
	float:left;
}

#drag-inner a	span{
	padding-top:6px;
	width:90px;
	margin-bottom:2px;
	font-weight:bold;
	display:block;
	float:left;
	color:#5190e3;
}

#back-top {
	text-align:center;
	padding:30px 0;
}

#back-top a,
#back-top a:hover
{
	font-size:12px;
	color:#4d89d8;
	margin:0;
	margin:0 0 0 0;
	border:0;
	height:45px;
	width:550px;
	background:none;
	background-color:#212121;
	text-decoration:underline;
}

#prod-comparison-table {
	padding:10px;
	width:865px;
	margin:0 auto 0 auto;
	border:10px solid #fff;
	background:url(../images/products/compare_bg.gif) repeat-x;
}

#prod-comparison-table table{
	border:1px solid #676767;
	border-bottom:none;
	border-right:none;
	width:497px;
	font-weight:bold;
	background-color:#000000;
}

#prod-comparison-table  .headers	{
	background:url(../images/products/select_about_bg.gif) repeat-x;
	height:40px;
}

#prod-comparison-table    th {	
	color:#4d8cde;
	padding-left:20px;
	wi dth:165px;
	text-align:left;
}

#prod-comparison-table    th.white {	
	color:#fff;
	padding-left:20px;
	wi dth:165px;
}

#prod-comparison-table    td {	
	text-align:center;
	wi dth:165px;
}

#prod-comparison-table  tr ,
#prod-comparison-table  th	{
	height:60px;
}

#prod-comparison-table  td,  
#prod-comparison-table  th 	{
	border-bottom:1px solid #676767;
	border-right:1px solid #676767;
}

#prod-comparison-table   .alt-bg 	{
	background-color:#2c2c2c;
}

/* end product comparison*/




/* start highlight page ------------------------------------------------- */

#inner-highlight	{
	border:1px solid #333a44;
	background-color:#000000;
	float:left;
	width:910px;
	margin-right:4px;
	padding-top:3px;
	padding-bottom:5px;
}

#highlight-header-box	{
	width:904px;
	height:99px;
	margin:0 auto 3px auto;
}

#highlight-header-left	{
	position:relative;
	width:368px;
	float:left;
	height:99px;
	background:#1e57a2 url(../images/highlights/header_left.jpg) no-repeat;
}

#highlight-header-right	{
	width:536px;
	float:left;
	height:99px;
	position:relative;
	background:#1e57a2 url(../images/highlights/header_right.jpg) no-repeat;
}

#highlight-bread	{
	float:left;
	width:300px;
	padding:10px 0 0 30px;
}

#highlight-bread a	{
	display:block;
	float:left;
	border-bottom:1px dotted #FFFFFF;
	color:#FFFFFF;
}

.bread-span	{
	float:left;
	padding:0 4px;
}

#highlight-buttons	{
	position:absolute;
	top:20px;
	right:17px;
}

#highlight-title	{
	float:left;
	margin:5px 0 0 1px
}

#highlight-title-print	{
 	display:none;
}

#highlight-content	{
	background:url(../images/highlights/highlight_slice.gif) repeat-x;
	margin:0 auto 15px auto;
	border-left: 1px solid #4D4D4D;
	border-right: 1px solid #4D4D4D;
	width:900px;
	padding-top:8px;
}

#highlight-content-top	{
	background:url(../images/highlights/slider_bg.gif) repeat-x;
	width:884px;
	margin:0 auto 0px auto;
	font-size:12px;
	border:1px solid #656565;
	height:180px;
}

#iframe-holder {
	width:860px;
	margin:15px auto 0 auto;
}

#iframe-left {
	float:left;
	padding: 0 3px 0 7px;
}

#iframe-content  {
	width:826px;
	float:left;
	overflow:hidden;
}

iframe {
	/*overflow-x: hidden;
	overflow-y: scroll;*/
	overflow: scroll;
}

iframe#browserFrame {
	overflow-y: hidden;
}

iframe#accountsFrame {
	overflow: hidden;
	width:500px;
}

#iframe-right {
	float: left;
	padding: 0 3px 0 7px;
}

#highlight-content-bottom	{
	width:886px;
	margin:8px auto 0px auto;
	background:url(../images/highlights/bottom_bg.jpg) no-repeat;
	font-size:12px;
}

#highlight-content-bottom .left {
	float:left;
	border:1px solid #6F6F6F;
	width:404px;
	margin:8px 0 0 8px;
	display:inline;
}

#highlight-content-bottom .right {
	float:right;
	width:445px;
	margin:9px 0px 0px 9px;
	display:inline;
	position:relative;
}

#highlight-content-bottom span {
	color:#659FEC;
	font-weight:bold;
}

#highlight-content-bottom a {
	color:#659FEC;
	font-weight:bold;
	text-decoration:underline;
}

.high-info-top {
	height:30px;
	width:435px;
	background:url(../images/highlights/line.gif) bottom repeat-x;
}

.high-info-title {
	font-weight:bold;
	color:#659FEC;
	padding:4px 0;
	float:left;
	width:350px;
	font-size:17px;
}

.high-info-logo {
	float:right;
	width:60px;
	text-align:right;
}

.high-info {
	padding:4px 0;
	float:left;
	width:210px;
}

.high-info-space {
	float:left;
	width:15px;
}

.high-info-line {
	background:url(../images/highlights/line.gif) bottom repeat-x;
	padding:4px 0;
	float:left;
	width:210px;
}

.scroller-info-line {
	background:url(../images/highlights/line.gif) bottom repeat-x;
	padding:0;
	margin:5px 0 5px 0;
	float:left;
	width:383px;
	display:inline;
	height:2px;
	line-height:0;
	font-size:0;
}

.Container4-bg{
	background:url(../images/highlights/scroll_bg.jpg) no-repeat;
	width:407px;
	height:106px;
}

.Container4{
	background:url(../images/highlights/scroll_bg.jpg) no-repeat;
	position:absolute;
	top:129px;
	left:0px;
	width:440px;
	height:131px;
}

#Scroller-4 {
	position:absolute;
	overflow:hidden;
	width:407px;
	height:106px;
	top:5px;
}

#Scroller-4 p {
	margin:0;
	color:#6F6048;
}

.Scroller-Container4 {
	position:absolute;
	top:175px;
	left:0px;
	font-size:11px;
	padding:10px;
	line-height:18px;
}

.Scroller-Container4 span {
	color:#5f9aea;
}

#Scrollbar-Container4 {
	position:absolute;
	top:140px;
	left:415px;
	z-index:300;
}

.Scrollbar-Up4 {
	cursor:pointer;
	position:absolute;
}

.Scrollbar-Track4 {
	width:20px;
	height:68px;
	position:absolute;
	top:19px;
	left:0px;
	background:transparent url(../images/home/scrollbar_track.gif) no-repeat center;
}

.Scrollbar-Handle4 {
	position:absolute;
	width:14px;
	height:28px;
	left:3px;
}

.Scrollbar-Down4 {
	cursor:pointer;
	position:absolute;
	top: 87px;
}

/* end inner page structure ---------------------- */