/*
  $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: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: small-caps;
	color: #666666;
}
.errorBox { font-family : Arial, Helvetica, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Arial, Helvetica, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Arial, Helvetica, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  background: url(images/fond2.gif) repeat-x scroll left top;
  color: #666666;
  margin: 0px;
}

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

A:hover {
  color: #F47825;
}

FORM {
	display: inline;
}
.header {
	background: url(images/ap-header.gif) repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #FFCC33;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation {
	color: #666666;
	font-variant: small-caps;
}

A.headerNavigation:hover {
	color: #00A8CB;
	font-weight: bold;
}

TR.headerError {
  background: #ff0000;
}

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

TR.headerInfo {
  background: #00ff00;
}

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

TR.footer {
  background: #bbc3d3;
}

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

.main2 {
  background: url(images/fond2.gif) repeat-x scroll left top;
}
.infoBox {
	margin-bottom: 5px;
}
.infoBox2 {
	margin-right: 10px;
	margin-left: 10px;
	background-color: #FF9933;
}

.infoBoxContents {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-right-color: #FF9933;
	border-bottom-color: #FF9933;
	border-left-color: #FF9933;
	line-height: 16px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.infoBoxContentsSpecials {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF6600;
}
.infoBoxSpecials {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF6600;
	border: thin solid #0066CC;
}
.titre-l {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	background-image: url(images/titrel.gif);
	background-repeat: no-repeat;
	background-position: center top;
	-moz-border-radius: 10px;
	
}
.titre-l0 {
	height: 35px;
	vertical-align: middle;
	background-image: url(images/titrel.gif);
	background-repeat: no-repeat;
	background-position: center top;
	-moz-border-radius: 10px;
}
.titre-l1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 15px;
}
.titre-l2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	background-image: url(images/fond-RUB.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	font-weight: bold;
	-moz-border-radius: 10px;
	width: 192px;
}
.infoBoxContents2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #FF9933;
	font-weight: bold;
}

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	padding-bottom: 5px;
	font-variant: small-caps;
	text-align: center;
	background-image: url(images/infobox/fond.gif);
	background-repeat: repeat-x;
}
.infoBoxHeadingSpecials {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background: #FF9900;
	color: #FF9900;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	font-variant: small-caps;
}
TD.infoBoxHeading2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background: #FF9900;
	color: #FFFFFF;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
TD.infoBox, SPAN.infoBox {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-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.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
	border-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

.productListing-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #00B5D2;
	color: #FFFFFF;
	font-weight: bold;
	font-variant: small-caps;
	height: 30px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
TD.productListing-data2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
TD.productListing-data {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #00B5D2;
}
.productListing-data {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #00B5D2;
}


A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #0099CC;
	font-variant: small-caps;
}

TR.subBar {
  background: #f4f7fd;
}

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

TD.main{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	padding-left: 10px;
}
.main1 {
	background: url(images/fond1.gif) no-repeat scroll center bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.border1 {
  background: url(images/border-h.gif) no-repeat scroll center bottom;
}
.border2 {
  background: url(images/border-m.gif) repeat-y scroll center bottom;
}
.border3 {
  background: url(images/border-b.gif) no-repeat scroll center bottom;
}
.border4 {
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333333;
	border-bottom-color: #333333;
}
.specials1 {
  background: url(images/h-specials.gif) no-repeat scroll center bottom;
}
.specials2 {
	background: url(images/m-specials.gif) repeat-y scroll center bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.specials3 {
  background: url(images/b-specials.gif) no-repeat scroll center bottom;
}
.cart1 {
  background: url(images/h-cart.gif) no-repeat scroll center bottom;
}
.cart2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.cart3 {
	background: url(images/b-cart.gif) no-repeat scroll center bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
}
.cart4 {
	background: url(images/cart.gif) no-repeat scroll center bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
}
.main3 {
  background: url(images/footer.gif) repeat-x;
}

TD.smallText, SPAN.smallText{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}
SPAN.smallText{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}
TD.smallText1, SPAN.smallText1{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}
TD.accountCategory {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

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

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

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

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

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

TEXTAREA {
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Arial, Helvetica, 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, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

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

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

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

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

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

/* message box */

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

/* input requirement */

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

.tlf {background-image: url(images/l_off.gif); }
.tlo {background-image: url(images/l_on.gif); }
.trf {background-image: url(images/r_off.gif); }
.tro {background-image: url(images/r_on.gif); }
.tff {background-image: url(images/off_off.gif); }
.tfo {background-image: url(images/off_on.gif); }
.tof {background-image: url(images/on_off.gif); }
.tmf {background-image: url(images/m_off.gif); }
.tmo {background-image: url(images/m_on.gif); }
.tabsOff           { font-size: 13px; text-decoration: none;padding: 0 0 2 0;}
.tabsOff a:link, .tabsOff a:visited { color: #6699cc; }
.tabsOff a:hover   { color: orange; text-decoration: none;}
.tabsOff a:active  { color: orange; }
.tabsOn            { font-size: 15px; font-weight: bold; padding: 0 0 2 0;}
.tabsOn a:link, .tabsOn a:visited, .tabsOn a:hover, .tabsOn a:active  { color: #ffffff; text-decoration: none;}
DIV.pageHeading  { }P.smallText1  {
	font-weight: normal;
	text-align: justify;
}

/* START Categories Tabs v2.0 */
A.tabsNavigation {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight : bold; 
  color: #0000CC; 
}

A.tabsNavigation:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight : bold; 
  color: #3366CC;
}

TD.tabsNavigation {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
/*  background: #CCCCCC;*/
  color: white;  /* Color of the not selected category text */
  font-weight : bold;
}
/* END Categories Tabs v2.0 */P.smallText  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #CCCCCC;
	color: #666666;
 } P.smallText1  {   font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
 } DIV.pageHeading  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #0099CC;
	font-variant: small-caps;
 } TR.productListing-even {    } TR.productListing-odd {    } 
 
 #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;
			border: 1px solid #666666;
            }
 
#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/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) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/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: #FFF;
            filter:alpha(opacity=60);
            -moz-opacity: 0.6;
            opacity: 0.6;
            }
            
 
.clearfix:after {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
            }
.hidden {
	visibility: hidden;
}
 
* html>body .clearfix {
            display: inline-block; 
            width: 100%;
            }
 
* html .clearfix {
            /* Hides from IE-mac \*/
            height: 1%;
            /* End hide from IE-mac */
            }          
.smallText2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 20px;
	padding-left: 20px;
 }
 
 .imagepanier {
	padding: 10px;
}
.txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-variant: small-caps;
	padding: 10px;
}
.bordurefp {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}
 
.bordurecompte {
	border: 1px dashed #999999;
}
.bordurecommande {
	border: 1px dashed #00B5D2;
}
.star-product-title {

  font-family: Verdana, Arial, sans-serif;

  text-align : center;

  font-size: 16px;

  font-weight: bold;

  color: #000000;

}

.star-product {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  font-weight: normal;

  color: #000000;

}

.star-product-price{

  font-family: Verdana, Arial, sans-serif;

  font-size: 16px;

  font-weight: bold;

  color: #ff0000;

}
/* Advanced Searches infobox */

#quick_find select {width:12em; font-size:11px;}

#quick_find select option {width:auto;}