	/* General Styles */
body,td,p,ul,ol,li,dl,dt,dd,menu,dir,blockquote,pre,tt {
		color: #333333; 
		font-size : 11px; 
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		line-height: 180%;
		}
html, body, #contents {
	    min-height: 100%;
	    width: 780px;
	    height: 100%;
        margin-right:auto;
        margin-left:auto;}

html>body, html>body #contents {
	  height: auto; }	

	p {
		margin: 3px 0px 16px 0px;
	}
	
	ul {
		margin: 3px 0px 16px 30px;
	}
	
	li {
		margin: 6px 0px 3px 0px;
	padding: 5px 5px 5px 3px;
}
	
	A {
		text-decoration : none;
		color : #3982AD;
		}
	
	A:hover {
		text-decoration : underline;
		color : #FF0000;
		background-color:#cccccc;
}

	/* Layout Component Styles */

#header{ height:142px;
} 

#headernav {
            background-color:#fff; 
            border-top:1px solid grey;
            border-left:1px solid grey;
            border-right:1px solid grey;
}


#headernavmenu { margin-left:220px;height:80px; width:350px;}

#headernavmenu a{ 
           color:red;            
          font-weight:bold; 
          font-size:16px; 
          width:130px; 
          float:left; 
          margin-left:200px; 
          margin-top:-20px; 
          padding-right:5px; 
          padding-left:5px; 
}

#catchphrase{ 
         position:relative;    
         width:300px; 
         height:65px;
         margin-left:0px; /*controls the position and width of the catch phrase and template logo*/
         padding-top:5px;
         color:#058cb7;
         margin-top:-10px;
         font-family:Verdana, Arial, Helvetica,Georgia;
         font-size: 28px;line-height:26px;
}

#catchphrase img{ position:absolute; margin-left:-220px; margin-top:-20px;
}

#headlogin{ position:relative;
        height:80px;
        width:155px;
        float:right;  
        margin-top:-95px; 
        margin-right:10px;
        padding-top:5px;
        padding-bottom:5px;
}
#loginsubmit {
        margin-top:2px; 
        width:86px; 
        background-color:#72DF20;
}

#welcomeuser{position:relative;
        height:80px;
        width:155px;
        float:right;  
        margin-top:-105px; 
        margin-right:10px;
        padding-top:5px;
        padding-bottom:5px;}
#welcomeuser p{font-weight:bold; font-size:13px;}


/*fancy log in info on all password protected pages  replaces welcomeuser*/
#usability{ 
       float: right;
       margin-right:10px;
       margin-top:-72px;

}
#usability label {display: block;
	   float: left;
	   width: 60px;
}
#usability form {margin-top:20px;
}
#usability p{ 
      position:absolute;
      font-size:12px;
      padding:0px 0px 0px 0px;
      line-height:1.2em;
      margin-top:-27px;
      margin-bottom:15px;
}
/*Tabbed Menu */
#topBar {
position:absolute;
      margin-left:0px;
      margin-top:-35px;
      width:750px;
      padding:0;
      line-height:normal;

	  }

    #topBar ul {
	margin:0;
	padding:0px 0px 0px 0px;
	list-style:none;}

    #topBar li {
      display:inline;
      margin:0;
      padding:0;
      font-size:14px;

}

    #topBar a {
      float:left;
      background:url("http://www.ifood.co.nz/images/tabs/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0px 0 5px;
      text-decoration:none;}

    #topBar a span {
      float:left;
      display:block;
      background:url("http://www.ifood.co.nz/images/tabs/tabrightJ.gif") no-repeat right top;
      padding:5px 16.5px 4px 6px;
      color:#24618E;}

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #topBar a span {float:none;}
    /* End IE5-Mac hack */
    #topBar a:hover span {
      color:#FFF;}

    #topBar a:hover {
      background-position:0% -42px;}

    #topBar a:hover span {
      background-position:100% -42px;}	
	
	#body_main{width:90%;
	}

		
	/* Headings */	
	h1 {
		color: #666666; 
		font-size:21px;
		font-weight: bold; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		line-height:29px;
		margin: 5px 5px 5px 5px;
		padding: 0px 0px 3px 10px;
		background-image: url(images/spacer.gif);
		background-repeat: repeat-x;
		background-position: bottom;
		background-color:#72DF20;
		width:auto;
		}		
		
	h2{ 
		font-SIZE: 12px; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-weight: bold;
		color: Red; 	
		margin: 0px 50px 5px 0px;
		padding: 0px 0px 3px 0px;
	}
	
	h3{
		font-weight: bold; 
		font-SIZE: 11px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: black;
		text-decoration: none;
		margin: 0px 50px 0px 0px;
		padding: 0px 0px 0px 0px;
			
	}
	
	h4{
		font-weight: bold;	
	}
	
	h5{
		font-weight: bold;
	}
	
	h6{
		font-weight: bold;	
	}
	
	
	/* Genearl Layout Styles */
	
	.general_main_text_box{
		border-right:1px solid #cccccc;
		padding: 5px 4px 4px 7px;
		margin: 0px 6px 0px 0px;
		height: 180px;
		width: 100%;
	}
	
	.general_dotted_line{
		background-image: url(images/spacer.gif);
		background-position: center;		
	}
	
	/* Home Styles */
	
	.home_sublink_box{
		border: 1px solid #cccccc;
	}
	
	.home_sublink_heading{
		font-weight: bold;
		border-bottom: 1px solid #cccccc;
		padding: 2px;
	}
	
	.home_sublink_image{
	}

	.home_link_text {
		padding: 0px 6px 0px 6px;
	}
	
	
	/* Left Nav Start */
	#leftnav_box{
		height:100%; 
		
		background-color: #FFFFFF;
		border: 1px solid #CCCCCC;
	}	

	#leftnav_top_text{
		text-align: center;
	}

	ul#leftnav_list {
		padding: 0px 0px 0px 0px;
		margin:  25px 0px 24px 0px;
		background-color: #FFFFFF;
		border-width: 0px;
	}
	
	#leftnav_bottom_text{
		text-align: center;
	}
	
	 #leftnav_selected{
			 background-color :#CCCCCC;
	 }
	
		/* Left Nav Standard Links */
		li.leftnav_btn_std {
			width: 160px;
			margin: 0px 0px 0px 0px;
			padding: 10px 0px 10px 0px;
			list-style: none;  text-align:center;
		}

		a.leftnav_link_std {
			
			height: 16px;
			width: 160px;
			margin: 0px 0px 0px 0px;
			padding: 1px 3px 1px 0px;
			color: #666666;
			font-family: Verdana,Arial,sans-serif;
			font-weight: bold;
			 font-size:14px;
			text-decoration: none;
			background-color: transparent;
			/*background-image : url(images/leftnav_bullet.gif);
			background-repeat : no-repeat;*/
			vertical-align : middle;
                       
		}

		a.leftnav_link_std:link, 
		a.leftnav_link_std:active, 
		a.leftnav_link_std:active, 
		a.leftnav_link_std:visited, 
		a.leftnav_link_std:current  {
			color: #666666;
			background-color: #FFFFFF;
		}

		a.leftnav_link_std:hover   {
			color: #333333;
			background-color: #CCCCCC;
			text-decoration : underline;
		}

	/* Left Nav Sub Links */
	li.leftnav_btn_sub {
		margin: 0px 0px 0px 2px;
		padding: 0px 0px 0px 0px;
		width: 160px;
		list-style: none;
	}

	a.leftnav_link_sub {
		color: #666666;
		margin: 0px 0px 0px 0px;
		padding: 1px 3px 1px 1px;
		width: 140px;
		height: 16px;		
		font-family: Verdana,Arial,sans-serif;
		font-weight: normal;
		font-size: 11.5px;
		text-decoration: none;
		/*background-color: transparent;
		background-image : url(images/red_triangle.gif);
		background-repeat : no-repeat;*/
		
		vertical-align : middle;
	}

	a.leftnav_link_sub:link {
		color: #666666;
		background-color: #FFFFFF;
	}

	a.leftnav_link_sub:active {
		color: #666666;
		background-color: #FFFFFF;
	}
	
	a.leftnav_link_sub:visited {
		color: #666666;
		background-color: #FFFFFF;
	}

	a.leftnav_link_sub:current    {
		color: #666666;
		background-color: #FFFFFF;
	}

	a.leftnav_link_sub:hover   {
		color: #333333;
		background-color: #CCCCCC;
		text-decoration : underline;
	}
	
	/* Left Nav Header Links */
	li.leftnav_btn_header {
		width: 140px;
		height: 18px;
		border-top: 0px solid #ddd;
		border-bottom: 0px solid #ddd;
		border-left: 0px solid #ddd;
		border-right: 0px solid #ddd;
		vertical-align : middle;
		list-style: none;
	}

	a.leftnav_link_header {
		color: #666666;
		margin: 0px 0px 0px 0px;
		padding: 3px 2px 1px 20px;
		height: 18px;
		width: 140px;
		font-family: Verdana,Arial,sans-serif;
		font-weight: bold;
		font-size: 10px;
		vertical-align : middle;
		}

	a.leftnav_link_header:link {
		color: #666666;
		background-color: ##Left Nav Header Button Background Color##;
	}

	a.leftnav_link_header:active {
		color: #666666;
		background-color: ##Left Nav Header Button Background Color##;
	}

	a.leftnav_link_header:visited {
		color: #666666;
		background-color: ##Left Nav Header Button Background Color##;
	}

	a.leftnav_link_header:current {
		color: #666666;
		background-color: ##Left Nav Header Button Background Color##;
	}


	a.leftnav_link_header:hover {
		color: #666666;
		background-color: #CCCCCC;
	}
	/* Left Nav Ends */		
	
		
	/* Top Nav Starts */	
	#topnav_bar {
		 
	 }

	 #topnav_left_text{

	 }
	 
	 #topnav_list_cell{
		 text-align:Left;
	 	 width:100%;
	 }

	#topnav_selected {
		 background-color :#EF272D;
		}
	 
	 ul.topnav_list {
	 	margin: 0px 15px 0px 0px;
	}
	  li.topnav_list {
	 	margin: 0px 15px 0px 0px;
	}
	/* Top Nav Standard Links */
	li.topnav_btn_std{
		width:85px;
		list-style-type: none;
		display: inline;
		border-left: 1px solid #EF272D;
		margin-left:-2px;
}
		
	a.topnav_link_std {
		color : #FFFFFF;
		padding: 2px 4px 2px 4px;
		height:100%;
		width:100%;
		font-size: 11px;
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight: bold;
		}

	a.topnav_link_std:active {
		color :  #FFFFFF;
		}
	
	a.topnav_link_std:hover {
		text-decoration : none;
		color : #000000;
		background : #EF272D;
		}
	
	/* Top Nav Sub Links */
	/* Top Nav Header Links */
	
	/* Top Nav Ends */			
			
			
	/* Footer Starts */

#footer_bar-main{
                float:right;
                width:750px;
		        border-top: 1px solid #CCCCCC;
		        padding: 15px 10px 10px 0px;
		        background-color: #EEEEEE; 
                margin-left:auto; 
				margin-right:auto;
				margin-top:30px;}


#footer_bar{ position:absolute;
          float:left;
          width:650px;
		  border: 1px solid #CCCCCC;
		  padding: 5px 0px 4px 0px;
		  background-color: #EEEEEE; 
          
	
}
			
	#footer_text{width:600px;
		  font-size: 10px;
		  color:#aaaaaa;
		  text-align: center;
	}
	
	#footer_print{

	}
	/* Footer Ends */	
	
	/* Home Links */
	
	ul.home_link_list {
		   padding: 0px 0px 0px 0px;
		   margin:  0px 0px 0px 0px;
		   border-width: 0px;
	}
	
		li.home_link_list_item {
			margin: 0px 0px 0px 10px;
			padding: 0px 0px 0px 0px;
			list-style: none;
		}

		a.home_link {
			height: 16px;
			margin: 0px 0px 0px 0px;
			padding: 1px 3px 1px 22px;
			font-family: Verdana,Arial,sans-serif;
			font-weight: normal;
			font-size: 10px;
			text-decoration: none;
			background-color: transparent;
			background-image : url(images/leftnav_bullet.gif);
			background-repeat : no-repeat;
			background-position: left top;
		}

		a.home_link:link, 
		a.home_link:active, 
		a.home_link:active, 
		a.home_link:visited, 
		a.home_link:current  {
			
		}

		a.home_link:hover   {
			text-decoration : none;
		}

/* Subpage content styles */
		
.bullet_item {
			margin: 0px 0px 0px 0px;
			padding: 1px 3px 1px 22px;
			font-family: Verdana,Arial,sans-serif;
			font-weight: normal;
			text-decoration: none;
			background-color: transparent;
			background-image : url(images/leftnav_bullet.gif);
			background-repeat : no-repeat;
			background-position: left top;
		}

	a.bullet_item_title {
		/*font-weight: bold;*/ 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
	}
	
	a.bullet_item_title:link, 
	a.bullet_item_title:active, 
	a.bullet_item_title:active, 
	a.bullet_item_title:visited, 
	a.bullet_item_title:current  {
			
	}

	a.bullet_item_title:hover   {
		text-decoration : none;
	}
	
	.desc1 {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 20px 0px;
	}
	
	.desc2 {
		padding: 0px 0px 0px 0px;
		margin: 0px;
	}


/*-----------  forms and stuff -------------------------------*/


#contentlogin label { 
                 background-color:#72DF20;
                 font-weight:bold;
                 font-size:12px;
	             display: block;
	             float: left;
	             width: 170px;
                 padding-right:10px;
                 padding-left:10px;
}

p.error{         font-size:18px; 
                 display:block; 
		         text-align:center; 
		         background: #fbeddb url(http://www.ifood.co.nz/images/icon-error-lg.png/) no-repeat; 
		         border:1px solid red;}
 
.pageseolink{    padding-bottom:5px; 
                 margin-left:300px;
		         margin-top:20px; font}

.googlead{       margin-left:30px;
                 list-style: none;}


	
