/*
  $Id: stylesheet.css,v 1.16 2007/10/19 16:47:34 vince Exp $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/


body {
  background:#C5CBD0;
  color:#000000;
  margin:0px;
  font-family:Verdana, Arial, sans-serif;
  text-align: center;
}

table  { border-collapse:collapse; border-spacing:0; font-size:10px; }
form  { border-collapse:collapse; border-spacing:0; padding:0; margin:0; }
td, th { padding:0; vertical-align:top; }
img { border-width:0px; }
textarea { color:gray; font-family:Verdana, Arial, sans-serif; font-size:10px; width:100%; }
input, select { color:gray; font-family:Verdana, Arial, sans-serif; font-size:10px; }
input:focus, select:focus, textarea:focus { background: #F4F4F4; color:black; }
p { font-family:Verdana, Arial, sans-serif; font-size:10px; }
h1 { font-size:14px; padding:0px; margin:0px; }
a { color:#1270BB; text-decoration:none; font-weight: bold; }
a:hover { color:#3391DC; text-decoration:none; font-weight: bold; }
s { color:#1270BB; }

.error, .warning { font-size:10px; font-weight:bold; background-color:#ffb3b5; height:20px; vertical-align:middle; }
.stockWarning { font-size:10px; font-weight:bold; background-color:#ffb3b5; }
.success { font-size:10px; font-weight:bold; background-color:#99ff00; height:20px; vertical-align:middle; }
.info { color:blue; font-size:10px; }
.inputRequirement { color:red; font-size:10px; }
.productSpecialPrice { color:red; font-weight:bold; }

.pageHeading { color:#A10000; font-weight:bold; font-size:14px; padding-top:10px; padding-bottom:10px; }
.main { 
  padding-left:0px;
/*  background-color : #F1F1F1;*/
 }
.mainFrame { padding:10px; }
a.headerNavigation, a.headerNavigation:hover { text-decoration:none; }

.infoBoxHeading { 
  color           : #FFFFFF;
  font-weight     : bold;
  padding-top     : 5px;
  text-decoration : none;
  text-align      : center;
}

.infoBox { /*border:1px solid #CCCCCC;*/ margin-top:5px;padding-left:15px; }
table.infoBoxContents { margin:5px; width:95%; padding-left:15px; }
table.infoBoxContents_form { margin:5px; width:98%;padding-left:15px; }
.infoBoxContentsText { margin:0px;padding-left:15px; }
.infoBox_form { /*border:1px solid #CCCCCC;*/padding-left:15px; }
/*
table.productListing { border:1px solid #CCCCCC; }
.productListing-heading { font-weight:bold; height:20px; vertical-align:top; text-decoration:none; }
.productListing-even { background-color:#F4F4F4; }
.productListing-odd { background-color:#FFFFFF; }
.productListing-data { vertical-align:middle; border-top:1px solid #CCCCCC; }
*/

table.productListing { /*border:1px solid #CCCCCC;*/ width:98%; margin:auto;}
.productListing-heading { 
  font-weight     : bold; 
  height          : 20px; 
  vertical-align  : top; 
  text-decoration : none; 
  color           : #1270BB; 
  padding-top     : 3px;
}

td.listing{
  background-color : #F1F1F1;
}

.productListing-heading a{ color : #1270BB; }
.productListing-heading a:hover{ color : #3391DC; }

.productListing-even { background-color:#FFFFFF;/*background-color:#F4F4F4;*/ border: 1px solid #CCCCCC; }
.productListing-odd { background-color:#FFFFFF; border: 1px solid #CCCCCC; }
.productListing-data { vertical-align:middle; color : #1270BB; font-weight: bold;/*border:1px solid #CCCCCC;*/ }

.productListingRow{
  border: 1px solid #CCCCCC;
}

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

td.smalltext, span.smalltext { font-size:9px; }
.infobulle { position:absolute; visibility :hidden; top:0px; }
span.ecotaxe { font-size:9px; cursor:help; text-decoration:underline; }

.imgBorders { cursor:pointer;border:0px solid #CCCCCC; }


/* Module Zoom CSS - QPN - 06-2007 - BOF */
#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:transparent url(images/design/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block; }
#prevLink { background: url(images/design/prec.gif) left 15% no-repeat; float: left;}
#nextLink { background: url(images/design/suiv.gif) right 15% no-repeat; float: right;}
#prevLink:hover, #prevLink:visited:hover { background:url(images/design/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(images/design/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer { font:10px Verdana, Helvetica, sans-serif; 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 */ }
/* Module Zoom CSS - QPN - 06-2007 - EOF */

/**** HEADER ****/
table.header{
  margin : auto;
}

td.colLeft{
  background-color : #0D6DBA;
/*
  background-image : url( images/design/colLeftbdLeft.jpg );
  background-position : 0 0;
  background-repeat   : repeat-y;
  padding-left     : 10px;
*/
  height : 100%;
}

td.colLeft table.colL{
  background-image : url( images/design/colLeftbdLeft.jpg );
  background-position : 0 0;
  background-repeat   : repeat-y;
  height : 100%;
}

table.category_heading{
  margin         : 0px;
  margin-left    : 8px;
  width          : 172px;
}
table.category_heading td{
  color           : #FFFFFF;
  background-image  : url( images/design/bg_box_heading.jpg );
  background-repeat : repeat-x;
  height          : 27px;
  text-align      : center;
  font-weight     : bold;
  padding-top     : 5px;
  width           : 100%;
}

table.category_content{
  margin         : 0px;
  margin-left    : 8px;
  width          : 172px;
}

table.category_content td{
  height          : 18px;
  vertical-align  : middle;
}

table.category_content td a{
  color           : #006DA1;
  text-decoration : none;
  padding-left    : 5px;
}

table.category_content td a:hover{
  font-weight     : bold;
  color           : #3391DC;
}

table.category_content td span.choosen_cat{
  font-weight     : bold;
}


table.category_content td span.choosen_subcat{
  font-weight     : bold;
  color           : #A10000;
}

table.category_content tr.catTRrow1{
  background-color: #FFFFFF;
}

table.category_content tr.catTRrow2{
  background-color: #E5E5E5;
}

div.colLeftInfos{
  color : #FFFFFF;
  margin-bottom : 5px;
  padding-left  : 15px;
}

div.colLeftInfos a{
  color : #FFFFFF;
  text-decoration : none;
}

div.colLeftInfos a:hover{
  color : #FFFFFF;
}

td.colRightbdRight{
  background-image  : url( images/design/colRightbdRight.jpg );
  background-repeat : repeat-y;
  height            : 100%;
}

td.colRightCorner{
  height:20px;
}

td.footer_top{
  background-image  : url( images/design/footer/footer_top_bg.jpg );
  background-repeat : repeat-x;
  width : 100%;
}

td.footer_text{
  color  : #858585;
  vertical-align : top;
  height : 30px;
}

td.footer_text a{
  color :#5B626D;
  text-decoration : none;
}

td.footer_text a:hover{
  color :#858585;
  text-decoration : none;
}