/****** Basic Element Styling ******/
html
{
	/* This is for font-size em handling in IE */
	font-size: 100%;
}

body 
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10pt;
	color: #6D6054;
	padding: 0px;
	padding-top: 5px;
	text-align: center;
	background-color: #FFFFFF;
/*	background-color: #F2EFE3; */
}

a
{
	text-decoration: none;
	font-size: 1em;
	color: #6D6054;
}

a:hover
{
	text-decoration: underline;
}

img
{
	border-style: none;
}

.light
{
	color: #E4D6B2;
}

P,LI,UL 
{
	padding: 0px;
	margin: 3px;
}

H1
{
	font-size: 1.55em;
	font-weight: bold;
	margin: auto;
	display: block;
}

H2 
{
	font-size: 1.5em;
	background: #E4D6B2;
	padding: 2px;
}

H3 
{
	font-size: 1.2em;
	color: #694F29;
	background: #EEEEEE;
	padding: 0.5em;
}

H4 
{
	color: #694F29;
}

select
{
	border: 1px solid #6D6054;
	background-color: #FBFAF4;
}

hr
{
	border-style: none;
	color:  #6D6054;
	background-color: #6D6054;
	height: 1px;
	margin-bottom: 1px;
	display: block;
}

input[type=submit],
input[type=reset]
{
	font-family: Arial,Helvetica,sans-serif;
}

input[type=text],
input[type=password],
input[type=checkbox],
input[type=file]
{
	border: 1px solid #6D6054;
	background-color: #FBFAF4;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	font-size: 0.9em;
}

textarea
{
	border: 1px solid #6D6054;
	background-color: #FBFAF4;
}

div#divmain > table
{
	width: 100%;
}


/****** User Switching ******/
.menuUserDisplay
{
	width: 100%;
}

.menuOrigUserHead
{
	font-weight: bold;
	font-size: 0.8em;
}

.menuOrigLine
{
	font-size: 0.8em;
}

.menuActiveCustHead
{
	font-weight: bold;
	font-size: 0.8em;
}

.menuActiveLine
{
	font-size: 0.8em;
}

.menuActiveLink
{
	text-decoration: underline;
	font-size: 0.8em;
}

/****** Layout Containers ******/
.divAlign
{
	margin: auto;
	min-width: 780px;
	width: 780px;
}

.siteTable
{
	width: 800px;
}

.layoutHeader
{
	vertical-align: middle;
	width: 100%;
}

.layoutMenu 
{
	vertical-align: top;
	width: 155px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 8px;
	background-color: #ffffff;
}

.layoutContent 
{
	vertical-align: top;
	text-align: left;
	padding: 5px;
	width: 100%;
	background-color: #ffffff;
	clear: both;
}

.mainPageContent
{
	text-align: center;
	width: 100%;
}

.layoutFooter 
{
	text-align: left;
}

/****** Spacers & Containers ******/
.fdm4button
{
	width: 110px;
	height: 20px;
	background: url(/live/images/buttonBackgroundWhite.jpg) no-repeat center;
	text-align: center;
	vertical-align: middle;
	margin: 1px;
	display: block;
	cursor: pointer;
/*	border: 1px solid #6D6054;
	background-color: #FBFAF4;
	padding: 4px;
	margin: 1px;
	min-width: 5.75em;
	white-space: nowrap;
	font-size: 0.85em;
	font-weight: bold;
	color: #6D6054;*/
}

.fdm4ButtonComplete
{
	width: 110px;
	height: 20px;
	background: url(/live/images/buttonBackgroundWhite.jpg);
	text-align: center;
	vertical-align: middle;
	margin: 1px;
	display: block;
	cursor: pointer;
}

.goButton
{
	width: 50px;
	height: 20px;
	background: url(/live/images/buttonBackgroundWhiteSmall.jpg);
	text-align: center;
	vertical-align: middle;
	margin: 1px;
	display: block;
	cursor: pointer;
}

.fdm4Button a
{
	font-weight: bold;
	font-size: 0.75em;
	line-height: 20px;
	display: block;
	width: 100%;
}

.fdm4ButtonComplete a
{
	font-weight: bold;
	font-size: 0.75em;
	line-height: 20px;
	display: block;
	width: 100%;
}

.goButton a
{
	font-weight: bold;
	font-size: 0.75em;
	line-height: 20px;
	display: block;
	width: 100%;
}

.fdm4Button a:hover
{
	text-decoration: none;
}

.fdm4ButtonComplete a:hover
{
	text-decoration: none;
}

.cobButton
{
	width: 110px;
	height: 20px;
	background: url(/live/images/buttonBackgroundWhite.jpg);
	text-align: center;
	vertical-align: middle;
	margin: 1px;
	display: block;
	cursor: pointer;
}

.cobButton a
{
	font-weight: bold;
	font-size: 0.75em;
	line-height: 20px;
	display: block;
	width: 100%;
}

.cobButton a:hover
{
	text-decoration: none;
}

.checkoutcrumb
{
	font-size: 0.75em;
	font-style: italic;
}

.checkoutcrumbvisited
{
	font-size: 0.75em;
	font-weight: bold;
	text-decoration: underline;
}

.carthead
{
	font-size: 0.9em;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	padding: 3px;
}

.cartline 
{
	background-color: #FBFAF4;
}

a.descOpt
{
	font-size: 0.85em;
}

td.arial8black
{
	font-size: 0.75em;
	font-family: arial;
}

td.backstd
{
	font-size: 0.9em;
	padding-right: 5px;
	padding-bottom: 3px;
}

.backstd { }

.stdtext 
{
	padding: 0px;
}

input.stdtext 
{
	padding: 0px;
	background-color: #FBFAF4;
}

.greybackstd
{
	font-size: 0.8em;
	padding-right: 5px;
	padding-bottom: 3px;
}

.darkback { }

td.cell
{
	padding: 5px;
	font-size: 0.8em;
	color: #9D958D;
	text-align: center;
}

.colorDesc
{
        font-size: 0.9em;
        font-weight: bold;
        height: 2.5em;
}

/****** Form Input Classes ******/
.txtField
{
}


/****** General Containers ******/
.catSpacer2 { width: 2px; padding: 0px; }
.subCatSpacer2 { width: 2px; padding: 0px; }
.catSpacer1 { width: 2px; padding: 0px; }
.SubCatSpacer1 { width: 2px; padding: 0px; }

.olcHeader 
{
	padding: 10px;
	white-space: nowrap;
	font-weight: bold;
	text-align: right;
}

td.catHead,
td.catHeadSelected
{
	text-align: right;
	vertical-align: middle;
	margin: 1px;
	padding: 1px;
	display: block;
	cursor: pointer;
	width: 130px;
	height: 20px;
	background: url(/live/images/catButtonBackgroundWhite.jpg);
	background-repeat: no-repeat;
	padding-right: 2px;
}

td.catHead a,
td.catHeadSelected a
{
	display: block;
/*	background: url(/live/images/catButtonBackgroundWhite.jpg); */
	font-weight: bold;
	font-size: 8.5pt;
	line-height: 20px;
	display: block;
	margin-right: 5px;
}

a.catHead:hover,
a.catHeadSelected:hover
{
	text-decoration: none;
}

/* Commenting this out to live button look 
.catHead,
.catHeadSelected 
{
	text-align: right;
	padding-top: 0.35em;
	padding-bottom: 1px;
	padding-right: 5px;
	width: 100%;
}

.catTableDiv
{
	display: inline;
}

.catTable
{
	display: block;
	width: 175px;
}

a.catHead
{
	font-size: 0.9em;
}

a.catHeadSelected
{
	font-size: 0.9em;
}
------ */
.subCatHead
{
	text-align: right;
	padding-right: 10px;
	width: 100%;
	white-space: normal;
}

.subCatHeadSelected
{
	font-weight: bold;
	text-align: right;
	width: 100%;
	white-space: normal;
}

a.subCatHead
{
	padding-right: 0px;
}

.subCatTable
{
	display: block;
	width: 100%;
}

a.subCatHead
{
	font-size: 0.75em;
}

a.subCatHeadSelected
{
	font-size: 0.75em;
}

.cobtop
{
	padding: 5px;
}

.hexDefaultColor
{
	border: 2px solid #FFFFFF;
}

.hexColorSelect
{
	border: 2px solid #D06D0B;
}

.hexColorUnselect {}

div.loginPopup
{
	width:  300px;
	height: 200px; 
	position: absolute;
	z-index:15;
}

.popupHeader
{
	background-color: #6D6054;
	border: 1px solid black;
	color: #FBFAF4;
}

.popupClose
{
	border: 1px solid #FBFAF4; 
	color: #FBFAF4; 
	text-align: center; 
	vertical-align: middle;
	margin: 2px 2px 2px 2px; 
	padding:0px 0px 0px 0px;
	font-weight: bold; 
	font-size: 10px;
	width:13px;
	height:13px;
	cursor: pointer;
}

td.loginPopup
{
	background-color: #FBFAF4;
	color: #6D6054;
	border: 1px solid black;
	border-top: 0px none black;
	padding: 5px;
}

td.loginPopupMsg
{
	background-color: #FBFAF4;
	color: #6D6054;
	border: 1px solid black;
	border-top: 0px none black;
	padding: 5px;
}

.shadow
{
	margin:0;
	opacity: .5;
	filter:alpha(opacity=50); 
}



.imageBorder 
{
	border: 1px solid #000000;
}

.hexDisplay { text-decoration:none; }

A.hexDisplay:link { text-decoration:none; }

A.hexDisplay:visited { text-decoration:none; }

A.hexDisplay:hover { text-decoration:none;}

A.hexDisplay:active { text-decoration:none; }

/* Processing message */

.siteProcessNone
{
 display : none;
}

.siteProcessDiv 
{
	position: absolute;
	text-align: center;
	vertical-align: middle;
	z-index: 2;
	margin: auto;
	font-size: 1.2em;
        font-weight : bold;
        color : #694F29;
        padding : 4px;
	background-color:	#E7E2B8;
	border-top   : 2px solid #CECECE;
	border-bottom: 4px solid #4A4A4A;
	border-left  : 2px solid #CECECE;
	border-right : 4px solid #4A4A4A;
}


/* catalog lines mode */
.prodinfo
{
	height: 60px;
	background-color: #E6E6E6; /* Light-ish background */
}

.specialinfo
{
	height: 50px;
	background-color: #E6E6E6;
	text-align: center;
}

.styledesc
{
	font-size: 1.0em;
	text-align: center;
}

.linewidthbreak { width: 5px; }
.lineheightbreak { height: 5px; }

/* Site specific containers */
div.specials
{
	background-color: #F2EFE3;
	border:2px solid #6D6054;
	margin:auto;
	margin-top: 1em;
	padding:1em;
	font-size: 0.8em;
	width: 42em;
}

img.contentImage
{
	margin: auto;
	display: block;
}

.stdtext
{
	font-size: 0.9em;
	margin: 2px;
}

.subText
{
	font-size: 0.8em;
}

div.BackToTop
{
	font-size: 0.8em;
}

.pageNum
{
	font-size: 0.9em;
}

/* Catalog Classes */
.pageAll
{
	padding: 3px;
}
.lineheightBreak select
{
	margin: 3px;
}
.header
{
	font-weight: bold;
	border-bottom: 1px solid #E1DEDB;
	padding-top: 10px;
}
.displayProduct
{
	padding: 5px;
}
.priceStyleCode
{
	font-size: 0.85em;
}

/* Rounded edge divs */

/* Rounding div classes */
table.rounded 
{
	width: 100%;
}

td.roundedTopLeft
{
	width: 20px;
	height: 20px;
}

td.roundedTop
{
	background-color: #ffffff;
	width: 100%;
}

td.roundedTopRight
{
	width: 20px;
	height: 20px;
}

td.roundedContent
{
	background-color: #ffffff;
}


td.roundedBottomLeft
{
	width: 20px;
	height: 20px;
}

td.roundedBottom
{
	background-color: #ffffff;
	width: 100%;
}

td.roundedBottomRight
{
	width: 20px;
	height: 20px;
}

/* Dark Rounded Divs */
table.roundedDark 
{
	background-color: #800000;
	width: 100%;
	empty-cells: show;
}

td.roundedDarkTopLeft
{
	text-align: left;
	vertical-align: top;
	width: 10px;
	height: 10px;
}


td.roundedDarkTopRight
{
	text-align: right;
	vertical-align: top;
	width: 10px;
	height: 10px;
}

td.roundedDarkBottomLeft
{
	text-align: left;
	vertical-align: bottom;
	width: 10px;
	height: 10px;
}

td.roundedDarkBottomRight
{
	text-align: right;
	vertical-align: bottom;
	width: 10px;
	height: 10px;
}

td.roundedDarkTop
{
	width: 100%;
}

td.roundedDarkRight
{
	font-size: 2pt;
	height: 28px;
}

td.roundedDarkLeft
{
	font-size: 2pt;
	height: 28px;
}

td.roundedDarkBottom
{
	width: 100%;
}

td.roundedDarkContent
{
	width: 100%;
}

/* Image library styling */
.imgLibDiv
{
	background-color: #F2F0E3;
	border: 1px solid #6D6054;
}

.imgLibTable
{
	font-size: 0.9em;
}

.imgLibHdr
{
	font-weight: bold;
	border-bottom: 1px solid #6D6054;
}

div.closeButton
{
	cursor: pointer;
}

/* Catalog Paging/Navigation styling */
td.pageNavRight
{
	text-align: right;
	font-size: 0.9em;
}

td.pageNavLeft
{
	text-align: left;
	font-size: 0.9em;
}

td.pageNavLeft a
{
	text-decoration: underline;
}

a.pageNavLink
{

	text-decoration: underline;
}

table.pageNav
{
	border-top: 1px solid #E1DEDB;
	border-bottom: 1px solid #E1DEDB;
	width: 100%;
	padding: 3px;
}

span.pageNavNoLink
{
	font-weight: bold;
}


.headerSearchForm2{ display:none; }
