/* GENERAL */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {margin:0; padding:0; border:0;}

body#background {background: url('../images/backgrounds/bg-products.gif') repeat-x center top;}

* html #mainDiv{padding-left:27px;}

/* NAVIGATION */
#home #nav {background: url('../images/menus/menu-home.gif') no-repeat; width: 310px; height: 30px; position: relative;}
#home #nav li {list-style: none; position: absolute; top: 0; height: 30px; width:100px; display: block;}
#home #nav a {font: normal 1.0em Lucida Sans, Helvetica, Tahoma, Arial; text-decoration: none; color: #fff; margin-top:7px; height: 15px; display: block; border-bottom: none; margin-left:10px;}
#home #nav a:hover {color: #ccc;}
#home #nav #start {left: 5px; width: 70px;}
#home #nav #products {left: 53px; width: 70px;}
#home #nav #about {left: 130px; width: 120px;}
#home #nav #contact {left: 225px; width: 70px;}

/* LANGUAGE */
#language {position:relative; margin-top:0px; margin-left: 310px;margin-right:300px;}
#language img {padding-left:5px; padding-right:5px;}
#language img:hover {border-bottom: 2px solid #fff; margin-top:-2px;}
* html #language a:hover {border: 3px dotted #ccc; padding-bottom:3px; margin:-3px;}
#language a{color: #444; text-decoration: none; font: normal 0.8em Arial, Verdana, Helvetica;}

/* HEADER */
#tempexheader {background: url('../images/backgrounds/aboutheader.gif') no-repeat; width: 892px; height: 191px;}
*html #tempexheader {margin-top:-32px; margin-bottom:-15px;}
#tempexheader {margin-bottom:-43px;}
#tempexheader h1.white {margin: 0 0 0 0 !important; padding: 0 !important; font: 28px Lucida Sans, Verdana !important; color: #FFF;}
#tempexheader h2.pastell {margin: 0; padding: 0; font: 20px Lucida Sans, Verdana !important; color: #FFDDE1;}

#titleContainer {width:480px; padding-top:90px; margin-bottom:-90px;}


/* PRODUCT NAVI */
#productbar {background: url('../images/products/productbar.gif') no-repeat left top; width: 898px; height: 39px; margin-top:-3px; padding-top:0;}

#prodlistContainer {margin-top: 55px; margin-right: 0px; padding: 0 0 0 65px; width: 792px; height: 196px;}
* html #prodlistContainer {margin: 22px 0 0 0;}

#prodlist {margin: 0 0 5px 0; padding: 0 0 2px 0; text-align: left; position: relative;}
#prodlist ol {display: block; left: 0; margin:0; padding:0; list-style: none; text-align:right;top: 0;}
#prodlist ol li {line-height:7px;}

#prodlist ol:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#prodlist ol li {float: left; margin: 0px 37px 16px 0; height: 75px; width: 161px;}
* html #prodlist ol li {padding-top:0px; padding-bottom:2px; margin-bottom:-2px;}
#prodlist ol li a {border: 1px solid #ccc; padding: 3px; display: block; height: 71px;}
#prodlist ol li a:hover  {padding: 0; border: 4px solid #EEE;}
#prodlist ol li a img, #prodlist ol li span, #prodlist ol li span img {background: none; border: none; display: block; height: 71px; width: 153px;}

/* HIDE  IE-MAC */
* html #prodlist ol {height: 1px;}
#prodlist ol {display: block;}
/* END HIDE IE-MAC */

.quotingDiv {text-align: left; margin-left: 20px; padding: 10px 15px 5px 0;}

.inquote {text-align: left; margin-left: 460px; margin-top: 4px; padding-top: 10px: padding-right: 5px; padding-left: 65px; padding-bottom: -20px;}
.inquote em {line-height:38px;}

blockquote.overblockquote {width: 800px; color: #666;}
blockquote.overblockquote em {color: #444; font-weight: bold;}

#prodboxbottom {height: 210px;width:920px; background: url('../images/products/prodbox.gif') no-repeat;}

#leftside {float: left; width: 281px;}

#middle {float: left; width: 300px;}

#rightside {float: left; margin-top: 20px; margin-left: 50px; margin-right: -20px; width: 261px; height: 172px;}
* html #rightside {margin-left:35px;}
#rightside h1.red {margin: 0 0 0 8px; padding: 0; font: 20px Lucida Sans, Verdana !important; color: #d3021f;}

.middlein {margin: 20px 0 0 30px;}
.middlein h1 {font: 18px Verdana; color: #fff !important; margin-bottom: 2px !important;}
.middlein h2 {font: 10px Verdana; color: #EEE;}
.middlein a {margin: 10px 0 0 0; padding: 2px; width: 222px; height: 79px; display: block; border: 1px solid #B8B8B8;}
.middlein a:hover {border: 1px solid #FFF;}
.middlein img {width: 222px; height: 79px;}
.middlein p {font: 10px Verdana; color: #a1a1a1; width: 225px;}
.middlein2 {margin: 20px 0 0 30px;}
.middlein2 h1 {font: 18px Verdana; color: #fff !important; margin-bottom: 2px !important;}
.middlein2 h2 {font: 10px Verdana; color: #EEE;}
.middlein2 a {margin: 10px 0 0 0; padding: 2px; width: 278px; height: 79px; display: block; border: 1px solid #828282;}
.middlein2 a:hover {border: 1px solid #FFF;}
.middlein2 img {width: 278px; height: 79px;}
.middlein2 p {font: 10px Verdana; color: #a1a1a1; width: 225px;}

/* FOOTER */
#bottom {width: 100%; height: 80px; margin-top:-5px;}
#bottomLogo {background: url('../images/logos/minitempex.gif') no-repeat; width: 80px; height: 43px;}
#bottomLogoprod {background: url('../images/logos/minitempexprod.gif') no-repeat; width: 80px; height: 43px; }
#bottomNav {background: url('../images/logos/logosbottom.gif') no-repeat; width:806px; height:100px; margin-left:90px; margin-top:-35px;}
#bottomNav li {font-size: 9px; display: inline; margin-right: 4px;}
#bottomNav li a {font-size: 9px; color: #d3021f; text-decoration: none;}
#bottomNav li a:hover {color: #444;}

#tip {color:#666; background-color:transparent; position:relative; top:-15px; left:760px; z-index:99; line-height:16px; width:150px;}
#tip a {color:#666; background-color:#fff; font-family:lucida sans, arial, sans-serif; font-size:90%; font-weight:bold; font-style:italic; text-decoration:none; display:block; padding:5px; position:absolute; border:2px solid #fff;}
#tip a:visited {color:#666; background-color:#fff;}
#tip a:hover {color:#fff; background-color:#d3021f; text-decoration:none; width:300px; margin:-40px 0 0 0; margin-left:-180px; border-top:1px solid #BF021F; border-right:2px solid #BF021F; border-bottom:2px solid #BF021F; border-left:1px solid #BF021F;}
#tip a:active {color:#666; background-color:#fff;}
#tip a .info {display:none;}
#tip a:hover .info {color:#444; background:#f8f8f8; border:1px solid #fff; font:14px courier,sans-serif; display:block; padding:5px; text-align:justify;}

#validlink {width:892px;text-align:right;}

#byindex {color:#000; font: normal 0.9em Lucida Sans; text-decoration: none;}
#byindex:hover {color:#d3021f}