* {
    margin: 0;
    padding: 0;
}


/*** START ELEMENT STYLES ***/

a img {
    border: 0;
}

ul {
    list-style-type: none;
}

div#mainContent ul {
    list-style-type: circle;
    margin-left: 18px;
    margin-bottom: 10px;
}

div#mainContent ol {
    padding-left: 22px;
    margin-bottom: 10px;
}

div#right ul,
ul.additionalLinks,
div#featureContainer ul,
div.linksBox ul,
ul.rightArrows,
ul.rightArrows,
ul#searchSections,
ul.pageTabs,
ul.anchorList,
div.imageOptions ul {
    list-style-type: none !important;
    margin-left: 0px !important;
    margin-bottom: 0px !important;
}

ul.anchorList {
    padding-top: 8px;
}

div.catalogueSearchResult {
    margin: 10px 4px;
    padding: 4px 6px 4px 6px;
    background-color: #f2f2f2;
}

div.catalogueSection {
    padding-top: 2em;
}

div.catalogueSection h3 {
    font-weight: bold;
    padding-top: 2em;
    border-top: 1px solid #f2f2f2;
}

div.catalogueSectionPerson h3 {
    font-weight: bold;
    width: 100%;
    padding-right: 22px;
    padding-top: 1.2em;
    border-top: 8px solid #f2f2f2;
}

div.contentPage div.disclosure {
    padding-top: 2em;
    margin-left: 0px;
}

div.disclosure div.catalogueSection {
    padding-top: 0em;
    float: left;
    width: 100%;
}

div#mainContent div.catalogueSection ul,
div#mainContent div.catalogueSectionPerson ul {
    list-style: none;
    margin-left: 0;
}

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

div.disclosure div.catalogueSection h3 {
    font-weight: bold;
    padding-top: 1em;
    border-top: 8px solid #f2f2f2;
    position: relative;
}

div.disclosure div.catalogueSection h3 a.helpTextLink {
    font-size: 0.8em;
}

div.disclosure div h3 a.disclosureTitle,
div.disclosure div h3 a.disclosureTitle:hover {
    color: #262727;
    text-decoration: none;
}

.disclosureToggle {
    width: 20px;
    height: 20px;
    background: url('../images/layout/plus.gif') top left no-repeat;
    outline: none;
    display: inline-block;
    margin-bottom: -2px;
}

div.disclosure h3 a.disclosureToggle {
    position: absolute;
    right: 0px;

}

.open .disclosureToggle {
    background: url('../images/layout/minus.gif') top left no-repeat;
}

.disclosure.closed {
    display: block;
}

.disclosure.closed .collapsible {
    /*if non-js open all*/
    height: auto;
    overflow: auto;
}

html.js-enabled .disclosure.closed .collapsible {
    display: none;
    height: 0px;
    overflow: hidden;
}

li.disclosure .collapsible {
    padding: 1em 0;
}

div.catalogueSection a.backToTop {
    background: url('../images/layout/back_to_top_arrow.gif') no-repeat;
    height: 10px !important;
    overflow: hidden;
    position: absolute;
    width: 9px !important;
    margin: 3px;
}

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

div.catalogueSection span.quote {
    display: block;
    margin: 0em 0em 0em 2em;
}

div.catalogueSection p.addendum {
    border-top: 1px solid #f2f2f2;
    font-size: 0.9em;
    padding-top: 10px;
}

div#right ul {
    padding-bottom: 5px;
}

p {
    padding-bottom: 10px;
}

div#events h1 {
    margin-left: 0 !important;
}
h2#pageTitle, div#twoColSide h1, div#oneColSide h1 {
    margin: 15px 0 15px 20px !important;
        margin-left: 20px;
}
h1, h4, h5 {
    margin-bottom: 10px!important;
    
}
h2#pageTitle, h1 {
    font-size: 1.8em !important;
    font-weight: bold;
}
* {
    margin: 0;
    padding: 0;
}
#mainContent {
    
}
div#wrapper, .promo-widget p {
    font-size: 1.125rem;
}
body {
    font-size: 16px;
}
body {
    font-family: FSAlbertRegular,FSAlbertBold,FSAlbertItalic,arial,helvetica,verdana;
    line-height: 1.5;
    font-size: 0.9em;
    color: #262727;
}

strong {font-family: FSAlbertBold;}

input.text,
input.smallText,
text,
input.textShort,
input.text330,
input.text220,
input.text100 {
    font-family: FSAlbertRegular,FSAlbertBold,FSAlbertItalic,arial,helvetica,verdana;
}

.validationLabel {
    margin-left: 10px;
    font-size: 1em;
    color: red;
    visibility: hidden;
}

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

div#twoColSide h1.imgReplacement {
    margin: 0px 0 10px 0px !important;
}

h2#pageTitle,
div.contentColumn h1 {
    margin-left: 0 !important;
}

h2#pageTitle,
h1 {
    font-size: 1.8em !important;
    font-weight: bold;
}

div#twoColSide div#left h2 {
    font-size: 1.5em;
    
}

div#twoColSide div.contentColumn h2 {
    margin-bottom: 0;
}

h1,
h4,
h5 {
    margin-bottom: 10px;
    
}

h1 img {
    display: block;
}

h2 {
    margin-bottom: 1em;
    font-size: 1.7em;
}

h3 {
    font-size: 1.2em;
    font-weight: bold;
    
    margin-bottom: 0.7em;
    margin-top: 0.7em;
}

p.eventHeading {
    padding-bottom: 0 !important;
}


/* FS ALBERT FONT */

@font-face {
    font-family: 'FSAlbertRegular';
    src: url('//www.npg.org.uk/assets/files/fonts/Albert/fs_albert-webfont.eot');
    src: url('//www.npg.org.uk/assets/files/fonts/Albert/fs_albert-webfont.eot?#iefix') format('embedded-opentype'), url('//www.npg.org.uk/assets/files/fonts/Albert/FS_Albert.otf') format('opentype'), url('//www.npg.org.uk/assets/files/fonts/Albert/fs_albert-webfont.woff') format('woff'), url('//www.npg.org.uk/assets/files/fonts/Albert/fs_albert-webfont.ttf') format('truetype'), url('//www.npg.org.uk/assets/files/fonts/Albert/fs_albert-webfont.svg#FSAlbertRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FSAlbertBold';
    src: url('//www.npg.org.uk/assets/files/fonts/Albert/fs_albert-bold-webfont.eot');
    src: url('//www.npg.org.uk/assets/files/fonts/Albert/fs_albert-bold-webfont.eot?#iefix') format('embedded-opentype'), url('//www.npg.org.uk/assets/files/fonts/Albert/FS_Albert_Bold.otf') format('opentype'), url('//www.npg.org.uk/assets/files/fonts/Albert/fs_albert-bold-webfont.woff') format('woff'), url('//www.npg.org.uk/assets/files/fonts/Albert/fs_albert-bold-webfont.ttf') format('truetype'), url('//www.npg.org.uk/assets/files/fonts/Albert/fs_albert-bold-webfont.svg#FSAlbertBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FSAlbertItalic';
    src: url('//www.npg.org.uk/assets/files/fonts/Albert/fs_albert-italic-webfont.eot');
    src: url('//www.npg.org.uk/assets/files/fonts/Albert/fs_albert-italic-webfont.eot?#iefix') format('embedded-opentype'), url('//www.npg.org.uk/assets/files/fonts/Albert/FS Albert-Italic.otf') format('opentype'), url('//www.npg.org.uk/assets/files/fonts/Albert/fs_albert-italic-webfont.woff') format('woff'), url('//www.npg.org.uk/assets/files/fonts/Albert/fs_albert-italic-webfont.ttf') format('truetype'), url('//www.npg.org.uk/assets/files/fonts/Albert/fs_albert-italic-webfont.svg#FSAlbertItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

img.mainImage {
    display: block;
}


/*** END ELEMENT STYLES ***/


/*** START LINK STYLES ***/

a {color: #005098; font-weight: normal;}

p a, li a, h1 a, h2 a, h3 a, .blueText, a.buyTickets {
background-image: linear-gradient(currentColor,currentColor);
background-position: center bottom;
background-repeat: no-repeat;
transition: background-size .3s cubic-bezier(0.55,.085,.68,.53);
text-decoration: none;
background-size: 100% 2px;
}

a:hover {text-decoration: none;
transition-timing-function: cubic-bezier(0.23,1,.32,1);
background-size: 0 2px;}

#navigation a, #footer a, .box-title.linked a, li.list-toggle a, a.btnlink, p.btnlink, a.btnlinkfile, a.btnhome2, a.btnhome3, a.rightArrow, a.addthis_button_compact, .imageOptions a, #searchSections a, #breadcrumb a, ul.pageTabs a, .blog-link-addthis a, .object-tags a, #unframed-tab, #framed-tab, p.rightArrows a {background-size:0;}

p.rightArrows a:hover {text-decoration:none!important;}

/* Remove blue line below linked image*/
.sideHome a img, .Standard-Content-full-width a img, .Standard-Content-full-width-2col a img, .Theme p a img, .Blog-Post p a img, .Dynamic-Content p a img, .Exhibitions_Events p a img, .Standard-Content-full-width-no-promo a img {display:block;}
a.disclosureToggle, a.identify-link {background-size: auto;}


div.slick-slide a {text-decoration:none;}

.rightArrows {
    clear: left;
    float: left;
}

.rightArrows a.blueText {
    color: #005098;
}

div.sideHome .rightArrows {
    float: none;
    clear: none;
    margin-left: 66px;
}

ul.additionalLinks a {
    background: url('../images/layout/right_link_arrow_grey.gif') no-repeat right center !important;
    padding-right: 10px;
}

.rightArrow:hover,
.rightArrows a:hover {
    text-decoration: underline !important;
}


/*** END LINK STYLES ***/


/*** START SIDEBAR STYLES ***/

div#twoCol div#right div.sideHome {
    width: 340px;
    padding-bottom: 5px;
    margin-top: 0 !important;
    margin-bottom: 10px;
}

div.sideHome h3 {
    
    font-size: 16px;
    margin-top: 0.2em !important;
}

div.sideHome h3 a {
    text-decoration: none;
    color: #000000;
    font-size: 16px;
}

div#twoCol div#right div.sideHome p {
    margin-left: 66px;
}

div#twoColSide div#right div.sideHome {
    width: 100%;
}

div#twoColSide div#left div.sideHome {
    margin-top: 15px;
    width: 254px;
}

div#twoColSide div#left div.sideHome p {
    padding-bottom: 10px;
}

div.sideHome {
    float: left;
    border-bottom: 8px solid #E7E7E7;
    padding: 0 0 0 15px;
    margin-top: 15px;
}

div.sideHome div {
    clear: left;
    /*border-bottom: 1px solid #E5E5E5;*/
    padding-bottom: 10px;
    /*margin-bottom: 10px;*/
}

div#twoColSide div#columnRight div.landingBox {
    /* border-bottom: none !important; */
}

ul.additionalLinks,
div.linksBox,
div.landingBox,
div.contentColumn,
div.contentColumnImage {
    width: 274px;
}

div.linksBox {
    /*we possibly don't need this any more but not sure where else it may be used*/
    margin-left: 20px;
    margin-top: 10px;
    float: left;
}

div.landingCol div.linksBox {
    margin-left: 0px;
    margin-top: 0px;
    float: left;
}

div.linksBox div {
    display: inline;
    float: left;
    background-color: #E7E7E7;
    padding: 10px 5px 0 5px;
    width: 264px;
}

div.landingGrey {
    display: inline;
    float: left;
    background-color: #E7E7E7;
    padding: 10px 5px 0 5px;
    width: 264px;
    min-height: 90px;
    height: auto !important;
    height: 90px;
}

div.linksBox .rightArrows a {
    background: url('../images/layout/right_link_arrow_large.gif') no-repeat right center;
}

div.linksBox ul,
div.landingGrey ul {
    clear: none !important;
    width: 190px !important;
}

div.linksBox ul li,
div.landingGrey ul li {
    margin-bottom: 5px;
}

div.linksBox p a,
div.landingGrey p a {
    font-weight: normal;
    color: #005098;
}

div.contentColumnImage {
    text-align: center;
}

div.contentColumnImage p {
    padding-bottom: 20px;
}

.noBorder {
    border: none !important;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
}

div.sideHome h2 {
    font-size: 1.4em;
    margin-bottom: 8px;
}

div.sideHome p {
    padding-bottom: 5px;
}

div.sideHome ul {
    margin-bottom: 10px;
}

div.sideHome ul li {
    margin-bottom: 5px;
}

div.sideHome ul li.list-toggle a {
    display: block;
    font-size: 1.125rem;
    color: #000;
}

div.sideHome ul li.list-toggle {
    background: url('../images/layout/plus-circle.png') center right no-repeat;
    outline: none;
    line-height: 20px;
    background-size: 20px;
}

div.sideHome ul li.list-toggle:hover {
    background: url('../images/layout/plus-circle-hover.png') center right no-repeat;
    outline: none;
    line-height: 20px;
    background-size: 20px;
}

div.sideHome ul li.list-toggle.expanded {
    background: url('../images/layout/minus-circle.png') center right no-repeat;
    background-size: 20px;
}

div.sideHome ul li.list-toggle.expanded:hover {
    background: url('../images/layout/minus-circle-hover.png') center right no-repeat;
    background-size: 20px;
}

div#shopItem {
    border: none;
    clear: both;
    float: left;
    border: 1px solid #f2f2f2 !important;
    padding: 10px;
}

div.sideHome ul {
    clear: left;
}

div#searchInfo {
    clear: left;
    float: left;
    width: 100%;
    border: none;
}

div#searchInfo p {
    padding-bottom: 15px;
}


/*** END SIDEBAR STYLES ***/


/*** START EVENTS STYLES ***/

div#events {
    margin-left: 20px;
}

div#events div#left {
    width: 571px;
    position: relative;
}

div#events h1 {
    margin-left: 0 !important;
}

div#eventsBanner {
    float: left;
    width: 100%;
    background-color: #f2f2f2;
    position: relative;
    margin-bottom: 10px;
    margin-top: 10px;
}

div#eventsBanner img {
    float: left;
}

div#eventsBanner ul {
    width: 143px;
    float: left;
    bottom: 5px;
    right: 0;
    position: absolute;
    text-transform: uppercase;
}

div#eventsBanner ul li {
    margin-bottom: 5px;
    list-style: none;
}

div#eventsListing {
    clear: left;
    float: left;
    width: 100%;
}

div#eventsListing div.a-zNav {
    margin-bottom: 10px;
}

div#eventsListing h2 {
    font-size: 1.1em !important;
    border-bottom: 1px solid #f2f2f2;
    line-height: 2.2em;
    clear: left;
    margin-bottom: 10px;
}

div#eventsListing p span.textAreaCaption {
    width: 150px;
    float: left;
}

div#searchMatches {
    border-bottom: 7px solid #f2f2f2;
    margin-bottom: 15px;
}

div#searchMatches.collectionMatches {
    border: none;
    margin-bottom: 0px;
}

p.matches {
    font-size: 1.1em;
}

p.searchMatches {
    font-size: 1.3em;
}

div.view-results-options {
    width: 100%;
    float: left;
    clear: left;
    background-color: #e6e6e6;
    padding: 7px 0;
    margin: 10px 0 15px 0;
}

div.view-results-options p {
    float: left;
    margin-left: 10px;
    display: inline;
    padding-bottom: 0;
    margin-top: 2px
}

div.view-results-options p a,
div.view-results-options p span {
    padding-left: 20px;
    margin-right: 20px;
}

div.view-results-options p a {
    color: #262626;
    font-weight: normal;
}

div.view-results-options p a.list {
    background: url('../images/layout/list-icon-off.png') no-repeat left center;
}

div.view-results-options p span.list {
    background: url('../images/layout/list-icon-on.png') no-repeat left center;
}

div.view-results-options p a.thumbs {
    background: url('../images/layout/thumbs-icon-off.png') no-repeat left center;
}

div.view-results-options p span.thumbs {
    background: url('../images/layout/thumbs-icon-on.png') no-repeat left center;
}

div.view-results-options form {
    float: left;
}

div.view-results-options form select {
    width: 200px;
}

div.pagination {
    float: left;
    width: 100%;
    font-size: 1.1em;
    margin-bottom: 10px;
}

div.pagination.bottom {
    margin-top: 10px;
}

div.pagination-bottom {
    margin-top: 12px;
    float: left;
}

div.pagination div.num_per_page {
    display: block;
    float: right;
}

div.pagination div.themeNavigationTop,
div.pagination div.themeNavigationBottom,
div.pagination div.themeNavigation {
    float: right;
    clear: none;
    width: auto;
    margin-right: 25px;
}

.ajaxSearch_grpResult div.pagination div.themeNavigationTop {
    float: none;
    padding-bottom: 0px;
}

div.pagination span,
div.pagination a {
    padding-right: 8px;
}

div.pagination span.results-wrapper {
    padding-right: 0px;
    padding-left: 8px;
}

div.pagination span {
    color: #CBCBCB;
}

div.pagination div.num_per_page {
    color: #262626;
    font-size: 0.9em;
}

div.pagination .prev {
    padding-right: 12px;
}

div.pagination .next {
    padding-left: 5px;
}

div.eventsItem {
    border-bottom: 1px solid #e0e1e1;
    float: left;
    clear: left;
    width: 100%;
    padding: 12px 0px 12px 10px;
}

div.eventsItem.topResults {
    border-bottom: 1px solid #d1d1bd;
    background-color: #EEEED6;
}

div.eventsItem div.eventDetails {
    margin-left: 130px;
}

div.image img {
    display: block;
    margin: auto;
}

div.eventsItem div.image img {
    margin: 0px;
}

div.eventsItem div.image {
    width: 120px;
    float: left;
    margin-right: 10px;
    display: inline;
    text-align: left;
}

div.preferred,
div.preferred div.imageOptions {
    background-color: #EEEDD6;
}

body#shopMicrosite div.eventsItem div.image {
    width: 140px;
}

div.eventsItem div.floatLeft {
    margin-right: 0;
}

div.eventsItem div.withoutOptions {
    width: 420px;
}

div.eventsItem p {
    
}

div.eventsItem p a {
    position: relative;
}

div.eventsItem div.eventsDesc {
    margin-left: 130px;
}

body#shopMicrosite div.eventsItem div.eventsDesc {
    margin-left: 150px;
}

div#eventsFilter {
    width: 404px;
    float: left;
    padding-bottom: 10px;
    border-bottom: 7px solid #f2f2f2;
}

div#eventsCalendar {
    width: 160px;
    float: left;
    margin-right: 7px;
    display: inline;
}

div#right div#eventsCalendar {
    margin-right: 15px;
    padding: 0pt 0pt 8px 0px;
}

div#eventsCalendar h2 {
    font-size: 1.1em;
}

div#eventsCalendar ul li {
    margin-bottom: 5px;
    padding-bottom: 5px;
    margin-left: 15px;
    list-style-type: square;
}

ul#searchSections,
ul.pageTabs {
    float: left;
    width: 100%;
    font-size: 1.1em !important;
    margin-bottom: 15px !important;
    border-bottom: 1px solid #f2f2f2;
    font-weight: bold;
}

ul#searchSections li,
ul.pageTabs li {
    float: left;
    border-left: 1px solid #f2f2f2;
    background-color: #ffffff;
    padding: 1px 7px 3px 7px;
    margin-top: 5px;
}

ul#searchSections li.current,
ul.pageTabs li.current {
    bottom: -1px;
    position: relative;
    padding-top: 0;
}

ul#searchSections li.current span,
ul.pageTabs li.current span {
    float: left;
}


/*** END EVENTS STYLES ***/


/*** START COMPETITION STYLES ***/

div#bannerIndent input.radio {
    margin-right: 5px;
}

div#bannerIndent table {
    border-spacing: 0;
}

div#bannerIndent img[width="575"] {
    position: relative;
    left: -20px;
}

div#bannerIndent table {
    margin-left: 20px;
}

div#bannerIndent h1 {
    margin-left: 0 !important;
}

table#formTable {
    margin-left: 0 !important;
}

table#formTable tr td.tdWidth {
    width: 210px;
}

form#worldpayForm,
form#goBackForm {
    margin-left: 20px;
}

body#bp-portrait form#worldpayForm {
    margin-left: 10px;
}

form#worldpayForm table {
    margin-left: 0 !important;
}

form#goBackForm input {}

table#regInfo {
    margin-left: 0 !important;
    margin-bottom: 10px;
}

body#bp-portrait table#regInfo {
    background-color: #000000;
}

table#regInfo td {
    padding: 5px;
}

table#formTable h1 {
    margin: 10px 0 5px 0 !important;
}


/*** END COMPETITION STYLES ***/


/*** START LARGE IMAGE STYLES ***/

div#twoColSide div#largeImage {
    margin-left: 10px;
    display: inline;
    float: left;
}

div#twoColSide div#largeImage div.image {
    text-align: center;
    /* background: url('../images/layout/image_bottom_border.gif') no-repeat bottom left; */
    margin-top: 20px;
}

div#twoColSide div#largeImage div.image div.topBorder {
    background: url('../images/layout/image_top_border.gif') no-repeat top left;
    padding-top: 20px;
    margin-top: 20px;
}

div#twoColSide div#largeImage div.image div#imageCopyright {
    text-align: right;
    padding-top: 3px;
    margin-right: 10px;
}

div#largeImage div.mainImage .zoom-wrapper {
    border: 1px solid #ebebeb;
}

div#events div.eventsItem div.imageOptions {
    width: 180px !important;
    background: url('../images/layout/image_options_bottom_small.png') no-repeat bottom left !important;
    background: url('../images/layout/image_options_bottom_small.gif') no-repeat bottom left;
    float: right;
    margin-right: 4px !important;
    margin-left: 10px;
    display: inline;
}

.lazyloaded div.eventDetails div.imageOptions {
    display: none !important;
}

div.contentOneColumn div.imageOptions {
    float: right;
    margin-right: 0;
}

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

div.contentColumn div.imageOptions {
    margin-right: 0;
}

/*div#events div.contentPage div.last {
    margin-left: 15px !important;
}*/

div.imageOptions,
div#imageOptions {
    width: 37%;
    padding-bottom: 4px;
    float: right;
    display: inline;
    margin-top: 15px;
}

div#imageOptions ul,
div.imageOptions ul {
    padding: 10px 15px;
}
.portrait-page div.imageOptions ul {
    padding: 0px 0px;
}

div.imageOptions dl {
    padding-top: 5px;
    padding-bottom: 5px;
}

div.imageOptions ul.resultOptions li {
    font-weight: normal;
    font-size: 1em;
}

div.imageOptions ul.resultOptions li.star {
    background: url('../images/layout/star_image.gif') no-repeat center left;
    padding-left: 25px;
}

div#imageOptions ul li,
div.imageOptions ul li,
div.imageOptions ul li {
    margin-bottom: 10px;
}

div.imageOptions dl dd a {
    font-weight: bold !important;
}

div#imageOptions ul li a,
div.imageOptions ul li a {
    padding-left: 25px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-weight: normal;
}

div.imageOptions a.zoomify {
    background: url('../images/layout/zoomify_image.gif') no-repeat center left;
}

div.imageOptions a.addToCollection {
    background: url('../images/layout/add_to_collection.gif') no-repeat center left;
}

div.imageOptions a.getPrint {
    background: url('../images/layout/print_image.gif') no-repeat center left;
}

div.imageOptions a.licenseImage {
    background: url('../images/layout/license_image.gif') no-repeat center left;
}

div.imageOptions a.creativeCommons {
    background: url('../images/layout/creativeCommons.png') no-repeat center left;
    padding-left: 87px;
}

div.imageOptions a.useImage {
    background: url('../images/layout/use_image.gif') no-repeat center left;
}

div.imageOptions a.largerImage {
    background: url('../images/layout/larger_image.gif') no-repeat center left;
}

div.imageOptions a.portraitExtended {
    /*background: transparent url('../images/layout/LVC_icon.png') no-repeat top left;*/
}

div.imageOptions a.printImage {
    background: url('../images/layout/print_image.gif') no-repeat center left;
}

div.imageOptions a.sendImage {
    background: url('../images/layout/ecard_image.gif') no-repeat center left;
}

div.imageOptions a.audiotour {
    background: url('../images/layout/audio_image.gif') no-repeat center left;
}

div.imageOptions a.podcast {
    background: url('../images/layout/podcast_image.png') no-repeat center left;
}

div.imageOptions a.buyTickets {
    background: url('../images/layout/tickets_image.png') no-repeat center left;
}

div.imageOptions a.eventsfaq {
    background: url('../images/layout/faq.png') no-repeat center left;
}

div.imageOptions a.bsl {
    background: url('../images/layout/bsl.png') no-repeat center left;
}

div.imageOptions a.lip-speaker {
    background: url('../images/layout/lipspeaker.png') no-repeat center left;
}

div.imageOptions a.subtitledfilm {
    background: url('../images/layout/subtitled.png') no-repeat center left;
}

div.imageOptions a.picturedescriptions {
    background: url('../images/layout/eyesmall.png') no-repeat center left;
}

div#imageContent {
    float: left;
    
}

div.landingRowNoBorder div#imageContent {
    width: 264px;
}

p.title {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 0px;
}

div#eventInfo {
    width: 50%;
    margin-top: 20px;
    float: left;
}


/*** END LARGE IMAGE STYLES ***/


/*** START FEATURE STYLES ***/

body#exploreElizabeth a {
    color: #70126B;
}

div#featureSections {
    float: left;
    margin-bottom: 10px;
}

div#featureSections h1,
div#featureSections h1.imgReplacement {
    margin: 0 0 5px 0 !important;
}

p#featureNavigation {
    text-align: right;
    border-top: 6px solid #f2f2f2;
    padding-top: 10px;
    margin-top: 30px;
    clear: both;
}

div.featureSection {
    width: 147px;
    float: left;
    background-color: #f2f2f2;
    display: inline;
    margin-right: 5px;
    padding: 5px 20px;
    /*  min-height: 7em;
    height: auto !important;
    height: 7em;*/
}

div#featureContainer {
    float: left;
    border-left: 20px solid #f2f2f2;
    margin-bottom: 5px;
    background: #f2f2f2 url('../images/layout/features_bg.gif') repeat-y top left;
}

div.featureSection h2 {
    font-size: 1.1em !important;
    margin-bottom: 3px;
}

div.featureSection ul {
    
    font-weight: normal;
}

div.featureSection ul li a {
    font-weight: normal;
}


/*** END FEATURES STYLES ***/


/*** START MAIN CONTENT STYLES ***/

div.landingBox p.openTimes {
    padding: 15px 0 5px 0;
    margin-bottom: 5px;
}

div#otherLinks div#otherLinksArea {
    float: left;
    width: 160px;
    display: inline;
    padding-left: 10px;
    border-left: 1px solid #e6e6e6;
}

div#otherLinks div#otherLinksArea p {
    padding-bottom: 0px;
}

div#otherLinks dl {
    float: left;
    width: 160px;
    display: inline;
    padding-left: 10px;
    border-left: 1px solid #e6e6e6;
}

div#otherLinks dl dt {
    font-size: 1.1em;
}

div#otherLinks dl dd {
    padding-bottom: 5px;
}

ul.additionalLinks {
    float: left;
    clear: none !important;
    display: inline;
    background-color: #f2f2f2;
    padding: 7px 0 0 0;
    margin-top: 10px;
    margin-left: 20px;
}

ul.additionalLinks li {
    float: left;
    width: 125px;
    padding-left: 10px;
    margin-bottom: 5px;
}

div.landingRow h2,
div.landingRow,
div.landingRowNoBorder {
    clear: left;
    float: left;
    width: 100%;
}

div.landingCol {
    float: left;
    width: 274px;
    margin-left: 20px;
    border-top: 8px solid #E7E7E7;
    padding-top: 10px;
    display: inline;
}

div.landingCol div.landingBox {
    margin-left: 0 !important;
    border: 0;
    min-height: 0;
}

div.landingRowNoBorder div.landingBox,
div.landingRowNoBorder div.landingCol {
    border: none !important;
    padding-top: 0;
}

div.landingBox {
    float: left;
    display: inline;
    margin-left: 20px;
    border-top: 8px solid #E7E7E7;
    padding-top: 10px;
    min-height: 135px;
    height: auto !important;
    height: 135px;
}

div.landingBox img.floatLeft {
    margin-bottom: 10px;
}

div#left div.landingBox div#ttd {
    margin-top: 0px;
    border: none;
}

div.landingBox div#ttd p {
    margin-left: 66px;
}

div.contentFull,
div.contentColumn,
div.contentOneColumn,
div.contentColumnImage {
    float: left;
    display: inline-block;
    margin-left: 20px;
}

div.contentFullPerson {
    clear: left;
    width: 560px;
}

div.contentFullPerson .mediaEmbed,
.portrait-page .mediaEmbed {
    padding-bottom: 20px;
}

div.contentColumn p.title {
    padding-bottom: 0px !important;
}

blockquote {
    border-left: 10px solid #005098;
    position: relative;
    left: -10px;
    padding-left: 10px;
    margin-bottom: 15px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
    background: none!important;
}

blockquote:after {visibility: hidden; content: close-quote; line-height: 0;vertical-align: -0.4em;}
blockquote:before {color: #005098; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em;}

blockquote span.quoted {
    font-weight: normal;
}


/*** START PORTRAIT PANEL STYLES ***/

div.portraitPanelRow {
    float: left;
    clear: left;
    margin: 10px 0 10px 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E0E1E2;
    display: inline;
    width: 550px;
}

div.thumbListPortrait {
    float: left;
    display: inline;
    width: 132px;
}

div.smallPortrait {
    float: left;
    display: inline;
    width: 162px;
}

div.mediumPortrait {
    float: left;
    display: inline;
    width: 274px;
}

div.imgWrapper {
    float: left;
    display: inline;
}

div.contentColumn div.portraitLeft,
div.contentColumn div.portraitRight,
div.contentColumn div.portraitCenter {
    margin-left: 0;
    margin-right: 0;
}

div.portraitLeft {
    margin-right: 16px;
}

div.portraitCenter {
    margin-left: 15px;
    margin-right: 15px;
}

div.portraitRight {
    margin-left: 16px;
    float: right;
}

div.smallPortrait p,
div.mediumPortrait p,
div.imgWrapper p {
    margin-left: 5px;
    position: relative;
}

div.portraitPanelRow h2 {
    margin-left: 20px;
}

div.smallPortrait div.image,
div.mediumPortrait div.image,
div.imgWrapper div.image {
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 10px;
    position: relative;
}

div.smallPortrait div.image {
    width: 162px;
    height: 159px;
    /*background: url('../images/layout/portrait_bottom_border.gif') no-repeat bottom left;*/
}

div.mediumPortrait div.image {
    width: 274px;
    /*height: 334px;*/
    /*background: url('../images/layout/portrait_bottom_border_large.gif') no-repeat bottom left;*/
}

h3 div.portrait-panel.mediumPortrait.portraitRight p {

font-weight: normal;
}

.portrait-panel {
    position: relative;
    overflow: hidden;
}

.portrait-panel .image {
    height: auto !important;
}

.portrait-panel .image img {
    vertical-align: top;
    display: inline-block;
}

.portrait-panel .overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.75);
}


/*** END PORTRAIT PANEL STYLES ***/


/* Collection search results thumbnail view */

div#eventsListing div.portraitPanelRow {
    border: none;
    margin-left: 0;
    width: 571px;
    margin-bottom: 30px;
    position: relative;
}

div#eventsListing div.portraitPanelRow div.thumbListPortrait {
    width: 131px;
    position: relative;
}

div#eventsListing div.portraitPanelRow div.portraitLeft {
    margin-right: 14px;
}

div#eventsListing div.portraitPanelRow div.portraitCenter {
    margin-left: 0;
    margin-right: 14px;
}

div#eventsListing div.portraitPanelRow div.portraitRight {
    margin: 0;
    float: left;
}

div#eventsListing div.portraitPanelRow div.thumbListPortrait a.thumb-holder img.image {
    z-index: 1;
}

div#eventsListing div.portraitPanelRow div.thumbListPortrait a.thumb-holder {
    background: url('../images/layout/collection-tray-narrow.gif') no-repeat left bottom;
    /*padding-bottom: 20px;*/
    width: 131px;
    text-align: center;
    display: table-cell;
    height: 140px;
    vertical-align: middle;
    z-index: 2;
    position: relative;
    display: block;
}

div#eventsListing div.portraitPanelRow div.thumbListPortrait span.eventHeading {
    position: absolute;
    color: #262626;
    width: 111px;
    min-height: 120px;
    height: auto !important;
    height: 120px;
    padding: 10px;
    text-align: left;
    top: 0;
    left: 0;
    display: none;
    vertical-align: bottom;
}

div#eventsListing div.portraitPanelRow div.thumbListPortrait a.thumb-holder:hover {
    text-decoration: none;
    z-index: 2000;
    position: relative;
    border: 0px;
}

div#eventsListing div.portraitPanelRow div.thumbListPortrait a.thumb-holder:hover span.eventHeading {
    display: table-cell !important;
    display: block;
    vertical-align: bottom;
    text-decoration: none;
    background-color: #E6E6E6;
    width: 111px;
    min-height: 120px;
}

div#eventsListing div.portraitPanelRow div.thumbListPortrait a.thumb-holder:hover span.eventHeading span {
    text-decoration: underline;
}

div#eventsListing div.portraitPanelRow div.thumbListPortrait span.eventHeading span {
    color: #005098;
}


/* end Collection search results thumbnail view */

div.themeContent {
    margin-left: 20px;
}

div.themeNavigationBottom,
div.themeNavigationTop,
div.themeNavigation {
    /*color: #005098;*/
    font-weight: bold;
    letter-spacing: 0.5px;
    margin-left: 20px;
    clear: left;
    width: 550px;
    display: none;
}

div#events div.themeNavigation {
    margin-left: 0;
}

div.themeNavigationTop {
    padding-bottom: 10px;
    border-bottom: 1px solid #E0E1E2;
}

div.themeNavigationTopPlain {
    padding: 0px 0px 10px 0px;
    border: none;
    font-weight: bold;
    letter-spacing: 0.5px;
    clear: left;
    width: 550px;
}

div#eventsListing div.themeNavigationTop,
div#eventsListing div.themeNavigationBottom,
div#eventsListing div.themeNavigation {
    border-bottom: 0;
    margin-left: 0;
    display: block;
}

div.themeNavigationBottom img,
div.themeNavigationTop img,
div.themeNavigation img,
div.themeNavigationTopPlain img {
    vertical-align: top;
    padding-right: 2px;
    position: relative;
}

div.themeNavigation {
    padding-top: 15px;
    display: block !important;
}

div#mainContent ul#collectionLinks {
    float: left;
    clear: left;
    margin-bottom: 15px;
    margin-left: 0px;
}

ul#collectionLinks li {
    float: left;
    margin-right: 20px;
    display: inline;
    font-size: 1.1em;
}



/*** START MAIN FEATURE STYLES ***/

div#eventsBanner ul li a,
div.mainFeature ul li a {
    color: #262727;
    text-transform: uppercase;
    font-size: 0.9em;
}

div#mainContent div.mainFeature ul {
    padding: 3px 0px;
    /*text-align: right;*/
    margin-left: 0;
}

div#eventsBanner ul.blackArrows li a,
div.mainFeature ul.blackArrows li a {
    background: url('../images/layout/right_link_arrow_black.png') no-repeat right center !important;
    background: none;
    color: #000000;
}

div#eventsBanner ul.whiteArrows li a,
div.mainFeature ul.whiteArrows li a {
    background: url('../images/layout/right_link_arrow_white.png') no-repeat right center !important;
    background: none;
    color: #ffffff;
}

div.mainFeature ul {
    float: left;
    width: 100%;
}

div.mainFeature ul li {
    /*float: right; margin-right: 15px;*/
    display: inline;
    margin-left: 20px;
}

div#eventsBanner ul li a,
div.mainFeature ul li a {
    padding-right: 15px;
}


/*** END MAIN FEATURE STYLES ***/


/*** END MAIN CONTENT STYLES ***/


/*** START FOOTER STYLES ***/

div#footer {
    display: block;
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
    padding: 20px;
    background: #242424;
    color: #fff;
    font-size: 1.05em;
    box-sizing: border-box;
}

div#footer ul {
    padding: 0 0 0 20px;
    margin-left: -20px;
}

div#footer ul+ul {
    margin-left: 20px;
    border-left: 1px solid #CBCBCB;
}

div#footer ul li {
    float: none;
    border: 0 none;
}

div#footer ul li+li {
    margin-top: 6px;
}

div#footer #copyright {
    float: left;
    margin-top: 16px;
    color: #AFAFAF;
}


/*** END FOOTER STYLES ***/


/*** START FAQ STYLES ***/

div#linksContainer {
    float: left;
    border-left: 20px solid #E7E7E7;
    margin-bottom: 15px;
}

div.contentFull ul.questions {
    border-bottom: 8px solid #E7E7E7;
    margin-bottom: 15px;
    padding-bottom: 10px;
    width: 100%;
}

ul.anchorList li {
    margin-bottom: 5px;
}

div.questionItem,
div.departmentItem {
    border-bottom: 1px solid #E7E7E7;
    float: left;
    margin-bottom: 12px;
    padding-bottom: 12px;
    width: 100%;
}

div.departmentItem {
    border-bottom: none !important;
}

div.departmentItem h2 {
    margin-top: 15px;
    float: left;
}

div.departmentItem a.backToTop {
    background-image: url(../images/layout/back_to_top.gif);
    height: 20px;
    width: 114px;
    float: right;
    margin-top: 15px;
}

input.backToTop {
    float: right;
    margin-top: 15px;
    margin-right: 2px;
}

div.contactUsQuestion {
    float: right;
    margin-right: 70px;
    margin-top: 15px;
}


/*** END FAQ STYLES ***/


/*** START SHOP LANDING STYLES ***/

body#shopMicrosite div#navigation {
    background-color: #75C9E0;
    color: #262727;
}

body#shopMicrosite {
    position: relative;
    z-index: 1;
}

body#shopMicrosite div#wrapper {
    background: #ffffff url('../images/layout/shop_background.gif') repeat-y left top;
}

body#shopMicrosite div#navigation ul li a {
    color: #000000;
}

body#shopMicrosite div#header {
    background-color: #363636;
}

div#twoColSide div#shopLanding div#left_subcolumn {
    float: left;
    width: 610px;
    border-right: none;
}

div#twoColSide div#shopLanding div#right_subcolumn {
    float: right;
    padding: 0 0 11px 0px;
    margin-top: 20px;
    position: relative;
}

#left .shop_search_form {
    width: 284px;
    background-color: #e6e6e6;
    display: block;
    float: left;
    padding: 8px;
    margin: 0px 0px 13px 13px;
    position: relative;
}

form#shopSearchForm {
    float: left;
    margin-top: 5px;
    position: relative;
}

#left .shop_search_form .formHeader {
    font-weight: bold;
}

label.formHeader {
    display: block;
    margin-bottom: 8px;
    font-size: 1.1em;
}

#shopSearch {
    color: #999999;
    display: block;
    font-style: italic;
    width: 153px;
    float: left;
    top: 2px;
}

input#shopSearch {
    background: transparent url(../images/layout/header_search_bg_var.png) no-repeat scroll right center !important;
    background: transparent url(../images/layout/header_search_bg_var.gif) no-repeat scroll right center;
}

#shopSubmit {
    float: left;
    margin-left: 5px;
    display: inline;
    margin-top: 2px;
}

#shopEventType {
    float: left;
    margin-top: 14px;
    width: 160px;
}

#onlyNewProducts {
    display: block;
    float: left;
    margin: 0 7px 0 9px;
}

label.onlyNewProducts_label {
    display: block;
    float: left;
    font-size: 0.9em;
    line-height: 15px;
    padding: 0 0 0 0px;
    margin-top: 15px;
}

div#disclaimer {
    padding-top: 0px;
    font-size: 0.9em;
    font-style: italic;
    float: left;
}

div.productDescription div#disclaimer {
    border-top: 1px solid #EAEAEA;
    margin-top: 10px;
    padding-top: 20px;
}

div.productDescription form.childProductForm select {
    margin: 10px 0px;
    width: 275px;
}

.shop_promo_wrap {
    display: block;
    float: left;
    margin-left: 0px;
    width: 610px;
}

#shopLanding .shop_promo_wrap {
    clear: left;
}

.shop_promo {
    width: 116px;
    display: inline;
    float: left;
    margin-left: 29px;
    margin-bottom: 30px;
    height: 190px;
    background: url('../images/layout/short_product_tray.gif') no-repeat left bottom;
    text-align: center;
    padding-bottom: 10px;
}

.shop_promo h3 {
    color: #262727;
    display: block;
    font-size: 1.15em;
    font-weight: bold;
    height: 50px;
    margin-bottom: 0;
    margin-left: 10px;
    margin-top: 5px;
    padding-bottom: 0;
    padding-left: 0;
    width: 97px;
    text-align: left;
}

.shop_promo h3 span {
    color: #0094D8;
}

.shop_promo h3 a {
    color: #262727;
}

.shop_promo h3 a span {
    color: #005098;
}

.clear {
    display: block;
    clear: both;
}

.shop_promo_wrap .divider {
    border-bottom: 8px solid #D4D4D4;
    display: block;
    clear: both;
    float: left;
    height: 4px;
    margin-left: 11px;
    width: 295px;
}

.detailed_promo {
    width: 296px;
    display: block;
    float: left;
    margin-left: 11px;
    margin-top: 13px;
}

.detailed_promo_img {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.detailed_promo h4 {
    margin-top: 10px;
    font-size: 1.1em;
}

.detailed_promo p {
    padding-bottom: 7px;
    font-size: 0.95em;
}

.promo_medium {
    border: 1px solid #DDDDDD;
    border-bottom: 0px;
    display: block;
    float: left;
    width: 246px;
}

.promo_medium h3 {
    color: #ffffff;
    font-size: 1.2em;
    height: 20px;
    margin-top: 5px;
    display: block;
    padding-left: 7px;
    margin-bottom: 0px;
    font-weight: bold;
    display: none;
}

.promo_medium_subpromo {
    display: block;
    float: left;
    padding-left: 8px;
    padding-bottom: 10px;
    margin-top: 10px;
    font-size: 0.98em;
    width: 115px;
}

.promo_medium_subpromo img {
    clear: both;
}

.linkout {
    background-color: #005098;
    display: block;
    clear: both;
    width: 246px;
}

.linkout p,
.linkout p a {
    padding: 4px;
    text-align: right;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

.promo_big h3 a,
.promo_big p {
    color: #ffffff;
    padding-bottom: 4px;
}

.promo_prints {
    clear: both;
    display: block;
    float: left;
    margin-top: 10px;
}

.promo_prints .promo {
    margin-bottom: 20px;
    width: 246px;
    display: block;
    float: left;
    clear: both;
    background-color: #E7E7E7;
    height: 71px;
}

.promo_prints .promo h3 {
    font-weight: bold;
    color: #353636;
    font-size: 1em;
}

.promo_prints .promo p {
    font-size: 0.98em;
    padding-bottom: 3px;
}

.promo_prints .text_wrap {
    float: left;
    padding: 10px;
    width: 150px;
}

.promo_big {
    float: left;
    margin-top: 10px;
    position: relative;
    z-index: 0;
}

.promo_big .overlay .promo_image {
    z-index: 1;
    position: relative;
}

.promo_big .overlay {
    background: transparent url(../images/layout/transparent.png) repeat-x 0 top;
    bottom: 0;
    padding: 10px 13px;
    position: absolute;
    z-index: 2;
    width: 220px;
}

.promo_big .overlay h3 {
    color: #ffffff;
    font-weight: bold;
    display: block;
    position: relative;
    z-index: 2;
    padding-bottom: 0px;
}

.collectionSearchForm label .formHeader {
    display: none;
}

body#shopMicrosite div#twoColSide div#right div.sideHome div {
    border-bottom: none;
}

body#shopMicrosite div#twoColSide div#right {
    border-left: none !important;
}

body#shopMicrosite div#twoColSide div#left {
    position: relative;
    z-index: 2;
}

body#shopMicrosite div#twoColSide div#right {
    background: url('../images/layout/fade.png') no-repeat left top;
    padding-left: 10px;
    margin-top: 0 !important;
    width: 199px !important;
    padding-top: 20px;
    position: relative;
    z-index: 1;
}

body#shopMicrosite div#twoColSide div#right div.sideHome {
    padding: 0 10px;
}

body#shopMicrosite div#twoColSide div#right div.last {
    border-bottom: none;
}

body#shopMicrosite div#twoColSide div#right div.sideHome h2 {
    margin-bottom: 15px;
}

body#shopMicrosite div#twoColSide div#right div.sideHome div.rightProductDetails a {
    display: block;
}

body#shopMicrosite div#twoColSide div#right div.sideHome div.rightProductDetails div.productImage {
    float: left;
    margin-top: 5px;
    text-align: center;
    width: 100%;
    position: relative;
}

body#shopMicrosite div#right div.rightProductDetails p.productPrice {
    margin: 10px 0px;
}

body#shopMicrosite div#navigation ul li span {
    text-decoration: underline;
    color: #000000 !important;
}

div.shoppingBasketContainer {
    padding-bottom: 10px !important;
}

body#shopMicrosite div#eventsListing {
    padding-top: 20px;
}

body#shopMicrosite div#eventsListing div#shopSearchResults {
    border-top: 7px solid #f2f2f2;
    border-bottom: 7px solid #f2f2f2;
    float: left;
    padding: 25px 0px 0px 0px;
    margin: 15px 0px;
    width: 570px;
    margin-top: -20px;
}

body#shopMicrosite div.eventsItem {
    border-bottom: none;
    padding-bottom: 0px;
    width: 275px;
    clear: none;
    padding-bottom: 20px;
    display: block;
    padding-right: 10px;
    padding-left: 0px;
}

body#shopMicrosite div.eventsItemLeft {
    clear: left !important;
}

body#shopMicrosite div.eventsItem div.image {
    background: url("../images/layout/product_tray.gif") no-repeat scroll left bottom transparent;
    text-align: center;
    position: relative;
}

body#shopMicrosite div.eventsItem div.image img {
    padding-left: 0px;
    margin: auto;
}

body#shopMicrosite div.eventsItem div.productDescription p.eventHeading {
    padding-bottom: 5px;
}

body#shopMicrosite div.eventsItem a.findOutMore {
    float: left;
    margin-top: 0px;
    background: url("../shop/images/chevron.gif") no-repeat scroll right 4px;
    padding-right: 15px;
    color: #000000;
    font-weight: bold;
}

body#shopMicrosite div#eventsListing div.contentPage h1 {
    margin-top: 0px !important;
}

div#weRecommendContainer {
    width: 260px;
    float: left;
}

div#weRecommendContainer div.eventsItem {
    width: 260px;
}

div#weRecommendContainer div.productDescription {
    padding-bottom: 10px;
}

body#shopMicrosite div#eventsListing div.contentColumn div.imageContainer {
    border-bottom: 1px solid #EAEAEA;
    margin-bottom: 25px;
    padding-bottom: 10px;
    text-align: center;
    float: left;
    width: 275px;
}

body#shopMicrosite div#eventsListing div.contentColumnLast {
    margin-left: 20px !important;
}

div#twoColSide div.contentColumn div#weRecommendContainer h2 {
    border-bottom: none !important;
    float: left;
    margin-bottom: 20px;
}

div#mainLightboxContainer {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EBEBEB;
    display: none;
    left: -135px;
    opacity: 0;
    position: absolute;
    top: 45px;
    visibility: hidden;
    width: 860px;
    z-index: 600;
    padding: 0 20px;
    float: left;
}

div#mainLightboxContainer div.mainImage {
    text-align: center;
    width: 100%;
    float: left;
    margin-top: -10px;
}

div#mainLightboxContainer div#lightboxThumbs ul li {
    display: inline;
}

div#mainLightboxContainer div#lightboxThumbs ul li a img {
    border: 2px solid #EAEAEA;
    padding: 2px;
    margin: 0 3px;
}

div#mainLightboxContainer div#lightboxThumbs {
    float: left;
    text-align: center;
    width: 100%;
}

div#mainLightboxContainer div#lightboxThumbs ul {
    margin-left: 0px;
    margin: 15px 10px 0px 10px;
    padding-bottom: 15px;
    padding-top: 15px;
    border-top: 2px solid #EAEAEA;
    float: left;
    width: 840px;
    text-align: center;
}

div#mainLightboxContainer a#closeLightbox {
    background: url('../shop/images/close_blue.png') no-repeat top left;
    width: 15px;
    height: 15px;
    float: right;
    margin: 5px;
    margin-right: -15px;
    margin-bottom: 12px;
}

div#mainLightboxContainer a#closeLightbox:hover {
    background: url('../shop/images/close_grey.png') no-repeat top left;
}

body#shopMicrosite div#coverContent {
    position: fixed;
    background: url('../shop/images/cover-content.png') repeat top left;
    z-index: 50;
    display: none;
    opacity: 0;
    visibility: hidden;
    height: 100%;
    width: 100%;
    cursor: pointer;
    top: 0;
    left: 0;
}

a#lightboxLink {
    float: left;
    clear: left;
    display: block;
    margin-top: 10px;
    color: #000000;
    background: url('../shop/images/see-more-icon.gif') no-repeat right 2px;
    padding-right: 20px;
}

body#shopMicrosite div.themeNavigationTop {
    margin-bottom: 25px;
}

body#shopMicrosite div#searchMatches {
    border-bottom: 0px;
}

body#shopMicrosite div#wrapper div#secondary-wrapper {
    float: left;
    z-index: 10;
    position: relative;
}

body#shopMicrosite div.discountSticker {
    bottom: -10px;
    height: 60px;
    left: -15px;
    position: absolute;
    width: 60px;
}

body#shopMicrosite div.sideHome div.discountSticker {
    bottom: -11px;
    left: -3px;
}

body#shopMicrosite div#twoColSide div#eventsListing h1 {
    margin-top: 0px !important;
}

div#mainContent div#twoColSide div.shopHoldingPage {
    margin-left: 250px;
    margin-top: 100px;
    text-align: center;
    width: 300px;
}


/*** END NEW SHOP MICROSITE STYLES ***/


/*** SHOP AJAX STYLE SELECT BOX FIX ***/

form.childProductForm select.ajaxReplace {
    width: 230px;
    margin: 10px 0px;
    display: block;
    position: static;
}

div.eventsDesc form.childProductForm select.ajaxReplace {
    width: 420px;
}

div#featured_banner {
    /*  float: left;  IE compatability mode fix for shop banner*/
    margin-bottom: 25px;
}

div#featured_banner div {
    visibility: hidden;
    opacity: 0;
}

div#featured_banner .current {
    visibility: visible;
    opacity: 1;
}

div#featured_banner a {
    float: left;
}

#shopLanding #featured_banner {
    height: 300px;
}

#shopLanding #featured_banner div.mainFeature {
    position: absolute;
}


/*** END SHOP LANDING STYLES ***/


/* Shopping cart styles */

div#mainContent ul.shopping_basket {
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
}

ul.shopping_basket li {
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
    border-bottom: 1px solid #E5E5E5;
    margin-top: 8px;
}

ul.shopping_basket li p {
    display: block;
    float: left;
    width: 100px;
}

ul.shopping_basket li span.quantity {
    padding-top: 4px;
    float: left;
}

ul.shopping_basket li span.item_price {
    float: right;
}

div.sideHome div.clear {
    margin: 0px;
    border: 0px;
}

div#mainContent div.subtotal_wrap {
    border-bottom: 0px;
    text-align: right;
}

div#mainContent div.subtotal_wrap .total {
    margin-left: 4px;
}

#shippingServiceRow input {
    display:block;
    margin-right: 0.5em;
    float: left;
}

#shippingServiceRow label {
    display:block;
    padding: 0.4em 0;
}

div#mainContent div.subtotal_wrap .edit_basket {
    clear: both;
    display: block;
}

div#mainContent .checkout_button {
    margin-top: 5px;
    margin-bottom: 10px;
}

input#update_quantities {
    clear: left;
    float: left;
    margin-top: 0;
    margin-bottom: 10px;
}

option.dividingOption {
    border-bottom: 1px solid gray;
}

#basketIcon {
    color: #FFF;
}

#basketIcon span.hidden {
    display: none;
}

#basketIcon span.quantity {
    position: relative;
    display: block;
    height: 21px;
    padding: 1px 0 0 32px;
    background-image: url('../images/layout/shopping_icon.png');
    background-repeat: no-repeat;
    font-size: 1rem;
    color: #005098;
}


/*** START ADVANCED SEARCH STYLES ***/

div#advancedSearch {
    margin-left: 20px;
}

div#advancedSearch h1 {
    margin-left: 0 !important;
}


/*** START FORM STYLES ***/

form#sortDisplayOptions {
    clear: left;
    width: 100%;
    margin-bottom: 10px;
    float: left;
}

form#searchForm input.text {
    height: 1.7em;
}

input.text,
input.textShort,
input.text330,
input.text220,
input.text100 {
    background: #fff;
    border: 0;
    border-radius: 10px;
    padding-right: 0px;
    padding-left: 10px;
    margin-right: 2px;
    position: relative;
    height: 1.8em;
    width: 163px;
}

input.text220 {
    width: 220px;
    background: transparent url('../images/layout/header_search_bg_230.gif') no-repeat right center;
}

input.text330 {
    width: 330px;
    background: transparent url('../images/layout/header_search_bg_340.gif') no-repeat right center;
}

input.text100 {
    width: 100px;
    background: transparent url('../images/layout/header_search_bg_90.gif') no-repeat right center;
}

div.landingBox input.text {
    background: transparent url(../images/layout/header_search_bg.gif) no-repeat scroll right center !important;
    width: 163px !important;
}

div#right form hr {
    margin-bottom: 10px;
    height: 1px;
    background-color: #E6E6E6;
    border: none;
}

div#right form h2 {
    margin-bottom: 30px;
}

div#right form label {
    width: 50px;
    margin-right: 5px;
    display: inline;
    float: left;
    clear: left;
    font-weight: bold;
    font-size: 1.1em;
}

div#right form select {
    width: 110px;
    margin-left: 0 !important;
    margin-bottom: 10px;
}

div#right form input.submit {
    margin-bottom: 10px;
    float: right;
    margin-right: 2px;
    display: inline;
}

#footer .lang-list {
    display: inline-block;
}

#footer .lang-list li {
    display: inline-block;
    margin: 6px 6px 0 0;
}

.lang-list a {
    color: #979797;
}

.lang-list a:hover {
    text-decoration: underline;
}

form#languageForm select {
    width: 108px;
}

input {
    
}

form#eventsForm input.text,
table#formTable input.text {
    clear: left;
    width: 219px !important;
    /*background: transparent url(../images/layout/grey_search_bg.gif) no-repeat scroll right center;*/
    margin-left: 10px;
    margin-bottom: 15px;
    border: 1px solid #000;
    border-radius: 0;
}

table#formTable input.disabled {
    /*background: transparent url(../images/layout/disabled_grey_search_bg.gif) no-repeat scroll right center;*/
    background-color: #bdbdbd;
    border-radius: 0;
}

table#formTable tr td input.smallDisabled {
    /*background: transparent url(../images/layout/disabled_grey_search_shortest.gif) no-repeat scroll right center !important;*/
    background-color: #bdbdbd;
}

body#bp-portrait form#eventsForm input.text,
body#bp-portrait table#formTable input.text {
    width: 250px !important;
}

body#bp-portrait form#eventsForm input.smallText,
body#bp-portrait table#formTable input.smallText {
    width: 105px !important;
    padding-left: 19px !important;
}

body#bp-portrait form#eventsForm input.smallDisabled,
body#bp-portrait table#formTable input.smallDisabled {
    background: transparent url(../images/layout/black_grey_search_bg_shortest.gif) no-repeat scroll right center !important;
}

body#bp-portrait form#eventsForm input.smallEnabled,
body#bp-portrait table#formTable input.smallEnabled {
    background: transparent url(../images/layout/black_white_search_bg_shortest.jpg) no-repeat scroll right center !important;
}

body#bp-portrait table#formTable input.disabled {
    background: transparent url(../images/layout/black_search_grey_bg_long.jpg) no-repeat scroll right center;
}

table#formTable input.text,
table#formTable input.smallText,
table#formTable select {
    margin-bottom: 5px;
    margin-left: 0;
}
table#formTable select {
    border: 1px solid #000;
    font-size: 1.125rem;
    font-family: FSAlbertRegular,FSAlbertBold,FSAlbertItalic,arial,helvetica,verdana;
    height: 1.9em;
}

select:disabled, textarea:disabled {
    background-color: #bdbdbd;
}

form#eventsForm input.submit {
    top: 5px;
    position: relative;
    margin-left: 6px;
}

form#eventsForm select#eventType {
    margin-bottom: 10px;
}

label.grey {
    background-color: #f2f2f2;
    padding: 5px 10px;
    float: left;
}

form#eventsForm label.grey {
    width: 384px;
    margin-bottom: 15px;
    font-size: 1em;
}

form#eventsForm select {
    width: 160px;
    margin-left: 10px;
}

div.searchFor,
div#searchFor {
    margin-bottom: 15px;
    clear: left;
    float: left;
    width: 100%;
}

div.searchForMATBWrapperSingle div.searchFor {
    margin-bottom: 10px;
}

div#advSearchPersonWrapper,
div#advSearchPortraitWrapper,
div.searchForMATBWrapper,
div.searchForMATBWrapperSingle,
div#searchForExtendedWrapper {
    clear: left;
    float: left;
    width: 100%;
    background-color: #f2f2f2;
    margin-bottom: 15px;
    font-size: 0.9em;
}

div#advSearchPersonWrapper {
    margin-bottom: 30px;
}

div#searchForExtendedWrapper a {
    margin-left: 10px;
    font-size: 1.2em;
    font-weight: bold;
    color: #005098;
}

div#searchForExtended {
    clear: left;
    float: left;
    width: 100%;
}

div#searchFor.refinedPage {
    background-color: #f2f2f2;
    margin-bottom: 5px;
}


/* added by LeeB - 31/03/2011 */

div#searchFor.refinedPage form {
    padding-left: 5px;
}

div#searchFor.refinedPage form a {
    padding-left: 10px;
}

div#searchFor.refinedPage ul#collectionLinks {
    margin-left: 5px;
    padding-bottom: 5px;
    margin-bottom: 0px;
}

div#searchFor.refinedPage ul#collectionLinks li {
    font-size: 1.0em;
    margin-right: 40px;
}

div#searchFor.refinedPage form label {
    font-size: 1.1em;
}

div#searchFor.refinedPage form a {
    margin-left: 5px;
}


/* end of LeeB added */

div#searchFor form,
div#searchForExtended form {
    padding: 5px 2px 10px 10px;
    background-color: #f2f2f2;
}

div#searchFor form a {
    margin-left: 5px;
    font-size: 12px;
}

div#searchFor form input.text,
div#searchForExtended form input.text {
    width: 250px;
    height: 1.6em;
    font-size: 1.1em;
    background: transparent url(../images/layout/grey_search_bg_long.gif) no-repeat right center;
    padding-top: 4px !important;
    padding-top: 0px;
}

div#searchFor form input.textShort,
div#searchForExtended form input.textShort,
div#searchFor form input.text220,
div.searchFor form input.text100 {
    height: 1.6em;
    font-size: 1.1em;
    padding-top: 4px !important;
    padding-top: 0px;
    margin-right: 6px;
}

div#searchForExtendedWrapper label {
    float: left;
    width: 6em;
    top: 8px;
    position: relative;
}

div#searchForExtendedWrapper label#searchInLabel {
    width: auto;
    margin-left: 4px;
    float: none;
    top: auto;
}

div#searchFor form label,
div#searchForExtended form label,
div.searchFor form label {
    font-size: 1.2em;
    font-weight: bold;
    
}

div.searchFor form li {
    margin: 4px 0px 1px 0px;
}

div.searchFor form li label {
    margin-left: 3px;
    font-size: 1em;
    font-weight: normal;
    float: none;
    width: auto;
}

div#searchFor form input.submit,
div#searchForExtended form input.submit {
    top: 5px;
    position: relative;
    cursor: pointer;
}

div.searchFor form label {
    padding: 4px 8px 4px 0px;
    text-align: right;
    width: 10em;
    float: left;
}

div.one_and_other div.searchFor form label {
    width: 12em;
}

div.one_and_other div.searchFor form div.formItem {
    width: auto;
}

div.searchFor form div.formItem {
    float: left;
    width: 480px;
    margin-top: 10px;
}

div#advancedSearch form div.formItem input {
    font-size: 1.2em;
}

div#advancedSearch form div.formItem select {
    margin-top: 0.4em;
}


/* added by LeeB - 23/03/2011 */

a#refineToggle {
    font-size: 14px;
    text-decoration: underline;
    padding: 0px 0px 3px 0px;
    background: url(../images/layout/dropDownArrow.png) right center no-repeat;
    display: none;
    width: 130px;
}

div#peopleFiltersWrapper div.formItem {
    float: left;
    width: 130px;
    margin-right: 5px;
}

div#portFiltersWrapper div.formItem {
    width: 180px;
    margin-right: 20px;
    float: left;
}

div.refinedWrapper {
    background: #f2f2f2;
    float: left;
    width:100%
}

div.refinedWrapper div.formItem b {
    display: block;
    font-size: 14px;
    margin-bottom: 12px;
}

div#peopleFiltersWrapper {
    margin-bottom: 15px;
}

div#peopleFiltersWrapper .row.bottom {
    padding: 5px 10px 10px 10px;
    margin: 0px;
}

div#peopleFiltersWrapper .row.top {
    padding: 10px 10px 5px 10px;
}

div#peopleFiltersWrapper div.formItem.wider {
    width: 380px;
    margin-right: 0px;
}

div#portFiltersWrapper div.formItem.wider {
    width: 380px;
}

div.refinedWrapper div.formItem .radio,
div.refinedWrapper div.formItem li {
    margin-bottom: 3px;
}

div.refinedWrapper div.formItem select {
    width: auto;
    overflow: auto;
}

div.refinedWrapper div.formItem option {
    width: auto;
    overflow: auto;
}

div#portFiltersWrapper div.formItem select {
    width: 170px;
}

div.refinedWrapper div.formItem .multiSelect {
    float: left;
    width: 195px;
    margin-right: 5px;
}

div.refinedWrapper div.formItem .multiSelect label,
div.refinedWrapper div.formItem .multiSelect select {
    display: block;
    margin-bottom: 3px;
}

div.refinedWrapper div.formItem input[type=checkbox] {
    margin-right: 5px;
}

div.refinedWrapper div.left {
    background: #dbdbdb;
}

div.refinedWrapper div.right {
    float: right;
    width: 116px;
    padding: 10px 7px 0px 7px;
}

div.refinedWrapper input#updateResults {
    margin-top: 25px;
    margin-bottom: 20px;
    cursor: pointer;
}

div#portFiltersWrapper input#updateResults {
    margin-top: 50px;
}

div.refinedWrapper div.row {
    float: left;
    padding: 5px 10px;
    width: 420px;
    background: #f2f2f2;
}

span#countAreaWrapper {
    display: none;
    font-size: 14px;
    margin-bottom: 2px;
}

div.refinedWrapper div.right p {
    font-size: 11px;
    margin: 0px;
    padding: 0px;
    
}

div.refinedWrapper div.right p a {
    color: inherit;
    text-decoration: underline;
    font-weight: normal;
}

div.refinedWrapper span#countArea span {
    font-weight: bold;
}

div#peopleFiltersWrapper div.formItem.wider label {
    padding-right: 3px;
}

div#peopleFiltersWrapper div.row.bottom div.formItem.wider label {
    padding-right: 0px;
}

div.refinedWrapper div.formItem input[type=radio] {
    margin-right: 3px;
}

div#advSearchPersonWrapper div.searchFor form div.formItem,
div#advSearchPortraitWrapper div.searchFor form div.formItem {
    width: 590px;
}

div.searchFor form div.range input {
    width: 80px;
    float: left;
}

div.searchForMATBWrapperSingle div.searchFor form div.formItem {
    width: 380px;
}

form#contactForm {
    padding: 20px 10px;
    background-color: #E7E7E7;
    float: left;
    width: 550px;
}

form#contactForm label {
    clear: left;
    font-weight: bold;
    font-size: 1.2em;
    width: 90px !important;
}

form#contactForm input,
form#contactForm label {
    float: left;
}

form#contactForm input.text {
    background: transparent url(../images/layout/text_field_bg.gif) no-repeat scroll right center;
    width: 277px;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 10px;
}

form#contactForm input#sendCopy {
    margin-left: 90px;
    display: inline;
    clear: left;
}

form#contactForm input#contactSubject {
    margin-bottom: 30px;
}

form#contactForm .fieldDesc {
    clear: none !important;
    width: 300px !important;
    margin-left: 5px;
    font-weight: normal;
    font-size: 0.9em;
    margin-bottom: 30px;
}

form#contactForm textarea {
    float: left;
    margin-bottom: 30px;
}

form#contactForm p {
    border-top: 1px solid #DBDBDB;
    display: block;
    float: left;
    width: 100%;
    padding-top: 10px;
}

form#contactForm input.submit {
    float: right;
    padding-top: 10px;
    padding-right: 10px;
}

form#basicSearchForm {
    padding: 5px 5px 10px 10px;
    background-color: #E7E7E7;
    float: left;
    width: 550px;
    margin-bottom: 15px;
}

form#basicSearchForm input.submit {
    top: 5px;
    position: relative;
}

form#basicSearchForm a {
    padding-left: 20px;
}

form.genForm {
    border-top: 10px solid #E7E7E7;
    border-right: 1px solid #E7E7E7;
    border-left: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 10px;
    width: 550px;
    float: left;
    padding: 5px 5px 10px 5px;
}

form.genForm input.text,
div.pressLanding input.text {
    background: transparent url(../images/layout/grey_search_bg.gif) no-repeat scroll right center;
    width: 219px;
}

form#webForm div#whichPic label {
    clear: left;
}

form#webForm label,
form#webForm input,
form#webForm ul li,
form#licenseForm label,
form#licenseForm input,
form#licenseForm ul li {
    float: left;
}

form.genForm h2,
form.genForm ul li {
    clear: both;
}

form.genForm div#yourDetails {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

form#webForm input.radio {
    margin-right: 5px;
    top: 2px;
}

form.genForm div.formItem span,
form.genForm div#yourDetails span {
    float: left;
    margin-left: 5px;
    display: inline;
    margin-top: 3px;
}

form.genForm div#yourDetails input#streetaddress2 {
    margin-left: 110px;
}

form#webForm label,
form#licenseForm label {
    width: auto !important;
    width: 100px;
    min-width: 100px;
    float: left;
    margin-right: 10px;
    display: inline;
    padding-top: 5px;
}

form.genForm input.formSubmit {
    float: right !important;
    margin: 10px;
    display: inline;
}

form.genForm textarea {
    margin-top: 5px;
    float: left;
    width: 300px;
}

form.genForm div.formItem {
    clear: left;
    width: 100%;
    float: left;
    padding-bottom: 7px;
}

form.genForm div#yourDetails div.formItem {
    padding-bottom: 7px;
}

form.genForm div#yourDetails label {
    margin-right: 10px;
    display: inline;
    float: left;
    clear: left;
    margin-bottom: 0;
    width: 100px !important;
}

form.genForm ul li {
    margin-bottom: 5px;
    width: 100%;
}

form.genForm ul li label {
    width: auto !important;
    font-weight: normal !important;
    margin-left: 3px;
}

form#webForm ul li label,
form#licenseForm ul li label {
    padding-top: 2px;
}

form.genForm label {
    line-height: 1em;
    font-weight: bold;
    position: relative;
}

form.genForm select {
    margin-right: 5px;
    margin-left: 5px;
    line-height: 1em;
}

form#advancedPersonForm input.radio {
    margin-right: 5px;
    margin-left: 5px;
}

form.genForm input.submit {
    float: right;
    margin-top: 5px;
}

div.searchFor form input.submit {
    margin: 5px 0px 0px 405px;
}

div.one_and_other div.searchFor {
    margin-bottom: 0px;
}

div.one_and_other div.searchFor form input.submit {
    float: right;
    margin: 5px 15px 15px 0;
}


/*div#advSearchPersonWrapper div.searchFor form input.submit, div#advSearchPortraitWrapper div.searchFor form input.submit {
    margin: 5px 0px 0px 420px;
}*/

div.searchForMATBWrapperSingle div.searchFor form input.submit {
    float: right;
    margin-top: 10px;
    margin-right: 84px;
    margin-left: 0px;
}

div.searchForMATBWrapperSingle div.searchFor form input.text220 {
    margin-right: 0px;
}

form.genForm option {
    padding-right: 5px;
}

form.genForm a,
div.searchFor form a {
    float: right;
    margin-left: 10px;
    margin-right: 15px;
    margin-top: 7px;
}

form.genForm select#set {
    margin-bottom: 5px;
}

form.genForm label.labelWidth {
    width: 100px;
    float: left;
    padding-top: 7px;
}

form.genForm select#subSet {
    margin-left: 105px;
}

input.smallText {
    font-size: 1em;
    height: 1.8em;
    padding-right: 0px !important;
    padding-left: 10px !important;
}

form#advancedPortraitForm input.text,
form.genForm input.smallText {
    background: transparent url('../images/layout/grey_search_bg_shorter.gif') no-repeat scroll right center;
}

form#advancedPortraitForm input.text {
    margin-right: 10px;
    width: 192px;
}

form.genForm h2 {
    padding-top: 10px;
    padding-bottom: 5px;
    margin-bottom: 0;
    font-size: 1.1em !important;
    
    width: 100%;
}

form.genForm input.checkbox {
    margin-right: 3px;
}

form.genForm input.smallText,
table#formTable input.smallText {
    /*background: transparent url('../images/layout/grey_search_bg_shortest.gif') no-repeat scroll right center !important;*/
    width: 86px !important;
    border: 0 !important;
    margin-right: 5px;
    border: 1px solid black!important;
}

form.genForm option {
    padding-right: 20px;
}

form#advancedPortraitForm select {
    position: relative;
}

form#advancedPortraitForm label#restrictionLabel {
    float: left;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

form#advancedPersonForm ul,
form#advancedPortraitForm ul {
    float: left;
}

table.editBasket {
    clear: both;
    border-collapse: collapse;
    margin-bottom: 10px;
    width: 571px;
}

table.editBasket th,
table.editBasket td {
    padding: 5px;
    margin: 0;
    border: 1px solid #f2f2f2;
}

table.editBasket #basket-donation-amount {
    font-weight: bold;
    display: block;
}

table.editBasket td.donation-col {
    min-width: 14em;
}

table.editBasket input.gift-aid-checkbox {
    position: relative;
    top: -17px;
    left: 7px;
}

table.editBasket .helpTextLink {
    display: block;
    font-weight: normal;
}

div#editBasketFunctions p {
    width: 450px;
    float: left;
}

form#editBasketForm p {
    clear: both;
}

iframe#newsletterForm {}

form#getPrintForm {
    float: left;
    width: 590px;
}

form#getPrintForm a {
    float: none;
    margin: 0;
}

span#typeSpan,
span#disclaimerSpan {
    display: block;
}

form#getPrintForm table tr td,
span#typeSpan,
span#disclaimerSpan {
    padding: 5px;
}


/*** END FORM STYLES ***/


/*** START EVENT STYLES ***/

div.sponsor {
    margin-right: 5px;
    display: inline;
    float: left;
    margin-bottom: 10px;
    width: 135px;
}

div.sponsor p {
    text-align: center;
    padding-bottom: 5px;
}


/*** END EVENT STYLES ***/


/*** START GENERIC STYLES ***/

.alignRight {
    text-align: right;
}

.print,
map {
    display: none !important;
}

hr {
    margin-top: 0px;
    margin-bottom: 15px;
    position: relative;
    bottom: -5px;
}

.invisible {
    clear: both;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    visibility: hidden;
}

#mainContent .searchHighlight {
    background-color: #CAC478;
}

#mainContent .ajaxSearch_highlight {
    background-color: #CAC478;
}

.floatLeft {
    margin-right: 10px;
    float: left;
    display: inline;
}

.floatRight {
    margin-left: 10px;
    margin-bottom: 10px;
    float: right;
    display: inline;
}

body#bp-portrait form#worldpayForm input.floatRight {
    margin-right: 10px;
}

body#bp-portrait div#mainContent form#worldpayForm h1,
body#bp-portrait div#mainContent table h1 {
    margin-left: 0px !important;
}

.floatCenter {
    margin-bottom: 10px;
    display: block;
}

.hideContent {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    overflow: hidden !important;
}

label,
input.text,
input.textShort select {
    font-size: 1em;
}

.lowerCase {
    text-transform: none !important;
}

.messages,
.error {
    color: #cc0000;
    font-weight: bold;
    
}

.noBorder {
    border: 0 !important;
}

.clear {
    clear: both !important;
}

.clearLeft {
    clear: left !important;
}

.clearRight {
    clear: right !important;
}

.marginRight {
    margin-right: 10px;
}

.marginBottom {
    margin-bottom: 10px;
}

.redText {
    color: #cc0000;
    font-weight: bold;
}

.lightGreyText {
    color: #BABABA;
}

.greyHeader {
    color: #999999;
    font-weight: normal;
    font-size: 0.8em;
}

.noMargin {
    margin: 0px !important
}

.noMarginRight {
    margin-right: 0px !important
}

.noMarginLeft {
    margin-left: 0px !important
}

.largeText {
    font-size: 1.1em !important;
}

.largistText {
    font-size: 1.3em !important;
}

.largerText {
    font-size: 1.2em !important;
    font-weight: bold;
}

div.description {
    color: #505050;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-top: 10px;
    clear: left;
    font-style: italic;
}

.backgroundNone {
    background: none !important;
}

.borderNone {
    border: none !important;
}

.blackText {
    color: #262727;
}

.contentBottomBorder {
    border-bottom: 8px solid #E7E7E7;
    width: 571px;
    margin-bottom: 10px;
    clear: both;
}

body#bp-portrait form#worldpayForm table.contentBottomBorder {
    border-bottom: 2px solid #ADA8A5;
    width: 591px;
}

.contentBottomBorder p.preButtonText {
    padding-bottom: 5px;
}


/*** END GENERIC STYLES ***/


/*** START PORTRAIT AWARD MICROSITE STYLES ***/

body#bp-portrait,
body#bp-portrait div#navigation,
body#bp-portrait div#mainContent,
body#bp-portrait div#header,
body#bp-portrait div#wrapper,
body#bp-portrait div#footer {
    background-color: #000000;
    color: #ffffff;
}

body#bp-portrait div#twoColSide div#right {
    border-left: none !important;
    margin-top: 10px !important;
}

body#bp-portrait div#twoColSide div#right img {
    float: left;
}

body#bp-portrait div#mainContent {
    margin-top: 21px;
    position: relative;
    z-index: 100;
}

body.bp-home div#mainContent {
    margin-top: 0px !important;
}

body.bp-home div body.bp-home div#right {
    margin-top: 30px !important;
}

body#bp-portrait div#mainContent h1 {
    color: #009CE1;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 10px !important;
}

body#bp-portrait div#mainContent h2 {
    margin-left: 10px !important;
    margin-bottom: 20px !important;
}

body#bp-portrait div#mainContent div.contentPage h2 {
    margin-left: 0px !important;
}

body#bp-portrait div.contentColumn {
    margin-left: 0px !important;
    margin-right: 25px !important;
}

body#bp-portrait div#twoCol div#left {
    width: 480px;
}

body#bp-portrait div#twoCol div#right {
    width: 312px;
}

body#bp-portrait div.contentPage div.imageColumn {
    margin-right: 10px;
    width: 190px;
    float: left;
}

body#bp-portrait div.contentPage div.imageColumn img {
    margin-bottom: 13px;
    width: 190px;
}

body#bp-portrait div.contentPage {
    margin-left: 10px;
}

body#bp-portrait div#twoColSide div#left {
    margin-right: 6px;
    width: 610px;
}

body#bp-portrait div.imageOptions ul {
    padding-left: 0px;
    background: none !important;
}

body#bp-portrait div.imageOptions {
    background: none !important;
}

body#bp-portrait div.eventDetails div.imageOptions {
    display: inline;
    float: right;
    margin-left: 10px;
    width: 150px;
}

body#bp-portrait div.imageOptions a {
    text-transform: uppercase;
}

body#bp-portrait div.imageOptions a.printImage {
    background: transparent url(../images/layout/print_image_black.gif) no-repeat scroll left center;
}

body#bp-portrait div.imageOptions a.podcast {
    background: transparent url(../images/layout/podcast_image_black.gif) no-repeat scroll left center;
}

body#bp-portrait div.imageOptions a.buyTickets {
    background: transparent url(../images/layout/tickets_image_black.gif) no-repeat scroll left center;
}

body#bp-portrait div.imageOptions a.ecard {
    background: transparent url(../images/layout/send_ecard_black.gif) no-repeat scroll left center;
}

body#bp-portrait div.themeNavigation {
    float: right;
    width: 110px;
    clear: none;
}

body#bp-portrait div#left div.prizeTitleArtist {
    float: left;
    width: 588px;
}

body#bp-portrait div#left div.prizeTitleArtist div.themeNavigation {
    padding-top: 10px;
}

body#bp-portrait div#left div.prizeTitleArtist p {
    margin: 0 0 10px 0px;
    float: left;
}

body#bp-portrait div.prizeWinnerLandscapeImage {
    margin: 0 0 10px 10px;
}

body#bp-portrait div.prizeWinnerLandscapeImage div.themeNavigation {
    margin-right: 20px;
}

.noTopPadding ul {
    padding-top: 0px !important;
}

body#bp-portrait div.themeNavigation a {
    padding: 0px 5px;
}

body#bp-portrait div#wrapper {
    background: none !important;
}

body#bp-portrait div.contentColumn div.imageOptions,
body#bp-portrait div.contentColumn div.imageOptions ul {
    background: none !important;
}

body#bp-portrait p#featureNavigation {
    border-top: none;
}

body#bp-portrait div.contentPage p {
    margin-right: 25px;
}

body#bp-portrait p.imageCaption {
    margin-right: 0px !important;
}

body#bp-portrait div#shopContainer {
    margin-left: 10px;
}

body#bp-portrait div.shopColumnTall,
body#bp-portrait div.shopColumn {
    width: 295px;
    float: left;
}

body#bp-portrait div.shopColumnTall {
    margin-right: 5px;
    margin-left: 10px;
}

body#bp-portrait div.shopColumn {
    margin-left: 5px;
}

body#bp-portrait div.eventsItem {
    width: 591px;
    margin-left: 10px;
    border-bottom: 2px solid #ABA5A4;
}

body#bp-portrait div.contentPage div.eventsItem {
    margin-left: 0px !important;
}

body#bp-portrait div.lastEventsItem {
    border-bottom: none !important;
}

body#bp-portrait div#searchMatches {
    border-bottom: 2px solid #ABA5A4;
    margin-bottom: 15px;
    margin-left: 10px;
    padding-bottom: 5px;
    width: 591px;
}

body#bp-portrait .rightArrows a {
    color: #ffffff;
    background: transparent url(../images/layout/right_link_black_bg_arrow.gif) no-repeat scroll right center;
}

body#bp-portrait div.clear {
    clear: none !important;
}

body#bp-portrait div#searchFor {
    border-bottom: 2px solid #ABA5A4;
    margin-bottom: 12px;
    margin-left: 10px;
    width: 591px;
}

body#bp-portrait div#searchFor form {
    background-color: #000000;
    padding-left: 0px !important;
}

body#bp-portrait form input.text {
    background: transparent url(../images/layout/black_search_bg_long.gif) no-repeat scroll right center;
    width: 250px;
}

body#bp-portrait div.sideHome {
    border-bottom: 0px;
    margin-top: 0px;
    margin-left: 7px;
    width: 147px !important;
}

body#bp-portrait div#mainContent div.sideHome h2 {
    margin-bottom: 10px !important;
    margin-left: 0px !important;
}

body#bp-portrait div.sideHome ul.shopping_basket {
    float: left;
}

body#bp-portrait div.sideHome ul.shopping_basket li {
    float: left;
    margin-bottom: 5px;
    width: 147px;
    border-bottom: 2px solid #ABA5A4;
}

body#bp-portrait div.themeNavigationBottom,
body#bp-portrait div.themeNavigationTop,
body#bp-portrait div.themeNavigation {
    display: block;
    border-bottom: none !important;
    margin-left: 10px;
    margin-bottom: 10px;
}

body#bp-portrait div.themeNavigationTop img {
    padding: 0 2px;
}

body#bp-portrait .blackText {
    color: #ABA5A4;
}

body#bp-portrait div#mainContent div.mainFeature img.homePageImage {
    margin-left: 35px;
}

body#bp-portrait div.downloadImageRow {
    float: left;
    width: 610px;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-left: 80px;
}

body#bp-portrait div.downloadImageRow div.downloadImage {
    float: left;
    padding-right: 5px;
}

body#bp-portrait div.downloadImageRow ul {
    float: left;
    margin-left: 20px;
}

body#bp-portrait div.downloadImageRow ul li {
    list-style-type: none;
    padding-bottom: 15px;
}


/*** BP ECARD STYLES ***/

body#bp-portrait div#mainContent form#sendEcardForm,
body#bp-portrait div#mainContent form#sendEcardFormLandscape {
    float: left;
    width: 400px;
}

body#bp-portrait div#mainContent form#sendEcardFormLandscape {
    width: 572px;
}

body#bp-portrait div#mainContent form#sendEcardForm label,
body#bp-portrait div#mainContent form#sendEcardFormLandscape label {
    float: left;
    clear: left;
    margin-bottom: 5px;
}

body#bp-portrait div#mainContent form#sendEcardForm input,
body#bp-portrait div#mainContent form#sendEcardForm textarea,
body#bp-portrait div#mainContent form#sendEcardFormLandscape input,
body#bp-portrait div#mainContent form#sendEcardFormLandscape textarea {
    clear: both;
    float: left;
    margin-bottom: 10px;
    width: 250px;
}

body#bp-portrait div#mainContent form#sendEcardForm input.submit,
body#bp-portrait div#mainContent form#sendEcardFormLandscape input.submit {
    width: 100px;
    margin-top: 10px;
}

body#bp-portrait div#mainContent form#sendEcardFormLandscape input.submit {
    float: right;
}

body#bp-portrait div#mainContent form#sendEcardForm textarea,
body#bp-portrait div#mainContent form#sendEcardFormLandscape textarea {
    height: 80px;
}

body#bp-portrait div#mainContent form#sendEcardFormLandscape textarea {
    float: right;
}

body#bp-portrait div#mainContent form#sendEcardFormLandscape fieldset {
    width: 250px;
    float: left;
    border: none;
}

body#bp-portrait div#mainContent form#sendEcardFormLandscape fieldset#right {
    float: right;
}

body#bp-portrait div#mainContent div#eCardInfoBox {
    margin-top: 150px;
    float: left;
    margin-left: 150px;
    font-size: 1.2em;
}

body.bp-home div#mainContent div#eCardInfoBox {
    margin-left: 50px !important;
    width: 400px
}

body.bp-home div#mainContent div#eCardInfoBox h2 {
    margin-left: 0px !important;
}

body#bp-portrait div#messageContainer,
body#bp-portrait div#ecardLinks {
    float: left;
    margin-left: 32px;
    width: 268px;
    font-size: 1.2em;
}

body#bp-portrait div#messageContainer span#toSpan,
body#bp-portrait div#messageContainer span#fromSpan {
    margin-top: 10px;
    clear: both;
    float: left;
    font-weight: bold;
    color: #009CE1;
}

body#bp-portrait div#messageContainer span#fromSpan {
    margin-top: 0px;
    margin-bottom: 10px;
}

body#bp-portrait div#messageContainer p {
    float: left;
    font-size: 0.9em;
    clear: both;
}

body#bp-portrait div#ecardLinks {
    font-size: 1em;
    padding: 5px 0px;
}

body#bp-portrait div.large_ecard {
    margin-top: 30px;
}

body#bp-portrait div.ecard_right {
    margin-top: 30px !important;
}

body#bp-portrait div.large_ecard div.large_ecard_image {
    float: left;
    text-align: center;
}

body#bp-portrait div.large_ecard div.large_ecard_image p.caption {
    text-align: left;
}


/*** END BP ECARD STYLES ***/


/*** END PORTRAIT AWARD MICROSITE STYLES ***/


/******/


/* Shop form styles
/******/

#deliveryDetailsForm {
    width: 100%;
}

#deliveryDetailsForm div {
    padding-top: 10px;
}

#deliveryDetailsForm h3 {
    padding-top: 30px;
}

.deliveryFormLabel {
    width: 150px;
    float: left;
    clear: left;
}

#setCountry {
    position: relative;
}

#setCountryMessage {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    min-height: 5em;
    height: auto !important;
    height: 5em;
    background-color: #ffffff;
    border: 1px solid #000000;
    padding: 0 20px;
}

#sameAsDelivery {
    display: none;
}

#sameAsDelivery a {
    color: #005098;
    font-weight: bold;
    font-size: 0.8em;
    cursor: pointer;
}

#countryChangeLink {
    color: #005098;
    font-weight: bold;
    font-size: 0.9em;
    cursor: pointer;
}

#countryFixedMessage {
    font-weight: bold;
    padding-bottom: 30px;
}


/* Sitemap specific styles */

div#siteMapContainer {
    margin-left: 0px !important;
}


/* LVC specific styles */

div#searchFor form input#search-again-LVC {
    margin-left: 5px !important;
    margin-left: 0px;
    top: 6px !important;
    top: 4px;
}

div#events div.contentPage div.contentFull {
    clear: left;
    width: 560px;
}

p.morePortraitsLink {
    width: 170px;
    background: none !important;
}

p.morePortraitsLink a {
    float: left;
    width: 130px !important;
    width: 140px;
    background: url("../images/layout/right_link_arrow.png") no-repeat scroll right center !important;
}

p.morePortraitsLink a img {
    display: none;
}

div#helpText,
div.helpTextBox {
    display: none;
}

html.js_enabled div#helpText,
div.helpTextBox {
    display: none;
}

div.helpTextContainer {
    background: none repeat scroll 0 0 white;
    border: 2px solid #005098;
    left: 100px;
    padding: 20px;
    padding-bottom: 15px;
    position: absolute;
    top: 170px;
    width: 300px;
    z-index: 1000;
}

div.helpTextContainer div.header {
    display: block !important;
    border-bottom: 1px solid #efefef;
    margin-bottom: 10px;
    float: left;
    width: 300px;
}

div.helpTextContainer p {
    float: left;
    clear: both;
    width: 100%;
    font-size: 1em !important;
    font-size: 10px;
}

div.helpTextContainer div.header span.title {
    float: left;
}

div.helpTextContainer div.header span.close {
    float: right;
}

div#helpText div.header,
div.helpTextBox div.header {
    display: none;
}

a#helpTextLink {
    width: 2em !important;
    width: 60px;
    float: left;
}

.ticket-popover a.buyTickets,
.ticket-popover a.buyMembership {
    padding-left: 25px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-weight: normal;
}

.ticket-popover a.buyTickets {
    background: url('../images/layout/tickets_image.png') no-repeat center left;
}

.ticket-popover a.buyMembership {
    background: url('../images/layout/membership_icon.png') no-repeat center left !important;
    background: url('../images/layout/membership_icon.gif') no-repeat center left;
}

div#LVCsearch div#searchFor form input.text,
div#searchForExtended form input.text {
    width: 250px;
    height: 1.6em;
    font-size: 1.1em;
    background: transparent url(../images/layout/grey_search_bg_long.gif) no-repeat right center;
    padding-top: 4px !important;
    padding-top: 0px;
}

div#LVCsearch div#searchFor form input.textShort,
div#searchForExtended form input.textShort {
    height: 20px;
    font-size: 1.1em;
    padding-top: 4px !important;
    padding-top: 0px;
    margin-right: 6px;
    float: left;
}

div#LVCsearch div#searchForExtendedWrapper label {
    float: left;
    width: 6em;
    position: static;
    top: 0px;
}

div#LVCsearch div#searchForExtendedWrapper label#searchInLabel {
    width: 75px;
    margin-left: 4px;
    float: left;
}

div#LVCsearch div#searchFor form label,
div#searchForExtended form label {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 5px;
}

div#LVCsearch div#searchFor form input.submit,
div#searchForExtended form input.submit {
    top: 4px;
    position: relative;
    left: 10px;
    cursor: pointer;
}

div#LVCsearch label.leftLVCLabel {
    width: 100px !important;
}

h3#SearchByHeader {
    margin-bottom: 0px;
    margin-left: 10px;
}

div#LVCsearch select#LVCSelectBox {
    height: 22px;
    float: left;
    margin-top: 3px;
    padding-top: 2px;
}


/* new homepage styles */

div#mainFeatureContainer {
    float: left;
    height: 420px;
    width: 420px;
    margin-bottom: 15px;
}

div#mainFeatureContainer div {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

div#mainFeatureContainer div.current {
    opacity: 1;
    visibility: visible;
}

div#promoArea {
    float: left;
    width: 420px;
}

div#promoArea div.promo {
    width: 130px;
    float: left;
    margin-right: 15px;
}

div#promoArea div.last {
    margin-right: 0px !important;
}

div#promoArea div.promo a {
    position: relative;
}

div#promoArea div.promo span.promoTitle {
    background: url('../images/layout/transparentPromoBG.png') repeat top left;
    bottom: 3px !important;
    bottom: 2px;
    color: white;
    float: left;
    left: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
}

div#twoCol div#right div.sideHome {
    padding-left: 0px;
}

div#otherLinksArea ul {
    padding-left: 5px;
}

div#otherLinksArea ul li {
    padding-bottom: 8px;
    padding-left: 25px;
}


/*social media*/

div#otherLinksArea ul li.newsletter {
    background: url('../images/layout/enewsletter.gif') no-repeat 0% 14%;
}

div#otherLinksArea ul li.facebook {
    background: url('../images/layout/facebook.gif') no-repeat top left;
}

div#otherLinksArea ul li.twitter {
    background: url('../images/layout/twitter.gif') no-repeat top left;
}

div#otherLinksArea ul li.flickr {
    background: url('../images/layout/flickr.gif') no-repeat 0 20%;
}

div#otherLinksArea ul li.instagram {
    background: url('../images/layout/instagram.gif') no-repeat 0 20%;
}

div#otherLinksArea ul li.youtube {
    background: url('../images/layout/youtube.gif') no-repeat 0 5%;
}

div#otherLinksArea ul li.blog {
    background: url('../images/layout/blog.gif') no-repeat 0 5%;
}

div#right div#eventsCalendar,
div#right div#otherLinksArea {
    margin-top: -6px;
}


/* Lightbox */

#lightboxMainAssets {
    min-height: 562px;
}

#lightboxMainAssets li {
    display: none;
    float: left;
    width: 100%;
}

#lightboxMainAssets li.active {
    display: block !important;
}

#lightboxMainAssets li.img,
#lightboxMainAssets li.object {
    margin: 0 auto;
}


/* Accordion */

#accordion_membership {
    margin-top: 10px;
    color: #ececec;
}

#accordion ul li {
    list-style: circle;
}

a.accordion{
    color: #005098;
}

p.accordion {
    font-size: 14px;
    font-weight: normal;
}


/* new membership page styles */

div#eventsListing p.subheading {
    font-size: 1.4em;
    margin-bottom: 6px;
}

div#eventsListing form.membership-form {
    float: left;
    width: 100%;
    clear: left;
}

div#eventsListing p.validation-text {
    color: red;
}

div#eventsListing div.membership-header {
    margin-bottom: 20px;
}

div#eventsListing h2.membership-header {
    font-size: 1.2em !important;
    border-bottom: none;
    margin-top: 20px;
    clear: both;
}

div.eventsItem.membership-details div.left-hand-col {
    float: left;
    width: 160px;
}

div.eventsItem.membership-details div.left-hand-col input {
    float: left;
    margin-top: 7px;
}

div.eventsItem.membership-details div.left-hand-col p {
    float: left;
    font-size: 1.6em;
    font-weight: bold;
}

div.eventsItem.membership-details div.left-hand-col p.price {
    text-align: right;
    width: 50%;
}

html.js-enabled div.eventsItem.membership-details div.eventsDesc.closed div.collapsible {
    display: none;
}

div.eventsItem.membership-details div.eventsDesc.open div.collapsible {
    display: block;
}

div.eventsItem.membership-details div.eventsDesc {
    float: left;
    width: 400px;
    margin-left: 0;
}

div.eventsItem.membership-details div.eventsDesc p.eventHeading {
    font-size: 1.3em;
    margin-bottom: 10px;
    margin-top: 3px;
}

div.eventsItem.membership-details div.eventsDesc p.eventHeading .subhead {
    font-size: 0.8em;
    font-style: italic;
    display: block;
}

div.eventsItem.membership-details div.eventsDesc p.toggle-container {
    float: right;
}

div.eventsItem.membership-details div.eventsDesc p.toggle-container a {
    float: left;
    display: block;
}

div.eventsItem.membership-details div.eventsDesc p.toggle-container a {
    text-decoration: none;
}

div.eventsItem.membership-details div.eventsDesc div.collapsible ul {
    list-style-type: circle !important;
    padding-left: 15px;
    padding-bottom: 10px;
}

div.eventsItem.membership-details {
    padding-bottom: 0px;
}

div.eventsItem.membership-header {
    padding: 0px;
    margin-bottom: 12px;
}

div#eventsListing div.eventsItem.membership-header h2 {
    border-bottom: none;
    font-size: 1.2em !important;
}

input.membership-checkout {
    margin-top: 40px;
    float: none;
}

div.membership-options-section,
div.gift-aid-section {
    float: left;
    clear: left;
    margin-top: 30px;
    width: 100%;
}

div.membership-options-section p.input-container input {
    margin-right: 10px;
}

div.membership-options-section p.input-container textarea {
    width: 425px;
    height: 150px;
}

html.js-enabled div.membership-options-section .hidden {
    display: none;
}

div.membership-options-section .shown {
    display: block;
}

div.membership-options-section #membership-renew-label {
    float: left;
}

div.membership-options-section #renew-number-wrapper.shown {
    display: inline;
    float: right;
}

div.membership-options-section p.input-container {
    margin-right: 3px;
}

div.membership-options-section p.hidden-container,
div.membership-options-section p.shown {
    display: inline !important;
}

html.js-enabled div.membership-options-section span.hiddenExplanatoryText {
    display: none;
}

div.membership-options-section input#joint-name {
    width: 200px;
    padding: 2px 0;
    margin-bottom: 10px;
}

div.membership-options-section div.donation-box {
    margin: 30px 0px;
    float: left;
    width: 100%;
    clear: both;
}

div.gift-aid-section #giftAid-text {
    float: right;
    margin-left: 50px;
    width: 400px;
}

div.membership-options-section div.donation-box select {
    margin-left: 5px;
}

div.membership-options-section p.shown {
    display: block;
}

div.gift-aid-section input.gift-aid-checkbox {
    position: relative;
    top: -23px;
}

div.membership-options-section div.join-radio-container {
    display: block;
    margin-top: 3px;
    line-height: 2em;
}

div.membership-options-section div.join-radio-container div.helpTextContainer p {
    
}

div.membership-details div.collapsible p#hidden-text-box label {
    font-weight: bold;
}

div.membership-address {
    margin: 50px 0 10px 0;
    float: left;
    width: 100%;
    clear: left;
}

div.membership-address h2,
div.membership-address p,
#donationsStage2 h2 {
    border-bottom: none !important;
    margin-bottom: 0;
    padding-bottom: 0;
}


/* Styles below added by Emma D 2/3/2012*/

tr.header {
    background-color: #353636;
    color: #ffffff;
}

table.grey {
    font-size: 12px;
    background-color: #e7e7e7;
    color: #000000;
    padding: 5px;
    width: auto;
    text-align: justify;
    border-collapse: collapse;
    margin: 5px;
}

table.greyfullwidth {
    font-size: 12px;
    background-color: #e7e7e7;
    color: #000000;
    padding: 10px;
    width: 530px;
    text-align: justify;
    border-collapse: collapse;
    margin: 5px;
}

table td.white {
    background-color: #ffffff;
    color: #000000;
}

table td.desc {
    padding: 5px;
}

table h3 {
    font-size: 14px;
}

table.grey td {
    border: 2px solid #ffffff;
    padding: 5px;
}

table.greyfullwidth td {
    border: 2px solid #ffffff;
    padding: 5px;
}

table th {
    font-weight: bold;
}

.article_box {
    min-height: 170px;
    padding: 3px;
    margin: 10px;
}

.article_box img {
    float: left;
    padding: 5px;
    margin: 5px;
}

.video-wrapper {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/************* seadragon zoom_viewer ****************/

.zoom-wrapper {
    background-color: #f2f2f2;
    clear: left;
}

.zoom-wrapper .openseadragon {
    background-color: #f2f2f2;
}

.zoom-wrapper .openseadragon fieldgroup {
    width: 50px;
}

.zoom-wrapper .openseadragon button img {
    display: block !important;
    /*padding:6px 0px 0px 6px !important;*/
}


/************* end seadragon zoom_viewer ****************/


/************* OBJECT WALL ****************/

#object-wall-wrapper {
    background-color: #EEE;
    padding: 0px 6px;
    width: 100%;
}

#object-wall-wrapper div {
    position: relative;
}

div#object-wall {
    width: 100%;
    display: inline-block;
}

div#object-wall * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div#object-wall .grid-sizer {
    width: 25%;
}

div#object-wall div.object {
    float: left;
    width: 25%;
    padding: 4px;
}


/*no masonry*/

div#object-wall div.object,
.js-enabled div#object-wall.nomasonry div.object,
.js-enabled div#object-wall.nomasonry div.object.span2col,
.js-enabled div#object-wall.nomasonry div.object.span3col {
    width: 25%;
    height: 350px;
    overflow: hidden;
}

div#object-wall div.object .object-thumb-wrapper,
.js-enabled div#object-wall.nomasonry div.object .object-thumb-wrapper {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    margin: 0px auto 8px auto;
}

div#object-wall div.object .object-thumb,
.js-enabled div#object-wall.nomasonry div.object .object-thumb {
    width: auto;
    max-width: 100%;
    max-height: 188px;
    display: block;
    margin: 0px auto;
}

div#object-wall div.object .object-overlay,
div#object-wall.nomasonry div.object .object-overlay {
    display: none;
}

div#object-wall div.object a:hover .object-icon-overlay {
    background-color: #FFFFFF;
    opacity: .5;
    filter: alpha(opacity=50);
    /*i.e 8 and below*/
}


/* end no-masonry fallback */


/* with masonry */

.js-enabled div#object-wall div.object {
    height: auto;
    padding: 6px;
    margin-bottom: 4px;
}

div#object-wall .object .object-inner {
    border-radius: 8px;
    box-shadow: 0px 0px 9px #B4B4B4;
    height: 100%;
    padding: 8px;
    background-color: #FFF;
}

.js-enabled div#object-wall div.object .object-thumb-wrapper {
    width: 100%;
    height: auto;
    margin-bottom: 8px;
    padding-bottom: 0px;
}

.js-enabled div#object-wall div.object .object-thumb {
    width: 100%;
    height: auto;
    max-width: none;
    max-height: none;
    display: block;
    margin: 0px auto;
}

.js-enabled div#object-wall div.object .object-overlay {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    cursor: pointer;
}

@media all and (max-device-width: 768px) {
    .js-enabled div#object-wall div.object .object-overlay {
        display: none;
    }
    body.object-page {
        width: 400px;
        padding-top: 20px;
    }
}

.js-enabled div#object-wall div.object:hover .object-overlay {
    background-color: #FFFFFF;
    opacity: .5;
    filter: alpha(opacity=50);
    /*i.e 8 and below*/
}

.js-enabled div#object-wall div.object a:hover .object-icon-overlay {
    background-color: transparent;
}

.js-enabled div#object-wall div.object.span2col {
    width: 50%;
}

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


/* end with masonry */

div#object-wall div.object .object-icon-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    background-position: 94% 94%;
    background-repeat: no-repeat;
}

div#object-wall div.object .with-zoom {
    background-image: url(../images/layout/zoom_overlay.png);
}

div#object-wall div.object .with-video {
    background-image: url(../images/layout/play_overlay.png);
}

.object-page {
    background-color: #FFF;
}

.object-page * {
    font-size: 1.125rem;
    
}

.object-page div.object .object-image,
.object-page div.object .video-wrapper,
.object-page div.object .zoom-wrapper {
    max-width: 90%;
    max-height: 420px;
    margin: 0px auto 10px auto;
    display: block;
}

.object-page div.object h1,
.object-page div.object .object-text {
    width: 90%;
    margin: 0px auto 0px auto;
}

div#object-filter-bar {
    /*border-top:7px solid #f0f0f0;*/
    height: 32px;
    background-color: #F7F7F7;
    padding-top: 10px;
    margin: 0px -6px 0px -6px;
}

div#object-filter-bar a {
    padding-left: 15px;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
    color: #005098;
}

a#object-disclosure {
    cursor: pointer;
}

div#object-filter-bar .tag-disclosure-closed {
    background: url('../images/layout/arrowClosed.png') no-repeat right center;
}

div#object-filter-bar .tag-disclosure-open {
    background: url('../images/layout/arrowOpen.png') no-repeat right center;
}

div#object-filter-bar span#current-tag-label {
    font-size: 14px;
    margin-left: 20px;
    font-weight: bold;
}

div#object-filter-bar span#current-tag {
    margin-left: 10px;
    padding: 4px 8px 4px 8px;
    background-color: #D5D5D5;
    border-radius: 15px;
}

div.object-tags {
    margin-bottom: 45px;
    padding: 0px 0px 1px 0px;
    background-color: #ededed;
    overflow: hidden;
}

div.object-tags ul {
    list-style-type: none;
    padding: 15px 15px 0px 15px;
    margin: 0px;
    float: left;
    width: 94%;
}

div.object-tags li {
    background-color: #005098;
    margin-right: 20px;
    padding: 4px 10px 4px 10px;
    float: left;
    border-radius: 15px;
    margin-bottom: 14px;
    display: block;
}

div.object-tags li:hover {
    background-color: #D5D5D5;
}

div.object-tags li:hover a {
    color: #505050;
}

div.object-tags li.selected-tag {
    background-color: #D5D5D5;
}

div.object-tags li.selected-tag:hover {
    background-color: #DCDCDC;
}

div.object-tags li.selected-tag a {
    color: #505050;
}

div.object-tags li a {
    color: #ffffff;
    text-decoration: none;
}


/*************END OBJECT WALL ****************/


/* nav */

#inner-header .addthis_toolbox {
    display: none !important;
}

/* BOX MODEL */
.col-2 {float: left; width: 49%;}

.col-2:nth-child(1) {margin-right: 2%;}

.col-3 {float: left; width: 32%;}

.col-3:nth-child(1), .col-3:nth-child(2) {margin-right: 2%;}

.col-4 {float: left;width: 23.5%;}

.col-4:nth-child(1), .col-4:nth-child(2), .col-4:nth-child(3){margin-right: 2%;}

.row {margin-top: 2rem;}

.row:after {content: ""; display: table;clear: both;}
/* BOX MODEL END*/

@media (max-width: 768px) {.col-2, .col-3, .col-4 {width: 100%; margin: 10px 0 10px 0;}

.col-4 {width: 48%; margin: 0 0 0 0;}

.col-4:nth-child(3) {clear:both;}

.col-4:nth-child(1), .col-4:nth-child(3) {margin-right: 1%;}
}

@media (max-width: 350px) {
.col-4 {width: 100%; margin: 10px 0 10px 0;}
}
/*Anchor link to clear header*/
a[name] {  padding-top: 90px; }
/* end */

/*Search box text*/
.searchcaption-menu {font-size: 1.125rem; line-height: 1.2em; margin-bottom: 1em; margin-top: 0.7em;font-family: "FSAlbertRegular",FSAlbertBold,FSAlbertItalic; float:left;}


/*end search box text*/


/*NEW MEDIA ADDITIONAL CSS*/
/*Call to action buttons*/
.btnlinkfile:after {content: "\0000a0"; display: inline-block; height: 10px; width: 10px; line-height: 10px; margin: 0 4px -6px 4px; position: relative; top: 0px; left: 0px; background: url("../../assets/images/buttons/down-arrow.svg") no-repeat left center transparent; background-size: 100% 100%;}
.btnlinkfile:hover:after {content: "\0000a0"; display: inline-block; height: 10px; width: 10px; line-height: 10px; margin: 0 4px -6px 4px; position: relative; top: 0px; left: 0px; background: url("../../assets/images/buttons/down-arrow_white.svg") no-repeat left center transparent; background-size: 100% 100%;}
.btnlinkfile {display: inline-block; text-align: center; vertical-align: middle; padding: 4px 6px; margin-bottom: 5px; margin-top: 5px; border: 2px solid #005098; border-radius: 0px; background-color: transparent; color: #005098; text-decoration: none; transition: all .5s;}
.btnlinkfile:hover {border: 2px solid #005098; color: #ffffff; background-color: #005098; text-decoration: none;}

.btnlink:after, ul.additionalLinks a:after, .rightArrows a:after, .rightArrow:after {content: "\0000a0"; display: inline-block; height: 10px; width: 10px; line-height: 10px; margin: 0 -4px -6px 4px; position: relative; top: 0px; left: 0px; background: url("../../assets/images/buttons/right_arrow.svg") no-repeat left center transparent; background-size: 100% 100%;}
.btnlink:hover:after , ul.additionalLinks a:hover:after, .rightArrows a:hover:after, .rightArrow:hover:after{content: "\0000a0"; display: inline-block; height: 10px; width: 10px; line-height: 10px;margin: 0 -4px -6px 4px; position: relative; top: 0px; left: 0px; background: url("../../assets/images/buttons/right_arrow_white.svg") no-repeat left center transparent; background-size: 100% 100%;}

.btnlink, ul.additionalLinks a, .rightArrows a, .rightArrow {display: inline-block; text-align: center; vertical-align: middle; padding: 4px 12px; margin-bottom: 5px; margin-top: 5px; border: 2px solid #005098; border-radius: 0px; background-color: transparent; color: #005098; text-decoration: none; transition: all .5s; font-family: FSAlbertRegular,FSAlbertBold,FSAlbertItalic,arial,helvetica,verdana; font-size: 1.125rem; font-weight: normal !important;}
.btnlink:hover, ul.additionalLinks a:hover, .rightArrows a:hover {border: 2px solid #005098; color: #ffffff; background-color:#005098!important; text-decoration: none;}
.rightArrow {margin-right: 10px;}

/* focus elements for accessibility */
body.user-is-tabbing *:focus {background-color:#005098; color:#fff!important;}
body.user-is-tabbing .logo.screen:focus, body.user-is-tabbing a img:focus, body.user-is-tabbing .openBtn:focus {background-color: transparent!important; outline: 2px solid #005098 !important; outline: 5px auto -webkit-focus-ring-color !important;}

/*job section buttons */
.btnjob {min-width: 10px; display: inline-block; text-align: center; vertical-align: middle; padding: 4px 6px; margin-bottom: 5px; margin-top: 5px; border: 2px solid #005098; border-radius: 0px; color: #005098; text-decoration: none;}
.btnjob:hover {border: 2px solid #005098; color: #ffffff; background-color: #005098; text-decoration: none;}
.btnjob:active {background: #005098; background: -webkit-gradient(linear, left top, left bottom, from(#005098), to(#005098)); background: -moz-linear-gradient(top, #005098, #005098); background: linear-gradient(to bottom, #005098, #005098);}

/* Image hover effect*/
.eventsItem .image:hover, .largerImage:hover, #ttd-img-link:hover, a img:hover {filter: brightness(70%); transition: all 0.5s ease 0s;}

/*FOOTER STYLE*/
div#footer {background: #000000 none repeat scroll 0 0!important;}
.footer-col a {color: #ff9a00;}
div#footer {background: rgba(255,255,255,1) none repeat scroll 0 0 !important;  -moz-box-shadow: 0 -5px 6px rgba(0,0,0,0.5); -webkit-box-shadow: 0 -5px 6px rgba(0,0,0,0.5); box-shadow: 0 -0px 10px rgba(0,0,0,0.5); background-image: linear-gradient(to bottom, #fff, #fff) !important; color: #000!important;}
div #footer #footer-inner, div #footer #footer-inner-promo {max-width: 100%; font-family: "FSAlbertRegular",FSAlbertBold,FSAlbertItalic,arial,helvetica,verdana!important; font-size: 1.125rem; line-height: 1.5rem;}
.footer-col a {color: #005098;}
#footer p {line-height: 1.5em;}
.footer-logo {float: right; margin-top: -60px;}
div#footer .social-mono {margin-right: 0px!important; margin-bottom: -10px!important; margin-left: 6px;}
.btnfooter {display: inline-block; border: 2px solid #000; padding: 10px 18px 10px 18px; cursor: pointer; background-color: transparent; white-space:nowrap; text-align: center; vertical-align: middle; margin-bottom: 5px; margin-top: 5px; color: #000!important; text-decoration:none;}
.btnfooter:hover {background-color: #fff; color: #005098!important; border: 2px solid #005098; text-decoration: none;}
.lang-list a {color: #005098;}

@media only screen and (max-width: 1100px) and (min-width: 768px)  {
div#wrapper div#footer div.desktop-only div#footer-inner {display: block!important;}
.footer-col {flex: none!important; margin-right: 0!important; width: 49%;}
.footer-col:nth-of-type(even) {float: right;}
.footer-col:nth-of-type(odd) {float: left; clear:both;}
#footer .lang-list {margin-top: 10px;}
div#footer #copyright {margin-top: 10px;}
}

/* social media logos */
svg:hover path {fill: #005098;}
a svg{transition: 200ms; transition-timing-function: ease-in-out; -webkit-transition: 200ms; -webkit-transition-timing-function: ease-in-out;}
.keepintouch {margin-top: 7px;}
/* social media logos end*/

/*HEADER STYLE*/
.header-message a {color: #afafaf;}
.header-message a:hover {text-decoration: underline;}
div#navigation {background: #f2f2f2 none repeat scroll 0 0!important;}
@media screen and (min-width: 769px) {
#inner-header {max-width: 100%;}
div#navigation .logo {float: left;}
div#navigation #nav-list-wrapper ul {display: inline-block!important; float: right;}
.logo img {margin-bottom: -30px;}
div#navigation {font-family: "FSAlbertRegular",FSAlbertBold,FSAlbertItalic,arial,helvetica,verdana!important;}
#nav-list-wrapper li {text-transform: none!important;}
div#navigation.headroom.headroom--not-bottom.headroom--not-top.headroom--unpinned div#inner-header a.logo.screen img#logo, div#navigation.headroom.headroom--not-bottom.headroom--not-top.headroom--pinned div#inner-header a.logo.screen img#logo, div#navigation.headroom.headroom--not-top.headroom--unpinned.headroom--bottom div#inner-header a.logo.screen img#logo {width: 60px; height: 55px; z-index: 100000;}
div#navigation.headroom.headroom--not-bottom.headroom--not-top.headroom--unpinned, div#navigation.headroom.headroom--not-bottom.headroom--not-top.headroom--pinned, div#navigation.headroom.headroom--not-top.headroom--unpinned.headroom--bottom {background-color:#f2f2f2!important; position: fixed!important; transform: translateY(-9px)!important; transition: transform 1.0s; z-index: 100000;}
div#navigation div#inner-header div.header-message {color: #AFAFAF; float: right; clear: left; padding: 0; margin-top: -70px; }
ul.header-right-message li{list-style: none; float:left; padding-left: 20px;}
ul.header-right-message li a{font-weight: normal;}

/*underlined animation nav*/
#nav-list-wrapper li  > a {position: relative; color: #000; text-decoration: none;}
div.footer-col li > a, ul.lang-list li > a {position: relative; text-decoration: none!important;}
#nav-list-wrapper li  > a:hover, div.footer-col li > a:hover, ul.lang-list li > a:hover {color: #005098;}
#nav-list-wrapper li   > a:before, div.footer-col li > a:before, ul.lang-list li > a:before {content: ""; position: absolute; width: 100%; height: 2px; bottom: -4px; left: 0; background-color: #005098; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
#nav-list-wrapper li   > a:hover:before, div.footer-col li > a:hover:before, ul.lang-list li > a:hover:before {visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1);}
#nav-list-wrapper li a, div.footer-col li a, ul.lang-list li > a {border-bottom: none;}

/*Search box style*/
#nav-list-wrapper {padding-right: 35px;}
.openBtn {position:absolute; padding: 0; cursor: pointer; margin-top: -20px; background-image: url("/assets/css/black-search-icon.png"); width: 35px; height: 35px; background-repeat: no-repeat; background-position: 0 0;}
.openBtn:hover {background-image: url("/assets/css/blue-search-icon.png"); width: 35px; height: 35px; background-repeat: no-repeat; background-position: 0 100%;}
div#searchOverlay.overlay {height: 100%; width: 100%; display: none; position: fixed; z-index: 200000; top: 0; left: 0; background-color:#f2f2f2;}
.overlay-content {position: relative; top: 35%; width: 80%; text-align: center; margin-top: 30px; margin: auto;}
.overlay button.closebtn {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-sizing: content-box; font-size: 36px; height: 60px; width: 60px; transition: transform .2s,opacity .2s !important; -ms-transform-origin: center center; transform-origin: center center; position: absolute; padding: 10px; z-index: 2147483637; right: 20px; top: 0px; color:#005098;}
.overlay button.closebtn:hover {opacity: 1; -ms-transform: rotate(90deg); transform: rotate(90deg);}
.overlay input[type=text] {font-family: "FSAlbertRegular",FSAlbertBold,FSAlbertItalic,arial,helvetica,verdana!important; padding: 14.5px; font-size: 1.125rem; border: 2px solid black; float: left; width: 74%; background: white; border-right:none!important;}
.overlay input[type=text]:hover, .overlay input[type=text]:focus {border: 2px solid #005098; border-right:none!important;}
.overlay button {font-family: "FSAlbertRegular",FSAlbertBold,FSAlbertItalic,arial,helvetica,verdana!important; float: left; width: 20%; padding: 15px; background: #fff; color: #005098; font-size: 1.125rem; border: none; cursor: pointer; height: 60px; border: 2px solid #005098;}
.overlay button:hover, .overlay button:focus {background-color: #005098; color: #fff;}
.search-navigation {position: fixed; bottom: 0px; width: 700px; left: 50%; margin-left: -350px;}
ul.search-navigation li{font-family: "FSAlbertRegular",FSAlbertBold,FSAlbertItalic,arial,helvetica,verdana!important; list-style: none; float:left; padding: 50px; font-size: 1.3rem; color:#fff;}
.overlay .searchlogo {position: absolute; top: 20px; left: 20px;}
div#navigation.headroom.headroom--not-bottom.headroom--not-top.headroom--unpinned #nav-list-wrapper ul, div#navigation.headroom.headroom--not-bottom.headroom--not-top.headroom--pinned div#inner-header div#nav-list-wrapper ul.screen, div#navigation.headroom.headroom--not-top.headroom--unpinned.headroom--bottom div#inner-header div#nav-list-wrapper ul.screen {margin-top: -8px;}
button.openBtn, button.closebtn {border: none; background-color: transparent;}


/*Search box style end*/

div#navigation {background: #f2f2f2 none repeat scroll 0 0 !important; -moz-box-shadow: 0 -0px 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 -0px 10px rgba(0,0,0,0.5); box-shadow: 0 -0px 10px rgba(0,0,0,0.5);}
#nav-list-wrapper li a {color: #000; font-weight: normal!important;}
#nav-list-wrapper li a:hover {color: #005098!important; border-bottom-color: #005098!important;}
/*header promo*/
.btnheader {border: 2px solid #000; padding: 5px 20px; color: #000 !important; text-decoration: none;}
.btnheader:hover {border: 2px solid #005098; color: #005098!important; text-decoration: none!important;}
.btnheader-colour {border: 2px solid #005098; padding: 5px 20px; color: #fff !important; text-decoration: none; background-color:#005098;}
.btnheader-colour:hover {border: 2px solid #005098; color: #005098!important; text-decoration: none!important; background-color:transparent;}

@keyframes shadow-pulse
{0% {box-shadow: 0 0 0 0px rgba(51, 205, 51, 0.6);} 100% {box-shadow: 0 0 0 10px rgba(51, 205, 51, 0);}}
.dot-display {margin-right: 10px; display: inline-block; width: 15px; height: 15px; background: rgba(43, 168, 43, 1); border-radius: 50%; animation: shadow-pulse 2s infinite;}

}


/* ========== npgLike Template found in core/components/likedislike ========== */
.likedislike.npgLike { padding:8px 8px 8px 0; display: inline-block; margin-bottom: 8px; box-sizing: border-box;}
.likedislike.npgLike .result1 { top:3px; left:0; right:0;}
.likedislike.npgLike .result1.squeeze { }
.likedislike.npgLike .likename, .likedislike.npgLike .likeclose, .likedislike.npgLike .likethanks {font-size: 1.125rem; }
.likedislike.npgLike .likename {color: #005098; margin-left:30px;}
.likedislike.npgLike .likeclose {color: #292929;}
.likedislike.npgLike .likeclose, .likedislike.npgLike .likethanks {display:none;font-size: 11px;}
.likedislike.npgLike.closed .likeclose, .likedislike.npgLike.user_voted.updated .likethanks {display: block}
.likedislike.npgLike.closed.user_voted .likethanks, .likedislike.npgLike.closed.busy .likethanks {display: none}
.likedislike.npgLike input {
    margin-right:4px; width:24px; height:24px; background:url(../layout_images/favourite.svg) left center no-repeat;
    background-size: 24px;
    border:0; text-indent:-9999px;
    width: 100%;
    position: absolute;
}
.likedislike.npgLike input:hover, .likedislike.npgLike input:focus { background:url(../layout_images/add_favourite.svg) left center no-repeat; animation: heartthrob-alt 1s infinite alternate; -webkit-animation: heartthrob 1s infinite alternate; background-size: 24px; -moz-animation: heartthrob-alt 1s infinite alternate;}
.likedislike.npgLike input:active { background:url(../layout_images/add_favourite.svg) left center no-repeat; background-size: 24px; animation: heartthrob-alt 1s infinite alternate; -webkit-animation: heartthrob 1s infinite alternate; -moz-animation: heartthrob-alt 1s infinite alternate;}
.likedislike.npgLike.user_voted input { background:url(../layout_images/added_favourite.svg) left center no-repeat; background-size: 24px; -webkit-animation: none; animation: none;}

.likedislike.npgLike.user_voted .likethanks {
    position: fixed;
    z-index: 2000;
    background: rgba(0,0,0,.42);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    outline: 0;
    text-align: center;
}

.likethanks-inner {
    position: relative;
    top: 30vh;
    display: inline-block;
    width: auto;
    max-width: 340px;
    border-radius: 6px;
    padding: 32px 32px 48px 32px;
    box-shadow: 0 12px 27.26px 1.74px rgba(0,0,0,.4)!important;
    background-clip: padding-box;
    margin: 0 auto;
    overflow: visible;
    position: relative;
    color: #000000;
    background: #e7e7e7;
}

.likethanks-inner .close {
    color: #000000!important;
    font-family: gsc!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    background-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: content-box;
    font-size: 22px;
    height: 22px;
    width: 22px;
    transition: transform .2s,opacity .2s!important;
    -ms-transform-origin: center center;
    transform-origin: center center;
    opacity: .5;
    cursor: pointer;
    position: absolute;
    padding: 10px;
    z-index: 2147483637;
    right: 0;
    top: 0;
    text-decoration: none;
}

.likethanks-inner .close::before {
    content: "\e81c";
}

.likethanks-inner .close:hover {
    opacity: 1;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.likedislike.npgLike.user_voted input, .likedislike.npgLike.busy input {}
.likedislike.npgLike.closed input {}


@keyframes heartthrob {
    from {
        background-size: 24px;
    }
    to {
        background-size: 26px;
    }
}

@keyframes heartthrob-alt {
    from {
        transform: scale(1);
        transform-origin: center left;
    }
    to {
        transform: scale(1.1);
        transform-origin: center left;
    }
}

.visually-hidden {
    visibility: hidden;
}

/* skip to main content */

a.skip-main {left:-999px; position:absolute; top:auto; width:1px; height:1px; overflow:hidden; z-index:-999;}
a.skip-main:focus, a.skip-main:active {color: #000; left: 150px; top: auto; width: auto; height: 20px; overflow:auto; text-align:center; font-size:1.125rem; z-index:999;}

span.advanced-help {font-size: 1.125rem;}
.red {color:#bf2c37;}
.grey {color: #777777}
.small, p.small, span.small {font-size: 14px!important;}
.overlay-box p a.link-white {color: white!important;}
.clear{clear:both;}
.clear-inv{clear: both; margin-top: 0 !important; margin-bottom: 0 !important; visibility: hidden;}

.a-z-intro {line-height: 50px; margin-bottom: -30px;}

/*bottom promo widget*/
.promo-widget {background-color: #eeedd6; padding: 1px 50px 20px 50px; margin-top: 50px; clear: both; display:inline-block;}
.promo-widget .col-3 {background-color: transparent;}
.promo-widget .col-4 {text-align: left!important;}



/*Utility classess*/
.u-align-center {
    text-align: center;
}


/* Cookiebot*/
a#CybotCookiebotDialogPoweredbyCybot {
    display: none;
}

div#CybotCookiebotDialogHeader {
    display: none;
}

/* Promo Rows */

.o-promo__row {
    display: flex; 
    padding: 30px 0; 
    justify-content: space-between;
    flex-direction: column;
}
.o-promo__content {
    width: 100%;
}
.o-promo__content-heading {
    margin-top: 0;
}
.o-promo__img {
    width: 100%;
}

.o-promo__img img {
    width: 100%;
}
@media only screen and (min-width: 768px) {
    .o-promo__row {
        flex-direction: row;
    }
    .o-promo__content {
        width: calc(100% - 490px);
    }
    .o-promo__img {
        width: 470px;
    }
}


/*Grid Layouts*/

.o-grid-cols {
    display: grid;
    column-gap: 20px;
    margin-bottom:20px;
}

.o-grid-cols * > img {
    max-width: 100%; /* so images don't expaned bigger than the container*/
}

/*Added by Eman*/
@media only screen and (min-width: 768px) {
    /*only apply cols to larger screen sizes*/
    .o-grid-cols--2 {
        grid-template-columns: 1fr 1fr;
    }

    .o-grid-cols--3 {
        grid-template-columns: 1fr 1fr 1fr;
    }
}




/*Cookie Consent */
.u-cookie-consent-video__msg {
    position: absolute;
    display:flex;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.85);
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    z-index:2;
}

.u-cookie-consent__msg {

    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F2F2F0;
    padding:40px;
    box-sizing: border-box;
}

.o-iframe__wrap {
    position: relative;
}



/*===PROFILE TEMPLATE=====*/

/*--Profile Rows---*/
    .o-profiles-grid {
        display: grid;
        gap:1.5rem;
    }
	
	@media (min-device-width: 769px) {
		.o-profiles-grid {
        grid-template-columns:1fr 1fr 1fr 1fr;
		}
	}
	
	@media (max-device-width: 768px) {
		.o-profiles-grid {
        grid-template-columns:1fr 1fr;
		}
	}

    .o-profile-item {
        background:#e7e7e7;
        transition: transform .2s;
    }
    .o-profile-item:hover {
        transform: scale(1.05);
    }
    .o-profile-item a {
        text-decoration: none;
        color:#262727;
    }

/*Added by Eman*/
@media only screen and (max-width: 769px) {
	.o-profile__header {
    display: block!important;
}

.o-profile__header-details {
width: 100%!important;
}

.o-profile__header-img {
    margin: 0 auto;
    padding-top: 10px;
}	
}
    

    .o-profile-item__title {
        padding:10px;
        margin:0 15px;
        background: #000000;
        color:#ffffff;
        margin-top: -1.5rem;
        position: relative;
    }
    .o-profile-item__details {
        padding:15px;
        min-height: 100px;
    }
    .o-profile-item__img img{
        width: 100%;
    }

    .o-profile-item__bio {
        display: none;
    }

/*--Profile Page--*/
.o-profile {

}

.o-profile__header {
    background:#f2f2f2;
    display: flex;
    margin-bottom: 20px;
}

.o-profile__header-img {
    width: 300px;

}
.o-profile__header-img img{
    width: 100%;
    display: block;
}

.o-profile__header-details {
    font-size: 2rem;
    font-weight: 600;
    width: calc(100% - 300px);
    padding:20px;
	line-height: 1.25em;
}


.o-profile__header-details p {
    font-size: inherit !important; /*needed due to legacy styles overridering*/
   
}
/*Youtube Static Embed*/

  .o-videoplayer {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: transparent;
    margin: 5px;
  }

  .o-videoplayer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
  }

  .o-videoplayer img {
    object-fit: cover;
    display: block;
    left: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: 0.4s all;
    -moz-transition: 0.4s all;
    transition: 0.4s all;
  }

  .o-videoplayer img:hover {
    -webkit-filter: brightness(75%);
  }

  .o-videoplayer__play-btn {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url('//i.imgur.com/TxzC70f.png') no-repeat;
    cursor: pointer;
  }



  /*====utility classes====*/

.u-align-item--start {
    align-items:flex-start;
}
.u-align-item--end {
    align-items: flex-end;
}
.u-align-item--center {
    align-items: center;
}
.u-align-item--stretch {
    align-items: stretch;
}



.u-justify-item--start {
    justify-content:flex-start;
}
.u-justify-item--end {
    justify-content: flex-end;
}
.u-justify-item--center {
   justify-content: center;
}
.u-justify-item--stretch {
    justify-content: stretch;
}


.u-sr-only{
	/*Hide from everytying other than screen readers*/
	border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}