/* REV v1.9
** Template Pages: 
** //www.zalando.de/lpo-3148-seo-shop-temp7
** //www.zalando.de/lpo-3148-seo-shop-temp8
** //www.zalando.de/lpo-3148-seo-shop-temp9
*/		

/** ADD YOUR OWN STYLES HERE **
******************************/
/** RESETS **
*************/
#content #shopTemplates h1,
#content #shopTemplates h2,
#content #shopTemplates h3,
#content #shopTemplates h4{ margin: 0; padding: 0; background: none; }
#content #shopTemplates A{ text-decoration: none }
/** MAIN LAYOUT **
******************/
#shopTemplates{width: 1000px}
	#shopTemplates *{  
		font-family: Arial,sans-serif;
		line-height: 1.1em;
		font-size: 10px;
	}
	#shopTemplates a:hover{cursor: pointer; text-decoration: none;}
	#content #shopTemplates .bgfff > *,
	#content #shopTemplates .bgf3 > *{color: #333}
	#content #shopTemplates .bg666 > *,
	#content #shopTemplates .bg333 > *,
	#content #shopTemplates .bg000 > *{color: #fff}
	/* TOP CONTENT */
	#shopTemplates #teaserWrapper{margin-bottom: 16px}
		/* Header1 Styles Begin*/
		#teaserWrapper #header1 #headline{margin-right: 36px}
		#teaserWrapper #header1 #headerBox{
			width: 260px;
			height: 43px;
		}	
			#teaserWrapper #header1 #headerBox h1{line-height: 43px}
			/* TOP Navigation */
			#teaserWrapper #header1 #topNavi{
				width: 210px;
				margin-top: 15px;
			}
			/* IE7 FIX */
			*+html #teaserWrapper #header1  #topNavi > LI{margin-bottom: 7px}
			#teaserWrapper #header1  #topNavi .naviBox{
				width: 210px;
				height: 75px;
				position: relative;
			}
				#teaserWrapper #header1  #topNavi .naviBox > *{
					filter: alpha(opacity = 96);
					-moz-opacity: 0.96;
					opacity: 0.96;
					khtml-opacity: 0.96;
				}
			#header1 #topNavi LI.naviBox  > DIV.connector {
				right: -10px;
				top: 0;
				height: 75px;
				width: 10px;
				display: none;
			}
			#header1 #topNavi LI.naviBox > .contentBox1,
			#header1 #topNavi LI.naviBox > .contentBox2,
			#header1 #topNavi LI.naviBox > .contentBox3{ display: none }
			#header1 #topNavi LI.naviBox > .contentBox1,
			#header1 #topNavi LI.naviBox > .contentBox2,
			#header1 #topNavi LI.naviBox > .contentBox3{
				height: 185px;
				top: 0px;
				left: 220px;
				padding: 30px 0px 30px 40px;
			}
			/* IE7 FIX */
		*+html #shopTemplates #header1 #topNavi LI.naviBox > .contentBox1,
		*+html #shopTemplates #header1 #topNavi LI.naviBox > .contentBox2,
		*+html #shopTemplates #header1 #topNavi LI.naviBox > .contentBox3{ height: 184px !important; }
		#shopTemplates #header1 #topNavi LI.naviBox > .contentBox1 > .row:first-child,
		#shopTemplates #header1 #topNavi LI.naviBox > .contentBox2 > .row:first-child,
		#shopTemplates #header1 #topNavi LI.naviBox > .contentBox3 > .row:first-child{ display: none }
		#shopTemplates #header1 #topNavi LI.naviBox > .contentBox1.productImg,
		#shopTemplates #header1 #topNavi LI.naviBox > .contentBox2.productImg,
		#shopTemplates #header1 #topNavi LI.naviBox > .contentBox3.productImg{ height: 225px; padding: 10px 0px 10px 40px; }
		#shopTemplates #header1 #topNavi LI.naviBox > .contentBox1.productImg > .row:first-child,
		#shopTemplates #header1 #topNavi LI.naviBox > .contentBox2.productImg > .row:first-child,
		#shopTemplates #header1 #topNavi LI.naviBox > .contentBox3.productImg > .row:first-child{ display: block }
		/* IE7 FIX */
		*+html #shopTemplates #header1 #topNavi LI.naviBox > .contentBox1.productImg,
		*+html #shopTemplates #header1 #topNavi LI.naviBox > .contentBox2.productImg,
		*+html #shopTemplates #header1 #topNavi LI.naviBox > .contentBox3.productImg{ height: 224px !important; }
		#shopTemplates #header1 #topNavi #slot2 > .contentBox1,
		#shopTemplates #header1 #topNavi #slot2 > .contentBox2,
		#shopTemplates #header1 #topNavi #slot2 > .contentBox3{ top: -85px }
		#shopTemplates #header1 #topNavi #slot3 > .contentBox1,
		#shopTemplates #header1 #topNavi #slot3 > .contentBox2,
		#shopTemplates #header1 #topNavi #slot3 > .contentBox3{ top: -170px }
		/* IE7 FIX */
		*+html #shopTemplates #header1 #topNavi #slot2 > .contentBox1,
		*+html #shopTemplates #header1 #topNavi #slot2 > .contentBox2,
		*+html #shopTemplates #header1 #topNavi #slot2 > .contentBox3{ top: -84px !important; }
		*+html #shopTemplates #header1 #topNavi #slot3 > .contentBox1,
		*+html #shopTemplates #header1 #topNavi #slot3 > .contentBox2,
		*+html #shopTemplates #header1 #topNavi #slot3 > .contentBox3{ top: -169px !important; }
		#shopTemplates #header1 #topNavi LI.naviBox > .contentBox1{ width: 165px }
		#shopTemplates #header1 #topNavi LI.naviBox > .contentBox2{ width: 330px }
		#shopTemplates #header1 #topNavi LI.naviBox > .contentBox3{ width: 495px }
				#shopTemplates  #topNavi LI.naviBox:hover > DIV.contentBox1,
				#shopTemplates  #topNavi LI.naviBox:hover > DIV.contentBox2,
				#shopTemplates  #topNavi LI.naviBox:hover > DIV.contentBox3,
				#shopTemplates  #topNavi LI.naviBox:hover > DIV.connector{ display: block }
					#shopTemplates #header1 #topNavi LI.naviBox > .contentBox1 UL > LI,
					#shopTemplates #header1 #topNavi LI.naviBox > .contentBox2 UL > LI,
					#shopTemplates #header1 #topNavi LI.naviBox > .contentBox3 UL > LI{ margin-bottom: 2px }
						#shopTemplates #header1 #topNavi LI.naviBox > .contentBox1 UL > LI > A:hover,
						#shopTemplates #header1 #topNavi LI.naviBox > .contentBox2 UL > LI > A:hover,
						#shopTemplates #header1 #topNavi LI.naviBox > .contentBox3 UL > LI > A:hover{ background-color: #ddd }
		/* Header1 Styles End */
		
		/* Header2 Styles Begin*/
		#shopTemplates #header2.subNavi {height: 49px}
			#shopTemplates #header2.subNavi UL > LI{height: 100%}
			#shopTemplates #header2.subNavi UL.tab6 > LI{width: 166px}
			#shopTemplates #header2.subNavi UL.tab6 > LI:first-child{width: 165px}
			#shopTemplates #header2.subNavi UL.tab5 > LI{width: 199px}
			#shopTemplates #header2.subNavi UL.tab5 > LI:first-child{width: 200px}
			#shopTemplates #header2.subNavi UL.tab4 > LI{width: 249px}
			#shopTemplates #header2.subNavi UL.tab4 > LI:first-child{width: 250px}
			#shopTemplates #header2.subNavi UL.tab3 > LI{width: 333px}
			#shopTemplates #header2.subNavi UL.tab3 > LI:first-child{width: 332px}
			#shopTemplates #header2.subNavi UL.tab2 > LI{width: 500px}
			#shopTemplates #header2.subNavi UL.tab2 > LI:first-child{width: 499px}
				#header2.subNavi UL > LI > A{
					filter: alpha(opacity=50);
					-moz-opacity: 0.5;
					opacity: 0.5;
					khtml-opacity: 0.5;
					overflow: hidden;
				}
					#header2.subNavi SPAN.menuText {
						line-height: 52px;
						position: absolute;
						top: 0;
						left: 0;
						z-index: 55;
						text-align: center;
					}
		/* Header2 Styles End */
		
		#shopTemplates .categoryHead2 {
			position: absolute;
			top: 13px;
			right: 7px;
		}
			#shopTemplates .categoryHead2 > .divider2 {
				font-size: 25px;
				font-weight: 400;
				line-height: 16px;
				margin-bottom: 4px;
				letter-spacing: 2px;
				text-transform: uppercase;
			}
			#shopTemplates .categoryHead2 > .subline {margin-right: 2px}
			/* #shopTemplates .descWrap{
				display: none;
				width: 100%;
				height: 100%;
			}
			#shopTemplates  A.box:hover  > .descWrap{display: block}  */
/** MASTER CLASSES **
*********************/
#wrapper #content #shopTemplates .hidden{display: none}
#content #shopTemplates .timesFont {font-family: "Times New Roman",Times,serif}
#content #shopTemplates .darkIMGShadow {
	-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.4);
}
#shopTemplates .col{ 
	float: left; 
	position: relative; 
}
#shopTemplates .row{ 
	clear: both; 
	position: relative; 
	overflow: hidden; 
}
/* opacity effects */
#content #shopTemplates .opa90:hover{
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	khtml-opacity: 0.9;
	overflow: hidden;
	background: #fff;
}
#content #shopTemplates .opa80:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	khtml-opacity: 0.8;
	overflow: hidden;
	background: #fff;
}
#content #shopTemplates .opa70:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	khtml-opacity: 0.7;
	overflow: hidden;
	background: #fff;
}
#content #shopTemplates .opa60:hover{
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	khtml-opacity: 0.6;
	overflow: hidden;
	background: #fff;
}
#content #shopTemplates .opa50:hover{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	khtml-opacity: 0.5;
	overflow: hidden;
	background: #fff;
}
/* opacity without background colors */
#content #shopTemplates .blankOpa90:hover {
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	khtml-opacity: 0.9;
	overflow: hidden;
}
#content #shopTemplates .blankOpa70:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	khtml-opacity: 0.7;
	overflow: hidden;
}
#content #shopTemplates .blankOpa60:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	khtml-opacity: 0.6;
	overflow: hidden;
}
#content #shopTemplates .blankOpa50:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	khtml-opacity: 0.5;
	overflow: hidden;
}
#content #shopTemplates A.active{
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	khtml-opacity: 0.9;
	overflow: hidden;
}
#content #shopTemplates .active{display:block}
#content #shopTemplates .categoryHead1{
	position: absolute;
	top: 40px;
	right: auto;
	left: auto;
	width: 100%;
}
/* bg colors */
#content #shopTemplates .bg333{ background-color: #333 }
#content #shopTemplates .bg666{ background-color: #666 }
#content #shopTemplates .bgf3{ background-color: #f3f3f3 }
#content #shopTemplates .bgfff{ background-color: #fff }
#content #shopTemplates .bg000{ background-color: #000 }
/* font colors */
#content #shopTemplates .fontfff{ color: #fff }
#content #shopTemplates .font000{ color: #000 }
#content #shopTemplates .font333{ color: #333 }
#content #shopTemplates .font666{ color: #666 }
#content #shopTemplates .fontf3{ color: #f3f3f3 }
/* border colors */
#content #shopTemplates.border000{ border: 1px solid #000 }
#content #shopTemplates.border666{ border: 1px solid #666 }
#content #shopTemplates .border333{ border: 1px solid #333 } 
#content #shopTemplates .borderfff{ border: 1px solid #fff } 
/* top positions */
#content #shopTemplates .topPos0{ top: 0; left:0; }
#content #shopTemplates .bottomPos0{ bottom: 0; left:0; }
#content #shopTemplates .topPos60{ top: 60px; right: auto; left: auto; }
/* indexes */
#content #shopTemplates .index5{z-index: 5}
#content #shopTemplates .index10{z-index: 10}
#content #shopTemplates .index15{z-index: 15}
/* spacer */
#content #shopTemplates .marginLeft12{margin-left: 12px}
#content #shopTemplates .marginBottom8{margin-bottom: 8px}
#content #shopTemplates .marginRight8{margin-right: 8px}
#content #shopTemplates .marginRight1{margin-right: 1px}
#content #shopTemplates .paddingLeftP10{padding-left: 10%}
/* CTAs */
#shopTemplates .pos1Link{
	position: absolute;
	bottom: 8px;
	right: 9px;
	width: auto;
}
#shopTemplates .cta {
	text-decoration: underline;
	padding-top: 4px;
	margin-right: 5px;
}
#shopTemplates .arrow {
	text-decoration: none;
}
/* boxes */
#content #shopTemplates .box	{ 
	height: 100%; 
	width: 100%; 
}
#content #shopTemplates .box1000x100{ 
	width: 1000px; 
	height: 100px;
}
#content #shopTemplates .box1000x200{ 
	width: 1000px; 
	height: 200px;
}
#content #shopTemplates .box496x285{ 
	width: 496px; 
	height: 285px;
}
#content #shopTemplates .box496x230{ 
	width: 496px; 
	height: 230px;
}
#content #shopTemplates .box496x200{ 
	width: 496px; 
	height: 200px;
}
#content #shopTemplates .box244x285{ 
	width: 244px; 
	height: 285px;
}
#content #shopTemplates .box244x230{ 
	width: 244px; 
	height: 230px;
}
#content #shopTemplates .box244x200{ 
	width: 244px; 
	height: 200px;
}
#content #shopTemplates .box160x200{ 
	width: 160px; 
	height: 200px;
}
#content #shopTemplates .divider1{
	width: 16px;
	height: 3px;
	margin: 20px auto 25px;
}
#content #shopTemplates .lineBox{
	width: 16px;
	height: 3px;
	margin: 16px auto 17px auto;
}
/* width/height sizes */
#content #shopTemplates .boxWP100{ width: 100% }
#content #shopTemplates .boxHP100{ height: 100% }
#content #shopTemplates .boxWP90{ width: 90% }
#content #shopTemplates .boxH330{ height: 330px }
#content #shopTemplates .boxH285{ height: 285px }
#content #shopTemplates .boxH230{ height: 230px }
#content #shopTemplates .boxH200{ height: 200px }
#content #shopTemplates .boxH100{ height: 100px }
#content #shopTemplates .boxW400{ width: 400px }
#content #shopTemplates .boxW155{ width: 155px }
#content #shopTemplates .boxW145{ width: 145px }
#content #shopTemplates .boxW80{ width: 80px }
/* font sizes  */
#content #shopTemplates .h12{ font-size: 12px }
#content #shopTemplates .h14{ font-size: 14px }
#content #shopTemplates .h15{ font-size: 15px }
#content #shopTemplates .h16{ font-size: 16px }
#content #shopTemplates .h18{ font-size: 18px }
#content #shopTemplates .h20{ font-size: 20px }
#content #shopTemplates .h22{ font-size: 22px }
#content #shopTemplates .headline1{  
	text-transform: uppercase;
	letter-spacing: 2px;
}
#content #shopTemplates .headline2{  
	text-transform: uppercase;
	letter-spacing: 1px;
}