#main { overflow: hidden; }

form {
	margin: 0;
	padding: 0;
}

/* Regular page content */

a {

	color: #000084; 
	text-decoration: none;
	padding: 0;
	margin: 0;
}

a:hover
{

	color: #000084; 
	text-decoration: underline;
}
#main {font-size:0.9em;}
#main h1 {color:#000084; font-size:1.8em; padding-top:3px;}
#main h2 {color:#000084; font-size:1.6em;}

#main ul li
{
	background-image: url(img/bullet.gif);
	background-repeat: no-repeat;
	list-style-type:none;
	line-height:14px;
	background-position: 0% 4px;
	padding-left: 15px;
  padding-bottom:10px;
	text-decoration: none;
	margin-left: -20px
}
#main #document_chooser li {background-image:none;}



#summarytable {
	border: 1px solid #000084;
	background-color: #FFE7D0;
	color: #000084
}



#printlogo {
	display: none;
}

/* template */

#wrapper {
	margin: 0 auto;
	width: 761px;
}

/* TOP NAV */
#topnav {
	width: 761px;
	background: url(img/topnavbkgd.jpg) bottom left no-repeat;
	height: 28px;
	margin: 0;
	padding: 0;
	margin-top: 15px;
	margin-bottom: 10px;
}


.navtoplinks
{
  font-size: 0.9em;
	position: relative;
	top: 9px;
	line-height: 13px;
	border-left: 0;
	padding: 0;
	margin: 0;
	text-align:center;
	padding-right: 10px;
  
}
.navtoplinks li:first-child, .navtoplinks li.first-child {border-left:none;}

/*.navtoplinks li
{
	list-style-type:none;
	display: inline;
	border-left: 1px solid #000084;
	padding-left: 4px;
	margin: 0;
}*/

.navtoplinks li
{
	list-style-type:none;
	display: inline;
	border-left: 1px solid #000084;
	padding-left: 4px;
	margin: 0;
  margin-left:2px;
}

.navtoplinks li a
{

	color: #000084; 
	text-decoration: none;
	padding: 0;
	margin: 0;
}

.navtoplinks li a:hover
{
 
	color: #000084; 
	text-decoration: underline;
}

.navtoplinks .firstlistitem {
	border-left: 0;
}


.navtoplinks ul {margin-left:10px;}
/* HEADER STUFF */


#header {
	width: 761px;
	background: url(img/homepage_image.jpg) top right no-repeat;
	height: 130px;
	margin:0;
	padding:0;
	/*cursor: pointer;*/
}

#header h1 {
	position: relative;
	overflow: hidden;
	background: url(img/logobox.gif) no-repeat;
	height: 130px;
	margin:0;
	padding: 0;
	width: 214px;
}

#header a {
	/* Just do the link on the HR Protect logo bit */
	text-decoration: none;
	position: absolute;
	text-indent: -100em;
	top: 0;
	left: 0;
	width: 214px;
	height: 121px;
}

/* SIDEBAR STUFF */

#sidebar {
	width: 216px; 
	float: left; 

	color: #000084; 
}
#sidebar p {
	margin: 0px 15px 0px 25px;
}
/* titles */
#tourtab { 
	margin:0;
	padding:0;
	text-indent: -119.5em; /* IE5.0 seems to move the background when you indent text */
	overflow: hidden;
	background: url(img/tab/tourtitle.gif) top left;
	height: 44px;
}

#usefullinkstab { 
	margin:0;
	padding:0;
	text-indent: -119.5em;
	overflow: hidden;
	background: url(img/usefullinks_title.gif) top left;
	height: 44px;
}

#clientzonetab { 
	margin:0;
	padding:0;
	text-indent: -119.5em;
	overflow: hidden;
	background: url(img/tab/clientzonelinks.gif) top left;
	height: 44px;
}

#contacttab { 
	margin:0;
	padding:0;
	text-indent: -119.5em;
	overflow: hidden;
	background: url(img/getintouch.gif) top left;
	height: 44px;
}

#healthchecktab {
	margin:0;
	padding:0;
	text-indent: -119.5em;
	overflow: hidden;
	background: url(img/healthcheck_title.gif) top left;
	height: 44px;
}

#newstab {
	margin:0;
	padding:0;
	text-indent: -119.5em;
	overflow: hidden;
	background: url(img/latestnews_title.gif) top left;
	height: 44px;
}

#quotetab {
	margin:0;
	padding:0;
	text-indent: -119.5em;
	overflow: hidden;
	background: url(img/quote_title.gif) top left;
	height: 44px;
}


/* buttons */
.takeatour {
	margin: 0;
	padding: 0;
	
	overflow: hidden;
	background: url(img/tab/tour_tab_button.gif);
	height: 29px;
	width:215px;
	position: relative;
}

.readmore {
	margin: 0;
	padding: 0;
	
	overflow: hidden;
	background: url(img/readmore_tab_button.gif);
	height: 29px;
	width:215px;
	position: relative;
}

.boxspacer {
	height: 12px; /* This is the amount of space from the bottom when there is no button */
}
/* links and lists */
.takeatour a {
	position: absolute;
	top:0;
	left: 0;
	width: 215px;
	height: 23px;
	text-indent: -100em;
	text-decoration: none;
}

.readmore a {
	position: absolute;
	top:0;
	left: 0;
	width: 215px;
	height: 23px;
	text-indent: -100em;
	text-decoration: none;
}


.sidebox {
	margin-top: 1px;
	width:214px;
  float:left;
  font-size:0.9em;
	border-bottom: 1px solid #000084;
	margin-bottom: -1px;
  color: #000084; 
}
.sideboxlast {
	margin-top: 1px;
	width: 214px;
  float:left;
	margin-bottom: -1px;
  font-size:0.9em;
  clear: both;
  color: #000084; 
}

.sidebox ul li {margin-left:4px;}
.sidebox li
{
	background-image: url('img/bullet.gif');
	background-repeat: no-repeat;
	list-style-type:none;
	padding-top:-1px;
	line-height:13px;
	margin-bottom:6px;
  
	background-position: 0 2px;
	padding-left: 15px;
	display:block;
}

.sidebox ul li ul {margin-left:0px; margin-top:3px;}
.sidebox ul li ul li {margin-top:0px; margin-bottom:0px;}


#leftcolumn {width:214px; float:left;}
/* MAIN */

#main {
	width: 531px;
	float: right;

	margin-bottom: 17px;
	margin-left: 14px;
	margin-top: 3px;
}

#main p {
	margin: 0 0 10px 0;
	padding: 0;
}

#main blockquote {color:#000084;}

h2 {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	margin-top: 7px;
	color: #000084;
}
h5 {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	margin-top: -4px;
	color: #000084;
}

h4 {
	
	margin-bottom: 5px;
  padding-bottom:5px;
	border-bottom: 1px solid rgb(255,121,0);
}



.checkboxlabel {
	height: 17px;
	clear: right;
	margin: 2px;
	padding-top: 2px;
}

#loginform label {
	margin-right: 5px;
}

.publictable {
	width: 500px;
	background-color: #FFE7D1;
	border: 1px solid #000084;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
}
.publictable .line {
	width: 480px;
	border-bottom: 1px solid #000084;
	margin-bottom: 10px;
}	


#newsUpdates td {
	padding-bottom: 5px;
	padding-top: 4px;
	border-top: 1px solid #4040A3;
}

#newsUpdates th {
	text-align: left;
	padding-bottom: 5px;
}

/* FOOTER */

#footer {
	width: 761px;
	clear: both;
	margin: 0;
	padding: 0;
	height: 63px;
}

#footerleft {
	display:none;
	width: 216px;
	float: left;
	margin: 0;
	padding: 0;
	background: url(img/footer_left.jpg) top left no-repeat;
	height: 46px;
}

#footerleft {
	
	color: #000084;
	margin: 0;
	padding: 0;
}

#footerleft p {
	padding: 0;
	margin: 8px;
	line-height: 2.2ex;
	font-size: 0.76em;
}


#footerright {
	width: 545px;
	float: right;
	margin: 0;
	padding: 0;
	background: url(img/footer_right.jpg) top left no-repeat;
	height: 46px;
}

#footerright p {
	font-size: 0.9em;
	color: #000084; 
	text-align: right;
	padding: 0;
	margin: 10px 10px 0px 0px;
}

#footerright p a {
	color: #000084;
	text-decoration: none;
}

#footerright p a:hover {
	color: #000084;
	text-decoration: underline;
}

#footerlinks
{
	font-size: 0.9em;
	position: relative;
	top: 7px;
	line-height: 10px;
	border-left: 0;
	padding: 0;
	margin: 0;
	text-align: right;
	padding-right: 10px;
	
	margin-top: 3px;
}

#footerlinks li
{margin: 0;
	list-style-type:none;
	display: inline;
	border-left: 1px solid #000084;
	padding-left: 4px;
}

#footerlinks li a
{

	color: #000084; 
	text-decoration: none;
	padding: 0;
	margin: 0;
}

#footerlinks li a:hover
{

	color: #000084; 
	text-decoration: underline;
}

#footerlinks .firstlistitem {
	border-left: 0;
}

#footerfooter {float:right; clear:both; margin-top:15px; font-size:80%; padding-right:10px; text-align:right; padding-left:20px; color:#999999;}
/* sIFR */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... 
the negative-letter spacing in this case is used to make the browser text metrics match up 
with the sIFR text metrics since the sIFR text in this example is so much narrower... 
your own settings may vary... any weird sizing issues you may run into are usually fixed 
by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
}
.sIFR-hasFlash h5 {
	visibility: hidden;
}

.newsimage { float: left; }

#content ul.steps li {width:64px; border:1px solid #000084; color:#FFF; background-image:none; background: #FFD6B1; padding-top:1px;}
#content ul.steps li.previous { color: #f00; width:100px; }
#content ul.steps li.current { color: #FFF; font-size:1em; background:#FF7900;}
#content ul.steps {width:470px; margin-left:0px;}

div.tooltip { background: url(img/questionmark.gif);}
#tooltip {border:1px solid #000084; background:#EEE;}

#downloads { margin-top:6px;  float:left;}
#downloadsinner {border:1px solid #FFF; padding:8px; background-image:url(img/dowloadsbackground.jpg); background-repeat:no-repeat; background-color:#689DBD; float:left; width:480px;}
#downloadsinner img {float:left; border:4px solid #FFF; margin-right:10px; margin-bottom:0px;}
#downloadsinner h2 {color:#CCCCCC; font-weight:normal;font-size:1.6em;}
#downloadsinner p {color:#FFF; font-size:1em;margin-bottom:8px;}
#downloadsinner a {color:#FFF; text-decoration:none;}
#downloadsinner a:hover {text-decoration:underline;}

/* healthcheck */
form .healthcheck h3 {color:#000084;}

/* SERVICE FEE TABLE */

  table.service_fee caption
  {
    background-color: #000287;
  }

  table.service_fee th, table.service_fee td
  {
    border-bottom: 1px solid #000287;
  }
  
  table.service_fee
  {
    border-right: 1px solid #000287;
    border-left: 1px solid #000287;
  }

/* FAQ PAGE */

div.question { background-image: url(img/q.gif); }
div.answer { background-image: url(img/a.gif); }

#main ul li {background-image:none;}
#main ul li {padding-bottom:0px;}
#main ul li {margin-left:0px;}


.legaldetail h4 { 
	color: #FF7900;
	border-bottom: none !important;
	margin-bottom: 0px;
}

#dateboxcontents h4 {
	border-bottom: 0px solid #000
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#datebox {
	background-color:#FFE9D5;
	border-bottom:2px solid #FF7900;
	border-top:2px solid #FF7900;
}

#datebox #dateboxcontents h4 {
	border-bottom: 0px;
}