body { position:relative ;
	color:#555 ; background-color: #fff ;
	font-size:101% ; /* apparently friendy to IE resizing */
	margin:0 ; padding:0 ;	min-width:20em ; line-height:110%
	}
p {font-size:0.9em ; font-family:"Trebuchet MS", arial, sans-serif ; }
a:link, a:visited, span.j_link{ color:#639; }
a:link:hover, a:visited:hover, a:link:active, a:visited:active, a:focus, span.j_link:hover {
	color:#639 ;
	text-decoration:none ;
	border-bottom:1px #639 dotted ;
	}
h1, h2, h3, h4, h5, h6, fieldset.main legend {
	color:#555 ;
	font-family:"Trebuchet MS", arial, sans-serif ;
	margin:auto 0 0.2em 0 ; padding-top:0.3em ; line-height:120%
	}
h2, h1 { font-size:1.8em;}
h3 { font-size:1.6em;}
h4 { font-size:1.2em;}
h5, h6 { font-size:0.8em ; font-style:italic}
fieldset.main legend {font-size:1em ; }
fieldset.main { background-color:#f6f0ff ; border:1px solid #ccc ; margin-top:10px ; width:80% ; }
fieldset.main legend { background-color:#fff ; padding:0 10px ; 
	border:1px solid #ccc ; border-width:1px 0 0 1px ; }
p.message { background-color:#ce9595 ; border:1px solid #ccc ; padding:3px ; }

img {border-width:0 ; margin:0 ; padding:0 ; display: inline}
ul { list-style-type:none ; }
.u {text-decoration:underline}
li form { display: inline; } /*  for MENU etc.  */
tr {vertical-align:top}
input#menuSearch {display:inline ; width: 70px} /*  for MENU etc. AGAIN??  */

.inline {display:inline ; border-width:0px} /*  for MENU etc. AGAIN??  */
.hide {display:none}
.little {font:normal 0.6em sans-serif}
.centre {text-align:center}
.left {text-align:left}
.right {text-align:right}
.red  { color:#c33 ; font-style: italic ; font-weight:bold }
 a.nolink:link:hover,  a.nolink:visited:hover,  a.nolink:hover {
	background:transparent ; text-decoration:none ; border:0
	}
.tiny {font-size:smaller ; font-weight:normal}

p.spacer {clear:both ; margin-bottom:500px}
p.info { margin:0 0 10px 12px }
.thisPage {padding:0 3px ; border:1px solid #ebe}

div#topright { position:absolute ; z-index:0 ; top:0 ; right:0 ; margin:0 ; padding:0 ; white-space: nowrap ;  }
	/*  overflow:hidden would be nice except for IE5 */

h1#head { padding:0 10px ; margin:0 ; position:relative ; z-index:3 ;
	height:110px ; width:243px ; background-color:#639 ; text-align:center}

div#veri {display:inline ; float:right ; margin:5px ; }


/*********************  LEFT CONTENT BOX  *********************/
#leftContent {
	position:absolute ; z-index:6 ; top:143px ; left:0 ; width:243px ; height:100% ;
	background-color:#639 ; color:#eee ; 
	padding:5px 10px 0px ; /* % makes IE6 jumpy - fixed in header.inc */ 
	border-bottom:solid 2px #336 ; font-family:Georgia, "Times New Roman", serif ;
	}
#leftContent h1, #leftContent h2, #leftContent h3, #leftContent h4, #leftContent h5 {color:#eee ; 	font-family:Georgia, "Times New Roman", serif ; margin-bottom:10px ; line-height:1.5em }
#leftContent h2 { font-size:1.3em }
#leftContent h3 { font-size:1.1em }
#leftContent h4, #leftContent h5 { font-size:1em }
#leftContent a:link, #leftContent a:visited
	{text-decoration:none ; color:#dcf ; }
#leftContent a:link:hover,	#leftContent a:visited:hover,
#leftContent a:link:active, #leftContent a:visited:active,
#leftContent a:focus
	{ border-bottom:solid 1px #fff ; background-color:#bbc ; color:#303 ; }
#leftContent ul { margin:0 5px 5px 10px ; padding:0 ; }
#leftContent ul ul {font-size:smaller ; margin-left:0}
#leftContent li { padding:0 5px 5px 20px ; }
#leftContent li.nolink a:link:hover,  #leftContent li.nolink a:visited:hover {
	background:transparent ; text-decoration:none ; border:0
	}
#leftContent li.current { 
	background:transparent url("images/pointp.gif") left top no-repeat ;
	}
#leftContent li.current a:link, #leftContent li.current a:visited 
	{ color:#dcf ; }
/*** FOOTER ***/
div#foot {	/*position:absolute ; bottom:0 ; */
	padding:40px 20px 40px ; }
div#foot p {margin:0 0 5px 0}


/*********************  RIGHT (main) CONTENT BOX  *********************/
div#rightContent {
	/*font-family:"arial", sans-serif;*/
	padding:10px 60px 10px 0px ; margin-top:30px ; margin-left:280px ;
	background-color:#fff ;
	}
div#rightContent.wide {padding-right:10px;}




/*********************  SEARCH  *********************/

div#search li {text-align:right ; 
	margin:0 ;
	padding:0 5px 5px 0 ; 
	font-size:0.75em}



/******  FORMS    *******/

td.formr {text-align:right ; font:italic 1em garamond, 'times new roman', serif ; padding-right:10px}
span.formr {font:italic 1em garamond, 'times new roman', serif ; }
/*td span.formr {padding-left:50px}*/
ul#addr li {
	margin:0 ; padding:0 ; 
	line-height:1.3em ; 
/*	border:1px solid teal ;	*/
	}
li span.formr {
	display:block ; float:left ; width:6em ; clear:both ; 
/*	border:1px solid red ;*/
	}
ul#addr span.in {
	padding-left:6em ;
	clear:both ; 
/*	border:1px solid green ;*/
	}

table.mailform  {border:1px solid #999 ; background-color:#f6f0ff} 
fieldset.main table.mailform  {border-width:0 ; background-color:transparent} 
table.mailform ul { list-style-type:none ; padding:0 ; margin:0 ; }
table.mailform li { font-weight:bold ; padding:0 ; margin:10px 0 ; }
table.mailform ul ul li {  font:italic 1em garamond, 'times new roman', serif ; margin-top:2px ; margin-left:10px }
table.mailform ul ul ul li {  font:normal .8em arial, sans-serif ; margin-top:0 ; margin-left:10px}

div#shipTot p {text-align:right ;}
div#shipTot p b {font:italic 1.3em verdana, sans-serif ; color:#733 ;}


/************ LISTINGS **************/

div.item {margin-bottom:20px ; padding:0 10px 10px;
	border:0 ; border-bottom:solid 1px #999;
	}
div.sh {margin-bottom:10px ; padding-bottom:5px} /* titles only display = less spacing */
span.itemNo, span.itemNot {	
	padding:4px ; background:#eee ; margin-right:4px ;
	font-weight: normal; min-width:2em ; text-align:right ;
}
/* .itemNo h4 { font:1.2em italic arial, sans-serif ; }*/
.item .pic {  padding:0 0 0 10px ; float:right }
.item p { padding:0px ; margin:3px ; text-align:justify}
.item p.auth { font-weight: bold ; margin-bottom:1px}
.item p.title { font-family: "Trebuchet MS", arial, sans-serif}
.item p.desc { font-style:italic ; margin-left:2em}
.item p.prix { text-align:right ; margin:0px ; line-height:2em ; clear:both ; }
.item p.ref { text-align:left ; line-height:2em ;
	position:relative ; top:-1.5em ; width:50% ; /* IE5 needs width to not overlap */
	font-style:italic ; font-size:80% ; margin:0px }

.more, .more a:link, .more a:visited { font-style:italic ; font-size:90% ;
	text-decoration:none ; font-weight:bold ; }
.more a:hover { background-color:#ccc }

#images {text-align:center ; }

/************ ABOUT/news/fairs listings **************/
div.block {border-bottom:6px solid #ddd ; margin-bottom:1em ; padding:1.5em 0 ; clear:both}
div#news h4 {border-top:2px solid #ddd ; clear:both}
div.block p {margin-left:0 ; }
div.block img {float:right}

table#fair_table td {padding:0 1em 3px}


/********* category / catalogue  image boxes *********/

div.category 
{	display:inline ; height: 200px ; width: 100px ; padding: 5px ; 
	float:left ; /* this wrecks IE5 and must be bodged (see header.inc) */
	/*border:1px solid #ddd ; border-width:1px 1px 0 0 ;*/
} 
div.sp  {height:210px ; width:120px ; /*padding: 0*/ }    /*  for bigger box  */
div.cat {height:210px ; width:150px ; /*padding: 3px */}  /*  for catalogue box  */
div.category h4 {font-size:0.9em ; margin:0 ;}
.category a:link, .category a:visited,
.category a:link:hover, .category a:visited:hover,
.category a:link:active, .category a:visited:active
	{ text-decoration:none ; color:#333 ; }
.category a:link:hover, .category a:visited:hover {color:#639}




/*************   MENU   ***************/

div#menu {
	z-index:8 ; /* must be always on top */
	position:absolute ; top:110px ; left:0px ; width:100% ; height:33px ; 
	background:#999 url(images/greydient.gif) repeat-x ; color: #fff ;
	padding: 0; margin:0 ;
	text-align: center ;
	font-size:12px ;
	}

#menu ul, #menu input { margin:0 ; padding:4px 0 ; }
#menu li { display:inline ; }
#menu li, #menu li a:link, #menu li a:visited {
	color:#fff ; font-weight:bold ; text-decoration:none ;
	padding:3px ;
	}
#menu a:hover { background-color:#bbb}
#menu li.current a:link, #menu li.current a:visited {
	background:transparent url("images/grad.gif") repeat-x  ;
	color:#666 ;
	}
#menu form input {margin:0 ; padding:0}



/*************   SHOPPY CART   ***************/

div#cart {background-color:#7C4Cb0 ; border:1px solid #5C2C90 ;
	padding:0 5% ; margin-top:20px ; clear:both ; /* to clear floating verisign */
	font-family:arial, sans-serif ; font-size:smaller}
div#cart li {padding:0 0 4px 3px ; margin:2px ;}

div#cart ul.butns li { display: inline; border:0px}
div#cart ul.butns a:link {
	color:#fff ; font-weight:bold ; text-decoration:none ;
	padding: 2px 0 2px;
	border-width: 0 ; 
	}
	
div.pop {display:none ;
	position:absolute ; top:155px ; left:45px ; width:300px ; z-index:12 ; 
	padding:10px ; background:#fef ; border:2px solid #d9d ;
	font-size:smaller ; 
	}
div.pop h6 {font:bold 1em Georgia, "Times New Roman", serif}

span.j_link { cursor:pointer ; text-decoration:underline}

/*  bread-crumbs for Buying Process  */
ul#crumbs {font:italic .7em Arial, Helvetica, sans-serif ; }
ul#crumbs li {display:inline ; padding:0 5px ; color:#ebe ; }
ul#crumbs li.current {font-style:bold ; color:#933 ; border:1px dotted #a7a ; }
ul#crumbs li.done {color:#333 ; }
ul#crumbs li.intro {font-size:.9em ; color:#333}

/*****  SHIPPING TABLE *****/
table.cart_table, div#tnc { max-width:500px ; margin:1em auto ; padding:5px ; 
	background-color:#f5efff ; 
	border:1px solid #ccc ; border-width:1px 0 0 1px; }
table.cart_table {border:1px solid #ccc ; border-collapse:collapse ;}
table.cart_table td {border:1px solid #ccc ; padding:2px 10px ; text-align:right ; }
table.cart_table td.left {text-align:left ; }
table.cart_table tr {vertical-align:middle ;  ;}
table.cart_table tr.head {background-color: #ede ; font-style:italic ; }
table.cart_table tr.head td {border-width:0 ; text-align:center ; }
table.cart_table tr.right td {text-align:right ; }

/****   ****/
p.msg {font:.8em italic times, "times new roman", serif ; color:#222; }


/* debug */
div#seshdebug {position:absolute ; background-color:#fee ; padding:10px ; z-index:9 ; color:#6c6 }
div#seshdebug, p.d, pre.d {color:#6c6 !important ; font:normal 11px arial !important;}
p.di, pre.di {color:#3a3 !important ; font:normal 9px arial !important;font-style:italic !important}