/* CSS Document */

body {background:none !important}
.wrap,.sky-container {display:none} /* REMOVED .DartAdvert - MUST TURN OFF AT OTHER RESPONSIVE STYLESHEETS */ 
.col-2 .DartAdvert,.col-2 .twitter-timeline {margin:10px;width:47%!important;clear:none} 
#dir-banner.belly-banner {display:none}
#site{background:#fff;margin:10px auto;width:100%} /* TO CORRECT THE WRAP FIX OF 980PX ON #SITE ON LAYOUT.CSS */

#sitesearch {padding:10px 0;height:40px;width:auto}
#sitesearch #search {float: none;width:100%}
#sitesearch #search form {width:80%;margin: 0 auto;background:#fff;height:40px}
#sitesearch #search label {display:none}
#sitesearch > form >label+ input {width:60%}
#sitesearch #search input[type="text"] {width:80%;height:30px}
#sitesearch #search #submitSearch {width:35px;float:right}
#sitesearch #search a {display:none}
#sitetrail{display:none}
#site>*{width:98%;padding:0;}
header{width:100%}
header>a>img{width:100%}
header>aside{clear:both}
#dates {clear:none}
.NavigationItems {display:none}
nav>ul>li{padding:10px 5px}
nav select#topNavSelect {width:100%;display:block;padding:5px 0 5px 5px;height:30px}
nav#small-width-nav{display:block;margin:10px 0}
#site>#content{width:100%}
#content{margin:20px 0;width:100%}
#content > h2 {margin:0 0 20px}
#content>section{width:100%;padding:0;margin:0}
.col-2 #features {height:485px}
#features > article {height:80px}
#site #features > article > a {height:80px;overflow:hidden}
.col-2 #features, .col-2 .popular{width:47%;float:left;height:auto;overflow:hidden;margin:10px;clear:none}
.col-2 .popular {height:468px}
#site .popular > div > a {font-size:110%;height:10px;padding:20px 0}
.popular > section {height:363px}
.popular > section ul > li > a, .popular > section ol > li > a {height:33px;font-size:120%;background:url(/images/arrow.png) left 11px no-repeat;}
#site .col-2 > a,#site .col-2 > h2,#site .col-2 > h3,#site .col-2 > h4 {clear: none;float: left;margin: 10px;width: 47%;}
 .col-2 > a > img {width:100%}
#site .col-2 > section.comp {clear:none;float:left;margin:10px}
.popular > section {width:auto}
.popular ul{width:auto}
.popular ul>li{width:auto}
.col-2>section:after{margin:0 0 10px}
#scroller>ul{width:auto}
#scroller>ul>li{width:146px}
.comp{float:left}
.col-2>.whatson-cal:nth-child(1){clear:left}
.twtr-doc{float:left;width:100% !important;margin:10px 0}
	.col-1>.comp,.col-2>.comp,.col-1>article,.col-2>article{width:47%;}
.col-2>section,.col-2>section.comp {margin:10px}
.col-2 .whatson-cal,table.caltable {margin:10px auto}
#article-scroller  {margin:0 auto 20px;width:100%}
#Footer nav {display:none}
section#banner {margin:0;width:auto;background:none;padding:0 0 10px 0}
article#story {width:100%}
.quick-links {display:none}
.col-1 > ul > li {width:390px}

/* DIR*/
.dir-dropdown-btn {display:block}
.dir-banner {text-align:center}
.dir-banner h1 {font-size:220%;padding:5px 0;text-align:center;width:95%;height:auto;font-weight:100;margin:0 auto}
.dir-banner h1 a {display: block;margin:10px 5px;width: 95%;}
.dir,#ListingSearchForm {width:95%;margin:0 auto;float:none;padding:20px 0 10px}
.dir div.keyword,#ListingSearchForm div.keyword {margin:10px 5px;float:none}
.dir div.keyword input,#ListingSearchForm div.keyword input {margin:0;height:30px;font-size:180%}
.dir > label,#ListingSearchForm label{float: none; display:block;font-weight:100;margin:10px 5px;padding: 5px;text-align: center;width:95%;font-size:180%} 
.dir > div,#ListingSearchForm div{width: 95%;float:left}
.dir > div > input,#ListingSearchForm div input {width:95%;margin:10px 5px}
.dir > input[type=text],#ListingSearchForm input[type=text],#ListingSearchForm select {width: 95%;float:none;margin:10px auto;display:block;height:30px;font-size:180%}
#ListingSearchForm select {margin:10px 5px}

#site .dir > input.submit,#site #ListingSearchForm input.submit {text-indent:0px;background: none repeat scroll 0 0 #2E98FC;height: 35px;margin: 10px 0 0;width: 100%;color:#fff;font-weight:bold;text-transform:uppercase}

#site section.PCV3NicheSearchBg,#site .searchbg {
background-image: linear-gradient(bottom, rgb(176,219,255) 10%, rgb(95,180,254) 85%);
background-image: -o-linear-gradient(bottom, rgb(176,219,255) 10%, rgb(95,180,254) 85%);
background-image: -moz-linear-gradient(bottom, rgb(176,219,255) 10%, rgb(95,180,254) 85%);
background-image: -webkit-linear-gradient(bottom, rgb(176,219,255) 10%, rgb(95,180,254) 85%);
background-image: -ms-linear-gradient(bottom, rgb(176,219,255) 10%, rgb(95,180,254) 85%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.1, rgb(176,219,255)),color-stop(0.85, rgb(95,180,254)));height:auto}
#site .dir-listing .standard h2 {width:70%}
#site .dir-listing .standard p {width:50%}
#site .dir-listing article p {display:block}
#listing {margin:10px 0}
#site .dir-comp > ul {width: 100%;}
#site .dir-comp > ul > li{width:auto}
#site .dir-comp > img {display: none;}
#keywordcontainer {width:100%}
#keywordcontainer ul {display:none}
#keywordcontainer select {width:100%;display:block;height:40px;padding:10px 0}
/* WHATS ON */
#tabs-cont-container {margin:0}
#site .whatson-banner h2 {display:none}
#tab1 .whatson .location {width:100%;margin:0}
#tab1 section.whatson {width:100%;margin:0}
#tab1 section.whatson label {clear:right;float:left}
#tab1 section.whatson select{margin: 0 0 20px 0;width:66%}
#tab1 section.whatson label {clear: right;float: left;width: 20%;padding:5px;font-size:120%}
#tab1 section.whatson input, #tab1 section.whatson select {float: left;margin: 0 0 20px;width: 65%;}
#tab1 section.whatson input[type=text], #tab1 section.whatson select {height:30px;font-size:120%}
#tab1 section.whatson select {padding:5px 0}
#tab1 section.whatson > input[type="submit"] {clear:both;color:#FFF;float:none;margin: 0;width: 95%;background:#000;height:40px;margin:0 auto;text-indent:0px;text-transform:uppercase}
#tab1 {background:#EC4705;height:auto;padding:0 0 20px 0;}
#site .whatson-banner h1 {color:#FFF;float: none;font-size: 220%;margin: 0 auto 30px;text-align: center;width: 90%;font-weight:100}
.whatson .standard p{width:95%}
ul#tabs li.active {display:block;width:100%}
div#site ul#tabs li.active a,div#site ul#tabs li.active a:hover {display:none}
ul#tabs li {display:none}
.whatson .standard .listing-info {width:auto}

#content .es-carousel-wrapper{padding:20px 45px;margin:10px 0;width:90%}

#site .hotjobs ul li h4 {font-size:100%}

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

#divSlideshow{
	width:47%;
	clear:none;
	margin:10px
}

.Slideshow, #divTemplate .Slideshow{
	width:100% !important;
	margin:0 !important
}

.article-slideshow .prty-phto-gall{
	width:97%	
}

#site .poll {width:47%}

.e-edition a {float:none}
.e-edition img {width:auto}
.e-edition h3 {text-align:left}
.e-edition aside {height:420px;text-align:center}

#dir-banner > img {width:100%}
.showcase-thumbnail-restriction {width:75% !important}

/* SHOP */

.shop input,.shop textarea,.shop select {width:90%}

/* ZOOPLA */
.zoop.feat.clearfix > ul
{
    display: table;
    float: none;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 90%;
	clear:both;
	
}

.zoop form {background-image:none;background-color:#527db2}
.zoop.z-search table {width:95%}
.col-2 section.zoop.z-search.mpu > form {height:310px}
.col-2 section.zoop.z-search.mpu {
    clear: none;
    float: left;
    width: 47% !important;
}

.top-story-small {
	max-width: calc(100% - 340px);
}