/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */
/*
 * Style Sheet - Defines the main look like colors and backgrounds
 * Dont edit this style, please edit the CUSTOM.CSS if you want to customize the theme
 */
 
 /* --------------------------------------------- ROKSPROCKET -------------------------------------------------------*/
.sprocket-headlines {background: #fff!important;border: 1px solid #ddd; max-width:99.99%!important}
a.sprocket-headlines-text {color:#777!important;}
a.sprocket-headlines-text:hover {color:#000!important;}
.sprocket-headlines-navigation .arrow { line-height:130%;}
.sprocket-mosaic-item {border:none!important;margin:10px;margin-left:0!important}
.sprocket-mosaic h2 {font-size: 18px !important;margin: 10px 0 !important; text-align:center}
.sprocket-mosaic-item .sprocket-padding {
    background-color: #fff;
    border: 1px solid #efefef;
    border-radius: 0;
    padding: 10px 10px 0 10px!important;
}
.sprocket-mosaic-item {
    border: none;
    border-radius: none;
}
.sprocket-mosaic-hovercontent {
    background: #000;
	bottom:6px;
	line-height:100px;
	height: 100%;
    width: 100%;
	color:#fff}

.layout-slideshow .sprocket-features-pagination {
    bottom: 0;
    left: 0;
    position: relative;
    z-index: 10;
}
#main .sprocket-mosaic .sprocket-mosaic-order ul li, #main .sprocket-mosaic .sprocket-mosaic-order ul li, .sprocket-mosaic .sprocket-mosaic-order li, .sprocket-mosaic .sprocket-mosaic-order li {
    border-radius:0;
    margin: 0;
}
.sprocket-mosaic-tags { display:none}
.layout-slideshow .sprocket-features-content {
    bottom: 40px;
}
.sprocket-tabs-nav {
    border-bottom: none;
}

.layout-top .sprocket-tabs-nav {
    padding:0 !important;
}
.sprocket-tabs-nav > li {
    margin-bottom: 0px;
	color:#fff;
}
.sprocket-tabs-nav > li.active > .sprocket-tabs-inner {
    background-color: #000;
	color:#fff;
    border:none!important;
}
.sprocket-tabs-nav > li > .sprocket-tabs-inner {
    border:none!important;
    border-radius:0;
}
.layout-slideshow .sprocket-features-title, .layout-slideshow .sprocket-features-desc {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    color: #222222;
}
/* --------------------------------------------- LAYOUT -------------------------------------------------------*/

/* fix for the stupid 33% set in virtuemart css */
.width33 {
    width: 33.333%!important;
}
body { background-color:#e2e2e2;}

#bg { position: fixed; top: 0; left: 0; z-index:-1 }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

.jp-toolbar-outer{
margin-bottom:20px;}

#toolbar {
margin:5px 0;
padding:5px 0;
}

#logo {
text-align:left;
float:left;
}
#logo p {margin:0}
#menu { position: relative; float:right;}

#menubar {
margin:0;
}
#submenu {
width:100%;
display:inline-block;
}

#search {
margin:4px 10px 0 0;
}
.searchbox {
background-color:#fff;
margin-top:4px;
}

.searchbox .results {
background:#FFF;
border:1px solid #DDD;
right:-3px;
top:38px;
width:300px;
}
.breadcrumbs {
padding:15px;
margin-bottom:20px;
background-color:#FFFFFF;
}

#main {
margin:10px 0 20px 0;
}

.bottom-d-outer{
position:relative;
background-color:#ededed;
padding:20px 0;
margin-top:20px;
}

.footer-outer{
background:#242424;
border-top:1px solid #fff;
color:#ccc;
padding:20px 0;
}

#footer a,#footer a:visited {
color:#ccc;
}

#footer a:hover {
color:#fff;
}

#footer {
margin:0;
}

#content {
background-color:#FFFFFF;
padding:15px;
margin: 0 15px;
}
/*--------------------------------------------- MENU -------------------------------------------------------*/
#menubar {
padding:0;
}
.menu-dropdown {
margin-bottom: 0;
}
.menu-dropdown li.level1 {
margin-right:0;
border:none;
padding:0!important;
}
#menu .module {
float:left!important;
}

.menu-dropdown a.level1,.menu-dropdown span.level1 {
border:none;
}
.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
padding:0 14px;
border-left:1px dashed #ccc;
}

.menu-dropdown .dropdown-bg > div {
background:#fff;
background:rgba(255,255,255,0.97);
border:none;
}

.menu-dropdown .dropdown {
border-top:none;
top:40px;
}
.menu-line li {
background: none;
}
/*--------------------------------- MENU ----------------------------------------*/
#menubar {
background-color: #fff;
}

.menu-dropdown a.level2:hover,.menu-dropdown a.level3:hover,.menu-sidebar a:hover > span,.menu-sidebar span:hover > span {
color:#222;
}
.menu-dropdown li.active .level1 {
color:#000;
}
.menu-dropdown a.level1,.menu-dropdown span.level1 {
border:none;
color:#222;
}

.menu-dropdown li.level1:hover .level1,.menu-dropdown li.remain .level1 {
color:#777;
}
.menu-dropdown a.level2,.menu-dropdown span.level2 {
color:#000;
}
.menu-dropdown a.level3 {
color:#888;
}
.menu-dropdown a.level3:hover {
color:#222;
}
#submenu {
border-top:1px solid #d7d7d7;
}

#submenu > span {
line-height: 100%;
padding:0 10px;
}
#submenu a.level1 > span, #submenu span.level1 > span, #toolbar a.level1 > span  {
}
#submenu li {float:left;border:none!important;padding:6px 0 0 0}
#submenu li a {color:#fff;font-size:11px}
#submenu span:hover {color:#222;}
#submenu li a.active {color:#fff;font-weight:normal}
/*--------------------------------------------- SUBMENU -------------------------------------------------------*/
#submenu a.level1 > span, #submenu span.level1 > span {
    line-height: 20px;
    padding: 2px 10px;
	margin:0 0 0 14px;
	
}
/*--------------------------------------------- TOPMENU -------------------------------------------------------*/
#toolbar a.level1 > span {
    line-height: 20px;
    padding: 2px 10px;
	
}

/*------------------------------------------- MODULE ---------------------------------------------------------*/
.mod-box .badge {
right: 10px;
top: 6px;
}
.mod-box {
border-radius:none;
background:#fff;
margin:15px;
border:none;
}

.module {
margin:15px;
}

.mod-blank {
border:none!important;
padding:0!important;
margin:0!important;
background:none!important;
}
.mod-clean {
border:none!important;
padding:15px!important;
margin:15px!important;
background:none!important;
}

.mod-clean1,.mod-clean2,.mod-clean3 {
border:none!important;
padding:0!important;
margin:15px!important;
background:none!important;
}

.mod-clean1 h3 {
color:#222;
padding:8px 0;
border-bottom:1px solid #ddd;
}

.mod-clean2 h3 {
background:#fff;
padding:8px 15px;
}

.mod-shadow {
border:1px solid #fff;
border-radius:none;
background:#fdfdfd;
margin:15px;
-moz-box-shadow:0 0 0 10px #ccc;
-webkit-box-shadow:0 0 10px 0 #ccc;
box-shadow:0 0 10px 0 #ccc;
}
/* -------------------------------------- Dark Modules --------------------------------------------------------------*/

.mod-dark {
background-color:#fff!important;
padding:0!important
}
.mod-dark .module-helper { 
padding:0 15px 15px 15px;
}
.mod-dark h3 {
background-color:#242424!important;
color:#fff;
padding:10px 15px;
}
.mod-dark span.color {
color:#fff;
}



/* -------------------------------------- TOOLS --------------------------------------------------------------*/
img {
height:auto;
max-width:100%;
}

a.button-default:hover,a.button-primary:hover {
background-color:#222;
color:#fff!important;
}
.img-round {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.img-shadow {
-moz-box-shadow:0 0 0 5px #999;
-webkit-box-shadow:0 0 5px 0 #999;
box-shadow:0 0 5px 0 #999;
max-width:100%;
}

.img-polaroid {
-moz-box-shadow:0 0 0 10px #ccc;
-webkit-box-shadow:0 0 10px 0 #ccc;
box-shadow:0 0 10px 0 #ccc;
max-width:100%;
padding:5px;
margin:5px;
background:#fff;
}

img.align-right {
-moz-box-shadow:0 0 0 5px #DDD;
-webkit-box-shadow:0 0 5px 0 #DDD;
box-shadow:0 0 5px 0 #DDD;
max-width:100%;
}

a.lightbox-color {
float:left;
border:1px solid #ededed;
padding:2px;
margin:5px;
}

a.button-default,a.button-primary {
border:none;
}
button { 
padding:6px 10px; 
border:none
}
/* System
----------------------------------------------------------------------------------------------------*/