<!--

/* The following is used for the TJK javascript text expander, as used in the SPAX help pages, do not move */
#TJK_ToggleON,
#TJK_ToggleOFF
	{
	display:none
	}

/* Default Options - These will change the whole site, unless any subsequent css specifies differently */

	body,
	p,
	a,
	select,
	div
	{
	color: #5C5C5C;
	font-family: Tahoma, Verdana; 
	font-size:8pt;
	font-weight:light;
	text-align: left;
	margin:0px;
	padding:0px;
	}

	body,
	p,
	a,
	select
	{
	background-color: #FFFFFF;
	}

	body
	{
	display:block;
	}

	input
	{
	height:13px;
	padding-bottom:2px;
	padding-left:4px;			/* Matches with select boxes */
	}

	textarea
	{
	margin-top:1px;
	padding-left:4px;			/* Matches with select boxes */
	}

	a, img
	{
	background-color: transparent;
	border:0px;
	}

	select
	{
	color:black;
	}

	option
	{
	}

			
/* Paragraphs  */
	p
	{
	}

/* Headings */
	h1,h2,h3
	{
	}

/* Forms */
	form
	{
	margin-top:0;
	margin-bottom:0;
	}

/* Links */
	a
	{ 
	color:#006A94;
	text-decoration: none;
	}
																
	a:link,
	a:visited
	{ 
	}

	a:hover
	{
	color:blue;					/* was orange */
	cursor:pointer;
	}

/* Misc Fonts */

	.cart_shipping_message
	{
	color:#B70002;
	font-weight:bold;
	position:relative; bottom:2px;
	}
	
	.kyb_bright_red
	{
	color:black;
	font-weight:bold;
	}

	.spax_dirty_yellow
	{
	color:#E7C525;
	font-weight:bold;
	}


/* Main Body */

	/* contains the whole website, ie scotts new curved box fixed width at 1000, used for the body class in top.html  */
	.body_shop
	{ 
	padding-top: 10px ;
	padding-bottom: 50px ;
	/* background: url(../images/home_page/background_xmas.jpg) */
	background: url(../images/home_page/background_top_end.jpg) ;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top right;
	}


/* Navigation Footer */

	/* New bottom navigation for 2013  */
	.navigation_footer
	{ 
	padding-top: 0px ;
	padding-bottom: 0px ;
	background: url(../images/home_page/machine7_bottom_banner_bl1.jpg)
	}

	.navigation_block
	{
	padding-top: 10px;
	padding-left: 80px;
	color: white;
	font-family: Tahoma, Verdana; 
	}

	.navigation_column_container
	{
	width:165px;
	}

	.navigation_header_container
	{
	padding-bottom:5px;
	color: white;
	}

	.navigation_header
	{
	color: silver;
	font-size:10pt;
	font-weight:bold;
	}

	.navigation_link_container
	{
	padding-top:5px;
	padding-bottom:3px;
	}

	.navigation_link
	{
	color: white;
	}

	.navigation_link:hover
	{
	color: silver;
	}


/* Middle Pane Settings */

	/* middle-backing contains tha main central pane, inlcuding the path format, and can be used to set font color etc, unless a further CSS specifies differently */
	/* previously used 	background: url(../images/path-background.gif) repeat-x ; */
	.middle_pane,
	.left_pane,
	.right_pane,
	.checkout_left_main_pane,
	.checkout_left_main_pane_bottom
	{
	color:gray;
   background-color: #FFFFFF;
	padding-bottom: 10px ;
	}

	.middle_pane,
	.left_pane,
	.right_pane
	{
	padding-top:5px;
	}

	.checkout_left_main_pane,
	.checkout_left_main_pane_bottom
	{
   	border-left: 1px solid black;
   	border-right: 1px solid black;
	padding-left:8px;
	padding-right:8px;
	}

	.checkout_left_main_pane_bottom
	{
	background: url(../images/checkout_progress/checkout_pale.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-color: white;
	}

	.middle_pane
	{
	}

	.middle_pane_welcome_text
	{
	padding-top:5px;
	}

	.middle_pane_footer
	{
	margin-top:5px;
   	border-top: 1px solid #EFECEC;
	padding-top:5px;
	}

	.middle_pane_footer_spacing
	{
	padding-bottom:270px;				/* Not used by all pages, only login etc, where some bottom spacing is required */
	}

	.middle_pane_rootsection_image
	{
	margin-top:8px;
	padding-bottom:0px;
	}

/* Path */

	.path_container
	{
	margin-left:5px;
	margin-top:5px;
	margin-bottom:0px;
	}

	.path_text,
	.path_text_link
	{
	color: #C60000;								/* 171D43 is a dark navy, used for both the text, and the top & bottom border */
	font-weight:bold;
	padding-left:0px;
	padding-right:2px;
	}

	.path_text_link:hover
	{
	}

/* Left & Right Pane Settings */

	.left_pane,
	.right_pane						/* Additional base settings are set in middle pane above */
	{
   	border-left: 1px solid black;
   	border-right: 1px solid black;
	padding-left:8px;
	padding-right:8px;
	}

/* Fix for peekaboo, on deluxe menu in IE6 */
	.deluxe_container
	{
	_height: 0;															/* Hack to fix peekaboo bug in IE6, didnt work! */
	background-image:url('../sections.files/blank.gif');		 /* Hack to fix peekaboo bug in IE6, didnt work! */
	width:620px;														/* Hack to fix peekaboo bug in IE6, didnt work! */
	}

/* Checkout progress bar */

	.checkout_progress_container
	{
	width:964px;
	margin-top: 15px;
	}

	.checkout_progress_image
	{
	width: 240px;
	text-align:center;
	}

	.checkout_select_address
	{
	background-image:url('../sections.files/blank.gif');														 /* Hack to fix peekaboo bug in IE7, for the hover below */
	_height:105px;																									 /* Hack to fix peekaboo bug in IE6, for the hover below */
	height:105px;
	min-height:105px;
	}

	.checkout_select_address:hover
	{
	background-repeat: no-repeat;
	background-position: 240px 50px;												 								/* Across, Down */
	background-image:url('../images/checkout_progress/checkout_address_tick.jpg');				/* 70px wide, 60px tall */
	}

/* Stuff that doesn't fit neatly into another CSS */

	.minicart_checkout_button
	{
	margin-bottom: 7px;
	}

	/* Put stuff here */

/* Everything below here is the original 2006 set-up, still to be tidied up */


	.menulink, .menulink-current						{	
																display: block;
																width: 173px;
																height: 14px;
																font-weight: bold;
																font-family:Tahoma;
																font-size:11px;
																color: navy;
																border: solid 1px #F6FCFF;
																 }
	.menulink:hover, .menulink-current:hover
																{
															 	border-top: solid 1px #B6B5CB;
															 	border-bottom: solid 1px #B6B5CB;
															 	font-size:11px;
																font-weight: bold;
																color: navy;
															 	background-color:#F1EFFA;
																}
	.menulink-current, .menulink-current:hover	
																{
															 	border-top: solid 1px #B6B5CB;
															 	border-bottom: solid 1px #B6B5CB;
																font-weight: bold;
															 	background-color:#F1EFFA;
																}

/* Top navigation bars */
	.top-backing 											{
																}

	.top-smallbar-backing								{
																}

	.top-smallbar-text									{
																}

	.top-line													{ position: relative; top: 30px; border-top: solid 1px #B6B5CB; padding-top:0px; font-family:Tahoma; font-weight:normal; font-size:8pt; color:#000000; text-decoration: none;	 }


/* General Form Fields */
	input, textarea										{ font-family: Tahoma; font-size: 8pt; }
	.textbox													{ background-color: #FFFFFF; color:#000000; font-family: Tahoma; font-size: 8pt; border: 1px #30799E; border-style: solid; height: 17px; padding-left:3px; }
	.button													{ background-color: #E6E5E7; color:#000000; font-family: Tahoma; font-size: 7pt; font-weight: light; border: 1px #878787; border-style: solid; height: 17px; cursor: pointer; }
	.abutton 												{ background-color: #E6E5E7; color:#000000; font-family: Tahoma; font-size: 7pt; font-weight: light; border: 1px #878787; border-style: solid; height: 17px; cursor: pointer; 
																	padding-top: 1px; padding-bottom: 1px; padding-left: 15px; padding-right: 15px;  }
   .abutton:hover											{ background-color: #E6E5E7; color:#000000; font-family: Tahoma; font-size: 7pt; font-weight: light; border: 1px #878787; border-style: solid; height: 17px; cursor: pointer;
   																	padding-top: 1px; padding-bottom: 1px; padding-left: 15px; padding-right: 15px;  }
	.selectbox												{ background-color: #FFFFFF; font-fanily: Tahoma; font-size: 8pt; font-weight: light; color: #000000; border: 1px #30799E; border-style: solid; }

/* Left And Right Menus, from the 2006 site, this will be superceded by menuboxes.css */
/* Once menuboxes is all tested, search for any occurence of the following classes in the other HTML */

	.menu-title-text										{ font-family:Tahoma; font-weight:bold; font-size:8pt; color:black; padding-bottom:5px; }
	
	.menu-backing-content,
	.minicart-box											{ border: solid 1px #B6B5CB; background-color: #F6FCFF; padding-left: 5px; padding-top: 3px; padding-bottom: 3px; margin-bottom: 10px; }
	.minicart-box											{ background-image: url(../images/mini_orange_bus_card.jpg); background-repeat: no-repeat; background-position: 100% 0%; }
	.minicart-height										{ height: 18px; }

	.menu-backing-content2							{ border: solid 1px #B6B5CB; background-color: #F6FCFF; padding-top: 3px; margin-bottom: 10px; }
	.menu-backing-content-white					{ border: solid 1px #B6B5CB; background-color: #FFFFFF; padding-left: 5px; padding-top: 3px; padding-bottom: 3px; margin-bottom: 10px; }
	.menu-backing-title									{ border: solid 1px #B6B5CB; background-color: #F6FCFF; padding: 0px;
																	font-family:Tahoma; font-weight:bold; font-size:8pt; color:black; background-color: #D2D1E6; border-bottom: 0px; }
	.menu-right-backing-content						{ border: solid 1px #B6B5CB; background-color: #FFFFFF; padding: 3px; } 
	.menu-normal-text									{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:#000000; text-decoration: none; }
	.menu-bold-text										{ font-family:Tahoma; font-weight:bold; font-size:8pt; color:#000000; text-decoration: none; }
	.menu-links												{ font-family:Tahoma; font-weight:normal; font-size:8pt; text-decoration: none; }
	.menu-links:hover									{  }
	.menu-links-gray										{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:#7A7A7A; text-decoration: none; }
	.menu-links:hover									{  }
	
	.menu-section-links,
	.menu-currentsection-links						{ font-weight:normal; color:#19305E; padding-left: 15px; background: url(../images/rarrow-blue.gif) no-repeat 5px 4px; }
	.menu-currentsection-links						{ font-weight:bold; }
	.menu-section-links:hover,
	.menu-currentsection-links:hover				{ font-weight:bold; color:#19305E; padding-left: 15px; background: url(../images/rarrow.gif) no-repeat 5px 4px; }
	.menu-subsection-links								{ }
	.menu-dropdown										{ padding-bottom: 8px; }
	.menu-product-box									{ border-bottom: solid 0px #D0D3D3; }

/* Middle Section Main Content */
	.normal-field-title										{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:#0B0261; text-decoration: none; }
	.normal-field-content								{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:#0B0261; text-decoration: none; }
	.middle-box												{ border: solid 1px #B6B5CB; }
	.middle-box-h1,.middle-box-h2					{ border-left: solid 1px #B6B5CB; border-right: solid 1px #B6B5CB; border-top: solid 1px #B6B5CB; position: relative; top: 1px; }
	.middle-box-h1										{ background-color: #FCFFC4; }
	.address-box											{ border: solid 1px #B6B5CB; background-color: #FFFFFF; }
	.checkout-box,
	.checkout-box-final									{ border-top: solid 1px #B6B5CB; background-color: #FFFFFF; }
	.checkout-box-final									{ background-image: url(../images/checkout_fade.gif); background-repeat: repeat-x; }
	.middle-icon											{ border-bottom: solid 1px #B6B5CB; font-family:Tahoma; font-weight:normal; font-size:8pt; color:#3C3270; text-decoration: none;
																	padding-left:10px; padding-top:10px; padding-bottom:10px; }
	.middle-boxed,
	.snippet-boxed										{ border-bottom: solid 1px #B6B5CB; font-family:Tahoma; font-weight:normal; font-size:8pt; color:#3C3270; text-decoration: none;
																	padding-top:10px; padding-left:5px; padding-bottom:5px; }
	.snippet-boxed										{ padding-top:15px; padding-left:10px; padding-right:10px; padding-bottom:15px; }
	.middle-notboxed									{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:#3C3270; text-decoration: none;
																	padding-top:10px; padding-left:5px; padding-bottom:5px; }
	.middle-normal-text									{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:gray; text-decoration: none; }
	.pooh													{ position: relative; top: 8px; position: relative; left: 12px; }
	.pooh2													{ position: relative; top: 0px; position: relative; left: 12px; }
	.table-backing-title									{ }
	.table-title-text										{ font-family:Tahoma; font-weight:bold; font-size:8pt; color:#0B0261;  }
	.table-title-text:hover								{ font-family:Tahoma; font-weight:bold; font-size:8pt; color:gray;  }
	.table-backing-content								{ }
	.field-backing-title									{ }
	.field-backing-content								{ }
	.wish-backing-title									{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:#000000; background-color: #FDFEE9; }
	.wish-backing-titles									{ font-family:Tahoma; font-weight:bold; font-size:8pt; color:#000000; background-color: #FDFEE9; }
	.recommended-heading							{ font-family:Tahoma; font-weight:bold;	font-size:8pt; color:#black; position: relative; right: 4px; }
	.recommended-product-box						{ border: solid 1px #B6B5CB; margin-bottom: 10px; }
	.recommended-product-box-title				{ border: solid 1px #B6B5CB; background-color: #F7F4FF; padding: 0px;
																	font-family:Tahoma; font-weight:bold; font-size:8pt; color:#006A94; border-bottom: 0px; }
	.recommended-description-text					{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:gray; text-decoration: none; position: relative; left: 5px; }
	.section-product-image-text						{ font-family:Tahoma; font-weight:bold;	font-size:8pt; color:#006A94; text-decoration: none; background-color: #FFFFFF;  position: relative; bottom: 5px; }
	.section-product-image-text:hover	
																{ font-family:Tahoma; font-weight:bold;	font-size:8pt; color:#000000; }

	.section-product-image-heading					{ margin-top: 0px; }
	.rarrow													{ background-image: url(../images/rarrow.gif); background-repeat: no-repeat; background-position: 0% 60%;  }

	.section-product-image 							{ border: 0px; }
	.section-image 										{ border: 0px; position: relative; bottom: 0px; }
	.section-subsection-image 						{ border: 0px; position: relative; left: 3px; position: relative; bottom: 3px; margin-bottom: 0px; }

	.subsection-description								{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:gray; text-decoration: none; position: relative; left: 7px; }
	.section-image-line									{ border-top: solid 1px #B6B5CB; }
	.section-product-image-line						{ border-top: solid 1px #B6B5CB; postion-relative; top: 15px; }
	.section-product-spec-box							{
																border: solid 1px #B6B5CB;
																background-color: #FAF7FF;
																}
	
	.section-brand-image-heading					{ font-family:Tahoma;
												  					font-weight:normal;
																	font-size:8pt;
																	color: navy;
																	padding-top: 2px;
																	padding-bottom: 2px;
																	padding-left: 5px;
																	width:120px;
																	border: solid 1px #BEBABA;
																	background-color: #E1DDDD;
																	text-decoration: none; }
	.section-brand-image-heading:hover
																{ background-color: #BEBABA; font-weight:normal; }
	.middle-links											{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:#7A7A7A; text-decoration: none; }
	.middle-links:hover									{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:#000000; text-decoration: none; }
	.product-title-text									{ font-family:arial; font-weight:bold; font-size:10pt; color:#000000; height:18px; }
	.product-field-title						  			{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:#000000; text-decoration: none; }
	.product-hr												{ border-bottom: solid 1px #E6E6EE; }
	.basket-hr												{ border-top: solid 1px #E9E9F2; position: relative; right: 0px; top: 2px;}
	.wish-hr													{ border-top: solid 1px #EBEEDA; }
	.product-item-code					  				{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:#796D9F; text-decoration: none; }
	.section-price-content-text						{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:#796D9F; text-decoration: none; }
	.product-field-content								{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:#0B0261; text-decoration: none; }
	.product-field-content:hover						{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:#0000FF; text-decoration: none; }
	.product-heading										{ font-family:Tahoma; font-weight:bold; font-size:8pt; color:#0B0261; text-decoration: none; margin-left: 15px; }
	.error-text												{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:#FF0000; text-decoration: none; }
	.highlight-text											{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:#0000FF; text-decoration: none; }
	.larrow													{ position: relative; right: 0px; }

/* Section styles */
	.header-title											{ font-family:Tahoma; font-weight:bold; font-size:9pt; color:#000000; text-decoration: none; }
	.header-description									{
																font-family:Tahoma;
																font-weight:normal;
																font-size:8pt;
																color:gray;
																text-decoration: none;
																}
	.header-description ul								{
																margin-bottom:0px;
																}
	.header-description li								{
																list-style-type: square;
																margin-left:-10px;
																}

/* Product styles */
	.description-text										{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:gray; text-decoration: none; }
	.specialoffer-text										{ font-family:Tahoma; font-weight:bold; font-size:8pt; color:#FF0000; text-decoration: none; }
	.extrafield-title-text									{ font-family:Tahoma; font-weight:bold; font-size:8pt; color:#000000; text-decoration: none; }
	.extrafield-content-text							{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:#000000; text-decoration: none; }
	.qty-title-text											{ font-family:Tahoma; font-weight:bold; font-size:8pt; color:#000000; text-decoration: none; }
	.price-title-text										{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:#000000; text-decoration: none; }
	.price-content-text									{ font-family:Tahoma; font-weight:bold; font-size:9pt; color:blue; text-decoration: none; }
	.price2-title-text										{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:gray; text-decoration: none; }
	.price2-content-text								{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:gray; text-decoration: none; }
	.other-title-text										{ font-family:Tahoma; font-weight:bold; font-size:8pt; color:#000000; text-decoration: none; }
	.darkshade-backing									{ background-color: #AAAAAA; }
	.mediumshade-backing								{ background-color: #BBBBBB; }
	.lightshade-backing									{ background-color: #CCCCCC; }
	.extralightshade-backing							{ background-color: #DDDDDD; }
	.review-title-backing									{ background-color: #CCCCCC; }
	.review-subject-backing							{ background-color: #DDDDDD; }
	.review-content-backing							{ background-color: #EEEEEE; }
	.review-title-text										{ font-family:Tahoma; font-weight:bold; font-size:8pt; color:#000000; text-decoration: none; }
	.review-content-text								{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:#000000; text-decoration: none; }
	.product-image	 									{ border:  solid 0px; border-width:0px; background-color: #BEBABA; }
	.product-cart-thumbnail							{ border:  solid 0px; border-width:1px; border-color: #BEBDBE; background-color: #BEBABA; }
	.top-rule  	 											{	border-top:dashed;
																	border-width:1px;
																	border-color:#CCCCCC; 
																	position: relative; top: 9px;
																	color:white; }
	.vertical-rule  								 			{
																border-right:dashed;
																border-width:1px;
																border-color:#CCCCCC; 
																color:white;
																}

	.bottom-rule  	 										{
																border-bottom:dashed;
																border-width:1px;
																border-color:#CCCCCC; 
																color:white;
																}

	.fitment-content, .fitment-heading				{
																font-weight:bold;
																color:white;
																width:100%;
																border: inset solid 1px #BEBABA;
																padding: 1px;
																padding-left: 10px;
																background-color: #BEBABA;
																}

	.fitment-content										{
																color:#000000;
																border: inset solid 1px #E1DDDD;
																border-top : 0px;
																background-color: #F5F2F2;
																}
																	
/* Copyright */
	.copyright-text										{
																color:gray;
																}

	.copyright-links										{
																font-weight:bold;
																color:#006A94;
																}

	.copyright-links:hover 								{
																font-weight:bold;
																}

	.company-name-text								{
																font-size:7.5pt;
																}

-->