body
{ background-color:#E3E3DB;
  background-image:url("../images/shop/bg.gif");
  font:11px Verdana,Arial,Helvetica,sans-serif;
  margin:0;
  padding:0;
  overflow-x:hidden; }

#container
{ margin:auto;
  width: 800px;
  height:300px; }

#topbar
{ background:url("../images/shop/shop-bg-top.png") repeat;
  height:33px;
  color:#7b7b7b;
  padding-left:10px;
  font-size:13px;
  line-height:33px;
  margin-top:-1px;
  margin-bottom:50px;
  border-bottom:1px solid #c7d4dc; }

#topbar ul.menu
{ padding:0;
  margin:0;
  float:left;
  margin-left:5px; }

#topbar ul.menu li
{ display:inline;
  font-size:13px;
  text-transform:uppercase;
  margin-left:10px;
  /*text-shadow:0 -1px 0 #fff;
  */
; }

#topbar ul.menu li.selected
{ text-decoration:bold;
  color:#444; }

#topbar ul.menu li a
{ color:#7b7b7b;
  text-decoration:none; }

#topbar ul.menu li a:hover
{ color:#444; }

p.right
{ padding:0;
  margin:0;
  float:right;
  font-size:11px;
  margin-right:15px; }

p.right a
{ color:#7b7b7b;
  text-decoration:none; }

p.right a:hover
{ color:#444;
  text-decoration:underline; }

p.about-shop
{ background:#EAEFF1;
  border-top:1px solid #6A8899;
  border-bottom:1px solid #6A8899;
  padding:10px 0 10px 14px;
  margin:10px 0 0 0;
  font:12px Helvetica; }

h3.title
{ color:#82a566;
  padding:0;
  margin:0;
  padding-left:14px; }

/*************************************************************/
div.shop
{ background:#fff;
  border:1px solid #c1c1c1;
  border-bottom:2px solid #c1c1c1;
  width:760px;
  height:auto;
  ;margin-top:5px;
  border-radius:5px;
  -webkit-border-radius:5px;
  padding-bottom:3px;
  position:relative;
  z-index:8999; }

.shop p.credits
{ padding:4px 0 0 10px;
  margin:0; }

div.title.blue
{ background-color:#2271c8;
  margin:0 auto;
  height:25px;
  position:relative;
  font-size:14px;
  line-height:25px;
  font-weight:bold;
  width:753px;
  margin-top:4px;
  border-radius:4px;
  color:#fff;
  text-align:center;
  margin-bottom:3px; }

div.title.reddark
{ background:#a90000;
  margin:0 auto;
  height:25px;
  position:relative;
  font-size:14px;
  line-height:25px;
  font-weight:bold;
  width:753px;
  margin-top:4px;
  border-radius:4px;
  color:#fff;
  text-align:center;
  margin-bottom:3px; }

div.offre.first
{ background-color:#f8f8f8;
  border:1px solid #ddd;
  border-bottom:2px solid #ddd;
  border-radius:4px;
  padding-bottom:5px;
  width:47%;
  height:auto;
  margin-bottom:0;
  float:left;
  margin-left:14px;
  margin-top:10px;
  position:relative;
  margin-bottom:10px; }

div.offre.last
{ background-color:#f8f8f8;
  position:relative;
  border:1px solid #ddd;
  border-bottom:2px solid #ddd;
  border-radius:4px;
  padding-bottom:5px;
  width:47%;
  height:auto;
  margin-bottom:0;
  float:left;
  margin-left:14px;
  margin-top:0;
  margin-bottom:10px; }

.offre.first:hover,.offre.last:hover
{ border:1px solid #b2b2b2;
  border-bottom:2px solid #b2b2b2; }

div.offre.general
{ background-color:#f8f8f8;
  border:1px solid #ddd;
  border-bottom:2px solid #ddd;
  border-radius:4px;
  padding-bottom:5px;
  width:97%;
  height:auto;
  margin-bottom:10px;
  float:left;
  margin-left:10px;
  margin-top:10px; }

div.text
{ padding-left:12px;
  margin-top:10px;
  font:11px Helvetica;
  position:relative; }

div.badge
{ width:340px;
  height:auto;
  border:1px solid #ddd;
  padding-bottom:6px;
  border-radius:4px;
  padding-left:6px;
  padding-top:6px;
  margin-bottom:5px;
  float:left;
  margin-left:7px; }

div.badges-content
{ background:#fbfae8;
  border-radius:4px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  height:auto;
  min-height:65px;
  width: 224px;
  border:1px solid #d3d086;
  border-bottom:2px solid #d3d086;
  padding:3px 3px 3px 3px;
  float:left;
  margin-left:10px;
  margin-bottom:10px; }

div.badges-content:hover
{ background:#f2f1cd;
  border:1px solid #c2be5e;
  border-bottom:2px solid #c2be5e;
  cursor: pointer;
}
div.badges-content.selected
{ background:#f2f1cd;
  border:1px solid #c2be5e;
  border-bottom:2px solid #c2be5e; 
}

div.badges-content p
{ font:12px Helvetica;
  padding-left:10px; }

p.info
{ color:#973916;
  font:bold 10px Helvetica;
  text-align:center; }

div.badges-content a
{ color:#da721c;
  text-decoration:underline;
  font-weight:bold; }

div.badges-content a:hover
{ color:#da721c;
  text-decoration:none; }

h2.offre-title
{ color:#737373;
  margin:0;
  padding:0 10px;
  margin-bottom:6px;
  list-style:square;
  background:#ddd;
  height:30px;
  font:bold 15px/30px Verdana;
  text-transform:uppercase; }

.title-img
{ margin-top:-5px;
  margin-left:99%;
  float:right;
  margin-bottom:0;
  clear:both; }

.space-img
{ margin-right:7px; }

a.about
{ color:white;
  border:1px solid #2B89E4!important;
  background:#2B89E4!important;
  background-image:-moz-linear-gradient(top,white#6aafec,#2b89e4)!important;
  background-image:-webkit-gradient(linear,left top,left bottom,from(#6aafec),to(#2b89e4))!important;
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#6aafec,endColorStr=#2b89e4)!important;
  padding:5px 10px;
  float:right;
  text-decoration:none;
  font-weight:bold;
  margin-right:12px;
  margin-top:-15px; }

a.about-no-piks
{ color:white;
  border:1px solid #c40707!important;
  background:#2B89E4!important;
  background-image:-moz-linear-gradient(top,white#e90505,#bc0505)!important;
  background-image:-webkit-gradient(linear,left top,left bottom,from(#e90505),to(#bc0505))!important;
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#e90505,endColorStr=#bc0505)!important;
  padding:5px 10px;
  float:right;
  text-decoration:none;
  font-weight:bold;
  margin-right:12px;
  margin-top:-15px; }

div.no-piks
{ text-align:right;
  color:#C00;
  margin-right:8px;
  font:bold 10px Arial; }

.price
{ position:relative;
  background:url("../../v2/images/blast.png") no-repeat;
  width:80px;
  height:80px;
  margin-left:10px;
  color:#7d650c;
  font-size:11px;
  text-align:center; }

input.input-badge
{ float:right; }

.separator
{ padding:5px 0 5px 0;
  border-bottom:2px dashed #ddd;
  width:96%;
  float:right; }

/* Alerts */
.alert
{ background:#fff url("../images/shop/ribbon.gif") no-repeat;
  margin:auto;
  min-width:260px;
  width:400px;
  height:30px;
  margin-top:5px;
  font:12px/30px Helvetica;
  border:1px solid #cf5123;
  border-bottom:2px solid #cf5123;
  color:#6D6D6D;
  border-radius:4px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  text-align:center; }

.alert a
{ color:#000;
  text-decoration:underline; }

.alert a:hover
{ color:#444;
  text-decoration:none; }

