/* PAGE/GENERAL */

*
{
margin: 0;
padding: 0;
font-size: 8pt;
text-decoration : none;
color: Black;
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
}

body {	
background-color:#eeeeee;
margin: 0px;
padding: 0px;
font-size: 10pt;
text-decoration : none;
color: Black;
font-family: Arial, Helvetica, sans-serif;
}     
	
p {
margin-bottom: 10px;
}

a img {
border: none;
}
	
/***** TABLES *****/
table {	background-color: #fff;	border-top: 1px solid #ccc;	border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; clear: both; color: #333; margin-bottom: 10px; 	width: 100%; }
th { background-color: #f2f2f2;	border-top: 1px solid #fff;	border-left: 1px solid #fff; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; text-align: center; padding:2px; }
th a { display: block; padding: 2px 4px; text-decoration: none; }
th a:hover { background-color: #ccc; color: #333; text-decoration: none; }
table tr td { background: #fff;	border-right: 1px solid #ccc; padding: 4px; text-align: center; vertical-align: top; }
table tr.altrow td { background: #f4f4f4; }
td.actions { text-align: center; white-space: nowrap; }
td.actions a { display: inline;	margin: 0px 6px; }

/***********************************
	CONTAINERS
***********************************/

#icons {
text-align: right;
width: 860px;
padding-top: 5px;
font-weight:bold;
}

#container_top {
background-image:url(../img/top.jpg);
background-repeat: no-repeat;
background-position: top center;
height: 12px;
width: 893px;
}

#container_top_border {
width: 872px;
border-top-color: #CC0000;   /*KLEUR BOVENSTE BORDER*/ 
border-top-width: 1px;
border-top-style: solid;
padding-left: 1px;
}

#container_main{
background-image:url(../img/main_bg.jpg);
background-position: top center;
background-repeat: repeat-y;
width: 893px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 2px;
}

#content_main { 
width: 872px;
padding-top: 0px;
padding-left: 11px;
padding-right: 10px;
padding-bottom: 10px;
font-size: 12pt;
text-decoration : none;
color: Black;
font-family: Arial, Helvetica, sans-serif;
height: auto;
overflow: hidden;
}

#mainmenu {
clear: both;
padding-top: 5px;
padding-bottom: 2px;
margin-left: 10px;
margin-right: 20px;
width: 851px;
background-color:#fff;
text-align: right;
}

a.mainmenuitem {
font-weight:bold;
padding-left: 6px;
padding-right: 6px;
}

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

#container_footer {
background-image: url(../img/bottom.jpg);
background-repeat: no-repeat;
background-position: top;
background-color:#eeeeee;
height: 14px;
width: 893px;
}	

#container_footer_border {
width: 872px;
border-top-color: #CC0000;   /*KLEUR ONDERSTE BORDER*/ 
border-top-width: 2px;
border-top-style: solid;
padding-top: 4px;
padding-left: 1px;
font-size: 8pt;
text-decoration : none;
color: #999999;
font-family: Arial, Helvetica, sans-serif;
}

#leftmenu {
padding: 0px;
margin: 0px;
}

#leftmenu a {
display: block;
min-height: 20px;
height: auto; !important;
height: 20px;
background-image:url(../img/menuitembg.jpg);
background-position:center top;
background-repeat:repeat-x;
background-color: #b37d48;
width: 190px; 
padding-left: 10px;
color: #000000;
margin-bottom: 3px;
font-size:14px;
padding-top: 3px;
text-decoration:none;
font-weight:bold;
}

html>body #leftmenu a {height:auto}

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

#leftmenu li ul a {background-image:url(../img/submenuitembg.jpg); background-repeat:repeat; padding-left: 25px; width: 175px;}

#box {
float: left;
width: 635px;
border: #b37d48 solid 1px;
margin: 0px;
padding: 0px;
overflow: hidden;
background-color:#FFFFFF;
margin-bottom: 20px;
font-size: 10pt;
}

#boxajax {
float: left;
width: 637px;
margin: 0px;
padding: 0px;
overflow: hidden;
background-color:#FFFFFF;
margin-bottom: 20px;
font-size: 10pt;
}

	
#logo {
width: auto;
font-size: 22pt;
font-style:italic;
font-weight: bold;
text-decoration : none;
color: Black;
font-family: Arial, Helvetica, sans-serif;
padding-top: 5px;
padding-left: 10px;
}
	
#animatie {
width: 850px;
padding-left: 20px;
height: 145px;
background-image:url(../img/zas_elephants_logo.jpg);
background-position: center top;
background-repeat:no-repeat;
font-size: 12pt;
text-decoration : none;
color: Black;
padding-top: 5px;
font-family: Arial, Helvetica, sans-serif;
}

#leftmenu {
float: left;
height: auto;
width: 200px;
padding-left: 10px;
margin-left: 0px;
margin-top: 3px;
margin-bottom: 0px;
}

#shoppingcart_widget{
width: 200px;
height: auto;
padding: 0px;
background-color: #cd9967;
margin-top: 15px;
}

#shoppingcart_line {
width: 100%;
border-top: 1px Solid #ffcc9a;
height: 3px;
}

#shoppingcart_top{
width: 180px;
height: 16px;
background-image: url(../img/shoppingcart_top.jpg);
background-repeat: no-repeat;
background-position: center top;
font-weight: bold;
padding-top: 2px;
padding-left: 20px;
}

#shoppingcart_bottom{
width: 200px;
height: 6px;
background-image: url(../img/shoppingcart_bottom.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}

#shoppingcart_content{
padding: 5px;
}

#shoppingcart ul {
padding: 0;
margin: 0;
}

#shoppingcart_content li{
list-style: disc;
margin-left: 15px;
color: Black;
padding: 5px 0 0 0;
}


/** Newsletter subscription widget **/
#subscription_widget { border:1px solid #B37D48; margin-top: 15px; background:#FAF5EC; overflow:hidden; }
#subscription_widget #inbox { padding:2px 6px 6px 6px; }
#subscription_widget label { font-size:10pt; }
#subscription_widget input.submit { font-size:10pt; margin-top:8px; }

#contentright {
margin-top: 3px;
margin-left: 5px;
margin-right: 5px;
float: right;
width: 645px;
height: auto;
}	

#mainfooter {
width: 870px;
text-align: right;
padding-bottom: 10px;
}

/*	
#box:hover {
background-color:#faf5ec;
}*/	

#inbox {
padding: 5px;
font-size: 10pt;
}

#inbox label span.required {
display: none;
}

#inbox table, #inbox table tr, #inbox table tr td {
text-align: left;
border: none;
background-color: transparent;
}

.searchtitle {
width: 100%;
padding-left: 5px;
background-image:url(../img/submenuitembg.jpg);
background-repeat:repeat-x;
font-size: 10pt;
height: 20px;
padding-top: 3px;
}

.searchtitle_trav {
width: 100%;
padding-left: 5px; 	
font-size: 10pt;
height: 20px;
padding-top: 3px;
}

.resulttitle {
width: 100%;
padding-left: 5px;
background-image:url(../img/menuitembg.jpg);
background-repeat:repeat-x;
font-size: 10pt;
height: 20px;
padding-top: 3px;
}

.specialoffer {
font-size:24px;
}

#specialprice {
font-size:14px;
}

.dropcontent{
width: auto;
height: auto;
display:block;
}

#acimg {
padding-bottom: 5px;
width: 110px;
float: left;
text-align: left;
}

#actext {
float: left;
width: 60%;
text-align:left;
padding-bottom: 10px;
font-size: 10pt;
}

#star {
float: right;
right: 0px;
top: 0px;
z-index: 1000;
}

.justify {
text-align:justify;
float: left;
}

.viewbutton {
border: #CC9900 solid 1px;
background-color:#FFFFFF; 
}

.case {
text-transform:uppercase;
}	

.accoimg{
float: left;
padding: 3px;
}

.bold{
font-weight:bold;
}

.boldportal {
display: block;
visibility:visible;
}

.headline{
font-size: 14px;
}

.linkbutton{
border: 1px solid #CC9900;
padding:3px;
background-color: #faf5ec;
width: auto;
}

.linkbutton:hover{
background-color: White;
}

.table_header{
width: 100px;
text-align: left;
height: auto;
float: left;
}

.table_content{
width: 300px;
text-align: left;
height: auto;
float: left;
margin:2px 0 2px 0;
}

#clear {
clear: left;
}

.form_element {
width: 300px;
}

fieldset {
padding: 10px;
margin-top: 10px;
background-color:#FFFFFF;
}

.form_legend {
color: Black;
font-size: 12px;
padding-bottom: 5px;
}

option{
padding-left: 5px;
padding-right: 10px;
}

a:link, a:visited, a:active {
color: #000000;
text-decoration: none;
font-weight:bold;
}
		
a:hover {
color: #000000;
text-decoration:underline;
}

ul, li {
padding-left: 15px;
}

#inbox ol {
margin-left: 30px;
}

.errorform ul {
padding:0px;
margin:0px;
}

.errorform ul li{
border: 1px Solid White;
background-color:Red;
list-style:none;
}

#formaccodescription {
clear: both;
float: left;
witdh: auto;
height: auto;
padding-top: 10px;
}

.imgleft {
border: none;
float: left;
padding: 0 5px 5px 0;
}

.imgright {
border: none;
float: right;
padding: 0 5px 5px 0;
}

#accozoekform select, #accozoekform1 select {
width: 250px;
}

.btn_cancel {
margin-right: 10px;
}

.reiskoffer {
list-style: none;
margin: 0;
padding: 0;
}

.reiskoffer li ul {
list-style: none;
}

.reiskoffer li {
display: block;
padding-bottom: 0px;
}

label .error {
color: Green;
}
/************* AJAX **************/
.ajaxindicator {
	height: 100px;
	width: 100%;
	margin: 0 auto;
	background:url(../img/ajax-loader.gif) no-repeat center center; 
}

label {}
label.error {
color: red; 
display: block; 
clear: both;
float: left;
}

p {
font-size: 10pt;
}

.external-link {
	background-color: red;
}

/************* Jcalendar *****************/

#inbox table.jCalendar {
	background: #fff;
    border-collapse: separate;
    border-spacing: 1px;
    border: 1px solid #ccc;
    padding: 5px;
}
#inbox table.jCalendar th {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 3px 5px;
}
#inbox table.jCalendar td {
	background: #05b809;
	color: #fff;
	padding: 5px;
	text-align: center;
}
#inbox table.jCalendar td:hover {
	text-decoration: underline;
}
#inbox table.jCalendar td.other-month {
	background: #ccc;
	color: #ccc;
}
#inbox table.jCalendar td.disabled, #inbox table.jCalendar td.disabled:hover {
	background: #ff2d0b;
	color: #fff;
}
#inbox table.jCalendar td.disabled.readonly,
#inbox table.jCalendar td.disabled.readonly:hover {
	background: #05b809;
	color: #fff;
}
#inbox table.jCalendar td:hover, #inbox table.jCalendar td.dp-hover {
	/*background: #fff;
	color: #000;*/
}
#inbox table.jCalendar td.selected {
	background: #ff2d0b;
	color: #fff;
}
#inbox table.jCalendar td.selected:hover {
	background: #ff2d0b;
	color: #fff;
}
#inbox table.jCalendar td.other-month,
#inbox table.jCalendar td.other-month:hover {
	background: #ccc;
	color: #666;
}
#inbox table.jCalendar td.today {
	background: #017fb4;
	color: #fff;
}


/*****************************************/

#AccommodationForm label span.required {color: Red; font-weight: Bold;}
#AccommodationForm img.tooltip {padding-left: 5px;}
#AccommodationForm label {font-weight: Bold;}
#inbox .accoroom {display: block; border: #b37d48 solid 1px; padding: 5px; margin: 5px; background-color: White;}
label[for=ArrivalMonth]{width: 200px;}

input[type=button].addtoshoppingcart {color: Black; width: auto; font-size: 10pt; border: 1px solid #CC9900; padding: 2px; margin-bottom:5px; width: 200px;}

#seasonslist ul {list-style: none;}
#seasonslist ul li {color: Red;}

#errorcontainer {border: 1px solid Red; overflow: hidden; display: none; margin-bottom: 10px; padding: 5px;}
#errorcontainer ul {
list-style: none;
margin: 0px;
padding: 0px;
}

#errorcontainer ul li {
padding: 0px;
margin: 0px;
}

#roomslist div textarea {width: 95%; height:100px;}

input[type=button].addtoshoppingcart{
cursor: pointer;
}