@charset "utf-8";
/* CSS Document */

body {
	background-color: #FFFFFF;
}

#wrapper {
	width : 827px;
	margin : auto;
	border : 0px;
	background-color: #FFFFFF;

}

#header {
  width : 827px;
  height : 93px;
  background: url(../images/hro_toplogo-wht.gif) no-repeat left center;
}

/* ----BASICS---- */

img {
 border: 1px solid #000000;
 padding-top: 0px;
}

.noBorder{
  border: 0;
}

/* ----TOP NAVIGATION BEGINS---- */


/* ----homepage Button---- */


#hmpgBtn
{
  display: inline;
  float:left;
  width: 85px;
  height: 28px;
  margin: 0 auto;
  background: url(../images/home-button-wht.gif) no-repeat 0 0;
}

#hmpgBtn:hover
{ 
  background-position: 0 -28px;
}

#hmpgBtn span
{
  display: none;
}

/* ----Products Btn---- */

#prodBtn
{
  display: inline;
  float:left;
  width: 95px;
  height: 28px;
  margin: 0 auto;
  background: url(../images/products-button-wht.gif) no-repeat 0 0;
}

#prodBtn:hover
{ 
  background-position: 0 -28px;
}

#prodBtn span
{
  display: none;
}

/* ----About Btn---- */


#aboutbtn
{
  display: inline;
  float:left;
  width: 106px;
  height: 28px;
  margin: 0 auto;
  background: url(../images/about-button-wht.gif) no-repeat 0 0;
}

#aboutbtn:hover
{ 
  background-position: 0 -28px;
}

#aboutbtn span
{
  display: none;
}

/* ----Dealer Btn---- */

#dealerBtn
{
  display: inline;
  float:left;
  width: 107px;
  height: 28px;
  margin: 0 auto;
  background: url(../images/dealer-button-wht.gif) no-repeat 0 0;
}

#dealerBtn:hover
{ 
  background-position: 0 -28px;
}

#dealerBtn span
{
  display: none;
  }
  
/* ----Technical Contact Btn---- */

#techBtn
{
  display: inline;
  float:left;
  width: 96px;
  height: 28px;
  margin: 0 auto;
  background: url(../images/tech-button-wht.gif) no-repeat 0 0;
}

#techBtn:hover
{ 
  background-position: 0 -28px;
}

#techBtn span
{
  display: none;
}
  
/* ----Brochure Btn---- */


#brochBtn
{
  display: inline;
  float:left;
  width: 96px;
  height: 28px;
  margin: 0 auto;
  background: url(../images/brochure-button-wht.gif) no-repeat 0 0;
}

#brochBtn:hover
{ 
  background-position: 0 -28px;
}

#brochBtn span
{
  display: none;

}

/* ----Events Btn---- */

#showBtn
{
  display: inline;
  float:left;
  width: 109px;
  height: 28px;
  margin: 0 auto;
  background: url(../images/show-buttons-wht.gif) no-repeat 0 0;
}

#showBtn:hover
{ 
  background-position: 0 -28px;
}

#showBtn span
{
  display: none;
}

/* ----Jobs Btn---- */

#jobBtn
{
  display: inline;
  float:left;
  width: 133px;
  height: 28px;
  margin: 0 auto;
  background: url(../images/opps-button-wht.gif) no-repeat 0 0;
}

#jobBtn:hover
{ 
  background-position: 0 -28px;
}

#jobBtn span
{
  display: none;
}

/* ----END OF TOP NAVIGATION---- */



/* ----RIGHT NAVIGATION MIDSECTION---- */


#middleStage
{
  display:inline;
  float:left;
  width: 826px;
  height: 100%;
  margin: 0 auto;
  background: #bdd7c8;
}

#leftNav
{
  display: inline;
  float:left;
  width: 230px;
  height: 100%;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
  background: #265975;
}

#leftDivider
{
  display: inline;
  float:left;
  width: 220px;
  height: 1px;
  margin: 0 auto;
  background: #78A9B1 repeat-x 0 0;
}

#middleImage
{
  display: inline;
  float:left;
  width: 576px;
  height: 180px;
  padding-top: 133px;
  margin: 0 auto;
  background: url(../images/frontpageimage.jpg) no-repeat 0 0;
}

#middleProducts
{
  display: inline;
  float:left;
  width: 576px;
  height: 152px;
  margin: 0 auto;
  background: url(../images/products_image.jpg) no-repeat 0 0;
}


#langBox
{
	display: inline;
	float:left;
	width: 107px;
	height: 140px;
	padding-top: 15px;
	padding-left: 10px;
	background: #00314d 0 0;
}

ul#lang li {
	display : inline;
	line-height: 15px;
}

ul#lang li a {
	font-size: 14px;
	color : #BDD7C8;
	text-decoration: none;
	line-height: 30px;	
	
}

ul#lang li a:hover, ul#footnav li a:focus, ul#footnav li a:active {
  color : #BDD7C8; 
  text-decoration : none;
}

#mainText
{
	display: inline;
	float:left;
	width: 550px;
	height: 100%;
	margin: 0 auto;
	padding-left: 10px;
}

ul#main li {
	font-size: 10pt;
	color : #00314d;
	display : inline;
	padding-left: 5px;
	line-height: 20px;
}

ul#main li a {
	font-size: 10pt;
	color : #00314d;
	line-height: 30px;
}

ul#main li a:hover, ul#footnav li a:focus, ul#footnav li a:active {
  color : #00314d; 
  text-decoration : none;
}

ul#site li {
	font-size: 10pt;
	color : #00314d;
	display : block;
	padding-left: 20px;
	line-height: 20px;
	list-style-image: none;
	list-style-type: none;
}

ul#site li a {
	font-size: 10pt;
	color : #00314d;
	line-height: 20px;
	padding-left: 20px;
	list-style-image: none;
	list-style-type: none;
}

ul#site li a:hover, ul#footnav li a:focus, ul#footnav li a:active {
  color : #00314d; 
  text-decoration : none;
}

ul#site2 li {
	font-size: 9pt;
	color : #00314d;
	display : block;
	padding-left: 30px;
	line-height: 10px;
	list-style-image: none;
	list-style-type: none;
}

ul#site2 li a {
	font-size: 9pt;
	color : #00314d;
	line-height: 10px;
	padding-left: 30px;
	list-style-image: none;
	list-style-type: none;
}

ul#site2 li a:hover, ul#footnav li a:focus, ul#footnav li a:active {
  color : #00314d; 
  text-decoration : none;
}


/*----PRODUCT PAGE----*/

#wmMiddle
{
  display: block;
  float:left;
  width: 265px;
  height: 180px;
  margin: 0 auto;
}

#wmMiddle2
{
  display: block;
  float:left;
  width: 285px;
  height: 180px;
  margin: 0 auto;

}

#linkMiddle
{
  display: inline;
  float:left;
  width: 550px;
  height: 120px;
  margin: 0 auto;
}

/*-----INDIVIDUAL PAGE IMAGES-----*/

#aboutImage
{
  display: inline;
  float:left;
  width: 576px;
  height: 216px;
  margin: 0 auto;
  background: url(../images/corporateimage.jpg) no-repeat 0 0;
}

#dealerImage
{
  display: inline;
  float:left;
  width: 576px;
  height: 216px;
  margin: 0 auto;
  background: url(../images/dealermap.jpg) no-repeat 0 0;
}


#techImage
{
  display: inline;
  float:left;
  width: 576px;
  height: 216px;
  margin: 0 auto;
  background: url(../images/tech_image.jpg) no-repeat 0 0;
}

#brochureImage
{
  display: inline;
  float:left;
  width: 576px;
  height: 108px;
  margin: 0 auto;
  background: url(../images/broch_image.jpg) no-repeat 0 0;
}

#contactImage
{
  display: inline;
  float:left;
  width: 576px;
  height: 108px;
  margin: 0 auto;
  background: url(../images/contact_image.jpg) no-repeat 0 0;
}


#showImage
{
  display: inline;
  float:left;
  width: 576px;
  height: 216px;
  margin: 0 auto;
  background: url(../images/show_image.jpg) no-repeat 0 0;
}


#oppImage
{
  display: inline;
  float:left;
  width: 576px;
  height: 216px;
  margin: 0 auto;
  background: url(../images/opp_image.jpg) no-repeat 0 0;
}

#mapImage
{
  display: inline;
  float:left;
  width: 576px;
  height: 108px;
  margin: 0 auto;
  background: url(../images/sitemap_image.jpg) no-repeat 0 0;
}

#topBlank
{
  display: inline;
  float:left;
  width: 576px;
  height: 40px;
  margin: 0 auto;
  background: #dbe2db 0 0;
  padding-top: 60px
}

/*-----DEALER PAGE DIVS-----*/

#dealerform1
{
  display: inline;
  float:left;
  width: 220px;
  height: 100%;
  margin: 0 auto;
  padding-left: 0px;
}


#dealerform
{
  display: inline;
  float:left;
  width: 300px;
  height: 100%;
  margin: 0 auto;
  padding-left: 0px;
}



/*-----BROCHURE PAGE-----*/

#brochCovers
{
  display: inline;
  float:left;
  width: 216px;
  height: 100%;
  margin: 0 auto;
  padding-left: 20px;
}

#brochDes
{
  display: inline;
  float:left;
  width: 312px;
  height: 100%;
  margin: 0 auto;
}

ul#broch li {
	font-size: 10pt;
	color : #00314d;
	font-weight: bold;
	display : inline;
	padding-right: 15px;
	padding-left: 5px;
}

ul#broch li a {
	font-size: 10pt;
	color : #00314d;
	font-weight: bold;
}

ul#broch li a:hover, ul#footnav li a:focus, ul#footnav li a:active {
  color : #00314d; 
  text-decoration : none;
}


/*-----INDIV. PRODUCTS PAGE-----*/

#prodColor
{
  display:inline;
  float:left;
  width: 826px;
  height: 100%;
  margin: 0 auto;
  background: #adbcbc;
}

#prodTitle
{
  display: inline;
  float:left;
  width: 576px;
  height: 94px;
  margin: 0 auto;
  background: url(../images/seafari-v-title.jpg) no-repeat 0 0;
}

#prodStage
{
	display: inline;
	float:left;
	width: 376px;
	height: 205px;
	margin: 0 auto;
	padding-left: 20px;
	background: url(../images/hro-prod-space.jpg) repeat-x 0 0;
}

#prodNav
{
	display: inline;
	float:left;
	width: 180px;
	height: 180px;
	margin: 0 auto;
	padding-top: 41px;
	background: url(../images/hro-prod-space.jpg) repeat-x 0 0;
}

#prodLeft
{
  display: inline;
  float:left;
  width: 120px;
  height: 100%;
  margin: 0 auto;
  padding-left: 10px;
  padding-top: 20px;
}

#prodRight
{
  display: inline;
  float:left;
  width: 436px;
  height: 100%;
  margin: 0 auto;
  padding-top: 20px;
}

#dimenform1
{
  display: inline;
  float:left;
  width: 180px;
  height: 100%;
  margin: 0 auto;
  padding-left: 20px;
}

#dimenform
{
  display: inline;
  float:left;
  width: 350px;
  height: 100%;
  margin: 0 auto;

}

/*--------SYSTEM TITLES---------*/

#coralTitle
{
  display: inline;
  float:left;
  width: 576px;
  height: 94px;
  margin: 0 auto;
  background: url(../images/coral_sea_logo.jpg) no-repeat 0 0;
}

#miniTitle
{
  display: inline;
  float:left;
  width: 576px;
  height: 94px;
  margin: 0 auto;
  background: url(../images/seafari_mini_logo.jpg) no-repeat 0 0;
}

#northTitle
{
  display: inline;
  float:left;
  width: 576px;
  height: 94px;
  margin: 0 auto;
  background: url(../images/north_sea_logo.jpg) no-repeat 0 0;
}

#secTitle
{
  display: inline;
  float:left;
  width: 576px;
  height: 94px;
  margin: 0 auto;
  background: url(../images/seafari_escape_logo.jpg) no-repeat 0 0;
}

#semTitle
{
  display: inline;
  float:left;
  width: 576px;
  height: 94px;
  margin: 0 auto;
  background: url(../images/seafari_escape_logo.jpg) no-repeat 0 0;
}

#sfcTitle
{
  display: inline;
  float:left;
  width: 576px;
  height: 94px;
  margin: 0 auto;
  background: url(../images/seafari_sfc_logo.jpg) no-repeat 0 0;
}

#sfmTitle
{
  display: inline;
  float:left;
  width: 576px;
  height: 94px;
  margin: 0 auto;
  background: url(../images/seafari_sfm_logo.jpg) no-repeat 0 0;
}

#fmpTitle
{
  display: inline;
  float:left;
  width: 576px;
  height: 94px;
  margin: 0 auto;
  background: url(../images/seafari_sfmfmp_logo.jpg) no-repeat 0 0;
}

#tasmanTitle
{
  display: inline;
  float:left;
  width: 576px;
  height: 94px;
  margin: 0 auto;
  background: url(../images/tasman_sea_logo.jpg) no-repeat 0 0;
}


/*-----product buttons-------*/

#specBtn
{
  display: inline;
  float:left;
  width: 180px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/spec-btn.jpg) no-repeat 0 0;
}

#specBtn:hover
{ 
  background-position: 0 -32px;
}

#specBtn span
{
  display: none;

}


#dimenBtn
{
  display: inline;
  float:left;
  width: 180px;
  height: 37px;
  margin: 0 auto;
  background: url(../images/dimensions-btn.jpg) no-repeat 0 0;
}

#dimenBtn:hover
{ 
  background-position: 0 -37px;
}

#dimenBtn span
{
  display: none;

}

#accessBtn
{
  display: inline;
  float:left;
  width: 180px;
  height: 38px;
  margin: 0 auto;
  background: url(../images/accessories-btn.jpg) no-repeat 0 0;
}

#accessBtn:hover
{ 
  background-position: 0 -38px;
}

#accessBtn span
{
  display: none;

}

#consumBtn
{
  display: inline;
  float:left;
  width: 180px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/consumables-btn.jpg) no-repeat 0 0;
}

#consumBtn:hover
{ 
  background-position: 0 -32px;
}

#consumBtn span
{
  display: none;

}


/* -----FOOTER SECTION----- */


#footer {
  clear: both;
  padding: 20px 30px; 
  height:auto;
  text-align:center;
  background-color:#ffffff;
  vertical-align: bottom;
  }
  
 
ul#footnav li {
  display : inline;
}

ul#footnav li a {
	padding : 0 3px;
	color : #265975;
	text-decoration: none;
}

ul#footnav li a:hover, ul#footnav li a:focus, ul#footnav li a:active {
  color : #265975; 
  text-decoration : none;
}


/* ----TEXT SETTINGS---- */

h1{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12pt;
	padding-left: 5px;
	margin-left: 0px;
	margin-top: 35px;
	font-weight: bold;
}

h2{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#00314d;
	font-size:12pt;
	padding-left: 20px;
  	padding-right: 10px; 
  	margin: 0px;
	}
	
h3{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12pt;
	padding-left: 5px;
	margin-left: 0px;
	margin-top: 35px;
	margin-bottom: 0px;
	font-weight: bold;
}

h4{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12pt;
	padding-left: 5px;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	font-weight: bold;
}

h5{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#00314d;
	font-size:10pt;
  	padding-left: 20px; 
  	margin: 0px;
	}

p{
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height: 1.5em;
	text-decoration: none;
	padding-top: 5px;
  }
  
.navigationText {
	font-family: Arial, Helvetica, sans-serif;
	color: #6b9294;
	padding-left: 700px;
	margin-top: 11px;
}

.navigationText a, a:link, a:visited, a:hover, a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #6b9294;
	font-size: 11px;
	text-decoration:none;

}
  
  
.footerText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #265975;
  padding-left: 3px;
  margin-top: 0;
}
  
.leftText {
	font-size: 10pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-top: 2px;
	padding-left: 6px;
	padding-right: 4px;
	margin: 0px;
	line-height: 13pt;
}  
 
.langText {
  font-size: 14px; 
  font-family: Geneva, Arial, Helvetica, sans-serif; 
  color: #BDD7C8;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 10px; 
  margin: 0px;
}
  
.langText2 {
  font-size: 14px; 
  font-family: Geneva, Arial, Helvetica, sans-serif; 
  color: #BDD7C8;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px; 
  margin: 0px;
}
  
.mainText {
  font-size: 10pt; 
  font-family: Geneva, Arial, Helvetica, sans-serif; 
  color: #00314d;
  padding-top: 12px;
  padding-left: 20px;
  padding-right: 10px; 
  margin: 0px;
}

.mainText a {
text-decoration: none;
color: #00314d;
}
 
.mainText2 {
  font-size: 9pt; 
  font-family: Geneva, Arial, Helvetica, sans-serif; 
  color: #00314d;
  padding-left: 20px;
  padding-right: 10px; 
  margin: 0px;

  }

.mainText3 {
  font-size: 10pt; 
  font-family: Geneva, Arial, Helvetica, sans-serif; 
  color: #00314d;
  padding-left: 20px;
  padding-right: 10px; 
  margin: 0px;

  }
.mainText4 {
  font-size: 10pt; 
  font-family: Geneva, Arial, Helvetica, sans-serif; 
  color: #00314d;
  padding-left: 20px;
  padding-right: 0px; 
  margin: 0px;

  }  
  .tableText {
  font-size: 9pt; 
  font-family: Geneva, Arial, Helvetica, sans-serif; 
  color: #00314d;
  padding-left: 5px;
  padding-right: 5px; 
  margin: 0px;

  }

.newsText {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #265975;
	padding-left: 20px;
	padding-right: 5px;
	margin: 0px;
	font-weight: bold;
}

.newsDate {
  font-size: 9pt; 
  font-family: Geneva, Arial, Helvetica, sans-serif; 
  color: #265975;
  padding-top: 12px;
  padding-left: 10px;
  padding-right: 10px; 
  margin: 0px;
}

.style23 {font-size: 10px}
 
.style22 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #00314D;
} 

.styleShow {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color:#000000;
}

.styleDes{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #4F8191;
	font-weight: bold;
	font-size: 10pt;
}
 

ul {
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #00314d;
	list-style-type : circle;
	padding-bottom: 10px;
	padding-top: -10px;
	padding-left: 15px;
	padding-right: 10px;
	line-height: 18px;
	margin: 0px;
}

li {
	margin-bottom: 10px;
	}
	
	li a {
	font-size:11px; 
	}

  .style6 {
	font-size: 10pt;
	color: #A4C8C5;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pts;
	color: 265975;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #265975;
}
a:hover {
	text-decoration: underline;
	color: #265975;
}
a:active {
	text-decoration: none;
	color: #265975;
}