/* IMPEDIMED */ /* BASIC ELEMENTS ------------------------------------------------------------------------------------- */ * { margin: 0; padding: 0; } html { min-height: 100%; margin-bottom: 1px; } body { text-align: center; font: 11px tahoma, arial, sans-serif; color: #757575; background:#e3eff2 } table, th, td { font: 12px arial, helvetica, sans-serif; color: #333; } a img, :link img, :visited img { border: none; } a:link { color: #3c6a1a; text-decoration: none; } a:visited { color: #72aa49; text-decoration: none; } /*a:visited { padding: 0 14px 0 0; background: url(images/link_visited.gif) no-repeat 100% 4px; color: #800080; }*/ a:hover, a:active { color: #5b883a; text-decoration: none; } #skip { display: none; } #content p { margin-bottom: 10px; } h1 { color: #8e8e8e; } h2 { color: #EE9716; font-size:17px } h4 { margin-top: 10px; }; div.content_column h2.loc, div.content_column h2.time, div.content_column h2.date { margin-bottom: 5px; } /* NAVIGATION ------------------------------------------------------------------------------------- */ #headnav { position:absolute; right: 300px; top: 7px; } #nav { position: absolute; top: 63px; left: 149px; width: 617px; height: 23px; background:#fff; } #nav li { float: left; position: relative; height: 23px; list-style: none; } #nav li a { cursor: pointer; } #nav li a, #nav li div { position: relative; display: block; height: 23px; text-decoration: none; color: #fff; font-size: 11px; } #nav li strong { position: absolute; top: 0px; left: 0px; display: block; height: 23px; } #nav li, #nav li a, #nav li strong, #nav li div { background-image: url(../images/nav.gif); } #nav li.medical-applications, #nav li.medical-applications a, #nav li.medical-applications a strong { background-position: 0px 0px; width: 129px; } #nav li.products, #nav li.products a, #nav li.products a strong { background-position: -129px 0px; width: 80px; } #nav li.knowledge-center, #nav li.knowledge-center a, #nav li.knowledge-center a strong { background-position: -209px 0px; width: 115px; } #nav li.customer-support, #nav li.customer-support a, #nav li.customer-support a strong { background-position: -324px 0px; width: 115px; } #nav li.investor-relations, #nav li.investor-relations a, #nav li.investor-relations a strong { background-position: -439px 0px; width: 112px; } #nav li.about-us, #nav li.about-us a, #nav li.about-us a strong { background-position: -551px 0px; width: 66px; } /* HOVER STATE */ #nav li.medical-applications:hover a, #nav li.medical-applications:hover a strong, #nav li.medical-applications a:hover, #nav li.medical-applications a:hover strong { background-position: 0px -23px; width: 129px; } #nav li.products:hover a, #nav li.products:hover a strong, #nav li.products a:hover, #nav li.products a:hover strong { background-position: -129px -23px; width: 80px; } #nav li.knowledge-center:hover a, #nav li.knowledge-center:hover a strong, #nav li.knowledge-center a:hover, #nav li.knowledge-center a:hover strong { background-position: -209px -23px; width: 115px; } #nav li.customer-support:hover a, #nav li.customer-support:hover a strong, #nav li.customer-support a:hover, #nav li.customer-support a:hover strong { background-position: -324px -23px; width: 115px; } #nav li.investor-relations:hover a, #nav li.investor-relations:hover a strong, #nav li.investor-relations a:hover, #nav li.investor-relations a:hover strong { background-position: -439px -23px; width: 112px; } #nav li.about-us:hover a, #nav li.about-us:hover a strong, #nav li.about-us a:hover, #nav li.about-us a:hover strong { background-position: -551px -23px; width: 66px; } /* ON STATE */ #nav li.medical-applicationson, #nav li.medical-applicationson strong, #nav li.medical-applicationson div { background-position: 0px -46px; width: 129px; } #nav li.productson, #nav li.productson strong, #nav li.productson div { background-position: -129px -46px; width: 80px; } #nav li.knowledge-centeron, #nav li.knowledge-centeron strong, #nav li.knowledge-centeron div { background-position: -209px -46px; width: 115px; } #nav li.customer-supporton, #nav li.customer-supporton strong, #nav li.customer-supporton div { background-position: -324px -46px; width: 115px; } #nav li.investor-relationson, #nav li.investor-relationson strong, #nav li.investor-relationson div { background-position: -439px -46px; width: 112px; } #nav li.about-uson, #nav li.about-uson strong, #nav li.about-uson div { background-position: -551px -46px; width: 66px; } /* IF NO DROP DOWNS ARE USED IN THE NAVIGATION YOU CAN REMOVE THE FOLLOWING STYLES DOWN TO THE LINE OF STARS */ /* DROP DOWNS */ /* POSITIONS LAST LIST(S) IN THE NAV */ #nav li.eight:hover ul, #nav li.eight a:hover ul { left: -2px; } #nav li.eight:hover li:hover ul, #nav li.eight a:hover li a:hover ul { visibility: visible; position: absolute; left: -140px; top: 0; } #nav li table { margin: 0 -1px -1px; border-collapse: collapse; } #nav li td { font-size: 11px; } #nav li:hover, * html #nav a:hover { position: relative; } #nav li li a { font-size: 11px; text-align: left; } /* FIRST LEVEL DROP DOWNS */ #nav li ul { display: none; } #nav li:hover ul, #nav li a:hover ul {display: block; position: absolute; top: 23px; left: 0; width: 140px; background: #589eb5; opacity: .95; filter: alpha(opacity=95); } #nav li:hover li, #nav li a:hover li { padding: 0px; height: auto; width: 140px !important; background:#589eb5;} #nav li:hover li.last, #nav li a:hover li.last { background: #589eb5 } #nav li:hover li a, #nav li a:hover li a { padding: 7px 10px 6px 8px; display: block; width: 122px !important; height: auto; color: #fff; background: #7db353; !important; } * html #nav li:hover li a, * html #nav li a:hover li a { width: 140px !important; w\idth: 140px; } #nav li:hover li a:hover, #nav li a:hover li a:hover { color: #fff; background: #97c275 !important; } /* MAKES THE HOVER 'STICK' IN FIREFOX */ /* CLASS 'drop' MUST BE ON THE 'href', NOT THE 'li' OR IT WILL NOT WORK */ #nav ul a.drop:hover, #nav ul :hover > a.drop{ color: #041527; background: white !important; } /**************************************************************************************************************/ /* STRUCTURE ------------------------------------------------------------------------------------- */ div#header .container { height: 114px; background: #fff; z-index:3; background: url(../images/bg_header.png) bottom left no-repeat; } div#content .container { padding:0 20px 15px 20px; width:950px; background: #fff; } div#footer .container { height: 50px; padding:30px 20px 20px 20px; width:950px; background: url(../images/bg_content.png) top left no-repeat; font-size:10px;} .container { width: 990px; margin: 0 auto; text-align: left; position: relative; } /* HEADER ------------------------------------------------------------------------------------- */ img.logo{position:absolute; top:31px; left:20px; width:120px; height:83px; display:block;} div.search { position: absolute; right: 20px; top: 65px; height: 17px; width: 176px;} div.search input { float:left; } div.search input#search{ width:145px; height:15px; padding:2px 0 0 2px; border:0px ; color:#fff; background:#dbdfdc; font-size:9px; } ul.secondary_nav {position:absolute; right:20px; top:7px; font-size:10px; color:#5299AF;} ul.secondary_nav li{list-style-type:none; float:left; margin-right:10px;} ul.secondary_nav li a{color:#888888;text-decoration:none;} ul.secondary_nav li a:hover{text-decoration:underline;} /* SITE LANDING PAGE ------------------------------------------------------------------------------------- */ body.landing { color:#535353; background:#e3eff2; font:normal 12px/15px arial,sans-serif; } .landing .row { position:relative; margin:0 auto; text-align:left; } .landing #content { margin-bottom:74px; padding:165px 0 0 223px; width:767px; min-height:147px; background:url(../images/landing-img.png) no-repeat 0 102px; } .landing #logo { position:absolute; top:30px; left:19px; } .landing h2 { position:absolute; top:59px; left:223px; color:#535353; font:normal 15px/17px arial,sans-serif; } .landing h3 { margin:0 0 26px; color:#448190; font:bold 14px/16px arial,sans-serif; text-align:center; text-transform:uppercase; text-shadow:0 1px 1px #f2fbfd; } .landing #intro { margin:42px 12px 0 0; width:300px; float:left; display:inline; color:#66a03a; font:bold 16px/21px arial,sans-serif; } .landing #region { margin:0; padding:17px 0 0; width:428px; min-height:140px; float:left; display:inline; background:url(../images/landing-map.png) no-repeat 50% 0; } .landing #region ul { margin:0; } .landing #region li { margin:0 26px 0 0; float:left; display:inline; list-style:none; } .landing #region .last { margin:0; } .landing .btn { padding:0 0 0 13px; display:inline-block; color:#f2fbfd !important; font:normal 14px/16px arial,sans-serif; background:url(../images/bg-btn.png) no-repeat 0 100px; cursor:pointer; } .landing .btn span { padding:7px 13px 8px 0; width:175px; display:inline-block; text-align:center; background:url(../images/bg-btn.png) no-repeat 100% 100px; cursor:pointer; } .landing .btn1 { background-position:0 -50px; } .landing .btn1 span { background-position:100% 0; } .landing .btn2 { background-position:0 -210px; } .landing .btn2 span { background-position:100% -135px; } .landing #footer { width:990px; color:#8f9395; font:normal 11px/13px arial,sans-serif; text-align:center; } /* HOMEPAGE ------------------------------------------------------------------------------------- */ div.flash_container {width:950px; height:370px; background:#fff; margin-bottom:10px; float:left;} div.knowledge_center{width:210px; min-height:31px; float:left; margin-right:30px; padding-left:10px; display:inline;} div.knowledge_center a.knowledge{position:relative; display:block; height:124px; width:210px; background:url(../images/btn_knowledge_center.jpg) top left no-repeat; font-size: 11px; font-weight: bold;} div.knowledge_center a.knowledge:hover{background:url(../images/btn_knowledge_center.jpg) bottom left no-repeat;} div.knowledge_center a span{position:absolute; top:98px; left:10px; cursor:pointer;} div.customer_support{width:210px; min-height:31px; float:left; margin-right:20px; display:inline;} div.customer_support a.support{position:relative; display:block; height:124px; width:210px; background:url(../images/btn_customer_support.jpg) top left no-repeat; font-size: 11px; font-weight: bold;} div.customer_support a.support:hover{background:url(../images/btn_customer_support.jpg) bottom left no-repeat;} div.customer_support a span{position:absolute; top:98px; left:10px; cursor:pointer;} div.news_portal{width:230px; float:left; margin-right:10px; display:inline;} div.news_portal ul{width:230px; list-style-type:none; border-top:1px solid #ececec; float:left;} div.news_portal ul li{border-bottom:1px solid #ececec;} div.news_portal ul li a{display:block; width:210px;padding:7px 10px 7px 10px; background:#fff url(../images/icon_list.gif) 203px 50% no-repeat; } div.news_portal ul li a:hover{background:#f4f4f4 url(../images/icon_list_hover.gif) 203px 50% no-repeat; } div.news_portal ul li a span.date{display:block; text-transform:uppercase; color:#666666; font-size:10px;} div.news_portal a.more_news {padding:10px; text-transform:uppercase; float:left;} div.news_portal a.more_news:hover {text-decoration:underline;} div.events_portal{width:230px; float:left; display:inline;} div.events_portal ul{width:230px; list-style-type:none; border-top:1px solid #ececec; float:left;} div.events_portal ul li{border-bottom:1px solid #ececec;} div.events_portal ul li a{display:block; width:210px;padding:7px 10px 7px 10px; background:#fff url(../images/icon_list.gif) 203px 50% no-repeat; } div.events_portal ul li a:hover{background:#f4f4f4 url(../images/icon_list_hover.gif) 203px 50% no-repeat; } div.events_portal ul li a span.date{display:block; text-transform:uppercase; color:#666666; font-size:10px;} div.events_portal ul li a span.location{display:block; text-transform:uppercase; color:#666666; font-size:10px;} div.events_portal a.more_events {padding:10px; text-transform:uppercase; float:left; } div.events_portal a.more_events:hover {text-decoration:underline;} /* SUBPAGE ------------------------------------------------------------------------------------- */ div#content .subpage { background:#fff url(../images/bg_subpage.gif) no-repeat 20px 100%; } div#content .subpage .sub { width:950px; padding:0; background:url(../images/bg_sub.gif) repeat-y 0 0; } div#content .subpage .sub .sub { background:url(../images/bg_cover.gif) no-repeat 150px 0; } div.sub_column {float:left; width:170px;} div.sub_column img.section {margin:0; padding:0; } div.sub_column ul.subnav {width:170px; list-style-type:none; background:#7db353; float:left;} div.sub_column ul.subnav li{color:#fff;height:1%} div.sub_column ul.subnav li a {display:block; line-height:13px; height:1%;padding:6px 0 7px 10px; color:#fff; font-size:11px; } div.sub_column ul.subnav li a:hover {text-decoration:none; background:#97c275;} div.sub_column ul.subnav li.expanded {background:#64a9be;} div.sub_column ul.subnav li.on div { background:#97c275; line-height:13px; padding:6px 0 7px 10px; font-size:11px;} div.sub_column ul.subnav li ul{list-style-type:none; background:#97c275; padding:5px;} div.sub_column ul.subnav li ul li{ margin-top:5px; color:#fff;} div.sub_column ul.subnav li ul li.on div{line-height:10px; padding:0px 0 0px 20px; font-size:10px; color:#265f71;} div.sub_column ul.subnav li ul li a{display:block; padding:0 0 0 20px; color:#fff; font-size:10px; } div.sub_column ul.subnav li ul li a:hover{text-decoration:none; color:#fff; background:transparent url(../images/icon_subnav.gif) 12px 4px no-repeat;} div.sub_column ul.subnav li ul li ul li {margin-top:5px; line-height:5px; padding:0 0 0 10px; } div.sub_column ul.subnav li ul li ul li.last {padding-bottom:5px; } div.content_column {margin-left:20px; width:760px; float:left; line-height:15px; } div.content_column h1 { margin-bottom:6px; font-size:26px; line-height:28px; } ul.breadcrumb {width:760px; height:36px; margin-bottom:12px; background:url(../images/bg_breadcrumb.gif) no-repeat; float:left; font-size:10px; list-style:none;} ul.breadcrumb li { float:left; margin:0!important; display:inline;} ul.breadcrumb li span{ height:24px; color:#fad9a3; padding:12px 14px 0 12px; float:left; line-height:13px; } ul.breadcrumb li a, ul.breadcrumb li a:visited{ display:inline; height:24px; color:#fff; padding:12px 12px 0 10px; background:url(../images/bg_breadcrumb_link.gif) top right no-repeat; float:left; line-height:13px; } ul.breadcrumb li a:hover{ color:#ffe8bd; text-decoration:none; background:url(../images/bg_breadcrumb_link.gif) bottom right no-repeat;} .content_column ul, .content_column ol { margin-bottom:10px; } .content_column ul li, .content_column ol li { margin-left:20px; margin-bottom:5px; } .product_col1 { margin:6px 15px 0 1px; padding: 0; width:247px; min-height:120px; float:left; display:inline; background: #fff; border-right: 1px solid #ebe9ea; } .product_col2 { margin:6px 15px 0 0; padding: 0; width:247px; min-height:120px; float:left; display:inline; background:#fff; border-right: 1px solid #ebe9ea; } .product_col3 { margin:6px 0 0 0; padding: 0; width:230px; min-height:120px; float:left; display:inline; background:#fff; border-right: none; } .product { margin:6px 10px 10px; padding:5px; width:350px; min-height:120px; float:left; display:inline; background:#ebe9ea; } .product_col1 .product, .product_col2 .product, .product_col3 .product { margin: 0px 10px 10px 0; padding:5px; width:222px; min-height:120px; float:left; display:inline; background:#ebe9ea; } .product_col1 .product_blank, .product_col2 .product_blank, .product_col3 .product_blank { margin: 0px 10px 10px 0; padding:5px; width:222px; min-height:120px; float:left; display:inline; background:#fff; } .product_col1 .bottom, .product_col2 .bottom, .product_col3 .bottom { margin: 0px 10px 0 0; } .product img { margin:0 10px 0 0; float:left; display:inline; border:1px solid #e4e3e1; } .product h2 { margin:10px 0 2px !important; clear:none !important; font-size:14px !important; line-height:16px !important; font-weight:normal; color:#5299af; font-size:24px; } .product ul { margin-top:5px; margin-left:117px; list-style:none; } .product li { margin:0 1px 2px 1px !important; font-size:10px; line-height:10px; } .product_box { margin:20px 0 0 -10px; } .product_box .on, .product:hover { background:#eaf2e4; } .product_box .product { margin:0 10px 10px; width:225px; padding:0 0 0 5px; } .product_box .product img { margin:5px 10px 5px 0; } div.two_column{width:760px;} div.one_column{width:760px;} div.two_column div.left_column {width:280px; float:left; margin-left:20px; line-height:15px; display:inline;} div.two_column div.left_column img.region_header{margin-bottom:13px;} div.two_column div.left_column h1, div.one_column h1{margin-bottom:6px; clear:left; color: #8e8e8e; font-weight:bold; line-height:28px; z-index:2; position:relative; } div.two_column div.left_coludivmn h2, div.one_column h2{font-size:18px; clear:left; color:#ee9716; font-weight:normal; line-height:21px; margin-bottom:10px;} div.two_column div.left_column h3, div.one_column h3{font-size:14px; clear:left; color:#ee9716; font-weight:bold;} div.two_column div.left_column h4, div.one_column h4{margin-top:20px; clear:left; font-size:11px; color:#757575; font-weight:bold;} div.two_column div.left_column table, div.one_column table { margin:20px 0; padding:0; } div.two_column div.left_column td, div.one_column td { padding:5px 0 7px; border-bottom:1px solid #efefef; } table.sig td { padding:5px; font-size:11px; color:#757575 } div.right_column {width:420px; margin-left:40px; float:right; display:inline;} div.two_column div.widecol {width:469px; margin-left:0;float:left; display:inline;} div.widecol div.support_option {margin-bottom:20px; padding:0 20px 15px 40px; border-bottom:1px solid #dfdfdf;} div.widecol div.support_option h3 {color:#5b883a;} div.widecol #first {background:url(../images/bg_number1.gif) top left no-repeat;} div.widecol #second {background:url(../images/bg_number2.gif) top left no-repeat;} div.widecol #third {background:url(../images/bg_number3.gif) top left no-repeat;} div.widecol #fourth {background:url(../images/bg_number4.gif) top left no-repeat;} div.two_column div.shortcol {width:271px; margin-left:20px; } div.support_box, .info { margin:0 0 10px 10px; padding:15px; width:228px; height:600px; background:#f4f4f4; border:2px solid #ececec; color:#8c8c8c; text-align:left;} .info { height:auto; font-size: 12px; } .info h4 { margin-top:0 !important; } div.two_column div.left_column h4, div.one_column .info h4 { margin-top:0 !important; font-size:12px; } div.content_column .info { line-height:19px; } .stock { width: 300px; } .stock ul { margin:8px 0 0; } .stock li { margin:0 0 7px 0px !important; padding:0; list-style:none; } .stock a { padding:4px 0; } a.logo_asx { padding-right:47px; background:url(../images/logo_asx_white.gif) no-repeat 100% 0; } a.logo_googfinance { padding-right:52px; background:url(../images/logo_googfinance_white.gif) no-repeat 100% 0; } a.logo_yahoofinance { padding-right:92px; background:url(../images/logo_yahoofinance_white.gif) no-repeat 100% 5px; } .info a.logo_asx { padding-right:47px; background:url(../images/logo_asx.gif) no-repeat 100% 0; } .info a.logo_googfinance { padding-right:52px; background:url(../images/logo_googfinance.gif) no-repeat 100% 0; } .info a.logo_yahoofinance { padding-right:92px; background:url(../images/logo_yahoofinance.gif) no-repeat 100% 5px; } .iframe {background:#f4f4f4;} #supportbox_form {background:#f4f4f4; text-align:left; overflow:visible;} #supportbox_form h2 {font-weight:normal; font-size:19px; padding-bottom:10px; border-bottom:1px solid #dddddd; margin-bottom:7px; color:#8c8c8c;} #supportbox_form h3 { margin-top:10px; } #supportbox_form h3.title { margin-bottom:6px; } #supportbox_form table {border:none; margin-bottom:10px;} #supportbox_form table td {color:#8c8c8c; font-size:11px; padding: 5px;} #supportbox_form table td.leftcell {text-align: left; } #supportbox_form table td label { margin-top:5px; width:80px; float:left; } #supportbox_form table td input { width:123px; float:left; padding:3px 3px 0 3px; height:21px; border:2px solid #dddddd;} #supportbox_form table td button {background:#f4f4f4; border:none;} #supportbox_form table .formbttn {margin-top:4px; cursor:pointer; width:100px; height:25px; border:none; margin-left:5px;} #supportbox_form .required {} #supportbox_form li { margin:4px 0; } .iframe .one_column { width:auto; } div.dark_box { margin-top:4px; padding:10px; background:#ededed; border:none; color:#5a5a5a; text-align:left; font-size:11px;} div.dark_box h4 { margin:0 0 2px 0; color:#5a5a5a; } div.dark_box p { margin-bottom:7px; } div.dark_box a:link, div.dark_box a:visited { margin-top:10px; padding-bottom:2px; color:#5b883a; text-decoration:underline; } div.dark_alt { margin-top:10px; } div.feature_box {width:420px; margin-bottom:10px; float:left; background:url(../images/bg_feature_box.gif) repeat-y -420px 0; } div.feature_box div.inner { background:url(../images/bg_feature_box.gif) no-repeat -840px 0; } div.feature_box div.inner div.inner { min-height:258px; background:url(../images/bg_feature_box.gif) no-repeat 0 100%; } div.prodoverview {background:none;} div.feature_box div.product_photo {position:relative; float:right; width:205px; display:inline;} div.feature_box div.product_photo div.photo {float:right; height:160px; width:160px; margin:10px 20px 20px 0; display:inline;} div.feature_box div.product_photo div.photo_large {float:right; height:200px; width:200px; margin:30px 0 20px 0px; display:inline;} div.feature_box div.product_photo a.view_larger {position:absolute; top:10px; left:20px; font-size:10px; text-transform:uppercase} div.feature_box div.product_photo a.larger { margin-top:20px; } div.feature_box div.product_photo ul.thumbnails{margin-left:20px; list-style-type:none; width:185px; } div.feature_box div.product_photo ul.thumbnails li{float:left; margin:5px 6px 6px 0;} div.feature_box div.product_photo ul.thumbnails li.on img{border:2px solid #ff9e00;} div.feature_box div.product_photo ul.thumbnails li.on a{border:none;} div.feature_box div.product_photo ul.thumbnails li.on a:hover{border:none;} div.feature_box div.product_photo ul.thumbnails li a{display:block; border:2px solid #e3e0e0;} div.feature_box div.product_photo ul.thumbnails li a:hover{border:2px solid #64a9be;} div.regional {float:left; width:170px; margin:20px 0 0 30px; display:inline;} div.regional h3 {margin:0;} div.regional span.regional_description {display:block; width:170px; font-size:14px; line-height:18px; margin-left:0; margin-bottom:5px; } div.regional ul.availability{width:170px; margin-top:10px; list-style-type:none; border-top:1px solid #ececec; } div.regional ul.availability li{border-bottom:1px solid #ececec; margin:0; font-size:13px; font-weight:bold;} div.regional ul.availability li.on {width:170px; padding:8px 5px 9px 5px;background:#f4f4f4 url(../images/icon_list_hover.gif) 155px 50% no-repeat;} div.regional ul.availability li a{display:block; width:170px; height:1%;padding:8px 5px 9px 5px; background:#fff url(../images/icon_list.gif) 155px 50% no-repeat; } div.regional ul.availability li a:hover{background:#f4f4f4 url(../images/icon_list_hover.gif) 155px 50% no-repeat; } div.feature_buttons{float:left; margin-bottom:15px; width:420px; height:36px;} #feature_tabs{float:left; margin-bottom:20px; width:420px;} #feature_tabs ul.yui-nav {list-style-type:none;} #feature_tabs ul.yui-nav li {float:left; margin:0 2px 0 0; height:24px; position:relative;} #feature_tabs ul.yui-nav strong { position:absolute; top:0; left:0; cursor:hand; cursor:pointer; } #feature_tabs ul.yui-nav li#downloads_tab a, #feature_tabs ul.yui-nav li#downloads_tab a strong {display:block; width:132px; height:24px; background:url(../images/tab_available_download.gif) top left no-repeat;} #feature_tabs ul.yui-nav li#downloads_tab.selected a, #feature_tabs ul.yui-nav li#downloads_tab.selected a strong {background:url(../images/tab_available_download.gif) bottom left no-repeat;} #feature_tabs ul.yui-nav li#distributors_tab a, #feature_tabs ul.yui-nav li#distributors_tab a strong {display:block; width:172px; height:24px; background:url(../images/tab_sales_contacts.gif) top left no-repeat;} #feature_tabs ul.yui-nav li#distributors_tab.selected a, #feature_tabs ul.yui-nav li#distributors_tab.selected a strong {background:url(../images/tab_sales_contacts.gif) bottom left no-repeat;} #feature_tabs ul.yui-nav li#video_tab a, #feature_tabs ul.yui-nav li#video_tab a strong {display:block; width:103px; height:24px; background:url(../images/tab_view_video.gif) top left no-repeat;} #feature_tabs ul.yui-nav li#video_tab.selected a, #feature_tabs ul.yui-nav li#video_tab.selected a strong {background:url(../images/tab_view_video.gif) bottom left no-repeat;} #downloads, #videos {clear:both; background:#efeeee; width:400px; padding:10px} #downloads ul.downloads, #videos ul.downloads{list-style-type:none; line-height:12px;} #downloads ul.downloads li, #videos ul.downloads li{float:left; padding:8px 0 4px 10px; margin:0 0 10px 0; width:390px; min-height:20px; background:#f5f5f5; display:block;} #distributors {clear:both; background:#efeeee; width:400px; padding:10px} #distributors div.vcard {float:left; width:160px; padding-left:10px; margin-bottom:10px;} div.vcard span.fn {color:#555454; font-size:12px; display:block;} div.vcard a.email{display:block; margin-bottom:5px;} div.vcard div.adr{font-size:11px; margin-bottom:3px;} div.accessories_widget { width:420px; clear:left; } ul#accessories_list { margin-bottom:0; } /*div.accessories_widget div.accessories_container { margin-top:-4px; z-index:4; } div.accessories_widget div.accessories_container_all { margin-top:-10px; }*/ div.accessories_widget a.left_arrow{z-index:2; position:absolute; top:67px; left:1px; height:63px; width:12px; background:url(../images/bg_arrow_left.gif) 0 0 no-repeat;} div.accessories_widget a.left_arrow:hover{background:url(../images/bg_arrow_left.gif) 0 -63px no-repeat;} div.accessories_widget a.left_arrow_off{position:absolute; top:67px; left:1px; height:63px; width:12px; background:url(../images/bg_arrow_left.gif) 0 -126px no-repeat;cursor:default;} div.accessories_widget a.right_arrow{z-index:2; position:absolute; top:67px; right:1px; height:63px; width:12px; background:url(../images/bg_arrow_right.gif) 0 0 no-repeat;} div.accessories_widget a.right_arrow:hover{background:url(../images/bg_arrow_right.gif) 0 -63px no-repeat;} div.accessories_widget a.right_arrow_off{position:absolute; top:67px; right:1px; height:63px; width:12px; background:url(../images/bg_arrow_right.gif) 0 -126px no-repeat;cursor:default;} div.accessories_widget div.accessories_container_all a.left_arrow, div.accessories_widget div.accessories_container_all a.left_arrow_off, div.accessories_widget div.accessories_container_all a.right_arrow, div.accessories_widget div.accessories_container_all a.right_arrow_off {display:none;} div.accessories_container, div.accessories_container_all {width:420px; height:189px; position:relative; background:#F3F3F3 none repeat scroll 0 0;} div.accessories_container_all {height:auto; background:#f3f3f3; padding-bottom:25px;} div.accessories_container ul.accessories, div.accessories_container_all ul.accessories{list-style-type:none;} div.accessories_container ul.accessories li, div.accessories_container_all ul.accessories li{min-height:131px; float:left; width:90px; margin-right:24px; margin-top:18px; display:inline;} div.accessories_container ul.accessories li.last, div.accessories_container_all ul.accessories li.last{margin:0px;} div.accessories_container ul.accessories li span.title, div.accessories_container_all ul.accessories li span.title{ display:none; min-height:30px; color:#ee9716; font-weight:bold; margin-bottom:5px; } div.accessories_container ul.accessories li a img.thumbnail, div.accessories_container_all ul.accessories li a img.thumbnail{margin-bottom:5px; border:2px solid #e3e0e0; } div.accessories_container ul.accessories li a img.thumbnail:hover, div.accessories_container_all ul.accessories li a img.thumbnail:hover{margin-bottom:5px; border:2px solid #64a9be; } div.accessories_container ul.accessories li a span.description, div.accessories_container_all ul.accessories li a span.description{color:#757575; font-size:10px; line-height:12px;} .content_column .eventsList { float:left; width:750px; list-style-type:none; margin:0 0 5px 0;padding:0; } .content_column .eventsList li { margin:0 0 10px 0; } .content_column .newsList { float:left; width:750px; list-style-type:none; margin:0 0 5px 0;padding:0; } .content_column .newsList li { margin:0 0 10px 0; } ul.biolist { margin:0 0 20px 25px; } ul.biolist li { list-style:none; padding-bottom:35px; padding-top:15px; border-bottom:1px dotted #cfcfcf; width:600px; clear:both; } ul.biolist img { float:left; margin-right:15px; margin-bottom:25px; } ul.biolist span { display:block; } ul.biolist h2, ul.biolist span.name { margin:0; font-size:14px; font-weight:normal; } ul.biolist h3, ul.biolist span.title { margin-bottom:3px; font-size:13px; font-style:italic; font-weight:normal; } table.biolist { margin:0 0 20px 25px !important; width:600px; } table.biolist td { list-style:none; padding-bottom:35px; padding-top:15px; border-bottom:1px dotted #cfcfcf; font-family:tahoma,arial,sans-serif; font-size:11px; color:#757575; } table.biolist td.thumb { padding-right:15px; padding-bottom:25px; } table.biolist span { display:block; } table.biolist h2, table.biolist span.name { margin:0; font-size:14px; font-weight:normal; } table.biolist h3, table.biolist span.title { margin-bottom:3px; font-size:13px; font-style:italic; font-weight:normal; } ul.bioexp { margin:0 0 20px 25px; } ul.bioexp li { list-style:none; padding-bottom:10px; padding-top:5px; border-bottom:1px dotted #cfcfcf; width:500px; } h2.title { font-style:italic; } div.two_column div.left_column h2.subtitle, div.one_column h2.subtitle { margin:10px 0; color:#757575; } div#content div.one_column div.app_col1 h3.sub { width:499px !important; color:#72A846 !important; margin-bottom:5px; line-height:18px; } .summary { margin:-30px 0 30px; width:739px; height:252px; position:relative; z-index:1; } .summary .quote { position:absolute; top:96px; left:12px; padding-left:20px; color:#FFF; width:488px; font-size:14px; line-height:20px; } .summary .quote h2 { font-size:18px; color:#FFF !important; } .summary .quote p { margin:0; } .summary .quote p.footnote { margin:10px 0 0 0; font-size: 10px; } .lymphedema { margin-top:0; height:245px; background:#ff8a00 url(../images/app_lymphedema.jpg) no-repeat; } .lymphedema .quote { top:46px; border-left:2px solid #ffc000; } .lymphedema .quote p { margin-right:20px; } .hydration { height:277px; background:#57a2ba url(../images/app_hydration.jpg) no-repeat; } .hydration .quote { width:369px; border-left:2px solid #8fd7ee; } .hydration .quote h2 { font-style:italic; } .research { background:#a15522 url(../images/app_research.jpg) no-repeat; } .research .quote { width:369px; border-left:2px solid #df7934; } .app_col1 { width:499px; float:left; line-height:15px; } .app_col1 li { margin-bottom:15px !important; } .app_col2 { width:200px; float:left; margin-left:20px; display:inline; } div.one_column .contact table { margin-top:0; } div.one_column .contact table td { padding-bottom:10px; } .contact td h3 { margin-bottom:10px; } .contact td img { padding:3px; border:1px solid #d0d0c2; } .content_column .list ul { width:400px !important; float:none; } .list li { padding:3px 0 5px; border-bottom:1px solid #efefef; } .list li a { font-size:13px; } .disclaimer { margin-top:10px; padding-top:10px; border-top:1px solid #efefef; } div.one_column .detail h4 { margin-top:15px; } div.one_column .eventdetail h4 { margin:0; } table.knowledge_table { margin-top: 15px; text-align: left; float: left; } table.knowledge_table th { background: #72aa49; padding: 5px; font-size: 14px; color: #efefef; } table.knowledge_table td { padding:7px; color: #757575; vertical-align: top; } table.knowledge_table td h4 { margin-top:3px; } table.knowledge_table .dark { background: #efefef; } .firstkb { margin-top:32px; } div.knowledge { width:468px; height:121px; margin-left:17px; margin-bottom:8px; color: #767873; background:url(../images/bg_knowledge_base.jpg) 100% 0 no-repeat; } div.knowledge div.para { position:relative; width:445px; height:87px; top:17px; margin-left:17px; font-size:14px; } div.knowledge div.para h2 { font-size:24px; color: #5a99ab; } div.knowledge div.para a, div.knowledge div.para a:link, div.knowledge div.para a:visited, div.knowledge div.para a:hover { color: #5a99ab; font-size:12 !important; font-weight:bold; } /* ACCESSORIES CAROUSEL ------------------------------------------------------------------------------------- */ /* carousel required classes */ .carousel-component{position:relative; overflow:hidden; display:none;} .carousel-component ul.carousel-list{width:10000000px;position:relative;z-index:1;} .carousel-component .carousel-list li{float:left;list-style:none;overflow:hidden;} .carousel-component .carousel-clip-region{overflow:hidden;margin:0px auto;position:relative;height:197px;} /* carousel overrides */ .carousel-component {/*padding-left:39px;*/left:12px} /*.carousel-component-all{padding-left:51px;}*/ .carousel-component .carousel-list li{width:90px;} /* impedimed-specific */ #accessories_view, #accessories_counter { z-index:5; float:right; padding-left:10px; outline:none; visibility:hidden; } /* ACCESSORIES MAINPAGE ------------------------------------------------------------------------------------- */ .app { margin:10px 0; width:719px; min-height:120px; } .app a { padding:14px 275px 20px 20px; width:424px; min-height:80px; display:block; color:#fff !important; font-size:14px; line-height:17px; } .app a:hover { color:#fff; } .app a span { margin-bottom:1px; display:block; font-size:23px; } .app a#app_page1 { background:#ff8a00 url(../images/app_page1.jpg) no-repeat 0 100%; } .app a#app_page1:hover { background:#ffb301 url(../images/app_hover_page1.jpg) no-repeat 0 100%; } .app a#app_page2 { background:#57a2ba url(../images/app_page2.jpg) no-repeat 0 100%; } .app a#app_page2:hover { background:#66bad4 url(../images/app_hover_page2.jpg) no-repeat 0 100%; } .app a#app_page3 { background:#a15522 url(../images/app_page3.jpg) no-repeat 0 100%; } .app a#app_page3:hover { background:#c76d31 url(../images/app_hover_page3.jpg) no-repeat 0 100%; } /* FOOTER ------------------------------------------------------------------------------------- */ div#footer a{color:#888888; margin-right:15px;} div#footer span { margin-right:15px; } div#footer a:hover{text-decoration:underline;} /* LINK ICONS ------------------------------------------------------------------------------------- */ .external { padding: 0 16px 0 0; background: url(../images/link_external.gif) no-repeat 100% 4px; } .popup { padding: 0 16px 0 0; background: url(../images/link_popup.gif) no-repeat 100% 4px; } .popup2 { padding: 0 16px 0 0; background:#F2F2F2; } .pdf { padding: 0 14px 0 0; background: url(../images/link_pdf.gif) no-repeat 100% 1px; } .doc { padding: 0 15px 0 0; background: url(../images/link_worddoc.gif) no-repeat 100% 4px; } .outlook { padding: 0 15px 0 0; background: url(../images/link_outlook.gif) no-repeat 100% 4px; } .excel { padding: 0 15px 0 0; background: url(../images/link_excel.gif) no-repeat 100% 4px; } .ppt { padding: 0 15px 0 0; background: url(../images/link_powerpoint.gif) no-repeat 100% 4px; } .txt { padding: 0 13px 0 0; background: url(../images/link_text.gif) no-repeat 100% 4px; } .zip { padding: 0 16px 0 0; background: url(../images/link_zip.gif) no-repeat 100% 4px; } .rar { padding: 0 16px 0 0; background: url(../images/link_rar.gif) no-repeat 100% 4px; } .flash { padding: 0 15px 0 0; background: url(../images/link_flash.gif) no-repeat 100% 4px; } .video { padding: 0 15px 0 0; background: url(../images/link_video.gif) no-repeat 100% 4px; } .qt { padding: 0 15px 0 0; background: url(../images/link_quicktime.gif) no-repeat 100% 4px; } .rp { padding: 0 16px 0 0; background: url(../images/link_realplayer.gif) no-repeat 100% 4px; } .wmp { padding: 0 16px 0 0; background: url(../images/link_wmp.gif) no-repeat 100% 4px; } .audio { padding: 0 15px 0 0; background: url(../images/link_audio.gif) no-repeat 100% 4px; } .podcast { padding: 0 15px 0 0; background: url(../images/link_podcast.gif) no-repeat 100% 4px; } .ical { padding: 0 15px 0 0; background: url(../images/link_ical.gif) no-repeat 100% 4px; } .itunes { padding: 0 15px 0 0; background: url(../images/link_itunes.gif) no-repeat 100% 4px; } .rss { padding: 0 15px 0 0; background: url(../images/link_rss.gif) no-repeat 100% 4px; } span.video { padding:0 82px 0 0; background: url(../images/icn_video.gif) no-repeat 100% 1px; } span.leadin { color:#a7a3a0; font-size:12px; } /* MISC. CLASSES & IDS ------------------------------------------------------------------------------------- */ .hide { display: none; } .clear { clear: both; } br.clear { line-height: 0px; height: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */ .clearfix { display: inline-block; } .clearfix { /*\*/display: block;/**/ } /* ADD THIS CLASS TO AN ELEMENT TO FIX THE IE ITALICS BUG, MUST BE THE INNER-MOST BLOCK-LEVEL ELEMENT THAT CONTAINS THE TEXT LIKE p, blockquote OR li MAY REQUIRE A MORE DIRECT PATH TO THE ELEMENT */ * html .italicsfix { /*\*/overflow: hidden; o\verflow: visible; width: 100%; w\idth: auto; he\ight: 1%;/**/ } .floatleft { float: left; } .floatright { float: right; } img.floatleft { margin: 0 10px 5px 0; position: relative; } img.floatright { margin: 0 0 5px 10px; position: relative; } .alignleft { text-align: left; } .alignright { text-align: right; } .aligncenter { text-align: center; } .aligntop { vertical-align: top; } .alignbottom { vertical-align: bottom; } table.form { border: none; } table.form td { padding: 5px; text-align: left; vertical-align: top; } table.form td.alt { border-bottom:none !important; } table.form td input, table.form td select { margin-left: 5px; } table.form td select { width:146px; } table.form td textarea { margin-left:5px; } table.form td .radiobutton { margin-right:4px; } table.form td label { line-height:20px; } table.form td .formbttn { margin-top:4px; cursor:pointer; } .required, .error { color: #ff0000; } table.generic { border: none; } table.generic tr { margin-bottom: 10px; } small.totop { display: block; margin-bottom: 20px; } h5.subsubtitle { margin-left:8px; clear:left; color:#757575; font-size:10px; } .pad { padding-left:30px; } /* LIGHTBOX PANEL ------------------------------------------------------------------------------------- */ .yui-overlay, .yui-panel-container{visibility:hidden;position:absolute;z-index:5;} .yui-panel-container form{margin:0;} .mask{z-index:4;display:none;position:absolute;top:0;left:0;right:0;bottom:0;} .mask.block-scrollbars{overflow:auto;} .masked select, .drag select, .hide-select select{_visibility:hidden;} .yui-panel-container select{_visibility:inherit;} .hide-scrollbars, .hide-scrollbars *{overflow:hidden;} .hide-scrollbars select{display:none;} .show-scrollbars{overflow:auto;} .yui-panel-container.show-scrollbars, .yui-tt.show-scrollbars{overflow:visible;} .yui-panel-container.show-scrollbars .underlay, .yui-tt.show-scrollbars .yui-tt-shadow{overflow:auto;} .yui-panel-container.shadow .underlay.yui-force-redraw{padding-bottom:1px;} .yui-effect-fade .underlay{display:none;} .yui-tt-shadow{position:absolute;} .mask{background-color:#000;opacity:.25;*filter:alpha(opacity=25);} .yui-panel-container{padding:0 1px;*padding:2px 3px;} .yui-panel{position:relative;*zoom:1;left:0;top:0;border-style:solid;border-width:1px 0;border-color:#808080;z-index:4;} .yui-panel .hd, .yui-panel .bd, .yui-panel .ft{text-align:left;*zoom:1;*position:relative;border-style:solid;border-width:0 1px;border-color:#808080;margin:0 -1px;} .yui-panel .hd{border-bottom:solid 1px #ccc;} .yui-panel .bd, .yui-panel .ft{background-color:#F2F2F2;} .yui-panel .hd{padding:0 10px;font-size:93%;line-height:2;*line-height:1.9;font-weight:bold;color:#000;background:url(../images/yui-sam-sprite.png) repeat-x 0 -200px;} .yui-panel .bd{padding:10px;} .yui-panel .ft{border-top:solid 1px #808080;padding:5px 10px;font-size:77%;} .yui-panel-container.focused .yui-panel .hd{} .container-close{position:absolute;top:3px;right:3px;width:25px;height:15px;background:url(../images/yui-sam-sprite.png) no-repeat 0 -300px;cursor:pointer;} .yui-panel-container .underlay{right:-1px;left:-1px;} .yui-panel-container.matte{padding:9px 10px;background-color:#fff;} .yui-panel-container.shadow{_padding:2px 5px 0 3px;} .yui-panel-container.shadow .underlay{position:absolute;top:2px;right:-3px;bottom:-3px;left:-3px;*top:3px;*left:-1px;*right:-1px;*bottom:-1px;_top:0;_right:0;_bottom:0;_left:0;_margin-top:3px;_margin-left:-1px;background-color:#000;opacity:.12;*filter:alpha(opacity=12);} .yui-dialog .ft{border-top:none;padding:0 10px 10px 10px;font-size:100%;} .yui-dialog .ft .button-group{display:block;text-align:right;} .yui-dialog .ft button.default{font-weight:bold;} .yui-dialog .ft span.default{border-color:#304369;background-position:0 -1400px;} .yui-dialog .ft span.default .first-child{border-color:#304369;} .yui-dialog .ft span.default button{color:#fff;} .yui-simple-dialog .bd .yui-icon{background:url(../images/yui-sam-sprite.png) no-repeat 0 0;width:16px;height:16px;margin-right:10px;float:left;} .yui-simple-dialog .bd span.blckicon{background-position:0 -1100px;} .yui-simple-dialog .bd span.alrticon{background-position:0 -1050px;} .yui-simple-dialog .bd span.hlpicon{background-position:0 -1150px;} .yui-simple-dialog .bd span.infoicon{background-position:0 -1200px;} .yui-simple-dialog .bd span.warnicon{background-position:0 -1900px;} .yui-simple-dialog .bd span.tipicon{background-position:0 -1250px;} .yui-tt .bd{position:relative;top:0;left:0;z-index:4;color:#000;padding:2px 5px;border-color:#D4C237 #A6982B #A6982B #A6982B;border-width:1px;border-style:solid;background-color:#FFEE69;} .yui-tt.show-scrollbars .bd{overflow:auto;} .yui-tt-shadow{top:2px;right:-3px;left:-3px;bottom:-3px;background-color:#000;} .yui-tt-shadow-visible{opacity:.12;*filter:alpha(opacity=12);} input.checkbox { margin-right:5px; } /* accordion --------------------------------------------------------------------------------------*/ .yui-cms-accordion { margin:0 0 30px; width:485px; } .yui-cms-accordion .yui-cms-item { position:relative; border:1px solid #efefef; border-width:1px 0 0; padding:3px 0 0; z-index:2; } .yui-cms-accordion .yui-cms-item.sliding, .yui-cms-accordion .yui-cms-item.selected{ } .yui-cms-accordion .yui-last { border-bottom:1px solid #efefef; } /* Title Styles */ .yui-cms-accordion .yui-cms-item .hd { margin:0; padding:0 0 1px 10px; cursor:pointer; } .yui-cms-accordion .yui-cms-item .hd h3 { color:#5b883a; font-size:12px; font-weight:normal; } .yui-cms-accordion.vertical .yui-cms-item .bd { height: auto; width: 1px; } .yui-cms-accordion .yui-cms-item .bd .fixed { padding: 5px; } /* Action Button Styles */ .yui-cms-accordion .yui-cms-item .actions { position:relative; top: -22px; right: 5px; text-align: right; } .yui-cms-accordion .yui-cms-item .actions a { margin-right: 4px;text-decoration: none; font-size: 50%; float: right; } .yui-cms-accordion .yui-cms-item .actions .accordionToggleItem { position:absolute; top:0; left:0; width: 100%; height: 14px; background: url(../images/accordion_plus.gif) no-repeat 100% 3px; cursor:pointer; outline:none; } .yui-cms-accordion .yui-cms-item.selected .actions .accordionToggleItem { background: url(../images/accordion_minus.gif) no-repeat 100% 3px; } .yui-cms-accordion.persistent .yui-cms-item.selected .actions .accordionToggleItem { display: none; } .yui-cms-accordion.vertical .yui-cms-item .actions .accordionToggleItem { height: 15px; } .yui-cms-accordion.vertical .yui-cms-item.selected .actions .accordionToggleItem { } .yui-cms-accordion .yui-cms-item .actions .accordionRemoveItem { width: 25px; height: 15px; } /* Hidden Content Styles */ .yui-cms-accordion .yui-cms-item .bd { height: 0; padding:0 15px; overflow: hidden; line-height:16px; } .yui-cms-accordion.fixIE .yui-cms-item .bd { *height: 1px; /* IE Hack */ } .yui-cms-accordion .yui-cms-item.selected .bd { height: auto; } .yui-cms-accordion .yui-cms-item .bd ul { margin:0; } /* Misc & Overwrite */ .yui-cms-accordion .yui-cms-item .ajax .fixed { background: url(loading.gif) no-repeat 50% 50%; } .yui-cms-accordion .yui-panel .hd, .yui-cms-accordion .yui-panel .bd, .yui-cms-accordion .yui-panel .ft { border:none; background:none;} .alphaSelect { margin-left:-8px; margin-bottom:30px !important; margin-top:10px !important; } .alphaSelect li { list-style-type: none; display:inline; width:5px; margin-left:10px !important; } .glossaryTable { margin-top:-25px!important; padding-top:0px; } .rightanchor { margin-left: 400px; } div.one_column table.phone td {margin:0px; padding:0px; border: 0px;} div.one_column .contact table td {margin:0px; padding:0px; border: 0px;} /* MAC/FIREFOX OPACITY FLASH BUG */ .opaque #nav li:hover ul, .opaque #nav li a:hover ul, .opaque .mask, .opaque .yui-panel-container.shadow .underlay { opacity:1 } /* Registration page */ #product_code { position:absolute; top:214px; left:733px; z-index:100; } .iframe div.one_column #supportbox_form td { } #pintboxPanel_c { z-index:700; } /* Popup */ body.popup2 {} .popup2 div.one_column { width:460px; text-align:left; margin:0 auto; } .popup2 #phys_resources_login { margin-top:69px; margin-left:83px; } .popup2 input.input { width:150px; }