@charset "utf-8";
/* ####### Eurofins EBE specific css ####### */
.text ul,.text ol {padding-top:10px;padding-bottom:10px;padding-left:30px;}
.text ul li ,.text ol li {padding-bottom:5px;}
.text p { padding-top:5px;padding-bottom:5px;}
.text a {text-decoration:underline;color:#EF821C;}
.wordwrap {word-wrap:break-word;}

/* Eurofins Colors */
.efColorOrange, .efColorOrange a { color: #fe6613;} 
.efColorOrange_bg { background: #fe6613;}
.efColorDarkBlue, .efColorDarkBlue a { color: #0e1f7f;}
.efColorDarkBlue_bg { background: #0e1f7f;}
.efColorBlue, .efColorBlue a { color: #1e60a9;}
.efColorBlue_bg { background: #1e60a9;}
.efColorLightBlue, .efColorLightBlue a { color: #356d96;}
.efColorLightBlue_bg { background: #356d96;}
.efColorCyan, .efColorCyan a { color: #af2a42;}
.efColorCyan_bg { background: #af2a42;}
.efColorPink, .efColorPink a { color: #901587;}
.efColorPink_bg { background: #901587;}
.efColorPurple, .efColorPurple a { color: #4e51be;}
.efColorPurple_bg { background: #4e51be;}
.efColorYellow, .efColorYellow a { color: #ffe80f;}
.efColorYellow_bg { background: #ffe80f;}
.efColorLightGreen, .efColorLightGreen a { color: #e5e76c;}
.efColorLightGreen_bg { background: #e5e76c;}
.efColorGreyGreen, .efColorGreyGreen a { color: #39695c;}
.efColorGreyGreen_bg { background: #39695c; }

/* #### Site Layout #### */
/* # Descscription: Defines the global site layout # */
/* # Author: gdwi # */
/* # Created: 05-11-2011 # */
/* # Updated: 02-08-2013 # */
#site {margin-left: auto;margin-right: auto;width:988px;}
#site div#siteLeft {float:left;/*width:827px;*/}
#site div#siteLeft div#contentHeaderImage {}
#site div#siteLeft div#contentHeaderImage img {width: 100%;height: 133px;}
#site div#siteLeft div#noImage {clear: left;width: 100%;height: 10px;background: red;}
#site div#siteRight {z-index:55;float:left;width:161px;}
#site div#header {width:100%;height:100px;}
#site div#header div#logo {float:left;background-image:url(/images/logo.gif);background-repeat:no-repeat;background-position:left;width:260px;height:100px;}
#site div#header div#logo a {position:absolute;width:260px;height:100px;}

/* #### Product specific css #### */
/* # Descscription: Defines the css for the different Business Units # */
/* # Author: gdwi # */
/* # Created: 05-11-2011 # */
/* # Updated: 10-10-2012 # */
h1.gene, h2.gene, h3.gene, h4.gene, h5.gene {color: #ab3f97;padding: 0 0 20px 0;}
a.gene,.gene a  {color: #ab3f97;}
a.gene:hover {color: #ab3f97;}

h1.oligo, h2.oligo, h3.oligo, h4.oligo, h5.oligo {padding: 0 0 20px 0;color: #f5822b;}
a.oligo, .oligo a {color: #f5822b;}
a.oligo:hover {color: #f5822b;}

h1.seq, h2.seq, h3.seq, h4.seq, h5.seq {color: #004896;padding: 0 0 20px 0;}
a.seq, .seq a {color: #004896;}
a.seq:hover { color: #004896;}

h1.next, h2.next, h3.next, h4.next, h5.next {color: #00b9e7;padding: 0 0 20px 0;}
a.next, .next a {color: #00b9e7;}
a.next:hover {color: #00b9e7;}

h1.genotyping, h2.genotyping, h3.genotyping, h4.genotyping, h5.genotyping {color: #af2a42;padding: 0 0 20px 0;}
a.genotyping, .genotyping a {color: #af2a42;}
a.genotyping:hover {color: #af2a42;}

h1.service-corner, h2.service-corner, h3.service-corner, h4.service-corner, h5.service-corner {color: #004896;padding: 0 0 20px 0;}
a.service-corner, .service-corner a {color: #004896;}
a.service-corner:hover {color: #004896;}

h1.markets, h2.markets, h3.markets, h4.markets, h5.markets {color: #226c8e;padding: 0 0 20px 0;}
a.markets, .markets a {color: #226c8e;}
a.markets:hover {color: #226c8e;}

/* #### Search #### */
/* # Description: Search text field and submit button # */
/* # Author: gdwi # */
/* # Created: 01-09-2012 # */
/* # Updated: 02-10-2012 # */


/* #### Top Area #### */
/* # Descscription: Defines the top area # */
/* # Author: gdwi # */
/* # Created: 05-11-2011 # */
/* # Updated: 10-10-2012 # */
#header div#top {float:right;margin-top:25px;height:50px;font-size: 0.9em;line-height:17px;color: #444444;}
#header div#top div.topUserAccount {float:left;width:220px;padding-right: 10px;height: 100%;border-right: 1px solid #cccccc;}
#header div#top div.topUserAccount a {color: #444444; padding: 2px;text-decoration: underline;}
#header div#top div.topUserAccount div.content {float:right;text-align:right;}
#header div#top div.topUserAccount a.login {color: #aaaaaa;font-weight:normal;text-decoration: underline;}
#header div#top div.topUserAccount a.logout {color: #c60000;font-weight:normal;border-left: 1px solid #cccccc;padding-left: 5px;}
#header div#top div.topUserAccount .impersonating {color: green;font-style:italic;}
#header div#top div.topUserAccount a.newLogin { background: url(/images/icons/create_account.gif) center left no-repeat;padding-left:25px;line-height:16px;color:#444444;}
#header div#top div.topUserAccount a.newLogin:hover { }
#header div#top div.topUserAccount a.myOrders {border-left: 1px solid #cccccc;padding-left: 5px;}
#header div#top div.topUserAccount a.backendLink {color: green;}
#header div#top div.headerServiceSection {float: left;border-right: 1px solid #cccccc;height: 100%;padding-left: 10px;padding-right:10px;}
#header div#top div.headerQuickOrderSection {float: left;height: 100%;/*border-right: 1px solid #cccccc;*/padding-left: 10px;/*padding-right:10px;*/}
#header div#top div.cartOverview { float: left;width: 170px;border-left: 1px solid #cccccc;margin-left: 10px;}
#header div#top div.cartOverview a {text-decoration:underline;}

/* #### Top Login Panel #### */
/* # Descscription: Opens a lightbox on click of Login  # */
/* # Author: gdwi # */
/* # Created: 05-11-2011 # */  
/* # Updated: 11-11-2014 # */
.top-login-panel div.label {float:left;margin-top:10px;width:80px;}
.top-login-panel div.input{float:left;width:210px;margin-top:10px;}
.top-login-panel input.text{width:208px;}
.top-login-panel div.additionalLinks { width: 100%;margin-top: 10px;}
.top-login-panel div.additionalLinks div.left { float: left;width: 49%;}
.top-login-panel div.additionalLinks div.right { float: right;}
.top-login-panel input.button {border:1px solid #072b79;background: #072b79;color: #ffffff;}
.top-login-panel a.forgot_password {font-size:0.9em;text-decoration:underline;}
.top-login-panel a.login_unsecured {font-size:0.9em;text-decoration:underline;}
.top-login-panel a.create_account{font-size:0.9em;color: #f07f15;text-decoration:underline;}

/* #### Content Box #### */
/* # Descscription: Shows tabs for content box# */
/* # Author: gdwi # */
/* # Created: 05-11-2011 # */
/* # Updated: 10-10-2012 # */
.content-box {float:left;margin: 35px 15px 15px 15px;padding:20px;border:1px solid #cccccc;z-index:1;}
.content-box-tabs {position:absolute;float:left;left:20px;top: -17px;z-index:3;}
.content-box-tabs .content-box-headline-active {position:relative;float:left;margin-left:20px;padding:8px 12px 8px 12px; border:1px solid #cccccc;background:#ffffff;color:#666666;z-index:3;}
.content-box-tabs .content-box-headline-active a {color:#666666;}
.content-box-tabs .content-box-headline {position:relative;float:left;color:#cccccc;padding:8px 12px 8px 12px;margin-left:20px;border:1px solid #cccccc;background:#ffffff;z-index:3;}
.content-box-tabs a {text-decoration:none;color:#cccccc;}
.content-box-tabs a:hover{text-decoration:none;color:#666666;}

/* #### Language Dropdown #### */
/* # Descscription: Displays the language select box # */
/* # Author: gdwi # */
/* # Created: 05-11-2011 # */
/* # Updated: 10-10-2012 # */
#languageBox {clear:left;clear:right;width:100px;float:right;padding-top:3px;}
#languageBox select {border: 1px solid #cccccc;background: #f0f0f0;font-size:0.9em;width:90px;}

/* #### Main Navigation #### */
/* # Descscription: Displays the main navigation at the top # */
/* # Author: gdwi # */
/* # Created: 05-11-2011 # */
/* # Updated: 10-10-2012 # */
#mainNavigation {position:relative;width:100%;clear:left;float:left;height:46px;margin:0 0 0 0;border-bottom:1px solid #ffffff; background:#444444;z-index: 10;}
#mainNavigation .select,
#mainNavigation .current {margin:0;padding:0;list-style:none;}
#mainNavigation li {display:inline;margin:0;padding:0;height:auto;}
#mainNavigation ul.select li a {width:105px;}
#mainNavigation .select a.main, #mainNavigation .current a.main {display:block;height:38px;float:left;background:#666666;padding:8px 10px 0 10px;text-decoration:none;font-size:1.0em;line-height:13px;border-left:1px solid #fff;color:#fff;}
#mainNavigation div.genotyping .select a.main,
#mainNavigation div.genotyping .current a.main {border-right:1px solid #fff;}
* html #mainNavigation .select a,
* html #mainNavigation .current a {width:1px;}
#mainNavigation .select li:hover a,
#mainNavigation  .select li.sfhover a {background:#666666;cursor:pointer;color:#fff;}
#mainNavigation .top-sub {display:none;  min-height: 165px;}
#mainNavigation .current a {background:#666;color:#fff;}
#mainNavigation .select li:hover .top-sub,
#mainNavigation .select li.sfhover .top-sub {display:block;position:absolute;width:100%;height:134px;top:46px;left:0;background:#666666;margin-top:0;padding:0;z-index:100;color:#fff;font-size:1.0em;}
#mainNavigation .select li:hover .top-sub li a.main,
#mainNavigation .select li.sfhover .top-sub li a.main {display:block;background:#666666;padding:5px 10px 10px 10px;margin:0;white-space:nowrap;border:0;color:#fff;font-size:1.0em;}

/*  Top Navigation specific products */
#mainNavigation div.oligo .select li:hover a,
#mainNavigation div.oligo .select li.sfhover a { background:#f5822b;color:#fff;}
#mainNavigation div.oligo ul.select li.selected a {background:#f5822b;color:#fff;}
#mainNavigation div.oligo .sub {display:none;}
#mainNavigation div.oligo .select a:hover .top-sub li a:hover,
#mainNavigation div.oligo .select li:hover .sub li a:hover,
#mainNavigation div.oligo .select li.sfhover .sub li a:hover {background:#f5822b;color:#fff;}
#mainNavigation div.oligo .select li:hover .top-sub,
#mainNavigation div.oligo .select li.sfhover .top-sub  {background:url("/images/Website/border_white.gif") top left repeat-x #f5822b;color:#fff;}

#mainNavigation div.seq .select li:hover a,
#mainNavigation div.seq .select li.sfhover a {background:#004896;color:#fff;}
#mainNavigation div.seq ul.select li.selected a {background:#004896;color:#fff;}
#mainNavigation div.seq .sub {display:none;}
#mainNavigation div.seq .select a:hover .top-sub li a:hover,
#mainNavigation div.seq .select li:hover .sub li a:hover,
#mainNavigation div.seq .select li.sfhover .sub li a:hover {background:#004896;color:#fff;}
#mainNavigation div.seq .select li:hover .top-sub,
#mainNavigation div.seq .select li.sfhover .top-sub {background:url("/images/Website/border_white.gif") top left repeat-x #004896;color:#fff;}

#mainNavigation div.next .select li:hover a,
#mainNavigation div.next .select li.sfhover a  {background:#00b9e7;color:#fff;}
#mainNavigation div.next ul.select li.selected a {background:#00b9e7;color:#fff;}
#mainNavigation div.next .sub {display:none;}
#mainNavigation div.next .select a:hover .top-sub li a:hover,
#mainNavigation div.next .select li:hover .sub li a:hover,
#mainNavigation div.next .select li.sfhover .sub li a:hover {background:#00b9e7;color:#fff;}
#mainNavigation div.next .select li:hover .top-sub,
#mainNavigation div.next .select li.sfhover .top-sub {background:url("/images/Website/border_white.gif") top left repeat-x #00b9e7;color:#fff;}

#mainNavigation div.gene .select li:hover a,
#mainNavigation div.gene .select li.sfhover a  {background:#ab3f97;color:#fff;}
#mainNavigation div.gene ul.select li.selected a {background:#ab3f97;color:#fff;}
#mainNavigation div.gene .sub {display:none;}
#mainNavigation div.gene .select a:hover .top-sub li a:hover,
#mainNavigation div.gene .select li:hover .sub li a:hover,
#mainNavigation div.gene .select li.sfhover .sub li a:hover {background:#ab3f97;color:#fff;}
#mainNavigation div.gene .select li:hover .top-sub,
#mainNavigation div.gene .select li.sfhover .top-sub {background:url("/images/Website/border_white.gif") top left repeat-x #ab3f97;color:#fff;}

#mainNavigation div.genotyping .select li:hover a,
#mainNavigation div.genotyping .select li.sfhover a {background:#af2a42;color:#fff;}
#mainNavigation div.genotyping ul.select li.selected a {background:#af2a42;color:#fff;}
#mainNavigation div.genotyping .sub {display:none;}
#mainNavigation div.genotyping .select a:hover .top-sub li a:hover,
#mainNavigation div.genotyping .select li:hover .sub li a:hover,
#mainNavigation div.genotyping .select li.sfhover .sub li a:hover {background:#af2a42;color:#fff;}
#mainNavigation div.genotyping .select li:hover .top-sub, 
#mainNavigation div.genotyping .select li.sfhover .top-sub {background:url("/images/Website/border_white.gif") top left repeat-x #af2a42;color:#fff;}

/* Columns for top subnavigation */
#mainNavigation ul.select li div.top-sub div.top-sub-1 {float:left; font-size:0.9em;margin: 10px;height:145px;width:190px; background:url("/images/Website/border_white.gif") top right repeat-y;}
#mainNavigation ul.select li div.top-sub div.top-sub-2 {float:left; font-size:0.9em;margin: 10px 5px 10px 5px; height:145px;width:190px; background:url("/images/Website/border_white.gif") top right repeat-y;}
#mainNavigation ul.select li div.top-sub div.top-sub-3 {float:left; font-size:0.9em;margin: 10px 5px 10px 5px; height:145px;width:190px; background:url("/images/Website/border_white.gif") top right repeat-y;}
#mainNavigation ul.select li div.top-sub div.top-sub-4 {float:left; font-size:0.9em;margin: 10px 5px 10px 5px; height:145px;width:170px;}
#mainNavigation ul.select li div.top-sub div.top-sub-1 ul li h2 a,
#mainNavigation ul.select li div.top-sub div.top-sub-2 ul li h2 a,
#mainNavigation ul.select li div.top-sub div.top-sub-3 ul li h2 a,
#mainNavigation ul.select li div.top-sub div.top-sub-4 ul li h2 a { font-size:13px; font-weight:normal; padding-bottom:9px; }
#mainNavigation ul.select li div.top-sub div.top-sub-1 ul li a,
#mainNavigation ul.select li div.top-sub div.top-sub-2 ul li a,
#mainNavigation ul.select li div.top-sub div.top-sub-3 ul li a,
#mainNavigation ul.select li div.top-sub div.top-sub-4 ul li a { font-size: 1.0em; width:210px; padding:0; clear:left; }
#mainNavigation ul.select li div.top-sub div.top-sub-1 ul li a:hover,
#mainNavigation ul.select li div.top-sub div.top-sub-2 ul li a:hover,
#mainNavigation ul.select li div.top-sub div.top-sub-3 ul li a:hover,
#mainNavigation ul.select li div.top-sub div.top-sub-4 ul li a:hover { text-decoration:underline;}
#mainNavigation ul.select li div.top-sub div.top-sub-1 div.left,
#mainNavigation ul.select li div.top-sub div.top-sub-2 div.left,
#mainNavigation ul.select li div.top-sub div.top-sub-3 div.left,
#mainNavigation ul.select li div.top-sub div.top-sub-4 div.left {clear:left; float:left;width:10px;}
#mainNavigation ul.select li div.top-sub div.top-sub-1 div.right-h2,
#mainNavigation ul.select li div.top-sub div.top-sub-2 div.right-h2,
#mainNavigation ul.select li div.top-sub div.top-sub-3 div.right-h2 {float:left; width:170px; margin-bottom:10px;}
#mainNavigation ul.select li div.top-sub div.top-sub-4 div.right-h2 {float:left; width:160px; margin-bottom:10px;}
#mainNavigation ul.select li div.top-sub div.top-sub-1 div.right,
#mainNavigation ul.select li div.top-sub div.top-sub-2 div.right,
#mainNavigation ul.select li div.top-sub div.top-sub-3 div.right {float:left; width:170px; padding-bottom:4px;}
#mainNavigation ul.select li div.top-sub div.top-sub-4 div.right {float:left; width:160px; padding-bottom:4px;}

/* #### Content Page #### */
/* # Descscription: Default id for content # */
/* # Author: gdwi # */
/* # Created: 05-11-2011 # */
/* # Updated: 02-10-2012 # */
#contentPage {clear:left;width:100%; color: #666666;}
#contentPage div.contentWrapper {float:left;width:100%;}

/* #### Wordpress Plugin #### */
/* # Descscription: Shows a predefined number of blog posts by using the provided feed URL # */
/* # Author: gdwi # */
/* # Created: 21-01-2013 # */
/* # Updated: 22-01-2013 # */
#contentPage div#sidebar div.wordpressPlugin {border:1px dotted #cccccc; margin-bottom:10px; background:#fff7f2; width:100%;}
#contentPage div#sidebar div.wordpressPlugin div.inner {padding:5px;}
#contentPage div#sidebar div.wordpressPlugin div.inner a {color:#ff6613; }
#contentPage div#sidebar div.wordpressPlugin div.inner a div.introText {color:#666666; }
#contentPage div#sidebar div.wordpressPlugin div.inner div.item {margin-top:5px;padding-bottom:5px; border-bottom:1px dotted #cccccc;}
#contentPage div#sidebar div.wordpressPlugin div.inner div.lastItem {margin-top:5px;padding-bottom:5px;}
#contentPage div#sidebar div.wordpressPlugin div.headline {background: url(/images/icons/blog.png) no-repeat 2px 2px #666666;padding-left:18px; }
#contentPage div#sidebar div.wordpressPlugin div.headline h5 {padding:5px;color:#ffffff;}

/* #### Left Navigation #### */
/* # Descscription: Show the sub Navigation on the left side # */
/* # Author: gdwi # */
/* # Created: 05-11-2011 # */
/* # Updated: 02-08-2013 # */
#subNavigation {width:25%;display: inline;height:100%;float:left;}
#subNavigation div.wrapper {/*padding-left:10px;*/ padding-right:10px; margin-bottom:30px; }
#subNavigation .top-item {font-size: 1.1em;width:180px;margin-bottom:15px;}
#subNavigation  ul {margin-top:0;list-style:none;margin-left:2px;}
#subNavigation ul li {vertical-align:top;margin-top:7px;list-style:none;background: url(/images/icons/bullet_naviLeft.gif) no-repeat left 0.2em;padding-left:1.4em;}
#subNavigation ul li {width:165px;} 
#subNavigation ul li ul li {width:145px;} 
#subNavigation ul li ul li ul li {width:130px;} 
#subNavigation ul li a {text-decoration:none;}
#subNavigation ul li a:hover {text-decoration:underline;}
#subNavigation ul li ul {margin-top:0;list-style:none;margin-left:2px;}
#subNavigation ul li ul li {vertical-align:top;width:120px;margin-top:7px;font-weight:normal;list-style:none;background: url(/images/icons/bullet_naviLeft.gif) no-repeat left 0.2em;  padding-left:1.4em;}
#subNavigation ul li ul li ul {margin-top:0;list-style:none;margin-left:2px;}
#subNavigation ul li ul li ul li {vertical-align:top;width:120px;margin-top:7px;font-weight:normal;list-style:none;background: url(/images/icons/bullet_naviLeft.gif) no-repeat left 0.2em;  padding-left:1.4em;}

/* #### Main Content Area #### */
/* # Descscription: Show the main content area right the left area # */
/* # Author: gdwi # */
/* # Created: 2011-11-05 # */
/* # Updated: 2015-12-15 # */
#mainContent {width: 75%;float: left;background-image: url(/images/Website/bg_border1px.gif);background-position:left;background-repeat:repeat-y;min-height:400px;}
#mainContent div.wrapper {padding:10px 0 10px 10px;  }
/* Modify Background for Jquery plugin like accordion */
#mainContent .ui-widget-content { border: 1px solid #cccccc; background: #e0e0e0 url(../ext/jquerythemes/images/ui-bg_diagonals-medium_100_f0f0f0_40x40.png) 50% 50% repeat; color: #222222; }
#mainContent table {border-collapse: collapse;width:100%;background: #f0f0f0;margin-top:10px;margin-bottom:10px;font-size:0.9em;}
#mainContent table tr th {background:#444444;font-weight:normal;color: #ffffff;height:28px;text-align:left;padding-left:3px;padding-right:3px;}
#mainContent table tr td {padding-left:3px;padding-right:3px;border-top:1px solid #cccccc;text-align:left;}
#mainContent table.noBorder tr td {border:0;}

/* #### Contentpage Tools #### */
/* # Descscription: Show content page tools like print or fontsize # */
/* # Author: gdwi # */
/* # Created: 05-11-2011 # */
/* # Updated: 02-10-2012 # */
#contentTools {float:right;margin-right:5px;width:90px;}
#contentTools div.print {padding: 2px 2px 2px 2px;float:right;width:20px;height:19px;border: 1px solid #cccccc;}
#contentTools div.fontSizeIncrease {padding: 2px 2px 2px 2px;margin-right:5px;float:right;width:20px;height:19px;border: 1px solid #cccccc;}
#contentTools div.fontSizeDecrease {margin-right:5px;padding: 2px 2px 2px 2px;float:right;height:19px;width:20px;border: 1px solid #cccccc;}

/* #### Sidebar #### */
/* # Descscription: Sidebar which is shown on the right site of a content page # */
/* # Author: gdwi # */
/* # Created: 05-11-2011 # */
/* # Updated: 02-10-2012 # */
#sidebar {float:right;/*margin-top:25px;*/width:190px;}
#sidebar div.withoutBorder {margin-bottom:10px;}
#sidebar div.ecomSidebarCode { margin-bottom: 15px;}

/* #### Tabs  #### */
/* # Descscription: Shows different tabs to switch content  # */
/* # Author: gdwi # */
/* # Created: 05-11-2011 # */
/* # Updated: 02-10-2012 # */
div.content-tab {width: 400px;margin: 0 0 20px 0;}
div.content-tab-bottom {border-top:1px solid #cccccc;}
div.content-tab ul.content-tab-bottom {list-style:none;float:right;}
div.content-tab ul.content-tab-bottom li {margin: 0 0 0 0;border-left: 1px solid #cccccc;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;}
div.content-tab ul.content-tab-bottom a {display: block;padding: 4px 8px;text-decoration: none;font-weight: normal;}
div.content-tab ul.content-tab {list-style-type: none;width: 100%;float: left;background: url(/images/Website/line.gif) bottom left repeat-x;}
div.content-tab ul.content-tab li {margin: 0 2px 0 0;float: left;}
div.content-tab ul.content-tab a {float: left;display: block;padding: 4px 8px;border: 1px solid #ccc;border-bottom: 0;color: #666;background: #eee;text-decoration: none;font-weight: normal;}
div.content-tabul.content-tab a:hover {background: #fff;}
div.content-tab ul.content-tab a.active {background: #fff;padding-bottom: 5px;cursor: default;color: #666666;}
div.content-tab .content-tab-content { clear: left;/*border: 1px solid #ccc;*/ /*border-bottom:1px solid #cccccc;*/ border-top: 0;padding: 10px;}

/* #### Header Images  #### */
/* # Descscription: Displays the BU specific header images  # */
/* # Author: gdwi # */
/* # Created: 05-11-2011 # */
/* # Updated: 02-10-2012 # */
#top- {clear:left;/*width:827px;*/height:133px;background-image:url(/images/header/service-corner.jpg);background-position:left;background-repeat:no-repeat;}


/* #### Breadcrumb #### */
/* # Descscription: Displays the navigation depth of the current link   # */
/* # Author: gdwi # */
/* # Created: 05-11-2011 # */
/* # Updated: 02-10-2012 # */
#breadcrumb {font-size:0.9em;float:left;width:100%;border-bottom:1px solid #cccccc; padding-bottom:5px;}
#breadcrumb div.headline {float:left;width:15%;}
#breadcrumb div.breadcrumbList { float: left; width:83%; }
#breadcrumb div.breadcrumbList ul { list-style: none;}
#breadcrumb div.breadcrumbList ul li { background: url("/images/Website/bullet_grey.gif") 0 2px no-repeat ; float: left;margin-left: 10px; padding-left: 12px;}
#breadcrumb div.breadcrumbList ul li a {margin: 0;}

/* #### Buttons #### */
/* # Descscription: Different types of buttons    # */
/* # Author: gdwi # */
/* # Created: 05-11-2011 # */
/* # Updated: 02-10-2012 # */
/*input.button-orange {float:right;border:1px solid #fff;height: 29px;color: #ffffff;background-image: url(/images/buttons/bg_orange.gif);background-repeat: repeat-x;background-position: center right;}
input.button-blue-bright {float:right;border:1px solid #ffffff;height: 29px;color: #ffffff;background-image: url(/images/buttons/bg_blue_bright.gif);background-repeat: repeat-x;background-position: center right;}
input.button-grey-bright {float:left;border:1px solid #ffffff;height: 29px;color: #ffffff;background-image: url(/images/buttons/bg_grey.gif);background-repeat: repeat-x;background-position: center right;}
input.button-grey {padding:4px 8px 4px 8px;border: 1px solid #cccccc;background: #f0f0f0;text-decoration:none;color: #666666;height:27px;line-height:26px;}
input.continue-button {background:#666666;float:right;border:1px solid #666666;height: 29px;color: #ffffff;background-image: url(/images/icons/arrow-right.gif);background-repeat: no-repeat;background-position: center right;}
input.button-back {float:right;height:30px;font-size:1.2em;border:1px solid #444444;margin-right:20px;color:#ffffff;background-color:#444444;}*/

/* CSS Styled Buttons*/
input.btn, a.btn {padding: 5px 15px 5px 15px;font-family: Arial;text-decoration: none;color: #ffffff;text-shadow: -1px -1px 2px #618926;background: #666666;border: 1px solid #444444;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
input.btn:hover, a.btn:hover {text-shadow: -1px -1px 2px #465f97;background: #000000;border: 1px solid #000000;}

/* #### Disabled form elements  #### */
/* # Description: changes the style of disabled / placeholder form field  # */
/* # Author: gdwi # */
/* # Created: 2014-11-17 # */
/* # Updated: 2016-11-09 # */
input[type="submit"][disabled] {background:#cccccc;border: 1px solid #cccccc;color: #7d7d7d;cursor: inherit;}
input[type="text"][disabled], select[disabled] {background:#f0f0f0;border: 1px solid #cccccc;color: #7d7d7d;cursor: inherit;}
select option:disabled { color: #7d7d7d;font-style: italic; }
::-webkit-input-placeholder {color: #b3b3b3 !important;}
:-moz-placeholder {color: #b3b3b3 !important;}
::-moz-placeholder {color: #b3b3b3 !important;}
:-ms-input-placeholder {color: #b3b3b3 !important;}

/* #### Image Links / Buttons #### */
/* # Description: Shows image links / buttons   # */
/* # Author: gdwi # */
/* # Created: 05-11-2011 # */
/* # Updated: 02-10-2012 # 

/* BU specific order buttons */
.oligo #imageLink div.order {position:relative;height:33px;background-image: url(/images/buttons/order/oligo.gif);background-repeat: no-repeat;background-position: top left; width:190px;margin-bottom:5px;}
.seq  #imageLink div.order {position:relative;height:33px;background-image: url(/images/buttons/order/seq.gif);background-repeat: no-repeat;background-position: top left; width:190px;margin-bottom:5px;}
.next  #imageLink div.order {position:relative;height:33px;background-image: url(/images/buttons/order/next.gif); background-repeat: no-repeat;background-position: top left; width:190px;margin-bottom:5px;}
.service-corner #imageLink div.order {position:relative;height:33px;background-image: url(/images/buttons/order/general.gif);background-repeat: no-repeat;background-position: top left; width:190px;margin-bottom:5px;}
.gene #imageLink div.order {position:relative;height:33px;background-image: url(/images/buttons/order/gene.gif);background-repeat: no-repeat;background-position: top left; width:190px;margin-bottom:5px;}
.genotyping #imageLink div.order {position:relative;height:33px;background-image: url(/images/buttons/order/genotyping.gif);background-repeat: no-repeat;background-position: top left; width:190px;margin-bottom:5px;}

/* General Image links */
#imageLink div.order:hover {background-image: url(/images/buttons/order/general_hover.gif);}
#imageLink div.feedback {position:relative; height:33px; background-image: url(/images/buttons/feedback/general.gif); background-repeat: no-repeat; background-position: top left; width:190px;margin-bottom:5px;}
#imageLink div.feedback:hover{background-image: url(/images/buttons/feedback/general_hover.gif);}
#imageLink div.request {position:relative;height:33px;background-image: url(/images/buttons/request/general.gif);background-repeat: no-repeat;background-position: top left; width:190px;margin-bottom:5px;}
#imageLink div.request:hover {background-image: url(/images/buttons/request/general_hover.gif);}
#imageLink div.contact {position:relative;height:33px;background-image: url(/images/buttons/contact/general.gif);background-repeat: no-repeat;background-position: top left; width:190px;   margin-bottom:5px;}
#imageLink div.contact:hover {background-image: url(/images/buttons/contact/general_hover.gif);}
#imageLink div.contactform {position:relative;height:33px;background-image: url(/images/buttons/contactform/general.gif);background-repeat: no-repeat;background-position: top left; width:190px;margin-bottom:5px;}
#imageLink div.contactform:hover {background-image: url(/images/buttons/contactform/general_hover.gif);}
#imageLink div.login {position:relative;height:33px;background-image: url(/images/buttons/login/general.gif);background-repeat: no-repeat;background-position: top left; width:190px;margin-bottom:5px;}
#imageLink div.login:hover {background-image: url(/images/buttons/login/general_hover.gif);}
#imageLink div.order a, #imageLink div.feedback a, #imageLink div.contact a, #imageLink div.request a, #imageLink div.contactform a, #imageLink div.login a {color: #ffffff;width:150px;position:absolute;top:8px;font-size:14px;left:40px;}

/* #### Press Releases #### */
/* # Description: Shows a box for specified press releases  # */
/* # Author: gdwi # */
/* # Created: 05-011-2011 # */
/* # Updated: 02-10-2012 # */
#pressReleases {border:1px dashed #cccccc;width:178px;padding:5px;background: #ffffe0;}
#pressReleases h3 {background-image: url(/images/icons/pressrelease.gif);background-repeat: no-repeat;background-position: center left;padding-left:35px;font-size:1.1em;margin-bottom:10px;color: #795301;height:20px;}
#pressReleases div.item {padding-top:5px;padding-bottom:5px;border-top:1px dashed #cccccc;}
#pressReleases div.item div.headline {font-weight:bold;}
#pressReleases div.item div.link a {color: #795301;}

/* #### Related Links  #### */
/* # Description: Shows a box for related links # */
/* # Author: gdwi # */
/* # Created: 05-011-2011 # */
/* # Updated: 02-10-2012 # */
#relatedLinks h5 {margin-top:10px;}
#relatedLinks ul {width:190px;margin:0;}
#relatedLinks ul li {margin-top:5px;list-style:none;padding: 3px 3px 4px 24px;background-image: url(/images/icons/link.gif);background-repeat: no-repeat;background-color: #f0f0f0;background-position: 4px 5px;border: 1px dashed #cccccc;}
#relatedLinks ul li a {padding-left:0;margin:0;color: #666666;}

/* #### Literature #### */
/* # Description: Shows a box for specified literure  # */
/* # Author: gdwi # */
/* # Created: 05-011-2011 # */
/* # Updated: 02-10-2012 # */
#literature {margin:0;padding:0;}
#literature h5 {margin-top:10px;}
#literature ul {width:190px;margin:0;padding:0;}
#literature ul li {margin-top:5px;list-style:none;padding: 6px 3px 4px 24px;background-repeat: no-repeat;background-color: #f0f0f0;background-position: 4px 5px;  border: 1px dashed #cccccc;}
#literature ul li.DEFAULT {background-image: url(/images/icons/document.gif);}
#literature ul li.PDF {background-image: url(/images/icons/pdf_small.gif);}
#literature ul li.DOC {background-image: url(/images/icons/doc_small.gif);}
#literature ul li.XLS {background-image: url(/images/icons/xls_small.gif);}
#literature ul li a {padding-left:0;margin:0;color: #666666;}

/* #### PDF Reader Box #### */
/* # Description: Shows a box where user can download the acrobad reader  # */
/* # Author: gdwi # */
/* # Created: 01-05-2012 # */
/* # Updated: 02-10-2012 # */
#pdf-box {border:1px solid #cccccc;background: #f0f0f0;padding:5px;margin-bottom:30px;}
  

/* #### Footer #### */
/* # Descripti: Displays the footer on all pages # */
/* # Author: gdwi # */
/* # Created: 01-09-2012 # */
/* # Updated: 17-09-2014 # */
#footer {margin-top: 20px;font-size:0.9em;position:relative;float:left;height:100%; width:100%; color:#ffffff;background: #777777;}
#footer div.footerMain div.inner,
#footer div.footerBottom div.inner {margin-left: auto;margin-right: auto;width:988px;}
#footer div.footerMain div.inner div.container,
#footer div.footerBottom div.inner div.container { /*width:827px;*/float: left;}

/* # Main Section # */
#footer div.footerMain div.container div.boxes { float: left;width: 100%;margin-top: 20px;}
#footer div.footerMain div.container div.boxes div.box {float: left;width: 23.5%;background: #444444;position: relative;}
#footer div.footerMain div.container div.boxes div.box div.inner { width:100%;min-height: 125px;}
#footer div.footerMain div.container div.boxes div.box div.inner div.content { padding: 5px 10px 5px 10px;color: #cccccc;}
#footer div.footerMain div.container div.boxes div.box div.inner div.content h1 {font-size: 1.3em;text-transform: uppercase;margin-bottom: 8px;color: #ffffff;background-image: url('/images/website/diagonals_dark.png');background-repeat: repeat;padding: 1px 3px;}
#footer div.footerMain div.container div.boxes div.box div.inner div.content h2 {font-size: 1.3em;text-transform: uppercase;margin-bottom: 8px;color: #ffffff;background-image: url('/images/website/diagonals_dark.png');background-repeat: repeat;padding: 1px 3px;}
#footer div.footerMain div.container div.boxes div.box div.inner div.content a { color: #cccccc;text-decoration: underline;}
#footer div.footerMain div.container div.boxes div.box div.inner div.content ul {margin: 0;padding: 0;list-style: none;}
#footer div.footerMain div.container div.boxes div.box div.inner div.content ul li {margin-top: 3px;margin-bottom: 3px;background-image:url(/images/icons/arrow_lightGrey.gif);background-repeat: no-repeat;padding-left: 20px;}
#footer div.footerMain div.container div.boxes div.box div.inner div.content a:hover { color: #ffffff;text-decoration: underline;}
#footer div.footerMain div.container div.boxes div.box div.pressReleases div.inner div.content ul li { background: none;margin: 5px 0 5px 0;padding: 0;}
#footer div.footerMain div.container div.boxes div.box div.pressReleases div.inner div.content span.date {background: #222222;padding: 1px 2px;color: #ffffff;}
#footer div.footerMain div.container div.boxes div.box div.pressReleases div.inner div.content a.more {position:absolute; bottom:10px; right:10px;background: #fe6613;padding: 1px 3px;color: #ffffff; text-decoration:none;}
#footer div.footerMain div.container div.boxes div.box div.pressReleases div.inner div.content a.more:hover { background: #ffffff;color: #666666;padding: 1px 3px;}
#footer div.footerMain div.container div.boxes div.spacer {float: left;width: 2%;}
#footer div.footerMain div.container div.productionSite {float:left;margin-top: 10px;margin-bottom:10px;width: 50%;}
#footer div.footerMain div.container div.productionSite div {float:left;padding-right: 20px; }
#footer div.footerMain div.container div.productionSite ul {list-style:none;}
#footer div.footerMain div.container div.productionSite ul li {float:left; padding:0 10px 0 10px; border-left:1px solid #cccccc;}
#footer div.footerMain div.container div.productionSite ul li a {text-decoration:none; color:#cccccc;}
#footer div.footerMain div.container div.productionSite ul li a:hover {text-decoration:underline;}
#footer div.footerMain div.container div.productionSite ul li.active a {text-decoration:underline; color:#ffffff;}
/* # Bottom Section # */
#footer div.footerBottom {float: none;clear:left;background:#222222; height:30px; color:#ffffff;border-top: 1px solid  #aaaaaa;}
#footer div.footerBottom div.wrap {margin-left: auto;margin-right: auto;width:988px;}
#footer div.footerBottom div.wrap div.container {float:left; /*width:827px;*/ color:#cccccc;}
#footer div.footerBottom div.wrap div.left {float:left;width: 25%;}
#footer div.footerBottom div.wrap div.left div.companyInfo {float: left; padding-top: 8px;}
#footer div.footerBottom div.wrap div.right {float:right;width: 75%;}
#footer div.footerBottom div.wrap div.right div.img {float: right;padding-left: 5px;padding-top: 6px;}
#footer div.footerBottom div.wrap div.right div.spacer {float: right;border-right: 1px solid #cccccc;margin-top: 10px;margin-right: 10px;margin-left: 10px;}
#footer div.footerBottom div.wrap div.right ul {list-style:none;float: right;margin-right: 10px;padding-top: 8px;}
#footer div.footerBottom div.wrap div.right ul li {float:left;}
#footer div.footerBottom div.wrap div.right ul li a {color:#cccccc;text-decoration:underline; border-right: 1px solid #cccccc; padding-right:15px; padding-left:15px;}
#footer div.footerBottom div.wrap div.right ul li.last a {text-decoration:underline; color:#cccccc; border-right: none; padding-right:0; padding-left:15px;}
#footer div.footerBottom div.wrap div.right ul li a:hover,#bottom div.wrap div.links ul li.last a:hover  {color:#ffffff;}

/* #### Language Selection Flags #### */
/* # Description: Shows flags for language selection # */
/* # Author: gdwi # */
/* # Created: 2013-07-12 # */
/* # Updated: 2013-07-12 # */
#languageSelection {float: left;width: 29px;}
#languageSelection div.flags {margin-top: 7px;padding-left:5px;}
#languageSelection div.flags div.flag {margin-bottom:5px;}
#languageSelection div.flags div.flag a img {border:1px solid #aaa;}
#languageSelection div.flags div.flag a.active img {border:1px solid #ffffff;}

/* #### Quick Order Dropdown #### */
/* # Description: Shows a dropdown with direct order links # */
/* # Author: gdwi # */
/* # Created: 2013-10-302 # */
#quickOrderDropdown {list-style:none;font-weight:normal;height:2em;margin:0 -1px 0 0;z-index: 1;}
#quickOrderDropdown a.button {color: #ffffff;text-decoration: none;padding-top: 7px;}
#quickOrderDropdown a {color:#ffffff;outline:0;text-decoration:none;display:block;}
#quickOrderDropdown div {position:absolute;left:-999em;background-image:url(/images/website/diagonals_light.png);background-repeat:repeat;margin-top:1px;width:500px;padding:0 10px 10px;border:1px solid #cccccc;font-weight:normal;text-align:left;}
#quickOrderDropdown li.quickOrderButton {margin-left:-1px;float:left;text-align:center;position:relative;z-index: 1;color: #ffffff;}
#quickOrderDropdown li.quickOrderButton {background: #7cb342;width: 50px;height: 50px;border-left: 1px solid #ffffff;border-top: 1px solid #ffffff;border-right: 1px solid #ffffff;}
#quickOrderDropdown li.quickOrderButton:hover {background-image:url(/images/website/diagonals_light.png);background-repeat:repeat;border-bottom:0; padding:0 0 12px 0;z-index:102;border-left: 1px solid #cccccc;border-top: 1px solid #cccccc;border-right: 1px solid #cccccc;}
#quickOrderDropdown li.quickOrderButton:hover a {background-image:url(/images/website/diagonals_light.png);background-repeat:repeat;color: #666666;padding-bottom:20px;margin-bottom:-10px;position:relative;z-index:102;}
#quickOrderDropdown li.quickOrderButton:hover div {left:-1px;top: auto;}
#quickOrderDropdown li.quickOrderButton:hover div a { padding-bottom: 10px;}
#quickOrderDropdown li.rightMenu:hover div {left:-471px;}
#quickOrderDropdown div h2 {background-image:url(/images/website/diagonals_dark.png);background-repeat:repeat;color: #ffffff;font-size:1em;padding:3px;margin:10px 0 5px 0;clear:both;float:left;width:490px;}
#quickOrderDropdown div ul { list-style: none;}
#quickOrderDropdown div ul li { float: left;width: 150px; padding-right: 10px;}
#quickOrderDropdown div ul li a { text-decoration: underline;}
#quickOrderDropdown div a:hover { text-decoration: none;}

/* #### Scroll To Top #### */
/* # Description: Shows a scroll to top icon if page is longer than screen resolution # */
/* # Author: gdwi # */
/* # Created: 01-09-2012 # */
/* # Updated: 02-10-2012 # */
#scrollToTop {position:fixed;bottom:40px;right:30px;cursor:pointer;background:#000000;border-radius:2px;color:#ffffff;display: block;}
#scrollToTop a {color:#ffffff; width:90px;display: block;padding: 10px;}
 
/* Tablesorter */
table.tablesorter thead tr.head {font-weight: normal; font-size:0.9em;}
table.tablesorter {background-color: #ffffff;color:#ffffff;text-align: left;}
table.tablesorter thead tr th, table.tablesorter tfoot tr th , table.tablesorter tr th {background-color: #666666;line-height:23px;border-right:1px solid #cccccc;height:23px;padding: 4px;}
table.tablesorter thead tr .header {background-image: url(/images/usercontrols/icons/sort_white.gif);background-repeat: no-repeat;background-position:bottom 34px right;cursor: pointer;}
table.tablesorter tbody td {color: #3D3D3D;padding: 4px;background-color: #FFF; vertical-align: top;border-bottom:1px solid #cccccc;}
table.tablesorter tbody tr.withoutBorder td {color: #3D3D3D;padding: 4px;background-color: #FFF; vertical-align: top; border:0;}
table.tablesorter thead tr .headerSortUp {background-image: url(/images/usercontrols/icons/sort_down_white.gif);background-position:bottom 34px right;}
table.tablesorter thead tr .headerSortDown {background-image: url(/images/usercontrols/icons/sort_up_white.gif);background-position:bottom 34px right;}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {background-color: #000000;}
table.tablesorter tbody tr.even td {padding-top: 3px;vertical-align: top;border-top: 1px solid #cccccc;background: #ffffff; border-right:1px solid #ffffff;}
table.tablesorter tbody tr.odd td {padding-top: 3px;vertical-align: top;border-top: 1px solid #cccccc;background: #f0f0f0; border-right:1px solid #f0f0f0; }
table.tablesorter tbody tr.even:hover td {background: #fcffd1;padding-top: 3px;vertical-align: top;border-top: 1px solid #cccccc; border-right:1px solid #fcffd1;cursor:pointer; }
table.tablesorter tbody tr.odd:hover td { background: #fcffd1;padding-top: 3px;vertical-align: top;border-top: 1px solid #cccccc; border-right:1px solid #fcffd1;cursor:pointer;}
table.tablesorter tfoot tr td{background-color: #eaf4fb;line-height:23px;height:23px;padding: 4px;  }
table.tablesorter tfoot tr.paginationRow td{background-color: #ffffff;line-height:23px;height:23px;padding: 4px;  }
table.tablesorter tfoot tr div.pagination {float: right; }
table.tablesorter tfoot tr span.currentPageNumber {padding:2px 4px 2px 4px;  color:#ffffff; font-weight:normal; background:#666666; border:1px solid #444444; margin-left:5px; }
table.tablesorter tfoot tr span.pageNumber {padding:2px 4px 2px 4px; color:#666666; cursor: pointer; border:1px solid #cccccc; margin-left:5px; }

/* Tables */
table tr th.col5 ,table tr td.col5 {width:5%;}
table tr th.col10 ,table tr td.col10 {width:10%;}
table tr th.col15 ,table tr td.col15 {width:15%;}
table tr th.col20 ,table tr td.col20 {width:20%;}
table tr th.col25 ,table tr td.col25 {width:25%;}
table tr th.col30 ,table tr td.col30 {width:30%;}
table tr th.col35 ,table tr td.col35 {width:35%;}
table tr th.col40 ,table tr td.col40 {width:40%;}
table tr th.col45 ,table tr td.col45 {width:45%;}
table tr th.col50 ,table tr td.col50 {width:50%;}
table tr th.col55 ,table tr td.col55 {width:55%;}
table tr th.col60 ,table tr td.col60 {width:60%;}
table tr th.col65 ,table tr td.col65 {width:65%;}
table tr th.col70 ,table tr td.col70 {width:70%;}
table tr th.col75 ,table tr td.col75 {width:75%;}
table tr th.col80 ,table tr td.col80 {width:80%;}
table tr th.col85 ,table tr td.col85 {width:85%;}
table tr th.col90 ,table tr td.col90 {width:90%;}
table tr th.col95 ,table tr td.col95 {width:95%;}

/* AJAX container style while loading controls*/
.loading { background-color: Gray; color: White; margin: 10px; min-height: 100px;}



/* Old Register Usercontrol */
.webRegisterAccount_Old {float:left; width:100%; position:relative;border: 1px solid #cccccc;margin-bottom:15px; background:#ffffff;}
.webRegisterAccount_Old div.content {padding:3px;}
.webRegisterAccount_Old div.content p { padding-left:3px; padding-top:5px; padding-right:3px;}
.webRegisterAccount_Old div.content div.buttons {float: right; padding-left:3px; padding-top:5px; padding-right:3px;margin-bottom: 10px;margin-top: 10px;}

/* ### Header Version Info ###*/
/* # Shows a version info about umbraco, website and core controls */
#headerVersionInfo { position: absolute;right: 25px;top: 110px;color: #ffffff;font-size: 0.9em;text-align: right;}
#headerVersionInfo div.PROD { display: none;}
#headerVersionInfo span.envDEV { background: #ff6633;padding: 1px 4px 1px 4px;}
#headerVersionInfo span.envSIT { background: #00a6da;padding: 1px 4px 1px 4px;}
#headerVersionInfo span.envDEMO { background: #32cd32;padding: 1px 4px 1px 4px; }
#headerVersionInfo span.envUAT { background: #ff0000;padding: 1px 4px 1px 4px;}
#headerVersionInfo span.envPROD { display: none;}



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */