@import url(medium.css);
body{min-width:975px;}
/*Skip Links above was 654px*/
.skiplist {margin: 0; padding: 0} 
.skip {display: none; font-family: verdana, sans-serif; text-align: left; margin: 0; padding: 0; position: absolute} /*All incl Opera*/
:root .skip {display: block} /*Seen by Moz, FF and Safari*/
.skip a {padding: 0 0.5em; display: inline; z-index: 2; text-decoration:none; position: absolute; width: 14em; left: -200em}
.skip a:focus, .skip a:active {position: absolute; left: 0.5em; border: solid #eecc58 1px;}
.skip a:hover {cursor: default}
.continue{position:absolute;text-decoration:none;}
span.continue a{text-decoration:none !important;}
/*End Skip Links*/
/* Masthead */
div#mastLeft{float:left;width:10%;text-align:center;overflow:hidden;} 
div#mastWrapper{float:left;width:70%;}
div#mastRight{float:left;width:20%;}
div#mastContent div.imgHeader{float:left;clear:none;overflow:hidden;width:25%;}
div#mastContent li{list-style-image: url(/internet/images/arrowWhite.gif)}
div#mastContent ul{margin:3px 0pt 3px 5px;padding:0px;list-style-position:inside;overflow:hidden;}
div#mastContent img{border:solid 1px #fff;overflow:hidden;margin-top:3px;overflow:hidden;}
div#mastLeft img{margin-top:3px;margin-bottom:3px;border:none;}
div#mastRight #searchInput{width:40%;}
div#mastRight form{padding:0;margin:0;width:100%;overflow:hidden;}
 /* End Masthead */
/*Breadcrumb */
.breadcrumb{clear:both;line-height:2; margin:0 0 0 0; background:url(/internet/images/breadArrow.gif) no-repeat left;text-indent:16px;}
.breadcrumb ul{list-style-type:none;margin:0;}
.breadcrumb li{margin:0;padding:0;display:inline;}
/*End Breadcrumb*/
/*Headings*/
h1{display:none !important;}
h2{width:100%;margin:0;}
/* DO NOT USE PADDING ON THE H2 SELECTORS AS THIS BREAKS THE LAYOUT IN IE 6 USE TEXT-INDENT AND LINE-HEIGHT INSTEAD */
#leftColumn h2, #rightColumn h2, #contentColumn .h2SectionNews{margin-bottom:5px;font-size:small;text-indent:5px;line-height:1.5;}
/* added a more specific style to the contact us box, moved from the centre to the left hand side */
#leftColumn h2.h2ContactUs{margin-bottom:0;}
#contentColumn h2{line-height:1.5;font-size:medium;margin-top:0px;}
#home h2{text-indent:3px;line-height:1.5;font-size:small;margin-bottom:5px;margin-top:5px;}
h3{font-size:small;}
h3.spotlight{margin-top:0px;}  
h4{font-size:100%;}
#leftColumn #contactUs a,#leftColumn #contactUs a:visited
{
	color:#000000;
}
.contactUsLinks
{
	list-style-type:square;
	list-style-image: url(/internet/images/blueBullet.gif)
}

/*End Headings*/
acronym{cursor:help;border-bottom:dashed 1px #000;}
#contentColumn a:link, #contentColumn a:visited, #contentColumn a:hover{text-decoration:underline;}
/*Latest News (Home)*/
#news{margin-top:5px;margin-bottom:15px; list-style-type:square;}
/*End Latest News (Home)*/
/*Home Hot Features*/
#home{margin:0;padding:0;}
#divFeature{clear:both;width:100%;margin: 0 0 10px 0;padding:0;}
.feature{float:left;clear:none;border:solid 1px #0050b8; color:#000;background-color:White; width:30%;overflow:hidden;margin-right:-1px}
.feature img{margin:0;padding:0;height:52px;overflow:hidden;}
.feature h3{text-indent:1px;margin:2px;}
.feature p{padding:0 3px 3px 3px;margin:0px;overflow:hidden;}
.fs{width:2.5%;float:left;margin-right:-1px;}/*FF*/

.featureFirstColumn{float:left;width:48.5%;}
.featureSecondColumn{width:48.5%;overflow:hidden;}
.featuresSeparator{border-bottom:1px solid #CDCBCC;}
/*End Home Hot Features*/

/* Home Image Features*/
.featureImageFirstColumn{float:left;width:45%;border:1px solid #c6c6c6;line-height:1;background-color:#E9E9E9;margin-top:10px;text-align:center;}
.featureImageSecondColumn{width:45%;border:1px solid #c6c6c6;line-height:1;background-color:#E9E9E9;float:left;margin-top:10px;text-align:center;}
.homeFeatureImage{float:left;padding-right:5px;}
/* Home Image Features*/

/* Home Spotlight */
div#spotlight{overflow:hidden;clear:both;}
div#spotlight img{padding-right:5px;margin-bottom:5px;width:175px;}
div#spottext{height:100%;}/*padding-left:5px;}*/
/* End Home Spotlight */
/* Image wrapper generic rules */
.imageWrapper{overflow:hidden;margin:0;padding:0; width:100%;height:148px;background-repeat:no-repeat;background-attachment:inherit;background-position:center;background-color:#d2dbe8;}
.imageWrapper span, .imageWrapper img{visibility:hidden;} /*but keeps page accessible by maintaining an identical hidden content image*/

/* Added by David Holden 22/09/2009 to make the alt text work for images  */
.featuresImages{display: block;margin-left: auto;margin-right: auto;}
.featuresWrapper {background-color: #d2dbe8;border:1px solid #0050B8;}
.featuresWrapperHeader {background-color: #d2dbe8;overflow:hidden;margin:0;padding:0; width:100%;} /* features controls have borders but features header doesn't, hence new class */

.featuresWrapper img, .featuresWrapperHeader img{display: block;margin-left: auto;margin-right: auto;}


/*Home Template image wrapper - used by Features */
#home .imageWrapper img{visibility:hidden;}
#home .imageWrapper{height:52px;}
/*End Home Template image wrapper - used by Features */
/*Channel Home image wrapper */
#contentColumn #channelhome .imageWrapper{height:110px;}
/*End Channel Home  image wrapper*/
/*Channel Home Features*/
#rightColumn .imageWrapper{width:auto;height:52px;border:solid 1px #0050b8;}
ul.f{list-style-type:square; list-style-position:inside;margin:0 0 3px 0;padding:3px;border:solid 1px #0050b8;border-top:none;}
/*End Channel Home Features*/
/*channel home quick find*/
#h2Quickfind{margin-top:10px;}
/*Downloads*/
/*.pdf{background: url(/internet/images/adobe.gif) center right no-repeat;padding-right: 13px;margin-right:3px;background-color: transparent;}*/
/*End Downloads*/
/* links */
div#welcome{width:100%;clear:both;}
div#welcome a{float:left;width:auto;display:block;text-decoration:none;padding-right:4%;}   
div#welcome img{border-style:none;padding-bottom:0px;}
/* a:hover, a:active{text-decoration:underline;} generic for external apps*/


/*
The following was removed from the above line by David Holden on 29/10/2009
, #contentColumn a:link, #contentColumn a:visited
The following was added to the above line
#contentColumn a:hover
/*
/* s fix */
#pageWrapper a:link, #pageWrapper a:visited{text-decoration:none;}
#masthead a:hover, #leftColumn a:hover, #rightColumn a:hover, #footer a:hover, #contentColumn a:link, #contentColumn a:visited{text-decoration:underline;}

/* Added styles for the anchors under the information for you and popular links... */
/* not sure i can explain what is going on........ */
#divPopularLinks a:link, #divPopularLinks a:visited, #divInformationForYou a:link, #divInformationForYou a:visited,#spotLight a:link, #spotLight a:visited {
color:Black;
text-decoration:none;
}

#divPopularLinks a:hover, #divInformationForYou a:hover {
color:Black;
text-decoration:underline;
}

a[name], #contentColumn a[name]{text-decoration:none;}





/* end links */
/* Positioning */
.floatLeft{float:left;margin:3px 5px 5px 0px;}
.floatRight{float:right;}
.hidden{display:none;}
/* End Postitioning */
/* LEFT AND RIGHT NAV STYLES */   
#leftColumn img{margin-left:6px;overflow:hidden;}/* for logo */
.Nav  li{padding: 3px 0px 5px 0px;border-bottom:solid 1px #cdcbcc;}
.Nav  li a{text-decoration:none;}
.Nav  li a:hover{text-decoration:underline;}
.Nav  {padding-left:0;margin:0 5px 10px 5px;list-style-position:outside;list-style-type:none;}
.Nav  ul li a{line-height:1.8;}
#leftColumn .Nav .currentItem{font-weight:bold;}
/* END LEFT AND RIGHT NAV STYLES */     
/* GeneralContent */
/*External Links*/
li.ex a, a.ex
{
background: url(/internet/images/external.png) center right no-repeat;
padding-right: 13px;
margin-right:3px;
background-color: transparent;
}
.w{color:Gray !important;border-bottom-style:none !important;padding-top:5px;}
/*End external links*/
p.lastUpdated {text-align:right;}
.lastUpdated span{font-style:italic;}
/* End GeneralContent */
/* Summary Template */
dl{width:100%;}
dl#summary dt {background: transparent url(/internet/images/hoopBGRes.gif);font-size:small;padding:8px 0;height:20px;margin-bottom:7px;}
dl#summary dt a{text-decoration:none;font-weight:bold;color:Blue;}
dl#summary dd {padding:0;margin:0 0 10px 2%;clear:both;}
dl#summary dd a{line-height:1.5;}
.newsLongDate{float:right;}
/* End Summary Template */
/* Iframe */
.IframeDiv{padding:1%;width:98%;}
dl dt{font-weight:bold;}
/* End Iframe */
/*Contact Us*/
/*Original contact us */
/*Contact Us*/
#contactUs{border-left:solid 1px #1133a7; border-right:solid 1px #1133a7;border-bottom:solid 1px #1133a7;padding:0 3px 3px 3px;margin:0 auto;}
#contactUs p, #contactUs li{margin:0;padding:0;}
#contactUs ul{margin:3px 0px 3px 16px;padding:0px}
li.phone{list-style-image: url(/internet/images/phoneicon.gif)}
li.email{list-style-image: url(/internet/images/emailicon.gif)}
/*End Original Contact Us*/
.contactUsFloatLeft{float:left;border:solid 1px #1133a7;}
.contactUsNoFloatLeft{clear:both;border:solid 1px #1133a7;}
/* #contactUs{border-left:solid 1px #1133a7; border-right:solid 1px #1133a7;border-bottom:solid 1px #1133a7;padding:0 3px 3px 3px;margin:0 auto;}*/
#contactUsHome
{
	margin-top: 0;
	background-color: #e9e9e9;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 2px;
}
/* amended the padding for the contact us section....
   we need to talk about specificity and giving things ID's
*/
#contactUsHome p, #contactUsHome li{margin-left:6px;padding:2px;}
#contactUsHome ul{margin:3px 0px 3px 20px;padding:0px}
li.phone{list-style-image: url(/internet/images/phoneicon.gif)}
li.email{list-style-image: url(/internet/images/emailicon.gif)}
li.pkcAddress{list-style-image: url(/internet/images/phoneicon.gif)}
li.onlineForm{list-style-image: url(/internet/images/emailicon.gif)}

li.noImageContact{list-style-type: square;margin-bottom:50px;}
/*End Contact Us*/

/* Start fieldset */
fieldset{border: 1px solid #1133a7;margin-top:10px;padding:1%;}
legend{color: #fff;background: #1133a7;border: 1px solid #781351;padding: 2px 6px;font-weight:bold;} 
fieldset ol{margin: 5px 0;padding:5px 0;}
fieldset div{margin-top:5px;}
fieldset li{list-style:none;padding:5px;margin:0;}
fieldset em{color:red;}
/* End fieldset */

/*Clear "floats with borders" fix with thanks from http://www.positioniseverything.net/easyclearing.html */
/* Start Float */
.floatbox {float:left;width:35%;}
.floatbox p {margin:0pt;}
.floatholder p {margin:0pt;}
.clearfix:after {content: ".";display: block; height: 0; clear: both;visibility: hidden;}
.clearfix {display: inline-block;} /*for iemac*/
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* End Float */
/*Content Column */
#contentColumn{line-height:1.5;}
/* Footer */
#footer{background:transparent url(/internet/images/greyBG.gif);clear:both;text-indent:12px;font-size:105%;}
#footer{border-top:1px solid #333;}
#footer p{font-size:95%;}
#footer ul{display:inline; margin-left:0px;padding-left:13px;padding-bottom:0px;margin-bottom:0px;}
#footer li,#footer p{display:inline;}
#w3cbutton{display:inline;padding:0em;margin:0 0 0 3em;width:10em;font-size:10px;font-weight:bold;line-height:normal;}
#w3cbutton a{font-weight:bold;width:100%;padding:0px;border-top:1px solid #ccc;border-right:1px solid #555;border-bottom:1px solid #555;border-left:1px solid #ccc;text-decoration:none;}
#w3cbutton a:link,.w3cbutton a:visited,.w3cbutton a:hover{text-decoration:none;cursor:help;}
#w3cbutton a:hover{border-top:1px solid #555;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #555;}
#w3cbutton span.w3c{padding:0em 0em 0em .1em;}
#w3cbutton span.spec{padding:0 .2em 0 .4em;}

#browsealoudpara
{
	display: inline;
	padding-left: 0em;
	margin-left: 0em;
	margin-top: 0px;
	position: relative;
	left: 40px;	
	top:3px;
}
#browsealoud a
{
	width: 100%;
	text-decoration: none;
}


#browsealoud:focus,#browsealoud:active
{
	background-color:#eeeded;
}

#browsealoud img{border:0 none;position:relative;}

/* End Footer */
/* Start Live Mode Authoring */
.authorWarning, .errorText
{
    font-weight:bold !important;
    color:Black;
    background-color:White;
    border:dashed 1px #ece9d8  !important;
    padding:0.4em;
    line-height:2;/* Multiplier / css validator bug #2307 */
}
.authorWarning img{display:none;}
/* End Live Mode Authoring */
/*SystemError*/
.SystemError{padding:15px;font-weight:900;margin:20px;background-color:#1133a7;color:#fff;border:dashed 3px red;}
.SystemError h2{color:White !important;background-color:#1133a7 !important;}
.SystemError h3{color:White;background-color:#1133a7;}
.SystemError .plain{font-weight:bold;padding:2em;border:solid 1px gray;background:white;color:Black;}


.inside #perthshireLogo
{
	padding-top:10px;
}
#home h3,#home h4
{
	margin-top:0px;
	margin-bottom:1px;
}
#spottext p
{
	margin:0px 0px 5px 180px;
}

#spottext h4
{
	margin:0px 0px 0px 180px;
}

.inside a:link
{
	text-decoration:none;
}
#spottext #news
{
	list-style-type:square;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:158px;
}

#home #standardFeature p
{
	margin-top:2px;
	margin-bottom:2px;
}
.ImageFeatureLink
{
	margin-top:10px;
	overflow:hidden;
}

#featuresSpacer
{
	float:left;
	width:3%;
}

.homeFeaturesSeparator
{
	border-bottom: 1px dotted #cdcdcd; 
}

#standardFeature
{
	width:100%;
}

.imageFeatureSeparator{width:5%;float:left;margin-right:-1px;}/*FF*/

.imageFeatureSeparatorMiddle{width:6%;float:left;margin-right:-1px;}/*Different width because gap includes another spacer div*/

.homeFeatureSeparator{width:2%;float:left;margin-right:-1px;}


#featureContainer
{
width:100%;
}

#featureFirstRow
{
width:100%;
overflow:hidden;
}

#featureSecondRow
{
width:100%;
overflow:hidden;
}

.doItOnlineSection1, .doItOnlineSection2, .doItOnlineSection3, .doItOnlineSection4, .doItOnlineSection5
{
	line-height:1.8;
}



.doItOnlineSection1 h3, .doItOnlineSection2 h3, .doItOnlineSection3 h3, .doItOnlineSection4 h3, .doItOnlineSection5 h3
{
	line-height:0.7;
}

#home #spotlight a:link, #home #spotlight a:visited{text-decoration:none;}
#home #divFeature a:link, #home #divFeature a:visited{text-decoration:none;}

#home #spotlight a:hover{text-decoration:underline;}
#home #divFeature a:hover{text-decoration:underline;}

.browsealoudimage
{
	border:none 0 white;
}

#outerColumnContainer #innerColumnContainer #rightColumn .linkSection h3 a:link
{
	text-decoration:underline;
}

#outerColumnContainer #innerColumnContainer #rightColumn .linkSection h3 a:visited
{
	text-decoration:underline;
}

#outerColumnContainer #innerColumnContainer #leftColumn #contactUsHome a:link
{
}


#outerColumnContainer #innerColumnContainer #contentColumn #inside #home div#welcome a
{
	text-decoration:none;
}

/* SiteMapV2 styles added March 2010 */
#divSiteMap h4
{
	margin-left: 30px;
}
#divSiteMap h3, #divSiteMap h4
{
	line-height: 1;
}
#divSiteMap h4
{
	margin-left: 30px;
}
#contentColumn #divSiteMap a
{
	text-decoration:none;
}
#contentColumn #divSiteMap a:hover
{
	text-decoration:underline;
}
#divSiteMap ul
{
	margin-left: 30px;
}
/* End SiteMap*/


#mediaPlayer
{
	border:solid 1px;
	border-spacing:1px;
}


/*rss feed*/
.rssLink
{
	font-weight:bold;
}

#contentColumn .h2SectionNewsRSS{width:97%;float:left;}



.rssimage
{
	border:none;
	padding-top:3px;
}


.h2SectionNews
{
	clear:both;
}
#home .h2SectionNews .rssNewsLink
{
	background-color:#1133A7;
	padding-left:5px;
}

/*remove underline from anchors showing descriptions within the summary template*/
#contentColumn dl#summary dd a
{
	text-decoration: none;
}


/*style for contact us V3*/
.contactUsItems
{
	margin-top:1px;
	height: auto;
	padding-left:3px;
	padding-bottom:16px;
	width:182px;
	position:relative;
	clear:both
}

.contactUsAddress p
{
	margin:0;
}
.contactUsAddress
{
	padding-bottom:5px;
}

.contactUsItems p
{
	margin:0 auto;
	width:151px;
	float:right;
	height:100%;
}

.contactUsItems img
{
	float:left;
	margin-left:8px;
}

.contactUsItems a
{
	padding-bottom:10px;
}

#contactUsTitle
{
	font-weight:bold;
	margin:0;
	padding-bottom:10px;
	padding-left:11px;
}

#contactUsHome .contactUsLinks li a
{
	position:relative;
	right:4px;
	
}

/* contact us on the system error page*/
#contactUsErrorPage img
{
	margin-left:6px;
	overflow:hidden;
}

#contactUsErrorPage #contactUsHome a:link
{
	background-color:#E9E9E9;
}

#contactUsErrorPage #contactUsHome
{
	padding-bottom:5px;	
}

#rightColumn h2.h2ContactUs{margin-bottom:0;}


#noJavaMessage
{
	font-weight:bold;
	border:1px dashed;
}

.centreimg img
{
	float:left;
	margin-right:25px;
	
}
.centreimg 
{
	width:690px;
	margin-left:9%;
}
#findMyNearestText
{
	float: left;
	width:63%;
}

#findYourNearestDiv #findMyNearestText a
{
	text-decoration:underline;
}

.rssNewsLink
{
	padding-left:5px;
}