/* ------------------------------------------ General ------------------------------------------ */

body {text-align:left; font-size:62.5%; font-family:Arial, Helvetica, sans-serif;  background: #f5f5f5 url(../img/bg/body-bg.jpg) repeat-y;}
body.wide #main #content-left{width:723px; margin-left:15px; padding:10px 0px 0px 12px;}
body.home #footer {width:926px; padding-top:10px; padding-bottom:10px; border-top: 1px solid #e7e7e7; margin-left:15px;}
body.home #footer p {color:#c5c5c5; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; text-align:center; padding-left:75px;}
html,body{height:100.01%;}
.clear {clear:both;}
.r {float:right; margin-left:10px; margin-top:2px;}
.l {float:left; margin-right:10px; margin-top:2px;}
.map {float:right; margin-left:20px; margin-right:-20px;}
.map-small {float:right; margin-left:5px; margin-right:-20px;}
.img {border: 3px solid #e9e7e7;}
.print-only{display:block}
#wrap{width:740px; float:right;}

#container #main #content-left h3 {color:#f37020; font-size:1.8em; margin-bottom:10px;}
/* accessibility style */
#access {position:absolute; top:-9999px;}

/* Container */
#container {width:967px; text-align:left; clear:both; }

/* Header */
#header {width:967px; height:77px; padding-top:10px; margin-bottom:10px;}
.logo {float:left; margin-left:15px;}

/* titles */
h1.home { line-height: 1em;color:#fff; font-size: 28px; margin-top: 25px; margin-bottom: 5px;margin-left:15px; width:380px;}
h1.inside {   font-family:Arial, Helvetica, sans-serif; line-height: 1em; color:#fff; font-size: 28px;  margin-top: 25px; margin-bottom:5px; margin-left:15px!important;  width:380px;}

h2.note { color:#f9d4be; line-height: 1.6em; margin-left:15px; margin-top: 18px; font-size: 20px; width:520px!important;}
h2.sub{ line-height: 1em;  color:#f9d4be; font-size: 19px; width:450px; margin-top:10px; margin-left:15px;}

h3.tab {text-indent:-8000px; background:url(../img/titles/area.jpg)  no-repeat; width:296px; height:21px; margin-top:6px; margin-bottom:8px;}
h3.inside {line-height: 1em; font-size: 22px !important; margin-top: 5px; margin-bottom: 5px !important; margin-left:0px; border-top:1px solid #e2e2e2; padding-top:12px; color:#4C4B4B!important;}
h3.latest {font-family: Arial, Helvetica, sans-serif; color:#f37020;  font-size:2em; text-decoration:none; margin-top:5px; font-weight:bold;}
h3.title {line-height: 1em; font-size: 24px !important; margin-top: 5px; margin-bottom: 12px; margin-left:0px; padding-bottom:5px !important; border-bottom:1px solid #e2e2e2; color:#4a4949!important;}
h3.news {line-height: 1em; font-size: 20px; color:#888888; margin-top: 5px; margin-bottom: 15px; margin-left:0px; width:250px;
}
p.news_gray {line-height: 1em; font-size: 20px; color:#888888; margin-top: 5px; margin-bottom: 15px; margin-left:0px; width:190px;}



h4.line {text-indent:-8000px; background:url(../img/titles/test_line.gif)  no-repeat; width:296px; height:21px; margin-top:5px; margin-bottom:6px;}
h4.inside{font-family: Arial, Helvetica, sans-serif; color:#888888;  font-size:1.8em;  text-decoration:none; margin-top:9px; margin-bottom:9px;}
h4.check {line-height: 1em; font-size: 19px; margin-top: 10px; margin-bottom: 5px; margin-left:0px; color:#999999!important;}
h4.faqs {font-family:Arial, Helvetica, sans-serif;color:#F48124; line-height: 18px; font-size: 16px ; font-weight:bold; margin-top: 2px; margin-bottom: 5px; margin-left:0px; padding-top:10px; border-top:1px solid #e2e2e2;}

h5.inside {line-height: 1em; font-size: 16px !important; margin-top: 5px; margin-bottom: 5px !important; margin-left:0px;
padding-top:10px; color:#777!important; font-weight:bold; }
  
/* Search Box */
#header .searchbox{margin:15px 10px 10px 0px; float:right;
	color: #F27C33;
}
#header .searchbox input.text-home{padding:5px; border:1px solid #777; font-size:1.2em; color:#777; font-family:Arial, Helvetica, sans-serif; background: url(../img/icons/search-small.gif) no-repeat 5px 8px; padding-left:20px; line-height:1.2em; width:220px; margin-right:2px;}
#header .searchbox input.text{padding:5px; border:1px solid #777; font-size:1.2em; color:#777; font-family:Arial, Helvetica, sans-serif; background: url(../img/icons/search-small.gif) no-repeat; background-position: 5px 8px; padding-left:20px; line-height:1.2em; width:150px; margin-right:2px;}
#header .searchbox input.button {border: 1px solid #777; background-color:#f5f5f5; font-family: arial, helvetica, sans-serif; color:#5a5142; padding:4px 10px 4px 8px; font-size:1.2em;}
#header .searchbox input.button:hover { border: 1px solid #333; cursor:pointer;}
#header .searchbox ul {color:#777;  font-size:1.1em; margin-top:3px;}
#header .searchbox ul li{display:inline;}
#header .searchbox ul li a{text-decoration:none; color:#777;}
#header .searchbox ul li a:hover{ color:#333;}

/* main */
#main {width:941px; margin-left:15px; margin-bottom:10px;}


/* Left-Nav */
#left-nav {float:left; width:194px; padding-bottom:40px;}
#left-nav ul {margin-bottom:2px;}
#left-nav ul li {margin-bottom:2px;}
#left-nav ul li a{background: #fff url(../img/bg/nav-bg.jpg) no-repeat bottom left; font-size:1.4em;  line-height:31px;  padding-left:5px; color:#7f7f7e; display:block; text-decoration:none; border: 1px solid #f0efef; font-family: Arial, Helvetica, sans-serif; width:190px; }
#left-nav ul li a:hover{ color:#252525; text-decoration:none; border: 1px solid #dcdcdc;}
#left-nav ul li a.on {color:#252525; border: 1px solid #dcdcdc;}
#left-nav ul li.sub {background: #fff url(../img/bg/nav-bg.jpg) no-repeat bottom left;}
#left-nav ul li.sub a{background: url(../img/icons/sub-arrow.gif) no-repeat 22px 12px; font-size:1.2em; text-indent:32px;}
#left-nav ul li.sub a.on {color:#252525; border: 1px solid #f0efef;}

/* home video panel */
#main #video {background: #fff url(../img/bg/video-bg.jpg) no-repeat; width:735px; height:256px; float:right; position:relative;}
#main #video #welcome-text {float:left; width:300px;}
#main #video #flash {width:300px;  height:203px; margin:27px 26px 0px 4px; float:right;}
#main #video img.ceo {position:absolute; bottom:0px; right:0px;}
#main #video img.signature {position:absolute; bottom:15px; left:15px;}

/* banners  */
#main #banner-bbi {background: #fff url(../img/banners/banner-broadband.jpg) no-repeat; width:735px; height:107px; float:right;}
#main #banner-area {background: #fff url(../img/banners/banner-area.jpg) no-repeat; width:735px; height:107px; float:right;}
#main #banner-news {background: #fff url(../img/banners/banner-news.jpg) no-repeat; width:735px; height:107px; float:right;}
#main #banner-contact {background: #fff url(../img/banners/banner-contact.jpg) no-repeat; width:735px; height:107px; float:right;}
#main #banner #inside-text {float:left;}


/* content-left */
#main #content-left {float:left; width:450px; margin:10px 5px 10px 12px; padding-left:10px;}
#main #content-left p{color:#747373; font-size:1.2em; line-height:1.6em; margin-bottom:10px;}
#main #content-left p a{color:#668ab6; text-decoration:underline;}
#main #content-left p a:hover{text-decoration:none; }
#main #content-left p.print{margin-top:12px;}
#main #content-left p.print a{background:url(../img/icons/printer.gif) no-repeat; padding:2px 0px 2px 20px;  }
#main #content-left p.print a:hover{}
#main #content-left p.print-map {background: url(../img/icons/map.gif) no-repeat 0px 1px; padding-left:23px;}
#main #content-left a {text-decoration: none;}


/* Maximum width on images inserted */
#main #content-left img{max-width:450px; width: expression(this.width > 450 ? 450: true);}
body.wide #main #content-left img{max-width:700px; width: expression(this.width > 700 ? 700: true);}

/* Breadcrumbs */
#container #main #content-left {padding:2px 0px 2px 0px;}
#container #main #content-left #bcrumb ul.breadcrumb{color:#000; font-size:1.1em; margin-left:5px;}
#main #content-left #bcrumb ul.breadcrumb li {display:inline; line-height:1.1em; color:#aaa; text-transform:lowercase}
#main #content-left #bcrumb ul.breadcrumb li span {margin-right:1px;}
#main #content-left #bcrumb ul.breadcrumb li a {color:#777; text-decoration:none;}
#main #content-left #bcrumb ul.breadcrumb li a:hover {color:#333;}

/*Default List*/
#container #main #content-left ul{color:#747373; font-size:1.2em; line-height:1.6em; margin-bottom:10px; list-style-type:disc; margin-left:25px;}
#container #main #content-left ul li{margin-bottom:3px;}
#container #main #content-left ul a:link{color:#668ab6; text-decoration:underline;}
#container #main #content-left ul a:hover{text-decoration:none;}
#container #main #content-left ul a:visited{color:#668ab6; text-decoration:none;}


/*Ordered List*/
#main #content-left ol {color:#747373; font-size:1.2em; line-height:1.6em; margin-bottom:10px; margin-left:55px;  }
#main #content-left ol li{margin-bottom:3px; list-style:decimal;}
#container #main #content-left ol a{color:#668ab6; text-decoration:underline;}
#container #main #content-left ol a:hover{text-decoration:none;}

	
/*  content-right */
#main #content-right {float:right; width:225px; margin: 20px 20px 10px 5px; border-left: 1px solid #e6e5e5; padding-left:15px;}
#main #content-right p {font-size: 1.2em; color:#a5a4a4; line-height:1.4em; margin-top:5px; margin-bottom:10px; margin-right:0px;}
#main #content-right .area_input { font-family:Arial, Helvetica, sans-serif; width:160px; font-size:1.2em; color:#29241e; margin-bottom:5px; margin-top:10px; border: 1px solid #e2e2e2; padding:2px;  }/*display:none */

#main #content-right .const_input {border: 1px solid #e2e2e2; font-family:Arial, Helvetica, sans-serif; width:160px; font-size:1.2em; color:#29241e; padding:2px; }


#main #content-left  .const_input{border: 1px solid #e2e2e2; font-family:Arial, Helvetica, sans-serif; width:160px; font-size:1.2em; color:#29241e; padding:2px; }
#main #content-left  .area_input{border: 1px solid #e2e2e2; font-family:Arial, Helvetica, sans-serif; width:160px; font-size:1.2em; color:#29241e; padding:2px; }



#main #content-right .code_input { font-family:Arial, Helvetica, sans-serif;  font-size:1.2em; color:#29241e;  border: 1px solid #e2e2e2; padding:2px; }

#main #content-right .phone_input { font-family:Arial, Helvetica, sans-serif; text-indent:3px; font-size:1.2em; color:#29241e; padding:3px 0px 3px 0px; border: 1px solid #e2e2e2; width:100px; margin-right:-3px;}


#main #content-right .butt {border: 1px solid #e2e2e2; background-color:#f5f5f5; font-family: arial, helvetica, sans-serif; color:#29241e; font-size:1.2em; padding:2px 3px 2px 3px;}
#main #content-right .butt:hover {border: 1px solid #7c7c7c; cursor:pointer;}
#main #content-right p.long {width:240px; margin-top:0px;}

/* home features content */
#main #features {float:left; width:410px; margin:20px 0px 10px 6px; display:inline;}
#main #features .box {width:185px; float:left; margin:5px 15px 10px 0px; display:inline;}
#main #features .box a img  {opacity:1;}
#main #features .box a:hover img  {opacity:0.8;}
#main #features .box p.title{margin-top:4px; color:#232222; font-weight:bold;}
#main #features .box p {color:#7b7b7b; margin-top:2px;	 line-height:1.5em;}
#main #features .box:hover p {color:#000;}


/* right side */
#main #right {float:right; width:290px; margin: 23px 20px 10px 0px; display:inline; _margin-right:0px;}
#main #right #tabs {margin-bottom:0px;}
#main #right #container-4 {background: url(../img/bg/tabs-left-bg.gif) no-repeat bottom left; }
#main #right #fragment-10 {background: url(../img/bg/tabs-left-bg.gif) no-repeat bottom left; }
#main #right #fragment-11 {background: url(../img/bg/tabs-left-bg.gif) no-repeat bottom left;  width:280px;}



#main #right #tabs .area_input {border: 1px solid #e2e2e2; margin-left:1px; font-family:Arial, Helvetica, sans-serif; width:130px; font-size:11px; color:#29241e; margin-bottom:5px; margin-top:10px; padding:2px;}

#main #right #tabs .const_input {border: 1px solid #e2e2e2; margin-left:1px; font-family:Arial, Helvetica, sans-serif;  width:130px; font-size:11px; color:#29241e; padding:2px; }

.county2 { display: inline; float:left; margin-left: 60px;}

.constituency2 { display: inline; float:left; margin-left: 210px;}



#main #right #tabs .test-line {width:280px; margin-top:2px;}
#main #right #tabs .test-line .code_input {border: 1px solid #c1c1c1; font-family:Arial, Helvetica, sans-serif;  font-size:1em; color:#29241e;  border:1px solid #bbb; padding:2px; }
#main #right #tabs .test-line .phone_input {border: 1px solid #c1c1c1; font-family:Arial, Helvetica, sans-serif; text-indent:3px; font-size:1em; color:#29241e; padding:3px;  width:165px; margin-right:-3px;}
#main #right #tabs .test-line .butt {border: 1px solid #c1c1c1; background-color:#f5f5f5; font-family: arial, helvetica, sans-serif; color:#5a5142; padding:2px 10px 2px 8px; font-size:1em; }
#main #right #tabs .test-line .butt:hover {border: 1px solid #7c7c7c; cursor:pointer;}

/* home - news */
#news {float:right; width:270px; margin: 3px 15px 20px 16px; }
dl {font-family:Georgia, Times New Roman, Times, serif;}
dl dt{padding-right:10px;}
dl dt a{ color:#f37020; font-size:1.2em; text-decoration:none; font-weight: bold; font-family:Arial, Helvetica, sans-serif;}
dl dt a:hover{text-decoration:underline;}
dl dd {font-family:Arial, Helvetica, sans-serif; color:#aaa; font-size:1.1em; margin-top:3px; padding-bottom:10px; border-bottom: 1px dotted #c4c2c2;  margin-bottom:10px;}
#news p a {color:#668ab6; font-size:1.2em;}
#news p a:hover {text-decoration:none;}

p.news-date {font-family:Arial, Helvetica, sans-serif; color:#aaa!important; font-size:1em!important; margin-bottom:0px!important; margin-top:-7px;}
p.news-descriptio a { color:#f37020!important; font-size:1em!important; text-decoration:none; font-weight: bold; font-family:Arial, Helvetica, sans-serif; margin-bottom:0px!important;}
p.news-descriptio a:hover{text-decoration:underline;}
.new-latest-news p.desc {background:url(../img/bg/dotted.gif) repeat-x bottom left; padding-bottom:3px; font-family:Arial, Helvetica, sans-serif;}



/* latest-news */
#content-left dl.latest-news {margin-top:5px;}
#content-left dl dd {margin-bottom:0px; border-bottom:none; padding-bottom:5px;}

#content-left dl dd.desc {background:url(../img/bg/dotted.gif) repeat-x bottom left; padding-bottom:3px; font-family:Arial, Helvetica, sans-serif; color:#747373; font-size:1.2em; line-height:1.6em; margin-bottom:10px;}
#content-left dl dt.result {font-family:Arial, Helvetica, sans-serif; color:#747373; font-size:1.2em;}
#main #content-left p.date {font-family:Arial, Helvetica, sans-serif; color:#c9c8c7; font-size:1.1em; margin-top:3px; padding-bottom:5px;  margin-bottom:5px;}

/* inside- news */
#main #left-nav #news {float:left; width:194px; margin: 3px 5px 20px 5px; }


/* contact Form */
table.form{width:100%; margin-bottom:12px;}
table.form th{padding:5px 8px; background-color:#848283; font-size:1.2em; color:#f8f8f8;}
table.form td{padding:5px 8px; font-size:1.2em; color:#2f2d2c;}
table.form td.validation {text-align:left;}
table.form td del{color:#D50600; padding-right:5px;}
table.form tr.alt td{background:#f5f5f5;}
table.form td.name-address{font-size:1.1em; color:#2f2d2c;}
table.form input.text{padding:3px; font-family:Arial, Helvetica, sans-serif; border:1px solid #bbb;}
table.form input.name{padding:3px; font-family:Arial, Helvetica, sans-serif; border:1px solid #e2e2e2; width:150px;}
table.form input.text-small{padding:3px; font-family:Arial, Helvetica, sans-serif; border:1px solid #bbb;}
table.form input.sort{padding:3px; font-family:Arial, Helvetica, sans-serif; border:1px solid #e2e2e2;  margin-right:5px;}
table.form input.security{padding:3px; font-family:Arial, Helvetica, sans-serif; border:1px solid #e2e2e2;  margin-right:5px;}
table.form select{font-family:Arial, Helvetica, sans-serif; border:1px solid #e2e2e2; padding:2px; margin-right:3px;}


table.form textarea {border:1px solid #bbb; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
table.form .radio{padding-left:20px;}
table.form .radio a{cursor:help; color:#D50600; font-size:0.9em; }
table.form .radio a:hover{color:#000;}
table.form input:focus, table.form textarea:focus{background-color: #fff5f0;}
table.form tr td input.submit {margin-top:4px; font-size:1.2em; color:#f4e3d9; background:url(../img/bg/butt-bg.jpg) repeat-x; border:none; padding:4px 5px 4px 5px; font-family:Arial, Helvetica, sans-serif; cursor:pointer; font-weight:bold;}
table.form tr td span.centered{margin-left: auto; margin-right: auto; display: block; width:6em;}
table.form tr td input .submit{}
table.form tr td input.submit:hover {color:#FFF;}
span.orange {color:#f15c1a; font-size:1.2em;}
table.form td em {font-size:0.9em;  color:#999999;}
.pc5 {width:5%;}
.pc8 {width:8%;}
.pc10 {width:10%;}
.pc14 {width:14%;}
.pc15 {width:15%;}
.pc18 {width:18%;}
.pc20 {width:20%;}
.pc22 {width:22%;}
.pc25 {width:25%;}
.pc30 {width:30%;}
.pc35 {width:35%;}
.pc40 {width:40%;}
.pc45 {width:45%;}
.pc48 {width:48%;}
.pc49 {width:49%;}
.pc50 {width:50%;}
.pc52 {width:52%;}
.pc53 {width:53%;}
.pc55 {width:55%;}
.pc60 {width:60%;}
.pc65 {width:65%;}
.pc70 {width:70%;}
.pc72 {width:72%;}
.pc73 {width:73%;}
.pc74 {width:74%;}
.pc75 {width:75%;}
.pc78 {width:78%;}
.pc79 {width:79%;}
.pc80 {width:80%;}
.pc85 {width:85%;}
.pc90 {width:90%;}
.pc91 {width:91%;}
.pc92 {width:92%;}
.pc93 {width:93%;}
.pc95 {width:95%;}
.mr20 {margin-right:20px;}

/* Table */
table.data {border-collapse: collapse; width: 100%; margin-bottom: 12px; border-right: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2;}
table.data th{padding: 6px 11px; background-color:#333; color:#eee; font-size:12px;}
table.data td {	padding: 6px 11px; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; vertical-align: middle; width:25%; font-size:12px; color:#333;}
table.data td * {padding: 6px 11px; }
table.data tr.even td { background: #f2f2f2; }
table.data th p {font-size: 12px !important; padding: 0px; margin-bottom: 0px !important; color: #eee !important; }
table.data td p {font-size: 12px !important; padding: 0px; margin-bottom: 0px !important; color: #333 !important; }

/* footer */
#footer {width:735px; padding-top:10px; padding-bottom:10px; border-top: 1px solid #e7e7e7; margin-left:220px;}
#footer p {color:#aaa; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; text-align:left;}

/* pagination */
.pagination {margin-top:20px; width: 450px!important;}
.pagination ul{margin: 0!important; padding-top: 2px; padding-bottom: 2px; text-align: left; font-size: 1.2em;  width: 460px!important;}
.pagination li{list-style-type: none; display:inline; padding-bottom: 1px; margin-left:1px;}
.pagination a.curr, .pagination a.curr:visited{padding: 3px 7px; border: 1px solid #9aafe5; text-decoration: none; color: #2e6ab1; }
.pagination a.next{padding: 3px 7px; border: 1px solid #ccc; text-decoration: none !important; color: #F37020 !important; }
.pagination a:hover.next {border: 1px solid #666; color: #F37020 !important; }
.pagination a:hover.curr, .pagination a:active.curr{border: 1px solid #2b66a5; color: #000; background-color: #fff; }
.pagination li.page { display:inline; }
.pagination li.page a{ padding: 3px 7px; border:1px solid #ccc; text-decoration:none !important; color:#666 !important; }
.pagination li.page a:hover{border:1px solid #666;}
.pagination li.currentpage{ font-weight: bold; padding: 3px 7px; border: 1px solid navy; background-color: #2e6ab1; color: #FFF; }
.pagination li.disablepage{ padding: 3px 7px; border: 1px solid #DCD9D9; color: #8D8B8B; background:#EAE7E7;}
.pagination li.nextpage{ font-weight: none; } 
* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/ margin-right: 0px; padding-right: 5px; }

#container #main #content-left ul.alphabet  {color:#3da64f; line-height: 1em; font-size: 1.1em; margin-bottom: 18px; margin-left:0px; padding-top:5px; margin-left:5px;}
*html #main #content-left ul.alphabet{margin-left:15px;}
#container #main #content-left ul.alphabet li{display:inline; font-size:9px; margin-right:-1px; padding:0px;}
#container #main #content-left ul.alphabet li.on a{font-weight:bold; background:#F37020; color:#fff}
#container #main #content-left ul.alphabet li a {color:#999; text-decoration:none; padding:2px 3px; background:#f5f5f5; border:1px solid #e2e2e2;}
#container #main #content-left ul.alphabet li a:hover {color:#000; border:1px solid #ccc;}

#main #content-left #one {
	
	float: left;
	width: 350px;
	margin:0;
	padding:0;
}

#main #content-left #two {

	float: left;
	width: 350px;
	marging: 0;
	padding:0;
	}
	
#line { border-top: solid 1px #e2e2e2; }

/*======================Accordian============================= */
#content #list2{margin-bottom:15px;}
#content .mytitle{
padding:10px 0px; 
font-size:1.2em;
text-decoration: underline; 
cursor:pointer;
color:#668AB6;
}
#content .noborder{background:none; padding-left:0px; color:#333; font-weight:bold;}
#content .mycontent {padding-top:5px;}
#instructions{ }
#instructions .title{font-size:12px; font-weight:bold; padding:0px; margin-bottom:10px;}
div.title {font-weight: bold; color: #65328F; cursor:pointer; border:0px solid #CCCCCC; margin-top:0.3em; padding:0.5em; background-color: #fff;}
div.box {font-size:12px;} div.box ol{margin-top:12px;}
div.box ol li, div.box ul li{font-size:12px;}
div.heading{font-weight:bold;}


/* Table Widths */
table.one-column td{width:100%;}
table.two-column td{width:50%;}
table.three-column td{width:33%;}
table.four-column td{width:25%;}
table.five-column td{width:20%;}
table.six-column td{width:16%;}