.cardbox {
	background-color: #FFF;
	height: 200px;
	width: 200px;
	border: 1px solid #CCC;
	float: left;
	padding: 3px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
}
.cardbox a {
	color: #666;
}
.cardbox:hover {
	background-color: #E8E8FF;
	/* border: 1px solid #E41938; */
	
}

.cardbox h2 {
	font-size: 14px;
	color: #006;
	line-height: 14px;
	text-align: left;
}
.cardbox .description {
	font-size: 11px;
	line-height: 10px;
	color: #333;
	text-align: left;
}
.cardbox .thedate {
	font-size: 10px;
	color: #666;
	text-align: right;
}
.cardbox img {
	background-color: #FFF;
	height: 112px;
	width: 200px;
	margin-bottom: 4px;
}



.tinycardbox {
	background-color: #FFF;
	height: 94px;
	width: 78px;
	padding: 2px;
	border: 1px solid #CCC;
	float: left;
	margin: 1px;
}
.tinycardbox:hover {
	background-color: #E8E8FF;
	/* border: 1px solid #E41938; */
}
.tinycardbox a {
	color: #666;
}

.tinycardbox h2 {
	font-size: 10px;
	color: #006;
	line-height: 10px;
	text-align: left;
}
.tinycardbox .description {
	font-size: 11px;
	line-height: 10px;
	color: #333;
	text-align: left;
}
.tinycardbox .thedate {
	font-size: 10px;
	color: #666;
	text-align: left;
	line-height: 10px;
}
.tinycardbox img {
	background-color: #FFF;
	height: 43px;
	width: 79px;
	margin-bottom: 3px;
}



.widebox {
	background-color: #F4F4FF;
	margin: 2px;
	padding: 8px;
	min-height: 60px;
	width: 600px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.widebox a {
	//color: #444;
}
.widebox:hover {
	background-color: #FFF;
}

.widebox a:hover {
	background-color: #FFF;
}
.widebox h2 {
	font-size: 16px;
	color: #006;
	line-height: 16px;
	text-align: left;
}
.widebox p {
	font-size: 11px;
	color: #333;
	line-height: 13px;
	text-align: left;
}
.widebox .description {
	font-size: 11px;
	line-height: 10px;
	color: #333;
	text-align: left;
}
.widebox .thedate {
	font-size: 11px;
	color: #DC1735;
	text-align: left;
	line-height: 13px;
	font-weight: bold;
	text-transform: uppercase;
}
.widebox img {
	background-color: #FFF;
	height: 56px;
	width: 100px;
	float: left;
	margin-right: 12px;
}





.widebox260 {
	background-color: #FFF;
	margin: 2px;
	padding: 8px;
	height: 60px;
	width: 280px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.widebox260 a {
	color: #444;
}
.widebox260:hover {
	background-color: #E8E8FF;
}
.widebox260 h2 {
	font-size: 16px;
	color: #006;
	line-height: 16px;
	text-align: left;
}
.widebox260 p {
	font-size: 11px;
	color: #333;
	line-height: 11px;
	text-align: left;
}
.widebox260 .description {
	font-size: 11px;
	line-height: 10px;
	color: #333;
	text-align: left;
}
.widebox260 .thedate {
	font-size: 13px;
	color: #999;
	text-align: left;
	line-height: 13px;
	font-weight: bold;
}
.widebox260 img {
	background-color: #FFF;
	height: 56px;
	width: 100px;
	float: left;
	margin-right: 12px;
}




.widebox230 {
	background-color: #FFF;
	margin: 2px;
	padding: 8px;
	min-height: 60px;
	width: 246px;
}
.widebox230:hover {
	background-color: #E8E8FF;
}
.widebox230 a {
	color: #444;
}
.widebox230 a:hover {
	/*background-color: #eee;*/
}
.widebox230 h2 {
	font-size: 12px;
	color: #333;
	line-height: 14px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	letter-spacing: normal;
}
.widebox230 p {
	font-size: 11px;
	color: #333;
	line-height: 11px;
	text-align: left;
}
.widebox230 .description {
	font-size: 11px;
	line-height: 10px;
	color: #333;
	text-align: left;
}
.widebox230 .thedate {
	font-size: 9px;
	color: #E90C2B;
	text-align: left;
	line-height: 9px;
	font-weight: bold;
	text-transform: uppercase;
}
.widebox230 .nowshowing {
	font-size: 9px;
	color: #FFF;
	text-align: left;
	line-height: 9px;
	font-weight: bold;
	background-color: #003;
	margin-right: 12px;
	margin-left: 12px;
	padding-left: 12px;
	background-image: url(../img/bgs/nowshowingbg.png);
	background-repeat: no-repeat;
	background-position: right;
}
.widebox230 img {
	background-color: #FFF;
	height: 56px;
	width: 100px;
	float: left;
	margin-right: 12px;
}




.seriesheader {
	height: 70px;
	width: 620px;
	clear: left;
	padding-top: 24px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	background-color: #FFF;
	/*background-image: url(../img/bgs/subtlebluebg.png);
	background-repeat: repeat-x;*/
}
.seriesheader h2 {
	line-height: 120%;
	margin-bottom: 2px;
	font-size: 120%;
}
.seriesheader p {
	line-height: 110%;
	margin-bottom: 2px;
}
.seriesheader img {
	background-color: #FFF;
	height: 64px;
	width: 64px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.seriesbutton {
	font-size: 11px;
	line-height: 22px;
	color: #003;
	background-image: url(../img/buttons/seriesbut.png);
	height: 26px;
	width: 202px;
	padding-top: 7px;
	padding-left: 38px;
}
.seriesbutton:hover {
	background-image: url(../img/buttons/seriesbut-hi.png);
}


.seriesbutton a {
	font-size: 13px;
	line-height: 22px;
	color: #003;
	width: 100%;
}
.seriesbutton a:hover {
	font-size: 13px;
	line-height: 22px;
	/*color: #E41938;*/
}

.onright {
	/* quick hack to allow class to override left align at id level - need to do properly at some stage */
	text-align:right !important;
}
.onright a:hover {
	/*color: #DD0000;*/
}