/********************************************************
--Table of Contents (TOC)
 
--Universal
 
--Header
 
--Robert's CSS
 
--Index TOC
 
--Product TOC
  Instrument Services
  Accuform Custom Signs
  Accuform Stock Signs
  Logo Imprinting
  Training Services
 
--Logos (Brands) TOC

--Info (Educate Me) TOC
 
--Contact (Email) TOC
  Email/Contact
  About
  Terms
  
--Footer

--Spotlight Page (like Clearance, Exceptional Savings, Summer, etc.)
 
--Search Page (results page for categories, queries, vendors, etc. )
 
--Product Page (single product only )
 
--Andrew's CSS

********************************************************/
* { margin: 0;  padding: 0; text-decoration: none; }

img { border:0;}
  
body { /*got this from colorzilla.com. create your own backwards compatible gradient */
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top, #e2e2e2 23%, #ededed 94%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,#e2e2e2), color-stop(94%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e2e2e2 23%,#ededed 94%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e2e2e2 23%,#ededed 94%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e2e2e2 23%,#ededed 94%); /* IE10+ */
background: linear-gradient(top, #e2e2e2 23%,#ededed 94%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
font-size: 12px;
}
a:link {
	color: #004990;
	font-size: 12px;
    font-weight: 700;
    outline: medium none;
    text-decoration: none;		
}
a:visited {
	color: #004990;
	font-size: 12px;
    font-weight: 700;
    outline: medium none;
    text-decoration: none;		
}
a:hover {
    text-decoration: underline;		
}
a:active {
    text-decoration: underline;		
}
/********************************************************
 Header
 ********************************************************/

#header { /* This reference is only on each html page, not the header.cfm itself*/
  width: 800px;
  height: auto;
  margin: 0px auto 0px auto;
  top: 0;
}

#header-wrap { 
  width: 800px;
  height: 165px;
  margin: 0px auto 15px auto;
  position: relative;
  display: block;
  top: 0;
  z-index: 500; 
  border-radius: 5px;
  -moz-box-shadow: 4px 4px 8px #18284d;
  -webkit-box-shadow: 4px 4px 8px #18284d;
  box-shadow: 4px 4px 8px #18284d;
}

#top-div {
  width: 800px;
  height: 130px;
  background-image: url("/images/indesign_masthead.jpg");
  background-repeat: no-repeat;
  top: 0px;
  position: relative;
  float: left;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#login {
  top: 11px;
  right: 60px;
  width: 170px;
  height: 20px;
  font: normal 11px Arial;
  position: absolute;
}

#cart {
  top: 5px;
  right: 10px;
  width: 40px;
  height: 60px;
  position: absolute;
  background-repeat: no-repeat;
  font: normal 9px Arial;
}

#smoothmenu-wrap {
  width: 795px; /*related the padding below - 5px*/
  height: 36px;
  padding: 0 0 0 5px; /*needed to show curved div*/
  position: relative;
  float: left;
}

.smoothmenu {
  font: normal 11px Arial;
  line-height: 13px;
  background-color:rgb(10,90,130); /*background of menu bar (default state)*/
  width: 780px;
  text-shadow: #151B54 1px 1px;
  text-align: left;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#smoothmenu-wrap, #smoothmenu-wrap ul li a { background:normal_background;}
#smoothmenu-wrap ul li a:hover { background:hover_background;}

.smoothmenu-toplink {
  float: left;
  font: normal 14px Arial;
  list-style-type: none;
  position: relative;
  display: inline;
  border-right: 1px solid #006699;
  z-index:100;
}

.smoothmenu ul{
  margin: 0; /*stays at 0*/
  padding: 0;/*stays at 0*/
  list-style-type: none;
  z-index:100;
}

.smoothmenu ul li{
  position: relative;
  display: inline;
  float: left;
}

.smoothmenu ul li a{
  display: block;
  background-color:rgb(10,90,130); /*background of menu items (default state) needed for all bkgd when they pull out*/
  color: #fff;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
}

* html .smoothmenu ul li a{  display: inline-block;} /*IE6 hack to get sub menu links to behave correctly*/

.smoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
  background-color: rgb(10,50,80); 
}

.smoothmenu ul li a:hover{
  background-color: rgb(10,50,80); /*background of menu items during onmouseover (hover state)*/
}
  
/*1st sub level menu*/
.smoothmenu ul li ul{
  top:0;
  left: 0;
  visibility: hidden;
  background-color:rgb(10,90,130);
  position: absolute;
  display: none; /*collapse all sub menus to begin with*/ /*no background color here*/
}

/*Sub level menu list items (undo style from Top level List Items)*/
.smoothmenu ul li ul li{
  display: list-item;
  padding: 0px;
  float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.smoothmenu ul li ul li ul{
  z-index: 100;
  top: 0;
}

.bigscroll-box { /* RF Note only use this for submenus with more than, say, 15 items; if you don't use this then the submenu is by default the class below 175px */
  width: 200px; /*width of box*/
  height: 250px;
  padding: 0px 10px 0 0;
  letter-spacing:normal;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: rgb(10,90,130);
  display: block;
  z-index: 100;
}

/* Sub level menu links style */
.smoothmenu ul li ul li a{
  width: 175px; /*width of sub menus still needed even though bigmenublock has width; must be about 25px less for righthand margin scroll bar*/
  height: none;
  font: normal 12px Verdana;
  letter-spacing:normal;
  padding: 4px;
  margin: 0;
  border-top-width: 0;
  border-bottom: 1px solid #006699;
  }

* html .smoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

.down-arrow{
  position: absolute;
  top: 15px;
  right: 5px;
}

.right-arrow{
  position: relative;
  float: right;
  top: 2px;
  left: 0px;
}

.shadow { /*shadow for NON CSS3 capable browsers*/
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0px;
  height: 0px;
  -moz-box-shadow: 4px 4px 8px #18284d;
  -webkit-box-shadow: 4px 4px 8px #18284d;
  box-shadow: 4px 4px 8px #18284d;
  z-index: 10;
  
/* For IE 8 */
  -ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000');
  -ms-filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
  z-index: 10;
  
/* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000');
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
  z-index: 10;
}

.shadow, .toplevelshadow { 
 /* This protects the inner element from being blurred; it also keeps the shadow on*/
  background-color: #DDD;
  padding: 0;
}

#searchbar {
  width: 230px;
  height: 25px;
  top: 5px;
  right: 15px;
  position: absolute;
  font: normal 11px Arial;
}


/********************************************************
 Index Homepage Only
 ********************************************************/

#index-wrap {
  width: 800px;
  height: auto;
  margin: 0 auto 5px auto;
  padding: 0px;
  display: block;
  position: relative;
}
  
#index-left-column {
  width: 110px;
  height: auto;
  margin: 5px 0 0 0;
  left: 0;
  display: block;
  position: relative;
  float: left;
}
  
.thumbgroup {
  width: 110px;
  height: 175px;
  padding: 0px 0 10px 0;
  margin: 0 0 10px 0;
  left:0;
  float: left;
}

.thumbnail {
  width: 105px;
  height: 145px;
  margin: 0 0 5px 0;
  display: block;
  position: relative;
  left:0;
  float: left;
}

.thumbnail img{
  width: 110px;
  height: 145px;
  display: block;
  position: relative;
  border-radius: 4px;
  -moz-box-shadow: 2px 2px 8px #18284d;
  -webkit-box-shadow: 2px 2px 8px #18284d;
  box-shadow: 2px 2px 8px #18284d;
}

.thumbname {
  width: 110px;
  height: 30px;
  min-height: auto;
  color: #336699;
  font-size: 12px;
  font-family: Arial, Verdana, sans-serif;
  font-weight: 500;
  line-height: 14px;
  font-stretch: condensed;
  text-align: center;
  font-style: oblique;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  left:0;
  float: left;
}

.thumbname a { color: #151B54; text-decoration:none;}

.thumbname a:hover { color: #151B54; text-decoration:underline;}

#index-right-column{
  width: 660px; 
  height: auto;
  margin: 5px 0px 0px 0px;
  display: block;
  position: relative;
  float: right;
}

#mainimg-titlebar {
  width: 660px;
  height: 28px;
  color: #fff;
  margin: 0px auto 0px auto;
  padding: 4px 0 0 4px;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  font-stretch: extra-expanded;
  text-decoration: none;
  letter-spacing: 1px;
  font-weight: 700;
  word-spacing: normal;
  vertical-align: middle;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: -moz-linear-gradient(-90deg, #153E7E, #151B54);
  background: -webkit-gradient(linear, left top, left bottom, from(#153E7E), to(#151B54));
  background-color: #151B54;
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#153E7E', endColorstr='#151B54)'); /* IE6 & IE7 */
  text-shadow: #151B54 1px 1px;
  -moz-box-shadow: 3px 4px 8px #18284d;
  -webkit-box-shadow: 3px 4px 8px #18284d;
  box-shadow: 3px 4px 8px #18284d;
}

#mainimg {
  width: 660px; 
  height: 296px; 
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-box-shadow: 4px 4px 8px #18284d;
  -webkit-box-shadow: 4px 4px 8px #18284d;
  box-shadow: 4px 4px 8px #18284d;
}

#mainimg img{
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}


#overflow-box {
  width: 660px; 
  height: 80px; 
  margin: 14px 0 14px 0;
  font-size: 12px;
  line-height: 16px;
}

.overflow-box {
  overflow: auto;
  color: #151B54;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
}

.overflow-box a { color: #151B54; text-decoration: none;}

.overflow-box a:hover { color: #151B54; text-decoration: underline;}

.banner-left-column{
  width: 320px; 
  height: auto; 
  margin: 0 0px 0px 0px;
  float: left;
}

.banner-right-column{
  width: 320px; 
  height: auto; 
  margin: 0 0px 0px 0px;
  float: right;
}

.banner-titlebar {
  width: 100%;
  height: 27px;
  color: #fff;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  word-spacing: expanded;
  vertical-align: middle;
  padding: 4px 0 0 4px;
  margin: 10px 0 20px 0; /* linked with the banner-box margin for top */
  border-radius: 5px;
  background: -moz-linear-gradient(-90deg, #153E7E, #151B54);
  background: -webkit-gradient(linear, left top, left bottom, from(#153E7E), to(#151B54));
  background-color: #151B54;
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#153E7E', endColorstr='#151B54)'); /* IE6 & IE7 */
  text-shadow: #151B54 1px 1px;
  -moz-box-shadow: 3px 4px 8px #18284d;
  -webkit-box-shadow: 3px 4px 8px #18284d;
  box-shadow: 3px 4px 8px #18284d;
}

.banner-box {
  width: 320px; 
  height: 200px; 
  padding: 10px 0 10px 0 ;
}

.banner-box img{
  width: 300px; 
  height: auto; 
  vertical-align: middle;
}

#wide-titlebar {
  width: 100%;
  height: 26px;
  margin: 5px auto 10px auto;
  padding: 4px 0 0 4px;
  color: #fff;
  background-color: rgb(25,79,119);
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  font-weight: 400;
  word-spacing: expanded;
  vertical-align: middle;
  border-radius: 5px;
  background: -moz-linear-gradient(-90deg, #153E7E, #151B54);
  background: -webkit-gradient(linear, left top, left bottom, from(#153E7E), to(#151B54));
  background-color: #151B54;
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#153E7E', endColorstr='#151B54)'); /* IE6 & IE7 */
  text-shadow: #151B54 1px 1px;
  -moz-box-shadow: 3px 4px 8px #18284d;
  -webkit-box-shadow: 3px 4px 8px #18284d;
  box-shadow: 3px 4px 8px #18284d;
  float: left;
}

#wide-box {
  width: 650px; 
  height: 180px;
  margin: 5px 0px 10px 0px;
  overflow-y: auto;
  border: solid 1px #3399cc;
  display: block;
  padding: 5px 5px 5px 5px;
  float: left;
}

#wide-column {
  width: 185px;
  height: auto;
  margin: 5px;
  padding: 0;
  font-weight: 600;
  word-spacing: expanded;
  vertical-align: middle;
  text-align: left;
  color: #151B54;
  font-size: 14px;
  line-height: 20px;
  font-family: Arial, Verdana, sans-serif;
  display: block;
  float: left;
}

#wide-column a { color: #151B54; text-decoration: none;}

#wide-column a:hover { color: #151B54; text-decoration: underline;}

/********************************************************
 Product Page TOC Only
 ********************************************************/  
 
#product-wrap {
  height: auto;
  width: 800px;
  margin: 0 auto 0 auto;
  padding: 0px 0px 0px 0px;
  border: 1px #000 solid;
}

.product-titlebar { 
  width: 100%;
  height: auto;
  margin: 10px auto 10px auto;
  padding: 4px 0 0 4px;
  color: #fff;
  text-align: center;
  font-size: 20px;
  line-height: 28px;
  font-family: Verdana, Helvetica, sans-serif;
  font-stretch: extra-expanded;
  letter-spacing: 1px;
  font-weight: 700;
  word-spacing: normal;
  border-radius: 5px;
  background: -moz-linear-gradient(-90deg, #153E7E, #151B54);
  background: -webkit-gradient(linear, left top, left bottom, from(#153E7E), to(#151B54));
  background-color: #151B54;
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#153E7E', endColorstr='#151B54)'); /* IE6 & IE7 */
  text-shadow: #151B54 1px 1px;
}

.product-textbox {
  width: 700px;
  height: auto; 
  margin: 80px auto 10px auto;
  padding: 0px 0px 0px 0px;
  color: #000;
  text-align:left;
  font-size: 14px;
  line-height: 25px;
  font-family: Arial, Verdana, sans-serif;
  font-weight: 200;
}
  
.product-thumbgroup {
  width: 400px;
  height: 180px;
  padding: 0px;
  margin: 10px 0 20px 100px;
  border: solid 1px #fff;
  border-radius: 5px;
  display: block;
  position: relative;
  border: 1px #cccff solid;
}

.product-thumbnail {
  width: 120px;
  height: 155px;
  padding: 0px;
  margin: 0;
  float: left;
}

.product-thumbnail img {
  width: 120px;
  height: 155px;
  padding: 0px;
  margin: 0;
  -moz-box-shadow: 8px 8px 10px -5px rgb(46,84,140);
  -webkit-box-shadow: inset 20 20 30px rgb(46,84,140);
  border-radius: 5px;
  float: left;
  left: 0
}

.product-thumbname {
  width: 400px;
  height: 100%;
  color: #151B54;
  font-size: 15px;
  line-height: 20px;
  font-family: Arial, Verdana, sans-serif;
  font-weight: 600;
  line-height: 24px;
  font-stretch: expanded;
  text-align: left;
  vertical-align: middle;
  margin: 2px 20px 0px 0;
  padding: 0px;
  float: left;
  left: 0;
}

.product-thumbname a { text-decoration: none; color: #151B54;}

.product-thumbname a:hover { text-decoration: underline; color: #151B54;}

/********************************************************
Logos (Brands) Page TOC Only
 ********************************************************/ 
 
#logo-wrap {
  width: 800px;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0px 0px 10px 0px;
}

.logo-titlebar {
  width: 100%;
  height: auto;
  margin: 10px auto 10px auto;
  padding: 4px 0 0 4px;
  color: #fff;
  text-align:center;
  font-size: 20px;
  line-height: 28px;
  font-family: Verdana, Helvetica, sans-serif;
  font-stretch: extra-expanded;
  letter-spacing: 1px;
  font-weight: 700;
  word-spacing: normal;
  border-radius: 5px;
  background: -moz-linear-gradient(-90deg, #153E7E, #151B54);
  background: -webkit-gradient(linear, left top, left bottom, from(#153E7E), to(#151B54));
  background-color: #151B54;
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#153E7E', endColorstr='#151B54)'); /* IE6 & IE7 */
  text-shadow: #151B54 1px 1px;
  }
  
#logo-quicklink {
  width: 400px;
  height: 30px;
  margin: 0 auto 5px auto;
  color: color: #151B54; 
  font-size: 18px;
  font-family: Arial, Verdana;
  float: none;
  text-decoration: none;
}

#logo-quicklink a { color: #151B54; text-decoration: none;}

#logo-quicklink a:hover {  color: #151B54; text-decoration: underline;}

.logo-thumbgroupbig {
  width: 500px;
  height: 120px;
  margin: 4px auto 4px auto;
  padding: 0px 0 0 0;
  border-bottom: 1px dashed #003399;
  text-decoration: none;
}

.logo-thumbnail {
  width: 100px;
  height: 100px;
  margin: 10px 50px 0 50px;
  float: left;
  border-radius: 5px;
  -moz-box-shadow: 4px 6px 8px #18284d;
  -webkit-box-shadow: 4px 6px 8px #18284d;
  box-shadow: 4px 6px 8px #18284d;
}

.logo-thumbname {
  margin: 50px 0 0 0;
  color: #151B54;
  font-size: 16px;
  line-height: 18px;
  font-family: Arial, Verdana, sans-serif;
  font-weight: 600;
  word-spacing: normal;
  float: left;
  text-decoration: none;
}

.logo-thumbname a { color: #151B54; text-decoration: none;}

.logo-thumbname a:hover {  color: #151B54;  text-decoration: underline;}

#bannervendor-box {
  height: auto; 
  width: 300px; 
  margin: 14px auto 16px auto;
}

/********************************************************
  Info (Educate Me) Pages Only
 ********************************************************/  

#info-wrap {
  width: 800px;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0px 0px 0px 0px;
}

.info-titlebar {
  width: 100%;
  height: auto;
  margin: 10px auto 10px auto;
  padding: 4px 0 0 4px;
  color: #fff;
  text-align:center;
  font-size: 20px;
  line-height: 28px;
  font-family: Verdana, Helvetica, sans-serif;
  font-stretch: extra-expanded;
  letter-spacing: 1px;
  font-weight: 700;
  word-spacing: normal;
  border-radius: 5px;
  background: -moz-linear-gradient(-90deg, #153E7E, #151B54);
  background: -webkit-gradient(linear, left top, left bottom, from(#153E7E), to(#151B54));
  background-color: #151B54;
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#153E7E', endColorstr='#151B54)'); /* IE6 & IE7 */
  text-shadow: #151B54 1px 1px;
}
  
.info-textbox {
  width: 700px;
  height: auto; 
  margin: 10px auto 10px auto;
  padding: 0px 0px 0px 0px;
  color: #000;
  text-align:left;
  font-size: 14px;
  line-height: 25px;
  font-family: Arial, Verdana, sans-serif;
  font-weight: 200;
}
  
.info-subtitle {
  width: 700px;
  height: auto;
  margin: 10px auto 10px auto;
  padding: 0px;
  color: #CC3333;
  text-align:left;
  font-size: 18px;
  line-height: 26px;
  font-family: Verdana, Helvetica, sans-serif;
  font-weight: 500;
}
  
.info-legal {
  width: 700px;
  height: auto;
  color: #000;
  font-size: 12px;
  font-family: Times New Roman, serif;
  font-weight: 300;
  line-height: 14px;
  text-align:left;
  margin: 10px auto 10px auto;
}

/********************************************************
  Contact (Contact and Email ) TOC Page Only
 ********************************************************/  
 
#contact-wrap {
  width: 800px;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0px 0px 0px 0px;
}

.contact-titlebar {
  width: 100%;
  height: auto;
  margin: 10px auto 10px auto;
  padding: 4px 0 0 4px;
  color: #fff;
  text-align:center;
  font-size: 20px;
  line-height: 28px;
  font-family: Verdana, Helvetica, sans-serif;
  font-stretch: extra-expanded;
  letter-spacing: 1px;
  font-weight: 700;
  word-spacing: normal;
  border-radius: 5px;
  background: -moz-linear-gradient(-90deg, #153E7E, #151B54);
  background: -webkit-gradient(linear, left top, left bottom, from(#153E7E), to(#151B54));
  background-color: #151B54;
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#153E7E', endColorstr='#151B54)'); /* IE6 & IE7 */
  text-shadow: #151B54 1px 1px;
}
  
.contact-textbox {
  width: 700px;
  height: auto; 
  margin: 10px auto 10px auto;
  padding: 0px 0px 0px 0px;
  color: #000;
  text-align:left;
  font-size: 14px;
  line-height: 25px;
  font-family: Arial, Verdana, sans-serif;
  font-weight: 200;
}

.contact-name {
  width: 350px;
  height: auto;
  margin: 12px auto 12px auto;
  padding: 4px 30px 4px 6px;
  color: #990033;
  text-align:left;
  font-size: 16px;
  line-height: 24px;
  font-family: Verdana, Helvetica, sans-serif;
  font-weight: 600;
  border: solid 1px #fff;
  border-radius: 5px;
  -moz-box-shadow: 8px 8px 10px -5px rgb(46,84,140);
  -webkit-box-shadow:inset 20 20 30px rgb(46,84,140);
}

/********************************************************
  About TOC Page Only
 ********************************************************/  
 
#about-wrap {
  width: 800px;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0px 0px 0px 0px;
}

.about-titlebar {
  width: 100%;
  height: auto;
  margin: 10px auto 10px auto;
  padding: 4px 0 0 4px;
  color: #fff;
  text-align:center;
  font-size: 20px;
  line-height: 28px;
  font-family: Verdana, Helvetica, sans-serif;
  font-stretch: extra-expanded;
  letter-spacing: 1px;
  font-weight: 700;
  word-spacing: normal;
  border-radius: 5px;
  background: -moz-linear-gradient(-90deg, #153E7E, #151B54);
  background: -webkit-gradient(linear, left top, left bottom, from(#153E7E), to(#151B54));
  background-color: #151B54;
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#153E7E', endColorstr='#151B54)'); /* IE6 & IE7 */
  text-shadow: #151B54 1px 1px;
}

.about-imgbox {
  width: 800px;
  height: auto; 
  margin: 15px auto 15px auto;
  padding: 0px 0px 0px 0px;
}

.about-textbox {
  width: 700px;
  height: auto; 
  margin: 10px auto 10px auto;
  padding: 0px 0px 0px 0px;
  color: #000;
  text-align:left;
  font-size: 14px;
  line-height: 25px;
  font-family: Arial, Verdana, sans-serif;
  font-weight: 200;
}
  
.about-imageleft {
  width: auto;
  height: auto; 
  margin: 0px 0px 0px 0px;
  padding: 5px 10px 5px 10px;
  float: left;
  clear: both;
}

/********************************************************
  Terms TOC Page Only
 ********************************************************/  
 
#terms-wrap {
  width: 800px;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0px 0px 0px 0px;
}

.terms-titlebar {
  width: 100%;
  height: auto;
  margin: 10px auto 10px auto;
  padding: 4px 0 0 4px;
  color: #fff;
  text-align:center;
  font-size: 20px;
  line-height: 28px;
  font-family: Verdana, Helvetica, sans-serif;
  font-stretch: extra-expanded;
  letter-spacing: 1px;
  font-weight: 700;
  word-spacing: normal;
  border-radius: 5px;
  background: -moz-linear-gradient(-90deg, #153E7E, #151B54);
  background: -webkit-gradient(linear, left top, left bottom, from(#153E7E), to(#151B54));
  background-color: #151B54;
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#153E7E', endColorstr='#151B54)'); /* IE6 & IE7 */
  text-shadow: #151B54 1px 1px;
}
  
.terms-textbox {
  width: 700px;
  height: auto; 
  margin: 10px auto 10px auto;
  padding: 0px 0px 0px 0px;
  color: #000;
  text-align:left;
  font-size: 14px;
  line-height: 25px;
  font-family: Arial, Verdana, sans-serif;
  font-weight: 200;
}
  
.terms-subtitle {
  width: 700px;
  height: auto;
  margin: 10px auto 10px auto;
  padding: 0px;
  color: #CC3333;
  text-align:left;
  font-size: 18px;
  line-height: 26px;
  font-family: Verdana, Helvetica, sans-serif;
  font-weight: 500;
}
  
.terms-imageleft {
  width: auto;
  height: auto; 
  margin: 0px 0px 0px 0px;
  padding: 5px 10px 5px 10px;
  float: left;
  clear: both;
}

/********************************************************
  Footer Only
 ********************************************************/
 
#footer { /* This reference is only on each html page, not the footer.cfm itself  height: 1400px;*/
  height: auto;
  position: relative;
  height: auto !important;
  min-width: 100%;
  min-height: 100%;
  clear:both !important;
}

#footer-push {  height: 4em;}

#footer-wrapper {
  width: 100%;
  height: auto !important;
  min-width: 100%;
  min-height: 100%;
  bottom: 0;
  margin: 0 auto -4em auto;
  border-top: 4px #9999cc solid;
  background-image: url("/images/footer_bkgd.gif");
  background-repeat: repeat;
  display: block;
}

#caloly-quoter {
  width: 470px;
  height: auto;
  margin: 0px auto 10px auto;
  border: solid 1px #fff;
  border-radius: 8px;
  padding: 14px 14px 18px 14px;
}

#caloly-quoter h1{
  font-size: 14px;
  line-height: 16px;
  font-family: Verdana, sans-serif;
  color: #fff;
  font-stretch: normal;
  text-shadow: #151B54 1px 1px; 
  font-weight: 200;
}

#caloly-quoter br{
  font-size: .6em;
  line-height: .7px;
  margin: 5px 0 5px 0;
}

#caloly-quoter h6 {
  font-size: .6em;
  line-height: .7em;
  font-family: Arial, Verdana;
  color: #fff;
  font-stretch: .5em;
  text-shadow: #151B54 1px 1px; 
  margin: 0px 0 0 0;
}

#footer-toplinks {
  width: 600px;
  color: #fff;
  font-size: 15px;
  font-family: Arial, Verdana, sans-serif;
  font-weight: 500;
  line-height: 14px;
  font-stretch: condensed;
  text-shadow: #151B54 1px 1px; 
  margin: 0 auto 5px auto;
}

#footer-toplinks a {  color: #fff; text-decoration: none;}

#footer-toplinks a:hover {  color: #fff; text-decoration: underline;}

#footer-colwrap {
  width: 800px;
  height: auto;
  margin: 0 auto 0px auto;
}

.footer-col {
  width: 190px;
  height: auto;
  margin: 0 8px 0 0;
  float: left;
}

#footer-largetext {
  color: #99ccff;
  font-size: 14px;
  font-family: Arial, Verdana, sans-serif;
  font-weight: 500;
  line-height: 16px;
  font-stretch: condensed;
  text-shadow: #151B54 1px 1px;
  margin: 0 0 5px 0;
}

.footer-subtitlelinks {
  color: #99ccff;
  font-size: 14px;
  font-family: Arial, Verdana, sans-serif;
  font-weight: 300;
  line-height: 16px;
  font-stretch: condensed;
  text-shadow: #151B54 1px 1px; 
  margin: 0 0 5px 0;
}

.footer-links {
  color: #fff;
  font-size: 12px;
  font-family: Arial, Verdana, sans-serif;
  font-weight: 200;
  line-height: 14px;
  font-stretch: condensed;
  text-shadow: #151B54 1px 1px; 
  margin: 0 0 5px 0;
}

.footer-links a { color: #fff; text-decoration: none;}

.footer-links a:hover { color: #fff; text-decoration: underline;}

.footerlegal-text {
  color: #fff;
  font-size: 10px;
  font-family: Arial, Verdana, sans-serif;
  line-height: 11px;
  font-stretch: normal;
  margin: 0 auto 5px 0;
}

.footerlegal-text a{ color: #fff; text-decoration: none;}

.footerlegal-text a:hover{ color: #fff; text-decoration: underline;}

#sitemeter {
  width: 50px;
  height: 50px;
  margin: 10px;
}

/********************************************************
 Spotlight Page (for Clearance, Exceptional Savings, Summer, etc.)
 ********************************************************/

.spotlight-titlebar {
  width: 100%;
  height: auto;
  color: #fff;
  margin: 10px auto 10px auto;
  padding: 4px 0 0 4px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  line-height: 14pt;
  font-stretch: extra-expanded;
  letter-spacing: 1px;
  font-weight: 700;
  word-spacing: normal;
  border-radius: 5px;
  background: -moz-linear-gradient(-90deg, #153E7E, #151B54);
  background: -webkit-gradient(linear, left top, left bottom, from(#153E7E), to(#151B54));
  background-color: #151B54;
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#153E7E', endColorstr='#151B54)'); /* IE6 & IE7 */
  text-shadow: #151B54 1px 1px;
}


.spotlight-producttitle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  line-height: 13pt;
  color: #000099;  
  letter-spacing: normal;
}

.spotlight-producttitle a {  color: #151B54; text-decoration:none;}

.spotlight-producttitle a:hover {  color: #151B54; text-decoration:underline;}



/********************************************************
 Search Page (results page for categories, queries, vendors, etc. )
 ********************************************************/

.search-titlebar {
  width: 100%;
  height: auto;
  color: #fff;
  margin: 10px auto 10px auto;
  padding: 4px 0 0 4px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  line-height: 14pt;
  font-stretch: extra-expanded;
  letter-spacing: 1px;
  font-weight: 700;
  word-spacing: normal;
  border-radius: 5px;
  background: -moz-linear-gradient(-90deg, #153E7E, #151B54);
  background: -webkit-gradient(linear, left top, left bottom, from(#153E7E), to(#151B54));
  background-color: #151B54;
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#153E7E', endColorstr='#151B54)'); /* IE6 & IE7 */
  text-shadow: #151B54 1px 1px;
}


.search-producttitle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  line-height: 13pt;
  color: #151B54;
  letter-spacing: normal;
}

.search-producttitle a{  color: #151B54; text-decoration:none;}

.search-producttitle a:hover{  color: #151B54; text-decoration:underline;}

#search-results-wrapper {
	display: block;
	font-family: Arial,Helvetica,sans-serif;
	margin-left: auto;
	margin-right: auto;
	width: 800px;	
}
#search-results-header {
	background: #CCC;
	border: #000 solid 1px;
	font-family: Arial,Helvetica,sans-serif;
	margin: 5px 0 5px 0;
	text-align: center;
	width: 100%;	
}
.resultImage{
	border: #000 solid 1px;
	float: left;
	width: 100px;	
}
.resultTitle{
	font-family: Arial,Helvetica,sans-serif;
	margin-left: 110px;
	text-align: left;	
}
.resultDivider {
	border-bottom: #333 solid 1px;
	clear: both;
    display: block;
	margin: 0 4px 4px 4px;
	padding: 5px 0 0 0;
}
.searchTermHighlight {
	font-weight: bold;	
}
/********************************************************
 Product Page (single product only )
 ********************************************************/

.detail-titlebar {
  width: 100%;
  height: auto;
  color: #fff;
  margin: 10px auto 10px auto;
  padding: 4px 0 0 4px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  line-height: 14pt;
  font-stretch: extra-expanded;
  letter-spacing: 1px;
  font-weight: 700;
  word-spacing: normal;
border-radius: 5px;
  background: -moz-linear-gradient(-90deg, #153E7E, #151B54);
  background: -webkit-gradient(linear, left top, left bottom, from(#153E7E), to(#151B54));
  background-color: #151B54;
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#153E7E', endColorstr='#151B54)'); /* IE6 & IE7 */
  text-shadow: #151B54 1px 1px;
}


.detail-producttitle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  line-height: 13pt;
  color: #151B54;
  letter-spacing: normal;
}

.detail-producttitle a{  color: #151B54; text-decoration:none;}

.detail-producttitle a:hover{  color: #151B54; text-decoration:underline;}

/********************************************************
 Andrew's CSS
********************************************************/

.youarehere {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
  line-height: 11pt;
  color: #151B54;
}

.youarehere a{  color: #151B54; text-decoration:none;}

.youarehere a:hover{  color: #151B54; text-decoration:underline;}


.basketContents {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.basketHeader {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  background-color: #0033CC;
}

.bodyAlert {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #660000;
}

.bodyNormal {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
  line-height: 13pt;
  color: #151B54;
  text-decoration:none;
  letter-spacing: normal;
  font-weight: 300;
}

.bodyNormal a {  color: #151B54; text-decoration:none;}

.bodyNormal a:hover {  color: #151B54; text-decoration:underline;}

.bodyNormalWhite {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11pt;
  line-height: 13pt;
  color: #fff;
  text-decoration:none;
  letter-spacing: normal;
}

.bodyNormalWhite a {  color: #fff; text-decoration:none;}

.bodyNormal a:hover {  color: #fff; text-decoration:underline;}

.bodyNormalWhite9pt {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #fff;
  text-decoration:none;
  letter-spacing: normal;
}

a.bodyNormalWhite9pt a { color: #fff; text-decoration:none;}

a.bodyNormalWhite9pt a:hover{  color: #fff;text-decoration:underline;}

.bodyNormalBlack {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #fff;
  font-weight: bold;
}

.bodyNormalBlack a {color: #fff; text-decoration:none;}

.bodyNormalBlack a:hover{ color: #fff; text-decoration:underline;}

.buttonUpdate {
  font-size: 10px;
  font-weight: bold;
  color: #000033;
  background-color: #A6A6FF;
}
.header1 {
  font-size: small;
  color: #003366;
}
.textField {
  font-size: 10px;
  background-color: #fff;
  border: 1px solid #000033;
}
.textFieldError {
  background-color: #FFAAAA;
  font-weight: bold;
}
.contentTableBorder {
  background-color: #D5D6BA;
}
.sidebarText {
  font-size: 10px;
  font-weight: 200;
  color: #000;
}

.SubContentTableBorder {
  background-color: #E2C7C7;
}
.spacerWhite {
  background-color: #fff;
}
.spacerCCCCCC {
  background-color: #CCCCCC;
}

.bodyNormalSmall {font-size: 9px; color: #666666;}

.bodyNormalSmall a {  color: #666666; text-decoration:none;}

.bodyNormalSmall a:hover {  color: #666666;text-decoration:underline;}

.tabheader { font-size: 12px;}

.tabheaderon { font-size: 12px;}

.subheader {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #CC3300;
}

.body14 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.bodyNormalWhiteLarger {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #fff;
  text-decoration:none;
}

.bodylarger {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}
.errorText {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #990000;
}

.bodyWhite {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: Red;
}

.bodyWhite a {  color: Red; text-decoration: none;}

.bodyWhite a:hover {  color: Red; text-decoration: underline;}

.LargerWhiteBold {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: Red;
}

.LargerWhiteBold a {  color: Red;text-decoration: none;}

.LargerWhiteBold a:hover {  color: Red; text-decoration: underline;}

.headerBlack {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #333333;
}

#categoryNotesBox {
  width: 650px;
  height: 60px; 
  margin: 0;
}

.categoryNotesBoxScroll {
  font-size: 11px;
  line-height: 13px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 8px;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left;
  color: #151B54;
}

.categoryNotesBoxScroll a { color: #151B54; text-decoration: none;}

.categoryNotesBoxScroll a:hover { color: #151B54; text-decoration: underline;}

.categories a {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:13px;
  color:#fff;
  text-decoration:none;
  line-height:20px;
}
.liketext a {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#fff;
  text-decoration:none;
}

/* Classes used by the display of subcategories list displayed on products listing page when subcategories are available*/
.subcategories {padding-left: 10px;}

.subcategory {margin-left: 5px;	}

.subcategory a:link {
	color: #004990;
	font-size: 12px;
  font-weight: 700;
  outline: medium none;
  text-decoration: none;		
}
.subcategory a:visited {
	color: #004990;
	font-size: 12px;
  font-weight: 700;
  outline: medium none;
  text-decoration: none;		
}
.subcategory a:hover {
  text-decoration: underline;		
}
.subcategory a:active {
  text-decoration: underline;		
}
.subcategoryHeader {
	color: #FF0000;
}

/* Image Preview Hover Style used for product thumbnail hover state */
#preview {
	position:absolute;
	border:1px solid #000;
	background:#FFF;
	padding:5px;
	display:none;
	color:#000;
}

/* Simply horizontal line 1px wide dotted */
.divider {
	border: none;
	border-bottom: #333 dotted 1px;
}

/* Class used for form input field labels - used on the advanced site search page */
.fieldLabelSmall {
	display: block;
	float: left;
	text-align:left;
	width: 170px;
}