html {
max-height: 100%;
}

body {
font-family: Calibri, Candara, Verdana;
font-size: 18px;
line-height: 26px;
background-color: #fff;
margin: 0;
max-height: 100%;
color: #505050;
max-height: 100%;
}

nav .big {
font-size: 20px;
}

nav {
font-size: 16px;
}

.slide-toggle {
  overflow: hidden;
  transition: all 0.25s; 
}
.alert {
	padding: 10px 30px;
	margin: 5px 0;
	border-radius: 5px;
	line-height: 24px;
}

.alert-small {
	padding: 5px 15px;
	margin: 3px 0;
	border-radius: 5px;
	line-height: 13px;
	font-size: 13px;
}

span.alert-small {
	display: inline-block;
}

.alert-info {
	background-color: #eff1fc;
	border: 1px solid #dadff8;
	color: #09144c;
}

.alert-warning {
	background-color: #fbecec;
	border: 1px solid #f8dada;
	color: #993838;
}

.alert-warning-strong {
	background-color: #e90e0e;
	color: #fff;
}

.alert-warning .alert-warning {
	background-color: #f9e6e6;
	border: 1px solid #f7cece;
	color: #993838;
}

.alert-success {
	background-color: #dcf3de;
	border: 1px solid #c3e5c6;
	color: #09470f;
}

.alert-success h1, .alert-success h2 {
	color: #26592a;
}

.alert-danger {
	background-color: #f3f3dc;
	border: 1px solid #e4e4be;
	color: #5e5d11;
}

.md-toolbar-tools h2 {
	border-bottom: none;
	color: white;
	font-size: 26px;
}

.md-dialog-width-mid {
	max-width: 500px;
}

.md-dialog-width-large {
	max-width: 650px;
}

.md-toolbar-red {
	background-color: #ed2626 !important;
}

.loginMenu {
float: right;
position: relative;
padding: 0;
margin: 0;
z-index: 1000;
}

.loginMenu ul {
right: 10px;
position: absolute;
white-space: nowrap;
background-color: #f3f7fc;
padding: 0;
border: 1px solid #dfebf8;
display: none;
border-radius: 3px;
box-shadow: 3px 3px 8px rgba(0,0,0,0.3);
}

.loginMenu:hover ul {
display: block;
}

.loginMenu li {
list-style-type: none;
text-align: left;
}

.loginMenu ul li {
font-size: 14px;
line-height: 14px;
}

.loginMenu ul li:hover a {
background-color: #49739f;
color: #f3f7fc !important;
text-decoration: none;
}

.loginMenu ul li a {
padding: 0 18px;
color: #49739f !important;
line-height: 26px;
display: block;
}

.formBoxC {
background-color: #f9fbfe;
max-width: 300px;
margin: 20px auto;
padding: 3% 8%;
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

.formBoxC h1 {
border: none;
margin: 0 0 20px 0;
}

.formBoxC .formList {
list-style-type: none;
margin: 0;
padding: 0;
}

.formBoxC .formList li {
padding-top: 4px;
}

.formBoxC .formList input[type=password], .formBoxC .formList input[type=text] {
box-sizing: border-box;
width: 100%;
}

.formBoxC .formList li button {
margin-top: 16px;
}



.sideNav li {
list-style-type: none;
}

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

.navList li {
display: inline-block;
padding-right: 5px;
}

.tourOverviewImgWrap {
float: left;
margin: 0 20px 0 0;
}

@media only screen and (max-width: 600px) {
	.tourOverviewImgWrap {
	float: none;
	margin: 0 0 20px 0;
	text-align: center;
	}
}

.tourOverviewTable {
border-bottom: 1px solid #a6c9e2;
padding: 20px;
}

.tourOverviewTable span {
}

.tourOverviewTable td {
}

.tourOverviewTable img {
}

.tourOverviewList {
padding: 0;
margin: 0;
}

.tourOverviewList li {
list-style-type: none;
}

.tourOverviewList ul {
padding: 20px;
border-bottom: 1px solid #a6c9e2;
}

.tourOverviewList ul li {
display: inline-block;
vertical-align: top;
}

.stdTxtColor {
color: #505050 !important;
}

.header {
background-color: #6595c4;
}

.menuWrap {
text-align: center;
font-size: 16px;
}

.menuWrap ul {
padding: 0;
margin: 0;
background-color: #6595c4;
}

.menuWrap ul a {
color: white;
padding: 10px 20px;
display: block;
white-space: nowrap;
text-decoration: none;
}

.sub:after {
content: " v";
}

.menuWrap ul li {
display: inline-block;
background-color: #6595c4;
}

.menuWrap .s, .menuWrap ul li:hover {
background-color: #4577aa;
}

.menuWrap ul ul {
position: absolute;
display: none;
}

.menuWrap ul ul li { /* Fyller ut länk med markering av undermenyer */
display: block;
text-align: left;
}

.menuWrap ul li:hover ul {
display: block;
}

.menuWrap ul li:hover ul ul {
display: none;
}

.menuWrap ul ul li:hover ul {
display: block;
}

.menuWrap ul ul li:hover ul ul {
display: none;
}

.menuWrap .logo {
padding-right: 10px;
}

.menuWrap .logo a {
padding: 0;
}

.menuWrap .logo:hover {
background-color: transparent;
}

.menuWrap2 {
padding: 8px 0 !important; /* !important overrides .css 0 top/bottom-padding */
line-height: 24px;
display: table;
width: 100%;
}

.menuWrap2 img {
padding-left: 4px;
}

.menuWrap2 ul {
padding: 0;
margin: 0;
text-align: right;
}

.menuWrap2 ul li {
display: inline-block;
}

.menuWrap2 ul li a {
padding: 0 10px;
color: #19426c;
cursor: pointer;
}

.menuWrap2 .s a {
color: #cbe1f7;
text-decoration: none;
}

.menuWrap2 .cell {
vertical-align: middle;
}

.menuWrap2 .logo-slogan {
display: block;
}

.menuWrap2 .logo-textless {
display: none;
}

.menuMobileBtn {
display: none;
text-align: right;
padding: 0 10px 0 0;
}

@media only screen and (max-width: 950px) {
   .menuWrap2 .logo-slogan {
	display: none;
   }

	.menuWrap2 .logo-textless {
	display: block;
	}
}

@media only screen and (max-width: 750px) {
   .menuWrap2 .logo-textless {
	display: none;
   }
   
   .menuWrap2 .logo-slogan {
	display: block;
   }
   
   .menuWrap2 .cell {
	display: block;
   }

	.menuMobileBtn {
	display: block;
	}
	
	.menuStd {
	display: none !important;
	}
}

#subnav {
background-color: #d0e2f5;
padding: 1px 2px;
padding: 2px 4px;
font-size: 14px;
}

#subnav, #subnav a {
color: #6595c4;
}

#cartBar {
background-color: #338a2f;
color: #ceebcd;
width: 100%;
z-index: 100;
display: inline-block;
  -webkit-transition:all linear 0.5s;
  transition:all linear 0.5s;
}

#cartBar .cc > ul > li > span {
color: #a7d5a5;
padding: 0 10px 0 20px;
}

#cartBar.ng-hide {
opacity: 0;
}

#cartBar.sticky {
position: fixed;
top: 0;
}

#cartBar select {
padding: 0;
}

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

#cartBar li {
display: inline-block;
padding-right: 20px;
}

#cartBar li:last-child {
padding-right: 0;
}

@media only screen and (max-width: 880px) {
	#cartBar li {
	float: none !important;
	display: block;
	text-align: center;
	}
}

#cartBtn {
text-align: center;
width: 200px;
display: inline-block;
color: #ceebcd;
padding: 4px 0;
border-top: none;
border-bottom: none;
background-color: #2a7f26;
}

#cartBar .s {
background-color: #21721d;
}

#cartBtn img, #cartBtn span {
display: inline-block;
vertical-align: middle;
}

#cartBtn img {
margin-right: 10px;
}

#cartBtn:hover {
text-decoration: none;
}

#cartDrop {
z-index: 10;
width: 320px;
position: absolute;
top: 36px;
right: 0;
background-color: #e5f4e4;
border: 2px solid #338a2f;
border-top: none;
color: #505050;
display: none;
border-radius: 0 0 10px 10px;
}

#cartDrop > div {
padding: 0 20px 20px 20px;
}

#cartDrop ul li {
list-style-type: circle;
display: block;
}

#cartDrop table {
border-collapse: collapse;
}

#cartDrop td {
padding: 2px 0;
}

#cartDrop td:first-child { /*  Utflyktstiteln */
padding-right: 20px;
text-align: left;
}

#cartDrop button {
margin-right: 8px;
}

#cartTest {
padding: 20px !important;
width: 280px;
} 

.noselect { /* Unable to select text with this class */
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.bar {
text-align: center;
font-size: 20px;
font-weight: bold;
color: #f4f8fe;
cursor: pointer;
padding: 12px;
transition: opacity .2s;
}

.bar a {
color: #FFF !important;
text-decoration: none !important;
}

.bar:hover {
opacity: .9;
}

.arrowSmoothDown {
-webkit-transition: .3s;
width: 80px;
height: 13px;
}

.flipVert {
-webkit-transform: rotateX(180deg);
}

.expandWrap {
border: 1px solid #a7b3c5;
background-color: #f8f8f8;
}

.expandCont {
padding: 10px 2%;
}

.expandWrap a {
text-decoration: none;
}

.tourWrap {
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
margin: 20px 0 80px 0;
}

.tourWrap h3 {
margin: 10px 10px 10px 20px;
}

.tourInfoTable {
line-height: 20px;
}

.tourInfoTable th {
text-align: left;
padding: 0;
}

.tourInfoTable .switch {
margin-bottom: 6px;
}

.tourInfoTable .switch label {
cursor: pointer;
}

.tourInfoTable ul {
padding-left: 20px;
margin: 0;
}

.tourInfoTable tr th + td {
padding-left: 20px;
}

.hide {
display: none;
}

.block {
display: block;
}

.savGreen {
background-color: #a9e2a7;
padding: 4px 10px;
color: #338a2f;
border-radius: 5px;
}

#cartPop {
display: none;
border: 2px solid #338a2f;
border-top: none;
background-color: #e5f4e4;
color: #196515;
padding: 10px 20px;
margin-top: 4px;
position: absolute;
right: 0;
z-index: 100;
border-radius: 0 0 5px 5px;
overflow: scroll;
max-height: 100%;
}

.menuMobile {
margin: 0;
padding: 0;
}

.menuMobile li a {
color: white;
display: block;
text-decoration: none;
padding: 2px 10px;
}

.menuMobile li {
display: block;
width: 100%;
text-align: center;
}

.menuMobile li:hover, .menuMobile .s {
background-color: #4577aa;
}

.hero {
background-image: url('/images/test.jpg');
background-size: contain;
background-repeat: no-repeat;
height: 500px;
}

.fluid {
overflow: hidden;
}

.cMenu {
float: left;
width: 200px;
}

.cc {
margin: auto;
max-width: 1120px;
padding: 0 3%;
}

.ccNoPad {
margin: auto;
max-width: 1120px;
}

#panel1 {
padding: 4px 15px 15px 15px;
background-image: url('/images/bg-blue-diagonal.gif');
border: 1px solid #b5cef7;
border-radius: 10px 0 0 10px;
}

#scroller {
overflow-y: auto;
max-height: 100%;
width: 250px !important;
}

#cart {
padding: 4px 15px 15px 15px;
background-image: url('/images/bg-blue-diagonal.gif');
border: 1px solid #b5cef7;
border-radius: 10px 0 0 10px;
}

#footer {
color: #cae1f8;
margin-top: 80px;
padding: 40px 0 20px 0;
background-color: #6595c4;
text-shadow: 1px 1px 1px #000;
font-size: 16px;
}

#footer a {
color: #fff;
}

#footer hr {
border-color: #4e80b3;
}

.vertListBig {
text-align: center;
font-size: 22px;
list-style-type: none;
}

.vertListBig li {
display: inline-block;
padding: 0 20px;
}

.vertList {
text-align: center;
list-style-type: none;
}

.vertList li {
vertical-align: top;
display: inline-block;
padding: 0 10px;
}

.infoBoxFooter {
background-color: #6494c3;
border: 1px solid #5787b7;
padding: 10px 20px;
border-radius: 5px;
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

.infoBoxFooter span {
padding-right: 20px;
}

.infoBoxFooter a {
padding: 0 5px;
}

.infoBoxFooter img {
vertical-align: middle;
display: inline-block;
transition: opacity 250ms;
}

.infoBoxFooter img:hover {
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}

a {
outline: none;
}

a:link {
	color: #008503;
	text-decoration: none;
}
a:visited {
	color: #008503;
}
a:hover {
	color: #1bab1e;
	text-decoration: underline;
}
a:active {
	color: #39c53d;
}

a.redLink {
color: #ed4848;
}

a:hover.redLink {
color: #dc3636;
}

a:active.redLink {
color: #f35252;
}

a:visited.redLink {
color: #ed4848;
}

img {
border: 0;
max-width: 100%;
}

.sideBar {
float: right;
}

.sideBar ul {
list-style-type: none;
padding: 0 0 0 40px;
}

.sideBar ul li {
list-style-type: none;
}

.sideBar ul ul {
padding: 0 0 0 30px;
}

@media only screen and (max-width: 700px) {
	.sideBar {
	float: none;
	}
	
	.sideBar ul {
	padding: 0;
	}
}

.wlcmThumbs {
color: #1b2d69;
}

.fontSmall {
font-size: 14px;
}

.fontBig {
font-size: 20px;
}

.bigTitle {
font-size: 60px;
text-align: center;
font-family: sans-serif;
color: #2f4caa;
}

h1 {
font-family: Verdana;
margin: 10px 0 20px 0;
padding: 0 0 5px 0;
color: #1b2d69;
font-size: 28px;
line-height: 30px;
}

h2 {
font-size: 26px;
font-family: Candara;
color: #1b2d69;
margin: 40px 0 20px 0;
padding-bottom: 4px;
border-bottom: 1px solid #1b2d69;
font-weight: normal;
}

h2 a:link, h2 a:visited {
color: #004b02;
}

h2 a:hover {
color: #007203;
}

h2 a:active {
color: #008a03;
}

h3 {
font-size: 20px;
color: #04136a;
margin: 12px 0 6px 0;
}

h4 {
margin-bottom: 0;
font-size: 18px;
}

hr {
margin: 40px 0;
border: 0;
padding: 0;
border-top: 1px solid #b5cef7;
}

input, select, textarea, a.linkButton {
color: #415b8e;
background-color: #eff3fb;
border: 1px solid #ced6e8;
border-radius: 3px;
font-size: 14px;
}

::-webkit-input-placeholder {
   color: #bac4d9;
}

:-moz-placeholder { /* Firefox 18- */
   color: #bac4d9;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #bac4d9;  
}

:-ms-input-placeholder {  
   color: #bac4d9;  
}

input, textarea, a.linkButton {
font-family: Candara, Verdana;
}

button, label, input[type=checkbox] {
cursor: pointer;
}

label {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

input:disabled, select:disabled {
background-color: #d4dbe8;
border-color: #adb7cb;
color: #565d6c;
}

.tiny {
font-size: 12px;
line-height: 12px;
}

.small {
font-size: 14px;
line-height: 20px;
}

.big {
font-size: 22px;
}

.bigger {
font-size: 32px;
}

input[type=radio] {
border: 0;
outline: none;
}

input[type=text], input[type=password], input[type=email], textarea, select {
padding: 8px 14px;
}

input[type=submit], input[type=button], a.linkButton, button {
font-family: Candara, Calibri !important;
background-color: #386ca0;
color: #ebecf7;
padding: 3px 10px;
font-size: 16px;
border: 0;
outline: none;
border-radius: 0;
transition: background-color 150ms;
cursor: pointer;
}

input[type=submit]:disabled, input[type=button]:disabled, button:disabled {
background-color: #969696;
}

input[type=submit]:disabled:hover, input[type=button]:disabled:hover, button:disabled:hover {
background-color: #a0a0a0;
}

input[type=submit]:hover, input[type=button]:hover, a.linkButton:hover, button:hover {
color: #edf7eb;
background-color: #268813;
}

input[type=submit]:active, input[type=button]:active, a.linkButton:active, button:active {
color: #dceed9;
background-color: #136a02;
}

input[type=submit].buttonSelected {
color: #042361;
background-color: #bbc8e3;
}

/* Checkbox switch BÖRJAN */
.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}

input.cmn-toggle-round + label {
  padding: 2px;
  width: 120px;
  height: 20px;
  background-color: #dddddd;
  border-radius: 20px;
}
input.cmn-toggle-round + label:before,
input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.cmn-toggle-round + label:before {
  right: 1px;
  background-color: #f1f1f1;
  border-radius: 20px;
  transition: background 0.2s;
}
input.cmn-toggle-round + label:after {
  width: 18px;
  background-color: #d1ecd2;
  border-radius: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: margin 0.2s;
}
input.cmn-toggle-round:checked + label:before {
  background-color: #4aaf3c;
}
input.cmn-toggle-round:checked + label:after {
  margin-left: 104px;
}
/* Checkbox switch SLUT */

.hsSlider {
background-color: #e5ecf6;
border: 1px solid #bdcce4;
width: 100%;
height: 300px;
overflow-y: scroll;
text-align: center;
}

.hsGalWrap {
padding: 16px;
}

.hsSlider .hsCom {
margin-bottom: 10px;
font-size: 14px;
width: 255px;
text-align: left;
}

.hsSlider li {
display: inline-block;
padding: 2px;
vertical-align: top;
}

.redBtn {
background-color: #a20000 !important;
color: #f6c7c7 !important;
}

.redBtn:hover {
background-color: #830000 !important;
color: #de9595 !important;
}

.redBtn:active {
background-color: #680000 !important;
color: #ca7676 !important;
}

a.linkButton {
cursor: default;
padding: 1px 9px;
font-family: MS Shell Dlg;
display: inline-block; /* For word-wrap in button text */
}

a.linkButton:hover {
text-decoration: none;
}

a.linkButton:active {
}

a.linkButton {
cursor: pointer;
}

.bigBtn {
font-size: 28px !important;
padding: 6px 26px !important;
}

.tinyBtn {
font-size: 14px !important;
padding: 2px 6px !important;
line-height: 14px;
}

.hl {
color: #00249a;
}

.areaBtn {
background-color: #5e8ebf;
color: #FFF;
text-align: center;
padding: 30px;
font-size: 30px;
cursor: pointer;
transition: background-color 250ms;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.areaBtn:hover {
background-color: #5081b4;
}

.areaBtn:active {
background-color: #3f71a5;
}

input[type=checkbox] {
border: 0;
background-color: transparent;
}

blockquote {
font-style: italic;
}

.errorMsg {
font-size: 13px;
margin: 20px 0;
}

.errorMsg span {
background: #fbc9c9;
border: 1px solid #f0a9a9;
color: #660000;
padding: 5px 10px;
border-radius: 3px;
}

.errMsgThin {
font-size: 13px;
color: #660000;
background-color: #fbc9c9;
border: 1px solid #f0a9a9;
margin: 0;
padding: 0 6px;
border-radius: 3px;
}

.noticeBox {
display: inline-block;
margin: 6px 0;
font-size: 14px;
line-height: 16px;
padding: 8px 10px;
border-radius: 3px;
}

.greenMsg {
color: #141414;
background-color: #aef4a1;
border: 1px solid #1d8508;
}

.redMsg {
color: #660000;
border: 1px solid #f0a9a9;
background: #fbc9c9;
}

.whiteMsg {
color: #24246c;
border: 1px solid #d6d6f4;
background: #f0effc;
}

.outputMsg {
font-size: 12px;
margin: 20px 0;
}

.outputMsg span {
background: #aef4a1;
border: 1px solid #1d8508;
color: #141414;
padding: 5px 10px;
border-radius: 3px;
}

.noticeMsg {
font-size: 12px;
margin: 20px 0;
}

.noticeMsg span {
padding: 5px 10px;
border-radius: 3px;
}

.grayMsg {
font-size: 12px;
margin: 20px 0;
}

.grayMsg span {
background: #c5c5c5;
border: 1px solid #7f7f7f;
color: #474747;
padding: 5px 10px;
border-radius: 3px;
}

.msgThin {
padding: 0 6px;
line-height: 16px;
}

.imgText {
font-size: 14px;
margin-bottom: 20px;
}

.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

#pup {
font-family: Verdana, Tahoma, Helvetica;
position:absolute;
z-index:200; /* aaaalways on top*/
padding: 3px 6px;
margin-left: 10px;
margin-top: 5px;
width: 250px;
border: 1px solid black;
background-color: #f8fbff;
color: black;
font-size: 0.95em;
}

.comment {
font-size: 12px;
}

.imgContR {
float: right;
margin: 20px 0 20px 20px;
}

.imgContR span {
display: block;
}

.divImgCont {
float: right;
padding: 5px;
margin: 0 0 20px 20px;
border: 1px solid #b5cef7;
background-color: #eff4fc;
border-radius: 5px;
}

.divImgCont img {
border-radius: 5px;
}

.divImgCont a img {
transition: opacity 150ms, filter 150ms;
}

.divImgCont a img:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}

.divImgCont span {
display: block;
font-size: 14px;
}

.imgL { /*Tillämpa vid vänsterjusterade .divImgCont-divar */
margin: 0 20px 20px 0;
float: left;
}

@media only screen and (max-width: 1250px) {
	.imgFull1250 {
	width: 100% !important;
	text-align: center;
	}
}

#floatDiv {
position: fixed;
left: 0;
top: 150px;
}

.squareSeparator3 {
width: 33.33%;
float: left;
}

.squareSeparator4 {
width: 25%;
float: left;
}

.squareSeparatorRight {
overflow: hidden;
}

.squareContent {
padding: 0 15px;
}

.squareImage {
padding: 0 10px 10px 0;
float: left;
max-width: 100%;
transition: opacity 250ms, filter 250ms;
}

.squareImage:hover {
opacity: 0.6;
filter: alpha(opacity=60);
}

.hoverImage {
transition: opacity 250ms, filter 250ms;
}

.hoverImage:hover {
opacity: 0.6;
filter: alpha(opacity=60);
}

.olListBigHeader li {
font-size: 18px;
}

.olListBigHeader ul li {
list-style-type: none;
font-size: 14px;
}

.olListBigHeader ul {
padding: 0;
margin-top: 5px;
margin-bottom: 20px;
}

.dataTable {
border-collapse: collapse;
}

.dataTable th {
text-align: left;
padding-right: 10px;
}

.panelBox {
background-color: #e8edf6;
border: 1px solid #dde4f1;
border-top: 0;
padding: 1px 2% 2% 2%;
margin-top: 40px;
border-radius: 5px;
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

.panelBox h2 {
border-bottom: none;
text-align: center;
}

.panelBoxes2Wrap {
margin-top: 80px;
display: flex;
}

.panelBoxes2Wrap h2 {
border-bottom: none;
text-align: center;
}

.panelBox2 {
flex: 1;
background-color: #e8edf6;
border: 1px solid #dde4f1;
border-top: 0;
padding: 0 2% 2% 2%;
border-radius: 5px;
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

.panelBoxes2Wrap .left {
float: left;
width: 45%;
margin-right: 2%;
}

.panelBoxes2Wrap .right {
overflow: hidden;
}

@media only screen and (max-width: 1000px) {
	.panelBoxes2Wrap {
	display: inline;
	}
	
	.panelBox2 {
	flex: 0;
	}
	
	.panelBoxes2Wrap .left {
	float: none;
	width: 100%;
	}

	.panelBoxes2Wrap .right {
	overflow: visible;
}
}

.legendContainer q {
font-style: italic;
}

.legendContainer div .left {
color: #1a5e05;
width: 50%;
float: left;
}

.legendContainer div .right {
color: #881111;
overflow: hidden;
}

.legendContainer div:hover {
background-color: #e5e9f0;
}

.legendContainer .title {
font-weight: bold;
border-top: 0 !important;
text-align: center;
}

.legendContainer .noHover:hover {
background-color: transparent !important;
}

.legendContainer .noHover div:hover {
background-color: transparent !important;
}

.legendContainer div:after {
    content:"";
    display:table;
}
.legendContainer div:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.legendContainer div {
    zoom:1;
}

.legendContainer div div {
border: 0;
padding: 3px;
}

.legendContainer .startNewPara {
margin-top: 20px;
}

.legendContainer .legendSpace {
height: 20px;
}

.smallGrayTitle {
margin-top: 12px;
}

.smallGrayTitle th {
text-align: left;
font-size: 12px;
font-weight: normal;
padding-right: 20px;
color: #5b5b5b;
}

.smallGrayTitle th, .smallGrayTitle td {
padding-bottom: 2px;
}

.smallGrayTitle input[type=text] {
margin: 0;
}

.smallGrayTitleList {
margin: 0;
padding: 0;
}

.smallGrayTitleList li {
list-style-type: none;
font-size: 12px;;
color: #5b5b5b;
}

.smallGrayTitleList ul {
padding-left: 20px;
margin-bottom: 5px;
}

.smallGrayTitleList ul li {
font-size: 14px;
color: #232424;
}

.historyChron {
margin: 0;
color: #3d71ac;
}

.webCharTable td, .webCharTable th {
border: 1px solid black;
padding: 3px 5px;
text-align: center;
}

.webCharTable {
border-collapse: collapse;
}

.letterLinks a {
text-decoration: none;
display: inline-block;
color: #0d327b;
margin: 0 2px;
background-color: #eff3fb;
border: 1px solid #aac1ee;
border-radius: 3px;
}

.letterLinks a:hover {
color: #204693;
background-color: #e2e9f8;
border: 1px solid #5e87d5;
}

.letterLinks a:active {
color: #4c6fb6;
background-color: #cdd7ec;
border: 1px solid #4d78ca;
}

.letterLinks span {
padding: 0 5px;
}

.encList {
list-style-type: none;
padding: 0;
}

.legendA {
font-weight: bold;
margin-right: 5px;
color: red;
}

.legendR {
font-weight: bold;
margin-right: 5px;
color: blue;
}

.legendE {
font-weight: bold;
margin-right: 5px;
color: #42a132;
}

.collapsedBlueTable {
border-collapse: collapse;
}

.collapsedBlueTable h2 {
margin: 0;
}

.collapsedBlueTable p {
margin: 0;
font-weight: normal;
font-size: 14px;
}

.collapsedBlueTable td, .collapsedBlueTable th {
border: 1px solid #c0c5dc;
background-color: #f5f6fa;
padding: 3px 7px;
text-align: center;
}

.collapsedBlueTable th {
text-align: left;
}

.collapsedBlueTable2 {
border-collapse: collapse;
border: 1px solid #c0c5dc;
}

.collapsedBlueTable2 h2 {
margin: 0;
}

.collapsedBlueTable2 p {
margin: 0;
font-weight: normal;
font-size: 14px;
}

.collapsedBlueTable2 td, .collapsedBlueTable2 th {
background-color: #f5f6fa;
padding: 3px 7px;
}

.collapsedBlueTable2 th {
text-align: left;
}

.leftAlignedTable td, .leftAlignedTable th {
text-align: left;
}

.boxAnnouncement {
float: right;
padding: 0 10px;
margin: 0 0 20px 20px;
width: 240px; 
border: 1px solid #000;
background-color: #eff4fc;
border-radius: 5px;
}

.boxAnnouncement img {
border-radius: 5px;
}

.boxAnnouncement h2 {
margin-top: 10px;
}

.galleryImages {
list-style-type: none;
text-align: center;
}

.galleryImages li {
display: inline-block;
width: 19.3%;
padding: 0 0.3%;
vertical-align: top;
}

.galleryImages img {
transition: opacity 250ms, filter 250ms;
}

.galleryImages img:hover {
opacity: 0.6;
filter: alpha(opacity=60);
}

div.ui-datepicker{
 font-size:10px;
}

.margin0 {
margin: 0;
}

.marginTop0 {
margin-top: 0;
}

.marginTop2 {
margin-top: 2px;
}

.marginTop4 {
margin-top: 4px;
}

.marginTop8 {
margin-top: 8px;
}

.marginTop16 {
margin-top: 16px;
}

.marginTop32 {
margin-top: 32px;
}

.marginRight16 {
margin-right: 16px;
}

.marginRight32 {
margin-right: 32px;
}

.marginBottom0 {
margin-bottom: 0px;
}

.marginBottom4 {
margin-bottom: 4px;
}

.marginBottom8 {
margin-bottom: 8px;
}

.marginBottom16 {
margin-bottom: 16px;
}

.marginBottom32 {
margin-bottom: 32px;
}

.marginLeft16 {
margin-left: 16px;
}

.marginLeft32 {
margin-left: 32px;
}

.paddingTop4 {
padding-top: 4px;
}

.paddingTop8 {
padding-top: 8px;
}

.paddingTop16 {
padding-top: 16px;
}

.paddingTop32 {
padding-top: 32px;
}

.paddingRight8 {
padding-right: 8px;
}

.paddingRight16 {
padding-right: 16px;
}

.paddingBottom0 {
padding-bottom: 0px;
}

.paddingBottom4 {
padding-bottom: 4px;
}

.paddingBottom8 {
padding-bottom: 8px;
}

.paddingBottom16 {
padding-bottom: 16px;
}

.paddingLeft4 {
padding-left: 4px;
}

.paddingLeft16 {
padding-left: 16px;
}

.fontSize20 {
font-size: 20px;
}

.liTitle {
font-size: 24px !important;
margin-bottom: 10px;
}

.noDisplay {
display: none;
}

.display {
display: ;
}

.borderTopBlack {
border-top: 1px solid black;
}

.imgBorderRad5 {
border-radius: 5px;
}

.currentDataTable th {
font-weight: normal;
text-align: left;
}

.currentDataTable td {
width: 100%;
text-align: right;
}

.borderingBlue {
margin: 15px 0;
}

.borderingBlue span {
padding: 5px 8px;
border: 1px solid #b5cef7;
border-radius: 3px;
}

.grayText {
color: #7d7d7d;
}

.noLRBorderGreen {
border: 1px solid #8fd888;
border-left: none;
border-right: none;
background-image: url('/images/bg-green-diagonal.gif');
padding: 0 20px 20px 20px;
margin: 0;
}

.noLRBorderGreen legend {
font-size: 18px;
margin: 0 0 3px 10px;
color: #1d5417;
}

.alignCenter {
text-align: center !important;
}

.alignTop {
vertical-align: top !important;
}

#termsList {
font-weight: bold;
list-style-type: none;
}

#termsList ul li {
font-weight: normal;
}

.linkList {
border-collapse: collapse;
}

.linkList th {
text-align: left;
font-size: 16px;
padding: 10px 0 4px 0;
}

.linkList td {
padding-right: 16px;
}

.overlay {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
background-color: rgba(0,0,0,0.5);
}

.modal {
position: fixed;
margin-left: -250px;
margin-top: -50px;
left: 50%;
top: 45%;
z-index: 20;
background-color: #fafcff;
border: 1px solid #527abc;
border-radius: 8px;
}

.modalContents {
padding: 20px;
}

.overlayError {
position: fixed;
width: 100%;
height: 100%;
z-index: 10;
background-color: rgba(0,0,0,0.5);
}

.modalError {
background-color: #ffe0e0;
padding: 10px 20px;
color: #FFF;
margin: 100px auto 0 auto;
width: 50%;
border: 1px solid #FFF;
background-color: #f30000;
border-radius: 5px;
}

.modalError h2 {
color: #FFF;
}

.modalError ul {
padding: 0 20px;
}

.modalError div {
text-align: center;
}

.modalError span {
background-color: #ffe0e0;
color: black;
font-weight: bold;
padding: 3px 12px;
border-radius: 5px;
cursor: default;
}

.modalError a {
color: #18bb15;
font-weight: bold;
}

.cell {
display: table-cell;
}

.t1v { /* Table 1 (vertical) */
border-collapse: collapse;
}

.t1v td, .t1v th {
padding: 3px 30px 3px 0;
}

.t1v th {
font-weight: normal;
font-size: 16px;
text-align: left;
}

.t1h { /* Table 1 (horizontal) */
border-collapse: collapse;
}

.t1h td, .t1h th {
padding: 1px 20px;
}

.tableStyle1 {
border-collapse: collapse;
}

.tableStyle1 th {
padding: 2px 4px;
}

.tableStyle2 { /* Vertikal tabell */
border-collapse: collapse;
}

.tableStyle2 th {
padding: 2px 4px 2px 0;
}

.tableStyle2 td {
padding: 2px 4px;
}

.tableStyle2 th {
text-align: left;
padding-right: 18px;
}

.tableStyle2 h2 {
margin: 6px 0 8px 0;
}

.tableStyle3 {
border-collapse: collapse;
}

.tableStyle3 td, .tableStyle3 th {
padding: 2px 10px;
}

.tableStyle4 {
border-collapse: collapse;
}

.tableStyle4 th, .tableStyle4 td {
padding: 6px 8px;
}

.tableStyle4 th {
text-align: left;;
}

.tableStyle5 { /* Vertikal tabell */
border-collapse: collapse;
}

.tableStyle5 th {
padding: 2px 4px 2px 0;
}

.tableStyle5 td {
padding: 2px 4px;
}

.tableStyle5 th {
text-align: left;
font-weight: normal;
padding-right: 18px;
}

.tableStyle5 h2 {
margin: 6px 0 8px 0;
}

.tableStyle5 input {
}

.tableCollapsed {
border-collapse: collapse;
}

.tableCollapsed td {
}

.newTableCat {
font-weight: normal;
text-align: center !important;
font-size: 20px;
padding-top: 16px !important;
}

.newTableCat:before {
content: '- ';
}

.newTableCat:after {
content: ' -';
}

/* Clean list */
.listStyle1 {
list-style-type: none;
padding: 0;
margin: 0;
}

.listStyle1 li {
margin: 4px 0;
}

/*  Titel i fetstil och underliggande precis under titel */
.listStyle2 {
}

.listStyle2 ul {
padding: 0 0 10px 0;
list-style-type: none;
font-weight: normal;
}

/*  Horisontell lista */
.listStyle3 {
margin: 0;
padding: 0;
font-size: 14px;
}

.listStyle3 li {
display: inline-block;
padding: 0 20px 0 0;
}

/*  Enkel punktlista utan insteg */
.listStyle4 {
padding: 0 0 0 20px;
margin: 0;
}

.asteriskInfo {
width: 100%;
background-color: #eef2f8;
border: 1px dashed #2a2da5;
border-radius: 10px;
list-style-type: none;
padding: 6px 10px;
}

.asteriskInfo td {
padding-right: 10px;
}

.loginBox {
float: right;
width: 220px;
background-color: #eff4fb;
border: 1px solid #d8e2f0;
padding: 8px 12px;
margin-left: 20px;
}

.loginBox input[type=text], .loginBox input[type=password] {
border: 1px solid #a9a9a9;
border-radius: 0;
width: 130px;
background-color: #fff;
}

.loginBox input[type=submit] {
margin-top: 4px;
background-color: #1b6fab;
padding: 6px 30px;
}

.loginBox input[type=submit]:hover {
background-color: #0f619b;
}

.loginBox input[type=submit]:active {
background-color: #a91919;
}

.loginBox h2 {
color: #a8bfe5;
border-bottom: none;
}

.tourPriceTable {
border: 1px solid #93b3f1;
background-color: #eff3fb;
border-collapse: collapse;
float: right;
}

.tourPriceTable th {
padding: 0 8px;
}

.tourPriceTable td {
padding: 2px 4px;
}

.tourPriceTable .topBorder {
border-top: 1px dashed #93b3f1;
}

.priceCell {
background-color: #d8e4fb;
}

.cruisesWrap {
float: right;
width: 400px;
margin-left: 40px;
background-color: #e8edf6;
border: 1px solid #dde4f1;
border-top: 0;
padding: 1px 2% 2% 2%;
border-radius: 5px;
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

@media only screen and (max-width: 800px) {
	.cruisesWrap {
	float: none;
	width: 100%;
	margin-left: 0;
	}
}

.cruiseList2 {
list-style-type: none;
padding: 0;
}

.cruiseList2 li {
list-style-type: none;
padding: 10px 0;
}

.cruiseList2 img {
float: left;
width: 240px;
height: 100px;
}

.cruiseList2 a {
color: black;
display: block;
padding: 10px 20px 10px 10px;
font-size: 14px;
line-height: 22px;
text-decoration: none;
border-radius: 5px;
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
background-color: #dee6f3;
transition: background-color 150ms;
}

.cruiseList2 a:hover {
background-color: #d3def0;
}

.cruiseList2 a:active {
background-color: #c1d1eb;
}

.cruiseList {
list-style-type: none;
padding: 0;
margin: 12px 0 0 0;
cursor: default;
}

.cruiseList h2 {
border-bottom: none;
}

.cruiseList a {
display: block;
color: #232424;
text-decoration: none;
padding: 30px;
border: 1px solid #d8e2f0;
border-bottom: none;
background-color: #eff4fb;
}

.cruiseList .lastElement {
border-bottom: 1px solid #d8e2f0;
}

.cruiseList a:hover {
background-color: #e8eff9;
}

.bold {
font-weight: bold;
}

.italic {
font-style: italic;
}

.txtAlignLeft {
text-align: left;
}

.txtAlignCenter {
text-align: center;
}

.txtAlignRight {
text-align: right;
}

.red {
color: #F00;
}

.blue {
color: #00F;
}

.cruiseMenuPanel {
margin-top: 20px;
}

.cruiseMenuPanel a {
color: #2b558f;
padding: 4px 10px;
display: inline-block;
font-size: 20px;
font-weight: bold;
background-color: #e6effa;
border: 1px solid #c6d6ec;
border-bottom: none;
border-radius: 8px 8px 0 0;
text-decoration: none;
}

.cruiseBtnSel {
cursor: default;
}

.cruiseBtnNotSel {
color: #5a7fb1 !important;
background-color: #bed2ed !important;
transition: color 250ms, background-color 250ms;
}

.cruiseBtnNotSel:hover {
color: #496fa3 !important;
background-color: #a9c0e0 !important;
}

.cruiseWrap {
background-color: #e6effa;
padding: 20px 2%;
border: 1px solid #c6d6ec;
}

.enterDataBox {
width: 100%;
padding: 14px 20px;
background-color: #e6effa;
border-bottom: 1px solid #acc0dd;
}

.enterDataBox td {
padding-right: 8px;
}

.enterDataBox h2 {
margin: 0;
border-bottom: none;
}

.enterDataBox .dataBoxTitle {
width: 300px;
}

@media only screen and (max-width: 560px) {
	.enterDataBox .dataBoxTitle {
	display: none;
	}
}

@media only screen and (max-width: 350px) {
	.hideMax350 {
	display: none;
	}
}


.trailBtnWrap input[type=radio] {
display: none;
}

.trailBtnWrap label {
display: inline-block;
width: 100%;
display: table;
background-color: #dbe3f0;
margin: 5px 0;
padding: 10px;
border-radius: 5px;
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
transition: background-color 200ms;
}

.trailBtnWrap  input[type=radio] + label:hover {
background-color: #d4dded;
}

.trailBtnWrap  input[type=radio]:checked + label {
background-color: #acc1e7;
}

.addonsTable td {
padding: 10px 5px;
}

.trailTabs {
margin: 0;
}

.trailTabs li {
display: inline-block;
}

.trailTabs input[type=radio] {
display: none;
}

.trailTabs label {
display: table;
background-color: #dbe3f0;
margin: 5px;
padding: 10px 40px;
border-radius: 5px;
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
transition: background-color 200ms;
}

.trailTabs label > div {
display: table-cell;
}

.trailTabs input[type=radio] + label:hover {
background-color: #d4dded;
}

.trailTabs input[type=radio]:checked + label {
background-color: #acc1e7;
}

.flexThumbs {
display: flex;
margin: 60px 0;
}

.flexThumbs > div {
flex: 1;
text-align: center;
padding: 0 2.5%;
}

@media only screen and (max-width: 500px) {
	.flexThumbs {
	display: block;
	}

	.flexThumbs > div {
	padding: 40px 2.5%;
	}
}

.flexThumbs h2 {
border-bottom: none;
margin: 20px 0 0 0;
}

.flexThumbs h2 + p {
margin: 10px 0 0 0;
}



.panel {
margin: 60px 0;
display: flex;
}

.panel > div {
cursor: pointer;
user-select: none;
flex: 1;
text-align: center;
padding: 40px 2.5% 30px 2.5%;
background-color: #e8edf6;
margin: 20px;
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
border-radius: 5px;
transition: background 250ms;
}

.panel > div:hover {
background-color: #e3e9f3;
}

.panel > div.s {
background-color: #cddaf2;
cursor: default;
}

@media only screen and (max-width: 500px) {
	.panel {
	display: block;
	}

	.panel td {
	padding: 40px 2.5%;
	}
}

.panel h2 {
border-bottom: none;
margin: 20px 0 0 0;
}

.panel h2 + p {
margin: 10px 0 0 0;
}

.panelHeaderCenter {
border: none;
font-size: 38px;
text-align: center;
margin: 0 0 50px 0;
line-height: 38px;
}

#availabilityIcons div {
padding: 10px;
color: #7c7c7c;
font-weight: bold;
font-size: 20px;
background-color: #c3d6ef;
border: 1px solid #a0bbe4;
}

.gray1 {
color: #999999;
}

#iconAvailable {
float: left;
border-radius: 10px 0 0 10px;
}

#iconNotAvailable {
float: left;
border-left: none !important;
border-radius: 0 10px 10px 0;
}

#iconAvailable.highlightGreen {
color: #008a00;
background-color: #dbe6f5;
}

#iconAvailable.highlightYellow {
color: #999700;
background-color: #dbe6f5;
}

#iconNotAvailable.highlightRed {
color: red;
background-color: #dbe6f5;
}

.radiusBox {
padding: 5px 10px;
margin: 14px 0;
border-radius: 5px;
}

.themeBlue {
border: 1px solid #bacee6;
background-color: #d9e5f3;
}

.themeYellow {
border: 1px solid #a6a223;
background-color: #cfc932;
color: #424009;
}

.themeRed {
color: #660000;
border: 1px solid #f0a9a9;
background: #fbc9c9;
}

.messageWrapper {
width: 100%;
height: 300px;
border: 1px solid gray;
overflow-y: scroll;
background: url('/images/logos/easter-island-traveling-logo-textless.png') no-repeat center;
}

.messageWrapper table {
text-align: left;
border-collapse: collapse;
}

.messageWrapper table td {
border-bottom: 1px solid lightgray;
padding: 4px 6px;
}

.messageWrapper table .left {
padding-right: 10px;
font-size: 12px;
white-space: nowrap;
color: #737373;
}

.messageWrapper table .left span {
font-size: 14px;
font-weight: bold;
color: #000;
}

.messageWrapper table .right {
width: 100%;
}

.menuBarBlue {
overflow: hidden;
background-image: url('/images/bg-blue-diagonal.gif');
border-bottom: 1px solid #b5cef7;
}

.menuBarBlue ul {
margin: 6px 20px;
padding: 0;
}

.menuBarBlue li {
display: inline-block;
}

.menuBarBlue a {
display: inline-block;
background-color: #2222e8;
padding: 2px 6px;
color: white;
border: 1px solid white;
font-size: 16px;
font-family: calibri;
}

.menuBarBlue a:hover {
text-decoration: none;
background-color: green;
}

.menuBarBlue a.marked {
background-color: #1b1b84;
}

.paxList {
border-collapse: collapse;
}

.paxList td {
border: 1px solid black;
padding: 4px 8px;
vertical-align: top;
}

.msgBoxes {
border: 1px solid black;
width: 100%;
border-collapse: collapse;
}

.msgBoxes td {
border: 1px solid black;
width: 50%;
padding: 4px 8px;
}

.msgBoxes span {
font-size: 16px;
font-weight: bold;
}

.bgBlue1 {
background-color: #e2eaf6;
}

.bgBlue2 {
background-color: #d0def4;
}

.paymentInfo {
text-align: center;
padding: 40px;
width: 800px;
margin: auto;
border-radius: 5px;
}

.paymentInfo img {
float: right;
width: 100px;
height: 100px;
margin-left: 40px;
}

.paymentInfo h2 {
margin: 0;
}

.paymentInfoSuccess {
background-color: #cdfacd;
border: 1px solid #0d8d00;
}

.paymentInfoFailure {
background-color: #facdcd;
border: 1px solid #a40000;
}

.checkoutButton { 
background-image: url(https://www.paypal.com/en_US/i/btn/btn_xpressCheckout.gif);
background-position:  0px 0px;
background-repeat: no-repeat;
width: 186px;
height: 53px;
border: 0 !important;
background-color: transparent !important;
cursor: pointer;
outline: 0;
}

.checkList {
list-style-image:url('/images/misc/status-check-green-10x10.png');
list-style-type: none;
padding-left: 15px;
}

.divImgCont a img {
transition: opacity 150ms, filter 150ms;
}

.divImgCont a img:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}

.floatLeft {
float: left;
}

.floatRight {
float: right;
}

.clr {
clear: both;
}

.ovHid {
overflow: hidden;
}

.nowrap {
white-space: nowrap;
}

.maptest {
position: relative;
width: 1090px;
}

.maptest img {
width: 1090px;
}

.imageFullText {
background-color: #d7e1f0;
padding: 4px 10px;
margin-bottom: 8px;
}

.hikesTable td {
white-space: nowrap;
border: 1px solid #9daada;
}

.wrap {
white-space: normal !important;
}

.tableAboutUs td {
vertical-align: top;
width: 33%;
padding: 0 1%;
}

.contGreen {
border: 1px solid #8fd888;
border-left: none;
border-right: none;
background-image: url('/images/bg-green-diagonal.gif');
}

.contBlue {
border: 1px solid #b5cef7;
background-image: url('/images/bg-blue-diagonal.gif');
}

.borderTopNone {
border-top: none;
}

.borderRightNone {
border-right: none;
}

.borderBottomNone {
border-bottom: none;
}

.borderLeftNone {
border-left: none;
}

.contactForm {
margin-top: 10px;
}

.contactForm th {
text-align: left;
font-size: 12px;
font-weight: normal;
padding-right: 20px;
color: #5b5b5b;
}

.contactForm th, .contactForm td {
padding-bottom: 2px;
}

.contactForm input[type=text], .contactForm textarea {
width: 250px;
}

.contactForm textarea {
height: 100px;
resize: vertical;
min-height: 50px;
max-height: 300px;
}

.btnDisabled {
color: #ececec !important;
background-color: #a1a1a1 !important;
}

.thumbWrap {
width: 100%;
padding: 0;
text-align: center;
}

.thumbWrap h2 {
border-bottom: none;
}

.thumbWrap li {
vertical-align: top;
list-style-type: none;
display: inline-block;
}

.thumbWrap li img {
width: 100%;
transition: opacity 150ms, filter 150ms;
}

.thumbWrap li img:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}

.thumbWrap li p {
text-align: left;
}

.thumb4 li {
width: 22.5%;
padding: 0 1%;
}
   
.thumb3 li {
width: 30%;
padding: 0 1.3%;
}

.green {
color: #126003;
}

.gray {
color: #aeaeae;
}

.fwPanel {
background-color: #edf1f8;
border-top: 1px solid #e3e8f0;
padding: 40px 0 20px 0;
margin: 80px 0 80px 0;
box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.fwPanelSteps {
background-color: #edf1f8;
border-top: 1px solid #e3e8f0;
padding: 40px 0;
box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.fwPanelSteps h2 {
border-bottom: none;
margin: 10px 0;
}

.panelGreen {
background-color: #e5f4e4;
margin: 20px 0 40px 0;
padding: 40px 0 50px 0;
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

.paxBox {
background-color: #2b5190;
padding: 15px 30px;
margin-bottom: 40px;
color: #b3c6e5;
font-size: 36px;
}

.paxBox ul {
list-style-type: none;
padding: 0;
margin: 0;
}

.paxBox ul li {
display: inline-block;
width: 49%;
text-align: center;
}

.paxBox select {
text-align: center;
padding: 6px 2px;
font-size: 20px;
}

.toursBox {
background-color: #e1ecfc;
padding: 15px 0;
text-align: center;
margin-top: 16px;
}

.toursBox div {
background-color: #d8e5f7;
text-align: left;
padding: 8px 16px;
margin-top: 16px;
display: none;
}

.toursBox h3 {
margin: 10px 0 0 0;
}

.toursBox td {
padding-right: 10px;
}

.tourPackRow {
display: table-row;
}

.tourPack {
display: table-cell;
background-color: #e1f9e4;
border: 1px solid #87cd87;
padding: 1% 2%;
width: 50%;
}

@media only screen and (max-width: 1050px) {
	.tourPack {
	display: block;
	width: 96%;
	}
}

.tourPack table {
width: 100%;
text-align: left;
}

.tourPack td {
padding: 2%;
}

.tourPack table ul {
padding: 0;
margin: 0;
list-style-type: none;
}

.tourPack h2 {
color: #094709;
margin-top: 0;
}

.tourPack input[type=button] {
margin: 20px 0 10px 0;
}

.tourCat {
padding: 2%;
background-color: #e1edf9;
border: 1px solid #cbdff4;
margin-top: 20px;
cursor: pointer;
}

.tourCat:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}

.tourCat h3 {
margin: 0 0 12px 0;
}

.tourPack2 {
padding: 2%;
background-color: #e1edf9;
border: 1px solid #cbdff4;
margin-top: 20px;
}

.tourPack2:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}

.tourPack2 h3 {
margin: 0 0 12px 0;
}

.cartTable {
margin: 0;
padding: 0;
border-collapse: collapse;
width: 100%;
}

.cartFloat {
position: fixed;
bottom: 0;
width: 100%;
background-color: #008713;
text-align: center;
display: none;
z-index: 10;
}

.cartFloat a {
color: #e4f7e6;
padding: 4px 0;
display: block;
}

.cartFloat a:hover {
color: #d1edd5;
text-decoration: none;
background-color: #006d10;
}

.removeTour {
background-color: #3037c8 !important;
color: #acb1ee !important;
transition: background-color 150ms !important;
font-weight: bold;
padding: 0 4px !important;
margin-right: 4px;
}

.removeTour:hover {
background-color: #a20000 !important;
color: #f6c7c7 !important;
}

.removeTour:active {
background-color: #830000 !important;
color: #de9595 !important;
}

tr.strikeout td, tr.strikeout th {
    position: relative;
}

tr.strikeout td:before, tr.strikeout th:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 1px solid #111;
    width: 100%;
}

div.strikeoutDiv div {
    position: relative;
}

div.strikeoutDiv div:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 1px solid #111;
    width: 100%;
}

.btnCell {
width: 80px;
padding-right: 0 !important;
}

.wrap3ps {
background-color: #cbd7eb;
padding: 25px;
margin-bottom: 16px;
}

.wrap3ps h3 {
margin: 0;
border-bottom: 1px solid #809cc9;
}

.wrap3ps .galCont {
float: left;
width: 350px;
margin-right: 16px;
margin-bottom: 16px;
}

.overlayVoteURL {
position: fixed;
width: 100%;
height: 100%;
z-index: 10;
background-color: rgba(0,0,0,0.5);
bottom: -10000px;
}

.modalVoteURL {
background-color: #ffe0e0;
padding: 20px 40px;
color: #1d478b;
margin: 100px auto 0 auto;
width: 50%;
border: 1px solid #b5cef7;
background-color: #d8e4f7;
border-radius: 5px;
}

.modalVoteURL h2 {
}

.modalVoteURL ul {
padding: 0 20px;
}

.modalVoteURL div {
text-align: center;
}

.modalVoteURL span {
background-color: #8eaee3;
color: black;
font-weight: bold;
padding: 3px 12px;
border-radius: 5px;
cursor: default;
}

.modalVoteURL a {
color: #18bb15;
font-weight: bold;
}

.msgSent {
background-color: #e2ffe1;
padding: 20px;
color: #086e06;
}

.ftSize30 {
font-size: 30px;
}

.infoBoxSliderWrap {
background-color: #eef2f8;
border: 1px dashed #2a2da5;
border-radius: 10px;
padding: 20px 40px;
}

.infoBoxSlider .slick-slide{
text-align: center;
padding: 20px;
margin: 10px;
}

.tourImageSlider .slick-slide {
text-align: center;
background-color: #d3dded;
padding: 20px;
margin: 10px;
}

.tourImageSlider .divImgCont {
padding: 10px;
}

.wrapTourOverview {
border: 1px dashed #72b76c;
color: #082201;
background-color: #e2f4e1;
padding: 25px;
margin-bottom: 16px;
}

.wrapTourOverview div h3 {
margin-top: 0;
color: #046a06;
}

.wrapTourOverview .left {
float: left;
width: 50%;
padding-right: 20px;
}

.wrapTourOverview .right {
overflow: hidden;
}

.wrapTourOverview .left a {
margin-left: 10px;
}

.wrapTourOverview .left img {
margin-top: 6px;
}

.wrapTourMain {
background-color: #cbd7eb;
padding: 20px;
}

.wrapTourMain h3 {
margin: 0 0 10px 0;
border-bottom: 1px solid #04136a;
}

.wrapTourMain input {
margin-right: 20px;
}

.warnBox {
background-color: #ecda13;
width: 300px;
float: right;
margin: 0 0 20px 20px;
padding: 20px;
border-radius: 10px;
text-align: center;
box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
color: #491d05;
border-radius: 10px;
}

.infoBox2 {
background-color: #e4ebf6;
width: 300px;
float: right;
padding: 8px;
margin-left: 20px;
border-radius: 10px;
text-align: center;
}

.infoBox2 div {
color: #2b5190;
border: 1px solid #6595c4;
padding: 20px;
border-radius: 10px;
}

.termsWrap {
padding: 20px;
}

.noBord {
border: 0 !important;
}

.infoCol4 {
width: 100%;
border: 1px solid #6595c4;
border-radius: 5px;
padding: 0;
text-align: center;
}

.infoCol4 li {
width: 15%;
display: inline-block;
border-right: 1px solid #6595c4;
text-align: left;
vertical-align: top;
margin: 20px 0;
padding: 0 20px;
}

.infoCol4 li h4 {
margin: 0 0 8px 0;
}

.infoCol4 ul li {
width: 100%;
display: list-item;
list-style-type: disc;
border: 0;
margin: 0;
padding: 0;
}

.cruiseTourOverviews .blockInfo {
width: 35%;
float: left;
}

.cruiseTourOverviews .blockImg {
overflow: hidden;
}

.cruiseTourOverviews .blockImg img {
margin-left: 32px;
}

.cruiseProgBar {
margin: 0 auto;
}

.cruiseProgBar li {
display: inline-block;
background-color: #b8cde7;
color: #2f65a6;
padding: 4px 16px 4px 4px;
position: relative;
height: 24px;
margin-right: 32px;
font-size: 16px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', 'Bitstream Vera Sans', 'Liberation Sans', Verdana, 'Verdana Ref', sans-serif;
}

.cruiseProgBar li:before, .cruiseProgBar li:after {
bottom: 0;
height: 0;
width: 0;
content: "";
position: absolute;
}

.cruiseProgBar li:before {
left: -32px;
border-top: 16px solid #b8cde7;
border-right: 16px solid #b8cde7;
border-bottom: 16px solid #b8cde7;
border-left: 16px solid transparent;
}

.cruiseProgBar li:after {
left: 100%;
border-top: 16px solid transparent;
border-right: 16px solid transparent;
border-bottom: 16px solid transparent;
border-left: 16px solid #b8cde7;
}

.stepFirst:before {
border-top: 16px solid #b8cde7 !important;
border-right: 8px solid #b8cde7 !important;
border-bottom: 16px solid #b8cde7 !important;
border-left: 8px solid #b8cde7 !important;
left: -16px !important;
}

.stepLast:after {
border-top: 16px solid #b8cde7 !important;
border-right: 8px solid #b8cde7 !important;
border-bottom: 16px solid #b8cde7 !important;
border-left: 8px solid #b8cde7 !important;
}

.stepSel {
background-color: #1b5090 !important;
color: #e0e9f4 !important;
}

.stepSel:before {
border-top: 16px solid #1b5090 !important;
border-right: 16px solid #1b5090 !important;
border-bottom: 16px solid #1b5090 !important;
}

.stepSel:after {
border-left: 16px solid #1b5090 !important;
}

.brT10 {
border-radius: 10px 10px 0 0;
}

.brB10 {
border-radius: 0 0 10px 10px;
}

.br10 {
border-radius: 10px;
}

.tiles2Table {
margin: 20px 0;
}

.tiles2Table h3 {
margin: 0 0 6px 0;
line-height: 16px;
}

.tile2Left {
padding: 0 1.5% 3% 0;
}

.tile2Right {
padding: 0 0 3% 1.5%;
}

.tiles2Row {
display: flex;
}

.tile, .tileEmpty {
flex: 1;
padding: 2%;
}

.tile {
color: black !important; 
display: block;
font-size: 14px;
line-height: 22px;
text-decoration: none !important;
border-radius: 5px;
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
background-color: #dee6f3;
transition: background-color 150ms;
}

.tile:hover {
background-color: #d3def0;
}

.tile:active {
background-color: #c1d1eb;
}

.tile div { /* For image in tile */
text-align: center;
}

.tileEmpty, .tileEmpty:hover {
background-color: transparent;
box-shadow: none;
}

@media only screen and (max-width: 0) {
	.tiles2Row {
	display: inline;
	}
	
	.tiles2Row .tile {
	flex: 0;
	display: table-row;
	width: 100%;
	}
	
	.tiles2Row .tile a {
	margin-bottom: 10px;
	}
}

.tilesWrap h3 {
margin: 0 0 6px 0;
line-height: 16px;
}

.tiles4Row {
display: flex;
}

.tiles4RwdRow {
flex: 1;
display: flex;
}

@media only screen and (min-width: 901px) {
	.tiles4Row .tiles4RwdRow:first-child .tile:first-child  {
	margin-left: 0;
	}

	.tiles4Row .tiles4RwdRow:last-child .tile:last-child  {
	margin-right: 0;
	}
	
	.tile {
	margin: 1.5%;
	}
}

@media only screen and (max-width: 900px) {
	.tiles4Row {
	display: inline;
	}
	
	.tiles4RwdRow {
	flex: 0;
	display: flex;
	}
	
	.tiles4RwdRow .tile {
	flex: 1;
	}

	.tiles4RwdRow a:first-child  {
	margin-left: 0;
	}

	.tiles4RwdRow a:last-child  {
	margin-right: 0;
	}
	
	.tile {
	margin: 0.75%;
	}
}

.loadBox {
color: #24246c;
border: 1px solid #d6d6f4;
background: #f0effc;
display: inline-block;
padding: 15px 30px 15px 30px;
margin: 6px 0;
font-size: 13px;
border-radius: 3px;
}

.loadBoxThin {
color: #24246c;
border: 1px solid #d6d6f4;
background: #f0effc;
display: inline-block;
padding: 4px 0;
margin: 6px 0;
font-size: 13px;
border-radius: 3px;
}

.loadBox img, .loadBoxThin img {
vertical-align: middle;
margin-right: 10px;
height: 24px;
width: 24px;
}

.txtDis {
background-color: #e1e5ee !important;
color: #4c4c4c;
}

.cleanTable {
border-collapse: collapse;
margin: 6px 0;
}

.cleanTable td {
padding: 0 20px 0 0;
}

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

.cleanList input, .cleanList select, .cleanList textarea {
margin-top: 4px;
}

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

.cleanVertList li {
display: inline-block;
padding-right: 20px;
white-space: nowrap;
}

.cleanVertList li img {
margin-right: 6px;
height: 22px;
vertical-align: middle;
}

#btnPayPalCheckout {
cursor: pointer;
padding: 15px 15px 10px 15px;
background-color: #e2ebf7;
border: 1px solid #d1ddec;
border-radius: 15px;
transition: background-color 150ms; 
}

#btnPayPalCheckout:hover {
background-color: #e0e9f6;
border: 1px solid #cdd9e9;
}

#btnPayPalCheckout:active {
background-color: #b6cfee;
border: 1px solid #abc7ea;
}

.ftRBoxBlue {
float: right;
background-color: #cedbf1;
border: 1px solid #4775c2;
padding: 10px 20px;
color: #2c5aa6;
font-weight: bold;
box-shadow: 7px 7px 10px #456f9c;
}

/* --- Rapa Nui language --- */

.alphabetDisplay {
border-collapse: collapse;
}

.alphabetDisplay td {
border: 1px solid #b5cef7;
background-color: #dde7f7;
padding: 8px;
}

.consonant {
background-color: #f7d1cc !important;
}

.soundsTable {
margin-top: 14px;
}

.soundsTable td {
padding: 2px 10px;
}

.soundsTable tr:hover {
background-color: white;
}

.pronounsDisplay td, th {
padding: 5px 10px 5px 10px;
}

.pronounsDisplay {
border-collapse: collapse;
}

.pronounsDisplay tr:hover {
background-color: white;
}

.noHighlight:hover {
background-color: #eff4fc;
}
/* --- SLUT Rapa Nui language --- */

/* --- FAQ --- */
.stripTitleBlue {
padding: 6px 8px;
background-color: #cedbf1;
border: 1px solid #144e8d;
margin-top: 50px;
}

.stripTitleBlue h2 {
margin: 0;
border-bottom: none;
}

.stripeBlueArea {
padding: 20px 2%;
margin: 0 0 40px 0;
border: 4px solid #144e8d;
border-left: none;
border-right: none;
background-color: #d3dbe9;
background-image: url('/images/misc/sprite-darkblue-diagonal-5x5.gif');
}

.faqStyle {
color: #6c9cd2;
}

.faqStyle h2 {
color: #a7b8dd;
border-bottom: 1px solid #a7b8dd;
}

.faqStyle h3 {
color: #c8d1ec;
}

.faqStyle h4 {
color: #6b81c4 !important;
}

.faqStyle a {
color: #e2eaf3;
}

.faqAnswers, .faqAnswers ul, .faqAnswers li {
list-style-type: none;
padding: 0;
margin: 0;
}

.faqAnswers ul li {
border: 1px solid #7c9fda;
background-color: #e1eaf9;
margin: 20px 0;
padding: 10px 30px;
}

.faqAnswers ul li:target {
background-color: #f6f8fc;
border: 1px solid #a3bde8;
}

.faqAnswers a {
color: #1f9633;
}

.faqAnswers h4 {
margin-top: 12px;
}

.faqAnswers h3 {
border-bottom: 1px dashed #c8d1ec;
padding: 10px 0 4px 0;
}

.faq {
padding: 0 2%;
}

.faq li {
list-style-type: none;
font-weight: bold;
margin-bottom: 8px;
}

.faq ul {
padding: 0 2%;
}

.faq ul li {
font-weight: normal;
margin-bottom: 4px;
}

.faq ul li a {
text-decoration: none;
}

.faq ul li a:hover {
text-decoration: underline;
}

div.question {
height: 15px;
font-weight: bold;
padding: 2px 8px 6px 14px;
border-top: 1px solid #b5cef7;
background-color: #cbd8ec;
}

div.toplink {
float: right;
font-weight: normal;
}

.faqAnswer {
border-top: 1px solid #b5cef7;
margin: 0;
padding: 0 10px 1px 10px;
}

.lastInCategory {
border-bottom: 1px solid #b5cef7;
}

.faqAnswer:target {
background-color: #f1f5fb;
}
/* --- slut FAQ --- */

.selBigOnly {
font-size: 22px;
}

.selBigOnly option {
font-size: 14px;
}

.genSGTourWrap {
background-color: #b8c7e9;
color: white;
padding: 10px;
margin: 10px 0;
}


.genSGTourInnerWrap {
display: table;
}

.tourGenImg .imgWide {
display: none;
}

.tourGenInfo {
vertical-align: top;
background-color: #f4f4f4;
padding: 15px 3%;
transition: background-color 250ms;
}

.tourGenSelStatus {
vertical-align: middle;
background-color: #386ca0;
padding: 30px;
cursor: pointer;
white-space: nowrap;
}

.tourGenBlock {
display: table-cell;
}

#tourAvailPlan {
transition: background-color 250ms;
}

#tourAvailPlan .genSGTourWrap {
transition: background-color 250ms;
}

#tourAvailPlan .s {
background-color: #fbc8c8;
}

#tourAvailPlan .s .tourGenInfo {
background-color: #f7ecec;
}

#tourAvailPlan .s .tourGenSelStatus {
background-color: #c33535;
}

.hotelList {
margin: 50px 0;
}

.hotelList-wrap {
display: flex;
display: -webkit-flex;
background-color: #eef4fb;
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

.hotelList-image {
flex: 0 0 300px;
width: 300px;
height: 200px;
}

.hotelList-image-mobile {
display: none;
}

.hotelList-image-mobile img {
display: block;
width: 100%;
}

.hotelList-info {
flex: 1;
width: 100%;
padding: 10px 20px;
}

.hotelList-info h2 {
margin: 0;
border-bottom: none;
}

.hotelList-info h2 a {
color: #1b2d69;
}

.hotelInfo-price {
flex: 0 0 0px;
white-space: nowrap;
vertical-align: middle;
text-align: center;
padding: 20px;
}

.hotelInfo-btn {
flex: 0 0 100px;
background-color: #5e8dbf;
text-align: center;
color: white !important;
line-height: 30px;
transition: background-color 250ms;
}

.hotelInfo-btn:hover {
text-decoration: none;
background-color: #4c7fb6;
}

.hotelInfo-btn-std {
font-size: 22px;
padding: 20px;
}

.hotelInfo-btn-mobile {
font-size: 18px;
display: none;
padding: 8px;
text-align: center;
width: 100;
}

@media only screen and (max-width: 900px) {
	.hotelInfo-btn, .hotelList-image {
	display: none;
	}
	
	.hotelList-image-mobile, .hotelInfo-btn-mobile {
	display: block;
	}
	
	.hotelList-info {
	padding: 24px 2.5% 24px 5%;
	}
	
	.hotelInfo-price {
	padding: 24px 5% 24px 2.5%;
	}
}

@media only screen and (max-width: 900px) {
	 {
	}
}

.roomList {
background-color: #c0d3e7;
margin: 0;
padding: 0;
}

.roomList li {
display: inline-block;
padding: 6px 20px;
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;
transition: background-color 250ms;
}

.roomList li:hover {
background-color: #a4bdd9;
}

.roomList li:active {
background-color: #89a7c8;
}

.roomList .s {
background-color: #89a7c8;
}

.roomListVert {
background-color: #c0d3e7;
margin: 0;
padding: 0;
}

.roomListVert li {
text-align: center;
display: block;
padding: 6px 20px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: background-color 250ms;
}

.roomListVert li:hover {
background-color: #a4bdd9;
cursor: pointer;
}

.roomListVert .s {
background-color: #89a7c8;
}

.roomTypeNA {
color: #a02020;
}

.roomTypeInfoTag {
color: #e8f0f7;
}

.roomTypeInfoTag {
color: #e8f0f7;
background-color: #c0d3e7 !important;
cursor: default !important;
text-shadow: 1px 1px 1px #254260;
}

@media only screen and (min-width: 801px) {
	.tourGenImg {
	width: 300px;
	height: 200px;
	padding-right: 10px;
	vertical-align: top;
	}
}

@media only screen and (max-width: 800px) {
	.tourGenBlock {
	display: block;
	}
	
	.tourGenImg {
	}
	
	.tourGenImg .imgThumb {
	display: none;
	}
	
	.tourGenImg .imgWide {
	display: block;
	}
}

.tourMenu {
margin: 0;
padding: 0;
}

.tourMenu li {
display: inline-block;
}

.tourMenu a {
font-weight: bold;
padding: 10px 30px;
margin: 0;
display: inline-block;
cursor: pointer;
}

.tourMenu a:hover {
color: black;
text-decoration: underline;
}

.tourMenu {
background-color: #dbe5f2;
transition: background-color 250ms;
}

.tourMenu a.s2 {
background-color: #f4f4f4;
transition: background-color 250ms;
}

#tourAvailPlan .s .tourMenu {
background-color: #f7dcdc;
}

#tourAvailPlan .s .tourMenu a.s2 {
background-color: #f7ecec;
}

.underline {
text-decoration: underline;
}

.tempTable {
border-collapse: collapse;
margin: 10px 0 5px 0;
}

.tempTable td, .tempTable th {
padding: 1px 3px;
text-align: center;
}

.tempTable td {
font-size: 12px;
}

.temp27 {
background-color: #f4896e;
}

.temp26 {
background-color: #f49171;
}

.temp25 {
background-color: #f59976;
}

.temp24 {
background-color: #f5a37a;
}

.temp23 {
background-color: #f5ac7f;
}

.temp22 {
background-color: #f7b583;
}

.temp21 {
background-color: #f7bf88;
}

.temp20 {
background-color: #f7cb8e;
}

.temp19 {
background-color: #f8d492;
}

.temp18 {
background-color: #f8dd96;
}

.temp17 {
background-color: #f9e59c;
}

.temp16 {
background-color: #faed9f;
}

.rain120 {
background-color: #4c8ce1;
}

.rain110 {
background-color: #5c9ce4;
}

.rain100 {
background-color: #6fade9;
}

.rain90 {
background-color: #82bfec;
}

.rain80 {
background-color: #95d0f0;
}

.rain70 {
background-color: #a7e2f4;
}

.infoBar {
background-color: #e5ebf5;
padding: 0.5% 2%;
box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
text-align: center;
margin-bottom: 40px;
}

.infoBar li {
display: inline-block;
list-style-image: url('/images/help_button.png');
}

.infoBar li + li {
margin-left: 4%;
}

.barItemTitle {
color: #7086ad;
padding-right: 10px;
}

.box12blue {
width: 12px;
height: 12px;
background-color: #8ba5d1;
border: 1px solid #7f9ccc;
display: block;
float: left;
}

.box12gray {
width: 12px;
height: 12px;
background-color: #cbd7ea;
border: 1px solid #c0cee5;
display: block;
float: left;
}

.listMenu {
font-size: 14px;
margin: 0;
padding: 2px 4px;
color: #0d327b;
background-color: #dee5f2;
border: 1px solid #b7c4df;
list-style-type: none;
position: relative;
}

.listMenu ul {
display: none;
position: absolute;
top: -1px;
left: 100%;
background-color: #c1cde4;
border: 1px solid #b7c4df;
list-style-type: none;
padding: 0;
}

.listMenu:hover ul {
display: block;
}

.listMenu ul li {
white-space: nowrap;
padding: 4px 10px;
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;
}

.listMenu ul li:hover {
background-color: #e2e8f3;
}

.listMenu ul li:active {
background-color: #d5ddec;
}

/* Bootstrap collapse */
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .35s;
       -o-transition-duration: .35s;
          transition-duration: .35s;
  -webkit-transition-property: height, visibility;
       -o-transition-property: height, visibility;
          transition-property: height, visibility;
}

.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
/* Bootstrap collapse SLUT */

.md-dialog-width-mid {
	max-width: 500px;
}

.i500 {
width: 500px;
}

@media only screen and (max-width: 800px) {
	.i500 {
	width: 100% !important;
	text-align: center;
	}
}

@media only screen and (max-width: 1500px) {
	
	.infoCol4 li {
	width: 100%;
	border: 0;
	}
}

@media only screen and (max-width: 1200px) {

	.cruiseTourOverviews .blockInfo {
	width: 100%;
	float: none;
	}

	.cruiseTourOverviews .blockImg img {
	margin-left: 0;
	}
}

@media only screen and (max-width: 880px) {
	.dBlock880 {
	display: block !important;
	}
	
	.txtL880 {
	text-align: left !important;
	}
}

@media only screen and (max-width: 780px) {
	.wrap3ps .galCont {
	width: 100%;
	}
}

@media only screen and (max-width: 660px) { /* Tar bort menyn */
   .thumb4 li {
	width: 30.1%;
	padding: 0 1.3%;
   }
   
   .thumb3 li {
	width: 46.5%;
	padding: 0 1.3%;
   }

	.header img#topLogo {
	height: 55px;
	max-width: 80%;
	}
	
	.cMenu {
	float: none;
	width: 100%;
	display: none;
	}

	.cc {
	overflow: none;
	}

	.header img {
	}

	.header input[type=button] {
	float: right;
	display: block;
	height: 30px;
	margin: 5px 3.5%;
	}
	
	#customSearch {
	display: none;
	}
}

@media only screen and (max-width: 480px) {
   .thumb4 li {
	width: 46%;
	padding: 0 1.5%;
   }
   
	.thumb3 li {
	width: 30.8%;
	padding: 0 1%;
	}

	.wrapTourOverview .left {
	float: none;
	width: 100%;
	padding: 0;
	}

	.wrapTourOverview .right {
	overflow: hidden;
	}
}