/****************************
*| Created: Jan 2008
*|	for: DStv
*|	by: stonewall+
*|	author: wicht
****************************/

/* Main Nav ----------------------------------------- */

#main-nav {
	font-size: 11px;
	/*border-top: 1px solid #D4D4D4;
	border-left: 1px solid #D4D4D4;
	border-right: 1px solid #D4D4D4;*/
	background-color: #000000;
	height: 40px;
	.height: 48px;
	font-family: Arial,Helvetica,sans-serif;	
	width: 906px;
	.width: 912px;
	padding: 3px 2px;
	margin: 0;
	.margin-top: -4px;
}

.no-subnav {
/*	border-bottom:1px solid #D4D4D4;
*/}

.subnav-on {
	border-bottom:1px solid #000000;
}

#main-nav ul {
	position: absolute;
	float: left;
	display: inline;
	height: 40px;
}

#main-nav li {
	float:left;
	list-style-type:none;
	z-index:1;
	margin: 0 0 0 1px;
	height: 40px;
}

#main-nav li a {
	color:#ffffff;
	font-size:11px;
	display:block;
	text-align:center;
	height:28px;
	padding-top:12px;
	margin-left:1px;
	font-weight:bold;	
	text-decoration:none;
}

/* new nav */
#main-nav table { border-spacing: 0; }

#main-nav .left {	
	background: url('../images/nav/nav_left.gif') no-repeat;
	float: left;
}

#main-nav .right {
	float: left;
	background: url('../images/nav/nav_right.gif') no-repeat;
}

#main-nav .middle {
	float: left;
	width: 99px;
	height: 49px;
	background: url('../images/nav/tab_bg.jpg') repeat-x;
}

/* home */

#main-nav a.home {
	width:106px;
	background: url('../images/nav/tab_home.gif') no-repeat;
	margin-left:1px;
	height: 40px;
}

#main-nav a:hover.home {
	width:106px;
	background: url('../images/nav/tab_home.gif') no-repeat;
	margin-left:1px;
	height: 40px;
}

#main-nav a.selected-home {
	width:106px;
	background: url('../images/nav/tab_home.gif') no-repeat;
	height: 40px;
	margin-left:1px;
}

/* get dstv */
#main-nav a.get-dstv {

	width:93px;

	background: url(../images/nav/get.gif) no-repeat;

}

#main-nav a:hover.get-dstv {

	width:93px;

	background: url(../images/nav/get_h.gif) no-repeat;

}

#main-nav a.selected-get {

	width:93px;

	background: url(../images/nav/get_o.gif) no-repeat;

	margin-left:1px;

}


/* products  */

#main-nav a.products {

	width:92px;

	background: url(../images/nav/prod.gif) no-repeat;

}

#main-nav a:hover.products {

	width:92px;

	background: url(../images/nav/prod_h.gif) no-repeat;

}

#main-nav a.selected-prod {

	width:92px;

	background: url(../images/nav/prod_o.gif) no-repeat;

}

/* highlights */

#main-nav a.highlights {

	width:97px;

	background: url(../images/nav/high.gif) no-repeat;

}

#main-nav a:hover.highlights {

	width:97px;

	background: url(../images/nav/high_h.gif) no-repeat;

}

#main-nav a.selected-high {

	width:97px;

	background: url(../images/nav/high_o.gif) no-repeat;

	margin-left:1px;

}

/* guide */

#main-nav a.guide {

	width:72px;

	background: url(../images/nav/guide.gif) no-repeat;

}

#main-nav a:hover.guide {

	width:72px;

	background: url(../images/nav/guide_h.gif) no-repeat;

}

#main-nav a.selected-guide {

	width:72px;

	background: url(../images/nav/guide_o.gif) no-repeat;

	margin-left:1px;

}

/* customer care  */

#main-nav a.customer-care {

	width:127px;

	background: url(../images/nav/care.gif) no-repeat;

}

#main-nav a:hover.customer-care {

	width:127px;

	background: url(../images/nav/care_h.gif) no-repeat;

}

#main-nav a.selected-care {

	width:127px;

	background: url(../images/nav/care_o.gif) no-repeat;

	margin-left:1px;

}

/* my account  */

#main-nav a.my-account {

	width:106px;

	background: url(../images/nav/account.gif) no-repeat;

}

#main-nav a:hover.my-account {

	width:106px;

	background: url(../images/nav/account_h.gif) no-repeat;

}

#main-nav a.selected-account {

	width:106px;

	background: url(../images/nav/account_o.gif) no-repeat;

}

/* competitions */

#main-nav a.competitions {

	width:115px;

	background: url(../images/nav/comp.gif) no-repeat;

}

#main-nav a:hover.competitions {

	width:115px;

	background:url(../images/nav/comp_h.gif) no-repeat;

}

#main-nav a.selected-comp {

	width:115px;

	background:url(../images/nav/comp_o.gif) no-repeat;

}

/* contact us */

#main-nav a.contact-us {

	width:110px;

	background: url(../images/nav/contact.gif) no-repeat;

}

#main-nav a:hover.contact-us {

	width:110px;

	background: url(../images/nav/contact_h.gif) no-repeat;

}

#main-nav a.selected-contact {

	width:110px;

	background: url(../images/nav/contact_o.gif) no-repeat;

	margin-left:1px;

}

/* subnav ---------------------------------------------------- */

#sub-nav {
	border:1px solid #5075a6;
	/*width:902px;*/
	background:#1d56a1 url('../images/nav/sub_nav_bg.gif') repeat-x;
	height:67px;
	margin: 46px auto 0 auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	position: fixed;
}

#sub-nav-left {
	float:left;
	width:113px;
}

#sub-nav-right {
	float:left;
	width:550px;
	margin:12px 0 0px 15px;
	/*background: url(../images/shared/sub_nav_dots.gif) no-repeat 8px 21px;*/
}

#sub-nav-right a {
	text-decoration:none;
	color:#ffffff;
	font-size:11px;
	float:left;
	padding:2px 8px 0 8px;
	display:block;
	height:16px;
	margin-bottom:7px;
}

/*------------------------------*/

.sub-nav-box {
	display: none;
	/*position:absolute;*/
	font-size:11px;
	border: none; /* #5C6B6E */
	border-top:0px;
	background: #000 url('../images/nav/sub_nav_bg.gif') no-repeat center top;
	width:904px;.width: 913px;
	height: 67px;.height: 71px;
	padding: 0 3px 3px 3px;
	margin: -1px 0 4px 0;
	font-family:Arial,Helvetica,sans-serif;
}



#subnav-line {
	/*position:relative;*/
	float:left;
	/*border:1px solid #5075a6;*/
	width:902px;
	/*margin:0px auto 0 auto;*/
	/*background:#4582D4 url('../images/nav/sub_nav_bg.jpg') repeat-x;*/
	height:62px;
	color: #FFFFFF;
}

#subnav-line-head {
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	margin: 15px 20px 0 15px;
	width: 97px;
	.margin: 15px 15px 0 15px;
}

#subnav-line-links {
	float:left;
	width:760px;
	padding:14px 0 0 0;
}

#subnav-line-links hr {
	width:100%;
	border:0px;
	border-top:dotted 1px #FFFFFF;
}

#subnav-line li {
	display: block;
	float:left;
	padding:0 0 10px 0;
}

#subnav-line-links a {
	padding:3px 6px 3px 8px;
	color:#FFFFFF;
	font-size: 11px;
	text-decoration:none;
}
#subnav-line-links a:hover {
	padding:3px 6px 3px 8px;
	/*height:16px;*/
	color:#000000;
	font-size: 11px;
	text-decoration:none;
}

/*#subnav-line a:hover {*/
	/*padding:2px 8px 0 8px;*/
/*	height:16px;
	color:#86aad9;
}*/

/*#subnav-line-links a.selected {*/
	/*padding:2px 8px 0 8px;*/
/*	height:16px;
	background-color:#86aad9;
	font-weight:bold;
}*/

/*#subnav-line-links span {

	font-size:18px;

	font-weight:bold;

	color:#FFFFFF;

	display: block;

	float: left;

	border-right-width: 1px;

	border-right-style: dotted;

	border-right-color: #FFFFFF;

	margin-top: 8px;

	margin-right: 12px;

	margin-bottom: 12px;

	padding-top: 10px;

	padding-right: 20px;

	padding-bottom: 10px;

	padding-left: 20px;

}*/

/*--------------------------------*/

#sub-nav-right2 a:hover {

	padding:2px 8px 0 8px;

	height:16px;

	background-color:#86aad9;

}

#sub-nav-right2 a.selected {

	padding:2px 8px 0 8px;

	height:16px;

	background-color:#86aad9;

	font-weight:bold;

}

#sub-nav-right2 span {

	color:#416da7;

	float:left;

	padding-top:5px;

}



#content-nav-high {

	background:#4f4f4f url(../images/shared/content_inner_nav_bg.gif) no-repeat;

	width:548px;

	height:64px;

	margin:3px auto 4px auto;

	border:1px solid #5d5d5d;

	padding-top:2px;

}

#content-nav {

	background:#4f4f4f url(../images/shared/content_nav_bg.gif) repeat-x;

	width:548px;

	height:40px;

	margin:4px auto 4px auto;

	border:1px solid #5d5d5d

}

#content-nav-right {

	float:left;

	width:470px;

	margin: 10px 0px 10px 10px;

	display:inline;

}

#content-nav-right.high {

	width:360px;

}

#content-nav-right a {

	color:#ffffff;

	font-size:11px;

	float:left;

	padding:2px 8px 0 8px;

	display:block;

	height:16px;

	margin-bottom:7px;

}

#content-line {

	padding-left:8px;

	height:1px;

	float:left;

	margin:3px 0;

}

#content-nav-right a:hover {

	padding:2px 8px 0 8px;

	background-color:#797979;

}

#content-nav-right a.selected {

	padding:2px 8px 0 8px;

	background-color:#797979;

	font-weight:bold;

}

#content-nav-right span {

	color:#416da7;

	float:left;

	padding-top:5px;

}



#nav-holder	{

	position:relative;

	z-index:100;

}

#body-holder	{

	position:relative;

	z-index:0;

}