/*------------------------------------------------------------------------------
Style Sheet for the Stephensonmusic website -- list pages

version:		1.0
date:			December 19, 2006
author:			Jim Stephenson
email:			kineticjim@stephensonmusic.com
			jim@lockportucc.org  
			jim@kineticjim.com
			sstephenson_lock@hotmail.com
website:		www.stephensonmusic.com
------------------------------------------------------------------------------*/

/*		#bannerSub5	{
				border:			#900 solid 0px;
				background-color:	transparent;
				position:		absolute;
				top:			36px;
				left:			614px;
				width:			220px;
				font-family:		"trebuchet ms",arial,sans-serif;
				font-size:		12px;
				font-weight:		bold;
				letter-spacing:		0px;
				color:			#111;
				text-align:		left;
				}

		#bannerSub3 span	{
				font-variant:		small-caps;
				}		*/

/*		#short-lgnd, #long-lgnd, #video-lgnd	{
				float:			right;
				position:		relative;
				top:			12px;
				width:			18%;
				right:			-4px;
				height:			20px;
				border:			#000000 solid 0px;
				background:		#ffcccc;
				}		

		#short-lgnd p, #long-lgnd p, #video-lgnd p	{
				font-family:		verdana, sans-serif;
				padding:		4px 0 0 0;
				text-align:		center;
				font-size:		10px;
				color:			#000000;
				letter-spacing:		0px;
				}

		#short-lgnd	{
				background:		#ffcccc;
				}

		#long-lgnd	{
				background:		#ccffcc;
				}

		#video-lgnd	{
				background:		#ccccff;
				}		
*/


		#content1x	{
				position:		relative;
				width:			702px;
				top:			0px;
/*				background:		url("blue-grads/lin-60-305x120.gif") no-repeat; */
				background-position:	right top;	
				}

		#content1x h2 	{
				font-family:		"Myriad Pro Cond", georgia, serif;
				font-style:		normal;
				font-size:		22px;
				letter-spacing:		2px;
				padding:		12px 0 0 0;
				margin:			0;
				color:			#dfd864;
				z-index:		2;
				text-align:		center;
				width:			100%;
				}

		#content1x h3 	{
				padding:		6px 0 0 18px;
				margin:			0;
				color:			#ff6666;
				background:		transparent;
				font-size:		75%;
				letter-spacing:		1px;
				font-family:		verdana, arial;
				}	

		#content1x ul.mainlist	{
				list-style:		none;
				padding:		5px 0px 15px 0px;
				margin:			0;
				z-index:		1;
				}				

		#content1x ul.mainlist li.main1	{
				display:		block;
				position:		relative;
				width:			260px;
				font-family:		verdana, sans-serif;	
				font-weight:		900;
				font-size:		80%;
				padding:		3px 0 0 18px;
				cursor:			auto;
				line-height:		16px;
				text-decoration:	none;
				letter-spacing:		1px;
				border-bottom:		transparent solid 1px;
				border-right:		transparent solid 1px;
				color:			#ffffff;
				z-index:		auto;
				}

		#content1x ul.mainlist li.main1:hover	{
				display:		block;
				position:		relative;
/*				background:		#80a0c0;		*/
				background:		url("graphics/main1-bkgnd-40x692-de.gif") right;
				left:			0px;
				cursor:			pointer;
				text-decoration:	none;
				border-bottom:		#333333 solid 1px;
				border-right:		#333333 solid 1px;
				color:			#000000;
				}

		#content1x ul.mainlist li.main1 .for	{
				margin:			4px 0 0 0;
				letter-spacing:		0;
				}
		
		#content1x ul.mainlist li.main1:hover .for	{
				color:			#000000;
				}
		
				
		#content1x ul.mainlist li.main1	span.namvar	{
				font-variant:		small-caps;
				}

/*		#content1x ul.mainlist:hover	{
				display:		block;
				position:		relative;
				background:		transparent;
				cursor:			auto;
				text-decoration:	none;
				border-bottom:		#dddddd solid 0px;
				}	*/	
				
		#content1x ul.mainlist li.main1 p	{
				font-size:		10px;	
				line-height:		14px;	
				top:			0px;
				}	

		.new		{
				font-family:		georgia;
				font-style:		italic;
				font-size:		9px;
				line-height:		12px;
				background:		#cccccc;
				color:			#333333;
				padding:		0 0 0 0;
				}
				
		#content1x ul.mainlist li.main1:hover .new	{
				background:		#333333;
				color:			#cccccc;
				}

		.for		{
				font-size:		11px;
				font-style:		normal;
				font-weight:		500;
				display:		block;
				line-height:		12px;
				padding:		0 0 6px 0;
				margin:			0px;
				width:			100%;
				}
				
/*		.for:hover	{
				color:			#666666;
				}		*/

		.cpu		{
				position:		absolute;
				font-family:		verdana, sans-serif;
				display:		none;
				width:			430px;	
				left:			273px;
				height:			41px;
				top:			0px;	
				background:		url("graphics/main1-bkgnd-40x692-de.gif");
				border-bottom:		#333333 solid 1px;
				border-right:		#333333 solid 1px;
				cursor:			auto;
				z-index:		auto;
				}
				
/*		#rightStripe	{
				position:		relative;
				display:		block;
				float:			left;
				height:			2000px;	
				width:			304px;
				left:			545px;
				top:			24px;
				background:		#a0c0e0;
				border-right:		#406080 solid 0px;
				}		*/
				
		#rightStripe p	{
				z-index:		1;
				}
				
		.cpu ul		{
				background:		transparent;
				left:			0px;
				}
				
		.cpu ul p	{
				line-height:		11px;
				}

		#content1x li div.cpu	{
				display:		none;
				}

		#content1x li:hover div.cpu	{
				display:		block;
				}

		#content1 table	{
				height:			18px;
				}
				
		#content1.white-bkgnd	{
				background:		#ffffff;
				}
				
		#content1.white-bkgnd p, #content1.white-bkgnd h4	{
				padding:		6px 12px;
				}
				
				
				
/* - - - - - styles for items residing in cpu - - - - - */

		.cpu h1		{
				color:			#333366;
				font-size:		16px;
				line-height:		22px;
				padding:		0;
				margin:			0;
				background:		transparent;
				}

		.cpu h1 span	{
				margin:			0px 0 0 6px;
				}

		.cpu h3		{
				color:			#000000;
				font-size:		10px;
				line-height:		18px;
				background:		transparent;
				}

		.cpu h3 span	{
				padding:		12px 0 0 0;
				margin:			0;
				}
				
		.cpu h4		{
				position:		relative;
				float:			left;
				color:			#000000;
				font-size:		18px;
				padding:		12px 6px 12px 0;
				
				}
				
		.cpu h4 span	{
				color:			#cc0099;
				}

/*		#content1x div.cpu p		{
				font-size:		80%;
				line-height:		10px;
				}	
				
		#content1x div.cpu p.listen	{
				position:		absolute;
				top:			28px;
				font-size:		12px;
				display:		none;
				}

		#content1x div.cpu p.listen:hover	{
				background:		#cccccc;
				display:		inline;
				z-index:		10;
				}	*/


		.cpu img	{
				z-index:		10;
				}				
				
		.cpu .listen-ba	{
				position:		absolute;
				top:			0px;
				}
				
		.cpu .listen-ba	span{
				line-height:		18px;
				vertical-align:		bottom;
				}				
				
		.cpu .listen2 	{
				position:		relative;
				top:			20px;
				left:			12px;
				font-size:		85%;
				}
				
		.cpu li.listen2 a	{
				font-size:		95%;
				line-height:		12px;
				margin:			0;
				padding:		0;
				left:			24px;
				}

		.cpu .themehead	{
				position:		relative;
				top:			0px;
				left:			0px;
				font-size:		90%;
				padding:		6px 0 0px 12px;
				}
							
		.cpu li.theme a	{
				position:		relative;
				display:		block;
				top:			0px;
				left:			24px;
				line-height:		13px;
				font-size:		11px;
				margin:			0;
				padding:		0 0 0 12px;
				}
				
		.price		{
				border: 		#000000 solid 0px;
				float:			left;
				height: 		30px;
				width: 			40px;
				position: 		absolute;
				top: 			20px;
				left: 			-68px;
				font-size:		11px;
				text-align:		left;
				}
				
		.rental		{
				border: 		#000000 solid 0px;
				float:			right;
				height: 		30px;
				width: 			75%;
				position: 		absolute;
				top: 			137px;
				right: 			12px;
				font-size:		11px;
				text-align:		right;
				line-height:		12px
				}		


		ul.hear-long, ul.hear-short, ul.video-clip		{
				list-style:		none;
				position:		relative;
				background:		transparent;
				width:			50%;
				top:			48px;
				font-size:		10px;
				line-height:		13px;
				padding:		0;
				margin:			0 0 0 0;
				z-index:		-1;
				}

		.hear-short	{
				background:		#ffcccc;
				right:			125px;
				}

		.hear-short li	{
				padding:		0 0 0 0px;
				}

		.hear-long	{
				background:		transparent;
				left:			0px;
				letter-spacing:		0px;
				}

		.hear-long li	{
				padding:		0 0 0 0;
				display:		inline;
				background:		transparent;
				}
				
		.cpu ul.hear-long li p	{
				float:			left;
				padding:		0;
				margin:			0;
				font-size:		12px;
				}

		.video-clip	{
				background:		#ccccff;
				right:			125px;
				}

		.video-clip li	{
				padding:		0 0 0 2px;
				}
				
		.score		{
				position:		absolute;
				float:			right;
				right:			12px;
				top:			168px;
				width:			190px;
				text-align:		right;
				color:			#33cc33;
				font-family:		"trebuchet ms",Tahoma, Arial, "sans serif";
				font-weight:		bold;
				font-size:		12px;
				z-index:		2;
				}
				
		.score:hover	{
				cursor:			pointer;
				}
				
		.score-popup	{
				position:		absolute;
				top:			12px;
				left:			-630px;
				display:		block;
				width:			320px;
				background:		#f7f7d7;
				text-align:		justify;
				color:			black;
				padding:		6px 6px 6px 0;
				z-index:		100;
				display:		none;
				cursor:			auto;
				}
		
		.score:hover .score-popup	{
				display:		block;
				cursor:			pointer;
				}

		.pnotes		{
				position:		absolute;
				right:			102px;
				top:			144px;
				width:			102px;
				text-align:		right;
				color:			#cc3333;
				font-family:		"trebuchet ms",Tahoma, Arial, "sans serif";
				font-weight:		bold;
				font-size:		12px;
				z-index:		2;
				line-height:		12px;
				}
				
		.pnotes:hover	{
				cursor:			pointer;
				color:			#ff6666;				
				}
				
		.pnotes-popup	{
				font-family:		verdana, serif;
				position:		absolute;
				top:			15px;
				left:			-96px;
				display:		block;
				width:			320px;
				background:		#f0f0f0;
				text-align:		justify;
				color:			black;
				padding:		6px 6px 6px 0;
				z-index:		100;
				display:		none;
				cursor:			auto;
				}
		
		.pnotes:hover .pnotes-popup	{
				display:		block;
				cursor:			pointer;
				}

		.cpu p.bigfirst:first-letter	{
				font-size:		300%;
				float:			left;
				color:			#999900;
				margin:			0px 0 0 0;
				line-height:		10px;
				padding:		0px 0 0 0;
				border:			#000000 solid 1px;
				}

		.hear-short a:link, .hear-short a:active, .hear-short a:visited,
		.hear-long a:link, .hear-long a:active,	.hear-long a:visited,
		.video-clip a:link, .video-clip a:active, .video-clip a:visited	{
				display:		inline;
				font-size:		100%;
				color:			#660000;
				text-decoration:	none;
				cursor:			pointer;
				padding:		0 0 0 0px;
				margin:			0;
				background:		transparent;
				}

		.hear-short a:hover, .hear-long a:hover, .video-clip a:hover	{
				display:		inline;
				font-size:		100%;
				color:			#cc6666;
				text-decoration:	underline;
				padding:		0 0 0 0px;
				margin:			0;
				background:		transparent;
				}
				
		.pfnpopup	{
				float:			left;
				position:		absolute;
				top:			137px;
				left:			-165px;
				width:			450px;
				height:			750px;
				background:		#ffffcc;
				text-align:		justify;
				border:			#666600 solid 2px;
				z-index:		10;
				}

		.pfnpopup p	{
				font-size:		12px;
				padding:		10px 0px 0px 10px;
				}
				
		.pfnpopup h3	{
				background:		transparent;
				padding:		10px 0px 0px 10px;
				}
				
		#siteBanner	{
				background:		#6781a6;
				position:		relative;
				top:			0px;
				left:			0px;
				width:			100%;
				height:			144px;	
				font-family:		"trebuchet ms";
				color:			#336699;
/*				background:		url("graphics/grad to 6781a6.jpg") repeat-x;	*/
				z-index:		10;
				}	

/*		#leftNav h3	{
				position: 		relative; 
				top: 			8px;
				padding:		36px 0 0 3px;
				color:			#ffffff;
				font-weight:		900;
				z-index:		2;
				}		*/
								
		.listen-icon	{
				position:		relative;
				width:			120px;
				background:		transparent;
				top:			-48px;
				z-index:		10;
				}
				
		.flash-btn	{
				position:		relative;
				float:			left;
				width:			100px;
				top:			0px;
				left:			0px;
				}

		.flash-btn-x	{
				position:		relative;
				float:			left;
				width:			100px;
				top:			0px;
				left:			0px;
				z-index:		auto;
				}

/* ----------------------------------- thumbnail picture --------------------------------*/

		.thumbpic 	{
				float: 			right;
				right:			4px;
				position: 		relative; 
				top: 			4px;
				}
				
		.thumbpic img	{
				margin:			0;
				padding:		0;
				border-right:		#666666 solid 2px;
				border-bottom:		#666666 solid 2px;
				}
				
		.thumbpic:hover	{
				cursor:			pointer;
				}

		.thumbpic:hover .picdefault	{
				cursor:			pointer;
				display:		block;
				}
				
		.picdefault	{
				float: 			left;
				position: 		absolute;
				width: 			410px;
				top: 			0px;
				background:		#333344;
				right: 			0px;
				z-index: 		100;
				text-align: 		center;
				font-weight:		bold;
				line-height:		12px;
				border:			#000000 solid 0px;
				display:		none;
				}
				
		.picdefault img	{
				width: 			410px;
				z-index: 		100;
				}		

		.picdefault p	{
				font-family:		verdana, sans-serif;
				font-weight:		500;
				line-height:		14px;
				font-size:		11px;
				padding:		6px 0 18px 0;
				margin:			0;
				color:			#cccccc;
				}

/* ----------------------- common styles for roll-over buttons ---------------------- */

		#content1x ul.mainlist li .ro-button	{
				position:		relative;
				float:			left;
				width:			76px;
				height:			24px;
				margin:			8px 0 0 0px;
				left:			0px;
				background:		url("graphics/list-links/grey-off-24x66.gif");
				border-top:		#ffffff solid 1px;
				border-right:		#336600 solid 2px;
				border-bottom:		#336600 solid 2px;
				border-left:		#ffffff solid 1px;
				}

		#content1x ul.mainlist li .ro-button p	{
				position:		relative;
				top:			2px;
				left:			0px;
				padding:		0 0 0 1px;
				margin:			0;
				font-size:		9px;
				line-height:		10px;
				text-align:		center;
				}

		#content1x ul.mainlist li .ro-button img {
				position:		absolute;
				top:			-2px;
				left:			24px;
				z-index:		auto;
				}

		#content1x ul.mainlist li .ro-button:hover	{
				background:		url("graphics/list-links/grey-on-24x66.gif");
				cursor:			pointer;
				}

/* ----------------------------------- pdf button ----------------------------------- */

		#content1x ul.mainlist li .pdf-button	{
				display:		none;			/* display = "none" or "inline" to not see or see */
				position:		absolute;
				width:			66px;
				height:			24px;
				top:			9px;
				left:			141px;
				background:		url("graphics/list-links/grey-off-24x66.gif");
				border-right:		#336600 solid 1px;
				border-bottom:		#336600 solid 1px;
				}

		#content1x ul.mainlist li .pdf-button p	{
				position:		absolute;
				top:			2px;
				left:			0px;
				font-size:		9px;
				line-height:		10px;
				text-align:		center;
				}

		#content1x ul.mainlist li .pdf-button:hover	{
				background:		url("graphics/list-links/grey-on-24x66.gif");
				cursor:			pointer;
				}	
				
		#content1x ul.mainlist li .pdf-button .pdf-popup		{
				display:		none;
				}	

		#content1x ul.mainlist li .ro-button:hover .pdf-popup	{
				display:		block;
				cursor:			pointer;
				}
				
		#content1x ul.mainlist li .pdf-popup	{
				display:		none;
				position:		relative;
				top:			3px;
				left:			-36px;
				width:			168px;
				background:		#ffffff url("graphics/list-links/ffffff-c8c8c8-lin-120x100.gif") bottom repeat-x;
				border-right:		#333333 solid 1px;
				border-bottom:		#333333 solid 1px;
				border-top:		#ffffff solid 1px;
				border-left:		#ffffff solid 1px;
				z-index:		100;
				margin:			0;
				}
				
		#content1x ul.mainlist li .pdf-popup p	{
				position:		relative;
				top:			0px;
				left:			0px;
				margin:			0px 9px 3px 12px;
				padding:		3px 0 0 0;
				font-size:		10px;
				line-height:		12px;
				color:			black;
				text-align:		left;
				}

		#content1x ul.mainlist li .pdf-popup ul	{
				position:		relative;
				margin:			0;
				padding:		9px 0 3px 0;
				color:			black;
				}
				
		#content1x ul.mainlist li .pdf-popup ul.wide	{
				width:			246px;
				background:		#cccccc;
				}
				
		#content1x ul.mainlist li .pdf-popup ul.vwide	{
				width:			330px;
				background:		#cccccc;
				}
		
				
		#content1x ul.mainlist li .pdf-popup li	{
				font-family:		arial;
				line-height:		15px;
				padding:		0px 0 4px 0;
				margin:			0 0 0px 0;
				}

		#content1x ul.mainlist li .pdf-popup li a:link, .pdf-popup li a:visited	{
				display:		block;		/* required for block RO */
				width:			100%;		/* required for IE */
				font-size:		11px;
				font-weight:		900;
				color:			#990000;
				text-decoration:	none;
				}

		#content1x ul.mainlist li .pdf-popup li a:hover, .pdf-popup li a:active	{
/*				background:		#cccccc url("graphics/rollover-bkgnd-ccc-eee-circ.gif");	*/
				background:		#577196;
				color:			#ffffff;
				text-decoration:	none;
				}

		#content1x ul.mainlist li .pdf-popup:hover	{
				display:		block;
				cursor:			pointer;
				z-index:		10;
				}

/* ---------------------------------- listen button ---------------------------------- */

/*		.listen-button	{
				position:		absolute;
				width:			66px;
				height:			24px;
				top:			9px;
				left:			70px;
				background:		url("graphics/list-links/grey-off-24x66.gif");
				border-right:		#336600 solid 1px;
				border-bottom:		#336600 solid 1px;
				z-index:		auto;
				}
				
				
		.listen-button img.watch	{
				top:			0px;
				left:			7px;
				}	
				
		.listen-button p	{
				position:		absolute;
				top:			3px;
				left:			9px;
				font-size:		9px;
				line-height:		10px;
				}	
				
		.listen-button p.btn-txt	{
				top:			10px;
				left:			12px;
				font-size:		11px;
				font-family:		arial;
				font-weight:		900;
				letter-spacing:		2px;
				text-align:		center;
				}
				
		.listen-button p.soon	{
				top:			0px;
				font-size:		11px;
				font-family:		arial;
				font-weight:		900;
				letter-spacing:		2px;
				text-align:		center;
				line-height:		8px;
				}	
				

		.ro-button:hover	{
				background:		url("graphics/list-links/grey-on-24x66.gif");
				cursor:			pointer;
				}	*/
				
		.ro-button:hover .listen-popup	{
				display:		block;
				cursor:			auto;
				}
				
		.listen-popup	{
				display:		none;
				position:		relative;
				top:			12px;
				left:			-16px;
				min-width:		224px;
				background:		#ffffff url("graphics/list-links/ffffff-c8c8c8-lin-120x100.gif") bottom repeat-x;
				border-right:		#666666 solid 1px;
				border-bottom:		#666666 solid 1px;
				z-index:		100;
				margin:			0;
				padding:		0 0 0 0;
				}
				
		#content1x div.ro-button div.listen-popup p	{
				position:		relative;
				top:			0px;
				left:			0px;
				margin:			0;
				padding:		3px 6px;
				font-size:		10px;
				line-height:		13px;
				color:			#000000;
				text-align:		left;
				cursor:			pointer;
				}

		.listen-popup ul	{
				position:		relative;
				margin:			0;
				padding:		9px 0 3px 0;
				color:			black;
				}
				
		.listen-popup ul.wide	{
				width:			246px;
				background:		#cccccc;
				}
				
		.listen-popup ul.vwide	{
				width:			330px;
				background:		#cccccc;
				}
		
				
		.listen-popup li	{
				font-family:		arial;
				line-height:		15px;
				padding:		0px 0 4px 0;
				margin:			0 0 0px 0;
				}

		.listen-popup li a:link, .listen-popup li a:visited	{
				display:		block;		/* required for block RO */
				width:			100%;		/* required for IE */
				font-size:		11px;
				font-weight:		900;
				color:			#990000;
				text-decoration:	none;
				}

		.listen-popup li a:hover, .listen-popup li a:active	{
/*				background:		#cccccc url("graphics/rollover-bkgnd-ccc-eee-circ.gif");	*/
				background:		#577196;
				color:			#ffffff;
				text-decoration:	none;
				}

		.listen-popup:hover	{
				display:		block;
				cursor:			pointer;
				z-index:		10;
				}
				
		.indnt		{
				padding:		0 0 0 12px;
				}


/* ----------------------------------- buy button ----------------------------------- */
				
		#content1x ul.mainlist li .ro-button .buy-popup	{
				position:		relative;
				top:			0px;
				left:			0px;
				min-width:		138px;
				background-color:	#ff9999;
				border-right:		#666666 solid 1px;
				border-bottom:		#666666 solid 1px;
				color:			black;
				z-index:		1;
				display:		none;
				cursor:			auto;
				margin:			0 0 0 9px;
				}

		#content1x ul.mainlist li .ro-button:hover .buy-popup	{
				display:		block;
				cursor:			auto;
				}
								
		#content1x ul.mainlist li .buy-popup.daytude	{
				background:		#ffffff url("images/daytudescover_25op_390px.jpg") no-repeat;
				height:			510px;
				}
				
		#content1x ul.mainlist li .buy-popup p.daytude	{
				font-family:		arial;
				font-size:		14px;
				line-height:		18px;
				padding-top:		18px;
				}
				
		#content1x ul.mainlist li .buy-popup p.daytude	span	{
				color:			#0099cc;
				font-weight:		900;
				letter-spacing:		1px;
				font-size:		120%
				}
		
		#content1x ul.mainlist li .buy-popup p.daytude.tstmon	{
				padding-top:		0;
				padding-bottom:		6px;
				line-height:		14px;
				font-size:		90%;
				}


		#content1x ul.mainlist li .buy-popup p.big-first:first-letter	{
				position:			relative;
				float:				left;
				font-size:			300%;
				color:				#0099cc;
				margin:				-4px 0 0 0;
				}
		
		#content1x ul.mainlist li .buy-popup:hover	{
				cursor:			pointer;
				}


		#content1x ul.mainlist li .buy-popup p	{
				font-family:		arial, verdana;
				font-weight:		900;
				font-size:		12px;
				line-height:		12px;
				text-align:		left;
				margin:			0px 9px 3px 12px;
				padding:		0 0 6px 0;
				}
				
		#content1x ul.mainlist li .buy-popup form.form1	{
				position:		relative;
				width:			100%;
				height:			30px;
				left:			30px;
				top:			-6px;
				display:		block;
				}


		#content1x ul.mainlist li .buy-popup form.form2	{
				position:		relative;
				width:			100%;
				height:			30px;
				left:			30px;
				top:			-6px;
				display:		block;
				}

		#content1x ul.mainlist li .buy-popup h3	{
				font-size:		12px;
				line-height:		14px;
				margin:			0;
				padding:		6px 12px;
				color:			#333333;
				font-family:		verdana, arial;
				}
				
		#content1x ul.mainlist li .buy-popup h3.linethru	{
				text-decoration:	line-through;
				}
		
/* ----------------------------------- dd button ----------------------------------- */
								
		#content1x ul.mainlist li .buy-popup h3	{
				font-size:		11px;
				line-height:		14px;
				margin:			0;
				padding:		6px 12px;
				}
				
		#content1x ul.mainlist li .buy-popup h3.linethru	{
				text-decoration:	line-through;
				}

/* ----------------------------------- rent button ----------------------------------- */
						
		content1x ul.mainlist li .ro:hover .rent-popup	{
				display:		block;
				cursor:			auto;
				}
				
		content1x ul.mainlist li .rent-popup	{
				position:		relative;
				top:			1px;
				left:			-24px;
				min-width:		126px;
				background:		#ffffff url("graphics/list-links/ffffff-c8c8c8-lin-120x100.gif") bottom repeat-x;
				border-right:		#666666 solid 1px;
				border-bottom:		#666666 solid 1px;
				color:			black;
				z-index:		100;
				display:		none;
				cursor:			auto;
				}

		content1x ul.mainlist li .rent-popup p	{
				font-size:		10px;
				line-height:		12px;
				text-align:		left;
				margin:			0;
				padding:		12px;
				}
				
		content1x ul.mainlist li .rent-popup h3	{
				font-size:		12px;
				line-height:		14px;
				margin:			0;
				padding:		12px;
				}

/* --------------------------------- review button --------------------------------- */

		#content1x ul.mainlist li .review2	{
				position:		absolute;
				left:			90px;
				top:			144px;
				width:			100px;
				line-height:		12px;
				}

		#content1x ul.mainlist li .review3	{
				position:		absolute;
				left:			190px;
				top:			144px;
				width:			100px;
				line-height:		12px;
				}
				
		#content1x ul.mainlist li .ro-button:hover .review-popup	{
				display:		block;
				cursor:			pointer;
				z-index:		10;
				}

		#content1x ul.mainlist li .review-popup	{
				position:		relative;
				top:			1px;
				left:			-105px;
				width:			270px;
				background:		#f7f7d7;
				color:			black;
				z-index:		100;
				display:		none;
				cursor:			auto;
				}

		#content1x ul.mainlist li .review-popup p	{
				font-family:		arial;
				position:		relative;
				font-size:		11px;
				line-height:		14px;
				text-align:		left;
				margin:			0;
				padding:		6px 12px;
				}

		#content1x ul.mainlist li .review-popup p.btn-txt	{
				margin:			12px;
				}	
				
/* --------------------------------- details button --------------------------------- */

/*		#content1x ul.mainlist li .details-button		{
				position:		relative;
				float:			left;
				width:			66px;
				height:			24px;
				top:			0px;
				left:			154px;
				background:		url("graphics/list-links/grey-off-24x66.gif");
				border-right:		#336600 solid 1px;
				border-bottom:		#336600 solid 1px;
				}	
				
		#content1x ul.mainlist li .details-button p	{
				position:		relative;
				top:			2px;
				left:			0px;
				padding:		0;
				margin:			0;
				font-size:		9px;
				line-height:		10px;
				text-align:		center;
				}

		#content1x ul.mainlist li .review2	{
				position:		absolute;
				left:			90px;
				top:			144px;
				width:			100px;
				line-height:		12px;
				}

		#content1x ul.mainlist li .review3	{
				position:		absolute;
				left:			190px;
				top:			144px;
				width:			100px;
				line-height:		12px;
				}

		#content1x ul.mainlist li .details-button:hover	{
				cursor:			pointer;
				color:			#000000;
				background:		url("graphics/list-links/grey-on-24x66.gif");
				}	*/
				
		#content1x ul.mainlist li .ro-button:hover .details-popup	{
				display:		block;
				cursor:			pointer;
				z-index:		10;
				}

		#content1x ul.mainlist li .details-popup	{
				position:		relative;
				top:			2px;
				left:			-240px;
				width:			400px;
				min-height:		200px;
				background:		#ffffff;
				color:			black;
				z-index:		1000;
				display:		none;
				cursor:			auto;
				padding:		6px ;
				border-top:		#9999ff solid 2px;
				border-right:		#6666cc solid 2px;
				border-bottom:		#6666cc solid 2px;
				border-left:		#9999ff solid 2px;
				}

		#content1x ul.mainlist li .details-popup ul	{
				padding:		2px 0 3px 24px;
				font-size:		80%;
				}

		#content1x ul.mainlist li .details-popup p	{
				font-family:		verdana;
				position:		relative;
				font-size:		11px;
				font-weight:		500;
				line-height:		14px;
				text-align:		left;
				margin:			0;
				padding:		3px 6px;
				}

		#content1x ul.mainlist li .details-popup p span	{
				font-size:		13px;
				color:			#000000;
				font-weight:		900;
				}

		#content1x ul.mainlist li .details-popup p span.ttls	{
				color:			#990000;
				font-style:		italic;
				font-size:		11px;
				font-weight:		900;
				}

		#content1x ul.mainlist li .details-popup h3	{
				font-family:		georgia, "times new roman", serif;
				font-size:		18px;
				font-weight:		900;
				color:			#000099;
				background:		transparent;
				padding:		6px;
				}

		#content1x ul.mainlist li .details-popup h3 span	{
				font-size:		16px;
				font-weight:		500;
				}

		#content1x ul.mainlist li .details-popup p.carlist	{
				font-size:		11px;
				padding:		0px 24px;
				}

		#content1x ul.mainlist li .details-popup p.btn-txt	{
				margin:			12px;
				}	

		#content1x ul.mainlist li .details-popup .cart	{
				top:			0px;
				left:			0px;
				}

/* -----------------------------------*/

A.button:link, A.button:visited, A.button:active	{
		text-decoration: 	none;
		color: 			#660000;
		font-weight: 		900;
		font-size:		100%;
		}

A.button:hover	{
		text-decoration: 	none;
		color:			#cc3333;
		font-weight: 		900;
		}

/* -----------------------------------*/