body { margin-top: 10px; padding: 0; font-family: Tahoma; font-size: 11px; color: #000000; text-align:center;  background: #373738; background-image:  url('../images/common/darkgreybg.png'); background-repeat: repeat-x;}

#frametable { width: 880px;	} 
#whitebg { float: left;  width: 880px;	background-image:  url('../images/common/contentwhitebg.png'); background-repeat: repeat-y; } 

#logobar { height: 62px; width: 880px; background-image:  url('../images/common/topslashwhitebg.png');	background-repeat: no-repeat; }
#logobar .logo { float: left; padding-top:14px; padding-left:13px; }
#logobar .quicksearch { float: right; height: 16px; color: #f9ed31; font-size: 12px; font-weight: bolder; padding-top:22px; padding-right:60px;}
#logobar input.quicksearchfield {border: 1px solid #414142; font-family: Tahoma;}

#top { margin-top:5px; margin-left:9px; float: left;  height: 26px; width:872px; font-size: 12px; font-weight: bolder; }
#top a.homebutton {  float: left; padding-top: 5px; color: #000000;  text-decoration: none; background-image:  url('../images/buttons/mainnav_yellow.png'); background-repeat: no-repeat; width:143px; height:26px; }
#top a.homebutton:hover {  float: left; padding-top: 5px; color: #FFFFFF; text-decoration: none; background-image:  url('../images/buttons/mainnav_grey.png'); background-repeat: no-repeat;  width:143px; height:26px;}

.footer { margin-top:5px; margin-right:9px; margin-bottom: 10px; float: right; width:880px; font-size: 10px; color: #FFFFFF; text-align:right;}
a.footerlink {  color: #FFFFFF;  text-decoration: none; }
a.footerlink:hover {  color: #FFFFFF; text-decoration: none;}


#middle {  float: left; width:871px; margin-left:9px; }
#middle #leftnav { float: left;  margin-top: 7px; padding-top: 10px;  width:208px; background-image:  url('../images/buttons/leftnav_greybar.png'); background-repeat: repeat-y; }
#middle #leftnav a.categorybutton { float: left; width:208px; height:33px; color: #FFFFFF; text-decoration: none; background-image:  url('../images/buttons/leftnav_grey2.gif'); background-repeat: no-repeat; font-size: 13px; text-align: left; padding-top: 3px;}
#middle #leftnav a.categorybutton:hover { float: left;  width:208px; height:33px;  color: #000000; text-decoration: none; background-image:  url('../images/buttons/leftnav_yellow.png'); background-repeat: no-repeat; font-size: 13px; text-align: left; }
#middle #leftnav span{ padding-left: 56px; text-align: left; }

#middle #leftnav #yellowboxbutton { float: left; width:205px; height:123px; background-image:  url('../images/buttons/yellowbox.png'); background-repeat: no-repeat; text-align: left; padding-top: 3px;}
#middle #leftnav #yellowboxbutton a { float: left; text-decoration: none; padding-top: 14px;}
#middle #leftnav #yellowboxbutton span.bigtext{ padding-left: 30px; font-family: Trebuchet MS; text-align: left; font-size: 19px;  color: #FFFFFF;}
#middle #leftnav #yellowboxbutton span.smalltext{ padding-left: 30px;  text-align: left; font-size: 14px;  color: #f9ed31;}

#middle #leftnav #blueboxbutton { float: left; width:205px; height:123px; background-image:  url('../images/buttons/bluebox.png'); background-repeat: no-repeat; text-align: left; padding-top: 3px;}
#middle #leftnav #blueboxbutton a { float: left; text-decoration: none; padding-top: 14px;}
#middle #leftnav #blueboxbutton span.bigtext{ padding-left: 30px; font-family: Trebuchet MS; text-align: left; font-size: 19px;  color: #FFFFFF;}
#middle #leftnav #blueboxbutton span.smalltext{ padding-left: 30px;  text-align: left; font-size: 14px;  color: #2caae2;}

#middle #leftnav #greenboxbutton { float: left; width:205px; height:123px; background-image:  url('../images/buttons/greenbox.png'); background-repeat: no-repeat; text-align: left; padding-top: 3px;}
#middle #leftnav #greenboxbutton a { float: left; text-decoration: none; padding-top: 14px;}
#middle #leftnav #greenboxbutton span.bigtext{ padding-left: 30px; font-family: Trebuchet MS; text-align: left; font-size: 19px;  color: #FFFFFF;}
#middle #leftnav #greenboxbutton span.smalltext{ padding-left: 30px;  text-align: left; font-size: 14px;  color: #8cc63f;}

#middle #leftnav #yellowboxbutton2 { float: left; width:205px; height:123px; background-image:  url('../images/buttons/yellowbox.png'); background-repeat: no-repeat; text-align: left; padding-top: 3px;}
#middle #leftnav #yellowboxbutton2 a { float: left; text-decoration: none; padding-top: 14px;}
#middle #leftnav #yellowboxbutton2 span.bigtext{ padding-left: 30px; font-family: Trebuchet MS; text-align: left; font-size: 19px;  color: #FFFFFF;}
#middle #leftnav #yellowboxbutton2 span.smalltext{ padding-left: 30px;  text-align: left; font-size: 14px;  color: #f9ed31;}



#middle #leftnav #whiteboxbutton { float: left; width:205px; height:123px; background-image:  url('../images/buttons/whitebox.png'); background-repeat: no-repeat; text-align: left; padding-top: 3px;}
#middle #leftnav #whiteboxbutton a { float: left; text-decoration: none; padding-top: 14px;}
#middle #leftnav #whiteboxbutton span.bigtext{ padding-left: 30px; font-family: Trebuchet MS; text-align: left; font-size: 19px;  color: #FFFFFF; line-height: 29px;}
#middle #leftnav #whiteboxbutton span.smalltext{ padding-left: 30px;  text-align: left; font-size: 14px;  color: #d1d3d4;}


#middle #content { float: right; width:644px; margin-top: 7px; padding-top: 10px; margin-right: 5px; margin-left: 5px;}

#homematrix div { float: left; width: 200px;}
#homematrix .col2 { margin-left: 10px; margin-right: 10px;}

.yellowbar { float: left; width:168px; height:29px; background-image:  url('../images/yellowbar.png'); background-repeat: repeat-x; text-align: left; }
a.yellowbar { float: left; text-decoration: none; padding-top: 5px; padding-left: 15px; font-size: 13px; font-weight:bold; color: #000000;}
.bluebar { float: left; width:168px; height:29px; background-image:  url('../images/bluebar.png'); background-repeat: repeat-x; text-align: left; }
a.bluebar { float: left; text-decoration: none; padding-top: 5px; padding-left: 15px; font-size: 13px; font-weight:bold; color: #000000;}
.greenbar { float: left; width:168px; height:29px; background-image:  url('../images/greenbar.png'); background-repeat: repeat-x; text-align: left; }
a.greenbar { float: left; text-decoration: none; padding-top: 5px; padding-left: 15px; font-size: 13px; font-weight:bold; color: #000000;}

.matrixpic {background-color:#4c4b4b; width:162px; height:162px;}
.matrixpic2 { width:162px; height:162px; }
.matrixtext {background-color:#4c4b4b; color: #FFFFFF; text-align:left;}
p.matrixtext2 {margin-left:20px; margin-top:3px;margin-bottom:3px;}
a.matrixlink {text-decoration: none;  color: #2caae2;}
a.matrixlink:hover { text-decoration: none;  color: #2caae2;}

.space168 { width:168px; height:5px; }
.space644 { width:644px; height:5px; border-bottom: 1px solid #414142;}

.pageheadingbar { float: left; width:620px; height:29px; background-image:  url('../images/greenbar.png'); background-repeat: repeat-x; text-align: left; }
p.pageheadingbar {padding-left: 15px; margin-top:0; padding-top:5px; font-size: 13px; font-weight:bold;}

#breadcrumb { float: left; font-size: 11px; padding-bottom: 7px; width:620px; text-align:left; }
a {text-decoration: underline;  color: #000000;}
a:hover { text-decoration: underline;  color: #000000;}

.textcontent { float: left; text-align: left;  padding-top: 10px;}
.star { color: #0000cc;}

#form { float: left; width:620px; }
#form .namefield { float: left; width:130px; vertical-align: middle; padding-top: 3px; padding-left: 45px;  font-size: 12px;}
#form .addressfield { float: left; width:130px; vertical-align: middle; padding-left: 45px; font-weight: bold;}
#form .formfield { float: left; width:250px; padding-left:10px; padding-right: 10px;}

#form .formerror { float: left; width:170px; color:#FF0000; #vertical-align: middle; padding-top: 3px;}
#form .formrow { float:left; width:620px; margin-bottom: 5px; }
input {border: 1px solid #414142; font-family: Tahoma; height: 20px;}
textarea {border: 1px solid #414142; font-family: Tahoma; width:207px;}
textarea.machinedetails {border: 1px solid #414142; font-family: Tahoma; width:147px;}


a {text-decoration: underline;  color: #0000ee;}
a:hover { text-decoration: underline;  color: #0000ee;}

#machinelist { float: left; width:620px; }
#machinelist .machinepic {float:left; width:150px; margin-left:10px;}
#machinelist .machinedetails {float:right; width:435px; margin-left:10px; }
#machinelist a { text-decoration: none; color: #2caae2;}
#machinelist a:hover { text-decoration: none; color: #2caae2;}
p.listtext {margin-left:5px; padding-top:5px;}
.space445 { width:435px; height:5px; padding:0; margin:0;}
.space620 { width:620px; height:5px; padding:0; margin:0;}

.machineinfopic {width:620px; text-align: center;}
.machineinfodetails {float:left;  width:620px;  }
p.machineinfodetailstext {float:left;  text-align: center; padding-top:5px; background-color:#4c4b4b; }

#machineform { width:620px;float:left;}
#machineform .namefield1 { float: left; width:100px; vertical-align: middle; padding-top: 3px;  text-align: left; font-size: 12px;}
#machineform .formfield1 { float: left; width:170px; padding-left:10px; padding-right: 10px;}
#machineform .namefield2 { float: left; width:100px; vertical-align: middle; padding-top: 3px;  text-align: left; font-size: 12px;}
#machineform .formfield2 { float: left; width:170px; padding-left:10px; padding-right: 10px;}
#machineform .formerror { color:#FF0000; padding-top: 3px;}
#machineform .formrow { float:left; width:620px; margin-bottom: 5px; }
#machineform textarea {border: 1px solid #414142; font-family: Tahoma; width:417px;}

.successtext {color: #009933;}
.errortext {color: #FF0000;}