body { margin-top: 5px; padding: 0; font-family: Tahoma; font-size: 11px; color: #000000; text-align:center;  background: #818285; background-image:  url('../images/common/bg.png'); background-repeat: repeat-x;}
body.popupbody {background: #FFFFFF;}
#frametable { width: 980px; } 

.navigation { float:left; width: 968px; text-align:right; font-size:10px; margin-right:20px;}
a.navigationlink {color: #000000; text-decoration:none; padding-left: 5px; padding-right: 5px;}
a.navigationlink:hover {color: #000000; text-decoration:underline; padding-left: 5px; padding-right: 5px;}

.footer { float:left; margin-top:7px; margin-bottom:3px; width: 968px;  margin-right:20px;}
.footerL { float:left; text-align:right; width: 608px; font-size:10px; line-height:17px;}
.footerR { float:right; width: 325px; margin-top:5px;}

a.footerlink {color: #000000; text-decoration:none;}
a.footerlink:hover {color: #000000; text-decoration:underline;}


.top { float:left; width: 978px; margin-top:15px;}
.logo { float:left; text-align:left; width: 260px; margin-left:0px; }

#searchbar { float:right; width: 561px; height: 67px;  background: url('../images/common/searchbarbg.png'); background-repeat: no-repeat;  font-family: Arial;}
#searchbar .search {float:left; text-align:left; margin-top:23px; font-size: 13px; margin-left:15px; font-weight: bold;}
#searchbar input.searchform {width:230px; border:1px solid #1A1A1A; }
#searchbar select.searchform {width:140px; border:1px solid #1A1A1A; font-family: Arial;font-size: 11px; }

.contentarea {float: left; width:978px; margin-top:-1px; }
.contentareatop  { float:left; width: 977px; height: 19px; background: url('../images/common/contentareatopbg.png'); background-repeat: no-repeat;}
.contentareabottom  { float:left; width: 977px; height: 19px; background: url('../images/common/contentareabottombg.png'); background-repeat: no-repeat;}
.contentareamiddle  { float:left; width: 977px; background: url('../images/common/contentareamidbg.png'); background-repeat: repeat-y; text-align:left;}

.contentareatextarea { float:left; width: 957px; margin-left:10px; margin-right:10px;  }
.leftcontent { float:left; width: 745px; margin-left:5px; }
.rightpromo { float:right; width: 195px; margin-left:5px; text-align:center;}

a {color: #0f75bc; text-decoration:none;} 
a:hover {color: #0f75bc; text-decoration:underline;} 
/****************************/
/******* MENU START *********/
/****************************/
.menu {float: left; width:978px; height: 28px; margin-top:15px; margin-left:20px;} 
.sheetmetal { float:left; width: 117px; height: 28px; background: url('../images/common/sheetmetal.png'); background-repeat: no-repeat;}
.sheetmetalon { float:left; width: 117px; height: 28px; background: url('../images/common/sheetmetalover.png'); background-repeat: no-repeat;}
a.sheetmetal { float:left; width: 117px; height: 28px; padding-top: 7px;font-size:12px; color: #FFFFFF; font-weight:bold; text-decoration:none;}
a.sheetmetal:hover { float:left; width: 117px; height: 28px; background: url('../images/common/sheetmetalover.png'); background-repeat: no-repeat; font-size:12px; color: #FFFFFF; font-weight:bold; text-decoration:none;}

.engineering { float:left; width: 116px; height: 28px; background: url('../images/common/engineering.png'); background-repeat: no-repeat;}
.engineeringon { float:left; width: 116px; height: 28px; background: url('../images/common/engineeringover.png'); background-repeat: no-repeat;}
a.engineering { float:left; width: 116px; height: 28px; padding-top: 7px;font-size:12px; color: #FFFFFF; font-weight:bold; text-decoration:none;}
a.engineering:hover { float:left; width: 116px; height: 28px; background: url('../images/common/engineeringover.png'); background-repeat: no-repeat; font-size:12px; color: #FFFFFF; font-weight:bold; text-decoration:none;}

.plastics { float:left; width: 115px; height: 28px; background: url('../images/common/plastics.png'); background-repeat: no-repeat;}
.plasticson { float:left; width: 115px; height: 28px; background: url('../images/common/plasticsover.png'); background-repeat: no-repeat;}
a.plastics { float:left; width: 115px; height: 28px;  padding-top: 7px; font-size:12px; color: #FFFFFF; font-weight:bold; text-decoration:none;}
a.plastics:hover { float:left; width: 115px; height: 28px; background: url('../images/common/plasticsover.png'); background-repeat: no-repeat;  font-size:12px; color: #FFFFFF; font-weight:bold; text-decoration:none;}

.forklifts { float:left; width: 115px; height: 28px; background: url('../images/common/forklifts.png'); background-repeat: no-repeat;}
.forkliftson { float:left; width: 115px; height: 28px; background: url('../images/common/forkliftsover.png'); background-repeat: no-repeat;}
a.forklifts { float:left; width: 115px; height: 28px; padding-top: 7px; font-size:12px; color: #FFFFFF; font-weight:bold; text-decoration:none;}
a.forklifts:hover { float:left; width: 115px; height: 28px; background: url('../images/common/forkliftsover.png'); background-repeat: no-repeat;  font-size:12px; color: #FFFFFF; font-weight:bold; text-decoration:none;}

.general { float:left; width: 117px; height: 28px; background: url('../images/common/general.png'); background-repeat: no-repeat;}
.generalon { float:left; width: 117px; height: 28px; background: url('../images/common/generalover.png'); background-repeat: no-repeat;}
a.general { float:left; width: 117px; height: 28px; padding-top: 7px; font-size:12px; color: #FFFFFF; font-weight:bold; text-decoration:none;}
a.general:hover { float:left; width: 117px; height: 28px; background: url('../images/common/generalover.png'); background-repeat: no-repeat;  font-size:12px; color: #FFFFFF; font-weight:bold; text-decoration:none;}

.blog { float:right; margin-right:40px; width: 147px; height: 28px; background: url('../images/blog-button.jpg'); background-repeat: no-repeat;}
.blogon { float:right;margin-right:40px; width: 147px; height: 28px; background: url('../images/blog-button.jpg'); background-repeat: no-repeat;}
a.blog { float:left; width: 147px; height: 28px; padding-top: 8px; font-size:12px; color: #000; font-weight:bold; text-decoration:none;}
a.blog:hover { float:left; width: 147px; height: 28px; background: url('../images/blog-button.jpg'); background-repeat: no-repeat;  font-size:12px; color: #000; font-weight:bold; text-decoration:none;}

/**************************/
/******* MENU END *********/
/**************************/


.categoriesH { float:left; width: 745px; }
.spotlightH { float:left; width: 745px; text-align:center;}
.col0H { float:left; width: 180px;}
.col1H { float:left; width: 170px; margin-left:10px; }
.col2H { float:left; width: 170px; margin-left:10px; }
.col3H { float:left; width: 180px; margin-left:10px; }
.col4H { float:left; width: 250px;}
.col5H { float:left; width: 210px; margin-left:10px; }

h1.catheadingH { font-size:12px; font-weight:bold; }
h1.catheadingH2 { font-size:12px; font-weight:bold; margin-top:2px; margin-bottom:13px;}
h1.catheadingH3 { font-size:12px; font-weight:bold; margin-top:2px; margin-bottom:26px;}

a.catheadingHlink { color: #000000; text-decoration:none;}
a.catheadingHlink:hover { color: #000000; text-decoration:none;}
a.viewallsmllink { font-size:10px; }
a.viewallsmllink:hover { font-size:10px;}

.leftseparator740 { float: left; width: 745px; height:20px;}
.leftseparator74020 { float: left; width: 745px; height:10px;}

.brownheading { color: #7F1416; font-size:14px; font-weight:bold; }
h1.brownheading { color: #7F1416; font-size:14px; font-weight:bold; }
h2.brownheading { color: #7F1416; font-size:14px; font-weight:bold; }
h1.blackheading { color: #000000; font-size:16px; font-weight:bold; margin-top:10px;}
h3.blackheading { color: #000000; font-size:11px; font-weight:bold; margin-top:10px; margin-bottom:0px; padding-bottom:0px;}

h1.spotlightheadingH { font-size:12px; font-weight:bold; margin-bottom:3px;}
.spotlightpicH {float:left; width: 172px; height: 138px; background: url('../images/common/spotlightbgH.jpg'); background-repeat: no-repeat;}

h1.newsheadingH { font-size:12px; font-weight:bold; margin-bottom:1px;}
 

.breadcrumb {font-size:10px; color: #000000;}
.arialtext {font-family: Arial;}


ul.leftside { padding-left:9px; margin-left:9px; list-style-type: none;}
ul.leftside li {margin-top: 4px; margin-bottom: 6px;}

ul.catleftside { padding-left:9px; margin-left:9px; list-style-type: none; margin-top:2px; padding-top:2px;}
ul.catleftside li {margin-top: 2px; margin-bottom: 4px;}


.smalltext {font-size: 10px;}
.smalltextGrey {font-size: 10px; color: #999999;}


.contactustwocol { float: left; width: 745px;}
.showdetails { float: left; width: 220px;}
#map { float: right; width: 500px; height: 333px;  border: 1px solid #CCCCCC;}

.enquiriestwocol { float: left; width: 745px;}
.leftdetailscol { float: left; width: 270px;margin-left: 15px;}
.rightdetailscol { float: right; text-align:left; width: 410px; border-left: 1px dotted #7F1416; padding-left: 30px;  margin-left: 5px;}

.formdiv { float: left; width: 300px; }
.formrow { float: left; width: 250px; margin-left: 15px; margin-top:3px;margin-bottom:3px;}
.formrowB { float: left; width: 370px; margin-left: 15px; margin-top:3px;margin-bottom:3px;}
.formcolL { float: left; width: 60px; color: #666666;}
.formcolLB { float: left; width: 100px; color: #666666;}
.formcolLBnews { float: left; width: 50px; color: #666666;}
.formcolR { float: left; width: 170px; margin-left: 5px;}
.formcolRB { float: left; width: 260px; margin-left: 5px;}
.formcolRBnews { float: left; width: 300px; margin-left: 5px;}
input.formtext {border: 1px solid #000000; color: #000000;	font-family: Tahoma; font-size: 11px; width:160px;}
input.formtextB {border: 1px solid #000000; color: #000000;	font-family: Tahoma; font-size: 11px; width:240px;}
textarea.formtextB {border: 1px solid #000000; color: #000000;font-family: Tahoma; 	font-size: 11px; width:240px; }
.star {font-size:12px; color: #FF0000; font-weight:bold;  }
.formbuttom {border: 1px solid #000000; color: #000000;	font-size: 10px; padding-top:3px; padding-bottom:3px;}

.rightpromoA {margin-left:10px; text-align:left; color: #999999; font-size:10px;}
.rightpromoformrow { float: left; width: 180px; margin-top:1px;margin-bottom:1px;}
.rightpromoformcolL { float: left; width: 60px; color: #999999;}
.rightpromoformcolR { float: left; width: 110px; color: margin-left: 5px;}
input.rightpromoformtext {border: 1px solid #000000; color: #000000; font-size: 10px; width:100px;}


.twocolpage { float: left; width: 745px;}
.twocolLeft { float: left; width: 280px; }
.twocolRight { float: right; text-align:left; border-left: 1px dotted #7F1416; width: 440px; padding-left: 10px;  margin-left: 5px;}
.twocolpageL { float: left; width: 945px;}
.twocolRightL { float: right; text-align:left; border-left: 1px dotted #7F1416; width: 635px; padding-left: 10px;  margin-left: 5px;}
.popuptwocolRightL { float: left; text-align:left; width: 430px;}

.listmachine {float: left; width: 625px; margin-top:5px;}
.machinethumb {float: left; width: 87px; height: 85px; background: url('../images/common/thumbbg.jpg'); background-repeat: no-repeat;}
.thumb { margin-left: 13px; margin-top: 13px;}
.machinename {float: left; width: 530px; margin-left: 5px;}
.listseparator620 { float: left; width: 620px; border-bottom: 1px dotted #7F1416;   }
.machinetitle {font-size: 12px; font-weight:bold; }

.machine {float: left; width: 625px; }
.details {float: left; width: 470px; }
.machinedetails {float: left; width: 465px; padding-top:2px; padding-bottom:2px;}
.leftcoldetails {float: left; width: 100px; color: #7F1416;}
.rightcoldetails {float: left; width: 350px; margin-left: 5px;}
.machinedetailsthumb {float: right; width: 140px; margin-left: 5px; 
overflow-x:hidden; overflow-y:scroll; height: 420px;
scrollbar-3dlight-color: #FFFFFF;
    scrollbar-arrow-color: #000000;
    scrollbar-darkshadow-color:  #FFFFFF;
    scrollbar-face-color: #E2E4E6;
    scrollbar-highlight-color: #A5AFB4;
    scrollbar-shadow-color: #A5AFB4;
	scrollbar-track-color: #f5f5f5;
}
.instructions {float: left; text-align:center; width: 120px; font-size: 10px; color: #999999;}
a.machinedetaillink {font-size:10px; padding-left: 3px; padding-right: 10px;}
a.machinedetaillink:hover {font-size:10px; padding-left: 3px; padding-right: 10px;}

a.printicon {float: right; width: 170px; height: 27px; font-weight:bold; color:#742421; padding-top: 5px; margin-right: 15px; padding-left: 1px; background: url('../images/common/printicon.jpg'); background-repeat: no-repeat; text-decoration:none;}
a.printicon:hover {float: right; width: 170px; height: 27px; font-weight:bold; color:#8f4e43; padding-top: 5px; margin-right: 15px;  padding-left: 1px; background: url('../images/common/printicon2.jpg'); background-repeat: no-repeat; text-decoration:none;}
a.emailicon {float: right; width: 105px; height: 27px; font-weight:bold; color:#742421; padding-top: 5px; padding-left: 1px; background: url('../images/common/emailicon.jpg'); background-repeat: no-repeat; text-decoration:none;}
a.emailicon:hover {float: right; width: 105px; height: 27px; font-weight:bold; color:#8f4e43; padding-top: 5px;  padding-left: 1px; background: url('../images/common/emailicon2.jpg'); background-repeat: no-repeat; text-decoration:none;}
a.enquiryicon {float: right; width: 113px; height: 27px; font-weight:bold; color:#742421; padding-top: 5px; margin-right: 15px; padding-left: 1px; background: url('../images/common/sendenquiry-icon.jpg'); background-repeat: no-repeat; text-decoration:none;}
a.enquiryicon:hover {float: right; width: 113px; height: 27px; font-weight:bold; color:#8f4e43; padding-top: 5px; margin-right: 15px;  padding-left: 1px; background: url('../images/common/sendenquiry-icon2.jpg'); background-repeat: no-repeat; text-decoration:none;}



.formrowB4 {float: left; width: 625px; margin-top:2px;margin-bottom:2px;}
.formcolLB1 { float: left; width: 100px; color: #666666;}
.formcolRB1 { float: left; width: 200px; margin-left: 5px;}
.formcolLB2 { float: left; width: 100px; color: #666666;}
.formcolRB2 { float: left; width: 200px; margin-left: 5px;}
.formcolRB3 { float: left; width: 500px; margin-left: 5px;}
input.formtextB4 {border: 1px solid #000000; color: #000000;	font-size: 11px; width:180px;}
textarea.formtextB4 {border: 1px solid #000000; color: #000000;	font-size: 11px; width:480px; }

.popupmachine {float: left; width: 425px; }
.popupdetails {float: left; width: 420px;}
.popupmachinedetails {float: left; width: 415px; padding-top:2px; padding-bottom:2px;}
.popuprightcoldetails {float: left; width: 300px; margin-left: 5px;}
.popupmachinedetailsthumb {float: right; width: 100px; margin-left: 5px;}

.popupLogoheading {float: left; width: 425px; }
.popupLeftLogo {float: left; text-align: left;  width: 220px;}
.popupRightLogo {float: right; text-align: right; width: 190px;}

.leftrightcontent { float:left; width: 920px; margin-left:5px; }
a.blackheading { color: #000000; font-size:11px; font-weight:bold; margin-top:10px; margin-bottom:0px; padding-bottom:0px; text-decoration:none;}
a.blackheading:hover { color: #000000; font-size:11px; font-weight:bold; margin-top:10px; margin-bottom:0px; padding-bottom:0px; text-decoration:none;}

a.sitemaplink {padding-left: 5px; padding-right: 5px;}
a.sitemaplink:hover {padding-left: 5px; padding-right: 5px;}
.categoriesS { float:left; width: 910px; }

.slideshowLogoheading {float: center; width: 425px; }

.errorR { color: #FF0000;}
.successR {color: #009933;}
.successThankyou { color: #000000; font-size:11px; font-weight:bold; margin-top:10px; margin-bottom:0px; padding-bottom:0px; text-decoration:none;}


.listbestmachine {float: left; width: 430px; margin-top:5px;}
.bestmachinename {float: left; width: 330px; margin-left: 5px;}
.glossaryheading {font-size:11px; float: left; width: 650px; padding-right: 15px;}
.listseparator430 { float: left; width: 430px; border-bottom: 1px dotted #7F1416;   }

.leftpadding5 {padding-left: 15px;}

img.highslidethumb { margin-top: 2px; }
.videocol { float: left; width: 130px;}
/**************************/
/******* BLOG CSS *********/
/**************************/
.newsblogcols { float:left;  border-bottom: 1px dotted #7F1416; }
.colL { float:left; width:150px; height:116px; background:url('../images/imagebg.jpg') no-repeat; padding:12px 0 0 12px; }
.colR { float:right; width:480px; padding-top:10px;}
a.posttitle {color: #000; font-size: 14px; font-weight: bold; text-decoration:none; }
a.posttitle:hover {color: #000; font-size: 14px; font-weight: bold; text-decoration:none;}
.tagstext {color:#666; font-size: 10px;}
