body { background-color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 0px; margin: 0px; }
img { border: 0px; }
.error { color: #FF0000; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }


#wrap { margin-left: auto; margin-right: auto; margin-top: 0px; width: 950px; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; }
#wrap #header { float: left; clear: both; width: 100%; }
#wrap #header #topbar { float: left; clear: both; width: 100%; height: 11px; background-image: url('images/ly_topbar.gif'); background-repeat: no-repeat; line-height: 1px; }
#wrap #header #topdetails { float: left; clear: both; width: 100%; height: 99px; }
#wrap #header #topnav { float: left; clear: both; width: 942px; height: 25px; /*background-image: url('images/ly-bg-menu.gif'); background-repeat: repeat-y;*/ padding-left: 5px; padding-right: 3px; }
#wrap #header #topnav #topnav_l { float: left; clear: none; width: 161px; }
#wrap #header #topnav #topnav_m { float: left; clear: none; width: 615px; border-left: 2px solid #000000; border-right: 2px solid #000000; padding-top: 5px; height: 20px; text-align: center; }
#wrap #header #topnav #topnav_m img { border: 0px; }
#wrap #header #topnav #topnav_r { float: left; clear: none; width: 154px; text-align: right; padding-right: 8px; }


#wrap #main { float: left; clear: both; width:942px; padding-top: 1px; padding-left: 5px; padding-right: 3px; }
#wrap #main #left { float: left; clear: none; width: 161px; }

#wrap #main #left .contentcell { float: left; clear: both; margin-bottom: 1px; width: 161px; }
#wrap #main #left .contentcell .ccell_header { float: left; clear: both; width: 161px; height: 19px; }
#wrap #main #left .contentcell .ccell_body { float: left; clear: both; margin-top: 1px; background-color: #333333; width: 151px; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 5px; }

/* #ccl_bookonline styles */
#wrap #main #left .contentcell .ccell_body #cclwo_date  { float: left; clear: both; color: #FFFFFF; width: 100%; }
#wrap #main #left .contentcell .ccell_body #cclwo_date a { text-decoration: none; color: #FFFFFF; font-weight: bold; }
#wrap #main #left .contentcell .ccell_body #cclwo_date a:hover { text-decoration: underline; }
#wrap #main #left .contentcell .ccell_body #cclwo_calendar { float: left; clear: both; width: 137px; padding-left: 5px; padding-top: 5px; }
#cclwo_calendar #caltop { float: left; clear: both; background-color: #ad8dff; width: 137px; height: 12px; }
#cclwo_calendar #calbg { float: left; clear: both; background-color: #666666; width: 137px; }
#calbg #caltable { width: 137px; }
#calbg #caltable td { background-color: #666666; width: 17px; height: 16px; line-height: 10px; text-align: center; font-size: 11px; font-weight: bold; }
#calbg #caltable td.empty { background-color: #666666; }
#calbg #caltable td.past { background-color: #ffffff; color: #666666; }
#calbg #caltable td.today { background-color: #ffffff; color: #000000; }
#calbg #caltable td.today a { color: #e50083; text-decoration: none; }
#calbg #caltable td.today a:hover { color: #000000; text-decoration: underline; }
#calbg #caltable td.future { background-color: #e50083; color: #ffffff; }
#calbg #caltable td.future a { color: #ffffff; text-decoration: none; }
#calbg #caltable td.future a:hover { color: #ffffff; text-decoration: underline; }
#calbg #caltable th { background-color: #ad8dff; width: 17px; height: 16px; line-height: 10px; font-size: 8px; }

.calsearch_links a { text-decoration: none; color: #FFFFFF; font-weight: bold; line-height: 18px; }
.calsearch_links a:hover { text-decoration: underline; }
#calsearch_prev { float: left; clear: none; width: 65px; text-align: left; color: #FFFFFF; }
#calsearch_next { float: right; clear: none; width: 65px; text-align: right; color: #FFFFFF; }

#wrap #main #left .contentcell .ccell_body #cclwo_search { float: left; clear: both; width: 135px; color: #FFFFFF; font-weight: bold; padding-top: 5px; padding-left: 8px; }
#wrap #main #left .contentcell .ccell_body #cclwo_search label { padding-left: 5px; }
#wrap #main #left .contentcell .ccell_body #cclwo_search form { padding: 0px; margin: 0px; padding-bottom: 10px; }
#wrap #main #left .contentcell .ccell_body #cclwo_search #searchbox { background-color: #e50083; width: 135px; /*padding-top: 3px; padding-bottom: 3px; padding-left: 4px;*/ margin-top: 3px; margin-bottom:12px; }
#wrap #main #left .contentcell .ccell_body #cclwo_search #searchbox input { color: #e50083; width: 110px; height: 15px; border: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding-left: 3px; }
#wrap #main #left .contentcell .ccell_body #cclwo_search #searchbox a { color: #FFFFFF; text-decoration: none; padding-left: 3px; font-size: 12px; line-height: 10px; } 
#wrap #main #left .contentcell .ccell_body #cclwo_list { float: left; clear: both; width: 143px; padding-left: 8px; color: #FFFFFF; }
#wrap #main #left .contentcell .ccell_body #cclwo_list a { color: #FFFFFF; text-decoration: none; }
#wrap #main #left .contentcell .ccell_body #cclwo_list a:hover { color: #e50083; text-decoration: underline; }

#wrap #main #left .contentcell .ccell_body #ccl_whatson {  }
#wrap #main #left .contentcell .ccell_body #ccl_telbookings {  }
#wrap #main #left .contentcell .ccell_body #ccbook_list { width: 143px; padding-left: 8px;color: #691357; }
#wrap #main #left .contentcell .ccell_body #ccbook_list a { color: #691357; text-decoration: none; }
#wrap #main #left .contentcell .ccell_body #ccbook_list a:hover { color: #691357; text-decoration: underline; }
#wrap #main #left .contentcell .ccell_body #ccltel_list { width: 143px; padding-left: 8px;color: #691357; }
#wrap #main #left .contentcell .ccell_body #ccltel_list a { color: #691357; text-decoration: none; }
#wrap #main #left .contentcell .ccell_body #ccltel_list a:hover { color: #691357; text-decoration: underline; }
/* #wrap #main #left .contentcell .ccell_footer { float: left; clear: both; width: 100%; height: 1px; line-height: 1px; } */

.ccell_content th { color: #691357; font-weight: bold; padding: 1px; padding-right: 4px; border-bottom: 1px solid #f980ea; }
.ccell_content td { color: #691357; border-bottom: 1px solid #f980ea; padding: 1px; }
.ccell_content td a { color: #691357; text-decoration: none; }
.ccell_content td a:hover { text-decoration: underline; }
.ccell_content th.line { line-height: 1px; height: 1px; background-color: #f980ea }

#wrap #main #middle { float: left; clear: none; width: 615px; border-left: 2px solid #000000; border-right: 2px solid #000000; }
#wrap #main #middle .cc_large { float: left; clear: both; margin-bottom: 1px; width: 605px; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 5px; background-color: #000000; }
#wrap #main #middle .pagecontent { float: left; clear: both; margin-bottom: 1px; width: 605px; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 5px; background-color: #000000; color:#FFFFFF; }

#wrap #main #middle #middle_ticker.cc_large  { text-align: center; }
#wrap #main #middle #middle_header.cc_large  { background-color: #000000; line-height: 1px; height: 19px; padding-top: 0px; padding-bottom: 0px; }
#wrap #main #middle .cc_large .footer {  }

#wrap #main #middle .cc_large img { padding-left: 2px; }
#wrap #main #middle .cc_large h1 { float: left; clear: both; width: 100%; padding: 0px; margin: 0px; font-size: 11px; text-align: center; color: #e50083; font-weight: bold; padding-top: 5px; }
#wrap #main #middle .cc_large h1 a { color: #e50083; text-decoration: none; }
#wrap #main #middle .cc_large h1 a:hover { color: #000000; text-decoration: underline; }
#wrap #main #middle .cc_large h2 { float: left; clear: both; width: 100%; padding: 0px; margin: 0px; font-size: 11px; text-align: center; color: #e50083; font-style: italic; font-weight: normal; padding-bottom: 8px; }
#wrap #main #middle .cc_large p { float: left; clear: both; width: 100%; margin: 0px; padding: 0px; text-align: left; color: #FFFFFF; line-height: 12px; padding-bottom: 10px; background: none; }
#wrap #main #middle .cc_large p b { color:#e50083; }
#wrap #main #middle .cc_large p a { color: #FFFFFF; text-decoration: none; font-weight: bold; }
#wrap #main #middle .cc_large p a:hover { color: #e50083; text-decoration: underline; }
#wrap #main #middle .cc_large p em { color:#e50083; }
#wrap #main #middle .pagecontent h1 { float: left; clear: both; width: 100%; padding: 0px; margin: 0px; font-size: 18px; text-align: left; color: #FFFFFF; font-weight: bold; padding-top: 5px; }
#wrap #main #middle .pagecontent h2 { float: left; clear: both; width: 100%; padding: 0px; margin: 0px; font-size: 13px; text-align: left; color: #FFFFFF; font-weight: bold; padding-top: 5px; }
#wrap #main #middle .pagecontent p { float: left; clear: both; width: 100%; margin: 0px; padding: 0px; color: #FFFFFF; line-height: 14px; padding-bottom: 10px; background: none; text-align: justify; }
#wrap #main #middle .pagecontent a { text-align: center; color: #e50083; text-decoration: none; font-weight: bold; }
#wrap #main #middle .pagecontent a:hover { text-decoration: underline; }

#wrap #main #middle .cc_large { border:#333333 1px solid; width:598px; overflow:hidden; margin-bottom:4px; }
#wrap #main #middle .cc_large .ccl_icons { float: left; clear: both; padding-bottom: 5px; background: none; width: 400px; padding-top: 3px; }
#wrap #main #middle .cc_large .ccl_icons img {  }
#wrap #main #middle_bottom.cc_large .detailstableholder { float: left; /*clear: both;*/ width: 305px; padding-left: 10px; background-color: #000000; padding-top: 4px; padding-bottom: 5px; }
#wrap #main #middle_bottom.cc_large h1 { font-size:21px; font-style:normal; font-weight:bolder; text-align:left; }
#wrap #main #middle_bottom.cc_large h2 { font-size:15px; font-style:normal; font-weight:bolder; text-align:left; }
#wrap #main #middle_bottom.cc_large .detailstableholder .detailstable { width: 100%; padding: 5px; }
#wrap #main #middle_bottom.cc_large .detailstableholder td { color: #FFFFFF; padding: 0px; }
#wrap #main #middle_bottom.cc_large .detailstableholder a { color: #e50083; text-decoration: none; font-weight: bold; }
#wrap #main #middle_bottom.cc_large .detailstableholder a:hover { text-decoration: underline; }
#wrap #main #middle_bottom.cc_large .eventslistholder { float: left; clear: both; width: 395px; padding-left: 10px; background-color: #d6d6d6; padding-top: 4px; padding-bottom: 5px; text-align: left; }
#wrap #main #middle_bottom.cc_large .eventslistholder a { color: #000000; text-decoration: none; font-weight: bold; }
#wrap #main #middle .cc_large .eventslistholder a:hover { text-decoration: underline; }

#wrap #main #middle .cc_large #ccl_scroller { float: left; clear: both; width: 395px; color: #504f53; padding-left: 5px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px; font-weight: bold; }
#wrap #main #middle .cc_large #ccl_logo { float: left; clear: both; width: 100%; }
#wrap #main #middle .cc_large #ccl_links { float: left; clear: both; width: 100%; color: #FFFFFF; }
#wrap #main #middle #bottom.cc_large { text-align: center; width:605px; border:none; }
#wrap #main #middle #bottom.cc_large a { color: #FFFFFF; text-decoration: none; text-transform:uppercase; }
#wrap #main #middle #bottom.cc_large a:hover { color: #878484; text-decoration: underline;}
#wrap #main #middle_bottom.cc_large p.VideoHolder { clear:both; float:left; width:290px; display:block; margin:0px; padding:0px; }
#wrap #main #middle_bottom.cc_large p.GalleryHolder { clear:none; float:right; width:290px; /*background-color:#CCCCCC;*/ display:block; margin:0px; padding:0px; }

#wrap #main #middle #bottom.cc_large #ccl_footer_emed { color:#FFFFFF; height:31px; background-image:url('images/bbo_footer_bg.png'); background-repeat:no-repeat; background-position:top left; width:618px; margin-top:8px; line-height:16px; font-size:10px; }
#wrap #main #middle #bottom.cc_large #ccl_footer_emed a { text-transform:lowercase; font-size:10px; }
#wrap #main #middle #bottom.cc_large #ccl_footer_emed a:hover { color:#000000; font-size:10px; }

#wrap #main #middle .middle_row { float: left; clear: both; width: 615px; margin-bottom: 1px; background-color:#000000; }
#wrap #main #middle .middle_row .cc_medium { float: left; clear: none; width: 195px; padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom: 5px; background-color: #000000; text-align: center; border:#333333 1px solid; overflow:hidden; margin-bottom:4px; }
#wrap #main #middle .middle_row .cc_medium .ccm_image { float: left; clear: both; }
#wrap #main #middle .middle_row .cc_medium .ccm_title { float: left; }
#wrap #main #middle .first { float: left; clear: none; width: 2px; }
#wrap #main #middle .middle_row .cc_medium .CropImage { float:left; clear:both; width:100%; height:136px; /*border:#FFFFFF 1px solid;*/ background-color:#333333; overflow:hidden; }
#wrap #main #middle .middle_row .cc_medium .CropImage img { float: none; clear: both; /*width: 100%;*/ text-align: center; /*height:136px;*/ background-color:#333333; overflow:hidden; margin-left:auto; margin-right:auto; }
#wrap #main #middle .middle_row .cc_medium img.MoreInfo { max-height:31px; }
#wrap #main #middle .middle_row .cc_medium h1 { float: left; clear: both; width: 68%; padding: 1%; margin: 0px; font-size: 12px; text-align: left; color: #FFFFFF; font-weight: bold; padding-top: 5px; min-height:50px; }
#wrap #main #middle .middle_row .cc_medium h2.message { display:block; float:right; clear: none; width: 28%; padding: 1%; margin: 0px; font-size: 12px; text-align: left; color:#e50083; font-weight: bold; padding-top: 5px; /*background-color:#e50083; border:#e50083 1px solid;*/ }
#wrap #main #middle .middle_row .cc_medium p { float: left; clear: both; width: 100%; margin: 0px; padding: 0px; text-align: left; color: #636363; line-height: 12px; background: none; }
#wrap #main #middle .middle_row .cc_medium a { text-align: center; color: #000000; text-decoration: none; font-weight: bold; line-height: 18px; }
#wrap #main #middle .middle_row .cc_medium a:hover { text-decoration: underline; }


#wrap #main #middle .middle_row .cc_small { float: left; clear: none; width: 93px; padding-top: 3px; padding-bottom: 5px; background-color: #000000; margin-right: 8px; text-align: center; border:#333333 1px solid; }
#wrap #main #middle .middle_row .cc_small .CropImage { float:left; clear:both; width:99%; height:65px; border:#333333 1px solid; overflow:hidden; background-color:#333333; text-align:center; margin-left:1%; }
#wrap #main #middle .middle_row .cc_small .CropImage img { float:none; clear: both; /*width: 100%;*/ text-align: center; /*min-height:102px;*/  overflow:hidden; margin-left:auto; margin-right:auto; }
#wrap #main #middle .middle_row .cc_small .CropImage a { height:65px; text-align:center; }
#wrap #main #middle .middle_row .cc_small h1 { float: left; clear: both; width: 100%; padding: 0px; margin: 0px; font-size: 11px; text-align: center; color: #504f53; font-weight: bold; /*padding-top: 5px;*/ }
#wrap #main #middle .middle_row .cc_small p { float: left; clear: both; width: 100%; margin: 0px; padding: 0px; text-align: center; color: #636363; line-height: 12px; background: none; }
#wrap #main #middle .middle_row .cc_small a { text-align: left; color: #e50083; text-decoration: none; font-weight: bold; height:44px; /*background-color:#e50083;*/ display:block; width:96%; margin:0px; padding:2%; overflow:hidden; float:right; }
#wrap #main #middle .middle_row .cc_small a:hover { text-decoration: underline; }

#wrap #main #right { float: left; clear: none; width: 162px; }

#wrap #main #right .contentcell { float: left; clear: both; margin-bottom: 1px; width: 162px; color:#FFFFFF; }
#wrap #main #right .contentcell a { color:#FFFFFF; }
#wrap #main #right .contentcell .ccell_header { float: left; clear: both; width: 162px; height: 20px; }
#wrap #main #right .contentcell .ccell_body { float: left; clear: both; margin-top: 1px; background-color: #333333; width: 152px; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 5px; }
#wrap #main #right .contentcell .ccell_body #ccb_today.ccell_content { display: block; }
#wrap #main #right .contentcell .ccell_body #ccb_thisweek.ccell_content { display: none; }
#wrap #main #right .contentcell .ccell_body #ccb_thismonth.ccell_content { display: none; }
#wrap #main #right .contentcell .ccell_body #ccb_allyear.ccell_content { display: none; }
#wrap #main #right .contentcell #right_images.ccell_body  img { padding-top: 4px; }

.footer { clear: both; width: 100%; height: 2px; padding-top: 3px; }
.footer_right { float: right; width: 90%; padding-right: 5px; padding-bottom: 2px; text-align: right; font-size: 11px; height: 15px; line-height: 15px; }
.footer_right a { text-decoration: none; }
.footer_right a:hover { text-decoration: underline; }




/* Input table styles */
.table_form { font-size: 11px; }
.table_form th { font-size: 11px; color: #1A2871; width: 120px; text-align: left; }
.table_form td { font-size: 11px; color: #504F53; width: 290px; text-align: left; height: 26px; }

.inputlarge { width: 280px; border: 1px solid #504F53; font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding: 2px; padding-left: 4px; color: #504F53; }
.inputsmall { width: 150px; border: 1px solid #504F53; font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding: 2px; padding-left: 4px; color: #504F53; }
.inputdrop { width: 158px; padding: 0px; border: 1px solid #504F53; font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding-left: 2px; color: #504F53; }
.inputdroplarge { width: 220px; padding: 0px; border: 1px solid #504F53; font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding-left: 2px; color: #504F53; }
.buttonsmall { padding: 0px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.table_form .hint { width: 10px; padding: 0px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #00588c; text-align: center; }
.table_form .hintlink { color: #FFFFFF; text-decoration: none; background-color: #F99C5C; padding: 2px; width: 10px; display: block; font-weight: bold; border: 1px solid #CE783D; }
.table_form .hintlink a:hover { text-decoration: underline; }
.table_form label { color: #e50083; }
