@charset "utf-8";

/*  BASIC PAGE SETUP ============================================================================= */
body {
margin:0px;
background-color:#FFFFFF;
font-family:"Century Gothic", CenturyGothic, AppleGothic, Helvetica, Verdana, Arial;
font-size:14px;
color:#000000;
}
table {
font-size:14px;
}
div, ul, li, img, form {
margin:0px;
padding:0px;
}
iframe, object, embed {
display:block;
margin:0px;
}
h1 {
font-family:'Fredericka the Great', Helvetica, Verdana, Arial;
font-size:25px;
font-weight:700;
text-align:left;
color:#b41c65;
line-height:25px;
}
h2 {
font-family:"Century Gothic", CenturyGothic, AppleGothic, Helvetica, Verdana, Arial;
font-size:20px;
font-weight:700;
color:#b41c65;
text-align:left;
line-height:20px;
}
h3 {
font-family:"Century Gothic", CenturyGothic, AppleGothic, Helvetica, Verdana, Arial;
font-size:20px;
font-weight:700;
text-align:left;
color:#000000;
line-height:20px;
}
a:active {
text-decoration:none;
color:#000;
}
a:link {
text-decoration:none;
color:#000;
}
a:visited {
text-decoration:none;
color:#000;
}
a:hover {
color:#b41c65;
text-decoration:none;
}
select {
font-size:12px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

/*  IMAGES ============================================================================= */
img {
margin:0px;
display:block;
border :0px;
max-width:100%;
height:auto;
}
img a:hover {
opacity:0.5;
}
img.float-left {
float:left;
margin:0px 10px 0px 0px;
}
img.float-right {
float:right;
margin:0px 0px 0px 10px;
}
.overlay {
left:0px;
top:0px;
width:100%;
min-height:40%;
text-align:center;
color:rgb(255, 255, 255);
position:absolute;
opacity:0px;
background-color:rgba(31, 180, 221, 1);
-webkit-transition:0.25s ease-in;
-moz-transition:0.25s ease-in;
-o-transition:0.25s ease-in;
transition:0.25s ease-in;
}
.overlay h3 {
margin:0px auto;
padding:27px 0px 5px;
text-align:center;
color:rgb(255, 255, 255);
line-height:30px;
letter-spacing:1px;
font-size:28px;
}
.overlay p {
text-align:center;
font-size:12px;
}

/* IFRAMES============================================================================= */
.framework-iframe {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.framework-iframe iframe,   
.framework-iframe object,  
.framework-iframe embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.framework-facebook {
max-width:100%;
overflow:hidden;
height:250px;
}
.search-iframe {
position:relative;
padding-top:30px;
height:250px;
overflow:hidden;
}
.search-iframe iframe,   
.search-iframe object,  
.search-iframe embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width:100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width:100% !important;}
#iframe-search {
width:100%;
height:227px;
}
#iframe-search-bc {
width:100%;
height:202px;
}
#iframe-search-hb {
width:100%;
height:176px;
height:202px;
}

/* FRAMEWORK============================================================================= */
#framework {
width:100%;
position:relative;
margin:0px;
text-align:left;
}
#framework-buttons {
width:100%;
height:50px;
margin-top:0px;
position:fixed;
z-index:2000;
background:#b41c65;
border-bottom:1px solid #FFFFFF;
}
#buttons {
width:auto;
min-width:320px;
max-width:1200px;
position:relative;
margin-right:auto;
margin-left:auto;
vertical-align:bottom;
z-index:1000;
}
#framework-header {
width:100%;
height:57px;
padding-top:50px;
}
#header {
width:auto;
min-width:320px;
max-width:1200px;
position:relative;
margin-right:auto;
margin-left:auto;
vertical-align:bottom;
z-index:1000;
}
#header-social{
bottom:5px;
right:0px;
position:absolute;
z-index:100;
font-size:20px;
line-height:30px;
}
#header-social div{
display:block;
text-align:right;
float:right;
margin-right:5px;
}
#framework-animation {
width:100%;
margin-bottom:5px;
-webkit-box-shadow:0px 0px 10px #3D2112;
-moz-box-shadow:0px 0px 10px #3D2112;
box-shadow:0px 0px 10px #3D2112;
}
#animation {
width:auto;
min-width:320px;
max-width:1200px;
position:relative;
margin:0px;
margin-right:auto;
margin-left:auto;
}
#animation img{
width:100%;
height:auto;
display:block;
}
#framework-content {
width:100%;
/*padding-bottom:35px;*/
}
#content {
width:auto;
min-width:320px;
max-width:1200px;
position:relative;
margin:0px;
padding:0px;
margin-right:auto;
margin-left:auto;
padding-bottom:15px;
}
#content img {
max-width:100%;
margin-left:1%;
margin-right:1%;
margin-bottom:1%;
}
#content ul {
margin-left:5%;
}
.content-main {
width:74.6%;
}
.content-menu {
width:23.8%;
}
.content-menu img {
margin:0px;
padding:0px;	
}
#breadcrumbs {
width:auto;
min-width:300px;
max-width:1180px;
position:relative;
margin:0px;
padding:2px;
padding-left:10px;
padding-right:10px;
background-color:#FFFFFF;
}
#framework-features {
width:100%;
}
#features {
width:auto;
min-width:320px;
max-width:1200px;
position:relative;
margin:0px;
padding:0px;
margin-right:auto;
margin-left:auto;
font-weight:bold;
word-wrap:break-word;
}
#features h2 {
padding-top:1%;
padding-left:1%;
padding-bottom:0px;
margin-bottom:0px;
}
#framework-logos {
width:100%;
background-repeat:repeat-x;
background-position:center top;
}
#logos {
width:auto;
min-width:320px;
max-width:1200px;
position:relative;
margin-right:auto;
margin-left:auto;
}
#logos img {
margin-right:auto;
margin-left:auto;
}
#framework-shadow {
width:100%;
height:25px;
background-color:#b41c65;
border-bottom:1px solid #FFFFFF;
}
#shadow {
width:auto;
min-width:320px;
max-width:1200px;
position:relative;
margin-right:auto;
margin-left:auto;
text-align:left;
color:#FFFFFF;
}
#framework-footer {
width:100%;
height:auto;
background-color:#000;
}
#footer {
width:auto;
min-width:320px;
max-width:1200px;
height:auto;
position:relative;
margin-right:auto;
margin-left:auto;
padding:0px;
line-height:25px;
text-align:left;
font-size:12px;
color:#FFFFFF;
}
#footer ul {
list-style:none;
margin-left:5%;
}
#footer h3 {
margin:1%;
color:#b41c65;
font-family:"Century Gothic", CenturyGothic, AppleGothic, Helvetica, Verdana, Arial;
font-size:14px;
border-bottom:1px solid #b41c65;
}
#footer p {
margin:1%;
}
#footer a:active, #footer a:link, #footer a:visited {
color:#FFFFFF;
}
#footer a:hover {
color:#b41c65;
}
#footer input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):not([type=image]):not([type=submit]) {
font-size:14px;
}
#box-footer {
padding:1%;
padding-top:25%;
}
.float-left {
float:left;
}
.float-right {
float:right;
}
.content-clear {
clear:both;
}
.align-right {
text-align:right;
}
.margin-right-5 {
margin-right:5px;
}
.margin-right-10 {
margin-right:10px;
}
.border-1px {
border:1px solid #095AA5;
}
.border-1px img {
border-style:none;
}
.border-table {
border:1px solid #FFFFFF;
}

/* MENUS============================================================================= */
#tabs-navigation {
position:absolute;
top:0px;
right:0px;
}
#header-navigation {
width:auto;
height:35px;
line-height:35px;

font-size:14px;
text-transform:uppercase;
margin-bottom:5px;
}
#header-navigation ul {
width:auto;
height:35px;
float:right;
list-style:none;
}
#header-navigation li {
height:35px;
margin-right:5px;
float:left;
text-align:center;
background-color:#000;
border-radius:0px 0px 10px 10px;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
}
#header-navigation li.header-navigation-active {
background-color:#000;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}
#header-navigation li:hover {
background-color:#b41c65;
border-radius:0px 0px 10px 10px;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
}
#header-navigation a {
padding:0px 5px 0px 5px;
}
#header-navigation a:active, #header-navigation a:link, #header-navigation a:visited {
display:block;
text-decoration:none;
color:#FFFFFF;
}
#header-navigation li a:hover {
color:#FFFFFF;
}
#header-buttons {
font-size:13px;
}
#header-buttons ul {
width:auto;
list-style:none;
vertical-align:bottom;
}
#header-buttons li {
width:13.65%;
height: 32px;
    line-height: 0px;
    float: left;
    text-align: center;
}
#header-buttons li:hover {
background-color:#000;
border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
}
#header-buttons li a {
2px 5px 3px 5px
}
#header-buttons li a:active, #header-buttons li a:link, #header-buttons li a:visited {
display:block;
text-decoration:none;
color:#b41c65;
}
#header-buttons li a:hover {
background-color:#000;
border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
}
ul#dropdown .submenu-accommodation {
left:0px;
}
ul#dropdown .submenu-activities {
left:-100%;
left:0px;
}
ul#dropdown .submenu-transport {
left:-200%;
left:0px;
}
ul#dropdown .submenu-destinations {
left:-300%;
left:0px;
}
ul#dropdown .submenu-fun {
left:-400%;
left:0px;
}
ul#dropdown .submenu-general {
left:-500%;
left:0px;
}
ul#dropdown .submenu {
width:595%;
width:100%;
float:left;
visibility:hidden;
position:relative;
top:0px;
padding:3px;
z-index:2;
font-size:14px;
background-color:#FFFFFF;
-moz-box-shadow:0px 0px 10px #999999;
-webkit-box-shadow:0px 0px 10px #999999;
box-shadow:0px 0px 10px #999999;
}
ul#dropdown li:hover>.submenu {
visibility:visible;
opacity:1;
}
ul#dropdown .submenu p a:active, ul#dropdown .submenu p a:link, ul#dropdown .submenu p a:visited {
display:inline;
text-decoration:none;
color:#b41c65;
}
ul#dropdown .submenu li {
width:100%;
height:35px;
line-height:35px;
margin:0px;
text-align:left;
}
ul#dropdown .submenu li a {
color:#000;
}
ul#dropdown .submenu li:hover {
width:100%;
height:35px;
margin:0px;
background-color:#000;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
}
ul#dropdown .submenu li a:hover {
height:35px;
background-color:#000;
color:#FFFFFF;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
}
ul#dropdown li:hover>a {
background-color:#000;
color:#FFFFFF;
border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
}
ul#dropdown ul li:hover>a {
background-color:#000;
color:#FFFFFF;
border-radius:10px 10px 0px 0px;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
}
.submenu-column {
width:32%;
float:left;
overflow:hidden;
}
.submenu-divider {
width:1px;
height:125px;
position:relative;
margin-left:0.3%;
margin-right:0.7%;
float:left;
background-color:#008CCC;
border-right:1px solid #F3F3F3;
top:10px;
bottom:10px;
}





nav > ul > li {font-family:"Century Gothic", CenturyGothic, AppleGothic, Helvetica, Verdana, Arial;position: relative; float: left; line-height: 16px; text-transform: none; background-color:#b41c65; line-height: 35px;}

nav > ul > li > a { font-family:"Century Gothic", CenturyGothic, AppleGothic, Helvetica, Verdana, Arial;position: relative; display: block;  -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 2px; }

nav > ul > li > a > span { font-family:"Century Gothic", CenturyGothic, AppleGothic, Helvetica, Verdana, Arial; padding-left: 5px; }

nav > ul > li > .dropmenu { font-family:"Century Gothic", CenturyGothic, AppleGothic, Helvetica, Verdana, Arial;visibility: hidden; opacity: 0; z-index:100000;transform: translateY(10%); -webkit-transform: translateY(10%); -moz-transform: translateY(10%); -ms-transform: translateY(10%); position: absolute; top: 50px; left: 0%; min-width: 150px; background: rgba(255, 255, 255, 0.79); -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out;}

nav .dropmenu a {    

 display: block;
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    color:#000;
	
	padding:5px 5px 3px 5px
    /* border-bottom: 1px solid #eee; */}
nav .dropmenu a > span {z-index:10000; display: inline-block; float: right; font-weight: 400; font-size: 8px; line-height: 20px; }

nav .dropmenu li {z-index:10000; position: relative; color:#000;}

nav .dropmenu li:hover > a { z-index:10000;color:#000; height:20px;}

.dropmenu{z-index:100000; }

nav > ul > li:hover > .dropmenu {visibility: visible; opacity: 1; transform: translateY(0);z-index:10000; -webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);}

nav .dropmenu .dropmenu { visibility: hidden; opacity: 0; transform: scale(1.01); -webkit-transform: scale(1.01);-moz-transform: scale(1.01);-ms-transform: scale(1.01); position: absolute; top: 0px; left: 100%; min-width: 178px; background: rgba(255, 255, 255, 0.79); margin-left: 1px; -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1); transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out;z-index:10000; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; padding: 5px 5px 5px 5px;}

nav .dropmenu li:hover .dropmenu {visibility: visible; opacity: 1;transform: scale(1);z-index:10000; -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);}


nav li.type-1:nth-last-child(1) .dropmenu, nav li.type-1:nth-last-child(2) .dropmenu, nav li.type-1:nth-last-child(3) .dropmenu {z-index:10000; left: auto; right: 0px; }

nav li.type-1:nth-last-child(1) .dropmenu .dropmenu, nav li.type-1:nth-last-child(2) .dropmenu .dropmenu, nav li.type-1:nth-last-child(3) .dropmenu .dropmenu { z-index:10000;left: auto; right: 100%; }
			  nav.menu { float: none; text-align: center;  z-index:10000;   margin-left: 134px;  margin-top: 0px;}
			  
			  
			  

/* FORMS============================================================================= */
input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):not([type=image]):not([type=submit]) {
height:35px;
max-width:90%;
border:1px solid #C5C5C5;
background:#F8F8F8;
color:#000000;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):not([type=image]):not([type=submit]):hover {
border:1px solid #C5C5C5;
background:#E5E5E5;
}
textarea {
width:90%;
border:1px solid #C5C5C5;
background:#F8F8F8;
color:#000000;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
textarea:hover {
border:1px solid #C5C5C5;
background:#E5E5E5;
}
.form-details {
padding-left:5%;
height:25px;
line-height:25px;
background-color:#D9CD90;
color:#FFFFFF;
font-size:16px;
font-family:'Fredericka the Great', Helvetica, Verdana, Arial;
}
.form-labels {
width:23%;
max-width:250px;
background-color:#F6E7A1;
padding:1%;
}
.form-fields {
width:73%;
background-color:#FFFFFF;
padding:1%;
}
.form-fields img {
width:auto;
max-width:auto;
padding:1%;
}
.form-radio {
white-space:nowrap;
}
.form-button {
max-width:100%;
height:29px;
line-height:17px;
margin-top:2px;
padding-left:10px;
padding-right:10px;
background:#b41c65;
border:1px solid #FFFFFF;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
font-family:"Century Gothic", CenturyGothic, AppleGothic, Helvetica, Verdana, Arial;
font-size:14px;
color:#FFFFFF;
text-align:center;
float:right;
cursor:pointer;
}
.form-button:hover {
border:1px solid #FFFFFF;
background:#008CCC;
color:#FFFFFF;
}
.form-button-reverse {
max-width:100%;
height:29px;
line-height:17px;
margin-top:2px;
padding-left:10px;
padding-right:10px;
background:#008CCC;
border:1px solid #FFFFFF;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
font-family:"Century Gothic", CenturyGothic, AppleGothic, Helvetica, Verdana, Arial;
font-size:14px;
color:#FFFFFF;
text-align:center;
float:right;
cursor:pointer;
}
.form-button-reverse:hover {
border:1px solid #FFFFFF;
background:#F47D00;
color:#FFFFFF;
}
.search-button {
width:100%;
max-width:100%;
height:35px;
border:none;
margin:0px;
margin-top:5px;
padding:5px;
line-height:20px;
background:#b41c65;
font-family:"Century Gothic", CenturyGothic, AppleGothic, Helvetica, Verdana, Arial;
font-size:15px;
color:#FFFFFF;
text-align:center;
float:right;
cursor:pointer;
border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
.search-button a {
display:block;
}
.search-button:hover {
background:#008CCC;
color:#FFFFFF;
cursor:pointer;
}
.search-button a:active, .search-button a:link, .search-button a:visited {
color:#FFFFFF;
text-decoration:none;
}
.search-button a:hover {
color:#FFFFFF;
text-decoration:none;
}
.search-button-highlight {
width:100%;
max-width:100%;
height:35px;
border:none;
margin:0px;
padding:5px;
line-height:20px;
background:#F47D00;
font-family:"Century Gothic", CenturyGothic, AppleGothic, Helvetica, Verdana, Arial;
font-size:15px;
color:#FFFFFF;
text-align:center;
float:right;
cursor:pointer;
border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
.search-button-highlight a {
display:block;
}
.search-button-highlight:hover {
background:#008CCC;
color:#FFFFFF;
cursor:pointer;
}
.search-button-highlight a:active, .search-button-highlight a:link, .search-button-highlight a:visited {
color:#FFFFFF;
text-decoration:none;
}
.search-button-highlight a:hover {
color:#FFFFFF;
text-decoration:none;
}

/* CONTENT ============================================================================= */
.box-features {
padding:1.5%;
background:#FFFFFF;
border:#008CCC 1px solid;
}
.box-features h2 {
height:35px;
line-height:35px;
background-color:#002E63;
color:#FFFFFF;
font-size:15px;
text-align:center;
overflow:hidden;
margin:0px;
}
.box-features a:active, .box-features a:link, .box-features a:visited {
color:#FFFFFF;
}
.box-features a:hover {
color:#DADADA;
}
.box-features img {
width:auto;
margin:0px;
padding:0px;
margin-left:auto;
margin-right:auto;
border:#002E63 0px solid;
}
.box-shop {
width:auto;
margin:0px;
padding:0px;
margin-bottom:2%;
}
.box-shop h2 {
padding:1%;
margin-bottom:0px;
border:1px solid #FFFFFF;
background-color:#000000;
color:#FFFFFF;
}
#content .box-shop ul {
margin-left:0px;
}
.box-shop ul {
list-style:none;
margin:0px;
padding:0px;
}
.box-shop li {
width:100%;
padding:0px;
text-align:left;
font-size:20px;
float:left;
overflow:hidden;
}
.box-shop li.highlight {
background-color:#DADADA;
}
.box-shop li a {
width:auto;
height:35px;
line-height:35px;
display:block;
padding:0px 5px 0px 5px;
}
.box-shop li a:hover {
background-color:#002E63;
color:#FFFFFF;
}
.box-brands {
width:auto;
margin:0px;
padding:0px;
border-top:1px solid #DBDBDB;
}
.box-brands h2 {
padding:1%;
border:1px solid #FFFFFF;
background-color:#008CCC;
color:#FFFFFF
}
.box-brands h3 {
padding:1%;
border:1px solid #FFFFFF;
background-color:#DBDBDB;
color:#FFFFFF
}
#content .box-brands ul {
margin-left:0px;
}
.box-brands ul {
list-style:none;
margin:0px;
padding:0px;
}
.box-brands li {
width:33.1%;
margin:0.1%;
padding:0px;
text-align:left;
font-size:14px;
float:left;
overflow:hidden;
}
.box-brands li a {
width:auto;
height:35px;
line-height:35px;
display:block;
padding:0px 5px 0px 5px;
background-color:#F2F2F2;
background-color:#FFFFFF;
}
.box-brands li a:active, .box-brands li a:link, .box-brands li a:visited {
color:#F47D00;
}
.box-brands li a:hover {
background-color:#008CCC;
background-color:#DBDBDB;
color:#000000;
}
.box-navigation {
border:1px solid #000000;
}
.box-navigation h2 {
margin:0px;
padding:5px;
background-color:#F47D00;
color:#FFFFFF;
}
.box-navigation ul {
list-style:none;
margin-left:0px;
padding:2%;
}
.box-content-info {
padding-left:1%;
padding-right:1%;
padding-top:0.5%;
padding-bottom:0.5%;
background-color:#b41c65;
color:#FFFFFF;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.box-content-info a:hover {
color:#FFFFFF;
}
.box-content-notes {
background-color:#008CCC;
color:#FFFFFF;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.box-content-warning {
width:98%;
padding:1%;
background-color:#F47D00;
color:#FFFFFF;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.box-content-warning h2 {
color:#FFFFFF;
}
.box-content-warning a:active, .box-content-warning a:link, .box-content-warning a:visited {
color:#FFFFFF;
}
.box-content-warning a:hover {
color:#F47D00;
}
.copyright {
text-align:right;
font-size:12px;
color:#FFFFFF;
padding-left:115px;
padding-right:1%;
}
.navigation {
font-weight:bold;
font-size:11px;
}
.photo {
border:#DBDBDB 1px solid;
padding:5px;
text-align:center;
}
.photo div {
border:1px solid #b41c65;
margin-bottom:5px;
background-size:cover;
background-position:center center;
}
.photo img {
width:100%;
margin-left:auto;
margin-right:auto;
}
.video {
border:#BAC6DC 1px solid;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
text-align:center;
}
.video img {
width:97%;
border:1px solid #F45B19;
margin-left:auto;
margin-right:auto;
margin-top:2%;
margin-bottom:2%;
}
.logo img {
margin:auto;
}
#quotes {
font-size:25px;
line-height:45px;
}
#quotes ul {
list-style:none;
}
#quotes .symbol {
font-size:55px;
font-family:"Times New Roman", Times, serif;
line-height:35px;
vertical-align:bottom;
}
#lightbox {
width:100%;
height:100%;
z-index:1200;
position:fixed;
padding:0px;
top:0px;
left:0px
}
#lightbox #light {
width:100%;
height:100%;
position:fixed;
top:0px;
left:0px;
background:#000000;
text-align:center;
z-index:-1;
filter:alpha(opacity=50);
opacity:0.5;
}
#lightbox #box {
width:96%;
max-width:650px;
position:relative;
margin:0px auto;
padding:2%;
background:#FFFFFF;
overflow:hidden;
}
#lightbox img {
border:1px solid #F45B19;
margin-left:auto;
margin-right:auto;
}
a.info-box {
position:relative;
z-index:24;
text-decoration:none;
}
a.info-box:hover {
z-index:25;
text-decoration:none;
}
a.info-box span {
display:none;
}
a.info-box p {
margin:0px;
}
a.info-box:hover span {
display:block;
position:absolute;
top:15px;
left:0px;
width:250px;
border:1px solid #CCCCCC;
background-color:#FFFFFF;
color:#000000;
padding:10px;
text-align:center
}
.hidden {
display:none;
}
.unhidden {
display:block;
}
.title {
font-size:16px;
font-weight:bold;
}
.heading {
font-size:12px;
font-weight:bold;
color:#b41c65;
}
.textsmall {
font-size:11px;
font-weight:bold;
}
.textcolour {
color:#F47D00;
}
.texttiny {
font-size:11px;
color:#FFFFFF;
}
.hide-mini {
display:inline;
}
.hide-midi {
display:inline;
}
.hide-maxi {
display:none;
}
.hide-mini-t {
display:table-cell;
}
.hide-midi-t {
display:table-cell;
}
.hide-maxi-t {
display:none;
}
.hide-all {
display:none;
}

/* OLD============================================================================= */
.titlew { font-size:18px;font-weight:bold;color:#FFFFFF}
.text-featured {font-size:14px;font-weight:bold;color:#000000}
.bullet{font-size:11px;font-weight:bold;color:#F6A531}
.navigation{font-size:11px;font-weight:bold}
.navigation a:active{color:#095AA5}
.navigation a:link{color:#095AA5}
.navigation a:visited{color:#095AA5}
.navigation a:hover{color:#11044C}
.navigationb{font-size:11px;font-weight:bold;color:#11044C}
.navigationw{font-size:11px;font-weight:bold;color:#FFFFFF}
.navigationw a:active{color:#FFFFFF}
.navigationw a:link{color:#FFFFFF}
.navigationw a:visited{color:#FFFFFF}
.navigationw a:hover{color:#11044C}
.navigationm{font-size:11px;font-weight:bold;color:#11044C;padding-right:11px;padding-left:11px}
.navigations{font-size:11px;font-weight:bold;color:#11044C;padding-right:2px;padding-left:2px;padding-top:5px;padding-bottom:5px}
.navigations a:active{color:#FFFFFF}
.navigations a:link{color:#FFFFFF}
.navigations a:visited{color:#FFFFFF}
.navigations a:hover{color:#11044C}
.navigationp { font-size:11px;font-weight:bold;color:#B8E0F4}
.navigationp a:active { color:#FFFFFF}
.navigationp a:link { color:#FFFFFF}
.navigationp a:visited { color:#FFFFFF}
.navigationp a:hover { color:#11044C}
.navigationo { font-size:11px;font-weight:bold;color:#F6A531}
.navigationo a:active { color:#F9851A}
.navigationo a:link { color:#F9851A}
.navigationo a:visited { color:#F9851A}
.navigationo a:hover { color:#11044C}
.links{font-size:11px;font-weight:normal;color:#000000}
.links a:active{font-weight:normal}
.links a:link{font-weight:normal}
.links a:visited{font-weight:normal}
.links a:hover{font-weight:normal}
.linksw{font-size:11px;font-weight:normal;color:#FFFFFF}
.linksw a:active{color:#FFFFFF;font-weight:normal}
.linksw a:link{color:#FFFFFF;font-weight:normal}
.linksw a:visited{color:#FFFFFF;font-weight:normal}
.linksw a:hover{color:#11044C;font-weight:normal}
.linkso { font-size:11px;font-weight:normal;color:#F6A531}
.linkso a:active { font-weight:normal}
.linkso a:link { font-weight:normal}
.linkso a:visited { font-weight:normal}
.linkso a:hover { font-weight:normal}
.linksb { font-size:11px;font-weight:normal;color:#11044C}
.linksb a:active { color:#095AA5}
.linksb a:link { color:#095AA5}
.linksb a:visited { color:#095AA5}
.linksb a:hover { color:#11044C}
.footer{font-size:11px;font-weight:normal}
.footer a:active{color:#095AA5;font-weight:normal}
.footer a:link{color:#095AA5;font-weight:normal}
.footer a:visited{color:#095AA5;font-weight:normal}
.footer a:hover{color:#11044C;font-weight:normal}
.btable1 { background-color:#BADCE6}
.btable2 { background-color:#095AA5}
.btable3 { background-color:#FCD298}
.btable4 { background-color:#E85D00}
.btable5 { background-color:#095AA5;border-left:#FFFFFF 1px solid;}
.bg{background-color:#FFFFFF}
.bg-side{background-color:#F7A531}
.bgcontent{padding-right:10px;padding-left:10px;padding-bottom:25px}
.bgdivider{
height:3px;
border-bottom:#FFFFFF 2px solid;
margin:0px;
margin-bottom:5px;
clear:both;
}
.bgnavigation{height:25px;line-height:25px;padding-left:15px;font-size:11px;font-weight:bold}
#sidebox {float:left;margin-left:0;position:fixed;}
#sidebox .width {float:left;clear:left;padding:5px;}
* html #sidebox {position:absolute;}
#sideboxl {float:right;margin-right:0;position:relative;left:-200px;}
#sideboxl .width {float:right;clear:right;padding:5px;}
* html #sideboxl {position:absolute;}a.info {position:relative;z-index:24;text-decoration:none}
a.info:hover {z-index:25;text-decoration:none}a.info span {display:none}
a.info:hover span {display:block;position:absolute;top:0em;left:8em;width:22em;border:1px solid #FFFFFF;background-color:#B8E0F4;color:#000000;padding:5px;	text-align:center}
.content-side-box {
width:98%;
height:auto;
padding:1%;
background-color:#FFFFFF;
border:1px solid #008CCC;
vertical-align:top;
text-align:justify;
margin-bottom:10px;
}
.content-side-box-narrow {
width:580px;
}
.content-side-box .left{
width:290px;
float:left;
}
.content-side-box .right{
width:290px;
float:right;
}
.content-side-box form {
margin:0px;
}
.content-side-box p {
margin:5px;
}
.content-side-box h2 {
font-size:14px;
color:#000000;
background-color:#b8e0f4;
border:1px solid #FFFFFF;
height:20px;
margin:0px;
padding:5px;
}
.content-side-box .name {
font-size:14px;
font-weight:bold;
color:#000000;
background-color:#b8e0f4;
border:1px solid #FFFFFF;
min-height:20px;
margin:0px;
padding:5px;
}
.content-side-box .feature {
font-size:14px;
font-weight:bold;
}
.content-side-box h3 {
margin:0px;
padding:5px;
}
.content-side-box .address {
margin:0px;
padding:5px;
font-size:11px;
font-weight:normal;
}
.content-side-box h4 {
color:#000000;
height:20px;
margin:0px;
padding:5px;
}
.content-side-box .phrase {
color:#000000;
height:20px;
margin:0px;
padding:5px;
font-size:11px;
font-weight:bold;
}
.content-side-box .price {
font-size:14px;
}
.content-featured-box {
width:96%;
border:#BCB386 1px solid;
padding:2%;
margin-bottom:10px;
position:relative;
clear:both;
}
.content-featured-box p {
margin:0px;
}
.content-featured-box:hover {
background:#BCB386;
background:rgba(188,179,134,.5);
cursor:pointer;
}
.content-featured-title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
margin-bottom:5px;
}
.content-search-box {
width:97.7%;
height:auto;
padding:1%;
background-color:#FFFFFF;
border:1px solid #CDCDB9;
vertical-align:top;
text-align:justify;
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;
}
.content-search-box h2 {
background-color:#F47D20;
border:1px solid #FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#000000;
height:auto;
margin:0px;
padding:5px;
}
.content-search-box p {
margin:0px;
margin-bottom:5px
}
.content-search-box-hostels {
height:165px;
background-repeat:no-repeat;
background-position:right bottom;
background-size:contain;
}
.no-booking-fee {
float:right;
margin-right:5px;
font-size:16px;
font-weight:normal;
}
.criteria {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
margin-right:10px;
}
.criteria-options {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
}
.criteria-text {
white-space:normal;
}
.star-rating {
width:135px;
clear:both;
}
.star {
height:15px;
width:10px;
padding:1px;
float:right;
text-align:right;
background-image:url(/australia/stars.png);
background-repeat:no-repeat;
background-position:center;
}
.stars {
width:65px;
height:15px;
line-height:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:right;
margin-left:5px;
float:right;
}
.search {
margin-top:5px;
float:right;
}
.facebook {
color:#095AA5
}
.g-follow {
padding-top:5px;
}
#content-left {
width:585px;
float:left;
vertical-align:top;
position:relative;
}
.content-main-box {
width:98%;
height:auto;
padding:1%;
background-color:#FFFFFF;
border:1px solid #998d5c;
vertical-align:top;
text-align:justify;
margin-bottom:10px;
}
.content-main-box h2 {
height:auto;
margin:0px;
padding:0px;
}
.content-main-box-575 {
width:98%;
height:auto;
padding:1%;
background-color:#FFFFFF;
border:1px solid #998d5c;
vertical-align:top;
text-align:justify;
margin-bottom:10px;
}
.content-main-box-575 h2 {
color:#FFFFFF;
height:auto;
margin:0px;
padding:5px;
}
.content-main-box-575-fb {
width:98%;
height:auto;
padding:1%;
background-color:#FFFFFF;
border:1px solid #F47D20;
vertical-align:top;
text-align:justify;
margin-bottom:10px;
}
.content-main-box-575-fb h2 {
background-color:#F47D20;
border:1px solid #FFFFFF;
color:#FFFFFF;
height:auto;
margin:0px;
margin-bottom:10px;
padding:5px;
}
.content-main-gallery-box {
float:left;
width:200px;
background-color:#efece1;
border:1px solid #998d5c;
margin:0px 3px 10px 0px;
padding:3px;
text-align:center;
height:155px;
overflow:hidden;
}
.content-main-gallery-box-125 {
float:left;
width:125px;
background-color:#efece1;
border:1px solid #998d5c;
margin:3px 6px 10px 0px;
padding:5px;
text-align:center;
height:100px;
overflow:hidden;
}
.content-main-gallery-box-trim-125 {
width:123px;
height:98px;
overflow:hidden;
}
.content-main-gallery-box-trim-125 img {
width:auto;
height:100px;
clip:rect(0px 125px 105px 20px);
left:-15px;
}
.portrait img {
width:125px;
height:auto;
clip:rect(0px 125px 105px 20px);
left:-15px;
}
.content-main-gallery-box-90 {
float:left;
width:90px;
background-color:#efece1;
border:1px solid #998d5c;
margin:3px 6px 10px 0px;
padding:5px;
text-align:center;
height:80px;
overflow:hidden;
font-size:10px;
}
.content-main-gallery-box-90 a {
font-weight:normal;
}
.content-main-gallery-box-trim-90 {
width:88px;
height:68px;
overflow:hidden;
}
.content-form-box {
width:98%;
height:auto;
padding:1%;
background-color:#FFFFFF;
border:1px solid #008CCC;
vertical-align:top;
text-align:justify;
margin-top:0px;
}
.content-form-box h2 {
background-color:#b8e0f4;
border:1px solid #FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#000000;
height:auto;
margin:0px;
padding:5px;
}
.general-form-box {
width:100%;
height:auto;
background-color:#FFFFFF;
vertical-align:top;
text-align:justify;
margin-top:0px;
}
.general-form-heading {
background-color:#b8e0f4;
border:1px solid #FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#000000;
height:35px;
margin:0px;
padding:5px;
}
.general-form-submit {
background-color:#b8e0f4;
border:1px solid #FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#000000;
width:150px;
height:35px;
margin:0px;
padding:5px;
cursor:pointer;
}
.design-form-box {
background-color:#FFFFFF;
border:1px solid #DBDBDB;
padding:5px;
}
.blog-image-trim-200 {
width:200px;
height:125px;
overflow:hidden;
}
.breadcrumbs{font-size:11px;font-weight:normal}
.content-menu-box {
padding:5px;
height:auto;
width:175px;
background-color:#FFFFFF;
border:1px solid #008CCC;
vertical-align:top;
text-align:justify;
margin-bottom:10px;
}
.content-menu-box p {
font-size:10px;
margin:0px;
}
.content-menu-box h2 {
font-size:14px;
color:#000000;
background-color:#b8e0f4;
border:1px solid #FFFFFF;
height:20px;
margin:0px;
padding:5px;
}
.content-footer-box {
padding:5px;
height:auto;
width:1000px;
background-color:#FFFFFF;
filter:alpha(opacity=90);
opacity:0.9;
border:1px solid #008CCC;
vertical-align:top;
text-align:justify;
margin-bottom:10px;
}
.content-footer-box h2 {
font-size:14px;
color:#000000;
margin:0px;
padding-bottom:5px;
}
.content-footer-box p {
margin:0px;
}
.vertical-text {
border:0px;
writing-mode:tb-rl;
filter:flipv fliph;
-webkit-transform:rotate(270deg);
-moz-transform:rotate(270deg);
-o-transform:rotate(270deg);
white-space:nowrap;
width:20px;
height:20px;
}
.button-more {
display:block;
width:120px;
height:30px;
line-height:30px;
text-align:center;
font-family:Futura std,Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#FFFFFF;
cursor:hand;
float:right;
background-color:#095AA5;
border:1px solid #FFFFFF;
border:1px solid #F2F2F2;
-moz-box-shadow:0px 0px 10px #999999;
-webkit-box-shadow:0px 0px 10px #999999;
box-shadow:0px 0px 10px #999999;
}
.button-more a {
color:#FFFFFF;
font-weight:bold;
}
.button-more a:hover {
color:#11044C;
font-weight:bold;
}
.act {
border:1px solid #008CCC;
}
.act h2 {
padding:1%;
background-color:#008CCC;
color:#FFFFFF;
}
.nsw {
border:1px solid #b41c65;
}
.nsw h2 {
padding:1%;
background-color:#b41c65;
color:#FFFFFF;
}
.nt {
border:1px solid #F47E20;
}
.nt h2 {
padding:1%;
background-color:#F47E20;
color:#FFFFFF;
}
.qld {
border:1px solid #178BCA;
}
.qld h2 {
padding:1%;
background-color:#178BCA;
color:#FFFFFF;
}
.sa {
border:1px solid #F79E58;
}
.sa h2 {
padding:1%;
background-color:#F79E58;
color:#FFFFFF;
}
.tas {
border:1px solid #90C73E;
}
.tas h2 {
padding:1%;
background-color:#90C73E;
color:#FFFFFF;
}
.vic {
border:1px solid #ACD56E;
}
.vic h2 {
padding:1%;
background-color:#ACD56E;
color:#FFFFFF;
}
.wa {
border:1px solid #FABF90;
}
.wa h2 {
padding:1%;
background-color:#FABF90;
color:#FFFFFF;
}
.share {
color:#095AA5;
font-size:14px;
}
.bgtitle {
color:#FFFFFF;
background-color:#BCB386;
height:50px;
width:100%;
font-size:25px;
}
.bgtitle p {
text-indent:15px;
margin:0px;
}
.bgtitle-act {
background-color:#388C25;
}
.bgtitle-nsw {
background-color:#b41c65;
}
.bgtitle-nt {
background-color:#E85D00;
}
.bgtitle-qld {
background-color:#008CCC;
}
.bgtitle-sa {
background-color:#F9851A;
}
.bgtitle-tas {
background-color:#6BBD46;
}
.bgtitle-vic {
background-color:#9CD571;
}
.bgtitle-wa {
background-color:#F9A531;
}
.destinations{font-size:11px;font-weight:normal}
.destinations a:active{font-weight:normal}
.destinations a:link{font-weight:normal}
.destinations a:visited{font-weight:normal}
.destinations a:hover{font-weight:normal}
.standard{font-size:12px;font-weight:normal}
.standard a:active{font-weight:normal}
.standard a:link{font-weight:normal}
.standard a:visited{font-weight:normal}
.standard a:hover{font-weight:normal}
.blog-updated{font-size:11px;font-weight:bold}
.blog-posted {font-size:11px;font-weight:bold;color:#998d5c}
.blog-number {font-size:20px;margin-right:5px;margin-bottom:5px}
.comp-button {
width:200px;
height:45px;
line-height:45px;
padding:0px 5px 0px 5px;
text-align:center;
font-family:'Aldrich', sans-serif;
font-size:25px;
font-weight:bold;
color:#FFFFFF;
background-color:#F47D20;
border:1px solid #FFFFFF;
border-radius:5px 5px 5px 5px ;
-moz-border-radius:5px 5px 5px 5px ;
-webkit-border-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-top-left-radius:5px;
}

/* CUSTOM============================================================================= */
.content-product-box {
position: relative;
background-color:#FFFFFF;
border:1px solid #DBDBDB;
padding:2%;
font-size:11px;
}
.content-product-box-featured {
background-color:#EDEDED;
border:1px solid #FF7321;
}
.content-product-box:hover {
background-color:#EDEDED;
}
.content-product-box-title {
height:39px;
margin-top:1px;
overflow:hidden;
}
.content-product-box-name {
font-size:15px;
}
.content-product-box-image {
width:100%;
height:100px;
overflow:hidden;
}
.content-product-box-preview {
background-size:cover;
background-position:center top;
}
.content-product-box-overview {
height:50px;
max-height:50px;
overflow:hidden;
}
.content-product-box-overlay {
position:relative;
}
.content-product-box-ribbon {
position:absolute;
left:-0.8%;
top:-4.2%;
}
.content-product-box-prices {
height:39px;
margin-top:1px;
overflow:hidden;
}
.content-product-box-prices .price {
font-size:15px;
}
.content-button {
width:100%;
max-width:100%;
height:30px;
line-height:30px;
margin-bottom:1px;
background:#b41c65;
font-size:15px;
color:#FFFFFF;
text-align:center;
float:right;
cursor:pointer;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
overflow:hidden;
}
.content-button a {
display:block;
}
.content-button:hover {
background:#008CCC;
color:#FFFFFF;
cursor:pointer;
}
.content-button a:active, .content-button a:link, .content-button a:visited {
color:#FFFFFF;
text-decoration:none;
}
.content-button a:hover {
color:#FFFFFF;
text-decoration:none;
}
.content-button-highlight {
width:100%;
max-width:100%;
height:30px;
line-height:30px;
margin-bottom:10px;
background:#F47D00;
font-size:15px;
color:#FFFFFF;
text-align:center;
float:right;
cursor:pointer;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
overflow:hidden;
}
.content-button-highlight a {
display:block;
}
.content-button-highlight:hover {
background:#008CCC;
color:#FFFFFF;
cursor:pointer;
}
.content-button-highlight a:active, .content-button-highlight a:link, .content-button-highlight a:visited {
color:#FFFFFF;
text-decoration:none;
}
.content-button-highlight a:hover {
color:#FFFFFF;
text-decoration:none;
}
.content-button-slim {
height:15px;
line-height:15px;
font-size:10px;
float:none;
padding-left:5px;
padding-right:5px;
}
.content-tabs {
height:30px;
border-bottom:10px solid #b41c65;
}
.content-tab-button {
width:24.7%;
max-width:250px;
height:30px;
line-height:30px;
background:#b41c65;
font-size:15px;
color:#FFFFFF;
text-align:center;
float:left;
cursor:pointer;
margin-left:0.4%;
border-radius:10px 10px 0px 0px;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:0px;
overflow:hidden;
}
.content-tab-button:first-child {
margin-left:0px;
}
.content-tab-button a {
display:block;
}
.content-tab-button:hover {
background:#008CCC;
color:#FFFFFF;
cursor:pointer;
}
.content-tab-button a:active, .content-tab-button a:link, .content-tab-button a:visited {
color:#FFFFFF;
text-decoration:none;
}
.content-tab-button a:hover {
color:#FFFFFF;
text-decoration:none;
}
.content-tab-button img {
max-width:100%;
height:auto;
}
.content-tab-highlight {
width:24.7%;
max-width:250px;
height:30px;
line-height:30px;
background:#b41c65;
font-size:15px;
color:#FFFFFF;
text-align:center;
float:left;
cursor:pointer;
margin-left:0.4%;
border-radius:10px 10px 0px 0px;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:0px;
overflow:hidden;
}
.content-tab-highlight:first-child {
margin-left:0px;
}
.content-tab-highlight a {
display:block;
}
.content-tab-highlight:hover {
background:#008CCC;
color:#FFFFFF;
cursor:pointer;
}
.content-tab-highlight a:active, .content-tab-highlight a:link, .content-tab-highlight a:visited {
color:#FFFFFF;
text-decoration:none;
}
.content-tab-highlight a:hover {
color:#FFFFFF;
text-decoration:none;
}
.content-tab-highlight img {
max-width:100%;
height:auto;
}
.content-nav-button {
width:100%;
max-width:100%;
height:30px;
line-height:30px;
background:#F47D00;
font-size:15px;
color:#FFFFFF;
text-align:center;
cursor:pointer;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
overflow:hidden;
}
.content-nav-button a {
display:block;
}
.content-nav-button:hover {
background:#008CCC;
color:#FFFFFF;
cursor:pointer;
}
.content-nav-button a:active, .content-nav-button a:link, .content-nav-button a:visited {
color:#FFFFFF;
text-decoration:none;
}
.content-nav-button a:hover {
color:#FFFFFF;
text-decoration:none;
}
.content-nav-button img {
max-width:100%;
height:auto;
}
.content-nav-highlight {
width:100%;
max-width:100%;
height:30px;
line-height:30px;
background:#b41c65;
font-size:15px;
color:#FFFFFF;
text-align:center;
cursor:pointer;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
overflow:hidden;
}
.content-nav-highlight a {
display:block;
}
.content-nav-highlight:hover {
background:#008CCC;
color:#FFFFFF;
cursor:pointer;
}
.content-nav-highlight a:active, .content-nav-highlight a:link, .content-nav-highlight a:visited {
color:#FFFFFF;
text-decoration:none;
}
.content-nav-highlight a:hover {
color:#FFFFFF;
text-decoration:none;
}
.content-nav-highlight img {
max-width:100%;
height:auto;
}
.menu-button-border {
padding:5px;
border:1px solid #FFFFFF;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
}
.menu-button {
height:50px;
line-height:50px;
background-color:#F47D00;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
text-align:center;
font-family:'Fredericka the Great', Helvetica, Verdana, Arial;
font-size:20px;
color:#FFFFFF;
}
.menu-button a {
display:block;
}
.menu-button:hover {
background-color:#008CCC;
color:#FFFFFF;
cursor:pointer;
}
.menu-button a:active, .menu-button a:link, .menu-button a:visited {
color:#FFFFFF;
text-decoration:none;
}
.menu-button a:hover {
color:#FFFFFF;
text-decoration:none;
}
.menu-tabs {
height:30px;
}
.menu-tab-button {
width:49.75%;
max-width:250px;
height:30px;
line-height:30px;
background-color:#000;
font-family:'Fredericka the Great', Helvetica, Verdana, Arial;
font-size:15px;
color:#FFFFFF;
text-align:center;
float:left;
cursor:pointer;
margin-left:0.5%;
border-radius:10px 10px 0px 0px;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:0px;
}
.menu-tab-button:first-child {
margin-left:0px;
}
.menu-tab-button a {
display:block;
}
.menu-tab-button:hover {
background:#008CCC;
color:#FFFFFF;
cursor:pointer;
}
.menu-tab-button a:active, .menu-tab-button a:link, .menu-tab-button a:visited {
color:#FFFFFF;
text-decoration:none;
}
.menu-tab-button a:hover {
color:#FFFFFF;
text-decoration:none;
}
.menu-tab-button img {
width:100%;
max-width:100%;
height:auto;
margin-top:10px;
}
.menu-tab-highlight {
width:49.75%;
max-width:250px;
height:30px;
line-height:30px;
background:#b41c65;
font-family:'Fredericka the Great', Helvetica, Verdana, Arial;
font-size:15px;
color:#FFFFFF;
text-align:center;
float:left;
cursor:pointer;
margin-left:0.5%;
border-radius:10px 10px 0px 0px;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:0px;
}
.menu-tab-highlight:first-child {
margin-left:0px;
}
.menu-tab-highlight a {
display:block;
}
.menu-tab-highlight:hover {
background:#008CCC;
color:#FFFFFF;
cursor:pointer;
}
.menu-tab-highlight a:active, .menu-tab-highlight a:link, .menu-tab-highlight a:visited {
color:#FFFFFF;
text-decoration:none;
}
.menu-tab-highlight a:hover {
color:#FFFFFF;
text-decoration:none;
}
.menu-tab-highlight img {
width:100%;
max-width:100%;
height:auto;
margin-top:10px;
}
.menu-tab-box {
background-color:#FFFFFF;
border:1px solid #DBDBDB;
padding:5px;
}
.menu-tab-box h2 {
background-color:#DBDBDB;
padding:5px;
margin:0px;
font-family:"Century Gothic", CenturyGothic, AppleGothic, Helvetica, Verdana, Arial;
font-size:18px;
color:#000000;
}
.menu-tab-box h3 {
background-color:#b41c65;
padding:5px;
margin:0px;
font-family:"Century Gothic", CenturyGothic, AppleGothic, Helvetica, Verdana, Arial;
font-size:15px;
color:#FFFFFF;
}
.menu-tab-box h4 {
background-color:#b41c65;
padding:0px;
margin:0px;
font-family:"Century Gothic", CenturyGothic, AppleGothic, Helvetica, Verdana, Arial;
font-size:18px;
color:#FFFFFF;
}
.menu-tab-box h4 a, .menu-tab-box h4 a:active, .menu-tab-box h4 a:link, .menu-tab-box h4 a:visited {
color:#FFFFFF;
}
.menu-tab-box h4 a:hover {
color:#b41c65;
}
.menu-tab-box h5 {
background-color:#b41c65;
padding:5px;
margin:0px;
font-family:"Century Gothic", CenturyGothic, AppleGothic, Helvetica, Verdana, Arial;
font-size:18px;
color:#F47D00;
}
.menu-tab-box .tagline {
font-weight:normal;
font-size:12px;
}
.menu-tab-overlay {
position:absolute;
bottom:25px;
padding:5px;
font-size:18px;
font-weight:bold;
}
.menu-tab-box-white {
position:relative;
background-color:#FFFFFF;
border:1px solid #DBDBDB;
padding:5px;
margin-bottom:10px;
}
.menu-tab-box-white h3 {
background-color:#b41c65;
padding:5px;
margin:0px;
font-family:"Century Gothic", CenturyGothic, AppleGothic, Helvetica, Verdana, Arial;
font-size:18px;
}
.menu-tab-box-white .tagline {
font-weight:normal;
font-size:12px;
}
.menu-tab-box-white .menu-tab-overlay {
background:rgba(255, 255, 255, .8);
}
.menu-tab-box-blue {
position:relative;
background-color:#b41c65;
border:1px solid #DBDBDB;
padding:5px;
margin-bottom:10px;
color:#FFFFFF;
}
.menu-tab-box-blue h3 {
background-color:#FFFFFF;
padding:5px;
margin:0px;
font-family:"Century Gothic", CenturyGothic, AppleGothic, Helvetica, Verdana, Arial;
font-size:18px;
    color: black;
}
.menu-tab-box-blue .tagline {
font-weight:normal;
font-size:12px;
}
.menu-tab-box-blue .menu-tab-overlay {
background:rgba(227, 100, 121, 0.82);
}
.menu-tab-box-blue .menu-tab-overlay a:hover {
color:#FFFFFF;
}
.menu-tab-box-orange {
position:relative;
background-color:#F47D00;
border:1px solid #DBDBDB;
padding:5px;
margin-bottom:10px;
color:#FFFFFF;
}
.menu-tab-box-orange h3 {
background-color:#FFFFFF;
padding:5px;
margin:0px;
font-family:"Century Gothic", CenturyGothic, AppleGothic, Helvetica, Verdana, Arial;
font-size:18px;
}
.menu-tab-box-orange .tagline {
font-weight:normal;
font-size:12px;
}
.menu-tab-box-orange .menu-tab-overlay {
background:rgba(244, 125, 0, .8);
}
.menu-tab-box-orange .menu-tab-overlay a:active, .menu-tab-box-orange .menu-tab-overlay a:link, .menu-tab-box-orange .menu-tab-overlay a:visited {
color:#FFFFFF;
}
.gallery-image {
background-position:center center;
background-size:cover;
}
.gallery-image img {
width:100%;
max-width:100%;
height:auto;
margin:0px;
padding:0px;
margin-top:5px;
margin-bottom:5px;
}
.gallery-social {
position:absolute;
left:0px;
top:0px;
}
.gallery-container {
position:relative;
width:100%;
padding-bottom:100%;
float:left;
height:0;
}
.gallery-container img {
width:100%;
height:100%;
position:absolute;
left:0;
}
.gallery-button {
width:auto;
height:30px;
line-height:30px;
position:relative;
margin-top:5px;
font-family:'Fredericka the Great', Helvetica, Verdana, Arial;
font-size:18px;
text-align:center;
color:#FFFFFF;
background-color:#F47D00;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
.gallery-button:hover {
background-color:#008CCC;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
.gallery-button a {
padding:0px 5px 0px 5px;
}
.gallery-button a:active, .gallery-button a:link, .gallery-button a:visited {
display:block;
text-decoration:none;
color:#FFFFFF;
}
.gallery-button a:hover {
color:#FFFFFF;
}
.page-button {
width:auto;
height:35px;
line-height:35px;
position:relative;
margin-top:5px;
font-size:15px;
text-align:center;
color:#FFFFFF;
background-color:#b41c65;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
.page-button:hover {
background-color:#008CCC;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
.page-button a {
padding:0px 5px 0px 5px;
}
.page-button a:active, .page-button a:link, .page-button a:visited {
display:block;
text-decoration:none;
color:#FFFFFF;
}
.page-button a:hover {
color:#FFFFFF;
}
.page-button-reverse {
width:auto;
max-width:100%;
height:35px;
line-height:35px;
position:relative;
margin-top:5px;
font-size:15px;
text-align:center;
color:#FFFFFF;
background-color:#008CCC;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
overflow:hidden;
}
.page-button-reverse:hover {
background-color:#b41c65;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
.page-button-reverse a {
padding:0px 5px 0px 5px;
}
.page-button-reverse a:active, .page-button-reverse a:link, .page-button-reverse a:visited {
display:block;
text-decoration:none;
color:#FFFFFF;
}
.page-button-reverse a:hover {
color:#FFFFFF;
}
.page-button-inactive {
width:auto;
height:35px;
line-height:35px;
position:relative;
margin-top:5px;
font-size:15px;
text-align:center;
color:#000000;
background-color:#B7B6B6;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
.page-button-inactive:hover {
background-color:#B7B6B6;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
.page-button-inactive a {
padding:0px 5px 0px 5px;
}
.page-button-inactive a:active, .page-button-inactive a:link, .page-button-inactive a:visited {
display:block;
text-decoration:none;
color:#FFFFFF;
}
.page-button-inactive a:hover {
color:#FFFFFF;
}
.feature-button {
width:auto;
height:35px;
line-height:35px;
position:relative;
margin-top:5px;
font-size:15px;
text-align:center;
color:#FFFFFF;
background-color:#F47D00;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
.feature-button:hover {
background-color:#008CCC;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
.feature-button a {
padding:0px 5px 0px 5px;
}
.feature-button a:active, .feature-button a:link, .feature-button a:visited {
display:block;
text-decoration:none;
color:#FFFFFF;
}
.feature-button a:hover {
color:#FFFFFF;
}
.page-table {
background-color:#FFFFFF;
border:1px solid #BABABA;
margin-top:10px;
}
.page-table-th {
background-color:#b41c65;
background-color:#BABABA;
border-bottom:1px solid #000000;
height:25px;
font-size:12px;
color:#000000;
}
.page-table-th a:active, .page-table-th a:link, .page-table-th a:visited {
text-decoration:none;
color:#FFFFFF;
}
.page-table-th a:hover {
color:
#b41c65;
}
.page-table-th img {
display:inline;
margin-left:auto;
margin-right:auto;
padding-left:3px;
}
.page-table-th-sub {
background-color:#000000;
height:25px;
font-size:12px;
color:#FFFFFF;
}
.page-table-tr {
background-color:#FFFFFF;
}
.page-table-tr:hover {
background-color:#DBDBDB;
}
.page-table-tr-highlight {
background-color:#F47D20;
}
.page-table-tr-highlight:hover {
background-color:#008CCC;
}
.page-table-tr-highlight:hover td {
color:#FFFFFF;
}
.page-table-tr-highlight td {
border-top:1px solid #000000;
}
.page-table-td {
font-size:12px;
border-bottom:1px solid #BABABA;
}
.page-table-td-side {
font-size:12px;
border-left:1px solid #DBDBDB;
border-right:1px solid #DBDBDB;
border-bottom:1px solid #DBDBDB;
}
.page-table-td-plain {
font-size:12px;
}
.page-table-bold {
font-size:15px;
font-weight:bold;
}
.page-table-large {
font-size:15px;
}
.page-table-feature {
font-size:15px;
color:#b41c65;
}
.page-table-button {
font-size:12px;
}

/* SHOP ============================================================================= */
.faxB {
font-size:12px;
color:#000000
}
.faxW {
font-size:12px;
color:#FFFFFF;
}
.shop-listing-box {
padding:5px;
height:auto;
width:auto;
background-color:#FFFFFF;
border:1px solid #D9CD90;
vertical-align:top;
text-align:justify;
margin-top:10px;
margin-right:5px;
margin-left:5px;
}
.shop-listing-quote {
}
.shop-listing-bonus {
}
.shop-listing-box img {
margin-right:5px;
}
.shop-listing-box h2 {
font-size:14px;
font-weight:bold;
color:#7C7C7C;
}
.shop-listing-box .code {
font-family:Helvetica, Verdana, Arial, sans-serif;
font-size:11px;
}
.shop-listing-box .options {
font-size:11px;
float:right;
margin-top:0px;
margin-bottom:5px;
}
.shop-listing-box .buy {
background-color:#D9CD90;
border:1px solid #FFFFFF;
height:auto;
margin:0px;
padding:1%;
vertical-align:top;
}
.shop-listing-box .bonus {
background-color:#F7922D;
}
.shop-listing-box .prices {
float:left;
text-align:left;
vertical-align:top;
position:relative;
}
.shop-listing-box .instructions {
font-size:11px;
}
.shop-listing-box .choice {
font-size:11px;
width:185px;
height:25;
float:left;
text-align:right;
vertical-align:top;
position:relative;
padding-right:5px;
}
.shop-listing-box .offer {
font-size:11px;
width:185px;
height:25;
float:left;
text-align:right;
vertical-align:top;
position:relative;
padding-right:5px;
}
.shop-listing-box .input {
height:25;
float:right;
text-align:right;
vertical-align:top;
position:relative;
padding-right:5px;
}
.shop-listing-box .buttons {
width:125px;
height:25;
float:right;
text-align:right;
vertical-align:top;
position:relative;
}
.shop-listing-box .special {
width:280px;
}
.shop-listing-box .add {
width:55px;
}
.shop-listing-box .quote {
width:70px;
}
.shop-label-box {
margin:0px;
padding:5px;
height:auto;
background-color:#FFFFFF;
border:1px solid #000000;
vertical-align:top;
text-align:justify;
}
.shop-label-box .border{
border:1px solid #000000;
}
.shop-label-box .divider{
font-size:11px;
color:#000000;
margin:5px;
border-bottom:1px solid #000000;
}
.shop-label-box .divider img{
border:0px;
}
.shop-label-box h2 {
background-color:#000000;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
height:auto;
margin:0px;
padding:5px;
vertical-align:top;
}
.shop-label-box p {
font-size:11px;
color:#000000;
margin:5px;
}
.shop-cart-button {
width:auto;
min-height:25px;
line-height:25px;
position:relative;
margin-top:5px;
font-size:10px;
font-weight:bold;
text-align:center;
background-color:#F47D00;
border:1px solid #FFFFFF;
color:#FFFFFF;
cursor:pointer;
}
.shop-cart-button.shop-cart-icon {
width:16px;
min-height:15px;
line-height:15px;
margin-top:0px;
margin-bottom:5px;
}
.shop-cart-button:hover {
background-color:#b41c65;
color:#FFFFFF;
}
.shop-cart-button a {
display:block;
padding:0px 3px 0px 3px;
}
.shop-cart-button a:active, .shop-cart-button a:link, .shop-cart-button a:visited {
display:block;
text-decoration:none;
color:#FFFFFF;
}
.shop-cart-button a:hover {
color:#FFFFFF;
}
.shop-cart-button-reverse {
width:auto;
min-height:20px;
line-height:20px;
position:relative;
margin-top:5px;
font-size:11px;
font-weight:bold;
text-align:center;
background-color:#b41c65;
border:1px solid #FFFFFF;
}
.shop-cart-button-reverse.shop-cart-icon {
min-height:15px;
line-height:15px;
}
.shop-cart-button-reverse:hover {
background-color:#F47D00;
}
.shop-cart-button-reverse a {
display:block;
padding:0px 3px 0px 3px;
}
.shop-cart-button-reverse a:active, .shop-cart-button-reverse a:link, .shop-cart-button-reverse a:visited {
display:block;
text-decoration:none;
color:#FFFFFF;
}
.shop-cart-button-reverse a:hover {
color:#FFFFFF;
}
.shop-checkout-guest-button {
background-image:url(/shop/graphics/checkout-guest-button.png);
background-size:cover;
}
.shop-checkout-guest-button :hover {
background-image:url(/shop/graphics/checkout-guest-hover.png);
background-size:cover;
}
.shop-checkout-guest-hover {
background-image:url(/shop/graphics/checkout-guest-hover.png);
background-size:cover;
}
.shop-checkout-guest-hover :hover {
background-image:url(/shop/graphics/checkout-guest-button.png);
background-size:cover;
}
.shop-checkout-customer-button {
background-image:url(/shop/graphics/checkout-customer-button.png);
background-size:cover;
}
.shop-checkout-customer-button :hover {
background-image:url(/shop/graphics/checkout-customer-hover.png);
background-size:cover;
}
.shop-checkout-customer-hover {
background-image:url(/shop/graphics/checkout-customer-hover.png);
background-size:cover;
}
.shop-checkout-customer-hover :hover {
background-image:url(/shop/graphics/checkout-customer-button.png);
background-size:cover;
}
.shop-cart {
background-color:#FFFFFF;
border:1px solid #b41c65;
}
.shop-cart-th {
background-color:#b41c65;
height:25px;
font-size:12px;
color:#FFFFFF;
}
.shop-cart-tr {
background-color:#FFFFFF;
}
.shop-cart-tr:hover {
background-color:#DBDBDB;
}
.shop-cart-td {
font-size:12px;
border-bottom:1px solid #008CCC;
}
.shop-cart-td-side {
font-size:12px;
border-left:1px solid #DBDBDB;
border-right:1px solid #DBDBDB;
border-bottom:1px solid #DBDBDB;
}
.shop-cart-td-plain {
font-size:12px;
}
.shop-cart-product {
font-size:15px;
font-weight:bold;
}
.shop-cart-price {
font-size:15px;
}
.shop-cart-total {
font-size:15px;
color:#b41c65;
}
.shop-cart-shipping {
font-size:12px;
}
.shop-cart-button {
font-size:12px;
}
.shop-checkout-shipping {
background-color:#FFFFFF;
}
.shop-checkout-shipping-active {
background-color:#DBDBDB;
}
a.shop-info {
position:relative;
text-decoration:none
}
a.shop-info:hover {
z-index:25;
text-decoration:none
}
a.shop-info span {
display: none
}
a.shop-info:hover span {
display:block;
position:absolute;
top:15px;
left:-65px;
width:190px;
border:1px solid #FFFFFF;
background-color:#732D8D;
color:#FFFFFF;
padding: 5px;
text-align: center;
font-weight:normal;
z-index:35;
}
.price1 {
font-size:11px;
color:#000000;
}
.price2 {
font-size:14px;
color:#000000;
}
.price3 {
font-size:8px;
}
.price4 {
font-size:11px;
}
.price5 {
font-size:11px;
color:#000000;
}
.price6 {
font-size:8px;
}
.price7 {
font-size:14px;
color:#000000;
}
.priceo1 {
font-size:11px;
color:#DF5220;
}
.priceo2 {
font-size:14px;
text-decoration:line-through;
color:#DF5220;
}
.priceo3 {
font-size:8px;
color:#DF5220;
}
.priceo4 {
font-size:11px;
text-decoration:line-through;
color:#DF5220;
}
.priceo4 {
color:#DF5220;
}
.priceo5 {
font-size:11px;
color:#DF5220;
}
.priceo6 {
font-size:14px;
text-decoration:line-through;
color:#DF5220;
}
.pricer1 {
font-size:11px;
}
.pricer2 {
font-size:11px;
}
.pricelt {
text-decoration:line-through;
}

@media only screen and (min-width:1201px) {
/*   MAKE LAYOUT RESPONSIVE at 1200px FOR DESKTOP ================================================================ */
#header-buttons {
font-size:15px;
}
}

@media only screen and (max-width:768px) {
/*   MAKE LAYOUT RESPONSIVE at 768px FOR IPAD LANDSCAPE ================================================================ */
#framework-buttons {
margin:0px;
position:relative;
}
#header-buttons {
font-size:9.5px;
}
#header-buttons li {
width:auto;
}
#header-buttons li#accommodation {
width:22%;
}
#header-buttons li#activities {
width:17%;
}
#header-buttons li#transport {
width:21%;
}
#header-buttons li#destinations {
width:16%;
}
#header-buttons li#fun {
width:12%;
}
#header-buttons li#general {
width:12%;
}
ul#dropdown .submenu {
width:448%;
float:left;
}
ul#dropdown .submenu-activities {
width:579%;
left:-129%;
}
ul#dropdown .submenu-transport {
width:468%;
left:-185%;
}
ul#dropdown .submenu-destinations {
width:615%;
left:-375%;
}
ul#dropdown .submenu-fun {
width:820%;
left:-633%;
}
ul#dropdown .submenu-general {
width:820%;
left:-733%;
}
#framework-header {
height:auto;
position:relative;
padding-top:0px;
}
#header .column {
margin:0px;
padding:0px;	
}
#framework-animation {
padding-top:0px;
}
#content img {
width:250px;
max-width:100%;
margin-left:1%;
margin-right:1%;
margin-bottom:1%;
}
#weather img {
width:auto;
max-width:auto;
height:auto;
}
.content-main {
width:100%;
}
.content-menu {
width:100%;
margin-left:0px;
}
.content-nav-button {
font-size:14px;
}
.content-nav-highlight {
font-size:14px;
}
.menu-tab-button {
width:24.75%;
font-size:12px;
}
.menu-tab-highlight {
width:24.75%;
font-size:12px;
}
.box-features h2 {
font-size:15px;
}
.page-button {
height:30px;
line-height:30px;
}
.page-button-reverse {
height:30px;
line-height:30px;
}
.page-button-inactive {
height:30px;
line-height:30px;
}
.hide-mini {
display:inline;
}
.hide-maxi {
display:inline;
}
.hide-midi {
display:none;
}
.hide-mini-t {
display:table-cell;
}
.hide-maxi-t {
display:table-cell;
}
.hide-midi-t {
display:none;
}

}

@media only screen and (max-width:520px) {
/* MAKE LAYOUT RESPONSIVE at 520px FOR IPHONE LANDSCAPE ============================================ */
#iframe-search {
width:100%;
height:410px;
}
#iframe-search-bc {
width:100%;
height:365px;
}
#iframe-search-hb {
width:100%;
height:175px;
height:365px;
}
}

@media only screen and (min-width:481px) {
/*   MAKE LAYOUT RESPONSIVE at 1200px FOR DESKTOP ================================================================ */
body {
margin:0px;
background-color:#FFFFFF;
font-family:"Century Gothic", CenturyGothic, AppleGothic, Helvetica, Verdana, Arial;
font-size:14px;
color:#000000;
background:url(images/bg-login.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
background-position:center top;
background-size:cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}
#content {
background-image:url(images/bg-content.png);
background-repeat:repeat;
}
}

@media only screen and (max-width:480px) {
/* MAKE LAYOUT RESPONSIVE at 480px FOR IPHONE LANDSCAPE ============================================ */

/* CONTENT ============================================================================= */
#tabs-navigation {
position:relative;
}
#header img {
margin-left:auto;
margin-right:auto;
max-width:80%;
margin-top:2px;
margin-bottom:5px;
}
#header-social{
height:auto;
position:relative;
}
#header-social div{
text-align:center;
float:none;
margin-left:5px;
}
#header-navigation {
width:100%;
margin:0px;
font-size:11px;
}
#header-navigation ul {
float:none;
}
#header-navigation li {
width:19.6%;
margin-left:0.5%;
margin-right:0px;
}
#header-navigation li:first-child {
margin-left:0px;
}
#framework-buttons {
height:100px;
}
#header-buttons {
font-size:11px;
}
#header-buttons li {
width:33.3%;
}
#header-buttons li#accommodation {
width:33.3%;
}
#header-buttons li#activities {
width:33.3%;
}
#header-buttons li#transport {
width:33.3%;
font-size:10px;
}
#header-buttons li#destinations {
width:33.3%;
}
#header-buttons li#fun {
width:33.3%;
}
#header-buttons li#general {
width:33.3%;
}
#header-buttons li:nth-child(3n+1) { 
clear:both;
}
#header-buttons:after {
clear:both;
}
ul#dropdown .submenu {
width:295%;
float:left;
font-size:12px;
}
ul#dropdown .submenu-activities {
left:-100%;
}
ul#dropdown .submenu-transport {
left:-200%;
}
ul#dropdown .submenu-destinations {
left:0%;
}
ul#dropdown .submenu-fun {
left:-100%;
}
ul#dropdown .submenu-general {
left:-200%;
}
#content .padding2h {
padding-left:3%;
padding-right:3%;
padding-bottom:3%;
}
#content img {
width:100%;
max-width:100%;
margin-left:0px;
margin-right:0px;
margin-bottom:1%;
}
.content-tab-button {
font-size:12px;
}
.content-tab-highlight {
font-size:12px;
}
.content-nav-button {
font-size:12px;
}
.content-nav-highlight {
font-size:12px;
}
.menu-tab-button {
width:49.75%;
font-size:20px;
}
.menu-tab-highlight {
width:49.75%;
font-size:20px;
}
#framework-features {
display:none;
}
#features .maintain .span-2-of-3 {
width:66.1%;
}
#features .maintain .span-1-of-3 {
width:32.2%;
}
#footer {
font-size:14px;
}
.box-features {
padding:5%;
font-size:15px;
}
.box-shop li {
width:100%;
}
.box-brands li {
width:100%;
}
.box-content-info {
padding-left:2%;
padding-right:2%;
}
.copyright {
text-align:center;
font-size:12px;
color:#FFFFFF;
padding-top:25px;
padding-left:1%;
padding-right:1%;
}
input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):not([type=image]):not([type=submit]) {
width:90%;
max-width:90%;
}
textarea {
width:90%;
}
.hide-maxi {
display:inline;
}
.hide-midi {
display:inline;
}
.hide-mini {
display:none;
}
.hide-maxi-t {
display:table-cell;
}
.hide-midi-t {
display:table-cell;
}
.hide-mini-t {
display:none;
}
}