﻿* {margin: 0px; padding: 0px}

body {height: 100%; background-color: #ffffff; color: #85859c; font-family: tahoma, arial, sans-serif; font-size: 10px; text-align: center}
a {color: #85859c; text-decoration: underline}
a:hover {color: #69699c}
span {display: none}
img {border: none}
p {margin: 10px 0px 5px; text-align: justify; line-height: 14px}
.clearthis {margin : 0px; height : 1px; clear : both; float : none; font-size : 1px; line-height : 0px; overflow : hidden}

#container {margin: 0px auto; width: 980px; border-color: #9e9ec3; border-width: 0px 1px 1px; border-style: solid}
input {padding-left: 2px; background-color: #fff; color: #85859c; font-family: tahoma, arial, sans-serif; font-size: 11px}

/* Page Header */

#page_header {width: 980px; height: 113px; color: #fff; background: url('images/header_background.gif') repeat-x 0px 0px; overflow: hidden}
#page_header a {color: #fff; text-decoration: none}
#page_header a:hover {color: #e1e1e1}
#page_heading {width: 110px; height: 85px; background: url('images/CLTT-Masks.jpg') no-repeat 30px 20px; float: left}

#logotext {font-size: 14pt; text-decoration: none; color: #FFFFFF; text-align: left; width: 300px; height: 20px; margin-top: 0; margin-bottom: 0; padding-left:20px; padding-top:40px; float: left}

#page_headerlinks {padding-right: 10px; padding-top: 25px; width: 420px; float: right; text-align: left; word-spacing: -1px}
#page_headerlinks ul {list-style-type: none}
#page_headerlinks li {float: left; list-style-type: none; background: url('images/header_toplinks_div.gif') no-repeat 100% 2px;; padding-left:9px; padding-right:10px; padding-top:0px; padding-bottom:0px}
#page_headerlinks li.last {padding-right: 0px; background: none}

#page_headersearch {padding-right: 30px; padding-top: 25px; float: right; clear: right; width: 255px; text-align: left; word-spacing: -1px; overflow : hidden}
#page_headersearch h3 {float: left; font-weight: bold; font-size: 12px}
#page_headersearch form {padding-left: 3px; float: left}
#page_headersearch input {margin-top: 1px; padding-left: 2px; width: 158px; height: 14px; float: left; border: none}
#page_headersearch input.button {padding: 0px; margin-top: 0px; margin-left: 5px; width: 34px; height: 16px; background-color: transparent; float: left}

#strapline   {width: 980px; height: 20px; padding-left: 70px; padding-top: 80px; font-size:12px}

#socialmedia {width: 300px; height: 40px; float: right}
#socialmedia p {width:100px; float:left}
#socialmedia img {margin-right:10px; float:left}
#socialmedia_smfb {width:150px; height: 30px; margin-top: 10px; float:left}
#socialmedia_smtw {width:150px; height: 30px; margin-top: 10px; float:left}

/* Main Navigation Menu */

#page_menu {margin-bottom: 1px; width: 980px; height: 21px}
#page_menu ul {width: 980px; height: 21px; list-style-type: none; overflow: hidden}
#page_menu li {margin-right: 1px; width: 139px; height: 21px; float: left; background: url('images/menu_background.gif') repeat-x 0px 0px; overflow: hidden; text-align: center; font-size: 11px; font-weight: bold}
#page_menu li.last {margin-right: 0px; width: 140px}
#page_menu a {padding-top: 3px; display: block; color: #fff; text-decoration: none}
#page_menu a:hover {color: #e1e1e1}

/* Main Content Area */

#main_content {padding-top: 10px; padding-right: 0px; padding-left: 10px; width: 800px; text-align: center; float: left}
#main_content .h_divider {width: 800px; margin-bottom: 2px; height: 1px; background-color: #c2c2cd; overflow: hidden}

#youarehere {padding-left: 5px; float: left; width: 600px}

#print {padding-top: 10px; padding-right: 5px; float: right; width: 190px; text-align: right}

/* Left Sidebar */

#left_sidebar {width: 139px; text-align: left; color: #8989b6; float: left}
#left_sidebar a {color: #8989b6}
#left_sidebar a:hover {color: #75759c}

/* Left Sidebar: Newsletter Signup Box */

#newsletter {margin-bottom: 2px; padding: 5px 5px 15px; width: 128px; border-color: #9e9ec3; border-width: 1px 1px 1px 0px; border-style: solid; overflow: hidden; font-weight: bold; float: left}
#newsletter h2 {padding-bottom: 10px; font-size: 10px}
#newsletter input {padding-left: 0px; float: left; clear: left}

/* Musicals & Plays Frame */

#musicalsandplays-frame iframe {margin:0; padding:0; height:1600px; display:block; width:100%; border:none; float:left}

/* Left Sidebar : Categories */

#categories {margin-bottom: 1px; padding: 1px 1px 1px 0px; border-color: #9e9ec3; border-width: 1px 1px 1px 0px; border-style: solid; text-align: center}
#categories_header {margin-bottom: 2px; width: 135px; height: 20px; background-color: #9e9ec3; overflow: hidden}
#categories_header h2 {margin-top: 3px; margin-left: 5px; color: #fff; font-size: 10px; font-weight: bold}
#categories ul {margin: 0px auto; width: 130px; list-style-type: none}
#categories li {width: 130px; padding-bottom: 2px; list-style-type: none; text-align: left; border-bottom: #b6b6d2 1px solid; float: left}
#categories li.last {border: none}
#categories li a {margin-top: 4px; margin-left: 6px; display: block; color: #7575a9; text-decoration: none}
#categories li a:hover {color: #56567c}

/* Specials Box */

#specials {border:1px solid #820721; margin-top: 5px; padding-top: 0px; padding-right: 5px; padding-left: 0px; width: 800px; float: left}
#specials h2 {padding-left:5px; padding-top:5px; padding-bottom:5px; color: #ffffff; font-size: 16px; font-weight: bold; text-decoration: none; text-align:center; width: 800px; background-color: #820721; overflow: hidden; float: left}
#specials h3 {padding-left:5px; padding-top:5px; padding-bottom:5px; font-size: 10px; font-weight: bold; text-decoration: none; text-align:center; color: #85859c; width: 800px; overflow: hidden; float: left}

#subspecials {background-position: 0px 0px; margin-bottom: 2px; margin-top: 5px; width: 800px}
#subspecials_left {margin-right: 5px; margin-left: 5px; width: 385px; float: left}
#subspecials_right {margin-right: 5px; margin-left: 5px; width: 385px; float: right}
#subspecials ul {list-style-type: none; padding-bottom:5px; width: 385px; float: left}
#subspecials li {font-size: 14px; float: left; list-style-type: none; float: left; margin-left:7px; margin-right:7px; margin-top:5px; margin-bottom:3px; width: 385px}

/* Terms & Conditions */

#tcs {padding-top: 10px; padding-right: 5px; padding-left: 5px; width: 805px; float: left}
#tcs h2 {padding-left:5px; padding-top:5px; padding-bottom:5px; color: #9e9ec3; font-size: 16px; font-weight: bold; text-decoration: none; text-align:center; width: 800px; overflow: hidden; float: left}
#tcs p {padding-left:5px; padding-bottom:5px; font-size: 12px; font-weight: bold; text-decoration: none; text-align:justify; color: #9e9ec3; width: 800px; overflow: hidden; float: left}

/* New Item Description */

#new_item {margin: 0px auto 2px; padding: 5px 10px; width: 800px; text-align: justify}
#new_item_header {margin-top: 10px; float: left; width: 348px}
#new_item_header h1 {color: #434367; font-size: 18px; font-weight: normal; text-decoration: none}
#new_item_header h2 {color: #434367; font-size: 14px; font-weight: bold; font-family: arial, tahoma, sans-serif; text-decoration: none}

#new_item_image {padding-right:10px; padding-top:20px; width: 300px; float: right; overflow: hidden; text-align: right}

#new_item_text {float: left; clear: left; width: 490px; font-size:11px}

#new_item_link {padding-top:10px; float: left; clear: left; width: 200px; font-weight: bold; text-align: left}
#new_item_link a {font-size:10pt; color: #820721; text-decoration: none}

/* Sub Items Descriptions */

.sub_items {background-position: 0px 0px; margin-bottom: 2px; margin-top: 5px; width: 810px}
.sub_left {border-style:solid; border-width:1px; margin-right: 5px; margin-left: 5px; width: 385px; height: 190px; float: left}
.sub_right {border-style:solid; border-width:1px; margin-right: 5px; margin-left: 5px; width: 385px; height: 190px; float: right}

.sub_items_header {padding-left: 10px; padding-top: 10px; float: left; width: 180px; text-align: left}
.sub_items_header h1 {color: #434367; font-size: 14px; font-weight: bold; font-family: Arial}
.sub_items_header h2 {color: #434367; font-size: 12px; font-weight: normal; font-family: arial, tahoma, sans-serif}
.sub_items_image {padding-right: 10px; margin-top: 15px; float: right; text-align: right}
.sub_items_text {padding-left: 10px; float: left; clear: left; width: 180px; font-size:11px}
.sub_items_cartinfo {padding-top: 12px; padding-left: 10px; color: #820721; font-family: arial, tahoma, sans-serif; float: none; clear: both}
.sub_items_cartinfo h2 {font-size: 14px; font-weight: bold}
.sub_items_cartinfo .price {float: left; text-align: left}
.sub_items_cartinfo .addtocart {margin-top: 2px; float: right; width: 100px; height: 12px; text-align: left}


/* Page Footer */

#page_footer {width: 980px; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-width:1px}
a {text-decoration: none}

#menu_list {float: left; padding-left:30px}
#menu_list ul {width: 980px; list-style-type: none}
#menu_list li {list-style-type: none; float: left; font-size:10pt; margin-left:2px; margin-right:3px; margin-top:5px; margin-bottom:3px; 	background: url('images/footer_links_div.gif') no-repeat 100% 2px;; padding-left:1px; padding-right:5px; padding-top:0px; padding-bottom:0px}
#menu_list li.last {padding-right: 0px; background: none}

#ccstrip {float: right; padding-right:20px; padding-top:10px}
#creditcardtext {float: right; text-align: right; margin-top:10px; padding-right: 20px; padding-top: 10px}

#startext {float: left; padding-left: 20px; padding-top: 40px}

/* Links Page */

#sites_title {width: 800px; float: left}
#sites_title h1 {padding-top: 15px; width: 780px; padding-left: 10px; font-size: 30px; font-weight: bold; text-align: center; text-decoration: underline; float: left}

/* Link Item */

#site_link {width: 800px; float: right}
#site_link h1 {padding-top: 20px; width: 480px; padding-left: 10px; font-size: 20px; font-weight: bold; text-align: left; text-decoration: none; float: left}
#site_link h2 {width: 670px; padding-left: 10px; font-size: 14px; font-weight: normal; text-align: left; float: left}

/* Forms Page */

#NLform {height: 500px}
#NLform h1 {height: 100px; margin-top: 50px; font-size: 30px}
#NLform h2 {height: 100px; font-size: 18px}
#NLform p {height: 100px; font-size: 14px}

/* Product Page - Buy Box */

#buybox {margin-top: 10px; margin-right: 5px; margin-left: 25px; width: 750px; height: 200px; float: left}
#buybox_poster {width: 100px; padding-left:28px; padding-top:25px; overflow: hidden; float: left}
#buybox h1 {width: 390px; padding-left:30px; padding-top:50px; color: #2975c1; font-size: 26px; font-weight: bold; text-decoration: none; float: left}
#buybox h2 {width: 390px; padding-left:30px; padding-top:5px; color: #2975c1; font-size: 14px; font-weight: bold; text-decoration: none; 	float: left}

#buybox_ticket_button_list {float: left; width: 375px; padding-left:50px; padding-top:10px}
#buybox_ticket_button_list ul {list-style-type: none}
#buybox_ticket_button_list li {list-style-type: none; float: left; margin-left:2px; margin-right:3px; margin-top:5px; margin-bottom:3px}

#buybox_buy_button {padding-right:5px; padding-top:10px; overflow: hidden; float: right}

/* Product Page - Main-Left Containers */

#centreleft_container {padding-left: 10px; width: 540px; float: left}

/* Product Page - Synopsis */

#synopsis h2 {padding-left:5px; padding-top:5px; color: #2975c1; font-size: 16px; font-weight: bold; text-decoration: none; text-align:left; width: 520px; float: left}
#synopsis_text {padding-left:5px; color: #9898d0; font-size: 14px; font-weight: none; text-decoration: none; text-align:left; width: 520px; float: justify}

/* Product Page - Show_Info */

#show_info h2 {padding-left:5px; padding-top:5px; color: #2975c1; font-size: 16px; font-weight: bold; text-decoration: none; text-align:left; width: 520px; float: left}
#show_info_text {padding-left:5px; color: #9898d0; font-size: 14px; font-weight: none; text-align:left; width: 520px; float: justify}

/* Product Page - Critics */

#critics h2 {padding-left:5px; padding-top:5px; color: #2975c1; font-size: 16px; font-weight: bold; text-decoration: none; text-align:left; width: 520px; float: left}
#critics_text {padding-left:5px; color: #9898d0; font-size: 14px; font-weight: none; text-decoration: none; text-align:left; width: 520px; float: justify}

/* Product Page - Rate & Feedback Panels */

#rate_panel {border:1px solid #2975c1; margin-top: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; width: 250px; height: 200px; float: left}
#rate_panel h2 {color: #2975c1; font-size: 14px; font-weight: bold; text-decoration: none; text-align:center; width: 250px; float: left}
#rate_panel_choices {padding-left:30px; color: #8989b6; font-size: 14px; font-weight: bold; text-decoration: none; text-align:left; width: 130px; float: left}
#rate_panel_submit {padding-bottom:5px; text-align:center; width: 250px; float: left}

#feedback_panel {border:1px solid #2975c1; margin-top: 5px; margin-left: 16px; padding-top: 5px; padding-right: 5px; padding-left: 5px; width: 250px; height: 200px; float: left}
#feedback_panel h2 {color: #2975c1; font-size: 14px; font-weight: bold; text-decoration: none; text-align:center; width: 250px; float: left}
#feedback_panel_choices {padding-left:5px; padding-top:5px; color: #8989b6; font-size: 14px; font-weight: bold; text-decoration: none; text-align:center; width: 250px; float: left}
#feedback_panel_submit {padding-bottom:5px; text-align:center; width: 250px; float: left}

/* Product Page - Bookmark */

#bookmark {border:1px solid #2975c1; margin-top: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; width: 528px; height: 50px; float: left}
#bookmark h2 {padding-left:5px; padding-top:0px; color: #2975c1; font-size: 16px; font-weight: bold; text-decoration: none; text-align:left; width: 525px; float: left}
#bookmark ul {list-style-type: none; padding-left:50px; padding-top:0px; width: 520px; float: left}
#bookmark li {float: left; list-style-type: none; float: left; margin-left:7px; margin-right:7px; margin-top:5px; margin-bottom:3px}

/* Product Page - Main-Right Containers */

#centreright_container {margin-left: 5px; width: 250px; float: right}

/* Product Page - Picture Panel */

#picture_panel {border:5px solid #2975c1; margin-top: 5px; margin-right: 5px; margin-left: 5px; font-size: 12px; width: 230px; float: right}
#picture_panel h2 {color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; text-align:center; width: 230px; float: left; background-color:#2975c1}
#picture_panel p {text-align:center; width: 230px; float: left}
#picture_panel ul {list-style-type: none; float: left}
#picture_panel li {padding-left:2px; padding-right:2px; list-style-type: none; float: left}

/* Product Page - Press Panel */

#press_panel {background-position: center; border:5px solid #2975c1; margin-top: 5px; margin-right: 5px; margin-left: 5px; font-size: 12px; width: 230px; height: 250px; float: right; background-image:url('../images/textquote.gif'); background-repeat:no-repeat}
#press_panel h2 {color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; text-align:center; width: 230px; float: left; background-color:#2975c1}
#press_panel_snippet1 {padding-top:20px; width: 230px; float: left}
#press_panel_snippet1 p {text-align: center}
#press_panel_snippet2 {padding-top:55px; width: 230px; float: left}
#press_panel_snippet2 p {text-align: center}

/* Product Page - Video Panel */

#video_panel {border:5px solid #2975c1; margin-top: 5px; margin-right: 5px; margin-left: 5px; font-size: 12px; width: 230px; float: right}
#video_panel h2 {color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; text-align:center; width: 230px; float: left; background-color:#2975c1}

/* Product Page - Music Panel */

#music_panel {border:5px solid #2975c1; margin-top: 5px; margin-right: 5px; margin-left: 5px; font-size: 12px; width: 230px; float: right}
#music_panel h2 {color: #FFFFFF; font-size: 16px; font-weight: bold; text-decoration: none; text-align:center; width: 230px; float: left; background-color:#2975c1}
#music_text {margin-top:0; margin-bottom:0; padding-left:5px;  padding-right:5px; padding-top:0px; padding-bottom:0px; color: #9898d0; font-size: 12px; font-weight: none; 	text-decoration: none; text-align:justify; width: 220px; float: justify}

/* Musicals Page - Page Header Area */

#musicals_header {float: left; width: 838px}
#musicals_header h1 {text-align: center; color: #434367; font-size: 26px; font-weight: normal; text-decoration: none}

/* Musicals Page - Main Shows Area */

#containers {width: 800px; float: left}
#containers h2 {padding-top: 10px; padding-bottom: 10px; text-align: center; color: #434367; font-size: 14px; font-weight: normal; text-decoration: none}
#containers h3 {padding-top: 10px; padding-bottom: 10px; text-align: center; color: #000; width: 838px; font-size: 10px; font-weight: bold; text-decoration: none; float: left}

#containers_l {padding-top: 5px; padding-bottom: 5px; width: 265px; float: left}
#containers_c {padding-top: 5px; padding-bottom: 5px; width: 265px; float: left}
#containers_r {padding-top: 5px; padding-bottom: 5px; width: 265px; float: right}

/* Reviews Frame */

#IntroText {width: 800px; font-size:medium; margin: 10px 10px 0 10px; float:left; line-height: 30px}
#IntroText p {line-height: 20px}
#ReviewContainer {border-color: #9e9ec3; border-width: 1px; border-style: solid; width:730px; float: right; margin: 20px 56px 0 0}
#ReviewMainColumn {width: 100px; float: left; background-color: #9e9ec3; color: #fff}
#ReviewMainColumn h3 {width: 100px; height:33px; text-decoration:none; font-size:small}
#ReviewColumn {width: 90px; float: left}
#ReviewColumn h2 {width: 90px; height:25px; background-color: #9e9ec3; color: #fff; text-decoration:none; font-size:small; padding:5px 0 0 0}
#ReviewColumn input {width: 100px; font-size:small; height:30px}
#ReviewPanelSubmit {width: 730px; background-color: #9e9ec3; padding: 10px 0 10px 0; float: left}

/* Search Box */

#searchbox {width: 804px; margin-bottom: 1px; background-color: #ffff80; font-size: 20px; text-align: left; color: #8989b6; float: left; padding: 1px 0px 1px 0px; border-color: #9e9ec3; border-width: 1px 1px 1px 1px; border-style: solid}
#searchbox_header {margin: 1px 0px 2px 2px; padding-left: 2px; width: 796px; text-align: center; color: #fff; height: 40px; background-color: #9e9ec3; overflow: hidden}
#searchbox_header h1 {font-size: 30px}
#searchbox_container {width: 780px; margin: 5px 0px 0px 10px; font-size: 20px; text-align: left; color: #8989b6; float: left}

/* Test */
#xxx {border-color: #000; border-width: 1px; border-style: solid; }
