* {
/* 	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(https://webshop.ottos.ch/skin/frontend/sfp/ottos/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(https://webshop.ottos.ch/skin/frontend/sfp/ottos/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(https://webshop.ottos.ch/skin/frontend/sfp/ottos/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: 604px;
}

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

#search_autocomplete {
	padding: 5px 2px 5px 2px;
	font-size: 9px;
	background-color: white;
	border: 1px solid #cdcdcd;
}

#search_autocomplete td {
	padding: 1px;
	font-size: 10px;
}

#search_autocomplete li {
	filter: alpha(opacity =     50);
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
}

#search_autocomplete li:hover {
	filter: alpha(opacity =     100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

#search_autocomplete hr {
	background-color: #cdcdcd;
	color: #cdcdcd;
	border-width: 0;
	height: 1px;
}

div.discount-codes {
	float: left;
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CDCDCD;
	float: left;
	margin: 0 0 12px 12px;
	padding: 10px;
	width: 400px !important;
}

div.discount-codes h4 {
	margin-left: 0;
}

div.discount-codes input.input-text {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CDCDCD;
	height: 18px !important;
	padding: 0;
}

div.discount-codes button.form-button-alt {
	background: url("../images/button_red_bg.gif") repeat-x scroll 0 0
		#A80231;
	border: 0 none;
	height: 31px;
	margin: 12px 0 14px -4px;
	text-align: center;
	width: 172px;
}

div.discount-codes button.form-button-alt span {
	color: #FFFFFF;
	font-weight: bold;
}

div#advice-required-entry-coupon_code{
	color: #A80231;
	 margin: 10px 0 0 0;
}

.page-print .print-head .logo { float:left; height: 60px; }