ÿþ/*========================================================  @site    Nationa Galleries of Scotland  @title   Presentation layer for standard            compliant browsers  @company Keepthinking LTD  @address http://keepthinking.it  @author  Oskar Krawczyk (o.krawczyk@keepthinking.it)  @rev     01/03/2007  ========================================================*/  #wrapper .coming_soon .minor,  #wrapper .minor .coming_soon,  #wrapper .minor.coming_soon {  background: url(../img/coming_soon-minor.png) left top repeat !important; ;} #wrapper .coming_soon .major,  #wrapper .major .coming_soon,  #wrapper .major.coming_soon {  background: url(../img/coming_soon-major.png) left top repeat !important; ;} #wrapper .major {  background: #4B575F !important; ;}   #wrapper .major,    #wrapper .major .body,    #wrapper .major h4,    #wrapper .major p,    #wrapper .major a {    color: #fff !important;   ;}   #wrapper .major .fancy_link {    background: url(../img/arr-right-12.gif) left center no-repeat !important;   ;} #wrapper .minor {  background: #F6F6F7 !important; ;}   #wrapper .minor,    #wrapper .minor .body,    #wrapper .minor h4,    #wrapper .minor p,    #wrapper .minor a {    color: #4B575F !important;   ;}   #wrapper .minor .fancy_label a,    #wrapper .minor .compInline .comp a {    color: #fff !important;   ;}   #wrapper .minor .fancy_link {    background: url(../img/arr-right-8.gif) left center no-repeat !important;   ;}  /*  ========================================================*/ #growl-basket { /* display: none;*/ ;} #growlbasket ul,  #growlbasket li {  list-style: none; ;} #work-media .hidebox,  #etours-image .hidebox, #exh-hightlights .hidebox, .itemDescription .hidebox, .imageContainer .hidebox, li .hidebox, #works-table .hidebox, .hidden {  display: none; ;} #growlbasket li#basket-message {  background: #4B575F; ;}  .lbArtistRoomContainer {  overflow: hidden;  position: relative;  text-align: left;  margin: 0 0 10px; ;}   .lbArtistRoomContainer h2,  .lbArtistRoomContainer h3 {   font-weight: normal;   color: #4B575F;   padding: 0 0 4px 0;   margin: 0;   font-size: 1.6em;   font-family: Arial, Helvetica, sans-serif;     ;}    .short h2,  .short h3 {   width: 400px;  ;}   .lbArtistRoomContainer h3 {   color: #4B575F;   line-height: 120%;  ;}    .lbArtistRoomContainer .lbArtistRoomDetails,  .lbArtistRoomContainer .lbArtistRoomDetails li {   padding: 0;   margin: 0;   list-style: none;  ;}    .lbArtistRoomContainer .lbArtistRoomDetails {   padding: 10px 0 0 0;  ;}    .lbArtistRoomContainer .lbArtistRoomDetails li {   padding: 0 0 2px 0;   font-weight: normal;   color: #4B575F;  ;}    .lbArtistRoomContainer .lbArtistRoomDetails strong {   font-weight: bold;   color: #4B575F;  ;}     .lbArtistRoomContainer .lbArtistRoomMore {   position: absolute;   top: 0;   right: 0;   color: #4B575F;   background: url("../img/arr-right-8.gif") 0 2px no-repeat;   padding: 0 0 0 12px;   text-decoration: none;  ;} p {  ;}  h3, h4 {  margin: 0;  padding: 0;  font-family: Arial, Helvetica, sans-serif;  font-weight: normal;  position: relative; ;}  h4 {  margin: 0;  padding: 6px 0 3px 0; ;}  h4 {  font-size: 1.4em; ;}  a {  color: #4B575F; ;}  h3 .func {  margin: 0 0 0 5px; ;}  h3 a {  text-decoration: none; ;}  h3 a:hover {  text-decoration: underline; ;}  h3 a.active {  background-color: #CBCBC5;  padding: 0 4px; ;}  img {  border: 0; ;}  .prevSearch {  position: absolute;  top: 0px;  right: 40px; ;}  .nextSearch {  position: absolute;  top: 0px;  right: 5px; ;}  .func {  padding: 0 0 0 12px;  font-family: Arial, Helvetica, sans-serif; ;} .func,  .func a,  .func a {  text-decoration: none !important; ;} .func:hover,  .func a:hover {  text-decoration: underline !important; ;}  .play {  font-size: 1.1em;  line-height: 20px; ;}  select { /*  font-size: 1.0em; */ ;}  div.sharethis {  background: #fff;  padding: 10px 0;  color: #5B5B5B; ;}  #exh-body div.sharethis {  background: none; ;}  li.sharethis {  float: right; ;}  h3.hdCont {  color: #fff;  padding: 2px 5px;  border-bottom: solid 1px #fff; ;} /* Hack leading size FF */ input::-moz-focus-inner {    border: 0;   padding: 0; ;} .fancy-inline_link {  overflow: hidden; ;}  .fancy-inline_link li {   float: left;  ;} .warning {  font-size: 12px;  padding: 5px 10px;  margin-bottom: 10px; ;}  .warning.error {   background: #F6D2D2;   color: #CC0000;  ;}  .warning.success {   background: #E0ECE0;   color: #006600;  ;} .fancy_note {  overflow: hidden;  margin: 5px 0 15px 0; ;}  .fancy_note p {   margin: 0;   padding: 0;  ;}  /*     ========================================================*/ #wrapper .relatedContainer,  .relatedContainer.mediaList {  overflow: hidden;  font-size: 12px;  margin: 0 0 20px 0; ;} #wrapper #content-wide .relatedContainer {  margin-top: 15px; ;} #wrapper .relatedContainer p {  overflow: hidden;  font-size: 12px;  padding: 0; ;}  #wrapper .relatedContainer .contact p {   margin: 0 0 10px 0;  ;}  #wrapper .relatedContainer ul,  #wrapper .relatedContainer li {   margin: 0;   padding: 0;   list-style: none;  ;}  #wrapper .relatedContainer ul,   #wrapper #page .relatedContainer ul {   overflow: hidden;   background: #F6F6F7;   padding: 0;   margin: 0;  ;}  #wrapper .relatedContainer.title {   overflow: hidden;   margin: 5px 0 10px 0;  ;}   #wrapper .relatedContainer.title ul {    border-top: 1px solid #A5ABAF;    border-bottom: 1px solid #A5ABAF;   ;}   #wrapper .relatedContainer ul li {    overflow: hidden;    border-bottom: 1px solid #fff;   ;}   #wrapper .relatedContainer .relatedLinks li,    #wrapper .relatedContainer .explore-features li,    #wrapper .relatedContainer .contact li,    #wrapper .relatedContainer .relatedDownloads li {    padding: 5px 8px;   ;}   #wrapper .relatedContainer .contact li li {    padding: 0 0 8px 0;   ;}   #wrapper .relatedContainer .collectionItem ul li,    #wrapper .relatedContainer .accordition ul li {    border: 0;   ;}   #wrapper #content .relatedContainer .fancy_container ul,    #wrapper #content .relatedContainer .fancy_container li {    font-size: 12px;    padding: 0;    margin: 0;   ;}   #wrapper #content .relatedContainer .ciDetails {    padding: 10px 10px 10px 0;   ;}    #wrapper .relatedContainer .fancy_container .body_extra {     width: 180px;    ;}    #wrapper .relatedContainer .fancy_container .body_extra,     #wrapper .relatedContainer .fancy_container .body_intro {     padding: 10px 0 10px 10px;     float: left;    ;}    #wrapper .relatedContainer .fancy_container .body_intro {     width: 150px;    ;}    #wrapper .relatedContainer .fancy_container .body {     overflow: hidden;     padding: 10px;    ;}   #wrapper .relatedContainer .flashInfo li,    #wrapper .relatedContainer .flashInfo ul li {    border: 0;   ;}   #wrapper .relatedContainer .flashInfo .flashPopup {    background: url("../img/arr-right-8.gif") 0 2px no-repeat;    font-weight: normal;    padding: 0 0 0 12px;   ;}   #wrapper .relatedContainer ul ul li {    padding-left: 0;    padding-right: 0;    border: 0;   ;}   .relatedContainer p,   #supportus .relatedContainer p {   line-height: 130%;  ;}  .relatedContainer h3,   #supportus .relatedContainer h3 {   background: #fff;   overflow: hidden;   height: 100%;   font-size: 12px;   line-height: 12px;   color: #4B575F;   border-bottom: solid 1px #A5ABAF;   padding: 5px 0;   margin-bottom: 1px;  ;}   .relatedContainer h3 .fancy_link {    float: right;   ;}  /*  ========================================================*/ #sidebar.fancy_sidebar {   ;}  #sidebar.fancy_sidebar,   #sidebar.fancy_sidebar h3,   #ar-side.fancy_sidebar,   #ar-side.fancy_sidebar h3 {   background: transparent;  ;}  #sidebar.fancy_sidebar,   #ar-side.fancy_sidebar {   border: 0;  ;}   #sidebar.fancy_sidebar .oc .itemDescription,    #sidebar.fancy_sidebar .oc .itemDescription ul,    #ar-side.fancy_sidebar .oc .itemDescription,    #ar-side.fancy_sidebar .oc .itemDescription ul {    background: transparent;   ;}   #ar-side.fancy_sidebar .imageContainer,    #ar-side.fancy_sidebar .relatedContainer ul {    background: transparent;   ;}   #ar-side.fancy_sidebar .relatedContainer ul li {    border-bottom: 1px solid #999;   ;}    .relatedContainer h3 span,   #supportus .relatedContainer h3 span {   padding: 0 5px;  ;}    .complex_sidebar .relatedContainer h3 span {   padding: 0 5px 0 0;  ;}    .clearalt {   clear: both;    height: 0;    font-size: 0;    overflow: hidden;    background: #fff;  ;}    .clear {   clear: both;    height: 0;    font-size: 0;    overflow: hidden;   ;}    .mCon {   float: right;    width: 765px;   padding: 0 0 20px;  ;}    ul.basket {   padding: 0;   margin: 0;  ;}    ul.basket a {   width: 90px;   height: 20px;   line-height: 20px;   display: block;   text-indent: -900em;   background: url(../img/add-to-basket.gif) 0 50% no-repeat;  ;}  /*  ========================================================*/ #wrapper .complex_main {  background: #fff; ;}  #content.complex_content,   #sidebar.complex_sidebar {   margin-top: 15px;  ;}  #wrapper .complex_content,   #wrapper .complex_sidebar {   border: 0;  ;}   #wrapper .complex_content h2,    #wrapper .complex_sidebar .relatedContainer h3 {    font-size: 16px;    font-weight: bold;    line-height: normal;    border: 0;    padding: 0;    margin: 0 0 10px 0;   ;}    #wrapper .complex_content h2 small a,     #wrapper .complex_sidebar .relatedContainer h3 small a {     font-size: 12px;     font-weight: normal;    ;}   #wrapper .complex_content h2 {    padding-left: 10px;   ;}  #wrapper .complex_sidebar .wrapper {   margin-top: 15px;  ;}  /*  ========================================================*/ #fhi.hero_links {   ;}  #fhi.hero_links .fhiRelatedContainer {   width: 530px;  ;}   #fhi.hero_links .imageHomeFeature {    width: 245px;    margin: 0 15px 0 0;   ;}    #fhi.hero_links .imageHomeFeature .fancy_link {     margin-right: 10px;    ;}    #fhi.hero_links .imageHomeContainer {     height: auto;    ;}  #fhi.hero_links .fhiRelatedContainer.fancy-related_container {   width: 392px;   padding: 0 65px 15px 65px;  ;}   #fhi.hero_links .fancy-related_container .imageHomeFeature .imageHomeContainer,    #fhi.hero_links .fancy-related_container .imageHomeFeature {    width: 180px;   ;}   #fhi.hero_links .fancy-related_container .imageHomeFeature {    margin: 0 15px 0 0;   ;}  /*     ========================================================*/ #wrapper .hero_list {  overflow: hidden; ;}  #wrapper .hero_list {     ;}  /*     ========================================================*/ #wrapper .hero-simple_list {  overflow: hidden; ;}  #wrapper .hero-simple_list {     ;}  #wrapper .even-odd_list .relatedContainer ul li:hover {   background: #D9DCDD;  ;}  /*     ========================================================*/ .hero_heading {  background: #fff;  overflow: hidden; ;}  .fancy_heading h2 {   font-size: 22px;   padding: 10px;  ;}  /*     ========================================================*/ .itemContainer { /*  padding: 10px 0 0 0; */  overflow: hidden;  height: 100%; ;}   .itemContainer p {   padding: 6px 0 0 0;   margin: 0;  ;}    .itemContainer p.mContent {   padding: 6px 0 0 90px;   margin: 0;  ;}    .itemContainer img {   float: left;   padding: 0 8px 0 0;   border: none;  ;}    .itemContainer ul {   padding: 10px 0;   margin: 0;   list-style: none;  ;}    .itemContainer ul li {   padding: 2px 0;   margin: 0;   list-style: none;  ;}     #collection .itemContainer ul,   #collection .itemContainer ul li {    list-style: none;   ;}    .itemContainer ul li span {   font-weight: bold;   color: #4B575F;  ;}    /*     ========================================================*/ #sidebar .itemContainer {  background: #F6F6F7;  font-size: 12px;  padding: 0; ;}  #sidebar .itemContainer h4,  #sidebar .itemContainer ul,    #sidebar .itemContainer p {   overflow: hidden;   font-size: 12px;  ;}  #sidebar .itemContainer h4 {   font-weight: bold;  ;}  #sidebar .itemContainer ul {   padding: 10px 0;   margin: 0;   list-style: none;  ;}   /*   ========================================================*/ .imageContainer {  background: #F6F6F7;  overflow: hidden;  height: 100%;  padding: 0;  margin: 0 0 10px 0; ;}   .relatedContainer .imageContainer {   margin-bottom: 1px;  ;}   .imageContainer p {   padding: 0;   margin: 0;  ;}    #wrapper .imageContainer img,   #wrapper .fancy_container img {   border: none; /*   margin: 0 8px 0 0; */   margin: 0;   float: left;  ;}  #wrapper .fancy_container .speudo_placeholder {   overflow: hidden;   width: 42px;   height: 60px;   float: left;  ;}    .imageContainer .noItalic {   font-style: normal;  ;}    .imageContainer a.icWrapper {   float: left;   margin: 0;  ;}  /*   ========================================================*/ #bottom-content .itemContainer.oc {  background: #F6F6F7;  padding:  ;} .oc, .search {  padding: 0 0 5px 0;  border-bottom: solid 1px #CCCCCC; ;}  .alt {  padding: 0 0 5px 0;  border-bottom: none; ;}   .oc div {   padding: 5px 0 0 0;   line-height: 140%;  ;}    #wrapper .oc ul.noBullet {   padding: 0;   margin: 0;   list-style: none;  ;}    #wrapper .oc ul.noBullet li {   padding: 0;   margin: 0;   list-style: none;  ;}    #wrapper .oc ul.noBullet ul {   padding: 2px 0;   margin: 0;   list-style: disc;  ;}     #wrapper .oc ul.noBullet ul li {   padding: 0;   margin: 0 0 0 20px;   list-style: disc;  ;}    #wrapper .oc ul.noBullet ol {   padding: 2px 0;   margin: 0;   list-style: decimal;  ;}    #wrapper .oc ul.noBullet ol li {   padding: 0;   margin: 0 0 0 20px;   list-style: decimal;  ;}    .oc .itemDescription {   color: #4B575F;  ;}  .itemContainer .sponsor {   clear: both;   padding: 10px 0 0 0;  ;}    #wrapper .oc {   padding: 0;   border-bottom: 1px solid #fff;  ;}   #wrapper .oc .icTitle {    padding: 5px 8px;    margin: 0;   ;}    #wrapper .oc .fancy_oc span {     cursor: pointer;    ;}    #wrapper .oc .icTitle a {     background-image: url(../img/oc-sprites.png);     background-repeat: no-repeat;     font-size: 12px;     color: #4B575F;     text-transform: none;     padding: 0 15px 0 15px;     float: right;    ;}    #wrapper .oc .icTitle a[rel="hide"] {     background-position: right -90px;    ;}    #wrapper .oc .icTitle a[rel="show"] {     background-position: right 5px;    ;}   #wrapper .oc .itemDescription {    padding: 5px 8px;   ;}   #wrapper .oc .itemDescription,    #wrapper .oc .itemDescription ul {    background: #fff;   ;}  /*     ========================================================*/ .contactContainer {  ;}   .contactContainer p {   padding: 4px 0 0 0;   margin: 0;  ;}    /*     ========================================================*/ .relatedLinks {  background: #F6F6F7; ;} .relatedLinks, .relatedLinks li {  padding: 1px 0 0 0;  margin: 0;  list-style: none;  ;}  .relatedLinks li {   border-bottom: 1px solid #FFFFFF;   padding: 3px 10px;  ;}  .relatedLinks li.linkDetails {   padding: 5px 0;  ;}    .relatedLinks a {   padding: 0 0 0 12px;   display: block;  ;}   #wrapper .imageContainer .relatedLinks {    overflow: hidden;    padding-left: 0;   ;}    #wrapper .imageContainer .relatedLinks a {     background: none;     font-weight: bold;     text-decoration: none;     padding: 0;    ;}    #wrapper .imageContainer .relatedLinks .func {     background: url(../img/arr-right-8.gif) 0 1px no-repeat;     font-weight: normal;     text-decoration: none;     padding: 0 0 0 12px;    ;}    #wrapper .imageContainer .relatedLinks a:hover {     text-decoration: underline;    ;}    #wrapper .relatedContainer .relatedLinks a {     text-decoration: none;     line-height: normal;    ;}    #wrapper .relatedContainer .relatedLinks.sitemapItem a {     background: url("../img/arr-right-8.gif") 0 2px no-repeat;     padding: 0 0 0 12px;     text-decoration: none;    ;}    #wrapper .relatedContainer .relatedLinks .linkDetails a,     #wrapper .relatedContainer .imageContainer .relatedLinks a {     margin-bottom: 5px;    ;}    #wrapper .relatedContainer .relatedLinks a:hover {     text-decoration: underline;    ;}    #wrapper .fancy_events .relatedLinks a {     background: none;     font-weight: bold;     padding: 0;    ;}    #wrapper .fancy_etour .relatedLinks .fancy_title {     background: url(../img/etour-icon.png) left top no-repeat;     padding-left: 14px;    ;}    #wrapper .fancy_exhibitions ul {         ;}     #wrapper .fancy_exhibitions ul,      #wrapper .fancy_exhibitions ul a {      color: #4B575F;     ;}     #wrapper .fancy_exhibitions ul li { /*      background: #4B575F; */     ;}      .fancy_container .fancy_title,       #container #wrapper .relatedLinks .fancy_title,       #wrapper .fancy_exhibitions .relatedLinks .fancy_title,       #container #wrapper .relatedLinks .fancy_title a,       #wrapper .fancy_exhibitions .relatedLinks .fancy_title a {       background: none;       font-weight: bold;       padding: 0;       text-decoration: none;      ;}      #container #wrapper .relatedLinks a.fancy_title:hover,       #wrapper .fancy_exhibitions .relatedLinks a.fancy_title:hover,       #container #wrapper .relatedLinks .fancy_title a:hover,       #wrapper .fancy_exhibitions .relatedLinks .fancy_title a:hover {       padding: 0;       text-decoration: underline;      ;}      #container #wrapper .relatedLinks h4.fancy_title,       #wrapper .fancy_exhibitions .relatedLinks h4.fancy_title {       font-size: 14px;      ;}  .relatedLinks span {   display: block;   padding-top: 8px;  ;}    .relatedLinks a:hover {   text-decoration: none;  ;}   /*     ========================================================*/ .relatedDownloads, .relatedDownloads li,  #wrapper #sub-nav-container #sub-navigation .relatedDownloads li {  padding: 2px 0 0 0;  margin: 0;  list-style: none; ;} #wrapper #sub-nav-container #sub-navigation .relatedDownloads {  margin: 4px 0 8px 0;  padding: 0;  list-style: none; ;}   #wrapper .relatedDownloads li { /* had to give it a higher priority */     ;}    .relatedDownloads a,   #wrapper #sub-nav-container #sub-navigation .relatedDownloads a {   display: block;   padding: 0 0 5px 20px;   text-decoration: none;  ;}  .relatedDownloads a:hover,   #wrapper #sub-nav-container #sub-navigation .relatedDownloads a:hover {   text-decoration: underline;  ;}    .relatedDownloads li.pdf {   background: url(../img/doc_types/icon_pdf.gif) 5px 5px no-repeat;  ;}    .relatedDownloads li.doc {   background: url(../img/doc_types/icon_doc.gif) 5px 5px no-repeat;  ;}    .relatedDownloads li.ppt {   background: url(../img/doc_types/icon_ppt.gif) 5px 5px no-repeat;  ;}    .relatedDownloads li.fla {   background: url(../img/doc_types/icon_fla.gif) 5px 5px no-repeat;  ;}    .relatedDownloads li.gif,  .relatedDownloads li.jpg,  .relatedDownloads li.png {   background: url(../img/doc_types/icon_image.gif) 5px 5px no-repeat;  ;}    .relatedDownloads li.zip,  .relatedDownloads li.rar,  .relatedDownloads li.tar {   background: url(../img/doc_types/icon_zip.gif) 5px 5px no-repeat;  ;}    /*     ========================================================*/ #gallery {  line-height: 0;  padding: 0;  margin: 0 0 20px 0;  background: #DFDFDF;  position: relative; ;}    #gallery ul,  #gallery li {   line-height: normal;   padding: 0;   margin: 0;   list-style: none;  ;}    #gallery .image img {   border: none;  ;}    #gallery .image p {   line-height: normal;   font-size: 10px;   color: #4B575F;   padding: 8px;   margin: 0;  ;}   #gallery .info {   line-height: normal;   width: 195px;   margin: 0;  ;}   #gallery .mod {   line-height: normal;   width: 195px;   margin: 0;   overflow: hidden;  ;}   #gallery .thumbs {     ;}    #gallery .thumbs li {   margin: 1px 1px 0 0;   padding: 0;   float: left;  ;}    #gallery .thumbs li a {   display: block;  ;}    #gallery .thumbs li img {   display: block;   border: none;  ;}   #slider-nav {  height: 20px;  position: relative; ;}    #slider-nav #move-left {   position: absolute;   left: 0;   top: 2px;  ;}    #slider-nav #move-right {   position: absolute;   right: 0;   top: 2px;  ;}  /*     ========================================================*/ #wrapper,  #footer {  width: 960px;  text-align: left;  padding: 0;  margin: 0 auto; ;} #wrapper {  padding: 0 10px;  margin-bottom: 120px; ;}  /*     ========================================================*/ #header {  position: relative;  overflow: hidden;  margin: 0;  padding: 10px 0 17px 0; ;}  #header ul,   #header li {   list-style: none;   padding: 0;   margin: 0;  ;}  #header a {   text-decoration: none;  ;}  #header h1 {   overflow: hidden;   width: 100px;   height: 77px;   padding: 0;   margin: 0 10px 0 0;   float: left;  ;}   #header h1 a {    background: url(../img/logo.png) left top no-repeat;    display: block;    height: 100%;    text-indent: -90000px;   ;}  #header #header-cont {   position: relative;   overflow: hidden;   width: 850px;   padding: 0;   margin: 0;   float: left;  ;}   #header .header_top,    #header .header_bottom {    overflow: hidden;   ;}   #header .header_top {    height: 40px;    margin-bottom: 5px;   ;}   #header #gallery_nav {    overflow: hidden;    height: 20px;    float: right;   ;}    #header #gallery_nav li,     #header #gallery_nav a,     #header #basket-info a,     #navigation li,     #navigation li a {     font-size: 12px !important;     line-height: 12px !important;     font-style: normal !important;     color: #fff;    ;}    #header #gallery_nav li,     #header #ticker-intro li,     #header #basket-info li,     #navigation li {     float: left;    ;}    #header #gallery_nav li {     width: 80px;     margin-left: 3px;    ;}    #header #gallery_nav .ng {     background: url(../img/gallery_national-sprites.png) left top no-repeat;    ;}    #header #gallery_nav .ng:hover {     background: url(../img/gallery_national-sprites.png) left -20px no-repeat;    ;}    #header #gallery_nav .ng:active {     background: url(../img/gallery_national-sprites.png) left -40px no-repeat;    ;}    #header #gallery_nav .gma {     background: url(../img/gallery_modern-sprites.png) left top no-repeat;    ;}    #header #gallery_nav .gma:hover {     background: url(../img/gallery_modern-sprites.png) left -20px no-repeat;    ;}    #header #gallery_nav .gma:active {     background: url(../img/gallery_modern-sprites.png) left -40px no-repeat;    ;}    #header #gallery_nav .pg {     background: url(../img/gallery_portrait-sprites.png) left top no-repeat;    ;}    #header #gallery_nav .pg:hover {     background: url(../img/gallery_portrait-sprites.png) left -20px no-repeat;    ;}    #header #gallery_nav .pg:active {     background: url(../img/gallery_portrait-sprites.png) left -40px no-repeat;    ;}     #header #gallery_nav a {      background: url(../img/gallery_national-sprites.png) 10px -60px no-repeat;      display: block;      font-size: 12px;      line-height: 12px;      font-weight: bold;      padding: 4px 4px 4px 20px;     ;}   #header #ticker-intro,    #header #basket-info,    #header #navigation,    #header #basket-info {    overflow: hidden;    padding: 0;    margin: 0;   ;}   #header #ticker-intro {    margin-bottom: 5px;   ;}    #header #ticker-intro li {     font-size: 12px;     padding: 0 15px 0 0;    ;}     #header #ticker-intro li a {      color: #4B575F;     ;}     #header #ticker-intro li a:hover {      text-decoration: underline;     ;}   #header #basket-info {       height: 20px;       overflow: hidden;   ;}    #header #basket-info a {     display: block;     background-color: transparent;     background-image: url(../img/basket-sprites.png);     background-repeat: no-repeat;     background-position: right top;     overflow: hidden;     font-weight: bold;     padding: 4px 28px 3px 7px;     float: left;    ;}    #header #basket-info a:hover {     background-position: right -20px;    ;}    #header #basket-info a:active {     background-position: right -40px;    ;}     #header #basket-info small {      display: inline-block;      background: url(../img/basket-sprites.png) left -110px no-repeat;      width: 10px;      height: 12px;      text-indent: -90000px;     ;}     #header #basket-info .basket_icon {      background: url(../img/basket-sprites.png) left -80px no-repeat;      border: 0;      padding: 0 5px 0 18px;      margin-right: 2px;      border-right: 1px solid #fff;     ;}   #navigation,    #global_search {    background: #fff;   ;}    #navigation li,     #navigation li a {     background-image: url(../img/navigation-sprites.png);     background-repeat: no-repeat;    ;}    #navigation li {     overflow: hidden;     background-position: right 0;    ;}     #header #navigation li a {      background-position: left -60px;      display: block;      color: #4B575F;      padding: 9px 10px 9px 22px;     ;}     #header #navigation li:hover {      background: #DFE1E2;     ;}     #header #navigation .active,      #header #navigation .active:hover {      background: #4B575F;     ;}      #header #navigation .active a {       background-position: left -150px;       color: #fff;      ;}     #header #navigation li .shop {      background-position: left -90px;      padding-left: 25px;     ;}      #header #navigation .active .shop {       background-position: left -120px;      ;}     #header #navigation li .play {      background-position: left -180px;      padding-left: 25px;     ;}      #header #navigation .active .play {       background-position: left -210px;      ;}   #global_search {    width: 95px;    height: 22px;    padding: 4px 10px 4px 0;    float: right;   ;}   #wrapper #sidebar #global_search-side {       ;}    #global_search fieldset,     #global_search input,     #wrapper #global_search-side fieldset,     #wrapper #global_search-side input {     border: 0;     padding: 0;     margin: 0;    ;}    #global_search fieldset,     #wrapper #global_search-side fieldset {     position: relative;     display: block;     padding-right: 22px;    ;}    #wrapper #global_search-side fieldset {     width: 225px;     padding: 10px;    ;}     #global_search input,      #wrapper #global_search-side input {      float: left;     ;}     #global_search input[type="text"],      #wrapper #global_search-side input[type="text"] {      height: 20px;      border-width: 1px;      border-style: solid;      border-color: #ccc #f6f6f6 #f6f6f6 #ccc;      padding: 0 20px 0 4px;      -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);      -moz-box-shadow: inset 1px 1px 2px  rgba(0,0,0,0.2);      -o-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);      box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);     ;}     #global_search input[type="text"] {      width: 100% !important;     ;}     #wrapper #global_search-side input[type="text"] {      width: 200px !important;     ;}     #global_search input[type="submit"],      #wrapper #sidebar #global_search-side input[type="submit"] {      position: absolute;      background: transparent url(../img/global_search-sprites.png) left top no-repeat;      width: 13px;      height: 12px;      line-height: 0;      top: 5px;      right: 4px;      text-indent: -90000px;      cursor: pointer;     ;}     #wrapper #sidebar #global_search-side input[type="submit"] {      right: 8px;     ;}     #global_search input[type="submit"]:hover,      #wrapper #global_search-side input[type="submit"]:hover {      background: transparent url(../img/global_search-sprites.png) left -24px no-repeat;     ;}     #global_search input[type="submit"]:active,      #wrapper #global_search-side input[type="submit"]:active {      background: transparent url(../img/global_search-sprites.png) left -48 no-repeat;     ;}   #header p {   padding: 0px 0 0 10px;   margin: 0;   color: #4B575F;   font-size: .9em;   line-height: normal;  ;}   .hero_landingpage {  background: #fff;  overflow: hidden;  padding: 15px 0; ;}  /*     ========================================================*/ #wrapper .hero_calendar {   ;}  #wrapper .hero_calendar table a,   #wrapper .hero_calendar table a:hover {   background: none;      padding: 0;  ;}  /*     ========================================================*/  .hero_heading {   ;}  .hero_heading h2 {   font-size: 16px;   font-weight: bold;   line-height: normal;   padding: 0;   margin: 0 0 10px 0;  ;}   .hero_heading h2 span {    margin-right: 5px;   ;}   .hero_heading h2 a {    font-size: 12px;    font-weight: normal;   ;}   #content-navigation .hero_heading h2 {    margin-left: 10px;   ;}  /*     ========================================================*/ #sub-nav-container {  width: 180px;  font-size: 12px;  float: left; ;}  #sub-navigation {   margin-bottom: 10px;  ;}   #section-title,    #section-title a {    font-family: texGyreHerosRegular, Arial, Helvetica, sans-serif;    font-size: 33px;    font-weight: normal;    line-height: 33px;    color: #4B575F;    padding: 0;    margin: 0;   ;}   #section-title {    margin-bottom: 10px;   ;}    #section-title a,     #section-title a:hover {     text-decoration: none;     color: #4B575F;    ;}  #section-figure {   line-height: 0;  ;}  #sub-navigation ul,  #sub-navigation li {   overflow: hidden;   font-family: Arial, Helvetica, sans-serif;   font-size: 12px;   list-style: none;   padding: 0;   margin: 0;  ;}  #sub-navigation ul {   background: #fff;   margin-bottom: 10px;  ;}   #sub-navigation ul ul {    margin-bottom: 0;   ;}   #sub-navigation li {    margin-top: 1px;   ;}   #sub-navigation li a {    background-image: url(../img/sec_navigation-sprites.png);    background-position: left top;    background-repeat: no-repeat;    display: block;    font-size: 12px;    line-height: normal;    color: #4B575F;    text-decoration: none;    padding: 3px 5px 3px 20px;   ;}   #sub-navigation li a:hover {    background-color: #DFE1E2;    text-decoration: none;   ;}   #sub-navigation .active,    #sub-navigation .focus {    color: #fff;   ;}   #sub-navigation .active,    #sub-navigation .active:hover {    background-color: #81898F;   ;}   #sub-navigation .active {    background-position: left -120px;   ;}   #sub-navigation .focus,    #sub-navigation .focus:hover {    background-color: #4B575F;   ;}   #sub-navigation .focus {    background-position: left -240px;   ;}    #sub-navigation li li a {     background-position: 15px top;     padding-left: 35px;    ;}    #sub-navigation li li .active {     background-position: 15px -120px;    ;}    #sub-navigation li li .focus {     background-position: 15px -240px;    ;}     #sub-navigation li li li a {      background-position: 30px top;      padding-left: 50px;     ;}     #sub-navigation li li li .active {      background-position: 30px -120px;     ;}     #sub-navigation li li li .focus {      background-position: 30px -240px;     ;}      #sub-navigation li li li li a {       background-position: 45px top;       padding-left: 65px;      ;}      #sub-navigation li li li li .active {       background-position: 45px -120px;      ;}      #sub-navigation li li li li .focus {       background-position: 45px -240px;      ;}       #sub-navigation li li li li li a {        background-position: 60px top;        padding-left: 75px;       ;}       #sub-navigation li li li li li .active {        background-position: 60px -120px;       ;}       #sub-navigation li li li li li .focus {        background-position: 60px -240px;       ;}   #nav-fix {    background: #fff;    height: 200px;   ;}   #sub-navigation .relatedLinks li {    padding: 3px 0 4px 0;   ;}   /* Header mailing list link  ========================================================*/ #mailing-list {  position: absolute;  left: 15px;  top: 76px;  text-decoration: none;  font-size: .9em;  color: #ccc; ;}  #mailing-list:hover, #mailing-list:focus {  text-decoration: underline; ;}   /* Sections home page banner  ========================================================*/ #banner {  width: 960px;  position: relative;  height: 134px; ;}  #banner-cont {  ;}  /*     ========================================================*/ #main {   position: relative; ;}  #add-heading {  position: absolute;  top: -50px;  right: 0;  width: 400px;  height: 75px; ;}  #add-heading ul, #add-heading li {  padding: 0;  margin: 0;  list-style: none; ;}  /*     ========================================================*/ #page {  background: #fff;  line-height: 150%; ;}    #page .bodytext {  ;}    #page .bodytext ul,  #page .bodytext ul li {   list-style: disc;  ;}  #special-logo {  position: relative;  height: 1px;  font-size: 1px; ;}  /*     ========================================================*/ #breadcrumbs {  position: relative;  overflow: hidden;  width: 765px;  margin: 0;  padding: 19px 0 10px 0;  float: right; ;}  .breadcrumbs {   overflow: hidden;  ;}   #breadcrumbs ul,    #breadcrumbs h3 {    display: inline;    float: none;   ;}   #breadcrumbs li a,    #breadcrumbs h3 {    font-family: Arial, Helvetica, sans-serif;    font-size: 12px;    line-height: normal;   ;}   #breadcrumbs ul,    #breadcrumbs li {    overflow: hidden;    list-style: none;    padding: 0;    margin: 0;   ;}    #breadcrumbs li {     background: url(../img/breadcrumbs-sprites.png) right top no-repeat;     padding-right: 9px;     margin-right: 5px;     float: left;    ;}     #breadcrumbs li a {      color: #4B575F;      text-decoration: none;     ;}     #breadcrumbs li a:hover {      text-decoration: underline;     ;}   #breadcrumbs h3 {    color: #999;   ;}   #breadcrumbs h3 q {    text-transform: lowercase;    font-weight: bold;   ;}   #breadcrumbs h2 {    text-indent: -9000em;   ;}  /*     ========================================================*/ .borderTop {     border-top: 4px solid #4B575F; ;}  /*     ========================================================*/  #rss-container {   ;}  #rss-container a {   text-transform: none;   display: block;  ;}  #rss-container .feed a span {   padding-left: 18px;   background: url(../img/feed.png) 0 50% no-repeat;  ;}   /*     ========================================================*/ #content-navigation {  position: relative;  padding: 0 0 0;  margin-bottom: 15px;  width: 765px;  float: right; ;}   #page-navigation {   font-size: .9em;  ;}   #content-navigation br,  #page-navigation br {   display: none;  ;}   #content-navigation ul,  #page-navigation ul {   overflow: hidden;   margin: 0;   padding: 0;   list-style: none;  ;}    #wrapper #page-navigation {   padding: 10px 10px 5px 10px;  ;}   #page-navigation li {    margin: 0 0 5px 0;   ;}    #page-navigation li a.nv {   text-decoration: none;   text-transform: uppercase;   padding: 0 14px 0 0;  ;}    #page-navigation li a.nv:hover,  #page-navigation li a.nv:focus {   text-decoration: underline;  ;}    #wrapper #page-navigation ul ul a.nv { /* need to set a higher priority */   margin: 0 0 0 15px;   padding: 0;   list-style: none;   color: #999;   background: none;  ;}    #wrapper #page-navigation a.nv.active {   padding: 0 14px 0 1px;    background-color: #dfdfdf;  ;}    #wrapper #page-navigation ul ul a.nv.active {   padding: 0 1px;    background-color: #dfdfdf;  ;}   #wrapper #content #page-navigation {   width: 350px;  ;}    #wrapper #page-navigation {   background: #fff;   font-size: 12px;   border-bottom: solid 1px #999;   margin-bottom: 5px;  ;}  /*     ========================================================*/ #content,  #content-wide {  background: #fff; ;} #content {  background: #fff;  float: left;  margin: 0;  width: 745px;  padding: 10px; ;} #content.no_padding {  width: 765px;  padding: 0; ;} #sidebar .bodytext,  .no_padding .bodytext {  padding: 10px; ;} .heading-body_margin {  padding: 10px 10px 0 10px;  margin: 0; ;} #event-wrapper {  background: #fff;  position: relative;  margin: 0 0 10px 0;  padding: 0;  float: right;  width: 765px; ;}   #event-wrapper .mCon {   padding: 0;  ;}  #event-wrapper #page,   #event-wrapper #sidebar {   background: none;  ;}  #event-wrapper .borderTop,   #event-wrapper #content,   #event-wrapper #sidebar {   border: 0;  ;}  /*    ========================================================*/ #wrapper #fancy_introduction {  overflow: hidden;  border-top: 4px solid #4B575F; ;} #wrapper #sidebar #fancy_introduction {  border: 0; ;}  #wrapper #fancy_introduction .body {   overflow: hidden;   background: #E4E6E7;   padding: 10px 10px 0 10px;   margin-top: 1px;  ;}   #wrapper #fancy_introduction .bodytext {    padding: 0;   ;}   #wrapper #fancy_introduction .body p {    font-size: 16px;    margin-bottom: 10px;    line-height: 130%;   ;}   #wrapper #fancy_introduction .body a {    background: #fff;    font-weight: bold;    padding: 0 5px;    text-decoration: none;   ;}   #wrapper #fancy_introduction .body a:hover {    background: #4B575F;    color: #fff;    text-decoration: none !important;   ;}  /*     ========================================================*/ #article {  padding: 0 1px; ;}   /*     ========================================================*/ #page {  ;}  #page .breadcrumb_wrapper {   overflow: hidden;   margin-bottom: 30px;  ;}  .breadcrumb_wrapper ul,   .breadcrumb_wrapper li {   list-style: none;   margin: 0;   padding: 0;  ;}   .breadcrumb_wrapper ul {    width: 980px;    padding: 0;    margin: 0;    overflow: hidden;   ;}    .breadcrumb_wrapper li {     position: relative;     width: auto;     height: 36px;     font-family: Arial, Helvetica, sans-serif;     font-size: 16px;     float: left;    ;}     .breadcrumb_wrapper .breadcrumb_mask,      .breadcrumb_wrapper .breadcrumb_mask-right {      position: absolute;      top: 0;      width: 10px;      height: 36px;     ;}     .breadcrumb_wrapper .breadcrumb_mask {      background: url(../img/breadcrumb_mask.png);      left: 0;     ;}     .breadcrumb_wrapper .breadcrumb_mask-right {      background: url(../img/breadcrumb_mask-right.png);      right: 0;     ;}     .breadcrumb_wrapper .breadcrumb_nr {      width: 26px;      height: 26px;      line-height: 26px;      text-align: center;      margin: 5px 10px;      float: left;     ;}     .breadcrumb_wrapper .breadcrumb_text {      line-height: 36px;      margin-right: 10px;      float: left;     ;}     .breadcrumb_wrapper .breadcrumb_arrow {      width: 0;      height: 0;      border-width: 18px 5px 18px 18px;      border-style: solid;      float: right;     ;}     .breadcrumb_wrapper .last_child .breadcrumb_arrow {      border: 0;      padding-right: 10px;     ;}      .message_wrapper {   padding: 10px;   border-top: 1px solid #999999;  ;}   .message_wrapper p {    display: inline;    font-size: 1.6em;    overflow: visible;    font-weight: bold;    padding: 0;    margin: 0;   ;}    .message_wrapper p span {     font-size: 0.6em;    ;}   .message_wrapper span {    display: block;    font-weight: bold;   ;}  /*     ========================================================*/ #bottom-content {  padding: 10px;  margin: 0;  clear: both;   background: #fff; ;} #content #bottom-content {  padding: 0; ;}   #bottom-content ul {   margin: 0;   padding: 0;  ;}    #bottom-content li {   list-style: none;    margin: 0 0 2px 0;   padding: 0;  ;}    #bottom-content .imageContainer {   overflow: hidden;   height: 100%;  ;}    #bottom-content .imageContainer img {   float: left;   margin: 0 10px 0 0;  ;}    #bottom-content .relatedLinks {     ;}    /*     ========================================================*/ #content-navigation form, #content form {  padding: 0;  margin: 0;  text-align: left; ;}   #content-navigation form fieldset,  #content form fieldset {   border: none;   text-align: left;  ;}    #content-navigation form legend,  #content form legend {   display: none;  ;}    #content-navigation form p,  #content form p {   overflow: hidden;   padding: 0;   margin: 0;  ;}    #content-navigation form p label,  #content form p label {   padding: 2px 0 0 6px;   font-size: 12px;  ;}    #content-navigation form p select,  #content-navigation form p input,  #content form p select,  #content form p input {   width: 170px;  ;}  /*     ========================================================*/ #sidebar {  background: #fff;  float: right;  padding: 0;  overflow: hidden;  border-top: 4px solid #4B575F; ;}   #sidebar p {   padding: 0;   margin: 0 0 8px;  ;}   /*  footer  ========================================================*/ #footer {  overflow: hidden;  padding-bottom: 28px; ;}  #footer p {   font-size: 12px;   color: #4B5757;   padding: 0;   margin: 0 0 10px 0;  ;}  #footer ul,  #footer li {   padding: 0;   margin: 0;   list-style: none;  ;}  #footer a {   color: #4C4A47;   font-size: 12px;   text-decoration: none;   display: block;  ;}  #footer a:hover {   text-decoration: underline;  ;}  #footer .footerCont {   overflow: hidden;   height: 100%;   padding-top: 10px;  ;}    #footer .footerCont .footerItem {    float: left;    width: 200px;    padding-right: 40px;   ;}    #footer .footerCont .footerItem li {     margin: 0 0 4px;     float: left;     width: 240px;    ;}   #footer .footerCont h3 {    font-family: Arial, Helvetica, sans-serif;    font-size: 16px;    color: #4B5757;    font-weight: bold;    margin: 0 0 10px 0;   ;}   #footer .footerCont ul {    overflow: hidden;   ;}   #footer .footerCont .twitter {    width: 200px;   ;}    #footer .footerCont .twitter li,     #footer .footerCont .twitter li p,     #footer .footerCont .twitter li a {     font-size: 12px;     color: #4B5757;    ;}    #footer .footerCont .twitter li {     background: url(../img/footer_socialmedia-icons.png) left top no-repeat;     position: relative;     width: 180px;     word-wrap: break-word;     margin: 0 !important;     padding: 0 0 0 20px !important;    ;}     #footer .footerCont .twitter li small {      position: absolute;      left: 0;      top: 0;     ;}     #footer .footerCont .twitter li small,      #footer .footerCont .twitter li small a {      display: block;      width: 14px;      height: 14px;     ;}      #footer .footerCont .twitter li small a {       font-size: 0;       line-height: 0;       text-indent: -90000px;      ;}     #footer .footerCont .twitter li a {      display: inline;      font-weight: bold;     ;}   #footer .footerCont fieldset,    #footer .footerCont .fancy_body {    overflow: hidden;    padding: 0;    margin: 0 0 20px 0;    border: 0;   ;}   #footer .footerCont input[type="text"] {    width: 190px;   ;}    #footer .footerCont .footerItem.connect li {     margin-right: 5px;    ;}    #footer .footerCont .footerItem.connect .social_media li,     #footer .footerCont .footerItem.connect .social_media li a {     width: 20px;     height: 20px;    ;}     #footer .footerCont .footerItem.connect .social_media a {      background-image: url(../img/footer/connect-icons.png);      background-repeat: no-repeat;      text-indent: -90000px;     ;}     #footer .social_media .connect_bulletin a {      background-position: 0 0;     ;}     #footer .social_media .connect_bulletin a:hover {      background-position: 0 -41px;     ;}     #footer .social_media .connect_blog a {      background-position: -25px 0;     ;}     #footer .social_media .connect_blog a:hover {      background-position: -25px -41px;     ;}     #footer .social_media .connect_facebook a {      background-position: -50px 0;     ;}     #footer .social_media .connect_facebook a:hover {      background-position: -50px -41px;     ;}     #footer .social_media .connect_flickr a {      background-position: -75px 0;     ;}     #footer .social_media .connect_flickr a:hover {      background-position: -75px -41px;     ;}     #footer .social_media .connect_twitter a {      background-position: -100px 0;     ;}     #footer .social_media .connect_twitter a:hover {      background-position: -100px -41px;     ;}     #footer .social_media .connect_youtube a {      background-position: -125px 0;     ;}     #footer .social_media .connect_youtube a:hover {      background-position: -125px -41px;     ;}     #footer .social_media .connect_feedback a {      background-position: -150px 0;     ;}     #footer .social_media .connect_feedback a:hover {      background-position: -150px -41px;     ;}     #footer .footerCont .footerItem.normal a {      background: url(../img/footer/arr-right.png) 0 2px no-repeat;      padding: 0 0 0 12px;     ;}  /*     ========================================================*/ #fancy_footer {  background: #D9DCDD;  width: 100%;  bottom: 0;  padding: 12px 0;  z-index: 1000; ;}  #fancy_footer div {   position: relative;   overflow: hidden;   width: 960px;   margin: 0 auto;  ;}   #fancy_footer a,    #fancy_footer p {    font-size: 12px;    color: #4B575F;    padding: 0;    margin: 0;    text-decoration: none;    float: left;   ;}   #fancy_footer a {    background: url(../img/oc-sprites.png) left -90px no-repeat;    position: absolute;    padding: 0 8px 0 15px;    left: 0;   ;}   #fancy_footer a:hover {    text-decoration: underline;   ;}   #fancy_footer p {    width: 100%;    text-align: center;   ;}  /*     ========================================================*/ #search-form-help {  padding: 10px 0 0 0;  text-align: left; ;}  #toggle-search-help {  ;}  #toggle-adv-search {  margin: 0 15px 0 0; ;}  #adv-form-options {  width: 100% !important;  width: 99%;  position: relative; ;}  #adv-form-options div {  position: absolute;  left: 0;  top: 0; ;}  /*     ========================================================*/ .paging {  overflow: hidden;  height: 100%;  clear: both;  margin: 5px;  width: 100%; ;}    .paging a {   padding: 0 3px;  ;}    .imageOptions {   margin: 10px 0 0 0;   padding: 0;   list-style: none;   position: relative;  ;}    .closeup a,  .enlarge a {   font-family: Arial, Helvetica, sans-serif;   color: #4B575F;   text-transform: uppercase;   text-decoration: none;  ;}    .closeup a {   background: url(../img/zoom.gif) 0 50% no-repeat;   padding: 0 0 0 13px;  ;}    .enlarge a {   background: url(../img/lens.gif) 0 50% no-repeat;   padding: 0 0 0 18px;  ;}    .closeup a:hover,  .enlarge a:hover {   text-decoration: underline;  ;}    .onDisplay,  .scottishArt,  .artistRooms,  .portraitOfTheMonth,  .onDisplayAlt,  .mustSee {   font-family: Arial, Helvetica, sans-serif;   color: #4B575F;   text-transform: uppercase;  ;}    .onDisplay {   background: url(../img/on-display.gif) 0 50% no-repeat;  ;}    .scottishArt {   background: url(../img/scottish-art/scottishArt.png) 0 50% no-repeat;  ;}    .artistRooms {   background: url(../img/artist-rooms/artistRooms.gif) 0 50% no-repeat;  ;}    .onDisplayAlt {   background: url(../img/scottish-art/onDisplay.gif) 0 50% no-repeat;  ;}     .portraitOfTheMonth {   padding: 2px 0;   background: url(../img/pom/pom-logo-mini.gif) 0 50% no-repeat;  ;}    .mustSee {   background: url(../img/mustSee.png) 2px 3px no-repeat;  ;}    .eTours,  .eTours li {   padding: 0;   margin: 0;   list-style: none;  ;}    .eTours a {   font-family: Arial, Helvetica, sans-serif;   color: #4B575F;   text-transform: uppercase;   background: url(../img/etours.gif) 0 50% no-repeat;   padding: 0 0 0 15px;   text-decoration: none;  ;}    .eTours a:hover {   text-decoration: underline;  ;}   /*     ========================================================*/ #wrapper .show {  display: block; ;}  #help {  margin: 10px 0; ;}   .js-check-2 {  display: none; ;}  #checkFlash {  display: none; ;}  /*     ========================================================*/ #podcast-url, #podcast-url li {  padding: 0;  margin: 0;  list-style: none; ;}  #podcast-url p {  margin: 0 0 10px 0;  padding: 3px 1px;  background: #E1E1E1; ;}  .podcastCont {  font-size: .9em;  height: 100%;  overflow: hidden;  border-bottom: solid 20px #fff; ;}  .podcastImg {  float: left;  width: 90px; ;}  .podcastDesc {  float: left;  width: 250px; ;}    /*     ========================================================*/ #fhi {  padding: 0; ;}  #fhi.fancy_landingpage {  margin-top: 15px; ;}  #fhi .imageHomeFeature {  background: #F6F6F7;  width: 245px;  float: left;  overflow: hidden;  margin: 0 15px 0 0; ;}  #fhi .imageHomeFeature.resetSecond { /*  margin: 0 0 15px 0; */ ;}  #fhi .imageHomeFeature .imageHomeFeature_body {   overflow: hidden;   padding: 8px;  ;}  #fhi .imageHomeFeature h4,   #fhi .imageHomeFeature p {   overflow: hidden;   color: #4B575F;   padding: 0;   margin: 0 0 8px 0;  ;}  #fhi .imageHomeFeature h4 {   font-weight: bold;   font-size: 16px;  ;}   #fhi .imageHomeFeature h4 a {    text-decoration: none;   ;}   #fhi .imageHomeFeature h4 a:hover {    text-decoration: underline;   ;}  #fhi .imageHomeFeature p {     ;}  #fhi .imageHomeFeature .fhiTitle {   font-size: 130%;   margin: 0;   padding: 2px;   font-family: Arial, Helvetica, sans-serif;  ;}  #fhi .imageHomeContainer {  position: relative;  overflow: hidden;  width: 245px; /*  height: 147px; */  line-height: 0;  text-align: center; ;}   #fhi .imageHomeContainer img {   border: none;  ;}    #fhi .imageHomeContainer .fhiDesc {   position: absolute;   top: 0;   left: 0;   width: 235px;   margin: 0;   padding: 5px;   text-align: left;   color: #000;  ;}   #fhi .fhiRelatedContainer {  overflow: hidden;   width: 780px;  height: 100%;  padding: 0 0 15px; ;}  #error-login {  background: #F8C499;  padding: 3px 15px; ;}   #content #login fieldset {   overflow: hidden;   height: 100%;   padding: 10px 10px;  ;}   #wrapper #login p {   height: 27px;  ;}    #wrapper #login label {   width: 100px;   float: left;  ;}    #wrapper #login div {   padding: 5px 0 0 0;  ;}    #wrapper #login div input {   border: none;   padding: 3px 18px 3px 3px;   color: #847E78;   background: #FFF url(../img/arr-gray.gif) 90% 50% no-repeat;   margin: 0 5px;   cursor: pointer;  ;}   .compInline {  height: 100%;  overflow: hidden; ;}  .compInline .comp, .eventType {  position: relative;  font-family: Arial, Verdana, sans-serif;  font-size: 10px;  line-height: 10px;  color: #fff;  font-weight: normal;  text-transform: uppercase;  padding: 2px 14px 2px 4px;  margin: 0 0 5px 0;  float: left; ;} .compInline .comp a, .eventType a {  background: none;  color: #fff !important;  padding: 0; ;} #wrapper .compInline .comp a, #wrapper .eventType a,  #wrapper .compInline .comp a:hover, #wrapper .eventType a:hover {  text-decoration: none; ;}  .compInline .comp_none, .comp_none {  background: url(../img/comp_none.png) right top no-repeat; ;}  .ng .fancy_label,  .compInline .comp_2, .compInline .comp_ng, .comp_ng {  background: url(../img/comp_ng.png) right top no-repeat; ;}  .gma .fancy_label,  .compInline .comp_gma, .comp_gma {  background: url(../img/comp_gma.png) right top no-repeat; ;}  .pg .fancy_label,  .compInline .comp_pg, .comp_pg {  background: url(../img/comp_pg.png) right top no-repeat; ;}  .special .fancy_label,  .compInline .comp_special, .comp_special {  background: url(../img/comp_special.png) right top no-repeat; ;} .active .special .fancy_label,  .active .compInline .comp_special, .active .comp_special {  background: url(../img/comp_special-active.png) right top no-repeat; ;}  .fancy_label a,  .compInline .comp a {  color: #fff;  text-decoration: none; ;}  .nioc {  padding: 5px 0; ;}  /*     ========================================================*/ .eventList {  font-size: .9em;  overflow: hidden;  height: 100%;  line-height: 150%; ;}   #content .eventList,  #content .eventList li {   list-style: none;  ;}     .eventList .elDate {   float: left;   width: 200px;   font-size: .9em;  ;}    .eventList .elDetails {   float: left;   width: 400px;  ;}     .eventList .elDetails a {    text-decoration: none;    padding: 0 14px 0 0;    background: url(../img/arr-right-4.gif) 100% 1px no-repeat;   ;}        .eventList .elDetails a:hover {    text-decoration: underline;   ;}    .eventList .elType {   float: right;   width: 150px;  ;}  /*     ========================================================*/ .themeBanner {  height: 118px;  position: relative;  margin: 0 0 2px; ;}   .themeBanner h4,  .tbActions {   margin: 0 17px 0 0;   color: #fff;  ;}   .themeBanner h4 a,  .tbActions a {   color: #fff;   text-decoration: none;   text-shadow: #000 0 0 3px;  ;}   .themeBanner h4 {   float: right;   font-size: 2.2em;   padding: 1px 0 2px 29px;   margin: 10px 17px 0 0;   font-weight: normal;   line-height: .9em;  ;} /*    .tb_1 h4,  .tb_2 h4,  .tb_3 h4,  .tb_4 h4 {   background: url(../img/artist-rooms/icons-sprites.png) 0 0 no-repeat;  ;} */     .tb_1 h4 {   ;}     .tb_2 h4 {    background-position: 0 -30px;   ;}     .tb_3 h4 {    background-position: 0 -61px;   ;}     .tb_4 h4 {    background-position: 0 -89px;   ;}   .tbActions {   height: 30px;   width: 200px;   position: absolute;   bottom: 0;   right: 0;   text-align: right;  ;}     .tbActions div {    text-align: right;   ;}      .tbActions a,    .link_no_link {    font-size: 1.1em;    background: url(../img/arr-right-complex-1.gif) 0 50% no-repeat;    padding: 0 0 0 17px;    text-transform: uppercase;   ;}      .wrapper_no_wrapper {    text-decoration: none;    cursor: pointer;   ;}      .tbActions select {    margin: 0 10px 0 0;    width: 190px;   ;}     .themeBanner h4 a:hover,   .tbActions a:hover {    text-decoration: underline;   ;}    .arHeading {  font-size: 1.7em;  margin: 10px 0 7px; ;}  /*     ========================================================*/ #tab-nav, #ar-tab-nav, #ar-tab-nav li, #tab-nav li {  padding: 0;  margin: 0;  list-style: none; ;}  #ar-tab-nav, #tab-nav {  border-bottom: solid 4px #CDD0D3;  height: 22px;  position: relative; ;}   #ar-tab-nav li,  #tab-nav li {   float: left;   text-align: center;   width: 100px;   position: relative;   border-right: solid 2px #F1F1F1;   top: 4px;  ;}   #ar-tab-nav a,  #tab-nav a {   display: block;   height: 18px;   border-bottom: solid 4px #CDD0D3;   color: #4B575F;   text-decoration: none;   text-transform: uppercase;   font-size: .9em;   font-family: Arial, Helvetica, sans-serif;   outline: none;  ;}    #ar-tab-nav li.active a,  #tab-nav li.active a {   border-bottom: solid 4px #81898F;  ;}    #ar-tab-nav li a.isActive,  #tab-nav li a.isActive {   border-bottom: solid 4px #81898F;  ;}    #ar-tab-nav li a.notActive,  #tab-nav li a.notActive {   border-bottom: solid 4px #B9B9B9;  ;}     .tabContItem {  margin: 10px 0 0; ;}  .tabContItem p {  line-height: 150%; ;}  #ar-tab-nav .backToList, #tab-nav .backToList {  border-right: none;  border-left: solid 2px #F1F1F1;  position: absolute;  right: 0;  width: 130px; ;}  body #wrapper #ar-tab-nav {  overflow: visible;  margin: 0; ;}  /*     ========================================================*/ .inlineImagesCont {  visibility: hidden;  width: 100%;  position: relative; ;}  .inlineImages, .inlineImages li {  padding: 0;  margin: 0;  list-style: none; ;}  .inlineImages {  position: absolute; ;}   .inlineImages li {   background: #E4E5E7;   float: left;   margin: 3px;   padding: 5px;  ;}    .inlineImages a,  .inlineImages img,  .inlineImages span {   width: auto;   display: block;   text-decoration: none;   white-space: normal;  ;}   .inlineImages a,  .inlineImages img {   border: none;  ;}    .inlineImages span.iiCaption {   text-transform: none;   color: #3C3C3C;   font-style: italic;   font-size: 10px;   padding: 5px;  ;}   /*     ========================================================*/  .specialHeading {  margin: 5px 0 0; ;}  .specialHeading a {   display: block;   text-indent: -9000em;  ;}  .ar a {   background: url(../img/artist-rooms/specialHeading.png) 100% 0 no-repeat;   height: 30px;  ;}  .ms a {   background: url(../img/specialHeading-0.png) 100% 0 no-repeat;   height: 30px;  ;}  .sa a {   background: url(../img/scottish-art/specialHeading-1.png) 100% 0 no-repeat;   height: 30px;  ;}  .pom a {   background: url(../img/pom/pom-woa-banner.png) 100% 0 no-repeat;   height: 30px;  ;}   #collection .csList, #collection .csList li {  list-style: none;  padding: 0;  margin: 0; ;}  #infocus-features .fancy_body {  padding: 8px 10px; ;}  #infocus-features .fancy_body,   #infocus-features .fancy_body a {   color: #fff;  ;}  #infocus-features .fancy_body {   padding: 8px 10px;  ;}   #infocus-features .fancy_body h2,    #infocus-features .fancy_body p {    padding: 0;    margin: 0 0 10px 0;   ;}   #infocus-features .fancy_body h2 {    font-size: 16px;   ;}   #infocus-features .fancy_body p {    font-size: 12px;   ;}   #infocus-features .fancy_body a {    color: #fff;   ;}  #collection .csList li {  font-size: .9em; ;}   #themes-list, #themes-list li {  list-style: none;  padding: 0;  margin: 0; ;}  .back-link_wrapper {  padding: 5px 5px 5px 6px;  border-top: 1px solid #999; ;}  .rtrn {  border-bottom: solid 1px #CCC;  padding: 2px 0;  font-size: .9em; ;} #sub-nav-container .rtrn {  border: 0;  font-size: 12px; ;}  .rtrn a {  background: url(../img/arr-right-2-flip.gif) 0 50% no-repeat; ;}  .back-link_wrapper .rtrn .back {  padding: 0 0 0 15px;  text-decoration: none; ;}  .noImage {  display: block;  text-align: left;  background: #E9EAE8;  border: solid 1px #C3C4C3;  color: #828282;  padding: 10px;  line-height: 15px;  font-size: 11px;  font-family: Arial, Helvetica, sans-serif; ;}   .noImage strong {   color: #4C4C4C;  ;}    .noImage em.copy {   font-size: 9px;   font-style: normal;   display: block;   padding: 4px 0 0;  ;}  .searchResults { /* -24px */  float: left;  width: 126px;  height: 126px; ;}  .relatedLinksImage {  width: 61px;  height: 61px;  padding: 5px; ;}  .workPage {  width: 236px;  height: 236px; ;}  .inlineGalleryItem {  width: 100px;  height: 73px;  padding: 5px; ;}  .inlineGalleryItemScottishArt {  width: 115px;  height: 115px;  padding: 5px; ;}  body a.buyButton {  background: #999;  display: block;  width: 130px;  text-decoration: none;  color: #fff;  text-align: center; ;}  h5.sectionHeading {  background: #E4E5E2;  overflow: hidden;  height: 100%;  margin: 0 0 5px;  padding: 0; ;}   h5.sectionHeading span {   background: #CACBC5;   color: #4B575F;   border-right: solid 1px #fff;   padding: 0 4px;   float: left;   text-transform: uppercase;   font-size: 10px;   letter-spacing: 1px;   font-weight: normal;   line-height: 13px;   font-family: Arial, Helvetica, sans-serif;  ;}     body.complexColor_gmc { ;}   body.complexColor_gmc a.buyButton {   background-color: #CC2A96;  ;}    body.complexColor_gmc #wii-side p {   color: #CC2A96;  ;}   body.complexColor_gmc h5.sectionHeading {   background-color: #ECCFE0;  ;}   body.complexColor_gmc h5.sectionHeading span {   background-color: #EBAAD4;  ;}   body.complexColor_pg { ;}   body.complexColor_pg a.buyButton {   background-color: #B4363B;  ;}    body.complexColor_pg #wii-side p {   color: #B4363B  ;}   body.complexColor_pg h5.sectionHeading {   background-color: #F2DDDE;  ;}   body.complexColor_pg h5.sectionHeading span {   background-color: #DFA8AA;  ;}   .contactInfo p {  padding: 0;  margin: 5px 0 0; ;}  #content-bottom-navigation {  margin: 20px 0 0; ;}  #content-bottom-navigation h4 {      border-bottom: 1px solid #A5ABAF;      color: #4B575F;      font-size: 12px;      height: 100%;      line-height: 12px;      margin-bottom: 1px;      overflow: hidden;      padding: 5px 0;  ;}  #content-bottom-navigation ul,   #content-bottom-navigation li {   list-style: none;   margin: 0;   padding: 0;  ;}  #content-bottom-navigation ul {      background: #F6F6F7;      overflow: hidden;  ;}   #content-bottom-navigation li {       border-bottom: 1px solid #FFFFFF;       margin-bottom: -1px;       padding: 5px 8px;   ;}   #content-bottom-navigation li a {    background: url("../img/arr-right-8.gif") 0 2px no-repeat;    text-decoration: none;    padding: 0 0 0 12px;   ;}   #content-bottom-navigation li:hover {    background-color: #DFE1E2;   ;}  #seadragon-container {  width: 550px;  height: 600px;  background-color: #000; ;}  h3.pageHd {    font-family: Arial, Helvetica, sans-serif;    font-size: 1.4em;    margin: 10px 0 0; ;}  .rowContainer {  overflow: hidden;  height: 100%;  width: 375px;  float: left; ;}  #row_1 {  float: right; ;}  /*   ========================================================*/  .mediaList {   ;}   .mediaList h3 span {   padding-right: 13px !important;  ;}   .mediaList,  .mediaList .mlItem {   padding: 0;   margin: 0;   list-style: none;  ;}    .mediaList .mlItem {   height: 100%;   overflow: hidden;   margin-bottom: 15px;  ;}   .mediaList img,   .view_wrapper img {   border: none;   margin-right: 8px;  ;}    .mlImage {   float: left;   position: relative;  ;}     .mlImage .mli_overlay {    height: 100%;    width: 100%;    display: block;    position: absolute;    top: 0;    left: 0;    cursor: pointer;    filter: alpha(opacity=80);    -ms-filter: "alpha(opacity=80)";    opacity: 0.8;   ;}      .video .mli_overlay {    background: url(../img/play/overlay_video.png) 50% 50% no-repeat;    padding: 0;   ;}      .audio .mli_overlay {    background: url(../img/play/overlay_audio.png) 50% 50% no-repeat;    padding: 0;   ;}   .mlDetails {   float: right;   width: 214px;   border-top: solid 1px #CCC;   padding: 5px 0 0;   word-wrap: break-word;  ;}  .view_wrapper {   overflow: hidden;   margin-top: 15px;  ;}  .view_wrapper .mlItem {   overflow: hidden;   padding-bottom: 11px;  ;}  .mlDetails.view_style {   width: 285px;   border: 0;  ;}     .mlDetails h3 {    font-weight: bold;    font-family: Arial, Helvetica, sans-serif;    font-size: 1em;   ;}       .mlDetails h3 a {     padding-left: 20px;     display: block;    ;}       .mlDetails h4 {    color: #4B575F;    font-size: 12px;    font-weight: bold;    padding: 0;    margin: 10px 0 0;   ;}      .mlFoundIn,   .mlFoundIn li {    padding: 0;    margin: 0 0 8px 0;    list-style: none;   ;}      .mlFoundIn li {    line-height: 110%;   ;}      .mlFoundIn li a {    display: block;    font-size: 11px;    text-decoration: none;   ;}    .mlFoundIn li a:hover {     text-decoration: underline;    ;}   .mlFoundIn li .fancy_link {    background: url(../img/arr-right-8.gif) 0 2px no-repeat;   ;}       .video .mlDetails h3 a {   background: url(../img/ico_video_grey.png) 0 2px no-repeat;   min-height: 16px;  ;}    .audio .mlDetails h3 a {   background: url(../img/ico_audio_grey.png) 0 1px no-repeat;  ;}    .mlFoundIn li a,  .mlDetails h3 a {   color: #4B575F;  ;}   /* DEV */ #staging-server {  position: fixed !important;  position: absolute;  top: 10px;  left: 10px;  background: #F5DA35;  padding: 7px;  color: #533100;  font-size: 15px;  z-index: 100;  margin: 0;  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);  -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);  filter: alpha(opacity=90);  -ms-filter: "alpha(opacity=90)";  opacity: 0.9; ;}  #staging-server span {  display: block;  font-weight: normal;  font-size: 9px;  padding: 5px 0 0 0; ;}  #preview-mode {  position: fixed !important;  top: 40px;  left: 10px;  background: #FF0000;  padding: 10px;  color: #484300;  font-size: 17px;  z-index: 110;  margin: 0; ;}  #preview-mode span {  display: block;  font-weight: normal;  font-size: 9px;  padding: 5px 0 0 0; ;}   /* IE Info, version lower than 6  ========================================================*/  .ieInfo {  border: solid 2px #FF2421;  padding: 8px 10px;  margin: 0 0 15px 0;  color: #FF2421;  background: #FFD9D9; ;}  .ieInfo a {  color: #FF2421; ;}  .removeBullets, .removeBullets li {  padding: 0;  margin: 0;  list-style: none; ;}   .removeBullets li {   margin: 0 0 5px;  ;}   .removeBullets li .projectDefaultLink {    background: url(../img/arr-right-8.gif) 0 2px no-repeat;    text-decoration: none;    padding: 0 0 0 12px;    margin-left: 10px;   ;}   .removeBullets li a:hover {    text-decoration: underline;   ;}   .removeBullets li img {   border: none;  ;}   /*     ========================================================*/ #complex-logo {    position: absolute;    right: 0;    width: 195px;    font-size: 2em;    line-height: 120%; ;}  .tool-tip {  width: 270px;  color: #fff;  text-align: left;  z-index: 30; ;}  /*     ========================================================*/ .tool-shd-top {  background: url(../img/tooltip-top.png) 0 0 no-repeat;  height: 12px; ;}  .tool-shd-bottom {  background: url(../img/tooltip-bottom.png) 0 0 no-repeat;  height: 12px; ;}  .tool-title {  font-size: 90%;  padding: 0 10px 0 10px;  background: url(../img/tooltip-1.png) 0 0 no-repeat; ;}   .tool-subtitle {  padding: 1px 10px 0 10px;  font-size: 90%;  font-weight: bold;  background: url(../img/tooltip-1.png) 0 0 no-repeat; ;}   .tool-text {  padding: 6px 10px 0 10px;  font-size: 80%;  background: url(../img/tooltip-1.png) 0 0 no-repeat; ;}  /*     ========================================================*/ #main .ticketButton, #main .ticketButton li {  padding: 0;  margin: 0;  background-image: none; ;}  #main .ticketButton {  overflow: hidden;  height: 100%; ;}   #main .ticketButton li {   margin-left: 3px;   float: left;  ;}  #main .type_ng li,  #main .type_2 li {   background: url(../img/gallery_national-sprites.png) left top no-repeat;  ;}  #main .type_ng li:hover,  #main .type_2 li:hover {   background: url(../img/gallery_national-sprites.png) left -20px no-repeat;  ;}  #main .type_ng li:active,  #main .type_2 li:active {   background: url(../img/gallery_national-sprites.png) left -40px no-repeat;  ;}  #main .type_gma li,  #main .type_3 li {   background: url(../img/gallery_modern-sprites.png) left top no-repeat;  ;}  #main .type_gma li:hover,  #main .type_3 li:hover {   background: url(../img/gallery_modern-sprites.png) left -20px no-repeat;  ;}  #main .type_gma li:active,  #main .type_3 li:active {   background: url(../img/gallery_modern-sprites.png) left -40px no-repeat;  ;}  #main .type_pg li,  #main .type_4 li {   background: url(../img/gallery_portrait-sprites.png) left top no-repeat;  ;}  #main .type_pg li:hover,  #main .type_4 li:hover {   background: url(../img/gallery_portrait-sprites.png) left -20px no-repeat;  ;}  #main .type_pg li:active,  #main .type_4 li:active {   background: url(../img/gallery_portrait-sprites.png) left -40px no-repeat;  ;}   #main .ticketButton li a {    background: url(../img/gallery_national-sprites.png) 10px -60px no-repeat;    display: block;    height: 20px;    font-size: 12px;    color: #fff;    line-height: 20px;    font-weight: bold;    text-decoration: none;    padding: 0 10px 0 20px;   ;}   #main .ticketButton li a:hover {    text-decoration: none;   ;}  /*     ========================================================*/ .mediaList {   ;}  #sidebar .relatedContainer.mediaList ul {   padding: 0;  ;}  #main .mediaList .mlItem { /*   width: 375px; */   overflow: hidden;   height: 100%;   padding: 0;  ;}  .mediaList .mlItem .mliImage {   float: left;   position: relative;  ;}     .mediaList .mlItem .milImage img {    display: block;   ;}  .home_hero-secside .relatedContainer.mediaList .mliDetails,   #sidebar .relatedContainer.mediaList .mliDetails {   overflow: hidden;   padding: 0 10px 10px 0;  ;}   .mliDetails h4 {    font-family: Arial, Helvetica, sans-serif;    font-size: 12px;   ;}       .mliDetails h4 a {     font-weight: bold;     text-decoration: none;     padding-left: 14px;    ;}    .mliDetails h4 a:hover {     text-decoration: underline;    ;}     .video .mliDetails h4 a {     background: url(../img/ico_video_grey.png) 0 2px no-repeat;    ;}       .audio .mliDetails h4 a {     background: url(../img/ico_audio_grey.png) 0 1px no-repeat;    ;}    /*     ========================================================*/ .inlineMedia {  width: 550px;  margin-left: -10px; ;}  .inlineMedia .fancy_body {   overflow: hidden;   padding: 0 10px;  ;} #ar-artist-bio .inlineMedia {  margin-left: 0; ;}   #content .inlineMedia ul,  #content .inlineMedia li {   list-style: none;  ;}   .inlineMedia .flvPlayer {   display: block;   width: 550px;   height: 308px;   position: relative;  ;}     .inlineMedia .flvPlayer img {    border: none;    display: block;   ;}      .inlineMedia .flvPlayer span.actionIcon {    display: block;    position: absolute;    top: 50%;    left: 0;    height: 122px;    width: 100%;    margin-top: -61px;    background: url(../img/play/overlay_video_large.png) 50% 0 no-repeat;   ;}   .inlineMedia a,  .inlineMedia .imaName {   text-decoration: none;  ;}    .inlineMedia a:hover {   text-decoration: underline;  ;}   .inlineMedia .imMoreInfo {   padding: 10px;  ;}    .inlineMedia .imMoreInfo p {   margin: 0;   padding: 0 0 10px;  ;}    .inlineMedia .transcription {   font-size: .9em;   color: #4B575F;   margin: 0;   display: block;  ;}    .inlineMedia .imAttachments,  .inlineMedia .imAttachments li,  .inlineMedia .imOpenclose,  .inlineMedia .imOpenclose li {   margin: 0;   padding: 0;   list-style: none;  ;}      .inlineMedia .imOpenclose {    padding: 5px 0;   ;}     .inlineMedia .imOpenclose li a {    padding: 0 0 0 15px;   ;}    .inlineMedia .imAttachments {   padding: 4px 0 0;  ;}    .inlineMedia .imAttachments a {   padding: 0 0 0 18px;  ;}   .inlineMedia .imAttachments .ico_pdf a {    background: url(../img/doc_types/icon_pdf.gif) 0 1px no-repeat;   ;}    .inlineMedia .imActions,  .inlineMedia .imActions li {   margin: 0;   padding: 0;   list-style: none;  ;}     .inlineMedia .imActions {    overflow: hidden;    height: 100%;    clear: both;    padding: 5px 0 0;   ;}      .inlineMedia .imActions .imaName {    font-weight: bold;    padding: 0 0 0 20px;    float: left;    width: 390px;   ;}      .inlineMedia .imActions .imaEnlarge {    float: right;   ;}       .inlineMedia .imActions .imaEnlarge a {     padding: 0 0 0 15px;     text-transform: uppercase;    ;}     #main .bodytext {  line-height: 18px; ;}   #main .bodytext ul,  #main .bodytext ol {   margin: 10px 0 0 10px;   padding: 0;  ;}   #main .bodytext ul {   list-style: disc;  ;}    #main .bodytext ol {   list-style: decimal;  ;}    #main .bodytext ol li,  #main .bodytext ul li {   margin: 0 0 3px 14px;   padding: 0;  ;}    #main .bodytext em {   font-style: italic;  ;}   /*     ========================================================*/ .worksTable {  font-size: .9em;  width: 765px; ;}   .worksTable thead tr th {   border-top: solid 1px #B9B9B9;   background: #D3D3D3;   color: #222;   font-weight: normal;   padding: 2px 0;  ;}     .worksTable thead tr th.wt_accessionNumber {    width: 140px;   ;}      .worksTable thead tr th.wt_sortBy {    text-indent: 5px;    width: 90px;   ;}      .worksTable thead tr th.wt_artist {    width: 160px;   ;}      .worksTable thead tr th.wt_date {    width: 80px;   ;}     .worksTable thead tr th span {    background: url(../img/sorting.png) 0 50% no-repeat;    padding: 0 2px;    margin-right: 4px;   ;}     .worksTable thead tr th div {    filter: alpha(opacity=50);    -ms-filter: "alpha(opacity=50)";    opacity: 0.5;    cursor: pointer;   ;}      .worksTable thead tr th.noSort strong {    filter: alpha(opacity=50);    -ms-filter: "alpha(opacity=50)";    opacity: 0.5;   ;}    .worksTable thead tr th.current {  ;}    .worksTable thead tr th.table-th-sort-rev span {   background: url(../img/sorting.png) -9px 50% no-repeat;  ;}     .worksTable thead tr th.current div {    filter: alpha(opacity=100);    -ms-filter: "alpha(opacity=100)";    opacity: 1;   ;}    .worksTable tbody tr td {   border-top: solid 1px #B9B9B9;   padding: 5px 0;   vertical-align: top;  ;}     .worksTable tbody tr td img {    vertical-align: bottom;    border: none;   ;}  /*     ========================================================*/   #display-mode-cont {  height: 24px;  font-size: .9em; ;}   #display-mode-cont h4 {   font-size: 1em;   float: left;   padding: 0;   margin: 0;   font-family: Arial, Helvetica, sans-serif;  ;}   #display-mode,  #display-mode li {   padding: 0;   margin: 0;   list-style: none;  ;}   #display-mode {   float: right;   width: 100px;  ;}     #display-mode li {    float: left;    margin-right: 10px;   ;}       #display-mode li a {     display: block;     width: 20px;     height: 13px;     text-indent: -9000em;     margin-top: 3px;    ;}    #display-mode li.active a {     filter: alpha(opacity=30);     -ms-filter: "alpha(opacity=30)";     opacity: 0.3;    ;}        #display-mode li.dmImages a {     background: url(../img/view-mode-icons.png) 0 0 no-repeat;    ;}        #display-mode li.dmTable a {     background: url(../img/view-mode-icons.png) -20px 0 no-repeat    ;}  /*     ========================================================*/  .new-style_button {  position: relative;  width: auto;  overflow: visible;  height: 20px;  font-size: 12px;  line-height: 20px;  color: #fff;  font-weight: bold;  text-decoration: none !important;  float: left;  z-index: 50;  border: 0;  cursor: pointer;  text-align: center; ;} .new-style_button.button_small,  .new-style_button.button_small:hover,  .new-style_button.button_small:active {  width: 42px;  background: transparent url(../img/button_small.png) center center no-repeat; ;} .new-style_button.button_med,  .new-style_button.button_med:hover,  .new-style_button.button_med:active {  background: transparent url(../img/button_med.png) center center no-repeat;  width: 72px; ;}  .new-style_button.button_med-link,  .new-style_button.button_med-link:hover,  .new-style_button.button_med-link:active {  background: transparent url(../img/button_med-link.png) center center no-repeat;  width: 62px;  padding: 0 10px 0 0; ;} .new-style_button.button_big,  .new-style_button.button_big:hover,  .new-style_button.button_big:active {  background: transparent url(../img/button_big.png) center center no-repeat;  width: 120px; ;} .new-style_button.button_huge,  .new-style_button.button_huge:hover,  .new-style_button.button_huge:active {  background: transparent url(../img/button_huge.png) center center no-repeat;  width: 170px; ;} .new-style_button.button_enormous,  .new-style_button.button_enormous:hover,  .new-style_button.button_enormous:active {  background: transparent url(../img/button_enormous.png) center center no-repeat;  width: 200px; ;} .new-style_button.button_special,  .new-style_button.button_special:hover,  .new-style_button.button_special:active {  width: 113px;  background: transparent url(../img/button_special.png) center center no-repeat; ;} .new-style_button.huge_button {  font-size: 22px;  font-weight: normal;  height: 32px;  line-height: 32px;  min-width: 89px;  text-align: center; ;} .new-style_button.button_special {  width: 113px; ;} input.new-style_button[disabled] {  cursor: default; ;} input[disabled].new-style_button.button_small,  .disabled.new-style_button.button_small {  background: transparent url(../img/button-grey_small.png) center center no-repeat; ;} input[disabled].new-style_button.button_med,  .disabled.new-style_button.button_med {  background: transparent url(../img/button-grey_med.png) center center no-repeat; ;} input[disabled].new-style_button.button_big,  .disabled.new-style_button.button_big {  background: transparent url(../img/button-grey_big.png) center center no-repeat; ;} input[disabled].new-style_button.button_huge,  .disabled.new-style_button.button_huge {  background: transparent url(../img/button-grey_huge.png) center center no-repeat; ;} input[disabled].new-style_button.button_enormous,  .disabled.new-style_button.button_enormous {  background: transparent url(../img/button-grey_enormous.png) center center no-repeat; ;} input[disabled].new-style_button.button_special,  .disabled.new-style_button.button_special {  background: transparent url(../img/button-grey_special.png) center center no-repeat; ;} input[disabled].new-style_button.button_med-link,  .disabled.new-style_button.button_med-link {  background: transparent url(../img/button-grey_med-link.png) center center no-repeat; ;}  /*     ========================================================*/  .link_style {     background: url("../img/arr-right-3.gif") 0 2px no-repeat;     color: #4B575F;     font-size: 12px;     text-transform: none;     padding: 0 15px 0 0; ;}  #checkout_wrapper input.link_style {   width: auto;   overflow: visible;   display: inline;  ;}  #donation-list .link_style {     background-image: url("../img/oc-sprites.png");     background-repeat: no-repeat;     padding: 0 15px;     float: right; ;}  .extra-content_wrapper {  background: #fff;  overflow: hidden;  margin-bottom: 10px; ;}  .extra-content_image {   overflow: hidden;   line-height: 0; /*   height: 80px; */  ;}  .extra-content_body {   background-color: #8D8C7F;   background-image: url(../img/graphic-big.png);   background-position: right bottom;   background-repeat: no-repeat;   overflow: hidden;   color: #fff;   padding: 8px 8px 10px 8px;  ;}   .extra-content_body h2 {    font-size: 1.2em;    padding: 0;    margin: 0;   ;}   .extra-content_body p {    margin-top: 5px !important;   ;} .options.multi-field .new-style_button {  float: left;  margin-right :10px; ;}  /*     ========================================================*/ #basket-message .options .link_style {  display: inline !important;  background: url(../img/search-bg.gif) right 50% no-repeat; ;}  /*     ========================================================*/ input[disabled] {  cursor: default; ;}  /*     ========================================================*/ #wrapper #sub-navigation a span {  display: inline-block;  width: 10px;  margin-right: 5px; ;} #wrapper #sub-navigation .infocus {  background-image: url(../img/infocus-sprites.png);  background-position: 0 2px;  background-repeat: no-repeat;  padding: 0; ;}  #wrapper #sub-navigation .focus .infocus {   background-position: 0 -188px;  ;}  .js_enabled_notice {  overflow: hidden;  background: #F5DA35;  padding: 10px; ;}  /*     ========================================================*/ #wrapper .hero_toolbar-right {  float: right; ;}  /*     ========================================================*/ #single-exhibition {  overflow: hidden;  height: 100%;  margin: 0;  padding: 0; ;}  #single-exhibition h2 {   margin: 10px 15px 20px;   font-weight: normal;  ;}  #single-exhibition h3 {   border: none;   font-size: 12px;   font-family: Arial, Helvetica, sans-serif;   text-transform: capitalize;   border-bottom: 1px solid #A5ABAF;   padding: 2px 5px;   margin: 0;   zoom: 1;  ;}  #exh-header {   background: #fff;   overflow: hidden;   padding: 10px 10px 0 10px;  ;}  #exh-body {   padding: 0 10px 10px 10px;  ;}  #single-exhibition #se-main {   float: left;   width: 275px;   text-align: right;   padding: 10px;  ;}   #single-exhibition #se-main .seBodytext,    #exh-header .seBodytext,    #exh-body .seBodytext {    overflow: hidden;    text-align: left;    padding: 0;   ;}    #single-exhibition #se-main .seBodytext h4,     #single-exhibition #se-main .seBodytext p,     #single-exhibition #se-main .seDetails li,     #exh-header .seBodytext h4,     #exh-header .seBodytext p,     #exh-header .seDetails li,     #exh-body .seBodytext h4,     #exh-body .seBodytext p,     #exh-body .seDetails li {     padding: 0;     margin-bottom: 10px;    ;}    #single-exhibition h4 {     padding: 0;     margin: 0;    ;}    #single-exhibition #se-main .seBodytext h4,     #exh-header .seBodytext h4,     #exh-body .seBodytext h4 {     font-size: 22px;     font-weight: bold;     line-height: 130%;    ;}     #single-exhibition #se-main .seBodytext h4 a,      #exh-header .seBodytext h4 a,      #exh-body .seBodytext h4 a {      text-decoration: none;     ;}     #single-exhibition #se-main .seBodytext h4 a:hover,      #exh-header .seBodytext h4 a:hover,      #exh-body .seBodytext h4 a:hover {      text-decoration: underline;     ;}    #single-exhibition #se-main .seBodytext p,     #exh-header .seBodytext p,     #exh-body .seBodytext p {     font-size: 14px;    ;}    #single-exhibition #se-main .seBodytext .fancy_link,     #exh-header .seBodytext .fancy_link,     #exh-body .seBodytext .fancy_link {     background: url(../img/arr-right-8.gif) left center no-repeat;     font-size: 16px;    ;}    #single-exhibition #se-main .seDetails,     #exh-header .seDetails,     #exh-body .seDetails,     #single-exhibition #se-main .seDetails .bodytext p,     #exh-header .seDetails .bodytext p,     #exh-body .seDetails .bodytext p {     font-size: 16px;    ;}    ul.seDetails {     padding: 15px 0;    ;}    ul.seDetails,     .seDetails li {     overflow: hidden;     padding: 0;     margin: 0;    ;}     #single-exhibition #se-main .seDetails,     #single-exhibition #se-main .seDetails li,      #exh-header .seDetails,     #exh-header .seDetails li,      #exh-body .seDetails,     #exh-body .seDetails li {      list-style: none;      padding: 0;     ;}    #single-exhibition #se-main .seBodytext .note,     #exh-header .seBodytext .note,     #exh-body .seBodytext .note {     overflow: hidden;     padding-top: 15px;     margin-top: 15px;     border-top: 1px solid #A5ABAF;    ;}     #single-exhibition #se-main .seBodytext .note h4,      #exh-header .seBodytext .note h4,      #exh-body .seBodytext .note h4 {      font-size: 16px;      font-weight: normal;     ;}  #single-exhibition #se-side {   float: right;   width: 470px;  ;}    #single-exhibition #se-side img {   display: block;  ;}  .altColor #single-exhibition .seBodytext,   .altColor #single-exhibition,   .altColor #single-exhibition h4,   .altColor #single-exhibition span,   .altColor #single-exhibition p,   .altColor #single-exhibition a,   .altColor #exh-header .seBodytext,   .altColor #exh-header,   .altColor #exh-header h4,   .altColor #exh-header span,   .altColor #exh-header p,   .altColor #exh-header a,   .altColor #exh-body,   .altColor #exh-body .seBodytext,   .altColor #exh-body h4,   .altColor #exh-body span,   .altColor #exh-body p,   .altColor #exh-body a {   color: #fff;  ;}   .altColor #single-exhibition h3,    .altColor #exh-header h3,    .altColor #exh-body h3 {    border-bottom: solid 1px #fff;   ;}   .altColor #single-exhibition #se-main .seBodytext .note,    .altColor #exh-header .seBodytext .note,    .altColor #exh-body .seBodytext .note {    border-top: 1px solid #fff;   ;}    .altColor #single-exhibition #se-main .seBodytext .fancy_link,     .altColor #exh-header .seBodytext .fancy_link,     .altColor #exh-body .seBodytext .fancy_link {     background: url(../img/arr-right-12.gif) left center no-repeat;     font-size: 16px;    ;}  #exh-hightlights {  clear: both;  padding: 15px; ;}  .altColor #exh-hightlights,   .altColor #exh-hightlights h4,   .altColor #exh-hightlights span,   .altColor #exh-hightlights p,   .altColor #exh-hightlights a {   color: #fff;  ;}  #exh-hightlights .relatedContainer {   width: 760px;  ;}   #exh-hightlights .exhRow {    position: relative;    overflow: hidden;    width: 760px;    margin-bottom: 15px;   ;}    #exh-hightlights .itemContainer {     width: 150px;     float: left;     margin: 0;     padding: 0 40px 0 0;    ;}     #exh-hightlights .imgHolder,      #exh-hightlights .imgHolder a {      display: block;      width: 150px;      height: 230px;      line-height: 230px;      text-align: center;      overflow: hidden;     ;}      #exh-hightlights .imgHolder img {       padding: 0;       margin: 0;       list-style: none;       vertical-align: middle;       float: none;      ;}     #exh-hightlights .itemDesc {      overflow: hidden;      float: none;      padding: 10px 0;     ;}      #exh-hightlights .itemDesc h4 {       line-height: 120%;       font-size: 14px;       clear: both;       font-weight: bold;       position: relative;       padding: 0;       margin: 0;       zoom: 1;      ;}      #exh-hightlights .itemDesc h4 span {       display: block;       font-size: 12px;       font-weight: normal;       margin-top: 10px;      ;}      #exh-hightlights .itemDesc h4,       #exh-hightlights .itemDesc p,       #exh-hightlights .itemDesc a {       margin-bottom: 10px;      ;}      #exh-hightlights .itemDesc .hl {       margin-bottom: 0;      ;}      .altColor #exh-hightlights .itemDesc .hl a,       .altColor #exh-hightlights .itemDesc .fancy_link {       background: url(../img/arr-right-12.gif) left center no-repeat;       font-weight: bold;      ;}     #exh-hightlights .exhBg {      padding: 10px;     ;}     #wrapper #exh-hightlights .relatedContainer .exhBg ul {      background: none;     ;}      #wrapper #exh-hightlights .relatedContainer .exhBg li {       border: 0;       padding-left: 0;       padding-right: 0;      ;} /*     ========================================================*/ #visit #sub-navigation h3 {     background: none repeat scroll 0 0 #FFFFFF;     border-bottom: 1px solid #A5ABAF;     color: #4B575F;     font-size: 12px;     height: 100%;     line-height: 12px;     overflow: hidden;     padding: 5px 0; ;} #wrapper .links_nav li {  background: #F6F6F7; ;}  /*     ========================================================*/ #wrapper .hero_explore {  margin-bottom: 20px; ;}  #wrapper .hero_explore ul,   #wrapper .hero_explore li {   overflow: hidden;   list-style: none;   padding: 0;   margin: 0;  ;}   #wrapper .hero_explore li {    margin-bottom: 1px;   ;}    #wrapper .hero_explore li a {     background-image: url(../img/hero_explore-sprites.png);     background-repeat: no-repeat;     display: block;     width: 100%;     height: 30px;     text-indent: -9000px;    ;}    #wrapper .hero_explore .artist-rooms a {     background-position: 0 0;    ;}    #wrapper .hero_explore .scottish-art a {     background-position: 0 -30px;    ;}    #wrapper .hero_explore .portrait-of-the-month a {     background-position: 0 -60px;    ;}    #wrapper .hero_explore .in-focus a {     background-position: 0 -90px;    ;}  /*     ========================================================*/ .fancy_cloud {  background: #DBDDDF;  overflow: hidden;  padding: 10px; ;}  .fancy_cloud ul,   .fancy_cloud li {   list-style: none;   padding: 0;   margin: 0;   text-align: center;  ;}   .fancy_cloud li {    font-family: Arial, Helvetica, sans-serif;    padding: 1px 3px;    display: inline;    line-height: 1.5em;   ;}    #wrapper .fancy_cloud li a {     background: none;     font-weight: bold;     color: #4B575F;     text-decoration: none !important;    ;}    #wrapper .fancy_cloud li a:hover {     background: #4B575F;     color: #fff;     text-decoration: none !important;    ;}  /*     ========================================================*/ .fancy_grid {   ;}  .fancy_grid .ciDetails .artists,   .fancy_grid .ciDetails .title,   .fancy_grid .ciDetails .year,   .fancy_grid .ciDetails .ref,   .fancy_grid .ciDetails .closeup,   .fancy_grid .ciDetails .eTours {   padding: 0 !important;   margin-bottom: 10px !important;  ;} .fancy_figure {  float: left !important;  line-height: 0 !important; ;}  .wide .fancy_figure {   float: none !important;  ;}  .fancy_figure,   .fancy_figure img {   list-style: 0 !important;   padding: 0 !important;   margin: 0 !important;  ;}  #container #wrapper .fancy_withfigure li {   overflow: hidden;   padding: 0;  ;}  #container #wrapper .relatedLinks .body {   overflow: hidden;   padding: 5px 8px;  ;}  /*     ========================================================*/ .fancy_linkgrid {  overflow: hidden;  width: 780px; ;}  .fancy_linkgrid .imageHomeFeature {   margin-bottom: 15px;  ;}   .fancy_linkgrid .imageHomeFeature h4,    #fhi.fancy_linkgrid .imageHomeFeature h4 {    padding: 5px 8px;    margin: 0;   ;}  /*     ========================================================*/ .home_hero-top {  overflow: hidden;  margin-bottom: 15px; ;}  .home_hero-banner {   overflow: hidden;   position: relative;   width: 470px;   height: 660px;   float: left;  ;}   .home_hero-banner ul,    .home_hero-banner li,    .home_hero-mainside ul,    .home_hero-mainside li,    .home_hero-list ul,    .home_hero-list li {    overflow: hidden;    list-style: none;    padding: 0;    margin: 0;   ;}   .home_hero-banner ul {    position: relative;    width: 100%;    height: 660px;   ;}    .home_hero-banner li {     position: absolute;     width: 100%;     height: 660px;     left: 0;     top: 0;    ;}   .gallery_banner .home_hero-control {    display: none;   ;}   .gallery_banner:hover .home_hero-control {    display: block;   ;}   .home_hero-banner .home_hero-control {       ;}    .home_hero-banner .home_hero-control a {     background-image: url(../img/home_hero-banner_control.png);     background-repeat: no-repeat;     position: absolute;     width: 22px;     height: 22px;     top: 322px;     text-indent: -90000px;     float: right;    ;}    .home_hero-banner .home_hero-control a:hover {     background-color: #4B575F;    ;}    .home_hero-banner .home_hero-control .prev {     background-position: center 2px;     left: 10px;    ;}    .home_hero-banner .home_hero-control .next {     background-position: center -30px;     right: 10px;    ;}  .home_hero-mainside {   position: relative;   overflow: hidden;   width: 490px;   float: left;  ;}   .home_hero-intro {    overflow: hidden;    background: #E4E6E7;    margin: 0 0 10px 10px;   ;}    #wrapper .home_hero-intro .bodytext {     padding: 10px 10px 0 10px;    ;}     #wrapper .home_hero-intro .bodytext p {      font-size: 16px;      line-height: 130%;      margin-bottom: 10px;     ;}      #wrapper .home_hero-intro .bodytext p a {          background: #FFFFFF;          font-weight: bold;          padding: 0 5px;       text-decoration: none !important;      ;}      #wrapper .home_hero-intro .bodytext p a:hover {       background: #4B575F;       color: #fff;       text-decoration: none !important;      ;}   .home_hero-mainside_list {    position: relative;   ;}    .home_hero-mainside ul {         ;}     .home_hero-mainside li {      background-position: right bottom;      background-repeat: no-repeat;      width: 235px;      height: 250px;      margin: 0 0 10px 10px;      float: left;     ;}      .home_hero-figure {       overflow: hidden;       height: 145px;       line-height: 0;       padding: 0;       margin: 0;      ;}      .home_hero-body {       overflow: hidden;       padding: 8px 10px;      ;}       .home_hero-body h3,        .home_hero-body p {        color: #fff;        padding: 0;        margin: 0;        margin-bottom: 8px;       ;}       .home_hero-body h3,        .home_hero-body h3 a {        font-size: 16px;        font-weight: bold;        color: #fff;       ;}       .home_hero-body p {        font-size: 12px;       ;}       .home_hero-body .fancy_link {        background: url(../img/arr-right-12.gif) left center no-repeat;        color: #fff;       ;}      .home_hero-mainside .ng {       background-image: url("../img/imageHomeFeature_ng.png");       background-color: #938C82;      ;}      .home_hero-mainside .pg {       background-image: url("../img/imageHomeFeature_pg.png");       background-color: #B4363B;       margin-bottom: 0;      ;}      .home_hero-mainside .gma {       background-image: url("../img/imageHomeFeature_gma.png");       background-color: #8EA026;      ;}    .home_hero-mainside .gallery_collection {     background: #4B575F;     position: absolute;     width: 235px;     height: 250px;     right: 0;     bottom: 0;    ;}     .home_hero-mainside .gallery_collection li {      position: absolute;      padding: 0;      margin: 0;     ;}      .gallery_collection .home_hero-figure {       text-align: center;       vertical-align: middle;       line-height: 145px;      ;}       .gallery_collection .home_hero-figure img {        vertical-align: middle;       ;}      .gallery_collection .home_hero-control {       background-image: url("../img/imageHomeFeature.png");       position: absolute;       right: 0;       bottom: 0;       width: 54px;       height: 43px;       z-index: 100;      ;}       .gallery_collection .home_hero-control a {        background-image: url(../img/home_hero-exh_control.png);        background-repeat: no-repeat;        position: absolute;        width: 12px;        height: 12px;        text-indent: -90000px;        float: right;       ;}       .gallery_collection .home_hero-control .prev {        background-position: center 1px;        right: 16px;        bottom: 7px;       ;}       .gallery_collection .home_hero-control .next {        background-position: center -40px;        right: 6px;        bottom: 7px;       ;}       .gallery_collection .home_hero-control a:hover {        background-color: #4B575F;       ;}       .gallery_collection .home_hero-control .prev:hover {        background-position: center -81px;       ;}       .gallery_collection .home_hero-control .next:hover {        background-position: center -122px;       ;} /*     ========================================================*/ .home_hero-bottom {  overflow: hidden; ;}  .home_hero-list {   width: 470px;   float: left;  ;}   .home_hero-bottom .relatedLinks {    margin-bottom: 20px;   ;}    .home_hero-bottom li {     margin-bottom: 1px;    ;}    .home_hero-bottom .home_hero-list .fancy_title {     font-size: 16px;     font-weight: bold;    ;}  .home_hero-secside {   position: relative;   overflow: hidden;   width: 490px;   float: left;  ;}   .home_hero-secside_left,    .home_hero-secside_right {    overflow: hidden;    width: 235px;    margin-left: 10px;    float: left;   ;}  /*     ========================================================*/ .equalize_wrapper {  overflow: hidden; ;}    .equalize_elem {   zoom: 1;  ;}  /*     ========================================================*/ #access,  #banner h3,  #rotator h3,  #calendar-wrapper h3,  #footer h2 {  position: absolute;  top: -2000px; ;}