/* main setup */

body
{
	background-color:Black;
	color:White;
	margin:0px;
	font-family:Courier New, Monospace;
	background-image:url(images/pavementback.jpg);
	background-repeat:repeat;
}

a:link
{
	color:Yellow;
}

a:visited
{
	color:White;
}

p
{
	/*clear:both;*/
	font-size:0.95em;
}

h1
{
	font-size:1.5em;
	color:Yellow;
	text-align:center;
}

h2
{
	font-size:1.23em;
	color:White;
	text-align:center;
}

img
{
	border:none;
}

#container
{
	width:100%;
	margin:0px;
	border:0px;
}

#headerwrapper
{
	/*clear:both;
	float:left;*/
	width:100%;
	text-align:center;
	margin:0;
}

#header
{
	width:550px;
	height:150px;
	margin:0 auto;
	background-image:url(images/whiplashDVD-Banner.jpg);
	background-repeat:no-repeat;
}

#contentwrapper
{
	clear:both;
	width:100%;
	height:100%;
}

#left
{
	float:left;
	width:100px;
	background-color:Yellow;
	background-image:url(images/leftbarback2.jpg);
	background-repeat:repeat-y;
	padding:0px 0px 0px 0px;
}

#centerwrapper
{
	margin-left:100px;
	margin-right:75px;
	padding:0px 10px;
}

#content
{
	/*clear:both;*/
	/*float:left;*/
}

#right
{
	float:right;
	width:75px;
	padding:0px 0px 0px 0px;
	background-image:url(images/rightbarback.jpg);
	background-repeat:repeat-y;
}

#footer
{
	/*clear:both;
	/*float:left;*/
	text-align:center;
	width:100%;
	padding:20px 0px;
}

/* Product Information */

.merchandisewrap
{
	/*clear:both;*/
	/*float:left;*/
	width:99%;
	margin:10px auto;
	height:200px;
	position:relative;
	border:solid 1px white;
	background-color:#333;
}

.merchandisepic
{
	/*clear:both;*/
	float:left;
	width:200px;
	height:200px;
	position:relative;
}

.merchandisepicright
{
	/*clear:both;*/
	float:right;
	width:200px;
	height:200px;
	position:relative;
}


.merchandisedescwrap
{
	margin:0px 0px 0px 200px;
	padding:0px 0px 0px 0px;
	height:200px;
	position:relative;
}

.merchandisedescwrapright
{
	margin:0px 200px 0px 0px;
	padding:0px 0px 0px 0px;
	height:200px;
	position:relative;
}

.merchandisedesc
{
	position:relative;
	top:50%;
	text-align:center;
	margin:0 auto;
}

.merchandisehead
{
	font-size:1.23em;
	color:White;
	text-align:center;
	font-weight:bold;
}


/* Section Information */

.sectionwrapper
{
	width:99%;
	margin:10px auto;
	position:relative;
}

.sectionleftwrap
{
	float:left;
	width:33%;
	height:60px;
	font-size:1.6em;
	font-weight:bold;
	text-align:center;
	color:Yellow;
	background-color:Black;
	border:solid 1px white;
	position:relative;
}

.sectionrightwrap
{
	width:66%;
	height:60px;
	font-size:1.2em;
	color:White;
	margin:0px 0px 0px 33%;
	background-color:#333;
	border:solid 1px white;
	position:relative;
}

.sectionleft, .sectionright
{
	position:relative;
	margin:0 auto;
	top:50%;
	text-align:center;
}

/* DVD Picture Zoom */

#zoomdiv
{
	position:absolute;
	top:200px;
	left:100px;
	display:none;
	z-index:100;
	padding:10px;
	background-color:#333;
	border:solid 1px white;
}

#zoomclose
{
	width:98%;
	text-align:right;
	padding:10px 1% 10px 1%;
}

/* Miscellaneous Markup */

.unavailable
{
	text-decoration:line-through;
}

.soldout
{
	font-size:1.25em;
	color:Red;
	font-weight:bolder;
}

.buttons
{
	text-align:center;
}

/* Administrative Forms */

.formwrap
{
	width:50%;
	margin:10px auto;
	position:relative;
	border:solid 1px white;
	background-color:#333;
}

.formlabel
{
	/*clear:both;*/
	float:left;
	width:39%;
	text-align:right;
	position:relative;
	height:25px;
}

.formfieldwrap
{
	margin:0px 0px 0px 39%;
	padding:0px 0px 0px 0px;
	position:relative;
	height:25px;
}

.formfield
{
	position:relative;
	text-align:left;
	margin:0 auto;
	height:25px;
}

.formlabeltext
{
	font-size:0.95em;
	color:White;
	text-align:center;
	/*font-weight:bold;*/
}

.textfield {
	font-size: 11px;
	color: #333333;
	background: #F7F7F7;
	border: 1px solid #CCCCCC;
	padding-left: 1px;
	width:80%;
}

/* Events */

ul.eventlist, ul.eventlistadmin
{
	margin-left:0;
	padding-left:0;
	display:inline;
	position:relative;
}

ul.eventlist li, ul.eventlistadmin li
{
	margin-left: 0;
	margin-bottom: 0;
	/*padding: 2px 15px 5px;*/
	list-style: none;
	display: inline;
	position:relative;
	background-color:#333;
}

ul.eventlist dl, ul.eventlistadmin dl
{
	/*clear:both;*/
	float:left;
	margin:0 auto;
	width:99%;
	/*border-top:solid 1px white;
	border-bottom:solid 1px white;*/
	background-position:left center;
	border:solid 1px white;
	background-color:#333;
	color:White;
	display:inline;
	font-size:0.95em;
	position:relative;
}

ul.eventlist dt, ul.eventlist dd, ul.eventlistadmin dt, ul.eventlistadmin dd
{
	float:left;
	margin-left: 0;
	margin-bottom: 0;
	display:inline;
	text-align:center;
	padding:3px 0;
	position:relative;
	/*background-color:#333;*/
	height:30px;
}

ul.eventlist .eventloc, ul.eventlist .eventdate, ul.eventlistadmin .eventloc, ul.eventlistadmin .eventdate
{
	width:33%;
	border-left:solid 1px white;
	text-align:center;
	position:relative;
}

ul.eventlist dt
{
	width:33%;
	position:relative;
}

ul.eventlistadmin dt
{
	width:30%;
	padding-left:3%;
	position:relative;
}

/* Events Header */

ul.eventlistheader
{
	margin-left:0;
	padding-left:0;
	display:inline;
	position:relative;
}

ul.eventlistheader li
{
	margin-left: 0;
	margin-bottom: 0;
	/*padding: 2px 15px 5px;*/
	list-style: none;
	display: inline;
	position:relative;
	background-color:#000;
}

ul.eventlistheader dl
{
	/*clear:both;*/
	float:left;
	margin:0 auto;
	width:99%;
	/*border-top:solid 1px white;
	border-bottom:solid 1px white;*/
	background-position:left center;
	border:solid 1px white;
	background-color:#000;
	color:White;
	display:inline;
	position:relative;
}

ul.eventlistheader dt, ul.eventlistheader dd
{
	float:left;
	margin-left: 0;
	margin-bottom: 0;
	display:inline;
	text-align:center;
	padding:3px 0;
	position:relative;
	font-size:1.2em;
	font-weight:bold;
}

ul.eventlistheader .eventloc, ul.eventlistheader .eventdate
{
	width:33%;
	border-left:solid 1px white;
	text-align:center;
	position:relative;
}

ul.eventlistheader dt
{
	width:33%;
	position:relative;
}