@charset "utf-8";
/* CSS Document */
/*Wards/Boreal mastercss file*/
/*published from Red Dot*/
body {
    background-color: #cccccc;
    background-image: url(/www.wardsci.com/images/ws_page_bg.png);
    background-repeat: repeat-y;
    background-position: center top;    
    margin-top: 9px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #555555;
}
img {
  border:0;
}
/*
input {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
}
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1;
  color: #555555;
  text-rendering: optimizelegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  line-height: 1;
}
h1 small a,
h2 small a,
h3 small a,
h4 small a,
h5 small a,
h6 small a {
  color: #666666;
}
h1 {
  font-family: ralewayextrabold, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 36px;
  line-height: 36px;
  letter-spacing: -1px;
}
h2 {
  font-family: ralewayextrabold, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 26px;
  line-height: 26px;
  letter-spacing: -1px;
}
h3 {
  font-size: 19px;
  line-height: 1;
  letter-spacing: -1px;
}
h4 {
  font-size: 17px;
  line-height: 1;
  letter-spacing: -1px;
}
h5 {
  font-size: 15px;
  line-height: 1;
}
h6 {
  font-size: 12px;
  line-height: 1;
}
h4 a,
h5 a,
h6 a {
  color:#555555;
  text-decoration:none;
}
h1 small {
  font-size: 30px;
}
h2 small {
  font-size: 30px;
}
h3 small {
  font-size: 20px;
}
h4 small {
  font-size: 16px;
}
p {margin-top:3px;}
form {
    margin:0;
    padding: 0;
    display:inline;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #E6E6E6;
}    
a {
  color: #254091;
  text-decoration: underline;
}
a:hover {
  color: #2f2f2f;
  text-decoration: underline;
}/*
#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 {
    width: 964px;
    margin-left: 10px;
    margin-right: 0px;
    height: 113px;
    background-color:#FFFFFF;
    position: relative;
    z-index:99;
}
#swLogo {
  margin-top:0px;
  float:left;
}
#customerlogo {
    width: 250px;
    position: absolute;
    left: 360px;
    top: 40px;
}
#topnav {
    width: 964px;
    margin:0 10px;
    padding:0;
    background-image: url(/www.wardsci.com/images/topnav_bg.jpg);
    background-repeat:repeat-x;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    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(/www.wardsci.com/images/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(/www.wardsci.com/images/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-bottom: 0px;
    margin-top: 1px;
    height: 18px;
    _height:16px;
    background-image: url(/www.wardsci.com/images/bg_search_bar30.jpg);
    background-repeat:no-repeat;
    background-position: top left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    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;
    margin-right: 10px;
    margin-top: 0px;
    border-top: 0px solid #FFFFFF;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 900;
    font-size:12px;
    line-height:20px;
    background-color: #FFFFFF;
    color: white;
    /*background-image: url(/www.wardsci.com/images/greybg_50.jpg); */
    background-repeat: repeat-x;
    background-position: top left;
    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 #leftnav {
    width: 180px;
}
#leftnav ul {
    list-style: none;
    margin: 10px 0 0;
    padding: 0 7px 0 7px;
    border: none;
    background-color:#333333;
}
#leftnav li {
    margin: 0;
    padding: 0;
}
#leftnav li span {
    color:#ffffff;
    display: block;
    padding: 8px 0px 8px 3px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight:bold;
    text-align: left;
    width: 100%;
    border-top: none;
}
#leftnav li a {
    display: block;
    padding: 8px 0px 8px 0px;
    color: #ffffff;
    text-decoration: none;
    width: 100%;
    line-height:1;
    font-weight:900;
    /*background-image: url(/www.wardsci.com/images/greybg_50.jpg); 
    background-position: center left;
    background-repeat: repeat-x;*/
}
html>body #leftnav li a {
    width: auto;
}
#leftnav li a:hover {
    color:#ffffff;
}
/*#leftnav li li a:hover, #leftnav li li li a:hover, #leftnav li li li li a:hover {
    padding-left:8px;
}*/
#leftnav ul li ul {
    list-style: none;
    margin:0 ;
    padding-left:0px;
    padding-right:0px;
    border: none;
    background-color:#333333;
}
#leftnav li li a {
    background-color:#333333;
    color: #e0e0e0;
    border-top: 1px solid white;
    padding: 12px 0px 12px 0px;
}
#leftnav li li a.active {
    color: #ffffff;
}
#leftnav li li a:hover {
    color: #e0e0e0;
    background-position: 2px -92px;
    padding-left:8px;
}
#leftnav li li a.active:hover {
    color: #ffffff;
    padding-left:0px;    
    border-right:0;
    /*padding-left:0;
*/}
#leftnav ul li ul li ul {
    list-style: none;
    margin:0 ;
    padding-left:8px;
    padding-right:0px;
}
#leftnav li li li {
    border-bottom: 0;
}
#leftnav li li li a {
    background-color:#333333;
    color: #e0e0e0;
    border-top: 1px solid white;
    padding: 12px 0px 12px 0px;
}
* html #leftnav li li li a {
    width:180px;
} /* only for ie 6 */
#leftnav li li li a.active {
    color: #ffffff;
}
#leftnav li li li a:hover {
    color: #e0e0e0;
    border-right:0;
    /*background-image:url(/www.wardsci.com/images/single_arrow.gif);
    background-position: 11px -92px; */
}
#leftnav li li li a.active:hover {
    padding-left:0px;
    background-position: 11px -92px;
}
#leftnav ul li ul li ul li ul {
    list-style: none;
    margin:0 ;
    padding-left:8px;
    padding-right:0px;
}
#leftnav li li li li {
    border-bottom: 0px;
}
#leftnav li li li li a {
    background-color:#333333;
    color: #e0e0e0;
    border-top: 1px solid white;
    padding: 12px 0px 12px 0px;
}
#leftnav li li li li a:hover {
    color: #e0e0e0;
    padding-left:8px;
}
#leftnav li li li li a.active {
    color: #ffffff;
    padding-left:0px;
}
#leftnav li li li li a.active:hover {
    border:0;
    background-position: 20px -92px;
}
/* added by KH & GB */
#leftnav li li.navbreak {
    margin-top: 10px;
    padding-top: 1px;
    border-top: 2px solid #CCCCCC;
}
#leftnav li li.navactive {
    color: #FF6600;
    margin-top: 10px;
    padding-top: 1px;
    border-top: 2px solid #CCCCCC;
}
#maincontent {
    width: 100%;
    /* height: 800px; */   
    min-height: 700px;
    /*  margin-top: 10px; */
    margin-top: 0;
    padding: 0px;
    margin-bottom:0px;
    margin-left:0px;
}
#pgcontent {
    width: 774px;
    margin-bottom: 20px;
}
#pgcontent h1 {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight:normal;
    color:#495676;
    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-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
    color:#666666;
    margin-top: 0px;
    margin-bottom: 5px;
}
#pgcontent p {
    font-size:11px;
    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: #FF6600;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:bold;
    color:#FFFFFF;
    margin-right:10px;
}
#mainimage {
    width: 250px;
    margin-bottom: 1px;
}
.img-border {
    width: 175px;
    height: 175px;
    border: 4px solid #999999;
    margin-left: 40px;
}
#validity {
    width: 240px;
    padding: 5px;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px;
    color: #FF6600;
    text-transform: uppercase;
    font-weight:bold;
    font-style:oblique;
}
#requests {
    width: 240px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    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-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    line-height: 120%;
    color:#666666;
    background: url(/www.wardsci.com/images/orange_arrow3.png) no-repeat left top;
    padding-left: 7px;
    padding-top: 3px; 
    margin-left:3px;
/*    margin-bottom: 3px; */
}
#orangearrow {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    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-family:Verdana, Arial, Helvetica, sans-serif;
    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-family: Verdana, Arial, Helvetica, sans-serif;
    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-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height: 130%;
/*    color:#666666; */
    background: url(/www.wardsci.com/images/red_square.png) no-repeat left top;
    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-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height: 120%;
}
#promobullets ul {
    margin: 0px;
    padding: 0px;
    margin-right:20px;
}
#promobullets li {
    list-style: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
/*    font-weight: bold; */
    line-height: 130%;
       color: #333333;
    background: url(/www.wardsci.com/images/arrow4.png) no-repeat left top;
    padding-left: 20px;
    margin-bottom: 10px;
    margin-left: 5px;
}
#ordertable {
    width: 100%;
    margin-top: 5px;
/*    margin-top: 25px; */
}
#optionblock {
    height: auto;
    width: 774px;
    margin-top: 25px;
}
#optionblock p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    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-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height: 130%;
/*    color:#666666; */
    background: url(/www.wardsci.com/images/red_square.png) no-repeat left top;
    padding-left: 15px;
    margin-bottom: 5px;
    margin-right: 10px;
}
#pgcontenthd {
    width: 100%;
/*    height: 100px; */
/*    margin-bottom: 20px; */
}
/*#pgcontenthd h1 {
    font-family: ralewayheavy,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px;
    margin: 10px 0px;
    text-rendering: optimizelegibility;
    color:#55555;
}*/
#producthd, #producthd2 {
    width: 100%;
    margin-bottom: 10px;  
}
#producthd p {
    margin: 0px 0px 9px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#producthd td.divide.producttoptext p {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 27px;
    color:  #333333;
}
/*#producthd h1 {
    margin: 0px;
    font-family: 'BitterBold',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
    color: rgb(51, 51, 51);
    text-rendering: optimizelegibility;
    font-weight: normal;
    font-size: 30px;
    letter-spacing: -2px;
    line-height: 36px;}
#producthd h2 {
    font-family: ralewayheavy,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: -1px;
}
#producthd h5, #producthd2 h5 {
    font-family: ralewayheavy,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 1;
    margin: 10px 0px;
    color: #555555;
    text-rendering: optimizelegibility;
}*/
#producthd ul, #producthd2 ul,
#producthd ol, #producth2 ol {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
}
#producthd li, #producthd2 li {
    padding-bottom: 10px;
}
#producthd td, #producthd2 td {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
}
#producthd td.divide{
    padding-bottom: 12px;
    border-bottom: 1px 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-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #888888;
    padding-bottom:8px;
    height: 16px;
    padding-top: 0px;
    padding-left:0px;
    /*border-bottom: 1px solid #E6E6E6;*/
    margin-bottom: 8px;
    margin-top: 10px;
}
#breadcrumb a:link,
#breadcrumb a:visited,
#breadcrumb a:active {
    color: #555555;
    text-decoration: none;
}
#breadcrumb a:hover {
    color: #2f2f2f;
    text-decoration: underline;
}
/* Startpage */
#hpcontent {
    width: 964px;
    min-height:400px;
    background-color: #FFFFFF;
    margin-left: 0px;
}
#hpbottom {
    width: 964px;
    padding:10px;
    background-color: #FFFFFF;
    margin-left: 0px;
}
/*************************
* Styles for text within the boxes on the startpage 
*************************/
.contentBox {
  float:left;
  overflow:hidden;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
/*  margin-bottom:10px; */
  margin-right:5px;
/*  height:196px; */
  background:white;
}
.contentBox h2,
.contentBox h3,
.contentBox h4
.contentBox p {
  color:#204088;
  padding-left:5px;
  padding-right:5px;
}
.contentBox span.hpbox {
    color: #303030 ;
    font-family: Arial, Helvetica, sans-serif;    
    font-size:12px;
}
.contentBox h3.hpbox {
    color: #204088;
    font-family: '', serif;
    font-size:14px;
    padding-top:0px;
    padding-bottom:0;
    margin-bottom:0;
}
.contentBox h4.hpbox {
    color: #555555 ;
    font-family: '', serif;
    font-size:14px;
    padding-top:5px;
    padding-bottom:0;
    margin-bottom:0;
}
.contentBox h3.red {
    color: #CC0000;
}
.contentBox h2 {
  margin:0;
  padding-top:11px;
  padding-bottom:10px;
  background:url(/www.wardsci.com/images/section_bg.jpg) repeat-x white bottom center;
}
#areaSwitcher h2 {
  background:none;
}
 
.contentBox a {
  color: #204088;
  text-decoration:none;
}
.contentBox ul li a {
  color: #204088;
  text-decoration:none;
}
.contentBox a:hover {
  color: #204088;
  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-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    margin-top:6px;
    margin-bottom: 11px;
}
/*************************
* Area Switcher on Startpage
*************************/  
/*****************************
Updated CSS: KH 30/09/09
******************************/
div#areaSwitcher {
  background:#e8e8e8;
  border: 1px solid #c8c8c8;
  width:100%;
  height:390px;
  margin-right:0;
  margin-bottom:25px;  
  }
div#areaSwitcher ul {
  float:right;
  color:white;
  font-weight:normal;
  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:240px;  
  margin:0;
  padding:0;
  text-align:left;
  text-indent: 10px;
  margin-bottom:1px; 
  _width:180px;    
  }
  
div#areaSwitcher ul li a {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;    
  color:#204088;
    text-decoration:none;
    display:block;
    padding: 5px 0px 6px 7px;
    height:20px;
    background-color:#e8e8e8; 
    _width:223px; /* IE6 needs this to expand link to full area */
    white-space: nowrap;
}
div#areaSwitcher ul li a:hover {
   color:white;
   background-color:#555555;  
}
div#areaSwitcher ul li.active a {
   color:white;
   background-color:#555555;  
}
div#areaSwitcher div {
  width:60%;
  height:318px;
  background:#e8e8e8;
}
div#areaSwitcher h2, 
div#areaSwitcher p {
  color:white;
  margin:0;
  padding:0 11px;
}
div#areaSwitcher h2 {
  color:#204088;
  margin-top:6px;
  margin-bottom:6px;
  font-family: 'Arbutus Slab', serif;
  font-size:16px;
} 
div#areaSwitcher p {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#303030;  
  margin-bottom:3px;
}
/*************************
* Three lower boxes on startpage
*************************/
div#promotions .imgWrapper  {
/*  height:175px; */
  min-height: 155px;
  width:100px;  
  overflow:hidden;
  float:left;
  margin-right:20px;
}
div#news .imgWrapper  {
  height:155px;
  width:100px;  
  overflow:hidden;
  float:left;
  margin-right:20px;
}
div#essentials .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 {
    width: 315px;
    height: 150px;
}
div#promotions a {
    text-decoration: none;    
}
div#segment {
  width: 100%;
}
div#news {
    width:297px;
    height: 200px;
}
/*
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 {
    width:297px;
    height: 200px;
    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(0, 153, 0);
  text-indent:0px;
  padding:0;
  margin:0;
  margin-bottom:4px;
}
div#promotions ul {
  width:190px;
}
div#news ul {
  width:150px;
}
div#essentials ul {
  width:160px;
}
/*************************
* 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: 10px;
      background-image:url(/www.wardsci.com/images/bg_footer_ribbon_home.jpg);
      background-repeat:no-repeat;
      background-position:top;
      margin-left: 0px;
      margin-right: 10px;
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:10px;
      color:white;
      border-bottom: 10px solid #FFFFFF;
}
#footer {
    width: 964px;
    height: 72px;
      margin-left: 10px;
      background-image:url(/www.wardsci.com/images/bg_footer_ribbon.jpg);
      background-repeat:no-repeat;
      background-position:top;
      margin-left: 0px;
      margin-right: 10px;
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:10px;
      color:white;
      border-bottom: 10px solid #FFFFFF;
}
#call {
     /*  border-left:1px solid #666666;*/
       width:160px;
     height:67px;
     color:#FFFFFF;
     font-family:Verdana, Arial, Helvetica, sans-serif;
     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:100%;
     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-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#204088;
    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: #204088;
    text-decoration: none;
}
#privacy a:visited {
    color: #204088;
    text-decoration: none;
}
#privacy a:hover {
    color: #204088;
    background-color: #999999;
    text-decoration: none;
}
#privacy a:active {
    color: #204088;
    text-decoration: none;
}
#copyright {
     width: 360px;
     background-color:#e8e8e8;
     border: 1px solid #c8c8c8; 
     font-family: Arial, Helvetica, sans-serif;
     font-size:12px;
     color:#204088;
     margin-left: 0px;
     margin-top: 8px;
     margin-bottom: 8px;
     padding-left:20px;
     padding-right:20px;
     padding-bottom: 8px
}
#copyright h3 {
     font-family: 'Arbutus Slab', serif;
     font-size: 18px;
     color: #204088;
     margin-bottom: 8px
}
#copyright a:link{
    color: #204088;
    text-decoration: none;
}
#copyright a:visited {
    color: #204088;
    text-decoration: none;
}
#copyright a:hover {
    color: #204088;
    background-color: #E6E6E6;
    text-decoration: none;
}
#copyright a:active {
    color: #204088;
    text-decoration: none;
}
#copyrightaddress { 
     font-family: Arial, Helvetica, sans-serif;
     font-size:12px;
     color:#204088;
     margin-left: 0px;
     margin-top: 8px;
}
#copyrightaddress a {
    text-decoration: none;
}
#disclaimer {
  float:right;
  margin-right:10px;
  margin-top: -12px;
}
#disclaimer ul {
    list-style-type: none ;
    float: right;
}
#disclaimer li {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    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(/www.wardsci.com/images/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-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    width: 770px;
}
#promotable h4{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    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: 120px;
    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: "BitterBold", Helvetica, sans-serif;
/*    font-family: Arial, Helvetica, sans-serif; */
    font-size:15px;
    font-weight:bold;
    margin-bottom: 5px;
    margin-top:5px;
}
.teasertext p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    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-family: Arial, Helvetica, sans-serif;
    font-size:15px;
    font-weight:bold;
    margin-bottom: 5px;
    margin-top:5px;
    display:block;
}
.tt {
    font-weight:normal;
    margin-top: 7px;
    text-align:left;
    padding-right:10px;
    color:#333333;
    margin: 0px 0px 9px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 13px;
    line-height: 18px;
    text-align:left;
    padding-right:10px;
}
#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-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height: 120%;
    margin-bottom: 0px;
}
#promoteasertext h3{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight:bold;
    color:#FF6600;
    margin-top: 0px;
    margin-bottom: 2px;
}
#promoteasertext h5{
    font-family:Arial, Helvetica, sans-serif;
    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-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height: 130%;
/*    color:#666666; */
    background: url(/www.wardsci.com/images/orange_bullet_white_arrow.png) no-repeat left top;
    padding-left: 15px;
    margin-bottom: 5px;
    margin-right: 10px;
}
/* -- KH ------------------------------ */
 a.baskettool {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 11px;
      color: #003399;
      font-weight: bold;
  }
  a.baskettool:hover {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 11px;
      color: #606060;
      font-weight: bold;
  }
  a.bigmessage, a.bigmessage:visited {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 13px;
      color: red;
      line-height:14px;
      font-weight: bold;
   }
   a.bigmessage:hover {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
       color: red;
       font-size: 13px;
       font-weight: bold;
   }
  
/* --- KH REMOVED ---------------
 h1 {
       font-family: arial, sans-serif;
       font-size: 16px;
       color: #0066ce;
       font-weight: bold;
       margin-bottom:0em;
       padding:0em;
  }
  h2, a.big, a.big:visited, a.big:hover  {
      font-family: verdana, helvetica, arial, sans-serif;
      font-size: 13px;
      color: #0066ce;
      font-weight: bold;
      margin-bottom:0em;
      padding:0em;
  }
  h3 {
      font-family: verdana, helvetica, arial, sans-serif;
      font-size: 13px;
      color: #0066ce;
      font-weight: bold;
      font-style: italic;
      margin-bottom:0em;
      padding:0em;
  }
  h4 {
      font-family: verdana, helvetica, arial, sans-serif;
      font-size: 10px;
      color: #0066ce;
      font-weight: bold;
      margin-bottom:0em;
      padding:0em;
  }
--------------------------------------- */
  .white {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 10px;
      color: #ffffff;
  }
  .smallBlue {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 10px;
      color: #0066ce;
      font-weight: normal;
  }
.bigBlue {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #0066ce;
    font-weight: bold;
}
  .boldText {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 10px;
      font-weight: bold;
      color: #000000;
  }
  .bigtext {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 12px;
      color: #000000;
  }
  .bigtext a {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 12px;
      color: #003399;
  }
  .bigtext a:hover {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #606060;
      font-size: 12px;
  }
  .boldTextBig {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 12px;
      font-weight: bold;
      color: #000000;
  }
  .message {
      color: #ff0000;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 10px;
      font-weight: bold;
  }
  .highlighted {
      color: #CC6633;
}
.jit, .jit2, .jit3, .jit4 {
    background-color: inherit;
    padding-top:2px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold !important;
    border-top: 1px solid #cccccc;
}
.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-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #CC6633;
  }
  .break {
      color: #003399;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 10px;
      font-weight: bold;
}
A.article, a.article:hover, a.article:visited {
    COLOR: #006699; 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px; 
    font-weight: bold;
}
.restricted {
    color: #ff0000;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
}
A.restricted {
    color: #ff0000;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none
}
.search {
    background-color: #ffff99;
    font-style: italic;
   }
   DIV.content {
       COLOR: #000000;
       FONT-FAMILY: verdana,helvetica,arial,sans-serif;
       FONT-SIZE: 11px
}
DIV.list {
    line-height: 1.6em;
}
a.subnav, a.subnav:visited, TD.subnav a, td.subnav a:visited {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
  }
  a.subnav:hover, TD.subnav a:hover {
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 10px;
      text-decoration: none;
      color: #ffcc00;
      font-weight: bold;
  }
  TD.subnav {
      font-size: 10px;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: bold;
      color: white;
      background-color: #0000cc;
      background-image: url("/images/subnav_bg.gif")
  }
  TD.search2 {
      font-size: 10px;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
      color: black;
      background-color: #e7eff7;
  }
  TD.blueHeader {
      font-size: 10px;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: bold;
      background-color: #e0e0e0;
  }
  TD.blue {
      font-size: 10px;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: normal;
      background-color: #e0e0e0;
  }
  TD.yellowHeaderText {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 20px;
      font-weight: normal;
      color: #eab200;
      line-height: 24px;
  }
  TD.defaultGray {
      font-size: 10px;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: normal;
      background-color: #CCCCCC;
  }
  TD.catalogSubHeader {
      font-size: 10px;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: normal;
      background-color: #ffffff;
  }
  TD.lightGray {
      font-size: 10px;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: normal;
      background-color: #e6e6e6;
  }
  TD.aws {
      font-size: 10px;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: normal;
      background-color: pink;
  }
  TD.basketRow {
      font-size: 10px;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: normal;
      background-color: #e6e6e6;
      height: 30px;
  }
  TD.lineComments {
      font-size: 10px;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: normal;
      background-color: #ffffff;
      height: 10px;
  }
  TD.footer {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     color: #bbbbbb;
  }
  TD.bigfooter {
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #bbbbbb;
      font-size: 11px;
  }
  TD.right {
      background-color: #e0e0e0;
      padding: 5px;
}
TD.workflow {
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:10px;
  }
  TR.thinBlack {
      background-color: #000000;
      background-image: url("/images/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-family: Arial, Helvetica, sans-serif;
    font-size: 18pt;
    font-weight: normal;
    color: #999999;
    font-style: normal;
}
.t2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18pt;
    font-weight: 900;
    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-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
}
.bordersep {
    border: 1px solid #003399;
}
.bordersafety {
    border: 1px solid #CCCC00;
}
.articlehead2 {
    font-family: Arial, Helvetica, sans-serif;
    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-family: Arial, Helvetica, sans-serif;
    font-size: 16pt;
    font-style: italic;
    font-weight: bold;
}
.subnav {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    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(/www.wardsci.com/images/arrow_bullet.gif);
    margin-top: 1px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 0px;
}
.refinement, td.refine {
    font-size:11px;
    font-weight:bold;
    text-decoration: none;
    color: #666666;
    margin-top: 2px;
}
TD.searchoff a, td.searchoff a:visited {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 9pt;
    color: white;
    text-decoration: none;
    background-color: #9b9b9b;
  }
  TD.searchoff a:hover {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 9pt;
      text-decoration: none;
      color: white;
      background-color: #9b9b9b;
  }
  TD.searchoff {
      font-size: 9pt;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: white;
      background-color: #9b9b9b;
      text-decoration: none;
  }
  TD.searchon a, td.searchon a:visited {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 9pt;
      color: #003366;
      font-weight: bold;
      text-decoration: none;
      background-color: #e7e7e7;
  }
  TD.searchon a:hover {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 9pt;
      text-decoration: none;
      color: #003366;
      font-weight: bold;
      background-color: #e7e7e7;
  }
  TD.searchon {
      font-size: 9pt;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      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;
    font-family: verdana, arial, sans-serif;
    color: #990000;
}
th.productGroupingHeader {
    background-color: #E9B200;
    font-weight: bold;
    font-family: verdana, arial, sans-serif;
    padding: 1px;
}
th.productHeader {
     font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   background-color: #ffffff;
    color:#333333;
    font-weight: bold;
    padding: 3px;
    text-align:left;
    font-size: 13px;
    line-height: 18px;
}
th.productHeader a {
    color:#333333;
}
table.productGrid {
    width: 100%;
    padding: 1px;
    border: none;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
}
td.productGrid,
.productGrid td {
    background-color: #ffffff;
    font-family: inherit;
    font-weight: normal;
    text-align: left;
    vertical-align:top;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 8px;
    max-width: 20%;
    border-top: 1px solid #cccccc;
}
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: 8px;
    white-space: nowrap;
    border-top: 1px solid #cccccc;
}
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;
}
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%;
    border-top: 1px solid #cccccc;
}
tr.productGrid {
    background-color: #ffffff;
    text-align: center;
    visibility: inherit;
    border-top: 1px solid #cccccc;
}
tr.productGrid-restricted {
    background-color: #E6E6E6;
    text-align: center;
    color: #ff0000;
    font-weight: bold;
}
tr.productGrid-jit {
    background-color: #E6E6E6;
    text-align: center;
    color: #009900;
    font-weight: bold;
    border-top: 1px solid #cccccc;
}
tr.productGrid-highlighted {
    background-color: #E6E6E6;
    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: #fffffcb;
    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-family: verdana, arial, sans-serif;
    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-family:Verdana, Arial, Helvetica, sans-serif;
    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-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight:bold;
    color:#FF0000;
/*    background-color:#FF0000; */
    padding:3px;
}
#box_promo td.comment {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    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(/www.wardsci.com/images/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(/www.wardsci.com/images/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(/www.wardsci.com/images/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(/www.wardsci.com/images/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_vp p{
    padding-left: 9px;
    padding-right: 9px;
    margin-top:0px;
    margin-bottom: 9px;
    font-size: 11px;
}
#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{
/*    display:block;  */
/*    float:left; */
    background: url(/www.wardsci.com/images/orange_square6.png) no-repeat left top;
    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(/www.wardsci.com/images/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{
/*    display:block;  */
/*    float:left; */
    background: url(/www.wardsci.com/images/red_square.png) no-repeat left top;
    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 h1{
    background-image: url(/www.wardsci.com/images/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_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(/www.wardsci.com/images/red_square.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-family: Verdana, Arial, Helvetica, sans-serif;
    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{
    font-family: Arial, Helvetica, sans-serif;
    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(/www.wardsci.com/images/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(/www.wardsci.com/images/ctag_l.png);
    background-repeat: no-repeat;
    background-position: right;
    width: 23px;
    height: 35px;
}
#cta_btn td.right {
    background-image: url(/www.wardsci.com/images/ctag_r.png);
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    width: 12px;
    height: 35px;
}
#cta_btn td.middle {
    background-image: url(/www.wardsci.com/images/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:visted {
    color: #F5F5F5;
    text-decoration:none;
}
#btntext a:hover {
    color: #FFCC00; 
    text-decoration:none;
}
.h7 {
    color: #FFFFFF;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
/*  */
 
#blockteaser {
    width:774px;
/*    min-height: 100px; */
    padding-bottom: 10px;
    margin-right: 0px;
    margin-bottom:10px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #E6E6E6;
}
#blockteasertext p {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height:18px;
   margin-top: 0px;
    margin-bottom: 7px;
    padding-left:12px;
}
#blockteasertext h6{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height:18px;
    font-weight: bold;
    color: #666666;
    margin: 0;
    margin-bottom: 7px;
    padding-left:12px;
}
#blockteasertext h4,
#blockteasertext h5 {
    margin-top: 0;
    padding-left: 12px;
}
#blockteasertext a {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height:18px;
}
#blockteasertext ul {
    margin: 0;
    padding: 0;
    margin-left: 10px;
    padding-left:12px;
    padding-bottom: 5px;
}
#blockteasertext li {
    list-style: none;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height:16px;
    background: url(/www.sargentwelch.com/images/orange_bullet_4.png) no-repeat scroll left top transparent;
    padding-left: 10px;
    margin-bottom: 5px;
    margin-right: 7px;
}
/** TABLE TYPE 1 and 2************************************************************/
#orderTable1 table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    border: 1px solid #7999C4;
    border-left: 0;
    width: 770px;
    border-collapse: collapse;
}
#orderTable2 table {
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    border: 0px solid #7999C4;
    border-left: 0;
    width: 770px;
    border-collapse: collapse;
}
#orderTable1 h4 {
    font-family: Arial, Helvetica, sans-serif;
    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(/www.wardsci.com/images/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(/www.wardsci.com/images/atb_new.png);
    background-position: right;
    background-repeat: no-repeat;
    height: 21px;
}
#career {
    margin-bottom:0px;
    margin-left:10px;
}
#career a {
    color:rgb(120,120,120);
    text-decoration:none;
  }
#career a:hover {
    color:rgb(204, 0, 0);
}
#career p {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height: 120%;
    margin: 0;
    margin-bottom: 9px;
}
#career h2 {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 7px;
}
#pdf_list {
    margin-bottom:7px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    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-family:Verdana, Arial, Helvetica, sans-serif;
    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;
  height:auto;
  margin-right:10px;
  width:500px;
}
#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  {
    background-image:url("/www.wardsci.com/images/bg_express_profile.jpg");
  background-position:right center;
  background-repeat:no-repeat;
  height:25px;
  padding-right:7px;
  width:500px;
}
#language_switch {
  color:#666666;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:10px;
  font-weight:bold;
  padding-right: 7px;  
}
#express {
  border-left:1px solid #666666;
  color:#666666;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:10px;
  font-weight:bold;
  padding-left:7px;
  padding-right:7px;
}
#profile {
  border-left:1px solid #666666;
  color:#666666;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:10px;
  font-weight:bold;
  padding-left:7px;
}
#login_area {
  height:53px;
  width:500px;
}
#login_area label  {
  color:#666666;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  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-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:10px;
}
#logged_in {
  color:#666666;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:10px;
  margin-top:3px;
}
#logout {
  color:#666666;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:10px;
  margin-top:7px;
}
#register {
  color:#666666;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:10px;
}
#register a:visited {
  color:#666666;
  text-decoration:none;
}
button.submitBtn {
  background-image:url(/www.wardsci.com/images/btn_bg1.jpg);
  background-repeat: repeat-x;
  color:#555555;
  font-size:12px;
  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("/www.wardsci.com/images/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-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:10px;
    padding-right:7px;
    padding-left:7px;
}
#basket {
  padding-left:7px;
}
 
/** Grey Arrow:  ************************************************************/
 
#msdstips table {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    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-family:Verdana, Arial, Helvetica, sans-serif;
    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(/www.wardsci.com/images/b_download.jpg);
    background-repeat:no-repeat;
    width:34px;
    height: 38px;
    margin-top: 10px;
    float:left;
}
#emb_arrow { 
    background-image:url(/www.wardsci.com/images/b_arrow.jpg);
    background-repeat:no-repeat;
    width:34px;
    height: 38px;
    margin-top: 10px;
    float:left;
}
#emb_check { 
    background-image:url(/www.wardsci.com/images/b_check.jpg);
    background-repeat:no-repeat;
    width:34px;
    height: 38px;
    margin-top: 10px;
    float:left;
}
#emb_middle { 
    background-image:url(/www.wardsci.com/images/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;
}
#emb_right { 
    background-image:url(/www.wardsci.com/images/b_right.jpg);
    background-repeat:no-repeat;
    width:11px;
    height: 38px;
    margin-top: 10px;
    float:left;
}
#emb_middle a{
    display:block;
    font-family: Arial, Helvetica, sans-serif;
    font-size:15px;
    font-weight:bold;
    color:#FFFFFF;
    text-decoration:none;
    padding-top: 9px;
    padding-bottom: 7px;
}
#emb_blue span {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#FFFFFF;
}
#emb_blue a {
    display:inline-block;
    width:80px;
    line-height:30px;
    text-align:center;
    vertical-align:middle;
    background:url(/www.wardsci.com/images/blue_button_inactive.jpg) no-repeat;
    text-decoration:none;
}
#emb_blue a:hover {
background:url(/www.wardsci.com/images/blue_button_hover.jpg) no-repeat;
text-decoration:none;
}
#emb_blue .input {
    width:200px;
    height: 18px;
    padding-top: 5px;
    padding-left: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
}
 
/**** Controls the content blocks on the Promotions landing page  ****/
#promoBox {
    width: 750px;
    height: 100px;
    background-image:url(/www.wardsci.com/images/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: #FF6600;
    margin:0;
    margin-bottom: 2px;
}
#promoBox h5 { 
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#666666;
    margin:0;
    margin-bottom: 5px;
    font-style:oblique;
}
#promoBox p {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    margin-top:0px;
    color:#666666;
    margin-bottom:12px;
}
#promoMoreValid {
    width: 640px;
    height: 21px;
    float:right;
}
#promoMore a{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    float:left;
    padding-top: 3px;
}
#promoValid p{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-style:oblique;
    padding-top: 3px;
    padding-right: 10px;
    float:right;
    margin: 0;
}
 
#pimwrapper {
    width: 774px;
    background-image:url(/www.wardsci.com/images/pim_hd_bg.png);
    background-repeat: no-repeat;
    background-position: top;
}
#pimwrapper h1{
    font-family:Arial, Helvetica, sans-serif;
    font-size:17px;
/*    height: 30px; */
    font-weight:bold;
    color:#FF6600;
    margin-top:0px;
    margin-bottom:16px;
    padding: 5px;
/*    padding-top: 4px; */
/*    background-image:url(/www.wardsci.com/images/pim_hd_bg.png); */
/*    background-repeat:repeat-x; */
}
#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-family:Verdana, Arial, Helvetica, sans-serif;
    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(/www.wardsci.com/images/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: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height: 120%;
    color:#666666;
    background: url(/www.wardsci.com/images/double_arrow.png) no-repeat left top ;
    padding-left: 14px;
    margin-bottom: 5px;
}
#pimblock a:link {
    color: #0000C8;
    text-decoration:none 
}
#pimblock a:hover {
    color: #0000C8;
    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:10px;
    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(/www.wardsci.com/images/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-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height: 130%;
/*    color:#666666; */
    background: url(/www.wardsci.com/images/red_square.png) no-repeat left top;
    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-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    margin:0;
    margin-bottom: 11px;
}
#key_acc_team {
    background-image: url(/www.wardsci.com/images/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-family: Verdana, Arial, Helvetica, sans-serif;
    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(/images/greybg_50.jpg);*/
    background-image: url(/images/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-family: Verdana, Arial, Helvetica, sans-serif;
    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-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    line-height: 14px;
    list-style-image: url(/www.wardsci.com/images/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(/www.wardsci.com/images/bullet_arrow_1414b.png);
    list-style-type: none;
    margin-bottom: 2px;
}
ul.prod_listing li a {
    text-decoration:none;
    color: #606060;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #606060;
}
ul.prod_listing li a:hover {
    text-decoration:underline;
}
p.product_findmore {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
}
p.product_findmore a {
    text-decoration:none;
    color:#495676;
}
p.product_findmore a:hover {
    text-decoration:underline;
}
/* teaser code remved by GB */
/*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:#FFFFFF;
    float: left;
}
div#pgcontenthd.3col #teasertext a {
    display:block;
    width: 272px;
    height: 100px;
    text-decoration:none;
    color:#666666;
    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 {
    font-size:.625em;
}
.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-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #0066ce;
    font-weight: bold;
}
#conttablearea input.styled {
    border:1px solid gray;
    height:20px;
}
#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-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;
}
.contenttablehead
{
    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;
}
.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:20px;
}
/***************************************************
* 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(/images/errorbtn_start00.jpg) left no-repeat;
    height:51px;
    width:83%;
}
.ebtn_inner {
    background:url(/images/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(/images/confirmbtn_start00.jpg) left no-repeat;
    height:51px;
    width:83%;
}
.cbtn_inner {
    background:url(/images/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-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    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:#ffffff;
    background:none;
}
.plaintableitems {
    width:98%;
}
.plaintable input.styled {
    border:1px solid gray;
    width:160px;
    height:20px;
}
.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-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #0066ce;
    font-weight: bold;
}
/***************************************************
* myaccountinfo page table styles
***************************************************/
.tableleft {
    background-image:url(/images/table_leftcorner.gif);
    background-repeat:no-repeat;
    height:15px;
    width:16px;
}
.tabletohrline {
    background-image:url(/images/table_hrline.gif);
    background-repeat:repeat-x;
    height:15px;
}
.tabletovrline {
    background-image:url(/images/table_hrvline.gif);
    background-repeat:repeat-y;
    width:16px;
}
.tabbgcorner {
    background-image:url(/images/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;/*{borderColorContent}*/
    background: #e7e7e7;/*{bgColorContent}*/
    background-url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/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/*{borderColorHeader}*/;
    background: #FFF/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)
}
\\ .ui-widget-header { /*border-bottom: 1px solid #aaaaaa{borderColorHeader};*/
    border:0px;
    background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
    color: #222222/*{fcHeader}*/;
    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 {
    font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #D7E5F2;
    color: #102132;
    border: 1px solid #284279;
}
.linegray {
    border:0;
    border-bottom:1px solid #cccccc;
}
/***************************************************
* 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: 10px Verdana, Arial, Helvetica, sans-serif;
}
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: 10px Verdana, Arial, Helvetica, sans-serif;
}
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: 11px Verdana, Arial, Helvetica, sans-serif;
    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: 10px Verdana, Arial, Helvetica, sans-serif;
}
.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:11px Verdana, Geneva, sans-serif;
    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: 12px;
    font-weight:bold;
    color:#000;
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 5px 0px 5px 5px;
    background-color:#e6e6e6;
    border: 1px solid #a6a6a6;
}
.popup {
    border: 1px solid #333;
    background: white;
    width: 552px;
}
.popuphead {
    border-bottom: 1px solid #333;
    background:#687c96;
    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-family:  Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
    font-size:10px;
    background-color: #FFFFFF;
    color: white;
    /*        background-image: url(/images/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-family:  Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
    font-size:10px;
    background-color: #FFFFFF;
    color: white;
    /*        background-image: url(/images/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-family: Verdana, Arial, Helvetica, sans-serif;
    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(/images/greybg_50.jpg);*/
    background-image: url(/images/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;
    font-size:10px;
    line-height:12px;
}
#headertextcontainer table {
    width:100%;
}
#headertextcontainer td.htctd1 {
    width:43%;
    text-align:left;
}
#headertextcontainer td.htctd2 {
    width:57%;
    text-align:left;
}
.preferencesSetupLink {
    font-size:12px;
    line-height:18px;
}
#pcodearea {
    margin: 5px 0px 10px 0px;
    border: 1px solid #CCC;
}
.shopempty {
    height: 100px;
    margin:auto;
    text-align:center;
}
/***************************************************
* Tabs for Shopping List and Search pages
***************************************************/
.tab_enclosure {
    border-bottom: #333333 solid 7px;
    height: 35px;
}
.tab_box {
    height:35px;
    display: inline;
}
.tab_leftcap {
    display:none;
}
.tab_body {
    float:left;
    height:35px;
    background-position: left top;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 35px;
    color:#ffffff;
    border-bottom: #333333 solid 1px;
}
.currenttab .tab_body {
    background-color:#333333;
    border-bottom: #333333 solid 1px;
    color:#ffffff;
    padding: 0px 12px 0px 12px;
    border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
}
.tab_rightcap {
    display:none;
}
.tabspacer {
    width:4px;
    line-height: 1px;
    float: left;
    font-size: 1px;
}
.tab_body a, .tab_body a:visited, .tab_body a:active {
    color:#152552;
    text-decoration:none;
    display:inline-block;
    height:35px;
    padding: 0px 12px 0px 12px;
    border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
}
.tab_body a:hover {
    background-color:#dddddd;
    text-decoration:none;
    color:#2f2f2f;
}
/***************************************************
* product gallery style goes here
***************************************************/
.table_outline {
    border:1px solid #d7d7d7;
    float:left;
    margin:2px;
}
.table_outline:hover {
    background-color: #eeeded;
}
.proddisplay_boxcontainer {
    width:100%;
    vertical-align:top;
}
.proddisplay_box {
  border: 1px solid #dddddd;
  border-radius: 4px;
  float: left;
  height: 252px;
  margin: 2px;
  min-height: 150px;
  padding-bottom: 10px;
  padding-top: 0;
  position: relative;
  text-align: center;
  width: 170px;
  transition: all 0.2s ease-in-out 0s;
  overflow:hidden;
}
.proddisplay_box:hover {
  border-color: #555555;
}
.proddisplay_box2 {
    position:relative;
    margin:2px;
    border:none;
    height:auto;
    width:auto;
    float:left;
    text-align:center;
    width:144px;
    min-height:150px;
    padding-top:0px;
    padding-bottom:10px;
}
.proddisplay_box .quickview_btn { display:none; }
.proddisplay_box:hover .quickview_btn { 
        display: block;
        position: absolute;
        top: 50px;
        left: 27px;
        width: 117px;
        height: 28px;
}
div.proddisplay_box div.desc h4 {
    font-size:15px;
}

a.searchimagebox    {        
    width:140px;
    height:140px;
    text-align:center;
    vertical-align:middle;
    display: inline-block;        
}
.desc {
    text-align:left;
    font-weight:normal;
    width:140px;
    
    margin:auto auto;
    margin-top:3px;
}
.searchprice {
    text-align:left;
    width:140px;
    margin:auto auto;
    margin-top:2px;
}
    
.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;*/
}
.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(/images/admin_divider_bg.png);
}
#admin_footer {
    width: 964px;
    height: 55px;
    margin-left: 0px;
    margin-right: 10px;
    background-color: #666666;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:white;
    border-bottom: 10px solid #FFFFFF;
}
#admin_footer_text {
    /*  border-left:1px solid #666666;*/
    width:500px;
    color:#FFFFFF;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    padding-left:0px;
    padding-right:0px;
    text-align:left;
    text-indent: 20px;
}
.messgebox {
    width:99%;
    border: solid 1px #333;
    background:#fff;
    margin: 10px 0px;
}
.messageboxhead {
    width:100%;
    height:30px;
    border-bottom: 1px solid #333;
    background:#687c96;
}
.messageboxhead h3 {
    font-size:11px;
    color:#FFF;
    text-align: left;
    padding:7px 0px 0px 6px;
    margin:0;
}
/*  ************************************************************* */
/*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-family:  Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
    font-size:10px;
    background-color: #FFFFFF;
    color: white;
    /*        background-image: url(/images/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(/images/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(/images/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(/images/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(/images/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(/images/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(/images/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-family:  Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
    font-size:10px;
    background-color: #FFFFFF;
    color: white;
    /*        background-image: url(/images/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(/images/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(/images/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(/images/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(/images/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(/images/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(/images/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
}
/*Styles to format pop-up dialogues on Cart, Shopping list, and related pages
  Added bi Bill McC. 03.20.2014*/
table.dialogtable {
  border: 1px solid #6d6e71;
  border-radius: 0 0 4px 4px;
}
table.dialogtable tr.dialogheadrow {
  background-color: #cd1041;
  border-bottom: 1px solid #6d6e71;
  color: #FFFFFF;
  padding-left: 5px;
  text-align: left;
}
table.dialogtable th {
  border-bottom: 1px solid #6d6e71;
  font-weight: bold;
}

.noticeborder {
    border:3px solid #687C96;
    font-family:arial,helvetica,sans-serif;
}
.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:#687c96;
    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 {
    font:11px Verdana, Geneva, sans-serif;
    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-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height: 130%;
    /*    color:#666666; */
    /*background: url(/images/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 {
    float: left;
    margin-left: 60px;
    margin-bottom: 6px;
}
.product_page_icons img, .product_page_msds img, .product_page_certs img  {
    padding: 0 3px 0 3px;
}
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: 145px; 
    left: 464px; 
    z-index:99; 
    /*border:solid 1px #4b5676;*/ 
    padding:0; 
    /*background-color:#FFFFFF; */
    -moz-border-radius-bottomright: 4px; 
    -moz-border-radius-bottomleft: 4px; 
    -webkit-border-bottom-right-radius: 4px; 
    -webkit-border-bottom-left-radius: 4px; 
    border-bottom-right-radius: 4px; 
    border-bottom-left-radius: 4px;
    -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 {
    background-color:#003366; 
    width:983px; 
    margin-left:auto; 
    margin-right:auto; 
    text-align:center; 
    padding:4px; 
    font-size:8px; 
    color: #FFFFFF; 
    border-top:solid 1px #a3a3a3;
}
#punchoutheader span {
    display:block;
    padding:6px 0 2px 0;
}
td#leftnavcolumn {
   padding-top: 10px; 
   background-color:#ffffff;
   /* background-image: url(/images/side2_bg.jpg);
    background-repeat: repeat-y;*/
}
#leftnav li.with_chkbx a {
    background-image:none !important;
}
#leftnav li.with_chkbx ul li a {
    background-image:url(/images/single_arrow.gif);
}
/*copied from custom.css file 2/22/2011*/
#leftnav li label {
    display: block;
    padding: 4px 5px 4px 4px;
    color: white;
    font-weight:bold;
    text-decoration: none;
    width: 100%;
    background-image: url(/images/greybg_50.jpg);
    background-position: center left;
    background-repeat: repeat-x;
}
#leftnav li li label {
    color: #606060;
    background-color: #f0f0f0;
    background-image: url(/images/single_arrow.gif);
    background-position: 2px -46px;
    padding-left:12px;
    background-repeat:no-repeat;
    font-weight:bold;
}
#leftnav li li li label {
    color: #606060;
    background-color: #f0f0f0;
    background-image:url(/images/single_arrow.gif);
    background-position: 11px -46px;
    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(/images/single_arrow.gif);
    background-position: 20px -46px;
    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-family:  Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
    font-size:10px;
    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-family: Verdana, Arial, Helvetica, sans-serif;
    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(/images/greybg_50.jpg);*/
    background-image: url(/images/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-family: Verdana, Arial, Helvetica, sans-serif;
    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-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    line-height: 14px;
    list-style-image: url(/www.wardsci.com/images/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:12px;
    line-height: normal;
    background-image: url(/images/arrow_bullet.gif);
    background-repeat: no-repeat;
    background-position: left 4px;
   padding-left:10px;
}
#breadcrumb_admin {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    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 {
  text-align:left;
   display: block;
    line-height: 20px;
    margin:0 21px 20px 10px;
    float: left;
}
#teaser:hover {
    background-color:#ffffff;
}
#teaser a:hover {
    color: #0066CC;
}
#teaser img {
    width: 140px;
    height:140px;
    display:block;
  margin-bottom:16px;
    /*float:left;
    
    margin-right: 10px;*/
    /*border-radius: 6px 6px 6px 6px;*/
}
#teasertext {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    float:left;
}
#teasertext h6 {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1;
    padding-left:12px;
  
    color: rgb(85, 85, 85);
}
#teaser:hover #teasertext h6 {
    text-decoration:underline;
}
#teasertext p {
    font-weight:normal;
    margin-top: 7px;
    text-align:left;
    padding-right:10px;
    margin: 0px 0px 9px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 13px;
    line-height: 18px;
    
    
}
#teasertext a {
    display:block;
    width:140px;
    height:200px;
    /*height: 100px;*/
    text-decoration:none;
    color:#666666;
    padding: 9px;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.055);
    transition: all 0.2s ease-in-out 0s;
}
#teasertext a:hover {
    border-color: rgb(85, 85, 85);
    box-shadow: 0px 1px 4px rgba(0, 105, 214, 0.25);
}
/*************************************
* Landing Page Teaser Text (5 Columns)
**************************************/
#teaser_x5 {
    width:140px;
    height: 220px;
    margin-left: 10px;
    margin-bottom:0px;
    margin-top:0px;    
    background-color:#FFFFFF;
    border: 1px solid #fff;    
    float: left;
    border-radius:4px;
}
#teasertext_x5 img {
    margin:0;
    padding:0;
    border:0;
    padding-left:10px;
    padding-top:20px;
}
#teaser_x5:hover {
    background-color:#EBEFFC;
    border: 1px solid #ccc;
    
}
#teasertext_x5 h6{
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    margin-bottom: 5px;
    margin-top:5px;
    text-align:center;
}
#teasertext_x5 a {
    display:block;
    width: 140px;
    text-decoration:none;
    color:#666666;
}
#teasertext_x5 a:hover {
    color: #F60;
}
/****************************************
* END Landing Page Teaser Text (5 Columns)
*****************************************/
/***************************************************
* 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:#3d5397 !important;
    padding:1px 2px 1px 2px;
    border:none;
}
a.listgrid:hover {
    background-color:#d0d0d0;
    display:inline-block;
    text-decoration: none;
    color:#003266 !important;
}
/*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-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    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 span {
    color:#ececec;
    text-transform: none;
    font-weight:bold;
    width:170px;
}
#leftnav li li.filters li {
    background-image: none !important;
    list-style:none;
}
#leftnav li li.filters li a {
    font-weight:bold;
}
#leftnav li li.filters li a:hover {
    padding-left:0;
}
#leftnav li.searchsubnav {
    background-color:#333333;
    padding: 0px 6px 8px 6px;
    margin-bottom:2px;
}
#leftnav li.searchsubnav span {
    color:#ffffff;
    text-transform:uppercase;
}
#leftnav li.searchsubnav li a {
        font-weight: bold !important;
        color:#ffffff;
}
#leftnav li.searchsubnav input.refinesupplier {
    width:140px;
    height:18px;
    margin:6px 0px 4px 0px;
}
#leftnav ul.supplierselect li a:hover {
    background-color: #f0f0f0;
    color: #404040;
}
#leftnav li.searchsubnav a {
    background-image:none !important;
}
/*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: 0 !important;
  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: 0 !important;
  padding: 2px 2px 0 0;
}
/*CSS Styles for formatting social sharing icons in searchbar*/
a:focus {
    outline: none;
}
#socialcontainer {
  width: 90px;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 0;
}
#shareicon_container,
#sharebutton {
  position: absolute;
  height: 27px;
  right: 3px;
  top: 68px;
  width: 27px;
  z-index: 0;
}
#sharebutton {
	display: inline-block;
	position: relative;
	top: -6px;
	right: initial;
}
a.trigger, a.trigger:hover, a.active.trigger {
	padding: 0;
}
a.shareicon,
a.trigger  {
	display: block;
	background-image: url(/www.wardsci.com/images/share-icon5.png);    
	background-repeat:no-repeat;
	width: 27px;
	height: 27px;
	color: transparent;
}
a.shareicon:hover,
a.trigger:hover {
	background-position:left -27px;
	color: transparent;
}
a.shareicon.trigger.active,
a.trigger.active {
	background-position:left -54px;
	color: transparent;
}
a.shareicon p {
	display:none;
}
#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;
	width: initial;
}
.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;
}
table#supplierlinks table tr td a {
font-size:11px;
line-height:16px;
}
 
#khtest {
    width: 350px;
    background-color: #CC0000;
}
/*styles for promo banners in search results  pages*/
.promocontainer {
    font-family:Arial, Helvetica, sans-serif;
    width:739px;
    background-color:#FFF;
    border: thin solid #4B5676;
    margin:12px 0px 12px 1px;
    border-radius:4px;
    overflow:hidden;
    /*padding-bottom: 8px;*/
}
.promocontainer_imagebox {
    float:left;
    width:292px;
    height: 86px;
}
.promocontainer_imagebox img {
    width:292px;
    height: 86px;
}
.promocontainer_content {
    float: left;
    width:298px;
    padding-left:10px;
    /*padding-bottom:10px;*/ 
    padding-right:10px;
    height:86px;
}
.promocontainer_content h3 a{
    font-family: ralewayextrabold, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:18px;
    font-weight:normal;
    color: #CD1041;
    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 a {
    text-decoration: none;
    color: #06C;
}
.promocontainer a:hover {
    text-decoration: underline;
}
.promocontainer_rightbox {
    width:129px;
    float: left;
    height: 50px;
    font-size:16px;
    font-weight:bold;
/*    background-color: #F60; */
    color:#FFF;
}
.rightbox_top {
    width:129px; 
    height:40px; 
    text-align:center; 
    display:table-cell; 
    vertical-align:middle;
    background-image:url();
}
.rightbox_bottom a {
    width: 109px;
    float: left;
    height: 16px;
    font-size:11px;
    font-weight: bold;
    display: block;
    background-color: #333;
    color:#FFF;
    text-align:center;
    padding-top:4px;
    padding-bottom:6px;
    margin: 0 10px 10px 10px;
    border-radius:4px;
}
.rightbox_bottom a:hover {
    text-decoration:none;
    background-color: #555;
}
.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;
}
/* banners for left nav */
#leftnavcolumn div.promocontainer {
    width:178px;
    position:relative;
}
#leftnavcolumn div.promocontainer_imagebox {
    width: 180px;
    height: 52px;
}
#leftnavcolumn div.promocontainer_imagebox img {
    width: 180px;
    height: 52px;
}
#leftnavcolumn div.promocontainer_content {
    width: 170px;
    height: 100%;
    padding-left:5px;
    padding-right:5px;
    text-align: center;
}
#leftnavcolumn div.promocontainer_content h3 {
    font-size: 12px;
    font-weight: bold;
    margin: 8px 0 3px 0;
    word-wrap: break-word;
}
#leftnavcolumn div.promocontainer_content p {
    font-size: 11px !important;
    line-height: 12px !important;
}
#leftnavcolumn div.promocontainer_content span {
    margin: 8px 2px 12px 2px;
}
#leftnavcolumn div.promocontainer_rightbox {
    width: 180px;
    height: 0px;
    font-size:14px;
}
#leftnavcolumn div.rightbox_top {
  background-color: #CC0033;
  background-image: none;
  height: auto;
  left: 0;
  padding-top: 6px;
  padding-bottom: 8px;
  position: absolute;
  top: 0;
  width: 180px;
  display: none; /* hide rightbox */
}
#leftnavcolumn div.rightbox_bottom {
    width:180px;
    float: left;
    margin-top: 10px;
}
#leftnavcolumn div.rightbox_bottom a {
    width: 160px;
    margin: 10px;
    float: none;
    height: 16px;
    font-size:11px;
    font-weight: bold;
    display: block;
    background-color: #333;
    color:#FFF;
    text-align:center;
    padding-top:4px;
    padding-bottom:6px;
    margin: 0 auto 10px auto;
    border-radius: 4px;
}
/* ##################################################### */
#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;
}
/* Styles for adding Hamburger Button and dropdown leftnav to any page */
#burgerbutton {
  background-image: url(/www.wardsci.com/images/burger2.png);
  cursor: pointer;
  float: left;
  height: 21px;
  margin: 0 14px 0 0;
  *margin-top: 10px;
  width: 58px;
}
#burgerbutton.active {
  background-image: url(/www.wardsci.com/images/burger_back2.png);
}
.leftnav_dropdown {
  border: 1px solid #acacac;
  position: absolute !important;
  top: 204px;  /*set to 150 for Admin pages, 204 for GW customer pages*/
  border-top: none !important;
  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.73);
}
#leftnav {
  z-index: 10000;
}
/*Styles for Order Entry Details screen popup*/
#order_detail_container {
    width:942px;
    margin: 0 auto 50px;
    font-family: Verdana, arial, helvetica;
    font-size: 11px;
    line-height: 14px;
}
.order_detail_head {
    background-color: #808080;
    border: 1px solid #909090;
    padding-top: 4px;
    color: #ffffff;
    font-family: Verdana, arial, helvetica;
    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 12px 0;
    border: 1px solid #808080;
    magin-bottom:20px;
    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-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight:bold;
    margin: 0 0 12px 0;
    color:#495676;
}
#Send_Email_Invoices {
    width:600px;
    font-family: Verdana, arial, helvetica;
    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-family: Verdana, arial, helvetica;
    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 {
     color: #003366 ! important;
     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: #005492 ! important;
     font-size: 11px ! important;
     font-weight: 700;
     height: 39px;
     line-height: 13px ! important;
     margin: 0px ! important;
     overflow: hidden;
     position: relative;
	 padding-top: 4px;
}
/*Notifications top menu and alert styles*/
div.notifications_button {
  background-color: #f5f5f5;
  background-image: url(/www.wardsci.com/images/img_cart-button-bg2.png);
  border: 1px solid #cccccc;
  border-radius: 5px;
  display: inline-block;
  float: none;
  margin-right: 1px;
  margin-top: -1px;
}
a.my_notifications {
  background: url(/www.wardsci.com/images/notifications_bg_wards.png);
  background-repeat: no-repeat;
  background-position: 13px 5px;
  border-radius: 0;
  color: #005693 !important;
  display: inline-block;
  /*font-size: 14px;*/
  font-weight: 700;
  line-height: 14px;
  margin: 0;
  padding: 3px 4px 7px 30px;
}
.notifications_button.active a.my_notifications {
    background: url(/www.wardsci.com/images/notifications_bg_hover_wards.png) no-repeat scroll 11px 5px;
    background-color: #ff7f00;
    color:#ffffff !important;
}
a.my_notifications span.notification_alerts {
  background-color: #ff7f00;
  border-radius: 8px;
  color: #ffffff;
  display: inline-block;
  line-height: 14px;
  margin: 5px 8px 0 -3px;
  padding: 1px 6px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  vertical-align: baseline;
  white-space: nowrap;
}
.notifications_button.active .my_notifications span.notification_alerts {
      background-color: #ffffff;
      color: #ff7f00;
}
#notifications_widget {
  background-color: #ffffff;
  border-radius: 0 !important;
  box-shadow: 0 9px 8px 2px rgba(0, 0, 0, 0.3);
  left: auto;
  padding: 0px;
  position: absolute;
  right: 0px;
  *right: -100px;
  top: 32px;
  *top:33px;
  z-index: 103;
}
#NotificationsWidget_container {
    background-color: #ffffff;
    /*border: 1px solid #acacac;*/
    border-radius: 3px;
    font-family: "Lato";
    width: 440px;
}
#NotificationsWidget_Head {
  background-color: #ff7f00;
  border-bottom: 1px solid #b2b2b2;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  height: 22px;
  padding: 5px 5px 2px 12px;
  text-align: left;
  text-transform: uppercase;
}
#NotificationsWidget_Head span {
  float: right;
  font-size: 11px;
  padding: 2px 15px 0 0;
  text-transform: none;
}
#NotificationsWidget_Head span a {
  color: #ffffff;
  text-decoration: none;
}
#NotificationsWidget_Head span a:hover {
	text-decoration: underline;
}
span.notification_badge,
#leftnav li span.notification_badge {
  background-color: #ff7f00;
  border-radius: 1em;
  color: #ffffff;
  display: inline-block;
  margin: 0;
  padding: 0.1em 0.5em;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  vertical-align: baseline;
  white-space: nowrap;
  width: auto;
}
#NotificationsWidget_Display_Container {
    max-height: 252px;
    overflow: auto;
    padding: 8px 4px 0;
}
.NotificationsWidget_Display {
  background-image: url(/www.wardsci.com/images/notifications_bg_wards.png);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  border-bottom: 1px solid #b8b8b8;
  margin: 0 0 8px;
  padding: 0 0 6px 40px;
  position: relative;
}
.Notifications_Delete {
  text-align: right;
  height: 8px;
  padding-right: 16px;
}
.NotificationsWidget_Desc {
  font-size: 13px;
  margin: 3px 0;
}
.NotificationsWidget_Desc a {
	color: #303030;
	text-decoration: none;
}
.NotificationsWidget_Desc a:hover {
	text-decoration: underline !important;
	color: #005592;
}
.NotificationsTimeStamp {
  font-size: 11px;
  margin-right: 15px;
  text-align: right;
  color: #808080;
}
.NotificationsWidget_Bottom {
  border-top: 1px solid #508eb3;
  font-size: 12px;
  font-weight: 400;
  padding: 8px 16px;
  text-align: right;
}
.NotificationsWidget_Bottom a {
	color: #508eb3;
	text-decoration:none;
}
.NotificationsWidget_Bottom a:hover {
	text-decoration:underline !important;
}
.NotificationsWidget_Items {
    float: left;
    font-size: 11px;
    height: 42px;
    margin-bottom: 4px;
    padding-left: 0;
    padding-top: 10px;
    width: 230px;
}