/* -------------------------------------------------------------------- */
/*                                                                      */
/*  Care for the Carers Global CSS                                      */
/*                                                                      */
/*  Author: Mark Hurrell                                                */
/*  Date: 30 June 2008                                                  */
/*  Version: 1.1                                                        */
/*  For: Message                                                        */
/*  URL: message.uk.com                                                 */
/*                                                                      */
/*                                                                      */
/*                                                                      */
/* -------------------------------------------------------------------- */







/* -----------------------------------------------------------------------

	1. CSS Reset 

----------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-family: inherit;
		vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
		outline: 0;
}

body {
		font-size: 62.5%;
		color: #4e4e4e;
		line-height: 1.5;
}

ol, ul {
		list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
		border-collapse: separate;
		border-spacing: 0;
}

caption, th, td {
		text-align: left;
		font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
		content: "";
}

blockquote, q {
		quotes: "" "";
}







/* -----------------------------------------------------------------------

	2. Structure 

----------------------------------------------------------------------- */

body {
		text-align: center;
		font-family: Helvetica, Arial, sans-serif;
		background: #ffffff url(images/_interface/body_bg.png) repeat-x center top;
}

	#container {
			margin: 0 auto;
			position: relative;
			width: 100%;
			min-width: 860px;
			text-align: left;
			background-color: transparent;
	}
	
	/* Forces #container to clear around its floated content */

		#container:after {
				content: ".";
				display: block;
				height: 0;
				clear: both;
				visibility: hidden;
		}
		
	/* Forced clearing ends */
		
		/* Add class .clearfix to force clear in IE */
		
			.clearfix {
					display: inline-block;
			}
			
				/* Hides from IE-mac \*/
				* html .clearfix {
						height: 1%;
				}				
				.clearfix {
						display: block;
				}
				/* End hide from IE-mac */
		
		/* End .clearfix */
		

		#branding {
				position: absolute;
				width: 860px;
				height: 140px;
				left: -430px;
				margin-left: 50%;
				background: transparent url(images/_interface/branding.png) no-repeat top left;
		}
		
			div#mission_statement {
					position: absolute;
					width: 460px;
					height: 90px;
					top: 10px;
					right: 0;
					overflow: hidden;
					background: transparent url(images/_interface/mission_statement.png) no-repeat top left;
			}
			
				div#mission_statement span {
						position: absolute;
						width: 100px;
						left: -10000px;
				}

		#menu {
				position: relative;
				width: 860px;
				float: left;
				left: 50%;
				margin: 110px 0 0 -419px;
				background: transparent url(images/_interface/menu_left.png) 15px bottom no-repeat;
		}
		
			#menu ul /* Modified for IE - see layout_ie7.css, layout_ie.css */ {
					position: relative;
					display: block;
					float: left;
					height: 30px;
					padding: 0 10px 0 20px;
					background: transparent url(images/_interface/menu_right.png) bottom right no-repeat;
			}
			
				#menu ul li {
						position: relative;
						display: block;
						float: left;
						margin: 0 0;
				}
				
					#menu ul li a {
							position: relative;
							display: block;
							height: 30px;
							background: transparent url(images/_interface/menu_tab_right.png) bottom right no-repeat;
					}
					
						#menu ul li a span {
								position: relative;
								display: block;
								height: 22px;
								margin-right: 10px;
								padding-top: 8px;
								padding-left: 9px;
								line-height: 1.6;
								background: transparent url(images/_interface/menu_tab_left.png) bottom left no-repeat;
						}
					
						#menu ul li a.current {
								height: 33px;
								margin-top: -3px;
								background: transparent url(images/_interface/menu_tab_current_right.png) bottom right no-repeat;
						}
		
							#menu ul li a.current span {
									padding-top: 11px;
									background: transparent url(images/_interface/menu_tab_current_left.png) bottom left no-repeat;
							}
			
				/* Forces #menu to clear around its floated content */
				
					#menu ul:after {
							content: "."; 
							display: block; 
							height: 0; 
							clear: both; 
							visibility: hidden;
					}

				/* Forced clearing ends */

		#content /* Modified for IE - see layout_ie.css */ {
				position: relative;
				clear: both;
				float: left;
				left: 50%;
				margin-top: 69px;
				margin-left: -430px;
				width: 410px;
				padding-right: 410px;
				min-height: 430px;
				border: 20px solid #efeff5;
		}
		
			.homepage #content br {
					display: none;
			}
		
		.young_carers #content,
		.young_carers_child #content {
				margin-top: 69px;
				width: 450px;
				min-height: 340px;
				padding-top: 100px;
				padding-bottom: 70px;
				border: none;
				background: #7bcfd9 url(images/_interface/young_carers_bg.jpg) no-repeat bottom left;
		}

			#search /* Modified for IE - see layout_ie.css */ {
					position: absolute;
					top: -89px;
					right: -29px;
					width: 449px;
					min-height: 40px;
					background: transparent url(images/_interface/search.png) bottom left no-repeat;
			}
				
				.young_carers #search,
				.young_carers_child #search {
						top: -69px;
						right: -9px;
				}
				
				#container #search form {
						width: 450px;
						background: transparent url(images/_interface/search.png) top right no-repeat;
						margin: 0;
				}
				
			#container h1 {
					position: absolute;
					line-height: 1.2em;
					top: -89px;
					left: -4px;
					margin: 40px 0 0 0;
					padding: 0 16px 0 0;
					height: 44px;
					background: transparent url(images/_interface/h1_right.png) bottom right no-repeat;
					overflow: visible;
			}
			
				h1 span {
						position: relative;
						display: block;
						height: 30px;
						bottom: -5px;
						padding: 0 10px 9px 15px;
						overflow: visible;
						background: transparent url(images/_interface/h1_left.png) bottom left no-repeat;
				}
			
				.young_carers #container h1,
				.young_carers_child #container h1 {
						width: 860px;
						top: 0;
						left: 0;
						margin-top: 0;
						padding-top: 40px;
						background: transparent url(images/_interface/young_carers_bg_top.jpg) no-repeat top left;
				}
				
				.young_carers #content img, 
				.young_carers_child #content img {
						width: 368px;
						margin: 8px 0 6px;
						border: 2px solid #ffffff;
				}

					.young_carers #container h1 span,
					.young_carers_child #container h1 span {
							background: none;
							margin-left: 30px;
							width: 0;
							height: 0;
							padding-left: 262px;
							padding-top: 42px;
							overflow: hidden;
							background: transparent url(images/_interface/young_carers_logo.png) no-repeat top left;
							font-size: 0.1em;
					}
					
					.young_carers span#young_carers_logo,
					.young_carers_child span#young_carers_logo {
							position: absolute;
							display: block;
							width: 79px;
							height: 79px;
							bottom: -8px;
							left: -4px;
							background: transparent url(images/_interface/young_carers_sticker.png) no-repeat top left;
					}
		
			#cookie {
					position: absolute;
					top: -76px;
					left: 11px;
					width: 380px;
			}
			
				.young_carers #cookie,
				.young_carers_child #cookie {
						top: -59px;
						left: 31px;
				}
			
			.comment {
					margin: 1.5em 10px;
					border: 1px solid #dedede;
			}
			
			#content ol li {
					list-style: decimal;
					list-style-position: inside;
			}
			
			#content ul li {
					background: url(images/_interface/bullet.png) -2px 3px no-repeat;
			}
			
			.young_carers #content ul li,
			.young_carers_child #content ul li {
					background: url(images/_interface/bullet_yc.png) -2px 3px no-repeat;
			}

		#additional {
				position: relative;
				float: left;
				margin-top: 100px;
				left: 50%;
				margin-left: -330px;
				width: 300px;
				background: transparent;
		}
		
			.young_carers #additional,
			.young_carers_child #additional {
					background: transparent url(images/_interface/yc_additional_bg.png) no-repeat top left;
					padding: 10px 0;
			}

			#additional_panel_top {
					display: none;		
			}

			#additional_panel_bottom {
					display: none;		
			}
			
			#additional ul {
					margin: 0;
			}
			
	
			#container #additional h2, #content #additional p {
					margin-left: 18px;
			}
				#additional ul li {
						margin: 0;
						padding-left: 19px;
						background: url(images/_interface/bullet.png) -2px 10px no-repeat;
				}
				
				#additional ul li a {
						line-height: 2.8;
				}
			
			#additional #cart {
					background: #cccccc;
					padding: 0;
					margin: 10px 0 0 0;
					position: relative;
					float: left;
					width: 100%;
			}
			
		#container.homepage #content {
				padding-right: 0;
				width: 820px;
		}
		
		#container.homepage ul#news {
				position: relative;
				float: left;
				width: 390px;
				margin: 9px 10px 2px;
				padding: 0;
		}
		
			#container.homepage ul#news li {
					position: relative;
					display: block;
					width: 278px;
					min-height: 99px;
					padding: 8px 0 8px 110px;
					margin: 0;
					background: url(images/_interface/news_bg.png) top left no-repeat;
					line-height: 1.2;
			}
			
			#container.homepage ul#news li span.date {
					display: block;
					margin: 2px 0 0 0;
			}
			
			#container.homepage ul#news li h2 {
					margin: 1px 0 2px 0;
			}
			
			#container.homepage ul#news li p {
					margin: 0;
					line-height: 1.2;
					clear: none;
			}
			
			#container.homepage ul#news li a {
					display: block;
					margin-top: 17px;
			}
			
			#container.homepage ul#news li img {
					position: absolute;
					top: 8px;
					left: 0;
					width: 98px;
					height: 98px;
					border: 1px solid #858585;
			}
			
			#container.homepage div#young_carers {
					position: relative;
					float: right;
					width: 380px;
					min-height: 100px;
					margin: 9px 9px 0 0;
					padding: 0 0 94px 0;
					border: 10px solid #efeff5;
			}
			
				#container.homepage div#young_carers h2 {
						position: relative;
						margin: 0;
						width: 196px;
						height: 40px;
						background: url(images/_interface/young_carers_title.png) top left no-repeat;
						overflow: hidden;
				}
				
					#container.homepage div#young_carers h2 span {
							position: absolute;
							left: -1000px;
					}
				
				#container.homepage div#young_carers p {
						position: relative;
						margin: 2px 10px 6px;
						line-height: 1.4;
				}
	
					#container.homepage div#young_carers p strong {
							display: block;
							margin-bottom: 10px;
					}
			
				#container.homepage div#young_carers img {
						position: absolute;
						bottom: -10px;
						left: -10px;
						width: 400px;
						height: 110px;
				}
		
		#container.homepage #national_news {
				position: relative;
				float: left;
				width: 199px;
				margin: 18px 0 0 1px;
				border-left: 1px solid #c7c7c7;
		}
		
		#container.homepage #downloads {
				position: relative;
				float: left;
				width: 199px;
				margin: 18px 0 0 0;
				border-left: 1px solid #c7c7c7;
		}
		
			#container.homepage #national_news h2,
			#container.homepage #downloads h2 {
					margin: 11px 36px 5px 12px;
			}
		
			#container.homepage #national_news ul,
			#container.homepage #downloads ul {
					margin: 0;
			}
		
				#container.homepage #national_news li,
				#container.homepage #downloads li {
						position: relative;
						margin-left: -7px;
						background: url(images/_interface/bullet.png) 0 3px no-repeat;
				}
				
					#container.homepage #national_news li p,
					#container.homepage #downloads li p {
							margin: 2px 0 11px 0;
					}
		
		#container.homepage #additional {
				display: none;
				visibility: hidden;
		}
		
		.young_carers #content p {
				margin: 0 20px 0 30px;
		}
			
		.young_carers_child #content p,
		.young_carers_child #content h2,
		.young_carers_child #content h3 {
				margin-left: 30px;
		}
			
		#footer /* Modified for IE - see layout_ie7.css, layout_ie.css */ {
				position: relative;
				clear: both;
				left: 50%;
				float: left;
				width: 860px;
				text-align: center;
				margin: 12px 0 0 -430px;
				padding: 0;
				background: transparent;
		}	
		
			.young_carers #footer,
			.young_carers_child #footer {
					margin-top: 22px;
			}
		
			#footer #footer_promotions {
					position: relative;
					width: 860px;
					float: left;
					text-align: left;
					background: #ffffff url(images/_interface/promo_bg.png) top right repeat-y;
			}
			
				#footer #footer_promotions #primary {
						position: relative;
						float: left;
						width: 430px;
						/* height: 100px; */
						background: #2f3977;
						border-bottom: 1px solid #2f3977;
				}
				
					#footer #footer_promotions #primary h2 {
							margin: 4px 20px;
					}
				
					#footer #footer_promotions #primary ul {
							float: left;
							margin: 4px 0 0 20px;
					}
				
						#footer #footer_promotions #primary ul li {
								position: relative;
								float: left;
								width: 200px;
						}

							#footer #footer_promotions #primary ul li h3 {
									margin: 0;
							}

						#footer #footer_promotions #primary ul li p {
								margin: 0 10px 0 0;
								line-height: 1.5;
								padding-bottom: 7px;
						}
				
				#footer #footer_promotions #secondary {
						position: absolute;
						bottom: 0;
						left: 430px;
						width: 200px;
						min-height: 100px;
						background: #ffffff url(images/_interface/am_i_a_carer.png) bottom left no-repeat;
				}
				
					#footer #footer_promotions #secondary h2 {
							margin: 0;
							width: 110px;
							padding: 11px 50px 0 40px;
							line-height: 1.2;
							background: #ffffff url(images/_interface/am_i_a_carer_h2.png) top left no-repeat;
					}
					
					#footer #footer_promotions #secondary p {
							margin: 14px 0 0 70px;
							padding: 0;
					}
					
						#footer #footer_promotions #secondary p strong {
								display: block;
								margin-top: 2px;
						}
		
						#footer #footer_promotions #secondary p a {
								display: block;
								margin-top: 2px;
						}
		
				#footer #footer_promotions #tertiary {
						position: relative;
						float: left;
						margin-left: 200px;
						width: 229px;
						height: 100px;
						background: #EFEFF5;
				}
				
					#footer #footer_promotions #tertiary h2 {
							margin: 11px 10px 0;
					}
					
						#footer #footer_promotions #tertiary h2 strong {
								display: block;
								margin-top: -5px;
						}
						
					#footer #footer_promotions #tertiary p {
							margin: 0 0 0 10px;
							padding: 0;
							line-height: 1.5;
					}
				
				#footer #footer_menu {
						margin: 5px 19px;
						clear: left;
						float: left;
				}
				
					#footer #footer_menu li {
							float: left;
							margin-right: 19px;
					}







/* -----------------------------------------------------------------------

	3. Typography 

----------------------------------------------------------------------- */

body {
		color: #222222;
}

h1, h2, h3, h4, h5, h6 {
		margin: 1.5em 10px 0 20px;
		clear: left;
}

	h1 {
			font-size: 2.3em;
			color: #555555;
			font-weight: 400;
			/* letter-spacing: -1px; */
	}
	
		h1 strong {
				font-weight: 800;
		}
	
	h2 {
			font-size: 1.8em;
	}
	
		#container #additional h2 {
				margin: 0 0 5px 18px;
				font-size: 1.5em;
				font-weight: 800;
				color: #333333;
		}
				
		#container #additional #cart h2 {
				margin: 10px 10px 0 10px;
		}
		
		#content h2 {
				font-family: Georgia, Times, serif;
				font-style: italic;
				font-weight: 800;
				font-size: 1.4em;
				color: #333333;
				margin: 15px 0 15px 19px;
		}
		
		#content #national_news h2,
		#content #downloads h2 {
				font-size: 1.5em;
				font-family: Helvetica, Arial, sans-serif;
				font-style: normal;
				line-height: 1.35;
		}
	
	h3 {
			font-size: 1.4em;
			font-weight: 800;
	}
	
	h4, h5, h6 {
			font-size: 1.2em;
			font-weight: 800;
	}

p {
		margin: 13px 0 20px 20px;
		clear: left;
}

	#content p {
			font-size: 1.2em;
			color: #444444;
			line-height: 1.7;
	}
	
		.young_carers #content p {
				font-size: 1.8em;
				color: #ffffff;
				font-weight: 800;
				line-height: 1.6;
		}
	
		#content p strong {
				font-weight: 800;
				color: #333333;
		}
	
		#content p em {
				color: #333333;
				font-style: italic;
		}
		
	#content li {
			margin-left: 9px;
			padding-left: 19px;
			font-size: 1.2em;
			color: #555555;
			line-height: 1.7;
	}
	
	#content form p {
			font-size: 1em;
	}
	
	#cookie {
			color: #636363;
	}
	
		#cookie a {
				color: #2a368a;
		}

	.comment p {
			margin: 10px;
	}
		
	#content p.comment_credit /* Modified for IE - see layout_ie7.css, layout_ie.css */ {
			font-size: 1.3em;
			margin: 0;
			padding: 6px 10px 4px 10px;
			background-color: #dedede;
	}
	
	#content p.comment_credit .date {
			font-size: 0.8em;			
	}
	
	#container.homepage ul#news li h2 {
			font-size: 1em;
	}

	#container.homepage ul#news li .date {
			font-size: 0.859em;
			text-transform: uppercase;
	}
	
	#container.homepage ul#news li p {
			font-size: 0.95em;
			color: #4A4A4A;
			line-height: 1.4;
	}
	
	#container.homepage ul#news li a {	
			font-size: 0.9em;
			font-weight: 800;
	}
		
	#container.homepage div#young_carers p {
			font-size: 1.1em;
			color: #6a6a6a;
	}

		#container.homepage div#young_carers p strong {
				font-size: 1.2em;
				color: #504e59;
		}
	
	#container.homepage #national_news li a,
	#container.homepage #downloads li a {
			font-family: Georgia, Times, serif;
			font-weight: 800;
			font-style: italic;
			color: #2a368a;
	}
	
	#container.homepage #national_news li p,
	#container.homepage #downloads li p {
			font-size: 0.9em;
			color: #9b9b9b;
	}
	
		#container.homepage #national_news li p span,
		#container.homepage #downloads li p span {
				font-weight: 800;
		}
	
	#additional ul li a {
			font-family: Georgia, Times, serif;
			font-weight: 800;
			font-style: italic;
	}
	
	#footer p {
			margin: 0;
			padding-bottom: 1em;
			float: left;
	}
	
		#footer .copyright, #footer .valid {
				background: none;
				margin-bottom: 0;
				color: #222222;
				padding: 0;
				display: none;
		}
				
	#footer #footer_promotions #primary h2 {
			font-size: 1.8em;
			font-style: italic;
			color: #ffbd0c;
	}
	
		#footer #footer_promotions #primary h2 strong {
				font-weight: 400;
				color: #ffffff;
		}
		
	#footer #footer_promotions #primary ul li h3 {
			color: #ffbd0c;
			font-size: 1.4em;
			font-weight: 400;
	}

	#footer #footer_promotions #primary ul li p {
			color: #ffffff;
			font-size:  1.1em;
	}
	
	#footer #footer_promotions #primary ul li p strong {
			font-weight: 800;
	}
	
	#footer #footer_promotions #primary ul li p a {
			color: #ffffff;
			font-weight: 800;
	}
	
	#footer #footer_promotions #secondary h2 {
			color: #4b4b4c;
			font-style: italic;
			font-size: 1.6em;
			font-weight: 800;
	}
	
	#footer #footer_promotions #secondary p {
			font-size: 1.2em;
			line-height: 1.2;
			color: #4b4b4c;
	}
	
		#footer #footer_promotions #secondary p strong {
				font-weight: 800;
		}
		
	#footer #footer_promotions #tertiary h2 {
			font-size: 1.3em;
			color: #4b4b4c;
	}
	
		#footer #footer_promotions #tertiary h2 strong {
				font-weight: 800;
		}
		
	#footer #footer_promotions #tertiary p {
			font-size: 1.1em;
			color: #575757;
	}
	
		#footer #footer_promotions #tertiary p a {
				font-weight: 800;
		}
	
#footer #footer_menu li {
		font-weight: 800;
}

ul, ol {
		margin: 1.5em 10px;
}

#menu ul {
		margin: 0;
}

	#menu ul li a {
			font-size: 1.2em;
			color: #747477;
	}
	
		#menu ul li a:hover, #menu ul li a.current {
				color: #444444;
		}
		
		#menu ul li a span {
		}

			#menu ul li a:hover span, #menu ul li a.current span {
			}

	#menu ul img {
			display: none;
	}
	
#additional ul {
		font-size: 1.1em;
}

	.young_carers #additional li,
	.young_carers_child #additional li {
			background: none;
	}

		.young_carers #additional li a,
		.young_carers_child #additional li a  {
				font-family: Arial, Helvetica, sans-serif;
				font-style: normal;
				text-decoration: none;
				color: #444444;
		}

	#additional #cart ul li {
			padding: 3px 10px 2px 20px;
			background: #dedede url(images/_interface/product_marker.gif) no-repeat 6px center;
			border-top: 1px solid #ffffff;
			border-bottom: 1px solid #ffffff;
			margin-top: -1px;
	}

#container #additional #cart {
		color: #222222;
}

#form1 input, #form1 textarea {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 1.2em;
		color: #444444;
}








/* -----------------------------------------------------------------------

	4. Site Map 

----------------------------------------------------------------------- */

#siteMap {
		background: url(images/_interface/sitemap_ul.gif) repeat-y top left;
		margin: 20px 0 0 11px;
		padding: 0;
}

#siteMap ul {
		background: url(images/_interface/sitemap_ul.gif) repeat-y top left;
		margin: 0;
		padding: 0;
		font-size: 1em;
}

	#siteMap h2 {
			margin: 0;
			padding: 0;
			font-size: 1.2em;
	}
	
	#siteMap ul {
			margin-left: 10px;
	}
	
		#siteMap ul ul, #siteMap ul ul ul, #siteMap ul ul ul ul {
				font-size: 1em;
		}
	
	#content #siteMap li {
			background: url(images/_interface/sitemap_li.gif) no-repeat top left;
			padding: 0 0 0 24px;
			margin: 0 0 10px 0;
			list-style: none;
	}

	#siteMap ul li {
			font-size: 1em;
			margin: 2px 0;
	}
	
		#content #siteMap li:last-child, #siteMap li.last-child {
				background: url(images/_interface/sitemap_li_last.gif) no-repeat bottom left;
		}







/* -----------------------------------------------------------------------

	5. Links

----------------------------------------------------------------------- */

a {
		color: #2a368a;
		text-decoration: underline;
}

	a:hover {
			color: #8292ee;
	}

	#menu ul a {
			text-decoration: none;
	}
	
	#container #additional a.gotoBasket, #container #additional a.gotoCheckout {
			/* display: block; */
			padding: 5px 10px;
			background-color: #dedede;
			font-size: 1.1em;
	}
	
	#container .basketButton {
			float: left;
			margin: 3em 0 3em 0;
	}
	
		#container .basketButton a.gotoCheckout, #container .basketButton a.emptyBasket /* Modified for IE - see layout_ie.css */ {
				padding: 0.75em 1.5em;
				background-color: #fafafa;
				margin-right: 1.5em;
				font-size: 1.2em;
		}







/* -----------------------------------------------------------------------

	6. Forms

----------------------------------------------------------------------- */

#content form /* Modified for IE - see layout_ie.css */ {
		position: relative;
		float: left;
		margin-left: 10px;
}

	#content form h2 {
			margin: 0;
			float: left;
	}
	
	#content form p {
			margin-left: 0;
	}
	
	#content form h3 {
			/* Modified for IE - see layout_ie.css */
	}

	#content label {
			position: relative;
			float: left;
			clear: left;
			line-height: 3;
	}

	#content input, #content textarea, #content .instructions {
			position: relative;
			float: left;
			clear: left;
	}
	
	#content form h3 {
			margin-left: 0;
	}
	
	#login-form fieldset {
			position: relative;
			width: 150px;
			float: left;
			margin-bottom: 3em;
			padding-top: 0.5em;
	} 
	
		#login-form label {
				position: relative;
				float: left;
				clear: left;
				line-height: 3;
		}
		
		#login-form input {
				width: 143px;
		}
		
		#login-form #login /* Modified for IE - see layout_ie.css */ {
				margin-top: 1.5em;
				width: 100px;
				float: left;
				clear: left;
		}

	#form1 /* Modified for IE - see layout_ie.css */ {
			width: 602px;
			float: left;
			margin-bottom: 1em;
	}
	
		#form1 fieldset {
				position: relative;
				width: 390px;
				float: left;
				margin-bottom: 3em;
				padding-top: 0.5em;
				margin-right: 20px;
		} 
		
		#form1 #name #title {
				width: 100px;
		}
		
		#form1 #address {
				clear: left;
		}

			#form1 label {
					position: relative;
					float: left;
					clear: left;
					line-height: 3;

			}
				
			#form1 input {
					position: relative;
					float: left;
					clear: left;
					margin-top: -0.5em;
					width: 380px;
					padding: 6px 5px;
			}
		
			#form1 #address #postcode {
					width: 100px;
			}
			
			#form1 textarea {
					width: 380px;
					padding: 6px 5px;
			}
		
		#form1 #submit /* Modified for IE - see layout_ie.css */ {
				float: right;
				border-top: 0.5em solid #EFEFF5;
				width: 390px;
				padding: 0;
				margin-top: 1.5em;
				margin-bottom: 0;
				margin-right: 22px;
		}
		
		#form1 #contact_submit /* Modified for IE - see layout_ie.css */ {
				float: left;
				clear: left;
				border-top: 0.5em solid #EFEFF5;
				width: 390px;
				padding: 0;
				margin-top: 0;
				margin-bottom: 0;
				margin-right: 22px;
		}

			#form1 #submit button, #form1 #contact_submit button {
					margin-top: 1em;
					margin-bottom: 1em;
					width: 100px;
					float: right;
			}
			
			#form1 #submit p {
					float: right;
					clear: left;
					margin: -3em -100px 0 0;
					position: relative;
			}
			
	#content #comment {
			height: 6em;
	}
	
	#content #add_comment {
			margin: 1.5em 0;
	}
		
#selector {
		margin-left: 10px;
}

#commentForm {
		float: left;
		clear: left;
		width: 620px;
		margin-bottom: 1.5em;
		background-color: #ffffff;
		padding: 10px;
}

	#commentForm #comment {
			width: 66%;
	}

#crt_customer_note {
		width: 300px;
		height: 4.5em;
		margin-bottom: 1.5em;
}

#edit-cart table input {
		margin: 0.75em 0;
}

#edit-cart #delivery_address {
		height: 6em;
		width: 250px;
}

#edit-cart #delivery_postcode {
		width: 7em;
}

#edit-cart .cart-submit {
		margin: 1em 0;
		float: left;
		clear: left;
}

#container #additional #search form /* Modified for IE - see layout_ie.css */ {
		width: auto;
		margin: 0 10px;
}


#search form label {
		position: relative;
		margin-top: 12px;
		margin-left: 20px;
		width: 180px;
		color: #eeeeee;
		font-size: 1.3em;
		line-height: 1.3;
}

#search form label strong {
		font-weight: 800;
}

#search form input {
		position: absolute;
		margin-top: 7px;
		right: 90px;
		width: 142px;
		height: 15px;
		padding: 5px 5px 4px;
		border: 1px solid #c4c4c7;
		background: #ffffff;
		font-size: 1.1em;
}

	#search form input:focus {
			background: #f5e2b4;
	}

#search form button {
		position: absolute;
		margin-top: 7px;
		right: 17px;
		width: 65px;
		padding: 4px 10px 5px;
		border: 1px solid #c4c4c7;
		background: #f7f7fa;
		font-size: 1.1em;
		text-align: center;
		font-weight: 800;
		color: #4e4e4e;
		line-height: 1.4;
		cursor: pointer;
}







/* -----------------------------------------------------------------------

	7. Tables

----------------------------------------------------------------------- */

table {
		margin: 1.5em 0;
		padding: 10px;
		float: left;
		background-color: #EFEFF5;
}
	
	th {
			padding: 0 0 0 1em;
			border-top: 4px solid #ffffff;
	}
	
	td {
			padding: 0.75em  3em 0.75em 1em ;
			vertical-align: middle;
			margin: 0;
			border-top: 4px solid #ffffff;
	}
	
	td input {
			width: 2em;
	}

	td.remove input {
			width: auto;
	}