* {
	color: #333;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
html {
	overflow-y: scroll;
}

html, body {
	position: relative;
	height: 100%;
}

body {
	background: #b1d1e6;
}

#box {
	position: relative;
	height: auto !important;
	height: 100%;
 	background: #82b6da url(../images/box_bg.jpg) repeat-x 0 193px;
 	text-align: center;
}

	#header {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-width: 1000px;
		height: 202px;
		background: transparent url(../images/header_bg.gif) repeat-x 0 0;
		text-align: center;
		z-index: 2;
	}

		#headerShadow {
			display: block;
			position: absolute;
			top: 197px;
			left: 0;
			width: 100%;
			height: 5px;
			min-width: 1000px;
			background: transparent url(../images/headerShadow_bg.png) repeat-x 0 0;
		}

			* html #headerShadow {
				background-image: none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/skin/frontend/sfp/ottos/images/headerShadow_bg.png', sizingMethod='scale');
				overflow: hidden;
			}

		#header a:hover {
			color: #a80231;
			text-decoration: underline;
		}

		#innerHeader {
			position: relative;
			width: 1000px;
			height: 197px;
			margin: 0 auto;
			text-align: center;
			z-index: 3;
		}

			#title {
				position: absolute;
				top: 50px;
				left: 10px;
			}

				.language_de #title {
					background: url(../images/logo_de.jpg) no-repeat 50% 50%;
				}

				.language_fr #title {
					background: url(../images/logo_fr.jpg) no-repeat 50% 50%;
				}

				.language_it #title {
					background: url(../images/logo_it.jpg) no-repeat 50% 50%;
				}

				#title a {
					display: block;
					width: 384px;
					height: 86px;
					text-indent: -9999px;
				}

			/* header boxes default conf */
			.headerBox {
				position: absolute;
				top: 60px;
				width: 186px;
				height: 94px;
				background: transparent url(../images/headerBox_bg.gif) no-repeat 0 0;
				text-align: left;
				z-index: 4;
			}

				.headerBoxAbove {
					position: absolute;
					bottom: 94px;
					width: 184px !important;
					width: 186px;
					padding: 0 1px 3px 1px;
				}

					.headerBoxAbove li {
						float: left;
						margin-left: 4px;
						padding-left: 5px;
						background: transparent url(../images/spacer_fff_9.gif) no-repeat 0 5px;
					}

					.headerBoxAbove li.first {
						margin: 0;
						padding: 0;
						background: transparent;
					}

					.headerBoxAbove li a,
					.headerBoxAbove li span {
						color: #fff;
						font-weight: bold;
					}

				.headerBoxTop {
					display: block;
					position: relative;
					width: 164px !important;
					width: 186px;
					height: 27px !important;
					height: 40px;
					padding: 13px 11px 0 11px;
				}

					.headerBoxTop h4 a {
						display: block;
						height: 19px;
					}

				.headerBoxBottom {
					height: 18px !important;
					height: 21px;
					width: 168px !important;
					width: 186px;
					padding: 4px 9px 0;
				}

					.headerBoxBottom li {
						float: left;
						margin-left: 2px;
						padding-left: 3px;
						background: transparent url(../images/spacer_fff_9.gif) no-repeat 0 2px;
					}

					.headerBoxBottom li.first {
						margin: 0;
						padding: 0;
						background: transparent;
					}

					.headerBoxBottom li,
					.headerBoxBottom li * {
						color: #fff;
						font-size: 9px;
						font-weight: bold;
						white-space: nowrap;
					}

				.headerBoxToggle {
					display: block;
					position: absolute;
					top: 39px;
				}

					.headerBoxToggle * {
						font-size: 11px;
					}

					.headerBoxToggle .top {
						width: 186px;
						height: 3px;
						background: transparent url(../images/headerToggleBox_top_bg.gif) no-repeat 0 0;
					}

					.headerBoxToggle .middle {
						width: 174px !important;
						width: 186px;
						padding: 15px 5px 28px;
						border: 1px solid #719fbf;
						border-width: 0 1px;
						background: #fff;
					}

					.headerBoxToggle .bottom {
						width: 186px;
						height: 8px;
						background: transparent url(../images/headerToggleBox_bottom_bg.png) no-repeat 0 0;
					}

						* html .headerBoxToggle .bottom {
							background-image: none;
							filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/skin/frontend/sfp/ottos/images/headerToggleBox_bottom_bg.png', sizingMethod='scale');
						}

			/* customer info */
				#customerInfoBox {
					left: 407px;
				}

					#customerInfoBox .headerBoxAbove li a,
					#customerInfoBox .headerBoxAbove li span {
						font-size: 10px;
					}

					.language_de #customerInfoBox .headerBoxTop h4 {
						background: transparent url(../images/customerInfo_title_de.png) no-repeat 0 0;
					}

						* html .language_de #customerInfoBox .headerBoxTop h4 {
							background-image: none;
							filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/skin/frontend/sfp/ottos/images/customerInfo_title_de.png', sizingMethod='crop');
						}

					.language_fr #customerInfoBox .headerBoxTop h4 {
						background: transparent url(../images/customerInfo_title_fr.png) no-repeat 0 0;
					}

						* html .language_fr #customerInfoBox .headerBoxTop h4 {
							background-image: none;
							filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/skin/frontend/sfp/ottos/images/customerInfo_title_fr.png', sizingMethod='crop');
						}

					.language_it #customerInfoBox .headerBoxTop h4 {
						background: transparent url(../images/customerInfo_title_it.png) no-repeat 0 0;
					}

						* html .language_it #customerInfoBox .headerBoxTop h4 {
							background-image: none;
							filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/skin/frontend/sfp/ottos/images/customerInfo_title_it.png', sizingMethod='crop');
						}

			/* mini basket */
				#miniBasketBox {
					left: 603px;
				}

					.language_de #miniBasketBox .headerBoxTop h4 {
						background: transparent url(../images/basket_title_de.png) no-repeat 0 0;
					}

						* html .language_de #miniBasketBox .headerBoxTop h4 {
							background-image: none;
							filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/skin/frontend/sfp/ottos/images/basket_title_de.png', sizingMethod='crop');
						}

					.language_fr #miniBasketBox .headerBoxTop h4 {
						background: transparent url(../images/basket_title_fr.png) no-repeat 0 0;
					}

						* html .language_fr #miniBasketBox .headerBoxTop h4 {
							background-image: none;
							filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/skin/frontend/sfp/ottos/images/basket_title_fr.png', sizingMethod='crop');
						}

					.language_it #miniBasketBox .headerBoxTop h4 {
						background: transparent url(../images/basket_title_it.png) no-repeat 0 0;
					}

						* html .language_it #miniBasketBox .headerBoxTop h4 {
							background-image: none;
							filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/skin/frontend/sfp/ottos/images/basket_title_it.png', sizingMethod='crop');
						}

					#miniBasketBox .headerBoxTop a#miniBasketToggleButton {
						display: block;
						position: absolute;
						top: 12px;
						right: 12px;
						width: 20px;
						height: 20px;
						text-indent: -9999px;
						background: transparent url(../images/basketToggle_icon.gif) no-repeat 0 0;
					}

					#miniBasketBox .headerBoxBottom li.subtotal {
						float: right;
						margin: 0;
						background: transparent;
					}

					#miniBasketBox #miniBasketToggle ul li {
						margin-bottom: 5px;
						padding-bottom: 10px;
						background: transparent url(../images/hr.gif) repeat-x 0 bottom;
					}

						#miniBasketBox #miniBasketToggle .product-images {
							float: left;
							width: 65px;
						}

						#miniBasketBox #miniBasketToggle .product-details {
							float: left;
							width: 105px;
						}

							#miniBasketBox #miniBasketToggle .product-details .removeItem {
								display: none;
							}

					#miniBasketBox #miniBasketToggle .actions a {
						display: block;
						font-weight: bold;
						text-decoration: underline;
					}



			/* header search */
				#headerSearchBox {
					left: 799px;
					background: transparent url(../images/headerSearchBox_bg.gif) no-repeat 0 0;
				}

					#headerSearchBox label,
					#headerSearchBox .button {
						display: none;
					}

					#headerSearchBox .text {
						position: absolute;
						top: 8px;
						left: 10px;
						width: 149px !important;
						width: 165px;
						height: 14px !important;
						height: 26px;
						padding: 6px 8px;
						border: none;
						font-size: 11px;
						background: transparent;
						color: #666;
					}

			ul#languageNavigation {
				position: absolute;
				top: 10px;
				right: 16px;
			}

				#languageNavigation li {
					float: left;
					margin-left: 4px;
					padding-left: 5px;
					background: transparent url(../images/spacer_fff_9.gif) no-repeat 0 3px;
				}

				#languageNavigation li.first {
					margin: 0;
					padding: 0;
					background: transparent;
				}

				#languageNavigation li a {
					display: block;
					width: auto !important;
					width: 1px;
					height: auto !important;
					height: 1px;
					color: #fff;
					font-size: 10px;
					white-space: nowrap;
					text-transform: uppercase;
				}

				#languageNavigation li a:hover {
					color: #fff;
				}

			ul#metaNavigation {
				position: absolute;
				top: 41px;
				left: 603px;
			}

				#metaNavigation li {
					float: left;
					margin-left: 5px;
					padding-left: 5px;
					background: transparent url(../images/metaNav_spacer.gif) no-repeat 0 3px;
				}

				#metaNavigation li.first {
					margin-left: 0;
					padding-left: 0;
					background: transparent;
				}

				#metaNavigation li a {
					color: #fff;
					font-size: 13px;
					font-weight: bold;
					white-space: nowrap;
				}

			#mainNavigationWrap {
				position: absolute;
				left: 0 !important;
				left: 0;
				top: 160px;
				clear: both;
				float: left;
				width: 100%;
				overflow: hidden;
			}

				#mainNavigation {
					float: left;
					position: relative;
					left: 50%;
				}

					#mainNavigation li {
						float: left;
						height: 37px !important;
						height: 37px;
						position: relative;
						right: 50%;
					}

					#mainNavigation li a {
						display: block;
						width: auto !important;
						width: 1px;
						height: 37px;
					}

					#mainNavigation li.last a {
						background: transparent url(../images/mainNav_spacer.gif) no-repeat right 5px;
					}

					#mainNavigation li a table {
						width: 66px;
						height: 37px;
					}

					#mainNavigation li a td {
						padding: 0 10px;
						color: #333;
						font-size: 11px;
						font-weight: bold;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						vertical-align: middle;
						text-align: center;
						cursor: pointer;
						background: transparent url(../images/mainNav_spacer.gif) no-repeat 0 5px;
					}

					#mainNavigation li.cur a td,
					#mainNavigation li a:hover td {
						color: #fff;
						background: #a80231;
					}

					/* disable level 2 nav. only temporary */
					#mainNavigation ul {
						display: none;
					}

	#cols {
		position: relative;
		width: 1000px;
		height: auto !important;
		height: 100%;
		margin: 0 auto;
		text-align: left;
		z-index: 1;
	}

		#bgCols {
			position: relative;
			min-height: 100%;
			height: auto !important;
			height: 100%;
			background: transparent url(../images/bgCols_bg.png) repeat-y 50% 0;
		}

		* html #bgCols {
			background-image: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/skin/frontend/sfp/ottos/images/bgCols_bg.png', sizingMethod='scale');
		}

		#innerCols {
			/*height: auto !important;
			height: 1px;
			position: relative;*/
			padding: 249px 4px 190px;
		}

			/*
			* html #innerCols {
				position: relative;
				height: auto !important;
				height: 1px;
			}

			#header {
				display: none;
			}
			#bgCols {
				background: transparent;
			}
			* html #bgCols {
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale');
			}
			#col1,
			#col2 {
				margin-top: 600px;

			}
			*/
			ul#rootline {
				display: block;
				position: relative;
				top: -6px;
				left: 12px;
				width: 968px;
				height: 20px;
				margin: -20px 0 0 0;
				overflow: auto;
			}

				#rootline li {
					float: left;
				}

				#rootline li a,
				#rootline li span {
					display: block;
					padding: 0 1px;
					font-size: 11px;
					white-space: nowrap;
				}

				#rootline li a {
					color: #333;
				}

				#rootline li a:hover {
					color: #a80231;
				}

				#rootline li.spacer span {
					padding: 0 3px;
					color: #333;
				}

				#rootline li.last span {
					color: #a80231;
				}

			#col1 {
				position: relative;
				float: left;
				clear: both;
				min-height: 200px;
				height: auto !important;
				height: 200px;
			}

				/* 1column layout */
				.layout1 #col1 {
					width: 968px !important;
					width: 992px;
					padding: 0 12px 0 12px;
				}

				/* 2columns-left layout */
				.layout2 #col1 {
					width: 184px !important;
					width: 202px;
					padding: 2px 6px 0 12px;
				}

				/* 2columns-right layout */
				.layout3 #col1 {
					width: 772px !important;
					width: 790px;
					padding: 0 6px 0 12px;
				}

				ul#subNavigation {
					display: block;
					position: relative;
					width: 184px;
					height: auto !important;
					height: 1px;
					margin-bottom: 18px;
				}

					/* current category */
					#subNavigation li a,
					#subNavigation li span {
						display: block;
						width: 176px !important;
						width: 184px;
						height: auto !important;
						height: 1px;
						padding: 3px 4px;
						border: 1px solid #cdcdcd;
						border-width: 1px 0;
						background: #a80231;
						color: #fff;
						font-weight: bold;
					}

					/* level 1 */
					#subNavigation li ul {
						padding: 4px 0 8px 0;
						border-bottom: 1px solid #cdcdcd;
					}

					#subNavigation li li a,
					#subNavigation li li span {
						border: none;
						background: transparent;
						color: #333;
						padding: 1px 4px;
						font-weight: normal;
					}

					#subNavigation li li.cur a,
					#subNavigation li li a.cur,
					#subNavigation li li a:hover {
						color: #a80231;
					}

					/* level 2 */
					#subNavigation li li ul {
						padding: 0;
						border: 0;
					}

					#subNavigation li li li a {
						width: 160px !important;
						width: 184px;
						padding-left: 20px;
					}

				ul#additionalSubNavigation {
					display: block;
					position: relative;
					width: 184px;
					height: auto !important;
					height: 1px;
					margin-bottom: 18px;
					padding-bottom: 8px;
					border-bottom: 1px solid #cdcdcd;
				}

					#additionalSubNavigation li a,
					#additionalSubNavigation li span {
						display: block;
						width: 176px !important;
						width: 184px;
						height: auto !important;
						height: 1px;
						padding: 1px 4px 2px;
						color: #999;
						font-size: 11px;
						font-weight: bold;
					}

					#additionalSubNavigation li a:hover {
						color: #a80231;
					}

					/* level 1 */
					#additionalSubNavigation li li a {
						width: 160px !important;
						width: 184px;
						padding-left: 20px;
					}

			#col2 {
				position: relative;
				float: left;

				/* remove */
				overflow: hidden;
			}

				/* 2columns-left layout */
				.layout2 #col2 {
					width: 772px !important;
					width: 790px;
					padding: 0 12px 0 6px;
				}

				/* 2columns-right layout */
				.layout3 #col2 {
					width: 184px !important;
					width: 202px;
					padding: 0 12px 0 6px;
				}

				#leftContent,
				#mainContent,
				#rightContent {
					padding: 0 0 38px 0;
				}

			#bannerLeft,
			#bannerRight {
				/*display: none;*/
				position: absolute;
				top: -99999px;
				width: 110px;
				overflow: hidden;
			}

			#bannerLeft {
				right: 50%;
				margin-right: 508px;
			}

			#bannerRight {
				left: 50%;
				margin-left: 508px;
			}

			#bannerLeft a,
			#bannerRight a {
				display: block;
				clear: both;
				margin-bottom: 12px;
			}

#footer {
	position: absolute;
	bottom: 0 !important;
	bottom: -1px;
	left: 0;
	width: 100%;
	min-width: 1000px;
	height: 190px;
	background: transparent url(../images/footer_bg.jpg) repeat-x 0 0;
	z-index: 2;
}

	#innerFooter {
		position: relative;
		width: 1000px;
		height: 190px;
		margin: 0 auto;
	}

		ul#footerNavigation {
			position: absolute;
			top: 126px;
			left: 16px;
		}

			#footerNavigation li {
				float: left;
				margin-right: 5px;
				padding-right: 5px;
				background: transparent url(../images/footerNav_spacer.gif) no-repeat right 3px;
			}

			#footerNavigation li.last {
				margin: 0;
				padding: 0;
				background: transparent;
			}

			#footerNavigation li a {
				display: block;
				width: auto !important;
				width: 1px;
				height: auto !important;
				height: 1px;
				color: #fff;
				font-size: 11px;
				font-weight: bold;
				white-space: nowrap;
			}

			#footerNavigation li a:hover {
				color: #a80231;
			}

		#footerSearchBox {
			position: absolute;
			top: 120px;
			right: 16px;
			width: 185px;
			height: 26px;
			background: transparent url(../images/footerSearchBox_bg.gif) no-repeat 0 0;
		}

			#footerSearchBox label,
			#footerSearchBox .button {
				display: none;
			}

			#footerSearchBox .text {
				width: 169px !important;
				width: 185px;
				height: 14px !important;
				height: 26px;
				padding: 6px 8px;
				border: none;
				font-size: 11px;
				background: transparent;
				color: #666;
			}

			#footerSearchBox a {
				position: absolute;
				top: 42px;
				left: 14px;
				color: #fff;
				font-size: 10px;
				font-weight: bold;
			}