/* CSS Document */
/*.ad-banners,.belly-banner {display:none}*/ /* TO TURN OFF AD-BANNERS AND BELLY-BANNERS FROM 480px and Below*/
input {webkit-border-radius: 0;border-radius: 0;}
#dir-banner.belly-banner {display:none}
.col-1 .DartAdvert,.col-2 .DartAdvert,.col-2 .twitter-timeline {width:100% !important;margin:10px 0;display:block}
.col-1 > article,.col-2 > article {width:97%;height:auto;padding:0;margin:10px 0;overflow:visible}

#links > a:first-child > img {width:100%}

nav>ul>li{
	padding:10px 5px
}

#site>div {overflow:hidden} 
#dates {margin:0;padding:0}
header h1 {display:none}

header>img {margin:0;width:90%}
header #dates p {width:100%;text-align:left}

#dates h3,#dates div {display:none}
#dates a {display:none}

section {width:100%}

#site #content > h2 {margin:0}

.news-art{
	width:100%;
	padding:0 0 2px !important;
	position:relative;
	overflow:hidden !important
}

.news-art p{
	display:none
}

#site article.lead{
	/*width:100%;*/
	position:auto
}

#site article.lead > h3{
	position:relative;
	top:auto;
	left:auto
}

article.lead>a {
    display: inline;
    margin: 0 10px 10px;
}

article.lead>a>img{
	float:left;
	width:auto
}

#site article.lead > p{
	display:block
}

article.lead>h3{
    margin: 0 0 10px;
}

.news-art > h3{
	font-size: 110%;
    float: right;
    width: 65%;
}

#site .news-art img{
	width:80px
}


.col-2>section{
	width:100%;
}

#scroller ul li{
	width:170px
}

#site .col-1 > .comp,#site .col-2 > section,#site .col-2 > section.comp{
	width:100%;
	margin:0 0 10px 0
}

#site .col-2 > a, #site .col-2 > h2, #site .col-2 > h3, #site .col-2 > h4 {width:100%}

#site .col-2 .whatson-cal {display:none}
 
.comp h3 {width:100%} 



.col-2 #features,.col-2 .popular{
	float:none;
	width:100%;
	margin:0 0 20px;
	height:auto
}

.col-2 .popular ul{
	width:auto
}

#dates{
	border:none;
	width:100%;
	text-align:left;
	height:auto;
	margin:0 0 10px;
}

#dates>h1{
	width:100%;
	background:none;
	border:none;	
}

#dates>p{
	width:50%;
	float:left
}

header>a#advert{
display:none
}
header a#logo {margin:0 auto;float:none}

#links {
	width:100%	
}

#links a{
	margin:0 10px 0 0;
}

#content{
	margin:10px 0
}

#article-scroller{
	width:100%
}


#article-scroller ul {overflow:hidden}

#article-scroller ul li {width:240px;margin:0 !important;text-align:center}

#article-scroller>.articleScrollerMain{
	width:80%
}
#footer-logos {display:none}
#Footer {padding:0 0 10px}
#Footer>div {display:none}
#site #Footer p {width:45%}
#site #Footer > a {}
#site #Footer > p + a {margin: 10px 10px 0}

/* ARTICLE STYLES */
#content> section.col-art {width:100%;margin:0 0 20px}
article#story {width:100%;padding:0}
#content> section.quick-links {display:none}

.col-2 .whatson-cal {margin:10px 0}

/*DIR + WHATSON*/
.dir-lead img {display:none !important}
#site .dir-listing .enhanced > a {float:left}
#listing article img {width:50%}
.dir-comp h3 + a {display:none}
.enhanced > p {width:100%}
.standard h2 {width:60%}
.standard p {width:90%}
#site .dir-comp > ul {margin:10px 0 !important}
.searchbg h1 span {display:none}
#site .dir-profile h3 {width:100%;float:left;margin:20px 0}
#site .niche-profile {width:100%;margin:0}
#site .dir-profile > div.mapdiv {width:100%;margin:0 0 30px 0}

/*GC*/
#listing article p{padding:5px 0}
#listing .enhanced > p{padding:5px 0}
#listing .enhanced > h3,#listing .standard > h3{float:left;clear:both}
#mapwrapper{width:99%}
#map{width:100% !important}

#content .es-carousel-wrapper{
	padding:20px 107px;
	clear:both;
	margin:10px 0 20px;
	width:50%;
	float:left;
	background:#000
}

#site .comp > article {
	padding:3px 0 0 0;
	margin:0;
	background:#F6F6F6;
	height:auto;
	border-bottom:none
}

#site .comp > ul{
	margin:0;
	height:auto
}

#site .comp > article > a{
background-image: url(/images/combo-li-bg.png);
width:12px;
height:36px;
margin:0
}

#site .comp > article img{
display:none
}

#site .comp > article > h4,#site .comp > article > p{
	height:auto;
	font-weight:bold;
	padding:0 0 0 5px;
	height:36px;
	font-size:100%;
	margin:0 0 0 15px;
	line-height:16px;
	color:#333
}

/*COMP LINK COLOURS*/
.red>article>a{
	background-color:#ac1011
}

.dark-grey>article>a{
	background-color:#9B8F79
}

.pink>article>a{
	background-color:#cc6699
}

.orange>article>a{
	background-color:#e46e29
}

.blue>article>a{
	background-color:#0066CC
}

.turq>article>a{
	background-color:#286b7e
}

.green>article>a{
	background-color:#477654
}

.navy>article>a{
	background-color:#26517D
}

.purple>article>a{
	background-color:#412D91
}

.bronze>article>a {
	background-color:#9B8F79
}

.lime>article>a {
	background-color:#99CC33
	
}

.popular,#scroller{
	display:none
}

#site h2,#site .col-2 h2{
	margin:10px 0;
	width:100%;
	float:left
}

#bannertitle {margin:0}

#site #bannertitle h1,#site #bannertitle h2,#site #bannertitle h3 {margin:0}

#site  .col-2 .hotjobs h2{
	margin:10px 0 0
}

.news-art .com-count,.com-count{
	bottom:0px;
	top:auto
}
.col-1 > ul > li > a {display:block;width:90%}

#site .col-2 > a, #site .col-2 > h2, #site .col-2 > h3, #site .col-2 > h4{
	margin:10px 0
}

#divSlideshow{
	clear:none;
	width:100%;
	margin:10px auto;
	float:none;
}

.col-1 .section-whats-on-no-header {display:table}
.col-1 .section-whats-on-no-header table {display:none}

.e-edition aside {
    height: auto;
    text-align: left;
    width: 100%;
}

.e-edition a {float:left}
#dir-banner > img {display:none}
.enhanced > p, .premium > p {width:100%}


.showcase-thumbnail-restriction {width:57% !important}
.showcase-content-container {display:none}
#site article.news-art > p + a + p + a {display:block;clear:both;width:100%;margin:10px 0} 

/* ZOOPLA */
.zoop form  {margin:10px auto 0}
#site .zoop.feat li > h4 {font-size:100%}
.col-1 .zoop.feat {margin:10px 0}
.col-1 .zoop.feat h2 {margin:0}
.zoop.feat li {width:20%}
.zoop.feat li + li {margin:20px 20px 0 0}
.zoop.feat li img {width:100%}
.zoop form > input[type="text"] {width:85%}

/* RSS LINKS */
.col-1 .rssExternalLink, .col-2 .rssExternalLink, .col-1 h2.rssExternalLink, .col-2 h2.rssExternalLink {
	margin:0 0 10px 0;
	width:100%	
}