/*   Odyssey Travel CSS                */
/*   Date:  17th of October            */
/*   Author: Eamonn Bell - Internetrix */

body{
   margin-top:0px;
   margin-bottom:0px;
   background-image: url(images/bg/bg.gif);
   background-repeat: repeat-y;
   background-position: center;
   text-align: center;
	 overflow: -moz-scrollbars-vertical;
}
td {
   font-size:11px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   line-height: 11pt;
   color:#4E4E4E;
}

#container{
    margin-left:auto;
    margin-right:auto;
    width:775px;
    height:100%;
    text-align:left;
}

.mainTable{
   height:100%;
}

.restrict{
   overflow:hidden;
    height:50px;
}

* html .restrict{
   overflow:hidden;
    height:50px;
}

a:link{color: #00335E;text-decoration:none;}
a:active{color: #00335E;text-decoration:none;}
a:visited{color: #00335E;text-decoration:none;}
a:hover{color: #BE5316;text-decoration:none;}

/** Search Area Classes **/

.searchArea{
   background-image: url(images/searchArea.jpg);
   margin-top:0px;
}
.searchTxt{
   text-align:right;   
   margin-top:34px;
   padding-right:7px;
}
.searchingBox{
   margin-top:3px;
   margin-left:18px;
}
input.search {
   font-size:11px;
   border: 1px solid #D1875D;
   height:15px;
   vertical-align:top;
   margin-top:2px;
   padding-left:3px;
}

form.search {
  padding:0px;
   margin:0px;
}

/** News Area Classes **/

.newsArea{
   background-color:#f2f5f8;
}
.newsHeadingCell{
   background-image: url(images/bg/newsHeaderBg.gif);
}

div#newsHeading h1{
   font-size:11px;
   padding:0px 0px 6px 15px;
   margin:0px 0px 0px 10px;
   font-weight:normal;
   color:#FFFFFF;
   background-image: url(images/blue_dots.gif);
   background-repeat:no-repeat;
}
div#newsInnerBox{
   background-color: #E1E3E5;
   margin:9px 10px 10px 10px;
   height:183px;
    overflow:auto;
    scrollbar-face-color:#E1E3E5;
   scrollbar-highlight-color:gray;
   scrollbar-3dlight-color:none;
   scrollbar-darkshadow-color:none;
   scrollbar-shadow-color:gray;
    scrollbar-arrow-color:black;
   scrollbar-track-color:#E1E3E5;
}
div#newsInnerBox .newsText{
   padding: 3px 7px 7px 7px; /*Paddings: top right bottom left */
   font-size:10px;
}
div#newsInnerBox h1{
   font-size:10px;
   padding:0px 0px 3px 0px;
   margin:0px;
   font-weight:normal;
}

div#newsInnerBox a:link{color: #00335E;text-decoration:none;}
div#newsInnerBox a:active{color: #00335E;text-decoration:none;}
div#newsInnerBox a:visited{color: #00335E;text-decoration:none;}
div#newsInnerBox a:hover{color: #BE5316;text-decoration:underline;}


/** Content Area Classes **/

.contentAreaBorder{
	 background: url(images/bg/top_line.gif) repeat-x;							 
   padding-top:10px;
}
.contentArea{
   background-color:#F7EBE4;
   margin:0px 10px 0px 10px;            /*Paddings: top right bottom left */
   height:100%;
   font-size:11px;
}
.contentAreaText{
   padding:10px;
   padding-top:4px;
   font-size:11px;
}
.contentAreaText h1,h2,h3{
    font-size:13px;
    font-weight:bold;
    padding-bottom:10px;
}
.contentAreaText ul{
   margin-top:0px;
   margin-left:0px;
   padding:0px;
   margin-bottom:0px;
}
.contentAreaText li{
   list-style-image: url(images/arrow.gif);
   margin-bottom:9px;
    margin-top:0px;
    color:#6A4632;
    font-size:11px;
    margin-left:20px;
    font-weight:bold;
}
* html .contentAreaText li{
   list-style-image: url(images/arrow_ie.gif);
   margin-bottom:12px;
    margin-top:0px;
    color:#6A4632;
    font-size:11px;
    padding-left:0px;
    margin-left:20px;    
}
.contentHeading{
   background-image: url(images/bg/contentHeaderBg.gif);
}

.contentList ul{
   font-weight:normal;
    color:#4E4E4E;
}
.contentList li{

   font-weight:normal;
    color:#4E4E4E;
    list-style-image: url(images/box.gif);
}
* html .contentList li{

   font-weight:normal;
    color:#4E4E4E;
    list-style-image: url(images/box.gif);
}
div#contentHeader{
   width:277px;
    height:15px;
    overflow:hidden;
}
div#contentHeader h1{
   font-size:12px;
   padding:0px 0px 2px 15px;
   margin:0px 0px 0px 10px;
   font-weight:normal;
   color:#FFFFFF;
   background-image: url(images/white_dots.gif);
   background-repeat:no-repeat;
   display:inline;
    overflow:hidden;
    width:26px;
}
div#contentHeader img{
   display:inline;
   padding:0px;
   margin:0px;
}
div#contentHeader .fontSizer{
   float:right;
   display:inline;
   margin: 0px;
   padding: 0px;
}

.logos{
   margin-left:323px;
   padding-top:6px;
}

/** Breadcrumb Classes **/

.breadCrumbArea{
   padding:7px 10px 0px 10px;
   font-size:9px;
   color:#B0B0B0;
}

.breadCrumbArea a:link{color: #939393;text-decoration:none;}
.breadCrumbArea a:active{color: #939393;text-decoration:none;}
.breadCrumbArea a:visited{color: #939393;text-decoration:none;}
.breadCrumbArea a:hover{color: #BE5316;text-decoration:none;}

/** Subnav Area Classes **/

.subnavColumn{
   background-image: url(images/bg/subNavAreaBg.gif);
}

div.subNav h1{
   font-size:11px;
   padding:4px 0px 0px 15px;
   margin:0px 0px 0px 14px;
   font-weight:normal;
   color:#FFFFFF;
   background-image: url(images/orange_dots.gif);
   background-repeat:no-repeat;
   display:block;
}
div.subNav .headerCell{
   background-image: url(images/bg/subNavHeaderBg.gif);
   width:214px;
   height:26px;
}
div.subNav .textContent{
   background-color:#C4CED8;
   margin-right:10px;
   margin-left:10px;
   padding: 10px 5px 10px 5px;
   font-size:11px;
}
div.subNav .textContent100{
   background-color:#C4CED8;
   margin-right:10px;
   margin-left:10px;
   padding: 10px 5px 10px 5px;
   font-size:11px;
   height:100%;
}
div.subNav ul{
   margin-top:0px;
   margin-left:14px;
   padding:0px;
   margin-bottom:0px;
}
div.subNav li{
   list-style-image: url(images/arrow.gif);
   padding-bottom:4px;
   line-height: 12.5pt;
}

* html div.subNav li{
   list-style-image: url(images/arrow_ie.gif);
   padding-bottom:4px;
   line-height: 12.5pt;
}

div.subNav .buttonPad{
   padding-left:14px;
   padding-top:4px;
   padding-bottom:4px;
}
div.subNav .buttonPad2{
   padding-top:8px;
   padding-bottom:4px;
}
div.subNav .loginArea{
   padding-left:14px;
}
input.logon {
   font-size:11px;
   border: 1px solid #FFFFFF;
   height:16px;
}
div.subNav .logoFooter{
   margin-top:10px;
}

/** Tradelink specific Classes **/

.mainNavExtend{
   background-image: url(images/bg/mainNavBg.gif);
}

/** List Page specific Classes **/

.listFeatureImg{
   float:right;
   padding-left:10px;
    display:block;
}
div.listElement h1{
   font-size:12px;
   margin:15px 0px 7px 0px;    /*Paddings: top right bottom left */
   padding-left:1px;
   padding-right:0px;
   padding-top:4px;
   padding-bottom:4px;
   background-color:#EEDCD2;
   background-image: url(images/bg/listHeaderBg.gif);
   font-weight:normal;
}
div.listElement .listTitle{
   font-size:12px;
   margin:15px 0px 7px 0px;    /*Paddings: top right bottom left */
   padding-left:5px;
   padding-right:0px;
   padding-top:4px;
   padding-bottom:4px;
   background-color:#EEDCD2;
   background-image: url(images/bg/listHeaderBg.gif);
   font-weight:normal;
}
div.listElement .listImage{
   float:left;
   padding-right:10px;
}
div.listElement .listLink{
   margin-left: 320px;
   padding-top:3px;
    text-align:right;
}
div.bulletElement{
   background: url(images/bg/bullet_bg.jpg) no-repeat center;
}
div.bulletElement .bulletTitle{
   font-size:11px;
   margin:8px 0px 7px 3px;    /*Paddings: top right bottom left */
   padding-left:15px;
   padding-right:0px;
   padding-top:2px;
   padding-bottom:2px;
   background: url(images/bullet_arrow.gif) no-repeat;
   font-weight:normal;
}

/** Depl Page Specific Classes **/

div#deplInfoBox{
   float:right;
   width:184px;
   background-color:#F9DDCD;
   margin-left:10px;
   margin-bottom:10px;
}
div#deplInfoBox .header{
   background-image: url(images/bg/contentHeaderBg.gif);
   /*height:26px;*/
}

div#deplInfoBox .innerBox{
   background-color:#F2E5DE;
   margin:3px;
   padding-top:5px;
   padding-bottom:3px;
    background-image: url(images/bg/infoBox_bg.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    
}
div#deplInfoBox h1{
   font-size:11px;
   padding:0px 0px 3px 15px;
   margin:0px 0px 0px 10px;
   font-weight:normal;
   color:#FFFFFF;
   background-image: url(images/white_dots.gif);

   background-repeat:no-repeat;
/*   display:inline;*/
}

div#deplInfoBox ul{
   margin-top:0px;
   margin-left:24px;
   padding:0px;
   margin-bottom:0px;
}
div#deplInfoBox li{
   list-style-image: url(images/arrow.gif);
   padding-bottom:5px;
   line-height: 12.5pt;
    margin-top:0px;
    margin-bottom:0px;
}
* html div#deplInfoBox li{
   list-style-image: url(images/arrow_ie.gif);
   padding-bottom:5px;
   line-height: 12.5pt;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:3px;
}
div#deplDate ul{
   margin-top:0px;
   margin-left:7px;
   padding:0px;
   margin-bottom:10px;
}

div#deplDate li{
   list-style-image: url(images/date_dot.jpg);
   padding-bottom:2px;
   line-height: 12.5pt;
   font-size:11px;
    font-weight:normal;
    margin-bottom:0px;
    margin-top:0px;
}
div#deplDate h1,h2{
    margin:0px;
    padding:0px;
    color: rgb(106, 70, 50);
    font-size:11px;
}
.inputwidth {
   font-size:11px;
   border: 1px solid #FFFFFF;
   height:16px;
    width: 275px;
}
.inputwidth2 {
   font-size: 11px;
   border:     1px solid #FFFFFF;
   height:     22px;
    width:     400px;
}

/* About Page */

.staffPhoto{
   float:right;
}

.hook {
   font-size:   11px;
  font-weight: normal;
   color:          #AD4E18;
   width:285px;
   padding-left: 17px;
   margin-left:10px;
   padding-right: 2px;
   padding-top: 2px;
   padding-bottom: 2px;
   background-color: #F2E5DE;
   line-height:18px;
   border-left: medium solid #DFBCA8;
}

.calendar {
   font-size:   11px;
  font-weight: normal;
   color:          #AD4E18;
   width:          480px;
   padding-left: 17px;
   margin-left:10px;
   padding-right: 2px;
   padding-top: 2px;
   padding-bottom: 2px;
   background-color: #F2E5DE;
   line-height:20px;
   border-left: medium solid #DFBCA8;
}

div.summaryTable td{
  padding-left:5px;
}

.destinationRow {
   background-color:#EEDCD2;
}

.orderCurrent {
    font-size: 14px;
    font-weight:bold;
}

.bookingTextarea {
   font-size: 11px;
    height:       40px; 
    width:     350px;
}

.bookingText {
    font-size: 11px; 
    height:    15px; 
    width:     350px;
    position:  center;
}

.bookingTextShort {
    font-size: 11px; 
    height:       15px; 
    width:     110px;
    position:  center;
}

.bookingTextSmall {
    font-size: 11px; 
    height:       15px; 
    width:     40px;
    position:  center;
}

.listIntroBox{
   min-height:80px;
}
* html .listIntroBox{
   height:80px;
}
.deplTable .highLight{
    background: #F2E5DE;
}
.deplTable .title{
   background: #F5D6C4;
}

/* Booking Boxes */

div#deplBookingBox{
   float:left;
   width:240px;
   background-color:#F9DDCD;
   margin-left:0px;
   margin-bottom:0px;
   margin-top:0px;
   height:145px;
}
div#deplBookingBox img{ border: none;}

div#deplBookingBox .header{
   background-image: url(images/bg/contentHeaderBg.gif);
   /*height:26px;*/
}

div#deplBookingBox .innerBox{
   margin:3px;
   padding-top:5px;
   padding-bottom:3px;

    
}
div#deplBookingBox h1{
   font-size:11px;
   padding:0px 0px 3px 15px;
   margin:0px 0px 0px 10px;
   font-weight:normal;
   color:#FFFFFF;
   margin-top:4px;
   padding-top:2px;
   background-image: url(images/white_dots.gif);

   background-repeat:no-repeat;
/*   display:inline;*/
}

div#deplBookingBox ul{
   margin-top:0px;
   margin-left:24px;
   padding:0px;
   margin-bottom:0px;
}
div#deplBookingBox li{
   list-style-image: url(images/arrow.gif);
   padding-bottom:5px;
   line-height: 12.5pt;
    margin-top:0px;
    margin-bottom:0px;
}
* html div#deplBookingBox li{
   list-style-image: url(images/arrow_ie.gif);
   padding-bottom:5px;
   line-height: 12.5pt;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:3px;
}

div#deplBookingBox span{
   color:#00335E;
   padding-left:10px;
}

div#deplBookingBox .makeBooking, .requestBooking{
   display:block;
   height:20px;
   width:102px;
   margin-left:10px;
   margin-top:10px;
   
}

.registerHead {
  font-family:Verdana, Arial, Helvetica, sans-serif;
	height: 17px;
	width: 500px;
	font-size: 14px;
	font-weight: bold;
	background: #ff6600;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 10px;
}

.registerTitle {
  font-family:Verdana, Arial, Helvetica, sans-serif;
	height: 15px;
	width: 500px;
	font-size: 11px;
	font-weight: bold;
	background:  #ff9966;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 10px;
}

.registerTitleShort {
  font-family:Verdana, Arial, Helvetica, sans-serif;
	height: 15px;
	width: 235px;
	font-size: 11px;
	font-weight: bold;
	background: #ff9966;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 10px;
}

.registerBody {
	width: 500px;
	padding-bottom: 15px;
	padding-top: 3px;
	padding-left: 10px;
}

.registerRow {
  font-family:Verdana, Arial, Helvetica, sans-serif;
	height: 22px;
	width: 490px;
	font-size: 8px;
	padding-left: 3px;
}

/* Revised Depl Booking Area */

#bookingTable td{vertical-align:top;}
#bookingHeading td{color:white;text-align:left;background: #cb682f url(images/bg/contentHeaderBg.gif) bottom repeat-x;}
#bookingTable td{border-right:1px solid #cb682f;border-bottom:1px solid #cb682f;}
#bookingTable table{border-left: 1px solid #cb682f;}
#bookingTable span{color:#0f467d;}
#bookingTable img{vertical-align:middle;}
#bookingTable .map{padding-right:5px;}
#bookingTable .center{text-align:center;}


/*Resources Classes*/

.resource{margin-top:5px;margin-bottom:5px;float:left;background-color:#F4E0D5;width:520px}
.resource img{vertical-align:bottom;}
.filesize{float:right;text-align:right;}
.resText{float:left;width:415px;}
.resImg{width:16px;float:left;margin-right:11px;}

/* Drop Box NAv Classes */

/* NAV */

.clCMAbs {
  position:absolute;
  visibility:hidden; 
  left:0; 
}
.boxClass {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-indent: 3px;
	line-height:18px;
	color: #FFFFFF;
  background-color: #184870;
	background-position: right;
	overflow: hidden;
	height: 10px;
	text-align:left;
	float:left;
}
.boxOver {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-indent: 3px;
	line-height:18px;
	color: #FFFFFF;
  layer-background-color: #20639a;
  background-color:#20639a;
	background-image: url(images/nav_back_over.gif);
	cursor: pointer;
	overflow: hidden;
	height: 10px;
	text-align:left;
	float:left;
}
.boxBorder {
  position:absolute; 
  visibility:hidden; 
  background-color:#184870; 
	border: 1px solid #003360;
	border-top: 1px solid #003360;
	float:left;
}
.noBorder {
  position:absolute; 
	float:left;
}

.errmsg
{
 	font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ff0000;
}

/* News Listing Style */


div.newsText ul {
  margin:0 0 0 0px;
  padding:5px 0px 0px 0px;
}


div.newsText ul li {
  	margin:0;
  	padding:4px 0px 10px 15px;
  	font-size:11px;
	list-style-type:none;
	background:url(/images/bg/li_bg_1.png) no-repeat top left;
}


/* Refer a friend form */

.refertitlerow {
	 background-color: #0F4069;
	 align: left;
	 text-align: left;
	 width: 445px;
	 height: 22px;
   font-size: 16px;
   font-weight: bold;
	 color: #ffffff; 
	 padding-top: 2px;
	 padding-bottom: 2px;
	 padding-left: 5px;
}

.referrow {
   font-size:11px;
   font-weight: bold;
	 background-color: #ffffff;
}

.referinput {
   font-size:11px;
   border: 1px solid #D1875D;
   height:20px;
   margin-top:2px;
   padding-top:2px;
   padding-left:3px;
	 width: 300px;
}