/* ==================================================================
General stylesheet for print
File: print.css
Media: print

Date: 19.04.2013 (27.02.13)
Author:	grintsch communications (mf/ph)
Internet: www.grintsch.com

Content:
CSS statements for print version of website

1. Hidden elements

2. General statements
	2.1 Inline elements
	2.1 Block elements
	2.3 Table

3. Visible layout areas

4. Modules
	4.1 Modules: Slideshows
		4.1.1 Modules: Slideshows - Slider standard
		4.1.2 Modules: Slideshows - Slider 1 (with thumbs)
		4.1.3 Modules: Slideshows - Slider 2 (with arrows)
		4.1.4 Modules: Slideshows - Slider 4 (with counter)
	4.2 Modules: Listing
		4.2.1 Modules: Listing - List
		4.2.2 Modules: Listing - Grid
	4.3 Modules: Tabs
	4.4 Modules: Accordion

5. Special elements
	5.1 Special elements: FlexGrids
		5.1.1 Special elements: FlexGrids - Inspiration
		5.1.2 Special elements: FlexGrids - Collection
	5.2 Special elements: Collection detail
	5.3 Special elements: Dealer locator
	5.4 Special elements: Designer portrait
	5.5 Special elements:  Product listing
		5.4.1 Special elements: Product listing - Educator (Subtype - Slider 2)
	5.6 Special elements: Product detail
==================================================================== */
/* ======================================================

	=1. Hidden elements

========================================================= */
/* WICHTING: Wenn zu viele Selectoren hintereinander gesetzt werden,
greifen die Deklaration für IE7 + IE8 nicht mehr.
Auf KEINEN Fall zusammenziehen !!!! */
#wHeader #mainNavigation,
#wHeader #wNavTop,
#wCountrySelector,
#wHeader .search,
/* #wHeader a.logo, */
#wBreadcrumb { display: none !important; }
#content .control,
#content span.more,
#content p.download span.separator,
/* #content ul.list_tabs, */
#content ul.flex-direction-nav,
/* #content .line, */
#content .box__flyout,
#content .no_print { display: none !important; }
#listingProducts.listing ul.list li .table,
#listingProducts.listing ul.list li .flyout a.add_to_notepad { display: none !important; }
#educator ul.slides li:last-child.clone,
#educator ul.slides li:first-child.clone img,
#educator ul.slides li:first-child.clone .box_title,
#educator ul.slides li br,
#educator ul.slides li .box_text,
#educator .nav_carousel { display: none !important; }
#productDetail #tabsMedia ul.ui-tabs-nav,
#collectionDetailTabs .colx10 h4.title,
#collectionDetailTabs a.show_whole_collection { display: none !important; }
#storeLocator .box_form,
#storeLocator span.item_count,
#storeLocator p.view_details,
#storeLocator p.view_details + p,
#storeLocator ol.dealer_results a.location_anchor { display: none !important; }
#formContact,
#content .tx-felogin-pi1 .wrap-bg,
#content .tx-feuserreg-pi1 .wrap-bg,
#content .listing table .box_buttons { display: none !important; }
#socialShare,
#contentActions .list-title,
#contentActions .wrap--facette,
#tabs3DPlanner,
#wPageFooter .navi--sub { display: none !important; }

/* ======================================================

	=2. General

========================================================= */
body {
	font-family: "museo-sans-n1", "museo-sans", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 12pt;
	color: #000;
	line-height: 15pt;
	
	width: 700px !important;
	background: #fff !important;
	padding: 0 !important;
	margin: 0 !important;
}

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

/* ======================================================

	=2.1 Inline elements

========================================================= */
#content a {
	color: #000;
	text-decoration: underline;
	content: " [" attr(href) "]";
}

#content p.download a { display: block; }

/* .listview__href:after {
	font-style: italic;
	font-size: 8pt;
	color: #009de4;
	text-decoration: none;
	
	content: " (URL: http://www.idealstandard.co.uk" attr(href) ")";
}
 */
	#content p.download a span.more { display: inline !important; }

/* ======================================================

	=2.2 Block elements

========================================================= */
#content h1,
#content h2,
#content h3,
#content h4 {
	font-family: "museo-sans-n3", "museo-sans", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 300;

	margin: 10pt 0 0;
}

#content h1 { 
	font-size: 20pt;
	line-height: 24pt;
	color: #009de4;

	margin-top: 0;
}

#content h2 { 
	font-size: 16pt;
	line-height: 19pt;
	color: #009de4;
}	

#content h3 { 
	font-size: 14pt;
	line-height: 17pt;
}

#content h4 { 
	font-size: 12pt;
	line-height: 15pt;
}

#content p {
	text-align: justify;
	
	margin: 10pt 0 0;
}

/* ======================================================

	=2.3 Table

========================================================= */
#content table {
	width: 100%;
	margin-top: 20pt;
}

#content .listing table { margin-left: 40px; }

	#content table caption { 
		text-align: left;

		padding-bottom: 10pt;
	}

	#content table th,
	#content table td {
		text-align: left;
		
		padding: 5px;
		border-top: 1px solid #000;
	}

/* ======================================================

	=3. Visible layout areas

========================================================= */
#wLogo {
	display: block;
	text-align: left;
}

#wPageFooter {
	clear: both;
	
	padding-top: 10px;
}

	#wPageFooter hr { border-top: 2px solid #000; }

#content {
	border-top: 5pt solid #009de4;
	padding-top: 10pt;
}

	#content .box_text { margin: 10pt 0 0; }
	
	#content .colx12.fixed { width: 700px; }
	
/* ======================================================

	=4. Modules

========================================================= */
/* ======================================================

	=4.1  Slideshows

========================================================= */
#content ul.slides {
	list-style-type: none;
	
	padding: 0;
	margin: 0;
	
	transform: none !important;
}

	#content ul.slides a {
		display: block;
		
		text-decoration: none;
	}

		#content ul.slides a img { display: block; }

		#content ul.slides a h3 { margin-top: 10pt; }
		#content ul.slides a p { margin: 5pt 0 0; }

/* ======================================================
	=4.1.1 Modules: Slideshows - Slider standard
========================================================= */
	
	.hero .hero__item {	display: block !important; float: none !important;}

	.hero__img{ width: 700px; }
	
	.hero__frame-wrap { position: relative;}

/* ======================================================

	=4.2 Modules: Listing

========================================================= */
.iblock { display: block;}

ul.iblock-ini { 
	list-style: none;
	margin-left: -40px; 
	}

li.iblock { 
	display: block;
	margin: 0 0 40px;
}

ul.listview {
		list-style-type: none;
		width: 100%;
		margin-left: -40px; 
	}
	
		#content .listing ul .box_text { margin: 0; }
				
/* ======================================================
	=4.2.1 Modules: Listing - List
========================================================= */
#content .listing ul.list {
	width: 700px;
	border-top: 1px solid #000;
	margin: 15pt 0 0;
}

#content .headline_listing + .listing ul.list { margin-top: 0; }
	
	#content .listing ul.list li {
		min-height: 160px;
		padding: 10pt 0;
		border-bottom: 1px solid #000;
	}
	
	#content .listing ul.list li:last-child { border: none; }
	
	#content .listing ul.list img {
		float: left;
		
		margin-right: 10px;
	}
	
		#content .listing ul.list .box_text h2 { margin-top: 0; }

/* ======================================================
	=4.2.2 Modules: Listing - Grid
========================================================= */
#content .listing ul.grid { margin: 0; }

	#content .listing ul.grid li {
		float: left;

		margin: 10pt 0 0 10pt;
	}

	#content .listing ul.grid li.colx3 { width: 160px; }
	#content .listing ul.grid li.colx4 { width: 220px; }
	
		#content .listing ul.grid p.cell { margin: 5pt 0 0; }
		
		#content .listing ul.grid li.colx4 h3 { margin-top: 0; }

/* ======================================================

	=4.3 Modules: Tabs

========================================================= */
#content .tab_listing { display: block !important; }

/* ======================================================

	=4.4 Modules: Accordion

========================================================= */
#content h2.title_accordion { margin-top: 20pt; }

#content .accordion h3 {
	font-size: 15pt;
	line-height: 18pt;
	color: #000;
}

.accordion__pane { display: block !important; }

/* ======================================================

	=5. Special elements

========================================================= */
#mainHeadline .box_img img { width: 700px; }

/* ======================================================

	=5.3 Special elements: Dealer locator

========================================================= */
#storeLocator ol.dealer_results li {
	padding-bottom: 10pt;
	border-bottom: 1pt solid #000;
	margin-top: 10pt !important;
}

	#storeLocator ol.dealer_results h2 { margin-top: 0; }
	
	#storeLocator ol.dealer_results a { text-decoration: none; }


/* ======================================================

	=5.5 Special elements:  Product listing

========================================================= */
#contentActions .box_facettes.box_hierarchy { display: block !important; }

	ul.iblock-ini li.iblock{ min-height: 210px; }
	
	ul.iblock-ini li.iblock .box__flyout { display: block !important; }

	#listingProducts img {
		width: 210px;
		height: 210px;
		border: 1px solid #c0c1c2;
	}

/* ======================================================

	=5.6 Special elements: Product detail

========================================================= */
#productImg  {
	float: none;

}

#productImg img {
	width: 350px;
	height: 350px;
}

#productText { margin: 0; }