@import url("headings.css");
@import url("menu.css");
@import url("domtab.css");
* {
	margin:0;
	padding:0
}
/* mac hide \*/
html, body {
	/* height:100%;*/
	width:100%;
	margin: 0px;
	padding: 0px;
}
/* end hide */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	clear: both;
}
/* Hides from IE-mac \*/
.clearfix {
	height: 1%;
	clear: both;
}
.clearfix {
	display: block;
	clear: both;
}
/* End hide from IE-mac */

body {
	font-size: 75%;
	color: #333333;
	margin: 0px 0px auto;
	padding: 0px;
	width: 100%;
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif;
 min-height:height: 700px;/* for good browsers*/
	min-width:960px;
	background: #03274B url(../graphics/background.jpg) repeat-x left top;	/*background: #42403A;background: #676767;*/
}
* {
	margin:0;
	padding:0
}
p {
	margin:0 0 1em;
	padding:0px
}
p, td, div, textarea, input {
}
.break {
	height: 1px;
	clear: both;
	background: url(../graphics/dotLineLight.jpg) repeat-x center center;
	margin: 0px auto;
	padding: 15px 0px;
}
.breakSML {
	height: 20px;
	clear: both;
	background: #00FFCC url(../graphics/dotline-horizontalBLUE-sml.gif) repeat center center;
	border: 1px solid #FF3300;
}
#BodyLeft ul {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 5px;
	list-style: none;
}
#BodyLeft li {
	list-style: url(../graphics/bullet-point.gif) none;
	margin: 0px 0px 0px 5px;
	padding: 2px 0px 2px 5px;
	background: url(../graphics/dotline-horizontal.png) repeat-x left bottom;
}
.small {
	font-size: 0.8em;
	line-height: 1.5;
}
blockquote {
	padding-left: 30px;
	padding-right: 30px;
}
a {
	color: #70A435;
	text-decoration: none;
	outline: none;
}
a:hover {
	/*	background-color: #666666;
	color: #FFFFFF;*/
	outline: none;
}
#FullBodyHolder {
	MARGIN: 0px auto;
	padding: 0px;
	width: 100%;
}
#BodyHolder {
	MARGIN: 0px auto;
	padding: 0px 15px;
	width: 980px;
	clear: both;
}
#TopLinks {
	MARGIN: 0px auto;
	clear: both;
	padding: 0px 15px;
	width: 950px;
	background: #03274B;
	text-align: right;
	color: #FFFFFF;
}
#TopLinks a {
	text-decoration: none;
	color: #FFFFFF;
	padding: 1px 3px;
	margin: 0px;
	border-style: none;
	background: transparent;
	font-size: 0.8em;
	font-weight: bold;
}
#TopLinks a:hover {
	background-color: transparent;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px 3px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	font-weight: bold;
}
#TopBodyWrap {
	MARGIN: 0px auto;
	clear: both;
	padding: 0px 15px;
	width: 950px;
	background: url(../graphics/BackgroundTOP.jpg) no-repeat;
}
#TopBodyHOME {
	MARGIN: 0px auto;
	clear: left;
	height: 310px;
	padding: 0px 0px 30px;
	width: 950px;
}
#TopBody {
	MARGIN: 0px auto;
	clear: left;
	height: 310px;
	padding: 0px 0px 30px;
	width: 950px;
}
#TopBodyHOME img, #TopBody img {
	z-index: 20;
}
#LogoWrap {
	POSITION: relative;
	z-index: 780;
	float: left;
}
#Logo {
	POSITION: absolute;
	LEFT: 37px;
	TOP: 123px;
	width: 222px;
	height: 133px;
	visibility: visible;
}
#Logo a:hover {
	background: transparent;
}
#CruizeMascotWrap {
	POSITION: relative;
	z-index: 800;
	float: right;
}
#CruizeMascot {
	POSITION: absolute;
	right: -40px;
	TOP: -175px;
	width: 210px;
	height: 235px;
	visibility: visible;
}
#BookNowWrap {
	POSITION: relative;
	z-index: 60;
	float: right;
}
#BookNow {
	POSITION: absolute;
	right: 115px;
	TOP: 225px;
	width: 132px;
	height: 126px;
	visibility: visible;
}
/*#BookNowWrap {
	POSITION: relative;
	z-index: 100;
	float: right;
}
#BookNow {
	POSITION: absolute;
	right: 134px;
	TOP: 297px;
	width: 90px;
	height: 90px;
	visibility: visible;
}
*/#BookNow a, #BookNow a:hover {
	background: transparent;
}
#NavigationWrap {
	POSITION: relative;
	z-index: 100;
	float: left;
}
#Navigation {
	POSITION: absolute;
	LEFT: 0px;
	TOP: -35px;
	width: 900px;/*background: #000000;*/
}
#NavigationBottom {
	margin-right: auto;
	margin-left: auto;
	background: #116FA6 url(../graphics/SubNavigationBackground.jpg) no-repeat left top;
	color: #FFFFFF;
	padding-right: 25px;
	padding-left: 10px;
	height: 30px;
}
#NavigationBottom a {
	color: #032B4E;
	/*color: #56B7EB;*/
	float: left;
	margin-top: 7px;
	margin-bottom: 5px;
	font-weight: bold;
}
#NavigationBottom a:hover {
	color: #FFFFFF;
	float: left;
	margin-top: 7px;
	margin-bottom: 5px;
	background: transparent;
}
#NavigationBottom .divider {
	background: url(../graphics/navigation-spacer.png) repeat-y center top;
	height: 30px;
	width: 1px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	clear: none;
}
#MainBody {
	MARGIN: 0px auto;
	padding: 0px 0px 40px;
	width: 980px;
	clear: both;
	text-align: left;
	background: #FFFFFF/* url(../graphics/BackgroundMIDDLE.jpg) repeat-y center top*/;
}
h2 {
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 1.15em;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	color: #b2b2b2;
	padding-bottom: 20px;
	padding-right: 80px;
	text-transform: uppercase;
	padding-top: 10px;
}
h3 {
	color: #074173;
	/*color: #70A435;*/
	font-weight: normal;
	font-size: 1.15em;
	margin: 0em 0pt 0.5em;
	padding: 0px;
	text-transform: uppercase;
}
h4 {
	color: #70A435;
	/*color: #858789;*/
	font-weight: normal;
	font-size: 1em;
	text-transform: uppercase;
}
.break {
	background-image: url(../graphics/dotline-horizontal.png);
	background-repeat: repeat-x;
	padding: 15px 0px 10px;
	height: 4px;
	width: 100%;
	clear: both;
}
.breakBLUE {
	background-image: url(../graphics/dotline-horizontalBLUE.png);
	background-repeat: repeat-x;
	padding: 0px;
	height: 4px;
	width: 100%;
	margin: 8px 0px 5px;
	clear: both;
}
#SubNavigation {
	float: left;
	width: 200px;
	text-align: left;
	background: #003A77 url(../graphics/SubNavigationBackground.png);
	height: 500px;
}
#BodyFull {
	text-align: left;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#BodyLeft {
	float: left;
	width: 689px;
	text-align: left;
	margin: 0px;
	padding: 0px 9px 0px 10px;
	border-right: 1px solid #F3F3F3;
}

/*New Home Page Styles*/

#HPTopWrap {
	width: 690px;
	float: left;
}

#HPTopLeft {
	width: 260px;
	float: left;
}

#HPTopRight {
	width: 400px;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
}
#HPCoachOptionsWrap {
	width: 690px;
	float: left;
}
#HPCoachOptionsTop {
	width: 690px;
	float: left;
}
#HPCoachOptionsMiddle {
	width: 650px;
	float: left;
	background: #0A5691;
	color: #FFFFFF;
	padding: 20px;
}
#HPCoachOptionsMiddle table{
	width: 650px;
	margin-bottom: 40px;
	border-bottom: 1px solid #FFFFFF;
}
#HPCoachOptionsMiddle table td{
	border-top: 1px solid #FFFFFF;
	padding: 5px;
	background: #007FC0;
	color: #FFFFFF;
}
#HPCoachOptionsMiddle .nocolour{
	background: #0A5691;
	border-top-width: 0px;
	border-top-style: none;
	color: #FFFFFF;
}	
#HPCoachOptionsMiddle .tabWrap{
	POSITION: relative;
	z-index: 800;
	float: right;
	width: 350;
}
#HPCoachOptionsMiddle .tabInfo, #HPCoachOptionsMiddle .tabEnquire, #HPCoachOptionsMiddle .tabBook {
	POSITION: absolute;
	background: url(/graphics/coachoptions-tabblue.jpg) no-repeat center bottom;
	width: 100px;
	height: 28px;
	text-align: center;
	padding-top: 6px;
	font-weight: bold;
	color: #003A73;
}
#HPCoachOptionsMiddle .tabInfo{
	left: -296px;
	top: -41px;
}
#HPCoachOptionsMiddle .tabEnquire{
	left: -197px;
	top: -41px;
}
#HPCoachOptionsMiddle .tabBook{
	left: -98px;
	top: -41px;
}
#HPCoachOptionsMiddle .tabInfo:hover, #HPCoachOptionsMiddle .tabEnquire:hover, #HPCoachOptionsMiddle .tabBook:hover {
	background: url(/graphics/coachoptions-tabwhite.jpg) no-repeat center bottom;
	font-weight: bold;
	color: #990000;
}

#HPCoachOptionsMiddle h2, #HPCoachOptionsMiddle h3 {
	font-weight: normal;
	font-size: 1.15em;
	color: #FFFFFF;
	padding-bottom: 5px;
	text-transform: uppercase;
	padding-top: 2px;
}
#HPCoachOptionsMiddle h2 {
}

#HPCoachOptionsBottom {
	width: 690px;
	float: left;
}

/*END */

#HomeWrapLeft {
	width: 268px;
	float: left;
}
#HomeWrapRight {
	width: 400px;
	float: right;
	padding-right: 10px;
	padding-left: 10px;
}


#MilfordFactHome {
	background: #FFFFFF url(../graphics/home-info.jpg) no-repeat center top;
	color: #333333;
	padding: 5px 0px;
	font-style: italic;
	width: 400px;
	margin-right: 10px;
	height: 180px;
	font-size: 1em;
	line-height: 1.5em;
}

#MilfordFactHome #SealHomeWrap {
	POSITION: relative;
	z-index: 100;
	float: left;
}
#MilfordFactHome #SealHome {
	POSITION: absolute;
	left: -9px;
	TOP: -37px;
	width: 260px;
	height: 160px;
	background: url(../graphics/icon-seal.png) no-repeat;
	z-index: 120;
}
#MilfordFactHome #FactHomeWrap {
	POSITION: relative;
	z-index: 100;
	float: left;
}
#MilfordFactHome #FactHome {
	POSITION: absolute;
	left: 94px;
	TOP: 55px;
	width: 296px;
	z-index: 120;
}

#HomeTableWrap {
	width: 689px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
.HomeTable {
	float: left;
	width: 223px;
	margin-left: 0px;
	background: #E5E5E5;
	margin-right: 10px;
}
.HomeTableRight {
	float: left;
	width: 223px;
	margin-right: 0px;
	margin-left: 0px;
	background: #E5E5E5;
}
.HomeTable p,
.HomeTableRight  p {
	padding: 2px 5px;
}
.HomeIconWrap {
	POSITION: relative;
	z-index: 100;
	float: left;
}
.HomeIcon {
	POSITION: absolute;
	left: -8px;
	TOP: -24px;
	width: 42px;
	height: 42px;
	background: url(../graphics/icon-seal.png) no-repeat;
	z-index: 120;
}
.HomeTableRightLink{
	padding-bottom: 2px;
	width: 215px;
	text-align: right;
	font-size: .85em;
	text-transform: uppercase;
	padding-top: 2px;
}

.HomeTableBottom{
	width: 223px;
	background: url(../graphics/sidelinks/HomeTable-bottom.jpg) no-repeat center bottom;
	height: 13px;
}

.CenterText {
	width: 460px;
	float: right;
	padding-right: 10px;
	padding-left: 5px;
}
/*.CenterText a {
	font-weight: bold;
}
*/.float {
	float: left;
	margin-right: 5px;
}
.floatHOME {
	float: left;
	margin: 10px 15px 10px 0px;
}
.floatbox {
	width: 200px;
	float: left;
	margin-right: 9px;
}
.floatbox a, .floatbox a:hover {
	background: #F3F3F3;
	font-size: 0.75em;
	color: #999999;
}
.floatbox .imagewrap {
	margin: 0px;
	width: 200px;
	background: #F3F3F3;
	padding-bottom: 5px;/*padding: 2px;
	border: 1px solid #E9E9E9;*/
}
.floatboxSML {
	width: 83px;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}
.floatboxSML .imagewrap {
	background: #F3F3F3;
	margin: 0px;
	padding: 2px;
	width: 70px;
	border: 1px solid #E9E9E9;
}
.floatbox .border, .floatboxSML .border {
	padding-bottom: 5px;/*	background: #81C141;
	border: 5px solid #1E9BD4;
*/
}
.floatbox img, .floatboxSML img {
	margin: 0px;
	padding: 0px;
}
.floatbox p {
}
.floatbox #Address {
}
.floatbox #Address a {
	color: #70A435;
	background: transparent;
	font-size: 1em;
}
.thumbnailborder {
	margin-right: 0.5em;
	border: 1px solid #9A9A9A;
}
#MilfordFact {
	background: #88C345 url(../graphics/fact-background.jpg) no-repeat center bottom;
	color: #FFFFFF;
	padding: 5px 15px;
	font-style: oblique;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}
#MilfordFact #floatSeal {
	width: 100px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#MilfordFact #floatFact {
	float: right;
	width: 380px;
}



#CruiseExpressTop {
	height: 27px;
	width: 258px;
	border-bottom: 1px solid #0A5691;
	margin-right: auto;
}


#CruiseExpressHome {
	background: #0A5691;
	padding: 9px;
	width: 240px;
	margin: 0px 10px 0px 0px;
}

#CruiseExpressText {
	background: #1885BE;
	color: #FFFFFF;
	padding: 5px;
	font-style: normal;
	font-size: 1em;
	line-height: 1.3em;
}
#CruiseExpressText .ExpressRight{
	float: right;
	padding-bottom: 5px;
	font-size: 0.85em;
	text-transform: none;
	color: #FFFFFF;
}
#CruiseExpressText .ExpressRight a{
	font-size: 1em;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-top: 5px;
}

#CruiseExpressBottom{
	background: url(../graphics/sidelinks/CruizeCoachOptions-bottom.gif) center bottom;
	border-top: 1px solid #0A5691;
	height: 8px;
	width: 258px;
	margin-right: auto;
}





#CruiseExpressHome #CruiseExpressWrap {
	POSITION: relative;
	z-index: 100;
	float: left;
}
#CruiseExpressHome #CruiseExpress {
	POSITION: absolute;
	left: 27px;
	TOP: -19px;
	width: 180px;
	height: 110px;
	z-index: 100;
}
#CruiseExpressHome #CruiseTextWrap {
	POSITION: relative;
	z-index: 100;
	float: left;
}
#CruiseExpressHome #CruiseText {
	POSITION: absolute;
	left: 8px;
	TOP: 60px;
	width: 250px;
	z-index: 120;
}
#CruiseExpressHome #CruiseBusWrap {
	POSITION: relative;
	z-index: 100;
	float: left;
}
#CruiseExpressHome #CruiseBus {
	POSITION: absolute;
	left: 56px;
	TOP: 138px;
	width: 200px;
	height: 95px;
	z-index: 80;
}














#TimetableBookWrap {
	POSITION: relative;
	z-index: 50;
	float: right;
	clear: left;
	height: 120px;
	width: 60px;
}
#TimetableBook {
	POSITION: absolute;
	right: -19px;
	TOP: -10px;
	width: 80px;
	visibility: visible;
	font-size: .85em;
	text-align: center;
}
#TimetableBook a, #TimetableBook a:hover {
	background: transparent;
}
#BodyLeft .detailshead {
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	background: #9A9A9A;
	border: 1px solid #9A9A9A;
}
#BodyLeft .details {
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	border: 1px solid #D4D4D4;
	background: #E5E5E5;
}
#BodyLeft .detailsheadHalf {
	margin: 0px auto;
	padding: 0px;
	width: 90%;
	background: #9A9A9A;
	border: 1px solid #9A9A9A;
}
#BodyLeft .MonthSpecial{
	margin: 0px auto;
	padding: 5px 0px;
	width: 90%;
	background: #6EAB23;
	border: 1px solid #6EAB23;
	color: #FFFFFF;
	text-align: center;
}
#BodyLeft .MonthSpecial h3{
	color: #FFFFFF;
}

#BodyLeft .detailsHalf {
	margin: 0px auto;
	padding: 0px;
	width: 90%;
	border: 1px solid #D4D4D4;
	background: #E5E5E5;
}
#BodyLeft .detailshead table, #BodyLeft .detailsheadHalf table, #BodyLeft .details table, #BodyLeft .detailsHalf table, #BodyLeft .contactdetails table {
	width: 100%;/*	margin: 0px auto;
	padding: 0px;
	border: 1px solid #CCCCCC;
*/}
#BodyLeft .detailshead td, #BodyLeft .detailsheadHalf td, #BodyLeft .details td, #BodyLeft .detailsHalf td, #BodyLeft .contactdetails td {
	/*background: url(../graphics/dotline-horizontal.png) no-repeat left bottom;*/
	padding: 2px;
}
#BodyLeft .details td.left, #BodyLeft .detailsHalf td.left, #BodyLeft .contactdetails td.left {
	font-size: 0.98em;
	text-transform: uppercase;
	color: #7D7D7D;/*width: 45%;*/
}
#BodyLeft .detailshead h3, #BodyLeft .detailsheadHalf h3 {
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}
#BodyLeft .details td.leftsmall, #BodyLeft .detailsHalf td.leftsmall {
	font-size: .98em;
	text-transform: none;
	color: #999999;
	padding-left: 20px;	/*width: 45%;*/
}
#BodyLeft .details td.line {
	border-right: 1px dotted #E9E9E9;
}
#BodyLeft .contactdetails {
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	border: 1px solid #E9E9E9;
	background: #F3F3F3;
}
#BodyLeft .details td a, #BodyLeft .contactdetails td a {
	font-weight: normal;
}
#BodyRight {
	float: left;
	width: 270px;
	font-size: 95%;
	color: #666666;
}
#TimetableBoatWrap {
	POSITION: relative;
	z-index: 40;
	float: left;
}
#TimetableBoat {
	POSITION: absolute;
	left: -3px;
	TOP: 36px;
	width: 40px;
	height: 40px;
	background: url(../graphics/icon-boat.png);
}
#TimetableLinkWrap {
	POSITION: relative;
	z-index: 40;
	float: left;
}
#TimetableLink {
	POSITION: absolute;
	left: 138px;
	TOP: -25px;
	width: 100px;
	text-align: right;
}
#TimetableLink a {
	color: #20A2DA;
	font-weight: normal;
}
/*#TimetableTop, */
#TransportTop, #QuickLinksTop {
	/*	background: url(../graphics/sidelinks/TimetableTop.jpg);
	height: 42px;
*/	width: 258px;
	background: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	margin-right: auto;
	margin-left: auto;/*background: #03274B;
	border-bottom: 1px solid #03274B;*/
}
#TimetableTop h3, #QuickLinksTop h3 {
	color: #FFFFFF;
	padding: 2px 5px;
	margin: 0px;
}
#TimetableTop {
	background: url(../graphics/sidelinks/TimetableTopNew.gif) no-repeat;
	height: 27px;
	width: 258px;
	border-bottom: 1px solid #05417D;
	margin-right: auto;
	margin-left: auto;
}
#SpecialTop {
	height: 27px;
	background: url(../graphics/sidelinks/SpecialsTopNew.gif) no-repeat;
	width: 258px;
	border-bottom: 1px solid #05417D;
	margin-right: auto;
}
#BookingTop {
	height: 30px;
	background: url(../graphics/sidelinks/BookingTop.gif) no-repeat;
	width: 258px;
	border-bottom: 1px solid #6EAB23;
	margin-right: auto;
	margin-left: auto;
}
/*#QuickLinksTop {
background: url(../graphics/sidelinks/QuickLinksTop.jpg);
	height: 42px;
	width: 230px;
	width: 258px;
	border-bottom: 1px solid #666666;
	margin-right: auto;
	margin-left: auto;
	background: #666666;
}*/
#QuickLinksMiddle {
	background: #05417D;
	width: 200px;
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 20px;
	border-top: 1px solid #05417D;
	border-bottom: 1px solid #05417D;
	margin-right: auto;
	margin-left: auto;
}
#TimetableMiddle {
	background: #05417D;
	border-top: 1px solid #05417D;
	border-bottom: 1px solid #05417D;
	width: 238px;
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
}
#SpecialMiddle {
	background: #05417D;
	border-top: 1px solid #05417D;
	border-bottom: 1px solid #05417D;
	width: 238px;
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
}
#SpecialMiddle h3 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0em;
	padding: 2px 0px;
	text-transform: uppercase;
}
#SpecialMiddle .text {
	display: table;
	width: 220px;
	padding: 5px;
	text-align: center;
	background: #0A5691;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2em;
}
#SpecialMiddle .text a{
	color: #ABD9FA;
}
#SpecialMiddle .text a:hover{
	color: #6EAB23;
}
#SpecialMiddle small {
	font-size: .80em;
}


#BookingMiddle {
	background: #6EAB23;
	border-top: 1px solid #6EAB23;
	border-bottom: 1px solid #6EAB23;
	width: 238px;
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
}
#BookingMiddle h2 {
	color: #CEEEA8;
	font-weight: normal;
	font-size: 1.1em;
	margin: 0em;
	padding: 2px 0px;
}
#BookingMiddle h3 {
	color: #000000;
	font-weight: normal;
	font-size: 1.05em;
	margin: 0em;
	padding: 2px 0px;
}
#BookingMiddle h4 {
	color: #000000;
	font-weight: normal;
	font-size: 1em;
	margin: 0em;
	padding: 4px 0px;
}
#BookingMiddle .center {
	display: table;
	width: 220px;
	padding: 5px;
	background: #88D32C;
	margin-right: auto;
	margin-left: auto;
	color: #000000;
}
#BookingMiddle .center .BookingLeft{
	display: table-cell;
	width: 150px;
	float: left;
	clear: left;
}
#BookingMiddle .center .BookingRight{
	display: table-cell;
	width: 70px;
	float: right;
	clear: right;
	vertical-align: top;
	text-align: center;
}
.BookNowLink{
	width: 70px;
	height: 22px;
	background: url(http://www.cruizemilford.co.nz/graphics/booknow-link.png) no-repeat center center;
}
.BookNowLink:hover{
	background: url(http://www.cruizemilford.co.nz/graphics/booknow-link-hover.png) no-repeat center center;
}
.EnquireNowLink{
	width: 100px;
	height: 22px;
	background: url(http://www.cruizemilford.co.nz/graphics/enquirenow-link.png) no-repeat center center;
}
.EnquireNowLink:hover{
	background: url(http://www.cruizemilford.co.nz/graphics/enquirenow-link-hover.png) no-repeat center center;
}
.CruiseBookLink,
.CruiseRequestLink{
	width: 90px;
	height: 40px;
	background: url(http://www.cruizemilford.co.nz/graphics/sidelinks/bookrequest-green.gif) no-repeat center center;
	padding: 2px 5px 3px;
	font-size: 1.1em;
	color: #FFFFFF;
	text-align: center;
	float: left;
	margin-left: 8px;
}
.CruiseBookLink:hover,
.CruiseRequestLink:hover{
	background: url(http://www.cruizemilford.co.nz/graphics/sidelinks/bookrequest-red.gif) no-repeat center center;
}
.ExpressRequestLink{
	width: 90px;
	height: 40px;
	background: #996600 url(http://www.cruizemilford.co.nz/graphics/sidelinks/bookrequest-green.gif) no-repeat center center;
	padding: 2px 5px 3px;
	font-size: 1.1em;
	color: #FFFFFF;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.ExpressRequestLink:hover{
	background: url(http://www.cruizemilford.co.nz/graphics/sidelinks/bookrequest-red.gif) no-repeat center center;
}
#BookingMiddle .center .BookingFull{
	width: 210px;
	clear: both;
	border-bottom: 1px solid #6EAB23;
	margin-bottom: 5px;
	padding-left: 10px;
	font-size: 1em;
}
#BookingMiddle .center .PeopleInput {
	width: 15px;
	margin-right: 5px;
	margin-left: 2px;
}

#BookingMiddle .center .ContactLeft{
	width: 90px;
	float: left;
	clear: left;
}
#BookingMiddle .center .ContactRight{
	width: 130px;
	float: right;
	clear: right;
}
#BookingMiddle .center .ContactFull{
	width: 210px;
	clear: both;
	margin-bottom: 5px;
}


#TransportMiddle {
	background: #05417D;
	border-top: 1px solid #05417D;
	border-bottom: 1px solid #05417D;
	width: 238px;
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
}
.smlheading, #QuickLinksMiddle .smlheading, #TimetableMiddle .smlheading, #TransportMiddle .smlheading {
	color: #20A2DA;
	font-weight: normal;
	font-size: 1.2em;
	margin: 0em 0pt 0.5em;
	padding: 0px;
}
#TimetableMiddle .times {
	display: table;
	width: 79px;
	/*background: #9A9A9A;
	border-bottom: 1px solid #E5E5E5;*/
	float: left;
	padding: 2px 0px;
	text-align: center;
	background: #0A5691;
	border-bottom: 1px solid #11699D;
	font-weight: bold;
}
#TimetableMiddle .times a {
	padding: 0px;
	text-align: center;
	color: #FFFFFF;	/*background: #0E639E;
	color: #36A6E9;*/
}
#TimetableMiddle .times a:hover {
	text-align: center;
	/*background: #0975E1;*/
	color: #36A6E9;
}
#TransportMiddle img {
	float: left;
	margin-right: 5px;
	background: #FFFFFF;
	padding: 2px;
	margin-top: 5px;
}
#TimetableBottom{
	background: url(../graphics/sidelinks/TimetableBottom.jpg) center bottom;
	border-top: 1px solid #05417D;
	height: 25px;
	width: 258px;
	margin-right: auto;
	margin-left: auto;
}
#SpecialBottom{
	background: url(../graphics/sidelinks/SpecialsBottom.gif) center bottom;
	border-top: 1px solid #05417D;
	height: 13px;
	width: 258px;
	margin-right: auto;
}

#BookingBottom{
	background: url(../graphics/sidelinks/BookingBottom.gif) center bottom;
	border-top: 1px solid #6EAB23;
	height: 13px;
	width: 258px;
	margin-right: auto;
	margin-left: auto;
}
#TransportBottom, #QuickLinksBottom {
	background: url(../graphics/sidelinks/TimetableBottom.jpg) center bottom;
	height: 18px;
	width: 258px;
	border-top: 1px solid #05417D;
	margin-right: auto;
	margin-left: auto;
}

.DefaultBookingWrap{
	width: 550px;
	margin: 30px auto 0px;
	padding: 0px;
}
.DefaultBooking {
	border: 1px solid #88D32C;
	width: 250px;
	float: left;
	text-align: center;
	margin: 0px 10px;
	padding: 10px 0px;
}
.DefaultBooking:hover {
	border: 1px solid #05417D;
	background: #6EAB23;
	color: #FFFFFF;
}
.DefaultBookingText {
	width: 250px;
	height: 120px;
}

.DefaultBookingText h3 {
	font-size: 1em;
	font-weight: bold;
	color: #990000;
}

.DefaultLink {
	width: 120px;
	margin-right: auto;
	margin-left: auto;
	background: url(../graphics/booking-link.png) no-repeat center center;
	height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1.2em;
}
/*#IconSealWrap {
	POSITION: relative;
	z-index: 40;
	float: left;
}
#IconSeal {
	POSITION: absolute;
	left: -3px;
	TOP: -388px;
	width: 40px;
	height: 40px;
	background: url(../graphics/icon-seal.png);
}
#IconDolphinWrap {
	POSITION: relative;
	z-index: 40;
	float: left;
}
#IconDolphin {
	POSITION: absolute;
	left: -3px;
	TOP: -463px;
	width: 40px;
	height: 40px;
	background: url(../graphics/icon-dolphin.png);
}
#IconPenguinWrap {
	POSITION: relative;
	z-index: 40;
	float: left;
}
#IconPenguin {
	POSITION: absolute;
	left: -3px;
	TOP: -327px;
	width: 40px;
	height: 40px;
	background: url(../graphics/icon-penguin.png);
}
#IconBoatWrap {
	POSITION: relative;
	z-index: 40;
	float: left;
}
#IconBoat {
	POSITION: absolute;
	left: -3px;
	TOP: -124px;
	width: 40px;
	height: 40px;
	background: url(../graphics/icon-boat.png);
}
#IconMountainWrap {
	POSITION: relative;
	z-index: 40;
	float: left;
}
#IconMountain {
	POSITION: absolute;
	left: -3px;
	TOP: -194px;
	width: 40px;
	height: 40px;
	background: url(../graphics/icon-mountain.png);
}
*/#LogoWraps {
	width: 205px;
	margin-right: auto;
	margin-left: auto;
	padding: 20px 0px 10px;
}
#LogoWraps img {
	padding-right: 5px;
	padding-left: 5px;
}
/* Back to top button */
/*#to-top {
	position: absolute;
	text-align: center;
	width: 87px;
	height: 20px;
	right: 33px;
	bottom: -310px;
	color: #C9E6B0;
	z-index: 50;
	background: url(../graphics/ToTop.gif) no-repeat;
}
#to-top a {
	display: block;
	font-size: 90%;
	color: #BADF99;
	width: 87px;
	height: 20px;
	font-weight: normal;
}
#to-top a:hover {
	display: block;
	font-size: 90%;
	color: #FFFFFF;
	width: 87px;
	height: 20px;
	font-weight: normal;
	background: transparent;
}
#to-top p {
	line-height: 1.7;
}
*/#BottomBodyWrap {
	MARGIN: 0px auto;
	clear: both;
	padding: 10px 0px 0px;
	width: 980px;
	background: #6EAB22;
}
/* Footer */
#footer {
	background: #6EAB22 url(../graphics/wavesBottom.jpg) repeat-x left bottom;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 30px 30px 20px;
	height: 80px;
}
#footer .qualmark {
	float: left;
	width: 100px;
	clear: right;
}
#footer .address {
	float: left;
	width: 275px;
	clear: right;
	border-left: 1px dotted #FFFFFF;
	padding-left: 25px;
	color: #FFFFFF;
	font-size: 0.85em;
	line-height: 1.75em;
}
#footer .logowrap {
	width: 410px;
	padding: 0px;
	float: right;
	text-align: right;
}
#footer .logowrap img {
	padding: 0px;
	margin-left: 14px;
}
#footer p {
	color: #FFFFFF;
	font-size: .85em;
}
#footer img {
	padding-left: 10px;
	padding-right: 10px;
}
#footer small {
	color: #f5f5f5;
}
#footer a {
	color: #fff;
}
/* =Page footer */
#page-footer {
	width: 960px;
	color: #FFFFFF;
	/*background: #6F7074;*/
	padding: 10px 10px 0px; /* ie5 */
	margin-right: auto;
	margin-left: auto;
	font-size: 80%;
	height: 40px;
}
html>body #page-footer {
	width: 960px; /* moz */
}
#page-footer a {
	color: #FFFFFF;
}
#page-footer a:hover {
	color: #49494B;
	background: transparent;
}
#page-footer .alignleft {
	float: left;
}
#page-footer .alignright {
	float: right;
}
img, div #CruizeMascot, #Navigation, #IconDolphin, #IconSeal, #IconBoat, #IconMountain, #IconPenguin, #TimetableBoat, #Navigation li, .breakBLUE {
	behavior: url(/css/iepngfix.htc);
}
/* Enquiry Form */
#EnquiryForm {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	border: 1px solid #F0F0F0;
}
.TimeTable {
	width: 775px;
	margin-right: auto;
	margin-left: auto;
}
.FormLeft {
	width: 200px;
}
.FormRight {
	width: 560px;
}
.DepartureDate, .NoPeople, .FormLeft, .FormRight, .FormLeft, .FormLeftComments, .FormRightComments {
	margin: 2px 0px!important;
	float: left;
	padding: 5px 0px 0px 5px;
}
.DepartureDate, .NoPeople, .FormLeft, .FormRight, .FormLeft, .FormBg  {
	background: #EEF0EE;	/*background: #DFEAF4;*/
}
.DepartureDate, .NoPeople, .FormLeft, .FormRight {
	height: 28px;
}
.DepartureDate {
	width: 270px;
}
.NoPeople {
	width: 490px;
}
.TourHeading {
	float: left;
	clear: right;
	font-weight: bold;
	text-transform: uppercase;
}
.submitButton {
	width: 755px;
	padding-left: 20px;
	clear: both;
	text-align: right;
}