/**
 **
 ** Site created by matesrates http://www.m8sr8s.com.au Copyright © 2007
 ** Creation Date: 7th November 2007
 ** Designer: Michael Tran
 ** Purpose of this page: Responsible for the layout and positioning of elements
 **
 ** Last Modified: 
 ** Modification: 
 ** Modified By:
 **
 **/ 

/** { behavior: url(../../js/iepngfix.htc) }*/

body 
{
	font-family: Arial, Verdana;
	background-color: white;
	color: #999999;
	margin: 0px auto;
	text-align: left;
	padding: 0px;
}

iframe
{
    border: 1px solid #ffffff;
}

#contentWrapper
{
	width: 785px;
	margin: 0px auto;
	min-height: 250px;
	background: transparent;
	color: #333333;
}

#headerContainer
{
	width: 785px;
	height: 270px;
	margin-left: auto;
	margin-right: auto; 
}

#headerContainer img 
{ 
	background: url(images/loading.gif) no-repeat 50% 50%; 
	margin: 0px;
	vertical-align: top;
}

#banner
{
	text-align: center;
}


#navigation
{
	margin-left:auto;
	margin-right:auto;
	width: 786px;
	height: 28px;
    position: absolute;
    top: 241px;
    overflow: hidden;
    
    font: bold 14px Arial;
    /*max-height: 28px;*/
    line-height: 28px;
    vertical-align: middle;
    background-color: #000000;
    /* Make the background of the navigation slightly transparent */
    /* for IE */
    filter:alpha(opacity=80);
    /* CSS3 standard */
    opacity:0.80;
    /* for Mozilla */
    -moz-opacity:0.80;

}

#navigation ul
{
	list-style: none; /*Don't display any image for the list*/
	padding: 0px 20px 0px 20px;
	margin: 0px;
	text-align: center;
}

#navigation li
{
	float: left;
	margin: 0;
	padding: 0;
}

#navigation a
{
	float: left;
	padding: 0px 4px 0px 4px;
	color: #999999;
	text-decoration: none;
}

#navigation span
{
	display: block;
	float: none;
	padding: 0px 10px 0px 6px;
}

#navigation a:hover
{
	background: url(images/hover-left.png) no-repeat left center;
	color: #ecebeb;
}

#navigation a:hover span
{
	background: url(images/hover-right.png) no-repeat right center;
}

#navigation .hdrNavSelected a span
{
	padding: 0px 10px 0px 6px;
	margin-right: 4px;
	background: url(images/hover-right.png) no-repeat right center;	
	color: #ffffff;
}

#navigation .hdrNavSelected a 
{
	padding: 0px 0px 0px 4px;
	margin: 0;
	background: url(images/hover-left.png) no-repeat left center;
	color: #ffffff;
}

#contentContainerNoNav
{
	width: 765px;
	margin-left: auto;
	margin-right: auto; 
	padding: 5px;
	margin: 30px 5px 20px 5px;
	font-size: 12px;
	font-family: Arial, Verdana;
}

#contentContainerWithNav
{
	float: left;
	width: 555px; 
	margin: 30px 0px 20px 5px;
	padding: 5px;
	font-size: 12px;
	font-family: Arial, Verdana;
	/* To overcome the IE6 double margin bug */
	display: inline;
}

#rightMenuContainer
{
	float: right;
	background-color: transparent;
	/*width: 176px;*/
	width: 200px;
	margin: 40px 5px 20px 0px;
	padding: 5px;
	font-size: 14px;
	color: #fff;
	/* To overcome the IE6 double margin bug */
	display: inline;
}

#menuList {
	margin: 0;
	padding: 0;
	line-height: 1.2;
}
 
#menuList li {
	display: block;
	margin: 0;
	padding: 4px;
	width: 180px;
	color: #fff;
	text-align: center;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	list-style: none;
}

#menuList li a:link { color: #333333; text-decoration: none; }
#menuList li a:visited { color: #333333; text-decoration: none; }
#menuList li a:hover { color: #666666; text-decoration: none; }

#bottomContainer
{
	padding-top:7px;
	width: 785px;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	font-family:Verdana,Arial;
	font-size: 10px;
	color: #666666; 
	position: relative;
	clear: both;
}

/* making the PNG images have transparent backgrounf support for IE6 */
/*#btmNewsImg img, #btmContactImg img, #btmEmailImg img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); }

#btmNewsImg, #btmContactImg, #btmEmailImg { display: inline-block; }
#btmNewsImg { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/NewsletterSubscriptionText.png'); }
#btmContactImg { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ContactUsText.png'); }
#btmEmailImg { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/SendEnquiryText.png'); }*/
#btmNewsImg 
{
	background: transparent url(images/NewsletterSubscriptionText.png) no-repeat scroll 0pt !important;
	display:block;
	width: 186px;
	height: 17px;
}


#btmNewsletter
{
	padding-top: 2px;
	width: 255px;
	border-color:#666666;
	border-style: dotted;
	border-width: 0px 1px 0px 0px;
	float:left;
	height: 152px;
}

#btmEnquiry
{
	padding-top: 2px;
	width: 260px;
	float:left;
	height: 160px;
	margin-left: 10px;
}

#btmContactUs
{
	padding-top: 2px;
	border-color:#666666;
	border-style: dotted;
	border-width: 0px 1px 0px 0px;

	/*background-image: url(images/mail.png);
	background-position: right top;
	background-repeat: no-repeat;*/
	margin-left: 10px;
	float: left;
	height: 152px;
	width: 230px;
}
/*Change the color of the links for the bottom panel*/
#btmContactUs a:link { text-decoration:underline; color: #333333; }
#btmContactUs a:visited { text-decoration:underline; color: #333333; }
#btmContactUs a:hover { text-decoration:underline; color: #999999; }

#footer
{
	color: #999999;
	text-align: center;
	font-size: 12px;
	width: 785px;
	margin-left:auto;
	margin-right:auto;
}

/*Change the color of the links for the footer*/
#footer a:link { text-decoration:none; color: #cc0000; }
#footer a:visited { text-decoration:none; color: #cc0000; }
#footer a:hover { text-decoration:underline; color: #660000; }

#footerLayout
{
	float:left; 
	text-align:left;
	margin-top: 4px;
	font-size: 0.9em;
}
.enquiryContainer
{
	line-height: 1.0;
}

#menuList .selected
{
	background:url(Images/rightNavBack.gif) center no-repeat;
}

#menuList .selected a
{
	cursor:default;
	color: #ffffff !important;
}
	
.tdTitle
{
	width: 80px;
	text-align: left;
}

.tdAttribute
{
	text-align: left;
}

.portfolioImageSpace
{
	width:100%;
}

.portfolioImageSpace img
{
	padding-right:22px;
}

.containerFloatWrapper
{
    min-height: 0px;
    /* Hides from IE5-mac \*/
    height: 1%;
    /* End hide from IE5-mac */
    position: relative;
    width:100%;
    line-height: 1.5;
}
 
.containerClear
{
    display:block;
    clear:both;
    visibility:hidden;
    height:0px;
}

.floatLeft
{
	float:left;
}

.floatRight
{
	float:right;
}

.productsList
{
	float:left;
	width: 50%;
}

.productsOnlineStore
{
	float:right;
}

.center
{
	margin-left:auto;
	margin-right: auto;
}

/*-------------------- Vodafone ------------------------*/

#vodsign1
{
    width:370px;
    float:left;
    text-align:right;
    font-size:9.9pt;
}

#vodsign2
{
    width:390px;
    float:right;
}

vod1
{
    float:right;
}

vod2
{
    float:left;
}

/*--------------------- Store Opening ------------------------*/

#opening_announce
{
    height:210px;
    width:240px;
    background-image:url(images/opening/opening_announce.gif);
    float:left;
}

#opening_storefront
{
    height:210px;
    width:520px;
    background-image:url(images/opening/opening_storefront.gif);
    float:right;
}

#opening_map
{
    height:270px;
    width:230px;
    background-image:url(images/opening/opening_map2.gif);
    float:left;
    margin-top:15px;
}

#opening_content
{
    height:215px;
    width:530px;
    float:right;
    margin-top:10px;
}

#opening_logos
{
    height:50px;
    width:530px;
    background-image:url(images/opening/opening_logos.gif);
    margin-top:5px;
    float:right;
}

/* Amnet Broadband */

#planImgSpacing
{
	padding: 0 0 10px 20px;
}