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

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

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

table thead tr {
	border: 1px solid #46163C;
	border-bottom: 1px solid #46163C; 
	background: #772567 url(../images/bg_highlight-soft_50_mask_8_104.png) 50% 50% repeat-x; 
	color: #FFB0FF;
	text-shadow: 0 -1px 0 #150612; 
	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-3 > figure { background-color: #FF0000 }

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: 1px solid #C287CD;
	border-right: none;
	background-color: #E0C3E6;
	-webkit-box-shadow: 0 0 1px #fff inset; -moz-box-shadow: 0 0 1px #fff inset; box-shadow: 0 0 1px #fff inset;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
	max-height: 22px;
	/*overflow: visible;*/
}

.bc {
	color: #45163C;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	background: url('../images/bc-chevron.png') 100% 50% no-repeat;
	padding: 0 16px 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;
}

.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: #D22EF5 !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: #790D91;
	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: #3C3C3C !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: #772567;
}

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

   smartstore.theme.base.css

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



/* Header (body > #page)
-------------------------------------------------------------- */
#header-wrapper { background: #772567 url('../images/header-banner-bg.png') 0 0 repeat-x; }

	#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('../images/logo.png') 50% 50% no-repeat; }

			#clogo {
				position: absolute;
				overflow: hidden;
				left: 10px;
				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: #C6A3BF;
	text-shadow: 1px 1px 0 #5B3954;
	background: #772567;
	-webkit-box-shadow: 0 40px 40px -40px rgba(0,0,0,.5) inset; -moz-box-shadow: 0 40px 40px -40px rgba(0,0,0,.5) inset; box-shadow: 0 40px 40px -40px rgba(0,0,0,.5) inset;
}

#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: #150612;
	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: #C6A3BF; }

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

   smartstore.theme.css (Pure)

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

/* General
-------------------------------------------------------------- */

body { 
	background: #F3E7F5 url('../images/body-bg.png') 0 0 repeat-x;
	background-attachment: fixed;
}

/* Header
-------------------------------------------------------------- */

#header-wrapper { border-bottom: 1px solid #fff }

	#header-bar { 
		height: 40px;
		bottom: -1px;
		border: 1px solid #9C569A;
		border-bottom: none;
		background: #FFFFFF url('../images/header-bar-bg.png') 0 0 repeat-x;
		-webkit-box-shadow: 0 0 5px rgba(0,0,0, .25); -moz-box-shadow: 0 0 5px rgba(0,0,0, .25); box-shadow: 0 0 5px rgba(0,0,0, .25);
	}

	.lyt-hf-stretched #header-bar {
		-moz-border-radius-topleft: 6px 6px; -webkit-border-top-left-radius: 6px 6px; border-top-left-radius: 6px 6px; -moz-border-radius-topright: 6px 6px; -webkit-border-top-right-radius: 6px 6px; border-top-right-radius: 6px 6px;
	}

	.lyt-hf-stretched.lyt-nav-stretched #header,
	.lyt-hf-stretched.lyt-nav-stretched #content-wrapper, 
	.lyt-hf-stretched.lyt-nav-stretched #footer {
		margin-left: 20px;
		margin-right: 20px;
	}

		.nav-main-wrapper {
			/*position: absolute;*/
		}

		#search-bar {
			display: block; /* TEMP */
			position: absolute;
			left: 60%;
			right: 0;
			padding-right: 6px;
			bottom: 72px;
			text-align: right;
		}

		.lyt-hf-stretched.lyt-nav-stretched #search-bar {
			padding: 0;
		}

			#search-form { position: relative }

			#search-bar .prompt {
				position: relative;
				width: 160px;
				height: 26px;
				line-height: 26px\9; /* iepre9 */
				padding: 0 5px;
				border-width: 1px;
				border-right: none !important;
				vertical-align: middle;
				-moz-border-radius-topright: 0 0; -webkit-border-top-right-radius: 0 0; border-top-right-radius: 0 0; -moz-border-radius-bottomright: 0 0; -webkit-border-bottom-right-radius: 0 0; border-bottom-right-radius: 0 0;
			}

			#search-bar .btn {
				position: relative;
				width: 28px;
				height: 28px;
				padding: 0;
				border-width: 1px;
				margin-left: -3px;
				display: inline-block;
				vertical-align: middle;
				-moz-border-radius-topleft: 0 0; -webkit-border-top-left-radius: 0 0; border-top-left-radius: 0 0; -moz-border-radius-bottomleft: 0 0; -webkit-border-bottom-left-radius: 0 0; border-bottom-left-radius: 0 0;
			}

/* Content (body > #page)
-------------------------------------------------------------- */
/*.lyt-nav-stretched #content-wrapper .inner,*/
.lyt-nav-fixed #content > #content-inner,
.lyt-nav-stretched #content-wrapper {
	border-left: 1px solid #9C569A;
	border-right: 1px solid #9C569A;
	background-color:  #FFFFFF;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0, .25); -moz-box-shadow: 0 2px 5px rgba(0,0,0, .25); box-shadow: 0 2px 5px rgba(0,0,0, .25);
}

/* Footer
-------------------------------------------------------------- */

#nav-catalog .selected > a.nav-entry {
	background-color: #772567;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #772567), color-stop(100%, #9C569A) );
	background: linear-gradient( top, #772567 0%, #9C569A 100% );
	background: -moz-linear-gradient( top, #772567 0%, #9C569A 100% );
	background: -webkit-linear-gradient( top, #772567 0%, #9C569A 100% );
	background: -o-linear-gradient( top, #772567 0%, #9C569A 100% );
	background: -ms-linear-gradient( top, #772567 0%, #9C569A 100% );
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF772567', endColorstr='#FF9C569A', GradientType=0 ) !important;
	border-top: 1px solid #46163C !important;
}
#nav-catalog .expanded > a.nav-entry:hover {
	background-color: #E0C3E6;
}

/* -------------------------------------------------------------- 
   smartstore.nav.home.css
-------------------------------------------------------------- */

/*
#nav-home { float: right }

#nav-home a {
	padding: 8px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0, 0.4);
}

#nav-home a {
	color: #fff;
	background-color: transparent;
	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;	
	text-decoration: none;
}

#nav-home a:hover {
	text-shadow: none;
	color: #150612 ! important;
	background-color: #fff;
	background-color: rgba(255,255,255, 0.6);
}
*/

#nav-home { float: right }

#nav-home a {
	padding: 10px 8px 2px 8px;
	/*font-weight: normal;*/
	font-weight: normal;
	font-size: 1em;
	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: #150612;
	text-shadow: none;
	border: 1px solid rgba(255,255,255, 0); 
	background: rgba(255,255,255, 0.6); 
	;
}

.no-rgba #nav-home a:hover {
	background-color: #FFFFFF;
}
/* -------------------------------------------------------------- 
   smartstore.nav.main.css
-------------------------------------------------------------- */

/*
#nav-main {
	margin: 4px 8px 0 8px;
	position: relative;
}

#nav-main li { 
	padding: 0 5px; 
	line-height: 28px; 
	vertical-align: middle; 
	border: 1px solid transparent 
}

#nav-main a.nav-entry { 
	font-weight: bold;
	color: #772567; 
	text-shadow: 0 1px 0 #FFFFFF;
	font-size: 13px;
}

#nav-main li.hover a.nav-entry,
#nav-main a.nav-entry:hover { 
	color: #150612 !important; 
	text-shadow: 0 1px 0 #FFFFFF;
}

#nav-main .mm-opener a.nav-entry { 
	text-shadow: 0 1px 0 #FFFFFF !important;
}

#nav-main li.selected { }

#nav-main li.selected a.nav-entry { 
	color: #150612 !important; 
	text-shadow: 0 1px 0 rgba(255,255,255, 0.35);
}
*/

#nav-main {
	margin: 4px 8px 0 8px;
	position: relative;
}
#nav-main li { 
	padding: 0 5px; 
	line-height: 28px; 
	vertical-align: middle; 
	border: 1px solid transparent;
}

#nav-main a.nav-entry { 
	font-weight: bold;
	color: #772567;
	text-shadow: 0 1px 0 #FFFFFF !important;
	font-size: 13px;
	background: rgba(255,255,255, 0); 
}
#nav-main li.hover a.nav-entry, 
#nav-main a.nav-entry:hover { 
	color: #150612 !important;
	background: rgba(255,255,255, 0);
	text-shadow: 0 1px 0 #FFFFFF !important;
}
#nav-main li.selected a.nav-entry { 
	color: #150612 !important; 
	text-shadow: 0 1px 0 rgba(255,255,255, 0.35) !important;
	background: rgba(255,255,255, 0);
}
#nav-main li.mm-opener a.nav-entry { 
	background: #FFFFFF !important;
	text-shadow: 0 1px 0 #FFFFFF !important;
}
/* -------------------------------------------------------------- 
   smartstore.nav.cat.css
-------------------------------------------------------------- */

/*
#nav-catalog li {}

#nav-catalog a.nav-entry {
	color: #772567;
	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: #E0C3E6;
	color: #150612;
}

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

#nav-catalog .selected > a.nav-entry {
	background-color: #772567;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #772567), color-stop(100%, #9C569A) );
	background: linear-gradient( top, #772567 0%, #9C569A 100% );
	background: -moz-linear-gradient( top, #772567 0%, #9C569A 100% );
	background: -webkit-linear-gradient( top, #772567 0%, #9C569A 100% );
	background: -o-linear-gradient( top, #772567 0%, #9C569A 100% );
	background: -ms-linear-gradient( top, #772567 0%, #9C569A 100% );
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF772567', endColorstr='#FF9C569A', GradientType=0 );
	border-top: 1px solid #46163C;
	border-bottom: 1px solid #772567;
	color: #fff;
	text-shadow: 0 1px 0 #000;
}

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

#nav-catalog li {}

#nav-catalog a.nav-entry {
	background-color: rgba(255,255,255, 0);
	color: #772567;
	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: #E0C3E6;
	color: #150612;
	text-shadow: none;
	background: #E0C3E6;
	;
	font-weight: normal;
}
#nav-catalog .expanded > a.nav-entry {
	background-color: rgba(255,255,255, 0);
	color: #772567;
	text-shadow: none;
	background: rgba(255,255,255, 0);
	;
	font-weight: bold;
}

#nav-catalog .selected > a.nav-entry {
	border-top: 1px solid #772567 !important;
	border-bottom: 1px solid #772567 !important;
	background-color: #772567 !important;
	color: #fff !important;
	text-shadow: 0 1px 0 #000 !important;
	font-weight: bold;
	background-color: #772567;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #772567), color-stop(100%, #9C569A) );
	background: linear-gradient( top, #772567 0%, #9C569A 100% );
	background: -moz-linear-gradient( top, #772567 0%, #9C569A 100% );
	background: -webkit-linear-gradient( top, #772567 0%, #9C569A 100% );
	background: -o-linear-gradient( top, #772567 0%, #9C569A 100% );
	background: -ms-linear-gradient( top, #772567 0%, #9C569A 100% );
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF772567', endColorstr='#FF9C569A', GradientType=0 );
	;
}

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

/*
#nav-footer a {
	background-color: transparent;
	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;
	text-decoration: none;
	padding: 4px;
}

#nav-footer a:hover {
	text-shadow: none;
	color: #150612 ! important;
	background-color: #fff;
	background-color: rgba(255,255,255, 0.6);
}
*/

#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: #C6A3BF; }

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