/* Start font embedding */
	@font-face {
		font-family: 'microsoft_yi_baitiregular';
		src: url('/styles/msyi-webfont.eot');
		src: url('/styles/msyi-webfont.eot?#iefix') format('embedded-opentype'),
		     url('/styles/msyi-webfont.woff') format('woff'),
		     url('/styles/msyi-webfont.ttf') format('truetype'),
		     url('/styles/msyi-webfont.svg#microsoft_yi_baitiregular') format('svg');
		font-weight: normal;
		font-style: normal;
	}
/* End font embedding */
	
/* Start reset html elements */
	address,article,aside,audio,canvas,command,datalist,
	details,embed,figcaption,figure,footer,header,
	hgroup,keygen,mark,meter,nav,ouput,progress,
	section,source,summary,time,video,wbr {
		display: block;
	}
	input:focus, textarea:focus, select:focus { 
		outline: none; 
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
		padding: 0;
		border: 0;
	}
	table td, table th {
		padding: 0; 
	}
	a:active, label:active { 
		outline: none; 
		ie-dummy: expression(this.hideFocus=true); 
	}
	a:focus, label:focus { 
		-moz-outline-style: none; 
		outline: none; 
		ie-dummy: expression(this.hideFocus=true); 
	}
	input[type=checkbox] { 
		border-width: 0;
	}
/* End reset html elements */

/* Start generic elements */
	html {
		 -webkit-text-size-adjust:none;
		overflow-y: scroll; 
		height: 100%;
	}
	body { 
		background-image: url(/images/demoshop_bg.png);
		height: 100%;
	}
	.clear {
		clear: both;
		height: 1px;
		overflow: hidden;
	}
	/* For modern browsers */
	.clearfix:before,
	.clearfix:after {
		content: "";
		display: table;
	}
	.clearfix:after {
		clear: both;
	}
	/* For IE 6/7 (trigger hasLayout) */
	.clearfix {
		*zoom: 1;
	}
/* End generic elements  */

/* Start Freshpage elements (these classes are defined in Freshpage and setable) */
	.small {
		font-size: 10px
	}
	.big {
		font-size: 15px
	}
	table[tbltype=Standard]{
	}
	#oContentTable tr td {
	}
/* End Freshpage elements  */

/* Start Layout */		
		/* Start Layout Infonav & Articlenav */
	
			div#wrapper ul#articlenav {
				display:none;
			}
			
			div#wrapper ul#infonav {
				border-top:1px solid #ccc;
				margin-bottom: 10px;
			}
			div#wrapper ul#articlenav ul {
				display:none;
			}
			div#wrapper ul#articlenav li,
			div#wrapper ul#infonav li {
				background: none;
				padding-left: 0px;
				font-size: 14px;
				line-height: 180%;
				text-transform: uppercase;
			}
			div#wrapper ul#articlenav li a,
			div#wrapper ul#infonav li a {
				color: #000;
				text-decoration: none;
				background-color:#eee;
				padding:10px;
				display:block;
				border-bottom:1px solid #ccc;
				font-size:22px;
				font-family: 'microsoft_yi_baitiregular', sans-serif;
			}
			div#wrapper ul#articlenav li a.submenu {
				background-image:url(/images/submenu_closed.png);
				background-size:50px 30px;
				background-position:right center;
				background-repeat:no-repeat;
			}
			div#wrapper ul#articlenav li a.submenu.open {
				background-image:url(/images/submenu_open.png);
			}
			div#wrapper ul#articlenav li a.active {
				background-color:#e4e4e4;
			}
			div#wrapper ul#articlenav li li a,
			div#wrapper ul#infonav li li a{
				font-size:18px;
				padding-left: 30px;
			}
			div#wrapper ul#articlenav li li li a,
			div#wrapper ul#infonav li li li a{
				padding-left: 45px;
			}
			
		/* End Layout Infonav & Articlenav */
		/* Start Layout customer login form */
		
			div#wrapper > div > form[name=loginform] {
				float:left;
				width:47%;
				margin-right:5px;
			}
			div#wrapper > div > div.error {
				margin-bottom:10px;
			}
			div#wrapper > div > form[name=loginform] > label {
				float: left;
				display: block;
				width: 65px;
			}
			div#wrapper > div > form[name=loginform] > input[type=text],
			div#wrapper > div > form[name=loginform] > input[type=password]{
				margin-bottom: 5px;
				width:100%;
				box-sizing:border-box;
			}
			div#wrapper > div > form[name=loginform] > input[type=submit]{
				width:100%;
				margin-bottom:0px;
			}
			div#wrapper > div > form[name=loginform] > br {
				clear: both;
			}
			div#wrapper > div > a.registerlink,
			div#wrapper > div > a.passwordforgottenlink {
				float:right;
				width:47%;
				margin-bottom:5px;
			}
			
			div#wrapper > div.customerarealinks > a {
				width:49%;
				float:right;
				margin-top:5px;
			}
			div#wrapper > div.customerarealinks > a:first-child {
				float:left;
			}
		/* End Layout customer login form */
		
		/* Start Layout Content Article */
			/* Start Layout Content Article Detailview */
				div#wrapper > div#content > article > div#articledetail div.articleimage_slider {
					margin-top:-10px;
					margin-bottom:10px;
				}
				div#wrapper > div#content > article > div#articledetail ul.images {
					line-height: 0;
					font-size: 0;
					width:100%;
				}
				div#wrapper > div#content > article > div#articledetail ul.images li {
					padding:0;
					background:none;
				}
				div#wrapper > div#content > article > div#articledetail ul.images img {
					max-width:100%;
				}
				
				div#wrapper > div#content > article > div#articledetail div.articleimage_slider a.swiper-prev,
				div#wrapper > div#content > article > div#articledetail div.articleimage_slider a.swiper-next {
					position:absolute;
					z-index:10;
					top:50%;
					left:0;
					margin-top:-40px;
					height:80px;
					width:40px;
					background-image:url(/images/swiper-prev.png);
					background-size:auto 50px;
					background-position:10px center;
					background-repeat:no-repeat;
				}
				div#wrapper > div#content > article > div#articledetail div.articleimage_slider a.swiper-prev {
					display:none;
				}
				div#wrapper > div#content > article > div#articledetail div.articleimage_slider a.swiper-next {
					left:auto;
					right:0;
					background-image:url(/images/swiper-next.png);
					background-position:right 10px center;
				}
				
				div#wrapper > div#content > article > div#articledetail > div.description {
					padding:0px 10px 10px 10px;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > span.artnr {
					color: #999;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > span.lieferzeit,
				div#wrapper > div#content > article > div#articledetail > div.description > span.lieferzeit > span,
				div#wrapper > div#content > article > div#articledetail > div.description > span.lagerbestand,
				div#wrapper > div#content > article > div#articledetail > div.description > span.lagerbestand > span {
					color: #999;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > div.price {
					font-size: 16px;
					font-weight: bold;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > table.blockprices {
					width:100%;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > table.blockprices tr > td {
					padding: 0px;
					white-space: nowrap;
					border-bottom:1px solid #ccc;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > table.blockprices tr > td.firstrow {
					font-weight: bold;
					text-transform: uppercase;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > table.blockprices tr > td.right {
					text-align: left;
					font-weight: bold;
					width:70%;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > form[name=inbasket] {
					margin-top: 20px;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > form[name=inbasket] > div.merkmale {
					margin-top: 10px;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > form[name=inbasket] > div.merkmale select {
					margin-bottom: 10px;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > form[name=inbasket] > div.merkmale br {
					clear: both;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > form[name=inbasket] > div.merkmale label {
					height:auto;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > form[name=inbasket] > span#inbasket > input[type=number] {
					width:15%;
					margin-right:5px;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > form[name=inbasket] > span#inbasket > input[type=submit] {
					width:calc(55% - 5px);
					background-image:url(/images/basket_mobile_white.png);
					background-size:20px;
					background-repeat:no-repeat;
					background-position:5px center;
					padding-left:30px;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > form[name=inbasket] > div#inbasket_not_available {
					color:red;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > form[name=inbasket] > #countselect {
					display:none;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > div.addtomerkliste {
					margin-top:10px;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > div.addtomerkliste > a {
					float:right;
					min-width:calc(55% - 5px);
					background-image:url(/images/merkliste_mobile.png);
					padding-left:30px;
					background-size:20px;
					background-repeat:no-repeat;
					background-position:5px center;
				}
				#countselect_content {
					width:100%;
				}
				#countselect_content > a {
					background:#eee;
					border:1px solid #ccc;
					width:calc(33% - 4px);
					box-sizing:border-box;
					padding:30px 0px;
					margin:2px;
					text-align:center;
					font-size:20px;
					float:left;
				}
				#countselect_content > a:last-child {
					width:calc(66% - 4px);
				}
				#countselect_content > a.active {
					background:#ddd;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > a#manufacturerlink {
					display: block;
					margin-top: 12px;
				}
				div#wrapper > div#content > article > h3#crosssellingtitle {
					margin-top: 16px;
					margin-bottom: 6px;
					font-weight: bold;
					font-size: 14px;
				}
				div#wrapper > div#content > article > div.crossselling {
					margin-bottom: 10px;
				}
				div#wrapper > div#content > article > div.crossselling > div *{
					line-height: 120% !important;
					margin-bottom: 10px;
				}
				div#wrapper > div#content > article > div.crossselling > div.article {
					float: left;
					width: 48%;
				}
				
				div#wrapper > div#content > article > div.crossselling > div.article a,
				div#wrapper > div#content > article > div.crossselling > div.article a:visited,
				div#wrapper > div#content > article > div.crossselling > div.article a span,
				div#wrapper > div#content > article > div.crossselling > div.article a:visited span {
					color:#000;
				}
				div#wrapper > div#content > article > div.crossselling > div.article > a.price {
					font-weight:bold;
				}
				div#wrapper > div#content > article > div.crossselling > div.article > a.right > span {
					white-space: nowrap;
					text-decoration: line-through;
				}
				div#wrapper > div#content > article > div.crossselling > div.article > a.right > span:first-child {
					text-decoration: none;
				}
				div#wrapper > div#content > article > div.crossselling > div.article > a.articleimage {
					display:block;
				}
				div#wrapper > div#content > article > div.crossselling > div.article > a.articleimage > img {
					margin-bottom: 3px;
				}
			/* End Layout Content Article Detailview */
			
			/* Start Layout Content Article Customerarea */
				div#wrapper > div#content > article table#orderheader {
					width: 100%;
				}
				div#wrapper > div#content > article table#orderheader tr > td {
					padding: 2px 0px 2px 0px;
				}
				div#wrapper > div#content > article table#orderheader tr > td.firstCol {
					font-weight: bold;
				}
				div#wrapper > div#content > article table#orderheader tr > td.secondCol {
					text-align: right;
				}
				div#wrapper > div#content > article div#ordertable > div{
					border-bottom:1px solid #ccc;
					padding-bottom:10px;
					margin-bottom:10px;
				}
				div#wrapper > div#content > article div#ordertable > div > label {
					width:140px;
					display:inline-block;
					font-weight:bold;
				}
				div#wrapper > div#content > article div#ordertable > div > a.more,
				div#wrapper > div#content > article > div > a.orderdetail_backlink {
					float:right;
				}
			/* End Layout Content Article Customerarea */
			
			/* Start Layout Content Article Basket */
				div#wrapper > div#content > article > div.basketnav > form {
					width:49%;
					float:left;
				}
				div#wrapper > div#content > article > div.basketnav > form input {
					width:100%;
					margin-bottom:0px;
				}
				div#wrapper > div#content > article > div.basketnav > form.voucher {
					position:relative;
				}
				#voucherbox {
					display:none;
					background-color: #dedede;
				}
				form.voucherform > div {
					margin-bottom:5px;
				}
				form.voucherform input[type=text] {
					width:70%;
					float:left;
					margin-right:2px;
				}
				form.voucherform input[type=submit] {
					width:calc(30% - 2px);
				}
				div#wrapper > div#content > article > div.basketnav > div.continue > a {
					width:49%;
					float:right;
				}
				div#wrapper > div#content > article > div.basketnav > div.continue > a:first-child {
					float:left;
				}
				div#wrapper > div#content > article > div#basketprogressbar {
					border-bottom: 1px solid #ccc;
					margin-bottom: 20px;
					visibility: hidden;
				}
				div#wrapper > div#content > article > div#basketprogressbar > div.item {
					color: #666;
					float: left;
				}
				div#wrapper > div#content > article > div#basketprogressbar > div.item.active {
					color: #000;
					font-weight: bold;
				}
				div#wrapper > div#content > article div.items {
					border-bottom: 1px solid #ccc;
					padding: 10px; 
				}
				div#wrapper > div#content > article div.items > div.articleimage {
					width: calc(30% - 10px);
					float: left;
					margin-right: 10px;
				}
				div#wrapper > div#content > article div.items > div.articleimage img {
					max-width:100%;
				}
				div#wrapper > div#content > article div.items > div.article {
					width:70%;
					float: left;
				}
				div#wrapper > div#content > article div.items > div.article.fullwidth {
					width:100%;
				}
				div#wrapper > div#content > article div.items > div.article > div.right {
					float:right;
					font-weight:bold;
				}
				div#wrapper > div#content > article > a.articletitle {
					font-weight: bold;
				}
				div#wrapper > div#content > article div.items > div.article > div.small > span.alert_reset {
					background:#FFE6E6;
					color:#f00;
					border:1px solid #f00;
					padding:1px 3px;
					font-size:10px;
					line-height:230%;
				}
				div#wrapper > div#content > article div.items > div.article > div.basketoptions {
					margin-top:10px;
					margin-bottom:7px;
				}
				div#wrapper > div#content > article div.items > div.article > div > form[name=refresh] {
					float:left;
				}
				div#wrapper > div#content > article div.items > div.article > div > form[name=refresh] > input#count {
					margin-right: 3px;
					width: 50px;
				}
				div#wrapper > div#content > article div.items > div.article > div > form[name=refresh] > input#refreshbutton {
					border: 0px;
					width: 16px;
					height: 16px;
					padding: 9px;
					margin: 0px;
					vertical-align: top;
					border:1px solid #ccc;
				}
				div#wrapper > div#content > article div.items > div.article > div > a.deletebutton {
					float:right;
				}
				div#wrapper > div#content > article div.items > div.article > div > a.deletebutton > img {
					float:left;
					margin-right:5px;
					width:16px;
					height:16px;
				}
				div#wrapper > div#content > article > div.total {
					font-weight: bold;
					padding:10px;
					border-bottom:1px solid #ccc;
				}
				div#wrapper > div#content > article > div.total > div {
					float:right;
				}
			/* End Layout Content Article Basket */
				
			/* Start Layout Content Article Basket Login */
				div#wrapper > div#content > article > div.loginbox > div.title {
					font-weight: bold;
					margin-bottom: 10px;
					border-bottom: 1px solid #ccc;
				}
				div#wrapper > div#content > article > div.loginbox form {
					padding-bottom:10px;
				}
				div#wrapper > div#content > article > div.loginbox form a.passwordforgottenlink {
					width:70%;
					display:inline-block;
				}
				div#wrapper > div#content > article > div.loginbox > a.adresslink {
					width:70%;
					float:right;
				}
			/* End Layout Content Article Basket Login */
			
			/* Start Layout Content Article Basket Checkout Steps */
			
				div#wrapper > div#content > article > #paymentmethodform label,
				div#wrapper > div#content > article > #deliverymethodform label {
					float:left;
					width:calc(50% - 10px);
					text-align:center;
					padding-top:20px;
					height:96px;
					border:1px solid #ccc;
					margin:0 0 10px 10px;
					cursor:pointer;
				}
				
				div#wrapper > div#content > article > #paymentmethodform label:first-child,
				div#wrapper > div#content > article > #deliverymethodform label:first-child {
					margin-left:0px;
				}
				
				div#wrapper > div#content > article > #paymentmethodform label.active,
				div#wrapper > div#content > article > #deliverymethodform label.active {
					background:#f5f5f5;
				}
				
				div#wrapper > div#content > article > #paymentmethodform label img,
				div#wrapper > div#content > article > #deliverymethodform label img {
					max-height:45px;
					padding-top:5px;
				}
				
			/* End Layout Content Article Basket Checkout Steps */
			
			/* Start Layout Content Article Basket Summary */
				div#wrapper > div#content > article > div#summary_address {
					padding-bottom:10px;
					border-bottom:1px solid #ccc;
				}
				div#wrapper > div#content > article > div#summary_address > div:first-child {
					margin-bottom:14px;
				}
				div#wrapper > div#content > article > div#summary_address > div > span {
					display: inline-block;
					width: 30%;
				}
			/* End Layout Content Article Basket Summary */
			
			/* Start Layout Content Article Basket Checkout */
				/*div#wrapper .contentbox {
					padding:0px 10px;
				}*/
				div#wrapper > div#content > article > div.contentbox > img.paypal {
					width: 178px;
					height: 72px;
					border: 0;
				}
				div#wrapper > div#content > article > div.contentbox > img.postfinance {
					height: 55px;
					border: 0;
				}
				div#wrapper > div#content > article > div.contentbox > img.saferpay {
					width: 178px;
					height: 60px;
					border: 0;
				}
				div#wrapper > div#content > article > div.contentbox > span.addresslabel {
					display: inline-block;
					width: 60px; 
				}
				div#wrapper > div#content > article > div.contentbox > span.important {
					color: #ff0000;
					font-weight: bold;
				}
				div#wrapper > div#content > article > div.contentbox > form > input.paymentButton,
				div#wrapper > div#content > article > div.contentbox > form > a.paymentButton {
					font-weight: bold; 
					font-size: 15px;
					width:auto;
				}
			/* End Layout Content Article Basket Checkout */
			
			/* Start Layout Content Article Errorbox */
				div#wrapper > div#content > article > div.errorbox {
					border: 1px solid #f00;
					padding: 10px;
					margin:10px;
					margin-bottom: 12px;
					background-color: #FFE6E6;
				}
			/* End Layout Content Article Errorbox */
			
			/* Start Layout Content Entrytype Bildtext */
				div#wrapper > div#content > article > div.bildtextbox > div.image,
				div#wrapper > div#content > article > div.bildtextbox > div.content {
					float: left;
					width:50%;
				}
				div#wrapper > div#content > article > div.bildtextbox > div.image {
					box-sizing:border-box;
					padding-right: 10px;
				}
				div#wrapper > div#content > article > div.bildtextbox > div.image img {
					max-width:100%;
					height:auto;
				}
			/* End Layout Content Entrytype Bildtext */
		/* End Layout Content Article */
	/* End Layout Content */
	
	/* Start Layout Footer */
		div#wrapper > div#footer_spacing {
			height:56px;
		}
		
		footer {
			margin-top:-46px;
		}
		footer > div {
			background:#eee;
			border-top:1px solid #ccc;
			border-bottom:1px solid #ccc;
		}
		
		footer > div > div {
			float:left;
			border-right:1px solid #ccc;
		}
		
		footer > div > div.right {
			float:right;
			border-right:none;
		}
		footer > div > div > form > select {
			border:none;
			height:44px;
			margin:0;
			font-size:14px;
			padding:3px 10px;
		}
		
		footer > div > div > img {
			padding-top:8px;
			padding-right:8px;
			height:30px;
		}
	/* End Layout Footer */
/* End Layout */