/*
  $Id: stylesheet.css,v 1.17 2008/02/13 13:51:04 business Exp $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/


body {
  background        : #ffffff;
/*  color             : #000000;*/
  color             : #008AC5;
  margin            : 0px;
  background-image  : url( images/design/header/bg.jpg );
  background-repeat : repeat-x;
  font-family       : Arial, Verdana, sans-serif;
}

table  { border-collapse:collapse; border-spacing:0; font-size:11px; }
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:Arial, Verdana, sans-serif; font-size:11px; width:100%; }
input, select { color:gray; font-family:Arial, Verdana, sans-serif; font-size:11px; }
input:focus, select:focus, textarea:focus { background: #F4F4F4; color:black; }
p { font-family:Arial, Verdana, sans-serif; font-size:10px; }
h1 { font-size:14px; padding:0px; margin:0px; }
a {
/*  color:#000000;*/
  font-size         : 11px;
  text-decoration   : underline;
  color             : #4E66CC;
  background-color  : #C7E3F8;

}
a:hover {
/*
  color:#777777;
  text-decoration:none;
*/
  font-size         : 11px;
  text-decoration   : underline;
  color             : #4E66CC;
  background-color  : #C7E3F8;
}
s { color:gray; }

.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:11px; }
.inputRequirement { color:red; font-size:10px; }
.productSpecialPrice { color:red; font-weight:bold; }

.pageHeading {
/*  color           : gray;*/
  color               : #396AB6;
  font-weight         : bold;
  font-size           : 16px;
  padding-top         : 10px;
  padding-bottom      : 10px;
  background-color    : #C7E3F8;
  background-image    : url( images/design/round_arrow_title.gif );
  background-repeat   : no-repeat;
  background-position : 10px 50%;
  padding-left        : 30px;
  border-bottom       : 1px solid #008AC5;
  vertical-align      : middle;
}
.main { padding-left:0px; }
.mainFrame { padding:10px; border:1px solid #9F9F9F; border-bottom: 0px; }
a.headerNavigation, a.headerNavigation:hover {
  color             : #000000;
  text-decoration   : none;
  font-size         : 11px;
  background-color  : transparent;
}

.infoBoxHeading { color:black; font-weight:bold; padding-top:5px; text-decoration:none; }
.infoBox { /*border:1px solid #CCCCCC;*/ margin-top:5px; }
table.infoBoxContents { margin:5px; width:95%; }
table.infoBoxContents_form { margin:5px; width:98%; }
.infoBoxContentsText { margin:0px; }
.infoBox_form { /*border:1px solid #CCCCCC;*/ }

table.productListing { /*border:1px solid #CCCCCC;*/ border-collapse: separate; }
.productListing-heading { font-weight:bold; height:20px; vertical-align:middle; text-decoration:none; }
.productListing-even { background-color:#ECF4FF; }/*F4F4F4*/
.productListing-odd { background-color:#FFFFFF; }
.productListing-data { vertical-align:middle; /*border-top: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:1px solid #C6C6C6; }


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


/* Module ZoomZoom - PEM - 02-2008 - BOF */
div.ZoomZoom{
  position          : absolute;
  z-index           : 666;
  display           : none;
  border            : 1px ridge #CCCCCC;
  cursor            : url(images/design/loupe.gif);
  background-color  : #FFFFFF;
}

div.ZoomZoom img{
  cursor            : url(images/design/loupe.gif);
}
/* Module ZoomZoom - PEM - 02-2008 - EOF */

td.colLeft{
  background-image  : url( images/design/colleft/colleft_bg.jpg );
  background-repeat : repeat-y;
}

td.boxHeader{
  background-image  : url( images/design/boxes/box_header_bg.jpg );
  background-repeat : no-repeat;
  height            : 25px;
  vertical-align    : middle;
  color             : #FFFFFF;
  padding-left      : 5px;
  font-weight       : bold;
}

td.boxHeaderRight{
  background-image  : url( images/design/boxes/box_header_bgR.jpg );
  background-repeat : no-repeat;
  height            : 25px;
  vertical-align    : middle;
  color             : #FFFFFF;
  padding-left      : 5px;
  font-weight       : bold;
  text-align        : center;
}

td.catMenu{
  padding-left      : 5px;
  height            : 20px;
  vertical-align    : middle;
}

td.catMenuLeft{
  padding-left      : 5px;
  background-color  : #EFEFEF;
  height            : 20px;
  vertical-align    : middle;
}

td.catMenuRight{
  padding-left      : 5px;
  background-color  : #FFFFFF;
}

a.catLinks{
  vertical-align    : bottom;
  font-size         : 13px;
  text-decoration   : none;
  color             : #008AC5;
  background-color  : transparent;
}

a.catLinks:hover{
  vertical-align    : bottom;
  font-size         : 13px;
  text-decoration   : none;
  color             : #30BAF5;
  background-color  : transparent;
}

a.catSubLinks{
  vertical-align    : bottom;
  font-size         : 12px;
  text-decoration   : none;
  color             : #008AC5;
  background-color  : transparent;
}

a.darkLnk{
  vertical-align    : bottom;
  font-size         : 11px;
  text-decoration   : underline;
  color             : #4E66CC;
  background-color  : transparent;
}

a.pageResults{
  vertical-align    : bottom;
  font-size         : 11px;
  text-decoration   : underline;
  color             : #008AC5;
  background-color  : transparent;
}

a.blackLnk{
  vertical-align    : bottom;
  font-size         : 11px;
  text-decoration   : underline;
  color             : #000000;
  background-color  : transparent;
}

a.footer_lnk{
  color             : #666666;
  background-color  : transparent;
}

a.pListHeader{
  color             : #396AB6;
  background-color  : transparent;
  text-decoration   : none;
  font-size         : 14px;
}

a.deepBlue{
  color             : #396AB6;
  background-color  : transparent;
  text-decoration   : none;
}

a.noBg{
  background-color  : transparent;
  text-decoration   : none;
}