﻿h1, h2, h3 {font-size: 1em; padding: 0px; margin: 0px; font-weight: normal;}

.doubleline {height: 17px;}

.top {width: 950px; border: 0; border-collapse: collapse; margin: auto; position: relative;}

.logocolumn {width: 200px; height: 230px; position:relative;}

.logo {width: 200px; vertical-align: top; padding-top: 5px; height: 58px; position: absolute; left: 0; top: 0; text-align: center;}

.image-logo {width: 200px; height: 58px; border-width: 0px;}

.logotextsection {width: 200px; vertical-align: top; position: absolute; left: 0px; top: 65px; text-align: center;}

.logotext {font: 0.6em arial; color: #555555;}

.logoline {font-size: 1.2em; color: #e31936;}

.logogap {width: 200px; height: 129px; position: absolute; left: 0; top: 63px;}

.search {position: absolute; left: 0; top: 192px; width: 200px; height: 43px; vertical-align:top; text-align: center; background: url('images/searchbackground.gif') no-repeat; font: 0.8em arial; color: #555555;}

.searchleft {position: absolute; left: 13px; top: 0px; padding-top:5px; vertical-align:middle;}

.searchright {position: absolute; left: 130px; top: 1px;}

.spacercolumn {width: 20px; position: absolute; top: 0px; left: 200px;}

.homecolumn {width: 150px; position: absolute; top: 0px; left: 200px;}

.category-column {width: 200px; position: absolute; top: 0px; text-align: right;}
 
#subcontract-category-column {left: 380px; padding-top: 13px; font: 0.8em/26px arial;}

#subcontract-sub-category-column {left: 590px; padding-top: 13px; font: 0.8em/23px arial;}

.product-category-column {width: 220px; position: absolute; top: 0px; left: 360px; padding-top: 5px; font: 0.8em/17px arial; text-align: right;}

.mechanical-product-category-column {width: 200px; position: absolute; top: 0px; left: 380px; padding-top: 0px; font: 0.8em/38px arial; text-align: right;}

.conveying-product-category-column {width: 220px; position: absolute; top: 0px; left: 360px; padding-top: 9px; font: 0.8em/21px arial; text-align: right;}


.product-sub-category-column { width: 200px; position: absolute; top: 0px; left: 590px; padding-top: 5px; font: 0.8em/17px arial; text-align: right;}

.homepage {font: 0.8em/3em arial; color: #555555; text-align: right; height: 230px; width: 150px;}

.homepage a span {display: none;}

.homepage a:hover {color: #e31936;}

.homepage a:hover span {display: block; position: absolute; top: 85px; left: 180px; width: 500px; color: #555555; font: 1em Arial; text-align: left;}

.homepageimages a span {display: none;}

.homepageimages a:hover span {display: block; position: absolute; width: 500px; color: #555555; font: 0.8em Arial; text-align: left;}

.5pxspacer-conveyor-category {width: 5px; position: absolute; left: 610px; top: 0px;}

.5pxspacer {width: 5px; position: absolute; left: 370px; top: 0px;}

.5pxspacer-category {width: 5px; position: absolute; left: 580px; top: 0px;}

.5pxspacer-subcategory {width: 5px; position: absolute; left: 790px; top: 0px;}

.verticalline {width: 1px; background-color: #e5e5e5; position: absolute; top: 0px; height: 100%; margin-right: 10px;}

#verticalline-first {left: 355px;}

#verticalline-category {left: 585px;}

#verticalline-conveyor-category {left: 585px;}

#verticalline-subcategory {left: 795px;}

.enquirycolumn {position: absolute; left: 818px; width: 132px; top: 185px; height: 40px; vertical-align: top; padding-top: 5px; background: url('images/enquiry.gif') no-repeat; font: 0.8em arial; color: #555555;}

.enquiryleft {width: 77px; position: absolute; left: 10px; top: 4px; vertical-align: middle;}

.enquiryright {position: absolute; left: 88px; width: 41px; vertical-align: middle; top: 0px;}

.image-basket {border-width: 0px; width: 40px; height: 40px;}

.hometopmiddle {background: url(images/homeborder.gif) no-repeat; height: 355px; width: 950px; margin: auto; position: relative; vertical-align: top;}

.homepageimages {width: 582; position: absolute; left: 0px; top: 0px; height: 355px;}

.hometext {width: 338px; position: absolute; left: 582px; vertical-align: middle; height: 355px; top: 25px; font: 0.9em/1.3em arial; padding-left: 15px; color: White;}

.homeimage1 {width: 291px; height: 176px; position: absolute; left: 0px; top: 0px;}

.homeimage2 {width: 291px; height: 176px; position: absolute; left: 291px; top: 0px;}

.homeimage3 {width: 194px; height: 179px; position: absolute; left: 0px; top: 176px;}

.homeimage4 {width: 193px; height: 179px; position: absolute; left: 194px; top: 176px;}

.homeimage5 {width: 195px; height: 179px; position: absolute; left: 387px; top: 176px;}

.bottommiddle {height: 153px; width: 950px; margin: auto; position: relative; vertical-align: top;}

.backsection { position: absolute; left: 0px; top: 10px; width: 582px; height: 145px;}

.homebacksection { position: absolute; left: 0px; top: 2px; width: 582px; height: 145px;}

.backbutton {position: absolute; left: 440px; top: 0px;}

.redsection {background: url('images/redback.gif') no-repeat; position: absolute; left: 582px; height: 153px; width: 368px;}

.newstitle {width: 168px; position: absolute; left: 10px; top: 5px; font: 0.8em arial; color: #e31936;}

.newsimage {width: 195px; position: absolute; left: 175px; top: 13px;}

.linksrow {height: 20px; width: 950px; margin: auto; position: relative; vertical-align: top; top: 20px; font: 0.8em arial; text-align: center; color: #555555;}

.subcontract-image
{
    float:left;
}

.subcontract-service-features
{
    float:left;
    padding-left:20px;
}

ul#bottomnav, ul#bottomnav li
{
    list-style:none;
    margin:0;
    padding:0;
    float:left;

}

ul#bottomnav li a
{
    padding: 0 8px 0 8px;
    border-width:0 1px 0 0;
    border-color:Red;
    border-style:solid;
    display:block;
    float:left;
}

ul#bottomnav li.first a
{
    border-width: 0 1px 0 1px;
}

.subcontract-menu
{
    position:absolute;
    top:0;
    left:0;
    padding-left:170px;
    text-align:center;
}

.subcontract-case-studies-menu
{
    position:absolute;
    top:40px;
    left:0;
    padding-left:170px;
    text-align:center;
}

.subcontract-menu-image
{
    position:relative;
    float:left;
}

.subcontract-menu-image img
{

    padding:0 20px 0 20px;
}
.subcontract-menu-text
{
    padding-top:5px;
    text-align:center;
}

.subcontract-content
{
    position:absolute;
    left:0;
    top:200px;
    text-align:left;
    width:900px;
}

.terms {width: 950px; margin: auto; position: relative; vertical-align: top; top: 0px; text-align: left; color: #555555;}

.termsleft {position: absolute; top: 25px; font: 0.6em arial;}

.validation {display:none;}

.validation-to-change{position: absolute; top: 35px; right: 30px;}

.space {height: 10px;}

.topmiddle {background: url(images/border.gif) no-repeat; height: 355px; width: 950px; margin: auto; position: relative; vertical-align: top;}

.middletitle {position: absolute; top: 10px; left: 10px;}

.middletitle h1 {font: bold 1em arial; color: #555555; font-weight: bold;}

.middlecontent {position: absolute; left: 10px; top: 35px; height: 310px; width: 930px; overflow: auto;}

.image-news {border-width: 0; width: 175px; height: 125px;}

.centrespan {font: 0.8em arial; color: #555555; vertical-align: top; text-align: left; padding: 10px 10px 5px 0;}

.centrespan ul {line-height: 25px;}

.centrespan-centred {font:0.8em arial; color: #555555; vertical-align: top; text-align: center; padding: 10px 10px 5px 0;}

.accreditation {height: auto; padding: 15px; width: 270px; float: left; text-align: center;}

.accreditation img {display: inline; border-width: 0;}

.accreditationline {float: left; height: auto; width: 1px; background-color: #e5e5e5;}

.groupcompany
{
    height: auto;
    padding: 15px;
    width: 275px;
    float: left;
    text-align: center;
}

.groupcompany img
{
    display: inline;
    border-width: 0;
}

.scroll-product-image {padding-right: 20px;}

.scroll-spacer {height: 8px;}

.scroll-product-name {padding-right: 20px; line-height: 15px; width:75%}

.product-image {border: 0; width: 245px; height: 195px;}

.essentials-logo {color: #555555; font-weight: bold; letter-spacing: 2px;}

.price {color: #e31936; font-weight: bold;}

.special-offer-product-image {width: 184px; border-width: 0px; padding-top: 25px; text-align: center;}

.special-offer-product-image-style {border-width: 0; width: 116px; height: 92px;}

.special-offer-product-name {color: #555555; font: 0.7em arial; text-align: center;}

.scroll-news {padding: 20px 20px 0 0;}

.news-article-image {border-width: 0px; padding-left: 10px; float: right;}

.mechanical-red-section {position:absolute; left:10px; top:40px; font: 0.8em arial; color:#555555;}

.mechanical-red-section-home {position:absolute; left:10px; top:10px; font: 0.8em arial; color:#555555; width:350px;}

.category-background {position:absolute; top:8px; left:10px; padding: 0 10px 0 10px; font: 0.8em arial; color:#555555;}

.category-text {position:absolute; top:48px; left:200px; padding: 0 10px 0 10px; font: 0.8em arial; color:#555555;}

.featured-product-title {color: #e31936; font-weight: bold;}

.featured-text {width: 330px;}

.watermark {text-align: left; vertical-align: middle; color: #555555; font-size: 0.8em; height: 15px; vertical-align: bottom; padding-top: 2px;}

.interested-products {font:0.8em arial; color:#e31936; position:absolute; top:15px; left:0;}

.details-image-column {position:absolute; top:0px; left:0px; width:265px;}

.details-product-image {border: 0; position:absolute; top:20px; text-align:center;}

.bottomicons {position:absolute; top:265px; left:5px;}

.subcontractbottomicons {position:absolute; top:265px; left:60px;}

.details-text-column {position:absolute; top:0px; left:265px; width:370px; padding-top:10px;}

.details-text-column li {line-height:normal; text-align:left;}

.details-enquire-column {position:absolute; top:0px; left:655px; width:245px; padding-top:10px; line-height:17px;}

.details-essentials-logo {position:absolute; text-align:center; left:0; width:255px; top:235px; color: #555555; font-weight: bold; letter-spacing: 2px;}

.bottomicons-image {padding-right: 4px;}

.other-products {position:absolute; top:45px; left:30px; width:950px;}

.details-offer-product-image {width: 184px; border-width: 0px; text-align: center;}

.details-offer-product-image-style {border-width: 0; width: 119px; height: 95px;}

.details-offer-product-name {width:184px; color: #555555; font: 0.7em arial; text-align: center;}

.ahem {display: none;}

.currentpage {color: #e31936;}

.category-description {position:absolute; top:75px; left:620px; width:300px; font-family:Arial; font-size:0.8em; text-align:left; color:#555555;}

A:link {text-decoration: none; color: #555555; padding: 0;}

A:visited {text-decoration: none; color: #555555;}

A:active {text-decoration: none; color: #555555;}

A:hover {color: #e31936;}

A.top:link {text-decoration: none; color: white; font-weight: bold;}

A.top:visited {text-decoration: none; color: white; font-weight: bold;}

A.top:active {text-decoration: none; color: white; font-weight: bold;}

A.top:hover {color: #555555; font-weight: bold;}

a.selected:link {text-decoration: none; color: #e31936;}

a.selected:visited {text-decoration: none; color: #e31936;}

a.selected:active {text-decoration: none; color: #e31936;}

a.selected:hover {color: #e31936;}

A.whiteblack:link {text-decoration: none; color: white; font-weight: bold;}

A.whiteblack:visited {text-decoration: none; color: white; font-weight: bold;}

A.whiteblack:active {text-decoration: none; color: white; font-weight: bold;}

A.whiteblack:hover {color: #000000; font-weight: bold;}

.main_view
{
    float: left;
    position: relative;
}
/*--Window/Masking Styles--*/
.window
{
    height: 355px;
    width: 582px;
    overflow: hidden; /*--Hides anything outside of the set width/height--*/
    position: relative;
}
.image_reel
{
    position: absolute;
    top: 0;
    left: 0;
}

.image_reel img
{
    float: left;
    border: 0;
}

/*--Paging Styles--*/
.paging
{
    position: absolute;
    bottom: 44px;
    right: -7px;
    width: 178px;
    height: 47px;
    z-index: 100; /*--Assures the paging stays on the top layer--*/
    text-align: center;
    line-height: 40px;
    background: url(images/paging_bg.png) no-repeat;
    font-family: Arial;
    font-size: 1em;
    display: none; /*--Hidden by default, will be later shown with jQuery--*/
}

.paging a
{
    padding: 0px;
    color: #fff;
}

.paging a.active
{
    font-weight: bold;
    color: #000;
}

.paging a:hover
{
    font-weight: bold;
    color: #000;
}

.text_reel
{
    position: absolute;
    top: 272px;
    left: 0px;
}

.text_reel div
{
    float: left;
    width: 582px;
}

.text_reel_title
{
    font-family: Arial;
    font-size: 0.9em;
    color: #fff;
    font-weight: bold;
    padding-left: 10px;
}

.text_reel_body
{
    font-family: Arial;
    font-size: 0.8em;
    color: #fff;
    padding: 5px 0 0 10px;
}

.alternative-paging
{
    position: absolute;
    bottom: 15px;
    right: -7px;
    width: 178px;
    height: 47px;
    z-index: 100; /*--Assures the paging stays on the top layer--*/
    text-align: center;
    line-height: 40px;
    background: url(images/paging_bg.png) no-repeat;
    font-family: Arial;
    font-size: 1em;
    display: none; /*--Hidden by default, will be later shown with jQuery--*/
}

.alternative-paging a
{
    padding: 0px;
    color: #fff;
}

.alternative-paging a.active
{
    font-weight: bold;
    color: #000;
}

.alternative-paging a:hover
{
    font-weight: bold;
    color: #000;
}

A.homelink:active
{
    text-decoration: none;
    color: white;
}

A.homelink:hover
{
    color: #ffffff;
}

A.homelink:link
{
    text-decoration: none;
    color: white;
}

A.homelink:visited
{
    text-decoration: none;
    color: white;
}

A.homelinktitle:active
{
    text-decoration: none;
    color: white;
    font-weight:bold;
}

A.homelinktitle:hover
{
    color: #ffffff;
        font-weight:bold;
}

A.homelinktitle:link
{
    text-decoration: none;
    color: white;
        font-weight:bold;
}

A.homelinktitle:visited
{
    text-decoration: none;
    color: white;
        font-weight:bold;
}

.passengerContainer {
	background: #f7f7f7 url(../images/booking_panel_bg.gif) repeat-x center bottom;
	border: 1px solid #ccc;
	padding: 20px 15px 10px;
	width: 400px;
}

.passengerContainerEnquiry {
	background: #f7f7f7 url(../images/booking_panel_bg.gif) repeat-x center bottom;
	border: 1px solid #ccc;
	padding: 20px 0 10px;
	text-align:center;
}

fieldset {
	border: none;
	margin: 15px 0 15px;
	padding: 0;
	width:100%;
}
fieldset legend 
{
	font-size: 1em;
	color: #cc092f;
	font-weight:bold;
	width:100%;
	text-align:center;
	margin-bottom:10px;
}
fieldset .item {
	margin-left: 0px;
}

.fieldRow {
	overflow: hidden;
	_zoom: 1;
	margin-bottom: 15px;
}

.item {
	float: left;
}
.contact-lb
{
    position:relative;
    display:block;
    text-align:right;
    margin: 0 10px 0 0;
    padding: 3px 10px 0 0;
    width:150px;
    cursor:pointer;
    float:left;
    line-height:18px;
}

.enquiry-lb
{
    position:relative;
    display:block;
    text-align:right;
    margin: 0 10px 0 0;
    padding: 3px 10px 0 0;
    width:310px;
    cursor:pointer;
    float:left;
    line-height:18px;
}

label.error {
	color: #cb0000;
}


.contact-tb
{
	float:left;
	padding: 2px;
	margin: 3px 5px 0 0;
	border: 1px solid;
	border-color: #777777;
	width: 300px;
}

.contact-tb:focus {
  background:#cc092f;
  color:#ffffff;
	float:left;
	padding: 2px;
	border: 1px solid;
	border-color: #777777;
}

.enquiry-tb {
	float:left;
	padding: 2px;
	margin: 3px 5px 0 0;
	border: 1px solid;
	border-color: #777777;
	width: 294px;
}

.enquiry-tb:focus {
  background:#cc092f;
  color:#ffffff;
	float:left;
	padding: 2px;
	border: 1px solid;
	border-color: #777777;
}

.additional-tb {
	float:left;
	padding: 2px;
	margin: 3px 5px 0 0;
	border: 1px solid;
	border-color: #777777;
	width:294px;
}

.additional-tb:focus {
  background:#cc092f;
  color:#ffffff;
	float:left;
	padding: 2px;
	border: 1px solid;
	border-color: #777777;
}

.radiolist
{
    margin-left:165px;
}

.contact-list
{
	float:left;
	padding: 2px;
	margin: 3px 5px 0 0;
	width:300px;
}

.contact-list:focus {
  background:#cc092f;
  color:#ffffff;
	float:left;
	padding: 2px;
	border: 1px solid;
	border-color: #777777;
}

.brochurecheckbox
{
    padding: 10px 0 10px 0;
}
