/*Header and Tabs*/
/*
#mainTopContainer {background:#fff url("https://phenomenex.blob.core.windows.net/cdn/Content/Images/kinetexNew/banner.png") no-repeat 0 -5px; }
*/
#mainTopContainer { padding: 0; }
#mainTopContainer form { margin: 0; padding: 0; }
#footerContainer { }

#product-page-tabs { position:relative; padding-top: 0px; }
#product-page-tabs #tabs { margin:0 auto; width:940px; position:relative; }
#product-page-tabs #tabs li { margin: 0 0.5em 0 0; }

#tabs { margin:0 auto; width:900px; position: relative; top: 3px; }
.tabs-bottom { position: relative; top: 30px;  }
.tabs-bottom .ui-tabs-panel { height: 140px; overflow: auto; }
.tabs-bottom .ui-tabs-nav { position: absolute !important; left: 0; bottom: 0; right:0; padding: 0 0.2em 0.2em 0; }
.tabs-bottom .ui-tabs-nav li { margin-top: -2px !important; margin-bottom: 1px !important; border-top: none; border-bottom-width: 1px; }
/*.ui-tabs-selected { margin-top: -3px !important; }*/

#knx-banner
{
    background: url("https://phenomenex.blob.core.windows.net/cdn/Content/Images/kinetexNew/gr53280617_thin-banner_notext-min.png") no-repeat;
    width: 958px;
    height: 200px !important;
    position: relative;
    top: 4px;
}

#knx-banner div
{
    padding: 30px 0 0 380px;
    text-align: left;
}

#knx-banner div h1
{
    color: #fff;
    font-size: 40px;
    text-align: left;
}

#knx-banner div h4
{
    color: #fff;
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 15px;
}

/*
#bottom-curve
{
    width: 961px;
    height: 88px;
    position: absolute;
    top: 114px;
    left: -1px;
    z-index: 1;
    background: url("https://phenomenex.blob.core.windows.net/cdn/Content/Images/kinetexNew/blk_strip_btm.png") no-repeat;
}
*/

img { border: none; outline:none;}
#KinetexContentContainer { font-family: Arial, Helvetica, sans-serif !important; position:relative; width:958px; }

#KinetexHeaderContainer { float:left; width:958px; height: 105px; }
#KinetexLogo { float:left; margin: 60px 0 0 40px; width:146px; height:36px; }
#KinetexLogo a { border-bottom: none;}

#KinetexPageHeader { float: right; margin: 10px 40px 0 0; font-family: 'Pontano Sans', sans-serif; }
#KinetexPageHeader h1 { color: #ffffff; padding: 0; vertical-align: bottom; float: right; }
#KinetexPageHeader h1.largeHeader { font-size: 44px; }
#KinetexPageHeader h1.smallHeader { font-size: 22px; }
/*.blockTab { height: 30px; display: inline-block; position: relative; }
.spanTab { position: absolute; bottom: 0;  }*/


#KinetexNav { float:left; width:938px; z-index:1; background:#663983; padding:10px 0 10px 20px; margin:15px 0 0 0; }
#KinetexNav ul { list-style:none; margin:0; padding:0; }
#KinetexNav ul li{ padding:2px 15px; font-weight:bold; float:left; }
#KinetexNav ul li a { color:#fff; text-decoration:none; border-bottom: none; font-size:12px; }
#KinetexNav ul li a:hover { text-decoration: underline; }

.KinetexContent { margin: 0 30px 0 30px; }

h2
{
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold;
    font-size: 16px;
    color: #542a8a;
}

h3
{
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold;
    font-size: 12px;
    color: #542a8a;
}

h4
{
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold;
    font-size: 14px;
    color: #542a8a;
    font-variant: normal;
}

.h3
{
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold;
    font-size: 12px;
    color: #542a8a;
}

.smallPageContent
{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10px;
    color: #444444;
}

.smallPageContentSpaced
{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10px;
    color: #444444;
    line-height: 18px;
}

.pageContent
{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px;
    color: #444444;
    line-height: 18px;
}
.pager { margin: 0; }

/*Kinetex Resource*/
#KinetexResources { background:#ffffff url("https://phenomenex.blob.core.windows.net/cdn/Content/Images/kinetexNew/kinetex-resources-background.jpg") no-repeat; width:896px; height:143px; float:left; padding:0 0 0 62px; margin:0 0 0 0; }
.KinetexResource { float:left; margin:22px 20px 22px 0; background: none; }
.KinetexResource .KinetexResourceImage { float:left; margin:0 10px 0 0; }
.KinetexResource .KinetexResourceLink { padding:5px; vertical-align:bottom;  }
.KinetexResourceLink h5 { color:#542a8a; margin:0; }
.KinetexResourceLink .greenBtn { float: left; width: 90px; }
.KinetexResourceLink .greenBtn a:hover { text-decoration:none !important; /* height:19px; */ border:none !important; }

#KinetexResources #KinetexResource1 { margin:22px 0 0 0; padding:5px 0 0 10px; width:255px;}
#KinetexResources #KinetexResource2 { margin:22px 0 0 25px; width:100px; padding:5px 0 0 10px; width:267px; }
#KinetexResources #KinetexResource3 {  margin:22px 0 0 30px; padding:5px 0 0 5px; width:245px; }

.KinetexResource #CoreClub { margin-top:22px; }
.KinetexResource #ServiceGuy { width:127px; }
.KinetexResource #Calculator {}

/* Falling What's new */
#KinetexWhatsNew { position:absolute; top:100px; left:300px; z-index:999; width:211px; height:128px; background: url("https://phenomenex.blob.core.windows.net/cdn/Content/Images/kinetexNew/knx_parachute.png"); background-repeat:no-repeat; cursor:pointer; }
#KinetexWhatsNew h3 { color:#A1CB37; font-size:24px; margin: 75px 0 0 85px; line-height:24px;}
#KinetexWhatsNew h3 span { margin-left:50px;}


/*Landing Page Styles*/
#landingPageContent div.pageContent
{
    width: 570px;
    padding-bottom: 15px;
}

#kinetexParticleContainer
{
    padding-top: 30px;
}

#oneThreeKinetex
{
    width: 135px;
    height: 184px;
    display: inline-block;
    background: url("https://phenomenex.blob.core.windows.net/cdn/Content/Images/kinetexNew/landingPage/1.3Sprite.png") no-repeat 0 0;
    margin-right: 20px;
    cursor: pointer;
    zoom: 1;
    *display: inline;
    _height: 186px;
}

#oneThreeKinetex:hover
{
    background-position: 0 -184px;
}

#oneSevenKinetex
{
    width: 197px;
    height: 225px;
    display: inline-block;
    background: url("https://phenomenex.blob.core.windows.net/cdn/Content/Images/kinetexNew/landingPage/1.7Sprite.png") no-repeat 0 0;
    margin-right: 10px;
    cursor: pointer;
    zoom: 1;
    *display: inline;
    _height: 225px;
}

#oneSevenKinetex:hover
{
    background-position: 1px -226px;
}

#twoSixKinetex
{
    width: 229px;
    height: 264px;
    display: inline-block;
    background: url("https://phenomenex.blob.core.windows.net/cdn/Content/Images/kinetexNew/landingPage/2.6Sprite.png") no-repeat 0 0;
    cursor: pointer;
    zoom: 1;
    *display: inline;
    _height: 269px;
}

#twoSixKinetex:hover
{
    background-position: 0 -264px;
}

#fiveKinetex
{
    width: 290px;
    height: 312px;
    display: inline-block;
    background: url("https://phenomenex.blob.core.windows.net/cdn/Content/Images/kinetexNew/landingPage/5Sprite.png") no-repeat 0 0;
    cursor: pointer;
    zoom: 1;
    *display: inline;
    _height: 312px;
}

#fiveKinetex:hover
{
    background-position: -2px -312px;
}


#oneThreeKinetexSmall
{
    margin-left: 57px;
    width: 77px;
    height: 104px;
    display: inline-block;
    background: url("https://phenomenex.blob.core.windows.net/cdn/Content/Images/kinetexNew/phaseInformation/1.3SpriteSmall.png") no-repeat 0 0;
    cursor: pointer;
    zoom: 1;
    *display: inline;
    _height: 104px;
}

#oneThreeKinetexSmall:hover
{
    background-position: 0 -105px;
}

#oneSevenKinetexSmall
{
    margin-left: 47px;
    width: 111px;
    height: 127px;
    display: inline-block;
    background: url("https://phenomenex.blob.core.windows.net/cdn/Content/Images/kinetexNew/phaseInformation/1.7SpriteSmall.png") no-repeat 0 0;
    cursor: pointer;
    zoom: 1;
    *display: inline;
    _height: 130px;
}

#oneSevenKinetexSmall:hover
{
    background-position: 1px -127px;
}

#twoSixKinetexSmall
{
    margin-left: 37px;
    width: 129px;
    height: 150px;
    display: inline-block;
    background: url("https://phenomenex.blob.core.windows.net/cdn/Content/Images/kinetexNew/phaseInformation/2.6SpriteSmall.png") no-repeat 0 0;
    cursor: pointer;
    zoom: 1;
    *display: inline;
    _height: 151px;
}

#twoSixKinetexSmall:hover
{
    background-position: 0 -150px;
}

#fiveKinetexSmall
{
    margin-left: 17px;
    width: 164px;
    height: 186px;
    display: inline-block;
    background: url("https://phenomenex.blob.core.windows.net/cdn/Content/Images/kinetexNew/phaseInformation/5SpriteSmall.png") no-repeat 0 0;
    cursor: pointer;
    zoom: 1;
    *display: inline;
    _height: 186px;
}

#fiveKinetexSmall:hover
{
    background-position: -1px -187px;
}

/*Kinetex Column Match*/
#EasyColumnSelections div.pageContent
{
    width: 640px;
    padding-bottom: 15px;
}

#subTabs { margin:0 auto; position: relative; top: -1px; }

.compoundSearchTab
{
    background-color: #F5F0FD;
    padding: 20px;
    width: 780px;
}

#KinetexColumnSelection
{
    background-color: #F5F0FD;
    padding: 0 20px 0 20px;
    width: 810px;
}

/* Search by compound */
#searchCompounds { width: 740px; }
#searchCompoundsLeft { width:300px; float:left; }
#searchCompoundsLeft #selectCompound { margin: 0;}
#searchCompoundsLeft #compoundList
{
            float:left;
            vertical-align:middle;
            width:215px;
            height:300px;
            background:#fff;
            border-top: 1px solid #ABAAAA;
            border-left: 1px solid #E5E6EE;
            border-right: 1px solid #E5E6EE;
            border-bottom: 1px solid #E5E6EE;
            background-color: #ffffff;
            -moz-border-radius:7px;
            -webkit-border-radius:7px;
            color: #444;
            font-size: 11px;
            margin: 5px 0 0 0;
            overflow: auto;
            overflow-x: hidden;
}

#compoundList ul {  list-style-type: none; padding: 0; margin: 0;  }
#compoundList ul li { padding: 3px 7px; cursor: pointer;  }
#searchCompoundsRight p { color: #444444; padding: 0 0 15px 0; font-size: 10px; }

#searchManufacturers { width: 740px; }
#searchManufacturerLeft { width:250px; float:left; }
#searchManufacturerLeft #selManufacturer { margin:10px 0;}
#searchManufacturerLeft #columnList
{
            float:left;
            vertical-align:middle;
            width:215px;
            height:300px;
            background:#fff;
            border-top: 1px solid #ABAAAA;
            border-left: 1px solid #E5E6EE;
            border-right: 1px solid #E5E6EE;
            border-bottom: 1px solid #E5E6EE;
            background-color: #ffffff;
            -moz-border-radius:7px;
            -webkit-border-radius:7px;
            color: #444;
            font-size: 11px;
            margin: 5px 0 0 0;
            overflow: auto;
            overflow-x: hidden;
}


#columnList ul {  list-style-type: none; padding: 0; margin: 0;  }
#columnList ul li { padding: 3px 7px; cursor: pointer;  }


#searchManufacturerRight { float:left; width:485px; margin:30px 0 0 0;  }
#searchManufacturerRight p { color:#000; }


.searchManufacturerResult { float:left; width:400px; margin-bottom:30px; }
.searchManufacturerResult p { font-size:12px; color:#663983; padding:0 0 10px 0; }
.searchManufacturerResult .searchManufacturerResultImage { width:150px; float:left;   }
.searchManufacturerResult .searchManufacturerResultProduct {  float:left; margin:0 10px; }
.searchManufacturerResultProduct .productName { padding:10px; }
.searchManufacturerResultProduct .greenBtn { margin:10px 0;}
.searchManufacturerResultDetails { float:left; width:100%; margin-top:20px;  }

/* What's New */
.kinetexExpRegBtn { margin: 10px; float:left; width: 195px; height: 48px; }
.kinetexExpRegBtn a { background: url("https://phenomenex.blob.core.windows.net/cdn/Content/Images/kinetexNew/btn_spirit.png") no-repeat scroll 0 0;  cursor: pointer; font-weight: bold; color:#542a8a; width: 195px; height: 48px; display:block; text-decoration:none; line-height:13px;  }
.kinetexExpRegBtn a span.oneLine { width: 175px; height: 30px; font-size: 12px; font-weight: bold; float: left; cursor: pointer !important; margin: 17px 0 0 10px; text-align: center; }
.kinetexExpRegBtn a span.twoLine { width: 175px; height: 30px; font-size: 12px; font-weight: bold; float: left; cursor: pointer !important; margin: 10px 0 0 10px; text-align: center; }
.kinetexExpRegBtn a span.threeLine { width: 175px; height: 40px; font-size: 12px; font-weight: bold; float: left; cursor: pointer !important; margin: 5px 0 0 10px; text-align: center; }
.kinetexExpRegBtn a:hover { background-position: 0px -48px; color:#fff; }

.kinetexExpTallBtn { margin: 10px; float:left; width: 195px; height: 96px; }
.kinetexExpTallBtn a { background: url("https://phenomenex.blob.core.windows.net/cdn/Content/Images/kinetexNew/btn_spirit.png") no-repeat scroll 0 -96px;  cursor: pointer; font-weight: bold; color:#542a8a; width: 195px; height: 96px; display:block; text-decoration:none; line-height:13px;  }
.kinetexExpTallBtn a span { width: 90px; font-size: 12px; font-weight: bold; float: left; cursor: pointer !important; margin: 28px 0 0 10px; text-align: center; }
.kinetexExpTallBtn a span.fourLine { width: 90px; font-size: 12px; font-weight: bold; float: left; cursor: pointer !important; margin: 22px 0 0 10px; text-align: center; }
.kinetexExpTallBtn a img { float: right; cursor: pointer !important; margin: 12px 20px 0 0; }
.kinetexExpTallBtn a:hover { background-position: 0px -192px; color:#fff; }

/* Test */
.hiddenSlideDiv
{
    display: none;
    vertical-align: top;
}

/* Ask Ball Guy*/
#KinetexContentContainer #AskBallGuyForm { padding: 10px 0 50px 0; margin: 10px 0 0 0; float:left; }
#AskBallGuyForm .AskBallGuyFormInput { margin: 4px 0;}
#AskBallGuyForm .AskBallGuyFormInput label { font-size: 12px; width: 130px; display: inline-block; vertical-align: top; padding-top: 3px; }
#AskBallGuyForm .AskBallGuyFormInput input[type="text"] { width:200px; padding:2px; }
#AskBallGuyForm .AskBallGuyFormInput .RequestOrQuestion { width:485px; max-width:485px; height:100px; max-height:100px; padding:3px; overflow:auto;}
#AskBallGuyForm .AskBallGuyFormRadio { padding-left: 130px; }

#ServiceGuyLarge { margin:0; padding: 10px 0 0 0; float: right; position: absolute; top: 375px; left: 580px; }
#ServiceGuyLargeSubmitted { margin: 0; padding: 10px 0 0 0; float: right; }

/* Core Club */
#coreClubLanding
{
    float: left;
    width: 330px;
    height: 420px;
    padding-right: 250px;
    background-image: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/kinetexNew/coreClub/knx.membership.note.png');
    background-repeat: no-repeat;
    background-position: bottom;
    margin-bottom: 40px;
}

/* Core Club Fun */
.kinetexExpVideo
{
    vertical-align: top;
    display: inline-block;
    text-align:center;
    margin-right: 30px;
    width: 160px;
    zoom: 1;
    *display: inline;
    _height: 180px;
}

.kinetexExpImage
{
    display: inline-block;
    text-align: center;
    margin-right: 15px;
    width: 130px;
    vertical-align: top;
    text-decoration: none;
    zoom: 1;
    *display: inline;
    _height: 130px;
}

.kinetexExpVideo a, .kinetexExpImage a
{
    text-decoration: none;
    font-size: 12px;
}

.kinetexExpVideo img
{
    border: 1px solid #492474;
    width: 150px;
}

.kinetexExpImage img
{
    border: 1px solid #492474;
    width: 130px;
}

/* Kinetex Verify */
.underlineText
{
    float: left;
    width: 200px;
    border-bottom: 1px solid #462770;
    padding: 17px 0 0 0;
    color: #aaaaaa;
}

.underlinePurpleText
{
    float: left;
    width: 200px;
    border-bottom: 1px solid #462770;
    padding: 17px 0 0 0;
    color: #542a8a;
}

.colorPurple
{
    color: #542a8a;
}

/* Phase Information */
.phaseBox
{
    width: 180px;
    text-align: center;
    float: left;
    padding: 0 20px 0 20px;
}
.phaseBox div.appBtn
{
    padding: 0 30px;
}

.phaseBox div.orderBtn
{
    padding-left: 24px;
}

.phaseBox div.phaseInfo
{
    height: 80px;
}

.phaseBoxLarge
{
    width: 100%;
    text-align: center;
    float: left;
    padding: 0 20px 0 20px;
}
.phaseBoxLarge .phaseImg {
    float: left;
    width: 150px;
}
.phaseBoxLarge .phaseInfo {
    width: 310px;
    float: left;
    margin-top: 100px;
    padding: 0 20px;
    font-size: 15px;
}
.phaseBoxLarge .phaseButtons {
    width: 150px;
    float: right;
    margin-top: 100px;
}


/* Application Search and Order Now */
#ApplicationSearch { float:left; margin: 20px 0 0 0; position:relative; }

#SearchFiltersContainer { width:225px; float:left; margin:0 10px;  }

#SearchFilters
{
    float:left;
    margin:10px;
    background-color:#EDF5D7 !important;
    color:#000000;
    padding: 10px;
}

#SearchFilters p { float:left; }

#ApplicationSearchResults { float:left; margin: 0 0 20px 0; width:700px; }
#ApplicationSearchResults p, #ApplicationSearchResults p span, #ApplicationSearchResults p span a { color: #000000; }
#ApplicationSearchResults p#selectedPart { color:#542a8a !important;}

#searchDetails
{
    background-color:#EDF5D7 !important;
    background-image: none !important;
    border: 1px solid #542a8a !important;
    margin: 5px 0 0 10px;
    width: 670px !important;
    color: #000000;
}

#filtersContainer { margin:0 0 0 10px; }

#PartDetail
{
    background-color: #EDF5D7 !important;
    background-image: none !important;
    border:1px solid #542a8a !important; margin:0 auto; width:650px !important;
    color:#000000;
}

#PartDetail p, .resultsGridContainer th { color:#000000 !important;}
#PartDetail p#selectedPart { color:#542a8a !important;}

/* Slider */
#sliderDiv
{
    position: absolute;
	margin-top: 10px;
	margin-left: 15px;
	z-index: 1000;
}

#slider li
{
    list-style: none;
}

#pointer
{
	position: absolute;
	background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/kinetexNew/coreShell/silder_pointer.png') no-repeat;
	width: 47px;
	height: 30px;
    top: -8px;
}

#my-slider
{
    margin-top: 0;
    margin-left: 22px;
    width: 868px;
}

ul#slider
{
	width: 190px;
}

ul#slider li
{
	margin: 0;
}

ul#slider li a
{
	display: block;
	margin: 0;
	padding: 0;
}

.dragLi
{
    float: left;
}

.dragBtn
{
    display: block;
	height: 43px;
	width: 124px;
	background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/kinetexNew/coreShell/silder_navi2.png') no-repeat;
}

#btn1
{
	background-position: 0 0;
	width: 133px;
}

#btn2
{
    background-position: -133px 0;
}

#btn3
{
	background-position: -257px 0;
}

#btn4
{
	background-position: -381px 0;
}

#btn5
{
	background-position: -505px 0;
}

#btn6
{
	background-position: -629px 0;
}

#btn7
{
	background-position: -753px 0;
	width: 133px;
}

.dragdealer
{
	position: relative;
	height: 43px;
}

.dragdealer .handle
{
	position: absolute;
	cursor: pointer;
}

.dragdealer .red-bar
{
    background: White url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/kinetexNew/coreShell/adjusted_silder_drag.png') no-repeat;
	width: 124px;
	height: 88px;
}

.boldPurple
{
    font-weight: bold;
    color: #542a8a;
}

.purpleTable tr th
{
    background-color: #542a8a;
    color: #fff;
}

.purpleTable tr.alt td
{
    background-color: #F5F0FD;
}

.purpleTable tbody tr th
{
    background-color: #542a8a;
    color: #fff;
}

.purpleTable tbody tr.alt td
{
    background-color: #F5F0FD;
}

.col1
{
    text-align: left;
    padding: 5px 30px 5px 10px;
}

.col2
{
    text-align: center;
    padding: 5px 10px 5px 10px;
}
.col3
{
    text-align: center;
    padding: 5px 10px 5px 10px;
}
.col4
{
    text-align: center;
    padding: 5px 10px 5px 10px;
}
.col5
{
    text-align: center;
    padding: 5px 10px 5px 10px;
}

.kinetexList
{
    font-size: 12px;
}

.kinetexList li
{
    padding: 5px 0 5px 0;
    cursor: pointer;
}

.h4SubTitle
{
    font-weight: normal;
    font-size: 12px;
    color: #444;
}

.minusIcon
{
    background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/kinetexNew/plusminus.png') no-repeat 1px 5px;
    width: 10px;
	height: 10px;
	padding-right: 5px;
	display: inline-block;
	zoom: 1;
    *display: inline;
    _height: 10px;
}

.plusIcon
{
    background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/kinetexNew/plusminus.png') no-repeat 1px -19px;
    width: 10px;
	height: 10px;
	padding-right: 5px;
	display: inline-block;
	zoom: 1;
    *display: inline;
    _height: 10px;
}

/* Technical Resources */
#TechnicalResourcesContent { float: left; width: 900px; float: left; z-index: 1; margin: 0 0 20px 30px; }

#ResourceContentLeft { float: left; margin: 20px 0 0; }
#ResourceContentLeft h4 { margin-left: 20px;}
#ResourceContentLeft ul { list-style: none; margin: 15px 0 0 0; padding: 0; float: left; }
#ResourceContentLeft ul li { padding: 5px 0 0 15px; height: 25px; cursor: pointer; font-size: 12px; color: #542a8a; width: 150px; }
#ResourceContentLeft ul li a { text-decoration:none; }
#ResourceContentLeft ul li.selectedContent { background-color: #F4EFFD; font-weight: bold; }

#ResourceContentRight { float:left; margin:20px 0 0 0; width:688px; font-size:12px; }
#ResourceContentRight .ResourceContent { float:left; overflow-x: hidden; width: 675px; padding: 20px; background-color: #F4EFFD; }
#ResourceContentRight .ResourceContentFAQ { float:left; overflow-x: hidden; width: 675px; padding: 0; background-color: #F4EFFD; }
#ResourceContentRight p, #ResourceContentRight table { float:left; padding:5px 0;}
#ResourceContentRight .TechnicalQuestion {color:#663983; font-size:16px;}

#TechnicalLibraryContent h2 { color: #492474; font-size:12px; }
#TechnicalLibraryContent h3 { cursor:pointer; padding:0 0 0 13px; vertical-align:middle; }

#TechnicalLibraryContent h3.Plus-Image, #PorousCoreShellContent h2.Plus-Image { background: url("https://phenomenex.blob.core.windows.net/cdn/Content/Images/plus.png") no-repeat scroll 0 2px; }
#TechnicalLibraryContent h3.Minus-Image, #PorousCoreShellContent h2.Minus-Image { background: url("https://phenomenex.blob.core.windows.net/cdn/Content/Images/minus.png") no-repeat scroll 0 2px; }

#TechnicalLibraryContent .TechnicalLibrarySection { padding:5px 0;  }
#TechnicalLibraryContent .SectionContent { margin:10px 20px; }
#TechnicalLibraryContent .SectionContent ul { list-style-type:none; margin:0; padding:0; }
#TechnicalLibraryContent .SectionContent ul li { list-style-type:none; color:#005c8a; font-weight:bold; font-size:12px; padding:5px 0; float:left; width:100%; }
.SectionContent .SectionContentSubContent { color:#444444; font-weight:normal; padding:2px 0; }

#PorousCoreShellContent h2 { cursor:pointer; padding:0 0 0 13px; vertical-align:middle; color: #89108A; font-size:12px; }
#PorousCoreShellContent h2.Plus-Image { background: url("https://phenomenex.blob.core.windows.net/cdn/Content/Images/plus.png") no-repeat scroll 0 2px;  }
#PorousCoreShellContent h2.Minus-Image { background: url("https://phenomenex.blob.core.windows.net/cdn/Content/Images/minus.png") no-repeat scroll 0 2px; }

#PorousCoreShellContent .PorousCoreShellSection { padding:5px 0; }
#PorousCoreShellContent .SectionContent { margin:10px 20px; }

#subTabs .tabContent {  border: 1px solid #492474; padding: 20px !important; overflow-x: hidden; overflow-y: auto; }
.tabContent .Question-Answer { float: left; width: 100%; padding: 0 0 10px 0;}
.Question-Answer .Question { float: left; width: 100%; cursor: pointer; }
.Question-Answer .Question p { width: 620px; float: left; padding: 0 !important; }
.Question .Toggle-Image { width: 10px; height: 10px; float:left; margin: 2px 5px 0 0; cursor: pointer; }
.Question .Plus-Image {  background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/kinetexNew/plusminus.png') no-repeat 1px -19px; }
.Question .Minus-Image { background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/kinetexNew/plusminus.png') no-repeat 1px 5px; }

.Question-Answer .Answer { float: left; margin: 5px 0 0 15px; display: none; }

/* Kinetex Calculator */
.calcSlider { border: 1px solid #aaaaaa; background: #ffffff url(/Content/jquery-ui-1.8.9/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.calcSlider .ui-state-default, .calcSlider .ui-widget-content .ui-state-default, .calcSlider .ui-widget-header .ui-state-default
{
    border-color: #492474;
    background-color: #492474;
    background-image: none;
}