/* ---------------------------------------------------------------------------------------------------- */
/*																										*/
/*		[Taylor v2.0]  Print Stylesheet																	*/
/*																										*/
/*		date:      26/02/08																				*/
/*		author:    [Cloud Nine Digital Design Ltd - Ash Bryant]											*/	
/*		email:     [info AT c9dd DOT com]																*/	
/*		website:   [http://www.c9dd.com/]																*/	
/*																										*/
/*																										*/
/*		Colours used:	#999999  -  Dark Grey 		- Footer Links etc									*/
/*						#E6D9D0  -  lilek			- Text on a blue BG									*/
/*						#E8E8E8	 -	Ligt Blue		- Arrows											*/
/*						#206085	 -	Bright Blue		- Arrows on a white BG								*/
/*						#C6D458  -  Green			- Righ Hand Lists, H-Tags & Page tiles				*/
/*						#333333	 -	Light Grey		- Footer Text										*/
/*						#DB6A1F  -  Orange			- Cloud 9 Link										*/
/*																										*/
/* ---------------------------------------------------------------------------------------------------- */

body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,
caption,pre,p,blockquote,input,textarea {
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  	line-height: 150%;
  	color:#000;
  	background:none;
}
body {
  	background: white;
  	font-size: 8pt;
}

	

	
	
	#footer_area,
	#footerNav,
	.ui-tabs-nav {
		visibility: hidden;
		height: 1pt;	
	}
	
	.displayPrint {
		display: block;
	}
	
	#leftColumn,
	#rigtColumn,
	#footer_area,
	#footer_lower_nav_area,
	fieldset,
	legend,
	label,
	input,
	textarea {
		
	}
	
	div#productList a {
		cursor:pointer;
		display: compact;
		float: left;
		height:11.5em;
		text-decoration:none;
		width:9.5em;
		margin:1.5em 0.3em 15em 1.3em;
	}
	
		div#productList a img { 
			display: block!important; 
			height:9.5em;
			width:9.5em; 
			}
			
		div#productList a span.image, div#rightColumn .ui-tabs-panel a span.image {
			border:1px solid #CCCCCC;
			display: none;
			float:left;
			height:2.5em;
			width:9.5em;
			}
				
	
	#example  {
		/*border: 1px solid green;*/
		float: left;
		}
		
		#example div { display: block!important; z-index: 100; }
	
	div#fragment-1 { /*border: 1px solid red*/; margin-top: -5em; z-index: 101; }
	div#fragment-2 { /*border: 1px solid green;*/ margin-top: 60em; z-index: 102; }
	div#fragment-3 { /*border: 1px solid blue;*/ margin-top: 120em; z-index: 103; }
	div#fragment-4 { /*border: 1px solid black;*/ margin-top: 1200em; z-index: 104; display: none; }
		
	div#fragment-5 { /*border: 1px solid yellow;*/ margin-top: 1300em; z-index: 105; }
	div#fragment-6 { /*border: 1px solid purple;*/ margin-top: 1400em;  z-index: 106; }
	
	#example div#fragment-1,
	#example div#fragment-2,
	#example div#fragment-3,
	#example div#fragment-5,
	#example div#fragment-4,
	#example div#fragment-6 {
		min-height: 50em;
	background: transparent;
}

	
	#example div#fragment-1 *,
	#example div#fragment-2 *,
	#example div#fragment-3 *,
	#example div#fragment-5 *,
	#example div#fragment-4 *,
	#example div#fragment-6 *,
	#example div#footer_area {
		float: left;
	}
	
	div#fragment-1 img,
	div#fragment-2 img,
	div#fragment-3 img,
	div#fragment-4 img,
	div#fragment-5 img,
	div#fragment-6 img {
		float: left;
		display: block;
		padding: 5px;
		border: 1px solid #CCC;
	}
	
	div#fragment-1 hr,
	div#fragment-2 hr,
	div#fragment-3 hr,
	div#fragment-4 hr,
	div#fragment-5 hr,
	div#fragment-6 hr {
		float: left;
		clear: left;
		display: block;
		width: 100%;
	}
	
	div#fragment-1 h4,
	div#fragment-2 h4,
	div#fragment-3 h4,
	div#fragment-4 h4,
	div#fragment-5 h4,
	div#fragment-6 h4 {
		float: left;
		clear: left;
		width: 100%;
	}
	
	div#fragment-1 h2,
	div#fragment-2 h2,
	div#fragment-3 h2,
	div#fragment-4 h2,
	div#fragment-5 h2,
	div#fragment-6 h2 {
		float: left;
		width: 70%;
	}
	
	div#fragment-1 p,
	div#fragment-2 p,
	div#fragment-3 p,
	div#fragment-4 p,
	div#fragment-5 p,
	div#fragment-6 p {
		float: left;
		display: block;
		background-color: transparent;
	}

	div#fragment-1 div#taylorContactInfo,
	div#fragment-2 div#taylorContactInfo,
	div#fragment-3 div#taylorContactInfo,
	div#fragment-4 div#taylorContactInfo,
	div#fragment-5 div#taylorContactInfo,
	div#fragment-6 div#taylorContactInfo,
	div#fragment-1 form#moreInfoForm,
	div#fragment-2 form#moreInfoForm,
	div#fragment-3 form#moreInfoForm,
	div#fragment-4 form#moreInfoForm,
	div#fragment-5 form#moreInfoForm,
	div#fragment-6 form#moreInfoForm {
		display: none!important;
	}	
	
		#rightColumn div#product_images a.hero img {
			display: block!important;
			}
			
					#rightColumn div#product_images a.thumbsOne img,
					#rightColumn div#product_images a.thumbsTwo img,
					#rightColumn div#product_images a.thumbsThree img,
					#rightColumn div#product_images a.thumbsFour img {
						display: block!important;
					}
	
	/*a.displayNone {
		display: block;	
	}*/

	img { 
		float:left; 
		margin:10px 10px 10px 0;
	}
	
	#product_images a img {
		float: left;
		clear: left;
		display: block;
	}
	
	#rightColumn a img {
		display: block;
		}
	
	
	a:link, a:visited {
		background: transparent;
		font-weight: bold;
		text-decoration: underline;
	}
	
	#leftColumn a:link:after,
	#menu a:link:after,
	#footer_banner_area a:link:after,
	#leftColumn a:visited:after,
	#menu a:visited:after,
	#footer_banner_area a:visited:after {
	   content: " (" attr(href) ") ";
	   font-size: 90%;
	}
	
	/* If you're having trouble printing relative links, uncomment and customize this:
	   (note: This is valid CSS3, but it still won't go through the W3C CSS Validator) */ 
	
	#leftColumn a[href^="/"]:after,
	#menu a[href^="/"]:after,
	#footer_banner_area a[href^="/"]:after {
	  content: " (http://www.taylor-ch.co.uk" attr(href) ") ";
	}
	
	/* If you have navigation on your site, you might want to add something like this: */
	   #menu { display:none }




#navigation_area,
	form#searchForm,
	form#moreInfoForm,
	a.displayNone,
	a.print,
	#footerNav,
	#header_area,
	#user_nav_area,
	p.breadcrumbs {
		display: none;
	}






/* PRINT CSS - 20060522 */

/* This CSS file hides unwanted elements when a page is printed out, 
by overriding styles set in pagelayout.css */
/*
body
{
    font-size: 10pt;
    background: none;
}

div#searchbox, div#path, div#topmenu, div#sidemenu, div#extrainfo, div#footer, div#usermenu, div#logo, div#toolbar
{
    display: none;  Hide elments not wanted on a printed page 
}

body, div#page, div#header, div#main
{   
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: none;
}

div#columns
{
    padding: 0;
}

div#main-position
{
    margin: 0;
}

div#main-position, div.float-insert
{
    float: none;
}

div.box
{
    border: none;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}

div.box div.box-content
{
    padding: 0;
}

div.box div.tl, div.box div.tr, div.box div.br, div.box div.bl
{
    background: none;
}
*/
div#fragment-4,
div#fragment-4 * { float: left; display: none!important; }