/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@import url(../warp/css/modules.css);


/* Module Badges
----------------------------------------------------------------------------------------------------*/

.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 Icons
----------------------------------------------------------------------------------------------------*/

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


/* Module Type: Box
----------------------------------------------------------------------------------------------------*/

.mod-box {
  padding: 20px;
  border: 1px solid #DBDBDB;
  background: #FFF;
}

.mod-box .module-title {
  font-size: 18px;
  text-transform: uppercase;
}

/*
 * Default
 */

.mod-box-default { color: #999; }

#page .mod-box-default a:hover { color: #5C5C5C; }

/* Base */
.mod-box-default em,
.mod-box-grey em { color: #5C5C5C; }

/*
 * Color: 1 
 */

.mod-box-color1  { 
  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); 
}

/* Link */
.mod-box-color1 a,
.mod-box-transparent a {
  color: #FFF;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
}

/* Base */
.mod-box-color1 h1,
.mod-box-color1 h2,
.mod-box-color1 h3,
.mod-box-color1 h4,
.mod-box-color1 h5,
.mod-box-color1 h6,
.mod-box-color1 { color: #FFF; }

.bg-color1 em,
.mod-box-color1 em {
  color: rgba(0,0,0,0.5); 
  text-shadow: 0 1px 0 rgba(255,255,255,0.2);
}

.mod-box-color1 code,
.mod-box-transparent code { color: #FFF; } 

/*
 * Color: 2
 */

.mod-box-color2  { 
  box-shadow: inset 1px 0px 17px rgba(0,0,0,0.15);
  color: #7a7a7a; 
}

/* Link */
.mod-box-color2 a,
.mod-box-transparent a {
  color: #7a7a7a;
}

/* Base */
.mod-box-color2 h1,
.mod-box-color2 h2,
.mod-box-color2 h3,
.mod-box-color2 h4,
.mod-box-color2 h5,
.mod-box-color2 h6,
.mod-box-color2 { color: #7a7a7a; }

.bg-color2 em,
.mod-box-color2 em {
  color: rgba(0,0,0,0.5); 
  text-shadow: 0 1px 0 rgba(255,255,255,0.2);
}

.mod-box-color2 code,
.mod-box-transparent code { color: #7a7a7a; } 

/*
 * Color: Grey
 */

.mod-box-grey { 
  border-color: #DBDBDB;
  background: #FBFBFB; 
  box-shadow: inset 1px 0px 17px rgba(20, 20, 20, 0.08);
  color: #999999;
}

#page .mod-box-grey a:hover { color: #5C5C5C; }

/*
 * Color: Transparent
 */

.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; }
.mod-box-transparent0 { background: url(../images/module_box_transparency0.png) 0 0 repeat; }

/* Module Title */
.module.mod-box-color1 .module-title,
.module.mod-box-transparent .module-title { color: #FFF; }

.module.mod-box-color2 .module-title,
.module.mod-box-transparent .module-title { color: #7a7a7a; }


/* Module Type: Line
----------------------------------------------------------------------------------------------------*/

.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-color1 .mod-line .module-title { 
  color: #FFF;
  border-color: rgba(255,255,255, 0.5)
}

.bg-color2 .mod-line .module-title { 
  color: #7a7a7a;
  border-color: #7a7a7a
}

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