html, body {
	font-family: Tahoma, sans-serif;
	width: 100%;
	height: 100%;
	background-color: #EEEEEE;
	margin: 10px auto 7px auto;
}

#WholePage {
	width: 920px;
	background-color: #FFFFFF;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#Logo {
	margin: auto 448px auto 192px;
	padding: 0px;
}


/* ----- Modules ----- */

#Header {
	width: 100%;
	height: 130px;
	background-color: #373A3F;
	padding: 0px 0px 0px 0px;
	text-align: center;
	color: #FFFFFF;
}

/* #NavBar {
	height: 35px;
	padding: 0px 0px 0px 0px;
	font-size: 0.8em;
}
#NavBar a { text-decoration: underline; }*/

#SideLeft {
	float: left;
	width: 180px;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

#SideRight {
	float: right;
	width: 180px;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

#MainContent {
	float: right;
	width: 560px;
	padding: 0px;
	margin: 0px;
}

#Footer {
	clear:both;
	width:920px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	background-color: #373A3F;
	text-align: right;
	font-size: 8pt;
	color: #BBBBBB;
	white-space: nowrap;
}

.inside { padding: 10px; } /* To give some nice spacing around modules. */

/* ------------------- */


/* ----- Headings ----- */

.componentheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	color: #C46A3E;
	padding: 10px 0px 20px 0px;
}

.contentheading { /* Page Headings */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #C46A3E;
	padding: 10px 0px 10px 0px;
}

/* -------------------- */


/* ----- General ------ */

img{ margin:0px; padding:0px; border:0px}

h1 {
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #C46A3E;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #C46A3E;
}

h3{ margin:0px}

h3.NewsLinks
{
	padding:0px; 
	margin:0px;
}

a, a.visited {
	text-decoration: underline;
	color: #C46A3E;
}

a.pathway, ul.menu li a { /* Stop breadcrumbs and menu links being orange or underlined. */
	text-decoration: none;
	color: #000000;
}

a.hover {
	text-decoration: none;
	color: #BBBBBB;
}

a.footerlink { 
	text-decoration: none;
	color: #FFFFFF;
	font-variant: small-caps;
}

a img, a.visited img {
	text-decoration: none;
}

/* --------------------- */


/* ----- Main Menu ----- */

.menu {
	padding: 0px 0px 0px 5px; /* To reduce indent. */
	margin: 0px;
}

ul.menu {
	padding: 0px;
	margin: 0px;
}

ul.menu li {
	list-style-type: none; /* To remove bullets. */
	list-style-image: none;
	background-color: #373A3F;
	padding: 2px 0px 2px 0px;
}

ul.menu li span {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.8em;
	padding-left: 5px;
}

ul.menu li a:hover span {
	color: #BBBBBB;
}

/* --------------------- */


/* ----- Virtumart ----- */

div.vmCartModule div a { /* Do not display logo and link to Virtumart Site. */
	display: none;
}

input.notify_button { /* Remove "Notify Me" button as makes no sense in context of theatre tickets. */
	display: none;
}

div.module div div div h3 { /* Small hack to remove the "Your Cart" heading that was (illogically) not a link to the cart, thus replacing it with a more useful one. */
	display: none;
	/*color: red;*/ /* Un-comment this and comment the one above if you suspect a random other heading isn't displaying due to this hack. All headings affected will show up in red. If this still doesn't solve the problem, try doing the same for the "Recently Viewed Items" hack below. */
}

#MainContent div.inside h3 { /* Small hack to remove the "Recently Viewed Items" header... */
	display: none;
	/*color: red;*/
}
ul.vmRecentDetail { /* ...and content. */
	display: none;
}

div.module_menu div div div h3 { /* Removing the "Main Menu" header as I can't be bothered to work out how to do it through Joomla. */
	display: none;
}

#MainContent div.inside #vmMainPage h3 { /* The above sections to remove "Your Cart" and "Recently Viewed Items" have the unfortunate side-effect of also removing product headings. This puts them back! XD */
	display: block;
}

.addtocart_button { /* Replace Virtumart logo with own button image (currently just a white block). */
	background-image: url("../images/addtocartbutton.jpg");
}

/* --------------------- */