/*------------------------------------------------ global */

body
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: none;
	text-align: center;
	font-size: 76%;
	font-family: verdana, sans-serif;
	font-weight: 400;
	background-color: #E7E7F0;
	color: #676767;
}


form {display: inline; }

hr
{
	clear: both;
	height: 1px;
	border: 0px;
	margin: 0 0 1em 0;
	color: #676767;
	background-color: #676767;
}

div.break
{
	height: 1px;
	clear: both;
	width: 99%;
	margin: 0 0 1em 0;
	background-color: transparent;
}

.clearall {clear: both; }

.sub 
{
	font-size: 0.8em;
}

code { font-size: 1.1em; }

a
{
	text-decoration: none;
	color: #1236B4;
}
	a:visited { color: #9243AC; }
	a:hover { color: #1544E7; }
	a:active {}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
	font-family: Verdana, sans-serif;
	font-weight: normal;
	margin: 2em 0 0.5em 0; /*???*/
	color: #bf7330;
}

h1
{
	font-size: 1.8em;
	line-height: 0.8em;
}

h1.pagetitle, h1#artworktitle
{ margin: 0em 0 0.5em 0; /*???*/ }
/* also need to set margin in div#head h1 */

h2
{
	font-size: 1.4em;
}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1em;}
h6 {font-size: 0.9em;}


/*------------------------------------------------ banner */
#banner
{
	position: absolute;
	/*position: relative to insert before wrapper, absolute for under wrapper
	pos relative causes offset problems with imagezoom*/
	height: 123px;
	width: 100%;
	top: 82px;
	left: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index: 110;
	overflow: hidden;
	background-color: transparent;
	background-image: url(/navimg/mikej-bannerbg2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
/*------------------------------------------------ wrapper */
#wrapper
{
	width: 770px;
	position: relative;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	z-index: 100;
	text-align: left;
	overflow: auto;
	min-height: 950px;
	/*to stop ajax images leaking on short pages*/
	background-color: #FFF;
}

/*------------------------------------------------ logo */
#logo
{
	width: 770px;
	padding: 0px;
	margin: 0px;
	height: 82px;
	background-color: #E7E7F0;
	background-image: url(/navimg/mikej-logobg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/*------------------------------------------------ top nav */
div#topnav
{
	position: absolute;
	top: 63px;
	left: 0px;
	width: 770px;
	height: 19px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 0.9em;
	line-height: 0.8em;
	background-color: #7578aa;
	background-image: url(/navimg/mikej-topnavbg.jpg);
	background-repeat: no-repeat;
}

	div#topnav ul
	{
		list-style: none;
		margin: 0px; 
		padding: 0px;
	}
	
		div#topnav li 
		{
			float: left;
		}
		
			div#topnav li a, div#topnav li a:visited
			{
				display: block;
				margin: 0px;
				padding: 5px 10px 2px 10px;
				color: #E6EDFF;
			}
							
				div#topnav li a:hover
				{ color: #fff; } 
	
				div#topnav li a:active {}
	
		div#topnav li a.on, div#topnav li a.on:visited
		{ 
			font-weight: bold; 
			color: #fff;
		}
	
			div#topnav li a.on:hover {}
	
			div#topnav li a.on:active {}
			
/*------------------------------------------------ side nav */

div#sidenav
{
	display: inline;
	float: right;
	width: 150px;
	font-size: 0.9em;
	line-height: 1em;
	margin: 155px 25px 0 15px;
	overflow: hidden;
	background-color: #eeeff5;
}

	div#sidenav ul
	{
		list-style: none;
		margin: 0px; 
		padding: 0px;
	}
		div#sidenav ul ul { margin: 0px 0px 0px 0px; } /* extra indenting for sub pages */
	
		div#sidenav li 
		{
			
		}
		
			div#sidenav li a, 
			div#sidenav li a:visited
			{
				display: block;
				/*width: 134px;  sidenav width minus padding, minus 1 for active border */
				padding: 5px 5px 5px 10px;
				color: #7578aa;
			}
					div#sidenav li li a, 
					div#sidenav li li a:visited /* less top/bottom padding for sub pages*/
					{
						padding: 3px 5px 3px 10px;
					}
							
				div#sidenav li a:hover,
				div#sidenav li li a:hover
				{ 
					background-color: #e2d0c4;
				} 
	
				div#sidenav li a:active {}
	
				div#sidenav li a.on, 
				div#sidenav li a.on:visited, 
				div#sidenav li.nestopen a.neston, 
				div#sidenav li.nestopen a.neston:visited
				{ 
					background-color: #d6b192;
					color: #2d3177;
				}
	
					div#sidenav li a.on:hover {}
	
					div#sidenav li a.on:active {}



/*------------------------ nested arrows/spots */

				/* closed arrow */
				div#sidenav li.nestclosed a,
				div#sidenav li.nestclosed a:visited
				{
				}
							/* small closed arrow */
							div#sidenav li li.nestclosed a, 																										
							div#sidenav li li.nestclosed a:visited
							{
							}
				
				/* open arrow */
				div#sidenav li.nestopen a.nest, 
				div#sidenav li.nestopen a.nest:visited
				{
				}
							/* small open arrow */
							div#sidenav li li.nestopen a.nest,
							div#sidenav li li.nestopen a.nest:visited 
							{
							}

				/* open arrow hover */							
				div#sidenav li.nestopen a.nest:hover
				{
				}
							/* small open arrow hover */
							div#sidenav li li.nestopen a.nest:hover
							{
							}

				/* open arrow on */							
				div#sidenav li.nestopen a.neston, 
				div#sidenav li.nestopen a.neston:visited
				{
				}
							/* small open arrow on */
							div#sidenav li li.nestopen a.neston, 
							div#sidenav li li.nestopen a.neston:visited
							{
							}

				/* closed arrow hover */							
				div#sidenav li.nestclosed a:hover
				{
				}
							/* small closed arrow hover */							
							div#sidenav li li.nestclosed a:hover
							{
							}

						/* sub page */							
						div#sidenav li li a, div#sidenav li li a:visited
						{
						}

						/* sub page on/hover*/							
						div#sidenav li li a:hover,
						div#sidenav li li a.on, div#sidenav li li a.on:visited
						{ }


	div#sidenav h1, 
	div#sidenav h2, 
	div#sidenav h3, 
	div#sidenav h4, 
	div#sidenav h5, 
	div#sidenav h6		
	{ 
		line-height: 1em; 
		margin: 1em 0 0.2em 0;
		background-color: #bf7330;
		color: #fff;
	}

	div#sidenav h1 {}
	
	div#sidenav h2 {}

	div#sidenav h3 {}
	
	div#sidenav h4 {}
	
	div#sidenav h5 {}
	
/*------------------------ cart items in sidenav */
div#sidenavcart
{
}

/* view cart button */
div#sidenavcart ul li a, div#sidenavcart ul li a:visited
{
	background-image: url(/navimg/checkout-carticon.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding: 0px 0 0 22px;
}
/* item in cart */
div#sidenavcart ul li ul
{
	margin: 0 1px 0 1px;
	max-height: 150px;
	overflow: auto;
}
						div#sidenav div#sidenavcart li li a, 
						div#sidenav div#sidenavcart li li a:visited
						{
							background-image: url(/navimg/genl-sn5-spot.gif);
							background-position: 4px 6px;
							padding: 4px 0 0 14px;
						}

						div#sidenav div#sidenavcart li li a:hover,
						div#sidenav div#sidenavcart li li a.on, 
						div#sidenav div#sidenavcart li li a.on:visited
						{ 
							background-image: url(/navimg/genl-sn5-spot-on.gif); 
						}



/*--------------- sidebar */

	#sidebar
	{ line-height: 1.1em; width: 135px; }
	
		div#sidenav div#sidebar a, 
		div#sidenav div#sidebar a:visited,
		div#presidebar a, 
		div#presidebar a:visited
		{ display: inline; background-image: none; }
		
		div#sidebar h1,
		div#sidebar h2,
		div#sidebar h3,
		div#sidebar h4
		{}

	div#sidenav div#sidebar ul { list-style: disc outside; }
	
	div#sidenav div#sidebar li
	{ padding: 5px 5px 5px 12px; }
	
			div#sidenav div#sidebar li a, 
			div#sidenav div#sidebar li a:visited
			{
				display: inline;
				/*width: 134px;  sidenav width minus padding, minus 1 for active border */
				padding: 0px 0px 0px 0px;
				background-image: none;
				color: #727272;
			}

			div#sidebar h1 {}
			div#sidebar h2 {}
			div#sidebar h3 {}
			div#sidebar h4 {}
		
		div#sidebar p {  }

		div#sidebar .imgbox, div#sidebar .imgbox-r, div#sidebar .imgbox-c, 
		div#sidebar .movbox, div#sidebar .movbox-r, div#sidebar .movbox-c
		{ 
			font-size: 0.9em;
			line-height: 1em;
			margin-left: 10px;
		}


/*------------------------------------------------ search */

div#search
{
	position: absolute;
	top: 25px;
	left: 10px;
	width: 220px;
	z-index: 10;
	font-size: 0.9em;
	text-align: left;
	background-color: transparent;
}
	
	div#search label 
	{ 
		display: none;
		font-size: 0.9em; 
		color: #8e91ba; 
	}

	div#search a, div#search a:visited
	{}

		div#search a:hover {}

		div#search a:active {}

	div#search input
	{
		border-width: 1px;
		border-style: solid;
		width: 110px;
		padding: 1px;
		font-size: 0.9em;
		font-weight: bold;
		border-color: #8e91ba;
		color: #555555;
		background-color: transparent;
	}

		div#search input:hover { color: #000; }
	
		div#search input.btn
		{
			width: 40px;
			margin: 0px 0px 0px 2px;
			padding: 0px;
			border-color: #8e91ba;
			color: #555555;
		}

			div#search input.btn:visited {}

			div#search input.btn:hover			
			{
				background-color: #fff; 
				border-color: #000; 
				color: #000;
			}

/*------------------------------------------------ content :  container */

div#content
{
	/*float: right;   can combined with float:left on #sidenav to reverse content and sidenav  */
	float: left;
	clear: none;
	position: relative;
	width: 550px;
	/* rmv width to have cont flow around sidenav/sidebar ?? margin-doubling on img in IE*/
	left: 25px;
	margin-top: 142px;
	font-size: 1em;
	line-height: 1.3em;
	/* should be in body? or differnet for each main container?*/
	background-color: transparent;
	color: #676767;
}

/*--------------------------------------------------------------------- content */



/*------------------------------------------------ content :  general text */

	div#content p, 
	div#content ul, 
	div#content ol, 
	div#content table 
	{ margin: 0 0 1em 0; }

		div#content blockquote
		{ margin: 0 2em 1em 2em; }
		
	div#content h1, 
	div#content h2, 
	div#content h3, 
	div#content h4, 
	div#content h5, 
	div#content h6
	{
	}

	div#content h1
	{	}
	
	div#content h2 {}
	div#content h3 {}
	div#content h4 {}
	div#content h5 {}
	div#content h6 {}


p.author { font-size: 0.8em; }

div.footer
{
	clear: both;
	width: 100%;
	padding: 20px 0 0 0;
	text-align: center;
	background-color: transparent;
	color: #555555;
}

	.hilite
	{ background-color: #C5FFE3; }
		div#content span.hilite
		{
			display: inline;
			clear: none;
			margin: 0px 0px 0px 0px;
			padding: 0px;
		}
	
	.alert 
	{ color: #F00; }


/*   ------------------------  content :  forms */

		div#content input, 
		div#content textarea, 
		div#content select,  
		div#content a.btn		
		{
			padding: 2px;
			border-width: 1px;
			border-style: solid;
			font-size: 0.9em;
			color: #000;
			border-color: #878688;
			background-color: #EEE;
		}

		div#content textarea 
		{ font-family: verdana, helvetica, sans-serif;}
		
		div#content option {}
		
		div#content input {}
		
			div#content input.btn, div#content a.btn, div#content a.btn:visited
			{
				color: #000;
				background-color: #EEE;
			}

		div#content .radiobtn
			{
				width: 1em;
			}
			
			/* fixed padding mis-match between anchor and inputs with class="btn" */
		div#content input.btn 
		{
			padding: 1px 3px 0px 3px;
		}
		div#content a.btn, 
		div#content a.btn:visited
		{
			padding: 2px 7px 1px 6px;
		}

			div#content a.btn:hover {}
			
			div#content a.btn:active {}

/*------------------------- content :  tables */

	div#content table	
	{
		clear: none;
		font-size: 1em; /* because IE doesn't like to inherit font sizes for tables...? */
	}
	
		div#content table tr td
		{
			padding: 5px;
			margin: 0px;
		}

			div#content table thead tr td
			{
				font-size: 0.8em;
				line-height: 0.9em;
				vertical-align: bottom;
			}

			div#content table tfoot tr td
			{
				font-size: 1em;
				line-height: 1em;
			}

			div#content table tbody tr td
			{
				font-size: 1em;
				line-height: 1.2em;
				/*vertical-align: top; could be ??? */
			}

	div#content table.bordered,
	div#content table td.bordered,
	div#content table tr.bordered td
	{
		border-width: 0 0 1px 0;
		border-style: solid;
		border-color: #B4B4B4;
	}

td.labelcell
{
	text-align: right;
	vertical-align: top;
}
td.numbercell { text-align: right; }

/*------------------------- content :  images and movies */

			/*from core*/
			.imgbox, 
			.imgbox-r, 
			.imgbox-c,
			.imgbox-full,
			.movbox, 
			.movbox-r, 
			.movbox-c
			{
				display: block; 
				clear: none;
				padding: 0px;
				/*border-width: 1px;
				border-style: solid;
				*/
				border-width: 0px;
				font-size: 0.9em;
				line-height: 1em;
				text-align: center;
				background-color: #fff;
				color: #6E6E6E;
			}
						/* needed ??? */
						a.imgbox, 
						a.imgbox-r, 
						a.imgbox-c,
						a.imgbox-full,
						a.movbox, 
						a.movbox-r, 
						a.movbox-c,
						a.imgbox:visited, 
						a.imgbox-r:visited, 
						a.imgbox-c:visited,
						a.imgbox-full:visited,
						a.movbox:visited, 
						a.movbox-r:visited, 
						a.movbox-c:visited
						{ color: #6E6E6E; }

						a.imgbox:hover,
						a.imgbox-r:hover, 
						a.imgbox-c:hover,
						a.imgbox-full:hover, 
						a.movbox:hover, 
						a.movbox-r:hover, 
						a.movbox-c:hover, 
						div.result a.imgbox:hover, 
						div.result a.imgbox-r:hover
						{ 
							color: #000;
							border-color: #000;
						}


					.imgbox, .movbox
					{
						float: left; 
						margin: 0px 15px 5px 0px;
					}

					.imgbox-r, .movbox-r,
					div.right .imgbox, div.right .movbox
					{
						float: right;
						margin: 0px 0px 5px 15px;
					}

					.imgbox-c, 
					.movbox-c, 
					div.center .imgbox, 
					div.center .movbox
					{
						float: none;
						clear: both;
						margin-top: 5px;
						margin-bottom: 5px;
						text-align: center;
					}
					
					.imgbox-c span,
					.movbox-c span,
					div.center .imgbox span, 
					div.center .movbox span
					{
						position: relative;
						display: block;
						text-align: center;
						float: none;
						clear: both;
						margin-left: auto;
						margin-right: auto;
						margin-top: 5px;
						margin-bottom: 5px;
					}

					/* #main used in galleries, imgbox-full used inline */
					/*#main.imgbox,*/
					.imgbox-full
					{	
						margin: 5px 0px 20px 0px;
						float: none; clear: both;
					}

				.imgbox-full img
				{margin: 30px 15px 14px 15px;}
			
					div.result .imgbox img, 
					div.result .imgbox-r img,
					div.blog .imgbox img, 
					div.blog .imgbox-r img,
					div.forum .imgbox img, 
					div.forum .imgbox-r img
					{ 
						margin: 0px 0px 0px 0px; 
						/* with borders
						margin: 5px 5px 5px 5px; */
					}

					h1#artworktitle
					{
						text-align: center;
						margin: 0em 0 0.5em 0;
					} 
					/* for headings above main img on artwork pages
						could also be display: none;					
					*/

					div.result .imgbox,
					div.result .imgbox-r
					{
						width: 100px; 
						/* with borders 
						width: 110px;*/
						clear: left;
						margin: 0px 10px 10px 0px;
					}

		.imgbox img, 
		.imgbox-r img, 
		.imgbox-c img, 
		.imgbox-full img,
		.movbox img, 
		.movbox-r img, 
		.movbox-c img
		{
			float: none;
			margin: 5px 0px 7px 0px;
			/*
			margin for imgbox with borders
			margin: 15px 15px 7px 15px;
			*/
			padding: 0px;
			border: 0px;
		}

		.imgbox span, 
		.imgbox-r span,
		.imgbox-full span,
		.movbox span, 
		.movbox-r span
		{
			display: block;
			clear: left;
			/*
					margin for imgbox with borders 
					margin: 0px 15px 8px 15px;*/
			margin: 0px 0px 8px 0px;
			padding: 0px;
			text-align: center;
		}

		.imgbox#main img,
		.imgbox#main span,
		div#content .imgbox-full span 
		{
			margin-left: auto;
			margin-right: auto;
		}




/*---------------------------------------------------------------- GALLERIES AND IMAGE ZOOM*/

/* --------------------------------- gallery/artwork grid layout  */

div.preload { display: none; }

div.imagegrid
{ clear: both; padding-left: 10px;}

	div.imagegrid div.break
	{ clear: both; margin: 0px 0px 0px 0px;}

div.imagegrid div.gridholder
{
	width: 150px;
	height: 150px;
	float: left;
	clear: none;
	padding: 0px 0px 0px 0px;
	margin: 0 15px 0px 15px;
	_margin: 0 10px 10px 10px;
	/* to make 3 to a row fit in IE. reasons unknown... margin doubling? */
	text-align: center;
	vertical-align: middle;
}

div.imagegrid .imgbox
{
	text-align: center;
	float: none;
	padding: 5px;
			border-width: 1px;
			border-style: solid;
			border-color: #fff;
}
/* for images with borders
		div.imagegrid .imgbox img { margin: 5px 0px 7px 0px; }
		div.imagegrid .imgbox span { margin: 0px 0px 8px 0px; }
*/

div.imagegrid .imgbox.on
{
	border-width: 1px;
	border-style: solid;
	border-color: #777;
}

div.imagegrid .imgbox span
{
	margin: 0px 0px 4px 0px;
	margin-left: auto;
	margin-right: auto;
}

	div.imagegrid .imgbox:hover
	{
		border-width: 1px;
		border-style: solid;
		border-color: #333;
	}


/* --------------------------------- main image display bits  */

div#toplinks
{
	padding-top: 5px;
	text-align: center;
	font-size: 0.9em;
}

div#imagezoomgallery div#toplinks, div#imagezoomzoom div#toplinks
{
	padding-top: 10px;
}

	a#galleryhome
	{
	}

	a#closeimagezoom, a#closeimagezoom:visited { color: #707070; }

		a#closeimagezoom:hover
		{ color: #000; }

		/* if different colours for gallery zoom close */	
		div#imagezoomgallery a#closeimagezoom, div#imagezoomgallery a#closeimagezoom:visited
		{ /*color: #bababa;*/ }
			div#imagezoomgallery a#closeimagezoom:hover
			{ color: #000; }

		.imgbox#main
		{
			float: none;
			margin-left: auto;
			margin-right: auto;
			margin-top: 15px;
			margin-bottom: 15px;
				/* needed for bordered images 
				border: 0px; */
		}

			.imgbox#main img /* needed to override bordered .imgbox */
			{
				margin: 0px 0px 0px 0px;
			}

		
		div#content .imgbox#main
		{
			margin-top: 0px;
		}

		#loadinggall, #loadingimglarger, #loadingimgzoom
		{
			margin-top: 150px;
			font-size: 2em;
			font-weight: bold;
			color: #CFCFCF;
		}

	/*div#imagezoom*/ div.caption
	{
		clear: both;
		text-align: center; 
		margin-bottom: 20px;
	}

		div.caption h1, div.caption h2, div.caption h3
		{
			text-align: center;
			margin: 0px 0px 5px 0px;
			border-width: 0px;
			border-style: none;
			color: #2B2B2B;
		}
			div.caption h1 { font-size: 1.2em;}
			div.caption h2 { font-size: 0.9em;}



/* --------------------------------- new window images and movies */

	/*div#content.gallery { width: 100%;}*/
body.gallery,
div#wrapper.gallery
{ background-image: none; }

div#banner.gallery
{
	height: 50px;
	width: 90%;
	/*background-position: right center;
	background-image: url(/navimg/mini-logo.gif);
	background-repeat: no-repeat;*/
}

div#wrapper.gallery 
{ min-height: 600px; overflow: visible; }

	body.gallery div#imagezoomgallery
	{
		display: block;
		width: 770px;
	}
			body.gallery div#imagezoomgallery .imgbox#main
			{ 
				margin-top: 50px;
				background-color: transparent;
				padding: 10px;
				border-style: none;
			}


/* ---------------------------------ajaxy imagezoom  */

/* for zooming artwork, lives outside of the div#wrapper */
div#mask 
{ 
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 120;
	background:#fff; 
	width:100%; height:100%;
	-moz-opacity:0.9!important;
	filter:alpha(opacity="90")!important;
	opacity:0.9!important;
	background:#fff; 
	-moz-opacity:0.9!important;
	filter:alpha(opacity="90")!important;
	opacity:0.9!important;
}


div#imagezoomzoom 
{
	display: none;
	/* essential for AJAX*/
	position: absolute;
	left: 0px;
	padding: 0px;
	margin: 0px;
	z-index: 130;
	text-align: center;
		border-width: 0px;
		width: 100%;
	/*
		background-image: url(/navimg/24bittrans-black75.png);
		background-repeat: repeat;
	*/
	overflow: auto;
	background-color: transparent;
	color: #fff;
}

	div#imagezoomzoom .imgbox
	{
		padding: 50px;
		border-width: 1px;
		border-style: solid;
		background-color: #fff;
		border-color: #717171;
	}

	div#imagezoomzoom a, div#imagezoomzoom a:visited,
	div#imagezoomzoom h1, div#imagezoomzoom h2, div#imagezoomzoom h3
	{  }

	div#imagezoomzoom div.caption {}

div#imagezoomgallery 
{
	display: none;
	/* essential for AJAX*/
	position: absolute;
	left: 0px;
	width: 100%;
	padding: 0px;
	margin: 0px;
	text-align: center;
	z-index: 131;
	overflow: auto;
	/*
		border-width: 1px 1px 2px 1px;
		border-style: solid;
		border-color: #959595 #363636 #242424 #787878;
		background-color: #fff;
	*/
}
		div#imagezoomgallery div.imagegrid
		{
			width: 550px; /* wider? */
			float: none;
			margin-left: auto;
			margin-right: auto;
			overflow: auto;
			text-align: center;
			padding-left: 20px;
		}
			div#imagezoomgallery .imgbox#main
			{ 
				padding: 50px;
				border-width: 1px;
				border-style: solid;
				background-color: #fff;
				border-color: #717171;
			}
				div#imagezoomgallery .imgbox#main img { margin: 0px; }
			div#imagezoomgallery div.imagegrid .imgbox { border-color: #E2E2E2; }

			div#imagezoomgallery div.imagegrid .imgbox.on,
			div#imagezoomgallery div.imagegrid .imgbox:hover
			{ border-color: #717171; }

div#imagezoomlarger  /* before wrapper for mikej-template.html*/
{
	display: none;
	/* essential for AJAX*/
	position: absolute;
	z-index: 132;
	text-align: center;
		/*width (for IE) set by js according to image width */
		overflow: auto;
		margin-top: 10px;
		margin-left: 10%;
		margin-right: 10%;
		padding: 10px 30px 10px 30px;
		border-width: 1px 1px 2px 1px;
		border-style: solid;
		font-size: 1em;
		background-image: url(/navimg/24bittrans-white90.png);
		background-repeat: repeat;
		border-color: #959595 #363636 #242424 #787878;
}
				/* if different colours for larger zooms */
				div#imagezoomlarger a#closeimagezoom, div#imagezoomlarger a#closeimagezoom:visited 
				{ color: #7B7B7B; }
				div#imagezoomlarger a#closeimagezoom:hover
				{ 	
					color: #000;
				}
		/* for imgbox with border
		div#imagezoomlarger .imgbox
		{
			border-width: 0px;
			border-style: none;
			padding: 0px;
		}
		*/
	
	/* --------------------------------- gallery back/next  */
	
	
	div#imagezoomgallery div#gallerynav
	{
		position: absolute;
		top: 250px;
		left: 0px;
		width: 100%;
		z-index: 129;

	}

	div#content div#gallerynav
	{
		display: none;
		/*
		position: absolute;
		top: 175px;
		left: 0px;
		width: 100%;
			because buttons don't fit in cont width..?*/
	}
	
		a.contbtngallery, a.contbtngallery:visited
		{
			display: block;
			margin: 0px;
			height: 37px;
			font-size: 0.9em;
			color: #fff;
		}
	
			a.contbtngallery#next
			{
				float: right;
				clear: none;
				padding: 6px 28px 0 0px;
				margin-right: 20px;
				background-image: url(/navimg/arrow-right.gif);
				background-repeat: no-repeat;
				background-position: right top;
				text-align: right;
			}

					div#content a.contbtngallery#next
					{
						padding: 25px 5px 0 0px;
						background-position: right top;
						margin-right: 0px;
					}

				a.contbtngallery#next:hover
				{
					text-decoration: none;
					background-image: url(/navimg/arrow-right-over.gif);
					color: #000;
				}
			a.contbtngallery#back
			{
				float: left; 
				clear: none;
				padding: 6px 0px 0 28px;
				margin-left: 20px;
				background-image: url(/navimg/arrow-left.gif);
				background-repeat: no-repeat;
				background-position: left top;
				text-align: left;
			}
					div#content a.contbtngallery#back
					{
						padding: 25px 0px 0 5px;
						background-position: left top;
						margin-left: 0px;
					}

				a.contbtngallery#back:hover
				{
					text-decoration: none;
					background-image: url(/navimg/arrow-left-over.gif);
					color: #000;
				}
			a.imgnav#home
			{
			}
	
/*---------------------------------------------------------- end galleries and imagezoom */	
	

/*------------------------- content :  file downloads and pdfs */

	div#content a.filebox, div#content a.filebox-r,
	div#content a.pdfbox, div#content a.pdfbox-r,
	div#content a.zipbox, div#content a.zipbox-r
	{
		display: block;
		clear: none;
		padding: 50px 3px 3px 3px;
		border-width: 0px;
		border-style: none;
		font-size: 0.9em;
		line-height: 1em;
		background-position: center top;
		background-repeat: no-repeat;
		text-align: center;
		color: #6E6E6E;
	}

	div#content a.filebox, div#content a.filebox-r
	{
		background-image: url(/navimg/gen-dl-icon-small.gif);
	}
	div#content a.pdfbox, div#content a.pdfbox-r
	{
		background-image: url(/navimg/pdf-dl-icon-small.gif);
	}
	div#content a.zipbox, div#content a.zipbox-r
	{
		background-image: url(/navimg/gen-dl-icon-small.gif);
	}

	div#content a.filebox, div#content a.pdfbox, div#content a.zipbox
	{
		float: left;
		margin: 0px 10px 5px 0px;
	}
	
	div#content a.filebox-r, div#content a.pdfbox-r, div#content a.zipbox-r
	{
		float: right;
		margin: 0px 0px 5px 10px;
	}
	
		div#content a.filebox:hover, div#content a.pdfbox:hover, div#content a.zipbox:hover,
		div#content a.filebox-r:hover, div#content a.pdfbox-r:hover, div#content a.zipbox-r:hover
		{
				text-decoration: none;
				color: #000;
		}

/*------------------------- content :  styled boxes */

div.quote
{
	display: inline;
	border-width: 0px;
	border-style: none;
	font-size: 1.6em;
	line-height: 1.2em;
	font-family: Arial Narrow, Arial, sans-serif;
	background-image: url(/navimg/quote-open-white.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

	div#content div.quote
	{
		float: right;
		width: 200px;
		padding: 30px 20px 0px 20px;
		margin: 0 0px 10px 0px;
	}

	div#sidenav div.quote 
	{
		float: left;
		width: 120px;
		padding: 10px 0px 10px 15px;
		margin: 0 0px 10px 0px;
	}

	div.quote p
	{
		z-index: 2;
	}
	div.quote em
	{
		display: block;
		font-size: 0.8em;
		line-height: 1em;
		text-align: right;
		background-image: url(/navimg/quote-close-white.gif);
		background-repeat: no-repeat;
		background-position: right top;
		padding: 35px 0 0 0;
		margin-top: -20px;
		z-index: 1;
	}

div#content div.media
{
	display: inline;
	float: right;
	width: 100px;
	padding: 0;
	margin: 0 10px 10px 10px;
}

div#content div.right /* also see imgbox-r for img override */
{
	display: inline;
	float: none;
	text-align: right;
}
	div#content div.right p {text-align: right;}

div#content div.center /* also see imgbox-c for img override */
{
	display: inline;
	float: none;
	text-align: center;
}
	div#content div.center p {text-align: center;}
	div#content div.center .imgbox {float: none; clear: both;}

div#content div.justify
{
	display: inline;
	float: none;
	text-align: justify;
}
	div#content div.justify p { text-align: justify; }


div#content div.quote p, div#content div.media p
{
	margin: 0px;
	padding: 0px;
}

div#content div.twocol
{
	width: 260px;
	margin: 0 20px 2em 0;
	float: left;
}

div#content div.threecol /* for 550px width content */
{
	background-color: transparent;
	width: 165px;
	margin: 0 18px 2em 0;
	float: left;
	vertical-align: middle;
}


div#content div.scrollbar
{
	margin: 10px;
	overflow: auto;
	width: 500px;
	height: 200px;
	margin-bottom: 16px;
}
	/* three to row grid style box */
	div#content div.imageholder .imgbox
	{
		width: 150px;
		height: 150px;
		float: left;
		clear: none;
		padding: 0px 0px 0px 0px;
		margin: 0 15px 0px 15px;
		_margin: 0 10px 10px 10px;
		/* to make 3 to a row fit in IE. reasons unknown... margin doubling? */
		text-align: center;
		vertical-align: middle;
	}

	div#content div.imageholder .imgbox span
	{ 
		width: 150px;
		min-width: 150px;
		margin: 0px 0px 4px 0px;
	}


/*------------- Advanced Artworks search*/


	div#content div#artsearch { overflow: auto;}

	div#sidenav div#artsearch { width: 120px; overflow: visible;}
	
		div#content div#artsearch input.btn
		{
			clear: left;
			margin: 0 0 5px 100px;
		}
		
		div#content div#artsearch input.radiobtn { float: none; clear: left;}
		div#artsearch div.radiobtnset { float: left; clear: none; }

		div#content div#artsearch label 
		{
			float: left; clear: left;
			display: block;
			width: 100px;
			text-align: right;
			margin-bottom: 20px;
			margin-right: 3px;
		}
		div#content div#artsearch input, 
		div#content div#artsearch select 
		{ float: left; clear: none; }


			div#sidenav div#artsearch select, 
			div#sidenav div#artsearch option, 
			div#sidenav div#artsearch .btn,
			div#sidenav div#artsearch input
			{
				max-width: 110px;
					_width: 110px;
				font-size: 0.9em;
			}
			div#sidenav div#artsearch input.radiobtn { _width: 10px;}
		div#sidenav div#artsearch label { display: none; }


/*------------ content :   browse by letter/genre/type gadget 
					used in #sidebar & #content
*/
		div.browse
		{}
			/*--  larger/wider version for content (as opposed to sidebar) --*/
			div#content div.browse
			{}
				
				div.browse h1,
				div.browse h2,
				div.browse h3
				{}
		
			div.browse select
			{}
			
			div.browse option
			{}
		
			div.browse div.letter
			{
				display: block;
				float: left;
				clear: none;
				margin: 0px;
			}
	
				div#sidenav div#sidebar div.browse div.letter
				{
					height: 22px;
					width: 22px;
					font-size: 0.9em;
					line-height: 0.9em;
				}
				div#content div.browse div.letter
				{
					height: 26px;
					width: 26px;
					font-size: 1.1em;
					line-height: 1.1em;
				}

			div.browse div.letter a, 
			div.browse div.letter a:visited
			{
				display: block;
				padding: 5px 5px 5px 5px;
				text-align: center;
			}
		
			div.browse div.letter a.on,
			div.browse div.letter a:hover
			{}

/* for index lists */

div.browse div.column /*for three col*/
{
	width: 150px;
	margin: 0 30px 0 0;
}

div.column /*for two col*/
{
	float: left;
	clear: none;
	width: 234px;
	margin: 0 40px 0 0;
}

div.browse div.column h2
{
	border-bottom: #676767;
	border-width: 0 0 1px 0;
	border-style: solid;
}

div.browse div.column a, div.browse div.column a:visited
{
	color: #4C4C4C;
	display: block;
	width: 146px;
	float: left;
	border-color: #fff;
	border-width: 1px;
	border-style: solid;
	margin-bottom: 2px;
	padding: 2px;
}
div.browse div.column a:hover
{
	color: #FFF;
	border-color: #676767;
	background-color: #4C4C4C;
	border-width: 1px;
	border-style: solid;
}


/*------------------------- content :  back/next generic */

div.backnext
{
	clear: both; 
	padding: 10px 0 10px 0;
	margin: 0px;
	text-align: center;
	border-width: 1px 0 0 0;
	border-style: solid;
	font-size: 0.9em;
	border-color: #7F7F7F;
}
div.backnext div
{ clear: none;}

	div.backnext .contbtn
	{
		/*may need some bottom margin if more than one line of page numbers?*/
		clear: none;
		display: block;
	}
		div.backnext #back { float: left; }
		div.backnext #next { float: right; }

	div.backnext a, div.backnext button, div.backnext input
	{
		margin: 0px;
		padding: 1px 5px 1px 5px;
		font-size: 1em;
		border: none;
		color: #606E86;
		background-color: #fff;
	}

		div.backnext a:hover
		{ color: #000; }
		
		div.backnext a.on 
		{
			border-width: 1px;
			border-style: solid;
			border-color: #8F8F8F;
		}

/*-------------------------------- content :  results, blogs & forums */

span.orderby
{
	float: right;
}
	span.orderby a
	{
		border-width: 1px;
		border-style: solid;
		font-size: 0.9em;
		padding: 0 2px 0 2px;
		margin: 2px;
		border-color: #B4B4B4;
		color: #9B9B9B;
	}
		/* should have bg img for arrows ??? */
		span.orderby a.on,
		span.orderby a:hover
		{
			color: #000;
			border-color: #000;
		}

div#head 
{
	padding: 0 0px 0 0px;
	border-color: #7F7F7F;
}
div#subhead
{
	font-size: 0.9em;
	padding: 0 0 5px 0;
	border-color: #7F7F7F;
}

div.result, 
div.blog, 
div.forum
{
	/*overflow: auto;
	 need this to force result divs to expand around portrait thumbnails - not working in ie */
	 
	/* margin: 1px 0 1px 0;
	 needed this to make sure that dividing lines (top border) remain visible ??? */
	 
	clear: left;
	/* can clear both instead of overflow: auto, but causes divs to clear below side nav. clear left works with right floated sidenav */
	padding: 10px 10px 0px 10px;
	border-width: 1px 0 0 0;
	border-style: solid;
	margin: 0px 0px 0px 0px;
	border-color: #B4B4B4;
}

div.result h1, div.result h2, div.result h3,
div.blog h1, div.blog h2, div.blog h3,
div.forum h1, div.forum h2, div.forum h3
{
	margin: 0px 0px 10px 0px; /* manually set margins here to fix discrepencies between IE and the rest of the planet */
}

div#content div.result h2 a.title, 
div#content div.blog h2 a.title, 
div#content div.forum h2 a.title
{ color: #576479; }

	div#content div.result h2 a.title:hover, 
	div#content div.blog h2 a.title:hover, 
	div#content div.forum h2 a.title:hover
	{
		text-decoration: none;
		color: #000;
	}

div#head h1
{
	margin: 0.5em 0 0.5em 0;
	border: none;
}

/*----------------- jukebox only   (from bx, change colours)   */

div.jukeboxintro
{
	display: inline;
	width: 250px;
	float: left;
	clear: none;
	margin: 0px 20px 0 0;
	padding: 0px 0px 0px 0px;
}
					div.jukeboxintro .imgbox, 
					div.jukeboxintro .movbox
					{
						margin: 0px 0px 5px 0px;
					}

	/* for cont images that aren't wide enough*/
	div#content div.jukeboxintro p, 
	div#content div.jukeboxintro a, 
	div#content div.jukeboxintro a img
	{
		clear: left;
		border-width: 0px;
		border-style: none;
		text-align: left;
	}

div.jukeboxnowplaying 
{ 
	display: inline;
	width: 275px; 
	float: left;
	clear: none;
	padding: 0px 0px 0px 0px;
}
	div.jukeboxnowplaying h3 
	{ margin: 0px 0 0.5em 0; }
	
div.jukeboxplaylist
{
	display: inline;
	width: 275px;
	float: left;
	clear: none;
	margin: 5px 0 20px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: #b4b4b4;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
	font-size: 0.9em;
}
	div.jukeboxplaylist div.result
	{
		padding: 10px 5px 0px 5px; 
		margin: 0px 0px 0px 0px;
		line-height: 1em;
	}

	
	div.jukeboxplaylist div.result a,
	div.jukeboxplaylist div.result a:visited,
	div.jukeboxplaylist div.result span.playing
	{
		display: block;
		color: #16578D;
		background-image: url(/navimg/bx-audio2.gif);
		background-repeat: no-repeat;
		background-position: left center;
		padding: 0px 0px 0px 24px;
		font-weight: bold;
	}
	div.jukeboxplaylist div.result small
	{ font-size: 0.9em; font-weight: normal; }
	
	div.jukeboxplaylist div.result a:hover,
		div.jukeboxplaylist div.result span.playing
		{
			background-image: url(/navimg/bx-audio-ani.gif);
			color: #000;
		}
	

/*----------------- results list only */

div.result#head {}
div.result#subhead {}
	div.result#subhead span.orderby {}
	
div.result {}
	div.result h2 {}
	div.result h2 a {}
		div.result a:visited {}
	div.result p.resultfoot { color: #9E9E9E; }
		div.result p.resultfoot span.sub {}
		div.result p.resultfoot span.sub span { color: #676767; } /* better darker ??? */


		div.result div.cartadd /* temp fix for admin system (site page uses this for various btns) */
		{
			float: right;
			clear: none;
			margin: 0px 0 0 0;
			padding: 0px;
			/*width: 50px;*/
			border-width: 0px;
			overflow: visible;
			text-align: right;
			background-color: transparent;
		}


div.backnext#backnextresult {}
	div.backnext#backnextresult a.contbtn#back {}
	div.backnext#backnextresult a.contbtn#next {}
	div.backnext#backnextresult a {}
		div.backnext#backnextresult a.on {}

/*----------------- .browseresultlist mods */
				/* results list modified to show grid of results ; 
				handy for products in a grid
				
				keep for browse product categories
*/

				div.browseresultlist
				{ }
				
				div.browseresultlist div.result#head,
				div.browseresultlist div.result#subhead
				{ 
					width: 100%; 
					height: auto;
					border-width: 1px 0 0 0; 
					margin: 0px 0px 0px 0px;
					text-align: left;
				}
					
				div.browseresultlist div.result
				{
					position: relative;
					width: 175px;
					/*height: 175px;*/
					float: left;
					clear: none;
					border-width: 1px 1px 1px 1px;
					padding: 0px 0px 0px 0px;
					margin: 0 6px 15px 0px;
					text-align: left;
				}
					div.browseresultlist div.result h2 
					{ 
						margin: 2px 4px 4px 4px; 
						padding: 0px 0px 0px 0px;
					}

					div.browseresultlist div.result h2,
					div.browseresultlist div.result h2 a
					{
						font-family: verdana, sans-serif;
						font-weight: bold;
						font-size: 1em;
						line-height: 1.1em;
					}
					div#content div.browseresultlist div.result p.synopsis, 
					div#content div.browseresultlist div.result p.resultfoot
					{
						display: block;
						float: left;
						clear: none;
						width: 82px;
						left: 86px;
						margin: 4px 0px 0px 0px;
						font-size: 0.95em;
						line-height: 0.95em;
					}

					div.browseresultlist div.result p.synopsis { }
					div.browseresultlist div.result p.resultfoot { }

					div.browseresultlist div.result .imgbox
					{
						display: inline;
						width: 80px;
						padding: 0px 0px 0px 0px;
						margin: 5px 0px 0px 0px;
						clear: none;
						float: left;
					}

div.browseresultlist div.result div.cartadd 
{ 
	float: none;
	clear: both;
	width: 100%;
}

div#content div.browseresultlist div.result div.cartadd p.addform table
{
	width: 172px;
	margin: -2px 0px 0px 0px;
	_margin: 0px 0px 0px 0px;
}
div#content div.browseresultlist div.cartadd p.addform table tr td
{
	padding: 0px;
	margin: 0px;
	font-size: 0.9em;
	line-height: 0.95em;
	font-weight: normal;
}

div#content .qtybox 
{ 
	padding: 1px; 
	width: 14px; 
	_width: 16px; 
}
				


/*----------------- blog only */

div.blog#head {}
div.blog#subhead {}
	div.blog#subhead span.orderby {}
	
div.blog {}
	div.blog h2 {}
	div.blog h2 a {}
		div.blog a:visited {}
	div.blog p.blogfoot { color: #9E9E9E; }
		div.blog p.blogfoot span.sub {}
		
div.backnext#backnextblog {}
	div.backnext#backnextblog a.contbtn#back {}
	div.backnext#backnextblog a.contbtn#next {}
	div.backnext#backnextblog a {}
		div.backnext#backnextblog a.on {}


/*----------------- forum only */

div.forum#forumsearch {}

div.forum#newmssg { margin: 0 0 10px 0; }

div.forum#ulimages #uploader,
div.forum#ulimages #threadgallery
{
	float: left;
	clear: none;
	width: 46%;
	margin: 0 15px 0 0;
}
div.forum#ulimages #threadgallery
{
	height: 200px;
	overflow: auto;
}

p.forumcrumbs {}
	p.forumcrumbs a.crumb {}
	p.forumcrumbs span.sub {}

div.forum#head {}
div.forum#subhead { color: #9E9E9E; }
	div.forum#subhead span.orderby {}
	
div.forum {}
	div.forum h2 {}
	div.forum h2 a {}
		div.forum a:visited {}
	div.forum p.forumfoot { color: #9E9E9E; }
		div.forum p.forumfoot span.sub {}
		
div.backnext#backnextforum {}
	div.backnext#backnextforum a.contbtn#back {}
	div.backnext#backnextforum a.contbtn#next {}
	div.backnext#backnextforum a {}
		div.backnext#backnextforum a.on {}
	
/*------------------------------------------------ content :  TOCs */

div.tocitem {} /* see bx for eg */
div.tocitem a.title {}


/*------------------------------------------------ content :  movie */


/*------------------------------------------------ content :  cart/checkout */

table#carttable {}
table#carttable tbody tr td { vertical-align: top;}

	table#carttable td.labelcell {} 
	table#carttable td.numbercell {}
	table#carttable td.numbercell#total {font-weight: bold;} 

			table#carttable thead tr td#qty { }
			table#carttable thead tr td#description { width: 200px; }
			table#carttable thead tr td#cat { width: 75px; }
			table#carttable thead tr td#stockstatus { /*width:;*/ }
			table#carttable thead tr td#price { /*width:;*/ }
			table#carttable thead tr td#itemtotal { /*width:;*/ }
			table#carttable thead tr td#itemtotalincvat { /*width:;*/ }
			table#carttable thead tr td#remove { /*width:;*/ }
			

/*already done in table...
	table#carttable tbody tr.bordered td
		{
			border-bottom: #midborder;
			border-width: 0 0 1px 0;
			border-style: none none solid none;
		}
*/

/*----------------- content :  cart backnext */
div#checkoutnav
{
	height: 40px;
	clear: both; 
	padding: 0px 0 10px 0;
	margin: 0px;
	border-width: 1px 0 0 0;
	border-style: solid;
	font-size: 0.9em;
	border-color: #7F7F7F;
}

div#checkoutcont
{ 
	float: right; 
	clear: none;
}

div.checkoutstep
{
	float: left;
	clear: none;
	/*width: 85px;*/
	text-align: left;
	font-size: 0.9em;
	margin: 2px 0 0 8px;
}

		div.checkoutstep span,
		div.checkoutstep a, 
		div.checkoutstep a:visited 
		{
			display: block;
			padding: 3px 0 4px 12px;
			margin: 0;
			color: #A6A6A6;
			background-color: transparent;
		}

		div.checkoutstep span
		{
			/*  still to do  */
			background-image: url(/navimg/checkout-greencircle.gif);
			background-repeat: no-repeat;
			background-position: left center;
		}
		
		div.checkoutstep a, 
		div.checkoutstep a:visited 
		{
			 /*  stage done  */
			background-image: url(/navimg/checkout-greentick.gif);
			background-repeat: no-repeat;
			background-position: left center;
		}
		
		div.checkoutstep a.on
		{
			/* you are here */
			background-image: url(/navimg/checkout-carticon.gif);
			background-repeat: no-repeat;
			background-position: left center;
			padding-left: 20px;
			color: #434343;
		}

	div#checkoutcont a,
	div#checkoutcont a:visited,
	div#checkoutcont button,
	div#checkoutcont input
	{
		text-align: right;
		font-weight: bold;
		/*display: inline;*/
		color: #000;
		background-image: url(/navimg/checkout-contbtn2.gif);
		background-repeat: no-repeat;
		background-position: right top;
		margin: 5px 0px 0px 0px;
		font-size: 1em;
		border: none;
		background-color: #fff;
	}

		div#checkoutcont a,
		div#checkoutcont a:visited
		{
			padding: 0px 25px 5px 5px;
		}
	
		div#checkoutcont button,
		div#checkoutcont input
		{
			padding: 1px 25px 5px 5px;
				_padding: 0px 25px 5px 5px;
		}

/* for paypal btn*/

button.bankbtn
{
	margin: 0 15px 10px 0;
}

div#content p.bankbtn
{
	text-align: center;
}


/*------------------------------------------------ content :  product */
/*------------------ content :  product info */

div.productbox, 
div.artinfo
{
	float: left;
	clear: both;
	width: 120px;
	margin: 0px 15px 0px 0px;
	background-color: #fff;
	/*overflow: auto;*/
	text-align: right;
	border-color: #DADADA;
	border-width: 0 1px 0 0px;
	border-style: none solid none none;
}
	div.productbox p, div.artinfo p
	{
		font-size: 0.9em;
		line-height: 1em;
		padding: 0 15px 0 0;
		font-weight: bold;
	}
		div.productbox p span.sub, div.artinfo p span.sub
		{
			display: block;
			font-size: 0.9em;
			letter-spacing: 0em;
			font-style: italic;
			font-weight: lighter;
		}

	
/*------------------ content :  add to cart */
	
div.cartadd
{
	float: none;
	clear: both;
	margin: 0px 0 10px 0px;
	border-width: 1px;
	border-style: solid;
	padding: 5px 5px 0px 5px;
	overflow: auto;
	/*background-image: url(/navimg/cart.gif);
		background-repeat: no-repeat;
		background-position: right center;*/
	border-color: #b4b4b4;
	background-color: #F0F0F0;
}
	
	div.cartadd h3 { margin: 0px; text-align: center;}
	div.cartadd p
	{
		margin: 0px;
		text-align: center;
		font-weight: bold;
	}
		div.cartadd p span.sub {}
	div.cartadd input.btn {}

	/* from mpa : working??? */
	div.cartadd p.addform
	{
		padding: 0px 0 0px 0;
	}
	div.cartadd p.addform input
	{  }

	div.cartadd p.addform input.btn
	{  }

div#content div.cartadd select
{
	/*border: none;*/
	padding: 0px;
	text-align: right;
	vertical-align: bottom;
	/*width: 250px;*/
	height: 1.5em;
}
	div#content div.cartadd select option
	{
		vertical-align: middle;
		padding: 5px 5px 5px 0;
		border-width: 0 0 1px 0;
		border-style: none none solid none;
		border-color: #b4b4b4;
	}
	
		div.cartadd select option span.sub
		{ color: #f00; }

/*------------------------------------------------ content :  software product */

/*------------------------------------------------ content :  artwork */

div.artinfo {}
	div.artinfo p {}
		div.artinfo p span.sub {}


/*------------------------------------------------ content :  events */

/*------------------------------------------------ content :  micronav */

div#content #micronav
{
	height: 20px;
	text-align: center;
	margin: 0px 0px 20px 0px;
	clear: both;
	background-color: transparent;
}

div#content #micronav a, div#content #micronav a:visited
{
	font-size: 10px;
	font-weight: bold;
	display: block;
	float: left;
	padding: 0px 17px 0px 17px;
	background-repeat: no-repeat;
	border-width: 0 0 1px 0;
	border-style: solid;
	color: #9B9B9B;
	border-color: #B4B4B4;
}
	div#content #micronav a.on, div#content #micronav a.on:visited
	{ 
		border-width: 1px 1px 0px 1px; 
		color: #000; 
		border-color: #7F7F7F;
}
	
div#content #micronav a:hover
{ 
	text-decoration: none;
	color: #000;
}

/*------------------------------------------------ content :  site users */

table#siteuseredit {}

/*------------------------------------------------ content :  vacancies */

table#vacancies {}

/*------------------------------------------------ content :  administrivia */


div.loginlink {}




/*------------------------------------------------ content :  music pro */
/*------------------------------------------------ content :  music dist/pub */


/*------------------------------------------------ admin :   */

/* Admin/site/ has .result divs containing "section name" and "custom template" 
form inputs that need to be in paras or inside table... temp override:*/

body.admin div.result { padding: 5px 0 5px 0; }

body.admin { background-position: center 52px; }

body.manager { background-image: url(none); }

body.manager div#content { margin-top: 0px; }

body.manager div#content h1 { margin-top: 0px; }

body.admin div#head /*cos a.btn at top of blog result lists need more space than the usual H1 that appears as 1st item*/
{ padding: 10px 0px 0 0px; }


a#lobebug, a#lobebug:visited
{
	margin-left: auto;
	margin-right: auto;
	font-size: 0.9em;
	line-height: 1em;
	text-align: center;
	display: block;
	width: 155px;
	height: 65px;
	padding: 56px 0px 0 0px; /* padding: 31px 0px 0 40px; for specific genres */
	background-image: url(/navimg/weblobe-generic-white.gif);
	background-repeat: no-repeat;
	color: #6B817C;
}
	a#lobebug:hover
	{ color: #000; }
body.admin div#head /*cos a.btn at top of blog result lists need more space than the usual H1 that appears as 1st item*/
{ padding: 10px 0px 0 0px; }


a#lobebug, a#lobebug:visited
{
	margin-left: auto;
	margin-right: auto;
	font-size: 0.9em;
	line-height: 1em;
	text-align: center;
	display: block;
	width: 155px;
	height: 65px;
	padding: 56px 0px 0 0px; /* padding: 31px 0px 0 40px; for specific genres */
	background-image: url(/navimg/weblobe-generic-white.gif);
	background-repeat: no-repeat;
	color: #6B817C;
}
	a#lobebug:hover
	{ color: #000; }