* { outline: none !important }

body { 
	text-align:center; 
}

/**
 * Colors:
 *          18171c - black
 *          414143 - deep grey
 *          6f6f71 - medium grey
 *                 - super grey
 *          e3e4e4 - light grey
 *          c1002a - full red
 *          fdcc00 - yellow
 */



/********** Typography **********/

body, 
address, 
input, 
textarea { 
	background-color:#e1e1e1; 
	color:#18171c; font-family: Arial, FreeSans, 'Nimbus Sans L', Helvetica, sans-serif; 
	font-size:13px;
}

h2,
h3,
h4,
p { 
	font-size:13px; 
	line-height:1.5em; 
	margin-bottom:1em; 
}

h2,
h3,
h4 { 
	font-weight:bold; 
}

h2 { 
	color:#414143; 
	font-size:1.3em; 
	letter-spacing:1px; 
	text-transform:uppercase; 
}

.col2-set.contact .col-2 h3,
.col3-set.newsletter .col-1 h3 { 
	border-bottom:1px solid #cacccc; 
	padding:8px 0px; 
} 

.col-1 h4, 
.col-2 h4,
.form-list h4,
.col-1 .up-sell h3 { 
	border-bottom:1px solid #cacccc; 
	padding:8px 0px 4px;  
}

p.right { 
	float:none; 
	text-align:right;
}

p.small  { 
	color:#6f6f71; 
	font-size:.8em; 
	line-height:1.2em; 
}

a { 
	color:#c1002a; 
}

a:hover { 
	text-decoration:none;
}

em,
strong { 
	font-style:normal; 
	font-weight:bold;
}

small { 
	color:#6f6f71; 
	font-size:10px; 
}

ul.list li,
ol.list li { 
	padding:6px 0; 
	margin-left:18px; 
	list-style-type:square; 
	list-style-position:outside; 
}

ol.list li { 
	list-style-type:decimal; 
}

hr { 
	border: 0px; 
	border-top: solid 1px #cacccc; 
	border-bottom: transparent; 
	margin:18px 0; 
}

tbody { 
	border:1px solid red;
}


/********** Content/Structure **********/

.main-col { 
	min-height:300px; 
}


/* PAGELAYOUT: 1Column */

.one-column .main-col { 
	padding:18px 24px 36px; 
}

.one-column.home .main-col { 
	padding:0; 
}


/* PAGELAYOUT: 2Column */

.two-column-left .left-col { 
	float:left; 
	padding:18px 20px 12px 12px;
	width:184px; 
} 

.two-column-left .main-col { 
	float:right; 
	padding:18px 24px 36px 0; 
	width:716px 
}

/* PAGELAYOUT: Contentarea */

.col-1,
.col-2,
.col-3  { 
	float:left; 
}

.col3-set .col-1 { 
	width:343px; 
}

.col3-set .col-2 { 
	width:343px; 
	margin:0 18px; 
}

.col3-set .col-3 { 
	width:190px; 
}

.col2-set.contact .col-1 { 
	width:704px; 
}

.col2-set.contact .col-2 { 
	float:right; 
	width:190px;
}


/* Teaser Home */

.grid3 li { float:left; padding-left:0px; }


/********** Global Styles **********/

.hide { 
	display:none; 
}

.right { 
	float:right; 
}
 
.left { 
	float:right; /* ??? */
	margin-top:30px; 
}

.box-no-padding,
.box { 
	border:1px solid #cacccc; 
	padding:24px; 
} 

.box-empty { 
	padding-bottom:0; 
}

.box-empty h3 { 
	margin-bottom:0!important; 
}

.box h3 { 
	background:#f3f4f4; 
	border-bottom:1px solid #e3e4e4; 
	margin:-24px -24px 24px -24px; 
	padding:7px 5px;
}

.box td h3 { 
	margin:-6px; 
}

.button { 
	cursor:pointer; 
}

.link-button { 
	float:left; 
	text-indent:-5000px; 
}

.link-button a { 
	display:block; 
}

.button-set button { 
	font-weight:bold; 
}

.links li { 
	float:left; 
	padding:0 5px; 
}

.links.text li { 
	display:inline; 
}

.pager .links li { 
	float:left; 
}

.links li.prev, 
.links li.next { 
	width:20px; 
}

.links li.prev a { 
	background:url(../images/form-sprites.gif) scroll no-repeat -80px 0px; height:23px;
}

.links li.next a { 
	background:url(../images/form-sprites.gif) scroll no-repeat -80px -30px; height:23px; 
}

.folded-out { 
	background:#efefef; 
	border:1px solid #cacccc; 
	position:absolute; 
	z-index:700; 
	float:right; 
}

.tool-tip { 
	position:absolute; 
}


/* Alignment */
.v-middle { 
	vertical-align:middle; 
}

.clear-left { 
	clear:left; 
}


/********** Elements **********/

/* Wrapper (centering Content) */

.wrapper { 
	margin:0 auto;	
	text-align:left;
	width:100% ; 
}

/* in popup.html */

.wrapper1 { 
	background:url(../images/main-bg2.gif) repeat-y top center; 
	margin:0 auto; 
	text-align:left; 
	width:759px; 
}


/* Header (Logo, Metamenue, Mini-Basket, Hauptmenue) */

.wrapper.header { 
	height:95px; 
	margin-top:-12px; 
	padding-top:30px; 
} 

.header-inner, 
.wrapper .main, 
.footer-inner { 
	margin:0 auto; 
	width:960px; 
	background-color:#fff; 
}

.header-inner { 
	height:95px; 
	background:url(../images/header.gif) no-repeat top center;
}

.header a { 
	color:#fff; 
	font-size:11px; 
	text-decoration:none;
}

.header a:hover { 
	text-decoration:underline; 
}


/* Header Logo */

.header h1.logo { 
	float:left; 
	width:200px; 
}

.header h1.logo a { 
	display:block; 
	height:95px; 
	text-indent:-6100px; 
}


/* Header Metamenue (Anmelden, Kontakt, ...) */

.header div.links { 
	float:left; 
	height:24px; 
	padding:6px 20px 0 0; 
	width:600px;
}

.header ul.links { 
	float:right; 
	padding-top:5px; 
}

.header .links li { 
	float:right; 
	margin:0 0 4px 0; 
	padding:0 5px 2px; 
	line-height:13px; 
}

.header .links li.first { 
	border:0 none; 
	padding-right:0; 
}


/* Header  Mini-Basket */

.header .cart { 
	float:left; 
	padding:6px 6px 0 6px; 
	position:relative; 
	width:110px;
}

.header .cart .header,
.header .cart .header .price,
.header .cart .header a { 
	color:#fff; 
	text-decoration:none;
}

.header .cart .essential { 
	height:59px; 
	color:#febd00; 
	font-size:10px;
}

.header .cart .essential .price { 
	color:#fff; 
}

.header .cart .content { 
	display:none; 
	padding:0 6px; 
	top:65px; 
	right:-1px; 
	width:207px;
}

.header .cart .content.folded-out { 
	display:block; 
}

.header .cart .button { 
	float:right; 
	margin-top:6px; 
}

.header .cart .content li { 
	border-bottom:1px solid #cacccc; 
	padding:5px 0; 
}

.header .cart .product-images { 
	float:left; 
	width:72px; 
	text-align:center; 
}

.header .cart .product-images img { 
	border:1px solid #e3e4e4; 
}

.header .cart .product-details a { 
	color:#febd00; 
	font-size:14px; 
}

.header .cart .product-details { 
	float:left; 
	width:123px;
}

.header .cart .product-details dt,
.header .cart .product-details dd { 
	display:inline;
	font-size:.85em; 
} 

.header .cart .product-details dd { 
	font-weight:bold; 
}

.header .cart .product-price { 
	clear:left; 
	text-align:right; 
} 


/* Header Mainmenue  */

.header .tabs { 
	float:left; 
	padding:32px 0 0 0; 
	width:628px;
}
 
* html .header .tabs  { 
	height:33px; 
	overflow:hidden; 
}

.header .tabs .categories { 
	float:left;  
}

.header .tabs .categories li.tab { 
	float:left; 
	padding:0 0 0 12px; 
	position:relative; 
	color:#fff;
}

.header .tabs .categories li.tab a.tab { 
	float:left; 
	height:24px; 
	padding:9px 14px 0 2px; 
	font-size:1.1em;
	font-weight:bold; 
	text-decoration:none;
	letter-spacing:1px;
	text-transform:uppercase;
}

.header .tabs .categories li.tab.active a.tab,
.header .tabs .categories li.tab:hover a.tab,
.header .tabs .categories li.tab.over a.tab { 
	color:#febd00; 
}


/* Header Mainmenue Subitems */

.header .tabs .categories li ul { 
	display:none;
}

.header .tabs .categories li ul { 
	position:absolute; 
	left:6px; 
	right:6px; 
	top:33px;
	background:#000000; 
	border:1px solid #febd00; 
	border-top:0px solid #febd00;  
}

.header .tabs .categories li ul li a { 
	display:block; 
	padding:6px 12px; 
	color:#ffffff; 
	font-size:14px; 
	text-decoration:none;
}

.header .tabs .categories li ul li a:hover { 
	color:#febd00; 
}

/* hide/show subitems */
.header .tabs .categories li:hover ul,
.header .tabs .categories li.over ul { 
	display:block; 
}


/* Header Search */

.header .tabs .search {  
	margin-top:4px; 
}

.header .search input { 
	font-size:10px; 
	height:18px; 
	background:none; 
	border:0 none; 
	margin:0; 
	padding-top:0; 
}

.header .search div.input-text { 
	margin-top:3px; 
	background:url(../images/form-sprites.gif) no-repeat 0 -583px; 
	float:right; 
	height:16px; 
}

.header .search div.input-text input { 
	text-indent:4px; 
	width:162px;
}

.header .search div.input-button { 
	margin-top:5px; 
	background:url(../images/form-sprites.gif) no-repeat right -583px; 
	float:right; 
	height:16px; 
	cursor:pointer; 
}

.header .search div.input-button input { 
	color:#fff; 
	padding-top:2px; 
	cursor:pointer; 
	width:20px; 
}

/* todo: fix width difference between FF and IE */
*:first-child+html .header .search div.input-text input { 
	text-indent:4px; 
	width:202px;
}

*:first-child+html .header .search input { 
	height:22px; 
	padding-top:2px; 
} /* IE 7 and below hack */

*:first-child+html .header .search div.input-button input { 
	height:22px; 
	padding:3px 2px 2px 2px; 
} /* IE 7 and below hack */

.header .search .search-autocomplete .amount { 
	float:right; 
}

.header .search .search-autocomplete .selected { 
	background:#6F6F71; 
	color:#fff;
}


/* Breadcrumb */

.no-breadcrumbs { 
	height:12px; 
}

.breadcrumbs { 
	margin-bottom:5px; 
	padding:15px 5px 5px; 
	border-bottom:1px solid #e3e4e4; 
}

.breadcrumbs li { 
	display:inline; 
}

.breadcrumbs li a { 
	background:url(../images/icon-sprites.gif) scroll no-repeat right 0px; 
	padding:2px 12px 2px 2px; 
}

.breadcrumbs li.active a { 
	background:none; 
	color:#6f6f71; 
	text-decoration:none;
}


/* Footer */

.footer .links { 
	float:right; 
	margin-top:0; 
	padding:0 15px 0 0; 
	line-height:30px; 
	font-size:11px; 
}

.footer a { 
	color:#ffffff; 
	text-decoration:none; 
}

.footer a:hover {  
	text-decoration:underline; 
}

.footer address { 
	float:left;
	margin-top:0; 
	padding:0 0 0 15px; 
	line-height:30px; 
	font-size:11px; 
	background-color: #7f7f7f; 
}

.footer h1.logo { 
	margin:0 auto; 
	width:160px; 
	text-indent:-3000px; 
}

.footer h1.logo a { 
	display:block; 
	height:75px; 
}

.footer p { 
	clear:both;
	color:#6f6f71;
	font-size:.8em; 
	line-height:1.2em; 
	line-height:20px; 
	text-align:right; 
	text-transform:uppercase; 
}

.footer-inner_popup { 
	margin:0 auto; 
	width:700px; 
	height:75px; 
	background:url(../images/header-footer-bg.gif) no-repeat center -124px; 
}

.footer-inner { 
	height:30px; 
	background-color: #7f7f7f; 
}


/* PAGELAYOUT: 2Column => LEFT COLUMN */

/* NAVI */

.navi a { 
	text-decoration:none; 
	color:inherit; 
}

.navi li a { 
	font-size:13px; 
	color:#6f6f71; 
}

.navi li.on a,
.navi li.active a { 
	font-size:13px; 
	color:#414143; 
}

.navi li li a { 
	font-size:11px; 
}

.left-col .navi { 
	background:#fff; 
	border:1px solid #cacccc; 
	-moz-border-radius:6px; 
	 margin:0 0 1.3em;
}

.left-col .navi li.first { 
	border-top:1px solid #e3e4e4; 
}

.left-col .navi li,
.left-col .navi li.last { 
	border-bottom:1px solid #e3e4e4; 
}

.left-col .navi li li.last {
	 border:0 none; 
} 

.left-col .navi li.active,
.left-col .navi li:hover,
.left-col .navi li.hover{ 
	background-color:#f3f4f4; 
}

.left-col .navi li.on:hover {
	background-color:transparent; 
}


/* Subnavi hidden if not active */

.left-col .navi li ul { 
	display:none; 
}

.left-col .navi li.on ul { 
	display:block; 
}

/* Filter */

/* Filter (Männer, Frauen, Kinder) */
.left-col .navi li a,
.left-col .attribute li span { 
	display:block; 
	font-size:14px; 
	padding:.4em; 
}

.left-col .attribute li span { 
	padding-left:1.8em; 
}

.left-col .attribute li a { 
	background:url(../images/form-sprites.gif) no-repeat -195px 2px; 
	padding-left:1.8em; 
}

.left-col .attribute li a:hover { 
	background:url(../images/form-sprites.gif) no-repeat -195px -38px; 
}

.left-col .attribute li.active a { 
	background:url(../images/form-sprites.gif) no-repeat -395px 2px; 
}

.left-col .attribute span { 
	color:#cacccc; 
}

/* Subfilter */

.left-col .category li li { 
	padding-left:1.4em; 
}

.left-col .category li li a,
.left-col .category li.on li a { 
	background:url(../images/arrow-sprites.gif) -278px -41px no-repeat; 
	font-size:.85em; 
	font-weight:normal; 
} 



.left-col .my-account li a,
.left-col .category li a { 
	background:url(../images/arrow-sprites.gif) 6px 6px no-repeat; 
	padding-left:1.8em; 
}

.left-col .category li.on a { 
	background:url(../images/arrow-sprites.gif) -274px 6px no-repeat; 
}

.left-col .my-account li.active a { 
	background:url(../images/arrow-sprites.gif) 6px -38px no-repeat; 
	padding-left:1.8em; 
}

/* Highlighting */
.left-col .progress li.on span, /* ??? */
.left-col .navi li.active a { 
	font-weight:bold !important; 
}
.left-col .navi li.active li a { 
	font-weight:normal !important; 
}


/* Progress */
.left-col .progress li { 
	display:block; 
	padding:.4em; 
}

.left-col .progress li a { 
	padding:0; 
	display:none; 
}

.left-col .progress li.on a { 
	display:block; 
	float:right; 
	font-size:.7em; 
}

.left-col .progress address,
.left-col .progress .content { 
	border-top:1px solid #000; 
	padding:.8em; 
}


.left-col div.filter-arrow { background:url(../images/arrow-sprites.gif) no-repeat 0px -91px; height:10px; margin:-15px auto 10px; width:100px; }


/* LEFT COLUMN reports recently viewed products */

.recently-viewed { 
	margin:-.5em 0 1.3em; 
	position:relative; 
}

.recently-viewed { 
	background-color:#fff; 
	border:1px solid #e3e4e4; 
	-moz-border-radius:5px; 
}

.recently-viewed .item-holder { 
	height:62px; 
	margin:0 26px; 
	padding:5px 0; 
	overflow:hidden; 
	position:relative; 
	width:130px; 
	z-index:300; 
}

.recently-viewed ul { 
	height:62px; 
	width:600px; 
	position:relative; 
	left:-471px; 
}

.recently-viewed li { 
	border:1px solid #e3e4e4; 
	float:right; 
	height:60px; 
	margin-left:4px; 
}

.recently-viewed .prev,
.recently-viewed .next { 
	float:none; 
	position:absolute; 
	width:18px; 
	top:16px;
}

.recently-viewed .prev { 
	left:5px; 
}

.recently-viewed .next { 
	left:159px; 
}

.recently-viewed .prev a { 
	background:url(../images/form-sprites.gif) no-repeat scroll top left; 
	height:40px; 
}

.recently-viewed .next a { 
	background:url(../images/form-sprites.gif) no-repeat scroll -20px 0; 
	height:40px; 
}

.recently-viewed .prev.disabled a { 
	background:url(../images/form-sprites.gif) no-repeat scroll 0 -40px; 
	cursor:default; 
}

.recently-viewed .next.disabled a { 
	background:url(../images/form-sprites.gif) no-repeat scroll -20px -40px; 
	cursor:default; 
}


/********** Catalog Product View **********/


/* Category Listing */
.sub-category-list li { 
	border:1px solid #e3e4e4; 
	-moz-border-radius:5px; 
	float:left; 
	margin:12px 13px 0 0; 
	padding:6px; 
	width:216px; 
}

.sub-category-list li div { 
	font-size:11px; 
	height:70px; 
	margin-left:90px; 
	padding-top:10px; 
}

.sub-category-list li a.image { 
	float:left; 
}

.sub-category-list li.i3 { 
	margin:12px 0 0 0; 
}


/* general Product */

div.price { 
	line-height:1.5em; 
}

span.price { 
	color:#c1002a; 
	font-weight:bold; 
	line-height:1.5em; 
}


/* Product Listing */

.product-list li.item { 
	float:left; 
	margin:5px; 
	width:31.5%; 
	height:286px; 
} 

.catalogsearch-result-index .product-list li.item { 
	float:left; 
	margin:0 5px; 
	width:23.7%; 
}

.product-list .product-image,
.product-list .more-images	{ 
	float:left; 
}

.product-list .more-images li { 
	padding:2px; 
}

.product-list .more-images li a { 
	height:30px; 
	width:30px;  
}

.product-list .more-images li a.more { 
	display:block; 
	font-size:15px; 
	font-weight:bold; 
	height:30px; 
	text-align:center; 
}

.product-list .more-images li.hover { 
	background:url(../images/background-sprites.gif) no-repeat left top; 
}

.product-list p, 
.product-list h3 { 
	clear:left; 
	margin:0; 
}

.product-list .price-box { 
	display:inline; 
}

#product-list_float { 
	float:right;
	padding:20px; 
}


/*  Product Listing Toolbar */

.product-list-toolbar { 
	line-height:23px; 
	border:1px solid #e3e4e4; 
	margin-bottom:18px; 
	padding:3px 6px; 
	-moz-border-radius:6px; 
}

.product-list-toolbar.col3-set .col-1, 
.product-list-toolbar.col3-set .col-2, 
.product-list-toolbar.col3-set .col-3 { 
	float:left; 
	width:33%; 
	margin:0; 
}

.product-list-toolbar.col3-set .col-3 { 
	float:right; 
}

.product-list-toolbar .per-page label { 
	float:left; 
}

.product-list-toolbar .per-page ul.links { 
	float:left; 
}

.product-list-toolbar .sort .sort-button { 
	background:url(../images/form-sprites.gif) no-repeat -110px 0px; 
	display:block; 
	float:left; 
	height:24px; 
	width:40px; 
	text-indent:-6100px; 
}

.product-list-toolbar .sort .sort-button.asc { 
	background-position:-110px -30px; 
}

.product-list-toolbar .sort .sort-button a { 
	display:block; 
}

.product-list-toolbar .sort .sort-by { 
	float:left; 
}

.product-list-toolbar .pages label,
.product-list-toolbar .pages ul.links { 
	float:right; 
}


/* Product Detail */

.product-info.col2-set .col-1 { 
	width:352px; 
}

.product-info.col2-set .col-2 { 
	float:right; 
	width:340px; 
}


/* Product Detail -> Product Image and Zoom */

.product-image { 
	padding:6px; 
}

.product-image-buttons { 
	padding-top:6px; 
}
.image-zoom-btn, 
.image-360-btn,
.image-more-btn {
	float:left; 
	height:23px; 
	margin-right:6px; 
	text-indent:-6100px; 
	width:34px;
	background:url(../images/form-sprites.gif) no-repeat -400px -40px;
}

.image-360-btn { 
	background:url(../images/form-sprites.gif) no-repeat -440px -40px; 
}

.image-more-btn { 
	background:url(../images/form-sprites.gif) no-repeat -480px -40px;  
}


/* Product Detail -> Product Price */

.product-price .price { 
	font-size:1.3em; 
}


.sku-shippingcosts { 
	padding-bottom:12px; 
}


/* Product Detail -> Color and Size Selectorbox */

.size-color-info { 
	border-bottom:1px solid #cacccc; 
}

.size-color-info div { 
	float:left; 
	margin-right:12px; 
	padding-bottom:12px; 
}

.size-color-info .size-table-link { 
	float:right; 
	margin-right:0; 
}

.selectbox { 
	clear:left; 
	margin-top:6px; 
	position:relative; 
}

.selectbox .item-holder { 
	float:left; 
	width:auto; 
}

.selectbox .item-holder label { 
	display:block; 
}


/* Color-Fields */

.color-select-btn {  
	background:url(../images/form-sprites.gif) scroll no-repeat right -120px; 
	padding-right:5px; 
	float:left; 
	margin-right:12px; 
}

.color-select-btn ul.colors { 
	background:url(../images/form-sprites.gif) scroll no-repeat 0px -80px; 
	height:28px; 
	padding:6px 0 6px 5px; 
}

.size-select-btn { 
	background:url(../images/form-sprites.gif) scroll no-repeat right -200px; 
	cursor:pointer; 
	float:left; 
	padding-right:20px; 
	font-size:14px;
	font-weight:bold; 
}

.size-select-btn div { 
	background:url(../images/form-sprites.gif) scroll no-repeat 0px -160px; 
	cursor:pointer; 
	display:block; 
	height:34px; 
	line-height:34px;
	padding:3px 0px 3px 8px; 
	width:42px;  
}

.size-select-btn div.small { 
	line-height:13px; 
	height:30px; 
	padding:6px 0px 4px 12px; 
	width:58px;
	font-size:11px;  
}

.size-select-btn small { 
	color:#6f6f71; 
	display:block; 
	font-weight:normal; 
	font-size:10px; 
	line-height:13px; 
	padding-top:4px;
}

.size-select-btn:hover, 
.size-select-btn.over { 
	background:url(../images/form-sprites.gif) scroll no-repeat right -240px; 
}
 
.size-select-btn:hover div, 
.size-select-btn.over div { 
	background:url(../images/form-sprites.gif) scroll no-repeat 0px -200px; 
}


/* Color-Size-Dropdown */

.color-size-matrix { 
	background:#fff; 
	border:1px solid #e3e4e4; 
	position:absolute; 
	left:0; 
	top:60px; 
}

.color-size-matrix li em { 
	cursor:pointer; 
	float:left; 
	line-height:23px; 
	padding:2px 20px 2px 21px; 
	width:42px;
	font-size:14px;
	font-weight:bold;
}

.color-size-matrix li em.small { 
	cursor:pointer; 
	float:left; 
	line-height:9px; 
	padding:2px 6px 2px 21px; 
	width:40px; 
	font-size:11px; 
	font-weight:bold; 
}

.color-size-matrix li:hover, 
.color-size-matrix li.over { 
	background:#e3e4e4; 
}

ul.colors { 
	float:left; 
	padding:0 4px; 
}

ul.colors li { 
	border:1px solid #fff; 
	cursor:pointer; 
	float:left; 
	height:23px; 
	margin:1px; 
	width:35px; 
}

ul.colors li.selected,  
ul.colors li:hover, 
ul.colors li.over { 
	border:1px solid #414143; 
}

ul.colors li div { 
	border:1px solid #fff; 
	display:block; 
	height:21px; 
	color:#fff; 
	font-size:9px; 
	line-height:24px; 
	text-align:center;
}

ul.colors li div.outofstock { 
	background:url(../images/bullet_red.png) no-repeat right center; 
}

ul.colors li div.kw { 
	background:url(../images/bullet_orange.png) no-repeat right center; 
}

/* Product Detail -> Color and Size Selectorbox (smaller versions) */

.mini .size-select-btn div { 
	width:36px; 
}

.mini .color-size-matrix li em { 
	width:36px; 
}


/* Color and Size Selectorbox with size-button */

.mini.c7 ul.colors li,
.mini.c8 ul.colors li,
.mini.c9 ul.colors li,
.mini.c10 ul.colors li,
.mini.c11 ul.colors li,
.mini.c12 ul.colors li,
.mini.c13 ul.colors li,
.mini.c14 ul.colors li {  
	margin:1px 0; 
}

.mini.c7 ul.colors li { 
	width:33px; 
}

.mini.c8 ul.colors li { 
	width:29px;  
}

.mini.c9 ul.colors li { 
	width:25px; 
}

.mini.c10 ul.colors li { 
	width:21px !important; 
}

.mini.c11 ul.colors li { 
	width:20px;  
}

.mini.c12 ul.colors li { 
	width:19px; 
}

.mini.c13 ul.colors li { 
	width:17px; 
}

.mini.c14 ul.colors li { 
	width:15px; 
}

.mini.c12 ul.colors li div.outofstock { 
	background:url(../images/outofstock.gif) no-repeat 2px center; 
}


/* Color and Size Selectorbox without size-button */

.mini.c9b ul.colors li,
.mini.c10b ul.colors li,
.mini.c11b ul.colors li,
.mini.c12b ul.colors li,
.mini.c13b ul.colors li,
.mini.c14b ul.colors li {
	margin:1px 0;
}

.mini.c9b ul.colors li { 
	width:33px;
}

.mini.c10b ul.colors li { 
	width:29px; 
}

.mini.c11b ul.colors li { 
	width:27px; 
}

.mini.c12b ul.colors li { 
	width:25px;
}

.mini.c13b ul.colors li { 
	width:22px; 
}

.mini.c14b ul.colors li { 
	width:21px; 
}


/* Product Detail -> Add to Cart */

.add-to-cart-box { 
	float:right; 
	margin-top:12px; 
}

.add-to-cart-box .qty-box { 
	float:left; 
	line-height:25px; 
	margin-right:12px; 
}

.qty { 
	width:50px; 
}


/* Product Detail -> More Images */

.more-views li { 
	background:#fff; 
	border:1px solid #e3e4e4; 
	margin:-1px 5px 0 0; 
	float:left; 
	padding:5px 5px 0; 
}


/* Product Detail -> Related Products */

.mini-related-items li { 
	float:left; 
	width:24%; 
}


/* Product Detail -> Material & Details */

.tab-box .tab-header { 
	border-bottom:1px solid #cacccc; 
	margin-bottom:12px; 
	padding:4px 0 0; 
}

.tab-box .tab-header a, 
.tab-box .tab-header span { 
	font-weight:bold; 
	margin-bottom:-1px; 
}

.tab-box .tab-header a, 
.tab-box .tab-header span { 
	float:left; 
	padding:6px 12px; 
}

.material .tab-header .material-tab, 
.details .tab-header .details-tab, 
.features .tab-header .features-tab, 
.add0 .tab-header .add0-tab, 
.add1 .tab-header .add1-tab { 
	background:#fff; 
	border:1px solid #cacccc; 
	border-bottom:0 none; 
	color:#18171c; 
	text-decoration:none; 
}

.tab-box .details, 
.tab-box .material, 
.tab-box .features, 
.tab-box .add0, 
.tab-box .add1,
.tab-box .details h3, 
.tab-box .material h3, 
.tab-box .features h3, 
.tab-box .add0 h3, 
.tab-box .add1 h3 { 
	display:none; 
}

.tab-box.material .material, 
.tab-box.details .details, 
.tab-box.features .features, 
.tab-box.add0 .add0, 
.tab-box.add1 .add1 { 
	display:block;
}


/********** CHECKOUT **********/

.one-page-checkout .col-1 { 
	float:left; 
	width:270px; 
	padding-right:27px; 
}

.one-page-checkout .col-2 { 
	border-left:3px solid #e3e4e4; 
	float:right; 
	width:270px; 
	padding-left:50px; 
	padding-right:24px; 
}

.one-page-checkout .head { 
	background:#fff; 
	border:1px solid #cacccc; 
	border-bottom-color:#fff; 
	padding:7px 5px; 
}

.one-page-checkout .head h3 { 
	margin:0; 
	color:#6F6F71;
}

.one-page-checkout .head a { 
	display:none; 
}

.one-page-checkout .active.allow .head { 
	cursor:default; 
}

.one-page-checkout .allow .head { 
	background:#f3f4f4; 
	border-bottom-color:#f3f4f4; 
	cursor:pointer; 
} /* similar to form/login header */


.one-page-checkout .allow .head h3 { 
	color:#414143; 
}

.one-page-checkout .active .head { 
	background:#18171c; 
	border-color:#414143; 
}

.one-page-checkout .active .head h3 { 
	color:#fff 
}

#opc-review .head { 
	border-bottom:1px solid #cacccc; 
} /* last element */


.one-page-checkout .box-no-padding,
.one-page-checkout .box { 
	border-bottom:0 none; 
}

#opc-review .box { 
	border-bottom:1px solid #cacccc; 
}

.opc-please-wait { 
	float:right; 
	height:20px;
	color:#6f6f71;
}

.input-box.button-set .opc-please-wait { 
	margin-top:13px; 
}

.shipping { 
	color:#6f6f71; 
	float:right;  
}

.shipping-costs-cart { 
	font-size:11px; 
	margin-bottom:12px; 
}

.change-password-option label,
.payment-methods dt label { 
	color:#18171c; 
	font-weight:bold; 
}

.change-password-option { 
	margin-top:18px; 
	padding:2px 0 3px; 
}

.change-password-option.active { 
	border-bottom:1px solid #e3e4e4; 
	padding:2px 0; 
}

.payment-methods dt {
    padding:3px 0;
}

.payment-methods dd { 
	border-bottom:1px solid #e3e4e4;  
}

.payment-methods dd ul { 
	margin-bottom:18px; 
}

.agreement-content { 
	height:180px; 
	overflow: auto;
	margin:10px 0;	
	border:1px solid #E3E4E4; 
}

.agb_frame {
	padding:20px;
	width:600px;
}


/********** SHOPPING CART **********/

.proceed-to-checkout-button { 
	float:right !important; 
}

.shopping-cart { 
	margin:0 0 12px; width:100%; 
}

.data-table { 
	border:1px solid #e3e4e4; 
}

.data-table th { 
	background:#18171c; 
	color:#fff; 
	border-bottom:1px solid #e3e4e4; 
	font-weight:bold; 
	padding:7px 5px; 
}
 
.data-table td { 
	border-bottom:1px solid #e3e4e4;
	background:#fff; 
	padding:6px; 
	vertical-align:middle;  
}

.data-table tr.last td { 
	border-bottom:0 none; 
}

.data-table td dt { 
	color:#6f6f71; 
	clear:left; 
	float:left; 
	width:50px; 
	line-height:18px; 
} /* like label */

.data-table td dd { 
	float:left; 
	line-height:18px; 
}

.a-center { 
	text-align:center; 
}

.a-right { 
	text-align:right; 
}

.shopping-cart-totals { 
	float:right; 
	width:340px; 
}

.shopping-cart-totals .data-table { 
	margin:0 0 12px 0; 
	width:100%; 
}

.checkout-types { 
	margin-top:12px; 
}

a.btn-trash { 
	background:url(../images/form-sprites.gif) scroll no-repeat -81px -60px; 
	float:left; 
	height:20px; 
	margin-left:18px; 
	text-indent:-6100px; 
	width:18px; 
}

a.btn-ok {
	background:url(../images/form-sprites.gif) scroll no-repeat -50px -60px;
	float:left;
	height:20px;
	margin-left:18px;
	text-indent:-6100px;
	width:18px;
}


/********** FORM-ELEMENTS **********/

legend { 
	display:none; 
}

input.input-text, 
select, 
textarea { 
	border:1px solid #dfdfe0; 
	border-top:1px solid #a6a6a9; 
	padding:2px; 
}

form label, 
.form-list label { 
	color:#6f6f71; 
	padding-top:4px; 
}


/* Buttons */

.button { 
	background:url(../images/form-sprites.gif) scroll no-repeat right -310px; 
	cursor:pointer; 
	float:left; 
	height:27px; 
	margin-bottom:5px; 
	padding-right:5px; 
}

.button div { 
	background:url(../images/form-sprites.gif) scroll no-repeat left -280px; 
	height:27px; 
	padding-left:5px; 
}

.button div button,
.button div a { 
	background:none; color:#414143; 
	display:block; 
	font-family:arial; 
	font-size:12px; 
	height:25px;  
	text-indent:0; 
	margin:0; 
	outline: none !important; 
	border:0; 
	padding:0 10px; 
}

.button div a { 
	line-height:27px; 
	text-decoration:none; 
}

/* todo: IE hover fix, event observe! replace hover class*/
.button:hover { 
	background:url(../images/form-sprites.gif) scroll no-repeat right -370px; 
}

.button:hover div { 
	background:url(../images/form-sprites.gif) scroll no-repeat left -340px; 
}

/* IE padding/width bug */
.button button { 
	overflow:visible; 
}

html>/**/body .button button { 
	overflow:auto; 
} 

.data-table textarea { 
	height:80px; 
	width:270px; 
}

.form-list li { 
	padding:6px 0; 
}

.input-box { 
	float:left; 
	width:270px; 
	padding-right:24px; 
}

.input-box.button-set { 
	width:372px; 
	padding-right:0; 
	margin:0;
}

.form-list input.input-text { 
	width:264px; 
}

.form-list textarea { 
	height:160px; 
	width:558px; 
}

.form-list select { 
	width:564px; 
}

.form-list .input-box select { 
	width:270px; 
} 

.group-select .input-box.name-prefix { 
	width:80px; 
}

.group-select .input-box.name-prefix select { 
	width:80px; 
}

.group-select .input-box.name-firstname { 
	width:166px; 
}

.group-select .input-box.name-firstname input { 
	width:160px; 
}

.group-select .input-box.company input { 
	width:558px; 
}

.group-select .input-box.street-name { 
	width:176px; 
}

.group-select .input-box.street-name input { 
	width:170px; 
}

.group-select .input-box.street-number { 
	width:70px; 
}

.group-select .input-box.street-number input { 
	width:64px; 
}

.group-select .input-box.dob { 
	float:left; 
}
	
.group-select .input-box.dob-day,
.group-select .input-box.dob-month { 
	width:70px; 
}

.group-select .input-box.dob-day input,
.group-select .input-box.dob-month input { 
	width:64px; 
}

.group-select .input-box.dob-year { 
	width:82px; 
	padding-right:0; 
}

.group-select .input-box.dob-year input{ 
	width:76px; 
}

/* legacy: */ 
.group-select li .input-box input { 
	width:264px; 
}

.input-box.plz { 
	width:80px; 
}

.input-box.plz input.input-text { 
	width:74px; 
}

.one-page-checkout .col-1 .input-box.plz { 
	padding-right:0; 
}

.input-box.city, .input-box.globetrotter-id { 
	width:166px; 
}

.input-box.city input.input-text, 
.input-box.globetrotter-id input.input-text { 
	width:160px; 
}

.col3-set .input-box.city { 
	padding-right:0; 
}

.input-box.expiration { 
	width:123px; 
}

.input-box.expiration select { 
	width:123px; 
}

.input-box.no-label { 
	padding-top:16px; 
}

.input-box .button { 
	margin-top:13px; 
}


/* Required Fields */

span.required, 
p.required span { 
	color:#c1002a; 
}

p.required { 
	color:#6f6f71; 
	text-align:right; 
}


/* Validation */

.validation-advice { 
	background:url(../images/icon-sprites.gif) no-repeat left -178px; 
	color:#ff0038; 
	padding-left:18px; 
	text-align:left; 
	width:540px; 
}

.group-select .input-box.name-prefix .validation-advice { 
	width:62px; 
}

.group-select .input-box.name-firstname .validation-advice { 
	width:148px; 
}

.group-select .input-box.street-name .validation-advice { 
	width:152px; 
}

.group-select .input-box.street-number .validation-advice { 
	width:52px; 
}

.input-box.plz .validation-advice { 
	width:56px; 
}

.input-box.city .validation-advice,
.input-box.globetrotter-id .validation-advice { 
	width:142px; 
}

#register-customer-password .validation-advice,
#advice-validate-password-password { 
	width:242px; 
}

.validation-failed { 
	background:#fff7f9; 
	border:1px solid #ff0038 !important; 
}


/* Button-Set */
.button-set { 
	text-align:right; 
	margin:15px 0 0 0; 
}

.button-set p { 
	margin:0 0 5px 0; 
}

.button-set span.left, 
.button-set a.left,
.button-set a.link_left { 
	margin:5px 0; 
}

.button-set .button { 
	float:right; 
	margin-left:10px; 
}

.button-set a.link_left {
	float: left;
}


/* Messages */


ul.messages { 
	zoom:1; 
} /* IE has layout Bug */

.error-msg,
.success-msg,
.advice-msg {
	font-size:15px; 
	font-weight:bold;  
	padding:10px;
}

.error-msg { 
	background:#fff7f9; 
	border:1px solid #ff0038; 
	color:#ff0038;  
}

.success-msg { 
	background:#f7f7ef; 
	border:1px solid #a1a544; 
	color:#a1a544;   
}

.advice-msg { 
	background:#e7eaf5; 
	border:1px solid #3a4e95; 
	color:#3a4e95;  
	margin:5px 0;  
}

.advice-msg div { 
	font-size:13px; 
	font-weight:normal; 
	padding-top:6px; 
}


/* Login */

.customer-account-login .col-1,
.customer-account-login .col-2 { 
	width:395px; 
}

.customer-account-login .col-2 { 
	float:right; 
}

.account-box .col-1, 
.account-box .col-2 { 
	width:270px; 
}


/* Sitemap */
 
td.pages li { display:inline; }


/* ???
.links li.active { font-weight:bold; }
.links li.active a { color:inherit; text-decoration:none; }
*/


/**
 * Top Navigation Categories
 */

/*
.top-categories li { position:relative; }
.top-categories li ul { left:-10000px; position:absolute; }
.top-categories li:hover ul,
.top-categories li.on ul { left:0; }

*/

#iframe_form {padding:18px 0;}

    #iframe_form .input-box {
        float:none;
        width: auto;
    }
        #iframe_form .v-fix {display:inline;}

.button-set p {text-align:left;}

.button-set .left {
    float:left;
    margin:30px 0 0;
}
/* Giftcards
***********************************************************************************************************************/

#opc-giftcard ul li {
    clear:both;
    padding-bottom:10px;
    height:40px;
}

#opc-giftcard ul li p {
    float:left;
    margin-right:10px;
}

#opc-giftcard ul li p.giftcard_error,
#opc-giftcard ul li p.giftcard_amount_loading,
#opc-giftcard ul li p.giftcard_amount_display {
    float:right;
}

#opc-giftcard ul li p label {
    display:none;

}

#opc-giftcard ul li p input.giftcard-number {
    width:200px;
}

#opc-giftcard ul li p input.giftcard-amount {
    text-align:right;
    background:transparent;
    font-weight:bold;
    border:0;
}

#opc-giftcard ul li div.button {
    margin-top:-3px;
}

#giftcard_error {
    color:#C1002A;
}

input.input-pin {
    width:60px;
}

#opc-giftcard #giftcard-total p {
    float:right;
}

#opc-giftcard .giftcard-single {
    display:none;
}

#giftcard-total-value {
    font-weight:bold;
}
