body {
	background: #2C3157;
	margin:0;
	padding:0;
	font-family:arial, sans-serif;
}

#container {
	padding: 0;
	margin: 0;
	width:740px;
	height: 560px;
}

#header {
	width:  720px;
	height: 30px;
	clear:both;
	text-align:center;
	background:url("../images/top_header.jpg") no-repeat;
}

#header h2 {
	display: none;
}

#left {
	padding: 0;
	margin: 0;
	width:480px;
	height: 540px;
	float:left;
}

#video_holder {
	width: 480px;
	height: 396px;
}

#video {
	width: 480px;
	height: 396px;
	background:url("../images/video_bg.gif");
}

#video_noclip {
	margin-top:  0px;
        padding-top: 2px;
        padding-bottom: 2px;
        background: #FAE0A3;
        border-top: 1px solid #FCB903;
        border-bottom: 1px solid #FCB903;
        text-align:center;
        vertical-align: middle;
}

#video_noclip h3 {
        color: #AA3203;
        font-size:14px;
        font-weight: bold;
        display: inline;
}

#video_select {
	clear:both;
	padding: 0px;
	background: #5A5F80;
	height:396px;
}

#video_select_format_header, #video_select_speed_header {
		background: #C6C7E0;
		border-bottom: 2px solid #2C3157;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 5px;
}

#video_select_format_header h3, #video_select_speed_header h3 {
		display: inline;
		color: #040B33;
		font-size: 14px;
		font-weight: bold;
}


#video_select_format ul, #video_select_speed ul {
	margin: 0px;
	margin-top: 5px;
	margin-left: 15px;
	padding-left: 3px;
	padding-right: 5px;
	padding-bottom:10px;
	line-height: 100%;
	list-style-image: url("../images/arrow_white.gif");
}

#video_select_format li, #video_select_speed li {
	margin: 0px;
	color: #FFFFFF;
	font-size: 12px;
}


#video_select_header {
	margin-top: 0px;
        padding-top: 2px;
        padding-bottom: 2px;
        background: #FAE0A3;
        border-top: 1px solid #FCB903;
        border-bottom: 1px solid #FCB903;
        text-align:center;
        vertical-align: middle;
}

#video_select_header h3 {
        color: #AA3203;
        font-size:14px;
        font-weight: bold;
        display: inline;
}

#video_select_button {
	padding: 0px;
	padding-left: 5px;

}

#video_select_button_graphic {
	float:left;
	width:20px;
	height:20px;
	background:url("../images/arrow_yellow.gif") no-repeat;
}

#video_select_button_graphic h4 {
	display:none;
}

#video_select_button_text {
	float:left;
	padding:0;
	padding-left:10px;
	padding-right:10px;
	padding-top: 3px;
	padding-bottom: 2px;
	background-color: #C6C7E0;
}

#video_select_button_text a {
	display:inline;
	font-size: 12px;
	font-weight: bold;
	color: #040B33;
	text-decoration: none;
}

#video_select_button_text a:hover {
	display:inline;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	tech-decoration: none;
}

#video_select_save {
	clear: both;
	color: #FFFFFF;
	font-size: 10px;
}

#video_player {
	align: center;
	height: 480px;
}

#browse {
	width: 480px;
	height: 135px;
	overflow: auto;
	padding: 0px;
	margin: 0px;
	border-top: 3px solid #FCB903;
}

/*
CSS length hack, need to force a max length to get borders to strech
Hopefully we won't have more than 1000px of content, can increase if neccesary
*/

#browse_content {
	height: 1000px;
	padding: 0px;
	margin: 0px;
	border: 0px;

}


#browse {
		background: #5A5F80;
		clear: both;
}

#theater_header, #soon_header, #dvd_header, #highlight_header {
		background: #C6C7E0;
		border-bottom: 2px solid #2C3157;
		text-align: center;
		padding-top: 3px;
		padding-bottom: 3px;
}

#theater_header h3, #soon_header h3, #dvd_header h3, #highlight_header h3 {
		display: inline;
		color: #040B33;
		font-size: 14px;
		font-weight: bold;
}

#theater_content, #soon_content, #dvd_content, #highlight_content {
	float:left;
	width:229px;
	height:100%;
	border-right: 1px solid #2C3157;
	color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;

}

#theater_content ul, #soon_content ul, #dvd_content ul, #highlight_content ul {
	margin: 0px;
	margin-top: 5px;
	margin-left: 15px;
	padding-left: 3px;
	padding-right: 5px;
	line-height: 100%;
	list-style-image: url("../images/arrow_white.gif");
}

#theater_content li, #soon_content li, #dvd_content li, #highlight_content li {
	margin: 0px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#theater_content a, #soon_content a, #dvd_content a, #highlight_content a {
	color: #FFFFFF;
	text-decoration: none;
}

#theater_content a:hover, #soon_content a:hover, #dvd_content a:hover, #highlight_content a:hover {
	color: #E1A422;
	text-decoration: none;
}

#theater_content h4, #soon_content h4, #dvd_content h4, #highlight_content h4 {
	color: #E1A422;
	font-weight: bold;
	font-size: 11px;
	margin: 0px;
	margin-bottom: 5px;
	padding-left: 0px;
}

#right {
	padding: 0;
	margin: 0;
	width: 240px;
	height: 540px;
	float: left;
}

#info_holder {
	margin: 10px;
	width:240px;
	height: 320px;
	overflow: hidden;
	color: #FFFFFF;
	font-size: 10px;
}

#info {
	width:230px;
	color: #FFFFFF;
	font-size: 10px;
}


#info h3 {
	margin:0;
	display: inline;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

#info_detail {
	margin: 5px;
	color: #C6C7E0;
}

#related_clips {
	padding: 0px;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
}

#related_clips h4 {
	font-size: 16px;
	font-weight: bold;
	color: #E1A422;
	text-transform: uppercase;
	display: inline;

}

#info ul {
	margin: 0px;
	margin-top: 5px;
	margin-left: 15px;
	padding-left: 3px;
	padding-right: 5px;
	line-height: 100%;
	list-style-image: url("../images/arrow_white.gif");
}

#info li {
	margin: 0px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#info a {
	color: #FFFFFF;
	text-decoration: none;
}

#info a:hover {
	color: #E1A422;
	text-decoration: none;
}

#info_button {
	float:left;
	padding-right: 10px;
	padding-bottom: 10px;
}

#info_button_graphic {
	float:left;
	width:20px;
	height:20px;
	background:url("../images/arrow_yellow.gif") no-repeat;
}

#info_button_graphic h4 {
	display:none;
}


#info_button_text {
	float:left;
	padding: 3px;
	padding-bottom: 2px;
	background-color: #C6C7E0;
}

#info_button_text a {
	display:inline;
	font-size: 12px;
	font-weight: bold;
	color: #040B33;
}

#info_button_text a:hover {
	display:inline;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#site_button {
	float:left;
}

#site_button_graphic {
	float:left;
	width:20px;
	height:20px;
	background:url("../images/arrow_yellow.gif") no-repeat;
}

#site_button_graphic h4 {
	display:none;
}


#site_button_text {
	float:left;
	padding: 3px;
	padding-bottom: 2px;
	background-color: #C6C7E0;
}

#site_button_text a {
	display:inline;
	font-size: 12px;
	font-weight: bold;
	color: #040B33;
}

#site_button_text a:hover {
	display:inline;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}


img {
	border: none;
}

form {
	display: inline;
}

#ads {
	padding: 0;
	margin: 0;
	width: 240px;
	height: 60px;
}

#left_ad {
	float: left;
	width: 120px;
	height: 60px;
}

#right_ad {
	float: left;
	width: 120px;
	height: 60px;
}

#search {
	margin: 10px;
	width:220px;
	overflow: auto;
	color: #FFFFFF;
	font-size: 10px;
}

#search h3 {
	margin:0;
	display: inline;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FCB903;
}

#search a {
	color: #FFFFFF;
	text-decoration: none;
}

#search_box {
	float: left;
	padding: 0px;
	padding-right: 5px;
}

#search_box input {
	margin : 0px;
	padding: 0px;
	height: 15px;
}

#search_button {

}

#search_button_graphic {
	float:left;
	width:20px;
	height:20px;
	background:url("../images/arrow_yellow.gif") no-repeat;
}

#search_button_graphic h4 {
	display:none;
}

#search_button_text {
	float:left;
	padding:0;
	padding-left:10px;
	padding-right:10px;
	padding-top: 3px;
	padding-bottom: 2px;
	background-color: #C6C7E0;
}

#search_button_text a {
	display:inline;
	font-size: 12px;
	font-weight: bold;
	color: #040B33;
}

#search_button_text a:hover {
	display:inline;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#results_holder {
	clear:both;
	width: 240px;
	height: 140px;
	overflow: hidden;
}

#results {
	width: 230px;
	height: 130px;
	padding-top:5px;
	padding-left: 10px;
	font-size: 11px;
	overflow:auto;
}

#results h3 {
	padding-left: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #E1A422;
	text-transform: uppercase;
	display: inline;
}

#results h4 {
	color: #E1A422;
	font-weight: bold;
	font-size: 11px;
	margin: 0px;
	margin-bottom: 5px;
	padding-left: 0px;
}

#results ul {
	margin: 0px;
	margin-top: 5px;
	margin-left: 15px;
	padding-left: 3px;
	padding-right: 5px;
	line-height: 100%;
	list-style-image: url("../images/arrow_white.gif");
}

#results li {
	margin: 0px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#results a {
	color: #FFFFFF;
	text-decoration: none;
}

#results a:hover {
	color: #E1A422;
	text-decoration: none;
}