.last {
	margin-right: 0 !important;
}

/*** Splashes (image and box at the top of the page) ***/

.splash-pale,
.splash {
    float: left;
    width: 100%;
    background-color: white;
    border-bottom-width: 2px;
    border-bottom-style: dotted;
    padding-bottom: 7px;
    margin-bottom: 10px;
}

.splash-pale .splash-box,
.splash .splash-box {
    float: left;
    width: 150px;
    height: 196px;
    margin-right: 0px;
    padding: 10px 5px;
}

.splash-pale .splash-box-half,
.splash .splash-box-half {
    float: left;
    width: 330px;
    height: 88px;
    margin-right: 0px;
    padding: 10px 5px;
}

#content .splash .splash-box h2,
.splash .splash-box p {
    color: white;
}

#content h3 .splash-pale .splash-box h2,
.splash .splash-box h2 {
    line-height: 1em;
}

#content .splash-pale .splash-box p,
#content .splash .splash-box p {
    line-height: 16px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.splash-pale .splash-box img,
.splash .splash-box img {
    margin-bottom: 10px;
    display:none;
}

.splash .splash-box h2 a,
.splash .splash-box h2 a:link,
.splash .splash-box h2 a:hover,
.splash .splash-box h2 a:visited {
    color: rgb(255, 255, 255) !important;
    text-decoration: none !important;
}

.splash .splash-box p a,
.splash .splash-box p a:link,
.splash .splash-box p a:hover,
.splash .splash-box p a:visited {
    color: rgb(255, 255, 255);
    text-decoration: none;
}
.splash .splash-box p a:hover {
    text-decoration: none;
}
/*
.splash .splash-box p span.splash-more {
	text-decoration: underline; 
}
*/


.image-folder-carousel {
    background-color: rgb(0,0,0); 
}

.image-folder-carousel img {
    margin: 0 auto;
    display: block;
}


/*** Coloured boxes (.pale .grey) ***/

.pale,
.grey {
    padding: 0 5px;
    /* LUL margin-bottom: 1em; */
}

.pale.col-1, 
.pale .col-1,
.grey.col-1,
.grey .col-1 {
    width: 150px;
}

.pale.col-2,
.pale .col-2,
.grey.col-2,
.grey .col-2 {
    width: 330px;
}

.pale.col-4,
.pale .col-4,
.grey.col-4,
.grey .col-4 {
    width: 690px;
}

.grey {
    background-color: rgb(234,233,230);
    background-image: url('../img/box-gradient-grey.png');
    background-repeat: no-repeat;
    background-position: 5px 5px;
    min-height: 67px;
}

.grey:hover {
    background-color: rgb(244,243,240);
}

.pale img,
.grey img {
    margin-top: 5px;
}

.pale p,
.grey p {
    margin: 0;
}

/* LUL added essentials_box */
.essentials_box {
    position: relative;
}

.essentials_box a, .essentials_box a:visited, .essentials_box a:active, .essentials_box a:hover {
    position: absolute;
    bottom: 0;
    color: #5C5B56;
}

.essentials_box a:hover {
    text-decoration: none;
}

.essentials_box a:hover span {
    text-decoration: underline;
}

.blue {
    background-color: rgb(0, 159, 218);
    color: rgb(255, 255, 255);
}

.green {
    background-color: rgb(122, 184, 0);
    color: rgb(255, 255, 255);
}

.orange {
    background-color: rgb(255, 121, 0);
    color: rgb(255, 255, 255);
}

.pink {
    background-color: rgb(235, 82, 157);
    color: rgb(255, 255, 255);
}

.purple {
    border-color: rgb(140, 108, 208) !important; 
    background-color: rgb(140, 108, 208);
    color: rgb(255, 255, 255);
}
/* new for Treasures */
.dark-purple {
	border-color: rgb(109, 39, 106) !important;
	background-color: rgb(109, 39, 106);
    color: rgb(255, 255, 255);
	
}

.red {
    background-color: rgb(224, 0, 52);
    color: rgb(255, 255, 255);
}

.yellow {
    background-color: rgb(254, 203, 0);
    color: rgb(255, 255, 255);
}

.plaingrey {
    background-color: rgb(147, 149, 152);
    color: rgb(255, 255, 255);
}

.plaingrey a, .plaingrey a:visited, .plaingrey a:active {
    color: rgb(255, 255, 255);
    text-decoration: underline;
}

.plaingrey a:hover {
    color: rgb(205, 89, 42);
}

.white {
    background-color: rgb(255, 255, 255);
    color: rgb(32, 32, 32);
}



.blue a, .blue a:visited, .blue a:hover,
.green a, .green a:visited, .green a:hover,
.orange a, .orange a:visited, .orange a:hover,
.purple a, .purple a:visited, .purple a:hover,
.dark-purple a, .dark-purple a:visited, .dark-purple a:hover,
.yellow a, .yellow a:visited, .yellow a:hover {
    color: rgb(255, 255, 255);
}

.white a, .white a:visited, .white a:hover {
    color: rgb(32, 32, 32);
}

.title_boxes a:hover span {
    color: rgb(255, 255, 255);
    text-decoration: underline;
}

.title_boxes a:hover span.white {
    color: rgb(32, 32, 32);
    text-decoration: underline;
}

.title_boxes a:hover img {
    opacity: 0.5;
    filter:alpha(opacity=50);
}

.title_boxes img {
    margin-bottom: -2px;
}

.title_box_1 {
    width: 150px;
    padding: 5px;
    display: block;
    margin: 0;
    font-weight: bold;
}

.title_boxes_divider {
    clear: both;
    margin-bottom: 15px;
}

.title_boxes_top {
    xmargin-top: -10px;
}

#content h2.art_gallery_title {
    font-family: helvetica,arial;
    color: rgb(255, 255, 255);
    font-size: 1.1em;
    font-weight: bold;
    padding: 0.5em 0.5em 0 0.5em;
    margin: 0 0 6px;
    text-transform: uppercase;
    width: 100%;
}

#content h2.art_gallery_title span {
    float: left;
}

#content h2.art_gallery_title a:link,
#content h2.art_gallery_title a:visited,
#content h2.art_gallery_title a:active {
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-decoration: none;
}

#content h2.art_gallery_title a:hover {
    text-decoration: underline;
}

.art_gallery_title_icon {
    float: right;
    margin: 0 1em 6px 6px;
}

.art_gallery_title_line {
    height: 6px;
    clear: both;
    margin: 0;
    padding: 0;
}


#content h2.art_gallery_exhibition_advert {
    text-transform: uppercase;
}

#content h3.feature_date,
#content h3.art_gallery_exhibition_advert_date {
    color: rgb(32, 32, 32);
}

#content .feature_title {
    text-transform: uppercase;
    margin-top: 12px;
}

#content h3.art_gallery_exhibition_advert_date a:link,
#content h3.art_gallery_exhibition_advert_date a:visited,
#content h3.art_gallery_exhibition_advert_date a:active {
    font-size: 0.9em;
    color: #2554BE; 
    text-decoration: none;
}
#content h3.art_gallery_exhibition_advert_date a:hover {
    color: #CD592A; 
}

#content .nomargin { margin: 0 }
#content .nomargintop { margin-top: 0 }

.scroller_h {
    border-width: 0 2px 2px 2px;
    border-style: dotted;
    padding: 0 5px 5px 5px;
    overflow: hidden;
    margin: 3px 0 0 0;
}

.scroller_h .col-1 {
    width: 153px;
}

.scroller_h .col-2 {
    width: 333px;
    overflow: hidden;
}

.scroller_h .col-3 {
    width: 497px;
}

.scroller_h .col-4 {
    width: 683px;
}

/*** FADER ***/

.fader {
    float: left;
}

.fader_controls {
    position: absolute; top: 195px; left: 10px;
    z-index: 9999;
    width: 100%;    
}

.fader_controls .control_element {
    background: transparent url(../img/pager-trans.png) no-repeat scroll left center ; 
    border: none;
    display: block;
    float: left;
    height: 13px;
    margin: 0 3px 0 0;
    width: 13px;
    opacity: 0.6;
    filter: alpha(opacity = 50);
}

.fader_controls .control_element.active {
    opacity: 1;
    filter: alpha(opacity = 100);
}


/*** SCROLLERS ***/

.scroller {
    position: relative;
    overflow: auto;
}

.scroller div{
    width: 100%;
    height: 100%;
}

#content .tabbeddigital_scroller ul,
#content .scroller_h ul,
#content .scroller ul {
    clear: none;
    list-style-type: none;
    list-style: none;
    background: none;
    margin: 1em 20px 1em 0;
}

#content .scroller_h ol,
#content .scroller ol {
    list-style-type: square;
    background: none;
}

#content .scroller_h p {
    margin: 1em 1em 1em 0px;
}

/*** jquery accordion within a scroller ***/

#content .accordionlist div {
    overFlow: hidden !important; /* ie7 and 8 */
}

#content .scroller_h .accordionlist ul {
    width: 100%;
}

#content .scroller_h .accordionlist li {
    border: none;
}


/*** TABS ***/

#content table.tabs {
margin: 0;
width: 100%;
}
#content table.tabs td {
background-color: white;
padding: 0;
border: 1px solid #ffffff;
}

#content .tabs {
    width: 100%;
    border: none;
    table-layout: fixed;
    /* LUL float: left; */
}

.tabs td {
    border: none;
}

.tabs td:last-child {
    border: none;
}

.tabs td a,
.tabs td a:link,
.tabs td a:active,
.tabs td a:visited {
    display: block;
    padding: 1em;
    color: white;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    background: rgb(147, 149, 152);
    -webkit-border-top-left-radius: 17px;
    -moz-border-radius-topleft: 17px;
    -o-border-top-left-radius: 17px;
    border-top-left-radius: 17px;
    -webkit-border-top-right-radius: 17px;
    -moz-border-radius-topright: 17px;
    -o-border-top-right-radius: 17px;
    border-top-right-radius: 17px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear;
}

.tabs td:first-child {
    padding-left: 0;
}

.tabs td:last-child {
    padding-right: 0;
}


/*** DIAG-STRIPES ***/

.diag-stripes {
    background-image: url('../img/diag-stripes.png');
    margin-bottom: 5px;
}

/*** Skills sections ***/

#two-axis-content .scroller {
    height: 364px;
    /* margin-top: -12px; */
}

#two-axis-content .scroller ul + img {
    float: left;
    margin-top: 1em;
}

.scroller_h ul,
.scroller ul {
    margin: 1em 21px 1em 0;
    /* LUL height: 100px; */
    width: 333px;
}

.tabbeddigital_scroller ul li,
.scroller_h ul li,
.scroller ul li {
    border-top: 1px;
    list-style: none;
    list-style-type: none;
    background: none;
    border-top: 1px solid rgb(204, 204, 204);
    padding-bottom: 1px;
}

.tabbeddigital_scroller ul li:last-child,
.scroller_h ul li:last-child,
.scroller ul li:last-child {
    border-bottom: 1px solid rgb(204, 204, 204);
}

/* LUL suppress
.scroller ul li a {
    color: rgb(75,75,75);
    padding-right: 10px;
    background: url('../img/arrow-right-black.png') no-repeat right 3px;
}
*/

#two-axis-content .inner-scroller {
    margin-right: -1em;
    padding-top: 5px;
    height: 223px;
    overflow: auto;
    color: rgb(32,32,32);
    float: left;
    clear: both;
}

#two-axis-content .inner-scroller p:not(:last-child) {
    line-height: 14px;
    margin-bottom: 1em;
}

#two-axis-content .no-js .inner-scroller,
#two-axis-content .no-js .inner-scroller > div > div {
    height: auto;
}

#two-axis-content {
    border-width: 0 2px 2px 2px;
    border-style: dotted;
    padding: 0 5px 0 5px;
    float: left;
    width: 686px; 
    overflow: hidden;
    margin-bottom: 1em;
    margin-top: 3px;
}

/*** Research sections ***/

.section {
    border-top: 2px dotted black;
    border-top-color: black !important;
    padding-top: 5px;
    height: 290px;
}

.section.col-1 {
    width: 157px;
}

.section > a {
    display: block;
    margin-bottom: 5px;
}

.section > a img {
    display: block; 
    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}

.section:hover > a img {
    opacity: 0.5;
    filter: alpha(opacity = 50);
}

.section:hover > a img.active {
    opacity: 1;
    filter: alpha(opacity = 100);
}

.section > a img.inactive {
    opacity: 0.5;
    filter: alpha(opacity = 50);
}

.section:hover > a img.inactive {
    opacity: 1;
    filter: alpha(opacity = 100);
}

.section h3 {
    border-top: 2px dotted black;
    padding-top: 5px;
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 14px;
    color: black;
}

.section p {
    margin-top: 0px;
    font-size: 12px;
    line-height: 14px;
}

.section p a {
    color: rgb(75, 75, 75);
    font-weight: bold;
}

.section p a::after {
    content: '+';
    position: relative;
    bottom: 2px;
    right: 3px;
}

.section.scroller img {
    display: block;
}

/*
.twitter {
    height: 119px;
}
*/

#section-research h2#research-scroller-title {
    color: black;   
}


/*************************/
/***   Transitions     ***/
/*************************/

/* text colour */
h2,
.inner-scroller a {
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

/* background */
h1 a,
h1 a:hover,
.splash .splash-box,
.section > a,
.section.col-1 img,
.tabs td.active,
.tabs td:hover,
.fader_controls .control_element.active {
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;
}

/* border colour */

.splash,
.fader_controls .control_element {
    -webkit-transition: border-color 0.2s linear;
    -moz-transition: border-color 0.2s linear;
    -o-transition: border-color 0.2s linear;
    transition: border-color 0.2s linear;
}

/* .pale background */
.pale {
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}

/* #section-special is a special case where all white text must be made rgb(75, 75, 75); */
#section-special .splash .splash-box h2,
#section-special .splash .splash-box p,
#section-special .tabs td.active a,
#section-special .tabs td:hover a {
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}


.tabbedcatalogue_scroller {
    padding-bottom: 5px;
}
}