/*
	###########################################################
	# element style definitions
	###########################################################
*/

a:link, a:visited
{
    color: #5f8793;
    text-decoration: none;
}

a:hover
{
    color: #a34f24;
    text-decoration: underline;
}

a:active
{
	color: #5f8793;
    text-decoration: none;
}

body, .bodyDefault
{
	font-family: Arial;
	font-size: 11px;
	color: #a34f24;
}

img
{
	border: none;
}

input
{
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif
}

select
{
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif
}

table
{
	border: none;
}

textarea
{
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif
}

/*
	###########################################################
    # element/element contextual style definitions
    ###########################################################
*/
a img
{
	border: none;
}

/*
	###########################################################
    # element/class contextual style definitions
    ###########################################################
*/

a.bodyLink:link, a.bodyLink:visited
{
	font-family: Arial;
	font-size: 11px; 
	line-height: 13px; 
    color: #5f8793;
    text-decoration: none;
    word-spacing: -1px;
}

a.bodyLink:hover
{
	font-family: Arial;
	font-size: 11px; 
	line-height: 13px; 
    color: #a34f24;
    text-decoration: underline;
    word-spacing: -1px;
}

a.bodyLink:active
{
	font-family: Arial;
	font-size: 11px; 
	line-height: 13px; 
    color: #5f8793;
    text-decoration: none;
    word-spacing: -1px;
}

a.bodyLinkLight:link, a.bodyLinkLight:visited
{
	font-family: Arial;
	font-size: 11px; 
	line-height: 13px; 
    color: #779aa4;
    text-decoration: none;
    word-spacing: -1px;
}

a.bodyLinkLight:hover
{
	font-family: Arial;
	font-size: 11px; 
	line-height: 13px; 
    color: #a34f24;
    text-decoration: underline;
    word-spacing: -1px;
}

a.bodyLinkLight:active
{
	font-family: Arial;
	font-size: 11px; 
	line-height: 13px; 
    color: #779aa4;
    text-decoration: none;
    word-spacing: -1px;
}

a.itemAvailableBorder, a.iAB
{	
	display: block;
	cursor: hand;
}

a.itemAvailableBorder:hover, a.iAB:hover
{	
	background-color: #ff0000;
}

a.itemAvailableBorderSelected, a.iABS
{	
	display: block;
	cursor: hand;
}

a.selectionLabel:active, a.selectionLabel:link, a.selectionLabel:visited
{
    text-decoration: none;
}

a.selectionLabel:hover
{
    color: #ededed;
    text-decoration: underline;

	###########################################################
    # template structure
    ###########################################################
*/

.bodyPopup
{
	margin: 0px;
	marginwidth: 0px;
	marginheight: 0px;
	background-color: eae8ba;
}
	
.browserPage
{
	background-color: #8e9b72;
}

.innerBorder
{
	background-color: #d5c685;
}

.outerBorder
{
	background-color: #d5c685;
}

/*
	###########################################################
    # Copy
    ###########################################################
*/

.bodyCopy9Grey
{
    font-family: Times, Tahoma;
	font-size: 9px; 
	color: #666666;
	line-height: 11px; 
    word-spacing: 0px;    
    text-decoration: none;
}

.bodyCopy10Grey
{
    font-family: Times, Tahoma;
	font-size: 10px; 
	color: #666666;
	line-height: 12px; 
    word-spacing: 0px;    
    text-decoration: none;
}

.bodyCopy11Grey
{
    font-family: Times, Tahoma;
	font-size: 11px; 
	color: #666666;
	line-height: 12px; 
    word-spacing: 0px;    
    text-decoration: none;
}

.bodyCopy12Grey
{
    font-family: Times, Tahoma;
	font-size: 12px; 
	color: #666666;
	line-height: 14px; 
    word-spacing: 0px;    
    text-decoration: none;
}

.bodyCopy13Grey
{
    font-family: Times, Tahoma;
	font-size: 13px; 
	color: #666666;
	line-height: 15px; 
    word-spacing: 0px;    
    text-decoration: none;
}

.bodyCopy10GreyMinus6
{
    font-family: Times, Tahoma;
	font-size: 10px; 
	color: #f2f2f2;
	line-height: 12px; 
    word-spacing: 0px;    
    text-decoration: none;
}

.bodyLink12
{
    font-family: Arial, Tahoma;
	font-size: 12px; 
}

.calloutTableBrickRed
{
	border: solid 1px #d9b8a7;
	background-color: #ecdbd3;
	padding: 5px 7px 5px 7px;
}

.calloutTableEarth
{
	border: solid 1px #d8c8b6;
	background-color: #ece4da;
	padding: 5px 7px 5px 7px;
}

.calloutTableLightYellow
{
	border: solid 1px #d8c8b6;
	background-color: #f0f1d1;
	padding: 5px 7px 5px 7px;
}

.catHeader
{
	background-color: #f3f4db;
}

.catHeaderOver
{
	background-color: #dddab1;
}

.catMainCopy, .prodMainCopy
{
	font-family: Arial;
	font-size: 11px;
	line-height: 16px;
	color: #443831;
}

.catProdCopy
{
	font-family: Arial;
	font-size: 11px;
	line-height: 13px;
	color: #333333;
}

.colorMatchSwatch
{
	border: solid 1px #cccccc;
}

.colorWheel
{
	cursor: crosshair;
}

.colorWheelP100
{
	background-image: url(/smith_noble/images/v3/swatches/colorwheel100_120x120.jpg);
}
.colorWheelP95
{
	background-image: url(/smith_noble/images/v3/swatches/colorwheel95_120x120.jpg);
}
.colorWheelP90
{
	background-image: url(/smith_noble/images/v3/swatches/colorwheel90_120x120.jpg);
}
.colorWheelP85
{
	background-image: url(/smith_noble/images/v3/swatches/colorwheel85_120x120.jpg);
}
.colorWheelP80
{
	background-image: url(/smith_noble/images/v3/swatches/colorwheel80_120x120.jpg);
}
.colorWheelP75
{
	background-image: url(/smith_noble/images/v3/swatches/colorwheel75_120x120.jpg);
}
.colorWheelP70
{
	background-image: url(/smith_noble/images/v3/swatches/colorwheel70_120x120.jpg);
}
.colorWheelP60
{
	background-image: url(/smith_noble/images/v3/swatches/colorwheel60_120x120.jpg);
}
.colorWheelP45
{
	background-image: url(/smith_noble/images/v3/swatches/colorwheel45_120x120.jpg);
}
.colorWheelP30
{
	background-image: url(/smith_noble/images/v3/swatches/colorwheel30_120x120.jpg);
}

.compMadeInDays
{
	font-family: Arial;
	font-size: 11px;
	color: #646d47;
}

.compNote, .swatchName, .sN
{
	font-family: Tahoma, Arial;
	font-size: 10px;
	color: #646d47;
    word-spacing: -1px;    
}

.collectionSeparator
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
    color: #625e5a;
    background-color: #e6e5e4;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #cdcbc8;
}

.controlCopy10GreyMinus2
{
    font-family: Arial, Tahoma;
	font-size: 10px; 
	color: #989898;
}

.controlCopy10GreyMinus1
{
    font-family: Arial, Tahoma;
	font-size: 10px; 
	font-weight: normal; 
	color: #7c7c7c;
}

.controlCopy10Grey
{
    font-family: Arial, Tahoma;
	font-size: 10px; 
	font-weight: normal; 
	color: #666666;
}

.controlCopy10GreyAlternate
{
    font-family: Tahoma, Arial, Tahoma;
	font-size: 10px; 
	font-weight: normal; 
	color: #666666;
	word-spacing: -1px;
}

.controlCopy10GreyPlus1
{
    font-family: Arial, Tahoma;
	font-size: 10px; 
	font-weight: normal; 
	color: #333333;
}

.controlCopy10GreyPlus1Bold
{
    font-family: Arial, Tahoma;
	font-size: 10px; 
	font-weight: bold;
	color: #333333;
}

.controlCopy11GreyMinus2
{
    font-family: Arial, Tahoma;
	font-size: 11px; 
	font-weight: normal; 
	color: #989898;
}

.controlCopy11GreyMinus1
{
    font-family: Arial, Tahoma;
	font-size: 11px; 
	font-weight: normal; 
	color: #7c7c7c;
}

.controlCopy11GreyPlus1
{
    font-family: Arial, Tahoma;
	font-size: 11px; 
	font-weight: normal; 
	color: #333333;
}

.controlCopy12GreyMinus2
{
    font-family: Arial, Tahoma;
	font-size: 12px; 
	font-weight: normal; 
	color: #989898;
}

.controlCopy12GreyMinus1
{
    font-family: Arial, Tahoma;
	font-size: 12px; 
	font-weight: normal; 
	color: #7c7c7c;
}

.controlCopy12GreyPlus1
{
    font-family: Arial, Tahoma;
	font-size: 12px; 
	font-weight: normal; 
	color: #333333;
}

.copy10BrownMinus1
{
    font-family: Arial, Tahoma;
	font-size: 10px; 
	font-weight: normal; 
	color: #87796d;
}

.copy10BrownPlus1
{
    font-family: Arial, Tahoma;
	font-size: 10px; 
	font-weight: normal; 
	color: #5f5045;
}

.copy10Earth
{
    font-family: Arial, Tahoma;
	font-size: 10px; 
	font-weight: normal; 
	color: #9f7848;
}

.copy10EarthBold
{
    font-family: Arial, Tahoma;
	font-size: 10px; 
	font-weight: bold;
	color: #9f7848;
}

.copy10EarthPlus1
{
    font-family: Arial, Tahoma;
	font-size: 10px; 
	font-weight: normal; 
	color: #886239;
}

.copy10EarthPlus1Bold
{
    font-family: Arial, Tahoma;
	font-size: 10px; 
	font-weight: bold; 
	color: #886239;
}

.copy10Grey
{
    font-family: Arial, Tahoma;
	font-size: 10px; 
	font-weight: normal; 
	color: #666666;
}

.copy10GreyPlus1 
{
    font-family: Arial, Tahoma;
	font-size: 10px; 
	font-weight: normal; 
	color: #333333;
}

.copy11BrickRedPlus1, .error
{
    font-family: Arial, Tahoma;
	font-size: 11px; 
	font-weight: normal; 
	color: #8c3f1e;
}

.copy11BrickRedPlus1Bold
{
    font-family: Arial, Tahoma;
	font-size: 11px; 
	font-weight: bold;
	color: #8c3f1e;
}

.copy11Brown
{
    font-family: Arial, Tahoma;
	font-size: 11px; 
	font-weight: normal; 
	color: #726153;
}

.copy11BrownMinus1, .bodyCopy11Grey
{
    font-family: Arial, Tahoma;
	font-size: 11px; 
	font-weight: normal; 
	color: #87796d;
}

.copy11BrownPlus1, .bodyCopy10, .bodyCopy, .bulletList, .copy10, .copy
{
    font-family: Arial, Tahoma;
	font-size: 11px; 
	font-weight: normal; 
	color: #5f5045;
}

.copy11BrownPlus1Bold, .bodyCopy10Bold, .bodyCopyBold, .copyBold, copyBold a, .copy10Bold
{
    font-family: Arial, Tahoma;
	font-size: 11px; 
	font-weight: bold;
	color: #5f5045;
}

.copy11BrownPlus2
{
    font-family: Arial, Tahoma;
	font-size: 11px; 
	font-weight: normal; 
	color: #443831;
}

.copy11BrownPlus2Bold
{
    font-family: Arial, Tahoma;
	font-size: 11px; 
	font-weight: bold;
	color: #443831;
}

.copy11Earth, .graySub, .tertiaryNavLink, .leftNavLink, .secondaryLink, a.secondaryLink, .formFields
{
    font-family: Arial, Tahoma;
	font-size: 11px; 
	font-weight: normal; 
	color: #9f7848;
}

.copy11EarthBold
{
    font-family: Arial, Tahoma;
	font-size: 11px; 
	font-weight: bold;
	color: #9f7848;
}

.copy11EarthBoldCondensed
{
    font-family: Arial, Tahoma;
	font-size: 11px; 
	font-weight: bold;
	color: #9f7848;
	word-spacing: -1px;
}

.copy11EarthMinus1BoldCondensed
{
    font-family: Arial, Tahoma;
	font-size: 11px; 
	font-weight: bold;
	color: #ae8c63;
	word-spacing: -1px;
}

.copy11EarthPlus1, .grayCopy, a.grayCopy, .grayCopy a
{
    font-family: Arial, Tahoma;
	font-size: 11px; 
	font-weight: normal; 
	color: #886239;
}

.copy11EarthPlus1Bold			
{
    font-family: Arial, Tahoma;
	font-size: 11px;
	font-weight: bold; 
	color: #886239;
}

.copy12BrickRedPlus1
{
    font-family: Arial, Tahoma;
	font-size: 12px; 
	font-weight: normal; 
	color: #8c3f1e;
}

.copy12BrickRedPlus1Bold
{
    font-family: Arial, Tahoma;
	font-size: 12px; 
	font-weight: bold;
	color: #8c3f1e;
}

.copy12Brown
{
    font-family: Arial, Tahoma;
	font-size: 12px; 
	font-weight: normal; 
	color: #726153;
}

.copy12BrownBold
{
    font-family: Arial, Tahoma;
	font-size: 12px; 
	font-weight: bold; 
	color: #726153;
}

.copy12BrownPlus1, .bodyCopy11, .copy11
{
    font-family: Arial, Tahoma;
	font-size: 12px; 
	font-weight: normal; 
	color: #5f5045;
}

.copy12BrownPlus1Bold, .prodType, a.prodType, .subhead
{
    font-family: Arial, Tahoma;
	font-size: 12px; 
	font-weight: bold;
	color: #5f5045;
}

.copy12BrownPlus2
{
    font-family: Arial, Tahoma;
	font-size: 12px; 
	font-weight: normal; 
	color: #443831;
}

.copy12BrownPlus2Bold
{
    font-family: Arial, Tahoma;
	font-size: 12px; 
	font-weight: bold;
	color: #443831;
}

.copy12Earth
{
    font-family: Arial, Tahoma;
	font-size: 12px; 
	font-weight: normal; 
	color: #9f7848;
}

.copy12EarthBold, .optionTitle
{
    font-family: Arial, Tahoma;
	font-size: 12px; 
	font-weight: bold;
	color: #9f7848;
}

.copy12EarthPlus1
{
    font-family: Arial, Tahoma;
	font-size: 12px; 
	font-weight: normal; 
	color: #886239;
}

.copy12EarthPlus1Bold, .morePhotosBold, .secondaryPageSeparatorWindow, .verticalSeparatorOrange
{
    font-family: Arial, Tahoma;
	font-size: 12px; 
	font-weight: bold;
	color: #886239;
}

.copy13BrownPlus1, .pageSubHead
{
    font-family: Arial, Tahoma;
	font-size: 13px; 
	font-weight: normal;
	color: #5f5045;
}

.copy13BrownPlus1Bold
{
    font-family: Arial, Tahoma;
	font-size: 13px; 
	font-weight: bold;
	color: #5f5045;
}

.copy13BrownPlus2
{
    font-family: Arial, Tahoma;
	font-size: 13px; 
	font-weight: normal; 
	color: #443831;
}

.copy13BrownPlus2Bold, .pageHeader
{
    font-family: Arial, Tahoma;
	font-size: 13px;
	font-weight: bold; 
	color: #443831;
}

.copy13EarthPlus1, .copy12
{
    font-family: Arial, Tahoma;
	font-size: 13px; 
	font-weight: normal; 
	color: #886239;
}

.copy13EarthPlus1Bold, .primaryPageSeparatorWindow, .dsCopy12
{
    font-family: Arial, Tahoma;
	font-size: 13px; 
	font-weight: bold;
	color: #886239;
}

.copy14BrownPlus1Bold
{
    font-family: Arial, Tahoma;
	font-size: 14px;
	font-weight: bold; 
	color: #5f5045;
}

.copy14BrownPlus2Bold
{
    font-family: Arial, Tahoma;
	font-size: 14px;
	font-weight: bold; 
	color: #443831;
}

.copy18BrickRedPlus1, .pageHeaderLarge, a.pageHeaderLarge, .globalPageHeader
{
    font-family: Arial, Tahoma;
	font-size: 20px; 
	font-weight: bold;
	color: #a34f24;
}

.copyGeneral
{
	font-family: Arial, Tahoma;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	color: #726153;
}

.copyGeneralBold
{
	font-family: Arial, Tahoma;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	color: #726153;
}

.copyGeneralSmall
{
	font-family: Tahoma, Arial;
	font-size: 10px;
	font-weight: normal;
	line-height: 13px;
	color: #726153;
}

.copyGeneralSmallBold
{
	font-family: Tahoma, Arial;
	font-size: 10px;
	font-weight: bold;
	line-height: 13px;
	color: #726153;
}

.findFilterTable
{
	border: solid 1px #d8c8b6;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
}

.findFilterTableHeader
{
	background-color: #ded2a0;
}

/* Styles for precisely controlling height of <br> tags */
.height0, .notext
{
    line-height: 0px;
}
.height2
{
    line-height: 2px;
}
.height4
{
    line-height: 4px;
}
.height6
{
    line-height: 6px;
}
.height8
{
    line-height: 8px;
}
.height9
{
    line-height: 9px;
}
.height10
{
    line-height: 10px;
}
.height11
{
    line-height: 11px;
}
.height12
{
    line-height: 12px;
}
.height13
{
    line-height: 13px;
}
.height14
{
    line-height: 14px;
}

.imageButton
{
	border: none;
	cursor: hand;
}

.itemAvailableBorder, .iAB
{
    background-color: #ffffff;
}

.itemAvailableBorderSelected, .iABS
{
	background-color: #505050;
}

.itemAvailableImage, .iAI
{
	filter: alpha(opacity=100);
	opacity: 1.00;
	-moz-opacity: 1.00;
	border: solid 1px #dadada;	
}

.itemBorder, .iB
{
	background-color: #dadada;
}

.itemBorderImage, .iBI
{
	border: solid 1px #dadada;	
}

.itemNotAvailableBorder, .iNAB
{
    background-color: #d3d3d3;
	cursor: help;
}

.itemNotAvailableImage, .iNAI
{
	filter: alpha(opacity=30);
	opacity: .30;
	-moz-opacity: .30;
}

.itemSelectList
{
    font-family: Arial, Tahoma;
	font-size: 11px; 
	color: #333333;
	overflow: auto;
	border: solid #ccc79e 1px;
	background-color: #ffffff;
	scrollbar-base-color: #cfdbdf; 
	scrollbar-arrow-color: #3b5c60; 
	scrollbar-darkshadow-color: #779aa4;
}

.materialHoverLabel
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
    color: #464442;
    border: solid 1px #464442;
    padding: 2px 2px 2px 2px;
    background-color: #eeefdd;
	filter: alpha(opacity=90);
	opacity: .90;
	-moz-opacity: .90;
}

.materialIDInput
{
	font-family: Tahoma, Arial;
	font-size: 11px;
	width: 50px;
	height: 18px;
	color: #7c7c7c;
	vertical-align: middle;
	border: solid 1px #bca17f;
	padding: 1px 3px 0px 3px;
}

.materialProductList
{
	overflow: auto;
	display: block; 
	border: solid #ccc79e 1px;
	background-color: #f3f4db;
	scrollbar-base-color: #cfdbdf; 
	scrollbar-arrow-color: #3b5c60; 
	scrollbar-darkshadow-color: #779aa4;
}

.pageNumber
{
    font-family: Arial, Tahoma;
	font-size: 11px;
	font-weight: bold; 
	color: #886239;
	letter-spacing: -1px;
	word-spacing: -1px;
}

.pageNumberSelected
{
    font-family: Arial, Tahoma;
	font-size: 12px;
	font-weight: bold; 
	color: #724e29;
	letter-spacing: -1px;
	word-spacing: -1px;
}

.pageNumberText
{
    font-family: Arial, Tahoma;
	font-size: 11px;
	font-weight: bold; 
	color: #886239;
	word-spacing: -1px;
}

.panelActive
{
	display: block;
}

.panelHidden
{
	display: none;
}

.pdCollectionSeparator
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
    color: #87796d;
    background-color: #e7deba;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #d5c685;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #e7deba;
    padding-left: 5px;
}

.pdDesignNameInput
{
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #726153;
	vertical-align: middle;
	padding: 1px 3px 0px 3px;
}

.pdHowToCopy
{
    font-family: Arial, Tahoma;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal; 
	color: #5f5045;
}

.pdOptionHeader
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
    color: #443831;
    background-color: #e7deba;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #d5c685;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #e7deba;
    padding-left: 5px;
}

.pdOptionImageTable
{
	border: solid 1px #d8c8b6;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
}

.pdOptionSelection
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    background-color: #eae8ba;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #d5c685;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #e7deba;
    padding-left: 5px;
}

.pdOrderTable
{
	border: solid 1px #d8c8b6;
	background-color: #ffffff;
	padding: 1px 2px 1px 2px;
}

.pdRelatedProductsTable
{
	border: solid 1px #d8c8b6;
	background-color: #f8f9eb;
	padding: 0px 4px 0px 4px;
}

.pdSelectionTable
{
	border: solid 1px #d8c8b6;
	background-color: #f8f9eb;
	padding: 1px 2px 1px 2px;
}

.pdSelectionTableLabel
{
    font-family: Arial, Tahoma;
	font-size: 12px; 
	color: #5f5045;
}

.pdSelectionTableLabelNoSelection
{
    font-family: Arial, Tahoma;
	font-size: 12px; 
	color: #c00000;
}

.pdSelectionTableLabelOptional
{
    font-family: Arial, Tahoma;
	font-size: 12px; 
	color: #87796d;
}
 
.pdSelectionTableValue
{
    font-family: Arial, Tahoma;
	font-size: 12px; 
	font-weight: bold;
	color: #443831;
}

.pdSelectionTableValueNoSelection
{
    font-family: Arial, Tahoma;
	font-size: 12px; 
	font-weight: bold;
	color: #c00000;
}		
	
.pdSelectionTableValueOptional
{
    font-family: Arial, Tahoma;
	font-size: 12px; 
	font-weight: bold;
	color: #87796d;
}

.pdTabMainNotComplete
{
    font-family: Arial, Tahoma;
	font-size: 13px;
	color: #c00000;
}

.pdTabMainComplete
{
    font-family: Arial, Tahoma;
	font-size: 13px;
	color: #443831;
}

.pgMaterialName 
{
	font-size: 11px;
	font-family: Tahoma, Arial;
	font-weight: normal;
	color: #886239;
}

.pgMaterialType 
{
	font-size: 11px;
	font-family: Arial, Tahoma;
	font-weight: bold;
	color: #724e29;
}

.pgProductName 
{
	font-size: 13px;
	font-family: Arial, Tahoma;
	font-weight: bold;
	color: #646d47;
}

.pleaseSpecify
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
    color: #b3b1ad;
}

.pmProductSwatchTable
{
	border: solid 1px #c6c0ba;
	background-color: #dddab1;
	padding: 0px 0px 0px 0px;
}

.pmProductTable
{
	border: solid 1px #c6c0ba;
	background-color: #f6f6e4;
	padding: 0px 0px 0px 0px;
}

.ppInput
{
	font-family: Tahoma, Arial;
	font-size: 10px;
	color: #726153;
	vertical-align: middle;
	border: solid 1px #d5c685;
	padding: 1px 3px 0px 3px;
}

.priceLabel
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
    color: #464442;
}

.priceValueCurrent
{
    font-family: Tahoma, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	text-align: right;
	padding: 0px 4px 1px 0px;
    color: #333333;
	background-color: #f6f6e4;
	border: solid 1px #ccc79e;	
}

.priceValueUpdate
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
    color: #9a9791;
	letter-spacing:-1px;
	background-color: #f1e1df;
	border: solid 1px #e5c9bf;
}

.primaryPageSeparator
{
    font-family: Arial, Tahoma;
	font-size: 12px; 
	color: #886239;
	font-weight: bold;
	background-color: #eae8ba;
	padding: 0px 0px 0px 0px;
}

.scInput
{
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-align: right;
	vertical-align: middle;
	padding: 0px 4px 0px 0px;
}

.searchInput
{
	font-family: Tahoma, Arial;
	font-size: 10px;
	color: #7c7c7c;
	vertical-align: middle;
	border: solid 1px #d5c685;
	padding: 1px 3px 0px 3px;
}

.searchResultsHeader
{
	border: solid 1px #e2d6c8;
	background-color: #f0f1d1;
	padding: 0px 0px 0px 0px;
}

.secondaryPageSeparator
{
    font-family: Arial, Tahoma;
	font-size: 11px; 
	color: #886239;
	font-weight: bold;
	background-color: #ecedc5;
	padding: 0px 0px 0px 0px;
}

.selectionLabel
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 600;
    color: #464442;
}

.selectionLabel12
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
    color: #464442;
}

.selectionValue
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
    color: #464442;
}

.selectionValue12
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
    color: #464442;
}

.tertiaryPageSeparator
{
    font-family: Arial, Tahoma;
	font-size: 11px; 
	color: #886239;
	font-weight: normal;
	background-color: #f3f4db;
	padding: 0px 0px 0px 0px;
}


/*
	###########################################################
    # class/element contextual style definitions
    ###########################################################
*/

.swatchlist div, .sw div 
{ 
	width: 78px; 
	font-family: tahoma, arial; 
	font-size: 10px; 
	color: #646d47; 
	word-spacing: -1px; 
	text-align: center; 
	margin: 5px; 
	padding: 0px; 
	float: left; 
}

.swatchlist div div, .sw div div 
{ 
	position: relative; 
	width: 70px; 
	height: 70px; 
	margin: 0px; 
	padding: 2px; 
	border: solid 2px #ffffff; 
}

.swatchlist div div.nohover:hover, .sw div div.nohover:hover
{ 
	border: solid 2px #ffffff; 
}

.swatchlist div div .zoom, .sw div div .zm
{ 
	position: absolute; 
	bottom: 2px; 
	left: 54px; 
	width: 18px; 
	height: 18px; 
}

.swatchlist div div .zoom span, .sw div div .zm span 
{ 
	display: none; 
}

.swatchlist div div img, .swlist_noborder83 div img, .sw div div img, .sw_nb83 div img
{ 
	border: solid 1px #d3d3d3; 
}

.swlist_noborder68 div, .sw_nb68 div 
{ 
	position: relative; 
	width: 68px; 
	height: 68px; 
	margin: 0px; 
	padding: 0px;
}

.swlist_noborder68 div .zoom, .sw_nb68 div .zm
{ 
	position: absolute; 
	bottom: 0px; 
	left: 51px; 
	width: 17px; 
	height: 15px; 
}

.swlist_noborder68 div .zoom span, .sw_nb68 div .zm span 
{ 
	display: none; 
}

.swlist_noborder83 div, .sw_nb83 div 
{ 
	position: relative; 
	width: 83px; 
	height: 83px; 
	margin: 0px; 
	padding: 0px;
}

.swlist_noborder83 div .zoom, .sw_nb83 div .zm 
{ 
	position: absolute; 
	bottom: 0px; 
	left: 66px; 
	width: 17px; 
	height: 15px; 
}

.swlist_noborder83 div .zoom span, .sw_nb83 div .zm span
{ 
	display: none; 
}

.thumbnails br, .swatchlist br, .tn br, .sw br 
{ 
	clear: left; 
}

.thumbnails div, .tn div 
{	
	width: 78px; 
	margin: 0px 2px 0px 0px; 
	padding: 0px; 
	float: left; 
}

.thumbnails div div, .tn div div 
{ 
	position: relative; 
	width: 72px; 
	height: 90px; 
	margin: 0px; 
	padding: 1px; 
	border: solid 2px #ffffff; 
}

.thumbnails div div:hover, .swatchlist div div:hover, .tn div div:hover, .sw div div:hover
{	
	border: solid 2px #ff0000; 
}

.thumbnails div div.over, .swatchlist div div.over, .tn div div.over, .sw div div.over
{	
	border: solid 2px #ff0000; 
}

.thumbnails div div.selected, .swatchlist div div.selected, .tn div div.selected, .sw div div.selected
{ 
	border: solid 2px #505050; 
}


/*
	###########################################################
    # ID style definitions
    ###########################################################
*/

#catCompGrid th.bgLightYellow, #catCompGrid td.bgLightYellow
{
	background-color: #eae8ba;
}
           
#catCompGrid th.bgLightYellowMinus2, #catCompGrid td.bgLightYellowMinus2
{
	background-color: #f0f1d1;
}

#catCompGrid th
{
	color: #666666;
	font-size: 10px;
	font-weight: bold;
    background-color: #f6f6e4;
    vertical-align: bottom;
}
            
#catCompGrid th strong
{
	text-align: center;
}

#catCompGrid td
{
	color: #666666;
	font-size: 12px;
	padding: 5px 0px 5px 0px;
    background-color: #f6f6e4;
	text-align: center;
}

#catCompGrid td.compare
{
	font-size: 9px;
}
           
#catCompGrid td.catDesc
{
	padding: 5px 5px 5px 5px;
	text-align: left;
	font-family: Arial;
	font-size: 11px;
}

#catCompGrid td.rule
{
	background-color: #d4d1cb;
	padding: 0px 0px 0px 0px;
}

#catCompGrid a.categoryName:link, #catCompGrid a.categoryName:visited
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	color: #9f7848;
	text-decoration: none;
	word-spacing: -1px;
}

#catCompGrid a.categoryName:hover, #catCompGrid a.categoryName:active
{
	color: #a34f24;
	text-decoration: underline;
}

#popupContainer 
{
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}

#popupControls 
{
	float: right;
	cursor: hand;
}

#popupFrame 
{
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}

#popupInner 
{
	border: 2px solid #000000;
	background-color: #ffffff;
}

#popupMask 
{
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .40;
	-moz-opacity: .40;
	filter: alpha(opacity=40);
	/* this is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color: transparent !important;
	background-color: #333333;
	/* this is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("/smith_noble/images/maskBG.png") !important; 
	/* For browsers Moz, Opera, etc. */
	background-image: none;
	background-repeat: repeat;
	display: none;
}

#popupTitle 
{
	font-family: Arial;
	font-size: 16px;
	float:left;
	position: relative;
	top: 1px;
}

#popupTitleBar 
{
	background-color: #486CAE;
	color: #ffffff;
	font-weight: bold;
	height: 24px;
	padding: 5px;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	position: relative;
	z-index: 203;
}

#pup
{
	position: absolute;
	visibility: hidden;
	z-index: 200;
	width: 260px;
}