/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
/* Best Sellers Scroller */

#pscroller_bs {
height: 200px;
width: 180px;
text-align: center;
border: 0px;
padding: 0px;
}

.pscroller_c_bs {
  font-family: sans-serif;
  font-size: 11px;
  line-height: 1.5;
}
.code {
	font-size:12px;
	line-height:18px;
	margin:10px 0;
	display:block;
	padding:3px;
	border:1px solid #aaa;
}

span.r { color:red; }
span.g { color:green; }
span.b {color:blue;}


.tbl { background:#aaa; }
.tbl td { background:#fff; padding:4px; vertical-align:top; }
.tbl .head td { background:#eee; font-weight:bold; padding:4px 8px; }
.tbl .tr1 td { background:#fff;}
.tbl .tr2 td { background:#f2f2f2;}

.mtbl {width:100%; height:100%; }
.rTd {padding:20px; width:100%; }

h1 { font-size:20px; font-weight:normal; color:#555; }
h2 { font-size:16px; font-weight:normal; color:#555; }

a.sel:visited, a.sel { color:#333;}

img { border:0; }

.html4strict  {
border:1px solid #AAAAAA;
display:block;
font-size:12px;
line-height:18px;
margin:10px 0pt;
padding:3px;
}
.html4strict .de1, .html4strict .de2 {font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;}
.html4strict  {font-family:monospace;}
.html4strict .imp {font-weight: bold; color: red;}
.html4strict li, .html4strict .li1 {font-weight: normal; vertical-align:top;}
.html4strict .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;}
.html4strict .li2 {font-weight: bold; vertical-align:top;}
.html4strict .kw2 {color: #000000; font-weight: bold;}
.html4strict .kw3 {color: #000066;}
.html4strict .es0 {color: #000099; font-weight: bold;}
.html4strict .br0 {color: #66cc66;}
.html4strict .sy0 {color: #66cc66;}
.html4strict .st0 {color: #ff0000;}
.html4strict .nu0 {color: #cc66cc;}
.html4strict .sc-1 {color: #808080; font-style: italic;}
.html4strict .sc0 {color: #00bbdd;}
.html4strict .sc1 {color: #ddbb00;}
.html4strict .sc2 {color: #009900;}
.html4strict .ln-xtra, .html4strict li.ln-xtra, .html4strict div.ln-xtra {background-color: #ffc;}
.html4strict span.xtra { display:block; }
/* EOF Dynamic Sitemap */

.mws_boxTop    { background: url('images/infobox/top.gif');
                 font-family: Tahoma;
                 font-size: 11px;
                 text-align : center;
                 font-weight: bold;
                 background-repeat:repeat-x;
                 vertical-align: middle;
                 white-space: nowrap; }
.mws_boxLeft   { background: url('images/infobox/left.gif'); }
.mws_boxRight  { background: url('images/infobox/right.gif'); }
.mws_boxBottom { background: url('images/infobox/bot.gif');
                 font-family: Verdana, Arial, sans-serif;
                 font-size: 11px;
                 text-align : center;
                 vertical-align: middle;
                 white-space: nowrap; }
.mws_boxCenter { background: #FFFFFF; }

.mws_boxTop_main    { background: url('images/infobox_main/top.gif');
                 font-family: Tahoma;
                 font-size: 11px;
                 text-align : center;
                 font-weight: bold;
                 background-repeat:repeat-x;
                 vertical-align: middle;
                 white-space: nowrap; }
.mws_boxLeft_main   { background: url('images/infobox_main/left.gif'); }
.mws_boxRight_main  { background: url('images/infobox_main/right.gif'); }
.mws_boxBottom_main { background: url('images/infobox_main/bot.gif');
                 font-family: Verdana, Arial, sans-serif;
                 font-size: 11px;
                 text-align : center;
                 vertical-align: middle;
                 white-space: nowrap; }
.mws_boxCenter_main { background: #FFFFFF; }

.boxText { font-family: Algerian; font-size: 15px; }
.errorBox { font-family : Algerian; font-size : 13px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Algerian; font-size : 13px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Algerian; font-size : 13px; color: #70d250; text-decoration: underline; }


/* ------- Zoom image ADD : START -------- */
#showimage{
position:absolute;
visibility:hidden;
border: 0px;
}

#dragbar{
cursor: hand;
cursor: pointer;
background-color: #bbc3d3;
min-width: 100px; /*NS6 style to overcome bug*/
}

#dragbar #closetext{
font-weight: bold;
margin-right: 1px;
}
/* ------- Zoom image ADD : END -------- */
/* ------- Zoom image ADD : START -------- */
#showimage{
position:absolute;
visibility:hidden;
border: 0px;
}

#dragbar{
cursor: hand;
cursor: pointer;
background-color: #bbc3d3;
min-width: 100px; /*NS6 style to overcome bug*/
}

#dragbar #closetext{
font-weight: bold;
margin-right: 1px;
}
/* ------- Zoom image ADD : END -------- */
/*----debut categorie-----*/
#nav
{
position:left;
width: 120px;
height:autopx;
z-index:10px;
margin-bottom:180px;
}
#navback
{
width: auto;
margin-top: 5px;
margin-left: 0px;
height:autopx;
padding:2px;

}
#menu {

position:relatif;
font-family: Verdana, Arial, sans-serif;
text-align: left;
font-size: 14px;
margin: 2px;
padding: 0;

}
#menu li

{

display:block;
float:right;
width:170px;
background: url("images/ivoire.jpg") no-repeat ;
padding:2px;
border:;
/*pour avoir un effet "outset" avec IE :*/
margin-right:2px;
}


#menu .subMenu {
display: none;
margin: 0;
padding-top: 0px;
padding-left: 0px;
border: 0;
}


#menu li a:link, #menu li a:visited{
display: block;
height: auto;
color: navy;
width: auto;
text-align:center;
margin: 2px;
padding: 2px;
font-weight:bold;
text-decoration: none;
text-decoration: underline;
}

#menu li a:hover {
color:red;
font-weight:bold;
}


#menu li a:active { background-color: none;}


#menu .subMenu li a:link,
#menu .subMenu li a:visited{
background: none;
text-align:left;
color: bleu;
margin-top:5px;
margin-left: 10px;
border: 0;
text-decoration: none;
font-size: 12px;
height: auto;
}

#menu .subMenu li a:hover{
background-image:;
display:block;
}

#menu li:hover > .subMenu {
display: block;

} 
/*----fin categorie----*/
BODY {
background: #F8F8F8;
color: #8C1788;
margin: 0px;
}

img
{
border: 0;
}

A {
color: #666666;
text-decoration: none;
}
A:hover {
color: #CC66CC;
  text-decoration: underline;
}

FORM {
	display: inline;
}


TR.header {
/*  background: #ffffff; */
}

TR.headerNavigation {
background:#ffffff;
}

TD.headerNavigation {
font-family: Algerian;
  font-size: 16px;
  background: #e4e4e4; background-image: url(images/header/header_nav.gif);
  background-repeat: repeat;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { color: #666666; }



A.headerNavigation:hover {
color: #666666;
}

TR.headerCrumb {
  background: #4e4e4e;
}

TD.headerCrumb {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #4e4e4e;
  background-image: url(images/headercrumb.gif);
  color: #ffffff;
  font-weight : bold;
}

A.headerCrumb { 
  color: #ffffff; 
}

A.headerCrumb:hover {
  color: #cccccc;
}
TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family:   Occidental;
  font-size: 13px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Occidental;
  font-size: 20px;
  background: ffffff;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #e4e4e4;
}

TD.footer {
  font-family:  Occidental;
  font-size: 13px;
  background: #e4e4e4;
  background-image: url(images/headercrumb.gif);
  color: #666666;
  font-weight: bold;
}

.infoBox {
background: #950045;
}

.infoBoxContents {
background: #FEF7FB;
font-family: Algerian;
  font-size: 15px;
  font-weight: bold;
border-spacing: 2px;
  border-collapse: separate;
  *border-collapse: expression('separate', cellSpacing = '2px');
}


.infoBoxNotice {
background: #FFFFFF;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
font-family: Algerian;
  font-size: 13px;
}

TD.infoBoxHeading {
  font-family:  Occidental;
  font-size: 16px;
  font-weight: bold;
background: #FFCCCC;
color: #666666;
}

TD.infoBox, SPAN.infoBox {
  font-family:  Occidental;
  font-size: 13px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
background: #ffffff;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
background: #FEF7FB;
}

TABLE.productListing {
  border: 0px;
  border-style: ;
  border-color: #CB05C4;
  border-spacing: 0px;
}

.productListing-heading {
  font-family:  Occidental;
  font-size: 14px;
background: #FEF7FB;
color: #666666;
  font-weight: bold;
}

TD.productListing-data {
  font-family:  Occidental;
  font-size: 13px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family:  Occidental;
  font-size: 20px;
  font-weight: bold;
color: #666666;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family:  Occidental;
  font-size: 13px;
color: #FFCCCC;
}

TD.main, P.main {
font-family: Algerian;
  font-size: 15px;
color: #CC33CC;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family:  Occidental;
  font-size: 13px;
}

TD.accountCategory {
  font-family:  Occidental;
  font-size: 13px;
font-weight: bold;
color: #950045;
}

TD.fieldKey {
  font-family:  Occidental;
  font-size: 13px;
  font-weight: bold;
}

TD.fieldValue {
  font-family:  Occidental;
  font-size: 12px;
}

TD.tableHeading {
  font-family:  Occidental;
  font-size: 13px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family:  Occidental;
  font-size: 13px;
  color: #330099;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family:  Occidental;
  font-size: 12px;
}

TEXTAREA {
  width: 100%;
  font-family:  Occidental;
  font-size: 14px;
}

SPAN.greetUser {
  font-family:  Occidental;
  font-size: 13px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
font-family: Algerian;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
font-family: Algerian;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}


SPAN.productSpecialPercent {
 font-family: Algerian;
  color: #000099;
  text-decoration: blink;
}
SPAN.errorText {
  font-family:  Occidental;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family:  Occidental; font-size: 13px; color: #8c8c8c; }
.checkoutBarCurrent { font-family:  Occidental; font-size: 13px; color: #000000; }

/* message box */

.messageBox { font-family:  Occidental; font-size: 13px; }
.messageStackError, .messageStackWarning { font-family:  Occidental; font-size: 13px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Algerian; font-size: 13px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family:  Occidental; font-size: 13px; color: #ff0000; }


#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background:
 url('../images/blank.gif') no-repeat; /* Trick IE into showing hover */
	display: block
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: 
url('../images/prevlabel.gif') no-repeat left 15%; }
#nextLink:hover, #nextLink:visited:hover { background: url('../images/nextlabel.gif') no-repeat right 15%; }


#imageDataContainer{
	font: 10px Algerian;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
.infoBoxProducts {
  text-align: center;
  border: solid 1px #999999; 
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  background-color: transparent;
  color: #333333;
  margin-bottom:-8px;
}
.infoBoxProducts a {
  color: #333333;
}
TD.infoBoxGrid {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border: solid 1px #F5D6F4;
}
/* set pos buy/details button on list */
img.buy_now {  
  margin-bottom:10px;
} 
/* set pos buy/details button on thumbnail */
img.thm_buy_now {
  margin-bottom:-3px;
} 
/* set style buy/details seperator thumbnail */
.buy_now {
  font-weight: bold;
	font-size: 18px;
	color: #999999;
} 
.infoBoxList {
 border: ridge 4px #faf0e6;
 border-collapse: collapse;
 background-color: #fff;
 }
.thumbcontent {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#666666;
  text-align:center;
}
TD.noborderbox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
TD.separator {border-bottom: 1px solid #ccc;}

.productListing-list-price {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
}

.productListing-title {
	font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
	color: #ED7DE9;
	padding-left:18px;
	padding-bottom:10px;
}

TABLE.buytable {
	 width: 100%;
	 height: 80px;
	 vertical-align: bottom;
         text-align:right;
}
DIV.multi_buy_now {
width: 99%;
text-align : right;
position:relative;
}

DIV#gbutton1 {
margin-bottom:-25px;
z-index:30;
}
DIV#gbutton2 {
margin-top:-25px;
z-index:30;
}

.quantity {
font-family:Verdana,Arial,sans-serif;
font-size:10px;
text-align : center;
}

.quantity input {
font-family:Verdana,Arial,sans-serif;
font-size:11px;
text-align : center;
background: #c0c0c0;
font-weight: bold;
border:2px solid #666666;
color:#333;
}
TD.attributes {
font-family:Verdana,Arial,sans-serif;
font-size:11px;
text-align : right;
}
TABLE.attributes select {
font-family:Verdana,Arial,sans-serif;
font-size:11px;
background: #c0c0c0;
font-weight: bold;
color:#333;
}
TABLE.drop select {
font-family:Verdana,Arial,sans-serif;
font-size:11px;
background: #ffffff;
font-weight: bold;
color:#CC66CC;
}
TR.list-block {
}		
SPAN.list_info {
font-family: Verdana, Arial, sans-serif;
font-size: 16px;
color: #333;
cursor:pointer;
}	
SPAN.list_info span {
display:none;
position:relative;  
}		
SPAN.list_info:hover span  {
display:block;
cursor:pointer;
margin-top:-20px;
position:absolute;
width: 140px; height: 16px; padding: 5px; 
font-family:Verdana,Arial,sans-serif;
font-size:12px;
color:#333;
background: #c0c0c0;
border:2px solid #666666;
text-align : center;
}