@charset "utf-8";  html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, em, font, img, strong, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input table, caption, tbody, tfoot, thead, tr, th, td { border: 0; margin: 0; padding: 0; outline: 0; vertical-align: baseline; background: transparent; } legend, caption { display: none; }  html, body { margin: 0; padding: 0; height: 100%; } body { color: #000; background-color:#FFF; font-family:Verdana, Arial, Tahoma, sans-serif; font-size: 0.7em; line-height: 1.4em; overflow-y: scroll; } * html body { overflow-y: visible; } *+html body { overflow-y: visible; } a { color: #000; text-decoration: underline; } h1,h2,h3,h4,h5,h6 {padding: 0 0 10px 0;} h1 { font-size:2em; } h2 { font-size:1.8em; } h3 { font-size:1.6em; } h4 { font-size:1.4em; } h5 { font-size:1.2em; } h6 { font-size:1.1em; } p { margin: 0 0 8px 0; } ol, ul { list-style-type: none; } ul { padding: 0 0 0 15px; } li { padding: 0 0 0 0; } dl { padding: 0 0 20px 0; } dt { padding: 0 0 5px 0; } dd { padding: 0 0 5px 0; }  #madeByMU a {position:fixed;visibility: hidden;} #madeByMU .r {bottom:30px;right:0;} #madeByMU .l {bottom:30px;left:0;width:15px;} #madeByMU .b {bottom:0;right:30px;} * html #madeByMU a {position:absolute; right:0px; }  * html #madeByMU .r, * html #madeByMU .l {top:expression(documentElement.scrollTop + body.scrollTop + document.documentElement.clientHeight - 140 + "px");} * html #madeByMU .b {top:expression(documentElement.scrollTop + body.scrollTop + document.documentElement.clientHeight - 15 + "px");} div.mediaPlayer div.videoControls { position:absolute; right:0px; bottom:0px; height:25px; background-image:url(http://assets1.thephotographersgallery.org.uk/lib/mediaPlayer/black60.png); } div.mediaPlayer div.videoPlay { height:25px; cursor: pointer; width:25px; float:left; background-image: url(http://assets2.thephotographersgallery.org.uk/lib/mediaPlayer/videoControls/play.png); } div.mediaPlayer div.videoPlay.playing { background-image: url(http://assets3.thephotographersgallery.org.uk/lib/mediaPlayer/videoControls/pause.png); } div.mediaPlayer div.videoProgress { height:25px; width:100px; float:left; } div.mediaPlayer div.videoProgress div.videoProgressHolder { height:5px; width:90px; margin-top:10px; margin-left:5px; overflow: hidden; cursor: pointer; background-color: #666; } div.mediaPlayer div.videoProgressSlider { height:5px; width:1px; background-color: #FFF; overflow: hidden; margin:0; padding:0; } div.mediaPlayer div.videoTime { height:20px; width:63px; float:left; color:#fff; font-size: 0.7em; font-weight:bold; padding-top:5px; padding-left:2px; } div.mediaPlayer div.volumeButton { height:25px; cursor: pointer; width:25px; float:left; background-image: url(http://assets4.thephotographersgallery.org.uk/lib/mediaPlayer/videoControls/mute.png); } div.mediaPlayer div.volumeButton.muted { background-image: url(http://assets5.thephotographersgallery.org.uk/lib/mediaPlayer/videoControls/mute_active.png); }  #lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; } #lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; } #lbFlash { position:absolute; left:0px; top:0px; } .lbLoading { background: #fff url(http://assets1.thephotographersgallery.org.uk/slimbox/loading.gif) no-repeat center; } #lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 100px; outline: none; z-index:200; } #lbPrevLink { left: 0; } #lbPrevLink:hover { background: transparent url(http://assets2.thephotographersgallery.org.uk/slimbox/prevlabel.gif) no-repeat 0 15%; } #lbNextLink { right: 0; } #lbNextLink:hover { background: transparent url(http://assets3.thephotographersgallery.org.uk/slimbox/nextlabel.gif) no-repeat 100% 15%; } #lbBottom { font-size: 0.7em; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; } #lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(http://assets4.thephotographersgallery.org.uk/slimbox/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; } #lbCaption, #lbNumber { margin-right: 71px; } #lbCaption { font-weight: bold; } html body.theme3 #background, html body.theme3 { background: ; } html body.theme4 #background, html body.theme4 { background: ; } html body.theme5 #background, html body.theme5 { background: ; } html body.theme6 #background, html body.theme6 { background: #a99685; } html body.theme7 #background, html body.theme7 { background: #66CCFF; } html body.theme8 #background, html body.theme8 { background: #6ccccc; } html body.theme9 #background, html body.theme9 { background: #99cc99; } html body.theme10 #background, html body.theme10 { background: #cccc66; } html body.theme11 #background, html body.theme11 { background: #cccccc; } html body.theme12 #background, html body.theme12 { background: #6695c4; } html body.theme13 #background, html body.theme13 { background: #fc9f87; } html body.theme14 #background, html body.theme14 { background: #a48deb; } html body.theme15 #background, html body.theme15 { background: #f29ddd; } html body.theme16 #background, html body.theme16 { background: #a7a7ee; } html body.theme17 #background, html body.theme17 { background: #a99685; } html body.theme18 #background, html body.theme18 { background: #ffffff; } html body.theme19 #background, html body.theme19 { background: #a2a698; } html body.theme20 #background, html body.theme20 { background: #060509; } html body.theme21 #background, html body.theme21 { background: #aba6a1; } html body.theme22 #background, html body.theme22 { background: #F59CAE; } html body.theme23 #background, html body.theme23 { background: #000000; } html body.theme24 #background, html body.theme24 { background: #7a8390; } html body.theme25 #background, html body.theme25 { background: #a1acb7; } html body.theme26 #background, html body.theme26 { background: d2c4c3; } html body.theme27 #background, html body.theme27 { background: e6ebeb; } html body.theme28 #background, html body.theme28 { background: 040404; } html body.theme30 #background, html body.theme30 { background: c4c5c0; } html body.theme31 #background, html body.theme31 { background: 222222; } html body.theme32 #background, html body.theme32 { background: a15741; } html body.theme33 #background, html body.theme33 { background: c9a586; } html body.theme34 #background, html body.theme34 { background: 9f9882; } html body.theme35 #background, html body.theme35 { background: 585955; } html body.theme36 #background, html body.theme36 { background: ; } html body.theme37 #background, html body.theme37 { background: ; } html body.theme38 #background, html body.theme38 { background: ; } html body.theme39 #background, html body.theme39 { background: ; } html body.theme40 #background, html body.theme40 { background: ; } html body.theme41 #background, html body.theme41 { background: ; } html body.theme42 #background, html body.theme42 { background: ; } html body.theme43 #background, html body.theme43 { background: ; } html body.theme44 #background, html body.theme44 { background: ; } html body.theme45 #background, html body.theme45 { background: ; } html body.theme46 #background, html body.theme46 { background: ; } html body.theme47 #background, html body.theme47 { background: ; } html body.theme48 #background, html body.theme48 { background: ; } html body.theme49 #background, html body.theme49 { background: ; } html body.theme50 #background, html body.theme50 { background: ; } html body.theme51 #background, html body.theme51 { background: ; } html body.theme52 #background, html body.theme52 { background: ; } html body.theme53 #background, html body.theme53 { background: ; } html body.theme58 #background, html body.theme58 { background: ; } html body.theme59 #background, html body.theme59 { background: ; } html body.theme60 #background, html body.theme60 { background: ; } html body.theme61 #background, html body.theme61 { background: ; } html body.theme62 #background, html body.theme62 { background: ; } html body.theme63 #background, html body.theme63 { background: ; } html body.theme64 #background, html body.theme64 { background: ; } html body.theme65 #background, html body.theme65 { background: ; } html body.theme66 #background, html body.theme66 { background: ; } html body.theme67 #background, html body.theme67 { background: ; } html body.theme68 #background, html body.theme68 { background: ; } html body.theme69 #background, html body.theme69 { background: ; } html body.theme70 #background, html body.theme70 { background: ; } html body.theme71 #background, html body.theme71 { background: ; } html body.theme72 #background, html body.theme72 { background: ; } html body.theme73 #background, html body.theme73 { background: ; } html body.theme74 #background, html body.theme74 { background: ; } html body.theme75 #background, html body.theme75 { background: ; } html body.theme76 #background, html body.theme76 { background: ; } html body.theme77 #background, html body.theme77 { background: ; } html body.theme78 #background, html body.theme78 { background: ; } html body.theme79 #background, html body.theme79 { background: ; } html body.theme80 #background, html body.theme80 { background: ; } html body.theme81 #background, html body.theme81 { background: ; } html body.theme82 #background, html body.theme82 { background: ; } html body.theme83 #background, html body.theme83 { background: ; } html body.theme84 #background, html body.theme84 { background: ; } html body.theme85 #background, html body.theme85 { background: ; } html body.theme86 #background, html body.theme86 { background: ; } html body.theme87 #background, html body.theme87 { background: ; } html body.theme88 #background, html body.theme88 { background: ; } html body.theme89 #background, html body.theme89 { background: ; } html body.theme90 #background, html body.theme90 { background: ; } html body.theme91 #background, html body.theme91 { background: ; } html body.theme92 #background, html body.theme92 { background: ; } html body.theme93 #background, html body.theme93 { background: ; } html body.theme94 #background, html body.theme94 { background: ; } html body.theme95 #background, html body.theme95 { background: ; } html body.theme96 #background, html body.theme96 { background: ; } html body.theme97 #background, html body.theme97 { background: ; } html body.theme98 #background, html body.theme98 { background: ; } html body.theme99 #background, html body.theme99 { background: ; } html body.theme100 #background, html body.theme100 { background: ; } html body.theme101 #background, html body.theme101 { background: ; } html body.theme102 #background, html body.theme102 { background: ; } html body.theme103 #background, html body.theme103 { background: ; } html body.theme104 #background, html body.theme104 { background: ; } html body.theme105 #background, html body.theme105 { background: ; } html body.theme106 #background, html body.theme106 { background: ; } html body.theme107 #background, html body.theme107 { background: ; } html body.theme108 #background, html body.theme108 { background: ; } html body.theme109 #background, html body.theme109 { background: ; } html body.theme110 #background, html body.theme110 { background: ; } html body.theme111 #background, html body.theme111 { background: ; } html body.theme112 #background, html body.theme112 { background: ; } html body.theme113 #background, html body.theme113 { background: ; } html body.theme114 #background, html body.theme114 { background: ; } html body.theme115 #background, html body.theme115 { background: ; } html body.theme116 #background, html body.theme116 { background: ; } html body.theme117 #background, html body.theme117 { background: ; } html body.theme118 #background, html body.theme118 { background: ; } html body.theme119 #background, html body.theme119 { background: ; } html body.theme120 #background, html body.theme120 { background: ; } html body.theme121 #background, html body.theme121 { background: ; } html body.theme122 #background, html body.theme122 { background: ; } html body.theme123 #background, html body.theme123 { background: ; } html body.theme124 #background, html body.theme124 { background: ; } html body.theme125 #background, html body.theme125 { background: ; } html body.theme126 #background, html body.theme126 { background: ; } html body.theme127 #background, html body.theme127 { background: ; } html body.theme128 #background, html body.theme128 { background: ; } html body.theme129 #background, html body.theme129 { background: ; } html body.theme130 #background, html body.theme130 { background: ; } html body.theme131 #background, html body.theme131 { background: ; } html body.theme132 #background, html body.theme132 { background: ; } html body.theme133 #background, html body.theme133 { background: ; } html body.theme134 #background, html body.theme134 { background: ; }    form { color: #000; } .fieldGroup { padding:22px 5px 15px 15px; margin-bottom: 32px; background-color: #d3d3d3; } .formrow .fieldSpecs { display: none; } .formrow.fttext .l { clear: both; margin-bottom: 5px; } .formrow.fttext .r { margin-bottom: 13px; overflow: hidden; } .formrow.fttext .r input { float: left; width: 356px; padding-left: 14px; height: 35px; margin-right: 6px; border: 0; line-height: 35px; font-weight:bold; } .req { color: #d90000; line-height: 35px; font-size:12px; } #doUpdate_client_clientGroup18{  } fieldset div{ margin-bottom: 10px; } .people #content{ float:left; padding-bottom: 20px; } .people .nameFilterContainer{ background-color: #e3e3e3; padding: 0; } .people #nameFilter .active{ float:left; width:23px; text-align:center; margin-left:20px; padding:10px 0 6px 0; color:#ffffff; background-image: url(../imgs/printSales/atoz-active-arrow.png); background-repeat:no-repeat; color: #fff; } .people #nameFilter .active{ float:left; width:23px; text-align:center; margin-left:20px; padding:10px 0 6px 0; background:#474747 url(../imgs/printSales/active-arrow.png) no-repeat scroll top center; color: #fff; } .people #nameFilter .active.first, .people #nameFilter .first { width:27px; } .people ol#nameFilter{  overflow: hidden; margin-bottom: 0px; } .people #nameFilter li{ display:inline; float: left; margin-left:15px; padding-top: 10px; padding-bottom: 6px; } .people #nameFilter li a{ text-decoration: none; } .people #nameFilter li.active a{ color: #fff; } .people .colInner .txt #records{ padding:20px 0 0 0; } .people .colInner .txt #records .choiceItem{ width: 220px; background-color: #e3e3e3; float:left; margin:0px 20px 10px 0px; } .people .colInner .txt #records .choiceItem:hover{ background-color: #F8F8F8; } .people .colInner .txt #records .lastInRow{ margin-right:0px; } .people .choiceItem .item .img{ width:100px; height:100px; float:left; } .people .choiceItem .item .copy{ float:left; margin:8px 0 0 10px; max-width:52px; } .people .choiceItem .item h2{ font-size:15px; font-family:Helvetica; text-transform: capitalize; }  .singleRecord .people .detailImage { width: 720px; height: 300px; position: relative; left: -20px; background-color: #ebebeb; background-repeat: no-repeat; background-position: center center; } .singleRecord .people .detailImage img { display: none; } .singleRecord .people .mediaCaption { position: relative; left: -20px; background-color: #E2E2E2; height: 20px; width: 720px; } .singleRecord .people .mediaCaption p { color: #707070; display: block; font-size: 12px; height: 20px; line-height: 20px; margin: 0; padding-left: 22px; width: 700px; } .people .current-image-controls { position: absolute; bottom: 0; right: 0; height: 20px; z-index: 13; width: 203px; } .people .current-image-enlarge { background: url("../imgs/newmediaswapper/enlarge.png") no-repeat scroll 0 0 transparent; right: 110px;  right: 0; } .people .current-image-email, .people .current-image-enlarge { border-left: 1px solid #FFFFFF; display: block; height: 20px; position: absolute; text-indent: -999em; width: 109px; cursor: pointer; } .people .current-image-email { background: url("../imgs/newmediaswapper/email.png") no-repeat scroll 0 0 transparent; right: 0; } .singleRecord .people .choiceItem .copy { padding-top: 35px; } .people #content h3 { font-size: 19px; } .singleRecord .people .prints p { position: relative; top: -20px; margin-bottom:0; } .people .galleryContainer .gallery p{ display:none; } .people .galleryContainer .gallery{ overflow:hidden; margin: 0; padding: 0; } .people .galleryContainer .gallery li{ float:left; list-style-type:none; margin:0 0 10px 20px; } .people .galleryContainer .gallery li.startline{ margin-left: 0; } .people .galleryContainer .gallery ol{ float:left; list-style-type:none; } .people .showMore,.people .close { border: medium none; cursor: pointer; display: block; font-size: 0; height: 20px; line-height: 0; margin: 20px 0 0 0; padding: 0; text-indent: -9999px; width: 98px; background: url("../imgs/printSales/printsale-dropdown.png") no-repeat scroll 0 0 transparent; } .people h3.galleryCategory{ margin-bottom: 20px; margin-top: 20px; } .people a.showMore:hover { background-position: 0 -20px; } .people a.close { background-position: 0 -40px; } .people .perpetualScroll{ clear: left; } .people #childNav ol{ margin:0 !important; } .people li.backTo a{ white-space:nowrap; } .buyBlock { font-size: 14px; font-weight: normal; color: #343434; overflow: hidden; } .buyBlock .body { width: 462px; margin-bottom: 20px; } .buyBlock .header div { float: left; padding-bottom: 5px; font-size: 14px; color: #000000; font-family: 'AkzidenzGroteskBdCn',Helvetica,Arial,sans-serif; font-weight: normal; text-transform: uppercase; } .buyBlock .header .type { width: 247px; padding-left: 8px; } .buyBlock .header .price { width: 71px; } .buyBlock .header .quantity { width: 100px; } .buyBlock .variant { clear: left; overflow: hidden; border-bottom : 1px solid #ffffff; background-color: #eaeaea; background: #eaeaea url('../imgs/printSales/buy-block-bg-odd.png') repeat-y scroll 0 0; } .buyBlock .even { background: #d6d6d6 url('../imgs/printSales/buy-block-bg-even.png') repeat-y scroll 0 0; } .buyBlock .variant .type { float: left; width: 229px; padding: 5px 8px 5px 8px; min-height: 21px; } .buyBlock .variant .price { float: left; width: 57px; padding-left: 8px; padding-right: 8px; padding-top: 13px; min-height: 28px; } .buyBlock .variant .quantity { float: left; } .buyBlock .fieldGroup { background-color: transparent; margin-bottom: 0; padding: 0; } .buyBlock .l { display: none; } .buyBlock .variant .ftdropdown, .buyBlock .variant .quantitySpacer { float: left; width: 41px; padding-left: 8px; padding-right: 8px; padding-top: 10px; min-height: 31px; } .buyBlock .variant .frsubmit, .buyBlock .variant .inactiveButton { float: left; width: 71px; padding-left: 8px; padding-right: 8px; padding-top: 9px; min-height: 32px; } .buyBlock #addToBasket_submitButton, .buyBlock .soldout, .buyBlock .enquire{ display: block; width: 71px; height: 23px; text-indent: -999em; background-image: url('../imgs/button/book.png'); border: 0px solid #fff; margin: 0; } .buyBlock #addToBasket_submitButton { background-position: -71px 0; font-size: 0; line-height: 0; } .buyBlock #addToBasket_submitButton:hover { background-position: -71px -23px; } .buyBlock .soldout { background-position: -213px 0; } .buyBlock .enquire { background-position: -143px 0; } .buyBlock .enquire:hover { background-position: -143px -23px; }  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } body { font: 14px 'HelveticaNeue-Medium', Helvetica, Arial, sans-serif; color: #515151; } strong { font-weight: bold; } em { font-style: italic; } h1 { font-size: 35px; line-height: 0.75; margin: 0; padding-top: 0; padding-bottom: 13px; }  h2{ font-size: 19px; } h3{ font-size: 19px; } h4 { font-size: 22px; } h5 { font-size: 19px; } .text #contentInner h2, .textMultipleImages #contentInner h2{ font-size:28px; } .text #contentInner h3, .textMultipleImages #contentInner h3 { font-size:25px; } blockquote { font-size: 23px; margin: 0; padding-left: 35px; background: transparent url('../imgs/blockquote-bg.png') no-repeat scroll 0 2px; } blockquote p { margin: 0; line-height: 1em; } h1, h2, h3, h4, h5, blockquote { font-family:'AkzidenzGroteskBdCn', Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; color: #000; } blockquote { margin-bottom: 22px; line-height: 1.2; } .col.col1 blockquote, .col.col2 blockquote{ width: 420px; } h2, h3, h4, h5 { margin-bottom: 5px; line-height: 1.2; } h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration:none; } p { margin-bottom: 20px; line-height: 1.43; } ol { margin-bottom: 25px; list-style-type: decimal; } ol, ul { margin-bottom: 25px; } ul li { padding-left: 20px; } ol li { margin-left: 20px; } ul li { background: transparent url('../imgs/ul-list-style-image.png') no-repeat scroll 0 3px; }  #widgets .navigation .widgetInner { padding-left: 0; padding-top:15px; padding-bottom: 5px; background: none; } .navigation h2 { display: none; } .navigation li { width:205px; margin-left: 0; padding-left: 15px; margin-bottom: 0; font-size: 19px; font-family: 'AkzidenzGroteskBdCn'; text-transform: uppercase; } .navigation ol { margin-bottom: 0; padding-bottom: 0; list-style-type: none; } .navigation ol ol { padding-bottom: 18px; } .navigation ol ol ol { padding-bottom: 0; } .navigation a, .navigation a:hover { text-decoration: none; line-height: 1.4; } .navigation li a { color: #000; } .navigation li a:hover { color: #9b9b9b; }  .navigation .level0 .active, .navigation .level0 .activeParent { background-color:#a6a6a6; } .navigation .level0 .active a, .navigation .level0 .activeParent a { color:#fff; } .navigation .level0 .active li a, .navigation .level0 .activeParent li a { color:#000; } .navigation .level0 li a:hover { color:#6c6c6c; }  .level1 li{ padding-left: 0; } .level1 a, .level1 a:hover { line-height: 1.5; }  #subnavList.level1 li a{ background: transparent url('../imgs/nav/2nd-nav-dot-initial.png') no-repeat scroll 5px 7px; padding-left:15px; display:inline-block; } #subnavList.level1 li a:hover{ background: transparent url('../imgs/nav/2nd-nav-dot-hover.png') no-repeat scroll 5px 7px; } #subnavList.level1 li.active > a{ background: transparent url('../imgs/nav/2nd-nav-dot-active.png') no-repeat scroll 5px 7px; } #subnavList .level2 li a{ background: transparent url('../imgs/nav/3rd-nav-dot-initial.png') no-repeat scroll 5px 6px; } #subnavList .level2 li a:hover{ background: transparent url('../imgs/nav/3rd-nav-dot-hover.png') no-repeat scroll 5px 6px; } #subnavList .level2 li.active > a{ background: transparent url('../imgs/nav/3rd-nav-dot-active.png') no-repeat scroll 5px 6px; } #subnavList .active a { color:#fff; } #subnavList .active li a { color:#000; } #subnavList .active li a:hover { color:#6c6c6c; } .navigation li li { width:auto;  background-color: #a6a6a6; font-size: 17px; } .navigation li li a:hover { color: #6c6c6c; } .navigation li li li { font-size: 15px; } .navigation li li li li { font-size: 13px; } #subnavList { display: none; } .active #subnavList, .activeParent #subnavList { display: block; }   .level2 li{ padding-left: 10px; } .navigation ol ol .level2 li { background-position:0 8px; }  .navigation ol ol ol .level3 li { background-position:0 6px; } .fixNavMobile{ display:none; } #logo { margin: 19px 0 80px 19px; } #content { width: 740px; background-color: #fff; position: relative; padding-top:20px; padding-bottom:0; margin-bottom: 20px; } #content h1 { padding-left: 20px; padding-right: 20px; } body { background-color: #ccc; } #widgets { width: 205px; background-color: #fff; position: absolute; top: 0; right: 0; height:100%; z-index: 4; } #widgets .col { padding-left: 0; overflow:hidden; } #widgets h2{ margin-bottom: 0px; font-size:19px; letter-spacing: -1px; } #widgets .widgetInner{ background-image: url('imgs/nav/sep.png'); background-position:top left; background-repeat:no-repeat; width: 205px; padding-left: 15px; padding-top:10px; padding-bottom:15px; } #widgets .clear{ clear: both; }  .twitterShare, .facebookLike, .googlePlus, .weibooButton, .flickButton{ float:left; margin-top:10px; margin-right: 10px; } .twitterShare, .facebookLike{ margin-top: 5px; } .facebookLike{ width: 97px; } .googlePlus{ width: 35px; margin-right: 0px; padding-right: 0px; } .weibooButton{ width: 37px; }   .widget.search{ } #widgets .fttext .l label{ display:none; } #widgets .fttext{ margin-top: 5px; } #widgets .widget.search .fieldGroup { padding:0; margin-bottom: 0; background-color: transparent; } #widgets .widget.search .formrow input { } #widgets .widget.search .formrow .r { margin-bottom: 0; overflow: visible; } #widgets .widget.search .r #sent_q { padding: 0px 0px 0px 8px; margin: 0; line-height: 27px; height: 27px; border:1px solid #969696; background: #e9e9e9; width: 140px; font-weight:bold; float: left; border-right:none; font-size:12px; } #widgets .widget.search .ftbutton .l { display:none; } #widgets .widget.search .r #sent_submitButton{ border:1px solid #969696; background-image: url('imgs/button/search-icon.png'); background-repeat:no-repeat; font-size:0px; text-indent:9999px; background-color: #e9e9e9; background-position:4px 3px; cursor:pointer; width: 32px; height: 29px; float: left; }   .mediaSwapper { position: relative; left: -20px; width: 720px; height: 260px; margin-bottom: 10px; background-color: #e2e2e2; } .mediaSwapper #transport { height: 20px; padding-left: 4px; padding-right: 21px; background-color: #ccc; position: absolute; z-index: 10; bottom: 0; right: 0; border-left: 1px solid #fff; } .mediaSwapper #transport_play { width: 20px; height: 20px; background: transparent url('imgs/imageswapper/transportControls/play.png') scroll no-repeat 5px 5px; cursor: pointer; position: absolute; right:0 } .mediaSwapper #transport_play.playing { width: 20px; height: 20px; background: transparent url('imgs/imageswapper/transportControls/pause.png') scroll no-repeat 5px 5px; cursor: pointer; position: absolute; right:0 } .mediaSwapper .transport_chooser { width: 20px; height: 20px; background: transparent url('imgs/imageswapper/transportControls/inactive.png') scroll no-repeat 5px 5px; cursor: pointer; float: left; } .mediaSwapper .transport_chooser.current { width: 20px; height: 20px; background: transparent url('imgs/imageswapper/transportControls/active.png') scroll no-repeat 5px 5px; cursor: pointer; } .mediaSwapper #transport_nextPrevious { visibility: hidden; } .mediaSwapper .mediaCaption { height: 20px; position: absolute; bottom: 0; left: 0; z-index:9; background-color: #e2e2e2; } .mediaSwapper .mediaCaption p { height: 20px; width: 720px; display: block; margin:0; padding-left:22px; font-size: 12px; color: #707070; line-height: 20px; } .mediaSwapper .mediaCaption .caption { display:none; }   .newMediaSwapper { position: relative; width: 480px; height: 340px; margin-bottom: 10px; background: transparent url('../imgs/newmediaswapper/swapper-bg.png') repeat-x scroll bottom left; } .newMediaSwapper #transport { height: 340px; width: 220px; position:absolute; right: -240px; z-index: 10; bottom: 0; border-left: 1px solid #fff; overflow:hidden; } .newMediaSwapper .mediaItem { width: 480px; height: 340px; float:left; margin-right: 20px; overflow: hidden; opacity : 0; } .newMediaSwapper .mediaItem { text-align: center; background-color: #fff; } .newMediaSwapper #transport_playpause { width: 230px; } .newMediaSwapper #transport_play { width: 220px; height: 20px; background: #ccc url('imgs/newmediaswapper/play.png') scroll no-repeat 0 0; cursor: pointer; position: absolute; right: 0; bottom:0; } .newMediaSwapper #transport_play:hover { background-position: 0 -20px; } .newMediaSwapper #transport_play.playing { background: #ccc url('imgs/newmediaswapper/pause.png') scroll no-repeat 0 0; } .newMediaSwapper #transport_play.playing:hover { background-position: 0 -20px; } .newMediaSwapper .transport_chooser { position: relative; left: -1px; width: 71px; height: 70px; margin-right: 4px; margin-bottom: 9px; cursor: pointer; float: left; background: transparent url('../imgs/newmediaswapper/preview-bg.png') repeat-y scroll top right; } .newMediaSwapper .transport_chooser:hover { background: none; } .newMediaSwapper .transport_chooser .preview { height: 70px; line-height: 70px; text-align: center; } .newMediaSwapper .transport_chooser .preview img { vertical-align: middle; } .newMediaSwapper .vertical-align-shim { display:inline-block; line-height: 67px; width:1px;  } .newMediaSwapper .transport_chooser .mask { display: none; } .newMediaSwapper .transport_chooser.current .mask { display:block; position: absolute; width: 70px; height: 70px; right: 0; top: 0; background:transparent url('../imgs/newmediaswapper/active.png') no-repeat scroll top right; } .newMediaSwapper .transport_chooser.current { cursor: pointer; } .newMediaSwapper #transport_nextPrevious { visibility: hidden; } .newMediaSwapper .mediaCaption { height: 20px; position: absolute; bottom: 0; left: 0; z-index:9; background-color: #e2e2e2; } .newMediaSwapper .mediaCaption p { height: 20px; width: 461px; position: absolute; padding-left: 19px; bottom: 20px; display: block; margin:0; font-size: 12px; color: #707070; line-height: 20px; background-color: #e2e2e2; text-align: left; } .newMediaSwapper .mediaCaption .caption { display:none; } .newMediaSwapper .current-image-controls { z-index: 13; width: 480px; height: 20px; position: absolute; bottom:0; background-color: #ccc; } .newMediaSwapper .current-image-email, .newMediaSwapper .current-image-enlarge { display: block; height: 20px; width:109px; position:absolute; border-left: 1px solid #fff; text-indent: -999em; } .newMediaSwapper .current-image-enlarge { right:110px;  right: 0; background: transparent url('../imgs/newmediaswapper/enlarge.png') no-repeat scroll 0 0; } .newMediaSwapper .current-image-enlarge:hover { background-position: 0 -20px; } .newMediaSwapper .current-image-email { right:0; background: transparent url('../imgs/newmediaswapper/email.png') no-repeat scroll 0 0; } .newMediaSwapper .current-image-email:hover { background-position: 0 -20px; } .newMediaSwapper .mediaAsset{ background-color:#ebebeb; } .newMediaSwapper .mediaPlayer { width: 480px; position: absolute; top: 0; left: -50%; margin-left:50%; }   .widgets .basket { background: transparent url('../imgs/myBasket/basket-icon.png') no-repeat scroll 150px 8px; } .widgets .basket .choiceItem, .widgets .basket .totalPrice { display: none; } .widgets .basket .clear { display: none; } .emptyBasket { margin-bottom: 0; } .basketSummary { margin-bottom: 5px; } .widgets .basket .viewBasket { margin-bottom: 0; } .widgets .basket .viewBasket a { display: block; width: 89px; height: 20px; background: transparent url('../imgs/myBasket/view-basket.png') no-repeat scroll 0 0; text-indent: -999em; } .widgets .basket .viewBasket a:hover { background-position: 0 -20px; } .widgets .basket .basketViewAll { display: none; clear: both; padding: 1px 0 10px 36px; margin: 0; } .widgets .basket .basketViewAll a { display: block; width: 278px; height: 20px; background: transparent url('../imgs/myBasket/view-all.png') no-repeat scroll 0 0; text-indent: -999em; } .widgets .basket .basketViewAll a:hover { background-position: 0 -20px; } .widgets .basket .bottomBasketLinks { display:none; clear: both; padding-left: 150px; margin-bottom: 0; } .widgets .basket .bottomBasketEmpty { display: block; float: left; width: 89px; height: 20px; margin-right: 10px; background: transparent url('../imgs/myBasket/basket-button.png') no-repeat scroll 0 0; text-indent: -999em; } .widgets .basket .bottomBasketEmpty:hover { background-position: 0 -20px; } .widgets .basket .bottomBasketCheckout { display: block; float: left; width: 65px; height: 20px; background: transparent url('../imgs/myBasket/basket-button.png') no-repeat scroll -100px 0; text-indent: -999em; } .widgets .basket .bottomBasketCheckout:hover { background-position: -100px -20px; } .widgets .basket .basketRemove { display: block; position: absolute; top: 1px; right: 10px; width: 17px; height: 17px; background: transparent url('../imgs/myBasket/remove.png') no-repeat scroll 0 0; text-indent: -999em; } .widgets .basket .basketRemove:hover { background-position: 0 -17px; }  .basketPreview {  padding-bottom: 9px;  position: absolute; background-image: url(http://assets5.thephotographersgallery.org.uk/imgs/myBasket/popup/images/head.png); background-position:0 0; background-repeat:no-repeat; width: 327px; z-index: 1000; padding-top: 38px; padding-right: 30px; } .basketPreviewOuter {  background-image: url(http://assets1.thephotographersgallery.org.uk/imgs/myBasket/popup/images/foot.png); background-position:0 bottom; background-repeat:no-repeat; clear: both; float: left; padding-bottom: 44px; } .basketPreviewInner {  float: left; width: 352px; position:relative; margin-top: -2px; background-image: url(http://assets2.thephotographersgallery.org.uk/imgs/myBasket/popup/images/body.png); background-position: 0 0px; background-repeat:repeat-y; } .basketPreviewInner h2 { display:none; } .basketPreviewItem { position: relative; background: transparent url('/imgs/myBasket/popup/images/sep.png') no-repeat scroll right bottom; padding: 2px 13px 9px 17px; float: left; width: 289px; clear: both; margin-left: 5px; margin-bottom: 9px; } .basketPreviewItem .img { float: left; width: 50px; height: 50px; margin-right: 10px; margin-top: 0; padding-left: 10px; } .basketPreviewItem img { width: 50px; height: 50px; } .basketPreviewItem .copy { position: relative; width: 199px; float: left; top: -4px; color:#000; } .basketPreviewItem .copy div { color:#515151; } #widgets .basketPreviewInner .clear { border:1px solid red; display:none; } .basketPreviewItem .rightHolder{ margin-top: 9px; float: left; width: 130px; } .basketPreviewItem p { padding: 0; margin: 0; color:#515151; font-size:13px; text-transform: capitalize; line-height:14px; } .basketPreviewItem p.dates{ } .basketPreview .closeLink { background-image: url(http://assets3.thephotographersgallery.org.uk/imgs/myBasket/popup/images/close.png); background-position:0px 0px; background-repeat:no-repeat; width: 48px; height: 20px; display: block; position: absolute; right: 280px; top: -30px; } .basketPreview .closeLink:hover { background-position:0px -20px; } .basketPreview .closeLink a { width: 100%; height: 100%; text-indent: -5000px; line-height: 0; font-size: 0; display: block; }   #widgets .clear{ height: 1px; } #contentInner .widget.search .widgetInner h2{ display:none; } #contentInner .widget.search .frpageSearch{ background: #d3d3d3; margin-left: -20px; padding-left: 20px; padding-top: 10px; width: 500px; height: 55px; margin-top: 45px; } #contentInner #searchResults .introduction{ position:absolute; top:55px; } #contentInner .widget.search .frpageSearch .fieldGroup{ background: none; padding:0; margin-bottom: 0; } .widget.search .fttext .l { clear: none; margin-bottom: 0; } .widget.search .fttext .l label{ display:none; } #contentInner .widget.search .r #sent_q { padding-left: 0; margin-right: 0; height: 35px; border:1px solid #ffffff; background: #ffffff; width: 385px; font-weight:bold; border-right:none; font-size:12px; float: left; padding-left: 15px; } #contentInner .widget.search .r { margin-bottom: 0; overflow: visible; } #contentInner .widget.search .ftbutton .l{ display:none; } #contentInner .widget.search .r #sent_submitButton{ background-image: url('imgs/button/submit.png'); background-repeat:no-repeat; font-size:0px; text-indent:9999px; background-position:0px 0px; cursor:pointer; width: 69px; height: 27px; float: left; border:1px solid #6c6c6c; margin:6px 0px 0px 10px; } #contentInner .widget.search .r #sent_submitButton:hover{ background-position:0px -25px; } #searchResults .item{ background: #e3e3e3; padding:5px 10px 10px 10px; margin-bottom: 10px; } #searchResults .item:hover{ background-color: #f8f8f8; } #searchResults .moreLinks{ display:none; } .searchResults .pagechooser{ display:none; } #bottomWidgets{ float: left; width: 740px; height: auto; padding:20px 0px 20px 0px; background-color:#ffffff; margin-top: 10px; } #bottomWidgets .widget.pageCrossSell{ width: 210px; height:226px; float: left; background: #f1f1f1; margin-left:20px; padding:5px; } #bottomWidgets .widgetInner{ position:relative; width: 200px; padding-left: 5px; overflow:hidden; } #bottomWidgets .widget.pageCrossSell:hover{ background: #f8f8f8; } #bottomWidgets h3{ margin-bottom:8px; font-size:20px; } #bottomWidgets .img{ border:1px solid #dec283; } #bottomWidgets .copy p{ padding-top: 10px; line-height: 16px; } #bottomWidgets .moreLinks{ display:none; } #bottomWidgets ol{ list-style-type: none; } #bottomWidgets .widget.pageCrossSellTwitter .copy{ background-image:url('imgs/twitter-bubble.png'); background-repeat: no-repeat; padding: 5px; height: 90px; padding-bottom: 0px; } #bottomWidgets .widget.pageCrossSellTwitter .copy blockquote{ padding-top: 0px; margin-bottom: 0px; font-size:13px; font-weight:normal; padding-left: 0px; background: none; text-transform: none; font: 14px 'HelveticaNeue-Medium', Helvetica, Arial, sans-serif; color: #515151; line-height:1em; } #bottomWidgets .widget.pageCrossSellTwitter a{ color:#01aef0; text-decoration:none; } #bottomWidgets .twitterShare, #bottomWidgets .socialBookmarkingIcons{ position: absolute; right:0px; top:0px; float: right; margin-top: 0px; margin-right:0px } #bottomWidgets .pageCrossSellTwitter ol li{ margin-left:0px; } #bottomWidgets .pageCrossSellTwitter .widgetInner{ padding-left: 0px; } table { border-collapse:collapse; border-spacing:0; width: 100%; } .calendarHolder{ background: #efefef; padding: 5px; width: 165px; padding-bottom: 0px; font-family:'HelveticaNeue-Medium', Helvetica, Arial, sans-serif; font-size: 14px; } .calendarHolder a{ text-decoration:none; } #widgets .calendar caption { display: table-caption !important; } .calendar-month { color:#000000; width: 165px; height: 20px; background: #efefef; position:relative; display:block; text-align: center; } .calendar-month span{ line-height: 0; font-size: 0; text-indent: -5000px; width: 11px; height: 10px; } .calendar-month span a { display: block; width: 100%; height: 100%; color: inherit; } tbody{ background: #efefef; } .calPrev { background: url(http://assets4.thephotographersgallery.org.uk/imgs/calendar/back.png) no-repeat; display: block; position: absolute; left: 0; top: 5px; } .calNext { background: url(http://assets5.thephotographersgallery.org.uk/imgs/calendar/next.png) no-repeat; display: inline-block; position: absolute; right: 0; top: 5px; } .calendarTable td { height: 20px; text-align: center; vertical-align: middle; border-right: 1px solid #727272; color:#000000; font-size:13px; font-weight:bold; font-family:Helvetica; } .calendarTable th { padding-top: 3px; padding-bottom: 3px; border-right: 1px solid #727272; font-weight:bold; font-size:14px; font-family:'AkzidenzGroteskBdCn', Helvetica, Arial, sans-serif; } .calendarTable td.isLink { background-color: #a3a3a3; } .calendarTable td.isLink a { color:#ffffff; } .calendarPreview {  padding-bottom: 9px;  position: absolute; background-image: url(http://assets1.thephotographersgallery.org.uk/imgs/calendar/popup/images/head.png); background-position:0 -14px; background-repeat:no-repeat; width: 241px; z-index: 1000; padding-top: 32px; padding-right: 30px; } .calendarPreviewOuter {  background-image: url(http://assets2.thephotographersgallery.org.uk/imgs/calendar/popup/images/foot.png); background-position:0 bottom; background-repeat:no-repeat; clear: both; float: left; padding-bottom: 42px; } .calendarPreviewInner {  float: left; width: 270px; position:relative; margin-top: -2px; background-image: url(http://assets3.thephotographersgallery.org.uk/imgs/calendar/popup/images/middle.png); background-position: 0 0px; background-repeat:repeat-y; } .calendarPreviewInner h2 { display:none; } .calendarPreviewItem.first { background: transparent url('') no-repeat scroll right top; margin-top: -29px; } .calendarPreviewItem { background: transparent url('/imgs/calendar/popup/images/sep.png') no-repeat scroll right top; padding: 2px 13px 9px 17px; position: relative; float: left; width: 206px;  clear: both; margin-left: 5px; } .calendarPreviewItem img{ float: left; width: 50px; height: 50px; margin-right: 10px; margin-top: 12px; padding-left: 10px; } #widgets .calendarPreviewInner .clear { border:1px solid red; display:none; } .calendarPreviewItem.last { border:none; } .calendarPreviewItem .rightHolder{ margin-top: 9px; float: left; width: 130px; } .calendarPreviewItem p { padding: 0; margin: 0; color:#515151; font-size:13px; text-transform: capitalize; line-height:14px; } .calendarPreviewItem p.dates{ } .calendarPreview .closeLink { background-image: url(http://assets4.thephotographersgallery.org.uk/imgs/calendar/popup/images/close.png); background-position:0px 0px; background-repeat:no-repeat; width: 48px; height: 20px; display: block; position: absolute; right: 203px; top: -45px; } .calendarPreview .closeLink:hover{ background-position:0px -20px; } .calendarPreview .closeLink a { width: 100%; height: 100%; text-indent: -5000px; line-height: 0; font-size: 0; display: block; } .calendarPreviewItem .copy { float:left; width: 140px; } .calendar.widget .calendarPreviewItem ol.moreLinks{ padding-left: 0px; display:inline; position:relative; left:0px; bottom:-1px; } .calendarPreviewItem ol.moreLinks li{ display:inline; font-size: 13px; } .calendarPreviewItem ol.moreLinks li a{ text-decoration: none; } .calendarPreviewItem .moreLinks .bookNow a { border-right:2px solid #561042; padding-right: 6px; } .calendarPreviewItem .moreLinks .bookNow a.limited { background-image: url(http://assets5.thephotographersgallery.org.uk/imgs/bookbutton/limited.gif); } .calendarPreviewItem .moreLinks .bookNow a.free { background-image: url(http://assets1.thephotographersgallery.org.uk/imgs/bookbutton/free.gif); } .calendarTable td.calPrevMonth, .calendarTable td.calNextMonth { color:#EFEFEF; } .calendarPreviewItem .moreLinks .bookNow a:hover { background-position: left bottom; } .dateFeature { color: white; } .dateFeature .month { text-transform: uppercase; } .dateFeature .day { padding-top: 3px; font-size: 1.3em; display: block; text-align: center; } .dateFeature { width: 47px; height: 41px; margin-left: -5px; margin-top: -5px; position: absolute; top: 0; left: 0; background: url(http://assets2.thephotographersgallery.org.uk/imgs/new-date-bg.png); color: white; } .dateFeature .day { padding-top: 3px; font-size: 1.3em; display: block; text-align: center; } .dateFeature .month { display: block; text-align: center; font-size: 0.9em; line-height: 1em; } .calendar.widget .moreLinks { bottom: 0; position: absolute; right: 0; } .calendar.widget .moreLinks a { text-transform: uppercase; } .calendarPreviewInner h3 { display: none; } #widgets .calendarPreviewInner h4{ font: 14px 'HelveticaNeue-Medium', Helvetica, Arial, sans-serif; text-transform: none; margin-bottom: 0px; padding: 5px 0px 5px 0px; } #widgets .calendarPreviewInner h4 a { font: 14px 'HelveticaNeue-Medium', Helvetica, Arial, sans-serif; line-height:15px; } #widgets .calendarPreviewInner a { color: #000000; } .breadCrumb{ background: #d6d6d6; padding-left:20px; padding-top: 2px; } .breadCrumb .current{ color:#6a6a6a; } .breadCrumb a{ font-size:12px; } .breadCrumb a:hover{ color:#6a6a6a; }  #container { width:100%; position:absolute; } .fullBg { position: relative; top: 0; left: 0; width: 100%; } #background { background-color: #e1b7c1; position:fixed; z-index: -1; } #containerInner{ width: 740px; min-height: 1400px; } .revealButton { background-image: url('imgs/button/revealbg.png'); height: 148px; width: 19px; position: absolute; right: -19px; top: 0px; display:none; } .revealButton:hover { background-position: 0px 148px; height: 148px; width: 19px; position: absolute; right: -19px; top: 0px; cursor: pointer; } .revealButton.closeBackground{ background-position:19px 0px; } .revealButton.closeBackground:hover { background-position:19px 148px; } .backTo { height: 18px; margin: 0; list-style-type: none; padding:2px 5px 0 5px; position: absolute; left: 20px; bottom: 0; font-family:'AkzidenzGroteskBdCn', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; text-transform: uppercase; text-align: center; background-color: #6c6c6c; } .backTo a { text-decoration: none; color: #fff; } .backTo:hover { background-color: #9c9c9c; position:absolute; bottom:0px; } .breadCrumb { } .imageCredit{ background-color: #ebebeb; } .imageCredit p{ margin: 0px 0px 0px 20px; color:#000000; } #footer{ background:#ffffff; font-family:'HelveticaNeue-Medium', Helvetica, Arial, sans-serif; padding-bottom:18px;  } #footer #fctext1{ padding-top:15px; } #footer #fctext1 p, #footer #fctext2 p{ margin-bottom:0px; color:#000000; line-height: 16px; } #fcsponsor .caption, #fcsponsor .moreLinks{ display:none; } #footer #footerInner{ width: 713px; position:relative; } #fcsponsor .mediaItem { float: left; width: 115px; margin-right: 15px; } #fcsponsor { position:absolute; right: -46px; top: 28px; } #footerChildNav{ display:none; } #fcsponsor .mediaItem .mediaCaption{ display:none; } #childNav ol{ list-style-type: none; margin-top: -5px; margin-left:-5px; } #childNav li.child a{ color: #515151; font-size:14px; } #childNav li.child a:hover{ color:#979797; } #childNav li.child{ text-transform: capitalize; list-style-type:square; color: #515151; font-size: 17px; padding-bottom: 5px; } #childNav li.child:hover{ color:#979797; } #childNav li.child.pdfLink, #childNav li.child.docLink, #childNav li.child.xlsLink{ list-style-type: none; padding-top: 33px; background-image: url('../imgs/downloadIcons/pdf_icon.png'); background-position: 2px 27px; background-repeat: no-repeat; display: block; padding-left: 35px; margin-left: 0px; padding-bottom: 2px; } #childNav li.child.docLink{ background-image: url('../imgs/downloadIcons/doc_icon.png'); } #childNav li.child.xlsLink{ background-image: url('../imgs/downloadIcons/xls_icon.png'); } .fileInfo{ text-decoration: underline; text-transform: lowercase; font-size:14px; } .textMultipleImages div.pageMedia { width: 240px; } .textMultipleImages .col1 { padding-left:0; padding-right:20px; float: right; overflow: hidden; } .textMultipleImages .col2 { width: 440px; padding-left: 20px; overflow: hidden; }  .textMultipleImages .mediaAsset { margin-bottom: 7px; } .textMultipleImages .mediaCaption { text-align: right; font-size: 12px; color: #707070; } .textMultipleImages .mediaCaption .caption { display: none; } .textMultipleImages .col.col2 blockquote{ width: 400px; } .sectionHomepage .introduction { padding-right: 60px; } .sectionHomepage .choiceItem { width: 340px; height: 170px; margin-bottom: 9px; margin-right: 20px; float: left; overflow: hidden; background-color: #e3e3e3; } .sectionHomepage .choiceItem:hover { background-color: #f8f8f8; } .sectionHomepage .choiceItem img{ float: left; } .sectionHomepage .col.col1 .copy { width: 150px; height: 160px; padding: 5px 10px 0 10px; float: right; overflow: hidden; } .sectionHomepage .copy h3 { max-height: 49px; margin-bottom:0; overflow: hidden; font-size: 21px; } .sectionHomepage #content .col { overflow: hidden; padding-right: 0; padding-bottom: 16px; }  .text #content{ float: left; background-color:transparent; padding-top: 0px; } .text #contentInner{ background-color: #ffffff; float:left; padding-top: 20px; width: 740px; position:relative; } .col { padding-left: 20px; padding-right: 20px; } .text .col2 { padding-left: 20px; padding-right: 20px; padding-top:20px; } .text #childNav ol{ margin-bottom:50px; }  .news .col { padding-left: 20px; padding-right: 20px; } .news .choiceItem { height: 140px; margin-bottom: 19px; } .news .choiceItem .copy { width: 460px; height: 120px; padding: 12px 10px 8px 9px; background-color: #e3e3e3; } .news .choiceItem .copy:hover{ background-color: #f8f8f8; } .news .choiceItem .img { float: right; } .news .choiceItem h2 { margin-bottom: 0; font-size: 19px; } .news .choiceItem .subHeading { margin-bottom: 0; } .pagechooser-perpetual-enabled { display: none; } .pagechooser { position: absolute; bottom: 5px; right: 20px; } .pagechooser .current { text-decoration: none; } .perpetualScroll { height: 18px; width: 700px; padding-top: 2px; margin: 0; font-family:'AkzidenzGroteskBdCn', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; text-transform: uppercase; text-align: center; background-color: #6c6c6c; margin-top: -10px; } .perpetualScroll a { display:block; width: 100%; height: 100%; text-decoration: none; color: #fff; } .perpetualScroll a:hover { color: #9c9c9c; }  .singleRecord .news .choiceItem { height: auto; min-height: 140px; margin-bottom: 8px; } .singleRecord .news .choiceItem .copy { width: 460px; height: auto; min-height: 120px; padding: 12px 10px 10px 9px; background-color: #e3e3e3; }   .pageGalleryWithDownload #content{ float:left; } #lbCloseLink { position: absolute; bottom: 0; right: 10px; } .pageGalleryWithDownload .col.col2{ padding:0px 20px 0 20px; } .pageGalleryWithDownload p{ margin-bottom:18px; } .pageGalleryWithDownload ol.mediaList{ list-style-type: none; width: 755px; margin:0; } .pageGalleryWithDownload ol.mediaList p{ display:none; border:1px solid red; } .pageGalleryWithDownload ol.mediaList li { width: 100px; float: left; margin-right: 20px; margin-bottom: 20px; margin-left:0px; background-color:#EFEFEF; } .pageGalleryWithDownload .showMore, .pageGalleryWithDownload .close{ display:none; } .pageGalleryWithDownload h3.galleryCategory{ clear: both; font-size:22px; margin-bottom: 0px; } .pageGalleryWithDownload #childNav{ clear:both; } .pageGalleryWithDownload .colInner .txt p{ margin-bottom: 20px; }  #lbBottomContainer { min-height: 32px; } #lbCaption h3{ display:none; } #lbCaption p{ font-weight:normal; font-size: 14px; color: #343434;  } a.download{ color:#343434; text-decoration: none; }      #lbNumber{ font-size: 14px; color: #343434;    } .homepage #logo { margin-bottom: 427px; } .homepage .exhibitionTitles { position: absolute; top: 152px; left: 18px; width: 370px; font-family:'AkzidenzGroteskBdCn', Helvetica, Arial, sans-serif; font-size: 55px; color: #fff; text-transform: uppercase; line-height: 42px; } .homepage .exhibition1 { text-shadow: none; } .homepage .exhibitionTitles a{ text-decoration: none; color:#fff; } .homepage .exhibition2, .homepage .exhibitionTitles .exhibition2 a { color: #000; } .homepage .exhibitionTitles div { margin-bottom: 11px; } .homepage h1 { display: none; } .homepage .col { padding-right: 0; overflow: hidden; } .homepage .templateCrossSell { width: 220px; margin-right: 20px; margin-bottom: 10px; float: left; overflow: hidden; } .homepage .templateCrossSell .item { height: 315px; position: relative; background-color: #e3e3e3; background-position: right bottom; } .homepage .templateCrossSell .item:hover{ background-color: #f8f8f8; } .homepage .templateCrossSell .item.small { height: 275px; } .homepage .templateCrossSell .subHeading.date{ display:none; } .homepage .col.col1 .item .copy { padding:5px 9px 9px 9px; font-size: 13px; } .homepage .item .beforeTitle { font-size: 15px; font-family:'AkzidenzGroteskBdCn', Helvetica, Arial, sans-serif; color: #737373; text-transform: uppercase; line-height: 1.1; } .homepage .item h3 { margin-bottom: 3px; font-size: 19px; line-height: 0.9; } .homepage .clear { height: 1px; } .homepage .item .button { position: absolute; right: 0; bottom: 0; width: 72px; height: 20px; overflow:hidden; text-align: -999em; z-index: 5; } .homepage .item.buynow .button, .homepage .item.booknow .button, .homepage .item.soldout .button { background-image: url('../imgs/whats-on-sprite.png'); background-repeat: no-repeat; } .homepage .item.buynow .button { background-position: 0px 0px; } .homepage .item.buynow .button:hover{ background-position: 0px -20px; } .homepage .item.booknow .button { background-position: -72px 0px; } .homepage .item.booknow .button:hover{ background-position: -72px -20px; } .homepage .item.soldout .button { background-position: -144px 0; } .homepage #bottomWidgets { margin-top: 0; padding-top: 0; } .homepage #content { margin-bottom: 0; padding-top: 10px; } .homepage #contentInner br.clear { display:none; } .clickthrough { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;  background-image:url('../imgs/email/spacer.gif'); }  .whatsOnFilter { margin-bottom: 10px; padding-bottom: 10px; position: relative; left: -20px; overflow: hidden; background: #d7d7d7 url('imgs/filter-bg.png') no-repeat scroll left bottom; } .whatsOnFilter h3 { height: 22px; padding-left: 20px; background-color: #c6c6c6; font-size: 18px; line-height: 22px; } .whatsOnFilter #filterWidgetOrder { position: absolute; top: 0; right: 60px; height: 22px; line-height: 22px; } .whatsOnFilter #clearAllBox { position: absolute; top: 0; right: 10px; height: 22px; line-height: 22px; } .whatsOnFilter #dateorder { margin-left: 10px; } .whatsOnFilter #filterWidgetCategory, .whatsOnFilter #filterWidgetArtist, .whatsOnFilter #filterWidgetDate { width: 210px;  margin-right: 30px;  float: left; } .whatsOnFilter #filterWidgetCategory { width: 210px; padding-left: 20px; } .whatsOnFilter #filterWidgetDate { margin-right: 0; } .whatsOnFilter p, .whatsOnFilter label { margin-bottom: 0; } .whatsOnFilter p input { position: relative; top: 1px; vertical-align: baseline; margin-top: 0; margin-left: 0; margin-bottom: 0; } .whatsOnFilter .filterWidgetFilters label { display: block; margin-bottom: 3px; font-family:'AkzidenzGroteskBdCn', Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; color: #515151; } .whatsOnFilter .filterWidgetFilters select { width: 100%; } .recordList #content .whatson .col { min-height: 1400px; } .whatsonArchive .col{ width: 730px; } .whatsonArchive #footerInner .col{ width:auto; } whatsonArchive col, .whatson .col { padding-right: 0; overflow: hidden; } .whatson #records, .whatsonArchive #records{ overflow: hidden; } .recordList .whatson .choiceItem, records, .whatsonArchive .choiceItem, records { width: 220px; margin-right: 20px; margin-bottom: 10px; float: left; overflow: hidden; } .recordList .whatson .choiceItem .item, .whatsonArchive .choiceItem .item { height: 275px; position: relative; background-color: #e3e3e3; background-position: right bottom; } .whatsonArchive .choiceItem .item p { display:none; } .whatsonArchive .choiceItem .item p.date { display:block; } .recordList .whatson .choiceItem .item:hover{ background-color: #f8f8f8; } .recordList .whatson .choiceItem .item.hover, .whatsonArchive .choiceItem .item:hover { background-color: #f8f8f8; } .recordList .whatson #contentInner .col.col1 .item .copy, .whatsonArchive #contentInner .col.col1 .item .copy { padding:5px 9px 9px 9px; font-size: 13px; } .recordList .whatson .item .category, .whatsonArchive .item .category { font-size: 15px; font-family:'AkzidenzGroteskBdCn', Helvetica, Arial, sans-serif; color: #737373; text-transform: uppercase; line-height: 1.1; } .recordList .whatson .item h3, .whatsonArchive .item h3 { margin-bottom: 3px; font-size: 19px; line-height: 0.9; } .whatson .clear, .whatson .clear { height: 1px; } .whatson .item .button { position: absolute; right: 0; bottom: 0; width: 72px; height: 20px; overflow:hidden; text-align: -999em; } .whatson .item.buynow .button, .whatson .item.booknow .button, .whatson .item.soldout .button { background-image: url('../imgs/whats-on-sprite.png'); background-repeat: no-repeat; } .whatson .item.buynow .button { background-position: 0 -20px; } .whatson .item.buynow.hover .button, .whatson .item.buynow:hover .button { background-position: 0 0; } .whatson .item.booknow .button { background-position: -72px -20px; } .whatson .item.booknow.hover .button, .whatson .item.booknow:hover .button { background-position: -72px 0; } .whatson .item.soldout .button { background-position: -144px 0; }  .singleRecord .whatson #content { padding-top: 15px; } .singleRecord .whatson h1 { display:none; } .singleRecord .whatson #contentInner { overflow: hidden; } .singleRecord .whatson #content .col { padding-left: 0; } .singleRecord .whatson .col1 { margin-right: 20px; } .singleRecord .whatson .tabs { width: 480px; float: left; } .singleRecord .whatson .eventSideBar { width: 220px; float: right; } .singleRecord .whatson .choiceItem { float: none; margin: 0; overflow: visible; width: auto; } .singleRecord .whatson .itemHeader { margin-bottom: 16px; padding-left: 19px; } .singleRecord .whatson .itemHeader h3 { font-size: 31px; margin-bottom: 0; width:575px; } .singleRecord .whatson .itemHeader p { margin-bottom: 0; } .singleRecord .whatson .itemHeader .beforeTitle, .singleRecord .whatson .itemHeader .afterTitle { color: #000; } .whatson .subnavTabs { height: 25px; padding-left: 19px; margin-bottom: 10px; border-bottom: 1px solid #000; list-style-type: none; overflow: hidden; } .whatson .subnavTabs li { float: left; margin-left: 0; margin-right: 5px; height: 25px; } .whatson .subnavTabs a { display: block; height: 100%; padding: 0 14px 0 14px; background-color: #ccc; font-family:'AkzidenzGroteskBdCn', Helvetica, Arial, sans-serif; font-size: 18px; color: #fff; text-decoration: none; text-align: center; text-transform: uppercase; line-height: 25px; } .whatson .subnavTabs .active a { background-color: #6c6c6c; } .whatson .subnavTabs a:hover { color: #f8f8f8; } .whatson .tab { padding-left: 19px; } .whatson .tab h2 { display: none; }  .singleRecord .whatson .choiceItem .img{ margin-bottom:35px; } .singleRecord .whatson #bookNowLink{ background:url('/imgs/button/book-now.png') 0 0 no-repeat; width:110px; height:31px; cursor:pointer; display:block; float:right; } .singleRecord .whatson #bookNowLink:hover{ background-position:0 -30px; } .singleRecord .whatson #eventSponsor .mediaItem { float: left; margin-right: 35px; margin-bottom: 25px; } .singleRecord .whatson #eventSponsor .mediaCaption { display: none; } .singleRecord .whatson .eventSideBar h2 { height: 25px; margin-bottom: 10px; border-bottom: 1px solid #000; font-size: 18px; } .singleRecord .whatson .eventSideBar h3 { height: 25px; margin-bottom: 20px; border-bottom: 1px solid #000; font-size: 18px; } .singleRecord .whatson .eventSideBar .socialBookmarkingEvent h3 { margin-bottom: 10px; } .singleRecord .whatson .eventSocial { margin-bottom: 30px; overflow: hidden; } .singleRecord .whatson .eventSocial .twitterShare { width: 109px; margin-top: 0; } .singleRecord .whatson .eventSocial .facebookLike { margin-top: 0; margin-right: 0; } .singleRecord .whatson .eventSocial .googlePlus { width: 109px !important; margin-right: 10px; } .singleRecord .whatson .relatedXS .item { overflow: hidden; margin-bottom: 20px; } .singleRecord .whatson .relatedXS .item br.clear { display: none; } .singleRecord .whatson .relatedXS .img { width: 70px; height: 70px; margin-right: 10px; float: left; background-color: #ebebeb; text-align: center; } .singleRecord .whatson .relatedXS .img img { margin: auto; } .singleRecord .whatson .relatedXS .copy h3 { display: inline; font: 14px 'HelveticaNeue-Medium', Helvetica, Arial, sans-serif; margin-bottom:0; font-weight: normal; text-transform: none; border: none; line-height: 1.2; } .singleRecord .whatson .relatedXS .copy span, .singleRecord .whatson .relatedXS .copy p{ display:block; min-width:140px; padding-top:3px; } .singleRecord .whatson .relatedXS .copy p { margin:0; line-height: 1.2; }  .singleRecord .whatson #BookingInfo tbody{ background:none; } .singleRecord .whatson #BookingInfo thead{ border-bottom:5px solid #ffffff; } .singleRecord .whatson #BookingInfo thead td.date{ width:115px; margin-right:1px; } .singleRecord .whatson #BookingInfo thead td.time{ width:78px; } .singleRecord .whatson #BookingInfo thead td.price{ width:124px; } .singleRecord .whatson #BookingInfo thead td.quantity{ width:56px; } .singleRecord .whatson #BookingInfo tbody td{ background: none repeat scroll 0 0 #EFEFEF; height: 21px; margin: 0; padding: 0; border-bottom:1px solid #ffffff; border-right:1px solid #ffffff; } .singleRecord .whatson #BookingInfo tbody .even td{ background: none repeat scroll 0 0 #D6D6D6; } .singleRecord .whatson #BookingInfo tbody td p{ float:left; margin:0; padding:0; } .singleRecord .whatson #BookingInfo tbody td.date{ width: 101px; padding:0 7px; } .singleRecord .whatson #BookingInfo tbody td.time{ width: 66px; padding:0 7px; } .singleRecord .whatson #BookingInfo tbody td.formSale{ margin: 0 0 1px 0; width: 263px; border-right:none; background:none; padding:0; } .singleRecord .whatson #BookingInfo tbody td.formSale .fieldGroup div.formrow{ background: none repeat scroll 0 0 #EFEFEF; height:40px; float:left; border-right:1px solid #ffffff; } .singleRecord .whatson #BookingInfo tbody .even td.formSale .fieldGroup div.formrow{ background: none repeat scroll 0 0 #D6D6D6; } .singleRecord .whatson #BookingInfo tbody td.formSale .ftdropdown{ width:56px;  } .singleRecord .whatson #BookingInfo tbody td.formSale .ftdropdown select{ width:40px; margin:9px 0 0 8px; } .singleRecord .whatson #BookingInfo tbody td.formSale .frtickettypeid{ width:122px;  } .singleRecord .whatson #BookingInfo tbody td.formSale .frtickettypeid select{ width:106px; } .singleRecord .whatson #BookingInfo tbody td.formSale .fraddToBasket{ width:83px;  } .singleRecord .whatson #BookingInfo tbody td.formSale .fraddToBasket input{ background:url('/imgs/button/book.png') 0 0 no-repeat; height:23px; width:71px; border:none; margin:8px 0 0 6px; cursor:pointer; }  .singleRecord .whatson #BookingInfo tbody td.formSale > .quantitySpacer{  border-right:1px solid #ffffff; float:left; height:40px; width:176px; } .singleRecord .whatson #BookingInfo tbody td.formSale > .inactiveButton{ width:260px; height:40px; background-color:#efefef; } .singleRecord .whatson #BookingInfo tbody tr.even td.formSale > .inactiveButton{ background-color:#d6d6d6; } .singleRecord .whatson #BookingInfo tbody td.formSale > .inactiveButton .soldout{ float:right; margin-right: 6px; margin-top: 8px; }  .whatson #childNav{ clear: both; padding-top: 14px; } .whatson #childNav .child{ display: none; } .whatsonArchive .col1 .pagechooser:first-child{ display:none; }  .buyBlock thead td { color: #000000; font-family: 'AkzidenzGroteskBdCn',Helvetica,Arial,sans-serif; font-size: 14px; font-weight: normal; padding-bottom: 5px; text-transform: uppercase; } .mailinglistSubscribe #contentInner { overflow: hidden; } .successMessage .mailinglistSubscribe #contentInner { min-height: 423px; } .mailinglistSubscribe h1 { padding-bottom: 25px; } .mailinglistSubscribe .col1 { width: 200px; float: left } .successMessage .mailinglistSubscribe .col1 { width: auto; float: none; } .mailinglistSubscribe .col2 { width: 460px; padding-bottom: 27px; float: right; } .mailinglistSubscribe .fieldGroupLabel, .mailinglistSubscribe .col2 h3 { font-size: 20px; line-height: 22px; } .mailinglistSubscribe .col2 h3 { margin-bottom: 0; } .mailinglistSubscribe .col2 .fieldGroupLabel { margin-bottom: 6px; } .mailinglistSubscribe .ftchecklist .l { height: 0; visibility: hidden; } .mailinglistSubscribe #mailingListForm #fieldGroup_your_interests { margin-bottom: 8px; padding-top: 16px; padding-bottom: 1px; } .mailinglistSubscribe #mailingListForm #fieldGroup_default { padding: 0; margin-bottom: 15px; background-color: transparent; } .mailinglistSubscribe #mailingListForm .ftauthorisation{ height: 1px; } .mailinglistSubscribe #mailingListForm .ftbutton .l { display: none; } .ftchecklist .r div label { position: relative; top: -2px; } .mailinglistSubscribe .backTo { left: 260px; } .successMessage .mailinglistSubscribe .backTo { left: 20px; } .mailinglistSubscribe #doUpdate_client_SubmitButton { height: 25px; width: 67px; padding: 0; margin: 0; background-color: #6C6C6C; border:0; border-right: 1px #cbcbcb solid; border-bottom: 1px #cbcbcb solid; font-weight: normal; font-family: 'AkzidenzGroteskBdCn',Helvetica,Arial,sans-serif; font-size: 16px; line-height: 25px; color: #fff; text-transform: uppercase; text-align: center; -webkit-appearance: none; -moz-border-radius: 0; border-radius: 0; } .mailinglistSubscribe #doUpdate_client_SubmitButton:hover { background-color: #9c9c9c; } .mailinglistSubscribe label{ color:#515151; } .mailinglistSubscribeInHouse #widgets { display: none; } #background { min-width: 100%; min-height: 100%; background-color: #e1b7c1; } .mailinglistSubscribeInHouse .breadCrumb { display: none; } .mailinglistSubscribeInHouse #childNav { display: none; } .mailinglistUnsubscribe #contentInner { overflow: hidden; min-height: 423px; } .mailinglistUnsubscribe h1 { padding-bottom: 25px; } .mailinglistUnsubscribe .col1 { width: 200px; float: left } .successMessage .mailinglistUnsubscribe .col1 { width: auto; float: left } .mailinglistUnsubscribe .col2 { width: 460px; padding-bottom: 27px; float: right; } .mailinglistUnsubscribe .fieldGroupLabel, .mailinglistUnsubscribe .col2 h3 { font-size: 20px; line-height: 22px; } .mailinglistUnsubscribe .col2 h3 { margin-bottom: 0; } .mailinglistUnsubscribe .col2 .fieldGroupLabel { margin-bottom: 6px; } .mailinglistUnsubscribe .ftchecklist .l { height: 0; visibility: hidden; } .mailinglistUnsubscribe #mailingListForm #fieldGroup_your_details { margin-bottom: 10px; padding-top: 10px; } .mailinglistUnsubscribe #mailingListForm #fieldGroup_default { padding: 0; margin-bottom: 15px; background-color: transparent; } .mailinglistUnsubscribe #mailingListForm .ftauthorisation{ height: 1px; } .mailinglistUnsubscribe #mailingListForm .ftbutton .l { display: none; } .mailinglistUnsubscribe .backTo { left: 260px; } .successMessage .mailinglistUnsubscribe .backTo { left: 20px; } .mailinglistUnsubscribe #sent_submitButton { height: 25px; width: 67px; padding: 0; margin: 0; background-color: #6C6C6C; border:0; border-right: 1px #cbcbcb solid; border-bottom: 1px #cbcbcb solid; font-weight: normal; font-family: 'AkzidenzGroteskBdCn',Helvetica,Arial,sans-serif; font-size: 16px; line-height: 25px; color: #fff; text-transform: uppercase; text-align: center; -webkit-appearance: none; -moz-border-radius: 0; border-radius: 0; } .mailinglistUnsubscribe #sent_submitButton:hover { background-color: #9c9c9c; } .mailinglistUnsubscribe .fieldGroup{ padding-top:5px; } .mailinglistUnsubscribe label{ color:#515151; } .recordList .product .choiceItem { } .product .col { padding-right: 0; overflow: hidden; } .product .copy h2{ max-height: 42px; line-height: 22px; overflow: hidden; } .product #records { overflow: hidden; } .recordList .product .choiceItem { width: 221px; height: 310px; margin-right: 19px; margin-bottom: 0; float: left; overflow: hidden; } .recordList .product .choiceItem .item { height: 275px; position: relative; background-position: right bottom; } .recordList .product #contentInner .col.col1 .item .copy { padding-top:8px; font-size: 13px; } .recordList .product .item .category { font-size: 15px; font-family:'AkzidenzGroteskBdCn', Helvetica, Arial, sans-serif; color: #737373; text-transform: uppercase; line-height: 1.1; } .recordList .product .item h3 { margin-bottom: 3px; font-size: 19px; line-height: 0.9; } .recordList .product .item p { margin-bottom: 0; } .recordList .product .item .img {    height: 220px; background: transparent url('../imgs/product-list-item-bg.png') scroll repeat-y 0 0; text-align: center; line-height: 220px; } .recordList .product .item .img .vertical-align-box, .recordList .product .item .img a { vertical-align: middle; display:inline-block; } .vertical-align-shim { display:inline-block; line-height: 217px; width:1px;  } .recordList .product .perpetualScroll{ margin:10px 0 0; }   .singleRecord .product #content { padding-top: 15px; } .singleRecord .product h1 { display:none; } .singleRecord .product #contentInner { overflow: hidden; } .singleRecord .product #content .col { padding-left: 0; } .singleRecord .product .col1 { margin-right: 20px; } .singleRecord .product .tabs { width: 480px; float: left; } .singleRecord .product .eventSideBar { width: 220px; float: right; } .singleRecord .product .choiceItem { float: none; margin: 0; overflow: visible; width: auto; } .singleRecord .product .itemHeader { margin-bottom: 16px; padding-left: 19px; } .singleRecord .product .itemHeader h3 { font-size: 31px; margin-bottom: 0; } .singleRecord .product .itemHeader p { margin-bottom: 0; } .singleRecord .product .itemHeader .beforeTitle, .singleRecord .product .itemHeader .afterTitle { color: #000; } .product .subnavTabs { height: 25px; padding-left: 19px; margin-bottom: 10px; border-bottom: 1px solid #000; list-style-type: none; overflow: hidden; } .product .subnavTabs li { float: left; margin-left: 0; margin-right: 5px; height: 25px; } .product .subnavTabs a { display: block; height: 100%; padding: 0 14px 0 14px; background-color: #ccc; font-family:'AkzidenzGroteskBdCn', Helvetica, Arial, sans-serif; font-size: 18px; color: #fff; text-decoration: none; text-align: center; text-transform: uppercase; line-height: 25px; } .product .subnavTabs .active a { background-color: #6c6c6c; } .product .subnavTabs a:hover { color: #f8f8f8; } .product .tab { padding-left: 19px; } .product .tab h2 { display: none; }  .singleRecord .product #eventSponsor .mediaItem { float: left; margin-right: 35px; margin-bottom: 25px; } .singleRecord .product #eventSponsor .mediaCaption { display: none; } .singleRecord .product .eventSideBar h2 { height: 25px; margin-bottom: 10px; border-bottom: 1px solid #000; font-size: 18px; } .singleRecord .product .eventSideBar h3 { height: 25px; margin-bottom: 20px; border-bottom: 1px solid #000; font-size: 18px; } .singleRecord .product .eventSideBar .socialBookmarkingEvent h3 { margin-bottom: 10px; } .singleRecord .product .eventSocial { margin-bottom: 30px; overflow: hidden; } .singleRecord .product .eventSocial .twitterShare { width: 109px; margin-top: 0; } .singleRecord .product .eventSocial .facebookLike { margin-top: 0; margin-right: 0; } .singleRecord .product .eventSocial .googlePlus { width: 109px !important; margin-right: 10px; } .singleRecord .product .relatedXS .item { overflow: hidden; margin-bottom: 20px; } .singleRecord .product .relatedXS .item br.clear { display: none; } .singleRecord .product .relatedXS .img { width: 70px; height: 70px; margin-right: 10px; float: left; background-color: #ebebeb; text-align: center; } .singleRecord .product .relatedXS .img img { margin: auto; } .singleRecord .product .relatedXS .copy h3 { display: inline; font: 14px 'HelveticaNeue-Medium', Helvetica, Arial, sans-serif; margin-bottom:0; font-weight: normal; text-transform: none; border: none; line-height: 1.2; } .singleRecord .product .relatedXS .copy p { margin:0; line-height: 1.2; } .product #childNav{ clear: both; padding-top: 14px; } .product #childNav .child{ display: none; }  .newMediaSwapper .mediaAsset { background-color: #EBEBEB; height: 300px; position: relative; width: 480px; } .newMediaSwapper .mediaAssetInner { height: 300px; line-height: 300px; text-align: center; } .newMediaSwapper .mediaAssetInner .vertical-align-shim { line-height: 302px; margin-top:-3px; display: inline-block; width: 0; } .newMediaSwapper .mediaAssetInner img{ vertical-align: middle; } div#paymentReceipt { padding-bottom: 20px; } table#printReceiptHeader tbody, table#printReceiptDetials tbody, table#printReceiptItems tbody, table#printReceiptFooter tbody { background-color: #fff; } table#printReceiptHeader td, table#printReceiptDetials td, table#printReceiptItems td, table#printReceiptFooter td { vertical-align: top; } table#printReceiptHeader span b, table#printReceiptDetials span b, table#printReceiptItems span b, table#printReceiptFooter span b { font-weight: bold; } table#printReceiptHeader { padding-top: 10px; padding-bottom: 30px; } table#printReceiptHeader td.col1 { width: 400px; } table#printReceiptHeader td.col2 { font-size: 13px; } table#printReceiptItems td { padding: 10px; } table#printReceiptItems td.filled { background-color: #eaeaea; } table#printReceiptFooter span { font-size: 13px; }  #dialog-overlay {  width:100%; height:100%;  filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; background:#000;  position:absolute; top:0; left:0; z-index:3000;  display:none; } #dialog-box {  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); background:#eee;  width:423px;  position:absolute; z-index:5000; padding-bottom: 10px;  display:none; } #dialog-box .dialog-content {  text-align:left; color:#666; } #dialog-box .dialog-content h3 { background-color: #252525; display: block; color: #fff; height: 30px; padding-left: 20px; padding-top: 15px; border-bottom: solid 1px #7c7c7c; } #dialog-box #dialog-message {  margin:10px 20px 25px; } a.button, a.checkout {  text-align:center; display: block; margin-top: 10px; margin-bottom: 5px; padding: 3px 3px 3px; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; text-transform: uppercase;  background-color: #666666; font-family:'AkzidenzGroteskBdCn', Helvetica, Arial, sans-serif;  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); float: left;  text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; } a.button { width: 147px; margin-left: 18px; } a.checkout { margin-left: 10px; width: 125px; } a.button:hover, a.checkout:hover{ background-color: #c33100; }  #dialog-box .dialog-content p { font-weight:700; margin:0; } #dialog-box .dialog-content ul { margin:10px 0 10px 20px; padding:0; height:50px; } .checkout .checkoutForm h2, #cartButton{ display:none; } .checkout .checkoutForm thead{ font: 14px 'AkzidenzGroteskBdCn', Helvetica, Arial, sans-serif; } .checkout .checkoutForm td{ border:1px solid #ffffff; padding:9px; vertical-align:top; width:46px; } .checkout .checkoutForm .basket_item td:first-child{ padding:0; width:100px; height:102px; vertical-align:middle; text-align:center; } .checkout .checkoutForm .basket_item .img img{ background:#efefef; } .checkout .checkoutForm .basket_item.even{ background-color:#d6d6d6; } .checkout .checkoutForm .basket_item td.basket_item_name{ width:158px; } .checkout .checkoutForm .basket_item td.basket_item_type{ width:120px; } .checkout .checkoutForm .basket_item td select{ min-width:46px; } .checkout .checkoutForm .basket_item td a{ background:url('../imgs/checkout/remove-change.png') no-repeat -44px 0; width:46px; height:19px; font-size:16px; text-decoration:none; } .checkout .checkoutForm .basket_item td a:hover{ background-position:-44px -18px; } .checkout .checkoutForm #sent_changeButton{ position:relative; top:62px; } .checkout #continueShopping{ display:none; } .checkout #orderTotals{ background-color: #F1F1F1; margin-top: -14px; margin-bottom: 10px; padding: 10px 0; width: 699px; } .checkout #orderTotals .label{ float: left; margin-left: 488px; margin-right: 5px; } .checkout #proceedForm .fieldGroup{ background:none; margin-bottom:0; padding:0; } .checkout #proceedForm .fieldGroup .l{ display:none; } .checkout #proceedForm .fieldGroup .r{ margin-left:114px; } .checkout #basket_items_holder div input{ background:url('../imgs/checkout/all.png') no-repeat -183px 0; width:109px; height:27px; border:none; text-indent:-9999px } .checkout #proceedForm .fieldGroup .r input{ background:url('../imgs/checkout/all.png') no-repeat -292px 0; width:102px; height:27px; border:none; text-indent:-9999px } .checkout #basket_items_holder div input:hover{ background-position:-183px -27px; } .checkout #proceedForm .fieldGroup .r input:hover{ background-position:-292px -27px; } .checkout .col1 .colInner .txt:first-child{ float:left; width:239px; } .checkout .customerDetailsForm{ margin-left:239px; width:460px; } .checkout .customerDetailsForm .fieldGroup{ background-color:#ffffff; padding:0; } .checkout .customerDetailsForm #fieldGroup_default{ background-color:#D3D3D3; padding:22px 5px 15px 15px; } .checkout .customerDetailsForm .formrow.fttext .r input{ font-size:12px; } .checkout .customerDetailsForm #fieldGroup_SubscriptionDetails{ padding:0 5px 40px 15px; background-color:#D3D3D3; } .checkout .customerDetailsForm .ftyesno .r{ float:left; } .checkout .customerDetailsForm .ftyesno .l{ float:right; width:405px; color:#747474; } .checkout .customerDetailsForm #fieldGroup_default{ margin-bottom:0; } .checkout .customerDetailsForm .ftyesno{ clear:both; } .checkout .customerDetailsForm .fields{ background-color: #D3D3D3; padding: 15px 5px 15px 15px; } .checkout .customerDetailsForm #fieldGroup_deliveryAddress .fields{ padding-top:0; } .checkout .customerDetailsForm .frpickUpAtGallery{ padding-bottom:15px; } .checkout .customerDetailsForm .frpickUpAtGallery .r input{ margin-left:0; } .checkout .customerDetailsForm .frpickUpAtGallery .l label{ padding-left:4px; } .checkout .customerDetailsForm .frdeliverySalutation{ margin-top:15px; } .checkout .customerDetailsForm .frdeliveryNotes { margin-top:10px; } .checkout .customerDetailsForm .frdeliveryAddressAsBillingAddress{ background-color: #D3D3D3; padding: 15px 0; } .checkout .customerDetailsForm .frdeliveryAddressAsBillingAddress .r{ margin-left:11px; } .checkout .customerDetailsForm #fieldGroup_deliveryAddress{ margin-bottom:10px; } .checkout .customerDetailsForm .frproceed .l{ display:none; } .checkout .customerDetailsForm .frproceed input{ background:url('../imgs/checkout/all.png') no-repeat -582px 0; width:168px; height:27px; border:none; text-indent:-9999px; } .checkout .customerDetailsForm .frproceed input:hover{ background-position:-582px -27px; }  .formrow.ftdropdown .r input { float: left; width: 356px; padding-left: 14px; height: 35px; margin-right: 6px; border: 0; line-height: 35px; font-weight: bold; } .formrow.ftdropdown .r { margin-bottom: 13px; overflow: hidden; }  .checkout .shopForm.paymentForm{ margin-top:7px; } .checkout .shopForm.paymentForm h2:first-child{ display:none; } .checkout .shopForm.paymentForm h4{ display:none; } .checkout .shopForm.paymentForm dl{ width:350px; float:left; min-height:170px; } .checkout .shopForm.paymentForm dt{ border-bottom:1px solid #000000; padding-bottom:5px; margin-bottom:20px; } .checkout .shopForm.paymentForm dl.contactDetails, .checkout .shopForm.paymentForm dl.billingAddress{ position:relative; right:20px; } .checkout .shopForm.paymentForm dl.contactDetails dt, .checkout .shopForm.paymentForm dl.contactDetails dd, .checkout .shopForm.paymentForm dl.billingAddress dt, .checkout .shopForm.paymentForm dl.billingAddress dd{ padding-left:20px; } .checkout .shopForm.paymentForm dt span{ color: #000000; font: 16px 'AkzidenzGroteskBdCn',Helvetica,Arial,sans-serif; text-transform: uppercase; display:inline-block; width:302px; } .checkout .shopForm.paymentForm dl.contactDetails dt span, .checkout .shopForm.paymentForm dl.billingAddress dt span{ width:282px; } .checkout .shopForm.paymentForm dd{ color:#000000; } .checkout .shopForm.paymentForm dd span{ color:#515151; } .checkout .shopForm.paymentForm #basket_items_holder{ clear:both; } .checkout .shopForm.paymentForm #clientDetails dt .moreLinks{ background:url('../imgs/checkout/remove-change.png') no-repeat 0 0; width:44px; height:19px; font-size:16px; text-decoration:none; display:inline-block; } .checkout .shopForm.paymentForm #clientDetails dt .moreLinks:hover{ background-position:0 -18px; }  .checkout .paymentForm thead{ font: 14px 'AkzidenzGroteskBdCn', Helvetica, Arial, sans-serif; } .checkout .paymentForm td{ border:1px solid #ffffff; padding:9px; vertical-align:top; width:46px; } .checkout .paymentForm .basket_item td:first-child{ padding:0; width:100px; height:102px; vertical-align:middle; text-align:center; } .checkout .paymentForm .basket_item.even{ background-color:#d6d6d6; } .checkout .paymentForm .basket_item td.basket_item_name{ width:158px; } .checkout .paymentForm .basket_item td.basket_item_type{ width:120px; } .checkout .paymentForm .basket_item td select{ min-width:46px; } .checkout .paymentForm .basket_item td a{ background:url('../imgs/checkout/remove-change.png') no-repeat -44px 0; width:46px; height:19px; font-size:16px; text-decoration:none; } .checkout .paymentForm .basket_item td a:hover{ background-position:-44px -18px; } .checkout .paymentForm #basket_items_holder input{ margin-top:10px; margin-left:591px; }  .checkout .shopForm.paymentForm #orderTotals{ background:none; margin-bottom: 10px; margin-top:0; padding: 10px 0; width: 699px; } .checkout .shopForm.paymentForm #orderTotals dl dt{ color: #000000; font: 16px 'AkzidenzGroteskBdCn',Helvetica,Arial,sans-serif; text-transform: uppercase; border-bottom:none; margin-bottom:0; } .checkout .shopForm.paymentForm dl.orderSummary{ width:340px; float:right; } .checkout .shopForm.paymentForm #orderTotals dl.orderSummary .label{ margin-left:0; color:#747474; width:187px; } .checkout .shopForm.paymentForm #orderTotals dl.orderSummary .value{ margin-left:192px; } .checkout .shopForm.paymentForm #orderTotals dl.orderSummary .value span{ color:#000000; } .checkout .shopForm.paymentForm #orderTotals dl.orderSummary .value span:first-child{ display:block; } .checkout .shopForm.paymentForm #orderTotals dd{ background-color:#efefef; border:1px solid #ffffff; padding:7px 0 7px 9px; } .checkout .shopForm.paymentForm #orderTotals dd.discountCode{ background:none; padding-left:0; } .checkout .shopForm.paymentForm #orderTotals dd.discountCode .fieldGroup{ background:none; padding:0; } .checkout .shopForm.paymentForm #orderTotals dd.discountCode input#sent_applyDiscountButton{ background:url('../imgs/checkout/all.png') no-repeat -183px 0; width:109px; height:27px; border:none; text-indent:-999px; } .checkout .shopForm.paymentForm #orderTotals dd.discountCode input#sent_removeDiscountButton:hover{ background-position:-183px -27px; } .checkout .shopForm.paymentForm #orderTotals dd.discountCode input#sent_removeDiscountButton{ background:url('../imgs/checkout/remove-discount.png') no-repeat 0 0; width:138px; height:27px; border:none; text-indent:-999px; } .checkout .shopForm.paymentForm #orderTotals dd.discountCode input#sent_removeDiscountButton:hover{ background-position:0 -27px; } .checkout .shopForm.paymentForm #orderTotals dd.discountCode .frdiscountCode{ background-color:#efefef; padding:10px; } .checkout .shopForm.paymentForm #orderTotals dd.discountCode .frdiscountCode .l{ color:#747474; width:113px; display:inline-block; float:left; } .checkout .shopForm.paymentForm #orderTotals dd.discountCode .frdiscountCode .r{ width:205px; display:inline-block; margin-bottom:0; } .checkout .shopForm.paymentForm #orderTotals dd.discountCode br.clear{ display:none; } .checkout .shopForm.paymentForm #orderTotals dd.discountCode .frapplyDiscount .l, .checkout .shopForm.paymentForm #orderTotals dd.discountCode .frremoveDiscount .l{ display:none; } .checkout .shopForm.paymentForm #orderTotals dd.discountCode .frapplyDiscount{ margin-top:12px; } .checkout .shopForm.paymentForm #orderTotals dd.discountCode .frremoveDiscount { margin-top:0; }  .checkout .shopForm.paymentForm #cardDetailsForm{ clear:both; border-top:1px solid #c9c9c9; } .checkout .shopForm.paymentForm #cardDetailsForm .fieldGroup{ background:none; padding-left:0; } .checkout .shopForm.paymentForm #cardDetailsForm #paymentFormLeftCol{ width:250px; float:left; background:url('../imgs/checkout/cards.png') no-repeat 0 57px; min-height:180px; color:#747474; } .checkout .shopForm.paymentForm #cardDetailsForm #paymentFormRightCol{ width:450px; margin-left:250px; } .checkout .shopForm.paymentForm #cardDetailsForm #paymentFormRightCol h2{ display:block; } .checkout .shopForm.paymentForm #cardDetailsForm #paymentFormRightCol #paymentFormRightInner{ background:#d6d6d6; padding:20px 10px; } .checkout #cardDetailsForm #paymentFormRightCol .req{ height:37px; } .checkout #cardDetailsForm #paymentFormRightCol #paymentFormRightInner > .req{ position:relative; bottom:7px; float:left; width:52px; } .checkout #cardDetailsForm #paymentFormRightCol .l{ clear:none; margin-bottom:5px; } .checkout #cardDetailsForm #paymentFormRightCol .frCardType .r{ margin-bottom:14px; } .checkout #cardDetailsForm #paymentFormRightCol select{ border: 0 none; font-weight: bold; line-height: 35px; margin-right: 6px; padding:10px 8px 10px 14px; } .checkout #cardDetailsForm #paymentFormRightCol .frCardType select{ width: 370px; float:left; } .checkout #cardDetailsForm #paymentFormRightCol .ftcreditCard input{ border: 0 none; font-weight: bold; height: 35px; line-height: 35px; margin-right: 6px; padding-left: 14px; width: 370px; float:left; } .checkout #cardDetailsForm #paymentFormRightCol .ftmonth{ margin-top:10px; } .checkout #cardDetailsForm #paymentFormRightCol .ftmonth select{ width:87px; } .checkout #cardDetailsForm #paymentFormRightCol .frExpiryDate{ margin-bottom:10px; } .checkout #cardDetailsForm #paymentFormRightCol .ftcreditCard input{ width:356px; } .checkout .shopForm.paymentForm #cardDetailsForm .frCV2 label:after{ content:' *This is the last 3 digits on the reverse of your payment card.'; }  .checkout .shopForm.paymentForm #zeroValueForm{ clear:both; } .checkout .shopForm.paymentForm #zeroValueForm .fieldGroup{ background:none; padding-left:0; } .checkout .shopForm.paymentForm input#doZeroValue_confirmButton{ background:url('../imgs/checkout/all.png') no-repeat -807px 0; width:139px; height:27px; border:none; text-indent:-999px; margin-left:560px; } .checkout .shopForm.paymentForm input#doZeroValue_confirmButton:hover{ background-position:-807px -27px; }  .checkout .shopForm.paymentForm input#doPayment_proceedButton{ background:url('../imgs/checkout/all.png') no-repeat -807px 0; width:139px; height:27px; border:none; text-indent:-999px; } .checkout .shopForm.paymentForm input#doPayment_proceedButton:hover{ background-position:-807px -27px; } .checkout .shopForm.paymentForm #fieldGroup_submit{ padding:0; margin:0; margin-left:250px; } .checkout .shopForm.paymentForm #fieldGroup_submit .l{ height:12px; } .checkout #printReceipt a{ background:url('../imgs/checkout/all.png') no-repeat 0 0; width:122px; height:27px; border:none; text-indent:-999px; margin-left:578px; display:block; } .checkout #printReceipt a:hover{ background-position:0 -27px; }  .checkout .loginForm form{ margin-left: 240px; width: 460px; } .checkout .loginForm form .fieldGroup { background:none; padding:0; margin:0; } .checkout .loginForm form .frlogin_username .l{ clear:none; } .checkout .loginForm form .frlogin_username, .checkout .loginForm form .frlogin_password{ background-color: #D3D3D3; padding:15px 0 0 12px; } .checkout .loginForm .formrow.frlogin_password{ padding-bottom:15px; } .checkout .loginForm form .frlogin_password .l{ margin-bottom:5px; } .checkout .loginForm form .frlogin_username .r{ margin-bottom:0; } .checkout .loginForm .formrow.frlogin_password .r input { border: 0 none; float: left; font-weight: bold; height: 35px; line-height: 35px; margin-right: 6px; padding-left: 14px; width: 356px; } .checkout .loginForm .frsubmit .l{ height:10px; } .checkout .loginForm input#doLogin_submitButton{ background:url('../imgs/checkout/all.png') no-repeat -122px 0; width:61px; height:27px; border:none; text-indent:-9999px } .checkout .loginForm input#doLogin_submitButton:hover{ background-position:-122px -27px; }  .checkout #newUser{ margin:35px 0 0 240px; } .checkout #newUser a{ background:url('../imgs/checkout/all.png') no-repeat -394px 0; width:79px; height:27px; border:none; text-indent:-9999px; display:block; } .checkout #newUser a:hover{ background-position:-394px -27px; } .product .filterWidgetBox{ float:left; } .product .clear{ clear:both; } .product .shopFilter{ background:#d7d7d7; position:relative; right:20px; margin-bottom:20px; background: #d7d7d7 url('imgs/filter-bg.png') no-repeat scroll left bottom; } .product .shopFilter #filterTopBar{ background:#C6C6C6; margin-right:20px; width:720px; height:22px; } .product .shopFilter #filterTopBar h3{ width:150px; font-size:18px; float:left; margin-left:20px; } .product .shopFilter #filterTopBar #clearAllFilter{ float:right; margin-right:21px; } .product .shopFilter #filterWidgetForm{ padding:5px 20px; } #filterWidgetForm h4{ font-size:15px; color:#555555; } #filterWidgetForm select{ width: 198px; } #filterWidgetCATEGORY, #filterWidgetSUBCATEGORY{ margin-right:42px; }   @media print{ * { font-family: Arial, Tahoma, Helvetica, Sans-Serif !important; color: #000000; float: none !important; overflow: visible !important; position: relative !important; margin-bottom: 5px !important; } #content { margin-top: 0 !important; } #content h2 { text-transform: none; font-size: 20px !important; } #content table#printReceiptHeader td.col1 { width: 65%; } #widgets, .breadCrumb, #footer, #nav, #header, #madeByMU, #paymentReceipt .button1 img, #paymentReceipt .button2 img, #content h4, #content h1, .txt p a, .colInner p, #printReceipt { display: none; visibility: hidden; height: 0px;} #container .colInner .txt #paymentReceipt { display:block; width:100%; left:0; padding:0; } table#printReceiptItems td.filled{ border-top: 2px solid #eaeaea; border-bottom: 2px solid #eaeaea; } }  .lightbox_bg { background:#000 none repeat scroll 0 0; height:100%; left:0; filter:alpha(opacity=50); opacity: 0.3; top:0; width:100%; z-index:50;  position:fixed; } .modal{ position:absolute; left:7%; top:20%; z-index:100; background: #fff; color:#000; opacity:1; filter:alpha(opacity=100); padding:10px; border:solid 1px #000; width:85%; } .button1{ left:87%; top:3%; position:absolute; padding-right:5px;  } .button1 img{ width:19px; height:18px; border:0; } .button2{ left:93%; top:3%; position:absolute;  } .button2 img{ width:19px; height:19px; border:0; } #pull{ display:none; float:left; } @media only screen and (max-width : 480px) { html body{ background:#FFFFFF !important; font-size:90%; } img{ width: 100%; height: auto; position:relative; } #logo img{ width: 50%; } #containerInner, #footer #footerInner{ width:100%; } #containerInner { min-height:inherit; } .col{ padding-left:0px; } #content h1{ display:block; position:fixed; top: 16px; left: 31px; font-size:15px; z-index: 5; } .homepage .templateCrossSell .item, .sectionHomepage .choiceItem, .people .colInner .txt #records .choiceItem{ background-color: transparent; } .templateCrossSell .item, .choiceItem { background-color:transparent; border-top:1px solid #bdbdbd; } .templateCrossSell:last-child, .choiceItem:last-child { border-bottom:1px solid #bdbdbd; } .backTo, .backTo:hover, .perpetualScroll{ position:relative; left: inherit; clear:both; background:#2f2f2f; height:100%; padding:0px; } .backTo a, .perpetualScroll a{ display:block; padding: 7px 0px 4px 0px; } #childNav ol{ margin-bottom: 0px; } .perpetualScroll{ width:inherit; }  .mediaSwapper, .mediaItem{ width:100% !important; height:auto; position: relative !important; left: inherit; }   .formrow.fttext .r input, .checkout .loginForm .formrow.frlogin_password .r input, .checkout select { width:90%; }   .widget.socialBookmarking, .revealButton, .widget.search, .widget.calendar, #bgImage, #bottomWidgets, .homepage .templateCrossSell p, #madeByMU, .imageCredit, .breadCrumb, .textMultipleImages .mediaItem, #last, .push, .vertical-align-shim, .tabs .subnavTabs, .basketSummary, #widgets .widget.basket p.viewBasket, .newMediaSwapper #transport, .newMediaSwapper .current-image-controls, .mediaSwapper #transport, .whatsOnFilter #filterWidgetOrder, .recordList .news #content .choiceItem p, .news #content .choiceItem .clear, .sectionHomepage .pageMedia, #subnavList.level1, .checkout .paymentForm #basket_items_holder input, .recordList .whatson #contentInner .choiceItem .clear, .people .current-image-controls, .singleRecord .people .mediaCaption { display:none !important; } #content, .homepage #content{ width:100%; position:inherit; padding-top: 20px; margin-bottom: 0px; } .introduction, .sectionHomepage .introduction{ padding:0px 20px 20px 20px; } .introduction p{ margin-bottom: 0px; } .noResults{ padding-left: 20px; padding-right:20px; }  .homepage #logo, #logo{ margin-bottom:0px; padding-top:40px; }   .widget.navigation{ float:left; left: -200px; position:fixed;  height: 100%; background: #2f2f2f; } #pull{ display:block; } #widgets{ position:absolute; left:0px; background-color: transparent; z-index: 5; height: auto; } #widgets .navigation .widgetInner { width:200px; padding-top:0px; } ol#navList { height: auto; background: #2f2f2f; float:left; } .navigation li{ border-top:1px solid #444444; padding-left:0px; width: 100%; } .navigation li a { color:#FFFFFF; display:block; padding:7px 15px 7px 15px; } .navigation .level0 .active{ background-color:#5b5b5b; } a#pull { background: url('../imgs/responsive/menu.png') no-repeat; width: 41px; height: 41px; display: inline-block; left: 0px; top: 0px; font-size: 0px; text-indent:9999; position:fixed; } #subnavList.level1 li a, #subnavList.level1 li a:hover, #subnavList.level1 li.active > a{ background:none; display:block; }   #footer { padding:0px 0px 30px 20px; clear:both; } #footer .col{ padding-right:20px; padding-left: 0px; } #fcsponsor{ position:inherit; right:inherit; top:inherit; padding-top:20px; } #footer img{ width: inherit; }   .homepage .exhibitionTitles{ margin-top:20px; } .exhibition3{ display:none; } .homepage .exhibitionTitles, .homepage .exhibitionTitles a{ position:inherit; color:#000000; width:auto; font-size:22px; line-height:100%; } .homepage .exhibitionTitles a{ padding:20px; display:block; } .homepage .exhibitionTitles div { border-top:1px dotted #bdbdbd; margin-bottom: 0px; } .homepage #content{ padding-top: 0px; } .homepage .templateCrossSell{ width: 100%; } .homepage .templateCrossSell .item{ height: 100%; } .homepage .templateCrossSell p.subHeading.date{ display:block !important; } .homepage .col.col1 .item .copy{ width: 40%; float:left; } .homepage .templateCrossSell .item .img{ width: 50%; float:left; } .homepage .templateCrossSell .item img{ width: 100%; height: auto; } .homepage .item .button{ z-index: 0; } .homepage .templateCrossSell .subHeading.date{ display:block; bottom: 10px; left:10px; background-image: url('../imgs/responsive/calendar.png'); background-repeat:no-repeat; padding-left: 25px; } .homepage .item.booknow .button{ background-image: url('../imgs/responsive/book.png'); background-position:0px 0px; height:30px; width:62px; position:inherit; left: 8px; top: -7px; } .homepage #fctext2.col, .text #fctext2.col { padding-right:20px; } .homepage .col{ overflow:inherit; }   .sectionHomepage .choiceItem, .people .colInner .txt #records .choiceItem{ width: 100%; height: auto; margin-bottom: 0px; } .sectionHomepage .choiceItem .img, .people .choiceItem .item .img{ width: 50%; height:100%; } .sectionHomepage .col.col1 .copy{ width:40%; height: auto; float:left; } .sectionHomepage .choiceItem:hover{ background: none; }   .text #contentInner, .textMultipleImages .col2{ width: 100%; } .text #contentInner{ position:inherit; } .text .col{ padding-right:0px; } .text .col2{ padding-right:20px; }   .textMultipleImages .mediaItem.first{ display:block !important; } .textMultipleImages div.pageMedia{ width: 100%; } .textMultipleImages .col1{ float: none; padding-right:0px; } .textMultipleImages .col2{ width: inherit; }   .recordList .product .choiceItem { margin-bottom:10px; } .product .shopFilter, .product .shopFilter #filterTopBar, .whatsOnFilter { width: 100%; right:inherit; left: inherit; } .recordList .product .choiceItem, .recordList .product .item .img, .recordList .product .choiceItem .item, .recordList .whatson .choiceItem, .whatsonArchive .choiceItem { width: 100%; height: auto; text-align: inherit; line-height: inherit; } .recordList .product .choiceItem .item, .recordList .whatson .choiceItem .item{ height:auto; } .recordList .product .choiceItem .copy h2{ top:10px; left:10px; } .recordList .product .item .img{ background: transparent url('../imgs/product-list-item-bg.png'); text-align: center; } .recordList .whatson .choiceItem .img{ text-align: center; } .recordList .product .item img, .recordList .whatson .item img { width: 100%; } .recordList .product #contentInner .col.col1 .item .copy{ padding:10px 20px 0px 20px; } .recordList .product .item p{ } .recordList .product .item .img a{ display:block; } .recordList .product .perpetualScroll{ margin:20px 20px 0px 20px; } .product #childNav ol { width: auto; margin:0px 20px 0px 20px; } #filterWidgetARTIST, #filterWidgetCATEGORY{ margin-right: 0px; } .product .filterWidgetBox{ float:none; } .whatsOnFilter select{ height: 30px; } #filterWidgetForm select, .whatsOnFilter #filterWidgetCategory, .whatsOnFilter #filterWidgetArtist, .whatsOnFilter #filterWidgetDate{ width:100%; float: none; } .whatsOnFilter #filterWidgetArtist, .whatsOnFilter #filterWidgetDate{ } .product .shopFilter{ background-image:none; } #filterWidgetForm{ padding-right: 20px; padding-left: 20px; } .whatsOnFilter{ width: auto; background: #d7d7d7; padding-bottom:20px; } .whatsOnFilter #filterWidgetCategory{ padding-left:0px; } .whatsOnFilter #clearAllBox { right:22px; } .recordList .whatson .choiceItem .img{ }   #basket_items td:first-child, #basket_items thead td:nth-child(3), #basket_items thead td:nth-child(6), tr.basket_item td:nth-child(6), .basket_item_type{ display: none; } .checkout .checkoutForm .basket_item td.basket_item_name { width: 41px; } .checkout #orderTotals{ width: 100%; } .checkout #orderTotals .label{ margin-left: 0px; padding-left: 10px; } .shopForm.proceedForm{ padding-left: 20px; } .checkout .checkoutForm #sent_changeButton{ left:20px; } .checkout .shopForm.paymentForm dl.orderSummary{ padding-left:0px; } #paymentFormRightCol h2{ padding-left: 20px; } .newMediaSwapper .mediaItem, .mediaSwapper .mediaItem{ display:none !important; } .newMediaSwapper .mediaItem.current, .mediaSwapper .mediaItem.current{ display:block !important; } .newMediaSwapper .mediaCaption p{ position:relative; bottom: inherit; width: 100%; height:auto; } .newMediaSwapper .mediaAsset, .newMediaSwapper .mediaItem, .newMediaSwapper .mediaAssetInner, .newMediaSwapper { width: 100%; height:auto; } .newMediaSwapper .mediaAssetInner { max-height: 250px ! important; } .newMediaSwapper .mediaCaption{ position:relative; height: inherit; } .singleRecord .product .col1, .buyBlock .body, .singleRecord .product .tabs, .singleRecord .whatson .itemHeader h3, .singleRecord .whatson .eventSideBar{ width: 100%; } .buyBlock .variant{ background: none; } .buyBlock { padding-left: 20px; padding-top: 20px; } .buyBlock .variant .type, .buyBlock .variant .price, .buyBlock .header .type, .buyBlock .header .price { max-width: 89px; padding: 0px; margin: 0px; min-width: 70px; } .buyBlock .variant .ftdropdown, .buyBlock .variant .frsubmit{ padding: 0px; margin: 0px; } .buyBlock .variant .ftdropdown{ padding-right:10px; } .product .subnavTabs, .singleRecord .product .choiceItem:last-child{ border:none; } #MoreInfo{ display:block !important; } .product .tab h2{ display:block; } .singleRecord .product .eventSideBar, .singleRecord .whatson .eventSideBar{ float: none; clear:both; padding:20px 0px 0px 20px; } .tab.Description, .singleRecord .whatson .eventSideBar{ padding-right:20px; width:auto; } .singleRecord .whatson .col1{ margin-right:0px } .singleRecord .whatson .tabs { width:100%; padding-right:20px; clear:both; padding-top:15px; } .singleRecord .whatson .mediaCaption{ padding-right:25px; } .singleRecord .whatson .choiceItem:last-child{ border-bottom:none; } .whatson .tab{ padding-right:20px; } .checkout .customerDetailsForm .frdeliveryAddressAsBillingAddress{ padding-left: 20px; }   .news #content .choiceItem p.subHeading{ display:block !important; } .news #content .col{ padding:0px; } .news #content .choiceItem .img{ float:none; } .news #content .choiceItem, .news #content .choiceItem .copy { height: 100%; width:auto; } .news #content .choiceItem{ margin-bottom: 10px; }  #widgets .widgetInner{ background-image:none; } #cartButton{ position: fixed; top: 0px; right: 0px; background: url('../imgs/responsive/basket.png') no-repeat; width: 41px; height: 41px; display: block; font-size: 0px; text-indent:9999; z-index: 9999; } .widget.basket{ position:fixed; top: 0px; right: -220px; background:#2f2f2f; padding-bottom: 15px; } #widgets .widget.basket h2, #widgets .widget.basket p{ color:#ffffff; } #widgets .widget.basket h2{ padding-bottom:10px; } .basketPreview{ position:initial !important; } .widgets .basket .choiceItem{ display:block; margin-left: -23px; clear:both; border:none; } .news .choiceItem .basketPreviewItem .img, .basketPreviewItem .img{ padding-left:20px; float:left; } .news .choiceItem .basketPreviewItem .copy, .basketPreviewItem .copy{ width:125px; background: none; } .basketPreviewItem .copy a{ color:#FFFFFF; text-decoration:none; text-transform:uppercase; } .basketPreviewItem .copy .price{ padding-top: 10px; } .basketPreviewItem{ padding-left:0px; padding-bottom: 40px; position:relative; } .fixNavMobile{ position:fixed; top:0px; width: 100%; height: 41px; background-color: #FFFFFF; z-index: 5; display:block; } .widgets .basket .basketRemove{ display:block; bottom: 18px; right: 241px; top:inherit; color:#FFFFFF; text-indent:inherit; text-decoration: none; padding-left: 25px; } #dialog-overlay, #dialog-box { width:100% !important; } .widgets .basket .bottomBasketLinks{ display:block; padding-left: 0px; } .sectionHomepage .choiceItem .basketPreviewItem .img{ width:50px; }   .mailinglistSubscribe .col1, .mailinglistUnsubscribe .col1{ display:none; } .mailinglistSubscribe .col2, .mailinglistUnsubscribe .col2{ width:100%; float:none; } .mailinglistSubscribe .col2 h3, .mailinglistSubscribe .col2 .txt, .mailinglistSubscribe .col2 .ftbutton, .mailinglistUnsubscribe .col2 h3, .mailinglistUnsubscribe .col2 .txt, .mailinglistUnsubscribe .col2 .ftbutton, .mailinglistUnsubscribe .col2 p{ padding-left: 20px; }   .checkout .col1 .colInner .txt:first-child, .checkout .customerDetailsForm .ftyesno .l, .checkout .shopForm.paymentForm dl.orderSummary, .checkout .shopForm.paymentForm #orderTotals { float:none; width: 100%; } .checkout .loginForm form, .checkout #newUser{ margin-left: 0px; width:100%; } .checkout .col{ padding-right: 0px; } .checkout .col1 p, .shopForm.loginForm h2, .shopForm.customerDetailsForm h2, .shopForm.customerDetailsForm h3, .checkout #newUser, .checkout .ftbutton{ margin-left: 20px; } .checkout .customerDetailsForm{ width:100%; margin-left: 0px; } .checkout .customerDetailsForm .ftyesno .l { float:left; width:60%; } .checkout .shopForm.paymentForm dl, dl.contactDetails dt, .checkout .shopForm.paymentForm dl.billingAddress dt{ width: 100%; } .summary{ clear:both; padding-left:20px; } .checkout .shopForm.paymentForm dl, .checkout .shopForm.paymentForm dt, .checkout .shopForm.paymentForm dd { padding-left:20px; } .checkout .shopForm.paymentForm dl.subscriptionDetails, .checkout .shopForm.paymentForm dl.deliveryAddress{ padding-left: 0px; } .checkout .shopForm.paymentForm .moreLinks{ display:inherit; position:absolute; right:10px; top:0px; } .checkout .shopForm.paymentForm .billingAddress .moreLinks, .checkout .shopForm.paymentForm .contactDetails .moreLinks{ right:30px; } .shopForm.paymentForm dt{ position:relative; } .checkout .shopForm.paymentForm #cardDetailsForm #paymentFormLeftCol{ float:none; background-position: 20px 61px; } .checkout .shopForm.paymentForm #cardDetailsForm #paymentFormRightCol{ margin-left:0px; width:100%; } .checkout #cardDetailsForm #paymentFormRightCol #paymentFormRightInner > .req{ float:none; } .checkout #cardDetailsForm #paymentFormRightCol .frCardType select, .checkout #cardDetailsForm #paymentFormRightCol .ftcreditCard input{ float:none; width: 90%; } .checkout .shopForm.paymentForm #fieldGroup_submit{ margin-left:0px; } .checkout .shopForm.paymentForm #cardDetailsForm .fieldGroup{ padding-right: 0px; } .checkout .shopForm.paymentForm #orderTotals dl.orderSummary .label{ width:30%; }  .widget.templateCrossSell{ float: none; }  #lbNumber{ padding-top: 10px; } .pageGalleryWithDownload ol.mediaList{ width: 100%; } .pageGalleryWithDownload #content{ clear:both; } #lbCenter{ width: 100% !important; height: 100% !important; left: 0px !important; max-height: 300px !important; margin-left:auto !important; } #lbImage { max-width:100% !important; max-height:100% !important; position:relative !important; border:none; background-position:50% 50%; background-repeat:no-repeat; display:block; height:auto; text-indent:-9999px; -moz-background-size:cover; -webkit-background-size:cover; background-size:cover } #lbImage > div{ position:inherit !important; width: 100% !important; } #lbNextLink, #lbPrevLink{ background-image:url('/slimbox/nextlabel.gif'); background-repeat: no-repeat; background-position: 100% 5%; } #lbNextLink:hover{ background-position: 100% 5%; } #lbPrevLink{ background-image:url('/slimbox/prevlabel.gif'); background-position: 0% 5%; } #lbPrevLink:hover{ background-position: 0% 5%; }   .recordList .people .introduction{ display:none; } .people #contentInner .col{ padding-right: 0px; } .people .nameFilterContainer{ padding-left:20px; padding-right:20px; } .people #nameFilter .active{ margin-left: 10px; } .people .current-image-enlarge { position:relative; } .people .current-image-controls{ z-index: 1; } .singleRecord .people .detailImage, .singleRecord .people .mediaCaption, .singleRecord .people .mediaCaption p{ padding-left: 0px; left:inherit; width: 100%; } .singleRecord .people .choiceItem .copy, .singleRecord .people .choiceItem .prints{ padding-left:20px; padding-right:20px; } .people .galleryContainer .gallery li{ margin: 0px 10px 10px 0px; } .people .showMore, .people .close{ margin-bottom: 40px; } .singleRecord .people .detailImage{ background-position:50% 50%; background-repeat:no-repeat; display:block; height:200px; text-indent:-9999px; -moz-background-size:cover; -webkit-background-size:cover; background-size:cover; }   table#printReceiptHeader td.col1{ display:none; } div#paymentReceipt{ padding-left: 20px; } .checkout #printReceipt a{ margin-left: 0px; } #printReceiptItems tr td:nth-child(1) { display: none; } #printReceiptItems{ margin-top: 20px; margin-bottom: 35px; margin-left: -20px; }  } @font-face { font-family: 'AkzidenzGroteskBdCn'; src: url('font/akzidenzgrotesk/akzidgrocffbolcn-webfont.eot'); src: url('font/akzidenzgrotesk/akzidgrocffbolcn-webfont.eot?#iefix') format('embedded-opentype'), url('font/akzidenzgrotesk/akzidgrocffbolcn-webfont.woff') format('woff'), url('font/akzidenzgrotesk/akzidgrocffbolcn-webfont.ttf') format('truetype'), url('font/akzidenzgrotesk/akzidgrocffbolcn-webfont.svg#AkzidenzGroteskBdCn') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeue-Medium'; src: url('font/helveticaneue/helveticaneue.eot'); src: url('font/helveticaneue/helveticaneue.eot?#iefix') format('embedded-opentype'), url('font/helveticaneue/helveticaneue.woff') format('woff'), url('font/helveticaneue/helveticaneue.ttf') format('truetype'), url('font/helveticaneue/helveticaneue.svg#helveticaneue') format('svg'); font-weight: normal; font-style: normal; } .exhibitionTitles div, h1, h2, h3, h4, h5, .navigation li {  -webkit-transform: rotate(-0.00000001deg); }  .exhibition1 { text-shadow: #000 0 0 1px; }