/* 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 and 2
 */

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

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

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

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

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


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

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