/* Main CSS styles go here */
.clear{clear:both;}
html, body{background-color:#D6D2CB; color: #4D4D4D;}

/* =========== grid =========== */
.container{width:960px;margin:0 auto; position: relative; padding: 0;}
.col {width: 300px; margin-right: 30px; float: left;}
.span-2 {width: 630px;}
.end {margin: 0;}
.border-left {border-left: 1px solid #C1BBB1; padding-left: 10px; width: 289px;}
.border-right {border-right: 1px solid #C1BBB1; padding-right: 10px; width: 289px;}
.right {float: right;}
.left {float: left;}
.hide {display:none;}
#client_login{ /*padding: 20px 0; /*position: relative;*/ height: 50px;}
#client_login form{margin:10px;}
#header{background-color:#fff;border-top:5px solid #E8E7E3;border-bottom:1px solid #C1BBB1;  padding: 0; margin: 0; position: relative;}
#content{background-color:#fff;  padding: 0; margin: 0; border-bottom: 1px solid #C1BBB1; position: relative;}
#home #main-content {padding: 10px 0 0 0;}
#main-content {padding: 20px 0;}
div.logo {position: relative; margin: 10px 0 0 0;}
div.logo img {margin: 0;}
#search {position: absolute; top: 27px; right: 0;}

/* =========== nav =========== */
#nav{line-height:normal;}
#nav ul{margin:0;padding:15px 0 0 0px;list-style:none;}
#nav li{display:inline;margin:0;padding:0;}
html #nav a{float:left; background:url("/images/tabs_left.png") no-repeat left top;margin:0 1px 0 0;padding:0 0 0 5px;text-transform:lowercase;font:normal small-caps normal 14px helvetica,arial,sans-serif;text-decoration:none; color: #332A1C; line-height: 1.1em; }
#nav a span{float:left;display:block;background:url("/images/tabs_right.png") no-repeat right top;padding:5px 15px 4px 6px;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span{float:none;}
/* End IE5-Mac hack */
#nav a:hover span{color:#fff;}
#nav a:hover{background-position:0% -110px;}
#nav a:hover span{background-position:100% -110px;}
#nav a.selected span{color:#fff;}
#nav a.selected {background-position:0% -110px;}
#nav a.selected span{background-position:100% -110px;}
/*JOEL: added these for bolt */
#nav li.selected span{color:#fff; background-position:100% -110px;}
#nav li.selected a {background-position:0% -110px;}

#nav li.alt a { background: url('../images/bullet_blue_sm.png') no-repeat center right; padding: 0 10px 0 5px; font-variant: normal; text-transform: capitalize; font-size: 12px; line-height: 2em;  color: #666666;}
#nav li.alt a:hover  {color:#332A1C; background: url('../images/bullet_blue_sm.png') no-repeat center right;}
#nav li.alt a.last { background: none;}
#nav li.alt a:hover.last { background: none;}
/*JOEL: added these for bolt */
#nav li.last a { background: none;}
#nav li.last a:hover { background: none;}

/* =========== subnav =========== */
#sub-nav { padding:0; margin: 0; border-bottom: 1px solid #C1BBB1; position: relative;}
#sub-nav ul {padding: .5em 0; margin: 0;}
#sub-nav li {display:inline; }
#sub-nav li.selected a {font-weight:bold; color:#f00;}
html #sub-nav a {text-decoration: none; text-transform: uppercase; font-size: .95em; color: #6B5E48;background: url('../images/bullets/default_sm.png') no-repeat center right; padding: 0 15px 0 10px;}
#sub-nav a.last { background: none;}
#sub-nav a:hover.last { background: none;}
/*JOEL: added these for bolt */
#sub-nav li.last a { background: none;}
#sub-nav li.last a:hover { background: none;}
#surgical #sub-nav a:hover, #surgical #sub-nav a.selected, #surgical #sub-nav li.selected a {color: #439639;}
#rehabilitation #sub-nav a:hover, #rehabilitation #sub-nav a.selected, #rehabilitation #sub-nav li.selected a {color: #CE7019;}
#source #sub-nav a:hover, #source #sub-nav a.selected, #source #sub-nav li.selected a {color: #0182AC;}
#source #sub-nav a:hover, #source #sub-nav a.selected, #source #sub-nav li.selected a {color: #0182AC;}
div.prev_next {position:relative;}
div.prev_next a#pager_next {float:right;}
div.prev_next a#pager_prev {float:left;}

/* =========== breadcrumb =========== */
#breadcrumb {position: relative; right: 0; text-align: right; top: 0px;}
#breadcrumb ul {padding: 0; margin: 0;}
#breadcrumb li {display: inline; font-size: .9em;}
html #breadcrumb a {text-decoration: none; text-transform: capitalize; font-size: .9em; background: url('../images/bullets/breadcrumb.png') no-repeat center right; padding: 0 5px 0 3px;}
html #breadcrumb a:hover {text-decoration: underline;}
#breadcrumb li.last a { background: none;}

/* =========== search bar =========== */
.search-bar {height: 55px; position: relative; top: 0px;  border-bottom: 1px solid #C1BBB1;}
.search-bar img {position: absolute; left: 5px; top: 5px;}
.search-bar form {position: absolute; right: 5px; top: 13px;}
.search-bar form input { margin-right: 5px;}
.search-bar form input.submit { margin-right: 0;}
#surgical .search-bar {background-color: #E5EEE1;}
#rehabilitation .search-bar {background-color: #F9EADD;}
#source .search-bar {background-color: #D9ECF3;}

/* =========== jquery dropdown login form =========== */
html a#login, html a#logout { background:url("/images/tab_left_login.png") no-repeat left bottom;margin:0;padding:0px 0 0px 5px;text-decoration:none;font:normal normal normal 12px helvetica,arial,sans-serif;  text-decoration:none; color: #6B5E48; position: absolute; top: -10px; right: 0;}
html a#login span, html a#logout span{display:block;background:url("/images/tab_right_login.png") no-repeat right bottom;padding:5px 15px 4px 5px;  }
a:hover#login, a:hover#logout {color: #332A1C;}

/* =========== footer =========== */
#footer  {margin: 1em 0; padding: 0; position: relative; clear: both;}
#footer ul {  text-align:center; margin: 0; padding: 2px 0 5px 0; display: block;  color: #908774;}
#footer ul li {display: inline;}
#footer ul li.last {background-image: none;}
#footer ul li a {font-size: 1.1em; color: #332A1C; text-decoration: none; text-transform: lowercase; font-variant: small-caps; margin: 0 .5em;}
#footer ul li a:hover {color: #6B5E48;}

/* =========== Post-its =========== */
div.post-it {background:  url('../images/sidebar-shadow.jpg') no-repeat bottom left; border: 2px solid #fff; padding: .5em .5em 20px .5em;}
.contact-rehab, .contact-source, .contact-surg {width: 200px; float: right; background:  url('../images/sidebar-shadow.jpg') no-repeat bottom left; border: 2px solid #fff; padding: .5em .5em 20px .5em;}
div.post-it p, .contact-source p, .contact-surg p, .contact-rehab p  {margin: 0;}
div.post-it ul {margin: 0 0 0em 1.5em;}
#source div.post-it, .contact-source {background-color: #D9ECF3;}
#surgical  div.post-it, .contact-surg {background-color: #E5EEE1;}
#rehabilitation div.post-it, .contact-rehab {background-color: #F9EADD;}
html #source div.yellow, html #rehabilitation div.yellow, html #surgical div.yellow {background-color: #F9F8D2;}
html #source div.yellow img, html #rehabilitation div.yellow img, html #surgical div.yellow  img {margin-top: 1em;}
.contact-source hr, .contact-surg hr, .contact-rehab hr {margin: 1em 0 .8em 0;}
img.promotion {position: relative; top: -20px; margin-bottom: -20px; }

/* =========== Home Page =========== */
#home .col {width: 460px;  margin-right: 40px; float: left; margin-bottom: 1em; position: relative;}
#home .end {margin: 0;}

/* =========== product dispatch page =========== */
.product-dispatch { margin-bottom: 2em; }
.dispatch-logos img {float: left; margin: 0 0 .5em 0; padding: 0;}
.product-dispatch .col {display: block; width: 319px; height: 150px; margin-right: 0;  border-right: 1px solid #C1BBB1; float: left;border-top: 1px solid #C1BBB1; border-bottom: 1px solid #C1BBB1; background-color: #E8E7E3; }
.product-dispatch .end {border-right: none;}
.product-dispatch .col:hover {background-color: #EFF5ED;}
.product-dispatch .col p {padding: 1em;}

#rehabilitation .product-dispatch .col:hover {background-color: #FAEFE6;}

#rehabilitation .product-dispatch .col a {text-transform: uppercase;}

/* =========== partners page =========== */
.partner-info {padding-left: 180px; position: relative; margin-bottom: 1.2em;}
.partner-logo {position: absolute; left: 0px; top: 10px; text-align: center; width: 170px;}

/* =========== search jobs =========== */
a.searchjobs {display: block; width: 108px; height: 108px; background: transparent url('../images/searchjobs.png') no-repeat 0 0;margin: 0 0 2em 0; }
a:hover.searchjobs {background: transparent url('../images/searchjobs.png') no-repeat -124px 0;}

/* =========== tables =========== */
table {border: 0; width: 100%; margin-bottom: 2em;}
th {border: 0; border-bottom: 3px solid #fff;font: normal bold normal 1em/1.8em verdana, "lucida grande", arial, helvetica, sans-serif;padding: .2em .2em; text-align: left; color: #332A1C;}
td {border: 0; border-bottom: 3px solid #fff; background-color:#E8E7E3; font: normal normal normal 1em/1.8em verdana, "lucida grande", arial, helvetica, sans-serif;padding: .2em .2em; vertical-align: top;}
td.surgeryoverview {border: 0; border-bottom: 3px solid #fff; background-color:#FFFFFF; font: normal normal normal 1em/1.8em verdana, "lucida grande", arial, helvetica, sans-serif;padding: 1em; vertical-align: top; line-height: 1.5em;}
td.strong {font: normal bold normal 1em/1.8em verdana, "lucida grande", arial, helvetica, sans-serif;}
#rehabilitation th, #source table.rehabilitation th {background-color: #F9EADD;}
#surgical th, #source table.surgical th {background-color: #E5EEE1;}
#source th, #source table.source th {background-color: #E6F2F7;}

#rehabilitation table a, #source table.rehabilitation a {color: #CE7019;}
#surgical table a, #source table.surgical a {color: #439639;}
#source table a, #source table.source a {color: #0182AC;}

/* ===========div.products (logos) =========== */
.products {margin: 0 0 2em 0;}
.products a {display: block; margin: 0 0 1em 0;}

/* =========== images =========== */
p img {float: right;}

body#video { background:#000; }
#video #container { text-align:center; margin-top:20px; }

/* =========== misc ============= */
dl.faq dt {margin:10px 0;  font: normal normal normal 1.2em/1.8em verdana, "lucida grande", arial, helvetica, sans-serif; }
dl.faq dd {display:none; font: normal normal normal 1em/1.8em verdana, "lucida grande", arial, helvetica, sans-serif;padding: 0 .2em;}

/* =========== white background for TD ============= */
.clear {background-color:#FFFFFF}