/* Design CSS for SOLT */ hr {background-color: #a89970; height: 3px;} form {margin: 0; padding:0;} #content-left-wrapper h1 {color: #000000;} #content-left-wrapper h2 {color: #4A266F;} #content-left-wrapper h3, h4, h5 {color: #3A3395;} #content-left-wrapper h6 {color: #999999;} #content-left-wrapper h1 , #page-header h1 {font-size: 1.8em; width: 100%; padding: 0 0 5px 0; border-bottom: 3px solid #A39672; margin: 5px 0 12px 0; font-weight:600;} #content-left-wrapper h2 , #page-header h2 {font-size: 1.8em; padding: 7px 0; width: auto; color:#3A3395; margin: 15px 0 0 0; font-weight: 400;} #content-left-wrapper h3 , #page-header h3 {font-size: 1.2em; padding: 3px 0 5px 0px; border-bottom: 2px dotted #A39672; width: auto; color:#3A3395; margin: 0 0 0 0;} #content-left-wrapper h4 , #page-header h4 {font-size: 1.1em; position: relative; clear:left; padding: 10px 0 5px 0; border-bottom: 1px dashed #A39672; width:auto; margin: 7px 0px 5px 0px; z-index: 5;} #content-left-wrapper h5 , #page-header h5 {font-size: 0.9em; padding: 10px 0 5px 0; border-bottom: 1px solid #A39672; width: 100%;} #content-left-wrapper h6 , #page-header h6 {font-size: 0.7em; padding: 5px 0 5px 0; width: 100%; margin: 0 0 0 10px;} #content-left p {text-align:left; font-size: 0.9em; line-height: 1.7em; padding: 5px 0; margin: 5px 0; display: block; position: relative; clear:left;} #content-left ul {margin: 5px 0 5px 35px; width: 85%; } #content-left ul li {margin: 7px 0px; } #content-left ol {margin: 5px 0 5px 35px;} #content-left ol li {margin: 7px 0px;} #page-header {float: left; clear: both; width: auto; height: auto; padding-bottom: 7px;} #page-header p{font-size: 0.9em; padding: 0; margin: 7px 0 7px 0; text-align:left; float: none; width: auto;} #content {width: 100%;} /* COPY IMAGES -----------------*/ .left-image-float {float: left; position: relative; width: auto; padding: 10px 0 10px -20px; clear:none;} .left-image-float a {border: none; text-decoration: none;} .left-image-float img {border: none;} .right-image-float {float: right; position: relative; width: auto; padding: 5px 0 5px 5px; height: auto; clear: right;} .right-image-float a {border: none; text-decoration: none;} .right-image-float img {border: none;} /* END COPY IMAGES -----------*/ a {color:#4A266F;} a:visited {color:#4A266F;} a:active {color:#4A266F;} a:hover {color:#4A266F;} h3 a , h3 a:visited , h3 a:active , h3 a:hover {color:#4A266F;} .content-feature-table {border: dotted 1px #a89970; margin: 5px; padding: 0px; float: left;} .content-feature-table tr td {background-color: #3A3395; color:#fff; text-align:center; font-weight:bold;} /* section in the header thats holds user/quick-basket info.. ------------ */ #consumer-header-menu-name { float: left; width: auto; color: #FFFFFF; padding:10px; clear:none; margin: 3px 0 0 0; position:inherit; z-index:1;} #consumer-header-menu-link { float: left; width: auto; margin: 3px 0 0 0; color: #FFFFFF; padding:10px 10px 10px 0px; clear: none; } #consumer-header-menu-link a:visited {color: #FFFFFF;} #consumer-header-menu-qbasket {float: left; width: auto; background-color: #000000; padding: 10px 5px; clear: none; margin-top: 6px; font-size: 0.85em; color: #FFF;} #consumer-header-menu-qbasket a {font-weight: bold; color: #FFFFFF; padding-left: 0px; } #consumer-header-menu-qbasket img {display:none;} #consumer-header-menu-qbasket img {border: none; margin: 0 0 0 0; padding: 0 0 0 0;} #consumer-header-menu-checkout {float: left; width: auto; background-color: #B2A06B; padding:10px 5px 10px 5px; clear: none; margin: 3px 0 0 0; text-transform:uppercase; font-weight: bold;} #consumer-header-menu-checkout a {width: auto; color: #000; clear:none; text-decoration: none; margin-top: 2px;} .checkout {text-decoration: underline;} /* section displaying event info in the header -------------- */ #consumer-header-events a {color: #fff; text-align:right;} /*Content Pages Forms -------------*/ #footer-text img {float: right; clear: right; padding: 0px 10px;} /*homepage options -------------*/ #content-left #product-categories {float: left; width:100%; margin:5px 0 10px 0px; padding: 5px 0 0 0; background-color:#FFFFFF; overflow:hidden; clear:both;} .content-feature-image {text-align: center;} .content-feature-image img {border: none;} .content-feature-text {padding: 7px; background-color:#4A266F; color:#FFFFFF; text-align:center;} .content-feature-text a , .content-feature-text a:visited {color: #FFFFFF; text-decoration: none; } .content-feature-text a:hover {color: #FFFFFF; text-decoration: underline;} #product-categories .content-feature-table { background-color:#FFFFFF; width: 31%; margin: 0 12px 0 0; float: left; text-align: justify;} #tokens-internal-mpu , #tokens-phone-graphic , #tokens-nearest-graphic , #external-mpu-1 {padding: 0 0 20px 0;} /*Content Pages Forms*/ legend {padding: 3px 10px; font-weight:bold; margin: 10px 0 10px 0px; background-color:#3A3395; color: #FFFFFF; width: auto;} #page-header {float: left; width:100%; clear: left; text-align: left; margin: 0;} /* This has been added by OpusVL - Gives nested fieldsets the design from SOLT*/ .radiogroup, .checkboxgroup { margin: 0px; padding: 0px; border: 0px; } .radiogroup legend { margin: 0px 0px 5px 0px; padding: 10px 0px 0px 0px; color: #3A3395; text-decoration: underline; border-bottom: solid thin #000; } #content-left .column-2 fieldset {} .radiogroup span, .checkboxgroup span { float:left; width: 100%; clear: both; } .radiogroup span label, .checkboxgroup span label { float:left; margin: -10px 0 0 0; } .radiogroup span input, .checkboxgroup span input { float: right; } /* Form components + structure ----------*/ .radiogroup input , .checkboxgroup input {margin: 0px 10px 0 10px; } #fsshortsubmit {margin-left: 0px; width:660px; float: left; text-align: right;} .shortsubmit {border: 1px #FFFFFF solid; width: 660px; padding: 0; float: left; clear: both; display:block;} fieldset#fssubmit , fieldset#basket-top-checkout-fieldset {clear: both; border: none; background-color: #FFFFFF; text-align: right; margin-left:0px; margin-right: 0px; width: 653px;} div.button , div.submit {float: right; clear: none;} #fssubmit , #shortfssubmit , #lookupfssubmit , #fsshortsubmit {clear: both; background-color: #FFFFFF; border: 0;} #fsshortsubmit .important-button , #fsshortsubmit .back-button {clear:none; margin-right: 10px; } fieldset#shortfssubmit {width: auto; text-align: right;} #fssubmit {background-color:#FFFFFF; border: none; float: left; padding:0; width: 620px;} #fssubmit .back-button{float: left; margin-right: 10px;} #fssubmit form {margin: 0;} #fssubmit table {width: 655px;} fieldset#submit {background-color:#FFFFFF; width: 610px; border: none;} .standard-input {float: left; clear: both; margin: 0 5px; width: 280px; } label {float: left; clear: both; margin: 7px 0 0 5px; color: #000000; width: auto;} fieldset {padding: 5px 5px 15px 5px; text-align: left; border:1px dotted #A39672; /*background-color: #FFFAEE;*/ margin:0 0 10px 0;} input.important-button {margin: 10px 5px 0 0; padding: 3px; background-color: #000; color:#FFFFFF; border: 0; font-size: 0.85em; font-weight: bold;} input.back-button {margin: 10px 0px 0 0; padding: 3px; color:#FFFFFF; border: 0; background-color:#8360A6; font-size: 0.85em; font-weight: bold;} .required {font-weight:bold; width: 300px; padding: 0;} .title-dropdown {float:left; clear:both; margin: 0 0 0 5px;} .short-input {float:left; clear:both; margin: 0 0 0 5px;} .short-input-clear { margin: 5px 30px 0 10px; width: auto; text-align: right; float: right; clear: none;} /* Promocode in basket */ .basket-promo-update {float:left; clear:none; margin-left: 5px;} .basket-promolable {margin: 0;} ul .basket-promo-listitem {margin: 30px 0px 5px 0; height: 20px; text-align: center; font-weight: bold; } /*----------------------------*/ /*Promocode not in fieldset*/ #enter-promo-code {width: 648px ; clear: both; margin:5px 20px 0 0; float: left; } #enter-promo-code label {width: 250px;} #enter-promo-code .short-input-clear { margin: 0 5px; width: 100px; float: left; } #enter-promo-code .submit {margin: -12px 0 0 10px; float: left; clear: none; overflow: visible;} #enter-promo-code form div {width: auto; clear: none;} /*---------------------------*/ #create-basic-account {width: 640px;} .singleform {float:left; clear: both; width: 660px;} .column-1{float: left; width: 300px; padding: 0;} .column-2{float: left; width: 300px; padding: 0 0 0 10px;} .singleform h4 {clear:both; padding: 10px 0 0 0;} .singleform p {clear:both; padding: 10px 0;} label.fscheckbox {clear:none; width: auto; padding: 0 7px 0 5px; margin: 0 0 0 2px;} .standard-input-checkbox {clear:none; float: left; padding: 0 5px;} label.fsradio {clear:both; width: auto; padding: 0 7px 0 0;} .standard-input-radio {clear:none; float:left; padding: 0 5px; margin-top: 9px;} /* 22.0 Basket Page ---*/ #basket-top-checkout {margin: 0; float: left; width: 670px; background-color:#FFFFFF; text-align: right;} #basket-top-checkout input {margin: -23px 17px 0 0;} /*#basket-top-checkout-fieldset {border: 0px; margin: -20px 0 0 0; text-align: right; background-color:#00FF33; float:left; clear: both; width: 670px;} */ #item-basket {background-color: #FFFFFF; float: left; clear: both;} #item-basket-field {float: left; clear: both; width: 650px; padding: 10px;} /*#checkout-basket-field {float: left; clear: both; width: 550px; background-color:#FFFFFF; border: 0px; padding:0; }*/ #customerbasket ul {padding: 0; margin-left: 0;} #content-left ul#delivery-basket {margin-left: 0px; width: auto;} #delivery-basket li {width: 100%; text-align: left; clear: both; list-style-type: none;} .basket-header {font-weight: bold;} .basket-item-image {float: left; width: 140px; height: auto;} .basket-item-image img {width: 140px; margin-bottom: 5px;} .basket-item-name {float: left; width: 150px; text-align: left; padding: 2px 5px;} .basket-item-remove , .basket-header .basket-item-remove {float: left; width: 70px; text-align: center; margin: 2px 0 2px 20px;} .basket-item-adjust {float: left; width: 30px; text-align: center; padding: 2px 5px;} .basket-item-adjust-figure {float: left; width: 20px; text-align: center; padding: 2px 5px;} .basket-item-value {float: right; width: auto; text-align: right; padding: 2px 5px 2px 0;} .basket-item-adjust-minus , .basket-item-adjust-plus {width: 50px; float: left; text-align: center; padding: 2px 5px;} #delivery-basket li h4 { margin: 0 0 0 5px; color:#000000; font-size: 1.2em; } #delivery-basket input[type="radio"] {width: auto; clear:none; margin-left: 0px; float: left;} #delivery-basket label {width: auto; clear:none; margin: 0 10px;} li.total , li.final-total {float: right; width: 100%; background-color: #000000; color:#FFFFFF; text-align: right;} .final-total .final-total-value {color: #FFFFFF; width: 85%; margin: 0px; background-color: #000000; float: left; text-align: right; clear: none;} .total .sum-value , .final-total .sum-value {margin: 0; padding: 0 2px 0 0; color: #FFFFFF; text-align: right; display:block; background-color: #000000; font-weight: bold;} .total .total-value {color: #FFFFFF; width: 85%; _width: 500px; margin: 0px; background-color: #000000; float: left; text-align: right; clear: none;} .total .sum-value {margin: 0; padding: 0 2px 0 0; color: #FFFFFF; text-align: right; width: 13%; display: inline-block; background-color: #000000; font-weight: bold;} /* 22.1 ---*/ #returning-customer {clear: left; width: 310px; float: left; text-align: right; margin: 0 0 0 10px; position:relative; z-index: 10;} #returning-customer a {float: left; clear: both; margin: 10px 0 0 0; overflow:visible; } #new-customer {width: 300px; float: left; overflow:visible; padding: 0 0 0 20px; position:relative; z-index: 10;} #returning-customer-details .submit {width: auto; text-align: right; margin-right: 12px;} #create-new-customer {width: auto; text-align: left;} #content-left #create-new-customer p {float: left; clear: none; width: 180px;} #content-left #create-new-customer input {float: left; clear: none; margin: 22px 0 0 20px; } /*.submit {float:left; clear: both; width:660px;}*/ /*22.212 ---*/ #content-left .page-header h4 {margin-left: -20px;} #content-left .column-2 h4.form {width: 100%; margin-left: 5px;} #content-left .column-2 fieldset h4 {width: 200px;} .standard-input-radio {clear: right;} /* 22.123 */ .company-number-input {width: 80px; float: left; clear: both;} #uk-vat {width: 300px; float: left; clear: both;} .vat-input-1 {float:left; clear:left; width: 26px;} .vat-input-2 {float:left; clear:none; width: 33px; margin: 0 10px;} .vat-input-3 {float:left; clear:right; width: 18px;} .suffix {font-size: 0.6em} /* 22.2 ---*/ #thank-you-continue-options {clear: both; float: left; width: 100%; } #thank-you-proceed-with-order , #thank-you-view-account , #thank-you-continue-browsing {float: left; width: 25%; margin: 20px 0 0 20px; border: 1px solid #9A8C65; padding: 10px; background-color: #4A266F; color: #FFFFFF; font-weight: bold; text-align: center;} #thank-you-proceed-with-order a , #thank-you-view-account a , #thank-you-continue-browsing a {color: #FFFFFF; text-decoration: none;} #thank-you-proceed-with-order a:hover , #thank-you-view-account a:hover , #thank-you-continue-browsing a:hover {color: #FFFFFF; text-decoration: underline;} /*22.3 ---*/ #content-left #checkout-amend-billing-action fieldset {float: left; clear: both; padding: 0; width: 300px; text-align: right; background-color: #FFFFFF; border: 0; margin-top: 0px;} div#checkout-amend-billing-action {float:left; width: 660px; clear: both; text-align: right;} #checkout-amend-billing-action form {width: 660px; text-align: right; } #amned-billing {} #checkout-billing-address {float: left; width:660px; margin: 0; clear: both;} #checkout-billing-address .column-1 {float: left; width: 290px; clear: none;} #checkout-billing-address .column-2 {float: left; width: 290px; clear: none; margin-left: 20px;} #current-delivery-basket {float: left; clear: both; margin: 0; width: 660px;} /*22.4 ---*/ #delivery-billing-address {float: left; clear: left; width: 310px; margin: 0 0 0 10px;} #delivery-destination-address {float: left; clear: right; width: 320px; padding: 0 0 0 29px;} #set-delivery-address {} #create-address-top {border: none; background-color: #FFFFFF; margin: -15px 0 15px 0; clear:both; padding:0; width: 658px;} #create-new-delivery-address-form {clear: both; border: none; background-color: #FFFFFF; text-align: right; width: 660px; margin-left:0px;} #create-address-top input{width: 300px; float: right;} #selectdeliveryaddress {width: 280px; overflow: hidden; margin: 0 0 10px 77px; float: right;} #delivery-message {float: left; clear: left; width: 648px; text-align: left; height: auto;} #new-delivery-address {float: left; clear: left;} .area-input {width: 500px; margin: 0 0 0 10px; height: 170px;} fieldset#where-hear-about-tokens {float: left; clear: left; margin: 0px; width: 400px; } #where-hear-about-tokens select {margin: 0px 0 10px 10px;} #where-hear-about-tokens label {margin: 0 0 0 10px;} /*22.41 ---*/ #right-action-button {float:left; clear:left; margin: 0 0 0 10px;} #change-billing-type {float:left; clear:left; margin: 10px 0 0 10px;} #new-billing-type {width: 330px;} /*22.41 ---*/ #right-action-button {float:left; clear:left; margin: 0 0 0 10px;} #change-billing-type {float:left; clear:left; margin: 10px 0 0 10px;} #new-billing-type {width: 330px;} /*22.41 ---*/ #right-action-button {float:left; clear:left; margin: 0 0 0 10px;} #change-billing-type {float:left; clear:left; margin: 10px 0 0 10px;} #new-billing-type {width: 330px;} /*22.42 ---*/ #new-uk-delivery {float:left; clear:left; margin: 0 0 0 10px; width: 300px;} fieldset#submit-new-uk-delivery {background-color:#FFFFFF; border:none; padding: 0;} fieldset#submit-new-uk-delivery input.important-button {margin-top: 0;} fieldset#submit-new-uk-delivery .submit {text-align:right; margin: 0; width: 300px;} fieldset#confirm-uk-delivery-address {border: 0; width: 293px; text-align: right; margin-top: 0px;} /*22.4.11 ---*/ #existing-billing {float:left; clear:none; margin: 0 0 0 10px; } #new-billing {float:left; clear:right; padding: 0 0 0 20px; width: 310px;} #new-billing select {clear:both; float: left;} #change-intl-billing-submit {padding: 0 0 0 0; float: left; clear: both;} /*22.4.11 ---*/ #set-new-address-button {margin-left: -20px;} #bottom-address-select input{float: right;} /*22.4.13 ---*/ #top-address-select , #bottom-address-select {clear:both; float: left; border:none; text-align:right; width: 627px;} #top-address-select , #bottom-address-select fieldset {margin: 0 ;} #top-address-select input , #bottom-address-select input {clear:none; margin: 0 10px 0 0;} #bottom-address-select .submit {float: right; clear:none;} #address-select-content {float:left; clear: left; width: 600px;} #select-address-dropdown {width: 550px;} /*22.4.14 ---*/ /*#confirm-uk-billing-submit {margin: 0 0 0 330px; width: 300px;}*/ #confirm-uk-billing-submit {clear: both; border: none; background-color: #FFFFFF; text-align: right; margin-left: 0px; width: 600px;} #confirm-uk-billing-submit input {clear:none; margin: 0 10px 0 0;} /*22.4.21 ---*/ #address-select-content {margin: 0 0 0 10px;} /*22.4.21 ---*/ #summary-billing-address {float:left; clear:left; margin: 0 0 0 10px; width: 300px;} #summary-destination-address {float:left; clear:right; margin: 0 0 0 10px; width: 300px;} #top-address-select , #bottom-address-select {background-color: #FFFFFF;} /*22.5 --*/ #final-delivery-basket #delivery-basket {margin-left: 0; padding-left: 0; width: 620px;} #summary-billing-address {margin: 0;} #final-delivery-details , #final-billing-details{height: auto; } #summary-destination-address {float: left; clear: right; margin: 0 0 0 20px;} #final-delivery-basket {float: left; clear: both; margin: 10px 0 0 0px; width: 650px; padding: 0px;} .summary-sum-total {clear: both; font-weight: bold; width: 643px; text-align: right;} #content-left p.order-number {clear: both; font-weight: 300; color:#000000; margin-top: 10px; font-size:1.8em;} #summary-cancel {clear: both; float: left;} /*------- Billing Address summary ---------*/ #final-billing-title , #final-billing-first-name , #final-billing-last-name , #final-billing-address-1 , #final-billing-address-2 , #final-billing-address-3 , #final-billing-address-4 , #final-billing-address-5 , #final-billing-address-6 , #final-billing-address-7 {display: block; float: left; margin-right: 5px;} #final-billing-last-name , #final-billing-first-name , #final-billing-title {font-weight: bold;} #final-billing-last-name {clear: right;} #final-billing-address-1 {clear: left; width: 100%;} #final-billing-address-5 {clear: both; width: 100%;} #final-billing-address-6 {clear: both; width: 100%;} #final-billing-address-7 {clear: both; width: 100%;} #final-billing-address-8 {clear: both; width: 100%;} #final-billing-address-9 {clear: both; width: 100%;} /*------- Delivery Address summary ---------*/ #final-delivery-title , #final-delivery-first-name , #final-delivery-last-name , #final-delivery-address-1 , #final-delivery-address-2 , #final-delivery-address-3 , #final-delivery-address-4 , #final-delivery-address-5 , #final-delivery-address-6 , #final-delivery-address-7 {display: block; float: left; margin-right: 5px;} #final-delivery-last-name , #final-delivery-first-name , #final-delivery-title {font-weight: bold;} #final-delivery-last-name {clear: right; width: auto;} #final-delivery-address-1 {clear: left; width: 100%;} #final-delivery-address-5 {clear: both; width: 100%;} #final-delivery-address-6 {clear: both; width: 100%;} #final-delivery-address-7 {clear: both; width: 100%;} #final-delivery-address-8 {clear: both; width: 100%;} #final-delivery-address-9 {clear: both; width: 100%;} /*22.51 Order Cancel ---*/ #order-cancel-confirm {float: left; clear:both; width: 100%; margin-top: -20px;} #order-cancel-confirm fieldset {border: none;} #order-cancel-confirm .important-button {margin: 0 0 0 20px;} /*1.0, 2.0, 3.0 Product Categories ---*/ .product-category-listing {position: relative; width: 33%; clear: none; padding: 5px 0; border-top: 2px dotted #999; height: 420px; overflow-x: hidden; overflow-y: auto; float: left; display: table-cell;} #content-left .product-thumbnail {width: 100%; height: auto; clear:left; float: left; margin: 10px 0; text-align: center;} #content-left .product-thumbnail img {height: 140px; width: 210px; border: 1px dotted #a89970;} #content-left .product-information {text-align: left; clear: right; padding: 2px 5px; width:auto; max-height:435px; min-height: 100px; } #content-left-wrapper .product-information h3 {border-bottom: none; width: 210px; margin: 0 auto; padding: 0;} .product-category-listing .status input#viewbasketpaddedid {margin-bottom: 5px;} #content-left .product-information p {width: 210px; margin: 0 auto; padding: 12px 0;} #content-left .product-add-to-basket .product-information p { clear: right; font-size: 0.85em; } #content-left #page-header .product-add-to-basket p { clear: right; font-size: 0.9em; } .product-category-listing .product-add-to-basket {text-align: left; float: left; clear: right; padding: 0; width: 100%; margin: 0; font-weight: bold; } .product-category-listing .product-add-to-basket p {font-size: 0.85em; line-height: auto; } .product-add-to-basket { padding: 2px 0; font-size: 0.85em;} .product-item-adjust-figure {font-weight:bold;} .product-add-to-basket p {width: 87%; border: 1px dotted #CCC; margin-top: 7px;} span.product-item-addtobasket {display: block; position:relative; clear:both; width: auto; position: absoloute; bottom: 0;} /*1.1, 2.1, 3.1 Product Detail Page --- */ #product-shot {position: relative; float: right; margin: 7px 0 10px 10px; width: auto; height: auto; background: #FFF; border: 1px dotted #a89970; z-index: 10;} .type-add-to-basket {text-align: right; width: auto; float: left; padding: 5px 0 15px 0;} #content-left #tracklist ol {float: left; clear: both;} #content-left ol#tracklist li {width: 300px; margin-right: 10px; float: none; clear: both; } #content-left .type-add-to-basket p {padding: 5px; width: 300px; margin: 0;} #content-left .type-add-to-basket p span.product-item-addtobasket {display: inline; margin-left: 10px;} div#product-shot img {padding:10px} #content-left .product-category-listing .product-add-to-basket p {width: 210px; margin: 0 auto; font-size: 1.2em; } /*4.0 Look-up template (With map) --- */ #pagination {text-align: right;} #pagination a:hover {background-color: #4A266F; color:#FFFFFF; font-weight:bold;} #pagination a:active {background-color: #4A266F; color:#FFFFFF; font-weight:bold;} #theatre-locator-left {float: left; clear: none; width: 250px; text-align: left; margin: 0; padding-right: 7px;} #content-left #theatre-locator-1 {margin-bottom: 10px; padding-right: 20px;} #content-left #theatre-locator-1 select#nearest_miles {margin-left: 5px;} #content-left #theatre-locator-1 input.important-button {margin-top: 7px;} #theatre-locator-right {float: left; margin-left: 5px; padding-left: 0px; max-width: 70%; min-width: 55%;} #embedded-map {margin: 0 0 30px 0; max-width: 670px; min-width: 390px; height: 500px; border: 1px dotted #A39672; background-color:#CCCCCC;} #theatre-refine {margin: 0px 0 10px 0; width: 100%; padding: 10px; background-color: #FFFAEE; text-align: left;} #theatre-refine h2 {font-size: 100%; color:#FFFFFF; background-color:#3A3395; margin-left: 0px; margin-top:-20px; width: 140px; padding: 2px 10px;} #theatre-refine p {padding: 10px 10px 0 10px;} #theatre-refine a {padding: 3px 5px; border:1px solid #A39672; background-color: #8360A6; color:#FFFFFF;} #theatre-refine a:hover {padding: 3px 5px; border:1px solid #A39672; background-color: #A39672; color:#FFFFFF;} #theatre-refine a:active {padding: 3px 5px; border:1px solid #A39672; background-color: #A39672; color:#FFFFFF;} .theatre-map-marker {display: none;} .theatre-listing {border-bottom: 0px solid #A39672; padding: 0 3px; width: 260px; font-size: 80%; margin: 0 0 0 -10px; } .theatre-listing h3 {margin: -50px 0 0 70px; color: #000000; border-bottom: 0px; padding:0; width:320px; } #content-left .theatre-listing h4 {border-bottom: none; clear: both; width:100%; padding:0; margin :0 0 0 10px; font-size: 1.2em;} #content-left .theatre-address {width: 100%; padding:0; margin : 0;} #content-left .theatre-listing p {width: 100%; padding:0; margin : 0 0 0 10px;} .nearest_miles {width: 210px;} #content-left #theatre-locator-1 .important-button {margin: -20px 0 0 -10px; } #content-left #theatre-locator-1 p {padding: 0; margin: 0 0 10px 0;} #content-left #theatre-locator-1 .standard-input {width: 80%;} #content-left #theatre-locator-1 label {width: 80%;} /*.theatre-listing h4 {border: 0px #FFFFFF solid;} */ /*------------------------------------------WORK IN PROGRESS-------------------------------------------- 4.0 --- #pagination {text-align: right; width: 250px;} #theatre-locator-left {float: left; clear: none;} #theatre-locator-right {float: left; margin: 10px 0 10px 10px;} #embedded-map {width: 400px; height: 500px; border: 1px solid #A39672; background-color:#CCCCCC; float: right; margin-top: 300px;} #theatre-refine {width: 250px; margin: 20px 0 10px 0; padding: 10px; background-color: #FFFAEE; text-align: left; border: 1px solid #A39672;} #theatre-refine h2 {font-size: 100%; color:#FFFFFF; background-color:#000000; margin-left: -11px; margin-top:-20px; width: 140px; padding: 2px 10px;} #theatre-refine p {padding: 10px 10px 0 10px;} #theatre-refine a {padding: 3px 5px; border:1px solid #A39672; background-color: #8360A6; color:#000000;} .theatre-map-marker {float: left; clear: none; margin: 10px 5px; width: 30px; height: 30px; background-color:#000033;} .theatre-listing {border-bottom: 1px solid #A39672; padding: 10px; width: 250px;} .theatre-town {font-size: 80%; color: #000000;} .theatre-name {font-size: 110%;} .theatre-address {font-size: 90%;} #theatre-locator-1 {width: 570px;} -----------------------------------------------------------------------------------------------------*/ /*14.0 Links ---*/ #links-refine a {padding: 3px 5px; border:1px solid #A39672; background-color: #8360A6; color:#FFFFFF; margin: 10px 0 0 0;} #links-refine a:hover {padding: 3px 5px; border:1px solid #A39672; background-color: #A39672; color:#FFFFFF;} #links-refine a:active {padding: 3px 5px; border:1px solid #A39672; background-color: #A39672; color:#FFFFFF;} .link-result {width: 100%; float: left; clear: both; padding: 0;} .entity-name {width: 55%; float: left; clear: none; margin: 0 0 0 10px;} #content-left .link-result h4 {border: 0px #FFFFFF solid; padding: 1px 0 ; color: #000000; font-weight: 600;} .venue-url {width: auto;} #content-left .venue-url p {padding: 1px 0;} /*5.0 Look-up template (no map) --- #retailer-locator-top {float: left; clear: both; width: 670px;} #retailer-locator-top label {float: none;} #retailer-locator-bottom {float: left; clear: both; margin: 10px 0 10px 10px;} #retailer-refine {width: 625px; margin: 20px 0 10px 0; padding: 10px; background-color: #FFFAEE; text-align: left; border: 1px solid #A39672;} #retailer-refine h2 {font-size: 100%; color:#FFFFFF; background-color:#000000; margin-left: -11px; margin-top:-20px; width: 140px; padding: 2px 10px;} #retailer-refine p {padding: 10px 10px 0 10px;} #retailer-refine a {padding: 3px 5px; border:1px solid #A39672; background-color: #8360A6; color:#FFFFFF;} .retailer-listing-left {float:left; clear:left; border-bottom: 1px solid #A39672; padding: 10px; width:300px;} .retailer-listing-right {float:left; clear:right; border-bottom: 1px solid #A39672; padding: 10px; width:300px;} .retailer-town {font-size: 80%; color: #000000;} .retailer-name {font-size: 110%; color: #3A3395;} .retailer-address {font-size: 90%;}*/ /* 9.51a4 / 9.51b4 Stock Order form --- */ #stock-order-content {float: left; width: auto; margin: 0px 0 0px 10px; clear: right; font-size: 0.9em; padding: 5px; } #stock-order-content ul {margin: 0 20px;} #stock-order-content li {list-style-type: none; padding: 0px; line-height: auto; font-size: 90%;} #stock-order-content li .stock-order-item-product {display:inherit; width: 250px; font-weight:bold; float:left; margin-top: 5px;} #stock-order-content li .stock-order-header-product {display:inherit; width: 250px; font-weight:bold; float:left;} #stock-order-content li .stock-order-item-unit-value {display:inherit; width: 75px; font-weight:bold; float:left; text-align: right; margin: 5px 15px 0 0;} #stock-order-content li .stock-order-header-unit-value {display:inherit; width: auto; font-weight:bold; float:left; text-align: right; margin: 0px 0 0 0px;} #stock-order-content li .stock-order-header-amount {display:inline; width: auto; font-weight:bold; float:none; margin-left: 10px;} .stock-order-item-clear a {color: #FFFFFF;} .stock-order-item-clear a:hover {color:#FFFFFF;} .stock-order-header {font-weight: bold;} .stock-order-item-clear {background-color: #8360A6; padding: 2px; margin-left: 10px;} #fsstocksubmit {float: left; clear: both; width: 540px;} .stocksubmit {background-color: #FFFFFF; border: none; text-align: right;} /* -- class's used for forms -------------------------- */ .text {} .label {} .error {font-weight: normal; color: red; margin-bottom: 15px; float:left; clear: both; } .error_constraint_required , .error_message error_constraint_callback , .text-emphasis { color: red; margin: 0; padding: 0; width: 100%; clear: both; display: block; font-weight: bold; } span.error_message.error_constraint_required {padding: 0 0 0 5px;} .errormsg {font-weight: bold; color: red; font-size: 1.2em; margin-bottom: 12px; width: auto; display:block;} .statusmsg {font-weight: bold; color: red; margin-bottom: 5px; padding: 5px; clear:both; float: left; font-size: 0.85em; width:auto; border: 1px dotted #FF0000;} .statusmsg input.important-button {margin: 0 0 3px 7px; } .product-category-listing .statusmsg {width: 95%; margin: 0; background: #fff0ece; } .product-category-listing .statusmsg input.important-button {margin-left: 1px; float: right; clear: both; font-size: 0.95em; padding: 2px;} #content-left .product-add-to-basket p {padding-left: 5px;} /* ---------------------------------------------------- */ /*8.2 Newsletter page --*/ #content-left iframe {float: left; clear: both; width: 100%; height: 1550px;} /*7.2 FAQ's Page--*/ .faq-result {display:none; height: auto; clear: both;} .faq-result ul {width: 100%;} .faq-result li {float: left; clear: both; width: 100%;} /*9.4 Static Marketing materials page --*/ .marketing-product-category-listing-1 {width:320px; float: left; margin: 0; padding: 0; } .marketing-product-category-listing-2 {width:320px; float: left; margin: 0 0 0 25px; padding: 0;} .marketing-product-thumbnail {float: right; width: 150px; padding-top: 7px;} .marketing-product-category-listing {width: 300px; padding: 0; border-bottom: 0px solid #A39672; height: 200px; } .marketing-product-information {text-align: left; } .marketing-product-information h3 {padding: 5px;} .marketing-product-information p {float: left; width: 130px;} /* .marketing-product-category-listing {width: 100%; padding: 5px 0; border-top: 2px solid #A39672;} .marketing-product-information {text-align: left; float: left; clear: right; padding: 2px 0px; width:250px; } .marketing-product-information h3 {margin: -15px 0 0 0px; width: 250px;} .marketing-product-information h3 a {color:#FFFFFF;} .marketing-product-information p {margin: 0 10px; padding: 0px; float:left;}*/ /*-- 23.1 ---------------------------*/ #previous-order {margin-left: -10px; width: 800px;} #previous-order-list {padding-left: 0px; overflow:hidden; float: left;} .previous-order-item {width: 100%; float: left; clear: both; list-style-type: none;} .previous-order-header {list-style-type: none; font-weight: bold; clear: both;} li .previous-order-header-idnumber , li .previous-order-item-idnumber {display: block; float: left; width: 100px;} li .previous-order-header-date , li .previous-order-item-date {display: block; float: left; width: 100px;} li .previous-order-header-status , li .previous-order-item-status {display: block; float: left; width: 85px;} li .previous-order-header-tracking , li .previous-order-item-tracking {display: block; float: left; width: 130px;} li .previous-order-header-billing-total , li .previous-order-item-billing-total {display: block; float: left; width: 75px; text-align: right; color:#3A3395; margin-right: 20px;} li .previous-order-header-billing-view , li .previous-order-item-billing-view {display:block; float: left; width: 100px; text-align: center;} li .previous-order-header-billing-certificate , li .previous-order-item-billing-certificate {display: block; float: left; width: 150px; text-align: center;} li .previous-order-item-idnumber , li .previous-order-item-date , li .previous-order-item-status , li .previous-order-item-billing-total , li .previous-order-item-tracking {padding: 12px 0 0 0;} /*-- FEED BACK FORM --------------------*/ /* PROGRESS BAR --------------------*/ #progress-bar {height: auto; padding: 5px 0;} #content-left #progress-bar {width: 154%; color:#999999; font-size: 14px; margin : 0 0 10px 0;} #progress-bar ul {width: 100%; margin:0 0; padding: 0px 0;} #progress-bar ul li {float: left; clear: none; text-align: center; display:block; width: auto; width: 19%; margin: 0 0px; padding: 2px 0; background-color:#666666; color:#FFFFFF;} #progress-bar ul li.active {background-color: #3A3395; color:#FFFFFF; border-right: 2px double #FFFFFF ; } /*Account profile */ #column-3 fieldset input {float: left; clear: none; margin-top: -10px;} #column-3 fieldset label {float: left; clear: none;} #column-3 fieldset span {padding: 10px 0 0 5px; width: auto; float: left; clear:none;} #column-3 fieldset legend {background-color: #FFFFFF; border-bottom: 0px #FFFFFF solid; margin-left: 5px;} .shortsubmit input {float: right;} .shortsubmit .submit {float: right; width: auto; clear: none; } .shortsubmit .button {float: none; width: auto; margin-right: 0; margin-left: 100px;} /*#fssubmit {background-color:#FFFFFF; border: none; float: left; padding:0; width: 620px;} #fssubmit .back-button{float: left; margin-right: 10px;}*/ /*SKY ADVERTISING ---------*/ /*#external-mpu-1 iframe {height:310px;}*/ /* Address Book -----------*/ #content-left-wrapper .account-home-item h3 {padding-left: 0; margin-left: 0px;} .account-home-item {padding-left: 7px;} /*EMERGENCY NOTICE*/ .note {color:#3A3395;} /*DOWNLOAD*/ a.download {background-color: #4A266F; padding: 3px; color:#FFFFFF; font-weight: bold; margin: 5px 0;} label.basket-promolable {width: 315px; clear: none;} .fssubmit {width: 100%;} fieldset#tandc-field {margin-top: 10px;} #content-left p.smaller {font-size: 0.85em; font-style:italic; color:#999999;}