.dummy{}

/* Container Styes */
.layoutMenu {
 width: 150px;
 max-width: 150px;
 background-color: #E7E2B8; /* #999966; */
 /* background-color: #38815B; */
 vertical-align: top;
 padding-left: 0px;
 padding-right: 0px; 
 padding-bottom: 5px; 
 padding-top: 5px;
 margin: 0px;

 text-align: center;
 font-size: 0.9em;
 color: #443C39;
 background-image: url('/weblive/images/navback.jpg');
 background-repeat: repeat;
}

.layoutContent {
 text-align: left;
 vertical-align: top;
 background-color: #FFFFFF;
 padding-left: 3px;
 padding-right: 2px;
 margin: 0px;
/*  max-width: 620px; */ 
/*
 width: 620px;
*/
 width: 100%;	/* DKF relieve the fixed pixel width for menu content */
 height: 100%;
}

.layoutHeader {
 margin: 0px;
 padding: 0px;
}

.layoutFooter {
 text-align: left;
 background-color: #FFFFFF;
/*
 width: 775px;
*/
}
/* /Container Styes */

.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: "Century Gothic","Arial",sans-serif;
 font-weight: bold;
 color: #443C39;
 HEIGHT: 12.75pt;
 padding: 20px;
 white-space: nowrap;
 text-align: right;
}

.catHead {
 margin: 0px;
 text-align: right;
 font-size: 10pt;
 color: #443C39;
 padding-top: 1px;
 padding-bottom: 1px; 
 padding-right: 0px; 
 width: 90%;
 white-space: normal;
}
.catHeadSelected {
 margin: 0px;
 text-align: right;
 font-size: 10pt;
 color: #443C39;
 font-weight : bold;
 padding-top: 1px;
 padding-bottom: 1px; 
 padding-right: 0px; 
 width: 90%;
 white-space: normal;
}
a.catHead:link
{
 color: #443C39;
 font-size: 10pt;
}
a.catHead:active,
a.catHead:hover
{
 text-decoration: underline;

}

.subCatHead,
.subCatHeadSelected {
 color: #bd7b4b;
 font-weight : bold;
 text-align: right;
 width: 100%; 
 white-space: normal; 
}

.catTable {
 width: 150px; 
 display: block;
}
 
.subCatTable {
 width: 100%; 
 padding-right: 10px;
 display: block;
}

a.catHead: link,
a.catHead: visited
{
 font-family: "Century Gothic","Arial",sans-serif;
 font-size: 10pt;
 color: #443C39; 
 text-decoration: none; 
}

a.catHead: hover {
 text-decoration: underline;
}

a.catHeadSelected: link,
a.catHeadSelected: visited,
a.catHeadSelected: hover {
 color: #443C39; 
 text-decoration: none; 
 font-weight: bold; 
}

a.subCatHead: link,
a.subCatHead: visited
{
 font-family: "Century Gothic","Arial",sans-serif;
 color: #443C39; 
 font-weight : bold;
 font-size: 8pt;
 text-decoration: none; 
}

a.subCatHead: hover {
 text-decoration: underline;
 font-weight : bold;
}

a.subCatHeadSelected: link,
a.subCatHeadSelected: visited,
a.subCatHeadSelected: hover {
 font-family: "Century Gothic","Arial",sans-serif;
 color: #f5ae70; 
 font-size: 8pt;
 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: "Century Gothic","Arial",sans-serif;}
.Home {background: #E6E6E6; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0;
						 color: #000000; font-family: "Century Gothic","Arial",sans-serif;}

A: link {color: #000000; font-family: "Century Gothic","Arial",sans-serif;}
A: visited {color: #000000; font-family: "Century Gothic","Arial",sans-serif;}
A: hover {color: #D06D0B; font-family: "Century Gothic","Arial",sans-serif;}

Table {color: #000000; font-family: "Century Gothic","Arial",sans-serif;}

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

.NavBarText {font-size: 10px; font-family: "Century Gothic","Arial",sans-serif;}
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: "Century Gothic","Arial",sans-serif;} 
.MenuBarTextBold {font-size: 12px; font-family: "Century Gothic","Arial",sans-serif;} 
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: "Century Gothic","Arial",sans-serif;} 
A.MainMenu: link {font-size: 12px; font-family: "Century Gothic","Arial",sans-serif;} 
A.MainMenu: hover {font-family: "Century Gothic","Arial",sans-serif;} 
A.MainMenu: visited {font-size: 12px; font-family: "Century Gothic","Arial",sans-serif;}

.SubMenuText {font-size: 11px; font-family: "Century Gothic","Arial",sans-serif;} 
.SubMenuTextBold {font-size: 11px; font-family: "Century Gothic","Arial",sans-serif;} 
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: "Century Gothic","Arial",sans-serif;}
A.FooterText: link {font-size: 9px; font-family: "Century Gothic","Arial",sans-serif;}
A.FooterText: visited	{font-size: 9px; font-family: "Century Gothic","Arial",sans-serif;}
A.FooterText: hover {font-family: "Century Gothic","Arial",sans-serif;}

.cookieCrumb {font-size: 10px; font-family: "Century Gothic","Arial",sans-serif;}
A.cookieCrumb: link {color: #999999;}
A.cookieCrumb: visited	{color: #999999;}
A.cookieCrumb: hover {color: #000000; text-decoration: underline;}

.formOptions {color: #000000; font-family: "Century Gothic","Arial",sans-serif;}
.checkBoxes {color: #000000; font-family: "Century Gothic","Arial",sans-serif;}
.formNumbersRight {color: #000000; font-family: "Century Gothic","Arial",sans-serif;}

.Text {color: #000000; font-family: "Century Gothic","Arial",sans-serif;}
.TextLargeBold {color: #000000; font-family: "Century Gothic","Arial",sans-serif;}
.TextBold {color: #000000; font-family: "Century Gothic","Arial",sans-serif;}
.TextItalic {color: #000000; font-family: "Century Gothic","Arial",sans-serif;}
.TextRed {color: #CC0000; font-family: "Century Gothic","Arial",sans-serif;}
.TextRedBold {font-size: 12px; font-family: "Century Gothic","Arial",sans-serif;} 
.Strikethrough {text-decoration: line-through;}
.orangeText {color: #D06D0B; font-family: "Century Gothic","Arial",sans-serif;}

.WhiteText {color: #FFFFFF; font-family: "Century Gothic","Arial",sans-serif;}
A.WhiteText: link {color: #FFFFFF; font-family: "Century Gothic","Arial",sans-serif;}
A.WhiteText: visited {color: #FFFFFF; font-family: "Century Gothic","Arial",sans-serif;}
A.WhiteText: hover {color: #FFFFFF; font-family: "Century Gothic","Arial",sans-serif;}

.BoldLink {color: #000000; font-family: "Century Gothic","Arial",sans-serif; text-decoration: underline}

.MenuBarHeader {font-size: 12px; font-family: "Century Gothic","Arial",sans-serif;} 
.MenuBarHeaderBlack {font-size: 12px; font-family: "Century Gothic","Arial",sans-serif;} 
.BigRedText {font-size: 13px; font-family: "Century Gothic","Arial",sans-serif;} 

.invalidInformation {font-size: 13px; font-family: "Century Gothic","Arial",sans-serif;} 

.MenuHighlight {background-color: #FF9900;}
.MenuBgColour {background-color: #D06D0B;}
.distributorAdBack {background-color: #BFD8EE;}

.navigationPath {font-size: 10px; font-family: "Century Gothic","Arial",sans-serif;}
.navigationPathCurrent	{font-size: 10px; font-family: "Century Gothic","Arial",sans-serif;}

/* 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;
 border : 1px solid #cccccc;
 background-color: #E6E6E6;
}

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

.styledesc {
 font-size: 12px;
 text-align: center;
}

.linewidthbreak {
 width: 5px;
}

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

.catMainTable {
 background-color: #ffffff;
 height: 100%;
}

.infoblock {
 height: 195px;
 width: 195px;
 color: #000000; 
 font-family: "Century Gothic","Arial",sans-serif; 
 font-size: 12px;
 text-align: center;
 font-weight: bold;
}

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

.swatchborder {
}

.swatchimage
{
 border: 1px solid #000000;
 margin: 3px;
}

.errormessage {
 color: #CC0000; font-family: "Century Gothic","Arial",sans-serif; 
}

.errorline {
 color: #CC0000; font-family: "Century Gothic","Arial",sans-serif; 
}

.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: 155px;
 height: 260px;
}

/* JD2 03/29/2007 */

.menuUserDisplay {
 margin: 0 4 4 4;
 padding: 2 2 2 0;
 background-color: #ffffff;
 text-align: right;
 border: thin solid #cccccc;
 height: 100%;
}

.menuOrigUserHead {
 color: #747474;
 font-family: "Century Gothic","Arial",sans-serif;
 font-size: 8pt;
 font-weight: bold;
 background-color: #ffffff;
}

.menuActiveCustHead {
 color: #747474;
 font-family: "Century Gothic","Arial",sans-serif;
 font-size: 8pt;
 font-weight: bold;
 background-color: #ffffff;
}

a.menuActiveLink: link,
a.menuActiveLink: visited {
 font-family: "Century Gothic","Arial",sans-serif;
 color: #443C39; 
 font-size: 9pt;
 text-decoration: none; 
}
a.menuActiveLink: hover {
  text-decoration: underline;
}
/* END JD2 03/29/2007 */

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

a.productLink,
a.productLink:link {
	font-family: "Century Gothic","Arial",sans-serif;
	font-size: 10pt;
	color: #6685C2;
	text-decoration: none;
	padding-left: 5px;	
}

a.productLink:active,
a.productLink:hover {
	color: #443C39;
	font-size: 10pt;
	text-decoration: underline;
}
.productLinkTD
{
 height : 35px;
 vertical-align : top;
 text-align : center;
}
.priceStyleCode
{
 vertical-align : top;
 text-align : center;
}

.siteProcessNone
{
 display : none;
 visibility : hidden;
}
.siteProcessDiv {
visibility : visible;
position : absolute;
z-index : 10;
text-align : center;
left : 400px;
top : 200px;
height: 120px;
width: 240px;
font-size : 12pt;
font-weight : bold;
font-family: "Century Gothic","Arial",sans-serif;
background-color : #e7e2b8;
border-top   : 2px solid #cecece;
border-bottom: 4px solid #4a4a4a;
border-left  : 2px solid #cecece;
border-right : 4px solid #4a4a4a;

}
/* END 04/24/2007 catalog.w */
.bottomPageAll
 { text-align: right;
   padding-left: 195px; }

.topPageAll
{ padding-left: 20px; }
#pageAllBottom
{ margin-bottom: 5px;
  margin-right: 5px;
  text-align: right; }

.pageAll
{ text-align : right; }

.pageNav
{
 border: 1px solid #e7e7e7;
 background-color: #f1f1f1;
 font-size: 12px;
 padding: 2px;
 vertical-align: bottom;
}
.pageAll a:link,
.pageAll a:visited,
.pageAll a:active,
.pageAll a:hoverr
{
 color : #2424c9;
 font-size: 12px;
 text-decoration : underline;
}
.pageAll a:hover
{
 color : #000000;
}
form
{ margin: 0px;
  padding: 0px;
}