* {
-moz-box-sizing: border-box;
font-family:Verdana;
font-size:11px;
}

body {
font-family:Verdana;
font-size:11px;
margin: 0px 0px;
padding: 0px;
color:#ccc;
background-color:#111;
background-repeat:repeat-x;
background-position:top left;
background-image:url(http://www.lmexpo.com/branding/london2010/pagebg.gif);
}

#page {
position:absolute;
top:0px;
left:0px;
background-repeat:no-repeat;
background-position:top left;
background-image:url(http://www.lmexpo.com/branding/london2010/virginlondonmarathonexhibition.jpg);
}

#page-body {
position: absolute;
left: 186px;
top: 300px;
width:735px;
}

#menu-body {
width:186px;
margin-top:200px;
}

ul#menu {
width:186px;
display:block;
float:left;
margin:0;
list-style-type:none;
}

ul#menu li {
padding-top:6px;
margin:0px;
clear:left;
width:186px;
background-image:url(http://www.lmexpo.com/branding/london2010/menubg.gif);
}
ul#menu li.menuitem1,ul#menu li.menuitem2 {
background-image:none;
}

ul#menu li a {
	margin:0px;
	padding:0px;
  padding-left: 40px;
  font-family: arial;
  font-size:13px;
  color: #eee;
  text-decoration: none;
  background-image:url(http://www.lmexpo.com/branding/london2010/menudotg.gif);
}

ul#menu li.selected a {
  color: white;
  font-weight:bold;
  background-image:url(http://www.lmexpo.com/branding/london2010/menudotw.gif);
}

ul#menu li a:hover {
  color: white;
}

div#login-box {
  position:absolute;
  z-index:10;
  top:40px;
  left:600px;
  width:300px;
}
div#login-box table{
border:none;
}
div#login-box a {
color:#fff;
}

#menu-footer-padding {
clear:left;
width:186px;
height:10px;
background-image:url(http://www.lmexpo.com/branding/london2010/menubg.gif);
}

#menu-footer {
clear:left;
width:186px;
height:22px;
background-image:url(http://www.lmexpo.com/branding/london2010/menub.gif);
}

.column0 {
float:left;
text-align:justify;
padding-left:20px;
padding-right:10px;
width:700px;
}

.column1 {
float:left;
text-align:justify;
padding-left:20px;
padding-right:10px;
width:500px;
}

.column2 {
float:left;
width:200px;
}

.sitemain {
width:700px;
padding-left:20px;
padding-right:20px;
}

ul {
margin:0px;
padding:0px;
margin-left:20px;
}

#page-body ul li{
margin-bottom:4px;
}

.column2 .box {
	border:1px solid #fff;
	padding:4px;
	margin-left:10px;
	
}
.column2 .box h2 {
  margin-top:0px;
  padding-top:0px;
}

img {
border:0;
}

p {
padding:0;
margin:0;
margin-bottom:10px;
}

a {
   color:#990000;
   text-decoration: underline;
   
}  
a:hover {
   color:#cc0000;
}

h1 {
padding:0;
margin:0;
color:#fff;
font-weight:bold;
font-size:16px;
padding-top:10px;
padding-bottom:4px;
margin-bottom:10px;
background-image:url(http://www.lmexpo.com/branding/london2010/h2bg.jpg);
background-repeat:no-repeat;
background-position:bottom left;
}

h2 {
padding:0;
margin:0;
color:#fff;
font-weight:bold;
font-size:14px;
padding-top:10px;
padding-bottom:6px;
}

div.form h2{
background-image:url(http://www.lmexpo.com/branding/london2010/h2bg.jpg);
background-repeat:no-repeat;
background-position:bottom left;
}

h3 {
font-size:12px;
padding:0;
margin:0;
color:#eee;
font-weight:bold;
padding-top:10px;
padding-bottom:4px;
}

hr {
margin-bottom:20px;
clear:both;
height:1px;
font-size:1px;
background-color:#CCCCCC;
}

.hidden{
	position: relative;
	display: none;
	visibility: hidden;
}

td.shownotification,td.shownotification td,td.shownotification th,td.shownotification p {
	color:#000;
}

div.form td, div.form th{
 text-align:left;
}

div.guide {margin-bottom:4px;margin-top:16px;padding:4px;color:#ffffff;border:2px solid #CC0000;background-color:#440000;}
div.guide h2 {padding-top:4px;}
div.form p.small {font-size: 8px;}
div.form .required {background-color: #440000; font-weight: bold; color:#ffffff;padding-left:2px;}
div.form table.grid td {font-size: 9px; color:#ffffff;}
div.form .address td, td.address {font-size: 14px;color: #ccc;}

/*
input, select {
margin-bottom:2px;
vertical-align:bottom;
background-position:top left;
background-repeat:repeat-x;
color:#333333;
font-family:arial;
font-size:10px;
}
input.button {
border:none;
}
select { font-size: 9px; color: #333; background-color: #333; border: 2px solid #fff;}
input { font-size: 9px; color: #333; background-color: #333; border: 2px solid #fff;}
*/

TABLE.bfinnerbox {border:2px solid #000000;padding:2px;padding-top:8px;}
TABLE.bfinnerbox td { margin-top: 1px; margin-bottom: 1px; margin-left: 10px; padding:2px;}
td.caption { font-size: 12px;}

div.fullbookindetails * {color:#000;}

div.sitemain{
	margin-left:10px;
}

div.form{
	text-align: left;
	padding: 0px; 
}

div.venueroomlist {
	border-top: 4px solid #CC0000;
	padding: 2px; 
	margin-top: 12px; 
}

div.form .button{
	vertical-align: bottom;
	text-align: right;
}
 
table.grid{
	margin-top: 4px;
}
table.grid th{
	text-align: center;
	padding: 2px;
	padding-left: 4px;
	font-weight: bold;
	border-bottom: 1px solid #{/literal}{$oBranding->getColour5()}{literal};
}
table.grid td{
	border-bottom: 1px solid #333;
}
table.grid td, table.grid th{
	background-color: #000000;
	font-size: 80%;
	color: ##ffffff;
	padding:4px;
}

table.grid td.value, table.grid td.valueleft, table.grid th.valueleft{
	text-align: left !important;
}

table.grid td.valuecenter{
	text-align: center;
}

table.grid td.valueright{
	text-align: right;
}
#bookingdetails table.grid th{
  border:none;
}

tr.total td{
	border-top: 2px solid #CC0000;
	border-bottom: 2px solid #CC0000;
	padding: 4px;
	margin: 4px;
}

tr td.total{
	text-align:right;
}

div.sitemain hr {
  color: #000;
  background-color: #000;
  border: none;
	border-bottom: 1px dashed #999;
}

div.sitemain .note{
	font-size: 80%;
}

.mainColumn {
	width: 100%;
	padding-right: 0px;
	margin-left:8px;
}

.mainColumn h1
{
	color:#fff;
}

.greyBorder {
	border-color: #707070;
	border-width: 2px;
	border-style: solid;
	padding: 2px;
}

.mainColumn ul {
	padding-left: 0px;
}

.mainColumn table ul {
	margin-left: 14px;
}

.mainColumn ul li, .rightColumn ul li, ul.listSquare {
	vertical-align: middle;
}

table.document td {
background-color:#fff !important;
color:#000;
}
table.document th {
color:#000;
}

.error, .warning {
width:700px;
background-color:#111;
margin-top:16px;
}
table.error, table.warning {margin-left:11px;margin-bottom:6px;}
table.error td string {padding: 0px;margin: 0px;}
table.error td, table.warning td {padding:8px;}

.menubox{
width:170px;
margin-left: 10px;
}
.menubox h2{
clear:left;
color:transparent;
width:170px;
height:26px;
margin-top:10px;
margin-bottom:4px;
}
.menubox div.box{
border: 1px solid #333;
background-color: #000;
padding:4px;
}
.menubox div.button{
text-align:right;
}

#standselectorkey {
background:url(http://www.lmexpo.com/branding/london2010/public-heading-key.gif) top left no-repeat;
}
#standselectorkey h2{
visibility: hidden; 
padding: 0;
margin: 0;
font-size: 0.1em;
}
#standselectorkey div.item{
clear:left;
padding:4px;
}
#standselectorkey img{
margin-left:20px;
margin-right:10px;
}

#standselectorfind {
background:url(http://www.lmexpo.com/branding/london2010/public-heading-search.gif) top left no-repeat;
}

#standselectorfind h2{
visibility: hidden;
padding: 0;
margin: 0;
font-size: 0.1em;
}
#standselectorfind div{
margin:4px;
}

.video {
margin:0xp;
padding:0px;
margin-top:40px;
margin-left:120px;
width:502px;
border:1px solid #999;

}

table.standtable {
	border:2px solid #C00;
}
table.standtable td, table.standtable th {
	background-color:#ddd;
	color: #111;
	padding:2px;
	text-align: left;
}