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

/*
 * Style Style Sheet - Defines the main look like colors and backgrounds
 * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
 */


/* Base
----------------------------------------------------------------------------------------------------*/

a { color: #EF7F1A; }

::-moz-selection { background: #85CCE0; color: #fff; }
::selection { background: #85CCE0; color: #fff; }

/* Layout
----------------------------------------------------------------------------------------------------*/


/* Menus
----------------------------------------------------------------------------------------------------*/

/* Set Active */
.menu-dropdown li.active .level1,
.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1,
.menu-dropdown a.level2:hover,
.menu-dropdown a.level3:hover,
.menu-sidebar a:hover,
.menu-sidebar li > span:hover {
	color: #f2b70b;
}

.menu-dropdown a.level3 { background-image: url(../images/menu_dropdown_level3.png); }

.menu-sidebar li.parent .level1 > span { background-image: url(../images/menu_sidebar_parent.png); }

.menu-sidebar ul a > span { background-image: url(../images/menu_sidebar_level2.png); }

#footer .menu-line li a:hover { color: #339ABB; }


/* Modules
----------------------------------------------------------------------------------------------------*/

.mod-box-color {
	color: #F5F5F5;
	border-color: #257794;
	background: #329FC0;
	background: -moz-linear-gradient(top, #329FC0 0%, #2988B6 100%);
	background: -webkit-linear-gradient(top, #329FC0 0%, #2988B6 100%);		
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
	margin-top:50px;
}


/* Tools
----------------------------------------------------------------------------------------------------*/

a.button-more {	background-image: url(../images/tools/button_more.png); }

a.button-more:hover { color: #349BBC; }

.mod-box-color ul.zebra > li,
.mod-box-color table.zebra tbody td { border-bottom: 1px solid #237598; }
.mod-box-color ul.zebra > li:first-child,
.mod-box-color table.zebra tbody tr:first-child td { border-top: 1px solid #237598; }

.mod-box-color ul.zebra > li.odd,
.mod-box-color table.zebra tbody tr.odd { background: #2680A6; }
.mod-box-color ul.zebra > li:nth-of-type(odd),
.mod-box-color table.zebra tbody tr:nth-of-type(odd) { background: #2680A6; }

.mod-box-color em.box {
	border-color: #237598;
	color: #fff;
	background: #2680A6;
}

/* System
----------------------------------------------------------------------------------------------------*/

#system .item > .links a {	background-image: url(../images/tools/button_more.png); }
#system .item > .links a:hover { color: #349BBC; }

.breadcrumbs a:hover { color: #339ABB; }

/* Extensions
----------------------------------------------------------------------------------------------------*/

.wk-slideshow-inspire .nav span { background-image: url(../images/widgetkit/slideshow/nav.png); }

.clearfix {
	*zoom: 1;
}
.clearfix:before,
.clearfix:after {
	display: table;
	content: '';
	line-height: 0;
}
.clearfix:after {
	clear: both;
}

.news-items,
.products-items {
	position: relative;
	display: block;
}
.news-items > .item {
	position: relative;
	display: block;
	margin-bottom: 10px;
	padding: 10px 15px;
	border: 1px solid #e0e0e0;
}
.news-items > .item > .desc {
	position: relative;
	float: left;
	display: block;
	width:  460px;
}
.news-items > .item > .desc > h2 {
	margin: 0 0 5px 0;
}
.news-items > .item > .desc > .images {
	position: relative;
	display: block;
}
.news-items > .item > .desc > .images > a {
	position: relative;
	float: left;
	display: block;
	margin: 0 10px 10px 0;
}
.news-items > .item > .image {
	position: relative;
	float: right;
	display: block;
	width: 125px;
}

.products-items {
	margin-right: -10px;
	border: 1px solid #D6D6D6;
	width: 932px;
}
.products-items > .item {
	position: relative;
	float: left;
	display: block;
	width: 280px;
	height: 315px;
	margin: 0 0px 10px 0;
	padding: 20px 28px;
}
.products-items > .item > a.image {
	position: relative;
	display: block;
	overflow: hidden;
	width: 290px;
	height: 200px;
	border: 1px solid #D6D6D6;
}
.products-items > .item > h3 {
	margin: 0 0 10px 0;
	height: 37px;
}
.products-items > .item > h3 > a {
	color: #444;
}
.products-items > .item .button-more {
	padding: 0px 12px 0px 32px;
	background-position: 10px 0px;
	border: 1px solid #ff9933;
	border-radius: 3px;
}
.products-items > .item .button-more:hover {
	border-color: #ff3300;
	color: #ff3300;
}
.products-items > .view {
	position: relative;
	display: block;
	padding: 10px;
}
.products-items > .view > .images,
.products-items > .view > .images > .big {
	position: relative;
	display: block;
}
.products-items > .view > .images > .big {
	position: relative;
	display: block;
	width: 909px;
	height: 627px;
	overflow: hidden;
	border: 1px solid #e0e0e0;
}
.products-items > .view > .images > .thumbs {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-right: -30px;
}
.products-items > .view > .images > .thumbs > a {
	position: relative;
	float: left;
	margin: 0 10px 10px 0;
	display: block;
	width: 112px;
	height: 77px;
	overflow: hidden;
	border: 1px solid #e0e0e0;
}
.products-items > .view > .images > .thumbs > a.active {
	border-color: #ff9933;
}
.products-items > .view > .desc {
	position: relative;
	display: block;
}