/* sub page css */

body {background: #ebe9cb url('../../i/bg.jpg') repeat-x top; font: 1em/1.1em "lucida grande", arial, helvetica, sans-serif; text-align: center; margin: 0 auto;}

img {border: 0;}

sup {position: relative; top: -1px; vertical-align: top; font-size: .8em;}

sup.reg {position: relative; top: -3px; vertical-align: top; font-size: 1em;}

div.clr {clear: both;}

div.clr30 {clear: both; padding-top: 30px;}

.rightaligned {float: right; padding: 0 0px 5px 5px;}

.no_padd_top {margin-top: 0; padding-top: 0;}

.no_padd_bottom {margin-bottom: 0; padding-bottom: 0;}

#wrap {margin: 0 auto; padding: 0; width: 890px;}

#top {margin: 0 auto; padding: 0; width: 890px; height: 100px;}

#logo {width: 300px; height: 100px; float: left;}

#logo img {padding: 30px 50px 30px 50px; width: 200px; height: 40px; border: 0;}

#logo img.logo_print {display: none;}

#nav {width: 590px; float: left;}

#nav_print {display: none;}

#nav_up {width: 590px; height: 28px; border-bottom: 1px solid #7fb983; font-size: 10px;}

#nav_up ul {float: left; height: 23px; width: 285px; margin: 0 auto; padding: 5px 0 0 10px; text-align: left;}

#nav_up ul li {display: inline; color: #fff; font-size: 10px;}

#nav_up ul li a {text-decoration: none; color: #fff;}

#nav_up ul li a:hover {color: #333;}

#nav_up form {float: left; height: 23px; margin: 0 auto; width: 285px; padding: 4px 10px 0 0;  text-align: right;}

#searchbox {width: 115px; border: 1px solid #fff; border-bottom: 1px solid orange;}

#nav #nav_up #nav_search #submit {background: #349851; color: #fff; font: 10px "lucida grande", arial, helvetica, sans-serif; border: 0; width: 57px;}
.submit {background: #349851; color: #fff; font: 10px "lucida grande", arial, helvetica, sans-serif; border: 0; width: 57px;}
/* #nav_search { display:none; } */

#nav_down {height: 70px; width: 590px;}

#nav_down ul {float: left; height: 45px; width: 590px; margin: 0 auto; padding: 25px 0 0 0; text-align: left;}

#nav_down ul li {display: inline; color: #fff; font-size: 13px; font-weight: bold;}

#nav_down ul li a {text-decoration: none; color: #333; padding: 2px 9px 2px 9px;}

#nav_down ul li a:hover {color: #fff;}

#nav_down ul li a#selected {color: #fff;}

/* content */

#content a {color: #2b8b4b; text-decoration: none;}

#content a:hover {color: #2b8b4b; text-decoration: underline;}

#gray {width: 890px; height: 40px; line-height: 1em; background: #ccc; text-align: left; padding: 0; margin: -10px 0 0 0; overflow: hidden; font-size: 13px;}

#g_header {color: #333; padding: 19px 0 0 20px; width: 270px; float: left; margin: 0;}

#breadcrumbs {width: 560px; font-size: .8em; height: 1.4em; color: #666;  padding: 7px 0 0 10px; font-weight: bold; overflow: hidden;}

#breadcrumbs a {color: #666; text-decoration: none; font-weight: normal;}

#breadcrumbs a:hover {color: #333;}

#content { background: #fff; margin: 0 auto; padding: 0; width: 890px; color: #333; font-size: .8em; font-weight: normal; overflow: hidden;}

#cont_left, #cont_right {float: left;  text-align: left;}

#cont_left {width: 270px; padding: 10px; font-size: 12px;}

div#wrap div#content div#cont_left ul.sub_nav ul li.subnav_sublinks li a:hover, div#wrap div#content div#cont_left ul.sub_nav ul li.subnav_sublinks li a:active {text-decoration: underline; background-color: #fff;}

#cont_right {width: 580px; padding: 0px 10px 10px 10px;}

#cont_right p {padding: 0 10px 0 0;}

#cont_right h1 {font-size: 1.6em; padding: 15px 0 0 0; line-height: 1.2em;}

#region {float: right; width: 195px; height: 30px; color: #333; padding: 15px 5px 0 0;}

#region p {width: 60px; height: 30px; float: left;}

#region form {width: 100px; height: 30px; float: left; padding: 10px 0 0 0;}

#region form option {width: 90px;}

ul#products_sites { list-style: none;}
ul#products_sites li {  }

.product_list {color: #333; padding: 10px 0 0 0; margin-bottom: 20px; font-weight: normal;}

.products {width: 62px; height: 62px; padding: 7px 10px 0px 0px; float: left;}

#columns_prdct {width: 100%; padding-top: 2px;}

#columns_prdct  #column_top {border-bottom: 1px solid #ccc; padding: 0 0 20px 0;}

#columns_prdct #column_left ul, #columns_prdct #column_right ul {padding: 20px 0 0 0;}

#services_left, #services_right {float: left;}

#services_left {width: 270px;}

#services_right {width: 300px;}

.columns_list {width: 570px; padding-top: 2px;}

.columns_list  .column_top {border-bottom: 1px solid #ccc; padding: 0 0 20px 0;}

.columns_list .column_left ul, .columns_list .column_right ul {padding: 0;}

.columns_list .column_left ul li, .columns_list .column_right ul li {list-style-type: none;}

/*.column_left {width: 265px; float: left;}

.column_right {width: 265px; float: left; margin-left: 20px;} */

#ocs_main_img{float: right; width: 271px; height: 271px; padding-left: 20px;}

#ocs_img {width: 580px; height: 170px;}

#ocs_img2 {width: 580px; height: 140px;}

.ocs_print_img {display: none;}

.ocs_h3, .ocs_h3_ie {color: #663; font-size: 1.2em; font-weight: bold; margin: 0; padding: 0;}

.about_h3 {color: #663; font-size: 1.1em; font-weight: bold; margin: 0; padding: 10px 0 0 0;}

.about_ul {list-style-type: none;}

ul.about_main li {list-style-type: none; padding: 10px 0 0 0;}

div#content h3.ocs_h3 a {color: #663;}

div#content h3.ocs_h3 a:hover {text-decoration: none;}

.ocs_h3_green {color: #2b8b4b; font-size: 1.2em; font-weight: bold; margin: 0; padding: 0;}

.ocs_p {margin: 0 0 10px 0;}

.green_list {margin: 0 0 0 17px; padding: 0; color: #2b8b4b;}

.no_padd_bott {margin: 10px 0 0 0; color: #333;}

.no_padd_top_bott {margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;}

.ocs_indent {padding: 0 0 0 10px;}

.ocs_indent div table tbody tr td {padding: 0 0 10px 0;}

.ocs_lt_beige_bg {background-color: #f2f0da; padding: 10px 10px 30px 10px;}

.ocs_lt_beige_bg img {width: 240px;}

.blue_ocs_bg {background-color: #2870a0; color: #fff; font-style: italic; padding: 2px 0 2px 10px; font-size: 1.2em; margin-bottom: 0;}

.beige_ocs_bg {background-color: #996; color: #fff; padding: 5px 0 5px 10px; font-size: 1.2em; margin: -10px -10px 20px -10px;}

#cont_left .sidebar .ocs_portrait {width: 100px; height: 150px;}

.blue_ocs_h2 {color: #2870a0; font-style: italic; line-height: 1em;}

.blue_ocs_ul {color: #2870a0; margin: 0; padding: 0 10px 0 20px;}

.microplegia {background-color: #e2f3f9; border: 1px solid #2870a0; border-bottom:0; width: 100%;}

.microplegia tr td {vertical-align: top; padding: 10px;}

table.microplegia tr td {border-bottom: 1px solid #2870a0;}

.microplegia tr td ul {padding: 0 0 0 15px; margin: 0;}

tr.blue_row td{background-color: #2870a0; color: #fff; font-weight: bold; padding-bottom: 0;}

.st_joseph_1 {background-color: #e2f3f9; border: 1px solid #2870a0; margin-left: 150px;}

st_joseph_1 tr td, st_joseph_2 tr {vertical-align: top;}

.st_joseph_2 {background-color: #e2f3f9; border: 1px solid #2870a0;}

div#cont_right div.ocs_indent .blue_ocs_a {color: #2870a0;}

div#cont_right div.ocs_indent h1 { padding-top: 0; }

#cont_left .sidebar .blue_ocs_ul li {list-style-type: disc;}

h2.privacy {color: #663; font-size:1em;}

.no_bullet li {list-style-type: none;}

ol.no_indent {margin: 0 0 0 30px; padding: 0;}

.no_top_padd {margin: -10px 0 10px 0;}

ol.no_indent_gt {margin: 0 0 0 25px; padding: 0;}

.grn_titl {color: #2b8b4b; font-size: 1.4em; line-height: 1.8em;}

.green {color: #2b8b4b;}

a.green {color: #2b8b4b; text-decoration: none;}

a.green:hover {color: #2b8b4b; text-decoration: underline;}

.green_normal {color: #2b8b4b; font-weight: normal;}

.beige {color: #663; font-weight: normal;}

.beige_bold {color: #663; font-weight: bold;}

.dates {color: #663; font-weight: normal; text-transform: uppercase;}

.dates_bld {color: #663; font-weight: bold; text-transform: uppercase;}

.black {color: #333; font-weight: normal;}

body div#wrap div#content .black_a {color: #333; text-decoration: none;}

.disclaimer {color: #666; font-size: .8em; line-height: 1.1em; font-weight: normal;}

.back_to {width: 570px; height: 20px;}

.back_to img {float: right; padding: 3px 10px 0 0; border: 0;}

.back_to span {float: left; color: #2b8b4b;}

.download {width: 271px; height: 19px; float: right; margin: 20px 10px 0 0; text-align: right;}
.ocs_indent .download {margin: 0 10px 0 0;}


.h1_mail_print {width: 590px; margin: 14px 0 0 0;}

.h1_mail_print .floatingh {float: left; width: 450px; display: inline;}

.h1_mail_print .floatingh h1 {margin: 0; padding: 0;}

.h1_mail_print .icons {float: left; width: 140px; text-align: right;}

.h1_mail_print img {padding: 18px 10px 0 0; border: 0;}

#cont_right #sec_img {border: 0; margin: 0; width: 590px; height: 100px;}

#cont_right #sec_img_1 {border: 0; margin: 0; width: 590px; height: 171px;}

#cont_right #sec_img_2 {border: 0; margin: 0; width: 590px; height: 64px;}

#cont_right #ocs_img {border: 0; margin: 0; width: 580px; height: 170px; padding-top: 10px;}

#columns {width: 560px; padding-left: 10px;}

#columns h2 {font-size: 1em; color: #2870a0; border-bottom: 1px solid #c9dbe7; padding: 0 0 4px 0;}

#column_top {}

#column_left {width: 265px; float: left;}

#column_left table tr td a {line-height: 1.1em;}

#column_right {width: 265px; float: left; margin-left: 20px;}

#column_right table tr td a {line-height: 1.1em;}

#column_left ul, #column_right ul {margin: 0; padding: 0; line-height: 1.2em; list-style-type: none; color: #2b8b4b;}

#product_columns {}

#product_column_left {width: 266px; float: left;}

#product_column_right {width: 300px; float: left; margin: 0 0 0 12px;}

.product_tbl {width: 570px; border-top: 1px solid #ccc; padding: 25px 0 0 0; margin: 25px 0 25px 0; text-align: left; font-size: .9em; line-height: 1.1em;}

.th {font-weight: bold;}

.item_name {background-color: #fcfbe6; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-weight: bold;}

.ltd_quant {color: #cc6600;}

.unit {text-align: center; width: 80px;}

#rotate_image { /*height: 300px;*/ width: 300px; text-align: center; overflow: hidden; float: right; padding: 0 0 10px 0;}
#rotate_image img#ProductImage2 { /*height: 300px;*/ }

.product_img_desc {font-size: .9em; font-weight: bold;} 

.product_img {/*width: 271px; height: 215px;*/ padding: 0;}

#ProductDetailsTable tr td { vertical-align: top; }

.cbp {margin-right: 10px; border: 1px solid #663;}

ul.category li {margin-left: 30px; list-style-type: none; font-weight: normal;}

ul.category li ul li {list-style-type: none; font-size: .9em;}

ul.no_margin {margin: 0; padding: 0 0 0 15px;}

.evh div {float: left; width: 450px;}

.evh img {width: 100px; height: 220px; float: left; margin-top: -40px;}

.so_cds {clear: both; min-height: 80px;}

.so_cds img {width: 69px; height: 69px; float: left; padding: 10px;}

.so_cds_p {float: left; width: 470px; padding: 5px 0 0 0;}

.so_cds_form {clear: both; min-height: 69px;}

.so_cds_form img {width: 69px; height: 69px; float: left; padding: 5px 10px 0 10px;}

.so_cds_p_form {float: left; width: 470px; padding: 0; margin: 0;}

.vs_form {clear: both;}

.vs_form img {width: 152px; height: 154px; float: left; padding: 5px 30px 0 30px;}

.vs_p_form {float: left; width: 350px; padding: 0; margin: 0;}

.try_t img {float: left; width: 202px; height: 187px;}

.try_t_p {float: left; width: 353px; padding: 0 0 0 10px;}

.new_blue {background-color: #0071a3; color: #fff; font-size: .8em; padding: 0px 0px 0px 0px;}

/* sidebar */

#content div.sidebar {width: 260px; margin: 30px 0 0 10px; font-size: .9em; line-height: 1.3em;  color: #2b8b4b;}

.sidebar a {color: #2b8b4b; text-decoration: none; font-weight: bold;}

.sidebar a:hover {text-decoration: underline;}

div.sidebar h1 {color: #663; font-size: 1.1em; width: 100%; border-bottom: 1px solid #d6d6ad; padding-bottom: 10px; margin-bottom: 5px;}

.service {background: url('../i/thumbs/multimedia_sidebar.jpg') no-repeat; width: 60px; height: 60px; padding: 3px 10px 10px 0px; float: left;}

.spec_off {background: url('../i/thumbs/ocs_special.gif') no-repeat 10px 0px;}

.spec_off p {padding: 0px 0px 0px 80px;}

.campaign_cannulae {background: url('../i/thumbs/heart.jpg') no-repeat 0 3px; width: 60px; height: 60px; padding: 3px 10px 10px 0px; float: left;}

.related {padding: 15px 0 0 12px; color: #2b8b4b;}

.related h1 {color: #663; font-size: 1em; width: 258px; border-bottom: 1px solid #d6d6ad; padding: 10px 0 10px 0px;}

.related a, .sidebar a {color: #2b8b4b; text-decoration: none; font-weight: bold;}

.related ul li a:hover {text-decoration: underline;}

.related ul, .sidebar ul {margin: 0; padding: 0 0 0 15px;}

.related ul li, .sidebar ul li {margin: 0; padding: 5px 0 0 0; list-style-type: square; }

.events {font-size: .95em; color: #333; font-weight: normal;}

.join_ocs {background: url('../i/join_ocs_bg.jpg') no-repeat; width: 268px; height: 110px; margin-left: -8px; font-size: 11px; color: #333;}

#ocs_email {width: 190px; height: 18px; margin: 5px 0 0 10px; padding-top: 3px; border: 1px solid #663; font-size: 1.1em;}

#ocs_submit {background: inherit; color: #2b8b4b; border: 0; font-size: 1.1em; font-weight: 700;}

.field_service {background: url('../i/field_service_bg.jpg') repeat-x; height: 90px; margin: 0 0 -8px 0; font-size: 11px; color: #333;}


.blue {color: #2870a0; font-size: .8em; font-weight: bold; padding: 0 0 0 20px;}

.blue_h1 {color: #2870a0; font-size: .8em; font-weight: bold; padding: 0 0 0 20px;}

.core_comp tr {}

.core_comp tr td.linkcell {width: 193px; height: 82px; vertical-align: middle; margin: 10px 0 10px 0;}

.core_comp tr td.imgcell {width: 72px; height: 82px; margin: 10px 0 10px 0;}

.core_comp a {font-size: 1.2em;}

.history_sidebar {width: 260px; margin: 30px 0 0 10px;}

.history_sidebar img {width: 255px;}

.sub_about_side {padding: 0 0 0 0px; width: 260px; color: #663; text-align: center;}

.sub_about_side p {padding: 0 15px 0 15px;}

.timeline {width: 560px;}

.timeline tr td.yr {width: 80px; vertical-align: top; font-weight: bold;}

.timeline tr td.data {width: 480px;}

/* sts page */

.sts {width: 565px; text-align: left; margin: 0 auto; font-weight: normal; padding: 0 0 0 30px;}

.sts h1 {font-size: 1.6em; line-height: 1.1em; padding: 30px 0 0 0;}

.sts .sts_text {border-bottom: 1px solid #663; padding: 0 0 10px 0;}

.sts .sts_text img {float: left; padding: 0 20px 20px 0; width: 100px; height: 133px;}

#sts_button {float:right; width: 138px; height: 63px; text-align: center; position: relative; background-color: #ebe9cb; border: 1px solid #663; padding-top: 7px;}

#sts_button a {color: #333;}

.bigbold {font-size: 1.2em; font-weight: bold;}

/* contact page */

.contact {width: 565px; text-align: left; margin: 0 auto; font-weight: normal;}

.contact h1 {font-size: 1.6em; line-height: 1.1em; padding: 30px 0 0 0;}

#contact_info {background-color: #f9f8ec; text-align: center; width: 100%; margin: 0 auto; border-bottom: 1px solid #cc9; border-top: 1px solid #f9f8ec;}

div.ci {width: 565px; margin: 20px 0 0 0;}

div.ci p.ci_l {float: left; width: 242px; color: #663; text-align: left; padding-left: 40px;}

div.ci p.ci_r {float: left; width: 242px; text-align: right; padding-right: 40px;}

#retrieve_info {background-color: #f9f8ec; margin: 0 auto; padding: 10px 20px 10px 20px; border-top: 1px solid #cc9; border-bottom: 1px solid #cc9;}

/* 
#retrieve_info input#ret_inf {border: 1px solid #cc9; margin: 0 20px 0 0;}

#retrieve_info input#ret_inf_sbmt {background: url('../i/retrieve_button.jpg') no-repeat; width: 157px; height: 22px; color: #2b8b4b; border:0;} 
*/

div#contact_info form {clear: both; padding-top: 20px;}

#contact_info label {float: left; width: 120px;}

#contact_info input.con_inf {float: left; width: 200px; border: 1px solid #cc9; margin: 0 0 8px 0;}

#contact_info .con_inf {float: left; width: 200px; border: 1px solid #cc9; margin: 0 0 8px 0;}

#contact_info textarea.comments {float: left; width: 200px; height: 70px; border: 1px solid #cc9; margin: 0 0 8px 0;}

#contact_info input.con_chkbx {float: left; margin: 0 0 8px 0;}

#contact_info input.con_radio {float: left; margin: 3px 0 8px 0;}

#form_wrap {width: 350px; text-align: right; margin: 0 auto;}

.form_wrap {width: 350px; text-align: right; margin: 0 auto;}

#form_wrap label {line-height: 15px; padding: 2px 10px 0 0;}

.form_wrap label {line-height: 15px; padding: 2px 10px 0 0;}

p#checkbox {width: 180px; float: left; text-align: left; margin: 0px 5px 30px 5px; font-size: .9em; line-height: 1.2em;}

div#form_wrap span #contact_submit {background: url('../i/sbmt_btn.jpg') no-repeat; width: 116px; height: 22px; border: 0;}

div.form_wrap span input#contact_submit {background: url('../i/sbmt_btn.jpg') no-repeat; width: 116px; height: 22px; border: 0;}

body div#wrap div#content div.contact div#contact_info form div#form_wrap span {width: 310px; padding: 30px 110px 0 84px; float: none; clear: both;}

body div#wrap div#content div.contact div#contact_info form div.form_wrap span {width: 310px; padding: 30px 110px 0 84px; float: none; clear: both;}

/* supplier form */

.supplier_login {background: url('../i/supplier_form_bg.jpg') repeat-x; width: 268px; height: 152px; margin-left: -8px; font-size: 11px; color: #333;}

.supplier_login p {padding: 0 0 0 18px; width: 250px; height: 18px; margin: 0;}

.supplier_login label {float: left; width: 60px; padding-right: 5px; line-height: 18px;}

.supplier_login input {float: left; width: 120px; height: 18px; border: 1px solid #cc9; margin: 0 0 8px 0; font-size: 1.1em;}

#sup_submit {float: left; background: none; color: #2b8b4b; width: 60px;  font-size: 1.1em; font-weight: 700; border: 0; height: 26px;}

.supplier_login input.remember_chkbx {width: 15px; height: 15px; border: 1px solid #cc9; margin: 2px 0 0 40px;}

.supplier_login form {margin: 10px 0 0 0px;}

label.remember {width: 150px; line-height: 18px; padding-left: 10px;}

.supplier_login p.forgot {margin: 0; padding: 0; padding-left: 82px; width: 150px;}

.job_search {background: url('../i/job_search_bg.jpg') no-repeat; width: 273px; height: 135px; margin: -8px; font-size: 11px; color: #333; margin-top: 40px;}

#job_s_email {width: 190px; height: 18px; margin: 5px 0 0 10px; padding-top: 3px; border: 1px solid #663; font-size: 1.1em;}

#job_s_button {border: 0; width: 116px; height: 22px; margin: 8px 0 0 20px;}

.back_top {text-align: right; padding: 0; margin: -0.7em 0 -0.7em 0;}

.eeoc_link {clear: both; float: left; text-align: left; padding: 20px 0 20px 13px; width: 500px; font-size: .9em; font-weight: bold;}

.photo_left {min-height: 170px;}

.photo_left img.career_portrait {float: left; width: 165px; height: 165px; margin-left: 0px;}

div#wrap div#content div.photo_left p {padding: 10px 0 0 170px;}

div#wrap div#content div.photo_left p.beige {font-size: 1.1em;}

.photo_left p.career_title {font-size: .8em;}

.photo_left_loc p.career_title {font-size: .8em;}

/* career locations */

.photo_left_loc {padding-bottom: 10px;}

.photo_left_loc img.career_location {float: left; width: 215px; height: 165px; padding-right: 14px;}

div#wrap div#content div.photo_left_loc p {padding: 0 0 0 230px;}

div#wrap div#content div.photo_left_loc p.beige {font-size: 1.1em;}

/*ocs tabs */
.subcrumb_info {font-size: .9em;}
.subcrumbs {color: #999; font-size: .9em;}
div#pagerOCSPresentations a.qp_disabled { color: #999; }
div#pagerOCSJournalArticles a.qp_disabled { color: #999; }
div#pagerOCSPeer a.qp_disabled { color: #999; }
div#pagerOCSMultimedia a.qp_disabled { color: #999; }
.qp_counter { padding: 0 10px 0 10px; }
div#cont_right p.subcrumbs a {color: #999;}
.subcrumbs a:hover {color: #999;}

#navcontainer {margin-top: 10px; }
ul#navlist, ul#h_navlist {list-style-type: none; padding: 0 0 31px 0; /*border-bottom: 1px solid #C9DBE7;*/ margin: 0;}
ul#navlist li, ul#h_navlist li {float: left; height: 28px; background-color: #fff; margin: 2px 4px 0 4px; /*border: 1px solid #ccc;*/}
ul#navlist li#active, ul#h_navlist li#active {background-color: #d9e6ee;}
li#active a {color:#2870A0;}
#navlist a, #h_navlist a {float: left; display: block; color:#2870A0; text-decoration: none; padding: 5px 10px 5px 10px;}
#h_navlist a {padding: 5px 25px 5px 25px; font-weight: bold;}
#navlist a:hover, #h_navlist a:hover { background: #d9e6ee; color:#2870A0; text-decoration: none;}

/* 3 column cannulae layout */
 
.float_container {margin: 0; padding: 0; width: 576px; clear: both;}

.float_cell {float: left; width: 192px;}

.float_cell img {text-align: center;}

/* footer padding: 0 15px 0 15px;*/

#footer_boxes {background: url('../../i/footer.gif'); width: 890px; height: 22px; margin-bottom: 10px;}

#footer {width: 890px; height: 25px;  color: #2b8b4b; font-size: 11px; margin-bottom: 30px;}

#footer ul {float: left; width: 405px; margin: 0 auto; padding: 0 0 0 10px; text-align: left;}

#footer  ul li {display: inline; color: #2b8b4b;}

#footer  ul li a {text-decoration: none; color: #2b8b4b; font-weight: bold;}

#footer  ul li a:hover {text-decoration: none; color: #333;}

#footer  p {float: left;color: #333; width: 465px; margin: 0; text-align: right;}

div#wrap div#footer a#footer_selected {color: #333;}

/* field team */

.pics { height: 348px; width: 520px; padding: 0; margin: 0; overflow: hidden;}

.pics img { height: 348px; width: 520px; padding: 0; margin: 15px 0 0 0; top: 0; left: 0;}

#team { height: 368px; width: 520px; float: left; margin: 15px 0 0 0; padding: 15px 0 0 0; 
border-top: 1px solid #9C9C9C;}

#team_nav { width: 550px; margin: 10px 0 0 -4px; padding: 0; float: left;}

#team_nav li { float: left; padding: 0; margin: 0; list-style: none;}

#team_nav a { width: 50px; padding: 0; margin: 0; display: block; padding: 4px;} 

#team_nav a.activeSlide {background-color: #ebe9cb;}

#team_nav a:focus { outline: none;}

#team_nav img { border: none; display: block;}


#zipname { position: relative; z-index: 1; }

#zipname img { position: relative; z-index: 2; }

/* FOOTNOTES */
ul#Footnotes { width: 600px; float: right; }
ul#Footnotes li { list-style: none; text-align: left; font-size: 11px; }



/* OCS FLYOUTS */

/*#cont_left ul.sub_nav li.top1 a {color: #333; text-decoration: none;}

#cont_left ul.sub_nav li.top1 a:hover {color: #333; text-decoration: none;}

#cont_left ul.sub_nav li a {color: #2b8b4b; text-decoration: none; padding: 5px 0 5px 10px; font-size: .95em; display: block; font-weight: bold;}

#cont_left ul.sub_nav li a:hover, #cont_left ul li a:active {text-decoration: underline; background-color: #fff;}

#cont_left ul.sub_nav li a.side_selected {color: #000;}

#cont_left ul.sub_nav ul {padding: 5px 0 5px 40px;}

#cont_left ul.sub_nav ul li.subnav_sublinks {list-style-type: none; margin: 0; border: 0;}

#cont_left ul.sub_nav ul li.subnav_sublinks a {font-weight: normal; padding: 0; background-color: #fff;}*/



/* - - - ADxMenu: BASIC styles - - - */

.sub_nav {
	width: 10em;/* VERY IMPORTANT! Set this to appropriate value, either here on down in the design section */
}

.sub_nav, .sub_nav ul {	/* remove all list stylings */
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
	
}

.sub_nav li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.sub_nav li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.sub_nav ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.sub_nav li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	left: 100%;	/* and move them to the right of the item */
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.sub_nav:after, .sub_nav ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.sub_nav, .sub_nav ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".sub_nav UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.sub_nav ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
/*	background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}


/* - - - ADxMenu: DESIGN styles - - - */

#cont_left ul.sub_nav { list-style-type: none; margin: 0; padding: 10px 0 0 10px; font-weight: bold;}

#cont_left ul.sub_nav li { margin: 0; border-bottom: 1px solid #ccc;} 

#cont_left ul.sub_nav li.top1 { border-top: 1px solid #ccc; text-transform: uppercase; background: #f2f2f2;}

#cont_left ul.sub_nav li.top { border-top: 1px solid #ccc;}

#cont_left ul.sub_nav li.top1 a { color: #333; } 

.sub_nav, .sub_nav ul li {
	color: #2b8b4b;
	background: #fff;
}

.sub_nav {
	width: 254px;
}

.sub_nav ul {
/*	width: 11em;*/
	margin-top: -31px;
}

.sub_nav a {
	text-decoration: none;
/*	color: #eee;*/
	display: block;
	font-weight: bold;
}

.sub_nav a:hover, .sub_nav li:hover>a {
/*	color: #fc3;*/
}

.sub_nav li {
	padding: 5px;
	font-size: 12px;
}

.sub_nav li ul li {	/* create borders around each item */
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 200px;
}

.sub_nav li ul li a {
	display: block;
}

.sub_nav>li + li, .sub_nav ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

.sub_nav li:hover>ul {	/* inset submenus, to show off overlapping */
/*	top: 5px;
	left: 70%;*/
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts 
.sub_nav>li:first-child>a, .sub_nav li + li + li li:first-child>a {
	color: #567;
}*/

#rotate_controls { float: left; }
#rotate_image div p { display:block; width: 300px; font-weight: bold; text-align: left; color: #000; margin: 0; padding: 0; }
.qp_prod_next { font-weight: bold; padding: 0; }
.qp_prod_prev { font-weight: bold; padding: 0; }
.qp_prod_counter { /*background-color: #DDD;*/ padding: 0; }
.qp_prod_totalnumber { /*background-color: #ccc;*/ padding: 0;}
.qp_prod_counter { /*background-color: #999;*/ padding: 0; }
.qp_prod_disabled { display: none; }


/* classes for tooltips */

#cluetip-outer {
	padding: 0;
}

#cluetip-inner {
	padding: 0 10px 0 10px;
	border: 1px solid #9d9d6b;
	background-color: #f1eecf;
}

#cluetip-inner p { font-size: 11px; text-align: left; } 

#cluetip-inner p a { color: #2b8b4b; }