<!-- STYLE SHEET -->

<link rel="stylesheet" href="common.css" type="text/css">
<STYLE type="text/css">
<!--
body {font-family: Arial, Helvetica, Helv, sans-serif; font-size:100%; behavior: url(css/csshover.htc);}

A	{
	color: #100077;
	text-decoration: none;
	font-weight: bold;
	}

A:visited	{
	color: #100077;
	text-decoration: none;
	font-weight: bold;
	}

A:active	{
	color: #CE7B8D;
	text-decoration: none;
	font-weight: bold;
	}

A:hover {
	color:#CE7B8D;
	font-weight: bold;
	}

A.page_link
{
	color: #660000;
	background-color: #eee;
	text-decoration: none;
	float: center;
	font-size: 11px;
	padding: 0px 10px 0px 10px;
	margin-left: 0;
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	border-bottom: 1px;
}

A.page_link:active, A.page_link:hover
{
	background-color: #E7E6E6;
}

.page_link
{
	display: inline;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

P	{
	font-family: Arial, Helvetica, Helv, sans-serif;
	font-style: normal;
	font-size: 11pt;
	}

p.form {
	font-size: 8pt;
}

p.cart {
	font-size: 9pt;
}

p.copyright {
	font-size: 9pt;
	background-color: #E9E9E9;
}

p.dashed {
	border-style: dashed
	border-color: #CCCCCC;
	border-width: 1px;
	}

p.solid {
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	padding: 4px;
	font-size: 11px;
	}

p.hdr_solid {
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	text-indent: 0.5cm;
	}

p.solid_hp {
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	font-size: 13px;
	}

p.recent_purchases {
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	font-size: 12px;
	background-color: #E9E9E9;
	}

li	{
	font-family: Arial, Helvetica, Helv, sans-serif;
	font-style: normal;
	font-size: 11pt;
	}

input, select, option	{
	font-family: Arial, Helvetica, Helv, sans-serif;
	font-style: normal;
	font-size: 8pt;
	}

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
color: #660000;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background: transparent url(images/menubottom.jpg);
color: #660000;
text-decoration: none;
float: center;
font-size: 12px;
}

#navcontainer ul li a:hover
{
filter: alpha(opacity=25);
-moz-opacity: .25;
opacity: .25;
float: center;
background-color: #CCCCCC;
color: #FFC48F;
}

#navcontainer li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
  }

#navcontainer li > ul {
	top: auto;
	left: auto;
	}

#navcontainer li:hover ul, li.over ul{ display: block; }

#navcontainer2 ul
{
padding-left: 0;
margin-left: 0;
color: #660000;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer2 ul li { display: inline; }

#navcontainer2 ul li a
{
padding: 0.2em 1em;
background: transparent url(images/menubottom.jpg);
color: #660000;
text-decoration: none;
float: center;
font-size: 12px;
}

#navcontainer2 ul li a:hover
{
filter: alpha(opacity=25);
-moz-opacity: .25;
opacity: .25;
float: center;
background-color: #CCCCCC;
color: #FFC48F;
}


#navcontainer3 ul
{
padding-left: 0;
margin-left: 0;
color: #660000;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer3 ul li { display: inline; }

#navcontainer3 ul li a
{
padding: 0.2em 1em;
background: transparent url(images/menubottom.jpg);
color: #660000;
text-decoration: none;
float: center;
font-size: 12px;
}

#navcontainer3 ul li a:hover
{
filter: alpha(opacity=25);
-moz-opacity: .25;
opacity: .25;
float: center;
background-color: #CCCCCC;
color: #FFC48F;
}


#navcontainer4 ul
{
padding-left: 0;
margin-left: 0;
color: #660000;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer4 ul li { display: inline; }

#navcontainer4 ul li a
{
padding: 0.2em 1em;
background: transparent url(images/menubottom.jpg);
color: #660000;
text-decoration: none;
float: center;
font-size: 12px;
}

#navcontainer4 ul li a:hover
{
filter: alpha(opacity=25);
-moz-opacity: .25;
opacity: .25;
float: center;
background-color: #CCCCCC;
color: #FFC48F;
}


#leftnavcontainer {

}

#leftnavcontainer ul, li { /* using a list for menu */
list-style-type: none;  /* cleaning up the list */
margin:0;
padding:0;
}

#leftnavcontainer ul {
position: absolute; /* positionning for IE5 et IE5.5 */
left: 10.3%;
top: 167px;
background: transparent url(images/menubg.jpg) top left no-repeat; /* general background for the menu */
width: 175px;
text-align: left;
}

#leftnavcontainer li {
display: inline; /* correction for IE5 et IE5.5 */
}

#leftnavcontainer li a { /* buttons dimensions and definition */
display: block;  /* block for <a> to give it its dimensions */
height: 30px;
width: 175px;
line-height: 25px;  /* height of line to avoind paddings */
color: #333333;
text-decoration: none;
font-size: 13px;
}

#leftnavcontainer li a:hover {
color: #43271B;
background: transparent url(images/menubg.jpg) top left no-repeat;
}

#leftnavcontainer a#menu1:hover {
background-position: 0% -254px; /* move of background for each button */
}

#leftnavcontainer a#menu2:hover {
background-position: 0% -284px;
}

#leftnavcontainer a#menu3:hover {
background-position: 0% -314px;
}

#leftnavcontainer a#menu4:hover {
background-position: 0% -344px;
}

#leftnavcontainer a#menu5:hover {
background-position: 0% -374px;
}

#leftnavcontainer a#menu6:hover {
background-position: 0% -404px;
}

#leftnavcontainer a#menu7:hover {
background-position: 0% -434px;
}

#leftnavcontainer a#menu8:hover {
background-position: 0% -464px;
}

#leftnavcontainer a#menu9:hover {
background-position: 0% -494px;
}

#leftnavcontainer a#menu10:hover {
background-position: 0% -524px;
}

.number_circle
{
background: transparent url(images/circle.gif);
background-repeat: no-repeat;
background-position: left%;
font-size: 14px;
font-weight: bold;
color: 2B324F;
float: center;
}

.itemdetails
{
font-family: Arial, Helvetica, Helv, sans-serif;
font-size: 10pt;
color: 2B324F;
float: center;
}

.results_title
{
font-family: Arial, Helvetica, Helv, sans-serif;
font-size: 10pt;
font-weight: bold;
color: 2B324F;
float: center;
}

.results_description
{
font-family: Arial, Helvetica, Helv, sans-serif;
font-size: 9pt;
font-weight: normal;
color: 2B324F;
float: center;
}

.results_price
{
font-family: Arial, Helvetica, Helv, sans-serif;
font-size: 9pt;
font-weight: bold;
color: 2B324F;
float: center;
}

.photo
{
	padding: 0.2em 1em;
	color: #660000;
	text-decoration: none;
	float: center;
	font-size: 12px;
	padding-left: 10;
	margin-left: 0;
	font-family: arial, helvetica, sans-serif;
	width: 100px;
	height: 100px;
	text-align: center;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
}

.photo_pp
{
	padding: 0.2em 1em;
	color: #660000;
	text-decoration: none;
	float: center;
	font-size: 12px;
	padding-left: 10px;
	margin-left: 0;
	font-family: arial, helvetica, sans-serif;
	width: 80px;
	height: 80px;
	text-align: center;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
}


/* CSS from tutorials of www.alsacreations.com/articles */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

.box_hdr {
position: relative;
top: 0;
left: 0;
width: 100%; /* precision for Opera */
text-align: center;
font-weight: bold;
background: #E6E6E6;
margin: 0px;
border-style: solid;
border-color: #CCCCCC;
border-width: 1px;
border-bottom-width: 0px;
font-size: 11px;
z-index: 0; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */
}

.box_button {
position: relative;
top: 0;
left: 0;
width: 100%; /* precision for Opera */
text-align: center;
font-weight: bold;
background: #E6E6E6;
margin: 0px;
border-style: solid;
border-color: #CCCCCC;
border-width: 1px;
border-bottom-width: 1px;
font-size: 11px;
z-index: 0; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */
}


A.button
{
	color: #660000;
	background-color: #E6E6E6;
	text-decoration: none;
	float: center;
	font-size: 13px;
	padding: 0px 10px 0px 10px;
	margin-left: 0;
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	border-bottom: 1px;
}

.button
{
	display: block;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
}

.button a:active, .button a:hover
{
	background-color: #G7E6E6;
}

.box {
position: relative;
top: 0;
left: 0;
width: 100%; /* precision for Opera */
border-style: solid;
border-color: #CCCCCC;
border-width: 1px;
font-size: 11px;
margin: 0px;
text-align: left;
z-index: 0; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */
}

.box p {
padding: 0 0px 0 10px;
}

p .top10_description {
margin: 0 0 0 15px;
font-size: 10px;
}

.box a {
font-size: 13px;
}

.box a:hover, .recent_purchases a:hover {
background-color: #ddd;
}

.box_hdr50 {
position: relative;
top: 0;
left: 0;
width: 50%; /* precision for Opera */
text-align: center;
font-weight: bold;
background: #E6E6E6;
margin: 0px;
border-style: solid;
border-color: #CCCCCC;
border-width: 1px;
border-bottom-width: 0px;
font-size: 11px;
}

.box50 {
position: relative;
top: 0;
left: 0;
width: 50%; /* precision for Opera */
border-style: solid;
border-color: #CCCCCC;
border-width: 1px;
font-size: 11px;
margin: 0px;
text-align: center;
}

#content {
z-index: -1;
}

.request
{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
}

.request ul
{
padding-left: 0;
margin-left: 0;
color: #660000;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
}

.request ul li { display: inline; }

.request ul li a
{
padding: 0.2em 1em;
background-color: #dddddd;
color: #100077;
font-size: 12px;
text-decoration: none;
float: center;
border-style: solid;
border-color: #999999;
border-width: 1px;
}

.request ul li a:hover
{
filter: alpha(opacity=25);
-moz-opacity: .25;
opacity: .25;
background-color: #eeeeee;
float: center;
color:#660000;
}

.request li ul {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
  }

.request li > ul {
	top: auto;
	left: auto;
	}

.request li:hover ul, li.over ul{ display: block; }

div#policy {
	width:100%; /* makes the div full width */
	position: absolute;
	float:left;
	font-size:.8em;	/* SET FONT-SIZE HERE */
/*	background-color:#CCF; /* colors the div */
	z-index: 93;
	margin-top:10px; /* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	}

div#policy li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	font-size: 1.0em;
	background-color:#ccc; /*sets the background of the menu items */
	border-top:1px solid gray;	/* draws line on top edge of div */
	border-bottom:1px solid gray;	 /* draws line on bottom edge of div */
	border-right:1px solid gray; /* creates dividing lines between the li elements */
	border-left:1px solid gray;
	margin: 0 0 0 2px;
	}

div#policy ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#policy ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */
/* pop-out starts here */
div#policy ul li ul li ul  {
	position:absolute;
	z-index:99;
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:10em;
	}
div#policy ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

#policyLayer {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
background: #eee;
margin-bottom: 10px;
border-top: 1px solid gray;	/* draws line on top edge of div */
border-bottom: 1px solid gray;	 /* draws line on bottom edge of div */
border-right: 1px solid gray; /* creates dividing lines between the li elements */
border-left: 1px solid gray;
padding: 4px;
text-align: left;
}
#policyLayer img {
padding-right: 5px;
padding-bottom: 5px;
}
#policyLayer p {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
}
//-->
</STYLE>

<!-- END STYLE SHEET -->
