@charset "utf-8";
/* CSS Document */
/*
  colours:
   border of sidebox-grey	#c2c2c2
   content of sidebox-grey #dbdbdb
   
   content of survey-bluebox #a6ddff
   content of survey-greybox #acacac
   
   border of sidebox-blue	#c2c2c2
   content of sidebox-blue #00447a
   
*/

 /* sidebox  - grey */
 .bold {
	font-weight: bold;
 }

 
 div.sidebox-grey {
	width: 264px;
		
	overflow: hide;
	
	margin-bottom: 5px;
 }
  div.sidebox-grey div.sidebox-grey-top {
    width: 264px;
	height: 9px;
	
	background: url(./images/sidebox-grey-top.gif) bottom no-repeat;
  }
 
  div.sidebox-grey div.sidebox-grey-content {
    width: 263px;
	min-height: 58px;
	
	border-left: 1px solid #c2c2c2;
	
	padding: 2px 0 5px 0;
	
	background: #dbdbdb url(./images/sidebox-grey-middle-bg.gif) right top repeat-y;
  }
   
   div.sidebox-grey div.sidebox-grey-content img.arrow{
	width: 31px;
	height: 62px;
	
	border: none;
	
	float: right;
	
	margin: 0 15px 0 0;
   }
   div.sidebox-grey div.sidebox-grey-content p a img.cta-img {
	width: 74px;
	height: 56px;
	
	border: 0;
	float: left;
	margin: 6px 5px 5px -4px;
   }
   
   div.sidebox-grey div.sidebox-grey-content p  {
	margin: 0 65px 0 15px;
	padding-top: 10px;
	
	color: #004785;
	font-weight: bold;
	font-size: 1.05em;
   }
    div.sidebox-grey div.sidebox-grey-content p a,
	div.sidebox-grey div.sidebox-grey-content p a:link,
	div.sidebox-grey div.sidebox-grey-content p a:hover,
	div.sidebox-grey div.sidebox-grey-content p a:visited,
	div.sidebox-grey div.sidebox-grey-content p a:active {
		color: #004785;
		text-decoration: none;
	}
   
   
   div.sidebox-grey div.sidebox-grey-bottom {
	width: 264px;
	height: 50px; 
    background: url(./images/sidebox-grey-bottom-2.gif) bottom no-repeat;	
   }
 
/* sidebox - blue */ 
div.sidebox-blue {
	width: 264px;
		
	overflow: show;
	
	margin-bottom: 5px;
 }
  div.sidebox-blue div.sidebox-blue-top {
    width: 264px;
	height: 9px;
	
	background: url(./images/sidebox-blue-top.gif) bottom no-repeat;
  }
 
  div.sidebox-blue div.sidebox-blue-content {
    width: 263px;
	min-height: 55px;
	
	border-left: 1px solid #c2c2c2;
	
	padding: 2px 0 5px 0;
	
	background: #00447a url(./images/sidebox-grey-middle-bg.gif) right top repeat-y;
  }
   
   div.sidebox-blue div.sidebox-blue-content img.arrow{
	width: 31px;
	height: 62px;
	
	border: 0;
	
	float: right;
	
	margin: 0 15px 0 0;
   }
   div.sidebox-blue div.sidebox-blue-content p  {
	margin: 0 65px 0 15px;
	padding-top: 10px;
	
	color: #ffffff;
	font-weight: bold;
	font-size: 1.05em;
   }
    div.sidebox-blue div.sidebox-blue-content p a,
	div.sidebox-blue div.sidebox-blue-content p a:link,
	div.sidebox-blue div.sidebox-blue-content p a:hover,
	div.sidebox-blue div.sidebox-blue-content p a:visited,
	div.sidebox-blue div.sidebox-blue-content p a:active {
		color: #ffffff;
		text-decoration: none;
	}
   
   
   div.sidebox-blue div.sidebox-blue-bottom {
	width: 264px;
	height: 51px; 
    background: url(./images/sidebox-blue-bottom-2.gif) bottom no-repeat;	
   }
   
   /* main boxes  on the left hand-side */
   
 
 div.survey-bluebox {
	width: 686px;
	height: 172px;
	
	color: #004785;
	
	border: 1px solid #c2c2c2;
	
	position: relative;
	margin-bottom: 8px;
	
	background: #a6ddff url(./images/survey-bluebox-bg.gif) repeat-x top;
 }
	div#pagecontent div.survey-bluebox p.blue-header {
		margin-left: 30px;
		width: 475px;
		font-size: 2.7em;
		color: #004785;
		
		margin-top: 30px;
		margin-bottom: 10px;
	}
	div.survey-bluebox p {
		margin-left: 30px;
		margin-right: 30px;
		margin-bottom: 0;
	}
	div.survey-bluebox a {
		margin-left: 30px;
		width: 475px;
		margin-bottom: 0px;
	}
	
	div.survey-bluebox a.blue-bold-link {
		text-decoration: underline; 
		font-size: 0.85em; 
		color: #004785; 
		font-weight: bold;
		
		display: block; 
	}
		div.survey-bluebox ol.tac {
			margin: 20px 20px 20px 60px;
		}
		
		div.survey-bluebox ol.tac li {
			margin-bottom: 4px;
		}
	
	div.survey-bluebox div.survey-bluebox-bottom {
		width: 686px;
		height: 32px;
		
		position: absolute;
		left: 0;
		bottom: 0;
		
		background: url(./images/survey-bluebox-bottom.gif);
	}
 
 div.survey-greybox {
	width: 686px;

	min-height: 340px;
	
	border: 1px solid #c2c2c2;
	
	position: relative;
	
	background: #b4b4b4 url(./images/survey-greybox-bg.gif) repeat-x top;
 }
 
	div.survey-greybox div.quiz {
		width: 636px;
		
		margin-left: 32px;
		margin-top: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
		
	}
	
	div.survey-greybox div.quiz span.q-header {
		font-size: 3.8em;
		font-weight: bold;
		color: #cccccc;
		
		line-height: 0.85em;
		
		display: block;
		margin: 0px 0 10px 0;
	}
	
	div.survey-greybox div.survey-greybox-bottom {
		width: 686px;
		height: 51px;
		
		position: relative;
				
		background: #acacac url(./images/survey-greybox-bottom-2.gif) no-repeat left bottom;
	}
	
	div#public-cloud-rollover,
	div#private-cloud-rollover {
		width: 300px; 
		border: 2px solid #666666; 
		background: #f5f5f5; 
		padding: 10px; 
		position: absolute; 
		margin: -150px 0 0 240px;
		display: none;
		
		filter:alpha(opacity=88);
		opacity: 0.88;
		-moz-opacity:0.88;
	}
	
	div#private-cloud-rollover {
		height: 130px;
	}
	div#public-cloud-rollover {
		height: 100px;
	}
	
	/* index.php */
	#pagecontent div.satkav-wrapper {
		width: 960px;
		display: block;
		position: relative;
		margin-top: 9px;
	}
	
		#pagecontent div.satkav-wrapper div.satkav-bluebox {
			width: 646px;
			height: 228px;
			
			position: relative;	
			
			padding: 0;
			border: 1px solid #c2c2c2;
			border-right: none;
			
			z-index: 1;
			
			color: #004785;
			
			background: #a6ddff url(./images/survey-bluebox-bg.gif) repeat-x top;
		}
			#pagecontent div.satkav-wrapper div.satkav-bluebox p.blue-header {
				font-size: 32px;
				margin: 35px 0 20px 15px;				
			}
		
			#pagecontent div.satkav-wrapper div.satkav-bluebox  img.button-winsat {
				border: 0;
				float: right;
				
				margin-top: 15px;
				margin-right: 25px;
			}
		
		#pagecontent div.satkav-wrapper div.satkav-bluebox  div.satkav-bluebox-bottom {
			width: 632px;
			height: 32px;
			
			margin-top: 196px;
			position: absolute;
			
			bottom: 0;
			
			background: url(./images/survey-bluebox-bottom.gif);
			z-index: -2;
	}
		
		/* satkav expandable flash  */
		
	/* terms and conditions*/
	div.survey-bluebox img.back-arrow {
		border: 0;
	}
	
	div.survey-bluebox a.bluebox-regular-links,
	div.survey-bluebox a.bluebox-regular-links:link,
	div.survey-bluebox a.bluebox-regular-links:hover,
	div.survey-bluebox a.bluebox-regular-links:visited {
		margin: 0;
		padding: 0;
		color: #004785;
	}
	
	#pagecontent div.grey-nav-bar-wrapper {
		width: 960px;
		height: 85px;
		
		margin-top: 15px; 
		background: #ffffff url(./images/grey-nav-bar-bg.gif) top repeat-x; border-top: 1px solid #c2c2c2;
		z-index: 2;
	}
	
		#pagecontent div.grey-nav-bar-wrapper  ul#grey-nav-bar	{
			padding: 0;
			margin: 0;
			list-style: none;
			position: absolute;
	
			display: block;
			z-index: 2;
		}
		
			#pagecontent div.grey-nav-bar-wrapper  ul#grey-nav-bar li	{
				display: block;
				float: left;
				clear: none;
				
				margin-top: 28px;
				z-index: 2;
			}
			
			#pagecontent div.grey-nav-bar-wrapper  ul#grey-nav-bar li a	{
				width: 224px;
				height: 55px;
				
				margin: 0 21px 0 0;
				
				display: block;
								
				color: #004785;
				text-decoration: none;
				font-weight: bold;
				
				z-index: 2;
				
				
				background: #ffffff url(./images/grey-nav-bar-item.gif) top left no-repeat;
			}
			
			#pagecontent div.grey-nav-bar-wrapper  ul#grey-nav-bar li a.last-tab {
			
				margin-left: 1px;
			}
				#pagecontent div.grey-nav-bar-wrapper  ul#grey-nav-bar li a span {
					width: 185px;
					padding: 2px 0 0 12px;
					display: block;
					
					cursor: pointer;
					
				}
	
	/* bubbles in starting page */
	
	div.bubble {
		width: 904px;
		height: 409px;
		
		margin-left: 27px;
				
		padding-top: 51px;
		padding-left: 0px;
		
		background: transparent url(./images/bubble-bg.jpg) top left no-repeat;
		
		z-index: 999;
	}
		
		div.bubble ul  {
			margin-top: 0px;
			margin-left: -20px;
		}
		div.bubble ul  li {
			list-style: url(./images/list-bullet.gif) outside;
			margin-bottom: 4px;
			
		}
		
			div.bubble p.bubble-title {
				font-size: 1.7em;
				float: left;
				padding-left: 5px;
				
				margin-left: 18px;
				
				color: #004785;
			}
			div.bubble   p.bubble-header-links {
				float: right;
				margin-right: 37px;
				margin-top: 20px;
				
				width: 200px;
				text-align: right;
				font-size: 12px;
				line-height: 18px;
				font-weight: bold;
				
				color: #004785;
			} 
			
			div.bubble   p.bubble-header-links  a,
			div.bubble   p.bubble-header-links  a:link,
			div.bubble   p.bubble-header-links  a:visited,
			div.bubble   p.bubble-header-links  a:hover{
				color: #004785;
			}
		
			div.bubble div.left-column {
				width: 410px;
				
				font-size: 12px;
				line-height: 13px;
				padding: 20px 10px 10px 10px;
				
				margin-left: 18px;
				
				float: left;
				clear: left;
			}
			
			div.bubble div.right-column {
				width: 390px;
				
				font-size: 12px;
				line-height: 13px;
				
				float: right;
				margin-right: 24px;
				
				padding: 12px 10px 10px 10px;
				
				background: transparent;
			}
			
			div.bubble div.left-column p.bold,
			div.bubble div.right-column p.bold 	{
				margin: 5px 0 5px 0;
				font-weight: bold;
			}
			
	
	#reduced-env, #cost-red, #workforce-mob, #improved-ser, #increased-res  {
		display: none;
	}
	
	div.carousel-container {
		width: 960px;
		height:300px;
		
		margin-bottom: -42px;
		margin-top: -15px;
		
		
		background: transparent url(./images/carousel_background.jpg) top left no-repeat ;
		
		z-index:10;
	}
		div.carousel-container  #flash-holder #carousel {
			background: transparent;
			z-index: 0;
		}
	 div#reactivater {
		float: right;
		margin-right: -190px;
		margin-top: -40px;
	 }

	
	
/* end of satkav css*/




#pagecontent {
	float: left;
	padding-top: 0px;
	width: 960px;
}

table	{
	position: relative;
}

#header {
	clear: both;
	width: 960px;
	height: 324px;
	background-image: url(images/header.jpg);
	background-repeat: none;
}

#video {
	position: relative;
	top: 20px;
	left: 45px;
	background-color: #000000;
	width: 336px;
	height: 280px;
}

.prose {
	font-size: 0.85em;
	position: relative;
	float: left;
	top: 0;
	left: 0;
	
	width: 686px;
	margin: 9px 0 0 0;
}

#prose_left {
	float: left;
	width: 615px;
}

#prose_left_box {
	float: left;
	width: 615px;
}

.grey{
	background-color: #e6e7e8;
}

#prose_left_box_inner {
	border: 1px solid #a09f9f;
	padding: 10px;
}

#prose_right {
	float: left;
	margin-left: 20px;
	text-align: left;
	width: 260px;
	background-image:url(images/thegreyline.jpg);
	background-repeat: no-repeat;
}

#prose_right_ngl {
	float: left;
	text-align: left;
	margin-left: 20px;
	width: 260px;
}

#prose_right_content {
	position: relative;
	left: 20px;
	width: 260px;	
}


#result {
	border: 1px solid #a09f9f;
	display: none;
	height: 150px;
	width: 593px;
	padding: 10px;
}

#otherresults {
	width: 237px;
}

#removetext {
	width: 593px;
	padding: 10px 0;
}

#spacer {
	width: 260px;
}
.boxtext {
	position: relative;
	width: 260px;
	text-align: left;
	color: #FFFFFF;
}

.boxhead {
	font-size: 1.3em;
	font-weight: bold;
}

.boxarrows {
	position: absolute;
	right: 18px;
	bottom: 5px;
	width: 17px;
	height: 18px;
	background-image: url(images/arrows.gif);
}

.extrabigtitle {
	color: #0C2D83;
	font-size: 3.2em;
	font-weight: bold;
	padding: 5px 0 10px 0;
	margin: 0;
}

.aqua_box_title {
	width: 613px;
	height: 28px;
	background-image: url(../images/bg/aqua.gif);
	background-repeat: repeat-x;
	font-size: 1.05em;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #a09f9f;
}

.aqua_box_title span {
	display: block;
	padding: 5px 10px 0 10px;
}

.reg_td_right {
	text-align: right;
	font-size: 0.9em;
}

.reg_td_right p {
	text-align: left;
	padding: 0;
	margin: 5px 35px;
}

.quizanswer {
	text-align: left;
}

.quizanswertitle {
	font-size: 1.5em;
	color: #0C2D83;
	font-weight: bold;
}

.biggerbody {
	font-size: 1.1em;
}

td .spacing {
	line-height: 1.8em;
}

form td div .error span {
	position: absolute;
	left: -20px;
}

form td div {
	position: relative;
	height: 25px;
}

.smallterms {
	font-size: 0.9em;
	text-align: right;
}

.shadow_bottom {
	display: block;
	position: relative;
	line-height: 0px;
	background: transparent url(../images/boxshadow_mi.gif) no-repeat;
	background-position: bottom left;
	height: 2px;
	font-size: 0px;
	width: 684px;
}

.cinemapadding p {
	margin: 10px;
}

.cinemapadding img {
	margin: 0 10px 0 0;
}

p.terms a {
	font-size: 0.85em;
	color: #b63927;
	text-decoration: underline;
}

p.terms a:hover {
	color: #000000;
	text-decoration: underline;
}

p.rollover a {
	color: #b63927;
	text-decoration: underline;
}

p.rollover a:hover {
	color: #000000;
	text-decoration: underline;
}

.coloured a span {
	font-size: 0.85em;
	font-size: bold;
	color: #b63927;
	text-decoration: underline;
}

.coloured a:hover {
	color: #b63927;
	text-decoration: underline;
}

.reg_td_right {
	font-size: 0.9em;
	text-align: right;
}

.reg_td_right2 {
	font-size: 0.9em;
	text-align: right;
	padding-right: 20px;
	padding-left: 0px;
}

.reg_td_left2 {
	font-size: 0.9em;
	text-align: left;
	padding-left: 10px;
	
	width: 400px;
}

 .td_radio  {
   padding-left: 20px;
  
   vertical-align: text-top;
 }
 
 .td_radio  div {
	height: 25px;
	margin-top: -2px;
 }
 
  .input  {
  }

form td div .error span {
	position: absolute;
	left: -20px;
	
	top: -2px;
}

form td div {
	position: relative;
	height: 25px;
}

table.q1 td, table.q2 td, table.q3 td, table.q4 td, table.q5 td, table.q6 td, table,q7 td, table.q8 td, table.q9 td, table.q10 td, table.q11 td {
	background-color: transparent; /*#FFFFFF; */
}
.prev {
	cursor: pointer;
}

/* RHS box over-rides */

.style4_img_red {
	height: 95px;
}

.style1_link_lhs_red a,
.style2_link_lhs_red a,
.style3_link_lhs_red a,
.style4_link_lhs_red a,
.style5_link_lhs_red a,
.style6_link_lhs_red a,
.style7_link_lhs_red a, {
	color: black;
	text-decoration: none;
}

.style1_link_lhs_red a:hover,
.style2_link_lhs_red a:hover,
.style3_link_lhs_red a:hover,
.style4_link_lhs_red a:hover,
.style5_link_lhs_red a:hover,
.style6_link_lhs_red a:hover,
.style7_link_lhs_red a:hover {
	color: red;
}

#homeprose {
	float: left;
	margin: 10px 5px 0 9px;
	width: 470px;
	font-size: 0.85em;
}

#boxes {
	float: left;
	margin: 9px 0 0 8px;
	/* adam */
	width: 264px;
}


.header {
	font-size: 1.15em;
	font-weight: bold;
	color: #b63927;
	margin: 0;
}

.question {
	overflow: hidden;
}

img.n1, img.n2, img.n3, img.n4, img.n5, img.n6, img.n7, img.n8, img.n9, img.n10 {
	display: none;
}

.b1, .b2, .b3, .b4, .b5, .b6, .b7, .b8 , .b9, .b10, .b11{
	text-align: center;
}

p.q1, p.q2, p.q3, p.q4, p.q5, p.q6, p.q7, p.q8, p.q9, p.q10, p.q11 {
	/*display: block;*/
}

.spread {
	line-height: 1.3em;
}

/* CUSTOM RHS box */



			div#mzl-overlay-container {
				clear: both;
				display: block;
				
				overflow: visible;
				width: 322px;
				height: 235px;
				border: none;
				position: absolute;
				
				right: 0px;
				top: -2px;
				
				z-index: 999;
				
				background: transparent;
			}
			
			div#mzl-overlay-container div.flashOverlayOriginal	{
				width: 322px;
				height: 235px;
				overflow: hidden;
				z-index: 1;
			}
			div#mzl-overlay-container  div#mzl-flash-overlay	{
				display: block;
				position: absolute;
				top: 0px;
				right: 0px;
				z-index: 999;
			}
			div#mzl-overlay-container div.flashOverlay	{
				width: 960px;
				height: 1000px;
				overflow: hidden;
				border: none; 
								
				background: transparent;
		
				z-index: 999;
			}
			div#mzl-overlay-container #mzl-swf	{
				position:absolute; 
				top:0px; 
				right:0px;
			}