/*  =ThermoFisher - Hypersite CSS
--------------------------------------------------------------    
    v1.0 | 6.27.2013
    Author: Steve Day
    Email: steve.day@thermo.com
    
    Copyright 2012 Thermo Fisher Scientific Inc. All rights reserved. 
*/

/*  =Color Key
--------------------------------------------------------------    
    Background:     #fff
    Footer:         #616265
    
    Corporate ------------>
    Red:            #EE3134
    Blue:           #5381ac
    Purple:         #78256f
    Black:          #000000
    Dark Grey       #555555
    Dark Grey Blue  #697076
    White:          #ffffff
    Green:          #B5BF00
    Orange:         #EF8200
    Light Teal:     #26BCD7
    Light Light Blue #e2eaf1 -f4f6f9
    
    
*/

@import url(https://apps.thermoscientific.com/media/cmd/Chromatography/Nurture/css/reset.css);

h1 {color:inherit}

/*  =Fonts
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a  {
	font-family: helvetica, sans-serif; font-weight: lighter;
}

body, input, textarea, a, p, li, dd, dt {
	font-family: helvetica, sans-serif; font-weight: lighter;
}

/* =Layout
-------------------------------------------------------------- */

body            {margin: 0; background:#616265; min-width:940px;}

.container-1    {margin:0 auto; background:#fff}
.container-2    {}

.w1             {}
.w2             {width:940px; margin:auto; /*background:#e3e3e3*/}

.col-1, .col-2, .col-3 {float:left; display: inline;}

#header         {min-width: 1010px; background:url(../graphics/layout/bg-blue-header-bar-x.gif) center bottom repeat-x #fff; position: relative; z-index: 80; }
#header .w1     {background:url(../graphics/layout/bg-blue-header-bar.jpg) center bottom no-repeat}
#header .w2     {height:110px; }

#super-header         {position: absolute; z-index: 81; width:100% }
#super-header .w1     {}
#super-header .w2     {}

#sub-header     {min-width: 1010px; background:url(../graphics/layout/bg-header-graphic-x.jpg) 60% top repeat-x;}
#sub-header .w1 {background:/*url(../graphics/layout/bg-header-graphic-tcName.jpg)*/ 60% top no-repeat;}
#sub-header .w2 {/*background:url(../graphics/layout/bg-shadow-slider.png) center bottom no-repeat;*/ width:910px; padding:30px 30px 0 20px; height:80px; text-align: right}

#slider         {min-width:1010px; background:url(../graphics/layout/bg-header-graphic-x.jpg) 60% top repeat-x;}
#slider .w1     {background:60% top no-repeat}
#slider .w2     {width:1010px;/*background:url(../graphics/layout/bg-shadow-slider.png) center bottom no-repeat;*/ height:392px; overflow: hidden; position: relative;  }

#content-body       {
	min-width: 1010px;
	position: relative;
	z-index: 20;
	background:url(../graphics/layout/bg-shadow-slider.png) center top no-repeat;
	padding-top:8px;
	margin-top:-8px;
	}
#content-body .w1   {background:#fff;}
#content-body .w2   { padding:30px 0 20px 0; }

#footer        { 
	background:url(../graphics/layout/bg-shadow-footer.png) center top no-repeat #616265;
	min-width: 1010px;
	position: relative;
	z-index: 60;
	}


small.legal {
	display: block;
	font-size: 10px;
	color:#777;
}

/* =KL Styles
 * ----------------------------------------------------------- */

.AF_ #sub-header .w1,
.AF_ #slider .w1  {background-image:url(../graphics/CMD_header_AF_.jpg);}

.FT_ #sub-header .w1,
.FT_ #slider .w1  {background-image:url(../graphics/CMD_header_FT_.jpg);}

.ENV_ #sub-header .w1,
.ENV_ #slider .w1  {background-image:url(../graphics/CMD_header_ENV_.jpg);}

.PA_ #sub-header .w1,
.PA_ #slider .w1  {background-image:url(../graphics/CMD_header_PA_.jpg);}

.MA_ #sub-header .w1,
.MA_ #slider .w1  {background-image:url(../graphics/CMD_header_MA_.jpg);}

.GA_ #sub-header .w1,
.GA_ #slider .w1  {background-image:url(../graphics/CMD_header_GA_.jpg);}

.GEO_ #sub-header .w1,
.GEO_ #slider .w1  {background-image:url(../graphics/CMD_header_GEO_.jpg);}

.INF_ #sub-header .w1,
.INF_ #slider .w1  {background-image:url(../graphics/CMD_header_INF_.jpg);}

.CRFT_ #sub-header .w1,
.CRFT_ #slider .w1  {background-image:url(../graphics/CMD_header_CRFT_.jpg);}

.BIO_ #sub-header .w1,
.BIO_ #slider .w1  {background-image:url(../graphics/CMD_header_BIO_.jpg);}

.CHE_ #sub-header .w1,
.CHE_ #slider .w1  {background-image:url(../graphics/CMD_header_CHE_.jpg);}

.WAT_ #sub-header .w1,
.WAT_ #slider .w1  {background-image:url(../graphics/CMD_header_WAT_.jpg);}

.PHA_ #sub-header .w1,
.PHA_ #slider .w1  {background-image:url(../graphics/CMD_header_PHA_.jpg);}

.PES_ #sub-header .w1,
.PES_ #slider .w1  {background-image:url(../graphics/CMD_header_PES2_.jpg);}

#home.PES_ #sub-header .w1,
#home.PES_ #slider .w1  {background-image:url(../graphics/CMD_header_PES_.jpg);}

/* =Base Styles
-------------------------------------------------------------- */

h1      {font-size:24px; color:#5381AC; padding-bottom:10px}
h2      {font-size:20px; color:#78256F; padding-bottom:8px; line-height: 24px}
h3      {font-size:18px; color:#5381ac; padding:20px 20px 20px;}
h4      {font-size:14px; color:#B5BF00; padding-bottom:4px}
h5      {font-size:14px; color:#EF8200; padding-bottom:4px}
h6      {font-size:12px; color:#5381AC; padding-bottom:2px}

ul, ol  {}
ul li   {/*list-style:url(../graphics/layout/CMD-bullet.gif);*/ padding-bottom:5px;}
p, ul, address {font-size:12px; color:#222; padding-bottom:20px; line-height: 22px}

strong {font-weight: bold;}

.clear {clear:both}

a, a:link           {color:#009EDB; text-decoration: none}
a:visited           {color:#999; text-decoration: none}
a:hover             {text-decoration: underline}
a:focus             {text-decoration: none}

a.link, a.link:link           {color:#009EDB; text-decoration: none; font-size:12px; display: block; line-height: 20px}
a.link:visited                {color:#009EDB; text-decoration: underline}
a.link:hover, a.link:focus    {text-decoration: underline}
a.link span                   {font-size: 16px}

.menu, .menu li {list-style: none; padding:0px; margin:0px; display: block}

.side-menu li a {
    display:block;
    padding:10px 20px;
    
    position:relative;
    /*behavior:url(http://kl.sharedservicesportal.com/_dev/js/PIE.htc);*/
}

.side-menu li a:hover, .side-menu li.selected a {
    border:1px solid #C1CAD3;
    background: #e2eaf1;
    padding:9px 29px 9px 29px;
    margin:0 0 0 -10px;
    text-decoration: none;
    width:318px; /*315*/
    position: relative;
    z-index: 5;
    display: block;
		
    background: -moz-linear-gradient(top,  #ffffff 0%, #e2eaf1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2eaf1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e2eaf1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e2eaf1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e2eaf1 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e2eaf1 100%); /* W3C */
    -webkit-box-shadow: #ccc 0px 2px 2px;
    -moz-box-shadow: #ccc 0px 2px 2px;
    box-shadow: #ccc 0px 2px 2px;

    }


.side-menu li.not-active span span,
.side-menu li.not-active a:hover,
.side-menu li.not-active a{
    background:#fff;   
    padding:10px 20px;
    margin:0;
    border:none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width:auto;
    position: relative;
    cursor: default;
    }


.box {
    background: #e2eaf1; 
    border:1px solid #C1CAD3;
    background: -moz-linear-gradient(top,  #ffffff 0%, #e2eaf1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2eaf1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e2eaf1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e2eaf1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e2eaf1 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e2eaf1 100%); /* W3C */
    -webkit-box-shadow: #ccc 0px 2px 2px;
    -moz-box-shadow: #ccc 0px 2px 2px;
    box-shadow: #ccc 0px 2px 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    position:relative;
    /*behavior:url(http://kl.sharedservicesportal.com/_dev/js/PIE.htc);*/  
}


/* =Buttons
-------------------------------------------------------------- */

button.btn, a.btn {width:auto; margin:0 25px 10px 0; cursor: pointer }

button.btn, a.btn {
    background:left 0px no-repeat;
    display:inline-block;
    color:#fff;
    font-weight:bold;
    font-size:14px;
    padding:0 0 0 0;
    text-decoration:none;
    height:30px;
    }
button.btn:hover, a.btn:hover {
    text-decoration:none;
    background-position:left -30px
    }
button.btn span, a.btn span {
    background:right -60px no-repeat;
    display:block;
    color:#fff;
    padding:1px 30px 0 0;
    line-height:30px;
    height:29px;
    position:relative;
    right:-15px;
    } 

button.btn:hover span, a.btn:hover span {background-position:right -90px}

/* Button Colors */

.btn.green, .btn.green span             {background-image:url(https://img.en25.com/eloquaimages/clients/ThermoFisherCorporate/%7BB43678a43-d9ac-40b9-86c1-861ea63bf219%7D_btn-green.png)}
.btn.blue, .btn.blue span               {background-image:url(https://img.en25.com/eloquaimages/clients/ThermoFisherCorporate/%7B8f6a3aa7-1408-4ae7-8f70-e29bf68755d1%7D_btn-blue.png)}
.btn.red, .btn.red span                 {background-image:url(https://img.en25.com/eloquaimages/clients/ThermoFisherCorporate/%7B20353a4b-c676-4085-9a41-f6691d0d4d68%7D_btn-red.png)}
.btn.light-blue, .btn.light-blue span   {background-image:url(https://img.en25.com/eloquaimages/clients/ThermoFisherCorporate/%7B48fe1fa3-3e14-410a-adce-10f374c7cc6b%7D_btn-light-blue.png)}
.btn.orange, .btn.orange span           {background-image:url(https://img.en25.com/eloquaimages/clients/ThermoFisherCorporate/%7B4b4fe771-28ef-4764-ac8e-9e8099125e32%7D_btn-orange.png)}
.btn.bright-orange, .btn.bright-orange span  {background-image:url(https://img.en25.com/eloquaimages/clients/ThermoFisherCorporate/%7B45cb3c67-61e2-47a6-92f6-87c79d1aefec%7D_btn-bright-orange.png)}
.btn.dark-blue, .btn.dark-blue span     {background-image:url(https://img.en25.com/eloquaimages/clients/ThermoFisherCorporate/%7B522738b7-3859-4834-980d-87066e23a460%7D_btn-dark-blue.png)}
.btn.bright-purple, .btn.bright-purple span {background-image:url(https://img.en25.com/eloquaimages/clients/ThermoFisherCorporate/%7B3ac84372-85d1-4b24-81ed-76989deeedb8%7D_btn-bright-purple.png)}
.btn.purple, .btn.purple span           {background-image:url(https://img.en25.com/eloquaimages/clients/ThermoFisherCorporate/%7B6ccaf9c5-677c-4415-ac87-a54188536490%7D_btn-purple.png)}
.btn.black, .btn.black span             {background-image:url(https://img.en25.com/eloquaimages/clients/ThermoFisherCorporate/%7Bcd002447-4328-49fc-a857-03300e99532e%7D_btn-black.png)}

button.btn      {border:0; height:30px; cursor:pointer; padding:0px; margin-right:27px}
button.btn span {position: relative; top:-1px}

.ie7 a.btn      {}
.ie7 a.btn span {}

.ie7 button.btn      {position: relative; overflow: visible;}
.ie7 button.btn span {top:0px; right:0px; left:15px;}

.ie8 button.btn      {position: relative; overflow: visible}
.ie8 button.btn span {top:0px; right:0px; left:15px;}

/* Resource Button */

a.simple-btn {
    color:#fff;
    font-size: 12px;
    padding:7px 9px 5px;
    background: #5381ac;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    position:relative;
    /*behavior:url(http://kl.sharedservicesportal.com/_dev/js/PIE.htc);*/
}

a.simple-btn:hover { background: #7099bf; text-decoration: none}

a.simple-btn.register       {background: #e1e1e1; color:#555}
a.simple-btn.register:hover {color:#222}

.featured-resource a.simple-btn.register       {background: #ccc; color:#555; padding:10px 10px 8px 10px; font-size:14px;}
.featured-resource a.simple-btn.register:hover {background: #7099bf; color:#fff}

/* =Header
-------------------------------------------------------------- */

#logo {padding:20px 20px 35px 0px; position:absolute;}

#super-header {}
#super-header ul.menu {float: right; display:inline; margin-right:10px}
#super-header ul.menu li {float:left; display: inline;}
#super-header ul.menu li a {font-size: 11px; color:#fff; display: block; padding:1px 10px; background: #bbb;}
#super-header ul.menu li a:hover {background: #7099bf; color:#fff; text-decoration: none }

/* = Header Nav
-------------------------------------------------------------- */

#header-nav     {float:right; display:inline; margin-top:50px}
.ie7 #header-nav     {margin-top:40px}
#header-nav li  {float:left; display:inline; margin: 0 10px}

#header-nav li a {
    padding:13px 17px 11px;
    color:#697076;
    font-size:14px;
    border:none;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    position:relative;
    /*behavior:url(http://kl.sharedservicesportal.com/_dev/js/PIE.htc);*/
    }

#header-nav li a:hover {
    background: #fff;
    border:1px solid #C1CAD3;
    color:#5381ac;
    text-decoration: none;
    padding:12px 16px 10px;
}
    
#header-nav li.selected a  {
    border:1px solid #C1CAD3;
    color:#5381ac;
    padding:12px 16px 10px;
    background: #e2eaf1; 
    
    background: -moz-linear-gradient(top,  #ffffff 0%, #e2eaf1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2eaf1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e2eaf1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e2eaf1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e2eaf1 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e2eaf1 100%); /* W3C */
    -webkit-box-shadow: #ccc 0px 2px 2px;
    -moz-box-shadow: #ccc 0px 2px 2px;
    box-shadow: #ccc 0px 2px 2px;
   
    position:relative;
    /*behavior:url(http://kl.sharedservicesportal.com/_dev/js/PIE.htc);*/
}

#header-nav li a:visited, #header-nav li a:focus {text-decoration: none}


/* Sub-header */

#sub-header h5 {}
#sub-header h1 {}


/* =Content
-------------------------------------------------------------- */

#content-left   {width:360px;}
#content-right  {width:520px; padding:0 0 0 42px }

#home #content-left   {width:520px; padding:0 42px 0 0}
#home #content-right  {width:360px; padding:0;}

#home #content-left h3 {border-bottom:1px solid #e2eaf1;}

#side-related-products {display:block;}
#side-upcoming-events {display:none;}

/* =Content
-------------------------------------------------------------- */


#slide-holder {position: relative; padding-left:45px; width:965px; /*top:-784px*/}

.ie7 #slide-holder {}

.slide {height:362px; padding-top:30px; width:940px}
.slide-graphic {
	float:left;
	display:inline;
	padding:10px;
	width:520px;
	background:#fff;
	-webkit-box-shadow: #999 0px 2px 2px;
	-moz-box-shadow: #999 0px 2px 2px;
	box-shadow: #999 0px 2px 2px;
       
	/*position:relative;
	/*behavior:url(http://kl.sharedservicesportal.com/_dev/js/PIE.htc);*/*/
}
.slide-graphic-wrap {
	width:520px;
	height:300px;
	background:#999;
	/*position: relative;
	z-index: 60;*/
}

.slide-content {
	margin:50px 0 0 40px;
	float:left;
	display:inline;
	width:320px;	
}

.slide-content h2 {color:#78256f; line-height: 24px;}

.slide-content p {font-size:14px}

#slide-next, #slide-back {
	background:url(../graphics/layout/btn-slider-next-arrows.png) left center no-repeat;
	cursor: pointer;
	position: absolute;
	display: block;
	z-index: 10;
	width:35px;
	height: 280px;
	margin-top:50px
	}

#slide-next {background-position: -150px 0; margin-left:965px }
#slide-back {background-position: -15px 0; margin-left:0px }
#slide-next:hover {background-position: -200px 0;}
#slide-back:hover {background-position: -65px 0;}

#slider-nav 		{
	position: absolute;
	margin-top:320px;
	z-index:10;
	display: block;
	width:920px
	
	}
#slider-nav ul		{
	margin:0px;
	padding:0px;
	float: right;
}
#slider-nav li 		{margin:0px; padding:0px; list-style: none; float:left; display: inline; margin-left:5px}
#slider-nav li a 	{background:url(../graphics/layout/btn-slider-dots.png) right center no-repeat; display:block; width:19px; height:20px;}
#slider-nav li a:hover	{background-position: center center;}
#slider-nav li.selected a {background-position:left center}
#slider-nav li a:focus {outline:none}

#intro-message {margin-bottom:15px; background: #fff}
#intro-message h2 {font-size:16px; line-height: 24px; padding:20px; /*color:#555*/color:#5381AC;}

/* =Resource List
-------------------------------------------------------------- */

.resource, .event  {border-bottom:1px solid #e2eaf1; padding:20px 20px 0px ;}

.r-img          {float:left; display: inline; width:120px; text-align: center;}
.r-type         {color:#EF8200; font-size: 11px}

.r-content      {float:left; display: inline; width:360px; padding-bottom:20px}
.r-title a, .r-title      {color:#5381ac; text-decoration: none; line-height: 18px; font-size: 12px}
.r-interests    {line-height: 18px; font-size: 11px}

a.view-products {
		background-image: url(../graphics/layout/arrow-orange.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    color:#EF8200;
    font-size: 12px;
    padding:3px 20px;
		float:right;
		}



/* =Resource Filter
-------------------------------------------------------------- */
#listFilter         {padding:0px 0px 20px; border-bottom:1px solid #e2eaf1;}
#listFilter label   {color:#5381ac; width:52px; display:inline-block; font-size: 12px; float: none}
#listFilter select  {padding:5px; width:200px}

/* =featured Resource
-------------------------------------------------------------- */
 
.featured-resource {
    background: #F0F0F0;
    margin:-2px 0 20px;
    padding: 20px 20px 0px 20px;
    border:none;
}

.featured-resource h5           {font-size: 12px}
.featured-resource .r-img       {width:180px;}
.featured-resource .r-content   {width:270px; padding-top:10px}
.featured-resource .r-title a, .featured-resource .r-title   {line-height: 22px; font-size: 16px}

#webinar .featured-resource .r-vid,
#video .featured-resource .r-vid,
#landing .featured-video .r-vid {position:relative; top:-20px; left:-20px;}
#webinar .featured-resource .r-content,
#video .featured-resource .r-content,
#landing .featured-video .r-content {width:auto; padding-top:10px; padding-bottom:0px}


/* =Pagination
-------------------------------------------------------------- */

.pagination {padding:0 0 20px; text-align: right}
.pagination.top {padding:20px 0; border-bottom:1px solid #e2eaf1;}

.pagination a {
    color:#5381ac;
    font-size: 12px;
    padding:6px 9px 5px;
    background: #e2eaf1;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    margin-left:2px;
    
    position:relative;
    /*behavior:url(http://kl.sharedservicesportal.com/_dev/js/PIE.htc);*/
    
    }
.pagination a.jp-previous   {}
.pagination a:hover         {text-decoration: none; background: #fff; padding:5px 8px 4px; border:1px solid #5381ac}
.pagination a.jp-current    {background: #5381ac; color:#fff}
.pagination a.jp-next       {}
.pagination span.jp-hidden  {color:#ccc; padding:2px; margin-right:5px; display: none}

/* =Upcoming Events
-------------------------------------------------------------- */

#side-upcoming-events {background: #fff;}
#side-upcoming-events h3 {color:#78256f; background: url(../graphics/layout/bg-side-menu-title.gif) center bottom repeat-x }
#side-upcoming-events ul {}
#side-upcoming-events ul li {border-bottom:1px solid #e2eaf1}
#side-upcoming-events ul li a span {display: block;}
#side-upcoming-events ul li a span.date {color:#EF8200; font-size:12px}
#side-upcoming-events ul li a span.title {color:#78256f; font-size:16px}

.event              {}
.event .e-content   {float:left; display:inline; width:390px}
.event .simple-btn  {margin-top:15px}
.event h4           {color:#EF8200; font-size:12px}
.event h4  .e-date  {color:#EF8200/*#78256f*/}
.event h3.e-title   {padding:0px; line-height: 20px; font-size: 14px}

.ie7 #side-upcoming-events h3 {position: relative;}

/* =Side Categories
-------------------------------------------------------------- */

#side-categories {background: #fff; padding:10px 0; margin-top:20px}
.ie7 #side-categories {}
#side-categories ul {}
#side-categories ul li {border-bottom:1px solid #e2eaf1}
#side-categories ul li a, a.arrow {padding-top:5px; padding-bottom:5px;}


#side-categories ul li.not-active span {margin:0px; padding-top:2px; padding-bottom:2px; display: block}
#side-categories ul li a span, a.arrow span {
    background-image: url(../graphics/layout/arrow-blue.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    color:#5381ac;
    font-size: 14px;
    padding-left:20px;
    }

a.arrow span {margin-top:5px}

#side-categories ul li a:hover,
#side-categories ul li.selected a {padding-top:4px; padding-bottom:4px;}

a.arrow:hover span {color:#555}
a.arrow:hover {color:#555; text-decoration: none}
    
#side-categories ul li.not-active span span {
    background-image: url(../graphics/layout/arrow-grey.png);
    background-position: left center;
    background-repeat: no-repeat;
    display:block;
    color:#ccd1d5;
    font-size: 14px;
    padding-left:20px;
    margin-left:20px;
}

#side-categories ul li:last-child {border:none; padding-bottom:1px}

/* =Related Products
-------------------------------------------------------------- */

#side-related-products h3 {padding:10px 0; color:#78256f}
#side-related-products {background: none; padding:20px;}
.ie7 #side-related-products {top:20px; position: relative}
#side-related-products ul {}
#side-related-products ul li {}
#side-related-products ul li a {
    background-image: url(../graphics/layout/arrow-purple.png);
    background-position: left 9px;
    background-repeat: no-repeat;
    display: block;
    color:#78256f;
    font-size: 14px;
    padding:5px 20px;
    }
#side-related-products li a:hover {text-decoration: none; color:#EF8200;}



.related-products h3 {padding:10px 0; color:#5381AC; font-size:14px; font-weight: bold}
.related-products {background: none; padding:0px;}
.ie7 .related-products {top:20px; position: relative}
.related-products li {line-height:18px}
.related-products li a {
    background-image: url(../graphics/layout/arrow-blue.png);
    background-position: left 5px;
    background-repeat: no-repeat;
    display: block;
    color:#5381AC;
    font-size: 14px;
    padding:3px 20px;
    }
.related-products li a:hover {text-decoration: none; color:#EF8200;}

/* =
-------------------------------------------------------------- */

#notFound {
    background: #fff;
    margin:-2px 0 20px;
    padding: 20px 20px 10px 20px;
}

#notFound h2 {color:#5381ac}


/* =FORM LAYOUT
 * ----------------------------------------------------------- */


#srl-form {background: #fff; padding:15px}
#srl-form h3 {padding:0 0 15px 0;}
#srl-form-popup {}
	
#contact-learn-more,
#prospect-learn-more,
#longform-side,
#srl-side,
#thank-you-side {display:none}



#contact-form h2, #prospect-form h2 {font-size:22px; color:#78256f; padding-bottom:8px;}
#reg-pop-form h3 {padding:0 0 15px 0;}

#reg-pop-form .col-1 {width:48%; padding-right:4%}
#reg-pop-form .col-2 {width:48%;}

/* =FROM CONTACT STYLE
 * -------------------------------------------------------------- */

.contact-information {
    font-size: 11px;
    color:#444;
    line-height: 18px;
    border-bottom:1px solid #e3e3e3;
    padding:10px 0 10px;
    }

.contact-information dt,
.contact-information dd {float:left; display: inline; padding:2px 0 2px 0}
        
.contact-information dt {width:140px; clear:both; color:#777}
.contact-information dd {width:175px}


/* =FORM STYLE
 * -------------------------------------------------------------- */

/* ERRORS */
.note {color:#5381AC}

.form-inputs .error, .form-inputs .error label, .form-inputs label span {color:#EE3134}

.form-inputs .error input, .form-inputs .error select {
    border:1px solid #EE3134;
    background:#fce7e7;
    -webkit-box-shadow: inset 1px 1px 1px 0px rgba(238, 49, 52, .3);
    box-shadow: inset 1px 1px 1px 0px rgba(238, 49, 52, .3);
    color:#EE3134;
    }

/* EDIT BUTTONS */
        
.edit-buttons {
    border-top:1px solid #e3e3e3;
    border-bottom:1px solid #e3e3e3;
    padding:10px 0 10px 0;
    }

/* DEFAULT FORM */

.form-inputs  			{margin:0px; padding:0px 0px 10px 0px}
.form-inputs  li 		{list-style-image: none; list-style: none; clear:both}
.form-inputs  label {
    color:#444;
    font-size: 12px;
    float:left;
    display: inline; 
    line-height: 14px;
		/*width: 140px;*/
		width:35%;
    padding-top:5px
    }
        
.form-inputs  .checkbox {padding-bottom:10px}
.form-inputs  .checkbox input {float: left; width: auto; padding:0px; border:none;}
.ie7 .form-inputs  .checkbox input {float: left; width: 15px; padding:0px; border:none;}
.form-inputs  .checkbox label {margin-left:5px; width:90%; padding-top:2px; line-height: 16px}
        
.form-inputs input, .form-inputs select {
    background:#fff;
    -webkit-box-shadow: inset 1px 1px 1px 0px rgba(00, 00, 00, .2);
    box-shadow: inset 1px 1px 1px 0px rgba(00, 00, 00, .2); 
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border:1px solid #d3d3d3;
    border-bottom:1px solid #e3e3e3;
    border-right:1px solid #e3e3e3;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;

		/*width:165px;*/
		width:65%;
		padding:5px;
    }

.ie7 .form-inputs input, .ie7 .form-inputs select {width:60%;}

.form-inputs input:focus {
    -webkit-box-shadow:none;
    box-shadow: none; 
    background:#eef2fb;
    border:1px solid #d3d3d3;
    border-bottom:1px solid #bbb;
    border-right:1px solid #bbb;
    }


#notMe,
#editMe,
#notMeEdit {
    width: 145px;
		text-align: center;
		font-size: 11px;
    }


.SRLQuestions {padding:20px 0;}
#srl-form-popup .SRLQuestions {padding:0px 0px 20px;}

.purcahseTimeframe {padding-left:26px}
.purcahseTimeframe label {width:auto;}
.form-inputs .fPurchaseMMSRL {width:49%; float: left; margin-right:2%}
.form-inputs .fPurchaseYYSRL {width:49%}

.ie7 .form-inputs .fPurchaseMMSRL {width:48%;}
.ie7 .form-inputs .fPurchaseYYSRL {width:48%}


/* =Breadcrumb
-------------------------------------------------------------- */    

#breadcrumb {font-size:12px; color:#5381ac; padding:20px 0px; display:none}
#breadcrumb a {color:#5381ac}
#breadcrumb span {color:#999}
    
/* =Registration Overlay
-------------------------------------------------------------- */

.unreg_message {color:#555; padding-top:5px}

.spinner {
		width:32px;
		padding:10px;
		margin:auto;
		margin-top: 30%;
		background: #5381AC;
		-webkit-border-radius: 3px;
    border-radius: 3px;
}

#reg-overlay {
	background:url(../graphics/layout/bg-blue-faded.png);
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index: 90;
	height:0px;
	/*opacity: 0.3;
	filter: alpha(opacity = 30);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";*/
	}

#reg-pop-form {
	position:absolute;
	top:0px;
	left:-370px;
	margin-left:50%;
	margin-top:-800px;
	padding:20px;
	background:#fff;
	border:10px solid #5381ac;
	z-index: 100;
	-webkit-box-shadow: #5381ac 0px 2px 5px;
	-moz-box-shadow: #5381ac 0px 2px 5px;
	box-shadow: #5381ac 0px 2px 5px;
	/*behavior:url(http://kl.sharedservicesportal.com/_dev/js/PIE.htc);*/
	width:700px;
	/*height:300px;*/
}    

#reg-pop-srl {
	position:absolute;
	top:0px;
	left:-370px;
	margin-left:50%;
	margin-top:-800px;
	padding:20px;
	background:#fff;
	border:10px solid #5381ac;
	z-index: 100;
	-webkit-box-shadow: #5381ac 0px 2px 5px;
	-moz-box-shadow: #5381ac 0px 2px 5px;
	box-shadow: #5381ac 0px 2px 5px;
	/*behavior:url(http://kl.sharedservicesportal.com/_dev/js/PIE.htc);*/
	width:300px;
	/*height:300px;*/
}    

#reg-pop-form h2 {color:#78256f; line-height: 24px}

.reg-form-left 		{float:left; display: inline; position: relative; width:340px; margin:0px}
.reg-form-right 	{float:left; display: inline; position: relative; width:340px; padding-left:20px; margin:0px}

#short-form 	{display:none;}
#long-form 	{display:block;}
#SRL-form 	{display:none;}

.ie7 .ref-form-left li,
.ie7 .ref-form-right li {}
.ie7 .reg-form-left,
.ie7 .reg-form-right	{}

/* =Footer
-------------------------------------------------------------- */

#footer .w1     { /*padding:20px 20px 10px 20px;*/}

#footer p,
#footer a   {font-size:10px; color:#fff;}
#footer p   {padding-bottom:10px;}

#footer-left    {width:520px; padding:20px 42px 10px 0px}
#footer-right   {width:340px; padding:20px 0 10px 20px}

#footer-nav {
    border:1px solid #87888a;
    background:#6f6f71;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    }

#footer-nav ul li       {float:left; display: inline; margin: 0 0 0 0}
#footer-nav ul li a     {font-size:14px; color:#e1e1e1; display: block; padding:15px 15px 12px 15px}
#footer-nav ul li a:hover {color:#fff; text-decoration: none;}
#footer-nav ul li.selected a {color:#fff; font-weight: bold}

#communities            {padding:20px 0 20px 20px;}
#communities .menu      {width:132px; padding-right:20px}
#communities ul li			{line-height: 14px; padding-bottom:10px}
#communities ul li a    {color:#d1d1d1; font-size:11px}
#communities ul li a:hover {text-decoration: none; color:#fff;}
#communities ul li.selected a {font-weight: bold; color:#fff}

.ie7 #communities .menu      {display: block;}
.ie7 #communities ul li			 {display: block;}


#terms      {border-top:1px solid #87888a; padding:20px}

#terms p    {color:#d1d1d1; line-height: 14px}

#social-media       {padding-top:10px; padding-bottom:30px}
#social-media ul li {float:left; display: inline; margin-right:10px}
#social-media       {}

#quick-links        {}
#quick-links h4     {color:#fff; padding-bottom:10px; font-size: 16px}
#quick-links ul li a {font-size: 14px; color:#d1d1d1; background: url(../graphics/layout/arrow-white.png) left center no-repeat; display: block; padding:5px 20px}
#quick-links ul li a:hover  {color:#fff; text-decoration: none} 


/*
 * TC Preference Page
 * ----------------------------------------------------------- */

#preference-list {}

.select-preference-bar {margin-bottom:20px; padding:15px;}
.select-preference-bar h3 {padding:0 0 15px 0}
.select-preference-bar label {font-size:12px; color: #555}

.tc-option {
	width: 31%;
	margin:1%;
	float:left;
	display: inline;
	background:#fff;
	height:205px;
	/*cursor: pointer;*/
	}
.tc-option.selected {
/*, .tc-option:hover,
 *.tc-option.hover*/ 
	
	background:#e2eaf1;
	
	background: -moz-linear-gradient(top,  #ffffff 0%, #e2eaf1 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2eaf1)); 
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e2eaf1 100%); 
    background: -o-linear-gradient(top,  #ffffff 0%,#e2eaf1 100%); 
    background: -ms-linear-gradient(top,  #ffffff 0%,#e2eaf1 100%); 
    background: linear-gradient(to bottom,  #ffffff 0%,#e2eaf1 100%); 
	
}
	
.tc-img {width:260px; height:80px; background: #e3e3e3; margin-bottom:15px}
.tc-description {margin:15px}
.tc-description p {display: none}
.tc-description h4 {color:#5381ac; font-size: 18px; padding-bottom:8px}

.tc-option a.link {
	text-decoration: underline;
}

/* Workflow
 * ------------------------------------------------------------ */

#PES-workflow {}

.workflow {background:url(https://apps.thermoscientific.com/media/cmd/kl/graphics/layout/workflow-bg.gif) left top repeat-y; margin-top:20px}

.workflow h3 {margin:0px; padding:0px; font-size: 16px}

.workflow .process-step {width: 140px; text-align: center; padding-top:50px; float: left; display: inline;}
.workflow-arrow {background:url(https://apps.thermoscientific.com/media/cmd/kl/graphics/layout/workflow-arrow.gif) left top no-repeat;}
.workflow .fstep .process-step {padding-top:20px}
.workflow .lstep .process-step {padding-top:60px}
.workflow .menu {float:right; display: inline; width:220px; margin-top:12px}
.workflow .fstep .menu {margin-top:1px}

.workflow .menu li.col-left,
.workflow .menu li.col-right {float:left; display: inline; width:110px}

.workflow .menu li.col-left {}
.workflow .menu li.col-right {margin-left:-1px; width:111px}

.workflow .menu li a {
	border:1px solid #C1CAD3;
    background: #fff;
    text-decoration: none;
    display: block;
	text-align: center;
	margin-top:-1px;
}
.workflow .menu li a span {
	color: #5381AC;
	display: block;
	padding:5px 0;
	font-size: 14px;
}

.workflow .menu li a:hover, .workflow .menu li.selected a {
	position: relative;
    z-index: 5;
	background: #e2eaf1;
	
    background: -moz-linear-gradient(top,  #ffffff 0%, #e2eaf1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2eaf1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e2eaf1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e2eaf1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e2eaf1 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e2eaf1 100%); /* W3C */
    -webkit-box-shadow: #ccc 0px 2px 2px;
    -moz-box-shadow: #ccc 0px 2px 2px;
    box-shadow: #ccc 0px 2px 2px;

	
}



/* =CSS3 Animations
-------------------------------------------------------------- */

@keyframes open-slider {
    0%      { height:0px; }
    100%    { height:392px; }
}

@-webkit-keyframes open-slider {
    0%      { height:0px; }
    100%    { height:392px; }
}

@keyframes slider-background {
    0%      { background-position: 60% center; }
    100%    { background-position: 60% top; }
}

@-webkit-keyframes slider-background {
    0%      { background-position: 60% center; }
    100%    { background-position: 60% top; }
}

#slider .w2 {
    animation-name: open-slider;
    -webkit-animation-name: open-slider;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}

#slider, #slider .w1 {
    animation-name: slider-background;
    -webkit-animation-name: slider-background;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}