@charset "utf-8";
/* CSS Document for Mac Containers - April 2011 */

html, body, ul, ol, li, p, h1, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0; border: 0;}

html {min-height: 100%; height: auto;}

body {font: 80% Arial, Helvetica, sans-serif; color: #333; background: #EDEFF0 url(images/content-bkg.jpg) repeat-x bottom;}

.bold {font-weight: bold;}
p {margin-bottom: 15px}
.nomarg {margin-bottom: 0;}
p.clear, br.clear {clear: both;}
.redHdg {font-size: 130%; color: #840002;}
a img {border: none;}
img.right { float: right; margin-left: 15px; margin-bottom: 15px; border: 4px solid #7d8288;}
img.left {float: left; margin-right: 15px; margin-bottom: 15px; border: 4px solid #7d8288;}

/* img.right { float: right; border-left: 30px solid #FFF; border-bottom: 15px solid #FFF;}
img.left {float: left; margin-right: 15px; border-bottom: 15px solid #FFF;} */

p.smlHdg {font-size: 120%; color: #8FC842; margin-bottom: 0; font-weight: bold;}
h1 {font-size: 100%; color: #333; font-weight: normal; margin-bottom: 15px; border-bottom: 0px solid #000; margin-bottom: 15px; padding-bottom: 15px; width:600px;}
h2 {font-size: 140%; color: #333; font-weight: normal; margin-bottom: 15px; border-bottom: 1px solid #000; margin-bottom: 15px; padding-bottom: 15px; width:600px;}

.wrapper {background: url(images/body-bkg.jpg) repeat-x;}

.header {height: 299px; background: url(images/header-bkg.jpg) no-repeat bottom; width: 974px; margin: auto auto;}
.header img.logo {margin-top: 20px; margin-left: 15px;}
.header ul.topNav {float: right; width: 543px; height: 60px;}
.header ul.topNav li {list-style-type: none; display: inline;}
.header ul.topNav a:link, .header ul.topNav a:visited {color: #FFF; padding: 20px 12px; background: url(images/topNav-bkg.jpg) repeat-x; margin-left: 1px; text-decoration: none; font-size: 90%; display: block; float: left; border-top: 2px solid #555;}
.header ul.topNav a:hover, .header ul.topNav a#active {border-top: 2px solid #C00;}
.header .contactForm { float: right; width: 280px; color: #FFF; margin-right: 15px; padding: 10px; position: relative; top: -15px;}
.header .contactForm p.hdg {text-align: right; font-size: 120%; margin-bottom: 10px; }
.header .contactForm p.hdg span {font-size: 150%;}
.header .contactForm form p {margin-bottom: 5px; font-size: 95%;}
.header .contactForm p.rightAlign {text-align: right; margin-bottom: 5px;}
.header .contactForm label { color: #FFF; width: 80px; float: left; text-transform: uppercase }
.header .contactForm input { border: 1px solid #F4F4F4; background: #F4F4F4; margin-left: 10px; font-size: 90%; color: #333; width: 185px; padding: 1px; }
.header .contactForm .submit { border: 1px solid #C00; background: #7B0002; color: #FFF; padding: 2px 5px; width: 60px; margin-left: 140px; font-weight: bold;}
.header ul.nav {width: 690px; float: left;}
.header ul.nav li {list-style-type: none; display: inline;}
.header ul.nav li a:link, .header ul.nav li a:visited {color: #FFF; text-decoration: none; padding: 7px 12px 8px 12px; position: relative; top: 174px; font-size: 90%; border-left: 1px solid #929C9E;}
.header ul.nav li a#first:link {border-left: none;}
.header ul.nav li a:hover, .header ul.nav li a#active {background: #900002 url(images/nav-active-bkg.jpg) repeat-x; border-left: 1px solid #900002; padding: 14px 12px 8px 12px; position:}


a:link, a:visited {color: #333; text-decoration: underline; font-weight: normal;}
a:hover {text-decoration: none;}

.content {width: 974px; margin: auto auto; clear: both; padding-top: 15px;}
.content a.featureBox:link, .content a.featureBox:visited {background: url(images/feature-box-bkg.png) no-repeat; height: 95px; width: 193px; margin-right: 5px; margin-bottom: 5px; position: relative; float: left; text-decoration: none; padding: 10px 0 0 7px;}
.content .featureBox span.hdg {text-transform: uppercase; color: #FFF; width: 60px; font-size: 90%;}
.content .featureBox img {position: absolute; right: 1px; bottom: 8px;}
.content .rightCol {width: 302px; float: right; margin-left: 30px; margin-right: 15px;}
.content .rightCol p {margin-bottom: 0px; padding-bottom: 15px;}
.content .rightCol .rightBoxTop {background: url(images/rightBox-top.png) no-repeat; height: 10px;}
.content .rightCol .rightBoxMid {padding: 0 10px; background: #FFF; font-size: 85%;}
.content .rightCol .rightBoxMid ul li {padding-bottom: 0px; list-style-type: none; background: url(images/list-bkg.gif) no-repeat left top; padding-left: 10px; line-height: 18px;}
.content .rightCol .rightBoxMid ul.leftList {margin-right: 140px; }
.content .rightCol .rightBoxMid ul.rightList {float: right; width: 130px;}
.content .rightCol .rightBoxBot {background: url(images/rightBox-bottom.png) no-repeat bottom; height: 10px; margin-bottom: 15px; clear: both;}

.content .rightCol ul.subNav {background: #FFF; width: 302px;}
.content .rightCol ul.subNav li {background-image: none; padding-left: 0; line-height: normal; background-color: #FFF; list-style-type: none;}
.content .rightCol ul.subNav li a:link, .content .rightCol ul.subNav li a:visited {border-bottom: 1px solid #E0E3E5; padding: 4px 5px 4px 27px; text-decoration: none; color: #333; width: 270px; display: block;}
.content .rightCol ul.subNav li a:hover {background: url(images/subNav-hover-bkg.jpg) repeat-x bottom;}
.content .rightCol ul.subNav li a#active {background: url(images/subNav-active-bkg.jpg) no-repeat left; color: #333; text-decoration: none; padding: 4px 5px 4px 27px; border-bottom: 1px solid #E0E3E5; width: 270px; display: block;}

.content .quote {background: url(images/quote-bkg.png) no-repeat; width: 593px; color: #FFF; padding: 4px 0 6px 6px; clear: left; height: 24px;}
.content .quote p {float: left; width: 300px;}
.content .quote a:link, .content .quote a:visited {width: 90px; float: left; text-decoration: none; color: #FFF; text-align: center;}
.content .quote a#rent {margin-left: 30px;}
.content .quote a#buy {margin-left: 45px;}
.content .quote a:hover {text-decoration: underline;}

.content ul.pdfs {list-style-position: outside; margin-left: 15px; margin-bottom: 15px}
.content ul.pdfs li {list-style-image: url(images/pdf.gif); line-height: 25px;}

.bulleted {margin: 15px;}

.footer {width: 974px; margin: auto auto; font-size: 80%; color: #666; clear: both; margin-top: 20px;}
/* .footer img {float: right; width: 42px;} */
.footer img {float: right;}
.footer p {padding-top: 20px;}

.boxsurround {width:610px;}
.box {border: 1px solid #CCC; background: #F4F4F4; padding: 3px; height: 110px; margin-bottom: 15px; margin-right: 5px; float:left; width: 290px;}
.box img {border: 1px solid #333; margin-bottom: 15px; float: left; margin-right: 30px;}
.box p {margin-top: 10px;}

a.readmore:link, a.readmore:visited {border: 1px solid #FFF; background: #999 url(images/nav-bkg.jpg) repeat-x; color:#FFF; padding: 3px 18px; text-decoration: none; font: bold 11px Verdana, Arial, Helvetica, sans-serif;}
a.readmore:hover {background: #C00 url(images/nav-bkg-o.jpg) repeat-x;}

.flash {background: #E4E4E4; padding: 10px; text-align: center; margin-bottom: 15px; width:600px;}
.flash p {margin-bottom: 0px; margin-top: 5px;}

table.quotetable {background: #F4F4F4; border: 1px solid #CCC; margin-bottom: 5px; width: 600px;}
table.quotetablein {background: #F4F4F4; border: 1px solid #CCC; margin-bottom: 5px;}
table.quotetable #last {margin-bottom: 0px;}

td.techspecmain {width: 25%; vertical-align: top; background: #FFF; text-align: center;}
td.techspechdgmain {background: #666;font-weight: bold; color: #FFF; text-align: center; padding: 5px;}
td.headercentre {background: #DEDEDE; font-weight: bold; color: #333; text-align: center; padding: 5px;}
td.headerflat {background: #DEDEDE; font-weight: bold; color: #333; text-align: right;}
td.techspec {width: 25%; vertical-align: top; background: #FFF; text-align: center;}
td.techspechdg {background: #666;font-weight: bold; color: #FFF; text-align: center; padding: 5px;}

td.grey {background: #E4E4E4; font-weight: bold; padding: 5px;}

.greybox {background-color:#666; border: 1px solid #CCC; padding: 7px; color: #FFF; margin-bottom: 15px; width: 610px;}
.greybox p {margin-bottom: 0px;}
.greybox a:link, .greybox a:visited {color:#FFF;}

.lightgreybox img {border: 1px solid #FFF; margin-right: 10px; float: left; width: 200px;} 
.lightgreybox { background-color:#f4f4f4; border: 1px solid #CCC; padding: 7px; margin-bottom: 15px; height: 108px; font: 14px Arial, Helvetica, sans-serif; width: 610px;}
.lightgreybox p {margin-bottom: 0px;}
.lightgreybox a:link, .lightgreybox a:visited {border: 1px solid #FFF; background: #999 url(images/nav-bkg.jpg) repeat-x; color:#FFF; padding: 4px 15px; text-decoration: none; margin-top: 15px; font: bold 11px Verdana, Arial, Helvetica, sans-serif;}
.lightgreybox a:hover {background: #C00 url(images/nav-bkg-o.jpg) repeat-x;}
.lightgreybox h4 {color: #000; font: bold 15px Arial, Helvetica, sans-serif; padding-bottom: 10px; }

ul.white {margin-bottom: 15px;}
ul.white li {list-style-position: inside; list-style: square; font: bold 11px Verdana, Arial, Helvetica, sans-serif; line-height: 20px; margin-left: 230px;}
ul.whitenoline { text-decoration: none; }

p.question {background: #234271 url(images/question-bkg.jpg) repeat-x bottom; font-weight: bold; padding: 5px; margin-bottom: 0px; color: #FFF; width: 600px;}
p.answer {background: #F4F4F4; padding: 5px; margin-bottom: 20px; width: 600px;}

.chbox {background-color:#666; border: 1px solid #CCC; padding: 7px 3px 7px 7px; color: #FFF; margin-bottom: 15px; height: 13px; width: 600px;}
.chbox p {margin-bottom: 0px;}
.chbox a:link, .greybox a:visited {color:#FFF;}

a.readmore:link, a.readmore:visited {border: 1px solid #FFF; background: #999 url(images/nav-bkg.jpg) repeat-x; color:#FFF; padding: 3px 18px; text-decoration: none; font: bold 11px Verdana, Arial, Helvetica, sans-serif;}
a.readmore:hover {background: #C00 url(images/nav-bkg-o.jpg) repeat-x;}
a.readmoreright:link, a.readmoreright:visited {border: 1px solid #FFF; background: #999 url(images/nav-bkg.jpg) repeat-x; color:#FFF; padding: 3px 18px; text-decoration: none; font: bold 11px Verdana, Arial, Helvetica, sans-serif; float: right; width: 70px; position: relative; top: -4px;}
a.readmoreright:hover {background: #C00 url(images/nav-bkg-o.jpg) repeat-x;}

table.clientlist {background: #F4F4F4; border: 1px solid #CCC; padding: 7px;}

.contactform {float:right; width: 340px;}
form#enquiry {width: 340px; background-color:#f4f4f4; border: 1px solid #CCC; padding: 7px;}

input.submitform {background: #DFDFDF; border: 1px solid #CCC; color: #000; font: bold 11px Verdana, Arial, Helvetica, sans-serif; padding: 3px 7px; margin-bottom: 3px;}

.testimonial {background: #E4E4E4; border: 1px solid #CCC; padding: 10px; margin-bottom: 15px; width: 600px;}
.testimonial .logoleft {float: left; margin-right: 15px; width: 184px; padding-bottom: 15px;}
.testimonial img {margin-bottom: 10px; border: 1px solid #CCC; width: 167px;}
.testimonial p.about {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666;}
.testimonial p.about a:link, .testimonial p.about a:visited {color: #666;}
.testimonial p.about a:hover {text-decoration: none;}
.testimonial p.quote {padding-top: 15px; margin-top: 10px;}
.testimonial p.by {text-align: right; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #000; margin-bottom: 0px;}

.hse {float: right; width: 180px;}
.hsetext {color: #000; text-align: right;}