/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,font,img,q,s,small,strike,strong,sub,sup,tt,b,u,i,center,del,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes: none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}

/* Container Styes */
.layoutMenu {
 width: 205px;
 background-color: #006699;
 vertical-align: top;
 padding-left: 0px;
 padding-right: 0px; 
 padding-bottom: 5px; 
 padding-top: 5px;
 text-align: center;
}

.layoutContent {
 text-align: left;
 vertical-align: top;
 background-color: #FFFFFF;
 padding-left:5px;
 padding-right:5px;
 width:685px;
}

.layoutHeader {
 width: 100%;
 text-align: left;
 background-color: #FFFFFF;
 /*border: thin solid red;*/
}

.layoutFooter {
 text-align: left;
 width: 100%;
}

/* /Container Styes */

.catalogcontent {
 color: #000000;
 font-size: 18px;
 font-weight: bold;
 text-align: left;
}

.catSpacer2 { 
 width: 2px; 
 padding: 0px; 
}

.subCatSpacer2 { 
 width: 2px; 
 padding: 0px; 
}

.catSpacer1 { 
 width: 2px; 
 padding: 0px; 
}

.SubCatSpacer1 { 
 width: 2px; 
 padding: 0px; 
}

.olcHeader {
 font-size: 12pt; 
 font-family: Arial;
 font-weight: bold;
 color: #FFFFFF;
 height: 12.75pt;
 padding: 20px;
 white-space: nowrap;
 text-align: right;
}

.catTable { 
 width: 205px; 
 display: block;
}
 
.subCatTable { 
 width: 100%; 
 display: block;
}

.catHead, .catHeadSelected {
 font-size: 14px;
 text-align: right;
 color: #FFFFFF;
 padding-top: 1px;
 padding-bottom: 1px; 
 padding-right: 5px; 
 width: 100%;
}

.subCatHead, .subCatHeadSelected {
 color: #EEE;
 font-size: 12px;
 text-align: right;
 width: 100%; 
 padding-right: 10px;
 text-transform: lowercase;
}

.catHead a:link, .catHead a:visited { 
 font-family: verdana, arial, geneva, helvetica;
 color: #FFFFFF;
 text-decoration: none;
 font-size: 14px; 
}

.catHead a:hover {
 color: #001899;
 font-weight: bold;
 text-decoration: none;
 font-size: 14px;
}

a.catHeadSelected: link,
a.catHeadSelected: visited,
a.catHeadSelected: hover { 
 color: #FFF;
 font-weight: bold;
 text-decoration: underline; 
 font-size: 14px;
}

.subCatHead a:link, .subCatHead a:visited { 
 font-family: helvetica, arial, verdana;
 color: #CCC;
 text-decoration: none; 
 font-size: 12px;
}

.subCatHead a:hover { 
 color: #001899;
 font-weight: bold;
 text-decoration: none;
 font-size: 12px;
}

.subCatHeadSelected a:link, .subCatHeadSelected a:visited { 
 font-family: helvetica, arial, verdana;
 color: #CCC;
 text-decoration: none; 
 font-weight: bold; 
}

body {
 background: #FFFFFF; 
 margin-top: 0; 
 margin-right: 0; 
 margin-bottom: 0; 
 margin-left: 0;
 color : #000000;
 font-family : Verdana, Arial, Helvetica, sans-serif;
 font : 10pt;
}

.Home {
 background: #E6E6E6; 
 margin-top: 0; 
 margin-right: 0; 
 margin-bottom: 0; 
 margin-left: 0;
	color: #000000; 
 font-family: arial, verdana, helvetica; 
 font-size: 10px;
}
 
A:active  
{
   color           : #001899;
   font-family     : Verdana, Arial, Helvetica, sans-serif;
   font-weight     : normal;
   font-size       : 8pt;
   text-decoration : none;
}

A:link  
{
   color           : #001899;
   font-family     : Verdana, Arial, Helvetica, sans-serif;
   font-weight     : normal;
   font-size       : 8pt;
   text-decoration : none;
}

A:visited  
{
   color           : #001899;
   font-family     : Verdana, Arial, Helvetica, sans-serif;
   font-weight     : normal;
   font-size       : 8pt;
   text-decoration : none;
}

A:hover 
{
   color           : #001899;
   font-family     : Verdana, Arial, Helvetica, sans-serif;
   font-weight     : normal;
   font-size       : 8pt;
   text-decoration : underline;
}

ul {
 margin-left: 15px; 
 margin-right: 15px; 
 padding: 0; 
 border: 0; 
 margin-top: 0; 
 margin-bottom: 0;
}

.NavBarText {
 font-size: 10px; 
 font-family: arial,verdana,geneva,helvetica; 
 color: #000000;
}

a.NavBarText: link {
 color: #000000; 
 text-decoration: none;
}

a.NavBarText: visited	{
 color: #000000; 
 text-decoration: none;
}

a.NavBarText: hover {
 color: #000000; 
 text-decoration: underline;
}

.MenuBarText {
 font-size: 12px; 
 font-family: arial,verdana,geneva,helvetica; 
 color: #FFFFFF;
} 

.MenuBarTextBold {
 font-size: 12px; 
 font-family: arial,verdana,geneva,helvetica; 
 color: #FFFFFF; 
 font-weight: bold;
} 

a.MenuBarText: link {
 color: #FFFFFF; 
 text-decoration: none;
}

a.MenuBarText: visited	{
 color: #FFFFFF; 
 text-decoration: none;
}

a.MenuBarText: hover {
 color: #FFFFFF; 
 text-decoration: none;
}

.MainMenu {
 font-size: 12px; 
 font-family: arial,verdana,geneva,helvetica; 
 color: #FFFFFF;
} 

a.MainMenu: link {
 font-size: 12px; 
 font-family: arial,verdana,geneva,helvetica; 
 color: #FFFFFF; 
 text-decoration: none;
} 

a.MainMenu: hover {
 font-size: 12px; 
 font-family: arial,verdana,geneva,helvetica; 
 color: #FFFFFF; 
 font-weight: bold;
} 

a.MainMenu: visited {
 font-size: 12px; 
 font-family: arial,verdana,geneva,helvetica; 
 color: #FFFFFF; 
 text-decoration: none;
}

.SubMenuText {
 font-size: 11px; 
 font-family: arial,verdana,geneva,helvetica; 
 color: #FFFFFF;
} 

.SubMenuTextBold {
 font-size: 11px; 
 font-family: arial,verdana,geneva,helvetica; 
 color: #FFFFFF; 
 font-weight: bold;
} 

a.SubMenuText: link {
 color: #FFFFFF; 
 text-decoration: none;
}

a.SubMenuText: visited	{
 color: #FFFFFF; 
 text-decoration: none;
}

a.SubMenuText: hover {
 color: #FFFFFF; 
 text-decoration: none; 
 font-weight: bold;
}

.FooterText {
 font-size: 9px; 
 font-family: arial,verdana,geneva,helvetica; 
 color: #000000;
}

a.FooterText: link {
 font-size: 9px; 
 font-family: arial,verdana,geneva,helvetica;
 color: #000000; 
 text-decoration: none;
}

a.FooterText: visited	{
 font-size: 9px; 
 font-family: arial,verdana,geneva,helvetica;
 color: #000000; 
 text-decoration: none;
}

a.FooterText: hover {
 font-size: 9px; 
 font-family: arial,verdana,geneva,helvetica;
 color: #000000; 
 text-decoration: none;
}

.cookieCrumb {
 font-size: 10px; 
 font-family: verdana,arial,geneva,helvetica; 
 color: #999999;
}

a.cookieCrumb: link {
 color: #999999;
}

a.cookieCrumb: visited	{
 color: #999999;
}

a.cookieCrumb: hover {
 color: #000000; 
 text-decoration: underline;
}

.formOptions {
 color: #000000; 
 font-family: arial,verdana,geneva,helvetica; 
 font-size: 10px; 
 border: 1px; 
 border-color: #443E3E;
}

.checkBoxes {
 color: #000000; 
 font-family: verdana, arial, geneva, helvetica; 
 font-size: 10px; 
 padding-top: 0px;
}

.formNumbersRight {
 color: #000000; 
 font-family: verdana, arial, geneva, helvetica; 
 font-size: 10px; 
 text-align: right; 
 padding-top: 0px;
}

.Text {
 color: #000000; 
 font-family: verdana, arial, geneva, helvetica; 
 font-size: 10px;
}

.TextLargeBold {
 color: #000000; 
 font-family: verdana, arial, geneva, helvetica; 
 font-size: 12px; 
 font-weight: bold;
}

.TextBold {
 color: #000000; 
 font-family: verdana, arial, geneva, helvetica; 
 font-size: 10px; 
 font-weight: bold;
}

.TextItalic {
 color: #000000; 
 font-family: verdana, arial, geneva, helvetica; 
 font-size: 10px; 
 font-style: italic;
}

.TextRed {
 color: #CC0000; 
 font-family: verdana, arial, geneva, helvetica; 
 font-size: 10px;
}

.TextRedBold {
 font-size: 12px; 
 font-family: arial,verdana,geneva,helvetica; 
 color: #CC0000; 
 font-weight: bold;
} 

.Strikethrough {
 text-decoration: line-through;
}

.orangeText {
 color: #D06D0B; 
 font-family: verdana, arial, geneva, helvetica; 
 font-size: 10px; 
 font-weight: bold;
}

.WhiteText {
 color: #FFFFFF; 
 font-family: verdana, arial, geneva, helvetica; 
 font-size: 10px;
}

a.WhiteText: link {
 color: #FFFFFF;
 font-family: verdana, arial, geneva, helvetica; 
 font-size: 10px; 
 text-decoration: none;
}

a.WhiteText: visited {
 color: #FFFFFF; 
 font-family: verdana, arial, geneva, helvetica; 
 font-size: 10px; 
 text-decoration: none;
}

a.WhiteText: hover {
 color: #FFFFFF; 
 font-family: verdana, arial, geneva, helvetica; 
 font-size: 10px; 
 text-decoration: underline;
}

.BoldLink {
 color: #000000; 
 font-family: verdana, arial, geneva, helvetica; 
 font-size: 10px; 
 font-weight: bold; 
 text-decoration: underline;
}

.MenuBarHeader {
 font-size: 12px; 
 font-family: arial,verdana,geneva,helvetica; 
 color: #FFFFFF; 
 font-weight: bold;
} 

.MenuBarHeaderBlack {
 font-size: 12px; 
 font-family: arial,verdana,geneva,helvetica; 
 color: #000000; 
 font-weight: bold;
} 

.BigRedText {
 font-size: 13px; 
 font-family: arial,verdana,geneva,helvetica; 
 color: #CC0000; 
 font-weight: bold;
} 

.invalidInformation {
 font-size: 13px; 
 font-family: arial,verdana,geneva,helvetica; 
 color: #CC0000; 
 font-weight: bold;
} 

.MenuHighlight {
 background-color: #FF9900;
}

.MenuBgColour {
 background-color: #D06D0B;
}

.distributorAdBack {
 background-color: #BFD8EE;
}

.navigationPath {
 font-size: 10px; 
 font-family: arial,verdana,geneva,helvetica; 
 color: #999999;
}

.navigationPathCurrent	{
 font-size: 10px; 
 font-family: arial,verdana,geneva,helvetica; 
 color: #443E3E;
}

/* JJS: Added default white border around swatch colors for alignment issues */
.hexDefaultColor {
 border-style: solid;
 border-top-color: #FFFFFF;
 border-bottom-color: #FFFFFF;
 border-left-color: #FFFFFF;
 border-right-color: #FFFFFF; 
 border-top-width: 2px;
 border-left-width: 2px;
 border-bottom-width: 2px;
 border-right-width: 2px;
}

.hexColorSelect {
 border-style: solid;
 border-top-color: #D06D0B;
 border-bottom-color: #D06D0B;
 border-left-color: #D06D0B;
 border-right-color: #D06D0B; 
 border-top-width: 2px;
 border-left-width: 2px;
 border-bottom-width: 2px;
 border-right-width: 2px;
}

.hexColorUnselect {}

.imageBorder {
 border-style: solid;
 border-top-color: #000000;
 border-bottom-color: #000000;
 border-left-color: #000000;
 border-right-color: #000000; 
 border-top-width: 1px;
 border-left-width: 1px;
 border-bottom-width: 1px;
 border-right-width: 1px; 
}

.hexDisplay { 
 text-decoration: none; 
}

a.hexDisplay: link { 
 text-decoration: none; 
}

a.hexDisplay: visited {
 text-decoration: none; 
}

a.hexDisplay: hover {
 text-decoration: none; cursor: hand;
}

a.hexDisplay: active {
 text-decoration: none; 
}

/* catalog lines mode */

.prodinfo { 
 height: 60px;
 background-color: #E6E6E6;
}

.specialinfo {
 height: 50px;
 background-color: #E6E6E6;
 text-align: center;
}

.styledesc {
 font-size: 10px;
 text-align: center;
 padding-left: 3px;
 padding-right: 3px;
 height:25px;
 vertical-align:top;
}
.catWhseDesc {
 font-size: 10px;
 text-align: center;
 padding-left: 3px;
 padding-right: 3px;
}

.linewidthbreak {
 width: 5px;
}

.lineheightbreak {
 background-color: #FFFFFF;
 height: 5px;
} 

.catMainTable {
 background-color: #ffffff;
}
.catMainTable select { margin-bottom: 5px; }

.infoblock {
 height: 195px;
 width: 195px;
 color: #000000; 
 font-family: verdana, arial, geneva, helvetica; 
 font-size: 12px;
 text-align: center;
 font-weight: bold;
}

.colorWayTable {
 border: 1px solid #cccccc; 
 padding-bottom: 5px; 
 margin-bottom: 5px;
}

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

.errormessage {
 color: #CC0000; font-family: verdana, arial, geneva, helvetica; font-size: 11px; font-weight: bold; 
}

.errorline {
 color: #CC0000; font-family: verdana, arial, geneva, helvetica; font-size: 10px; font-weight: bold; 
}

.regularPrice {
 text-decoration: line-through;
}

.salePrice {
 color: red;
}

.lowLabel {
 color: #F8941C;
 font-weight: bold;
}
 
.highLabel {
 color: #1AE955;
 font-weight: bold;
}

.SearchLabel {
 color: #ffffff;
}
 
.displayproduct {
 text-align: center;
 vertical-align: top;
 width: 165px;
 height: 165px;
 padding-bottom:10px;
}
.displayProduct TABLE { width:100%; }

/* JD2 03/29/2007 */

.menuUserDisplay {
 margin-right:6px;
}

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

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

a.menuActiveLink:link,
a.menuActiveLink:visited,
a.menuActiveLink:active,
a.menuActiveLink:hover { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #FFF; 
 font-size: 8pt;
 text-decoration: none; 
}
/* END JD2 03/29/2007 */

/* JD2 04/24/2007 catalog.w */
.priceLabel {
 color: red;
height:17px;
}

a.productLink {
	font-size: 10px;
	font-family: arial,helvetica,verdana;
	color: #001899;
	text-decoration: none;
	/*padding-left: 5px;	*/
}

a.productLink: link {
	color: #001899;
}

a.productLink: hover {
	color: #000000;
	text-decoration: none;			
}
/* END 04/24/2007 catalog.w */

/* JD2 05/09/2007 catalog.w */

.styleLabel {
 font-weight: bold;
 font-size: 10pt;
}
.caseLabel {
 font-weight: bold;
 font-size: 9pt;
}
.styleSpacer {
 height: 4px;
}
/* END JD2 05/09/2007 catalog.w */

.blueback {
background-color:#006699;
color:#FFFFFF;
width:100px;
}
.loginPopupDiv {
    width:  300px;
    height: 200px;
    position: absolute;
    z-index:15;
}

.popupHeader {
    background-color: #006699;
    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;
}

.shadow {
    margin:0;
	opacity: .5;
	filter:alpha(opacity=50);
}
.cobtop { padding: 1px 10px; }
.cobtopSelected { padding: 1px 10px; }
#pageAllBottom { margin-bottom:10px; font-size: 9pt; }
.pageAll a:hover,
.pageAll a:link,
.pageAll a:visited,
.pageAll a:active
{ font-size: 9pt; padding: 2px; }

/* XXX 09.11.17 */

.menuUserDisplay table {
  background-color: #a8b6cc;
}

.menuUserDisplay table td {
  padding: 1px 2px;
}