/* 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     { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin-right: 20px; margin-left: 20px; padding: 10px }
.mod-boxcolored    { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
.mod-box .module-title  { font-size: 18px }
/*
 * Default
 */

.mod-box-default { color: #999; }
.mod-boxcolored-default  { color: #999 }
#page .mod-box-default a:hover  { color: #ccc }

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

/*
 * Color: 1 and 2
 */

.mod-box-colored  { 
	color: #FFF;
}

/*
 * Color: red
 */

.mod-boxcolored-red        { color: #fff; background-color: #404d59; border-top: 10px solid #f03 }
/*
 * Color: blue
 */

.mod-boxcolored-blue    { color: #fff; background-color: #404d59; border-top: 10px solid #00aad3 }

/*
 * Color: green
 */

.mod-boxcolored-green       { color: #fff; background-color: #404d59; border-top: 10px solid #97bf0d }

.newsletter  { background-color: #fff; border-top: 10px solid #ccc }
.flexheaderintro  { background-image: url(../images/pattern.png); background-repeat: repeat; width: 100% }
.siteLogo { background-image: url(../images/freeze-intro.png); background-repeat: no-repeat; background-position: 0 top; width: auto; height: 55px; overflow: hidden }
/* Link */
.mod-boxcolored a {
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
}

.mod-box-transparent a {
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
}
.mod-boxcolored-red a {
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
}

.mod-boxcolored-blue a {
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
}

.mod-boxcolored-green 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 {
	color: rgba(0,0,0,0.5); 
	text-shadow: 0 1px 0 rgba(255,255,255,0.2);
}
.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: 0 0 }
.grid-v .mod-box-transparent { margin: 0; }
.grid-v:first-child .mod-box-transparent  { margin: 0 0 0 }
.grid-v:last-child .mod-box-transparent  { margin: 0 0 0 }


.mod-box-transparent25  { background: url(../images/module_box_transparency25.png) }
.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   { color: #c30; font-size: 36px; font-family: UbuntuCondensedRegular }
.module.mod-boxcolored-red .module-title    { color: #fff; font-size: 32px; font-family: UbuntuCondensedRegular; line-height: 40px; background-image: none; text-transform: uppercase; margin-left: -30px }
.module.mod-boxcolored-blue .module-title       { color: #fff; font-size: 32px; font-family: UbuntuCondensedRegular; line-height: 40px; background-image: none; text-transform: uppercase; margin-left: -30px }
.module.mod-boxcolored-green .module-title     { color: #fff; font-size: 32px; font-family: UbuntuCondensedRegular; line-height: 40px; background-image: none; text-transform: uppercase; margin-left: -30px }
.module.mod-box-transparent .module-title  { color: #fff; font-size: 36px; font-family: UbuntuCondensedRegular; text-transform: uppercase }
/* Module Type: Line
----------------------------------------------------------------------------------------------------*/

.mod-line .module-title  { font-size: 18px; padding: 15px 0; border-style: solid; border-width: 1px 0; border-color: #dbdbdb }

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