@charset "UTF-8";
/* --------------------------------------------
site: Science Museum - rebranding 2010 - all pages
ver: 1.61
updated: 13/12/2012
----------------------------------------------- */

/* header, nav, search */
div#header { position: relative; }
div#header div#header-image { width: 744px; height: 128px; }
div#header div#header-image img { position: absolute; top:15px; left: 15px; z-index: 1000; }
div#header p#tagline {position: absolute; top:42px; left: 151px; z-index: 800; color: #fff; width: 294px; height: 36px; background: transparent url(/images/tagline_image.png) no-repeat; text-indent: -9999px; }
ul#display-nav { margin-left: 0; }
ul.top-nav { padding: 6px 0 4px; }
ul.top-nav li#nav-search button { width: 30px; height: 16px; border: none; color: #000; font-weight: bold; padding: 0; margin: 0; overflow: hidden; position: relative; cursor: pointer; background: transparent url(/images/nav_new_search.gif) no-repeat 0 -2px; }
ul.top-nav li#nav-search button span { left:-2000px; position:absolute; }
li#nav-search input#nav-search-input { margin: -2px 2px 0 8px; width: 110px; float: left; color: #666; }
div#header ul#top-nav { list-style: none; height: 26px; border-bottom: none; position: absolute; top: 102px; right: 0; }
div#header ul#top-nav li a { height: 26px; border: none; background: url(/images/rebrand_nav_3.png) no-repeat 0 0; text-indent: -9999px; overflow:hidden; }
div#header ul#top-nav li a#nav-home { background: url(/images/rebrand_nav_3.png) 0 0; width: 99px; }
div#header ul#top-nav li a#nav-home:hover { background: url(/images/rebrand_nav_3.png) 0 -26px; }
div#header ul#top-nav li a#nav-visit { background: url(/images/rebrand_nav_3.png) -100px 0; width: 99px; }
div#header ul#top-nav li a#nav-visit:hover { background-position: -100px -26px; }
div#header ul#top-nav li a#nav-online { background: url(/images/rebrand_nav_3.png) -199px 0; width: 99px; }
div#header ul#top-nav li a#nav-online:hover { background-position: -199px -26px; }
div#header ul#top-nav li a#nav-education { background: url(/images/rebrand_nav_3.png) -299px 0; width: 99px; }
div#header ul#top-nav li a#nav-education:hover { background-position: -299px -26px; }
div#header ul#top-nav li a#nav-shop { background: url(/images/rebrand_nav_3.png) -398px 0; width: 99px; }
div#header ul#top-nav li a#nav-shop:hover { background-position: -398px -26px; }
div#header ul#top-nav li a#nav-about { background: url(/images/rebrand_nav_3.png) -498px 0; width: 96px; }
div#header ul#top-nav li a#nav-about:hover { background-position: -498px -26px; }

/* social media footer + twofifth block fix on homepage */
.soc_med { margin: 0 0 10px 0; list-style: none; display: inline; }
ul#footer { padding-top: 10px; padding-bottom: 30px; }
ul#footer li { float: left; }
ul#footer li a { border: none; border-right: 1px solid #333; }
ul#footer .soc_med { float: right; margin-top: -3px; }
ul#footer .soc_med li {float: left; padding-bottom: 0; }
ul#footer .soc_med li a { padding: 0; border: none; margin-left: 8px; }
.soc_med li a:link, .soc_med li a:visited { height: 24px; width: 24px; text-indent: -9999px; display: block; background: url(/images/soc-icons-2.png) 0 0 repeat; }
.soc_med li a:focus {outline: none;}  
.soc_med li a.facebook:link, .soc_med li a.facebook:visited { background-position: 0 0; }
.soc_med li a.facebook:hover, .soc_med li a.facebook:active { background-position: 0 -24px; }
.soc_med li a.twitter:link, .soc_med li a.twitter:visited { background-position: -24px 0; } 
.soc_med li a.twitter:hover, .soc_med li a.twitter:active { background-position: -24px -24px; }
.soc_med li a.googleplus:link, .soc_med li a.googleplus:visited { background-position: -48px 0; }
.soc_med li a.googleplus:hover, .soc_med li a.googleplus:active { background-position: -48px -24px; }
.soc_med li a.youtube:link, .soc_med li a.youtube:visited { background-position: -72px 0; }
.soc_med li a.youtube:hover, .soc_med li a.youtube:active { background-position: -72px -24px; }
.soc_med li a.flickr:link, .soc_med li a.flickr:visited { background-position: -96px 0; }
.soc_med li a.flickr:hover, .soc_med li a.flickr:active { background-position: -96px -24px; }
.soc_med li a.pinterest:link, .soc_med li a.pinterest:visited { background-position: -120px 0; }
.soc_med li a.pinterest:hover, .soc_med li a.pinterest:active { background-position: -120px -24px; }

#newsletter_signup { margin-bottom: 1.2em; margin-left: 13px; }
#newsletter_signup label { margin: 0; font-weight: bold; }
#newsletter_signup input#signup { width: 150px; height: 20px; border: 1px solid #ccc; padding: 0; color: #999; margin-left: 0; } 
#newsletter_signup input#signup:focus { color: #333; }
input.fancy_btn { background: #28008E; border: none; color: #fff; font-weight: bold; cursor:pointer; } 
#newsletter_signup input.fancy_btn { height: 22px; padding: 0 5px 1px; }

.layout-c .twofifthright.homebottom p { width: auto; margin-bottom: 0; }
.twofifthright .soc_med { margin: 2px 0 10px 13px; float: left; }
.twofifthright .soc_med li { float:left; margin-right: 9px; margin-left: 0;}

/* IMAX carousel */
.feat_slides { height: 300px; overflow:hidden; background: #D2D2D2; }
.feat_slides div div.caption { position: absolute; bottom: 0; left: 0; color: #fff; width: 100%; padding: 5px 0 15px; background: url(/images/tr_overlay.png) 0 0 repeat; }
.feat_slides .caption a:link, .feat_slides .caption a:visited { color: #fff; text-decoration: none; }
.feat_slides .caption a:hover { text-decoration: underline; }
.feat_slides .caption h2 { background: url(/images/link_arrow_box_visit.gif) 0 12px no-repeat; padding-top: 0; padding-left: 17px; }
.feat_slides .caption p { padding-left: 17px; } 
.show { position: relative; }
.controls { position:absolute; right:8px; bottom:0; z-index:101; }

ul.slide_nums { list-style:none outside none; margin: 0; padding: 4px 2px 1px 4px; }
#container ul.slide_nums li { display:inline; padding:0; margin: 0; margin-right: 2px; }
.controls ul.slide_nums li a:link, .controls ul.slide_nums li a:visited { display: inline-block; width: 12px; height: 12px; overflow:hidden; text-indent:-9999px; background: url(/images/caro_bullet.png) no-repeat 0 0px; }

.controls ul.slide_nums li a:hover, .controls ul.slide_nums li a:active { background-position: 0 -12px; }
.controls ul.slide_nums li.activeSlide a, .controls ul.slide_nums li.activeSlide a:hover { background-position: 0 -12px; }
.controls a:focus, #local_nav a:focus { outline:none; }

.controls ul.slide_nums li#pause-play a:link, .controls ul.slide_nums li#pause-play a:visited { background: url(/images/pause-play.png) no-repeat 0 1px; width: auto; text-indent:0; color: #fff; font-size: 85%; padding-left: 13px; padding-right: 3px; }
.controls ul.slide_nums li#pause-play.paused a:link, .controls ul.slide_nums li#pause-play.paused a:visited { background: url(/images/pause-play.png) no-repeat 0 -11px; }

.controls li#pause-play { text-align:right; position: relative; bottom: 2px; left: 4px;}

/* HOME carousel */
#home_features .feat_slides { height: 230px; width: 595px; }
.layout-c .header-block.fifthed .feat_slides img { margin: 0; }
#home_features .controls { right: 149px; height: 20px; background: url(/images/tr_overlay.png) 0 0 repeat; }
#home_features .controls li#pause-play { margin-right: 7px; }
div#content div.header-block #home_features h2 {padding-bottom:0; font-size: 2em; }
div#content div.header-block #home_features p { margin-top: 0; padding-left: 0; margin-left: 12px; }
div#content div.header-block #home_features p span { padding: 1px 2px;}
/* setting new height for 'free entry' block:
.layout-c .fifthed.rebranded div.onefifth { height: 230px; } */
#home_features .feat_slides div div.caption { background: none; }
#home_features .feat_slides .caption h2 { background: none;  padding-left: 0;}
 img.ui-datepicker-trigger { margin-right: 6px; cursor:pointer; }