@charset "UTF-8";
/* CSS Document */


/* IPAD */
@media only screen and (min-width :768px) and (max-width :1024px) {
.mobilefooter {border-top:6px solid #eee;padding:10px 0 20px;margin:0 auto;min-height:100px;display:block;width:95%;}
.mobile-footer-icons {width:100%;text-align:center;}
.mobile-footer-icons p {text-transform:uppercase;font-size:.625em;font-family: AvenirNext-Regular, HelveticaNeue, Arial;color:#333;margin-bottom:10px;}
.mobileheader {display:block;width:100%;padding:0;border-bottom:none;margin:25px auto 0;text-align:left;position:relative;}
.mobilelogo {display:inline-block; margin:0 auto;z-index:20;}
#mobilenav {display:block;width:51px;position:absolute;}
.mobilemenu {margin-top: 30px;color:#333;}
.mobilemenu a {text-decoration:none;color:#000;}
.mobilemenu a:hover {text-decoration:none;color:#333;}
.mobilemenu li {width:100%;background-color:#fff;text-align:center;padding:15px 0;text-decoration:none;border-top:1px solid #eee;font-size:18px;line-height:18px;font-family: AvenirNext-Regular, HelveticaNeue-Light, Arial, sans-serif;}
.mobilemenu li a {display:block;}
.bookingholder {display:none;}
.stickycontainer {display:none;}
body {margin: auto auto;}
.hide {display:none;visibility:hidden;}
img .hide {display:none;visibility:hidden;}
p.hide {display:none;visibility:hidden;}
#contentwrapper {width:95%;margin:0 auto;position:relative;}
header {display:none;width:100%;}
footer {display:none;width:100%;}
#homegrid {width:100%;margin:0 auto;float:none;display:block;}
#homecontent {width:48%;float:none;display:inline-block;margin:10px 5px 5px;vertical-align:top;}
#homecontent .imgholder {width:100%;height:auto;}
#homecontent .imgholder img {width:100%;height:auto;}
#homecontent .storyline {width:100%;position:relative;height:100px;padding:0 0 10px 0;border:none;}
#homecontent .storyline .inner {width:90%;}
#homecontent .storyline .inner .catdisplay {font-size:.625em;}
.morehome {float:none;}
#content-results {width:100%;}
.cat-results-content {width:100%;}
.resultsrecent {width:48%;height:auto;float:none;margin:10px 5px 5px 5px;text-align: center;display:inline-block;vertical-align:top;}
.searchthumbs {width:100%;height:auto;float:none;border-bottom: none;margin-bottom:0;}
.searchthumbs img {width:100%;height:auto;}
#content-results h1 {width:95%;font-size:2.5em;line-height:1em;}
.search-result-copy {margin:0 auto;width:90%;padding:0;min-height:120px;}
.results-subtitle {width:90%;padding:0 0 20px 0;}
.tunesbox {width:100%;height:auto;}
iframe {width:100%;auto;}
.errormessage {width:100%;}
#insetbox {width:50%;}
.timestamp {margin:0 auto;}
.date {font-size:16px;}
.catnavbar {display:none;}
#homegridsingle {width:100%;margin:0 auto;}
#content {width:100%;margin:0 auto 14px;display:block;float:none;height:auto;}
.sub-title {width:95%;font-size: 2.7em;line-height:.95em;}
.crumb {padding-top:5px;}
#content h1 {width:80%;text-align:center;margin:5px auto 30px;}
.copyblock {width:90%;float:none;border:none;padding:0;margin:0 auto;}
.sideholder {display:none;margin:20px auto;}
.sideholdermobile {width:100%;float:none;display:block;margin:20px auto;}
.post {width:100%;margin:0 auto;padding: 0 0 20px 0;}
.post p {width:100%;font-size:16px;line-height:24px;AvenirNext-Regular, HelveticaNeue, Arial;}
.cheatholder {width:100%;text-align:left;margin-top:60px;}
.cheatholder h6 {text-align:left;font-size:25px;}
.innercheatholder {width:100%;padding:30px 0 34px 0;}
.innercheatholder h5 {text-align:left;font-size:25px;font-family:'GillSansLight', GillSans-Light, Helvetica Neue, Arial, sans-serif;}
.post .innercheatholder p {font-size:18px;line-height: 22px;}
.innercheatholder ul {margin-top:15px;}
.innercheatholder ul li {font-size: 18px;line-height: 22px;width:100%;margin: 0 auto 16px;}
.innercheatholderbot {width:100%;padding:30px 0 34px 0;}
.hotelholder {width:100%;}
.hotelitem p a {color: #ff3300;}
.innercheatholderbot .hotelitem p {width:100%;font-size: 24px;line-height: 26px;margin:10px 0px;}
.hotelholder h6 {text-align:left;font-size:22px;}
h9 {font-size:24px;line-height:28px;}
.bioholder {width:100%;text-align:left;margin-top:60px;}
.listholder {display:block;float:none;margin:0;width:100%;}
.pagecontent .listholder {float:none;width:100%;margin:0;position:relative;}
.post .listholder p {width:100%;}
.post .listholder h8 {width:100%;font-size:1.55em;text-align:center;margin:0 auto 9px;padding:0;display:block;word-wrap: break-word;}
.firstNumber {font-size:3em;width:100%;height:auto;float:none;margin:0 auto;text-align:center;line-height:1.4em;}
.toppagenav {width:90%;height:auto;border-bottom:none;margin:0 auto;display:block;position:relative;}
.bioline {font-size:20px;}
.question {font-size:1.3em;width:100%;}
.horizdotted {width:100%;}
.oldertop {position:absolute;top:0;left:0;padding:0;margin:0;width:60px;height:47px;}
.oldertopinner  {padding:0;margin:0;width:60px;height:47px;}
.oldertopinner a { background:transparent url(http://www.tablethotels.com/media/ecs/global/magazine/wp/en-big-previous.png) 0px 0px no-repeat; margin:0;}
.oldertopinner a:hover {background-position: 0 -48px;}
#toppageholder {display:block;border-bottom:none;margin-bottom:20px;}
#newertop { position:absolute;top:10px;right:10px;width:47px;height:47px;text-decoration:none;text-align:right;}
#newertop ol { list-style:none; ext-indent: 0px;}
#newertop ol li { position:absolute;top:0;right:0;width:47px;height:47px;padding:0;margin:0;list-style-type:none;background:transparent url(http://www.tablethotels.com/media/ecs/global/magazine/wp/en-big-next.png) 205px 47px no-repeat; }
#newertop ol li a { position:absolute;top:0;right:0;border:0;text-decoration:none;display:block;color:#000;text-align:right;padding:0;}
.newer-nav-top a { text-align:right;width:47px;height:47px;background:transparent url(http://www.tablethotels.com/media/ecs/global/magazine/wp/en-big-next.png) 205px 0px no-repeat; margin:0;}
.newer-nav-top a:hover {background-position: 205px -48px;}

#archiverecentbottom {width:95%;margin:50px auto 0;padding:15px 0 0 0;border-top:1px dotted #ccc;}
#archiverecentbottom .divider {display:none;margin:0 auto;}
#bottomnavholder {width:95%;height:auto;border-bottom:none;margin:0 auto;}
#olderbottom {width:49%;display:inline-block;position:relative;min-height:70px;top:0;left:0;vertical-align:top;}
#olderbottom ol {padding: 10px 0;}
#olderbottom ol li {width:100%;position:relative;}
#newerbottom {width:49%;display:inline-block;position:relative;min-height:70px;top:0;right:0;vertical-align:block;}
#newerbottom ol {padding: 10px 0;margin:0;}
#newerbottom ol li {width:100%;position:relative;}
#newerbottom ol li .newsubtitle {color:#444;
font-family: AvenirNext-Regular, HelveticaNeue-Light, Arial, sans-serif;
font-size:12px;
line-height:13px;
font-style:normal;
text-align:right;
text-transform:none;margin:0;padding-right:45px;}

#olderbottom ol li .oldsubtitle {color:#444;
font-family: AvenirNext-Regular, HelveticaNeue-Light, Arial, sans-serif;
font-size:12px;
line-height:13px;
font-style:normal;
text-align:left;
text-transform:none;margin:0;padding-left:45px;}

#newerbottom ol li .newtitle {color:#000;
font-family: AvenirNext-Regular, HelveticaNeue, Arial;
font-size:12px;
line-height:13px;
font-style:normal;
text-align:right;
text-transform:uppercase;
margin-top:7px;padding-right:45px;}
#olderbottom ol li .oldtitle {
color:#000;
font-family: AvenirNext-Regular, HelveticaNeue, Arial;
font-size:12px;
line-height:13px;
font-style:normal;
text-align:left;
text-transform:uppercase;margin-top:7px;padding-left:45px;}


#sscontent-caption-full {width:100%;height:auto;}
.flexslider {width:100%;}
.flexslider .slides {height:240px;}
#sscontent-caption-full .flexslider .slides {height:200px;}
.flexslider .slides img {width:100%;height:auto;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
.flex-control-nav {display:none;}
#sscontent-caption .caption-body {width:70%;height:auto;}
.flex-direction-nav a {top: 130px;}
#sscontent-caption-full .flex-direction-nav a {top: 100px;}
.relatedstuff {display:none;}
.mobileicon {width:100%;display:block;}
#sscontent-caption {width:100%;height:auto;}
.landingleadimage {width:100%;height:auto;}

/* custom pages */
#custompagewrapper{width:100%;}
.custompageheader img {width:50%;height:auto;}
#sscontent-caption-full h4 {font-size:22px;line-height:24px;}
#sscontent-caption-full .location {color:#333;font-size:16px;}
.singleimage {width:100%;position:relative;}
.singleimage img {width:100%;height:auto;}
.container img.mlogo {width:215px;height:auto;}
#comments {width:80%;}
.tagholder {width:80%;}
}

@media only screen and (min-width :768px) and (max-width :1024px)
and (orientation : landscape) { 
.flex-direction-nav a {top: 200px;}
#sscontent-caption-full .flex-direction-nav a {top: 150px;}
#sscontent-caption-full h4 {font-size:26px;line-height:28px;}
}

@media only screen and (min-width :320px) and (max-width :768px) {
body {padding-left:0;padding-right:0;}
.bookingholder {display:none;}
.stickycontainer {display:none;}
#toppageholder {display:none;}
body {margin: auto auto;}
.hide {display:none;visibility:hidden;}
img .hide {display:none;visibility:hidden;}
p.hide {display:none;visibility:hidden;}
#contentwrapper {width:95%;margin:0 auto;}
header {display:none;width:100%;}
footer {display:none;width:100%;}

#homegrid {width:100%;margin:0 auto;float:none;display:block;}
#homecontent {width:100%;float:none;display:block;margin-left:0;margin-bottom:10px;}
#homecontent .imgholder {width:100%;height:auto;}
#homecontent .imgholder img {width:100%;height:auto;}
#homecontent .storyline {width:100%;position:relative;min-height:50px;padding:0 0 30px 0;border:none;}
#homecontent .storyline .inner {width:90%;}
#homecontent .storyline .inner .catdisplay {font-size:.625em;}
/*Archives */
#content-results {width:100%;}
.cat-results-content {width:100%;}
.resultsrecent {width:100%;height:auto;float:none;margin:0 0 10px 0;text-align: center;}
.searchthumbs {width:100%;height:auto;float:none;border-bottom: none;}
.searchthumbs img {width:100%;height:auto;}
#content-results h1 {width:95%;font-size:2.5em;line-height:1em;}
.search-result-copy {margin:8px auto 0;width:90%;padding:0;}
.results-subtitle {width:90%;padding:0 0 20px 0;}
.tunesbox {width:100%;height:auto;}
.tunesbox {width:100%;height:auto;}
iframe {width:100%;auto;}
.errormessage {width:100%;}
#insetbox {width:100%;}
.sharecontainer {width:50%;}
.singleimage {width:100%;position:relative;}
.singleimage img {width:100%;height:auto;}

.mobilefooter {border-top:6px solid #eee;padding:10px 0 20px;margin:0 auto;min-height:100px;display:block;width:100%;background-color: #333;}
.mobile-footer-icons {margin-top:15px;width:100%;text-align:center;}
.mobile-footer-icons img {margin:0 10px;}
.mobile-footer-icons p {text-transform:uppercase;font-size:.625em;font-family: AvenirNext-Regular, HelveticaNeue-Light, Arial, sans-serif;color:#333;margin-bottom:10px;}
.mobileheader {display:block;width:96%;padding:2px 0;border-bottom:3px solid #eee;margin:25px auto 0;text-align:left;position:relative;}
.mobilelogo {display:inline-block; margin:0 auto;z-index:20;}
#mobilenav {display:block;width:51px;position:absolute;}
.mobilemenu {margin-top: 30px;color:#333;}
.mobilemenu a {text-decoration:none;color:#000;}
.mobilemenu a:hover {text-decoration:none;}
.mobilemenu li {width:100%;background-color:#fff;text-align:center;padding:18px 0;text-decoration:none;border-top:1px solid #eee;font-size:18px;line-height:18px;AvenirNext-Regular, HelveticaNeue-Light, Arial, sans-serif;}



.catnavbar {display:none;}
#homegridsingle {width:100%;margin:0 auto;}
#content {width:100%;margin:0 auto 40px;display:block;float:none;height:auto;}
.sub-title {width: 95%;font-size: 2.4em;line-height: .95em;word-wrap: break-word;margin:30px auto 10px;}
.crumb {padding-top:5px;}
#content h1 {width:80%;text-align:center;margin:0 auto;}
.copyblock {width:100%;float:none;border:none;padding:0;}
.sideholder {display:none;margin:20px auto;}
.sideholdermobile {width:100%;float:none;display:block;margin:20px auto;clear:left;}
.post {width:96%;margin:0 auto;padding: 0 0 20px 0;}
.post p {width:100%;font-size:16px;line-height:25px;font-family:AvenirNext-Regular, HelveticaNeue, Arial;}
.cheatholder {width:100%;margin-top:30px;}
.cheatholder h6 {text-align:left;font-size:22px;}
.innercheatholder {width:100%;padding:18px 0 22px 0;}

.innercheatholder h5 {text-align:left;font-size:22px;AvenirNext-Regular, HelveticaNeue, Arial, sans-serif;}
.post .innercheatholder p {font-size:18px;line-height: 25px;AvenirNext-Regular, HelveticaNeue, Arial, sans-serif;}
.innercheatholder ul {margin-top:15px;}
.innercheatholder ul li {font-size: 18px;line-height: 22px;width:100%;margin: 0 auto 16px;}
.hotelholder {width:100%;}
.hotelitem p {font-family:AvenirNext-Regular, HelveticaNeue-Light, Arial, sans-serif;}
.hotelitem p a {color: #ff3300;}
.hotelholder h6 {text-align:left;font-size:22px;}
h9 {font-size:18px;line-height:20px;margin-bottom:15px;}
.bioholder {width:100%;text-align:left;margin-top:60px;}
.innercheatholderbot {width:100%;padding:30px 0 34px 0;}
.innercheatholderbot .hotelitem p {width:100%;font-size: 24px;line-height: 26px;margin:10px 0px;}
.listholder {display:block;float:none;margin:0 0 40px;width:100%;}
.pagecontent .listholder {float:none;width:100%;margin:0;position:relative;}
.post .listholder p {width:100%;float:none;display:block}
.post .listholder h8 {width:100%;font-size:1.25em;line-height:1.25em;text-align:center;margin:0 auto 10px;padding:0;display:block;}
.firstNumber {font-size:4.225em;width:100%;height:auto;float:none;margin:0 auto;text-align:center;line-height:1.4em;}
.toppagenav {width:90%;height:auto;border-bottom:none;margin:0 auto;display:block;position:relative;}
.bioline {font-size:18px;}
.question {font-size:1.3em;width:100%;}
.horizdotted {width:100%;}
.oldertop {position:absolute;top:0;left:0;padding:0;margin:0;width:60px;height:47px;}
.oldertopinner  {padding:0;margin:0;width:60px;height:47px;}
.oldertopinner a { background:transparent url(http://www.tablethotels.com/media/ecs/global/magazine/wp/en-big-previous.png) 0px 0px no-repeat; margin:0;}
.oldertopinner a:hover {background-position: 0 -48px;}

#newertop { position:absolute;top:10px;right:10px;width:47px;height:47px;text-decoration:none;text-align:right;}
#newertop ol { list-style:none; ext-indent: 0px;}
#newertop ol li { position:absolute;top:0;right:0;width:47px;height:47px;padding:0;margin:0;list-style-type:none;background:transparent url(http://www.tablethotels.com/media/ecs/global/magazine/wp/en-big-next.png) 205px 47px no-repeat; }
#newertop ol li a { position:absolute;top:0;right:0;border:0;text-decoration:none;display:block;color:#000;text-align:right;padding:0;}
.newer-nav-top a { text-align:right;width:47px;height:47px;background:transparent url(http://www.tablethotels.com/media/ecs/global/magazine/wp/en-big-next.png) 205px 0px no-repeat; margin:0;}
.newer-nav-top a:hover {background-position: 205px -48px;}

#archiverecentbottom {width:100%;margin:0 auto;padding:0;}
#archiverecentbottom .divider {display:none;margin:0 auto;}
#bottomnavholder {width:95%;height:auto;border-bottom:none;border-top:1px dotted #ccc;margin:0 auto;display:block;}
#olderbottom {width:100%;display:block;position:relative;min-height:70px;top:0;left:0;}
#olderbottom ol {padding: 10px 0;margin:0;}
#olderbottom ol li {width:100%;position:relative;}
#newerbottom {width:100%;display:block;position:relative;min-height:70px;top:0;right:0;}
#newerbottom ol {padding: 10px 0;border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc;margin:0;}
#newerbottom ol li {width:100%;position:relative;}
#newerbottom ol li .newsubtitle {color:#444;
font-family: AvenirNext-Regular, HelveticaNeue-Light, Arial, sans-serif;
font-size:12px;
line-height:13px;
font-style:normal;
text-align:right;
text-transform:none;margin:0;padding-right:45px;}

#olderbottom ol li .oldsubtitle {color:#444;
font-family: AvenirNext-Regular, HelveticaNeue-Light, Arial, sans-serif;
font-size:12px;
line-height:13px;
font-style:normal;
text-align:left;
text-transform:none;margin:0;padding-left:45px;}

#newerbottom ol li .newtitle {color:#000;
font-family: AvenirNext-Regular, HelveticaNeue-Light, Arial, sans-serif;
font-size:12px;
line-height:13px;
font-style:normal;
text-align:right;
text-transform:uppercase;
margin-top:7px;padding-right:45px;}
#olderbottom ol li .oldtitle {
color:#000;
font-family: AvenirNext-Regular, HelveticaNeue-Light, Arial, sans-serif;
font-size:12px;
line-height:13px;
font-style:normal;
text-align:left;
text-transform:uppercase;margin-top:7px;padding-left:45px;}


#sscontent-caption {width:100%;height:240px;}
#sscontent-caption-full {width:100%;height:auto;}
.flexslider {width:100%;}
.flexslider .slides {height:240px;}
.flexslider .slides img {width:100%;height:auto;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
.flex-control-nav {display:none;}
#sscontent-caption .caption-body {width:70%;height:auto;}
.flex-direction-nav a {top: 142px;}
.relatedstuff {display:none;}
.mobileicon {width:100%;display:block;}
.landingleadimage {width:100%;height:auto;}

.signupbox {
margin: 14px 0 15px 0;
padding: 15px;
text-align: left;
width: 90%;
background-color: #f9f9f9;
border: 1px solid #eee;
clear: both;
}

.signupbox p {
font-size:14px;
line-height:16px;
}

.signupbox h2 {
font-size:20px;
line-height:24px;
}

.signupbox .submit {
display:block;
margin:5px 0;
text-align:left;padding:0;
}

.signupbox div.hinted {width:90%;display:block;}
.signupbox div.text.hinted input, div.text.hinted textarea {width:90%;}
.mobilecopyright {width:90%;display;block;text-align:center;margin:15px auto;border:none;}
.mobilecopyright p {font-family: AvenirNext-Regular, HelveticaNeue, Arial;font-size:10px;color:#fff;}
.mobilecopyright p a {color:#fff;}

.morehome {float: none;
font-size: 20px;
font-weight: normal;
line-height: 26px;
color: white;
padding: 0;
margin: 30px auto 20px;
text-transform: uppercase;
font-family: AvenirNext-Regular, HelveticaNeue, Arial;
text-align: center;
width: 90%;}
/* custom pages */
#custompagewrapper{width:100%;}
.custompageheader img {width:80%;height:auto;}
.obutton {width:200px;}

#sscontent-caption-full h4 {font-size:18px;line-height:20px;width:80%;}
#sscontent-caption-full .location {color:#333;font-size:14px;width:80%;}
#sscontent-caption-full .caption-body {width:80%;}
#sscontent-caption-full {padding-bottom:0;}
.container img.mlogo {width:110px;height:auto;}
#contentwrapper {width:100%;margin: 0 auto;}
#content {width:95%;margin: 0 auto 40px;}
.post {width:100%;}
.newlistitem {padding-bottom: 20px;margin-bottom: 20px;}
.listholder {width:86%;margin: 0 auto 40px;}
.listitemtitle {width:90%;}
.newlistitem p.listitemcopy {width:90%;}

#olderbottom ol li .oldsubtitle, #newerbottom ol li .newsubtitle {display: table-cell;
vertical-align: middle;
height: 47px;}
#newerbottom ol {border-bottom:none;}
img.fiftypercent {margin:0 auto 15px !important;width:100%;height:auto;display:block;float:none !important;}
#comments {width:80%;}
.tagholder {width:80%;margin-left:auto;margin-right:auto;}
#comments p.formlabel, #comments textarea {width: 90%;}
#comments {width:90%;}
#comments ul.commentlist li {width:92%;padding: 40px 0 10px;}
}

/* IPHONE 4 LANDSCAPE */
@media only screen and (min-width :320px) and (max-width :767px)
and (orientation : landscape) {
.flex-direction-nav a {top: 70px;}
#sscontent-caption {width:100%;height:auto;}
#insetbox {width:100%;}
}