html, body {
	margin: 0px;
	padding: 0px;
	/*background: #B2C4E9;*/
	background: #4875e8 url(/public/images/bg.jpg) no-repeat fixed;
	font-family: "microsoft sans serif", arial;
	height:100%;
	color: #fff;
	border:0;
}
/* Table Layout :( */
table#bodyTable {
	height: 100%;
	width: 100%;
}
td#bodyCell {
	height: 100%;
}
table#contentTable {
	height: 100%;
	width: 100%;
}
td#sidemenuCell {
	width: 147px;
	vertical-align: top;
	background: url('/public/images/navbar.gif') repeat-y;
}
td#contentCell {
	vertical-align: top;
}
tr#footerRow {
	height: 20px;
}
td#footerCell {
	text-align: center;
}

img {
	border:0;
}
a {
	/*color: #aaa;*/
	color: #fff;
}
strong {
	font-weight: bold;
}
.freightIncluded {
	font-weight: bold;
	background: #fff;
	color: #f00;
	border: 3px dotted #f00;
	padding-left:2px;
	padding-right:2px;
	margin-left:2px;
	margin-right:2px;
}
.printableBox{
	margin: 6px;
	padding: 4px;
	border: 3px solid #d62b23;
	background: #fff;
	color: #000;
}
.shopBG {
	background: #B2C4E9 url(/public/images/shop_bg.jpg) no-repeat /*fixed*/;
}
.elecBG {
	background: #B2C4E9 url(/public/images/electricians_bg.jpg) no-repeat /*fixed*/;
}
.techBG {
	background: #B2C4E9 url(/public/images/technology_bg.jpg) no-repeat /*fixed*/;
}
.servBG {
	background: #B2C4E9 url(/public/images/services_bg.jpg) no-repeat /*fixed*/;
}

hr {
	color: #c33;
	background-color: #c33;
	height: 1px;
}
/*
ol {
	padding: normal;
	margin: normal;
	list-style-type: decimal;
}
*/
.bold {
	font-weight: bold;
}

.small {
	font-size: 0.8em;
}
/* Popup box */
.popupBox {
	width: 40em;
	border-top: 1px solid #c33;
	border-right: 2px solid #a11;
	border-bottom: 2px solid #a11;
	border-left: 1px solid #c33;
	background-color: #FFFFE0;
	position: absolute;
	left: 120px;
	margin-top: -2em;
	padding: .5em 1em;
	color: #000;
	/*visibility: hidden;*/
	display: none;
	z-index: 10;
}

.popupBox a.closeBtn {
	float: right;
	border-top: 1px solid #ccc;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #ccc;
	padding: 0 5px;
	color: #000 !important;
	font-family: arial;
	text-decoration: none;
	background-color: #fff;
	font-weight: bold;
	font-size: 12px;
	font-family: arial;
}
.popupBox a.closeBtn:active {
	border-top: 1px solid #666;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #666;
	background-color: #eee;
	color: #f00 !important;
}

#content {
	margin: 10px;
	height: 100%
}

.box h2{
	margin-top: 0px;
}

.captionBox p, .captionBox h4{
	margin-top: 0px;
	margin-bottom: 10px;
}
.box, .centeredBox, .captionBox{
	margin: 10px;
	padding: 4px;
	border: 1px solid #fff; /*#c33;*/ /*#147;*/
	/*background: #FFFFE0; /*#fff;*/
}
.captionBox {
	/*border-bottom: 0px;*/
	/*border-top: 0px;*/
}
.centeredBox{
	width: 400px;
	margin: 0 auto 0 auto;
	text-align: center;
}
.special {
	color: #000;
}
.error {
	border: 1px solid #F33;
	color: #F33;
	background-color: #EE0;
	padding-left: 50px;
	height: 60px;
}
.error2 {
	border: 1px solid #F33;
	color: #F33;
	background-color: #EE0;
	text-align: center;
}
.error H1 {
	padding: 0px;
	margin: 0px;
}
.warnL1 {
	background: #fff;
	color: #f00;
	padding: 0px 3px 0px 3px;
}
.warnL2 {
	color: #ff0;
}
.deleteWarning {
	padding: 20px;
	text-align: center;
	font-weight: bold;
}
form {
	margin: 2px;
}

#asparkurl {
	font-family: times new roman, arial;
	font-size: 5em;
	font-weight: bold;
	text-align: center;
	color: #047;
}

input.txt {width: 120px; border: 1px solid #047; color #147; text-align: center;}
input.btn {color: #FFF; border: 1px solid #124; cursor: pointer; background: url('/public/images/btn_grad.gif') repeat-x;}
input.btn.thumb {width: 100px;}
input.btn:hover {border: 1px solid #FFF;}
input.disabled {background: #ccc; color: #000;}
/***blue menu tables***/
.linksTable .icon {
	width: 30px;
	height: 30px;
	background-color: #369;
	text-align: center; 
}
.linksTable .link {
	width: 50%;
}
.linksTable .itemCount {
	/*color: #6d7fa5;*/
	/*color: #369;*/
	color: #fff;
}
/* blue tables with buttons on right */
.panelTable table, .impressionTable table {
	background: #fff;/*#147;*/
	width: 100%; 
}
.linksTable table, .listTable table {
	border-color: #fff;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-collapse: collapse;
	width: 100%;
}

.listTable caption, .linksTable caption, .impressionTable caption {
	border: 1px solid #fff;/*#147;*/
	border-bottom: 0px;
}

.listTable th, .linksTable th, .panelTable th, .listTable caption, .linksTable caption, .impressionTable th {
	color: #fff;
	font-weight: bold;
	/*background-color: #69c;*/
	border-color: #fff;
  border-width: 1px 1px 0 1px;
  border-style: solid;
	 
	text-align: center;
}
.panelTable td, .impressionTable td{
	color: #fff; 
	text-align: center; 
	/*background-color: #69c*/
	background: #4875e8 url(/public/images/paneltable_bg.jpg) no-repeat;
	background-position: center;
}
.linksTable td, .listTable td {
	color: #fff; 
	text-align: center; 
	/*background-color: #69c;*/
	border-color: #fff;
  border-width: 1px 1px 0 0;
  border-style: solid;
  margin: 0;
  padding: 4px;
} 

.listTable a, .linksTable a, .panelTable a{
	color: #fff;
	text-decoration: none;
}
.listTable .detailsPane {
	text-align: left;
}
.listTable .detailsPane a {
	text-decoration: underline;
}
.listTable .imagePane {
	/*background: #fff;*/
	/*border: 2px solid #69c;*/
}
.listTable .imagePane  a{
	/*color: #000;*/
	text-decoration: underline;
}
.listTable caption a, .linksTable caption a{
	text-decoration: underline;
}
.listTable a:hover, .linksTable a:hover {
	text-decoration: underline;
}
.listTable .btn {
	width: 95%;
}
.listTable .tools {
	width: 20%;
}
.listTable form {
	margin: 0px;
}
.impressionTable caption {
	color: #fff;
	background: #369;
}
.impressionTable {
	width: 45%;
	float: left;
	margin-right: 5%;
}

th.heading, .listTable caption, .linksTable caption { color: #fff; background-color: #369; font-weight: normal; text-align: center;}
td.middle {color: #fff; background-color: #369; background-image: none;}
td.middle a{color: #fff; text-decoration: underline;}
td.middle a:hover{color: #fff;}
.panelTable td {width:33%; height: 60px;}
.panelTable .left {width: 49%; float: left;}
.panelTable a:hover {color: #369;}
.panelTable {font-size: 80%;}

/* for the add members form on /company/members */
#addMember fieldset {
	border: 1px solid #124;
	float: left;
	padding: 10px;
}
#addMember legend {
	color: #124;
}

#iconChooser td {
	background-color: #369;
}

/*Tables on Edit My Links page etc*/
#editMyLinks table, #broadbandPlans table, #iconChooser table, #linkRanks table,
#printandpost table{
	background-color:#047;
	color:#fff;
}
#editMyLinks th, #broadbandPlans th, #linkRanks th, #linkRanks caption, #printandpost th{
	font-weight:bold;
	background-color:#369;
}
#printandpost caption{
	background-color:#369;
	text-align: center;
}
#printandpost td.price{
	text-align: right;
}
#editMyLinks td, #broadbandPlans td, #linkRanks td, #printandpost td{
	background-color: #69c;
}

#linkRanks a{
	color: #fff;
	text-decoration: none;
}
#linkRanks a:hover{
	text-decoration: underline;
}

#broadbandPlans thead {
	font-weight:bold;
	color: #fff;
	background-color:#369;
	text-align: center;
}
/*** Terms and conditions ***/
#termsandconditions {
	border: 1px solid #c33;
	color: #000;
	background: #FFFFE0;
	padding: 4px;
}
#termsandconditions h1, #termsandconditions h2, #termsandconditions h3{
	text-align: center;
}
#termsandconditions > ol {
	padding: normal;
	margin: normal;
	list-style-type: decimal;
	font-weight: bold;
}
#termsandconditions > ol > li {
	padding: normal;
	margin: normal;
	padding-top: 10px;
}
#termsandconditions .nostyle {
	padding: normal;
	margin: normal;
	list-style-type: none;
	font-weight: normal;
}
#termsandconditions > ol ol {
	padding: normal;
	margin: normal;
	list-style-type: lower-alpha;
	font-weight: normal;
}
#termsandconditions > ol ol ol {
	padding: normal;
	margin: normal;
	list-style-type: lower-roman;
}
#termsandconditions > ol ol ol ol {
	padding: normal;
	margin: normal;
	list-style-type: upper-alpha;
}
#signupComplete {
	border: 1px solid #124;
	padding: 4px; 
	width: 500px; 
	text-align: center;
	margin-left:auto;
	margin-right: auto;
	padding: 0px 5px;
}

/*Shop Invoice*/
#invoice {
	background: #FFF;
	color: #000;
}
#invoice #header {
	width: 100%;
}
#invoice h4 {
	text-align: center;
}
#invoice #address {
	width: 56%;
	border: 1px solid #000;
	float: left;
	height: 100px;
	padding: 5px;
}
#invoice #id {
	width: 38%;
	border: 1px solid #000;
	float: right;
	padding: 5px;
}
#invoice #details {
	clear:both;
}
#invoice #items {
	width: 100%;
	border: 1px solid #000; 
	text-align: center;
}
#invoice #items th{
	border-bottom: 1px solid black;
}
#invoice #totals {
	border: 1px solid #000; 
	width: 100%;
}
#invoice .bold {
	font-weight: bold;
}
#invoice #addressCell {
	width: 60%;
}

/*** Home Page Services Rollovers ***/

#home .q_r1_c1, #info .q_r1_c1 {background-image:url(/public/images/home/q_r1_c1.gif);width:175px;height:50px;}
#home .q_r1_c2, #info .q_r1_c2 {background-image:url(/public/images/home/q_r1_c2.gif);width:285px;height:50px;float:left;}
#home .q_r1_c3, #info .q_r1_c3 {background-image:url(/public/images/home/q_r1_c3.gif);width:175px;height:50px;}

#home .q_r5_c1, #info .q_r5_c1 {background-image:url(/public/images/home/q_r5_c1.gif);width:175px;height:50px;}
#home .q_r6_c1, #info .q_r6_c1 {background-image:url(/public/images/home/q_r6_c1.gif);width:175px;height:50px;}
#home .q_r7_c1, #info .q_r7_c1 {background-image:url(/public/images/home/q_r7_c1.gif);width:175px;height:50px;}

#home .q_r5_c3, #info .q_r5_c3 {background-image:url(/public/images/home/q_r5_c3.gif);width:175px;height:50px;}
#home .q_r6_c3, #info .q_r6_c3 {background-image:url(/public/images/home/q_r6_c3.gif);width:175px;height:50px;}
#home .q_r7_c3, #info .q_r7_c3 {background-image:url(/public/images/home/q_r7_c3.gif);width:175px;height:50px;}

#home .q_r8_c2, #info .q_r8_c2 {background-image:url(/public/images/home/q_r8_c2.gif);width:285px;height:33px;float:left;}
#home .q_r8_c3, #info .q_r8_c3 {background-image:url(/public/images/home/q_r8_c3.gif);width:175px;height:33px;}

#home .internet {background-image:url(/public/images/home/internet.gif);} /* These lines are a hack for IE to prevent the flickering it causes on rollovers */
#home a.internet:link { background-image:url(/public/images/home/internet.gif);
	text-decoration:none;
	display:block;
	width:175px;
	height:50px;
}
#home a.internet:visited { background-image:url(/public/images/home/internet.gif);
 	text-decoration:none;
 	display:block;
	width:175px;
	height:50px;
}
#home a.internet:hover { background-image:url(/public/images/home/internet_f2.gif);
	text-decoration:none;
	display:block;
	width:175px;
	height:50px;
	background-color:transparent;
}
#home .electricians {background-image:url(/public/images/home/electricians.gif);}
#home a.electricians:link { background-image:url(/public/images/home/electricians.gif);
	text-decoration:none;
	display:block;
	width:175px;
	height:50px;
}
#home a.electricians:visited { background-image:url(/public/images/home/electricians.gif);
	text-decoration:none;
	display:block;
	width:175px;
	height:50px;
}
#home a.electricians:hover { background-image:url(/public/images/home/electricians_f2.gif);
	text-decoration:none;
	display:block;
	width:175px;
	height:50px;
	background-color:transparent;
}
#home .technology {background-image:url(/public/images/home/technology.gif);}
#home a.technology:link, #home a.technology:visited { background-image:url(/public/images/home/technology.gif);
 	text-decoration:none;
 	display:block;
	width:175px;
	height:50px;
}
#home a.technology:hover { background-image:url(/public/images/home/technology_f2.gif);
 	text-decoration:none;
 	display:block;
	width:175px;
	height:50px;
	background-color:transparent;
}
#home .hire {background-image:url(/public/images/home/hire.gif);}
#home a.hire:link, #home a.hire:visited { background-image:url(/public/images/home/hire.gif);
 	text-decoration:none;
 	display:block;
	width:175px;
	height:50px;
}
#home a.hire:hover { background-image:url(/public/images/home/hire_f2.gif);
	text-decoration:none;
	display:block;
	width:175px;
	height:50px;
	background-color:transparent;
}
#home .airwater {background-image:url(/public/images/home/airwater.gif);}
#home a.airwater:link, #home a.airwater:visited { background-image:url(/public/images/home/airwater.gif);
 	text-decoration:none;
 	display:block;
	width:175px;
	height:50px;
}
#home a.airwater:hover { background-image:url(/public/images/home/airwater_f2.gif);
	text-decoration:none;
	display:block;
	width:175px;
	height:50px;
	background-color:transparent;
}
#home .shop {background-image:url(/public/images/home/shop.gif);}
#home a.shop:link, #home a.shop:visited { background-image:url(/public/images/home/onlineshop.gif);
 	text-decoration:none;
 	display:block;
  	width:175px;
	height:50px;
}
#home a.shop:hover { background-image:url(/public/images/home/onlineshop_f2.gif);
 	text-decoration:none;
 	display:block;
	width:175px;
	height:50px;
	background-color:transparent;
}
#home .employment {background-image:url(/public/images/home/employment.gif);}
#home a.employment:link, #home a.employment:visited { background-image:url(/public/images/home/employment.gif);
 	text-decoration:none;
 	display:block;
	width:175px;
	height:50px;
}
#home a.employment:hover { background-image:url(/public/images/home/employment_f2.gif);
	text-decoration:none;
	display:block;
	width:175px;
	height:50px;
	background-color:transparent;
}
#home .investors {background-image:url(/public/images/home/investors.gif);}
#home a.investors:link, #home a.investors:visited { background-image:url(/public/images/home/investors.gif);
	text-decoration:none;
	display:block;
	width:175px;
	height:50px;
}
#home a.investors:hover { background-image:url(/public/images/home/investors_f2.gif);
	text-decoration:none;
	display:block;
	width:175px;
	height:50px;
	background-color:transparent;
}
#home .voip {background-image:url(/public/images/home/voip.gif);}
#home a.voip:link, #home a.voip:visited { background-image:url(/public/images/home/voip.gif);
	text-decoration:none;
	display:block;
	width:175px;
	height:50px;
}
#home a.voip:hover { background-image:url(/public/images/home/voip_f2.gif);
	text-decoration:none;
	display:block;
	width:175px;
	height:50px;
	background-color:transparent;
}

/*** Signup form ***/

#signupForm {
	 /*width: 390px;*/
	 width: 700px;
	 text-align: center;
}

#signupForm input, #signupForm select {
	border: 1px solid #147;
	color #147;
	font-size: 90%
}

#signupForm label {
	display: block;
	clear: left;
	float: left;
	padding-right: 10px;
	text-align: right;
	width: 150px;
	/*background-color: #1844b4/*#92A4C9*/;
	/*height: 21px;*/
}

#signupForm label[for="addressLine1"] {
	height: 22px;
}

#signupForm fieldset{
	 margin: 5px;
	 margin-left: 10px;
	 padding-bottom: 10px;
	 /*border: 1px solid #124;*/
	 border: 1px solid #fff;
	 text-align: left;
}
#signupForm fieldset legend{
	color: #fff;
	font-size: 1.5em;
}

#signupForm .form_element {
	width: 175px; float: left;
}
#signupForm .validation {
	float: left;
}


/*** profile form ***/

#profileForm {
	 width: 700px;
	 text-align: center;
}

#profileForm input, #profileForm select {
	border: 1px solid #147;
	color #147;
	font-size: 90%
}

#profileForm label {
	display: block;
	clear: left;
	float: left;
	padding-right: 10px;
	text-align: right;
	width: 150px;
	/*background-color: #1844b4/*#92A4C9*/;
	/*height: 21px;*/
}

#profileForm label[for="addressLine1"] {
	height: 22px;
}

#profileForm fieldset{
	 margin: 5px;
	 margin-left: 10px;
	 padding-bottom: 10px;
	 border: 1px solid #fff;
	 text-align: left;
}

#profileForm fieldset legend{
	color: #fff;
	font-size: 1.5em;
}

/*** input form  class ***/

.inputForm {
	 width: 750px;
	 text-align: center;
}
.inputForm label {
	display: block;
	clear: left;
	float: left;
	padding-right: 10px;
	text-align: right;
	width: 150px;
	/*background-color: #1844b4;*/ /*#92A4C9*/
	/*height: 21px;*/
}
.inputForm legend{
	color: #fff;
	font-size: 1.5em;
}
.inputForm fieldset{
	 margin: 5px;
	 margin-left: 10px;
	 padding-bottom: 10px;
	 border: 1px solid #fff;
	 text-align: left;
}
.inputForm .form_element {
	width: 200px; float: left;
}
.inputForm .validation {
	float: left;
}


.inputForm2 label { /*used on discount application pages*/
	display: block;
	clear: left;
	float: left;
	padding-right: 10px;
	text-align: right;
	width: 200px;
}

#contactus label, #printandpost label {
	float: left;
	padding-right: 10px;
	width: 6em;
}
#bookajob label {
	float: left;
	padding-right: 10px;
	width: 7em;
}

.x-form-remote-wait {
	width:100%;
	height:19px;
	width:19px;
	background-image:url(../scripts/ext/resources/images/default/grid/wait.gif);
	background-repeat:no-repeat;
	display:block;
	position:absolute;
}

.x-layer div,.x-layer dl,.x-layer dt,.x-layer dd,.x-layer ul,.x-layer ol,.x-layer li,.x-layer h1,.x-layer h2,.x-layer h3,.x-layer h4,.x-layer h5,.x-layer h6,.x-layer pre,.x-layer form,.x-layer fieldset,.x-layer input,.x-layer p,.x-layer blockquote,.x-layer th,.x-layer td{margin:0;padding:0;}
.x-layer h1,.x-layer h2,.x-layer h3,.x-layer h4,.x-layer h5,.x-layer h6{font-size:100%;}


.popupBox table {
	background-color: #ccc;
	/*color: #000;*/
}
.popupBox td {
	background-color: #fff;
	color: #000;
	font-weight: normal;
	text-align: left;
}
.popupBox th {
	background-color: #eee;
	color: #000;
	font-weight: normal;
	text-align: left;
}
.popupBox a {
	color: #00f;
}

.pageBar{
	background-color: #369 !important;
	color: #b2c4e9 !important;
}
.pageBar a {
	text-decoration: underline;
}

/* homepage boxes */
.homeBox {
	border: solid 1px #fff;
	float: left;
	width: 370px;
	margin: 10px;
	height: 200px;
	color: #fff;
	font-family: Arial,Verdana,Helvitica,sans-serif;
	padding: 0px;
	padding-bottom: 4px;
}

.boxTitle {
	font-size: 1.5em;
	color: #fff;
}


#boxes {
	height: auto;
	/*width: auto; */
	width: 850px;
	padding:0px;
	/*
	margin-left: 50px;
	margin-right: 50px;
	*/
	margin-left: auto;
	margin-right: auto;
}

#boxes ul {
	height: 105px;
	margin-left: 30px;
	padding-left: 0px;
}

#boxes ul a {
	color: #fff;
}

#boxes ul li {
	list-style-image: url(/public/images/new_icons/tick.png);
	line-height: 1em;
	padding-left: 15px;
}

#boxes ul a:hover {
	text-decoration: none;
}

.boxBttn { 
	margin-left: 40px;
}

.genericTable {
	border-color: #fff;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-collapse: collapse;
}
.genericTable td,  .genericTable th{
	border-color: #fff;
  border-width: 1px 1px 0 0;
  border-style: solid;
}

.subscribeBtn {
	vertical-align: middle;
}

.setRedirectBox{
	/*border: 1px solid red;*/
	float: left; 
	margin: 20px;
	width: 28%;
	word-wrap: break-word;
}

/*polls*/
/*
#home_poll .poll {
	background: #0c149e;
}
#home_poll .poll .poll_mid{
	background: #1038b0;
	padding: 5px;
}
#home_poll .poll .poll_top{
	padding: 5px;
}
#home_poll .poll .poll_top p{
	margin: 0px;
}
#home_poll .poll .poll_bottom{
	padding: 5px;
}
*/

.poll {
	background: #0c149e;
}
.poll .poll_mid{
	background: #1038b0;
	padding: 5px;
}
.poll .poll_top{
	padding: 5px;
}
.poll .poll_top p{
	margin: 0px;
}
.poll .poll_bottom{
	padding: 5px;
}

.poll input.bar {
	border: none;
	overflow: hidden;
}
.poll input.btn {
	width: auto;
	min-width: 40px;
}
.poll #result_lbls{
	float: left;
	text-align: right;
}
.poll .small_txt {
	font-size: 0.6em
}
.new_poll label.left {
	float: left;
	width: 100px;
	text-align: right:
}
.new_poll input.demo {
	width: 30px;
	border: none;
}
.new_poll input.question {
	width: 250px;
}
.new_poll input.response {
	width: 60px;
}
.new_poll input.colour {
	width: 100px;
}