/*
Title:				Orange Network Pages
Author: 			Ross Boardman
Date Modified: 		20 July 2005
Last Updated By: 	Ben Eccleston
*/


/*Network Colour Overrides
*******************************************************************************/	


/*Graphics*/
.promorow, .promooddrow{
	background: url("/Images/network/orange/border-side-bg.gif");
}

.btnscont {
	background: url("/Images/network/orange/border-bot-bg2.gif") repeat-x bottom left;
}

#contentdetails UL {
	list-style-image: url("../../Images/Network/orange/orange-bullet.gif");
}

#lnnet4 { background: url(/images/Network/h2_4.gif) no-repeat;}


h1 {background:#fff;}


/*Primary Network Colour*/
#bcrumb, #bcrumb a, #bcrumb a:link, #bcrumb a:Visited, #contentdetails a, #contentdetails a:link, #contentdetails a:Visited, #contentdetails td a, #contentdetails td a:link, #contentdetails td a:Visited, #localnav ul li a, #localnav ul ul li a, #contentdetails div.subhead h4 a:hover, #contentdetails h1 a, #contentdetails h1 a:link, #contentdetails h1 a:Visited {
	color:#ff6600;
}

div.pheader {
	border:#ff6600; 
	background: #ff6600;

}	

div.pheaderNew {
	border:#ff6600; 
	background: #ff6600;

}	

#contentdetails .price h2
{
  /* This needs to be in this position in the CSS - in it's original position under Third Network Colour it was overwrote*/
  color:  #ffffff;
}

#contentdetails h2, #contentdetails h3 {
	color:#ff6600;
}

#tandc h2, tandc h3 {
	color:#f60 !important;
}

/*Secondary Network Colour*/

#contentdetails a:hover, #contentdetails #bcrumb a:hover, #contentdetails td a:hover, #localnav ul li a:hover, #localnav ul ul li a:hover, #contentdetails div.subhead h4 a:link, #contentdetails div.subhead h4 a:hover, #contentdetails div.subhead h4 a:visited, #contentdetails div.pheader h2 a:hover, #contentdetails h1 a:hover {
	color: #606060;
}

#contentdetails a:hover, #contentdetails #bcrumb a:hover, #contentdetails td a:hover, #localnav ul li a:hover, #localnav ul ul li a:hover, #contentdetails div.subhead h4 a:link, #contentdetails div.subhead h4 a:hover, #contentdetails div.subhead h4 a:visited, #contentdetails div.pheaderNew h2 a:hover, #contentdetails h1 a:hover {
	color: #606060;
}


/*Third Network Colour*/

#contentdetails div.pheader h2 a:link, #contentdetails div.pheader h2 a:hover, #contentdetails div.pheader h2 a:visited, div.pheader h2{
	color:  #ffffff;
}	

#contentdetails div.pheaderNew h2 a:link, #contentdetails div.pheaderNew h2 a:hover, #contentdetails div.pheaderNew h2 a:visited, div.pheaderNew h2{
	color:  #ffffff;
}	


/* Tariffs
*******************************************************************************/	

#nettable_4 thead th, #nettable_4 tfoot td{
		background:#FF6600;
		color:#fff;
		text-align:center;
		}
		
#nettable_4 th a:link, #nettable_4 th a:active, #nettable_4 th a:visited{
		font-weight:bold;
		color:#fff;
		}
		
#nettable_4 td a:link, #nettable_4 td a:active, #nettable_4 td a:visited{
		color:#CC3300;
		}
		
		
#nettable_4 tr.ruled{
		background:#EBEBEB;
		color:#000;
		}	

#nettariffs_4 table, #nettable_4 th, #nettable_4 td{
		border:1px solid #CC3300;
		border-collapse:collapse;
		text-align:center;
		}
		
#nettable_4 th, #nettable_4 td{
		padding:5px;
		}
		
#nettable_4 th.selected{
		background:#F55E00;
		color:#fff;
		}
		


/* Orange Home Page
*******************************************************************************/	
/*Content Area*/
.orangebg {
	background-color: #000;
	margin: 0;
	padding: 0;
}

.orangebg li, .orangenetcontent li, .orangeportcontent li, .orangenetaboutcontent li {
	color: #fff;
	margin: 8px 0;
	padding: 0;
}

#contentdetails .orangebg ul, #contentdetails .orangenetcontent ul, #contentdetails .orangeportcontent ul, #contentdetails .orangenetaboutcontent ul {
	padding: 10px 30px;
}

.orangebg p, .orangebg h1, .orangebg h2, .orangebg h3 {
	margin: 10px 5px 0px 20px;
	padding: 0px 15px;
	color:#FFF;
}

.orangebg h1 {
	border:0;
}


/*Image Positioning*/
#logoposition {
	float: right;
	margin: 10px 10px 5px 0;
	padding: 0;
}

#titleposition {
	float: left;
	margin: 10px 0 5px 10px;
	padding: 0;
}


/* Orange Network Services Page
*******************************************************************************/
#orangenetmaincont, #orangeportmaincont {
	width: 362px;
	margin: 0;
	padding: 0;
	background: #000;
}

#orangenetabout {
	margin: 0;
	padding: 0;
	background: #000;
}

#orangeportmaincont, #orangenetabout {
	width: 555px;
}

#orangenetrightcont {
	float: right;
	width: 177px;
	margin: 0;
	padding: 0;
}

#orangenetrightcont p {
	margin:  0 0 12px;
	padding: 0;
}


/* Set Corner Images */
.abouttop	{ background:  url(/images/network/orange/budda-top-right-about.gif) no-repeat top right; }
.abouttop div	{ background:  url(/images/network/orange/border-top-left.gif) no-repeat top left; }

.wedtop	{ background:  url(/images/network/orange/star-wars-top-right.gif) no-repeat top right; }
.wedtop div	{ background:  url(/images/network/orange/border-top-left.gif) no-repeat top left; }

.rbtop div  { background: url(/images/network/orange/border-top-left.gif) no-repeat top left; }
.rbtop      { background:  url(/images/network/orange/border-top-right-about.gif) no-repeat top right; }
.rbbot div  { background: url(/images/network/orange/border-bottom-left.gif) no-repeat bottom left; }
.rbbot      { background:  #000 url(/images/network/orange/border-bottom-right-about.gif) no-repeat bottom right; }

/* Set Corner Images Height & Width */
.abouttop, .abouttop div, .rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 10px;
}


/* Network Content */
.orangenetcontent {
	margin: 0 10px;
	padding: 0;

}

.orangenetcontent p {
	margin: 0;
	padding: 5px 10px;
	color: #fff;
}

.orangenetcontent h4 {
	margin: 0;
	padding: 15px 10px 0;
	color: #fff;
}

.orangenetcontent ul {
	margin: 0;
	padding: 0 40px;
}

.try {
	font-weight: bold;
	color: #f60;
}


/* Porting Content */
.orangeportcontent p {
	margin: 10px 5px 0px 20px;
	padding: 0px 15px;
	color:#FFF;
}

.orangeportcontent h2 {
	text-align: center;
	margin: 15px 0;
}


.orangeportcontent h3 {
	margin: 30px 35px 15px;
	padding: 0;
}

.orangeportcontent h4 {
	margin: 15px 35px;
	padding: 0;
}



/* net phones
*******************************************************************************/	



#netphones table, #netphones th, #netphones td{
	border:1px solid #f60;
		}
		


#netphones th, #netphones tfoot{
	background: #f60;
	color:#fff;
	}	
	
#netphones tfoot a:link, #netphones tfoot a:active, #netphones tfoot  a:visited{
	color:#fff;
	}		
	
#netphones tfoot a:hover{
	color:#000;
	}