@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.8em; 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");}  #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(/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(/slimbox/prevlabel.gif) no-repeat 0 15%; } #lbNextLink { right: 0; } #lbNextLink:hover { background: transparent url(/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(/slimbox/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; } #lbCaption, #lbNumber { margin-right: 71px; } #lbCaption { font-weight: bold; }  body { background: url(/imgs/bg.jpg) repeat center top; line-height: 1.2em; } #container { position: relative; width: 975px; min-height: 100%; margin: 0 auto; } #content { position: relative; float: left; width: 705px; margin: 0 10px 0 0; padding: 45px 0 0 0; }  #header { height: 218px; } h1 { padding-top: 60px; padding-bottom: 0; }  #footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 140px; padding: 25px 0 0 0; background: url(/imgs/bg_footer.png) repeat 0 0; color: #ccc; font-size: 0.8em; } #last { clear: both; margin-bottom: 0; padding-bottom: 205px; font-size: 0; line-height: 0; visibility: hidden; } #footerInner { padding: 19px 0 0 30px; } #footer a { color: #ccc; } .statementLinks { font-weight: bold; line-height: 1.2em; } .footerBox { float: left;  width:231px; padding-right: 20px; } #footer .box0{ } #footer .box1 {  width:171px; } #footer .box2 {  } #footer .box3 {  }  .col { float: left; } .col1 { width: 325px; padding: 0 10px 0 0; } .col2 { width: 350px; padding-right:20px; } .col3 { width: 695px; } .hasNoImage .col2 { width: 675px; padding-left: 10px; }  .subHeading { margin-bottom: 0; font-size: 0.85em; font-weight: bold; }  .mediaItem, .mediaCaption { display: none; } .imageSwapper .first { display: block; } .mediaCaption { position: absolute; bottom: 50px; left: 20px; padding: 10px; background-color: #000; color: #fff; font-size: 1em; } .mediaCaption h3 { font-size: 1.1em; font-weight: normal; } .imageSwapper { position: relative; width: 325px; height: 445px; overflow: hidden; }  .bg1 { background-image: url(/imgs/bg01.jpg); } .bg2 { background-image: url(/imgs/bg02.jpg); } .bg3 { background-image: url(/imgs/bg03.jpg); } .bg4 { background-image: url(/imgs/bg04.jpg); } .clear { clear: both; font-size: 0; line-height: 0; } .floatL { float: left; } .floatR { float: right; } a { color: #069; } dl, dt, dd { margin: 0; } ul li { list-style-type: disc; } h2 { padding-bottom: 6px; font-size: 2.8em; font-weight: normal; } h3 { font-weight: normal; } h4, h5 { font-size: 1em; } h4 { padding:0;} h3 a, h4 a { color: #000; text-decoration: none; } #logo img{ margin-left:15px; margin-top:-3px; }   .cluetip-default, .cluetip-default #cluetip-outer, .cluetip-default h3#cluetip-title { margin: 0; padding: 0; background: none; color: #000; font-size: 1em; font-weight: bold; } .cluetip-default h3#cluetip-title { height: 77px; overflow: hidden; } .cluetip-default #cluetip-inner { display: none; } .cluetip-default { width: 171px; height: 77px; padding: 20px 40px 27px 24px; background: url(/imgs/bg_bubble.png) no-repeat left top; overflow: hidden; }    #lbBottom { color: #000; font-size: 1em; } #lbNumber { display: none; } #lbCaption { margin-left: 30px; font-size: 0.85em; font-weight: normal; } #lbCaption { margin-bottom: 5px; margin-right: 50px; }   #lbImage { border: 40px solid #FFFFFF; border-bottom-width: 15px; }  #lbPrevLink, #lbPrevLink:hover { background: url(/imgs/slimbox/back.gif) no-repeat 0 50%; } #lbPrevLink { left: -30px; } #lbNextLink, #lbNextLink:hover { background: url(/imgs/slimbox/next.gif) no-repeat right 50%; } #lbNextLink { right: -30px; }  #lbCloseLink { position: absolute; bottom: 15px; right: 15px; background-image: url(/imgs/slimbox/close.gif); width: 10px; height: 10px; margin: 0; }   .fieldGroup { padding: 0 0 15px 0;  } .frcheckIfYouAreHuman { display: none; } .req { display: inline; margin: 0 0 0 5px; color: #900; font-size: 0.85em; font-weight: bold; } .fieldSpecs, .requiredExp { color: #666;  display: none; } .fieldGroup .formrow { clear: both; margin: 0 0 10px 0; overflow: auto !important; overflow: inherit; } *+html .fieldGroup .formrow { margin-bottom: 8px; overflow: auto; } .fieldGroup .l { float: left; width: 107px; margin: 1px 0 3px 0; } .fieldGroup .r { float: left; width: 263px; } .fieldGroup label { padding-left: 1px; font-weight: bold; } .fieldGroup select, .fieldGroup textarea, .fieldGroup input { width: 181px; height: 16px; border: 1px solid #ccc; margin: 0; padding: 0 2px 0 2px;  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1em; } .fieldGroup select { width: 187px; height: 19px; padding: 1px 0 1px 0; } *+html .fieldGroup select { height: 21px; } .fieldGroup textarea { height: 150px; } .fieldGroup .frmessage .r { position: relative; } .fieldGroup .frmessage .req { position: absolute; top: 0; right: 10px; }  .fieldGroup fieldset input, .fieldGroup .ftyesno input { width: 13px; height: 13px; border: none; background: none; } .fieldGroup .ftyesno .l { float: right; width: 405px; } .fieldGroup .ftyesno .r { float: right; width: 20px; padding-top: 2px; }  .fieldGroup .frtextonly { margin-bottom: 1px; } *+html .fieldGroup .frtextonly { margin-bottom: 0; }  .fieldGroup .frtextonly label, { font-weight: bold; } .fieldGroup .frclientGroup { display: none; } .fieldGroup .frhomeWork .l { width: 157px; } .fieldGroup .frhomeWork .r { width: 213px; } .fieldGroup .frhomeWork select { width: 137px; }  .fieldGroup fieldset input, .fieldGroup fieldset label { float: left; } .fieldGroup fieldset div { clear: both; padding-top: 5px; overflow: auto; } .fieldGroup fieldset input { margin-top: 1px; } .fieldGroup fieldset label { padding-left: 5px; font-weight: normal; }  .fieldGroup .ftbutton .l { display: none; } .fieldGroup .ftbutton .r { float: none; } .fieldGroup .ftbutton input { display: block; width: 114px; height: 36px; border: none; margin: 0 20px 0 0; padding: 0; background: url(/imgs/bg_submit.png) no-repeat 0 0; text-indent: -5000px; font-size: 0; line-height: 0; cursor: pointer; }    .item { margin: 0 0 15px 0; } .img, .copy { float: left; } .copy { width: 130px; margin: 0 0 0 15px; }    .breadCrumb, .pagechooser { font-size: 0.85em; } .breadCrumb a, .pagechooser a { color: #000; font-weight: bold; } .breadCrumb .current, .pagechooser .current { text-decoration: none; }  #container.whatson .breadCrumb .parent {  } .pagechooser { clear: both; margin: 10px 0 0 0; padding: 0 10px 0 0; text-align: right; } .pagechooser a { font-weight: normal; } .pagechooser a.current { font-weight: bold; } .breadCrumb { position: absolute; top: 8px; left: 13px; } , p.moreLinks, .moreLinks li { margin: 0; } .moreLinks li { float: left; } .searchResults .choiceItem p a, a.moreLinks, p.moreLinks a, .moreLinks li a { color: #069; font-size: 0.85em; font-weight: bold; }  .fileList { padding-top: 20px; padding-bottom: 0; } .fileList dd { padding-top: 12px; padding-bottom: 18px; } .fileList dd a { text-transform: capitalize; } .ext_pdf, .ext_doc { padding: 10px 0 2px 40px; background: url(/imgs/extension/pdf.gif) no-repeat 0 0; } .ext_doc { background-image: url(/imgs/extension/doc.gif); }  #childNav { padding-top: 30px; } #childNav li { float: none; padding-bottom: 4px; } #childNav .backTo {  display:none; }    #nav { position: absolute; top: 143px; left: 7px; width: 690px; height: 74px; background: url(/imgs/nav_bg_scribbles.png) no-repeat 0 0;  z-index: 10; } #nav #navList { margin: 15px 0 0 6px; width: 672px; height: 44px; } #nav li { float: left; width: 112px; height:44px; padding-top: 16px; text-align: center; background: url(/imgs/bg_nav_btn.png) no-repeat 0 0;  } *+html #nav li { padding-top: 14px; }  #nav li a { color: #fff; font-size: 1.3em; font-weight: bold; text-decoration: none; } #nav li a:hover, #nav li.active a, #nav li.activeParent a { color: #f90; }  .subNav {margin-bottom:20px;} .subNav ol { display: none; } .subNav .level1, .subNav .level2 { display: block; } .subNav li a { display: inline-block; height: 30px; padding: 10px 18px 0 11px; background: url(/imgs/bg_nav_large.png) no-repeat right 0; color: #fff; font-size: 1.3em; font-weight: bold; text-decoration: none; } *+html .subNav li a { height: 32px; padding-top: 8px; } .subNav .level2 li { margin-left: 15px; } .subNav .level2 li a { height: 18px; padding: 9px 28px 0 20px; background: url(/imgs/bg_nav_small.png) no-repeat right 0; font-size: 0.95em; font-weight: normal; } *+html .subNav .level2 li a { height: 22px; padding-top: 5px; } .subNav li.active li a:hover, .subNav li.activeParent li.active li a:hover, .subNav li.activeParent li.activeParent li a:hover, .subNav li.activeParent li.active a, .subNav li.activeParent li.activeParent a, .subNav li a:hover, .subNav li.active a, .subNav li.activeParent a { color: #f90; } .subNav li.activeParent li.active li a, .subNav li.active li a, .subNav li.activeParent li a { color: #fff; }  .subnavTabs { position:absolute; top: -45px; left: 0; } .subnavTabs ol { width:655px; padding-left: 20px; } .subnavTabs li { background: url(/imgs/whats_on_tab.png) no-repeat 0 0; float:left; display:block; width:114px; height:36px; font-size:1.3em; font-weight:bold; padding-top:15px; text-align:center; } .subnavTabs li a { color: #fff; text-decoration:none; width:114px; } .subnavTabs li.active a { color: #FF9900; }   dl.mediaList { margin: 0; padding-bottom: 0; overflow: auto; } .mediaList dt { clear: both; margin: 0 0 5px 0; color: #069; font-size: 1.3em; font-weight: bold; } .pageGallery .mediaList dt { color: #000; font-size: 1.8em; font-weight: normal; } .mediaList dd { float: left; width: 133px;  height:180px; padding:0; margin: 0 0 15px 0; background: transparent url(/imgs/small_image_bg.png) no-repeat 0 0; overflow: hidden; } .mediaList dd.startline { clear: both; margin-left: 0; } .mediaList dd div { width: 120px; height: 120px; padding: 6px 4px 4px 6px; background: transparent url(/imgs/small_image_paper.png) no-repeat 0 0; } .mediaList dd a { display: block; } .mediaList dd p {  margin-top: 4px; font-size: 0.85em; }   .recordList .col1, .recordList h2 { width: 695px; padding-left: 10px; padding-right: 0; } .recordList .col1 .choiceItem { position: relative; width: 695px; overflow: auto; } .recordList .col1 .item { margin-bottom: 40px; } .recordList .col1 .choiceItem h3, .recordList .col1 .choiceItem h4 { padding-bottom: 7px; } .recordList .col1 .choiceItem .copy { position: relative; width: 675px; margin-left: 20px; } .recordList .col1 .introduction { } .recordList .col1 .subHeading { display: none; } .recordList .col1 .hasNoBoxImage .copy {  margin-left: 0; } .recordList .col1 .pagechooser, .recordList .col1 #childNav { padding-top: 11px; } .recordList .col1 #childNav { clear: none; float: left; } .recordList .col1 #childNav li.backTo { margin-top: 0; } .recordList .col1 .pagechooser { float: right; margin-top: 0; }   .singleRecord .col1 { width: 705px; padding-right: 0; } .singleRecord .col1 .choiceItem { padding-top: 9px; } .singleRecord .col1 .choiceItem .img { padding:0;} .singleRecord h2, .singleRecord .col1 .choiceItem .copy { width: 665px; padding-left:20px; padding-right:20px; margin:0; } .singleRecord .subHeading { margin-bottom: 5px; } .singleRecord .col1 .hasNoImage .copy { margin-left: 0; } .singleRecord #childNav { margin-top: 14px; }   #widgets { float: left; width: 260px; padding: 45px 0 0 0; } #widgets h3 { padding-bottom: 1px; font-weight: normal; }  #widgets .fieldGroup { padding: 0; } #widgets .fieldGroup .formrow { clear: none; float: left; margin-bottom: 0; }   #widgets .fieldGroup .l { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } #widgets .fieldGroup .r { width: 155px; } #widgets .fieldGroup input { width: 155px; height: 16px; border: none; margin: 0; padding: 0; background-color: transparent; color: #fff; font-weight: bold; } #widgets .fieldGroup .frpageSearch input{ font-weight:normal; } #widgets .fieldGroup .frpageSearch {margin-right:20px;} #widgets .fieldGroup .ftbutton .r { float: left; width: auto; background: none; overflow:hidden; } #widgets .fieldGroup .ftbutton input { width: 60px; height: 20px; border: none; padding: 0; background: url(/imgs/bg_button.png) no-repeat 0 0; }  #widgets .blog, #widgets .mailinglistSubscribe { padding:13px 0 0; position:absolute; right:95px; top:42px; width:170px; } #widgets .blog a, #widgets .mailinglistSubscribe a { font-size: 0.85em; line-height: 1.2em; font-weight: bold; } #widgets .blog { right:0; top:32px; width:80px; } *+html #widgets .mailinglistSubscribe { padding-top: 10px; }  @media screen and (-webkit-min-device-pixel-ratio:0) { #widgets .mailinglistSubscribe { padding-top: 14px; } }  #widgets .search { position: absolute; top: 157px; right: 14px; } #widgets .search .fieldGroup { width: 246px; height: 35px; padding: 15px 0 0 12px; background: url(/imgs/bg_search.png) no-repeat 0 0; } #widgets .search .fieldGroup .frpageSearch .r { padding-top: 4px;}  #widgets .basket, #widgets .pageCrossSell { font-size: 0.85em; } #widgets .basket, #widgets .pageCrossSell .item { width: 245px; padding:5px 10px 10px 5px; min-height:110px; background: url(/imgs/widget_border.png) no-repeat 0 0; } #widgets .basket .widgetInner, #widgets .pageCrossSell .itemInner { padding:10px 8px; min-height:90px; max-height:90px; background: url(/imgs/expanding_bg.jpg) no-repeat center center; } #widgets .basket .itemInner .img {padding-top:2px;} #widgets .basket .moreLinks, #widgets .pageCrossSell .moreLinks {font-size:1em;}    #widgets .basket { margin-bottom: 15px; } #widgets .basket h3 { padding-bottom: 10px; } .basket .totalItems span:first-child, .basket .totalPrice span:first-child { font-weight: bold; } .basket .basketLinks { padding-top: 10px; } .basket .basketLinks li:first-child { display: none; } .basket .moreLinks li a { font-size: 1em; } .basket .moreLinks li a { font-size: 1em; }    .singleRecord .whatson .imageSwapper, .text2cols .imageSwapper {  width: 705px; height: 273px; }  #widgets h3, .recordList .col1 h3, .recordList .col1 h4 { font-size: 1.75em; }  .checkout .col2 .txt:first-child, .pageGallery .col2 .txt:first-child, .contactForm .col1 .txt:first-child, .mailinglistSubscribe .col1 .txt:first-child, .recordList .col1 .txt:first-child, .sectionHomepage .introduction, .projectIndex .col2 .introduction, .assetsEmbedding .col2 .txt, .mailinglistUnsubscribe .col2 .txt:first-child { width: 663px; height: 68px; padding: 16px; margin: 0 0 15px 0; background: url(/imgs/bg_intro.jpg) no-repeat 0 0; font-weight: bold; overflow: hidden; } .pageGallery .col2 .introduction, .contactForm .col1 .introduction, .mailinglistSubscribe .col1 .introduction, .recordList .col1 .introduction, .mailinglistUnsubscribe .col2 .txt:first-child { height: 62px; overflow: hidden; }  .contactForm .col1, .mailinglistSubscribe .col1, .searchResults .col1 { width: 695px; padding: 0 0 0 10px; } .contactForm .col2, .mailinglistSubscribe .col2 { width: 260px; padding: 0 20px 0 0; } .contactForm .col3, .mailinglistSubscribe .col3 { width: 425px; } .contactForm h2, .mailinglistSubscribe h2 { padding-left: 10px; } .contactForm .col1 .txt:first-child, .mailinglistSubscribe .col1 .txt:first-child { margin-bottom: 28px; } .contactForm .imageSwapper, .mailinglistSubscribe .imageSwapper { width: 260px; height: 230px; } .text .imageSwapper { height:445px;}  .recordList .product .col1 .choiceItem, .recordList .whatsonCategories .col1 .choiceItem { margin-bottom: 30px; } .recordList .product .col1 .img, .recordList .whatsonCategories .col1 .img { width: 175px; min-height: 140px; background: transparent url(/imgs/bg_whats_on_image.png) no-repeat 0 0; padding:10px 12px 10px 8px; } .recordList .product .col1 .copy, .recordList .whatsonCategories .col1 .copy { width: 490px; min-height: 170px; margin-left:10px; } .recordList .product .col1 .copy h3, .recordList .whatsonCategories .col1 .copy h3 { font-weight: normal; } .recordList .product .col1 .moreLinks, .recordList .whatsonCategories .col1 .moreLinks { position: absolute; bottom: 20px; left: 0; }   .assetsEmbedding .col2, .assetsEmbedding .col3{  padding-right:0; } .assetsEmbedding .col3{ padding-left:10px; } .assetsEmbedding .col2 { width:695px; } .assetsEmbedding .col3 .txt{ background:url('/imgs/google_bg.png') top left no-repeat; padding:17px 10px 10px 21px; width:664px; height:400px; } .assetsEmbedding .col3 .txt iframe{ border:1px solid #9B9B9B; } .assetsEmbedding small{ display:none; }  .checkout .col2 { width: 695px; padding-left: 10px; padding-right: 0; } .checkout h2 { padding-left: 10px; } .checkout .shopForm h3 { clear: both; } .checkout .shopForm h4 { clear: both; padding-bottom: 10px; display: none; } #confirmationOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; cursor: pointer; z-index: 50; } #confirmationPopup { position: absolute; width: 451px; height: 136px; border: 1px solid #333; background-color: #fff; z-index: 60; text-align: center; font-size: 1.2em; } #confirmationPopupInner { padding: 30px; } #confirmationPopup p { margin-bottom: 26px; } #confirmationPopup #buttonYes { padding-right: 18px; }  .shopForm { clear: both; padding-top: 15px; overflow: auto; } .shopForm .fieldGroup { padding-bottom: 40px; } .shopForm .fieldGroup .l { width: 135px; } .shopForm .fieldGroup .r { width: 330px; } .shopForm select, .shopForm textarea, .shopForm input { width: 244px; height: 17px; padding-top: 3px; font-size: 0.85em; } .shopForm select { height: 22px; } .shopForm .fieldGroup select { width: 150px; padding: 2px; } .shopForm .ftbutton { float: right; width: auto; } .shopForm .ftbutton .r { width: auto; } .shopForm .frsalutation input, .shopForm .frbilling_postcode input, .shopForm .frpostcode input { width: 144px; } .shopForm .ftyesno .l { float: left; width: 135px; } .shopForm .ftyesno .r { float: left; width: 15px; } .shopForm .ftyesno label { font-weight: bold; } .shopForm .ftyesno input { width: 15px; } .shopForm .frproceed { float: left; } .shopForm .frproceed input { margin-left: 135px; }  .buyForm .formrow { clear: none; float: left; } .buyForm .ftbutton { float: right; } .buyForm label, .buyForm select { font-size: 0.85em; } .buyForm .ftdropdown { padding-right: 20px; } .buyForm .ftdropdown .l { width: 45px; } .checkoutForm .ftdropdown .r, .checkoutForm .ftdropdown select, .buyForm .ftdropdown .r, .buyForm .ftdropdown select { width: 100px; } .buyForm .frbasket_amount .l { width: 70px; } .checkoutForm .col_quantity .ftdropdown .r, .checkoutForm .col_quantity .ftdropdown select, .buyForm .frbasket_amount .r, .buyForm .frbasket_amount select { width: 40px; } .checkoutForm .l { position:absolute; top: auto; left: -5000px; width: 1px; height: 1px; overflow: hidden; } .checkoutForm .fieldGroup { clear: both; padding-bottom: 0; } .checkoutForm .ftdropdown { padding-right: 0; } .checkoutForm .ftbutton { clear: both; } .checkoutForm .buttonLabel { float: right; padding: 0 0 10px 0; font-weight: bold; }  .shopForm .ftbutton input { width: 141px; height: 41px; margin-right: 0; background: url(/imgs/shop/add_to_basket.png) no-repeat 0 0; } .shopForm .frproceedToCheckout input { width: 178px; background-image: url(/imgs/shop/to_check_out.png); } .shopForm .frupdatePrice input { width: 146px; background-image: url(/imgs/shop/update_price.png); } .customerDetailsForm .frproceed input { width: 197px; height: 41px; background-image: url(/imgs/shop/continue_to_checkout.png); } .paymentForm .frproceed input { width: 174px; background-image: url(/imgs/shop/confirm_and_pay.png); }  .shopTable th, .shopTable td { padding-top: 10px; padding-bottom: 15px; vertical-align: top; } .shopTable td { background: url(/imgs/shop/separator.png) no-repeat 0 bottom; } .shopTable td.col_thumbnail { width: 15%; } .shopTable td.col_title { width: 25%; background-position: 15% bottom; } .shopTable td.col_type { width: 20%; background-position: 40% bottom; } .shopTable td.col_quantity { width: 15%; background-position: 60% bottom; } .shopTable td.col_price { width: 10%; background-position: 75% bottom; } .shopTable td.col_total { width: 10%; background-position: 85% bottom; } .shopTable td.col_link { width: 5%; background-position: 95% bottom; }  .shopTable td .thumb { width: 78px; height: 62px; background: transparent url(/imgs/shop/bg_checkoutThumb.png) no-repeat 0 0; padding: 8px 6px 7px 7px; } .shopTable .colInner { padding-top: 5px; } .shopTable .col_title { font-weight: bold; } .shopTable .col_thumbnail .colInner { padding-top: 0; } .shopTable .col_total .vat { display: none; } .shopTable .col_link .removeLink a { display: block; width: 26px; height: 19px; margin: 0; padding: 0; background: url(/imgs/shop/cancel.png) no-repeat 0 0; text-indent: -5000px; font-size: 0; line-height: 0; cursor: pointer; }  .orderSummary { float: right; padding: 10px 35px 15px 0; } .orderSummary dt, .orderSummary dd { float: left; font-size: 1.1em; } .orderSummary dt { padding-right: 5px; font-weight: bold; }  .customerDetailsForm h3 { padding-bottom: 16px; font-size: 1.1em; } .customerDetailsForm #fieldGroup_deliveryAddress { padding-bottom: 5px; } .customerDetailsForm #fieldGroup_default { padding-bottom: 10px; }  .paymentForm .col_quantity br, .paymentForm .col_type br { margin-bottom: 10px; } #clientDetails dl { float: left; width: 50%; } #clientDetails .billingAddress { clear: both; } #clientDetails dl { padding-top: 5px; } #clientDetails dt { padding-bottom: 10px; font-size: 1.1em; } #clientDetails dd { font-size: 0.85em; } #clientDetails dd span { font-weight: bold; } #clientDetails dt .moreLinks { font-size: 0.8em; padding-left: 45px; } .paymentForm .orderSummary { width: 100%; padding-bottom: 50px; padding-right: 0; } .paymentForm .orderSummary dt { display: none; } .paymentForm .orderSummary dt, .paymentForm .orderSummary dd { width: 100%; font-size: 1em; text-align: right; } .paymentForm .orderSummary dd span { padding-right: 50px; } .paymentForm .orderSummary .grandTotal strong { color: #FF9900; } .paymentForm .orderSummary .shipping { margin-bottom: 5px; padding-bottom: 15px; background: url(/imgs/shop/separator.png) no-repeat 0 bottom; } .paymentForm .orderSummary .totalQuantity { display: none; }  .paymentForm .fieldGroup { padding-bottom: 20px; } .paymentForm .frCardType select { width: 250px; } .paymentForm .frStartDate select, .paymentForm .frExpiryDate select { width: 60px; } .paymentForm .frIssueNumber input, .paymentForm .frCV2 input { width: 118px; } .paymentForm .frCV2 .fieldSpecs { display: block; font-size: 0.85em; }    .hasNoImage .contactForm .col3 { padding-left: 40px;} .contactForm h2 { padding-left: 10px; }    .contactForm .col3 .fieldGroup .frmessage textarea { width: 287px; }  .contactForm .col3 .fieldGroup .frcheckIfYouAreHumanCaptcha .l, .contactForm .col3 .fieldGroup .frcheckIfYouAreHumanCaptcha .r, .contactForm .col3 .fieldGroup .frmessage .l, .contactForm .col3 .fieldGroup .frmessage .r { float: none; display: block; width: 370px; } .contactForm .col3 .fieldGroup .frcheckIfYouAreHumanCaptcha, .contactForm .col3 .fieldGroup .frmessage { padding-top: 26px; } .contactForm .col3 .fieldGroup .frcheckIfYouAreHumanCaptcha input {  width: 360px; margin-bottom: 5px; }  .captchaAudio { display:block; } .frcheckIfYouAreHumanCaptcha .req { display:block; padding-bottom:16px; } .fieldGroup .frcheckIfYouAreHumanCaptcha { overflow:visible !important; }    body#p1 {background: #dedede url(/imgs/bg_home_page.jpg) repeat-x center 0;} .homepage #nav { background-image:none; }  .homepage #logo { position: relative; top: 58px; left: 17px; background: url(/imgs/logo_bg.jpg) no-repeat; background-position:top; width: 490px; height: 46px; } .homepage #logo img{ margin: 0px;} .homepage #logo h1{ padding: 0px; }  .homepage .col1 {height:480px;} .homepage #content, .homepage .col1 { width:975px; padding:0; margin:0; } .mediaItem { text-align:center; padding:8px; } #content .mediaCaption { display:none; } .homepage .col2 { margin-top:10px; padding-bottom:12px; font-size:1.4em; line-height:1.2em; height:81px; width:auto; } .homepage .col2 .txt { background: url(/imgs/bg_home_page_text.png) repeat-x 0 0; padding:8px 10px 8px 15px; width:928px; height:65px; } .homepage .widgets .pageCrossSell, .homepage h2 {display:none;} .homepage .col3 { width:975px; margin: 0 5px 0 10px; } .homepage #header {height: 205px;} .homepage .pageMedia { position:relative; z-index:20; padding:0; width:975px; height:480px; background:none; padding-top:5px; } .homepage #last {  padding-bottom:131px; }   .homepage .col2 .txt cufon {margin-bottom:4px;} .homepage .choiceItem { float:left; width:320px; height:350px; } .homepage .choiceItem .img { background: url(/imgs/bg_home-page_image.png) repeat-x 0 0; width:300px; padding: 13px 10px 27px 10px; height:240px;  } .homepage .choiceItem .copy { width:auto; font-size:0.89em; line-height:1.3em; color: #333; margin-left:10px; } .homepage .choiceItem .hasNoBoxImage .copy { margin-top:280px;} .homepage .choiceItem .copy h4 {color:#000;}  .homepage #widgets {  padding-bottom: 0; } .homepage #widgets .mailinglistSubscribe { background-image: url(/imgs/mailing_list_bg.jpg); height: 50px; } .homepage #widgets .blog { background-image: url(/imgs/note_book_bg.jpg); width: 85px; height: 59px; }    .mailinglistSubscribe .col3 .fieldGroup .frcheckIfYouAreHumanCaptcha .l, .mailinglistSubscribe .col3 .fieldGroup .frcheckIfYouAreHumanCaptcha .r, .mailinglistSubscribe .col3 .fieldGroup .frmessage .l, .mailinglistSubscribe .col3 .fieldGroup .frmessage .r, .mailinglistUnsubscribe .col2 .fieldGroup .frcheckIfYouAreHumanCaptcha .l, .mailinglistUnsubscribe .col2 .fieldGroup .frcheckIfYouAreHumanCaptcha .r { float: none; display: block; width: 370px; } .mailinglistSubscribe .col3 .fieldGroup .frcheckIfYouAreHumanCaptcha, .mailinglistSubscribe .col3 .fieldGroup .frmessage { padding-top: 26px; } .mailinglistSubscribe .col3 .fieldGroup .frcheckIfYouAreHumanCaptcha input, .mailinglistUnsubscribe .col2 .fieldGroup .frcheckIfYouAreHumanCaptcha input {  width:360px; margin-bottom: 5px; } .mailinglistUnsubscribe .col1 #childNav{ display:none; } .hasNoImage .mailinglistUnsubscribe .col2{ padding-left:0; }   .pageGallery .col1 { display: none; } .pageGallery .col2, .pageGallery h2 { width: 695px; padding-left: 10px; padding-right:0; }   .product .col1 .beforeTitle { display: none; } .product .col1 .leadQuote { padding-top: 5px; } .product .col1 .subHeading span { font-weight: normal; }  .recordList .product .col1 .choiceItem h3 { width: 480px; } .recordList .product .col1 .item { margin-bottom: 0; } .recordList .product .col1 .copy { min-height: inherit; } .recordList .product .col1 .hasNoBoxImage .copy { width: 695px; margin-left: 0; } .recordList .product .col1 .subHeading { display: block; } .recordList .product .col1 .moreLinks { position: static; }  .singleRecord .product h2 { padding-left:10px; } .singleRecord .product .subnavTabs, .singleRecord .product .tab h3 { display: none; } .singleRecord .product .col1 .choiceItem .copy { width: 350px; padding-top: 13px; padding-left: 0; padding-right: 20px; } .singleRecord .product .col1 .choiceItem .img { width: 325px; padding-right: 10px; } .singleRecord .product .col1 .hasNoImage { padding-left: 10px; } .singleRecord .product .col1 .hasNoImage .copy { width: 675px; } .singleRecord .product .subHeading { margin-bottom: 0; } .singleRecord .product #childNav { margin-top: 0; } .singleRecord .product .shopForm .fieldGroup .frbasket_variantid .l, .singleRecord .product .shopForm .fieldGroup .frbasket_amount .r { float: none; display: block; } .singleRecord .product .shopForm .frbasket_amount { padding-right: 0; } .singleRecord .product .shopForm .ftbutton { padding-top: 15px; } .singleRecord .product .hasNoImage .shopForm .fieldGroup .frbasket_variantid .l, .singleRecord .product .hasNoImage .shopForm .fieldGroup .frbasket_amount .r { float: left; } .singleRecord .product .hasNoImage .shopForm .ftbutton { padding-top: 0; }   .projectIndex .col2 { width: 695px; padding-right:0; } .projectIndex .col2 table { width:100%;} .projectIndex .col2 table th {text-align:left;} .projectIndex .col2 table div {position:relative;} .projectIndex .col2 table th div h3 { font-size:2em; } .projectIndex .col2 table th div a { position:absolute; top:5px; right:30px; } .projectIndex .col2 table #categoryTitle a { right:10px; } .projectIndex .col2 table #nameTitle h3 { padding-left:110px;} .projectIndex .col2 table a { text-decoration:none; font-weight:bold; color: #000; } .projectIndex .col2 table td {vertical-align:top;} .projectIndex .col2 table .name { width:375px;height:80px;} .projectIndex .col2 table .startdate { width:160px;} .projectIndex .col2 table .enddate { width:160px;} .projectIndex .col2 table .name .img { width:95px; height:1px; } .projectIndex .col2 table .name .img a { display:block; width:85px; height:67px; padding: 4px 5px; background: transparent url(/imgs/project_image_bg.png) no-repeat 0 0; }  .projectIndex .pagechooser{ height:1px; left:-10000px; overflow:hidden; position:absolute; top:auto; width:1px; }   .recordList .searchResults .col1 .item { margin-bottom: 25px; }   .sectionHomepage .col1{ padding:0 0 0 10px; padding-left:0; } .sectionHomepage .col1 .txt{ padding-left:10px } .sectionHomepage .col1 .choiceItem{ width:330px; float:left; margin-right:25px; } .sectionHomepage .col1 .even{ margin-right:0; } .sectionHomepage .col1 .choiceItem .copy { width:300px; margin-left:0; padding:7px 15px 0 15px; height:84px; } .sectionHomepage .col1 .choiceItem .img { background: url(/imgs/bg_shop.png) top left no-repeat; padding:16px; width:298px; height:239px; } .sectionHomepage .col1 #childNav{ clear:both; }    .text2cols .col1 { width: 705px; padding-right: 0; } .text2cols .col2, .text2cols .col3 { width: 675px; padding-left: 10px; } .text2cols .col3 .txt { float: left; width: 335px; } .text2cols .col3 .txt:first-child { padding-right: 5px; }   .textMultipleImages .mediaItem, .mediaCaption { display: block; } .textMultipleImages .imageSwapper { overflow: visible; } .textMultipleImages .mediaItem { padding-bottom: 20px; }   .singleRecord .whatson #childNav{ display:none; } .whatson .leadQuote, .whatson .beforeTitle, .whatson .afterTitle {display:none;} .singleRecord .whatson h2 { padding-top: 10px; } .singleRecord .whatson .col1 .choiceItem { background: url(/imgs/expanding_bottom_bg.png) no-repeat 0 bottom; } .singleRecord .whatson .col1 .choiceItem .copy { padding:30px 20px; background: url(/imgs/expanding_bg.jpg) no-repeat 0 0; position:relative;  margin-top:60px; margin-bottom:58px; } .singleRecord .whatson .tab h4{ font-size:1.6em; font-weight:normal; padding-bottom:6px; } .singleRecord .whatson .readmore h4 { color: #069; font-size: 1em; text-decoration: underline; cursor: pointer; }  .singleRecord .whatson .col1 .relatedCrossSell { margin-bottom: 30px; } .singleRecord .whatson .col1 .relatedCrossSell .item { margin-bottom: 0; } .singleRecord .whatson .col1 .relatedCrossSell .img { width: 175px; min-height: 140px; background: transparent url(/imgs/bg_whats_on_image.png) no-repeat 0 0; padding: 10px 12px 10px 8px; } .singleRecord .whatson .col1 .relatedCrossSell .copy { width: 460px;  margin: 0 0 0 10px; padding: 0; background-image: none; } .singleRecord .whatson .col1 .relatedCrossSell .moreLinks {  } .singleRecord .whatson .col1 .relatedCrossSell h4 { padding-bottom: 7px; } .singleRecord .whatson .col1 .relatedCrossSell .subHeading span { font-weight: normal; } .singleRecord .whatson .col1 .relatedCrossSell div.clear { height: 0; }