/*
		bruno premi basic css, Version 0.1
		pixelpoems
*/

/*

hellgrau: #f5f4f4

*/

/*_______________________________________________________________________________*/
/* 1. BASICS  */
/*-------------------------------------------------------------------------------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body {
	line-height: 1;
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;	

}

p {
	line-height: 1.4em;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

td {
	font-size:12px;
}


/* 1.1 LAYOUT BASICS  */
/*-------------------------------------------------------------------------------*/

#header-container {
	width: 100%;
	height: 140px;
	background: transparent  url("../images/layout/line-dotted.gif") repeat-x left bottom;
}

#header-container-home {
	width: 100%;
	height: 128px;
}

	#header {
		width: 980px;
		margin: 0 auto;
		position:relative;
	}
	
#ranken-img {
   position:absolute;
   top:-21px;
   left:-153px;
   height: 190px;
   width: 220px;
   background: transparent  url("../images/layout/logo-ranken.gif") no-repeat left top;
}
	
#logo {
		width: 330px;
		float: left;	
		padding: 28px 0 0 0;
	}

		#logo a {
			display: block;
			width: 330px;
			height: 43px;
			background: transparent  url("../images/layout/logo.gif") no-repeat left top;
		}

	.util-navi {
		position:relative;
		float: right;
		width: 486px;
		text-align: right;
		background:  url("../images/layout/ranken-dunkel.gif") no-repeat scroll 311px -51px transparent

	}

.checkout-link {
	display:block !important;
	width:115px;
	float:right;
} 

.checkout-link img {
	float:left;
}

.checkout-link a {
	line-height:4em;
}

#main-container, #product-content, #footer, #news, .seo-1, .seo-2 {
	width: 980px;
	margin: 0 auto;

}

#main-container{
	padding: 20px 0 0 0;
	position:relative
}

#home-bg {
	background: transparent url("../images/layout/bg_home.jpg") repeat-x left 0	
}

.main {

}


	.col-left {
		float: left;
		width: 195px;
		padding: 20px 0;
	}
	
	.col-main {
		float: right;
		width: 733px;
		margin-bottom:15px
	}






/* product-content-container */

#product-content-container {
	background: #f5f4f4  url("../images/layout/line-dotted.gif") repeat-x left top;
	padding: 18px 0 10px 0;
	clear: both;
	cursor: pointer;
}

#product-content-container h2 {
	background: url("../images/layout/icon-arrow-down.png") no-repeat 0 10px transparent;
	color: #999999;
	font-size: 100%;
	padding: 5px 0 10px 16px;
}

#product-content-container p {
	padding: 5px 0 0 16px;
}

#product-content-container img {
	border: 1px solid #fff;
	margin: 0 0 12px 0;
}

.seo-container {
	background: #f5f4f4  url("../images/layout/line-dotted.gif") repeat-x left top;
	padding: 18px 0 10px 0;
	clear: both;
	cursor:pointer;
}

.seo-container h3 {
	color: #999999;
	padding: 5px 0 5px 16px;
	background: url("../images/layout/icon-arrow-down.png") no-repeat 0 10px transparent;
}

.seo-content {
	padding: 5px 0 0 16px;
}

.seo-content img {
	float:right;
	margin: 0 0 10px 10px;
	border: 1px solid #fff;
}


#footer {

	clear: both;
}

.wrapper {
	background: transparent url("../images/layout/bg-ranken-bottom-right.png") no-repeat right bottom;
}


/* Homepage */


/*body.cms-home {
	background: transparent  url("../images/layout/bg-home.png") repeat-x left top;
}*/


.cms-home #header-container {
	height: 128px;
	background: none;
}


#news-container {
	width:100%;
}

#news {
	padding: 20px 0;
}


.news-item {
	float: left;
	width: 468px;
}

	.news-img{
		float: left;
		width: 200px;
	}
	
	.news-content{
		float: right;
		width: 250px;
		padding: 0 10px 0 0;
	}


.cms-home #page {
	height:620px;
}

/* PRINT */
	
#logo-print {
		width: 330px;
		position:relative;
		top:0;
		left:0;
		height: 150px;
		z-index:1;
		height:196px;
}

.print-content {
	padding: 20px 20px 20px 90px;
	line-height:1.4em;
}


/* LOOKBOOK */

/*the container*/
#slider {
	position: relative; /*important for ie bugfix*/
	width: 739px; height: 571px; /*the width of the slider is important but could be everything in pixels*/
	overflow: hidden;
	z-index: 10;
}


/*the for and back buttons*/
#right { /*hides the inline text with textindent*/
	margin: 0 15px 0 0;
	text-indent: -99999px;
	cursor: pointer;
	background: transparent  url("../images/layout/buttons-lookbook.png") no-repeat -25px 0;
	height: 30px;
	width: 30px;
	float:right;
}
	
#left {
	margin: 0 0 0 15px;
	text-indent: -99999px;
	cursor: pointer;
	background: transparent  url("../images/layout/buttons-lookbook.png") no-repeat 5px 0;
	height: 30px;
	width: 30px;
	float:left;
}

#buttons {
	position: absolute;
	z-index: 11;
	top: 280px;
	width:100%;
	
}
	
#slider ul { /*the width of the ul and the li will be set automaticly by the javascript!*/
	position: relative;
	padding:0;
}
	
#slider ul li { /*the width of the ul and the li will be set automaticly by the javascript!*/
	float: left;
	list-style:none;
	position:relative;
}


/*the numbered navigation*/
#numbers { /*also the width of the number-wrapper will be set automaticly, delete line 33-35 in the js to avoid this*/
	text-align: center;
}	
	
#numbers li {
	position: relative;
	float: left;
}
	
.activenum { /*marks the current sliderposition*/

}

.badge {
	font-size: 12px !important;
	position:absolute;
	width: 153px;
	height: 98px;
	width:150px;
}

.badge-right {
	background: transparent  url("../images/layout/bg-lookbook-badge-right.png") no-repeat 0 0;
	padding: 12px 0 0 15px;
}

.badge-left {
	background: transparent  url("../images/layout/bg-lookbook-badge.png") no-repeat 0 0;
	padding: 12px 0 0 20px;
}

.badge-bottom {
	background: transparent  url("../images/layout/bg-lookbook-badge-bottom.png") no-repeat 0 0;
	padding: 12px 0 0 20px;
}

.badge-top {
	background: transparent  url("../images/layout/bg-lookbook-badge-up.png") no-repeat 0 0;
	padding: 14px 0 0 14px;
}

.badge .header {
	font-weight:bold;
	display:block;
	line-height: 1.2em;
}

.badge .price {
	display:block;
}

.badge .link {
	display:block;
	color:#9d3a1b;
	background: transparent  url("../images/layout/icon-arrows.png") no-repeat -200px -7px;
	padding: 0 0 0 10px;
	position: absolute;
	bottom: 10px;
}

.badge .divider {
	background: #f5f4f4  url("../images/layout/line-dotted.gif") repeat-x left top;
    bottom: 30px;
    height: 1px;
    position: absolute;
    width: 135px;
}

/* STORELOCATOR */

.storelocator .background {
	position:absolute;
	z-index:-9999;
	margin: 80px 0 0 0;
}

.storelocator select {
	display:block;
	margin: 10px 0;
	width: 200px
}

.storelocator form {
	margin: 40px 0 0 0
}

.storelocator .loading {
	background: transparent url("../images/loading.gif") no-repeat;
	height:16px;
	width:16px;
	display:none;
	margin: 0 0 16px;
}

.storelocator #stores {
	width: 100%;
	background: #ffffff url("../images/layout/line-dotted.gif") repeat-x left top;
	padding: 20px 0 20px 0;
	filter:alpha(opacity=70); /* IE */
	-moz-opacity: 0.70; /* Mozilla */
	opacity: 0.70; /* Opera */
	display:none;
}

.storelocator .uploader {
	width: 100%;
	background: #ffffff url("../images/layout/line-dotted.gif") repeat-x left top;
	padding: 20px 0 20px 0;
	overflow:hidden;
}

.storelocator #container {
	opacity: 1;
	background: transparent;
}

.storelocator #pickfiles {
	margin: 20px 20px 0 0;
	height: 34px;
    width: 170px;
    float:left;
    cursor:pointer;
}

.storelocator #uploadfiles {
	margin: 20px 0;
	height: 34px;
    width: 170px;
    float:left;
    cursor:pointer;
}

.storelocator #stores th {
	font-weight:bold
}

.storelocator #stores td {
	padding: 20px 0 0 0;
}


/* Footer */

#footer-container {
	clear: both;
	background: transparent  url("../images/layout/line-dotted.gif") repeat-x left top;
	padding: 18px 0 10px 0;

}

.social-links {
	float: left;
	width: 30%;
}

.footer-navi {
	float: right;
	text-align:right;
	padding: 10px 0 0 0;
}

.language {
	position: relative;
	cursor:pointer
}

.language-switch {
	visibility: hidden;
	width:50px;
	padding: 11px 33px 0 0;
	position:absolute;
	left:-20px;
	top:21px;
	line-height:1.2em;
	background: #fff;
	border: 1px solid #ccc;	
	z-index: 1;
    -webkit-box-shadow: 3px 2px 5px #aaa;
    -moz-box-shadow: 3px 2px 5px #aaa;
    box-shadow: 3px 2px 5px #aaa;
    /* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa');
}

.language-switch ul li {
	list-style: none
}

.language-switch a {
	display: block;
}

/* 1.2 CART QUICKVIEW  */
/*-------------------------------------------------------------------------------*/

.block-cart {
	visibility: hidden;
	width:300px;
	padding:10px;
	position:absolute;
	right:0;
	top:-1px;
	background: #fff;
	border: 1px solid #ccc;	
	z-index: 1;
    -webkit-box-shadow: 3px 2px 5px #aaa;
    -moz-box-shadow: 3px 2px 5px #aaa;
    box-shadow: 3px 2px 5px #aaa;
    /* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa');
}

.block-cart .product-image {
	float:left;
}

.block-cart .product-name {
	margin:0
}

.block-cart .product-details {
	padding:7px
}

.block-cart ol, .block-cart .item {
	overflow:hidden
}

.block-cart button {
	float:right
}

.block-cart h4 {
	text-transform:none;
	padding: 0 0 10px;
}

/* 1.3 PRODUCTS OVERVIEW */
/*-------------------------------------------------------------------------------*/


.category-title {
	display: block;
}

.category-title-bottom {
	display: block;
	float:left;
	clear:left;
	margin-top: 10px
}

.toolbar {
	text-align: right;
}

.toolbar-bottom {
	clear:both;
	float:right;
}

.show-all {
	float:left;
	margin: 1em 0;
}

.pages {
	float:left;
}

.pager-navigation {
	float:right
}

.products-bottombar{
	clear: both;
	padding:50px 0 0 0;
}	

.info-bottom {
	float: left;
	width: 65%;
}

.products-bottombar .toolbar {
	float: right;
	width: 30%;
	clear:none;
	padding:0;
}

.new {
	background: transparent  url("../images/layout/icon-new.png") no-repeat left bottom;
	height: 34px;
	width: 45px;
	position:absolute;
	top: 188px;
	right: 5px;
}

.specialprice {
	background: transparent  url("../images/layout/icon-specialprice.png") no-repeat left bottom;
	height: 34px;
	width: 45px;
	position:absolute;
	top: 205px;
	right: 5px;
}

	.specialprice span {
		display:block;
		padding:13px;
		color: #fff;
		font-weight:bold
	}
	
p.old-price,p.special-price {
	margin:0
}

p.special-price .price {
	color: #9D3A1B
}

p.old-price .price {
	text-decoration: line-through
}

ul.products-grid {
	list-style: none;
	padding:0;
	margin: 0;
	overflow: hidden
}
	
	ul.products-grid li {
		float: left;
		margin: 0 4px 0 0;
		width: 240px;
		position:relative
	}
	
	
#product-filters, .block-layered-nav {
	margin:40px 0 60px 16px;
/*	padding: 0 0 0 16px;*/
}

.box-collateral { padding:25px 0; }
.box-collateral h2 { background: transparent  url("../images/layout/line-dotted.gif") repeat-x left bottom; font-weight:bold; font-size:15px; padding:0 0 1px; margin:0 0 15px; }
.box-collateral { margin:0 0 25px; }


/* Rating */
.no-rating { margin:0; }

.ratings { font-size:11px; line-height:1.25; }
.ratings strong { float:left; margin:1px 3px 0 0; }
.ratings .rating-links { margin:0; float:right }
.ratings .rating-links .separator { margin:0 2px; }
.ratings dt {}
.ratings dd {}
.rating-box { width:75px; height:15px; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; }
.rating-box .rating { float:left; height:15px; background:url(../images/layout/rating-stars.gif) 0 100% repeat-x; }
.ratings .rating-box { float:left; margin-right:3px; }
.ratings .amount {}

.ratings-table th,
.ratings-table td { font-size:11px; line-height:1.15; padding:3px 0; }
.ratings-table th { font-weight:bold; padding-right:8px; }


/* Block: Reviews */
.box-reviews dl { margin:15px 0; }
.box-reviews dt a,
.box-reviews dt span { font-weight:bold; }
.box-reviews dd { padding: 5px 0; margin:10px 0 30px; border-bottom:1px solid #e5dcc3; }
.box-reviews dd small { font-style:italic; }
.box-reviews .form-add { margin:15px 0 0; }
.box-reviews .form-add h3 { font-size:13px; font-weight:normal; text-transform: none }
.box-reviews .form-add h3 span { font-weight:bold; }
.form-add h4 { font-size:12px; text-transform: none; margin: 5px 0 5px }
.box-reviews .form-add .data-table td { text-align:center; }
.box-reviews .form-add .form-list { margin:15px 0 0; padding:0 }
.box-reviews .form-add .form-list .input-box { width:360px; }
.box-reviews .form-add .form-list input.input-text,
.box-reviews .form-add .form-list textarea { width:354px; }
.box-reviews .form-add .form-list li {list-style: none}

.buttons-set button {
	float:right
}

.buttons-set .f-left {
    margin: 0 0 0 10px;
    padding: 0 0 0 14px;
}

#review-buttons-container .f-left {
	float:left;
    margin: 20px 0 10px 0;
    padding: 0 0 0 10px;
    background: transparent  url("../images/layout/icon-arrows.png") no-repeat -200px -209px;
}

#review-buttons-container .please-wait {
	margin:20px 20px 0 20px
}

#checkout .buttons-set button {
	float:left
}

#checkout .buttons-set .btn-checkout {
	float:right
}

.category-products .tax-details {
	display:none;
}

.category-products .delivery-time-details {
	display: none;	
}

.category-products .short-description {
	font-size: 80%
}

.product-view .tax-details {
	display:none;
}

.product-view .product-name h1 {
	padding:0
}

.data-table {
    /*border: 1px solid #BEBCB7;*/
    width: 100%;
}

.data-table td.last, .data-table th.last {
    border-right: 0 none;
}
.data-table tr.last th, .data-table tr.last td {
    border-bottom: 0 none !important;
}

.data-table td {
    padding: 3px 8px;
}
.data-table thead th {
    font-weight: bold;
    padding: 10px;
    vertical-align: middle;
    white-space: nowrap;
    font-size:12px;
}

.data-table thead th.wrap {
    white-space: normal;
}
.data-table thead th a, .data-table thead th a:hover {
    color: #FFFFFF;
}

.data-table thead th .tax-flag {
    font-size: 11px;
    white-space: nowrap;
}

.data-table h3.product-name {
	background:none !important;
	padding: 0 0 10px !important;
}

.data-table tfoot td {
    padding-bottom: 10px;
    padding-top: 1px;
}

.data-table tbody th, .data-table tbody td {
    border-bottom: 1px solid #D9DDE3;
    /*border-right: 1px solid #D9DDE3;*/
}

.data-table tbody.odd tr td, .data-table tbody.even tr td {
    border-bottom: 0 none;
}
.data-table tbody.odd tr.border td, .data-table tbody.even tr.border td {
    border-bottom: 1px solid #D9DDE3;
}
.data-table tbody td .option-label {
    font-style: italic;
    font-weight: bold;
}
.data-table tbody td .option-value {
    padding-left: 10px;
}

.data-table .order-details {
	width: 150px
}

.block-layered-nav .block-title, .block-layered-nav .block-subtitle {
	display:none;
}

.currently .block-subtitle {
	display: block;
	color: #000000;
    font-weight: bold;
    padding: 0.8em 0 0.1em;
    margin:0;
    text-transform: none;
}

.currently li {
	background: transparent  url("../images/layout/line-dotted.gif") repeat-x left bottom;
	padding: 3px 0 6px 0;
}

.currently .label {
	color: #000000;
    font-weight: bold;
}

.currently .actions {
	padding: 4px 0 0 10px;
	background: transparent  url("../images/layout/icon-arrows.png") no-repeat -200px -5px;
}

.filter {
	background: transparent  url("../images/layout/line-dotted.gif") repeat-x left top;
	padding: 3px 0 10px 0;
}



/* 1.4 PRODUCTS DETAIL */
/*-------------------------------------------------------------------------------*/

#shipment-lightbox {
	width: 860px;
}

.product-view {
}

.product-essential


.product-shop{
	float: right;
	width: 355px;
}

.info-row {
	background: transparent  url("../images/layout/line-dotted.gif") repeat-x left bottom;
	width: 355px;
	padding: 12px 0 5px;
	display: table;
}
	.row-label {
		display: table-cell;
		width: 140px;
		vertical-align: top;
	}
	
	.row-content {
		display: table-cell;
		width: 215px;
		vertical-align: top;
	}
	
.swatchLabel {
	display:none;
}

.swatchesContainer ul {
	padding:0;
	margin: 0 0 5px;
}

.input-box {
	margin-bottom:5px
}

#loadingImage {
	display:none;
}

.description .content, .description .sku  {
	padding:0
}

.description h4 {
	text-transform:none
}

.availability {
	display:none;
}

.cart-buttons {

	margin: 40px 0;
}


.product-shop .filter {
	background: none;
}

.rating-box {}

.rating {}

.rating-links {}

.availability {}

.price-box {
	color: #000
}

.price-box .price {
	font-weight:bold
}


.product-img-box {
	float: left;
	width: 370px;
}


ul.product-thumbs, ul.product-thumbs-related {
	list-style: none;
	padding: 0;
}

	ul.product-thumbs li {
		float:left;
		padding: 1px;
		margin: 0 10px 0 0;
		background: transparent  url("../images/layout/bg-product-thumb.gif") repeat-x left -100px;
	}

	ul.product-thumbs li.last {
		margin: 0;
	}


	ul.product-thumbs li.active {
		background: transparent  url("../images/layout/bg-product-thumb.gif") repeat-x left 0px;
	}
	
.related-products {
	margin: 40px 0 0 0;
}

ul.product-thumbs-related li {
	float: left;
	margin: 0 15px 0 0;
}

.product-view .product-img-box .product-image {
    margin: 0 0 13px;
}
.product-view .product-img-box .product-image-zoom {
    height: 250px;
    position: relative;
    width: 365px;
    z-index: 9;
}
.product-view .product-img-box .product-image-zoom img {
    cursor: move;
    left: 0;
    position: absolute;
    top: 0;
}
.product-view .product-img-box .zoom-notice {
    font-size: 11px;
    margin: 0 0 5px;
    text-align: center;
}
.product-view .product-img-box .zoom {
    background: url("../images/slider_bg.gif") no-repeat scroll 50% 50% transparent;
    cursor: pointer;
    height: 18px;
    margin: 0 auto 13px;
    padding: 0 28px;
    position: relative;
    z-index: 9;
    width:210px;
}
.product-view .product-img-box .zoom.disabled {
    opacity: 0.3;
}
.product-view .product-img-box .zoom #track {
    height: 18px;
    position: relative;
}
.product-view .product-img-box .zoom #handle {
    background: url("../images/magnifier_handle.gif") no-repeat scroll 0 0 transparent;
    height: 22px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 9px;
}
.product-view .product-img-box .zoom .btn-zoom-out {
    left: 2px;
    position: absolute;
    top: 0;
}
.product-view .product-img-box .zoom .btn-zoom-in {
    position: absolute;
    right: 2px;
    top: 0;
}

.product-view .product-img-box .more-views h2 {
	display:none;
    border-bottom: 1px solid #CCCCCC;
    font-size: 11px;
    margin: 0 0 8px;
    text-transform: uppercase;
}
.product-view .product-img-box .more-views ul {
    margin-left: -9px;
    list-style-type: none;
    padding: 0 0 0 9px;
}
.product-view .product-img-box .more-views li {
    float: left;
    margin: 0 0 8px 0;
}
.product-view .product-img-box .more-views li a {
    background: transparent  url("../images/layout/bg-product-thumb.gif") repeat-x left 0px;
    float: left;
    height: 83px;
    overflow: hidden;
    width: 83px;
    padding: 1px;
	margin: 0 7px 0 0;
}

/* 1.5 SHOPPING-CART */
/*-------------------------------------------------------------------------------*/

.cart-collaterals {
	background: transparent  url("../images/layout/line-dotted.gif") repeat-x left top;
}

.cart-collaterals .col2-set .col-1 {
	display:none;
}

.cart-collaterals .col2-set .col-2 {
	float:none;
	width:100%;
}

#discount-coupon-form .buttons-set button {
	float:right;
	margin: 0 20px 10px;
}

#discount-coupon-form .buttons-set {
	overflow:hidden
}

.cart .page-title {
	background: transparent  url("../images/layout/line-dotted.gif") repeat-x left bottom;
}

.cart h1 {
	margin: 10px;
	padding: 0 0 10px 0;
}

.cart h2 {
	text-transform: none;
	color: #999999;
}

.data-table thead {
	background: transparent  url("../images/layout/line-dotted.gif") repeat-x left bottom;
}

.data-table td {
	padding: 10px;
}

#product-review-table td {
	padding: 3px;
}

#product-review-table th {
	padding: 3px;
}

.cart fieldset, .cart table {
	margin: 0;
	padding: 0 5px;
}

.cart .discount {
	overflow:hidden;
	background: #f5f4f4 url("../images/layout/line-dotted.gif") repeat-x left top;
	padding: 15px;
}

.cart #discount-coupon-form {
	margin: 0;
}

.cart .discount label,
.cart .discount .input-box {
	float:left;
	margin: 0 30px 0 0;
}

.cart .discount #coupon_code {
	width: 150px;
}

.cart .discount .input-box a {
	margin: 10px 0;
	display:block;
}

.cart .shipping {
	overflow:hidden;
	background: transparent url("../images/layout/line-dotted.gif") repeat-x left top;
}

.cart .divider {
	background: transparent url("../images/layout/line-dotted.gif") repeat-x left top;
	width: 100%;
	height: 1px;
}

.cart .totals {
	float:right;
	padding: 0 35px;
}

.cart #shopping-cart-totals-table {

	padding: 20px 50px;
}

#shopping-cart-totals-table .a-right {
	width:150px;
}

.checkout-types {
	float:right;
}

.checkout-types li {
	list-style: none;
}

.a-right {
	text-align: right;
}

.a-center {
	text-align: center;
}

/* CHECKOUT */

a.forgotten-password {
	background: transparent  url("../images/layout/icons-general.png") no-repeat -200px -98px;
}

a.forgotten-password:hover {
	background: transparent  url("../images/layout/icons-general.png") no-repeat 0px -98px;
}

#checkout {
	overflow:hidden;position:relative
}

#checkout h1 {
	padding: 10px;
	background: transparent url("../images/layout/line-dotted.gif") repeat-x left bottom;
}

#checkout #login-form {
	padding: 10px 0;
}

#checkout #login-form h2 {
	padding: 0 0 5px;
	margin: 0 0 0.6em;
	background: transparent url("../images/layout/line-dotted.gif") repeat-x left bottom;
}

#checkout .cart-empty {
	padding:10px;
}

#checkout .cart-empty a {
	text-decoration: underline
}

#review-buttons-container {
	background: transparent url("../images/layout/line-dotted.gif") repeat-x left top;
	margin: 20px 0 0 0;
	overflow:hidden;
	padding: 10px 0 0 0;
}

#checkout-step-login h4 {
	font-size:100%;
	text-transform:none
}

#checkout-step-login .input-box {
	clear:left;
}

.opc .step-title {
	background: transparent url("../images/layout/line-dotted.gif") repeat-x left bottom;
	overflow:hidden;
	color:#fff;
	padding: 5px 0 5px 10px;
	font-weight:bold;
	line-height: 18px;
}

.opc .step-title .number {
	float:left;
	background: #000;
	padding: 1px 6px;
}

.opc .allow {
	cursor:pointer;
}

.summary-total {
	display:none
}

.opc .step-title h2 {
	float:left;
	padding: 1px 0 0 10px;
	font-size: 100%;
}

.opc .step h3 {
	text-transform: none;
	background: transparent url("../images/layout/line-dotted.gif") repeat-x left bottom;
}

.opc .step-title a {
	display:none;
    float: right;
    font-size: 11px;
    padding: 0 39px 0 0;

}

.opc .step {
	font-size:12px;
	padding: 0 39px 15px;
    position: relative;
    overflow:hidden;
    background: transparent url("../images/layout/line-dotted.gif") repeat-x left bottom;
}

.opc ul {
	padding:0;
}

.opc #opc-billing .wide label{
	padding: 10px 0;
	font-weight:normal;	
}

.opc #checkout-step-shipping .wide label{
	padding: 10px 0;
	font-weight:normal;	
}

.opc #billing-new-address-form {
	margin-top: 10px;
}

.opc #shipping-new-address-form {
	margin-top: 10px;
}

.opc .address-type {
	display: block;
    margin: 5px 0;
}

.opc .form-list .field {
	float:none;
	width: auto;
}

.opc .form-list .input-box {
	clear:none;
	width: auto;
}

.opc .fields {
	width:48.5%;
	float:left;
}

.opc .postcode {
	width:40px !important;
}

.opc .city {
	width:189px !important;
}

.opc .street2 {
	width:40px !important;
}

.opc .street1 {
	width:189px !important;
}

.opc .fields label {
	width:125px;
}

.opc .fields .input-box .validation-advice{
	display:none;
}

.opc .form-list .customer-name-prefix .field {
	width: auto;
}

.opc .form-list .control {
	clear:left;
}

.opc .form-list .control input {
	margin: 6px 6px 6px 0 !important;
}

.opc .form-list label.required em {
	margin: 0 5px 0 2px;
}

.opc .form-list select {
	width: 240px;
}

.opc .form-list input.input-text {
	width: 236px;
}

.opc .form-list .input-box .checkbox {
	margin:5px 0 0 0;
}

#opc-review .step-title {
	background:none;
}

#opc-review .step {
	background:none;
}

#checkout-agreements h2 {
	font-size:100%;
}

#checkout-agreements p {
	font-size:12px;
}

.col2-set {
	overflow:hidden
}

.col2-set .col-1 {
    float: left;
    width: 48.5%;
}

.col2-set .col-2 {
    float: right;
    width: 48.5%;
}

.form-list li {
    margin: 0;
    overflow:hidden;
    list-style:none;
}
.form-list label {
    float: left;
    position: relative;
    z-index: 0;
}

.form-list label.required {
}

.form-list label.required em {
    color: #9D3A1B;
    float:right;
    margin: 0 0 0 2px;
}

.form-list li.control input.radio, input.checkbox {
    margin: 6px;
    float:left;
}

/* IE FIX */
input[type=checkbox],
input[type=radio] { border: 0px; }

table input {
	float:none !important;
	margin:0 !important;
}

.form-list li.control .input-box {
    clear: none;
    display: inline;
    width: auto;
}
.form-list .input-box {
    clear: both;
    display: block;
    width: 260px;
}
.form-list .field {
    float: left;
    width: 275px;
}
.form-list input.input-text {
    width: 254px;
}
.form-list textarea {
    height: 10em;
    width: 254px;
}
.form-list select {
    width: 260px;
}
.form-list li.wide .input-box {
    width: 535px;
}
.form-list li.wide input.input-text {
    width: 529px;
}
.form-list li.wide textarea {
    width: 529px;
}
.form-list li.wide select {
    width: 747px;
}
.form-list li.additional-row {
    border-top: 1px solid #CCCCCC;
    margin-top: 10px;
    padding-top: 7px;
}
.form-list li.additional-row .btn-remove {
    float: right;
    margin: 5px 0 0;
}
.form-list .input-range input.input-text {
    width: 74px;
}
.form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box {
    width: auto;
}
.form-list .name-prefix {
    width: 65px;
}
.form-list .name-prefix select {
    width: 55px;
}
.form-list .name-prefix input.input-text {
    width: 49px;
}
.form-list .name-suffix {
    width: 65px;
}
.form-list .name-suffix select {
    width: 55px;
}
.form-list .name-suffix input.input-text {
    width: 49px;
}
.form-list .name-middlename {
    width: 70px;
}
.form-list .name-middlename input.input-text {
    width: 49px;
}
.form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname {
    width: 140px;
}
.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text {
    width: 124px;
}
.form-list .customer-name-prefix-middlename-suffix .name-lastname {
    width: 205px;
}
.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text {
    width: 189px;
}
.form-list .customer-name-prefix-suffix .name-firstname {
    width: 210px;
}
.form-list .customer-name-prefix-suffix .name-lastname {
    width: 205px;
}
.form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text {
    width: 189px;
}
.form-list .customer-name-prefix-suffix .name-firstname {
    width: 210px;
}
.form-list .customer-name-prefix-suffix .name-lastname {
    width: 205px;
}
.form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text {
    width: 189px;
}
.form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname {
    width: 210px;
}
.form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname {
    width: 205px;
}
.form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text {
    width: 189px;
}
.form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year {
    float: left;
    width: 85px;
}
.form-list .customer-dob input.input-text {
    display: block;
    width: 74px;
}
.form-list .customer-dob label {
    color: #888888;
    font-size: 10px;
    font-weight: normal;
}
.form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month {
    width: 60px;
}
.form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text {
    width: 46px;
}
.form-list .customer-dob .dob-year {
    width: 140px;
}
.form-list .customer-dob .dob-year input.input-text {
    width: 134px;
}

.form-list {
	list-style:none;
	padding:0;
}

.fields  {
	overflow:hidden;
}

.ul li {
	margin: 0 0 6px;
}

.sp-methods {
    margin: 0 0 8px;
}
.sp-methods dt {
    margin: 8px 0 5px;
}
.sp-methods dd {
	list-style: none;
}

.sp-methods fieldset {
	margin:0;
}

.sp-methods label {
	height: 15px;
}

.sp-methods dd li {
    margin: 5px 0;
    list-style: none;
}
.sp-methods .form-list {
    /*padding-left: 20px;*/
}
.sp-methods .form-list li {
    margin: 0 0 8px;
}
.sp-methods select.month {
    margin-right: 10px;
    width: 154px;
}
.sp-methods select.year {
    width: 96px;
}
.sp-methods input.cvv {
    width: 3em !important;
}

.sp-methods input {
	float:left;
	margin: 7px
}
.sp-methods .checkmo-list li {
    margin: 0 0 5px;
}
.sp-methods .checkmo-list label {
    padding-right: 10px;
    text-align: right;
    width: 135px;
}
.sp-methods .checkmo-list address {
    float: left;
}
.sp-methods .centinel-logos a {
    margin-right: 3px;
}
.sp-methods .centinel-logos img {
    vertical-align: middle;
}
.sp-methods .release-amounts {
    margin: 0.5em 0;
}
.sp-methods .release-amounts button {
    float: left;
    margin: 5px 10px 0 0;
}

#checkout-review-table span.price {
	float:right;
}

.item-options dt {
	height: 18px;
	width:80px;
	float:left;
	font-size:12px;
}

.item-options dd {
	height: 18px;
	font-size:12px;
}

#checkout-review-table-wrapper {
	 background: transparent url("../images/layout/line-dotted.gif") repeat-x left bottom;
	 margin: 0 0 10px;
}

#checkout h2.product-name {
	margin:0 0 3px;
}

#checkout .sku {
	font-size: 80%;
	margin: 0 0 15px;
}

/* 1.6 IMPRESSUM, AGB, DATENSCHUTZ */
/*-------------------------------------------------------------------------------*/

#impressum, #agbs {
	padding:40px;
	line-height: 1.4em;
}

#agbs ol {
	margin: 0 0 0 18px;
	list-style-type: decimal;
}

#agbs li {
	padding: 0 0 10px;
	list-style-type: decimal;
}

.agreement-content {
	padding:40px;
	line-height: 1.4em;
}

.agreement-content  ol {
	margin: 0 0 0 18px;
	list-style-type: decimal;
}

.agreement-content  li {
	padding: 0 0 10px;
	list-style-type: decimal;
}


/* 1.6 EINKAUFSLEITFADEN */
/*-------------------------------------------------------------------------------*/

.competence-info {
	padding: 35px 0 0 0;
}

#leitfaden-header {
	background: transparent url("../images/layout/line-dotted.gif") repeat-x left bottom;
	overflow: hidden
}

#shoppinginfo-content h1 {
	background:none
}

#shipment-lightbox ul {
	margin: 10px;
	color:#000;
	line-height: 1.3em
}

/* 1.6 LIGHTBOX STANDARD */
/*-------------------------------------------------------------------------------*/

.lightbox h1 {
	font-size: 140%;
	padding: 30px 20px 10px 20px;
	background: transparent url("../images/layout/line-dotted.gif") repeat-x left bottom;
}

.lightbox {
	width: 860px;
	padding-bottom: 70px;
}

.lightbox .left {
	float:left
}

.lightbox .right {
	float:right
}

.lightbox #tabs {
	clear:both
}

.lightbox .ranken-oben {
	background: transparent url("../images/layout/ranken-dunkel-leitfaden.gif") no-repeat;
	position: absolute;
	height: 33px;
	width: 138px;
	left:300px	
}

.lightbox .ranken-unten {
	background: transparent url("../images/layout/ranken-unten-leitfaden.gif") no-repeat;
	position: absolute;
	height: 69px;
	width: 851px;
	left:0;
	bottom:0;
	z-index: -5;
}

.lightbox .ui-tabs-hide {
	display:none;
}

.lightbox .ui-tabs-nav {
	padding:10px 20px 20px 20px;
	background: transparent url("../images/layout/line-dotted.gif") repeat-x left bottom;	
}

.lightbox .ui-tabs-panel {
	padding: 20px 20px 0 20px;
	color:#000;
	line-height: 1.3em
}

.lightbox .ui-tabs-panel ul {
	margin: 10px 0 0 0
}

.lightbox ul {
	margin: 10px 0 0 0
}

.lightbox ol {
	margin: 10px 0 0 35px;
	list-style-type:decimal;
}

.lightbox li {
	margin: 0 0 1em 0
}

.lightbox .ui-tabs-panel ol {
	margin: 10px 0 0 35px;
	list-style-type:decimal;
}

.lightbox .ui-tabs-panel li {
	margin: 0 0 1em 0
}

.lightbox .bold {
	font-weight:bold;
}

.lightbox .ui-tabs-nav li {
	display:inline;
	font-size: 115%;
	padding: 1em 0 0.6em 0;
	font-weight:bold;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0 25px 0 0;
}

.lightbox .ui-state-active a {
	color:#000000 !important;
	/*background: transparent url("../images/layout/icons-general.png") no-repeat 3px 5px;*/
}

.lightbox .ui-tabs-nav li a {
	color: #999999
}

.lightbox .ui-tabs-nav li a:hover {
	color: #999999;
	text-decoration:none
}

/* 1.6 SIZETABLE LIGHTBOX */
/*-------------------------------------------------------------------------------*/

.sizetable {
	background: transparent url("../images/layout/icons-general.png") no-repeat 3px 5px;
	overflow:hidden;
	padding: 0 0 0 20px;
	width: 150px
}

#sizetable-lightbox table {
	margin: 20px
}

#sizetable-lightbox td {
	padding: 5px 4px 5px 5px;
}

#sizetable-lightbox p {
	margin: 0
}

#sizetable-lightbox .thead {
	background: transparent url("../images/layout/line-dotted.gif") repeat-x left bottom;	
}

/* 1.6 WISHLIST */
/*-------------------------------------------------------------------------------*/

.btn-share {
	display:none
}

.my-wishlist p {
	padding: 10px;	
}

.my-wishlist .data-table td {
    padding: 10px;
}

.my-wishlist .data-table p {
    padding: 0
}

.my-wishlist .product-image {
    display: block;
    height: 113px;
    margin: 0 0 5px;
    width: 113px;
}

.my-wishlist .product-name {
	background: none;
	padding: 0 0 5px 0
}

.my-wishlist textarea {
    display: block;
    height: 109px;
    width: 97%;
}

.my-wishlist .buttons-set {
    margin-top: 2em;
}

#wishlist-table .add-to-links {
    white-space: nowrap;
}

.my-wishlist .product-info {
	padding: 10px 0;
}

.my-wishlist .comment {
	width: 200px;
}

.my-wishlist button {
	margin: 0 5px;
}

/*
 * 	Newsletter
 */
.block-subscribe .input-box {
	width: 221px;
	padding-top: 3px;
	float:right;
	clear:none;
	margin: 0 5px 0 0
}

.block-subscribe .input-text {
	width:100%;
}

.block-subscribe .field {
	width:100%;
}

.block-subscribe label {
	float:left;
	display:block;
	color: #000
}

.block-subscribe .actions {
	clear:both;
}

.block-subscribe button {
	margin: 20px 0;
	float:right;
	height: 34px;
    width: 170px;
}

/* 1.6 CONTACT / CMS */
/*-------------------------------------------------------------------------------*/

.contact h3 {
    font-size: 100%;
    letter-spacing: 0;
    padding: 0;
    text-transform: none;
    margin: 0 0 1em 0;
}

.contact td {
	padding: 15px
}

.cms .std p {
	padding: 0;
	color:#000;
}

.cms .std ol {
	margin: 0 0 0 18px;
	list-style-type: decimal;
}

.cms .std li {
	padding: 0 0 10px;
	list-style-type: decimal;
}

.std table {
	width:100%
}

.std .col-1 {
	background: transparent url("../images/layout/line-dotted-vertical.gif") repeat-y right;
}

.std .col-2 {
	padding: 0 10px;
}

#contactForm  {
	float:left;
	width:48.5%;
	padding: 0 15px 0 0;
	background: transparent url("../images/layout/line-dotted-vertical.gif") repeat-y right;
	margin: 0 15px 0 0;
	height:510px
}

#contactForm .input-box {
	width: 221px;
	padding-top: 3px;
	float:right;
	clear:none;
	margin: 0 5px 0 0
}

#contactForm .input-text {
	width:100%;
}

#contactForm .field, #contactForm .wide {
	width:100%;
}

#contactForm textarea {
	width: 100%
}

#contactForm label {
	float:left;
	display:block;
	color: #000
}

.leftcol {
	background: transparent url("../images/layout/line-dotted-vertical.gif") repeat-y right;
}

.contact .leftcol {
	padding-left: 0;
}

/* EMAIL TO A FRIEND /*
 * 
 */

#product_sendtofriend_form {
	overflow:hidden;
	width: 550px
}

#product_sendtofriend_form button {
	margin: 0 0 0 10px;
}

/* 1.6 SONSTIGES, WEITERS, ANDERWERTIGES */
/*-------------------------------------------------------------------------------*/

.please-wait {
	float: left;
	margin: 11px 11px 0 11px;
}
.please-wait img {
    vertical-align: middle;
}

.validation-advice {
    /*background: url("../images/validation_advice_bg.gif") no-repeat scroll 2px 0 transparent;*/
    clear: both;
    color: #9D3A1B;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    margin: 3px 0 0;
    min-height: 13px;
    /*padding-left: 17px;*/
}

.validation-failed {
    background: none repeat scroll 0 0 #FAEBE7 !important;
    border: 1px dashed #9D3A1B !important;
}

.opc .buttons-set p.required {
    margin: 0;
    padding: 0 0 10px;
}

.buttons-set p.required {
    margin: 0 0 10px;
}

p.required {
    color: #9D3A1B;
    font-size: 11px;
}

.back-link small {
    display: none;
}


/*_______________________________________________________________________________*/
/* 2. STYLES */
/*-------------------------------------------------------------------------------*/

h1, h2, h3, h4 {
	font-family: Arial, Verdana, sans-serif;
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
}

h1 {
	font-size: 150%;
	padding: 0 0 1em 0;	
	line-height: 1.2em
}

h2 {
	font-size: 130%;
	padding: 1em 0 0.6em 0;
}

h3 {
	font-size: 120%;
	padding: 0.8em 0 0.4em 0;
}

h4 {
	padding: 0.8em 0 0.4em 0;
}

.clearer {clear:both;}


p, ul {
	margin: 0 0 14px 0;
}

#page, #footer, #news-container, #product-content {
	line-height: 125%;
}


ul {
	padding: 0 0 0 20px;
	list-style:disc;
}

ul li {
	padding: 0;	
}


strong {font-weight:bold;}


table {
	margin: 0 0 14px 0;
}

td {
	padding: 5px 4px 5px 0;
	vertical-align:top;
}


small {
	font-size:80%;
	font-style:italic;
	margin:5px 0 4px 0;
	display: block;
}

a {color: #000; text-decoration: none;}
a:visited {color:#000;}
a:hover {color: #9d3a1b; text-decoration: underline;}
a:active { color:#9d3a1b;}


.img-right {
	float: right;
	margin: 0 0 0 20px;
}

.img-left {
	float: left;
	margin: 0 20px 0 0px;
}

.intro {
	font-size: 120%;
	color: #000;
	line-height: 125%;
}

img.intro-img {
	margin: 0 0 12px 0;
}

/*Footer*/


#footer h3 {
	letter-spacing: 0;
	text-transform: uppercase;
	padding:0;
	font-size: 100%;	
}

#footer p {
	padding: 0 0 12px 0;
	color: #000;
}


.social-links h3{
	display: inline;
}

.social-links img{
	margin: 0 4px;
	vertical-align: middle;
}

.sep {margin: 0 4px;}

/* 2.1 BUTTONS */
/*-------------------------------------------------------------------------------*/


/* 2.2 PRODUCTS */
/*-------------------------------------------------------------------------------*/


.category-title h1{
	float: left;
	width: 70%;
}

.amount-title span.amount{
	width: 25%;
	text-align: right;
	font-size: 150%;
	font-weight: bold;
	color: #000;
	padding: 0 6px 1em 0;
	margin: 0;
}

.pages {
	margin: 1em 0;
	color: #000
}

.pages .current {
	font-weight:bold
}

.pager ol li {
	display: inline;
	padding: 0 6px 0 0px;
}

.pager ol {
	margin-left: 5px;
}


	a.prev  {
		margin: 0 6px 0 4px;
	}
	.pager a.next,  {
		margin: 0 4px 0 6px;
		text-indent: -9999px;
		display: block;
		
	}


.products-bottombar .category-title h3{
	float: none;
	width: 70%;
	display:inline;
	padding: 0 !important;
	margin: 0;
}


	.fb-like img {
		vertical-align: middle;
		padding: 0 0 0 12px; 
	}
	
	.products-bottombar .amount {
		float: none;
		font-size: 120% !important;
	}


h2.product-name {
	font-size:12px;
	padding: 0;
}

	h2.product-name a {
		text-decoration: none;
	}
	

h3.product-name {
	padding:0;
	font-size:12px;
}

/* Filter */


.block-layered-nav dt {
	text-transform: none;
	padding-bottom: 6px;
    padding: 0.8em 0 0.4em;
    color: #000000;
    font-weight: bold;
}

.btn-remove {
    background: url("../images/btn_remove.gif") no-repeat scroll 0 0 transparent;
    display: block;
    font-size: 0;
    height: 11px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 11px;
    float:right;
    margin: 3px
}

.float-clearer {
	clear:both;
	margin:0;
}

.block-layered-nav .block-content  {
	background: transparent  url("../images/layout/line-dotted.gif") repeat-x left top;
}

#narrow-by-list {
	clear:both
}

#narrow-by-list dd ol ul, .size ul {
	list-style: none;
	padding: 0;
}
	
	#narrow-by-list dd ol li {
		float: left;
		width: 14px;
		border: 1px solid #000;
		margin: 0 3px 3px 0;
	}
	
	#narrow-by-list dd ol li.shoe_size {
		float: left;
		width: 14px;
		border: none;
		margin: 0 3px 3px 0;
		border: 1px solid #000000;
		padding: 0 3px 4px 2px;
	}
	
	#narrow-by-list dd ol li a {
		display:block;
		width: 12px;
		height: 12px;
		border: 1px solid #fff;
	}
	
	#narrow-by-list dd {
		background: transparent  url("../images/layout/line-dotted.gif") repeat-x left bottom;
		overflow:hidden;
		padding: 0 0 5px
	}	


.color a.blue		{background: blue;}
.color a.yellow		{background: yellow;}
.color a.green		{background: green;}

.size ul li{
	float: left;
	width: 16px;
	margin: 0 3px 3px 0;

	text-align: center;
}

.size ul li a {
	display:block;
	background: #fff;
	width: 14px;
	height: 14px;
	border: 1px solid #000;


}

.size ul li span{
	font-size:80%;

}



.reset {
	clear: both;
	display: block;
	background: transparent  url("../images/layout/icon-arrows.png") no-repeat -200px -6px;
	padding: 4px 0 0px 12px;
}




/* 2.2 PRODUCTS DETAIL */
/*-------------------------------------------------------------------------------*/

.description h3{
		text-transform: none;
}	

a.size-chart, a.shipment-info {
	padding: 0px 0 0 18px;
	clear: both;

}


a.size-chart {
	background: transparent  url("../images/layout/icons-general.png") no-repeat -200px 3px;
}

a.size-chart:hover {
	background: transparent  url("../images/layout/icons-general.png") no-repeat 0px 3px;
}


a.shipment-info {
	background: transparent  url("../images/layout/icons-general.png") no-repeat -200px -98px;
}

a.shipment-info:hover {
	background: transparent  url("../images/layout/icons-general.png") no-repeat 0px -98px;
}


.size-chart {}


.product-shop .size ul li{
	width: 32px;
	margin: 0 2px 2px 0;
}

.product-shop .size ul li a {
	background: #fff;
	width: 30px;
	height: 30px;
	border: 1px solid #000;
}

.product-shop .size ul li a {
	text-decoration: none;
}

	.product-shop .size ul li a.active {
		background: #535353;
		color: #fff;
	}

	.product-shop .size ul li a.out{
		border: 1px solid #858585;
		color: #858585;
	}



.product-shop .size ul li span{
	font-size:100%;
	vertical-align: middle;

}

.product-options-bottom {
	margin: 15px 0;
	padding: 0 0 15px;
	overflow:hidden;
	background: transparent  url("../images/layout/line-dotted.gif") repeat-x left bottom;
}

.product-options-bottom ul li {
	list-style: none;
	padding:0;
}

.product-options-bottom ul {
	padding:0;
}

.social-icons a {
	display:block;
	text-indent: -99999em;
	float:left
}

.social-icons .mail {
	background: transparent  url("../images/layout/icons-social.gif") no-repeat 0px 0px;
	height: 15px;
	width: 17px;
}

.social-icons .print {
	background: transparent  url("../images/layout/icons-social.gif") no-repeat -19px 0px;
	height: 15px;
	width: 26px;
}

.social-icons .facebook {
	background: transparent  url("../images/layout/icons-social.gif") no-repeat -50px 0px;
	height: 15px;
	width: 65px;
}

/* 2.3 PRESSE */
/*-------------------------------------------------------------------------------*/

.download-link {
	background: transparent url('../images/layout/icon-arrow-press.png') no-repeat right 5px;
	margin: 0 20px 0 0;
    padding: 0 9px 0 0;
}

.download-link a {
	text-decoration: none	
}

/* 2.3 STARTSEITE */
/*-------------------------------------------------------------------------------*/


.field-set {
	float:left;
	margin: 0 0 10px;
}

.news-item h2 {
	font-size: 110%;
	padding: 0em 0 0.6em 0;
}


/* 3 NAVIGATION */
/*-------------------------------------------------------------------------------*/


#nav {
}

.vertnav-container .no-display {
	display:none;
}

.cms-menu-block {
	margin: 20px 0 30px 0;
}

ul#vertnav, ul.cms-menu  {
	padding: 0;
	margin: 0;
	list-style:none;
}

	 ul#vertnav li, ul.cms-menu li {
		padding: 0 0 8px 0;
	}
	
	 ul#vertnav li a, ul.cms-menu li.parent a {
		font-size: 110%;
		text-decoration: none;
		padding: 6px 6px 4px 16px ;
		text-transform: uppercase;
		font-weight: bold;
		cursor: pointer;
	}
	
	ul#vertnav li a {
		color: #000;
		background: transparent url("../images/layout/icon-arrows.png") no-repeat left -200px;
	}
	
	ul#vertnav li a.toggled {
		color: #000;
		background: transparent url("../images/layout/icon-arrows.png") no-repeat left 0;
	}
	
	ul.cms-menu li.parent a {
		color: #999999;
		background: transparent url("../images/layout/icon-arrows.png") no-repeat left -600px;
	}
	
	ul.cms-menu li.parent a.toggled {
		color: #999999;
		background: transparent url("../images/layout/icon-arrows.png") no-repeat left -400px;
	}
			
	
	 ul#vertnav li a.on {
		background: transparent  url("../images/layout/icon-arrows.png") no-repeat left 0px;
	}

	 ul#vertnav li li a, ul.cms-menu li.parent li a, ul.cms-menu span.active {
		color: #000;
		font-size: 100%;
		text-decoration: none;
		padding: 6px 6px 4px 22px ;
		text-transform: none;
		font-weight: normal;
		background: transparent  url("../images/layout/icon-navbullet.png") no-repeat 12px 11px;

	}
	
	ul.cms-menu span.active {
	    background: url("../images/layout/icon-navbullet.png") no-repeat scroll 12px -4px #9D3A1B;
	    color: #FFFFFF;
	    display: block;
	    height: 14px;
	    margin: 0;
	    padding: 0 0 3px 21px;
	    width: 150px;
	}
	
	 ul#vertnav li li a:hover {
	}

	 ul#vertnav ul, ul.cms-menu ul {
	 	list-style: none;
		background: transparent  url("../images/layout/line-dotted.gif") repeat-x left bottom;
		padding: 10px 0;
	}
	
	ul#vertnav .active .vertnav-cat a {
	    background: url("../images/layout/icon-navbullet.png") no-repeat scroll 12px -4px #9D3A1B;
	    color: #FFFFFF;
	    display: block;
	    height: 14px;
	    margin: 0;
	    padding: 0 0 3px 21px;
	    width: 120px;
	 }

.block-title {
	display:none;
}

.navigation-pages, .navigation-company {
	margin: 22px 0;
	

}

	 .navigation-pages ul.nav li a, .navigation-company ul.nav li a {
		color: #999999;
		background: transparent  url("../images/layout/icon-arrows.png") no-repeat left -600px;

	}
	 .navigation-pages ul.nav li a.on, .navigation-company ul.nav li a.on {
		background: transparent  url("../images/layout/icon-arrows.png") no-repeat left -400px;
	}

	 .navigation-pages ul.nav li li a, .navigation-company ul.nav li li a {
		background: transparent  url("../images/layout/icon-navbullet.png") no-repeat 12px 11px;

	}



/* 3.1 UTIL NAVIGATION */
/*-------------------------------------------------------------------------------*/


ul.links {
	padding: 60px 0 0 0;
	list-style: none;
}

ul.links li {
	padding: 3px 0;
	display:inline;
}

ul.links li a {
	color: #000;
}

ul.links li.first  {
	margin-left:3px;
}

li.cart a {
	width: 90px;
	float: right;

}

/* 4 FORMULARE */
/*-------------------------------------------------------------------------------*/

form {
	margin: 0 0 10px 0;
	padding: 0px;
}

fieldset {
	margin: 0 0 15px 0;
	padding: 0;
}


input, select, textarea {
	font-family: Arial, Verdana, sans-serif;
	color: #999999;
	color:#000;
	padding: 1px;
	border: 1px solid #999999;
	font-size:12px;
}

label {
	padding: 6px 0 2px 0;
	display:block;
}

.back-link {
    margin: 20px 0 10px 0;
    padding: 0 0 0 10px;
    background: transparent  url("../images/layout/icon-arrows.png") no-repeat -200px -209px;
}

.opc .back-link {
	float:left;
    margin: 11px 11px 0 0;
    padding: 0 0 0 10px;
    background: transparent  url("../images/layout/icon-arrows.png") no-repeat -200px -209px;
}

.link-print {
	margin:10px !important;
	line-height: 1.4em !important;
}

.back-link small {
	display:none;
}

button {
	background: #000;
	color: #fff;
	border: 0px;
	cursor: pointer;
	padding: 0;

}

button.cart, button.wishlist, .buttons-set button, button.btn-checkout, .block-cart button {
	width: 170px;
	height: 34px;
}

.btn-update {
	margin: 0 20px;
	padding: 3px;
}

button.cart {
	float:right;
}

/*Search*/

#search_mini_form button {
	float:left;
	width: 18px;
	height: 17px;
	border: 0px;
	cursor: pointer;
	background: transparent  url("../images/layout/button-arrow.png") no-repeat left top;
	text-indent: -99999em
}

#search_mini_form button:hover {
	background: transparent  url("../images/layout/button-arrow.png") no-repeat left -30px;
}

#search_mini_form input#search {
	float:left;
	width: 150px;
	color: #999;
	height: 13px;
	margin:0 5px 0 0;
	padding-left:16px;
}

.form-search .search-autocomplete ul {
    background-color: #F9F5F0;
    border: 1px solid #5C7989;
    padding: 0;
}
.form-search .search-autocomplete li {
    border-bottom: 1px solid #F4EEE7;
    cursor: pointer;
    padding: 2px 8px 1px;
    text-align: left;
    list-style:none;
}
.form-search .search-autocomplete li .amount {
    float: right;
    font-weight: bold;
}
.form-search .search-autocomplete li.odd {
    background-color: #9D3A1B;
}
.form-search .search-autocomplete li.selected {
    background-color: #9D3A1B;
}

.catalogsearch-result-index .block-layered-nav {
	height:0:
	width:0;
	overflow:hidden;
	display:none;
}

.success-msg {
    background-color: #EFF5EA;
    background-image: url("../images/i_msg-success.gif");
    border-color: #446423;
    color: #9D3A1B;
}

.error-msg {
    background-color: #FAEBE7;
    background-image: url("../images/i_msg-error.gif");
    border-color: #F16048;
    color: #9D3A1B;
}

.success_content {
	padding:10px;
	overflow:hidden;
}

.welcome-msg, .box-account {
	padding:10px;
}

.box-title h3 {
	float:left;
	padding: 0;
}

.dashboard .box .box-title {
    background: transparent  url("../images/layout/line-dotted.gif") repeat-x left bottom;
    margin: 0 0 8px;
    text-align: right;
}

.box-content {
	line-height: 1.5em;
}
.my-account {
	overflow:hidden;
	padding: 0 0 20px 0
}

.my-account .amount-title,
.my-account .pager,
.my-account .order-info,
.my-account .order-date,
.my-account .order-info-box,
.my-account .order-details {
	padding: 0 10px 0 10px !important;	
}

.my-account .col2-set {
	 margin: 0 0 10px 0;
}

.my-account .amount-title {
	margin: 10px 0 0 0
}

.my-account .pager .amount {
	float:left;
	margin:1em 0;
}

.my-account .pager-navigation {
	float:right;
	margin:0;
}

.my-account .title-buttons h1 {
	float:left;
	background:none !important;
}

.my-account .title-buttons a {
	float:right;
	padding:10px;	
}

.my-account .title-buttons {
	overflow:hidden;
	background: transparent  url("../images/layout/line-dotted.gif") repeat-x left bottom;
}

.my-account .order-info {
	display:none;
}

.my-account .order-name {
	width:240px;
}

.my-account address {
	line-height: 1.4em;
}

.my-account .buttons-set, .account-login .buttons-set {
	padding:10px;
}

#checkout .messages {
	padding: 0 10px;
}

.my-account h2 {
	background: transparent  url("../images/layout/line-dotted.gif") repeat-x left bottom;
	margin: 0 0 10px 0;
	text-transform: none;
}

.my-account h3, .my-account h4 {
	text-transform: none;
	padding: 5px 0;
}

.my-account .box-title a,
.my-account .box-content a,
.my-account .title-buttons a,
.my-account #my-orders-table .order-details a,
.my-account .box-head a,
.my-account .addresses-list a {
	background: none repeat scroll 0 0 black;
    color: #FFFFFF !important;
    font-size: 12px;
    padding: 3px 4px;
    text-decoration: none;
    line-height:2.4em
}

.my-account #my-orders-table .order-details a {
	line-height:2.5em
}

.my-account .addresses-list li {
	padding: 0 0 5px;
	display:block;
	width: 48.5%;
	float:left
}

.my-account .addresses-list ol {
	overflow:hidden
}

.my-account .addresses-list p {
	margin:0;
}

.my-account p.back-link {
	float:left;
    margin: 11px 11px 0 0;
    padding: 0 0 0 10px;
    background: transparent  url("../images/layout/icon-arrows.png") no-repeat -200px -209px;
}

.addresses-list {
	overflow:hidden;
	padding: 10px;
}

.content {
	padding:10px;
}

.content p {
	line-height:1.5em;
}

.messages,
.messages ul {
	padding:0;
	margin: 10px 0 0 0;
	list-style:none;
	overflow:hidden;
}

.messages li {
    width:100%; 
    margin: 0 0 10px;   
}

.cms-home .messages li {
    width:auto;
    margin: 0 0 10px;   
}

.error-msg, .success-msg, .note-msg, .notice-msg {
	background: transparent  url("../images/layout/line-dotted.gif") repeat-x left bottom;
    font-size: 11px !important;
    font-weight: bold !important;
    padding: 0 8px 0 0 !important;
    margin: 0 0 0 0 !important;
    list-style: none;
    float:left;
}

#form-validate {
	overflow:hidden;
	padding: 10px;
}

#ajax-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#ajax-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../images/loading.gif') no-repeat;
}
