/* CSS Document for gardiner.com © AXOS INTERNET FEB 2007 */


/* structural elements ----------------------------*/

	body {
		font-family: Arial, Helvetica, sans-serif;
		background-color: #000000;
	/*	background-image:  url(images/lines.gif);*/
		margin-top: 20px;
		margin-height: 20px;
		color: #666666;
		font-size: 11px;
		line-height: 14px;
		}

	* html #container{height:100%;}
		
	td {
		text-align: center;
		}

	#container {
		position: relative;
		margin: 0 auto;
		width: 851px;
		text-align: left;
		color: #666666;
		height:auto;
		min-height:500px;
		}


	#mainwrapper{
		width: 851px;
		float: left;
		color: #666;
		}
		
	.blockwrapper {
		background-color: #fff;
		float: left;
		padding-left: 25px;
		display:inline;
		voice-family:"\"}\"";
		voice-family:inherit;
		width: 799px;
		}
				
	.leftcol {
		width: 177px;
		float: left;
		padding: 0px;
		}

	.leftcol img {
		float: left;
		margin-bottom: 5px;
		}

	.bodypix {
		float:right;
		margin-left: 5px;
		}
		
	.bodytext img {
		float: right;
		margin-left: 5px;
		}

	.rightcol img {
		float: left;
		margin-bottom: 5px;
		}
						
	.middlecol {
		width: 370px;
		float: left;

		}


	.middlecol ul { 
		font-size: 95%;
		margin-top:0; 
		margin-bottom:0; 
		list-style-type:disc; 
		list-style-position:outside;}

	.middlecol li { 
		margin:0px 0px 8px -20px;>
		}
		
	.rightcol {
		width: 200px;
		float: left;
		padding: 0px;
		}
		
	.negativemargin {
		margin-bottom:-1px;
		}
		
	#toptwocols{
		width: 603px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width: 583px;
		float: left;
		padding: 0px 0px 0px 20px;
		}
		
	.bannerpic {
		margin-top: 10px; 
		width: 400px; 
		height: 92px;
		float: left;
		}
	#latestnews {
		float: left;
		height: 160px;
		background-color: #095BA6;
		padding: 5px;
		margin:4px 0px 20px 0px;
		font : 10px/13px Arial, Helvetica, sans-serif;
		color: #000;
		width: 150px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width:140px;
		}
	#latestnewsblank {
		float: left;
		height: 160px;
		margin:4px 0px 20px 0px;
		width: 150px;
		}
	#latestnewsspacer {
		float: left;
		height: 50px;
		margin:4px 0px 20px 0px;
		width: 150px;
		}	
/* typographical elements-------------------------------*/
		
	#bodytext{
		font : 11px/13px Arial, Helvetica, sans-serif;
		color: #666666;
		width: 370px;
		}


	#tabletext{
		width:400px;
		font : 10px Arial, Helvetica, sans-serif;
		color: #666666;
		border: 1px solid #B0BCCE;
		}
	
	#tabletext td {
		text-align:left
		}
		
	#tabletext2{
		width: 410px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width:400px;
		font : 10px Arial, Helvetica, sans-serif;
		color: #666666;
		border: 1px solid #B0BCCE;
		padding:5px;
		}
		
	h1 {
		font-size: 12px;
		font-weight: bold;
		color: #000;
		}

	.sideheading {
		font-size: 11px;
		line-height:12px;
		font-weight: bold;
		color: #000;
		}
			
	.sideheading2 {
		margin: 10px 0px 4px 0px;
		font-size: 11px;
		line-height:12px;
		font-weight: bold;
		color: #095BA6;
		}

/* main menu  ------------------------------------------*/		
 
	#menuhome {
		width: 100px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width:96px;
		height: 54px;
		float: left;
		border-left: 1px solid #B0BCCE;
		padding: 2px;
		}


	#menugrads {
		padding: 2px;
		width:76px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width:72px;
		height: 54px;
		float: left;
		border-left: 1px solid #B0BCCE;
		}



	#menulife {
		width:100px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width:96px;
		height: 54px;
		float: left;
		border-left: 1px solid #B0BCCE;
		padding: 2px;
		}

	#menureward {
		width:72px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width:68px;
		height: 54px;
		float: left;
		border-left: 1px solid #B0BCCE;
		padding: 2px;
		}
	#menuongoing {
		width:106px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width:102px;
		height: 54px;
		float: left;
		border-left: 1px solid #B0BCCE;
		padding: 2px;
		}

	#menucontact {
		width:103px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width:99px;
		height: 54px;
		float: right;
		border-left: 1px solid #B0BCCE;
		padding: 2px;
		}

	.menutext {
		padding-left: 2px;
		padding-top: 44px;
		text-decoration: none;
		color: #000;
		font-size: 11px;
		font-weight: bold;
		}

	.menutextc {
		padding-right: 25px;
		padding-top: 44px;
		text-decoration: none;
		color: #000;
		font-size: 11px;
		font-weight: bold;
		}


/* form elements,  buttons dropdowns etc --------------------------------------*/

	#enter {
		padding: 5px; 
		border: solid 1px #0A50A1; 
		width: 75px; 
		margin-top: 20px;
		background: #fff;
		}	
	
	input {
		border: 1px solid #B0BCCE;
		margin-top: 5px;
		margin-right: 0px;
		margin-bottom: 5px;
		margin-left: 0px;
		font : 12px/12px verdana, geneva, helvetica;
		}
	
	input.button{
		border-collapse:collapse;
		border: outset #0A50A1;
		background-color:#F00;
		}

	input.submit {
		background-color : #c00;
		color : #ccc;
		font : bold 14px/14px verdana, geneva, helvetica;
		border : 2px solid #ccc;
		}
		
	select {
		font : 11px/14px verdana, geneva, helvetica;
		border: 1px solid #666;
		}
		
	#bodytext select {
		font : 11px/14px verdana, geneva, helvetica;
		border: 1px solid #B0BCCE;
		color: #666;
		}		
		
	.gobtn {
		background-color: #FFF;
		color: #095BA6;
		font-size: 10px;
		width:30px;
		voice-family:"\"}\"";
		voice-family:inherit;
		width:26px;
		padding:2px;
		}
		
	#brochure {
		padding: 5px; 
		border: solid 1px #0A50A1; 
		width: 160px; 
		margin-top: 20px;
		background: #fff;
		text-decoration: none;
		font-size: 10px;

		}		
	
/* graphics -------------------------------------*/

	#logo {
		float: left;
		}
	

		
/* links and menus  ------------------------------------------*/	

	a {
		text-decoration: none;
		color: #000;
		}

	a:hover {
		text-decoration: none;
		color: #095BA6;
		}
		
	#bodytext a {
		text-decoration:underline;
		color: #095BA6;
		}
		
	#bodytext a:hover {
	/*	border-bottom: 1px solid #B0BCCE;*/
	text-decoration:none;
	color: #095BA6;
		}
		


	.contactlink  {
		width: 68px;
		font-family: Arial, Helvetica, sans-serif;
		margin: 66px 0px 0px 78px;
		font-size: 11px;
		color: #095BA6;
		}
		
	.contactlink a {
		text-decoration: none;
		color: #095BA6;
		display: block;
		}

	.contactlink a:hover {
		text-decoration: none;
		color: #69c;
		}

	.quotewrapper {
		width: 131px;
		height: 150px;
		float: left;
		margin-left: 25px;
		display: inline;
		}

	.quotewrapperright {
		width: 127px;
		height: 200px;
		float: left;
		margin-left: 25px;
		display: inline;
		}
	
	.quotes  {
		font-size: 11px;
		float: left;
		color: #095BA6;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:bold;
		width: 100px;
		}
		
	.quotesright  {
		font-size: 11px;
		float: left;
		color: #095BA6;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:bold;
		width: 96px;
		}
		
	.quotemark  {
		float: left;
		width: 25px;
		height:19px;
		}
		
	 #brochure a:hover {
	 	text-decoration: none;
		background: #E2F0FF;
		color: #095BA6;
		font-size: 10px;
	}
			
	#brochure a {
		text-decoration: none;
		background: #FFFFFF;
		color: #095BA6;
		font-size: 10px;
		}
	/* newastyes for careers Nov 08 */
	
	#sidemenuwrapper {
		width: 127px;
		margin-top: 50px;
		}
	
	/*.sidemenu {
		width: 127px; 
		height: 42px;
		margin-bottom: 6px;
		overflow: hidden;
		}
	
	.sidemenu a img {
		position: relative;
		left: 0;
		top: 0;
		border: 0;
		}
		
	.sidemenu a:hover img {
		position: relative;
		left: -127px;
		top: 0;
		border: 0;
		}  */
		
	#sidemenu1 {
	    background: transparent url(images/careers/m-spice.jpg) 0px 0 no-repeat;
		width: 127px; 
		height: 42px;
		margin-bottom: 6px;
		}
		
	#sidemenu1 a img {
	    background: transparent url(images/careers/m-spice.jpg) 0px 0 no-repeat;
		border: 0;
		}
	#sidemenu1 a:hover img {
	    background: transparent url(images/careers/m-spice.jpg) -127px 0px no-repeat;
		border: 0;
		}
	#sidemenu2 {
	    background: transparent url(images/careers/m-passion.jpg) -0px 0 no-repeat;
		width: 127px; 
		height: 42px;
		margin-bottom: 6px;
		}
		
	#sidemenu2 a img {
	    background: transparent url(images/careers/m-passion.jpg) 0px 0 no-repeat;
		border: 0;
		}
	#sidemenu2 a:hover img {
	    background: transparent url(images/careers/m-passion.jpg) -127px 0px no-repeat;
		border: 0;
		}
	#sidemenu3{
	    background: transparent url(images/careers/m-blossom.jpg) 0px 0 no-repeat;
		width: 127px; 
		height: 42px;
		margin-bottom: 6px;
		}
		
	#sidemenu3 a img {
	    background: transparent url(images/careers/m-blossom.jpg) 0px 0 no-repeat;
		border: 0;
		}
	#sidemenu3 a:hover img {
	    background: transparent url(images/careers/m-blossom.jpg) -127px 0px no-repeat;
		border: 0;
		}
	#sidemenu4{
	    background: transparent url(images/careers/m-zest.jpg) 0px 0 no-repeat;
		width: 127px; 
		height: 42px;
		margin-bottom: 6px;

		}
		
	#sidemenu4 a img {
	    background: transparent url(images/careers/m-zest.jpg) 0px 0 no-repeat;
		border: 0;
		margin-bottom: 6px;
		}
	#sidemenu4 a:hover img {
	    background: transparent url(images/careers/m-zest.jpg) -127px 0px no-repeat;
		border: 0;
		}
	#sidemenu5{
	    background: transparent url(images/careers/m-savour.jpg) 0px 0 no-repeat;
		width: 127px; 
		height: 42px;
		}
		
	#sidemenu5 a img {
	    background: transparent url(images/careers/m-savour.jpg) 0px 0 no-repeat;
		border: 0;
		margin-bottom: 6px;
		}
	#sidemenu5 a:hover img {
	    background: transparent url(images/careers/m-savour.jpg) -127px 0px no-repeat;
		border: 0;
		}
		
	#homemenu1 {
	    background: transparent url(images/careers/hm-spice.jpg) -390px 0 no-repeat;
		width: 390px;
		height: 75px;
		}
		
	#homemenu1 a img {
	    background: transparent url(images/careers/hm-spice.jpg) -390px 0 no-repeat;
		border: 0;
		}
	#homemenu1 a:hover img {
	    background: transparent url(images/careers/hm-spice.jpg) 0 0px no-repeat;
		border: 0;
		}
	#homemenu2 {
	    background: transparent url(images/careers/hm-passion.jpg) -390px 0 no-repeat;
		width: 390px;
		height: 75px;
		}
		
	#homemenu2 a img {
	    background: transparent url(images/careers/hm-passion.jpg) -390px 0 no-repeat;
		border: 0;
		}
	#homemenu2 a:hover img {
	    background: transparent url(images/careers/hm-passion.jpg) 0 0px no-repeat;
		border: 0;
		}
	#homemenu3{
	    background: transparent url(images/careers/hm-blossom.jpg) -390px 0 no-repeat;
		width: 390px;
		height: 75px;
		}
		
	#homemenu3 a img {
	    background: transparent url(images/careers/hm-blossom.jpg) -390px 0 no-repeat;
		border: 0;
		}
	#homemenu3 a:hover img {
	    background: transparent url(images/careers/hm-blossom.jpg) 0 0px no-repeat;
		border: 0;
		}
	#homemenu4{
	    background: transparent url(images/careers/hm-zest.jpg) -390px 0 no-repeat;
		width: 390px;
		height: 75px;
		}
		
	#homemenu4 a img {
	    background: transparent url(images/careers/hm-zest.jpg) -390px 0 no-repeat;
		border: 0;
		}
	#homemenu4 a:hover img {
	    background: transparent url(images/careers/hm-zest.jpg) 0 0px no-repeat;
		border: 0;
		}
	#homemenu5{
	    background: transparent url(images/careers/hm-savour.jpg) -390px 0 no-repeat;
		width: 390px;
		height: 75px;
		}
		
	#homemenu5 a img {
	    background: transparent url(images/careers/hm-savour.jpg) -390px 0 no-repeat;
		border: 0;
		}
	#homemenu5 a:hover img {
	    background: transparent url(images/careers/hm-savour.jpg) 0 0px no-repeat;
		border: 0;
		}

	#title {
		width: 350px;
		height: 81px;
		margin-bottom: 20px;
		}
	
	#bigpic {
	
	float: left;
		width: 200px;
		margin-bottom: 30px;
		}
	
	.quote {
	float: left;
	margin-left: 40px;
		width: 150px; 
		font-size: 70%;
		font-weight: bold;
		}

	#st100 {
		width: 100px; 
		height:79px;
		margin: 0 0 20px 0px;
		display:inline;
		}
		
	#applynow {
	    background: transparent url(images/careers/applynow.gif) 0px 0 no-repeat;
	    overflow: hidden;
		width: 117px;
		height: 38px;
		}
		
	#applynow  a img {
	    background: transparent url(images/careers/applynow.gif) 0 0px no-repeat;
		border: 0;
		}
	#applynow  a:hover img {
	    background: transparent url(images/careers/applynow.gif)  0px -38px  no-repeat;
		}