/* CSS Document Responsive Retrofit 28/04/15

   By Kolen Mackey: http://www.kolenmackey.com for datadial
*/
/*@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700|Montserrat:400,700);*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,600);


/* Reset*/ 
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin:0;
  padding:0;
 }
 
body, div, dl, dt, dd, ul, ol, li, pre, form, p, blockquote, th, td {font-size: 14px; font-weight:400;}
 
  
body {  
	/*background:#85a0bb url(/img/background.jpg) center top no-repeat;*/
	background:#9fa7b3 url(/img/background.jpg) center top / cover no-repeat fixed;
	color:#425668;
	font-family: 'Raleway',"Century Gothic", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:400;
}
.ui-widget {
	font-family: 'Raleway',"Century Gothic", "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
}

h1, h2, h3, h4, h4 a{
	font-weight:400;
	margin:15px 0;
}

h1, h1 a { 
	font-size:34px;
	margin-bottom:20px;
	color:#ee9c0e;
	letter-spacing:-1px;
}

h2 {
	font-size:24px;
	color:#ee9c0e;
	padding-bottom:5px;
}

h3, h3 li { 
	font-size:18px;
	line-height:22px;
}

h4 {
	font-size:16px;
}

p {
	margin:15px 0;
	padding:0;
	line-height:20px;
}

img {
	border:none;
	vertical-align:middle;
	max-width:100%;
	height:auto;
}

hr {
	border-bottom:1px dashed #dedace;

}
.panel hr {
	border-bottom-color:#e7edf5 ;
}

input[type="text"], textarea, select {
	background-color:#fff;
	border:1px solid #e6e5e6;
/*	-webkit-appearance: none;*/
    border-radius: 0;
}

input.textbox, textarea.textbox {
	border:1px solid #e6e5e6;
	background-color:#fff;
	width:200px;
	color:#6d859b;
}
input[type="checkbox"] {
	width:auto;
	-webkit-appearance: checkbox;
}

input.button[disabled] {		
	color:#eee;
}

ul {
	margin:0;
	padding:0 0 0 20px;
}

li {
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
	color:#5092d1;
}
a:hover {
	color:#666;
}
a.button {
	background-color:#fff;
	border:1px solid #425668;
	color:#425668;
	padding:8px 20px;
	display:inline-block;
	vertical-align:top;
	margin:5px 0 0 0;
	border-radius: 4px;
}
a.button:hover {
	background-color:#313131;
	border:1px solid #131313;
	color:#fff;
}

a.button-green{
	background-color:#62954a;
	border:1px solid #6da652;
	color:#fff;
}

div.buttonFloatRight {
	text-align:right;
}
div.buttonFloatLeft {
	text-align:left;
}
div.buttonFloatRight input, div.buttonFloatLeft input {
	display:inline-block;
	vertical-align:middle;
}
#content:after {
	content:".";
	position:relative;
	height:0;
	overflow:auto;
	clear:both;
	display:block;
}
/*------------------------------------------------------------------ Table */

table {
	width:100%;
	margin:1.6em 0 1.6em;
	border-collapse:collapse;
}
table tr {
	margin:0;
	padding:0;
}
table th, table td, table thead td {
	margin:0;
	padding:5px;
	border:1px solid #dedace;
	vertical-align:top;
}
table th, table thead td{
	
	background-color:#F0EDE9;
	color:#988d83;
	font-size:11px;
	text-transform:uppercase;
}
table td {
	vertical-align:top;
	font-size:12px;
	
}

small {
	font-size:0.8em;
}

big {
	font-size:18px;
	line-height:24px;
	text-decoration:none;
	color:#425668;
}


/* CONTENT */
strong, .bold {
	
}

.normal {
	font-weight:normal;
}

.error {
	color:#c00 !important;
}
.error.highlight {
	font-size:1.1em;
	font-weight:bold;
}

.note {
	color:#FFA200;
}



.reveal-link {
	display:none;
}



.upper {
	text-transform:uppercase;
	font-size:10px;
	color:#b8a594;
	
}

#contact_baltic {
	display:block;
	width:200px; 
	position:absolute;
	right:0;
	top:20px;
	font-size:16px;
	font-weight:normal;
	color:#fff;
	z-index:10;
	/*box-shadow:1px 1px 5px #bdbdbd;
	-webkit-box-shadow:1px 1px 5px #bdbdbd;
	-moz-box-shadow:1px 1px 5px #bdbdbd;*/
	border:1px solid #dedede;
	
}
#contact_baltic:before {
	content:"."; 
	padding-top:110px;
	width:110px;
	height:1px;
	overflow:hidden;
	display:block;
	position:absolute;
	top:-25px;
	left:-80px;
	background-image:url(/img/receptionist.png);
	background-position:center;
	background-repeat:no-repeat;
	z-index:25;
}

#enquiry-form h2 {
	display:block;
	position:relative;
	border-bottom:1px solid #ccc !important;
	margin-bottom:40px;
	min-height:35px;
	padding-top:15px;  
	margin-right:10px;
}
h1.about {
	display:block;
	position:relative;
	border-bottom:1px solid #ccc !important;
	height:50px;
	margin:5px 0 50px;

}
.packagepage + h1, .packagepage + h1 a {
	font-size:24px;
}
#enquiry-form h2:before, h1.about:before {
	content:"."; 
	padding-top:110px;
	width:110px;
	height:1px;
	overflow:hidden;
	display:block;
	position:absolute;
	top:-20px;
	right:-10px;
	background-image:url(/img/receptionist.png);
	background-position:center;
	background-repeat:no-repeat;
	z-index:25;
}

#contact_baltic a {
	font-size:inherit;
	color:#728294;
	text-decoration:none;
	line-height:18px;
	z-index:10;
}
#contact_baltic.panel {
	padding:10px 10px 10px 40px;
	z-index:10;
	border-radius: 4px;
} 

.package_includes { 
	/*float:right;  
	width:320px;*/
	clear:both;
	border-top:1px dashed #DEDACE;
	padding-top:15px;
}	
.mozCol {
	
}

.package_includes ul {

} 
.package_includes li {
	margin-bottom:4px; 
	padding-bottom:5px;
	list-style-type:circle;
	
}
.package_includes h3, #tabContent-overview h3 {
	color:#feb900;
}
h3 strong {
	font-weight:normal;
}



#intro {
	width:500px;
	padding-bottom:10px /*for button*/; 
	margin:0 auto;
}
#intro .photo {
	margin-bottom:20px;
}

.right-column {
	width:330px;
	float:right;
}
.intro-column {
	height:350px;
	display:block;
	width:auto;  
	float:right;
	position:relative;
	}
.intro-column #contact_baltic {
	position:relative;
	left:70px;
	margin-bottom:20px;
}

.intro-column #intro_img {
	float:none;
}

h2.packages {
	clear:both;
	position:relative;
	margin:0 0 30px;
	height:85px;
	padding: 40px 280px 0 0;

}
h2.packages #contact_baltic {
	right:0;
	top:18px;
	
}

/* SECTIONS */


#breadcrumb {
	font-size:11px;
	color:#d2ccbc;
	padding:20px 0;
	line-height:1em;
}
#breadcrumb li{
	display:inline;
	
}
#breadcrumb a {
	color:#feb900;
}
#aggregate-rating {
	margin:0;
}
#aggregate-rating .rating{
	background:#fff;
    padding:8px 0;
}
#aggregate-rating .starred-rating{
	padding:0 0 8px 93px;
	
	
}

/*----------------------------------------------------------------------------------------rotated photos */
#rotatedPhotoWrap {
	height:330px;
	width:240px;
	position:absolute;
	left:-20px;
	top:-20px;
	overflow:hidden;
	-moz-border-radius: 	6px 0 0 0;
	-webkit-border-radius: 	6px 0 0 0;
	border-radius: 			6px 0 0 0; 
	-khtml-border-radius: 	6px 0 0 0; 
}
#rotatedPhotoWrap img {
	position:absolute;
	right:30px;
	padding:4px;
	background-color:#f9f9f9;
	box-shadow:1px 1px 5px #bdbdbd;
	-webkit-box-shadow:1px 1px 5px #bdbdbd;
	-moz-box-shadow:1px 1px 5px #bdbdbd;
	width:266px;
	height:209px;
	color:#ccc;
}
#rotatedPhotoWrap #rotatedPhotoOne {
	z-index:20;
	top:100px;
	top:80px !justIE;
	right:20px;
	transform:rotate(5deg);
	-ms-transform:rotate(5deg); /* IE 9 */
	-moz-transform:rotate(5deg); /* Firefox */
	-webkit-transform:rotate(5deg); /* Safari and Chrome */
	-o-transform:rotate(5deg); /* Opera */
}
#rotatedPhotoWrap #rotatedPhotoTwo {
	z-index:10;
	top:-15px; /* IE doesnt listen to this when it's CSS, so we set in htc file ref'd below */
	top:0px !justIE;
	behavior: url(/css/rotated-images.htc);
	right:10px;
	transform:rotate(-5deg);
	-ms-transform:rotate(-5deg); /* IE 9 */
	-moz-transform:rotate(-5deg); /* Firefox */
	-webkit-transform:rotate(-5deg); /* Safari and Chrome */
	-o-transform:rotate(-5deg); /* Opera */
}
.underRotatedPhotoWrapX {

	background-color:#f0ede9; 
}


 
/* UTILITIES */
 
.clearfix { 
	overflow:hidden;
} * html .clearfix { overflow:visible; height: 1%;}
.clearfix:after {
	content:".";
	height:1px;
	visibility:hidden;
	overflow:hidden;
	clear:both;   
}

div.placeholder { /* Used for development and ddCMS backend */
	background-color:#eee;
	text-align:center; 
	overflow:hidden;
	position:relative;
} div.placeholder div { position:absolute; overflow:visible; top:45%; left:0px; height:1em; width:100%; font-size:1.3em;  color:#999; }

/*Sidebar Enquiry */


#results .hol {
	margin-bottom:20px;
}

/*--------------------------------------------------------------------------------------------------- Frame Elements */
#container {
	max-width:1000px;
	margin:0 auto;
	text-align:left;
	display:block;
	position:relative;
}
#container:before {
	content:"";
	display:block;
	background:rgba(0,0,0,0.25);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(0,0,0,0.31) 0%, rgba(0,0,0,0) 96%, rgba(0,0,0,0) 97%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.31)), color-stop(96%,rgba(0,0,0,0)), color-stop(97%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.31) 0%,rgba(0,0,0,0) 96%,rgba(0,0,0,0) 97%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.31) 0%,rgba(0,0,0,0) 96%,rgba(0,0,0,0) 97%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.31) 0%,rgba(0,0,0,0) 96%,rgba(0,0,0,0) 97%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.31) 0%,rgba(0,0,0,0) 96%,rgba(0,0,0,0) 97%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */


}

#masthead {
	min-height:190px;
	position:relative;
	z-index:900;
	padding:0 20px;
} 
#content {
	padding:20px;
	min-height:450px;
}
/*--------------------------------------------------------------------------------------------------- Packeage Details */
#photobox {
	list-style:none;
	padding:0;
	margin:0;
}
#photobox li {
	display:block;
	border:1px solid #dedede;
	padding:5px;
	margin:0 auto 15px 0;
}
#photobox li img {
	width:100%;
	height:auto;
}
.tripAdvisor {
	display:inline-block;
	padding:10px 0;
	margin:0;
}

/*----------------------------------------------------------------- Reviews */
.review {
	background:transparent url(/img/review-tip.jpg) 94px 17px no-repeat;
	margin-bottom:25px;
	clear:both;
}
.review .submitter {
	float:left;
	font-size:11px;
	color:#aeaba0;
	line-height:13px;
}
.review .submitter img {
	border:3px solid #f3f2ee;
	display:block;
	margin-bottom:8px;
}
.review .submission {
	margin:0 0 0 105px;
	color:#4e4c47;
	padding:15px;
	background-color:#dedace;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
} 
.review .rating {
	font-weight:bold;
	padding-bottom:10px;
	line-height:15px;
}

.review .rating span.starred-rating {
	padding:0 0 0 93px;
	background:transparent url(/img/review-rating-stars.png) 0px 0px no-repeat;
	font-weight:normal;
}
.review .rating span.zero {		background-position:0px 0px; }
.review .rating span.one {		background-position:0px -50px; }
.review .rating span.two {		background-position:0px -100px; }
.review .rating span.three {	background-position:0px -150px; }
.review .rating span.four {		background-position:0px -200px; }
.review .rating span.five {		background-position:0px -250px; }

.review-meta-data {
	display:none;
}
#masthead{
	height: 230px;
}
#masthead #reviewbox {
	display:block;
	vertical-align: top;
	margin:0;
	width:400px;
	height: 80px;
	position: absolute;
	top:100px;
	right:20px;
	max-height: 80px;
	text-align: center;
	/*background: url(../img/reviews.png) center / auto no-repeat;*/

}
/*#masthead #reviewbox > div{
	display: inline-block;
	margin: 0 auto;
	padding: 5px 0;
	position: relative;
	
}*/
#masthead #reviewbox a{
	display: block;
	width:100%;
	height:100%;
}

/*----------------------------------- Masthead Telephone*/
#masthead #phonewrap{
	display: inline-block;
	vertical-align: top;
	width:280px;
	color: #fff;
	padding:15px 0 0 0;
	margin: 0 0 0 45px;
	font-variant-numeric: lining-nums; /*For straigtening the numbers in Raleway font!*/ 
	letter-spacing: 0.5px;
}
#masthead #phone {
	font-size:24px;
	line-height:26px;
	padding: 5px 0 15px;
}
#masthead #phone span.small {
	font-size:14px; 
	line-height:20px; 
}

.outsideUK {
	display:block;
	font-size:14px;
	height:30px;
	
}
.outsideUK a {
	color:#fff;
}
.freephone {
	display:block;
	height:30px;
	font-size:14px;
}

.freephone img { margin:0 5px;}


#masthead #search {
	display: inline-block;
	vertical-align: top;
	position:absolute;
	top:20px; 
	right:20px;
	padding:0 0 10px;
	width:400px;
	border-bottom: 1px solid rgba(255,255,255,0.4);
}
#search h4{
	margin:5px 0;
	font-size: 14px;
}
#masthead #search #search-term {
	width:70%;
	height:35px;
	padding:3px 10px;
	vertical-align:top;
	display:inline-block;
	margin:0;
	border-radius:4px 0 0 4px;
}

#masthead #search #search-button {
	vertical-align:top;
	display:inline-block;
	background:#feb900;
	padding:0 15px;
	margin:0;
	border:none;
	line-height:35px;
	border-radius:0 4px 4px 0;
	float:right;
	width:30%;
	text-align: center;
}
#masthead #advanced-search-link{
	font-style:italic;

	margin:5px 0;
	display:inline-block;
}
#masthead #advanced-search-link:hover{
	text-decoration:underline;	
}
/*--------------------------------------------------------------------------------------------------- Mobile Only */
.mobile-block {
	display:none;
}

/*----------------------------------------------------------------------------------Structural Boxes*/
[class*="box-"], div[class*="box-"] {
	display:inline-block;
	vertical-align:top;
	margin:0 -2px;
}

.box-10, input[type="text"].box-10, input[type="password"].box-10 {
	width:10%;
}
.box-20, input[type="text"].box-20, input[type="password"].box-20 {
	width:20%;
}
.box-25, input[type="text"].box-25, input[type="password"].box-25 {
	width:25%;
}
.box-30, input[type="text"].box-30, input[type="password"].box-30 {
	width:30%;
}
.box-33, input[type="text"].box-33, input[type="password"].box-33 {
	width:33.3%;
}
.box-35, input[type="text"].box-35, input[type="password"].box-35 {
	width:35%;
}
.box-40, input[type="text"].box-40, input[type="password"].box-40 {
	width:40%;
}
.box-45, input[type="text"].box-45, input[type="password"].box-45 {
	width:45%;
}
.box-50, input[type="text"].box-50, input[type="password"].box-50 {
	width:50%;
}
.box-55, input[type="text"].box-55, input[type="password"].box-55 {
	width:55%;
}
.box-60, input[type="text"].box-60, input[type="password"].box-60 {
	width:60%;
}
.box-65, input[type="text"].box-65, input[type="password"].box-65 {
	width:65%;
}
.box-70, input[type="text"].box-70, input[type="password"].box-70 {
	width:70%;
}
.box-75, input[type="text"].box-75, input[type="password"].box-75 {
	width:75%;
}
.box-80, input[type="text"].box-80, input[type="password"].box-80 {
	width:80%;
}
.box-90, input[type="text"].box-90, input[type="password"].box-90 {
	width:90%;
}
.box-100, input[type="text"].box-100, input[type="password"].box-100 {
	width:100.2%;
}

.pad-5 { padding:5px;}
.pad-0-5 { padding:0 5px; }

.pad-10 { padding:10px; }
.pad-0-10 { padding:0 10px; }

.pad-10-l { padding:0 0 0 10px; }
.pad-10-r { padding:0 10px 0 0; }

.pad-20 { padding:20px; }
.pad-0-20 { padding:0 20px; }

.pad-20-l { padding:0 0 0 20px; }
.pad-20-r { padding:0 20px 0 0; }

.pad-40 { padding:40px; }
.pad-0-40 { padding:0 40px; }

.pad-40-l { padding:0 0 0 40px; }
.pad-40-r { padding:0 40px 0 0; }

.pad-50 { padding:50px; }
.pad-0-50 { padding:0 50px; }

.pad-50-l { padding:0 0 0 50px; }
.pad-50-r { padding:0 50px 0 0; }


/*--------------------------------------------------------------------------------------------------- #NuForm Contact form layout */
#Nuform{
	
}
#Nuform h3,
#Nuform h2{
	font-weight: 600;
}

#Nuform input[type="text"], 
#Nuform input[type="password"],
#Nuform input[type="button"], 
#Nuform input[type="submit"],
#Nuform select{

	padding:8px;
	color:#49575f;
	color:#7d8798;
	display:block;
	width:100%;
	border:1px solid #cccfd4;
	background:#fff;
	margin:0 0 8px 0;
	font-family:inherit;
	-webkit-appearance: none;
    border-radius: 0;
	height:45px;
	font-weight: 500;
	font-size: 13px;
}
#Nuform input{
	padding:14px 8px;
}
#Nuform .required input{
	color:#880002;
}
#Nuform .required input:focus,
#Nuform input:focus, 
#Nuform textarea:focus {
	background:#e7eaef;
	color:#49575f;
}
#Nuform input[type="button"], 
#Nuforminput[type="submit"] {
	-webkit-appearance: none;
}
#Nuform select option {
	padding:4px;
	color:#7d8798;
}
#Nuform textarea{
	font-size:13px;
	padding:8px;
	color:#999;
	display:block;
	width:100%;
	border:1px solid #cccfd4;
	margin:0 0 8px 0;
	font-family:inherit;
	height:150px;

}
#Nuform label {
	display:block; 
	margin-bottom:8px;
	vertical-align:top
}
#Nuform input[type="button"],
#Nuform input[type="submit"] {
	background:#728294;
	color:#fff;
	border:none;
	cursor:pointer;
	padding:8px 20px;
	display:inline-block;
	width:auto;
	text-transform:uppercase;
}
#Nuform input[type="text"][class*="box-"], 
#Nuform input[type="password"][class*="box-"],
#Nuform input[type="button"][class*="box-"], 
#Nuform input[type="submit"][class*="box-"]{
	display:inline-block;
	width:inherit;
}

#Nuform input[type="checkbox"]+[class*="box-"] {
	padding:0 10px;
}
#Nuform input.hasDatepicker {
	text-align: left;
	background-image: url("/img/calendar.png");
	background-position: 92% center;
	background-repeat: no-repeat;
	background-size: 15px auto;
	padding-right: 18px;
	width: 80px;
}

#Nuform ul.traveldate{
	padding:0;
	margin: 0;
}
#Nuform ul.traveldate li{
	display: inline-block;
	vertical-align: top;
	width:32.5%;
	margin: 0;
	padding: 0 10px 0 0;
}
#Nuform label.hide{
	display:none;
}
#Nuform span.input{
	display: inline-block;
	padding: 8px;
	line-height:40px;
	cursor: pointer;
}


#side .contact{
	display: block;
	/*margin: 0 -5px;*/
}
#side .contact ul{
	margin: 0 0 20px 0;
	padding: 0;
}
#side .contact ul li{
	display: block;
	margin: 5px 0;
}
#side .contact  p{
	
}


/*--------------------------------------------------------------------------------------------------- Sign up forms */
#sideform {
	display:none;
	background:#fff;
	border:1px solid #e6e5e6;
	width:100%;
	max-width:1000px;
	position:fixed;
	top:232px;
	right:0;
	left:0;
	margin: 0 auto;
	z-index:9000;
	box-shadow:1px 1px 5px #c4c4c4;
	-webkit-box-shadow:1px 1px 5px #c4c4c4;
	-moz-box-shadow:1px 1px 5px #c4c4c4;

}
#sideform.active {
	display:inline-block;
}

#sideform #signupbox,
#sideform #enquiry-form2 {

	display:none;
	margin:0 auto;
	padding:50px 150px;
	position:relative;

}
#sideform.join #signupbox,
#sideform.call #enquiry-form2{
	display: block;
}
#signupbox label,
#sideform #enquiry-form2 label {
	display:inline-block;
	vertical-align:top;
	width:100%;
	min-height:40px;
	line-height:30px;
}

#signupbox .buttonFloatRight{
	display:inline-block;
	vertical-align:top;

}
#signupbox input{
	padding:8px;
	width:50%;
}
#sideform #enquiry-form2 input {
	display:inline-block;
	vertical-align:top;
	float:right;
	padding:5px;
	width:50%;
}

#sideform #enquiry-form2 .sendit {
	text-align:right;
	display:block;
	height:30px;
	margin:10px 0 0 0;
}
#sideform #signupbox .button{
	background: #444;
	margin: 0;
}
#sideform #signupbox h3 {
	font-size: 24px;
	color: #ee9c0e;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
#sideform #enquiry-form2 .sendit .button {
	display:inline-block;
	margin:0;
	padding:8px 15px;

}
#sideform .close {
	width:40px;
	height:40px;
	line-height:40px;
	position:absolute;
	z-index: 1000;
	top:0;
	right:0;
	text-align:center;
	color:#000;
	font-weight: bold;
	background: #d8d8d8;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";

}
#signupbox p{
	font-size: 13px;
}

/* Paging */
#main ul.paged {
	display:block;
	padding:5px 0 10px 0;
	margin:0;
	text-align:right;
}
#main ul.paged li{
	display:inline-block;
	vertical-align:middle;
	color:#1a1e22;
	padding:0 0 0 10px;
	text-transform:uppercase;
}
#main ul.paged li.title{
	float:left;
	padding:5px 10px 0 0;
}
#main ul.paged li a[page-index] {
	color:#425568;
	display:block;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	border:1px solid #728294;
}
#main ul.paged li.active a {
	background:#425568;
	color:#fff;
}
#main ul.paged span {
	display:inline-block;
	vertical-align:middle;
	margin:0 5px;
}

#advanced-search-fields select {
	width:50%;
}


/*--------------------------------------------------------------------------------------------------- xxx */
/*--------------------------------------------------------------------------------------------------- xxx */
/*--------------------------------------------------------------------------------------------------- xxx */
/*--------------------------------------------------------------------------------------------------- xxx */
/*--------------------------------------------------------------------------------------------------- xxx */
/*--------------------------------------------------------------------------------------------------- xxx */
/*--------------------------------------------------------------------------------------------------- xxx */
/*--------------------------------------------------------------------------------------------------- xxx */
/*--------------------------------------------------------------------------------------------------- xxx */
/*--------------------------------------------------------------------------------------------------- xxx */
/*--------------------------------------------------------------------------------------------------- xxx */

/*--------------------------------------------------------------------------------------------------- Responsive Queries */
@media only screen and (min-width: 1040px) {
	body {
		background-size:cover;
		background-position:center 0;
		background-attachment:fixed;
	}
	
	ul#primaryNav {
		min-width:700px;
	
	}

	a.print {
		background:#fafafa url(/img/print.png) 10px center no-repeat;
		display:block;
		vertical-align: top;
		text-decoration: none;
		font-size:13px;
		margin:0 0 20px 0;
		width:200px;
		line-height:40px;
		padding:0 0 0 60px;
		color:#666f7d;
		float:right;
		border:1px solid #e6e5e6;
		position: absolute;
		right:0;
		top: 120px;
	 
	}
	
}
@media only screen and (min-width: 1024px) {
	/*-----------------------------------Masthead */
	#masthead {
		min-height:200px;
	}
	#masthead #logo {
		display:inline-block;
		margin:10px 0 0 -10px;
	} 
	
	#masthead a {color:#fff;}
	#masthead #navicons {
		display:none;
	}
	
	/*----------------------------------- Masthead Search */
	
	
	
	/*--------------------------------------------------------------------------------------------------- Advanced Search */

	#advanced-search-fields label { line-height:30px;}
	#advanced-search-fields select { padding:5px;}
	#advanced-search-fields {
		display:block;
		margin:0 0 20px 0;
	}
	#advanced-search-fields select {
		padding:5px;
		margin:4px 0;
	}
	

	
	/*----------------------------------- Primary Nav */
	ul#primaryNav {
		position:absolute;
		bottom:0;
		right:20px;
		list-style:none;
		margin:0;
		padding:0 10px;
		z-index:900;
		background:rgba(255,255,255,0.8);
		-moz-border-radius: 	4px 4px 0 0;
		-webkit-border-radius: 	4px 4px 0 0;
		border-radius: 			4px 4px 0 0; /* future proofing */
		-khtml-border-radius: 	4px 4px 0 0; /* for old Konqueror browsers */
		box-shadow:
			1px 2px 3px 1px #dedede inset;
		border:1px solid #f9f9f9;
		border-bottom:none;
		min-width: 700px;
	}
	ul#primaryNav li {
		display:block;
		margin:0;
		padding:0;
		float:left;
		z-index:400;
		overflow:visible;
	}
	ul#primaryNav li a {
		overflow:visible;
		display:block;
		padding:0 20px;
		text-decoration:none;
		font-size:16px;
		color:#425668;
		line-height:50px;
		font-weight:500;
	}
	ul#primaryNav li a:hover {
		text-decoration:none;
		color:#4f93d2;
	}
	
	ul#primaryNav li.parent > a {
		background:transparent url(/img/dropArrow.png) 98% 21px no-repeat;
	}
	
	ul#primaryNav li a.selected {
		color:#4f93d2;
	}
	
	/* Mega Menus Desktop Start */
	ul#primaryNav li > ul {
		display:none;
		position:absolute;
		z-index:500;
		top:50px;
		left:0;
		margin:0;
		padding:30px 10px 20px;
		background-color:#f9f9f9;
				box-shadow:	0 3px 3px #7d848d;
		-webkit-box-shadow:	0 3px 3px #7d848d;
		-moz-box-shadow:	0 3px 3px #7d848d;
		text-align:justify;
		display:none;
	}
	ul#primaryNav li > ul .group, 
	ul#primaryNav li > ul .group a {
		color:#ee9c0e;
		font-size:18px;
		font-weight:600;
		border:none;
		line-height:inherit;
		padding:0;
	}
	ul#primaryNav li > ul ul.sub-list{
	  float:left;
	  margin-left:10px;
	  padding:0 10px 0 0;
	}
	ul#primaryNav li:hover ul {
		display:block;
	}
	ul#primaryNav li > ul:after{
	  content: "";
	  width: 100%;
	  display: inline-block;
	}
	ul#primaryNav li > ul li {
		margin:0;
		padding:0 5px;
		float:none;
		display:block;
		text-align:left;
	}
	ul#primaryNav li > ul li {
		margin:0 0 5px 0;
		padding:0 5px;
		vertical-align:top;
		width:185px;
	}
	ul#primaryNav li > ul li.last {
		padding-bottom:20px;
	}
	ul#primaryNav li > ul li a {
		display:block;
		font-size:14px;
		padding:0 5px;
		border-bottom:1px dotted #dadace;
		line-height:28px;
		color:#766f6d;
		text-shadow:none;
	}
	ul#primaryNav li > ul li a:hover {
		color:#313131;
	}
	/* Mega Menus Desktop End */
	
	
	/*----------------------------------------------Secondary Nav in Sidebar */
	ul#secondaryNav {
		list-style:none;
		margin:20px 0 0 0;
		padding:0;
	}
	ul#secondaryNav li {
		display:block;
		margin:0;
		padding:0;
		border-bottom:1px dotted #ccc;
	} 
	ul#secondaryNav li a {
		display:block;
		text-decoration:none;
		color:#425668;
		line-height:34px;
		
	}
	ul#secondaryNav li a:hover, ul#secondaryNav li.selected a {
		text-decoration:none;
		color:#feb900;
	}
	#signupbox {
		padding:40px 0 0 0;
		margin:0 0 20px 0;
	}
	#main #rotatedPhotoWrap {
		left:-276px;
	}
	
	.packagepage {
		padding:0;
		display:block;
		min-height:160px;
	}
	.packagepage.contact {
	  min-height: 100px;
	}
	.addthisbox {
		display:block;
		width:200px;
		padding:10px;
		margin:0;
		min-height:30px;
		border:1px solid #e6e5e6;
		position:absolute;
		top:60px;
		right:0;
		background:#fafafa;
	}
	.atol-band {
		display:block;
		width:220px;
		padding:0;
		margin:0;
		height:55px;
		position:absolute;
		background:url(/img/atol.png) 10px 0 no-repeat;
	}
	.atol-band.package {
		top:110px;
		right:0;
	}
	.atol-band.holiday {
		top:0;
		right:0;
	}
	#side.nopad {
		padding:20px 15px;
	}
	.packagepage {
		padding:0 220px 0 0;
	}
	
	.tripAdvisor {
		position:absolute;
		top:10px;
		right:0;
	}
	
	#main ul.paged{
		padding:0;
		margin:10px auto 20px;
	}
	#main ul.paged:last-of-type{
		margin-bottom:0;
	}
	
	
}




/* Medium screens */
@media only screen and (min-width: 768px) {
	
	/*----------------------------------- Footer */
	#footer {
		position:relative;
		display:block;
		margin:4px 0 0 0;
		padding:20px;
	}
	
	#footer_base {
		display:block;
		height:80px; 
	
		}
	#footer_content {
		display:block;
		padding:0;
	} 
	#footer a {
		text-decoration:none;
		color:#728294; 
	}
	#footer #flags img, #footer .social img {
		margin-right:10px;	
	}
	#footer a:hover {
		text-decoration:none;
	}
	#footer h4.social {
		width:auto;
		display:block;
		float:right;
		height:40px;
		font-weight:normal;
	}
	#footer h4.social img {
		margin-left:5px;
		display:inline-block;
	}
	/*----------------------------------- Body */
	#content, #footer {
		z-index:10;
		position:relative;
		box-shadow:
			1px 4px 4px #313131,
			1px 2px 3px 1px #dedede inset;
		border: 2px solid #fff;
		background-color:#fff;
		
	}
	#content{
		-moz-border-radius: 	6px 6px 0 0;
		-webkit-border-radius: 	6px 6px 0 0;
		border-radius: 			6px 6px 0 0; /* future proofing */
		-khtml-border-radius: 	6px 6px 0 0; /* for old Konqueror browsers */
	}
	#footer{
		-moz-border-radius: 	0 0 6px 6px;
		-webkit-border-radius: 	0 0 6px 6px;
		border-radius: 			0 0 6px 6px; /* future proofing */
		-khtml-border-radius: 	0 0 6px 6px; /* for old Konqueror browsers */
	}
	
	#main, #side {
		display:inline-block;
		vertical-align:top;
		position:relative;
	}
	#side {
		width:230px; 
		float:left;
		padding:340px 15px 20px;	
		box-shadow:0px 1px 3px 1px #dedede inset;
		background:#f9f9f9;
		border-radius: 6px;
		margin-left: -10px;
	}
	.homepage #side{
		margin-left: 0;
		padding: 10px 0;
		background:none;
		box-shadow: none;
	}

	#side .atol {
		padding:10px 55px 10px 0;
		border-top:1px solid #ccc;
		margin:20px 0;
		background:url(/img/atol2.gif) right center no-repeat;
		min-height:70px;
	
	}
	#main {
		float:right;
		width:700px;
	}
	

	#side #signupbox {
		padding: 0 0 10px 0;
	}
	#side input {
		width:100%;
		padding:5px;
		margin:5px 0;
		border:1px solid #ccc;
	}
		
	
	/*----------------------------------- Homepage */
	/*#splash {
		max-width:960px;
		display:block;
		height:355px;
		margin:5px 0 20px;
		padding:0;
		border:1px solid #e6e5e6;
		box-shadow:1px 2px 3px 1px #dedede inset;
		background:#f5f5f5;
		overflow:hidden;
		position:relative;
		
	}*/
	#splash {
		max-width: 980px;
		display: block;
		height: 370px;
		margin: -7px -10px 20px;
		padding: 0;
		border: 1px solid #e6e5e6;
		background: #f5f5f5;
		overflow: hidden;
		position: relative;
	}
	#splash img {
		display:block;
		width:100%;
		height:auto;
		border:1px solid #efefef;
	}
	#fader {
		display:block;
	}
	#fader div.slide {
		position:absolute;
		top:2px;
		left:2px;
		right:2px;
		bottom:2px;
	}
	#fader div.img {
		position:relative;
		display: block;
		height:100%;
		background:#fff url() center / cover no-repeat;
	}
	#fader div a {
		display:block;
		width:100%;
		height:100%;
	}
	#fader span {
		line-height:29px;
		position:absolute;
		bottom:20px;
		left:0;
		padding:10px 20px;
		display:inline-block;
		background:rgba(255,255,255,0.8);
		z-index:101;
		font-size:16px;
		color:#425668;
		text-align:right;
		min-width:250px;
		font-weight:500;
	}
	/*----------------------------------- Sidebar */
	.panel {
		padding:20px;
		margin:0 0 20px 0;
		/*-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		border:1px solid #f0ede9;
		background-color:#f7f5f1;*/
		
	}
	
	#side .panel {
		padding:0;
		/*border:1px solid #f0ede9;*/
	}
	.badgedImage {
		border:1px solid #dedede;
		margin:0 auto 20px;
		text-align:left;
		
	}
	.badgedImage a {
		display:block;
		overflow:hidden;
		min-height:144px;
		position:relative;
		text-decoration:none;
		color:#425668;
		
	} 
	
	#attractions .badgedImage a {
		padding:6px;
	}

	.badgedImage a span, .Tile a span {
		position:absolute;
		left:0;
		top:20px;
		background-color:#c00;
		display:inline-block;
		width:auto;
		padding:3px 5px;
		color:#fff;
		text-transform:uppercase;
		text-align:left;
		line-height:13px;
		cursor:hand;
		font-size:10px;
		font-weight:500;
	}
	#special-offers .badgedImage {
		width:100%;
		background:#fff;
	}
	#special-offers .badgedImage a {
		padding:6px;
	}
	
	/*----------------------------------- Tile List */
	ul.tileList {
		margin:0;
		padding:20px 0;
		list-style:none;
		text-align:justify;
	} 
	ul.tileList:after{
	  content: "";
	  width: 100%;
	  display: inline-block;
	}
	ul.tileList li {
		margin:0 0 20px 0;
		padding:0;
		display:inline-block;
		vertical-align:top;
		border:1px solid #dedede;
		position:relative;
		width:32%;
		text-align:left;
	}
	ul.tileList li img {
		display:block;
		width:100%;
		height:auto;
		margin-bottom:10px;
	}
	ul.tileList li a {
		text-decoration:none;
		color:inherit;
		display:block;
		padding:6px;
		min-height:240px;
	}
	ul.tileList li a:hover {
		background:#f5f5f5;
	}
	ul.tileList li a span {
		display:block;
		padding:0 0 5px 0;
		color:#728294;
	}
	ul.tileList li a span strong {
		font-weight:normal;
		color:#ee9c0e;
		font-size:15px;
	}

	/*----------------------------------- Lower content homepage */
	.box-1, .box-2 {
		display:inline-block;
		vertical-align:top;
	}
	.box-1 {
		float:left; 
		width:300px;
	}
	.box-2 {
		float:right; 
		width:380px;
	}
	
	/*----------------------------------- Holiday Listing */
	#section_intro {
		min-height:220px; 
		padding:0 20px 10px 0;
		margin-bottom:15px;
		width:420px;
	}
	#intro_img {
		float:right;
		margin:5px 0 20px 10px;
		padding:6px;
		border:1px solid #e6e5e6;
	}
	#section_intro #more {
		width:700px;
		clear:both;
	}
	
	#lowercontent{
		clear:both;
		margin-top:20px;
	}
	
	.hol {
		padding:10px 0;
		margin:0 0 30px;
		border-bottom:1px solid #e6e5e6;
		overflow:hidden;
		position:relative; 
		/*border-radius: 4px;*/
	}
	.hol .badgedImage {
		width:300px;
		display:inline-block;
		vertical-align:top;
		margin:0;
		border:none;
	}
	.hol.hotels .badgedImage {
		width:200px;
	}
	.hol .badgedImage a {
		display:block;
		margin:0 0 10px 0;
		border:1px solid #efefef;
	}
	.hol .badgedImage a img {
		display:block;
		width:100%;
		height:150px;
	}
	.hol .package_desc {
		width:370px;
		display:inline-block;
		vertical-align:top;
		padding:0 0 0 15px;
		color:#728294;
		margin:0;
	}
	.hol.hotels .package_desc {
		width:450px;
	}
	.hol-price {
		display:block;
		padding:10px 0;
		color:#b8a594;
		color:#425568;
		width:300px;
	}
	.hol-price span {
		font-size:16px;
		color:#62954a;
	}
	.hol .package_desc h3{
		margin-top: 0;
	}
	.hol .package_desc h3 a {
		color: #ee9c0e;
		color:#425568;
		font-size:24px;
		line-height:30px;
	}
	.hol .hol-more {
		display:inline-block;
		vertical-align:top;
		margin:15px 0 0 0;
	}
	.hol .hol-enquire {
		display:inline-block;
		vertical-align:top;
		margin:15px 0 0 0;
		float:right;
	}
	
	/*----------------------------------- Attractions on Package List page */
	#lowercontent #attractions_attractionsPanel {
		margin:50px 0 20px;
		text-align:justify;
	}
	#lowercontent #attractions .badgedImage {
		display:inline-block;
		vertical-align:top;
		width:32%;
		text-align:left;
		min-height:240px;
		margin:0 0 20px;
	}
	#lowercontent #attractions:after{
	  content: "";
	  width: 100%;
	  display: inline-block;
	}
	
	/*----------------------------------- Package details */
	
	
	
	/*------------------------- Tab: Overview */
	#tabs {
		margin:30px 0 0 0;
	}
	#Overview {
		display:block;
		padding:0 0 20px 0;
		margin:0 auto 30px auto;
	}
	#Overview .photo-main {
		display:block;
		/*width:100%;
		height:auto;*/
		margin:0 auto;
		border:4px solid #efefef;
	}
	#MainSights {
		margin:0 auto 10px auto;
		padding:0;
	}
	/*------------------------- Hotels Details Page */
	.hotel .centrecol {
		padding:20px 10px;
		display:block;
		margin:0 auto;
	}
	.hotel #intro_img {
		position:relative;
		margin:0 auto 20px;
		float:none;
	}
	.hotel #section_intro {
	
	}
	.hotel #contact_baltic {
		position:relative;
		display:block;
		width:300px;
		height:80px;
		margin:0 0 40px 80px;
		padding:20px 20px 20px 50px;
	}
	.hotel .centrecol ul li {
		display:inline-block;
		vertical-align:top;
		padding:0;
		margin:0 0 10px 0;
		width:48%;
	}
	#featuredimg {
		width:100%;
		height:auto;
		display:block;
		border:1px solid #dedede;
		padding:5px;
		margin:0 auto 15px 0;
	}
	/*------------------------------Enquiry*/
	#enquiry-form {
		/*width:55%;
		display:inline-block; 
		vertical-align:top;
		margin:0 0;
		float:right;*/
		display: block;
		margin: 0;
		padding: 20px 0;
	}
	
	#enquiry-info {
		width:40%;
		display:inline-block;
		vertical-align:top;
		margin:0 0;
	}
	#enquiry-form h2, #enquiry-form h3, #enquiry-info h4 span  {
		color:#e8aa00;
	}
	#enquiry-form input[type="text"], #enquiry-form select, #enquiry-form textarea{
		margin:5px 0;
		padding:6px;
		width:100%;
	}
	#enquiry-form input[type="checkbox"] {
		width:auto;
		border:initial;
	}
	#enquiry-form table, #enquiry-form tr, #enquiry-form td { border:none;}
	#enquiry-info ul {
		padding:0;
		margin:0 0 10px 15px;
	}
	#enquiry-info ul li {
		margin:0 0 10px 0;
	}
	.atol-band.package {
	  right: 0;
	  top: 0;
	}
	
}
@media only screen and (min-width: 1280px) {
	/*---------------------------------Outer Side Enquiry */
	ul#sidebar {
		position: fixed;
		right: 0;
		left: 20px;
		margin-right: auto;
		margin-left: auto;
		width: 80%;
		max-width:1020px;
		top:40vh;
		list-style:none;
		z-index:0;
		padding: 0;
		display:block;
	}
	ul#sidebar li {
		position: absolute;
		display:block;
		background: #feb900 url() center no-repeat;
		top:0;
		right:0;
		width:35px;
		border:1px solid #ffcc00;
	}
	
	
	ul#sidebar li.email{
		top:0;
		right:-15px;
		height:160px;
		background-image: url(/img/callback.png);
		
	}
	ul#sidebar li.newsletter{
		top:164px;
		height:200px;
		right:-15px;
		background-image: url(/img/newsletter.png);
	}
	ul#sidebar li a {
		display:block;
		width:100%;
		height:100%;
	}
	ul#sidebar li a span{
		display: none;
	}
	/*----------------------------------- Outer Side Form */
}
@media only screen and (max-width: 1279px) {
	/*---------------------------------Outer Side Enquiry */
	ul#sidebar {
		position:absolute;
		display:inline-block;
		left:280px;
		top:135px;
		list-style:none;
		z-index:1000;
		padding: 0;
		margin: 0;
	}
	ul#sidebar li {
		display:inline-block;
		vertical-align: top;
		margin: 0 10px 5px 0;
	}
	ul#sidebar li a {
		display:block;
		color:#fff;
		border:none;
		text-transform: uppercase;
		font-size: 13px;
	}
	ul#sidebar li img{
		display: none;
	}
	ul#sidebar li a span{
		display: block;
		padding:0;
		border:none;
		color: #feb900;
		text-align:center;
		border-radius: 0;
		font-weight: bold;
		letter-spacing: 0.5px;
	}
	ul#sidebar li:first-child{
		border-right:1px solid #ccc;
		padding-right: 10px;
	}

	#masthead #phonewrap {
		padding: 15px 0 0 0;
	}
	.outsideUK{
		height: 25px;
	}
	.freephone{
		
	}
	/*ul#sidebar li.email{
		top:0;
		height:170px;
		left:auto;
		cursor:pointer;
		background:#feb900;
		width:35px;
		margin:0 -15px 0 0;
		float:right;
	}
	
	ul#sidebar li.email a {
		display:block;
		width:100%;
		height:100%;
	}*/
	/*----------------------------------- Outer Side Form */
}


@media only screen and (max-width: 1023px) {
	
/*----------------------------------- Body */
	body {
		background-size:auto 1024px;
		background-position:center 0;
		background-attachment:fixed;
	}
	#container{
		padding:0 6px;
	}

	/*-----------------------------------Masthead */
	
	#masthead {
		padding:20px 0 10px;
		min-height:200px;
		height: auto;
	}
	#masthead #logo {
		display:block;
		margin:0 0 0 10px;
		width:200px;
	} 
	
	#masthead a {color:#fff;}
	#masthead #navicons {
		padding:10px 20px;
		text-align:left;
		position:absolute;
		display:inline-block;
		top:100px;
		right:0;
	}
	#masthead #navicons a{
		display:inline-block;
		vertical-align:top;
		width:50px;
		height:50px;
		border-radius: 50%;
		margin:0 10px 0 0;
		background:rgba(0,0,0,0.13) url() center no-repeat;
		
	}
	#masthead #navicons a.active {
		background-color:#9fa7b3;
		border-color: #9fa7b3;
	}
	#masthead #navicons .icon-menu {
		background-image:url(/img/icon-menu.png);
	}
	#masthead #navicons .icon-search {
		background-image:url(/img/icon-search.png);
	}
	#masthead #navicons .icon-phone {
		background-image:url(/img/icon-phone.png);
	}
	/*----------------------------------- Masthead Search */
	#masthead #search, #masthead #phonewrap{
		background:rgba(0,0,0,0.3);
		padding:20px;
		margin:2px 0 0;
		color:#fff;
		display:none;
		position:relative;
		border:1px solid #444;
		text-align: center;
		width:100%;
		top:auto;
		right:auto;
		left:auto;
	}
	#masthead #reviewbox {
		width: 320px;
		top: 30px;
		right: 0;
	}
	#masthead #search.active, #masthead #phonewrap.active{
		display:block;
	}
	#masthead #search #search-term {
		width:68%;
		height:38px;
		padding:3px 10px;
		vertical-align:top;
		margin:0 0 5px 0;
	}
	
	#masthead #search #search-button {
		vertical-align:top;
		display:inline-block;
		background:#feb900;
		padding:5px 15px;
		margin:0 -2px;
		border:none;
		line-height:28px;
		-moz-border-radius: 	0;
		-webkit-border-radius: 	0;
		border-radius: 			0;
		-khtml-border-radius: 	0;
		width:30%;
		text-align:center;
	}
	#masthead #advanced-search-link{
		font-style:italic;
		
		margin:5px 0;
		display:inline-block;
	}
	#masthead #advanced-search-link:hover{
		text-decoration:underline;	
	}
	
	#advanced-search-fields {
		display:block;
		margin:0 0 20px 0;
	}
	#advanced-search-fields select {
		padding:4px;
		margin:4px 0;
	}
	#phonebox {
		font-size:16px;
	
	}
	#phone {
		font-size:18px;
		padding:0 0 10px;
	}
	#phone br { display:none;}
	#phone span {
		margin-right:10px;
	}
	#SkypeButton_Call_baltic_travel_company_1 {
		position:absolute;
		top:20px;
		right:20px;
		width:110px;
		height:80px;
		border:1px solid #9ea6b2;
	}
/*----------------------------------- Primary Nav */
	ul#primaryNav {
		bottom:0;
		list-style:none;
		margin:2px 0 0 0;
		padding:0 20px;
		z-index:900;
		background:rgba(0,0,0,0.4);
		border:none;
		min-height:0;
		height:0;
		overflow:hidden;
		position:relative;
		left:auto;
		right:auto;
	}
	ul#primaryNav.active {
		height:auto;
		border:1px solid #444;
		padding:0 20px 20px;
	}
	ul#primaryNav > li {
		display:block;
		margin:0;
		padding:0;
		position:relative;
		overflow:hidden;
		border-bottom:1px solid #666;
	} 
	ul#primaryNav > li.active {
		border-bottom: 1px solid #feb900;
	} 
	ul#primaryNav li a {
		overflow:visible;
		display:block;
		padding:0;
		text-decoration:none;
		font-size:17px;
		line-height:28px;
		color:#fff;
		line-height:50px;
	}
	
	ul#primaryNav li.parent > a {
		background:transparent url(/img/dropArrow.png) 97% 20px no-repeat;
	}
	
	ul#primaryNav li a.selected{
		color:#4f93d2;
	}
	#primaryNav li.active a.head {
		color:#feb900;
	}
	
	ul#primaryNav li ul {
		display:none;
		position:relative;
		top:0;
		left:0;
		margin:0 15px;
		padding:10px 0 20px 0;
	}
	#primaryNav li.active ul {
		display:block;
		border-top:1px solid #feb900;
		margin:0;

	}
	ul#primaryNav li ul li {
		padding:0;
		display:inline-block;
		width:45%;
		margin: 2px 10px;
	}
	
	ul#primaryNav li > ul .group {
		color:#feb900;
		font-weight:normal;
		border:none;
		line-height:inherit;
		display: block;
		width:100%;
		margin:0;
		font-size:18px;
		padding: 15px 0 0 0;
		
	}
	ul#primaryNav li > ul .group a:hover,
	ul#primaryNav li > ul .group a{
		border:none;
		color:#feb900;
		font-size:18px;
		padding: 15px 0 0 0;
	}
	
	ul#primaryNav li ul li a {
		display:block;
		padding:6px;
		border-bottom:1px solid #666;
		line-height:28px;
		color:#fff;
		text-shadow:none;
	}
	ul#primaryNav li ul li a:hover {
		color:#feb900;
	}
	/*xxx*/

	#content {
		padding:20px;
	}
	#splash { 
		height:265px;
		background:#fff;
	}
	#splash img {
		width:100%;
		height:auto;
	}
	#fader div {
		position:absolute;
		top:0px;
		left:0px;
		right:0px;
		bottom:0px;
		background:#fff url() center / cover no-repeat;
	}
	#side, #main {
		display:block;
		float:none;
		width:100%;
		position:relative;
	}
	#side {
		min-height:330px;
		margin:0 0 30px 0;
		padding: 20px 0;
		box-shadow:none;
		background:none;
	}
	#side.nopad {
		padding: 20px 0;
	}
	#side #special-offers {
		
	}
	#side #rotatedPhotoWrap {
		top:0;
		left:0;
		-moz-border-radius: 	0;
		-webkit-border-radius: 	0;
		border-radius: 			0; 
		-khtml-border-radius: 	0; 
	}
	#side #signupbox {
	  padding:10px 0;
	  margin:10px 0 0 0;
	}
	#side #signupbox input[type="text"], #side #signupbox .buttonFloatRight {
		padding:9px 15px;
		display:inline-block;
		vertical-align:top;
		width:68%;
		margin:5px 0;
	}
	#side #signupbox .buttonFloatRight {
		width:30%;
		padding:0;
	}
	#side #signupbox .buttonFloatRight a {
		display:block;
		margin:0;
		text-align:center;
	}
	#side #secondaryNav, #side #special-offers {
		text-align:justify;
	}
	#side #secondaryNav li {
		display:inline-block;
		vertical-align:top;
		text-align:left;
		width:32%;
		margin:0 0.45% 5px;
	}
	#side #secondaryNav li a {
		padding:5px 0;
		display:block;
	}
	#side .panel {
		text-align:justify;
		clear:both;
	}
	#side .badgedImage {
		display:inline-block;
		vertical-align:top;
		text-align:left;
		width:32%;
		margin:0 0.45% 20px;
		min-height:170px;
	
	}
	#side #attractions .badgedImage {
		min-height:240px;
	}
	#side .badgedImage img {
		width:100%;
		height:auto;
	}
	#side .atol {
		text-align:right;
		line-height:60px;
		padding-right:70px;
	}
	#side .panel:after, #side #secondaryNav:after, #side #special-offers:after{
	  content: "";
	  width: 100%;
	  display: inline-block;
	}

	#main .imgbox #section_intro {
		width:100%;
		padding:0 0 0 250px;
	}
	#main .imgbox #intro_img{
		display:none;
	}
	#aggregate-rating,
	#main .imgbox #breadcrumb, #main .imgbox h1 {
		margin-left:250px;
	}
	#main .imgbox #section_intro #more, #main .imgbox .reveal-less-link {
		margin-left:-250px;
	}
	.packagepage {
		padding:20px 0 0 250px;
		display:block;
		min-height:320px;
	}
	#content.blogframe .packagepage {
		min-height:10px;
	}
	#Overview #featuredimg {
		width:100%;
		height:auto;
		margin:0 auto 20px auto;
		display:block;
		border:2px solid #e6e5e6;
	}
	a.print, .addthisbox {
		background:#fafafa url(/img/print.png) 10px center no-repeat;
		display:inline-block;
		vertical-align:top;
		text-decoration: none;
		padding:0;
		font-size:13px;
		margin:0 0 5px 0;
		width:200px;
		line-height:40px;
		padding:0 0 0 60px;
		color:#666f7d;
		border:1px solid #e6e5e6;
	 
	}
	.addthisbox {
		background:#fafafa;
		width:200px;
		padding:12px;
		height:42px;
	}
	a.print {
		display:none;
	}
	body #at4m-mobile-container {/*Add this container*/
		display:none !important;
	}
	.atol-band {
		display:block;
		width:60px;
		padding:0;
		margin:0;
		height:60px;
		background:url(/img/atol2.png) 0 0 no-repeat;
		position:absolute;
		top:0;
		right:0;
	}
	.atol-band.package {
	  right: auto;
	  top: auto;
	  margin:5px 0 0 -10px;
	}
	#Nuform.contact #enquiry-form h2{
		margin: -150px 0 100px 250px;
	}
	ul#sidebar {
		left:auto;
		top:15px;
		right:20px;
	}
	#sideform{
		width:auto;
		margin: 0 7px;
	}
	#sideform #signupbox, #sideform #enquiry-form2{
		padding: 50px;
	}
}
/*This is a custom Break Pont for Navigation label on touch screens*/
@media only screen and (max-width: 767px){ 
/*----------------------------------- Body */
	body {
		background-size:auto 900px;
		background-position:center 0;
		background-attachment:fixed;
	}
	#masthead #search {
		position:relative;
		top:auto;
		left:auto;
	}

	#masthead #primaryNav {
		left:auto;
	}
	#content, #footer {
		z-index:10;
		position:relative;
		box-shadow:
			1px 4px 4px #313131,
			1px 2px 3px 1px #dedede inset;
		border: 2px solid #fff;
		background-color:#fff;
		
	}
	#content{
		-moz-border-radius: 	6px 6px 0 0;
		-webkit-border-radius: 	6px 6px 0 0;
		border-radius: 			6px 6px 0 0; /* future proofing */
		-khtml-border-radius: 	6px 6px 0 0; /* for old Konqueror browsers */
		padding:20px;
		margin-bottom:4px;
	}
	#footer{
		-moz-border-radius: 	0 0 6px 6px;
		-webkit-border-radius: 	0 0 6px 6px;
		border-radius: 			0 0 6px 6px; /* future proofing */
		-khtml-border-radius: 	0 0 6px 6px; /* for old Konqueror browsers */
		padding:20px;
	}
	
	#main, #side {
		display:block;
		vertical-align:top;
		position:relative;
	}
	#side {
		margin:20px 0;
		padding:10px 0;
		border-top:1px dashed #4b6176;
		min-height:100px;
	}
/*xxx*/
	/*----------------------------------- Outer Side Form */



	
	/*----------------------------------- Homeapge */
	#splash {
		display:block;
		min-height:240px;
		margin:5px 0 20px;
		padding:0;
		border:1px solid #e6e5e6;
		background:#f5f5f5;
		overflow:hidden;
		position:relative;
		
	}
	#splash img {
		display:block;
		width:auto;
		height:240px;
	}
	#fader {
		display:block;
	}
	#fader div.img{
		position: relative;
		height: 180px;
	}
	#fader span {
		position:relative;
		display: block;
		bottom:auto;
		left:0;
		padding:10px;
		background:rgba(255,255,255,0.8);
		z-index:101;
		font-size:15px;
		color:#425668;
	}
	/*----------------------------------- Tile List */
	ul.tileList {
		margin:0;
		padding:20px 0;
		list-style:none;
		text-align:justify;
	} 
	ul.tileList:after{
	  content: "";
	  width: 100%;
	  display: inline-block;
	}
	ul.tileList li {
		margin:0 0 20px 0;
		padding:0;
		display:inline-block;
		vertical-align:top;
		border:1px solid #dedede;
		position:relative;
		width:48%;
		text-align:left;
	}
	ul.tileList li img {
		display:block;
		width:100%;
		height:auto;
		margin-bottom:10px;
	}
	ul.tileList li a {
		text-decoration:none;
		color:inherit;
		display:block;
		padding:6px;
		min-height:220px;
	}
	ul.tileList li a:hover {
		background:#f5f5f5;
	}
	ul.tileList li a span {
		display:block;
		padding:0 0 5px 0;
		color:#728294;
	}
	ul.tileList li a span strong {
		font-weight:normal;
		color:#ee9c0e;
		font-size:15px;
	}
	/*-----------------------------Badged Image*/
	.badgedImage {
		border:1px solid #dedede;
		margin:0 auto 20px;
	}
	.badgedImage a {
		display:block;
		overflow:hidden;
		min-height:144px;
		position:relative;
		text-decoration:none;
		color:#425668;
	} 

	.badgedImage a p {
		padding:5px 10px;
		text-align:left;
	}

	
	.badgedImage a span, .Tile a span {
		position:absolute;
		left:0;
		top:20px;
		background-color:#c00;
		display:inline-block;
		width:auto;
		padding:5px 10px;
		color:#fff;
		text-transform:uppercase;
		text-align:left;
		line-height:13px;
		cursor:hand;
		font-size:11px;
	}
	#special-offers .badgedImage {
		width:100%;
		background:#fff;
	}
	#side #secondaryNav {
		padding:10px 0;
		margin:0;
	}
	#side #secondaryNav li {
		display:inline-block;
		vertical-align:top;
		text-align:left;
		width:48%;
		margin:0 0 10px;
		padding:0;
	}
	#side #secondaryNav li a {
		padding:10px;
		display:block;
		border:1px solid #e6e5e6;
	}
	
	#side .badgedImage {
		display:inline-block;
		vertical-align:top;
		text-align:left;
		width:48%;
		margin:0 0.45% 20px;
		min-height:170px;
		
	}
	
	#side #attractions .badgedImage {
		min-height:240px;
	}

	/*--------------------------Packages List*/
	#rotatedPhotoWrap {
		height:330px;
		width:230px;
		position:absolute;
		left:-20px;
		top:-20px;
		overflow:hidden;
		-moz-border-radius: 	6px 0 0 0;
		-webkit-border-radius: 	6px 0 0 0;
		border-radius: 			6px 0 0 0; 
		-khtml-border-radius: 	6px 0 0 0; 
	}
	#aggregate-rating,
	#main .imgbox #breadcrumb, #main .imgbox h1 {
	  margin-left: 210px;
	}
	#main .imgbox #section_intro, .packagepage {
	  padding: 0 0 0 210px;
	}
	#main .imgbox #section_intro #more, #main .imgbox .reveal-less-link {
	  margin-left: -210px;
	}
	.atol-band {
		margin-left:200px;
	}
	h2.packages {
		margin:30px 0 50px;
	}
	#holidaybox, #attractions, #tabContent-hotels {
		text-align:justify;
	}
	#holidaybox:after, #attractions:after, #tabContent-hotels:after {
	  content: "";
	  display: inline-block;
	  width: 100%;
	}
	.hol {
		text-align:left;
		display:inline-block;
		vertical-align:top;
		padding:10px 0;
		width:48%;
		margin:0 0 40px;
		border-bottom:1px solid #e6e5e6;
		overflow:hidden;
		position:relative; 
	}

	.hol .badgedImage {
		width:100%;
		display:block;
		margin:0;
		border:none;
	}
	.hol.hotels .badgedImage {
		width:100%;
		height:auto;
	}
	.hol .badgedImage a {
		display:block;
		margin:0 0 10px 0;
		border:1px solid #e6e5e6;
	}
	.hol .badgedImage a img {
		display:block;
		width:auto;
		min-width:100%;
		max-width:150%;
		height:100%;
	}
	.hol .package_desc {
		display:block;
		color:#728294;
	}
	.hol.hotels .package_desc {
		
	}
	.hol-price {
		display:block;
		padding:10px 0;
		color:#b8a594;
		color:#425568;
		display:block;
		width:300px;
	}
	.hol-price span {
		font-size:16px;
		color:#62954a;
	}
	.hol .package_desc h3 a {
		color: #ee9c0e;
		color:#425568;
		font-size:24px;
		line-height:30px;
	}
	.hol .hol-more {
		display:inline-block;
		vertical-align:top;
		margin:15px 0 0 0;
		width:48%;
	}
	.hol .hol-enquire {
		display:inline-block;
		vertical-align:top;
		margin:15px 0 0 0;
		float:right;
		width:48%;
	}
	.hol .hol-more a, .hol .hol-enquire a {
		white-space:nowrap;
		padding:8px;
		text-align:center;
		width:100%;
		display:block;
	}
	#attractions .badgedImage, #special-offers .badgedImage {
		text-align:left;
		display:inline-block;
		vertical-align:top;
		padding:0;
		width:48%;
		margin:0 0 20px;
	}
	#attractions .badgedImage a, #special-offers .badgedImage a {
		padding:6px;
	}
	#side #signupbox {
	  padding:10px 0;
	  margin:10px 0 0 0;
	}
	#side #signupbox input[type="text"], #side #signupbox .buttonFloatRight {
		padding:9px 15px;
		display:inline-block;
		vertical-align:top;
		width:68%;
		margin:5px 0;
	}
	#side #signupbox .buttonFloatRight {
		width:30%;
		padding:0;
	}
	#side #signupbox .buttonFloatRight a {
		display:block;
		margin:0;
		text-align:center;
	}
	#Overview, #MainSights, .package_includes {
		padding:10px 0;
		margin:0 0 10px 0;
		border:none;
		border-bottom:1px dashed #dedace;
		
	}
	/*------------------------------Enquiry*/
	#enquiry-form, #enquiry-info {
		display:block;
		margin:20px 0;
	}

	#enquiry-form h2, #enquiry-form h3, #enquiry-info h4 span  {
		color:#e8aa00;
	}
	#enquiry-form input[type="text"], #enquiry-form select, #enquiry-form textarea{
		margin:5px 0;
		padding:8px;
		width:100%;
	}
	#enquiry-form input[type="checkbox"] {
		width:auto;
		border:initial;
	}
	#enquiry-form table, #enquiry-form tr, #enquiry-form td { border:none;}
	#enquiry-info ul {
		padding:0;
		margin:0 0 10px 15px;
	}
	#enquiry-info ul li {
		margin:0 0 10px 0;
	}
	#advanced-search-fields label { line-height:40px;}
	#advanced-search-fields select { padding:8px;}
	#results {
		padding:30px 0 10px 0;
	}
	#main .packagepage  {
	 /* padding:280px 0 10px 0;*/
	  margin:0;
	}
	.hotel #contact_baltic {
	  margin: 30px 0 30px 70px;
	  padding: 10px 10px 10px 40px;
	}
	#Nuform.contact #enquiry-form h2{
		margin: -140px 0 80px 215px;
	}
	#Nuform #enquiry-form div.box-33{
		width:50%;
		padding: 0 5px;
	}
	#Nuform #enquiry-form textarea{
		margin: 10px 5px 5px 4px;
		max-width: 98%;
	}
}

/*This is a custom Break Pont for Navigatoin label on touch screens*/
@media only screen and (max-width: 599px){ 

/*-----------------------------------Masthead */
	body {
		background-size:1000px auto;
		background-position:center 0;
		background-attachment:fixed;
	}
	#masthead {
		padding:10px 0 10px;
		min-height:140px;
		
	}
	#masthead #logo {
		display:block;
		margin:0;
		width:120px;
		height:120px;
	} 
	#masthead #reviewbox{
		display: none;
	}
	#masthead #navicons {
		padding:0;
		text-align:left;
		position:absolute;
		display:inline-block;
		top:55px;
		right:6px;
	}
	#masthead #navicons a {
		margin:0 0 0 10px;
	}
	ul#sidebar li:first-child {
		border-right:none;
		padding-right:0;
		margin: 0;
	}
	ul#sidebar li a span {
		padding: 0;
	}
	#content{
		padding:15px;
		margin-bottom:4px;
	}
	#footer{
		padding:15px;
	
	}
	#footer h4.social {
		clear:both;
		padding:20px 0 0 0;
		line-height:30px;
	}
	#rotatedPhotoWrap {
		left:-14px;
		top:-14px;
	}
	#splash { 
		height:200px;
		background:#fff;
	}
	#splash img {
		width:auto;
		height:100%;
	}
	#fader span {
		bottom:0;
		width:100%;
	}
	#content {
		padding:15px;
	}
	h1 {
		font-size:24px;
	}
	h2 {
		font-size:18px;
	}
	h3 {
		font-size:16px;
	}
	#side input[type="text"] {
	  border: 1px solid #ccc;
	  margin: 5px 0;
	  padding: 5px;
	  width: 100%;
	}
	#footer_content p.links a {
		display:inline-block;
		margin:0 5px 4px;
		padding:8px 5px;
	}
	#attractions .badgedImage a p, #special-offers .badgedImage a p {
		margin:5px 0;
	}
	#Overview table {
		width:100%;
		max-width:100%;
	}
	#Overview table th, #Overview table thead td {
		padding:2px;
	}
	#Overview table td{
		word-break: break-all;
		
	}
	.mobile-block {
		display:block;
	}
	.mobile-block .button {
		display:block;
		text-align:center;
		text-transform:uppercase;
	}	
	.mobile-block .featimg {
		display:block;
		margin:10px 0 10px;
		height:150px;
		background:#fff url() center / cover no-repeat;
	}
	#side .contact{
		margin: 0;
	}
	#Nuform.contact #enquiry-form h2{
		margin: 10px 0 50px;
	}
	#Nuform #enquiry-form div.box-33{
		width:100%;
		padding: 0;
	}
	#Nuform #enquiry-form textarea{
		margin: 10px 2px 10px 0;
		max-width: 100%;
	}
	#Nuform #enquiry-form span.input{
		line-height: 18px;
		max-width: 85%;
		vertical-align: middle;
	}
	#main ul.paged li.title{
		display:inline-block;
		width:100%;
		padding:0 0 10px;
	}
	#advanced-search-fields select{
		width:100%;
	}
}
/*This is a custom Break Pont for Navigatoin label on touch screens*/
@media only screen and (max-width: 480px){ 
	#masthead {
		min-height:130px;
	}
	#masthead #logo {
		width:130px;
		margin-top:-5px;
	}
	#masthead #navicons a {
		margin: 0 0 0 5px;
	}
	#splash { 
		height:180px;
		background:#fff;
	}
	#splash img {
		width:auto;
		height:120px;
	}
	ul.tileList li, #side .badgedImage{
		width:98%;
	}
	#side .atol { line-height:18px;}
	
	#masthead ul#primaryNav li ul li {
	  display:block;
	  width:100%;
	}
	#masthead ul#primaryNav li ul li a {
		padding:8px 0;
	}
	#rotatedPhotoWrap {
		height:330px;
		width:200px;
		position:absolute;
		left:-15px;
		top:-15px;
		display:none;
	}
	#lowercontent, #signupbox{		
		display:none}
	.packagepage{
		min-height:auto;
	}
	.addthisbox{
		display:none;	
	}		
	#aggregate-rating,	
	#main .imgbox #breadcrumb, #main .imgbox h1 {
	  margin-left: 0;
	}
	#main .imgbox, #main .packagepage  {
	  /*padding:280px 0 10px 0;*/
	  margin:0;
	}
	#main .imgbox #section_intro,.packagepage,
	#main .imgbox #section_intro #more, #main .imgbox .reveal-less-link
	{
		margin:0;
		padding:0;
	}
	h2.packages {
		padding:0;
		margin-bottom:30px;
		height:auto;
	}
	h2.packages #contact_baltic, .hotel #contact_baltic  {
	  margin: 30px 0 0 70px;
	  position: relative;
	  right: 0;
	  top: 0;
	}
	.hotel #contact_baltic  {
		padding: 10px 10px 10px 40px;
		margin: 30px 0 30px 70px;
		width:195px;
	}
	.hol, #attractions .badgedImage, #special-offers .badgedImage, #side #secondaryNav li {
		display:block;
		width:98%;
		margin:0 auto 20px auto;
	}
	#side #secondaryNav li {
		margin:0 auto 10px auto;
	}
	#side #signupbox input[type="text"] {
		width: 58%;
	} 
	
	#side #signupbox .buttonFloatRight {
		width: 40%;
	}
    #rotatedPhotoWrap {
        height: 210px;
        width: 107%;
        position: relative;
        left: -15px;
        top: -15px;
        margin-bottom:-20px;
    }
    #rotatedPhotoWrap #rotatedPhotoOne {
        top: 30px;
        right: auto;
    }
    #rotatedPhotoWrap #rotatedPhotoTwo {
        top: -15px;
        right: 10px;
    }
	#rotatedPhotoWrap img {
		position:absolute;
		right:30px;
		padding:4px;
		background-color:#f9f9f9;
		box-shadow:1px 1px 5px #bdbdbd;
		-webkit-box-shadow:1px 1px 5px #bdbdbd;
		-moz-box-shadow:1px 1px 5px #bdbdbd;
		width:200px;
		height:auto;
		color:#ccc;
	}
	.atol-band {
		margin-left:-10px;
	}
	ul#sidebar .newsletter{
		display: none;
	}
	ul#sidebar li a span{
		padding: 6px 0;
		font-size: 13px;
	}
	#sideform{
		position: absolute;
		top:160px;
		margin: 0;
	}
	#sideform #signupbox, #sideform #enquiry-form2 {
		padding: 30px 20px 50px;
	}
	#sideform #enquiry-form2 label,
	#sideform #enquiry-form2 input{
		display: block;
		width:100%;
		margin: 5px 0;
		min-height: 20px;
	}
	#sideform #enquiry-form2 input{
		height: 45px;
	}
	
	
	
	
}


/* Landscape Orientation */
@media screen and (orientation: landscape) {

}

/* Portrait Orientation */
@media screen and (orientation: portrait) {

}