/* css tricks notes */

/* \*/
			/*CSS HERE - WORKS ALL BROWSERS EXCEPT MAC IE 5.
/* */ 

/*******************************/
  .formButton2 
  {
  background: #006699;
  border-top-color: #ffffff;
  border-left-color: #ffffff ;
  border-bottom-color: #ffffff;
  border-right-color: #ffffff ;
  FONT-FAMILY: verdana;
  font-weight: none;
  color:#FFFFFF;
  font-size:10px;
  } 


.formButton 
  {
  background: #660033;
  border-top-color: #ffffff;
  border-left-color: #ffffff ;
  border-bottom-color: #ffffff;
  border-right-color: #ffffff ;
  FONT-FAMILY: verdana;
  font-weight: none;
  color:#FFFFFF;
  font-size:10px;
  } 


.textBold
{
	font-weight:bold;
	text-align:right;
}

.textForm
{
	text-align:right;
}

.topButton a {color:#fff;font-weight: bold;text-decoration: none;font-size:12px;}
.topButtonOn a {color:#000;font-weight: bold;text-decoration: none;font-size:12px;}

.toptabon
{
    /*BACKGROUND-COLOR: #069;*/
    BACKGROUND-COLOR: #EAEAD4;
    TEXT-ALIGN: center
}

.toptabontext
{
    /*COLOR: #ffffff;*/
    COLOR: #336699;
    FONT: bold 8pt Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A.toptabontext:hover
{
    COLOR: #336699;
    FONT: bold 8pt Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A.toptabontext:active
{
    COLOR: #336699;
    FONT: bold 8pt Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A.toptabontext:link
{
    COLOR: #336699;
    FONT: bold 8pt Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A.toptabontext:visited
{
    COLOR: #336699;
    FONT: bold 8pt Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

.toptaboff
{
    BACKGROUND-COLOR: #D5D5AA;
    TEXT-ALIGN: center
}

.toptabofftext
{
    /*COLOR: #ffffff;*/
    COLOR: #000000;
    FONT: bold 8pt Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A.toptabofftext:hover
{
    COLOR: #000000;
    FONT: bold 8pt Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A.toptabofftext:active
{
    COLOR: #000000;
    FONT: bold 8pt Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A.toptabofftext:link
{
    COLOR: #000000;
    FONT: bold 8pt Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A.toptabofftext:visited
{
    COLOR: #000000;
    FONT: bold 8pt Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

#stepsCell
{
	width: 100%; 
	text-align: right;
	background-color:White;
}

.tableBorder
{
	width: 661px;
	border-style:solid;
	border-width:thick;
	border-color:#D6D6AD;
	background-color:#EBEBD6;
}


.tableWhite
{
	background-color:White;
}

.tableGreen
{
	background-color:#EBEBD6;
}

.topButton 
{
	float:left;padding-left:19px;padding-right:8px;
	position:relative;min-height:18px;background-color:#069;
	background-image:url(images/bullet_arrow_white.gif);
	background-repeat:no-repeat;
	/*background-position:8px 5px;*/
			
}
/* ie height */
* html .topButton {height:18px;}
		
.topButtonOn 
{
	float:left;float:left;padding-left:19px;padding-right:8px;
	position:relative;min-height:18px;background-color:#C9DFEA;
	background-image:url(images/bullet_arrow_black.gif);
	background-repeat:no-repeat;
	/*background-position:8px 5px;*/
}

/* ie height */
* html .topButtonOn {height:18px;}

.topButton a {color:#fff;font-weight: bold;text-decoration: none;font-size:12px;}
.topButtonOn a {color:#000;font-weight: bold;text-decoration: none;font-size:12px;}

/*****************************/

.whiteBack
{
background-color:white;
}

#popupDescription
{
position:absolute;
top:5px;
height:15px;
left:50px;
width:560px;
text-align:right;
color:#660033;
font-weight:bold;
}

#popupGreenBack
{
	position:absolute;
	top:25px;
	left:10px;
	width:620px;
	height:255px;
	background-image:url(images/tile_popup.gif);
	background-repeat:repeat-x;
	border:solid 1px #d5d5aa;
	background-color:#d5d5aa;
}

#popupGreenBackDouble
{
	position:absolute;
	top:25px;
	left:10px;
	width:620px;
	height:355px;
	background-image:url(images/tile_popup.gif);
	background-repeat:repeat-x;
	border:solid 1px #d5d5aa;
	background-color:#d5d5aa;
}

#popupContent
{
	position:absolute;
	top:5px;
	left:5px;
	width:650px;
	height:250px;
}

.popItemWrapper
{
float:left;
width:100px;
height:150px;
background-color:#E0E0B4;
border-bottom:solid 1px #c5c599;
}

.leftMarginFive
{
float:left;
width:5px;
height:25px;
overflow:hidden;
}

.popHeading
{
height:25px;
width:600px;
overflow:hidden;
background-color:#E0E0B4;
border-bottom:solid 1px #c5c599;
border-top:solid 1px white;
}

.popDetails
{
height:25px;
width:600px;
background-color:White;
overflow:hidden;
}

.popDetailsDouble
{
height:60px;
width:600px;
background-color:White;
overflow:hidden;
}

#buttonHolder
{
height:25px;
width:600px;
}

.productText
{
float:left;
width:550px;
}

.productCode
{
float:left;
width:120px;
}

.productDesc
{
	float:left;
width:260px;
}

.productQty
{
	float:left;
	width:70px;
}

.productDiscount
{
	float:left;
	width:70px;
	text-decoration:line-through;
}

.productPrice
{
	float:left;
	width:70px;
}

/************************** INDEX PAGE *****************************/



.splashInput
{
	font-size: xx-small;
	background-color: White;
	width: 95px;
	height: 13px;
	border: solid 1px #666666;
}

.formRow
{
	width: 195px;
}

.formText
{
	color: white;
	float: left;
	
}

.formInput
{
	float: right;
}

.pushTop
{
	height: 3px;
	width: 10px; 
	overflow: hidden;
}



.imgPushTop
{
	height: 1px;
	width: 10px; 
	overflow: hidden;
}

#homeContainer
{
	background-color: White;
	/*height: 550px;*/
}

#homeBannerArea
{
	height: 133px;
	width: 728px;
	float:left;
}

#homeLogo
{
	/*background-color:Black;*/
	width: 224px;
	height: 133px;
	float: left;
	background-image: url(images/home_logo.gif);
}

#homeBanner
{
	width: 504px;
	height: 133px;
	float: right;
	background-image: url(images/home_banner.jpg);
}

#homeBannerNav
{
	position: absolute;
	background-color: #660033;
	height: 18px;
	width: 251px;
	top: 120px;
	left:477px;
}

.separator
{
	height: 6px;
	width: 100px;
	overflow: hidden;
}

#homeColumn1
{
	/*height: 405px;*/
	width: 218px;
	float: left; /*background-color:Green;*/
}
#homeLoginOutside
{
	background-color: #006699;
	/*height: 182px;*/
	min-height:137px;
}
/* ie height *//* other browsers height (other browsers use strict height where IE automatically expands */
/* \*/
* html div #homeLoginOutside {height:137px;}
/* */ 

#homeLoginInsideTitle
{
	background-color: #006699;
	margin-left: 13px;
	position: relative;
	/*top: 8px;*/
	padding-top:8px;
}
#homeLoginInside
{
	background-color: #006699;
	margin-left: 13px;
	/*top: 8px;*/
	padding-bottom:5px;
	position: relative;
}


#homeAboutOutside
{
	background-color: #A6CADB;
	min-height:262px;
	/*height:relative;*/
}

#homeFreeTrialInside
{
	background-color: #66A3C2;
	background-image: url(images/home_free1monthtrial.gif);
	background-repeat:no-repeat;
}
/* \*/
* html div #homeAboutOutside {height:262px;}
/* */ 

#homeAboutInsideTitle
{
	/*background-color: #A6CADB;*/
	margin-left: 12px;
	position: relative;
	/*top: 11px;*/
	padding-top:8px;
	/*height:40px;*/
}
#homeAboutInside
{
	/*background-color: #A6CADB;*/
	margin-left: 13px;
	position: relative;
	padding-top:0px;
	padding-bottom:5px;
	padding-right:10px;
	
}
#homeAboutInsideHidden
{
	/*background-color: #A6CADB;*/
	margin-left: 13px;
	position: relative;
	padding-top:0px;
	padding-bottom:5px;
	padding-right:10px;
	
}

	

#homeColumn2
{
	position: relative;
	/*height: 405px;*/
	width: 247px;
	float: left;
	background-color: white;
}
#homeColumn2Inside
{
	position: relative;
	width: 224px;
	left: 10px;
}

#homeColumn3
{
	position: relative;
	/*height: 405px;*/
	width: 251px; /*background-color:Blue;*/
	float: right;
}
.homeBoxOutside1
{
	background-color: #66A3C2;
	/*height: 131px;*/
	width: 251px;
	background-image: url(images/home_free1monthtrial.gif);
	background-position:7px 6px;
	background-repeat:no-repeat;
	float: left;
}

.homeBoxOutside2
{
	background-color: #CCCC99;
	/*height: 131px;*/
	width: 251px;
	/*background-image: url(images/home_box2.gif);*/
	float: left;
}
.homeBoxOutside3
{
	background-color: #ADADD6;
	/*height: 131px;*/
	width: 251px;
	background-image: url(images/home_takeatour.gif);
	background-position:7px 6px;
	background-repeat:no-repeat;
	float: left;
}
.homeBoxInside1
{
	margin-left: 13px;
	position: relative;
	width: 142px;
}

.homeBoxInside1 .homeText {padding-top:70px;position:relative;float:left;}

.homeBoxInside2
{
	margin-left: 13px;
	width: 142px;
}
.homeBoxInside3
{
	margin-left: 13px;
	position: relative;
	width: 142px;
}

.homeBoxInside3 .homeText {padding-top:51px;position:relative;float:left;}


.homeHorizontalSpacer
{
	width: 6px;
	height: 405px;
	float: left;
}
#verticalSpacer13px
{
	width:100px;
	height:13px;
}

.promHorizontalSpacer
{
	width: 5px;
	height: 50px;
	float: left;
}

.buildHorizontalSpacer
{
	width: 6px;
	height: 50px;
	float: left;
}

.buildHorizontalSpacer2
{
	width: 10px;
	height: 6px;
	float: left;
}

.buildHorizontalSpacer3
{
	width: 5px;
	height: 50px;
	float: left;
}

.promHorizontalSpacer
{
	width: 5px;
	height: 35px;
	float: left;
}

form
{
	margin: 0px;
	padding: 0px;
}
input.checkbox
{
	margin:0px;
	padding:0px;
}

a.homeBlue
{
	font-weight: bold;
	color: #006699;
	text-decoration: none;
}
a.homeBlue:link
{
	font-weight: bold;
	color: #006699;
	text-decoration: none;
}
a.homeBlue:visited
{
	font-weight: bold;
	color: #006699;
	text-decoration: none;
}
a.homeBlue:hover
{
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a.homeBlue:active
{
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

a.homeWhite
{
	color: white;
	text-decoration: none;
}
a.homeWhite:link
{
	color: white;
	text-decoration: none;
}
a.homeWhite:visited
{
	color: white;
	text-decoration: none;
}
a.homeWhite:hover
{
	color: #000000;
	text-decoration: none;
}
a.homeWhite:active
{
	color:white;
	text-decoration: none;
}

a.homeWhiteBold
{
	font-weight: bold;
	color: white;
	text-decoration: none;
}
a.homeWhiteBold:link
{
	font-weight: bold;
	color: white;
	text-decoration: none;	
}
a.homeWhiteBold:visited
{
	font-weight: bold;
	color: white;
	text-decoration: none;
}
a.homeWhiteBold:hover
{
	font-weight: bold;
	color: black;
	text-decoration: none;
}
a.homeWhiteBold:active
{
	font-weight: bold;
	color: white;
	text-decoration: none;
}

a.homeWhiteTitle
{
	font-weight: bold;
	color: white;
	text-decoration: none;
	font-size:small;
}
a.homeWhiteTitle:link
{
	font-weight: bold;
	color: white;
	text-decoration: none;
	font-size:small;
}
a.homeWhiteTitle:visited
{
	font-weight: bold;
	color: white;
	text-decoration: none;
	font-size:small;
}
a.homeWhiteTitle:hover
{
	font-weight: bold;
	color: black;
	text-decoration: none;
	font-size:small;
}
a.homeWhiteTitle:active
{
	font-weight: bold;
	color: white;
	text-decoration: none;
	font-size:small;
}

.homeText {margin: 9px 0px 4px 0px;}

.staText
{
	margin: 10px 0px 4px 0px;
}

.linkBoxContentBullet
{
	position:static;
	float: left;
	width: 10px;
	height:16px;
}

.linkBoxContentLinkLeft
{
	float: right;
	width: 214px;	
}

.linkSeperator
{
	clear:both;
	height:1px;
	width:140px;
	overflow:hidden;	
	/* background-color:Purple; */
}
.homeVerticalSpacer10px /* acts as a spacer and clears the float */
{
	border: 0px;
	margin: 0px 0px 0px 0px;
	width: 100px;
	position: relative;
	clear: both;
	height: 10px;
	overflow: hidden; /* background-color:purple; */
}
.homeVerticalSpacer60px /* acts as a spacer and clears the float */
{
	border: 0px;
	margin: 0px 0px 0px 0px;
	width: 100px;
	position: relative;
	clear: both;
	height: 60px;
	overflow: hidden; /* background-color:purple; */
}
.homeVerticalSpacer80px /* acts as a spacer and clears the float */
{
	border: 0px;
	margin: 0px 0px 0px 0px;
	width: 100px;
	position: relative;
	clear: both;
	height: 80px;
	overflow: hidden; /* background-color:purple; */
}

/************************** INDEX PAGE ENDS ************************/

body
{
	/* shouldnt really have much in here, perhaps site default font*/
	margin-top: 0px; /* ie has a margin we need to remove explicitly */
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: x-small; /* line-height:normal;*/
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: black;
	background-color: #660033;
}

#bodyCanvas
{
	position: relative;
	margin-top: 13px; /* seems to be ok here */
	margin-bottom: 0px;
	display: block;
	text-align: center;
	left: 50%;
	width: 740px;
	margin-left: -370px; /* overflow: auto;*/
/*	border-right: solid 2px #444444;
	border-bottom: solid 2px #444444;*/
}

#bodyContent
{
	position: relative;
	display: block;
	background-color: white; /* this makes the white border area. */
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 740px;
}
#bodyInterior
{
	position: relative;
	display: block; /* background-color: green; */ /* margin-top:5px;  doesnt work.. implement spacer div ;)*/
	margin-left: 6px;
	width: 728px;
	top: 0px;
}


.verticalSpacer /* acts as a spacer and clears the float */
{
	border: 0px;
	margin: 0px 0px 0px 0px;
	width: 100px;
	position: relative;
	clear: both;
	height: 5px;
	overflow: hidden; /* background-color:purple; */
}
.verticalSpacerTourMiddle /* acts as a spacer and clears the float */
{
	border: 0px;
	margin: 0px 0px 0px 0px;
	width: 100px;
	position: relative;
	clear: both;
	height: 36px;
	overflow: hidden; /* background-color:purple; */
}
.buttonSpacer
{
	height:1px;
	width:5px;
}

.dropDownHolder /*redundant */
{
	border: 0px;
	margin: 0px 0px 0px 0px;
	width: 650px;
	position: static;
	clear: both;
	height: 5px;
	overflow: visible;
	background-color: white;
}

#newsButton
{
	cursor: pointer;
	cursor: hand;
	float: left;
	width: 104px;
	height: 26px;
}
.newsButtonOff
{
	background-image: url(images/nav_news_off.gif);
}
.newsButtonOver
{
	background-image: url(images/nav_news_on.gif);
}

#businessButton
{
	cursor: pointer;
	cursor: hand;
	float: left;
	width: 114px;
	height: 26px;
}
.businessButtonOff
{
	background-image: url(images/nav_business_off.gif);
}
.businessButtonOver
{
	background-image: url(images/nav_business_on.gif);
}

#promoButton
{
	cursor: pointer;
	cursor: hand;
	float: left;
	width: 94px;
	height: 26px;
}
.promoButtonOff
{
	background-image: url(images/nav_promo_off.gif);
}
.promoButtonOver
{
	background-image: url(images/nav_promo_on.gif);
}

#kitchenButton
{
	cursor: pointer;
	cursor: hand;
	float: left;
	width: 95px;
	height: 26px;
}
.kitchenButtonOff
{
	background-image: url(images/nav_kitchen_off.gif);
}
.kitchenButtonOver
{
	background-image: url(images/nav_kitchen_on.gif);
}

#menuButton
{
	cursor: pointer;
	cursor: hand;
	float: left;
	width: 97px;
	height: 26px;
}
.menuButtonOff
{
	background-image: url(images/nav_menu_off.gif);
}
.menuButtonOver
{
	background-image: url(images/nav_menu_on.gif);
}

#reportButton
{
	cursor: pointer;
	cursor: hand;
	float: left;
	width: 92px;
	height: 26px;
}
.reportButtonOff
{
	background-image: url(images/nav_reports_off.gif);
}
.reportButtonOver
{
	background-image: url(images/nav_reports_on.gif);
}


#aboutButton
{
	cursor: pointer;
	cursor: hand;
	float: left;
	width: 131px;
	height: 26px;
}
.aboutButtonOff
{
	background-image: url(images/nav_about_off.gif);
}
.aboutButtonOver
{
	background-image: url(images/nav_about_on.gif);
}

#menuMakerResults
{
	width:35px;
	height:14px;
	text-align:center;
}

.smallInput
{
	font-size:xx-small;
	width:35px;
	text-align:center;
	background-color:White;
}
.floatLeft
{
float:left;
}
.floatRight
{
float:right;
}

#menuMakerColumnImage
{
	width:110px;
	margin-left:1px;
	float:left;
}

#menuMakerStage1Column
{
	width:383px;
	float:left;
}

#menuMakerStage1RowWhiteOutside
{
	width:383px;
	border-bottom:solid 1px #BDBD9C;
	background-color:White;
}

#menuMakerStage1RowWhiteInside
{
	position:relative;
	left:6px;
	width:371px;
	background-color:White;
}

#menuMakerStage1RowWhiteInsideColumn1
{
	width:261px;
	float:left;
}

#menuMakerStage1RowWhiteInsideColumn2
{
	width:110px;
	float:right;
}
.factBoxLeft
{
	width:110px;
	float:left;
}

.factBoxRight
{
	float:left;
}

#menuMakerStage2ColumnText
{
	width:383px;
	float:left;
}

#menuMakerStage2RowTitle
{
	height:20px;
	text-align:right;
}

#menuMakerStage2RowText
{
	
}

.menuMakerColumnQuantity
{
	width: 55px;
	float:left;
}

.menuMakerColumnQuantity2 /*(NEW)*/
{
      width: 30px;
      float:left;
}

.menuMakerColumnOrder
{
	width:300px;
	float:left;
}
.menuMakerColumnOrder1
{
	width:66px;
	float:left;
}

.menuMakerColumnOrder2
{
	width:260px;
	float:left;
}
.menuMakerColumnOrder1Stage3
{
	width:66px;
	float:left;
}

.menuMakerColumnOrder2Stage3
{
	width:220px;
	float:left;
}
.menuMakerColumnOrderStage3
{
	width:230px;
	float:left;
}
.menuMakerColumnOrderAccepted
{
	width:60px;
	float:right;
	text-align:right;
}

#menuMakerColumnBuy
{
	width:150px;
	float:right;
}

.menuMakerColumnTick
{
	width: 20px;
	float:right;
}

.menuMakerRowButtons
{
	height:18px;
	width:383px;
}

.menuMakerRowButtonsLeft
{
	float:left;
}

.menuMakerRowButtonsRight
{
	float:right;
}

.buttonText
{
	/* background-color: red; */
	margin-top: 7px;
	font-size: 7pt;
}

.tabText
{
	/* background-color: red; */
	position: absolute;
	top: 7px;
	left: 10px;
	width: 110px;
	height: 14px;
	font-size: 8pt;
}

.arrow
{
	margin-top: 3px;
}

#topNavArea
{
	/* margin-top:5px; */
	float: left;
	position: relative;
	display: block;
	height: 84px;
	width: 728px;
}

#tab1
{
	text-align: center;
	position: absolute;
	top: 31px;
	left: 158px;
	height: 27px;
	width: 150px; /* background-color:Red; */
	overflow: hidden;
}

#tab2
{
	text-align: center;
	position: absolute;
	top: 30px;
	left: 295px;
	height: 27px;
	width: 150px; /* background-color:green; */
	overflow: hidden;
}

#navAquaBack
{
	width: 570px;
	height: 57px;
	float: right;
	background-color: #9DC4D8;
}

#infoLine
{
	position: absolute;
	top: 10px;
	left: 220px;
	width: 500px;
	height: 15px;
	text-align: right;
	/* background-color: Red; */
	overflow: hidden;
}

#switchLine
{
	position: absolute;
	top: 36px;
	left: 464px;
	width: 260px;
	height: 20px;
	/* background-color: Red; */
	overflow: hidden;
}

#switchBranch
{
	position: absolute;
	top: 0px;
	left: 80px;
	font-size: xx-small;
	background-color: White;
	height: 18px;
	border: solid 1px #666666;
}

#switchText
{
	position: absolute;
	top: 4px;
	left: 20px; /* background-color:Green;*/
}

#goButton
{
	position: absolute;
	top: 0px;
	left: 223px;
}
#browseButton
{
	position: absolute;
	top:300px;
	left400px;
}

#logoArea
{
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	height: 57px;
	width: 151px;
	overflow: hidden;
}

#navBar
{
	text-align: center;
	margin-top: 0px;
	height: 26px;
	width: 728px; 
	background-color: #006699;
}

#navSeperator
{
	clear: both;
	height: 1px;
	width: 10px;
	overflow: hidden;
}

#dropDown1
{
	position: absolute;
	height: 200px;
	width: 100px;
	top: 85px;
	left: 160px;
	z-index: 3;
	background-color: Silver;
}

#leftArea
{
	float: left;
	position: relative;
/*	background-color: #ddddff; */
	width: 200px;

}

.leftAndCentreArea
{
	/* margin-left:5px; this didnt work out too well. implemented spacer div!*/
	float: left;
	position: relative; /* background-color: red; */
	width: 510px;
	z-index: 2;
}

.leftHandMargin
{
	
	/* background-color: Purple; */
	height: 10px;
	width: 8px;
	overflow: hidden;
	float: left;
}

#leftNavArea
{
width:180px;
float:left;
}

.textContainer480
{
	width:480px;
}

#greenLeftCentreBackPanel
{
	background-color: #D6D6AD;
	width: 510px;
}

.greenLeftCentreBackPanelSmall
{
	background-color: #D6D6AD;
	width: 216px;
}

.greenLeftCentreBackPanelLarge
{
	background-color: #D6D6AD;
	width: 320px;
}

#greenLeftCentreBackPanelContent
{
	margin-left: 5px;
	width: 500px;
}

.greenLeftCentreBackPanelContentSmall
{
	margin-left: 6px;
	width: 204px;
}

.greenLeftCentreBackPanelContentLarge
{
	margin-left: 5px;
	width: 300px;
}

.greenLeftCentreBackPanelSmall2
{
	width: 204px;	
}

.greenLeftCentreBackPanelLarge2
{
	width: 310px;	
}

.promGreenLeftItem 
{
	border-top-color: White;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-color: #A6A68D;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	float: left;
	background-color: #EBEBD6;
	width: 100px;
}

.searchGreenLeftItem 
{
	border-top-color: White;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-color: #A6A68D;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	float: left;
	background-color: #EBEBD6;
	width: 500px;
	background-image: url(images/tile_search_results.gif);
	background-repeat: repeat-x;
}
.resultsGreenLeftItem 
{
	border-top-color: White;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-color: #A6A68D;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	float: left;
	background-color: #EBEBD6;
	width: 500px;
}

.menuMakerSearchColumnImage
{
	width:60px;
	float:left;
	margin-left:1px;
	margin-right:4px
}

.menuMakerSearchColumnTitle
{
	width:161px;
	float:left;
	margin-right:4px
}

.menuMakerSearchColumnDietary
{
	width:103px;
	float:left;
	margin-right:4px
}

.menuMakerSearchColumnIngredient
{
	width:99px;
	float:left;
	margin-right:4px
}

.menuMakerSearchColumnCourse
{
	width:51px;
	float:left;
	margin-right:4px
}

.menuMakerSearchRow
{
	width:500px;
	height:25px;
}

.menuMakerSearchRowMoreButton
{
	left:450px;
	top:230px;
}

.menuMakerVertSpacer24px
{
	height:24px;
	width:30px;
}

.menuMakerVertSpacer13px
{
	height:13px;
	width:30px;
}

.promWhiteLeftItem{	
	
	border-bottom-color: #D6D6AD;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	float: left;
	background-color: #FFFFFF;
	width: 100px;
	height: 94px;
}

.promGreenRightItem
{
	
	border-top-color: White;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-color: #A6A68D;
	border-bottom-width: 1px;
	border-bottom-style: solid;	
	float: right;
	background-color: #EBEBD6;
	width: 100px;	
}


.promWhiteRightItem
{	
	border-bottom-color: #D6D6AD;
	border-bottom-width: 3px;
	border-bottom-style: solid;	
	float: right;
	background-color: #FFFFFF;
	width: 100px;
	height: 94px;
}

.promWhiteCenterItem
{	
	border-bottom-color: #D6D6AD;
	border-bottom-width: 3px;
	border-bottom-style: solid;		
	background-color: #FFFFFF;
	width: 100px;
	height: 94px;
	float: none;
}

.homeGreenLeftItem 
{
	border-top-color: White;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-color: #A6A68D;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	float: left;	
	background-color: #EBEBD6;
	width: 247px;
}

.buildGreenLeftItem 
{
	border-top-color: White;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-color: #A6A68D;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	float: left;
	background-color: #EBEBD6;
	width: 308px;
}

.menuMakerGreenLeftItem 
{
	border-top-color: White;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-color: #A6A68D;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	float: left;
	background-color: #EBEBD6;
	width: 500px;
}

.homeGreenRightItem
{
	border-top-color: White;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-color: #A6A68D;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	float: right;
	background-color: #EBEBD6;
	width: 247px;
}

.greenCentreBackPanel
{
	background-color: #D6D6AD;
	width: 320px;
}

.greenCentrePanel
{
	margin-left: 5px;
	width: 310px;
	background-color:White;
}

.greenCentreContents
{
	margin-left: 5px;
	float: left;
	width: 300px;
}

.greenCentreContentsBuilding
{
	float: left;
	width: 308px;
	padding-left:0px;
}

.greenCentreRow
{
	float:left;
}

.homeWhiteLeftItem
{
	float: left;
	width: 250px;
}

.homeWhiteRightItem
{
	float: right;
	width: 257px;
}

.homeGreenItemContents
{
	float: right;
	width: 170px; /* background-color:Gray; */
}

.buildingGreenItemContents
{
	float: right;
	width: 226px; /* background-color:Gray; */
	padding-right:5px;
}

.promGreenItemContents
{
	float: right;
	width: 100px; /* background-color:Gray; */
	height: 55px;	
}

.promGreenItemImages
{
	float: right;
	width: 100px; /* background-color:Gray; */		
	text-align:center;
}

.promWhiteItemContents
{
	background-color: #FFFFFF;
	width: 100px;
}

.greenItemContents
{
	width: 461px; /* background-color:Gray; */
	margin-left:17px;
	margin-right:10px;
}

#centreArea
{
	float: left;
	position: relative;
	width: 320px;
}

#centreAndRightArea
{
	float: right;
	position: relative;
	/* background-color: green; */
	width: 528px;
	z-index: 2;
}

.centreAndRightGreenBackPanel
{
	background-color: #D6D6AD;
	width: 528px;
}
.centreAndRightGreenPanel
{
	margin-left: 5px;
	width:518px;
	background-color: #EBEBD6;	
}

.centreAndRightGreenPanelContents
{
	margin-left: 5px;
	width:508px;
	/* background-color:Gray; */
}

.internalPromoPanel
{
width:120px;
float:left;
}

.centreAndRightGreenPanelItem
{
	border-top-color: White;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-color: #A6A68D;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-left: 5px;
	width:518px;
	background-color: #EBEBD6;	
}

.centreAndRightGreenPanelItemContents
{
	float:right;
	width:430px;
	/* background-color:Gray;  */
}

.centreAndRightGreenPanelLatestContents
{
	float:right;
	width:380px;
}

.latestImg
{
float:left;
width:121px;
}

.cartControl
{
float:right;
width:140px;
margin-right:3px;
}

.headLineText
{
width:450px;
}

#rightArea
{
	float: right;
	position: relative; /* background-color: purple; */
	width: 200px;
	z-index: 2;
}

.menuMakerDropdownLeft
{
	width:224px;
	float:left;
	font-family:Verdana;
	font-size:x-small;
}
.menuMakerDropdownRight
{
	width:224px;
	float:right;
	font-family:Verdana;
	font-size:x-small;
}

.greenLeftBackPanel
{
	background-color: #D6D6AD;
	width: 200px;
}
.greenRightBackPanel
{
	background-color: #D6D6AD;
	width: 200px;
}

.greenLeftPanel
{
	margin-left: 5px;
	background-color: White;
	width: 190px;
}

.greenRightPanel
{
	margin-left: 5px;
	background-color: White;
	width: 190px;
}

.greenRightContents
{
	margin-left: 5px;
	background-color: White;
	width: 180px;
}

.blueRightContents
{
	margin-left: 10px; /* background-color: White; */
	width: 160px;
}

.greenLeftContents
{
	margin-left: 5px;
	width: 180px;
}

.blueHomeBackPanel
{
	float: right;
	background-color: #BCd7E4;
	width: 255px;
}
.blueHomePanel
{
	border-top-color: White;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-color: #66A3C2;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-left: 5px;
	background-color: #DDEBF1;
	width: 245px;
}
.blueHomeContents
{
	margin-left: 5px;
	width: 235px;
}


.panelImg
{
	margin-right: 10px; /* to offset text */
}

#homeMainImg
{
	float: left;
}

.prop100 /*sets a minimum height element. must be used with clearProp */
{
	height: 100px;
	float: right;
	width: 1px; /* background-color:red; */
}
.prop80
{
	height: 80px;
	float: right;
	width: 1px;
}
.prop141
{
	height: 138px;
	float: right;
	width: 1px;
}
.prop50
{
	height: 50px;
	float: right;
	width: 1px;
}

.clearProp
{
	clear: both;
	height: 1px;
	overflow: hidden;
}

#mainArea
{
	float: right;
	background-color: #ddffdd;
	width: 550px;
}

#centreTitleArea
{
	width: 300px;
	height: 50px;
	background-color: lightgrey;
}

#centreTitleLeft
{
	float: left;
	width: 300px;
	height: 50px;
	display: block;
	/* background-color:Red; */
}

.titleWrap
{
width:528px;
height:75px;
}

#centreTitleRight
{
	width: 150px;
	float: right;
}

#fullTitleArea
{
	float: left;
	width: 728px;
	height: 80px; /* background-color: lightgrey; */
}

#blueRightBackPanel
{
	float:right;
	width: 200px;
	background-color: #BDD6E7;
}

#blueRightBackPanelHome
{
	width: 200px;
	background-color: #66A3C2;
}

#blueRightBackPromoPanel
{
	width: 180px;
	background-color: #66A3C2;
}

#searchContents
{
	width: 190px;
	margin-left: 5px;
	background-color: #DDEBF1;
	border-top-color: White;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-color: #5A94AD;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#searchInput
{
	height: 14px;
	width: 118px;
	font-size: x-small;
	background-color: White;
	border: solid 1px #666666;
	margin-bottom: 0px;
}

#findButton
{
	height: 18px;
	font-size: x-small;
	background-color: White;
	border: solid 1px #666666;
	margin-bottom: 0px;
}

#searchBoxColumn
{
	position:relative;
	width:138px;
	float:left;
	left:7px;
}

#buttonColumn
{
	position:relative;
	width:30px;
	float:left;
	background-color:Black;
}

#promoTextColumn
{
	position:relative;
	height:18px;
	width:190px;
	float:left;
}

#promoButtonColumn
{
	position:relative;
	width:60px;
	height:18px;
	float:left;
}



#footerCanvas
{
	position: relative;
	left: 50%;
	width: 740px;
	margin-left: -370px;
	overflow: hidden;
}

#footerContent
{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 740px;
	height: 20px;
}

#footerTextBar
{
	float: left;
	color: #be869c;
	position: absolute;
	top: 5px;
	left: 0px;
	width: 740px;
	height: 14px; /* background-color: #883344; */
}

.arrowHolder
{
	width:10px;
	float:left;
}

A.footerLink
{
	color: #BE869C;
	text-decoration: none;
}
A.footerLink:visited
{
	color: #BE869C;
	text-decoration: none;
}
A.footerLink:link
{
	color: #BE869C;
	text-decoration: none;
}
A.footerLink:active
{
	color: #BE869C;
	text-decoration: none;
}
A.footerLink:hover
{
	color: white;
	text-decoration: none;
}


A.whiteLink
{
	font-weight: bold;
	color: white;
	text-decoration: none;
}
A.whiteLink:visited
{
	color: white;
	text-decoration: none;
}
A.whiteLink:link
{
	color: white;
	text-decoration: none;
}
A.whiteLink:active
{
	color: yellow;
	text-decoration: none;
}
A.whiteLink:hover
{
	color: white;
	text-decoration: none;
}

A.aquaLinkSmall
{
	color: #006699;
	text-decoration: none;
}

A.aquaLinkSmall:hover
{
	color: Black;
	text-decoration: none;
}

A.aquaLink
{
	font-weight: bold;
	color: #006699;
	text-decoration: none;
}
A.aquaLink:visited
{
	color: #006699;
	text-decoration: none;
}
A.aquaLink:link
{
	color: #006699;
	text-decoration: none;
}
A.aquaLink:active
{
	color: #006699;
	text-decoration: none;
}
A.aquaLink:hover
{
	color: Black;
	text-decoration: none;
}


A.leftNavLink
{
	color: #006699;
	text-decoration: none;
}
A.leftNavLink:visited
{
	color: #006699;
	text-decoration: none;
}
A.leftNavLink:link
{
	color: #006699;
	text-decoration: none;
}
A.leftNavLink:active
{
	color: #006699;
	text-decoration: none;
}
A.leftNavLink:hover
{
	color: Black;
	text-decoration: none;
}



A.menuLink
{
/* 	font-weight: bold; */
	color: #DDEBF1;
	text-decoration: none;
}
A.menuLink:visited
{
	color: #DDEBF1;
	text-decoration: none;
}
A.menuLink:link
{
	color: #DDEBF1;
	text-decoration: none;
}
A.menuLink:active
{
	color: #DDEBF1;
	text-decoration: none;
}
A.menuLink:hover
{
	color: Black;
	text-decoration: none;
}

img
{
	border: 0px;
	margin: 0px 0px 0px 0px; /* for IE MAC which addes a few pixels by default ffs */
}

.blueTitle
{
	text-decoration: none;
	font-weight:bold;
	color: #006699;
}

.tabTitle
{
	text-decoration: none;
	font-weight: bold;
	color: #006699;
}


.redText
{
	text-decoration: none;
	font-weight: bold;
	color: #dd4444;
}

a.tabTitle:hover
{
	color: White;
	text-decoration: none;
}

a.blueTitle:hover
{
	color: Black;
	text-decoration: none;
}

.whiteTitle
{
	font-weight: bold;
	color: white;
	text-decoration: none;
}

.blackBoldTitle
{
font-weight:bold;
color:Black;
}

.whiteText
{
	color: white;
	text-decoration: none;
}

.blackText
{
	color: black;
	text-decoration: none;
}

.blueText
{
	color:#006699;
}

a.blueText
{
text-decoration:none;
}

a.blueText:hover
{
color:Black;
text-decoration:none;
}

.orangeText
{
	color:#D3672D;
}

.bigBlackTitle
{
	font-weight: bold;
	font-size: small;
}

.textSmall
{
	font-size:small;
}

.boldText
{
font-weight:bold;
}

hr
{
	height:2px;
	border-top:solid 1px #ffffff;
	border-bottom:solid 1px #BDBD9C;
}

.copyText
{

}

.copyTextWide
{
/* letter-spacing:1px; */
}

.arrowHolder
{
width:6px;
float:left;
}
.linkCopy
{
float:left;
margin-left:8px;
width:150px;
margin-bottom:5px;
}

.leftNavRule
{
clear:both;
}

#navSelect
{
width:140px;
float:left;
}

#navSelectControl
{
width:130px;
font-size:xx-small;
background-color:White;
border: solid 1px #666666;

}

navGo
{
float:right;
}

.formField
{
font-size:x-small;
background-color:White;
width:220px;
margin-left:0px;
border:1px;
}

.formTextArea
{
font-size:x-small;
background-color:White;
width:400px;
border:1px;
height:80px;
}

.checkBoxTable
{
width:500px;
/* background-color:Green; */
}

.checkBoxCol
{
width:150px;
float:left;
}

.checkBoxColEnd
{
width:180px;
float:right;
/* background-color:Red; */
}

.checkBox
{
float:right;
}

.checkTitle
{
float:left;
}








/*
Styles specific to STAtic pages
(static pages MAY use styles above also)
*/

.floatLeft {float:left;}
.floatRight {float:right;}

.staRelativeFloatLeft {
	float: left;
	position: relative;
}


#staHomeBannerNav
{
	position: absolute;
	background-color: #006699;
	/* see below - height: 18px; */
	min-height:18px;
	width: 358px;
	top: 120px;
	left:370px;
	z-index:2;
}
/* ie height */
* html div #staBannerNav {height:18px;}

#staBannerNav
{
	position: absolute;
	background-color: #069;
	/* see below - height: 18px; */
	min-height:18px;
	width: 358px;
	top: 78px;
	left:370px;
	
}
/* ie height */
* html div #staBannerNav {height:18px;}

.topLink {float:left;position:relative;padding-left:19px;padding-right:8px;min-height:18px;background-color:#069;
			background-image:url(images/bullet_arrow_white.gif);
			background-repeat:no-repeat;
			/*background-position:8px 5px;*/
			
		}
/* ie height */
* html .topLink {height:18px;}
		
.topLinkOn {float:left;position:relative;padding-left:19px;padding-right:8px;min-height:18px;background-color:#C9DFEA;
			background-image:url(images/bullet_arrow_black.gif);
			background-repeat:no-repeat;
			/*background-position:8px 5px;*/
		}
/* ie height */
* html .topLinkOn {height:18px;}

		
.topLink a {color:#fff;font-weight: bold;text-decoration: none;font-size:12px;}
.topLinkOn a {color:#000;font-weight: bold;text-decoration: none;font-size:12px;}

/*.topLink a.staTopNav {font-weight: bold;color: white;text-decoration: none;font-size:small;}
.topLinkOn a.staTopNav {font-weight: bold;color: white;text-decoration: none;font-size:small;}

a.staTopNav:hover {color: #eee;}
*/


.ourclientsimage {padding-right:7px;padding-bottom:5px;}

/* tour pages */

#tourHome {height:440px;}

/* (see overview pages) */
.staTourLinksBlock {background-color:#C9DFEA;height:84px;}
.staTourLinks {float:left; width:130px;margin:1px;}
.staLink {height:15px;padding-top:4px;padding-left:5px;}
.staLinkColSpacer
{
	width: 40px;
	height: 84px;
	float: left;
}

staTourLinksBlockContact{background-color:#FFFFFF;}

.staButtonHorizSpacer
{
	width: 4px;
	height: 35px;
	float: left;
	background-image:url(images/button_grad_divide.gif);
	background-repeat:no-repeat;
}

#staNavBar
{
	text-align: center;
	margin-top: 0px;
	height: 35px;
	/*width: 728px; */
	background-color: #006699;
	margin-left:5px;
	margin-right:5px;

	padding:1px;
}

a.staMenuLink {
	font-size:11px;
	color: #DDEBF1;
	text-decoration: none;
}
a.staMenuLink:Hover {
	color:#8CBAD1;
}
a.staMenuLinkOn, .staButtonOn a.staMenuLink {
	font-size:10px;
	color:#069;
	text-decoration: none;
	font-weight:bold;
}

/* static version for tour home */
#staTourTitle {
	background-image:url(images/title_tour_welcome.gif);
	background-repeat:no-repeat;
	background-position: 246px 16px;
	width:630px;
	height:170px;
}
#staTourTitle .inside {padding-top:90px;padding-left:15px;}

/* animated version for tour home */
#staTourTitleAnimated { 
        background-image:url(images/tour_animation.gif); 
        background-repeat:no-repeat; 
        background-position: top right; 
        width:720px; 
        height:190px; 
} 
#staTourTitleAnimated .inside {padding-top:190px; }


.staButtonText
{
	/* background-color: red; */
	margin-top: 7px;
	font-size: x-small;
}
.staButtonText a {
	padding-left:10px;
	padding-right:10px;
}


.staButtonOff
{
	background-image: url(images/button_grad_off.gif);
	background-repeat:repeat-x;
	
	cursor: pointer;
	cursor: hand;
	float: left;
	xwidth: 131px;
	height: 36px;
}
.staButtonOn
{
	background-image: url(images/button_grad_on.gif);
	background-repeat:repeat-x;
	
	cursor: pointer;
	cursor: hand;
	float: left;
	xwidth: 131px;
	height: 36px;
}






.staGreenBackPan {
	background-color:#d5d5aa;
	padding:6px;
	float:left;
	/*position:relative;*/
}
.staGreenBackPanInner{
	background-color:#ffffff;
	padding:6px;
	width:212px;
}

html>body .staGreenBackPanInnerContent{
	min-height: 220px;
}

.staGreenBackPanInnerContent{
	height: 220px;
}

/*.navActive {background-color:#006699;}*/

#staLeftArea
{
	height: 405px;
	width: 194px;
	float: left; /*background-color:Green;*/
}

#staCentreArea
{
	float: left;
	position: relative;
	width: 334px;
}


/* join page cols */

#staTourLeftCol
{
	float: left;
	position: relative;
	width: 405px;
}

#staTourLeftColContact
{
	float: left;
	position: relative;
/*	width: 220px;*/
	width: 270px;
	height:405px;
}
#staTourRightColContact
{
	float: left;
	position: relative;
	width: 458px;
	/*background-color:red;*/
	
}
#staTourRightRegInterest
{
	float: right;
	position: relative;
	width: 500px;
	
}

#staTourRightCol
{
	float: right;
	position: relative;
	width: 312px;
	height:405px;
}


/* for C and R column combined (i.e do not use with right column)
*/
#staCentreWithRightArea
{
	float: left;
	position: relative;
	width: 528px;
}

#staCentreWithFullWidth
{
	float: left;
	position: relative;
	/*width: 648px;*/
	padding-right:10px;
}



#staCentreInside
{
	position: relative;
	width: 310px;
	margin-left: 10px;
}

#staCentreInsideWide
{
	position: relative;
/*	width: 310px;*/
	margin-left: 10px;
	margin-right: 10px;
}

#staRightArea
{
	float: right;
	position: relative; /* background-color: purple; */
	width: 194px;
	z-index: 2;
}

.staGreenRightBackPanel
{
	padding-left: 5px;
	padding-right: 5px;
	background-color: #D6D6AD;
	width: 184px;
}
.staGreenRightPanel
{
	padding-left: 5px;
	background-color: #fff;
	width: 179px;/*184px;*/
}

.staGreenRightContents
{
	/*margin-left: 5px;*/
	/*background-color: #fff;*/
	width: 174px;/*174px;*/
	
}

#staLogo
{
	/*background-color:Black;*/
	width: 194px;
	height: 91px;
	float: left;
	background-image: url(images/logo_med.gif);
}


#staBannerArea
{
	height: 91px;
	width: 728px;
	float:left;
}


.offertext {font-family:arial, verdana;font-size:small;}


#formBorder {
	width:485px;
	background-color:#D6D6AD;
	padding:6px;
	
}

#formBorderContact{
	float:right;
	width:415px;
	background-color:#D6D6AD;
	padding:6px;
	margin-top:10px;
}

#formInner {
	background-color:#EBEBD6;
	padding:8px;
}

.staFormInputLabel {float:left;width:173px;text-align:right;padding-top:3px;font-weight:bold;color:#003;}
.staFormInputLabelWide {float:left;width:450px;padding-top:3px;padding-left:20px;color:#003;}
.staFormInput {float:left;width:150px;text-align:left;}
.staFormInputLogin {float:right;/*width:80px;*/text-align:left;} /* homepage login */
.staFormInput input, .staFormInput textarea  {width:170px;margin-left:10px;}
.staFormInput select {margin-left:10px;}
.staFormInputCheckbox {float:left;width:150px;text-align:left;}
.staFormInputCheckbox {margin-left:10px;}

.staFormInputCheckBoxLeft {xposition:relative;float:left;width:20px;padding-left:10px;xbackground-color:red;text-align:right;padding-top:3px;font-weight:bold;color:#003;}
.staFormInputCheckBoxRight {xposition:relative;float:right;margin-left:1px;width:430px;xbackground-color:green;color:#003;}


/*stop checkboxes creating large linespacing .checkshorter {height:12px;padding:0px;margin:0px 0px 0px 3px;}*/

textarea.widearea {width:400px;}

.formDivide {
	border: 0px;
	margin: 0px 0px 0px 0px;
	width: 100px;
	position: relative;
	clear: both;
	height: 8px;
	overflow: hidden; /* background-color:purple; */
}

.staGreenCentreContents {
	padding-left:5px;
	float: left;
	width: 300px;
}

.staLeftNavRule {
	background-color:#CDDCE8;color:#CDDCE8;height:1px;clear:both;margin-bottom:5px;
}

.staIndentedArrowHolder
{
	width:18px;
	float:left;
}

.staHorizontalSpacer5px { width: 5px;height: 6px;float: left; }
.staHorizontalSpacer10px { width: 10px;height: 6px;float: left; }

A.staAquaLink, .staText a
{

	color: #006699;
	text-decoration: none;
}

A.staAquaLinkUnderline
{

	color: #006699;
	text-decoration: underline;
}

A.staAquaLink:visited
{
	color: #006699;
	text-decoration: none;
}
A.staAquaLink:link
{
	color: #006699;
	text-decoration: none;
}
A.staAquaLink:active
{
	color: #006699;
	text-decoration: none;
}
A.staAquaLink:hover, , .staText a:hover
{
	color: Black;
	/*text-decoration: none;*/
}

.centreAndRightGreenPanelItemContents2
{
      float:right;
      width:395px;
}

.copyText1
{
      width: 122px;
      float: left;
}

.copyText2
{
      width: 105px;
      float: left;
}

.copyInput
{
      float: left;
}

a.whiteTitle
{
      text-decoration:none;
      color: White;
}
 
a.whiteTitle:hover
{
      text-decoration:none;
      color: #006699;
}

a.tabTitle
{
      color: #006699;
      text-decoration: none;
}

a.tabTitle:Link
{
      color: #006699;
      text-decoration: none;
}

.emptyMoreButton
{
      width: 50px;
      height: 18px;
}

.aquaLink
{
font-weight: bold;
color: #000000;
}

#centreAndRightAreaContentWrapper
{
      float: right;
      position: relative;
      width: 528px;
}




.formNextButton {margin-left:412px;}
.formNextButtonJoin {margin-left:394px;}
.formNextButtonJoin3 {margin-left:417px;}
.formSendButton{margin-left:350px;}

.formTitle {float:left;width:173px;color:#003;font-size:small;}
.formStep {float:left;color:#003;text-align:right;width:290px;}




.heading {margin-left:9px;margin-top:4px;}


.staText ul {margin-left:16px; margin-bottom:12px;margin-top:10px; }

/*PC Firefox, Mac Firefox and Safari indent fix*/
html>body .staText ul {margin-left:0px; padding-left: 15px;}

.staText p {margin-bottom:12px;margin-top:10px;}

/*
banners (top of page image next to logo)
*/
#trialBanner
{
	width: 528px;
	height: 91px;
	float: right;
	background-image: url(images/top_trial.jpg);
}


/*
popups
*/
		/* IE ONLY CAPABLE body.popTnC {background-color:#ffffff;padding:8px;font-family:verdana,arial;font-size:11px;} */
		body.popTnC {background-color:#ffffff;padding-left:8px;padding-top:8px;padding-bottom:8px;font-family:verdana,arial;}
		
		.popTnC #title {font-size:11px;color:#603;font-weight:bold;margin-bottom:10px;font-size:small;}
		
		/* IE ONLY CAPABLE .popTnC #contentScrl {padding:8px;height:380px;overflow-y:scroll;background-color:#fff;} */
		.popTnC #contentScrl {padding:8px;background-color:#fff;font-size:x-small;}
		
		.popTnC #contentScrlWrap {background-color:#D5D5AA;padding-top:2px;padding-left:2px;}
		.popTnC #buttons {text-align:right;padding-right:15px;padding-top:9px;padding-bottom:9px;background-color:#D5D5AA;}


		body.popMag {background-color:#ffffff;padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px;font-family:verdana,arial;}
		
		.popMag #title {font-size:11px;color:#603;font-weight:bold;margin-bottom:10px;font-size:small;}
		
		/* IE ONLY CAPABLE .popTnC #contentScrl {padding:8px;height:380px;overflow-y:scroll;background-color:#fff;} */
		.popMag #contentScrl {padding:8px;background-color:#fff;font-size:x-small;}
		
		.popMag #contentScrlWrap {background-color:#D5D5AA;padding-top:2px;padding-left:2px;padding-right:2px;}
		.popMag #buttons {text-align:right;padding-right:15px;padding-top:9px;padding-bottom:9px;background-color:#D5D5AA;}
		.popMag #buttonsinside {text-align:right;padding-right:0px;padding-top:9px;padding-bottom:3px;}
		.popMag a {color:#660033;}

		/* allow copy paste from main page to pop up as much as possible */
		/*.popMag #bodyContent {width:100%;}*/

		.popMag .menuMakerRowButtons {display:none;}
		.popMag input {display:none;}

		
		
		
		
		
/* Added by MW 050705 Class variations for microsites */
#menuMakerColumnImage_ms
{
	width:55px;
	margin-left:1px;
	float:left;
}


#menuMakerStage2ColumnText_ms
{
	width:550px;
	float:left;
}


.menuMakerColumnOrder2Stage3_ms
{
	width:350px;
	float:left;
}


.menuMakerRowButtons_ms
{
	text-align: right;
	height:18px;
	width:551px;
}


#greenLeftCentreBackPanel_ms
{
	background-color: #D6D6AD;
	width: 700px;
}


#greenLeftCentreBackPanelContent_ms
{
	margin-left: 5px;
	width: 690px;
}


.resultsGreenLeftItem_ms
{
	border-top-color: White;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-color: #A6A68D;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	float: left;
	background-color: #EBEBD6;
	width: 690px;
}


#centreArea_ms
{
	float: left;
	position: relative;
	width: 500px;
}

#centreAndRightArea_ms
{
	position: relative;
	z-index: 2;
}

.centreAndRightGreenBackPanel_ms
{
	background-color: #D6D6AD;
	width: 728px;
}

.centreAndRightGreenPanelItem_ms
{
	border-top-color: White;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-color: #A6A68D;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-left: 5px;
	width:718px;
	background-color: #EBEBD6;	
}

.centreAndRightGreenPanelItemContents_ms
{
	float:right;
	width:630px;
	/* background-color:Gray;  */
}


.titleWrap_ms
{
width:528px;
}