html {
	height: 100%; /*STOCK*/
	overflow-y: scroll; /*STOCK*/
	}

body {
	background: #333; /*STOCK*/
	color: ; /*STOCK*/
	font: ; /*STOCK*/
	height: 100%; /*STOCK*/
	}

#wrapper {
	/** REMOVED TO ALLOW MOBILE SCROLLING BELOW **/
/*	background: url("../zone/video/image/bg/bg-video.png") top center no-repeat fixed; */
/*	background: #999; /*STOCK*/  /* if change, must also change bg of #where below */
	font: 10px verdana; /*STOCK*/
	margin: 0px auto; /*STOCK*/
	min-height: 100%; /*STOCK*/
	text-transform: uppercase;
	width: 720px; /*STOCK*/
	}

	/* ADDED FOR MOBILE SCROLLING */
	#wrapper:before {
		content: "";
		display: block;
		position: fixed;
		width: 720px;
		height: 100%;
		z-index: -10;
		background: url("../zone/video/image/bg/bg-video.png") repeat-y top center;
		}

#content {
	padding: 33px 0px 220px; /*STOCK*/
	position: relative; /*STOCK*/
	}

	a:link {text-decoration: none; color: #000; }
	a:visited {text-decoration: none; color: #000; }
	a:hover {text-decoration: none; color: #060; }
	a:active {text-decoration: none; color: #000; }





p {
	margin-top: 12px;
	}


h5 {
	color: #444;
	letter-spacing: 5px;
	text-transform: uppercase;
	margin-bottom: -7px;
	margin-top: 7px;
	position: relative;
	}

	.alc /* alc=ALWAYS LOWER CASE */ {
		text-transform: lowercase;
		}



#videog-div {
	position: relative;
	top: 89px;
	z-index: 0;
	}



/* locale-bar */
	#locale-bar {
		background: rgba(170,170,170, .85);
		border-bottom: solid 1px rgba(187,187,187, .9);
		padding: 10px 75px 23px;
		position: fixed;
		text-align:center;
		top: 60px;
		width: 570px;
		z-index: 2;
		}

		#locale-bar .letter {
			color: #111;
			font-size: 12px;
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: 3.5px;
			}

		#locale-bar .letter-BA {
			color: #888;
			font-size: 12px;
			padding: 0px 5px;
			}

			#locale-bar .letter-BA.BA2 {
				position: relative;
				left: -2.5px;
				}

			#locale-bar hr {
				background: none repeat scroll 0 0 #888;
				border: 0 none;
				height: 1px;
				position: relative;
				top: 4px;
				margin: 0px auto;
				margin-bottom: 7px;
				width: 210px;
				}
/* locale-bar */




/* index-artist & locale-bar artist  OTHER COLORS */
	/* RED artist link indicates items that are at the front of the shelf */
	#locale-bar .red-shelf a:link, .index-artist .red-shelf a:link {text-decoration: none; color: #600; }
	#locale-bar .red-shelf a:visited, .index-artist .red-shelf a:visited {text-decoration: none; color: #600; }
	#locale-bar .red-shelf a:hover, .index-artist .red-shelf a:hover {text-decoration: none; color: #900; }
	#locale-bar .red-shelf a:active, .index-artist .red-shelf a:active {text-decoration: none; color: #600; }

	/* GREEN artist link indicates duplicate / series */
	#locale-bar .green-series a:link, .index-artist .green-series a:link {text-decoration: none; color: #040; }
	#locale-bar .green-series a:visited, .index-artist .green-series a:visited {text-decoration: none; color: #040; }
	#locale-bar .green-series a:hover, .index-artist .green-series a:hover {text-decoration: none; color: #060; }
	#locale-bar .green-series a:active, .index-artist .green-series a:active {text-decoration: none; color: #040; }
/* index-artist & locale-bar artist  OTHER COLORS */




/* BEGIN videog-info */
.videog-info {
	padding: 0px 75px 50px;
	position: relative;
	text-transform: none;
	top: 20px;
	}

	.videog-info a:link {text-decoration: none; color: #444; }
	.videog-info a:visited {text-decoration: none; color: #444; }
	.videog-info a:hover {text-decoration: none; color: #000; }
	.videog-info a:active {text-decoration: none; color: #0a0; }


	.videog-info .ca-main,
	.videog-info .ca-alternate .square {
		box-shadow: 7px 7px 5px rgba(30,30,30, 1);
		text-align: left;
		border: solid 1px rgba(0, 0, 0, 1);
		position: relative;
		}

		.videog-info .ca-main {
			background: url("../zone/video/image/bg/bg-coverart.png") center center;
			background-size: 214px;
			left: -15px;
			margin: 20px 0px 27px;
			width: 214px;
			height: 214px;
			}

		.videog-info .ca-alternate .square {
			background: url("../zone/video/image/bg/bg-coverart.png") center center;
			background-size: 55px;
			display: inline-block;
			width: 55px;
			height: 55px;
			}

	.videog-info .ca-alternate {
		position: absolute;
		right: 51px;
		text-align: center;
		top: 114px;
		width: 360px;
		}

		.videog-info .ca-main .thumb {
			width: auto;
			height: 214px;
			}

		.videog-info .square .thumb {
			width: auto;
			height: 55px;
			}


		.videog-info .ca-main .layer,
		.videog-info .square .layer {
			color: rgba(0,0,0, 0.1);
			text-align: center;
			position: absolute;
			top: 0px;
			z-index: 1;
			}

			.videog-info .ca-main .layer {
				width: 214px;
				height: 214px;
				}

			.videog-info .square .layer {
				width: 55px;
				height: 55px;
				transition: .1s;
				}

		.videog-info .ca-main .layer-text,
		.videog-info .square .layer-text {
			position: relative;
			}

		.videog-info .ca-main .layer-text {
				font: bold 111px verdana;
				top: 37px;
				}

			.videog-info .square .layer-text {
				font: bold 30px verdana;
				top: 7px;
				}


		.videog-info .ca-main .layer:hover,
		.videog-info .square .layer:hover {
			background: rgba(0,0,0, .15);
			color: #070;
			text-shadow: 3px 3px 0 #000,
			-2px -2px 0 #000,  
			2px -2px 0 #000,
			-2px 2px 0 #000,
			2px 2px 0 #000;
			transition-duration: .1s;
			opacity: .7;
			}



		 .videog-info .video {
			left: 327px;
			overflow: hidden;
			padding: 4px 7px 14px;
			position: absolute;
			text-align: center;
			text-overflow: "\00B7\00B7\00B7";
			top: 7px;
			white-space: nowrap;
			width: 307px;
			}


			 .videog-info .video:hover {
				background: url("../zone/video/image/bg/bg-video-info.png") center;
				border: solid 1px #777;
				border-radius: 7px;
				box-shadow: 7px 7px 5px rgba(30,30,30, 1);
				left: 326px;
				top: 6px;
				z-index: 1;
				}

			 .videog-info .vid-category {
				color: rgba(51,51,51, .7);
				font: 15px walter-turncoat;
				opacity: .7;
				text-transform: capitalize;
				}

			 .videog-info .vid-title {
				color: #000;
				font: 21px tahoma-bold;
				letter-spacing: 1px;
				text-transform: capitalize;
				opacity: .7;
				position: relative;
				top: -3px;
				}

						 .videog-info .video:hover .vid-title {
							overflow: visible;
							postion: asbolute;
							white-space: normal;
							width: 800px;
							}


				.videog-info .title-cheat {
					color: #444;
					font-size: 17px;
					position: relative;
					top: 0px;
					}

				 .videog-info .vid-subtitle {
					color: #000;
					font: 15px arial;
					letter-spacing: 1px;
					text-transform: capitalize;
					opacity: .7;
					position: relative;
					top: -3px;
					}

						 .videog-info .video:hover .vid-subtitle {
							overflow: visible;
							postion: asbolute;
							white-space: normal;
							}


			 .videog-info .vid-or-block {
				background: rgba(0, 0, 0, .7);
				color: #aaa;
				font: 9px verdana-bold;
				letter-spacing: 2px;
				padding: 0px 4px 1px 4px;
				text-transform: uppercase;
				position: relative;
				top: -1px;
				}

			 .videog-info .vid-format {
				font: 11px verdana;
				letter-spacing: 3px;
				position: relative;
				text-transform: uppercase;
				}





.VI-havenot {
	}

	.VI-havenot .ca-main .thumb,
	.VI-havenot .ca-alternate .square .thumb,
	.VI-havenot img,
	.ca-alternate .VI-havenot img {
		filter: grayscale(100%) opacity(75%);
		}


			.VI-havenot .video,
			.VI-havenot .vid-category,
			.VI-havenot .vid-title,
			.VI-havenot .ca-alternate .square .thumb,
			.VI-havenot .vid-format {
				color: rgba(50,50,50, .55);
				}

			.VI-havenot .vid-or-block {
				background: rgba(100,100,100, .1);
				color: #555;
				}


					/* still sealed */
						.data.VI-ss {
							background: url("../zone/records/image/bg/DI-ss.png") 649px -.3px no-repeat;
							background-size: 19px;
							}

	 .videog-info .collection {
		left: -21px;
		position: relative;
		width: 594px;
		}


.data-qty {
	color: #f00;
	font: 10px verdana-bold;
	padding-left: 20px;
	}

/* BEGIN number  styling for data */
			ol.prefixed li:before {
				content: 'Q' counter(item, decimal-leading-zero) '. ';
				counter-increment: item;
				font: 10px verdana;
				float: left;
				margin: 2px 4px;
				position: relative;
				}

			/* The <ol> needs to have its counter-reset redefined for each version you want to create. */
			ol.styled { counter-reset: item; }
			ol.styled li {
					overflow: hidden;
					position: relative;
				}

			ol.styled li:before {
				content: '' counter(item, decimal-leading-zero) ' \00B7';
				color: #555;
				top: -2px;
				}
/* END number  styling for data */

		.videog-info .data {
			font: 10px verdana-bold;
			padding: 3px 91px 0px 33px;  /* 3px 17px 0px 17px  TESTING FOR FULL WIDTH HOVER */
			position: relative;
			left: -54px;  /* -21  TESTING FOR FULL WIDTH HOVER */
			text-transform: uppercase;
			width: 100%;  /* 584px  TESTING FOR FULL WIDTH HOVER */
			}

				.videog-info .data:hover {
					background-color: rgba(0,0,0,.1);
					border-right: solid 2px #000;
					position: relative;
					}

				.videog-info .data.wishlist {
					opacity: .2;
					}

					.videog-info .data.wishlist:hover {
						background-color: rgba(0,0,0, .7);
						color: #aaa;
						opacity: 1;
						}


			.videog-info .data-type {
				background: #666;
				border-bottom: solid 1px rgba(54,54,54, .8);
				border-top: solid 1px rgba(54,54,54, .8);
				float: left;
				height: 13px;
				line-height: 11px;
				left: 1px; /* was 7px */
				padding-left: 4px;
				position: relative;
				text-transform: uppercase;
				width: 42px;
				}

				.videog-info .data-type.recordable {
					color: #700;
					}

			.videog-info .data-txt {
				}

				 .data-txt.adl, .bm, .br, .cd, .cs, .dl, .dvd, .lp, .ld, .pl, .udl, .vdl, .vhs {margin-left: 10px; }
				 .data-txt.cdr {margin-left: 9px; }
				 .data-txt.wl {margin-left: 8px; }

			.videog-info .data-dot  {
				font: 10px verdana-bold;
				opacity: .3;
				position: relative;
				}

			.videog-info .data-grade {
				font: 9px verdana-bold;
				letter-spacing: .7px;
				opacity: .5;
				position: relative;
				}


				.videog-info .data-ww  {
					font: 9px verdana-bold;
					opacity: .6;
					position: relative;
					}

				.videog-info .data-source  {
					font: 9px verdana-bold;
					text-transform: lowercase;
					opacity: 0.6;
					position: relative;
					top: -1px;
					}

			.videog-info .data-cover {
				color: #040;
				float: right;
				position: relative;
				right: -18px;
				}


/* NOTES inside COLLECTION div */
	.videog-info .notes {
		font: 11px verdana;
		margin-top: 21px;
		position: relative;
		width: 520px;
		left: 27px;
		}

		.videog-info .collection hr.media-div {
/* for nothing between media types */
/*
			border: 0 none;
			margin: 0px;
*/
/* for line between media types */
			border: 0 none;
			margin: 3px 79px;
			background: rgba(0,0,0, .15) none repeat scroll 0 0;
			height: 1px;
			position: relative;
			width: 134px;
			} 

			.videog-info .collection hr.niu {
/* for nothing between media types */
/*
				margin: 0px;
				height: 0px;
*/
/* for space between DL and whatever */
				margin: 7px;
				height: 0px;
				} 

	blockquote {
		border-left: solid 3px #777;
		margin: 15px 0px 0px;
		padding-left: 7px;
			}
	
			.videog-info .notes-source  {
			font: 9px verdana-bold;
			text-transform: lowercase;
			opacity: 0.6;
			position: relative;
			left: 17px;
			}

			.videog-info .notes-source {
				left: 0px;
				}


		.divider {
			background: none repeat scroll 0 0 #777;
			border: 0 none;
			height: 1px;
			width: 467px;
			}

			/* audio video divider - GREEN */
			.divider.av {
				background: none repeat scroll rgba(0,100,0,1);
				height: 2px;
				}

			/* other divider - RED */
			.divider.other {
				background: none repeat scroll rgba(150,0,0,1);
				height: 2px;
				}

			/* same release divider - DOTTED*/
			.divider.same {
				border: dashed 1px rgba(50,50,50, .3);
				width: 247px;
				}

/* END videog-info */







/* key */
/* see #content above */
#key {
	position: relative;
	top: 29px; /* adjust w/#heading > top for height of info bar */
	}

	/* must be in content div */
	#heading {
		background: #888;
		color: #000;
		font: 10px verdana;
		padding: 0px 0px 1px 150px;
		position: fixed;
		top: 133px; /* adjust w/#key > top for height of info bar */
		word-spacing: 45px;
		width: 570px;
		z-index: 1;
		}

.key-table {
	position: relative;
	top: -5px;
	width: 720px;
	}

	.key-table td {
		padding: 1px 0px;
		text-align: left;
		}

		.key-table td.acr {
			width: 70px;
			padding-left: 150px;
			}

	.key-table tr:hover {
		background: #777;
		color: #222;
		padding-left: 200px;
		width: 100%;
		}


/* key */




/* linkage */
	#linkage {
		font: 21px verdana;
		margin: auto;
		padding: 0px 21px 21px;  /* override videog-info */
		width: 384px;
		}

		#linkage h5 {
			margin-top: 20px;
			text-transform: uppercase;
			}
/* linkage */






/* FIXED */ /* OUTSIDE the wrapper unless noted */
/* FIXED */