@charset "utf-8";
/* 2018-11-02 18:38:14 */

#mega_footer::before, .searchinput input.ui-autocomplete-input, .slides .slide-text, div#mini_dashboard, a.shareicon, a.trigger, span.cartlink_basketicon, .cartwidget.active a.cartlink span.cartlink_basketicon, a.my_notifications, .notifications_button.active a.my_notifications, .NotificationsWidget_Display, a.my_profile_menu, .my_profile.active a.my_profile_menu, span.cartlink_downarrow, .cartwidget.active a.cartlink span.cartlink_downarrow, a.my_profile_menu span.profile_arrow, .my_profile.active a.my_profile_menu span.profile_arrow, #producthd ul li, #producthd2 ul li, #bullets li, #optionblock li, #mlp_vp li, #mlp_markets li, #mlp_promo li, #blockteasertext li, .landing-feature-body li, #key_acc_contact li, #pimwrapper, .to-top, .to-bottom, #pimblock li {
  background-image: url(/css/bg_sprites7.png);
}


body {
  background-color: #ffffff;
  background-image: url(/css/site_body_bg4.png);
  background-position: center top;
  background-repeat: repeat-x;
  font-family: "Averta",Arial,Helvetica,sans-serif;
  font-size: 13px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
/*body.homepage {
    background-image: url(/css/home_body_bg_new2.png);
    background-color: #ffffff;
    background-repeat: no-repeat;
}*/
body.adminpage {
    background-image: none;
}
img {
  border:0;
}
/*input {
  font-size:10px;
}*/
h2 {
  font-size:16px;
  color: #0064C8;
  margin-top:15px;
  margin-bottom:15px;
}
h3 {
  margin-top:5px;
  margin-bottom:2px;
  font-size:13px;
  color: #0064C8;
}
p {margin-top:3px;}
form {
    margin:0;
    padding: 0;
    display:inline;
}
a {
    color: #0064C8;
    text-decoration:underline;
}
a:hover {
    color:#236192;
    text-decoration:underline;
}
figure {
	display: block;
	margin-left: 0;
	margin-right: 0;
}

figcaption {
	display: block;
	padding: 10px 0px;
	margin-top: 20px;
	font-size: 12px;
	color: #666666;
	border-top: 1px solid #cccccc;
}
figcaption p,
#producthd figcaption p{
	margin-top: 0;
	font-size: 12px;
	color: #666666;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}

/*
#wrapper {
    width: 984px;
    height: 700px;
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
}
*/
/* testing alternate css for #wrapper to fix potetntial height problems */
#wrapper {
    width: 984px;
    min-height: 700px;
    height: auto;
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
}
/* for Internet Explorer */
/*\*/
* html #wrapper {
    height: 700px;
}
/*#header {
	background-color: #236192;
	height: 99px;
	margin-left: -3px;
	width: 991px;
	z-index: 1001;
	border-bottom: 2px solid #2EC4FF;
}*/
#vwrLogo {
  margin-top:0px;
  float:left;
}
#customerlogo {
    position: absolute;
    right: 500px;
    top: 30px;
    z-index: 1000
}
#customerlogo a {
  display:block;
}

#customerlogo a img {
    background-color: #ffffff;
    border: 2px solid #B1B3B3;
    border-radius: 2px;
    padding: 3px;
    max-height: 30px;
    max-width: 250px;
}
#topnav {
    width: 964px;
    margin:0 10px;
    padding:0;
    background-image: url(/css/topnav_bg.jpg);
    background-repeat:repeat-x;
    font-size:10px;
    font-weight:bold;
    color: #FFFFFF;
    height:30px;
}
#topnav ul {
    list-style-type:none;
  padding:0;
    margin:0;
    float:left;
    overflow:hidden;
    height:30px;
}
#topnav li {
    display:inline;
}
#topnav ul a {
    border: none;
    display:block;
    float:left;
    padding: 8px 15px 9px 15px;
    margin-left: 0px;
    background-image:url(/css/topnav_off.jpg);
    background-repeat:no-repeat;
    background-position: bottom right;
    font-size: 10px;        
    text-decoration: none;
    text-transform:uppercase;
    font-weight: bold;
    color: #FFF;
}
#topnav a:hover {
    background-image:url(/css/topnav_on.jpg);
    background-repeat:no-repeat;
    background-position: bottom right; 
}
#topnav table {
    padding: 4px 15px 4px 15px;
    float:right;
}
#topnav #languageSelect  {
  float:right;
  padding-top:8px;
  _padding-top:6px;
  height:16px;
}
#topnav #languageSelect  a:hover {
  background:none;
} 
#topnav #languageSelect img {
vertical-align:middle;
padding: 0 10px;
}
/*#searchbar {
    position:relative;
    width: 934px;
    margin-left: 10px;
    margin-right: 10px;
    margin-botom:0px;
    margin-top: 1px;
    height: 18px;
    _height:16px;
    background-image: url(/css/bg_search_bar30.jpg);
    background-repeat:no-repeat;
    background-position: top left;
    font-size:10px;
    padding:6px 15px 6px 15px;
}
#searchbar #searchform {
  float:left;
}
#searchbar #searchform input.styled {
  border: 1px solid gray;
}
#searchbar table td {
  padding-right:5px;
}
#searchbar div {
  font-weight:bold;
}
#searchbar ul {
  float:left;
  list-style:none;
  margin:0;
  margin-left:10px;
  padding:0;
}
#searchbar ul li {
  float:left;
  padding:0px 10px;
  border-left:1px solid black;
}
#searchbar ul li a {
  color: rgb(75, 86, 118);
  text-decoration:none;
}
#searchbar ul li a:hover {
  color: rgb(204, 0, 0);
}*/
/* Left Navigation style */
#leftnav {
        width: 180px;
        padding: 0 0 0px 0;
        margin-bottom: 1em;
        margin-left: 0px !important;
        margin-right: 10px;
        margin-top: 0px;
        border-top: 30px solid #FFFFFF;
        font-family:  'Averta', sans-serif;
        font-size:12px;
        background-color: #FFFFFF;
        color: white;
/*        background-image: url(/css/greybg_50.jpg); */
        background-repeat: repeat-x;
        background-position: top left;
        text-align: left;  
        z-index: 1;
}
/* IE 6 fix for box model issues (still) - even in standards mode, paddings on links in lists will be added to the outer width */
* html #leftnav {
    
    width: 180px;    
}
#leftnav ul {
    border: medium none;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
#leftnav li {
    border-bottom: 1px solid #28E946;
	margin: 0;
	padding: 0;
}
#leftnav li li li {
    border-bottom: 0 none;
    border-top: 0 none;
}
#leftnav li li li li {
    border-bottom: 0 none;
    border-top: 0 none;
}
#leftnav li span {
  color: #ffffff;
  display: block;
  font-family: "Averta";
  padding: 4px 5px 4px 4px;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}
#leftnav li a {
	background-color: #0064C8;
	color: #ffffff;
	display: block;
	font-family: "Averta";
	font-weight: 700;
	padding: 10px;
	text-decoration: none;
	width: 100%;
	font-size: 13px;
	word-wrap: break-word;
}
#leftnav li a:hover {
    color: #ffffff;
}
html > body #leftnav li a {
    width: auto;
}
#leftnav li li a, 
li.searchsubnav ul form a.indep {
 background-color: #ffffff !important;
	background-repeat: no-repeat;
	color: #0064c8;
	font-family: "Averta";
	font-weight: 400;
}
#leftnav li li li a {
    background-color: #f4f4f4;
    border-bottom: 1px solid #d0d0d0;
    border-top: 0 none;
    color: #0064c8;
    font-family: "Averta";
    font-weight: 400;
    padding-bottom: 6px;
    padding-left: 21px;
    padding-top: 6px;
}
#leftnav li li li li a {
    background-color: #f4f4f4;
    border-bottom: 0 none;
    border-bottom: 1px solid #d0d0d0;    
    color: #0064c8;
    font-weight: 400;
    padding-bottom: 5px;
    padding-left: 30px;
    padding-top: 5px;
}
#leftnav li li li li li a {
    padding-left: 40px;
}
#leftnav li li li li li li a {
    padding-left: 50px;
}
* html #leftnav li li li a {
    width: 180px;
}
#leftnav li li a:hover, #leftnav li li li a:hover, #leftnav li li li li a:hover {
    background-color: #e2e2e2;
    color: #0064C8;
}
#leftnav li li a.active {
	background-position: 2px 4px;
	color: #236192;
	font-family: "Averta";
	padding-right: 5px;
	font-weight: 700;
}
#leftnav li li a:hover {
	/* background-position: 2px -90px; */
	/* color: #236192; */
	/* font-weight: 400; */
	background-color: #e2e2e2 !important;
}
#leftnav li li a.active:hover {
	background: none !important;
	/* border-right: 0 none; */
	/* color: #236192; */
	/* font-weight: 700; */
}
#leftnav li li li a.active {
    background-position: 11px 4px;
    color: #236192;
    padding-right: 5px;
    font-weight: 700;
}
#leftnav li li li a:hover {
    background-position: 11px -90px;
    border-right: 0 none;
    color: #236192;
    font-weight: 400;
}
#leftnav li li li a.active:hover {
    background-position: 11px -90px;
    /* border: 0 none; */
    font-family: "Averta";
    font-weight: 700;
}
#leftnav li li li li a.active {
    background-position: 20px 4px;
    color: #236192;
    font-family: "Averta";
    font-weight: 700;
    padding-right: 5px;
}
#leftnav li li li li a:hover {
    border-right: 0 none;
    color: #236192;
    font-weight: 400;
}
#leftnav li li li li a.active:hover {
    background-position: 20px -90px;
    /* border: 0 none; */
    font-family: "Averta";
    font-weight: 700;
}
#leftnav li li.navbreak {
    border-top: 2px solid #cccccc;
    margin-top: 10px;
    padding-top: 1px;
}
#leftnav li li.navactive {
    border-top: 2px solid #cccccc;
    color: #666666;
    margin-top: 10px;
    padding-top: 1px;
}
/*Color overrides for Basan and Anachemia subsite Leftnavs*/
/*#leftnav.bas li a {
  background-color: #7b8eb6;
}
#leftnav.bas li li a:hover, 
#leftnav.bas li li li a:hover, 
#leftnav.bas li li li li a:hover {
  background-color: #dfe7f4 !important;  
  color: #4a60a5;
}
#leftnav.bas li li a, li.searchsubnav ul form a.indep {
  color: #4a60a5;
  background-color: #f8f8f8 !important;
}
#leftnav.ana li a {
  background-color: #0b7420;
}
 #leftnav.ana li li a:hover, 
 #leftnav.ana li li li a:hover, 
 #leftnav.ana li li li li a:hover {
    background-color: #ffa040 !important;
    color: #ffffff;
}
#leftnav.ana li li a, li.searchsubnav ul form a.indep {
  background-color: #ffffff !important;
}*/
#maincontent {   
    width: 100%;
/* height: 800px; */   
    min-height: 700px;   
/*  margin-top: 10px; */
    margin-top: 0;
    padding: 0px;
    margin-bottom:16px;
}
#pgcontent {
    width: 774px;
    margin-bottom: 20px;
}
#pgcontent h1 {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight:normal;
    color:#236192;
    margin-top: 0px;
    margin-bottom: 25px;
}
#pgcontent h2 {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight:normal;
    color:#006699;
    margin-top: 0px;
    margin-bottom: 5px;
}
#pgcontent h3 {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight:bold;
    color:#FF6600;
    margin-top: 0px;
    margin-bottom: 20px;
}
#pgcontent h4 {
    font-size: 12px;
    font-weight:bold;
    color:#666666;
    margin-top: 0px;
    margin-bottom: 5px;
}
#pgcontent p {
    font-size:13px; 
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 120%;
}
#pgcontent p.special {
    font-size:9px;
    color:#666666;
    margin-bottom:20px;
}
#splash1 {
    width: 240px;
    padding:5px;
    padding-top:7px;
    padding-bottom:7px;
    background-color: #F4715B;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:bold;
    color:#FFFFFF;
    margin-right:10px;
}
#mainimage {
    width: 250px;
    margin-bottom: 1px;
}
#validity {
    width: 240px;
    padding: 5px;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px;
    color: #F4715B;
    text-transform: uppercase;
    font-weight:bold;
    font-style:oblique;
}
#requests {
    width: 240px;
    font-size:11px;
    padding: 5px;
    padding-top: 0px;
    background-color: #FAFAFA;
    border: 1px solid #CCCCCC;
}
#requests ul {
    margin: 0;
    padding: 0;
}
#requests li {
    list-style: none;
    font-size:10px;
    line-height: 120%;
    color:#666666;
    background: url(/css/orange_arrow3.png) no-repeat left top;
    padding-left: 7px;
    padding-top: 3px; 
    margin-left:3px;
/*    margin-bottom: 3px; */
}
#orangearrow {
    font-weight: bold;
    font-size: 10px;
    color: #FF6600;
    padding-top: 5px;
}
#DiscountLayer {
    position: absolute;
    width:90px;
    height:90px;
    z-index:1;
    left: 176px;
    top: 10px;
}
#subhd {
    font-family:Arial, Helvetica, sans-serif;
    font-size:18px;
    color:#495676;
/*    font-weight:bold;*/ 
    margin-bottom: 30px;
    margin-right:20px;
}
#longtext {
    margin-top: 20px;
    margin-right:20px;
    margin-bottom: 13px;
}
#longtext p {
    margin-top:30px;
    margin-bottom: 15px;
    font-size:11px;
    line-height:130%;
    margin:0;
    margin-bottom:9px;
}
#introtext {
    width: 554px;
    margin-bottom: 15px;
}
#bullets {
    width: 554px;
    margin-bottom: 5px;
}
#bullets p {
    font-size:11px;
    line-height: 120%;
}
#bullets td {
    padding: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #E6E6E6;
}
#bullets ul {
    margin: 0;
    padding: 0;
    margin-left: 3px;
    padding-left: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#bullets li {
    list-style: none;
    font-size:11px;
    line-height: 130%;
	background-position:-260px -190px;
	background-repeat: no-repeat;
    padding-left: 15px;
    margin-bottom: 5px;
    margin-right: 10px;
}
#bullets h2 {
    font-family:Arial, Helvetica, sans-serif;
    color:#000000;
    font-size: 14px;
    font-weight:bold;
    margin-top: 0px;
    margin-bottom: 11px;
}
#promobullets {
/*    width: 504px; */
    margin-right: 20px; 
/*    border: dashed 1px #FF6600; */
}
#promobullets p {
    font-size:13px; 
    line-height: 120%;
}
#promobullets ul {
    margin: 0px;
    padding: 0px;
    margin-right:20px;
}
#promobullets li {
    list-style: outside;
	font-size: 13px;
	line-height: 130%;
	background: none;
	padding-left: 2px;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-left: 12px;
}
#ordertable {
    width: 100%;
    margin-top: 5px;
/*    margin-top: 25px; */
}
#optionblock {
    height: auto;
    width: 774px;
    margin-top: 25px;
}
/* #optionblock p {
    font-size:11px;
    line-height: 130%;
} */
#optionblock ul {
    margin: 0;
    padding: 0;
    margin-left: 3px;
    padding-left: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#optionblock li {
    list-style: none;
    font-size:11px;
    line-height: 130%;
	background-position:-260px -190px;
	background-repeat: no-repeat;
    padding-left: 15px;
    margin-bottom: 5px;
    margin-right: 10px;
}
#pgcontenthd {
    width: 100%;
/*    height: 100px; */
/*    margin-bottom: 20px; */
}
#pgcontenthd h1 {
	color: #0064C8;
	font-family: "Averta",sans-serif;
	font-size: 35px;
	font-weight: 300;
	margin-bottom: 12px;
	margin-top: 0;
}
#producthd, #producthd2 {
    width: 100%;
/*  height: 100px; */
    margin-bottom: 10px;  
/*  border-bottom: 1px solid #CCCCCC; */
}
#producthd p {
	color: #404040;
	margin-right: 10px;
	font-size: 13px;
	line-height: 130%;
	margin-top: 7px;
	margin-bottom: 12px;
}
#producthd h1 {
    font-size: 22px;
    font-weight:normal;
    color:#0064C8;
    margin-top: 0px;
    margin-bottom: 15px;
}
#producthd h2 {
    font-size: 16px;
    font-weight: 700;
    color: #0064C8;
    margin-top: 0px;
}
#producthd h5, #producthd2 h5 {
    font-size: 13px;
    font-weight:bold;
    color:#0064C8;
    margin-top: 0px;
    margin-bottom: 0px;
}
#producthd ul, #producthd2 ul, #blockteasertext ul {
    margin: 0;
    padding: 0;
    margin-left: 3px;
    padding-left: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#producthd ul li, #producthd2 ul li, .landing-feature-body li, #blockteasertext li {
	list-style: outside;
	font-size: 13px;
	line-height: 130%;
	background: none;
	padding-left: 2px;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-left: 12px;
}
ul.long_list li {
    background-image: none !important;
}

ul.long_list li:before {
    content:'';
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: url(/css/bg_sprites6.png);
    background-position: -49px -347px;
    margin-left: -15px;
}
ul.long_list li ul li:before {
    background-position: -49px -554px;
}
ul.long_list li ul li ul li:before {
    background-position: -49px -450px;
}
#producthd td, #producthd2 td {
  font-family: "Averta",sans-serif;
  font-size: 13px;
}
#producthd td.divide{
    padding-bottom: 12px;
    /*border-bottom: 2px solid #E6E6E6;*/
}
producthd a:link {
    color: #0000FF;
    text-decoration:none 
}
producthd a:hover {
    color: #0000FF;
    text-decoration: underline;
}
producthd a:visited {
    color: #495676;
    text-decoration:none 
}
producthd a:active {
    color: #495676;
    text-decoration:none 
}
#thumb_block {
    padding-top: 20px;
    width: 774px;
}
#extra_promo_block {
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#breadcrumb {
    font-size: 12px;
    /* height: 16px; */
    padding-top: 4px;
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 10px;
    margin-top: 10px;
}
#breadcrumb a:link{
    color: rgb(120, 120, 120);
    text-decoration: none;
}
#breadcrumb a:visited {
    color: rgb(120, 120, 120);
    text-decoration: none;
}
#breadcrumb a:hover {
    color: rgb(204, 0, 0);
    text-decoration: none;
}
#breadcrumb a:active {
    color: rgb(120, 120, 120);
    text-decoration: none;
}
/* Startpage */
/*#hpcontent {
    width: 944px;
    height: 412px;
    padding:10px;
    background-color: #E6E6E6;
    margin-left: 0px;
}*/
#hp_topcontainer {
	position: relative;
	zoom: 1;
	height: 440px;
	margin: 0;
	padding: 0;
	width: 986px;
	margin-left: -10px;
}
#hp_topcontainer:before {
	content: "";
	width: 100vw;
	position: absolute;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;    
	height: 440px;
	background: #28e946;
	background: -moz-linear-gradient(left,  #28e946 0%, #17cda3 30%, #17cda3 70%, #2ec4ff 100%, #28e946 100%);
	background: -webkit-linear-gradient(left,  #28e946 0%,#17cda3 30%,#17cda3 70%,#2ec4ff 100%,#28e946 100%);
	background: linear-gradient(to right,  #28e946 0%,#17cda3 30%,#17cda3 70%,#2ec4ff 100%,#28e946 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28e946', endColorstr='#28e946',GradientType=1 );
}
p_topcontent {
  margin: 0;
  height: 406px; 
  width: 986px; 
  /*box-shadow: 0px 0px 51px 1px rgba(0,0,0,0.73);*/
  background-color: #f0f0f0;
}

/*#hpcontent_topspacer {
    height: 30px;
    width: 986px;
    background-color: #066092;
    margin: -6px 0 0 -10px;
}*/
#slider_container {
  float: left;
  height: 406px;
  margin: 0;
  width: 735px;
}
/*************************
* Styles for text within the boxes on the startpage 
*************************/
/*.contentBox {
  float:left;
  overflow:hidden;
  margin-bottom:10px;
  margin-right:10px;
  background:white;
}*/
/*.contentBox {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #acacac;
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
  overflow: hidden;
  border-radius: 4px;
}*/
.contentBox {
  background: none repeat scroll 0 0 #ffffff;
  border: 2px solid #06a5cc;
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
  overflow: hidden;
  width: 306px;
}
.contentBox h2,
.contentBox h3,
.contentBox p {
  padding-left:5px;
  padding-right:5px;
}
a.hp_content_link {
    display: block;
    height: 176px;
    text-decoration: none;
    color: #666666 !important;
    transition: opacity 0.2s ease-in-out 0s;
}
a.hp_content_link:hover {
    text-decoration: none !important;
    color: #666666 !important;
    opacity: 0.8;
}
.contentBox p.hpbox {
    color: #231f20 ;
    font-size:12px;
    line-height: 16px;
    margin-top: 8px;
}
.contentBox h3.hpbox {
    font-size:12px;
    padding-top:5px;
    padding-bottom:0;
    margin-bottom:0;
}
.contentBox img.hpbox {
    float: left;
    padding: 6px 10px 0 12px;
    height: 134px;
    width: 134px;
}
.contentBox h3.red {
    color: #CC0000;
}
/*.contentBox h2 {
  margin:0;
  padding-top:11px;
  padding-bottom:10px;
  background:url(/css/section_bg.jpg) repeat-x white bottom center;
}*/
.contentBox h2 {
  background-color: #06a5cc;
  color: #ffffff;
  font-size: 19px;
  font-weight: normal;
  margin: 0;
  padding: 5px 10px;
  width: 100%;
}
#areaSwitcher h2 {
  background:none;
}
 
.contentBox a {
  font-size: 12px;
}
/*.contentBox ul li a {
  color:rgb(0, 0, 200);
}
.contentBox a:hover {
  color:rgb(0, 0, 200);
  text-decoration:underline;
 }*/
  
div#aboutBox {
  width:330px;
  height:318px;
  float:left;
  }
#aboutBox a:link{
    color: #666;
    text-decoration: none;
}
#aboutBox a:visited {
    color: #666;
    text-decoration: none;
}
#aboutBox a:hover {
    color: rgb(204, 0, 0);
    text-decoration: none;
}
#aboutBox a:active {
    color: #666;
    text-decoration: none;
}
#aboutBox p {
    font-size:11px;
    margin-top:6px;
    margin-bottom: 11px;
}
/*************************
* Area Switcher on Startpage
*************************/  
/*****************************
Updated CSS: KH 30/09/09
******************************/
div#areaSwitcher {
  background:#444;
  width:604px;
  height:318px;
  margin-right:0;
  }
div#areaSwitcher ul {
  float:right;
  color:white;
  font-weight:bold;
  list-style:none;
  list-style-position:outside;
  margin: 0;
  padding: 0;
  border: none;
  text-indent:-10px; 
  margin-top:10px;
  margin-right:10px;
  _margin-right:4px;
  }
div#areaSwitcher ul li {
  width:200px;  
  margin:0;
  padding:0;
  text-align:left;
  text-indent: 10px;
  margin-bottom:1px; 
  _width:180px;    
  }
  
div#areaSwitcher ul li a {
    color:white;
    text-decoration:none;
    display:block;
    padding: 5px 0px 6px 7px;
    height:11px;
    background:url(/css/areaSwitchBG3.png);
    background-position:0 0;
    _width:193px; /* IE6 needs this to expand link to full area */
    white-space:nowrap;
}
div#areaSwitcher ul li a:hover {
   background-position: 0 22px;  
}
div#areaSwitcher ul li.active a {
   background-position: 0 22px;  
}
div#areaSwitcher div {
  width:385px;
  height:318px;
  background:#444;
}
div#areaSwitcher h2, 
div#areaSwitcher p {
  color:white;
  margin:0;
  padding:0 10px;
}
div#areaSwitcher h2 {
  margin-top:6px;
  margin-bottom:6px;
  font-size:14px;
} 
div#areaSwitcher p {
  margin-bottom:3px;
}
/*************************
* Three lower boxes on startpage
*************************/
div#promotions .imgWrapper,
div#box4 .imgWrapper  {
/*  height:175px; */
  min-height: 155px;
  width:100px;  
  overflow:hidden;
  float:left;
  margin-right:20px;
}
div#news .imgWrapper,
div#box5 .imgWrapper  {
  height:155px;
  width:100px;  
  overflow:hidden;
  float:left;
  margin-right:20px;
}
div#essentials .imgWrapper,
div#box6 .imgWrapper {
  height:155px;
  width:100px;  
  overflow:hidden;
  float:left;  
  margin-right:20px;
}
div#segment .imgWrapper {
  height:138px;
  width:230px;  
  overflow:hidden;
  float:left;  
}
div#promotions,
div#box4 {
    /*width:330px;*/
    height: 185px;
}
div#segment {
  width: 100%;
}
div#news,
div#box5 {
    /*width:297px;*/
    height: 185px;
}
/*
div#news ul,
div#news a {
  margin-left:10px;
<!--  margin-right:10px; -->
  margin-right:0px;
}
div#news ul li {
  padding-left:0px;
  text-indent:-10px
}
*/
div#essentials,
div#box6 {
    /*width:297px;*/
    height: 185px;
    margin-right:0;
}
div.contentBox ul {
  float:left;
  list-style-type:square;
  color:#FFFFFF;
  margin:15px 0;
  padding:0;
  padding-left:15px;
  display:block;
}
div.contentBox ul li{
  color:rgb(255, 153, 0);
  text-indent:0px;
  padding:0;
  margin:0;
  margin-bottom:4px;
}
div#promotions ul,
div#box4 ul {
  width:180px;
}
div#news ul,
div#box5 ul {
  width:150px;
}
div#essentials ul,
div#box6 ul {
  width:160px;
}
#hpcontent_eu div#promotions,
#hpcontent_eu div#news,
#hpcontent_eu div#essentials  {
  height: auto;
  min-height: 260px;
}
div#mini_dashboard {
	background-position: -962px -84px;
	border: none !important;
	border-radius: 0;
	font-family: "Averta",sans-serif;
	height: 406px;
	margin: 0;
	width: 249px;
	position: relative;
	background: none;
	background-color: #ffffff;
	color: #0064C8;
}
#mini_dashboard.contentBox h2 {
	background: none;
	/* border-bottom: 4px solid #91e0c0; */
	color: #0064C8;
	font-size: 21px;
	font-weight: 400 !important;
	margin: 0 0 0 24px !important;
	padding: 4px 0 6px;
	width: 210px;
}
#mini_dashboard.contentBox h2::after {
	background: #28e946;
    background: -moz-linear-gradient(left, #28e946 0%, #2ec4ff 100%);
    background: -webkit-linear-gradient(left, #28e946 0%,#2ec4ff 100%);
    background: linear-gradient(to right, #28e946 0%,#2ec4ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28e946', endColorstr='#2ec4ff',GradientType=1 );
    content: "";
    left: 10px;
    right: 0;
    height: 2px;
    width: 205px;
    margin-top: 4px;
    display: block;
}
#mini_dashboard.contentBox p {
	color: #0064C8;
	font-size: 12px;
	margin: 5px 0 8px;
	padding: 0;
}
#mini_dashboard.contentBox p strong {
    font-weight: 400
}
#mini_dashboard.contentBox p span {
  /* background: linear-gradient(to bottom, #f48f1d 0%, #d87301 100%) repeat scroll 0 0 #ff8737; */
  background-color: #ff8737;
  border-radius: 8px;
  color: #ffffff;
  font-weight: 700;
  padding: 0 8px 1px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  vertical-align: baseline;
  white-space: nowrap;
}
#mini_dashboard.contentBox ul {
	font-size: 12px;
	float: none;
	list-style: none;
	margin: 0 0 5px 16px;
	padding: 0;
}
#mini_dashboard.contentBox ul li {
    color:#036;
}
#mini_dashboard.contentBox ul li::before {
  content: "\2192";
  font-size: 12px;
  line-height: 12px;
}
#mini_dashboard.contentBox ul li a {
    color:#505050;
    text-decoration:none;
}
#mini_dashboard.contentBox ul li a:hover {
    color:#333333;
    text-decoration:underline;
}
#register_area {
	margin-top: 4px !important;
}
#register_area p {
	line-height: 13px;
}
p.quicklinks_bold {
	font-weight: 700;
	margin: 0 0 3px 0 !important;;
}
#quicklinks_login {
	margin-left: 24px;
	margin-top: 2px !important;
	width: 225px;
}
#quicklinks_login #login_area {
  width: 218px;
  position: relative;
}
#quicklinks_login #login_area label {
	color: #0064C8;
	display: block;
	font-family: 'Averta',sans-serif;
	font-weight: 400;
	font-size: 13px;
	padding-right: 5px;
}
#quicklinks_login #login_area input  {
  background-color: #ffffff;
  border: 1px solid #b0b0b0;
  border-radius: 3px;
  color: #555555;
  display: inline-block;
  font-size: 13px;
  height: 18px;
  line-height: 18px;
  margin-bottom: 8px;
  padding: 3px;
  width: 200px;
}
#quicklinks_login #register {
  color: #606060;
  font-family: "Averta",sans-serif;
  font-size: 13px;
  font-weight: normal;
  left: 68px;
  margin-top: 5px;
  position: absolute;
  top: 226px;
}
#quicklinks_login #register img {
    display: none;
}
#quicklinks_login #login_area div button.submitBtn, 
#register a.button {
	/* background: #236192 linear-gradient(to bottom, #508eb3 0%, #236192 100%) repeat scroll 0 0; */
	/* background-color: #236192; */
	border: 1px solid #0064C8;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	margin-top: 5px;
	padding-bottom: 6px;
	padding-top: 3px;
	width: 210px;
	background: none;
	background-color: #236192;
	border-radius: 0;
}
#register a.button {
    margin-left: -68px;
    width: 183px; 
    color: #0064C8;
    background-color: #ffffff;
    
}
#register a.button:hover {
	background: none;
	background-color: #236192;
	color: #ffffff;
}
#quicklinks_login #login_area div button.submitBtn:hover{
    background-color: #ffffff;
	color: #236192;
}
input#keepMeLoggedInLink[type="checkbox"],
input#keepMeLoggedInHeader[type="checkbox"],
input#keepMeLoggedInPopUp[type="checkbox"] {
  float: left;
  height: 14px !important;
  margin-right: 4px;
  margin-top: 2px;
  width: 14px !important;
}
#mini_dashboard_bottom {
  /*background-color: #ffffff;
  ! border-top: 1px solid #d0d0d0; 
  bottom: 0;
  color: #0064C8;
  font-size: 13px;
  font-weight: normal;
  left: 25px;
  line-height: 18px;
  margin-bottom: 12px;
  padding-top: 4px;
  position: absolute;
  width: 210px;*/
  display:none;
}
#mini_dashboard_bottom::before {
	content: "";
    left: -12px;
    height: 1px;
    background: #28e946;
    background: -moz-linear-gradient(left, #28e946 0%, #2ec4ff 100%);
    background: -webkit-linear-gradient(left, #28e946 0%,#2ec4ff 100%);
    background: linear-gradient(to right, #28e946 0%,#2ec4ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28e946', endColorstr='#2ec4ff',GradientType=1 );
    display: block;
}
#mini_dashboard_bottom span {
	font-size: 22px;
	font-weight: 400;
	line-height: 24px;
}
#mini_dashboard_bottom img {
    vertical-align:middle;
}
#mini_dashboard_bottom a {
    color: #585858;
    text-decoration:none;
}
#mini_dashboard_bottom a:hover {
    color:#236192;
    text-decoration: underline;
}
#hpcontent_bottom {
  background-color: #06918e;
  clear: both;
  height: 34px;
  margin: 0;
  width: 984px;
}
.featurecontainer {
  background-repeat: repeat-x;
  /* height: 518px; */
  /* margin-bottom: 24px; */
  margin-left: -13px;
  /* padding: 12px 0 0 20px; */
  padding: 0 0 0 20px;
  width: 969px;
  float: left;
}
.featurecontainer.features2 {
    height: 452px;
}
    
.top-gradient {
  /*background-image: url(/css/featurebox_bg2.png);*/
}
.bottom-gradient {
  /*background-image: url(/css/featurebox_bg2-rev.png);*/
  background-position: center bottom;
}
.featurecontainer h2, .selectorcontainer h2 {
	font-family: 'Averta', sans-serif;
	color: #2364c8;
	font-size: 40px;
	font-weight: 300;
	line-height: 1em;
	margin: 25px 0 8px 0;
	padding: 2px 0px 15px;
	width: 946px;
	border: none;
}
.featurecontainer h2::after,
.selectorcontainer h2::after {
	background: #28e946;
	background: -moz-linear-gradient(left, #28e946 0%, #2ec4ff 100%);
	background: -webkit-linear-gradient(left, #28e946 0%,#2ec4ff 100%);
	background: linear-gradient(to right, #28e946 0%,#2ec4ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28e946', endColorstr='#2ec4ff',GradientType=1 );
	content: "";
	height: 2px;
	display: block;
	margin-top: 15px;
}

/*.featurecontainer.features h2 {
  border-bottom: 3px solid #92e0c0; 
}
.featurecontainer.newproducts h2,
.featurecontainer.docs h2 {
  border-bottom: 3px solid #f9bf3b;
}
.featurecontainer.docs h2 {
  border-bottom: 3px solid #22a7f0;
  margin-bottom: 20px;
}*/
.view_all_link {
  float: right;
  padding-top: 38px;
}
.view_all_link a {
  color: #0064c8;
  font-family: "Averta",sans-serif;
  font-size: 13px;
  line-height: 30px;
  padding-right: 24px;
  text-decoration: none;
  text-transform: uppercase;
}
.view_all_link a:before {
  	display: block;
	content: "";
	float: left;
	width: 32px;
	height: 32px;
	background: transparent url(/css/right-arrow.svg) no-repeat;
	background-size: 32px 32px;  
	margin-right: 6px;
}
.featurebox {
  background-color: #ffffff;
  /*box-shadow: 2px 2px 14px #d8d8d8;*/
  float: left;
  font-family: "Averta",sans-serif;
  height: 425px;
  margin-bottom: 20px;
  margin-right: 20px;
  width: 221px;
}
.featurebox.last {
    margin-right: 0;
}
.featurebox img {
  border-bottom: 1px solid #e4e8e9;
  width: 221px;
}
.featurebox h3,
.featurebox span,
.featurebox p {
  padding-left: 8px;
  padding-right: 8px;
  margin: 0;
 }
.featurebox a {
    border:0;
    text-decoration:none;
    transition: all 0.3s ease-in-out 0s;
}
.featurebox a:hover {
    opacity: 0.7;
}
.featurebox h3 {
	color: #0064C8;
	font-size: 20px;
	line-height: 23px;
	margin-bottom: 12px;
	margin-top: 8px;
	padding-top: 1px;
	font-weight: 400;
}
.featurebox span {
  color: #3f7fad;
  display: block;
  font-size: 13px;
  margin-bottom: 8px;
  margin-top: 0;
}
.featurebox p {
	color: #53565a;
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 8px;
	margin-top: 0;
}
.selectorcontainer {
  background-repeat: repeat-x;
  margin-left: -13px;
  margin-bottom: 34px;
  padding: 20px 0 0;
  width: 990px;
  z-index:1;
  float: left;
}
.selectorcontainer h2 {
    margin-bottom:0;
    padding-left: 20px;
}
.selectorbox {
  /*! background-color: #92e0c0; */
  padding-left: 20px;
  padding-right: 20px;
  width: 958px;
}
.selector_item {
	width: 474px;
	height: 130px;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	transition: ease 0.2s;
	overflow: hidden;
	z-index: 2;
	margin-bottom: 4px;
	margin-right: 4px;
	background: #0064C8;
}
.selector_item:hover {
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08);
	background-color: #2ec4ff;
	background-repeat: repeat-x;
	background-image: -webkit-linear-gradient(45deg, #2ec4ff, #28e946);
	background-image: -o-linear-gradient(45deg, #2ec4ff, #28e946);
	background-image: linear-gradient(45deg, #2ec4ff, #28e946);
	z-index: 4;
}
.selector_item img {
    position:absolute;
    top:0;
    left:0;
    z-index:3;
    display:none
}
.selector_item h3,
.selector_item p {
  color: #ffffff;
  left: 35px;
  position: absolute;
  margin:0;
  padding:0;
  font-weight: normal;
  z-index: 4;
  width: 275px;
}
.selector_item h3 {
  border-bottom: 2px solid #ffffff;
  font-family: "Averta",sans-serif;
  font-size: 15px;
  padding-bottom: 4px;
  top: 13px;
  width: 400px;
}
.selector_item p {
  font-family: "Averta",sans-serif;
  font-size: 12px;
  line-height: 14px;
  top: 47px;
}
.selector_item a {
	text-decoration: none;
	transition: background 0.3s ease-in-out 0.3s;
	display: block;
	width: 475px;
	height: 130px;
	background: #0064C8;
	/* background: -moz-linear-gradient(left, #0064c8 0%, #2ec4ff 100%); */
	/* background: -webkit-linear-gradient(left, #0064c8 0%,#2ec4ff 100%); */
	/* background: linear-gradient(to right, #0064c8 0%,#2ec4ff 100%); */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0064c8', endColorstr='#2ec4ff',GradientType=1 ); */
}
.selector_item a:hover {
	background: #2ec4ff; /* Old browsers */
	background: -moz-linear-gradient(left,  #2ec4ff 0%, #28e946 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #2ec4ff 0%,#28e946 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #2ec4ff 0%,#28e946 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ec4ff', endColorstr='#28e946',GradientType=1 ); /* IE6-9 */
}
#lit_searchcontainer {
    margin-bottom: 20px;
}
.featurecontainer.docs {
  height: 475px;
  margin-bottom: 60px;
}
.featurecontainer.docs .featurebox {
  border-left: 1px solid #d8d8d8;
  box-shadow: none;
  height: 400px;
}
.featurecontainer.docs .featurebox h3 {
	color: #0064C8;
	/* text-transform: uppercase; */
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 16px;
}
.featurecontainer.docs .featurebox img {
  display: block;
  margin: 18px 0 18px 20px;
  width: 165px;
  border-bottom: 0 solid transparent;
}
    
/*************************
* Quicklinks
*************************/
#quicklinks {
    width: 964px;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom:10px;
    background-color: rgb(153, 153, 153)
}
div#quicklinks h2 {
  padding:10px;
  padding-top:15px;
  margin:0;
  color:white;
}
#quicklinks ul{
  margin-top:0;
  float:left;
  list-style:none;
  margin-left:0;
  padding-left:2em;
  margin-right:20px;
}
#quicklinks ul ul{
  padding-left:1em;
  margin-top:7px;
  float:none;
}
#quicklinks ul li a{
  color:white;
}
#quicklinks ul li a{
  font-weight:bold;
}
#quicklinks ul li li a{
  font-weight:normal;
}
/*************************
* Footer
*************************/
#footer_home {
    width: 964px;
    height: 72px;
    margin-left: 0px;
      background-image:url(/css/bg_footer_ribbon_home.jpg);
      background-repeat:no-repeat;
      background-position:top;
      margin-left: 0px;
      margin-right: 10px;
      font-size:10px;
      color:white;
      border-bottom: 10px solid #FFFFFF;
}
#footer_home a {
  color:white;
}
#footer {
    width: 964px;
    height: 72px;
      margin-left: 0px;
      background-image:url(/css/bg_footer_ribbon.jpg);
      background-repeat:no-repeat;
      background-position:top;
      margin-left: 0px;
      margin-right: 10px;
      font-size:10px;
      color:white;
      border-bottom: 10px solid #FFFFFF;
}
#footer a {
  color:white;
}
#call {
     /*  border-left:1px solid #666666;*/
       width:160px;
     height:67px;
     color:#FFFFFF;
     font-size:11px;
     font-weight:bold;
     padding-left:0px;
     padding-right:0px;
     text-align:center;
     text-transform: uppercase;
 }
#footerlinks {
     height:50px;
     text-align:center;
 }
 #footerlogo {
     width:400px;
     text-align:right;
 }
 #footerlogo img {
     margin: 10px 10px 10px 0px;
 }
#privacy {
     width:500px;
     margin-right: 10px;
     margin-top: 10px;
 }
#privacy ul {
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 4px;
    margin-top: 6px;
}
#privacy li {
    font-size:10px;
    color:#FFFFFF;
    display: inline;
    padding-left: 6px;    /*removed some unnecessary css */
    padding-right: 5px;
    border-left: 1px solid #FFFFFF;
}
#privacy li.footerlast {
    border-right: 1px solid #FFFFFF;
}
#privacy a:link{
    color: #FFFFFF;
    text-decoration: none;
}
#privacy a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
#privacy a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
#privacy a:active {
    color: #FFFFFF;
    text-decoration: none;
}
#copyright {
     font-size:9px;
     color:#c0c0c0;
     margin-left: 0px;
     margin-top: 8px;
}
#disclaimer {
  float:right;
  margin-right:10px;
  margin-top: -12px;
}
#disclaimer ul {
    list-style-type: none ;
    float: right;
}
#disclaimer li {
    font-size:10px;
    color:#FFFFFF;
    display: inline ;
    padding-left: 10px;
    padding-right: 7px;
    border-left: 1px solid #FFFFFF;
}
#disclaimer a:link{
    color: #FFFFFF;
    text-decoration: none;
}
#disclaimer a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
#disclaimer a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
#disclaimer a:active {
    color: #FFFFFF;
    text-decoration: none;
}
/*************************
* Login Area
*************************/
#loginArea {
  height:108px;
  width:434px;
  background:url(/css/login_bg.png) right no-repeat;
  color:black;
  float:right;
}
#loginArea input.styled {
  border:1px solid gray;
  width:160px;
  height:14px;
}
#loginArea a {
  color:black;
}
#loginArea a:hover {
  color:rgb(204, 0, 0);
}
#loginArea table {
  margin-top:14px;
  margin-left:21px;
  margin-right:10px;
}
#loginArea table td {
  padding:4px 7px;
}
 
#supplierlogos {
    width: 774px;
    margin-top: 15px;
    padding-top: 14px;
/*    border-top: dashed 1px #E6E6E6; */
}
#supplierlogos img {
    margin-right: 7px;
    margin-bottom: 7px;
}
 
#promotable {
    font-size:10px;
    width: 770px;
}
#promotable h4{
    font-size:11px;
    font-weight:bold;
    margin-bottom:10px;
}
#promotable p{
    margin-bottom:7px;
    margin-top: 0px;
}
#promotable td{
    border-bottom: 1px dashed #CCCCCC;
    padding-bottom: 10px;
    padding-top: 10px;
}
/*************************
* Landing Page Teaser Text
*************************/
.teaser {
    width:350px;
    height: 100px;
    margin-right: 25px;
    margin-bottom:25px;
    background-color:#FFFFFF;
    float: left;
}
.teaser:hover {
    background-color:#EBEFFC;
}
.teaser a:hover {
    color: #0066CC;
}
.teaser img {
    width: 90px;
    height:90px;
    float:left;
    margin-right: 10px;
}
.teasertext {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    float:left;
}
.teasertext h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-size:15px;
    font-weight:bold;
    margin-bottom: 5px;
    margin-top:5px;
}
.teasertext p {
    font-size:11px;
    font-weight:normal;
    margin-top: 7px;
    text-align:left;
    padding-right:10px;
}
.teasertext a {
    display:block;
    width: 350px;
    height: 100px;
    text-decoration:none;
    color:#666666;
    padding: 5px;
}
.teasertext a:hover {
    color: #006699;
    text-decoration:none;
}
.teaserh6 {
    font-size:15px;
    font-weight:bold;
    margin-bottom: 5px;
    margin-top:5px;
    display:block;
}
.tt {
	box-sizing: border-box;
	margin-top: 0;
	padding-right: 10px;
	width: 240px;
	float: left;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	line-height: 15px;
	color: #53565A;
}
.seventeaser {
    width: 100px !important;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
}
.seventeaser #teasertext {
    width: 100px !important;
    height: 100px !important;
}
.seventeaser h6,
.seventeaser .tt {
    display: none !important;
}
#promoteaser {
    width:725px;
/*    min-height: 100px; */
    margin-right: 25px;
    margin-bottom:20px;
    background-color:#FFFFFF;
    border-bottom: 1px dashed #E6E6E6;
}
#promoteaser:hover {
    background-color:#EBEFFC;
}
#promoteaser a:hover {
    color: #0066CC;
    cursor: pointer;
}
#promoteasertext {
    margin-bottom:5px;
    padding: 5px; 
    border-bottom: 1px dashed #E6E6E6;
}
#promoteasertext p {
    font-size:11px;
    line-height: 120%;
    margin-bottom: 0px;
}
#promoteasertext h3{
    font-size: 18px;
    font-weight:bold;
    color:#FF6600;
    margin-top: 0px;
    margin-bottom: 2px;
}
#promoteasertext h5{
    font-size: 13px;
    font-weight:bold;
    font-style:oblique;
    color:#666666;
    margin-top: 0px;
    margin-bottom: 7px;
}
#promoteasertext img{
    margin-right: 10px;
}
#promoteasertext a:hover {
    color: #006699;
    cursor: pointer;
}
#promoteasertext ul {
    margin: 0;
    padding: 0;
    margin-left: 3px;
    padding-left: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#promoteasertext li {
    list-style: none;
    font-size:11px;
    line-height: 130%;
/*    color:#666666; */
    background: url(/css/orange_bullet_white_arrow.png) no-repeat left top;
    padding-left: 15px;
    margin-bottom: 5px;
    margin-right: 10px;
}

#hrteaser {
    width: 760px;
    overflow: auto;
}    

#hrteasernotext {
    clear: both;   
}  

#hrteasertext {
   width: 200px; 
   padding: 2px;
   padding-bottom: 5px;
   margin-right: 45px;
   margin-bottom: 25px;
   float: left;
}

#hrteasertext h6 {
   font-family: Arial, Helvetica, sans-serif; font-size:15px;
   font-weight: bold;
   font-size:16px;   
   color: #777777; 
   margin-bottom: 5px;
   margin-top: 5px;
   padding-left: 5px;
}

#hrteasertext:hover {
   background-color: #EBEFFC;
}

#hrteasertext a {
   display: block;
   text-decoration: none; 
   color: #777777;
}

.hrtt {
    font-size:11px;
    font-weight:normal;
    margin-top: 0px;
    text-align:left;
    padding-right:10px;
    padding-left:7px;
}

#quote {
    background-image:url(/css/quote_bg.jpg);
    background-repeat:no-repeat;
    width:200px;
    height:100px;
    margin-top: 5px;
    padding:5px;
    font-family:'Times New Roman', Times, serif;
    font-style:italic;
    font-size:18px;
    color:#777;
}

#quotename {
    font-size:10px;
    margin-top:10px;
    text-align:right;
    padding-right:10px;
}

/* -- KH ------------------------------ */
 a.baskettool {
      font-size: 11px;
      color: #003399;
      font-weight: bold;
  }
  a.baskettool:hover {
      font-size: 11px;
      color: #606060;
      font-weight: bold;
  }
  a.bigmessage, a.bigmessage:visited {
      font-size: 13px;
      color: red;
      line-height:14px;
      font-weight: bold;
   }
   a.bigmessage:hover {
       color: red;
       font-size: 13px;
       font-weight: bold;
   }
  
/* --- KH REMOVED ---------------
 h1 {
       font-size: 16px;
       color: #0066ce;
       font-weight: bold;
       margin-bottom:0em;
       padding:0em;
  }
  h2, a.big, a.big:visited, a.big:hover  {
      font-size: 13px;
      color: #0066ce;
      font-weight: bold;
      margin-bottom:0em;
      padding:0em;
  }
  h3 {
      font-size: 13px;
      color: #0066ce;
      font-weight: bold;
      font-style: italic;
      margin-bottom:0em;
      padding:0em;
  }
  h4 {
      font-size: 10px;
      color: #0066ce;
      font-weight: bold;
      margin-bottom:0em;
      padding:0em;
  }
--------------------------------------- */
  .white {
      font-size:10px;
      color: #fff;
  }
  .smallBlue {
      font-size: 10px;
      color: #0066ce;
      font-weight: normal;
  }
.bigBlue {
    font-size: 11px;
    color: #0066ce;
    font-weight: bold;
}
  .boldText {
      font-size: 10px;
      font-weight: bold;
      color: #000000;
  }
  .bigtext {
      font-size: 12px;
      color: #000000;
  }
  .bigtext a {
      font-size: 12px;
      color: #003399;
  }
  .bigtext a:hover {
      color: #606060;
      font-size: 12px;
  }
  .boldTextBig {
      font-size: 12px;
      font-weight: bold;
      color: #000000;
  }
  .message {
      color: #ff0000;
      font-size: 10px;
      font-weight: bold;
  }
  .highlighted {
      color: #f4715b;
      font-weight: bold;
}
.jit, .jit2, .jit3, .jit4 {
    background-color: inherit;
    
    font-weight: bold !important;
}
.jit, .jit a {
    color: #009900;
}
.jit2, .jit2 a {
    color: #000099;
}
.jit3, .jit3 a {
    color: #9b6000;
}
.jit4, .jit4 a {
    color: #aa0000;
}
#colorjitblockcontainer, #colorjitblockcontainer img {
    height: 18px;
    width: 18px;
    margin: 0;
    padding: 0;
}
td.jitselect a {
    display:block;
    padding:5px;
    height: 25px;
    width: 25px;
    border: 1px solid #fff;
}
td.jitselect a:hover {
    border: 1px solid #acacac;
}
.cross_search_text {
    font-size: 10px;
    font-weight: bold;
    color: #CC6633;
  }
  .break {
      color: #003399;
      font-size: 10px;
      font-weight: bold;
}
A.article, a.article:hover, a.article:visited {
    color: #006699; 
    font-size: 12px;
    font-weight: bold
}
.restricted {
    color: #ff0000;
    font-size: 10px;
    font-weight: bold;
}
A.restricted {
    color: #ff0000;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none
}
.search {
    background-color: #ffff99;
    font-style: italic;
   }
/* DIV.content {
       COLOR: #000000;
       FONT-SIZE: 11px
} */
DIV.list {
    line-height: 1.6em;
}
a.subnav, a.subnav:visited, TD.subnav a, td.subnav a:visited {
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
  }
  a.subnav:hover, TD.subnav a:hover {
      font-size: 10px;
      text-decoration: none;
      color: #ffcc00;
      font-weight: bold;
  }
  TD.subnav {
      font-size: 10px;
      font-weight: bold;
      background-color: #0000cc;
      background-image: url(/css/subnav_bg.gif);
  }
  TD.search2 {
      font-size: 10px;
      font-weight: bold;
      background-color: #e7eff7;
  }
  TD.blueHeader {
      font-size: 10px;
      font-weight: bold;
      background-color: #e0e0e0;
  }
  TD.blue {
      font-size: 10px;
      font-weight: normal;
      background-color: #e0e0e0;
  }
  TD.yellowHeaderText {
      font-size: 20px;
      font-weight: normal;
      color: #eab200;
      line-height: 24px;
  }
  TD.defaultGray {
      font-size: 10px;
      font-weight: normal;
      background-color: #CCCCCC;
  }
  TD.catalogSubHeader {
      font-size: 10px;
      font-weight: normal;
      background-color: #ffffff;
  }
  TD.lightGray {
      font-size: 10px;
      font-weight: normal;
      background-color: #edf0f1;
  }
  TD.aws {
      font-size: 10px;
      font-weight: normal;
      background-color: pink;
  }
  TD.basketRow {
      font-size: 10px;
      font-weight: normal;
      background-color: #edf0f1;
      height: 30px;
  }
  TD.lineComments {
      font-size: 10px;
      font-weight: normal;
      background-color: #ffffff;
      height: 10px;
  }
  TD.footer {
      color: #bbbbbb;
  }
  TD.bigfooter {
      color: #bbbbbb;
      font-size: 11px;
  }
  TD.right {
      background-color: #e0e0e0;
      padding: 5px;
}
TD.workflow {
    font-size:10px;
  }
  TR.thinBlack {
      background-color: #000000;
      background-image: url(/css/search_pixel.gif);
      height: 1px;
  }
  .thinGray {
      BACKGROUND-COLOR: #bbbbbb;
}
.tableMyAccount {
    border-width: thin;
    border-style: solid;
    border-color: #e0e0e0;
}
table.results {
    border:solid 1px #666666;
    padding: 2px;
}
table.supplier {
    border:solid 1px #666666;
    padding: 2px;
}
.t1 {
    font-size: 18pt;
    font-weight: normal;
    color: #999999;
    font-style: normal;
}
.t2 {
    font-size: 18pt;
    font-weight: 700;
    color: #003399;
}
.borderfurniture {
    border: 1px solid #6699CC;
}
.borderlife {
    border: 1px solid #006666;
}
.borderlogin {
    border: 1px solid #999999;
}
.borderlogin2 {
    border-top: 1px none #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
}
.borderchems {
    border: 1px solid #FF9900;
}
.articlehead {
    font-size: 16px;
    font-weight: bold;
}
.bordersep {
    border: 1px solid #003399;
}
.bordersafety {
    border: 1px solid #CCCC00;
}
.articlehead2 {
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
}
.borderlife2 {
    border-top: 1px none #003399;
    border-right: 1px solid #003399;
    border-bottom: 1px solid #003399;
    border-left: 1px solid #003399;
}
.borderfurniture2 {
    border-top: 1px none #339900;
    border-right: 1px solid #339900;
    border-bottom: 1px solid #339900;
    border-left: 1px solid #339900;
}
.borderchems2 {
    border-top: 1px none #FF6600;
    border-right: 1px solid #FF6600;
    border-bottom: 1px solid #FF6600;
    border-left: 1px solid #FF6600;
}
.bordersep2 {
    border-top: 1px none #3399CC;
    border-right: 1px solid #3399CC;
    border-bottom: 1px solid #3399CC;
    border-left: 1px solid #3399CC;
}
.bordersafety2 {
    border-top: 1px none #CC0000;
    border-right: 1px solid #CC0000;
    border-bottom: 1px solid #CC0000;
    border-left: 1px solid #CC0000;
}
.bordersearch {
    border-top: 1px none #757575;
    border-right: 1px solid #757575;
    border-bottom: 1px solid #757575;
    border-left: 1px solid #757575;
}
.strap {
    font-size: 16pt;
    font-style: italic;
    font-weight: bold;
}
.subnav {
    font-size: 8pt;
    font-weight: bold;
    color: #FFFFFF;
}
.borderpromo {
    border-top: 1px solid #003399;
    border-right: 1px none #003399;
    border-bottom: 1px none #003399;
    border-left: 1px none #003399;
}
.borderprogram {
    border: 1px solid #646496;
}
.borderpromo2 {
    border: 1px solid #999999;
}
ul.refinement {
    text-align: left;
    margin-left: 8px;
    padding-left: 8px;
}
li.refinementValues, li.refinementValues a { 
    text-align: left;
    text-decoration: none;
    color: #666666;
    list-style-image: url(/css/arrow_bullet.gif);
    margin-top: 1px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 0px;
}
.refinement, td.refine {
    text-decoration: none;
    color: #666666;
    margin-top: 2px;
}
TD.searchoff a, td.searchoff a:visited {
    font-size: 9pt;
    color: white;
    text-decoration: none;
    background-color: #9b9b9b;
  }
  TD.searchoff a:hover {
      font-size: 9pt;
      text-decoration: none;
      color: white;
      background-color: #9b9b9b;
  }
  TD.searchoff {
      font-size: 9pt;
      color: white;
      background-color: #9b9b9b;
      text-decoration: none;
  }
  TD.searchon a, td.searchon a:visited {
      font-size: 9pt;
      color: #003366;
      font-weight: bold;
      text-decoration: none;
      background-color: #e7e7e7;
  }
  TD.searchon a:hover {
      font-size: 9pt;
      text-decoration: none;
      color: #003366;
      font-weight: bold;
      background-color: #e7e7e7;
  }
  TD.searchon {
      font-size: 9pt;
      color: #003366;
      background-color: #e7e7e7;
      text-decoration: none;
      font-weight: bold;
  }
  .productPageTitle {
      color: #003399;
      font-size: 14px;
      font-weight: bold;
      font-variant: small-caps;
}
.error {
    font-weight: bold;
    color: #990000;
}
th.productGroupingHeader {
    background-color: #E9B200;
    font-weight: bold;
    padding: 1px;
}
th.productHeader {
    background-color: #0064C8;
    color:#FFFFFF;
    font-weight: bold;
    padding: 3px;
    text-align:left;
}
th.productHeader a {
    color:#ffffff;
}
table.productGrid {
    width: 100%;
    padding: 1px;
    border: none;
    margin-left: auto;
    margin-right: auto;
}
td.productGridYellow {
    background-color: #ffff99;
    font-style: italic;
    font-family: inherit;
    font-weight: inherit;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    max-width: 20%;
}
td.productGrid {
    background-color: inherit;
    font-family: inherit;
    font-weight: inherit;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    max-width: 20%;
}
td.productGridCenter {
    background-color: inherit;
    font-family: inherit;
    font-weight: inherit;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    white-space: nowrap;
}
td.productGrid img {
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}
tr.productGrid {
    background-color: #e2e2e2;
    text-align: center;
    visibility: inherit;
}
tr.productGrid-restricted {
    background-color: #e2e2e2;
    text-align: center;
    color: #ff0000;
    font-weight: bold;
}
tr.productGrid-jit {
    background-color: #e2e2e2;
    text-align: center;
    color: #009900;
    font-weight: bold;
}
tr.productGrid-highlighted {
    background-color: #e2e2e2;
    text-align: center;
    color: #CC6633;
    font-weight: bold;
}
tr.search-restricted {
    background-color: #FFFF99;
    font-style: italic;
    text-align: center;
    color: #ff0000;
    font-weight: bold;
}
tr.search-jit {
    background-color: #FFFF99;
    font-style: italic;
    text-align: center;
    color: #009900;
    font-weight: bold;
}
tr.search-highlighted {
    background-color: #FFFF99;
    font-style: italic;
    text-align: center;
    color: #CC6633;
    font-weight: bold;
}
.inactive {
    color: #b6b6b6;
}
.sectionHeader {
     font-family:Arial, Helvetica, sans-serif;
     font-size: 22px;
     font-weight:normal;
     color:#495676;
     margin-top: 0px;
     margin-bottom: 10px;
}
.warning {
    background-color: white;
    text-align: center;
    color: red;
    font-weight: bold;
}
.warning2 {
    text-align: center;
    color: red;
    font-weight: bold;
}
tr.basketHeader {    
    font-weight: bold;  
    text-align: center;    
   }
   td.basketHeader {
       background-color: #F5F5F5;
       margin-left: 2px;
       margin-right: 2px;         
       border-top: 1px solid #B5B5B5;
       border-left: 1px solid #B5B5B5;
       border-bottom: 1px solid #B5B5B5;
       font-weight: bold;
       font-size: 10px;  
   }
   TR.basketButtons {           
       background-color: #F5F5F5;
       height: 35px;    
   }
   TD.basketButtons { 
       height: 35px; 
       background-color: #F5F5F5;
       text-align: center;     
       margin-left: 2px;
       margin-right: 2px;    
       border-top: 1px solid #B5B5B5;
       border-left: 1px solid #B5B5B5;
       border-bottom: 1px solid #B5B5B5;        
   }
   TD.basketLastButton{
       height: 35px; 
       background-color: #F5F5F5;
       text-align: center;     
       margin-left: 2px;
       margin-right: 2px;    
       border-top: 1px solid #B5B5B5;
       border-left: 1px solid #B5B5B5;
       border-right: 1px solid #B5B5B5;
       border-bottom: 1px solid #B5B5B5; 
}   
td.shoppingBasketHeader{
/*    border-bottom: 2px solid #CCCCCC; */
    color: #006699;
    font-weight: normal;
    font-family:  arial, helvetica, sans-serif;
    font-size: 22px;
    padding-left: 2px;   
   }
   .auxillaryProductRow{
       border-bottom: 2px dotted #B5B5B5;
}
td.auxillaryProductHeader {    
    font-weight: bold;  
    text-align: left;
    background-color: #F5F5F5;
   }
   td.articlesDivider{
       border-bottom: 1px solid #B5B5B5;
   }
   td.whiteDivider{
       border-bottom: 1px solid #FFFFFF;
   }
   table.lightBorder{
       border-right: 1px solid #B5B5B5;
       border-left: 1px solid #B5B5B5;
}   
table.popUpBorder{
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
}
tr.shopListHeader {    
    font-weight: bold;  
    text-align: left;
    background-color: #B5B5B5;
   }
   td.shopListHeader {
       background-color: #B5B5B5;
       margin-left: 2px;
       margin-right: 2px;    
       border-top: 1px solid #B5B5B5;
       border-left: 1px solid #B5B5B5;
       border-right: 1px solid #B5B5B5;
       border-bottom: 2px solid #B5B5B5;
       font-weight: bold;
       font-size: 10px;  
   }
   td.shopListHeader2 {    
       font-weight: bold;  
       text-align: left;
       background-color: #B5B5B5;
   }
   tr.shopListButtons {           
       background-color: #F2F2F2;
       height: 35px;
   }
   td.shopListButtons { 
       height: 35px; 
       background-color: #F2F2F2;
       text-align: center;     
       vertical-align: middle;
       margin-left: 2px;
       margin-right: 2px;    
       border-top: 1px solid #B5B5B5;
       border-left: 1px solid #B5B5B5;
       border-bottom: 1px solid #B5B5B5;
       padding-left: 5px;
       padding-right: 5px;
}
.checkoutForm {
    width: 100%;
}
.checkoutFormTable {
    width: 100%;
    height: 100%;
}
.checkoutSection {
    border-color : #CCCCCC;
    border-style : solid;
    border-width : thin;
    vertical-align: top;
    background-color : #F0F0F0;
    color : #000000;
    margin-left: 0px;
    margin-right: 10px;
  }
  .checkoutSectionHeader {
      background-color : #999999;
      color : #ffffff;
      font-size : 12px;
      text-align : left;
      font-weight : bold;
      font-variant : small-caps;
      padding: 1px;
      padding-bottom: 4px;
      margin: 1px;
  }
  .checkoutGrid {
      width: 100%;
}
.checkoutGrid td {
    vertical-align: top;
    color : #000000;
  }
  .checkoutGridHeader {
      background-color : #DCDCDC;
      font-weight: bold;
      text-align: center;
      font-size: 10px;
      vertical-align: bottom;
  }
  .checkoutSummary {
      margin-top: 0px;
      padding-top: 0px;
      margin-left: 5px;
      margin-right: 5px;
      padding-right: 10px;
      float: right;
      width: 100%;
}
.orderTotal {
    background-color: #ffffcb;
    border-color : #CCCCCC;
    border-style : solid;
    border-width : thin;
}
.pageTitle {
    color : #656565;
    font-size : 24px;
    padding-left: 10px;
}
.warehouseGridTable {
    width: 100%;
    font-size: 10px;
    border: thin solid #dcdcdc;
}
.warehouseGridTable th {
    background-color : #DCDCDC;
    font-weight: bold;
    text-align: center;
    font-size: 10px;
    border: thin solid #dcdcdc;
    vertical-align: bottom;
}
.warehouseGridTable td {
    background-color: white;
    font-size: 10px;
    border: thin solid #dcdcdc;
}
.gridTable {
    width: 100%;
    font-size: 10px;
}
.gridTable th {
    background-color : #DCDCDC;
    font-weight: bold;
    text-align: center;
    font-size: 10px;
    vertical-align: bottom;
}
.gridTable td {
    background-color: white;
    font-size: 10px;
}
tr.editProfileHeader {    
    font-weight: bold;  
    text-align: left;
    background-color: #B5B5B5;
   }
   TR.listSummaryButtons {           
       background-color: #F5F5F5;
       height: 35px;    
   }
   TD.listSummaryButtons { 
       height: 35px; 
       background-color: #F5F5F5;
       text-align: center;     
       margin-left: 2px;
       margin-right: 2px;    
       border-top: 1px solid #B5B5B5;
       border-left: 1px solid #B5B5B5;
       border-bottom: 1px solid #B5B5B5;        
   }
   TD.listSummaryLastButton{
       height: 35px; 
       background-color: #F5F5F5;
       text-align: center;     
       margin-left: 2px;
       margin-right: 2px;    
       border-top: 1px solid #B5B5B5;
       border-left: 1px solid #B5B5B5;
       border-right: 1px solid #B5B5B5;
       border-bottom: 1px solid #B5B5B5; 
} 
.browseCatalogTrail {
    font-size: 12px;
    font-weight: bold;
    padding-left: 10px;
}
.browseCatalogNodes {
    font-size: 10px;
    font-weight: normal;
    padding-left: 10px;
}
.altPopup {
    font-size: 10px;
    font-weight: normal;
}
.normal {
    font-weight: normal;
    color: black;
}
.requiredField {
    font-weight: bold;
    color: black;
}
/* added by GB - Box inside templates */
#box {
    width:700px;
    border: 1px solid #FFD481;
    background-color: #FFF2D9;
}
#box tr {
    padding: 2px;
}
#box th {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FE0000 ; 
    background-color: #FFE7B9;
    padding: 5px;
    text-align: left;
    text-transform: uppercase;
}
#box td {
    font-size: 11px;
    vertical-align: top;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 5px;    
}
#box_promo {
    width:700px;
    border: 1px solid #FFD481;
    background-color: #FFF2D9;
}
#box_promo th {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FE0000 ; 
    background-color: #FFE7B9;
    padding: 7px;
/*    padding-left:7px; */
    text-align: left;
}
#box_promo td {
    font-size: 10px;
    padding: 3px;
    padding-left: 7px;
    background-color: #FFFAEC;
}
#box_promo td.line {
    border-bottom: 1px dotted #FFD481;
}
#box_promo td.red {
    font-size: 10px;
    font-weight:bold;
    color:#FF0000;
/*    background-color:#FF0000; */
    padding:3px;
}
#box_promo td.comment {
    font-size: 9px;
    color:#666666;
    background-color: #FFFFFF;
    padding:5px;
}
/* #copyright {
    width: 200px;
    margin-top:38px;
    margin-left: auto;
    margin-right: auto;
} */
 
#mlp_image {
    width:382px;
    /*height:228px;*/
    /*background-color:#B0C2DB;*/
}
#mlp_info {
    width:380px;
    height: auto;
/*    background-color:#E6E6E6; */
    margin-top:10px;
    margin-bottom: 10px;
    border: 1px solid #B0C2DB;
}
#mlp_info h1{
    background-image: url(/css/mlp_hd_bg5.jpg);
    background-repeat:no-repeat;
    background-position: top left;
    margin-bottom:5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold; 
    color:#495676;
    height:27px;
    padding-left: 9px;
    padding-top: 5px;
}
#mlp_info p{
    padding-left: 9px;
    padding-right: 9px;
    margin-top:0px;
    margin-bottom: 9px;
    font-size:11px;
}
#mlp_info td{
    padding-bottom: 7px;
    font-size: 11px;
}
#mlp_news {
    width:380px;
    height:100px;
/*    background-color:#E6E6E6; */
    margin-bottom: 10px;
    border: 1px solid #B0C2DB;
}
#mlp_news h1{
    background-image: url(/css/mlp_hd_bg5.jpg);
    background-repeat:no-repeat;
    background-position: top left;
    margin-bottom:5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold; 
    color:#495676;
    height:27px;
    padding-left: 9px;
    padding-top: 5px
}
#mlp_news p{
    padding-left: 9px;
    padding-right: 9px;
    margin-top:0px;
    margin-bottom: 9px;
    font-size:11px;
}
#mlp_new {
    width:380px;
    height:100px;
/*    background-color:#E6E6E6; */
    margin-bottom: 11px;
    border: 1px solid #B0C2DB;
}
#mlp_new h1{
    background-image: url(/css/mlp_hd_bg5.jpg);
    background-repeat:no-repeat;
    background-position: top left;
    margin-bottom:5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold; 
    color:#495676;
    height:27px;
    padding-left: 9px;
    padding-top: 5px
}
#mlp_new p{
    padding-left: 9px;
    padding-right: 9px;
    margin-top:0px;
    margin-bottom: 9px;
    font-size:11px;
}
#mlp_vp {
    width:378px;
    /*height:226px;*/
    /*background-color: #E6E6E6; 
    border: 1px solid #B0C2DB;*/
}
#mlp_vp h1{
    /*background-image: url(/css/mlp_hd_bg5.jpg);
    background-repeat:no-repeat;
    background-position: top left;*/
    margin-bottom:5px;
    font-size:16px;
    font-weight:700; 
    color: #495676;
    height:27px;
    padding-left: 9px;
    padding-top: 0px
}
#mlp_vp p{
    padding-left: 9px;
    padding-right: 9px;
    margin-top:0px;
    margin-bottom: 9px;
    font-size: 13px;
}
#mlp_vp p.b{
    font-weight:bold;
}
#mlp_vp ul{
    margin: 0;
    margin-left: 9px;
    padding-left: 3px;
    padding-bottom:10px;
    list-style: none;
}
#mlp_vp li {
	background-position: -49px -347px;
	background-repeat: no-repeat;
    line-height: 130%;
    padding-left: 15px;
    margin-top: 0;
    margin-bottom: 3px;
    font-size: 11px;
}
#mlp_markets {
    width:378px;
/*    height:150px; */
/*    background-color: #E6E6E6; */
    margin-top: 10px;
/*    margin-bottom:10px; */
    border: 1px solid #B0C2DB;
}
#mlp_markets h1{
    background-image: url(/css/mlp_hd_bg5.jpg); 
    background-repeat:no-repeat;
    background-position: top left;
    margin-bottom:5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold; 
    color:#495676;
    height:27px;
    padding-left: 9px;
    padding-top: 5px
}
#mlp_markets p{
    padding-left: 9px;
    padding-right: 9px;
    margin-top:0px;
    margin-bottom: 9px;
    font-size:11px;
}
#mlp_markets ul{
    margin: 0;
    margin-left: 9px;
    padding-left: 3px;
    padding-bottom:10px;
    list-style: none;
}
#mlp_markets li {
	background-position: -49px -347px;
	background-repeat: no-repeat;
    line-height: 130%;
    padding-left: 15px;
    margin-top: 0;
    margin-bottom: 3px;
    font-size: 11px;
}
#mlp_promo {
    width:378px;
    height: auto;
/*    background-color: #E6E6E6; */
    margin-top:10px;
    margin-bottom:10px;
    border: 1px solid #B0C2DB;
}
#mlp_promo li{
	background-position: -49px -347px;
	background-repeat: no-repeat;
    line-height: 130%;
    padding-left: 15px;
    margin-top: 0;
    margin-bottom: 3px;
    font-size: 11px;
}
#mlp_promo p{
    padding-left: 9px;
    padding-right: 9px;
    margin-top:0px;
    margin-bottom: 9px;
    font-size:11px;
}
#mlp_promo ul{
    margin: 0;
    margin-left: 0px;
    padding-left: 0px;
    padding-bottom:10px;
    list-style: none;
}
#mlp_promo li{
/*    display:block;  */
/*    float:left; */
    background: url(/css/orange_square6.png) no-repeat left top;
    line-height: 130%;
    padding-left: 15px;
    margin-top: 0;
    margin-bottom: 3px;
    font-size: 11px;
}
#mlp_partners {
    width:772px;
/*    height:100px; */
/*    background-color: #E6E6E6; */
    margin-bottom:10px;
    border-bottom: 1px dashed #B0C2DB;
}
#mlp_partners h1{
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
/*    font-weight:bold; */
    color: #495676;
    border-top: 1px dashed #B0C2DB;
    padding-top: 7px;
    margin-top: 20px; 
    margin-bottom: 10px;
}
#mlp_partners img {
    margin-top: 0px; 
    padding-bottom: 10px; 
}
#mlp_table {
    width:500px;
/*    background-color:#E6E6E6; */
    margin-left: 10px;    
    margin-top:0px;
    margin-bottom: 10px;
/*    border: 1px solid #B0C2DB; */
}
#mlp_table td{
    font-size:11px;
    border-bottom: 1px dotted #DCDCDC;
    padding:3px;
    padding-left: 0;
    vertical-align:top;
}
#mlp_table td.last{
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 5px;
}
#mlp_table h1{
    height: 25px;
    font-size:14px;
    font-weight:bold;
    color: #495676;
    text-transform: uppercase;
    margin-bottom: 5px;
    border-bottom: 2px solid #E6E6E6;
    margin-top:0;
}
/*
    background-image: url(/css/mlp_hd_bg5.jpg);
    background-repeat:repeat-x;
    background-position: top left;
    margin-bottom:5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold; 
    color:#495676;
    height:27px;
    padding-left: 9px;
    padding-top: 5px;
}sec */
#mlp_table p{
    padding-left: 9px;
    padding-right: 9px;
    margin-top:0px;
    margin-bottom: 9px;
    font-size:11px;
}
#mlp_table td{
    padding-bottom: 7px;
    font-size: 11px;
}
#cta_btn td.first {
    padding-left: 10px;
    font-size:11px;
}
#cta_btn td.left {
    background-image: url(/css/ctag_l.png);
    background-repeat: no-repeat;
    background-position: right;
    width: 23px;
    height: 35px;
}
#cta_btn td.right {
    background-image: url(/css/ctag_r.png);
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    width: 12px;
    height: 35px;
}
#cta_btn td.middle {
    background-image: url(/css/ctag_m.png);
    background-repeat: repeat-x;
    height: 35px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight: bold;
    color: #F0F0F0;    
    padding-left: 5px;
    padding-right: 5px;
}
#btntext {
    margin: 0px;
    padding-bottom: 5px;
}
#btntext a {
    color: #F5F5F5;
    text-decoration:none;
    display:block;
}
#btntext a:visited {
    color: #F5F5F5;
    text-decoration:none;
}
#btntext a:hover {
    color: #FFCC00; 
    text-decoration:none;
}
#btnorangecentre {
    background-image:url(/css/btn_orange_centre.png);
    background-repeat:repeat-x;
    background-position:top;
    height: 36px;
}
#btnorangetext a{
    height: 36px; 
    display:block;
    text-decoration:none;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight:bold;
    color: #FFF;
    padding-top: 9px;
    margin:0;
}

.h7 {
    color: #FFFFFF;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
/*  */
 
#blockteaser {
    width: 100%;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 10px;
    background-color: #fff;
    border-bottom: 1px dashed #e6e6e6;
}
#blockteasertext p {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 11px;
}
#blockteasertext h6{
    font-size: 15px;
    font-weight: bold;
    color: #0064C8;
    margin: 0;
    margin-bottom: 7px;
}
/* #blockteasertext a {
    font-size: 13px;
} */
/*#blockteasertext ul {
    margin: 0;
    padding: 0;
    margin-left: 3px;
    padding-left: 3px;
    padding-top: 0px;
    padding-bottom: 5px;
}
#blockteasertext li {
    list-style: none;
    font-size: 13px !important;
    line-height: 130%;
	background-position: -49px -347px;
	background-repeat: no-repeat;
    padding-left: 15px;
    margin-bottom: 5px;
    margin-right: 10px;
}*/
#blockteasertext li {
    color:#404040;
}
/**************************************/
/* landing page features - what's new */
/**************************************/
.landing-feature {
  float: left;
  width: 372px;
  height: 110px;
  overflow: hidden;
  margin-right: 8px;
  margin-bottom: 10px;
  background-color: #fff;
  border: 1px solid #b8b8b8;
  border-radius: 4px;
}
.landing-feature:hover {
  border: 1px solid #909090;
}
.landing-feature-body {
  float: left;
  padding: 10px;
  width: 240px;
  color: #666;
}
.landing-feature-body a {
  color: #236192;
}
.landing-feature-body p {
  margin: 0;
  padding: 0 0 3px;
}
.landing-feature-body ul {
  margin: 0;
  padding: 0;
}
landing-feature-body li {
  padding-left: 15px;
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 14px;
  list-style: none;
  background-position: -49px -347px;
  background-repeat: no-repeat;
}
.landing-feature-body li a {
  color: #666;
}
.landing-feature-body li a:hover {
  color: #333;
}
.landing-feature-body .header {
  margin-top: 0;
  margin-bottom: 5px;
  padding: 0;
  font-size: 15px;
  line-height: 17px;
  font-weight: bold;
}
.landing-feature-body .header a {
  text-decoration: none;
}
.landing-feature-img {
  float: left;
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  width: 90px;
  height: 90px;
  margin-right: 12px;
  margin-bottom: 12px;
}


/** TABLE TYPE 1 and 2************************************************************/
#orderTable1 table {
    font-size:10px;
    border: 1px solid #7999C4;
    border-left: 0;
    width: 770px;
    border-collapse: collapse;
}
#orderTable2 table {
    font-size:11px;
    border: 0px solid #7999C4;
    border-left: 0;
    width: 770px;
    border-collapse: collapse;
}
#orderTable1 h4 {
    font-size:11px;
}
#orderTable1 tr.odd {
    background-color: #FAFBF7;
}
#orderTable1 td{
    padding: 4px;
    border-left: 1px dotted #CAD7E8;
    border-bottom: 1px dotted #CAD7E8;
    border-top: 0;
/*    vertical-align:top; */
}
#orderTable1 td.desc{
    border-left: 1px solid #7999C4;
}
#orderTable1 td.atb{
    padding: 10px;
    padding-right: 4px;
    border-bottom: 0;
    border-left: 1px solid #7999C4;
}
#orderTable1 td.widthcentre{
    width:75px;
    text-align:center;
}
#orderTable1 td.widthright{
    /*width:60px;*/
    text-align:right;
}
#orderTable1 td.qty{
    width:40px;
    text-align:right;
}
#orderTable1 td.promo{
    font-weight:bold;
    color: #FF6600;
    width: 60px;
    text-align: right;
}
#orderTable1 th{
    font-weight:bold;
    color: #FFFFFF;
    text-align:left;
    border-left: 1px solid #7999C4;
    border-bottom: 2px solid #7999C4;
    padding: 4px;
    background-image:url(/css/thbg.png);
    background-repeat:repeat-x;
    background-position:left center;
    text-transform:capitalize;
}
#orderTable1 th.widthcentre{
    width: 75px;
    text-align:center;
}
#orderTable1 th.widthright{
    /*width: 25px;*/
    text-align:right;
}
#orderTable1 th.qty {
    width: 50px;
    text-align:right;
}
#orderTable2 th{
    font-family: Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:bold;
    color: #495676;
    text-align:left;
    padding: 4px;
    text-transform:capitalize;
}
#orderTable2 th.widthleft{
    text-align:left;
}
#orderTable2 th.widthright{
    /*width:60px;*/
    text-align:right;
}
#orderTable2 th.qty{
    width: 50px;
    text-align:right;
}
#orderTable2 th.widthcentre{
    width: 75px;
    text-align:center;
}
#atb {
    background-image: url(/css/atb_new.png);
    background-position: right;
    background-repeat: no-repeat;
    height: 21px;
}
#career {
    margin-bottom:21px;
}
#career a {
    color:rgb(120,120,120);
    text-decoration:none;
  }
#career a:hover {
    color:rgb(204, 0, 0);
}
#career p {
    font-size:11px;
    line-height: 120%;
    margin: 0;
    margin-bottom: 9px;
}
#career h2 {
    font-size: 14px;
    color: #495676;
    font-weight: bold;
    margin: 0;
    margin-bottom: 7px;
}
#pdf_list {
    margin-bottom:7px;
    font-size:11px;
}
#pdf_list a {
    color:rgb(120,120,120);
    text-decoration:none;
  }
#pdf_list a:hover {
    color:rgb(204, 0, 0);
}
#pdf_list p {
    font-size:11px;
    line-height: 120%;
    margin: 0;
    margin-bottom: 9px;
}
.reg {
    font-size: 8px;
    vertical-align:top;
}
 
.co2 {font-size: 8px;
    vertical-align:sub;
}
 
/** US MODIFICATION ************************************************************/
 
#topright {
  float:right;
  margin-right: -1px;
  height:auto;
  position:relative;
  width:500px;
  z-index: 1001;
}
#topright a:link{
    /*color: rgb(120, 120, 120);*/
    text-decoration: none;
}
#topright a:visited {
    /*color: rgb(120, 120, 120);*/
    text-decoration: none;
}
#topright a:hover {
    /*color: rgb(204, 0, 0);*/
    text-decoration: none;
}
#topright a:active {
    /*color: rgb(120, 120, 120);*/
    text-decoration: none;
}
#express_profile_wrapper  {
  font-family: "Averta",ver,sans-serif;
  height:25px;
  margin: 8px 10px 0 0;
  position:relative;
}
.login_box {
  font-size: 12px;
  line-height: 14px;
  margin-right: 0;
  margin-top: 2px;
  position: absolute;
  right: 0;
  text-align: right;
  top: -1px;
}
.login_box, .login_box a.fb_signin, .fb_signout, .login_box a {
  color: #e2e2e2 !important;
  font-family: "Averta";
  font-weight: 700;
}
#language_switch {
  color: #ffffff !important;
  font-size: 11px;
  position: absolute;
  right: 25px;
  text-align: right;
  top: 68px;
}
#language_switch a {
    color: #ffffff !important;
    opacity: 0.5;
    transition: all 0.3s ease-in-out 0s;
}
#language_switch a:hover {
    opacity: 1;
    text-decoration: none !important;
}
#language_switch span {
    display: inline-block;
    margin: 0 3px;
}
/*#language_switch img {
    border: 1px solid #26c281;
    border-radius: 3px;
}
#language_switch a img {
    border-color:transparent;
    opacity: .5;
}
#language_switch a:hover img {
    opacity: .8;
}*/
/*#express {
  border-left:1px solid #666666;
  color:#666666;
  font-size:10px;
  font-weight:bold;
  padding-left:7px;
  padding-right:7px;
}
#profile {
  border-left:1px solid #666666;
  color:#666666;
  font-size:10px;
  font-weight:bold;
  padding-left:7px;
}*/
#login_area {
  height:53px;
  width:500px;
}
#login_area label  {
  color:#666666;
  font-size:10px;
  padding-right:5px;
}
#login_area form {
  margin:0;
  padding:0;
}
#login_area table {
  margin:10px 0 0;
  padding:0;
}
#login_area .ftext {
  color:#666666;
  font-size:10px;
}
#logged_in {
  color:#666666;
  font-size:10px;
  margin-top:3px;
}
#logout {
  color:#666666;
  font-size:10px;
  margin-top:7px;
}
#register {
  color:#666666;
  font-size:10px;
  margin-top: -6px;
}
#register a:visited {
  color:#666666;
  text-decoration:none;
}
/*button.submitBtn {
     background-image:url(/css/btn_bg1.jpg) ;
     background-repeat: repeat-x;
  color:#FFFFFF;
  font-size:10px;
  font-weight:bold;
}*/
/*button {
  border:0 none;
  cursor:pointer;
  font-weight:bold;
  height:19px;
  margin-left:7px;
  margin-top:2px;
  padding-bottom:5px;
  #padding-bottom: 3px;
  padding-left:5px;
  #padding-left: 0px;
  padding-right:5px;
  #padding-right: 1px;
  text-align:center;
}*/
#basket_wrapper {
     background-image:url("/css/bg_basket.jpg");   
  background-position:right center;
  background-repeat:no-repeat;
  height:25px;
  margin-top:7px;
  padding-right:7px;
  width:500px;
  padding-top:1px;
}
#basket_items0 {
    border-right:1px solid #666666;
    color:#666666;
    font-size:10px;
    padding-right:7px;
    padding-left:7px;
}
#basket {
  padding-left:7px;
}
 
/** Grey Arrow:  ************************************************************/
 
#msdstips table {
    font-size:11px;
    border-bottom: solid 1px #E6E6E6;
}
#msdstips table th {
    text-align:left;
    background-color:#E6E6E6;
    font-size:12px;
    padding: 5px;
}
#msdstips table td {
    padding: 5px;
    border-bottom: dashed 1px #E6E6E6;
}
#msdstips table td.last {
    border-bottom: none;
} 
#azurlab_block h1 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#006699;
    font-weight: bold;
    margin-bottom: 7px;
    margin-top:0;
}
#azurlab_block p {
    font-size: 10px;
    color: #006699;
    margin-top:0;
    margin-bottom:7px;
}
#azurlab_block1 {
    width: 250px;
    margin-top:15px;
    border: 2px solid #006699;
    padding:5px;
}
#azurlab_block2 {
    width: 250px;
    margin-top:86px;
    border: 2px solid #006699;
    padding:5px;
    text-align:left;
}
#azurlab_block3 {
    width: 250px;
    border: 2px solid #006699;
    padding:5px;
    margin-bottom:7px;
}
#azurlab_block4 {
    width: 250px;
    margin-bottom:65px;
    border: 2px solid #006699;
    padding:5px;
    text-align:left;
}
 
.printTable {
     border: thin solid #e6e6e6;
     padding-top: 10px;
     margin-left: auto;
     margin-right: auto;
}
.printTable td {
     border: thin solid #e6e6e6;
}
 
#emb_download {
	/* background-image: url(/css/b_download.jpg); */
	/* background-repeat: no-repeat; */
	/* width: 34px; */
	/* height: 38px; */
	/* margin-top: 10px; */
	/* float: left; */
	display: none;
}
#emb_arrow { 
    background-image:url(/css/b_arrow.jpg);
    background-repeat:no-repeat;
    width:34px;
    height: 38px;
    margin-top: 10px;
    float:left;
}
#emb_check { 
    background-image:url(/css/b_check.jpg);
    background-repeat:no-repeat;
    width:34px;
    height: 38px;
    margin-top: 10px;
    float:left;
}
#emb_middle {
	/* background-image: url(/css/b_middle.jpg); */
	/* background-repeat: repeat-x; */
	float: left;
	height: 38px;
	margin-top: 10px;
	/* font-family: Arial, Helvetica, sans-serif; */
	font-size: 15px;
	/* font-weight: bold; */
	color: #FFFFFF;
	margin-bottom: 16px;
}
#emb_right {
	/* background-image: url(/css/b_right.jpg); */
	/* background-repeat: no-repeat; */
	/* width: 11px; */
	/* height: 38px; */
	/* margin-top: 10px; */
	/* float: left; */
	display: none;
}
#emb_middle a {
    display:block;
    color:#FFFFFF;
    text-decoration:none;
    padding: 9px 23px;
    background-color: #236192;
    border: 1px solid #236192;
}
#emb_middle a::before {
	content: "\2B07";
	display: inline-block;
	padding-right: 4px;
	font-size: 18px;
	font-weight: 700;
}
#emb_middle a:hover {
    color:#236192;
    background-color: #FFFFFF;
}
 
/**** Controls the content blocks on the Promotions landing page  ****/
#promoBox {
    width: 750px;
    height: 100px;
    background-image:url(/css/promo_valid_bg3.jpg);
    background-repeat:no-repeat;
    background-position:top right;
    height: 110px;
    _height:100px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #CCCCCC;
    margin-bottom: 15px;
}
#promoImage {
    width:100px;
    height:100px;
    margin-right:10px;
    float:left;
}
#promoText {
    width: 640px;
/*    height: 70px; */
    float:left;
}
#promoBox h3 { 
    font-family:Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight:normal;
    color: #0064C8;
    margin:0;
    margin-bottom: 2px;
}
#promoBox h5 { 
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#53565A;
    margin:0;
    margin-bottom: 5px;
    font-style:oblique;
}
#promoBox p {
    font-size:11px;
    margin-top:0px;
    color:#53565A;
    margin-bottom:12px;
}
#promoMoreValid {
    width: 640px;
    height: 21px;
    float:right;
}
#promoMore a{
    font-size:11px;
    float:left;
    padding-top: 3px;
}
#promoValid p{
    font-size:11px;
    font-style:oblique;
    padding-top: 3px;
    padding-right: 10px;
    float:right;
    margin: 0;
}
 
#pimwrapper {
	width: 774px;
	background: none;
	/* background-position: -1238px -244px; */
}
#pimwrapper h1,
#pimwrapper h2 {
	color: #0064C8;
	margin-top: 0px;
	margin-bottom: 12px;
}
#pimblock {
    width: 774px;
}
#pimblock h2{
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    font-weight:bold;
    color:#666666;
    padding-left: 5px;
    margin:0;
    margin-bottom:10px;
}
#pimmore {
    font-size:11px;
    text-transform: uppercase;
    padding-bottom:10px;
    padding-left:20px;
    margin:0;
    margin-left:5px;
    margin-top:15px;
    margin-bottom: 15px;
    padding-bottom:20px;
    border-bottom: 1px solid #E6E6E6;
    background-image:url(/css/magnify.png);
    background-repeat:no-repeat;
    background-position:left top;
}
#pimblock ul {
    margin: 0;
    padding: 0;
    margin-left: 5px;
    padding-left: 5px;
}
#pimblock li {
	list-style: outside;
	font-size: 13px;
	line-height: 130%;
	background: none;
	padding-left: 2px;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-left: 12px;
}
/*
#pimblock a:link {
	color: #0064C8;
	text-decoration: underline;
}
#pimblock a:hover {
	color: #236192;
	text-decoration: underline;
}
#pimblock a:visited {
    color: #0000C8;
    text-decoration: none;
}
#pimblock a:active {
    color: #0000C8;
    text-decoration:none 
}
*/
 
#key_acc_container {
    width: 964px;
    height: 700px;
    margin-left:0px;
    background-color:#E6E6E6 ;
}
#key_acc_container h3 {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight:normal;
    color:#495676;
    margin:0;
    padding-top: 20px;
    padding-left:7px;
}
#key_acc_container h2 {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight:bold;
    text-transform:capitalize;
    color:#495676;
    margin:0;
    padding-left:7px;
    padding-top: 5px;
}
#key_acc_contact {
    background-image: url(/css/section_bg.jpg);
    background-repeat:repeat-x;
    background-position: top;
    background-color:#FFFFFF;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#key_acc_contact ul {
    margin: 0;
    padding: 0;
    margin-left: 2px;
    padding-left: 2px;
    padding-top: 15px;
    padding-bottom: 10px;
}
#key_acc_contact li {
    list-style: none;
    font-size:11px;
    line-height: 130%;
	background-position: -49px -347px;
	background-repeat: no-repeat;
    padding-left: 15px;
    margin-bottom: 5px;
    margin-right: 10px;
}
#key_acc_container_content {
     margin-left:7px;
    margin-right:7px;
    margin-top:15px;
 }
#key_acc_container_content p{
    font-size:11px;
    margin:0;
    margin-bottom: 11px;
}
#key_acc_team {
    background-image: url(/css/section_bg.jpg);
    background-repeat:repeat-x;
    background-position: top;
    background-color:#FFFFFF;
    padding-bottom: 10px;
    margin-bottom: 10px;
    height:590px;
}
 
/*Everything below this point is new css created for the Global Web 3.0 NA Project */
/********************************************************
* Styles for formatting Slots and other targeted content
********************************************************/
.slotbox1 {
    background-color:#FFFFFF;
    margin-top:0px;
    margin-bottom:10px;
    padding-top: 0;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #acacac;
    border-left-color: #acacac;
}
.slotbox1 h4 {
    margin: 0px;
    font-size: 10px;
    color:#FFFFFF;
    background-color: #CCCCCC;
    line-height: 12px;
    text-transform: uppercase;
    text-align: left;
    padding: 4px 5px 4px 4px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #acacac;
    font-weight: bold;
    background-image: url(/css/bu-bg.gif);
    background-position: center left;
    background-repeat: repeat-x;
}
.slotbox1item {
    margin-top:5px;
    border-bottom: 1px solid #acacac;
}
.slotbox1item h5 {
    margin:0 5px 5px 10px;
    font-size: 11px !important;
    font-weight:bold;
    color: #333333;
}
.slotbox1item p {
    margin:5px 5px 5px 10px !important;
    font-size: 11px !important;
}
.slotbox1item p.learnmore {
    margin-left:20px !important;
}
.slotbox1item p.learnmore a {
    font-weight:bold;
    color:#003366;
    font-size: 10px !important;
}
.slotbox1item p.keytext {
    font-size: 11px !important;
}
.slotbox1item p.addtext {
    font-size: 10px !important;
    font-style:italic;
    font-weight:bold;
    margin-left:20px !important;
}
.slotbox1item p.supplier {
    font-size: 10px !important;
    font-style:italic;
    font-weight:normal;
    margin-left:20px !important;
}
.slotbox1item img {
    margin-top:5px;
    margin-bottom:5px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}
/*#maincontent .slotbox1item img {
    float:left;
    margin: 5px 8px 8px 8px;
}
#rightcolumn .slotbox1item img, #leftnavcolumn .slotbox1item img {
   display:block;
   margin:auto;
}*/
.slotbox1item ul {
    margin: 5px 5px 5px 10px;
    padding-left: 15px;
}
.slotbox1item ul li {
    font-size:10px;
    line-height: 14px;
    list-style-image: url(/css/arrow_bullet.gif);
    list-style-type: none;
    margin-bottom: 2px;
}
.slotbox1item ul li a {
    color:#333333;
}
table.sidebyside {
    border-bottom: 1px solid #acacac;
}
td.sidebyside {
    width: 50%;
    margin:0;
    padding:0;
}
td.sidebyside div.slotbox1item {
    border-bottom:0;
}
/*Slotboxes inserted in the leftnac column should be emclosed in this*/
#leftslots {
    width: 170px;
    padding: 0 5px 0px 5px;
    margin-bottom: 1em;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 0px;
}
/***************************************************
* Landing Page Teaser Text for three column layout
***************************************************/
#centercolteasers .teaser {
    width:275px;
    margin-right: 4px;
}
#centercolteasers .teasertext a {
    width: 275px;
    padding: 5px 0 3px 3px;
}
#centercolteasers .teasertext h6 {
    margin-bottom: 2px;
}
#centercolteasers .teaserh6 {
    margin-bottom: 2px;
}
/***************************************************
* UL and LI stykles for product listing pages
***************************************************/
ul.prod_listing {
}
ul.prod_listing li {
    list-style-image: url(/css/bullet_arrow_1414b.png);
    list-style-type: none;
    margin-bottom: 2px;
}
ul.prod_listing li a {
    text-decoration:none;
    color: #606060;
    font-size: 12px;
    font-weight: bold;
    color: #606060;
}
ul.prod_listing li a:hover {
    text-decoration:underline;
}
p.product_findmore {
    font-size:10px;
}
p.product_findmore a {
    text-decoration:none;
    color:#495676;
}
p.product_findmore a:hover {
    text-decoration:underline;
}
/*Styles below copied from new-styles.css 10/29/2010  -Bill McC*/
/***************************************************
* Landing Page Teaser Text for three column layout
***************************************************/
div#pgcontenthd.\3col #teaser {
    width: 272px;
    height: 100px;
    margin-right: 10px;
    margin-bottom: 25px;
    background-color: #fff;
    float: left;
}
div#pgcontenthd.\3col #teasertext a {
    display: block;
    width: 272px;
    height: 100px;
    text-decoration: none;
    color: #666;
    padding: 5px;
}
.clearsp {
    clear: both;
}
ul#nav00 li {
    float: left;
    list-style-type: none;
    margin-left: 10px;
}
/***************************************************
/* Standard Definitions
***************************************************/
.left {
    float:left;
}
.right {
    float:right;
}
.clearThis {
    clear:both;
}
.small {
}
.large {
    font-size:1em;
}
.soft {
    color:#D3D3D3;
}
.hide {
    display:none;
}
p.last {
    margin-bottom:0px;
}
.caps {
    text-transform:uppercase;
}
.\3pxheight {
    height:3px;
    padding:0;
    margin:0
}
.center {
    margin: auto auto
}
/***************************************************
* Landing Page content table styles goes here
***************************************************/
.paymenttype {
}
.paymenttype h1 {
    font-style:italic;
    font-size: 11px;
    color: #0066ce;
    font-weight: bold;
}
#conttablearea input.styled {
    border:1px solid gray;
    height:14px;
}
#conttablearea {
    width: 97%;
    border: 1px solid #acacac;
    padding:5px;
    margin-top:10px;
    margin-bottom:5px;
}
#actionbutton {
    width:100%;
    margin:0px;
    margin-bottom:10px;
    margin-top:10px;
    clear:both;
}
.actionbutton {
    width:100%;
    margin:0px;
    margin-bottom:10px;
    margin-top:10px;
    clear:both;
}
.actionbtnleft {
    text-align:left;
}
.actionbtnright {
    text-align:right;
}
.actionbtnmiddle {
    text-align:center;
}
.conttablearea_item {
    width:98%;
    margin:0 auto;
}
.checkallbox {
    text-align:right;
    padding-right: 8px;
    padding-bottom:5px;
}
#conttablearea h1 {
    font-size: 15px;
    color:#000;
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 5px 0px 5px 5px;
    background-color:#e6e6e6;
    border: 1px solid #a6a6a6;
    font-weight:bold;
}
.contenttablehead {
    font-size: 12px;
    color:#000;
    margin-top: 0px;
    margin-bottom: 0px;
    vertical-align:top;
    line-height: 26px;
    padding: 0px 0px 0px 5px;
    background-color:#e6e6e6;
    border: 1px solid #a6a6a6;
    font-weight:bold;
}
.contenttableheadright {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;    
    font-weight:bold;
    width:110px;    
    float:right;
}
.htext {
    font-size:11px; 
    font-weight:normal;
}
    
/*#conttablearea th {
    background-color:#cccccc;
    text-align:left;
}
#conttablearea tr {
    background-color:#e6e6e6;
}
#conttablearea td {
    padding: 2px;
}*/
#conttablearea hr {
    border:0;
    width:99%;
    text-align:center;
    border-bottom: 2px solid #E6E6E6;
}
.centerall {
    margin: 0 auto;
    text-align:center;
}
#conttablearea tr#nocolor {
    background-color:#ffffff;
}
#nocolor td {
    padding-left:12px;
}
.nocolors {
    background:#FFF;
}
#conttablearea p {
    padding:0;
    margin-top:2px;
}
#conttablearea p span {
    font-weight:bold;
}
#contenttabara radio {
    text-align:center;
    background-color:#900;
}
/***************************************************
* Landing Page line item  table styles goes here
***************************************************/
#lineitemtable {
    width:100%;
    margin-bottom: 12px;
}
#lineitemtable th {
    background-color:#b2d5ea;
    text-align:left;
}
#lineitemtable tr {
    background-color:#e6e6e6;
}
#lineitemtable td {
    padding: 2px;
    text-align:center;
}
#lineitemtable span {
    padding:5px;
    color:#000000;
    font-size:10px;
}
#lineitemtable input.styled {
    border:1px solid gray;
    height:14px;
}
/***************************************************
* Landing Page email notification radio buttons styles goes here
***************************************************/
#emailnottable {
    width:98%;
    margin-bottom: 12px;
    padding:5px;
}
.bld {
    font-weight: bold;
}
/***************************************************
* Error and Confirmation page style
***************************************************/
.ebtn_outter {
    background:url(/css/errorbtn_start00.jpg) left no-repeat;
    height:51px;
    width:83%;
}
.ebtn_inner {
    background:url(/css/errorbtn_end00.jpg) left no-repeat;
    float:right;
    height:51px;
    width:8px;
}
.ebtn_text {
    float:left;
    padding-left:45px;
    padding-top:25px !important;
    font-weight:bold;
    color:#ff0107;
}
.cbtn_outter {
    background:url(/css/confirmbtn_start00.jpg) left no-repeat;
    height:51px;
    width:83%;
}
.cbtn_inner {
    background:url(/css/confirmbtn_end00.jpg) left no-repeat;
    float:right;
    height:51px;
    width:8px;
}
.cbtn_text {
    float:left;
    padding-left:45px;
    padding-top:15px;
    font-weight:bold;
    color:#00b050;
}
.plaintable {
    width:99%;
    border: 1px solid #b2b2b2;
    margin: auto auto;
}
.cleartable {
    width:98%;
    border: none;
    margin: 1px 1px;
}
.cleartable h1 {
    font-size: 11px;
    color: #0066ce;
    font-weight: bold;
    text-align:left;
}
.plaintable h1 {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 15px;
    color:#000;
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 5px 0px 5px 5px;
    background-color:#e6e6e6;
    border: 1px solid #a6a6a6;
    font-weight:bold;
}
.plaintable th {
    background-color:#e6e6e6;
    border-bottom: 1px solid #b2b2b2;
    text-align:left;
    padding-left: 5px;
}
.plaintable td {
}
.plaintable tr {
    background-color:#fff;
    background:none;
}
.plaintableitems {
    width:98%;
}
.plaintable input.styled {
    border:1px solid gray;
    width:160px;
    height:14px;
}
.required {
    color:#F00;
}
.grayrule {
    border:0;
    border-bottom: 2px solid #e6e6e6;
}
.tabselect {
    border:1px solid #CCCCCC;
    font-size:11px;
    height:18px;
}
.myaccounttble {
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    text-transform:uppercase;
}
.bigBlueItlaics {
    font-style:italic;
    font-size: 11px;
    color: #0066ce;
    font-weight: bold;
}
/***************************************************
* myaccountinfo page table styles
***************************************************/
.tableleft {
    background-image:url(/css/table_leftcorner.gif);
    background-repeat:no-repeat;
    height:15px;
    width:16px;
}
.tabletohrline {
    background-image:url(/css/table_hrline.gif);
    background-repeat:repeat-x;
    height:15px;
}
.tabletovrline {
    background-image:url(/css/table_hrvline.gif);
    background-repeat:repeat-y;
    width:16px;
}
.tabbgcorner {
    background-image:url(/css/table_btmcorner.gif);
    background-repeat:no-repeat;
    height:15px;
    width:16px;
}
.chatbar {
    width:100%;
}
.chatbar input {
    float:right;
    margin-right:0px;
    width:66px;
    padding:3px;
}
.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #e7e7e7 url(images/ui-bg_flat_75_ffffff_40x100.png);
}
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}
.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #fff url(images/ui-bg_highlight-soft_75_cccccc_1x100.png);
}
.ui-widget-header { 
    /*border-bottom: 1px solid #aaaaaa{borderColorHeader};*/
    border:0px;
    background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
}
/***************************************************
* header banner and chat area elements
***************************************************/
#checkouthead {
    width: 100%;
    position:relative;
    clear:both;
}
#checkoutheadleft {
    width: 60%;
    float:left;
}
#checkoutheadright {
    width: 40%;
    float:left;
}
#checkoutheadright ul {
    list-style-type: none;
    list-style:none;
    list-style-image:none;
}
/***************************************************
* Checkout Breadcrumb style
***************************************************/
.fbannertop {
    width:400px;
    border:1px solid #969696;
    background:#e7e5e5;
    text-align:center;
    height:50px;
}
#breadcrumbs {
    height:1.5em;
    list-style-type:none;
    padding:0;
    margin:0;
    float:right;
    height:50px;
    width:380px;
    color:#305581;
    margin-top:5px;
}
#breadcrumbs a {
    color:#305581;
    display:block;
    text-decoration:none;
    padding:0 3px 0px 0px;
    list-style-type:none;
}
#breadcrumbs a:visited {
    color:#979797;
    list-style-type:none
}
#breadcrumbs a:hover, #breadcrumbs li a:focus {
    text-decoration:underline;
    color:#878787;
    list-style-type:none
}
#breadcrumbs ul {
    list-style-type: none;
    list-style:none;
    list-style-image:none;
    padding-top:25px;
    padding-right:10px;
}
#breadcrumbs li {
    float:left;
    line-height:1.5em;
    padding-left:0.5em;
    color:#CCC;
    list-style-type: none;
    list-style:none;
    list-style-image:none !important;
}
ul#breadcrumbs li {
    float:left;
    line-height:1.5em;
    padding-left:0.2em;
    color:#CCC;
    list-style-type: none;
    list-style:none;
    list-style-image:none !important;
    background:#9F6;
}
#breadcrumbs li a {
    color:#305581;
    display:block;
    text-decoration:none;
    padding:0 3px 0px 0px;
    list-style-type:none;
}
#breadcrumbs li a:visited {
    color:#979797;
    list-style-type:none
}
#breadcrumbs li a:hover, #breadcrumbs li a:focus {
    text-decoration:underline;
    color:#878787;
    list-style-type:none
}
.cpage {
    color:#C30;
    color:orange;
    text-transform:uppercase;
    font-weight:bold;
    list-style-type:none;
    text-decoration:underline;
}
.whitecolr {
    background:none;
    background:#FFF;
    text-align:left;
}
.rtext {
    padding-left:0px;
    padding-bottom:0px;
    color:#000;
    font-weight:bold;
    vertical-align:bottom;
}
.smallfieldcell select {
    background-color: #D7E5F2;
    color: #102132;
    border: 1px solid #284279;
}
.linegray {
    border:0;
    border-bottom:1px solid #E6E6E6;
}
/***************************************************
* Expand collapse tables
***************************************************/
#expcoltable {
    width:750px;
    float:left;
    vertical-align:top;
    margin-left:-1px;
}
/*#expcoltable.tbstyle
{
    width:100%;
    height:25px;     
    background-color:#DDD;
}*/
.treeview ul { /*CSS for Simple Tree Menu*/
    margin: 0;
    padding: 0;
}
.treeview li { /*Style for LI elements in general (excludes an LI that contains sub lists)*/
    background: white url(/list.gif) no-repeat left center;
    list-style-type: none;
    padding-left: 12px;
    margin-bottom: 3px;
}
.treeview li.submenu { /* Style for LI that contains sub lists (other ULs). */
    background: white url(/closed.gif) no-repeat left 1px;
    /* cursor: hand !important; */
    cursor: pointer !important;
}
.treeview li.submenu ul { /*Style for ULs that are children of LIs (submenu) */
    display: none; /*Hide them by default. Don't delete. */
}
.treeview .submenu ul li { /*Style for LIs of ULs that are children of LIs (submenu) */
    cursor: default;
}
/***************************************************
* target content style
***************************************************/
#targetcontent {
    width:100%;
    height:143px;
    margin-top: 10px;
    margin-bottom:20px;
    background:#CCCCCC;
    border:1px dashed #5a5a5a;
}
.targetcontent {
    width:99%;
    height:80px;
    background:#CCCCCC;
    border:1px dashed #5a5a5a;
    margin: 6px 0;
    padding:10px;
}
.targetcontent span {
    text-align:center;
    font-weight:bold;
    margin:0 auto;
}
#promo_ordermain {
    width:100%;
    height:143px;
    margin-bottom: 10px;
}
#promo_orderleft {
    width:49%;
    height:143px;
    margin-right: 5px;
    float:left;
    background:#CCCCCC;
}
#promo_orderright {
    width:49%;
    height:143px;
    margin-left: 10px;
    background:#CCCCCC;
    float:left;
}
.appro_comment {
    width:95%;
    min-height: 100%;
    border: 1px solid #999;
    margin: 7px;
}
.w50 {
    width:50%;
}
.w60 {
    width:60%;
}
.w70 {
    width:70%;
}
.w80 {
    width:80%;
}
.w85 {
    width:85%;
}
.w90 {
    width:90%;
}
.w95 {
    width:95%;
}
.w98 {
    width:98%;
}
.w99 {
    width:99%;
}
/* Tabbed Pane styles*/
.container {
    width: 700px;
    margin: 2px auto;
    float:left
}
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    border-bottom: 1px solid #999;
    width: 100%;
    font-size: 10px;
}
ul.tabs li {
    float: left;
    margin: 0px 2px;
    padding: 0;
    height: 31px;
    line-height: 28px;
    /*border: 1px solid #999;*/
    text-align:center;
    border-left: none;
    margin-bottom: -1px;
    background: #e0e0e0;
    overflow: hidden;
    position: relative;
    -moz-border-radius-topleft:6px;
    -moz-border-radius-topright:6px;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    border: 1px solid #999;
    font-size: 10px;
}
ul.tabs li:first-child {
    margin-left: 0px;
    margin-right:2px;
}
ul.tabs li a {
    text-decoration: none;
    color: #000;
    display: block;
    font-size: 1.2em;
    padding: 0 20px;
    outline: none;
    -moz-border-radius-topleft:6px;
    -moz-border-radius-topright:6px;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    font-size: 11px;
    padding-top:7px;
}
ul.tabs li a:hover, ul.tabs li:hover {
    background: #ccc;
    height: 31px;
}
html ul.tabs li.active, html ul.tabs li.active a:hover {
    background: #fff;
    border-bottom: 1px solid #fff;
}
.tab_container {
    border: 1px solid #999;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
}
.tab_content {
    padding: 10px;
    font-size: 10px;
}
.tab_content h2 {
    font-weight: normal;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd;
    font-size: 1.8em;
}
.tab_content h3 a {
    color: #254588;
}
.tab_content img {
    float: left;
    padding: 2px;
}
/* Targeted content*/
     #targetcontent {
    background:#d9d9d9;
    border:1px dashed #7d7d7d;
    text-align:center;
    font-size:11px;
    clear:both;
    width:99%;
    margin:3px 0;
    padding:2px;
    font-weight:bold;
    min-height:30px;
    height:auto !important;
    height:30px;
}
#targetcontent span {
    top:20%;
    position:relative;
}
p {
    margin:15px 0;
    word-wrap: break-word;
}
/* for vertical border*/
     
     .vertibdr {
    border-right:1px solid #ccc;
}
.bottombdr {
    border-bottom:1px solid #ccc;
}
/***************************************************
* Search results (w84a) page style
***************************************************/
#gridview_container {
    background:#CCC;
}
#gridview_row {
    float:left;
    padding:0 0px;
    clear:both;
    width:100%;
    margin:0 auto;
    margin-bottom:10px !important;
}
.gridview_box01 {
    margin:0;
    padding:0;
    border:1px solid #d7d7d7;
    width:125px;
    min-height:150px;
    height:auto !important;
    height:150px;
    text-align:center;
    margin:0 auto;
    background:#FFC;
    margin:0 2px;
}
.gridview_box01 table {
    width:125px;
    height:150px;
    margin:0;
    background:#6C6
}
.gridview_box01 td {
    text-align:center;
    margin: 0 auto
}
#prd table td img {
    text-align:center;
}
.prod_pict {
}
.prod_pict a img {
    text-align:center;
    margin:0;
    padding:0;
}
.prod_name {
}
.prod_supp {
}
.prod_attr {
    margin:0 auto;
}
.pattr01 img {
    text-align:center;
    text-align:center;
    display:block;
}
.conttablearea {
    border: 1px solid #acacac;
    padding:5px;
    margin-top:0px;
    margin-bottom:5px;
}
.conttablearea h3 {
	/* font-family: Arial, Helvetica, sans-serif; */
	font-size: 13px;
	font-weight: bold;
	color: #000;
	margin: -5px -5px 5px -5px;
	padding: 5px 0px 5px 5px;
	background-color: #e6e6e6;
	border-bottom: 1px solid #a6a6a6;
}
.popup {
    border: 1px solid #333;
    background: white;
    width: 552px;
}
.popuphead {
    border-bottom: 1px solid #333;
    background:#236192;
    width: 552px;
    height:30px;
}
.popuphead h3 {
    font-size:12px;
    color:#FFF;
    text-align: left;
    padding-left:6px;
}
.confirmDelete {
    width:400px;
    border: solid 1px #333;
    background:#fff;
    margin: 10px;
}
.confirmDeletehead {
    width:400px;
    height:30px;
    border-bottom: 1px solid #333;
    background:#687c96;
}
.confirmDeletehead h3 {
    font-size:12px;
    color:#FFF;
    text-align: left;
    padding-left:6px;
}
.addshoplist {
    width:250px;
    border: 1px solid #333;
    background:#E2E2E2;
    margin: 10px;
}
.addshoplisthead {
    width:250px;
    height:30px;
    border-bottom: 1px solid #333;
    background:#687c96;
}
.addshoplisthead h3 {
    font-size:12px;
    color:#FFF;
    text-align: left;
    padding-left:6px;
}
.resolvebox {
    width:750px;
    border: 1px solid #333;
    background:#E2E2E2;
    margin: 10px;
}
.resolveboxhead {
    width:750px;
    height:26px;
    border-bottom: 1px solid #333;
    background:#687c96;
}
.resolveboxhead h3 {
    font-size:12px;
    color:#FFF;
    text-align: left;
    padding-left:6px;
}
.resolveboxclose {
    color:#FFF;
    text-align: right;
    padding-left:6px;
}
#boxclose {
    float:right;
    width:70px;
    height:14px;
    margin:0;
    font-size:12px;
    color:#FFF;
    padding:6px;
    font-weight:bold;
    text-align: right
}
#boxclose a {
    font-size:12px;
    color:#fff;
    padding:6px;
    font-weight:bold;
}
.resolveboxitem {
    width:738px;
    background:#EcEcEc;
    padding: 0px 6px;
}
.leftnav {
    width: 180px;
    padding: 0 0 0px 0;
    margin-bottom: 1em;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 0px;
    border-top: 9px solid #FFFFFF;
    font-size:10px;
    background-color: #FFFFFF;
    color: white;
    /*        background-image: url(/css/greybg_50.jpg); */
        background-repeat: repeat-x;
    background-position: top left;
    text-align: left;
}
.rightnav {
    width: 180px;
    padding: 0 0 0px 0;
    margin-bottom: 1em;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 0px;
    border-top: 9px solid #FFFFFF;
    font-size:10px;
    background-color: #FFFFFF;
    color: white;
    /*        background-image: url(/css/greybg_50.jpg)*/
        background-repeat: repeat-x;
    background-position: top left;
    text-align: left;
}
.slotbox1 {
    background-color:#FFFFFF;
    margin-top:0px;
    margin-bottom:10px;
    padding-top: 0;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #acacac;
    border-left-color: #acacac;
}
.slotbox1 h4 {
    margin: 0px;
    font-size: 10px;
    color:#FFFFFF;
    background-color: #CCCCCC;
    line-height: 12px;
    text-transform: uppercase;
    text-align: left;
    padding: 4px 5px 4px 4px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #acacac;
    font-weight: bold;
    /*    background-image: url(/css/greybg_50.jpg);*/
    background-image: url(/css/bu-bg.gif);
    background-position: center left;
    background-repeat: repeat-x;
}
.popup-header {
    height:20px;
    background:#036;
    padding-top:3px;
}
.popup-header h2 {
    position:relative;
    margin:0;
    padding:0;
    font-size:12px;
    float:left;
    color:#FFF;
    vertical-align:middle;
    padding-left:3px;
}
.popup-header .close-link {
    float:right;
    font-size:11px;
    color:#CCC;
    padding-right:3px;
    padding-top:3px;
}
.popup-body {
    padding:10px;
}
.left-top-chat {
    padding-bottom: 3px;
    height:50px;
}
.basketwidget {
    width:500px;
    border: solid 1px #333;
    background:#fff;
    margin: 10px;
}
.basketwidgehead {
    width:500px;
    height:30px;
    border-bottom: 1px solid #333;
    background:#687c96;
}
.basketwidgehead h3 {
    font-size:12px;
    color:#FFF;
    text-align: right;
    padding-right:6px;
    margin:0;
}
.basketwidgehead h3 a {
    color:#ffffff;
    text-decoration:none;
}
.basketwidgeheadleft {
    font-size:12px;
    color:#FFF;
    text-align: left;
    padding-left:6px;
    font-weight: bold;
}
.grayborder {
    border: 1px solid #777777;
}
.tableheadrtext {
    padding-right: 5px;
    font-weight:normal;
    text-align:right;
}
.h280 {
    height:280px;
    border-left:1px dashed #666;
}
.h325 {
    height:325px;
    border-left:1px dashed #666;
}
.h240 {
    height:240px;
    border-left:1px dashed #666;
}
.h180 {
    height:180px;
    border-left:1px dashed #666;
}
.pleft30 {
    padding-left: 30px;
}
#headertextcontainer {
    float:right;
    width:275px;
    margin:0;
    padding:0;
}
#headertextcontainer table {
    width:100%;
}
#headertextcontainer td.htctd1 {
    width:43%;
    text-align:left;
}
#headertextcontainer td.htctd2 {
    width:57%;
    text-align:left;
}
#pcodearea {
    margin: 5px 0px 10px 0px;
    border: 1px solid #CCC;
}
.shopempty {
    height: 100px;
    margin:auto auto;
    text-align:center;
}
/***************************************************
* Tabs for Shopping List and Search pages
***************************************************/
.tab_enclosure {
    border-bottom: #777777 solid 1px;
    height: 32px;
}
.tab_box {
    height:32px;
    display: inline;
}
.tab_leftcap {
    display: none;
    float:left;
    width:10px;
    height:32px;
    background-image:url(/css/tab_leftcap_off.png);
    border-bottom: #777777 solid 1px;
}
.currenttab .tab_leftcap {
    background-image:url(/css/tab_leftcap_on.png);
    border-bottom: #ffffff solid 1px;
}
.tab_body {
	float: left;
	height: 32px;
	font-family: 'Averta', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 32px;
	color: #0064C8;
	padding: 0;
	text-transform: uppercase;
    margin-right: 16px;
}
.currenttab .tab_body {
	/* background-image: url(/css/tab_bg_on.png); */
	/* border-bottom: #ffffff solid 1px; */
	color: #0064C8;
	padding: 0 2px 0 2px;
	font-weight: 700;
}
.tab_rightcap {
    display: none;
    float:left;
    width:10px;
    height:32px;
    background-image:url(/css/tab_rightcap_off.png);
    border-bottom: #777777 solid 1px;
}
.currenttab .tab_rightcap {
    background-image:url(/css/tab_rightcap_on.png);
    border-bottom: #ffffff solid 1px;
}
.tabspacer {
	display:none;
}
.tab_body a, .tab_body a:hover, .tab_body a:visited, .tab_body a:active {
	text-decoration: none;
	color: #0064C8;
	display: inline-block;
	height: 32px;
	padding: 0 2px 0 2px;
}
.tab_body a:hover {
    font-weight: 700;
}
/***************************************************
* product gallery style goes here
***************************************************/
.table_outline {
    border:1px solid #d7d7d7;
    float:left;
    margin:2px;
}
.table_outline:hover {
    background-color: #eeeded;
}
.search_header {
     float: left;
     margin-left: 8px;
}
th.productHeader select {
     font-size: 10px;
     margin-bottom: 1px;
     margin-top: 2px; 
}
.proddisplay_boxcontainer {
    width:100%;
    vertical-align:top;
}
.proddisplay_box {
    position: relative;
    height:210px;
    width:170px;
    float:left;
    text-align:center;
    border:1px solid #999;
    margin:2px;
    padding-top:10px;
    padding-bottom:10px;
    overflow: hidden;
}
.desc {
    text-align:center;
    font-weight:normal;
    width:120px;
    margin:2px;
    margin:auto auto;
    margin-top:10px;
}
.supname {
    text-align:center;
    font-weight:normal;
    width:130px;
    margin:2px;
    margin:auto auto;
    margin-top:10px;
}
.prod_icons {
    text-align:center;
    width: 100px;
    margin:3px;
    margin:auto auto;
    margin-top:10px;
}
.proddisplay_box:hover {
    background-color:#ebebeb;
}
.proddisplay_box .quickview_btn {
    display:none;
    z-index: 300;
    position: absolute;
    left: 27px;
    top: 180px;
}
.proddisplay_box:hover .quickview_btn { 
    display:block; 
}
.compareThumbnail { 
    float: left; 
    height: 50px; 
    width: 50px; 
    border: thin solid #E6E6E6; 
    background-color: #FFFFFF; 
    margin: 2px; 
}
.compareThumbnail img {
    margin-right: auto; 
    margin-top: auto; 
    margin-left: auto;
    margin-bottom: auto;
}
.comparisonTable td {
    border: thin solid #acacac;
}
.comparisonTable th {
    border-top: none;
    border-bottom: thin solid #acacac;
    border-left: thin solid #acacac;
    border-right: thin solid #acacac;
}
.ButtonContainer {
    float: right;
    margin:0px;
}
#ShareButton {
    float:left;
    margin:0px;
}
#ShareButton a {
    font-size:10px !important;
    color:#787878 !important;
    text-decoration:none;
}
#ShareButton a:hover {
    text-decoration:none !important;
    color:#000000 !important;
}
.chekUnchekContainer {
    margin: 0;
    text-align:right;
    padding: 5px 0px 5px 0;
}
/*Styles for Admin Pages Header*/
#admin_header {
    width: 964px;
    margin-left: 10px;
    margin-right: 0px;
    height: 95px;
    background-color:#FFFFFF;
    position: relative;
}
#admin_profile_wrapper {
    height:40px;
    width:250px;
    position: relative;
    float: right;
}
#admin_select_lang_box {
    position: absolute;
    top: 10px;
    right: 75px;
}
#admin_help_box {
    position: absolute;
    top: 13px;
    right: 30px;
}
#admin_question_box {
    position: absolute;
    top: 12px;
    right: 4px;
}
#admin_login_info {
    text-align:right;
}
#admin_divider {
    height:20px;
    width:964px;
    margin-left:10px;
    background-image: url(/css/admin_divider_bg.png);
}
#admin_footer {
    width: 964px;
    height: 55px;
    margin-left: 0px;
    margin-right: 10px;
    background-color: #666666;
    font-size:10px;
    color:white;
    border-bottom: 10px solid #FFFFFF;
}
#admin_footer_text {
    /*  border-left:1px solid #666666;*/
    width:500px;
    color:#FFFFFF;
    font-size:11px;
    font-weight:bold;
    padding-left:0px;
    padding-right:0px;
    text-align:left;
    text-indent: 20px;
}
.messgebox {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #236192;
  margin: 10px 0;
  width: 99%;
}
.messageboxhead {
  background: #236192 none repeat scroll 0 0;
  border-bottom: 1px solid #333333;
  height: 30px;
  width: 100%;
}
.messageboxhead h3 {
  color: #ffffff;
  font-size: 12px;
  margin: 0;
  padding: 7px 0 0 6px;
  text-align: left;
}
/*  ************************************************************* */
/*right navigation code*/
/*  ************************************************************* */
#rightnav {
    width: 190px;
    padding: 0 0 0px 0;
    margin-bottom: 1em;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    border-top: 3px solid #FFFFFF;
    font-size:10px;
    background-color: #FFFFFF;
    color: white;
    /*        background-image: url(/css/greybg_50.jpg); */
        background-repeat: repeat-x;
    background-position: top right;
    text-align: left;
}
/* IE 6 fix for box model issues (still) - even in standards mode, paddings on links in lists will be added to the outer width */
* html #rightnav {
    width: 180px;
}
#rightnav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}
#rightnav li {
    margin: 0;
    padding: 0;
    border-top: 1px solid white;
    border-bottom: 1px solid #CCCCCC;/*
Atttempt to add a L + R border to the left nav.  Doesn't look great
    border-left:1px solid #acacac;
    border-right:1px solid #acacac;
*/
}
#rightnav li li li {
    border-top:0;
    border-bottom: 0;
}
#rightnav li li li li {
    border-top:0px;
    border-bottom: 0px;
}
#rightnav li span {
    display: block;
    padding: 4px 5px 4px 4px;
    color: white;
    font-weight:bold;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    width: 100%;
}
#rightnav li a {
    display: block;
    padding: 4px 5px 4px 4px;
    color: white;
    font-weight:bold;
    text-decoration: none;
    width: 100%;
    background-image: url(/css/greybg_50.jpg);
    background-position: center right;
    background-repeat: repeat-x;
}
html>body #rightnav li a {
    width: auto;
}
#rightnav li li a {
    color: #606060;
    background-color: #f0f0f0;
    background-image: url(/css/single_arrow.gif);
    background-position: 2px -46px;
    padding-left:12px;
    background-repeat:no-repeat;
    font-weight:bold;
}
#rightnav li li li a {
    color: #606060;
    background-color: #f0f0f0;
    background-image:url(/css/single_arrow.gif);
    background-position: 11px -46px;
    padding-left:21px;
    font-weight:normal;
    border-top: 0;
    border-bottom: 0;
}
#rightnav li li li li a {
    color: #606060;
    background-color: #f0f0f0;
    background-image:url(/css/single_arrow.gif);
    background-position: 20px -46px;
    padding-left:30px;
    font-weight:normal;
    border-top: 0;
    border-bottom: 0;
}
* html #rightnav li li li a {
    width:180px;
} /* only for ie 6 */
#rightnav li a:hover {
    color:#e0e0e0;
}
#rightnav li li a:hover, #rightnav li li li a:hover, #rightnav li li li li a:hover {
    background-color: #6890e0;
    color: #fff;
}
#rightnav li li a.active {
    color: #FF6600;
    padding-left:5px; /*padding-right:5px;*/
    background-position: 2px 4px;
    font-weight:bold;
}
#rightnav li li a:hover {
    color: #f0f0f0;
    background-position: 2px -96px;
    font-weight:bold;
}
#rightnav li li a.active:hover {
    color: #f0f0f0;
    border-right:0; /*border-right*/
    background-position: 2px -96px;
    font-weight:bold;
}
#rightnav li li li a.active {
    color: #FF6600;
    padding-left:5px; /*padding-right:5px;*/
    background-position: 11px 4px;
    font-weight:bold;
}
#rightnav li li li a:hover {
    color: #f0f0f0;
    border-right:0;
    background-image:url(/css/single_arrow.gif);
    background-position: 11px -96px;
    font-weight:normal;
}
#rightnav li li li a.active:hover {
    border:0;
    background-position: 11px -96px;
    font-weight:bold;
}
#rightnav li li li li a.active {
    color: #FF6600;
    padding-left:5px;  /*padding-right:5px;*/
    background-position: 20px 4px;
    font-weight:bold;
}
#rightnav li li li li a:hover {
    color: #f0f0f0;
    border-right:0;
    background-image:url(/css/single_arrow.gif);
    background-position: 20px -96px;
    font-weight:normal;
}
#rightnav li li li li a.active:hover {
    border:0;
    background-position: 20px -96px;
    font-weight:bold;
}
/* added by KH & GB */
#rightnav li li.navbreak {
    margin-top: 10px;
    padding-top: 1px;
    border-top: 2px solid #CCCCCC;
}
#rightnav li li.navactive {
    color: #FF6600;
    margin-top: 10px;
    padding-top: 1px;
    border-top: 2px solid #CCCCCC;
}
.rightnav {
    width: 190px;
    padding: 0 0 0px 0;
    margin-bottom: 1em;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    border-top: 3px solid #FFFFFF;
    font-size:10px;
    background-color: #FFFFFF;
    color: white;
    /*        background-image: url(/css/greybg_50.jpg); */
        background-repeat: repeat-x;
    background-position: top right;
    text-align: left;
}
/* IE 6 fix for box model issues (still) - even in standards mode, paddings on links in lists will be added to the outer width */
* html .rightnav {
    width: 180px;
}
.rightnav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}
.rightnav li {
    margin: 0;
    padding: 0;
    border-top: 1px solid white;
    border-bottom: 1px solid #CCCCCC;/*
Atttempt to add a L + R border to the left nav.  Doesn't look great
    border-left:1px solid #acacac;
    border-right:1px solid #acacac;
*/
}
.rightnav li li li {
    border-top:0;
    border-bottom: 0;
}
.rightnav li li li li {
    border-top:0px;
    border-bottom: 0px;
}
.rightnav li span {
    display: block;
    padding: 4px 5px 4px 4px;
    color: white;
    font-weight:bold;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    width: 100%;
}
.rightnav li a {
    display: block;
    padding: 4px 5px 4px 4px;
    color: white;
    font-weight:bold;
    text-decoration: none;
    width: 100%;
    background-image: url(/css/greybg_50.jpg);
    background-position: center right;
    background-repeat: repeat-x;
}
html>body .rightnav li a {
    width: auto;
}
.rightnav li li a {
    color: #606060;
    background-color: #f0f0f0;
    background-image: url(/css/single_arrow.gif);
    background-position: 2px -46px;
    padding-left:12px;
    background-repeat:no-repeat;
    font-weight:bold;
}
.rightnav li li li a {
    color: #606060;
    background-color: #f0f0f0;
    background-image:url(/css/single_arrow.gif);
    background-position: 11px -46px;
    padding-left:21px;
    font-weight:normal;
    border-top: 0;
    border-bottom: 0;
}
.rightnav li li li li a {
    color: #606060;
    background-color: #f0f0f0;
    background-image:url(/css/single_arrow.gif);
    background-position: 20px -46px;
    padding-left:30px;
    font-weight:normal;
    border-top: 0;
    border-bottom: 0;
}
* html .rightnav li li li a {
    width:180px;
} /* only for ie 6 */
.rightnav li a:hover {
    color:#e0e0e0;
}
.rightnav li li a:hover, .rightnav li li li a:hover, .rightnav li li li li a:hover {
    background-color: #6890e0;
    color: #fff;
}
.rightnav li li a.active {
    color: #FF6600;
    padding-left:5px; /*padding-right:5px;*/
    background-position: 2px 4px;
    font-weight:bold;
}
.rightnav li li a:hover {
    color: #f0f0f0;
    background-position: 2px -96px;
    font-weight:bold;
}
.rightnav li li a.active:hover {
    color: #f0f0f0;
    border-right:0; /*border-right*/
    background-position: 2px -96px;
    font-weight:bold;
}
.rightnav li li li a.active {
    color: #FF6600;
    padding-left:5px; /*padding-right:5px;*/
    background-position: 11px 4px;
    font-weight:bold;
}
.rightnav li li li a:hover {
    color: #f0f0f0;
    border-right:0;
    background-image:url(/css/single_arrow.gif);
    background-position: 11px -96px;
    font-weight:normal;
}
.rightnav li li li a.active:hover {
    border:0;
    background-position: 11px -96px;
    font-weight:bold;
}
.rightnav li li li li a.active {
    color: #FF6600;
    padding-left:5px;  /*padding-right:5px;*/
    background-position: 20px 4px;
    font-weight:bold;
}
.rightnav li li li li a:hover {
    color: #f0f0f0;
    border-right:0;
    background-image:url(/css/single_arrow.gif);
    background-position: 20px -96px;
    font-weight:normal;
}
.rightnav li li li li a.active:hover {
    border:0;
    background-position: 20px -96px;
    font-weight:bold;
}
/* added by KH & GB */
.rightnav li li.navbreak {
    margin-top: 10px;
    padding-top: 1px;
    border-top: 2px solid #CCCCCC;
}
.rightnav li li.navactive {
    color: #FF6600;
    margin-top: 10px;
    padding-top: 1px;
    border-top: 2px solid #CCCCCC;
}
.prenextmenu {
    float:left;
    margin:10px 0px;
    width: 100%;
}
.expandcollapseborder {
    width:98%;
    border: 1px solid #999;
    padding-top:20px;
    padding-bottom:20px;
    padding-right:5px;
    padding-left:7px;
}
.shoplistbox {
    border:1px solid #687c96;
    text-align:left;
    color:#000;
    width:98%;
    margin: 10px 0px 5px 5px;
}
.shoplistbox th {
    border-bottom:1px solid #b2b2b2;
    background-color:#687c96;
    text-align:left;
    padding-left: 5px;
    color:#fff
}
.orglogocontainer {
    width: 650px;
    height: 150px;
    margin-left: 20px;
    margin-top: 20px;
}
.orglogoleft {
    width: 140px;
    height: 150px;
    float:left;
}
.orglogoright {
    width: 500px;
    float:right;
    margin-top: 14px;
    border: 1px dashed #999;
}
.orglogoimage {
    width: 100px;
    height: 100px;
    float:left;
    margin:10px 20px;
    background:#E1E1E1;
    border: 1px dashed #999;
}
.orglogotext {
    width: 100px;
    height: 20px;
    float:left;
    margin:0px 20px 5px 20px;
    text-align:center;
    font-size: 11px;
    text-decoration:none;
}
.searchradiocontainer {
    width:50%;
    margin: auto auto;
}
.flyoutwindow {
    border:1px solid #687c96;
    text-align:left;
    width:750px;
    margin: 10px 0px 5px 5px;
}
.flyouthead {
    float: left;
    width:750px;
    margin:0px;
    background:#687c96;
    height: 30px;
}
.flyoutitems {
    float: left;
    width:750px;
    margin:0px;
    background:#ececec;
}
.flyoutfooter {
    width:99%;
    height:30px;
    background:#B1B3B3;
    color:#FFF;
}
.flyoutfooterleft {
    width:45%;
    float:left;
    color:#fff;
    font-size:11px;
}
.flyoutfooterleft a {
    color:#fff;
    font-size:11px;
}
.flyoutfooterleft a:hover {
    color:#fff;
    font-size:11px;
    text-decoration: none;
}
.flyoutfooterright {
    width:25%;
    height:30px;
    color:#fff;
    float:right;
    text-align: right;
}
.flyoutfooterright a {
    color:#fff;
    font-size:11px;
}
.flyoutfooterright a:hover {
    color:#fff;
    font-size:11px;
    text-decoration: none;
}
.flyoutclose {
    float: right;
    margin:0px;
    color:#FFF;
    padding-right:10px;
    font-size:13px;
    margin-top: 6px;
    font-weight: bold;
}
.flyouttext {
    float: left;
    margin:0px;
    color:#FFF;
    padding-left:6px;
    font-size:13px;
    margin-top: 6px;
    font-weight: bold;
}
.flyoutclosea {
    font-size:10px !important;
    color:#ff0000 !important;
    text-decoration:none;
}
#OtherorgUser {
    float: right;
    margin-top:-3px;
}
#OtherorgUser a {
    font-size:10px !important;
    color:#000 !important;
    text-decoration:none;
}
.clearfields {
    float: right;
    margin-top:0px;
    margin-right:5px;
    font-weight:normal;
    font-size:11px;
    margin-bottom:4px;
}
.rt {
    text-align: right;
    padding-right:2px;
}
.lt {
    text-align:left;
    padding-left: 2px;
}
.closewindow {
    font-size:9px;
    float:right;
    margin-right:3px;
}
.closewindow a, .closewindow a:visited {
    color:#ffffff;
    text-decoration:none;
}
.closewindow a:hover {
    text-decoration:underline;
}
/*----- admin_pages----*/
.admin_groups {
    margin:15px 0;
    padding:3px;
}
.admin_groups li {
    list-style:none;
    list-style-type:none;
    background:none;
}
#producthd .admin_groups ul li {
    list-style: none;
    font-size:11px;
    line-height: 130%;
    /*    color:#666666; */
    /*background: url(/css/orange_square6.png) no-repeat left top;*/
    background:none;
    padding-left: 15px;
    margin-bottom: 2px;
    margin-right: 10px;
}
#producthd .admin_groups ul li ul {
    padding-top: 5px;
    padding-bottom: 1px;
}
.blueborder {
    border:1px solid #687c96;
}
.pl20 {
    padding-left: 20px;
}
.icon_box {
    text-align:center;
    width: 100px;
    margin:3px;
    margin:auto auto;
    margin-top:0px;
}
.smalltext {
    font-size:13px;
    font-weight:bold;
}
.product_page_icons, .product_page_msds, .product_page_certs, .license_icon {
  float: left;
  margin-bottom: 6px;
  margin-left: 40px;
}
.product_page_icons img, .product_page_msds img, .product_page_certs img  {
    padding: 0 3px 0 3px;
}
.license_icon span {
	vertical-align: top;
	font-size:12px;
	color: #505050;
	padding-left: 4px;
}
.license_notice {
  margin: 3px 0 6px 0;
}
.license_notice img {
  display: block;
  float: left;
  padding: 4px 8px 0 0;
}
.license_notice span {
  color: #505050;
  display: block;
}
a.linkbutton {
    text-decoration:none !important;
}
.cantapprove, .cantapprove a {
    color: #808080 !important;
}
.rulestablehead {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#000;
    margin-top: 0px;
    margin-bottom: 0px;
    vertical-align:top;
    line-height: 26px;
    padding: 0px 0px 0px 5px;
    background-color:#e6e6e6;
    border: 1px solid #a6a6a6;
    font-weight:bold;
}
.welcomehead
{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#000;
    margin-top: 0px;
    margin-bottom: 0px;
    vertical-align:top;
    line-height: 26px;
    padding: 0px 0px 0px 5px;
    background-color:#e6e6e6;
    border: 1px solid #a6a6a6;
    border-bottom:none;
    font-weight:bold;
}
.welcomehead {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#000;
    margin:0;
    vertical-align:top;
    line-height: 26px;
    padding: 0px 0px 0px 5px;
    background-color:#e6e6e6;
    border: 1px solid #a6a6a6;
    border-bottom:none;
    font-weight:bold;
}
.welcomearea {
    border: 1px solid #acacac;
    padding:5px;
    margin-top:0px;
    margin-bottom:5px;
}
table.sortable thead  {
    cursor:pointer;
}
.togglebasketinfo {
    cursor:pointer;
}
#basketinfo {
    position:absolute; 
    top: 139px; 
    left: 442px; 
    z-index:99; 
    border:solid 1px #4b5676; 
    padding:10px; 
    background-color:#FFFFFF; 
    -moz-border-radius-bottomright: 6px; 
    -moz-border-radius-bottomleft: 6px; 
    -webkit-border-bottom-right-radius: 6px; 
    -webkit-border-bottom-left-radius: 6px; 
    border-bottom-right-radius: 6px; 
    border-bottom-left-radius: 6px; 
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,.4); 
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.4); 
    box-shadow: 2px 2px 4px rgba(0,0,0,.4);
}
/*----- new styles copied from top section shared with red dot master.css----*/
#punchoutheader {
  margin-left: auto;
  margin-right: auto;
  padding: 4px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 8000;
}
#punchoutheader span {
    display:block;
    padding:6px 0 2px 0;
}
td#leftnavcolumn {
    /*background-image: url(/css/side_blue_bg.png);
    background-repeat: repeat-y;*/
}
#leftnav li.with_chkbx a {
    background-image:none !important;
}
#leftnav li.with_chkbx ul li a {
    background-image:url(/css/single_arrow.gif);
}
/*copied from custom.css file 2/22/2011*/
#leftnav li label {
  background-color: #0064C8;
  color: #ffffff;
  display: block;
  font-weight: 700;
  padding: 8px 10px;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: -1px;
}
#leftnav li li label {
    color: #606060;
    background-color: #f0f0f0;
    background-image: url(/css/single_arrow.gif);
    background-position: 2px -41px;
    padding-left:12px;
    background-repeat:no-repeat;
    font-weight:bold;
}
#leftnav li li li label {
    color: #606060;
    background-color: #f0f0f0;
    background-image:url(/css/single_arrow.gif);
    background-position: 11px -41px;
    padding-left:21px;
    font-weight:normal;
    border-top: 0;
    border-bottom: 0;
}
#leftnav li li li li label {
    color: #606060;
    background-color: #f0f0f0;
    background-image:url(/css/single_arrow.gif);
    background-position: 20px -41px;
    padding-left:30px;
    font-weight:normal;
    border-top: 0;
    border-bottom: 0;
}
#leftnav a.noStyle {
    color:#0000C8;
    text-decoration:underline;     
    display:inline;
    background:none;
    padding:0px;    
    font-weight:normal;
}
html>body #leftnav li label {
    width: auto;
}
#adminLogout {
    color: #787878;
    border: none;    
    background:none;
    padding:0;
    cursor:pointer;
}
/*CSS Style for positioning the "Chat Now" button in 2-column layout.
  Button floats right next to the Page Headline */ 
#chatbuttoncontainer {
    float:right;
    width:190px;
    height:46px;
    margin:0;
}
/*New CSS for formatting the 200px-wide right column in 3-column layouts*/
#rightcolumn {
    width: 190px;
    padding: 0 0 0 0;
    margin-bottom: 1em;
    margin-right: 0px;
    margin-left: 10px;
    margin-top: 0px;
    border-top: 9px solid #FFFFFF;
    font-size:12px;
    background-color: #FFFFFF;
}
/* IE 6 fix for box model issues (still) - even in standards mode, paddings on links in lists will be added to the outer width */
* html #rightcolumn {
    width: 190px;
}
#slotbox1 {
    background-color:#FFFFFF;
    margin-top:0px;
    margin-bottom:10px;
    padding-top: 0;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #acacac;
    border-left-color: #acacac;
}
#slotbox1 h4 {
    margin: 0px;
    font-size: 10px;
    color:#FFFFFF;
    background-color: #CCCCCC;
    line-height: 12px;
    text-transform: uppercase;
    text-align: left;
    padding: 4px 5px 4px 4px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #acacac;
    font-weight: bold;
    /*    background-image: url(/css/greybg_50.jpg);*/
    background-image: url(/css/bu-bg.gif);
    background-position: center left;
    background-repeat: repeat-x;
}
.slotbox1item {
    margin-top:5px;
    border-bottom: 1px solid #acacac;
}
.slotbox1item h5 {
    margin:0 5px 5px 10px;
    font-size: 11px;
    font-weight:bold;
    color: #333333;
}
.slotbox1item p {
    margin:5px 5px 5px 10px;
    font-size: 10px;
}
.slotbox1item img {
    margin-top:5px;
}
.slotbox1item ul {
    margin: 5px 5px 5px 10px;
    padding-left: 15px;
}
.slotbox1item ul li {
    font-size:10px;
    line-height: 14px;
    list-style-image: url(/css/arrow_bullet.gif);
    list-style-type: none;
    margin-bottom: 2px;
}
.slotbox1item ul li a {
    color:#333333;
}
/*Slotboxes inserted in the leftnac column should be emclosed in this*/
#leftslots {
    width: 170px;
    padding: 0 5px 0px 5px;
    margin-bottom: 1em;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 0px;
}
.chatbutton, #chatbutton {
    margin: 0 0 8px 0;
}
#producthd .alt ul, #producthd2 .alt ul {
    padding: 0;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#producthd .alt ul li, #producthd2 .alt ul li {
    list-style: none;
    font-size:11px;
    line-height: normal;
    background-image: url(/css/arrow_bullet.gif);
    background-repeat: no-repeat;
    background-position: left 4px;
}
#breadcrumb_admin {
    font-size:11px !important;
    padding: 4px 0 5px 0;
    border-bottom: 1px solid #E6E6E6;
    margin: 10px 0 10px 0;
}
#breadcrumb_admin a {
    font-size:11px;
}
#breadcrumb_admin a:link, #breadcrumb_admin a:visited, #breadcrumb_admin a:active {
    color: #585858;
    text-decoration: none;
}
#breadcrumb_admin a:hover {
    color: rgb(204, 0, 0);
    text-decoration: none;
}
/*************************
* Landing Page Teaser Text
*************************/
/*
* any item in this subsection
* that contains reference to 
* teaser and teasertext class 
* has been changed to reference
* teaser id
*/
#teaser {
    width:350px;
    height: 100px;
    margin-right: 25px;
    margin-bottom:25px;
    background-color:#FFFFFF;
    float: left;
}
#teaser:hover {
    background-color:#e2e2e2;
	/*! vertical-align: top; */
}
#teaser a:hover {
    color: #0064C8;
}
#teaser img {
    width: 90px;
    height:90px;
    float:left;
    margin-right: 10px;
}
#teasertext {
    font-size:12px;
    /*! font-weight:bold; */
    float:left;
}
#teasertext h6 {
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 4px;
	margin-top: 0px;
	color: #0064C8;
}
#teasertext p {
    font-size:12px;
    font-weight:normal;
    margin-top: 7px;
    text-align:left;
    padding-right:10px;
}
#teasertext a {
    display:block;
    width: 350px;
    height: 100px;
    text-decoration:none;
    /*! color:#404040; */
    padding: 5px;
}
#teasertext a:hover {
    color: #0064C8;
    text-decoration:none;
}
/*************************************
* Landing Page Teaser Text (5 Column
**************************************/
.teaser_x5_container {
  background-color: #ffffff;
  border-bottom: 1px dashed #ffffff; 
  margin-bottom: 12px;
  overflow: hidden;
  padding-bottom: 8px;
  width: 774px;
}
.teaser_x5 {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  float: left;
  height: 180px;
  margin: 0 6px;
  width: 140px;
}
.teaser_x5 img {
  border: 0 none;
  margin: 0;
  padding: 5px 0 0 5px;
}
.teaser_x5:hover {
    background-color:#EBEFFC;
    border: 1px solid #ccc;
    
}
.teaser_x5 h6 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 8px;
  text-align: center;
}
.teaser_x5 a {
  color: #666666;
  display: block;
  text-decoration: none;
  width: 140px;
}
.teaser_x5 a:hover {
    color: #006699;
}

/***************************************************
* Landing Page Teaser Text for three column layout
***************************************************/
#centercolteasers #teaser {
    width:275px;
    margin-right: 4px;
}
#centercolteasers #teasertext a {
    width: 275px;
    padding: 5px 0 3px 3px;
}
#centercolteasers #teasertext h6 {
    margin-bottom: 2px;
}
#centercolteasers #teaserh6 {
    margin-bottom: 2px;
}
/*begin @group Pagination*/
.selectedPaginationItem {}
.flyoutfooterright {
    width:30%;
}
/* end @group Pagination*/
table.overflowtable {
    table-layout:fixed;
}
table.overflowtable td.productGrid {
    overflow: hidden;
    text-overflow: ellipsis;
}
td.productGrid img.ui-datepicker-trigger {
    display:inline !important;
    margin:0 !important;
    padding:0 !important;
}
fohpcon#basket_info {
    padding-right:8px;
    border-right:1px solid #666666;
}
hpcon#basket_info {
    padding-right:8px;
    border-right:1px solid #666666;
}
#PrintButton {
    float: right;
    margin:0px;
}
#PrintButton a {
    font-size:10px !important;
    color:#787878 !important;
    text-decoration:none;
}
#PrintButton a:hover {
    text-decoration:none !important;
    color:#000000 !important;
}
/*Fix for tables with too much data to fit on page layout, but where truncating is not OK.
Apply one of the classes below to TD in productGrid table to make font size 8, 9 or 10px*/
#producthd table.productGrid tr.productGrid td.tnytxttd8,
#producthd2 table.productGrid tr.productGrid td.tnytxttd8 {
    font-size:8px !important;
}
#producthd table.productGrid tr.productGrid td.tnytxttd9,
#producthd2 table.productGrid tr.productGrid td.tnytxttd9 {
    font-size:9px !important;
}
#producthd table.productGrid tr.productGrid td.tnytxttd10,
#producthd2 table.productGrid tr.productGrid td.tnytxttd10 {
    font-size:10px !important;
}
/*Styles for the View as List/View as Grid block on Search Results page*/
a.listgrid:link, a.listgrid:visited, a.listgrid:active {
    display:inline-block;
    text-decoration: none;
    color:#d0d0d0 !important;
    padding:1px 2px 1px 2px;
    border:1px solid #687c96;
}
a.listgrid:hover {
    background-color:#d0d0d0;
    display:inline-block;
    text-decoration: none;
    color:#003266 !important;
    border-color:#e0e0e0;
}
/*Styles for formatting left-nav search attributes/filters on Search Results page*/
#leftnav li.attr_select {
    border:none;
}
#leftnav li.attr_select select, li.attr_select select option  {
    font-size: 9px;
    color:#404040;
    background-color:#ffffff;
    font-weight:normal;
}
#leftnav li.attr_select select {
    border: none;
    margin-left:0px;
    margin-bottom:2px;
/*    height:20px;*/
    width:170px;
}
#leftnav li.attr_select select option {
    padding:2px;
}
#leftnav li.filters {
  border: 3px solid #508eb3;
  border-top:none;
  margin-bottom:2px;
}
#leftnav li.filters span {
  background-color: #edf0f1;
  border-bottom: 1px solid #e0e0e0;
  color: #303030;
  font-weight: 700;
  padding: 7px 1px 7px 8px;
  text-transform: none;
  width: 165px;
}
#leftnav li.filters span a.clearbutton {
  background-image: none;
  color: #495676;
  float: right;
  font-size: 9px;
  margin: 1px 2px 0 0;  
  padding: 0;
}
#leftnav li.filters span a.clearbutton:hover {
  text-decoration:underline;
}
#leftnav li li.filters li {
    background-image: none !important;
    list-style:none;
}
div#leftnav li.filters ul li a {
  padding-left: 8px;
}
#leftnav li.searchsubnav {
	background-color: #e2e2e2;
	margin-bottom: 2px;
	padding: 0 6px 8px;
}
#leftnav li.searchsubnav span {
	color: #236192;
	text-transform: uppercase;
	font-weight: 700;
}
#leftnav li.searchsubnav li a, 
li.searchsubnav ul form a.indep {
  color: #404040 !important;
  font-weight: normal !important;
}
input#TextKeyWord {
  font-size: 11px;
  width: 164px;
  border: 1px solid #acacac;
  border-radius: 3px;
  margin-bottom: 4px;
  height: 18px;
  color: #505050;
}
#leftnav li.searchsubnav input.refinesupplier {
	/* height: 24px; */
	margin: 6px 0 4px;
	width: 168px !important;
}
#leftnav ul.supplierselect li a:hover {
    background-color: #f0f0f0;
    color: #404040;
}
#leftnav li.searchsubnav a {
    background-image:none !important;
    word-wrap: break-word;
    font-size: 12px !important;
}
li.searchsubnav ul input[type="checkbox"] {
  vertical-align: middle;
  margin-right: 4px;
}
/*Styles for info boxes on search results grid view pages*/
.gridNoInfoBox {
    height:12px;
}
.gridInfoBox {
  border: 2px solid #cc0000;
  color: #cc0000;
  font-size: 10px;
  font-weight: bold;
  height: 16px;
  line-height: 13px;
  margin-bottom: 3px;
  margin-top: -10px;
  padding: 2px 2px 0 0;
}
.gridInfoIcon {
    float:right;
}
.gridInfoFancyBoxMsg {
    padding: 30px 20px 30px 20px;
    min-height: 50px;
}
.gridLimitedAvBox {
  border: 2px solid #006400;
  color: #006400;
  font-size: 10px;
  font-weight: bold;
  height: 16px;
  line-height: 13px;
  margin-bottom: 3px;
  margin-top: -10px;
  padding: 2px 2px 0 0;
}

/*CSS Styles for formatting social sharing icons in searchbar*/
a:focus {
    outline: none;
}
#socialcontainer {
    width:90px;
    /*height:70px;*/
    position:absolute;
    right:0px;
    top:92px;
    z-index:0;
}
/*a.trigger, a.trigger:hover, a.active.trigger {
    display:block;
    padding:7px 2px 8px 16px;
    font-size:10px;
    font-weight:bold;
    color:#4b5676;
    text-decoration:none;
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.3);
}
a.trigger:hover{
    color:#4b7676;
    background: url(/css/plus10.png) 2px 8px no-repeat;
}
a.active.trigger {
    color:#da4421;
    background: url(/css/minus10.png) 2px 8px no-repeat;
}*/
#sharebutton {
    position:absolute;
    top:2px;
    right:15px;
    text-align:right;
    z-index:0;
}
/*#socialpanel {
    height:40px;
    padding-top:25px;
    background-image:url(/css/sharebox_bg4.png);
    background-repeat:no-repeat;
}*/
#socialpanel {
  background-color: #ffffff;
  background-repeat: no-repeat;
  border: 1px solid #acacac;
  border-radius: 6px;
  height: 136px;
  margin-top: 9px;
  padding: 12px 0 10px;
  position: relative;
} 
#socialpanel:after, #socialpanel:before {
    bottom: 100%;
    left: 81%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
#socialpanel:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 7px;
    margin-left: -7px;
}
#socialpanel:before {
    border-color: rgba(172, 172, 172, 0);
    border-bottom-color: #acacac;
    border-width: 8px;
    margin-left: -8px;
}
#socialbox {
    padding-left:15px;
    text-align:left;
    margin:0;
}
.socialbutton {
    height:22px;
    overflow:hidden;
    width: 61px;
    margin-top:0px;
    margin-right:12px;
    margin-bottom: 6px;
    float:left;
    text-align:left;
    padding-top:0px;
}
.gplusbutton {
    width:32px;
}
.fbbutton {
    width:49px;
}
.tweetbutton {
    width:59px;
}
/* classes for formatting VWR Catalog results in Product navigation pages */
ul.catlog_list li {
    list-style-type:square;
    list-style-position:inside;
    font-weight:bold;
}
.catalog_category {
    font-size:11px;
    margin-left:12px;
    line-height:15px;
}
.catalog_product {
    font-size:11px;
    line-height:15px;    
    margin-left:24px;
    font-style:italic;
}
/* classes for VWR Suppliers page */
table#supplierlinks h5 { 
  margin-top: 20px; 
}
table#supplierlinks h5::before { 
  display: block; 
  content: " "; 
  margin-top: -53px; 
  height: 53px; 
  visibility: hidden; 
}
table#supplierlinks table tr td a {
 font-size:11px;
 line-height:16px;
}
/* classes for formatting VWR Catalog results in Product navigation pages */
ul.catlog_list li {
    list-style-type:square;
    list-style-position:inside;
    font-weight:bold;
}
.catalog_category {
    font-size:11px;
    margin-left:12px;
    line-height:15px;
}
.catalog_product {
    font-size:11px;
    line-height:15px;    
    margin-left:24px;
    font-style:italic;
}

/* anchor-link offset to clear fixed topnav */
.anc-link {
    display: block;
    content: " ";
    margin-top: -103px;
    height: 103px;
    visibility: hidden;
}

/* targeted banner styles */
.promocontainer {
    position: relative;
    font-family: arial, helvetica, sans-serif;
    width: 739px;
    background-color: #f0f0f0;
    border: 1px solid #666;
    margin: 12px 0px 12px 1px;
    border-radius: 4px;
    overflow: hidden; }
    .promocontainer a {
      text-decoration: none;
      color: #06c; }
      .promocontainer a:hover {
        text-decoration: underline; }
  .promocontainer_imagebox {
    float: left;
    width: 120px;
    height: 96px; }
    .promocontainer_imagebox img {
      width: 120px;
      height: 96px; }
  .promocontainer_content {
    float: left;
    width: 470px;
    padding-left: 10px;
    padding-right: 10px; }
    .promocontainer_content h3 {
      font-size: 18px;
      font-weight: normal;
      margin: 5px 0 3px 0;
      word-wrap: break-word; }
    .promocontainer_content p {
      margin: 0 !important;
      line-height: 16px !important;
      color: #404040;
      font-size: 13px !important; }
    .promocontainer_content span {
      font-weight: bold;
      display: block;
      font-size: 12px;
      margin: 8px 2px 8px 2px; }
      .promocontainer_content span a {
        background-color: #f86900;
        padding: 3px 5px;
        text-transform: uppercase;
        color: #fff;
        text-decoration: none;
        font-size: 11px;
        font-weight: bold;
        border-radius: 3px; }
        .promocontainer_content span a:hover {
          text-decoration: none;
          background-color: #ff8730;
          color: #282828; }
  .promocontainer_link {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50; }
  .promocontainer_rightbox {
    width: 129px;
    float: left;
    height: 70px;
    font-size: 16px;
    font-weight: bold;
    background-color: #f60;
    color: #fff; }
  .rightbox_top {
    width: 129px;
    height: 70px;
    text-align: center;
    display: table-cell;
    vertical-align: middle; }
  .rightbox_bottom {
    width: 129px;
    float: left;
    height: 16px;
    font-size: 10px;
    background-color: #666;
    color: #fff;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 4px; }
    
  /* left navigation targeted content banners */
  td#leftnavcolumn div.promocontainer,
  #rightcolumn div.promocontainer {
    width: 178px;
    position: relative; }
  td#leftnavcolumn div.promocontainer_imagebox,
  #rightcolumn div.promocontainer_imagebox {
    margin-top: 31px;
    width: 180px;
    height: 144px; }
    td#leftnavcolumn div.promocontainer_imagebox img,
    #rightcolumn div.promocontainer_imagebox img {
      width: 180px;
      height: 144px; }
  td#leftnavcolumn div.promocontainer_content,
  #rightcolumn div.promocontainer_content {
    width: 170px;
    padding-left: 5px;
    padding-right: 5px; }
    td#leftnavcolumn div.promocontainer_content h3,
    #rightcolumn div.promocontainer_content h3 {
      font-size: 13px;
      font-weight: bold;
      margin: 4px 0 3px 0;
      word-wrap: break-word; }
    td#leftnavcolumn div.promocontainer_content p,
    #rightcolumn {
      font-size: 11px !important;
      line-height: 13px !important; }
    td#leftnavcolumn div.promocontainer_content span,
    #rightcolumn div.promocontainer_content span {
      margin: 8px 2px 12px 2px; }
  td#leftnavcolumn div.promocontainer_rightbox,
  #rightcolumn div.promocontainer_rightbox {
    width: 180px;
    height: 0px;
    font-size: 14px; }
  td#leftnavcolumn div.rightbox_top,
  #rightcolumn div.rightbox_top {
    background-color: #f98027;
    background-image: none;
    height: auto;
    left: 0;
    padding-top: 6px;
    padding-bottom: 8px;
    position: absolute;
    top: 0;
    width: 180px; }
  td#leftnavcolumn div.rightbox_bottom,
  #rightcolumn div.rightbox_bottom {
    width: 180px; }
  /* end targeted content banners */
  
  /* start targeted search banners */
  .search_banner {
    display: block;
    position: relative;
    font-family: arial, helvetica, sans-serif;
    width: 739px;
    border: 1px solid #00d649;
    margin: 12px 0px 12px 1px;
    border-radius: 4px;
    overflow: hidden;
  }
  .search_banner a {
    text-decoration: none;
    color: #0064c8;
  }
  .search_banner a:hover {
    text-decoration: underline;
  }
  .search_banner__img {
    float: left;
    width: 120px;
    height: 96px;
  }
  .search_banner__img img {
    width: 120px;
    height: 96px;
  }
  .search_banner__content {
    float: left;
    width: 470px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .search_banner__content-hdl {
    font-size: 18px;
    font-weight: normal;
    margin: 5px 0 3px 0;
    word-wrap: break-word;
  }
  .search_banner__content-txt, .search_banner__content p {
    margin: 0 !important;
    line-height: 16px !important;
    color: #000;
    font-size: 13px !important;
  }
  .search_banner__btn {
    display: inline-block;
    margin: 8px 2px 8px 2px;
    padding: 3px 5px;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #00d649;
    border-radius: 3px;
  }
  .search_banner__btn:hover {
    text-decoration: none;
    background-color: #0064c8;
  }
  .search_banner__callout {
    width: 129px;
    float: left;
    height: 70px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background-color: #00d649;
  }
  .search_banner__callout-top {
    width: 129px;
    height: 70px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
  }
  .search_banner__callout-bottom {
    float: left;
    width: 129px;
    height: 16px;
    padding-top: 6px;
    padding-bottom: 4px;
    color: #fff;
    font-size: 10px;
    background-color: #b1b3b3;
    text-align: center;
  }
  
  td#leftnavcolumn .search_banner,
  #rightcolumn .search_banner {
    width: 178px;
    position: relative;
  }
  td#leftnavcolumn .search_banner__img,
  #rightcolumn .search_banner__img {
    margin-top: 31px;
    width: 180px;
    height: 144px;
  }
  td#leftnavcolumn .search_banner__img img,
  #rightcolumn .search_banner__img img {
    width: 180px;
    height: 144px;
  }
  td#leftnavcolumn .search_banner__content,
  #rightcolumn .search_banner__content {
    width: 170px;
    padding-left: 5px;
    padding-right: 5px;
  }
  td#leftnavcolumn .search_banner__content-hdl,
  #rightcolumn .search_banner__content-hdl {
    font-size: 13px;
    font-weight: bold;
    margin: 4px 0 3px 0;
    word-wrap: break-word;
  }
  td#leftnavcolumn .search_banner__content-txt,
  #rightcolumn .search_banner__content-txt {
    font-size: 11px !important;
    line-height: 13px !important;
  }
  td#leftnavcolumn .search_banner__btn,
  #rightcolumn .search_banner__btn {
    margin: 8px 2px 12px 2px;
  }
  td#leftnavcolumn .search_banner__callout,
  #rightcolumn .search_banner__callout {
    width: 180px;
    height: 0px;
    font-size: 14px;
  }
  td#leftnavcolumn .search_banner__callout-top,
  #rightcolumn .search_banner__callout-top {
    background-color: #00d649;
    background-image: none;
    height: auto;
    left: 0;
    padding-top: 6px;
    padding-bottom: 8px;
    position: absolute;
    top: 0;
    width: 180px;
  }
  td#leftnavcolumn .search_banner__callout-bottom,
  #rightcolumn .search_banner__callout-bottom {
    width: 180px;
  }
  /* end targeted search banners */

/* shopping cart content banners */
.cart_banner {
  border: 1px solid #236192;
  border-radius: 4px;
  display: block;
  margin-left: 23px;
  width: 858px;
  background-color: #f0f0f0;
}
.cart_banner_imagebox {
  background-image: url("/css/calibration1.png");
  background-position: 7px 7px;
  background-repeat: no-repeat;
  float: left;    
  height: 54px;
  width: 54px;
}
.cart_banner_text {
  float: left;
  margin: 9px 0 0 10px !important;
  line-height: 18px !important;
  padding: 0;
  width: 647px;
}
.cart_banner_links {
  float: left;
  margin: 9px 0 0 10px;
  line-height: 18px;
  padding: 0;

}
.cart_banner_links a {
  vertical-align:middle;
}
/* end shopping cart content banners */

/* start order confirmation page banners */
.confirmation_banner {
  box-sizing: border-box;
  display: block;
  float: right;
  width: 440px;
  border: 1px solid #666;
  border-radius: 4px;
  display: block;
  background-color: #e5f6f9;
}
.confirmation_banner .banner_image {
  float: left;    
  margin: 10px;
  height: 40px;
  width: 40px;
  background-image: url("/css/calibration1.png");
  background-repeat: no-repeat;
}
.confirmation_banner .banner_text {
    width: 220px;
    float: left;
    margin: 10px;
    color: #000;
}
.confirmation_banner .banner_headline {
  float: left;
  clear: left;
  margin-top: 0 !important;
  color: #000 !important;
  font-size: 18px !important;
}
.confirmation_banner .banner_text p {
  float: left;
  clear: left;
  margin: 0 !important;
  padding: 0 !important;
  color: #000;
  font-size: 13px !important;
  line-height: 16px !important;
}
.confirmation_banner .banner_btn {
  float: right;
  display: block;
  margin: 10px;
  padding: 6px 10px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  background: #00a7cb;
  border-radius: 3px;
}
/* end order confirmation page banners */


#benefitsFancyBoxModal table {
    /* this will override the fancyBoxTable */
    width:500px;
    font-size:12px;
}
.fancyBoxTable {
    /* cellpadding:3; 
    cellspacing:0; */
    border: 1px solid #687c96;
    width:350px;
    font-size:11px;
}
.fancyBoxTable th {
    width:100%;
    background-color:#687c96;
    padding-left:5px; 
    color:#FFF;
    border-bottom:1px solid #b2b2b2;
}
.fancyBoxTable td {
    width:100%;
    padding:5px; 
}
.fancyBoxTitle {
    font-size:12px; float:left;
}
.emolpunchoutbox {
     position:absolute;
     border: 1px solid #acacac;
     background-color: #ffffff; 
     font-size:10px; 
     line-height: 14px; 
     font-weight:normal !important; 
     padding:10px; 
     border-radius:8px;
}
.chemhelpbox {
  background-color: #ffffff;
  border: 1px solid #acacac;
  border-radius: 8px;
  font-family: 'Averta',sans-serif;
  font-size: 11px;
  font-weight: normal !important;
  left: -174px;
  line-height: 14px;
  padding: 10px;
  position: relative;
  top: 145px;
  width: 200px;
}
div.gen_barcodes {
  border: 1px solid #6a7b95;
  float: left;
  margin-left: 10px;
  margin-top: 8px;
  padding: 4px;
}
.cssbutton2 {
    background: -moz-linear-gradient(center top , #F9F9F9 5%, #E9E9E9 100%) repeat scroll 0 0 #F9F9F9;
    border: 1px solid #003366;
    border-radius: 6px;
    box-shadow: 0 1px 0 0 #FFFFFF inset;
    color: #003366;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 20px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #FFFFFF;
}
.cssbutton2:hover {
    background: -moz-linear-gradient(center top , #E9E9E9 5%, #F9F9F9 100%) repeat scroll 0 0 #E9E9E9;
    border-color: #080808;
    text-decoration: none;
}
.cssbutton2:active {
    position: relative;
    top: 1px;
}
.cssbutton3 {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #F5F5F5;
  background-image: -moz-linear-gradient(center top , #FFFFFF, #d8d8d8);
  background-repeat: repeat-x;
  border-color: #909090 #707070 #707070 #909090;
  border-image: none;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #003366;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 0;
  padding: 1px 8px 3px 8px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
}
.cssbutton3:hover {
  background-color: #E6E6E6;
  background-position: 0 -15px;
  border-color: #707070 #505050 #707070 #505050;
  color: #333333;
  text-decoration: none;
  transition: background-position 0.1s linear 0s;
}
.cssbutton3:active {
    position: relative;
    top: 1px;
}
.cssbutton4 {
   border-top: 1px solid #d87401;
   background: #d87401;
   background: -webkit-gradient(linear, left top, left bottom, from(#f4901d), to(#d87401));
   background: -webkit-linear-gradient(top, #f4901d, #d87401);
   background: -moz-linear-gradient(top, #f4901d, #d87401);
   background: -ms-linear-gradient(top, #f4901d, #d87401);
   background: -o-linear-gradient(top, #f4901d, #d87401);
   padding: 4.5px 9px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 14px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.cssbutton4:hover {
   border-top-color: #d87401;
   background: #d87401;
   color: #ededed;
   }
.cssbutton4:active {
   border-top-color: #f4901d;
   background: #f4901d;
   }
input.AddtoBasket_btn {
  /*background-image: url("/css/AddtoBasket_btn_bg.jpg");
  background-repeat: repeat-x;*/
  border: 1px solid #A85B02;
  border-radius: 6px;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
  text-shadow: -1px -1px #A85B02;
  padding: 1px 4px 3px;
   background: #d87401;
   background: -webkit-gradient(linear, left top, left bottom, from(#f4901d), to(#d87401));
   background: -webkit-linear-gradient(top, #f4901d, #d87401);
   background: -moz-linear-gradient(top, #f4901d, #d87401);
   background: -ms-linear-gradient(top, #f4901d, #d87401);
   background: -o-linear-gradient(top, #f4901d, #d87401);
}
input.AddtoBasket_btn:hover {
   border-top-color: #d87401;
   background: #d87401;
   color: #ededed;
}
input.AddtoBasket_btn2 {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
   background: #d87401;
   background: -webkit-gradient(linear, left top, left bottom, from(#f4901d), to(#d87401));
   background: -webkit-linear-gradient(top, #f4901d, #d87401);
   background: -moz-linear-gradient(top, #f4901d, #d87401);
   background: -ms-linear-gradient(top, #f4901d, #d87401);
   background: -o-linear-gradient(top, #f4901d, #d87401);
  border-image: none;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
  text-shadow: -1px -1px #A85B02;
  text-align: center;
  text-decoration: none;
  margin-bottom: 0;
  padding: 1px 8px 3px 8px;
  vertical-align: middle;
}
input.AddtoBasket_btn2:hover {
   border-top-color: #d87401;
   background: #d87401;
   color: #ededed;
}
.BigOrangeButton, input.BigOrangeButton, a.BigOrangeButton, a#emolPunchout input[type="button"] {
	margin: 0 auto;
	display: inline-block;
	background-color: #236192;
	/* background-image: url(BigOrangeButton_bg.jpg); */
	/* background-repeat: repeat-x; */
	border: 1px solid #236192;
	/* border-radius: 8px; */
	color: #FFFFFF;
	font-family: 'Averta', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 15px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	padding: 10px 15px;
	/* height: 36px */;
}
.BigOrangeButton:hover,
 a#emolPunchout input[type="button"]:hover {
	/* background-image: url(BigOrangeButton_bg_hover.jpg); */
	background-color: #ffffff;
	color: #236192;
}
.btn--teal {
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(100, 100, 100, 0.2);
    vertical-align: middle;
    background: #05908d linear-gradient(to bottom, #30bdba 0%, #05908d 100%) repeat scroll 0 0;
    background-color: #05908d;
    border: 1px solid #05908d;
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn--teal:hover {
    color: #fff;
    text-decoration: none;
    background: none;
    background-color: #05908d;
}

.btn--blue {
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(100, 100, 100, 0.2);
    vertical-align: middle;
    background: #236192 linear-gradient(to bottom, #508eb3 0%, #236192 100%) repeat scroll 0 0;
    background-color: #236192;
    border: 1px solid #236192;
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn--blue:hover {
    color: #fff;
    text-decoration: none;
    background: none;
    background-color: #236192;
}
/*
.btn--orange {
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(100, 100, 100, 0.2);
    vertical-align: middle;
    background: #236192 linear-gradient(to bottom, #f59931 0%, #f28e1d 100%) repeat scroll 0 0;
    background-color: #f28e1d;
    border: 1px solid #f28e1d;
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn--orange:hover {
    color: #fff;
    text-decoration: none;
    background: none;
    background-color: #f28e1d;
}
*/
/* ==========================================================================
   SCROLL BUTTONS (to top / to bottom)
   ========================================================================== */
.scroll-btn {
  display: inline-block;
  height: 60px;
  width: 60px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 10;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s; }
.scroll-btn.cd-is-visible, .scroll-btn.cd-fade-out, .no-touch .scroll-btn:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s; }
.scroll-btn.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1; }
.scroll-btn.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5; }
.no-touch .scroll-btn:hover {
  background-color: #f28e1d;
  opacity: 1; }
/* to top */
.to-top {
	background-image: url(/css/to-top-arrow.svg);
	background-repeat: no-repeat;
	/* background-position: -1528px -127px; */
}
/* to bottom */
.to-bottom {
	background-image: url(/css/to-bottom-arrow.svg);
	background-repeat: no-repeat;
	/* background-position: -1432px -127px; */
}

/* Styles for adding Hamburger Button and dropdown leftnav to any page */
#burgerbutton {
  background-image: url("/css/burger2.png");
  cursor: pointer;
  float: left;
  height: 21px;
  margin: 0 14px 0 0;
  *margin-top: 10px;
  width: 58px;
}
#burgerbutton.active {
  background-image: url(/css/burger_back2.png);
}
.leftnav_dropdown {
  border: 1px solid #acacac;
  position: absolute !important;
  top: 190px;  /*set to 150 for Admin pages, 190 for GW customer pages*/
  border-top: none !important;
  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.73);
}
/*************************
* Area Switcher1 on Antibody
*************************/  
/*****************************
Updated CSS: KH 19/03/2014
******************************/
div#areaSwitcher1 {
  position: relative;  
/*  background:#fafafa; */
  width:740px;
  height:220px;
  margin-left:5px; 
  font-size:14px;
}
div#areaSwitcher1 h2 {
  color:#0f4a96;
}
div#areaSwitcher1 h3 {
  color:#462349;
  margin-left:5px;
}
div#areaSwitcher1 ul.left {  
  float:left;
  width:190px;  
  color: #66346B;
  font-weight:normal;
  list-style-type:none;
  list-style-position:outside;
  margin: 0;
  padding: 0 4px;
  border: none;
  text-indent:-15px; 
  margin-top:5px;
  margin-right:10px;
  _margin-right:4px;
  }
  
div#areaSwitcher1 ul.right {  
  float:left;
  width:190px;     
  color: #66346B;;
  font-weight:normal;
  margin-left:550px;
  list-style-type:none;
  list-style-position:outside;
  padding: 0 4px;
  border: none;
  text-indent:-10px; 
  margin-top:-222px;
  }
  div#areaSwitcher1 .ul li  {
  margin:2px 5px 2px 2px;
  padding:2px;
  text-align:left;
  text-indent: 5px; 
  _width:180px;    
  }
  
  div#areaSwitcher1 ul li a {
    color: #66346B;;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:left;
    padding-left:24px;    
    padding-top: 7px;
    margin-top:6px;
    height:22px;
/*    background:url(/css/areaSwitchBG3.png);
    background-position:0 0; */
    background-color: #CCC;
    border: 1px solid #AFAFAF; 
    border-radius:3px;
    _width:120px; /* IE6 needs this to expand link to full area */
    white-space:nowrap;
}
  div#areaSwitcher1 ul.right li a {
    padding-left: 19px;
}
div#areaSwitcher1 ul li a:hover {
   background-position: 0 22px;  
}
div#areaSwitcher1 ul li.active a {
   background-color: #437AB3 ;
   border: 1px solid #437AB3 ;
   color: #FFF;
   width:205px;
   background-position: 0 22px;  
}
div#areaSwitcher1 ul.right li.active a {
   background-color: #437AB3 ;
   border: 1px solid #437AB3;
   color: #FFF;
   width:169px;
   margin-left:-28px;
/*   margin-top:4px; */
   padding-left:47px;
   background-position: 0 22px;  
}
div#areaSwitcher1 div {
    position: absolute; 
    left: 204px;
    top: 1px;
    width: 320px;
    height:196px;
   font-size: 11px;
    padding:5px;
    margin-top:10px;
    background-color: #FFF;
    border:5px solid #437AB3;
    _margin-left: 0px;
}
div#areaSwitcher1 div a {
   color:#0064C8; 
}
#areaSwitcher1 h2 {
  background:none;
}
div#areaSwitcher1 h2, 
div#areaSwitcher1 p {
  margin:0;
  padding:0 10px;
}
div#areaSwitcher1 h2 {
  color:#462349;
  margin-top:6px;
  margin-bottom:6px;
  font-size:14px;
} 
div#areaSwitcher1 p {
  color:#0f4a96;
  margin-bottom:3px;
  font-size: 11px;
}
#areaSwitcher1 label.label1 {
  display: inline;
}
div#areaSwitcher1 select.select1 {
  margin-bottom: 6px;
}
/*Styles for page top and Horizontal Filters for PIM Category Search Landing Page*/
#categoryLandingInfo::after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
div#categoryLandingInfo {
  margin-top: 4px;
}
div#categoryLandingInfo img {
  float: left;
  margin-bottom: 12px;
  max-width: 75px;
}
div#categoryLandingInfo div#categoryText {
	margin-left: 90px;
}
div#categoryLandingInfo div#categoryText p {
  font-size: 12px;
  margin: 0;
}
#categoryText ul {
  margin: 0 0 0 20px;
  padding: 4px 0 10px;
}
#categoryText ul li {
  background: none;
	font-size: 12px !important;
	list-style: inside;
	margin: 0 0 2px;
}
img.category_supplier_banner {
	max-width: 750px !important;
	margin-left: -90px;
	margin-bottom: 13px;
}
.clearFacets, #clearFacets {
  font-size: 13px;
}
.clearFacets input, #clearFacets input {
  float: right;
  margin: -4px 4px 0 0;
}
div.singleFilter select {margin: 0 0 3px 0;}
#navi {width:100%;margin-top:5px;padding-top:10px;}
#navi_head {margin-bottom: 12px;}
#activeFilters, #filters {border:1px solid #ddd;background-color:#ffffff;padding:5px;margin-bottom:10px}
.filtered {border:1px solid gray; background:#DDE0F1;margin-bottom:3px;padding:3px}
.filteredtype {border:1px solid gray; background:#DDE0F1;margin-bottom:3px;padding:3px}
.filteredgenename {border:1px solid gray; color: #CC0000; background:#FFFAC2;margin-bottom:3px;padding:3px;text-transform: uppercase}
.filteredreactivity {border:1px solid gray; background:#DDE0F1;margin-bottom:3px;padding:3px}
.filteredsize {border:1px solid gray; color: #CC0000; background:#FFFAC2;margin-bottom:3px;padding:3px;text-transform: uppercase}
.filteredhost {border:1px solid gray; color: #CC0000; background:#FFFAC2;margin-bottom:3px;padding:3px;text-transform: uppercase}
.filteredconjugation {border:1px solid gray; background:#DDE0F1;margin-bottom:3px;padding:3px}
#filters h3, #activeFilters h3 {padding:3px;color:#fff;font-size:11px;margin-top:0;margin-bottom:0;background-image:url(bg.gif)}
#filters table, #activeFilters table {margin-bottom:6px}
#results {width:100%;margin-top:20px}
.singleFilter {border-bottom: 1px solid #e0e0e0;float: left;min-height: 31px;margin: 0 20px 0 0;padding: 3px 0;width: 47%;}
.singleFiltertype {float:left;width:140px;margin:0}
.singleFiltergenename {float:left;width:140px;margin:0}
.singleFilterreactivity {float:left;width:140px;margin:0}
.singleFiltersize {float:left;width:160px;margin:0;color: #CC0000;background-color: #FFFF99;text-transform: uppercase}
.singleFilterhost {float:left;width:160px;margin:0;color: #CC0000;background-color: #FFFF99;text-transform: uppercase}
.singleFilterconjugation {float:left;width:160px;margin:0;color: #CC0000;background-color: #FFFF99;text-transform: uppercase}
.strong {float:left;width:145px;margin:0}
.strongtype {float:left;width:150px;margin:0}
.stronggenename {color: #CC0000;background-color: #FFFF99;text-transform: uppercase}
.strongreactivity {float:left;width:150px;margin:0}
.strongsize {color: #CC0000;background-color: #FFFF99;text-transform: uppercase}
.stronghost {color: #CC0000;background-color: #FFFF99;text-transform: uppercase}
.strongconjugation {float:left;width:150px;margin:0}
#resultsTable {border:1px solid #ddd; border-collapse:collapse;    width:100%}
#resultsTable th {color:#ffffff;background-color:#617AA1;font-weight:bold}
#resultsTable th a, #resultsTable th a:link, #resultsTable th a:visited {color:#ffffff;text-decoration:none;font-weight:bold}
#resultsTable th, #resultsTable td {padding:3px}
#resultsTable td {border-right:1px solid #ddd}
tr.evenrow td {background-color:#DDE0F1}
.singleFilter select {font-size:10px;}
.pagination {margin-top:10px}
* html .pagination {margin-top:0px}
.pagination input {margin-left:5px}
.watermark { 
  font-weight: normal; 
  color: #bbb
  }
.watermark,
.quicksearch {
  border: 1px solid #BBB;padding: 1px 4px;
  width:130px;
}
/*Styles for Order Entry Details screen popup*/
#order_detail_container {
    width:942px;
    margin: 0 auto 50px;
    font-size: 11px;
    line-height: 14px;
}
.order_detail_head {
    background-color: #808080;
    border: 1px solid #909090;
    padding-top: 4px;
    color: #ffffff;
    font-size: 11px;
    line-height: 11px;
}
.order_detail_head th {
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}
.order_detail_head th {
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}
.order_detail_body, .line_detail_body {
    margin: 0 0 20px 0;
    border: 1px solid #808080;
    border-radius: 4px;
}
.order_detail_body {
    border-top: none;
    border-radius: 0 0 4px 4px;
}
.toplinks {
    padding: 10px;
    margin-bottom: 4px;
}
.line_detail_body .toplinks {
    width: 98%;
}
.toplinks span {
    display: inline-block;
    width: 24%;
    font-size:12px;
}
.order_placed {
    margin: 0 0 0 40px;
    font-size:12px;
}
.clear {
    clear:both;
}
.order_detail_left {
    float: left;
    width: 49%;
}
.cost_table_container {
    float: right;
    margin-right: 10px;
    padding-top: 16px;
    width: 49%;
}
.order_detail_right {
    float: right;
    margin-right: 10px;
    /*padding-top: 16px;*/
    width: 49%;    
}
.order_detail_right .address_box {
  margin: 20px 20px 0 0;
  padding: 0;
  width: auto;
}
.cost_table {
    font-size:11px
}
.cost_table td {
    border-bottom: 1px solid #acacac;
    line-height: 1.8em;
}
.cost_table td.cost_table_label {
    padding-right: 16px;
}
.cost_table td.last {
    border-bottom:none;
}
.order_comments {
    float: right;
    margin-right: 10px;
}
.view_share {
    margin-left:10px;
}
.view_share_dropdown {
    position:relative;
    width: 48%;
    clear: left;
    border: 1px solid #acacac;
    float:left;
    display:none;
    margin: 0 0 10px 10px;
    padding-bottom: 10px;
    border-radius: 4px;
}
.view_share_dropdown p {
    padding-left:10px;
    margin: 4px 0;
}
.view_email_box {
    border: 1px solid #acacac;
    float: left;
    margin: 0;
    padding: 5px 0;
    text-align: center;
    width: 24%;
}
.order_comments_dropdown {
    width: 48%;
    position:relative;
    border: 1px solid #acacac;
    float:right;
    clear: right;
    display:none;
    margin: 0 10px 10px 0;
    border-radius: 4px;
}
.view_share_dropdown.view:after, .view_share_dropdown.view:before, 
.view_share_dropdown.share:after, .view_share_dropdown.share:before, 
.order_comments_dropdown:after, .order_comments_dropdown:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.order_comments_dropdown:after, 
.view_share_dropdown.view:after, 
.view_share_dropdown.share:after {
    border-color: rgba(102, 102, 102, 0);
    border-bottom-color: #808080;
    border-width: 10px;
    margin-left: -10px;
}
.view_share_dropdown.view:before, 
.view_share_dropdown.share:before, 
.order_comments_dropdown:before {
    border-color: rgba(172, 172, 172, 0);
    border-bottom-color: #acacac;
    border-width: 11px;
    margin-left: -11px;
}
.view_share_dropdown.view:after, 
.view_share_dropdown.view:before {
    left: 175px;
}
.view_share_dropdown.share:after, 
.view_share_dropdown.share:before {
    left: 218px;
}
.order_comments_dropdown:after, 
.order_comments_dropdown:before {
    left: 80%;
}
h3.dropdownheading {
    background-color: #808080;
    color: #ffffff;
    font-size: 11px;
    margin: 0;
    padding: 6px 0 6px 10px;
}
.order_comments_column {
    width:47%;
    float:left;
    padding: 0 0 10px 8px;
}
.address_box {
    float: left;
    margin: 20px 0 20px 10px;
    width: 47%;
}
.line_detail_info {
    margin: 0 10px 0 10px;
    border-bottom: 1px solid #acacac;
    padding-bottom: 12px;
}
.line_detail_pending {
    margin: 0 10px 0 10px;
    border-bottom: none;
    padding-bottom: 0;
}
.line_detail_quote_info {
    padding-top: 20px;
}
.item_status {
    margin: 0 0 12px;
}
.item_status_open, .item_status_shipped,
.item_status_pending {
    margin: 0 10px 10px;
}
.item_status_open {
    border-bottom: 1px solid #acacac;
}
.item_status_label {
    padding: 10px;
    margin-bottom: 4px;
}
.item_status_detail {
    display:table;
    /*border-bottom: 1px solid #909090;*/
    margin: 0 10px;
    padding-bottom: 12px;
}
.item_status_notification_img {
    display: table-cell;
    height:24px;
    width:24px;
    margin-right: 12px;
    vertical-align: middle;
    float:left;
}
.item_status_date {
    display:table-cell;
    vertical-align: top;
    width:100px;
}
.item_status_text {
    display:table-cell;
    vertical-align: top;
    width:300px;
}
.item_status_open .item_status_text {
    width: 600px;
}
.item_status_text .notify {
    font-weight:bold;
    color: red;
}
.item_status_docs {
    display:table-cell;
    vertical-align: top;
    width:300px;
}
.orderdetail_h2 {
    font-size: 18px;
    font-weight:bold;
    margin: 0 0 12px 0;
    color:#495676;
}
#Send_Email_Invoices {
    width:600px;
    font-size: 11px;
    line-height: 16px;
    border: 1px solid #acacac;
}
#Send_Email_Invoices input[type="text"],  #Send_Email_Invoices textarea {
    width: 550px;
    border: 1px solid #acacac;
    border-radius: 3px;
    line-height: 18px;
    font-size: 12px;
}
.available_invoice_item {
    display:inline-block;
    *display:inline;
    margin-right: 7px;
}
.available_invoice_item input[type="checkbox"] {
    vertical-align:middle;
}
/*Styles for Recently Viewed Products carousel*/
.recent_carousel_container {
     margin: 20px 0px;
     padding-top: 4px;
     width: 964px;
}
.recent_carousel_container.two-col {
     width: 777px;
}
.recent_carousel_container h2 {
     font-size: 18px ! important;
     font-weight: 700;
     margin: 0px;
     padding: 2px 0px 10px;
}
.jcarousel-wrapper.recent {
     border: 1px solid #444444;
     margin: 0;
     position: relative;
     width: 960px;
}
.two-col .jcarousel-wrapper.recent {
     width: 777px;
}
.jcarousel.recent {
     height: 198px;
     margin: auto;
     overflow: hidden;
     position: relative;
     width: 900px;
     z-index: 100;
}
.two-col .jcarousel.recent {
     width: 720px;
}
.jcarousel.recent ul {
     list-style: outside none none;
     margin: 0px;
     padding: 10px 0 10px 3px;
     position: relative;
     width: 20000em;
}
.jcarousel.recent li {
     background-image: none ! important;
     float: left;
     margin: 0px ! important;
     padding: 0px ! important;
}
.jcarousel-wrapper.recent .jcarousel-control-prev, .jcarousel-wrapper.recent .jcarousel-control-next {
     background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f0f0f0 0%, #e0e0e0 100%) repeat scroll 0% 0%;
	 background-color: #f0f0f0;
     border: 1px solid #666666;
     color: #606060;
     font: 36px/36px Arial,sans-serif;
     height: 121px;
     padding-top: 77px;
     position: absolute;
     text-align: center;
     text-decoration: none;
     text-shadow: 0px 0px 1px #000000;
     top: -1px;
     width: 24px;
     z-index: 0;
}
.jcarousel-wrapper.recent .jcarousel-control-prev {
     left: -1px;
	 border-right-color: #b0b0b0;
}
.jcarousel-wrapper.recent .jcarousel-control-next {
     right: -1px;
	 border-left-color: #b0b0b0;
}
.jcarousel-wrapper.recent .jcarousel-control-prev:hover span, .jcarousel-wrapper.recent .jcarousel-control-next:hover span {
     display: block;
}
.jcarousel-wrapper.recent a.jcarousel-control-prev:hover, .jcarousel-wrapper.recent a.jcarousel-control-next:hover {
     background: #c8c8c8 none repeat scroll 0% 0%;
     color: #303030;
     text-decoration: none;
}
.jcarousel-wrapper.recent .jcarousel-control-prev.inactive, .jcarousel-wrapper.recent .jcarousel-control-next.inactive, .jcarousel-wrapper.recent .jcarousel-control-prev.inactive:hover, .jcarousel-wrapper.recent .jcarousel-control-next.inactive:hover {
     background: #e0e0e0 linear-gradient(to bottom, #f0f0f0 0%, #d0d0d0 100%) repeat-x scroll 0px 0px;
     color: #606060;
     cursor: default;
     opacity: 0.4;
     text-decoration: none;
}
.jcarousel.recent .carousel_box {
     border-color: #ffffff;
     height: 188px;
     padding: 0px 5px;
     position: relative;
     text-align: center;
     width: 140px;
}
.two-col .jcarousel.recent .carousel_box {
     padding: 0px 2px;
}
.carousel_box a {
     text-decoration: none;
     transition: opacity 0.2s ease-in-out 0s;
}
.carousel_box a:hover {
     opacity: 0.8 ! important;
}
.jcarousel.recent span.carousel_imagebox {
     display: table-cell;
     height: 140px;
     text-align: center;
     vertical-align: middle;
     width: 140px;
}
.jcarousel.recent .carousel_box p {
     color: #0064C8 ! important;
     font-size: 12px ! important;
     font-weight: 700;
     height: 39px;
     line-height: 13px ! important;
     margin: 0px ! important;
     overflow: hidden;
     position: relative;
	 padding-top: 4px;
}

/* AYN (All You Need) Campaign related styles */

/* Content blocks */

.content-block-title {
    margin: 0 !important;
    padding-top: 10px;
    padding-bottom: 5px;
    clear: both;
    font-weight: 400;
    font-size: 24px;
}
.content-block-title::after {
    content: "";
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 100%;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #00d649 0%, #2ec4ff 100%);
    background-image: -o-linear-gradient(left, #00d649 0%, #2ec4ff 100%);
    background-image: linear-gradient(to right, #00d649 0%, #2ec4ff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF00D649', endColorstr='#FF2EC4FF', GradientType=1);
}

/* Carousel */

.carousel-cell {
  display: block;
  position: relative;
  width: 100%;
  height: 250px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: center center;
}

.carousel-content {
  position: absolute;
  top: 20px;
  margin-right: 40%;
  padding: 20px 100px 20px 20px;
  background: transparent url(/css/vwr-shape-white-80.png) no-repeat top right;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
} 

.carousel-headline {
  margin: 0;
  padding: 0;
  font-weight: bold !important;
  line-height: 1;
  text-transform: uppercase; 
}

.carousel-teaser {
  margin: 0;
  padding-top: 10px;
}
  
.carousel-anchor {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100; 
}

a.carousel-button {
  display: block;
  margin-top: 20px;
  padding: 10px 30px;
  color: #fff;
  background: #f28e1d;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px; 
}

a.carousel-button:hover {
  background: #d97f1a;
}

/* Hero slot */

.hero {
    position: relative;
    width: 774px;
    height: 250px;
    margin-bottom: 10px;
}
  
.hero p {
    font-size: 13px;
    line-height: 130%;
    margin-top: 7px;
    margin-bottom: 12px;
}

.hero-anchor {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
}

.hero-content {
  position: absolute;
  top: 2em;
  left: 0;
  width: 55%;
  margin-left: -1px;
  overflow: hidden;
  z-index: 10;
}


.hero-content-wrap {
    padding: 2em;
}

.hero-headline {
    margin: 0;
    padding: 0 0 10px;
    font-weight: bold !important;
    line-height: 1;
}

.hero-teaser {
    margin: 0;
}

a.hero-button {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 30px;
    color: #fff;
    background: #236192 !important;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}

.vwr-shape {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

/* Simple teasers */

.simple-teasers--inline {
	margin-bottom: 10px;
	border-bottom: 1px solid #e6e6e6;
}

.simple-teasers--inline ul {
	margin: 0 !important;
	padding: 0 0 10px 0 !important;
	list-style-type: none;
}

.simple-t--inline {
	margin: 0 10px 0 0 !important;
	padding: 0 !important;
	list-style-type: none;
	display: inline-block;
	font-size: 15px !important;
	line-height: 18px !important;
	font-weight: bold;
	background-repeat: no-repeat !important;
	background-position: 0 0 !important;
}

.simple-t--inline a {
	display: block;
	padding: 5px 10px 10px 40px;
	text-decoration: none;
	color: #006699;
}

/* Navbar teasers */
.simple-teasers--navbar {
    margin-top: 10px;
}

.simple-teasers--navbar ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
    background-color: #508eb5;
}

.simple-t--nav {
    margin: 0 !important;
    padding: 5px 9px !important;
    list-style-type: none;
    display: table-cell;
    font-size: 15px !important;
    line-height: 18px !important;
    font-weight: bold;
    background: transparent !important;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.simple-t--nav:hover {
    background-color: #fff;
}

.simple-t--nav:hover a {
    color: #1d497f;
}

.simple-t--nav a {
    display: block;
    padding: 5px 10px;
    text-decoration: none;
    color: #fff;
}

/* Orange navbar teasers */
.simple-teasers--navbar.orange ul {
    background-color: #f28e1d;
}

/* Featured Spot (Supplier / Product) */

.featured-spot {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	border: 2px solid #2EC4FF;
	border-radius: 5px;
	clear: both;
}

.f-title {
	margin: 0 !important;
	height: 17px;
	padding: 6px 10px;
	color: #fff !important;
	font-size: 16px !important;
	line-height: 1;
	background: #2EC4FF;
}

.f-image-left {
	float: left;
	margin-right: 10px;
}
.f-image-right {
	float: right;
	width: 150px;
	margin-left: 10px;
	text-align: center;
}
.f-content {
	float: left;
	clear: both;
	width: 750px;
	padding: 10px;
}
.f-image-caption {
	font-style: italic;
}

/* 4 Column Index Listing */
.index-wrapper-2-column:before,
.index-wrapper-2-column:after,
.index-wrapper-4-column:before,
.index-wrapper-4-column:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.index-wrapper-2-column:after,
.index-wrapper-3-column,
.index-wrapper-4-column:after {
    clear: both;
}

.index-wrapper-4-column {
	float: left;
	margin-bottom: 20px;
	width: 774px;
}

.index-wrapper-4-column .i-box {
	position: relative;
	display: inline-block;
	width: 155px;
	min-height: 150px;
	max-height: 255px;
	margin-right: 15px;
	padding: 10px;
	background-color: #FFF;
	text-align: center;
	vertical-align: top;
}

.index-wrapper-4-column .i-box a {
	text-decoration: none;
}

.index-wrapper-4-column .i-box:hover {
	background-color: #e2e2e2;
	/* box-shadow: 2px 2px 14px #b1b3b3; */
	vertical-align: top;
}

.index-wrapper-4-column .i-title {
	width: 155px;
	font-size: 14px;
	font-weight: bold;
}

.index-wrapper-4-column .i-image {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 140px;
	height: 140px;
}

.index-wrapper-4-column .i-description {
	font-size: 12px !important;
	color: #404040 !important;
}

.index-wrapper-4-column .i-price {
	width: 155px;
	font-size: 18px;
}

/* 3 Column Index Listing */
.index-wrapper-3-column {
  margin-bottom: 20px;
  width: 774px;
}

.index-wrapper-3-column .i-box {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	width: 243px;
	min-height: 150px;
	max-height: 450px;
	margin-right: 15px;
	margin-bottom: 15px;
	/* background-color: #EBEFFC; */
	vertical-align: top;
	text-align: center;
	overflow: hidden;
	box-shadow: 2px 2px 14px #d8d8d8;
}


.index-wrapper-3-column .i-box a {
  text-decoration: none;
}

.index-wrapper-3-column .i-box:hover {
  background-color: #e2e2e2;
}

.index-wrapper-3-column .i-box:hover .i-title,
.index-wrapper-3-column .i-box:hover .i-description {
  /* color: #fff !important; */
}

.index-wrapper-3-column .i-title {
  width: 203px;
  padding: 10px 20px 0;
  font-size: 16px;
  font-weight: bold;
}

.index-wrapper-3-column .i-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 243px;
}

.index-wrapper-3-column .i-description {
	width: 203px;
	padding: 0 20px;
	font-size: 12px !important;
	color: #404040 !important;
}

.i-box-anchor {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  background: rgba(0,0,0,0);
}

.btn--orange {
  font-family: 'Averta',sans-serif;
	border: 1px solid #236192;
	border-radius: 0;
	color: #236192;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 0;
	padding: 4px 12px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-image: none;
	background-color: #ffffff;
}

.btn--orange:hover {
  color:#ffffff;
    text-decoration:none;
    background-color:#236192;
    *background-color:#236192;
}

/* 2 Column Index Listing */
.index-wrapper-2-column {
	float: left;
	margin-bottom: 20px;
	width: 774px;
}

.index-wrapper-2-column .i-box {
	float: left;
	width: 372px;
	height: 110px;
	margin-right: 8px;
	margin-bottom: 10px;
	background-color: #fff;
}
.index-wrapper-2-column .i-box a {
	display: block;
	float: left;
	clear: both;
	width: calc(100% - 10px);
	text-decoration: none;
}

.index-wrapper-2-column .i-box:hover {
	background-color: #e2e2e2;
}

.index-wrapper-2-column .i-title {
	margin-top: 10px;
	margin-bottom: 4px;
	padding: 0;
	font-size: 15px;
	line-height: 17px;
	font-weight: bold;
}

.index-wrapper-2-column .i-image {
	float: left;
    margin-top: 10px;
    margin-left: 10px;
    width: 90px;
    height: 90px;
    margin-right: 12px;
    margin-bottom: 12px;
}

.index-wrapper-2-column .i-description {
	margin: 0;
    padding: 0 0 3px;
	font-size: 12px !important;
}

.index-wrapper-2-column a .i-description {
    color: #404040;
}

/* Content carousel */

.cycle-slide {
	display: none;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	vertical-align: text-top;
}

.cycle-slide a { 
    text-decoration: none;
}

.cycle-slide .title { 
    white-space: normal;
}

.single .cycle-slide { 
    padding-left: 0;
}

.cycle-slide:first-child {
	padding-left: 0;
}

.cycle-slide:last-child {
	padding-right: 0;
}

.cycle-navigation {
    position: relative;
    height: 3em;
    margin-bottom: 1em;
    text-align: center;
}

.cycle-pager {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    font-size: 3em;
    line-height: 1;
    z-index: 500;
    overflow: hidden;
}

.cycle-pager span {
    display: inline-block;
    color: #ddd;
    cursor: pointer;
}

.cycle-pager span.cycle-pager-active { color: #005492; }
.cycle-pager > * { cursor: pointer; }


div.responsive img {
	width: 109px;
	height: 109px;
}

h1.search_headline {
  font-size: 16px !important;
  margin-bottom: 2px !important;
}
h1.search_headline span {
	font-size:26px;
}
.dialogtable tr.dialogheadrow {
    background-color: #236192;
    border-bottom: 1px solid #236192 !important;
    color: #FFFFFF;
    padding-left: 5px;
    text-align: left;
}
.dialogtable th {
    border-bottom: 1px solid #236192 !important;
}
.dialogtable {
    border: 1px solid #236192 !important;
}

/* Accordion */

.accordion {
    margin: 10px 0;
    border: solid 1px #ccc;
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
}
.accordion-content {
    display: none;
    padding: 6px 24px;
    font-size: 13px;
}
.accordion-content.default {
    display: block;
}
.accordion-content img {
    max-width: 100%;
}
.accordion-toggle {
    position: relative;
    margin: 0;
    padding: 10px 10px 10px 24px;
    cursor: pointer;
    color: #0064C8;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    background: #efefef; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNyUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4NCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #efefef 27%, #ffffff 84%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,#efefef), color-stop(84%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #efefef 27%,#ffffff 84%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #efefef 27%,#ffffff 84%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #efefef 27%,#ffffff 84%); /* IE10+ */
    background: linear-gradient(to bottom,  #efefef 27%,#ffffff 84%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
    border-bottom: solid 1px #e7e7e7;
}
.accordion-toggle:hover {
    color: #404040;      
    background: #ebeffc; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNyUiIHN0b3AtY29sb3I9IiNlYmVmZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4NCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ebeffc 27%, #ffffff 84%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,#ebeffc), color-stop(84%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ebeffc 27%,#ffffff 84%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ebeffc 27%,#ffffff 84%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ebeffc 27%,#ffffff 84%); /* IE10+ */
    background: linear-gradient(to bottom,  #ebeffc 27%,#ffffff 84%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebeffc', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.accordion-toggle:hover {
    color: #404040;
}
.accordion-toggle:after {
    content: "";
    position: absolute;
    left: 10px;
    top: 13px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #686868; 
}
.accordion-toggle.expanded {
    color: #404040;
}
.accordion-toggle.expanded:after {
    content: "";
    position: absolute;
    left: 9px;
    top: 15px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000000; 
}
.content-block-title + .accordion {
    margin-top: 0;
}

/* Welcome Page image gallery */

.wp__wrapper {
    margin: 0;
    padding: 0;
    list-style-type: none; 
}
.wp__wrapper {
    *zoom: 1; 
}
.wp__wrapper:before, .wp__wrapper:after {
    content: "";
    display: table; 
}
.wp__wrapper:after {
    clear: both;
}
.wp__item {
    box-sizing: border-box;
    display: block;
    margin: 1%;
    padding: 10px;
    width: 23%;
    float: left;
    list-style-type: none;
    text-align: center;
    background-image: none !important;
    box-shadow: 2px 2px 14px #d8d8d8;
}
.wp__item a {
    display: block;
    text-decoration: none;
}
.wp__item a:hover {
    text-decoration: underline;
}
.wp__item:nth-of-type(4n + 1) {
    clear: left;
}
.wp__item:hover .wp__item-img {
    opacity: 0.5;
}
.wp__item-img {
    border: 0;
    opacity: 1;
    max-width: 100%;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.wp__item-title {
    display: block;
    padding: 10px 0;
    font-weight: bold;
}

/* video thumbnails */
.video-th {
	margin: 10px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
}
/* Styles for Refine Suppliers modal in search results */
.dialogheadrow select.selectClass {
	border: 1px solid #acacac;
	border-radius: 4px;
}
ul.modal_supplierlist {
	padding-left:10px;
}
.modal_supplierlist li {
	list-style:none;
	margin-bottom:  3px;
}
.modal_supplierlist li.column-list {
    border-left: 1px solid #acacac;
	width: 33%;
	float:left;
}
.modal_supplierlist li.column-list input[type="checkbox"] {
	vertical-align:middle;
	margin-right: 4px;
}
table.dialogtable tbody tr td form input.refinesupplier {
	margin: 0 0 12px 320px;
}

/* main content with sidebar */
.main-sidebar {
    width: 774px;
}
/* clear fix */
.main-sidebar:after {
    content: "";
    display: table;
    clear: both;
}
.main-sidebar #producthd {
    margin: 0;
    padding: 0;
}
.main-sidebar .col-large {
    float: left;
    width: 512px;
}
.main-sidebar .col-large figure {
    margin: 20px 0 0;
}
.main-sidebar .col-small {
    float: right;
    width: 200px;
    margin-left: 50px;
    padding: 20px 0;
    background-color: #fee5ca;
}
.main-sidebar .col-small > *,
.main-sidebar .col-small #producthd > * {
    margin-left: 20px;
    margin-right: 20px;
}
.main-sidebar .col-small a {
    text-decoration: none;
}
.main-sidebar .col-small h3,
.main-sidebar .col-small h4 {
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 0;
    color: #006699;
    text-transform: uppercase;
    border-top: 2px solid #006699;
}
.main-sidebar .col-small h4 {
    font-size: 16px;
}
.main-sidebar .col-small h3 + p,
.main-sidebar .col-small h4 + p {
    margin-top: 0;
    padding-top: 0;
}
.main-sidebar .col-small figure {
    margin-left: 0;
    margin-right: 0;
}
.main-sidebar .col-small figcaption {
    margin-top: 0;
    margin-left: 20px;
    margin-right: 20px;
    border: none;
}
.main-sidebar .col-small figcaption p {
    margin-top: 5px;
    font-size: 10px;
}
.searchby {
  font-size: 13px;
  padding-bottom: 15px;
  padding-top: 16px;
}
.searchby.datepick {
	margin-top: -18px;
	margin-left: 56px;
}
.searchby span {
	display:inline-block;
	width: 80px;
}
.searchby span.hidecustom,
.searchby span.showcustom {
	width:auto;
}
.searchby.datepick span {
  display: inline-block;
  margin-left: 17px;
  width: auto;
  vertical-align: middle;
}
.searchby input[type="text"] {
  border: 1px solid #acacac;
  height: 30px;
  margin-left: 10px;
  width: 140px;
  padding-left: 10px;
}
.searchby input[type="button"] {
  background-color: #f0f0f0;
  border: 1px solid #acacac;
  height: 34px;
  margin-left: -5px;
  padding: 0;
  width: 58px;
}
.searchby input[type="radio"] {
	margin-left: 20px;
}
.searchby .radio_box_container {
	display: inline-block;
	display:inline\9;
	margin-left: 20px;
}
.searchby input.radio_box[type=radio] {
	display:none;
	/**display: inline;*/
	display: inline\9;
}
.searchby input.radio_box[type=radio] + label {
  background-color: #ffffff;
  border: 1px solid #acacac;
  border:none\9;
  color: #404040;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  margin: -2px -2px 0;
  /* margin:0\9; */
  padding-bottom: 4px;
  padding-top: 4px;
  /* padding: 0\9; */
  text-align: center;
  vertical-align: middle;
  width: 110px;
  width: auto\9;
 }
.searchby input.radio_box[type=radio]:checked + label {
		background-color:#8ca3cc;
		background-color:#ffffff\9;
		color: #ffffff;
		color: #404040\9;
}
#custom_range img.ui-datepicker-trigger {
	margin-left: -23px;
}
#custom_range div#ui-datepicker-div {
	font-size: 11px
}
.searchText {
	margin-left: 80%;
}
.searchText input[type="submit"] {
	width: 80px;
}

/* Resouces content block */
.resources-wrap {
    box-sizing: border-box;
    margin-bottom: 20px;
    border: 2px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
    background-color: #efefef;
}
/* teal version */
.resources-wrap.teal {
    border-color: #82c7c6;
    background-color: #e6f4f3;
}
.resources-wrap.teal .resources-aside {
    border-left-color: #82c7c6;
}
.resources-wrap.teal .resources-main--title,
.resources-wrap.teal .resources-aside--title {
    color: #05908d;
}
/* plain version */
.resources-wrap.plain {
  margin-top: 20px;
}
.resources-wrap.plain {
  border: 0;
  background-color: transparent;
}
.resources-wrap.plain .resources-main {
  margin: 0;
  padding-left: 0;
}
.resources-wrap.plain .resources-aside {
  margin: 0;
  padding-right: 0;
}
.resources-main {
    box-sizing: border-box;
    display: table;
    float: left;
    margin: 20px 0;
    padding-right: 20px;
    padding-left: 20px;
    width: 65%;
}
.resources-main--col1,
.resources-main--col2 {
    display: table-cell;
    text-align: left;
    vertical-align: top;
}
.resources-main--title {
    margin: 0;
    padding-bottom: 5px;
    font-size: 18px !important;
    line-height: 18px !important;
}
.resources-main .btn--blue,
.resource-main .btn--teal {
    margin-top: 5px;
}
.resources-aside ul {
    padding-left: 15px;
}
.resources-main li,
.resources-aside li {
    font-size: 13px;
    line-height: 120%;
    color: #666;
    margin-bottom: 5px;
}
.resources-main--col1 {
    width: 160px;
}
.resources-main--col1 img {
    max-width: 100%;
}
.resources-aside {
    box-sizing: border-box;
    float: right;
    width: 35%;
    margin: 20px 0;
    padding-right: 20px;
    padding-left: 20px;
    border-left: 1px solid #ccc;
}
.resources-aside--title {
    margin: 0;
    padding-bottom: 5px;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
}
/* Add css dimensions to fancybox modals on OpenReq page to try and address B2B problem 
   Note: Didn't work. commented out.
#miscProductDetails {
	width: 850px; 
	height: 169px;
}
#resolve1 {
	width: 723px; 
	height: 526px;
}*/

/* Background wraps */
.background-wrap {
    padding: 20px;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #efefef;
}
.background-wrap.orange {
    border-color: #ff6600;
    background-color: #fee5ca;
}
.background-wrap.teal {
    border-color: #82c7c6;
    background-color: #e6f4f3;
}
/*CSS for My Account Dashboard feature*/
#my_account_dashboard_container {
       width: auto;
       border: 1px solid #808080;
       display: inline-flex;
       text-align: center;
       border-radius: 2px;
       margin-bottom: 8px;
}
#my_account_dashboard_container h3 {
       font-weight: 700;
}
.dashboard_block {
       float: left;
       border-right: 1px solid #808080; 
       display: table-cell;
       box-sizing: border-box;
}
.dashboard_block:last-child {
       border-right: none;
}
.dashboard_block a:hover p,
.dashboard_block a:hover h3 {
       color: #333333 !important;
}
.dashboard_block.no_link,
.dashboard_block a {
       text-decoration: none;
       padding: 4px 15px 1px 15px;
       display: block;
}
.dashboard_block a:hover {
       background-color: #f0f0f0;
}
.dashboard_block a p {
       color:rgb(0,0,200) !important;
       text-decoration: underline;
}
.dashboard_block p,
p.dashboard_note,
p.dashboard_tools {
       font-family: "Averta",sans-serif !important;
       margin-right: 0 !important;
}
p.dashboard_note {
       font-size: 12px !important;
       margin: 2px 0 8px 6px !important;
       padding:0;
       color: #787878 !important;
}
p.dashboard_tools {
       display: inline-flex !important;
}
.dashboard_tools a:last-child {
       border-right: none;
}
.dashboard_tools span {
       padding: 4px 8px;
       color: #236192;
       font-size: 14px;
       font-weight: 700;
}
.dashboard_tools a {
       padding: 3px 8px;
       border-right: 1px solid #808080;
       text-align: center;
}
.dashboard_tools a:hover {
       color: #333333;
}
.hiddenAttribute {
    display:none;
}
/*GWE 178 and 4280*/
@-webkit-keyframes progress-bar-stripes {
from {
background-position:40px 0
}
to {
background-position:0 0
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position:40px 0
}
to {
background-position:0 0
}
}
@keyframes progress-bar-stripes {
from {
background-position:40px 0
}
to {
background-position:0 0
}
}
.progress {
	overflow: hidden;
	height: 20px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1)
}
.progress-bar {
	float: left;
	width: 0%;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #005492;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
	-webkit-transition: width 0.6s ease;
	-o-transition: width 0.6s ease;
	transition: width 0.6s ease
}
.progress-striped .progress-bar, .progress-bar-striped {
	background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px
}
.progress.active .progress-bar, .progress-bar.active {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	-o-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite
}
.progress-bar-success {
	background-color: #5cb85c
}
.progress-striped .progress-bar-success {
	background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}
.progress-bar-info {
	background-color: #00a7cb
}
.progress-striped .progress-bar-info {
	background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}
.progress-bar-warning {
	background-color: #fdb813
}
.progress-striped .progress-bar-warning {
	background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}
.progress-bar-danger {
	background-color: #d9534f
}
.progress-striped .progress-bar-danger {
	background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}
.fill-gray-lighter {
	background-color: #d8dcde !important
}
.form-group {
	margin-bottom: 8px;
}
.form-group label {
 display: block;
 font-weight: 700;
}
.form-control {
	display: block;
	width: 85%;
	/*height: 34px;*/
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	vertical-align: middle;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {
	padding: .25rem .5rem;
	font-size: 12px;
	line-height: 1.5;
	border-radius: .2rem;
}
.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline {
	padding-top:7px;
	margin-top:0;
	margin-bottom:0
}
.form-horizontal .radio,.form-horizontal .checkbox {
	min-height:27px
}
.form-horizontal .form-group {
	margin-right:-15px;
	margin-left:-15px
}
.form-horizontal .form-group:before,.form-horizontal .form-group:after {
	display:table;
	content:" "
}
.form-horizontal .form-group:after {
	clear:both
}
.form-horizontal .form-group:before,.form-horizontal .form-group:after {
	display:table;
	content:" "
}
.form-horizontal .form-group:after {
	clear:both
}
.form-horizontal .form-control-static {
	padding-top:7px
}
@media(min-width:768px) {
	.form-horizontal .control-label {
		text-align:right
	}
}
/* GWE_4280*/
.question_item {
	border-bottom: 1px solid #d0d0d0;
	padding-bottom: 8px;
	margin-bottom: 12px;
}
.question_text,
.asked_by,
.answer_text,
.answered_by {
	font-family: 'Averta', sans-serif;
}
.question_text {
	font-weight: 700;
	font-size: 15px !important;
	margin-bottom: 4px !important;
}
.asked_by {
	font-size: 11px !important;
	color: #808080 !important;
	margin-top: 0 !important;
}
.answer_text {
	font-size: 13px;
}
.answered_by {
	float:left; 
	width: 50%; 
	font-size: 11px;
	color:#808080;
}
.question_helpful {
	float:right; 
	width: 33%; 
	text-align: right;
	margin-right: 20px;
	font-size: 12px;
}
.pagination_container {
	line-height:22px;
	background-color: #236192;
	color: #FFFFFF; 
	font-weight: bold;
	padding: 3px; 
	box-sizing: border-box;
	margin-top: 12px;
	font-size: 12px; 
 }
.pagination_container a {
	color:#ffffff !important;
 }
 .indiaNote {
       color: #236192;
       font-size: 12px;
}
div.indiaNote {
       padding: 0 0 10px 10px;
}
span.indiaNote {
       padding:0;
}
.indiaNote::before {
       content: "\02020";
       vertical-align: super;
       margin: 0 2px;
       color: #F4715B;
       font-weight: 700;
}