/* CSS - Jones Theatres */

/* reset */
	body, form, ul, li, img, pre, fieldset { padding: 0; border: 0; margin: 0; }

/* general */
	strong { font-weight: bold; }
	em { font-style: italic; }
	.left { float: left; margin-right: 1em; }
	.right { float: right; margin-left: 1em; }
	.center { text-align: center; }
	.hide { display: none; }
	.show { display: block; }	
	body { font-size: 12px; background: url(images/bg.jpg) no-repeat center top #0C497F; font-family: Arial, Helvetica, sans-serif; color: #3a3a3a;}
	.hidden { visibility: hidden; display: none; }
	.show { display: block; visibility:visible; }
	#inside #bodyCopy a {color: #F42829; font-weight: bold; text-decoration: underline;}
	#inside #bodyCopy a:hover {text-decoration: none;}
	#inside #bodyCopy ul {padding-left: 30px;}
	#inside #bodyCopy h1 {color: #F32B2E;font-size: 18px;}
	#inside #bodyCopy h2 {color: #0C497F;font-size: 16px;}
	#inside #bodyCopy {margin-top: -40px;}
/* basic */
	#mainContainer { clear: both; }

/* header */
	#headerContainer { clear: both; background: url(images/header.jpg) no-repeat; width: 997px; height: 63px; margin: 0 auto; }
	#headerLogo h1 { text-indent: -9999px; margin: 0; }
	#headerLogo a { display: block; }
	#headerNav li { list-style: none; }
 
/* body */
	#bodyContainer { clear: both; margin: 0 auto; width: 997px; }
	#leftCol { float: left; width: 188px; }
	#nav { width: 188px; height: 304px; background: url(images/nav_home.jpg) no-repeat; }
	#home #nav ul { padding: 30px 0 10px 15px; }
	#nav li { list-style: none; font-size: 12px; padding-bottom: 10px; }
	#nav li a { color: #fff; text-decoration: none; font-weight: bold; }
	#nav li a:hover { text-decoration: underline; }
	#navFooter { background:url(images/bottomnav_home.jpg) no-repeat; height: 320px; width: 188px; }
	#coke { position: relative; background:url(images/coke_home.jpg) no-repeat; width: 95; height: 398px; left: -95px; top: -78px; }
	#rightCol { float: right; width: 612px;}
	#bottomRightCol { background:url(images/popcorn_home.jpg) no-repeat; margin-top: 329px; width: 197px; height: 301px; }
	#bodyTop { background:url(images/logo.jpg) no-repeat; width: 612px; height: 110px; }
	#bodyContent { background: #F1F1F1;width: 612px; padding-top: 1px;}
	#home #bodyContent { height: 432px;}
    #home #bodyContent object {position: relative; left: 8px; top: -10px;}
	#inside #bodyContent .pageTitle { text-align: center; position: relative; top: -10px; left: -20px; color: #1561a3; font-family: "Arial Black", Arial, Helvetica; font-size: 20px; font-weight: normal; }
	#bodyLeft { float: left; width: 305px; position: relative; top: -15px; }
	#bodyRight { float: right; width: 305px; position: relative; top: -15px; }
	#bodyFooter { float: left; background:url(images/footer_home.jpg) no-repeat; height: 99px; width: 612px; position: relative; top: -18px; }
	#farRightCol { float: right; width: 197px; background:url(images/real_right.jpg); height: 329px; }

/* footer */
	#footerContainer { clear: both; width: 997px; margin: 0 auto; }
	#footerContent { text-align: center; padding-top: 20px; color: #fff; }
	#footerContent li { display: inline; list-style: none; padding-right: 10px; }
	#footerContent a { color: #fff; }
	#footerContent a:hover { text-decoration: none; }

/* inside pages */
	#inside #headerContainer { background: url(images/header_inside.jpg) no-repeat; }
	#inside #bodyTop { background:url(images/logo_inside.jpg) no-repeat; }
	#inside #nav { width: 188px; height: 446px; background: url(images/nav_inside.jpg) no-repeat; }
	#inside #nav ul { padding-top: 35px; padding-left: 20px; }
	#inside #bodyContainer { background: url(images/bodybg.jpg) repeat-y right; }
	#inside #farRightCol { float: right; width: 197px; background:url(images/real_right_inside.jpg) no-repeat; height: 283px; }
	#inside #bottomRightCol { background:url(images/realbottom.jpg) no-repeat; margin-top: 283px; width: 149px; height: 141px; float: right; }
	#inside #bodyContent {min-height: 600px; positon: relative;padding-left: 10px;}
	#movies { text-align: center; padding: 0!important; margin: 0!important;}
	#movies .showing { color: #f3292b; font-size: 16px; }
	#movies .arrowleft { float: left; margin-top: 90px; position: relative; left: -2px; }
	#movies .arrowright { float: right; margin-top: 90px; position: relative; left: -10px; }
	#movies li { list-style: none; display: inline; width: 175px; margin-right: 28px; min-height: 450px; float: left; font-size: 15px; color: #3a3a3a; text-align: left; }
	#movies li img {border: 1px solid #0C497F;}
	#movies li .movieTitle { color: #f3292b; font-weight: bold; }
	#movies li strong { color: #0c4e87; }
	#movies li a { color: #0c4e87; }
	#movies li a:hover { text-decoration: none; }
	#admission { text-align: center; }
	#inside #bodyFooter { position: relative;top: 5px;background:url(images/footer_inside.jpg); height: 104px; }
	#inside #footerContainer {margin-top: 10px;}
	#inside #insideCoke { background:url(images/inside_drinkcup.jpg) no-repeat; width: 283px; height: 354px; position: absolute; top: -460px; left: -95px; float: left; display: inline; }
	#inside #insidePopcorn { background:url(images/popcorn_inside.jpg) no-repeat; width: 197px; height: 301px; left: 800px;position: absolute; top: -392px; float: right; }
	#inside #admission { text-align: center; padding-top: 10px; clear: both; }
	#inside #admission h2 { font-size: 14px; color: #575757; font-family: "Arial Black", Arial, Helvetica; font-weight: normal; }

		/* menu styles */
	#nav ul { margin: 0; padding: 0; list-style-type: none; width: 160px;}
	#nav ul li { position: relative; }
	#inside #nav ul li ul { position: absolute; width: 144px;top: 0; visibility: hidden;background: url(images/navbg.jpg) repeat-y;padding: 0;z-index: 1000;}
	#home #nav ul li ul { position: absolute; width: 144px;top: 0; visibility: hidden;background: url(images/navbg.jpg) repeat-y;padding: 0;z-index: 1000;}
	#nav ul li ul li {padding: 4px 0 4px 10px;background:url(images/navline.jpg) no-repeat bottom left; }
	#nav ul li ul .navTop {background:url(images/navtop.jpg) no-repeat; height: 8px; text-indent: -9999px;padding: 0; margin: 0;}
	#nav ul li ul .navBottom {background:url(images/navBottom.jpg) no-repeat; height: 8px; text-indent: -9999px;padding: 0; margin: 0;}
	#nav ul li a { display: block;text-decoration: none;}

/* movies */
.movie_scroll_buttons {float: left;width: 30px;}
.movie_scroll_buttons a {width: 25px; height: 27px;display: block;text-indent: -9999px;margin-top: 75px;}
.scroll_left a {background: url(images/arrowleft.jpg) no-repeat;}
.scroll_right a {background: url(images/arrowright.jpg) no-repeat;}
#movie_container {position: relative;overflow: hidden;float: left;width: 540px;}	
.movie {float: left;width: 130px;margin: 3px;color: #3a3a3a;}
.movie strong {color: #f3292b;font-weight: bold;}
.movie a {color: #0c4e87;font-weight: bold;text-decoration: underline;}
.movie a:hover {text-decoration: none;}
.giftCertificates dd {margin-left: 150px;margin-bottom: 0px;position: relative; top: -18px;}
.giftCertificates dd input, .giftCertificates dd textarea, .giftCertificates dd select {border: 1px solid #0C497F;}
#bodyCopy dl {margin-left: 20px;padding-left: 10px; border-left: 3px solid #ccc;}
#insideCoke a {display: block; width: 200px;height: 100px;margin-top: 240px;margin-left: 100px;}
#coke a {display: block; width: 200px;height: 100px;top: 300px;left: 100px;position: relative;}
.showDay {width: 90px; float: left;min-height: 100px;}
.showDay h4 {font-size: 16px;}
.showDay ul {margin: 0!important; padding: 0!important;}
.showDay li {list-style: none;}
.showTitle {color: #F4292C!important;}
.showTitle .date {font-size: 10px; color: #ccc!important;}
/* old css for movie detail time thing */
.movieDays {padding: 0!important;}
.movieDays li {list-style: none; float: left; display: inline;padding: 10px;margin-bottom: 15px;}
.movieTimes {float: right;width: 125px;min-height: 100px;background: #F42C2E;padding: 5px;border-left: 3px solid #fff;}
.movieTimes ul {padding: 0!important;}
.movieTimes li {list-style: none;}
.movieListings {background: #0C497F;min-height: 100px;border-bottom: 3px solid #fff;color: #fff;}
.movieInfo {float: left;padding: 5px;}
/* new css for movie detail time thing */
.movieDays {clear: both;}
.movieTime ul {padding: 0!important;margin-bottom: 5px;}
.movieTime li {display: inline; margin-right: 5px;list-style: none;}
.movieList {border-bottom: 1px solid #0C497F;clear: both;}
.movieList h3 {margin-top: 0!important;color: #F32F30;position: relative; top: 10px;font-size: 14px;}
.movieList h4 {font-size: 12px; margin: 0;float: left;display: inline;}
.movieList p {margin: 2px 0;}
.printMe {float: right;position: relative; top: -70px;}
#shippingOptions {display: none;}
.fandango {float: right;position: absolute;left: 20px;width: 150px;height: 100px;display: block;text-indent: -9999px;z-index: 9999;}
#inside .fandango {top: -140px;}

.showTimesAnchor {font-size: 115%; text-indent: -9999px; display: block; width: 263px; height: 53px; background: url(images/showtimesbtn.jpg) no-repeat;}
.showTimesAnchor:hover {background-position: 0 -53px;}