/*-------------------------------------------------------*/
/*                                                       */
/*  Styling for Salsibury City Hall                      */
/*  By Mark Hurrell Jan 2008                             */
/*  Message Digital Design                               */
/*  www.message.uk.com                                   */
/*                                                       */
/*  Table of Contents:                                   */
/*  .CSS Reset                                           */
/*  .Layout Elements                                     */
/*  .Typography                                          */
/*  .Links                                               */
/*  .Forms                                               */
/*  .Tables                                              */
/*                                                       */
/*  IE 7 specific styling at layout_ie7.css              */
/*  IE 6 and lower at layout_ie.css                      */
/*                                                       */
/*-------------------------------------------------------*/




/*-------------------------------------------------------*/
/*                                                       */
/*                       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: black;
		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: "" "";
}






/*-------------------------------------------------------*/
/*                                                       */
/*                    Layout Elements                    */
/*                                                       */
/*-------------------------------------------------------*/


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

#outer_container {
		position: absolute;
		width: 100%;
		height: 496px;
		min-width: 920px;
		background: transparent url(images/_interface/body_bg.jpg) no-repeat top center;
}

	#container {
			margin: 40px auto;
			position: relative;
			width: 736px;
			padding-top: 140px;
			padding-left: 184px;
			text-align: left;
			background: transparent url(images/_interface/container_bg.png) repeat-y top right;
	}
	
	/* 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 */
		
		div.clear {
				display: none;
		}

		#branding {
				position: absolute;
				top: -10px;
				width: 736px;
				height: 150px;
				background: transparent url(images/_interface/branding.png) no-repeat top right;
		}
		
			#branding div#featured_event {
					position: relative;
					display: block;
					width: 548px;
					height: 146px;
					margin: 4px 0 0 4px;
					background: grey;
			}
			
				#branding div#featured_event a {
						position: absolute;
						bottom: 0;
						left: 0;
						width: 548px;
						height: 40px;
						background: transparent;
						overflow: hidden;
				}
				
					#branding div#featured_event a span {
							position: absolute;
							left: -5000px;
					}
			
				#branding img {
						width: 548px;
						height: 146px;
				}
				
				#branding div#featured_event div {
						position: absolute;
						bottom: 0;
						min-height: 40px;
						width: 548px;
						background: transparent url(images/_interface/grey_transparency.png) repeat-y top left;
				}
				
					#branding div#featured_event div h2 {
							margin: -1px 7px 10px;
					}
				
					#branding div#featured_event div i {
							display: block;
							margin: 21px 7px 2px;
					}
					
			#branding #search {
					position: absolute;
					bottom: 0;
					right: 4px;
					width: 175px;
			}
			
				#branding #search label {
						position: relative;
						display: block;
						bottom: 31px;
				}
				
				#branding #search input {
						position: absolute;
						bottom: 0;
						left: 0;
						width: 113px;
						height: 18px;
						padding: 7px 7px 3px;
						background: #ffffff;
						border: 1px solid #b7b7b7;
				}
				
				#branding #search button {
						position: absolute;
						bottom: 0;
						right: 1px;
						margin: 0;
						width: 40px;
						height: 30px; 
						cursor: pointer;
						background: #707072;
						border: 1px solid #707072;
				}

		#menu {
				position: absolute;
				width: 180px;
				top: -10px;
				left: 0;
				background: transparent;
		}
		
			#menu ul /* Modified for IE - see layout_ie7.css, layout_ie.css */ {
					position: relative;
					display: block;
					background: transparent;
			}
			
				#menu ul li {
						position: relative;
						display: block;
						margin-bottom: 1px;
				}
				
					#menu ul li a {
							display: block;
							width: 160px;
							padding: 6px 10px 5px;
							background: transparent url(images/_interface/menu_bg.png) repeat-y -720px top;
					}
					
						#menu ul li.current a {
								background: transparent url(images/_interface/menu_bg.png) repeat-y -180px top;
						}
						
						#menu ul li a#first {
								background: transparent url(images/_interface/menu_bg.png) repeat-y -540px top;
						}					
						
							#menu ul li.current a#first {
									background: transparent url(images/_interface/menu_bg.png) repeat-y 0 top;
							}					
						
						#menu ul li a#last {
								background: transparent url(images/_interface/menu_bg.png) repeat-y -900px bottom;
						}					
						
							#menu ul li.current a#last {
									background: transparent url(images/_interface/menu_bg.png) repeat-y -360px top;
							}	
					
					#menu ul li ul li {
							margin-bottom: 0;
							background: none;
					}

						#menu ul li ul li a {
							position: relative;
							width: 150px;
							padding: 3px 10px 2px 20px;
						}
						
						#menu ul li ul li#comedy a {
								padding-top: 0;
						}
	
							#menu ul li ul li#comedy a.current {
									background: #da2b30;
									padding-top: 3px;
									margin-top: -3px;
							}
	
							#menu ul li ul li#dance a.current {
									background: #b7772b;
							}
	
							#menu ul li ul li#family a.current {
									background: #2ba25e;
							}
	
							#menu ul li ul li#music a.current {
									background: #2b85e1;
							}
	
							#menu ul li ul li#other a.current {
									background: #8c2bc4;
							}
	
							#menu ul li ul li#variety a.current {
									background: #ca6bd0;
							}
						
			#menu a#email_signup {
					display: block;
					position: relative;
					width: 180px;
					height: 45px;
					margin-top: 6px;
					background: transparent url(images/_interface/email_link.png) no-repeat top left;
			}
			
				#menu a#email_signup span {
						display: block;
						position: relative;
						padding: 14px 18px;
				}
						
				
				/* Forces #menu to clear around its floated content */
				
					#menu ul:after {
							content: "."; 
							display: block; 
							height: 0; 
							clear: both; 
							visibility: hidden;
					}

				/* Forced clearing ends */
				
		div#menu div#calendar {
				position: relative;
				margin-top: 20px;
				background: transparent url(images/_interface/calendar_bottom.png) no-repeat bottom right;
				padding: 3px;
		}
		
		div#menu div#calendar caption {
				margin-top: -10px;
				margin-bottom: 15px;
		}
		
		div#menu div#calendar table {
				position: relative;
				margin-top: -10px;
				z-index: 20;
		}
		
		div#menu div#calendar i {
				position: absolute;
				display: block;
				top: -10px;
				left: 0;
				width: 100%;
				height: 10px;
				background: transparent url(images/_interface/calendar_top.png) no-repeat bottom right;
		}

		#content /* Modified for IE - see layout_ie.css */ {
				position: relative;
				clear: both;
				float: left;
				width: 548px;
				min-height: 313px;
				margin: 0 4px;
		}
		
			#content h1 {
					margin-top: 19px;
					margin-left: 5px;
			}
			
			#content h2, #content h2 {
					margin-left: 5px;
			}
			
			#content p {
					margin-left: 5px;
			}
			
			#content p img {
					float: right;
					margin-left: 7px;
			}
			
			#content span.cross_sell {
					display: block;
					clear: both;
					padding-top: 1.3em;
					text-align: right;
			}
		
			#cookie {
					position: relative;
					height: 31px;
					width: 726px;
					background: transparent url(images/_interface/cookie_border.png) no-repeat bottom left;
			}
			
				#cookie .youAreHere {
						display: block;
						position: relative;
						float: left;
						height: 20px;
						padding: 11px 31px 0 0;
						background: transparent url(images/_interface/cookie_bg.png) no-repeat bottom right;
				}
			
				#cookie a {
						display: block;
						position: relative;
						float: left;
						height: 20px;
						padding: 11px 31px 0 4px;
						background: transparent url(images/_interface/cookie_bg.png) no-repeat bottom right;
				}
			
				#cookie .yourPage {
						display: block;
						position: relative;
						float: left;
						height: 20px;
						padding: 11px 31px 0 4px;
						background: transparent url(images/_interface/cookie_end_bg.png) no-repeat bottom right;
				}
			
			.comment {
					margin: 1.5em 10px;
					border: 1px solid #cccccc;
			}
			
			#content li {
					list-style: disc;
					margin-left: 17px;
			}
			
			#container #content ul#upcoming_events {
					position: relative;
					float: left;
					margin: 0;
					width: 550px;
			}
			
				#content ul#upcoming_events li {
						position: relative;
						float: left;
						width: 181px;
						height: 141px;
						margin-right: 2px;
						margin-bottom: 11px;
						margin-left: 0;
						list-style: none;
						overflow: hidden;
						background: #000000;
				}
				
					#content ul#upcoming_events li img.portrait {
							position: absolute;
							top: 0;
							left: 0;
							height: auto;
							width: 181px;
					}
				
					#content ul#upcoming_events li img.landscape {
							position: absolute;
							top: 0;
							left: 0;
							height: 141px;
							width: auto;
					}
					
					#content ul#upcoming_events li div {
							position: absolute;
							bottom: 0;
							width: 181px;
							z-index: 90;
							background: transparent url(images/_interface/grey_transparency.png) repeat-y top left;
					}
					
						#content ul#upcoming_events li div h3 {
								position: relative;
								margin: 5px 7px -18px 7px;
								line-height: 1.2;
						}
					
						#content ul#upcoming_events li div a {
								position: relative;
								display: block;
								bottom: 0;
								left: 0;
								width: 168px;
								margin: 0;
								padding: 20px 7px 4px;
								line-height: 1.2;
						}
						
ul.upcoming_events {
		margin: 0;
}

	#container #content ul.upcoming_events li {
			position: relative;
			display: block;
			border-top: 1px solid #bbbbbb;
			margin: 0 7px 7px;
			min-height: 41px;
			list-style: none;
	}

		ul.upcoming_events li a {
				display: block;
				width: 420px;
				margin: 2px 0 0 4.5em;
				padding: 0;	
		}

		ul.upcoming_events li .date {
				position: relative;
				margin-left: 4.9em;
		}
		
		ul.upcoming_events li .category {
				position: absolute;
				top: 0.5em;
				left: 0;
				padding: 1px 2px 0;
				width: 5em;
				text-align: center;
		}
		
			ul.upcoming_events li.Comedy .category {
					background: #DA2B30;
			}
		
			ul.upcoming_events li.Dance .category {
					background: #B7772B;
			}
		
			ul.upcoming_events li.Family .category {
					background: #2BA25E;
			}
		
			ul.upcoming_events li.Music .category {
					background: #2B85E1;
			}
		
			ul.upcoming_events li.Other .category {
					background: #8C2BC4;
			}
		
			ul.upcoming_events li.Variety .category {
					background: #CA6BD0;
			}
			
		ul.upcoming_events img {
				position: absolute;
				width: 48px;
				height: 48px;
				top: 0;
				right: 0;
		}
						
		#additional {
				position: relative;
				float: right;
				width: 174px;
				margin-top: 30px;
				margin-right: 5px;
				background: transparent;
		}
		
			#additional div {
					background: #ffffff;
					position: relative;
					border-top: 1px solid #B7B7B7;
					margin-bottom: 6px;
			}
			
				#additional div#directions_and_map,
				#additional div#preview_guide {
						padding: 6px 6px 7px
				}
			
				#additional div ul {
						position: relative;
						margin: 11px 6px 0;
						padding-bottom: 5px;
				}
				
					#additional div ul li {
							margin: 7px 0 6px;
					}
					
					#additional div a.link_emphasis {
							display: block;
							position: relative;
							width: 161px;
							border-width: 1px 0 0 1px;
							border-style: solid;
							border-color: #000000;
							background: url(images/_interface/arrow_body.png) repeat-x center left;
					}
					
						#additional div ul li a.link_emphasis {
								margin-bottom: -5px;
						}
					
						#additional div a.link_emphasis span {
								display: block;
								position: relative;
								right: -1px;
								margin-top: -1px;
								margin-bottom: -1px;
								width: 147px;
								margin-bottom: -1px;
								padding: 6px 7px 5px;
								background: url(images/_interface/arrow_tip.png) no-repeat center right;
						}
					
					#content a.link_emphasis {
							display: block;
							position: relative;
							width: 201px;
							margin: 6px 0 11px 0;
							border-width: 1px 0 0 1px;
							border-style: solid;
							border-color: #000000;
							background: url(images/_interface/arrow_body.png) repeat-x center left;
					}
					
						#content ul li a.link_emphasis {
								margin-bottom: -5px;
						}
					
						#content a.link_emphasis span {
								display: block;
								position: relative;
								right: -1px;
								margin-top: -1px;
								margin-bottom: -1px;
								width: 187px;
								margin-bottom: -1px;
								padding: 6px 7px 5px;
								background: url(images/_interface/arrow_tip_content.png) no-repeat center right;
						}
						
				#additional div#latest_news p a img,
				#additional div#this_section p a img {
						position: relative;
						margin-top: -10px;
						margin-bottom: 10px;
				}

			#additional_panel_top {
					display: none;		
			}

			#additional_panel_bottom {
					display: none;		
			}
			
			#additional ul {
					margin: 0.75em 10px 0.75em 10px;
			}
			
			#additional #cart {
					background: #cccccc;
					padding: 0;
					margin: 10px 0 0 0;
					position: relative;
					float: left;
					width: 100%;
			}

		#footer /* Modified for IE - see layout_ie7.css, layout_ie.css */ {
				position: relative;
				clear: both;
				float: left;
				width: 736px;
				height: 40px;
				margin: 0 0 -40px 0;
				padding: 0;
				background: transparent url(images/_interface/footer_top.png) no-repeat top left;
		}	
		
			#footer ul {
					position: relative;
					display: block;
					width: 736px;
					height: 2.5em;
					margin: 33px 0 0 0;
					background: #ffffff url(images/_interface/footer_top.png) no-repeat -736px bottom;
			}
			
				#footer ul li {
						position: relative;
						display: block;
						float: left;
						margin-left: 4px;
						width: 119px;
						padding-top: 3px;
				}

					#footer ul li.copyright {
							width: 238px;
					}

			#footer ul#site_details {
					position: relative;
					width: 239px;
					margin: 7px 0 0 0;
					padding-left: 497px;
					background: transparent;
					text-align: right;
			}
			
				#footer ul#site_details li {
						width: 64px;
				}
			
				#footer ul#site_details li#site_by_message {
						width: 99px;
				}
			






/*-------------------------------------------------------*/
/*                                                       */
/*                      Typography                       */
/*                                                       */
/*-------------------------------------------------------*/


body {
		color: #222222;
}

h1, h2, h3, h4, h5, h6 {
		clear: left;
}

	h1 {
			font-size: 3em;
			font-weight: 800;
			color: #5d5d5f;
	}
	
		h1.homepage {
				position: absolute;
				top: -60px;
				z-index: -100;
		}
	
	h2 {
			font-size: 1.8em;
	}
	
		#content h2 {
				font-weight: 800;
				color: #5d5d5f;
		}
	
		#container #additional h2 {
				margin: 10px 10px 0 10px;
				font-size: 1.5em;
		}
		
		#container #additional div h2 {
				font-size: 1.2em;
				font-weight: 800;
				color: #4e4e4e;
				margin: 7px 10px 0 6px;
		}
				
		#container #additional #cart h2 {
				margin: 10px 10px 0 10px;
		}
	
	h3 {
			font-size: 1.3em;
			font-weight: 800;
			color: #5d5d5f;
			margin: 10px 5px -5px;
	}
			
		#content h2 {
				font-weight: 400;
				color: #5d5d5f;
		}
	
	h4, h5, h6 {
			font-size: 1.2em;
			font-weight: 800;
	}
	
	#branding div#featured_event {
			text-decoration: none;
			color: #eeeeee;
	}
	
		#branding div#featured_event h2 {
				font-family: Georgia, Times, serif;
				font-style: italic;
				font-weight: 800;
				color: #ffffff;
		}

		#branding div#featured_event a {
				text-decoration: none;
				color: #eeeeee;
		}

		#branding div#featured_event a:hover {
				text-decoration: none;
				color: #cccccc;
		}
		
		#branding a i {
				font-family: Helvetica, Arial, sans-serif;
				font-size: 1.2em;
				font-style: normal;
		}
		
			#branding a i strong {
					font-weight: 800;
			}

#cookie {
		text-transform: uppercase;
		font-size: 1.1em;
		color: #444444;
		line-height: 1;
}

	#cookie a {
			color: #444444;
			text-decoration: none;
	}

		#cookie a:hover {
				text-decoration: underline;
		}

p {
		margin: 5px 10px 0;
		clear: left;
}

	#content p {
			font-size: 1.2em;
			color: #2f2f2f;
			line-height: 1.6;
	}
	
	#content form p {
			font-size: 1em;
	}

	.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;			
	}
	
	#content span.cross_sell {
			font-weight: 800;
	}
		
ul, ol {
		margin: 1.5em 10px;
}

#branding #search label {
		font-weight: 800;
		font-size: 1.1em;
		color: #707072;
}

#branding #search button {
		color: #ffffff;
		font-size: 1.2em;
}

#branding #search input {
		font-size: 1.2em;
		color: #353535;
}

#menu ul {
		margin: 0;
}

	#menu ul img {
			display: none;
	}
	
	#menu ul li a {
			font-family: Helvetica, Arial, sans-serif;
			font-size: 1.4em;
			font-weight: 800;
			color: #323232;
			line-height: 1.3;
	}
	
		#menu a:hover {
				color: #707072;
		}
		
	#menu ul li ul li a {
			font-size: 1.2em;
			line-height: 1.3;
	}
	
		#menu ul li ul li#comedy a {
				color: #da2b30;
		}
	
		#menu ul li ul li#dance a {
				color: #b7772b;
		}
	
		#menu ul li ul li#family a {
				color: #2ba25e;
		}
	
		#menu ul li ul li#music a {
				color: #2b85e1;
		}
	
		#menu ul li ul li#other a {
				color: #8c2bc4;
		}
	
		#menu ul li ul li#variety a {
				color: #ca6bd0;
		}
		
			#menu ul li ul li#comedy a.current,
			#menu ul li ul li#dance a.current,
			#menu ul li ul li#family a.current,
			#menu ul li ul li#music a.current,
			#menu ul li ul li#other a.current,
			#menu ul li ul li#variety a.current {
					color: #ffffff;
			}
		
			#menu ul li ul li#comedy a:hover,
			#menu ul li ul li#dance a:hover,
			#menu ul li ul li#family a:hover,
			#menu ul li ul li#music a:hover,
			#menu ul li ul li#other a:hover,
			#menu ul li ul li#variety a:hover {
					color: #323232;
			}

	#menu a#email_signup {
			text-decoration: none;
			color: #ffffff;
			font-weight: 800;
			font-size: 1.2em;
	}
	
		#menu a#email_signup:hover {
				color: #dddddd;
		}
		
#content ul {
		font-size: 1.2em;
}

#content p strong {
		font-weight: 800;
} 

#content p em {
		font-style: italic;
}
	
#content ul#upcoming_events li div h3 {
		font-size: 0.95em;
		font-family: Georgia, Times, serif;
		color: #ffffff;
		font-style: italic;
		font-weight: 800;
}

#content ul#upcoming_events li div a {
		font-family: Helvetica, Arial, sans-serif;
		color: #ffffff;
		text-decoration: none;
		font-size: 0.85em;
}

#content ul#upcoming_events li div strong {
		font-family: Helvetica, Arial, sans-serif;
		font-weight: 800;
		color: #ffffff;
}

	#content ul#upcoming_events li div a:hover,
	#content ul#upcoming_events li div a:hover strong {
			color: #CCCCCC;
	}
	
ul.upcoming_events li a {
		font-size: 1.1em;
		font-family: Georgia, Times, serif;
		color: #4E4E4E;
		font-style: italic;
		font-weight: 800;
}

	/* ul.upcoming_events li.Comedy a:visited, */
	ul.upcoming_events li.Comedy a:hover {
			color: #DA2B30;
	}

	/* ul.upcoming_events li.Dance a:visited, */
	ul.upcoming_events li.Dance a:hover {
			color: #B7772B;
	}

	/* ul.upcoming_events li.Family a:visited, */
	ul.upcoming_events li.Family a:hover {
			color: #2BA25E;
	}

	/* ul.upcoming_events li.Music a:visited, */
	ul.upcoming_events li.Music a:hover {
			color: #2B85E1;
	}

	/* ul.upcoming_events li.Other a:visited, */
	ul.upcoming_events li.Other a:hover {
			color: #8C2BC4;
	}

	/* ul.upcoming_events li.Variety a:visited, */
	ul.upcoming_events li.Variety a:hover {
			color: #CA6BD0;
	}

	ul.upcoming_events li .date {
			font-size: 1em;
			font-weight: 400;
			color: #222222;
	}
	
	ul.upcoming_events li .category {
			font-family: Arial, Helvetica, sans-serif;
			color: #ffffff;
			font-size: 0.8em;
			font-weight: 800;
			text-transform: uppercase;
	}

#container #additional div {
		font-size: 1.2em;
		color: #4e4e4e;
}
	
#container #additional div li a {
		color: #4e4e4e;
}

	#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;
	}
	
	/* #additional div  */a.link_emphasis {
			text-decoration: none;
	}
	
		/* #additional div  */a.link_emphasis span {
				color: #ffffff;
				font-weight: 800;
				text-decoration: none;
		}
		
			/* #additional div  */a.link_emphasis:hover span {
					color: #dddddd;
			}

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

#footer ul li {
		font-size: 1.1em;
		color: #6f7071;
}

	#footer ul li a {
			color: #6f7071;
	}
	
		#footer ul li a:hover {
				color: #444444;
		}

	#footer ul#site_details li a:hover {
			color: #aaaaaa;
	}




/*-------------------------------------------------------*/
/*                                                       */
/*                        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: 1.2em;
}

	#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;
		}
	
	#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;
	}
	
		#siteMap li:last-child, #siteMap li.last-child {
				background: url(images/_interface/sitemap_li_last.gif) no-repeat bottom left;
		}





/*-------------------------------------------------------*/
/*                                                       */
/*                        Links                          */
/*                                                       */
/*-------------------------------------------------------*/


a {
		color: #071e9f;
		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;
		}




/*-------------------------------------------------------*/
/*                                                       */
/*                        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 */
	}
	
	#container #additional h2, #content #additional p {
			margin-left: 10px;
	}

	#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;
			border-top: 0.5em solid #cccccc;
			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: 280px;
				float: left;
				margin-bottom: 3em;
				border-top: 0.5em solid #cccccc;
				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: 273px;
			}
		
			#form1 #address #postcode {
					width: 100px;
			}
			
			#form1 textarea {
					width: 273px;
			}
		
		#form1 #submit /* Modified for IE - see layout_ie.css */ {
				float: right;
				border-top: 0.5em solid #cccccc;
				border-bottom: 1px solid #cccccc;
				width: 580px;
				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 #cccccc;
				border-bottom: 1px solid #cccccc;
				width: 280px;
				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;
}


/*-------------------------------------------------------*/
/*                                                       */
/*                        Tables                         */
/*                                                       */
/*-------------------------------------------------------*/


table {
		margin: 1.5em 7px;
		padding: 0;
		float: left;
		border-bottom: 1px solid #888888;
}
	
	th {
			padding: 0 0 0 1em;
	}
	
	td {
			padding: 0.5em  3em 0.5em 1em ;
			vertical-align: middle;
			margin: 0;
			border-top: 1px solid #888888;
	}
	
	td input {
			width: 2em;
	}

	td.remove input {
			width: auto;
	}

/*-------------------------------------------------------*/
/*                                                       */
/*                      Calendar                         */
/*                                                       */
/*-------------------------------------------------------*/

#calendar {
		width: 174px;
		padding-top: 2px;
}
	#calendar table {
			width: inherit;
			margin: 0;
			float: none;
			border-spacing: 2px;
			border: none;
	}
		#calendar table caption a {
				display: block;
				height: 20px;
				width: 20px;
				overflow: hidden;
				position: absolute;
		}
		#calendar table caption a#next {
				left: 154px;
		}
		#calendar table caption span {
				display: block;
				width: 134px;
				margin-left: 20px;
				text-align: center;
		}
		#menu #calendar table caption span {
				font-size: 1.2em;
		}
		#calendar thead span {
				display: none;
				visibility: hidden;
		}
		
		#calendar td, #calendar th {
				overflow: hidden;
				padding: 0;
				text-align: center;
		}
		#calendar td {
				background-color: #F4F4F4;
				border: none;
				height: 20px;
				padding: none;
		}
		#menu #calendar td {
				font-size: 1.2em;
		}
		#calendar td.overflow {
				color: #CCCCCC;
				border-color: #CCCCCC;
		}
		#calendar td.today {
				border: 1px solid #888888;
				height: 18px;
		}
				
		#calendar td.has_event a {
				text-decoration: none;
				color: #FFFFFF;
				display: block;
				height: 20px;
				line-height: 20px;
		}
		
		#calendar td.has_event.comedy a {
				background-color: #E36064;
		}
		#calendar td.has_event.comedy a:hover {
				background-color: #DA2B30;
		}
		
		#calendar td.has_event.dance a {
				background-color: #C99960;
		}
		#calendar td.has_event.dance a:hover {
				background-color: #B7772B;
		}
		
		#calendar td.has_event.family a {
				background-color: #60B986;
		}
		#calendar td.has_event.family a:hover {
				background-color: #2BA25E;
		}
		
		#calendar td.has_event.music a {
				background-color: #60A4E9;
		}
		#calendar td.has_event.music a:hover {
				background-color: #2B85E1;
		}
		
		#calendar td.has_event.other a {
				background-color: #A960D3;
		}
		#calendar td.has_event.other a:hover {
				background-color: #8C2BC4;
		}
		
		#calendar td.has_event.variety a {
				background-color: #D790DC;
		}
		#calendar td.has_event.variety a:hover {
				background-color: #CA6BD0;
		}
		#calendar i {
				display: none;
		}