@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 13px/24px Calibri;

		margin-right:1px;

	}



.navcontainer ul li a:hover {

        color: #004bb1;

		text-decoration:underline;

		font: bold 13px/24px Calibri;

		}

.navcontainer li.active a {

        color: #004bb1;

		text-decoration:underline;

		font: bold 13px/24px Calibri;

	}

.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 Calibri;

		margin-right:1px;

	}



.navcontainer1 ul li a:hover {

        color: #FFF;

		text-decoration:underline;

		font: bold 12px/21px Calibri;

		}

.navcontainer1 li.active a {

        color: #FFF;

		text-decoration:underline;

		font: bold 12px/21px Calibri;

	}

.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: Calibri;

font-size: 13px;

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 13px/14px Calibri;

	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:35px;

/*background:url(../little_mermaid.html) left top no-repeat;

*/

padding:0px 0px 20px 0px;

font: normal 12px/18px  Calibri;

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;

}



.future-box1

{

width:274px;

height:auto;

float: left;

text-align:left;

padding:3px 10px 0px 10px;

}



/* sub-navigation 1 */	

	

.future{

	color: #333333;

	font: normal 13px/14px Calibri;

	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 Calibri;

padding-left:10px;

}

.other-inside-box

{

width:196px;

height:auto;

float:left;

}

.other-image-box

{

width:196px;

height:auto;

float:left;

text-align:left;

padding-bottom:10px;

}



.other-image-box1

{

width:196px;

height:auto;

float:left;

text-align:left;

padding-bottom:10px;

background:url(../images/other-inside-bg.jpg) left top repeat-x;

}



.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-title1
{
width:489px;
height:45px;
float:left;
text-align:left;
background-color: #e5f2bf;
padding:5px 0px 5px 5px;
}
.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 13px/16px musical ;

	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:705px;

height:auto;

float: left;

text-align:left;

background-color: #cccccc;

padding:8px;

}

.checkout-white-box

{

width:693px;

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:720px;

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: 20px;

		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 Calibri;

	    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 Calibri;

		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 Calibri;

		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:698px;

height:auto;

font: normal 12px/18px Arial, Helvetica, sans-serif;

color: #333333;

}



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



.contact li {

width:698px;

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;

background-color:#FFFFE5;

}



.contact li.active a {

background-color:#ffffff;

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:14px;

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: Calibri;

font-size: 13px;

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 13px/18px Calibri;

}

.footer-top a:hover

{

color: #235ea4;

text-decoration: underline;

font: normal 13px/18px Calibri;

}

.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-family: Calibri;

	font-size: 13px;

	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  Calibri;

color:#333333;

text-decoration: none;

}



.black-text h1

{

font: bold 20px/24px  Calibri;

color:#333333;

margin:0;

padding:0;

text-decoration: none;

}



.category-link

{

text-decoration:none;

color: #333333;

font: normal 12px/18px Calibri;

}



.category-link h1

{

width:115px;

padding:0 0 0 0;

text-decoration:none;

color: #333333;

font: normal 12px/18px Calibri;

}



.category-link:hover h1

{

width:115px;

color: #235ea4;

text-decoration: underline;

font: normal 12px/18px Calibri;

}





.category-link:hover

{

color: #235ea4;

text-decoration: underline;

font: normal 12px/18px Calibri;

}

.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 Calibri;

}

.black-link:hover

{

color:#2e6d95;

text-decoration:underline;

font: bold 14px/20px Calibri;

}

h1 {

	font-family: Calibri;

	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: Calibri;

	font-size: 12px;

	font-style: normal;

	line-height:20px;

	font-weight:bold;

	font-variant: normal;

	color: #333333;

	text-decoration: none;

	text-align:justify;

}



.musical-menu-box ul li a {

		font-weight:bold;

		font-size:12px;

        text-decoration: none;

        text-align: center;

}



.musical-menu-box ul li a:hover {

		font-weight:bold;

		font-size:12px;

		text-decoration:underline;

}



.blacktext1

{

color:#000000;

font-family:Verdana,Tahoma;

font-size:9pt;

font-style:normal;

}



.blacktext1 a {

color:#000000;

font-family:Verdana,Tahoma;

font-style:normal;

font-weight:normal;

text-decoration:none;

}





.blacktext1 a:hover {

color:#000000;

font-family:Verdana,Tahoma;

font-style:normal;

font-weight:bold;

text-decoration: underline;

}