body{ font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;}
.master-body{ width:1200px;margin:auto;}
.body{width:1000px; margin:0px; float:left; }
.partners{ width:200px; padding-top:17px;  float:right; }
.partners-top{ background:url(images/partners/partner-bk.jpg); height:23px;}
.partners-mid{ background:url(images/partners/partner-bk-mid.jpg)}
.partners-bot{ background:url(images/partners/partner-bk-bot.jpg); height:26px}
.textpics{ margin-top:20px; margin-bottom:5px;}
.indentp{padding-left:15px;}
.voucherLink{ height:173px; border:0px; background:url(images/homepage/weAreOpen.jpg) no-repeat center;}
.header{background-image:url(images/header/header_background.jpg); background-repeat:no-repeat; width:1000px; height:245px;}
a.bodyBotLinks{width:290px;margin:0px;margin-left:5px;margin-right:5px; display:block; height:90px; background:url(images/buttons/redemevoucher.png) top  no-repeat; float:left }
.headerimage{ padding-top:40px;}
.titletext{margin-top:20px;margin-bottom:30px;}
.menu{background-image: url(images/mainmenu/backgroundimage.jpg); padding-top:50px; padding-bottom:0px; margin:0px; background-repeat:no-repeat; width:1000px; height:40px;}
.menugreenline{ border-bottom:2px solid #bbcc00; width:905px; height:15px; margin:auto; padding:0px;}
.greenline{ border-top:2px solid #bbcc00;margin:auto; padding:0px;}
.textcontainer{width:905px;  margin:auto; }
.lefttext{ width:254px; padding-top:30px; margin-right:20px;  padding-bottom:5px;font-family:  Verdana, Arial, Helvetica, sans-serif;  color: #999999;  font-size:12px; line-height:13px; text-align: justify;}
.righttext{ width:560px; padding-right:30px; text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif;  color: #333333;  font-size:12px; line-height:13px; padding-bottom:10px; }
.menupadding{ height:30px;}
.righttext h2 { color:#00301d}
.textarea{background-image: url(images/body/bodybackground.jpg);padding-top:5px;  width:1000px;}
.bodybottom{background-image: url(images/body/bottomcurve.jpg); background-repeat:no-repeat;padding-left:50px; width:950px; height:130px;}
.footerblocks{background-image: url(images/footer/footerbackground.jpg); background-repeat:no-repeat; width:1000px; height:259px;}
.menubox {padding:0px; margin:0px;}
.menubox ul {
margin-left:45px;
height:10px;
text-align:center;
margin-right:0px;
width:950px;
padding:0px;
font-family:  Verdana, Arial, Helvetica, sans-serif;
}
.menubox li {
list-style:none;
height:10px;
padding:0px;
margin-bottom:0px;
margin-top:0px;
margin-left:16px;
margin-right:17px;
float:left;
display:block;
font-family: Arial, helvetica, sans-serif;
}
.weather{ background-image:url(images/weather/background.gif); background-repeat:no-repeat; height:155px; padding-top:15px;}
.date{font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bolder; color: #ccc;  font-size:11px; line-height:12px;}

.insertbox{width:250px; margin-top:10px; padding-top:2px; padding-bottom:2px; margin-bottom:10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; text-transform:uppercase; height:15px; border-left:#000000 1px solid; border-top:#000000 1px solid; border-bottom: #ccc 1px solid; border-right:#ccc 1px solid;}
a{
font-size:12px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#003d27; font-weight:normal;}
a:hover {
color:#c8d328;}
a:visted{color:#003d27;}
.radio{ color:#003d27;
border:#003d27 1px solid;}
.footer{ font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:50px; color:#CCCCCC; font-size:11px; margin-top:15px; clear:both;width:950px;}
.footer a { color:#CCCCCC; border-right:#ccc 1px solid; text-decoration:none; padding-right:25px; padding-left:25px; font-weight:normal; display:block; float:left; }

.partners-menu{ margin-top:18px;}
.menubox-partners{ height:45px}
.greenline-partners{border-top:2px solid #bbcc00; width:165px; margin:auto;}
.partnerImage{ padding-top:0px; padding-bottom:0px; width:165px; margin:auto;}

.Partnersbox { float:left; margin-right:10px; width:185px; height:332px;} 
.P-accommodation{ background:url(images/partners/Partners-accommdation.gif) no-repeat center;}
.P-accommodation:hover{ background:url(images/partners/Partners-accommdation-o.gif) no-repeat center;}
.P-kitesurfkings{ background:url(images/partners/kitsurfkings.gif) no-repeat center;}
.P-kitesurfkings:hover{ background:url(images/partners/kitsurfkings-o.gif) no-repeat center;}
.P-travel{ background:url(images/partners/Partners-travel.gif) no-repeat center;}
.P-travel:hover{ background:url(images/partners/Partners-travel-o.gif) no-repeat center;}
.P-shops{ background: url(images/partners/Partners-shopsjan10.gif) no-repeat center;}
.P-shops:hover{ background: url(images/partners/Partners-shopsjan10-o.gif) no-repeat center;}
.P-tourism{background:url(images/partners/partners-tourism2.jpg) no-repeat center;}
.P-tourism:hover{background: url(images/partners/partnersboxes-o.jpg) no-repeat center;}
.Partners-details{ margin-left: 200px;}

.clear{ clear:both;}

/*calendar CSS --------------------------------------------------------------------------------------------*/
.calendarCasing{ width:600px; margin:auto; font-size:11px;}
.YearHeader{  padding:5px; text-align:center;color: #999999; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; font-size:12px;}
a.YearHeader{ font-weight:normal; text-decoration:none; font-size:12px; color:#bbcc00; background:#99CC00; border:1px solid #003300;  }
a:link.YearHeader{ font-weight:normal; text-decoration:none; font-size:12px; color:#bbcc00; }
a:visted.YearHeader{ font-weight:normal; text-decoration:none; font-size:12px; color:#bbcc00; }
a:hover.YearHeader{ font-weight:normal; text-decoration:none; font-size:12px; color:#bbcc00; }
a:active.YearHeader{ font-weight:normal; text-decoration:none; font-size:12px; color:#bbcc00; }
.calendarsBox{ border:1px solid #CCCCCC; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
.calendarsBox a{ color:#003300; font-size:10px; text-decoration:none;}
.calendarsBox a:link{color:#003300; font-size:10px; text-decoration:none;}
.calendarsBox a:visted{color:#003300; font-size:10px; text-decoration:none;}
.calendarsBox a:hover{color:#fff; font-size:10px; text-decoration:none;}
.calendarsBox a:active{color:#003300; font-size:10px; text-decoration:none;}
.calendartable{width:200px;height:265px; border:1px solid #CCCCCC;}
.Loader{ width:275px; border:1px solid #CCCCCC; padding:5px; text-align:center;font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; font-size:10px;color: #999999;}
.Right-Text{ margin-left:300px;}
.TimesBox{border:1px solid #CCCCCC; width:245px; padding:5px; text-align:center; color: #999999; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; font-size:12px;}
.bookedDate{ background:#EEEEEE; font-size:9px; letter-spacing:1px;}
.bookedDate h5{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:1px; font-size:8px; margin:0px; padding:0px;}
.timebreakups{ float:left; margin-left:0px; height:400px; width:20px; margin-top:16px;}
.timebreakupsam9{height:120px; width:20px; border-top:1px dotted #CCCCCC; border-bottom:1px dotted #CCCCCC; background:url(calendar/images/am.gif) center no-repeat;  }
.timebreakupsam10{height:60px; width:20px; border-top:1px dotted #CCCCCC; border-bottom:1px dotted #CCCCCC;background:url(calendar/images/am.gif) center no-repeat; }
.timebreakupsam11{height:40px; width:20px; border-top:1px dotted #CCCCCC; border-bottom:1px dotted #CCCCCC; background:url(calendar/images/am.gif) center no-repeat;}
.timebreakups table{ height:100%; width:20px; border:0px; padding:0px; margin:0px;}
.timebreakups table tr td{ border-top:1px dotted #CCCCCC; border-bottom:1px dotted #CCCCCC; background:url(calendar/images/pm.gif) center no-repeat;}
.timeSubmit{ width:150px; height:40px; background:url(calendar/images/book.gif) no-repeat center; border:0px;}
table{ float:left; margin:5px; font-size:10px;}
.clear{ clear:both}

.tr { 
background-color : ; 
} 


.th { 
font-family: Arial, Helvetica, sans-serif; 
} 
td{ padding:8px; height:40px; font-size:10px; }
.calendartable td{padding:8px; height:27px;
font-size:10px;  }

.TimesBox td a { 

  font-size        : 10px; 
  text-decoration  : none; 
  color: #003300; 
  
} 

.TimesBox td a:link { 

  font-size        : 10px; 
  text-decoration  : none; 
  color: #003300;
  text-decoration:none;
  font-weight:normal;
  
} 
.TimesBox td a:visited  { 

  font-size        : 10px; 
  text-decoration  : none; 
  color: #003300; 
  
} 
.TimesBox td a:hover  { 

  font-size:10px; 
  color: #FFFFFF;
  text-decoration:none;
} 
.TimesBox td a:active { 

  font-size        : 10px; 

  text-decoration  : none; 
  color: #003300; } 
.normal { 
font-family: Verdana; 
font-size: 8pt; 
color: #000000; 
} 
.today { 
font-family: Verdana; 
font-size: 8pt; 
font-weight:bold; 
color:#000066;
padding:4px;
border:1px solid #003300;
background-color: #fff; 
} 
.weekend { 
font-family: Verdana; 
font-size: 8pt;
padding:8px;
color:#FF0000; 
} 
.selected { 
font-family: Verdana; 
font-size: 8pt; 
color: #FFFFFF; 
background-color: #C00000; 
} 
.event { 
font-family: Verdana; 
font-size: 8pt; 
color: #000000; 
background-color: #C6D1DC; 
} 
.head { 
color:#bbcc00; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; 
font-weight:bold; 
background-color: #003300; 
} 
h4{ font-size:10px; margin:0px; padding:0px; font-weight:normal}

.button { 
  font-family      : Verdana, Arial, Helvetica, sans-serif; 
  font-style       : normal; 
  font-weight      : bold; 
  font-size        : 10px; 
  color            : #000000; 
  background-color : #F0F0F0; 
  border           : 1px solid #000066; 
}
.AvailableDate{ background:#99CC00;}
.DateClass { float:left; width:20px; height:20px; margin:1px;}
.DateExtraInfo{ display:none;}
.DateExtraInfoShow{ z-index:5; height:300px;position: absolute; width:200px; 
 font-size:12px; padding:5px; background: #CCCCCC; display:none; border:0px solid #99CC00; display:none;}
.DateExtraInfoShow table{ background:#FFFFFF;}
.defaultcalendarsettings{ float:left; font-size:10px; background:#CCCCCC}
.defaultcalendarsettings table{ font-size:10px; width:220px;}
.defaultcalendarsettings table tr td{ width:100px;}
.mastercalendarsettings{ float:left; width:430px; margin-left:260px; font-size:10px; background:#CCCCCC}
.mastercalendarsettings table{ font-size:10px; width:420px;}
.mastercalendarsettings table tr td{ width:200px;}
.daysbox{ height:150px;}
.CustomerCalendarCheeckbox{ display:none; }
.CustomerCalendarSelectedDate{ background:#FF0000; color:#FFFFFF;}
.TimeCalendar{ padding:5px;}

dl.checkoutform dd input{
	width: 300px;
}

fieldset{font-size:16px; text-align:left; padding-right:100px;}


dl dt{
text-align:left;
	width: 200px;
	float: left;
	margin-left:100px;
	padding: 3px;
	padding-top:8px;
	font-size:  13px;
	border-bottom:#F3F3F3 1px solid;
}

dl dd{
	width: 400px;
	text-align:left;
	float:left;
	margin-left:20px;
	padding: 3px;
		border-bottom:#Ffffff 1px solid;
		padding-top:8px;
		font-size:  13px;
}

dl  dd input{
	width: 300px;
}
.searchTab{ height:20px; width:79px;}

.BookingOptions{ padding-top:0px; float:left; width:200px;}
.BookingOptionsbody{ float:left;  margin-left:2px; height:200px; margin-bottom:20px; text-align:left;}
.BookingOptionsbody a{ text-decoration:none;}
.BookingOptionsText{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#00301d; float:left; margin-left:20px;}
.productprice{ float:left; width:100px; margin-top:10px; font-size:19px; color:#c7d22d; letter-spacing:1px;}
.bookbuttom{ float:left; margin-left:30px;margin-top:10px;  width:200px; background:url(calendar/images/book.gif) no-repeat center; height:40px;}
.bookbuttom:hover{background:url(calendar/images/book-o.gif) no-repeat center; } 
.descText{ margin-top:10px;}


/* Admin home page */
.RelatedSections{ background:#99CC00; color: #003300; padding:5px; clear:both; margin:5px;}
.sectionHeader{ height:150px; width:150px; border:#cccccc 1px solid; margin:5px; float:left; }
.sectionHeader:hover{ height:150px; width:150px; border:#99CC00 1px solid;}
.sectionImage{ height:130px;}
.sectionHeaderTitle{  padding:2px; }
.sectionHeaderTitle h2{ margin:0px; padding:0px; color:#999999; font-size:13px; font-weight:normal}
.sectionHeaderTitle h2 a{color:#999999; text-decoration:none; font-weight:normal}
.sectionHeaderTitle h2 a:active{color:#999999; text-decoration:none; font-weight:normal}
.sectionHeaderTitle h2 a:visited{color:#999999; text-decoration:none; font-weight:normal}
.sectionHeaderTitle h2 a:hover{color: #333333; text-decoration:underline; font-weight:normal}

.AdminSectionHeader{ background:url(images/orb360-Logo.gif) left no-repeat; height:50px; border-bottom:#999999 1px solid; padding-bottom:5px; text-align:right; color:#999999; }
.Adminmenu{ background: #CCCCCC; color:#333333; font-size:12px; margin-bottom:5px; padding:5px;}
.SkipSection{ margin-top:10px; clear:both; width:200px; background:url(calendar/images/button.gif) no-repeat center; margin:auto; height:23px; padding-top:9px; margin-bottom:8px; }
.calendarMessageBox{ padding:10px; margin-bottom:10px;}
.calendarMessageBox span{ color:#bed630; font-weight:bold; font-size:15px;}
.formerrormessage p{ color:#FF0000; font-size:11px; padding:10px;}
.FillForm { border:2px solid #FF0000; background: #f7ff8c;}
span{color:#c7d22d;}
i{ font-style:normal; font-weight:normal; font-size: x-small;}

/*the basics, and works for FF*/
.TermsDiv{
visibility: hidden;
	margin:0px 0px 0px 0px;
	position:fixed;
	left:0px;
	top:0px;
	text-align:center;
	height: 100%;
	z-index:9999;
	width:100%;
	clear:none;
	background: url(images/transbg.png);
	/*background-color:#666666;
	border:1px solid #000000;*/
	}
/*IE will need an 'adjustment'*/
* html .TermsDiv{
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}
.terms{
	background-color:#FFFFFF;
	border:1px solid #666666;
	padding:30px; 
	text-align:left;
	margin-top:5%;
	width:700px;
	margin-left:auto;
	margin-right:auto;
	height:300px;
	overflow:scroll;
	}
.prices2
{
width:865px; padding-right:30px; text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif;  color: #333333;  font-size:12px; line-height:13px; padding-bottom:50px;
}
.prices2boxleft{
float:left;
width:400px;
padding:10px;
padding-left:0px;
padding-right:30px;

border-right:1px dotted #ccc}
.prices2boxright
{
float:left;
width:400px;
padding-right:0px;
padding-left:30px;
}
.priceInfobox{ border:2px solid #c7d22d; padding:10px; margin-top:10px;}