BODY
{
	background: gray url(db.gif) repeat-x;
	margin: 5px 0px 5px 0px;

    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    SCROLLBAR-FACE-COLOR: #ccccd3;
    PADDING-BOTTOM: 0px;
/*    MARGIN: 0px;*/
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    BORDER-LEFT: 0px;
    SCROLLBAR-SHADOW-COLOR: #aaaab4;
    SCROLLBAR-3DLIGHT-COLOR: #aaaab4;
    SCROLLBAR-ARROW-COLOR: #ffffff;
    PADDING-TOP: 0px;
    SCROLLBAR-TRACK-COLOR: #ccccd3;
    BORDER-BOTTOM: 0px;
    SCROLLBAR-DARKSHADOW-COLOR: #aaaab4;
    SCROLLBAR-BASE-COLOR: #ccccd3;
    font-family: Arial, Verdana;
}

#mainContent
{ 
	text-align: center;
	vertical-align: top;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
#main
{
	background: white;
	text-align: left;
	border-right: #000000 thin solid; border-top: #000000 thin solid; border-left: #000000 thin solid; border-bottom: #000000 thin solid;
}
#content
{
	padding-right: 15px;
	padding-left: 15px;
	font-size: 9pt;
	padding-bottom: 15px;
	vertical-align: top;
	color: dimgray;
	line-height: 11.5pt;
	padding-top: 0px;
	font-family: Arial, Verdana;
	
}
.headerLogo
{
	text-align: left;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: 'Comic Sans MS' , Verdana;
	font-size: 24px;
	color: darkblue;
}
.headerSlogan
{
	text-align: right;
	font-family: 'Comic Sans MS' , Verdana;
	font-size: 24px;
	color: black;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
.mainNav
{
	background: black;	
	vertical-align: middle;	
	padding: 5px;
	font-size: 9pt;
}
.mainNavBar
{
	background: #0066cc;
	height: 4px;
	margin-top: -5px;
}
.mainNav a
{
	color: White;
	font-family: Verdana;
	padding-right: 7px;
	padding-left: 7px;	
}
.mainNav a:hover
{
	color: Gray;
}
.footer a
{
	color: White;
	font-family: Verdana;
	padding: 2px;
	font-size: 8pt;
}
.footer a:hover
{
	color: Gray;
	font-family: Verdana;
	padding: 2px;
	font-size: 8pt;
}

input.checkbox  {
                 position: absolute;
                 clip: rect(4px 14px 13px 5px);
                 padding: 0px;
                }

input.Icheckbox {
                 filter: invert;
                 position: absolute;
                 clip: rect(4px 14px 13px 5px);
                 padding: 0px;
                }
input.flat {border: 1px solid black;}
/*input {border: 1px solid black;}*/
input.clear {border: none;}

h1
{
	font-weight: bold;
	font-size: 11pt;
	letter-spacing: 1.5%;
	padding-top: 5px;
	margin: 0px;
	/*color: #333399;*/
	color: Black;
	font-family: Arial, Verdana;
}
h2
{
	color: Gray;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	margin: 0px;
}
.news
{
	padding: 15px;
	width: 100%;
	height: 100%;
	vertical-align:top;
	text-align: left;
	font-size: 8pt;
	
}
.news ul.list li{
	list-style:none;
	padding:1px 0px 1px 12px;
	margin:0px;
	background:url(arrow-blue.gif) no-repeat;
	background-position:0 .4em;
}
img.photobig,img.photosmall{
	border:1px solid #71727F;
	padding:5px 5px 5px 5px;
	background:white;
}

img.photobig,img.photosmall, img.photosmallc{
	border:1px solid #71727F;
	padding:5px 5px 5px 5px;
	background:white;
}
img.photosmall{
	margin-right:0px;
	margin-bottom:0px;
	float:left;
}
img.photosmallc{
	margin-right:15px;
	margin-bottom:15px;
	float:left;
}
.links
{
	background: #cccc99;
	padding:  2px 2px 2px 10px;
	font-size:  8pt;
	vertical-align: top;
	HEIGHT: 18px;
	width: 200px;	
	
}
.pictureText
{
	text-align: center;
	background: black;
	font-family: Arial;
	color: White;
	font-size: 15px;
	font-weight: bold;
	padding: 3px 0px 1px 0px;
}
.menu
{
	background: 0066cc;
	width:  140px;
	padding-right: 2px;
	font-size: 8pt;
}
.menuContainer
{
	vertical-align: top;
	background: lightsteelblue;
	width: 150px;
}
.productHeader
{	
	background: #cccc99;
	padding: 7px 6px 6px 6px;
	font-weight: bold;
}
.productCategory
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	background: lightsteelblue;
	font-weight: bold;
	text-transform: capitalize;
	width:  140px;
	padding: 2px 2px 2px 10px;
}
.productItem
{
	border-right: black 1px solid;
	padding-right: 6px;
	background-position: 0% 0%;
	border-top: black 1px solid;
	padding-left: 15px;
	background-attachment: scroll;
	background-image: url(Images/button-background.jpg);
	background-color: lightsteelblue;
	padding-bottom: 4px;
	text-transform: capitalize;
	border-left: black 1px solid;
	width: 140px;
	padding-top: 4px;
	border-bottom: black 1px solid;
	background-repeat: repeat;
}
.productItem a
{
	color: Black;	
	text-decoration: none;
	font-size: 13px;
	font-weight: bolder;
	font-variant: small-caps;
}
.productItem a:visited
{
	color: Black;
}
.productItem a:hover
{	
	text-decoration: underline;
}
.productHeader a
{
	color: Black;	
	text-decoration: none;	
	font-weight: bolder;	
}
.productHeader a:visited
{
	color: Black;
}
.productHeader a:hover
{	
	text-decoration: underline;
}
.menuFiller
{
	background: lightsteelblue;
	height: 100px;
	width: 100%;
}
.footer
{
	background: black;
	color: White;
	font-size: 8pt;
}
.productView
{ 
	vertical-align: top;
	padding:  0px 0px 10px 40px;
	text-align: center;
	width: 50%;
}
.border
{	border-right: black thin solid; border-top: black thin solid; border-left: black thin solid; border-bottom: black thin solid; 

}	
.productView ul.list li{
	list-style:none;
	padding:1px 0px 1px 12px;
	margin:0px;
	background:url(bullet-link.gif) no-repeat;
	background-position:0 .4em;
	text-align: center;
	width: 100%;
}
.label
{
	text-align: right;
	font-weight:bold;
	padding: 0px 10px 0px 10px;
	vertical-align: top;
	font-size: 9pt;
	color: dimgray;
}
.labelCenter
{
	text-align: center;
	font-weight:bold;
	padding: 0px 10px 0px 10px;
	vertical-align: top;
	font-size: 9pt;
	color: dimgray;
}

.labelLeft
{
	text-align: left;
	font-weight: bold;
	padding-left: 5px;
	vertical-align: top;
	font-size: 9pt;
	color: dimgray;
}
.labelText
{
	vertical-align: top;
	font-size: 9pt;
}
.labelText a
{
	color: #0066cc;	
	font-weight: bold;
}
.labelText a:visited
{
	color: #0066cc;		
}
.labelText a:hover
{
	color: darkblue;
}
.imageLink
{
	text-align:center;
}
.imageLink a
{
	color: #0066cc;	
	font-weight: bold;
	font-size: 9px;
}
.imageLink a:visited
{
	color: #0066cc;		
}
.imageLink a:hover
{
	color: darkblue;
}
.middleContent
{
	width: 100%; 
	vertical-align: top;
	padding: 15px;
}
.separator
{
	color: White;
}
.orderLabel
{
	font-size: 9pt;
	color: dimgray;
	text-align: left;	
	padding: 5px;
}
.orderLabelRight
{
	font-size: 9pt;
	color: dimgray;
	text-align: right;	
	padding: 0px;
}

.orderField
{
	font-size: 9pt;
}
.textbox
{
	width: 200px;
}
.cost
{
	font-weight:bold;
	color: Red;
}
.ship
{
	font-weight: bold;
	color: Navy;
}
.submitbutton
{
    FONT-SIZE: 10pt
}
.labelError
{
	color: Red;
}

.price
{
	FONT-SIZE: 11pt; 
	COLOR: red;
	font-weight: bold;
}
.buynowLink
{
	FONT-SIZE: 11pt; 
	COLOR: #0066cc;
	font-weight: bold;
}
.buynowLink a
{
	COLOR: #0066cc;
}
.buynowLink a:visited
{
	color:  #0066cc;
}
.buynowLink a:hover
{
	color: lightsteelblue;
}

.productTable
{
	border-right: dimgray 1px solid;
	border-top: dimgray 1px solid;
	border-left: dimgray 1px solid;
	border-bottom: dimgray 1px solid;
	width:  550px;
}
.productDetailTable
{
	background-color: whitesmoke;
}
.productTableHeader
{
	text-align: left;
	font-weight: bold;
	padding-left: 5px;
	vertical-align: top;
	font-size: 9pt;
	color: dimgray;
	border-bottom: black solid;
}
dl, dt, dd { /* suppression of all margins */
margin: 0;
padding: 0;
}

dl {
width: 75%; /* dimentions and positions to be changed at will */
position: absolute;
left: 3em;
top: 2em;
}

dt {
height: 50px;
background: #fff url(./Images/haut.gif) top left no-repeat;
line-height: 0;
text-align: center; /* centered title, bug IE*/
}

dd {
border: solid #5A6C84; /* sizse and color for borders on the right and left */
border-width: 0 5px;
padding: 0 10px; /* left and right padding to avoid text appearing over borders */
}
#bas {
height: 50px;
background: #fff url(./Images/bas.gif) bottom left no-repeat;
border: 0 none; /* no lateral border for the lower part */
padding: 0; /* no text, so no padding */
}

#titre {
display: block; /* title image places in block to avoid errors of spacing */
margin: auto; /* centered title */
}

#droitehaut, #droitebas { /* position of upper floating corners */
float: right;
}