html{
  height: 100%;
}

body{
  height: 100%;
  margin: 0;
  background-color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666666;
}

a img{
  border: 0;
}

a{
  text-decoration: none;
  color: #d32644;
}

a:hover{
  text-decoration: underline;
}

h1{
  color: #70ACAC;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 13px;
}

h2{
  color: #70ACAC;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 13px;
}

h3{
  color: #70ACAC;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 13px;
}

a.last{
  background-image: none !important;
  padding-right: 0 !important;
}

.red{
  color: red;
}

#lightboxOverlay{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 10;
  background-color: black;
}

#background{
  background-color: #f3f3f3;
  background-image: url(images/header.gif);
  background-repeat: repeat-x;
}

#mainContainer{
  width: 980px;
  margin: 0 auto;
}

#header{
  height: 126px;
  position: relative;
}

#header #logo{
  margin-top: 12px;
}

#content{
  margin-top: 20px;
  margin-bottom: 20px;
  height: auto;
  overflow: hidden;
  background-color: #f3f3f3;
}

.debugConsole{
 height: 400px;
 width: 500px;
 margin: 0 auto;
 display: block;
}

.clear{
 clear: both;
 height: 0px;
}

select.full{
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 11px;
 width: 100%;
 padding: 2px 1px;
}

select.small{
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 11px;
 min-width: 50px;
 padding: 1px;
}

input.inputs{
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 11px;
 width: 300px;
}

input.inputsSmall{
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 11px;
 width: 124px;
}

textarea.textareas{
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 11px;
 width: 300px;
}

/* BALLOONS */

h1.balloon, h2.balloon {
  background-image:url("images/balloonR.gif");
  background-position:right center;
  background-repeat:no-repeat;
  color:#FFFFFF !important;
  font-size:15px !important;
  font-weight:bold !important;
  height:40px;
  margin:0;
}

h1.balloon span, h2.balloon span {
  background-image:url("images/balloonL.gif");
  background-repeat:no-repeat;
  display:block;
  height:31px;
  overflow:hidden;
  padding:7px 0 0 8px;
}

h1.balloonGrey, h2.balloonGrey {
  background-image:url("images/balloonGreyR.gif");
  background-position:right top;
  background-repeat:no-repeat;
  color:#FFFFFF !important;
  font-size:15px !important;
  font-weight:bold !important;
  height:40px;
  margin:0;
}

h1.balloonGrey span, h2.balloonGrey span {
  background-image:url("images/balloonGreyL.gif");
  background-repeat:no-repeat;
  display:block;
  height:31px;
  overflow:hidden;
  padding:7px 0 0 8px;
}

/* NAVIGATION START */

#header ul{
  list-style: none;
  list-style-position: outside;
  margin: 14px 0 0 0;
  padding: 0;
}

#header ul li{
  float: left;
  height: 29px;
  line-height: 29px;
  margin-right: 3px;
  background-image: url(images/tabRight.gif);
  background-repeat: no-repeat;
  background-position: right;
  font-size: 12px;
}

#header ul li a{
  padding: 0 14px;
  background-image: url(images/tabLeft.gif);
  display: block;
  background-repeat: no-repeat;
  color: #ffffff;
  font-weight: bold;
}

#header ul li a:hover{
  text-decoration: none;
}

#header ul li.active{
  background-image: url(images/tabRightActive.gif);
}

#header ul li.active a{
  background-image: url(images/tabLeftActive.gif);
  color: #D32744;
}

/* NAVIGATION END */

/* SEARCH TOP */

#searchContainer{
 background-image: url(images/searchBottom.gif);
 background-repeat: no-repeat;
 background-position: left bottom;
 position: relative;
 background-color: #ffffff;
 margin-top: 4px;
 width: 195px;
}

#searchContainerContent{
 background-image: url(images/searchTop.gif);
 background-repeat: no-repeat;
 padding: 13px;
}

#searchContainerTabs{
 background-image: url(images/searchTabsBack.gif);
 background-repeat: no-repeat;
 position: relative;
 height: 29px;
 background-color: #F3F3F3;
}

#searchContainer .tabActive, #searchContainer .tabInactive{
 width: 91px;
 height: 29px;
 float: left;
 line-height: 28px;
 font-weight: bold;
 font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
 text-align: center;
 font-size: 12px;
 cursor: pointer;
 margin-right: 3px;
}

#searchContainer .tabActive{
 background-image: url(images/searchTabActive.gif);
 background-repeat: no-repeat;
 color: #B42B45;
}

#searchContainer .tabInactive{
 background-image: url(images/searchTab.gif);
 background-repeat: no-repeat;
 color: #ffffff;
}

#searchContainer label{
 display: block;
 color: #333333;
 margin-bottom: 3px;
}

#searchContainer div.left{
 width: 49%;
 float: left;
}


#searchContainer div.right{
 width: 49%;
 float: right;
}

#searchContainer div.innerLeft{
 width: 49%;
 float: left;
}


#searchContainer div.innerRight{
 width: 49%;
 float: right;
}


#searchContainer div.tiny{
 font-size: 10px;
 padding-top: 3px;
}

#searchContainer div.searchSep{
 border-bottom: 1px solid #9d9d9d;
 margin: 10px 0 10px 0;
}

#searchContainer div.searchRow{
 margin-bottom: 10px;
}

#searchButtons{
  clear: both;
  padding-top: 15px;
  height: auto;
  overflow: hidden;
}

#searchButton{
  float: right;
}


/* SEARCH END */

/* MESSAGES */

.errorMessage{
 display: block;
 padding: 5px;
 background-color: #AE0000;
 color: white;
 border: 1px solid #585858;
 font-weight: bold;

}

.message{
 padding: 5px;
 background-color: #ffffd9;
 border: 1px solid #d3d3d3;
 font-weight: bold;
 display: block;
}

/* BUTTONS */

 .button {
  background-image: url("images/buttonL.gif");
  background-repeat: no-repeat;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-weight: bold;
  height: 25px;
  width: 70px;
}

.button span {
  background-image: url("images/buttonR.gif");
  background-position: right center;
  background-repeat: no-repeat;
  display: block;
  font-size: 12px;
  height: 100%;
  line-height: 25px;
  text-align: center;
}

.button:hover {
  text-decoration:none;
}

.greyButton {
  background-image: url("images/buttonGreyL.gif");
  background-repeat: no-repeat;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-weight: bold;
  height: 25px;
  width: 70px;
}

.greyButton span {
  background-image: url("images/buttonGreyR.gif");
  background-position: right center;
  background-repeat: no-repeat;
  display: block;
  font-size: 12px;
  height: 100%;
  line-height: 25px;
  text-align: center;
}

.greyButton:hover {
  text-decoration:none;
}

/* FOOTER */

#footer{
  height: 126px;
  background-image: url(images/footer.gif);
  background-repeat: repeat-x;
  font-size: 10px;
}

#footerContent{
  width: 980px;
  margin: 0 auto 0 auto;
  padding-top: 15px;
}

#footerLinksL{
  float: left;
}

#footerLinksR{
  float: right;
}

#footerLinksL a, #footerLinksR a{
  background:url(images/footerLinksDivider.gif) no-repeat scroll 100% 2px transparent;
  padding:0 6px 0 2px;
}

#footerSep{
  background-image: url(images/footerDottedDivider.gif);
  background-repeat: repeat-x;
  background-position: center;
  height: 26px;
  clear: both;
}

#footerContent .footerLocations{
  text-transform: lowercase;
  text-align: center;
}


#footerContent .footerLocations a{
  background:url(images/footerLinksDividerLighter.gif) no-repeat scroll 100% 2px transparent;
  color:#999999;
  padding:0 6px 0 2px;
}

/* Content page general styles */
#contentLeft{
  width: 195px;
  float: left;
}

#contentRight{
  width: 765px;
  float: right;
  height: auto;
  overflow: hidden;
}

.box{
  background-image: url(images/cornersBottom765.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-color: #ffffff;
}

.boxContent{
  background-image: url(images/cornersTop765.gif);
  background-repeat: no-repeat;
  background-position: left top;
  padding: 10px;
}

#contentLeft{
  width: 195px;
  float: left;
}

#contentRight{
  width: 765px;
  float: right;
  height: auto;
  overflow: hidden;
}

#contentRight .contentRightL{
  width: 499px;
  float: left;
}

#contentRight .contentRightR{
  width: 246px;
  float: right;
}

#topDestinations{
  background-color: #ffffff;
  background-image: url(images/cornersBottom246.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  padding: 15px;
  margin-bottom: 20px;
}

#topDestinations ul{
 list-style: none;
 margin: 0px;
 padding: 0px;
}

#topDestinations ul li{
  background-image: url(images/face.gif);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 25px;
  margin-bottom: 3px;
  position: relative;
}

#topDestinations ul li a{
    display: block;
    position: absolute;
    right: 0px;
    top: -1px;
    font-size: 11px;
}

#homeOffers h2{
  margin: 0 0 7px 0;
  clear:both;
}

#homeOffers{
  background-image: url(images/cornersBottom765.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-color: #ffffff;
  clear: both;
}

#homeOffersContent{
  padding: 10px 10px 8px 10px;
  background-image: url(images/cornersTop765.gif);
  background-repeat: no-repeat;
  background-position: left top;
}

#homeOffersContent a{
  display: block;
  float: left;
  margin-left: 3px;
  margin-right: 3px;
}

#textContainer{
  background-image: url(images/cornersBottom399.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-color: #ffffff;
  margin-bottom: 20px;
}

#textContainerInner{
  padding: 10px;
  background-image: url(images/cornersTop399.gif);
  background-repeat: no-repeat;
  background-position: left top;
}

/* FORMS */

.formContainer{
 background-color: #ffffff;
 margin-bottom: 10px;
 position: relative;
 background-image: url(images/cornersBottom765.gif);
 background-position: left bottom;
 background-repeat: no-repeat;
}

.formContainerContent, .formContainerContentNoHead{
  padding: 10px;
}

.formContainerContentNoHead{
  background-image: url(images/cornersTop765.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

.formContainer h2{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #D32644;
 margin: 0 0 5px 0;
}

.formContainer p.nomargin{
 margin: 0;
}

.formContainer label{
 display: block;
 color: #333333;
 margin-bottom: 3px;
}

.floatLeft{
 width: 49%;
 float:left;
}

.floatRight{
 width: 49%;
 float:right;
}

/* Transfer Table */

#transferDetails{
 margin: 0 0 10px 0;
 background-color: #ffffff;
 background-image: url(images/resultsTableHead.gif);
 background-repeat: repeat-x;
 background-position: left top;
}

#transferDetails tr th{
 text-align: left;
 color: #FFFFFF;
 height: 30px;
}

#transferDetails tr td{
 padding: 20px 0 20px 0;
}

#transferDetails tr td.price{
 font-weight: bold;
 color: #D22644;
 font-size: 14px;
}

#transferDetailsFooter{
  padding: 0 !important;;
}

#transferDetailsFooter div{
  background-image: url(images/cornersBottom765.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  height: 3px;
}

/* Destinations Style Box */

#greyBox{
  overflow: hidden;
  height: auto;
  background-image: url(images/destinationsBar.jpg);
  background-repeat: repeat-y;
  position: relative;
}

#greyBoxBar{
 float: left;
 width: 100px;
 background-color: #d0d0d0;
 overflow: hidden;
}

#greyBoxBar img{
 margin-top: 30px;
 margin-bottom: 20px;
}

#greyBoxContent{
 float: right;
 width: 369px;
}

#greyBoxFooter{
 background-color: #D0D0D0;
 height: 20px;
 clear: both;
}

#greyBoxFooter div{
 width: 100px;
 height: 20px;
 background-color: #aaaaaa;
}

#guarantee {
	position: absolute;
	display: inline;
	margin-left: 130px;
}
