.module {
position:relative;
}

.module .badge {
position:absolute;
top:0;
right:0;
z-index:1;
}

.module .module-title .icon {
display:block;
position:relative;
top:-6px;
width:30px;
height:30px;
margin-right:5px;
overflow:hidden;
float:left;
}

.deepest > :first-child {
margin-top:0;
}

.deepest > :last-child {
margin-bottom:0;
}

.module .module-title {
margin:0 0 15px;
}

.module .module-title span.title {
display:block;
}

.module .module-title span.subtitle {
display:block;
margin-top:2px;
line-height:14px;
font-size:12px;
text-indent:1px;
}

.module .badge {
  top: -10px;
  right: -10px;
  width: 40px;
  height: 41px;
  background-repeat: no-repeat;
}
.module .badge-hot { background-position: 0 0; }
.module .badge-top { background-position: 0 -50px; }
.module .badge-free { background-position: 0 -100px; }
.module .badge-new { background-position: 0 -150px; }
.module .module-title .icon {
  top: -8px;
  left: -2px;
  width: 33px;
  height: 33px;
  margin-right: 7px;
  background-repeat: no-repeat;
}
.bg-colored .module-title .icon,
.bg-colored .mod-line .module-title .icon,
.module.mod-box-colored .module-title .icon,
.module.mod-box-transparent .module-title .icon { background-image: url(../images/module_icons_white.png); }
.module .module-title .icon-download { background-position: 0 0; }
.module .module-title .icon-twitter { background-position: 0 -40px; }
.module .module-title .icon-mail { background-position: 0 -80px; }
.module .module-title .icon-bubble { background-position: 0 -120px; }
.module .module-title .icon-login { background-position: 0 -160px; }
.module .module-title .icon-cart { background-position: 0 -200px; }
.mod-box {
  padding: 20px;
  border: 1px solid #DBDBDB;
  background: #FFF;
}
.mod-box.slider {background: #80c345; padding: 10px;
}
.mod-box.slider img {margin-top:-15px;
}
.mod-box .module-title {
  font-size: 18px;
  text-transform: uppercase;
}
.mod-box-default { color: #333; }
#page .mod-box-default a:hover { color: #5C5C5C; }
.mod-box-default em,
.mod-box-grey em { color: #5C5C5C; }
.mod-box-colored  {
  box-shadow: inset 1px 0px 17px rgba(0,0,0,0.15);
  color: #FFF;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
.mod-box-colored a,
.mod-box-transparent a {
  color: #FFF;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
}
.mod-box-colored h1,
.mod-box-colored h2,
.mod-box-colored h3,
.mod-box-colored h4,
.mod-box-colored h5,
.mod-box-colored h6,
.mod-box-colored { color: #FFF; }
.bg-colored em,
.mod-box-colored em {
  color: rgba(0,0,0,0.5);
  text-shadow: 0 1px 0 rgba(255,255,255,0.2);
}
.mod-box-colored code,
.mod-box-transparent code { color: #FFF; }
.mod-box-grey {
  border-color: #DBDBDB;
  background: #FBFBFB;
  box-shadow: inset 1px 0px 17px rgba(20, 20, 20, 0.08);
  color: #222;
}

#page .mod-box-grey a:hover { color: #5C5C5C; }
.mod-box-transparent { border: none; }
.grid-h .mod-box-transparent { margin: -20px 0; }
.grid-v .mod-box-transparent { margin: 0; }
.grid-v:first-child .mod-box-transparent { margin: -20px 0 0 0; }
.grid-v:last-child .mod-box-transparent { margin: 0 0 -20px 0; }
.mod-box-transparent25 { background: url(../images/module_box_transparency25.png) 0 0 repeat; }
.mod-box-transparent20 { background: url(../images/module_box_transparency20.png) 0 0 repeat; }
.mod-box-transparent15 { background: url(../images/module_box_transparency15.png) 0 0 repeat; }
.mod-box-transparent10 { background: url(../images/module_box_transparency10.png) 0 0 repeat; }
.module.mod-box-colored .module-title,
.module.mod-box-transparent .module-title { color: #FFF; }
.mod-line .module-title {
  padding: 15px 0;
  border-width: 1px 0;
  border-style: solid;
  border-color: #DBDBDB;
  font-size: 18px;
  text-transform: uppercase;
}
.mod-line .module-title .icon { top: -7px; }
.mod-line .badge {
  top: -12px;
  right: -5px;
}
.bg-colored .mod-line .module-title {
  color: #FFF;
  border-color: rgba(255,255,255, 0.5)
}
.mod-line-header .module-title { padding: 25px 0; }
.mod-line-header .module-title,
.mod-line-header .module-title span.subtitle {
  font-size: 30px;
  line-height: 30px;
}
.mod-line-header .module-title span.subtitle { margin-top: 5px; }