/* Basic Elements */

body{background:url(../images/bkground-body.gif) repeat-x; background-color:#ece5e5; margin:0px; padding:0px;  font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:center}
a img { border: none; }
h1, form { margin: 0px; padding: 0px; }
h1 { display: none; }
h3 {font-size: 15px; font-weight: bold; color: #000; padding: 0px; margin: 10px 0px 10px 0px; color: #003b7a;}
a, a:visited { color: #0000ff; }
a:hover {color: #e92f33; }
p { margin: 10px 0px 10px 0px; line-height: 18px;}
address { font-style:  normal; font-size: 13px; line-height: 18px; margin: 10px 0px 10px 0px;}
dt {line-height: 16px; font-weight: bold; background: url(../images/bullet-expand.gif) no-repeat 0px 2px; padding: 0px 0px 0px 20px; margin: 15px 0px 15px 0px;} 

/* Containers */

#wrapper{width:685px; position: relative; margin:0px auto 0px auto; padding: 7px 15px 0px 15px; text-align:left; background: url(../images/bkground-wrapper.gif) repeat-y; border: 1px solid #cbb5b3;}
#wrapper:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
* html #wrapper {height: 1%;}

#sidebar {width: 182px; float: right; padding: 0px 0px 10px 0px; }
#sidebar p { font-size: 11px; line-height: 14px; text-align: left; }
#sidebar ul {list-style:  none; margin: 10px 0px 10px 5px; padding: 0px;}
#sidebar ul li {line-height: 18px; background:url(../images/bullet-arrow.gif) 0px 5px no-repeat; padding: 0px 0px 0px 14px;}
#sidebar #submenu { background:url(../images/submenu-bkground.gif) repeat-y; width: 167px; margin: 0px 0px 0px -1px; padding: 3px 10px 3px 10px;}
#sidebar #submenu li {background: none;line-height: 23px; padding: 0px 0px 0px 0px;}
#sidebar #submenu li a {background:url(../images/submenu-arrow.gif) 0px 3px no-repeat; padding: 0px 0px 0px 16px;}
#sidebar #submenu li a:hover {font-weight: bold; }
#sidebar #submenu #active {background: url(../images/submenu-active.gif) 0px 2px no-repeat; padding: 0px 0px 0px 4px; width: 160px;}
*html #sidebar #submenu #active {padding: 0px 0px 2px 4px; }
#sidebar #submenu #active a {  color: #fff; font-weight: bold;background:url(../images/submenu-arrow-on.gif) 0px 3px no-repeat;}
#sidebar #submenu-header {height: 14px; width: 187px; background:url(../images/submenu-header.gif) no-repeat;margin: 0px 0px 0px -1px}
#sidebar #submenu-footer {height: 14px; width: 187px; background:url(../images/submenu-footer.gif) no-repeat;margin: 0px 0px 0px -1px}

#content { width: 470px; float: left; margin: 0px; padding: 0px 17px 17px 0px; background:url(../images/bkground-content.gif) repeat-y right;}
#content ul {list-style:  none; margin: 10px 0px 10px 20px; padding: 0px 0px 0px 0px;}
#content ul li {line-height: 17px; background:url(../images/bullet-arrow.gif) 0px 5px no-repeat; padding: 0px 0px 5px 14px;}

#footer{ width:718px; margin: 20px auto 0px auto; }
#footer ul { list-style: none; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; text-align: center;}
#footer ul li {display: inline; margin: 0px 2px 0px 2px; padding: 0px 2px 0px 2px; border-right: 1px solid #7f7f7f; }
#footer ul li a {color: #000; }
#footer ul #last { border-right: none; }
#footer p { text-align: center; font-size: 11px; color: #7f7f7f; margin: 0px;  padding:0px 0px 20px 0px;}
#footer p a { color: #7f7f7f; }
#footer p a:hover { color: #000; text-decoration: none;}

.box-highlight { background-color: #f4f0f0; border: 1px solid #fff; padding: 0px 10px 0px 10px; }
.box-highlight:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
* html .box-highlight {height: 1%;}

#header-noflash p {background: #fff; border: 1px solid red; padding: 10px; text-align: center; margin: 10px; font-weight: bold;}

/* Image Replacement */

#sidebar h2, #content h2 { overflow:hidden;  background-repeat:no-repeat; height:0px !important; font-size:0px; margin: 10px 0px 10px 0px; padding:26px 0px 0px 0px; height /**/:26px; clear: both;}
#thermal-infusion-system {background-image:url(../images/h2-thermal-infusion-system.gif)}
#thermacor-overview {background-image:url(../images/h2-thermacor-overview.gif)}
#news-press-sidebar {background-image:url(../images/h2-news-press-sidebar.gif)}
#target-users-sidebar {background-image:url(../images/h2-target-users-sidebar.gif)}
#get-in-touch {background-image:url(../images/h2-get-in-touch.gif)}
#product-overview {background-image: url(../images/h2-product-overview.gif)}
#site-map {background-image: url(../images/h2-site-map.gif)}
#more-information {background-image: url(../images/h2-more-information.gif)}
#medical-revolution {background-image: url(../images/h2-medical-revolution.gif)}
#thermacor-viewer {background-image: url(../images/h2-thermacor-viewer.gif)}
#corporate-vision {background-image: url(../images/h2-corporate-vision.gif)}
#target-users-content {background-image: url(../images/h2-target-users-content.gif)}
#product-information {background-image: url(../images/h2-product-information.gif)}
#corporate-overview {background-image: url(../images/h2-corporate-overview.gif)}
#corporate-partners {background-image: url(../images/h2-corporate-partners.gif)}
#board-of-directors {background-image: url(../images/h2-board-of-directors.gif)}
#advisory-board {background-image: url(../images/h2-advisory-board.gif)}
#investor-relations {background-image: url(../images/h2-investor-relations.gif)}
#employment {background-image: url(../images/h2-employment.gif)}
#news-press-content {background-image: url(../images/h2-news-press-content.gif)}
#contact {background-image: url(../images/h2-contactus.gif)}
#request-demonstration {background-image: url(../images/h2-request-demonstration.gif)}
#privacy-policy {background-image: url(../images/h2-privacy-policy.gif)}

/* Forms - Validation */

.lbl { display: block; font-weight: bold; margin: 0px; padding: 0px 0px 2px 0px;}
.alert { background: url(../images/alert-small.gif) no-repeat 0px -2px; padding: 0px 0px 0px 18px; font-weight: bold; display: block; margin: 5px 0px 5px 0px;  }
.success, .error {padding: 10px; margin: 10px 0px 10px 0px; font-weight: normal; clear: both; position: relative;}
.error { background-color: #fff; border: 1px solid red; }
.error h4 {padding: 8px 0px 10px 35px; margin: 0px; background: url(../images/alert.gif) no-repeat 0px 0px; color: Red;  font-size: 14px; position: relative;}
.success {background-color: #c3fbbb;border: 1px solid #abe9a2;}
.success h4 {padding: 5px 0px 6px 33px;background: url(../images/success.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; }
.success p, .alert p { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; text-align: left; line-height: 20px; color: #000;}

/* Forms - Formatting */

#form .left{float:left; margin:0px 5px 0px 0px}
*html #form .left { margin: 0px 3px 0px 0px; }
#form .left-phone{float:left; margin:0px 0px 0px 0px}
#form .right-phone{float:left; margin:0px 0px 0px 5px}
*html #form .right-phone { margin:0px 0px 0px 3px; }
#form .clear{float:none}
#form .lbl{position:relative; display:block; font-weight:bold; margin:3px 0px 3px 0px; clear:both; color:#000; font-size:12px}
#form .field{font-size:11px; font-family:Arial,Helvetica,sans-serif; margin:-2px 0px 3px 0px; }
#form .textbox {font-family:Arial,Helvetica,sans-serif; border-top:1px solid #999; border-left: 1px solid #999; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: url(../images/bkground-textbox.gif) no-repeat; background-color:#fff; font-size:15px; padding: 2px;}
#form label, #form select{font-size:14px; font-family:Arial,Helvetica,sans-serif}
#form h5{position:relative; font-weight:bold; font-size:12px; padding:4px; margin:10px 0px 5px 0px; color:#000; background-color:#f2ecec; border-bottom:1px solid #d1bebd; display:block; clear:both}
#form select { font-size: 12px; margin: 0px 0px 0px 0px; }
#form .red{color:red;}
#form .btn-submit{display:block; clear:both; margin:10px 0px 5px 0px; }
#form .small{font-size:11px; line-height:14px; margin:5px 0px 5px 0px; color: #000;}

/* Misc Styles */

.left{float:left; }
.right { float: right; }
.center { text-align: center; }
.img-left{float:left; margin:0px 10px 0px 0px; }
.img-right{float: right; margin: 0px 0px 0px 10px; }

.margin-right{margin-right: 10px;}
.margin-top{ margin-top: 10px;}
.margin-bottom { margin-bottom: 10px; }

.small{font-size:11px; line-height:14px; }
.large{font-size:14px; line-height:21px;}

.line{height:1px; background-color:#f8f2f2; display:block; clear:both; margin:10px 0px 10px 0px; overflow:hidden}
.list-twocolumn li {width: 200px; float: left;}
.list-twocolumn:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.nodis { display: none; }
.clear{ clear: both; }
.highlight { padding: 2px; background-color:#f4f0f0; }
.grey { color: #666; }
.border { border: 1px solid white;}

