/*** 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;
}

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;
}

/*
#wrapper {
	float:left;
}

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

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

div#wrapper {
	padding-bottom:20px;
	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
}

#mainContent div.imageOptions {
	background-image:none;
	border: 1px solid #DDD;
	border-radius:5px;
}


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

.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,
.openseadragon {
	width:96% !important;
	margin-left:2%;
	margin-right:2%;
}

/*** END ELEMENT STYLES ***/

/*** END LAYOUT STYLES ***/

/*** START HEADER STYLES ***/


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

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

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

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

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

#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;
}

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: #363636;
}

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:4px 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:#CCCC66;
}

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

div#navigation li a {
	display:inline-block;
	width:100%;
	color:#FFF;
	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%;
}

form#searchForm {
	position:absolute;
	top:0px;
	padding: 16px 4% 16px 4%;
	height:83px;
	display:block;
	background-color:#CCCC66;
	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;
}

#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;
}

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

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


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


#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 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;
	width:100%;
	border:none;
}

.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;
}

.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 {
	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,
.Dynamic-Content #events div.themeNavigation,
.Blog-Post div.themeNavigation,
.Search_Results div.pagination div.themeNavigationTop{
	float:none;
	width:auto;
	margin:0px;
	padding:0px;
	font-size:18px;
	line-height:17px;
	display:inline-block !important;
}

#main div.themeNavigationWrapper {
	padding:10px 0px;
	text-align: center;
}

.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;
}

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;
}

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

.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;
}

.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;
}

div#mainContent div.catalogueSectionPerson#mediaSection {
	display:none;
}

div#mainContent div.catalogueSectionPerson .mediaEmbed {
	max-width:300px;
	width:300px !important;
	margin: 0px auto;
}


.get-print-page .get-print-details {
	padding-left:0px;
}

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

	.get-print-page .print-img-wrapper {
		max-width:45%;
	}
	
	.get-print-page .get-print-tombstone {
		max-width:55%;
	}
}

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

	.get-print-page .print-img-wrapper {
		max-width:30%;
	}
	
	.get-print-page .get-print-tombstone {
		max-width:70%;
	}
}

.get-print-page #unframedPrintTable label {
	font-size:16px;
	font-weight:bold;
	margin-bottom: 4px;
}

.get-print-page #unframedPrintTable input,
.get-print-page #unframedPrintTable select,
.get-print-page #unframedPrintTable #priceSpan {
	font-size:16px;
}

.get-print-page #unframedPrintTable input#unframedSubmit {
	width: 100%;
	max-width:142px;
}

.get-print-page #framedLink {
	max-width:200px;
	width:100%;
}

.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 #e0e1e1;
	padding:6px;
	display:inline-block;
	float:left;
	clear:left;
}

.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: #999;
}

.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:104%;
	border:none;
}

.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 {
	margin-left:0px;
}

.Theme .themeNavigationTop {
	display:none;
}

.Theme div.themeNavigationBottom img {
	padding:0px;
}


.Theme .portraitPanelPage .portraitPanelRow div.smallPortrait {
	margin:4px 15px;
}

.Theme .themeNavigationWrapper {
	clear:both;
}

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

	.Theme #mainContent .portraitPanelPage .portraitPanelRow {
		width:192px;
		border:none;
		float:none;
		margin:0px auto;
		padding:0px;
		display:block;
	}
	
	.Theme .portraitPanelPage .portraitPanelRow div.smallPortrait {
		clear:none;
		float:none;
	}
}

@media all and (min-width: 510px) {
	.Theme #mainContent .portraitPanelPage .portraitPanelRow {
		width:100%;
	}
	
	.Theme #mainContent .portraitPanelPage .portraitPanelRow:last-child {
		border:none;
	}
	
}


.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:500px;
	overflow: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% 122px 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:96%;
	margin-bottom:10px;
	position:absolute;
	bottom:0px;
	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 auto;
	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,
.feature_page_slider h1 img {
	display:block;
	margin:0px auto;
}

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


.Features-Page div#featureContainer:after,
.Features-Page-2col 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,
.feature_page_slider div#featureContainer .featureSection {
	 display:block;
}

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

@media all and (max-width: 487px) {
	.Features-Page div#featureContainer .featureSection,
	.Features-Page-2col 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,
	.feature_page_slider div#featureContainer .featureSection {
		margin-right:2%;
		width:32%;
		height:100%;
	}
}

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

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

.Features-Page #featureNavigation span.PJN_Menu,
.Features-Page-2col #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 ***/