* {
  border: 0;
  margin: 0;
  padding: 0;
  }

body {
  background-color: #595959;
  color: #222;
  font-family: sans-serif;
  text-align: center;
  cursor: default;
  }

input.submit,
a:hover {
  cursor: pointer;
  }

a {
  text-decoration: none;
  outline: none;
  cursor: default;
  }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 18px;
  color: #222;
  font-weight: bold;
  }

#center {
  width: 946px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  background-color: #fff;
  }

#main {
  margin-top: 13px;
  }

.error {
  color: red;
  font-weight: bold;
  font-size: 12px;
  }

/* Banner */

#banner {
  position: relative;
  background-repeat: no-repeat;
  height: 132px;
  margin-left: 13px;
  width: 920px; /* 946 - 2 x 13 */
  }

.banner_uplanit {
  background-image: url("/app/banner-New-Zealand.png");
  }

.banner_australia {
  background-image: url("/app/banner-Australia.png");
  }

.banner_new_zealand {
  background-image: url("/app/banner-New-Zealand.png");
  }

#banner .tagline {
  font-size: 14px;
  left: 17px;
  position: absolute;
  top: 106px;
  color: #222;
  }

#banner .options {
  position: absolute;
  right: 17px;
  text-align: right;
  top: 12px;
  font-size: 12px;
  color: #fff;
  padding-bottom: 1px; /* tweak - allow for border-bottom on a */
  }

#banner .options a {
  color: #fff;
  border-bottom: 1px dashed #fff;
font-weight: bold;
  }

#banner .options a:hover {
  border-bottom: 1px solid #fff;
  }

#banner .call {
  position: absolute;
  right: 17px;
  text-align: right;
  top: 37px;
  font-weight: bold;
  }

#banner .call .text {
  color: #fff;
  font-size: 16px;
  }

#banner .call .number {
  color: #000;
  font-size: 24px;
  }

#banner .searchBox {
  background-image: url("/app/search2.gif");
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 192px;
  height: 34px;
  }

#banner .searchText {
  position: absolute;
  right: 45px;
  bottom: 9px;
  width: 113px;
  background-color: #fff;
  height: 15px;
  color: #222;
  font-size: 12px;
  }

#banner .searchSubmit {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 31px;
  height: 24px;
  }

/* Menu */

#menu {
  background-image: url("/app/menu_background.gif");
  background-repeat: repeat-x;
  height: 24px; /* tweak - add one pixel to avoid bump in Firefox and Safari */
  margin-left: 13px;
  width: 920px;
  }


/* Page image */

#pageImage {
  width: 920px;
  height: 220px; 259px;
  margin-left: 13px;
  margin-top: 13px;
  }


/* Side column */

#sideColumnAustralia,
#sideColumn {
  float: left;
  display: inline; /* tweak - fix ie 6 margin float bug */
  width: 289px;
  margin-left: 13px;
  background-image: url("/app/sideBackground.png");
  background-repeat: repeat-y;
  }

#sideColumnAustralia {
  background-image: url("/app/auSideBackground.png");
  }

#sideTop {
  zzclear: both;
  background-image: url("/app/sideTop.png");
  background-repeat: no-repeat;
  height: 5px; /* 68px; */
  width: 289px;
  }

#sideColumnAustralia #sideTop {
  background-image: url("/app/auSideTop.png");
  }

.sideText {
  padding-bottom: 5px;
  margin-top: 10px;
  margin-left: 16px; /* Align with uplanit.com */
  margin-right: 16px;
  }

.sideText p {
  color: #fff;
  font-size: 12px;
  padding-bottom: 5px;
  }

.sideText a.textLink {
  color: #fff;
  border-bottom: 1px dashed #fff;
  }

.sideText a.textLink:hover {
  border-bottom: 1px solid #fff;
  }

#sideColumnAustralia .sideSeparator {
  background-image: url("/app/auSideSeparator.png");
  }

.sideSeparator {
  zzclear: both;
  background-image: url("/app/sideSeparator.png");
  background-repeat: no-repeat;
  height: 1px;
  width: 289px;
  margin-top: 10px;
  overflow: hidden; /* tweak - font height problem - ie 6 */
  }

.sideHeading {
  margin-top: 10px;
  margin-left: 16px;
  margin-right: 16px;
  color: #fff100; /* yellow */
  font-size: 16px;
  font-weight: bold;
  }

.sidePlanTop {
  zzclear: both;
  background-repeat: no-repeat;
  height: 4px;
  width: 289px;
  margin-top: 10px;
  overflow: hidden; /* tweak - font height problem - ie 6 */
  background-image: url("/app/sideBoxTop.png");
  }

.sidePlan {
  zzclear: both;
  zzzfloat: left;
  width: 248px; /* 289 - 1 - 8 - 1 - 10 - 10 - 1 - 9 - 1 */
  background-repeat: repeat-y;
  padding-left: 20px; /* 1 + 8 + 1 + 10 */
  padding-right: 21px; /* 10 + 1 + 9 + 1 */
  padding-top: 5px;
  background-image: url("/app/sideBoxBackground.png");
  }

.sidePlan .number {
  text-align: left;
  float: left;
  width: 30px;
  color: #fff100; /* yellow */
  font-size: 38px;
  font-weight: bold;
  display: inline; /* tweak - fix ie 6 margin float bug */
  }

.sidePlan p {
  color: #fff;
  margin-left: 30px;
  font-size: 12px;
  padding-bottom: 5px;
  }


.sidePlanBottom {
  zzclear: both;
  background-repeat: no-repeat;
  height: 5px;
  width: 289px;
  overflow: hidden; /* tweak - font height problem - ie 6 */
  background-image: url("/app/sideBoxBottom.png");
  }

#map {
  position: relative;
  background-image: url("/app/base.png");
  background-repeat: no-repeat;
  height: 376px;
  width: 289px;
  }

/* #aumap {
  position: relative;
  background-image: url("/app/aubase.png");
  background-repeat: no-repeat;
  height: 376px;
  width: 289px;
  } */

.mapRegion {
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  }

.mapTitle {
  color: #fff100; /* yellow */
  font-size: 18px;
  left: 16px;
  position: absolute;
  top: 110px;
  visibility: hidden;
  width: 100px;
  }

.auMapTitle {
  color: #fff100; /* yellow */
  font-size: 18px;
  left: 16px;
  position: absolute;
  top: 195px;
  visibility: hidden;
  width: 175px;
  }







#mapLabel4,
#mapLabel6,
#mapLabel10,
#mapLabel11,
#mapLabel14,
#mapLabel15,
#mapLabel18 {
  color: #fff;
  font-size: 10px;
  position: absolute;
  }

#mapLabel4 { left: 120px; top: 70px; } /* Auckland */
#mapLabel6 { left: 205px; top: 35px; width: 60px; } /* Coromandel Peninsula */
#mapLabel10 { left: 245px; top: 140px; } /* Napier */
#mapLabel11 { left: 220px; top: 190px; } /* Wellington */
#mapLabel14 { left: 170px; top: 255px; } /* Christchurch */
#mapLabel15 { left: 130px; top: 315px; } /* Dunedin */
#mapLabel18 { left: 80px; top: 355px; } /* Stewart Island */



.sideLinksTop {
  padding-left: 23px;
  padding-right: 22px;
  width: 244px; /* 289 - 23 - 22 */
  background-image: url("/app/linksBox.png");
  background-repeat: no-repeat;
  padding-top: 20px;
  position: relative;
  }

#sideColumnAustralia .sideLinksTop {
  background-image: url("/app/auLinksBox.png");
  }


.sideLinksTop .spacer {
  width: 35px;
  height: 37px;
  float: right;
  zbackground-color: red;
  }

.sideLinksTop img,
.sideLinksMiddle img,
.sideLinksBottom img {
  zpadding-top: 5px;
  float: left;
  }

.sideLinksTop h1,
.sideLinksMiddle h1,
.sideLinksBottom h1 {
  margin-left: 45px;
  font-size: 14px;
  color: #4191ba; /* dark blue */
  zpadding-top: 5px;
  }

.sideLinksTop p,
.sideLinksMiddle p,
.sideLinksBottom p {
  margin-left: 45px;
  font-size: 12px;
  padding-bottom: 5px;
  }

.sideLinksSeparator {
  width: 289px;
  height: 2px;
  background-image: url("/app/sideBoxSeparator.png");
  background-repeat: no-repeat;
  overflow: hidden; /* tweak - font height problem - ie 6 */
zclear: both;
zfloat: left;
  }

#sideColumnAustralia .sideLinksSeparator {
  background-image: url("/app/auSideBoxSeparator.png");
  }

.sideLinksMiddle {
  padding-left: 23px;
  padding-right: 22px;
  width: 244px; /* 289 - 23 - 22 */

  background-image: url("/app/linksBox.png");
  background-repeat: no-repeat;
  background-position: 0 -55px;
  }

#sideColumnAustralia .sideLinksMiddle {
  background-image: url("/app/auLinksBox.png");
  }






.sideLinksBottom {
  padding-left: 23px;
  padding-right: 22px;
  width: 244px; /* 289 - 23 - 22 */

  background-image: url("/app/linksBox.png");
  background-repeat: no-repeat;
  background-position: bottom;
  padding-bottom: 20px;
  }

#sideColumnAustralia .sideLinksBottom {
  background-image: url("/app/auLinksBox.png");
  }


.sideUplanit {
  width: 289px;
  height: 23px;
  background-image: url("/app/linksUplanit.png");
  background-repeat: no-repeat;
  zzclear: both;
  overflow: hidden; /* tweak - font height problem - ie 6 */
  margin-top: 10px;
  }

#sideColumnAustralia .sideUplanit {
  height: 0px;
  }

.sideBottom {
  background-image: url("/app/sideBottom.png");
  background-repeat: no-repeat;
  height: 131px;
  width: 289px;
  overflow: hidden; /* tweak - font height problem - ie 6 */
  margin-top: 10px;
  }

#sideColumnAustralia .sideBottom {
  background-image: url("/app/auSideBottom.png");
  }


/* Main column */

#mainColumn {
  float: left;
  width: 618px;
  margin-left: 13px;
  display: inline; /* tweak - fix ie 6 margin float bug */
  }


/* Top tabs */

#topTabs {
  width: 618px;
  background-image: url("/app/tabTopBackground.png");
  background-repeat: repeat-x;
  height: 28px;
  }

#topTabs img,
#topTabs span {
  float: left;
  }

#topTabs .rightTabs {
  float: right;
  }

#topTabs a {
  color: #fff;
  }

#topTabs a:hover {
  color: rgb(255, 246, 0); /* yellow */
  }

#topTabs .grayMiddle,
#topTabs .blueMiddle,
#topTabs .blackMiddle {
  height: 21px;
  padding-top: 7px;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  padding-left: 24px;
  padding-right: 24px;
  }

#topTabs .grayMiddle {
  background-image: url("/app/tabTopGrayMiddle.png");
  background-repeat: repeat-x;
  color: #000;
  }

#topTabs .blackMiddle {
  background-image: url("/app/tabTopBlackMiddle.png");
  background-repeat: repeat-x;
  }

#topTabs .blackNumberMiddle {
  background-image: url("/app/tabTopBlackNumberMiddle.png");
  background-repeat: repeat-x;
  font-size: 11px;
  font-weight: bold;
  line-height: 11px;
  height: 12px;
  padding-top: 9px;
  padding-bottom: 7px;
  color: #fff100;
  }

#topTabs .blueMiddle {
  background-image: url("/app/tabTopBlueMiddle.png");
  background-repeat: repeat-x;
  }

#topTabs .blueNumberMiddle {
  background-image: url("/app/tabTopBlueNumberMiddle.png");
  background-repeat: repeat-x;
  font-size: 11px;
  font-weight: bold;
  line-height: 11px;
  height: 12px;
  padding-top: 9px;
  padding-bottom: 7px;
  color: #fff100;
  }

#topTabs.pageTop {
  height: 3px;
  overflow: hidden;
  }

#topTabs.pageTop .grayMiddle {
  width: 560px;
  height: 3px;
  }


/* Page heading */

#pageHeading {
  background-color: #eaefee;
  border-left: 1px solid #ccd1d0;
  border-right: 1px solid #b9b9b9;
  width: 596px; /* 618 - 2 x 1 - 2 x 10 */
  padding: 10px;
  float: left;
  }

#pageHeading .title {
  float: left;
  }

#pageHeading .title h1 {
  display: none;
  }

/* My Wish List */

#myWishListHeading {
  background-color: #e5f1fa; /* light blue */
  border-left: 1px solid #ccd1d0;
  border-right: 1px solid #b9b9b9;
  width: 596px; /* 618 - 2 x 1 - 2 x 10 */
  padding: 10px;
  float: left;
  }

#myWishListHeading .title {
  float: left;
  }

#myWishListHeading .title h1 {
  display: none;
  }

.myWishListItem a.textLink {
  color: #222;
  border-bottom: 1px dashed #4191ba;
  }

.myWishListItem a.textLink:hover {
  border-bottom: 1px solid #4191ba;
  }

.myWishListItem {
  background-color: #fff;
  border-left: 1px solid #ccd1d0;
  border-right: 1px solid #b9b9b9;
  padding-bottom: 5px;
  width: 596px; /* 618 - 2 x 1 - 2 x 10 */
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  float: left;
  zmargin-top: 10px;
  }

.myWishListItem h2 {
  font-size: 16px;
  font-weight: bold;
  color: #222;
  }

.myWishListItem h3 {
  margin-top: 10px;
  margin-left: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #4191ba; /* dark blue */
  }

.myWishListItem p {
  font-size: 12px;
  padding-bottom: 5px;
  margin-left: 20px;
  color: #222;
  margin-top: 5px;
  }

.myWishListItem .remove {
  margin-left: 10px;
  }

.myWishListItem .wishListIconRemove {
  zposition: relative;
  line-height: 1px; /* tweak - remove extra vertical space in Firefox & Safari */
  clear: both;
  float: left;
  zmargin-top: 10px;
  width: 30px;
  }

#myWishListDetails {
  background-color: #fff;
  border-left: 1px solid #ccd1d0;
  border-right: 1px solid #b9b9b9;
  width: 596px; /* 618 - 2 x 1 - 2 x 10 */
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
  float: left;
  font-size: 12px;
  color #222;
  }

#myWishListDetails h1 {
  font-size: 16px;
  font-weight: bold;
  color: #222;
  }

#myWishListDetails table {
  zborder-top: 10px solid #fff;
  border-bottom: 10px solid #fff;
  zborder: 1px solid black;
  }

#myWishListDetails td {
  padding-top: 5px;
  padding-right: 5px;
  vertical-align: top;
  }

#myWishListDetails .inputNewsletter,
#myWishListDetails .inputAdults,
#myWishListDetails .inputChildren,
#myWishListDetails .inputInfants,
#myWishListDetails .inputDeparture,
#myWishListDetails .inputState {
  font-size: 12px;
  padding: 2px;
  }

#myWishListDetails .inputEmailAddress,
#myWishListDetails .inputName,
#myWishListDetails .inputPhone,
#myWishListDetails .inputDuration,
#myWishListDetails .inputStreet,
#myWishListDetails .inputCity,
#myWishListDetails .inputZipCode,
#myWishListDetails .inputNotes,
#myWishListDetails .inputRetrieveEmail,
#myWishListDetails .inputPassword {
  font-size: 12px;
  border: 1px solid #eee;
  padding: 2px;
  }

#myWishListDetails .inputChildren,
#myWishListDetails .inputInfants {
  margin-left: 10px;
  }

#myWishListDetails p {
  padding-bottom: 5px;
  }

#myWishListDetails .column1 {
  text-align: right;
  padding-right: 10px;
  width: 250px;
  }

#myWishListDetails .buttonColumn1 {
  padding-right: 10px;
  width: 120px;
  }


/* Newsletter */

#newsletterDetails {
  background-color: #fff;
  border-left: 1px solid #ccd1d0;
  border-right: 1px solid #b9b9b9;
  width: 596px; /* 618 - 2 x 1 - 2 x 10 */
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
  float: left;
  font-size: 12px;
  color #222;
  }

#newsletterDetails h1 {
  font-size: 16px;
  font-weight: bold;
  color: #222;
  }

#newsletterDetails table {
  zborder-top: 10px solid #fff;
  border-bottom: 10px solid #fff;
  zborder: 1px solid black;
  }

#newsletterDetails td {
  padding-top: 5px;
  padding-right: 5px;
  vertical-align: top;
  }

#newsletterDetails .inputEmailAddress {
  font-size: 12px;
  border: 1px solid #eee;
  padding: 2px;
  }

#newsletterDetails p {
  padding-bottom: 5px;
  }

#newsletterDetails .column1 {
  text-align: right;
  padding-right: 10px;
  width: 120px;
  }

#newsletterDetails .buttonColumn1 {
  padding-right: 10px;
  width: 120px;
  }


/* Dot separator */

.dotSeparator {
  clear: both;
  background-image: url("/app/mainSeparator.png");
  background-repeat: repeat-x;
  height: 1px;
  width: 616px; /* 618 - 2 */
  border-left: 1px solid #ccd1d0;
  border-right: 1px solid #b9b9b9;
  overflow: hidden; /* tweak - font height problem - ie 6 */
  }


/* Region about */

#regionAbout {
  background-color: rgb(226, 240, 250); /* light blue */
  border-left: 1px solid #ccd1d0;
  border-right: 1px solid #b9b9b9;
  padding-bottom: 10px;
  width: 596px; /* 618 - 2 x 1 - 2 x 10 */
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  float: left;
  }

#regionAbout h2 {
  font-size: 18px;
  font-weight: bold;
  color: #222;
  padding-bottom: 10px;
  }

#regionAbout p {
  color: #222;
  font-size: 12px;
  padding-bottom: 5px;
  margin-right: 10px;
  }

#regionAbout .icon {
  float: left;
  margin-top: 5px;
  width: 30px;
  }


/* Gallery */

#gallery {
  background-color: rgb(226, 240, 250); /* light blue */
  border-left: 1px solid #ccd1d0;
  border-right: 1px solid #b9b9b9;
  padding-bottom: 10px;
  width: 616px; /* 618 - 2 x 1 */
  float: left;
  }

#gallery div {
  float: left;
  height: 83px;
  margin-left: 10px;
  display: inline; /* tweak - fix ie 6 margin float bug */
  margin-top: 10px;
  position: relative;
  width: 111px;
  }

#gallery div a .open {
  right: 5px;
  top: 5px;
  visibility: hidden;
  position: absolute;
  }

#gallery div a:hover .open {
  visibility: visible;
  }


/* Credits */

#credits {
  width: 596px; /* 618 - 2 x 1 - 2 x 10 */
  float: left;
  }

#credits div { /* thumbnail */
  float: left;
  height: 39px;
  display: inline; /* tweak - fix ie 6 margin float bug */
  position: relative;
  width: 52px;
  padding-bottom: 10px;
  margin-right: 10px;
  }

#credits div a .open {
  right: 5px;
  top: 5px;
  visibility: hidden;
  position: absolute;
  }

#credits div a:hover .open {
  visibility: visible;
  }

#credits {
  color: #222;
  font-size: 12px;
  }


/* Must do */

#mustDo {
  float: left;
  background-color: #eaefee;
  border-left: 1px solid #ccd1d0;
  border-right: 1px solid #b9b9b9;
  width: 596px; /* 618 - 2 x 1 - 2 x 10 */
  padding: 10px;
  }

#mustDo h2 {
  font-size: 18px;
  color: #4191ba; /* dark blue */
  }


/* Accommodation type */

.accommodationType {
  float: left;
  background-color: rgb(226, 240, 250); /* light blue */
  border-left: 1px solid #ccd1d0;
  border-right: 1px solid #b9b9b9;
  padding-bottom: 5px;
  width: 596px; /* 618 - 2 x 1 - 2 x 10 */
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  }

.accommodationType h2 {
  color: #808080;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px;
  }

.accommodationType p {
  color: #808080;
  font-size: 12px;
  padding-bottom: 5px;
  }


/* Region item */

.regionItem {
  background-color: #fff;
  border-left: 1px solid #ccd1d0;
  border-right: 1px solid #b9b9b9;
  padding-bottom: 5px;
  width: 596px; /* 618 - 2 x 1 - 2 x 10 */
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  float: left;
  }

.regionItem h2 {
  font-size: 18px;
  color: #222;
  }

.regionItem .bodyContainer {
  margin-top: 10px;
  }

.regionItem .bodyContainer .imageContainer {
  float: left;
  height: 151px;
  position: relative;
  width: 202px;
  }

.regionItem .bodyContainer .imageContainer a .open {
  right: 5px;
  top: 5px;
  visibility: hidden;
  position: absolute;
  }

.regionItem .bodyContainer .imageContainer a:hover .open {
  visibility: visible;
  }

.regionItem .bodyContainer .textContainer {
  float: left;
  margin-left: 10px;
  width: 384px; /* 618 - 2 x 1 - 3 x 10 - 202 */
  }

.regionItem .bodyContainer .textContainer p {
  font-size: 12px;
  padding-bottom: 5px;
  }

.regionItem a.qualmarkRating {
  font-weight: bold;
  font-size: 14px;
  color: #222;
  border-bottom: 1px dashed #4191ba;
  }

.regionItem a.qualmarkRating:hover {
  border-bottom: 1px solid #4191ba;
  }

.regionItem a.qualmarkRating img {
  padding-right: 2px;
  }

.regionItem .bodyContainer .textContainer .icon {
  line-height: 1px; /* tweak - remove extra vertical space in Firefox & Safari */
  float: left;
  margin-top: 8px;
  width: 30px;
  }

.regionItem .bodyContainer .textContainer .rightIconRemove {
  line-height: 1px; /* tweak - remove extra vertical space in Firefox & Safari */
  float: right;
  margin-top: 10px;
  width: 30px;
  }

.regionItem .bodyContainer .textContainer .rightIconAdd {
  line-height: 1px; /* tweak - remove extra vertical space in Firefox & Safari */
  float: right;
  margin-top: 5px;
  width: 120px;
  }

.regionItem .bodyContainer .textContainer .rightIconTell {
  line-height: 1px; /* tweak - remove extra vertical space in Firefox & Safari */
  float: right;
  margin-top: 5px;
  width: 88px;
  }



.regionItem ul {
  padding-bottom: 10px;
  }

.regionItem li {
  font-size: 12px;
  list-style-type: disc;
  margin-left: 16px;
  }



/* Page Option */

.pageOption {
  zbackground-color: yellow;
  border-left: 1px solid #ccd1d0;
  border-right: 1px solid #b9b9b9;
  width: 596px; /* 618 - 2 x 1 - 2 x 10 */
  padding-left: 10px;
  padding-right: 10px;
  zpadding-top: 4px;
  padding-bottom: 4px;
  float: left;
  font-size: 12px;
  }

.pageOption h2 {
  font-weight: bold;
  margin-top: 2px;
  zpadding-top: 2px;
  font-size: 14px;
  color: #222;
  zbackground-color: orange;
  padding-right: 5px;
  display: inline;
  }

.pageOption .textContainer {
  margin-top: 3px;
  float: left;
  width: 466px; /* 618 - 2 x 1 - 2 x 10  - 120 - 10 */
  zbackground-color: yellow;
  }


.pageOption .rightIconRemove {
  line-height: 1px; /* tweak - remove extra vertical space in Firefox & Safari */
  float: right;
  zmargin-top: 5px;
  width: 30px;
  }

.pageOption .rightIconAdd {
  line-height: 1px; /* tweak - remove extra vertical space in Firefox & Safari */
  float: right;
  zmargin-top: 5px;
  width: 120px;
  }

.pageOption .rightIconTell {
  line-height: 1px; /* tweak - remove extra vertical space in Firefox & Safari */
  float: right;
  zmargin-top: 5px;
  width: 88px;
  }


/* Page */

.page {
  background-color: #fff;
  border-left: 1px solid #ccd1d0;
  border-right: 1px solid #b9b9b9;
  zpadding-bottom: 5px;
  width: 596px; /* 618 - 2 x 1 - 2 x 10 */
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  float: left;
  zborder: 1px solid black;
  }

.page h1 {
  font-size: 18px;
  color: #222;
  padding-bottom: 10px;
  }

.page p {
  font-size: 12px;
  padding-bottom: 10px;
  zbackground-color: yellow;
  }

.page .imageContainer {
  position: relative;
  padding-bottom: 10px;
  zborder: 1px solid red;
  }

.page .imageContainer.flow {
  float: left;
  clear: both;
  margin-right: 10px;
  }

.page .imageContainer a .open {
  right: 5px;
  top: 5px;
  visibility: hidden;
  position: absolute;
  }

.page .imageContainer a:hover .open {
  visibility: visible;
  }

.page ul {
  padding-bottom: 10px;
  }

.page li {
  font-size: 12px;
  list-style-type: disc;
  margin-left: 16px;

  zbackground-color: yellow;
  ztext-indent: 10px;
  zpadding-left: -5px;
  }

.page a.textLink {
  color: #222;
  border-bottom: 1px dashed #4191ba;
  }

.page a.textLink:hover {
  border-bottom: 1px solid #4191ba;
  }

.page table {
  font-size: 12px;
  border-bottom: 5px solid #fff;
  border-collapse: collapse;
  }

.page td {
  padding-right: 10px;
  vertical-align: top;
  padding-bottom: 5px;
  }


/* Fade separator */

.fadeSeparator {
  background-image: url("/app/mainFade.png");
  background-repeat: repeat-x;
  border-left: 1px solid #ccd1d0;
  border-right: 1px solid #b9b9b9;
  height: 16px;
  width: 616px; /* 618 - 2 x 1 */
  float: left;
  overflow: hidden; /* tweak - font height problem - ie 6 */
  }


/* Where to now */

#whereToNow {
  background-color: #fff;
  border-left: 1px solid #ccd1d0;
  border-right: 1px solid #b9b9b9;
  width: 596px; /* 618 - 2 x 1 - 2 x 10 */
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
  float: left;
  }

#whereToNow div {
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  background-color: #eee;
  }

#whereToNow div span.heading {
  color: #222;
  font-size: 18px;
  font-weight: bold;
  }

#whereToNow div p {
  color: #222;
  font-size: 12px;
  padding-top: 10px;
  }

#whereToNow a.textLink {
  color: #222;
  border-bottom: 1px dashed #4191ba;
  }

#whereToNow a.textLink:hover {
  border-bottom: 1px solid #4191ba;
  }


/* Bottom tabs */

#bottomTabs {
  width: 618px;
  background-image: url("/app/tabBottomBackground.png");
  background-repeat: repeat-x;
  height: 28px;
  float: left;
  }

#bottomTabs img,
#bottomTabs span {
  float: left;
  }

#bottomTabs .rightTabs {
  float: right;
  }

#bottomTabs a {
  color: #fff;
  }

#bottomTabs a:hover {
  color: rgb(255, 246, 0); /* yellow */
  }

#bottomTabs .whiteMiddle,
#bottomTabs .blackMiddle {
  height: 21px;
  padding-top: 7px;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  padding-left: 24px;
  padding-right: 24px;
  }

#bottomTabs .whiteMiddle {
  background-image: url("/app/tabBottomWhiteMiddle.png");
  background-repeat: repeat-x;
  color: #000;
  }

#bottomTabs .blackMiddle {
  background-image: url("/app/tabBottomBlackMiddle.png");
  background-repeat: repeat-x;
  }

#bottomTabs.pageBottom .whiteMiddle {
  width: 560px;
  }


/* Footer */

#foot {
  clear: both;
  background-image: url("/app/footer2.png");
  background-repeat: no-repeat;
  width: 946px;
  height: 58px;
  }

#foot p {
  color: #222;
  font-size: 10px;
  padding-top: 33px;
  padding-left: 13px;
  padding-right: 125px;
  }


/* Bottom margin */

#bottomMargin {
  height: 50px;
  background-color: #595959;
  }


/* Zoom image */

#zoom {
  background-color: #000;
  position: relative;
  }

#zoom img {
  position: absolute;
  }

#zoom .loading {
  left: 5px;
  top: 5px;
  }

#zoom .image {
  left: 0;
  top: 0;
  visibility: hidden;
  zzz-index: 10;
  }

#zoom .close {
  right: 5px;
  top: 5px;
  visibility: hidden;
  zzz-index: 20;
  }

#zoom a:hover .close {
  visibility: visible;
  }

.flashError {
  color: red;
  }

.flashOk {
  color: #222;
  }

.flashError,
.flashOk {
  background-color: #eee;
  padding: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  }


/* Override yui container.css */

.mask {
  zz-moz-opacity: 0.5;
  zzopacity:.50;
  zzfilter:alpha(opacity=50);
  zzbackground-color: #222;
  cursor: not-allowed;
  }


/* Home page steps */

.homePageStep {
  float: left; /* position divs in a row */
  width: 168px; /* specify the width for a float */
  position: relative; /* to make the absolute in inner div work */
  background-repeat: no-repeat;
  padding-bottom: 48px; /* allow for bottom image and padding */
  padding-top: 10px;
  margin-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  }

.homePageStep span.number {
  font-size: 30px;
  color: #222;
  font-weight: bold;
  padding-bottom: 10px;
  }

.homePageStep div {
  width: 188px;
  position: absolute;
  left: 0;
  bottom: -1px; /* tweak for ie6 */
  height: 38px;
  background-repeat: no-repeat;
  }

#homePageStep1 {
  background-image: url("step1top3.png");
  }

#homePageStep1 div {
  background-image: url("step1bottom3.png");
  }

#homePageStep2 {
  background-image: url("step2top3.png");
  margin-left: 10px;
  }

#homePageStep2 div {
  background-image: url("step2bottom3.png");
  }

#homePageStep3 {
  background-image: url("step3top3.png");
  margin-left: 10px;
  }

#homePageStep3 div {
  background-image: url("step3bottom3.png");
  }