/*
SITE DESIGNED BY RICHARD PEARCE
BIRMINGHAM UK

VERSION HISTORY:
LAUNCH: NOVEMBER 2003.
*/

body {
	margin: 0;
	padding: 0;
	background-image: url(images/interface/spacer_dgrey.gif);

}

body, body td, .paragraphtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #666666;
	font-weight: normal;
}

td td {
	font-size: 100%;
}


html, body { 
height: 100%; 
} 

html>body {font-size:medium;} /*fixes differences in font sizes between IE6 & MOZILLA*/

img {border:0}

h1, h2, h3, h4 {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 100%;
	margin: 0;
}

h1.enhance {
	font-size: 160%;
}


h1 {
	font-size: 150%;
	color: #DAC900;
	
}

h1 a,
h1 a:link,
h1 a:active,
h1 a:visited,
h1 a:hover {
	text-decoration: none;
	color: #DAC900;
}

h2 {
	font-size: 140%;
			
}
h3 {
	font-size: 120%;
}
h3 a:link,
h3 a:visited,
h3 a:hover,
h3 a:active {
	color: #666666;
	font-family:arial,helvetica,sans-serif;
	font-size:100%;
	font-weight:bold;
	margin:0;
}

h3.sub_heading {
	font-size: 125%;
	color: #DAC900;
	font-style: italic;
	margin-top: 10px;
}
h3.sub_heading a,
h3.sub_heading a:hover {
	color: #DAC900;
}
hr {
	border: 0;
	width: 100%;
	height: 1px;
	color: #6A706E;
	background-color: #6A706E;
}

.feature {
  font-weight: bold;
	font-size: 120%;
}

.tdy1 {
	border-top-style: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFE400;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #FFE400;
	height: 100%;
}

.pagebg {
  background: #ffffff;
}

.pagehead {
	background-image: url(images/interface/corrugation.jpg);
}

.pagetitle {
  background: #ffffff url(images/interface/sjones_title.gif);
}

#secondaryidentity img {
  padding-left: 30px;
  padding-top: 20px;
}

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
	text-align: center;

}


.footer a:link { color: #333; font-weight: normal;}
.footer a:visited, a:active { color: #333; font-weight: normal;}
.footer a:hover { color: #333; font-weight: normal; text-decoration: none;}

.footer .freeindex {
	text-decoration: none;
	font-weight: normal;
	color: #666666;
}

.paddedcell {
	padding: 1px;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
}

a:link { color: #333; font-weight: bold;}
a:visited, a:active { color: #333; font-weight: bold;}
a:hover { color: #333; font-weight: bold; text-decoration: none;}

a.feature:link, a.feature:visited, a.feature:active { color: #333; }
a.feature:hover { color: #333; }

#maincontent {
	background: #ffffff;
	padding-top: 20px;
}
#topofpage {
  display: none;
}

/*SJC LATE PLACEMENT OF LOGO - FIX*/
#logo-lf {
	background: #FFFFFF url(images/interface/sjc-logo-lf.gif) no-repeat right bottom;
}
#logo-lf_2 {
	background: #FFFFFF url(images/interface/sjc-logo-lf_2.gif) no-repeat right bottom;
}
#logo-rt {
	background-color: #FFFFFF;
	background-image:  url(images/interface/sjc-logo-rt.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 80px;
}
.homeitem {
	font-size: 120%;
	font-weight: bold;
}

#calLogo {
	margin-left: 35px;
	margin-top: 20px;
}

/*Container Dimensions - Added March 04 */
#DELE#containerdimensionstable td {
  padding-top: 3px;
  padding-bottom: 3px;
}
#DELE.parametervalue, .parametervalue2 {
  text-align: center;
}
#DELE.parameter, .parameter2 {
  text-align: left;
	padding-left: 3px;
}
#DELE.parametervalue2, .parameter2 {
  background-color: #f3f3f3;
}


/* data tables - march 05 */
.dataTable {
	border-left: 0px solid #E7E6DF;
	border-bottom: 2px solid #FFE400;
}
.dataTable td {
	border-top: 2px solid #FFE400;
	border-right: 1px solid #E7E6DF;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 3px;
}
.dataTable td.label {
	text-align: left;
}
.dataTable td.blank {
	background-color: #f3f3f3;
}
.dataTable tr.sub td.label {
	background-color: #fafafa;
}
.dataTable tr.sub td {
	border-top: 1px solid #E7E6DF;
}

.nounderline li a:link,
.nounderline li a:visited { 
	text-decoration: none;
	line-height: 18px;
	color: #3A403E;
}

.nounderline li a:hover,
.nounderline li a:active { 
	text-decoration: none;
	line-height: 18px;
	color: #DAC900;
}



h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 96%;
	color: #eeeeee;
	font-weight: normal;
	background-color: #3A403E;
}

.strapline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #eeeeee;
	font-weight: normal;
	background-color: #3A403E;
}

.strapline a:link,
.strapline a:visited {
	font-size: 96%;
	font-family: Arial, Helvetica, sans-serif;
	color: #DAC900;
	font-weight: normal;
	background-color: #3A403E;
}
.strapline a:hover,
.strapline a:active {
	font-size: 96%;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFE400;
	font-weight: normal;
	background-color: #3A403E;
}

.strapline h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #eeeeee;
	font-weight: normal;
	background-color: #3A403E;
	margin: 0;
}

.strapline h1 a,
.strapline h1 a:link,
.strapline h1 a:visited,
.strapline h1 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #eeeeee;
	font-weight: normal;
	background-color: #3A403E;
	margin: 0;
}

.faqmorelink {
	font-size: 107%;
	font-weight: bold;
}


h2.like_h1 {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 150%;
	color: #DAC900;
	margin: 0;
}

h2.like_h1 a,
h2.like_h1 a:link,
h2.like_h1 a:active,
h2.like_h1 a:visited,
h2.like_h1 a:hover {
	text-decoration: none;
	color: #DAC900;
}

h3.like_h2 {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 140%;
	margin: 0;
}

.like_h2 {
	font-size: 140%;
	font-weight: bold;
}

.like_h3 {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 120%;
	margin: 5px 0;
	display:block;
	color:#DAC900;
}

.testimonial_head {
	background-image: url('images/testimonial_head.gif');
	background-repeat: no-repeat;
	padding: 5px 15px 0 15px;
	margin-top: 15px;
}
.testimonial_foot {
	background-image: url('images/testimonial_foot.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 0px 15px 15px 0;
	text-align: right;
	margin-bottom: 15px;
}

.hr_dotted_grey {
	line-height: 1px;
	height: 1px;
	font-size: 1px;
	border-bottom: 1px dotted #ccc;
	padding: 0;
	margin: 10px 0 5px 0;
}
#conversions_gallery img {
  border: 0;
}


a.top {
  font-size: 10px;
  font-weight: normal;
  float: right;
}


.show_one b {
  color: #333;
}
.show_one div {
  border: 1px solid #eee;
  padding: 5px;
  margin-bottom: 5px;
  background-color: #f6f6f6;
  cursor: pointer;
}
.smallprint {
  margin: 0;
  font-size: 9px;
}

.readmore,
.readmore a {
	text-align: right;
	font-weight: normal;
	font-size: 95%;
}

div.ul {margin:15px 0;}
div.ul div.li {background-image:url(images/li.gif);background-repeat:no-repeat;background-position:0 4px;line-height:16px;margin-left:10px;padding:0 0 10px 15px;}
div.ul div.li2 {background-image:url(images/li2.gif);background-repeat:no-repeat;background-position:0 4px;line-height:16px;margin-left:10px;padding-left:15px;}
