﻿* { padding: 0; margin: 0; }
.clear { clear: both; font-size: 0; line-height: 0; }

/*types
--------*/
body { background-color: #fff; font-family: Arial; font-size: 12px; line-height: 16px; color: #6d6f71; }

img { border: 0; }
a { outline: none; }
a.trans-link { color: #6d6f71; }
a { text-decoration: none; color: #c51230; }
a.current { color: #c51230; }

h1 { color: #c51230; font-size: 25px; padding: 22px 0 19px 0; line-height: 28px; }
h2 { font-size: 13px; color: #c51230; padding: 13px 0 7px 0; font-weight: bold; }
h3 { font-size: 13px; color: #c51230; font-weight: bold; }
.content h3 { padding: 0 0 1em; }
#content ul, #content ol { padding-left: 1em; list-style-position: inside; }

/*Layout 
----------*/
div#wrap { margin: 0 auto; width: 872px; }

.border { float: left; background-image: url(../images/shadows.jpg); background-repeat: repeat-y; background-position: left top; }

.stage { float: left; width: 780px; padding: 0 31px; margin: 0 15px; }

#body { width: 780px; float: left; z-index: 0; min-height: 400px; }

#footer { float: left; height: 40px; overflow: visible; background-image: url(../images/fade.gif); background-repeat: no-repeat; background-position: left top; width: 780px; padding: 0 46px; text-align: right; }
#footer p { margin-top: 40px; border-top: solid 1px #999; }

#submenu { width: 195px; float: left; font-size: 11px; line-height: 14px; z-index: 100; }

#content { width: 572px; float: left; background-color: #fff; border: solid 0px #000; }
#content p { padding-bottom: 16px; }
#content .col1 { width: 410px; margin-right: 22px; float: left; }
#content .col2 { margin-top: 12px; width: 130px; float: right; }

#col1 { padding: 9px 20px 0 3px; width: 378px; float: left; }
#col2 { margin-top: 13px; width: 379px; float: left; z-index: 0; }

/* misc.
----------*/
.logoContainer { height: 245px; z-index: 0; }

.products { margin-top: 29px; }

.products h2 { background-color: #f7f7ef; padding: 4px 0; margin: 17px 0 5px 0; }

.seperator { border-bottom: dotted 1px #6d6f71; height: 1px; line-height: 1px; font-size: 1px; margin: 22px 0 13px 0; }

.msg { font-size: 13px; color: #c51230; font-weight: bold; }
.visible { display: block; }
.hidden { display: none; }

.hpBottom { clear: both; }
.hpBottom a, .hpBottom .hSeperator { float: left; }
.hpBottom a { width: 178px; height: 93px; text-align: center; }
.hpBottom .hSeperator { width: 22px; }

h2 span { margin-left: 20px; }

/*menu & sub menu 
---------------------*/
ul.language { list-style-type: none; float: right; margin: 5px 0 0; font-size: 10px; }
ul.language img { display: block; margin: 0 auto; }
#menu { background-color: #c51230; width: 780px; height: 40px; clear: both; z-index: 100 !important; }
#menu ul { list-style-type: none; padding: 0; margin: 0; font-size: 12px; font-weight: bold; width: 780px; border: solid 0px blue; position: relative; z-index: 100 !important; }
#menu ul li { float: left; display: inline-block; background-color: #c51230; height: 40px; line-height: 40px; padding: 0 21px; z-index: 100 !important; }
#menu ul li.distMI { padding: 0; }
#menu ul li.distMI a:hover { background-color: Transparent; }
#menu ul a { color: #fff; text-decoration: none; font-weight: bold; }
#menu ul a:hover { background-color: #9e2d25; }
#submenu p, #submenu ul { margin: 21px 0 0 24px; width: 120px; }
#submenu ul { list-style-type: none; padding: 0; border-bottom: solid 1px #818285; }
#submenu ul li { line-height: 21px; padding: 0; margin: 0; border-top: solid 1px #818285; }
#submenu ul a { color: #818285; text-decoration: none; font-weight: bold; }
#submenu ul a:hover { color: #c51230; }
#submenu ul a.current { color: #c51230; }

/* floatingMenu  
---------------------*/
#menu ul li div.floatingMenu { display: none; position: absolute; top: 40px; font-size: 11px; background-color: #fff; z-index: 100 !important; width: 250px !important; }
#menu ul li div.floatingMenu ul { background-color: #fff; list-style-type: none; padding: 5px 0 0 0; margin: 0; width: 100%; }
#menu ul li div.floatingMenu ul li { line-height: 19px; height: 19px; padding: 0; margin: 0; border-bottom: solid 1px #cf9692; display: block; clear: both; width: 100%; }
#menu ul li div.floatingMenu ul li.lastItem { border-bottom: solid 0px #cf9692; }
#menu ul li div.floatingMenu ul a { color: #fff; text-decoration: none; font-weight: normal; background-color: #c51230; margin: 0px 23px 0 23px; }
#menu ul li div.floatingMenu ul a:hover { background-color: #c51230; color: #fff; }

.frees { color: #c51230; }

/* forms  
---------------------*/
label, button, input[type="submit"] { cursor: pointer; }
label { float: left; }
fieldset { border: 0; }

/* hpSearchPanel  
---------------------*/
.hpSearchPanel { position: relative; font-size: 13px; height: 125px; width: 100%; background-image: url(../images/gradient.jpg); background-repeat: no-repeat; background-position: left top; color: #000; padding-top: 20px; z-index: 0; }
.hpSearchPanel select, .hpSearchPanel input { float: right; width: 40%; }
.hpSearchPanel p { padding: 0 32px; width: 315px; }
.hpSearchPanel label { width: 189px; }

/* searchPanel  
---------------------*/
.searchPanel { position: relative; font-size: 13px; height: 410px; width: 100%; background: url(../en/images/Gradient-bar.jpg) no-repeat left top; color: #58595b; }
.form { padding: 100px 7px 0 7px; width: 115px; font-weight: bold; }
.form select { width: 115px; }
.form div { line-height: 2em; }
.form-button { float: right; margin-top: 16px; }

/* results table  
---------------------*/
.results table { line-height: 12px; font-size: 11px; text-align: left; }
.results table th { width: 430px; background-color: #dfdcbc; color: #c51230; height: 30px; padding-left: 5px; border-right: solid 1px #fff; border-bottom: solid 3px #fff; }
.results table table { width: 100%; }
.results table table td { background-color: #f5f2e8; color: #6d6f71; height: 14px; border-right: solid 1px #fff; border-bottom: solid 1px #fff; padding-left: 5px; width: 100%; }
.results table tbody tr { display: table-row; vertical-align: top; }

/* worldwide menu 
---------------------*/
#submenu div.worldwide { width: 185px; float: left; background-color: #fff; font-size: 11px; line-height: 14px; padding-left: 10px; }
#submenu div.worldwide ul { list-style-type: none; padding: 0; margin: 9px 0 13px 5px; border-bottom: 0; }
#submenu div.worldwide ul li { line-height: 14px; padding-left: 1em; border-top: 0; }

#__VIEWSTATE { line-height: 1px; height: 1px; font-size: 1px; }

/* News 
-----------*/
.news { width: 524px; }
.news h2 { padding: 0; font-weight: bold; font-size: 12px; color: #c51230; }
.news-item { clear: both; }
.news-img { float: left; width: 63px; height: 50px; margin-right: 20px; }
.news-content { float: left; width: 441px; }
.news-seperator { clear: both; border-bottom: solid 1px #c7c8ca; line-height: 1px; height: 1px; font-size: 1px; margin-bottom: 10px; padding-top: 10px; }

/* Contact 
-----------*/
.contact-col1 { float: left; width: 263px; margin-right: 40px; }
.contact-col2 { float: left; width: 268px; }
.contact-form { border-left: solid 1px #c7c8ca; margin-top: 53px; padding: 6px 11px 0 13px; height: 350px; }
.contact-form fieldset { background-color: #f9f9f9; width: 228px; height: 294px; border: 0; padding: 10px 8px; }
.contact-form fieldset p { clear: both; margin-bottom: 8px; }
.contact-form div.legend { color: #c51230; font-size: 13px; padding-bottom: 16px; }
.contact-form input, .contact-form textarea { float: right; width: 140px; }
.contact-form input.button { width: 60px; }
