<!--

/* Info Pages, GLOBAL CONTROL */
/* For formatting of Info Pages, such as Privacy, Terms and Conditions, Contact Us, Shipping info etc */

    	/* Font & color, for ALL text items within left and right info boxes */
    	.info_boxtext_h1,
    	.info_boxtext_h2,
		.info_boxtext
    	{
    	}

		/* Small page container, provides top and bottom spacing, for small info pages */
		.info_small_page_container
		{
		margin-top:40px;
		min-height:640px;
		}
    
		/* Cart page container, provides top and bottom spacing, for checkout stages */
		.info_small_page_container
		{
		min-height:1100px;
		}

/* ________________________________________________________________________________________________________________ */


/* ___ BOX FRAME (start) ___ */

		/* Info Box, Main Frame*/

    	/* Box Frame, to set the overall box size and position, and margin under the path / bottom of page */
		/* Seperate versions, for use in different info pages */
    	.info_boxframe,
    	.info_boxframe_icon,
    	.info_boxframe_terms_and_conditions,
    	.info_boxframe_privacy_policy,
    	.info_boxframe_shipping,
		.info_boxframe_request_new_password
    	{
		position:relative; left:0px; top:0px;	
		margin-top:0px;
		margin-bottom:0px;
    	width:100%;
    	margin-left:0px;
    	}

		.info_boxframe_request_new_password,
		.info_boxframe_newsletter
		{
		width:60%;
		min-width:500px;
		}


/* ___ BOX FRAME (end) ___ */


/* ________________________________________________________________________________________________________________ */


/* ___ BOX HEADERS (start) ___ */


    	/* Box Heading, sets the image and height of the box heading */
    	.info_boxheading,
    	.info_boxheading_grey
    	{
		position:relative; left:0px; top:0px;		/* can now use absolute in any nested css */
		background-image:url('../images/boxheader/top.gif'); 
		background-position: 0px 0px;
    	background-repeat: repeat-x;
    	height:6px;
    	}
  
    	.info_boxheading_grey
    	{
		background-image:url('../images/boxheader/grey/top.gif'); 
    	}


/* ___ BOX HEADERS (end) ___ */


/* ________________________________________________________________________________________________________________ */


/* ___ BOX FOOTERS (start) ___ */

    	/* Box Footer, sets the box line */
    	.info_boxfooter
    	{
		clear:left;												/* to clear the float, from the icon */
		position:relative; left:0px; top:0px;				/* can now use absolute in any nested css */
		background-image:url('../images/boxheader/bottom.gif'); 
    	height:5px;
		margin-bottom: 0px;								/* This sets the gap under the curved corner box */
    	}
    
/* ___ BOX FOOTERS (end) ___ */


/* ________________________________________________________________________________________________________________ */


/* ___ BOX SIDES (start) ___ */


		/* Left box side */
    	.info_boxborder_left
    	{
		position:relative; left:-1px;
		background-position: left;
		background-image:url('../images/boxheader/left.gif'); 
    	background-repeat: repeat-y;
		_height: 0;												/* Hack to fix peekaboo bug in IE6 */
		min-height: 0;											/* Hack to fix peekaboo bug in IE7 */
    	}

		/* Right box side, use info_boxcontent */
    	.info_boxcontent,
    	.info_boxcontent_checkout,
    	.info_boxcontent_ordersuccess
    	{
		position:relative; left:4px;
		background-position: right;
		background-image:url('../images/boxheader/right.gif'); 
    	background-repeat: repeat-y;
     	background-color: white;
    	padding-top:5px;
		_height: 0;												/* Hack to fix peekaboo bug in IE6 */
		min-height: 0;											/* Hack to fix peekaboo bug in IE7 */
    	}

		/* Checkout derivative */
    	.info_boxcontent_checkout
    	{
		_height: 460px;										/* Hack to fix box height bug in IE6 */
		min-height: 460px;
    	}

		/* Order success derivative */
    	.info_boxcontent_ordersuccess
    	{
		_height: 538px;										/* Hack to fix box height bug in IE6 */
		min-height: 538px;
    	}

/* ___ BOX SIDES (end) ___ */


/* ________________________________________________________________________________________________________________ */


/* ___ BOX CONTENT (start) ___ */


    	/* 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 */
    	.info_boxcontent
    	{
    	}

		/* The following resets absolute positioning, can now be performed for any nested css */
		.info_boxcontent
		{
		position:relative;
		top:0;
		bottom:0;
		}

/* ___ BOX CONTENT (end) ___ */


/* ________________________________________________________________________________________________________________ */


/* ___ BOX TEXTS AND LISTS (start) ___ */

    	/* Box h1 text, font size and position, used within boxheading */
		/* not currently in use within html, if required though, copy the css from infoboxes to here as a starting point */
    	.info_boxtext_h1
    	{
    	}

        /* Box h2 text, sub header texts */
		/* not currently in use within html, if required though, copy the css from infoboxes to here as a starting point */
    	.info_boxtext_h2
    	{
    	}

    	/* Box text, for normal text, used within boxcontent, can be used multiple times to create paragraphs, due to bottom padding*/
    	.info_boxtext
    	{
    	margin-left:10px;
    	margin-right:15px;
		padding-bottom:5px;
    	}

    	/* Info page links, some of these are embedded within snippets */
    	.info_page_links
    	{
		color:orange;
		}

/* ___ BOX TEXTS AND LISTS (end) ___ */


/* ________________________________________________________________________________________________________________ */


/* ___ BOX BUTTONS AND TEXT INPUTS (start) ___ */


    	/* Info Buttons, Container */
    	.info_buttons_container_top,
    	.info_buttons_container_bottom
    	{
		text-align:right;
		margin-right:20px;
    	}

    	.info_buttons_container_top
		{
		padding-top:5px;
    	}

    	.info_buttons_container_bottom
    	{
		padding-bottom:8px;
		}

    	/* Info Buttons, all */
    	.info_button_back,
    	.info_button_bottom,
    	.info_button_top
		{
    	background-repeat: no-repeat;
		background-position: 0px 1px;
		padding-left:16px;
		}

    	/* Info Buttons, Back*/
    	.info_button_back
    	{
		background-image:url('../images/b.jpg'); 
    	}

    	/* Info Buttons, To the bottom */
    	.info_button_bottom
    	{
		background-image:url('../images/f.jpg'); 
    	}

    	/* Info Buttons, To the top */
    	.info_button_top
    	{
		background-image:url('../images/t.jpg'); 
    	}

    	/* Info Buttons, Checkout button, for the 'edit delivery addresses' form */
    	.info_button_delivery_checkout
    	{
		position:relative; bottom:27px; left:190px;
    	}

/* ___ BOX BUTTONS AND TEXT INPUTS (end) ___ */


/* ________________________________________________________________________________________________________________ */


/* ___ INFO FORM TABLE (start) ___ */

		/* Decided to handle forms in tables, as easier to get uniform layot */
		/* The following css is used within the tables */

		/* tr */
		.tr_info_form_row
		{
		height:23px;
		}

		/* Headings (tops of charts, eg order history list), not used on general input forms */

			.info_form_heading
			{
			color:#222155;
			font-weight:bold;
			}

		/* Titles (first column), for text input boxes on info page forms */

			/* td, for title column */
			.td_info_form_title,
			.td_info_form_title_WIDE						/* WIDE version used on some forms that have bigger left column spacing */
			{
			width:110px;
			text-align:left;
			vertical-align:top;
			}

			.td_info_form_title_WIDE
			{
			width:175px;
			}

			/* span inside the above td */
			.info_form_title,
			.info_form_title_WIDE
			{
			vertical-align: top;	
			padding-left:10px;
			position:relative; top:2px;
			}

			/* Not yet in use for all forms, needs to be implemented though all forms */
			/* color:navy; */
			/*	font-weight:bold; */
			.info_form_asterisk
			{
			}

		/* Fields (2nd column), for text input boxes on info page forms */

			/* td, for title column */
			.td_info_form_field
			{
			}

			/* span inside the above td */
			.info_form_field
			{
			}

		/* Submit button, below AND outside the form table (but inside the pretty box), used with a div, needs left padding to match above title field td */

			/* span inside the above td */
			.info_form_submit_button,
			.info_form_submit_button_WIDE				/* WIDE version used on some forms that have bigger left column spacing */
			{
			padding-top:5px;
			padding-left:110px;
			padding-bottom:5px;
			}

			.info_form_submit_button_WIDE
			{
			padding-left:175px;
			}

		/* REDUNDANT CODE */
		/* display:-moz-inline-block; */							/* No longer used, but this was a hack for moz widths */
		/* display:inline-block; */
		/* *height:23px; */											/* any line starting in a * will only be read by IE */

/* ___ INFO FORM TABLE (end) ___ */


/* ________________________________________________________________________________________________________________ */


/* ___ BOX IMAGES AND BANNERS (start) ___ */

		/* Icon */
		/* This is the top icon, which is in its own top box */
		.info_icon
		{
		padding:10px;
		padding-right:20px;
		padding-bottom:10px;
		float:left;
		}

		/* Icon Heading, this is for a jpg alongside the icon at the top of the page */
		.info_icon_heading
		{
		padding-top:13px;
		}    

		/* Icon Wording, this is for snippet text alongside the icon at the top of the page */
		.info_icon_wording
		{
		margin-top:5px;
		margin-right:10px;
		min-height:65px;				/* Hack, had to add this for FF to display the main box content border correctly */
		}    

		/* Images */
		/* This is currently used by courier logos on shipping page */
		.info_images
		{
		padding:10px;
		}

		/* Text boxes, on forms, on info pages */
    	.info_textinput
    	{
    	background-color: #FFFFFF;
    	border: 1px #CCCCCC; 
    	border-style: solid; 
    	height: 17px; 
    	padding-left:5px;
    	padding-top:1px;
    	}

		/* Image Headers */
    
    	/* Image Heading */
    	.info_image_heading_terms_and_conditions,
    	.info_image_heading_privacy_policy,
    	.info_image_heading_contact_us,
    	.info_image_heading_shipping,
    	.info_image_heading_shipping_rates,
    	.info_image_heading_minimum_rate,
    	.info_image_heading_shipping_partners
    	{
    	background-repeat: no-repeat;
		position:relative; left:10px; bottom:0px;
		z-index:2;
		height:25px;
    	}

    	.info_image_heading_minimum_rate,
    	.info_image_heading_shipping_partners
		{
		background-position: 0px 12px;
    	border-top: solid 1px #EFECEC;
		margin-right:20px;
		padding-top:0px;
		padding-bottom:15px;
		}


/* ___ BOX IMAGES AND BANNERS (end) ___ */


-->