/**
 * CSS StyleSheet for TheatricalReality.biz/com/net
 * ©2008 Theatrical Reality, Inc.
 * Joshua Walter, author
 * 
 * General stylesheet
 */

body {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
}

	div {
		position: relative;
		margin: 0;
		padding: 0;
	}

		div.inset {
			position: absolute;
			left: 9px;
			right: 9px;
			top: 4px;
			bottom: 4px;
			border-top: solid 1px #3366ff;
			border-bottom: solid 1px #3366ff;
			overflow: hidden;
		}

	img {
		margin: 0;
		padding: 0;
		border: 0;
	}

		img.cornerHiLeft {
			position: absolute;
			left: 0;
			top: 0;
		}

		img.cornerHiRight {
			position: absolute;
			right: 0;
			top: 0;
		}

		img.cornerLoLeft {
			position: absolute;
			left: 0;
			bottom: 0;
		}

		img.cornerLoRight {
			position: absolute;
			right: 0;
			bottom: 0;
		}

	p {
		margin: 0;
		padding: 0;
	}

	h1, h2, h3 {
		font-weight: bold;
		margin: 0;
		padding: 0;
	}

	h1 { font-size: 1.5em; }

	h2 { font-size: 1.3em; }

	h3 { font-size: 1.1em; }

	a {
		color: #0000cc;
		text-decoration: none;
	}

	#jsWarning {
		left: 0;
		width: 800px;
		top: 0;
		height: 50px;
		text-align: center;
		font-size: 0.9em;
		margin: auto;
	}

	#container {
		left: 0;
		width: 800px;
		top: 0;
		height: 550px;
/*		margin: auto;		re-enable this to center the page in the window */
		z-index: 0;
	}

		#header {
			left: 0;
			width: 100%;
			top: 0;
			height: 120px;
		}

			#header img { float: left; }

			#contact { float: right; }

				#contact p { font-size: 0.9em; }

					#contact p.email { margin: 10px 0 10px 0; }

		#navContainer {
			left: 0;
			width: 100%;
			top: 5px;
			height: 40px;
			overflow: visible;
		}

			#navBar { width: 782px; }

			div.navItem {
				left: 40px;
				float: left;
				padding: 8px 15px 8px 15px;
				font-size: 1.1em;
				background-image: url(nothing);
				background-repeat: repeat;
				border-left: solid 1px #3366ff;
			}

				#linkContact { border-right: solid 1px #3366ff; }

			#navContainer img { position: absolute; }

				#navBGL { left: 10px; }

				#navBGM { left: 19px; }

				#navBGR { right: 10px; }

		#photoContainer {
			position: relative;
			width: 98px;
			top: 10px;
			height: 450px;
			float: left;
		}

			#photo {
				width: 80px;
				height: 440px;
			}

				#photo div {
					position: absolute;
					left: 0;
					width: 80px;
					cursor: hand;
					cursor: pointer;
				}

		#contentContainer {
			position: relative;
			width: 690px;
			top: 10px;
			height: 450px;
			float: right;
		}

			#content {
				width: 672px;
				height: 440px;
				overflow: auto;
			}

	#footer {
		position: relative;
		width: 800px;
		top: 15px;
		height: 30px;
		margin: auto;
		font-size: 1em;
		text-align: center;
		clear: left;
	}

	#popupProducts {
		position: absolute;
		left: 250px;
		top: 155px;
		display: none;
		margin: auto;
		border-left: solid 1px #3366ff;
		border-bottom: solid 1px #3366ff;
		background-image: url(nothing);
		background-repeat: repeat;
	}

		#popupProducts div {
			font-weight: bold;
			padding: 5px;
			background-image: url(../gfx/popupBG.png);
			background-repeat: repeat-x;
			border-right: solid 1px #3366ff;
			border-top: solid 1px #3366ff;
		}

	#prodShowFX {
		position: absolute;
		border: solid 2px #0033ff;
		display: none;
		background-image: url(nothing);
		background-repeat: repeat;
	}

	#prodShowcase {
		position: absolute;
		left: 150px;
		width: 626px;
		top: 185px;
		height: 157px;
		display: none;
	}
	
		#prodShowcaseBG {
			left: 0;
			top: 0;
		}

		#button {
			position: absolute;
			left: 600px;
			width: 21px;
			top: 5px;
			height: 21px;
		}

		#prodShowDetail {
			position: absolute;
			left: 10px;
			width: 600px;
			top: 32px;
			height: 100px;
			padding: 10px 0 10px 0;
			overflow: hidden;
		}

			div.prodListPhoto {
				left: 10px;
				width: 215px;
				float: left;
			}

			div.prodListData {
				width: 375px;
				float: right;
			}

				div.prodListPN {
					width: 300px;
					margin-bottom: 65px;
				}

				div.prodListName {
					width: 300px;
					bottom: 85px;
					font-size: 1.2em;
					font-weight: bold;
				}

				div.prodListRent {
					width: 125px;
					float: left;
				}

				div.prodListPur {
					width: 125px;
					float: left;
				}

					div.prodListCBCheck {
						width: 12px;
						height: 12px;
						float: left;
						border: solid 2px #0033ff;
						overflow: visible;
						font-size: 0;
					}

						div.prodListCBCheck img {
							position: absolute;
							bottom: 2px;
							left: -4px;
						}

					div.prodListCBTag { left: 5px; }

						div.prodListCBTag p { margin: 0; }

				div.linkDetails { bottom: 5px; }