.clear {
   clear:both;
}

#mainContent .row {
padding: 0 0px 0 0;
margin:0 0px 0 0;
}

#mainContent {
/* padding: 1.5em 0; */
padding: 0;
margin:0;
}
#mainContent .catblock {
  float: left;
  background: url(/images/interface/fond-photo-100.jpg) no-repeat center center;
/* 	font-size: 1.4em; */
  height:110px;
  margin:0;
  padding:0;
}
#mainContent .catblock a {
  color: #5DB0E6;
  font-weight: bold;
  text-decoration: none;
/*   float: left; */
  padding: 0 15px 0 15px;
  margin:0;
}
#mainContent .catblock img {
	width:80px;
	height:80px;
	margin:15px 0 0 0;
}
body.jq-enhanced #mainContent .catblock {
/*   position: relative; */
  width:110px;
  height:110px;
}

ol, ul {
  list-style: none;
}



/* ----- clear fix for floats ----- */
.jq-clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.jq-clearfix { display:inline-block; }
/* hides clearfix from IE-mac \*/
* html .jq-clearfix { height:1%; }
.jq-clearfix { display:block; }
/* end hide from IE-mac */


.prod {
  background: #D6EBFF;
/*   min-height:330px; */
  width:700px;
  display:none;
  padding: 0 0px 10px 0;
  border:2px solid black;

}
.prod .prodimg {
  float:left;
  z-index:10;
}
.prod .prodimg img {
  border:1px solid black;
  margin:10px;
  max-height:180px;
}
.prod .catname {
  font-size: 18px;
  font-weight: bold;
  color: #14273e;
  text-shadow: 2px 2px 3px silver;
  background-color: transparent;
  background-image: url(images/interface/fond-header.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0 -7px;
  margin:0 0 0 220px;
  padding:5px 30px 0 0;
  text-align:right;
  height: 41px;
  white-space:nowrap;
}

.prod .productListing td {
  height:25px;
}
.prod .productListing img {
  margin:0px;
  padding:0px;

}
#prods {
}
.matrix {
  margin-left:0px;
  padding-right:20px;
  padding-top:10px;
  overflow:visible;
}
.matrix ul {
  font-size:11px;
}
.matrix ul li {
  height:30px;
  text-align:right;
}
.matrix ul li ul {
/*   display:inline; */
}
.matrix .prodinfo p {
  text-align:left;
}
.matrix ul li ul li  {
/*  display:-moz-inline-box;
  display:inline-block;
  float:left;*/
  position: relative;
  border:1px solid black;
  width:30px;
  height:30px;
  padding:0px;
  margin:0px;
}
.matrix ul li ul li {display:inline-block; }
/*.matrix ul li ul li, x:-moz-any-link {display:-moz-inline-box; padding-top:0.5em;}
.matrix ul li ul li, x:-moz-any-link, x:default {display:inline-block; padding-top:0;}*/

.matrix ul li ul li.len {
  border:0;
}

li.ya {
  background-color:green;
  width:25px;
}
li.ya:hover {
  background-color:#00B200;
}
li.yapas {
  background-color:white;
}
li.diam_top, li.diam_bottom {
  background-color:#CCC;
}
body.jq-enhanced .matrix .ya {
  position: relative;
  cursor: pointer;
}

.order {
  position:relative;
  display: none;
  font-size: 11px;
  border:3px solid black;
  background-color:#BBB;
  width:150px;
  height:150px;
  top:0px;
  margin-left:8px;
  z-index:20;
  text-align:center;
  opacity: 0.6;
}
.order p {
  margin:5px;
}
.order .prix {
  font-size:20px;
  margin:10px
}
.order .order_msg {
  color:red;
}
.order .bag {
  height:10px;
}
html.js .ordered {
  background-color:yellow;
  border:3px solid black;
  display:none;
/*   float:left; */
  font-size:20px;
  height:50px;
  opacity:0.6;
  position:absolute;
  text-align:center;
  margin:10px;
  width:146px;
  z-index:20;
}
p.msg {
  height:40px;
  padding-left:200px;
}
.prod table.productListing {
/*   margin-top:170px; */
}
.nowrap {
  white-space: nowrap;
}
.300px {
  min-height:300px;
}

#mainContent .info {
  background:#B6D9FD none repeat scroll 0 0;
color:black;
cursor:pointer;
display:none;
font-size:11px;
font-weight:bold;
height:72px;
margin:9px;
opacity:0.8;
overflow:hidden;
padding:10px;
position:absolute;
text-align:center;
width:72px;
z-index:50;
filter:alpha(opacity=80);
}


#prodinfo {
  height:43px;
  display:none;
  position:absolute;
  background: url(/images/interface/bg_prodinfo.png) no-repeat top left;
  font-size: 11px;
  padding: 5px 5px 0 40px;
  color: #320000;
  font-weight: bold;
  margin: 0;
  cursor: pointer;
  white-space:nowrap;
  z-index:50;
  opacity:0.9;
}
#prodinfo {
/*   background:white; url(/images/interface/bg_tooltip_r.png) 0 0 no-repeat; */
}

/****** Tabs ****/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none !important;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    margin:0 0 35px 200px;
    padding:0 0 0 325px;
    border-bottom: 1px solid #519e2d;
    height:27px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 2px;
    font-weight: bold;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px;
    background: url(/images/interface/tabs.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
    text-decoration:none;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    background-position: 100% -23px;
}
.ui-tabs-nav a span {
    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 27px;
    background-position: 0 -23px;
    line-height: 27px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .2;
    filter: alpha(opacity=20);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
    padding: 10px;
/*    background: #fff;  declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}