﻿body 
{
   font-family:Arial, Helvetica, sans-serif;
   background:#D7E0E8; 
   margin:0px;
   padding:0px;
   
}

.clear
{
    clear: both;
}

/*  START -- TAB MENU -  DROP DOWN MENU BAR
----------------------------------------------------------*/

.MyAccount
{
    font-size:10px;
}

div.hideSkiplink
{
    /*
    background-color:#3a4f63;
*/
    background-color:#283882;    
    width:100%;
}

div.menu
{   
    padding: 4px 0px 4px 8px;
    font-size:small;  
    width:815px;  
    
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;    
}

div.menu ul li a, div.menu ul li a:visited
{
    /*
    background-color: #465c71;
*/
    background-color:#283882;
    /*
    border: 1px #4e667d solid;
*/
/*
    color: #dde4ec;
*/
    color:White;
    display: block;
    line-height: 1.1em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/*  END -- TAB MENU -  DROP DOWN MENU BAR
----------------------------------------------------------*/

.phone
{
    width:20px;
    height:20px;
}
.treeView
{
    font-size: 12px;
}

a.catalogPage 
{
    font-size: 12px;
    
}

.catDescr
{
	font-size:9pt;
	text-align:left;
}

#BreadCrumb
{
/*	position:absolute; */
	
	top: 120px;
	left: 225px;
	font-size: 8pt;
	font-weight: bold;
}


#defaultContainer
{
  background-color:#D7E0E8;	

	
	top:100px;
	width:595px;
	/*width: expression( document.body.clientWidth < 596 ? "595px" : "auto" ); */
	/* min-width:595px; */
	/*width:689px;*/
	left:290px;
	z-index:0;
	/*height: 56px; */
    height:415px;
    padding-left:10px;
}


#homeContainer
{
  background-color:#D7E0E8;	

	
	top:100px;
	/* width:595px; */
	min-width:595px;
	/*width:689px;*/
	left:290px;
	z-index:0;
	/*height: 56px; */
    height:415px;
}

#userMessage {
	font-weight : bold;
	font-size : 10pt;
	color : red;
	height : 16px;
	text-align: right;
}
.error
{
	border: solid 1px red;
}


table.cart { 

    font-family : Verdana;
    font-weight: normal;
	font-size: 11px;
	text-align: center;
	width: 620px;
	border: 2px #6699CC;
	border-collapse: collapse;
	border-spacing: 0px;
		
}

thead.cart
{
 font-size: 11px;
 background-color:#BEC8D1;
 border:1px solid black;  
 vertical-align:text-bottom;  
}

tr.cartOdd
{
    border-top :solid 1px black;
    background-color: White;   
}

tr.cartOdd:hover
{
    border-top :solid 1px black;
    background-color: #FFFFCC;    
}


tr.cartEven
{
    border-top :solid 1px black;
    background-color: #E0E0E0;      
}

tr.cartEven:hover
{
    border-top :solid 1px black;
    background-color: #FFFFCC;    
}




/*************************************************************/
/* This is the beginning of styles for the product table. DM */
		
table.productTable { 

    font-family : Verdana;
    font-weight: normal;
	font-size: 11px;
	text-align: center;
	color: #6699CC;
	width: 545px;
	background-color: #fafafa;
	border: 2px #6699CC;
	border-collapse: collapse;
	border-spacing: 0px;
		
}
	
table.productTable tr th { 
	border: solid 1px #6699CC;
	background-color: #BEC8D1;
	text-align: center;
    font-family: Verdana;
	font-size: 11px;
	color: #000000;
}

	
table.tablescroll_head tr th
{ 
    border: solid 1px #6699CC;
	background-color: #BEC8D1;
	text-align: center;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #000000;
}

table.tablescroll_foot tr th
{
    border: solid 1px #6699CC;
    background-color: #BEC8D1;
	text-align: center;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #000000;
}
	
table.productTable tbody tr.alt td 
{ 
    background-color: #E0E0E0;
} 
	
table.productTable tr.highlight td 
{
    font-weight :normal;
	text-decoration:underline;
	color:#0000FF;
	cursor : pointer;		
}

table.productTable tr td 
{ 
	border: 1px solid #6699CC;
	vertical-align:middle;
	color: #090909;
} 
	
table.productTable tbody tr.selected td 
{
    background-color : #FFFFCC;	
}
	
table.productTable tr.subheader  
{
    font-weight : bold;
	font-size: 12px;
	align : left;
	height:30px;
	background-color : #ffffff;		
}

.addToCart 
{
	white-space:nowrap;
	
}

.addToCartSubmit
{
  height:15px; 
  width:37px;
  border:1px solid #333333; 
  background-color:#E0E0E0;
  font: bold 95% 'trebuchet ms',helvetica,sans-serif;  
}

.addToCartDiv
{
  width:87px;    
}

.skuColumnDiv
{
    width:45px;
}

.productImages 
{
	overflow: auto;
	float:left;	
	max-width:200px;
	max-height:200px; 
	/* height:100%; */
	
}

.productImages_ie7 
{
    overflow-x: scroll;
	float:left;
	/*width:200px;*/
	width: expression( document.body.clientWidth > 199 ? "200px" : "auto" ); 
}

.productImages_ie8 
{
 	display:inline;     
	overflow: auto;
	float:left;	
	max-width:200px;
	max-height:200px; 
	white-space:nowrap;
	/* height:100%; */	


}





/* this is the end if styles for the product table      */
/********************************************************/


/**********************************************************/
/* this section styles the right side panel and related items */

#tdRightPane 
{
	/*position:absolute;*/
	top:140px;
	width:210px;
	 
	left:830px;		
    align:top;
}
		
#relatedItems {
	font-family:Arial;
	font-size:8pt;
    background-color:#FFFFFF;
    height:425px;
    overflow: auto;
}

#relatedItems div {
		font-family:Arial;
		font-size:8pt;
		cursor:pointer;
		border:0px;
		
}

.footerMainCategory
{
    color:Black;
    font-family:Arial;
    font-weight:bold;
    text-decoration:none
}

.footerMainCategory:hover
{
    color:Black;
    font-family:Arial;
    font-size:medium;
    font-weight:bold;
    text-decoration:underline;
}
	
/* end section for right panel and related it 	  */


/******************************************************/


/* #preview defines the box that the popup product
   image is displayed in
*/
#preview 
{
    position:absolute;
	border:0px solid #ccc;
	background:#E1E1E1;
	padding:1px;
	display:none;
	color:#fff;
}


/* begin header */
#header
{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    background-color:#FFFFFF;
    z-index:20;
}
	
#tableHeader
{
    width:1065px;
    height:97px;
    border:0px;
    background-color:#FFFFFF;
    padding:3;
}

#ProductInfo 
{
	margin-top: .5em;
	margin-bottom: .5em;
	overflow : auto;
	height : 323;
}

#ProductInfo img 
{
	float: left;
}

.desc 
{
    /*
	padding-right: 1.5em;
	padding-left:14.5em
*/
max-width:400px;
}

.title
{
	font-weight : bold;
	font-size : 11pt;	
}

.productLongDesc_ie7
{
   /* width:400px; */
    width: expression( document.body.clientWidth > 399 ? "400px" : "auto" );    
}

.productLongDesc
{
    max-width:400px;
}

p 
{
	font-size : 9pt;		
}



/* this is a class applied to any image that is a mfg logo. */
.mfgLogo {
	margin-top: 0em;
	
}


/* begin searchbox */

seearchBox
{
    position:fixed;
    margin-top:71px;
    overflow:hidden;
	width:220px;
	left:0px;
	z-index:100;
}

.tableSearchbox
{
    width:220px;
    border:0px;
    padding:0;

}

.tableSearchbox
{
    width:220px;
    border:0px;
    padding:0;

}

.tableSearchboxTDspacer{
    width:10px;
    background-color:#6f90b8;

}

.tableSearchboxTD{
    width:207px;
    height:39px;
    background-color:#6f90b8;

}

/* end searchbox */


/* begin searchboxcarrier */
searchBoxCarrier
{
    position:fixed;
    overflow:hidden;
	width:220px;
	left:0px;
	z-index:100;
}

.tableSearchboxCarrier
{
    width:220px;
    border:0px;
    padding:0;

}

.tableSearchboxCarrier
{
    width:220px;
    border:0px;
    padding:0;
    margin-left:10px;
    margin-top:-23px;

}

.tableSearchboxCarrierTDspacer{
    width:10px; 
    background-color:#ffcdcd;

}

.tableSearchboxCarrierTD{
    width:207px;
    height:39px;
    background-color:#ffcdcd;

}


/* end searchboxcarrier */


/* product page jump links */

a.ProductPageJumpLinks 
{	
	color:#1736FE;	

	font-size:12px;
}

a.ProductPageJumpLinks:active 
{
	text-decoration:underline;
	color:#1736FE;	
}

a.ProductPageJumpLinks:hover 
{
	text-decoration:underline;
	color:#1736FE;			
}


a.ProductPageJumpLinks:visited 
{
	text-decoration:underline;
	color:#1736FE;			
}

/* end product page jump links */

/* test */
.listMain
{
       background-color:#FFFFFF;
       z-index:1000;
       width:245px !important;
       max-height:210px;
       text-align:inherit;
       text-indent:-1;
       list-style:none;
       overflow-y:scroll;
       scrollbar-arrow-color:#B89020;
       scrollbar-base-color:#8E6E1C;
       scrollbar-face-color:#B6C5D4;
       scrollbar-3dlight-color:#8E6E1C;
       scrollbar-highlight-color:#EED47D;
       scrollbar-shadow-color:#959595;
       scrollbar-darkshadow-color:#00337E;
       margin-left:0px;
       border-bottom:1px solid #B5C6D4;
       border-left:1px solid #B5C6D4;
       margin-top:0px;
}
.wordWheel .itemsMain
{
       background:none;
       border-collapse:collapse;
       color:#00337E;
       white-space:nowrap;
       text-align:inherit left;
}
.wordWheel .itemsSelected
{
    padding:0px;
    margin:1%;
       background-color:#EED47D;
       color:#00337E;
       border-top:1px solid #FFF8E8;
       border-left:1px solid #FFF8E8;
       border-bottom:1px solid #00337E;
       border-right:1px solid #00337E;
}


/*  Account Page */
a.CreditCard 
{	
	color:#422025;	
	font-family:Calibri;
	font-size:12px;
}

a.CreditCard:active 
{
	text-decoration:underline;

	color:#422025;	
}

a.CreditCad:hover 
{
	text-decoration:underline;
	font-family:Calibri;
	color:#422025;		
}


a.CreditCad:visited 
{
	text-decoration:underline;
	font-family:Calibri;
	color:#422025;		
}

.ValidationSummary
{
  width: 720px;
  border-width: 1px;
  border-style: solid;
  border-color: #C3D9FE;
  background-color: #EEF5FF;
  padding-top: 8px;
  padding-left:35px;
  padding-bottom: 10px;
  font: 12px Calibri;
  color: #8598B9;
  background-image: url(../Images/Infobox/Info.gif);
  background-position: 10px 6px;
  background-repeat: no-repeat;
  margin: 3px;
  overflow:hidden;
}

a.Links 
{
	color:#422025;
}

span.Required 
{
	color:Red;
	white-space:nowrap;
}

input.TextBox 
{
	background-color:White;
	border: solid 1px black;
}

input.Button {

	cursor: hand;
	color:White;
	border: solid 1px black;
	font-family:Calibri;
	font-size:14px;
    background-color: #283882;
	text-decoration: none;
	padding:3px;
	padding-left:15px;
	padding-right:15px;
}
/*  End Account Page */

/*  Can Liners */
.linerStyle1 {font-size: 10px}
.linerStyle2 {font-size: 12px}
.linerStyle4 {font-family: Arial, Helvetica, sans-serif}
.linerStyle5 {font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
.linerStyle6 {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.linerStyle7 {color: #FF0000}

/*  End Can Liners */

/* tool tip */
.tooltip {
  color: #000000; 
  outline: none;
  cursor: help; 
  text-decoration: none;
  position: relative;
}
.tooltip span {
  margin-left: -999em;
  position: absolute;
}

.tooltip:hover span {
  font-family: Calibri, Tahoma, Geneva, sans-serif;
  position: absolute;
  left: 1em;
  top: 2em;
  z-index: 99;
  margin-left: 0;
  width: 250px;
  
}
.tooltip:hover img {
  border: 0;  
  float: right; 
  /*background-color: transparent;*/
   
}
.tooltip:hover em {
  font-family: Candara, Tahoma, Geneva, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  display: block;
  padding: 0.2em 0 0.6em 0;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }


.classic { background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334; }
.help { background: #9FDAEE; border: 1px solid #2BB0D7; }
.info { background: #9FDAEE; border: 1px solid #2BB0D7; }
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }

border-radius: 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);

/* end tool tip */

a.pleaseRead:active
{text-decoration: none; 
 color: red
}

a.pleaseRead:link
{text-decoration: none; 
 color: red
}

 a.pleaseRead:visited
{text-decoration: none; 
 color: red
}

a.pleaseRead:hover
{text-decoration: underline; 
 color: red; 
 
}

.FavoritesBody
{

}

.cartItemQuantity 
{
  text-align:right 
  
}

table.favorites { 

    font-family : Verdana;
    font-weight: normal;
	font-size: 11px;
	text-align: center;
	width: 670px;
	border: 2px #6699CC;
	border-collapse: collapse;
	border-spacing: 0px;
		
}

thead.favorites
{
 font-size: 11px;
 background-color:#BEC8D1;
 border:1px solid black;  
 vertical-align:text-bottom;  
}


.favoritesbutton
{
    background-color:#283882;
    border: 1px solid #132b14;
    color:#FFFFFF;
    width:115px;
    height:20px;
    text-align:center;
}


.hyperlinkImage img
{
    border-style:none;
}

.hline {
    position: relative;
    font-size: 15px;
    z-index: 1;
    overflow: hidden;
    display: block;
    text-align: left;
    color:White;
    background-color: #283882;    
    padding: 5px;
    padding-left: 20px;
    
}

/* Product Info Page - Custom Labels */

.td_cust_labels 
{
    border:1px solid black;
    padding-left:9px;
    padding-right:9px;
    padding-top:4px;
    padding-bottom:4px;
}

/*  Custom Labels - Free Shipping */

      .lablelTable {
        border: 3px solid black;
        border-collapse: collapse;
        padding:3px;
        font-weight:bold;
        font-size:12px;
        text-align:center;
      }
      .lablelTable2 {
        border: 3px solid black;
        border-collapse: collapse;
        padding:2px;
        font-weight:bold;
        font-size:10px;
        text-align:center;
        white-space:nowrap;
      }
      .lablelCircle{width:40px;
              height:40px;
              -webkit-border-radius: 50%;
              -moz-border-radius: 50%;
              -ms-border-radius: 50%;
              -o-border-radius: 50%;
              border-radius: 50%;
              font-size:30px;
              font-weight:bold;
              color:black;
              line-height:40px;
              text-align: center;
              
              display: -moz-inline-stack;
              display: inline-block;
              vertical-align: middle;
              *vertical-align: auto;
              zoom: 1;
              *display: inline;
              background:#DCFEFD;
              
      }