@charset "utf-8";
/* CSS Document */
body
{
margin:0px;
padding:0px;
background-color: #cccccc;
}
*
{
margin:0px;
padding:0px;
}
img
{
border:0px;
}
.image-bg
{
border:0px;
}
p
{
margin:6px 0px;
text-align:justify;
}
.left
{
float:left;
}
.right
{
float:right;
}
.clear
{
clear:both;
height:0px;
}
.container
{
width:820px;
height:auto;
margin:0px auto;
text-align:center;
}
.container-main
{
width:820px;
height:auto;
float:left;
text-align:left;
background:url(../images/body-bg.jpg) left top repeat-y;

}
.header
{
width:720px;
height:206px;
float:left;
text-align:left;
padding:30px 50px 15px 50px;
background:url(../images/container-top-bg.jpg) left top no-repeat;
}
.header-top
{
width:720px;
height:116px;
float:left;
text-align:left;
}
.header-top-left
{
width:400px;
height:116px;
float:left;
text-align:left;
}
.header-top-right
{
width:200px;
height:86px;
float:right;
text-align:right;
padding-top:30px;
}
.logo
{
margin-top:27px;
}
.header-menu-box
{
width:720px;
height:90px;
float:left;
text-align:left;
background:url(../images/header-menu-bg.jpg) left top no-repeat;
}
/* CSS Menu */
.navcontainer {
		width:675px;
        margin:0px;
        padding: 0;
        height: 24px;
		float:left;
		}

.navcontainer ul {
        border: 0px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        text-align: center;
}

.navcontainer ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0px;
        margin: 0px;
		height:24px;
		}

.navcontainer ul li a {
        width:158px;
        height: 24px;
        margin: 0px;
		padding:0px;
        color: #004bb1;
        text-decoration: none;
        display: block;
        text-align: center;
        font: bold 11px/24px Arial, Helvetica, sans-serif;
		margin-right:1px;
	}

.navcontainer ul li a:hover {
        color: #004bb1;
		text-decoration:underline;
		font: bold 11px/24px Arial, Helvetica, sans-serif;
		}
.navcontainer li.active a {
        color: #004bb1;
		text-decoration:underline;
		font: bold 11px/24px Arial, Helvetica, sans-serif;
	}
.navcontainer ul li a.big
{
width:187px;
}

/* CSS Menu */
.navcontainer1 {
		width:640px;
        margin:0px;
        height: 21px;
		float:left;
		padding-left:60px;
		}

.navcontainer1 ul {
        border: 0px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        text-align: center;
}

.navcontainer1 ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0px;
        margin: 0px;
		height:21px;
		}

.navcontainer1 ul li a {
        width:60px;
        height: 21px;
        margin: 0px;
		padding:0px;
        color: #FFF;
		background-color:inherit;
        text-decoration: none;
        display: block;
        text-align: center;
        font: bold 12px/21px Arial, Helvetica, sans-serif;
		margin-right:1px;
	}

.navcontainer1 ul li a:hover {
        color: #FFF;
		text-decoration:underline;
		font: bold 12px/21px Arial, Helvetica, sans-serif;
		}
.navcontainer1 li.active a {
        color: #FFF;
		text-decoration:underline;
		font: bold 12px/21px Arial, Helvetica, sans-serif;
	}
.navcontainer1 ul li a.Musicals
{
width:70px;
}
.navcontainer1 ul li a.big
{
width:94px;
}
.menu-bottom-box
{
width:696px;
height:31px;
float:left;
text-align:left;
padding:14px 12px 0px 12px;
}
.menu-bottom-box-left
{
width:320px;
height:31px;
float:left;
text-align:left;
}
.menu-bottom-box-right
{
width:300px;
height:31px;
float:right;
text-align:right;
color: #FFF;
background-color:inherit;
}
.input
{
width:161px;
height:19px;
background-color:#FFF;
border:none;
padding-left:4px;
padding-top:3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 19px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
border: 1px solid #cccccc;
}
.body-container
{
width:720px;
height:auto;
float:left;
text-align:left;
padding:0px 50px;
}
.body-main
{
width:720px;
height:auto;
float:left;
text-align:left;
padding-bottom:10px;
}
.body-left
{
width:211px;
height:auto;
float: left;
text-align:left;
}
.popular-box
{
width:191px;
height:auto;
float:left;
text-align:left;
background:url(../images/popular-box.jpg) left top no-repeat;
padding:5px 10px 10px 10px;
}
/* sub-navigation  */	
	
.subnav{
	color: #333333;
	font: normal 11px/14px Arial, Helvetica, sans-serif;
	width:191px;
	height:auto;
			}
.subnav ul {margin: 0; padding: 0;}
.subnav li {
    width:191px;
    height:auto;
	list-style: none;
	padding-bottom:11px;
	text-decoration: none;
	color: #333333;
	display:block;
	}
.subnav ul li a {
	text-decoration: none;
	color: #333333;
}
.subnav ul li a:hover {
  	color: #0057bd;
	text-decoration: underline;
}
.subnav ul li a.active {
	color: #0057bd;
	text-decoration: underline;
}
.office-box
{
width:190px;
height:144px;
float:left;
text-align:left;
background: url(../images/online-box-bg.jpg) left top no-repeat;
padding:2px 10px 5px 10px;
margin-bottom:10px;
}
.achorus-box
{
width:210px;
height:auto;
float:left;
text-align:left;
}
.body-right
{
width:500px;
height:auto;
float: right;
text-align:left;
}
.broadway-top-box
{
width:190px;
height:179px;
float:left;
text-align:left;
margin-bottom:12px;
background:url(../images/broadway-top-bg.jpg) left top no-repeat;
padding:24px 290px 20px 20px;
font: normal 12px/18px  Arial, Helvetica, sans-serif;
color:#333333;
}
.body-right-bottom-box
{
width:500px;
height:auto;
float: left;
text-align:left;
}
.future-box
{
width:274px;
height:auto;
float: left;
text-align:left;
background:url(../images/future-box-bg.jpg) left top no-repeat;
padding:3px 10px 0px 10px;
}
/* sub-navigation 1 */	
	
.future{
	color: #333333;
	font: normal 11px/14px Arial, Helvetica, sans-serif;
	width:274px;
	height:auto;
			}
.future ul {margin: 0; padding: 0;}
.future li {
    width:274px;
    height:auto;
	list-style: none;
	padding-bottom:12px;
	padding-top:12px;
	text-decoration: none;
	color: #333333;
	display:block;
	border-bottom:1px dashed #a1a39b;
	}
.future ul li a {
	text-decoration: none;
	color: #333333;
	font-weight:bold;
}
.future ul li a:hover {
  	color: #0057bd;
	text-decoration: underline;
	font-weight:bold;
}
.future ul li a.active {
	color: #0057bd;
	text-decoration: underline;
	font-weight:bold;
}
.future-bg
{
border:2px solid #cac7c2;
float:left;
margin-right:8px;
}
.future-bg:hover
{
border:2px solid #154a7f;
float:left;
margin-right:8px;
}
.other-box
{
width:196px;
height:auto;
float:right;
text-align:left;
}
.other-title
{
width:186px;
height:33px;
float:left;
text-align:left;
background:url(../images/other-title.jpg) left top no-repeat;
color: #333333;
font: bold 12px/33px Arial, Helvetica, sans-serif;
padding-left:10px;
}
.other-inside-box
{
width:196px;
height:auto;
float:left;
background:url(../images/other-inside-bg.jpg) left top repeat-x;
}
.other-image-box
{
width:196px;
height:auto;
float:left;
text-align:left;
padding-bottom:10px;
}
.category-left
{
width:501px;
height:auto;
float:left;
text-align:left;
}
.musical-link-box
{
width:501px;
height:auto;
float:left;
text-align:left;
padding:5px 0px;
}
.musical-title
{
width:489px;
height:34px;
float:left;
text-align:left;
background-color: #e5f2bf;
padding:5px 0px 5px 12px;
}
.musical-menu-box
{
width:501px;
height:auto;
float:left;
text-align:left;
padding-top:10px;
padding-bottom:10px;
}
.musical-menu-left
{
width:230px;
height:auto;
float:left;
text-align:left;
}
.musical-menu-right
{
width:230px;
height:auto;
float: right;
text-align:left;
}
/* sub-navigation 2 */	
	
.musical{
	color: #333333;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	width:211px;
	height:auto;
			}
.musical ul {margin: 0; padding: 0;}
.musical li {
    width:211px;
    height:auto;
	list-style: none;
	padding-bottom:12px;
	text-decoration: none;
	color: #333333;
	display:block;
	clear:both;
	float:left;
	}
.musical ul li a {
	text-decoration: underline;
	color: #333333;
	font-weight:bold;
}
.musical ul li a:hover {
  	color: #0057bd;
	text-decoration: underline;
	font-weight:bold;
}
.musical ul li a.active {
	color: #0057bd;
	text-decoration: underline;
	font-weight:bold;
}
.img
{
width:38px;
height:auto;
float:left;
text-align:left;
}
.text
{
width:173px;
float:right;
text-align:left;
height:auto;
}
.musical-bg
{
float:left;
margin-right:8px;
margin-bottom:30px;
}
.category-right
{
width:211px;
height:auto;
float:right;
text-align:left;
}
.recomendation-box
{
width:191px;
height:auto;
float:left;
text-align:left;
background:url(../images/category-recomendation-bg.jpg) left top no-repeat;
padding:3px 10px 0px 10px;
}
.checkout-gray-box
{
width:484px;
height:auto;
float: left;
text-align:left;
background-color: #cccccc;
padding:8px;
}
.checkout-white-box
{
width:472px;
height:auto;
float:left;
text-align:left;
background-color: #FFF;
padding:5px 0px 5px 10px;
}
.gray-boder-box
{
background: url(../images/gray-boder-bg.gif) center center no-repeat;
width:472px;
height: auto;
}
.checkout-left-bottom-box
{
width:500px;
height:auto;
float: left;
text-align:left;
padding-top:10px;
}
.checkout-poppins-box
{
height:auto;
padding:5px 0px 5px 10px;
background-color: #99ccff;
border-bottom:1px solid #FFF;
}
.checkout-datetime-box
{
height:auto;
padding:5px 0px 5px 10px;
background-color: #cce57f;
border-bottom:1px solid #FFF;
}
.theater-box
{
height:auto;
padding:5px 0px 0px 10px;
background-color: #cce5ff;
border-bottom:1px solid #FFF;
}
.year-box
{
height:auto;
padding:5px 0px 5px 10px;
background-color: #e5f2bf;
color: #666666;
}
.month-table td
{
border:1px solid #666666;
padding:3px 3px 3px 0px;
}
/* CSS Menu */
.week-menu {
        margin:0px;
        height: 36px;
		float:left;
		text-align:left;
		width:500px;
		padding-bottom:10px;
}

.week-menu ul {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
}

.week-menu ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
		height:36px;
		background:url(../images/menu-bar-bg.gif) right center no-repeat;
		}
.week-menu ul li a {
        width:41px;
        height: 36px;
        padding: 0px;
		background-color:inherit;
        display: block;
        text-align: center;
	    color: #666666;
	    font: bold 12px/36px Arial, Helvetica, sans-serif;
	    font-variant: normal;
	    text-decoration: none;
}

.week-menu ul li a:hover {
        color: #666666;
		background-color:inherit;
		background: url(../images/week-arrow-bg.gif) center bottom no-repeat;
		font: bold 12px/36px Arial, Helvetica, sans-serif;
		text-decoration:none;
}

.week-menu li.active a {
        color: #666666;
		background-color:inherit;
		background: url(../images/week-arrow-bg.gif) center bottom no-repeat;
		font: bold 12px/36px Arial, Helvetica, sans-serif;
		text-decoration:none;
}
.section-box
{
width:204px;
height:auto;
float: right;
text-align:left;
padding:8px;
background-color: #e5f2bf;
border:1px solid #666666;
}

/* CSS Menu */
.contact {
width:500px;
height:auto;
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #333333;
}

.contact ul {margin: 0; padding: 0;}

.contact li {
width:478px;
height:auto;
list-style: none;
text-decoration: none;
color: #333333;
display:block;
clear:both;
float:left;
background-color:#FFF;
border:1px solid #cce680;
padding:10px;
margin-bottom:10px;
		}
.contact ul li a {
color: #333333;
text-decoration: none;
clear:both;
float:left;
background-color: #FFF;
}
.contact ul :hover
{
background-color:#ffffe5;
}

.contact ul li a:hover {
color: #32779b;
text-decoration: underline;
}

.contact li.active a {
background-color:#ffffe5;
color: #333333;
text-decoration: none;
}
.contact-left
{
width:130px;
height:auto;
float:left;
text-align:left;
}
.contact-right
{
width:345px;
float:right;
text-align:left;
height:auto;
}
.order-box
{
height:auto;
padding:10px;
background-color:#e5f2bf;
color: #666666;
font-size:12px;
}
.input-box
{
width:128px;
height:15px;
background-color:#FFF;
border:none;
padding-left:4px;
padding-top:3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 19px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
border: 1px solid #cccccc;
margin-bottom:5px;
}
.white-box
{
background-color: #FFF;
padding:10px;
font-size:12px;
}
.general-box
{
background-color: #e0eeff;
padding:10px;
}
.credit-box
{
background-color: #eff7ff;
padding:10px;
}

.footer-main
{
width:820px;
height:280px;
float:left;
text-align:left;
color:#333333;
}
.footer-top
{
width:820px;
height:90px;
float:left;
text-align:left;
background:url(../images/footer-bg.jpg) left top no-repeat;
text-align:center;
}
.footer-top a
{
text-decoration:none;
color: #333333;
font: normal 11px/18px Arial, Helvetica, sans-serif;
}
.footer-top a:hover
{
color: #235ea4;
text-decoration: underline;
font: normal 11px/18px Arial, Helvetica, sans-serif;
}
.footer-bottom
{
width:820px;
float:left;
text-align:left;
height:190px;
background-color: #cccccc;
text-align:center;
}

/* CSS Text Document */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height:16px;
	font-weight:normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
body a
{
color:#333333;
text-decoration:underline;
line-height:14px;
}
body a:hover
{
color:#0066cc;
text-decoration:underline;
line-height:14px;
}
.black-text
{
font: bold 20px/24px  Arial, Helvetica, sans-serif;
color:#333333;
text-decoration: none;
}
.category-link
{
text-decoration:none;
color: #333333;
font: normal 12px/18px Arial, Helvetica, sans-serif;
}
.category-link:hover
{
color: #235ea4;
text-decoration: underline;
font: normal 12px/18px Arial, Helvetica, sans-serif;
}
.checkout-link
{
color: #333333;
text-decoration:none;
}
.checkout-link:hover
{
color: #333333;
text-decoration: underline;
}
.date-link
{
color: #9da38d;
text-decoration: underline;
}
.date-link:hover
{
color: #333333;
text-decoration: underline;
}
.black-link
{
text-decoration: underline;
color:#333333;
font: bold 14px/20px Arial, Helvetica, sans-serif;
}
.black-link:hover
{
color:#2e6d95;
text-decoration:underline;
font: bold 14px/20px Arial, Helvetica, sans-serif;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height:20px;
	font-weight:bold;
	font-variant: normal;
	color: #333333;
	text-decoration: none;
	text-align:justify;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height:20px;
	font-weight:bold;
	font-variant: normal;
	color: #333333;
	text-decoration: none;
	text-align:justify;
}