/* Parscale Media Style Sheet ----------------------------------------------------------------------------- Prototype Version: 2.4 Developer: Giles-Parscale Inc Email Address: info@parscale.com Developer Website: http://www.parscale.com/ Client Website: http://www.mcnayart.org Last Modifier: Ali Alvarez - Giles-Parscale Inc Last Modified: */ /* Table of Contents ----------------------------------------------------------------------------- 1. Clean Base 2. Base Typography 3. Images 4. Links 5. Forms 6. Tables 7. Framework */ /* 1. Create a Clean Base ------------------------------------------------------------------------------*/ html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address, small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label, input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;} blockquote, q {quotes: none;} br {height: 0;} ul, ol, dl {list-style: none;} /* Class for clearing floats */ .clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} /* Useful Classes*/ /* 2. Define Base Typography ------------------------------------------------------------------------------*/ /* Create the Default Headers */ h1, h2, h3, h4, h5, h6 {color: #000; font-family: 'Open Sans', sans-serif; font-weight: 400;} /* Create the Default Paragraphs */ p {color: #464242; font-weight: 400; line-height: 24px;} /* Specific Header Settings */ h1 {font-size: 18px;} h2 {font-size: 34px; font-weight: 300; line-height: 34px; letter-spacing: .04em; margin-bottom: 15px;} h3 {font-size: 15px;} h4 {font-size: 16px; color: #464242; font-weight: 700; text-transform: uppercase;} h5 {font-size: 14px; color: #68624d; text-transform: uppercase; font-weight: 600; margin-bottom: 5px;} h6 {font-size: 14px; color: #fff; text-transform: uppercase; font-weight: 600;} h6 a {font-size: 12px; color: #BF8B12; text-transform: uppercase; font-weight: 600;} /* Other Typo */ strong {font-weight: bold;} hr {border: 0 #CCCCCC solid; border-top-width: 1px; clear: both; height: 0; padding: 10px;} ol {list-style: decimal;} ul {list-style: disc;} /* Google Fonts font-family: 'Open Sans', sans-serif; weights: 300 (light), 400 (regular), 600 (semibold), 700 (bold) */ /* Google Web Font Smoothing */ html, body, p, a, h1, h2, h3, h4, h5, h6 {-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } /* 3. Images ------------------------------------------------------------------------------*/ /* Remove border around linked images */ img {border: 0; border-style: none;} /* 4. Links ------------------------------------------------------------------------------*/ /* Default Link Types */ /*a {color: #cd9819; text-decoration: none;}*/ a {color: #BF8B12; text-decoration: none;} a:hover {color: #146396; text-decoration: none;} a:active {outline: none;} a:focus {outline: none;} /* 5. Forms ------------------------------------------------------------------------------*/ /* Removes fieldset borders. even on Opera 7 */ fieldset {border: 1px solid transparent;} input[type="text"], textarea , input[type="submit"], input[type="reset"]{-webkit-appearance: none; border-radius: 0px;} input[type="text"], input[type="password"] { outline: none; } textarea:focus, input:focus, a, div, img { outline: none; } /* 6. Tables ------------------------------------------------------------------------------*/ /* Table Fixes */ table {border-spacing: 0; border-collapse: collapse;} td {text-align: left; font-weight: normal;} /* 7. Framework ------------------------------------------------------------------------------*/ /* Page Layout */ html, body {height: 100%; font-size: 13px; font-family: 'Open Sans', sans-serif; -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;} /* Wrapper */ #wrapper {min-height: 100%; height: auto !important; margin: 0 auto -340px;} .container {width: 940px; margin: auto; position: relative;} .container_l {width: 960px; margin: auto; position: relative; padding-top: 90px; padding-bottom: 30px;} /* General */ .last {margin-right: 0 !important; margin-padding: 0 !important;} .italic {font-style: italic !important;} .strong {font-weight: 600 !important;} /*.hide {display: none;}*/ .relative {position: relative;} .left {float: left;} .right {float: right;} /* Donate */ #donate_wrapper {width: 100%; min-width: 940px; position: fixed; top: 0; left: 0; z-index: 250;} #donate_wrapper #donate {padding: 30px 0; width: 100%; min-width: 940px; height: 190px; background: url(/images/site/repeater_bg.jpg); position: relative; display: none;} #donate_wrapper #donate #donate_img, #donate_wrapper #donate #donate_give, #donate_wrapper #donate #donate_focus {float: left;} #donate_wrapper #donate #donate_give {width: 300px; margin-left: 50px; padding-right: 50px; border-right: 1px solid #000; margin-right: 50px; text-align: center;} #donate_wrapper #donate #donate_give h2 {color: #b18a2d;} #donate_wrapper #donate #donate_focus {width: 230px;} #donate_wrapper #donate #donate_focus ul li {list-style: none; margin-bottom: 5px;} #donate_wrapper #donate #donate_focus ul li a {font-weight: 600; font-size: 13px; text-transform: uppercase;} #donate_wrapper #donate #donate_give h2 span, #donate_wrapper #donate #donate_focus h2 span {font-style: italic;} #donate_wrapper #donate_button {cursor: pointer; width: 105px; height: 30px; background: url(/images/site/btn_donate.jpg); text-indent: -9999px; display: block; position: absolute; bottom: -30px; right: 55px;} .donate{ display: none;} /* Header */ #header_wrapper {width: 100%; min-width: 940px; height: 100px; position: relative;} #header_wrapper #header {width: 100%; min-width: 940px; height: 100px; position: fixed; top: 0; left: 0; z-index: 200; background: #fff;} #header_wrapper #header #brand {float: left; padding: 30px 0 0 40px;} #header_wrapper #header_buttons {position: absolute; top: 100px; right: 50px; z-index: 150;} #header_wrapper #header_buttons #header_hours {padding-left: 25px; float: left; width: 205px; height: 50px; background: url(/images/site/header_hours_bg.png);} #header_wrapper #header_buttons #header_hours h6 {font-weight: 600; font-style: italic; font-size: 12px; line-height: 37px; color: #000; text-transform: none;} #header_wrapper #header_buttons #header_search {float: left;} #header_wrapper #header_buttons #header_search #search_btn {cursor: pointer;} #header_wrapper #header_buttons #header_search #search {float: left; width: 0; height: 38px; background: url(/images/site/header_search_bg2.png); padding-top: 12px;} #header_wrapper #header_buttons #header_search #search input[type=text] {margin-left: 20px; width: 180px; height: 25px; background: #fff; color: #68624d; font-size: 12px; font-style: italic; padding: 0 5px;} #search ::-webkit-input-placeholder, #search :-moz-placeholder, #search ::-moz-placeholder, #search :-ms-input-placeholder {color: #68624d; font-weight: 400; font-size: 12px;} #header_wrapper #header_buttons #header_search #search_icon {float: left; width: 50px; height: 50px; background: url(/images/site/header_search_icn.png);} #header_wrapper #header_buttons #header_event {padding: 0 30px; font-weight: 700; float: left; width: 184px; height: 50px; background: url(/images/site/header_event_bg2.png);} #header_wrapper #header_buttons #header_event a {color: #cd9819; line-height: 37px;} .mob_topbg{ display: none;} /* Navigation */ #header_wrapper #header #nav {float: right; margin-right: 30px; font-size: 14px;} #header_wrapper #header #nav ul li {list-style: none; float: left; margin-right: 20px; position: relative;} #header_wrapper #header #nav ul li.top {list-style: none; float: left; margin-right: 14px; position: relative;} #header_wrapper #header #nav #nav_top {position: absolute; top: 10px; right: 160px;} #header_wrapper #header #nav #nav_top.nav_cart_header{ right:260px;} #header_wrapper #header #nav #nav_top ul li.nav_cart_header{ margin-right: 10px; } #header_wrapper #header #nav #nav_bottom {position: absolute; top: 55px; right: 55px;} #header_wrapper #header #nav #nav_top ul li a {font-weight: 600; font-style: italic; color: #000;} #header_wrapper #header #nav #nav_bottom ul li a {cursor: pointer; font-weight: 600; color: #000; text-transform: uppercase; display: block; padding-bottom: 30px;} #header_wrapper #header #nav #nav_top ul li a:hover, #header_wrapper #header #nav #nav_bottom ul li a:hover {color: #b18a2d;} #header_wrapper #header #nav #nav_top ul li a.active, #header_wrapper #header #nav #nav_bottom ul li a.active {color: #b18a2d;} #header_wrapper #header #nav #nav_bottom ul.hidden li a {font-weight: 400; text-transform: none; font-size: 13px; display: block; width: 110px; padding: 5px 15px; margin-bottom: 5px;} #header_wrapper #header #nav #nav_bottom ul.hidden li a:hover {background: #b18a2d; color: #fff;} .drop_bottom {width: 140px; height: 20px; background: url(/images/site/drop_end.png); position: absolute; bottom: -20px; left: 0;} li#collections:hover #menu_collections, li#exhibitions:hover #menu_exhibitions, li#learn:hover #menu_learn, li#visit:hover #menu_visit, li#joingive:hover #menu_joingive, li#rentals:hover #menu_rentals {display: block;} #menu_collections, #menu_exhibitions, #menu_learn, #menu_visit, #menu_joingive, #menu_rentals {display: none; position: absolute; top: 45px; left: -15px; width: 140px; background: #fafaf9; z-index: 160; padding: 10px 0;} .mobile-menu-icon{ display: none; background: /*#CF991B url("/images/site/nav.png") no-repeat left top*/; float: right; height: 28px; margin: 0; padding: 10px 0 0 15px; width: 70px; position: absolute; font-size: 13px; text-align: left; color: #c0baa4 !important; text-transform: uppercase; right: 2%; top: 9px; text-decoration: none; z-index: 999; border: #ededeb solid 1px; font-weight: 600;} .mobile-menu-icon:hover, .mobile-menu-icon.active{ color: #c0baa4 !important; text-decoration: none;} .mobile-nav{ display: none;} /* Home #banner_wrapper {height: 550px; width: 100%; min-width: 940px; overflow: hidden; position: relative;} #banner_wrapper #next {cursor: pointer; width: 42px; height: 72px; background: url(/images/site/arrow_right2.png); display: block; position: absolute; top: 240px; right: 10px; z-index: 140;} #banner_wrapper .banner {width: 100%; min-width: 940px; height: auto;} #banner_wrapper .banner img {min-width: 100%; min-height: 550px;}*/ #banner_wrapper {height: 100%; width: 100%; min-width: 940px; overflow: hidden; position: relative;} #banner_wrapper #next {cursor: pointer; width: 42px; height: 72px; background: url(/images/site/arrow_right2.png); display: block; position: absolute; top: 240px; right: 10px; z-index: 140;} #banner_wrapper .banner {width: 100%; min-width: 940px; height: 550px;} #banner_wrapper .banner img {min-width: 100%; min-height: 100%; position: fixed; top: 0; left: 0; z-index: -1;} #banner_wrapper .banner .banner_message_title {padding: 0 15px; width: 265px; height: 40px; background: url(/images/site/bnr_msg_title_bg.png); position: absolute; top: 0; left: 0;} #banner_wrapper .banner .banner_message_title h1 {color: #fff; font-weight: 600; line-height: 40px; text-transform: uppercase; letter-spacing: .04em; font-size: 14px;} #banner_wrapper .banner .banner_message_title .close {cursor: pointer; position: absolute; top: 12px; right: 10px; display: block; width: 20px; height: 15px; background: url(/images/site/banner_close.png);} #banner_wrapper .banner .banner_message_title .open {cursor: pointer; background: url(/images/site/banner_open.png);} #banner_wrapper .banner .banner_message_body {padding: 40px 15px; height: 430px; width: 265px; background: url(/images/site/bnr_msg_bg.png); position: absolute; top: 40px; left: 0;} #banner_wrapper .banner .banner_message_body h2 {color: #fff; font-size: 21px; line-height: 30px; margin-bottom: 10px;} #banner_wrapper .banner .banner_message_body a.readmore {display: block; font-weight: 700; text-transform: uppercase; margin-top: 20px;} #banner_wrapper .banner .banner_message_body p {color: #fff;} #banner_wrapper .banner .banner_message_body .banner_facebook {cursor: pointer; background: url("/images/site/banner_like.png") no-repeat scroll left top transparent; padding:0px 67px 0 0;} #banner_wrapper .banner .banner_message_body .banner_twitter {cursor: pointer; background: url("/images/site/banner_favorite.png") no-repeat scroll left top transparent; padding:0px 85px 0 0;} #banner_wrapper .banner .banner_message_body .banner_pinterest {cursor: pointer; background: url("/images/site/banner_pin.png") no-repeat scroll left top transparent; padding:0px 85px 0 0;} /* Internal */ #main {width: 760px; float: right;} #main #top_bar {width: 760px; height: 20px; background: url(/images/site/titlebartop.png); position: relative;} #main #top_bar #title_top {height: 10px; width: 650px; background: url(/images/site/title_bg_top.jpg); position: absolute; top: -10px; left: 10px;} #main #top {padding-bottom: 20px; width: 760px; min-height: 35px; background: #FAFAF9; position: relative;} #main #top #phone {float: right; margin-right: 5px; min-height: 35px; margin-top: -30px; font-weight: bold;} #main #top #phone p {line-height: 18px;} #main #top #title {position: relative; min-height: 35px; margin-left: 10px; width:570px; padding: 0 40px 20px 40px; background: url(/images/site/title_bg_bottom.jpg);} #main #top #title h1 {line-height: 24px;} #main #content {background: #fafaf9; padding: 0 40px 50px 40px;} #main #content blockquote {font-size: 9px; color: #5F5C6B; padding-bottom: 20px;} #main #content_l {background: #fafaf9; padding: 15px 20px 75px 20px;} #main #content ul li {margin-left: 15px; margin-bottom: 5px; margin-top: 5px; color: #464242;} #main #content_l ul li {margin-left: 15px; margin-bottom: 5px; margin-top: 5px; color: #464242;} #main .related {background: #fff; margin-top: 40px; padding: 30px; position: relative;} #main .related_two {background: #fff; padding: 30px; position: relative; width: 305px; float: left; margin-right: 30px; margin-top: 40px;} #main .related .related_top {background: url(/images/site/related_top.png); height: 15px; width: 760px; position: absolute; top: -15px; left: 0;} #main .related_two .related_top {background: url(/images/site/related_top_s.png); height: 15px; width: 365px; position: absolute; top: -15px; left: 0;} #main .related .related_item, #main .related_two .related_item {width: 300px; margin: 20px 100px 20px 0; float: left;} #main .related .related_item .related_item_img, #main .related_two .related_item .related_item_img {width: 300px; height: 160px; overflow: hidden; margin-bottom: 15px;} #main .related .related_item .related_item_img img, #main .related_two .related_item .related_item_img img {width: 300px;} #main .related .related_item h4, #main .related_two .related_item h4 {text-transform: none; font-weight: 600; line-height: 18px; margin-bottom: 10px;} #main .related .related_item p span, #main .related_two .related_item p span {color: #b78b21;} #main .related .related_item p, #main .related_two .related_item p {line-height: 18px; margin-bottom: 10px;} #main .related ul li, #main .related_two ul li {list-style: none; float: left; margin: 15px 15px 0 0;} .related_item img {max-width: 300px;} .aside_wrapper {width: 200px; float: left;} .aside {width: 200px; float: left; margin: 10px 0;} .aside .sub_nav_title {width: 200px; height: 45px; background: url(/images/site/subnav_title_bg.png);} .aside .sub_nav_title h6 {line-height: 45px; margin-left: 10px;} .aside .sub_nav {padding: 20px; width: 160px; background: url(/images/site/subnav_bg.png);} .aside .sub_nav ul li {list-style: none; margin-bottom: 10px;} .aside .sub_nav ul li a {color: #fff; font-size: 13px;} .aside .sub_nav ul li a:hover {color: #d09a1a;} .aside .sub_nav ul li a.active {color: #d09a1a;} .aside .sub_nav ul.sub_nav_primary li {border-bottom: 1px; padding-bottom: 15px; -webkit-border-image:url(/images/site/divider_nav.png) 1; -o-border-image:url(/images/site/divider_nav.png) 1; border-image:url(/images/site/divider_nav.png) 1;} .aside .sub_nav ul.sub_nav_primary li:last-child {border-bottom: none; border-image: none;} .aside .sub_nav ul.sub_nav_primary li a {text-transform: uppercase; font-weight: 600; font-size: 13px;} .aside .sub_nav ul.sub_nav_secondary {display: none;} .aside .sub_nav ul.sub_nav_secondary li {margin: 5px 10px !important; border-bottom: none; padding-bottom: 0; border-image: none;} .aside .sub_nav ul.sub_nav_secondary li a {text-transform: none; font-weight: 400; font-size: 13px;} /* About */ .staff {width: 280px; float: left; margin-bottom: 20px;} .staff h5 {color: #464242; font-weight: 700; text-transform: none;} .staff ul li {list-style: none; margin-bottom: 10px !important;} .staff p {line-height: 18px;} #staff_contact {padding: 25px 50px; background: url(/images/site/repeater_bg.jpg);} #staff_contact input[type="text"] {width: 250px; height: 10px; padding: 10px; background: #fff; border: 1px solid #d7d7d7;} #staff_contact textarea, #event_form textarea {width: 575px; height: 75px; padding: 10px; background: #fff; border: 1px solid #d7d7d7;} #staff_contact input[type="submit"] {width: 120px; height: 35px; background: url(/images/site/btn_submit.jpg); text-indent: -9999px; margin: 15px 0;} #staff_contact label.dform_label {color: #464242; font-weight: 400;} /* Calendar */ #event_nav a {font-style: italic; font-size: 13px; color: #000; float: left; margin-right: 65px; display: block; height: 15px;} #event_nav .thumbnail_view {background-image: url(/images/site/view_grid.png); background-position: 0 -15px; background-repeat: no-repeat; padding-left: 20px;} #event_nav .calendar_view {background-image: url(/images/site/view_calendar.png); background-position: 0 -15px; background-repeat: no-repeat; padding-left: 20px;} #event_nav .active_view {background-position: 0 0 !important;} .featured_events .featured_event {width: 320px; float: left; margin: 20px 20px 20px 0;} .featured_events .featured_event .featured_event_img {width: 320px; height: 280px; overflow: hidden; margin-bottom: 5px;} .featured_events .featured_event .featured_event_img img {height: 280px;} .featured_events .featured_event h3, .event h3 {font-size: 15px; font-weight: 600; line-height: 18px;} .event {width: 210px; float: left; margin-right: 15px; margin-bottom: 15px;} .event .event_img {width: 210px; height: 180px; overflow: hidden; margin-bottom: 5px;} .event .event_img img {height: 180px;} .featured_event p, .event p {line-height: 15px;} .featured_event h3, .event h3 {margin-bottom: 5px;} #calendar_wrapper #top_bar {width: 960px; height: 20px; background: url(/images/site/titlebartop2.png); position: relative;} #calendar_wrapper #top_bar #title_top {height: 10px; width: 850px; background: url(/images/site/title_bg_top.jpg); position: absolute; top: -10px; left: 10px;} #calendar_wrapper #top {padding-bottom: 20px; width: 960px; min-height: 35px; background: #FAFAF9; position: relative;} #calendar_wrapper #top #title {position: relative; min-height: 35px; margin-left: 10px; width:770px; padding: 0 40px 10px 40px; background: url(/images/site/title_bg_bottom.jpg);} #calendar_wrapper #top #title h1 {line-height: 24px;} #calendar_wrapper #content {background: #fafaf9; padding: 0 40px 50px 40px;} #calendar_wrapper #calendar_month {text-align: center; position: relative;} #calendar_wrapper #calendar_month #calendar_month_prev a {position: absolute; top: 0; left: 330px; display: block; width: 20px; height: 20px; background: url(/images/site/arrow_cal_left.jpg); text-indent: -9999px;} #calendar_wrapper #calendar_month #calendar_month_next a {position: absolute; top: 0; right: 330px; display: block; width: 20px; height: 20px; background: url(/images/site/arrow_cal_right.jpg); text-indent: -9999px;} #calendar_wrapper #calendar_month h4 {font-size: 15px; letter-spacing: .3em;} #calendar_wrapper #calendar_filter {padding: 15px 0; margin: 35px 0; height: 20px; width: 100%; background: url(/images/site/repeater_bg.jpg);} #calendar_wrapper #calendar_filter h5, #calendar_wrapper #calendar_filter select {float: left; margin: 0 50px 0 15px;} #calendar_wrapper #calendar_filter h5 {font-size: 13px; text-transform: none; color: #000;} #calendar_wrapper #calendar_view .calendar_box {width: 115px; float: left; margin: 4px 4px; border: 1px solid #e1e1e1; overflow: hidden;} #calendar_wrapper #calendar_view .inactive_box {height: 105px; background: #ebebeb;} #calendar_wrapper #calendar_view .active_box {min-height: 105px;} #calendar_wrapper #calendar_view .active_box .calendar_box_date {width: 50px; text-align: center; padding: 10px;} #calendar_wrapper #calendar_view .active_box .calendar_box_date h2 {font-weight: 700; font-size: 30px; margin-bottom: 0;} #calendar_wrapper #calendar_view .active_box .calendar_box_date h4 {font-weight: 700; font-size: 11px; text-transform: uppercase;} #calendar_wrapper #calendar_view .active_box .calendar_box_date h5 {font-size: 11px; text-transform: uppercase;} #calendar_wrapper #calendar_view .active_box .calendar_event {padding: 10px; background: url(/images/site/repeater_bg.jpg);} #calendar_wrapper #calendar_view .active_box .calendar_event h3 {font-size: 12px; font-weight: 600;} #pagination, #press_pagination {margin-top: 35px; clear: both;} #pagination p, #press_pagination p {font-weight: 600; color: #898989; text-transform: uppercase; font-size: 12px;} #pagination a, #press_pagination a {font-weight: 600;} #event_detail_left {width: 550px; float: left;} #event_detail_left #event_detail_info {position: relative;} #event_detail_left #event_detail_info p {line-height: 18px;} #event_detail_left #event_detail_info a {display: block; width: 210px; height: 35px; position: absolute; top: 0; right: 0;} #event_detail_left #event_detail_img {max-width: 550px; height: auto; overflow: hidden; margin: 20px 0;} #event_detail_left #event_detail_img img {max-width: 550px;} #event_detail_right {margin: 20px 0; width: 40px; float: right; background: url(/images/site/repeater_bg.jpg); padding: 10px; border: 1px solid #d7d7d7;} #event_detail_right ul li {width: 20px; list-style: none; margin-left: 10px !important; border-bottom: 1px solid #A7A18A; padding-bottom: 10px; margin-bottom: 10px !important;} #event_detail_right ul li:last-child {border-bottom: none; margin-bottom: 0 !important;} #event_detail_right .st_email_custom {cursor: pointer; background: url("/images/site/social_blog_email.png") no-repeat scroll left top transparent;padding:0px 20px 0 0;} #event_detail_right .st_twitter_custom {cursor: pointer; background: url("/images/site/social_blog_twitter.png") no-repeat scroll left top transparent;padding:0px 20px 0 0;} #event_detail_right .st_googleplus_custom {cursor: pointer; background: url("/images/site/social_blog_google.png") no-repeat scroll left top transparent;padding:0px 20px 0 0;} #event_detail_right .st_facebook_custom {cursor: pointer; background: url("/images/site/social_blog_fn.png") no-repeat scroll left top transparent;padding:0px 20px 0 0;} #event_detail_right .st_linkedin_custom {cursor: pointer; background: url("/images/site/social_blog_linkedin.png") no-repeat scroll left top transparent;padding:0px 20px 0 0;} #event_detail_right .st_pinterest_custom {cursor: pointer; background: url("/images/site/social_blog_pinterest.png") no-repeat scroll left top transparent;padding:0px 20px 0 0;} /* Press */ #main .color {background: url(/images/site/repeater_bg.jpg);} #main .press {width: 300px; float: left; padding: 30px;} #main .press .press_img {width: 300px; height: 160px; overflow: hidden; margin-bottom: 15px;} #main .press .press_img img {width: 300px;} #main .press h4 {text-transform: none; font-weight: 600; line-height: 18px; margin-bottom: 10px;} #main .press p span {color: #b78b21;} #main .press p {line-height: 18px; margin-bottom: 10px;} #main .press ul li {list-style: none; float: left; margin: 15px 15px 0 0;} #press_pagination {position: absolute; bottom: 0; left: 0; background: #FAFAF9; height: 60px; width: 100%;} #press_pagination p {line-height: 60px; margin-left: 50px;} /* Gallery */ .gallery {width: 205px; float: left; margin: 10px 25px 10px 0;} .gallery h4 {text-transform: none; font-weight: 600; line-height: 18px; margin: 10px 0; color: #cd9819;} /* Exhibitions */ .exhibit {width: 300px; float: left; text-align: center; margin: 15px 50px 15px 10px;} .exhibit .exhibit_hover {display: none; width: 270px; height: 130px; padding: 15px; position: absolute; bottom: 0; left: 0; background: url(/images/site/exhibit_hover.png);} .exhibit .exhibit_hover .exhibit_hover_txt {width: 100%; height: 100%; display: table;} .exhibit .exhibit_hover p {display: table-cell; vertical-align: middle; line-height: 18px; color: #fff; font-weight: 600; font-style: italic;} .exhibit h4 a {text-transform: none; font-weight: 600;} .exhibit .exhibit_img {width: 300px; height: 160px; overflow: hidden; margin-bottom: 5px; position: relative;} .exhibit .exhibit_img img {width: 300px; display: block; min-height: 160px;} .exhibit p.date {font-size: 12px; line-height: 18px;} .exhibit_detail {padding: 20px 0;} .exhibit_detail .exhibit_detail_img {width: 200px; overflow: hidden; float: left;} .exhibit_detail .exhibit_detail_img img {max-width: 200px;} .exhibit_detail .exhibit_detail_txt {width: 445px; float: right;} .exhibit_detail .exhibit_detail_txt h3 {font-weight: 600; color: #464242;} .exhibit_detail .exhibit_detail_txt p {margin: 15px 0;} .exhibit_detail .exhibit_detail_txt p.notes {font-size: 13px; font-style: italic;} /* Learn */ .learn_left {width: 300px; float: left; margin-bottom: 10px;} .learn_right {width: 320px; float: right; margin-bottom: 10px;} .accordian {margin-bottom: 10px;} .accordian .show, accordian .hide {cursor: pointer;} .accordian .accordian_title {display: block; background: url(/images/site/repeater_bg.jpg); padding: 10px;} .accordian .show .accordian_title h3 {padding-left: 25px; font-size: 15px; font-weight: 600; display: block; background: url(/images/site/arrow_down_2.png) center left no-repeat;} .accordian .hide .accordian_title h3 {background: url(/images/site/arrow_up_2.png) center left no-repeat;} .accordian .accordian_hidden {display: none; padding: 5px 25px;} /* Join/Give */ #give_form {padding: 25px 50px; background: url(/images/site/repeater_bg.jpg);} #give_form input[type="text"] {width: 250px; height: 10px; padding: 10px; background: #fff; border: 1px solid #d7d7d7;} #give_form textarea {width: 575px; height: 75px; padding: 10px; background: #fff; border: 1px solid #d7d7d7;} #give_form input[type="submit"] {cursor: pointer; background: #CE9822; padding: 10px 25px; color: #fff; text-transform: uppercase; letter-spacing: .05em;} #give_form label.dform_label {color: #464242; font-weight: 400; font-size: 14px;} #give_form label {color: #464242; font-weight: 400; font-size: 12px;} .join_boxes {margin-top: 30px;} .join_box {padding: 20px; width: 270px; margin-bottom: 30px; background: url(/images/site/repeater_bg.jpg);} .join_box #subd {background: #CF9A22; color: #fff; text-transform: uppercase; font-weight: 700; padding: 5px 15px; font-size: 11px; letter-spacing: .05em;} .join_box .btn, #store_right .plan .btn {background: #CF9A22; color: #fff; text-transform: uppercase; font-weight: 700; padding: 5px 15px; font-size: 11px; letter-spacing: .05em;} #store_right .plan .btn {margin-top: 10px; display: inline-block;} #new_submission .dform_element {margin-bottom: 10px !important;} #new_submission ul.radios li {line-height: 25px;} #main #content .alert ul li {color: #BA2E26;} .plan {margin-bottom: 30px; background: url(/images/site/repeater_bg.jpg);} .plan .label-heading {padding: 15px; background: rgba(211,200,173,.5); display: block; font-weight: bold; cursor: pointer;} .plan h3 {padding: 15px; background: rgba(211,200,173,.5); display: block; font-weight: bold;} .plan .label-heading input {margin-right: 10px;} .plan .plan_body {padding: 10px 20px 20px;} #plan_submit {padding: 7px 10px; display: inline-block; font-weight: 700; font-size: 13px; letter-spacing: .025em; text-transform: uppercase; background: #aaa; color: #fff; cursor: pointer;} #plan_change_submission {padding: 10px; text-align: center;} #plan_change_submission p {margin-bottom: 20px; font-weight: bold; font-size: 12px;} #redeem_voucher {margin-bottom: 40px;} #redeem_voucher input[type="text"] {width: 280px; height: 10px; padding: 10px; background: #fff; border: 1px solid #d7d7d7;} #main #content #cardstoggler {width: 100%; margin-bottom: 20px;} #main #content #cardstoggler th {text-align: left; padding: 5px 5px 5px 0;} #main #content #cardstoggler td {padding: 5px 5px 5px 0;} #main #content #voucher_table {width: 100%;} #main #content #voucher_table td {padding: 5px;} #main #content #voucher_table th {text-align: left; padding: 5px;} /* Special Events */ #main #event_special_left {width: 580px; float: left;} #main #event_special_left #event_detail_img {width: 580px; height: 350px; overflow: hidden; margin: 20px 0;} #main #event_special_left #event_detail_img img {width: 580px;} #main #special_content .body_one, #main #special_content .body_two {padding: 50px 40px;} #main #special_content .body_one table td, #main #special_content .body_two table td, #main #content table td {vertical-align: top; padding: 15px;} .sidebar {width: 180px; float: left; margin: 10px 0; background: url(/images/site/subnav_bg.png); padding: 20px 10px; overflow: hidden;} .sidebar p, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar ul li {color: #fff;} .sidebar p {color: #fff; line-height: 21px; margin-bottom: 10px; margin-top: 10px;} .sidebar ul {margin-bottom: 20px;} .sidebar ul li {margin-left: 20px; color: #fff;} .sidebar h6 {margin-top: 10px;} .sidebar a {color: #ECAF1D;} .sidebar a:hover {color: #fff;} #main #special_content {background: #fafaf9; padding-bottom: 50px;} #main #special_content ul li {margin-left: 15px; margin-bottom: 5px; margin-top: 5px;} /* Rentals */ #rentals_media {padding-bottom: 30px; border-bottom: 1px; margin-bottom: 30px; -webkit-border-image:url(/images/site/divider_l.png) 1; -o-border-image:url(/images/site/divider_l.png) 1; border-image:url(/images/site/divider_l.png) 1;} #rentals_media img {max-width: 660px;} #rentals_media ul li {list-style: none; float: left; margin: 0; padding: 0;} /* Visit */ #tabs {background: #fafaf9;} #tabs #tabs_tabs {padding: 0 40px;} #tabs #tabs_tabs ul li {list-style: none; float: left; margin-right: 10px;} #tabs #tabs_tabs ul li a {padding: 0 30px; line-height: 30px; letter-spacing: .04em; color: #000; font-size: 13px; font-weight: 600; text-transform: uppercase; display: block; height: 30px; background: url(/images/site/tab_inactive.jpg) repeat-x;} #tabs #tabs_tabs ul li.ui-tabs-active a {background: url(/images/site/tab_active.jpg) repeat-x;} #tabs_content {background: url(/images/site/repeater_bg.jpg); padding: 25px 40px 65px 40px;} #tabs_content .accordian .accordian_title {display: block; background: url(/images/site/repeater_bg_dark.jpg); padding: 10px;} #tabs_content table td {padding: 10px 20px; vertical-align: top;} .visit_sub_heading {margin: 5px 0} .visit_sub_content {margin-bottom: 30px;} .visit_sub_content a.shadowbox {float: left; display: block; margin: 5px;} /* Checkout/Tickets */ .full {width: 100% !important; float: none !important;} .full #top_bar {width: 100% !important; height: 20px; background: url(/images/site/titlebartop_long.png) !important; position: relative;} .full #top_bar #title_top {height: 10px; width: 860px !important; background: url(/images/site/title_bg_top.jpg); position: absolute; top: -10px; left: 10px;} .full #top {padding-bottom: 20px; width: 100% !important; min-height: 35px; background: #FAFAF9; position: relative;} .full #top #title {position: relative; min-height: 35px; margin-left: 10px; width: 780px !important; padding: 0 40px 20px 40px; background: url(/images/site/title_bg_bottom.jpg);} .full #top #title h1 {line-height: 24px;} #event_form .dform_element {margin: 0;} .dform_container ul li {margin-left: 0 !important; margin-bottom: 0 !important; margin-top: 0 !important;} #event_form input[type="text"].cart_quantity {width: 25px; height: 15px; padding: 10px; background: #fff; border: 1px solid #d7d7d7;} #event_form input[type="text"], #event_form input[type="email"], #event_form input[type="tel"] {height: 14px; padding: 10px; background: #fff; border: 1px solid #d7d7d7;} #event_form input[type="submit"] {cursor: pointer; padding: 10px 30px; margin: 15px 0; background: #CF9822; color: #fff; font-weight: 600; text-transform: uppercase; font-family: 'Open Sans', sans-serif;} #event_form .phone_area input{width:34px;} #event_form .phone_number input{width:144px;} #event_form .dfinput_phones .phone_number {margin: 0 0 0 5px;} #event_form label.dform_label {color: #464242;} #event_tickets {padding: 25px 40px; height: 40px; background: url(/images/site/repeater_bg.jpg); position: relative;} #event_tickets h5 {font-weight: 600; text-transform: none; font-size: 15px; line-height: 70px;} #event_tickets .btn, #event_tickets_top .btn {padding: 10px 30px; display: inline-block; font-weight: 700; font-size: 13px; letter-spacing: .025em; text-transform: uppercase; background: #CF9822; color: #fff;} #event_tickets_top {margin-bottom: 20px;} .dform_container input.text {background: #fff; border: 1px solid #D7D7D7;} /* Footer Push */ #push {height: 340px;} /* Sub Footer */ #sub_footer_wrapper {width: 100%; min-width: 940px; position: absolute; top: -50px; left: 0; z-index: 150;} #sub_footer_wrapper #sub_footer .sub_footer_tabs {width: 940px; margin: auto; position: relative;} #sub_footer_wrapper #sub_footer .sub_footer_item {position: absolute; bottom: -50px; left: 0; width: 100%; min-width: 940px;} #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu {width: 100%; height: 310px; background: #fff; display: none;} #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .sub_footer_menu_top {height: 10px; background: url(/images/site/repeater_bg.jpg); margin-bottom: 20px;} #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .sub_footer_feed {width: 290px; float: left; margin-right: 35px; margin-bottom: 15px;} #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .sub_footer_feed .sub_footer_feed_img {width: 290px; height: 145px; overflow: hidden;} #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .sub_footer_feed .sub_footer_feed_img img {width: 290px;} #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .sub_footer_feed .sub_footer_date {width: 60px; float: left;} #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .sub_footer_feed .sub_footer_date h5 {font-size: 13px;} #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .sub_footer_feed .sub_footer_summary {width: 210px; float: right; font-style: italic;} #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .sub_footer_more {text-align: center; background: url(/images/site/tab_divider.png) left center no-repeat;} #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .exhibit_feed .exhibit_feed_active {background: url(/images/site/exhibit_hover.png) !important;} #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .exhibit_feed .exhibit_feed_title {display: table; padding: 2px 10px; width: 250px; height: 41px; background: #bbb39b; position: absolute; top: 0; left: 0;} #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .exhibit_feed .exhibit_feed_title h6 {line-height: 16px; display: table-cell; vertical-align: middle; color: #fff; font-weight: 600; font-size: 15px; text-transform: none;} #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .exhibit_feed .exhibit_feed_title p {color: #fff; font-size: 15px;} #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .exhibit_feed .exhibit_feed_info {padding: 5px 10px; display: none; width: 250px; height: 106px; background: #f9f7f1; position: absolute; bottom: 0; left: 0;} #sub_footer_member_img, #sub_footer_member_txt, #sub_footer_member_links {float: left;} #sub_footer_member_txt {width: 300px; height: 155px; padding: 0 25px; margin: 0 25px; border-left: 1px; border-right: 1px; -webkit-border-image:url(/images/site/divider_member.jpg) 1; -o-border-image:url(/images/site/divider_member.jpg) 1; border-image:url(/images/site/divider_member.jpg) 1;} #sub_footer_member_txt p {font-size: 14px !important; color: #000 !important; line-height: 21px !important;} #sub_footer_member_links {width: 230px; padding: 30px 0;} #tab_week {width: 250px; height: 50px; background: url(/images/site/rollover_week.png) 0 0; position: absolute; top: -50px; left: 0; z-index: 160; font-size: 0px; line-height: 0px; text-indent: -999em;} #tab_week:hover {cursor: pointer; background: url(/images/site/rollover_week.png) 0 50px;} #tab_exhibitions {width: 250px; height: 50px; background: url(/images/site/rollover_exh.png) 0 0; position: absolute; top: -50px; left: 230px; z-index: 163; font-size: 0px; line-height: 0px; text-indent: -999em;} #tab_exhibitions:hover {cursor: pointer; background: url(/images/site/rollover_exh.png) 0 50px;} #tab_member {width: 250px; height: 50px; background: url(/images/site/rollover_member.png) 0 0; position: absolute; top: -50px; left: 460px; z-index: 161; font-size: 0px; line-height: 0px; text-indent: -999em;} #tab_member:hover {cursor: pointer; background: url(/images/site/rollover_member.png) 0 50px;} #tab_blog {width: 250px; height: 50px; background: url(/images/site/rollover_blog.png) 0 0; position: absolute; top: -50px; left: 690px; z-index: 162; font-size: 0px; line-height: 0px; text-indent: -999em;} #tab_blog:hover {cursor: pointer; background: url(/images/site/rollover_blog.png) 0 50px;} #exhibit_feed_slider_wrapper {position: relative; overflow: hidden; width: 855px; margin: auto;} #exhibit_feed_slider_wrapper #exhibit_feed_slider {width: 20000em; position: relative;} #exhibit_feed_slider_wrapper #exhibit_feed_slider .exhibit_feed {background-size: auto 160px; width: 270px; height: 160px; position: relative; float: left; margin-right: 20px;} .jcarousel-control-prev {position:absolute; top: 45px; left: 0; z-index: 999; width: 25px; height: 45px; background: url(/images/site/arrow_pop_left.jpg);} .jcarousel-control-next {position:absolute; top: 45px; right: 0; z-index: 999; width: 25px; height: 45px; background: url(/images/site/arrow_pop_right.jpg);} /* Footer */ #footer {height: 300px; padding: 20px 0; background: url(/images/site/repeater_bg.jpg); position: relative; z-index: 150;} #footer .footer_container {height: 230px;} #footer p {color: #68624d; font-size: 13px; line-height: 18px;} #footer #footer_info a, #footer #footer_links a {color: #a59f88; font-size: 13px; text-decoration: underline;} #footer #footer_member, #footer #footer_info, #footer #footer_links, #footer #footer_connect {float: left;} #footer #footer_info {width: 185px; margin-left: 25px;} #footer #footer_links {width: 145px; margin-left: 25px;} #footer #footer_repeater {height: 34px; background: url(/images/site/footer_rptr.png);} #footer #footer_connect {margin-left: 25px;} #footer #footer_connect input[type=email] {width: 180px; height: 25px; background: #fff; color: #534e3e; font-style: italic; padding: 0 5px;} #footer #footer_connect input[type=submit] {margin-left: -3px; width: 55px; height: 25px; background: url(/images/site/btn_send.png); text-indent: -9999px; cursor: pointer;} #footer #footer_connect ul li {list-style: none; float: left; margin: 15px 15px 0 0;} #footer #footer_connect h5 span {font-weight: 400; text-transform: none; letter-spacing: 0em; font-style: italic;} #footer #footer_bottom {text-align: center;} #footer #footer_bottom p {font-size: 12px; line-height: 38px;} #footer #footer_bottom p a {color: #a59f88; text-transform: uppercase;} /* Lights Out */ #lights_out {width: 100%; height: 100%; background: url(/images/site/lightsout.png); position: fixed; top: 0; left: 0; z-index: 199; display: none;} /* Forms */ .cc_logos {left: 180px !important;} .cc_cardinfo .ccv_img {left: 80px !important;} /* Store */ #cart_header {padding: 4px 10px; background: url(/images/site/title_bg_top.jpg); position: absolute; right: 167px;} #cart_header p {font-size: 12px; font-style: italic;} .store_product {width: 185px; height: 270px; float: left; padding: 25px 20px 40px 20px; border-bottom: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7;} .store_product .product_img {width: 150px; height: 180px; overflow: hidden; margin-bottom: 10px; position: relative; margin-left: auto; margin-right: auto;} .store_product h5 {font-size: 14px; font-weight: 600; line-height: 20px; text-transform: none;} .store_product p {font-weight: 600;} /* Store Detail */ #store_left {width: 300px; margin: 20px 0; float: left} #store_left img.main {width: 255px; margin-bottom: 50px;} #store_left img {width: 90px; margin-right: 10px; margin-bottom: 10px;} #store_right {width: 340px; height: auto; margin: 20px 0; float: right;} #store_right h4 {border-top: 1px solid #d7d7d7; text-transform: none; padding: 5px 0;font-weight: 600; font-size: 14px;} #store_right #product_info {width: 250px; float: left;} #store_right #product_info p {font-size: 14px;} #store_right #product_info p.italic {font-style: italic; font-size: 13px; margin-bottom: 5px;} #store_right #product_info p span {font-size: 19px;} #store_right #product_info input[type="submit"] {padding: 10px 50px; display: inline-block; font-weight: 700; font-size: 13px; letter-spacing: .025em; text-transform: uppercase; background: #CF9822; color: #fff; float: left; margin: 20px 0; cursor: pointer;} #store_right #product_info input.quantity[type="text"] {width: 25px; height: 10px; padding: 10px; background: #fff; border: 1px solid #d7d7d7;} /* Cart */ #event_form table {width: 100%; border-bottom: 1px solid #d7d7d7; margin: 10px 0;} #event_form table tr th {border-bottom: 1px solid #d7d7d7; padding-bottom: 5px; text-align: left; padding-left: 15px; font-style: italic; font-weight: 500; font-size: 15px;} #event_form table tr td {font-size: 14px;} #event_form table tr td a {color: #464242; font-weight: 600;} #event_form table tr td span {font-style: italic;} #event_form p.continue_shopping {font-size: 14px; float: right; font-style: italic; font-weight: 600; margin-bottom: 30px;} #cart_left {width: 375px; float: left;} #cart_left input[type="submit"] {padding: 7px 10px; display: inline-block; font-weight: 700; font-size: 13px; letter-spacing: .025em; text-transform: uppercase; background: #aaa; color: #fff; cursor: pointer;} #cart_right {width: 296px; float: right; margin-right: 190px;} #cart_right input[type="submit"] {padding: 10px 30px; display: inline-block; font-weight: 700; font-size: 13px; letter-spacing: .025em; text-transform: uppercase; background: #CF9822; color: #fff; float: left; margin: 20px 0 0 5px; cursor: pointer;} #cart_right table {border: none;} #cart_right table tr td {font-size: 13px; padding: 5px !important; font-style: italic;} #cart_right table tr td.dollar {text-align: right; font-weight: 600; font-style: normal;} /* Login Membership */ .login_account {width: 315px; float: left; margin: 15px 50px 100px 0; color: #464242;} .login_account h1 {text-transform: uppercase; font-size: 15px; font-weight: 600; margin-bottom: 12px;} .login_account p {font-size: 14px; line-height: 20px;} .login_account span {font-style: italic;} .login_account input {width: 288px; padding: 7px 10px; border: 1px solid #d7d7d7; margin-bottom: 10px;} .login_account input[type="submit"] {width: auto; border: none; padding: 9px 32px; display: inline-block; font-weight: 600; font-size: 13px; letter-spacing: .025em; text-transform: uppercase; background: #CF9822; color: #fff; cursor: pointer;} .login_account input[type="checkbox"] {width: 20px;} .login_account textarea {width: 288px; height: 150px; padding: 8px; max-width: 288px; max-height: 150px;} .login_account table tr th {text-align: left !important; font-weight: 600 !important; padding-left: 0 !important;} .login_account table tr td {padding: 5px 5px !important; font-size: 13px !important;} .login_account table.right_align tr td {text-align: right; font-weight: 600;} .login_account a.checkout {width: auto; border: none; padding: 9px 32px; display: inline-block; font-weight: 600; font-size: 13px; letter-spacing: .025em; text-transform: uppercase; background: #CF9822; color: #fff; cursor: pointer; margin-top: 15px;} .print_confirmation {float: right; padding: 15px 50px;} .print_confirmation a {display: block; background: url(/images/site/print_confirm.png) no-repeat 0 4px; padding-left: 23px; color: #000; font-weight: 600; font-style: italic; font-size: 13px;} /* Membership Form */ #membership_form textarea {width: 278px; height: 78px; padding: 10px; background: #fff; border: 1px solid #d7d7d7;} #membership_form .dform_element {margin: 0;} #membership_form input[type="text"], #membership_form input[type="email"], #membership_form input[type="password"], #membership_form input[type="tel"] {width: 280px; height: 10px; padding: 10px; background: #fff; border: 1px solid #d7d7d7;} #membership_form input[type="submit"] {cursor: pointer; padding: 10px 30px; margin: 15px 0; background: #CF9822; color: #fff; font-weight: 600; text-transform: uppercase; font-family: 'Open Sans', sans-serif;} #membership_form .phone_area input{width:34px;} #membership_form .phone_number input{width:144px;} #membership_form .dfinput_phones .phone_number {margin: 0 0 0 5px;} #membership_form label.dform_label {color: #464242; font-weight: 400; width: 280px;} #membership_form .subscribe_section {margin-bottom: 20px;} #membership_form .subscribe_section h3 {margin-bottom: 15px;} /* Credit Card */ #add_new_card {width: 275px;} .sub_card {width: 275px; margin-bottom: 20px; float: left; position: relative;} .sub_card button {position: absolute; top: 0; left: 0;} #card_form {width: 240px; float: left;} #card_form p {margin-bottom: 10px;} #card_form h3 {margin-bottom: 10px;} #card_animation {width: 350px; float: right;} #card_form input[type="text"] {width: 80%; height: 10px; padding: 10px; background: #fff; border: 1px solid #d7d7d7;} /* Shadowbox */ #sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;} #sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;} #sb-overlay{position:relative;height:100%;width:100%;opacity: .6 !important;} #sb-wrapper{position:absolute;visibility:hidden;width:100px;} #sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;} #sb-body{position:relative;height:100%;} #sb-body-inner{position:absolute;height:100%;width:100%;} #sb-player.html{height:100%;overflow:auto;} #sb-body img{border:none;} #sb-loading{position:relative;height:100%;} #sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;} #sb-loading-inner span{background:url(/images/jquery/loading.gif) no-repeat;padding-left:34px;display:inline-block;} #sb-body,#sb-loading{background-color:#000000;} #sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;} #sb-title,#sb-title-inner{line-height:18px;} #sb-title-inner{font-size:14px; padding-bottom: 5px;} #sb-info,#sb-info-inner{height:20px;line-height:20px;} #sb-info-inner{font-size:12px;} #sb-nav{float:right;height:16px;padding:2px 0;width:45%;} #sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;} #sb-nav-close{background-image:url(/images/jquery/close.png);} #sb-nav-next{background-image:url(/images/jquery/next.png);} #sb-nav-previous{background-image:url(/images/jquery/previous.png);} #sb-nav-play{background-image:url(/images/jquery/play.png);} #sb-nav-pause{background-image:url(/images/jquery/pause.png);} #sb-counter{float:left;width:45%;} #sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;} #sb-counter a.sb-counter-current{text-decoration:underline;} div.sb-message{font-size:12px;padding:10px;text-align:center;} div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;} #thank_you .container_l{width:775px;} #totop { display: none; right: 0;} .ie8 #totop { display: none !important; } #member_popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;display:none} #member_popup .overlay{position: fixed;top:0;left: 0;width: 100%;height: 100%;z-index: 99;background: rgba(0,0,0,.60)} #member_popup .pop_container {position: relative;top: 15%;left: 0;z-index: 9999;width: 90%;max-width: 480px;background: url(/images/site/pop-up_background.png);text-align: center;padding: 45px 0 110px;margin-left: -240px;background-size: cover;margin: auto} #member_popup .pop_inner{ width: 90%;padding: 0 5%;} #member_popup .pop_container h2{ color: #504f4d;font-size: 23px;font-weight: 400;text-transform: uppercase;line-height: 26px;} #member_popup .pop_container p{color: #504f4d;font-size: 13px;font-weight: 400;line-height: 19px;} #member_popup .pop_container a{ display: inline-block;background: rgba(211,156,26,.70);font-family: 'Open Sans', sans-serif;font-weight: 700;text-transform: uppercase;color: #fff;padding: 8px 15px;font-size: 14px;min-width: 40px;margin: 20px 7px 7px 7px ;} #member_popup .pop_container a:hover{background-color: rgba(165,159,136,.70)}