/* ################################################### * BASE STYLING AFTER YUI3 RESET & FONTS * ################################################### */ body,select,input,button,textarea {font-family:verdana,arial,helvetica,sans-serif; line-height:1.2; font-size:11px;} h1,h2,h3,h4,h5,h6,strong {font-weight:bold;} a, a:hover, a:focus, a:visited, input {outline:none !important;} a {color:#00E; text-decoration:underline;} a:hover {text-decoration:none;} ul, ol, li {list-style:none;} /* ################################################### * SHOP WIREFRAME SETUP * ################################################### */ body {background-color:#EBEBEB;} #site {width:850px; margin:0px auto; background-color:#FFF;} #header {overflow:hidden; padding:0px 20px;} /* Banner Advert */ #banner-ad {height:63px; padding:10px 0px; margin:0px -20px; background-color:#000;} #banner-ad a {display:block; width:514px; margin:0px auto;} /* Skin Link */ #skin-link {height:46px; padding:18px 0px;} #skin-link a {display:block; width:231px; height:46px; text-indent:-999em; background:transparent url(../_images/queerscreen_logo.png) scroll no-repeat left top;} /* Search Bar */ #search {overflow:hidden; padding:7px; background-color:#282828;} #s-state {display:none;} #search form {height:20px;} #search legend {display:none;} #s-lookup {float:left;} #s-categories {float:right;} #s-keywords {width:233px; height:14px; margin-right:10px;} #search select {height:19px; text-transform:capitalize; border:1px solid #CCC; background-color:#FFF;} #s-date {width:106px; margin-right:10px;} #s-subcategory {width:131px; margin-right:10px;} #search button {float:none; height:20px;} #search button span {line-height:20px;} /* Primary Navigation */ #nav {margin-bottom:20px; padding-left:17px; overflow:hidden; background:transparent url(../_images/nav_bg.gif) scroll repeat-x 0px 0px;} #nav a {display:block; line-height:29px; padding:0px 10px; color:#732048; text-decoration:none;} #nav a:hover, #nav .selected a {color:#FFF; background:transparent url(../_images/nav_hover_bg.gif) scroll repeat-x 0px 0px;} #nav li {float:left; padding-right:2px; background:transparent url(../_images/nav_divider.png) scroll no-repeat right 0px;} #nav li ul {position:absolute; left:-999em; width:185px;} #nav li ul li {float:none; padding-right:0px; background-color:#623045; background-image:none;} #nav li ul a {color:#FFF;} #nav li ul a:hover {background-image:none; background-color:#4F4247;} #nav li:hover ul {left:auto;} #content {float:left; width:525px; min-height:500px; padding:15px 10px 20px 0px; margin-left:30px; border-right:45px solid #000;} #content-header .title {font-size:16px; line-height:30px; margin-bottom:15px; border-bottom:1px solid #000;} #breakout {float:right; width:215px; padding:15px 5px 10px 0px; margin-right:20px; color:#FFF; background-color:#5C5C5C;} .section-featured #breakout {display:none;} .breakout-box {margin-left:-40px; margin-bottom:25px; padding:5px; background-color:#000;} .breakout-box h3 {line-height:30px; font-size:14px; font-weight:bold;} /* Mini Login */ #mini-login li {margin-bottom:5px;} #mini-login li label, #mini-login li input {display:block;} #mini-login li label {line-height:20px;} #mini-login li input {width:230px; padding:2px;} #mini-login .button {margin:5px 5px 2px 0px;} #mini-login #ml-recover-password {font-size:10px; color:#FFF; text-decoration:none;} /* Mini Cart */ #mini-cart {padding:0px 0px 5px 5px; overflow:hidden;} #mini-cart h3 {display:none;} #nav-minicart {overflow:hidden;} #nav-minicart li {float:left; height:30px; border-left:2px solid #575757; border-bottom:2px solid #575757;} #nav-minicart li a {display:block; line-height:30px; text-align:center; text-decoration:none; color:#959595; background-color:#252525;} #nav-minicart li a:hover {color:#FFF;} li#nmc-cart {width:85px; line-height:30px; font-size:14px; font-weight:bold; border:none;} #nmc-myaccount a {width:75px;} #nmc-orders a {width:86px;} #mc-content {padding:0px 10px 10px 0px;} #mc-content ul li {overflow:hidden; padding:10px 0px; border-bottom:1px solid #ACACAC;} #mc-content ul li a {color:#FFF; text-decoration:none;} #mc-content ul li img {float:left; width:30px; height:30px; text-indent:-999em; background-image:url(../shared/_vanilla/_images/placeholder.gif); background-position:105px -45px;} #mc-content ul li .mc-content-info {overflow:hidden; margin-left:40px; line-height:30px; height:30px;} #mc-content ul li span {padding:0px 3px 0px 0px;} #mc-content p {padding:20px 0 10px; margin-left:0px;} #mc-total {float:left; width:110px;} #mc-total span {font-weight:bold; line-height:28px; font-size:12px; vertical-align:middle;} span#mc-amount {font-weight:normal; padding-left:3px;} #mc-actions {overflow:hidden; float:left; width:130px; padding-right:10px; padding-bottom:5px;} #mc-actions .button {float:right; color:#FFF; font-weight:normal;} #btn-mc-checkout {background-color:#888;} #btn-mc-modify {margin-right:5px; background-color:#252525;} #footer {clear:both; position:relative; text-align:center; background-color:#EBEBEB;} #footer a {color:#838383;} #social-links {height:46px; text-align:right; background-color:#838383;} #queerscreen-copyright {height:16px; padding-top:19px;} #queerscreen-copyright a {text-decoration:none; font-weight:bold;} #nav-system {height:45px; padding-top:3px;} #nav-system li {display:inline; padding-right:10px; color:#838383;} #qjump-link {position:absolute; right:33px; top:65px;} #qjump-link a {display:block; height:39px; width:84px; text-indent:-999em; background:transparent url(../_images/powered_by.gif) scroll no-repeat left top;} /* Products List */ .section-featured #content {width:790px; margin-right:30px; padding:30px 0px 20px; border-right:none;} .section-featured #products ul {overflow:hidden;} .section-featured #products ul li {float:left; width:190px; margin:0px 10px 30px 0px;} .section-featured #products ul li.last {margin-right:0px;} .section-featured .product-image {padding-bottom:10px;} .section-featured .product-image a {display:block;} .section-featured .product-image img {display:block; width:190px; height:190px; text-indent:-999em;} .section-featured .product-what {padding-bottom:2px;} .section-featured .product-what a {text-decoration:none; color:#000; font-size:14px; font-weight:bold;} .section-featured .product-what a:hover {text-decoration:underline;} .section-featured .product-where {padding-bottom:2px;} .section-featured .product-where a {text-transform:uppercase; text-decoration:none; color:#000; font-size:10px;} .section-featured .product-where a:hover {text-decoration:underline;} .section-featured .product-when {padding-bottom:10px; font-size:10px;} .section-featured .product-tickets .button {float:none; height:auto; color:#00E; text-decoration:underline; background-color:transparent;} .section-featured .product-tickets .button:hover {color:#00E;} .section-featured .product-tickets .button span {display:inline; line-height:1.2; padding:0px;} /* Search Results */ #products-titles {overflow:hidden; padding-bottom:5px; border-bottom:1px solid #BEBEBE;} #products-titles li {float:left;} #products-titles #pt-what {width:355px;} #products-titles #pt-when {width:90px;} #products-titles #pt-tickets {width:60px;} .search-results .product {overflow:hidden; position:relative; min-height:65px; padding:6px 0px; border-bottom:1px solid #BEBEBE;} .search-results .product div {float:left; font-size:10px;} .search-results .product .product-image img {display:block; width:65px; height:65px; text-indent:-999em; background:transparent url(../shared/_vanilla/_images/placeholder.gif) no-repeat scroll -40px -30px;} .search-results .product .product-what {width:270px; padding:0px 10px;} .search-results .product .product-what h3 {padding-bottom:3px;} .search-results .product .product-what h3 a {font-size:12px; color:#000;} .search-results .product .product-when {width:80px; padding:0px 10px 0px 0px;} .search-results .product .product-when span {display:block;} .search-results .product .product-tickets {float:right; width:80px; padding-top:12px;} #content-footer {clear:both;} #pagination {padding-bottom:20px; text-align:right; font-size:16px;} #pagination li {display:inline;} /* Venue Map */ #venue-details {padding-bottom:10px;} #venue-details .box-header {display:none;} #venuemap {margin-top:10px; height:250px;} #gmap-bubble a {color:#000; font-weight:bold; text-decoration:none;} #gmap-bubble a:hover {text-decoration:underline;} /* Product Overview */ #product-overview-image {float:left; width:150px; height:150px; background:transparent url(../shared/_vanilla/_images/placeholder.gif) no-repeat scroll 0 0; text-indent:-999em;} #product-overview {margin:0px 0px 20px 165px; padding:15px 20px; min-height:120px; background-color:#D7D7D7;} #product-overview div {overflow:hidden; line-height:20px; padding-bottom:10px;} #product-overview div strong {float:left; width:60px; font-weight:normal;} #product-overview div p, #product-overview div .addthis {margin:0px 0px 0px 75px;} #product-overview .overview-where p a {color:#000; text-decoration:none;} #product-overview .overview-where p a:hover {text-decoration:none;} #product-overview .overview-where p a span {background-color:#333; color:#FFF;} #product-overview .overview-where p a:hover span {background-color:#FFF; color:#333;} #product-overview .overview-where p a span span {background-color:transparent; padding:0px 2px;} #product-overview .overview-addthis, #product-overview .overview-addthis .addthis {padding-bottom:0px;} #product-overview .more span.close {display:none;} #product-overview .less span.open {display:none;} /* Product Add to Cart Options */ #addtocart-form {margin-bottom:20px; padding:0px 15px 5px; line-height:20px; background-color:#D7D7D7;} #product-options .product-option {padding-top:15px; overflow:hidden;} #product-options .option-name {text-transform:uppercase;} #product-options .option-name span {text-transform:lowercase; white-space:nowrap;} #product-options .option-description {float:left; width:300px;} #product-options .option-description a {color:#000; text-decoration:none;} #product-options .option-description a:hover {text-decoration:underline;} #product-options .option-detail {padding-top:5px; line-height:14px;} #product-options .option-select {margin-left:335px;} #product-options .option-price {float:left; font-weight:bold;} #product-options .option-select select {float:right; line-height:18px;} #product-options .option-unavailable {line-height:normal;} #product-options .option-unavailable .onsale-date {white-space:nowrap;} #product-purchase {overflow:hidden; padding:15px 0px;} #button-addtocart {float:right;} /* Product Overview WHO Box */ #product-who ul {overflow:hidden; padding:0px;} #product-who .artist {line-height:16px; float:left; width:30%; list-style:none; margin-left:0px; padding-left:0px;} /* Product Conditions */ #product-conditions {padding-top:20px;} #product-conditions h4, #product-conditions p {font-size:10px; font-weight:normal; line-height:14px; color:#898989;} /* Order History */ #orders p {font-weight:bold;} #bc-order-meta {overflow:hidden;} #bh-order-meta {display:none;} #order-meta-who {float:left; width:230px;} #order-meta-who p {padding:5px 0px 10px;} #order-meta-who p span {display:block;} #order-meta-info {float:right; width:285px;} #order-meta-actions {float:right; width:285px; padding-top:10px; text-align:left;} #button-order-printinvoice {margin-right:10px;} #bc-order-detail {overflow:hidden;} #order-detail-items {margin-bottom:10px; border-bottom:1px dashed #000;} #order-detail-items td {padding-bottom:5px;} #order-detail-items .details-items-price {width:165px;} #order-detail-totals {float:right; width:150px; padding-top:5px; padding-right:15px; text-align:right;} #order-detail-totals p strong {float:left; width:100px; text-align:left;} /* etickets */ #etickets tr.hover td {color:#000;} #etickets .eticket-change-request {padding:5px; background-color:#F5F5F5;} #etickets .eticket-change-request select {float:left; margin-right:5px; margin-left:10px;} #etickets .eticket-change-request select.eticket-dob-day {width:70px;} #etickets .eticket-change-request select.eticket-dob-month {width:100px;} #etickets .eticket-change-request select.eticket-dob-year {width:80px;} #etickets .eticket-change-request .checkbox {clear:both; margin-left:85px;} #etickets .eticket-change-request .checkbox li {padding:5px 0px;} #submit-change-name-warning {margin-top:10px;} /* Profile */ #bc-profile-instructions p br {display:none;} #profile-hint {margin-top:20px;} #bc-profile-hint p {font-size:10px; padding-bottom:4px;} #button-profile-submit {margin-top:20px;} /* FAQs */ .question {margin:15px 0px 5px; border-bottom:1px dashed #000;} .question a {display:block; font-weight:bold; text-decoration:none;} .question a:hover {color:#000;} .answer {display:none;} /* Cart */ #cart-items-data thead {display:none;} #cart-items-data td {padding:0px 0px 5px; height:30px; width:30px;} #cart-items-data .cid-image {padding-right:15px;} #cart-items-data .cid-image a img {display:block; text-indent:-999em; width:50px; height:50px; margin-top:10px; background:transparent url(../shared/_vanilla/_images/placeholder.gif) no-repeat scroll -45px -47px;} #cart-items-data .cid-description {padding-top:0px; padding-bottom:0px; height:16px;} #cart-items-data .cid-description h4 {margin:5px 0px 0px; font-weight:bold; width:460px; padding:0px;} #cart-items-data .cid-quantity {width:90px;} #cart-items-data .cid-quantity-group {position:relative;} #cart-items-data .cid-quantity-group select {width:55px; margin-left:0px;} #cart-items-data .cid-quantity input {width: 45px; margin-left:0px;} #cart-items-data .cid-x {width:45px;} #cart-items-data .cid-price {width:80px; font-weight:bold; font-size:12px;} #cart-items-data .cid-equals {width:55px;} #cart-items-data .cid-amount {width:85px; font-weight:bold; font-size:12px;} #cart-items-data .cid-options {width:165px;} #cart-items-data .cid-options ul {padding-bottom:0px;} #cart-items-data .cid-options ul li {display:inline; font-size:11px;} #cart-items-data .cid-options ul li.cid-change {padding-right:10px;} #cart-items-data .cid-options ul li a {color:#666;} #cart-options {padding:10px 0px 0px;} #button-cart-keepshopping {margin-right:10px;} #bc-cart-items {padding-top:0px; margin-top:-5px;} .cid-quantity-group div input {padding:0px; width:0px; height:0px;} #bh-cart-items {display:none;} #cart-discount-code input {float:left; margin:0px 10px;} #cart-cart .cart-icons {overflow:hidden; padding:0px;} #cart-cart .cart-icons li {float:left; display:inline; width:130px; height:135px; padding:0px; margin:20px 15px 0px;} #cart-cart .cart-icons label {display:block; cursor:help; width:100%; padding-top:100px; line-height:normal; text-align:left;} #cart-cart .cart-icons li input {margin-right:3px;} #cart-total-data {margin:7px 0px} #cart-total-data th {font-size:10px; font-weight:normal; padding-top:7px;} #cart-total-data td {font-size:16px; padding-top:0px;} #cart-total-data th.cart-totals-plus, #cart-total-data th.cart-totals-equals {color:#FFF;} #cart-conditions {margin-bottom:0px;} #conditions-box {height:260px; border:1px solid #DBDBDB; padding:8px; overflow-y:scroll; margin-bottom:15px;} #conditions-box ol {list-style-type:decimal; padding-left:25px;} #conditions-box li, #conditions-box p, #conditions-box a {font-size:10px; line-height:12px;} #button-cart-checkout {display:none;} #kill-cart-message {padding-top:10px;} #kill-cart-message a {color:#999;} #kill-cart-message a:hover {color:#333;} #bh-login .hint {display:none;} #login-help {font-size:10px;} /* Checkout */ #bh-checkout-details {display:none;} #checkout-details strong {width:60px; float:left;} #checkout_validate {padding-bottom:10px;} #checkout_validate p {padding-bottom:10px;} #checkout_validate input {margin-right:10px;} #confirm-mobile label {width:125px;} #confirm-mobile input, #confirm-mobile select {margin-left:135px;} #confirm-shipping label {width:110px;} #confirm-shipping input, #confirm-shipping select {margin-left:120px;} #checkout-printathome fieldset {padding-bottom:5px;} #checkout-printathome select {float:left; margin-right:5px; margin-left:10px;} #checkout-printathome select.ticket-dob-day {width:70px;} #checkout-printathome select.ticket-dob-month {width:100px;} #checkout-printathome select.ticket-dob-year {width:80px;} /* Box Templates */ .box {margin-bottom:20px;} .region-jong-il .box-header {display:none;} .box-standard .box-header {overflow:hidden; border-bottom:1px solid #000;} .box-standard .box-header .title {float:left; font-size:14px; line-height:25px;} .box-standard .box-header .hint {float:right; padding-top:8px; font-size:10px; color:#666;} .box-standard .box-header .description {padding-top:5px;} .box-standard .box-content {padding:10px 0px;} .box-standard .box-content h4, .box-standard .box-content h5 {margin-bottom:4px; font-size:12px; line-height:18px;} .box-standard-twocol .box-header, .box-standard-twocol .box-content {overflow:hidden;} .box-standard-twocol .box-group-1 {float:left; width:49%;} .box-standard-twocol .box-header .box-group-2 {padding-left:10px;} .box-standard-twocol .box-group-2 {float:right; width:49%;} .box-standard .box-content p {line-height:16px; padding-bottom:5px;} .box-standard .box-content ol li {list-style:decimal; margin-left:25px; padding:0px 0px 10px 5px;} .box-standard .box-content li, .box-standard .box-content dl {line-height:16px;} .box-standard .box-content ul {padding-left:20px; padding-bottom:10px;} .box-standard .box-content ul li {list-style:disc; line-height:20px; margin-left:5px; padding-left:5px;} .box-standard .box-content ul ul {margin-top:0px;} .box-standard .box-content ul ul li {margin-left:0px;} .box-system {padding:10px 15px; background-color:#ED1C24; color:#FFF;} .box-system-error li span {display:block; font-size:12px; font-weight:bold; color:#00E; padding-bottom:5px;} .box th {font-weight:bold;} .box table {line-height:20px;} .box tr.hover td {color:#00E;} .box tr.row-link td {cursor:pointer;} .box fieldset div {padding-top:7px;clear:both;} .box label {width:85px; float:left; line-height:24px; text-align:right;} .box p.no-change {width:350px; padding:0px 0px 5px 15px; float:left; line-height:24px;} .box input {width:145px; margin-left:95px; display:block; padding:2px;} .box select {width:155px; margin-left:95px; display:block; padding:2px; line-height:16px;} .box .checkbox ul, .box .radio ul {padding-left:10px; list-style:none; margin-left:0px;} .box .checkbox ul li, .box .radio ul li {list-style:none; margin-left:0px;} .box .checkbox li label, .box .radio li label {float:none;} .box .checkbox li input, .box .radio li input {display:inline; margin:0px 10px 0px 0px; width:auto;} .box .checkbox li .hint {display:block; font-size:10px; line-height:14px;} /* Buttons */ .button {float:left; margin:0px; height:29px; cursor:pointer; border:0px solid #888; color:#000; font-weight:bold; text-decoration:none; background-color:#888;} .button:hover {color:#FFF; text-decoration:none !important;} .button span {display:block; line-height:29px; padding:0px 7px;} #login-controls, #recovery-submit {padding:10px 0px 20px 95px;} /* Fixing evil user-agent-default Firefox padding */ button::-moz-focus-inner {padding:0; border:none;} /* Global Utilities */ .hidden-fields {display:none;} .form-actions {overflow:hidden;} #tooltip {position: absolute; z-index: 3000; border: 2px solid #888; background-color:#F5F5F5; padding:8px; width:250px;} #tooltip h3, #tooltip div {margin: 0; font-weight:normal;} #cart-delivery-65 {background:transparent url(../shared/_images/cart_icons/postage-65_inv.gif) scroll no-repeat top left;} #cart-delivery-66 {background:transparent url(../shared/_images/cart_icons/postage_66_inv.gif) scroll no-repeat top left;} #cart-delivery-67 {background:transparent url(../shared/_images/cart_icons/postage_67_inv.gif) scroll no-repeat top left;} #cart-delivery-69 {background:transparent url(../shared/_images/cart_icons/postage_69_inv.gif) scroll no-repeat top left;} #cart-delivery-70 {background:transparent url(../shared/_images/cart_icons/postage_70_inv.gif) scroll no-repeat top left;} #cart-delivery-71 {background:transparent url(../shared/_images/cart_icons/postage_71_inv.gif) scroll no-repeat top left;} #cart-delivery-72 {background:transparent url(../shared/_images/cart_icons/postage_72_inv.gif) scroll no-repeat top left;} #cart-delivery-73 {background:transparent url(../shared/_images/cart_icons/postage_73_inv.gif) scroll no-repeat top left;} #cart-delivery-74 {background:transparent url(../shared/_images/cart_icons/postage_65_inv.gif) scroll no-repeat top left;} #cart-delivery-75 {background:transparent url(../shared/_images/cart_icons/postage_75_inv.gif) scroll no-repeat top left;} #cart-delivery-76 {background:transparent url(../shared/_images/cart_icons/postage_76_inv.gif) scroll no-repeat top left;} #cart-delivery-77 {background:transparent url(../shared/_images/cart_icons/postage_77_inv.gif) scroll no-repeat top left;} #cart-delivery-78 {background:transparent url(../shared/_images/cart_icons/postage_78_inv.gif) scroll no-repeat top left;} #cart-payment-1 {background:transparent url(../shared/_images/cart_icons/payment_1_inv.gif) scroll no-repeat top left;} #cart-payment-3 {background:transparent url(../shared/_images/cart_icons/payment_3_inv.gif) scroll no-repeat top left;} #cart-carbon-1 {background:transparent url(../shared/_images/cart_icons/carboncredit_inv.gif) scroll no-repeat top left;} .dark-icons #cart-delivery-65 {background:transparent url(../shared/_images/cart_icons/postage_65.gif) scroll no-repeat top left;} .dark-icons #cart-delivery-66 {background:transparent url(../shared/_images/cart_icons/postage_66.gif) scroll no-repeat top left;} .dark-icons #cart-delivery-67 {background:transparent url(../shared/_images/cart_icons/postage_67.gif) scroll no-repeat top left;} .dark-icons #cart-delivery-69 {background:transparent url(../shared/_images/cart_icons/postage_69.gif) scroll no-repeat top left;} .dark-icons #cart-delivery-70 {background:transparent url(../shared/_images/cart_icons/postage_70.gif) scroll no-repeat top left;} .dark-icons #cart-delivery-71 {background:transparent url(../shared/_images/cart_icons/postage_71.gif) scroll no-repeat top left;} .dark-icons #cart-delivery-72 {background:transparent url(../shared/_images/cart_icons/postage_72.gif) scroll no-repeat top left;} .dark-icons #cart-delivery-73 {background:transparent url(../shared/_images/cart_icons/postage_73.gif) scroll no-repeat top left;} .dark-icons #cart-delivery-74 {background:transparent url(../shared/_images/cart_icons/postage_65.gif) scroll no-repeat top left;} .dark-icons #cart-delivery-75 {background:transparent url(../shared/_images/cart_icons/postage_75.gif) scroll no-repeat top left;} .dark-icons #cart-delivery-76 {background:transparent url(../shared/_images/cart_icons/postage_76.gif) scroll no-repeat top left;} .dark-icons #cart-delivery-77 {background:transparent url(../shared/_images/cart_icons/postage_77.gif) scroll no-repeat top left;} .dark-icons #cart-delivery-78 {background:transparent url(../shared/_images/cart_icons/postage_78.gif) scroll no-repeat top left;} .dark-icons #cart-payment-1 {background:transparent url(../shared/_images/cart_icons/payment_1.gif) scroll no-repeat top left;} .dark-icons #cart-payment-3 {background:transparent url(../shared/_images/cart_icons/payment_3.gif) scroll no-repeat top left;} .dark-icons #cart-carbon-1 {background:transparent url(../shared/_images/cart_icons/carboncredit.gif) scroll no-repeat top left;}