body {
	padding: 0;
	margin: 0;
	font-size: 62.5%;
	font-family: Trebuchet MS, Arial, verdana, sans-serif;
	color: #474747;
	background-color: #d9ddd2;
	background-image: url(/OE/images/bodyBg.gif);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
}

/* Default text */

a img {
	border: none;
}

h1, h2, h3, ul, li, p {
	margin: 0;
	padding: 0;
}

fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

h1 {
	font-size: 2.0em;
	font-weight: normal;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1.0em;
}

a, a,link {
	color: #0480c6;
	text-decoration: none;
}

a:hover, a:focus {
	color: #474747;
}

a.active {

}

div#header {
	width: 770px;
	margin: auto;
	text-align: left;
	height: 70px;
	padding: 20px 0 0 0;
}
div#header img {
  float:left;
}
div#headerChatNow {
  float:right;
  width:135px;
  height:50px;
  margin-top:8px;
}

div#frame {
	width: 770px;
	margin: 0 auto 20px auto;
	text-align: left;
	background-image: url(/OE/images/frameBg.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	font-size: 1.2em;
  position:relative;
}

div#stage {
	background-image: url(/OE/images/stagesBg.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #dadada;
}

div#stage ul {
	list-style: none;
	min-height: 35px;
	_height: 35px;
}

div#stage ul li {
	float: left;
	font-weight: bold;
	font-size: 1.3em;
	color: #979797;
	padding-top: 5px;
}

div#stage ul li span {
	display: block;
	border-right: 1px solid #d6d6d6;
}

div#stage ul li a {
	color: #656565;
}

div#stage ul li a:hover,
div#stage ul li a:focus {
	color: #292929;
}

div#stage ul li.active {

}

div#stage ul li.active span {
	background-image: none !important;
	padding-left: 0 !important;
	text-align: center;
	background-color: #1a82b8;
	color: #fff;
}

div#stage ul li.stage1 {
	width: 105px;
	background-image: url(/OE/images/stage1Bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 10px;
}

div#stage ul li.stage1 span {
	background-image: url(/OE/images/iconStart.gif);
	background-repeat: no-repeat;
	background-position: 15px 4px;
	padding: 5px 0 7px 45px;
}

div#stage ul li.active1 {
	background-image: url(/OE/images/stage1BgActive.gif) !important;
}

div#stage ul li.active1 span {
	background-image: none !important;
	padding-left: 0 !important;
	text-align: center;
	background-color: #1a82b8;
	color: #fff;
}

div#stage ul li.stage2 {
	width: 100px;
}

div#stage ul li.stage2 span {
	background-image: url(/OE/images/iconPlan.gif);
	background-repeat: no-repeat;
	background-position: 20px 4px;
	padding: 5px 0 7px 50px;
}

div#stage ul li.stage3 {
	width: 145px;
}

div#stage ul li.stage3 span {
	background-image: url(/OE/images/iconConnect.gif);
	background-repeat: no-repeat;
	background-position: 10px 4px;
	padding: 5px 0 7px 40px;
}


div#stage ul li.stage4 {
	width: 115px;
}

div#stage ul li.stage4 span {
	background-image: url(/OE/images/iconDetails.gif);
	background-repeat: no-repeat;
	background-position: 12px 5px;
	padding: 5px 0 7px 43px;
}

div#stage ul li.stage5 {
	width: 130px;
}

div#stage ul li.stage5 span {
	background-image: url(/OE/images/iconPay.gif);
	background-repeat: no-repeat;
	background-position: 12px 4px;
	padding: 5px 0 7px 50px;
}

div#stage ul li.stage6 {
	width: 155px;
	background-image: url(/OE/images/stage6Bg.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 10px;
}

div#stage ul li.stage6 span {
	background-image: url(/OE/images/iconConfirm.gif);
	background-repeat: no-repeat;
	background-position: 15px 4px;
	padding: 5px 0 7px 45px;
	border-right: none;
}

div#stage ul li.active6 {
	background-image: url(/OE/images/stage6BgActive.gif) !important;
}

div#stage ul li.active6 span {
	background-image: none !important;
	padding-left: 0 !important;
	text-align: center;
	background-color: #1a82b8;
	color: #fff;
}

div#intro {
	background-image: url(/OE/images/introBg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #fff;
}

div#intro a {
	color: #fff;
	text-decoration: underline;
}

div#intro h1 {
	margin-bottom: 0.5em;
}

div#intro p {
	margin-bottom: 0.6em;
}

div#intro p.emph {
	font-size: 1.2em;
	margin-bottom: 0.3em;
}

div#bigIcon 
{
	position:absolute;
	right:0px;
	padding: 0 5px 0 0;
}
div#bigIcon.startIcon{
  padding:25px 35px 0 0;
}
div#bigIcon.detailsIcon,
div.detailsIcon{
  float:none;
  padding-top:15px;
  position:absolute;
  right:0px;
}
div#bigIcon.detailsIcon{
position:absolute;
}
div#intro div.inner {
	padding: 25px 155px 20px 35px;

}
div#intro div#start.inner {
  padding-right:200px;
}
/*div#intro div#start {
	background-image: url(/OE/images/bigIconStart.jpg);
	background-repeat: no-repeat;
	background-position: 590px 0;
}

div#intro div#plan {
	background-image: url(/OE/images/bigIconPlan.jpg);
	background-repeat: no-repeat;
	background-position: 590px 0;
}*/

div#intro div#connect {
	/*background-image: url(/OE/images/bigIconConnect.jpg);*/
	background-image: url(/OE/images/bigIconEnginConnection.png);
	_background-image: url(/OE/images/bigIconEnginConnection_8bit.png);
	background-repeat: no-repeat;
	background-position: 630px 10px;
}

div#intro div#payment {
	background-image: url(/OE/images/bigIconEnginPayment.png);
	_background-image: url(/OE/images/bigIconEnginPayment_8bit.png);
	background-repeat: no-repeat;
	background-position: 575px 15px;
}

div#intro div#confirm {
	/*background-image: url(/OE/images/bigIconConfirm.jpg);*/
	background-image: url(/OE/images/bigIconEnginConfirmation.png);
	_background-image: url(/OE/images/bigIconEnginConfirmation_8bit.png);
	background-repeat: no-repeat;
	background-position: 600px 20px;
}

div#content {
	padding: 0 5px 0 5px;
	min-height: 250px;
}

div#buttons {
	background-image: url(/OE/images/buttonsBg.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 20px 5px 7px 5px;
}

div#buttons div.inner {
	background-color: #f4f4f4;
	text-align: center;
	padding: 0 10px 10px 10px;
	position: relative;
}

div#buttons div.inner a.goBack {
	float: left;
	position: relative;
	margin-top: -40px;
}

div.nextButton {
	width: 106px;
	margin: 0 auto 0 auto;
	position: relative;
	top: -20px;
}

div.nextButton a {
	display: block;
	width: 106px;
	height: 36px;
	padding-top: 10px;
	color: #fff;
	font-size: 1.6em;
	text-decoration: none;
	background-image: url(/OE/images/nextButtonbg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

div.order a {
	font-size: 1.4em;
	line-height: 1.2em;
	padding-top: 4px;
	height: 42px;
}

div.nextButton a:hover,
div.nextButton a:focus {
	background-position: 0 -46px;
	color: #fff;
}

div#content h2 {
	background-color: #f4f4f4;
	/*padding: 20px 0 5px 50px;*/
	padding: 10px 0 7px 50px;
	font-weight: normal;
	font-size: 1.4em;
	background-image: url(/OE/images/h2Bg_g.gif);
	background-repeat: no-repeat;
	/*background-position: 30px 23px;*/
	background-position: 30px 15px;
}
div#content h2.smallh2 {
  font-size:1.3em;
}
div#content p{
	margin-bottom: 0.8em;
}

/* DEFAULT FORMS */

div#content fieldset {
	padding: 10px 50px 10px 50px;
	clear: right;
}

div#content fieldset input,
div#content fieldset select {
	font-size: 1.2em;
}

div.row {
	clear: both;
	padding-top: 9px;
}

div.row label {
	display: block;
	float: left;
	width: 150px;
	font-weight: bold;
	font-size: 1.2em;
	padding-top: 0.1em;
}

div.row label span.hint {
	font-weight: normal;
	font-size: 0.75em;
}

span.pophint {
	position: absolute;
	top: -70px;
	left: 120px;
	background-color: #F4F4F4;
	border: 1px solid #e6e2e2;
	padding: 10px;
	font-weight: normal;
	font-size: 0.75em;
	width: 300px;
}

div.row div.fields {
	margin-left: 160px;
	position: relative;
}

div.row div.fields label {
	font-size: 1.0em;
	float: none;
	width: auto;
}

div.row div.fields div {
	padding-bottom: 5px;
}

.xlong
{
	width: 260px;
}

.long {
	width: 200px;
}

.med {
	width: 100px;
}

.short {
	width: 60px;
}

div.radioRow {

}

div.radioRow input {
	float: left;
	display: block;

}

div.radioRow label {
	margin-left: 30px;
}

/* START */

div.buildingName {

}

div.UnitNum {
	float: left;
	width: 70px;
}

div.streetNum {
	float: left;
	width: 70px;
}

div.streetName {
	float: left;
	width: 210px;
}

div.streetType {
	float: left;
	width: 150px;
}

div.streetType select {
	width: 150px;
}

div.city {
	width: 210px;
	float: left;
}

div.state {
	width: 110px;
	float: left;
}

div.postcode {
	width: 70px;
	float: left;
}

div#addresses {
	clear: both;
	margin: 0 0 0 0;


}
div#addresses .inlineError{
  display:block;
}

div#addresses ul {
	list-style: none;
	background-color: #F4F4F4;
}

div#addresses ul li {
	border-bottom: 1px solid #fff;
	padding: 3px 10px 3px 10px;
}

div#addresses ul li a {

}

div.title {


}

div.firstName {
	float: left;
	width: 210px;
	clear: left;
}

div.lastName {
	float: left;
	width: 210px;
}

div.dob {
	clear: left;
}

div.cardExpMonth {
	float: left;
	width: 70px;
}

.planServicesDetails { margin-left:145px;}

/* PLANS */

fieldset.planChoices {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

fieldset.planChoices table td, fieldset#planChoices table th {
	vertical-align: top;
}

fieldset.planChoices table td {
	font-size: 1.2em;
	padding: 10px;
}

fieldset.planChoices table thead th {
	color: #fff;
	padding: 10px 10px 5px 10px;
	vertical-align: top;
	line-height: 1.2em;
	font-size: 1.2em;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	background-repeat: no-repeat;
	background-position: 0 0;
}

fieldset.businessPlans table thead th {
	width: 165px !important;
}

fieldset.planChoices table thead th.normal {
	background-image: url(/OE/images/planThTop.gif);
	background-color: #97c7d1;
}

fieldset.businessPlans table thead th.normal {
	background-image: url(/OE/images/planBusThTop.gif);
	background-color: #97c7d1;
}

fieldset.planChoices table thead th.selected {
	background-color: #007fc2;
	background-image: url(/OE/images/planThTopSel.gif);
}

fieldset.businessPlans table thead th.selected {
	background-color: #007fc2;
	background-image: url(/OE/images/planBusThTopSel.gif);
}

fieldset.planChoices table tbody th {
	font-size: 1.1em;
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	background-color: #575556;
	background-image: url(/OE/images/PlanBodyThBg.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	color: #fff;
	vertical-align: top;
}

fieldset.planChoices table tbody th a {
	color: #e4e3e3;
	text-decoration: underline;
}

fieldset.planChoices table tbody th a:hover,
fieldset.#planChoices table tbody th a:focus {
	color: #fff !important;
}

fieldset.planChoices table tbody td {
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	width: 120px;
}

fieldset.planChoices table tbody td.normal {
	background-color: #e0eef1;
}

fieldset.planChoices table tbody td.selected {
	background-color: #d8ecf6;
}

fieldset.planChoices table tr.selectButtons td {
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-position: bottom left;
	background-repeat: no-repeat;
}

fieldset.planChoices table tr.selectButtons td label {
	cursor: pointer;
}

fieldset.planChoices table tr.selectButtons td.normal {
	background-color: #97c7d1;
	background-image: url(/OE/images/planThBot.gif);
}

fieldset.businessPlans table tr.selectButtons td.normal {
	background-color: #97c7d1;
	background-image: url(/OE/images/planBusThBot.gif);
}

fieldset.planChoices table tr.selectButtons td.normal span.ed {
	display: none;
}

fieldset.planChoices table tr.selectButtons td.selected {
	background-color: #007FC2;
	background-image: url(/OE/images/planThBotSel.gif);
}

fieldset.planChoices table tr.selectButtons td.selected label {
	background-image: url(/OE/images/tick.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
}

fieldset.businessPlans table tr.selectButtons td.selected {
	background-color: #007FC2;
	background-image: url(/OE/images/planBusThBotSel.gif);
}

fieldset.planChoices table tr.selectButtons td.selected span.ed {
	display: inline;
}

fieldset.planChoices h3 {
	margin-top: 20px;
}

fieldset.planChoices ul {
	padding-left: 25px;
}

/* CONNECTION */

div.product {
	border: 3px solid #daedf3;
	padding: 7px;
	margin-bottom: 5px;
	position: relative;
}

div.product div.pic {
	float: left;
	width: 100px;
}

div.product h3 {
	font-size: 1.2em;

	width: 275px;
	margin-left: 115px;
}

div.product h3 a {
	font-size: 0.7em;
}

div.product div.inner1 {
	float: left;
	width: 275px;
	padding-left: 15px;
	padding-right: 15px;
}

div.product div.inner1 div.radioRow {
	padding-top:10px;
	min-height: 1.5em;
}

div.product div.inner1 label {
	float: none;
	display: block;
	padding-top:0.1em;
}

div.product div.inner2 {
	float: left;
	width: 220px;
}

div.product div.inner2 p {
	line-height: 1.2em;
}


div.accessories {
	background-image: url(/OE/images/accessoriesTop.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #daedf3;
	padding: 7px;
}

div.accessories h3 {
	font-size: 1.2em;
	margin-bottom: 15px;
}

div.accessory {
	padding-left: 120px;
	margin-bottom: 20px;
}

div.accessory input {
	float: left;
}

div.accessory div.inner {
	margin-left: 30px;
}

div.accessory div.inner label {
	font-weight: bolder;
	display: block;
	margin-bottom: 5px;
}

div.accessory div.inner p {
	margin-top: 5px;
}

p.info {
	padding: 20px 20px 30px 50px !important;
	background-image: url(/OE/images/infoIcon.gif);
	background-repeat: no-repeat;
	background-position: 0 15px;

}

p.error {
	background-image: url(/OE/images/warningLarge.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 10px 0 10px 80px;
}

/* ORDER TABLE */

div#intro div#yourOrder {
	width: 515px;
}

/* Added by Basis */
div#intro DIV#yourOrder table { border:0px; }
div#intro DIV#yourOrder tr { background-color: #3990be}
div#intro DIV#yourOrder thead tr td { background-color: #00689f; font-size: 1.1em; padding: 10px 10px 6px 10px;}
div#intro DIV#yourOrder tbody tr td { padding: 0px 10px; vertical-align:top;} 
div#intro DIV#yourOrder tr#totalDue td { padding-top:5px; padding-bottom:5px; border-top:#75b2d2 1px solid; font-size: 1.4em; text-transform:uppercase; }
div#intro DIV#yourOrder td.yourOrderTitle { font-size: 1.5em; }
div#intro DIV#yourOrder td.nowTop { width:90px; }
div#intro DIV#yourOrder td.monthlyTop { width:95px; }
div#intro DIV#yourOrder tr.spacerTop { height:10px }
div#intro DIV#yourOrder tr.spacerBottom { height:8px }  

p.contract {
	padding: 0 0 0 30px;
}

div#confirmAddys {
	margin-top: 15px;
}

div.confAddy {
	background-color: #3990be;
	width: 203px;
	float: left;
	margin-right: 15px;
}

div.confAddy h2 {
	background-color: #005d8f;
	padding: 5px 5px 1px 10px;
	font-weight: normal;
	font-size: 1.0em;
}

div.confAddy div.addy {
	padding: 2px 5px 2px 10px;
}

div.confAddy div.addy p {

}


/* CONFIRMATION PAGE */

div#printPage {
	float: right;
	padding-right: 75px;
	margin-top: 2em;
}

p.success {
	font-size: 1.3em;
}

div#yourNoIs {
	background-color: #3990be;
	background-image: url(/OE/images/yourNoIsTop.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 495px;
	padding: 10px;
	margin-left: -10px;
}

div#yourNoIs h2 {
	font-weight: normal;
	font-size:1.5em;
	margin-bottom: 15px;
}

div#confirmationPage h2 {
	background-image: none;
	padding-left: 30px !important;
}

div#givenDetails {
	width: 484px;
	float: left;
	border-right: 2px solid #f4f4f4;
}

div#helpPromos {
	width: 274px;
	float: left;
}

div.detailItem {
	float: left;
	width: 242px;
}

div.detailItem div.inner {
	padding: 5px 0 0 30px;
}

/* Added by Basis */
div#givenDetails div#yourOrder table { border:0px; }
div#givenDetails div#yourOrder thead tr td { background-color: #f4f4f4; padding: 10px 10px 6px 10px;}
div#givenDetails div#yourOrder tbody tr td { padding: 0px 10px; vertical-align:top;} 
div#givenDetails div#yourOrder tr#totalDue td { padding-top:5px; padding-bottom:5px; font-size: 1.4em; text-transform:uppercase; }
div#givenDetails div#yourOrder td.yourOrderTitle { font-size: 1.5em; }
div#givenDetails div#yourOrder td.nowTop { width:75px; }
div#givenDetails div#yourOrder td.monthlyTop { width:150px; }
div#givenDetails div#yourOrder tr.spacerTop { height:10px }
div#givenDetails div#yourOrder tr.spacerBottom { height:8px }  
div#givenDetails div#yourOrder td.marginLeft { padding:0px; width:20px }

div#helpPromos h2 {
	background-color: #c3dfe4;
	background-image: url(/OE/images/helpPromosH2.gif);
	background-repeat: repeat-x;
	background-position: top;
	color: #fff;
	padding: 14px 0 5px 15px !important;
}

div#helpPromos div.inner {
	padding: 15px;
}

div#helpPromos div.inner ul {
	padding-left: 15px;
}

div#chatNow {
	text-align: center;
}


/* VALIDATION */

div.inlineError {
	background-image: url(/OE/images/errorBottom.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 12px !important;
	font-size: 0.9em;
	margin-bottom: 3px;
  display:none;
}

div.inlineError span {
	display: block;
	background-color: #f5dcdd;
	border: 1px solid #bf151b;
	padding: 10px 10px 10px 50px;
	background-image: url(/OE/images/warning.gif);
	background-position: 7px 7px;
	background-repeat: no-repeat;
}

div#Error_localNumber {
	width: 400px;
}

div#Error_planType {
	width: 205px;
	margin-bottom: 10px;
}

div#Error_residentialPlan {
	margin-bottom: 10px;
}
div#Error_businessPlan {
	margin-bottom: 10px;
}

div#Error_connectOption {
	width: 350px;
	margin-bottom: 10px;
}

div#Error_voiceBox {
	margin-bottom: 20px;
}

div#Error_regVoiceBoxMac {
	width: 250px;

}

div#Error_nameTitle {
	width: 200px;
}

div#Error_firstLastNames {
	clear: left;
	width: 300px;
}

div#Error_dateOfBirth {

	width: 470px;
}

div#Error_email {
	width: 250px;
}

div#Error_phone {

}

div#Error_aOnameTitle {
	width: 300px;
}

div#Error_aOfirstLastNames {
	width: 380px;
}

div#Error_aOdob {
	width: 350px;
	clear: left;
}

div#Error_ServiceAddress {
	width: 420px;
	margin-left: 70px;
}

div#Error_ServiceAddress2 {
	clear: left;
	width: 400px;
}

div#Error_DeliveryAddress {
	width: 420px;
	margin-left: 70px;
}

div#Error_DeliveryAddress2 {
	clear: left;
	width: 400px;
}

div#Error_cardType {
	width: 210px;
}

div#Error_cardNumber {
	width: 280px;
}

div#Error_cardExp {
	width: 220px;
}

div#Error_cardName{
	width: 260px;
}

div#Error_secCode {
	width: 260px;
}

div#Error_terms {
	width: 310px;
}

div#Error_companyName{
	width: 250px;
}

div#Error_Abn {
	width: 220px;
}

div#Error_CSRcode {
	width: 250px;
}