/*

Tiaras 

January 2005

AD	March 2005
*/





@import url(rss_button.css);

@import url(lunartique_general.css);

@import url(lunartique_menu.css);






body {

}



/* Fonts */

p, dd {
}

h1, h2, h3, h4, h5, h6 {
	font-family: Trebuchet, Arial, helvetica, helv, sans-serif;
}

	


/* font effects */

 
	

h2, h3, h4, h5, h6 {
	margin-bottom: 0;
}


h1, h2, h3 {
	page-break-after: avoid;
}


h2 { 
	margin-top: 2em;
}







/* Links */

a:hover {
	color: #ff0000;
	filter: glow(color=FFFF00, strength=3); /* doesn't actually work unless we set the width too */
} 

a.quiet-link { 
	color: black;
	text-decoration: none; 
}

a.quiet-link:hover { 
	color: red;
	text-decoration: underline; 
}



/* Lists */


dl dt { 
    font-family: Trebuchet, Arial, helvetica, helv, sans-serif;
    font-weight: bolder;
}
dl dd  { 
    margin-bottom: 1em;
}

dl dd p { 
    margin-top: 0;
}








img.img-caption {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}
p.img-caption {
	margin-top: 0;
	padding-top: 0;
	padding-left: 3em;
	font-size: 0.9em;
	
}


p.date { 
	margin-top: 0;
	padding-top: 0;
	font-style: oblique;
	font-size: 0.8em;
}



.space-before { 
	margin-top: 2em;
}


.spacer-ruling {
	clear: both;
	text-align: center;
}




body .page-title, body #page-title  { 
	float:left;
	width: 35em; /* This will get over-written regularly */ 
}




/* Breadcrumbs (most text formatting is in general) */

#divBreadcrumbs {

	margin: 1em;
	margin-left: 4em;
	
	clear: both;
}



img.floater { 
	float:left;
}







/*
Dutch example
*/



#news { 
	background: #F5F5F5; 
	background-color: #F5F5F5; 
	border-bottom: 1px dashed #808080; 
	border-left: 1px dashed #808080; 
	color: #333333; 
	float: right; 
	width: 180px; 
	}

#news h3 { 
	background-color: #FFF5EE; 
	border-bottom: 1px dashed #808080; 
	color: #778899; 
	font: 100% Courier, sans-serif; 
	margin: 0px;
	text-align: center; 
	}

#news li{ 
	list-style-position: inside; 
	list-style-type: decimal;
	}



a#skip { 
	height: 1px; 
	left: 0px; 
	overflow: hidden;
	position: absolute; 
	top: -500px; 
	width: auto; 
	}

a#skip:active, a#skip:focus {
	background-color: #FFFFFF; 
	border: thin; 
	border-color: #DCDCDC; 
	border-width: 1px; color: #708090; 
	height: auto;
	overflow: visible; 
	padding: 5px 10px 5px 10px; 
	position: absolute; 
	width: auto; 
	}

body { 
	margin: 0; 
	padding: 0; 
	}

div#error { 
	background: #FFFFFF; 
	border: 5px double #DC143C; 
	color: #2F4F4F; 
	margin: 15% auto; 
	padding: 1em; 
	text-align: center; 
	width: 50%; 
	}

div#error  h3 { 
	border-bottom: thin solid #B0C4DE; 
	color: #CD5C5C; 
	font: italic 130% sans-serif; 
	margin: 0px; 
	}

div#error p { 
	color: #191970; 
	font: italic 100% "Century Gothic", serif; 
	}

div#error strong { 
	background: #F5F5F5; 
	color: #4682B4; 
	font: italic bold 100% "Century Gothic", serif;
	padding: 5px; 
	text-decoration: underline; 
	}

img { 
	border: none; 
	}

.button { 
	background-color: #DCDCDC; 
	border: 2px double #A9A9A9; 
	bottom: 10px;
	color: #483D8B; 
	float: right; 
	margin: 1em; 
	padding: 2px;
	position: relative; 
	right: 10px; 
	text-decoration: none; 
	}

.button a { 
	background-color: #F5F5F5; 
	color: #483D8B; 
	padding: 2px;
	text-decoration: none; 
	}

.button a:hover { 
	background-color: #FFFAF0; 
	color: #800000; 
	padding: 2px; 
	text-decoration: none; 
	}

.objectcenter { 
	margin: 1em; 
	text-align: center; 
	}

.objectleft { 
	float: left; 
	margin-bottom: 10px; 
	margin-left: 0px; 
	margin-right: 10px; 
	margin-top: 0px; 
	}

.objectright { 
	float: right; 
	margin-bottom: 10px; 
	margin-left: 10px; 
	margin-right: 0px; 
	margin-top: 0px; 
	}


.body-footer {
	background-color: #F5F5F5; 
	border: 1px solid #DCDCDC; 
	color: #707070;
	font-family: sans-serif; 
	font-style: italic; 
	padding: 2px;
	text-align: center; 
}

#date { 
	}

#eop { 
	height: 1px; 
	left: 0px; 
	overflow: hidden; 
	position: absolute; 
	top: -500px; 
	width: 1px; 
	}




#page-footer { 
	background-color: #FDF5E6; 
	border-bottom: 2px groove #F5F5F5; 
	border-top: 2px groove #F5F5F5; 
	clear: both; 
	height: 45px; 
	width: 100%; 
	}

#page-footer p { 
	font: 100% "Book Antiqua", serif; 
	letter-spacing: 1px; 
	margin: 0px;
	text-align: center; 
	text-shadow: #D2691E; 
	word-spacing: 1px; 
	}

#header { 
	background-color: #FDF5E6; 
	border-bottom: 2px groove #F5F5F5; 
	height: 45px; 
	padding: 0.5em; 
	}

#header h1 { 
	font-size: 140%; 
	margin: 0px; 
	}

#header p { 
	color: #000000; 
	font-style: italic; 
	margin: 0px; 
	padding: 0px; 
	}


/*
The "other designs" banner
*/

#header-banner { 
	margin: 0; 
	margin-left: 10px; 
	padding: 1em;
	padding-right: 0;
	overflow: hidden;
}

#header-banner table { 
	padding: 0;
	width: 100%;
	table-layout: fixed;
}

#header-banner table td { 
  width: 25%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


#header-banner ul { 
  display: inline;
  list-style: none;
	margin: 0; 
	overflow: hidden;
}

#header-banner ul li { 
  display: inline;
  list-style: none;
  margin: 0.5em 0.125em;
  padding: 5px;
  min-height: 96px;
  min-width: 128px;
  width: 25%;
	overflow: hidden;
}






/*
********************
  Body-text
********************
*/

.body-text { 
	margin: 0; 
	margin-left: 180px; 
	padding: 1em; 
	padding-left: 3em; 
	text-align: left; 
	
	max-width: 720px;
	}

.body-text h2 {
	border-bottom: 1px dashed #808080;
	color: #4682B4;
	font: italic bold 120%  "Bookman Old Style", serif;
	margin: 0.5em 2em 0.5em 2em; }

.body-text h3 {
	border: none;
	color: #4682B4;
	font: italic bold 110%  "Bookman Old Style", serif;
	margin: 0.5em 2em 0.5em 2em; 
}

.body-text h3.page-banner
h3.page-banner {
	color: #4682B4;

	font-size : 225%;
	margin: 2em 4em 2em 2em; 
	text-align: center; 
}

.body-text h4 {
	color: #4682B4;
	font: italic bold;
	font-family : "Bookman Old Style", serif;
	margin: 0.5em 2em 0.5em 2em; 
}
.body-text h5,
.body-text h6 {
	color: #4682B4;
}


.body-text p { 
	font-size: 100%; line-height: 130%; margin: 0.5em 2em 0.5em 2em; 
	}

.body-text li { 
	list-style-position: outside;
	list-style-type: square; margin: 0.5em 2em 0.5em 2em; 
	}

.body-text dl { 
	margin-left: 4em;
}

.no-image {
	margin: 1em 3em;
	padding: 1em;
	max-width: 400px;
	border: thin solid #cccccc;
	background-color: #eeeeee;
	color: #cc0000;
	text-align: center;
	text-style: oblique;
	font-weight: bold;
}




q	{
	font-style: oblique;
}





/* 
********************
  Tiara description 
********************
*/


.product .product-image img {

	border : none;
	display: block;

	width: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

.product .product-image .image-zoom-link {

	margin-top: 0;
	padding: 0;
	margin-left: 8em;
	text-align: right;
}



/* Date */
.item-date 
{
	margin-top: 1em;;
}

.item-date h4
{
	display: inline;
	margin-left: -2em;
}

.item-date p
{
	display: inline;
}


/* Availability */
.item-availability 
{
	margin-top: 1em;;
}

.item-availability h4
{
	display: inline;
	margin-left: -2em;
}

.item-availability p
{
	display: inline;
}



/* Price */
.item-price 
{
	margin-top: 1em;;
}

.item-price h4
{
	display: inline;
	margin-left: -2em;
}

.item-price p
{
	display: inline;
}



.item-category {
	margin-top: 1em;;
}

.item-category h4 {
	margin-left: -2em;
	margin-top: 0;
	margin-bottom: 0;
}
.item-category dl {
	margin-left: 0;
}
.item-category p {
	margin-left: 0;
}







/*
********************
  Nav menu
********************
*/


/* sidebar navigation menu */
#menu-site-navigation { 
	background-color: #F4F4F4; 
	border-bottom: 1px dashed #808080; 
	border-right: 1px dashed #808080; 
	float: left; 
	font: normal 100% "MS Sans Serif", serif; 
	padding-bottom: 1em; 
	width: auto; 
	}

#menu-site-navigation a span { 
	display: none; 
	}

#menu-site-navigation a, 
#menu-site-navigation a:visited { 
	display: block; 
	position: relative; 
	text-decoration: none; 
	width: 180px; 
	background-color:  #FFFFF0; 
	}

#menu-site-navigation a:hover { 
	color: #2D5C8A; 
	text-indent: 0; 
	}

#menu-site-navigation a:hover span { 

/*
	background: url(blt_paleblue_11.gif) #F0FFF0 no-repeat scroll left;
*/
	background-image: none;
	background-color: #F0FFF0;
	
	
	border: 2px solid #B0C4DE; 
	color: #4B0082;
	display: block; 
	font: 90% cursive; 
	left: 220px; 
	margin: -2px; 
	padding: 0px 1px 0px 25px;
	position: absolute; 
	text-align: left; 
	top: 0px;
	width: 180px; 
	}

#menu-site-navigation h2 { 
	color: #BCBCBC; 
	font-family: "Microsoft Sans Serif", serif; 
	font-size: 110%; 
	letter-spacing: 2px; 
	margin: 0.5em 1em 0em 1em;
	text-align: center; 
	}

#menu-site-navigation li { 
	list-style-type: none; 
	margin-top: 0.5em; 
	}

#menu-site-navigation menu, #menu ul { 
	background-color: #F4F4F4; 
	color: #000000; 
	font: normal 100% "MS Sans Serif", serif; 
	list-style-type: none; 
	margin: 0;
	padding: 1px 1em 0em 1em; 
	}

	

#menu-site-navigation menu li.current a:link, 
#menu-site-navigation menu .current a:visited, #menu-site-navigation menu .current a:hover,
#menu-site-navigation ul li.current a:link,
#menu-site-navigation ul .current a:visited, #menu-site-navigation ul .current a:hover {
	background: url(pijl.gif) #FFDFDF no-repeat right;
	border: 1px solid #333333;
	color: #333333;
	cursor: text; 
	}


#menu-site-navigation menu a,
#menu-site-navigation ul a { 
	background-color: #F0F8FF; 
	border: 1px solid #333333; 
	color: #2D5C8A; 
	display: block; 
	list-style-type: none; 
	margin: 0;
	padding: 0 3px 0 3px; 
	text-decoration: none; 
	}

#menu-site-navigation menu a:hover,
#menu-site-navigation ul a:hover {

	background: url(blt_menu.gif) #FCFFE1 no-repeat right; 

	border: 1px solid #333333; color: #333333;
	text-indent: 0; 
	}



/* RSS button in the site-nav-menu 

This is awkward because in the main part of the menu we stretch the <a> to the size of the <li>
But not for the "button"

NB - This requires BOTH the <li> and the <a> to have the "rss_button" class

*/
#menu-site-navigation menu li.rss_button  {

	background-color	:	inherit;
	border: none;
}











/*
********************
  Lists
********************
*/


/* nav lists of thumbnails */
ul.item-thumbnail-list {
	list-style-type: none;
}

ul.item-thumbnail-list li {
	list-style-type: none;

	margin-bottom: 1.75em;
}

ul.item-thumbnail-list li a {
	text-decoration: none;
}

ul.item-thumbnail-list li a img {
	border: none;
}

ul.item-thumbnail-list li h3 {
	margin-top: 0;
	margin-left: 0;
}






/* lists of other categories */

ul.other-category-list {
}



/*
********************
  Print control
********************
*/

.print-only{ 
	display: none;
	visibility: hidden;
}



@media print {

.print-only { 
	display: inherit;
	visibility: display;
}

.no-print { 
	display: none;
	visibility: hidden;
}


	#menu-site-navigation { 
		display: none;
		visibility: hidden;
	}

	.body-text { 
		margin-left: 0; 
	}

	#navigation-items-gallery, #navigation-items-sequential {
		display: none;
		visibility: hidden;
	}
}