/* HTML
=======================================*/

html {
	overflow:scroll;
	}
	
body {
	background:#FFFFFF;
	color:#333333;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:1em;
	}

a {
	color:#9B1B1E;
	text-decoration:none;
	}
a:hover {
	color:#9B1B1E;
	text-decoration:underline;
	}	

dl {
	font-size:0.75em;
	}
dt {
	float:left;
	width:150px;
	display: inline;
	text-align:right;
	font-weight:bold;
	}
dd {
	float:left;
	width:270px;
	display: inline;
	margin: 0 0 5px 10px;
	}


h2 {
	clear:left;
	}
	
p {
	font-size:0.75em;
	padding: 0 0 10px 0;
	line-height: 1.2em;
	text-align:justify;
	}

strong {
	font-weight:700;
	}
em {
	font-style:italic;
	}
	
	
	
table {
	font-size:0.75em;
	margin: 0 0 15px 0;
	width: 100%;
	}
caption {
	font-weight:bold;
	text-align:center;
	}		
thead th {
	border-bottom: 1px solid #999999;
	}	
tfoot th {
	border-top: 1px solid #999999;
	}	
th, td {
	padding: 3px 5px;
	line-height: 1.2em;
	vertical-align:top;
	}
th {
	font-weight:bold;
	}		
		

/* clear both
=======================================*/
.floatleft {
	float:left;
	}
.floatright {
	float:right;
	}
.clearboth {
	clear:both;
	}	

ul.bulleted {
	list-style-type: circle;
	margin: 0 0 10px 15px;
	}
ul.bulleted li {
	padding: 0 0 5px 0;
	}	
.alignright {
	text-align:right;
	}
	

	

/* main wrapper
=======================================*/
#wrapper {
	width:980px;
	margin: 0 auto;
	}
	
	


/* header section
=======================================*/

#header .logo {
	padding: 20px 0 20px 20px;
	}



/* top nav
=======================================*/
#topnav {
	background: #ffffff url(../images/bg_topnav.jpg) repeat-x;
	display:block;
	min-height:28px;
	height:auto!important;
	height:28px;
	font-size:0.71em;
	color:#221E1F;
	}
#topnav ul {
	margin: 0 0 0 28px;
	}	
	
#topnav li {
	display:inline;
	}
#topnav li a img {
	padding:0;
	margin:0 0 0 -3px;
	}


/*
=======================================*/

#mainarea {
	width:100%;
	}
#mainarea ul {
	font-size:0.75em;
	}
#mainarea li {
	line-height:1.2em;
	}

	


/* footer area
=======================================*/

#footer {
	width:100%;
	clear:both;
	background:#727375;
	min-height:20px;
	height:auto!important;
	height:20px;
	text-align:center;
	font-size:0.69em;
	color:#ffffff;
	}
#footer ul {
	padding: 3px 0 3px 0;
	}
#footer li {
	display:inline;
	}
#footer li a {
	border-left:1px solid #ffffff;
	color:#ffffff;
	padding: 0 7px;
	}

/* company registration details at base of page
=======================================*/
#coreg {
	margin:10px 0 0 0;
	font-size:0.69em;
	color:#999999;
	text-align:center;
	}


/* Home page 
=======================================*/
.panel {
	float:left;
	width:290px;
	display:inline;
	margin: 20px 0 0 25px;
	}
	/* Home page headers
	=======================================*/
	h1#hrd_inkpellet {
		width: 290px;
		height: 23px;
		position: relative;
		}	
	h1#hrd_inkpellet span {
		background:url(../images/hrd1_inkpellet.gif) no-repeat;	
		position: absolute;
		width: 100%;
		height: 100%;
		}
	h2#hrd_whatson {
		width: 290px;
		height: 23px;
		position: relative;
		}
	h2#hrd_whatson span {
		background:url(../images/hrd2_whatson.gif) no-repeat;	
		position: absolute;
		width: 100%;
		height: 100%;
		}	
	h2#hrd_advertise {
		width: 290px;
		height: 23px;
		position: relative;
		}		
	h2#hrd_advertise span {
		background:url(../images/hrd2_advertise.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
		}	
	h2#hrd_downloads {
		width: 290px;
		height: 23px;
		position: relative;
		}	
	h2#hrd_downloads span {
		background:url(../images/hrd2_downloads.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
		}
	h2#hrd_subscribe {
		width: 290px;
		height: 23px;
		position: relative;
		}	
	h2#hrd_subscribe span {
		background:url(../images/hrd2_subscribe.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
		}	
	h2#hrd_questionaire {
		width: 290px;
		height: 22px;
		position: relative;
		}	
	h2#hrd_questionaire span {
		background:url(../images/hrd2_questionaire.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
		}	



.hpheader {
	text-align:center;
	width:100%;
	margin: 10px 0 0 0;
	}


/* 2 col layouts,
=======================================*/	
#lefthandside {
	width:453px;
	float:left;
	display:inline;
	margin: 20px 0 25px 25px;
	}
	
#righthandside {
	float:left;
	display:inline;
	width:453px;
	margin: 25px 0 25px 25px	
	}
		

#righthandside  .lhstext {
	width:318px;
	float:left;
	display:inline;
	min-height:120px;
	height:auto!important;
	height:120px;
	}
#righthandside .rhsimg {
	width:125px;
	float:left;
	display:inline;
	margin: 0 0 0 10px;
	}


		
/*
=======================================*/	
.reviewrshrd {
	background: #C37678;
	width:100%;
	min-height:58px;
	height:auto!important;
	height:58px;
/*	display:block;*/
	margin: 0 0 10px 0;
	}

.reviewrshrd h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.35em;
	padding: 5px 0 5px 0;
	text-align:right;
	width:125px;
	float:left;
	display:inline;
	}
ul.reviewshowdetails {
	float:left;
	display:inline;
	width:300px;
	margin: 10px 0 0 20px;
	color:#ffffff;
	}

ul.reviewshowdetails a {
	color:#ffffff;
	text-decoration:underline;
	}

	
label {
	float:left;
	display:inline;
	width: 150px;
	text-align:right;
	margin: 0 0 0 150px;
	font-size:0.75em;
	}	
#selectarea select {
	float:left;
	display:inline;
	width:120px;
	border:1px solid #999999;
	background:#E7E8E9;
	margin: 0 0 25px 10px;
	}		
#selectarea select option {
	border-bottom:1px solid #ffffff;
	}
#whatsonwhere h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.35em;
	}	
ul.featuredevents {
	margin:15px 0 0 0;
	}
	
	
	
	
	
	
/* advertising page
========================================*/	
td.distcolone {
	width: 125px;
	}	
	
	
	
	
	
	
	
/* Subscribe page
========================================*/	
	
	/* subscribe headers
	========================================*/
	h1#hrd_subscribe {
		width: 453px;
		height: 177px;
		position: relative;
		}	
	h1#hrd_subscribe span {
		background:url(../images/hrd1_subscribe.png) no-repeat;	
		position: absolute;
		width: 100%;
		height: 100%;
		}		
	h2#hrd_subonline {
		width: 453px;
		height: 24px;
		position: relative;
		}	
	h2#hrd_subonline span {
		background:url(../images/hrd2_subonline.png) no-repeat;	
		position: absolute;
		width: 100%;
		height: 100%;
		}		
	h2#hrd_suboffline {
		width: 453px;
		height: 24px;
		position: relative;
		}	
	h2#hrd_suboffline span {
		background:url(../images/hrd2_suboffline.png) no-repeat;	
		position: absolute;
		width: 100%;
		height: 100%;
		}		





	
	
	
	
	
/* Sitemap page	
========================================*/	
#sitemap ul {
	width:350px;
	margin: 25px auto;
	}	
#sitemap ul li {
	width:125px;
	position:relative;
	background:#f0f0f0f;
	font-weight:bold;
	}	
#sitemap ul li li {
	left:135px;
	border-top:0.5em solid #f0f0f0f;
	}