/* To be sure that the security padlock appears in the lower right corner of the IE browser during secure checkout... */
/* ...HREF's must be kept relative, no 'http' string allowed as in the following example taken from the <head></head> of Miva pages */
/* <link rel="stylesheet" type="text/css" href="../whitechapel.css"> <!-- this HREF needs to be kept relative, no 'http' string allowed --> */

a:link {color:#111111;text-decoration:none;}		/* #462717 darkest brown */
a:visited {color:#462717;text-decoration:none;}		/* was #630 dark brown */
a:active {background-color:#ccc;text-decoration:none;}		/* gray */

a.categorytemplate:link {color:#ffffbf;text-decoration:none;}		/* pale yellow, used on the Category Page template */
a.categorytemplate:visited {color:#000000;text-decoration:none;}		/* was 663300, dark brown */
a.categorytemplate:active {background-color:#ccc;text-decoration:none;}		/* gray */

.footertop  a:link{color:#ffffbf !important;}
.footertop  a:visited{color:#ffffbf !important;}
.footertop  a:hover{color:#462717 !important;}
body 	{
		position:relative;
		min-width:900px;
		background-color:white;
		margin-left:10px;
		margin-right:10px; /* this margin controls the space between the #centercontent border-right and the edge of the table in #rightcontent, at least in Netscape 6.2 */
		margin-top:0px;
		margin-bottom:0px
		}
#leftcontent {
		position: absolute;
		left:0px;
		top:122px;
		width:160px;
		background:#ffffbf;
		padding-top:0px;
		height:100%;
		}

#centercontent {
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 10pt;
		background:transparent;
		border-right:1px solid #000;   
		border-left:1px solid #000;
		padding-left:25px;
		padding-right:25px;
   		/* margin-left: 200px; For whatever reason, these margin settings had no effect */
   		/* margin-right:199px;   Originally this was set at 199px */
   		margin-top:1px;
		/*
		IE5x PC mis-implements the box model. Because of that you sometimes have
		to perform a little CSS trickery to get pixel-perfect display across browsers.
		The following bit of code was proposed by Tantek Celik, and it preys upon a CSS
		parsing bug in IE5x PC that will prematurly close a style rule when it runs
		into the string "\"}\"". After that string appears in a rule, then, we can override
		previously set attribute values and only browsers without the parse bug will
		recognize the new values. So any of the name-value pairs above this comment
		that we need to override for browsers with correct box-model implementations
		will be listed below.
		
		We use the voice-family property because it is likely to be used very infrequently,
		and where it is used it will be set on the body tag. So the second voice-family value 
		of "inherit" will override our bogus "\"}\"" value and allow the proper value to
		cascade down from the body tag.

		The style rule immediately following this rule offers another chance for CSS2
		aware browsers to pick up the values meant for correct box-model implementations.
		It uses a CSS2 selector that will be ignored by IE5x PC.
		
		Read more at http://www.glish.com/css/hacks.asp
		*/
		
		                            /* IE5 workaround begins */
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 170px;       /* These four margin settings, if increased, push the left and right borders of #centercontent together */
   		margin-right:171px
		}
	html>body #centercontent {
   		margin-left: 166px;
   		margin-right:166px;         /* IE5 workaround ends */
		}
		
#centercontentSFNT {
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 10pt;
		background:transparent;
		border-right:1px solid #000;   
		border-left:1px solid #000;
		padding-left:25px;
		padding-right:25px;
   		margin-top:20px;                        /* IE5 workaround begins */
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 170px;       /* These four margin settings, if increased, push the left and right borders of #centercontent together */
   		margin-right:171px
		}
	html>body #centercontent {
   		margin-left: 166px;
   		margin-right:166px;         /* IE5 workaround ends */
		}		

#rightcontent {
		color:#666;
		position: absolute;
		right:0px;
		top:122px;
		width:160px;
		background:transparent;
		padding-top:0px;
		background-color:#FFFFBF;
		height:100%;
		}
	
#banner {
		background:#dbcf93;
		border-top:0px solid #000;
		border-right:0px solid #000;
		border-left:0px solid #000;
		margin-top:0px;
		margin-bottom:0px;
		border-bottom:0px solid #999;   /* IE5 workaround begins */
		voice-family: "\"}\"";
		voice-family: inherit;
		height:115px;
		}
	html>body #banner {		/* height was 105px. Seems to control the height of #banner in Firefox, Opera & Netscape */
		height:118px;     /* IE5 workaround ends. Changing this setting from 105px to 118px fixed the formatting problem in Netscape 6.2 & Firefox (seen only on Miva pages) without effecting IE. */
		}
	h1 {
		text-transform:uppercase;
		font-family: Helvetica,sans-serif;
		font-size:30px;
		font-weight:400;
		text-align: left;
		padding-top:5px;		
		}
		
	h2  {
		font-family: Cooper Lt BT, Cheltenhm BT, Garamond, arial, helvetica, sans-serif;
	    font-size:28px;
	    font-weight:400;
	    }
	     
    h3  {
    	font-family: Cooper Lt BT, Cheltenhm BT, Garamond, arial, helvetica, sans-serif;
	    font-size:24px;
	    font-weight:400;
	    }
	     
	h4  {
		font-family: Cooper Lt BT, Cheltenhm BT, Garamond, arial, helvetica, sans-serif;
	    font-size:20px;
	    font-weight:400;
	    }
	     
	h5  {
		font-family: Cooper Lt BT, Cheltenhm BT, Garamond, arial, helvetica, sans-serif;
	    font-size:18px;
	    font-weight:400;
	    }
	     
	h6  {
		font-family: Cooper Lt BT, Cheltenhm BT, Garamond, arial, helvetica, sans-serif;
	    font-size:16px;
	    font-weight:400;
	    }
	     
p.footer {
		font-family: swis721 lt bt, tahoma, microsoft sans serif, arial narrow, arial, helvetica, sans serif;
		text-align: center;
		font-size:9pt;		
		}	
p.footertop {
		font-family: swis721 lt bt, tahoma, microsoft sans serif, arial narrow, arial, helvetica, sans serif;
		text-align: center;
		font-size:9pt;		
		}	     	
#banner h1 {
		font-size:24px;
		padding:0px 10px 0px 10px;
		margin:0px;
		}

table.sitemap {
	font-size: 11pt;
	}
	
table.nav {
	font-family: swis721 lt bt, arial, verdana, tahoma, microsoft sans serif, helvetica, sans serif;
	font-size: 9pt;
	font-weight: 400;
	color: #000;
	background-color: #dbcf93;
	}
	
table.navnew {
	font-family: tahoma, verdana, arial, swis721 lt bt, microsoft sans serif, helvetica, sans serif;
	font-size: 8pt;
	font-weight: 400;
	color: #000;
	background-color: #ffffbf;
	}	
	
table.subcats {
	font-family: verdana, arial, microsoft sans serif, helvetica, sans serif;
	font-size: 8pt;
	width: 400px;
	border: 0px;
	text-align: center;
	}
	
table.subcats td {
		text-align: center;
		vertical-align: top;
		width: 100px;
		}
		
table.catmenu	{
		font-family: swis721 lt bt, tahoma, microsoft sans serif, arial narrow, arial, helvetica, sans serif;
		font-size:9pt;
		color: #000000;
		}		
.fold			{
		width:150px;
		height:245px;
		background-position:0 35px;
		position:relative;
		border:1px solid black;
		border-left:2px solid black;
		}
.fold a			{
		display:block;
		width:100%;
		text-align:center;
		height:245px;
		}
#foldholder		{
		text-align:left;
		position:relative;
		margin:0 auto;
		height:247px;
		width:100%;
		max-width:750px;
		min-width:516px;
		overflow:hidden;
		border-right:1px solid black;
		}
#restoration	{
		background-image:url(images/restoration.jpg);
		left:0%;
		border-left:1px solid black !important;
		}
#cabinet		{
		background-image:url(images/cabinet.jpg);
		left:20%;
		top:-247px;
		}
#architectural	{
		background-image:url(images/architectural.jpg);
		left:40%;
		top:-494px;
		}
#furniture		{
		background-image:url(images/furniture.jpg);
		left:60%;
		top:-741px;
		}
#reproduction	{
		background-image:url(images/reproduction.jpg);
		left:80%;
		top:-988px;
		}
.label			{
		background-color:#999967;
		border-bottom:medium double #663300;
		font-family:tahoma,verdana,arial;
		height:33px;
		padding-left:5px;
		text-align:left;
		width:100%;
		}
#whatsnew		{
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		padding:10px;
		list-style:square inside;
		margin-left:0px;
		}
#whatsnew li		{
		list-style:square inside;
		margin-bottom:10px;
		}
		
img.border {
	border: 1px solid black;
	}		
