/* CSS Document */

body{
	background:white;
	font:10pt Verdana, Arial, sans-serif;
}

#navigation,#secondaryContent,#skip,#menu {
	display:none;
}

#skip a {
	display:none;
}

#branding img {
	display:none;
}

#wrapper,#siteContainer{
	width:auto;
	border:0;
	margin:10pt;
	padding:0;
	float:none !important;
}

#site-info{
	padding-top:5px;
	border-top:solid 1px #000000;
	height:63px;
	font-size: 0.8em;
}

a:link, a:visited{
	color:#5db0e3;
	background:transparent;
	font-weight:bold;
	text-decoration:underline;
}

#mainContent a:link:after,#mainContent a:visited:after{
	content:" (" attr(href) ") ";
	font-size:90%;
}

#mainContent a[href^="/"]:after{
	content:" (http://www.londonwinefair.com" attr(href) ") ";
}



#contentContainer li {
      list-style-type:none;
	
}

/* TODO: This is horrid coding; 
rework the styling so that the default appearance for unordered lists shows the 
bullet properly, then write styles to remove it where contextually necessary */
#contentContainer ul.properUl {
	list-style: disc outside;
	margin: 1em 0;
}

#contentContainer .properUl li {
	list-style: disc outside;
	margin: 0 0 0 2em;
}

ul {
margin:0;
padding:0;
}


dt {
font-weight:bold;
color:#000000;
}

dd {

color:#000000;
}

h2{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:1.2em;
	color:#5db0e3;
	padding: 6px 0;
}


h3{
	font-size:1.1em;
	color:#5db0e3;
	padding: 8px 0 6px 0;
}

h4{
	font-size:1em;
	color:#5db0e3;
	padding: 6px 0;
}



p {
	padding: 12px 0 12px 0;

}