/*****
NORWEGIAN AIR SHUTTLE
*****/

/* Norwegian color palette
RED: #ef3a46
DARK RED: #c52b38
BORDEAUX: #a51f2b
LIGHT GRAY: #a1a2a6
TEXT/DARK GRAY: #58585a
DARKER GRAY: #333 */

/*Norwegian Types
SERIF: "ff-meta-serif-web-pro"
SANS SERIF:
*/

/*Reset*/
a {color: #000; text-decoration: none}
a:hover, a:focus {text-decoration: underline}

h2 {font-family: "Apercu Medium", Calibri, sans-serif!important; color: #ef3a46!important;}
  h2.title {margin-top: 0}
  section#main h2 {margin-top: 0;font-family: "Apercu Regular","atrament-web", helvetica, arial, sans-serif!important;}
h3 {font-family: "Apercu Medium", Calibri, sans-serif!important; color: #ef3a46!important}
  h3 strong {font-weight: 400!important}
  
ul, ol {list-style-type: none; margin: 0; padding: 0}

/***
Norwegian Styles
***/

/*Structure*/
header {width: 980px; min-height: 100px; margin: 20px auto 0; background: background: -moz-linear-gradient(top, rgba(238,57,54,0.98) 0%, rgba(238,57,54,1) 1%, rgba(237,50,48,1) 54%, rgba(233,46,47,1) 62%, rgba(227,45,45,1) 79%, rgba(210,43,44,1) 97%, rgba(210,43,44,1) 99%, rgba(214,57,58,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,57,54,0.98)), color-stop(1%,rgba(238,57,54,1)), color-stop(54%,rgba(237,50,48,1)), color-stop(62%,rgba(233,46,47,1)), color-stop(79%,rgba(227,45,45,1)), color-stop(97%,rgba(210,43,44,1)), color-stop(99%,rgba(210,43,44,1)), color-stop(100%,rgba(214,57,58,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(238,57,54,0.98) 0%,rgba(238,57,54,1) 1%,rgba(237,50,48,1) 54%,rgba(233,46,47,1) 62%,rgba(227,45,45,1) 79%,rgba(210,43,44,1) 97%,rgba(210,43,44,1) 99%,rgba(214,57,58,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(238,57,54,0.98) 0%,rgba(238,57,54,1) 1%,rgba(237,50,48,1) 54%,rgba(233,46,47,1) 62%,rgba(227,45,45,1) 79%,rgba(210,43,44,1) 97%,rgba(210,43,44,1) 99%,rgba(214,57,58,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(238,57,54,0.98) 0%,rgba(238,57,54,1) 1%,rgba(237,50,48,1) 54%,rgba(233,46,47,1) 62%,rgba(227,45,45,1) 79%,rgba(210,43,44,1) 97%,rgba(210,43,44,1) 99%,rgba(214,57,58,1) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(238,57,54,0.98) 0%,rgba(238,57,54,1) 1%,rgba(237,50,48,1) 54%,rgba(233,46,47,1) 62%,rgba(227,45,45,1) 79%,rgba(210,43,44,1) 97%,rgba(210,43,44,1) 99%,rgba(214,57,58,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faee3936', endColorstr='#d6393a',GradientType=0 ); /* IE6-9 */; position: relative;border-radius: 15px 0 0 0;box-shadow: -2px 0 15px #aaa;}
section#main, #sidebarhome, #sidebar {margin-top: 20px}
article.primary { width: 720px; min-height:250px; margin-right: 20px;}


article.feature {margin-right: 20px}
article.feature p {font-size: 14px; line-height: 20px; }
article.primary div img {max-width:300px}
aside.secondary {float: right; width: 300px; display: none;}
footer {width: 980px; margin: 0 auto; background: background: rgb(244,37,54); /* Old browsers */background: -moz-linear-gradient(top,  rgba(244,37,54,1) 0%, rgba(232,35,51,1) 49%, rgba(219,33,48,1) 71%, rgba(196,30,43,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,37,54,1)), color-stop(49%,rgba(232,35,51,1)), color-stop(71%,rgba(219,33,48,1)), color-stop(100%,rgba(196,30,43,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  rgba(244,37,54,1) 0%,rgba(232,35,51,1) 49%,rgba(219,33,48,1) 71%,rgba(196,30,43,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  rgba(244,37,54,1) 0%,rgba(232,35,51,1) 49%,rgba(219,33,48,1) 71%,rgba(196,30,43,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  rgba(244,37,54,1) 0%,rgba(232,35,51,1) 49%,rgba(219,33,48,1) 71%,rgba(196,30,43,1) 100%); /* IE10+ */background: linear-gradient(to bottom,  rgba(244,37,54,1) 0%,rgba(232,35,51,1) 49%,rgba(219,33,48,1) 71%,rgba(196,30,43,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f42536', endColorstr='#c41e2b',GradientType=0 ); /* IE6-9 */; color: #000; text-align: center;border-radius: 0 0 6px 0;}
footer p {margin: 0; font-size: 11px; color: #fff}




/*Header*/
header h1  {position: absolute; top: 5px; left: 20px}
nav {position: relative}
nav ul {display: none; list-style: none; float: left; margin: 95px 0 0 20px; position: relative}
nav ul li {display: inline; margin-right: 15px}
nav ul li a {color: #fff; padding-bottom: 6px}

header select {float: right; margin: 55px 20px 9px 0}

ul.secondarynav {list-style: none; position: absolute; bottom: 5px; right: 20px;}
ul.secondarynav li {display: inline; margin-right: 15px}
ul.secondarynav li:last-child {margin-right: 0}
ul.secondarynav li a {color: #fff}

ul.usernav {list-style: none; position: absolute; top: -20px; right: 0;background: url(images/link_bg.png) no-repeat 0 0;height: 41px;width: 170px;}
ul.usernav li {display: inline; margin: 0 0 0 27px;top: 14px;position: relative;background: #fbf4ee;padding: 0 22px 6px 0;}
ul.usernav li a {color: #000; font-weight: bold}

/*Home page*/
article.primary h2, aside.secondary h2 {font-size: 28px; color: #333; letter-spacing: 4px}
article.primary h3, aside.secondary h3 {margin-bottom: 3px}
article.primary h5, aside.secondary h5 { float: left; margin: 0 5px 0 0; font-size: 12px; color: #767676; font-family: "Apercu Regular","atrament-web", helvetica, arial, sans-serif; }
article.primary > h3, aside.secondary > h3 {margin: 0 0 10px 5px}
article.primary h3 a, aside.secondary h3 a {font-size: 18px; font-family: "Apercu Medium", Calibri, sans-serif; color: #ef3a46}
article.primary > img, aside.secondary > img {float: left}

article.primary div, aside.secondary div {margin: 0 60px 20px 0;float: left; max-width: 300px; }
article.primary div p, aside.secondary div p {margin-top: 0}
span.nextarrow {display: block; width: 100%; text-align: center}

article.feature div {margin-bottom: 23px;clear: both;}
article.feature div h5 { float: left; margin: 0 5px 0 0; color: #767676; font-family: "Apercu Regular","atrament-web", helvetica, arial, sans-serif; }
article.feature > img {float: left}



/*Single post*/
a.back-link {color: #ef3a46; font-size:14px; background: url('./images/arrowleft.jpg') no-repeat 0 2px; display: none; width: 50px; height: 20px; padding-left: 26px;}
.addthis_toolbox {margin: 10px 0}
.single h3 {margin: 5px 0 10px 0!important}

.prefooter ul {float: left; margin-right: 20px}
.span9 .prefooter ul {  margin-right: 30px}
.prefooter ul:lastchild {margin-right: 0}
.prefooter ul li {display: block; margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px; height: 267px}
.prefooter ul li > img {max-width: 150px; float: left; margin-right: 5px}
.prefooter ul li h4 a {font-size: 16px; font-family: "Apercu Medium", Calibri, sans-serif}
.prefooter ul li div {margin: 0}

/*Mag Main Navigation*/
.magnav, .respnav {/*margin: 0 0 20px 0; */position: relative}
.respnav {display:none}
li.filterby {padding:10px 0 0 5px; }
li.filterby img {margin: 0.1rem 0.5rem 0.3rem 0;}
.magnav ul {float: left; margin: 8px 0 0 15px; /*max-width: 380px*/}
.respnav ul {clear:both}
.respnav ul li select {width:100%; margin:0.4rem 0}
.magnav ul li {display: inline; margin: 0 6px}
.magnav ul li a, .magnav ul li, .respnav ul li  {color: #000; font-size: 18px; /*font-family: "atrament-web", Helvetica, Arial, sans-serif*/ font-family:"Apercu Medium", Calibri, sans-serif; font-weight:600; font-style:normal;}
.magnav ul li a:first-child {padding-left: 0}

.magnav img.nicon,  .respnav img.nicon {float: left}

.magnav ul li:hover ul {display: block}
.magnav ul li ul {display: none; position: absolute; left: 0; top: 40px; z-index: 9999; width: 898px; padding: 20px; border: 1px solid #ccc; background: #fff; margin: 0}
.magnav ul li ul:last-child {padding-bottom: 0!important}
.magnav ul li ul li {float: left; margin: 0 6px 10px 0; width: 200px; }
.magnav ul li ul li img {display: block}
.magnav ul li ul li a {font-size: 14px; text-transform: uppercase; color: #000}
.magnav ul li ul a.view {font-size: 12px; text-transform: uppercase}
.magnav ul li ul a.view:hover {color: #ef3a46}

.magnav ul li ul li img {border: 1px solid #ccc; overflow: hidden}
.magnav ul li ul li img:hover {border: 1px solid #ef3a46}

.magnav ul li ul span {display: block; position: absolute; width: 100%; height: 12px; top: -12px; background: url(images/ulhover.png) 280px 0 no-repeat}

.magnav ul li ul.navcountry {width: 590px; left: 100px}
.magnav ul li ul.navcountry li {width: 128px}
.magnav ul li ul.navcountry span {background: url(images/ulhover.png) 80px 0 no-repeat}
.magnav ul li ul.navcountry  li img {border: none!important}

.magnav ul li ul span.expspan {background: url(images/ulhover.png) 370px 0 no-repeat}

#searchform {margin: 0}
.searchbox {float: right; width: 240px; position: relative; top: 8px; right: 0px}
.searchbox input {width: 220px!important; border-radius: 10px!important; border: 1px solid #000!important; height: 12px!important; margin-bottom: 0!important}

.screen-reader-text {display: none}

.respnav .searchbox {width:100%;float: none;left: 0;}
.respnav .searchbox input {width: auto!important; height:18px!important; border: 1px solid #bbb!important; border-radius:3px!important; margin-bottom:0.8rem!important}

#searchsubmit {display: none}

.searchbox ul {list-style: none; position: absolute; margin: 0!important; top: -26px; right: 0}
.searchbox ul li {display: inline; margin: 0 3px}
.searchbox ul li a {color: #000; font-size: 16px; letter-spacing: 1px; font-weight: normal}

/*Comments*/
h3#reply-title {font-size: 16px; font-family: "Apercu Medium", Calibri, sans-serif; color: #ef3a46}

/*Sidebar*/
.cityguideholder {border: 1px solid #ccc; width: 200px; padding: 10px; margin: 20px 0}
.cityguideholder h2 {font-family: "Apercu Medium", Calibri, sans-serif; color: #ef3a46!important; font-size: 32px; display: block; text-align: center}

.cityguideholder ul {width: 80px; float: left; list-style-type: none}
.cityguideholder ul.firstguide {/*border-right: 1px dashed #000;*/ padding-right: 18px; margin-right: 18px}

.cityguideholder ul h3 {padding: 3px; color: #fff!important; font-size: 18px!important; line-height: 20px; background: #ef3a46; display: block; text-align: center}
.cityguideholder ul h4 {color: #000; font-size: 16px!important; text-align: center; margin: 0 0 10px}

.popularposts {margin: 10px 0 20px 0}
.popularposts li {display: block; margin-bottom: 10px; border-bottom: 1px solid #ccc}
.popularposts li a {font-family: "Apercu Medium", Calibri, sans-serif; font-size: 14px}
.popularposts li img {float: left; margin-right: 5px}

.sidecities {float: left; width: 70px; text-align: center}
.sidecities h4 {margin: 0 0 10px; font-size: 13px}
.sidecities span {padding: 3px; background: #ef3a46; color: #fff; text-transform: uppercase; display: block; width: 64px}

/*Index Sidebar*/
#sidebarhome {margin-top: 20px}
ul.social {margin-top: 20px}
ul.social li {display: inline; margin-right: 7px}
ul.social li:last-child {margin-right: 0}

/*Paging - Breadcrumbs*/
ul#navBreadCrumbs li {display: inline}

span.pages{ clear:both; display:block}

.wp-pagenavi span {margin-right: 10px}
.wp-pagenavi a {padding: 4px 9px; border: 1px solid #ccc; margin: 5px 10px 5px 0; color: #ccc;width: 8px;display: block;float: left;}
.wp-pagenavi a:hover, wp-pagenavi a:focus {border: 1px solid #ef3a46; color: #ef3a46}
.wp-pagenavi span.current {padding: 4px 9px; border: 1px solid #333; margin: 5px 10px 5px 0; color: #333;display: block;width: 7px;float: left;}

@media screen and (max-width:360px){
	.addthis_32x32_style .addthis_counter.addthis_bubble_style {margin-top:10px}
}


#crumbs a {font-family: "Apercu Medium", Calibri, sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #666}
#crumbs span.current {font-family: "Apercu Medium", Calibri, sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #ef3a46}

ul.citysections {float: left; margin-bottom: 20px}
ul.citysections li {float: left; margin-right: 10px; border-right: 1px solid #ccc; padding-right: 10px}

/*City Guides*/
ul.countries {margin-bottom: 30px}
ul.countries li {float: left; margin: 0 20px 20px 0; width: 135px}
ul.countries li h3 {margin: 0 0 3px 0}

ul.sections {margin-bottom: 30px}
ul.sections li {float: left; width: 230px; text-align: center}
ul.sections li h3 {font-size: 16px; margin: 3px 0 10px}
/*ul.sections img, ul.sections h3 {float: left; margin-right: 5px}*/

.map {/*margin-bottom: 20px*/}
.map h1 {display: block; margin: 10px 0 0 0; background: #000; color: #fff!important; padding: 15px 10px; font-family: "Apercu Medium", Calibri, sans-serif; font-size: 30px}

.guidepost {margin-bottom: 20px}
.guidepost img {float: left; margin-right: 10px; max-width: 220px}
.guidepost h3 {margin: 0 0 10px 0!important}
.guidepost h3 a {color: #ef3a46}

h2.citysections  {border-bottom: 1px solid #000; color: #000!important; font-size: 22px; margin: 0 0 10px}

ul.mapnav {display: block; background: #2b2b2b; color: #fff; margin: 0; border-top: 5px solid #bd3335}
ul.mapnav li {display: inline; width: 11%;}
ul.mapnav li a {display: inline-block; width: 11%; height: 55px; text-align: center; color: #fff; text-transform: uppercase; padding: 10px 2px 5px; margin-right: 0px; line-height: 12px; vertical-align: top}
ul.mapnav li a.active, ul.mapnav li a:hover {background: #bd3335; text-decoration: none}
	ul.mapnav li a.sights:hover {background: #db683c}
	ul.mapnav li a.food:hover {background: #3c70f7}
	ul.mapnav li a.kids:hover {background: #a7388f}
	ul.mapnav li a.shops:hover {background: #ff5b5b}
	ul.mapnav li a.daytrips:hover {background: #40bbdf}
	ul.mapnav li a.nightlife:hover {background: #fbb730}
	ul.mapnav li a.arts:hover {background: #349f4c}
ul.mapnav li a.arts {width: 13%!important}
ul.mapnav li a img {display: block; margin: 0 auto 4px}

ul.mainlist h4 {margin-top: 0}
ul.mainlist h4 a {color: #ef3a46}

/*Venues*/
.venuehead {margin-top: 20px}
.venuehead h2 {margin-top: 0}

.venuearticles li {float: left; width: 190px; margin: 0 20px 20px 0; text-align: center}

/*Contact*/
#cformsform {margin: 30px 0}
.reqtxt, .emailreqtxt {margin-left: 10px}
.linklove {display: none}

/*Book Engine*/
.bookengine {background: #eee; border: 1px solid #ccc; padding: 10px; width: 200px; margin: 0 auto; 
-webkit-transition:ease 0.5 all, -moz-transition:ease 0.5 all; -o-transition:ease 0.5 all; transition:ease 0.5 all}
.bookengine h1 {margin: 5px 0;
padding: 0px 0 3px;
color: #565648;
font-size: 16px;
line-height: 16px;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #ccc}
.bookengine form {margin: 0}
.bookengine input {width: 185px}
.bookengine select {width: 200px}
a.buttonsearch {font-size: 14px;
font-weight: bold;
margin: 0 auto;
text-align: center;
width: 122px;
display: block;
color: #ffffff;
text-decoration: none;
cursor: pointer;
padding: 2px 8px;
background-color: #f42536;
border-top: solid 2px #EA7066;
border-right: solid 2px #871E16;
border-bottom: solid 2px #871E16;
border-left: solid 2px #EA7066;}

.bookengine.fixed, .social.fixed {position: fixed; top: 5px;}
#sidebar .bookengine {margin:0 0 0 76px}
.social.fixed {top: 410px;}

/*General*/
.last {margin-right: 0!important}
.black {color: #000!important}
h2.black {margin-top: 10px!important}
.readmore {color: #ef3a46}
article.primary div img.readmore {height:10px; width:8px}
.boxout {padding: 10px; border: 1px solid #ccc; background: #efefef}



/*Media Queries */

@media screen and (max-width:980px) {
	article.primary {width:100%}
	article.primary div img, article.primary div {max-width: inherit; width: 100%;}
	article.primary div, .prefooter div {margin: 0 10% 20px 0; max-width: none; width: 45%;}
	.prefooter div {margin:0}
	article.primary div.right {margin: 0 0 20px 0;}
    #main {width: 724px;}
    #sidebarhome, #sidebar {display:none}
	ul.mapnav li a {height:70px}
	
}

@media screen and (max-width:767px) {
	#main {width: 100%;}
	.index .respnav {display:block}
	.magnav {display:none}
	.prefooter div.span6 {width:45%; float:left; margin:0 5% 20px 0}
	.prefooter ul li {height:auto}
	ul.mapnav li a {width:23%; height:60px}
	ul.mapnav li a.arts {width:23%!important}
	a.back-link {display:block}
}

@media screen and (max-width:550px) {
	ul.usernav {display:none}
	article.primary div {margin:0 auto; width:100%}
	.span9 .prefooter ul {margin:0 0 20px 0}
	.prefooter li img {width:100%;}
	.prefooter div {width:100%!important; margin:0}
	ul.mapnav li a {width:30%}
	ul.mapnav li a.arts {width:30%!important}
}

/* Poll forms */
form.pollVote label { display: inline; margin-bottom: 0; }
form.pollVote input[type="radio"],
form.pollVote input[type="checkbox"] { vertical-align: top; margin: 4px 10px 0 0; }
form.pollVote div.pollReturn { background: url('images/vote_bg.png') no-repeat top center; padding: 15px 5px 0 5px; display: none; width: 484px; }
div.pollExtra { display: none; }

/****** Cookies Pop-up ******/

#cookieMessageWrapper
{
	background: #18335B;
        font-family: Verdana,Arial,Helvetica,Sans-Serif; 
	font-size: 13px; 
	font-weight: normal; 
	color: #fff;
	padding: 0;
	margin: 0;
	display: none;
	box-shadow: 1px 1px 1px #ccc;
}
#cookieMessage
{
	width: 700px; /* this needs to be set to the width of the centre container */
	padding: 7px 0 7px 0;
	margin: 0 auto;
	position: relative;
}
#cookieMessage:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#cookieMessage p
{
	margin: 3px 0 0;
	text-align:center
}

#cookieMessage a {
    color:#C1DDFB;
    font-weight: bold;
    text-decoration:none;
}
#cookieClose
{
	text-shadow: 1px 0 0 #ccc;
	float: right;
	display: block;
	/* padding: 2px 5px; */
	text-decoration: none;
	border-radius: 30px;
	color: #18335B;
	font-size: 20px;
	margin: -30px 10px 0 0;
	font-weight: bold;
	font-family: Arial;
	background: #C1DDFB;
	width: 22px;
	height: 22px;
	text-align: center;
	line-height: 20px;
}

.hidden {display:none}