<!--

/* Products, GLOBAL CONTROL */

    	/* Font & color, for ALL text items generic products layouts */
    	.product_mod1_boxtext_h1,
    	.product_mod1_boxtext_h2,
		.product_mod1_boxtext,
    	{
    	}
    
    	/* Font & color, for ALL text items generic products layouts */
    	.product_mod4_boxtext_h1,
    	.product_mod4_boxtext_h2,
		.product_mod4_boxtext,
    	{
    	}

/* Products, generic Mod1 layout, used mainly within sections (although also used for Main product blue box) */
/* Mod1 is for products with just 1 product in a row, eg section pages */
/* Mod1 is used for products within a TABLE also, so be careful if making any mods, although with some overrides using TABLE css below */
/* TABLE is just a slight variant, for positioning, due to wider bluebox on TABLE pages */

    	/* Product Subcategory, Container, to allow nested positioning */
		.product_mod1_subcategory_h1_container,
		.product_mod1_subcategory_h1_container_withlineabove
		{
		position:relative; left:5px; top:0px;		/* can now use absolute in any nested css */
		background: url(../images/rarrow.gif);
		background-repeat: no-repeat;
		background-position: 5px 7px;
		margin:0px;
		height:20px;
		padding-left:0px;
		padding-top:3px;
		font-weight:bold;
		font-size:8pt;
		}

		.product_mod1_subcategory_h1_container_withlineabove
		{
		padding-top:13px;
		background-position: 5px 17px;
		border-top:2px solid #F2F1F1;
		}

    	/* Product Subcategory, used for the section title / subcategory products headings */
    	.product_mod1_subcategory_h1
    	{
    	color:#201E48;
		position:absolute; left:12px;
    	}

    	/* Product Main Container */
    	.product_mod1_main_container
    	{
		height:117px;
		text-align:center;
		padding-bottom:0px;
    	}

	    	/* Product Thumbnail Container */
    		.product_mod1_thumbnail_container
	    	{
			width:150px;
			padding-left:10px;
			padding-right:0px;
    	    min-height:115px;
	    	}

		    	/* Product Thumbnail Image */
		    	.product_mod1_thumbnail,
		    	.product_mod1_thumbnail_in_cart
		    	{
		    	}

				.product_mod1_thumbnail:hover,
		    	.product_mod1_thumbnail_in_cart:hover
				{
				}

			/* Product Box (BLUE BOX) */
			.product_mod1_box_container
			{
			position:relative; left:5px; top:0px;		/* can now use absolute in any nested css */
			border-color: #B6B5CB;
			border-top: solid 1px;
			border-bottom: solid 1px;
			border-left: solid 0px;
			border-right: solid 0px;
			background-color: #FCFBFF;				/* FAF7FF */
			width:400px;
			padding:2px;
			padding-left:0px;
			}

			.product_TABLE_box_container
			{
			position:relative; left:0px; bottom:0px;		/* can now use absolute in any nested css */
			}

			/* Items within the product box */

			    	/* Product Name */
			    	.product_mod1_name,
			    	.product_TABLE_name
			    	{
					overflow:hidden;								/* stop product description being visibile, if its longer than width of bluebox, and height 15px as above */
					color:#006A94;
					padding-bottom:1px;
					margin-left:5px;
					margin-right:5px;
					margin-bottom:4px;
		    		}

			    	.product_mod1_name
			    	{
					height:14px;
					width:425px;
					padding-top:3px;
					border-bottom: solid 1px #ECEBF3;
		    		}

			    	.product_TABLE_name
			    	{
					height:12px;
					width:500px;
		    		}

			    	/* Font, for Product Code, Price, More and Wish*/
					.product_mod1_code,
					.product_mod1_price,
					.product_mod1_more_link,
					.product_mod1_wishlist_link,
					.product_TABLE_code,
					.product_TABLE_price,
					.product_TABLE_wishlist_link
					{
					color:#A8A0C2;
					}

		    		/* Product Code */
					.product_mod1_code
					{
					position:absolute; left:4px; top:34px;
					}

					.product_TABLE_code
					{
					position:absolute; left:4px; top:22px;
					}

			    	/* Product Price (and per) */
					.product_mod1_price,
					.product_TABLE_price
					{
					position:absolute; left:150px; top:34px;
					color:#363467;
					}

					.product_TABLE_price
					{
					position:absolute; left:290px; top:22px;
					}

		    		/* Product Add to cart */
					.product_mod1_cart
					{
					position:absolute; left:330px; top:28px;
					}

					.product_TABLE_cart
					{
					position:absolute; left:478px; top:16px;
					}

			    	/* Product Stock Status */
					.product_mod1_stock_status
					{
					}

			    	/* Product More Info */
					.product_mod1_more_link
					{
					}

			    	/* Product Wish list link */
					.product_mod1_wishlist_link
					{
					position:absolute; left:404px; top:57px;
					}

					.product_TABLE_wishlist_link
					{
					position:absolute; left:550px; top:0px;
					}

			    	/* Product Suggested Qty */
					.product_mod1_suggested_qty
					{
					position:absolute; left:239px; top:57px;
					}

			    	/* Product Models */
					.product_mod1_models
					{
					}

	    	/* Product Cart Status*/
			.product_mod1_cart_status,								/* Used for generic mod1 layout */
			.product_mod6_cart_status,								/* Used for associated and recommended mod6 layout */
			.product_wishlist_cart_status							/* also wish list, but positioned differently, see below */
			{
			background-image:url('../images/70transparent.png'); 
			position:relative; right:137px; bottom:45px;
			padding-top:2px;
			padding-bottom:2px;
			padding-left:5px;
			padding-right:5px;
			color:#494B9E;
			}

			.product_mod6_cart_status								/* Used for associated and recommended mod6 layout */
			{
			position:relative; left:3px; bottom:35px;
			}

	    	/* Product Cart Status, for wishlist */
			.product_wishlist_cart_status
			{
			position:relative; right:140px; bottom:20px;
			}

			.product_mod1_sticker
			{
			height:50px;
			width:50px;
			position:relative; bottom:136px; right:110px;
			}

/* Products, generic Mod2 layout (Currently only used in home page) */
/* Mod2 is for products with 2 product in a row, eg home index page */

    	/* Product Main Container */
    	.product_mod2_main_container,
    	.product_mod2_main_left_column
    	{
        height:140px;
        width:275px;
    	border-bottom: 1px solid #C4C4CB;
		padding-bottom:25px;
		margin-bottom:12px;
		margin-right:5px;
    	}

    	.product_mod2_main_left_column
    	{
		margin-right:15px;
		}

		.product_mod2_thumbnail_container
		{
		margin-left:5px;
		margin-right:0px;
		}

		    	/* Product Thumbnail Image */
		    	.product_mod2_thumbnail,
		    	.product_mod2_thumbnail_in_cart
		    	{
		    	}

		.product_mod2_image_container
		{
		position:relative; left:0px; top:0px;			/* can now use absolute in any nested css */
		}

		    	/* Product Thumbnail Image */
		    	.product_mod2_image,
		    	.product_mod2_image_in_cart
		    	{
		    	}

    	/* Product Name Container */
    	.product_mod2_name_container
    	{
		background: url(../images/rarrow.gif);
		background-repeat: no-repeat;
		background-position: 0px 4px;
		padding-left:7px;
		height:30px;
		width:265px;
		overflow:hidden;
   		}

    	/* Product Name */
    	.product_mod2_name
    	{
		color:#030928;
    	font-weight:bold; 
   		}

    	.product_mod2_name_arrow
		{
		position:relative; right:10px;
		}

    	/* Bundle sticker, container */
		.product_mod2_sticker_container
		{
		text-align:right;
		margin-top:3px;
		}

    	/* Bundle sticker, container */
		.product_mod2_60_sticker_container
		{
		position:absolute; left:233px; top:45px;
		}

    	/* Bundle sticker */
		.product_mod2_sticker
		{
		height:50px;
		width:50px;
		}

    	/* Bundle sticker */
		.product_mod2_60_sticker
		{
		height:60px;
		width:60px;
		}

    	/* Bundle / Special offer pricing, Container */
		.product_mod2_offer_price_container
		{
		text-align:right;
		}

    	/* Bundle offer price message */
		.product_mod2_bundle_price_message
		{
		text-align: right;
		color: #780000;
		}

    	/* Bundle / Special offer pricing */
		.product_mod2_offer_bundle_price,
		.product_mod2_offer_regular_price
		{
		text-align:right;
		font-size:8pt;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-right: 0px;
		color: #780000;
		}
		
		.product_mod2_offer_regular_price
		{
		text-decoration: line-through
		}

		.product_mod2_offer_bundle_price
		{
		font-weight:bold;
		}

		.product_mod2_price
		{
		color:#363467;
		}

		.product_mod2_cart_status
		{
		background-image:url('../images/70transparent.png'); 
		position:relative; left:20px; bottom:43px;
		padding-left:5px;
		padding-right:5px;
		color:#494B9E;
		}

/* Products, generic Mod4 layout (Currently only used in 'Recommended' and 'Random' Carousel) (was used on associated, but they are now within tabbed content) */
/* Mod4 is for products with 4 product in a row, eg various carousels */

    	/* Product Header Image */
    	.product_mod4_header_image
    	{
		padding-top:3px;
		padding-left:20px;						/* shift it more central, having trouble with 'center' inside the divs, so this is a cheat */		
		}


    	/* Product Main Container */
    	.product_mod4_main_container			/* took all position relatives and absolutes out of mod4 (in carousel) due to IE6 peekaboo, then various mods to get the format back as it should be */
    	{
        height:150px;
        width:115px;
		text-align:left;
		border-color: #EFECEC;
		margin-left:10px;								/* was 15px before using carousel */
		margin-right:10px;								/* was 15px before using carousel */
    	}


	    	/* Product Thumbnail Container */
    		.product_mod4_thumbnail_container
	    	{
	    	}

		    	/* Product Thumbnail Image */
		    	.product_mod4_thumbnail,
		    	.product_mod4_thumbnail_in_cart
		    	{
				border:0px;
				width:100px;					/* this is resizing a 150 thumbnail to 100x75 at present, which i dont like, but it will do for dev work */
				height:75px;
		    	}

				.product_mod4_thumbnail:hover
				{
				}

				/* Product Thumbnail Image in cart, allows a border if required, on the item if it's in the cart */
		    	.product_mod4_thumbnail_in_cart
		    	{
		    	}

			/* Product Box */
			.product_mod4_box_container
			{
			background-color: white;						
			height:48px;
			margin-right:0px;
			}

			/* Items within the product box */

			    	/* Product Price */
					.product_mod4_price
					{
					font-size:8pt;
					font-weight:normal;
					color:#363467;
					margin-left:5px;
					padding-bottom:3px;
					margin-bottom:2px;
					_padding-bottom:5px;								/* IE6 only */
					_margin-bottom:3px;								/* IE6 only */
				   	border-bottom: 1px solid #B6B5CB;			/* B6B5CB is a gray blue, chosen by scott */
					}

			    	/* Product Name */
			    	.product_mod4_name
			    	{
					border:0px;
					font-size:8pt;
					padding-top:2px;
					padding-left:5px;
					padding-right:3px;
		    		}

			    	/* Product Code and Stock Status*/
					.product_mod4_code,
					.product_mod4_stock_status,
					.product_mod4_more_link,
					.product_mod4_wishlist_link,
					.product_mod4_cart_status
					{
					}

		    		/* Product Code */
					.product_mod4_code
					{
					}

			    	/* Product Stock Status */
					.product_mod4_stock_status
					{
					}

					.product_mod4_stock_status:hover
					{
					}

	    	/* Product More Info */
			.product_mod4_more_link
			{
			}

			.product_mod4_more_link:hover
			{
			}

	    	/* Product Wish list link */
			.product_mod4_wishlist_link
			{
			}

			.product_mod4_wishlist_link:hover
			{
			}


	    	/* Product Suggested Qty */
			.product_mod4_suggested_qty
			{
			}

	    	/* Product Models */
			.product_mod4_models
			{
			}

	    	/* Product Cart Status*/
			.product_mod4_cart_status
			{
/*			position:absolute; left:0px; top:50px; */
			position:relative; bottom:90px;
			background-image:url('../images/70transparent.png'); 
			padding-left:5px;
			padding-right:5px;
			color:#494B9E;
			}

/* Products, generic TAB layout (used only for associated item, within the main product tabbed content) */
/* Mod4 is for products with 4 product in a row, eg various carousels */

    	/* Product Header Image */
    	.product_TAB_header_image
    	{
		padding-top:3px;
		padding-left:20px;
		}


    	/* Product Main Container */
    	.product_TAB_main_container
    	{
        height:80px;
    	}


	    	/* Product Thumbnail Container */
    		.product_TAB_thumbnail_container
	    	{
			width:130px;
	    	}

		    	/* Product Thumbnail Image */
		    	.product_TAB_thumbnail
		    	{
				border:0px;
				width:100px;
				height:75px;
				padding-top:5px;
				padding-left:10px;
		    	}

				.product_TAB_thumbnail:hover
				{
				}

			/* Product Box */
			.product_TAB_box_container
			{
			width:150px;
			}

			/* Items within the product box */

			    	/* Product Price */
					.product_TAB_price
					{
					color:#363467;
					margin-left:0px;
					text-align:left;
					}

			    	/* Product Name */
			    	.product_TAB_name
			    	{
					padding-top:10px;
					height:47px;
		    		}

	    	/* Product Cart Status*/
			.product_TAB_cart_status
			{
			position:relative; bottom:13px; right:120px;					/* For this positioning to work (within a scrolled area), added position relative 0 to scrolled container, this is required for bug in IE */
			background-image:url('../images/70transparent.png'); 
			padding-left:5px;
			padding-right:5px;
			color:#494B9E;
			}


/* Products, generic Mod1B layout (Currently only used in 'Bundle' carousel at the top of the home page) */
/* Mod1B is for products with 1 product in a row, Large 'Bundle' format, eg top of the home page in a carousel */

    	/* Product Main Container */
    	.product_mod1B_main_container
    	{
        height:150px;
		text-align:left;
		border-color: #EFECEC;
		border:0px solid blue;
		margin-left:0px;
		padding-right:0px;
		position:relative; bottom:3px;
    	}


	    	/* Product Name Container */
			.product_mod1B_name_container
   			{
			height:15px;
			overflow:hidden;
			}

	    	/* Product Name */
			.product_mod1B_name
			{
			color:#030928;
			font-weight:bold; 
			}

	    	.product_mod1B_name_arrow
			{
			position:relative; right:0px;
			}

			/* Product text summary box */
			.product_mod1B_text_heading
			{
			height:54px;					/* fixed height, despite how much text is on the product */
			padding-top:5px;
			padding-left:10px;
			overflow:hidden;
			}

	    	/* Product Thumbnail Container */
    		.product_mod1B_thumbnail_container
	    	{
	    	}

	    	/* Product Thumbnail Image (actually used for a main image, not a thumbnail, in this case */
	    	.product_mod1B_thumbnail,
	    	.product_mod1B_thumbnail_in_cart
	    	{
			border:0px;
			width:250px;
			height:188px;
	    	}

	    	/* Container for product details, eg sticker, prices, messages*/
			.product_mod1B_details_container
			{
			text-align: right;
			margin-right:5px;
			margin-bottom:10px;
			}


		    	/* Bundle sticker, container */
				.product_mod1B_sticker_container
				{
				text-align:right;
				margin-top:0px;
				}

		    	/* Bundle sticker */
				.product_mod1B_sticker
				{
				height:50px;
				width:50px;
				}

		    	/* Bundle / Special offer pricing, Container */
				.product_mod1B_offer_price_container
				{
				text-align:right;
				margin-top: 10px;
				}

		    	/* Bundle offer price message */
				.product_mod1B_bundle_price_message
				{
				text-align: right;
				color: #780000;
				}

		    	/* Bundle / Special offer pricing */
				.product_mod1B_offer_bundle_price,
				.product_mod1B_offer_regular_price
				{
				text-align:right;
				font-size:8pt;
				margin-top: 0px;
				margin-bottom: 3px;
				margin-right: 2px;
				color: #780000;
				}

				.product_mod1B_offer_bundle_price
				{
				font-weight:bold;
				}

			/* Items within the blue box (now grey box actually) */

			    	/* Product Price */
					.product_mod1B_price
					{
					padding-top:3px;
					padding-left:7px;
					color:#363467;
					}

			    	/* Product Code and Stock Status*/
					.product_mod1B_code,
					.product_mod1B_stock_status,
					.product_mod1B_more_link,
					.product_mod1B_wishlist_link,
					.product_mod1B_cart_status
					{
					}

					.product_mod1B_wishlist_container
					{
					height:8px;
					border:0px;
					border-bottom: solid 1px #ECEBF3;
					padding-top:2px;
					padding-bottom:5px;
					margin-bottom:4px;
					}

					.product_mod1B_wishlist_link
					{
					margin-left:216px;
					position:relative; bottom:3px;
					}

					.product_mod1B_addtocart_container
					{
					margin-left: 136px;												/* Was 146, quick mod to 136 for chrome on 19/11/09 as add to cart dropped down a line for some reason */
					position:relative; bottom:17px;
					}


	    	/* Product Cart Status*/
			.product_mod1B_cart_status
			{
			position:relative; right:335px; bottom:50px;
			background-image:url('../images/70transparent.png'); 
			padding-top:2px;
			padding-bottom:2px;
			padding-left:5px;
			padding-right:5px;
			color:#494B9E;
			}

/* Products, Grid layout, used within sections  */

			/* UL table */
			.product_GRID_ul,
			.product_GRID_ul_grey,
			.product_GRID_ul_heading
			{
			overflow: hidden;
			display: block;
			padding:0;	margin:0;												/* adding these solved the IE8 and FF problem left column problem, and IE7 is ok also, superb! */
			margin-left:10px;
			margin-top:0px;
			margin-bottom:0px;
	   	border-bottom: 1px solid silver;
			background-color: white;
			list-style-type: none;
			}

			/* UL table, alternate row color */
			.product_GRID_ul_grey
			{
			background-color: #E9E9E9;
			}

			/* hover colour */
			.product_GRID_ul:hover,
			.product_GRID_ul_grey:hover
			{
			background-color: #FFFFC0;
			}

			/* LI column */
			.product_GRID_li,
			.product_GRID_li_code,
			.product_GRID_li_price,
			.product_GRID_li_buy
			{
			width: 110px;
			float: left;
			height:28px;
	   	border-right: 1px solid silver;
			}

			/* LI column, for code */
			.product_GRID_li_code
			{
			width: 80px;
			}

			/* LI column, for price column */
			.product_GRID_li_price
			{
			width: 110px;
			}

			/* LI column, for buy button */
			.product_GRID_li_buy
			{
	   	border-right: 0px;
			width: 70px;
			}

			/* heading LI content */
			.product_GRID_li_heading_content
			{
			font-weight:bold;
			position:relative; left:10px; top:8px;
			}

			/* field LI content */
			.product_GRID_li_content,
			.product_GRID_li_content_buy
			{
			overflow:hidden;
			display:block;
			height:15px;			/* chops off the bottom of long text wraps, need to fix the table to extend the heights when this happens, 'should' be simple! */
			width:100px;
			position:relative; left:10px; top:8px;
			}

			.product_GRID_li_content_buy
			{
			height:28px;			/* don't chop the bottom of the buy button off, see 15px above! */
			}

			/* Price */
			.product_GRID_price
			{
			color:#1F1C6E;
			}

			.product_spax_help:hover
			{
			color: gray;
			}

/* Products, text style listing layout, used mainly within sections, CURRENTLY ONLY IN USE IN PARENT PRODUCTS (Dont think this is in use now!)  */

    	/* Product Main Container */
    	.product_listing_main_container	
    	{
		text-align:left;
		margin-left:20px;
		margin-right:20px;
    	}

-->