@charset "UTF-8";
/* CSS Document */

body
{
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/arenacam-tile.gif);
	color: white
}

.menulink a:link { color: white; text-decoration: none }
.menulink a:visited { color: white; text-decoration: none }
.menulink a:hover { color: black; text-decoration: none }

a:link { color: white; text-decoration: none }
a:visited { color: white; text-decoration: none }
a:hover { color: red; text-decoration: none }

h1, h2, h3
{
	margin: 0;
	padding: 0;
	padding-top: 10px
}

img
{
	border: none;
}

hr
{
	border: 1px dotted #666666;
}


table tr.header
{
	background-image: url(../images/footer.png);
}

table tr.header h3
{
	padding-top: 0;
	padding-left: 4px;
}


ul.specs
{
	padding-left: 20px;
}


/****** FORM CSS ******/

fieldset
{
	border: 1px dashed gray;	
	padding: 20px;
}

fieldset#contact
{
	margin-left: 150px;
	width: 400px;
	float: none;
}

fieldset#specs
{
	width: 680px;
	float: left;
}

fieldset#summary
{
	width: 250px;
	margin-right: 30px;
	float: left;
}

fieldset#customer, fieldset#creditcard
{
	width: 360px;
	float: left;
}

label
{
	width: 100px;
	float: left;
	text-align: right;
	padding-right: 5px;
	display: block;
}

form .submit
{
	margin-left: 105px;
}

form p
{
	margin: 6px;
}

legend
{
	padding-left: 20px;
	padding-right: 20px;
	font-weight: bold;
	font-size: 16px;
}

#formarea
{
	position: relative;
	background-color: #333333;
	width: 400px;
	margin-left: -170px;
	left: 50%;
	padding: 20px;
}

.error
{
	margin-left: 105px;
	color: red;
	display: none;
	font-style: italic;
}

/****** FORM CSS ******/



#container
{
	position: relative;
	left: 50%;
	margin-left: -417px;
	width: 834px;
	background-color: black
}

#header
{
	height: 98px;
	background-image: url(../images/header.png)
}

#headerlink
{
	position: absolute;
	width: 242px;
	height: 79px;
	top: 8px;
	left: 6px;
	cursor: pointer
}

#navigation
{
	height: 30px;
	width: 834px;
	background-image: url(../images/menu.png);
	font-size: 14px;
	font-weight: bold;
}

#menu
{
	float: left;
	padding-left: 10px;
	margin-top: 6px;
}

#links
{
	float: left;
	padding-left: 10px;	
	margin-top: 4px;
}

#copyright
{
	float: right;
	padding-right: 10px;
	margin-top: 4px
}

#date
{
	float: right;
	font-weight: normal;
	font-size: 10px;
	padding-right: 10px;
	margin-top: 6px;
}


#content
{
	min-height: 448px;
	height: expression( this.scrollHeight < 449 ? "448px" : "auto" );	

}

#video
{
	position: relative;
	width: 382px;
	height: 352px;
	left: 50%;
	margin-left: -191px;
	margin-top: 50px
}

#copy
{
	margin-left: 50px;
	margin-right: 50px;
	padding-top: 30px;
	text-align: justify
}

#footer
{
	position: relative;
	width: 100%;
	clear: both;
	height: 20px;
	background-image: url(../images/footer.png)
}

#francomedia
{
	position: relative;
	width: 834px;
	height: 30px;	
	left: 50%;
	margin-left: -417px;

}

#francomedia img
{
	float: right;
	border: none
}

#csc
{
	position: absolute;
	width: 321px;
	height: 401px;
	top: 150px;
	left: 50%;
	margin-left: -160px;
	display: none;
}

.videolabel
{
	padding: 0;
	margin: 0;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	font-weight: bold;
	font-size: 14px;
}
 
.livenote
{
	border: 2px solid #666666;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	color: #666666;
	
}

.data, .required_message, .graytext
{
	color:#999999;
}