/*** COPYRIGHT 2012  BY FDM4 INTERNATIONAL INC. - ALL RIGHTS RESERVED ********/
/*** statement.css -- Statement Page Stylesheet                            ***/
/*****************************************************************************/
/* S010108 08/15/13 JZ - emailFlyer.css updates.                             */
/* S010107 07/19/13 JZ - quickorder.css grid updates.                        */
/* S010106 07/18/13 JZ - quickorder.css grid updates.                        */
/* S010105 07/17/13 TC - fixed css issues for ie8                            */
/*                  TT - Changes for backorder popup styling.                */
/* S010104 07/11/13 TC - fixed comparable css rules                          */
/* S010103 07/11/13 TC - mic css changes and alt image style changes         */
/* S010102 07/02/13 SAH- Added in some additional css                        */
/* S010101 06/24/13 SAH- Added in missing stylings for various pages         */
/* S010100 06/19/13 JZ - Heade drop down styling.                            */
/*         24/04/13 TT - Added Header element styling.                       */
/*                    - Fixed divisionSide class font color. .               */
/*                    - SAH merged code from 10.1 base                       */
/*****************************************************************************/

/* framework and container */
HTML { 
  margin: 0;
  padding: 0;
  line-height: 1.4em;
  color: #000;
  overflow-y: scroll;
}

a{ 
  color: #4d4d4d; 
}  
a:hover{ 
  color: #b2151b; 
}

p{ margin: .75em 0 .75em 0; }

img{ 
 margin: 0;
 padding: 0;
 border: 0;
}

form{
  margin: 0;
  padding: 0;
}

body { 
 font-family: Arial, Verdana, sans-serif;
 text-align: center;
 margin: 0;
}
input{ margin:0; padding:2px; border:1px inset #F0F0F0; }
#divmain {  
background: url("/images/header/wide.jpg") repeat-y top; border: none; 
}
/* end of framework and container */

/* header */
#bannerMainTop{ height: 18px; }
input.searchbox {
   border: 1px solid #505a7e;
   font-size: 12px;
   color: #303030;
   height: 20px;
   width: 144px; 
   margin-left: 5px;
}
.welcome {
  font-size: 11px;
  font-weight: bold;
  color: #000000;
}
.signin {
padding-left: 10px;
}
.signout {
margin-top: 5px;
display: block;
}
div.welcomeOpt {
 margin-top: 5px;
}
div#headerButtons {
   float: left;
   background-color: #ffffff;
}
div#headerButtons img {
   border: 0px;
   vertical-align: bottom;
   background-color: #ffffff;
}
.loginButtons { text-align : center; }
#loginMessageArea { color: #C10; font-weight:bold; }
#login { width : 450px; margin:auto; }
#login { text-align : center; }
div#signInBox {
   float: left;
   margin-top: 1px;
   padding: 3px 0px 3px 0px;
/*   height: 40px; */
  width : 200px;
  font-size: 11px;
  line-height: 105%;
  border-left: 1px solid #e1e1e1;
}
div#headerAlign{
   margin: 0 25px;
   width: 950px;
   text-align: left; 
   float:left;
   clear:both;
}
#headerAlign form{ display:inline-block; }
#bannerMiddle{ float:left; clear:both; height:18px; }
#bannerTop{ float:left; clear:both;  }

div#headerBorder {
 background: url("/images/header/wide.jpg") repeat-y top; border: none;
}
div#headerMain {
   float: left; padding-left: 0px;  padding-left: 20 px; 
}
div#headerImg {
   float: left;
}

/* end of header */
.crumblayout{ padding-left: 0; }
.crumbarrows{ font-size:9px; padding:2px 8px; }

/*** NEW fdm4Button ***/
.fdm4Button,
.cobButton,
.goButton{ display:inline-block; margin:1px 0; text-transform: capitalize; }

.fdm4Button a,
.cobButton a,
.fdm4ButtonComplete a,
.goButton a{
  -moz-box-shadow: 0 0 3px 1px #dcdcdc;
  -webkit-box-shadow: 0 0 3px 1px #dcdcdc;
  box-shadow: 0 0 3px 1px #dcdcdc;

  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;

  border:1px solid #c8c8c8;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  color: #666;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
  padding: 6px 13px;
  margin: 2px 15px;
  white-space:nowrap;
  display:inline-block;

background: rgb(245,245,245); /* Old browsers */
background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(245,245,245,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */

}

.goButton a:hover,
.cobButton a:hover,
.fdm4ButtonComplete a:hover,
.fdm4Button a:hover{
  color:#444;
  -moz-box-shadow: 0 0 2px 1px #dcdcdc;
  -webkit-box-shadow: 0 0 2px 1px #dcdcdc;
  box-shadow: 0 0 2px 1px #dcdcdc;
  background: #e5e5e5; /* Old browsers */
  background: -moz-linear-gradient(top,  #e5e5e5 0%, #c0c0c0 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#c0c0c0)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #e5e5e5 0%,#c0c0c0 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #e5e5e5 0%,#c0c0c0 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #e5e5e5 0%,#c0c0c0 100%); /* IE10+ */
  background: linear-gradient(top,  #e5e5e5 0%,#c0c0c0 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#c0c0c0',GradientType=0 ); /* IE6-9 */
}

.goButton a:active,
.cobButton a:active,
.fdm4ButtonComplete a:active,
.fdm4Button a:active{
  -moz-box-shadow: inset 0 0 5px 1px #AAA;
  -webkit-box-shadow: inset 0 0 5px 1px #AAA;
  box-shadow: inset 0 0 5px 1px #AAA;
}

.goButton a { 

}

.goButton a:hover{ 

}  

.cobButton a{
color:#777;
border:1px solid #888;
}
.cobButton a:hover{
color:#444;
}

.checkoutComplete
{
color : #B2151B;
text-decoration : none;
font-size : 9pt;
font-weight : bold;
font-family : Arial;
}

.fdm4ButtonComplete a{
color:#fff;
border:1px solid #b2151b;
background: #dd6c6c; /* Old browsers */
background: -moz-linear-gradient(top,  #dd6c6c 0%, #b2151b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd6c6c), color-stop(100%,#b2151b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dd6c6c 0%,#b2151b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dd6c6c 0%,#b2151b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dd6c6c 0%,#b2151b 100%); /* IE10+ */
background: linear-gradient(top,  #dd6c6c 0%,#b2151b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd6c6c', endColorstr='#b2151b',GradientType=0 ); /* IE6-9 */


}

.fdm4ButtonComplete a:hover{
color:#fff;
background: #b2151b; /* Old browsers */
background: -moz-linear-gradient(top,  #b2151b 0%, #dd6c6c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2151b), color-stop(100%,#dd6c6c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b2151b 0%,#dd6c6c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b2151b 0%,#dd6c6c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b2151b 0%,#dd6c6c 100%); /* IE10+ */
background: linear-gradient(top,  #b2151b 0%,#dd6c6c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2151b', endColorstr='#dd6c6c',GradientType=0 ); /* IE6-9 */

}


.fdm4ButtonTD { padding: 0px 0px 3px 0px; }


.divAlign{  margin:0 auto; width:1000px; }
.siteTable { width: 1000px; text-align:left; background-color:#ffffff;}
.layoutMenu{ width: 155px; padding: 13px 10px 0 0; vertical-align: top; }
.layoutContent { width: 815px; vertical-align: top; padding-bottom : 12px; padding-top : 12px; padding-right:14px; }
.layoutHeader { height: 90px; width: 1000px; position:relative; z-index:2;}

/* header and menu */
#textsearch { line-height: 17px; padding:0;}
#welcome { font-size: 10px; margin-right:10px; width:125px; }
.headerLoggedIn { display: none; }

#menuListheader{ z-index: 9999; }
#menuListheader ul, ul#menuListheader { /* all lists */
 padding: 0;
 margin : 0;
 list-style: none;
 float:right;
 margin-right: 50px;
 clear:none;
 z-index: 9999;
}

#menuListheader li { /* all list items */
 float: left;
 position: relative;
 height:32px;
 z-index:9999;
}

#menuListheader li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
 top: auto;
 left: auto;
}

#menuListheader li ul { /* second-level lists */
 display: none;
 position: absolute;
 top: 32px;
 left: 0;
 padding-top:2px;
 z-index:99990;
 /*opacity:0.9; filter:alpha(opacity=90);*/
}

#menuListheader li ul li { /* second-level lists items */
  height: 15px;
  line-height:15px;
  text-align:left;
  clear:left;
  position:relative;
  z-index:9999;
}
#menuListheader li ul li a{
 display:block;
 padding:1px 0 1px 17px;
 color:#FFF;
 text-decoration:none;
 width:183px;
 height:13px;
 line-height:13px;
}
#menuListheader li ul li a:hover{
 background-color: #b5121b;
}
#menuListheader li ul li:hover{
 background-color: #b5121b;
}
#menuListheader li:hover ul,#menuListheader li.over ul { /* lists nested under hovered list items */
 display: inline;
 background-color:#262626;
}
#menuListheader li:hover ul, #menuListheader li.over ul a { /* lists nested under hovered list items */
 background-color:#262626;
 color : #FFFFFF;
}
#menuListheader li ul#menuList50 { left: -128px; }


/* product XML dropdown */
/*
#hdrProducts { 
 padding: 0;
 margin : 0;
 list-style: none;
 float:right;
 clear:none;
 z-index:9999;
}
#hdrProducts li { 
 float: left;
 position: relative;
 list-style: none;
 height:32px;
 z-index:9999;
}

#hdrProducts li:hover ul#hdrProductsSub,
#hdrProducts li.over ul#hdrProductsSub { 
 display: inline;
}

#hdrProductsSub {
 display:none;
 width:300px;
 position:absolute;
 left:-100px;
 top: 32px;
 z-index: 9999; 
}
#hdrProductsSub li{
  background-color:#262626;
  padding:0;
  height:30px;
  line-height:28px;
  font-weight:bold;
  font-size:12px;
  z-index:9999;
  position:relative;
}
#hdrProductsSub li a{
 display:block;
 padding:0;
 color:#FFF;
 text-decoration:none;
 width:100px;
 text-align:center;
 line-height:28px;
 font-weight:bold;
 font-size:12px;
 height:30px;
 z-index: 9999;
}
#hdrProductsSub li a:hover{
 background-color: #b5121b;
}
#hdrProductsSub li:hover{
 background-color: #b5121b;
}
#hdrProductsSub li>ul { 
 top: auto;
 left: auto;
}

#hdrProductsSub li ul { 
 display: none;
 position: absolute;
 margin:0;
 padding:0;
 top: 30px;
 left: 0;
 padding-top:2px;
 background-color:#262626;
 height:auto;
 z-index: 9999;

}

#hdrProductsSub li ul li { 
  height: 15px;
  line-height:15px;
  text-align:left;
  font-weight:normal;
  line-height:normal;
  padding:0;
  clear:left;
}

#hdrProductsSub li ul li a{
 display:block;
 padding:1px 0 1px 17px;
 color:#FFF;
 text-decoration:none;
 width:133px;
 text-align:left;
 line-height: 13px;
 height:13px;
 font-weight:normal;
 z-index: 9999;
}
#hdrProductsSub li ul li a:hover{
 background-color: #b5121b;
}
#hdrProductsSub li ul li:hover{
 background-color: #b5121b;
}

#hdrProductsSub li:hover ul,
#hdrProductsSub li.over ul{ 
 display: block;
}

*/


/*****v Staton Custom Header Drop downs v*****/

/*
#headerNav { width: 100%; }

#headerNav ul 
{
 list-style: none outside none;
}

#headerNav ul li 
{
 float: left;
 position: relative;
}

#headerNav ul li {  }

#headerNav ul li a:link
{
 padding: 0 5.2px;
 color: #999999;
 text-decoration: none;
 font-size: 12pt;
 font-weight: bold;
}

#headerNav ul li a:hover 
{
 color: rgb(102,102,102);
 text-decoration: none;
}

#headerNav ul li a:visited
{
 color:#999999;
} 

#headerNav ul li:hover ul 
{
 display: block;
}

#headerNav ul li ul 
{
 position: absolute;
 display: none;
 float: none;
 left: 0px;
 list-style: none outside none;
 margin: 0;
 padding: 0;
 top: 20px;
 width: 145px;
 background-color: rgb(247,247,247);
 border-width: 1px;
 border-style: solid;
 border-color: rgb(230,230,230);
} 

#headerNav ul li ul li 
{
 float: none;
 margin: 0 0 0 0;
 padding: 0;
 background-color: rgb(247,247,247);
 border-width: 0 0 1px 0;
 border-style: solid;
 border-color: rgb(230,230,230);
}

#headerNav ul li ul li:hover
{
 background-color: rgb(252,252,252);
}

#headerNav ul li ul li a:link 
{
 color: rgb(204,204,204);
 font-size: 10pt;
 font-weight: normal;
 text-decoration: none;
}

#headerNav ul li ul li a:hover 
{
 color: rgb(102,102,102);
 font-size: 10pt;
 text-decoration: underline;
}

#headerNav ul li ul li > a:hover 
{
 color: rgb(102,102,102);
 font-size: 10pt;
 text-decoration: none;
} 

#header #headerNav ul li ul li:hover { cursor: pointer; }

*/



/* JS + CSS driven */

#hdrCategories { float: left; width: 170px; padding: 0; margin: 5px 0 5px 0; }
#hdrBrands { float: left; width: 165px; padding: 0; margin: 5px 0 5px 115px; }
#hdrSales { float: left; padding: 0; margin: 5px 0 5px 105px; }
#hdrCloseouts { float: left; padding: 0; margin: 5px 0 5px 100px; }
#hdrNew { float: right; padding: 0; margin: 5px 0 5px 0; }

#hdrCategories li, #hdrBrands li, #hdrSales li, #hdrCloseouts li, #hdrNew li
{
 float:left;
 display:block;
 position: relative;
 padding: 0;
 height:20px;
 z-index:9999;
 text-align: left;
}

#hdrCategories li a, #hdrBrands li a, #hdrSales li a, #hdrCloseouts li a, #hdrNew li a
{
 color: #999999;
 font-size: 12pt;
 font-weight: bold;
 text-decoration: none;
 text-transform: uppercase;
}

#hdrCategories li a:hover, #hdrBrands li a:hover, #hdrSales li a:hover, #hdrCloseouts li a:hover, #hdrNew li a:hover
{
 color: rgb(102,102,102);
 text-decoration: none;
}

#hdrCategories li ul li, #hdrBrands li ul li
{
 background-color: rgb(247,247,247);

 border-width: 0 0 1px 0;
 border-style: solid;
 border-color: rgb(230,230,230);
}

#hdrCategoriesSub, #hdrBrandsSub 
{
 display:none;
 float: none;
 position:relative;
 left: 0px;
 top: 0;
 z-index: 9999;
 padding: 0;
 margin: 0;

 list-style: none outside none;

 border-width: 1px;
 border-style: solid;
 border-color: rgb(230,230,230);

}

#hdrCategoriesSub li, #hdrBrandsSub li
{
  float: none;
  background-color: rgb(247,247,247);
  padding:0 0 0 10px;
  height:22px;
  font-weight:normal;
  text-align: left;
  font-size:12px;
  z-index:9999;
  position:relative;
  width: 156px;
}

#hdrCategoriesSub li a, #hdrBrandsSub li a
{
 display:block;
 padding:0;
 width:140px;
 text-align:left;
 text-transform: capitalize;
 z-index: 9999;
 height: 22px;
 color: #999999;
 text-decoration: none;
 font-size: 12pt;
 font-weight: normal;
}

#hdrCategoriesSub li a:hover, #hdrBrandsSub li a:hover
{
 color: rgb(102,102,102);
 background-color: rgb(252,252,252);
 text-decoration: none;
}

#hdrCategoriesSub li:hover, #hdrBrandsSub li:hover
{
 color: rgb(102,102,102);
 background-color: rgb(252,252,252);
 text-decoration: none;
}

#hdrCategoriesSub li>ul, #hdrBrandsSub li>ul 
{ /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
 top: auto;
 left: auto;
}

#hdrCategoriesSub li ul, #hdrBrandsSub li ul 
{ /* second-level lists */
 position: relative;
 margin:0; 
 padding:0;
 top: -23px;
 left: 158px;
 background-color: rgb(247,247,247);
 height:auto;
 z-index: 9999;
 display: none;
 width: 166px;

 border-width: 1px;
 border-style: solid;
 border-color: rgb(230,230,230);

}

#hdrCategoriesSub li ul li, #hdrBrandsSub li ul li 
{ /* second-level lists items */
 height: 22px;
 text-align:left;
 font-weight:normal;
 line-height:normal;
 padding: 0 0 0 10px;
 clear:left;

 background-color: rgb(247,247,247);

 border-width: 0 0 1px 0;
 border-style: solid;
 border-color: rgb(230,230,230);

}

#hdrCategoriesSub li ul li a, #hdrBrandsSub li ul li a
{
 display:block;
 padding: 0;
 color: #999999;
 text-decoration:none;
 text-align:left;
 font-weight:normal;
 z-index: 9999;
}

#hdrCategoriesSub li ul li a:hover, #hdrBrandsSub li ul li a:hover
{
 color: rgb(102,102,102);
 text-decoration: none;
}

#hdrCategoriesSub li ul li:hover, #hdrBrandsSub li ul li:hover
{
 color: rgb(102,102,102);
 text-decoration: none;
}

/*****^ Staton Custom Header Drop downs ^*****/



/* footer vv */
#bannerBottom{ height:63px; }
#menuListfooter
{
 display : inline;
 padding:0;
 margin:0 20px 0 20px;
}
#menuListfooter li
{
 display : inline;
 list-style-type : none;
}

/*****v Shopping Cart Styles v*****/

.cartCopy { font-size: 11px; font-weight: normal; color: #000000; }
.formNumbersRight { width: 18px; color:#000000; font-size: 10px; text-align:right; }
.gridInput { border: 1px solid white; background-color: #E0E0E0; padding: 2px; }
.gridInputHidden { border: 1px solid white; background-color: #ffffff;}
.boText { border: 1px solid white; color: #B5121B; background-color: #ffe1e1e1; text-align: center; font-size: 10px; }
.swatchborder { border: 1px solid black; border-radius:5px; }
.price-strikeout { color:#CD120B; text-decoration:line-through; }

.copy1 {
   font-size: 11px;
   color: #000000;
   padding-top: 6px;
   padding-bottom: 3px;
   font-weight: bold;
   line-height: 10px;
}
.text-feilds {
   font-size: 11px;
   color: #666666;
   font-style: normal;
   font-weight: normal;
   line-height: 10px;
}
.whitecopy1 {
   font-size: 11px;
   color: #FFFFFF;
   padding-top: 6px;
   padding-bottom: 3px;
   padding-right: 2px;
   padding-left: 2px;
   margin:4px;
}

.lineheight { line-height: 10px; }
.small-text {
   font-size: 9px;
   color: #666666;
   padding-right: 5px;
   padding-left: 5px;
   padding-top: 5px;
   padding-bottom: 5px;
   font-weight: normal;
}
.whitecopy2 {
   font-size: 12px;
   color: #FFFFFF;
   padding-top: 6px;
   padding-bottom: 3px;
   padding-right: 2px;
   padding-left: 15px;
   line-height: 12px;
}
.redtext {
   font-size: 15px;
   font-weight: bold;
   color: #B5121B;
   padding-top: 5px;
   padding-bottom: 5px;
}
.left-padding {
   padding-left: 12px;
}
.copy-regular {
   font-size: 11px;
   color: #000000;
   padding-top: 6px;
   padding-bottom: 3px;
   font-weight: normal;
   line-height: 10px;
}
.whitecopy-redbg {
   font-size: 11px;
   color: #000000;
   line-height: 12px;
   background-color: #8ca828;
}
.blackcopy-greenbg {
   font-size: 11px;
   color: #000000;
   line-height: 8px;
   background-color: #a7ccec;
}
.redcopy-whitebg {
   font-size: 11px;
   color: #A20018;
   line-height: 8px;
   background-color: #FFFFFF;
}
.redtext-small {
   font-size: 11px;
   font-weight: normal;
   color: #B5121B;
   padding-top: 5px;
   padding-bottom: 5px;
   line-height: 8px;
}
.bluecopy {
   font-size: 11px;
   color: #000000;
   padding-top: 6px;
   padding-bottom: 3px;
   font-weight: bold;
   line-height: 10px;
}
.copy-regular-blue {
   font-size: 11px;
   color: #0000D6;
   padding-top: 6px;
   padding-bottom: 3px;
   font-weight: normal;
   line-height: 10px;
}
.whitecopy-redbgCopy {
   font-size: 14px;
   color: #FFFFFF;
   line-height: 12px;
   background-color: #A20018;
   padding-top: 8px;
   padding-right: 5px;
   padding-bottom: 5px;
   padding-left: 25px;
   font-weight: normal;
}
.redtextLarge {
   font-size: 20px;
   font-weight: bold;
   color: #B5121B;
   padding-top: 5px;
   padding-bottom: 5px;
   text-transform: uppercase;
}
.copy1red {
   font-size: 11px;
   color: #B5121B;
   padding-top: 6px;
   padding-bottom: 3px;
   font-weight: bold;
   line-height: 10px;
}
.copy1large {
   font-size: 13px;
   color: #000000;
   padding-top: 6px;
   padding-bottom: 3px;
   font-weight: bold;
   line-height: 10px;
}
.copy1redlarge {
   font-size: 13px;
   color: #B5121B;
   padding-top: 6px;
   padding-bottom: 3px;
   font-weight: bold;
   line-height: 10px;
}

/*****^ Shopping Cart Styles ^*****/

/*****v Checkout Page Classes v*****/

.deliveryInfo { color:#000000; font-size:9pt; }
.deliveryInfoDetail { color:#000000; font-weight: bold; }
.deliveryNote { color:#000000; font-size:9px; }

.poRequired { color:#000000; font-size:9px; }
.commentNote { color:#CC0000; font-size:10px; padding-bottom: 3px; }

.CSCHelpDefault { display:none; }
.CSCHelpDisplay { background-color:#FFFFFF; border:2px solid #e1e1e1; cursor:pointer; height:110px; top:715px; left:650px; overflow:auto; padding:4px; position:absolute; width:300px; z-index:10; }

.imgOverlay { z-index: 5; display: none; visibility: hidden; position: absolute; width: 1px; height: 1px; top: 0px; left: 0px; }
.processingDisplay { height: 200px; width: 750px; }
.processing { display: inline; width: 750px; }

/*****^ Checkout Page Classes ^*****/

/*****v Checkout Page v*****/

.layoutMenu {
 width: 0px;
 padding: 0px;
}

/* Checkout headers */

/* Used for pages that have sections like the address page, checkout page etc. */
.sectionHeader {
 color: #444;
 font-size: 14pt;
 line-height: 1.5em;
 background: #e9e9e9; /* Old browsers */
 text-indent: 10px;
 background: -moz-linear-gradient(top,  #e9e9e9 0%, #e3e3e3 50%, #f1f1f1 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(50%,#e3e3e3), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #e9e9e9 0%,#e3e3e3 50%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #e9e9e9 0%,#e3e3e3 50%,#f1f1f1 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #e9e9e9 0%,#e3e3e3 50%,#f1f1f1 100%); /* IE10+ */
 background: linear-gradient(top,  #e9e9e9 0%,#e3e3e3 50%,#f1f1f1 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startcolorstr='#e9e9e9', endcolorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

/* Used for links within the sectionHeader */
a.sectionHeader:link,
a.sectionHeader:active,
a.sectionHeader:hover,
a.sectionHeader:visited {
 font-weight: bold;
 color: #444444;
 text-decoration: underline;
}
a.sectionHeader:hover
{ color: #222222; }

.subHeader {
 color: #666666; 
 font-size: 10pt;
 padding-left: 5px;
 padding-top: 5px;
}

/* Section Tables */
.loginSection {
   border-top: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-left: 1px solid #ccc;
   width: 100%;
}
.billSection {
   border-top: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-left: 1px solid #ccc;
   width: 100%;
}
.termsSection{
   width: 100%;
}
.paymentSection {
   border-top: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   width: 100%;
}
.promoSection {
   border-right: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   width: 100%;
}
.shipSection {
   border-top: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-left: 1px solid #ccc;
   width: 100%;
}
.deliverySection {
   border-top: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-left: 1px solid #ccc;
   width: 100%;
}
.summarySection {
   border-top: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   width: 100%;
}

/* Form Fields and Labels */
.asterisk {
color: #cc3333;
}

.layoutContent td.fieldSpacer,
.fieldSpacer {
 height: 10px;
}
.layoutContent td.fieldHSpacer,
.fieldHSpacer {
 height: 12px;
}
.smallFieldSpacer {
 height: 5px;
}
.fieldIndent {
 width: 10px;
 min-height:10px;
}
.fieldLabel {
	color: #666666;
 font-size: 12px;
 width:110px;
}
.hrTotalSpacer {
 width: 50px;
}

.middleSpacer {
 width: 10px;
}

.sectionLabel {
	color: #666666; 
 font-size: 12px;
 text-decoration: none; 
}

.billSelect,
.shipSelect{ 
 font-size: 12px;
 width: 50px;                                      
}

.billDateSelect{ 
 font-size: 12px;
}

.billInput,
.shipInput{ 
 font-size: 12px;
 height: 20px;
 border: 1px solid #959585; 
 padding: 1px; 
 margin-top: 2px;
 margin-bottom: 2px; 
 text-align: left; 
 vertical-align:middle;
 width: 200px;                                            
}


.billPhoneInput{
 font-size: 12px;
 height: 20px;
 border: 1px solid #959585; 
 padding: 1px; 
 margin-top: 2px;
 margin-bottom: 2px; 
 text-align: left; 
 vertical-align:middle;
}

.sameAsBilling {

}

.billShipTable{
 border: 1px;
}

.billShipHeader{
	color: #ffffff; 
 font-size: 12px;
 text-decoration: none; 
}

.billShipExistHeader{
	color: #00A28D; 
 font-size: 11px;
 text-decoration: none;
 
}

.billShipExistText{
	color: #5B6983; 
 font-size: 12px;
 text-decoration: none; 
}

a.billShip:link, a.billShip:visited, a.billShip:active{
 color: #00A28D; 
 font-size: 12px;
 text-decoration: none;
}

a.billShip:hover{
 color: #00A28D; 
 font-size: 12px;
 text-decoration: underline;
 font-weight: bold;
}

.billShip{
	color: #000000; 
 font-size: 12px;
 text-decoration: none; 
}

.billShipWhite{
	color: #000000; 
 font-size: 12px;
 text-decoration: none; 
}

a.billShipWhite:link, a.billShipWhite:visited, a.billShipWhite:active{
 color: #73C202; 
 font-size: 12px;
 text-decoration: none;
}

a.billShipWhite:hover{
 color: #73C202; 
 font-size: 12px;
 text-decoration: underline;
 font-weight: bold;
}

.billShipCopy{
	color: #5B6983; 
 font-size: 12px;
 text-decoration: none; 
}

.billShipNote{
	color: #5B6983; 
 font-size: 11px;
 font-style: italic;
}

.billShipMsg{
	color: #00A28D; 
 font-size: 12px;
 text-decoration: none; 
}

.billShipField{
	color: #333;
 font-size: 12px;
 line-height: 24px;
 text-decoration: none;
 padding-right:10px;
}
.billShipLine{
	color: #BCCBDA; 
}


.billCountry,
.shipCountry{
	color: #000000; 
 font-size: 12px;
 text-decoration: none; 
}

.processingDisplay {
  height: 200px;
  width: 750px;                                             
}

.processing {
  display: inline;
  width: 750px;
}

.cardSelect{
 font-size: 12px;
 width: 200px;                                                                     
}

.addrSelect { 
 font-size: 12px;
 width: 200px;                                              
}

.processText {
 font-family: Tahoma,Arial,Helvetica;
 font-size: 14pt;
 color: #dddddd;
}


/* Order Summary Totals Display */
.totalDisplay {
 font-family:verdana,arial,geneva,helvetica;
 font-size: 12px;
 color: #000000;
}
.totalDisplayRed {
 font-family:verdana,arial,geneva,helvetica;
 font-size: 12px;
 color: #cc3333;
}

/* Order Summary Total HR */
.totalLine {
}

.imgOverlay{
  z-index: 5;
  display: none;
  visibility: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  top: 0px;
  left: 0px;  
}

.layoutContent{ width: 792px; padding: 12px 19px; }

.CSCHelpDefault{ display:none; }
.CSCHelpDisplay{
 position: relative;
 width: 300px;
 height: 250px;
 left: 45px;
 top: -425px;
 overflow: auto;
 padding: 4px;
 background-color: #ffffff;
 border: 2px solid #cccccc;
 cursor: pointer;
 z-index: 10;
}

.applyButton{
  float:right;
  padding: 5px 23px 5px 5px;
}

.promoInput{
	width:170px;
}	

div#errorSummary {
  background-color:#FFFFEE;
  border:1px solid red;
  color:#660000;
  display:none;
  margin-top:20px;
  padding:5px;
}

.errorField {
  background-color:#FFFFCC;
  border:1px solid #AA0000;
}

/* Checkout Gift Wrap Options Button (from Tea Collection) */
#reviewGift a#giftPress {
	padding: 0 5px 0 5px;
}

#reviewGift, #reviewGift a#giftPress:link {
	background-color: #9B9286;
	color: #FFF;
	height: 20px;
	line-height: 20px;
	width: 100px;
	text-align:center;
	text-decoration: none;
 font-size: 12px;
}

#reviewGift a#giftPress:visited, 
#reviewGift a#giftPress:hover, 
#reviewGift a#giftPress:active {
	color: #4D2615;
	text-decoration: underline;
}

.giftOptions{
 margin-left: 20px;
}

#giftwrap {
  width: 590px;
  padding: 20px 15px 0 15px;
  font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
  color: #595B5A;
}

.giftWrapLeft, 
.giftWrapRight {
  width:250px;
  padding: 10px 20px 0 0;
}

#gift_options{
 width:500px; 
}

.flatBoxes{
 margin-top: -2px;
}

#giftwrap th {
  font: bold 12px/17px Verdana, Arial, Helvetica, sans-serif;
  color: #595B5A;
  background-color: white;
  padding: 0;
}

#gift_info {
  display: none;
  width: 100%;
  border: none;
  padding: 4px;
  font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
  color: #595B5A;
}

#gift_info > table {
  font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
  color: #595B5A;
}



/* Used for messaging the user after something has just happened, like and
 address was updated, or something added to the cart etc. */
.submitMessage {
 font-weight: bold;
 color: #440000;
}

.searchheader{ 
 font-size: 16pt;
 font-weight: normal;
 color: #444444;
 padding-left: 10px;
}

.searchtext{
 font-size: 8pt;
 font-weight: none;
 color: #444444;
}

.searchinput{
 font-size: 10pt;
 width: 225px;
 font-weight: normal;
}

.searchsubheader{
 font-size  : 12pt;
 font-weight: bold;
 color: #444444;
}

.searchtextbold{ 
 font-size: 8pt;
 font-weight: bold;
 color: #444444;
}

.advSearchPadder{
	background-color: #cecece;
	margin-top: 5px;
	margin-bottom: 5px;
}

.presellMsg { color: red; }

.commentsSection{ border: 1px solid #ccc; border-bottom:0;}
#commentArea .comments{ width:360px; margin: 5px; padding:4px; }
.procDisplayDiv {
  height: 465px;
  width: 700px;
  background-image:url("/images/1by1pix.gif");
  background-repeat: repeat;
}

.summarySection .fieldLabel{ background: transparent; }
#giftCertificate{ white-space: nowrap; }

.layoutContent .warningField{
  border: 1px solid orange;
  background-color: #FFFEEF;
}

.deliverySection table
{
   padding-left: 5px;
}

.deliverySection div
{
   padding-left: 5px;
}

.contentBG
{
   width: 75px;
}

.billShipInput
{
   padding-bottom: 5px;
}

/*****^ Checkout Page ^*****/

/*****v Confirmation Page/Email v*****/

div#printM { color:#000000; font-size: 12px; font-weight: bold; heigth: 30px; }

/*****^ Confirmation Page/Email ^*****/

/*****v Catalog Side Menu Styles v*****/
.divisionSide, 
.divisionSearch,
.menuHead{
 background-color: #4d4d4d;
 color: #FFFFFF; 
 font-family:Arial,Verdana,sans-serif;
 font-weight: bold;
 font-size: 12px;
 margin: 0 0 3px 0;
 text-transform: uppercase;
}
a.divisionSide,
a.menuHead{
 padding: 0 0 0 10px;
 margin:0;
 color: #FFF;
 font-weight: bold;
 font-decoration : none;
 font-family:Arial,Verdana,sans-serif;
 font-size: 12px;
 letter-spacing: 105%;
}
a:hover.divisionSide,
a:hover.menuHead{
 padding: 0 0 0 10px;
 margin:0;
 color: #FFF;
 font-weight: bold;
 text-decoration : none;
 font-family:Arial,Verdana,sans-serif;
 font-size: 12px;
 letter-spacing: 105%;
}
div.fdm4sidemenu{
 color: #444;
 width: 160px;
 margin:0;
 padding:0;
 line-height: 20px;
}
div.fdm4sidemenu a {
 text-decoration: none;
}
ul.fdm4sidemenu{
 margin: 0 0 3px 0;
 padding:0;
 font-size: 12px;
 font-weight:bold;
 list-style-type:none;
 border:0;
}
/* IE override for UL auto expanding height */
* html ul.fdm4sidemenu{ height: 1px; }

ul.fdm4sidemenu li{
 display:block;
 position:normal;
 margin: 0 0 0 10px;
 padding: 0;
 border:0;
 width: 135px;
 list-style-type: none;
}
li.subContainer ul { margin:0 0 0 3px; padding:0; }

ul.fdm4sidemenu ul.menuProducts {
  height:150 px;
  max-height: 150px;
  overflow-y: auto;
  overflow-x: hidden;
  width:125px;
  margin-left: 10px;
}
ul.fdm4sidemenu li.subContainer { margin-left:0; width: 133px; }
ul.fdm4sidemenu li.subContainer ul { margin: 0; }
ul.noscroll{ height: auto; }

ul.fdm4sidemenu li.menuSide{
  display:block;
  width:150px;
  line-height: 20px;
  background-color: #DDD;
  color: #444;
  margin: 0 0 3px 10px;
  zoom:1;
}
ul.fdm4sidemenu li.menuSideSelected{
  display:block;
  width:140px;
  line-height: 20px;
  background-color: #b5121b;
  color: #fff;
  margin: 0 0 3px 20px;
  zoom:1;
}
ul.fdm4sidemenu li.menuSide a{
  background-color: #DDD;
  display:block;
  line-height: 20px;
  color: #4d4d4d;
  margin: 0;
  padding: 0 0 0 10px;
}
ul.fdm4sidemenu li.menuSideSelected a{
  display:block;
  line-height: 20px;
  background-color: #b5121b;
  color: #FFF;
  margin: 0;
  padding: 0 0 0 10px;
}
ul.fdm4sidemenu li.menuSideSelected a:hover{
  display:block;
  line-height: 20px;
  background-color: #b5121b;
  text-decoration:none;
  color: #FFF;
  margin: 0;
  padding: 0 0 0 18px;
}

ul.fdm4sidemenu li.menuSubSelected,
ul.fdm4sidemenu li.menuSub{ margin: 0 0 0 10px; width: 115px; }

.catTitle
{ padding-left: 18px; }
.featTitle,
.featDetailTitle
{ padding-left: 8px; }

.catTitleSelected,
.featTitleSelected,
.featDetailTitleSelected
{ padding-left: 8px; color: #b5121b; }

a.catTitleSelected { color: #FFF; }
a.catTitle { color: #4d4d4d; }
a:hover.catTitle { text-decoration: none; }

a.featTitle,
a.featDetailTitle
{ color: #4d4d4d; }
a:hover.featTitle,
a:hover.featDetailTitle
{ color: #b5121b; }
a.menuProdLink { color: #4d4d4d; font-weight: normal; }
.menuCloseout,
.menuSpecial{
 display:none;
}
/*****^ Catalog Side Menu Styles ^*****/
.breadcrumbs {
padding: 13px 10px 0 14;
}

/*****v New/Edit Credit Card Check v*****/

#ccardDiv { padding: 10px 0px 10px 0px; }

.cardHeaderBig { color: #444444; font-size: 16pt; font-weight: bold;  text-align: left; }
.cardHeaderSub { color: #444444; font-size: 10pt; text-align: left; padding-left: 15px; }

.cardFrmName  {
font-weight: bold;
font-size: 8pt;
color: #000000;
background-color: #cecece;
}

.cardFrmField {
font-weight: normal;
font-size: 8pt;
color: #000000;
background-color: #cecece;
}

.cardDarkBorder { background-color: #EE0000; }

/*****^ New/Edit Credit Card Check ^*****/

/*****v My Account Global (myAccountGlobal.css) v*****/

.myAccountHeader { color: #4D4D4D; font-size: 16pt; font-weight: bold; margin: 0 0 15px 0; text-transform: capitalize; }
.myAccountContentContainer { width: 100%; border-collapse: collapse; }
.myAccountSectionHeader { padding-left: 5px; color: #ffffff; background-color: #4D4D4D; vertical-align: middle; font-weight: bold; text-transform: capitalize; }
.myAccountMessage { color: #B5121B; }
.myAccountTable { background-color: #F0F0F0; border-spacing: 0; border-collapse: collapse; } 
.myAccountLightRow { background-color: #ffffff; }
.myAccountDarkRow { background-color: #F0F0F0; }
.myAccountTable th { border-spacing: 0; padding: 1px 2px; color: #ffffff; background-color: #4D4D4D; font-weight: bold; text-align: center; text-transform: capitalize; } 
.myAccountTable td { border-spacing: 0; padding: 1px 2px; } 

.myAccountField { text-transform: capitalize; }
.myAccountField input { width: 200px; } 
.myAccountField select { width: 205px; } 
.myAccountDateFormat { font-size: .8em; font-style: italic; text-transform: none;  }

/*****^ My Account Global ^*****/

/*****v My Account (myAccount.css) v*****/

/* Page Specific classes */
#myAccount { width: 100%; }
#myAccountCol1 { float: left;  }
#myAccountCol2 { float: right;  }

#myAccountPriceList { clear: left; float: left; text-align: center; }
#myAccountPriceList th, 
#myAccountPriceList td  { font-size: .8em; text-align: center; }

.myAccountOption { clear: left; float: left; width: 350px; margin: 0 0 20px 0; padding: 0;  }
.myAccountOption .myAccountSectionHeader { float: left; width: 100%; }
.myAccountOptionHeader { padding: 0; }
.myAccountOptionLabel { float: left; padding-left: 5px;  }
.myAccountOptionButton { float: right; }
.myAccountInfo { clear: left; float: left; width: 275px; line-height: 1; font-size: .8em; padding-top: 3px; }

/*****^ My Account ^*****/

/*****v Customer Profile (profile.css) v*****/

#profileWebUser { width: 100% }
#profileDetail { width: 100%}

.profileDetailSection { padding: 0 0 20px 0; }
.profileInstructionSection { vertical-align: top; padding-left: 5px; }
#profileWebAddress { margin-bottom: 5px; }

/* vv S010101 vv */
.label
{
   font-size: 12pt;
   font-weight: bold;
   color: #444444;
   background-color: #ffffff;
}

.cell
{
   width: 320px;
   vertical-align: top;
}

.descr
{
   font-size: 10px;
   color: #FF0000;
}

.header
{
   width: 320px;
   vertical-align: middle;
}

.spacer
{
   width: 5px;
}

#updateOkay
{
   font-size: 11px;
   color: #FF0000;
   padding-top: 10px;
   font-weight: bold;
}

.screenCopy
{
   background-color: #ffffff;
   font-size: 11px;
   color: #FF0000;
   font-weight: bold;
   text-decoration: none;
}

.viewAddress
{
   background-color: #f2f2f2;
   font-size: 11px;
   color: #222222;
   font-weight: bold;
   text-decoration: none;
}

div.successAdd
{
   position: relative;
   top: 1px;
   left: 10px;
   font-size: 10px;
   background-color: #f2f2f2;
   width: 330px;
   border: 2px solid #cecece;
}

div.successAddOff
{
   position: relative;
   top: 1px;
   left: 10px;
   font-size: 10px;
   background-color: #ffffff;
   width: 330px;
   border: 2px solid #ffffff;
}

.profmess
{
   background-color: transparent;
   color: black;
   font-weight: bolder;
   font-size: larger;
}
/* ^^ S010101 ^^ */
/*****^ Customer Profile ^*****/

/*****v Password (password.css) v*****/

#passwordContainer { width: 540px; }
#passwordContainer input { width: 250px; }
#passwordContainer select { width: 255px; }
#passwordButtonContainer { padding-top: 15px; }

.passwordRequired { font-size: .75em; float:right; padding-right: 5px }

/*****^ Password ^*****/

/*****v Address Book Select (addressSelect.css) v*****/

#addressSelectContainer { width: 400px; }
#addressSelectNewButton { margin: 15px 0; }
#addressSelectEditSection { padding: 0 0 5px 15px; }
#addressSelectButtonContainer { padding-top: 20px; }

/*****^ Address Book Select ^*****/

/*****v Address Book Update (addressBook.css) v*****/

#addressBookContainer {  }
#addressBookTable {  }
#addressBookPreviewTable { width: 350px; }
#addressBookButtonContainer { clear: both; padding-top: 15px; }

.addressBookSection { float: left; width: 350px; margin-right: 15px; }
.addressBookPreviewDesc { float: right; padding-right: 5px; font-size: .6em; text-transform: capitalize; }
.addressBookPreviewText { background-color: #ffffff; }

/*****^ Address Book Update ^*****/

/*****v Contact Book Select (addressSelectContacts.css) v*****/

#selectContactsContainer { width: 400px; }
#selectContactsNewButton { margin: 15px 0; }
#selectContactsEditSection { padding: 0 0 5px 15px; }
#selectContactsButtonContainer { padding-top: 20px; }

/*****^ Contact Book Select ^*****/

/*****v Contact Book Update (contacts.css) v*****/

#contactsContainer {  }
#contactsButtonContainer { clear: both; padding-top: 15px; }
#contactsAreaCode { width: 30px; }
#contactsPhone { width: 77px; }
#contactsExt { width: 40px; }
#contactsFaxAreaCode { width: 30px; }
#contactsFax { width: 77px; }
#contactsNotes { width: 200px; }
#contactsHomeAreaCode { width: 30px; }
#contactsHomePhone { width: 77px; }
#contactsHomeFaxAreaCode { width: 30px; }
#contactsHomeFax { width: 77px; }

.contactsSection { float: left; width: 375px; margin-right: 15px; }
.contactsDetailText { padding-left: 5px; font-size: .75em; }

/*****^ Contact Book Update ^*****/

/*****v User Book Select (userBook.css) v*****/

#userBookContainer { width: 400px; }
#userBookNewButton { margin: 15px 0; }
#userBookEditSection { padding: 0 0 5px 15px; }
#userBookButtonContainer { margin-top: 20px; }

/*****^ User Book Select ^*****/

/*****v User Book Update (userBookUpdate.css) v*****/

#userBookUpdateContainer { width: 400px; }
#userBookUpdateButtonContainer { clear: both; padding-top: 15px; }

.userBookUpdateSection { float: left; width: 100%; }
#userBookUpdateTable { width: 100%; }

/*****^ User Book Update ^*****/
               
/*****v Resend Registration Emails (resendRegistration.css) v*****/

/* Global overrides */
#resendRegistrationContainer .myAccountLabel { width: 50px; } 
#resendRegistrationContainer .myAccountField { width: 450px; } 
#resendRegistrationContainer .myAccountField input { width: 435px; } 

#resendRegistrationContainer { width: 500px; }
#resendRegistrationBCC { margin-bottom: 5px; }
#resendRegistrationButtonContainer { padding-top: 20px; }

.resendRegistrationInstructions { padding: 10px 0; } 

/*****^ Resend Registration Emails ^*****/

/*****v Forms Email (autoEmail.css) v*****/

/* Global Overrides */
#autoEmailContainer .myAccountLabel { width: 100%; }

#autoEmailContainer { width: 400px; }
.autoEmailButtonContainer { padding: 20px 0 0 0; }

/*****^ Forms Email ^*****/

/*****v Line Sheets () v*****/

/* Global Overrides */
#lineSheetCriteria .myAccountField input { width: 30px; }
#lineSheetCriteria .myAccountLabel { padding: 0; }

#lineSheetButtonContainer { padding: 20px 0; }

.lineSheetContainer { width: 500px; }
.lineSheetSection { padding: 10px 0 10px 5px; }

/*****^ Line Sheets ^*****/

/*****v Manage Credit Cards (manageCC.css) v*****/

#creditcardSelectContainer { width: 400px; }
#creditcardSelectNewButton { margin: 15px 0; }
#creditcardSelectEditSection { padding: 0 0 5px 15px; }
#creditcardSelectButtonContainer { padding-top: 20px; }

/*****^ Manage Credit Cards ^*****/

/*****v Credit Card (card.css) v*****/

#addrDiv
{ position: absolute; 
  z-index: 5; 
  display: none;
  visibility: hidden;  
} 

.badclass { }

.ambigTable
{
  width : 200px;
  position : relative;
  left : 50px;
  text-align : center;
  border-bottom : 1px solid black;
  border-top : 1px solid black;
  border-left : 1px solid black;
  border-right : 1px solid black;
  text-align : center;
  background-color: #FFFFFF;
}
.validText
{
 color: #A6B982;
 font-family : arial;
 font-size : 16pt;
 text-decoration : underline;
}

.validAddrCopy {
 color: #000000;
 font-family : arial;
 font-size : 12pt;
 font-weight : bold;
 text-decoration: none;
 text-align : center;
}

.stdText{ text-align: center; }


A.validAddr,
A.validAddr:visited,
A.validAddr:active,
A.validAddr:hover,
A.validAddr:link  
{
 color: #000000;
 font-family : arial;
 font-weight : bold;
 font-size : 10pt;
 text-decoration: none;
}

A.validAddr:hover { text-decoration: underline; }

.addrDiv { position: absolute;
  z-index: 5;
  display: none;
  visibility: hidden;  }
  
.ambigSelectDiv
{ vertical-align: middle; 
  white-space: nowrap; }
  
.imgOverlay
{
  z-index: 2;
  display: none;
  visibility: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  top: 0px;
  left: 0px;  
}

/*****^ Credit Card ^*****/

/*****v Order Status (orders.css) v*****/

/* Global Overrides */


/* Page Specific classes */
#ordersMarketingSection { float: left; } 

#ordersCustomerSection { float: left; }
#ordersCustInfoTable { padding-left: 20px; line-height: 1; } 

#ordersSearchHeader { clear: both; float: left; width: 800px; }
.ordersHead { float: left; }
.ordersPageDisplay { float: right; padding-right: 5px; }

#ordersOrderType { clear: left; float: left; padding-left: 5px; }
#htpo { width: 170px; }
#ordersDates { float: left; width: 380px; padding-left: 25px; }
#inputDate1, #inputDate2 { width: 70px; }
#ordersSearch { float: right; width: 200px; padding-bottom: 5px; }
#ordersSearchButton { clear: both; float: right; }
#ordersWebOnly { float: left; }
#ordersNumResults { float: left; }

#ordersContainer {  }
#ordersOrderSection {  }
#ordersOrderTable { width: 100%; text-align: center; }
#ordersOrderTable td { line-height: 1; font-size: .8em; text-align: center; }
#ordersPageButtonContainer { padding: 0 0 10px 0; text-align: center; }
#ordersButtonContainer { padding: 10px 0; }

/*****^ Order Status ^*****/

/*****v Order Detail (orderDetail.css) v*****/

/* Global Overrides */


/* Page Specific classes */
#orderDetailInfoContainer { float: left; width: 100%; }
#orderDetailInfo1 { float: left; }
#orderDetailInfo2 { float: left; margin-left: 80px; }
#orderDetailInfo3 { float: right; }

#orderDetailLineInfo { width: 100%; }
#orderDetailLineInfo td { line-height: 1; font-size: .8em; }

.orderDetailLineNum { text-align: center; }
.orderDetailStyle {  }
.orderDetailColor { text-align: center; }
.orderDetailSize { text-align: center; }
.orderDetailItemNum { text-align: center; }
.orderDetailItemName { text-align: center; }
.orderDetailWhse { text-align: center; }
.orderDetailQty { text-align: center; }
.orderDetailPrice { text-align: right; }
.orderDetailAmount { text-align: right; }
.orderDetailTotal { text-align: right; }
.orderDetailGrandTotal { text-align: right; }
.orderDetailLabel{ padding: 0 3px 0 5px; font-weight: bold; text-align:right; text-transform: capitalize; }
#orderDetailButtonContainer { padding-top: 20px; }

/*****^ Order Detail ^*****/

/*****v Statement (statement.css) v*****/

/* Global Overrides */
#stmtInfo.myAccountTable th { font-size: .8em; }
#stmtInfo.myAccountTable td { line-height: 1; font-size: .7em; }

/* Page Specific classes */
#linkContainer {  }
#totals { float: right; }
#printerFriendly {  }

#stmtContainer { width: 100%; }
#stmtInfo { width: 100%; } 
.statementType { text-align: center; }
.statementInvoice { text-align: center; }
.statementPO { text-align: center; }
.statementDate { text-align: center; }
.statementAmount { text-align: right; }
.statementPay { text-align: center; width: 79px; }

#statementCredit { margin-top: 20px; width: 100%; text-align: center; }
#statementCredit td { font-size: .8em; }

#statementButtonContainer { padding-top: 20px; }

#stmtLegend { margin-top: 20px; line-height: 1; text-transform: capitalize; }
#stmtLegend th { font-size: .7em; }
#stmtLegend td { font-size: .7em; }

/*****^ Statement ^*****/

/*****v Returns (claimsB2B.css) v*****/

/* Top Navigation Arrows 
---------------------------------------------------------------------------- */
ul#cl_TopNav li.buttons { 
	float: left; /* lists aligned to the left */
} 

ul#cl_TopNav {
	list-style-type: none; /* suppression of useless elements */
	padding: 5px;
	font-size: 12px;
	margin: 0px;
	font-family:Arial, Verdana, sans-serif;
	line-height: 20px;
}

ul#cl_TopNav a {
	margin: 0px;
	height: 24px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #000;
        background: #ccc;
        text-decoration: none;
	font-weight:bold;
	cursor: default;
}

ul#cl_TopNav a:hover {
	cursor: default;
}

ul#cl_TopNav .selected {
        background: #4D4D4D !important;
        color: #FFFFFF !important;
}

/* css credit: http://css-tricks.com/snippets/css/css-triangle/ */
ul#cl_TopNav .arrowRight {
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 12px solid #ccc;
	display:inline-block;
	margin-right: 5px;
}

ul#cl_TopNav .arrowRightSelected {
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 12px solid #4D4D4D;
	display:inline-block;
	margin-right: 5px;
}

/* Error Bubble Color Overrides 
---------------------------------------------------------------------------- */
.formError .formErrorContent                { background: #C11B17; /* #9A9A9A; */ }
.formError .formErrorArrow div              { background: #C11B17; /* #9A9A9A; */ }

#cl_Error { color: red; font-weight: bold; font-size: 16px; }

/* Processing Animation
---------------------------------------------------------------------------- */
#cl_Processing1 {   
	width:  80px;
	height: 80px;
	position: fixed;
	top: 35%;
	left: 35%;
	background:url("../images/spinner.gif") no-repeat center #fff;
	text-align:center;
	padding:10px;
	font:normal 16px Tahoma, Geneva, sans-serif;
	border:1px solid #666;
	margin-left: -80px;
	margin-top: -80px;
	/* z-index:2; */
	overflow: auto;

	display:block;
	font-size: 11px;
	font-weight: bold;
	z-index: 999;
}

.blockUI #cl_Processing {
	line-height: 80px;
	height: 80px;
}
.blockUI #cl_Processing img {   
	vertical-align: middle; 
}

/* Claim Form Styles
---------------------------------------------------------------------------- */
a#cl_OrdersLink, #claimForm a.cl_StepLink { 
	font-size:110%; 
}

a#cl_OrdersLink:hover, #claimForm a.cl_StepLink:hover { 
	color:red;
}

/* style credit: http://www.designmeltdown.com/chapters/forms/part2.aspx */
#claimForm fieldset, #lookupForm fieldset {
        background-color:#F0F0F0;
	
	border-width:2px;
	border-style:solid;
	border-color:#4d4d4d;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
		
	margin:20px 0px 20px 0px;
	/* width:350px; */
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
}

#claimForm .cl_SubmitFieldset {border: #FFFFFF; background-color: #FFFFFF;}
#cl_Submit1 { clear: both; float: left; }

#claimForm .cl_HeaderFieldset {border: none; background-color: transparent;}

#claimForm fieldset legend, 
#lookupForm fieldset legend {	
	background-color:#4d4d4d;
	
	border-width:1px;
	border-style:solid;
	border-color:#4D4D4D;
	
	color:#FFF;
	font-weight:bold;
	font-variant:small-caps;
	font-size:110%;
		
	padding:2px 5px;
	margin:0px 0px 10px 0px;
	position:relative;
	top: -12px;
	
}

	 
#claimForm fieldset legend img{
	padding:0px 5px 0px 5px;	
}

#claimForm fieldset .cl_Text { font-size:80%; }

#claimForm label, 
#lookupForm label {
	font-size:80%;
	
	display:block;
	float:left;
	width:175px;
	text-align:right;
	margin:6px 5px 0px 0px;
}

#claimForm .cl_Button {
	background-color:#D7E6FA;
	
	border-width:1px;
	border-style:solid;
	border-color:#537DAF;
	
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;

	cursor: pointer;

}

#lookupForm .cl_Button {
	background-color:#FFF;
	
	border-width:1px;
	border-style:solid;
	border-color:#537DAF;
	
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;

	cursor: pointer;

}

#lookupForm #cl_Button_Container { display: inline; }
#lookupForm #cl_Button_Container input.cl_Button {  }

/* Claim Order Line Table
---------------------------------------------------------------------------- */
#claimForm .cl_OrderLineFieldset {
	border: none;
	background-color: transparent;
}

#cl_OrderLineTable, #cl_OrderLineComment {
	border-collapse: collapse;
	margin-top: 5px;
}

#cl_OrderLineComment {
	margin-top: 20px;
	width: 100%;
}

#cl_OrderLineTable th, #cl_OrderLineComment th {
    font-weight: bold;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    text-align: left;
    border: 1px solid #4D4D4D;
    background-color: #4D4D4D;
    color:#FFF;
    /* font-size:110%; */
}

#cl_OrderLineTable td, #cl_OrderLineComment td {
    font-weight: normal;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    text-align: left;
    border: 1px solid #FFFFFF;
    background-color:#FFFFFF;
}

/* highlight rows */
#claimForm #cl_OrderLineTable .rowSelected { background-color: #F0F0F0; }

.deleteLine {
	cursor: pointer;
}

/* totals */
#cl_OrderLineTable .cl_Subtotal,
#cl_OrderLineTable .cl_Restock,
#cl_OrderLineTable .cl_Tax,
#cl_OrderLineTable .cl_Total { 
	text-align: right;
	font-weight: bold;
}

#cl_LineMsg {
	background-color: #537DAF;
}

/*****^ Returns ^*****/

/*****v Inventory Listing Report (invLinsting.css) v*****/

/* Global Overrides */

/* Page Specific classes */
#invListingCriteria th { text-align: left; }

.invListingPODays { width: 30px; }

#invListingInfo { margin-top: 10px; width: 100%; text-align: center; }
#invListingInfo th.invListingTotal { text-align: right; }
#invListingInfo td.invListingQty { text-align: right; }

#invListingPrintContainer { padding-top: 10px; text-align: center; }

#invListingButtonContainer { padding-top: 20px; }

/*****^ Inventory Listing Report ^*****/

/*****v Sales Report (salesReport.css) v*****/

/* Global Overrides */

/* Page Specific classes */
#salesReportCriteria { width: 100%; }
#salesReportCriteria th { text-align: left; }
#salesReportCriteria td { font-size: .9em; }
#salesReportCriteria input { width: 130px; }
#salesReportCriteria select { width: 130px; }
#salesReportButtons { width: 150px; }

#salesReportDollar { margin-top: 10px; width: 100%; } 
#salesReportDollar a { color: #ffffff; }
#salesReportDollar td { text-align: right; }

#salesReportDollar .salesReportSort { text-align: right; }
.salesReportPeriod { width: 120px; }

#salesReportProduct { margin-top: 10px; width: 100%; } 
#salesReportProduct th a { color: #ffffff; }
#salesReportProduct td { line-height: 1; font-size: .8em; }
#salesReportDefaultSort.fdm4Button a { color: #4D4D4D; }
#salesReportTitle { float: left; }
#salesReportProduct .salesReportSort { text-align: right; }
#salesReportProduct .salesReportTotal { text-align: right; }

#salesReportDisclaimer { margin: 10px 0; } 
#salesReportPrint {  }

#salesReportButtonContainer { padding-top: 20px; }

/*****^ Sales Report ^*****/

/*****v Sales History Graph (salesHistoryGraph.css) v*****/

/* Global Overrides */

/* Page Specific classes */
#salesHistoryGraphDollar { width: 100%; margin-top: 10px; }
#salesHistoryGraphDollar td { line-height: 1; font-size: .7em; text-align: center; }

.salesHistoryGraphYear { margin-top: 10px; text-align: center; }

#salesHistoryGraphDollar .shg1, 
#salesHistoryGraphDollar .shg2, 
#salesHistoryGraphDollar .shg3, 
#salesHistoryGraphDollar .shg4, 
#salesHistoryGraphDollar .shg5, 
#salesHistoryGraphDollar .shg6, 
#salesHistoryGraphDollar .shg7, 
#salesHistoryGraphDollar .shg8, 
#salesHistoryGraphDollar .shg9, 
#salesHistoryGraphDollar .shg10, 
#salesHistoryGraphDollar .shg11, 
#salesHistoryGraphDollar .shg12,
#salesHistoryGraphDollar .shg13,
#salesHistoryGraphDollar .shgb
{
 margin: 0; padding: 0; border: 0;
 height: 1px;
}

#salesHistoryGraphDollar .shg1 { background-color: #FFFF00; }
#salesHistoryGraphDollar .shg2 { background-color: #FFCC00; }
#salesHistoryGraphDollar .shg3 { background-color: #66CC99; }
#salesHistoryGraphDollar .shg4 { background-color: #33FF00; }
#salesHistoryGraphDollar .shg5 { background-color: #6699CC; }
#salesHistoryGraphDollar .shg6 { background-color: #6699FF; }
#salesHistoryGraphDollar .shg7 { background-color: #FF3300; }
#salesHistoryGraphDollar .shg8 { background-color: #FF9999; }
#salesHistoryGraphDollar .shg9 { background-color: #FFFF00; }
#salesHistoryGraphDollar .shg10 { background-color: #FFCC00; }
#salesHistoryGraphDollar .shg11 { background-color: #66CC99; }
#salesHistoryGraphDollar .shg12 { background-color: #33FF00; }
#salesHistoryGraphDollar .shg13 { background-color: #6699CC; }
#salesHistoryGraphDollar .shgb { background-color: #ffffff; }

.salesHistoryProductGraph { width: 100%; border-spacing: 0; border-collapse: collapse; }

.salesHistoryGraphProduct { margin: 5px 0; width: 100%; border: 1px solid #4D4D4D; }
.salesHistoryGraphProduct td { line-height: 1; font-size: .8em; }
.salesHistoryGraphProduct .shgStyleCode { font-size: 1.5em; font-weight: bold; }
.salesHistoryGraphProduct .shgCustDisp { font-size: 1.5em; font-weight: bold; }
.salesHistoryGraphProduct .shgGraphLabel { width: 100px; color: #ffffff; background-color: #4d4d4d; }
.salesHistoryGraphProduct .shgYear { width: 30px; }
.salesHistoryGraphProduct .shgAmounts { text-align: right; }
.salesHistoryGraphProduct .shgGraph { width: 65%; padding-bottom: 3px; }
.salesHistoryGraphProduct .shgYearDivider { border-bottom: 1px solid #4d4d4d; }

.salesHistoryGraphProduct .shg1, 
.salesHistoryGraphProduct .shg2, 
.salesHistoryGraphProduct .shg3, 
.salesHistoryGraphProduct .shg4, 
.salesHistoryGraphProduct .shg5, 
.salesHistoryGraphProduct .shg6, 
.salesHistoryGraphProduct .shg7, 
.salesHistoryGraphProduct .shg8, 
.salesHistoryGraphProduct .shg9, 
.salesHistoryGraphProduct .shg10, 
.salesHistoryGraphProduct .shg11, 
.salesHistoryGraphProduct .shg12,
.salesHistoryGraphProduct .shg13,
.salesHistoryGraphProduct .shgb
{
 margin: 0; padding: 0; border: 0;
 width: 1px;
 height: 20px;
}

.salesHistoryGraphProduct .shg1 { background-color: #FFFF00; }
.salesHistoryGraphProduct .shg2 { background-color: #FFCC00; }
.salesHistoryGraphProduct .shg3 { background-color: #66CC99; }
.salesHistoryGraphProduct .shg4 { background-color: #33FF00; }
.salesHistoryGraphProduct .shg5 { background-color: #6699CC; }
.salesHistoryGraphProduct .shg6 { background-color: #6699FF; }
.salesHistoryGraphProduct .shg7 { background-color: #FF3300; }
.salesHistoryGraphProduct .shg8 { background-color: #FF9999; }
.salesHistoryGraphProduct .shg9 { background-color: #FFFF00; }
.salesHistoryGraphProduct .shg10 { background-color: #FFCC00; }
.salesHistoryGraphProduct .shg11 { background-color: #66CC99; }
.salesHistoryGraphProduct .shg12 { background-color: #33FF00; }
.salesHistoryGraphProduct .shg13 { background-color: #6699CC; }
.salesHistoryGraphProduct .shgb { background-color: #ffffff; }

#salesHistoryGraphButtonContainer { padding-top: 20px; }

/*****^ Sales History Graph ^*****/

/*****v Pay Invoice (payAR.css) v*****/

/* Global Overrides */
#payARPayment .myAccountLabel { width: 170px; }

/* Page Specific classes */
#payARFind { clear: both; float: left; margin-bottom: 20px; } 

#payARInvoiceDetail { clear: left; float: left; height: 265px; }

#payARPayment { float: left; margin-left: 10px; width: 420px; height: 265px; }
.payARInstructions { line-height: 1; padding-bottom: 10px; font-size: .7em; text-transform: none; }
#payARCCLabel { vertical-align: top; }
#payARType {  }
#payARMonth, #payARYear { width: 103px; }
#payARcsc { width: 40px; }
#payARSave { margin-top: 15px; }

.payARCSCHelpDefault { display:none; }
.payARCSCHelpDisplay { background-color:#FFFFFF; border:2px solid #e1e1e1; cursor:pointer; height:110px; top:462px; left:650px; overflow:auto; padding:4px; position:absolute; width:300px; z-index:10000; }

#payARButtonContainer { clear: both; float: left; margin-top: 20px; }

/*****^ Pay Invoice ^*****/

/*****v Cobrand Registration (cobRegister.css) v*****/

/* Global Overrides */
#cobRegisterFeatures .myAccountLabel { line-height: 2; text-transform: none; }

/* Page Specific classes */
#cobRegisterContact { clear: both; float: left; }
#cobRegisterFeatures { clear: both; float: left; margin: 15px 0 0 0; }
#cobRegisterMarkup { padding-left: 25px; }
#cobRegisterDisclaimer { clear: both; float: left; margin: 10px 0; }
#cobRegisterButtonContainer { clear: both; float: left; padding-top: 10px; }

/*****^ Cobrand Registration ^*****/

/*****v Cobrand Registration Confirmation (cobRegWork.css) v*****/

/* Global Overrides */

/* Page Specific classes */
#cobRegWorkSubmitMsg {  }

#cobRegWorkErrors { margin: 20px 0; }
.cobRegWorkErrorMsg {  }

#cobRegWorkSupportMsg { margin: 20px 0; }

#cobRegWorkButtonContainer { margin: 20px 0; }

/*****^ Cobrand Registration Confirmation ^*****/

/*****v Cobrand Admin (cobrandAdmin.css) v*****/

/* Global Overrides */

/* Page Specific classes */
#cobrandAdminNoSites {  }

/*****^ Cobrand Admin ^*****/

/*****v Switch User (options.css) v*****/

/* Global Overrides */

/* Page Specific classes */
#optionsSelectAccount {  }
#optionsInstructions { margin: 10px 0 10px 5px; }
#optionsFind { padding-bottom: 10px; }
#optionsButtonContainer { margin-top: 20px; }

/*****^ Switch User ^*****/

/*****v User Lookup (custInquiry.css) v*****/

/* Global Overrides */

/* Page Specific classes */
#custInquirySearch { width: 400px; }
#custInquiryAreaCode { width: 50px; }
#custInquiryPhone { width: 130px; }
#custInquirySearchButtonContainer { margin: 10px 0; }

#custInquiryResults { width: 100%; }
#custInquiryResults td { line-height: 1; font-size: .8em; padding: 3px 0; }
.custInquiryNoUsers {  }

#custInquiryResultsButtonContainer { text-align: center; margin: 20px 0; }

/*****^ User Lookup ^*****/

.overlay{
 display:none;
 position:absolute;
 top:0;
 left:0;
 /* MS: 05/07/10 removing because causes whole screen to become black in Internet Explorer */
 /* background-color:#000;
 opacity:0.5
 filter:alpha(opacity=50); */
 z-index:2;
}

/*** Header Copy Slide Down ***/

#topCopy{
  float:left;
  width:1000px;
}
#topCopyLower{
  float:left;
  width:1000px;
  display:none;
}
#topCopyShow,
#topCopyHide{
  cursor:pointer;
}
/*** Dev My Account side menu ***/
ul#menuListleftside{
 margin:0; padding:0;
}
ul#menuListleftside li{
  list-style: none;
  font-weight:bold;
  margin:0 0 3px;
  line-height:20px;
/*  text-transform:uppercase; */
}
ul#menuListleftside li a:active,
ul#menuListleftside li a:hover,
ul#menuListleftside li a:visited,
ul#menuListleftside li a:link
{
 background-color:#4D4D4D;
 text-decoration : none;
 color:#FFFFFF;
 font-size:12px;
 margin:0;
 padding:0 0 0 22px;
 display:block;
 width:133px;
}
ul#menuListleftside li ul{
 border:0 none;
 font-size:12px;
 font-weight:bold;
 list-style-type:none;
 margin:3px 0 0 0;
 padding:0;
}

ul#menuListleftside li ul li{
 background-color:#DDDDDD;
 color:#444444;
 display:block;
 line-height:20px;
 margin:0 0 3px 14px;
 width:141px;
 list-style-type: none;
text-transform:Capitalize;
}

ul#menuListleftside li ul li a:active,
ul#menuListleftside li ul li a:hover,
ul#menuListleftside li ul li a:visited,
ul#menuListleftside li ul li a:link
{
 background-color:#DDDDDD;
 text-decoration : none;
 color:#4D4D4D;
 font-size:12px;
 margin:0;
 padding:0 0 0 8px;
 display:block;
}

/* Test my account */
ul#menuListaccount{
 margin:0; padding:0;
}
ul#menuListaccount li{
  list-style: none;
  font-weight:bold;
  margin:0 0 3px;
  line-height:20px;
}
ul#menuListaccount li a:active,
ul#menuListaccount li a:hover,
ul#menuListaccount li a:visited,
ul#menuListaccount li a:link
{
 background-color:#4D4D4D;
 text-decoration : none;
 color:#FFFFFF;
 font-size:12px;
 margin:0;
 padding:0 0 0 22px;
 display:block;
 width:133px;
}
ul#menuListaccount li ul{
 border:0 none;
 font-size:12px;
 font-weight:bold;
 list-style-type:none;
 margin:3px 0 0 0;
 padding:0;
}

ul#menuListaccount li ul li{
 background-color:#DDDDDD;
 color:#444444;
 display:block;
 line-height:20px;
 margin:0 0 3px 14px;
 width:141px;
 list-style-type: none;
text-transform:Capitalize;
}

ul#menuListaccount li ul li a:active,
ul#menuListaccount li ul li a:hover,
ul#menuListaccount li ul li a:visited,
ul#menuListaccount li ul li a:link
{
 background-color:#DDDDDD;
 text-decoration : none;
 color:#4D4D4D;
 font-size:12px;
 margin:0;
 padding:0 0 0 8px;
 display:block;
}

/*** Search Results Side Menu ***/
.itemFound{ font-size: 16px; font-weight:bold; padding: 0 0 10px 23px;}
ul.categorySearch { margin:0; padding:0; }
ul.categorySearch li{
 background-color:#DDDDDD;
 color:#444444;
 display:block;
 line-height:20px;
 margin:0 0 3px 14px;
 width:141px;
 list-style-type: none;
}

ul.categorySearch li a:active,
ul.categorySearch li a:hover,
ul.categorySearch li a:visited,
ul.categorySearch li a:link
{
 background-color:#DDDDDD;
 text-decoration : none;
 color:#4D4D4D;
 font-size:12px;
 margin:0;
 padding:0 0 0 8px;
 display:block;
 font-size:12px;
 font-weight:bold;
}
ul.categorySearch li.searchCatSelected{
  display:block;
  height: 22px;
  width:141px;
  line-height: 20px;
  background-color: #b5121b;
  color: #fff;
  margin: 0 0 3px 14px;
}
ul.categorySearch li.searchCatSelected a:active,
ul.categorySearch li.searchCatSelected a:hover,
ul.categorySearch li.searchCatSelected a:visited,
ul.categorySearch li.searchCatSelected a:link
{
 background-color: #b5121b;
 color: #fff;
 font-size:12px;
 margin:0;
 padding:0 0 0 8px;
 display:block;
 font-size:12px;
 font-weight:bold;
}

/*****v Resend Registration Emails v*****/

.emailGroupHdr   { font-size:12px; color:#FFFFFF; font-weight:bold; }
.emailGroupMsg   { font-size:12px; color:#000000; font-weight:bold; }

/*****^ Resend Registration Emails ^*****/

/*****v Salesman Side Menu v*****/
.salesmanMenuText { font-size: 11px; font-weight:bold; margin-left:14px; }
a.salesmanLink { color:#4D4D4D; text-decoration:none; }
a.salesmanLink:hover { color:#B5121B; text-decoration:underline;}
.salesmanMenuSpacer{  ;margin: 4px 0 4px 14px; background-color:#4D4D4D; border-bottom:1px solid #DDD; }
/*****^ Salesman Side Menu ^*****/
.siteProcessNone{ display:none; position:absolute; background-color:transparent; border:none; z-index:0; }
.siteProcessDiv{
  display:block;
  position:absolute;
  width:250px;
  height:250px;
  border:2px solid #fff;
  background-color:#ddd;
  color:#232323;
  z-index:99999;
  -moz-box-shadow:0 0 90px 5px #000000;
}

/*HB P10314 - Upload button */
a.imgLink
{
   color:rgb(255,255,255);
   text-decoration:none;
}

/*HB P10314 - Upload button */

/*HB P10314 - Decoration Image CSS*/

table.decs td
{
   width:264px;
}

#decoration
{
   float:left;
   width:230px;
   height:25px;
   display:inline;
}

img.decoration_image
{
   clear:both;
   display:block;
   margin: 0 auto;
   border:solid 1px rgb(80,80,80);
   max-width:480px;
   max-height:480px;
}

input.invisible
{
   display:none;
}

.upload_instructions
{
   font-weight:normal;
   font-size:12px;
   clear:both;
   margin:4px;
}

/*HB P10314 - Decoration Image CSS*/

/* vv Product Page vv */ /* 05-14-2010 MS Q10766 */
.fabricListSubcategory {
   text-decoration: underline;
   /* font-weight: bold; */
   color: #333;
}

h1 {padding-top:0px; margin-top:0px; font-size:20px; }

.layoutContent {margin-right:0px; padding-top:5px;}

.prodDisplay { clear: both; font-size:10pt; color :#444; }
.prodImg  { padding-bottom:5px; float:left; width:315px;}
.prodDesc { padding:0px 5px 5px 5px;width:330px;}
.prodComparable { padding-bottom:5px; border: 1px solid #AAAAAA; float:left; width:150px; display:block;}
.prodComparableH { width:100%; clear:both; }
.prodOrder { padding-top: 10px; }

.prodCatalogDesc { padding-bottom:10px; }

.prodColors   { clear: both; width:315px;}
.prodSizes    { clear: both; }
.prodOrder    { clear: both; }
.colorHeading { clear: both; font-size: 11pt; }
.sizeHeading  { clear: both; font-size: 11pt; }
.swatchbox { width:150px; height:20px; margin: 1px; float:left;padding-bottom:10px;height:35px;}


.imgDesc { }

.colorOuter    { float: left; margin:2px; cursor:pointer; border:2px solid #CCCCCC; background-color:#FFF;}
.colorOuterOOS { float: left; margin:2px; cursor:pointer; border:2px dotted #CCCCCC; background-color:#FFF;}
.colorOuterSelected { float: left; margin:2px; cursor:pointer; border:2px solid #888888; background-color:#FFF;}
.colorOuterOOSSelected { float: left; margin:2px; cursor:pointer; border:2px dotted #888888; background-color:#FFF;}
.colorInner    { width:20px; height:20px; margin: 1px;}
.colorImg { margin: 1px; }
.selectedColor { font-weight:bold; }

.sizeInner    { font-size:9pt; vertical-align:middle; text-align:center; line-height:22px; width:auto; height:22px; line-height:20 px; width:20 px; height:20 px;}
.selectedSize { font-weight:bold;}
.sizeOuter, .sizeOuter0, .sizeOuter1
{ float: left; width: 22px; height:22px; width: 20 px; height:20 px; margin:2px; cursor:pointer; text-align:center; border:2px solid #CCCCCC; color:#666666;}
.sizeOuterOOS, .sizeOuterOOS0, .sizeOuterOOS1
{ float: left; width: 22px; height:22px; width: 20 px; height:20 px; margin:2px; cursor:pointer; text-align:center; border:2px dotted #CCCCCC; color:#AAAAAA;}
.sizeOuterSelected, .sizeOuterSelected0, .sizeOuterSelected1
{ float: left; width:auto; height:22px; width: 20 px; height:20 px; margin:2px; cursor:pointer; text-align:center; border:2px solid #888888; color:#666666;}
.sizeOuterOOSSelected, .sizeOuterOOSSelected0, .sizeOuterOOSSelected1
{ float: left; width:auto; height:22px; width: 20 px; height:20 px; margin:2px; cursor:pointer; text-align:center; border:2px dotted #888888; color:#AAAAAA;}


.prodIcons {}
.featureIcon { padding:4px; }

.imgUpper { display:block; clear: both; }
.imgLower { display:block; clear: both; text-align:center;}

.prodPriceRow {}
.prodPrice {font-size: 11pt;}
.regPriceDiv {}
.regPrice {}
.regPriceLabel {}
.regPriceStrike {text-decoration: line-through;}
.salePriceDiv {}
.salePrice { color: #444; }
.salePriceLabel {}

.optLinkRow {  }
.optLinkRow a { white-space: nowrap; padding: 0 2px; }
/*========--------   Comparables Display  --------========*/
.compSwap{display:none;}
.compTypeContainer {}
.compTypeContainerH {float:left; padding-right:10px; clear:both;}
.compDetail { cursor: pointer; text-align:center; vertical-align: middle; }
.compDetailH { cursor: pointer; text-align:center; vertical-align: middle; width:200px; float:left;}
.compAccordion {  }
.compAccordion li { width:100%; }
.compTypeTitle {font-weight:bold; background-color: #CCCCCC; font-size:9pt; text-align:center; margin-bottom:2px;}
.compTypeTitleH {width:200px; font-weight:bold; background-color: #CCCCCC; font-size:9pt; text-align:center; margin-bottom:2px; float:left; cursor: pointer;}
/*========--------   Cart Button Display  --------========*/
.colorSelect { float: left; padding-left: 150px;}
.sizeSelect  {  }
.prodQty { }
.prodCartBtn { padding-top:8px; }
.orderBtnRow { }
.addToCart { }
.cartError { height: 20px; color: red; }
.viewCart {  }
/*========--------   OOS Display  --------========*/
#imgMessage {
display:none;
width:175px;
position: absolute;
opacity: 0.60;
-moz-opacity: 0.60;
-khtml-opacity: 0.60;
filter: alpha(opacity=60);
z-index:5;
}
.imgMessageText {
font-size:12pt;
color: #ffffff;
width:175px;
background-color:#4a4a4a;
text-align:center;
}
.imgMessageTop {
width:175px;
height:5px;
background: url(../images/OOS_top.gif) no-repeat bottom;
}
.imgMessageBottom {
width:175px;
height:5px;
background: url(../images/OOS_bottom.gif) no-repeat top;
}

/*========--------   Blog HTML styles  --------========*/
#optlinkFloat { background-color: #FFFFFF; border: 1px solid #AAAAAA; margin-top: 5px; vertical-align:top; width:412px;}
.blogTable { width:400px; vertical-align:top; border: 1px solid #AAAAAA; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color: #FFF;}
TEXTAREA {width:375px; height:125px; margin-bottom: 3px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
/*========--------   spec sheet styles  --------========*/
.specDiv { z-index: 999; width:auto; height:auto;border-style:solid;border-width:1px;}
#specfooter{ background-color:white; color:black;}
.spectable{background-color:white;}
.closeWindow{float:right;color:white;}
/*========--------   Image Library styles  --------========*/
.imgLibDiv { z-index: 5; }
.heightPad
{padding-top: 3px; padding-bottom: 3px; vertical-align: middle;}

.imgLibTable
{border: 1px solid black;
 background-color: #FFFFFF;
 text-align: center;
 width: 100%;
 hasLayout: true;}

.imgLibHdr
{background-color: #999966;
 color: white;
 font-weight: bold;
 font-size: 12px;
 border-bottom: 1px solid black;
 padding: 2px;}

 .imgLibButton
 { display: block; vertical-align: middle; background: #DCDCDC url(../images/transButton.gif); width:70px; height:17px; line-height:15px; font-size:9px; text-decoration:none; cursor: pointer;}

a.imgLibLink,
a.imgLibLink:active,
a.imgLibLink:link,
a.imgLibLink:visited,
a.imgLibLink:hover
{ font-size: 9px;
  text-decoration: none;
  vertical-align: middle;
}

.closeButton
{ border: 2px solid white;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  cursor: pointer;
}
.prodImgInner { text-align:center;}
.closeSpecButton{color:#444444;text-decoration:none;}

/* Alternet View Styles */
#altViews { display:none; float:left; clear:both; height: 100%; padding: 0 0 0 25px;}
.altViewSide { float:left; width:75px; }
.altViewSide DIV {}
.altViewBottom { width:100%; text-align:center;}
.altViewBottom DIV {margin:2px;display:inline-block;}
.altViewBottom DIV IMG {width:80px; height:80px;}
/*****v Size Chart v*****/

.sizeChartDefault
{
 display : none;
}

.sizeChartDisplay
{
 display : block;
 position : absolute;
 width : 175px;
 padding : 4px;
 text-align : center;
 color : #ffffff;
 font-weight : bold;
 background-color : #cccccc;
 border : 2px solid #000000;
 z-index : 10;
 cursor : pointer;
}

/*========--------   Magic Zoom styles  --------========*/
#zoom1 img { border:1px solid #CCC; }
.zoomImgContainer {z-index:100; width:1px; height:1px; visibility:hidden;}
.noZoom img {width:250;}
.noZoom,
.magicZoom
{ cursor: crosshair; }
/* class for zoomed area */
.MagicZoomBigImageCont {
	border:			1px solid #CCC;
 background-color: #FFFFFF;
}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			10px Tahoma, Verdana, Arial, sans-serif;
	color:			#fff;
	background:		#CCC;
	text-align:     center !important;
}

/* class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		1px solid #aaa;
	background: 	#ffffff;
}

/* style for loading animation box */
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	border: 		1px solid #ccc;
	opacity:		0.8;
	padding:		3px 3px 3px 3px !important;
	display: 		none; /* do not edit this line please */
}

/* style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px !important;
}


#reviewForm{
    float: left;
    margin: 20px 0 0 20px;
    width: 380px;
}
#mainProdImg1 {width:275px;height:275px;}

/* ^^ Product Page ^^ */
/* vv Product Specs vv */
.product-specs {
	font-family: Verdana;
	font: 14pt;
	font-weight: bold;
	color:white;
}
.style {
	font-family: Verdana;
	font: 12pt;
	font-weight: bold;
	color:white;
}

.detail-line {
	font-family: Verdana;
	font: 11pt;
	font-weight: 600;
	color:white;
}
.cap {

	text-transform: capitalize

	font-family: Verdana, Helvetica, sans-serif;

	font: 12pt;

	font-weight: bold;
}

.td-detail {

	border: 1pt solid Gray;

	padding-bottom: 0;

	padding-left: 0;

	padding-right: 0;

	padding-top: 0;

	height: 45px;

}

.tableinfo {
	background-color: White;
}

.tableheader {

	background-color: #444444;

	border: 1pt solid Gray;

	height: 35px;

}

.whitetext {

	color: White;

	font-family: Verdana;

	font: 12pt;

}
/* ^^ Product Specs ^^ */

/* button classes */

.placeOrder { width: 150px; float:right; }

.salesmanMenuHeader
{
background-color: rgb(181, 18, 27); 
color: rgb(255, 255, 255); 
line-height: 20px; 
padding: 0pt 0pt 0pt 4px; 
font-size: 11px; 
font-weight: bold; 
margin-bottom: 8px;
}


.loginPopupDiv
{ width:  300px;
  height: 200px;
  position: absolute;
  z-index:15; }
.popupHeader
{ background-color: #385d81;
  border: 1px solid black;  }
.popupClose
{ border: 1px solid #E1E1E1;
  color: #E1E1E1;
  text-align: center;
  vertical-align: middle;
  margin: 2px 2px 2px 2px;
  padding:0px 0px 0px 0px;
  font-weight: bold;
  font-size: 10px;
  width:13px;  width:14 px;
  height:13px; height:14 px;
  cursor: pointer;}
.loginPopupMsg
{ background-color: #E1E1E1;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  padding: 5px;}
  
.carthead
{
 background-color : #4D4D4D;
 font-weight      : bold;
 color            : #FFFFFF;
 padding-left     : 5px;
}

.greybackstd  
{ 
  background-color : #e1e1e1;
  font-size:11px;
}
.maHead { font-size: 22px; color: #4d4d4d; font-weight : bold; }
.header { font-size: 22px; color: #4d4d4d; font-weight : bold; }
a.checkoutComplete:link,a.checkoutComplete:visited, a.checkoutComplete:active, a
.checkoutComplete:hover
{
   color : #B2151B;
text-decoration : none;
font-size : 9pt;
font-family : Arial;
font-weight : bold;
}

a.checkoutComplete:hover
{
   color : #B2151B;
text-decoration : none;
font-size : 9pt;
font-family : Arial;
font-weight : bold;
text-decoration : underline;
}
.promo1
{
 margin-bottom : 2px;
 font-family : Verdana,Arial,san-serif;
 font-size : 14px;
 padding-top : 17px;
 padding-bottom : 18px;
 padding-left : 10px;
 padding-right : 10px;
 background-color : #336699;
 font-weight: bold;
 text-align : center;
 color: #ffffff;
 width : 217px;
 cursor : pointer;
}

.promo2
{
 font-family : Verdana,Arial,san-serif;
 font-size : 14px;
 padding-top : 17px;
 padding-bottom : 18px;
 padding-left : 10px;
 width : 217px;
 cursor : pointer;
 padding-right : 10px;
 background-color : #ff0000;
 font-weight: bold;
 text-align : center;
 color: #ffffff;
}

.sectionHeader
{
font-size : 12px;
font-weight:bold;
color : #ffffff;
background-color:#b2151b;
text-decoration:none;
}

.border { background-color: #b2151b; }

.checkoutComplete
{
color : #B2151B;
text-decoration : none;
font-size : 9pt;
font-weight : bold;
font-family : Arial;
}


.pusubhead  {
 font-size : 12px;
 background-color : #B2151B;
 font-weight      : bold;
 color            : #FFFFFF;
}

/**** Browse Page Styling  ****/

.browseProdOuter{ float:left; clear:both; }
.browseProd
{
   width: 100%;
   float: left;
}
.inlineBreak{
 float:left;
 width: 198px;
 height: 196px;
 margin: 18px 5px 3px 0; 
 text-align:center;
 background-color: #555;
 color: #DDD;
 font-size: 14px;
 font-weight: bold;
 line-height: 170px;
font-family: Arial Tahoma, Helvetica;
}
.cobSearchResult {
   width: 135px;
   height: 149px;
   float: left;
   margin: 5px;
 text-align:center;
 background-color:#dddddd;
font-family: Arial, Tahoma, Helvetica;
}
.cobSearchResult a, 
.cobSearchResult a:link,
.cobSearchResult a:visited,
.cobSearchResult a:hover,
.cobSearchResult a:active
{ text-align:center; font-size: 10pt; text-decoration:none; color:#888; }
.cobSearchResult a:hover { color: #444; }

.browseImg{ min-width:122px; min-height:100px; border: thin solid #cccccc; text-align: center; width: 133px;} /* Set to match missing img dimensions + #px for borders if any */
#divmain .browseImg .productLink{ padding:0; }

.displayProduct {
 text-align: center;
 vertical-align : middle;
}

.browseProdLower{
 background-color: #DDD;
 min-height: 68px;
 width:100%;
 float:left;
}


.browseProdCopy{ font-size: 10pt; float:left; clear:both;}
.productSpacer {
 height: 1px;
 width: 10px;
}

.regularPrice {
  font-family: Tahoma, Arial, Helvetica;
  font-size: 10pt;
  color: #999999;
  color: #666;
  display: inline; 
}

.salePrice {
  font-family: Tahoma, Arial, Helvetica;
  font-size: 10pt;
  color: #ff0000; 
  color: #bb0000;
  display: inline;
}

.closeoutPrice
{
   font-size: 10px;
   color: #009;
   display: inline;
}

.priceLabel
{
   font-size: 10px;
   color: #999999;
   text-align: left;
   display: inline;
}

.colorPriceLabel
{
   font-size: 10px;
   color: #999999;
   text-align: left;
   display: inline;
}

.regPriceStrike { text-decoration:line-through; }
.productLink, 
a.productLink,
a.productLink:link,
a.productLink:hover,
a.productLink:visited
{
 font-family : Tahoma, Arial, halvetica;
 font-size   : 8pt;
 font-weight : normal;
 color       : #555555;
 padding     : 5px 0px 0px 0px;
 margin      : 0px;
 text-decoration: none;
}
a.productLink:hover
{
   color: #222222;
   text-decoration: none;
}

.pageLabel, a.pageLabel:active, a.pageLabel:link, a.pageLabel:visited
{
   color: #888888;
   font-weight: bold;
   font-size: 10pt;
   text-decoration: none;
}

a.pageLabel:hover
{
   color: #222222;
   font-weight: bold;
   text-decoration: underline;
}

.pageNum, a.pageNum:active, a.pageNum:link, a.pageNum:visited
{
   color: #888888;
   font-weight: normal;
   font-size: 10pt;
   text-decoration: none;
}

a.pageNum:hover
{
   color: #222222;
   font-weight: normal;
   text-decoration: underline;
}

.browseQuickView{ display:none; }

.sbysizeSelect {
 background-color: #bbbbbb;
 width: 96px;
 font-family: Verdana,Arial,Sans-serif;
 font-size: 10px;
 font-weight: bold;
}
.sortBy {
 background-color: #bbbbbb;
 font-family: Verdana,Arial,Sans-serif;
 font-size: 10px;
 width: 160px;
}

.localForm {
 margin: 0;
 padding: 0;
}

div#sbpLabel {
 padding-bottom: 5px;
}

.sizeChartDefault
{
 display : none;
}

.sizeChartDisplay
{
 display : block;
 position : absolute;
 width : 175px;
 padding : 4px;
 text-align : center;
 color : #ffffff;
 font-weight : bold;
 background-color : #cccccc;
 border : 2px solid #000080;
 z-index : 10;
 cursor : pointer;
}
.browseProd { width:100%; float: left; }
.browseTop { width: 100%; float:left; vertical-align:middle; }
.browseBottom { float:left; width:100%; clear:both; }
.filtersOuter{ float: left; }
.browsePagesTop,
.browsePagesBottom
{ float:right; }
.priceSort { float:left; width: 250px;}
.browseProdPrice { text-decoration:none; color: #444; background-color: #DDD; font-size: 10pt;}

.browseStyleCode { float:left; background-color: #DDD; clear:both; padding:2px 6px; font-size:10px; font-weight:normal; }
.browseImg {  background-color: #DDD; clear:both; padding: 3px 0; }
.browseProdDesc { width: 135px; line-height: 1.2; background-color: #DDD; }
.regPriceLabel {  }
.regPrice { margin-left:5px; }
.salePriceLabel { color: red; }
.salePrice { margin-left:5px; }

.browseWrapper{
 float:left;
 width:100%;
 clear:both;
}

/* New Paging Styles */
ul.pageNav{
 font-size:10pt;
 color: #888;
 font-weight:normal;
 padding:0;
 margin:0;
 clear:both;
}
li.pageNav,
li.currentPage,
li.pageNavPerPage,
li.pageNavSpacer,
li.pageNavNext,
li.pageNavPrev,
li.pageNavAll{
 float:left;
 list-style-type:none;
 font-size:10pt;
 color: #888;
 font-weight:normal;
 padding: 0 1px;
 margin: 0;
 position:normal;
}
li.pageNav{
 width:16px;
}
li.currentPage{
 font-weight:bold;
}
li.pageNavSpacer{
 padding: 0 3px;
}
li.pageNavAll{

}
.pageNavLink,
a.pageNavLink,
a.pageNavLink:active,
a.pageNavLink:link,
a.pageNavLink:hover,
a.pageNavLink:visited
{ color: #888; text-decoration:none; font-size:10pt; padding: 0 3px; outline:0; }
a.pageNavLink:hover { color: #000; }

.navHide { display:none; }
.featFilterList { margin-bottom:8px; }
.menuSubFeat {  list-style-type:none; text-transform:uppercase; }
h3 { margin:4px 0; }
a.productLink IMG { border: 1px solid transparent; /*width:172px; height:172px;*/ }
a.productLink IMG.saleImgBorder { border: 1px solid red; }
/* APY CHANGES START - 09/14/11 */
.browseProdCopy{ float:left; clear:both; }
.qvLoading{ 
  margin: 177px auto 0 auto;
  width:66px; 
  height:66px; 
  background:url("../images/quickview-loader.gif") no-repeat transparent; 
}
#qvInner{ width:800px; height:480px; text-align:left;}

#qvInner table,
#qvInner td{ height:auto; }
?/**===--- Quick View Styling ---===**/
#browseProdQuickView{width:800px; height:480px; text-align:center; }

/**===--- jQuery Tools Overlay Styling ---===**/

/* the overlayed element */
.apple_overlay {	
	display:none;	
	/* growing background image */
	background-image:url(../images/white2.png);
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:800px;		
	padding:28px 35px;
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute; right:34px; top:26px;
	cursor:pointer;
	height:35px;
	width:35px;
 z-index:9999;
}

.browseQuickView{ 
  position:absolute;
  margin: 95px 0 0 31px;
  width: 118px;
  height: 28px;
  display:none;
}

/* QuickView Product Display */
.prodDisplay{ width: 790px; height: 470px; padding: 5px; }
.imgCont{ float:left; width: 422px; }
.prodTabs{ float:left; width: 353px; padding:25px 0 0 15px; }
.prodTabsTop{ height: 21px; }
.qvTab1Label,
.qvTab2Label{
  float:left;
  width:148px; 
  height:25px;
  line-height:25px;
  padding: 0 0 0 10px;
  background-color:#F0F0F0;
  color:#000;
  border: 1px solid #999;
  border-bottom:0;
  cursor:pointer; 
  font-size: 11pt;
}
.qvTab2Label{ border-left:none; }

.qvTabSelected{ 
  background-color:#BBB9B9;
}
.prodTabsInner{
  border-top: 3px solid #000; 
  clear:both;
  width:345px;
  height:300px;
  overflow-y:auto;
}
.prodSocial{ height:80px; }
.prodNavBottom{ width: 353px; padding-top:10px; }
.prodNextPrev{ float:left; padding-left:10px; }
.prodFullLink{ float:right; }
.prodFullLink a{ font-size: 11pt; color:#000; text-decoration:underline; }
.prodFullLink a:hover{ color:#000; }
.prodPrev,
.prodNext,
.prodNextPrevSpacer{ float:left; text-transform:uppercase; font-size:11pt; color:#444; }
.prodNextPrevSpacer{ padding: 0 20px; }
.prodNext{ cursor:pointer; padding-right: 15px; background: url(../images/next_arrow.png) no-repeat right 3px transparent; }
.prodPrev{ cursor:pointer; padding-left:  15px; background: url(../images/previous_arrow.png) no-repeat left 3px transparent; }
/*** vv From product.css vv ***/
.titleLine { padding: 10px 0 5px 0; }
.productTitle { font-size: 13px; font-weight: bold; }
.productCode { color: #990000; font-size: 13px; font-weight: bold; }
.prodCatalogDesc { font-size: 12px; }
#hideStyleInfo{ display:none; }
/* Color Display */
.colorCont { clear: both; float: left; margin-top: 10px; height: 35px; }
.colorHeading { clear: both; float: left; font-weight: bold; }

.colorOuter    { float: left; margin:2px; cursor:pointer; border:1px solid #9A9A9A; background-color:#FFF;}
.colorOuterOOS { float: left; margin:2px; cursor:pointer; border:1px dotted #CCCCCC; background-color:#FFF;}
.colorOuterSelected { float: left; margin:2px; cursor:pointer; border:1px solid #888888; background-color:#FFF;}
.colorOuterOOSSelected { float: left; margin:2px; cursor:pointer; border:1px dotted #888888; background-color:#FFF;}
.colorInner    { width:20px; height:20px; }
.colorInnerHex { margin:0; padding:0; float:left; height:100%; }
.colorImg { margin: 1px; }
.colorCell { vertical-align: top; height: 25px; line-height:25px; margin:0 0 0 2px; white-space: nowrap;  }
/* Description lists */
#lessLink, #moreLink { text-align: left; padding-top: 5px; }
.listTitle { font-weight: bold; }
.sizeListLabel,.colorListLabel { font-weight:bold; display:block; }
.listSection { font-size: 12px; padding-top: 7px; }
#featureList ul { padding: 0px 0px 0px 15px; margin-top: 3px; }
/* Level Pricing Box */
.prodPrice{ padding-top:15px; font-size:12px; font-weight:bold; }
.levelPricing { padding-top: 15px; }
.levelPriceLabel { font-size: 12px; font-weight: bold; }
.levelHeader, .levelSaleHeader, .levelPrice,.levelSalePrice, .levelHeaderLeft, .levelPriceLeft { border: 1px solid #ffffff; background-color: #e7e7e7; font-size: 12px; padding: 3px; text-align: center; width: 50px; }
.levelPrice, .levelPriceLeft,.levelSalePrice { font-weight: bold; background-color: #cdcdcd; }
.levelHeaderLeft, .levelPriceLeft { text-align: left; }
.levelSaleHeader,.levelSalePrice { color: #B5121B; }
.colorSaleMsg { padding-top: 5px; }
.saleExpiryMsg { padding-top: 5px; }
.saleExpiryDate { font-weight: bold; }
.prodOptions { clear: both; float: left; margin: 20px 0px 0px 5px; }
.featureTitle { font-size: 12px; padding: 5px 0px 5px 0px; }
#prodCart { border: 1px solid #E0E0E0; clear: both; margin: 0px 0px 25px 5px; float: left; width: 950px; }
#prodComparableSwapCont,#productReviewCont,#emailFlyerCont,#stockDisplayCont  { clear: both; float: left; font-size: 12px; width: 948px; }
#productReviewCont,#emailFlyerCont { height: 400px; }
#stockmenu td { font-size: 10px; font-weight: bold; }
.lowLabel { color: #ff9900; }
.highLabel { color: #00CC00; }
.cartLinks { clear: both; float: left; height: 50px; padding-left: 42px; width: 900px; }
#stockDisplay { float: left; padding: 15px 0px 0px 46px; }
.cartMessage { color: red; font-size: 12px; font-weight: bold; padding: 15px 0px 0px 25px; width: 400px; }
.qtyInput { font-size: 10px; margin: 0px; padding: 0px; width: 25px; height: 16px; }
.stockBar { height: 10px; }
.stockBarImg { height: 10px; }
.stockDesc { height: 10px; text-align: right; padding-right: 10px; }
.stockAvail { text-align: right; width: 40px; padding-right: 3px; }
.stockColorTable { border: 1px solid #E0E0E0; margin-bottom: 10px; padding-bottom: 5px; }
.stockColorDesc { padding: 3px; }
.stockInnerTable { width: 280px; }
.qtyLabel { text-align: center; }

/* PreSell Styles */
.PreSellBug { /* background-color : #ffffff; margin:60px; border: 3px solid blue; text-align : center; width: 60px; height : 60px; z-index:999; position:absolute;float:left; */ } 
.PreSellBugSoldOut { text-align : center; width: 190px; height : 120px; z-index:999; position:absolute;float:left; background: url(/tea99/images/1by1pix.gif) repeat; } 
/******vv jQuery Tools Tooltip Classes vv******/
 
/* tooltip styling */ 
.tooltip { 
    display:none; 
    background:url(/trimarknew/images/white_arrow.png); 
    height:112px; 
    padding:15px 16px 34px 13px; 
    width:133px; 
    font-size:11px; 
    color:#444; 
}
/* IE override fix for height / width */
* html .tooltip{
    height:161px;
    width:162px; 
}
/******^^ jQuery Tools Tooltip Classes ^^******/
.checkoutheader{ font-size:10pt; }
.checkoutcrumbvisited,
.checkoutcrumb{ font-size: 10pt; }

.errorField {
  background-color:#FFFFCC;
  border:1px solid #AA0000;
}
.warningField {
  background-color:#FFFFEE;
  border:1px solid #FFDD33;
}

/******vv 020000 vv******/
/* Web Admin Styling */
#webAdmin{ 
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:9990;
  font-size:16px;
}
#webAdminOverlay{
 position:absolute;
 top:0; left:0;
 z-index:9800;
 background:#000;
 opacity:0.1;
}
#webAdminStub{
  float:right;
  border-radius:0 0 5px 5px;
  border: 1px solid white;
  border-top:0;
  box-shadow:0 0 10px #000;
  background:#000;
  color:#fff;
  padding: 4px 10px;
  margin:-1px 20px 0 0;
  cursor:pointer;
}
#webAdminMenu,
#webAdminCopy,
#webAdminOption{
  background:#000;
  color:#fff;
  padding:5px 0;
  border-bottom:1px solid #fff;
  box-shadow:0 0 10px #000;
}
#webAdminMsgArea{
  text-align:center;
  background:#000;
  color:#fff;
  padding:5px 0;
}

#webAdminMsgArea .valid{ color:green; }
#webAdminMsgArea .error{ color:red; }

.adminSelect, .adminInput{
  background: none repeat scroll 0 0 #555555;
  border: 1px solid #FFFFFF;
  border-radius: 3px 3px 3px 3px;
  color: #FFFFFF;
  margin: 0 10px;
  padding: 1px;
  text-shadow: 0 1px 1px #000000;
}
.adminButtonRow{ text-align:right; padding-right:10px; border-bottom:1px solid #fff; min-height:34px;}
.webCopyDetails{
  text-align:left;
  padding-left:20px;
}
.adminWebOptionLeft{
  float:left;
  width:48%;
  margin: 0 0 0 2%;
  text-align:left;
}
.adminWebOptionRight{
  float:right;
  width:48%;
  margin: 0 2% 0 0;
  text-align:left;
}
.desc_label{
  position:absolute;
  left:0;
  float:left;
}
.desc_value{
   float:left;
   padding-left: 130px;
}
.adminSelectWrapper{
  display:inline-block;
  padding: 2px 0;
}
.fieldContainer{
  padding: 3px 0 5px 0;
  position:relative;
  min-height:16px;
}
.fieldContainer label
{ 
  display:inline-block;
  width:125px;
  font-weight:bold; 
  padding-right:5px;
  text-align:left;
}
.adminSelectWrapper label a,
.adminSelectWrapper label a:hover{
  color:#fff;
  font-size:16px;
}
.adminSelectWrapper label a:hover{
  text-decoration:none;
}
/* Edit / Save Buttons */

.webAdminBtn{
   background: #ebeded;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIxJSIgc3RvcC1jb2xvcj0iI2QyZDNkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2FmYjFiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2QzZDZkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top,  #ebeded 0%, #d2d3da 21%, #afb1bf 49%, #d3d6db 80%, #ebeded 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebeded), color-stop(21%,#d2d3da), color-stop(49%,#afb1bf), color-stop(80%,#d3d6db), color-stop(100%,#ebeded));
   background: -webkit-linear-gradient(top,  #ebeded 0%,#d2d3da 21%,#afb1bf 49%,#d3d6db 80%,#ebeded 100%);
   background: -o-linear-gradient(top,  #ebeded 0%,#d2d3da 21%,#afb1bf 49%,#d3d6db 80%,#ebeded 100%);
   background: -ms-linear-gradient(top,  #ebeded 0%,#d2d3da 21%,#afb1bf 49%,#d3d6db 80%,#ebeded 100%);
   background: linear-gradient(to bottom,  #ebeded 0%,#d2d3da 21%,#afb1bf 49%,#d3d6db 80%,#ebeded 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebeded', endColorstr='#ebeded',GradientType=0 );

   color:#000;
   text-shadow:0 1px 1px #FFF;
   box-shadow: 0 0 2px #FFF;
   border-radius:6px;
   border:1px solid #000;
   text-decoration:none;
   margin: 4px;
   padding: 0 8px;
   position:relative;
   top:6px;
   text-transform:uppercase;
   font-size:10pt;
}
.webAdminBtn:hover{
   background: #afb1bf;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FmYjFiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIxJSIgc3RvcC1jb2xvcj0iI2QyZDNkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2ViZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2QzZDZkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZmIxYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top,  #afb1bf 0%, #d2d3da 21%, #ebeded 49%, #d3d6db 80%, #afb1bf 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afb1bf), color-stop(21%,#d2d3da), color-stop(49%,#ebeded), color-stop(80%,#d3d6db), color-stop(100%,#afb1bf));
   background: -webkit-linear-gradient(top,  #afb1bf 0%,#d2d3da 21%,#ebeded 49%,#d3d6db 80%,#afb1bf 100%);
   background: -o-linear-gradient(top,  #afb1bf 0%,#d2d3da 21%,#ebeded 49%,#d3d6db 80%,#afb1bf 100%);
   background: -ms-linear-gradient(top,  #afb1bf 0%,#d2d3da 21%,#ebeded 49%,#d3d6db 80%,#afb1bf 100%);
   background: linear-gradient(to bottom,  #afb1bf 0%,#d2d3da 21%,#ebeded 49%,#d3d6db 80%,#afb1bf 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afb1bf', endColorstr='#afb1bf',GradientType=0 );
   box-shadow: 0 0 6px #FFF;
}
.webAdminEdit{
  top:1px;
  left:-6px;
  margin: 0 10px 0 0;
  padding:0 4px;
}
#offScreenMcopy{
  position:absolute;
  width: 20%;
  top:40%;
  left:40%;
  z-index:9910;
  background-color:#880000;
  color:#fff;
  font-size:12pt;
  padding:8px;
  text-shadow:0 1px 1px #000;
  border-radius: 6px;
}

.mcopyHighlight{
  z-index:9910;

  border-radius: 3px;
  box-shadow: 2px 2px 8px #000;
  background:#fff;
  position:relative;
  min-width:5px;
  min-height:5px;
  -webkit-transition: all 0.3s ease-in;  
  transition: all 0.3s ease-in;  
}
#divmain .mcopySelected{
  border: 1px solid #000;
}
.mcopyOutline_padding{ 
  padding: 4px; 
  -webkit-transition: all 0.3s ease-in; 
  transition: all 0.3s ease-in;  
}
.mcopyOutline_inlineBlock{
  display:inline-block;
}
.mcopyOutline{
  border: 1px dashed #00FF00;
}

/* Marketing copy tooltip ... HTML5 only */
.adminTooltip{
    		position: relative;
		}
		
		.adminTooltip:hover:after{
    		background: #000;
    		background: rgba(0,0,0,.8);
    		border-radius: 6px;
    		bottom: -48px;
    		color: #fff;
    		content: attr(data-tooltip);
    		left: 2%;
    		padding: 5px 15px;
    		position: absolute;
    		z-index: 9930;
    		width: 220px;
      border:1px solid #fff;
      box-shadow:0 0 10px #000;
		}
		
		.adminTooltip:hover:before{
    		border: solid;
    		border-color: #FFF transparent;
    		border-width: 0 8px 8px 8px;
    		bottom: -4px;
    		content: "";
    		left: 25%;
    		position: absolute;
    		z-index: 9940;
		}

.adminMcopyLeft{
  float:left;
  width:49%;
  margin: 0 0.5% 0 0.5%;
  text-align:left;
}
.adminMcopyRight{
  float:right;
  width:49%;
  margin: 0 0.5% 0 0.5%;
  text-align:left;
}
.adminMcopyRight .fieldContainer label{
  width: 170px;
}
#admimTmplElmHelp{
  position:relative; top:-3px; 
}
.clearfix:before, .clearfix:after { /* not supported in IE7 and below */
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
}

.errorField {
  background-color:#FFFFCC;
  border:1px solid #AA0000;
}
.warningField {
  background-color:#FFFFEE;
  border:1px solid #FFDD33;
}
/******^^ 020000 ^^******/

/*****vv Email Flyer (emailFlyer.css) vv********/

.colorpicker {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    width: 150px;
}
.divider {
    background-color: #000000;
    height: 2px;
    width: 100%;
}
.emailtitle {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
}
.footeroption {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}
.fileupload {
    width: 325px;
}
.logoimage {
}
.blanklogoimage {
    border: thin solid;
    height: 100px;
    width: 100px;
}

.styledesc {
    font-size: 11px;
    text-align: left;
    width: 235px;
}
.styledesc a:link {
    font-weight: normal;
    text-decoration: underline;
}
.txtBox {
    border: 1px solid #7F7E7E;
    font-family: verdana;
    font-size: 10px;
    width: 440px;
}
.styleTxtBox {
    border: 1px solid #7F7E7E;
    font-family: verdana;
    font-size: 10px;
    width: 125px;
}
.priceTxtBox {
    border: 1px solid #7F7E7E;
    font-family: verdana;
    font-size: 10px;
    width: 50px;
}
.fromTxtBox {
    border: 1px solid #7F7E7E;
    font-family: verdana;
    font-size: 10px;
    width: 280px;
}
.spellcheckbtn {
    padding-right: 6px;
}
.sample {
    border-bottom: 1pt solid #003399;
    border-left: 1pt solid #003399;
}
.seperator {
    height: 10px;
}
.emailinput {
    font-size: 11px;
    vertical-align: top;
}
.normalfont {
    font-size: 11px;
    font-weight: normal;
}
.buttonrow1 {
    padding-left: 50px;
    width: 320px;
}
.buttonrow2 {
    width: 200px;
}
.greyBox {
    border: 1px solid #CAD3E4;
    width: 520px;
}
.stylefield {
    width: 135px;
}
.addlink {
    width: 100px;
}
.colorpicker {
    width: 205px;
}
.removestyleslink {
    width: 305px;
}
.selectClass {
    background-color: #FFEEE5;
    font-size: 11px;
    font-weight: bold;
    width: 150px;
}
a.ulink:link, a.ulink:active, a.ulink:visited, a.ulink:hover {
    color: #1131A0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}
a.ulink:hover {
    color: #4B5590;
}
.styleTitle, .priceTitle {
    color: #4C4C62;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding-left: 0;
    text-align: left;
    width: 34px;
}
.styleNum {
    color: #4B5590;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    vertical-align: top;
}

.orangeText {
    color: #4B5590;
    font-size: 11px;
    font-weight: bold;
}
.uploadlogo {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 25px;
    text-align: right;
    white-space: nowrap;
    width: 95px;
    padding: 3px 0 0 10px;
}
.fileCell {
    height: 25px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    width: 332px;
}
.uploadbutton {
    height: 25px;
    padding-right: 5px;
    text-align: right;
    white-space: nowrap;
    width: 70px;
}
div.fileinputs {
    position: relative;
    white-space: nowrap;
    width: 350px;
}

div.fakefile {
    display: inline;
    left: 2px;
    position: absolute;
    top: -5px;
    white-space: nowrap;
    z-index: 1;
}

input.file {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    left: 2px;
    opacity: 0;
    position: relative;
    top: 2px;
    white-space: nowrap;
    width: 320px;
    z-index: 2;
}
.fileField {
    border: 1px solid #7F7E7E;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    white-space: nowrap;
    width: 249px;
}
.browsebutton {
    left: 5px;
    position: relative;
    top: 6px;
    white-space: nowrap;
}
.styleImg {
    height: 10px;
    opacity: 0;
    width: 10px;
}
.imgButton {
    background-attachment: scroll;
    background-color: #DCDCDC;
    background-image: url("/98dev/images/transButton.gif");
    background-repeat: repeat;
    color: #000000;
    display: block;
    font-family: Verdana;
    font-size: 9px;
    height: 17px;
    line-height: 14px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 70px;
}
.getLogo {
    background-attachment: scroll;
    background-color: #DCDCDC;
    background-image: url("/98dev/images/transButton.gif");
    background-repeat: repeat;
    display: inline;
    font-family: Verdana;
    font-size: 9px;
    font-weight: bold;
    height: 15px;
    left: 260px;
    margin-top: 3px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: -1px;
    vertical-align: middle;
    white-space: nowrap;
    width: 70px;
    z-index: 1;
}
.imgButtonMedium {
    background-attachment: scroll;
    background-color: #DCDCDC;
    background-image: url("/98dev/images/transButtonMedium.gif");
    background-repeat: repeat;
    color: #000000;
    display: block;
    font-family: Verdana;
    font-size: 9px;
    height: 16px;
    line-height: 14px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 80px;
}
.imgButtonLarge {
    background-attachment: scroll;
    background-color: #DCDCDC;
    background-image: url("/98dev/images/transButtonLarge.gif");
    background-repeat: repeat;
    color: #000000;
    display: block;
    font-family: Verdana;
    font-size: 9px;
    height: 14px;
    text-decoration: none;
    vertical-align: middle;
    width: 150px;
}
.imgLinkLarge {
    width: 150px;
}
a.imgLinkLarge, a.imgLinkLarge:active, a.imgLinkLarge:link, a.imgLinkLarge:visited, a.imgLinkLarge:hover {
    cursor: pointer;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}
.brokenImgLinkM {
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 80px;
}
a.imgLink, a.imgLink:active, a.imgLink:link, a.imgLink:visited, a.imgLink:hover {
    cursor: pointer;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 70px;
}
.buttonSpacer {
    padding-left: 10px;
}
.nologo {
    padding-left: 35px;
    padding-top: 10px;
}
.deleteLogo {
    padding-top: 4px;
}


/*****^^ Email Flyer ^^********/

/*****************************************************************************/
/***  Header                                                               ***/
/*****************************************************************************/

.layoutHeader .hdrCopy
{
   font-size: 10pt;
   font-weight: normal;
   color: #555;
}

.layoutHeader .headerMenuTR
{
   padding-top: 5px;
}

.layoutHeader .headerMenuTD
{
   font-weight: normal;
   font-size: 10pt;
   color: #666;
   background-color: #FFF;
   text-align: center;
   text-decoration: none;
   border-top: 1px solid #cccccc;
   border-bottom: 1px solid #cccccc;
   height: 34px;
}

.layoutHeader .headerMenuHoverTD
{
   font-weight: bold;
   font-size: 10pt;
   color: #666;
   background-color: #FFF;
   text-align: center;
   text-decoration: none;
   border-top: 1px solid #cccccc;
   border-bottom: 1px solid #cccccc;
   height: 34px;
}

.layoutHeader a.headerMenuLink, .layoutHeader a.headerMenuLink:link, .layoutHeader a.headerMenuLink:hover, .layoutHeader a.headerMenuLink:visited,
.layoutHeader a.headerMenuLinkHover, .layoutHeader a.headerMenuLinkHover:link, .layoutHeader a.headerMenuLinkHover:hover, .layoutHeader a.headerMenuLinkHover:visited
{
   font-weight: 600;
   font-size: 12pt;
   color: #999;
   background-color: #FFF;
   text-align: center;
   text-decoration: none;
   white-space: nowrap;
}

.layoutHeader a.hdrLink, .layoutHeader a.hdrLink:link, .layoutHeader a.hdrLink:hover, .layoutHeader a.hdrLink:visited
{
   font-weight: normal;
   font-size: 8pt;
   text-decoration: none;
   color: #73777a;
}

.layoutHeader a.hdrMenuLink, .layoutHeader a.hdrMenuLink:link, .layoutHeader a.hdrMenuLink:hover, .layoutHeader a.hdrMenuLink:visited
{
   font-weight: normal;
   font-size: 14pt;
   color: #FFF;
   background-color: #133467;
   text-decoration: none;
}

.layoutHeader .sbag
{
   margin-right: 10px;
   vertical-align: bottom;
}

.layoutHeader .subMenu
{
   z-index: 5;
   width: 225px;
   font-weight: normal;
   font-size: 10pt;
   color: #666;
   background-color: #FFF;
   text-decoration: none;
   border: 1px solid #cccccc;
   text-transform: capitalize;
}

.layoutHeader .subMenu2
{
   z-index: 5;
   width: 185px;
   font-weight: normal;
   font-size: 10pt;
   color: #666;
   background-color: #FFF;
   text-decoration: none;
   text-transform: capitalize;
}

.layoutHeader .subMenuPointer
{
   z-index: 5;
   padding: 0 1px 0 9px;
   margin: 1px 0;
}

.layoutHeader .subMenuItem
{
   width: 100%;
   z-index: 5;
   margin-left: 1px;
   padding-left: 0px;
   border-bottom: 1px solid #cccccc;
   text-transform: capitalize;
}

.layoutHeader .subMenuItemBottom
{
   width: 100%;
   z-index: 5;
   margin-left: 1px;
}

.layoutHeader a.subMenuLink, .layoutHeader a.subMenuLink:link, .layoutHeader a.subMenuLink:hover, .layoutHeader a.subMenuLink:visited
{
   font-weight: normal;
   font-size: 10pt;
   color: #666;
   background-color: #FFF;
   text-decoration: none;
   padding-left: 1px;
   border-bottom: solid 1px #cccccc;
   text-transform: capitalize;
}

.layoutHeader .arrow
{
   width: 11px;
   position: relative;
   vertical-align: middle;
   visibility: hidden;
}

.layoutHeader .dropdowns
{
   z-index: 5;
   position: absolute;
   display: none;
   visibility: hidden;
   padding: 0px;
   margin: 0px;
}

.layoutHeader .downMenu
{
   position: absolute;
   top: 123px;
   left: 0px;
   display: none;
   visibility: hidden;
   z-index: 5;
   margin: 0px;
   padding: 0px;
}

.layoutHeader .menuDivider
{
   height: 2px;
   width: 9px;
   vertical-align: top;
   position: relative;
   background-color: #FFF;
   z-index: 5;
}

.layoutHeader .dividerTop
{
   height: 2px;
   width: 9px;
   vertical-align: top;
   position: relative;
   background-color: #FFF;
}

.layoutHeader .hdrBar
{
   padding-left: 5px;
   padding-right: 5px;
   font-size: 9pt;
   font-weight: bold;
   color: #73777a;
}

.layoutHeader .login
{
   text-align: left;
   margin-top: 0;
   margin-bottom: 0;
   font-size: 8pt;
   color: #888888;
   white-space: nowrap;
}

.layoutHeader .password
{
   width: 100px;
   text-align: left;
   margin-top: 0;
   margin-bottom: 0;
   font-size: 8pt;
   color: #888888;
}

.layoutHeader .register
{
   text-align: left;
   margin-top: 0;
   margin-bottom: 0;
   font-size: 8pt;
   color: #777;
}

.layoutHeader a.register:hover
{
   text-align: left;
   margin-top: 0;
   margin-bottom: 0;
   font-size: 8pt;
   color: #777;
}

.layoutHeader .remember
{
   text-align: left;
   margin-top: 0;
   margin-bottom: 0;
   font-size: 8pt;
   color: #cecece;
   vertical-align: bottom;
}

.layoutHeader .search
{
   width: 130px;
   text-align: left;
   margin-top: 0;
   margin-bottom: 0;
   font-size: 10px;
   color: #888888;
}

.layoutHeader input.searchbox
{
   border: 1px solid #505a7e;
   font-size: 12px;
   color: #303030;
   height: 20px;
   width: 144px;
   margin-left: 5px;
}

.layoutHeader .welcome
{
   font-size: 11px;
   font-weight: bold;
   color: #000;
}

.layoutHeader .signin
{
   padding-left: 10px;
}

.layoutHeader .signout
{
   margin-top: 5px;
   display: block;
}

.layoutHeader div.welcomeOpt
{
   margin-top: 5px;
}

.layoutHeader div#headerButtons
{
   float: left;
   background-color: #FFF;
}

.layoutHeader div#headerButtons img
{
   border: 0px;
   vertical-align: bottom;
   background-color: #FFF;
}

.layoutHeader #loginMessageArea
{
   color: #C10;
   font-weight: bold;
}

.layoutHeader #login
{
   width: 450px;
   margin: auto;
   text-align: center;
}

.layoutHeader div#signInBox
{
   float: left;
   margin-top: 1px;
   padding: 3px 0px 3px 0px;
   width: 200px;
   font-size: 11px;
   line-height: 105%;
   border-left: 1px solid #e1e1e1;
}

.layoutHeader div#headerAlign
{
   margin: 0 auto;
   width: 950px;
   text-align: left;
}

.layoutHeader div#headerBorder
{
   border: none;
}

.layoutHeader div#headerMain
{
   float: left;
   padding-left: 0px;
   padding-left: 20 px;
}

.layoutHeader div#headerImg
{
   float: left;
}

#textsearch
{
   line-height: 17px;
}

#welcome
{
   font-size: 10px;
   margin-right: 10px;
   width: 125px;
}

.headerLoggedIn
{
   display: none;
}

#menuListheader
{
   z-index: 9999;
}

#menuListheader ul, ul#menuListheader
{
   padding: 0;
   margin: 0;
   list-style: none;
   float: right;
   margin-right: 50px;
   clear: none;
   z-index: 9999;
}

#menuListheader li
{
   float: left;
   position: relative;
   height: 32px;
   z-index: 9999;
}

#menuListheader li>ul
{
   top: auto;
   left: auto;
}

#menuListheader li ul
{
   display: none;
   position: absolute;
   top: 32px;
   left: 0;
   padding-top: 2px;
   z-index: 99990;
}

#menuListheader li ul li
{
   height: 15px;
   line-height: 15px;
   text-align: left;
   clear: left;
   position: relative;
   z-index: 9999;
}

#menuListheader li ul li a
{
   display: block;
   padding: 1px 0 1px 17px;
   color: #FFF;
   text-decoration: none;
   width: 183px;
   height: 13px;
   line-height: 13px;
}

#menuListheader li ul li a:hover
{
   background-color: #b5121b;
}

#menuListheader li ul li:hover
{
   background-color: #b5121b;
}

#menuListheader li:hover ul,#menuListheader li.over ul
{
   display: inline;
   background-color: #262626;
}

#menuListheader li:hover ul, #menuListheader li.over ul a
{
   background-color: #262626;
   color: #FFF;
}

#menuListheader li ul#menuList50
{
   left: -128px;
}

#topCopy
{
   float: left;
   width: 980px;
}

#topCopyLower
{
   float: left;
   width: 980px;
   display: none;
}

#topCopyShow, #topCopyHide
{
   cursor: pointer;
}

.loginPopupDiv
{
   width: 300px;
   height: 200px;
   position: absolute;
   z-index: 15;
}

.popupHeader
{
   background-color: #385d81;
   border: 1px solid black;
}

.popupClose
{
   border: 1px solid #E1E1E1;
   color: #E1E1E1;
   text-align: center;
   vertical-align: middle;
   margin: 2px 2px 2px 2px;
   padding: 0px 0px 0px 0px;
   font-weight: bold;
   font-size: 10px;
   width: 13px;
   width: 14 px;
   height: 13px;
   height: 14 px;
   cursor: pointer;
}

.loginPopupMsg
{
   background-color: #E1E1E1;
   border-left: 1px solid black;
   border-right: 1px solid black;
   border-bottom: 1px solid black;
   padding: 5px;
}

.maHead
{
   font-size: 22px;
   color: #4d4d4d;
   font-weight: bold;
}

.shipToMsg
{
   font-weight: bold;
   font-size: 14px;
}

.promo1
{
   margin-bottom: 2px;
   font-size: 14px;
   padding-top: 17px;
   padding-bottom: 18px;
   padding-left: 10px;
   padding-right: 10px;
   background-color: #336699;
   font-weight: bold;
   text-align: center;
   color: #FFF;
   width: 217px;
   cursor: pointer;
}

.promo2
{
   font-size: 14px;
   padding-top: 17px;
   padding-bottom: 18px;
   padding-left: 10px;
   width: 217px;
   cursor: pointer;
   padding-right: 10px;
   background-color: #ff0000;
   font-weight: bold;
   text-align: center;
   color: #FFF;
}

.pusubhead
{
   font-size: 12px;
   background-color: #B2151B;
   font-weight: bold;
   color: #FFF;
}

/********************************************************v myAccountGlobal.css v******************************************************************/
.myAccountHeader { color: #4D4D4D; font-size: 16pt; font-weight: bold; margin: 0 0 15px 0; text-transform: capitalize; }
.myAccountContentContainer { width: 100%; border-collapse: collapse; }
.myAccountSectionHeader { padding-left: 5px; color: #ffffff; background-color: #4D4D4D; vertical-align: middle; font-weight: bold; text-transform: capitalize; }
.myAccountMessage { color: #B5121B; }
.myAccountTable { background-color: #F0F0F0; border-spacing: 0; border-collapse: collapse; } 
.myAccountLightRow { background-color: #ffffff; }
.myAccountDarkRow { background-color: #F0F0F0; }
.myAccountTable th { border-spacing: 0; padding: 1px 2px; color: #ffffff; background-color: #4D4D4D; font-weight: bold; text-align: center; text-transform: capitalize; } 
.myAccountTable td { border-spacing: 0; padding: 1px 2px; } 
.myAccountLabel { padding: 0 3px 0 5px; font-weight: bold; text-align:right; text-transform: capitalize; }
.myAccountField { text-transform: capitalize; }
.myAccountField input { width: 200px; } 
.myAccountField select { width: 205px; } 
.myAccountDateFormat { font-size: .8em; font-style: italic; text-transform: none;  }
/********************************************************^ myAccountGlobal.css ^******************************************************************/

/**************************v statement.css v************************************/
/* Global Overrides */
#stmtInfo.myAccountTable th { font-size: .8em; }
#stmtInfo.myAccountTable td { line-height: 1; font-size: .7em; }

/* Page Specific classes */
#linkContainer {  }
#totals { float: right; }
#printerFriendly {  }

#stmtContainer { width: 100%; }
#stmtInfo { width: 100%; } 
.statementType { text-align: center; }
.statementInvoice { text-align: center; }
.statementPO { text-align: center; }
.statementDate { text-align: center; }
.statementAmount { text-align: right; }
.statementPay { text-align: center; width: 79px; }

#statementCredit { margin-top: 20px; width: 100%; text-align: center; }
#statementCredit td { font-size: .8em; }

#statementButtonContainer { padding-top: 20px; }

#stmtLegend { margin-top: 20px; line-height: 1; text-transform: capitalize; }
#stmtLegend th { font-size: .7em; }
#stmtLegend td { font-size: .7em; }

.dummyClass{}

#invoiceScroll { overflow: auto; height: 150px; }

.payTitle { color: #ffffff; background-color: #444444; font-family: verdana; font-weight: bold; font-size:12pt; white-space: nowrap;}
.payLabel { font-family: verdana; font-weight: bold; font-size:9pt; color: #444444;}
.payWidth { width:170px; }

.invCol { width:60px; text-align:center; padding: 0 3px 0 3px;}
.payCol { width:30px; text-align:center; padding: 0 3px 0 3px; }
.dateCol { width:70px; text-align:center; padding: 0 3px 0 3px; }
.amountCol { width:80px; text-align:center; padding: 0 3px 0 3px; }
.scrollCol { width:15px; }

.invHead, .payHead, .dateHead, .amountHead, .scrollHead
{ font-family: verdana; font-size:9pt; font-weight: bold; color:#ffffff; background-color: #444444; }

.invCopy, .payCopy, .dateCopy, .amountCopy
{ font-family: verdana; font-size:7pt; color:#000000; }

.statEven { background-color: #EFEFEF; }
.statOdd { background-color: #ffffff; }

.custTotal { font-family: verdana; font-size:10pt; font-weight: bold; text-align:right; color: #ffffff; background-color: #444444; }

.paymentSummary { color: #ffffff; background-color: #444444; font-family: verdana; font-weight: bold; white-space: nowrap;}
.statementLogo {  }
.paymentTitle { font-size:12pt; }
.paymentLabel { font-size:10pt; padding-right: 5px;}
.paymentAmt { font-size:10pt; text-align:right; }
.paymentTotal { border-top: 1px solid #ffffff; }
.leftPad { padding-left: 20px; }
.rightPad { padding-right: 20px; }


.fdm4ButtonReverse
{
	margin: 1em 0;
	width: 100%;
	align: center;
	font-family: Verdana,sans-serif;
	font-size: 40%;
	font-weight: normal;
	color: #444444;
}

.fdm4ButtonReverse a
{
	display: block;
	width: 100%;
	color: #bbbbbb;
}

.fdm4ButtonReverse a:link,
.fdm4ButtonReverse a:visited,
.fdm4ButtonReverse a:hover
{
 background-color: #ffffff;
	text-decoration: none;
	color: #444444;
}

.fdm4ButtonReverse a:link,
.fdm4ButtonReverse a:visited
{
    border-top: 1px solid #cecece;
    border-bottom: 2px solid #4a4a4a;
    border-left: 1px solid #cecece;
    border-right: 2px solid #4a4a4a;
}

.fdm4ButtonReverse a:hover
{
    background-color: #C0C0C0;
    border-top: 1px solid #cecece;
    border-bottom: 2px solid #4a4a4a;
    border-left: 1px solid #cecece;
    border-right: 2px solid #4a4a4a;
}


/***** Form & Print Frame ******/

.screen
{	background-color:#444444; }

.statementHeader
{
	font-family : Arial, sans-serif;
	font-size : 14pt;
	color : #ffffff;
	font-weight : bold;
	background-color: #444444;
 text-align: left;
 padding-left: 10px;
}

.dateCopy a
{
    font-size: 10pt;
    text-decoration: none;
}
/************************^ statement.css ^**********************************/

/************************v paymentConfirmation.css v**********************************/
.dummyClass{}

.largeText { font-family: Verdana; font-size:16pt; font-weight:bold; color:#444444; }


.header { font-family: verdana; font-weight: none; font-size:12pt; color: #444444; }
.title { font-family: verdana; font-weight: bold; font-size:12pt; color: #444444; }
.detail { font-family: verdana; font-weight: none; font-size:9pt; color: #444444; text-align:left; }
.label { font-family: verdana; font-weight: bold; font-size:10pt; color: #444444; }
.amount { font-family: verdana; font-weight: bold; font-size:10pt; color: #444444; text-align:left; }
.total { border-top: 1px solid #000000; }
/************************^ paymentConfirmation.css ^**********************************/

/*********************v S010106 v***************/
/*********************v S010105 v***************/
/********************v quickorder.css v********************/
.darkback
{
   background-color: #FFF;
   border: 1px solid #CCC;
}

.btnDivide
{
   background-color: #222;
}

.mediumback
{
   background-color: #FFF;
   font-weight: bold;
   color: #222;
   border: 1px solid #CCC;
}

.lightbackSpec
{
   background-color: #FFF;
   border: 1px solid #CCC;
   height: 44px;
}

.lightback
{
   background-color: #FFF;
   border: 1px solid #CCC;
   height: 29px;
}

.styleinfoback
{
   background-color: #CCC;
   border: 1px solid #CCC;
}

.nolightback
{
   background-color: #FFF;
   border: 1px solid #CCC;
   height: 29px;
}

.nolightbackSpec
{
   background-color: #FFF;
   border: 1px solid #CCC;
   height: 44px;
}

.yeslightback
{
   background-color: #FFF;
   border: 1px solid #CCC;
}

.locationLabel
{
   font-family: Verdana;
   font-size: 10pt;
   color: #222;
   font-weight: bold;
   text-decoration: none;
}

.cutoffLabel
{
   font-family: Verdana;
   font-size: 10pt;
   color: #222;
   font-weight: bold;
   text-decoration: none;
   border: 1px solid #CCC;
   border-left: 0;
   height: 45px;
   padding: 0 3px;
   text-align: center;
}

.cutoffLabelSpec
{
   font-family: Verdana;
   font-size: 10pt;
   color: #222;
   font-weight: bold;
   text-decoration: none;
   border: 1px solid #CCC;
   border-left: 0;
   height: 67px;
   padding: 0 3px;
   text-align: center;
}

.NOcutoffLabel
{
   font-family: Verdana;
   font-size: 10pt;
   color: #222;
   font-weight: bold;
   text-decoration: none;
   background-color: #FFF;
   border: 1px solid #CCC;
   height: 29px;
}

.NOcutoffLabelSpec
{
   font-family: Verdana;
   font-size: 10pt;
   color: #222;
   font-weight: bold;
   text-decoration: none;
   background-color: #FFF;
   border: 1px solid #CCC;
   height: 43px;
}

.invDisplay
{
   font-family: Verdana;
   font-size: 10pt;
   color: #222;
   font-weight: bold;
   text-decoration: none;
}

.eachLabel
{
   font-family: Verdana;
   font-size: 8pt;
   color: #222;
   font-weight: normal;
   text-decoration: none;
   font-style: italic;
   border: 1px solid #CCC;
   border-bottom: 0;
   height: 29px;
   padding: 17px 3px 0 0;
}

.eachLabelSpec
{
   font-family: Verdana;
   font-size: 8pt;
   color: #222;
   font-weight: normal;
   text-decoration: none;
   font-style: italic;
   border: 1px solid #CCC;
   border-bottom: 0;
   height: 43px;
   padding: 24px 3px 0 3px;
}

.saleLabel
{
   font-family: Verdana;
   font-size: 7pt;
   color: #444444;
   font-weight: normal;
   text-decoration: none;
   font-style: italic;
   border: 0;
}

.submitOk
{
   font-family: Verdana;
   font-size: 12pt;
   color: #444444;
   font-weight: bold;
   text-decoration: none;
   font-style: italic;
}

.okMessagePosition
{
   position: relative;
   top: 1;
   left: 150;
   background-color: #FFF;
   width: 450;
   border-top: 2px solid #FFF;
   border-bottom: 2px solid #FFF;
   border-left: 2px solid #FFF;
   border-right: 2px solid #FFF;
   color: #FF0000;
   font-weight: bold;
}

.okMessagePositionOFF
{
   position: relative;
   top: 1;
   left: 370;
   background-color: #FFF;
   width: 250;
   border-top: 2px solid #FFF;
   border-bottom: 2px solid #FFF;
   border-left: 2px solid #FFF;
   border-right: 2px solid #FFF;
}


.priceLabel
{
   clear: both;
   font-family: Verdana;
   font-size: 7.5pt;
   color: #222;
   font-weight: normal;
   text-decoration: none;
   font-style: italic;
}

.stockLabel
{
   font-family: Verdana;
   font-size: 8pt;
   color: #222;
   font-weight: normal;
   text-decoration: none;
   font-style: italic;
   border: 1px solid #CCC;
   border-top: 0;
   padding-right: 3px;
}

.gridCell
{
   font-family: Verdana;
   font-size: 8pt;
   color: #222;
   font-weight: bold;
   text-decoration: none;
   border: 1px solid #CCC;
   height: 29px;
   width: 50px;
}

.gridCellSpec
{
   font-family: Verdana;
   font-size: 8pt;
   color: #222;
   font-weight: bold;
   text-decoration: none;
   border: 1px solid #CCC;
   height: 43px;
   width: 50px;
}

.sizeLabel
{
   font-family: Verdana;
   font-size: 8pt;
   color: #222;
   font-weight: bold;
   text-decoration: none;
}

.NOsizeLabel
{
   font-family: Verdana;
   font-size: 8pt;
   color: #222;
   font-weight: bold;
   text-decoration: none;
   height: 45px;
}

.NOsizeLabelSpec
{
   font-family: Verdana;
   font-size: 8pt;
   color: #222;
   font-weight: bold;
   text-decoration: none;
   height: 68px;
}

.cutoffMessage
{
   font-family: Verdana;
   font-size: 8pt;
   color: #222;
   font-weight: normal;
   text-decoration: none;
   background-color: #FFF;
   border: 0px solid #CCC;
   height: 45px;
   border-bottom: 1px solid #CCC;
   border-right: 1px solid #CCC;
   text-align: center;
   padding: 0 3px;
}

.cutoffMessageSpec
{
   font-family: Verdana;
   font-size: 8pt;
   color: #222;
   font-weight: normal;
   text-decoration: none;
   background-color: #FFF;
   border: 1px solid #CCC;
   height: 44px;
   border-top: 0;
   border-left: 0;
   padding: 0 3px;
   text-align: center;
}

.NOcutoffMessage
{
   font-family: Verdana;
   font-size: 8pt;
   color: #222;
   font-weight: normal;
   text-decoration: none;
   background-color: #FFF;
   height: 30px;
   border-bottom: 1px solid #CCC;
}

.NOcutoffMessageSpec
{
   font-family: Verdana;
   font-size: 8pt;
   color: #222;
   font-weight: normal;
   text-decoration: none;
   background-color: #FFF;
   height: 44px;
   border-bottom: 1px solid #CCC;
}

.cutoffMessageRed
{
   font-family: Verdana;
   font-size: 8pt;
   font-weight: normal;
   vertical-align: middle;
   text-decoration: none;
   color: #FF0000;
   background-color: #FFF;
   border: 1px solid #CCC;
   border-top: 0;
   border-left: 0;
   padding: 0 3px;
   height: 45px;
   text-align: center;
}

.NOcutoffMessageRed
{
   font-family: Verdana;
   font-size: 8pt;
   font-weight: normal;
   text-decoration: none;
   color: #FF0000;
   background-color: #FFF;
   border: 1px solid #CCC;
}

.cutoffMessageRedSpec
{
   font-family: Verdana;
   font-size: 8pt;
   font-weight: normal;
   vertical-align: middle;
   text-decoration: none;
   color: #FF0000;
   background-color: #FFF;
   border: 1px solid #CCC;
   border-top: 0;
   border-left: 0;
   padding: 0 3px;
   text-align: center;
   height: 46px;
}

.NOcutoffMessageRedSpec
{
   font-family: Verdana;
   font-size: 8pt;
   font-weight: normal;
   text-decoration: none;
   color: #FF0000;
   background-color: #FFF;
   border-top-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-right-width: 1px;
   border-style: solid;
   border-color: #CCC;
}

.descCell
{
   font-family: Verdana;
   font-size: 9pt;
   text-decoration: none;
   font-weight: bold;
   color: #222;
   border: 1px solid #CCC;
   border-top: 0;
   border-bottom: 0;
   height: 23px;
   padding: 0 3px;
}

.descCellSpec
{
   font-family: Verdana;
   font-size: 9pt;
   text-decoration: none;
   font-weight: bold;
   color: #222;
   border: 1px solid #CCC;
   border-top: 0;
   border-bottom: 0;
   height: 23px;
   padding: 0 3px;
}

.warehouseDescr
{
   font-family: Verdana;
   font-size: 9pt;
   text-decoration: none;
   font-weight: bold;
   color: #222;
}

a.warehouseDescr:link
{
   font-family: Verdana;
   font-size: 9pt;
   text-decoration: none;
   font-weight: bold;
   color: #222;
   border: 1px solid #CCC;
}

a.warehouseDescr:active
{
   font-family: Verdana;
   font-size: 9pt;
   text-decoration: none;
   font-weight: bold;
   color: #222;
   border: 1px solid #CCC;
}

a.warehouseDescr:hover
{
   font-family: Verdana;
   font-size: 9pt;
   text-decoration: none;
   font-weight: bold;
   color: #222;
   border: 1px solid #CCC;
}

a.warehouseDescr:visited
{
   font-family: Verdana;
   font-size: 9pt;
   text-decoration: none;
   font-weight: bold;
   color: #222;
   border: 1px solid #CCC;
}

.warehouseDisplay
{
   font-family: Verdana;
   font-size: 12pt;
   text-decoration: none;
   font-weight: normal;
   color: #222;
   border: 1px solid #CCC;
}

.warehouseStatus1
{
   font-family: Verdana;
   font-size: 10pt;
   text-decoration: none;
   font-weight: normal;
   color: #222;
}

.warehouseStatus2
{
   font-family: Verdana;
   font-size: 10pt;
   text-decoration: none;
   font-weight: bold;
   color: #222;
}

.warehouseStatus3
{
   font-family: Verdana;
   font-size: 10pt;
   text-decoration: none;
   font-weight: bold;
   color: #222;
}

.darkback
{
   background-color: #FFF;
   border: 1px solid #CCC;
}

.mediumback
{
   background-color: #FFF;
   font-weight: bold;
   color: #222;
   border: 1px solid #CCC;
}

.lightback
{
   background-color: #FFF;
   border: 1px solid #CCC;
}

.millLabel
{
   font-family: Verdana;
   font-size: 10pt;
   color: #222;
   font-weight: bold;
   text-decoration: none;
}

.styleLabel
{
   font-family: Verdana;
   font-size: 10pt;
   color: #222;
   background-color: #FFF;
   font-weight: bold;
   text-decoration: none;
}

.selectLabel
{
   font-family: Verdana;
   font-size: 10pt;
   color: #222;
   font-weight: bold;
   text-decoration: none;
}

.optionsLabel, a.optionsLabel:active, a.optionsLabel:link, a.optionsLabel:hover, a.optionsLabel:visited
{
   font-family: Verdana;
   font-size: 10pt;
   color: #222;
   font-weight: bold;
   text-decoration: underline;
   border: 1px solid #CCC;
}

.styleDescription
{
   font-family: Verdana;
   font-size: 10pt;
   color: #222;
   font-weight: normal;
   text-decoration: none;
}

.specialText
{
   font-family: Verdana;
   font-size: 8pt;
   color: #222;
   font-weight: normal;
   font-style: italic;
   text-decoration: none;
}

.closeoutText
{
   font-family: Verdana;
   font-size: 8pt;
   color: #222;
   font-weight: normal;
   font-style: italic;
   text-decoration: none;
}

.colorDescription
{
   font-family: Verdana;
   font-size: 12pt;
   color: #222;
   font-weight: 400;
   text-decoration: none;
}

.showImage
{
   font-family: Verdana;
   font-size: 8pt;
   color: #999999;
   font-weight: normal;
   text-decoration: italic;
}

.showDesc
{
   font-family: Verdana;
   font-size: 8pt;
   color: #999999;
   font-weight: normal;
   text-decoration: italic;
   border: 1px solid #CCC;
}

.descOpt
{
   font-family: Verdana;
   font-size: 8pt;
   color: #999999;
   font-weight: bold;
   text-decoration: underline,italic;
}

a.descOpt:active
{
   font-family: Verdana;
   font-size: 8pt;
   color: #999999;
   font-weight: bold;
   text-decoration: underline;
   font-style: italic;
}

a.descOpt:link
{
   font-family: Verdana;
   font-size: 8pt;
   color: #999999;
   font-weight: bold;
   font-style: italic;
   text-decoration: underline;
}

a.descOpt:hover
{
   font-family: Verdana;
   font-size: 8pt;
   color: #999999;
   font-weight: bold;
   text-decoration: underline;
   font-style: italic;
}

a.descOpt:visited
{
   font-family: Verdana;
   font-size: 8pt;
   color: #999999;
   font-weight: bold;
   text-decoration: underline;
   font-style: italic;
}

.goButton
{
   width: 25;
   font-family: Verdana;
   font-size: 40%;
   font-weight: normal;
}

.goButton a
{
   display: block;
}

.goButton a:link, .goButton a:visited, .goButton a:hover
{
   background-color: #CECECE;
   color: #222;
   text-decoration: none;
}

.goButton a:link, .goButton a:visited
{
   border-top: 1px solid #cecece;
   border-bottom: 2px solid #4a4a4a;
   border-left: 1px solid #cecece;
   border-right: 2px solid #4a4a4a;
}

.goButton a:hover
{
   border-top: 1px solid #444444;
   border-bottom: 2px solid #444444;
   border-left: 1px solid #444444;
   border-right: 2px solid #444444;
}

.noStyle
{
   background-color: #FFF;
   width: 250;
   border-top: 2px solid #cecece;
   border-bottom: 2px solid #cecece;
   border-left: 2px solid #cecece;
   border-right: 2px solid #cecece;
   font-family: Verdana;
   font-size: 7pt;
   color: #222;
   font-weight: normal;
   text-decoration: none;
   font-style: italic;
   border: 1px solid #CCC;
}

.regpriceLabel
{
   font-family: Verdana;
   font-size: 7.5pt;
   color: #222;
   font-weight: normal;
   text-decoration: line-through;
   font-style: italic;
}

.showPO
{
   font-family: Verdana;
   font-size: 8pt;
   color: #999999;
   font-weight: normal;
   text-decoration: italic;
}

.poDisplay
{
   font-family: Verdana;
   font-size: 8pt;
   color: #009900;
   font-weight: normal;
   text-decoration: italic;
}

.inputPOdays
{
   font-family: Verdana;
   font-size: 8pt;
   color: #222;
   font-weight: normal;
   text-decoration: italic;
}

.expStockLevel
{
   font-family: Verdana;
   font-size: 8pt;
   color: #009900;
   font-weight: bold;
   text-decoration: none;
}

a.expStockLevel:active
{
   font-family: Verdana;
   font-size: 8pt;
   color: #009900;
   font-weight: bold;
   text-decoration: none;
}

a.expStockLevel:link
{
   font-family: Verdana;
   font-size: 8pt;
   color: #009900;
   font-weight: bold;
   text-decoration: none;
}

a.expStockLevel:hover
{
   font-family: Verdana;
   font-size: 8pt;
   color: #009900;
   font-weight: bold;
   text-decoration: underline;
}

a.expStockLevel:visited
{
   font-family: Verdana;
   font-size: 8pt;
   color: #009900;
   font-weight: bold;
   text-decoration: none;
}

.gridOptionContainer
{
   position: relative;
   left: 5px;
}

.gridOptionTable
{
   border: thin solid #444444;
   margin-top: 10px;
   padding-top: 2px;
   padding-left: 2px;
   padding-right: 2px;
   padding-bottom: 2px;
}

.gridOptionLabel
{
   font-family: Verdana;
   font-size: 8pt;
   color: #222;
   font-weight: bold;
   font-style: italic;
   background-color: yellow;
}

.gridOptionWhse
{
   font-family: Verdana;
   font-size: 8pt;
   color: #666666;
   font-style: italic;
   font-weight: bold;
   border: thin solid #CCC;
}

.gridRadioWhse
{
   font-family: Verdana;
   font-size: 8pt;
   color: #666666;
   font-weight: bold;
}

.gridOptionColor
{
   font-family: Verdana;
   font-size: 8pt;
   color: #666666;
   font-weight: bold;
   font-style: italic;
   border: thin solid #CCC;
}

.gridRadioColor
{
   font-family: Verdana;
   font-size: 8pt;
   color: #666666;
   font-weight: bold;
}

.gridOptionColorWhse
{
   font-family: Verdana;
   font-size: 8pt;
   color: #666666;
   font-weight: bold;
   font-style: italic;
   border: thin solid #CCC;
}

.gridRadioColorWhse
{
   font-family: Verdana;
   font-size: 8pt;
   color: #666666;
   font-weight: bold;
}

.gridSaveOptions
{
   text-align: center;
}

.gridSaveDiv
{
   font-family: Verdana;
   font-size: 8pt;
   color: #222;
   font-style: italic;
}

.gridSaveAllDiv
{
   font-family: Verdana;
   font-size: 8pt;
   color: #222;
   font-style: italic;
}

.colorWhseColorDesc
{
   font-family: Verdana;
   font-size: 12pt;
   color: #222;
   font-weight: bold;
   text-decoration: none;
}

.colorWhseEachLabel
{
   font-family: Verdana;
   font-size: 8pt;
   color: #222;
   font-weight: normal;
   text-decoration: none;
   font-style: italic;
}

.swatchborder
{
   border: 1px solid #222;
}

.divAllWhseSpacer
{
   height: 10px;
}

.cwcutofftable
{
   border: thin solid #444444;
}

.cwcutofftitle
{
   font-family: Verdana;
   font-size: 9pt;
   font-weight: bold;
   border: 1px solid #CCC;
}

.cwwhsetitle
{
   font-family: Verdana;
   font-size: 9pt;
   font-weight: bold;
   border: 1px solid #CCC;
}

.cwcutoffmessage
{
   font-family: Verdana;
   font-size: 9pt;
   background-color: #CCC;
   border: 1px solid #CCC;
}

.cwcutoffwhse
{
   font-family: Verdana;
   font-size: 9pt;
   background-color: #CCC;
   border: 1px solid #CCC;
   color: #FF0000;
}

.cwwhse
{
   font-family: Verdana;
   font-size: 9pt;
   background-color: #222;
   border: 1px solid #CCC;
}

.promotext
{
   width: 204;
}

.styleinput
{
   width: 204;
}

.colorinput
{
   width: 204;
}

.millinput
{
   width: 204;
}

.napromo
{
   font-size: 8pt;
   font-family: Verdana;
   color: red;
}

.expiredpromo
{
   font-size: 8pt;
   font-family: Verdana;
   color: red;
}

.appliedpromo
{
   font-size: 8pt;
   font-family: Verdana;
   color: #33cc33;
} 

.qSelectTable { padding-left: 5px; }
.styleDesc
{
   color: #222;
   font-size: 9pt;
   font-weight: bold;
   text-decoration: underline;
}

.qSelectTable .qoProdDesc li
{
   color: #222;
   font-size: 10px;
   font-weight: normal;
   text-decoration: none;
   line-height: 1.3em;
}
 
.thumbnail
{
   position: relative;
   z-index: 0;
   font-family: Verdana;
   font-size: 10px;
   font-style: italic;
   color: #444444;
}

.thumbnail:hover
{
   background-color: transparent;
   z-index: 50;
   font-family: Verdana;
   font-size: 10px;
   font-style: italic;
   color: #777777;
}

.thumbnail span
{
   /*CSS for enlarged image*/
   position: absolute;
   background-color: #ededed;
   padding: 5px;
   left: -1000px;
   border: 0px dashed gray;
   visibility: hidden;
   color: black;
   text-decoration: none;
}

.thumbnail span img
{
   /*CSS for enlarged image*/
   border-width: 0;
   padding: 2px;
}

.thumbnail:hover span
{
   /*CSS for enlarged image on hover*/
   visibility: visible;
   top: 14px;
   left: -250px;
   /*position where enlarged image should offset horizontally */
}

.thumbnail2
{
   position: relative;
   z-index: 0;
   font-size: 10px;
   font-style: italic;
   color: #444444;
}

.thumbnail2:hover
{
   background-color: transparent;
   z-index: 50;
   font-size: 10px;
   font-style: italic;
   color: #777777;
}

.thumbnail2 span
{
   /*CSS for enlarged image*/
   position: absolute;
   background-color: lightyellow;
   padding: 5px;
   left: -1000px;
   border: 0px dashed gray;
   visibility: hidden;
   color: black;
   text-decoration: none;
}

.thumbnail2 span img
{
   /*CSS for enlarged image*/
   border-width: 0;
   padding: 2px;
}

.thumbnail2:hover span
{
   /*CSS for enlarged image on hover*/
   visibility: visible;
   background-color: transparent;
   border: 0px;
   margin: 0px;
   top: -685px;
   left: 20px;
   /*position where enlarged image should offset horizontally */
}

/*********************v S010001 v***************/
.backorderDiv
{ 
background-color: #FFFFFF;
border: 2px solid #666666;
display: none;
left: 275px;
position: absolute;
top: 125px;
visibility: hidden;
width: 475px;
z-index: 3;
}
.optTable
{
 width : 100%;
}
.optStyle {width:100%;text-align:left;font-size:12px;}

/*^quickorder.css*/
/*v itemStock.css v*/


#backorderAccept,
.backorderAccept
{ position:absolute;
  top:75px;
  left:77px;
  width:146px;
  visibility:hidden;
  display: none;
  z-index:7;
  border : 1px solid #666666;
}

/*********************^ S010001 ^*****************/

/*********************v S010003 v*****************/

.stockBoQty
{
background-color: #66ff66;
}

/*********************^ S010003 ^*****************/

.gridButtons { padding: 10px 0;}
.labelSpacer { height: 5px; }
.quickorderMiddle { position: relative; top: -30px; width: 70px; }
#quickOrderGridContainer { position: relative; top: -30px; } 
.noInput { height: 44px; } 
/********************^ quickorder.css ^********************/
/********************^ S010106 ^********************/

/********************v itemStock.css v********************/
#backorderAccept,
.backorderAccept
{ position:absolute;
  top:75px;
  left:77px;
  width:146px;
  visibility:hidden;
  display: none;
  z-index:7;
  border : 1px solid #666666;
}

.boDateTable
{
  border: 2px;
  background-color: #FFFFFF;
}
.stockBoQty
{
background-color: #66ff66;
}
#isStock Table
{width:250px;}

.optHidden
{
 font-size: 11px;
 }
/********************^ itemStock.css ^********************/
/********************v price_popup.css v********************/
.tableBack
{
background-color: #cccccc;
}

.headerLabel
{
 background-color : #cccccc;
	color : #black;
	text-decoration : none;
 font-weight : bold;
	font-size : 10pt;
 font-family     : Verdana, Arial, Helvetica, sans-serif;
}
.headerResult
{
 background-color : #cccccc;
	color : #black;
	text-decoration : none;
 font-weight : normal;
	font-size : 10pt;
 font-family     : Verdana, Arial, Helvetica, sans-serif;
}

.result
{
 background-color : #cccccc;
	color : #black;
	text-decoration : none;
 font-weight : normal;
	font-size : 10pt;
 font-family     : Verdana, Arial, Helvetica, sans-serif;
}

.darkBack
{
	color : black;
	text-decoration : none;
 font-weight : bold;
	font-size : 10pt;
 font-family     : Verdana, Arial, Helvetica, sans-serif;
}
/********************^ price_popup.css ^********************/
/*********************^ S010105 ^*****************/


/********************v S010002 v********************/

/************************v card.css v*****************************************/

#cardButtonContainer { margin-top: 20px; }

/************************^ card.css ^*****************************************/

/********************^ S010002 ^********************/