/* ==========================================================================
   BLOCK ELEMENTS 
   ========================================================================== 
*/
/*#page-inner {width: 1600px; margin: 0 auto;}*/

.inline-block, 
.inline-block-right, 
.inline-block-left, 
.info-tbl > li {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.inline-block, 
.inline-block-right, 
.inline-block-left {width: 50%; }
.inline-block-right {float: right; padding: 0 0 16px 16px; padding: 0 0 1rem 1rem; }
.inline-block-left {float: left; padding: 0 16px 16px 0; padding: 0 1rem 1rem 0; }


.homepage .searchbox-wrapper {position: relative; float: none; }
.homepage .page-header-wrapper,
.masthead-expand .page-header-wrapper {height: 455px; }

/*site homepage only*/
.desktop-site.main-home-pg.masthead-expand .page-header-wrapper {height: 500px; }

.top-page-subjects .page-header-wrapper {height: 245px; }
.top-page-subjects .strapline-wrapper p {margin: 0; padding: 0 0 12px 0; }
.page-header {position: relative; z-index: 20; }
.main-content-block-inner .page-title {padding-right: 0; padding-left: 1rem; }
/* 
* 23/03/17 .main-content-block-inner h1.page-title:first-child {margin: 0; } 
*/
.main-content-block-inner .subtitle + h1.page-title {margin-top: 4px; }
.searchbox-wrapper, 
.login-wrapper {float: right !important; padding-top: 16px; padding-top: 1rem; }
.vlg-bg aside.rh-column .searchbox-wrapper {padding-top: 0; }

.vlg-bg aside.rh-column .searchbox-wrapper {background-color: #fff; }

aside.rh-column .searchbox-wrapper {width: 100%; }
aside.rh-column .searchbox-wrapper .search-section {margin: 0 16px; margin: 0 1rem; }/*  .local-search-wrapper   */
aside.rh-column .search-section div label {display: block; }
aside.rh-column .local-search-wrapper div {padding-left: 8px; }
aside.rh-column .local-search-wrapper div:first-child {margin-bottom: 8px; margin-bottom: 0.5rem; }
aside.rh-column .local-search-wrapper div label {display: inline; } 
aside.rh-column .local-search-wrapper div input {float: left; margin-top: 4px; }

aside.rh-column .txt-block, 
aside.rh-column .general-list {padding: 0 16px 16px 16px; padding: 0 1rem 1rem 1rem; }

.tag-btns li {float: left; margin-right: 8px; margin-bottom: 8px; }
.tag-btns .tag {display: inline-block; border-width: 1px; border-style: solid; border-color: #999; padding: 6px; padding: 0.4rem; }

/*.main-column-inner .general-list */ .main-column-inner .links-block {margin: 16px 0; margin: 1rem 0; padding: 8px 16px; padding: 0.5rem 1rem; }
/*.main-column-inner .general-list .tag*/ .main-column-inner .links-block .tag {margin: 0 16px 8px 0; margin: 0 1rem 0.5rem 0; }

.desktop-site .main-column .links-block ul {
	-webkit-column-count: 2; -ms-column-count: 2; -o-column-count: 2; -moz-column-count: 2; -khtml-column-count: 2; 
	column-count: 2;
	-webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;
}
.desktop-site .main-column .links-block ul li {width: 274px; }

.links-block {margin-bottom: 16px; margin-bottom: 1rem; padding-left: 16px; padding-left: 1rem;}
.vlg-bg .rh-column .links-block {padding-bottom: 16px; padding-bottom: 1rem; }
		
.main-column-inner .tags-list li {float: left; clear: right; }


.page-header .strapline, 
.shop-home  .strapline {width: 464px; padding-top: 16px; padding-top: 1rem; padding-left: 16px; padding-left: 1rem; }
.page-header .strapline-inner {padding: 4px; padding: 0.25rem; display: block; }

.page-header .portals.strapline {
    width: 550px !important;
}

.masthead-inner h1, 
.masthead-inner .page-title, 
.masthead-inner .masthead-title {margin: 0; }
.homepage h1.page-title {display: none; }
.main-content-block:first-child {padding-top: 0; }
.footer-block-inner,
.main-content-block-inner {position: relative; float: none; display: block; margin: 0 auto; }
.page-sub-header .main-content-block-inner {padding-left: 0; }
.neg-margin {margin-top: -80px; }
.neg-margin-90 {margin-top: -90px; } /* for Portals */
.neg-margin-100 {margin-top: -100px; } /* for Portals */
.page-header {float: none; display: block; margin: 0 auto; width: 976px; position: relative; }
.lq, .rq {position: absolute; display: block; overflow: hidden; height: 42px; width: 0; background-repeat: no-repeat; padding-left: 42px; }
.lq {background-position: 0 -90px; left: 0; }
.rq {background-position: 0 -894px; right: 0; bottom: 0; }
.w-bg .lq {background-attachment: scroll; background-position: 0 0; left: 0; background-color: transparent; }

.cmprssed {height: 450px; overflow: hidden; padding-bottom: 80px; }
.cmprssed .expnd-wrapper {height: 80px; width: 100%; position: absolute; bottom: 0; z-index: 20; -webkit-box-shadow: 0 0 20px 0 #fff; -moz-box-shadow: 0 0 20px 0 #fff; box-shadow: 0 0 20px 0 #fff; background: #fff; }
.cmprssed .expnd-btn {left: 50%; margin-left: -50px; bottom: 0; cursor: pointer; position: absolute; top: 0; }
.cmprssed-sml {height: 260px; }

.img-inline {margin: 16px; margin: 1rem; width: 50%; }
.img-inline.f-right {margin-right: 0; }
.img-inline.f-left {margin-left: 0; }
.img-inline img {max-width: 100%; height: auto; width: auto; }

/*TODO:*/
.image-block,
.leaderboard-img {padding-left:16px; padding-left:1rem;}

.image-block img {width: 100%; height: auto; display: block; }



/* ==========================================================================
   Tables 
   ========================================================================== */

table {width: 100%; margin: 0 0 16px; margin: 0 0 1rem; }
caption {text-align: left; margin-bottom: 8px; margin-bottom: 0.5rem; }
figcaption {padding: 8px 16px; padding: 0.5rem 1rem; }
th, td {padding: 8px 8px; padding: 0.5rem 0.5rem; text-align: left; }

.info-tbl li, 
.info-tbl ul {float: left; padding: 0; margin: 0; }
.info-tbl li ul, 
.info-tbl ul ul {float: none; }
.info-tbl li .label, 
.info-tbl ul .label {display: block; margin: 0; }

.info-tbl > li {padding: 8px 32px 8px 0; padding: 0.5rem 2rem 0.5rem 0; }
.tbl-3col > li {width: 33%; }
.tbl-1col > li {width: 100%; }

.dt-wrap {display: block; overflow: hidden; }
.table-block.vlg-bg {padding-right: 16px; padding-right: 1rem; }

.event-details *,
/*.event-details table, 
.event-details th, 
.event-details td, */
.newslettersignup-content input#email1 {border: none; }

/* ============================================================================
	SHOW MORE - COLLECTION GUIDE PAGE
	========================================================================= */
	
	.show-more-content {position: relative;}
	.show-more-container.more .show-more-end,
	.show-more-container.less .show-more-end,
	.show-more-container.less .show-more,
	.show-more-container.more .show-less,
	.show-more-container.more .expand-close,
	.show-more-container.more .show-more,
	.show-more-container .show-less,
	.show-more-container .expand-close {display: none;}
/*	.show-more-end {
		background: transparent linear-gradient(to bottom, rgba(245, 245, 245, 0), #F5F5F5) repeat scroll 0% 0%;
		bottom: 30px;
		cursor: pointer;
		height: 30px;
		left: 0px;
		position: absolute;
		width: 100%;
	}*/
	.show-more.small {
    height: 30px;
    padding: 0px 13px;
	position:absolute;
	bottom: 0px;
	left: 3px;
	width: 100%;
}
	.show-more-content.more {
	max-height: 155px;
	overflow:hidden;
	}
	.show-more-content.less {
	max-height: auto;
	overflow:visible;
	}
	
	/* colours.css 
	.show-more.small {
    color:#D44202;
	background: #FFF;
}
/* typography 
	.show-more.small {
    line-height: 28px;
  	font-weight: bold;
  	cursor:pointer;  
}*/



/* Search tooltip styles - for Portals */
a.tooltip {outline:none; }
a.tooltip:hover {text-decoration:none !important;} 
a.tooltip span { z-index:10;display:none; padding:0 8px 12px 12px; padding:0 0.5rem 0.75rem 0.75rem;  margin-top:0px; margin-left:28px; width:300px; }
a.tooltip:hover span { display: inline; position: absolute; top: -75px; right: -10px;  z-index: 100; }
.tooltip .callout {z-index:100;position:absolute;bottom:-10px;border:0;left:150px;}
a.tooltip span { border-radius:4px; }

#bigBannerSearch  a.tooltip {outline:none; color:#fff; }
#bigBannerSearch  a.tooltip:hover {text-decoration:none !important;} 
#bigBannerSearch  a.tooltip span { z-index:10;display:none; padding:0 8px 12px 12px; padding:0 0.5rem 0.75rem 0.75rem;  margin-top:-10px; margin-left:28px; width:300px; }
#bigBannerSearch  a.tooltip:hover span { display: inline; position: absolute; top: -40px; right: 500px;  z-index: 1000; }
#bigBannerSearch  .tooltip .callout {z-index:100;position:absolute;bottom:-10px;border:0;left:150px;}
#bigBannerSearch  a.tooltip span { border-radius:4px; }