/*
  $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
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications {
/*	background: #ffb3b5;*/
}
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  background: #343434;
  color: #fff;
  margin: 0px;
}

img
{
border: 0;
}

a:link, a:visited {
  color: #fff;
  text-decoration: none;
}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

/*
/////////////////////////////////////////////////////////////
Generalitees
////////////////////////////////////////////////////////////
*/

#bandeau-top {
  background-color: #1f1f1f;
  height: 20px;
  margin-bottom:0px;
}
#top {
  margin:0;
  width:auto;
  height:35px;
  background-color: #343434;
}
#menu {
  margin:0 auto;
  width:960px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight:bold;
}
#menu ul, #menu ul li {
	padding: 0;
	margin:0 auto;
}

#menu ul li {
  float: left;
  list-style-image: none;
  list-style-type: none;
  background: transparent url(images/css/menu-li.jpg) no-repeat;
  width: 150px;
  height: 32px;
  text-align:center;
}
#menu ul li a {
  color: #fff;
  text-decoration:none;
  text-transform: uppercase;
}
#menu ul li a:hover, #menu ul li a:active {
  text-decoration:none;
  color: #8ab1c1;
}


#barre {
width: 100%;
height:2px;
background: #343434;
 background-image:url(images/barre.jpg);
 background-repeat:no-repeat;
 background-position: center bottom;
}

FORM {
	display: inline;
}

Tr.header {
  background: #343434;
}

Tr.headerNavigation {
  background: #343434;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

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

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

#bandeau-planete {
 background-color: #092339;
 background-image: url(images/bandeau-planetes.jpg);
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-position: center top;
 width: 100%;
} 

.espace {
 padding: 20px;
}

Tr.fond {
  background: transparent url(images/fond-cadre.png) repeat;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #343434;
  color: #ffffff;
  font-weight: bold;
}

#footer-container {
 background-color:#343434;
}
#bandeau-bottom {
  background-color: #1f1f1f;
  padding: 10px;
  margin:0;
}
#bas {
  width:auto;
  height: 60px;
  margin: 0 auto;
  color: #80766e;
}

#validation {
 float: left;
}
#sec-menu {
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  width: 590px;
}
#sec-menu ul, #sec-menu li, #sec-menu a {
  padding: 0;
  margin: 0;
  background: none;
  list-style-type: none;
  font-size: 12px;
}
#sec-menu li {
  padding: 8px 24px 4px 5px;
  text-transform: uppercase;
  float: right;
  background: transparent url(images/separator.gif) no-repeat right 9px;
}
#sec-menu li.last {
  padding: 6px 24px 4px 5px;
  text-transform: uppercase;
  float: right;
  background:none;
  /*background: transparent url(images/separator.gif) no-repeat right 9px;*/
}

#sec-menu li a {
  color: #80766e;
  text-decoration: none;
  padding: 8px 0 1px 0;
  font-weight: bold;
}
#sec-menu li a:hover, #sec-menu li.active a {
  /*border-bottom: 3px solid #a57552;*/
  color: #8ab1c1;
}

/*
/////////////////////////////////////////////////////////////
Details
////////////////////////////////////////////////////////////
*/

.infoBox {
  color:#fff;
  /*background: #b6b7cb;*/
}

.boxText img {
  border-color:#000;
  border-width:1px;
  border-style:solid;
  padding:5px 2px;
}

.smallText img {
  border-color:#000;
/*  border-width:1px;*/
  border-width:0px;
  border-style:solid;
  padding:5px 2px;
  /*background-color:#fff;*/
}

.main img {
  /*border-color:#000;*/
  /*border-width:1px;*/
  /*border-style:solid;*/
  padding:5px 2px;
  /*background-color:#fff;*/
}

.productListing img {
  /*border-color:#000;*/
  /*border-width:1px;*/
  /*border-style:solid;*/
  padding:5px 2px;
  /*background-color:#fff;*/
}


.infoBoxContents {
  /*background: #E9E9E9;*/
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Georgia,serif;
  font-size: 20px;
	font-style: italic;
  /*background: #bbc3d3;*/
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

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: #f8f8f9;*/
}

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: #f8f8f9;*/
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #1F1F1F;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background-color: #1F1F1F;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background-color: #343434;
}

a.pageResults {
  color: #fff;
  text-decoration:none;
}

a.pageResults:hover {
  color: #AABBDD;
  text-decoration: underline;
}

TD.pageHeading, DIV.pageHeading {
  font-style: italic;
  font-weight: normal;
  line-height: 120%;
  font-family: Georgia,serif;
  font-size: 30px;
  color: #fff;
  padding:5px 10px;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  padding: 0 10px;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

input {
  border-color:#000;
  border-width:1px;
  border-style:solid;
  /*padding:5px 2px;*/
  /*background-color:#fff;*/
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  white-space: pre;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

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

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Georgia, serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver {cursor: pointer; cursor: auto; }
.moduleRowSelected { }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; font-weight:bold; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #fff; font-weight:bold;}

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

/*
** FROM agregado's style.css
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/

/*****************************************************************************
 Layout styles - HEADER
 *****************************************************************************/

/*#container1 {
  width: 960px;
  height: 120px;
  margin: 0 auto;
  background-image:url(images/barre.jpg);
  background-position: bottom center;
  background-repeat:no-repeat;
}

#primary-and-search-box {
  height: 32px;
}
#primary {
  float: left;
  width: 960px;
}
#primary ul, #primary ul li {
	padding: 0;
	margin: 0;
}
#primary ul li {
	float: left;
  list-style-image: none;
  list-style-type: none;
  background: transparent url(images/menu-li.jpg) no-repeat;
  width: 150px;
  height: 32px;
  text-align:center;
}
#primary ul li.last {
  background: transparent url(images/menu-li.jpg) no-repeat;
  width: 150px;
  height: 32px;
}
#primary ul li a {
  color: #fff;
  text-decoration:none;
  text-transform: uppercase;
  font-weight: bold;
}
#primary ul li a.active {
  color: #fff;
  text-decoration:none;
  font-weight: bold;
}
#primary ul li a:hover, #primary ul li a:active,  #primary ul li.sfhover a {
  text-decoration:none;
  color: #8ab1c1;
  font-weight: bold;
}
#primary ul ul li {
	width: 160px;
  background: none;
}

#primary ul ul a {
	width: 130px;
  display: block;
  text-transform: none;
  font-weight: bold;
}
#primary ul ul {
	position: absolute;
	background: #7F7F7F;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-color: #999999;
	width: 160px;
	left: -999em;
  z-index: 999;
}
#primary ul ul li {
  margin: 0;
  padding: 0;
}
#primary ul ul li a {
  padding: 5px 15px;
  border-bottom: 1px solid #999999;
  font-weight: bold;
}

#primary ul li.sfhover ul li.last a{
background-color:#7F7F7F;
}

#primary ul li.sfhover ul li a {
  background: none;
  border-bottom: 1px solid #999;
  color: #000;
}
#primary ul ul li a:hover, #primary ul ul li a:active, #primary ul ul li a.active, #primary ul li.sfhover ul li a:hover, #primary ul li.sfhover ul li a:active, #primary ul li.sfhover ul li a.active {
  text-decoration: none;
  border-bottom: 1px solid #999;
  background: #5C5C5C;
  color: #fff;
  font-weight: bold;
}
#primary ul ul li:hover, #primary ul ul li.over {
  background: #5C5C5C;
}
#primary ul ul ul {
	margin: -28px 0 0 160px;
}
#primary ul li:hover ul ul, #primary ul li.sfhover ul ul {
	left: -999em;
}
#primary ul li:hover ul, #primary ul li li:hover ul, #primary ul li.sfhover ul, #primary ul li li.sfhover ul {
	left: auto;
}*/


/*****************************************************************************
 System module
 *****************************************************************************/

/*
 * Tab navigation
 */
/*ul.tabs.primary, ul.tabs.primary li, ul.tabs.primary li a, ul.tabs.primary li.active a,
ul.tabs.secondary, ul.tabs.secondary li, ul.tabs.secondary li a, ul.tabs.secondary li.active a {
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
}*/

/*
** FROM defaults.css
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
/*
** HTML elements
*/
/*fieldset {
  margin-bottom: 1em;
  padding: .5em;
}
form {
  margin: 0;
  padding: 0;
}
hr {
  height: 1px;
  border: 1px solid gray;
}
img {
  border: 0;
}
table {
  border-collapse: collapse;
}
th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}*/

/* Hides from IE-mac \*/
/*
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}*/
/* End hide from IE-mac */