/*==========================================================
//
//		Title:		Main stylesheet for Aussie Broadband
//		Author:		justin.morris@august.com.au
//
==========================================================*/

@import url(reset.css);
@import url(grid.css);

/* ====================[ HEADERS ]==================== */
h1{}
h1, h2, h3, h4, h5, h6{ font-family: "Myriad", Arial, "MS Trebuchet", sans-serif; }
h2{
	/* Main heading for content on a page */
	text-transform: uppercase;
	font: normal normal 400 18px/1.5em "Myriad", Arial, "MS Trebuchet", sans-serif;
	color: #012f71;
	margin-bottom: 5px;
}
	h2 span{
		/* Multi-colored! Weeeeee! */
		color: #409dd2;
		font-weight: 500;
	}
h3{
	/* Second level content heading */
	font: normal normal bold 16px/1.0em "Myriad", Arial, "MS Trebuchet", sans-serif;
	color: #012f71;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 5px;
}
	#sidebar h3{
		font: normal normal normal 16px/1.0em "Myriad", Arial, "MS Trebuchet", sans-serif;
		color: #012c44;
		background: url('../img/sidebar_menu_toplevel_open.png') no-repeat right 8px;
		padding: 4px 0 8px 0;
		border-bottom: 1px dotted #409dd2;
		margin: 0px;
		text-transform: none;
	}
h4{
	font: normal normal 400 16px/1.0em "Myriad", Arial, "MS Trebuchet", sans-serif;
	color: #409dd2;
	text-transform: uppercase;
}
h5{
	/* sidebar header */
	color: #409dd2;
	font-weight: bold;
}
h6{
	/* Headings in the footer */
	font: normal normal bold 12px/1.0em "Myriad", Arial, "MS Trebuchet", sans-serif;
	color: #4c4b4b;
	text-transform: uppercase;
	
}


/* ====================[ GENERIC ]==================== */
hr{
	color: #a59995;
	background-color: #a59995;
	height: 1px;
	border: none;
	margin: 20px 0;
}
#content ul{
	margin-bottom: 25px;
	list-style: disc outside none;
	padding-left: 15px;
}
#content ol.letter{
	list-style: lower-alpha outside none;
	padding-left: 15px;
}
#content ol.numeric{
	list-style: decimal outside none;
	padding-left: 20px;
	line-height:1.5;
}
	#content ol.numeric li{
		padding-bottom: 10px;
	}
#content ul.no-bullets{
	padding-left: 0px;
	list-style: none outside none;		
}
	#content ul li{
		margin: 0px;
		padding: 0 0 0 4px;
		line-height: 1.5;
	}
	#content ul.no-bullets li{
		padding: 0px;
	}
	
.grid_3 *.widthfix{
	padding-right: 50px;
}

/* Basic sidebar list styling */
#sidebar ul.arrows{
	padding-left: 4px;
}
#content ul.arrows{
	padding-left: 0px;
}
	#content ul.arrows li, #main #sidebar ul.arrows li{
		margin: 0px;
		color: #a59995;
		list-style: none outside none;
		padding-left: 10px;
		background: transparent url(../img/arrow_link.png) no-repeat left 8px;
		line-height: 16px;
		padding: 5px 0 5px 10px;
	}
	#main #sidebar ul.arrows li{
		padding: 3px 0 3px 10px;
	}
		#main #sidebar ul.arrows a{
			font-size: 11px;
			line-height: 14px;
		}
		#main #content ul.arrows a,
		#main #sidebar ul.arrows a{
			border-bottom: none;
			color: #a59995;
			text-decoration: none;
		}
		#main #content ul.arrows a:hover,
		#main #sidebar ul.arrows a:hover{
			color: #2c2c2c;
			text-decoration: underline;
		}

/* Definition lists */
dl{
	margin-bottom:25px;
}
	dl dt{
		float: left;
		clear: left;
		font-weight: bold;
		display: block;
		width: 150px;
	}
	dl dd{
		padding-left: 150px;
	}
dl.terms{}
	dl.terms dt, dl.terms dd{ margin-bottom: 0px; }
	dl.terms dt{
		display: inline;
		float: none;
		font-weight: normal;
		font-style: italic;
	}
	dl.terms dd{
		padding-left: 0px;
		margin-bottom: 15px;
	}
/* Fancy lists */
#content ul.numbers, #content ul.numerals, #content ul.letters{
	padding-left: 22px;
}
#content ul.numbers{
	list-style-type: decimal;
}
#content ul.numerals{
	list-style-type: lower-roman;
}
#content ul.letters{
	list-style-type: upper-alpha;
}

/* ====================[ STYLE ]==================== */
body {
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 62.5%;
	line-height: 2;
}
.widthwrap{ width: 990px; margin: 0 auto; }

/* Back to top links - caps the bottom of pages... */
.back-to-top{
	clear: both;
	width: 100%;
	height: 30px;
	background: transparent url('../img/cols_backer.png') no-repeat bottom right;
}
	.back-to-top a{
		float: right;
		margin-right: 210px; /* Width of sidebar + a bit extra room to breathe */
		color: #409dd2;
		padding-left: 11px;
		text-decoration: none;
		background: transparent url('../img/back_to_top_arrow.png') no-repeat center left;
	}

#wrapper{
	background: transparent url('../img/main_col_backer.png') no-repeat top center;
	padding-top: 34px;
}
body.withmasthead #wrapper, body#home #wrapper{
	padding-top: 0px;
}

#header{
	height: 118px;
	border-bottom: 1px solid #409dd2;
	margin-bottom: 4px;
}
	#header h1 {
		width: 252px;
		height: 118px;
		float: left;
		background: url('../img/h1.png') no-repeat;
	}
		#header h1  a {
			display: block;
			width: 252px;
			height: 0;
			padding-top: 118px;
			text-indent: -2000px;
			overflow: hidden;
			background: url('../img/h1.png') no-repeat;
		}
	div#head-content{
		height: 123px;
	}
		div#searchbox{
			margin-top: 25px;
			height: 48px;
			width: 196px;
			float: right;
			clear: none;
			border-right: 1px solid #409DD2;
		}
			#searchbox form{
				padding: 0px;
			}
			div#searchbox label{
				display: none;
			}
			div#searchbox .button, li#searchbox .input-wrapper{ float: right; }
			div#searchbox .button{
				margin: 0px;
				display: block;
			}
			div#searchbox .input-wrapper{
				display: block;
				height: 27px;
			}
				div#searchbox .input-wrapper .text{
					padding: 6px 5px;
					width: 150px;
					line-height: 25px;
					display: block;
					font-size: 10px;
					line-height: 13px; /* Needed for settings the height in Safari */
					color: #979797;
					border: 1px solid #409DD2;
					border-right: none;
				}
		
		/* Main navigation styling */
		ul#navigation {
			float: right;
			clear: right;
			border-right: 1px solid #409DD2;
			padding-right: 6px;
		}
			ul#navigation li{
				float: left;
				position: relative;
			}
				ul#navigation li{
					clear: right;
				}
				ul#navigation li a{
					display: block;
					padding: 3px 17px 15px 17px;
					text-decoration: none;
					font-size: 14px;
					font-weight: 300;
					font-family: "Myriad", Arial, "MS Trebuchet", sans-serif;
					color: #388dbd;
					position: relative;
					background: transparent url('../img/navigation_backer_line.png') no-repeat bottom left;
				}
				#header ul#navigation li.no-backer a{ background: none; }
				
				ul#navigation li.active a{ color: #012C44; }
				ul#navigation li.active a span{ display: none; }
				ul#navigation li a:hover,
				ul#navigation li:hover a,
				ul#navigation li.hover a{
					border: none;
					background: #fff url('../img/navigation_rollover_left.png') no-repeat bottom left;
				}
					ul#navigation li a:hover span,
					ul#navigation li:hover a span,
					ul#navigation li.hover a span{
						background: #fff url('../img/navigation_rollover_right.png') no-repeat top right;
						display: block;
						position: absolute;
						bottom: 0px;
						right: 0px;
						width: 8px;
						height: 44px;
					}
				ul#navigation li ul.sub{
					display: none;
					position: absolute;
					background: transparent url('../img/dropdown_bottom.png') no-repeat bottom left;
					z-index: 1003;
					top: 46px;
					left: 0px;
					width: 194px;
					padding-bottom: 8px;
				}
				ul#navigation li ul.sub.swingin {
					left: auto;
					right: 0;
					text-align: right;
				}
				ul#navigation li:hover ul.sub,
				ul#navigation li.hover ul.sub{
					display: block;
				}
					ul#navigation li ul.sub li{
						padding: 0 6px;
						border: none;
						background-color: #ebf8fe;
						border-left: 1px solid #409dd2;
						border-right: 1px solid #409dd2;
						text-decoration: none;
						font-size: 11px;
						font-weight: 300;
						width: 180px;
					}
						body ul#navigation li ul.sub li a{
							background: none;
							display: block;
							font-size: 11px;
							padding: 6px;
							border: none;
							border-bottom: 1px dotted #409dd2;
							color: #409dd2;
						}
						body ul#navigation li ul.sub li.last a{
							border: none;
						}
						body ul#navigation li ul.sub li a:hover{
							background: #cbedff url(../img/dropdown_active.png) repeat-x;
						}
	/* Breadcrumbs */
	#breadcrumbs{
		position: relative;
		float: left;
		padding-top: 2px;
		padding-left: 9px;
	}
		#breadcrumbs li{
			float: left;
			padding-right: 3px;
			color: #70b6dd;
		}
			#breadcrumbs li a{
				color: #70b6dd;
				text-decoration: none;
			}
			#breadcrumbs li a:hover{
				color: #3196CC;
			}
	/* Mastheads */				
	#masthead{
		padding-top: 2px;
		background: transparent url('../img/header_border.png') no-repeat top center;
	}
		#masthead .widthwrap{ position: relative; }
		#masthead #meta{
			right: 6px;
			position: absolute;
			z-index: 1002;  /* Position above flashpanel */
		}
			#meta ul,
			#meta .menu-wrapper{
				float: left;
			}
			#meta .menu-wrapper{
				position: relative;
				overflow: hidden;
			}
			#meta ul.account, #account-dropdown{ margin: 0 7px; background-color: #409DD2; }
			#account-dropdown{
				padding: 0 10px;
				clear: both;
			}
				#account-dropdown form{
					display: none;
				}
					#account-dropdown form p{
						padding: 5px 0 5px 0;
					}
			#meta ul.support{}
				#meta li{
					float: left;
					background-color: #409dd2;
					padding:0 10px;
					font-size: 12px;
					font-family: "Myriad", Arial, "MS Trebuchet", sans-serif;
					position: relative;
				}
					#meta .account li a{
						color: #77c4f0;
						padding-right: 12px;
						line-height: 20px;
						height: 24px;
						display: block;
						background: transparent url('../img/menu_arr_inactive.png') no-repeat right 7px;
					}
					#meta .account li a:hover,
					#meta .account li.active a{
						color: #012c44;
						text-decoration: none;
						background-image: url('../img/menu_arr_active.png');
					}
				
				#meta .left-cap, #meta .right-cap{
					width: 7px;
					height: 250px;
					background: transparent url('../img/header_tab_blue.png') no-repeat left bottom;
					padding: 0px;
					position: absolute;
					bottom: 0px;
				}
				#meta .left-cap{
					background-position: left bottom;
					left: 0px;
				}
				#meta .right-cap{
					background-position: right bottom;
					right: 0px;
				}
				
				
				#meta li.sales-support{
					display: block;
					width: 192px;
					text-align: center;
					padding: 0px;
					margin-left: 10px;
					background: transparent url('../img/header_tab_green.png') no-repeat left top;
				}
					#meta li.sales-support a{ color: #0d3400; }
					#meta li.sales-support a:hover{ color: #061A00; }
					#meta li a{
						text-decoration: none;
					}
					#meta li form{
						display: none;
					}
						#meta li form fieldset{}
					#meta #account-dropdown form{
						padding: 10px 0px;
					}
						#account-dropdown form .username, #account-dropdown form .password, #account-dropdown form .email{
							padding: 0px;
							margin: 0px;
							border: 1px solid #277aaa;
							height: 16px;
							line-height: 16px;
						}
						#account-dropdown form .username{
							background: #fff url('../img/input_backer_username.png') no-repeat left top;
							width: 129px;
						}
						#account-dropdown form .email{
							background: #fff url('../img/input_backer_email.png') no-repeat left top;
							width: 129px;
						}
						#account-dropdown form .password{
							background: #fff url('../img/input_backer_password.png') no-repeat left top;
							width: 106px;
						}
						#account-dropdown form .username.focus,
						#account-dropdown form .password.focus,
						#account-dropdown form .email.focus,
						#account-dropdown form .username.has-value,
						#account-dropdown form .password.has-value,
						#account-dropdown form .email.has-value{
							background-image: none;
						}
						#account-dropdown form .submit{
							width: 40px;
							height: 18px;
							border: 0px;
							margin: 0px;
							padding: 0px;
							cursor: pointer;
							display: block;
							float: right;
						}
						#account-dropdown form ul li{ padding-left: 0px; height: 16px; line-height: 16px; }
						#account-dropdown form ul li.password{ border-right: 1px solid #fff; margin-right: 10px; }
						#account-dropdown form ul li.register{ padding: 0px; }
							#account-dropdown form ul li a{
								color: #fff;
								font-size: 11px;
							}
							
					#meta li.sales-support a{
						color: #0d3400;
					}
					#meta li a:hover {
						text-decoration: underline;
					}
		#masthead #flashholder{
			height: 364px;
			width: 100%;
			position: relative;
		}
			#flashholder div{
				position: absolute;
				width: 100%;
				z-index: 1001;
			}
		#masthead #banner{
			height: 200px;
			width: 100%;
			background: transparent url('../img/banner_about.jpg') no-repeat top center;
		}
		
		/* Banners for categories of main site... */
		body#about #masthead #banner{ background: transparent url('../img/banner_about.jpg') no-repeat top center; }
		body#wimax #masthead #banner{ background: transparent url('../img/ABB02628_FixedWireless_final.jpg') no-repeat top center; }
		body#mobile #masthead #banner{ background: transparent url('../img/ABB02628_FixedWireless_final.jpg') no-repeat top center; }
/*		body#adsl #masthead #banner{ background: transparent url('../img/banner_about.jpg') no-repeat top center; }*/
/*		body#adsl2 #masthead #banner{ background: transparent url('../img/banner_adsl2.jpg') no-repeat top center; }*/
		body#phone #masthead #banner{ background: transparent url('../img/ABB02628_Homephone_final.jpg') no-repeat top center; }
		body#satellite #masthead #banner{ background: transparent url('../img/banner_about.jpg') no-repeat top center; }

		body#phone.x-voip #masthead #banner{ background: transparent url('../img/banner_phone.jpg') no-repeat top center; }

		/* Custom banners for specific sub-directories */
		body#phone.x-home-phone #masthead #banner{ background: transparent url('../img/ABB02628_Homephone_final.jpg') no-repeat top center; }
		body#wireless.x-fixed #masthead #banner{ background: transparent url('../img/ABB02628_FixedWireless_final.jpg') no-repeat top center; }
		
		body#support #masthead #banner{ background: transparent url('../img/ABB02628_support_final.jpg') no-repeat top center; }
		body#support.x-outages #masthead #banner{ background: transparent url('../img/ABB02628_Serviceissues_final.jpg') no-repeat top center; }

		/* Promo banners - override the above... */
/*		body#adsl #masthead #banner{ background: transparent url('../img/banner_adsl_promo_09.09.jpg') no-repeat top center; }*/
/*		body#adsl2 #masthead #banner{ background: transparent url('../img/banner_adsl2_promo_09.09.jpg') no-repeat top center; }*/

		/* Banners for account pages */
		#masthead #banner.account.banner-1{ background: transparent url('../img/account/banner_01.jpg') no-repeat top center; }
		#masthead #banner.account.banner-2{ background: transparent url('../img/account/banner_02.jpg') no-repeat top center; }
		#masthead #banner.account.banner-3{ background: transparent url('../img/account/banner_03.jpg') no-repeat top center; }
		#masthead #banner.account.banner-4{ background: transparent url('../img/account/banner_04.jpg') no-repeat top center; }
		#masthead #banner.account.banner-5{ background: transparent url('../img/account/banner_05.jpg') no-repeat top center; }
		#masthead #banner.account.banner-6{ background: transparent url('../img/account/banner_06.jpg') no-repeat top center; }
		#masthead #banner.account.banner-7{ background: transparent url('../img/account/banner_07.jpg') no-repeat top center; }
		#masthead #banner.account.banner-8{ background: transparent url('../img/account/banner_08.jpg') no-repeat top center; }
		
	#main{
		font-size: 13px;
		line-height: 1.5;
		background: transparent url('../img/wrapper_backer.png') repeat-y center 50px;
		position: relative;
		z-index: 1001; /* Position above flashpanel */
		clear: both;
	}
		#main #sidebar{
			float: right;
			margin-right: 6px;
			width: 192px;
			background: #fff url('../img/sidebar_top.png') no-repeat top left;
		}
		body.withmasthead #main #sidebar{
			background: transparent url('../img/sidebar_top.png') no-repeat top left;
			margin-top: -165px;
			min-height: 300px;
		}
		body#home.withmasthead #main #sidebar{
			margin-top: -42px;
			min-height: 300px;
		}
			#sidebar ul{
				margin-bottom: 35px;
			}
			#sidebar #quick-links ul{
				margin-bottom: 0px;
			}
				#sidebar ul li{ margin: 0px; padding: 0px; }
					#sidebar ul li a{
						font-size: 16px;
						color: #409dd2;
						text-decoration: none;
						display: block;
						padding: 0 0 0 4px;
						border-bottom: 1px dotted #409dd2;
					}
					#sidebar ul li a.submenu.open{ background: transparent url('../img/sidebar_menu_large_open.png') no-repeat center right; }
					#sidebar ul li a.submenu.closed{ background: transparent url('../img/sidebar_menu_large_closed.png') no-repeat center right; }
					#sidebar ul li a.active,
					#sidebar ul li a:hover{
						background: #ecf8fe url('../img/sidebar_grad.png') repeat-x top left;
					}
						#sidebar ul li ul{
							margin-bottom: 0px;
						}
							#sidebar ul li ul li{
								background: #fff none;
							}
								#sidebar ul li ul li a{
									color: #0083ce;
									margin: 0 0 0 12px;
									font-size: 13px;
								}
								#sidebar ul li ul li a.active,
								#sidebar ul li ul li a:hover{
									background: #ecf8fe url('../img/sidebar_grad_2nd.png') repeat-x top left;
								}
			#main #sidebar .innerwrap{
				margin-top: 7px;
				padding: 0 8px;
				background: #fff url('../img/sidebar_vrep.png') repeat-y top left;
			}
			#sidebar .sidebar-extra{
				background: #fff url('../img/numbered_col_backer.png') repeat-x top left;
				border-top: 1px dotted #409dd2;
			}
			body#home #sidebar .sidebar-extra{
				background: none;
				border: none;
			}
			#sidebar .sidebar-extra h6{
				width: 100%;
				height: 40px;
				text-indent: -9999px;
			}
			#sidebar #i-want-to h6{ background: transparent url('../img/sidebar_extra_iwantto.png') no-repeat 4px center; }
			#sidebar #quick-links h6{ background: transparent url('../img/sidebar_extra_quicklinks.png') no-repeat 4px center; }
			body#home #sidebar #i-want-to h6{ background: transparent url('../img/sidebar_home_iwantto.png') no-repeat 4px center; }
			body#home #sidebar #quick-links h6{ background: transparent url('../img/sidebar_home_quicklinks.png') no-repeat 4px center; }
		
		#main * p{
			margin: 3px 0 21px 0;
			line-height: 1.5;
		}
		#main #content{
			padding: 20px 0 20px 6px;
		}
		body#home #main #content{
			padding: 20px 0 0px 6px;
		}
		#main #content.container_full{
			padding: 20px 6px;
		}
			#main #content a{
				color: #46a0d3;
			}
			#content .back-to-top{
				clear: left;
				text-align: right;
				background: transparent url('../img/content_footer.png') no-repeat center bottom;
			}
				#content .back-to-top a{
					padding-left: 10px;
					margin-right: 5px;
					color: #409dd2;
					text-decoration: none;
					background: transparent url('../img/back_to_top_arrow.png') no-repeat left center;
				}
			/* Numbered panels... */
			#content .numbered-panels .title{
				height: 82px;
				width: 100%;
				border-bottom: 1px solid #d4d0cf;
				position: relative;
				padding-top: 30px;
			}
			#content .numbered-panels .one { background: transparent url('../img/numbered_col_1.png') no-repeat left bottom; }
			#content .numbered-panels .two { background: transparent url('../img/numbered_col_2.png') no-repeat left bottom; }
			#content .numbered-panels .three { background: transparent url('../img/numbered_col_3.png') no-repeat left bottom; }
				#content .numbered-panels .title h4{
					display: block;
					position: absolute;
					bottom: 0px;
					left: 0px;
					padding: 0 0 10px 10px;
				}
				#content .numbered-panels .grid_1{ background: #FFFFFF url(../img/numbered_col_backer.png) repeat-x scroll left 112px; }
				#content .numbered-panels p{ padding: 0 20px 0 10px; }
			
			/* summary tables */
			/*
				TODO Add rounded corners to <th>
			*/
			.summary-table{
				margin-bottom: 25px;
			}
				.summary-table .summaries{
					border: 1px solid #409dd2;
					border-top: none;
				}
				#content .summary-table ul.summary-title{
					list-style: none inside none;
					height: 26px;
					margin: 10px 0 0 0;
					padding: 0px; width: 100%;
					border-bottom: 8px solid #409dd2;
				}
					.summary-table ul.summary-title li{
						float: left;
						padding: 0px;
					}
						#main #content .summary-table ul.summary-title li a{
							display: block;
							height: 26px;
							line-height: 26px;
							color: #409dd2;
							background: #f4fbff url(../img/summary_tab_right.png) no-repeat right top;
							text-decoration: none;
							text-transform: uppercase;
						}
							.summary-table ul.summary-title li a span{
								display: block;
								padding: 0 4px 0 10px;
								margin-right: 6px;
								background: #f4fbff url(../img/summary_tab_left.png) no-repeat left top;
							}
						#main #content .summary-table ul.summary-title li a.active, #main #content .summary-table ul.summary-title li a:hover{
							color: #fff;
							background: #409dd2 url(../img/summary_tab_active_right.png) no-repeat right top;
						}
							.summary-table ul.summary-title li a.active span, .summary-table ul.summary-title li a:hover span{
								background: #409dd2 url(../img/summary_tab_active_left.png) no-repeat left top;
							}
				.summary-table .summary{
					clear: left;
					padding: 10px;
				}
					.summary table{
						width: 100%;
						border: 1px solid #badb10;
						border-top: 1px solid #C1E310;
						border-bottom: 1px solid #C1E310;
					}
						#main .summary table th.vsep, #main .summary table td.vsep{
							background: #fff;
							width: 3px;
							padding: 0px;
							border-bottom: 0px;
						}
						#main .summary table th.vsep{
							
						}
						
						#main .summary p, .summary p a{
							margin: 10px 0 0 0;
							color: #b6b6b6;
							font-size: 10px;
						}
						.summary table th{
							text-align: left;
							height: 39px;
							line-height: 16px;
							padding: 6px 0 6px 12px;
							background: #C1E310 url('../img/summary_table_header_hrep.png') repeat-x bottom left;
							border-bottom: 1px solid #badb10;
							color: #0d3400;
							border-left: 1px solid #A8C80D;
						}
						.summary table.reference-table th{
							border-left-color: #388DBD;
						}
						.summary table tr.grouped-cols th{
							text-align: center;
							background: #C1E310 none;
						}
						.summary table.reference-table tr.grouped-cols th{
							background: #388DBD none;
						}
							.summary table tr.grouped-cols th.grouped{
								border-left: 1px solid #A8C80D;
							}
							.summary table.reference-table tr.grouped-cols th.grouped{
								border-left: 1px solid #388DBD;
							}
						.summary table td{
							height: 32px;
							line-height: 32px;
							padding: 0 12px;
							border-bottom: 1px solid #badb10;
							border-right: 1px solid #badb10;
							color: #000;
						}
						.summary table td.format-currency, .summary table th.format-currency{
							text-align: right;
							padding: 0 20px;
						}
						.summary table tr.alt td{
							background-color: #f9ffda;
						}
						.summary table tr.sep td{
							height: 2px;
							background-color: #fff;
						}
				/* reference-table */
				/*
					TODO Add rounded corners to <th>
				*/
				table.reference-table{
					width: 100%;
					border: 1px solid #388dbd;
					border-top: none;
					border-bottom: none;
				}
					table.reference-table th{
						color: #fff;
						text-align: left;
						height: 39px;
						line-height: 39px;
						padding-left: 12px;
						background: #3484b5 url('../img/reference_table_header_hrep.png') repeat-x top left;
						border-bottom: 1px solid #388dbd;
					}
					table.reference-table td{
						height: 32px;
						line-height: 32px;
						padding-left: 12px;
						color: #000;
						border-bottom: 1px solid #388dbd;
						border-right: 1px solid #388dbd;
					}
					table.reference-table td.quarter-width{
						width: 25%;
					}
					table.reference-table tr.alt td{
						background-color: #eaf4ff;
					}
				/* FAQ Link lists */
				ul.faq-links{
					margin-left: 5px;
					margin-top: 10px;
				}
					ul.faq-links li{
						margin: 0px;
						color: #a59995;
						list-style: disc outside none;
					}
						#main #content ul.faq-links a{
							font-size: 11px;
							border-bottom: none;
							color: #a59995;
							text-decoration: none;
						}
						#main #content ul.faq-links a:hover{
							color: #2c2c2c;
							text-decoration: underline;
							background: none;
						}
				
				/* Management styling */
				#management .grid_1{
					margin-bottom: 50px;
				}
					#management .grid_1 img{
						float: left;
						margin-right: 10px;
						margin-bottom: 15px;
					}
					#management .grid_1 h5{
						line-height: 1.5;
					}
						#management .grid_1 h5 span{
							display: block;
							font-weight: 400;
							line-height: 1.2;
						}
					#management .grid_1 p{
						padding-right: 35px; /* Let the conetnt breathe a bit here... Grid is too tight... */
					}
				
				/* Form styling */
				form{
					padding-top: 10px;
				}
					form legend{
						display: none;
					}
					form dl{
						margin-bottom: 5px;
					}
						form dl dt{
							float: left;
							clear: left;
							width: 175px;
							height: 25px;
						}
						#content form dl.inline dt, #content form dl.inline dd{
							width: auto;
							padding-left: 0px;
						}
							#content form dl.inline dt{
								margin-top: 5px;
							}
						form dl dd{
							margin-bottom: 5px;
							padding-left: 175px;
						}
							form dl dd.inline input,
							form dl dd.inline select,
							form dl dd.inline textarea{
								float: left;
								margin-right: 10px;
							}
							form dl dd input{ width: 200px; }
							form dl dd textarea{ width: 331px; }
							form dl dd select{ width: 208px; }
							 textarea{
								border: 1px solid #3b80ec;
								padding: 3px;
								font-family: Arial, "MS Trebuchet", sans-serif;
								font-size: 12px;
							}
							form dl dd input.checkbox{ width: auto; margin: 0px; }
							form dl dd .long{
								width: 100%;
							}
							form dl dd input.short,
							form dl dd textarea.short{
								width: 50px;
							}
							form dl dd select.short{
								width: 58px;
							}
							form dl dd input.button { 
								width: auto;
								background-color: #3b80ec;
								color: #fff;
							}
						form .buttons{
							margin-left: 175px;
							float: right;
						}
							form .buttons input{
								margin-left: 15px;
								
							}
					#information_request_form{
						width: 514px;
					}
					/* for accounts plan changer */
					#plan-information{
						padding: 10px;
						border: 1px solid #ccc;
					}
				/* Office maps styling */
				.office .map{
					border: 1px solid #b9b0ad;
					float: left;
					height: 300px;
					margin-right: 15px;
					margin-top: 10px;
				}
				.office ul{
					float: left;
				}
	
	#footer{
		margin-top: 20px;
		margin-bottom: 35px;
		color: #9f9e9e;
		border-top: 2px solid #409dd2;
	}
		#footer .wrapper{
			margin-top: 20px;
			background: transparent url('../img/footer_grid.png') repeat-y left bottom;
		}
			#footer h5{
				color: #4c4b4b;
				font-size: 12px;
				text-transform: uppercase;
			}
			#footer a{
				color: #999898;
				text-decoration: none;
			}
			#footer a:hover{
				color: #7F7F7F;
			}
			#footer #logo{
				background: transparent url('../img/abb_footer_logo.png') no-repeat center center;
				width: 189px;
				height: 114px;
				float: right;
			}
			#home #footer #logo{
				background: transparent url('../img/abb_footer_logo.png') no-repeat center center;
			}
			#footer .container_3{
				padding: 0 0 30px 0;
			}
				#footer .container_3 h6,
				#footer .container_3 p{
					padding-left: 10px;
					padding-right: 20px;
				}
				#footer .container_3 h6{
					margin-bottom: 8px;
					color: #666;
				}
				#footer .container_3 p{
					line-height: 16px;
				}
					#footer .container_3 p strong{
						color: #999898;
					}
					#footer .container_3 p a{
						color: #797878;
						text-decoration: underline;
					}
					#footer .container_3 p a:hover{
						color: #666;
					}
			#footer #footer-meta{
				width: 100%;
				border-top: 1px solid #d8d8d8;
				color: #999898;
				padding: 8px 0;
				background-color: #fff;
			}
				 #footer-meta li{
				 	line-height: 10px;
				 	float: left;
				 	margin: 0 0 0 5px;
				 	padding-right: 5px;
				 	border-right: 1px solid #d8d8d8;
				 }
				 #footer-meta li.second-last{
				 	border: none;
				 }
				 #footer-meta li.last{
				 	border: none;
				 	margin-left: 20px;
				 }
		
/* Sitemap */
#sitemap ul ul{
	margin-bottom: 0px;
}

/* Home */
#main #content #lower-panels{
	min-height: 160px;
	height: 160px;
	background: url('../img/coverage_backer.png') no-repeat 3px top;
}
	#lower-panels #availability a,
	#lower-panels #availability img{
		display: block;
	}

#weather{
	position: relative;
	min-height: 160px;
	height: 160px;
	width: 254px;
	overflow: hidden;
}
	#weather #weather_footer{
		clear: both;
		padding:0 0 0 85px;
	}
		#weather #weather_footer .set-location{
			position: relative;
			z-index: 9999;
		}
	#weather ul{
		position: relative;
		width: 254px;
		padding: 0px;
		margin: 0px;
		list-style: none outside none;
	}
		#content #weather li{
			position: absolute;
			left: 0px;
			top: 0px;
			width: 254px;
			float: left;
			padding: 0px;
			margin: 0px;
			background-color: #fff;
		}
		#weather li.weather_storm{ background: url('../img/weather/weather_storm.png') no-repeat 20px 34px; }
		#weather li.weather_cloudy{ background: url('../img/weather/weather_cloudy.png') no-repeat 20px 34px; }
		#weather li.weather_sunny{ background: url('../img/weather/weather_sunny.png') no-repeat 20px 34px; }
		#weather li.weather_cloudy_fine{ background: url('../img/weather/weather_cloudy_fine.png') no-repeat 20px 34px; }
		#weather li.weather_fine{ background: url('../img/weather/weather_sunny.png') no-repeat 20px 34px; }
		#weather li.weather_rain{ background: url('../img/weather/weather_rain.png') no-repeat 20px 34px; }
		#weather li.weather_snow{ background: url('../img/weather/weather_snow.png') no-repeat 20px 34px; }
		
		#weather li.loading{
			background: url('../img/weather/loader.gif') no-repeat center 60px;
			text-align: center;
			line-height: 210px;
			color: #B9B9B9;
			padding: 0px;
		}
			#weather li div{
				padding: 24px 0 0 85px;
			}
				#weather a.setlocation{
					margin-left: 85px;
					position: relative;
					z-index: 9999;
				}
				#weather li p{
					margin: 0px;
				}
				#weather li p.location{
					text-transform: uppercase;
					color: #414141;
					font-size: 15px;
					line-height: 20px;
					font-weight: bold;
				}
				#weather li p.date{
					text-transform: uppercase;
					color: #0e4ee1;
					font-weight: bold;
					font-size: 11px;
				}
				#weather li p.forecast{
					color: #a59995;
				}

/* Support Pages */
#content ul.paging {
	padding: 0;	
	color: #a59995;
	float: right;
}
#content #support-search-results {
	list-style: none;
	margin: 0;
	padding: 0;
		
	}
#support-search-results li{
	list-style: none;
	margin: 0;
	padding: 5px 0;
		
}
#support-search-results li.title {
	font-weight: bold;
	font-size: 1.2em;
	}
#content ul.paging li {
	float: left;
	padding: 0px 5px;	
	list-style: none;
}
#content ul.paging li.prev {
	border-right: 1px solid #ccc;
}
#content ul.paging li.next {
	border-left: 1px solid #ccc;
}
#content ul.paging li.current {
	font-weight: bold;
}
#main #content span.remove {
	font-size: 0.8em;
	color: #a59995;
}
#main #content span.remove a {
	color: #a59995;
}

/* modal windows
------------------------------------------------------*/
.modal-window {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -200px;
    width: 400px;
    background-color: #fff;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}
.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6. Star selector used to hide definition from browsers other than IE6... */
* html .modal-window {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
.product-price{
	padding-left:25px;
}

/* plan pages
------------------------------------------------------*/
#plan_wizard .step{}
	#plan_wizard .step .wrap{
		background: #FFFFFF url(../img/numbered_col_backer.png) repeat-x scroll left top;
		padding: 20px;
		border-top: 1px solid #2D86BB;
	}
	#plan_wizard .location .wrap{
		display: none;
	}
	#main #plan_wizard .next{
		float: right;
		background: #fff url(../img/btn_next.png) no-repeat scroll 0 0;
		color: #fff;
		width: 50px;
		height: 24px;
		margin-top: 25px;
		text-indent: -9999px;
	}
	#main #plan_wizard .signup {
		background: #fff url(../img/btn_signup.png) no-repeat scroll 0 0;
		width: 135px;
	}
	#main #plan_wizard .previous{
		clear: both;
		float: left;
		background: #fff url(../img/btn_prev.png) no-repeat scroll 0 0;
		color: #fff;
		width: 65px;
		height: 24px;
		margin-top: 25px;
		text-indent: -9999px;
	}
	#main #plan_wizard h3{
		line-height: 25px;
		background: #409DD2;
		color: #fff;
		margin: 0px;
		border-top: 1px solid #2D86BB;
		border-bottom: 1px solid #6BB1DC;
		padding-left: 10px;
	}
		#main #plan_wizard h3 a{
			text-decoration: none;
			color: #fff;
		}
		#main #plan_wizard .step  h5 label.error {
			color: #c00;
		}
	div.question{
		padding: 20px 75px;
	}
		div.question p{
			margin-bottom: 35px;
		}
		div.question .ui-slider{
			font-size: 10px;
		}


/* signup pages
------------------------------------------------------*/
body#signup #main, body#signup #sidebar,
body#plan-wizard #main, body#plan-wizard #sidebar{
	background: none;
}
body#signup #content{
	width: 780px;
}

.form-container legend{
	margin-bottom: 5px;
	display: inline;
	color: #409dd2;
	font-weight: bold;
}
	.form-container legend em { color: #C00; font-style: normal; }


/* Form styles */
div.form-container { margin: 10px 0; padding: 5px; }

p.legend { margin-bottom: 3px;}
p.legend em { color: #C00; font-style: normal; }
div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #B34511 1px solid; background-color: #D15214; }
div.errors p { margin: 0; }
div.errors p em { color: #FFF4EA; font-style: normal; font-weight: bold; }
div.errors2 { color: #fff; margin: 0 0 10px 0; padding: 5px 10px; border: solid 1px #77c4f0; background-color: #409dd2; }

div.form-container form p { margin: 0; }
div.form-container form fieldset { margin: 5px 0 15px 0; padding: 0px; border:none; }
	div.form-container form fieldset div { padding: 0.25em 0; clear: left; margin-left: 20px; }

div.form-container label, div.form-container span.label, #content div.form-container label.block { margin-right: 10px; padding-right: 0px; width: 150px; display: block; float: left; text-align: left; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #3B80EC; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #3B80EC; }

div.form-container div.controlset label, div.form-container div.controlset input { display: inline; float: none; margin-top: 5px; margin-left: 0px}

div.form-container div.controlset div { margin-left: 20px; line-height:14px; }

div.form-container ul{ width:600px; margin:5px 15px 5px 15px;}
div.form-container li{ line-height:15px; margin-bottom:10px;}
div.legend {line-height:15px; }

.note { font-size: 11px; color: #333; line-height:12px; }
span.note{ margin-left:180px; }
.bundle { margin-left:20px; color: #333;}
.text-width{width:200px; border:solid 1px #3B80EC; padding:3px; font-size:12px;}
.text-width-small{width:45px; border:solid 1px #3B80EC; padding:3px; font-size:12px;}
.text-width-med{width:85px; border:solid 1px #3B80EC; padding:3px; font-size:12px;}
.short{ width:160px; }

ol.letter{
	list-style: lower-alpha outside none;
	margin-top: 0px;
}

img.left{
	float: left;
	margin: 20px;
}
img.right{
	float: right;
	margin: 20px;
}
img.center{
	margin: 0 auto;
	display: block;
	margin-bottom: 20px;
}

div.form-container div.buttonrow { float:right; clear: both; margin-top: 20px; margin-bottom: 30px; }

div.form-container table td{
	padding-right: 10px;
}
#next-button{
	border:0;
	text-indent:-99999px;
	cursor:pointer;
	margin:0;
	padding:0;
	}

#previous-button{
	border:0;
	text-indent:-99999px; 
	cursor:pointer;
	margin:0;
	padding:0;
}

#main #hardware p{
	padding-right: 25px;
}