a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #333;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  cursor:pointer;
}

a.itineraryLink:link, a.itineraryLink:visited, a.itineraryLink:hover{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  font-weight: normal;
  color: #60ABE6;
  text-decoration:none;
  cursor:pointer;
}

a.itineraryName:link, a.itineraryName:visited, a.itineraryName:hover{
  font-size: 1.2em;
  color:#666;
  font-style: normal;
  font-weight: bold;
  text-decoration:none;
  cursor:pointer;
  white-space:nowrap;
}

a.remoteUrls:link, a.remoteUrls:visited {
  text-decoration:underline;
  cursor:pointer;
  color: #0E5A9E;
  background: url("../images/arrow.gif") no-repeat 0px 2px;
  margin-left:25px;
  padding-left: 14px;
}

a.sitemap{
  color : #0E5A9E;
  font-size:12px;
  text-decoration: underline;
  line-height:16px;
}

a.tabLink:hover {
  font-size:10px;
  color: #0E5A9E;
  font-weight: bold;
}

a.tabLink:link, a.tabLink:visited {
  color: #669900;
  font-size:10px;
  font-weight: bold;
}

a.topLinks{
  color:#fff;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color: #000;
  margin-top:0px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  background: url(../images/bg-fade2.jpg) #A2C9F1 repeat-x;
}

h1 {
  background-color: #32C1ED;
  color : #FFF;
  font-size: 24px;
  font-weight:bold;
}

h2 {
  color: #60ABE6;
  font-size: 18px;
  font-weight:bold;
}

h3 {
  color: #666;
  font-size: 1.2em;
  font-weight:bold;
  text-align:left;
}

h4 {
  color: #000;
  font-size: 11px;
  font-weight:bold;
  text-align: center;
}

iframe.jqm {position:absolute;
  top:0;
  left:0;
  z-index:-1;
  width: expression(this.parentNode.offsetWidth+'px');
  height: expression(this.parentNode.offsetHeight+'px');
}

input {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #666633;
}

select {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #666633;
  width:150px;
  height:20px;
}


.accom {
  background-color: #EAEDF3;
  color: #0E5A9E;
  margin-bottom: 10px;
  padding:5px;
  font-size: 1.0em;
}

.accomCity{
  color:#666666;
  font-size:0.8em;
  font-weight:bold;
  white-space:nowrap;
  padding-right:20px;
}

.accomName{
  color: #666;
  font-weight:bold;
  font-size :1em;
}

.baseCost {
  text-align: right;
  font-weight: bold;
  color: #FF7805;
  font-size: 1.8em;
}

#bestDeals {
  xwidth:660px;
}

.bookButton{
  margin-top: 0px;
  text-align:right;
}

#bookclose {
  width:60px;
  font-size:1.2em;
  float:right;
  height:25px;
  background-color:#60ABE6;
  padding-left:10px;
  padding-top: 5px;
  margin-right:-10px;
  margin-top:-10px;
  color:#fff;
}

.bookit{
  float:right;
  font-size:1.5em;
  color:#fff;
  background: url(../images/button-bg.gif) transparent no-repeat 0px 0px;
  height: 25px;
  width: 80px;
  text-align: center;
  border: 2px solid #ccc;
}  

.bookNow {
  display:none;
  position: fixed;
  top:180px;
  left:350px;
  background-color: #fff;
  color: #333;
  border: 3px solid #60ABE6;
  padding: 10px;
  width: 300px;
  height:200px;
}

.bookRow {
  margin : 0px;
}

#botmenu ul .current a{
  background: #00A0DF;
  color:#ccc;
  font-weight:bold;
}

#botmenu ul li a {
  padding: 0.2em 1em;
  background-color: #32C1ED;
  color: #fff;
  text-decoration: none;
  float: left;
  border-right: 3px solid #fff;
  font-size:14px;
}

#botmenu ul li a:hover {
  background-color: #00A0DF;
  color: #fff;
}

#botmenu ul li {
  display: inline;
}

#botmenu ul {
  background-color:#32C1ED;
  margin-left: 0;
  margin-top:1px;
  margin-bottom:5px;
  padding-left: 0;
  white-space: nowrap;
  color: #fff;
  float: left;
  width: 100%;
  height: 24px;
}

#botmenu {
  border-bottom: 1px #336699 solid;
  width: 980px;
}

#breadcrumb a{
  color: #666;
  font-size: 10px;
  text-decoration: underline;
}

#breadcrumb{
  color: #666;
  font-size: 10px;
  padding: 3px;
  margin-left: -10px;
}

.btnsearch {
  border: 1px solid #666;
  width : 120px;
  height: 30px;
  text-align:center;
  margin-right: 20px;
  font-size:1.8em;
  font-weight : bold;
  cursor:pointer;
  color : #fff;
  background: url(../images/button-bg.gif) transparent no-repeat 0px 0px;
}  

.btnsearch_sml {
  border: 1px solid #666;
  width : 50px;
  height: 20px;
  text-align:center;
  margin-right: 10px;
  font-size:1.0em;
  font-weight : bold;
  cursor:pointer;
  color : #fff;
  background: url(../images/button-bg.gif) transparent no-repeat 0px 0px;
}  

.caption{
  font-size: 12px;
  font-weight:bold;
  color:#60ABE6;
}

.checkrates {
  border: 1px solid #999;
  width : 150px;
  height: 30px;
  text-align:center;
  margin-left: 5px;
  font-size:1.1em;
  font-weight : normal;
  cursor:pointer;
  color : #333;
  background: url(../images/check-bg.gif) transparent no-repeat 0px 0px;
}  

.cityDialog {
  border: 2px solid #0E5A9E;
}

.cityImage {
  background-color: #ccc;
  border: 1px solid #333;
}

.citydialog img {
  border: 2px solid #0E5A9E;
  margin-right:5px;
}

#content {
  background-color: #FFF;
  margin-left:0px;
  margin-right:0px;
  width:980px;
  overflow: auto;
}

.currency{
  font-size: 8pt;
  color: #FF7805;
}

.datepick-control {background:#bbcf92 none repeat scroll 0 0;
}

.datepick-days-cell {border:1px solid #bbcf92;
}

.datepick-links {
  background:#669900 none repeat scroll 0 0;
}

.datepick-week-end-cell {background:#bbcf92 none repeat scroll 0 0;
}

#deals {
  width: 220px;
  float: left;
  background-color: #FFF;
}

.dealsCost{
  background: url(../images/price-bg-lg.gif) transparent no-repeat 20px 0px;
  padding: 3px 20px 10px 30px;
  margin-left: 40px;
  width:210px;
  height:40px;
}

.dealsFrame {
  xxfloat : left;
  xxborder: 1px solid #0E5A9E;
  padding : 5px;
  background-color:#EAEDF3;
  margin-bottom: 10px;
  xxmargin-left:10px;
  xxwidth: 750px;
  height:100%;
}

.dealsImage{
  xborder: 2px solid #FF7805;
  margin: 5px;
  width:180px;
}

#dialogCell {
  background: url(../images/overlay-top.gif) transparent no-repeat;
  padding-left:50px;
}

#dialogFrame {
  width:860px;
  height:490px;
  border: 1px solid #ccc;
  margin:auto;
}

#dialogTitle, #mapTitle {
  color: #0E5A9E;
  font-size:16px;
  font-weight: bold;
  text-align:center;
  padding-left: 300px;
}

#discover {
  color: #3C0182;
  margin : 10px;
  font-size: 1.0em;
  font-weight:bold;
}

.discoverLink{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  color: #336699;
  font-style: italic;
  font-weight: bold;
}


#footer a:hover{
  color: #fff;
}

#footer a:link, #footer a:visited{
  color: #ccc;
}

#footer{
  clear :both;
  padding-top: 0px;
  background-color:#333;
  margin-left: 0px;
  font-size: 10px;
  color: #ccc;
  text-decoration: none;
  padding-bottom:0px;
  width:980px;
}

#header {
  background: url(../images/hdr_nz.jpg) transparent no-repeat;
  height: 70px;
  padding-top:2px;
  width:980px;
}

.headingSmall {
  color: #0E5A9E;
  font-weight : bold;
  font-size: 12px;
}

.highlight {
  color:red;
  font-size : 1.0em;
  padding-left: 25px;
  background:transparent url(../images/hot-deal.png) no-repeat 0px 0px;
}

#homesearch {
  display:none;
  position:absolute;
  width:645px;
  height:300px;
  padding: 25px;
  background:transparent url(../images/search-bg.png) no-repeat 0px 0px;
}

#homesearch h1 {
  color : #32C1ED;
  background-color: transparent;
}

#homesearch .searchLabel {
  font-size :1.2em;
  font-weight:bold;
}
#homemap {
  width:190px;
  height:275px;
  float:right;
  border: 1px solid #ccc;
  padding: 5px;
  margin-top:5px;
}

#hotdeals {
  margin-top : 10px;
}

.hotelTable {
  background-color: #DDE5CE;
}

.hotelimg {
  margin: 5px;
  border : 2px solid #0E5A9E;
  float:left;
}

.hotels {
  font-size: 1.0em;
}

#infoPanel {
  border : 1px solid #0E5A9E;
  padding : 5px;
  height: 200px;
  margin:10px;
}

#infoRight {
  float : right;
  margin : auto;
  border : 1px solid #60ABE6;
  background-color: #60ABE6;
  height:auto;
  width: auto;
  text-align:center;
}

#info{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.0 em;
  color: #333;
  height:auto;
  width:auto;
  margin: 10px;
}

.itineraryCents{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  font-weight: bold;
  color: #0E5A9E;
}

.itineraryCity{
  font-size: 12pt;
  color: #0E5A9E;
}

.itineraryCost {
  background: url(../images/price-bg-bu.jpg) transparent no-repeat 10px 5px;
  font-size: 1.8em;
  font-weight: bold;
  color: #FF7805;
  padding: 0px 10px;
  text-align:center;
  width:150px;
  height:100px;
}

.itineraryFrame {
  border: 1px solid #0E5A9E;
  padding : 5px;
  background-color:#EAEDF3;
  margin-top :5px;
  margin-bottom: 10px;
}

.itineraryFrom{
  font-size: 8pt;
  color: #000;
  text-align: left;
}

.itineraryImage{
  margin: 5px;
  width:180px;
}

.itineraryLink:hover{
  font-size: 1.2em;
  font-weight: bold;
  color: #60ABE6;
}

.itineraryLink{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  color: #60ABE6;
  text-decoration:none;
  cursor:pointer;
}

.itineraryName{
  font-size: 1.0em;
  color: #666;
  font-style: normal;
  font-weight: normal;
  text-decoration:none;
  cursor:pointer;
}

.itineraryNotes{
  font-size: 10pt;
  color: #EE1E00;
}

.itineraryText{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  color: #333;
  line-height: 1.2em;
  font-style: normal;
  font-weight: normal;
}

.itineraryTitle{
  font-size: 1.2em;;
  color: #60ABE6;
  font-style:bold;
}

.jqmClose{
  cursor:pointer;
}

.jqmOverlay {
  background-color: #333;
}

.jqmWindow {
  display: none;
  position: fixed;
  top:20px;
  left:100px;
  background-color:#fff;
  padding-top:5px;
  width:870px;
  height:520px;
  border: 3px solid #60ABE6;
  z-index:999;
}

#leftPanel {
  position:relative;
  float:left;
  width:250px;
  margin-left:5px;
  padding:2px;
  xborder: 2px solid #60ABE6
}

#leftmap {
  float:left;
  width:700px;
  height:305px;
  margin:2px;
}

.locationName{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11pt;
  color: #FF7805;
  font-style: normal;
  font-weight: bold;
  padding-left:20px;
}

.locationTitle{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14pt;
  color: #0E5A9E;
  text-align:center;
}

.lookingFor {
  color: #548722;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
}

#mainimage {
  clear:both;
  float:right;
  width: 510px;
  margin : 10px 2px 10px;
  2px;
}

#main{
  margin-top: 10px;
  width: 980px;
}

#mainpanel{
  float:left;
  padding-left: 5px;
  margin-top: 0px;
  width:695px;
}

.mapTitle {
  font-size:20px;
  font-weight:bold;
  color: #666;
}

.moreinfo:hover {
  color: #60ABE6;
  font-weight:bold;
  font-size: 0.9em;
}

.moreinfo:link, .moreinfo:visited{
  background: url(../images/arrow.gif) transparent no-repeat 0px 2px;
  color: #60ABE6;
  padding-left: 15px;
  font-weight:bold;
  font-size: 0.9em;
}

#panel {
  margin-top:10px;
  width: 760px;
}

.paxInput{
  width: 290px;
  
}

.pics img {
  width: 690px;
  height: 275px;
  z-index:99;
  top: 0;
  left: 0;
  border: 3px solid #60ABE6;
}

.prompt {
  width : 100px;
  white-space:nowrap;
}

#rightPanel {
  float:right;
  top:0;
  width:266px;
  margin-right:5px;
  margin-left:2px;
  }

.search {
  background-color: #fff;
  color: #333;
}

#search {}

.search-content{
  padding: 5px;
}

.searchLabel {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #1A331C;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
}

#searchList{
  border: 1px solid #669900;
  color:#333;
  font-size:11px;
}

#searchPanel{
  width:250px;
  height:400px;
}

.searchTitle {
  font-size: 18px;
  color: #0E5A9E;
  margin: 5px;
  padding-left: 10px;
}

#searchinfoacc a{
  height:131px;
  width:263px;
  display:block;
  cursor:pointer;
  margin-bottom:19px;
  background: url(../images/homepage-buttons-sprite.png) repeat scroll 0 0;
}

#searchinfomod a{
  height:131px;
  width:263px;
  display:block;
  cursor:pointer;
  background: url(../images/homepage-buttons-sprite.png) repeat scroll -263px 0;
}

#searchinfomod span, #searchinfoacc span {
  display: none;
}

#searchinfoacc a:hover{
  background-position : 0 -131px;
}

#searchinfomod a:hover{
  background-position : -263px -131px;
}

.searchinfotitle{
  font-size: 1.3em;
  line-height:1.8em;
  color: #60ABE6;
  font-weight:bold;
  text-decoration: underline;
}

.searchInput{
  width: 100px;
}

.searchinfotext{
  font-size: 1.0em;
  color: #333;
}

.selectInputDate{
  background-image: url(/site/nzsb/images/calendar.gif);
  background-position:right center;
  background-repeat:no-repeat;
  cursor:pointer;
  width:100px;
}

.showMap {
  font-size: 1.1em;
  font-weight:bold;
  color:#FFF;
}

#showDuration {
  display:none;
}

#showRooms {
 display:none;
}
 
#slides {
  width : 660px;
  height: 275px;
  margin-bottom:10px;
  line-height: 1.5em;
  font-size:11px;
  float:left;
}

#slideshow {
  position : relative;
  z-index:99;
  left:0px;
  width: 660px;
  height: 275px;
}

#submenu {
  background-color: #FFF;
  height:25px;
  color: #32C1ED;
  font-size: 14px;
  font-weight:bold;
  border : 1px solid #333;
}

#supplierList h2 {
  margin-top: 0px;
  color:#0E5A9E;
}

#supplierList {
  margin-top:0px;
}

#suppliers {
  background-color:#fff;
  float:right;
  width:700px;
  margin-right:5px;
}

.tabMiddle {
  background: url(../images/tab-middle-off.jpg) transparent repeat-x 0 0;
  height: 30px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align:center;
  padding-left: 20px;
  padding-right:10px;
}

.tabMiddleOn {
  background: url(../images/tab-middle-on.jpg) transparent repeat-x 0 0;
  height:30px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align:center;
  padding-left: 20px;
  padding-right:10px;
}

.tabRightOn{
  background: url(../images/tab-right-on.jpg) transparent no-repeat;
  height:30px;
  width:10px;
}

.tabRight{
  background: url(../images/tab-right-off.jpg) transparent no-repeat;
  height:30px;
  width:10px;
}

#tabs {
  border: 1px solid #0E5A9E;
  background-color: #FFF;
  font-size: .95em;
}

#topLinks a {
  color:#666;
  font-weight:bold;
  font-size:12px;
}

#topLinks {
  float:right;
  padding-right:10px;
  padding-top: 2px;
  height:15px;
  color:#ff7805;
}

#topmenu ul .current a{
  background: #ccc;
  color:#0E5A9E;
  font-weight:bold;
}

#topmenu ul li a:hover{background: #999;
  color: #fff;
}

#topmenu ul li a{padding: 0.2em 1em;
  background: #666;
  color: White;
  text-decoration: none;
  float: left;
  border-right: 1px solid #fff;
  font-size:12px;
}

#topmenu ul li {
  display: inline;
}

#topmenu ul {
  background-color: #666;
  margin-left: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  margin-top:0px;
  white-space: nowrap;
  color: White;
  float: left;
  width: 100%;
  height: 19px;
}

#toppanel {
  height: 285px;
  margin-bottom:10px;
  line-height: 1.5em;
  font-size:11px;
}

.ui-accordion .ui-accordion-content {
  padding : 0em;
 }
 
.ui-tabs .ui-tabs-nav li a {
  font-size: 1.0em;
  font-weight: bold;
  color: #0E5A9E;
}

.ui-tabs .ui-tabs-nav li a:hover {
  font-size: 1.0em;
  font-weight: bold;
  color: #000;
}

.ui-widget-content a {
  color:#FF7805;
  font-weight:bold;
  font-size: 1.0em;
}

.whatnow {
  position:relative;
  padding:5px;
  background-color:#EAEDF3;
}

#wrapper {
  width: 980px;
  margin-left:auto;
  margin-right:auto;
  background: #fff;
  border: 1px #336699 solid;
}

#overlay {
  z-index:999;
  position:relative;
  top:-285px;
  left:0px;
  height:10px;
  width:250px;
}

<!--[if gte IE 5.5]><![if lt IE 7]>
html .jqmWindow, html .bookNow, html .search {
  position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}

}
<![endif]><![endif]-->


/* "Add to My Itinerary" Dialog */
#module form, 
#accommodation form, 
#activities form {
	padding: 10px 0 0 10px;
}
#module .form-field, 
#accommodation .form-field, 
#activities .form-field {
	clear: both;
	margin-bottom: 10px;
}
#module .field-label, 
#accommodation .field-label, 
#activities .field-label {
	float: left;
	font-weight: bolder;
	line-height: 22px;
	margin-right: 10px;
	width: 75px;
	white-space: nowrap;
}
#module .field-input input, #module .field-input select, 
#accommodation .field-input input, #accommodation .field-input select,
#activities .field-input input, #activities .field-input select{
	border: 1px solid #d4d4d4;
	color: black;
	font-size: 12px;
	padding: 2px;
	width: 100px;
}
#module .field-input select,
#accommodation .field-input select,
#activities .field-input select{
	width: 102px;
}
#module .field-input img,
#accommodation .field-input img,
#activities .field-input img
{ position: relative; vertical-align: top; left: 5px; cursor: pointer; }

#module .form-field.submit,
#accommodation .form-field.submit,
#activities .form-field.submit{
	text-align: right;
	margin: 0;
}
#module .form-field.submit input,
#accommodation .form-field.submit input,
#activities .form-field.submit input{
	background: url("../images/button-bg.gif") no-repeat 0 0 transparent;
	border: 1px solid #D4D4D4;
	color: white;
	cursor: pointer;
	font-size: 12px;
	font-weight: bolder;
	height: 31px;
	width: 71px;
}
#module .form-field.submit input:hover,
#accommodation .form-field.submit input:hover,
#activities .form-field.submit input:hover{
	background-position: 0 -31px;
}

/* jquery ui dialog extra styling */
.dialog-shortBreaks {
	border: 4px solid #32C1ED;
}
.dialog-shortBreaks .ui-widget-header {
	background: white;
	border: 0;
	font-size: 18px;
	padding-left: 25px;
}
.dialog-shortBreaks .ui-dialog-titlebar-close, 
.dialog-shortBreaks .ui-dialog-titlebar-close.ui-state-hover {
	background: #32C1ED;
	font-weight: bolder;
	margin: -3px -3px 0 0;
	padding: 5px;
	right: 0;
	text-decoration: none;
	top: 0;
	width: 50px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: 0;
}
.dialog-shortBreaks .ui-icon  {
	background: none;
	color: white;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	text-indent: 0;
	width: 100%;
}

#ui-datepicker-div {
  z-index:9999;
}