﻿#mainNavi, #flashFooter
{
	visibility: visible !important;
}
#noFlash
{
	float: right;
	padding: 0px 0px 0px 0px;
}

/*
@font-face {
	font-family: 'DaxRegular';
	src: url('/Styles/fonts/Dax-Regular.eot');
	src: local('Dax Regular'), local('Dax-Regular'), url('/Styles/fonts/Dax-Regular.woff') format('woff'), url('/Styles/fonts/Dax-Regular.otf') format('opentype'), url('/Styles/fonts/Dax-Regular.svg#Dax-Regular') format('svg');
}

@font-face {
font-family: 'DidotRegular';
src: url('Didot.eot');
src: local('Didot'), local('Didot'), url('Didot.woff') format('woff'), url('Didot.ttf') format('truetype');
} 
*/

@font-face {
	font-family: 'DidotRegular';
	src: url('fonts/Didot.eot');
	src: local('Didot'), local('Didot'), url('fonts/Didot.woff') format('woff'), url('fonts/Didot.ttf') format('truetype');
	src: local('Didot'), local('Didot'), url('fonts/Didot.woff') format('woff'), url('fonts/Didot.ttf') format('truetype');
}

@font-face {
	font-family: 'DidotLTStdBold';
	src: url('fonts/didotltstdbold.eot');
	/** src: local('Didot LT Std'), local('DidotLTStd-Bold'), url('fonts/didotltstdbold.woff') format('woff'), url('fonts/didotltstdbold.ttf') format('truetype'), url('fonts/didotltstdbold.svg#DidotLTStd-Bold') format('svg'); **/
	src: local('Didot LT Std'), local('DidotLTStd-Bold'), url('fonts/didotltstdbold.ttf') format('truetype'), url('fonts/didotltstdbold.svg#DidotLTStd-Bold') format('svg');
}

*{
	margin: 0; 
}

BODY
{
	background: #e8e8e8;
	margin: 0px;
	padding: 0px;
}
html, body
{
    height: 100%;
    
}

object
{
	outline: none;
}

#bgPageImg, .bgPageImg
{
	display: none;
	left: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: -1;
}

/* GENERAL */
A{
	color: #ffffff;
}

A:hover{
	color: #ffffff;
}

P{
	padding: 0px 0px 13px 0px;
}

/* TYPO */
BODY{
	font-family: Georgia, Sans-Serif;
	font-size: 10px;
	line-height: 13px;
}

H1
{
	font-size: 20px;
	line-height: 24px;
	color: #666666;
	margin: 0px 0px 6px 0px;
}
	h1#pageName,
	img#pageName
	{
		color: #000000;
		font-family: 'DidotLTStdBold', Serif;
		font-size: 120px;
		font-weight: normal;
		left: 0px;
		line-height: 120px;
		position: absolute;
		text-transform: uppercase;
		top: 242px;
		width: 960px;
		z-index: 9;
	}
		h1#pageName
		{
			line-height: 105px;
		}
		h1#pageName p
		{
			padding: 0px 0px 0px 0px;
		}
		img#hideImage,
		#hideImage img
		{
			display: none;
		}

.ingress, .ingress P{
	font-size: 12px;
	line-height: 17px;
}

.storePage H1
{
	color: #C00B53;
	font-size: 26px;
	font-weight: normal;
	line-height: 27px;
}

.findStore{
	color: #666666;
}

.formRow{
	text-transform: uppercase;
}

.storeList{
	line-height: 16px;
	color: #666666;
}

.storeList H2
{
	font-size: 11px;
	line-height: 15px;
	text-transform: uppercase;
}

.topNavi, .footerNavi
{
	color: #000000;
	font-size: 11px;
	text-transform: uppercase;
}

.topNaviSub{
	color: #666666;
	font-size: 10px;
	text-transform: uppercase;
}

.topNavi A, .topNaviSub A, .footerNavi A
{
	color: #000000;/**/
	font-family: Sans-Serif;
	text-decoration: none;
}

.topNavi A{
	text-transform: uppercase;
}
.footerNavi A{
	color: #7c7c7c;/**/
}

.subNavi H1{
	font-size:36px;
	line-height:44px;
	padding:0 0 0 0px;
}

.subNavi H2,
h2.productCategory
{
	/*clear:both;*/
	color: #C00B53;
	font-size: 26px;
	font-weight: normal;
	line-height: 27px;
}
h2.productCategory
{
	height: 30px;
}

#textPosition .subNavi UL LI A
{
	font-family: Sans-Serif;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;/**/
}

#textPosition .subNavi UL LI{
	text-transform: none;
}

#textPosition .subNavi UL LI UL LI{
	font-size: 11px;
	line-height: 14px;
	text-transform: uppercase;
}

#textPosition .subNavi UL LI UL LI UL LI{
	font-weight: normal;
	text-transform:none;
}

.topNavi a
{
	color: #000000;
	font-family: Sans-Serif;
}

.topNaviSub A:hover, #textPosition .subNavi A:hover{
	color: #999999;
}
.footerNavi A:hover{
	color: #000000;
}
.topNavi A:hover{
	color: #333333;
}

.topNaviSub A.active,
#textPosition .subNavi A.active,
.footerNavi A.active
{
	color: #999999;
}
.topNavi A.active
{
	border-bottom: solid 1px #333333;
	color: #333333;
	padding-bottom: 2px;
}

.productRow A{
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	/*color: #666666;*/
}

.productRow A:hover{
	/*color: #0a2c3f;*/
}

.productInfo{
	font-size: 13px;
	line-height: 16px;
	color: #666666;
}

.productInfo P{
	padding: 0px 0px 8px 0px;
}

.productInfo H2{
	color: #BF0B52;
	font-size: 26px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
}

.productInfo H3{
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	margin: 0px 0px 6px 0px;
}

.productInfo H4{
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
}

.productInfo A{
	font-size: 11px;
	line-height: 13px;
	/*color: #666666;*/
	text-decoration: none;
	text-transform: uppercase;
}

.productInfo A:hover{
	/*color: #0a2c3f;*/
}


.pagination,
.PagingContainer,
.PagingContainer .pages ul li
{
	border-bottom: none !important;
	color: #666666;
	float: none !important;
	font-size: 13px !important;
	line-height: 20px;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 3px 0px 3px !important;
	width: auto !important;
}

.pagination A, .PagingContainer A{
	text-decoration: none;
	/*overflow: auto; fixes bug in IE regarding use of italic text*/
}

.pagination .pages A.active, 
.PagingContainer .pages ul li .SelectedPagingItem,
.PagingContainer .pages ul li a:hover,
.PagingContainer .next a:hover,
.PagingContainer .prev a:hover
{
	color: #ffffff;
}

.date{
	color: #666666;
}

.startPagePush A{
	font-size:22px;
	line-height: 22px;
	font-style: italic;
	/*color: #666666;*/
	text-decoration: none;
}

.startPagePush A:hover{
	/*color: #0a2c3f;*/
}

.startPageFooter .footerNavi, .startPageFooter .footerNavi A{
	color: #ffffff;
}

.startPageFooter .footerNavi A:hover{
	color: #0a2c3f;
}

.newsList H3{
	color:#000000;
	font-size:11px;
	font-weight:normal;
	margin: 0px 0px 4px 0px;
}

.newsList H2{
	color: #666666;
	font-size:18px;
	line-height: 18px;
	font-weight:normal;
	margin: 0px 0px 5px 0px;
}

.newsList A{
	font-size:11px;
	text-decoration: none;
}

.pageInfo
{
	color: #666666;
	font-size: 20px;
	line-height: 23px;
	text-transform: uppercase;
}
	.pageInfo .items
	{
		font-size: 11px;
		line-height: 13px;
		text-transform: none;
	}

/* LAYOUT */
.wrapper{
	width: 100%;
	float: left;
	/* background: url(../Images/bg_wrapper.jpg); */
	margin: 0px 0px 0px 0px;
	position: relative;
	z-index: 1;
}

.startWrapper{
	width: 100%;
	float: left;
	background: url(../Images/bg_wrapper.jpg);
	margin: 410px 0px 0px 0px;
	position: relative;
	z-index: 1;
}

.startPage .wrapper{
	margin: 410px 0px 0px 0px;
}

.center{
	width: 960px;
	margin: 0px auto;
}

.container, .head, .content, .footer{
	float: left;
	width: 960px;
}
.startPage
{
	height: 600px;
	width: 960px;
}
	.startPage .content
	{
		width: 1000px;
	}

.container
{
	height: 100%;
}

.head{
	height: 120px;
	position: relative;
}

.content
{
	float: left;
	min-height: 600px;
	position: relative;
}


#textPosition .subNavi
{
	float: right;
	font-size: 11px;
	outline: none;
}

#textPosition .subNavi H2{
	margin: 0px 0px 15px 0px;
}

.productPage .subNavi{
	width: 160px;
}

.articlePage .subNavi{
	width: 200px;
}


.standardpage #position0
{
	left: 80px;
	top: 0px;
	z-index: 1;
}
	.startPage #position0
	{
		bottom: 0px;
		right: 0px;
		z-index: 7;
	}
.standardpage #position1
{
	left: 250px;
	top: 100px;
	z-index: 2;
}
	.startPage #position1
	{
		bottom: 0px;
		left: 0px;
		z-index: 6;
	}
.standardpage #position2
{
	left: 0px;
	top: 350px;
	z-index: 3;
}
	.startPage #position2
	{
		right: 40px;
		top: 0px;
		z-index: 5;
	}
.standardpage #position3
{
	left: 500px;
	top: 390px;
	z-index: 4;
}
	.startPage #position3
	{
		bottom: 90px;
		right: 220px;
		z-index: 7;
	}
.standardpage #position4
{
	display: none;
	right: 495px;
	top: 70px;
	z-index: 3;
}
	.startPage #position4
	{
		left: 260px;
		top: 90px;
		z-index: 3;
	}
.standardpage #position5
{
	bottom: 130px;
	display: none;
	left: 220px;
	z-index: 4;
}
	.startPage #position5
	{
		bottom: 30px;
		left: 220px;
		z-index: 2;
	}
.standardpage #position6
{
	display: none;
	right: 0px;
	top: 10px;
	z-index: 4;
}
	.startPage #position6
	{
		right: 200px;
		top: 70px;
		z-index: 5;
	}
.standardpage #position7
{
	bottom: 25px;
	display: none;
	left: 20px;
	z-index: 1;
}
	.startPage #position7
	{
		left: 60px;
		top: 20px;
		z-index: 1;
	}
#textPosition
{
	background: url(../Images/1a1a1a_90.png);
	color: #ffffff;
	float: right;
	margin: 20px 0px 20px 0px;
	padding: 30px 40px 30px 40px;
	position: relative;
	width: 435px;
	z-index: 10;
}
#textPosition ul#presslist
{
	clear: both;
	float: left;
	list-style: none;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
	#textPosition h1,
	#textPosition h2
	{
		margin: 0px 0px 0px 0px !important;
		width: 235px;
	}
	#textPosition #presslist li
	{
		border-bottom: solid 1px #ffffff;
		float: left;
		margin: 0px 0px 15px 0px;
		padding: 0px 0px 15px 0px;
		width: 435px;
	}
		#textPosition #presslist li img
		{
			float: left;
			margin: 5px 15px 0px 0px;
			max-width: 60px;
		}
		#textPosition #presslist li span
		{
			display: block;
			float: left;
			width: 360px;
		} 
	#columnContainer
	{
		background: url(../Images/text_small_line.gif) no-repeat top left;
	}
	#textPosition p, 
	#columnContainer
	{
		clear: both;
		width: 435px;
	}
		#columnContainer p
		{
			text-align: justify;
			width: auto;
		}
			.columnized
			{
				padding: 30px 0px 0px 0px;
			}
			#columnContainer div,
			.columnized div
			{
				float: left;
				margin: 0px 5px 0px 0px;
				padding: 0px 10px 0px 0px;
				width: 200px;
			}
			#columnContainer img,
			.columnized img
			{
				width: 200px;
			}
		#textPosition p.ingress
		{
			font-size: 12px;
			line-height: 17px;
		}

.footer
{
	height: 80px;
	margin: -80px 0px 0px 0px;
	position: relative;
}

.startPageFooter{
	position: absolute;
	left: 50%;
	bottom: 0px;
	height: 55px;
	margin-left: -442px;
	width: 960px;
}

.footerMargin{
	float: left;
	width: 100%;
	height: 80px;
}


/* TOPNAVI + SUBNAVI + FOOTERNAVI */
.topNavi{
	float: left;
	clear: both;
}

.topNaviSub{
	float: left;
	clear: both;
	margin: 10px 0px 0px 0px;
}

.topNavi UL, .topNaviSub UL, .subNavi UL, .footerNavi UL{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

	.topNavi UL LI,
	.topNaviSub UL LI,
	.footerNavi UL LI
	{
		float: left;
		margin: 0 25px 0 0;
		padding: 0px 0px 0px 0px;
	}


#textPosition .subNavi UL
{
	margin: 0px 0px 0px 0px;
	width: 200px;
}
#textPosition .subNavi UL LI
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 2px 5px;
	width: 90px;
}

#textPosition .subNavi UL LI UL LI{
	padding: 1px 0px 1px 0px;
}

.footerNavi{
	position: absolute;
	right: 0px;
	top: 35px;
	left: 0px;
	outline: none;
}

/* HEAD STUFF */
.mainNavi{
	position: absolute;
	top: 50px;
	left: 0px;
	outline: none;
}

.logo
{
	border: none;
	position: absolute;
	top: 40px;
	right: 0px;
}
.miniLogo
{
	clear: left;
	float: left;
	margin: 0px 0px 9px 0px;
}

/* CONTENT STUFF */
.productCollection{
	float: right;
	width: 905px;
	margin: 0px 0px 0px -21px;
}

.productCategory{
	float: right;
	width: 724px;
	/*background-color: #f0f0f0;*/
}

.productRow
{
	float: left;
	padding: 0px 0px 21px 0px;
}

.productRow .detailLink{
	float:left;
	display: inline;
	width: 160px;
	margin: 0px 0px 0px 21px;
	text-align: center;
}

.productRow A SPAN{
	display: block;
}

.productRow A:hover SPAN{
	text-decoration: underline;
}

.productRow A IMG{
	border: none;
	margin: 0px 0px 0px 0px;
	max-width: 160px;
}

.productDetail{
	float: right;
	width: 960px;
}

.productImg{
	float: right;
	margin-right: 20px;
}

.productInfo{
	float: right;
	width: 190px;
}

.materialThumbs, .colorThumbs, .iconList{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	clear: left;
}

.materialThumbs LI, .colorThumbs LI{
	float: left;
	margin: 0px 5px 5px 0px;
	padding: 0px;
}

.iconList LI{
	float: left;
	margin: 5px 3px 10px 0px;
	padding: 0px;
}

.materialThumbs LI DIV, .colorThumbs LI DIV{
	display: block;
	width: 22px;
	height: 22px;
}

.materialThumbs LI IMG, .colorThumbs LI IMG, .iconList LI IMG{
	border: none;
	display: block;
}

.materialThumbs LI IMG, .colorThumbs LI IMG{
	width: 44px;
	height: 44px;
}

.productInfo A{
	display: block;
	clear: left;
}

.articleContent{
	float: right;
	min-height: 200px;
	width: 684px;
}

.articleMainCol{
	float: left;
	width: 390px;
}

.articleRightCol{
	float: right;
}

.storeHeader{
	float: left;
	width: 100%;
}

.findStore,
.storeList
{
	background: url(../Images/1a1a1a_90.png);
	color: #FFFFFF;
	float: right;
	margin: 20px 0px 20px 0px;
	padding: 30px 40px;
	position: relative;
	width: 580px;
	z-index: 10 !important;
}
	.storeList
	{
		background: none;
		height: 370px;
		overflow: hidden;
		padding: 0px 0px 0px 0px;
	}
		#storeText
		{
			clear: left;
			display: block;
			float: left;
			width: 220px;
		}
		#storelistcontent
		{
			float: right;
			margin: 13px 0px 0px 0px;
			width: 360px;
		}

.findStore .formRow{
	font-size: 13px;
	line-height: 13px;
	margin: 0px 0px 10px 0px;
}

.findStore .radio{
	float: left;
	margin: 0px 5px 0px 0px;
	height:14px
}

.findStore SELECT{
	float: left;
	width: 200px;
	margin: 0px 0px 10px 0px;
	clear: both;
}

.findStore .submit{
	float: left;
	margin: 0px 0px 10px 0px;
	clear: both;
}

.storeAddress
{
	float: left;
	height: 150px;
	padding: 0px 0px 0px 20px;
	width: 160px;
}
	.storeAddress h2
	{
		font-size: 15px;
		line-height: 18px;
	}

.storeImg{
	float: right;
	width: 360px;
}

.newsList{
	
}

.newsList UL{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.newsList UL LI{
	float: left;
	width: 390px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #cccccc;
}

.newsList UL LI IMG{
	float: left;
	width: 60px;
	display: block;
	border: none;
}

.newsList UL LI SPAN{
	float: right;
	width: 310px;
	display: block;
}

.newsList UL LI SPAN A,
#textPosition ul li span a
{
	display: block;
	margin: 5px 0px 0px 0px;
}
#textPosition ul li span a:hover
{
	color: #ffffff;
}


/* LOOKBOOK */
.lookbookItem
{
	float: left;
	position: relative;
}
	.lookbookItem img
	{
		border: none;
	}
	.lookbookItem .lookbookItemText
	{
		bottom: 10px;
		font-size: 12px;
		left: 0px;
		padding: 10px;
		position: absolute;
	}
	.LookBookList a:hover .lookbookItemText
	{
		background: #0D0D0D;
	}
	.LookBookList
	{
		z-index: 10;
	}
	.lookBook h1#pageName
	{
		z-index: 0 !important;
	}
ul.pageThumbs
{
	float: left;
	list-style: none;
	margin: -1px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	width: 400px;
}
	ul.pageThumbs li
	{
		float: left;
		height: 123px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 80px;
	}
		ul.pageThumbs li img
		{
			border: 1px solid #fff;
		}
			ul.pageThumbs li a:hover img
			{
				border: 1px solid #0a2c3f;
			}
img.largeLookbookPage
{
	float:left;
	border-top: 1px solid #fff;
}
ul.pageInfo
{
	/*bottom: 100px;*/
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	right: 0px;
	top: 300px;
	width: 130px;
}
	ul.pageInfo a
	{
		text-decoration: none;
	}
	ul.pageInfo a:hover
	{
		text-decoration: underline;
	}


/* PAGINERING */
.pagination{
	float: left;
	text-align: center;
	position: relative;
	height: 20px;
}

.productCategory .pagination, .productDetail .pagination{
	width:703px;
}

.articleContent .pagination{
	/*width:684px;*/
	margin-right:294px;
	width:390px;
}

.prevNext{
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: center;
}

.productCategory .prevNext, .articleContent .prevNext{
	width: 100%;
}

.productDetail .prevNext{
	width: 260px;
}

.prevLink{
	position: absolute;
	left: 0px;
}

.nextLink{
	position: absolute;
	right: 0px;
}

.backToOverview
{
}

.articleContent .backToOverview{
	left: 0px;
}

.pagination .pages A{
	padding: 0px 5px;
}

.PagingContainer
{
	clear: both;
	float: left;
	height: 20px;
	position: relative;
	width: 100% !important;
}

.PagingContainer .prev{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 70px;
}

.PagingContainer .next{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 70px;
	text-align: right;
}

.PagingContainer .pages
{
	left: 75px;
	position: absolute;
	text-align: center;
	top: 0px;
	width:250px;
}

.PagingContainer UL{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.PagingContainer LI{
	display: inline;
	padding: 0px 3px;
}


/* STARTPAGE STUFF*/
#startpageImgCol
{
	float: left;
	width: 815px;
}
#inspirationImgCol
{
	float:left;
	width: 520px
}
	#inspirationImgCol img
	{
		float: right;
	}
	#startpageImgCol img
	{
		/*float: right;
		margin:  -20px 0 0 -20px;0;*/
		display: none;
	}

#startpageInfoCol,
#inspirationCol
{
	/*float: right;
	width: 180px;*/
}
	#startpageInfoCol a:hover
	{
		color: #000000;
		z-index: 9;
	}
	.promo,
	#startpageInfoCol img
	{
		position: absolute;
	}
		#startpageInfoCol .promo img,
		#inspirationCol .promo img
		{
			border: none;
			position: relative;
		}
		#startpageInfoCol .promo p,
		#inspirationCol .promo p
		{
			position: absolute;
			left: 0px;
			bottom: 10px;
			padding: 5px;
		}
		
#startpageText,
.startpageText
{
	background: url(../Images/1a1a1a_90.png);
	height: 265px;
	left: 275px;
	position: absolute;
	top: 160px;
	width: 410px;
	z-index: 10;
}
	.startpageText .editDate
	{
		clear: both;
		color: #ffffff;
		float: left;
		font-family: Sans-Serif;
		margin: 30px 0px 10px 30px;
		text-transform: uppercase;
	}
	.startpageText .miniLogo
	{
		margin: 0px 0px 3px 115px;
	}
	#startpageText h1,
	.startpageText h1,
	#textPosition h1,
	#storeText h1
	{
		clear: left;
		color: #ffffff;
		font-family: Sans-Serif;
		font-size: 22px;
		line-height: 23px;
		margin: 30px 50px 0px 115px;
	}
	#startpageText h2,
	.startpageText h2,
	#startpageText h2 p,
	.startpageText h2 p,
	#textPosition h2,
	#storeText h2
	{
		clear: left;
		color: #ffffff;
		font-family: 'DidotLTStdBold',Serif;
		font-size: 20px;
		line-height: 20px;
		margin: 0px 50px 0px 115px;
	}
	#storeText h1,
	#storeText h2
	{
		margin: 0px 0px 0px 0px;
	}
		#startpageText h2 p,
		.startpageText h2 p
		{
			height: auto;
			margin: 0px 0px 0px 0px;
		}
		#presslist h2
		{
			font-family: Georgia;
		}
	#startpageText p,
	.startpageText p
	{
		color: #ffffff;
		font-size: 9px;
		height: 80px;
		margin: 25px 50px 0px 115px;
		overflow: hidden;
		padding: 0px 0px 0px 0px;
	}
	#startpageText p.date,
	.startpageText p.date
	{
		font-size: 10px;
		height: auto;
		margin: 30px 30px 0px 30px;
		text-transform: uppercase;
	}
	#startpageText p.noFlash,
	.startpageText p.noFlash
	{
		margin: 5px 50px 0px 115px;
		text-transform: uppercase;
	}