/*
*************************************************

Hirst
Screen Styles

Created by Bureau for Visual Affairs
http://www.bureau-va.com

*************************************************
*/

/*-------------------------------------------    
    Reset
-------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3,
h4, h5, h6, pre, form, fieldset, input, textarea,
p, blockquote, th, td { margin: 0; padding: 0; }
html, body { height: 100%; }
html { background:#c4c4c4;}
body { font: 12px/18px Helvetica, Arial, sans-serif; color: #333333; background:#c4c4c4;}
object, img { vertical-align: bottom; }
fieldset, img { border: 0; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
address { font-style: normal; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
strong { font-weight: bold; }
input{ font: 12px/18px Helvetica, Arial, sans-serif;}


/*-------------------------------------------
    General Selectors
-------------------------------------------*/
h1, 
h2,
.row h3,
.item h3,
.cols h3,
.intro p,
ul.nav li,
blockquote,
.biography ul{ 
	font-size:20px;
	line-height:26px;
	color:#464646;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 300;
	letter-spacing: 0.025em;
}

h2{
	margin-bottom:20px;
}

h2 a,
.cols h3 a{
	border-bottom:1px solid #cbcbcb;
}

h3,
h4{
	font-weight:normal;
	color:#0055a5;
	font-size:13px;
	line-height:18px;
}

h4{
	color:#464646;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #c4c4c4;
	margin: 0;
	padding: 0;
}

/*-------------------------------------------
    Buttons and links
-------------------------------------------*/
a{ color:#0055a5; text-decoration:none;}
a:hover{ color:#e80000;}
.selected a{ color:#e80000;}

.controls .selected a,
.pagination .active,
.live-feed .selected a{ color:#333;}

/* Buttons */
.buttons{
	position:absolute;
	right:0;
	top:0;
	z-index:1;
	width:138px;
}
.buttons.single{
	width: 69px;
}
.button{
	width:68px;
	height:66px;
	display:block;
	background: url(/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/divider.gif) 0 0 no-repeat;
	padding-left:1px;
	cursor:pointer;
	overflow:hidden;
}
.button span,
.button.go input {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-indent: -99em;
}
.button input{
	border: 0;
	text-transform: capitalize; /* for ie 7 */
}

.close{
	width:32px;
	height:32px;
	background: url(/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/divider-small.gif) 0 0 no-repeat;
}

/* Button icons */
.go span,
.go input{
	background: url(/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/arrow-right.gif) 0 0 no-repeat;
}
.add span{
	background: url(/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/button-up.gif) 0 0 no-repeat;
}

.buttons .button{
	width:68px; 
	overflow:hidden; 
	float:left;
}

/* Prev / Next buttons */
.circle.prev span, .circle.prev:hover span{ background-position: 0 -198px; }
.circle.next span{ background-position: 0 -65px; }

/* Zoom in / Zoom out buttons */
.zoom-in span{ background: url(/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/button-zoom-in.gif) 0 0 no-repeat;}
.zoom-out span{ background: url(/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/button-zoom-out.gif) 0 0 no-repeat;}
.fullscreen span{ background: url(/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/button-fullscreen.gif) 0 0 no-repeat;}

/* Submit buttons */
.submit{
	background: url(/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/button-down.gif) 0 0 no-repeat;
	padding-left:0;
}
.submit input{
	background:none;
	padding: 66px 30px 0 0;
	text-indent: 0;
	cursor: pointer;
}
.submit.refresh {
	background: url(/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/button-refresh.gif) 0 0 no-repeat;
}

.submit:hover,
.button:hover span{
	background-position:0px -65px;
}

/* Close button */
.close span,
.close input{
	background: url(/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/close.gif) 0 0 no-repeat;
}
.close:hover span{
	background-position:bottom left !important;
}

/** --------- Search accordion --------------- **/

.error {
	color:#ff0000;
}
/*-------------------------------------------------*/


/*-------------------------------------------
    Circles
-------------------------------------------*/
.circle {
	display: block;
	width: 69px;
	height: 66px;
	background: #0055a5 url(/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/circle-overlay.png) no-repeat;
}

.circle span,
.circle input {
	display: block;
	height: 100%;
	cursor: pointer;
	text-indent: -200px;
	overflow: hidden;
	background: url(/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/circle-icons.png) no-repeat;
}

.circle input {
	border: 0;
	width: 100%;
}

.circle.down span,
.circle.down input {
	background-position: 0 -132px;
}

.catalogue-search .row .circle.refresh input { width:100%;background-position: 0 -396px; text-indent:-2000px;overflow: hidden;display:block; }
.catalogue-search .row .circle.refresh { margin-top:-20px;margin-right:-20px; }

.circle.right span,.circle.right input { background-position: 0 -66px; }
.circle.left span { background-position: 0 -198px; }
.circle.zoom-in span { background-position: 0 -264px; }
.circle.zoom-out span { background-position: 0 -330px; }

/* Colour Variations */
.circle.bg-1, .circle.bg-hover-1:hover { background-color: #A72B2A; }
.circle.bg-2, .circle.bg-hover-2:hover { background-color: #8fcae7; }
.circle.bg-3, .circle.bg-hover-3:hover { background-color: #e1aad7; }
.circle.bg-4, .circle.bg-hover-4:hover { background-color: #b29fa4; }
.circle.bg-5, .circle.bg-hover-5:hover { background-color: #0066a1; }
.circle.bg-6, .circle.bg-hover-6:hover { background-color: #ffc674; }
.circle.bg-7, .circle.bg-hover-7:hover { background-color: #747678; }
.circle.bg-8, .circle.bg-hover-8:hover { background-color: #c4a4a7; }
.circle.bg-9, .circle.bg-hover-9:hover { background-color: #cdb6a7; }
.circle.bg-10, .circle.bg-hover-10:hover { background-color: #005d55; }
.circle.bg-11, .circle.bg-hover-11:hover { background-color: #f3ec7a; }
.circle.bg-12, .circle.bg-hover-12:hover { background-color: #ff6319; }
.circle.bg-13, .circle.bg-hover-13:hover { background-color: #a1da8b; }
.circle.bg-14, .circle.bg-hover-14:hover { background-color: #703d29; }
.circle.bg-15, .circle.bg-hover-15:hover { background-color: #9c5fb5; }
.circle.bg-16, .circle.bg-hover-16:hover { background-color: #5a447a; }
.circle.bg-17, .circle.bg-hover-17:hover { background-color: #005bbb; }
.circle.bg-18, .circle.bg-hover-18:hover { background-color: #4c3327; }
.circle.bg-19, .circle.bg-hover-19:hover { background-color: #ed2939; }
.circle.bg-20, .circle.bg-hover-20:hover { background-color: #cad1e7; }
.circle.bg-21, .circle.bg-hover-21:hover { background-color: #e3baa4; }
.circle.bg-22, .circle.bg-hover-22:hover { background-color: #00ba4c; }
.circle.bg-23, .circle.bg-hover-23:hover { background-color: #f04d98; }
.circle.bg-24, .circle.bg-hover-24:hover { background-color: #CFB023; }
.circle.bg-25, .circle.bg-hover-25:hover { background-color: #e98300; }
.circle.bg-26, .circle.bg-hover-26:hover { background-color: #fa93ab; }
.circle.bg-27, .circle.bg-hover-27:hover { background-color: #0097a9; }
.circle.bg-28, .circle.bg-hover-28:hover { background-color: #00001A; }
.circle.bg-29, .circle.bg-hover-29:hover { background-color: #920075; }
.circle.bg-30, .circle.bg-hover-30:hover { background-color: #f9e11e; }
.circle.bg-31, .circle.bg-hover-31:hover { background-color: #c84e00; }
.circle.bg-32, .circle.bg-hover-32:hover { background-color: #c6d6e8; }
.circle.bg-33, .circle.bg-hover-33:hover { background-color: #8fdfe2; }
.circle.bg-34, .circle.bg-hover-34:hover { background-color: #df7a00; }
.circle.bg-35, .circle.bg-hover-35:hover { background-color: #bec9d6; }
.circle.bg-36, .circle.bg-hover-36:hover { background-color: #c99272; }
.circle.bg-37, .circle.bg-hover-37:hover { background-color: #f1e3bb; }
.circle.bg-38, .circle.bg-hover-38:hover { background-color: #7ba4d9; }
.circle.bg-39, .circle.bg-hover-39:hover { background-color: #d52b1e; }
.circle.bg-40, .circle.bg-hover-40:hover { background-color: #aadfbe; }
.circle.bg-41, .circle.bg-hover-41:hover { background-color: #ff8b7c; }
.circle.bg-42, .circle.bg-hover-42:hover { background-color: #319b42; }
.circle.bg-43, .circle.bg-hover-43:hover { background-color: #ffd500; }
.circle.bg-44, .circle.bg-hover-44:hover { background-color: #bcbdbc; }
.circle.bg-45, .circle.bg-hover-45:hover { background-color: #dc5034; }
.circle.bg-46, .circle.bg-hover-46:hover { background-color: #00b299; }
.circle.bg-47, .circle.bg-hover-47:hover { background-color: #0073cf; }
.circle.bg-48, .circle.bg-hover-48:hover { background-color: #f1dbdf; }
.circle.bg-49, .circle.bg-hover-49:hover { background-color: #4f0b7b; }
.circle.bg-50, .circle.bg-hover-50:hover { background-color: #c79900; }
.circle.bg-51, .circle.bg-hover-51:hover { background-color: #5f574f; }
.circle.bg-52, .circle.bg-hover-52:hover { background-color: #003591; }
.circle.bg-53, .circle.bg-hover-53:hover { background-color: #ffb612; }
.circle.bg-54, .circle.bg-hover-54:hover { background-color: #8f23b3; }
.circle.bg-55, .circle.bg-hover-55:hover { background-color: #ffc19c; }
.circle.bg-56, .circle.bg-hover-56:hover { background-color: #007363; }

/* Hover State */
.circle:hover { background-color: #3f3f3f; }

/* Context Specific */
.buttons .circle { float: left; }
.buttons .circle.right { float: right; }

.news .circle { float: right; }

.catalogue-search .circle {
	display: inline;
	float: right;
}

.section-heading .content-aside .circle { float: right; }
.section-heading .content { position:relative; }
.artwork .section-heading h1 { padding-right:155px; word-wrap: break-word; float: none; }

/*-------------------------------------------
    Clearfix
-------------------------------------------*/
.header:after,
.main:after,
.section:after,
.footer:after,
.items:after,
.tabs ul:after{ 
	clear: both; 
	content: '.'; 
	height: 0; 
	width: 0; 
	visibility: hidden; 
	display: block; 
}

.header,
.main,
.section,
.footer,
.items,
.tabs ul{ zoom: 1; }

.hidden{ display:none;}

/*-------------------------------------------
    Lists
-------------------------------------------*/
ul.horiz{
	zoom:1;
	overflow:hidden;
}
ul.horiz li{
	float:left;
}

ul.items {
	margin-left: -1px;
}
ul.items li{
	float:left;
	background:#fff;
	margin: 0 0 1px 1px;
	position:relative;
}
ul.items li .item{
	border-bottom:10px solid #fff;
}

/*ul.items li.last{
	margin-right:0;
}*/
ul.items li .item-image{
	padding:0;
}

/* If the list appears within a content section, remove the side border, fill the container */
.content ul.items li,
.content-aside ul.items li{
	margin-right:0;
	width:100%;
}

/* If the list appears within a carousel, add the side border, reduce the width */
.content .carousel ul.items li,
.content-aside .carousel ul.items li{
	border-right:1px solid #c4c4c4;
	width:auto;
	margin-bottom:0;
}

/* search results */
ul.results li{
	margin:0 140px 10px 0;
}

/* exhibtion info */
ul.details{
	padding-top:28px;
}
ul.details li{
	margin-right:20px;
}

/*-------------------------------------------
    Header
-------------------------------------------*/
.header{
	margin:0px 0 1px 0;
}
.header .content{
	min-height:133px;
	height:auto !important;
	height:133px;
	background:#fff;
}
.header .content h1{
	padding-bottom:1px;
}
.header .content-aside p{
	margin-bottom:0;
}

.header input.text{
	border:0;
	background:#e7e7e7;
}

.header .search-box,
.header .account-box{
	background:#fff;
	float:left;
	width:100%;
	
	position:relative;
	min-height:66px;
	height:auto!important;
	height:66px;
}
.header .account-box p a{
	margin-left:98px;
}

.header .button,
.popup .button{
	position:absolute;
	right:0;
	top:0;
}

/* Search */
.search-box{
	margin-bottom:1px;
}
.search-box label{
	line-height:24px;
	width:67px;
	float:left;
	margin-left:21px;
	margin-top:20px;
}
.search-box input.text{
	margin-top:21px;
	width:200px;
	float:left;
}

/* Account */
.account-box p{
	float:left;
	line-height:66px;
	padding-left:20px;
}
.account-box input.text{
	float:left;
	width:120px;
	margin:24px 0 0 18px;
}

/*-------------------------------------------
    Navigation
-------------------------------------------*/
ul.nav{
	font-size:20px;
	line-height:26px;
}
ul.nav li{
	color:#0055a5;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.ie6 ul.nav li{
	display:inline;
}
ul.nav li a,
.biography li a,
.section-heading h1 a{
	border-bottom:1px solid #ada9a9;
	margin-right:9px;
}

/*-------------------------------------------
    Pagination
-------------------------------------------*/
.pagination{
	min-height:47px;
	height:auto !important;
	height:47px;
	padding-top: 19px;
	position:relative;
}
.pagination h2 {
	display: inline;
    vertical-align: baseline;
    padding: 0 134px 0 20px;
    margin: 0;
}
.pagination ul {
    display: inline;
    vertical-align: baseline;
}
.pagination ul li {
	margin: 0 6px;
	float: none;
	display: inline;
}
.pagination .next {
	float: right;
}

/* Mini pagination */
.row .pagination{
	float:left;
	min-height:0;
	height:26px;
}
.row .pagination h3{
	float:left;
	margin:0 30px 0 0;
}
.row .pagination ul{
	float:left;
	margin-top:6px;
	padding:0 0 2px 0;
}

/*-------------------------------------------
    Layout
-------------------------------------------*/
.container{
	width:964px;
	margin:0 auto;
	position:relative;
	z-index:4;
	/*overflow:hidden;
	-webkit-transform:translateZ(0);*/
}

.content,
.content-aside{
	float:left;
}
.content-aside{
	width:385px;
}
.content{
	width:578px;
	margin-left:1px;
}
.content-right{ float:right; }

/* Wider content block first */
.header .content,
.biography .content,
.section-heading .content{
	margin-left:0;
	margin-right:1px;
}
.header .content-aside,
.biography .content-aside,
.section-heading .content-aside{
	margin-right:0px;
}

.inner{
	padding:19px 20px 10px 20px;
}
.inner .row{
	padding:19px 20px 10px 0px;
	border-bottom:1px solid #c4c4c4;
}
.inner-image-wrap{
	padding:10px;
	position: relative;
}

/*-------------------------------------------
    Content modules
-------------------------------------------*/
.section{
	background:#fff;
	margin-bottom:1px;
}

.section-heading{
	position:relative;
	overflow:hidden;
}


.section-heading.with-bg {
	background: url(/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/section-heading-bg.png) repeat-y;
	margin-bottom: 1px;
}

.section-heading.with-bg .content,
.section-heading.with-bg .content-aside { margin-bottom: 0; }



.section-heading h1{
	float:left;
	padding:19px 20px 21px 20px;
}
.section-heading select{
	width:150px;
	margin:24px 0 0 40px;
	float:left;
}
.section-heading input{
	margin:24px 0 0 2px;
	float:left;
}
.section-heading .pagination{
	width:385px;
	float:right;
}
.section-heading .pagination h2{
	padding-right:22px;
}
.section-heading .submit{
	float:right;
	margin:8px 10px 0 0;
	display:inline; /* ie6 */
}

.section-heading .content,
.section-heading .content-aside{
	margin-bottom:1px;
	background:#fff;
}
.section-heading .content-aside p{
	line-height:66px;
	width:296px;
	float:left;
	padding-left:20px;
}

.section-heading .content-aside .button{
	float:right;
}

.section .content,
.section .content-aside{
	margin-bottom:0;
}
.section .inner p,
.dhtml ul{
	margin-bottom:10px;
}
.dhtml iframe { margin-left: -10px; border: none; }

.dhtml li{
	background: url(/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/li-dash.gif) no-repeat 0 8px;
	padding: 0 0 0 15px;
}

.item{
	position:relative;
	background:#fff;
}
.item .item-text{
	padding-top:19px;
	margin:0 20px 20px 20px;
}
.item .item-text h3{
	display:inline;
	border-bottom:1px solid #cbcbcb;
}
.item a .item-text h3{
	color:#0055a5;
}
.item .item-text p{
	margin-top:7px;
	color:#333;
}
.item .item-image{
	margin:0 10px;
	padding-bottom:10px;
	position:relative;
}

/* Small items - Artworks */
.artworks .item{
	width:192px;
	min-height:239px;
	height:auto !important;
	height:239px;
}

.artworks .item .item-text{
	margin-right:13px;
	min-height:47px;
	height:auto !important;
	height:47px;
	margin-bottom:1px;/* margin-bottom:15px; */
}
.artworks .item .item-text.with-close{
	margin-right:30px;
}

.artworks .item .item-text h3{
	font-size:12px;
	line-height:18px;
	border:0;
	display:block;
	color:#0055A5;
	font-family: Helvetica, Arial, sans-serif; 
	font-weight: normal;
}
.artworks .item .item-image{
	height: 172px;
	overflow:hidden;
	padding-bottom:0;
}

/* Small items - Map overlay */
.map .item{
	width:192px;
}
.map .item-text{
	margin:0 10px 10px 10px;
	padding-top:9px;
}
.map .item .item-text h3{
	font-size:12px;
	line-height:18px;
	border:0;
	display:block;
	color:#0055A5;
}

/* Featured items (w578 x 306) */
.featured .carousel-wrap{
	height:306px;
	width:964px;
}
.featured .items .item{
	width:385px;
	height:306px;
}

/* Shop items (w385px x 435)*/
.shop li{
	width:385px;
	margin-right:1px;
}
.shop .item-text{
	min-height:116px;
	height:auto !important;
	height:116px;
}

/* Large items (w578 x 670)*/
.item-large{
	width:578px;
	height:670px;
}

/* Hover state */
.item a:hover .item-text h3,
.item a:hover .item-text p{
	color:#e80000;
}

.item .close,
.popup .close {
	position:absolute;
	right:0;
	top:0;
}

/*-------------------------------------------
    Carousel
-------------------------------------------*/
.carousel{
	position:relative;
	overflow:hidden;
}
.carousel h2{
	padding: 19px 15px 20px 20px;
	margin-bottom:0;
	background:#fff;
}
.carousel h2 a{ 
	border-bottom:0;
}
.carousel.no-title{
	padding-top: 66px;
}

.carousel-wrap{
	width:964px;
	overflow:hidden;
}
.content .carousel-wrap{
	width:578px;
}
.content-aside .carousel-wrap{
	width:385px;
}

/* Carousel items must use borders, not margins */
.carousel-wrap ul{
	width:20000px;
	position:relative;
}
.carousel-wrap ul li{
	float:left;
	margin-right:0;
	margin-bottom:0;
	border-right:1px solid #c4c4c4;
}

/*-------------------------------------------
    Columns of content
-------------------------------------------*/
.cols .row{
	float:left;
	width:100%;
	clear:both;
	border-top:1px solid #c4c4c4;
}
.row-top{
	border-top:0 !important;
}

.cols.up{
	margin-top:-1px;
}

.col,
.col-wide{
	padding:15px 20px 33px 20px;
	float:left;
	background: url(/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/divider.gif) top right no-repeat;
}

.cols .last{
	background:none;
}

.cols .col{
	width:153px;
}
.cols .col.last{
	width:152px;
}
.cols .col-wide{
	width:346px; 
}
.cols .col-wide.last{
	width:345px;
}
.cols .col-wide.extra{
	width:539px;
}

/* 2 column layout */
.two-col .col{
	width:345px;
	background:none;
}
.two-col .col-wide{
	width:539px;
}

/* Column headings */
.cols-header .col,
.cols-header .col-wide{
	padding-top:16px;
	padding-bottom:18px;
}
.cols-header h2{
	margin-bottom:6px;
	margin-top:0;
}

/* Thumbnails  */
.cols .col-thumb{
	width:193px;
	padding:0;
}
.cols .col-thumb img{
	padding:10px;
	float:left;
}
.cols .col-thumb a{
	position:relative;
	display:block;
	min-height:149px;
	height:auto !important;
	height:139px;
}
.cols .col-thumb a img{
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}

/* Overlaid icons */
.icon{
	display:block;
	width:64px;
	height:64px;
	margin: -32px 0 0 -32px;
	position:absolute;
	left:50%;
	top:50%;
	z-index:2;
	cursor:pointer;
}
.icon-Video, .panel-type-Video .icon{
	background: url(/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/icon-video.png) 0 0 no-repeat;
}
.icon-audio, .icon-Audio, .panel-type-Audio .icon{
	background: url(/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/icon-audio.png) 0 0 no-repeat;
}
.icon-play,
.icon-text{
	display:block;
	width:26px;
	height:26px;
	margin: -13px 0 0 -13px;
	
}
.icon-play{
	background: url(/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/icon-play-small.png) 0 0 no-repeat;
}
.icon-play.Audio {
	background: url(/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/icon-audio-small.png) 0 0 no-repeat;
}
.icon-text{
	background: url(/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/icon-text.png) 0 0 no-repeat;
}

/* Intro paragraph */
.intro .content{
	border-left:1px solid #c4c4c4;
	margin-left:0;
}
.intro p{
	margin-bottom:10px;
}
.intro h2 a{
	display:block;
	font-size:12px;
	line-height:18px;
	border:none;
}

/* Press quotes */
.press .carousel-wrap{
	width:385px;
	height:250px;
	overflow:hidden;
}
.press .carousel-wrap li{
	padding:20px 0 20px 20px;
}
.press blockquote{
	width:385px;
}
.press .cite{
	color: #0055A5;
	margin-top:10px;
}

/* Slideshow */

.slideshow .carousel-wrap{
	width:964px;
	height:403px;
}
.slideshow .carousel-wrap ul{
	/*width:5000px;*/
}
.slideshow .carousel-wrap li{
	width:964px;
	/*height:393px;*/
	height: 100%;
	overflow:hidden;
}
.slideshow .content{
	padding:0;
}
.slideshow .content img{
	margin:10px;
}
.slideshow .content .inner-image-wrap { padding:0; }
.slideshow .content-aside .inner{
	padding-top:10px;
}

/* Tabs */
.tabs {
	background: #e5e5e5;
}
.tabs li{
	float: left;
}
.tabs a{
	display: block;
	padding: 24px 22px;
	color: #464646;
	border-right: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
}
.tabs .selected a{
	background: white;
	border-bottom-color: white;
}
.tabs hr{
	margin: -1px 0 0 0;
}

.ie6 .tabs hr{
	display: none;
}

/*-------------------------------------------
    Forms
-------------------------------------------*/
/* Catalogue search form */
.catalogue-search{
	margin-bottom:1px;
}

.catalogue-search .content{
	padding-bottom: 20px;
	margin-left:0;
	background:#fff;
}

.catalogue-search .advanced-search{
	width:100%;
}

.catalogue-search .content h2{
	margin-bottom:10px;
}

.catalogue-search .content-aside{
	background:#fff;
}
.catalogue-search .content-aside h2{
	margin-bottom:0;
	padding-bottom:20px;
	border-bottom:1px solid #d9d9d9;
}
.catalogue-search h3{
	line-height:22px;
	margin-bottom:10px;
}

.catalogue-search .inner .row{
	float:left;
	padding:0ß;
	border-bottom:1px solid #d9d9d9;
	overflow:hidden;
	width:100%;
}

.catalogue-search .inner .row.last {
	border-bottom: none;
}

.catalogue-search .row label{
	width:200px;
	float:left;
}
.catalogue-search .row input{
	float:left;
	width:328px;
}
.catalogue-search .row select{
	float:left;
	width:335px;
}

.catalogue-search .date-wrapper select{
	width:122px;
}
.catalogue-search .date-wrapper span{
	float:left;
	padding:0 14px 0 23px;
	text-align:center;
}
.catalogue-search .date-wrapper span.left{
	padding-left: 0;
}

/* Radio buttons */
.catalogue-search label.radio-button{
	width:49%;
	float:left;
	font-size:11px;
	line-height:18px;
}
.catalogue-search label.radio-button input{
	float:left;
	width:auto;
	margin:3px 8px 0 0;
}

.catalogue-search .submit{
	float:right;
	margin: 0;
	display:inline; /*ie6*/
}

/* Text input */
input.text{ 
	border:1px solid #dedede;
	background:#ffffff;
	padding:5px;
	height:13px;
}

/* Artwork data */
.data .inner{
	padding-bottom:0;
}
.data .inner .row{
	padding:14px 20px 0px 0px;
	/*border-bottom:1px solid #c4c4c4;*/
	position:relative;
}
.data .inner .cols .row{
	padding:0;
	border-bottom:0;
}

/*.data .inner .row h4{
	float:left;
	width:192px;
}*/

.data .inner .row p{
	margin-bottom:7px;
}
.data .inner .open,
.data .inner .last{
	border-bottom:none;
}

/* Artwork data - hidden content */
.data .data-expanded{
	width:964px;
	margin-left:-406px;
	border-bottom:1px solid #c4c4c4;
}

/* Artwork data - open / closed arrows */
a.show-hide{
	display:block;
	width:65px;
	height:39px;
	position:absolute;
	right:0px;
	top:0px;
}
.closed a.show-hide{
	background: url(/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/arrow-down.gif) 0 0 no-repeat;
}
.open a.show-hide{
	background: url(/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/arrow-up.gif) 0 0 no-repeat;
}
a.show-hide:hover{
	background-position:0 100%;
}

.section-heading a.show-hide{
	top:15px;
}

/* Artwork - viewer */
.viewer{
	position: relative;
}
.viewer .images{
	float:left;
	border-right:1px solid #c4c4c4;
}
#viewer .button { background: transparent; }
 /* Artwork - Zoom / Fullscreen controls */
.controls{
	width:192px;
	float:right;
}
.controls .inner{
	padding:24px 2px 5px 20px;
}
.controls .last{
	/*border-bottom:none;*/
	border-top:1px solid #c4c4c4;
	padding-top:4px;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 170px;
}

/*.controls ul{
	padding-bottom:40px;
}*/

.controls li{
	margin-bottom:22px;
	font-size:12px;
}

.zoom-wrap,
.fullscreen-wrap{
	position:relative; 
	min-height:66px; 
	height:auto !important;
	height:66px;
	line-height:66px;
}
.zoom-wrap .button,
.fullscreen-wrap .button{ background:none;}
.fullscreen-wrap .buttons .button{ float:right;}

/*-------------------------------------------
    Login/Register popup
-------------------------------------------*/
.popup{
	position: absolute;
	position: fixed;
	top: 174px;
	left: 50%;
	margin-left:-179px;
	width: 358px;
	z-index: 5;
	box-shadow: 5px 5px 5px #333;
}

.popup-head{
	background: white;
	position: relative;
	margin-bottom: 1px;
}

.popup h2{
	padding: 15px 0 16px 19px;
	margin: 0;
}

.popup-content{
	position: relative;
}
.popup-content .text{
	border: none;
	background: #e7e7e7;
	width: 257px;
}

.popup .go span{
	background-position: -4px 4px;
}
.popup .go span:hover{
	background-position:-4px -61px;
}
.popup .section {
	padding:15px;
}
.popup #email {
	margin: 6px 0;
}
.popup .checkbox {
 float:left;
 margin-top:4px;
}
.popup label {
	margin-left: 30px;
	width:250px;
	display:block;
	float:left;
}
/*-------------------------------------------
    Page specific styles
-------------------------------------------*/

/* Homepage */
.homepage .header{
	margin-top:0;
}


/* Feed */
.feed-wrapper{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	right:0;
	height:952px;
	text-align:center;
}

/* Live feed */
.live-feed{
	width:578px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
.live-feed h2{
	float:left;
	line-height:67px;
	background:#fff;
	width:175px;
	padding-left:20px;
}
.live-feed .locations li{
	float:left;
	height:33px;
	line-height:33px;
	margin-bottom:1px;
	background:#fff;
}
.live-feed .locations li a{
	display:block;
	zoom:1;
}
.live-feed .locations li a.active{
	color: #333333;
}
.live-feed .locations li a:hover{
	cursor:pointer;
}
.live-feed .locations li p{
	float:left;
	width:314px;
}
.live-feed .locations li .go{
	float:right;
	height:33px;
	position:relative;
}
.live-feed li .go span{
	background-position:0px -16px;
	display:none;
}
.fhover .live-feed li a:hover .go span{
	display:block;
}
.live-feed .locations li.closed {
	height:67px;
	margin-left:1px;
	line-height: 16px;
}
.live-feed .locations li.closed p {
	padding:15px;
}

/* News */
.news{
	position:relative;
}
.news h1,
.news p{
	display:inline;
	vertical-align:baseline;
}
.news h1{
	color:#0055A5;
	padding:0 100px 0 20px;
	line-height: 66px;
}
.news p{
	color:#333;
}
.news a:hover h1,
.news a:hover p{ color:red;}
.news .button{
	float:right;
}

/* map */
.map .inner{
	padding:10px 0 10px 10px;
	position:relative;
}
.map .item{
	position:absolute;
	background:none;
	left:50px;
	z-index:100;
	overflow:hidden;
}
.map .item-location{
	min-height:43px;
	height:auto !important;
	height:43px;
	background:#FFF;
	padding:10px 54px 5px 10px;
	margin-bottom:1px;
}
.map .item-location a{
	color:#333;
	border-bottom:1px solid #333;
}
.map .item-wrapper{
	display:block;
	background:#fff;
}
.map .item .close,
.popup .button{
	width:53px;
	height:53px;
	border-bottom:0;
}
.map .item .close span,
.popup .close span{
	background: url(/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/close-large.gif) 0 0 no-repeat;
}

.map .item ul { width:30000px; background:#fff; }
.map .item ul li {  width:192px; display: inline-block; }

.map .item ul.controls { width:auto; margin-top:1px; height:57px; background: #fff;}
.map .item ul.controls li { float:left; width:54px; }
.map .item ul.controls li.cntr { width: 84px; }
.map .item ul.controls li.cntr p { color: #0055A5; display: block; font-size: 12px; line-height: 18px; margin:20px 0 0 20px; }
.map .item ul.controls .prev a, .map .item ul.controls .next a { background: url("/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/divider.gif") no-repeat scroll 0 0 transparent; width:53px; height:57px; display:block; position:relative; }
.map .item ul.controls a span { background: url('/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/map_directionals.gif') no-repeat; display:block; height:19px; width:10px;  position:absolute; top:20px; left:20px; }
.map .item ul.controls .next a span { background-position: -14px 0; }

/* Biography */
.biography ul{
	color:#464646;
	font-size:20px;
	line-height:26px;
}
.biography h1,
.biography h2{
	margin-bottom:26px;
}
.biography .inner-image-wrap{
	width: 172px;
	float: right;
}

.credit{
	padding-top: 5px;
}

.section-heading .date-filter{
	margin-left: 23px;
	margin-bottom:23px;
}

/* Contact */
.contact .section{
	padding-bottom:80px;
}
.contact .section-heading{
	padding-bottom:0;
}
.contact h2{
	padding-top:11px;
}

.bio-section h2{
	padding-top:20px;
	padding-left:20px;
}

/*------- Audio module ----- */
.jp-play {
	display: block;
}

.jp-interface {
	height: 29px;
	background: #1e1e1e;
	color: white;
	font-size: 11px;
	line-height: 19px;
	position: relative;
}

.jp-control {
	width: 29px;
	height: 29px;
	background: url(/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/jp-controls.gif) no-repeat;
	border-right: 1px solid #5e5e5e;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.jp-control.play {
	background-position: 0 -87px;
}
.jp-control.pause {
	background-position: 0 0;
}

.jp-progress {
	width: 314px;
	padding: 0 10px;
	height: 29px;
	position: absolute;
	top: 0;
	left: 30px;
	border-right: 1px solid #5e5e5e;
}

.jp-seek-bar {
	height: 3px;
	background: #c4c4c4;
	cursor: pointer;
	margin-top: 13px;
}

.jp-play-bar {
	background: #fff;
	height: 3px;
}

.jp-time {
	width: 78px;
	height: 24px;
	padding: 5px 0 0 9px;
	padding: ;
	position: absolute;
	top: 0;
	left: 365px;
	border-right: 1px solid #5e5e5e;
}

.jp-volume {
	width: 105px;
	height: 29px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/jp-controls.gif) no-repeat 0 -29px;
}

.jp-volume-bar {
	width: 45px;
	height: 3px;
	background: #c4c4c4;
	position: absolute;
	top: 13px;
	left: 27px;
	cursor: pointer;
}

.jp-volume-bar-value {
	height: 3px;
	background:#fff;
}

.jp-volume-loud {
	width: 29px;
	height: 29px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/jp-controls.gif) no-repeat 0 -58px;
}

/*-------- Map -----------*/
#map_canvas { width:944px; height:802px; }


/* STREAMS */
#feed_container_wrapper, #feed_container { position:absolute; position: fixed !important; top:0; left:0; -webkit-transform-style: preserve-3d; width:100%;}
.mob #feed_container { top:67px !important; position:absolute !important; }
#feed_container p { position:absolute; z-index:1; top:250px; text-align:center; width:30%;left:35%; color:#333; background:#fff;padding:10px; }

/*-------------------------------------------
    Catalogue Layout
-------------------------------------------*/

.catalogue-aside {
	float: left;
	width: 192px;
	margin-right: 1px;
	overflow: hidden;
}

.catalogue-content {
	float: left;
	width: 771px;
}

.catalogue-heading {
	overflow: hidden;
}

.catalogue-block-title {
	float: left;
	padding: 20px 0 20px 20px;
	margin: 0;
	border-bottom: none;
}

.catalogue-heading .circle {
	float: right;
	border-bottom: none;
}

.catalogue-heading .circle.active span{
	background-position: 0 0px;
}

.reset-label {
	float: right;
	padding: 25px;
}

.circle.reset span {
	background: url(/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/close-overlay.png) 25px 23px no-repeat;
}

/*-------- Catalogue Listing -----------*/

.category-listings {
	overflow-y: scroll;
	display: block;
	clear: left;
	height: 500px;
	margin: 0 10px 29px 0;
}

.category-listings li {
	display: block;
	padding: 3px 0 2px 20px;
	margin: 0 10px 0 0;
	border-bottom: 1px solid #e2e2e2; 
}

.category-listings li a.active {
	color: #e80000;
}


/*-------------------------------------------
    Footer
-------------------------------------------*/
.footer{
	width:385px;
}
.footer ul{
	padding:20px 0 20px 20px;
	overflow:hidden;
	background:#fff;
}
.footer ul li a{
	color:#1C1C1C;
}
.footer li {
	margin-right: 18px;
}

/* Social icons */
.social{
	padding:22px 0 22px 20px;
	background:#fff;
	overflow:hidden;
	width:172px;
	float:left;
}
.social h4{ 
	font-size:12px;
	margin-right:15px;
}
.social h4,
.social ul{
	float:left;
	vertical-align:middle;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.social ul{
	padding:0;
	border:0;
}
.social li{
	margin:0 0 0 17px;
	display: inline;
}
.social li a{
	display:block;
	width:18px;
	height:18px;
	text-indent:-99em;
	background-repeat:no-repeat;
	background-image:url(/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/social.gif);
	border:0;
}
.social li.rss a			{ background-position:0 0;}
.social li.twitter a	{ background-position:0 -18px;}
.social li.facebook a	{ background-position:0 -36px;}
.social li.vimeo a		{ background-position:0 -54px;}

.footer .section { background: transparent; }
.subscribe {  float:left; margin-left:1px; width:192px; background:#fff; }
.subscribe a { width:100%; line-height:62px; display:block; text-align:center; color:#1C1C1C;}

/* ARTWORK VIEWER */
#viewer { position:absolute; top:0; left:0; height:100%; width:100%; overflow:hidden; display:none; }
#aw-close { position:absolute; bottom: 210px; right: 0; width: 57px; height:66px; }
#aw-close span { background: url("/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/close-btn.png") no-repeat scroll 0 0 transparent; display:block; width:51px; height:51px; }
#aw-close:hover span { background-position:0 -53px; }

#mask { height:100%; width:100%; position:absolute; position:fixed; top:0; background:#000; opacity:0.7; z-index: 4; }


/* Disclaimer */

.disclaimer {
	width: 560px;
	height:312px;
	background:#e7e7e7;
	position:relative;
}
.disclaimer p {
	position: absolute;
	bottom:0;
	background:#404040;
	color:#fff;
	padding:25px;
	width:510px;
}
.disclaimer span {
	position:absolute;
	left:50%;
	margin:0 0 0 -33px;
	top:30%;
}
.disclaimer input { 

	height:66px;
	width:66px;
	background: url("/National_Library/20160526010038oe_/http://www.damienhirst.com/layout/images/template/icon-video.png") no-repeat scroll 0 0 transparent;
	text-indent:2000px;
	border:0;
	cursor:pointer;
}

/*-------------------------------------------
    IE Fixes
-------------------------------------------*/
/* input boxes */
.ie6 input.text,
.ie7 input.text{ padding-bottom:8px; padding-top:2px;}
.ie8 input.text{ padding-bottom:8px; padding-top:1px;}

/* radio button alignment */
.ie6 .catalogue-search label.radio-button input,
.ie7 .catalogue-search label.radio-button input,
.ie8 .catalogue-search label.radio-button input{ margin-top:0;}

/* main navigation */
.ie6 ul.nav li,
.ie7 ul.nav li{ padding-right:5px;}

/* margins on items*/
.ie6 .item,
.ie7 .item{ zoom:1;}

/* catalogue search - form headings */
.ie6 .catalogue-search h3{ margin-bottom:7px;}
.ie7 .catalogue-search h3{ margin-bottom:8px;}
.ie8 .catalogue-search h3{ margin-bottom:8px;}

/* catalogue search - mini pagination heading */
.ie6 .row .pagination h3,
.ie7 .row .pagination h3{ margin-top:2px;}
.ie8 .row .pagination h3{ margin-top:4px;}
.ie8 .row .pagination ul{ margin-top:9px;}

/* Fixes for IE6 */
.ie6 .section-heading,
.ie6 .icon,
.ie6 .news a,
.ie6 .carousel,
.ie6 .data .inner .row{ zoom:1;}

.ie6 .video .content{ display:inline;}
.ie6 .carousel-wrap{ position:relative;}
.ie6 .cols .last{ width:152px;}
.ie6 .cols .col-wide { width:345px;}

.ie6 .data .content{overflow:hidden;}
.ie6 .content-aside ul.items{ margin-bottom:0;}

/* Fixes for IE7 */
.ie7 .section-heading{ margin-bottom:1px;}