/* Copyright q-delta limited 2005. All Rights Reserved */

body {
	margin: 0px;
	padding: 0px;
	background-color: #AACCFF;
}

* {
	margin: 0px;
	padding: 0px;
}	

#Main_Framework {
	width: 800px;
	height: 560px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 23px !important; top:  3%; /* 3% didn't work in Firefox, !important ignored by IE so takes 3% */
	border-left: 1px solid #404040; /* dk grey */
	border-bottom: 2px solid #404040;
	border-top: 1px solid #404040;
	border-right: 2px solid #404040;
	background-color: #FFFFFF;
}

a {
	outline: none;
	text-decoration: none;
	color: #0060B6;		/* q-delta blue */
}

a:visited {
}

a:hover {
	text-decoration: underline;
	/* font-weight: bold; */
}

a:active {
}


strong, b {
	font-weight: bold;
}

p {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	margin-top: 12px;
	margin-bottom: 2px; 
	color: #303030;		/* Dark Grey */
}

label sup {
	color: #FF0000;		/* Red for superscript (asterisk) */
	vertical-align: 20%;	/* more aesthetic custom property than the inbuilt xhtml <sup> tag */
}

#bullets {
	margin: 10px 0 0 30px;
}

#bullets li {
	list-style: disc;
	line-height: 16px;
}

h1 {
	font-size: 16px;
	line-height: 44px;
	margin-top: 0;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFF00;
}
	
h2 {
	font-size: 14px;
	line-height: 14px;
	margin-top: 9px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0060B6;	/* q-delta blue */
}

h3 {
	font-size: 12px;
	margin: 9px 0 -12px 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #606060;		/* Medium grey */
}

ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
}

hr {
	border: 0;
	color: #FFFFFF;
	background-color: #FFFFFF;
	height: 1px;
	width: 100%;
	text-align: center;
}

#TopPaneHome {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 230px;
}

#TopPaneOther {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 130px;
}

#TopLine {
	float: left;
}


#masthead {
	background-color: #0060B6; /* blue */
	margin: 0px;
	padding: 0px 0px 0px 5px;
	background-image: url(images/q-delta-logo.gif);
	background-position: right top;
	background-repeat: no-repeat;
	height: 138px;
	z-index: -20; 	
}

#masthead h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	float: left;
}


#Navbox {

	z-index: 10;
}

#NavBottomBorderLeft {
	position: absolute;
	left: 0px;	
	height: 43px;
	width: 20px;
	border-bottom: 6px solid #FBC30D; /* Bottom border colour (FBC30D tab yellow) */
}

#NavBottomBorderRight {
	position: absolute;
	height: 43px;
	width: 122px;
	right: 181px; /* In IE not necessary as auto aligns right of nav tabs */
	border-bottom: 6px solid #FBC30D; /* Bottom border colour (FBC30D tab yellow) */
}

#fullgreybar {
	position: absolute;
	width: 800px;
	top:   2px;
	margin: 0px;
	padding: 0px;	
	border-bottom: 1px solid #AFB0B4; /* Bottom border colour (grey) */
}

#fullyellowbar {
	position: absolute;
	width: 800px;
	top:   0px;
	height: 6px;
	border-bottom: 6px solid #FBC200; /* Bottom border colour (yellow) - note yellow matches content central shape */
}

#navtop	{
	position: relative;
	top: 20px;	/* Position of top of nav buttons from top */
	left: 0px;
	margin-left: 12px;
	height: 16px; /* Set height of Nav bar */
	z-index: 20;
}
/* styles for the drop down navigation  */
#navtop, #navtop ul {
	float: left;    /* float top level headings out to the left. */
	list-style: none;  /* remove bullet points  */
	line-height: 1;  /* ensure poss 2nd level drop downs line up */
	padding: 0;  	/* Aligns original list to left */
	background: #0060B6 ;  /* Sets blue background colour to top level items and drop downs */
	font-weight: normal;  /* Font-weight for top level items */
	width: auto;  /* Width of all top nav bar */
	margin: 0 0 4px 0;  /* Gap between nav menu and content beneath it */
	font-size: 12px; /* font size for all ul elements */
}

#navtop a {
	display: block;  /*  */
	width: 16px;   /* Top level list width (Text width) */
	w\idth: 78px;  /* Top level list width  IE BOX model hack*/
	text-decoration: none; 
	padding: 8px 1px 3px 3px; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px;  /* font size of all link in navigation */
	font-weight: bold;  /* Font weight for all linked items */
	height: auto; 
	color: white;	/* Colour of all link text */
}

/* Main Heading tabs */
#navtop li {
	float: left;  /* Aligns top level nav tabs to left */
	width: 82px;  /* Width of top level items */
	padding: 0;   /* No padding below navigation bar */
	border-bottom: 6px solid #FBC30D; /* Bottom border colour (yellow) (matches yellow in active tab)  - only just to width of a nav tab */
	background: url(images/q-delta-button-passive.gif) center top no-repeat;
	text-align: center;
	font-weight: bold;	
}

/* Drop downs  */
#navtop li ul {
	position: absolute;
	height: auto;
	font-weight: normal;
	border: 1px solid #999999;
	margin-top: 5px;
	visibility: visible;
}

#navtop li li {
	padding-right: 2px;  /* Padding to right of drop downs */
	width: 10px; /* Width of drop downs */
	border-bottom: 1px solid black; 
	background-image: none;
}

#navtop li ul a {
	width: 12px;  /*  Text width on drop downs */
}

#navtop li ul ul {
	margin: 0px 0px 0px 0px;  /* lines up 3rd level drop down */
}

#navtop li:hover ul ul, #navtop li:hover ul ul ul, #navtop li.clshover ul ul, #navtop li.clshover ul ul ul {
	left: -999px;  /* hides the 3rd level drop down */
	z-index: 20;
}

#navtop li:hover ul, #navtop li li:hover ul, #navtop li li li:hover ul, #navtop li.clshover ul, #navtop li li.clshover ul, #navtop li li li.clshover ul {
	left: auto;  /* displays all drop downs after roll over */
	z-index: 20;
}


#navtop li:hover, #navtop li.clshover { /* IE 5 HACK pseudo class */
	/* background: url(images/q-delta-button-active.gif) center top no-repeat; */ /* Main buttons - Active (yellow) */ 
}


#navtop li a:hover{
	color : #0060B6;	/* Blue colour of drop down text colour when hovered over*/
	background: url(images/q-delta-button-active.gif) center top no-repeat;	
}

#bannerbox {
	position: absolute;
	background-color: #FFFFFF;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/q-delta-homepage-image1.jpg);
	background-position:  center bottom;
	background-repeat: no-repeat;
	height: 213px;
	width: 619px;
	top: 49px;
	left: 0px;
}

#smallbannerbox {
	position: absolute;
	background-color: #FFFFFF; /* White space at top of image */
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/q-delta-secondpage-image1.jpg);
	background-position:  center bottom;
	background-repeat: no-repeat;
	height: 89px;
	width: 619px;
	top: 49px;
	left: 0px;
}

#greyrow {
	position: relative;
	margin-top: 2px;
	margin-bottom: -6px;	
	padding: 0px 0px 0px 0px;	
	height: 1px;
	width: 100%;
	border-top: 1px solid #AFB0B4; /* Top border colour (grey) */	
}

#DIVnewsletter {
	position: absolute;
	bottom 0px;
	right: 0px;
	margin-top: 2px;	
	background-color: #FFFFFF;
	width: 180px;
	height: 120px;
	border-top: 1px solid #AFB0B4; /* Top border colour (grey) */		
	border-bottom: 1px solid #AFB0B4; /* Bottom border colour (grey) */		
	
}

#newsletter li {
	position: absolute;
	top: 5px;
	right: 0px;
	margin: 0px;
	padding: 0px 0px 0px 22px;
	background: url(images/e-newsletter-button-passive.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	width: 159px;
	height: 108px;	
}

#newsletter a {
	display: block;  /*  */
	width: 159px; 
	height: 55px;
}

#newsletter a:hover {
	position: absolute;
	background: url(images/e-newsletter-button-active.jpg) center top no-repeat;
	margin: 0px;
	right: 0px;
	padding: 0px 22px 0px 0px; 
	padding-right: 22px !important; padding-right: 20px; /* pad-right FF wants 22, IE 20 */	
}


#left .bannertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: black;
	text-align: left;
	padding: 0px 0px 33px 0px;
	margin: -8px 0px -15px 0px;
}

#BottomPaneHome {
	position: absolute;
	top: 262px;
}


#BottomPaneOther {
	position: absolute;
	top: 138px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#LeftColumn {
	position: absolute;
	top: 14px;
	left: 0px;
	margin: 0px;
	float: left;
	padding: 0px;
	width: 153px;
	font-size: 12px;	
}

#MiddleColumn {
	position: absolute;
	top:   14px;
	width: 460px;
	left:  155px;
	z-index: 1;
}

#RightColumn {
	position: absolute;
	background-color: #FFFFFF;	
	top:   14px;
	left: 619px;
	margin: 0px;
	padding: 0px;
	width: 181px;
	height: 130px;
	border: 0px;
}

#Privacy {
	position: absolute;
	top: 385px;
	left: 20px;
	width: 160px;	/* Reqd for FireFox */	
	font-size: 10px;	
}

#Privacy p {
	position: absolute;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10px;	
}

#Copyright {
	position: absolute;
	right: 0px;
	top: 385px;
	left: 640px;
	width: 160px;	/* Reqd for FireFox */	
	
}

#Copyright p {
	position: absolute;
	text-align: center;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10px;	
}


#CopyrightHome {
	position: absolute;
	right: 0px;
	top: 261px;
	left: 640px;
	width: 160px;	/* Reqd for FireFox */	
}

#CopyrightHome p {
	position: absolute;
	text-align: center;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10px;	
}



#topofleftnavbuttons {
	position: relative;
	top: 0px;
	background-color: #0060B6;	/* blue */
	margin: 0px;
	padding: 0px 0px 0px 0px;
	height: 32px;
	width: 100%;
	color: white;
	border-bottom: 2px solid #FFFFFF; /* separate blue page title from left nav buttons */	
}

#topofleftnavbuttons h1{
	position: absolute;
	color: #FFFFFF; /* white text for the page content header */
	margin-top: -6px;
	top: 0px;
	font-size: 12px;	
	padding: 0px 0px 0px 30px;
}

#leftnavbutton {
	position: relative;
	top: 0px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	height: 32px;
	width: 100%;
}


/* Left Nav bar tabs */
#leftnavbutton li {
	font-size: 12px;
	height: 30px;	/* 30px reqd for FF to spaceout elements */ 
	padding: 0px;
	text-align: left;
	font-weight: bold;
	margin: 0px;	
	background-color: #FFFFFF;	/* white background when passive */	
}


#leftnavbutton a {
	display: block;  /*  */	
	height: 16px;
	border: 0px red solid;
	text-decoration: none; /* No underline on links */
	padding: 10px 3px 5px 30px;  /* padding above letters, between tabs, below tab, left of text - padding of all links in navigation */
	font-family: Arial, Verdana, Helvetica, sans-serif;  /* font of all links in navigation */
	font-size: 12px;  /* font size of all link in navigation */
	font-weight: bold;  /* Font weight for all linked items */
	color: #909090;	/* Grey link text */
}


#leftnavbutton li a:hover{
	display: block;  /*  */
	color : #FFFFFF;	/* White text when hovered over */
	background-color: #0060B6;	/* Active: blue background when hovered over - no JS but maybe reqd IE 5.0 !*/			
}

#leftnavbutton li:hover, #leftnavbutton li.clshover {
	display: block;  /*  */
	color : #FFFFFF;	/* White text when hovered over */	
}
	
#ContentShape {
	position: absolute;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px 0px 0px 2px;
	background-image: url(images/q-delta-content-central-shape.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 32px;
	width: 188px;	
}

#Content {
	padding: 0px ;
	position: absolute;
	width: 445px;
	left: 0px;
	top: 35px;
	margin: 5px 0 0 15px; /* Note the left margin controls indentation of all content text */
	background-color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

#ContentShape h1{
	color: #0060B6; /* blue */
	margin-top: -6px;
	margin-left: 10px;	
	top: 0px;
	font-size: 12px;	
	padding: 0px 0px 0px 0px;
}

#Content ul{
	list-style-type: disc;
}

#ContentBox {
	padding: 0px ;
	left: 0px;
	top: 0px;
	margin: 3px 0 3px 0;
	background-color: #FFFFFF;
	border-top: 1px solid #AFB0B4; /* Top border colour (grey) */
	color: #0060B6; /* Dk blue - original grey = 606060 */	
}

#ContentLabel {
	float: left;
	padding: 0px ;
	width: 100px;
	left: 0px;
	top: 0px;
	color: #303030;		
	margin: 2px 0 1px 0;
}

#ContentLabelH1 {
	float: left;
	padding: 0px ;
	width: 100px;
	left: 0px;
	top: 0px;
	margin: 2px 0 1px 0;
	font-weight: bold;
	color: #606060; /* Medium grey */		
}

#ContentDetails {
	float: left;
	padding: 0px ;
	left: 0px;
	color: #303030;			
	margin: 2px 0 1px 15px;
}


#rightgif {
	position: absolute;
	top: 10px;
	right: 10px;
	float: right;
	margin: 0px;
	padding: 0px;
}

#OverlayImage {
	position: absolute;
	top: 102px;
	left: 494px;
	float: right;
	margin: 0px;
	padding: 0;
	z-index: 100;
}

#qdrightimageWF {
	position: absolute;
	top: 90px;
	left: 610px;
	float: right;
	margin: 0px;
	padding: 0;
	z-index: 100;	
}

#qdrightimageINT {
	position: absolute;
	top: 80px;
	left: 622px;
	float: right;
	margin: 0px;
	padding: 0;
	z-index: 100;	
}

#formcontainer form label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px 0 0 0;
	width: 100px;
	float: left;
}

#formcontainer form input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px 0 0px 0;
	width: 200px;
}

#formcontainer div.clearfix {
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px;
	vertical-align: top;
}

#formcontainer div.submit input {
	float: right;
	margin: 10px 135px 5px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	width: 70px;
}

.clearfloats {
	clear: both;
}