html, body {
margin: 0px;
padding: 0px;
height: 100%;
}

body {
font-size: 8pt;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}

td {
font-size: 8pt;
font-family: Arial, Helvetica, sans-serif;
}

a {
color: #000099;
text-decoration: underline;
}

a:hover {
color: #333399;
}

#container {
height: auto;
width: 900px;
margin: 10px auto 0px auto;
text-align: center;
padding: 0px;
background-color: #ffffff;
background-repeat: repeat-y;
}

#main {
float: left;
background-image: url(../images/bg_tricolor.gif);
background-repeat: repeat-y;
}

#header {
width: 900px;
height: 106px;
margin: 0px auto 0px;
text-align: left;
padding: 0px;
background-color: #ffffff;
background-image: url(../images/layouts/if_noflash_header.gif);
background-position: top right;
background-repeat: no-repeat;
}

#leftnav {
width: 140px;
margin: 0px;
text-align: left;
padding: 0px;
float: left;
background-color: #6666cc;
}

#content {
width: 620px;
margin: 0px 0px 0px 0px;
text-align: center;
padding: 0px;
float: left;
}

#rightbar {
width: 140px;
margin: 0px auto 0px;
text-align: center;
padding: 0px;
float: left;
background-color: #cc0000;
border: none;
}

#leftnav ul {
margin: 0px 0px 10px 0px;
padding: 10px 0px 10px 5px;
width: 135px;
background-color: #ccccff;
}

#leftnav ul li {
list-style-type: none;
display: block;
padding: 0px;
width: 135px;
margin: 0px;
}

#leftnav ul li a {
text-decoration: none;
color: #333399;
font-weight: bold;
margin: 0px;
width: 135px;
height:15px;
padding: 3px 0px 3px 0px;
font-size: 8pt;
font-family: Arial, Helvetica, sans-serif;
}

#leftnav ul li a:hover {
color: #000066;
}

#signupDiv {
margin: 0px 0px 10px 5px;
padding: 0px;
width: 130px;
background-color: #ccccff;
border: 1px solid #ffffff;
overflow: hidden;
}

#signupDiv input {
margin: 5px;
width: 120px;
font-size:9px;
}

#footer {
width: 900px;
height: 150px;
margin: 0px;
text-align: center;
padding: 0px;
clear: both;
}

.rightBarBox {
width: 130px;
border: 1px solid #ffffff;
margin: 5px auto 5px auto;
background-color: #FFCCCC;
}

.rightBarOffers {
width: 120px;
margin: 5px auto 5px auto;
vertical-align: top;
text-align: left;
padding: 5px;
}

.rightBarOffers p {
margin-top: 0px;
}

#holContent {
width: 600px;
margin: 10px;
text-align: left;
}

#sitemap ul {
line-height: 200%;
list-style-type: none;
margin: 0px;
}

#sitemap ul li a {
text-decoration: none;
display: block;
width: 220px;
color: #333399;
padding-left: 10px;
margin: 5px;
/* background-color: #ccccff; */
border-bottom: 1px solid #ccccff;
border-left: 1px solid #ccccff;
}

#sitemap ul li a:hover {
color: #cc0000;
background-color: #ffcccc;
border-bottom: 1px solid #cc0000;
border-left: 1px solid #cc0000;
}

/* iframes for external content */
#campsiteFrame {
margin: 0px;
padding: 0px;
border: none;
width: 620px;
height: 950px;
}

#carhireFrame {
margin: 10px;
padding: 0px;
border: none;
width: 600px;
height: 950px;
}

#ferryFrame {
margin: 10px;
padding: 0px;
border: none;
width: 600px;
height: 950px;
}

/* search styles */

.searchForm span {
padding:2px;
}
.sc {
display:block;
float:left;
padding:0px;
width:auto;
margin: 0px;
}
.sc1 {
display:block;
float:left;
padding:0px 3px 3px;
width:320px;
height: 35px;
}
.sc3 {
display:block;
float:left;
padding:3px 3px 0px;
width:220px;
height: 35px;
}
.sc3 p {
background-color:#C3C3C3;
color:#FFFFFF;
float:left;
font-size:10px;
margin:3px 2px 0px 0px;
padding:3px 0px;
text-align:center;
width:35px;
}
.sc3 img {
float:left;
margin-top:2px;
}
#ecSearch .sc4 {
float:left;
height:55px;
padding:4px 3px 0px;
width:380px;
height: 30px;
border: 1px solid #E7EFE0;
margin-top: 5px;
}
#ecSearch .sc4 span {
color: #65B33B;
float: left;
margin-top: 3px;
}
#kcSearch .sc4 {
float:left;
height:55px;
padding:4px 3px 0px;
width:380px;
height: 30px;
border: 1px solid #F5E9B7;
margin-top: 5px;
}
#kcSearch .sc4 span {
color: #BAAA53;
float: left;
margin-top: 3px;
}
#apSearch .sc4 {
float:left;
height:55px;
padding:4px 3px 0px;
width:380px;
height: 30px;
border: 1px solid #C6E7F6;
margin-top: 5px;
}
#apSearch .sc4 span {
color: #6666cc;
float: left;
margin-top: 3px;
}
.sc4 ul {
padding: 0px;
}
.sc4 ul li {
padding: 0px 10px 0px 10px;
text-align:right;
margin: 0px;
}
.sc4 ul li em {
color: #999999;
}
.sc4 ul li label {
float: left;
margin-top: -2px;
margin-right: 3px;
}
.sc5 {
display:block;
float:left;
padding:3px 3px 0px;
width:100px;
height: 35px;
margin-top: 10px;
}
.sc5 label {
float: left;
margin-top: 3px;
}
.searchForm ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
}
.searchForm li {
float:left;
text-align:center;
vertical-align:middle;
}
.searchForm li em {
color:#8D4F00;
}
.searchForm select {
color:#333333;
float:left;
height:16px;
margin:2px;
padding:0px;
font-size: 10px;
}
.selectregion {
width:265px;
}
.selectparc {
width:165px;
}
.selectnight {
width:44px;
}
.selectmap {
width:155px;
}
.selectparty {
width:42px;
}
.butn {
cursor:pointer;
float:right;
margin: 0px;
}
.butn a {
color:#6E3900;
cursor:pointer;
text-decoration:none;
}
.butn a:hover {
text-decoration:underline;
}

/* HOD changes */
.maintitle {
color:#cc0000;
font-size:20px;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.subtitle {
color:#000099;
font-size:9pt;
font-weight:bold;
}
.tablist {
width: 480px;
text-align: left;
clear: both;
margin: 0px;
list-style-type: none;
margin: 0px;
padding: 0px;
}
.tablist li a {
color: #cc0000;
background-color: #ff9999;
display: block;
width: 143px;;
border: 1px solid #ffffff;
border-bottom: none;
margin: 0px;
padding: 3px 5px 3px 5px;
text-decoration: none;
white-space: nowrap;
float: left;
}
.tablist li a:hover {
color: #FFFFFF;
background-color: #cc0000;
}
.illustration {
float:right;
margin: 0px 0px 10px 10px;
width: 180px;
height: 127px;
border: 1px solid #000000;
}

/* homepage specific styles */
#hpMapWrap {
width: 293px;
height: 321px;
float: left;
margin-bottom: 10px;
}

#hpMap {
width: 291px;
height: 305px;
border: 1px solid #cc0000;
float: left;
overflow: hidden;
}

#hpMapText {
width: 271px;
height: 40px;
margin: 10px;
}

#hpOffersWrap {
width: 293px;
height: 321px;
float: right;
margin-bottom: 10px;
}

#hpOffers {
width: 291px;
height: 305px;
border: 1px solid #6666cc;
float: right;
overflow: hidden;
}

#hpOffersBody {
width: 291px;
height: 274px;
float: right;
overflow: hidden;
border-bottom: 1px solid #ffffff;
}

#hpOffersBottom {
clear: both;
width: 291px;
height: 30px;
border-top: 1px dashed #8781BD;
}

.searchButn {
float: left;
display: block;
height: 10px;
background-image: url(/images/layouts/if_butn_bkg.gif);
background-repeat: no-repeat;
padding: 2px 0px 8px 17px;
margin: 5px;
}

.searchButn a {
font-weight: bold;
color: #333399;
text-decoration: none;
cursor: pointer;
text-transform: uppercase;
}

.searchButn a:hover {
text-decoration: underline;
}

#ecSearch {
clear: both;
width: 598px;
height: 225px;
border: 1px solid #6666cc;
margin-bottom: 10px;
background-color: #E7EFE0;
}

#kcSearch {
clear: both;
width: 598px;
height: 240px;
border: 1px solid #6666cc;
margin-bottom: 10px;
background-color: #F5E9B7;
}

#apSearch {
clear: both;
width: 598px;
height: 290px;
border: 1px solid #6666cc;
margin-bottom: 10px;
background-color: #90B1DC;
}

#ecSearchForm {
height: 140px;
}

#kcSearchForm {
height: 155px;
}

#apSearchForm {
height: 205px;
}

.searchForm {
width: 576px;
margin: 0px 6px 6px 6px;
background-color: #ffffff;
padding: 5px;
}

.sideBarOffer {
text-decoration: none;
}

.sideBarOffer:hover {
color: #cc0000;
text-decoration: underline;
}

.hpOfferItem {
float:left;
width:280px;
margin:0px 0px 0px 5px;
padding:5px 0px 0px 0px;
text-align:left;
border-top:1px dashed #8781BD;
}

.hpOfferImg {
float:right;
margin:0px 0px 0px 10px;
}

#logoDiv {
width:192px;
height:106px;
float:left;
}

#flashDiv {
width:708px;
height:106px;
float:right;
}

.linkTitle {
font-weight: bold;
}