#product_nav {
	width: 100%;
	height: 34px;
	background: url(../img/product-nav-background.png) repeat-x;
	margin: 0;
}

/* Days of Change css*/

#sign_up_now_green {
	float: right;
	border-left: 1px solid #626e73;
	width: 176px;
	height: 34px;
	display: block;
	background: url(/ii-inc/img/sign-up-now-btn-green.png) left top no-repeat;
}
#sign_up_now_green:hover, #sign_up_now_green:active, #sign_up_now_green:focus {
	background: url(/ii-inc/img/sign-up-now-btn-green.png) left bottom no-repeat;
}

#sign_up_hover_tip_green {
	position: absolute;
	right: 160px;
	top: 135px;
	behavior: url(/js/iepngfix.htc);
	z-index:1000;
}

/* End Days of Change css*/

#sign_up_now {
	float: right;
	border-left: 1px solid #626e73;
	width: 176px;
	height: 34px;
	display: block;
	background: url(../img/sign-up-now-btn.png) left top no-repeat;
}
#sign_up_now:hover, #sign_up_now:active, #sign_up_now:focus {
	background: url(../img/sign-up-now-btn.png) left bottom no-repeat;
}

#upgrade_now {
	float: right;
	border-left: 1px solid #626e73;
	width: 176px;
	height: 34px;
	display: block;
	background: url(../img/upgrade-now-btn.png) left top no-repeat;
}
#upgrade_now:hover, #upgrade_now:active, #upgrade_now:focus {
	background: url(../img/upgrade-now-btn.png) left bottom no-repeat;
}

#product_types {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	height: 34px;
	width: 588px;
	background: url(../img/product-nav.png) no-repeat scroll right top;
}

#product_types li {
	float: left;
	display: block;
	margin: 0;
}

#product_types a {
	height: 34px;
	display: block;
	margin: 0;
}

#product_types li ul {
	background-color: #d52b1e;
	color: white;
	border-top: solid 1px rgb(186, 15, 10);
	display: none;
	list-style: none;
}

#product_types li li {
	display: block;
	padding: 0;
	line-height: 1.2em;
	background: rgb(213, 43, 30) url(/ii-inc/img/chevron.jpg) no-repeat right center;
	border-top: solid 1px rgb(237, 67, 47);
	border-bottom: solid 1px rgb(184, 13, 10);
}
#product_types li li:hover, #product_types li li:active, #product_types li li:focus {
	background: rgb(170, 34, 24) url(/ii-inc/img/chevron-over.jpg) no-repeat right center;
	border-top: solid 1px rgb(149, 12, 8);
	border-bottom: solid 1px rgb(190, 54, 38);
}

#product_types li li.first {
    display: block;
    padding: 0;
    line-height: 1.2em;
    background: rgb(213, 43, 30) no-repeat right center;
    border-top: solid 1px rgb(237, 67, 47);
    border-bottom: solid 1px rgb(184, 13, 10);
}
#product_types li li:hover.first, #product_types li li:active.first, #product_types li li:focus.first {
    background: rgb(170, 34, 24) no-repeat right center;
    border-top: solid 1px rgb(149, 12, 8);
    border-bottom: solid 1px rgb(190, 54, 38);
}



#product_types li li a {
	display: block;
	color: white;
	text-decoration: none;
	text-shadow: rgb(136, 26, 19) 1px 1px 2px;
	font-size: 14px;
	padding: 10px 0;
	font-weight: bold;
	height: 33px;
}

#product_types li li small {
	display: block;
	font-size: 11px;
	font-weight: normal;
	margin-top: 0.2em;
}

/* Replicated in hover.css. Don't forget to change this rule there if you
 * change it here! */
#product_types li.over ul {
	display: block;
	z-index: 13;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 134px;
	bottom: 0;
}

#product_types li li ul {
	display: none;
	list-style: none;
	border-left: solid 1px rgb(134, 11, 7);
}

#product_types li li li {
	display: block;
	padding: 0;
	background: rgb(170, 34, 24);
	border-top: solid 1px rgb(190, 54, 38);
	border-bottom: solid 1px rgb(149, 12, 8);
}

#product_types li li li:hover, #product_types li li li:active, #product_types li li li:focus {
	background: rgb(148, 30, 21);
	border-top: solid 1px rgb(134, 11, 7);
	border-bottom: solid 1px rgb(171, 49, 34);
}

#product_types li:hover ul ul, #product_types li:active ul ul, #product_types li:focus ul ul, #product_types li.over ul ul {
	display: none;
}

/* Replicated in hover.css. Don't forget to change this rule there if you
 * change it here! */
#product_types li ul li.over ul {
	display: block;
	z-index: 13;
	position: absolute;
	left: 100%;
	top: auto;
	bottom: auto;
	margin-top: -56px;
}

#iinet_customers, #iinet_customers ul, #iinet_customers li, #iinet_customers a {
	width: 196px;
}
#iinet_customers ul a {
	width: 166px !important;
	padding-left: 30px !important;
}

#iinet_customers:hover a.hidden_text, #iinet_customers:active a.hidden_text, #iinet_customers:focus a.hidden_text, #iinet_customers.over a.hidden_text {
	background: url(../img/product-nav.png) left -68px no-repeat;
}
#iinet_customers.active {
	background: url(../img/product-nav.png) left -34px no-repeat;
}
#product_types #iinet_customers li {
	background-image: none;
}
#product_types #iinet_customers li:hover, #product_types #iinet_customers li:active, #product_types #iinet_customers li:focus {
	background-image: none;
}

#residential_products, #residential_products ul, #residential_products li, #residential_products a {
	width: 196px;
}
#residential_products ul a {
	width: 184px !important;
	padding-left: 12px !important;
}
#residential_products:hover a.hidden_text, #residential_products:active a.hidden_text, #residential_products:focus a.hidden_text, #residential_products.over a.hidden_text {
	background: url(../img/product-nav.png) -196px -68px no-repeat;
}
#residential_products.active {
	background: url(../img/product-nav.png) -196px -34px no-repeat;
}

#business_products, #business_products ul, #business_products li, #business_products a {
	width: 196px;
}
#business_products ul a {
	width: 175px !important;
	padding-left: 12px !important;
}
#business_products:hover a.hidden_text, #business_products:active a.hidden_text, #business_products:focus a.hidden_text, #business_products.over a.hidden_text {
	background: url(../img/product-nav.png) -392px -68px no-repeat;
}
#business_products.active {
	background: url(../img/product-nav.png) -392px -34px no-repeat;
}



/***********
plan tables & number checker
************/

.plans * {
	padding: 3px;
}
 .plans {
	border-collapse: collapse !important;
	width: 480px;
	text-align: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #606a74;
	border-left: 1px solid #606a74;
	font-size: 11px;
}

.plans td {
	padding: 0;
	margin: 0;
    border-top: 1px solid #dfe1e3;
}

.plans tr {
	padding: 0;
    margin: 0;
}

.plans th {
	background-color:#838b94;
	color: white;
}
.left_edge {
	border-left: 1px solid #606a74;
}
.right_edge {
    border-right: 1px solid #606a74;
}
	
 .phone_left {
    border-left: 1px solid #606a74;
	border-right: 1px solid #606a74;

}

#plan_filter .plans {
	border-bottom: none;
}
.plans .heading {
	color: white;
	background-color: #606a74;
	font-size: 13px;
	padding: 5px 3px 5px 3px;
}
.number_checker {
	width: 535px;
	border: 1px solid #606A74;
	margin: 0 0 20px 0;
	padding: 0;
	
}
.number_checker form {
	margin-left: 0;
	padding: 0;
}
.number_checker strong {
	width: 535px;
	background-color: #606a74;
	color: white;
	display: block;
	text-indent: 5px;
}
.number_checker .result strong {
   background-color: #f4f4f4 !important;
	width: 260px;
	color: black;
	/*display: block;*/
	margin-bottom: 10px;
	margin-top: 10px;
    text-indent: 0px;
}

.right_edge_iitalkpack {
	border-top: 1px solid #dfe1e3;
	border-left: 1px solid #606a74;
}
.right_border {
	border-right: 1px solid #606a74 !important;
}
/****************
Agents page login style
****************/

#main #agents_form {
}
#main #agents_form input {
	display: block;	
}
#main #agents_form .login_buttons input {
	display: block;
	position: relative;
	height: 26px;
	width: 100px;
	background-image: url('/img/ccc-submit-btn-bg.png');
}
#main #agents_form input#agents_username {
}
#main #agents_form input#agents_password {
	margin-top: 10px;
}


/* Fibre Coverage Map and Tables 
***********************************/
.wrap-fibre-coverage {
	display:none;
}

.wrap-fibre-coverage h2 {
	margin-top:0;
	text-transform:lowercase;
}

.col-estate {width:50%;}
.col-suburb {width:35%;}
.col-postcode {width:15%;}

.txt-center {
	text-align:center !important;
}
