/*
 * This stylesheet is responsible for generic site wide styles, including: 
 * Reusable class names, reusable components (such as toolbars, media components, popovers), header / footer styles,
 * generic link colour styles
 */

/* RTE styles */
@import url("inline.css");

/* @group GENERIC STYLES */

body {
	background: #FFFFFF url('../img/presentation/gradients/page-background.png') repeat-x top left;
	font-size: 62.5%;
	color: #262626;
}

div#wrapper {
	line-height: 1.4em;
	text-align: center;
	font-family: arial, sans-serif;
	font-size: 1.2em;
	overflow: hidden;
}

span#checktext {
    font-family: arial;
    font-size:11px;
	overflow: hidden;
}

a {
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	word-wrap: break-word;
}

a:hover {
	text-decoration: underline;
}

h3 sup {
	font-size: 1em;
}

.general-content sup {
	vertical-align: super;
	color: #262626;
	font-size: 0.8em;
	font-weight: normal;
}

.clear {
	clear: both !important;
}

.no-wrap {
	white-space: nowrap;
}

.print-content, .hidden-header {
	display: none;
}

.align-left {
	float: left !important;
}

.align-right {
	float: right !important;
}

.align-none {
	float: none !important;
}

.front {
	display: block !important;
	z-index: 100;
}

blockquote {
	margin: 0 25px !important;
}

div#wrapper .no-arrow,
div#wrapper .no-arrow input,
div#wrapper .no-arrow a {
	background: none !important;
	padding-right: 0 !important;
}

form#form1 {
	float: none;
	display: inline;
	width: 100%;
	clear: both;
}

ul#primary-navigation li.right div.shadow {
	right: -11px !important;
	left: auto !important;
}

ul#primary-navigation li.right ul li a {
	text-align: right;
	padding: 0.4em 20px 0.4em 10px
}

a.remove-term {
	background: url('../img/presentation/icons/remove.gif') no-repeat center top;
	margin: 0 -2px;
}

a.remove-term:hover {
	text-decoration: none;
}

a.remove-term span {
	color: transparent;
	font-size: 0.7em;
	font-weight: normal;
	padding: 3px;
	position: relative;
	top: -1px;
}

input.inline {
	margin-bottom: 10px;
	padding: 0;
	background: transparent;
	border: 0;
	font-weight: bold;
	font-size: 1em;
}

input.inline:hover {
	/* text-decoration: underline; */
}

input.non-JS {
	padding: 2px 9px 2px 9px;
	font-weight: bold;
	font-size: 1em;
}

.max-dims {
	max-height: 100%;
	max-width: 100%;
}

div#content-container span.added-to-mymet {
	font-weight: bold;
	font-size: 0.9em;
	padding: 2px 7px 3px 7px;
	float: left;
	border-radius: 4px;
	cursor: default;
	
	/* Important button overrides */
	color: #262626;
	background: #E3E3E2 !important;
}

textarea#embed-content {
	clear: both;
	width: 100%;
	float: left;
	margin-bottom: 14px;
	height: 85px;
}

/*** Mobile link styles ***/

div.mobile-link {
	background: #c8c7c7 url('../img/presentation/gradients/view-on-mobile.gif') repeat-x bottom left;
	padding-bottom: 8px;
}

div.mobile-link a {
	width: 167px;
	font-size: 1.4em !important;
	display: block;
	text-decoration: none;
	text-align: center;
	font-size: 1.3em;
	padding: 12px;
	font-weight: normal;
	color: #ffffff;
	background: url('../img/presentation/corners/view-on-mobile.gif') no-repeat center bottom;
	margin: 0 auto;
}

div.mobile-link a span {
	letter-spacing: 0.1em;
}

/* @group fonts */

.urbano-light {
	font-family: 'UrbanoLightCondensed', arial !important;
	text-transform: uppercase;
	letter-spacing: 0.065em;
}

.urbano-regular {
	font-family: 'UrbanoCondensed', arial !important;
	text-transform: uppercase;
	letter-spacing: 0.065em;
}

.urbano-bold {
	font-family: 'UrbanoBoldCondensed', arial !important;
	text-transform: uppercase;
	letter-spacing: 0;
}

.urbano-light,
.urbano-regular,
.urbano-bold,
.urbano-light a,
.urbano-regular a,
.urbano-bold a {
	font-weight: normal !important;
}

/* @end fonts */

div#wrapper .visible {
	position: static !important;
	left: auto !important;
}

div#wrapper div.inner-tab-content.visible {
	overflow: auto !important;
}

div#wrapper .invisible {
	position: absolute !important;
	left: -1000em !important;
}

div#readMoreLink,
div.recommended-content {
	display: none;
}

.last {
	background: none !important;
	border: none !important;
	margin-right: 0 !important;
	padding-right: 0 !important;
}

.center {
	text-align: center;
}

.text-align-right {
	text-align: right;
}

.hide-content {
	position: absolute;
	left: -100000em;
	width: 1px;
}

div#landing-feature h1.hide-content {
	position: absolute;
	left: -1000em;
	width: 1px;	
}

.bold, strong {
	font-weight: bold;

}

.small-text {
	font-size: 0.9em;
	line-height: 1.2em;
}

.date-text {
	color: #656363;
}

.white,
.white a {
	color: #ffffff !important;
}

.error {
	width: 190px;
	min-height: 26px;
	font-size: 0.9em;
	line-height: 1.2em;
	float: right;
	padding: 5px 35px;
	right: -140px;
	position: absolute;
	z-index: 9000;
	margin-top: -3px;
}

.error.far-right {
	right: -230px;
}

.error div,
.error span {
	display: table-cell;
	vertical-align: middle;
	height: 2.5em;
}

.error.blank {
	background: url('../img/presentation/arrows/error-blank-field.png') no-repeat center center;
}

.error.blank.thick {
	background: url('../img/presentation/arrows/error-blank-field_55px.png') no-repeat center center;
}

.error.info {
	background: url('../img/presentation/arrows/error-info-field.png') no-repeat center center;
}

.error.info.thick {
	background: url('../img/presentation/arrows/error-info-field_60px.png') no-repeat center center;
}

.requiredField {
	border:2px solid #262626 !important;	
}

h1 {
	font-size: 2.6em;
	font-family: 'SavoyRoman',georgia, arial, sans-serif;
/*	font-family: georgia, arial, sans-serif;*/
	font-weight: normal;
	line-height: 1.25em;
	/*float: left;*/
}

h1 i,
h1 em {
	font-family: 'SavoyItalic',georgia, arial, sans-serif;
	font-style: normal !important;
}

h1.georgia {
	font-family: georgia, arial, sans-serif;
	font-size: 3.5em !important;
}

h1 span {
	font-size: 0.45em;
	margin-left:20px;
	font-family: georgia, arial, sans-serif;
}

h1.generic-landing-header {
	margin-bottom: 10px;
}

h2 {
/*	font-family: 'SavoyRoman',georgia, arial, sans-serif;*/
	font-family: georgia, arial, sans-serif;
	font-weight: normal;
}

h5 {
	font:normal 1.2em Arial, Helvetica, sans-serif;
	margin:0 0 1em 0;	
}
/* div.search-results h1,*/
div.page-main-header h1 {
	margin-top: -5px;
}

div.page-main-header h2 {
	font-size:1.9em;
	clear:left;
	float:left;
	margin:0.3em 0 0 0;
	line-height:1.1;
}

div.search-results.narrow h1,
div.page-main-header h1 {
	float: left;
}

div.indented-full-width h1 {
	font-size: 2.8em;
	position: relative;
	top: -10px;
	z-index: 10;
	float: left;
}

div.indented-full-width h2.summary {
	font:1.7em Arial, Helvetica, sans-serif;
	clear:both;
	margin:0 0 20px 0;
}

div.indented-full-width div.parent-search-summary-container div.search-summary-container {
	display: none;
}

div.indented-full-width div.parent-search-summary-container div.search-summary-container.front {
	display: block;
}

div.indented-full-width h2.summary .smaller {
	font-size:0.7em;
	line-height:2;
}

div.general-content h2 {
	line-height: 1.2em;
	font-size: 2em;
	margin-bottom: 25px;
	clear: left;
	font-family: 'SavoyRoman',georgia, arial, sans-serif;
}

div.general-content h2.small-margin {
	margin-bottom: 15px;
}

div.form-container h2 {
	font-size: 1.5em;
	line-height: 1.2em;
	font-family: georgia, arial, sans-serif;
}

div.general-content h2.small-header {
	font-size: 1.2em;
	line-height: 1.2em;
	font-family: arial, sans-serif;
	margin-bottom: 10px;
	margin-top: 0px;
}

div.general-content h2.link {
	font-size:1.5em;
	margin-bottom:15px;
	font-family: georgia, arial, sans-serif;
}

div.general-content h2.link a {
	font-weight:normal;
}

h2.large-header {
	font-size: 2.6em;
}

div.general-content div.exhibition-listing h2 {
	margin-bottom: 10px;
	font-size: 1.8em;
}

h3.large-header {
	font: 1.6em arial, sans-serif normal;
	margin:0 0 0.85em 0;
}

h3 a.arrow {
	font-size: 1.3em;
	background: url('../img/presentation/arrows/arrow-black-transparent.png') no-repeat !important;
	background: url('../img/presentation/arrows/arrow-black-transparent.gif') no-repeat;
	padding-right: 13px;
    background-position: right 55% !important;
}



a.arrow {
	background: url('../img/presentation/arrows/arrow-black-transparent.png') no-repeat !important;
	background: url('../img/presentation/arrows/arrow-black-transparent.gif') no-repeat;
    background-position: right 55% !important;
}

 span.read-more
{
    display:none !important; 
} 

/* p.endd {
	margin-top: 16px !important;
} */

div.promo-box h2, div#footer h2 {
	margin-bottom: 0px;
	margin-top: 0px;
}

div.general-content h2.large-header {
	margin-bottom: 20px;
}

div.divider {
	/*width: 100%;
	border-bottom: 4px solid #E6E6E6;
	clear: both;
	margin-bottom: 20px;*/
	background-color: #E6E6E6;
	height: 4px;
	clear: both;
	width: 100%;
	margin-bottom: 20px;
}


input[type=submit], input[type=image] {
	cursor: pointer;	
}

/*div#content-container p*/
p {
	margin-bottom: 16px;
}

p.gallery-id {
	font-size: 0.9em;
}

p.view-more-link,
p.view-all-link {
	clear: both;
	float: left;
	width: 100%;
	display: inline;
}

p.view-more-link {
	background-color: #262626;
	position: absolute;
	bottom: 0;
	left: 0;
	margin-bottom: 0 !important;
}

p.view-more-link a {
	color: #ffffff;
	padding-left: 18px !important;
}

p.view-all-link {
	background: #E6E6E6;
	background: #f1f1f0;
}

p.view-more-link a,
p.view-all-link a {
	padding: 5px 10px;
	display: block;
	font-size: 1.2em;
	margin-bottom: 2px;
}

p.view-all-link.list-links a {
	float: left;
}

p.black-on-grey,
p.white-on-black {
	background-color: #2F2F2F;
	color: #ffffff;
	font-family: Georgia, "Times New Roman";
	font-size: 1.5em;
	padding: 0.7em 14px;
	clear: left;
}

div.search-results-listing p.black-on-grey,
div.search-results-listing p.white-on-black {
	font-size: 1em;
	font-family: arial;
}

div.tabbed-container p.white-on-black {
	margin-bottom: 0px;
}

p.black-on-grey {
	background-color: #E3E3E2;
	color: #262626;
	margin-bottom: 0px;
}

p.white-on-black strong {
	font-family: Helvetica, Verdana;
	font-variant: small-caps;
	font-size: 0.8em;
}

p.tooltip {
	float: right;
	margin-right: 8px;
	display: inline;
}

p.tooltip a {
	background: url('../img/presentation/icons/help.png') no-repeat left center;
	padding: 8px 0 8px 20px;
}

p.date {
	font-size:0.9em;
}

li {
	list-style-type: none;
}

div.museum-map-features div.facilities ul,
.general-content ul {
	margin:0 0 16px 36px;
}

.general-content img.first-content-image {
	margin-bottom: 30px;
}

.general-content li {
	list-style:disc;
}

.general-content ol li {
	list-style: decimal;
}

div#content-container div.general-content div.membershipBenefits ul,
div.my-met-container div.myMetVideoHeader ul, 
div.my-met-container div#landing-feature-mymet ul 
{
	margin: 0 0 16px 36px;
}

div#content-container div#membershipBenefitList ul
{
    margin: 0;
}

div.my-met-container div.myMetVideoHeader div.general-content h2,
div.my-met-container div#landing-feature-mymet div.general-content h2 {
    margin: 10px 0 15px 0 !important;
    font-size: 2em !important;
    font-family: 'SavoyRoman', georgia, arial, sans-serif !important;
    line-height: 1.2em !important;
} 

div.my-met-container div.myMetVideoHeader, 
div.my-met-container div#landing-feature-mymet {
    padding: 0px;
    font-size: 100%;
    font-family: arial, sans-serif;
} 

div.my-met-container div.myMetVideoHeader div.general-content ul li,
div.my-met-container div#landing-feature-mymet div.general-content ul li {
    border: none;
    padding: 0px;
    font-size: 100%;
    font-family: arial, sans-serif;
} 

div#content-container div#main div.main-holder div#content div.members-holder div.image-container div.text-box-custom ul,
div#content-container div#main div.main-holder div#content div.members-holder div.text-box ul {
	margin: 0 0 16px 26px;
}

div#content-container div#main div.main-holder div#content div.members-holder div.image-container div.text-box-custom ul li,
div#content-container div#main div.main-holder div#content div.members-holder div.text-box ul li {
	padding-left: 0px !important;
    background-image: none !important;
    list-style-type: disc !important;
}

div#content-container div.no-image div.general-content ol {
	margin:0 0 16px 0;
}

div#content-container div.no-image div.general-content ol li {
	margin:0 0 0px 36px;
}

.empty-grey-toolbar,
.empty-toolbar,
.grey-toolbar,
.toolbar {	/* in-content tools e.g. print */
	background:#262626;
	color:white;
	margin:0 0 30px 0;
	padding:8px;
	margin-top: 0px;
	clear:both;
}

.empty-grey-toolbar,
.empty-toolbar {
    padding:2px;
}

.empty-toolbar,
.toolbar {
	background:#e3e3e2;
	color:#262626;
}

.toolbar h3 {
	margin:0;
	font-weight:normal;
}

.toolbar.light {
	background:#F1F1F0;
}

.grey-toolbar ul,
.toolbar ul {
	float:right;
	list-style:none;
	margin:0;
}

.grey-toolbar li,
.toolbar li {
	list-style:none;
	float:left;
	margin:0 18px 0 0;
}

.grey-toolbar ul.left,
.toolbar ul.left {
	float:left;
}

.toolbar ul.no-icons li {
	border-right:1px solid #262626;
	margin-right:8px;
}

.toolbar ul.no-icons a {
	padding-right:8px;
}

div.general-content .grey-toolbar a {
	color:white;
	text-decoration: none;
}

div.general-content .grey-toolbar a:hover {
	text-decoration: underline;
}

.grey-toolbar .add-mymet a {
	background:url(../img/presentation/icons/my-met-add.gif) left top no-repeat;
}

.grey-toolbar .pdf a {
	background:url(../img/presentation/icons/pdf-download.gif) left top no-repeat;
}

.grey-toolbar .print a,
div.itinerary-footer a.print {
	background:url(../img/presentation/icons/print.gif) left top no-repeat;	
}

.grey-toolbar .share a {
	background:url(../img/presentation/icons/share.gif) left -2px no-repeat;	
}

.grey-toolbar .rss a {
	background:url(../img/presentation/icons/rss.gif) left top no-repeat;	
}

.grey-toolbar .email a {
	background:url(../img/presentation/icons/email.gif) left top no-repeat;	
}

.grey-toolbar .show-all a {
	background:url(../img/presentation/icons/show-all.gif) left top no-repeat;	
}

.grey-toolbar .families a {
	background:url(../img/presentation/icons/families.gif) left top no-repeat;	
}

.grey-toolbar .national-and-international-memberships a {
	background:url(../img/presentation/icons/globe.gif) left top no-repeat;	
}

.grey-toolbar .couples a {
	background:url(../img/presentation/icons/couples.gif) left top no-repeat;	
}

.grey-toolbar .individuals a {
	background:url(../img/presentation/icons/individuals.gif) left top no-repeat;	
}

.grey-toolbar .special a {
	background:url(../img/presentation/icons/special.gif) left top no-repeat;	
}

.grey-toolbar a:hover, .grey-toolbar li.selected a {
	background-position:left -18px;
}

.grey-toolbar .share a:hover {
	background-position:left -20px;
}

.toolbar a {
	padding-left:22px;
}

.toolbar .artworks a,
.toolbar .videos a,
.toolbar .audio a,
.toolbar .poster a {
	text-decoration: none;
	color: #262626;
}

.toolbar .artworks a:hover,
.toolbar .videos a:hover,
.toolbar .audio a:hover,
.toolbar .poster a:hover {
	text-decoration: underline;
}


.toolbar .artworks a {
	background:url(../img/presentation/icons/artworks.gif) left 2px no-repeat;	
}

.toolbar .artworks a:hover,
.toolbar .artworks.front a {
	background:url(../img/presentation/icons/artworks-grey.gif) left 2px no-repeat;	
	color: #676767;
}

.toolbar li.videos a {
	background:url(../img/presentation/icons/my-met-panel-media-video.gif) left top no-repeat;}
.toolbar li.videos a:hover,
.toolbar li.videos.front a {
	background:url(../img/presentation/icons/my-met-panel-media-video-grey.gif) left top no-repeat;
	color: #676767;
}


.toolbar li.audio a.icon-links {
	background:url(../img/presentation/icons/audio-black-trans.gif) left top no-repeat;
}

.toolbar li.audio a.icon-links:hover,
.toolbar li.audio.front a.icon-links {
	background:url(../img/presentation/icons/audio-black-trans-grey.gif) left top no-repeat;
	color: #676767;
}

.toolbar li.poster a {
	background:url(../img/presentation/icons/poster.gif) left top no-repeat;
}

.toolbar li.poster a:hover,
.toolbar li.poster.front a {
	background:url(../img/presentation/icons/poster-grey.gif) left top no-repeat;
	color: #676767;
}

.toolbar p.fullscreen {
	float:right;
	margin:0;
}

.toolbar p.fullscreen a {
	background:url(../img/presentation/icons/fullscreen.gif) left top no-repeat;
}

.margin-right-15 
{
    margin: 0 15px 0 5px;
}

/*** CHROME HACK ***/
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
    .margin-right-15 
    {
        margin: 0 15px 0 -3px; 
    }
}

/*** FIREFOX HACK ***/                   
@-moz-document url-prefix()
{
    .margin-right-15 
    {
        margin: 0 15px 0 -3px;
    }
}

.margin-bottom {
	margin-bottom: 9px !important;
}

.margin-bottom-30 {
	margin-bottom: 30px !important;
}

.margin-bottom-20,
div.form-container.margin {
	margin-bottom: 20px !important;
}

.nomargin {
	margin:0 !important;
}

.no-margin-bottom {
	margin-bottom:0 !important;
}

/* Clearing method */
.cleared:after {content:'';display:block;height:0;clear:both;visibility:hidden;}
.cleared {display:inline-block;}
/*\*/
.cleared {display:block;}
/* End clearing */

/* @end GENERIC STYLES */


/* @group BUTTON STYLES */

.button {
	position: relative;
	z-index: 0;
	float: left;
	cursor: pointer;
}

.button p {
	margin-bottom: 0 !important;
}

.button .submit-container {
	float: left;
}

.button a, .button .submit-container, .button input, .button button {
	/*background: #E9E8E8 url('../img/presentation/gradients/button-light-grey.gif') repeat-x left bottom;*/
	background: #ABABAB url('../img/presentation/gradients/button-dark-grey.gif') repeat-x left bottom;
	color:white;
	display: block;
	padding: 1px 7px 1px 6px;
	cursor: pointer;
	overflow: visible;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;
	text-decoration: none;
	border:none;
	/*font-weight: bold;*/
}

div.account-content div.order-confirmation div.button a,
div.account-content div.order-confirmation div.button a:hover {
	color: #ffffff !important;
}

.button a {
	padding: 2px 7px 2px 6px;
}

.button .submit-container {
	padding-left: 0px;	
}

.button.grey a, .button.grey .submit-container, div#my-met .button input:hover {
	background: #ABABAB url('../img/presentation/gradients/button-dark-grey.gif') repeat-x left bottom;
	color: #ffffff;
}

.button a:hover, .button .submit-container:hover {
	background: #858585 url('../img/presentation/gradients/button-active.gif') repeat-x left bottom !important;
	text-decoration: none;
	color: #ffffff;
	/*font-weight: bold;*/
}

div.events-listing ul h2 a,
div.calendar-column h2 a {
	background: url('../img/presentation/arrows/arrow-black-transparent.png') no-repeat !important;
	background: url('../img/presentation/arrows/arrow-black-transparent.gif') no-repeat;
	display: inline;
	padding-right: 15px;
    background-position: right center !important;
}

.button.grey span, .button span, .button.grey .submit-container input.submit, .button .submit-container:hover input {
	background: url('../img/presentation/arrows/title-white-arrow.png') no-repeat !important;
	background: url('../img/presentation/arrows/title-white-arrow.gif') no-repeat;
	color: #FFFFFF;
	padding-right: 10px;
    background-position: right center !important;
}

.button:hover span, .button.hover span {
	background: url('../img/presentation/arrows/title-white-arrow.png') no-repeat !important;
	background: url('../img/presentation/arrows/title-white-arrow.gif') no-repeat;	
    background-position: right center !important;
}

div.search-results-listing div.events-listing ul h2 a {
	padding-right: 0;
	background: none !important;
	font-size: 0.9em;
}

.button.left span {
	padding-right: 0;
	padding-left: 15px;
}

.button.my-met a,
.button.my-met-left a,
div#my-met .button input {
	background: url("../img/presentation/gradients/gold-button.gif") repeat-x scroll left bottom #A09882;
	display: none;
}

.button.my-met.white a.aspNetDisabled {
	padding: 0;
	background: none;
}

.button.my-met a span,
.button.my-met-left a span {
	background: url('../img/presentation/arrows/title-white-arrow.png') no-repeat !important;
	background: url('../img/presentation/arrows/title-white-arrow.gif') no-repeat;
	padding-right: 12px;
    background-position: right center !important;
}

.button.my-met-left a span {
	background: url('../img/presentation/arrows/title-white-arrow-left.png') no-repeat !important;
	background: url('../img/presentation/arrows/title-white-arrow-left.gif') no-repeat;
    background-position: left center !important;
}

.button.share-this a span {
/*	background: url('../img/presentation/icons/share-this.png') no-repeat left center !important;
	background: url('../img/presentation/icons/share-this.gif') no-repeat left center;*/
	background: url('../img/presentation/icons/share-white-small.png') no-repeat !important;
	background: url('../img/presentation/icons/share-white-small.gif') no-repeat;
	padding-left: 17px;
	padding-right: 5px;
    background-position: left center !important;
}
/*
.button.share-this a:hover span {
	background: url('../img/presentation/icons/share-white-small.png') no-repeat left center !important;
	background: url('../img/presentation/icons/share-white-small.gif') no-repeat left center;	
}*/

.button.alert a span,
.button.alert a:hover span  {
	background: url('../img/presentation/icons/clock-white.png') no-repeat left center !important;
	padding-left: 17px;
	padding-right: 5px;
}


.button.subscribe a span {
	background: url('../img/presentation/icons/subscribe-white-button.png') no-repeat left center !important;
	background: url('../img/presentation/icons/subscribe-white-button.gif') no-repeat left center;
	padding-left: 17px;
	padding-right: 5px;
}
/*
.button.subscribe a:hover span {
	background: url('../img/presentation/icons/subscribe-white-button.png') no-repeat left center !important;
	background: url('../img/presentation/icons/subscribe-white-button.gif') no-repeat left center;	
}*/

/* next and previous button styles */

a.next-button {
	width: 22px;
	height: 19px;
	background: url('../img/presentation/icons/gold-next.png') no-repeat top left !important;	
	background: url('../img/presentation/icons/gold-next.gif') no-repeat top left;
	float: left;
}

a.next-button:hover {
	background: url('../img/presentation/icons/grey-next.png') no-repeat top left !important;
	background: url('../img/presentation/icons/grey-next.gif') no-repeat top left;
}

a.prev-button {
	width: 22px;
	height: 19px;
	background: url('../img/presentation/icons/gold-prev.png') no-repeat top left !important;
	background: url('../img/presentation/icons/gold-prev.gif') no-repeat top left;
	float: left;
}

a.prev-button:hover {
	background: url('../img/presentation/icons/grey-prev.png') no-repeat top left !important;
	background: url('../img/presentation/icons/grey-prev.gif') no-repeat top left;
}

/* @end BUTTON STYLES */

/* @group BOX STYLES */

div.content-box {
	float: left;
	display: inline;
	position: relative;
	margin-bottom: 30px;
}

div.content-box div.header a {
	font-family: georgia, "Times New Roman";
	font-weight: normal;
	color: #ffffff;
	display: block;
	padding: 10px 17px 10px 10px;
	text-decoration: none;
	text-align: left;
}

div.content-box div.header a span {
	padding-right: 17px;
	background: url('../img/presentation/arrows/title-white-arrow.png') no-repeat !important;
	background: url('../img/presentation/arrows/title-white-arrow.gif') no-repeat;
    background-position: right center !important;
}

div.button a,
div.header h2 a {
	text-decoration: none;
}

div.header h2 a:hover span {
	text-decoration: underline;
}

div.content-box div.header {
	color: #ffffff;
	font-size: 1.3em;
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	background: url('../img/presentation/backgrounds/black-transparent.png') repeat left top;
}

div.content-box div.header-comm
{
    width: 210px !important;
}

div.content-box div.content {
	margin-bottom: 5px;
}

/* @end BOX STYLES */

/* @group GENERIC LINK ICON STYLES */

.icon-link {
	padding-left: 25px;
	padding-top: 2px;
}

.video {
	background: url('../img/presentation/icons/media-video-grey.png') no-repeat;
	background-position: 0px -1px;
}

div.video {
	background: none;
}

.video {
	text-align: center;
}

.video.selected {
	background: url('../img/presentation/icons/met-video-grey.png') no-repeat;
}

.audio {
	background: url('../img/presentation/icons/media-podcast.png') no-repeat left center;
	background-position: 0px 0px;
}

.audio.selected {
	background: url('../img/presentation/icons/media-podcast-gold.png') no-repeat left center;
}

.interactive {
	background: url('../img/presentation/icons/media-interactive-grey.png') no-repeat left center;
	background-position: 0px 0px;
}

.interactive.selected {
	background: url('../img/presentation/icons/media-interactive-gold.png') no-repeat left center;
}

.black-arrow {
	background: url("../img/presentation/arrows/arrow-black-transparent.png") no-repeat scroll !important;
	background: url("../img/presentation/arrows/arrow-black-transparent.gif") no-repeat scroll;
	padding-right: 13px;
    background-position: right center !important;
}

.black-arrow-down, span.black-arrow-down {
	background: url("../img/presentation/arrows/title-white-arrow-down.png") no-repeat scroll !important;
	background: url("../img/presentation/arrows/title-white-arrow-down.gif") no-repeat scroll;
	padding-right: 17px;
	margin-right: 0px;
    background-position: right center !important;
}

.button:hover span.black-arrow-down {
	background: url("../img/presentation/arrows/title-white-arrow-down.png") no-repeat scroll !important;
	background: url("../img/presentation/arrows/title-white-arrow-down.gif") no-repeat scroll;
    background-position: right center !important;
}

.up span.black-arrow-down {
	background: url("../img/presentation/arrows/title-white-arrow-down.png") no-repeat scroll !important;
	background: url("../img/presentation/arrows/title-white-arrow-down.gif") no-repeat scroll;
    background-position: right center !important;
}

.up:hover span.black-arrow-down {
	background: url("../img/presentation/arrows/title-white-arrow-up.png") no-repeat scroll !important;
	background: url("../img/presentation/arrows/title-white-arrow-up.gif") no-repeat scroll right center;
    background-position: right center !important;
}

.disclosure-white-arrow {
	background: url("../img/presentation/arrows/title-white-arrow-down.png") no-repeat scroll !important;
	background: url("../img/presentation/arrows/title-white-arrow-down.gif") no-repeat scroll;
	padding-left: 17px;
	margin-left: 14px;
    background-position: left center !important;
}

.disclosure-white-arrow.up {
	background: url("../img/presentation/arrows/title-white-arrow-up.png") no-repeat scroll !important;
	background: url("../img/presentation/arrows/title-white-arrow-up.gif") no-repeat scroll;
    background-position: left center !important;
}

.disclosure-black-arrow {
	background: url("../img/presentation/arrows/arrow-black-transparent-down.png") no-repeat scroll !important;
	background: url("../img/presentation/arrows/arrow-black-transparent-down.gif") no-repeat scroll;
	padding-left: 17px;
	margin-left: 14px;
    background-position: left center !important;
}

.disclosure-black-arrow.up {
	background: url("../img/presentation/arrows/arrow-black-transparent-up.png") no-repeat scroll !important;
	background: url("../img/presentation/arrows/arrow-black-transparent-up.gif") no-repeat scroll;
    background-position: left center !important;
}

div.gallery-disclosure .disclosure-black-arrow {
	background: url("../img/presentation/arrows/arrow-black-transparent-up.png") no-repeat scroll !important;
	background: url("../img/presentation/arrows/arrow-black-transparent-up.gif") no-repeat scroll;
    background-position: left center !important;
}

div.gallery-disclosure .disclosure-black-arrow.down {
	background: url("../img/presentation/arrows/arrow-black-transparent-down.png") no-repeat scroll !important;
	background: url("../img/presentation/arrows/arrow-black-transparent-down.gif") no-repeat scroll;
    background-position: left center !important;
}

h2.small-header .black-arrow {
	background: url("../img/presentation/arrows/arrow-black-transparent.png") no-repeat scroll !important;
	background: url("../img/presentation/arrows/arrow-black-transparent.gif") no-repeat scroll;
	line-height: 1.2em;
    background-position: right 6px !important;
}

a.share-this {
	background: url('../img/presentation/icons/share-this-white.gif') no-repeat left center;
}

/* style injected by ShareThis javascript */
span.stButton {
	display:none !important;
}

a.subscribe {
	background: url('../img/presentation/icons/subscribe-white.gif') no-repeat left center;
}

.subscribe-black a {
	background: url('../img/presentation/icons/subscribe-black.png') no-repeat left 1px !important;
	background: url('../img/presentation/icons/subscribe-black.gif') no-repeat left 1px;
	padding: 0 0 0 25px;
}

div.grey a.share-this {
	background: url('../img/presentation/icons/share-this-large.png') no-repeat left center !important;
	background: url('../img/presentation/icons/share-this-large.gif') no-repeat left center;
	padding: 0 0 0 25px;
}

div.grey a.subscribe {
	background: url('../img/presentation/icons/subscribe-black.png') no-repeat left center !important;
	background: url('../img/presentation/icons/subscribe-black.gif') no-repeat left center;	
	padding: 0 0 0 25px;
}

div.grey a.subscribe-all-blogs {
	/*background: url('../img/presentation/icons/rss.png') no-repeat left center !important;*/
	padding: 0 0 0 25px;
}

a.trackback {
	background: url('../img/presentation/icons/trackback-black.gif') no-repeat left center;
	padding: 0 0 0 25px;
}

a.permalink {
	background: url('../img/presentation/icons/permalink-black.gif') no-repeat left center;	
	padding: 0 0 0 25px;
}

a.print {
	background: url('../img/presentation/icons/print-black.gif') no-repeat left center;	
	padding: 0 0 0 25px;
}

.icon {
	padding: 3px 0 0 20px;
	font-size: 0.8em;
	margin-left: 10px;
}

.icon.pdf {
	background: url('../img/presentation/icons/PDF-black-on-white.gif') no-repeat left 0;
}

.map-pdf {
	background: url('../img/presentation/icons/PDF-black-on-white.gif') no-repeat right center;
	padding: 1em 20px 0 0;
	float: right;
}


.icon.video {
	background: url('../img/presentation/icons/video-black-on-white.gif') no-repeat left 0;
}

.icon.audio {
	background: url('../img/presentation/icons/audio-black-on-white.gif') no-repeat left 0;
}

.view-all-link a.audio,
.view-all-link a.print,
.view-all-link a.pdf,
.toolbar a.pdf {
	padding-left: 20px;
	margin-left: 10px;
}

.view-all-link a.pdf,
.toolbar a.pdf {
	background: url('../img/presentation/icons/pdf-transparent.png') no-repeat left center !important;
	background: url('../img/presentation/icons/pdf-transparent.gif') no-repeat left center;
}

.view-all-link a.print {
	background: url('../img/presentation/icons/print-transparent.png') no-repeat left center !important;
	background: url('../img/presentation/icons/print-transparent.gif') no-repeat left center;
}

.view-all-link a.audio {
	background: url('../img/presentation/icons/audio-transparent.png') no-repeat left center !important;
	background: url('../img/presentation/icons/audio-transparent.gif') no-repeat left center;
}


/* @end GENERIC LINK ICON STYLES */

/* @group HEADER STYLES */

div#header {
	position: relative;
}

div#header div#logo-container {
	float: left;
	margin: 40px 0 0 14px;
	display: inline;
}

div#header div#logo-container a,
div#header div#logo-container img {
	float: left;
}

div#header div#logo-container img#logo-text{
	margin: 15px 0 0 15px;
}

div#header div#logo-container span.site-header {
	display: block;
	margin: 15px 0 0 15px;
	font-family: 'SavoyRoman', georgia, arial;
	color: #BDb398;
	font-size: 1.32em;
	letter-spacing: 0.14em;
	float: left;
	text-transform: uppercase;
	font-weight: normal;
}

div#header-content {
	background: #262626 url('../img/presentation/corners/header.gif') no-repeat center bottom;	
}

div#breadcrumb {
	background: #F3F3F3 url('../img/presentation/gradients/breadcrumb.gif') repeat-x left top;
}

div#header-topbar {
    left: 0;
    padding-left: 66px;
    position: absolute;
    top: 0;
    width: 922px;
}

div#header-topbar div.header-topbar-content {
	background: url('../img/presentation/gradients/header-topbar.gif') no-repeat right bottom;
	padding: 5px 15px;
	min-height: 19px;
	float: left;
}


div#header-topbar div.header-topbar-content a {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	position: relative;
	top: 2px;
	font-size: 0.9em;
}

/* @end HEADER STYLES */

/* @group LEFT COLUMN STYLES */

.left-column {
	
}

.left-column .container {
	margin:25px 0;
}

.left-column h2 {
	font-size:1.6em;
	line-height: 1.2em;
	padding:0 0 10px 27px;
	margin-bottom:20px;
	border-bottom:1px solid #e3e3e2;
}

.left-column .margin-left {
	margin:0 0 20px 27px;
}

.left-column p.links a {
	background:#f3f3f3;
	display:block;
	padding:8px 8px 8px 27px;
}

.left-column dt {
	font-weight:bold;}

.left-column dd {
	margin-bottom:20px;
}

/* @end LEFT COLUMN STYLES */

/* @group FOOTER STYLES */

div#footer {
	background: url('../img/presentation/corners/footer-top.png') no-repeat left top !important;
	background: url('../img/presentation/corners/footer-top.gif') no-repeat left top;
	padding-top: 26px;
	padding-bottom: 20px;
	text-align: center;
    margin: 15px 14px 15px 14px;
}

div#wrapper div.supressed-footer {
	background: none !important;
}

div#footer div.footer-box-container {
	padding: 0px;
	float: left;
	width: 960px;
    background-color:#e3e3e2;
}

div#footer div.content-box {
	margin-top: 0;
    margin-bottom: 0;
	width: 210px;
}

div#footer div.content-box a {
	font-size: 1.1em;
}

div#footer div.footer-links 
{
    clear: left;
	background-color: #E3E3E2;
	float: left;
	width: 100%;
	padding: 20px 0 15px 0;
}

div#footer ul a {
	font-weight: normal;
    padding-right: 8px;
}

div#footer ul li {
	display: inline;
	margin-right: 2px;
	background: url('../img/presentation/borders/footer-li-border.gif') no-repeat right center;    
}

 /* This works only in Safari and Google Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
    div#footer div.footer-links 
    {
        padding-bottom: 0px !important;
    }
    
    p.copyright-footer
    {
	    margin-bottom: 0px !important;
	}
}

/* FF hack */
@-moz-document url-prefix()
{
     div#footer div.footer-links 
    {
        padding-bottom: 0 !important;
    }
}

<!--[if IE 7]>
div#footer div.footer-links 
{
    padding-bottom: 0 !important;
}
<![endif]-->

<!--[if IE 9]>
    p.copyright-footer
    {
	    margin-bottom: 0px !important;
	}
<![endif]-->

/* @end FOOTER STYLES */

/* @group OVERLAY STYLES */
div.mask {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	display:none;
	background-color:#343434;
	z-index:10001;
}

div.overlay {
	position:absolute;
	top:0;
	left:0;
	bottom: 0;
	right: 0;
	width:100%;
	height:100%;
	z-index:10002;
	color:#f5f5f5;
	display:none;
}

div.overlay-header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:62px;
	background:#343434;
	z-index:10003;
}

div.overlay img.overlay-logo {
	float:left;
	margin:8px 0 0 18px;
	color:#f5f5f5;
}

div.overlay p.close {
	float:right;
	margin:25px 32px 0 0;
	font:1.2em Arial, Helvetica, sans-serif;
	display:inline;
}

div.overlay p.close a {
	color:white;
	display:block;
	background:url(../img/presentation/icons/exit-fullscreen-white-16x16.png) right 3px no-repeat;
	padding:3px 25px 3px 3px;
}

div.overlay div.content-container {
	width:100%;
	text-align:center;
	/*width:878px;
	position:absolute;
	top:0;
	z-index:10002;*/
}

div.overlay div.full-size {
}

div.overlay-footer {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:86px;
	margin:0;
	background:url(../img/presentation/backgrounds/grey-transparent.png);
	z-index:10003;
}

div.overlay-footer div.text-box {
	float:left;
	margin:18px 0 0 32px;
	display:inline;
	width: 60%;
}

div.overlay-footer h2 {
	font-size:3.2em;
	margin:0 0 0.1em 0;
}

div.overlay-footer h3 {
	font-size:2em;
	font-weight:normal;
}

div.overlay-footer div.toolbar {
	background:none;
	float:right;
	clear:none;
	margin:24px 32px 0 0;
	display:inline;
}

div.overlay-footer div.toolbar li {
	float:left;
	margin:0 0 0 30px;
}

div.overlay-footer div.toolbar li a {
	display:block;
	width:24px;
	height:24px;
}

div.overlay-footer div.toolbar li a:hover {
	opacity:0.6;
}

div.overlay-footer div.toolbar li.zoom-in a {
	background:url(../img/presentation/icons/add-white-24x24.png) left top no-repeat;
}

div.overlay-footer div.toolbar li.zoom-out a {
	background:url(../img/presentation/icons/minus-white-24x24.png) left top no-repeat;
}

div.overlay-footer div.toolbar li.reset-zoom a {
	background:url(../img/presentation/icons/refresh-white-24x24.png) left top no-repeat;
}

div.overlay-footer div.toolbar li.download a {
	background:url(../img/presentation/icons/download_24x24.png) left top no-repeat;
}

/* @end OVERLAY STYLES */


/*
 * COLOUR STYLES
 * IMPORTANT: Late on in the project we changed the link styles from dark and bold to gold, bold and underlined,
 * a change of this generic nature meant we have to override any links we didn't want in this new style.
 * These new link override styles appear before the main body link styles.
 */

/*@group Body content link overrides */

a,
h3 sup,
h2 a,
div.column h2 a,
h3 a,
.bold, strong, b,
div.general-content h4 a,
.twocolumns .column h2 a,
div.panel-content h3 a,
.content-box h3 a,
div.search-null h3 a,
div.general-content ul li h2 a,
div#content-container div.gallery-disclosure a,
div.general-content ul li h4 a,
div#content-container div.exhibition-listing ul.date-range li a,
div.exhibition-listing ul.tabs li a,
div#content-container p.view-all-link a,
div.twocolumns div.column h3 a,
div.itinerary ul.promo-accordion li a,
div.text-box h3 a,
div#content-container div.museum-map-features ul li a,
div.related-content-container ul.tabs li a,
div.related-content div.object a,
div#content-container p.fullscreen a,
div.article-promo h2 a,
div#content-container ul.artworks-list li a,
div#content-container div.pager p.back a,
div.general-content div.site-index ul li a,
div.events-calendar table tr td a,
div.events-calendar p.close a,
div.set-dates a.open,
div.events-calendar table th,
div#content-container div.exhibition-listing div.pagination-container ul li a,
div#content-container ul.featured-exhibitions li h3 a {
		color: #262626;
}

div#content-container p.view-all-link a,
div#content-container div.exhibition-listing ul li a,
div.general-content ul li h4 a,
div#content-container div.gallery-disclosure a,
div#content-container h2 a,
div#content-container h3 a,
div.twocolumns div.column h3 a,
div.itinerary ul.promo-accordion li a,
div.general-content ul.tabs li a,
div.itinerary div.itinerary-footer ul li a,
div#wrapper div#content-container div.general-content div.museum-map-features a,
ul.membership-categories div.buttons a,
div.related-content-container ul.tabs li a,
div.related-content div.object a,
div#content-container p.fullscreen a,
div.general-content div.events-listing-container div.events-switcher a,
div.article-promo h2 a,
div#content-container ul.artworks-list li a,
div#content-container div.pager p.back a,
div#content-container p.button a,
div#content-container div.button a,
ul.buttons li.button a,
div.general-content div.site-index ul li a,
div.events-calendar table tr td a,
.button .submit-container a,
div.events-calendar p.close a,
div.set-dates a.open,
div.event-container div.image-container p.caption a {
	text-decoration: none;
}

div#content-container p.view-all-link a:hover,
div#content-container div.exhibition-listing ul li a:hover,
div.general-content ul li h4 a:hover,
div#content-container div.gallery-disclosure a:hover,
div#content-container h2 a:hover,
div#content-container h3 a:hover,
div.twocolumns div.column h3 a:hover,
div.itinerary ul.promo-accordion li a:hover,
div.general-content ul.tabs li a:hover,
div.itinerary div.itinerary-footer ul li a:hover,
div#wrapper div#content-container div.general-content div.museum-map-features a:hover,
div.related-content-container ul.tabs li a:hover,
div.related-content div.object a:hover,
div#content-container p.fullscreen a:hover,
div.general-content div.events-listing-container div.events-switcher a:hover,
div.article-promo h2 a:hover,
div#content-container ul.artworks-list li a:hover,
div#content-container div.pager p.back a:hover,
div.general-content div.site-index ul li a:hover,
div.events-calendar table tr td a:hover,
div.events-calendar p.close a:hover,
div.set-dates a.open:hover,
div.exhibitions div.text-box p a:hover,
div.narrow-column dl dt a:hover,
div.event-container div.image-container p.caption a:hover {
	text-decoration: underline;
}

/*@end Body content link overrides */

/*@group Body content link styles */

div.search-null a,
.content-box a,
div.panel-content a,
.twocolumns .column a,
div.events-container ul li p a,
div.general-content ul li a,
div ul li a
div.column a,
div.general-content a,
div.hero-container p a,
div.blog-content p a,div.blog-content div.clear a,div.blog-content span.linkList a,
div.blog-content div.pagination-container ul li a,
div#blogSearchContent p a,div#blogSearchContent div.clear a,div#blogSearchContent span.linkList a,
div#blogSearchContent div.pagination-container ul li a,
div.blog-recent-stories-container p a,
div#content-container div.alt-language p a,
div.promo-box div.content p a,
div.exhibitions div.text-box p a {
	color: #6C5E3F;
	text-decoration: underline;
}

.content-box a:hover,
div.panel-content a:hover,
.twocolumns .column a:hover,
div.events-container ul li p a:hover,
div.text-box a:hover,
div.general-content ul li a:hover,
div.column a:hover,
div.general-content a:hover,
div.hero-container p a:hover,
div.blog-content p a:hover,div.blog-content span.linkList a:hover,
div.blog-recent-stories-container p a:hover,
div#content-container div.alt-language p a:hover,
div.promo-box div.content p a:hover,
div.tabbed-container ul.landing li a:hover,
div.tabbed-container ul.related-content-tabs li a:hover,
div.image-slider ul.related-content-tabs li a:hover,
div.exhibitions div.text-box p a:hover {
	text-decoration: none;
}

div.text-box ul.exhibition-themes li a:hover {
	text-decoration: underline;
}

/*@end Body content link styles */

/*@group Bespoke text colour styles */

ul.membership-categories div.buttons a,
div.general-content div.events-listing-container div.events-switcher a,
ul.buttons li.button a,
.button .submit-container a {
	color: #ffffff;
}

div#art-object-fullscreen strong,
.gold,
p.white-on-black strong,
div#header-topbar div.header-topbar-content a,
div.general-content .grey-toolbar a:hover, .grey-toolbar li.selected a,
ul.membership-categories li.special .amount,
div.general-content div.events-listing-container div.events-switcher a.front,
div.image-slider div.header div.links .selected {
	color: #BCAE8F;	
}

/*@end Bespoke text colour styles */


/* @group HTML5 STYLES */

audio {
	width: 100%;
	height: 100%;
}

/* @end HTML5 STYLES */