@import url(cssbuttonstoggler.css);
@import url(featuredcontentglider.css);
@import url(imagebox.css);
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 11px; background-color:#e6fac8;}/*écriture box sur les côtés*/
.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: #000000; }
.productsNotifications { background: #008000; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
margin: 0;
text-align: center;
background-color: #ffa000;
background-image:url('../images/fond_calcadis.png');
background-repeat:repeat-x;
font-family:"Franklin Gothic Medium", Arial, "Lucida Sans Unicode";
margin: 0px;
padding: 0px;
font-size: 14px;
color: #000;}
#page { 
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  text-align: left;}
#haut {
width:1000px;
height:200px;
float:left;
margin-top:5px;
background-image:url('http://www.calcadis.com/images/header.png');
background-repeat:no-repeat;}
#header {height:135px;}
#header_logo{
float:left;
width:240px;
height:115px;
margin-top:20px;
margin-left:15px;}
#header_titre{
float:left;
width:660px;
height:60px;
margin-top:35px;}
#header_titre a{
font-family:"Comic Sans MS", cursive;
font-weight:500;
font-size:60px;
text-decoration:none;
color:#F00;;}
#header_help{
float:right;
width:65px;
margin-top:20px;}
#centre {
margin-left: auto; 
margin-right: auto; 
float:left;
width:1000px;
background-image:url('http://www.calcadis.com/img2/centre.gif');
background-repeat:repeat-y;}
#bas {
clear:both;
width:1000px;
height:130px;
padding-top:25px;
background-image:url('http://www.calcadis.com/img2/footer.gif');
background-repeat:no-repeat;
text-align:center;
font-size:12px;}

#en-tete {
  overflow: hidden;
  background-color: transparent;
  height:30px;}
#en-tete ul {
  float: left;
  margin-top:3px;
  margin-right:0px;
  margin-bottom:0px;
  margin-left:16px;
  padding:0px;
  list-style:none;}
  
#en-tete ul li {
  float: left;
  margin-left: 5px;}
  
#en-tete ul li a {
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 10px;
  background-image: url(http://www.calcadis.com/img2/coin-gauche.png);
  background-position: 0% -50px;
  background-repeat: no-repeat;}
  
#en-tete ul li#actif {
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 10px;
  background-image: url(http://www.calcadis.com/img2/coin-gauche.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;}
  
#en-tete ul li a span {
  float: left;
  font-weight:bold;
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url(http://www.calcadis.com/img2/coin-droit.png);
  background-position: 100% -50px;
  background-repeat: no-repeat;
  color: #000;}

#en-tete ul li#actif span {
  float: left;
  font-weight:bold;
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url(http://www.calcadis.com/img2/coin-droit.png);
  background-position: 100% 0%;
  background-repeat: no-repeat;
  color: #fff;}
  
#en-tete ul li a:hover {
  background-position: 0% -100px;}
  
#en-tete ul li a:focus {
  background-position: 0% -100px;}
  
#en-tete ul li a:hover span {
  background-position: 100% -100px;
  color:#FFF;}
  
#en-tete ul li a:focus span {
  background-position: 100% -100px;}

#sous-en-tete {
  overflow: hidden;
  background-color: #006E00;
  background-image: url(http://www.calcadis.com/img2/menu.gif);
  background-position: top;
  background-repeat:no-repeat;
  height:35px}
  
#sous-en-tete ul {
  float: left;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 26px;
  padding: 0px;
  list-style: none;
}
#sous-en-tete ul li {
  float: left;
  margin-right: 20px;
  size:14px;
  text-indent:2.2em;
  background-image: url(http://www.calcadis.com/img2/li.png);
  background-position: top left;
  background-repeat:no-repeat;
}
#sous-en-tete a {color: #fff;}
#sous-en-tete a:hover {color: #F00;}

img{border: 0;}

.logo{font:80px Comic Sans MS, Helvetica, sans-serif;color: #FF0000;}

A {
color: #C30;
font-weight:bold;
text-decoration:none;}

A:hover {
color: #F00;
text-decoration: underline;
cursor: pointer;}

FORM {
	display: inline;}

TR.header {
  background: #000;/*couleur bande du haut*/
}

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;
}

TR.footer {
  background: #bbc3d3;
}

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

.infoBox {
  background: #b6b7cb;
}
/* category information boxes */

.cat_info_box {background: #fff; border: solid 1px #6FA1C8; padding: 8px; margin-bottom: 10px; font-family: Verdana, Arial, sans-serif;
  font-size: 11px; font-weight: bold; text-indent:2em; text-align:justify;}
.cat_info_box p:first-letter { color:#F00; font-weight:bold;}
  
.infoBoxContents {
  background: #e6fac8;/*couleur de fond des cadres*/
  color: #000000;  
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {/*écriture titre box*/
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  background: #D00000;
  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: #fff;/*couleur des bandes produits*/
}

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: #f0fadc;
}

TABLE.productListing {
  border: 0px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 0px;/*bord cadre produits*/
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #FFF;
  color: #000000;
  vertical-align: middle;
  white-space: nowrap;
  font-weight: bold;/*titre des produits*/
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;/*écriture des produits, page produit*/
}

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #ff0000;
}

.headerNavigation {font-family: Verdana, Arial, sans-serif;}

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: 13px;/*taille écriture page générale*/
  line-height: 1.5;
}
TD.main-desc, P.main-desc {
  font-size: 15px;
  text-align:justify;
  text-indent:2em;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;/*écriture bas de page et box nouveaux produits*/
}

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, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;/*écriture dans les champs (fabricants, devise, créer un compte...etc*/
}

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

SPAN.greetUser {
  font-family: Comic Sans MS, Arial, sans-serif; /*écriture "visiteur"*/
  font-size: 15px;
  color: #ff0000;
  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: Verdana, Arial, sans-serif;
  color: #ff0000;
}

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

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

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

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

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* 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; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


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

.mws_boxTop_main    { background: url('images/infobox_main/top.png');
                 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.png'); }
.mws_boxRight_main  { background: url('images/infobox_main/right.png'); }
.mws_boxBottom_main { background: url('images/infobox_main/bot.png');
                 font-family: Verdana, Arial, sans-serif;
                 font-size: 11px;
                 text-align : center;
                 vertical-align: middle;
                 white-space: nowrap; }
.mws_boxCenter_main { background: #e6fac8; }
A.mws_boxTop    { 
		 color: #999999;
                  }
TD.noborderbox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/* star product pimped start */
.starprod{
	background-image:url(../images/fond_calcadis.png); background-repeat:repeat-x;}

.starTitle{
  font-family: Verdana, Arial,  sans-serif;
  font-size: 14px;
  color: #c3c3c3;
  font-weight : normal;
}

.starName{
 font-family: Tahoma, Verdana, Arial;
 font-size: 24px;
 font-weight: bold;
 color:#060;
 }  
 
 .starProdDesc{
 font-family: Arial, Verdana, sans-serif;
 font-size: 14px;
 color:#000;
 }  
 
 .starPrice{
 font-family: Arial, Verdana, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #ffffff;
 }  

/* star product pimped end */

/* menu Image -noborderBox2 - Show Sub-categories  Star */
a.menucateg:link, a.menucateg:visited, a.menucateg:active {
display: block;
vertical-align: middle;
color:#999999;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
height: 19px;
padding-top:2px;
text-decoration: none;
background-color: #EDEDEF;
border: solid 1px #FFFFFF;
}

a.menucateg:hover {
border: solid 1px #CCCCCC;
background-image: url(images/menuon.png);
background-repeat: repeat;
text-decoration: none;
font-weight: bold;
color: #000000;
}

a.menusubcateg:link, a.menusubcateg:visited, a.menusubcateg:active {
display: block;
vertical-align: middle;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
height: 19px;
text-decoration: none;
padding-top:2px;
border-bottom: 1px solid #7b9ebd;
border: solid 1px #FFFFFF;
}

a.menusubcateg:hover {
border-bottom: 1px solid #666666;
border-top: 1px solid #666666;
background-image: url(images/menuon.png);
background-repeat: repeat;
text-decoration: none;
color: #000000;
}
/* menu Image -noborderBox2 - Show Sub-categories  End */