/* DEFAULTS
---------------------------------------------------------*/
#tabContainer #resultTabContainer
{ behavior: url(/scripts/iepngfix.htc); }

html, body {
    height:100%; 
    padding: 0;
    margin: 0;   
}


body {
    background: transparent url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/gradientMarginBG.gif') repeat-x top;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: #444;
    width: 100%;
}

* html #PageWrapper { height: 100%; }

/*img, div { behavior: url('/scripts/iepngfix.htc') }*/

p {
    padding: 0;
    margin: 0;
}
img { border: none; outline:0; }

.boldText, .BoldText { font-weight:bold;}
.ClearAll, .clearAll { clear:both; }
.floatRight, float-right { float:right;}
.floatLeft, float-left { float:left;}
a, a:link, a:visited, a:active
{
    text-decoration: none;
    color: #0088CC;
    cursor:pointer !important;    
}

a:hover
{
    text-decoration: none;
    color: #0088CC; 
}

.link2, .link2:link, .link2:visited, .link2:active 
{
    color: #0088CC;
    text-decoration:none;
    font-weight:bold;
}

.link2:hover 
{
    color: #444444;
    text-decoration: underline;
}

.link3, .link3:link, .link3:visited, .link3:active 
{
    color: #444;
    text-decoration:none;
}

.link3:hover 
{
    color: #0088CC;
    text-decoration: underline;
}

.link4, .link4:link, .link4:visited, .link4:active, .link4:hover
{
    color: #444;
    text-decoration:none;
}

.blueLink, .blueLink:link, .blueLink:visited, .blueLink:active 
{
    color: #0088CC;
    text-decoration:none;
}

.blueLink:hover 
{
    color: #444;
    text-decoration: underline;
}

.actionLink, .actionLink:link, .actionLink:visited, .actionLink:active 
{
    color: #0088CC;
    text-decoration:none;
}

.actionLink:hover 
{
    color: #444;
    text-decoration: underline;
}

/* new sprite images for phenomenex.com */
.sprite-buttons-common { background: url("https://phenomenex.blob.core.windows.net/cdn/Content/Images/sprites/sprite-buttons-common.png") no-repeat scroll; /*float:left; */ }
.sprite-product-images { background: url("https://phenomenex.blob.core.windows.net/cdn/Content/Images/sprites/sprite-product-images.png") no-repeat scroll; }
.sprite-site-icons { background: url("https://phenomenex.blob.core.windows.net/cdn/Content/Images/sprites/sprite-site-icons.png") no-repeat scroll; }

#home-page-main-right { width: 755px; height: 299px; float: left; background-position:-208px -161px; }

.actionLink:after, .actionLink:after {
    content:url(https://phenomenex.blob.core.windows.net/cdn/Content/Images/chv_b.png);
    padding: 0 0 0 3px;
}

.actionLink:hover:after, .actionLink:focus:after {
    content:url(https://phenomenex.blob.core.windows.net/cdn/Content/Images/chv_g.png);
    padding: 0 0 0 3px;
}

.learnMoreLink, .learnMoreLink:link, .learnMoreLink:visited, .learnMoreLink:active 
{
    color: red;
    text-decoration:none;
    font-size: 13px;
    font-weight: bold;
}

.learnMoreLink:hover 
{
    color: #444;
    text-decoration: underline;
}

.learnMoreLink:after, .learnMoreLink:after {
    content:url(https://phenomenex.blob.core.windows.net/cdn/Content/Images/chv_r.png);
    padding: 0 0 0 3px;
}

.learnMoreLink:hover:after, .learnMoreLink:focus:after {
    content:url(https://phenomenex.blob.core.windows.net/cdn/Content/Images/chv_g.png);
    padding: 0 0 0 3px;
}

.rightNavLink, .rightNavLink:link, .rightNavLink:visited, .rightNavLink:active {
    color: #444;
    text-decoration:none;
    display: block;
    padding: 2px 0;
}

.rightNavLink:hover {
    color: #0088CC;
    text-decoration: none;
}


.homeProducts { width: 166px; height: 158px; float: left; }
.homeProducts .homeProductsLink { display: block; margin: auto auto; text-align: center; }
.homeProducts .homeProductsImage {  height: 97px; width: 142px; display:block; margin:0 0 0 10px; }
.homeProducts .kinetexCoreShell { background-position: 0 0; }
.homeProducts .securityGuard { background-position: -147px 0; }
.homeProducts .zebron { background-position: -294px 0; }
.homeProducts .strata-x { background-position: -446px 0; }
.homeProducts .phenex { background-position: -593px 0; } 

.homeProductsLink, .homeProductsLink:link, .homeProductsLink:visited, .homeProductsLink:active {
    color: #0088CC;
    text-decoration:none;
    display: block;
    padding: 5px 0;
    font-size: 12px;
}

.homeProductsLink:hover {
    color: #444;
    text-decoration: none;
}

.analyteList
{
    background-color: #EAF4C1;
}

td a, td a:link, td a:visited, td a:active 
{
    color: #0088CC;
    text-decoration:none;
}

td a:hover 
{
    text-decoration:underline
}

td.menuTD a:hover
{
}

/* HEADINGS   
----------------------------------------------------------*/

h1 {
    font-size: 72px; 
    color: #444; 
    text-align: right;
    padding: 0;
    margin: 0;
    font-weight: normal;
}

h2 {
    color: #89108A;
    font-size: 20px;
    font-weight: bold;
    padding: 0 0 10px 0;
    margin: 0;
}

h3 
{
    color: #89108A;
    font-size: 12px;
    padding: 0;
    margin: 0;
}

h4 {
    color: #444;
    font-variant: small-caps;
    font-weight: normal;
    font-size: 16px;
    margin: 0;
    padding: 0 10px 0 0;
}

h5 {
    font-size: 18px; 
    color: #444;
    font-weight: normal;
    margin: 0;
    padding: 0 0 5px 0;
}

h6 
{
    font-size: 14px; 
    color: #3E5004;
}

.h7
{
    color:#FFFFFF; 
    line-height:24px; 
    font-size:14px; 
    text-shadow: 1px 1px 1px #343434; 
    height: 24px; 
    background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/h7Bkrnd.gif') repeat-x;
    padding: 0 4px;
    margin: 0;
}

p#phaseDetailHeader.h7
{
    height:auto;
    background-color: #7e7e7e;
}

p#phaseInformationHeader.h7
{
    height:auto;
    background-color: #7e7e7e;
}

.h8 
{
    color:#3E5004; 
    font-weight: bold;
    font-size:12px; 
    padding: 3px 0;
}

.h9
{
    font-weight: bold;
    padding: 5px 0;   
}

.h10
{
    color:#3E5004;
    padding: 5px 0;
}

.h11
{
    color: #0066CC;
    font-weight: bold;
    font-size: 14px;
    padding-left: 10px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

#pageWrapper 
{
    position: relative;
	margin:0 auto; /* center, not in IE5 */
	width:988px;
	height: auto;
	overflow: hidden;
	background: transparent url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/whiteMarginShadow.gif') repeat-y;
}

#leftMarginShadow 
{
    float: left;
    width: 15px;
    height:230px;
    background-position:-208px -465px; 
}

#mainContentContainer 
{
    background-color: transparent;
    float: left;
	width:958px;
    padding: 0; 	
    height: auto; 
    overflow: auto;   
    position: relative; 
}

#homeLeftNavigation { float: left; width: 203px; }
#homeLeftNavigation a{ text-indent:-9999px;  }

#homePageISOicon { margin: 10px 20px 0 2px; width: 126px; height: 113px; background-position: -442px 0; }

#rightMarginShadow 
{
    float: left;
	width: 15px; 
	height:230px;
	background-position:-228px -465px; 
}

#mainTopContainer 
{
    background-color: transparent;
    padding: 0;
}

#phenomenexLogo 
{
    background-position:-249px 0;
    float: left;
    margin: 0 0 0 20px;
    width:188px; height:45px;
    text-indent:-9999px;
}

#phenomenexLogo a {width:188px; height:45px; cursor: pointer; float:left; }


#topQuickLinks 
{
    float: right;  
    padding: 0 0 0 0;
    font-size: 11px;
}

#mainConsumerNavigation
{
    /*background: transparent url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/navConsumerCurve.png') no-repeat bottom; */
    padding: 20px 0 0 0;
    width:958px;
    height: 170px;
    position: relative;
    z-index: 2;
    background-repeat:no-repeat;
    background-position:0 -890px;
}

#mainCorporateNavigation
{
    background: transparent url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/navCorporateCurve.png') no-repeat bottom;
    padding: 20px 0 0 0;
    height: 170px;
    position: relative;
    z-index: 2;    
}

#mainBottomContainer 
{
    position: relative;
    padding: 20px 20px 10px 20px;  
}

#contentContainer 
{
    background-color: transparent;
    width: 918px;
    padding: 0 20px;
}

/* HEADER   
----------------------------------------------------------*/

#topQuickLinks a, #topQuickLinks a:link, #topQuickLinks a:visited 
{
    color: #444;
    text-decoration: none;
}

#topQuickLinks a:hover, #topQuickLinks a:active 
{
    color: #0088CC;   
    text-decoration: underline; 
}

a.betaFeedbackLink, a.betaFeedbackLink:link, a.betaFeedbackLink:active
{
    font-size: 14px;
    color: #B0B0B0;
    text-decoration: none;   
}

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

/* FOOTER   
----------------------------------------------------------*/

#level1FooterLinks 
{
    float: left;    
}

#level1FooterLinks .homePagePinkList { width:8px; height:9px; display:inline-block; background-position:-335px 0; vertical-align:middle; margin:0 3px 0 0; }

#level1FooterLinks p, #level1FooterLinks p a, #level1FooterLinks p a:link, #level1FooterLinks p a:visited
{
    /*color: #89108A;  */ 
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;     
}

#level1FooterLinks p a:hover, #level1FooterLinks p a:active
{
    color: #444444;   
    text-decoration: underline; 
}

#level2FooterLinks 
{
    float: left;    
    padding: 15px 0 0 10px;
}

#level2FooterLinks p, #level2FooterLinks p a, #level2FooterLinks p a:link, #level2FooterLinks p a:visited
{
    color: #444;   
    font-size: 12px;
    text-decoration: none;     
}

#level2FooterLinks p a:hover, #level2FooterLinks p a:active
{
    color: #0088CC;   
    text-decoration: underline;  
}

#copyrightLinks 
{   
    padding: 15px 0 0 0;  
}

#copyrightLinks p, #copyrightLinks p a, #copyrightLinks p a:link, #copyrightLinks p a:visited
{
    color: #444;   
    font-size: 11px;  
    text-decoration: none;    
}

#copyrightLinks p a:hover, #copyrightLinks p a:active
{
    color: #0088CC;   
    text-decoration: underline;
}

#footerContainer #phxOnLinkedIn { width:16px; height:16px; background-position:-253px 0; display:inline-block; margin:0 5px 0 0; cursor:pointer !important;  }
#footerContainer #phxOnTwitter { width:16px; height:16px; background-position:-274px 0; display:inline-block; margin:0 5px 0 0; cursor:pointer !important; }
#footerContainer #phxOnYouTube { width:16px; height:16px; background-position:-295px 0; display:inline-block; margin:0 5px 0 0; cursor:pointer !important; }
#footerContainer #phxOnFacebook { width:16px; height:16px; background-position:-347px 0; display:inline-block; cursor:pointer !important; }


/* FORM ELEMENTS   
----------------------------------------------------------*/

.formContainer 
{
    border: 1px solid #CECECE; 
    padding: 10px;   
}

.formContainer ul#productGuideList
{ 
    font-size:15px;
    list-style: none;
    margin:10px 0 10px 20px; padding:0;
    line-height:24px;
}

ul#productGuideList li div
{ 
    margin-left:15px;
}
.required, .optional
{
    zoom: 1;
    margin: 5px 0 0 0;
    padding: 1px 3px;
}

.required label, .optional label {
  display: block;
  float: left;
  width: 140px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

.optional label, label.optional {
  font-weight: normal;
}
 
.required label, label.required {

}

.required small, .optional small {
  display: block;
  margin: 0 0 5px 142px;
  padding: 1px 3px;
  font-size: 78%;
  zoom: 1;
  font-style: italic;
}

.required input.inputText, .required input.inputPassword, .optional input.inputText, .optional input.inputPassword {
    padding: 1px 3px;
    margin: 0;  
    font-family: Arial, Helvetica, sans-serif;
}

.required select, .optional select 
{
    padding: 1px;
    font-family: Arial, Helvetica, sans-serif;
}

.required input.inputCheckbox, .required input.inputRadio, .optional input.inputCheckbox, .optional input.inputRadio, input.inputCheckbox, input.inputRadio {
  padding: 0;
  margin: 0;
}

.formLabelsContainer 
{
    float: left;
    width: 150px;
}

.formFieldLabels 
{
    display: block;
    text-align: right;    
    line-height: 40px; 
    padding: 0 5px 0 0;     
}

.formFieldsContainer
{
     float: left; 
     width: 170px;
}

.formFields 
{
    display: block; 
    padding: 0; 
    line-height: 40px;    
}

input[type="text"]
{
    height: 16px;
    border-top: 1px solid #abadb3;
    border-left: 1px solid #e3e9ef;
    border-bottom: 1px solid #e3e9ef;
}

.text30 
{
    width: 30px;
}

.text50 
{
    width: 50px;
}

.text100 
{
    width: 100px;
}

.text150 
{
    width: 150px;
}

.text190 
{
    width: 190px;
}

.text250 
{
    width: 250px;
}

.text250x50
{
    width: 250px;
    height: 50px;
}

.ddl50
{
    width: 50px;
}

.ddl60
{
    width: 60px;
}

.ddl120
{
    width: 120px;
}

.ddl150
{
    width: 150px;
}

.ddl190
{
    width: 190px;
}

.ddl330
{
    width: 330px;
}

/* PRODUCT SEARCH
----------------------------------------------------------*/
.arrowheader 
{
    cursor: pointer;
}

#searchGCProductsContainer, #searchSolidPhaseExtractionContainer, #searchFiltrationContainer, #searchManufacturersContainer, #searchAccessoriesContainer, #mappingSearchManufacturersContainer, #searchAttributesContainer, #searchCustomContainer, #searchTechniqueContainer, #searchOtherContainer {
    height: 460px;
    overflow: hidden;
    padding: 10px;  
    border-left: 1px solid #96B447;
    border-bottom: 1px solid #96B447;
    border-right: 1px solid #96B447;
    background: transparent;
}

.searchList {
    height: 115px; 
    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: 0;
    overflow: auto;
    overflow-x: hidden;
    background: #ffffff url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/listBoxTopBorder.gif') repeat-x top;    
}

.searchList ul 
{
    list-style-type: none; 
    padding: 0; 
    margin: 0;  
}

.searchList ul li 
{
    padding: 3px 7px;
    cursor: pointer;
}

.searchList ul li:hover 
{
    background-color: #eef4cb;
}

.searchSelectedList 
{
    height: 100px; 
    overflow: auto;
    overflow-x: hidden;         
    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: #0061AA;
    font-size: 11px;
    margin: 0;
    background: #ffffff url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/listBoxTopBorder.gif') repeat-x top;   
}

.searchSelectedList ul 
{
    list-style-type: none; 
    padding: 0; 
    margin: 0;  
}

.searchSelectedList ul li 
{
    padding: 3px 7px;
    cursor: pointer;
}

.searchSelectedList ul li:hover 
{
    background-color: #eef4cb;
}

.searchFilter 
{
     border: 1px solid #990033;
}

.searchFilter select
{
    font-size: 12px;    
    width: 100%;
    color: #131313;
}

#searchCriteriaContainer input[type="text"] {
    color: #A8A8A8; 
    font-size: 11px; 
    padding: 2px;
}

.searchHeader {
    display: block;
    margin: 0;
    font-size: 11px; 
    color: #89108A; 
    padding: 0 0 5px 0;   
    font-weight: bold;
}

.searchListBox {
    margin: 0;
    height: 200px; 
    overflow: auto; 
    float: left; 
    background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/listBoxTopBorder.gif') repeat-x top;
}

.searchManufacturers 
{
    width: 170px;
}

.searchBrand 
{
    width: 170px;
}

.searchBrandAdmin 
{
    width: 150px;
}

.searchBrandSPE {
    width: 150px;
}

.searchPhase {
    width: 120px;
}

.searchBrandGC {
    width: 120px;
}

.searchCustomBox {
    width: 155px;
}

.searchPharmaEffect 
{
    width: 150px;
}

.searchPhaseGC {
    width: 170px;
}

.searchPhaseSPE {
    width: 350px;
}

.searchPhaseDetail {
    width: 170px;
}

.searchFormat 
{
    width: 150px;
}

.searchFormatSPE 
{
    width: 150px;
}

.searchSorbentMass 
{
    width: 140px;
}

.searchInsideDiameter {
    width: 140px;
}

.searchInsideDiameterGC {
    width: 110px;
}

.searchLength {
    width: 100px;
}

.searchFilmThickness 
{
    width: 110px;
}

.searchMethod 
{
    width: 120px;
}

.searchGuard 
{
    width: 30px;
}

.searchParticleSize {
    width: 90px;
}

.searchApplication 
{
    width: 135px;    
}

.searchScalability 
{
    width: 100px;
}

.searchNeed 
{
    width: 100px;
}

.searchIndustry 
{
    width: 100px;
}

.searchDetection
{
    width: 100px;
}

.searchTechnique {
    width: 175px;
}

.searchFamily 
{
    width: 175px;
}

.searchTechniqueMode {
    width: 175px;
}

.searchPrepFormat {
    width: 175px;
}

.searchFiltration 
{
    width: 175px;
}

.searchSPEFilter
{
    width: 150px;
}

.searchSPEType 
{
    width: 150px;
}

.searchSPEFilterType 
{
    width: 150px;
}

.searchPoreSize 
{
    width: 80px;
}

.searchDiameter 
{
    width: 80px;
}

.searchSystemManufacturer 
{
    width: 150px;
}

.searchAccessoryType 
{
    width: 150px;
}

.applicationCheckboxes 
{
    padding: 10px;
}

.searchCategory 
{
    width: 150px;
}

.searchCompoundClass 
{
    width: 200px;
}

.searchCompoundName 
{
    width: 200px;
}

/* PRODUCT RESULTS
----------------------------------------------------------*/

#addToStockroomIcon 
{
    width: 39px;
    height: 30px;
    background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/addToStockroomOff.gif') no-repeat;
}

#addToStockroomIcon:hover 
{
    width: 39px;
    height: 30px;    
    background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/addToStockroomOn.gif') no-repeat;
}

.oldPrice
{
    text-decoration: line-through;
}

.currentPrice
{
    text-decoration: none;
}

.discountPrice 
{
    color: #990033;
}

#accessoryResults, #SPESolidPhaseExtractionResults, #SPEFiltrationResults, #SPEOtherResults, #GCResults, #HPLCResults, #applicationResults
{
    display: none;
}

/*.partPromoRow {
    border: 1px solid #000;
}*/

/*.partPromo td {
    padding: 1px 5px 1px 5px;
    border: 1px solid #000;
}*/

/*.partPromo tr {
    border: 1px solid #000;
}*/

/*.partPromo {
    border: 1px solid #000;
}*/

.promoListColumn table 
{
    border-collapse: collapse;
    width: 100%;
}

.promoListColumn td {
    /*border: 1px solid #000;*/
    padding: 1px 1px 1px 3px;
}

.promoListColumn tr {
    max-height:12px;
    /*border: 1px solid #699;*/
}

.resultsGridContainer {
    height: auto;
    background-color: #ffffff;
}

.resultsGridContainer table { 
	border-collapse: collapse;
	width: 100%;
}

.resultsGridContainer th {        
    background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/colHeadersNoArrow.gif') repeat-x right;
	border-bottom: 1px solid #000;
    font-size: 10px;	
	text-align: left;	
	color: #3E5004;	
	padding: 5px 2px 5px 5px;	
}

.resultsGridContainer td {
	/*padding: 5px;*/
    color: #444;	    
	font-size: 10px;  
	background-color: #ffffff;
}

.resultsGridContainer td.partNumber, td.brand, td.phase, td.particleSize, td.poresize, td.length, td.diameter, td.speformat, td.applicationTechnique, td.applicationTitle, td.applicationColumn, td.description, td.solution, td.analyteName
{
    padding: 5px;
}

/*.resultsGridContainer td.description { width: 330px; }*/

.resultsGridContainer th.buy, th.applicationBuy, th.applicationChromatograph, th.applicationAnalytes, th.applicationLocker, th.productsTabBestFor, th.productsTabScalability, th.productsTabDescription
{
    background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/colHeadersNoArrow.gif') repeat-x;
    padding: 5px;
}

.resultsGridContainer td.buy, td.applicationBuy, td.applicationChromatograph, td.applicationAnalytes, td.applicationLocker, td.productsTabBestFor, td.productsTabScalability, td.productsTabDescription 
{
    padding: 5px 5px 5px 7px;
}

.resultsGridContainer td.priceList 
{
    padding: 2px 5px 2px 5px;
}

.resultsGridContainer th.productsTabBaseMaterial, td.productsTabBaseMaterial
{
    width: 90px;    
}

.resultsGridContainer td.buy, td.applicationPrice, td.applicationBuy, th.applicationLocker, td.applicationLocker {
    text-align: center;
}

.resultsGridContainer tr.alt td {
	background-color: #EBEBEB;
}

.applicationAnalytes, .applicationAnalytes:link, .applicationAnalytes:visited, .applicationAnalytes:active, .applicationAnalytes:hover 
{
    color: #0088CC;
    width: 90px;
    text-decoration: none;
}

div.resultsGridRowsContainer td.applicationChromatograph
{
    color: Blue;
    text-decoration: underline;
    cursor: pointer;
}

div.resultsGridRowsContainer td.applicationChromatograph div.viewChromatograph
{
    display:none;
}

div.resultsGridRowsContainer td.applicationChromatograph:hover div.viewChromatograph
{
    display: block;
    position: absolute;
    border: 1px solid black;
    bottom: 0;
    margin-left: 45px;
    z-index: 100;

}

/* PRODUCT DETAIL
----------------------------------------------------------*/

.imageEdit 
{
    display: none;
}

#Inventory 
{
    float: right; cursor: hand;
}

/* Kinetex Validator Menu 
----------------------------------------------------------*/

.closeMenu 
{
    padding: 3px 0 3px 12px;
    background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/plus.png');
    background-repeat : no-repeat;
	background-position : left;
}

.openMenu 
{
    padding: 3px 0 3px 12px;
    background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/minus.png');
    background-repeat : no-repeat;
	background-position : left;

}

/* POPUP 
----------------------------------------------------------*/
#siteGateway { width:650px;}

/* .popup old popup */
.popup { width:650px; }
/* .homePagepopup new popups on home page, should be integrated so all popups use it */
.homePagepopup, .newPopup { margin-top:15px; height: auto; overflow: auto; }

#backgroundPopup   
{
    display:none;   
    position:fixed;   
    position:absolute; 
    /* hack for internet explorer 6*/  
    height:100%;   
    width:100%;   
    top:0;   
    left:0;   
    background:#000000;   
    border:1px solid #cecece;   
    z-index:500;   
} 


.popupLeftFiller 
{
    background: url(https://phenomenex.blob.core.windows.net/cdn/Content/Images/popupLeftMid.png) repeat-y; float: left; width: 25px; height: auto;
    position:relative;
}

.popupRightFiller
{
    background: url(https://phenomenex.blob.core.windows.net/cdn/Content/Images/popupRightMid.png) repeat-y; float: left; width: 25px; height: auto;
    position:relative;
}

.popupUpperLeft
{
    background: url(https://phenomenex.blob.core.windows.net/cdn/Content/Images/popupUpperLeft.png) no-repeat; float: left; width: 25px; height: 20px;
    position:relative;
}

.popupUpperRight
{
    background: url(https://phenomenex.blob.core.windows.net/cdn/Content/Images/popupUpperRight.png) no-repeat; float: left; width: 25px; height: 20px;
    position:relative;
}

.popupLowerLeft
{
    background: url(https://phenomenex.blob.core.windows.net/cdn/Content/Images/popupLowerLeft.png) no-repeat; float: left; width: 25px; height: 20px;
    position:relative;
}

.popupLowerRight
{
    background: url(https://phenomenex.blob.core.windows.net/cdn/Content/Images/popupLowerRight.png) no-repeat; float: left; width: 25px; height: 20px;
    position:relative;
}

.popupUpperFiller 
{
    background: url(https://phenomenex.blob.core.windows.net/cdn/Content/Images/popupUpperMid.png) repeat-x; float: left; width: 600px; height: 20px;
    position:relative;
}

.popupLowerFiller
{
    background: url(https://phenomenex.blob.core.windows.net/cdn/Content/Images/popupLowerMid.png) repeat-x; float: left; width: 600px; height: 20px;
    position:relative;
}

.popup .popupContent { position:relative !important;}

.homepagePopup .popupContent, .newPopup .popupContent
    {
        position:relative !important; background-color: #D9D9D9; width: 600px; overflow: hidden; float: left; padding:10px;
        border:1px solid #b5b5b5;
        -webkit-border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;      
        behavior: url(/Content/PIE.htc);    
    }
    
   .popupContent .showAgainMsg { padding: 0 0 5px 0; margin:0px 5px 0 0; } 

/* APPLICATION SEARCH
----------------------------------------------------------*/
.analytesList
{
    display: none;
    text-decoration: none;
    border: 1px solid black;
    background-color: #FFF799;
    padding: 5px;
    position: absolute; 
    margin-left: 50px;      
    margin-top: 0px;  
    color: #000000;
    z-index: 502;    
}

/* APPLICATION DETAIL
----------------------------------------------------------*/

#largeChromoImage
{
    display: none;
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 500;
}

#largeAnalyteImage
{
    display: none;
    position: absolute;
    left: 10px;
    z-index: 500;
}

/* DASHBOARD ELEMENTS
----------------------------------------------------------*/
.dashboardTab 
{
    padding: 10px;
}

.quote, .app, .proj, .acc, .doc
{
    cursor: pointer;
}

.unread {
	font-weight: bold;
}


.dashboardGridContainer {
    height: auto;
    margin-top: 2px;
    padding: 0;
    border-top: 1px solid #ABAAAA;
    border-right: 1px solid #E5E6EE;
    border-bottom: 1px solid #E5E6EE;
    background-color: #ffffff;
}

.dashboardStockroomGridContainer {
    height: 360;
    margin-top: 2px;
    padding: 0;
    border-top: 1px solid #ABAAAA;
    border-right: 1px solid #E5E6EE;
    border-bottom: 1px solid #E5E6EE;
    background-color: #ffffff;
}

.dashboardGridHeaderContainer {
    width: 630px;
    margin-top: 0;
}

.dashboardGridRowsContainer {
    overflow: auto; 
    height: auto;    
}

.dashboardStockroomGridRowsContainer {
    overflow: auto; 
    height: auto;    
}

.dashboardGridContainer table { 
	border-collapse: collapse;
	border-left: 1px solid #BABBBC;
}

.dashboardGridHeaderContainer th {        
    background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/colHeadersNoArrow.gif') no-repeat right;
	border-right: 1px solid #BABBBC;
	border-bottom: 1px solid #BABBBC;
    font-size: 10px;	
	text-align: left;	
	color: #003366;	
	padding: 5px 5px 5px 7px;	
}

.dashboardGridContainer th.emailStatus {
    background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/colHeadersNoArrow.gif') no-repeat right;
}

.dashboardGridContainer td {
    border-right: 1px solid #E5E6EE;
	padding: 5px 5px 5px 7px;
    color: #666666;	    
	font-size: 10px;  
	background-color: #ffffff;
}

.dashboardGridContainer th.emailStatus,
.dashboardGridContainer td.emailStatus {
    width: 20px;
}

.dashboardGridContainer th.emailReceived,
.dashboardGridContainer td.emailReceived {
    width: 140px;
}

.dashboardGridContainer th.emailFrom,
.dashboardGridContainer td.emailFrom {
    width: 90px;
}

.dashboardGridContainer th.emailSubject,
.dashboardGridContainer td.emailSubject {
    width: 290px;
}

.dashboardGridContainer th.header1,
.dashboardGridContainer td.header1 {
    width: 100px;
}

.dashboardGridContainer th.header2,
.dashboardGridContainer td.header2 {
    width: 90px;
}

.dashboardGridContainer th.header3,
.dashboardGridContainer td.header3 {
    width: 90px;
}

.dashboardGridContainer th.header4,
.dashboardGridContainer td.header4 {
    width: 260px;
}

.dashboardGridContainer th.dateAdded,
.dashboardGridContainer td.dateAdded {
    width: 260px;
    text-align:right;
}

.dashboardGridContainer th.netPrice,
.dashboardGridContainer td.netPrice {
    width: 90px;
    text-align:right;
}

.dashboardGridContainer th.unitPrice,
.dashboardGridContainer td.unitPrice {
    width: 90px;
    text-align:right;
}

.dashboardGridContainer td.emailStatus {
    text-align: center;
}

.dashboardGridContainer tr.alt td {
	background-color: #F5F5F5;
}

.dashboardGridContainer td.applicationAnalytes 
{
    color: Blue;
    text-decoration: underline;
    cursor: pointer;
}
 
 
/* ADMIN PAGE
----------------------------------------------------------*/

.historyGridContainer {
    height: auto;
    margin-top: 2px;
    padding: 0;
    border-top: 1px solid #ABAAAA;
    border-right: 1px solid #E5E6EE;
    border-bottom: 1px solid #E5E6EE;
    background-color: #ffffff;
}

.historyGridHeadersContainer {

    margin-top: 0;
}

.historyGridRowsContainer {
    overflow: auto; 
    height: 100px;    
}

.historyGridContainer table { 
	border-collapse: collapse;
	border-left: 1px solid #BABBBC;
}

.historyGridHeadersContainer th {        
    background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/colHeadersNoArrow.gif') no-repeat right;
	border-right: 1px solid #BABBBC;
	border-bottom: 1px solid #BABBBC;
    font-size: 10px;	
	text-align: left;	
	color: #003366;	
	padding: 5px 5px 5px 7px;	
}

.historyGridContainer th.buy {
    background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/colHeadersNoArrow.gif') no-repeat right;
}

.historyGridContainer td {
    border-right: 1px solid #E5E6EE;
	padding: 5px 5px 5px 7px;
    color: #666666;	    
	font-size: 10px;  
	background-color: #ffffff;
}

.historyGridContainer th.historyModifiedDate,
.historyGridContainer td.historyModifiedDate {
    width: 140px;
}

.historyGridContainer th.historyModifiedBy,
.historyGridContainer td.historyModifiedBy {
    width: 140px;
}

.historyGridContainer th.historyProductCategory,
.historyGridContainer td.historyProductCategory {
    width: 160px;
}

.historyGridContainer th.historyProductName,
.historyGridContainer td.historyProductName {
    width: 377px;
}

.historyGridContainer td.particleSize {
    text-align: center;
}

.historyGridContainer tr.alt td {
	background-color: #F5F5F5;
}

.mappingFilterGridContainer {
    height: auto;
    margin-top: 2px;
    padding: 0;
    border-top: 1px solid #ABAAAA;
    border-right: 1px solid #E5E6EE;
    border-bottom: 1px solid #E5E6EE;
    background-color: #ffffff;
    min-width: 740px;
    max-width: 800px;
    float: left;
}

.mappingFilterHeadersContainer {

    margin-top: 0;
}

.mappingFilterGridRowsContainer {
    overflow: auto; 
    min-height: 100px;
    max-height: 480px;    
}

.mappingFilterGridContainer table { 
	border-collapse: collapse;
	border-left: 1px solid #BABBBC;
}

.mappingFilterGridHeadersContainer th {        
    background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/colHeadersNoArrow.gif') no-repeat right;
	border-right: 1px solid #BABBBC;
	border-bottom: 1px solid #BABBBC;
    font-size: 10px;	
	text-align: left;	
	color: #003366;	
	padding: 5px 5px 5px 7px;	
}

.mappingFilterGridContainer th.editFilter, th.deleteFilter {
    background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/colHeadersNoArrow.gif') no-repeat right;
}

.mappingFilterGridContainer td {
    border-right: 1px solid #E5E6EE;
	padding: 5px 5px 5px 7px;
    color: #666666;	    
	font-size: 10px;  
	background-color: #ffffff;
}

.mappingFilterGridContainer th.editFilter,
.mappingFilterGridContainer td.editFilter {
    width: 80px;
}

.mappingFilterGridContainer th.deleteFilter,
.mappingFilterGridContainer td.deleteFilter {
    width: 80px;
}

.mappingFilterGridContainer th.filterCategory,
.mappingFilterGridContainer td.filterCategory {
    width: 110px;
}

.mappingFilterGridContainer th.filterAttributes,
.mappingFilterGridContainer td.filterAttributes {
    width: 150px;
}

.mappingFilterGridContainer th.filterType,
.mappingFilterGridContainer td.filterType {
    width: 45px;
}

.mappingFilterGridContainer th.filterAuthor,
.mappingFilterGridContainer td.filterAuthor {
    width: 90px;
}

.mappingFilterGridContainer th.filterModDate,
.mappingFilterGridContainer td.filterModDate {
    width: 125px;
}

.mappingFilterGridContainer th.filterPending,
.mappingFilterGridContainer td.filterPending {
    width: 50px;
}

.mappingFilterGridContainer tr.alt td {
	background-color: #F5F5F5;
}

.staffRolesGridContainer {
    height: auto;
    margin-top: 2px;
    padding: 0;
    border-top: 1px solid #ABAAAA;
    border-right: 1px solid #E5E6EE;
    border-bottom: 1px solid #E5E6EE;
    background-color: #ffffff;
}

.staffRolesGridHeadersContainer {
    margin-top: 0;
}

.staffRolesGridRowsContainer {
    overflow: auto; 
    height: auto;    
}

.staffRolesGridContainer table { 
	border-collapse: collapse;
	border-left: 1px solid #E5E6EE;
	border-bottom: 1px solid #E5E6EE;	
}

.staffRolesGridHeadersContainer th {        
    background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/colHeadersNoArrow.gif') no-repeat right;
	border-right: 1px solid #BABBBC;
	border-bottom: 1px solid #BABBBC;
	border-top: 1px solid #E5E6EE;	
    font-size: 10px;	
	text-align: center;	
	color: #003366;	
	padding: 5px 5px 5px 7px;	
}

/*.staffRolesGridHeadersContainer th.buy {
    background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/colHeadersNoArrow.gif') no-repeat right;
}*/

.staffRolesGridContainer td {
    border-right: 1px solid #E5E6EE;
	padding: 5px 5px 5px 7px;
    color: #666666;	    
	font-size: 10px;  
	background-color: #ffffff;
}

.staffRolesGridContainer th.active,
.staffRolesGridContainer td.active {
    width: 70px;
}

.staffRolesGridContainer th.username,
.staffRolesGridContainer td.username {
    width: 120px;
}

.staffRolesGridContainer th.admin,
.staffRolesGridContainer td.admin {
    width: 70px;
}

.staffRolesGridContainer th.editor,
.staffRolesGridContainer td.editor {
    width: 70px;
}

.staffRolesGridContainer th.publisher,
.staffRolesGridContainer td.publisher {
    width: 90px;
}

.staffRolesGridContainer th.verified,
.staffRolesGridContainer td.verified {
    width: 100px;
}

.staffRolesGridContainer td.active, td.admin, td.editor, td.publisher, td.verified {
    text-align: center;
}

.staffRolesGridContainer tr.alt td {
	background-color: #F5F5F5;
}

.docsGridContainer {
    height: auto;
    margin-top: 2px;
    padding: 0;
    border-top: 1px solid #ABAAAA;
    border-right: 1px solid #E5E6EE;
    border-bottom: 1px solid #E5E6EE;
    background-color: #ffffff;
    min-width: 470px;
    max-width: 900px;
    float: left;
}

.docsGridHeadersContainer {
    margin-top: 0;
}

.docsGridRowsContainer {
    overflow: auto; 
    min-height: 100px;
    max-height: 480px;    
}

.docsGridContainer table { 
	border-collapse: collapse;
	border-left: 1px solid #BABBBC;
}

.docsGridHeadersContainer th {        
    background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/colHeadersNoArrow.gif') no-repeat right;
	border-right: 1px solid #BABBBC;
	border-bottom: 1px solid #BABBBC;
    font-size: 10px;	
	text-align: left;	
	color: #003366;	
	padding: 5px 5px 5px 7px;	
}

.docsGridHeadersContainer th.editDoc, th.deleteDoc {
    background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/colHeadersNoArrow.gif') no-repeat right;
}

.docsGridContainer td {
	padding: 5px 0 5px 0;
    color: #666666;	    
	font-size: 10px;  
}

.docsGridContainer th {        
    background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/colHeadersNoArrow.gif') repeat-x right;
	border-bottom: 1px solid #000;
    font-size: 10px;	
	text-align: left;	
	color: #3E5004;	
	padding: 5px 0 5px 0;	
}

.docsGridContainer th.editDoc,
.docsGridContainer td.editDoc {
    width: 40px;
}

.docsGridContainer th.deleteDoc,
.docsGridContainer td.deleteDoc {
    width: 40px;
}

.docsGridContainer th.docName,
.docsGridContainer td.docName {
    width: 200px;
}

.docsGridContainer th.docType,
.docsGridContainer td.docType {
    width: 100px;
}

.docsGridContainer th.docRank,
.docsGridContainer td.docRank {
    width: 40px;
}

.docsGridContainer th.docBrand,
.docsGridContainer td.docBrand {
    width: 87px;
}

.docsGridContainer th.docAuthor,
.docsGridContainer td.docAuthor {
    width: 200px;
}

.docsGridContainer th.docModDate,
.docsGridContainer td.docModDate {
    width: 85px;
}

.docsGridContainer th.docPending,
.docsGridContainer td.docPending {
    width: 50px;
}

.docsGridContainer tr.alt td {
	background-color: #F5F5F5;
}

.promoGridContainer {
    height: auto;
    margin-top: 2px;
    padding: 0;
    border-top: 1px solid #ABAAAA;
    border-right: 1px solid #E5E6EE;
    border-bottom: 1px solid #E5E6EE;
    background-color: #ffffff;
    min-width: 600px;
    max-width: 910px;
    float: left;
}

.promoHeadersContainer {

    margin-top: 0;
}

.promoGridRowsContainer {
    overflow: auto; 
    min-height: 100px;
      
}

.promoGridContainer table { 
	border-collapse: collapse;
	border-left: 1px solid #BABBBC;
	overflow: auto;
}

.promoGridHeadersContainer th {        
    background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/colHeadersNoArrow.gif') no-repeat right;
	border-right: 1px solid #BABBBC;
	border-bottom: 1px solid #BABBBC;
    font-size: 10px;	
	text-align: left;	
	color: #003366;	
	padding: 5px 5px 5px 7px;	
}

.promoGridHeadersContainer th.auditPromoList, th.auditRank, th.auditOffice {        
    background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/colHeadersNoArrow.gif') repeat right;
	border-right: 1px solid #BABBBC;
	border-bottom: 1px solid #BABBBC;
    font-size: 20px;	
	text-align: center;	
	color: #003366;	
	padding: 5px 5px 5px 7px;	
}

.promoGridContainer th.editFilter, th.deleteFilter {
    background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/colHeadersNoArrow.gif') no-repeat right;
}

.promoGridContainer td {
    border-right: 1px solid #E5E6EE;
	padding: 5px 5px 5px 7px;
    color: #666666;	    
	font-size: 10px;  
	background-color: #ffffff;
}

.promoGridContainer th.country,
.promoGridContainer td.country {
    width: 60px;
}

.promoGridContainer th.rank,
.promoGridContainer td.rank {
    width: 30px;
}

.promoGridContainer th.promoCode,
.promoGridContainer td.promoCode {
    width: 100px;
}

.promoGridContainer th.parentPromoCode,
.promoGridContainer td.parentPromoCode {
    width: 100px;
}

.promoGridContainer th.promoDesc,
.promoGridContainer td.promoDesc {
    width: 375px;
}

.promoGridContainer th.promoStartDate,
.promoGridContainer td.promoStartDate {
    width: 80px;
}

.promoGridContainer th.promoEndDate,
.promoGridContainer td.promoEndDate {
    width: 80px;
}

.promoGridContainer th.promoDisc,
.promoGridContainer td.promoDisc {
    width: 200px;
}

.promoGridContainer th.enabledCheckbox,
.promoGridContainer td.enabledCheckbox {
    width: 50px;
    text-align: center;
}

.promoGridContainer th.testModeCheckbox,
.promoGridContainer td.testModeCheckbox {
    width: 60px;
    text-align: center;
}

.promoGridContainer tr.alt td {
	background-color: #F5F5F5;
}

.clusterCodesPopup
{
    display: none;
    width: 100px;
    border: 1px solid black;
    background-color: #FFF799;
    padding: 5px;
    position: absolute; 
    margin-left: 0px;      
    margin-top: 0px;  
    color: #000000;
    z-index: 502;    
}


.clusterNameList
{
    display: none;
    text-decoration: none;
    border: 1px solid black;
    background-color: #FFF799;
    padding: 5px;
    position: absolute; 
    margin-left: 50px;      
    margin-top: 0px;  
    color: #000000;
    z-index: 502;    
}

/* VALIDATE USERS 
---------------------------------------------------------*/
.usersContainer table { 
	border-collapse: collapse;
	/*width: 100%;*/
}

.usersContainer td.alt{
	background-color: #EBEBEB;
}

.usersContainer th.alt {
	background-color: #EBEBEB;
	border-bottom: 1px solid #000;
    font-size: 10px;	
	text-align: left;	
	color: #3E5004;	
	padding: 5px 0px 5px 0px;
}

.usersContainer th.std {        
    background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/colHeadersNoArrow.gif') repeat-x right;
	border-bottom: 1px solid #000;
    font-size: 10px;	
	text-align: left;	
	color: #3E5004;	
	padding: 5px 0px 5px 0px;	
}

.usersContainer th.regdate,
.usersContainer td.regdate {
    width: 60px;
}

.usersContainer th.name,
.usersContainer td.name {
    width: 180px;
}

.usersContainer th.company,
.usersContainer td.company {
    width: 140px;
}

.usersContainer th.marketing,
.usersContainer td.marketing {
    width: 90px;
}

.usersContainer th.contact,
.usersContainer td.contact {
    width: 50px;
}

.usersContainer th.origincountry,
.usersContainer td.origincountry {
    width: 30px;
}

.usersContainer th.active,
.usersContainer td.active {
    width: 38px;
    text-align:center;
}

.usersContainer th.verified,
.usersContainer td.verified {
    width: 38px;
    text-align:center;
}

.usersContainer th.crm,
.usersContainer td.crm {
    width: 38px;
    text-align:center;
}


.usersContainer th.sendemail,
.usersContainer td.sendemail {
    width: 38px;
    text-align:center;
}

.usersContainer th.newcountry,
.usersContainer td.newcountry {
    width: 38px;
    text-align:center;
}

.usersContainer th.ignore,
.usersContainer td.ignore {
    width: 38px;
    text-align:center;
}

.usersContainer th.prospect,
.usersContainer td.prospect {
    width: 38px;
    text-align:center;
}

.usersContainer th.notes,
.usersContainer td.notes {
    width: 120px;
}


/* MY CONTACTS 
---------------------------------------------------------*/
.userSearchContainer table { 
	border-collapse: collapse;
	/*width: 100%;*/
}

.userSearchContainer tr.alt td {
	background-color: #EBEBEB;
}



/* SHOPPING CART
----------------------------------------------------------*/

.promoOptions {
    height: auto;
    background-color: #ffffff;
    border: 1px solid #41520E;
}

.promoOptions table { 
	border-collapse: collapse;
	width: 100%;
}

.promoOptions th {        
    background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/colHeadersNoArrow.gif') repeat-x right;
	border-bottom: 1px solid #000;
    font-size: 12px;	
	text-align: left;	
	color: Green;	
	font-weight: bold;
	padding: 5px 2px 5px 5px;	
}

.promoOptions td {
	padding: 0px 5px 0px 5px;
    color: Black;	    
	font-size: 12px;  
	font-weight: normal;
	background-color: #ffffff;
}

.promoOptions ul 
{
    list-style-type: none; 
    padding: 0 5px 0 5px; 
    margin: 0;  
}

.promoOptions th.promoOptionSelect
{
    width: 410px;    
}

.promoOptions td.promoOptionSelect
{
    width: 410px; 
    border-right: 1px solid Gray;   
}

.promoOptions th.promoOptionQualNeeded
{
    padding: 0 5px 0 5px;   
}

.promoOptions td.promoOptionQualNeeded
{
    padding: 0 5px 0 5px;  
}

.promoOptions td.promoPartSelect
{
    width: auto;
    border-right: 1px solid Gray;    
}

/*
.promoOptions th.promoOptionShortDesc
{
    width: 410px;   
}
*/

.promoOptions td.promoOptionShortDesc
{
    width: 410px;
    border-right: 1px solid Gray; 
    padding: 10px 5px 10px 9px;   
}

.promoOptions td.promoOptionDefault
{
    width: 410px;
    border-right: 1px solid Gray; 
    padding: 10px 5px 5px 5px;   
}

.promoOptions th.promoOptionOrderTotal, th.promoOptionDiscountType, th.promoOptionQualAmt, th.promoOptionQualAmtNeeded, th.promoOptionPromoDiscount, th.promoOptionCorpDiscount {
    width: 70px;
}

.promoOptions td.promoOptionOrderTotal, td.promoOptionDiscountType, td.promoOptionQualAmt, td.promoOptionQualAmtNeeded, td.promoOptionPromoDiscount, td.promoOptionCorpDiscount {
    text-align: center;
    width: 70px;
}

.promoOptions tr.alt td {
	background-color: #EBEBEB;
}

.promoOptions td.unqualified {
	color: Red;
}

.promoOptions tr.selectedPromoOption td {
	font-weight: bold;
}

.promoOptions td.unqualifiedDesc {
	color: Gray;
}

.promoParts {
    height: auto;
    background-color: #ffffff;
    border: 1px solid #41520E;
}

.promoParts table { 
	border-collapse: collapse;
	width: 100%;
}

.promoParts th {        
    background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/colHeadersNoArrow.gif') repeat-x right;
	border-bottom: 1px solid #000;
    font-size: 12px;	
	text-align: center;	
	color: #3E5004;	
	padding: 5px 2px 5px 5px;	
}

.promoParts td {
	padding: 0px;
    color: #444;	    
	font-size: 12px;  
    font-weight: normal;
	background-color: #ffffff;
}

.promoParts ul 
{
    list-style-type: none; 
    padding: 0; 
    margin: 0;  
}

.promoParts th.promoPartSelect
{
    width: 30px;    
}

.promoParts td.promoPartSelect
{
    width: 30px;
    border-right: 1px solid Gray;    
}

.promoParts th.promoPartValue, th.promoPartQuantity {
    width: 70px;
}

.promoParts th.promoPartPromoItem, th.promoOptionShortDesc {
    width: 200px;
    border-right: 1px solid Gray;
}

.promoParts td.promoPartValue, td.promoPartQuantity {
    text-align: center;
    width: 70px;
}

.promoParts td.promoPartPromoItem {
    text-align: left;
    width: 200px
}

.promoParts tr.alt td {
	background-color: #EBEBEB;
}


/* MISC  
----------------------------------------------------------*/

br.clear { clear: both; }

.field-validation-error
{
    color: #ff0000;
}

.validation-summary-errors
{
    color: #ff0000;
}

.tooltip {
	background: url("https://phenomenex.blob.core.windows.net/cdn/Content/Images/sprites/sprite-site-icons.png") no-repeat 0px -210px;
	font-size:12px;
	height:110px;
	width:161px;
	padding:15px;
	color:#fff;	
	z-index: 2;
}


.ui-tabs .ui-tabs-panel { padding:0 !important; margin:0; }
#tabContainer .beginSelections { padding:10px 0 10px 25px; margin:5px 0 0 0;  width:845px; border:1px solid #B5B5B5; font-weight:bold;  background: url("https://phenomenex.blob.core.windows.net/cdn/Content/Images/panelGrayGradient.gif") repeat-x scroll center top transparent;}
#tabContainer .selectionContainer { border:1px solid #B5B5B5; width:870px; min-height: 150px; margin:10px 0 0 0;  background: url("https://phenomenex.blob.core.windows.net/cdn/Content/Images/panelGrayGradient.gif") repeat-x scroll center top transparent; }
#resultTabContainer .beginSelections { padding:10px 0 10px 25px; margin:5px 0 0 0;  width:845px; border:1px solid #B5B5B5; font-weight:bold;  background: url("https://phenomenex.blob.core.windows.net/cdn/Content/Images/panelGrayGradient.gif") repeat-x scroll center top transparent;}
#resultTabContainer .selectionContainer { border:1px solid #B5B5B5; width:870px; min-height: 150px; margin:10px 0 0 0;  background: url("https://phenomenex.blob.core.windows.net/cdn/Content/Images/panelGrayGradient.gif") repeat-x scroll center top transparent; }
#resultTabContainer p { padding: 0 0 0 10px; }
.selectionContainer p.tabMessage { padding:10px 25px; font-weight:bold; }
.selectionContainer .selectionInput {  margin: 10px 25px;}
.selectionInput select, .selectionInput input { width:200px; padding:3px; }
.selectionInput table td.input { width:25px; }
.selectionInput table td input { width:10px;}
.selectionInput table td.productImage { padding:5px 20px 5px 0; }
.selectionInput table td.phaseCategory { width:250px; margin:5px 0; }
.selectionInput table td.phaseSelect select { margin:5px 0; }
.navigation a {color: #0088CC !important; margin-right:10px; }
.navigation a:hover { color:#444444 !important;}

.mediaContactTab {width: 870px; height: 350px; border-top: 1px solid #96B447;background: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/dboardPanelBG.gif') repeat-x top; padding: 15px;}
.mediaContactTab .mediaContact{ float:left; margin:20px 0 0 20px; line-height:18px;}

#contentContainer #pageSearchDiv { float: left; padding: 0 0 0 10px; margin: 0; }
.submitSearchBtn { float:left; width:20px; height:20px; background-position:-17px 0; margin: 0 0 0 -3px; padding:0; cursor: pointer !important; }
.questionMarkIcon { width:13px; height:13px; display:inline-block; background-position:0 0; cursor: pointer !important; margin:0 0 0 5px; }
.zoomIconSmall { width:15px; height:14px; display:inline-block; background-position:-61px 0; margin:0 0 0 5px; }
.chromoIconBtn { width:46px; height:23px; display:inline-block; background-position:-123px 0; float:left; }
.infoIconSmall { width:13px; height:13px; display:inline-block; background-position:-43px 0; float:left; cursor:pointer !important; }
.shoppingCartIcon { width:19px; height:17px; display:inline-block; background-position:-202px 0; margin:0 0 0 5px; vertical-align: middle; /*float: right;*/ cursor:pointer !important; }
.chromoIcon { width:24px; height:16px; display:inline-block; background-position:-227px 0; margin:0; float:right; cursor:pointer !important; }
span.topButton { margin:5px 5px 0 0; float:left;  }
.addToVirtualStockRoomIconSmall { width:19px; height:15px; display:inline-block; background-position:-99px 0; margin:0; /*float:left;*/ text-align:center; cursor:pointer !important; }
.appLockerIconLarge { width:53px; height:105px; float:left; background-position: -57px -28px;  }
.myFilesIconLarge { width:78px; height:79px; float:left; background-position: -188px -23px; }
.virtualStockroomIconLarge { width:69px; height:101px; float:left; background-position: -114px -28px; }
.printIcon {float: left; border: none; padding: 5px 5px 0 0; width:23px; height:20px; background-position:-174px 0; }
.myAccountIconLarge { width:57px; height:89px; float:left; background-position: -271px -22px; margin:10px; }
.redXClose { width:14px; height:14px; display:inline-block; vertical-align:top; background-position: -316px 0; }
.orderHistoryIconLarge { width:76px; height:83px; float: left; margin: 10px 10px 25px 5px; background-position: -333px -23px; }
.promosAndQuotesIconLarge { width:67px; height:70px; float: left; margin: 25px 20px 20px 5px; background-position: -415px -23px; }
.virtualStockRoomPopupIcon { float:left; width:52px; height:50px; background-position: 0px -28px; margin:0 0 10px 10px;}
ul.standardList li { list-style-image: url('https://phenomenex.blob.core.windows.net/cdn/Content/Images/footerLinkBulletBlue.png'); }

#technologyTestDrive {  }
#technologyTestDriveExplanation { float:left; }
#technologyTestDriveExplanation h2 { font-size:16px; }
#technologyTestDrive p { font-size:12px; line-height:16px; margin:0 0 10px 0; }

#program1 { width:100%; }
#program1Steps, #program2Steps { width:530px; }
#program2 { padding:10px 0; }

.step { padding:0 0 0 40px; width:100%; margin:5px 0; float:left; font-size:12px; }
.stepLabel { color: #89108A; font-weight:bold; font-size:14px; margin:0 5px 0 0; }
.stepText { padding:0; vertical-align: text-bottom; text-align:left; display:inline-block; }
#step5, #step10 { vertical-align: top; }

#program2Reward { margin:50px 0 0 0; }
#testDriveContent { padding:0 20px; line-height:16px; }
#testDriveContent h3 { font-size:16px; line-height: 18px; padding: 0 0 5px 0; }
#testDriveContent h4 { font-size:16px; line-height: 18px; padding: 5px 0 5px 0; }
.testDriveInput { margin:5px 0; float:left; width:100%; }
.testDriveInputLabel { display:inline-block; width:220px; text-align:right; margin:0 5px 0 0; }
.testDriveInput input[type="text"] { border:1px solid #d1d3d4; padding:2px; }
.testDriveInput input[type="file"] { height:23px; vertical-align:text-top; }
.testDriveInput input[type="radio"] { margin:0 0 0 20px; vertical-align:middle; }
.testDriveInput .long { width: 350px; }
.testDriveInput .short { width: 160px; }
.requiredInput { color: #FF0000; }
#testDriveButtons { margin:10px 0 0 225px;}
.testDriveInputLabelNormal { display:inline-block; width:100%; text-align:left; margin:0 5px 5px 0; }
#Unoptimized1_Feedback, #Unoptimized2_Feedback { width:360px; height:100px; }

.kinetexImprovement { font-size: 22px; color: #FF3366; font-weight: bold; float:right; text-align:right; }


/* Quechers
----------------------------------------------------------*/
.componentDesc
{
    padding: 0 0 5px 0;
}

.componentBlock1
{
    width:120px;
    display:inline-block;
    zoom:1;
    *display: inline;
    _height: 15px;
    padding: 0 0 5px 0;
}

.componentBlock2
{
    display:inline-block;
    zoom:1; 
    *display: inline;
    _height: 15px;
}

/* PhenoLogix
----------------------------------------------------------*/
.phenologixSummaryLabel
{
    float: left;
    width: 90px;
    font-weight: bold;
    padding: 3px 3px 0 0;
    text-align: right;
}
.phenologixSummaryData
{
    float: left;
    width: 80px;
    padding: 3px 0 0 3px;
}
.phenologixSummaryDataShort
{
    float: left;
    width: 60px;
    padding: 3px 0 0 3px;
}
.phenologixSummaryLabelAdmin
{
    float: left;
    width: 90px;
    font-weight: bold;
    padding: 11px 3px 0 0;
    text-align: right;
}
.phenologixSummaryDataAdmin
{
    float: left;
    width: 60px;
    padding: 11px 0 0 3px;
}

/* GC
----------------------------------------------------------*/
#gclndg { float:left; width:880px; }
#gclndgleft { float:left; width:650px; }
#gclndgright { float: right; width:187px; }
#gclndg h2 { font-size:16px; color:#444444; }
#board { width:187px; height:400px; z-index:1; overflow:hidden; }
#zside { width:187px; height:200px; }
#appbutton a { height: 60px; width: 187px; margin:15px 0 0 0; background: url('/webimage/btn_application_search.png') no-repeat left top; }
#appbutton a:hover { background-position: left -60px; }
#techbutton a { height: 60px; width: 187px; background: url('/webimage/btn_resources.png') no-repeat left top; }
#techbutton a:hover { background-position: left -60px; }
#askbutton a { height: 60px; width: 187px; background: url('/webimage/btn_specialist.png') no-repeat; }
#askbutton a:hover { background-position: left -60px; }
#accbutton a { height: 60px; width: 187px; background: url('/webimage/btn_gc_access.png') no-repeat; }
#accbutton a:hover { background-position: left -60px; }
#columnbutton a { height: 60px; width: 187px; background: url('/webimage/gccolumn_187x120.png') no-repeat; }
#columnbutton a:hover { background-position: left -60px; }
.gcroll a { display: block; text-indent: -9999px; margin: auto auto auto auto; cursor: pointer; outline: transparent solid 0px; }

.zopen { background: url('/webimage/chevron_right.png') no-repeat; }
.zpush { padding-left: 11px; }
.zclose { background: url('/webimage/chevron_down.png') no-repeat; }
.zblock { display:block; width:190px; }

a.zlink:link { color:#89108a; text-decoration:none; font-weight:bold; font-size:12px; }
a.zlink:visited { color:#89108a; text-decoration:none; font-weight:bold; font-size:12px; }
a.zlink:hover { color:#89108a; font-weight:bold; text-decoration:underline; font-size:12px; }

.zgcnolink { color:#89108a; text-decoration:none; font-weight:bold; font-size:12px; padding-left:1px; }

a.gczlink:link { color:#444444; text-decoration:none; font-weight:bold; }
a.gczlink:visited { color:#444444; text-decoration:none; font-weight:bold; }
a.gczlink:hover { color:#0088CC; font-weight:bold; text-decoration:none; }

div.clear {clear:both; } 
   
.columnSection { float:left; margin:0 0 30px 0; }
.columnSection h3 { color:#444444; font-size:16px; border-top: solid 1px #c7c8ca; padding-top:5px; }
.columnSection p { font-size:12px; margin-top:5px; line-height:16px; }
.columnSection .columnSectionImage { float:left; width:95px; margin:10px 0 0 0; }
.columnSection .columnSectionContent { float: left; margin:20px 0 0 0; }
  
ul.columnSectionContentList { margin:0 0 0 20px; padding:0; float:left; width:255px; }
ul.columnSectionContentList li ul { list-style:none; margin:0px; padding:0; }
ul.columnSectionContentList li { list-style:none; margin:0 0 10px 0; }
ul.columnSectionContentList li li { list-style:none; list-style-position: inside; margin:5px 0 5px 40px; padding:0; }