@CHARSET "ISO-8859-1";

/*.banner{
	margin:0;
	padding:0;
	width:799px;
	min-height:150px;
}*/

.public_left{
	float:left;
	margin:0;
	padding:0;
	width:293px;/*293*/ 
	
}
.public_right{
	float:left;
	margin:0;
	padding:0;
	width:596 px;/*293 * 2 +10 = 606-10 */ 
	
}
.subcontent{
	margin:10px 0 0 10px;
	padding:0;
	width:596px;/*606 - 10 */ 
}


/******************* PAGE ADVERT *********************/

#page_advert{
	margin:10px 0 0 0;
	padding:0;
	width:606px;
	height:105px;
}
#page_advert img{
	margin-left:10px;
}/**************BANNER ********************/
#banner{
	position:relative;
	margin:0;
	padding:0;
	width:899px;
		
}
#bannerheader{
	margin:0;
	padding:0;
	width:899px;
	height:7px;
	background:url(../images/layout/common/banner/header.png) no-repeat;
}
#bannerfooter{
	margin:0;
	padding:0;
	width:899px;
	height:14px;
	background:url(../images/layout/common/banner/footer.png) no-repeat;
		
}
#bannerbody{
	position:relative;
	margin:0;
	padding:0;
	width:899px;
	/*background-color:#3b3e45;*/	
	background:url(../images/layout/common/banner/background.png) top right no-repeat;
}/*
<div id="bannerimagewrapper">
			<img src="<?php print site_url($bannerimage);?>" class="bannerimage"/>
			<img src="<?php print site_url($overlay);?>" class="imageoverlay"/>
		</div>
*/
#bannerimagewrapper{
	float:left; 
	position:relative;
	margin:0;
	padding:0;
	/*width:606px; /*606 for large */
}img.imageoverlay{
	position:absolute;
	margin:0;
	padding:0;
	top:0;
	left:0;
	width:606px;
	height:209px;
	z-index:100;
}
/*#banner .bannerrightcontent{
	float:right;

	margin:0;
	padding:10px 20px 10px 0;
	width:273px;
	color:#fff;
	font-size:14px;
}*/

#banner .bannerrightcontent{
	float:right;
	margin:0;
    padding:0 20px 10px 0;              
    width:273px;/*899 - 606 - 20 */
	height:189px;/*209-20*/
    color:#fff;
    font-size:14px;
}
#banner .bannerrightcontent p{
	font-size:12px;
}
#banner .bannerrightcontent h2 {
	margin-top:0;
}
#bannerbody .button{
	position:absolute;
	bottom:2px;
	right:20px
		
}

/***********************SUB BANNER***************/
/*color="#3a3d42"
<div id="subbanner">
	<div id="subbannerbody" class="clearfix">
		<strong>Some lovely content in here about the community</strong><br/>
				And some more stuff here. Have to be careful not to overflow.
	</div>
	<div id="subbannerfooter_right" class="clearfix">
		<img src="<?php print site_url("resources/images/layout/common/banner/learnmore.png");?>" class="button"/>
	</div>	
</div>

<div id="subbannerimage">
	<img src="<?php print site_url("resources/images/layout/public/bannerimage_small.png");?>" class="button"/>
	<div id="subbannerfooter_right"></div>	
</div>
*/
#subbanner{
	position:relative;
	margin:0;
	padding:0;
	width:606px;/*606*/
}
#subbannerbody{
	position:relative;
	margin:0;
	padding:15px 10px 5px 30px;
	width:566px;/*606 - 40*/
	
	background:url(../images/layout/common/banner/sub/header_top_right.png) top right no-repeat #3a3d42;
	color:#fff;
	font-size:14px
}

#subbannerbody h2 { margin-top:0; }

#subbannerfooter_right{
	margin:0;
	padding:0;
	width:606px;
	height:29px;
	background:url(../images/layout/common/banner/sub/footer_right.png) no-repeat;
		
}
#subbannerimage{
	margin:0;
	padding:5px 0 0 5px;
	width:288px;/*293 - 5*/
	min-height:100px;
	background:url(../images/layout/common/banner/sub/header_top_left.png) top left no-repeat #3a3d42;	
}
#subbannerfooter_left{
	margin:0;
	padding:0;
	width:293px;
	height:5px;
	background:url(../images/layout/common/banner/sub/footer_left.png) no-repeat;
		
}
#subbannerfooter_right .button{
	position:absolute;
	bottom:2px;
	right:20px
		
}/*******************PODS**************************/
#podcolumn_left{
	margin-right:0;
}
#podcolumn_center{
	margin-left:10px;
}
#podcolumn_right{
	margin-left:10px;
}
/*********************CATEGORY PODS***********************/
.pod.category_pod{
	float:left;
	margin-right:10px;
}
.pod.category_pod.alternate{
	margin-right:0;
}
.pod.category_pod .pod_header{
	height:49px;
}/**********************DIRECTORY BROWSER ***********************/
/*
	<div id="directorybrowser">
	<div id="directorybrowser_header"></div>
	<div id="directorybrowser_body">
		<div id="directorybrowser_underheader"></div>
		<ul id="directorybrowser_list">
			<?php foreach($categories as $category):?>
			<li class="directorybrowser_listitem"><?php print anchor(site_url("directory/".$category->identifier), $category->title, 'class="directorybrowser_listitemlink"');?></li>
			<?php endforeach;?>
		</ul>
	</div>
</div>
	*/
#directorybrowser{
	margin:0;
	padding:0;
	width:293px;
}
#directorybrowser_header{
	margin:0;
	padding:0 0 0 12px;
	width:281px;/*293-12*/
	height:39px;
	background:url(../images/layout/public/categories/header.png) no-repeat;
	line-height:39px;
	font-size:14px;
	font-weight:900;
	color:#fff;
}
 

#directorybrowser_header a{
	color:#fff;
}

#directorybrowser_body{
	margin:0;
	padding:0;
	width:293px;/*293*/
	background:url(../images/layout/public/categories/background.png) bottom center no-repeat;
	

}
#directorybrowser_underheader{
	margin:0;
	padding:0;
	width:293px;/*293*/ 
	height:7px;
	background:url(../images/layout/public/categories/underheader.png) :no-repeat;
  
}
#directorybrowser_list{
	margin:0;
	padding:0 0 10px 0;
	width:293px;/*293*/ 
	list-style:none;
}
#directorybrowser_list li{
	margin:0;
	padding:0;
	width:293px;/*293*/  
	height:34px;
}
#directorybrowser_list li a{
	float:left;
	margin:0;
	padding:0 0 6px 30px;
	width:263px;/*293 - 30*/  
	height:28px;/*34 - 6*/
	background:url(../images/layout/public/categories/item_background.png) no-repeat;
	line-height:28px;/*34 - 6*/ 
	font-size:14px;
	font-weight:900;
	color:#fff;
}
#directorybrowser_list li a:hover,
#directorybrowser_list li a.selected{
	background:url(../images/layout/public/categories/item_background_over.png);
}
#page_animals_and_agriculture .menu_animals_and_agriculture a,
#page_business_services .menu_business_services a,
#page_community_resources .menu_community_resources a,
#page_financial_and_legal .menu_financial_and_legal a,
#page_health_and_beauty .menu_health_and_beauty a,
#page_home_and_garden .menu_home_and_garden a,
#page_leisure_and_entertainment .menu_leisure_and_entertainment a,
#page_motoring .menu_motoring a,
#page_shopping .menu_shopping a,
#page_travel_and_transport .menu_travel_and_transport a{
	background:url(../images/layout/public/categories/item_background_over.png);
	cursor:default;
	text-decoration:underline;
}

/*****************************SCROLLER ***************************/
/*
<div id="businessscroller">
	<div id="scroller_featured">
		<div class="businesslistitem alternate clearfix">
						<a href="http://demosite.localbiz.local/business/another_nice_business" title="Another nice Business" class="businesslistitemimagelink">

					<img class="businesslistitem_image" src="http://demosite.localbiz.local/resources/library/demosite/businesses/another_nice_business/fixed//smallimage.png"/>
				</a>
				<div>
			<div class="businesslistitemtitle"><a href="http://demosite.localbiz.local/business/another_nice_business" title="Another nice Business" class="businesslistitemlink">Another nice Business</a></div>
			<div class="businesslistitemdescription">This is a really loveely business/ &nbsp;&nbsp;&nbsp;&nbsp;fx:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#39;fade&#39;,&nbsp;//&nbsp;name&nbsp;of&nbsp;transition&nbsp;effect&nbsp;(or&nbsp;comma&nbsp;separated&nbsp;names,&nbsp;ex:&nbsp;fade,scrollUp,shuffle)&nbsp;&#8230;</div>

		</div>
	</div>

	</div>
	<div id="scroller_basic">
		<div class="scroller_business clearfix">
			<div class="scroller_business_info">
				<div class="scroller_business_info_title"><a href="#" title="" class="scroller_business_info_title_link">Plub center Shipley</a></div>
				<div class="scroller_business_info_description">Nunc eu sapien velit, ac volutpat massa. Nulla sed imperdiet ipsum. Vivamus vel arcu sed lacus posuere laoreet. Nulla semper, ipsum </div>
			</div>
		</div>
		<div class="scroller_business clearfix">
			<div class="scroller_business_info">
				<div class="scroller_business_info_title"><a href="#" title="" class="scroller_business_info_title_link">Plub center Shipley</a></div>
				<div class="scroller_business_info_description">Nunc eu sapien velit, ac volutpat massa. Nulla sed imperdiet ipsum. Vivamus vel arcu sed lacus posuere laoreet. Nulla semper, ipsum </div>
			</div>
		</div>
	</div>
</div>
*/
#businessscroller{
	margin:0;
	padding:18px 0 10px 0;
	width:293px;
	background:url(../images/layout/public/scroller/background.png) bottom center no-repeat #3a3d41;
	color:#fff;
}
#scroller_featured{
	margin:0 0 0 18px;
	padding:0;
	border-bottom:dotted 1px #ccc;
	width:257px;/*293 - 36 */
}
#scroller_basic{
	margin:18px 18px 0 18px;
	padding:0;
	width:257px;/*293 - 36 */
}

#businessscroller .businesslistitem{
	margin:0;
	padding:0 0 5px 0;
	width:257px;/*257 */
	
	color:#fff;			
}
#businessscroller .businesslistitem a{
	color:#fff;
}
#businessscroller .businesslistitem a:hover{
	color:#fff;
}
#businessscroller .businesslistitemtitle{
	font-size:12px;
	font-weight:bold;
	width:auto;
}
#businessscroller .businesslistitemdescription{
	font-size:10px;
	font-weight:normal;
	width:auto;  
}/*
#businessscroller img.scroller_business_image{
	float:left;
	margin:0 5px 3px 0;
	padding:0;
	border:1px black solid;
	width:70px;
	height:70px;
}
#businessscroller .scroller_business_info_title a.scroller_business_info_title_link{
	
	font-size:12px;
	font-weight:bold;
	color:#fff;
		
}
#businessscroller .scroller_business_info_description{
	font-size:10px;
	color:#fff;	
}*/





/****************************** POD STUFF *******************************/
#flickrlinks {
	margin-bottom:4px;
}
.flicker_thumbnail_link{
	display:block;
	width:75px;
	float:left;
	margin:0 10px 10px 0;
}

.nationalnews_thumbnail_link{	
	float:left;
	margin:0 10px 25px 0;
}

#video .pod_body div.videoitem{
	text-align:left;
	margin-bottom:4px;
	padding-bottom:4px;
	border-bottom:1px dotted #222;
}

#video .pod_body div.videoitem a{
	float:left;
	margin:0 10px 0 0;
}

#video .pod_body a{
	color:#333333;
}
a.rsslink{
	float:right;
	margin:2px 2px 2px 2px;
	padding:0;
	width:12px;
	height:12px;
	background:url(../images/layout/common/icons/rss.png);
		
}

/****************************weatherpod*************************/

div.weatherday{
	padding-bottom:4px;
	border-bottom:1px dotted #222;
}
div.weatherday .weatherdaytitle{
	margin:0;
	padding:4px 0 4px 0;
	font-weight:bold;
	font-size:12px;
}
div.weatherday .weatherdaybody{	
	font-size:12px;
}
div.weatherday .weatherdaybody strong{
	font-weight:bold;
}
div.weatherday .weatherdaybody img{
	float:left;
	margin:0 10px 5px 0;
	 
}


/* ------------------------------
   GET YOUR BUSINESS LISTED PROMO
   --------------------------- */
.getListed {
	margin-top:20px;
	border-top:1px solid #2875a7;
	font-weight:bold;
}

.getListed h2 {
	color:#2875a7;
}

.getListed strong {
	color:#c8208b;
	font-size:1.4em;
	white-space:nowrap;
}
.getListed a {
	color:#c8208b;
	text-decoration:none;
}

.getListed a:hover {
	text-decoration:underline;
}

/* -----------------------
   BUSINESS GALLERY STYLES
   ----------------------- */
   
.businessImageGallery{
	margin-top:20px;
	position:relative;
}
#thumbs{
	position:absolute;
	bottom:23px;
	right:0;
}
#thumbs p {
	margin:5px 0 0 15px !important;
}
/* Thumbnails */
.businessImageGallery ul.thumbs{
	clear:both;
	margin:0 10px 0 5px;
	padding:10px 0 0 0;
	border-bottom:1px solid #ccc;
	float:left;
}
.businessImageGallery ul.thumbs li{
	float:left;
	padding:0;
	margin:0 0 7px 7px;
	list-style:none;
}
.businessImageGallery a.thumb{
	padding:2px;
	display:block;
	border:1px solid #ccc;
}
.businessImageGallery ul.thumbs li.selected a.thumb{
	background:#000;
}
.businessImageGallery a.thumb:focus{
	outline:none;
}
.businessImageGallery ul.thumbs img{
	border:none;
	display:block;
}/* Main slideshow image */
.businessImageGallery div.content{
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display:none;
	float:left;
	width:295px;
}
.businessImageGallery div.slideshow-container{
	position:relative;
	clear:both;
	height:200px;/* This should be set to be at least the height of the largest image in the slideshow */
}
.businessImageGallery div.loader{
	position:absolute;
	top:0;
	left:0;
	background:url('../images/layout/common/loader.gif') center no-repeat;
	width:295px;
	height:200px;/* This should be set to be at least the height of the largest image in the slideshow */
}
.businessImageGallery div.slideshow span.image-wrapper{
	display:block;
	position:absolute;
	top:0;
	left:0;
	padding:0;
}
.businessImageGallery div.slideshow a.advance-link{
	display:block;
	width:295px;
	height:200px;
	line-height:200px;
	text-align:center;
}
.businessImageGallery div.slideshow a.advance-link, .businessImageGallery div.slideshow a.advance-link:hover, .businessImageGallery div.slideshow a.advance-link:active, .businessImageGallery div.slideshow a.advance-link:visited{
	text-decoration:none;
	background:#f9fdff;
	background:rgba(0,0,0,0.05);
	border:none;
}
.businessImageGallery div.slideshow img{
	vertical-align:middle;
	max-height:200px;
	border:none;
}/* Slideshow controls */
.businessImageGallery div.controls{
	margin-top:5px;
	height:23px;
	border-top:1px solid #ccc;
}
.businessImageGallery div.controls a{
	padding:5px;
}
.businessImageGallery div.ss-controls{
	float:left;
}
.businessImageGallery div.nav-controls{
	float:right;
}/* Pagination */
.businessImageGallery div.pagination{
	clear:both;
}
.businessImageGallery div.pagination a, .businessImageGallery div.pagination span.current, .businessImageGallery div.pagination span.ellipsis{
	display:block;
	float:left;
	margin-right:2px;
	padding:4px 7px 2px 7px;
	border:1px solid #ccc;
}
.businessImageGallery div.pagination a:hover{
	background:#eee;
	text-decoration:none;
}
.businessImageGallery div.pagination span.current{
	font-weight:bold;
	background:#000;
	border-color:#000;
}
	color:#fff;
.businessImageGallery div.pagination span.ellipsis{
	border:none;
	padding:5px 0 3px 2px;
}

/* Prize draw banner */
.prizeDrawBanner {
	margin:10px 0;
}



#nyroModalFull iframe body{
	display:inline;
}
#nyroModalFull iframe img{
	vertical-align:middle;
	display:inline;
}

/*--- NEWS ---*/
.newsThumb{
	float:left;
	margin:5px 10px 10px 0;
}
.articleauthordetails {
	float:left;
}
.inPage{
	margin-top:0;
	padding:5px;
	border:1px solid #ccc;
}
.fullpod_body img{
	max-width:572px;
	clear:both;
}