article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	/* [disabled]display: block; */
}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; min-width:300px; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }


body { margin: 0; font-size: 1em; line-height: 1.4;   background:#f8823c;  }

body {margin: 0; min-height: 100%;  -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;  }
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #67da48; text-decoration:none; border:none; font-weight:bold; }
a:visited { color: #f9f767; }
a:hover { color: #50f622; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }



/* =============================================================================
   Typography
   ========================================================================== */

body, button, input, select, textarea {font: 100%/1.5 Verdana, Geneva, sans-serif, Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif; *font-size: 1em; color: #333} 

p, ul, blockquote, pre, td, th, label {margin: 0; font-size: 1.0em; line-height: 1.3em; color:#fff; } /* 16px / 24px */
small, p.small {margin: 0; font-size: 0.7em; line-height: 1.7142857142857142857142857142857em; margin-bottom: 1.7142857142857142857142857142857em} /* 14px / 24px */

h1, h2, h3, h4, h5, h6 {font-family:  arial,  Georgia, serif;color:#fff;text-shadow: 0.0em 0.0em 0.07em rgba(255,255,255,0.5);}
h1 {margin: 0; font-size: 1.5em; line-height: 1.2em; margin-bottom: 0em} /* 60px / 72px */
h2 {margin: 0; font-size: 1.5em; line-height: 1em; margin-bottom: 0.2em} /* 48px / 48px */
h3 {margin: 0; font-size: 1.2em; line-height: 1em; margin-bottom: 0em; text-align:center;} /* 36px / 48px */ 
h4 {margin: 0; font-size: 1.2em; line-height: 1em; margin-bottom: 1em} /* 24px / 24px */
h5 {margin: 0; font-size: 1.3125em; line-height: 1.1428571428571428571428571428571em; margin-bottom: 1.1428571428571428571428571428571em} /* 21px / 24px */
h6 {margin: 0; font-size: 0.9em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 1.0 em} /* 18px / 24px */

.part1 {float:left; font-family:  arial,   Georgia, serif;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.10)}
.part2 { text-align:left; font-family:  arial,  Georgia, serif;color:#fff;text-shadow: 0.0em 0.0em 0.07em rgba(255,255,255,0.5);}
abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }


pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }


pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }


sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }



/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; list-style-type:none; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


.ui-datepicker {z-index:100000 !important;}
/* =============================================================================
   Embedded content
   ========================================================================== */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }


/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }


legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }


button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; }

button, input[type="button"], input[type="reset"],   input[type="submit"] { 
cursor: pointer; -webkit-appearance: button; *overflow: visible; 
	padding: 2px 5px 2px 5px; margin: 0 0 5px 0;
	background: #56473a;;border:none;

	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;

	font-size: 16px; color: #ffffff; 
}

.alltoursbutton {
	height:35px;
	position:relative; 
	float:right; 
	top:-40px; 
	right:80px;
	    transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
	
	 }
.alltoursbutton:hover{
	 top:-38px;
	 right:78px;
}
	 
.alltoursbutton button {

	background-color:#c30815; 
	
/*	box-shadow:0 5px 5px 0 rgba(250,23,215,1);
	 -webkit-box-shadow: 5px 5px 0 rgba(250,23,215,1);*/
	box-shadow:0 5px 5px 0 rgba(88,211,242,1);
	 -webkit-box-shadow: 5px 5px 0 rgba(88,211,242,1);	 
/*	border-right:5px solid #f2db16;
	border-bottom:5px solid #f2db16;*/
/*	border-top: 1px solid #c1b3a0;
	border-left: 1px solid #c1b3a0;*/
	padding: 4px 10px 4px 10px;
	border-radius:15px;
	font-size:1.2em;
}

.alltoursbutton button:hover {
	background-color:#e70919; 
/*	border-right:2px solid #f2db16;
	border-bottom:2px solid #f2db16;*/
	box-shadow:0 5px 5px 0 rgba(88,211,242,1);
	 -webkit-box-shadow: 0 5px 5px 0 rgba(88,211,242,1);
	font-size:1.2em;
}

.alltoursbutton1 {

	width:80%;
	text-align:center;


	    transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
	
	 }

	 
.alltoursbutton1 button {

	background-color:#c30815; 
	
/*	box-shadow:0 5px 5px 0 rgba(250,23,215,1);
	 -webkit-box-shadow: 5px 5px 0 rgba(250,23,215,1);*/
	box-shadow:0 5px 5px 0 rgba(88,211,242,1);
	 -webkit-box-shadow: 5px 5px 0 rgba(88,211,242,1);	 
/*	border-right:5px solid #f2db16;
	border-bottom:5px solid #f2db16;*/
/*	border-top: 1px solid #c1b3a0;
	border-left: 1px solid #c1b3a0;*/
	padding: 4px 10px 4px 10px;
	border-radius:15px;
	font-size:1.2em;
}

.alltoursbutton1 button:hover {
	background-color:#e70919; 
/*	border-right:2px solid #f2db16;
	border-bottom:2px solid #f2db16;*/
	box-shadow:0 5px 5px 0 rgba(88,211,242,1);
	 -webkit-box-shadow: 0 5px 5px 0 rgba(88,211,242,1);
	font-size:1.2em;
}


button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }


button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }


textarea { overflow: auto; vertical-align: top; resize: vertical; }

input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #eae5dd; }

input {
	padding: 1px 5px 1px 5px; margin: 0 0 0 0;
	

	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	
	font-size: .8em; color: #464b42; 
}
	input::-webkit-input-placeholder  {
    	color: #d1d1d1; text-shadow: 0px -1px 0px #000;
	}
	input:-moz-placeholder {
	    color: #d1d1d1; text-shadow: 0px -1px 0px #000;
	}
input:focus, textarea:focus {
    outline: 0;
}
/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
tr {padding-left:10px; padding-right:10px;}
td { vertical-align: top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */

#moon {background-image:url(../img/moon1.png); height:70px; width:70px; display:none; position:absolute; top:10px; right:10px }
#moondesc {display:none;}
.total_wrap { max-width:1400px; margin: 0 auto;}
#total_price {white-space:nowrap;}
.currinfo {float:left; position:relative;top:10px; margin-right:5px;}
.slidercontainer {float:none; height:75px; }
.slidercontainer h3 { font-size:1em; padding-top:5px;}
.totbox { margin:20px;}
.totbox label { font-size:1.5em; padding-top:5px; color: lightgreen;}
.totbox input { font-size:1em; padding-top:5px;}
.sliderbox { margin:20px; }
.sliderlabel {
	float:left; 
	margin-left:10px;
	padding:0 10px 0 10px;
	display:none;
	}
.slideval {float:right; padding:10px; margin-top:7px;}
.sliderxmany { width:60%}
.sliderx2 {width:20%}
.sliderx3 {width:30%}


.styled-select  {
	font-family:arial, Verdana, Geneva, sans-serif;
   width: 100px;

   font-size: 26px;
   line-height: 1;
	background-color:#08233e;
   color:#fff;
   border: 0;
   border-radius: 0;

   -webkit-appearance: none;
   }
   
   .styled-select:focus {border:0; outline: thin dotted;}


#navigation_horiz {
/*	padding-right:40px; */
/*	min-width:700px;*/
	background-color:#08233e;
	margin-bottom:20px;
min-height:40px;	

	border-bottom: 1px solid white;
	
	
	

 }

.center {text-align:center;}
.unsent {position:absolute;}

#slim {}

#slimbox {
	
	width:100%;
	background-color:black;
	width:100%;
	display:block;
	margin-top:15px;
	height:44px;
	overflow:visible;
	float:right;


}


.slimmenu {display:none;}
.menu-collapser {
    position: relative;
    background-color: #08233e;
    color: #FFF;

    width: 100%;
    height: 7px;
    line-height: 48px;
    font-size: 16px;
    padding: 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

}
.collapse-button {
    position: absolute;
	z-index:100;
    right: 8px;
    top: 20px;
    width: 80px;
    background-color: #0E0E0E;
    background-image: linear-gradient(to bottom, #151515, #040404);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
    padding: 7px 10px;
    text-shadow: 0.0em 0.0em 0.07em rgba(255,255,255,0.5);
    cursor: pointer;
    font-size: 14px;
    text-align: center;

    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.collapse-button:hover, .collapse-button:focus {
    background-image: none;
    background-color: #040404;

}

.collapse-button .icon-bar {
    background-color: #F5F5F5;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    display: block;
    height: 4px;

    margin: 2px 0;
}
.icon-bar:hover {background-color:#3cee38;}
ul.slimmenu {
    list-style-type: none;
    margin: 0;
    padding: 0;

	float:right;


/*float:right;*/

}
ul.slimmenu li {
    position: relative;
    /*display: none;*/
	text-align:center;
	float:left;

}
ul.slimmenu > li {   }
ul.slimmenu > li:first-child { border-left: 0 }
ul.slimmenu > li:last-child { margin-right: 0 }
ul.slimmenu li a {
	display:none;
    display: block;
	white-space:nowrap;
    color: #FFF;
    padding: 5px 34px 5px 10px;
    font-family:arial, Verdana, Geneva, sans-serif 'Open Sans', sans-serif;
    font-size: 26px;
    font-weight: 400;
    text-shadow: 0 1px 0 rgba(255,255,255,0.2);
    transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -webkit-transition: background-color 0.5s ease-out;
}
ul.slimmenu li a:hover {
    background-color: #2e528e;
    text-decoration: none;
}
ul.slimmenu li .sub-collapser {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.075);
    position: absolute;
    right: 0;
    top: 0;
    width: 28px;
    height: 100%;
    text-align: center;
    z-index: 999;
    cursor: pointer;
}
ul.slimmenu li .sub-collapser:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
ul.slimmenu li .sub-collapser > i {
    color: #FFF;
    font-size: 18px;
    display: block;
    vertical-align: middle;
	text-align:right;
	position:relative;
	right:20px;
	top:-30px

}
ul.slimmenu li .sub-collapser > i:hover {
    color: #FFF;


}
ul.slimmenu li ul {
    margin: 0;
    list-style-type: none;
}
ul.slimmenu li ul li { background-color: #999; width:230px; }
ul.slimmenu li > ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
    width: 100%;
}
ul.slimmenu li > ul > li ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 999;
    width: 100%;
}

ul.slimmenu.collapsed li {
    display: block;
    width: 100%;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
ul.slimmenu.collapsed li a {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
ul.slimmenu.collapsed li .sub-collapser {
    height: 40px;
	width:100%;
}
ul.slimmenu.collapsed li > ul {
    display: none;
    position: static;
}
   
 .thai {
	 font-family:CordiaUPC;
	 
	 font:  CordiaUPC;
 }

#tatlogo {width:300px; margin: 0 auto;}


div.piclink {
		padding: 0 8px; 0 2px;	
		font-size:.8em;
		font-weight:400;
		line-height:1.2em;
		text-align:center;
		margin-top:10px;
}

div.piclink p {}

div.piclink a {
	font-family: Arial, Helvetica, sans-serif;
color:#fff;
font-weight:400;

	
}

div.piclink a:hover {
	color:#a0f888;
}

#cart td {font-size:.8em;}
#cart th {font-size:.9em;}


.cart {


	/*padding-left:100px;*/
	float:left;

	height:25px;
}
   
.enquiry_box {
	text-align:left;
	padding: 5px;
	max-width:100%;
}

#enq_table {
	width:95%; 
	margin:5px;
}

#enq_table tr {
	text-align:left;
}

#price_table {
	width:95%; 
	margin:5px;
}

#price_table tr {

}

#price_table td {
	margin-right:10px;
	margin-left:10px;
	min-width:80px;
	text-align:right;
}

.enquiry_box label {

	padding: 5px;

	text-align:left;
}

.enquiry_box input {
	color: #907966;
	padding: 5px;
	float:right;
	margin-right:10px;	
}


	/* navigation styles - BEGIN */ 

#logobg {
	width:100%;
	min-height:30px;

}

	#logo {
		width:140px;
		float:left;
		padding-left:40px;
		display:block;
		

		position:relative;
		min-height:25px;

		bottom: 0;

		z-index:10;
			

	}
	#logotext {
		font-family: arial, cursive;
		font-style:italic;
		width:auto;
		margin-right:20px;
				
		float:right;
		font-size:small;
		color:#FFF;
		font-size:100%;
		
		display: none;
		position:relative;
		


		z-index:10;		

	}	
	#logo h2 {
		text-indent:-9999px;
		float: left;
		margin-bottom:0;
	}	
	
	#logo h2 a {

		background:   url(../img/krabitrek-feet-logo-new2-sprite-small-60.png) no-repeat;
		

		display:block;
	
		width:140px;
		height:30px;
			-webkit-transition: background-image .7s ease-in-out;
			-moz-transition: background-image .7s ease-in-out;
			-o-transition: background-image .7s ease-in-out;
			-ms-transition: background-image .7s ease-in-out; 
			transition: background-image .7s ease-in-out;

	}
	

#logo h2 a:hover  {
	background-position:0px -30px;
	
}


#picstrip {background-image: url(../img/indexpics1.jpg); background-repeat:no-repeat; width:378px; height:969px;}

.spritebox {width:126px; height:88px; overflow:hidden;}

.resizable { width: auto; height: 250px; padding: 0.5em; overflow:hidden; 

}
	#foot {
		margin-top:70px;
		width:100%;
		

		color:#d1d1d1;
		background-color:#08233e;	

		display:block;

	}
	
#footpic {

	position:	relative;
	display:none;
	height:0px;



	z-index:2;
	top:-75px;
}
#footpic img {
	margin:0;



}





	#footernav_bg {
		width:100%; 
	height:25px;
	
	background: #08233e;

	margin:0 0 40px 0 ;
	display:block;
	position:relative;



	}
	
#footer-nav ul {margin: 0 0 0 0 ;}	
		
#footer-nav li {
	font-size:small;
	color:#d1d1d1;
display:inline; 
list-style-type:none; 
padding:0 5px; 

margin:-2px !important; /* removes the space left by the bullet point */ 
margin:0; /* don't need to remove the space for IE */ 
border-left: 1px solid #ccc; 
border-right: 1px solid #aaa; 
} 



#footer-nav li.first { 
border-left:0; /* no bar required before first item */ 
} 

#footer-nav li.last { 
border-right:0; /* no bar required after last item */ 
} 

#footer-nav li a { 
text-decoration:none; 
} 

#footer-nav  li a:hover {

text-decoration:none; 
	color:#060; 
}	
	

	.navbg {
	width:100%;	 
	height:30px; 
	background: #000;
			background: rgba(0,0,0,0.7); 
	border-bottom: 1px solid #d1d1d1;  
	margin-top:0px;

	display:block;
	position:relative;


	}
		

#handle { background-image:url(../img/down.png); background-position:center; background-repeat:no-repeat; overflow:visible;}
div.clearall {clear:both;}

	/* navigation styles - END */ 



div#prevdate {
	
	height:0;
	border-top: 25px solid transparent;
	border-right: 40px solid #aaa;
	border-bottom: 25px solid transparent;
	float:left;
	position:relative;
	top:-50px;
	left:-20px;



 }
div#nextdate:hover { border-left: 40px solid red;}

div#nextdate {
	
height:0;
	border-top: 25px solid transparent;
	border-left: 40px solid #aaa;
	border-bottom: 25px solid transparent;
	float:right;
	right:-5px;
	position:relative;
	top:-50px;
	right:-15px;
	padding:0;
	
	}
div#prevdate:hover {border-right: 40px solid red;}
div#tidebox {width:auto; position:relative; display:block; top:-20px; height:29px; padding-right:5px; padding-left:10px;}

div#footlist li {float:left; margin-right:10px;}
	#footlist a { color:#FF6;}	
	#footlist a:visited { color: #090;}	


	#footlist a:hover { color: #0F0 !important;}	

	#unsent {

		top:50px;
	background-image:url(../img/enquiry-tag-c.png);
	
	background-repeat:no-repeat;
    border:none;
	height:152px;
	width:60px;
	left:-20px;
	position: fixed;
	z-index:10;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out; 
		transition: all .3s ease-in-out;	
		
				
	}
	#unsent a, img {
	    border:none;
	}
	#unsent:hover {
		left:0px;
		cursor:pointer;
	}

	.fbplbadge {background-image: url(../img/w2b_vertical-right.png); height: 150px; }
	.gplbadge {background-image: url(//ssl.gstatic.com/images/icons/gplus-32.png); height: 32px; height:32px;border:0;}	
	
	

	
		div.gplus {
		display:block;
		top:225px;


		right:-5px;
		position: fixed;
		z-index:1;		
	}
		

#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed; height:500px; background-color:white;}
.fbplbadge {background-color:#3B5998;display: block;height: 57px;top: 210px;position: absolute;left: -30px;width: 30px;background-image: url(../img/facebook.jpg);background-repeat: no-repeat;overflow: hidden;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}

#fbcontainer {display: block;padding: 0;z-index: 99999; background-color:white; border:none; overflow:visible; width:250px; height:590px;}


#gplikebox{display: block;padding: 0;z-index: 99999;position: fixed; height:300px;  background-color:white;}
.gplbadge {display: block;height: 57px;top: 140px; position: absolute;left: -30px;width: 30px;background-image: url(../img/google-plus.png) ;background-repeat: no-repeat;overflow: hidden;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}

#gcontainer {display: block;padding: 0;z-index: 99999; background-color:white; border:none; top:200px; overflow:visible; width:250px; height:300px;}

	#topenquiry {
		display:none;
		top:275px;
	background-image:url(../img/email-tag-g.png);
	
	background-repeat:no-repeat;
    border:none;
	height:152px;
	width:60px;
		left:-20px;
		position: fixed;
		z-index:10;
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			-ms-transition: all .3s ease-in-out; 
			transition: all .3s ease-in-out;	
		
				
	}
	#topenquiry a, img {
	    border:none;
	}
	#topenquiry:hover {
		left:0px;
	}	
	#map-shadow {
		display:none;
		top:460px;
	background-image: url(../img/map-tag.png);
	
	background-repeat:no-repeat;
    border:none;
	height:152px;
	width:60px;
		left:-20px;
		position: fixed;
		z-index:10;
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			-ms-transition: all .3s ease-in-out; 
			transition: all .3s ease-in-out;	
		
				
	}
	#map-shadow a, img {
	    border:none;
	}
	#map-shadow:hover {
		left:0px;
	}
	#othertours {
		display:none;
		top:70%;
	background-image:url(../img/tours-tag-y.png	);
	
	background-repeat:no-repeat;
    border:none;
	height:152px;
	width:60px;
		left:-20px;
		position: fixed;
		z-index:1;
			-webkit-transition: all .2s ease;
			-moz-transition: all .2s ease;
			-o-transition: all .2s ease;
			-ms-transition: all .2s ease;
			transition: all .2s ease;
		
				
	}
	#othertours a, img {
	    border:none;
	}
	#othertours:hover {
		left:0px;
	}
	

	
	div.topuseful {
		display:block ;
		top:60%;


		left:-5px;
		position: fixed;
		z-index:1;		
	}	
	div.leftside {
		display:block;
		width:100px;
		left:10px;
		position: absolute;
		z-index:1000;
		top:40px


	}
	
		div.leftside1 {
		display:block;
		width:100px;
		top:40px
		left: 200px;
		position: absolute;
		z-index:1000;



	}
	.right {text-align:right;}
	div.rightside {
		display:block;
		width:100px;
		position: absolute;
		right:110px;
		z-index:1000;
		top:40px;
	}
	div.rightside1 {
		display:block;
		width:100px;
		position: absolute;
		right:200px;

		z-index:1000;
		top:230px;		

	}
.tourname { font-size:100%; height:70px; }

#toursall {text-align:left;  max-width:900px;  font-size:1em; margin:0 auto;}
#toursall p { color:#615246;}
#toursall a { color: #666;}
#toursall th {background-color:#907966; padding:5px;}
#toursall td {margin-left:3px; padding:7px;}
#toursall a:visited {color: #666}
#toursall a:hover {color: green;}
td.numeric {text-align:right; max-width:200px;}
th.numeric {text-align:right;}
.cartprice {text-align:right;}
.podd {background: rgba(206,198,178,1);}
.peven {background: rgba(219,221,218,1);}
.pricediv {
	min-width:300px;

			}
.pricediv ul, table {margin:0; padding:0;}
.pricediv td {border-bottom: 1px dashed #aaa; font-size:.8em; color:#615246;}
.pricelist th { color:#fff; font-size:.8em;  }

.iconbox {margin-top:40px;}
.footeraddress {margin-bottom:20px; text-align:center;}
.tourprice {
	color:#000;  float:right;}
 .enquiry {
	 background-color:#C03;
	 color:#fff;
	left:50%;
	top: -10px;
	 display:block;
	 position:absolute;
	 margin-right:2%;

	border: 2px solid rgb(0,0,0); /*rgba ie fix*/
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	-moz-box-shadow: 0px 0px 5px #c6c6bf;
	-khtml-box-shadow: 0px 0px 5px #c6c6bf;
	-webkit-box-shadow: 0px 0px 5px #c6c6bf;
	box-shadow: 0px 0px 5px #c6c6bf;	 
 }
        #thing-with-maps {
            width: 100%;

        }

#sent {
	 background-color:#C03;
	 color:#fff;
	left:60%;
	top: 100px;
	 display:none;
	 position:absolute;
	 margin-right:2%;

	border: 2px solid rgb(0,0,0); /*rgba ie fix*/
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	-moz-box-shadow: 0px 0px 5px #c6c6bf;
	-khtml-box-shadow: 0px 0px 5px #c6c6bf;
	-webkit-box-shadow: 0px 0px 5px #c6c6bf;
	box-shadow: 0px 0px 5px #c6c6bf;	 
 }

div.activities {text-align:center; }
div.activities img {max-width:40%; margin:10px;  }

	div.art_pricelist {
		line-height:1em;
	color:#19191a;
	margin:30px;
	background: rgba(226,226,234,0.8);	

	padding: 12px;
	padding-top:8px;

	display: block;
/*	background:  url(../img/dots.png) 0 1.1875em	;*/

	-moz-box-shadow: 0px 5px 10px #4d453b;
	-khtml-box-shadow: 0px 5px 10px #4d453b;
	-webkit-box-shadow: 0px 5px 10px #4d453b;
	box-shadow: 0px 0px 5px #4d453b;

	overflow: auto;
		}
		
		div.art_pricelist h2 {	color:#ac0000;  }	
		div.art_pricelist h3 {	color:#ac0000;  }			
		div.art_pricelist:hover {background: rgba(226,226,234,0.9); color:#19191a; background-image:url(../img/krabitrek_feet.png); background-repeat:no-repeat; background-position:top right;  /*rgba ie fix*/}	


		div.art_pricelist p {
			text-align:justify;
			
			padding:5px;
		}
.intro1 {   display:block; padding:15px; border: 1px solid #f8823c;}
.intro2 {  color: white; border: 1px solid #f8823c; border-radius: 60px 0px 60px 0px ; display:block; padding:15px;}
.intro3 {  color: white; border: 1px solid #f8823c; border-radius: 0px 0px 60px 0px ; display:block; padding:15px;}	
.intro4 {  color: white; border: 1px solid #f8823c; border-radius: 0px 60px 60px 0px ; display:block; padding:15px;}
.intro5 {  color: white; border: 1px solid #f8823c; border-radius: 0px 60px 0px 60px ; display:block; padding:15px;}	
.introborder {border: 1px solid #fff; }		
/*.intro1 {   display:block; padding:15px;}
.intro2 {  color: white;  display:block; padding:15px;}
.intro3 {  color: white;  display:block; padding:15px;}	
.intro4 {  color: white;  display:block; padding:15px;}	*/	

.brown {background-color:#907966; padding-bottom:20px; box-shadow:5px 5px 0 0 rgba(0,0,0,0.25); -webkit-box-shadow: 5px 5px 0 0 rgba(0,0,0,0.25);}
.rmdark {background-color:#333; padding-bottom:20px;  }
.rmdark img{width:90% !important; margin:0 auto !important; margin-bottom:20px !important; display:block !important; max-height:100% !important; max-width:100% !important; float:none !important;}
.rmdark h2 {font-size:1.2em; margin:1.3em;}
.rmlight {background-color:#907966; padding-bottom:20px; max-width:900px; margin:0 auto; display:block !important; float:none !important; min-height:0 !important;  box-shadow:5px 5px 0 0 rgba(0,0,0,0.25); -webkit-box-shadow: 5px 5px 0 0 rgba(0,0,0,0.25);}
.rmlight img{ margin:0 auto !important; display:block !important; margin:0px 40px 10px 20px !important;  !important; float:left !important; max-width:40% !important;}

div.intro5.rmlight img {float:right !important;}

.rmlight h2 {font-size:1.2em; margin:1.3em;}
.rmdark h2 {margin-left:1em !important;}
.brown a {}

	div.art-k {
		/*line-height:1em;*/
		color:#fff;
		display:block;
		position:relative;

		list-style:none;

		padding: 0px;
		padding-top:8px;
		padding-bottom:15px;
		margin:0 auto;
		margin-top: 0px;
		margin-bottom:10px;
  /*		border: 1px solid rgba(65, 85, 111, 1); /*rgba ie fix*/*/


		overflow: auto;
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			-ms-transition: all .3s ease-in-out; 
			transition: all .3s ease-in-out;	
	
		}
		div.art-k a { font-weight:bold; }
		div.art-k h1 {	color:#fff !important; text-align:center;  }				
		div.art-k h2 {	color:#fff ; margin-left:2em;   }
		div.art-k h2 span {	color:#fff !important; margin-left:0.75em;  }			
		div.art-k h3 {	color:#fff;  }			
		div.art-k:hover {

						
			}	
		div.art-k:hover a {}
		div.art-k a:visited { }		


		div.art-k p {
			text-align:justify;

			padding:5px;
		}
		
		div.art-k input {margin-bottom:1em; text-align:center;}
		
		div.art-k-c1 {background: none;}
		
		
		div.art-k-c2 {	 	min-height:420px;	}		
		div.art-k-c2 img {
			margin-left:10px;	
			margin-right:20px;
			margin-top:10px;
			float:left;


			-moz-box-shadow: 0px 5px 10px #4d453b;
			-khtml-box-shadow: 0px 5px 10px #4d453b;
			-webkit-box-shadow: 0px 5px 10px #4d453b;
			box-shadow: 0px 5px 10px #4d453b;
			
			}
			div.art-k-c2 a {color:red;}
			div.art-k-c2 a:hover { color:red !important; text-decoration:underline;}			
		div.art-k-c3 {		
		background: none; 	
		/*min-height:400px;	*/
		padding:5px;
		}		
		div.art-k-c3 img {	
			margin:10px;
			margin-top:10px;
			float:left;

			-moz-box-shadow: 0px 5px 10px #4d453b;
			-khtml-box-shadow: 0px 5px 10px #4d453b;
			-webkit-box-shadow: 0px 5px 10px #4d453b;
			box-shadow: 0px 5px 10px #4d453b;
			
			}
		div.art-k-c3 h3 {margin-bottom:10px; margin-top:10px;}
		
		div.art-k-c4 {		
				
		}		
		div.art-k-c4 img {	
			margin:15px;
		
			}
			div.art-k-c4 p {max-width:800px;}
		div.art-k-c4 h1 {font-size:2.25em; margin-left:15px;}		
		div.art-k-c4 h2 { }	
		div.art-k-c5 {		float:left; width:100% 		}		
		div.art-k-c6 {background-color:#907966; border:0;  box-shadow:5px 5px 0 0 rgba(89,211,56,1); -webkit-box-shadow: 5px 5px 0 0 rgba(89,211,56,1); }
		div.art-k-c6 a {color:red;}
		div.art-k-c6 img{
			margin:10px;
			margin-top:20px;
		
		
			max-width:40%;
			
			-moz-box-shadow: 0px 5px 10px #000;
			-khtml-box-shadow: 0px 5px 10px #000;
			-webkit-box-shadow: 0px 5px 10px #000;
			box-shadow: 0px 5px 10px #000;
		}	
		div.art-k-c6 p {
			text-align:justify;
			
			padding:10px;
		}					
		div.art-k-c7 { text-align:center !important; }
		div.art-k-c8 img { float:none !important; margin:auto; }
		.slidetable td {color:dimgrey; font-size:.9em;}
		.slidetable {background-color:#d1dacf; margin: auto;}

	div.art-info-1 {
	max-width:800px;
	min-width:250px;
	color: #fff;

	margin: 0 auto;
	margin-bottom:20px;

	padding: 8px 20px 10px 20px;


	text-align:justify;	

	display: block;


	overflow: auto;
		}
		
		div.art-info-1 h2 {	color:#fff !important; padding-left:20px;  }	
		div.art-info-1 span {	color:#fff !important;  }
		div.art-info-1 h3 {	color:#fff !important;  }			

		div.art-info-1:hover {	  }	


		div.art-info-1 p {
			text-align:justify;
			
			padding:10px;
		}
		
		div.art-info-1 h2 {padding-left:10px;}		
		div.art-info-1 a {color:brown;}

		div.art-info-1 img{
			margin:10px;
			margin-top:20px;
		
		
			max-width:40%;
			
			-moz-box-shadow: 0px 5px 10px #000;
			-khtml-box-shadow: 0px 5px 10px #000;
			-webkit-box-shadow: 0px 5px 10px #000;
			box-shadow: 0px 5px 10px #000;
		}

	.art-info-1 .slideonly {display:none;}
	.art-info .slideonly {display:none;}
	
	div.art-info {
	max-width:800px;
	min-width:250px;
	color: dimgrey;
	background-color:#f4f5ed;

	margin: 0 auto;
	margin-bottom:20px;

	padding: 8px 20px 10px 20px;


	text-align:justify;	

	display: block;


	overflow: auto;
		}
		div.art-info h1 {	color:dimgrey;  padding-left:20px; font-size:2.25em; margin-left:15px; }		
		div.art-info h2 {	color:dimgrey;  padding-left:20px;  }	
		div.art-info span {	color:dimgrey;   }
		div.art-info h3 {	color:dimgrey;   }			

		div.art-info:hover {	  }	

		div.art-info td  {
		
			color:dimgrey;
			
			padding:10px;
		}
		div.art-info p  {
			text-align:justify;
			color:dimgrey;
			
			padding:10px;
		}
		
		div.art-info h2 {padding-left:10px; color:dimgrey;}		
		div.art-info a { font-weight:bold;}
		div.art-info a:hover {color:#0f0;}
		div.art-info img{
			margin:10px;
			margin-top:20px;
		
			float:left;
			max-width:40%;
			
			-moz-box-shadow: 0px 5px 10px #5e5243;
			-khtml-box-shadow: 0px 5px 10px #5e5243;
			-webkit-box-shadow: 0px 5px 10px #5e5243;
			box-shadow: 0px 5px 10px #5e5243;
		}

		div.art-info-rain img{max-width:100%;}

.art-info input {}




		div.karticle a:hover {color:#228441;}
.weather {}
.weather td {font-size:.8em;  color:dimgrey;}
.weather th {font-size:.8em; color:dimgrey;}

#tourpicsbox {width:100%;}

#tourpics { display:block; text-align:center;}

#tourpics img { float:none; }
#tourpicsbox1 {width:100%;}

#tourpics1 {min-width:100px; width: auto !important; display:block;}

#tourpics1 img {float:none;  }


.tourprice1 {
	float:right;
	background-color:#63834f;
	display:block;
	position:relative;
	right:-10px;
	padding: 0 20px 0 10px;
	margin-top:1em;	
	}
div.fleft {float:left !important; left:-10px; }
.tourdesc {float:left;  padding-right:30px; text-align:justify;}

	



	

	div.topselling {

	line-height:1em;
	color:#000;
	background-color:white;
	font-family: arial, sans-serif;
	padding-top:8px;
	display: block;
/*	background:  url(../img/dots.png) 0 1.1875em	;*/
	-moz-box-shadow: 0px 5px 10px #000;
	-khtml-box-shadow: 0px 5px 10px #000;
	-webkit-box-shadow: 0px 5px 10px #000;
	overflow: auto;
		}
		div.topselling ul {
			padding:0px;	
			}
		div.topselling li {padding-top:5px; padding-bottom:5px;}
		div.topselling li:nth-child(even) {background: #CCC; }		
		
		div.topselling h2 { font-family: 'Syncopate', sans-serif; font-weight:bold; color: #C06;  }	
		div.topselling h3 {	color:#ac0000;  }			
		div.topselling:hover {
			background: rgba(255,255,255,1);	 
			color:white; /*rgba ie fix*/
			}	
		div.topselling a:hover{color:lime-green;}


	
.topselling img{
	margin:10px;
	margin-top:10px;
	float:left;

	border: 2px solid rgb(0,0,0); /*rgba ie fix*/
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;

	border-radius: 5px;
}
	div.arttour {

	color:#000;
	margin-bottom:10px;
	margin-top:10px;
	text-align:center;	
	padding-top:8px;
	width:800px;
	margin:0 auto;
	display: block;
/*	background:  url(../img/dots.png) 0 1.1875em	;*/
	background: rgba(181,241,76,0.7);	
	-moz-box-shadow: 0px 0px 5px #c6c6bf;
	-khtml-box-shadow: 0px 0px 5px #c6c6bf;
	-webkit-box-shadow: 0px 0px 5px #c6c6bf;
	box-shadow: 0px 0px 5px #c6c6bf;

	overflow: auto;
		}
		




.silhouette { display:block; float:left;	margin-right:20px;}

.silhouette img {
	margin:5px;
	margin-bottom:20px;

	width:100%;

	-moz-box-shadow: none;
	-khtml-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;	
}







	div.artmap {

	max-width:800px;
	min-width:250px;
	color: #fff;

	margin: 0 auto;
	margin-bottom:20px;

	padding: 8px 20px 10px 20px;


	text-align:justify;	

	display: block;


	overflow: hidden;

		}		
		div.artmap:hover {
 
			color:#fff; /*rgba ie fix*/
			}



.thingslist {
	width:auto;
	height:40px;
	color:white;
}
.thingsred {background-color:#F00;}
.thingsblue {background-color:#36F;}
.thingsgreen {background-color:#0F3;}

	


.beachwrap {


	position:relative;	
	display:block;


	overflow:auto;
	margin:0 auto;




}
		

/*      #map_canvas { width: 100%; height: 100%;  } */


#sightseeing  {list-style:none; padding:0;}		
			
.itembox {margin: 0 auto;}		
.itemindex {

	float:left;
	text-align:justify;


padding:10px;

	overflow: hidden;

	font-size: 1em;
	display: inline-block;

}
.itemindexodd {}
.itemindex a:hover  { }

.itemindex a {}

.itemindex p {float:left;}

.itemdesc {font-size:.9em; max-width:850px;}

			
.itemindex img:hover {
	border: 2px solid rgb(255,0,0); /*rgba ie fix*/
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}


	


/*#pageslide {
    /* These styles MUST be included. Do not change. 
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    
    /* Specify the width of your pageslide here 
    max-width: 75%;

    padding: 20px;
    
    /* These styles are optional, and describe how the pageslide will look 
    background-color: #666;

    -webkit-box-shadow: inset 0 0 5px 5px #222;
    -moz-shadow: inset 0 0 5px 5px #222;
    box-shadow: inset 0 0 5px 5px #222;
}*/




        #modal { display: none; }
            #modal a { background: #CCC; color: #333; font-weight: bold; padding: 5px 10px; border: none; }
            #modal a:hover { background: #aaa; } 


        
/* end of pageslide */



#container {
	background: #fff;
	font-size:60%;
	margin: 100px auto 0 auto;
	padding: 1em;
	width: 700px;
}
.cartform label {
	font-size:9px;
}

.contactclose {
	display:block;
	position:relative;
	height:80px;
	width:80px;
	float:right;
	z-index:10000;
	background-repeat:no-repeat;
}



/* contact */

#wrap-top {padding-top:30px;}

#container_contact {
	min-width:450px;
	max-width:800px;
	height: 800px;
	position:relative;
	
}

#contact-form {
	background-color:#fff;

	padding:12px;
	
	border: 1px solid #aaa;
/*	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px; */
	position:relative;

	margin:0 auto;	
}

#contact-form p {	color:black;}
#contact-form h1 {
	font-size:42px;
	color:black;	
}

#contact-form h2 {
	margin-bottom:15px;

	font-weight:normal;
	color:black;
}
#contact-form h3 {
	margin-bottom:15px;

	font-weight:normal;
	color:black;	
}
#contact-form input, 
#contact-form select, 
#contact-form textarea, 
#contact-form label {
	width:90%
	font-size:18px;
	margin-bottom:2px;
	color:black;
}

#contact-form input, 
#contact-form select, 
#contact-form textarea {
	width:90%;
	border: 1px solid #CEE1E8;
	margin-bottom:20px;
	padding:4px;
}

#contact-form input:focus, 
#contact-form select:focus, 
#contact-form textarea:focus {
	border: 1px solid #aaa;
	background-color: #EBF2F4;
}

#contact-form textarea {
	height:120px;
	resize: none;
}

#contact-form label {
	display:block;
}

#contact-form .required {
	font-weight:bold;
	color:#000;	
}

#contact-form #submit-button {
	width: 140px;
	height:70px;
	background-color:#51ca65;
	color:#FFF;
	border:none;
	display:block;
	float:right;
	margin-bottom:0px;
	margin-right:6px;


}

#contact-form #submit-button:hover {
	background-color: #44e65e;
}

#contact-form #submit-button:active {
	position:relative;
	top:1px;
}

#contact-form #loading {
	width:32px;
	height:32px;
	background-image:url(../img/loading.gif);
	display:block;
	position:absolute;
	right:130px;
	bottom:16px;
	display:none;
}

#errors {
	border:solid 1px #E58E8E;
	padding:10px;
	margin:25px 0px;
	display:block;
	width:437px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#FFE6E6 url(../img/cancel_48.png) no-repeat 405px center;
	display:none;
}

#errors li {
	padding:2px;
	list-style:none;	
}

#errors li:before {
	content: ' - ';	
}

#errors #info {
	font-weight:bold;
}

#errors #info:before {
	content: '';	
}

#success {
	border:solid 1px #83D186;
	padding:25px 10px;
	margin:25px 0px;
	display:block;

	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
/*	*/	background:#D3EDD3 url(../img/accepted_48.png) no-repeat 405px center;
	font-weight:bold;
	display:none;
}

#errors.visible, #success.visible {
	display:block;	
}

#req-field-desc {
	font-style:italic;
}

/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}

/* Normalize placeholder styles */

/* chrome, safari */
::-webkit-input-placeholder {
	color:red;
	font-style:italic;
}

/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
	color:#CCC;
	font-style:italic;
}

/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  { 
	color:#CCC;
	font-style:italic;
}



   .labels {
     color: black;
	 height:auto;
	border: 1px solid rgb(0,0,0); /*rgba ie fix*/
	background-color:#0C0;
	font-size:9px;
     text-align: center;
     width: 60px;  
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;

	border-radius: 5px;	    

   }




.map1 {

	margin-top:20px;
	text-align:center;

}

.map { width: 100%; height:500px; }




.krabitrek_facebook {

	width:300px;
	float:right;
	overflow: visible;


}

.facebook_inner {
		float:right;
}




.simple_overlay1 {

	display:block;

	z-index:10000;

	background-color:#333;
	
	width:85%;	
	height:85%;
	border:1px solid #666;

	-moz-box-shadow:0 0 10px 5px #000;
	-webkit-box-shadow: 0 0 10px #000;	
}	

.simple_overlay {

	display:none;

	z-index:10000;

	background-color:#333;
	
	width:85%;	
	height:85%;
	border:1px solid #666;

	-moz-box-shadow:0 0 10px 5px #000;
	-webkit-box-shadow: 0 0 10px #000;	
}


.simple_overlay .close {
	background-image: url(../img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	z-index:11000;
	height:35px;
	width:35px;
}


	#triggers {
		text-align:center;
	}
	
	#triggers img {
		width:95%;
		max-width:250px;
		cursor:pointer;
		margin:0 40px 20px 5px;
		background-color:#fff;
		border:1px solid #ccc;
		padding:2px;
	
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		
	}
	.makecentre {margin: 0 auto; display:block; width:auto }



	div.tidecontainer {width:100%; overflow:auto;}



#data {
	display:none;
}

#holder {
    height:600px;
	overflow:hidden;
    position: relative;
}
#holder2 {
	background-image:url(../img/tidesbg.png);
	background-repeat:no-repeat;
	background-position:center;
    height:180px;
	width:250px;
	margin: 0 auto;
	overflow:hidden;
	text-align:center;
    position: relative;

}





	#tideheader {
		padding:10px 0 20px; 0;
	
	}
			
	#site-bottom-bar {
	
	background-color: #000 ;
	border-top: 1px solid #aaa ;
	bottom: 0px ;
	font-family:arial, Verdana, Geneva, sans-serif  ;

	height: 40px ;
	position: fixed ;
	width: 100% ;
	z-index: 1002 ;
	}

	#site-bottom-bar ul { display:table; width:100%; height:40px; line-height:40px; margin:0; padding:0;}

	#site-bottom-bar li {
				
	display: table-cell; 
	list-style-type:none; 
	padding:0 5px; 
	text-align:center; 
	width:33.33333337%;	
	margin:-2px !important; 
	margin:0; 
	border-left: 1px solid #000; 
		} 
	
	#site-bottom-bar li.first { 
	border-left:0;
	text-align:center;	 
	}


	#site-bottom-bar a {
	
	font-size:20px;
	color:aaa;



	}


#heading, #currencyBox,  {margin:0 auto;}

#heading {font-weight:bold;font-size:28px;padding-bottom:10px;color:#333;}

#currencyBox {overflow:hidden; float:right;}

#currencyBox p {font-size:10px; font-style:italic; color:red;}

	#currbox {

		display:block;

	position:relative;
top:-2px;
right:65%;
	}
	

	
	#currencyBox img {

		position:inline;
		
	
		float:left;
	}
	#currencyBox a {

		float:left;
	}
	

	.read-more {margin: 10px 20px; float:right;}
	.read-more a {color:black;}
	.read-more a:visited {color:black !important;}
	.read-more a:hover {color:red !important;}			
	.read-less {margin: -10px 10px; float:right;}
	.read-less a {color:black;}
	.read-less a:visited {color:black !important;}
	.read-less a:hover {color:red !important;}	
		
#ratevar {display:none;}
.thbprice {display:none;}
.data {float:left;width:auto;padding:0 5px;}
.rate {color:white; font-weight:bold;}
.rate1 {color:lightgreen; font-weight: normal; font-size:.9em;}
/*input[type=button] {margin-top:5px;cursor:pointer;background:#333333;color:#ffffff;border:none;padding:2px 5px;-moz-border-radius:5px;border-radius:5px;}*/

#results {font-weight:bold;font-size:100%;}


#original, #originalc, #original2, #original2c, #original3, #original3c, #original4, #original4c, #original5, #original5c, #original6, #original6c, #original2n, #original2cn, #convert7  {display:none;}


#liquid {

	
}

.wrapper ul li {
	display:none;

	
	}

.liquid {

	padding:15px 0 0 0 ;
	margin-bottom:5px;


	height:100%;
		-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
.liquid .previous {

height:0;
	border-top: 25px solid transparent;
	border-right: 50px solid #aaa;
	border-bottom: 25px solid transparent;
	float:left;
	display:none;




	margin:50px 10px;
	padding:0;
}
.liquid .previous:hover {	border-right: 50px solid red;}
.liquid .next {
height:0;
	border-top: 25px solid transparent;
	border-left: 50px solid #aaa;
	border-bottom: 25px solid transparent;
	float:right;
	display:none;




	margin:50px 10px;
	padding:0;
}
.liquid .next:hover {border-left: 50px solid red;}
.liquid ul {height:180px; display:block;}
.liquid ul li {
	width:130px;
	padding:0 2px;
	margin:0;
}
.liquid ul li a img {
			-moz-box-shadow: 0px 5px 5px #4d453b;
			-khtml-box-shadow: 0px 5px 5px #4d453b;
			-webkit-box-shadow: 0px 5px 5px #4d453b;
			box-shadow: 0px 5px 5px #4d453b;
	

	margin:0;
}

#circlebox {}

.color3{
	background: rgb(59,89,152); /*rgba ie fix*/
	background: rgba(59,89,152,1);
}
.color2 {
	background: rgb(76,115,196); /*rgba ie fix*/
	background: rgba(76,115,196,1);
}
.color1 {
	background: rgb(124,200,243); /*rgba ie fix*/
	background: rgba(124,200,243,1);
}
.circletext {
	text-align:center;
	font-size:16px;
	padding:30px 10px 0 10px;	
	display:block;
	font-family:arial; 

}


.circle {
	width: 100px;
	height: 100px;
	margin:15px 5px 15px 5px;
	display:block;
	position:relative;
	z-index:999;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	float:right;
	opacity:80%;
	color:white;
	text-align:center;
			-webkit-transition: all .8s ease-in-out;
			-moz-transition: all .8s ease-in-out;
			-o-transition: all .8s ease-in-out;
			-ms-transition: all .8s ease-in-out; 
			transition: all .8s ease-in-out;		
	
}

.circle:hover { 

}

.circle.color3:hover {
	background: rgb(59,89,152); /*rgba ie fix*/
	background: rgba(59,89,152,.8);
	opacity:100%;
	color:#333;
}
.circle.color2:hover {
	background: rgb(76,115,196); /*rgba ie fix*/
	background: rgba(76,115,196,.8);
	opacity:100%;
	color:#333;	
}
.circle.color1:hover {
	background: rgb(124,200,243); /*rgba ie fix*/
	background: rgba(124,200,243,.8);
	opacity:100%;
	color:#333;	
}
#triangle-left {
	width: 50px;
	height: 0;
	border-top: 25px solid transparent;
	border-right: 50px solid red;
	border-bottom: 25px solid transparent;
	float:left;
	display:block;
}
#triangle-right {
	width: 50px;
	height: 0;
	border-top: 25px solid transparent;
	border-left: 50px solid red;
	border-bottom: 25px solid transparent;
	float:right;
	display:block;	
}
	

#contentmenu {
	display:block;
	position:relative;
	z-index:10;
}


#contentmenu h3 {
	font-family:arial;
	font-weight:400;

}
	
.island {
  padding: 1em;
}

.island p {
  font-size: 0.875em;
  line-height: 1.4em;
  margin: 0;
}

/* simpleslideview */
	
.island {
  padding: 1em;
}

.island p {
  font-size: 0.875em;
  line-height: 1.4em;
  margin: 0;
}



.views {

  color:black;

  display: block;
}

.views-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.views-nav li {

  margin: 0;
  padding-left:10px;
}


.views-nav li:last-child {
  border-bottom-width: 0;
}

.views-nav a {
  background: url(../img/arrow-right.svg) no-repeat 96% center;
  display: block;

  line-height: 1.24444444444445em;
  padding: 0.3em;
  font-weight:normal !important;
}

.views-nav a:hover {color:#a0f888 !important; font-weight:bold;}
.views-nav a:visited {color:#fff !important; font-weight:normal;}
.views-main .view {

}

.views h3 {font-size:1em;  font-family: arial;}


.fullmore:hover a {color:blue;}

/* When SimpleSlideView is active we won't need a border anymore */
.views-main .SimpleSlideView-view {
  border-top-width: 0;
}

.view-content {
  padding: 1em;
}

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

.view-nav a {
  background-repeat: no-repeat;
  display: block;
  margin-bottom: -0.25em;
  padding: 0.75em 1em;
  white-space: nowrap;
}

.view-nav-contents a {
  background-image: url(../img/hamburger.svg);
  background-position: left center;
  padding-left: 1.8em;
}

.view-nav-next a {
  background-image: url(../img/arrow-right.svg);
  background-position: right center;
  padding-right: 1.8em;
}

.btn {
  background-color: #0088cc;
  border-radius: 0.25em;
  color: #fff;
  text-align: center;
}

.byline {
  color: #999;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}




/*.vgal{ 
    background: url(shadow/blank.gif) repeat scroll left top transparent; 
    height: 100%; 
    left: 0; 
    margin: 0; 
    position: absolute; 
    top: 0; 
    width: 100%; 
    z-index: 5001; 
} */
#sb-nav-previousBox{position:absolute;height:100%;top:0; left:0;width:25%;background: none;display:block;} 

#sb-nav-nextBox{position:absolute;height:100%;top:0;width:25%; left:75%; background:none;display:block;} 



#sb-nav-nextBox:hover{background:url(shadow/next-md.png) no-repeat center right; cursor:pointer;} 
#sb-nav-previousBox:hover{background:url(shadow/prev-md.png) no-repeat center left; cursor:pointer;} 
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
/*#sb-wrapper-inner{position:relative;height:100px; overflow:visible; width:850px; margin:0 auto; overflow:visible;}*/
#sb-wrapper-inner{position:relative;height:100px; overflow:visible;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:32px;height:32px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(shadow/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background: lightgrey; padding-top:10px; border-radius:15px;}
/*#sb-body,#sb-loading{background: none;}*/
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden; text-align:center;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:20px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:18px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%; top:50px;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(shadow/closered1.png); position:absolute; display:block; top:-20px; right:-20px; width:75px;height:75px; background-repeat: no-repeat }
#sb-nav-close:hover{ cursor:pointer;background-image:url(shadow/closered.png);}

#sb-nav-next{background-image:url(shadow/blank.gif);}
#sb-nav-previous{background-image:url(shadow/blank.gif);}
#sb-nav-play{background-image:url(shadow/play1h.png); position:absolute; display:block; top:-20px; right:100px; width:75px;height:75px; background-repeat: no-repeat}
#sb-nav-play:hover{background-image:url(shadow/play1h.png); cursor:pointer;}
#sb-nav-pause{background-image: url(shadow/pause1.png); position:absolute; display:block; top:-20px; right:100px; width:75px;height:75px; background-repeat: no-repeat}
#sb-nav-pause:hover{background-image: url(shadow/pause1h.png); cursor:pointer;}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}




#thumb2 {margin:0 auto;}
#thumb2 img{max-width:25%; float:left; padding:0 !important; margin:0 !important;}
#thumb3 {margin:0 auto;}
#thumb3 img{ float:left; padding:0 !important; margin:0 !important;}


/*
Back to top button 
*/




#back-top {
	position: fixed;
	bottom: 30px;
	right:20px;
	z-index:1001;
	
}
#back-top a {
	width: 54px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	padding-top:3px;
	color: #000;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 54px;
	height: 54px;
	display: block;
		padding-top:8px;
	margin-bottom: 7px;
	opacity:.5;
	background: #907979 url(../img/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
	opacity:1.0;
}
/*
End of Back to top button 
*/



.flag {
	display:block;
	position:relative;
	top:15px;

}

#flagpic {
	width: 16px;
	height: 11px;
	background:url(../img/flags.png) no-repeat;
}



		
/* MICRO CLEARFIX HACK */
.cf:before, .cf:after {content:"";display:table} /* For modern browsers */
.cf:after {clear:both}
.cf {zoom:1} /* For IE 6/7 (trigger hasLayout) */
/* DEFAULT MOBILE STYLE */
body {width: 100%; margin: 0 auto} /* Center page without wrapper */
/* column grid */
.g1,.g2,.g3{display:block; position: relative; margin-left: 1%; margin-right: 1%}
/* 1 column grid */
.g1,.g2,.g3{width:98.0%}

.g1m {display:block; position: relative; margin-left: 1%; margin-right: 1%; width:98.0%; overflow:visible;}

.fluid {max-width:95%; margin: 0 auto; }


/* media Queries




/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.3.2 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/

.inline { display: none }
.featherlight .legend {
    position: absolute;
    bottom: 0;
    font-size: larger;
    color: white;
background:rgba(0,0,0,.5);	
padding:10px;
margin-left:10px;
margin-bottom:10px;
}

.noshow {display:none;}



/* version 1.3.5 */
@media all{.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;min-width:30%;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(211,26,12,.9);color:#000}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0}.featherlight iframe{border:0}}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:10px;margin-right:10px;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}


/* version 1.3.5 */
@media all{.featherlight-next,.featherlight-previous{display:block;position:absolute;top:25px;right:25px;bottom:0;left:80%;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(0,0,0,0)}.featherlight-previous{left:25px;right:80%}.featherlight-next:hover,.featherlight-previous:hover{background:rgba(255,255,255,.25)}.featherlight-next span,.featherlight-previous span{display:none;position:absolute;top:50%;left:5%;width:82%;text-align:center;font-size:80px;line-height:80px;margin-top:-40px;text-shadow:0 0 5px #fff;color:#fff;font-style:normal;font-weight:400}.featherlight-next span{right:5%;left:auto}.featherlight-next:hover span,.featherlight-previous:hover span{display:inline-block}.featherlight-loading .featherlight-next,.featherlight-loading .featherlight-previous{display:none}}@media only screen and (max-device-width:1024px){.featherlight-next:hover,.featherlight-previous:hover{background:0 0}.featherlight-next span,.featherlight-previous span{display:block}}@media only screen and (max-width:1024px){.featherlight-next,.featherlight-previous{top:10px;right:10px;left:85%}.featherlight-previous{left:10px;right:85%}.featherlight-next span,.featherlight-previous span{margin-top:-30px;font-size:40px}}

.featherlight-loading .featherlight-content {background-color:transparent; overflow:hidden;}
.featherlight-loading .featherlight-close-icon {display:none;}
.featherlight-loading .featherlight-previous {display:none;}
.featherlight-loading .featherlight-next {display:none;}

.spinner {
  height: 60px;
  width: 60px;
  margin: 94px auto 0 auto;
  position: relative;
  -webkit-animation: rotation .6s infinite linear;
  -moz-animation: rotation .6s infinite linear;
  -o-animation: rotation .6s infinite linear;
  animation: rotation .6s infinite linear;
  border-left: 6px solid rgba(0, 174, 239, .15);
  border-right: 6px solid rgba(0, 174, 239, .15);
  border-bottom: 6px solid rgba(0, 174, 239, .15);
  border-top: 6px solid rgba(0, 174, 239, .8);
  border-radius: 100%;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}

@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}

@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
  }
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}




/* MOBILE PORTRAIT */
@media only screen and (min-width: 320px) {
	body {
		
	}
		.alltoursbutton {

			left:-50px;


		}
div.art-k-c4 h1 {
  font-size: 1.5em;

}
.rmlight h2 {
  font-size: 1em;

}

}

/* MOBILE LANDSCAPE */
@media only screen and (min-width: 480px) {
	body {
		
	}
  .views {
    border-radius: 0.5em;
    border-width: 2px;
  }
}

/* SMALL TABLET */
@media only screen and (min-width: 600px) {
	body {
		
	}
}

/* TABLET/NETBOOK */
@media only screen and (min-width: 768px) { 
	body {
		
	}
	h1 {font-size: 3.25em;}
		#logo {display: none;}
	.styled-select {font-size:16px; width:80px;}
	.simple_overlay {width:85%; height:75%;	-moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000;	}
	ul.slimmenu li .sub-collapser > i {	right:0px;	}
	ul.slimmenu li a {
		padding: 8px 34px 8px 10px;
		font-size: 15px;
	}
	.pricelist th { color:#fff; font-size:1em;}
	.pricediv td { font-size:1em; }	
	#site-bottom-bar {display:none;}	
	
div.art-k-c4 h1 {
  font-size: 2em;

}

.rmlight h2 {
  font-size: 1.2em;

}
		
	#topenquiry {display:block !important;}
	#map-shadow {display:block !important;}	
	#othertours {display:block !important;}
	#unsent {display:block !important;}		
	#currbox {right:0;}
		
	#back-top span {
		width: 108px;
		height: 108px;
		padding-top:5px;
	}
			
	#back-top a {
		width: 108px;
	}
	#footpic {display:block;}
	#footernav_bg {margin: 0 0 0 0 ;}

	.itemdesc {font-size:1em;}
		



	/* COLUMN GRID */
	.g1,.g2,.g3 {display: inline-block; float: left}
	
	/* 2 COLUMN GRID */
	.g1 {width:48.0%}
	.g2 {width:48.0%}
	.g3 {width:98.0%}
	

	
}

/* LANDSCAPE TABLET/NETBOOK/LAPTOP */
@media only screen and (min-width: 1024px) { 
	body {

	}
div.art-k-c4 h1 {
  font-size: 2.3em;

}	
#logo {display: block;}
	/* 3 COLUMN GRID */
	.g1 {width:31.333%;}
	.g2 {width:64.667%;}
	.g3 {width:98.0%}
}

@media only screen and (min-width: 1280px) { 
/* DESKTOP */
		body {
	}
		#logo h2 a {background:   url(../img/krabitrek-feet-logo-new2-sprite-small.png) no-repeat; height:70px; width:300px;		}
	#unsent {top:78px;}
	#logo {display:block; width:300px;}
	#logo h2 a:hover  {	background-position:0px -70px;}
	#logotext {display:block;}
	.gplbadge {top:180px; left:-40px; width:40px;}	
	.fbplbadge {top:260px; left:-40px; width:40px; }	
}

/* WIDESCREEN */
/* Increased body size for legibility */
@media only screen and (min-width: 2000px) { 
	body {font-size:116.75%;  } /* 18.5px / 28px */
}


/* PRINT */
@media print {
/*  * {background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important} /* Black prints faster */
  a, a:visited {color: #444 !important; text-decoration: underline}
  a[href]:after {content: " (" attr(href) ")"}
  abbr[title]:after {content: " (" attr(title) ")"}
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: ""}  /* Don't print links for images, javascript or internal links */
  pre, blockquote {border: 1px solid #999; page-break-inside: avoid; }
  thead {display: table-header-group; } /* Repeat header row at top of each printed page */
  tr, img {page-break-inside: avoid; }
  img {max-width: 100% !important; }
  @page {margin: 0.5cm}
  p, h2, h3 {orphans: 3; widows: 3}
  h2, h3{page-break-after: avoid}
  #navigation_horiz {display:none;}
  #footer-nav {display:none;}
  #site-bottom-bar {display:none;}
  #gplikebox {display:none;}
  #fbplikebox {display:none;} 
  .noprint {display:none;} 
}