/* --------------------------------------------------
[Visitors stylesheet]

Project:		Kirklees Council website
Primary use:	Visitors section
Assigned to:	Leah Squire
Version:		1.0
Last change:	05/04/2013
-------------------------------------------------- */

::-moz-selection{ background: #507c9b; color:#fff; text-shadow: none; }
::selection { background:#507c9b; color:#fff; text-shadow: none; }

a, a:active, a:visited { color: #507c9b; }

#container {background: url('../img/testTheme_bodyBg.jpg') 0 0 repeat #2c95b5;}
#mainWrapper {  background: url('../img/visitorsBackground.jpg') no-repeat 50% 0 #507c9b; box-shadow: inset 0 0 10px rgba(0,0,0,0.0); margin: 0 auto; padding: 0 40px; width: 1100px; background-position:top; }
.splashPage #mainWrapper { background: url('../img/visitorsBackground.jpg') no-repeat 50% 0 #507c9b; box-shadow: inset 0 0 10px rgba(0,0,0,0.0); margin: 0 auto; padding: 0 30px; width: 1200px; background-position:top;}
#main { padding: 0; }
#masthead { background: none !important; height: 50px; padding-bottom: 0; }
/*#Visitors #masthead { background: url('//www.kirklees.gov.uk/visitors/images/mastheadBg_visitors.jpg') no-repeat 50% 0 #2891b1; margin: 0 auto; padding: 0; width: 960px; }*/
/*#Attractions #masthead { background: url('//www.kirklees.gov.uk/visitors/images/mastheadBg_attractions.jpg') no-repeat 50% 0 #2891b1; margin: 0 auto; padding: 0; width: 960px; }*/
/*#Accommodation #masthead { background: url('//www.kirklees.gov.uk/visitors/images/mastheadBg_accommodation.jpg') no-repeat 50% 0 #2891b1; margin: 0 auto; padding: 0; width: 960px; }*/
/*#Travel_information #masthead { background: url('//www.kirklees.gov.uk/visitors/images/mastheadBg_travelInformation.jpg') no-repeat 50% 0 #2891b1; margin: 0 auto; padding: 0; width: 960px; }*/
/*#Tourist_information #masthead { background: url('//www.kirklees.gov.uk/visitors/images/mastheadBg_tourist.jpg') no-repeat 50% 0 #2891b1; margin: 0 auto; padding: 0; width: 960px; }*/
/*#Group_travel #masthead { background: url('//www.kirklees.gov.uk/visitors/images/mastheadBg_groupTravel.jpg') no-repeat 50% 0 #2891b1; margin: 0 auto; padding: 0; width: 960px; }*/
/*#Dewsbury #masthead { background: url('//www.kirklees.gov.uk/visitors/images/mastheadBg_attractions.jpg') no-repeat 50% 0 #2891b1; margin: 0 auto; padding: 0; width: 960px; }*/
/*#Huddersfield #masthead { background: url('//www.kirklees.gov.uk/visitors/images/mastheadBg_attractions.jpg') no-repeat 50% 0 #2891b1; margin: 0 auto; padding: 0; width: 960px; }*/
/*#Marsden #masthead { background: url('//www.kirklees.gov.uk/visitors/images/mastheadBg_attractions.jpg') no-repeat 50% 0 #2891b1; margin: 0 auto; padding: 0; width: 960px; }*/
/*#Holmfirth #masthead { background: url('//www.kirklees.gov.uk/visitors/images/mastheadBg_attractions.jpg') no-repeat 50% 0 #2891b1; margin: 0 auto; padding: 0; width: 960px; }*/
/*#Kirkburton #masthead { background: url('//www.kirklees.gov.uk/visitors/images/mastheadBg_attractions.jpg') no-repeat 50% 0 #2891b1; margin: 0 auto; padding: 0; width: 960px; }*/
#mastheadInner { background: none; padding: 0 9px; }
#mastheadContent { border: none; padding: 15px 0 0; }
#mastheadTitle { color: #fff; display: block; font-size: 277%; line-height: 1; margin: 15px 0; }

#rightCol .inner {padding: 10px 20px 0;}

#biscuitTrail { list-style-type: none; margin: 0; display: inline-block; }
#biscuitTrail li { color: #000; float: left; font-size: 85%; margin: 0 5px 0 0; line-height: 22px; }
#biscuitTrail li a { color: #000; display: inline-block; margin-right: 5px; }

#wrapper { background-color: #fff; border-top: 3px solid #507c9b; box-shadow: 0 0 10px rgba(0,0,0,0.35); color: #333; }
#page {padding: 20px 15px 0;}
#sectionNav { background-color: #e8f2f4; border: none; }
#sectionNav .inner { padding: 15px; }
#sectionNav h2 { color: #000000; font-size: 108%; font-weight: bold; margin: 6px 15px 10px; text-shadow: 0 1px 1px #666; }
#sectionIdent { margin: 0 0 9px; padding: 0; }
#sectionNavImage { border: 1px solid #507c9b; height: 131px; overflow: hidden; width: auto; }
#sectionNavTitle { background-color: #ffffff; border: 1px solid #fff; border-top: none; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; padding: 5px 10px; text-align: center; width: auto; }
#sectionNavTitle a { color: #333; font-size: 93%; font-weight: bold; line-height: 1.6; text-decoration: none; }
ul.accordion { list-style-type: none; margin: 0 5px 10px; }
ul.accordion li { border-top: 1px solid #e0e8eb; border-bottom: 1px solid #e0e8eb; position: relative; }
ul.accordion li:first-child { border-top: none; }
ul.accordion li:last-child { border-bottom: none; }
ul.accordion a { background-color: #E8F1F4; color: #000; display: block; font-size: 93%; padding: 8px 30px 8px 5px; text-decoration: none; width: 163px; }
/*ul.accordion a.ui-accordion-header { position: relative; }
ul.accordion a.ui-state-default { background: url("//static.kirklees.gov.uk/templates/theme/defaultTheme/img/accordionClosed.png") 95% 50% no-repeat #999; }
ul.accordion a.ui-state-active { background: url("//static.kirklees.gov.uk/templates/theme/defaultTheme/img/accordionOpen.png") 95% 50% no-repeat #999; }*/
ul.accordion li:first-child a { border-top: none; }
/*.ui-icon-triangle-1-e, .ui-icon-triangle-1-s { background-color: red; display: block; height: 30px; position: absolute; top: 0; right: 0; width: 30px; }
.ui-icon-triangle-1-s {}*/
ul.accordion li:last-child a { border-bottom: none; }
ul.accordion a:hover { background-color: #E8F1F4; }
ul.accordion ul { list-style-type: none; margin-left: 0; }
ul.accordion ul a { background-color: #e0e0e0; border: none; padding: 8px 5px; width: auto; }
ul.accordion ul a:hover { background-color: #edeaea; }
ul.accordion ul li { border: none; }
ul.accordion ul li.selectedItem {background: url("//static.kirklees.gov.uk/templates/theme/visitors/img/accordionSelectedIndicator_blue.png") right center no-repeat; margin-right: -8px; padding-right: 8px; color:#ffffff;}
ul.accordion ul li.selectedItem a { background-color: #68a0c8; color: #ffffff; }
ul.accordion .toggle { background-image: url("//static.kirklees.gov.uk/templates/theme/visitors/img/sampleTheme_sectionNavSprite.png"); background-repeat: no-repeat; position: absolute; top: 0; right: 0; width: 30px; height: 30px; }
ul.accordion .toggle:hover { cursor: pointer; }
ul.accordion .toggle.ui-state-default { background-position: 0 0; /*background-color: #999;*/ }
ul.accordion .toggle.ui-state-default:hover { background-position: 0 -30px; }
ul.accordion .toggle.ui-state-active { background-position: 0 -60px; }
ul.accordion .toggle.ui-state-active:hover { background-position: 0 -90px; }

#pageMeta { border-bottom: 1px solid #e6e6e6; margin-bottom: 20px; padding-bottom: 20px; margin-right:25px;}
#pageMeta h1 { color: #507c9b; font-size: 182%; font-weight: bold; margin: 5px 0; line-height: 1; }
#pageOwner { color: #666; font-size: 85%; line-height: 1; }
#pageOwner a { color: #666; }

#onThisPage { background: url("//static.kirklees.gov.uk/templates/img/icoInfo_18x18.png") 10px 50% no-repeat #e8f1f4; border-bottom: 1px solid #e8e8e8; margin-bottom: 30px; padding: 7px 10px 7px 36px; }
#onThisPageHead { display: block; font-size: 100%; font-weight: bold; line-height: 22px; text-shadow: 0 1px 1px #fff; }
#onThisPage a { font-size: 93%; }
#onThisPage ul { list-style-type: none; margin: 0; }
#onThisPage li { float:left; line-height: 18px; margin: 0 5px 0 0; }

#pageIntro { }
#pageIntro .p { font-size: 108%; font-weight: bold; }

section { margin: 30px 0; }
section h2, section h3 { color: #0082a3; font-weight: normal; margin: 15px 0; }
section h2 { font-size: 138.5%; }
section h3 { font-size: 123.1%; }

.pageImage { background-color: #E8F1F4; margin: 15px 0; padding: 15px 0 5px; text-align: center; }
.pageImage img { display: block; margin: 0 auto; }
.pageImage p { font-style: italic; margin: 10px 15px; }

ul.featuredItemList { list-style: none; margin: 0; padding: 0; }
ul.featuredItemList li { margin: 25px 0; }
ul.featuredItemList .featuredItem {
	background-color: #0082a3; /* fallback */
	/*background: url(images/linear_bg_2.png);*/
	background-repeat: repeat-x;
	background: -moz-linear-gradient(100% 100% 90deg, #507c9b, #68a0c8); /* Firefox 3.6+ */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#68a0c8), to(#507c9b)); /* Safari 4-5, Chrome 1-9 */
	background: -webkit-linear-gradient(#68a0c8, #507c9b); /* Safari 5.1+, Chrome 10+ */
	background: -o-linear-gradient(#68a0c8, #507c9b); /* Opera 11.10+ */
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 
	padding: 10px 20px; 
	}
ul.featuredItemList .featuredItem:hover {
	background-color: #006e8a; /* fallback */
	/*background: url(images/linear_bg_2.png);*/
	background-repeat: repeat-x;
	background: -moz-linear-gradient(100% 100% 90deg, #68a0c8, #507c9b); /* Firefox 3.6+ */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#507c9b), to(#68a0c8)); /* Safari 4-5, Chrome 1-9 */
	background: -webkit-linear-gradient(#507c9b, #68a0c8); /* Safari 5.1+, Chrome 10+ */
	background: -o-linear-gradient(#507c9b, #68a0c8); /* Opera 11.10+ */
	}
ul.featuredItemList a { color: #fff; text-decoration: none; }
ul.featuredItemList .featuredItemTitle, ul.featuredItemList .featuredItemSub { display: block; font-weight: normal; line-height: 1; text-shadow: 0 1px 1px rgba(0,0,0,0.5); }
ul.featuredItemList .featuredItemTitle { font-size: 167%; margin: 10px 0; }
ul.featuredItemList .featuredItemSub { font-size: 123.1%; margin: -5px 0 20px }
ul.featuredItemList .featuredItemSub li { margin: 15px 0; }
ul.featuredItemList li img { border: 1px solid #E8F1F4; box-shadow: 0 0 1px 1px #175264; float:right; margin-top:17px; margin-bottom:10px;}

a.extLink:after, a.pdfLink:after, a.rtfLink:after { background-color: #E8F1F4; color: #6C6C6C; font-size: 11px; margin-left: 5px; padding: 0 3px;  }

/* Submenu */
#pageContent h2.subtitle { background-color: #e8f1f4; border: none; border-bottom: 1px solid #ccc; border-top: 2px solid #18586b; color: #18586b; font-size: 150-%; margin-bottom: 15px; padding: 9px 10px 8px; text-shadow: none; }
.menu ul { list-style-type: none; margin: 0; }
.menu ul li { margin-bottom: 20px; zoom: 1; }
.menu ul li img { border: 1px solid #E8F1F4; box-shadow: 0 0 1px 1px #5175264; float: right; margin: 5px 5px 5px 0px; }
.menu ul.twoCol li { float: left; width: 50%; }
.menu ul.twoCol li:nth-child(2n+3) { clear: left; }
.menu ul li h3 { font-size: 138.5%; font-weight: normal; line-height: normal; margin: 0 5px 10px; }
.menu ul li p { margin: 5px 5px 10px; }
.menu ul ul { list-style-type: disc; margin: 5px 5px 10px; padding-left: 15px; }
.menu ul ul li { margin-bottom: 5px; }
.menu .icon { display: block; float: right; width: 80px; }
.menu .text { display: block; padding-right: 80px; }

.uiBox {padding-left:15px;}
.uiBoxHeader {}
.uiBoxTitle {}
.uiBoxContent {}

#rightCol .uiBox { margin: 25px 10; }
#rightCol .uiBoxTitle { font-size: 138.5%; font-weight: normal; margin: 15px 0; }
#rightCol .uiBox li { margin: 15px 0; }

#rightCol .rightColBox { width:90%; margin-top:120px; border-left:1px solid #E7E7E7; padding-left:10px; }
#rightCol .rightColBox h2 { color:#507c9b; font-size: 150%; font-weight: bold; margin-top: 10px; padding: 6px 10px 0 10px;}
#rightCol .rightColBox h3 { color:#ffffff; font-size: 150%; font-weight: bold; margin-top: 10px; padding: 6px 10px 0 0;}
#rightCol .rightColBox ul { margin-left: 10px; }

/* GALLERY STYLES */
.pikachoose {width: auto; padding: 10px; background: #e8f1f4; margin-top: 20px}
.pika-thumbs{ padding: 0; height: 85px; margin: 10px 0 0; }
.pika-thumbs li{ width: 102.5px; height:75px;  overflow: hidden; float: left; list-style-type: none; background: #fafafa;  cursor: pointer; margin-right:13px}
.pika-thumbs li.last {margin-right: 0;}
.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden; }
.pika-stage, .pika-textnav {width: auto;}
.pika-stage {position: relative; height: 300px;}
.pika-stage .caption {position: absolute; background: #71277a; font-size: 11px; color: #f8f8f8; padding: 10px; bottom: 0px; width:400px}
.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}
.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
.pika-imgnav a.previous {background: url(../img/prev.png) no-repeat left 45%; height: 100%; width: 50px; top: 10px; left: 0;cursor:pointer;}
.pika-imgnav a.next {background: url(../img/next.png) no-repeat right 45%; height: 100%; width: 50px; top: 10px; right: 0;cursor:pointer;}
.pika-imgnav a.play {background: url(../img/play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
.pika-imgnav a.pause {background: url(../img/pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}
.pika-textnav {overflow: hidden; margin: 10px 0 0 0;bottom:10px; position:absolute; background: #fff}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px; display: none}

.pika-loader{ background:url(../img/loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; text-align:right; position:absolute; top:15px; right:15px; }
.pika-counter {display: none}
.gallery_shadow {background: url("../img/shadow.png") no-repeat; height: 13px; width: 455px; }

.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 20px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; width: 485px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}

/* Accordion styles */

#accordion {margin:0;}
#accordion li {position:relative; border-left: 2px solid #fff}
#accordion div.slider-bg {background:#eee;top:250px;height:102px;width:600px;left:0;position:absolute;z-index:10;}
#accordion div.slider-info {top:250px;height:70px;left:0;position:absolute;width:65px;z-index:15;padding:15px;}
#accordion div.slider-info strong {font-size:14px;color:#222;margin-bottom:5px;}
#accordion div.slider-info p {display:none;font-size:12px;line-height:14px;color:#222;margin:0 !important;}
#accordion li.slider-open div.slider-info {width:430px; background:#fff; }
#accordion li.slider-open div.slider-info strong {font-size:18px;}
#accordion li.slider-open div.slider-info p {display:block;}
#accordion-shadow {background:url("../img/shadow-long.png") no-repeat; width:700px; height:18px; clear:both}

/* end accordion styles  

/*Map marker style*/

#map_marker {padding-left:25px;}


/* Home page styles*/

#centre_content {width: 450px; float: left; margin-top: 10px;}
#right_content {width: 180px; float: right; margin-top: 10px; margin-bottom: 20px; margin-right:20px; padding-left: 20px; border-left: 1px solid #e7e7e7; }
#home-pageIntro p { font-size: 108%; font-weight: bold; margin-top: 0;}
.section-title {font-weight: bold; font-size: 18px; color: #507c9b; padding-bottom: 10px;}
#centerCol { border:medium none; float: left; padding: 0 0 0 10px; width: 725px;}

/* Brochures box styles */

#brochures-box { width: 185px; background: #507c9b; margin-top: 30px; padding: 0 10px; margin-right:15px}
#brochures-boxIndex { width: auto; background: #507c9b; margin-top: 30px; padding: 0 10px;}
#brochures-box .section-title {color: #fff; padding-top: 10px}
#brochures-boxIndex .section-title {color: #ffffff; padding-top: 10px}
#brochures-boxright .section-title {color: #fff; padding-top: 10px}
.brochure { background: #fff; width: 173px; margin-bottom: 10px; -moz-border-radius: 10px; -webkit-border-radius: 4px; border-radius: 4px; display: inline-block; padding: 5px; font-weight: bold;}
.brochure p { width: 100px; float: left; display: block; margin-top: 0}
.brochure img {margin: 0; padding-top: 10px; float: left; width: 170px;}
.brochure:hover {background: #f7f7f7; }
.brochure-showmore {color: #fff; padding-bottom:3px}

.brochure2 { background: #fff; width: 150px; margin-bottom: 10px; -moz-border-radius: 10px; -webkit-border-radius: 4px; border-radius: 4px; display: inline-block; padding: 5px; font-weight: bold;}
.brochure2 p { width: 100px; float: left; display: block; margin-top: 0}
.brochure2 img {margin: 0; padding-top: 10px; float: left; width: 148px;}
.brochure2:hover {background: #f7f7f7; }
.brochure2-showmore {color: #fff; padding-bottom:3px}

/* Tabs styles */ 

.tabs-wrap { width: 220px; margin:20px 0 }
.tabs { width: 220px; font-family: arial, verdana, sans-serif;}
#tabs_shadow { background: url("../img/shadow.png") no-repeat; width: 220px; height: 6px; clear: both}
.tabs  img, .tabs iframe { border: 0; outline: 0;}
.tabs a{ color: #790691; text-decoration: none; }
.tabs a:hover { text-decoration: underline}
.tabNavigation { list-style: none; margin: 0;}
.tabNavigation li { display: inline; width:50px;}
.tabNavigation li a { padding: 10px 18px 8px 18px; background-color: #f1f1f1; color: #000; text-decoration: none; display:inline-block; height:40px; margin-bottom:-3px}
.tabNavigation li a.selected, .tabNavigation li a:hover {background-color: #e6e6e6;	color: #fff;}
.tabNavigation li a:focus {outline: 0;}
.tabs > div {	padding: 10px;	background-color: #e6e6e6; z-index: 10; position: relative}
.tabs > div h2 {margin-top: 0;}
.tabs > div h2  a{color: #222; font-weight: bold; font-size: 13px}
.tab_content{background: #fff; font-size: 13px; border: 0; outline: 0; padding: 0; margin: 0}
.tab_content h2 {font-size: 14px; font-weight: normal; padding: 10px;}
.tab_content li {margin-bottom: 10px}
.facebookOuter { background-color: #fff; height: 420px;	}
.facebookInner { height: 400px;	}
#twitter .tab_content  h2  {border-bottom: 1px solid #e8e8e8; margin:0 10px 10px; padding:10px 0}
.tweet_list {line-height:1.3; list-style-type: none; margin: 0 10px; padding: 0;} 
.tweet_list li { border-bottom: solid 1px #e8e8e8; list-style: none; padding: 0 2px 10px; margin-bottom: 10px; } 
.tweet_list li a {text-decoration: none;} 
.tweet_list li a:hover {text-decoration: underline; }
.tweet_list .tweet_time a{color: #009fda}
#follow-us {padding-left:30px; display: block}
#blog .tab_content ul {margin-top: 0; margin-left: -10px; padding:10px; padding-top:0; list-style: none}
#blog .tab_content ul li {padding: 0px; padding-top: 10px; margin-bottom: 0; border-top: solid 1px #eee; border-bottom :solid 1px #ccc}
#blog .tab_content  h2 {margin-bottom: 0;}
.feedburnerFeedBlock {padding: 10px; padding-top: 0}
#blog .headline a {padding-bottom: 5px; display: block}
#blog {height:400px}
#blog #creditfooter{display: none;}
.tabs-wrap h2.section-title {padding-left:20px}#

.stayConnected{ margin-top: 20px; width: 220px; margin-bottom: 20px;}
.stayConnected img { display: block;}
.stayConnected a:hover { text-decoration: none;}
.stayConnectedTopic { color: white; padding: 10px 0; width: 100%; font-size: 20px; text-align: center; }
.stayConnectedTopic.kirkleesTourism { background-color: #669dc4; }
.stayConnectedTopic p {margin: 0;}