/* Red fox styles 
180608 - DW - Volume.net.au

Last update  - 23/06/08 - BF
*/

body { 
   margin: 0px;
   padding: 0px;
   font-size:100%;
   font-family:Verdana, Arial, Helvetica, sans-serif;
}

p, ul, li { 
   color : #8f8f8f;
   font-size: 11px;
}

table {
	color : #8f8f8f;
	font-size: 11px;
	text-align: left;
}

p.disclaimer {
	font-size: 9px;
}

a  { 
	border: none;
	/* color: #FF0000; */
}

a.vodafone {
	color: #0054a6;
}

img {
	border: none;
	text-align: right;
}

#container {
  width: 955px;
  margin: 0px auto;
  position:relative;
  height: auto;
}


/*Headings/paragraphs     -----------------------------------------------*/

h1 { font-size:24px;
	 font-weight:normal;
	 color:#ed1c24;
	 margin-top:0px;

	 }


h2 { color:#8f8f8f;
	 font-size:15px;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-weight:normal;
	 }
	 
.bold {font-weight:700;}
.italic {font-style:italic;}
.small {font-size:10px;}
.inline {display:inline;}
.noTop {margin-top:0px;
		padding-top:0px;
		}
.normal {font-size:11px;}


/*colors*/
.green {color:#2dad49;}
.blue {color:#0054a6;}
.darkGrey{color:#444444;}
.red {color:#ed1c24;}
.pink {color:#d11f58;}
.financeGreen {color:#00a88b;}
.brown {color:#a73711;}
.darkBrown{color:#5e3014}
h1.yellowsifr2, .transportYellow{ color: #f2be1a }



/* top area --------------------------------------------------------------*/

#top img  {
  display:block; 
  float:left
  }

ul#topnav { 
  width: 955px; 
  height: 36px;
  display: block;
  clear: both;
  margin: 0px;
  padding: 0px;
  position: relative;
  top: 0px;
  list-style: none;
  background: #ffffff  url(../images/topnav.gif) no-repeat 0px 0px;
}

ul#topnav li {
  list-style:none;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
}

ul#topnav li a { 
  display: block; 
  height: 36px;
}

#topnav  li a { text-indent: -1000px ; 
			    overflow:hidden 
				} 

#products_services { left: 0px;   width: 177px; }
#billbreaker       { left: 177px; width: 98px;  }
#hot_offers        { left: 275px; width: 101px;}
#support_faq       { left: 376px; width: 123px; }
#contact           { left: 499px; width: 100px; }
#navend            { left: 599px; width: 90px;  }
#callnow           { left: 689px; width: 266px; }

#products_services a:hover, 
#products_services a.active { background: transparent  url(../images/topnav.gif) no-repeat  0px -36px;   }
#billbreaker a:hover,
#billbreaker a.active      { background: transparent  url(../images/topnav.gif) no-repeat -177px -36px; }
#hot_offers  a:hover,
#hot_offers  a.active      { background: transparent  url(../images/topnav.gif) no-repeat -275px -36px; }
#support_faq a:hover,
#support_faq a.active      { background: transparent  url(../images/topnav.gif) no-repeat -376px -36px; }
#contact     a:hover,
#contact     a.active      { background: transparent  url(../images/topnav.gif) no-repeat -499px -36px; }
#navend      a:hover       { background: transparent  url(../images/topnav.gif) no-repeat -599px -36px; }
#callnow     a:hover 	   { background: transparent  url(../images/topnav.gif) no-repeat -689px -36px; }

/* left area ------------------------------------------------------------*/

div#left {
	 width: 148px;
	 margin-left:15px;
	 margin-top: 15px;
	 margin-bottom:15px;
	 padding: 0px;
	 float: left;
	 display:block;
	 background:#f8f8f8 url(../images/lhs_top.gif) no-repeat top; 
}

div#left img{margin-bottom:0px; display:block;}

#navMid {display:block;
		 height: 470px;
		 margin:0px;
		 padding:0px;
		 }
 
* html div#left { margin-left : 7px} /* ie 6  */

ul#sidenav
 { 
  list-style: none;
  padding: 0px;
  margin: 5px 0px 0px 0px;
  color:#7b7b7b;
}

ul#sidenav  li   {margin: 0px; 
				  padding: 0px 0px 0px 15px; 
				  }
ul#sidenav  li a { font-size: 11px; 
				   color: #3f3f3f; 
				   text-decoration:none;
				   line-height: 25px; 
				   display:block;
				   border-top: 1px solid #DBDBDB; 
				   width:120px;
				  
					}
					
ul#sidenav  li a:hover { color: #f50010}
ul#sidenav  li a.active { color: #f50010}

ul#sidenav ul.sidenav_level2 {list-style: none; 
							  margin: -3px 0px 6px 7px ; 
							  padding:0px;  
							  
							  }
							  
ul#sidenav ul.sidenav_level2 li { padding: 0px}

ul#sidenav li ul.sidenav_level2 li a { font-size: 9px; 
									   color:#7b7b7b; 
									   line-height: 15px; 
									   border:none ; 
									   padding: 0px 
									   
									   }  
									   
ul#sidenav li ul.sidenav_level2 li a:hover {color: #EF1921 }
ul#sidenav li ul.sidenav_level2 li a.active {color: #EF1921 }

ul#sidenav ul.sidenav_level3 {list-style: none; 
							  margin: 0px 0px 3px 10px ; 
							  padding:0px;  
							  
							  }
							  
ul#sidenav ul.sidenav_level3 li { padding: 0px}

ul#sidenav li ul.sidenav_level3 li a { font-size: 9px; 
									   color:#7b7b7b; 
									   line-height: 15px; 
									   border:none; 
									   padding: 0px 
									   
									   }  
									   
ul#sidenav li ul.sidenav_level3 li a:hover {color: #EF1921 }
ul#sidenav li ul.sidenav_level3 li a.active {color: #EF1921 }


/* centre area ---------------------------------------------------------- */

#main {
	width: 600px;
	float:left;
	margin: 15px 5px 0px 12px;
}

#wideMain {
	width: 762px;
	float:left;
	margin: 15px 5px 0px 12px;
	height:auto;
}

/* wide main Areas -----------------------------------------------------------------*/
#leftImagePanel { width:338px; 
				 float:left;
				 margin:0;  
				}
#leftImagePanel p {padding-right:15px; margin-top:5px; margin-bottom:10px;}
#rightImagePanel {width:372px;
				  float:left;
			      background:url(../images/industry_RHS_background.gif) top right no-repeat; 
				  padding:25px; 
				  }
div.clear {clear: both; height:15px;}

#leftImagePanel img.button {padding:20px 0;}

#leftHandHero {padding:0 0 20px 0;}

#measuringTape { padding-left:30px; padding-right:30px; float:left;}

.littleRedfox { margin:0px 0 15px 0; padding:0px;}
.littleRedfox li{ list-style-type:none; 
				  background:url(../images/IndustryLHS/bullet.gif) left no-repeat;   
				  padding-left:20px;
				  margin-bottom:5px;}
/* Main Area -----------------------------------------------------------------*/

div.hero { background:url(../images/hero/blank.gif) no-repeat top;
  width: 600px; 
  position: relative; 
  margin-bottom: 15px;
}

.hero a  {text-decoration:none}	

a:link, a:visited  {text-decoration:none}	             
		 
.banners img { margin-right: 5px;  }		      


/*basic (no hero) pages -------------------------------------------------*/

#noHero { background:url(../images/hero/blank2.gif) no-repeat top;
		  margin:0px; 
		  padding:0px;
		  clear: none;
		  padding-top:0px; 
		  padding-left:23px;
		  }

#noHero #innertext {
					 clear: none;
					 display:inline;
					 _display:block;
					 }

#noHeroGrey { background:url(../images/hero/clientLounge.gif) no-repeat top;
		  margin:0px; 
		  padding:0px;
		  }

#noHeroGrey #innertext { 
					padding-top:30px; 
					 padding-bottom:10px;
					 padding-left:23px; 
					 padding-right:23px;
					 }
#noHero #innertext ul {list-style-type:none;
					   margin:0px;
					   padding:0 0 0 30px;
					   font-size:12px;
					   }
#noHero #innertext ul.bullet {
	list-style-type: disc;
}
					   
#noHero #innertext ol {font-size:11px;
						color:#8f8f8f;
						width:400px;
						}
					   
#noHero #innertext li{padding-bottom:5px;}
#noHero #innertext li a {color:#ed1c24;}

					   
#noHero #innertext td {padding: 5px 10px; 
					   
					   }

#noHero #innertext table.mobile { border-collapse:collapse; 
								  margin-top:10px;
								 }
#noHero #innertext ul.with { list-style-type:disc;
					   margin:0px;
					   padding:0 0 0 40px;
					   font-size:11px;
					   }
/*Text Locations +
  Page Specific CSS -----------------------------------------------------*/
/*home*/
#home  { 
  position: absolute;
  left: 25px;
  width: 350px;
  top: 75px
}

#innertext {padding-bottom: 5px;
			padding-left:23px;
			
	}

/*hot offers*/

#unlimitedcap {background:url(../images/hero/unlimitedcap.jpg) no-repeat top;
					   overflow:visible; height:720px;}

#unlimitedcap #innertext {
								  padding-left:26px;
								  padding-top: 85px;
								  width:360px;
								}
#pocketwifi {background:url(../images/hero/pocket_wifi.jpg) no-repeat top;
					   overflow:visible; height:650px;}

#pocketwifi #innertext {
								  padding-left:26px;
								  padding-top: 115px;
								  width:400px;
								}
#pocketwifi #innertext2 {
								width:560px;
								font:Verdana, Geneva, sans-serif;
								font-size: 11px;
								color:#333;
								}
#referral {background:url(../images/hero/referral.jpg) no-repeat top;
					   overflow:visible; height:450px;}

#referral #innertext {
								  padding-left:34px;
								  padding-top: 180px;
								  width:400px;
								}
								
#blackberry {background:url(../images/hero/MBB-Bundle.jpg) no-repeat top;
					   overflow:visible; height:550px;}

#blackberry #innertext {
								  padding-left:27px;
								  padding-top: 125px;
								  width:540px;
								}
#landlines {background:url(../images/hero/Landlines.jpg) no-repeat top;
					   overflow:visible; height:950px;}

#landlines #innertext1 {
								  padding-right:10px;
								  padding-top: 200px;
								  width:268px;
								  float:right;
								}
#landlines #innertext2 {
								  padding-right:25px;
								  padding-top:100px;
								  width:545px;
								  float:right;
								}
#bundles {background:url(../images/hero/SharedBundles.jpg) no-repeat top;
					   overflow:visible; height:750px;}

#bundles #innertext {
								  padding-left:25px;
								  padding-top: 130px;
								  width:550px;
								}
								
#iphone {background:url(../images/hero/infinite.gif) no-repeat top;
					   overflow:visible; height:850px;}

#iphone #innertext {
								  padding-top:80px;
								  padding-right:20px;
								  width:295px;
								  float:right;
								}
#iphone #innertext2 {
								  padding-top: 280px;
								}
								
#mb {background:url(../images/hero/mobile-broadband.jpg) no-repeat top;
					   overflow:visible; height:650px;}

#mb #innertext {
								  padding-left:30px;
								  padding-right:10px;
								  padding-top:380px;								  
								  width:550px;
								}
								
#win {background:url(../images/hero/win_20000.jpg) no-repeat top;
					   overflow:visible; height:450px;}

#win #innertext {
								  padding-left:25px;
								  padding-top: 245px;
								  width:395px;
								}
					   
#googlehtc {background:url(../images/hero/googlehtc.jpg) no-repeat top;
					   overflow:visible; height:450px;}

#googlehtc #innertext {
								  padding-left:260px;
								  padding-top: 90px;
								  width:300px;
								}
								
#smb {background:url(../images/hero/shared-mobile-broadband.gif) no-repeat top;
					   overflow:visible; height:537px;}

#smb #innertext {
								  padding-left:28px;
								  padding-top: 120px;
								  width:260px;
								  height:220px;
								}
#smb #lowertext {
								  padding-left:28px;
								  width:549px;
								}

#totalsolutions {background:url(../images/hero/totalsolutions.jpg) no-repeat top;
					   overflow:visible; height:450px;
					   height:1800px;
					   }
					   
#totalsolutions #innertext {
								  padding-left:20px;
								  padding-top: 280px;
								  width:560px;
								}
								
#showcase {
					   height:621px;
					   }
#smarthandsets {
					   height:1250px;
					   }
#latesthandsets {
					   height:1900px;
					   }
					   
#handsets #innertext {
								  padding-left:20px;
								  padding-top: 250px;
								  width:560px;
								  text-align:left;
								}
								
#teamsupport {background:url(../images/hero/teamsupport.jpg) no-repeat top;
					   overflow:visible; height:450px;}

#teamsupport #innertext {
								  padding-left:28px;
								  padding-top: 70px;
								  width:300px;
								  text-align: left;
								}
																
/* billbreaker */
#billbreakerPage {
  	  left: 23px;
  	  width: 525px;
  	  top: 155px;
}

#billbreakerPage div.narrow { width:325px; }

#billbreakerPage a.button { 
	  position: relative;
  	  left: 370px;
  	  top: 0px;
}

/* privacy */

#privacyPage {
	
}

#privacyPage #innertext {padding-top:10px;} 
	  
/*contact us*/

#contactPage { background:url(../images/hero/contactUs.gif) no-repeat top;}

#contactPage #innertext {padding-top:110px;}

#contactPage table {border-collapse:collapse; }

#contactPage table td { padding-right:20px;}

/*support and FAQ page*/
#supportPage {background:url(../images/hero/whenToContact.gif) no-repeat top;}
#supportPage #innertext { padding-top: 160px;}

#supportPage div.narrow {width:300px; 
						 padding-bottom:10px;
						 }
#supportPage table { border-collapse:collapse; }
#supportPage table td {padding-right:20px; 
					   vertical-align:top; 
					   }
#supportPage table td.indent {padding-left:20px; }

#supportPage table td.indent ul {padding-top:0px; 
								 padding-left:15px; 
								 margin:0px;
								 }
/*Products + Services Pages*/
#productsServHomePage {background:url(../images/hero/productsServicesHome.gif) no-repeat top;
					   overflow:visible; }

#productsServHomePage #innertext {
								  padding-left:23px;
								  padding-top: 110px;
								  width:380px;
								}
#productsServHomePage #innertext img {padding: 10px 5px;}

#prod_industry {background:url(../images/hero/industry.gif) no-repeat top;
				 min-height:420px; }
				 
#prod_industry #innertext { padding-top: 95px;
							width:295px;
							}
#prod_industry #innertext img.perkButton { margin-left:10px; }
#prod_industry #innertext p.industryButtons {padding-top: 15px;}

#prod_tech {background:url(../images/hero/technology.gif) no-repeat top; width: 598px; height: 270px;}
#prod_tech #innertext { padding-top:130px;
						width:300px;
					  }
#prod_services {background:url(../images/hero/service.jpg) no-repeat top; }
#prod_services #innertext { padding-top:120px;
							width:320px;
							}

#service_book {background:url(../images/hero/releaseTheFoxes.gif) no-repeat top;}
#service_book #innertext { padding-top:170px;}

#travelling_overseas {background:url(../images/hero/travelling_overseas.jpg) no-repeat top;}
#travelling_overseas #innertext { padding-top:120px; width:320px; }

/*client Lounge*/
#clientLoungePage {background:url(../images/hero/clientLounge.gif) no-repeat top; }

#clientLoungePage #innertext{ width: 330px;
							  padding-top: 130px;
							  }
#clientLoungeFormOuter {position:relative;
						background: url(../images/loungeform_top.gif) no-repeat top;
						width: 561px;
						padding-top:8px;
						margin:0px;
						margin-top:15px;
						}

#clientLoungeFormInner {background:url(../images/loungeform_bottom.gif) no-repeat bottom  #f8f8f8;
						width: 541px;
						height:250px;
						margin:0px;
						padding-left:20px;
						padding-top:10px;
						}
#clientLoungeFormInner table { width: 520px; vertical-align:middle; }
#clientLoungeFormInner table td {padding-bottom:5px; }
#clientLoungeFormInner input.text { width: 370px; 
							   border:solid 1px #f5f5f5;
							   border-right: solid 1px #d8d8d8;
							   }

#bt_join {
	width: 75px;
	_width: 75px;
	height: 32px;
	border: none;
}


/* right column ----------------------------------------------------------*/

div#right {
float:left;
width:150px;
margin: 15px 0px 0px 10px;
}

/* footer---------------------------------------------------------------- */

br.footerPush {
	height:5px;
	clear:both; 
}

div#footer {
	clear:both; 
	height: 26px ;
	width: 955px;
	background: #ffffff url(../images/footer_bg.gif) no-repeat 0px 0px; 
	margin-bottom: 35px
}

#footer ul {
 list-style:none;
 padding: 5px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 color:#d8d8d8;
}


#footer ul li { display:inline ; font-size: 8px; }
#footer ul li a { text-transform:uppercase; color:#707070; margin: 0px 3px; text-decoration:none  } 
ul#footerleft { float:left; margin-left: 25px }
ul#footerright  { text-align:right; margin-right:25px }


.hd_image {
	float: left;
}

.floated_text {
	float: left;
	position: relative;
}
	
table.billbreaker {
	background-image: url(../images/hero/billbreaker.gif);
	background-position: top left;
	background-repeat: no-repeat;	
}

table.rates td.header,table.rates td.header p a{
   background-color: #990000;
    color: #ffffff}
	 {
   background-color: #990000;
    color: #ffffff}
	
	
table.rates td {border: 1px solid #ededed}
	table.rates td.header p { color: #ffffff}

table.rates p { padding: 5px ; color: #000000}

tr.lightgrey {background-color: #F4F4F4}
.linklist li{ padding: 0px}