/* Copyright Seven Communications Ltd 2004+ */

html,body { 
height: 100%; 
}
body {
font-family: verdana, arial, sans-serif;
font-size: 66.667%;
line-height: 12pt;
background-color: #354455;
color: black;
padding: 0;
margin: 0;
height: 100%;
background-image: url(_images/img_main_bg.gif);
background-repeat: repeat-y;
background-position: top left;
min-width: 950px;
}
h1 {
font-size: 2em;
}
#cases {
list-style: none; 
line-height: 1.4em;
font-size: 2em; 
font-weight: bold; 
margin: 8px 0 0 0; 
padding: 0;
}
#cases a {
color: #008796;
}
#cases a:hover {
color: #0289D3;
}
div.top {
background: url(_images/img_topbar_bg.gif) repeat-x scroll right top;
width: 100%;
height: 130px;
border-bottom: 2px solid white;
}
div.top img.logo {
margin: 23px 0 0 20px;
}
#topright {
background: #008796 url(_images/img_top_gph.jpg) no-repeat top right;
position: absolute;
width: 424px;
height: 123px;
top: 7px;
right: 0;
}
div.menu {
background-color: white;
height: 38px;
padding-left: 240px;
background-image: url(_images/img_menu_bg.gif); 
background-repeat: repeat-x;
background-position: top left;
/*border-bottom: 1px solid silver;*/
}
div.menu ul {
display: inline;
list-style: none;
}
div.menu li {
float: left;
padding-right: 8px;
}
div.menu li a {
text-decoration: none;
color: white;
font-weight: bold;
white-space: pre;
}
div.menu li a:hover {
color: #00476d;
}
#btnmain01 {
width: 219px;
height: 24px;
text-indent: 3000px;
overflow: hidden;
background: url(_images/btnmain01_rainfordproducts.gif) no-repeat; background-position: left top;
display: block;
white-space: pre;
}
#btnmain02 {
width: 219px;
height: 24px;
text-indent: 3000px;
overflow: hidden;
background: url(_images/btnmain02_deckelproducts.gif) no-repeat; background-position: left top;
display: block;
white-space: pre;
}
#btnmain03 {
width: 219px;
height: 24px;
text-indent: 3000px;
overflow: hidden;
background: url(_images/btnmain03_kernproducts.gif) no-repeat; background-position: left top;
display: block;
white-space: pre;
}
#home {
width: 65px;
height: 38px;
text-indent: 10000px;
overflow: hidden;
background: url(_images/btn01_home.gif) top left no-repeat;
display: block;
}
#home:hover {
background-position: bottom left;
}
#hto {
width: 145px;
height: 38px;
text-indent: 10000px;
overflow: hidden;
background: url(_images/btn02_howtoorder.gif) top left no-repeat;
display: block;
}
#hto:hover {
background-position: bottom left;
}
#news {
width: 50px;
height: 38px;
text-indent: 10000px;
overflow: hidden;
background: url(_images/btn03_info.gif) top left no-repeat;
display: block;
}
#news:hover {
background-position: bottom left;
}
#enq {
width: 102px;
height: 38px;
text-indent: 10000px;
overflow: hidden;
background: url(_images/btn04_enquiries.gif) top left no-repeat;
display: block;
}
#enq:hover {
background-position: bottom left;
}
#case {
width: 124px;
height: 38px;
text-indent: 10000px;
overflow: hidden;
background: url(_images/btn05_case.gif) top left no-repeat;
display: block;
}
#case:hover {
background-position: bottom left;
}
#tech {
width: 148px;
height: 38px;
text-indent: 10000px;
overflow: hidden;
background: url(_images/btn06_techinfo.gif) top left no-repeat;
display: block;
}
#tech:hover {
background-position: bottom left;
}
div.main {
padding-left: 199px;
margin: 0;
}
div.text {
padding: 20px 30px 30px 260px;
margin: 0;
color: #354455;
}
div.text a {
text-decoration: none;
color: #008796;
font-weight: bold;
}
div.text a:hover {
color: #0289D3;
}
div.tables {
padding: 20px 30px 30px 260px;
margin: 0;
color: #354455;
}
img.utlogo {
padding-top: 20px;
}
img.htoimg {
float: left;
padding: 0 20px 30px 0;
}
img.leftimg {
float: left;
padding: 0 20px 0 0;
}
p.desccorner {
width: 500px;
padding: 0 0 50px 0;
}
ul.drills {
margin-top: -20px;
margin-bottom: -20px;
padding-left: 130px;
}
ul.drills li {
padding: 0;
margin: 0;
}
div.products {
margin: 0;
padding: 0;
color: white;
width: 219px;
float: left;
text-align: right;
}
div.products ul {
margin: 0;
padding: 0;
list-style: none;
}
div.products img {
padding-right: 19px;
}
div.products ul li {
text-align: right;
padding-bottom: 4px;
}
div.products a {
font-size: 8pt;
color: white;
text-decoration: none;
text-align: right;
white-space: pre;
}
div.products a:hover {
color: #0082d5
}
p.address {
padding: 13px 19px 20px 0;
}
#rp01 {
width: 219px;
height: 20px;
text-indent: 3000px;
overflow: hidden;
background: url(_images/btn05_ballnose.gif) no-repeat; background-position: left top;
display: block;
}
#rp01:hover {
background-position: bottom left;
}
#rp02 {
width: 219px;
height: 20px;
text-indent: 10000px;
overflow: hidden;
background: url(_images/btn06_cornerradius.gif) top left no-repeat;
display: block;
}
#rp02:hover {
background-position: bottom left;
}
#rp03 {
width: 219px;
height: 20px;
text-indent: 10000px;
overflow: hidden;
background: url(_images/btn07_squareend.gif) top left no-repeat;
display: block;
}
#rp03:hover {
background-position: bottom left;
}
#rp04 {
width: 219px;
height: 20px;
text-indent: 10000px;
overflow: hidden;
background: url(_images/btn08_drills.gif) top left no-repeat;
display: block;
}
#rp04:hover {
background-position: bottom left;
}
#dk01 {
width: 219px;
height: 20px;
text-indent: 10000px;
overflow: hidden;
background: url(_images/dk01.gif) top left no-repeat;
display: block;
}
#dk01:hover {
background-position: bottom left;
}
#dk02 {
width: 219px;
height: 20px;
text-indent: 10000px;
overflow: hidden;
background: url(_images/dk02.gif) top left no-repeat;
display: block;
}
#dk02:hover {
background-position: bottom left;
}
#kn01 {
width: 219px;
height: 20px;
text-indent: 10000px;
overflow: hidden;
background: url(_images/kn01.gif) top left no-repeat;
display: block;
}
#kn01:hover {
background-position: bottom left;
}
#kn02 {
width: 219px;
height: 20px;
text-indent: 10000px;
overflow: hidden;
background: url(_images/kn02.gif) top left no-repeat;
display: block;
}
#kn02:hover {
background-position: bottom left;
}
#kn03 {
width: 219px;
height: 20px;
text-indent: 10000px;
overflow: hidden;
background: url(_images/kn03.gif) top left no-repeat;
display: block;
}
#kn03:hover {
background-position: bottom left;
}
#kn04 {
width: 219px;
height: 20px;
text-indent: 10000px;
overflow: hidden;
background: url(_images/kn04.gif) top left no-repeat;
display: block;
}
#kn04:hover {
background-position: bottom left;
}
table {
border-collapse: collapse;
}
tr.titles {
font-size: 7pt;
}
table.ballnose td.right {
text-align: right;
overflow: hidden;
}
table.ballnose td {
vertical-align: middle;
text-align: center;
padding: 3px;
border: 1px solid #00B259;
}
table.ballnose {
margin: 20px 0 30px 0;
}
table.ballnose td.ballnosebox {
background-color: #00B259;
color: white;
border-bottom: 1px solid white;
}
table.ballnose td.ballnoseboxend {
background-color: #00B259;
color: white;
}
table.corner td.right {
text-align: right;
}
table.corner td {
vertical-align: middle;
text-align: center;
padding: 3px;
border: 1px solid #0092D0;
}
table.corner {
margin: 20px 0 30px 0;
border: 1px solid #0092D0;
}
table.corner td.cornerbox {
background-color: #0092D0;
color: white;
border-bottom: 1px solid white;
}
table.corner td.cornerboxend {
background-color: #0092D0;
color: white;
}
table.square td.right {
text-align: right;
}
table.square td {
vertical-align: middle;
text-align: center;
padding: 3px;
border: 1px solid #2F3192;
}
table.square {
margin: 20px 0 30px 0;
border: 1px solid #2F3192;
}
table.square td.squarebox {
background-color: #2F3192;
color: white;
border-bottom: 1px solid white;
}
table.square td.squareboxend {
background-color: #2F3192;
color: white;
}
table.drills td.right {
text-align: right;
}
table.drills td {
vertical-align: middle;
text-align: center;
padding: 3px;
border: 1px solid #EEB126;
}
table.drills {
margin: 20px 0 30px 0;
border: 1px solid #EEB126;
}
table.drills td.drillsbox {
background-color: #EEB126;
color: white;
border-bottom: 1px solid white;
}
table.drills td.drillsboxend {
background-color: #EEB126;
color: white;
}
span.smaller {
font-size: 7pt;
}
table.enquiries {
margin-top: 20px;
}
table.enquiries td {
vertical-align: top;
padding: 2px;
}
table.enquiries td.spacer {
padding-top: 20px;
}
input {
font-family: verdana, arial, sans-serif;
font-size: 100%;
color: #4c4c4c;
}
textarea {
font-family: verdana, arial, sans-serif;
font-size: 100%;
color: #838383;
}
td.reset {
padding-top: 10px;
text-align: center;
}
table.techinfo td {
vertical-align: middle;
text-align: left;
padding: 5px;
border: 1px solid #008796;
}
table.techinfo {
border: 1px solid #008796;
width: 200px;
}
th {
padding: 5px;
text-align: left;
}
table.news {
margin-top: 20px;
border-bottom: 1px dashed #008796;
margin-bottom: 20px;
}
table.news td {
padding-bottom: 20px;
vertical-align: top;
}
td.balltint {
background-color: #E5F7EE;
}
td.cornertint {
background-color: #E5F4FA;
}
td.squaretint {
background-color: #EAEAF4;
}
td.drilltint {
background-color: #FDF7E9;
}
th {
background-color: #E5F3F4;
}
table.casestudies td {
vertical-align: top;
text-align: left;
padding: 3px;
border: 1px solid #EEB126;
}
table.casestudies {
border: 1px solid #EEB126;
}
table.casestudytable td {
vertical-align: middle;
text-align: center;
padding: 3px;
border: 1px solid #EEB126;
}
table.casestudytable {
margin-top: 20px;
border: 1px solid #EEB126;
}
td.tint {
background-color: #FDF7E9;
}