/* 
========================================================================================================================================================
	Hero Box
========================================================================================================================================================
*/
	#page-banner.business {
		height:292px;
		width: 960px;
		padding: 0;
		padding-top: 40px;
		background: #34373b;
		background:url(/business/art/bg_content_hero.jpg) top left;
	}
			nav ul li a {
				display: block;
				padding: 12px 28px 12px 10px;
			}
			
			nav ul li{
				
			}
			
				nav ul li a img {
					float:left;
					margin-right:10px;
				}
				nav ul li p {
					font-family:Verdana, Geneva, sans-serif;
				}
					nav ul li p span {
						font-weight:bold;
					}
			nav ul li {
				background: url('/business/art/div.png') no-repeat left top;
			}
			nav ul li:hover {
					background-position: left -62px;
			}
			nav ul li:active a, nav ul li.active a  {
					background: url('/business/art/hover.png') repeat-x center top;
			}
			#page-banner.business nav ul li p {
				margin: 0;
				padding: 0;
			}
		#page-banner.business .content {
			width: 650px;
			padding: 24px 20px 20px 30px;
			background: rgba(35, 115, 172, 0.8);
		}
		#page-banner.business h1 {
			margin: 0;
		}
		#page-banner.business p {
			width:100%;
			font-size:14px;
			font-style:italic;
			margin-top: 10px;
		}
	
		#page-banner.business div.speed {
			position:absolute;
			z-index:80;
			top:210px;
			left:20px;
			width:93%;
			padding:15px;
			height:70px;
			border-radius:4px;
			overflow: hidden;
			/*box-shadow: inset 0px 1px 2px rgba(0,0,0,0.45), 0px 1px 0px rgba(255,255,255,0.20);*/
			background:url(/business/art/speed-background.png) no-repeat left top;
		}
			#download, #upload {
				position:absolute;
				top:12px;
				left:15px;
				width:356px;
				height:21px;
				margin-bottom:12px;
				border-radius: 3px;
				color:#fff;
				font-size: 13px;
				font-weight: bold;
				text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
				padding:9px 0 0 12px;
				-webkit-animation: 1 forwards 1s ease;
				-moz-animation: 1 forwards 1s ease;
				animation: 1 forwards 1s ease;
				background: url('/business/art/download-bar.png') no-repeat top left;
				overflow: visible;
			}
			
			#download span, #upload span, .fibre #download.eoc span, .fibre #upload.eoc span, .fibre #download.bonded span, .fibre #upload.bonded span, .fibre #download.adsl span, .fibre #upload.adsl span{
				position: absolute;
				padding: 0;
				width: 190px;
				display: block;
				right: -200px;
				-webkit-transition: all 1s ease-in-out 0s;
			}
			
			.fibre #download span, #download.fibre span, .fibre #upload span, #upload.fibre span{
				right: -70px;
			}
			
			#upload {
				top:60px;
				width:30px;
				margin-bottom:0px;
				background: url('/business/art/upload-bar.png') no-repeat top left;
				text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
			}

#datapack-details {
	margin-top:0px;
	height:auto;
}

/* 
========================================================================================================================================================
	Right Side Column
========================================================================================================================================================
*/
	.slidey {
		width:219px;
	}
	
		.slidey .expert {
			margin-bottom:10px;
		}
		
	.standard-form > input, .standard-form > textarea {
		background: url("/content/Images/sprites/bg-signup-gradients.png") repeat-x scroll 0 -87px transparent;
		border: 1px solid #CCCCCC;
		border-radius: 3px 3px 3px 3px;
		font: 12px arial,helvetica,sans-serif;
		height: 28px;
		margin: 0 0 5px;
		padding-left: 5px;
		float: left;
		width:97%;
	}
	.standard-form > input[type=submit] {
		width:85px;
		box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
		color: #333333;
		font-weight: bold;
		font-size: 106%;
		line-height: 110%;
		padding:0px;
	}


/* 
========================================================================================================================================================
	Common Content 
========================================================================================================================================================
*/

	#sitemain .content.call-us span {
		color:#d32d18;
	}

/* 
========================================================================================================================================================
	Broadband Content 
========================================================================================================================================================
*/
	.breakout-box {
		float:left;
		padding: 5px 20px;
		margin:20px;
	}
		.breakout-box h3 {
			font-weight: 200;
		}
	
	#sitemain #datapack-details.why {
		margin-bottom:0px;
	}
		#sitemain #datapack-details.why li {
			margin:0px 30px 0px 0px;
			width: 29%;
			text-align:left;
			list-style:none;
		}
		#sitemain #datapack-details.why li.complimentary, #sitemain #datapack-details.why li.excess-usage {
			width:29%;
		}
		
		#sitemain #datapack-details.why li.complimentary{
			margin-right: 0;
		}

/* 
========================================================================================================================================================
	SHDSL Content 
========================================================================================================================================================
*/
	#page-banner.shdsl #download, #page-banner.shdsl #upload {
		width: 297px;
		-webkit-animation: 1 forwards 1s ease;
		-moz-animation: 1 forwards 1s ease;
		animation: 1 forwards 1s ease;
	}
	#page-banner.shdsl {
		background:url(/business/art/bg_content_shdsl.jpg) top left;
	}
	#pagemain .content.shdsl {
		padding-bottom:200px;
		background:url(/business/art/bg_shdsl.jpg) bottom left no-repeat;
	}
		#pagemain .content.shdsl h4 {
			font-size: 120%;
			margin: 14px 0 20px;
			color: #333;
			line-height: 16px;
		}
	#sitemain .shdsl #datapack-details.why li {
			margin:0px 30px 0px 0px;
			width: 28%;
			text-align:left;
			list-style:none;
			height: 140px;
	}
	
	#pagemain .content.call-back {
		padding: 10px 20px 10px;
		text-align:right;
		float: right;
		width: 75%;
	}
		#pagemain .content.call-back p {
			line-height:45px;
			font-size:15px;
		}
			#pagemain .content.call-back p span {
				font-size:18px;
				font-weight:bold;
			}
	div.content.call-back a {
		margin-left:15px;
		float:right;
	}

/* 
========================================================================================================================================================
	Bonded DSL Content 
========================================================================================================================================================
*/
	#page-banner.bonded #download, #page-banner.bonded #upload {
		width:712px;
		-webkit-animation: 1 forwards 1s ease;
		-moz-animation: 1 forwards 1s ease;
		animation: 1 forwards 1s ease;
	}
		#page-banner.bonded #upload {
			width:59px;
		}
	#page-banner.bonded {
		background:url('/business/art/bg_content_bonded.jpg') top left;
	}
	
	#page-banner.bonded-dsl {
		background:url('/business/art/small-bundles.jpg') top left;
	}
	
	#pagemain .content.bonded {
		padding-bottom:140px;
		background:url('/business/art/bg_bonded.jpg') bottom left no-repeat;
	}
	#sitemain .bonded #datapack-details.why li {
			margin:0px 30px 10px 0px;
			width: 47%;
			text-align:left;
			list-style:none;
	}
		#sitemain .bonded #datapack-details.why li.we-say {
			margin-right:0px;	
		}
		
	.product-category-content {
		float:left;
		padding: 30px 20px 0px 20px;
	}
		.product-category-content .first {
			background: #f7f7f7;
			text-align:right;
			width:154px;
		}
		.product-category-content .last {
			color:#ff5800;
			font-size:24px;
			font-weight:bold;
			line-height:38px;
		}
			.product-category-content .last span {
				font-size:12px;
				color:#666666;
				font-weight:normal;
			}

/* 
========================================================================================================================================================
	Fibre Content 
========================================================================================================================================================
*/
	#page-banner.fibre #download, #page-banner.fibre #upload {
		width:885px;
		-webkit-animation: 1 forwards 1s ease;
		-moz-animation: 1 forwards 1s ease;
		animation: 1 forwards 1s ease;
	}#
	
	#page-banner.fibre {
		background: url('/img/juicebox/bg_content_fibre.jpg') top left;
	}
	
	#page-banner.broadband {
		background: url('/business/art/small-bundles.jpg') top left;
	}
	
	#pagemain .content.fibre {
		padding-bottom:170px;
		background:url('/business/art/bg_fibre.jpg') bottom left no-repeat;
	}
	#sitemain .fibre #datapack-details.why ul {
		float:left;
		margin-bottom:15px;
	}
		#sitemain .fibre #datapack-details.why li {
				margin:0px;
				width: 100%;
				margin-left: 17px;
				list-style-image:url('/business/art/hero_bullet.png');
		}
			#sitemain .fibre #datapack-details.why li span {
				font-weight:bold;
			}
			
	.fibre #datapack-details.breakout-box {
		margin-top: -21px;
	}

/* 
========================================================================================================================================================
	Business Voice Content 
========================================================================================================================================================
*/
	#page-banner.business_voice {
		background:url(/business/art/bg_content_business_voice.jpg) top left;
	}
	#pagemain .content.business_voice {
		padding-bottom:90px;
		background:url(/business/art/bg_business_voice.jpg) 260px 15px no-repeat;
	}
		#pagemain .content.business_voice p {
			width:230px;
		}
	#sitemain .business_voice #datapack-details.why li {
				margin: 0px 25px 10px 0px;
				width: 29%;
		}
	#sitemain .business_voice .content.suitable {
		float:left;
	}
.business_voice_video {
	width: 252px;
	margin-left:90px;
}
	.business_voice_video a {
		width: 252px;
		height: 192px;
		display: block;
		text-indent: -999999px;
		background:url(/business/art/feature-video.jpg) no-repeat;
	}
		.business_voice_video a:hover {
			background:url(/business/art/feature-video.jpg) 0 -200px no-repeat;
		}

#plans .monthly-cost .cost {
	color:#ff5800;
	font-size:24px;
	font-weight:bold;
}
#plans .minimum-cost .cost {
	color:#ff5800;
	font-size:13px;
	font-weight:bold;
}

.business_voice .products {
	float: right;
	margin-bottom: 15px;
}

#sitemain .business_voice #features td {
	width: 19%;
}
	#sitemain .business_voice #plans td {
		width: 19%;
	}
	#sitemain .business_voice #call-rates td {
		/*width: 436px;*/
	}

#sitemain .business_voice #features td.label, #sitemain .business_voice #plans td.label, #sitemain .business_voice #call-rates td.label {
	width: 24%;
	text-align:right;
}

.product-category-content table tbody td{
	padding: 5px 10px;
}

#sitemain .business_voice #features td.tip {
	width:20px;
}
#sitemain .business_voice th {
	text-align:center;
}
	#sitemain .business_voice th.label {
		text-align:right;
	}
#features td .tooltip {
	width: 10px;
	height: 10px;
	position: relative;
	margin: 0px 7px;
	display: block;
	background: url(http:\/www.iinet.net.au/business/business-voice/art/tooltip.png) no-repeat;
	cursor: help;
}
	#features td .tooltip .text {
		width: 200px;
		background: #424242;
		padding: 15px 20px 5px;
		position: absolute;
		top: -10px;
		right: -248px;
		color: #fff;
		font-size: .8em;
		line-height: 1.4em;
		text-shadow: none;
		text-align: left;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,.4);
		-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,.4);
		box-shadow: 0px 2px 5px 0px rgba(0,0,0,.4);
		display: none;
	}

#features td.yes span {
	background: url(/business/art/dot.png) 0px 0px no-repeat;
	display: block;
	height: 9px;
	text-indent: -9999px;
	width: 9px;
	margin: 0 auto;
}

#sitemain .business_voice #plans-include h4 {
	float:right;
}

#sitemain .business_voice #plans-include section {
	float:right;
	width:474px;
}

#sitemain .business_voice #plans-include section ul{
	padding-bottom: 14px;
	float: left;
}

	#sitemain .business_voice #plans-include li {
		width:44%;
		text-align:left;
	}
	
#sitemain .business_voice .more-info a.button {
	float:right;
	margin-right: 20px;
}
	#sitemain .business_voice .more-info a.button.grey {
		padding: 12px 14px 12px;
	}
#sitemain .business_voice ul.terms-tabs {
	float:right;
	width:auto;
	margin:20px 10px 0 0;
}

/* 
========================================================================================================================================================
	Phone Content 
========================================================================================================================================================
*/

	#page-banner.phone {
		background:url(/business/art/bg_content_phone.jpg) top left;
	}
		#sitemain .phone td.monthly {
			font-size:24px;
			font-weight:bold;
			color:#ff5800;
		}
		#sitemain .phone .product-category-content {
			padding-top:0px;
		}
			#sitemain .phone .product-category-content h3 {
				margin-top:0px;
			}
			#sitemain .phone .product-category-content a.button {
				margin:0 20px 20px 0;		
			}
				#sitemain .phone .product-category-content a.button.grey {
					padding: 14px 14px 10px;
				}
			
		#sitemain .phone #datapack-details.why li {
				margin: 0px 25px 10px 0px;
				width: 29%;
		}
	#sitemain .phone .content {
		float:left;
	}

/* 
========================================================================================================================================================
	Internet Phone Content 
========================================================================================================================================================
*/
	#page-banner.internet-phone {
		background:url(/business/art/bg_content_internet_phone.jpg) top left;
	}
	#pagemain .content.internet-phone {
		padding:20px 470px 57px 40px;
		background:url(/business/art/bg_internet_phone.jpg) bottom right no-repeat;
	}
	.internet_phone_video {
		width: 252px;
		margin:15px 0 0 90px;
	}
	#sitemain .internet-phone td.monthly {
			font-size:24px;
			font-weight:bold;
			color:#ff5800;
			padding:15px 20px;
		}
		#sitemain .internet-phone .product-category-content {
			padding-top:0px;
		}
		#sitemain .internet-phone .product-category-content a.button {
				margin:0 20px 20px 0;		
			}
				#sitemain .internet-phone .product-category-content a.button.grey {
					padding: 12px 14px 12px;
				}

/* 
========================================================================================================================================================
	SIP Trunking Content 
========================================================================================================================================================
*/
	#page-banner.trunking {
		background:url(/business/art/bg_content_trunking.jpg) top left;
	}
	#pagemain .content.friend {
		padding:20px 160px 0px 40px;
	}
	.trunking #pagemain .content {
		float:left;
	}
	#sitemain .trunking .how iframe {
		float:right;
		margin:0 0 10px 10px;
	}
	#sitemain .trunking .what-you-get li {
		float:left;
		width:50%;
	}
	#sitemain .trunking table td span {
		font-size:24px;
		font-weight:bold;
		color:#ff5800;
	}
	#sitemain .trunking .product-category-content a.button {
				margin:0 20px 20px 0;		
			}
				#sitemain .trunking .product-category-content a.button.grey {
					padding: 12px 14px 12px;
				}


/* 
========================================================================================================================================================
	Phone System Landing 
========================================================================================================================================================
*/
#big-banner.landing {
	height: 477px;
	background:url(/business/art/bg_landing_phone.jpg) top left no-repeat;
	width: auto;
	padding: 0;
}
#big-banner.landing.business-internet {
	background:url(/business/art/bg_landing_internet.jpg) top left no-repeat;
}

#big-banner.landing.small-phone {
	background:url(/business/art/small-phone.jpg) top left no-repeat;
}
	#big-banner.landing div {
		position:relative;
		float:left;
		width:200px;
		height:437px;
		padding:20px;
	}
	#big-banner.landing.business-internet div {
		width:199px;
		border-right:solid 1px #af6834;
	}
		#big-banner.landing.business-internet div.fibre {
			width:200px;
			border-right:none;
		}
		#big-banner.landing div ul {
			list-style-image:url(/business/art/hero_bullet_white.png);
		}
			#big-banner.landing div ul li {
				margin-bottom:15px;
				font-size:13px;
				font-weight:bold;
				text-shadow:0px 1px 2px rgba(0,0,0,0.3);
			}
		#big-banner.landing div a.button {
			position:absolute;
			bottom:20px;
			left:20px;
		}

#sitebody.business-landing {
	margin-top:200px;
}
/* 
========================================================================================================================================================
	HERO BAR TRANSISIONS 
========================================================================================================================================================
*/

/* 
================
	ADSL2 
================
*/

	#page-banner.business #download.adsl {
		-webkit-animation: download-adsl 1s ease forwards; 
		-moz-animation: download-adsl 1s ease forwards;
	}
	
		@-moz-keyframes download-adsl {  
			to {  
				 width: 356px  ;
				}  
		} 
		@-webkit-keyframes download-adsl {  
			to {  
				 width: 356px  ;
				}  
		}  
	
	#page-banner.business #upload.adsl {
		-webkit-animation: upload-adsl 1s ease forwards;  	
		-moz-animation: upload-adsl 1s ease forwards;  	
	}
	
		@-moz-keyframes upload-adsl {  
			to {  
				 width: 30px  
				}  
		}
		@-webkit-keyframes upload-adsl {  
			to {  
				 width: 30px  
				}  
		}

/*
================
	Bonded DSL 
================
*/

	#page-banner.business #download.bonded {
		-webkit-animation: download-bonded 1s ease forwards; 
		-moz-animation: download-bonded 1s ease forwards; 
		animation: download-bonded 1s ease forwards; 
	}
	
		@-moz-keyframes download-bonded {  
			
			to {  
				 width: 712px  
				}  
		} 
		
		@-webkit-keyframes download-bonded  {  
			
			to {  
				 width: 712px  
				}  
		} 
	
	#page-banner.business #upload.bonded {
		-webkit-animation: upload-bonded 1s ease forwards; 
		-moz-animation: upload-bonded 1s ease forwards;  
		animation: upload-bonded 1s ease forwards; 
	}
	
		@-moz-keyframes upload-bonded {  
			to {  
				 width: 59px  
				}  
		} 
		@-webkit-keyframes upload-bonded {  
			to {  
				 width: 59px  
				}  
		} 

/* 
================
	SHDSL 
================
*/

	#page-banner.business #download.eoc {
		-webkit-animation: download-eoc 1s ease forwards; 
		-moz-animation: download-eoc 1s ease forwards; 
	}
	
		@-moz-keyframes download-eoc {  
			to {  
				 width: 297px  
				}  
		}
		@-webkit-keyframes download-eoc {  
			to {  
				 width: 297px  
				}  
		} 
	
	#page-banner.business #upload.eoc {
		-webkit-animation: upload-eoc 1s ease forwards; 
		-moz-animation: upload-eoc 1s ease forwards; 
	}
	
		@-moz-keyframes upload-eoc {  
			to {  
				 width: 297px  
				}  
		} 
		@-webkit-keyframes upload-eoc {  
			to {  
				 width: 297px  
				}  
		} 

/* 
================
	Fibre 
================
*/

	#page-banner.business #download.fibre {
		-webkit-animation: download-fibre 1s ease forwards; 
		-moz-animation: download-fibre 1s ease forwards; 
	}
	
		@-moz-keyframes download-fibre {  
			to {  
				 width: 885px  
				}  
		} 
		@-webkit-keyframes download-fibre {  
			to {  
				 width: 885px  
				}  
		} 
	
	#page-banner.business #upload.fibre {
		-webkit-animation: upload-fibre 1s ease forwards; 
		-moz-animation: upload-fibre 1s ease forwards; 
	}
	
		@-moz-keyframes upload-fibre {  
			to {  
				 width: 885px  
				}  
		} 
		@-webkit-keyframes upload-fibre {  
			to {  
				 width: 885px  
				}  
		} 

/* Pause Animation */

	.paused {
		-webkit-animation-play-state: paused;
	}
	
/* Shit residential didn't bother copying over */

.breakout-box {
	background-color: white;
	border: 1px solid #D9DEE3;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 1px 1px white;
}

#datapack-details li {
	padding: 8px 0 0 0;
	float: left;
}

#datapack-details ul {
	list-style: none;
	margin: 0;
	padding: 0;
}