/* ------------------------------ STYLESHEET FOR TEXTILHANDEL.DE ------------------------------ */

* {
	margin: 0;
	padding: 0;
	/*list-style-type: none;*/
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Sans Serif;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	min-width: 1000px;
	height: 100%;
	background-color: #f2f2f2;
}


/* ------------------------------ BASIC LAYOUT ------------------------------ */

#header-wrap {
	position: relative;
	margin: 0 auto;
	background: #222 url(../images/head_bg.gif) left bottom repeat-x;
}

#header {
	position: relative;
	width: 976px;
	text-align: left;
	margin: 0 auto;
	background: url(../images/head_glow.jpg) center top no-repeat;
}

#billboard-wrap {
	position: relative;
	margin: 0 auto;
	background: #fff url(../images/billboard_bg.gif) left bottom repeat-x;
}

#billboard {
	position: relative;
	width: 976px;
	height: 480px;
	text-align: left;
	margin: 0 auto;
}

#billboard:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	
}

#content-wrap {
	position: relative;
	margin: 0 auto;
	background-color: #fff;
	min-height: 401px;
	height: auto !important;
	height: 401px;
}

#content {
	position: relative;
	width: 976px;
	text-align: left;
	margin: 0 auto;
}

#content:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#promos {
	padding-top: 30px;
	float: left;
	clear: both;
}

#main {
	float: left;
	width: 800px;
}

#left {
	margin-right: 24px;
	padding-top: 30px;
	padding-bottom: 36px;
	width: 176px;
	float: left;
	clear: both;
}

#right {
	padding-top: 30px;
	padding-bottom: 36px;
	width: 576px;
	float: left;
}

#sidebar {
	width: 176px;
	float: left;
}

#footer-wrap {
	clear: both;
	height: 800px;
	background: url(../images/foot_bg.gif) left top repeat-x;
}

#footer {
	width: 976px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	color: #686868;
}


/* ------------------------------ TYPOGRAPHY ------------------------------ */

td {
	vertical-align: top;
}

input, textarea {
	font-family: Arial, Helvetica, Sans Serif;
	font-size: 12px;
	line-height: 18px;
}

h1 {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 18px;
	line-height: 22px;
	padding: 0px 0 2px 0;
	margin-bottom: 3px;
}

h2, h3, h4 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}

strong.highlight {
	font-size: 18px;
	line-height: 27px;
}

h4, .section-info {
	color: #b2b2b2;
	text-transform: uppercase;
	font-size: 9px;
	line-height: 15px;
	border-bottom: 1px solid #dadada;
	padding: 8px 0 0 0;
	margin: 0 0 3px 0;
}

h4.plain {
	border: 0;
	margin-bottom: 4px;
}

p {
	
}

.grey {
	color: #b2b2b2;
}

input, select, textarea {
	vertical-align: middle;
	color: #171717;
	line-height: 14px;
	padding: 3px 0 3px 0;
}

textarea {
	padding-right: 3px;
}

a img {
	border: 0;
}


/* ------------------------------ LINKS ------------------------------ */

a:link, a:active, a:visited {
	text-decoration: none;
	color: #000;
}

a:hover {
	color: #fff;
	background-color: #171717;
}

a.icon:hover {
	color: #000;
	background-color: transparent;
}


/* ------------------------------ GRID ------------------------------ */

table {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

ul {
	list-style-type: none;
}

ul, li {
	margin: 0;
	padding: 0;
	border: 0;
}

.row {
	display: block;
	clear: both;
}

.row:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.hidden {
	display: none;
}

.col {
	position: relative;
	display: block;
	float: left;
}

.tabbed {
	margin-left: 24px;
}

.half-unit {
	width: 76px;
}

.one-unit {
	width: 176px;
}

.two-units {
	width: 376px;
}

.three-units {
	width: 576px;
}

.four-units {
	width: 776px;
}

.one-subunit {
	width: 126px;
}

.two-subunits {
	width: 276px;
}

.three-subunits {
	width: 426px;
}

input.one-unit, select.one-unit {
	width: 170px;
}

input.two-units, select.two-units {
	width: 370px;
}

input.three-units, select.three-units {
	width: 570px;
}

input.one-subunit, select.one-subunit {
	width: 120px;
}

input.two-subunits, select.two-subunits {
	width: 270px;
}

.pos-left {
	text-align: left;
	 }
.pos-center {
	text-align: center;
}

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

.bg-white {
	background-color: #fff;
}

.bg-light-grey {
	background-color: #f7f7f7;
}

.bg-grey {
	background-color: #e0e0e0;
}

.bg-striped {
	background: url(../images/stripes-dadada.gif);
}

.bg-striped-grey {
	background: url(../images/stripes-dadada.gif);
}

.offset-t {
	padding-top: 18px;
}

h4.offset-t, h2.offset-t {
	padding-top: 26px;
}

.offset-b {
	margin-bottom: 18px;
}

.no-offset {
	margin-top: 0;
	margin-bottom: 0px;
}

.big-break {
	margin-bottom: 48px;
}

.underlined {
	margin-bottom: 3px;
	padding-bottom: 14px;
	border-bottom: 1px solid #dadada;
}

h1.underlined {
	margin-bottom: 3px;
	padding-bottom: 1px;
}

.generic-spacer {
	clear: both;
	height: 36px;
}


/* ------------------------------ HEADER ------------------------------ */

#logo {
	position: relative;
	margin: 0;
	padding: 0;
	padding-top: 15px;
	width: 320px;
	z-index: 9;
}

#logo a {
	position: relative;
	padding-bottom: 1px;
	width: 320px;
	height: 50px;
	display: block;
	overflow: hidden;
	text-indent: -2000px;
	font-size: 0.1em;
	background: url(../images/textilhandel-logo.png) top left no-repeat;
}

#landing-page {
	position: absolute;
	top: 40px;
	left: 345px;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 18px;
	font-weight: 900;
	color: #fff;
}

#account {
	position: absolute;
	top: 14px;
	left: 400px;
	width: 576px;
	text-align: right;
	color: #fff;
}

#account .user {
	color: #d0d3d4;
	margin-right: 5px;
}

#login {
	top: 34px;
	left: 50%;
	margin-left: 100px;
	color: #828381;
	display: none;
}

p.error-msg {
	color: #ff3333;
}

.input {
	border: 0;
	width: 164px;
	line-height: 18px;
	height: 18px;
	outline: none;
	padding: 0 6px;
	background: url(../images/input_bg.gif) no-repeat;
}

.grey-88 {
	width: 76px;
	background: url(../images/input-grey-88.gif) no-repeat;
}

.grey-176 {
	border: 0;
	width: 164px;
	line-height: 18px;
	height: 18px;
	outline: none;
	padding: 0 6px;
	background: url(../images/input_bg.gif) no-repeat;
}

.grey-264 {
	width: 252px;
	background: url(../images/input-grey-264.gif) no-repeat;
}

.grey-276 {
	width: 264px;
	background: url(../images/input-grey-276.gif) no-repeat;
}

.grey-376 {
	width: 364px;
	background: url(../images/input-grey-376.gif) no-repeat;
}

.white-36 {
	width: 24px;
	background: url(../images/input-white-36.gif) no-repeat;
}

.input-file {
	border: 0;
	width: 364px;
	line-height: 18px;
	outline: none;
	height: 18px;
	padding: 0 6px;
	background: url(../images/input-grey-376.gif) no-repeat;
}

.textarea {
	border: 0;
	width: 370px;
	line-height: 18px;
	height: 72px;
	outline: none;
	padding: 3px;
	background-color: #eee;
}

.select {
	border: 0;
	width: 176px;
	line-height: 18px;
	outline: none;
	background-color: #eee;
}

.submit {
	width: 100px;
	height: 18px;
	color: #fff;
	font-weight: 900;
	border: 0;
	cursor: pointer;
	background: url(../images/submit_bg.gif) no-repeat;
}

.black-176 {
	width: 176px;
	background: url(../images/submit-black-176.gif) no-repeat;
}

.input-form {
	margin-bottom: 18px;
}

.input-form td {
	padding-right: 24px;
	padding-top: 9px;
}


/* ------------------------------ MENU ------------------------------ */

#menu {
	position: relative;
	padding-top: 25px;
	width: 776px;
	height: 30px;
	display: block;
}

#menu ul {
	position: relative;
	font-size: 0.1em;
	line-height: 30px;
	display: block;
}

#menu li {
	position: relative;
	display: inline;
	font-size: 12px;
}

#menu a {
	position: relative;
	padding: 8px 12px 8px 7px;
	margin-left: 5px;
	margin-right: 3px;
	font-weight: 900;
	text-decoration: none;
	background-image: url(../images/menu-tab.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#menu a span.tab-left {
	position: absolute;
	background-image: url(../images/menu-tab.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 5px;
	left: -5px;
	top: 0px;
}

#menu a:hover {
	background-position: right -30px;
	background-color: transparent;
	color: #000;
}

#menu a:hover span.tab-left {
	background-position: left -30px;
}

#menu a.active {
	background-position: right -60px;
	background-color: transparent;
	color: #000;
}

#menu a.active span.tab-left {
	background-position: left -60px;
}


/* ------------------------------ SUBMENU ------------------------------ */

#submenu {
	width: 776px;
	background: url(../images/submenu_bg.gif) left bottom no-repeat;
}

#submenu li {
	display: inline;
}

#submenu a:link, #submenu a:active, #submenu a:visited  {
	color: #999;
	font-weight: bold;
	padding-left: 10px;
	margin-right: 12px;
	line-height: 36px;
	background: url(../images/submenu_arrows.gif) 0px -10px no-repeat;
}

#submenu a:hover {
	color: #000;
	background-color: transparent;
	background-position: 0px -46px;
}

#submenu a.active {
	color: #000;
	background-position: 0px -82px;
}


/* ------------------------------ BILLBOARD ------------------------------ */

#billboard .slide {
	position: absolute;
	top: 0px;
	left: 0px;
}

.slide .slide-image {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.slide .slide-info {
	position: relative;
	left: 0;
	top: 375px;
	z-index: 1;
}


/* ------------------------------ MAIN ------------------------------ */

.main-box {
	padding-top: 30px;
	padding-bottom: 36px;
	width: 800px;
	float: left;
}


/* ------------------------------ SLIDESHOW ------------------------------ */

.slideshow {
	position: relative;
}

.slideshow .slide {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}


/* ------------------------------ PREFACE ------------------------------ */

.preface-head {
	
}

.preface-text {
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 24px;
	color: #b2b2b2;
}


/* ------------------------------ ITEM-LIST ------------------------------ */

.item-list li {
	margin-right: 24px;
	margin-bottom: 24px;
	height: 176px;
}

.item-list .list-image {
	display: block;
	margin-bottom: 9px;
}

.item-list .list-image img {
	display: block;
	float: none;
}

.item-list .list-info {
	display: block;
}

.brands li {
	height: 76px;
	margin-bottom: 0px;
}

/* ------------------------------ PROMOS ------------------------------ */

#promos h2.grey {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 18px;
	margin-bottom: 18px;
	color: #b2b2b2;
}

.promo {
	position: relative;
	margin-right: 24px;
	margin-bottom: 48px;
	height: 176px;
	display: block;
}

.offering-image {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
}

.offering-image img {
	display: block;
}

.offering-logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 176px;
	text-align: right;
	z-index: 1;
}

.offering-info {
	position: relative;
	top: 0px;
	left: 0px;
	margin-left: 200px;
	z-index: 2;
}

.promo-image {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

.promo img {
	display: block;
}

.promo-info {
	position: relative;
	top: 0;
	right: 0;
	z-index: 2;
}

.promo h2, .promo h3 {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 18px;
	margin-bottom: 9px;
}

.promo p {
	font-size: 11px;
	margin-bottom: 9px;
}

.big p {
	font-size: 18px;
	line-height: 22px;
	color: #b2b2b2;
}

.two-units .promo-info p {
	margin-right: 176px;
}

.two-units .big p {
	margin-right: 0;
}

.four-units .promo-info {
	margin-right: 400px;
}

.promo button {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 73px;
	border: 0;
	background-color: transparent;
	background-image: url(../images/button-arrows.png);
	cursor: pointer;
	z-index: 3;
}

.promo button.prev {
	left: -15px;
	background-position: 0px 0px;
}

.promo button.next {
	right: -15px;
	background-position: -30px 0px;
}

.promo button.prev:hover {
	background-position: 0px -30px;
}

.promo button.next:hover {
	background-position: -30px -30px;
}

.promo .carousel {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: block;
}

.carousel ul {
	width: 100000px;
}

.carousel li {
	position: relative;
	margin-right: 24px;
	height: 176px;
}

.carousel p {
	margin-right: 0px;
}

.price {
	font-size: 18px !important;
	font-weight: 900;
}

.list-price {
	font-size: 12px;
	text-decoration: line-through;
	font-weight: normal;
	
}


/* ------------------------------ BARGAIN ------------------------------ */

.bargain p.to-date {
	margin-bottom: 18px;
}

.bargain table {
	border-collapse: collapse;
	margin-bottom: 18px;
}

.bargain td {
	vertical-align: top;
	line-height: 24px;
}

.bargain h3 {
	line-height: 24px;
}

.bargain td.label {
	font-size: 9px;
	color: #b2b2b2;
	font-weight: bold;
	text-transform: uppercase;
	width: 88px;
	padding-right: 12px;
}

.bargain .info {
	font-size: 11px;
	color: #b2b2b2;
	margin: 0;
}


/* ------------------------------ TOOLBOX ------------------------------ */

.toolbox {
	position: absolute;
	text-align: left;
	width: 376px;
	padding: 0 12px;
	margin: 21px 0;
	z-index: 999;
	background: url(../images/dropbox-shadow-bg.png) repeat-y;
	display: none;
}

.toolbox .arrow {
	position: absolute;
	width: 9px;
	height: 5px;
	background: url(../images/toolbox-arrow.gif) no-repeat;
}

.toolbox .arrow {
	top: -14px;
	right: 26px;
	background-position: 0px 0px;
}

.top .arrow {
	top: 100%;
	left: 50%;
	margin-left: -4px;
	margin-top: 9px;
	background-position: 0px -4px;
}

.right .arrow {
	width: 5px;
	height: 9px;
	top: 50%;
	left: 7px;
	margin-top: -5px;
	background-position: 0px 0px;
}

.bottom .arrow {
	top: 0;
	left: 50%;
	margin-top: -14px;
	margin-left: -4px;
	background-position: 0px 0px;
}

.left .arrow {
	width: 5px;
	height: 9px;
	top: 50%;
	right: 7px;
	margin-top: -5px;
	background-position: -4px 0px;
}

.toolbox button.close {
	position: absolute;
	top: -19px;
	left: 2px;
	width: 24px;
	height: 24px;
	border: 0;
	background-color: transparent;
	background-image: url(../images/button-close.png);
	cursor: pointer;
	z-index: 9999;
}

.toolbox .st {
	position: absolute;
	top: -21px;
	left: 0;
	display: block;
	height: 21px;
	width: 400px;
	background: url(../images/dropbox-shadow-top.png) no-repeat;
}

.toolbox .sm {
	position: relative;
	display: block;
	padding: 1px 12px;
	background-color: #fff;
}

.toolbox .sb {
	position: absolute;
	left: 0;
	bottom: -21px;
	display: block;
	height: 21px;
	width: 400px;
	background: url(../images/dropbox-shadow-bottom.png) no-repeat;
}

.toolbox button.close:hover {
	background-position: 0px -24px;
}

.toolbox .box-select {
	margin-bottom: 9px;
}

.toolbox .box-select a {
	color: #999;
	font-weight: bold;
	padding-left: 10px;
	margin-right: 12px;
	background: url(../images/submenu_arrows.gif) 0px -10px no-repeat;
}

.toolbox .box-select a:hover {
	color: #000;
	background-color: transparent;
	background-position: 0px -46px;
}

.toolbox .box-select a.active {
	color: #000;
	background-position: 0px -82px;
}

.toolbox h2 {
	font-size: 18px;
	line-height: 24px;
}

.toolbox p {
	margin-bottom: 9px;
}

.toolbox .box-logo {
	position: absolute;
	top: 5px;
	right: 65px;
}

.toolbox .box-rebate {
	position: absolute;
	top: -20px;
	right: 12px;
	padding-top: 14px;
	height: 31px;
	width: 45px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background: url(../images/rebate-bg.png) no-repeat;
}


/* ------------------------------ LEFT ------------------------------ */

#left p, #left ul {
	margin-bottom: 18px;
}

#left li, .section-menu li {
	display: inline;
}

#left li a, #left li span, .section-menu li a {
	display: block;
}

#left li a.shop-done {
	color: #000;
	/*background: url('../images/process-check.gif') no-repeat right center;*/ 
}

#left li a.active, #left li a.shop-active, .section-menu li a.active {
	background: url(../images/arrow-right-b_w.gif) no-repeat right top;
}

#left li a:hover, #left a.active:hover, #left li a.shop-done:hover, .section-menu li a:hover, .section-menu li a.active:hover {
	color: #fff;
	background: #171717 url(../images/arrow-right-b_w.gif) no-repeat right -36px;
}

#left li .shop-todo {
	color: #b2b2b2;
}

/*
#left li a.shop-active {
	color: #000;
	background: #dadada url('../images/arrow-right-b_w.gif') no-repeat right 0px;
}
*/


/* ------------------------------ RIGHT ------------------------------ */

#right p, #right ol {
	margin: 0 0 18px 0;
}

#right ol ol, #right table p {
	margin-bottom: 0px;
}

#right .section-block p {
	margin-right: 0;
}

#right ol {
	padding: 0 0 0 24px;
}

#right .item-image {
	display: block;
	height: 320px;
	margin: 27px 0 18px 0;
}

#right .item-image img {
	float: left;
}

/*
#right .item-info {
	float: left;
}
*/

.section-block {
	display: block;
	width: 576px;
	margin-bottom: 32px;
}

.section-block .row p {
	margin: 0 !important;
}

.section-block img {
	padding-top: 4px;
	float: left;
}

.section-add {
	height: 36px;
}

.section-add td {
	padding: 4px 0;
	vertical-align: middle;
}

.one-unit select {
	width: 170px;
	margin: 0 2px 0 2px;
}

/*
.add-to-basket {
	margin-bottom: 0;
}

.add-to-basket td {
	padding: 4px;
	vertical-align: middle;
	text-align: center;
}
*/

.form-add-quantity {
	width: 24px;
}

a.del {
	display: block;
	padding-right: 24px;
	background: url(../images/process-del2.gif) no-repeat right 0;
}

a.del:hover {
	background-color: #171717;
	background-position: right -36px;
}

.two-subunits a.del {
	margin-left: 150px;
}


/* ------------------------------ TEASER-BOX ------------------------------ */

#right .item-teaser {
	margin-bottom: 18px;
	display: block;
	float: left;
}

#right .item-teaser span {
	margin-bottom: 0px;
	font-style: normal;
	display: block;
}

#right .item-teaser .item-teaser-title {
	font-size: 18px;
	line-height: 27px;
	font-weight: bold;
}

#right .item-teaser .item-teaser-descr b {
	padding: 0;
	background-color: transparent;
}

#right .item-teaser a {
	display: block;
	color: #000;
}

#right .item-teaser a:hover {
	color: #fff;
	background: #171717 /*url('../images/stripes-green.gif')*/;
}


/* ------------------------------ PAGINATION ------------------------------ */

.pagination {
	
}

.pagination a {
	padding: 2px 6px;
}

.pagination a.active {
	background-color: #171717;
	color: #fff;
}

.pagination a.rwd {
	padding-left: 18px;
	background: url(../images/arrow-left-b_w.gif) left top no-repeat;
}

.pagination a.rwd:hover {
	background-position: left -36px;
	background-color: #171717;
}

.pagination a.fwd {
	padding-right: 18px;
	background: url(../images/arrow-right-b_w.gif) right top no-repeat;
}

.pagination a.fwd:hover {
	background-position: right -36px;
	background-color: #171717;
}


/* ------------------------------ CAROUSEL ------------------------------ */

.carousel-box {
	display: block;
	padding: 0;
	width: 576px;
	overflow: hidden;
}

.carousel-box ul {
	width: 100000px;
}

.carousel-box li {
	float: left;
	display: block;
}

.carousel-box .col .product-image {
	height: 72px;
	padding-top: 9px;
	padding-bottom: 4px;
	text-align: center;
}

.carousel-box .col .product-image img {
	float: none;
}

.carousel-box .col .product-info {
	margin-bottom: 3px;
}

.carousel-box .col {
	margin-bottom: 0;
}

.carousel-nav {
	display: block;
	float: left;
	padding: 0 0 3px 0;
	margin-bottom: 3px;
	border-bottom: 1px solid #dadada;
}

.carousel-nav li.col {
	margin-bottom: 0;
}

.carousel-nav li a {
	display: block;
	padding: 0 18px 0 18px;
}

.carousel-nav li a.rwd {
	background: url(../images/arrow-left-b_w.gif) left top no-repeat;
}

.carousel-nav li a.rwd:hover {
	background-position: left -36px;
	background-color: #171717;
}

.carousel-nav li a.fwd {
	background: url(../images/arrow-right-b_w.gif) right top no-repeat;
}

.carousel-nav li a.fwd:hover {
	background-position: right -36px;
	background-color: #171717;
}


/* ------------------------------ PRODUCT-LIST ------------------------------ */

.product-list {

}

.product-list li {
	height: 234px;
}

.col .product-image {
	display: block;
	height: 126px;
	padding-bottom: 5px;
	margin-bottom: 3px;
	border-bottom: 1px solid #dadada;
}

.col .product-info {
	display: block;
	padding-bottom: 3px;
	margin-bottom: 5px;
	border-bottom: 1px solid #dadada;
}

.col a img {
	float: left;
}

li.col a:hover {
	background-color: transparent;
}

li.col a .product-info {
	background: url(../images/stripes-dadada.gif);
}

li.col a:hover .product-image, li.col a:hover .product-info {
	color: #000;
	background: none;
}


/* ------------------------------ PRODUCT-DETAIL ------------------------------ */

.product-detail-image {
	margin-bottom: 18px;
}

.product-detail-logo {
	position: absolute;
	top: 27px;
	left: 0;
}

.product-detail-rebate {
	position: absolute;
	top: -8px;
	right: 12px;
	padding-top: 14px;
	height: 31px;
	width: 45px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background: url(../images/rebate-bg.png) no-repeat;
}

.product-detail-colors span {
	display: inline;
}

.product-detail-colors span.tabbed {
	margin-left: 0px !important;
	padding-left: 8px;
}


/* ------------------------------ SECTION LIST ------------------------------ */

.section-item {
	margin-bottom: 3px;
	display: block !important;
}

.section-item .item-head a.underlined {
	margin-bottom: 0;
}

.section-item span {
	margin: 0;
}

/* bigger font size in section-list
.item-head span.title {
	font-size: 18px;
	line-height: 27px;
	color: #686868;
}
*/

.item-head a:link, .item-head a:active, .item-head a:visited, .item-head a:hover  {
	color: #000;
	display: block;
	background: url(../images/stripes-dadada.gif);
}

.item-head a span {
	display: block;
}

.item-head a.expanded:link, .item-head a.expanded:active, .item-head a.expanded:visited, .item-head a.expanded:hover, .item-head a.active {
	color: #000;
	background: transparent;
}

.item-head a.active:hover {
	background: url(../images/button-close.gif) right 4px no-repeat;
}

a.disabled:link, a.disabled:active, a.disabled:visited {
	color: #b2b2b2;
	background: url(../images/stripes-dadada.gif) !important;
}

a.disabled:hover {
	color: #000 !important;
}

.item-content {
	display: none;
	margin: 0;
	padding: 21px 0 32px 0;
}

.item-content td .carousel-box .col .product-image {
	height: 176px;
	padding-top: 0;
}

.motif-preview {
	float: left;
}

.expanded {
	height: 72px;
}


/* ------------------------------ ZOOMBOX ------------------------------ */

.zoombox-wrap {
	position: relative;
}

.zoombox-preview {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.zoombox-viewport {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none;
}

.dragger {
	cursor: move;
}

.zoombox-buttons a {
	position: absolute;
	top: 6px;
	right: 6px;
	width: 88px;
	height: 18px;
	color: #000;
	font-weight: bold;
	z-index: 9;
	background: url(../images/button-zoom.png) no-repeat;
	display: block;
}

.zoombox-buttons a span {
	padding-left: 9px;
	display: none;
}

.zoombox-buttons a.zoom-in {
	background-position: 0px 0px;
}

.zoombox-buttons a.zoom-out {
	background-position: 0px -36px;
}

.zoombox-buttons a.zoom-in:hover {
	color: #000;
	background-position: 0px -18px;
}

.zoombox-buttons a.zoom-out:hover {
	color: #000;
	background-position: 0px -54px;
}

.zoombox-buttons a.zoom-in:hover span {
	display: block;
}

.zoombox-buttons a.zoom-out:hover span {
	display: block;
}

a.zoom-out {
	display: none;
}


/* ------------------------------ INPUT AREA ------------------------------ */

.input-area, input-area td {
	line-height: 36px;
}

.input-area i {
	font-style: normal;
	color: #999;
}

.add-to-basket-area {
	padding-top: 9px;
	background: #eee url(../images/area-rounded-eeeeee.gif) no-repeat;
}

.add-to-basket-area .b {
	padding: 0 0 9px 9px;
	background: #eee url(../images/area-rounded-eeeeee.gif) left bottom no-repeat;
}

.add-to-basket-area table {
	display: block;
}

.add-to-basket-area td {
	padding-right: 9px;
}


/* ------------------------------ SIDEBAR ------------------------------ */

.basket {
	margin-top: -30px;
}

#sidebar table {
	margin-top: 30px;
	margin-bottom: 18px;
}

#sidebar table td {
	vertical-align: top;
}

#sidebar ul li {
	display: inline;
	color: #fff;
}

#sidebar .basket-detail {
	color: #b2b2b2;
}

#sidebar .basket-amount {
	min-width: 53px;
	width: auto !important;
	width: 53px;
}

#sidebar .sidebar-caption {
	position: relative;
	padding: 6px 12px 6px 7px;
	margin-left: 5px;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	background-image: url(../images/menu-tab.png);
	background-repeat: no-repeat;
	background-position: right -30px;
}

#sidebar .sidebar-caption span.tab-left {
	position: absolute;
	background-image: url(../images/menu-tab.png);
	background-repeat: no-repeat;
	background-position: left -30px;
	height: 30px;
	width: 5px;
	left: -5px;
	top: 0px;
}

.sidebar-caption h1 {
	display: inline;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}

#sidebar p.info {
	margin-top: 27px;
	color: #b2b2b2;
	font-size: 11px;
}

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

a.button {
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: transparent;
	font-size: 12px;
	font-weight: bold;
	height: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 12px;
	padding-left: 3px;
	position: relative;
	margin-left: 9px;
	margin-right: 2px;
	color: #fff;
}

a.button.hasIcon {
	padding-left: 14px;
}

a.button span.button-left {
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 18px;
	width: 9px;
	position: absolute;
	left: -9px;
	top: 0px;
}

a.button:hover {
	cursor: pointer;
	color: #fff;
	background-image: url(../images/button-black.png);
	text-decoration: none;
}

a.button:hover span.button-left {
	background-image: url(../images/button-black.png);
}

a.black, a.black span.button-left {
	background-image: url(../images/button-black.png);
}

a.black:hover, a.black:hover span.button-left {
	color: #fff;
	background-image: url(../images/button-green.png);
}

a.green, a.green span.button-left {
	background-image: url(../images/button-green.png);
}

a.green:hover, a.green:hover span.button-left {
	color: #fff;
	background-image: url(../images/button-black.png);
}

a.red, a.red span.button-left {
	background-image: url(../images/button-red.png);
}

a.red:hover, a.red:hover span.button-left {
	color: #fff;
	background-image: url(../images/button-black.png);
}

a.grey, a.grey span.button-left {
	background-image: url(../images/button-grey.png);
}

a.grey:hover, a.grey:hover span.button-left {
	background-image: url(../images/button-green.png);
}

a.yellow, a.yellow span.button-left {
	color: #000;
	background-image: url(../images/button-yellow.png);
}

a.yellow:hover, a.yellow:hover span.button-left {
	color: #fff;
	background-image: url(../images/button-black.png);
}


/* ------------------------------ FOOTER ------------------------------ */

#footer a:link, #footer a:active, #footer a:visited {
	color: #222;
}

#footer a:hover {
	color: #222;
	text-decoration: underline;
	background-color: transparent;
}

#footer .breadcrum {
	font-weight: bold;
	line-height: 24px;
	width: 776px;
	margin-bottom: 24px;
}

#footer .breadcrum a, #footer .breadcrum span { 
	display: block;
	color: #000;
	float: left;
	padding: 3px 0 3px 0;
}

#footer .breadcrum span.arr {
	display: block;
	float: left;
	width: 24px;
	text-indent: -2000px;
	background: transparent url(../images/breadcrum-arrow-dark.gif) center center no-repeat;
	overflow: hidden;
}

#footer .breadcrum a {
	background-color: transparent;
}

#footer .breadcrum a:hover, #footer .breadcrum span {
	background: transparent url(../images/breadcrum-active.gif) left top no-repeat;
	text-decoration: none;
}

#footer .bottomnav {
	margin-bottom: 30px;
}

#footer .bottomnav h4 {
	color: #b2b2b2;
	border: 0;
	padding: 0;
	margin: 0;
	line-height: 18px;
}

#footer .bottomnav a {
	font-size: 11px;
}

#footer li {
	display: inline;
}

#footer .bottomnav li a, #footer .bottomnav li span {
	display: block;
}

#footer .about {
	padding-top: 9px;
	border-top: 1px solid #fff;
}

#footer .about a {
	font-size: 11px;
	display: inline;
	margin-right: 24px;
}


/* ------------------------------ START ------------------------------ */

body#start #header-wrap {
	background: #fff url(../images/start_head_bg.gif) left bottom repeat-x;
}

body#start #header {
	height: 480px;
	background: none;
}

body#start #logo a {
	background-image: url(../images/textilhandel-logo-black.png);
}

body#start #content-wrap {
	min-height: 66px;
	height: auto !important;
	height: 66px;
}

#printing-slider, #textiles-slider {
	position: absolute;
	top: 0;
	z-index: 0;
}

#printing-slider {
	left: 0;
}

#textiles-slider {
	left: 400px;
}

#options {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 800px;
	display: block;
}

#options li {
	position: relative;
	float: left;
}

#options a {
	position: relative;
	display: block;
	padding: 0 12px 0 12px;
	margin-right: 24px;
	width: 352px;
	font-size: 18px;
	line-height: 40px;
	font-weight: 900;
	color: #fff;
	text-decoration: none;
	background-image: url(../images/options-tab.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#options a:hover {
	background-position: right -40px;
	background-color: transparent;
	color: #000;
}

#options a.active {
	background-position: right -80px;
	background-color: transparent;
	color: #000;
}