/* TOP BANNER CONTENT 2010 April */

p#banner_logo {
padding: 0;
margin: 0;
width: 153px;  /* INTL */
height: 103px;
}

p#banner_logo img {
margin: 0;
padding: 0;
}

#banner_telephone_bg {
width: 168px;
height: 57px;  /* INTL */
float: right;
position: relative;
right: 9px;
background: transparent url(/assets/banner_tel_bg_INTL.png) top center no-repeat;
}

p#banner_call {
padding: 0;
margin: 8px 0 2px 10px;  /* INTL */
font-size: 12px;
font-family: arial;
font-weight: bold;
color: #818181;
}

p#banner_tel {
padding: 0;
margin: 0 0 0 10px;  /* INTL */
color: #d58001;  /* INTL */
font-size: 19px;  /* INTL */
font-family: arial;
font-weight: bold;
}

/* end top banner content */


#ActivityBox{
padding-bottom:5px;
}
.rightNavWrapper img{
	float:right;
}
.rightBrochureButton a {
    float: right;
}
    
  .black_overlay{
          display: none;
          position: absolute;
          top: 0%;
          left: 0%;
          width: 100%;
          height: 100%;
          background-color: #000;
          z-index:1001;
          -moz-opacity: 00;
          opacity:.00;
          filter: alpha(opacity=00);
    }
      .white_content {
          display: none;
          position: absolute;
          top: 25%;
          left: 25%;
          width: 450px;
          height: 195px;
          padding: 16px;
          border: 0px solid #fff;
          background-color: #fff;
           z-index:1002;
           overflow: auto;
		   -moz-opacity: 00;
          opacity:.00;
          filter: alpha(opacity=00);
       }
.hpStrip{
	width:577px;
	height:24px;
	background-image:url(/assets/hp-top-trips-strip.gif);
	margin-top:15px;
}
.hpStripInner{
	padding:5px 0 0px 5px;
	font-weight:bold;
}
.hpRightSec{
	float:right;
	margin-right:5px;
	height: 221px;
	width: 235px;
}
.hpThumbs{
	width:99px;
	height:auto;
	margin: 10px 8px 0px 8px;
	float:left;
}
.footerIndvImg{
	width:137px;
	float:left;
	}
div#FooterBar{
	width:960px;
	height:20px;
	background-image:url('/assets/greyfooterbar.gif');
	color:#FFFFFF;
margin-top: 10px;

}
	div.footerImgWrap{
		margin:0 auto;
		text-align:center;
	}
	div.footerImgWrap img{
		margin-right:8px;
	}

/* Standard  */
a{
	color:#333333;
	text-decoration:underline;
}
a:hover{
	color:#333333;
	text-decoration:underline;
}
/* Start of LeftNav CSS */

div.leftNavWrapper, div.greyBoxContainer, div.greyBoxTop, div.adventureBoxTop, div.learnBoxTop, div.paidworkBoxTop, div.sportsBoxTop, div.teachBoxTop, div.volunteerBoxTop, div.greyBoxMid, div.adventureBoxMid, div.learnBoxMid, div.paidworkBoxMid, div.sportsBoxMid, div.teachBoxMid, div.volunteerBoxMid, div.greyBoxBottom, div.adventureBoxBottom, div.learnBoxBottom, div.paidworkBoxBottom, div.sportsBoxBottom, div.teachBoxBottom, div.volunteerBoxBottom, div.greyBoxBottomDeep, div.redButtons, div.leftBrochureButton {
	width:174px;
	float:left;	
}
div.leftNavWrapper {
	height:auto;
	margin-bottom:10px;
margin-left:4px;
margin-top:10px;
}

div.rightNavWrapper {
	height:auto;
	width:174px;
	float:right;	
margin-right:6px;
.margin-right:0px;
margin-bottom:8px;
}

div.leftNavWrapper {
	height:auto;
	width:174px;
	float:left;	
}


div.greyBoxContainer{
	height:auto;
	padding: 0 0 0 0;
	margin-bottom:5px;
margin-left:4px;

}

div.redButtons {
	/* height:29px; */
	margin: 0 0 5px 4px;
}

div.leftBrochureButton {
    height:auto;
    margin-bottom:5px;
    margin-left:4px;
    margin-top:0;
}

div.rightRedButtons {
   height:29px;
   float:right;
   margin: 0px 3px 5px 0px; /* margin: 0px 0px 5px 0px; */
}

div.rightBrochureButton {
    height:auto;
    width:174px;
    float:right;
    clear: right;    
    margin-right:6px;
    .margin-right:0px;
    margin-bottom:5px;
}

div.rightSpecialJuneBtn {
	height:200px;
	margin: 0 7px 5px 4px;
	.margin: 0 4px 5px 4px;
}

/* BROCHURE BUTTON ROLLOVER */ /* to be removed */

.brochure-rollover
{
  display: block;
  width: 174px;
  height: 49px;
  background: url("/assets/brochure-css-rollover.jpg") no-repeat 0 0;
}

.brochure-rollover:hover
{ 
  background-position: 0 -49px;
}

.brochure-rollover span
{
  display: none;
}
/* end brochure button */


/* BOOK BUTTON ROLLOVER - realgap.COM */

.book-now-rollover-INTL
{
  display: block; width: 174px; height: 52px; background: url("/assets/book-now-rollover-INTL.jpg") no-repeat 0 0;
}

.book-now-rollover-INTL:hover
{ 
  background-position: 0 -52px;
}

.book-now-rollover-INTL span
{
  display: none;
}

/* end book button rollover */

div.greyBoxTop, div.adventureBoxTop, div.learnBoxTop, div.paidworkBoxTop, div.sportsBoxTop, div.teachBoxTop, div.volunteerBoxTop  {
	height:28px;
}
div.greyBoxMid, div.adventureBoxMid, div.learnBoxMid, div.paidworkBoxMid, div.sportsBoxMid, div.teachBoxMid, div.volunteerBoxMid {
	height:auto;
}
div.greyBoxBottom, div.adventureBoxBottom, div.learnBoxBottom, div.paidworkBoxBottom, div.sportsBoxBottom, div.teachBoxBottom, div.volunteerBoxBottom {
	height:12px;
	max-height:12px;
	overflow:hidden;
}

div.greyBoxTop {
	background-image:url(/assets/grey_box_top.gif);
}
div.greyBoxMid {
	background-image:url(/assets/grey_box_mid.gif);
}
div.greyBoxBottom{
	background-image:url(/assets/grey_box_bottom.gif);
}

div.adventureBoxTop {
	background-image:url(/assets/adventure-top-box.gif);
}
div.adventureBoxMid {
	background-image:url(/assets/adventure-tile.gif);
}
div.adventureBoxBottom{
	background-image:url(/assets/adevnture-bottom-box.gif);
margin-bottom:5px;
}

div.learnBoxTop {
	background-image:url(/assets/learn-top-box.gif);
}
div.learnBoxMid {
	background-image:url(/assets/learn-tile.gif);
}
div.learnBoxBottom{
	background-image:url(/assets/learn-bottom-box.gif);
margin-bottom:5px;
}

div.paidworkBoxTop {
	background-image:url(/assets/paidwork-top-box.gif);
}
div.paidworkBoxMid {
	background-image:url(/assets/paidwork-tile.gif);
}
div.paidworkBoxBottom{
	background-image:url(/assets/paidwork-bottom-box.gif);
margin-bottom:5px;
}

div.sportsBoxTop {
	background-image:url(/assets/sports-top-box.gif);
}
div.sportsBoxMid {
	background-image:url(/assets/sports-tile.gif);
}
div.sportsBoxBottom{
	background-image:url(/assets/sports-bottom-box.gif);
margin-bottom:5px;
}

div.teachBoxTop {
	background-image:url(/assets/teach-top-box.gif);
}
div.teachBoxMid {
	background-image:url(/assets/teach-tile.gif);
}
div.teachBoxBottom{
	background-image:url(/assets/teach-bottom-box.gif);
margin-bottom:5px;
}

div.volunteerBoxTop {
	background-image:url(/assets/volunteer-top-box.gif);
}
div.volunteerBoxMid {
	background-image:url(/assets/volunteer-tile.gif);
}
div.volunteerBoxBottom{
	background-image:url(/assets/volunteer-bottom-box.gif);
margin-bottom:5px;
}div.greyBoxBottomDeep {
	height:27px;
	background-image:url(/assets/greeney_box_bottom__.gif);
}
div.greyInner{
	width:154px;
	margin: 7px 10px auto 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#808080;
	
}
div.greyInnerHeader{
	width:154px;
	margin: 6px 10px auto 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
}
select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	font-weight:normal;
	margin-bottom:5px;
	
}

select .LeftNav{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	font-weight:normal;
	margin-bottom:5px;
	width:154px;
}
.handyLinks:link, .handyLinks:visited  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#808080;
	text-decoration:none;
}
.handyLinks:hover  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#808080;
	text-decoration:underline;
}
.previous, .previous:link, .previous:visited, .previousVol, .previousVol:link, .previousVol:visited, .previousPaid, .previousPaid:link, .previousPaid:visited, .previousTeach, .previousTeach:link, .previousTeach:visited, .previousSport, .previousSport:link, .previousSport:visited, .previousAdv, .previousAdv:link, .previousAdv:visited,  .previousLearn, .previousLearn:link, .previousLearn:visited  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:normal !important;
}
.previous:hover, .previousVol:hover, .previousPaid:hover, .previousTeach:hover, .previousSport:hover, .previousAdv:hover, .previousLearn:hover,   {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
	font-weight:normal !important;
}
.previous, .previous:link, .previous:visited .previous:hover {
	color:#808080;
}
.previousVol, .previousVol:link, .previousVol:visited .previousVol:hover {
	color:#808080;
}
.previousPaid, .previousPaid:link, .previousPaid:visited .previousPaid:hover {
	color:#808080;
}
.previousTeach, .previousTeach:link, .previousTeach:visited .previousTeach:hover {
	color:#808080;
}
.previousSport, .previousSport:link, .previousSport:visited .previousSport:hover {
	color:#808080;
}
.previousAdv, .previousAdv:link, .previousAdv:visited .previousAdv:hover {
	color:#808080;
}
.previousLearn, .previousLearn:link, .previousLearn:visited .previousLearn:hover {
	color:#808080;
}
/* End of LeftNav CSS */

BODY {
	font-size: 0.7em;
	font-family: Verdana, arial, sans-serif;
                color:#333333;
}

TD {
	font-family: Verdana, arial, sans-serif;
	font-size: 0.7em;
color:#808080;
}

input, select, textarea {
	font-family: Verdana, arial, sans-serif;
	color: #000066;
}

ul {
	/*margin-left: 7px;
	padding-left: 10px; */
                color: #808080;
}

H1 {
	font-size: 1.3em;
	font-family: Verdana, arial, sans-serif;
	color: #333333;
	margin-top: 10px;
	margin-bottom: 10px;
}

H2 {
	font-size: 1.1em;
	font-weight: bold;
	font-family: Verdana, arial, sans-serif;
	margin: 7px 0px 2px 0px;
}

h3 {
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
	margin: 7px 0 7px 0;
	position: relative;
	top: 8px;
	}

hr {
	height: 1px;
	color: #808080;
}
/*  CLASSES  */
.crumbtrailBox {
	/*height: 21px;*/
	padding-top: 15px;
	padding-bottom: 0px;
}

.crumbtrail , .crumbtrail a ,.crumbtrail a:visited {
	font-family: Arial;
	text-decoration: none;
}
.crumbtrail a:hover
{
	font-family: Arial;
	text-decoration: underline;
}

.crumbtrail {
	font-size: 0.9em;
	padding-top: 3px;
}

.footerBox {
	background-image: url('/images/bg_footer.gif');
	height: 22px;
}
.footer{
float:left;
width:50%;
margin: 3px 0 0 0;
}
.footer,  .footer a, .footer a:visited, .footer a:hover {
	font-size: 9px;
	color: #FFFFFF;
}
	
.footerLogos {
	padding:10px, 0px, 15px, 0px;
}

.sButton {
	background-color: #CDCDCD;
	border: 1px solid #666666;
	color: #666666;
	cursor: pointer;
	cursor: hand;
	font-weight: bold;
	font-family: arial, verdana, sans-serif; 
	font-size: 0.8em;
}

.sImage{
	border: 1px solid #C6C4C4;
}

/* SITE MAP STYLES */
.sitemapText, .sitemapText a, .sitemapText a:visited, .sitemapText a:hover {
	color: #447444;
	line-height: 18px;
	font-weight: normal;
}

.sitemapHeaderText, .sitemapHeaderText a ,.sitemapHeaderText a:hover, .sitemapHeaderText a:visited {
	font-weight: bold;
	color: #447444;
	line-height: 18px;
	padding-top: 5px;
}

.left_nav_filler {
	height: 100%;
	background: #8BD3E5 url(../images/left_nav_under_background.jpg) no-repeat bottom;
}

.homePageContentContainer {
	padding: 0px 0px 0px 0px;
}


.generalContentContainer {
	padding: 0px 0px 0px 0px;
}

.programmeContentContainer {
	padding: 0px 0px 0px 0px;
}

.destinationContentContainer {
	padding: 15px 0px 0px 0px;
}

.activityContentContainer {
	padding: 0px 7px 0px 0px;
}

.searchResultsContentContainer {
	padding: 10px 0px 0px 0px;
}

.whatWhereContentContainer {
	padding: 10px 0px 0px 0px;
}

.rightColumn
{
	text-align: left;
	padding-top: 13px;
}
.rightButton
{
	padding: 3px 6px 3px 0px;
}
.rightNewsletter
{
	padding: 3px 6px 3px 0px;
}
.rightNewsletterBottom
{
	background-image: url('/images/buttons/box_bottom_newsletter.gif');
	background-repeat: no-repeat;
	background-position: right;
	height: 23px;
}
.rightNewsletterBottomInner
{
	padding: 0px 8px 3px 0px;
}
.rightNewsletterBg
{
	background-image: url('/images/buttons/box_bg_newsletter.gif');
	background-repeat: repeat-y;
	background-position: right;
	height: 27px;
}
.rightNewsletterInner
{
	padding: 0px 0px 0px 0px;
margin: 0;
}
#formNewsletter
{
	margin: 0px;
	padding: 0px;
}
.fieldNewsletter
{
	border: 1px solid #cacaca;
	width: 148px;
	height: 16px;
margin:0;
padding:0;
}
.rightActivities
{
	padding: 3px 6px 3px 0px;
}
.rightActivityInner
{
	padding: 5px 0px 1px 3px ;
}
.rightActivityLinks
{
	padding:	1px 0px 0px 10px;
}
.rightActivityLinks a
{
	text-decoration: none;
}
.rightActivityLinks a:hover
{
	text-decoration: underline;
}

.whiteText {
	color: #FFFFFF;
}

.mainHeading {
	border-bottom			: 1px solid #709D6D;
	padding					: 10px 6px 10px 9px;
	text-transform			: uppercase;
	background-color		: #EFF5EF;
}

.heading {
	border-bottom			: 1px solid #709D6D;
	background-color		: #EFF5EF;
	font-weight				: bold;
	padding					: 10px 6px 10px 9px;
	text-transform			: uppercase;
}

.newsContent {
	padding					: 6px 2px 6px 2px;
}

.mainText {
	background-color: #EFF5EF;
	color: #000033;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.greenBox {
	background-color		: #EFF5EF;
	padding					: 2px 6px 2px 9px;
}

.searchForOuterContainer {
	padding-top: 5px;
}

.searchForInnerContainer {
	padding: 0px 0px 5px 30px;
}

.searchForTitle {
	background-image: url('/images/content/header_go.gif');
	background-repeat: no-repeat;
	height: 32px;
	padding-left: 20px;
	padding-top: 9px;
	font-weight: bold;
}

.searchForField {
	font-weight: bold;
}

.searchResultsTitle {
	background-image: url('/images/content/header_go.gif');
	background-repeat: no-repeat;
	height: 32px;
	padding-left: 20px;
	font-weight: bold;
}

.searchResultsOuterContainer {
	padding: 0px 15px 0px 15px;
}

.searchResultsProgrammeTitle, .searchResultsProgrammeTitle a, .searchResultsProgrammeTitle a:hover, .searchResultsProgrammeTitle a:visited {
	background: #d8f7ff;
	font-weight: bold;
	text-decoration:underline;
}

.searchResultsImage {
	cursor: pointer;
	padding-top: 4px;
}

.searchResultsDesc {
	padding: 3px 5px 5px 5px;
}

.searchReesultsPriceImg {
	padding-right: 5px;
}

.searchResultsNoResults {
	font-weight: bold;
	padding: 5px 15px 10px 15px;
}

/*.otherGapsOuterContainer {
	padding: 0px 15px 0px 15px;
}*/

.otherGaps {
	width: 270px;
	/*height: 200px;*/
	/*padding: 0px 10px 10px 0px;*/
	/*margin-right: 10px;*/
	float: left;
}

.otherGapsContainer {
	/*margin: 0px 10px 3px 10px;*/
	overflow: auto;
	width: 240px;
	height: 200px;
}

.otherGapsHeader {

}

.otherGapsType {
	font-weight: bold;
}

.otherGapsTitle {
	background-image: url('/images/content/header_sub.gif');
	background-repeat: no-repeat;
	height: 24px;
	padding: 5px 0px 0px 10px;
	margin-top: 5px;
	font-weight: bold;
	color:#FFFFFF;
}

.otherGapsIntro {
	padding: 0px 10px 3px 10px;
}

.otherGapLineBreak {
	background: url('/images/other_gap_background.gif') repeat-x center;
}

/* Questionnaire styles */
.questionnaireError {
	color					: #FF0000;
}

.questionnaireTextfield {
	background-color		: #FFFFFF;
	color					: #000000;
	border					: 1px solid #00458D;
	width					: 350px;
}

.questionnaireTextArea {
	background-color		: #FFFFFF;
	color					: #000000;
	border					: 1px solid #00458D;
	width					: 350px;
	height					: 75px;
}

.questionnaireButton {
	background-color		: #99DAEA;
	color					: #000066;
	border					: 1px solid #000066;
	cursor					: pointer;
	cursor					: hand;
	font-size				: 8pt;
	font-family				: arial,sans-serif;
	height					: 23px;
}

.questionnaireSelectList {
	background-color		: #FFFFFF;
	color					: #000000;
	border					: 1px solid #00458D;
}

.errorMsg {
	color					: red;
	font-weight				: bold;
}


.rightTable
{
	text-align				: right;
	padding					: 3px 6px 3px 4px;
}
table.Your_RG_Profile {
	text-align				: right;
	width					: 170px;
}
table.progTable{
	border: 1px solid #CCCCCC;
	width:559px;
	border-style:none;
	border-collapse:collapse;
color: #808080;

}
table.progTable td{
	border: 1px solid #CCCCCC;
	border-style:solid;
color: #808080;
padding:2px;
}

.ProfileItem
{
	background-image		: url('/images/navigation/box_bg.gif');
	background-repeat		: repeat-y;
	background-position		: right;
	text-align: left;
}
.ProfileItemLink
{
	padding					: 3px 6px 3px 11px;
}
.ProfileItemLink a
{
	font-size				: 80%;
	color					: #999999;
	text-decoration			: none;
}
.ProfileItemLink a:hover
{
	font-size				: 80%;
	color					: #999999;
	text-decoration			: underline;
}

/* activities  */
.actHolder {
	border: 1px solid #FFFFFF;
	display: block;
	padding: 0px;
	width: 250px;
}

.actL1 a, .actL1 a:visited, .actL1 a:hover  {
	background-color: #FF7200;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	padding: 5px;
}

.actL2 a, .actL2 a:visited, .actL2 a:hover  {
	background-color: #ffd9ba;
	border-bottom: 1px solid #FFFFFF;
	display: block;
	color: #003399;
	padding: 2px 0px 4px 10px;
}

.actL3 a, .actL3 a:visited, .actL3 a:hover  {
	background-color: #FFEAD9;
	border-bottom: 1px solid #FFFFFF;
	color: #003399;
	display: block;
	padding: 2px 0px 2px 25px;
}

.actL4 a, .actL4 a:visited, .actL4 a:hover  {
	background-color: #fFf0e4;
	border-bottom: 1px solid #FFFFFF;
	color: #003399;
	display: block;
	padding: 2px 0px 2px 35px;
}

.actSpacer {
	width: 250px;
	height: 5px;
}

.activityTabs {
	background-image: url(/images/destination_tab_background.gif);
	background-repeat: repeat-x;
}

.activityTabsHolder {
	background-color: #012D40;
	height: 16px;
	padding: 1px 5px 0px 5px;
	font-size: 0.9em;
	vertical-align: middle;
}

.activityTabsHolder a, .activityTabsHolder a:hover, .activityTabsHolder a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

.activityTabsHolderSelected {
	background-color: #B0B0B0;
	height: 16px;
	padding: 1px 5px 0px 5px;
	font-size: 0.9em;
	vertical-align: middle;
}

.activityTabsHolderSelected a, .activityTabsHolderSelected a:hover, .activityTabsHolderSelected a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

.boxToDo {
	padding: 3px 5px 3px 0px;
}

.activityImage {
	float: right;
	text-align: right;
}
.boxSubActivities
{
	float:left;
	width: 185px;
}
.boxSubActivitiesInner
{
	padding: 0px 3px 0px 1px;
}
H2.subActivityH2
{
	font-size: 120%;
}

#filterResults
{
	font-size: 8pt;
}
#filterResults select
{
	font-size: 8pt;
}
#filterResults form
{
	margin: 0px;
}
.filterText
{
	float: left;
}
.filterLink
{
	float: right;
	text-align: right;
	width: 200px;
}
.filterLink a
{
	font-weight: bold;
}


/*  Brochure   */

.brochureBox {
	background:#7ab134;
	border-top:1px solid #91ce44;
	padding: 4px 8px 4px 8px;
	font-size: 0.7em;
}

.brochureBox a, .brochureBox a:visited, .brochureBox a:hover {
	color: #FFFFFF;
}

.BrochureRight {
	float: right;
	text-align: right;
	width: 137px;
}
.BrochureForm
{
	float: left;
	width:440px;
	
}
.brochureFieldName {
	font-weight: bold;
	width: 130px;
}

/* Destinations */
.destHolder {
	border: 1px solid #FFFFFF;
	display: block;
	padding: 0px;
	width: 250px;
}

.destL1 a, .destL1 a:visited, .destL1 a:hover  {
	background-color: #FF7200;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	padding: 5px;
}

.destL2 a, .destL2 a:visited, .destL2 a:hover  {
	background-color: #ffd9ba;
	border-bottom: 1px solid #FFFFFF;
	display: block;
	color: #003399;
	padding: 2px 0px 4px 10px;
}

.destL3 a, .destL3 a:visited, .destL3 a:hover  {
	background-color: #FFEAD9;
	border-bottom: 1px solid #FFFFFF;
	color: #003399;
	display: block;
	padding: 2px 0px 2px 25px;
}

.destL4 a, .destL4 a:visited, .destL4 a:hover  {
	background-color: #fFf0e4;
	border-bottom: 1px solid #FFFFFF;
	color: #003399;
	display: block;
	padding: 2px 0px 2px 35px;
}

.destSpacer {
	width: 250px;
	height: 5px;
}

.thisDestinationBox
{
	padding: 0px 0px 0px 12px;
}


.destinationTabsDiv
{
	margin: 0px 0px 0px 1px;
}
#destinationTabsTable
{
	margin: 0px;
	padding:0px;
}
#destinationTabsTable td, #destinationTabsTable tr
{
	margin: 0px;
}
.destinationTabSelected
{
	background-color: #FFFFFF;
	border-left: 1px solid #2EA4FE;
	border-top: 1px solid #2EA4FE;
	border-right: 1px solid #2EA4FE;
	padding: 1px 10px 1px 10px;
}
.destinationTab
{
	background-color: #ECFCFC;
	border-top: 1px solid #8CD3E5;
	border-right: 1px solid #8CD3E5;
	border-bottom: 1px solid #8CD3E5;
	padding: 1px 10px 1px 10px;
}
.destinationTabLeft
{
	background-color: #ECFCFC;
	border-top: 1px solid #8CD3E5;
	border-left: 1px solid #8CD3E5;
	border-bottom: 1px solid #8CD3E5;
	padding: 1px 10px 1px 10px;
}
.destinationTabFull
{
	background-color: #ECFCFC;
	border: 1px solid #8CD3E5;
	padding: 1px 10px 1px 10px;
}

#destinationTabsTable a, #destinationTabsTable a:visited
{
	text-decoration: none;
}
#destinationTabsTable a:hover
{
	text-decoration: underline;
}

.boxToDo {
	padding: 3px 5px 3px 0px;
}

.destinationImage {
	float: right;
	text-align: right;
}


/* Forms  */
.fieldName {
	font-weight: bold;
}

.fieldItem {
	text-align: left;
}

.questionnaireBoldItalics {
	font-weight: bold;
	font-style: italic;
}
.questionnaireBold {
	font-weight: bold;
}

.questionnaireError {
	color: red;
}

.CallBack-Text
{
	width: 200px;
	border: 1px solid #666666;
}
.CallBack-Textarea
{
	width: 200px;
	height: 80px;
	border: 1px solid #666666;
}
.CallBack-Textmini
{
	width: 40px;
	border: 1px solid #666666;
}
.spamText
{
	color: #808080;
}


/*  Home   */

.homeToDo {
	padding: 3px 5px 3px 0px;
}

.homeBox {
	background: url('/assets/home_box.jpg') no-repeat;
	height: 184px;
}

.homeBoxText {
	color: #FFFFFF;
	padding: 12px 180px 5px 15px;
}

.homePageGoSection {
	background: url('/images/box_go_background.gif') repeat-y;
	height: 100%;
	margin-right: 1px;
	width: 341px;
}

.homePageGoBackground {
	background: url('/images/box_go_main.gif') center right no-repeat;
	margin-right: 1px;
 	padding-left: 15px;
 	width: 341px;
}

.homePageDoSection {
	background: url('/images/box_do_background.gif') repeat-y;
	height: 100%;
	width: 230px;
}

.homePageDoBackground {
	background: url('/images/box_do_main.gif') center right no-repeat;
	padding-left:15px;
	width: 230px;
}


/*   Programmes   */

.programmeTabsDiv
{
	margin: 0px 0px 0px 1px;
}
#programmeTabsTable
{
	margin: 0px;
	padding:0px;
}
#programmeTabsTable td, #programmeTabsTable tr
{
	margin: 0px;
}
.programmeTabSelected
{
	background-color: #FFFFFF;
	border-left: 1px solid #2EA4FE;
	border-top: 1px solid #2EA4FE;
	border-right: 1px solid #2EA4FE;
	padding: 1px 10px 1px 10px;
}
.programmeTab
{
	background-color: #ECFCFC;
	border-top: 1px solid #8CD3E5;
	border-right: 1px solid #8CD3E5;
	border-bottom: 1px solid #8CD3E5;
	padding: 1px 10px 1px 10px;
}
.programmeTabLeft
{
	background-color: #ECFCFC;
	border-top: 1px solid #8CD3E5;
	border-left: 1px solid #8CD3E5;
	border-bottom: 1px solid #8CD3E5;
	padding: 1px 10px 1px 10px;
}
.programmeTabFull
{
	background-color: #ECFCFC;
	border: 1px solid #8CD3E5;
	padding: 1px 10px 1px 10px;
}

#programmeTabsTable a, #programmeTabsTable a:visited
{
	text-decoration: none;
}
#programmeTabsTable a:hover
{
	text-decoration: underline;
}

.prog_thisProgrammeBox
{
	padding: 0px 0px 0px 0px;/* left:12px;*/
}

.programmeboxToDo{
	padding: 3px 5px 3px 0px;
}

.programmeHeaderGo {
	background-image: url('/images/content/header_go.gif');
	background-repeat: no-repeat;
	height: 32px;
	padding-left: 20px;
	font-weight: bold;
}

.programmeCell {
	padding: 3px 0px 0px 20px;
}

.programmeImage {
	float: right;
	text-align: right;
}


/*  Search Box   */

.searchField {
	width: 150px;
	font-family:  verdana, sans-serif; 
	font-size: 10px;
	color: #000000;
	border: 1px solid #cacaca;
}
.searchFieldTripCode
{
	width: 74px;
	font-family:  verdana, sans-serif; 
	font-size: 10px;
	color: #000000;
	border: 1px solid #cacaca;
}
.searchFieldPadding
{
	padding-left: 3px;
}
.searchFieldBothPadding
{
	padding: 4px 3px 0px 3px;
}
.searchBorder {
	background-image: url('/images/search/bg.gif');
	background-repeat: repeat-y;
	padding-left: 13px;
}

.searchBorderSmall {
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding-left: 9px;
	background-color: #CCCCCC;
}

.searchHeader {
	padding: 4px 0px 3px 1px;
}
.searchBottomBox
{
	background-image: url('/images/search/bottom_box.gif');
	background-repeat: no-repeat;
	height: 30px;
}
#smallSearchBtn
{
	margin: 0px 5px 0px 0px;
}


/*  Search  Results  */ 

.searchForOuterContainer {
	padding-top: 5px;
}

.searchForInnerContainer {
	padding: 0px 0px 5px 30px;
}

.searchForTitle {
	background-image: url('/images/content/header_go.gif');
	background-repeat: no-repeat;
	height: 32px;
	padding-left: 20px;
	padding-top: 9px;
	font-weight: bold;
}

.searchForField {
	font-weight: bold;
}

.searchResultsTitle {
	background-image: url('/images/content/header_go.gif');
	background-repeat: no-repeat;
	height: 32px;
	padding-left: 20px;
	font-weight: bold;
}

.searchResultsOuterContainer {
	padding: 0px 15px 0px 15px;
}

.searchResultsProgrammeTitle, .searchResultsProgrammeTitle a, .searchResultsProgrammeTitle a:hover, .searchResultsProgrammeTitle a:visited {
	background: #d8f7ff;
	font-weight: bold;
	text-decoration:underline;
}

.searchResultsImage {
	cursor: pointer;
	padding-top: 4px;
}

.searchResultsDesc {
	padding: 3px 5px 5px 5px;
}

.searchReesultsPriceImg {
	padding-right: 5px;
}

.searchResultsNoResults {
	font-weight: bold;
	padding: 5px 15px 10px 15px;
}

.otherGapsOuterContainer {
	padding: 0px 15px 0px 15px;
}

.otherGaps {
	height: 200px;
	padding: 0px 10px 10px 0px;
}

.otherGapsContainer {
	height: 200px;
	margin: 0px 10px 3px 10px;
	overflow: auto;
	width: 240px;
}

.otherGapsHeader {

}

.otherGapsType {
	font-weight: bold;
}

.otherGapsTitle {
	background-image: url('/images/content/header_sub.gif');
	background-repeat: no-repeat;
	height: 24px;
	padding: 5px 0px 0px 10px;
	margin-top: 5px;
	font-weight: bold;
}

.otherGapsIntro {
	padding: 0px 10px 3px 10px;
}

.otherGapLineBreak {
	background: url('/images/other_gap_background.gif') repeat-x center;
} 



/*   NEW DESIGN - Programmes */
div#programme-box{
width:579px;
/*height:100px;*/
margin-bottom:0px;
}
div#programme-box p{
margin-bottom:0 !important;
padding-bottom:0 !important;
}
#title-bar{
background:url('/assets/bar.gif') no-repeat;
width:579px;
height:30px;
}
#title-bar-light{
background:url('/assets/bar_light.gif') no-repeat;
width:579px;
height:30px;
color:#807392;
}

#title{
font-size:11px;
font-weight:bold;
margin:7px 0px 5px 10px;
float:left;
display:inline;
}
#tripCode
{
font-size:11px;
font-weight:normal;
color: #FFFFFF;
margin:7px 0px 5px 10px;
float:left;
display:inline;
}

.Searchtitle{
font-size:11px;
font-weight:bold;
color:#FFFFFF;
margin:7px 0px 5px 10px;
float:left;
display:inline;
}

a.class1:link, .class1:visited, .class1:active {color:#ffffff; text-decoration:none;}
a.class1:hover {color:#ffffff; text-decoration:underline;}

#left-links{
width:87px;
font-size:11px;
font-weight:bold;
line-height:20px;
margin:0px;
float:right;
display:inline;
}

a.class2:link, .class2:visited, .class2:active {color:#9eb6a0; text-decoration:none;}
a.class2:hover {color:#9eb6a0; text-decoration:underline;}

#spacer{
width:250px;
margin:5px 5px 5px 5px;
float:left;
display:inline;
}

#from{
font-size:10px;
font-weight:bold;
color:#FFFFFF;
margin:7px 10px 5px 5px;
float:right;
display:inline;
}

#price{
font-size:12px;
font-weight:bold;
color:#FFFFFF;
margin:5px 10px 5px 5px;
float:right;
display:inline;
}

#summary-container{
width:579px;
height:auto;
margin:0px;
}

#prog-thumb{
float:left;
display:inline;
width:90px;
height:auto;
margin:5px 5px 8px 10px;
}

#summary-blurb{
width:370px;
height:auto;
float:left;
display:inline;
margin:5px 5px 0px 5px;
}
#summary-blurb img{
margin-top:5px;
}


/*   PROGRAMME DETAILS   */

div#overall-container{
width:579px;
height:auto;
margin:0 auto 0 auto;
}

h1.header{
font-size:15px;
color:#333333;
}
.tripCodeHeader{
padding: 14px 5px 0px 10px;
font-size:10px;
color:#333333;
}


div#overview{
margin:0px;
font-weight:bold;
color:#ffffff;
}

div#introduction{
width:569px;
height:auto;
margin:5px;
}

div#overviewSpacer{
width:10px;
height:28px;
float:left;
display:inline;
}

div#overviewPrice {
float:right;
display:inline;
padding: 7px 10px 0px 0px;
}

#overview{
background:url("/assets/orange-overview1.gif") no-repeat;
height:28px;
width:579px;
overflow: hidden;
}

div#summary{
width:579px;
height:auto;
background-image:url("/assets/orange-progrmamme-tile1.gif");
background-repeat:repeat;
padding: 0px 0 0px 0;
}
div#destsummary{
width:579px;
height:auto;
padding: 0px 0 0px 0;
}
div#summaryWrapWrap{
	width:390px;
	margin:0px 0px 10px 10px;
	padding:10px 0 0px 0;
	float:left;
}
div#summaryWrap{
	width:390px;
	margin:0px 0px 0px 0px;
}
div#summary-titles{
width:120px;
height:auto;
font-weight:bold;
float:left;
}
div#programme-image{
width:165px;
_width:160px;
margin:0px 4px 0px 0px;
height:auto;
float:left;
display:inline;
}

div#summary-information{
width:260px;
height:auto;
float:left;
}

p.progOverview {
  margin: 0px;
  padding : 0px;
color: #808080;
}
p.programme {
color: #808080;
margin-top:0;
padding-top:0;
}
ul.programme, li.programme {
color: #808080;
}

h2.programme {
  margin: 15px 0px 0px 0px;
  padding: 0px;
color: #808080;
}

div#bottom{
width:579px;
height:13px;
margin:0;
background-image:url("/assets/orange-bottom1.gif");
background-repeat:no-repeat;
margin-bottom:10px;
float:left;
}

div#programmecontent{
width:559px;
height:auto;
/*padding:20px 10px 0 10px;*/
}
div#programmeText{
clear:both;
padding: 10px 10px 10px 10px;
}div#destTabText{
clear:both;
padding: 10px 0px 10px 0px;
}
div#programmeGallery{
clear:both;
padding: 20px 10px 10px 22px;
}

div#programmetabs{
width:100%;
_width:579px;
height:28px !important;
float:left;
display:inline;
border-bottom:2px solid #9eb6a0;
border-right:none;
background-color:#ffffff;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#textpadding{
padding:6px 8px 0px 8px;
width:auto;
height:28px;
}


.br{
word-spacing:5px;
}


#navigation ul{
list-style:none;
clear:none;
height:28px;
float:left;
display:inline !important;
margin:0 0 0 0; 
padding:0 0 0 0;
cursor:pointer;
}

#navigation li{
float:left;
display:inline !important;
margin:0 0 0 0; 
padding:0 0 0 0;
list-style:none;
cursor:pointer;
clear:none;
_width:25px;
_height:28px;
}

#navigation li a{
color: #9eb6a0;
font-weight:bold;
height:28px;
background: #e6e3c4 url("/assets/prog-nav-2-left.gif") left top no-repeat;
text-decoration:none;
float:left;
}


#navigation li a span{
background: url("/assets/prog-nav-2-right.gif") right top no-repeat;
height:28px;
cursor:pointer;
}

#navigation li a, #navigation li a span{
display: block;
float: left;
height:28px;
cursor:pointer;
}

/* Hide from IE5-Mac \*/
#navigation li a, #navigation li a span{
float: left;
height:28px;
}
/* End hide */

#navigation li a:link, #navigation li a:visited{
color:#9eb6a0;
font-weight :bold;
height: 28px;
}

#navigation li a:hover{
color: #ffffff;
font-weight:bold;
height:28px;
background: #9eb6a0 url("/assets/prog-nav-1-left.gif") left top no-repeat;
}

#navigation li a:hover span{
background: url("/assets/prog-nav-1-right.gif") right top no-repeat;
text-decoration:underline;
_height:28px;
}

#navigation li a:active{
background: #9eb6a0 url("/assets/prog-nav-1-left.gif") left top no-repeat;
color:#ffffff;
_height:28px;
}

#navigation li a:active span{
background: url("/assets/prog-nav-1-right.gif") right top no-repeat;
_height:28px;
}

.navSelected{
	color: #ffffff;
	font-weight:bold;
	height:28px;
	background: #9eb6a0 url("/assets/prog-nav-1-right.gif") right top no-repeat !important;
}
.navSelectedLeft{
background: url("/assets/prog-nav-1-left.gif") left top no-repeat !important;
}

/*  LIGHT BOX   */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background:url('/images/gallery/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('/images/gallery/nextlabel.gif') right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



/*Styles for new homepage*/
div.ColumnMainPaid{background-image:url(http://www.realgap.co.uk/assets/paid-work-1.gif); margin:0px; padding:0px; height:20px; width:130px;}
div.ColumnMainTeach{background-image:url(http://www.realgap.co.uk/assets/teach-1.gif); margin:0px; padding:0px; height:20px; width:130px;}
div.ColumnMainVol{background-image:url(http://www.realgap.co.uk/assets/volunteer-1.gif); margin:0px; padding:0px; height:20px; width:130px;}
div.ColumnMainSports{background-image:url(http://www.realgap.co.uk/assets/sports-1.gif); margin:0px; padding:0px; height:20px; width:130px;}
div.ColumnMainAdventure{background-image:url(http://www.realgap.co.uk/assets/adventure-1.gif); margin:0px; padding:0px; height:20px; width:130px;}
div.ColumnMainLearn{background-image:url(http://www.realgap.co.uk/assets/roundtheworld.gif); margin:0px; padding:0px; height:20px; width:130px;}




div.ColumnMainDestinations{
	background-image:url(http://www.realgap.co.uk/assets/destinations-1.gif);
	margin:0px;
	padding:0px;
	height:20px;
	width:130px;
}

div.ColumnHeading{
	width:147px; /* Firefox, and every other non-IE browser */
	.margin-left: 8px; /* only IE7 */ 
	_margin-left: 8px; /* IE6 */
	height:20px;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	float:left;
	display:inline;
	vertical-align:middle;	
}

div.ColumnHeadingRight{ width:133px; height:20px; font-size:14px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; float:left; display:inline; text-align:center;}
div.ColumnHeadingRightBottom{
	width:133px;
	height:20px;
	float:left;
	display:inline;
	background-image:url(http://www.realgap.co.uk/assets/destinations-2.gif);
	
	background-repeat:no-repeat;
}



div#ColumnContainer{
	width:441px;
	display:inline;
	float:left;
	padding: 0px;
}


div.Column{
	width:147px;
	display:inline;
	text-align:left;
	float:left;
	padding: 0px;
	margin: 0px;
	}

div.ColumnRightMiddle{
	width:125px;
	.width:130px;
	_width:130px;
	background-image:url(http://www.realgap.co.uk/assets/destinations-tile.gif);
	padding-left:5px;
}

div.HomepageTopArea{
	width:568px;
	height:340px;
	margin-bottom:10px;
}

div.HomepageColumn{
width:134px;
height:250px;
display:inline;
float:left;
}

div.HomepageColumn2{
width:134px;
height:250px;
display:inline;
float:left;
}	

div.ColumnRight{
	width:133px;
	color:#666666;
	margin-right:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	display:inline;
	text-align:center;
	background-image:url(http://www.realgap.co.uk/assets/destinations-tile.gif);
	background-position:center;
	background-repeat:repeat-y;
	}

div.PlanningTop{
background-image:url(http://www.realgap.co.uk/assets/plan-1.gif);
width:557px;
.width:568px;
height:30px;
padding-left:11px;
padding-top:4px;
color:#666666;
text-decoration:none;
font-size:12px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
overflow:hidden;
}

div.PlanningMiddle{
background-image:url(http://www.realgap.co.uk/assets/plan-tile.gif);
width:557px;
.width:568px;
padding-left:11px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
overflow:hidden;
}


div.PlanningBottom{
background-image:url(http://www.realgap.co.uk/assets/plan-2.gif);
width:557px;
.width:568px;
height:19px;
padding-left:11px;
overflow:hidden;
}


.class4:link, .class4:visited, .class4:active { color:#660066; text-decoration:underline;}
.class4:hover {color:#660066; text-decoration:underline;}

.class5:link, .class5:visited, .class5:active { color:#CC0066; text-decoration:underline;}
.class5:hover {color:#CC0066; text-decoration:underline;}

.class6:link, .class6:visited, .class6:active { color:#3333CC; text-decoration:underline;}
.class6:hover {color:#3333CC; text-decoration:underline;}

.class7:link, .class7:visited, .class7:active { color:#339900; text-decoration:underline;}
.class7:hover {color:#339900; text-decoration:underline;}

.class8:link, .class8:visited, .class8:active{ color:#6B3624; text-decoration:underline; text-align:left;}
.class8:hover {color:#6B3624; text-decoration:underline; text-align:left;}

.class9:link, .class9:visited, .class9:active { color:#666666; text-decoration:underline; text-align:left;}
.class9:hover {color:#666666; text-decoration:underline; text-align:left;}

.class10 A:link, .class10 A:visited, .class10 A:active, .class10 A:hover {color:#FFFFFF; text-decoration:underline; font-size:12px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; margin-left:5px; vertical-align:bottom;}

.class11 A:link, .class11 A:visited, .class11 A:active, .class11 A:hover{color:#666666; text-decoration:underline; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.class12:link, .class12:visited, .class12:active { color:#F77600; text-decoration:underline;}
.class12:hover {color:#F77600; text-decoration:underline;}

/* OLD CHANGED BY JAMES D!!! TOP 4 LISTINGS STYLES
div#AJAXContainerWithTop4 {
	width:559px;
	height: 165px;
	background-image:url(/assets/AjaxbackgroundTop4.gif);
             background-repeat:no-repeat;
	padding:15px;
	margin: 0 0 0 0;
} */

/* TOP 4 LISTINGS STYLES */
div#AJAXContainerWithTop4 {
	width:563px;
                .width:578px;
	height: 170px;
                .height: 200px;
	background-image:url(/assets/AjaxbackgroundTop4.gif);
                background-repeat:no-repeat;
	padding:15px 0px 15px 15px;
	margin: 15px 0px 0px 0px;
}
div.TopListingIcon {
	float: left;
	width: 90px;
	margin-right: 10px;
}
div.TopListing {
	float: left;
	width: 90px;
	margin-right: 20px;
}
img.TopListing {
	border: 1px solid black;
	margin-bottom: 3px;
}
a.TopListingLink, a.TopListingLink:link, a.TopListingLink:active, a.TopListingLink:visited {
	color: ##010007;
	font-size: 7pt;
	text-decoration:none;
}

a.TopListingLink:hover {
	color: ##010007;
	font-size: 7pt;
	text-decoration: underline;
}


/* AJAX filter results */

div#AJAXContainer{
	width:549px;
	height:50px;
	background-image:url('/assets/Ajaxbackground.gif');
                background-repeat:no-repeat;
	padding:15px;
	margin: 15px 0 0 0;
}

div#FormRow{
	width:549px;
	height:20px;
	padding-top:15px;
padding-bottom:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	
	}

div.AJAX{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	padding:0 0 0 0;
	margin: 0 0 0 0;
	}
	
div#SearchNumber{
	font-size:16px;
	color:#FF0000;
	}

.SearchNumberstyle {color: #FF3333;
font-size:16px;
	color:#000000;
	font-weight:bold;
	}

#select_destination
{
	width : 100px;
	margin-bottom:0px;
	vertical-align:middle;
}
#select_activity
{
	width : 200px;
	margin-bottom:0px;
	vertical-align:middle;
}
#select_priceSort
{
	width : 95px;
	margin-bottom:0px;
	vertical-align:middle;
}


/* ONLINE BOOKING STYLES */
div.BookingContainer{
	width:579px;
	padding:0px 0px 0px 0px;
	/* padding:0px 10px 10px 10px; */
	font-size: 11px;
	color:#333333;
	font-family: Verdana, arial, sans-serif;
	/*border:#AD0711 dashed 2px;*/
	}

div#CardDetails{
	background-color:#006699;
	width:579px;
	height:45px;
	background-image:url(/assets/CardTypes.jpg);
	}

.textboxError {color:#000000; border:2px solid #FF0000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding:2px; height:20px;}
.listError {color:#FF0000; border:2px solid #FF0000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; height:18px;}

.ErrorMessage{font-size: 12px; font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FF0000;}
	
h1.booking {
	font-size: 16px;
	font-family: Verdana, arial, sans-serif;
	color: #333333;
	margin-top: 10px;
	margin-bottom: 10px;
}

h2.booking {
	font-size: 14px;
	font-family: Verdana, arial, sans-serif;
	color: #333333;
	margin-top: 10px;
	margin-bottom: 10px;
}

hr{
color:#000000;
background-color:#000000;
height: 2px
}

table.BookingRequestDetails td{
border-bottom:#333333 1px solid;
height:22px;

}
	
div.BookingStage{
	height:20px;
	background-color:#CCCCCC;
	padding-top:5px;
}

div.BookingStage1{
	width:144px;
	display:inline;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
}

div.BookingStage2{
	width:144px;
	display:inline;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
}

div.BookingStage3{
	width:144px;
	display:inline;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
}

div.BookingStage4{
	width:144px;
	display:inline;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
}


/* CLIMATE CARE CALCULATOR */

.greenborder {
	border: 1px solid #41D348;
}

.mmcr_calculate
{
	background:url("/assets/climatecare_button_bg.gif") no-repeat top left;
	width:187px;
	height:33px;
	font-size: 10pt;
	font-family: Arial;
	border:none; 
	color:#FFFFFF;
	font-weight:bold;
	vertical-align:top;	
}
.padded td {
	 padding-left: 10px;
}

.formtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
}

.calctext {
	font-family: Arial;
	font-size: 12px;
	color:#000;
}
	
.quickcalctext   { color:#01628c; /*color: #01628c;*/ font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

a.quickcalctext:link {
	color:#62BD19; /*#62BD19*/;
	text-decoration: none;
}

#a {color: #01628C /*#01628C*/;}

a.quickcalctext:visited {
	color:#62BD19 /*#62BD19*/;
	text-decoration: none;
}

a.quickcalctext:hover {
	color:#62BD19 /*#62BD19*/;
	text-decoration: underline;
}

.autoComplete
{
	position: relative;
	padding-bottom: 2em;
	left: 0px;
}

.autoCompleteInput
{
	position: absolute;
	width: 218px;
	left: 0px;
}
.autoCompleteContainer
{
	position: absolute;
	left: 0px;
	top: 19px;
	z-index: 9050;
}
.autoComplete .yui-ac-content
{
	position: absolute;
	width: 200px;
	border: 1px solid #808080;
	background-color: white;
	overflow: hidden;
	z-index: 9050;
}
.autoComplete .yui-ac-content ul
{
	margin: 0;
	padding: 0;
	width: 100%;
}
.autoComplete .yui-ac-content li
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 2px 2px;
	cursor: default;
	white-space: nowrap;
	_list-style-image: none;
}
.autoComplete .yui-ac-content li.yui-ac-prehighlight
{
	background: #B3D4FF;
}
.autoComplete .yui-ac-content li.yui-ac-highlight
{
	background: #426FD9;
	color: #FFF;
}

/* end climate care calculator */


/* DISCOUNTED PRICE STYLES */
#price-reduced-from{
text-decoration:line-through;
color:red;
float:right;
display:inline;
font-weight:bold;
font-size:12px;
margin:5px 10px;
}

div#overviewPriceReducedFrom{
text-decoration:line-through;
color:red;
float:right;
display:inline;
font-weight:bold;
margin:7px 10px 0px 0px;
}

span#summary-price-reduced-from{
color:red;
text-decoration:line-through;
font-weight:bold;
}

span#summary-reduced-price{
font-weight:bold;
}

.red-strikethrough{
color:red;
text-decoration:line-through;
}
/* END DISCOUNTED PRICE STYLES */


/*--------------------------------------------------------------------------------*/
/* GENERAL / VARIOUS */
/*--------------------------------------------------------------------------------*/

/* ---------- TEXT ---------- */

.bold-red { 
    font-weight: bold; 
    color: #ad0711; 
    }

.bold-orange { 
    font-weight: bold; 
    color: #cc6600; 
    }

.paragraph-heading { /* replace with h3 and remove... */
    font-weight: bold;
    position: relative;
    top: 8px;
}

.tiny-text {
    font-size: 9px;
    color: #666666;
}

.black {
    color: #000000;
}

/* -------------------- IMAGES -------------------- */

/* remove class .destination_right_float when replaced with .right_float_border in all html  */

/* FLOATED & PADDED */

.right_float, .right_float_border, img.destination_right_float {  
    float: right; 
    margin: 0px 0px 10px 10px; 
    border: 0;
    }

.left_float, .left_float_border { 
    float: left; 
    margin: 0px 10px 10px 0px; 
    border: 0;
    }

/* ADD BORDER */

img.dark_grey_border, .right_float_border, img.destination_right_float, .left_float_border { 
    border: #111111 1px solid; 
    }

/* -------------------- LISTS -------------------- */

/* BULLET FREE LIST */

ul.bullet-free, ul.bullet-image { 
  overflow: hidden; 
  margin: 0; 
  padding: 0;
  list-style: none;
  }

ul.bullet-free li, ul.bullet-image li { 
  margin: 6px 0 6px 0;
  } 
 
/* BULLET FREE LIST WITH > IMAGE*/

ul.bullet-image li { 
  background: url(/assets/rg-button-transparent.gif) center left no-repeat;
  padding-left:20px;
  }

/* -------------------- Decorative -------------------- */

/* THIN LINE */

/* <div class="thin-blue-line"></div> */

div.thin-blue-line { 
	height: 5px; 
	padding: 0; 
	margin: 0 10px;
	margin-bottom: 10px; 
	border-bottom: 1px solid #cedfef;
	width: 555px;
}

div.thin-line-full-width {
	height: 5px; 
	padding: 0; 
	margin-bottom: 10px; 
	border-bottom: 1px solid #cedfef;
	width: 575px;
}

/* END: GENERAL */

/* --------------------------------------------------------------------------------------------------------- */
/*  BLUE BOXES */
/* --------------------------------------------------------------------------------------------------------- */
/* used for faqs, advice pages and t+c on realgap.co.uk */
/* realgap.com --- probably only used for t+c */

.blue-box, .blue-box-top, .blue-box-bottom {
	width: 574px;
	margin: 0;
	padding: 0;
	}

.blue-box { /* margin top & bottom = 5px */
	margin: 5px 0;
	background: #ffffff url('/assets/blue-box-574-sides.gif') top center repeat-y;
	}

.blue-box .blue-box-top {
	background: transparent url('/assets/blue-box-574-top.gif') top center no-repeat;
	}
	
.blue-box .blue-box-bottom {
	background: transparent url('/assets/blue-box-574-bottom.gif') bottom center no-repeat;
	text-align: left;
	} 

/* === ADVICE + BLUE BOXES: overlapping styles === */

.inner-padding {
	padding: 7px 14px;
}

.inner-padding p, .inner-padding h3 {
	padding: 6px 0;
	margin: 0;
	position: relative;
	top: 0;
	} 
	
.inner-padding ul.reg {
	padding: 7px 0 7px 17px;
	margin: 0;
	}
	
.inner-padding ul.reg li {
	padding: 2px 0 2px 4px;
	}
	
.inner-padding ol {
	padding: 7px 0 7px 30px;
                margin:0;
	}
	
.inner-padding ol li {
	padding: 2px 0;
	}


/* --------- end advice --------*/

/* END BOXES */


td.reviewFormEmailOptional {
	padding		: 0 2px 6px 2px;
	font-weight		: normal;
	font-style		: italic;
}


/* SPECIAL OFFER TEMP */

/* JAN 2010 deferred deposit - home page graphic */

.special-2010jan {
   width:572px; 
   height: 155px; 
   background: transparent url(/assets/special-on-home-BG-feb_03.gif) bottom left no-repeat; 
   position:relative; top: -10px;
   margin: 0;
   padding: 0;
}
.special-2010jan div {
   width:570px; 
   height: 155px; 
   background: transparent url(/assets/2010-jan-special-home-2.gif) bottom right no-repeat;
   margin: 0;
   padding: 0;
}
.special-2010jan div img {
   position: relative; 
   bottom: -115px; 
   right: -440px;
}

/* END SPECIAL */



/*SMS JAN SPECIAL OFFER*/

.jan_offer img{
border:1px solid #111111;
float:right;
margin:0 5px 5px 0;
}
		
.jan_offer p {margin:30px 10px 80px 0;}	
.jan_offer a{color:#E66709; text-decoration:none; font-size:12px; font-weight:bold;}
.jan_offer a:hover{color:#E66709; text-decoration:underline; font-size:12px; font-weight:bold;}

/* JAN OFFER - ORANGE BUTTONS */
#jan-button-outer {
text-align: center;
}

#jan-button-outer h2 {
color: #e66709;
size: 16px;
}

#jan-button-outer .center {
padding: 5px 20px 5px 20px;
}

#jan-button-outer .center .button-left {
background: transparent url(/assets/big-orange-btn-bg.gif) top center no-repeat;
float: left;
margin: 5px;
height: 56px;
width: 260px;
}

#jan-button-outer .center .button-right {
float: left;
margin: 5px;
}

#jan-button-outer .center .button-left p {
font-size: 18px; font-weight: bold; color: #ffffff; text-align: center; padding: 15px 0 15px 0; margin: 0;
}

/* END JAN SPECIAL OFFER*/


/* BUTTONS ON PROGRAMME - gen tab */

img.proginfo-button {
float: right;
margin: 0 0 10px 5px;
}

div.proginfo-bottom-button {
margin: 0; 
padding: 10px 0 0 0; 
text-align:right;
}

div.clearfloat {
clear:both;
height: 1px;
font-size: 1px;
}


/* COUNTER STYLES */

.count_down{
padding: 3px;
font-size:50px;
font-weight:bold;
color:#ffffff;
margin:0 20px;
}

.counter_sup{
font-size:11px;
color:#fff;
font-weight:normal;
font-size:11px;
}

.counter_box{
width:574px;
height:90px;
background-image:url('http://www.realgap.com/assets/rg_blue_bg.jpg'); 
background-repeat:no-repeat;
clear:both;
}

.counter_wrap{width:574px; margin:8px auto; float:left;}
.counter_wrap h2{color:#E45D03; font-size:22px; text-align:center; margin:0 auto;}
.counter_wrap p{color:#E45D03; font-size:18px; float:left;}


/* END COUNTER STYLES*/


/* OFFER LANDING PAGES WITH 3 COLS */

table#may_offer td, table#may_offer td p {
	font-size: 11px;

}
table#may_offer td p {
text-align: center;
}

table#may_offer td h2 {
	border-bottom: 1px solid #cdcdcd;
}
table#may_offer td p {
margin: 5px 0 0 0;
padding: 0;
}

/* NEW HEADING */
h1.special_orange {
color: #e06912;
font-size: 18px;
}
/* end late getaways */

/* VOLCANO BANNER START */

.volcanic_ash_banner{
width:568px;
height:171px;
background-image:url('/assets/volcanic_ash_banner.jpg');
background-repeat:no-repeat;
}


.volcanic_ash_banner_text{
margin:0 0 0 10px;
padding:5px 5px 5px 5px;
}

.volcanic_ash_banner_text h2{
color:#F87700;
font-size:16px;
}

.volcanic_ash_banner_text h3,
.volcanic_ash_banner_text a,
.volcanic_ash_banner_text a:active,
.volcanic_ash_banner_text a:hover{
color:#0166C0;
font-size:12px;
margin-top:-5px;
}

/* volcano banner end */



































