/* TMS 2008 */

body { margin: 10px; padding: 0; font: 12px Arial, Helvetica, sans-serif;}
h1 { font-size: 250%; height: 66px; margin: 0; padding: 0; background: url("images/tms_logo.gif") no-repeat;}
h1 span { display: none;}
h2 { font-size: 150%; margin-top: 0;}
h3 { font-size: 120%;}
h4 { font-size: 110%; margin: 0 0 5px 0; padding: 0;}
p, dl { margin: 0 0 15px 0; padding: 0;}
a { color: #BB8833; text-decoration: none;}
img { border: 0;}
table { width: 100%; margin-top: 20px;}
th, td { font-size: 100%; text-align: left; padding: 2px 4px 2px 0;}

#header { background: url("images/hredline.gif") 0 40px repeat-x;}

#sidepanel { width: 165px; float: left; margin: 0 0 0 5px; padding: 0; border-right: 1px solid #A30010; font-size: 12px;}
#sidepanel dl { width: 90%;}
#sidepanel dt { float: left; font-weight: normal;}
#sidepanel dd { text-align: right;}
#business { border-top: 1px dashed #A30010;}
#business h3, #business h4 { margin: 10px 0 3px 0; padding: 0;}
#main-navigation, #business { margin: 0; padding: 10px;}
#main-navigation ul { margin: 0; padding: 0 0 0 10px; list-style: none;}
#main-navigation li { font-weight: bold; padding: 4px;}

#maincontent { position: relative; margin: 10px 10px 20px 170px; padding-left: 30px; border-left: 1px solid #A30010;}
* html #maincontent { left: -4px; height: 1%;}
#map iframe { width: 640px; height: 500px; margin: 0; padding: 0; border: 0;}
#product-mainpanel { float: left; width: 420px;}
#product-display { float: left;}
.fstool { width: 540px;}
.explode { width: 420px;}
.explode-cu { width: 550px;}
#product-sidepanel { margin-left: 450px; padding-top: 25px;}
* html #product-sidepanel { height: 1%;}
#product-sidepanel ul { list-style: square; margin: 0; padding: 0 0 0 15px;}
#product-display ul, #range ul { list-style: none; margin: 0; padding: 0;}
#product-display li, #range li { float: left; width: 250px; height: 190px; margin-right: 10px; text-align: center;}
#product-display li span, #range li span { display: block;}
#topleft { position: relative; float: left; height: 250px; width: 50%; z-index: 100; overflow: hidden;}
#topright { position: relative; height: 210px; padding: 25px 20px 10px 40px; margin-left: 50%; font-size: 160%; color: #000000;}
* html #topright { margin-left: 0;}
#topright p, #ea span { background-color: #FFFFFF;}
#bottomleft { width: 36%; padding: 10px 0 0 0;}
#bottomleft ul { margin: 0 10px 20px 10px; padding: 0 0 0 15px;}
#bottomleft p { margin: 0 0 5px 0; padding: 0;}
#bottomright { float: right; width: 60%; height: 250px; margin: -30px 0 10px 20px; overflow: hidden;}
#faq dt { font-size: 110%; color: #A30010;}
#faq dd { margin-bottom: 15px;}
#salesplash { position: absolute; left: 30%; top: 128px; width: 250px; height: 166px; z-index: 100;}

#footer { clear: both;}

.chair-mainimage { margin-top: 0; text-align: right;}
.clear { clear: both;}
.columns { position: relative;}
.col1 { float: left; width: 48%; margin: 0 2% 0 0; padding: 0;}
.col1, .col2 { text-align: justify;}
.constrained { max-width: 800px;}
.copy { position: relative; float: left; width: 400px; z-index: 100;}
.copy .pic-r { text-align: right; padding: 5px 0 20px 0;}
.copyright { font: 10px Verdana, Helvetica, sans-serif; text-align: right; margin-top: 15px;}
.dimensions td { font-size: 90%;}
.document { width: 420px;}
.document-text { margin-top: 35px;}
.faq-pics { text-align: center;}
.images { position: relative; width: 230px; margin-left: 420px;}
.images img { margin-bottom: 20px;}
.important { font-size: 110%; font-weight: bold;}
.italic { font-style: italic;}
.notes { padding: 30px 1px 1px 1px;}
.one { padding-top: 35px;}
.opening, .rt { text-align: right;}
.overlap img { position: absolute; left: 190px; top: 115px;}
.price { width: 20%; padding-right:20px; text-align: right;}
#range li.dropped { clear: left; position: relative; top: -250px; left: 25%;}
#range .list li { float: none; width: 360px; height: auto;}
* html #range li.dropped { top: -20px;}
.return { text-align: right; margin: 0; background: url("images/point-up.gif") no-repeat right center;}
.return a { padding-right: 15px;}
.switch { text-align: center; padding-right: 20px;}
.thispage { background: #A30010 url("images/navpoint.gif") no-repeat right center;}
.thispage a { font-weight: normal; color: #FFFFFF;}

/* Optimisation - Additional Styles */

.home-h1 { height: auto; margin: 0; padding: 10px 0 5px 0; text-align: left; font-size: 14px; background-image: none;}
.home-footer { font-size: 10px; font-weight: bold;}
.just { text-align: justify;}
.unjust { text-align: left;}