﻿@charset "UTF-8";/* CSS Document */* html .gainlayout{    height: 1%;}body{    background-color: #FFFFFF;    margin: 0 auto;    padding: 0;    font-family: Helvetica, Arial, Verdana, sans-serif;}a{    color: #003883;}    a:link    {        text-decoration: none;	        }    a:visited    {        text-decoration: none;    }    a:hover    {        text-decoration: none;    }h1, h2, h3, h4, h5{    line-height: 115%;    font-family: Helvetica, Arial, Verdana,sans-serif;    font-weight: bold;    color: #003883;}h1{    margin: 0;    padding: 0;    font-size: 2.3em;    font-weight: normal;}h2{    margin: 0.8em 0 0.2em;    font-size: 1.4em;	}h3{    margin: 0.8em 0 0.1em;    font-size: 1.2em;}    h3.first    {        margin-top: 0;    }    h2.orange, h3.orange    {        color: #EE7D11;    }h4{    margin: 0.6em 0 0;    font-size: 1em;    color: #000000;}h5{    font-size: 0.9em;    color: #888888;}h6{    font-size: 0.7em;    font-weight: normal;    color: #888888;}legend{    display: none;}img{    border: none;}fieldset{    border-top-style: none;    border-right-style: none;    border-bottom-style: none;    border-left-style: none;}#nav input textfield{    background: url("/images/btn_search.png") no-repeat left center;}#section-header{    margin-bottom: 0.4em;    border-bottom: thin dashed #DCDCDC;    padding: 1em 0 3em 7em;	height: 30px;}.section-headerLeft{	float:left;}.section-headerRight{	float:right;}.section-headerRight a img{	height: 24px;	width: 24px}.section-customoligos{    background: transparent url("/media/29549/oligo-icon.png") no-repeat left top;}.section-genesynthesis{    background: transparent url("/media/29550/gsy-icon.png") no-repeat left top;}.section-dnasequencing{    background: transparent url("/media/29551/seq-icon.png") no-repeat left top;}.section-ngs{    background: transparent url("/media/29552/ngs-icon.png") no-repeat left top;}.section-all, .section-{    background: transparent url("/images/icon_gettingstarted.png") no-repeat left top;}.section-peptides{    background: transparent url("/media/29553/pep-icon.png") no-repeat left top;}.section-antibody{    background: transparent url("/media/29559/an-icon.png") no-repeat left top;}.section-company{    background: transparent url("/media/29555/company-icon.png") no-repeat left top;}.beta{    float: right;    padding-top: 15px;    font-size: 3em;    color: #888888;}.breadcrumbs{    padding: 0.5em 0;    font-size: 0.8em;    text-transform: capitalize;    color: #888888;}#section-list li{    margin-left: 50px;    padding-top: 20px;    list-style-image: url("/images/bullet.gif");    font-size: 1.5em;    font-weight: bold;    color: #003883;}#container{    width: 958px;    height: auto;    background-color: #FFFFFF;    margin: 0 auto;    padding-top: 0;}* html contentcontainer{    clear: both;    position: relative;    width: 960px;    background-color: #FFFFFF;    margin: 12px 0 0;    border: 1px solid #DCDCDC;    border-top: none;    padding: 0;}#contentcontainer{    clear: both;    width: 958px;    background: #FFFFFF url("/images/contentcontainer_bg.gif") repeat-x left top;    margin: 0;    border: 1px solid #DCDCDC;    border-top: none;    padding: 0;}#content{    width: 76%;    height: auto;    min-height: 570px;    margin: 0;    margin-left: 10px;    margin-right: 5px;    border-right: 1px solid #DCDCDC;    padding: 5px 5px 10px 5px;    line-height: 125%;    text-align: left;    /*font-size: 0.75em;*/    font-weight: normal;    color: #000000;    float: left;}    #content p    {        margin: 0 0 0.5em;        line-height: 120%;    }    #content p img {        margin-right: 5px;    }    #content tr.table-header    {        background-color: #003883;        font-weight: bold;        color: #FFFFFF;    }    #content tr.even    {        background-color: #E5E5E5;    }    #content td    {        padding: 0.3em;    }        #content td.description p        {            padding-top: 0.4em;        }#Canada{    background: #FFFFFF url("/images/Flags/ca.gif") no-repeat left top;    padding-left: 20px;    font-size: 0.9em;}#USA{    background: #FFFFFF url("/images/Flags/us.gif") no-repeat left top;    padding-left: 20px;    font-size: 0.9em;}#content ul.local,#content ol.local{    margin-left: 3em;}#content ol.guide li{    margin: 0.8em 0 0.3em;    font-size: 1.2em;    font-weight: bold;    color: #003883;}#content ol.local li ul li{    margin-top: 0;    font-size: 0.8em;    font-weight: normal;    color: #000000;}#content ol.local li ul{    margin-left: 1em;    list-style-type: square;}#content ul.local{    margin: 0.4em 0;    padding: 0;    list-style-type: square;    font-weight: normal;}    #content ul.local li    {        margin: 0 0 0.1em 2.5em;        padding: 0;        line-height: 16px;        letter-spacing: normal;    }#content ul.section-list{    padding-left: 2em;    font-size: 1.6em;    font-weight: bold;}    #content ul.section-list li    {        margin: 1em 0;    }#content ul.local ul{    padding: 0;    margin: 0.8em 0;    list-style: square inside none;    font-weight: normal;}    #content ul.local ul li    {        margin: 0 0 0 0.8em;        padding: 0;        color: #888888;    }#footnote{    border-right: 1px solid #DCDCDC;    width: 76%;    height: auto;    margin-left: 10px;    margin-right: 5px;    padding: 5px 5px 0 5px;    font-size: 0.8em;    font-style: italic;}.clearfix:after{    clear: both;    display: block;    visibility: hidden;    content: ".";    height: 0;}.clearfix{    display: block;}#topbar{    float: left;    width: 958px;    height: 26px;    background: url("/images/topbar-bg.gif") repeat-x;    border: 1px solid #DCDCDC;    border-top: none;    line-height: 26px;    font-size: 0.6em;    color: #333333;}    #topbar ul    {        list-style: none;    }    #topbar li    {        float: right;        padding-top: 4px;        margin: 0 10px;    }        #topbar li.feedback        {            padding-top: 0;        }            #topbar li.feedback a            {                width: 65px;                background: url("/images/feedback_icon.gif") no-repeat left center;                padding-left: 25px;                text-align: right;                font-size: 1.2em;            }                #topbar li.feedback a:hover                {                    text-decoration: underline;                    color: #0066FF;                }#masthead{    float: left;    width: 958px;    height: 132px;    background-color: #CCCCCC;    margin: 0 auto;    border-right: 1px solid #DCDCDC;    border-left: 1px solid #DCDCDC;    padding: 0;}#masthead-promo{    float: left;    width: 958px;    height: 132px;    margin: 0;    padding: 0;}#headerimg{    width: 740px;    height: 192px;    margin: 7px 9px 0;}#local-header{    display: block;    height: 90px;    background: url("/images/logo.png") no-repeat left center;    margin: 0 auto;    padding: 0;    text-align: left;}#topCart{    z-index: 5;	float: right;}/*-------- Home Page --------*/#get-started{    float: right;    width: 172px;    background: url("/images/bluebox.png") no-repeat center center;    margin-top: 55px;    *margin-top: 30px;    margin-left: 15px;    border: 1px solid #CCCCCC;    padding: 5px;    line-height: 42px;}    #get-started a    {        display: block;        white-space: nowrap;        height: 42px;        padding-left: 30px;        line-height: 42px;        font-size: 1.5em;        font-weight: bold;        text-decoration: none;        color: #FFFFFF;    }/*------ Iterim Navigation ------*/#nav{    position: relative;    width: 958px;    height: 43px;    background: url("/images/nav_bg.gif") repeat-x;    margin: 0 auto;    border-right: 1px solid #DCDCDC;    border-left: 1px solid #DCDCDC;    padding: 0;    line-height: 43px;    vertical-align: middle;    text-align: left;    font-size: 1.1em;    font-weight: bold;    z-index: 1;}    /*-------- 1st Level --------*/    #nav ul li a,    #nav ul li a:visited    {        display: block;        border-right: 1px solid #FFFFFF;        padding: 0 1.8em;        font-weight: bold;        text-decoration: none;        color: #FFFFFF;    }    #nav ul    {        margin: 0;        padding: 0;        list-style: none;    }        #nav ul li        {            float: left;            position: relative;        }            #nav ul li ul            {                display: none;            }            /*-------- 1st Level Hover --------*/            #nav ul li:hover a            {                position: relative;                height: 43px;                background-color: #003883;                color: #FFFFFF;                z-index: 200;            }            #nav ul li:hover ul            {                display: block;                position: absolute;                top: 43px;                left: 0;                width: 185px;                font-size: 0.8em;                color: #000000;                letter-spacing: 0.1em;            }                /*-------- 2nd Level --------*/                #nav ul li:hover ul li a.hide                {                    color: #000000;                }                #nav ul li:hover ul li ul                {                    display: none;                }                /*-------- 2nd Level Hover --------*/                #nav ul li:hover ul li:hover a.hide                {                    color: #FFFFFF;                }                #nav ul li:hover ul li a                {                    display: block;                    position: relative;                    width: 215px;                    height: 22px;                    background-color: #DDDDDD;                    margin: 0;                    border: 1px solid #CBCBCB;                    border-top-color: #EEEEEE;                    border-left-color: #EEEEEE;                    padding: 0;                    line-height: 22px;                    vertical-align: middle;                    text-indent: 1.7em;                    font-weight: normal;                    color: #000000;                    z-index: 300;                }                    #nav ul li:hover ul li a:hover                    {                        background-color: #006699;                        color: #FFFFFF;                    }                #nav ul li:hover ul li:hover ul                {                    display: block;                    position: absolute;                    top: 0;                    left: 215px;                }                    /*-------- 3rd Level --------*/                    #nav ul li:hover ul li:hover ul.left                    {                        left: -215px;                    }                #nav ul li:hover ul li:hover ul                {                    font-size: 1em;                }                    #nav ul li:hover ul li:hover ul li a                    {                        position: relative;                        background-color: #DDDDDD;                        vertical-align: middle;                        color: #000000;                        z-index: 400;                    }                    /*-------- 3rd Level Hover --------*/                    #nav ul li:hover ul li:hover ul li:hover a                    {                        background-color: #006699;                        color: #FFFFFF;                    }/*-------- Home Page Nav --------*/#content #productList{    margin: 5px 0 25px 20px;}#content td.productIcon{    width: 75px;    height: 100px;    vertical-align: middle;}#content td.productDescription{    width: 420px;    height: 60px;    padding-bottom: 15px;}/*-------- Search --------*/#nav li.search{    float: right;    height: 43px;    padding-right: 12px;    z-index: 2;}#nav-buttons{    margin: 1.5em 0;}/*-------- Sidebar --------*/#sidebar{    float: right;    width: 21%;    background-color: #FFFFFF;    margin: 0;    padding: 0;}#sidebar-nav-container{    /*padding: 2px;*/    width: 93%;    margin-left: 5px;    padding-top: 10px;}    #sidebar-nav-container img    {        border-style: none;    }.secondarynav ul{    width: 172px;    margin: 0 0 15px 0;    border: 1px solid #CCCCCC;    padding: 4px;    list-style: none;    color: #7F7F7F;}    .secondarynav ul.right    {        float: right;        margin-left: 15px;    }.secondarynav li a{    display: block;    white-space: nowrap;    height: 42px;    line-height: 42px;    font-size: 0.9em;    font-weight: bold;    text-decoration: none;}    .secondarynav li a:visited    {        text-decoration: none;    }/*-------- Buy Now Button --------*/.secondarynav li.buynow{    background: url("/images/order-now.png") no-repeat left center;}.secondarynav ul.order-button{    margin-top: 65px;    margin-right: 8px;}.secondarynav li.buynow a{    width: 148px;    padding-left: 24px;    line-height: 42px;    font-size: 1.5em;    color: #FFFFFF;}    .secondarynav li.buynow a:hover    {        background: url("/images/order-now-over.png") no-repeat left center;        line-height: 42px;    }/*-------- ISO Certifications ------*/.iso-cert{    float: left;    width: 71px;    height: 76px;    margin-left: 10px;    padding: 10px 5px 10px 10px;    text-align: center;}    .iso-cert a    {        font-size: 0.8em;        color: #888888;    }/*-------- NGS Blog --------*/.ngs-blog{    padding-left: 10px;}/*-------- Footer elements --------*/#footer{    clear: both;    position: inherit;    height: 50px;    padding-top: 0.5em;    text-align: center;    font-size: 0.8em;    width: 100%;}#footer-nav{    float: left;    width: 100%;    height: 150px;    margin: 0 0 0.3em;    border-top: 1px solid #DCDCDC;    border-bottom: 1px solid #DCDCDC;    padding: 2.5em 0 0;}#footer-logo{    float: left;    width: 450px;    height: 152px;    background: url("/images/logo.png") no-repeat center;    margin-left: 40px;}#other-sites{    width: 450px;    vertical-align: text-bottom;    text-align: center;    font-size: 1em;}    #other-sites a    {        padding: 0 12px;    }        #other-sites a:hover        {            color: #EE7D11;        }#contact-us,#about-us{    width: 165px;    margin: 0 20px;    border: 1px solid #DCDCDC;    padding: 0 10px 20px 10px;    z-index: 1;}#contact-us{    float: left;    margin-left: 10px;}#about-us{    float: right;    margin-right: 10px;}    #contact-us ul,    #about-us ul    {        padding-top: 3.5em;    }    #contact-us li,    #about-us li    {        padding: 0.1em 0;        list-style-type: none;        text-align: left;        font-size: 0.9em;    }        #contact-us li a,        #about-us li a        {            font-size: 1em;            color: #888888;        }            #contact-us li a:hover,            #about-us li a:hover            {                color: #003883;            }.tab-box-tab{    float: left;    position: relative;    bottom: 17px;    right: 10px;    background-color: #FFFFFF;    margin-left: 20px;    border: 1px solid #DCDCDC;    padding: 8px 12px;    font-size: 1.2em;    font-weight: bold;    color: #888888;    z-index: 3;}    .tab-box-tab:hover    {        background-color: #EEEEEE;        color: #003883;    }.footeraddress{    float: left;    width: 600px;    margin: 0 0 0 10px;    padding: 0;    line-height: 125%;    text-align: left;    font-size: 1em;    color: #424242;}    .footeraddress a,    .footeraddress a:link,    .footeraddress a:visited    {        text-decoration: underline;        color: #003883;    }.footercopyright{    float: right;    width: 290px;    margin: 0 10px 0 0;    padding: 0;    text-align: right;    font-size: 1em;    color: #707070;}/*-------- Getting Started Page Elements ------*/#gsPromo1 a,#gsPromo2 a,#gsPromo3 a{    float: left;    width: 233px;    height: 58px;    padding-top: 25px;    line-height: 100%;    text-align: center;    font-size: 2.2em;    font-weight: bold;    color: #FFFFFF;}#gsPromo1 a{    background: url("/images/gs_orange_button.jpg") no-repeat scroll left top #FFFFFF;    margin-right: 6px;}#gsPromo2 a{    background: url("/images/gs_green_button.jpg") no-repeat scroll left top #FFFFFF;}#gsPromo3 a{    float: right;    background: url("/images/gs_blue_button.jpg") no-repeat scroll left top #FFFFFF;}#GScolumn1 h2,#GScolumn3 h2{    margin: 1em 0 0.5em;}#GScolumn1,#GScolumn3{    float: left;    width: 225px;}#GScolumn2,#GScolumn4{    float: left;    width: 100px;    margin-right: 25px;    padding-top: 47px;}#GScolumn1{    clear: both;    margin-left: 10px;}    #GScolumn1 p, #GScolumn3 p    {    }    #GScolumn1 a, #GScolumn3 a    {        padding-left: 6px;        font-size: 1.1em;        font-weight: bold;        color: #003883;    }        #GScolumn1 a:hover, #GScolumn3 a:hover        {            color: #EE7D11;        }#GScolumn2 a img, #GScolumn4 a img{    padding-bottom: 0.65em;}/*-------- Search --------*/#xsltsearch{    margin: 0;    padding-bottom: 20px;}.xsltsearch_form{    padding: 10px 0;}#xsltsearch_navigation{    text-align: center;}    #xsltsearch_navigation .disabled    {        color: #AAAAAA;    }#xsltsearch_stats{    display: none;}#xsltsearch_results{    padding-bottom: 20px;}#xsltsearch h2{    font-size: 150%;}.xsltsearch_result p{    margin: 0;    padding: 0;}.xsltsearch_result:hover{    background-color: #FAFAFA;}.xsltsearch_ordinal{    font-size: 75%;    font-weight: bold;}.xsltsearch_title{    margin: 0.8em 0 0;    line-height: 115%;    font-size: 1.2em;    font-weight: bold;    color: #003883;}.xsltsearch_score{    font-size: 75%;}#content p.xsltsearch_result_description{    padding-bottom: 20px;}.xsltsearch_description strong{    background: #FFFFAA;}#xsltsearch_summary{    margin-bottom: 12px !important;    border-bottom: 1px solid #888888;    padding-bottom: 3px;}/*-------- Sortables --------*/.continueButton{    clear: both;}#db-sortable,#sb-sortable{    list-style-type: none;}    #db-sortable li,    #sb-sortable li    {        display: block;        float: left;        /*margin: 2px 0 2px 0;*/        vertical-align: top;    }        #sb-sortable li div.ucHomeLoggedIn        {            margin-top: 10px !important;            /*width: 91%;*/            margin-bottom: 10px !important;        }        #sb-sortable li div.ucHomeLoggedOut        {            margin-top: 10px !important;            /*width: 90%;            padding: 3px!important;*/            margin-bottom: 10px !important;        }li.full{    width: 99%;    clear: both;}li.half{    width: 49%;}ul li.leftHalf{    width: 49%;    float: left;    clear: left;}ul li.rightHalf{    width: 49%;    float: right;    clear: right;}li.one-third{    width: 33%;}li.two-thirds{    width: 65%;}#nav-sortable > li{    float: left;}/*-------- GENEius Light Button --------*/.stripedBlueButton{    width: 172px;    margin-top: 20px;    border: 1px solid #CCCCCC;    padding: 5px;    line-height: 42px;}    .stripedBlueButton a    {        display: block;        white-space: nowrap;        height: 42px;        background: #003883 url("/images/bluebox.png") no-repeat center center;        padding-left: 5px;        line-height: 42px;        font-size: 1.3em;        font-weight: bold;        text-decoration: none;        color: #FFFFFF;    }#whitePaper img{    display: inline;}/*-------- Accordian Panels --------*/.ui-accordion .ui-accordion-header a{    padding-left: 2.2em;    font-size: 1.2em;    font-weight: normal;}#accordion .ui-state-active a,#accordion .ui-state-active a:link,#accordion .ui-state-active a:visited{    color: #000000;}#accordion .ui-state-default a,#accordion .ui-state-default a:link,#accordion .ui-state-default a:visited{    color: #000000;}.ui-accordion .ui-accordion-header{    background: url("/images/accordion-header-bg.png") 50% 50% scroll repeat-x;    border: 1px solid #888888;}.ui-accordion-content-active{    background: none repeat scroll 0 0 #FAFAFA;    border: 1px solid #888888;}.ui-accordion-content{    height: auto !important;    background: none repeat scroll 0 0 #FAFAFA;    border: 1px solid #888888;}ui-icon ui-icon-triangle-1-s{    background-position: -64px -16px;}#accordion .ui-state-active .ui-icon{    background-image: url("/css/ext/images/ui-icons_222222_256x240.png");}#accordion .ui-state-hover .ui-icon,#accordion .ui-state-focus .ui-icon{    background-image: url("/css/ext/images/ui-icons_222222_256x240.png");}#accordion .ui-corner-all,#accordion .ui-corner-bottom,#accordion .ui-corner-top{    border-radius: 0;}#accordion table td{    border-top: #FFFFFF solid 1px;    padding: 0.5em;    vertical-align: top;}    #accordion table td.first    {        border-top: none;    }    #accordion table td ol    {        padding-left: 1.4em;    }#accordion td.rightCol{    width: 130px;    background-color: #EAEAEA;    padding-right: 1em;    text-align: right;}#accordion td.leftCol{    background-color: #F2F2F2;    padding-left: 1em;}/* #### Warnings ### */.warning{    width: 10px;    padding-left: 13px;    background-image: url(/images/icons/warning.gif);    background-repeat: no-repeat;    background-position: left center;    height: 14px;}.warning_left{    float: left;    margin-left: 6px;    width: 10px;    padding-left: 13px;    background-image: url(/images/icons/warning.gif);    background-repeat: no-repeat;    background-position: left center;    height: 14px;}#info_box{    border: 1px solid #cccccc;    background: #fef8c8;    padding: 5px;}/* Normal Buttons */input.button-orange{    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{    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{    border: 1px solid #ffffff;    height: 29px;    color: #ffffff;    background-image: url(/images/buttons/bg_grey.gif);    background-repeat: repeat-x;    background-position: center right;}.button-grey{    padding: 4px 8px 4px 8px;    border: 1px solid #cccccc;    background: #f0f0f0;    text-decoration: none;    color: #666666;    font-size: 1.0em;}/* Template specific overrides *//* Description Needed some padding on left and right site *//* Date 2013-10-01 */#tpNGS{    margin: 10px;}.left{    float: left;}.clearBoth{    clear: both;}.clearfixTop15{    padding-top: 15px;}.clearfixTop20{    padding-top: 20px;}.clearfixTop25{    padding-top: 25px;}.clearfixTop10{    padding-top: 10px;}.clearfixBottom10{    padding-bottom: 10px;}.clearfixBottom15{    padding-bottom: 15px;}.clearfixBottom20{    padding-bottom: 20px;}.clearfixBottom25{    padding-bottom: 25px;}.clearfixBottom30{    padding-bottom: 30px;}..clearfixBottom10{    padding-bottom: 15px;}.umbracoTable{    color: #000000;    font-family: Helvetica, Arial, Verdana, sans-serif;    font-size: 12px;    border: 0px none;    padding-left: 20px;}    .umbracoTable tr td, .umbracoTable th td    {        padding: 3px;    }.umbracoTableBorder{    color: #000000;    font-family: Helvetica, Arial, Verdana, sans-serif;    font-size: 12px;    border: 0px none;    padding-left: 20px;}    .umbracoTableBorder tr td, .umbracoTableBorder th td    {        padding: 3px;        /*border: 1px solid black;*/    }/*----------------------------------------------------- Common -------------------------------------------------------*/#db-sortable ul li.leftMargin{    margin-left: 10px;}#db-sortable ul li.rightMargin{    margin-left: 10px;}#checkoutSummary{    list-style-type: none;    margin-top: 5px;}#orderConfirmation{    list-style-type: none;    margin-top: 5px;}/*#checkoutSummary li.half {float: left;}*//*#checkoutSummary li.one-third {float: left}*/.sidemenu{	margin:0;	padding:0;	clear: both;	color:#415751;	font-weight: bold;	font-size:14px;    width: 96%;}.sidemenu a img {max-width: 100%}.sidemenu a:link, .sidemenu a:visited{	color:#415751;}.sidemenu a:hover {	color: #4e756a;}/* Overwrite jquery UI */.ui-dialog{    position: fixed;    font-size: 12px;    font-family: Arial;}.ui-widget-content{    z-index: 9999 !important;}.ui-widget-overlay{    background: #666666;    opacity: .8;    filter: Alpha(Opacity=80);}.ui-dialog.gsy-wizard-dialog{    max-height: 650px;    overflow-y: auto;}.printPageBody { width:98%; border-top:2px solid black;clear:both; padding: 5px; margin-top:15px;}.printPageFooter { floa:left; width:98%; clear:both; border-top: 1px solid black; margin-top:150px;}.printButtons{ width:100%;text-align:right}.printPageFooter .printButtons{ padding:10px; }.ecomVersionDisplay { float: left; margin-left:290px; padding-top: 10px;}.ecomVersionDisplay h3, .ecomVersionDisplay h4{color: white;background-color:blue; padding:2px;}