/*** START LAYOUT STYLES ***/

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

html.js-enabled .javascript-hide {
	display:none;
}

.desktop-only {
	display:none!important;
}

html {
	background-image: url('../images/layout/mobile_header_padding.png');
	background-repeat: repeat-x;
}


/*we float body left to allow it to expand to fit fixed width floated child elements
this is to deal with existing content that causes issues*/
body {
	/*max-width:568px;*/
	/*min-width:320px;*/
	float:left;
}

/*special exception to rule above for Modular Landing to prevent iPhone bug with image slider
and for Dynamic Content as we (developers) can control the markup on these pages*/
body.Modular-Landing, body.Dynamic-Content{
	float:none;
}
/*
body.Dynamic-Content {
	float:none;
}
*/

/*
#wrapper {
	float:left;
}

#wrapper:after {
  content: "";
  display: table;
  clear: both;
	}
*/

div#breadcrumb,
div#right,
#mainContent div#topRight,
div#twoCol div#right,
div#twoColSide div#right,
#ajaxSearch_intro {
	display:none;
}

div#wrapper {
	font-size: 1em;
	line-height: 1.3em;
	/*min-width: 320px;*/
	float: left;
	position: relative;
	background-color:transparent;
	width:100%;
}

div#main {
	width:100%;
}

div#main h2#pageTitle,
div#main div#twoColSide h1,
div#main div#oneColSide h1 {
margin: 15px 0 15px 0px !important;
}

div#mainContent img {
 max-width:100%;
 height: auto;
}

div#mainContent table {
	max-width:100%;
	width:100%;
}

div#mainContent table img {
	max-width:none; /*max-width within table causes table col to collapse and not fit to img*/
}

div#mainContent table,
div#mainContent table p {
	font-size:initial;
}

div#mainContent a.rightArrow br,
div#mainContent .rightArrows a br {
	display:none;
}

div#mainContent h3 a.rightArrow {
	padding-right:17px;
}

div#mainContent #video,
div#mainContent #video_toolbar,
div#mainContent #image_container,
div#mainContent #image_container .orbit-wrapper,
div#mainContent div.imageflow {
	width:100%;
	max-width:100%;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
}

/* image flow styles found on apps.php page */
.imageflow_standard_col #header {
	width: 100% !important; /*override of a style found in imageflow.packed.css*/
}

.imageflow_standard_col div.imageflow {
	margin: 20px 0;
}

div#mainContent #image_container {
/*	max-width: 310px; andy added this, not sure why*/
}

div#mainContent #video iframe {
	width:100% !important;
}

div#mainContent div#map,
div#mainContent div#map_canvas {
	background-color:transparent !important;
}

div#mainContent div.gm-style {
	width:90% !important;
	margin-left:5%; /*force a gutter so we can always scroll the page*/
	margin-right:5%
}


div#mainContent #image_container .orbit-wrapper img {
	max-width:548px;
}


div#mainContent #video_toolbar {
	display:none; /*toolbar holds accessibility info not relevent for mobile*/
}

div#mainContent #video_toolbar #transcripts {
	float:left;
	width:100%;
	clear:both;
	margin:6px 0px;
}

body {
	background-color:transparent;
}
div#mainContent #image_container {
	/*width:548px;*/
	padding:5px 0px;
	float:none;
}

div#mainContent #image_container .orbit-wrapper {
	overflow-x:hidden;
	overflow-y:visible;
}

div#wrapper div.contentColumn {
	width:100%;
}

#mainContent {
	padding: 0px 2%;
	width: 100%;
}

#mainContent div#twoCol div#left {
	float:none;
}

#mainContent #events {
	margin:0px;
}

div.contentFull,
div.contentColumn,
div.contentOneColumn,
div.contentColumnImage,
div.contentFull p,
div.contentColumn p,
div.contentOneColumn p,
div.contentColumnImage p {
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
	float:none;
	display:block;
	width:100%;
}

div.contentOneColumn {
	clear:left;
}

div#events div#left {
	width: 100%;
	position: relative;
}

div#events div.eventsItem {
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

div#twoCol div#left {
/*	min-width:  420px;*/
	/*margin-right: 20px;*/
	display: inline;
	float: left;
}


/*** START FORM STYLES ***/

form input,
form select,
form input.text485,
form input.text,
form input.textShort,
form input.text330,
form input.text220,
form input.text100
{
	font-size:16px; /*required to prevent auto zooming on iPhone*/
	background-image:none;
	background-color:#FFF;
	padding-left:0px;
	max-width:100%;
}

table#formTable input.text,
form.genForm input.text {
	min-width:229px;
}

/*** END FORM STYLES ***/

/*** START ELEMENT STYLES ***/
#mainContent div.mediumPortrait {
	margin-left:auto;
	margin-right:auto;
	float:none;
	display:block;
}

#mainContent div.helpTextContainer div.header,
#licenceWrapper div.helpTextContainer div.header{
	width:260px;
}

#mainContent .portraitPanelRow {
	width:100%;
	/*float:none;*/
	margin-left:0px;
}

#mainContent .portraitPanelRow div.smallPortrait {
	width:32%;
	margin: 0px;
	font-size:0.8em;
}

#mainContent .portraitPanelRow div.smallPortrait.portraitCenter {
	margin-left:2%;
	margin-right:2%;
}

#mainContent .portraitPanelRow div.smallPortrait div.image {
	width:100%;
	background-size:100%;
}

#mainContent .accordionButton,
#mainContent .accordionButton tr,
#mainContent .accordionButton td {
	width:100% !important;
	float:none;
	height:auto;
}

#mainContent .accordionButton h3 {
	padding: 1.5em 0px;
	margin:0px;
}

#mainContent table.grey {
	margin-left:0px
}

li.acquisition {
    float: left!important;
    margin-bottom: 15%!important;
}
#mainContent div.imageOptions {
	background-image:none;
	border: 1px solid #DDD;
	border-radius:5px;
}

#mainContent div.imageOptions ul {
	background:transparent;
}

.portrait-page div.imageOptions{
border: 0px!important;
}

.portrait-page div.imageOptions, .portrait-extended-page div.imageOptions  {
    border: 0px !important;
}

.portrait-page li a.zoomify, .portrait-page li a.getPrint, .portrait-page li a.getPrintCard, .portrait-page li a.licenseImage, .portrait-page li a.addthis_button_compact, .portrait-page li a.findoutmore, .portrait-page li a.portraitExtended {
    width: 100%!important;
	float: none!important;
}

.portrait-extended-page div#twoColSide div#events div#left div.contentPage div.contentColumn div.imageOptions ul li a {
    width: 100%!important;
	float: none!important;
}

.portrait-page.imageOptions ul li.acquisition {
    float: left;
}

.mobileFullWidth {
	width:100% !important;
	display:block;
}

.gridRow {
	width:100%;
}

.gridRow .gridItem,
.gridRow .gridItem:last-of-type,
.gridRow .gridItem.last {
	margin-left:auto;
	margin-right:auto;
	float:none;
}

.zoom-wrapper {
	width:calc(100% - 48px) !important;
	margin-left:24px;
	margin-right:24px;
	max-height:500px;
}

.openseadragon {
    width: 100% !important;
	height: 400px!important;
}
#openseadragon1.openseadragon.fullpage{ height: 100%!important;}



/*** END ELEMENT STYLES ***/

/*** END LAYOUT STYLES ***/

/*** START HEADER STYLES ***/


div#navigation a.screen {
	width:100%;
	padding:13px 0px 10px 28%;
}

#mobile-menu-icon {
	width:18%;
}

#mobile-menu-icon.menu-open {
	left:82%;
}

div#nav-list-wrapper {
	width:76%;
	left:-76%;
	/*padding-right:24%;*/
}

form#searchForm {
	left:-77%;
	width: 80%;
}

#inner-header form#searchForm input.text {
	width:81%;
}



div#navigation {
	display: block;
	width:100%;
	background-color: #363636;
	color: #ffffff;
	font-weight: bold;
}

div#navigation p {
	display:none;
}

div#navigation a.screen {
	display:block;
	width:13%;
}

div#navigation img#logo {
	width:auto;
	height:60px;
	display:block;
}

div#nav-list-wrapper {
	position:absolute;
	top: 0px;
	padding-top: 83px;
	height:100%;
	z-index: 2000;
	transition: left 0.4s ease-in;
    -ms-transition: left 0.4s ease-in;
    -moz-transition: left 0.4s ease-in;
    -webkit-transition: left 0.4s ease-in;
}

div#navigation ul.screen {
	min-height:100%;
	background-color: #000000;
}

div#nav-list-wrapper.menu-open {
	left:0%;
	transition: left 0.4s ease-in;
    -ms-transition: left 0.4s ease-in;
    -moz-transition: left 0.4s ease-in;
    -webkit-transition: left 0.4s ease-in;
}


div#navigation li {
	width:90%;
	padding:22px 0px;
	margin:0px 0 0px 5%;
	border-bottom:1px solid #494747;
	font-size:1.2rem;
	line-height:1.4rem;
	text-transform: uppercase;
	font-weight:normal;
}

div#navigation li.current,
div#navigation li.current a {
	color:#000;
}

div#navigation li.current ul a {
	color:#FFF;
}

div#navigation li a {
	display:inline-block;
	width:100%;
	color:#005098;
	font-weight:normal;
}

div#navigation li ul {
	padding-top:20px;
}

div#navigation li ul li ul {
	padding-top:0px;
}

div#navigation li ul li {
	border-bottom: none;
	text-transform: none;
	padding-top:20px;
	padding-bottom:0px;
}
div#navigation li ul li a {
/*   padding-left:8%;*/
   width:100%;
}


#inner-header {
	height: 83px;
}

form#searchForm {
	position:absolute;
	top:0px;
	padding: 16px 4% 16px 4%;
	height:83px;
	display:block;
	background-color:#000000;
	z-index:3000;
	transition: left 0.4s ease-in;
    -ms-transition: left 0.4s ease-in;
    -moz-transition: left 0.4s ease-in;
    -webkit-transition: left 0.4s ease-in;
}

form#searchForm.menu-open {
	left:0%;
	transition: left 0.4s ease-in;
    -ms-transition: left 0.4s ease-in;
    -moz-transition: left 0.4s ease-in;
    -webkit-transition: left 0.4s ease-in;
}

#headerBasket {
	position: absolute;
	display: block;
	top: 0;
	left: 100px;
	height: 43px;
	margin: 20px 0;
	padding-left: 20px;
	border-left: 1px solid #fff;
}


#basketIcon span.quantity {
	top: 12px;
	right: 0;
}

#mobile-menu-icon {
	position:absolute;
	background-color: transparent;
	text-align: center;
	top:0px;
	left:0%;
	/*z-index:3000;
	transition: left 0.4s ease-in;
    -ms-transition: left 0.4s ease-in;
    -moz-transition: left 0.4s ease-in;
    -webkit-transition: left 0.4s ease-in;*/
}

#mobile-menu-icon-bg {
	height:83px;
	background-color: #0A94D6;
}

#mobile-menu-icon.menu-open {
	height:100%;
	transition: left 0.4s ease-in;
    -ms-transition: left 0.4s ease-in;
    -moz-transition: left 0.4s ease-in;
    -webkit-transition: left 0.4s ease-in;
}

#mobile-menu-icon img {
	padding-top:27px;
}

#inner-header form#searchForm input.text {
	height:50px;
	background-image:none;
	background-color:transparent;
	border-radius: 0;
	font-size:1.4em;
	font-style:italic;
	font-weight:600;
	padding: 10px 2% 10px 4%;
	margin:0px;
	float:left;
	border-bottom: 2px solid black;
}

form#searchForm  select#searchCategory {
	display:none;
}


form#searchForm input#searchSubmit {
	/*width:6%;*/
	height:50px;
	top:0px;
	float:left;
	padding:10px 0% 10px 4%;
	background-color: transparent;
	border-radius: 0;
	left:-1%; /*prevent ocasional space between text input and this */
	filter: grayscale(100%);
}


#header #headerBasket {
	border-left: 1px #ccc solid;
	height:63px;
	margin: 10px 0px;
	width:13%;
	padding:0px;
	background-color:#363636;
}

#header #headerBasket a#basketIcon {
	width:100%;
	height:100%;
	padding-top:23px;
	padding-left:25%;
	font-size:0.9em;
}

/*** END HEADER STYLES ***/


/*** START FOOTER STYLES ***/
.footer-col {
	padding-bottom:16px;
}


.footer-logo {margin-top: 10px; float: none;}
div#footer #copyright{float: none;}
div #footer #footer-inner {text-align: center;}
#footer .extra {text-align: center;}
#footer .lang-list li {display: block; font-size: 1.05em;}
/*acordion footer*/
.accordionItem{float:left; display:block; width:100%; box-sizing: border-box;}
.accordionItemHeading {cursor: pointer; margin: 0px 0px 10px 0px; padding: 10px; color: #000; width: 100%; box-sizing: border-box; border: 1px solid #000;}
.close .accordionItemContent{height:0px; transition:height 1s ease-out; -webkit-transform: scaleY(0); transform: scaleY(0); float:left; display:block;}
.open .accordionItemContent{padding: 20px; width: 100%; margin: 0px 0px 10px 0px; display:block;}
.open .accordionItemHeading{margin:0px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-color: #f2f2f2; color: #000000;}
div.accordionItem.close p.accordionItemHeading::after {color: #000; content: "\002B"; float: right; font-weight: bold; margin-left: 5px; font-size: 1.125rem;}
div.accordionItem.open p.accordionItemHeading::after {color: #000; content: "\2212"; float: right; font-weight: bold; margin-left: 5px; font-size: 1.125rem;}
/*acordion footer end*/
.social-media-footer {text-align: center; clear: both; padding-top: 30px; margin-bottom: 0px;}
.address-footer {margin-top: 10px;}
div#footer {line-height: 2em;}
#searchOverlay {display: none!important;}

/*** END FOOTER STYLES ***/


/*** START HOMEPAGE STYLES ***/

.Home_new #mobile-opening-times {
	padding:15px 0px;
	font-size:1.2em;
	text-align:justify;
}

.Home_new #find-us,
.Home_new #free-entry {
	min-height:20px;
	font-weight: normal;
	display:inline-block;
}

.Home_new #free-entry {
	font-style: italic;
}

.Home_new #find-us {
	float: right;
	color: #000000;
	text-decoration: underline;
	padding-left: 20px;
	background: url('../images/layout/find-us.png') no-repeat left center;
	background-size: auto 20px;
}

.Home_new div#mainFeatureContainer,
.Home_new div#promoArea {
	float:none;
	margin:0px auto 15px auto;
}

.Home_new div#promoArea:after { /*clearfix*/
  content:"";
  display:table;
  clear:both;
}

.Home_new div#promoArea div.promo span.promoTitle {
	width:130px;
}

.Home_new div#mainContent a.rightArrow,
.Home_new div#mainContent .rightArrows a {
	display:inline-block;
	background-size:auto 50%;
}

body.Home_new div#twoCol div#right {
	display:block;
	clear:both;
	padding-top:15px;
	margin-top:30px;
	border-top:8px solid #E7E7E7;
}

.Home_new div#twoCol div#right .sideHome {
	padding-bottom:20px;
}

.Home_new div#twoCol div#right .sideHome,
.Home_new div#twoCol div#right #otherLinks {
	float:left;
	width:100%;
}

.Home_new #otherLinks {
	font-size:1.1rem;
}

.Home_new .sideHome h3{
	font-size:1.3rem;
	margin: 0.7em 0px !important;
}

.Home_new .sideHome .rightArrows a {
	margin-top:1em;
}

.Home_new .sideHome .rightArrows a:first-of-type {
	margin-top:0.5em;
}

.Home_new #otherLinks div#eventsCalendar,
.Home_new #otherLinks #otherLinksArea {
	width:50%;
	padding:0px 0px 0px 3%;
	margin:0px;
}

.Home_new #otherLinks div#eventsCalendar ul li {
	list-style-position:inside;
	margin-left:0px;
}

.Home_new #otherLinks ul li {
	padding-bottom:20px;
	margin-bottom:0px
}

.Home_new #eventsCalendar .calendar {
	display:none !important;
}

.Home_new #eventsCalendar .javascript-hide {
	display:block;
}



/*** END HOMEPAGE STYLES ***/



/*** START WHATS ON PAGE STYLES ***/


.Whats-on-landing div#mainContent div.mainFeature {
	width:104%;
	margin-left:-2%;
}

.Whats-on-landing div#mainContent div.mainFeature img {
	width:100%;
}

.Whats-on-landing div#mainContent div.mainFeature ul {
	font-size:0.7rem;
	width:100%;
}

.Whats-on-landing div#mainContent div.mainFeature ul li {
	margin-left:10px;
}

.Whats-on-landing table {
	line-height:1.2em;
}

/*** END WHATS ON PAGE STYLES ***/

/*** START EVENTS-CALENDAR STYLES ***/

.Events-Calendar #eventsCalendar {
	display:none;
}

.Events-Calendar div#eventsFilter {
	width:100%;
	float:none;
}

.Events-Calendar form#eventsForm input,
.Events-Calendar form#eventsForm select {
	width:auto;
	font-size:16px;
}

.Events-Calendar div#eventsBanner {
	width:104%;
	margin-left:-2%;
}
.Events-Calendar div#eventsBanner img {
	width:100%;
	height:auto;
}

div#eventsBanner ul {
	position:relative;
	bottom:0px;
	width:100%;
	margin:0px;
	padding:3px 0px;
}

div#eventsBanner ul li {
	margin-left:10px;
	display:inline;
	font-size:10px;
}

.Events-Calendar div#eventsListing,
.Events-Calendar div#eventsListing div.eventsItem {
	float:none;
/*	position:relative;*/
}

.Events-Calendar  #eventsForm {
	float:none;
	width:100%;
	background-color:#E6E7E7;
	margin-left:-2%;
	width:104%;
	padding: 8px 2%;
}

.Events-Calendar div#eventsFilter {
	border:none;
	padding:0px;
}

.Events-Calendar form#eventsForm label.grey {
	width:100%;
	padding:0px;
	background-color:transparent;
	font-size:16px;
}

.Events-Calendar form#eventsForm input,
.Events-Calendar form#eventsForm select,
.Events-Calendar form#eventsForm label {
	margin-left:0px;
	margin-bottom:16px;
	width:100%;
}

.Events-Calendar form#eventsForm label select {
	margin-bottom:0px;
	width:auto;
}

.Events-Calendar form#eventsForm input.text {
	border: medium inset rgb(238, 238, 238);
	background: #FFF;
	width:100% !important;
}

.Events-Calendar form#eventsForm input#eventsSubmit {
	width:59px;
	margin-bottom:0px;
	background-color:transparent;
	margin-right:10px;
}


/*** END EVENTS-CALENDAR STYLES ***/

/*** START EVENTS TEMPLATE STYLES ***/
.Exhibitions_Events #mainContent div.imageOptions {
	float:left;
	border: 1px solid #000;
	border-radius: 0px;
	padding: 10px;
	width: 50%;

}

.Exhibitions_Events #mainContent div.imageOptions ul {
	padding:0px;
}

.Exhibitions_Events .sponsor {
	clear:left;
	margin-top:20px;
}

/*** END EVENTS TEMPLATE STYLES ***/

/*** START COLLECTIONS STYLES ***/

.Dynamic-Content div#events div#left {
	width:100%;
}

.Dynamic-Content div#events div.contentColumn {
	width:100%;
}

.Dynamic-Content div.contentFullPerson {
	width:100%;
}

.Dynamic-Content div#events div.contentColumn.last {
	margin-left:0px !important;
}

.portrait-extended-page  div#events div.contentColumn.last {
clear: both;
padding-top:20px;
}

.Dynamic-Content #eventsListing .pagination {
/*	max-width:320px;*/
}


#events div#searchFor,
.Dynamic-Content #events a#refineToggle,
.Dynamic-Content #events div#peopleFiltersWrapper,
.Dynamic-Content #events div#portFiltersWrapper,
.Dynamic-Content #events div.view-results-options,
.Dynamic-Content #events .pagination-top,
.Dynamic-Content #events .themeNavigationTopPlain.top,
.Dynamic-Content div#events div.eventsItem div.imageOptions,
.person-page #searchSections, .gallery-records-search div#twoColSide div#events div#left div.eventsItem div.eventsDesc div.imageOptions {
	display:none !important;
}

.Dynamic-Content #events div#peopleFiltersWrapper {
	margin:0px;
}


.Dynamic-Content #events div.eventsItem.preferred {
	padding-left:4px;
	padding-right:4px;
}

#events ul#searchSections li {
	float:none;
}

.Dynamic-Content div.pagination div.num_per_page {
	display:none;
}


.Dynamic-Content div.pagination div.themeNavigationTop,
.Dynamic-Content div.pagination div.themeNavigationBottom,
.Dynamic-Content div.themeNavigationWrapper div.themeNavigationTopPlain,
.Theme div.themeNavigationBottom,
.Features-Page-Theme div.themeNavigationBottom,
.Dynamic-Content #events div.themeNavigation,
.Blog-Post div.themeNavigation,
.Search_Results div.pagination div.themeNavigationTop{
	float:none;
	width:auto;
	max-width:100%;
	margin:0px;
	padding:0px;
	font-size:18px;
	line-height:17px;
	display:inline-block !important;
}

#main div.themeNavigationWrapper {
	padding:10px 0px;
	text-align: center;
	margin-top: 0px!important;
	padding-bottom: 0px!important;
}

.person-page div.themeNavigationWrapper,
.person-extended-page div.themeNavigationWrapper {
	background-color: #FFF;
}
div.themeNavigation img,
div.themeNavigationTop img,
div.themeNavigationTopPlain img,
ul.blog-list-pager img
{
	width:18px;
	height:18px;
	padding-right:0px;
}

div.themeNavigation img,
div.themeNavigationTopPlain img,
ul.blog-list-pager img {
	margin-right:17px;
}

div.themeNavigationTop span,
div.themeNavigationTop a,
div.themeNavigationTopPlain span,
div.themeNavigationTopPlain a {
	margin:0px 6px;
	padding-right:0px;
	padding-left:0px;
}

.Search_Results div.themeNavigationTop span {
	float:left;
	line-height: 1.6em;
}

div.themeNavigation .prev,
div.themeNavigationTop .prev,
div.themeNavigationTopPlain .prev {
	padding:0px;
	margin-left:0px;
}

div.themeNavigation .next,
div.themeNavigationTop .next,
div.themeNavigationTopPlain .next,
ul.blog-list-pager .blog-list-pager-next img{
	padding:0px;
	margin-right:0px;
}

div.themeNavigationTop .prefix,
div.themeNavigation .prefix {
	display:none;
}

div.themeNavigation .blackText,
div.themeNavigationTopPlain .blackText {
	text-transform:lowercase;
	font-weight:normal;
}

div.themeNavigation img.pageNext,
div.themeNavigationTopPlain img.pageNext,
ul.blog-list-pager .blog-list-pager-next img {
	margin-left:17px;
}

div.themeNavigation img.pageLast,
div.themeNavigationTopPlain img.pageLast {
	margin-right:0px;
}


.Dynamic-Content #events div.contentPage div.disclosure {
	width:100%;
}

.Dynamic-Content div#events div.contentPage div.contentFull {
	width:100%;
}

.Dynamic-Content #events .largerImage {
	display: block;
	text-align: center;
	width:100%;
}

.Dynamic-Content #events .imageOptions {
	margin: 0px auto 8px auto;
}

.Dynamic-Content #events .imageOptions ul {
	padding-bottom:0px;
}

.person-page h1 {
	height:0px;
	margin:0px;
	overflow:hidden;
}

.person-page .objectDescription .sitterLink,
.person-page .objectDescription .artistLink {
	display:inline-block;
	margin-bottom:8px;
}

.portrait-page #events .imageOptions,
.large-portrait-page .imageOptions,
.portrait-conservation-page .imageOptions,
.portrait-extended-page .imageOptions {
	float:none;
	display:block;
	margin:0px auto 20px auto;
	width: 65%;
}

.portrait-page .mainImage,
.large-portrait-page .mainImage,
.portrait-conservation-page .mainImage,
.portrait-extended-page .mainImage {
	margin:0px auto;
	display:block;
	clear:both;
}
.portrait-page .mainImage{
margin-bottom: 20px;
}

.portrait-page .creditline,
.large-portrait-page .creditline,
.portrait-conservation-page .creditline,
.portrait-extended-page .creditline {
	padding-right: 0px !important;
	text-align: center;
}

.large-portrait-page div#twoColSide div#largeImage {
	margin-left:0px;
	width:100%;
	display:block;
}

.large-portrait-page div#twoColSide div#largeImage-inner {
	float:none;
}

.Dynamic-Content #events .imageOptions a.largerImage {
	display:inline;
	text-align:left;
}

div#mainContent #getPrintTable a img {
	max-width:initial;
}

.largistText {
	line-height:1.3em;
}

div#mainContent div.catalogueSectionPerson h3 {
	padding-right:0px;
}

div#mainContent div.catalogueSection a.backToTop:hover {
	background: url('../images/layout/back_to_top_arrow.gif') no-repeat;
}

.Dynamic-Content div#mainContent div.catalogueSection ul li,
.Dynamic-Content div#mainContent div.catalogueSectionPerson ul li {
	margin-bottom:14px;
}

.collectionsAZ ul.pageTabs {
	margin-bottom:0px !important;
}

.collectionsAZ div#eventsListing h2 {
	border:none;
	text-transform: uppercase;
	font-size:1.4em !important;
	margin:15px 0px;
}

div#eventsListing div.a-zNav {
	margin-left:-2%;
	width:104%;
	color: #EAEAEA;
	position:relative;
	top:0px;
	left:0px;
}

div#eventsListing div.a-zNav-inner {
	background-color: #EAEAEA;
	padding:0px 0px 8px 2%;
	overflow:hidden;
}

div#eventsListing div.a-zNav #azTab {
	float:right;
	margin-right:2%;
}

div#eventsListing div.a-zNav #azTab img {
	height:25px;
}

div#eventsListing div.a-zNav span {
	margin:8px 10px 0px 0px;
	color: #000;
	background-color: #FFF;
	width:34px;
	height:34px;
	line-height: 34px;
	text-align: center;
	display:inline-block;
}

/*** END COLLECTIONS STYLES ***/


/*** START SEARCH RESULTS STYLES ***/
.Dynamic-Content ul#searchSections,
.Search_Results  ul#searchSections,
.EventsSearch_Results #events ul#searchSections,
.portrait-page ul.pageTabs,
.portrait-conservation-page ul.pageTabs,
.portrait-extended-page ul.pageTabs,
.person-extended-page ul.pageTabs {
	border:none;
	width:auto;
}

.Dynamic-Content #events ul#searchSections li,
.Search_Results #events ul#searchSections li,
.EventsSearch_Results #events ul#searchSections li,
.portrait-page ul.pageTabs li,
.portrait-conservation-page ul.pageTabs li,
.portrait-extended-page ul.pageTabs li,
.person-extended-page ul.pageTabs li {
	width:auto;
	border:2px solid #005098;
	padding:6px;
	display:inline-block;
	float:left;
	clear:left;
}

.Dynamic-Content ul#searchSections li a, .Search_Results ul#searchSections li a, .EventsSearch_Results ul#searchSections li a, .portrait-page ul#searchSections li a, .portrait-conservation-page ul#searchSections li a, .portrait-extended-page ul#searchSections li a, .person-extended-page ul#searchSections li a{text-decoration:none;}

.person-extended-page ul.pageTabs li{float:none!important; margin-right: 10px;}
.people-list-page div#twoColSide div#events div#left ul#searchSections li { float: none; margin-right:10px;}
.Search_Results div#twoColSide div#events div#left ul#searchSections li { float: none; margin-right:10px;}

.portrait-list-page #searchSections li,
.EventsSearch_Results #searchSections li{float: none!important; margin-right: 5px;}

.portrait-extended-page ul.pageTabs li,
.portrait-page ul.pageTabs li{
	clear:none;
	margin-right:10px;
}

.portrait-page .identify-anchor{
	clear:left;
	padding: 25px;
}

.portrait-extended-page ul.pageTabs li:last-child { background-color:#000; color:#fff; border: 2px solid #000;}

.Dynamic-Content #events ul#searchSections li.active,
.Search_Results #events ul#searchSections li.active,
.EventsSearch_Results #events ul#searchSections li.active,
.portrait-page ul.pageTabs li.active,
.portrait-conservation-page ul.pageTabs li.active,
.portrait-extended-page ul.pageTabs li.active,
.person-extended-page ul.pageTabs li.active {
	border-color:#000;
	background-color:#000;
	color:#fff;

}

.Dynamic-Content div#searchMatches.collectionMatches,
.Search_Results p.ajaxSearch_resultsInfos,
.EventsSearch_Results #eventsListing h2,
.Events-Calendar #eventsListing h2,
.portrait-page #searchMatches,
.portrait-conservation-page #searchMatches,
.portrait-extended-page #searchMatches,
.portrait-list-page #searchMatches,
.people-list-page #searchMatches,
div.themeNavigationWrapper {
	background-color:#EAEAEA;
	padding:10px 2% 0px 2%;
	margin-left:-2%;
	width:100%;
	border:none;
}

div#searchMatches {
    background-color: transparent!important;
}

.Dynamic-Content div#searchMatches.collectionMatches {
	margin-bottom:10px;
}

.Search_Results p.ajaxSearch_resultsInfos,
.EventsSearch_Results #eventsListing h2,
.Events-Calendar #eventsListing h2{
	padding-bottom:10px;
	margin-bottom:15px;
}

.EventsSearch_Results #eventsListing div.eventsItem,
.Events-Calendar #eventsListing div.eventsItem {
	padding-bottom:8px;
	margin-bottom:12px;
}

.EventsSearch_Results #eventsListing div.eventsItem div.image,
.Events-Calendar #eventsListing div.eventsItem div.image {
	display:block;
	margin: 0px auto;
	float:none;
}

.EventsSearch_Results #eventsListing div.eventsItem  .eventDetails,
.Events-Calendar #eventsListing div.eventsItem  .eventDetails{
	margin-left:0px;
	clear:left;
}

.EventsSearch_Results #eventsListing div.eventsItem  .imageOptions,
.Events-Calendar #eventsListing div.eventsItem  .imageOptions{
	display:none;
}

.ajaxSearch_grpResult div.pagination:first-child {
	display:none;
}


/*** END SEARCH RESULTS STYLES ***/


/*** START THEME TEMPLATE STYLES ***/

.Theme div.themeContent,
.Features-Page-Theme div.themeContent {
	margin-left:0px;
}

.Theme .themeNavigationTop,
.Features-Page-Theme .themeNavigationTop {
	display:none;
}

.Theme div.themeNavigationBottom img,
.Features-Page-Theme div.themeNavigationBottom img {
	padding:0px;
}


.Theme .portraitPanelPage .portraitPanelRow div.smallPortrait,
.Features-Page-Theme .portraitPanelPage .portraitPanelRow div.smallPortrait {
	margin:4px 15px;
}

.Theme .themeNavigationWrapper,
.Features-Page-Theme .themeNavigationWrapper {
	clear:both;
}

/*switch between a one column and three column layout*/
@media all and (max-width: 509px) {

	.Theme #mainContent .portraitPanelPage .portraitPanelRow,
	.Features-Page-Theme #mainContent .portraitPanelPage .portraitPanelRow {
		width:192px;
		border:none;
		float:none;
		margin:0px auto;
		padding:0px;
		display:block;
	}

	.Theme .portraitPanelPage .portraitPanelRow div.smallPortrait,
	.Features-Page-Theme .portraitPanelPage .portraitPanelRow div.smallPortrait {
		clear:none;
		float:none;
	}
}

@media all and (min-width: 510px) {
	.Theme #mainContent .portraitPanelPage .portraitPanelRow,
	.Features-Page-Theme #mainContent .portraitPanelPage .portraitPanelRow {
		width:100%;
	}

	.Theme #mainContent .portraitPanelPage .portraitPanelRow:last-child,
	.Features-Page-Theme #mainContent .portraitPanelPage .portraitPanelRow:last-child {
		border:none;
	}

}


.Theme .portraitPanelPage .portraitPanelRow div.smallPortrait div.image,
.Features-Page-Theme .portraitPanelPage .portraitPanelRow div.smallPortrait div.image {
	margin-top:20px;
}

/*** END THEME TEMPLATE STYLES ***/



/*** START MATB STYLES ***/

div.disclosure div.catalogueSection#compareContainer {
	display:none;
}

div.disclosure div.catalogueSection #imgScrollWrapper {
	width:100%;
}

div.disclosure div.catalogueSection #imgScrollWrapper #imgScrollPrev,
div.disclosure div.catalogueSection #imgScrollWrapper #imgScrollNext {
	display:none;
}

div.disclosure div.catalogueSection #imgScrollWrapper #imgScroll {
	width:auto;
	max-width:100%;
	overflow-x:scroll;
}

/*** END MATB STYLES ***/



/*** START EXTENDED CATALOGUE STYLES ***/
.Dynamic-Content #events #LVCsearch div#searchFor {
	display:block !important;
}

.person-extended-page ul.pageTabs {
	display:block;
	width:100%;
}

.person-extended-page  .contentFullPerson p.title {
	font-weight: bold;
	width: 100%;
	padding-right: 22px;
	padding-top: 1.2em;
	margin-top:2em;
	border-top: 8px solid #E6E7E7;
}

.person-extended-page .pagination-bottom {
	width:100%;
}

.person-extended-page p.morePortraitsLink {
	margin-top:1em;
}

.person-extended-page p.morePortraitsLink a {
	width:auto !important;
}

/*** END EXTENDED CATALOGUE STYLES ***/



/*** START LICENCING STYLES ***/

.Licensing #licenceWrapper {
	padding: 0px 2% 0px 2%;
	width: 100%;
	margin:0px;
}

.Licensing div#licenceHeader {
	position:initial;
}

.Licensing .licenceError {
	background-color:#EAEAEA;
	padding:10px 2% 0px 2%;
	margin-left:-2%;
	width:104%;
}

.Licensing div#licenceWrapper div.licencePanel {
	width:100%;
	min-height:initial !important;
	margin:0px 0px 10px 0px;
}

.Licensing div.licencePanel.disabled .licenceOverlay {
	width:100%;
	background-repeat:repeat;
}

.Licensing div.disabled div.disabledTxt {
	width: 100% !important;
	margin: 10px auto !important;
	max-width: 400px;
	float:none;
	display:block;
}

.Licensing div#licenceHeader,
.Licensing div.licenceScenario,
.Licensing form#requestForm,
.Licensing form#requestForm div.fieldset-container,
.Licensing form#requestForm fieldset legend {
	width:100%;
}

.Licensing #licenceInfoBox {
	width:100%;
	margin-bottom:10px;
	height:122px;
}

.Licensing #licenceWorkBox {
	width:96%;
	max-width:96%;
	position:relative;
	float:none;
}

.Licensing #licenceWorkBox .image {
	margin:0px;
	padding-right:10px;
}

@media all and (max-width: 410px) {

	.Licensing #licenceWorkBox .image {
		max-width:45%;
	}

	.Licensing #licenceWorkBox .eventsDesc {
		max-width:55%;
	}
}

@media all and (min-width: 411px) {

	.Licensing #licenceWorkBox .image {
		max-width:30%;
	}

	.Licensing #licenceWorkBox .eventsDesc {
		max-width:70%;
	}
}

.Licensing #licenceWorkBox .eventsDesc {
	float:left;
	width:auto;
}

.Licensing #licenceWorkBox .image img {
	max-width:100%;
	width:100% !important;
}

.Licensing form#requestForm .licensingRequestCol {
	clear:right;
}

.Licensing form#requestForm .licensingRequestCol a {
	margin-bottom:10px;
	display:inline-block;
}

.Licensing .helpTextBox {
	left:0px !important;
}

.Licensing input.text485 {
	width:100%;
}

.Licensing div#licenceWrapper input#eventSearch {
	width:90% !important;
	background:#FFF !important;
}

.Licensing div#licenceWrapper input.submit {
	background:transparent !important;
}

/*** END LICENCING STYLES ***/



/*** START OLD LANDING STYLES ***/

div#twoColSide div.landingBox {
	width:100%;
	margin-left:0px;
}

div#twoColSide div.landingRow,
div#twoColSide div.landingRowNoBorder {
	float:none;
}

/*** END OLD LANDING STYLES ***/

div.landingRowNoBorder div.landingBox:last-child {
	border-top: 8px solid #E7E7E7 !important;
	padding-top: 10px;
}

div.landingCol {
	width:100%;
	margin-left:0px;
}

/*** START BLOG STYLES***/
div#mainContent .blog-header {
	height:100px;
}

.Blog-Feed div#main div#twoColSide h1#main-blog-head {
	margin:0px !important;
}

.Blog-Feed .blog-column,
.blog-section .blog-column {
	margin:0px;
	max-width:100%;
}

.Blog-Feed .blog-teaser-content-wrapper {
	width: 100%;
}

.blog-section .blog-author-header {
	width:100%;
}

div#mainContent .blog-section .blog-author-header img {
	max-width: 30%;
}

.blog-section.pagination {
	background-color:#EAEAEA;
	padding:0px 2% 0px 2%;
	margin-left:-2%;
	width:104%;
	border:none;
	text-align: center;
	font-size:18px;
	line-height:17px;
}

.blog-section.pagination span.blackText {
	color:#000;
	text-transform:lowercase;
	font-weight:normal;
	padding:0px;
}

#mainContent div.blog-section.pagination ul.blog-list-pager {
	border:none;
	display:inline-block;
	padding:0px;
	margin:10px 0px 10px 0px;
}

#mainContent div.blog-section.pagination ul.blog-list-pager li {
	margin:0px;
}

#mainContent div.blog-section.pagination ul.blog-list-pager li img {
	padding-top:0px;
}

.blog-section .blog-author-header h3 {
	display:inline-block;
	margin-top:6px;
}

.blog-section .blog-author-header .blog-author-label {
	display:none;
}

.blog-section .blog-author-header ul li {
	padding-bottom:10px;
}

.Blog-Post .blog-post-author .blog-post-date {
	margin-top:4px;
}

.Blog-Post .blog-link-addthis {
	display:none;
}
.Blog-Post .blog-content img,
.Blog-Post .blog-content img.blog-image {
	height:auto;
	max-width:100%;
	margin: 10px 0 -10px 0;
	display:block;
	float:none;
}

.Blog-Post .blog-post-author,
.Blog-Post .blog-post-comments-shaded,
.Blog-Author .blog-author-header,
.blog-section .blog-header {
	margin-left:-2%;
	width:104%;
	max-width:104%;
}

.Blog-Post .blog-post-comments-shaded {
	padding:0px 2% 1.25em 2%;
}

.Blog-Post .blog-post-comments textarea.blog-comment-box,
.Blog-Post .blog-comment-name input,
.Blog-Post .blog-comment-email input {
	width:100%;
	max-width:531px;
	font-size:16px;
}

.Blog-Post .blog-comment {
	width:100%;
}

.Blog-Post .themeNavigationWrapper {
	background-color:transparent;
}

.Blog-Post #commentPageLabel {
	display:none;
}

/*** END BLOG STYLES***/



/*** START FEATURES TEMPLATE STYLES ***/

.Features-Page h1 img,
.Features-Page-2col h1 img,
.Features-Page-Theme h1 img,
.feature_page_slider h1 img {
	display:block;
	margin:0px auto;
}

.Features-Page div#featureContainer,
.Features-Page-2col div#featureContainer,
.Features-Page-Theme div#featureContainer,
.feature_page_slider div#featureContainer,
.Features-Page div#featureSections,
.Features-Page-2col div#featureSections,
.Features-Page-Theme div#featureSections,
.feature_page_slider div#featureSections {
	background:none;
	border:none;
	width:100%;
}


.Features-Page div#featureContainer:after,
.Features-Page-2col div#featureContainer:after,
.Features-Page-Theme div#featureContainer:after,
.feature_page_slider div#featureContainer:after {
  content: "";
  display: table;
  clear: both;
	}

.Features-Page div#featureContainer .featureSection,
.Features-Page-2col div#featureContainer .featureSection,
.Features-Page-Theme div#featureContainer .featureSection,
.feature_page_slider div#featureContainer .featureSection {
	 display:block;
}

.Features-Page div#featureContainer .featureSection li a,
.Features-Page-2col div#featureContainer .featureSection li a,
.Features-Page-Theme div#featureContainer .featureSection li a,
.feature_page_slider div#featureContainer .featureSection li a{
	margin-bottom:8px;
	display:block;
	z-index: 9999;
	border: 1px solid #0374bc;
}

@media all and (max-width: 487px) {
	.Features-Page div#featureContainer .featureSection,
	.Features-Page-2col div#featureContainer .featureSection,
	.Features-Page-Theme div#featureContainer .featureSection,
	.feature_page_slider div#featureContainer .featureSection {
		margin-bottom:5px;
		width:100%;
	}
}

@media all and (min-width: 488px) {
	.Features-Page div#featureContainer .featureSection,
	.Features-Page-2col div#featureContainer .featureSection,
	.Features-Page-Theme div#featureContainer .featureSection,
	.feature_page_slider div#featureContainer .featureSection {
		margin-right:2%;
		width:32%;
		height:100%;
	}
}

.Features-Page .contentPage,
.Features-Page-2col .contentPage,
.Features-Page-Theme .contentPage,
.feature_page_slider .contentPage {
	clear:both;
}

.Features-Page #featureNavigation,
.Features-Page-2col #featureNavigation,
.Features-Page-Theme #featureNavigation,
.feature_page_slider #featureNavigation {
	text-align:left;
}

.Features-Page #featureNavigation span.PJN_Menu,
.Features-Page-2col #featureNavigation span.PJN_Menu,
.Features-Page-Theme #featureNavigation span.PJN_Menu,
.feature_page_slider #featureNavigation span.PJN_Menu {
	margin-top:8px;
	display:block;
}

/*** END FEATURES TEMPLATE STYLES ***/

/*** START OBJECT WALL STYLES ***/
div#object-wall .object.span1col,
div#object-wall.object.span2col {
	width:50%;
}

.js-enabled div#object-wall div.object.span3col {
	width:100%;
}

body.object-page {
	width:100%;
}

@media all and (max-width: 450px) {
	#current-tag-label {
		display:none;
	}
}
/*** END OBJECT WALL STYLES ***/

/*** NEW MOBILE HEADER ***/
@media (max-width: 768px) {
	#mobile-menu-icon-bg {background-color: #f2f2f2!important;}
	#mobile-menu-icon {right: 0!important; left: auto;}
	div#navigation a.screen {padding: 13px 0 10px 4%!important;}
	div#nav-list-wrapper {left: -100%;width: 100%!important;}
	div#navigation li {border-bottom: medium none; font-size: 2rem; text-align: center; text-transform: none; font-family: "FSAlbertRegular",FSAlbertBold,FSAlbertItalic,arial,helvetica,verdana!important;}
	div#navigation ul.screen {background-color: #f2f2f2; height: 100%!important;; min-height: auto!important;;}
	form#searchForm {bottom: 10px!important; top: auto; padding: 16px 4%!important; position: fixed!important; transition: left 0.4s ease-in 0s; width: 100%!important; z-index: 3000!important; background-color: transparent!important;}
	form#searchForm {left: -100%;width: 90%;}
	div#nav-list-wrapper.menu-open {top: 0; transition: top 0.4s ease-in 0s;}
	div#nav-list-wrapper {left: 0; width: 76%;}
	div#nav-list-wrapper {top: -100%; width: 100% !important;}
	form#searchForm {top: -100%;width: 90%;left: 0;}
	form#searchForm.menu-open {top: 85%; transition: top 0.4s ease-in 0s; margin-bottom:10px!important;}
	#inner-header form#searchForm input.text {width: 85%!important;}
	.mobile-only div#mobile-menu-icon-bg {
    background: url(/assets/images/layout/menu_open.svg);
    background-repeat: no-repeat;
    background-size: 34px 40px;
	background-position: center; }
	.mobile-only.menu-open div#mobile-menu-icon-bg {
		 background: url(/assets/images/layout/close.svg);
    background-repeat: no-repeat;
    background-size: 34px 29px;
	background-position: center; }
	div#navigation img#logo {position: absolute; z-index: 16777271 !important;}
}


@media (max-width: 400px) {
	div#navigation li {font-size: 1.6rem; padding: 15px 0;}
}


@media (max-width: 320px) {
	div#navigation li {font-size: 1.4rem; padding: 15px 0;}
}
/*** END NEW MOBILE HEADER ***/

/*** RIGHT HAND NAV EVENTS***/

.Exhibitions_Events div#wrapper div#main div#mainContent div#topRight, div#twoCol div#right, div#twoColSide div#right, #ajaxSearch_intro { display: block; clear: both;}
.Exhibitions_Events  div#twoColSide div#right {width: 100% !important;}
.Exhibitions_Events div#wrapper div#main div#mainContent div#twoColSide div#right div.sideHome{ width: 100% !important; float:none !important; margin-bottom: 10px;}
.Exhibitions_Events div#breadcrumb {display: none;}

.Dynamic-Content div#wrapper div#main div#mainContent.portrait-page div#twoColSide div#events div#right {width: 100% !important;}
.Dynamic-Content div#wrapper div#main div#mainContent.portrait-page div#twoColSide div#events div#right div.sideHome { width: 100% !important; float:none !important; margin-bottom: 10px;}

.Features-Page div#wrapper div#main div#mainContent div#twoColSide div#right{width: 100% !important;}
.Features-Page div#wrapper div#main div#mainContent div#twoColSide div#right div.sideHome { width: 100% !important; float:none !important; margin-bottom: 10px;}

.Dynamic-Content div#wrapper div#main div#mainContent.portrait-extended-page div#twoColSide div#events div#right {width: 100% !important;}
.Dynamic-Content div#wrapper div#main div#mainContent.portrait-extended-page div#twoColSide div#events div#right div.sideHome{ width: 100% !important; float:none !important; margin-bottom: 10px;}

.Standard-Content-full-width-2col div#wrapper div#main div#mainContent div#twoColSide div#right{width: 100% !important;}
.Standard-Content-full-width-2col div#wrapper div#main div#mainContent div#twoColSide div#right div.sideHome{ width: 100% !important; margin-bottom: 10px;}

.Dynamic-Content div#wrapper div#main div#mainContent.person-extended-page div#twoColSide div#events div#right {width: 100% !important;}
.Dynamic-Content div#wrapper div#main div#mainContent.person-extended-page div#twoColSide div#events div#right div.sideHome { width: 100% !important; float:none !important; margin-bottom: 10px;}

.Dynamic-Content div#wrapper div#main div#mainContent.extended div#twoColSide div#events div#right {width: 100% !important;}
.Dynamic-Content div#wrapper div#main div#mainContent.extended div#twoColSide div#events div#right div.sideHome{ width: 100% !important; float:none !important; margin-bottom: 10px;}

.get-print-page div#twoColSide div#events div#right {width: 100% !important;}
.get-print-page div#twoColSide div#events div#right div.sideHome{ width: 100% !important; float:none !important; margin-bottom: 10px;}

.Blog-Feed div#wrapper div#main div#mainContent div#twoColSide div#right div.sideHome { display:none}

.Dynamic-Content div#wrapper div#main div#mainContent div#twoColSide div#events div#right {width: 100% !important;}
.Dynamic-Content div#wrapper div#main div#mainContent div#twoColSide div#events div#right div.sideHome{ width: 100% !important; float:none !important; margin-bottom: 10px;}

.Dynamic-Content div#wrapper div#main div#mainContent div#twoColSide div#advancedSearch div#right {width: 100% !important;}
.Dynamic-Content div#wrapper div#main div#mainContent div#twoColSide div#advancedSearch div#right div.sideHome{ width: 100% !important; float:none !important; margin-bottom: 10px;}

/*** END RIGHT HAND NAV EVENTS***/

/** SLICK SLIDER**/
.slick-dots li { padding: 3px 0px 0px 10px!important;}
.slick-wrapper .slick-slide a {text-decoration: none;}

/** END SLICK SLIDER**/

a.addthis_button_compact img {display: none !important;}
#ww-textbox {position:sticky!important;}

/* skip to main content */
a.skip-main {display:none!important;}