H1 { color: #000000; font-size: 15pt; margin-bottom: 3px; padding-bottom: 3px; }

H2 { color: #000000; font-size: 12pt; margin-bottom: 3px; padding-bottom: 3px; }



form
{
	margin-bottom:0;
}
/* for when you don't want the semantic significance of an Htag*/
.significantinfo { color: #000000; font-size: 12pt; font-weight: bold; position:relative; margin-left: 20px}

.titlehd
{
		PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; BACKGROUND-IMAGE: url(../Images/HeaderBackgroundGradient.jpg); PADDING-BOTTOM: 10px; 
		MARGIN: 0px; VERTICAL-ALIGN: middle; WIDTH: 600px; COLOR: #333333; PADDING-TOP: 10px; BACKGROUND-REPEAT: repeat-x; POSITION: relative; TOP: 0px; HEIGHT: 40px; TEXT-ALIGN: left
}

.container
{
    padding : 10px 10px 10px 10px;
   	text-align: -moz-center!important;
	margin-left : 0%;
}

.InactiveStep
{
	color: Gray;
	position: relative;
	top: -4px;
}

.ActiveStep
{
	color: #08A400;
	font-weight:bolder;
	position: relative;
	top: -4px;
}

.BoxTopLeftCell
{
	background-image: url("../Images/Box/TopLeftCorner.jpg");
}

.BoxTopMiddleCell
{
	background-image: url("../Images/Box/TopLine.jpg");
	background-repeat: repeat-x;
}

.BoxTopRightCell
{
	background-image: url("../Images/Box/TopRightCorner.jpg");
}

.BoxMiddleLeftCell
{
	background-image: url("../Images/Box/LeftLine.jpg");
	width: 19px;
	height: 19px;
}

.BoxMiddleCell
{
}

.BoxMiddleRightCell
{
	background-image: url("../Images/Box/RightLine.jpg");
	width: 19px;
	height: 19px;
}

.BoxBottomLeftCell
{
	background-image: url("../Images/Box/BottomLeftCorner.jpg");
	width: 19px;
	height: 19px;
}

.BoxBottomMiddleCell
{
	background-image: url("../Images/Box/BottomLine.jpg");
	background-repeat: repeat-x;
}

.BoxBottomRightCell
{
	background-image: url("../Images/Box/BottomRightCorner.jpg");
	width: 19px;
	height: 19px;
}

.ConfirmationHeaderRow
{
	background-color: #E5EFFA;
	font-weight: bold;
	font-size: large;
}

.ConfirmationHeaderRow td
{
	font-size: large;
}

.DetailsLeftCell
{
	text-align: right;
	width: 50%;
	padding-right: 30px;	
}

.BroadbandRequirementsDetailsLeftCell
{
	text-align: left;
	width: 50%;
	padding-right: 30px;	
}

.DetailsRightCell
{
	text-align: left;
	width: 50%
}

.DetailsTable
{
	width: 100%;
}

.DetailsRightCellCertified
{
	text-align:left;
	width: 30%
}

.DetailsCellCertificate
{
	width: 20%
}

.PlanDetailsCellLeft
{
	border: solid 1px black;
	font-weight:bold;
	border-color: #99CCFF;
	FONT-FAMILY: Arial; 
	font-size:12px;
}

.PlanDetailsCellRight
{
	border: solid 1px black;
	border-color: #99CCFF;
	FONT-FAMILY: Arial; 
	font-size:12px;
}

.PlanDetailsCellMiddleLeft
{
	border-right: solid 1px black;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	border-color: #99CCFF;
	FONT-FAMILY: Arial; 
	font-size:12px;
}

.PlanDetailsCellMiddleRight
{
	border-left: solid 1px black;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	font-weight:bold;
	border-color: #99CCFF;
	FONT-FAMILY: Arial; 
	font-size:12px;
}

.PlanDetailsCellHeader
{
	border: solid 1px black;
	background-color: #b5dff6;
	border-color: #99CCFF;
	font-weight:bold;
	FONT-FAMILY: Arial; 
	font-size:12px;
}

.PlanDetailsCellLeftBorder
{
	border-left: solid 1px black;
	border-color: #99CCFF;
}

.PlanDetailsCellRightBorder
{
	border-right: solid 1px black;
	border-color: #99CCFF;
}

.PlanDetailsNote
{
	font-size: smaller;
}

.PlanDetailsFooter
{
	background-color: #08A400;
	text-align: right;
	color: White;
	font-weight: bold;
}

.PlanDetailsLineBeforeFooter
{
	border-left: solid 1px black;
	border-right: solid 1px black;
	border-color: #99CCFF;
}

.PlanDetailsLogo
{
	border: solid 1px black;
	border-color: #99CCFF;
}

.PlanDetailsLink
{
	Font:Bold 12px Arial; 
	color:white
}

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

a:hover
{
	text-decoration:underline;
}

a
{
	text-decoration:none;
}

.WhatWillHappenNow
{
	background-color: #99CCFF;
	padding: 5px;
}

.EmailAFriend
{
	background-color: Red;
	color: White;
	padding: 5px;
}

.EmailAFriend a
{
	color: White;
}

.OrangeHeader { color: Orange; font-size: 12pt; margin-bottom: 3px; padding-bottom: 3px; }

.BigText
{
	font-size: small;
}

.BigText td
{
	font-size: medium;
}

.TopContent
{
    padding-top: 10px;
	text-align: left;
	font-size: 12pt;
	margin-left: 16%;
	margin-right: 12.5%;
}

/* Pre Confirm Page START */

.ConfirmationDetails
{
	vertical-align: top;
}

/* Pre Confirm Page END */

.BBResultsRow
{
	border-top: solid 2px #e5effa;
	border-bottom: solid 2px #e5effa;
	text-align: center;
	border-left-style: none;
	border-right-style: none;
}

.BBResultsRowPackage
{
	border-top: solid 2px #e5effa;
	border-bottom: solid 2px #e5effa;
	border-left-style: none;
	border-right-style: none;
	text-align: left;
	
}
.BBResultsRowOverallRating
{
	border-top: solid 2px #e5effa;
	border-bottom: solid 2px #e5effa;
	border-left-style: none;
	border-right-style: none;
	text-align: center;
  color: Gray;
}

.BBDropdown
{
	width: 140px;
}

.BBWideDropdown
{
	width: 190px;
}

.BBEnterPostcodeDirections
{
    font-weight: bold ;
    font-size: 10pt ;
}

#BBEnterPostcodeHeading
{
    color: #0066CC ;
    font-size: 15pt ;
    margin-bottom: 3px ;
    padding-bottom: 3px ;
}

.BBResultsPaging
{
			font-family:Arial;
			font-size:11px;	
			text-decoration:none;
			margin-left:auto;
			margin-right:auto;
			border-top: solid 2px #b6dff5;
			border-bottom: solid 2px #b6dff5;
}

.BBResultsHeader
{
	background-image:url("../../Images/ResultsGridHeader.JPG");
	BACKGROUND-REPEAT: repeat-x;
	HEIGHT: 36px;
	text-align:center;
	border-left: solid 2px #e5effa;
	border-right: solid 2px #e5effa;
}

	
.BBLink 
{
	text-decoration: underline;
	color: black;
}

HR.blue {
background-color: #b7e0f6; /* mozilla */
border: 0px; /* fixes mozilla height */
clear: left;
color: #b7e0f6; /* ie */
float: left;
height: 1px;
margin: 4px 0px 4px 0px;
width: 99%;
}

div.Indent50
{
	padding-left: 50px;
}