<!--

/* Subsections, GLOBAL CONTROL */
/* Note, the width of all boxes is 100%, the actual width is determined by the table columns size set in section_subsections_mod2.html

		/* section page container, provides minimum height, to move red free delivery banner to the bottom */
		.section_small_page_container
		{
		min-height:440px;
		margin-bottom:30px;
		}

    	/* Font & color, for ALL text items within left and right menu boxes */
    	.subsection_boxtext_h1,
    	.subsection_boxtext_h2,
		.subsection_boxtext,
    	.subsection_testimonial_boxtext_h1,
    	.subsection_testimonial_boxtext_h2,
		.subsection_testimonial_boxtext,
    	{
    	}
    
/* Subsection Boxes, individual control */

    	/* Subsection Box Frame, to set the overall box size and position*/
    	.subsection_boxframe
    	{
    	width:100%;
    	margin-top:5px;
    	}
    
    	/* Subsection Box Heading, sets the image and height of the box heading */
    	.subsection_boxheading
    	{
		position:relative; left:0px; top:0px;		/* can now use absolute in any nested css */
		margin-top:2px;
    	height:16px;
    	}
    
    	/* Subsection Box Content, border and background for the main content of the box, also sets top padding, use same colour for product banners */
		/*                    however, the bottom padding is controlled by boxtext, which is used within boxsection */
    	.subsection_boxcontent
    	{
		min-height:75px;
		_height:75px;										/* Hack for IE */
    	border-bottom: 1px solid #DFDFE6;
    	background-color: white;
    	}

    	.subsection_boxcontent:hover
    	{
    	}

		/* Individual boxcontents, to change the background colour of boxes individually */
		/* subsection_boxcontent_testimonial has not been coded into any html yet */
    	.subsection_boxcontent_testimonial
    	{
    	}
    
    	.subsection_boxtext_arrow
		{
		position:relative; right:8px; bottom:2px;
		}

    	/* Box h1 text, font size and position, used within boxheading */
    	.subsection_boxtext_h1,
    	.subsection_boxtext_h1_orange,
    	.subsection_boxtext_h1_yellow,
    	.subsection_boxtext_h1_black,
    	.subsection_boxtext_h1_red,
    	.subsection_boxtext_h1_white
    	{
		color:#030928;
		position:relative; right:7px; bottom:2px;
		height:15px;
    	font-weight:bold; 
		margin-bottom:0px;
    	}

    	.subsection_boxtext_h1_orange,			/* used for csp section */
    	.subsection_boxtext_h1_orange_hover
		{
		color:#F5821F;
		}

    	.subsection_boxtext_h1_yellow,			/* used for pertronix section */
    	.subsection_boxtext_h1_yellow_hover
		{
		color:yellow;
		}

    	.subsection_boxtext_h1_black,			/* used for spax section */
    	.subsection_boxtext_h1_black_hover
		{
		color:black;
		}

    	.subsection_boxtext_h1_red,			/* used for bugpack section */
    	.subsection_boxtext_h1_red_hover
		{
		color:#D52127;
		}

    	.subsection_boxtext_h1_white,				/* used for vdo section */
    	.subsection_boxtext_h1_white_hover
		{
		color:white;
		}

    	.subsection_boxtext_h1_orange_hover:hover			/* used for csp section */
		{
		color:white;
		}

    	.subsection_boxtext_h1_yellow_hover:hover			/* used for pertronix section */
		{
		color:gray;
		}

    	.subsection_boxtext_h1_black_hover:hover			/* used for spax section */
		{
		color:gray;
		}

    	.subsection_boxtext_h1_red_hover:hover				/* used for bugpack section */
		{
		color:gray;
		}

    	.subsection_boxtext_h1_white_hover:hover			/* used for vdo section */
		{
		color:gray;
		}

        /* Box h2 text, sub header texts */
    	.subsection_boxtext_h2
    	{
		font-weight:bold; 
    	margin-left:0px;
    	margin-right:5px;
		margin-bottom:5px;
    	}

    	/* Box text, for normal text, used within boxcontent, can be used multiple times to create paragraphs, due to bottom padding*/
    	.subsection_boxtext_container
    	{
		width:165px;
		min-height:80px;
    	margin-right:5px;
		padding-bottom:5px;
    	}

    	/* Box text, for normal text */
    	.subsection_boxtext
    	{
		color:#A7A7A7;		/* A bit too pale for some of the shops, used up until the CSP shop introduced */
		color:#666666;		/* a bit too dark for the normal shops, used for a month or so, then decided it was too dark when started keying section shortdescriptions en mass */
		color:#8F8E8E;
		}

    	/* Box image, for product thumbnail */
    	.subsection_box_productimage,
    	.subsection_box_productimage_zoom,
    	.subsection_box_productimage_zoom_shop
    	{
		float:right;
		margin-left:0px;		/* this can be 0 as the left relative is causing a change to the margin next to the text */
		position:relative;
		bottom:3px;
		right:7px;					/* Was 7  (before changing spacing, due to zoom images), but i decreased the width of the sections, increased the central padding, and changed this right padding to 0  */
		border:0px;
    	}

		/* Slightly different version for the zoomed version (avoided changing the one used for 'shops') */
    	.subsection_box_productimage_zoom,
    	.subsection_box_productimage_zoom_shop
    	{
		border:1px solid #CAC9C9;   /* Pale is E5E5E5, Mid is CAC9C9, or Scotts original is B5B5B5 */
		}

		/* the zoom version also removes the right relative */
    	.subsection_box_productimage_zoom
    	{
		position:relative;
		right:0px;
		}

		/* zoom shop version, image moved down slightly, and has a paler border */
    	.subsection_box_productimage_zoom_shop
    	{
		position:relative;
		top:3px;
		border:1px solid #E5E5E5;   /* Pale is E5E5E5, Mid is CAC9C9, or Scotts original is B5B5B5 */
		}

    	/* Deluxe Botton, Positioning */
    	.subsection_deluxebutton_position
    	{
    	}

/* Subsection Testimonial Boxes, individual control */

    	.subsection_testimonial_boxframe
    	{
    	width:100%;
    	height:90px;
    	border-color: #EFECEC;
    	background-color: #F4F4F4;
    	margin-top:5px;
    	}
    
    	.subsection_testimonial_boxcontent
    	{
    	}

    	.subsection_testimonial_comment
    	{
    	margin:5px;
		font-style:italic;
		font-size:8pt;
    	}
    
    	.subsection_testimonial_customer
    	{
		text-align:right;
    	padding-right:10px;
    	font-weight:bold; 
    	}

/* Section Page buttons, Prev, Next etc (used by search and section) */

		.section_page_buttons_container
		{
		text-align:right;
		margin-bottom:2px;
		padding-right:5px;
		}

		.search_page_buttons_container
		{
		text-align:right;
		margin-bottom:10px;
		padding-right:5px;
		}

		.section_page_number_box,
		.section_page_number_box_current
		{
		border:1px solid silver;
		background-color:white;
		padding-left:4px;
		padding-right:4px;
		padding-bottom:1px;
		text-align:center;
		font-size:8pt;
		}

		.section_page_number_box
		{
		border:1px solid silver;
		background-color:white;
		color:silver;
		}

		.section_page_number_box:hover
		{
		background-color:#EBEBEC;
		}

		.section_page_number_box_current
		{
		border:1px solid #1A2C5C;
		background-color:#1A2C5C;
		color:white;
		}

-->