@charset "utf-8";
/* CSS Document */
body{
padding:0px;
margin:0px;
font-family:Tahoma, arial, sans-serif;
background:#E4E4E4;
}
#main{
width:900px;
margin:auto;
background:white;
padding-left:12px;
padding-right:12px;
padding-bottom:12px;
margin-bottom:12px;
}
#banner_top{
height:85px;
margin-bottom:8px;
}
#banner_top img{
position:relative;
top:10px;
/*right:5px;*/
float:left;
}
#banner_image{
padding:0px;
margin:0px;
width:645px;
float:left;
clear:left;
}
#banner_navigation{
padding:0px;
margin:0px;
padding:15px;
width:358px;
height:220px;
float:right;
background:url(../../media/png/transparent.png) repeat;
}
#banner_navigation small{
color:#666;
}
#banner_navigation fieldset{
padding:0px;
margin:0px;
background:white;
border:1px solid #990000;
font-size:10pt;
height:200px;
padding:10px;
}
#banner_main{
padding:0px;
margin:0px;
width:900px;
height:250px;
background:url(../../media/jpg/banner1.jpg) no-repeat;
}
#left_col{
padding:0px;
margin:0px;
padding-top:25px;
width:220px;
float:left;
clear:left;
/*padding-bottom:10px;*/
}
#main_content{
width:605px;
float:right;
clear:right;
padding:20px;
padding-bottom:25px;
/*background:url(../../media/gif/pudsey_bg.gif) right bottom no-repeat;*/
}
#left_nav{
padding:0px;
margin:0px;
float:left;
clear:left;
background:url(../../media/png/left_nav.png) no-repeat;
height:50px;
width:50px;
position:relative;
top:-6px;
right:10px;
}
#nav{
width:890px;
text-align:center;
background:#EBEBEB;
margin-top:8px;
margin-bottom:8px;
padding:5px;
}
#nav ul{
padding:0px;
margin:0px;
list-style:none;
}
#nav li{
display:inline;
margin-right:10px;
}
#nav a{
text-decoration:none;
color:black;
font-weight:normal;
font-size:13.5pt;
}
h1{
padding:0px;
margin:0px;
font-size:1.3em;
font-weight:lighter;
}
h2{
padding:0px;
margin:0px;
font-size:1em;
color:#999999;
font-weight:lighter;
}
h3{
padding:0px;
margin:0px;
font-size:14pt;
font-weight:lighter;
}
p{
font-size:10pt;
color:#666666;
line-height:14pt;
}
#footer{
padding:0px;
margin:0px;
clear:both;
height:25px;
padding:10px;
background:#666666;
color:white;
}
#footer p{
color:white;
}
a.advanced{
display:block;
float:left;
width:120px;
height:50px;
background:url(../../media/gif/AP-LOGO.gif) no-repeat;
}
a:hover.advanced{
background:url(../../media/gif/AP-LOGO_over.gif) no-repeat;
}
a.bbc{
display:block;
float:left;
width:180px;
height:26px;
position:relative;
top:15px;
left:20px;
background:url(../../media/gif/bbc_radio_cambs.gif) no-repeat;
}
a:hover.bbc{
background:url(../../media/gif/bbc_radio_cambs_over.gif) no-repeat;
}
a.d2w{
display:block;
float:left;
width:200px;
height:26px;
position:relative;
top:15px;
clear:left;

background:url(../../media/logos/D2W_gray.jpg) no-repeat;
}
a:hover.d2w{
background:url(../../media/logos/D2W_color.jpg) no-repeat;
}
a.dcrs{
display:block;
float:left;
width:130px;
height:50px;
position:relative;
top:5px;
left:25px;
background:url(../../media/gif/dcrs.gif) no-repeat;
}
a:hover.dcrs{
background:url(../../media/gif/dcrs_over.gif) no-repeat;
}
a.eurest{
display:block;
float:left;
width:90px;
height:50px;
position:relative;
top:5px;
left:20px;
background:url(../../media/gif/eurest.gif) no-repeat;
}
a:hover.eurest{
background:url(../../media/gif/eurest_over.gif) no-repeat;
}
a.kall{
display:block;
float:left;
width:120px;
height:50px;
position:relative;
top:5px;
left:10px;
background:url(../../media/gif/kallkwik_logo.gif) no-repeat;
}
a:hover.kall{
background:url(../../media/gif/kallkwik_logo_over.gif) no-repeat;
}
a.philips{
display:block;
float:left;
width:120px;
height:50px;
position:relative;
top:5px;
left:10px;
background:url(../../media/logos/philips_gray.gif) no-repeat;
}
a:hover.philips{
background:url(../../media/logos/philips_colour.gif) no-repeat;
}
a.vectura{
display:block;
float:left;
width:160px;
height:50px;
position:relative;
top:5px;
left:25px;
background:url(../../media/logos/vectura_gray.gif) no-repeat;
}
a:hover.vectura{
background:url(../../media/logos/vectura_colour.jpg) no-repeat;
}
a.dp{
display:block;
float:left;
width:100px;
height:29px;
position:relative;
top:15px;
left:0px;
padding-bottom:15px;
background:url(../../media/logos/DP_logo.gif) no-repeat;
}
a:hover.dp{
background:url(../../media/logos/DP_logo_over.gif) no-repeat;
}
a.worldpay{
display:block;
float:left;
width:130px;
clear:left;
height:29px;
position:relative;
top:15px;
left:0px;
padding-bottom:15px;
background:url(../../media/logos/worldpay_gray.gif) no-repeat;
}
a:hover.worldpay{
background:url(../../media/logos/worldpay_colour.gif) no-repeat;
}
a.science_park{
display:block;
float:left;
width:160px;
height:40px;
position:relative;
top:5px;
left:20px;
background:url(../../media/logos/science_park_gray.jpg) no-repeat;
}
a:hover.science_park{
background:url(../../media/logos/science_park_colour.jpg) no-repeat;
}
a.taylor_vinter{
display:block;
float:left;
width:83px;
height:65px;
position:relative;
top:-5px;
left:10px;
background:url(../../media/logos/taylor_vinters_gray.jpg) no-repeat;
}
a:hover.taylor_vinter{
background:url(../../media/logos/taylor_vinters_colour.jpg) no-repeat;
}
a.broadcom{
display:block;
float:left;
width:80px;
height:50px;
position:relative;
background:url(../../media/gif/broadcom.gif) no-repeat;
}
a:hover.broadcom{
background:url(../../media/gif/broadcom_over.gif) no-repeat;
}
a.camcol{
display:block;
float:left;
width:100px;
height:50px;
position:relative;
top:15px;
left:10px;
background:url(../../media/gif/camcol.gif) no-repeat;
}
a:hover.camcol{
background:url(../../media/gif/camcol_over.gif) no-repeat;
}
a.csr{
display:block;
float:left;
width:80px;
height:50px;
position:relative;
top:15px;
left:10px;
padding-bottom:10px;
background:url(../../media/gif/csr.gif) no-repeat;
}
a:hover.csr{
background:url(../../media/gif/csr_over.gif) no-repeat;
}
a.polkadotfrog{
display:block;
float:left;
width:140px;
height:50px;
position:relative;
top:0px;
left:30px;
padding-bottom:10px;
background:url(../../media/logos/polkadotfrog_gray.gif) no-repeat;
}
a:hover.polkadotfrog{
background:url(../../media/logos/polkadotfrog.gif) no-repeat;
}
a.revolution{
display:block;
float:left;
width:100px;
height:50px;
position:relative;
top:15px;
left:10px;
padding-bottom:10px;
background:url(../../media/gif/revolution.gif) no-repeat;
}
a:hover.revolution{
background:url(../../media/gif/revolution_over.gif) no-repeat;
}
a.mathworks{
display:block;
float:left;
width:180px;
height:50px;
position:relative;
top:5px;
margin-left:10px;
padding-bottom:10px;
background:url(../../media/logos/mathworks_gray.jpg) no-repeat;
}
a:hover.mathworks{
background:url(../../media/logos/mathworks.jpg) no-repeat;
}
a.napp{
display:block;
float:left;
width:180px;
height:50px;
position:relative;
top:5px;
left:15px;
background:url(../../media/gif/napp-logo.gif) no-repeat;
}
a:hover.napp{
background:url(../../media/gif/napp-logo_over.gif) no-repeat;
}
a.road{
display:block;
float:left;
width:200px;
height:50px;
position:relative;
top:5px;
left:0px;
background:url(../../media/gif/roadservices.gif) no-repeat;
}
a:hover.road{
background:url(../../media/gif/roadservices_over.gif) no-repeat;
}
a.stage{
display:block;
float:left;
width:130px;
height:50px;
position:relative;
top:5px;
left:10px;
background:url(../../media/gif/stage_electrics.gif) no-repeat;
}
a:hover.stage{
background:url(../../media/gif/stage_electrics_over.gif) no-repeat;
}
#tab-container-1 ul, #tab-container-2 ul{
list-style:none;
padding:0px;
margin:0px;
border:1px solid white;
}
#tab-container-1 ul a, #tab-container-2 ul a{
margin:0px;
float: left;
display: block;
padding-top: 4px;
padding-right: 8px;
padding-bottom: 4px;
padding-left: 8px;
border-top-width: 1px;
border-right-width-value: 1px;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-left-width-value: 1px;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: solid;
border-right-style-value: solid;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-left-style-value: solid;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: #cccccc;
border-right-color-value: #cccccc;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-left-color-value: #cccccc;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-bottom-width: 0pt;
border-bottom-style: none;
border-bottom-color: -moz-use-text-color;
color: #666666;
background-color: #eeeeee;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
text-decoration: none;
font-weight: bold;
font-size:10pt;
}

#tab-container-1 ul a:hover, #tab-container-2 ul a:hover{
background-color:#990000;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
color:white;
}
#tab-container-1 li, #tab-container-2 li{
padding:0px;
margin:0px;
display:inline;
}
.tab{
margin:0px;
padding:0px;
clear:both;
border:1px solid #ccc;
padding:10px;
}

.tab h2{
font-size:12.5pt;
font-weight:lighter;
color:#666666;
padding:0px;
margin:0px;
}
#tab-container-1 .active, #tab-container-2 .active{
color:white;
background:#009933;
}
#countdown{
border:1px solid #ccc;
padding:10px;
margin-bottom:12px;
}
#countdown h2{
font-size:12.5pt;
font-weight:lighter;
color:#666666;
}
#cdcontainer{
font-size:11pt;
}
#countdown .box{
float:left;
margin:5px;
border:1px solid #CCCCCC;
padding:4px;
text-align:center;
font-size:9pt;
}
.box .sup{
font-size:8pt;
color:#999;
}
#wallpaper fieldset{
padding:0px;
margin:0px;
font-size:8pt;
color:#ccc;
width:145px;
border:1px solid #ccc;
clear:right;
margin-top:3px;
}
#wallpaper{
padding:0px;
margin:0px;
float:right;
font-size:8pt;
color:#ccc;
width:145px;
clear:right;
margin-top:3px;
border:none;
margin-right:16px;
}
#wallpaper fieldset{
padding:7px;
}
#wallpaper legend{
color: #ccc;
}
#gray{
width:10px;
height:10px;
display:block;
padding:4px;
border:1px solid #ccc;
float:left;
margin-right:5px;
background:url(../../media/gif/gray_wall.gif) center center no-repeat #fff;
}
#gray:hover{
background:url(../../media/gif/gray_wall.gif) center center no-repeat #666666;
}
#dots{
width:10px;
height:10px;
display:block;
padding:4px;
border:1px solid #ccc;
float:left;
margin-right:5px;
background:url(../../media/gif/dots.gif) center center no-repeat #fff;
}
#dots:hover{
background:url(../../media/gif/dots.gif) center center no-repeat #666666;
}
#one{
width:10px;
height:10px;
display:block;
padding:4px;
border:1px solid #ccc;
float:left;
margin-right:5px;
background:url(../../media/gif/pink_wall.gif) center center no-repeat #fff;
}
#one:hover{
background:url(../../media/gif/pink_wall.gif) center center no-repeat #666666;
}
#two{
width:10px;
height:10px;
display:block;
padding:4px;
border:1px solid #ccc;
float:left;
margin-right:5px;
background:url(../../media/gif/wallpaperbg.gif) center center no-repeat #fff;
}
#two:hover{
background:url(../../media/gif/wallpaperbg.gif) center center no-repeat #666666;
}
#three{
width:10px;
height:10px;
display:block;
padding:4px;
border:1px solid #ccc;
float:left;
margin-right:5px;
background:url(../../media/gif/yellow_wall.gif) center center no-repeat #fff;
}
#three:hover{
background:url(../../media/gif/yellow_wall.gif) center center no-repeat #666666;
}
#four{
width:10px;
height:10px;
display:block;
padding:4px;
border:1px solid #ccc;
float:left;
background:url(../../media/gif/blue_wall.gif) center center no-repeat #fff;
}
#four:hover{
background:url(../../media/gif/blue_wall.gif) center center no-repeat #666666;
}
a#access {
text-decoration:none;
font-size:8pt;
color:#999999; 
float:right;
padding:9px;
padding-bottom:0px;
}
#txtsize{
padding:0px;
margin:0px;
float:right;
margin-right:20px;
font-size:8pt;
padding:4px;
padding-bottom:0px;
color:#999999; 
}
#small {
font-size:10pt;
text-decoration:none;
color:#CCCCCC;
}
#medium {
font-size:12pt;
text-decoration:none;
color:#CCCCCC;
}
#large {
font-size:14pt;
text-decoration:none;
color:#CCCCCC;
}
#nav a:hover.about{
color:#FF33CC;
}
#nav a.about_over{
color:#FF33CC;
}
#nav a:hover.how_over, #nav a.how{
color:#CC0000;
}
#nav a:hover.faq{
color:#00CC00;
}
#nav a.faq_over{
color:#00CC00;
}
#nav a:hover.register_over, #nav a.register{
color:#0099FF;
}
#nav a.result_over, #nav a:hover.result{
color:#FF9933;
}

#nav a:hover.pictures_over{
color:#993399;
}
#nav a.pictures{
color:#993399;
}
#nav a:hover.contact_over{
color:#6633CC;
}
#nav a.contact_over{
color:#6633CC;
}
#nav a.home_over{
color:#FFCC00;
}
#nav a.home:hover{

color:#FFCC00;
}
#top_banner .footprints{
position:relative;
top:40px;
}
.register{
/*margin:auto;*/
width:500px;
font-size:14pt;
background:url(../../media/png/transparent.png) repeat;
border:1px solid #eee;
}
.register input{
font-size:14pt;
width:250px;
border:2px solid #ccc;
}
.register p{
font-size:14pt;
}
.register .submit{
background:#FF99FF;
color:white;
border:2px solid #000;
}
.register select{
font-size:14pt;
}
#ents{
width:40px;
display:none;
}
#main_content ul{
list-style:square;
font-size:10pt;
color:#666;
}
.first_para{
padding-top:0px;
margin-top:0px;
}
small{
font-size:7pt;
}
#login{
border:1px solid #ccc;
padding:10px;
margin-bottom:12px;
}
#subscribe h2, p{
padding:0px;
margin:0px;
}
#subscribe h2{
color:#666;
}
#subscribe p{
font-size:8pt;
}
#subscribe input{
font-size:9pt;
color:#666;
}
#subscribe .submit{
background:#009933;
color:white;
border:1px solid white;
padding:3px 3px;
}
#login h2, p{
padding:0px;
margin:0px;
}
#login h2{
color:#666;
font-weight:bold;
}
#login p{
font-size:8pt;
}
#login input{
font-size:9pt;
color:#666;
}
#login .submit{
background:#009933;
color:white;
border:1px solid white;
padding:3px 3px;
}
#main_content fieldset{
width:250px;
border:1px solid #999;
font-size:8pt;
margin-top:20px;
background:#eee;
}
#main_content legend{
font-size:10pt;
font-weight:bold;
}
.error{
background:#990000;
color:white;
padding:4px;
display:block;
}
.success{
background:#0099FF;
color:white;
padding:4px;
display:block;
}
/***************************************************/
/*************	 News Ticker	*******************/
#NewsTicker{
/*	background:#eaf5e0;*/
	width:210px;
	height:160px;
	margin:0 0;
}
	#NewsTicker h1{
		padding:6px; margin:0; border:0;
		background:#dfe9d5;
		color:#000000;
		font-size:11px;
		font-weight:bold;
	}
	#NewsVertical {
	width: 200px;
	height: 160px;
	display: block;
	overflow: hidden;
	position: relative;
	}
	#controller{
	padding:6px;
	font-size:11px;
	color:#666;
	}
	#play_scroll_cont{display:none;}
/* --------------- */
/* Ticker Vertical */
	#TickerVertical {
		width: 200px;
		height: 160px;
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#TickerVertical li {
		display: block;
		width: 190px;
		color: #333333;
		text-align: left;
		font-size: 11px;
		margin: 0;
		padding: 6px;
		padding-left:0px;
		float: left;
	}
		#TickerVertical li .NewsTitle{
			display: block;
			color: #000000;
			font-size: 12px;
			font-weight:bold;
			margin-bottom:6px;
		}
		#TickerVertical li .NewsTitle a:link,
		#TickerVertical li .NewsTitle a:Visited {
			display: block;
			color: #000000;
			font-size: 12px;
			font-weight:bold;
			margin-bottom:6px;
			text-decoration:none;
			width:200px;
		}
		#TickerVertical li .NewsTitle a:hover {
			text-decoration:underline;
			background:#eee;
		}
		
		#TickerVertical li .NewsImg{
			float:left;
			margin-right:10px;
		}
		#TickerVertical li .NewsFooter{
			display: block;
			color: #000000;
			font-size: 10px;
			margin:6px 0 14px 0;
		}
/***************************************************************/
/*****************	Gallery styles	***************************/
/**************************************************************/
#wrapper {
    width: 560px;
    margin: 25px auto;
}

#intro {
    padding-bottom: 10px;
}

#slider {
    width: 560px;
    margin: 0 auto;
    position: relative;
	border: 10px solid #ccc;
}

.scroll {
	overflow: hidden;
	width: 560px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 274px;
	height: 418px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(../../media/png/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(../../media/png/rightshadow.png) repeat-y;
}

.inside {
	padding: 10px;
	border: 1px solid #999;
}

.inside img {
	display: block;
	border: 1px solid #666;
	margin: 0 0 10px 0;
	width: 250px;
}

.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
}

.inside p {
	font-size: 11px;
	color: #ccc;
}


.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -45px;
}

.scrollButtons.right {
    right: -45px;
}

.hide {
    display: none;
}
#download_box{
width:140px;
background:#f6f6f6;
text-align:center;
border:2px dotted #ccc;
padding:20px;
margin:20px;
margin-left:0px;
}
#download_box a{
text-decoration:none;
color:#444;
font-weight:bold;
}
#top{
font-size:8pt;
float:right;
clear:both;
}
h4{
padding:0px;
margin:0px;
font-size:13pt;
font-weight:lighter;
}
#main_content input:focus{
background:#FFFF99;
border:2px solid black;
}
.checkout{
width:450px;
font-size:8pt;
}
.thick_line{
border-bottom:2px solid #999;
}
.thin_line{
border-bottom:1px solid #999;
}
#checkoutset fieldset{
background:#f1f1f1;
width:480px;
padding-top:10px;
padding-left:25px;
}
#checkoutset th{
text-align:left;
border-bottom:1px solid #999;
}
div#listContainer {
	width: 400px;
	border: 2px solid #336699;
	background: #EFF7FF;
	}
div#listContainer div {
		border: 1px solid #336699;
		margin: 5px;
		padding: 3px 5px;
		background: #DFEFFF;
		font-weight: bold;
		cursor: move;
}
.spreadsheet{
background:#FF66FF;
color:white;
padding:7px;
border:2px solid #990000;
font-weight:bold;
}
input.calendar {
  width: 74px;
}
button.calendar {
  background: url(../../media/gif/calendar-icon.gif);
  border: none;
  cursor: pointer;

  height: 20px;
  margin-right: 6px;
  width: 20px;
  position:relative;
  top:-5px;
}
button.calendar:hover,
button.calendar.active {
  background-position: left bottom;
} 

div.calendar {
	background: url(calendar.png);
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}	
	div.calendar * {
		margin: 0;
		padding: 0;
	}	
	div.calendar div {
		background: none !important;
		cursor: move;
		height: 185px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.calendar caption {
		color: #333;
		font: normal 12px/16px Arial, Helvetica, sans-serif;
		padding-top: 6px;
		text-align: center;
		width: 100%;
	}
	div.calendar caption a {
		cursor: pointer;
		display: block;
		height: 12px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 17px;
		width: 11px;
	}
	div.calendar caption a.prev {
		background-image: url(../../media/gif/calendar-prev.gif);
		left: 0;
	}
	div.calendar caption a.next {
		background-image: url(../../media/gif/calendar-next.gif);
		right: 0;
	}
	div.calendar caption a:hover {
		background-position: 0 12px;
	}
	div.calendar caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.calendar caption span.month {
		padding-right: 8px;
	}
	div.calendar caption span.month:after {
		content: ',';
	}

	div.calendar table {
		background: #FFF;
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.calendar td,
	div.calendar th {
		border: 0;
		color: #0597DB;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 21px;
		text-align: center;
		width: 21px;
	}
	div.calendar td {
		background: url(../../media/gif/calendar-td.gif);
		color: #FFF;
		font-size: 11px;
	}
	div.calendar td.invalid {
		color: #999;
	}
	div.calendar td.valid {
		background: url(../../media/gif/calendar-valid.gif);
		color: #0597DB;
		cursor: pointer;
	}
	div.calendar td.hilite {
		background: url(../../media/gif/calendar-hilite.gif);
	}
	div.calendar td.inactive {
		background: url(../../media/gif/calendar-td.gif) 0 100%;
		color: #FFF;
	}
	div.calendar td.active,
	div.calendar td.hover {
		background: url(../../media/gif/calendar-valid.gif) 0 100%;
		color: #FFF;
		cursor: pointer;
	}
.news_press{
font-size:8pt;
width:300px;
}
.news_press a{
text-decoration:none;

}
.news_press td{
border-bottom:1px dotted #ccc;
padding-top:5px;
}
#entry_payment{
border:2px dashed #FF33CC;
background:#FFCCFF;
margin-top:10px;
margin-bottom:10px;
padding:5px;
}
#entry_payment h3{
color:#990000;
}
#disclaimer_prompt{
border:2px dashed #0066CC;
background:#BFD9F9;
margin-top:10px;
margin-bottom:10px;
padding:5px;
}
#disclaimer_prompt h3{
color:#003399;
}
#fancy_warning{
background:#6633CC;
border:2px dashed #fff;
color:white;
padding:15px;
}
#fancy_warning p{
color:white;
}