/* -------------------------------------------------------------- 

   smartstore.table.theme.css
   * Sets up table visuals/skinning.

-------------------------------------------------------------- */

table thead tr {
	border: 1px solid #5A448D;
	border-bottom: 1px solid #5A448D; 
	background: #433565 url(../images/bg_aero_60_mask_8_104.png) 50% 50% repeat-x; 
	color: #F6F6F6;
	text-shadow: 0; 
	font-weight: bold;
}

table thead th {
	padding: 0.6em;
	background: transparent url('../images/separator-hor.png') 100% 50% repeat-y;
	box-shadow: 0 1px 1px rgba(255,255,255, .3) inset;
}

table thead th:last-child {
	background-image: none;
}

/*
table       { margin-bottom: 1.4em; width:100% }
th          { font-weight: bold }
thead th 	{ background: #c3d9ff }
tr.even td  { background: #e5ecf9 }
tfoot       { font-style: italic }
caption     { background: #eee }
*/

/* -------------------------------------------------------------- 

   smartstore.delivtimes.css

-------------------------------------------------------------- */

/* Styles for "delivery time" symbols
-------------------------------------------------------------- */

span.delivtime { /* nostyle */ }

span.delivtime > figure {
	position: relative;
	display: inline-block;
	width: 32px;
	height: 8px;
	line-height: 8px;
	border: 1px solid rgba(0,0,0, .25);
	background: rgba(255,255,255, 0) url(../images/bg_aero_65_s10_s242_s3100_mask_8_12.png) 50% 50% repeat-x;
	background-clip: border-box;
	vertical-align: middle;	
	zoom: 1;
}

.no-rgba span.delivtime > figure { border-color: #999; }

span.delivtime-1 > figure { background-color: #008000 }span.delivtime-4 > figure { background-color: #008000 }span.delivtime-6 > figure { background-color: #CCFFCC }span.delivtime-2 > figure { background-color: #FFFF00 }span.delivtime-8 > figure { background-color: #FFFF99 }span.delivtime-9 > figure { background-color: #FFFF00 }span.delivtime-3 > figure { background-color: #FF80FF }span.delivtime-5 > figure { background-color: #FF0000 }span.delivtime-7 > figure { background-color: #FFCC99 }span.delivtime-10 > figure { background-color: #993366 }

span.delivtime > span {
	padding-left: 1px;
	vertical-align: middle;
	overflow: hidden;	
}


/* -------------------------------------------------------------- 
   smartstore.dropshadows.theme.css
-------------------------------------------------------------- */

.drop-shadow {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.15) inset;
       -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.15) inset;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.15) inset;
}



 
/* -------------------------------------------------------------- 

   smartstore.breadcrumb.css

-------------------------------------------------------------- */

ul.breadcrumb {
	border-bottom: 1px solid #433565;

	width: 100%;
	max-height: 25px;
}

.bc {
	color: #947CC7;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	background: url('../images/bc-chevron.png') 100% 50% no-repeat;
	padding: 0 20px 0 6px;
	text-decoration: none !important;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; -o-text-overflow: ellipsis
}

}
ul.breadcrumb.shrinked .bc {
	padding: 0 12px 0 4px;
}

.last .bc {
	text-decoration: none;
	position: relative;
	margin-right: -10px;
	color: #a5a5a5;
	background:none;
}

.bc-home {
	position: relative;
	width: 16px;
	height: 16px; 
	line-height: 16px;
	top: 50%;
	margin-top: -8px;
	display: block;
	text-indent: -9999px;
	background: url('../images/bc-home.png') 0 0 no-repeat;
}

a.bc:visited {
	color: #492897 !important;
}

.first a.bc:hover {
	text-decoration: none !important;
}

a.bc:hover {
	/* text-decoration: underline !important; */
}

a.bc:hover .bc-home {
	background-position: 0 -16px;
}
/* -------------------------------------------------------------- 

   smartstore.products.css

-------------------------------------------------------------- */

/* TODO: raus mit dem product-price Selektor wenn die Klassen für Produktdetail gesetzt sind */
.pr-now-price,
.product-price {
	color: #433565;
	white-space: nowrap;
}
.pr-now-price.nice,
.product-price.nice {
	letter-spacing: -2px;
	text-shadow: -1px 0 1px white, 
				 0 -1px 1px white, 
				 0 1px 1px white, 
				 1px 0 1px white, 
				 0 0 8px white, 
				 0 0 8px white, 
				 0 0 8px white, 
				 2px 2px 2px #555;
}

.pr-on-request {}

.pr-pre-panel {
	text-decoration: line-through;
	color: #616161 !important;
	font-weight: normal !important;
	white-space: nowrap;
}
.pr-pre-label{}
.pr-pre-price{}

.pr-now-panel{}
.pr-now-label{}
.pr-now-price{}

.pr-sec-price{}

.pr-save-label{}
.pr-save-price{}

.pr-now-suffix{
	color: #7153B5;
}

.pr-vat-hint{}
.pr-transp-hint{}
.pr-ship-hint{}
.pr-pangv{}
/* -------------------------------------------------------------- 

   smartstore.theme.base.css

-------------------------------------------------------------- */



/* Header (body > #page)
-------------------------------------------------------------- */
#header-wrapper { background: #FFFFFF; }

	#header { height: 150px /* override height on theme level */ }

		#header-banner, #header-home, #header-bar, #search-bar { position: absolute; left: 0; right: 0 }

		#header-banner { top: 0; bottom: 0; background: transparent url('') 50% 50% no-repeat; }

			#clogo {
				position: absolute;
				overflow: hidden;
				left: 0px;
				right: auto;
				top: 0px;
				margin-left: 0;
				margin-right: 0;
			}
			#clogo a { outline: 0; display: inline-block }

		#search-bar { }

		#header-home { }

		#header-bar { bottom: 0 /* MUST set height on theme level */ }

			/* Temp */
			#nav-main { }

				/* Temp */
				#nav-main a { /*text-transform: uppercase !important*/ }

/* Content (body > #page)
-------------------------------------------------------------- */
#content-wrapper { }

	#content { }

		#content-left { }
		#content-right { }
		#content-body { }
			#old-browser-hint { 
				padding: 10px;
				display: none;
			}
			.ie7 #old-browser-hint,
			.ie6 #old-browser-hint { 
				display: block;
			}
/* Footer
-------------------------------------------------------------- */
#footer-wrapper { 
	min-height: 80px;
	padding-bottom: 35px; /* Platz für Minisbasket */
	color: #6B6B6B;
	;
	background: rgba(255,255,255, 0);
	;
}

#footer-wrapper a { }

	#footer { }
		#nav-footer { }
		#footer-legal-hints { text-align: center; margin-bottom: 3px }
		#footer-info { opacity:0.5; filter:alpha(opacity=50); text-align: center }

/* -------------------------------------------------------------- 
   NAV: nav-base
-------------------------------------------------------------- */

#nav-home a,
#nav-main a,
#nav-cat a,
#nav-footer a {
	display: block;
	text-decoration: none;
}

#nav-home a,
#nav-footer a {
	font-weight: normal;
	text-transform: lowercase;
	transition-property: color, background-color, text-shadow;
	transition-duration: 0.12s;
	transition-timing-function: ease-in-out;
	-moz-transition-property: color, background-color, text-shadow;
	-moz-transition-duration: 0.12s;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transition-property: color, background-color, text-shadow;
	-webkit-transition-duration: 0.12s;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-property: color, background-color, text-shadow;
	-o-transition-duration: 0.12s;
	-o-transition-timing-function: ease-in-out;
	-ms-transition-property: color, background-color, text-shadow;
	-ms-transition-duration: 0.12s;
	-ms-transition-timing-function: ease-in-out;
}

#nav-home a, #nav-home a:hover,
#nav-footer a, #nav-footer a:hover {
	border-right-width: 0;
}
#nav-home .last a, #nav-home .last a:hover,
#nav-footer .last a, #nav-footer .last a:hover {
	border-right-width: 1px;
}

/* nav-home
-------------------------------------------------------------- */
/*
#nav-home { float: right }

#nav-home a {
	padding: 10px 8px 2px 8px;
	font-weight: normal;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0, 0.4);
	border: 1px solid rgba(255,255,255, 0);
	background: rgba(255,255,255, 0); 
	;
}

#nav-home a:hover {
	color: #433565;
	text-shadow: none;
	border: 1px solid rgba(255,255,255, 0); 
	background: rgba(255,255,255, 0.6); 
	;
}
*/

/* nav-footer
-------------------------------------------------------------- */
/*
#nav-footer {
	margin: 3px 0;
	text-align: center;
}

#nav-footer ul { 
	display: inline-block;
}

#nav-footer a {
	padding: 2px 6px !important;
	font-weight: normal;
	border: 1px solid rgba(255,255,255, 0);
	background: rgba(255,255,255, 0); 
	;
}
#nav-footer a, #footer a { color: #6B6B6B; }

#nav-footer a:hover {
	color: #433565;
	text-shadow: none;
	border: 1px solid rgba(255,255,255, 0); 
	background: rgba(255,255,255, 0.6); 
	;
}
*/


body {
	background: #FFFFFF;
}

.lyt-hf-stretched #header {
	width:auto
}
.lyt-hf-stretched #home-bar,
.lyt-hf-stretched #footer-wrapper,
.lyt-hf-stretched #pane-header .module-wrapper, 
.lyt-hf-stretched #header-banner,
.lyt-hf-stretched #header-bar #nav-main {
	width: 1024px; margin-left: auto; margin-right: auto; 
	min-width: 1024px 
}

.lyt-hf-stretched.lyt-nav-stretched  #home-bar,
.lyt-hf-stretched.lyt-nav-stretched #footer-wrapper,
.lyt-hf-stretched.lyt-nav-stretched #pane-header .module-wrapper,
.lyt-hf-stretched.lyt-nav-stretched #header-banner,
.lyt-hf-stretched.lyt-nav-stretched #header-bar #nav-main {
	width:auto
	}

.lyt-hf-stretched.lyt-nav-stretched #page {
	margin: 0px 1%
}

/* searchbar */
#search-bar {
	float: right;
    position: relative;
    text-align: right;
    width: 30%;
    z-index: 9997;
}

#search-form { position: relative }
#search-bar .prompt {
	position: relative;
	width: 70%;
	height: 26px;
	line-height: 26px\9; /* iepre9 */
	padding: 0 5px;
	border-width: 1px;
	border-right: none !important;
	vertical-align: middle;
	-moz-border-radius: 0 0 0 0 / 0 0 0 0; -webkit-border-radius: 0 0 0 0 / 0 0 0 0; border-radius: 0 0 0 0 / 0 0 0 0;
	border: 1px solid  #433565;
	box-shadow: none;
}

#search-bar .prompt:focus {

	border: 1px solid  #433565;
	outline: none; outline-style: none;
	color: #000;
}
#search-bar .btn {
	position: relative;
	width:17%;
	height: 28px;
	padding: 0;
	border-width: 1px;
	margin-left: -3px;
	margin-right: 0;
	display: inline-block;
	vertical-align: middle;
	-moz-border-radius: 0 0 0 0 / 0 0 0 0; -webkit-border-radius: 0 0 0 0 / 0 0 0 0; border-radius: 0 0 0 0 / 0 0 0 0;
}

#header-banner{
	height: 78px;
	background: #FFFFFF url('') 0% 0% no-repeat;
	position:relative;
}

#header-wrapper{
background: transparent;
}

#header {
height: auto;

}

#pane-header{
	line-height: 0;
}

#pane-header div.module-wrapper {
    line-height: 100%;
    padding: 0;
}

#pane-header  .sm-contentslider  .ui-widget-content {
border:0;
}

#header-bar { 
	position: relative; 
	margin-top:10px;
}

#content {
  padding: 0 0;
}

#content-left.col,  #content-body.span-left{
	margin-left: 0px !important
}

#content-right.col, #content-body.span-right {
	margin-right: 0px !important
}

#content-body {
    margin-top: 0px;
    padding-bottom: 10px;
}

/* cat-nav */

#nav-catalog > ul > li.expanded > a.nav-entry,
#nav-catalog > ul > li.selected > a.nav-entry,
#nav-catalog > ul > li  > a.nav-entry{
	border-bottom: 1px solid #B6A6D9 !important;
	background:   none transparent;
}
#nav-catalog > ul > li.last  > a.nav-entry{
	border-bottom: none !important;
}

.page-title {
    margin-top: 1em !important;
}
#footer-wrapper{

   min-height: auto;

    text-shadow: none;

}

#footer-legal-hints, #footer-info{
	opacity:1;
	text-align:left;
}
#footer-legal-hints a{
	text-decoration: underline;
}

@media print {
	tr{
		page-break-before: auto;
	}
}

/* checkout */
#checkout {	
	background:#B6A6D9;
	border: 1px solid #433565;
	margin-top: 5px;
	}

nav.checkout ul li .item{
	margin: 3px;
	border: 0px none;
	height: 130px;
}
nav.checkout ul li.active .item {
	border: 1px solid #7153B5;
	-moz-border-radius: 0 0 0 0 / 0 0 0 0; -webkit-border-radius: 0 0 0 0 / 0 0 0 0; border-radius: 0 0 0 0 / 0 0 0 0;
}

nav.checkout ul li.visited .item {
    background: none transparent;
}

nav.checkout {
	margin: 0 !important;

}

/* Mega */

.mm {
	padding: 0px
}

.mm-nav, .mm-nav li {
    position: static;
}

.mm-col > ul:first-child{
	padding-top:12px;
}
.mm-col > ul:last-child{
	padding-bottom:12px;
}

.mm-col li {
    min-height: 20px; padding: 3px 20px;
}

.mm-col li.ui-corner-all {
    -moz-border-radius: 0px 0px 0px 0px / 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px / 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px / 0px 0px 0px 0px;
}

.mm-col li.last {
    margin-bottom:0;
}

a.mm-entry {
line-height: 20px;
margin-left: 0px;
}
a.mm-entry.ellipsis {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
}

li.mm-title .sm-icon, li.mm-title .ui-icon{display:none; visibility:hidden;}



/* Responsive */


	#content-body {
		margin-left: 19.75%;
		margin-right: 19.75%;
	}

	#content-left, .col-left, .col-space-left {
		width: 18.75%;
	}

	#content-right, .col-right {
		width: 18.75%;
	}

@media screen and  (min-width: 769px) and (max-width: 1024px), (max-width: 768px), (max-width: 480px) 
{
	body{
		padding:0px;
	}

	#header-banner  {
		background-position: 0% 0% !important;
	}

	#page {
		margin: 0px 1%;
		padding:0;
		width: 99% !important;
		min-width: 99% !important;
	}

	#header-wrapper, 
	#footer-top,
	#content, #footer-wrapper, #footer {
		width: 99% !important;
		min-width: 99% !important;

	}

	#header-banner,
	#home-bar, 
	#header-bar #nav-main, #header  {
		width: 100% !important;
		min-width: 100% !important;
		margin: 0px;
	}

	#content-wrapper {
		margin: 0px;
	}

	.pl-cell img {
		max-width: 100% !important;
		height:auto !important;
	}

}

@media  screen and (min-width: 769px) and (max-width: 1024px) {	

	.sg-image, .sg-image a img {
		max-width:100% !important;
		height: auto !important
	}

	.sm-product-detail #pd-left,
	.sm-product-detail #pd-right  {
		float: none !important;
		height: 100% !important;
		width: 100% !important;
		margin-left: 0px !important;
		min-height: 100% !important;
		padding: 0 !important;
	}

	.spalten7 #nav-main > ul >  li,
	.spalten8 #nav-main > ul >  li  { 
		width: auto !important;
	}

}

@media screen and (max-width: 768px), (max-width: 480px) 
{

	.product-list.list .pl-frame-parent {
		 float: none !important;
	}

	.product-list.list article{
		height:auto !important;
	}

	#clogo.hatlogo img {
		width:100%;
		height:auto;
	}
	.mod-content-slider .mod-picture  img{
		width:100%;
		height:auto;
	}

	.pane-master-bottom1, .pane-master-bottom2 {
		width: 95% !important; 
		float:none !important; 
		margin: 0px auto
	}

	.sg-image, .sg-image a img {
		max-width:100% !important;
		height: auto !important
	}
	.sg-image-wrapper {width: 100% !important;}

	.sg-image, 
	.grid .pl-cell,
	.list .pl-cell,
	#pd-gallery-small,
	.sm-product-detail #pd-left, 
	.sm-product-detail #pd-right  {
		float: none !important;
		height: 100% !important;
		width: 100% !important;
		margin-left: 0px !important;
		min-height: 100% !important;
		padding: 0 !important;
		left: 0 !important
	}

	.pl-cell {
		margin-bottom: 5px !important;
	}

	.spalten5 #nav-main > ul >  li,
	.spalten6 #nav-main > ul >  li,
	.spalten7 #nav-main > ul >  li,
	.spalten8 #nav-main > ul >  li  { 
		width: auto !important;
	}

}

@media screen and (max-width: 480px) 
{
	#clogo, #nav-home {
		 float: none !important;
	}
	#clogo {
		top: 36px;
		left: 1%;
	}

	/* Seitennavi */
	#nav-home {
		margin: 0px !important;
	}

	#content-left, #content-right{
		display:none;
	}

	#nav-footer li, #nav-home li {
		background: #B6A6D9;
		border: 1px solid #433565 !important;
		margin: 6px 12px 6px 0px !important;
		 float: left;
	}

	#nav-footer li a, #nav-home li a, #nav-home li a:last-child{
		padding: 5px !important;
		line-height: 100% !important
	}

	.mod-splitter > div,
	.mod-splitter > div > div, 
	#content-body {
		float:none !important; 
		width:99% !important; 
		margin:0px auto
	}
	td.basketimage {display:none}
	.mod-splitter > div, .mod-splitter .body { height: 100% !important}

	/* Minibasket und Suche */
	#search-bar {
		position: relative;
		width: 90% !important;
	}
	#extra_minibasket {
		float: none;
		margin-bottom: 5px;
		margin-left: 0;
	}

	/* checkout */

	.checkoutpr #header-bar {display:none}

	#checkout {	
		padding: 0px;
		background: transparent;
		border: 0;
		}

	nav.checkout ul li .icon {
		display: none;
	}

	nav.checkout ul li  {
		width:99% !important;
		margin: 3px 0 0 0 !important;
		float:none;
		background:#B6A6D9;
		border: 1px solid #433565;
	}

	nav.checkout ul li .item{
		height: auto;
		margin: 0px
	}

	nav.checkout h3, nav.checkout span {
		display: inline-block;
		margin: 5px;
		overflow: visible;
	}	

	#header-banner {
		height: auto;
		min-height: 115px;
	}

/* Navi oben */

	#header-bar { 
		background: none transparent !important;
		border: 0px none !important; 
		margin-top: 5px;
	}

	#nav-main > ul {
		width: 100% !important;
	}

	#nav-main > ul > li {
		width: 100% !important;
		margin-bottom: 5px;
		float: none !important;
	}

	#nav-main ul.sm ul {
		max-width: 50% !important;
		min-width: 50% !important;
	}

	#nav-main ul.sm ul  ul{
		max-width: 100% !important;
		min-width: 100% !important;
	}

	#nav-main >  ul  > li.hidden {
	 display: block !important
	}
}


/* -------------------------------------------------------------- 
   smartstore.nav.home.css
-------------------------------------------------------------- */

#nav-home { 
	float: right; 
	margin-right: 0px; 
}

#nav-home li {
  float: left;
  margin-right: 16px;
}

#nav-home ul > li:last-child {
  margin-right: 0;
}
#nav-home li a {
	color: #363636;
	display: block;
	font-size: 1.1em;
	line-height: 1.7em;
	text-decoration: none;
	text-transform: none !important;
}
#nav-home li a:last-child {
  padding-right: 0;
}


/* -------------------------------------------------------------- 
   smartstore.nav.main.css
-------------------------------------------------------------- */

#header-bar .module-wrapper.no-cnt {
    overflow: visible !important;
}

#nav-main {

	position: relative;
}
#nav-main > ul {
 width: 101%;
 }

#nav-main > ul >  li { 
	margin-bottom: 10px;
    margin-right: 1%;
	float:left;
}

#nav-main > ul ul li{float:none;}

.spaltenauto #nav-main > ul >  li { 
    width: auto;
}
.spalten1 #nav-main > ul >  li { 
    width:99%;
}
.spalten2 #nav-main > ul >  li { 
    width: 49%;
}
.spalten3 #nav-main > ul >  li { 
    width: 32.33333333333333%;
}
.spalten4 #nav-main > ul >  li { 
    width: 24%;
}
.spalten5 #nav-main > ul >  li { 
    width: 19%;
}

.spalten6 #nav-main > ul >  li { 
    width: 15.66666666666667%;
}
.spalten7 #nav-main > ul >  li { 
    width: 13.28571428571429%;
}
.spalten8 #nav-main > ul >  li { 
    width: 11.5%;
}

#nav-main a.nav-entry {

	background: #B6A6D9;
	border: 1px solid #433565 !important;

	padding: 6px !important;
	font-size: 1.1em;
	line-height: 18px;

	color: #000000;
	font-weight:bold;
	text-decoration: none;
}
#nav-main li.hover a.nav-entry, 
#nav-main a.nav-entry:hover{
	color: #999999 !important;
}

#nav-main li.selected a.nav-entry, #nav-main li.selected a{
	color: #333333;
}

#nav-main .expanded  a.nav-entry{
	color: #333333;
}

#nav-main > li.dropdown > a {
  padding-right: 4px;
}
#nav-main .dropdown-menu .drop-list {
  list-style: none;
  margin: 0;
}

#nav-main > ul li{position:relative;}

#nav-main > ul a.disabled{cursor:default;}
#nav-main > ul ul{position:absolute;top:-999999px;left:-800px;width:100px;}

#nav-main > ul #nav-main > ul-nowrap>li>a{white-space:nowrap;}

* html #nav-main > ul{height:1px;}
*:first-child+html #nav-main > ul{min-height:1px;}

/*
---------------------------------------------------------------
  Note that styles you apply to the main menu items are inherited by the sub menus items too.
  If you'd like to avoid this, you could use child selectors (not supported by IE6) - for example:
  #nav-main > ul > li > a { ... } instead of #nav-main > ul a { ... }
---------------------------------------------------------------*/

/* Menu box
===================*/

	#nav-main > ul ul {
	border: 1px solid #433565 !important; 
	color: #000000;
	background: background-color: #FFFFFF;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(50%, #FFFFFF), color-stop(100%, #FFFFFF) );
	background: linear-gradient( top, #FFFFFF 0%, #FFFFFF 50%, #FFFFFF 100% );
	background: -moz-linear-gradient( top, #FFFFFF 0%, #FFFFFF 50%, #FFFFFF 100% );
	background: -webkit-linear-gradient( top, #FFFFFF 0%, #FFFFFF 50%, #FFFFFF 100% );
	background: -o-linear-gradient( top, #FFFFFF 0%, #FFFFFF 50%, #FFFFFF 100% );
	background: -ms-linear-gradient( top, #FFFFFF 0%, #FFFFFF 50%, #FFFFFF 100% );
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF', GradientType=0 );
	-moz-border-radius-bottomleft: 0 0; -webkit-border-bottom-left-radius: 0 0; border-bottom-left-radius: 0 0; -moz-border-radius-bottomright: 0 0; -webkit-border-bottom-right-radius: 0 0; border-bottom-right-radius: 0 0;
	padding-top:12px;
	padding-bottom:12px;
	}

	/* first sub level carets */
	#nav-main > ul > li > ul:before {
	  content: '';
	  display: inline-block;
	  border-left: 7px solid transparent;
	  border-right: 7px solid transparent;
	  border-bottom: 7px solid #433565;
	  border-bottom-color: #433565;
	  position: absolute;
	  top: -7px;
	  left: 9px;
	}
	#nav-main > ul > li > ul:after {
	  content: '';
	  display: inline-block;
	  border-left: 6px solid transparent;
	  border-right: 6px solid transparent;
	  border-bottom: 6px solid white;
	  position: absolute;
	  top: -6px;
	  left: 10px;
	}

/* Menu items
===================*/

	#nav-main > ul a.nav-entry.has-submenu {
		padding-right:24px !important;
	}

 	#nav-main > ul ul a {
		font-size: 1em;
		padding: 3px 10px;
		font-weight:bold;
	}
	#nav-main > ul ul a:hover {
		color:  #FFFFFF !important;
	}

 	#nav-main > ul ul a.has-submenu {
		padding-right:20px;
	}

	#nav-main > ul ul a:hover, #nav-main > ul ul a:focus, #nav-main > ul ul a:active,
	#nav-main > ul ul a.highlighted {
		background-color: #433565;
		border-bottom-color: #32284C;
		border-top-color: #32284C;
		box-shadow: 0 12px 6px -10px #32284C inset;
	}
	/* current items - add the class manually to some item or check the "markCurrentItem" script option */
	#nav-main > ul a.current, #nav-main > ul a.current:hover, #nav-main > ul a.current:focus, #nav-main > ul a.current:active {

	}

/* Sub menu indicators
===================*/

	#nav-main > ul a span.sub-arrow {
		position:absolute;
		right:0;
		top:50%;
		//margin-top:-3px;
		/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
		width:0;
		height:0;
		overflow:hidden;
		border-width:4px; /* tweak size of the arrow */
		border-style:solid dashed dashed dashed;
		border-color:#7153B5 transparent transparent transparent;

	}
	#nav-main > ul a.nav-entry span.sub-arrow 
	{
		width: 14px;
		height: 16px;
		line-height: 16px;
		background: transparent url('../images/mm-chevron.png') -42px 0 no-repeat;
		right: 5px;
		text-indent: -9000px;
		border-width:0;
		top: 30%;
	}

	#nav-main > ul .selected a.nav-entry span.sub-arrow	{ background-position: 0px 0 !important }
	#nav-main > ul a.nav-entry:hover span.sub-arrow  			{ background-position: -28px 0 !important }

 	#nav-main > ul ul a span.sub-arrow {
		right:0px;
		top:50%;
		margin-top:-5px;
		border-width:5px;
		border-style:dashed dashed dashed solid;
		border-color:transparent transparent transparent #333333;
	}

/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." -> "more..." in the default download package
===================*/

	#nav-main > ul span.scroll-up, #nav-main > ul span.scroll-down {
		position:absolute;
		display:none;
		visibility:hidden;
		overflow:hidden;
		background:#fff;
		height:20px;
		/* width and position will be automatically set by the script */
	}
	#nav-main > ul span.scroll-up:hover, #nav-main > ul span.scroll-down:hover {
		background-color: #433565;
	}
	#nav-main > ul span.scroll-up-arrow, #nav-main > ul span.scroll-down-arrow {
		position:absolute;
		top:0;
		left:50%;
		margin-left:-6px;
		/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
		width:0;
		height:0;
		overflow:hidden;
		border-width:6px; /* tweak size of the arrow */
		border-style:dashed dashed solid dashed;
		border-color:transparent transparent #7153B5 transparent;
	}
	#nav-main > ul span.scroll-up:hover span.scroll-up-arrow {
		border-color:transparent transparent #FFFFFF transparent;
	}
	#nav-main > ul span.scroll-down-arrow {
		top:8px;
		border-style:solid dashed dashed dashed;
		border-color:#7153B5 transparent transparent transparent;
	}
	#nav-main > ul span.scroll-down:hover span.scroll-down-arrow {
		border-color:#FFFFFF transparent transparent transparent;
	}

/* -------------------------------------------------------------- 
   smartstore.nav.cat.css
-------------------------------------------------------------- */

/*
#nav-catalog li {}

#nav-catalog a.nav-entry {
	color: #7153B5;
	padding: 4px 2px 4px 4px;
	text-decoration: none;
	transition-property: all;
	transition-duration: 0.12s;
	transition-timing-function: ease-in-out;
	-moz-transition-property: all;
	-moz-transition-duration: 0.12s;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.12s;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-property: all;
	-o-transition-duration: 0.12s;
	-o-transition-timing-function: ease-in-out;
	-ms-transition-property: all;
	-ms-transition-duration: 0.12s;
	-ms-transition-timing-function: ease-in-out;
}

#nav-catalog a.nav-entry:hover {
	background-color: #DAD2EC;
	color: #433565;
}

#nav-catalog .selected > a.nav-entry,
#nav-catalog .expanded > a.nav-entry {
	font-weight: bold;
}

#nav-catalog .selected > a.nav-entry {
	background-color: #7153B5;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #7153B5), color-stop(100%, #947CC7) );
	background: linear-gradient( top, #7153B5 0%, #947CC7 100% );
	background: -moz-linear-gradient( top, #7153B5 0%, #947CC7 100% );
	background: -webkit-linear-gradient( top, #7153B5 0%, #947CC7 100% );
	background: -o-linear-gradient( top, #7153B5 0%, #947CC7 100% );
	background: -ms-linear-gradient( top, #7153B5 0%, #947CC7 100% );
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF7153B5', endColorstr='#FF947CC7', GradientType=0 );
	border-top: 1px solid #5A448D;
	border-bottom: 1px solid #7153B5;
	color: #fff;
	text-shadow: 0 1px 0 #000;
}

#nav-catalog .selected > a.nav-entry:hover {
	color: #B6A6D9;
}
*/

#nav-catalog li {}

#nav-catalog a.nav-entry {
	background-color: rgba(255,255,255, 0);
	color: #7153B5;
	text-shadow: none;
	background: rgba(255,255,255, 0); 
	; 
	font-weight: normal;
	padding: 4px 2px 4px 4px;
	text-decoration: none;
	transition-property: all;
	transition-duration: 0.12s;
	transition-timing-function: ease-in-out;
	-moz-transition-property: all;
	-moz-transition-duration: 0.12s;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.12s;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-property: all;
	-o-transition-duration: 0.12s;
	-o-transition-timing-function: ease-in-out;
	-ms-transition-property: all;
	-ms-transition-duration: 0.12s;
	-ms-transition-timing-function: ease-in-out;
}
#nav-catalog a.nav-entry:hover {
	background-color: rgba(255,255,255, 0);
	color: #433565;
	text-shadow: none;
	background: rgba(255,255,255, 0);
	;
	font-weight: normal;
}
#nav-catalog .expanded > a.nav-entry {
	background-color: rgba(255,255,255, 0);
	color: #433565;
	text-shadow: none;
	background: rgba(255,255,255, 0);
	;
	font-weight: bold;
}

#nav-catalog .selected > a.nav-entry {
	border-top: 1px solid rgba(255,255,255, 0) !important;
	border-bottom: 1px solid rgba(255,255,255, 0) !important;
	background-color: rgba(255,255,255, 0) !important;
	color: #7153B5 !important;
	text-shadow:  !important;
	font-weight: bold;
	background: rgba(255,255,255, 0);
	;
}

#nav-catalog > a.nav-entry > .ui-icon { background-image: url(../images/icons_7153b5_256_240.png); }
#nav-catalog .selected > a.nav-entry > .ui-icon { background-image: url(../images/icons_7153b5_256_240.png); }
#nav-catalog .expanded > a.nav-entry > .ui-icon { background-image: url(../images/icons_433565_256_240.png); }
/* -------------------------------------------------------------- 
   smartstore.nav.footer.css
-------------------------------------------------------------- */

#nav-footer {
	margin: 3px 0;
	text-align: center;
	float:right;
	width:100%;
}

#nav-footer a {
	padding: 2px 0px !important;
	font-weight: normal;
	text-transform: none;
	text-align:left;

}
#nav-footer a, #footer a { color: #6B6B6B; }

#nav-footer a:hover {
	color: #433565;
}

.pane-master-bottom1 {width:49%; float:left}

.pane-master-bottom2 {width:49%; float:right}