/*------------COLOURS-------------*/
/*Purple:		#560041-----------*/
/*Gold:			#C9AC68-----------*/
/*Lighter Blue	#F0F0F0-----------*/
/*Darker Blue	#E9ECEE-----------*/

/*--------------------------------*/
/*------INITIAL SIGN UP PAGE------*/
/*--------------------------------*/

#bill_itemisation h3.signup
{
	margin-bottom: 10px;
}
	/*--------------------------------*/
	/*---------SIGN UP BUTTONS--------*/
	/*--------------------------------*/
	div.signup a
	{
		display: block;
		background: url(buttons/sign_up_sprite.jpg) no-repeat 0px -40px;
		height: 40px;
		width: 200px;
		text-indent: -9999px;
	}

		div.signup a:hover
		{
			background: url(buttons/sign_up_sprite.jpg) no-repeat 0px 0px;
			height: 40px;
			width: 200px;
			text-indent: -9999px;
		}
	
	/*--------------------------------*/
	/*--------SIGN UP BENEFITS--------*/
	/*--------------------------------*/

	#bill_itemisation ul.signup_benefits
	{
		margin-left: 40px;
		margin-bottom: 20px;
	}

		#bill_itemisation ul.signup_benefits li
		{
			padding: 4px 0px;
		}

	/*--------------------------------*/
	/*---------SIGN UP PROCESS--------*/
	/*--------------------------------*/
	
		/*--------------------------------*/
		/*-------------BUTTONS------------*/
		/*--------------------------------*/
		.button_bar
		{
			text-align: right;
			margin-top: 20px;
		}

		.button
		{
			margin: 10px 0px;
			position: relative;
			bottom: 10px;
		}

			.button:link, .button:visited
			{
				padding: 5px 10px;
				background: #560041;
				color: #fff;
				font-weight: bold;
				text-decoration: none;
				font-size: 1.2em;
			}

			.button:hover, .button:active
			{
				text-decoration: underline;
				background: #C9AC68;
			}

			.button:focus
			{
				border: 0;
			}

		/*--------------------------------*/
		/*-------SIGN UP FORM LAYOUT------*/
		/*--------------------------------*/
		table.form
		{
			width: 756px;
			margin: 0px 10px 10px 0px;
			text-align: left;
			border: 1px solid #ccc;
		}
		
			table.form .left
			{
				float: left;
			}

			table.form th, table.form td
			{
				font-weight: normal;
				padding: 2px 10px;
				height: 26px;
				border-bottom: 1px solid #ccc;
			}
			
			table.form th
			{
				background: #E9ECEE;
				border-right: 1px solid #ccc;
				width: 220px;
			}
			
				table.form th.email
				{
					width: 100px;
				}
			
				table.form th.static_ip
				{
					width: 288px;
				}
			
				table.form th.wide
				{
					width: 750px;
				}
			
			table.form td
			{
				background: #F0F0F0;
			}
			
				table.form td p
				{
					margin-top: -10px;
					font-size: 0.9em;
				}
				
				table.form td label
				{
					font-weight: bold;
				}
				
				table.form td.tariff
				{
					padding-left: 40px;
				}
				
				table.form td td
				{
					border: 0;
					width: 40px;
				}

					table.form td td label
					{
						font-weight: normal;
					}

				table.form td input[type="checkbox"], table.form td label
				{
					margin-top: 10px;
				}

		.termsCheckbox
		{
			vertical-align: middle;
			position: relative;
			bottom: 5px;
		}
	
		/*-------------------------------------------------*/
		/*---Telecoms Lines Details & Broadband Products---*/
		/*-------------------------------------------------*/
		table.addlines
		{
			border-collapse: collapse;
			width: 756px;
			margin-top: 10px;
			font-size: 1em;
		}

			table.addlines .headerRow, table.addlines .linebox
			{
				background: #E9ECEE;
				font-size: 0.9em;
			}
			
				table.addlines .headerRow .hover
				{
					color: #c00;
				}
			
				table.addlines .headerRow .tariff
				{
					text-decoration: underline;
					cursor: pointer;
				}
		
				table.addlines .headerRow th
				{
					vertical-align: top;
					cursor: pointer;
					z-index: 3;
				}
		
					table.addlines .headerRow th span
					{
						margin-top: 5px;
						display: block;
						text-align: left;
						font-size: 0.9em;
						font-weight: normal;
						vertical-align: middle;
					}
		
				table.addlines th, table.addlines td
				{
					border: 1px solid #AAA;
				}
				
				table.addlines th
				{
					background: #E9ECEE;
					padding: 5px;
					text-align: center;
				}
				
					.addlines th.lineHeader
					{
						text-align: center;
						font-size: 1em;
					}
				
					.addlines tr div a
					{
						position: relative;
						left: 82px;
					}
					
				.addlines td
				{
					text-align: center;
					padding: 10px 5px;
					background: #F0F0F0;
				}
				
					.addlines td.linenumber
					{
						padding: 3px;
					}
				
				.tariffRow
				{
					font-size: 0.9em;
				}
				
					.tariffRow td
					{
						border-right: 1px solid #ccc;
					}
				
				.tariffCell
				{
					text-indent: 30px;
				}
				
				.addlines .supplyaddress
				{
					text-align: left;
				}
				
				table.addlines .linebox input
				{
					margin: 3px 4px;
				}
				
				.addlines div input
				{
					z-index: 1;
				}

		table.ordersummary
		{
			font-size: 1em;
		}
		
			table.ordersummary td
			{
				text-align: left;
				padding: 5px 0px 5px 20px;
			}

		/*--------------------------------*/
		/*-------------BASKET-------------*/
		/*--------------------------------*/
		div.telecomscontracts
		{
			margin-left: 0px;
			border: 2px solid #ccc;
			margin-bottom: 10px;
			background: #eee;
		}
		
			.form_section div.telecomscontracts .highlighted
			{
				background: #fc0;
				border: 3px solid #c00;
			}

			.form_section div.telecomscontracts>span
			{
				margin: 5px 0px 5px 5px;
			}

			span.telephoneline
			{
				padding: 4px 0px 4px 6px;
			}
		
			/*Basket--------------------------*/
			/*------CONTRACT TREE VIEWS-------*/
			/*--------------------------------*/
			.AspNet-TreeView
			{
				min-width: 300px;
				margin-top: 20px;
			}

				div.AspNet-TreeView ul li
				{
				   white-space: nowrap;
				   padding: 3px 0 2px 0;
				}
				
					div.AspNet-TreeView ul li img
					{
					   border: none;
					   vertical-align: middle;
					   margin: 0 2px 0 0;
					}

				div.AspNet-TreeView ul ul
				{
				   margin: 2px 0 2px 10px;
				}

				div.AspNet-TreeView li a
				{
				   text-decoration: none;
				}

				div.AspNet-TreeView li.AspNet-TreeView-Leaf
				{
				   margin-left: 18px;
				}

					div.AspNet-TreeView li.AspNet-TreeView-Leaf.AspNet-TreeView-Root
					{
					   margin-left: 0px;
					}

					li.AspNet-TreeView-Parent li.AspNet-TreeView-Leaf
					{
						margin-left: 47px;
					}

				div.AspNet-TreeView .AspNet-TreeView-ClickableNonlink
				{
				   cursor: pointer;
				   border: 1px solid #ccc;
				}

				div.AspNet-TreeView .AspNet-TreeView-Collapse, div.AspNet-TreeView .AspNet-TreeView-Expand
				{
					margin-right: 12px;
					width: 15px;
					float:left;
					cursor: pointer;
					position: relative;
					top: 3px;
					left: 3px;
				}

				li.AspNet-TreeView-Parent .AspNet-TreeView-Collapse,.AspNet-TreeView-Parent .AspNet-TreeView-Expand
				{
					margin-left: 13px;
				}

				div.AspNet-TreeView .AspNet-TreeView-Collapse
				{
				   background: url(images/collapse.gif) 0 -2px no-repeat;
				}

				div.AspNet-TreeView .AspNet-TreeView-Expand
				{
				   background: url(images/expand.gif) 0 -2px no-repeat;  
				}

				.AspNet-TreeView-Selected
				{
				   background-color: #FAFAD2 !important;
				}

				.AspNet-TreeView-ChildSelected
				{
				   background-color: #F5FFFA !important;
				}

				.AspNet-TreeView-ParentSelected
				{
				   background-color: #FFE4E1 !important;
				}

				.AspNet-TreeView-Hover
				{
					font-weight:bold;
				}

				.AspNet-TreeView-Root>.AspNet-TreeView-NonLink
				{
					margin-left: 30px;
				}

				.AspNet-TreeView-Leaf>span.AspNet-TreeView-NonLink
				{
					margin-left: 28px;
				}

		/*Basket--------------------------*/
		/*---------ADD MORE LINKS---------*/
		/*--------------------------------*/
		.ad_holder
		{
			margin-top: 0px;
			height: 180px;
			margin: 0 auto;
			width: 680px;
			padding-left: 20px;
		}
		
		.ad_holder input
		{
			margin-top: 0px;
			padding-top: 10px;
		}

		.add_more_to_order
		{
			
			width: 319px;
			height: 147px;
			float: left;	
			margin-right: 20px;
			margin-top: 20px;
		}

			.add_more_to_order h3
			{
				padding-bottom: 10px;
			}

			#bill_itemisation .add_more_to_order .ad_header
			{
				margin: 0;
				padding: 5px 3px;
				height: 16px;
				background: #560041;
				color: #fff;
				font-size: 1.2em;
			}

			.add_more_to_order .desc
			{
				height: 80px;
				padding-left: 10px;
			}

			.add_more_to_order .link_holder
			{
				border-top: 0;
				padding-left: 140px;
				font-size: 1.2em;
				font-size: 12px;
			}

			.add_more_to_order p
			{
				font-size: 0.9em;
			}

.tab_holder
{
	padding: 0px 0px 10px;
	width: 800px;
}

	.tab_holder .column_one
	{
		width: 49%;
		float: left;
	}

	.tab_holder .column_two
	{
		margin-left: 51%;
		width: 49%;
	}
	
	#bill_itemisation .tab_holder h4
	{
		margin-top: 0px;
		padding-top: 20px;
		margin-bottom: 10px;
		font-size: 1.3em;
	}

	#bill_itemisation .tab_holder h5, h3.order_complete
	{
		font-size: 0.9em;
		margin: 10px 0px 0px;
		padding: 8px 10px;
		color: #fff;
		background: #560041;
	}

		#bill_itemisation .tab_holder .feature h5
		{
			border-bottom: 1px solid #560041;
		}
		
	.tab_holder .feature
	{
		margin-top: 20px;
		padding: 5px;
		background: #C9AC68;
		color: #fff;
		border: 1px solid #560041;
	}

	.tab_holder .divider
	{
		height: 1px;
		background: #333;
		margin: 20px 0px;
		clear: both;
	}
	
	.tab_holder ul
	{
		margin-top: 10px;
		margin-left: 20px;
	}

	.tab_holder li
	{
		padding: 3px 0px;
	}

.push
{
	position: relative;
	bottom: 10px;
}

.form_section
{
	border: 1px solid #560041;
	padding: 0px 10px 10px;
	margin-top: 0px;
}

	.form_section > table
	{
		padding-top: 20px;
		margin-bottom: 0px;
	}

	#bill_itemisation .form_section > p.conditions
	{
		padding: 3px 0px 0px;
		margin: 0px;
	}

#orders
{
	min-height: 200px;
	padding: 0px;
	margin: 0px;
}

		/*--------------------------------*/
		/*-------LINE OPTION DESCS--------*/
		/*--------------------------------*/
		#bill_itemisation .bubbleInfo, #bill_itemisation .bubbleStuff
		{
			position: relative;
			cursor: default;
			display: block;
			z-index: 60;
		}

		#bill_itemisation .popup
		{
			position: absolute;
			color: #fff;
			display: none;
			padding: 10px;
			width: 300px;
			height: 130px;
			background: #560041;
			z-index: 50;
			border-collapse: collapse;
			border: 2px solid #c9ac68; /* GOLD */
			text-align: justify;
			font-size: 1em;
		}
		
			#bill_itemisation .popup .desc_header
			{
				color: #c9ac68;
				z-index: 60;
				padding: 2px;
				margin: 2px;
				font-weight: bold;
			}

			#bill_itemisation .popup .desc_text
			{
				z-index: 65;
				padding: 2px;
				margin: 2px;
				text-align: justify;
			}
		
		#bill_itemisation .trigger
		{
			font-weight: bold;
			font-size: 1em;
			width: 189px;
			text-align: center;
			z-index: 2;
		}
		
		#bubbleWrap 
		{
			position: relative;
			z-index: 10;
			bottom: 80px;
		}

		.bubble 
		{
			position: absolute;
			width: 765px;
			height: 90px; 
			border: solid 1px #560041;
			background-color: #f7f6cf;	
			font-family: tahoma, verdana, arial, helvetica, sans-serif;		
			padding: 5px 5px 5px 5px;	
		}

.watermarked
{
	color: Gray;
}

.grayed
{
	background: #ddd;
}

.spacedout_bullets li
{
	padding-bottom: 15px;
	padding-left: 6px;
	list-style-position: outside;
	list-style-image: url(images/titan_moon.jpg);
}