/* ################################################### * INITIAL RESET & STYLING * ################################################### */ body, h1, h2, h3, h4, h5, p, div, table, li, a, input, select, textarea {color:#333; font-size:11px; font-family:Arial,Verdana,Sans-Serif;} body, h1, h2, h3, p, ul, li, fieldset {margin:0px; padding:0px;} a {color:#00AEE3; text-decoration:none;} a:hover {text-decoration:underline;} p {padding:0px 0px 15px;} ul {list-style:none;} img {border:none;} .hide {display:none !important;} .obfuscate {display:none !important;} .dark-gray-line {display:none;} .spacer {clear:both;} /* ################################################### * SHOP WIREFRAME SETUP * ################################################### */ body {background-color:#FFF;} #container {width:910px; margin:0 auto;} #site-header {float:left; width:100%; margin:26px 0px 10px;} #site-container {float:left; width:100%;} #breakout {float:left; width:138px;} #site {display:inline; float:left; width:630px; position:relative;} #header {float:left; width:100%; border-top:1px solid #AAA; border-bottom:1px solid #AAA;} #product-search-bar {float:left; width:100%; margin:7px 0px 20px;} #content {float:left; width:100%; min-height:800px; height:auto !important; height:800px;} #content-header {} #content-content {float:left; width:630px;} #content-footer {} #footer {display:none;} #breakout-secondary {float:left; width:142px;} #site-footer {float:left; width:630px; padding:0px 142px 0px 138px;} /* #content-header */ #content-header {position:relative; float:left; width:630px; margin-bottom:15px; border-top:1px solid #AAA; border-bottom:1px solid #AAA;} .product-list #content-header {display:none;} .cart #content-header {display:none;} .search-results #content-header h2 {background-color:#E8EBF0; line-height:44px; padding-left:2px;} #content-header h2 {padding-left:2px; font-size:16px; font-weight:bold; line-height:30px; color:#ED1B24;} /* Secondary Navigation */ #content-header-secondary {display:none;} .search-results #content-header-secondary {position:absolute; top:0px; right:11px;} #content-header-secondary li {display:inline; font-size:10px;} #content-header-secondary li a {font-size:10px;} /* #content-footer */ #content-footer {display:none;} .search-results #content-footer, .welcome-featured #content-footer {display:block; float:left; width:602px; margin-top:50px; position:relative; height:44px; padding:0px 14px; border-top:1px solid #AAA; border-bottom:1px solid #AAA; background-color:#E8EBF0;} #content-footer-secondary {float:right;} /* ################################################### * SITE-HEADER * ################################################### */ /* #site-header */ #site-header h1 {float:left; margin-right:6px; background:transparent url(http://www.timeoutsydney.com.au/Images/time-out-sydney-logo.gif) no-repeat scroll top left;} #site-header h1 a {display:block; width:132px; height:90px; text-indent:-999em;} /* ################################################### * HEADER * ################################################### */ /* #header */ #header h1 {float:left;} #header h1 a {float:left; line-height:72px; padding-bottom:3px; letter-spacing:-2px; color:#ED1B24; font-size:5.5em; font-weight:bold; text-decoration:none;} /* ################################################### * SON OF SUCKERFISH SINGLE-LEVEL DROP DOWN MENU * http://htmldog.com/articles/suckerfish/dropdowns/ * ################################################### /* Top Level Menu #nav {float:left; list-style:none; border-bottom:2px solid #000;} #nav li {float:left; width:auto; position:relative;} #nav li a {display:block; width:180px; padding-bottom:3px; margin-bottom:5px; text-decoration:none;} #nav li a:hover {background-color:#000; color:#FFFF00;} #nav li #nav-home {margin-right:210px;} #nav li #nav-features {margin-right:15px;} #nav li #nav-releases {margin-right:15px;} #nav li #nav-shop {margin-right:0px;} /* Sub Menu #nav li ul {width:170px; margin-top:6px; padding:0px 0px 14px; *margin-top:0px; *padding-top:6px; left:-999em; position:absolute; list-style:none; background: transparent url(/skin_MessAndNoise/_images/submenu.png) no-repeat bottom center; _background: transparent url(/skin_MessAndNoise/_images/submenu_pixel.png) no-repeat bottom center; z-index:999;} #nav li:hover ul, #nav li.sfhover ul {left:-6px; _left:-22px;} #nav li ul::before {display:block; margin-top:-13px; content:url(/skin_MessAndNoise/_images/submenu_top.png);} #nav li ul a, #nav li:hover ul a, #nav li.sfhover ul a {color:#333; background-color:#FFF; padding:0px; font-size:12px; line-height:17px; font-weight:normal;} #nav li ul a.primary {font-weight:bold;} #nav li ul a:hover {color:#336699; background-color:#FFF; text-decoration:underline;} #nav li ul li {margin:1px 16px 6px; width:138px;} #nav li ul li.divide {padding-top:8px;} #nav-signout {color:#FF0066 !important; font-weight:bold !important;} #nav-signout:hover {color:#CC0033 !important;} */ /* ################################################### * STANDARD NAV * ################################################### */ #nav {float:left; width:100%; margin-bottom:10px; list-style:none;} #nav li {float:left; display:inline; border-right:1px solid #666;} #nav li.last {border-right:none;} #nav li a {display:block; padding:0px 10px 0px 8px; color:#666; font-size:14px; text-decoration:none;} #nav li #nav-worldwide {padding-left:5px;} #nav li #nav-shop {padding-right:5px;} /* ################################################### * SEARCH FORM * ################################################### */ /* Form and Label Styling */ #header form {display:inline;} #menu-search {padding:0 70px 0 0; position:absolute; right:10px; top:10px;} #menu-search a.search-btn {position:absolute; right:0; top:-1px;color:#000000; font-size:14px; font-weight:bold; padding:5px 10px;} input.search {margin:0px 0px 10px; color:#222; padding:1px; font-size:14px; width:160px; height:17px; border-color:#AAAAAA #AAAAAA #CCCCCC; border-style:solid; border-width:2px 1px 1px;} /* ################################################### * SUPER BANNERS * ################################################### */ #superBanner_1 {width:728px; height:90px; margin:0px auto;} /* ################################################### * PAGINATION * ################################################### */ #pagination, #pagination ul {float:left;} #pagination li {float:left; line-height:43px;} #pagination li a {padding:0px 4px; text-decoration:none; font-size:16px; font-weight:bold;} #pagination li.selected a {color:#333;} #pagination li a:hover {color:#333;} #pagination li a.paging-prev {margin-right:3px;} #pagination li a.paging-next {margin-left:3px;} #pagination li p {color:#000; padding:0px 4px; font-size:16px; font-weight:bold;} /* ################################################### * PRODUCT SEARCH BAR * ################################################### */ #product-search {float:left; width:615px; padding:7px 10px 7px 5px; background-color:#E8EBF0;} #product-search fieldset {border:none;} #product-search #search-date-location {float:left;} #product-search #search-category {float:right;} #product-search input, #product-search select {float:left; font-size:12px; border:1px solid #CCC;} #product-search select {height:22px; margin-left:10px; font-size:12px; padding:2px; *padding:0px;} #product-search #keywordsearch {height:18px; padding:1px; *padding:0px; padding-left:2px; line-height:18px; width:235px;} #product-search #date {width:107px;} #product-search #state {display:none;} #product-search #category {width:140px} #product-search .search-button {width:54px; height:18px; margin-top:2px; margin-left:10px; border:none; text-indent:-999em;} #product-search #search-category .search-button {display:none;} /* ################################################### * CONTENT BOX * ################################################### */ /* Using Background Image - Can be Vertically Expandable Block */ /*.contentbox-header {height:35px; position:relative; background: transparent url(/skin_IDQK/_images/content_box_bg.gif) no-repeat;} .contentbox-header h3, .contentbox-header span {display:block; font-size:13px; font-weight:bold; padding:7px 0 0 14px;} .contentbox-header span.hint {font-size:11px; font-weight:normal; position:absolute; left:175px; top:2px;} .contentbox-content {padding:25px; margin-bottom:30px; min-height:90px; height:auto !important; height:90px; background: transparent url(/skin_IDQK/_images/content_box_bg.gif) no-repeat bottom;} .no-contentbox-header .contentbox-header {height:7px; background: transparent url(/skin_IDQK/_images/content_box_noheader_bg.gif) no-repeat;} .no-contentbox-header .contentbox-header h3, .no-contentbox-header .contentbox-header span {display:none;} .no-contentbox-header .contentbox-content {background: transparent url(/skin_IDQK/_images/content_box_noheader_bg.gif) no-repeat bottom;}*/ /* Using Styles/Colours/Borders - Can be Vertically Expandable Block */ .contentbox-header {border-top:1px solid #AAA; border-bottom:1px solid #AAA; margin-bottom:20px; position:relative; width:100%;} .contentbox-header h3, .contentbox-header span {display:block; padding-left:2px; line-height:30px; color:#ED1B24; font-size:16px; font-weight:bold;} .contentbox-header span.hint {font-size:10px; font-weight:normal; position:absolute; left:155px; top:2px; color:#666; font-family:arial,Helvetica,sans-serif;} .contentbox-content {margin-bottom:25px; width:100%;} .no-contentbox-header .contentbox-header {display:none;} .no-contentbox-header .contentbox-content {} /* ################################################### * ANNOUNCEMENT BOX * ################################################### */ /* Announcment Box */ .announcement {padding-bottom:20px; text-align:center;} .announcement .announcement-error {padding:15px; background-color:#E8EBF0; border-top:1px solid #AAA; border-bottom: 1px solid #AAA;} .announcement .announcement-error p {} .announcement ul {padding:15px; background-color:#F4F4F4;} .announcement li {font-size:14px; margin-bottom:3px;} .announcement p {font-size:12px; padding:2px; margin-bottom:5px;} .announcement a {font-size:12px;} /* Order History Box */ .order-history .announcement .announcement-error {background-color:#EBEBEB;} .order-history .announcement .announcement-error li {padding-top:3px;} .order-history .announcement .announcement-error a {} #history-detail-content {padding-top:0px;} /* ################################################### * FEATURED PRODUCTS * ################################################### */ .welcome-featured #content-header {display:none;} .welcome-featured #featured-primary {float:left; margin-bottom:20px;} .welcome-featured #featured-primary h3 {display:none;} .welcome-featured #featured-primary .primary-content {float:left; width:630px; padding-bottom:5px; background:transparent url(/skin_Timeout/_images/featured_primary_bg.png) scroll repeat-y top center;} .welcome-featured #featured-primary .primary-content li {float:left; width:308px;} .welcome-featured #featured-primary .primary-content li.first {margin-right:7px;} .welcome-featured #featured-primary .primary-content li.last {margin-left:6px;} .welcome-featured #featured-primary .primary-content li .what a {display:block; padding-left:2px; color:#ED1B24; font-weight:bold; font-size:18px; line-height:26px; text-decoration:none; border-top:1px solid #AAA; border-bottom:1px solid #AAA;} .welcome-featured #featured-primary .primary-content li .what a:hover {color:#333;} .welcome-featured #featured-primary .primary-content li .image {float:left; margin:10px 0px;} .welcome-featured #featured-primary .primary-content li .image a {float:left;} .welcome-featured #featured-primary .primary-content li .when {display:none;} .welcome-featured #featured-primary .primary-content li .where {display:none;} .welcome-featured #featured-primary .primary-content li .descrip {} .welcome-featured #featured-primary .primary-content li .descrip .more-info {} .welcome-featured #featured-primary .primary-content li .amount {display:none;} .welcome-featured #featured-primary .primary-content li .tickets {display:none;} .welcome-featured #featured-primary .primary-content li .tickets #buy-now {display:inline; background-color:transparent; color:#000 !important; text-align:left; text-decoration:underline !important;} .welcome-featured #featured-primary .primary-content li .tickets #buy-now:hover {color:#666 !important;} .welcome-featured #featured-secondary {float:left; width:630px;} .welcome-featured #featured-secondary h3 {display:block; padding-left:2px; color:#ED1B24; font-weight:normal; font-size:18px; line-height:35px; text-decoration:none; border-top:1px solid #AAA;} .welcome-featured #featured-secondary .secondary-content {float:left; width:630px;} .welcome-featured #featured-secondary .row {float:left;} .welcome-featured #featured-secondary .row li {float:left; width:308px; padding-bottom:20px;} .welcome-featured #featured-secondary .row li.odd {} .welcome-featured #featured-secondary .row-odd {width:322px;} .welcome-featured #featured-secondary .row-even {width:308px;} .welcome-featured #featured-secondary .row li.even {} .welcome-featured #featured-secondary .row li.last {} .welcome-featured #featured-secondary .row li #detail {position:relative; width:308px; float:left;} .welcome-featured #featured-secondary .row li .what {float:left; margin-bottom:5px;} .welcome-featured #featured-secondary .row li .what a {display:block; padding:5px 0px 5px 2px; font-weight:bold; width:306px; color:#333; font-size:14px; line-height:17px; text-decoration:none; border-top:1px solid #AAA; border-bottom:1px solid #AAA;} .welcome-featured #featured-secondary .row li .what a:hover {color:#ED1B24;} .welcome-featured #featured-secondary .row li .when {float:left; width:135px;} .welcome-featured #featured-secondary .row li .where {float:left; width:135px;} .welcome-featured #featured-secondary .row li .where .where-venue {display:block;} .welcome-featured #featured-secondary .row li .where .where-suburb-state {display:block;} .welcome-featured #featured-secondary .row li .amount {float:left; position:absolute; right:15px; top:11px; font-size:12px; font-weight:bold;} .welcome-featured #featured-secondary .row li .image {float:left; margin-right:18px;} .welcome-featured #featured-secondary .row li .descrip {display:none;} .welcome-featured #featured-secondary .row li .tickets {float:left;} .welcome-featured #featured-secondary .row li .tickets #buy-now {position:absolute; top:35px; right:0px; display:inline;} /* ################################################### * PRODUCT LISTING * ################################################### */ #product-list {float:left;} /* Product Listing Title List */ #product-list-titles {float:left; border-bottom:1px solid #999;} #product-list-titles li {float:left; padding:0px 0px 8px; color:#999;} .venue #product-list-titles li {padding-top:17px;} #product-list-titles li.what { width: 251px; } #product-list-titles li.when { width: 103px;} #product-list-titles li.where { width: 203px; } #product-list-titles li.tickets { width: 73px; } /* Items LI Setup */ #product-list-items {float:left;} #product-list-items li {float:left; padding:5px 0px 4px; border-bottom:1px solid #999;} #product-list-items li.first {} #product-list-items li.last {} #product-list-items li.odd {} #product-list-items li div {float:left;} #product-list-items li span {display:block;} /* items LI Column Widths & Padding */ #product-list-items li .image {width:64px; margin-right:13px;} #product-list-items li .what {width:164px; padding-right:10px; padding-top:2px;} #product-list-items li .when {width:93px; padding-right:10px; padding-top:2px;} #product-list-items li .where {width:178px; padding-right:10px; padding-top:2px; min-height:40px; height:auto !important; height:40px;} #product-list-items li .descrip {display:none;} #product-list-items li .amount {width:65px; height:14px; padding-left:15px; padding-top:2px;} #product-list-items li .tickets {width:auto; margin:15px 0px 0px 3px;} /* Items LI Content Styling */ #product-list-items li .image a {display:block;} #product-list-items li .what a {color:#333; font-weight:bold; text-decoration:none; display:block; text-transform:uppercase;} #product-list-items li .what a:hover {color:#ED1B24;} #product-list-items li .where .venue-name {font-weight:bold;} #product-list-items li .where .suburb-state {color:#333;} #product-list-items li .when span.date { *width: 90px; } #product-list-items li .where a {text-decoration:none;} #product-list-items li .amount {font-weight:bold; font-size:12px;} /* ################################################### * PRODUCT PAGE - OVERVIEW, ADDTOCART, DETAIL BLOCKS * ################################################### */ /* Product Overview Box */ #product-overview {float:left; margin-bottom:17px;} #product-overview img {float:left; margin-right:10px; width:152px height:152px;} #product-overview .content-block-rounded-end {float:left; width:468px; min-height:153px; height:auto !important; height:153px;} /* Product Details - When/Where/Who/More-Info Block */ ul.product-event-details {} ul.product-event-details li {display:block; float:left; width:100%;} ul.product-event-details span {display:block;} ul.product-event-details li span.title {width:60px; float:left; color:#999; padding:15px 0px 0px 21px;} ul.product-event-details li span.description {float:left; width:380px; padding-top:15px;} ul.product-event-details li span.description a {} ul.product-event-details li.when .description {} ul.product-event-details li.where .description {} ul.product-event-details li.where .description a {cursor:pointer; text-decoration:none;} ul.product-event-details li .description a.more, ul.product-event-details li .description a.less {cursor:pointer; text-decoration:none; color:#8C8C8C; font-size:11px;} ul.product-event-details li.who .description a.more, ul.product-event-details li.who .description a.less {font-size:9px;} ul.product-event-details li .description a span {display:inline; padding:0px;} ul.product-event-details li .description a.more span.close {display:none;} ul.product-event-details li .description a.less span.open {display:none;} /* Where Detail Block */ #where-block {float:left; width:100%;} #where-block .contentbox-header h3 {font-size:14px; color:#333;} #where-block .contentbox-content span.title a {font-weight:bold; font-size:12px; display:block;} #where-block .contentbox-content p {padding:5px 0px 0px; } /* Who Detail Block */ #who-block {float:left; width:100%;} #who-block li {padding-bottom:5px;} /* Allocation Exhausted and Other Messages */ .ticket-notice {float:left;} .ticket-notice p {padding:0px; line-height:normal;} /* Product Select Block [Add to Cart] - Single & Multi Ticket - Vertically Expandable Block*/ #product-select {float:left;} #product-select-header {display:none;} #product-select-content {position:relative; float:left; _padding-top:10px;} #product-select-content #orderform .row {width:100%; padding:10px 0; position:relative; margin-bottom:3px; float:left;} #product-select-content #orderform .row #product-descrip {float:left; margin-left:15px; _margin-left:6px; width:260px;} #product-select-content #orderform .row #product-descrip .what {font-size:11px; font-weight:bold; color:#666; text-transform:uppercase;} #product-select-content #orderform .row #amount-descrip {float:left; width:75px; margin-left:30px;} #product-select-content #orderform .row select {float:left; width:50px; margin-left:25px; margin-top:-2px; color:#474747;} #product-select-content #orderform .row .shortDesc {font-weight:normal; text-transform:none; padding:10px 10px 0px 0px; font-size:11px;} #product-select-content #orderform .last {margin-bottom:0px;} #product-select-content #orderform .single {_padding-bottom:12px;} #product-select-content #orderform .row .what a {text-decoration:none; font-weight:bold;} #product-select-content #orderform .row .what a.moreinfo {color:#8C8C8C; font-weight:normal; font-size:9px; text-transform:none;} #product-select-content #orderform .row .what a.moreinfo:hover {text-decoration:none;} #product-select-content #orderform .row .price {width:70px;} #product-select-content {width:630px; border-top:1px solid #AAA; border-bottom:1px solid #AAA;} #product-select-content .single {_margin-bottom:-10px;} #product-detail-content p {font-size:11px;} #product-detail-header h3 {font-size:15px; font-weight:bold; padding:30px 10px 10px 105px; text-transform:uppercase;} /* Product Detail - Vertically Expandable Block */ #product-detail {float:left;} #product-detail-header {display:none;} #product-detail-content {margin-top:27px; _margin-top:14px;} #product-detail-content p {font-size:11px; line-height:normal;} #product-detail-header h3 {font-size:15px; font-weight:bold; padding:30px 10px 10px 105px; text-transform:uppercase;} #product-detail-terms {} #product-detail-terms h4 {font-size:10px; color:#999; font-weight:normal; margin:0px;} #product-detail-terms p {font-size:10px; color:#999; line-height:normal;} /* ########################### * VENUE DETAIL PAGE * ########################### */ /* Google Maps Include */ #venue_address {font-size:12px;} #venue_map {height:250px; border:2px solid #333;} #venue_map, #venue_map div, #venue_map a {color:#000;} #venue_map #gmap-bubble {width:210px; padding-right:10px;} #venue_map #gmap-bubble a.venue-name {font-weight:bold; font-size:11px;} #venue_map_container {margin-top:17px;} /* Search Results Custom for Venue */ .venue #content-content {margin-top:0px;} .venue #product-list-titles {margin-top:0px;} /* ########################### * NON-CART LOGIN FORM * ########################### */ /* Non-Cart Login Form [/login] */ #content-loginform .not-logged-text {margin-left:120px; padding-bottom:10px; padding-top:1px;} #content-loginform .contentbox-content {position:relative;} #content-loginform .small-login-block .row {padding-bottom:5px;} #content-loginform .small-login-block .row label {width:105px; float:left; padding: 5px 10px 5px 0px; display: block; text-align:right;} #content-loginform .small-login-block .shadow {padding-left:115px; padding-top:5px;} #content-loginform .small-link-block {width:275px; position:absolute; left:280px; top:-3px; *width:305px; *left:255px;} #content-loginform .small-link-block span {display:block; padding-top:5px;} /* ################################################### * WELCOME PAGE AFTER LOGIN [/customer/welcome.php] * ################################################### */ /* Login Welcome */ #content-loginwelcome .notification {padding:0px;} #content-loginwelcome .notification p {padding:5px 0px;} #content-loginwelcome .button-welcome {padding:10px 0px;} #content-loginwelcome .login-block .shadow {margin-top:30px; margin-left:3px;} /* ################################################### * REGISTRATION / MODIFY-PROFILE FORM * ################################################### */ /* Register/Modify Form */ #registerform #user_country {width:208px; *width:176px;} #registerform .notification {margin-top:15px; padding-left:150px;} #registerform .notification .shadow {margin-top:15px;} #registerform .shadow input {margin-top:15px;} #registration-subscription {padding-left: 96px;} /* ################################################### * ORDER HISTORY * ################################################### */ /* Order History */ #history-detail-content ul.content {margin-top:15px;} #history-detail-content .hdgLine {padding-bottom:5px;} .eticket-details table {width:100%;} /* ################################################### * SITE FOOTER BLOCK * ################################################### */ /* #site-footer */ #site-footer {text-align:center;} #site-footer li {display:inline; border-right:1px solid #858585;} #site-footer li.last {border-right:none;} #site-footer li#menu-title {padding:0px; border:none; font-size:0.9em; color:#000; font-weight:bold;} #site-footer li a {padding:0px 5px; color:#858585; font-size:0.9em; line-height:15px;} #site-footer li a:hover {color:#ED1B24; text-decoration:none;} #site-footer li.first a {padding-left:0px;} #site-footer li.last a {padding-right:0px;} #site-footer #qjump-logo {margin:15px auto 20px; display:block; width:84px; height:39px; text-indent:-999em; background: transparent url(/skin_CivilSociety/_images/qjump_logo.gif) no-repeat scroll;} #site-footer #useful-links {padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #AAA;} #site-footer #useful-links li a {color:#333;} #site-footer #useful-links li a:hover {color:#ED1B24;} #site-footer #useful-links {margin-bottom:8px;} #site-footer #nav-footer-sec {margin:0px auto; width:390px; } #site-footer #copyright {margin:15px 0px; font-size:10px; color:#858585;} /* ################################################### * POST-CART CHECK/CONFIRM DETAILS BLOCK * ################################################### */ /* Check Details Block */ #checkout_form .info .row {padding-top:10px;} #checkout_form .info .row span {float:left; width:100px;} #checkout_form .info .row span.bold-info {float:left; width:200px;} #checkout_form .contentbox-content a {text-decoration:underline;} #checkout_form .contentbox-content a:hover {text-decoration:none;} #checkout_form #killcart {text-decoration:none;} #checkout_form #killcart:hover {text-decoration:underline;} /* ###################################################################### * CART - CART ITEMS, LOGIN, SHIPPING, PMT-METHODS, PMT-TOTALS * ###################################################################### */ #content-shipping-description, #content-payment-description {float:left;} #content-payment-description br {display:none;} #checkout_form .contentbox-content p {padding:0px;} .contentbox-content .your-cart-items {padding:0px 5px;} .contentbox-content .your-cart-items-buton-block {margin-top:5px; padding-top:15px; border-top:1px solid #999;} /* Cart Item Block */ #cartitems form {display:inline;} #cartitems table {text-align:left; margin-left:-10px; margin-top:-15px;} #cartitems thead {display:none;} #cartitems li {float:left;} #cartitems input {width:90px; font-size:12px; padding:2px 0px 5px 5px; color:#222; border:1px solid #a9b3b8; font-family:verdana;} #cartitems select {font-family:verdana;font-size:18px;width:49px;border:1px solid #7F9DB9; color:#fff; background-color:#000;} #cartitems span {font-weight:bold; float:left; padding-top:9px;} #cartempty {height:38px;} #cartempty p {font-size:12px; font-weight:bold;} /* Cart Item Row Styles */ .cartitems-thumb {width:51px; height:51px; padding: 0px 15px 0px 0px;} .cartitems-thumb img {width:51px;height:51px;} .cartitems-title {width:575px; font-weight:bold;} .cartitems-update {background-color:transparent; width:48px; height:21px;} .cartitems-discount {font-size:11px;font-weight:normal;padding-top:6px;} .cartitems-number {position:relative;width:50px;} #cartitems .cartitems-number-number {width:42px;} .cartitems-number-number:hover {border-color:#7F9DB9;} .cartitems-number-update {position:relative;} .cartitems-number-update-hide {position:absolute;top:0;left:0;display:none;} .cartitems-number-update-hide .add-to-cart {margin-top:6px;} .cartitems-price {position:relative;width:200px;font-family:verdana;} .cartitems-price a {margin-right:9px; text-decoration:none;} .cartitems-price a:hover {text-decoration:underline;} .cartitems-price span {padding-right:32px;} .cartitems-price-controls ul {position:absolute; top:9px; left:150px; width:125px; _left:110px;} .cartitems-price-controls {position:relative;} .cartitems-update {width:48px; height:21px; background-color:transparent;} .cartitems-subtotal {width:160px;font-family:verdana;} .cartitems-subtotal input {width:110px;} .cartitems-subtotal span {padding-right:15px; padding-left:35px;} .your-cart-items-buton-block {padding-top:10px;} .your-cart-items-buton-block .shadow {float:left; padding-right:15px;} /* Cart Login Form */ #content-cart #not-logged-block .top-content {height:100px; border-top:1px solid #AAA; border-bottom:1px solid #AAA; background: #E8EBF0 url(/skin_Timeout/_images/not-logged-sign.gif) no-repeat scroll 15px center} #content-cart #not-logged-block .top-content span {display:block; width:325px;} #content-cart #not-logged-block .top-content span.need-login {font-size:13px; font-weight:bold; margin:15px 0;} #content-cart #not-logged-block .bottom-content {position:relative; padding:20px 0px; *padding-top:1px;} #content-cart #not-logged-block .not-logged-text {margin-left:120px; padding-bottom:10px; padding-top:1px;} #content-cart #not-logged-block .small-login-block .row {padding-bottom:5px;} #content-cart #not-logged-block .small-login-block .row label {width:120px; float:left; padding: 5px 10px 5px 0px; display: block; text-align:right;} #content-cart #not-logged-block .small-login-block .shadow {padding-left:130px; padding-top:5px;} #content-cart #not-logged-block .small-link-block {width:350px; position:absolute; left:280px; top:32px;} #content-cart #not-logged-block .small-link-block span {display:block;} /* Create A New Account Blocks */ #signupArea {margin-top:12px;} #signupArea input {width:140px;} #signupArea select {width: 144px;} #signupArea .bottom-profile {clear:both;} #signupArea .contentbox-header, #signupArea .contentbox-content {float:left;} #signupArea .profile-top {display:none;} #signupArea .profile-block span, #signupArea .height14 span {float:left; width:280px;} #signupArea .checkbox-column input {float:left; width:13px;} #signupArea .checkbox-column label {padding: 2px 0px 0px 10px;} #signupArea .spacer {height:0px !important; *display:none; _display:none;} /* Shipping Details - from style_cs.css */ #content-shipping-items {margin-bottom:12px; width:100%; float:left;} #content-shipping-items div p {margin-bottom:20px; border:none !important;} #content-shipping-items .shipping-method-option {width:135px;} #content-shipping-items .shipping-method-for-item {margin-right:32px; width:135px; float:left;} #content-shipping-items .shipping-method-for-item img.select-shipping-metod {margin:-12px 0px -9px 0px;} /* Payment Method Selection */ #content-payment-items {float:left;width:100%;} #content-payment-items .payment-methods-for-item {margin:0px 32px 12px 0px; width:135px; float:left;} #content-payment-items .payment-methods-for-item img.paypal-metod {margin:-12px 0px -9px 0px;} #content-payment-items .payment-methods-for-item .left-paypal-metod {width:135px;} /* Carbon Offset Styling */ #content-payment-items .carbon-donation-amount {font-weight:bold;} /* Payment Totals - from style.css */ .cart-totals .row span {font-size:16px; display:block; float:left; _font-weight:bold;} .cart-totals .row span.item-totals {width:85px;} .cart-totals .row span.sign {margin:0px 5px;} .cart-totals .row span.shipping-costs {width:90px; margin-left:48px;} .cart-totals .row span.cart-value {margin-left:30px;} .cart-totals .titles span {font-size:11px; font-weight:normal; display:block; float:left; margin-top: -3px; padding-top:10px;} .cart-totals .titles span.shipping-costs {margin-left:54px !important;} .cart-totals .titles span.cart-value {margin-left:41px !important;} /* Terms & Conditions Block */ #checkout_from .notification-overflow {border:0px !important;} #checkout_form .notification-text strong {color:#000;} #checkout_form .notification-text p {font-size:11px; color:#000;} #checkout_form .notification-text h3 {font-size:13px; color:#000; padding:4px 0px 0px 4px;} #checkout_form .notification-text a {font-size:11px; color:#000; text-decoration:none;} #checkout_form .notification-text a:hover {text-decoration:underline;} #checkout_form .notification-text {font-size:10px; height:180px; margin:15px 0px 0px; overflow-y:scroll;} #checkout_form .notification-text{position:relative; padding:0px 10px;} #checkout_form .notification-text ol li {color:#000; font-size:11px; margin:2px 0px;} #checkout_form .note-for-text {padding-left:0px; border:0px !important;} #checkout_form .gray-arrow {display:block; margin:10px 0px 5px 0px; font-size:12px;} /* Cart Completion Message and Checkout Button */ #checkout_form .notification {padding:0px;} #checkout_form .note-for-text {padding-top:10px; *padding-top:0px;} #checkout_form #formSubmitValidate, #checkout_form .notification #message-checked-details {font-weight:bold; display:block; margin-bottom:15px; padding:8px; text-align:center;} #checkout_form #formSubmitValidate, #checkout_form .notification #message-checked-details {background-color:#E8EBF0; border-top:1px solid #AAA; border-bottom:1px solid #AAA; line-height:15px; padding:8px; text-align:center;} #checkout_form .notification input {margin-top:20px;} #checkout_form .notification #check-confirm {margin-top:0px;} #checkout_form .notification label {margin:0px; padding:0px; *margin-top:-15px;} .submit-text {padding-top:20px;} #killcart {text-decoration:none; color:#666;} #killcart:hover {text-decoration:underline;} /* Shipping Details Confirmation */ #checkout_form .content .left-profile {margin-top:10px;} #checkout_form .content .left-profile .row input {width:146px;} /* Terms & Conditions Page */ .conditions ol {margin:10px 0px 10px 30px; padding:0px;} .conditions ol li {padding:2px 0px;} /* Privacy Page */ .privacy p {} .privacy h2 {margin:10px 0px 5px;} .privacy ul {padding:0 0 5px 40px; list-style-type:disc;} .privacy li {padding:1px 0px;} /* ################################################### * BREAKOUT, MINI CART, ISLAND AD, 2NDRY NAV * ################################################### */ #breakout ul {padding:0px; margin:0px;} #breakout h3 {font-size:14px; font-weight:normal; line-height:24px; margin-top:10px; padding-bottom:5px; border-bottom:1px solid #999;} /* Island Advert */ #breakout #islandAd {float:left; padding:13px 0px 13px 13px; width:300px; margin:13px 0px; border-top:1px solid #CBCACA; border-bottom:1px solid #CBCACA;} #breakout.cart #islandAd {margin-top:0px; padding-top:0px; border-top:none;} /* Breakout Nav */ #breakout #breakout-nav {float:left; padding:2px 0px; margin-bottom:25px; border-top:1px solid #AAA; border-bottom:1px dotted #AAA;} #breakout #breakout-nav .divide {border-top:1px dotted #AAA; padding-top:2px; margin-top:2px;} #breakout #breakout-nav li a {display:block; width:130px; padding:0px 1px; line-height:20px; font-size:12px; color:#000;} #breakout #breakout-nav li a:hover {text-decoration:none; color:#FFF; background-color:#333;} #breakout #breakout-nav #nTickets a {color:#FFF; background-color:#333;} /* Breakout Search */ #breakout #searchform {float:left; width:180px;} #breakout #searchform input {float:left; width:124px; _width:121px; height:15px; margin:4px 4px 0px 0px; padding:2px; background-color:#666; border:0px none; color:#FFF;} #breakout #searchform #submit-search {float:left; width:36px; padding:2px 6px 3px; margin-top:4px; background-color:#FFFF00; color:#000; text-decoration:none;} /* Mini Cart */ #breakout #mini-cart {width:180px; float:left; position:relative;} #breakout #mini-cart #mini-cart-nav {list-style:none; float:left; background-color:#F1F2F2;} #breakout #mini-cart #mini-cart-nav li {display:block; width:90px; float:left; text-align:center;} #breakout #mini-cart #mini-cart-nav li a {display:block; line-height:36px;} #breakout #mini-cart #mini-cart-nav #yourcart {display:none;} #breakout #mini-cart #mini-cart-nav #myaccount {} #breakout #mini-cart #mini-cart-nav #orderhistory {} #breakout #mini-cart #mini-cart-content {float:left; background-color:#F1F2F2;} #breakout #mini-cart #mini-cart-content ul {list-style:none; float:left; padding:15px;} #breakout #mini-cart #mini-cart-content li {float:left; width:150px;} #breakout #mini-cart #mini-cart-content li img {float:left; padding:5px 8px 5px 0px;} #breakout #mini-cart #mini-cart-content li span {float:left; padding:5px 5px 0px 0px;} #breakout #mini-cart #mini-cart-content li .mc-quantity {font-size:12px; width:17px; font-weight:bold;} #breakout #mini-cart #mini-cart-content li a {float:left; padding-top:5px; width:70px;} #breakout #mini-cart #mini-cart-content li a:hover {text-decoration:underline;} #breakout #mini-cart #mini-cart-content p {float:left; display:block; width:160px; margin:0px; padding:10px 10px; background-color:#F1F2F2;} #breakout #mini-cart #mini-cart-total {float:left; width:160px; padding:0px 10px; background-color:#F1F2F2;} #breakout #mini-cart #mini-cart-total span {float:left; display:block; width:28px; padding:0px 7px 0px 12px; line-height:30px; background-color:#FFF;} #breakout #mini-cart #mini-cart-total #mc-amount {width:113px; _width:108px; padding:0px; font-size:12px; font-weight:bold;} #breakout #mini-cart #mini-cart-actions {float:left; width:160px; padding:0px 10px; background-color:#F1F2F2;} #breakout #mini-cart #mini-cart-actions a {float:left; width:79px; margin:13px 0px 0px; text-decoration:none;} #breakout #mini-cart #mini-cart-actions #mc-modify {color:#FFFF22; background-color:#666; margin-right:2px;} #breakout #mini-cart #mini-cart-actions #mc-checkout {color:#000 !important; background-color:#FFFF22;} /* ################################################### * BUTTON STYLES * ################################################### */ /* SLIDING DOORS BUTTONS*/ .shop-button {display:block; height:31px; cursor:pointer; font-size:12px; text-transform:lowercase; line-height:31px; color:#FFF; text-decoration:none; text-align:center; background:transparent url(/skin_Timeout/_images/button/btn-red-left.gif) scroll no-repeat left top;} .shop-button:hover {text-decoration:none;} .shop-button span {display:block; margin-left:4px; padding:0px 14px 0px 10px; background:transparent url(/skin_Timeout/_images/button/btn-red.gif) scroll no-repeat right top;} /* STANDARD COLOURED BUTTONS .shop-button {background-color:#ED1B24; color:#FFF !important; text-decoration:none !important; display:block; line-height:20px; text-align:center; cursor:pointer; text-transform:lowercase;} .shop-button:hover {text-decoration:none;} */ a#buy-now {width:75px;} a#add-to-cart {width:90px; position:absolute; left:515px;} .row a#add-to-cart {bottom:4px;} a#submit {width:74px;} a#resend-password {width:125px;} a#keep-shopping {width:110px;} a#clear-cart {width:88px; background:transparent url(/skin_Timeout/_images/button/btn-grey-left.gif) scroll no-repeat left top;} a#clear-cart span {background:transparent url(/skin_Timeout/_images/button/btn-grey.gif) scroll no-repeat right top;} a#item-update {margin:0px; width:65px;} a#item-update span {*margin-left:2px; padding-top:0px; float:none;} a#formSubmitButton {width:74px; display:none; margin-top:15px;} a#login-btn {width:74px;} a#continue-btn {width:72px;} /* ################################################### * MISCELLANEOUS STYLES * ################################################### */ /* Form Styling */ .right-profile { float:left; width:285px;} .left-profile { float:left; width:263px; padding-left:2px; padding-right:15px;} .left-profile .row, .right-profile .row {padding-bottom:10px; clear:both;} .left-profile .row label, .right-profile .row label {float:left; width:110px;} .left-profile .row select, .right-profile .row select {width:150px;} /* Button Size and Padding */ .notification .shadow input {padding:10px 0px; height:24px; width:88px !important;} /* ################################################### * SHOP CUSTOM STYLES - TIMEOUT SYDNEY * ################################################### */ .timeout-adblocks .ad {width:120px; margin-bottom:10px;} #site-header .timeout-adblocks {float:left; width:728px; margin:0px;} #site-header .timeout-adblocks .ad {margin-bottom:0px;} #breakout-secondary .timeout-adblocks {margin-left:8px;} #breakout #breakout-nav li #A2:hover {background-color:#ED1B24;} #breakout #breakout-nav li #A3:hover {background-color:#0099FF;} #breakout #breakout-nav li #A4:hover {background-color:#CC0000;} #breakout #breakout-nav li #A5:hover {background-color:#CC0000;} #breakout #breakout-nav li #A7:hover {background-color:#FF0066;} #breakout #breakout-nav li #A8:hover {background-color:#FF6600;} #breakout #breakout-nav li #A9:hover {background-color:#339999;} #breakout #breakout-nav li #A10:hover {background-color:#993333;} #breakout #breakout-nav li #A11:hover {background-color:#000066;} #breakout #breakout-nav li #A12:hover {background-color:#33CC99;} #breakout #breakout-nav li #A13:hover {background-color:#990066;} #breakout #breakout-nav li #A14:hover {background-color:#CC9966;} #breakout #breakout-nav li #A15:hover {background-color:#FF3399;} #breakout #breakout-nav li #A17:hover {background-color:#FFCC00;} #breakout #breakout-nav li #A18:hover {background-color:#FF9999;} #breakout #breakout-nav li #A19:hover {background-color:#666666;} #breakout #breakout-nav li #A25:hover {background-color:#666666;} #breakout #breakout-nav li #A26:hover {background-color:#666666;} #breakout #breakout-nav li #A20:hover {background-color:#625E5D;} #breakout #breakout-nav li #A21:hover {background-color:#625E5D;} #breakout #breakout-nav li #A27:hover {background-color:#ED1B24;} #breakout #breakout-nav li #A28:hover {background-color:#ED1B24;} #breakout #breakout-nav li #A29:hover {background-color:#ED1B24;}