/* This is the main CSS design page for eprevue4					*/
		/* Information about css options can be found in the comments		*/
		/* Numbers contained in comments at the beginning of a class or id 	*/
		/* is used for basic css editing using our css editing page  and need 	*/
		/* to be left in your css page.								   	*/
/*20*/.browserCellTable:hover, .compareimageanchor:hover, .otherphotoimagesanchor:hover {
	color: #B0A78E;
	text-decoration: underline;
	/*border: 1px solid #336;*/		/*used to change the border elements of Item boxes on :hover */ 
} 		/* This :hover class goes here for speed purposes */
		/* on IE browsers */
/* All classes - used for Fonts and Text attributes */
body		{		/* settings for main body background color */
	background: white url(./m_background4.jpg) repeat-x;
}
/*1*/* {		/* *=default - used to define the default for all areas	*/
	font-family: sans, arial, helvetica, sans-serif; 		/* default font families */
	color:#4C4034;	
	font-size: 100%;		/* default font site for all text */
}
/*3*/.areaheader {		/* used for larger headers of area text such as SKUs, area names, etc... */
	font-size: .75em; 		/* sets font size for areaheader */
	font-weight: 700;		/* sets font weight for areaheader */
	/*background:#dacbb8;*/				/*previous color #dacbb8;*/	
}
/*3*/.areaheader2 {		/* a slightly smaller text for area subheaders */
	font-size: .7em;
	font-weight: 600;
}
dt.areaheader {		/* an areaheader class for a definition term */
	padding-right: 10px;		/* sets padding-right of the dt.areaheader*/
	padding-left: 2px; 		/* sets padding-left of the dt.areaheader*/
	width: 150px;		/* sets the width of the dt.areaheader*/
}
/*4*/.areachoice {		/* used for "dynamic" information next to headers */
	font-size: .8em;	
}
/*4*/.areachoice2 {		/* a smaller version of .areachoice */
	font-size: .75em;
	color: #636161;	
}
.areachoice3 {		/* an even smaller version of .areachoice */
	font-size: .7em;
	color: #636161;
}
/*2*/#mastermenu {		/* menu containing Home, Favorites, Login, Help & Search */
	/*font-weight: 800; 	
	font-size: .8em;
	text-align: right; 		
	font-variant: small-caps;*/
}
/*4*/.dynamicdata {		/* information displayed dymically (usually in information tables or dropdown menus) */
	font-size: .75em; 
	line-height: 1em;		/*set the height of the txt area to be 1 (useful for dropdown menus to make them a little larger than the data inside) */
	color:#483723;
}
/*3*/.dynamicheader {		/* the header used to display the dynamic data (similar to areaheader and used for information pages) */
	font-weight: 700;
	
}
.fixlineheight {		/* use to alter the line height of the item/cover SKU names */
	line-height: 1em;		/* sets the height of the text line */
}
div span.areaheader, span.areaheader2, th.areaheader {		/* modifies the look of the areaheaders for "Other Photos", "Correlates", "Compare", browsermenu, etc */
	background-color:#ad9677 ;
	border: 1px solid #7c674c; 
	color: white; 
	font-weight: normal;
	font-size: 14px;
	padding: 2px 40px;
	width: 200px;
	font-family: Arial;
	text-align: center;
}

div.areaheader {
	padding: 2px 0px 2px 0px; 
	background: white repeat-x; 
	border: 1px solid #336; 
	color: #616261;
}
div.searchtext {
	/*border-bottom: 1px solid #EEEFDD;
	padding-bottom: 2px;*/
}
div.searchtext2 {
	/*border-bottom: 1px solid #F2F3E5; */
	padding-bottom: 2px;
}
/* Div classes - used to define item in or related to division elements */
.headertopblack /*top black stripe at top of header*/
{
	position:absolute; 
	width: 1005px;
	height:10px; 
	left:0px; 
	top:0px; 
	background-color:Black;
}

div.search {		/* settings for the SKU search box */	
	top: 27px;	
	position:absolute;
	right: 430px;
	/*border-right: #881709 2px solid;*/
	height: 30px;
}

#goimagebutton
{
	position:relative;
	top: 3px;	
}

#search
{
	position:relative;
	top: 4px;
	font-size:0.9em;
	letter-spacing: 1px;
	font-weight:bolder;
	font-family: Times New Roman, sans, arial, helvetica, sans-serif;	
	color:#881709;
	border-collapse:collapse;
	border: 1px solid #6E645A;	
}

.headerRightImagePosition /* right side room planner text position*/
{
	position:absolute; 
	top:26px; 
	left:73%; 
	width:120px; 
	text-align:center;
}
.headerDealerImagePosition /* center dealer login text position*/
{
	/*position:absolute; 
	top:27px; 
	left:57%; 
	width:150px; 
	text-align:center;
	border-right: #881709 2px solid;
	height: 30px;*/
	
	/* Hide Dealer login for now */
	display: none;
	visibility: hidden;
}
.headerRightImageText /* right side room planner text*/
{
	text-align:center; 	
	font-size:.75em;	
	font-weight:bolder;
	font-family: Times New Roman, sans, arial, helvetica, sans-serif;	
	color:#881709; 	
	letter-spacing: 3px;
	width: 150px;
	display:block;
}
.roomPlannerImgPosition /* room planner image position */
{
	position:absolute; 
	top:15px; 
	left:88%;	
}
.horizontalstripe /* black horizontal stripe between header and browswe area*/
{
	position:absolute; 
	width:1005px; 
	height:13px; 
	left:0px; 
	top:126px; 
	background-color:Black;
	z-index:4;
}
.verticalline
{
 	position:relative; 
 	width:1px; 
 	height:94%;
 	top:35px; 
 	left:405px;
 	border-right: 1px dotted #ABA79E; 	 	
 	z-index:1005;
}
.verticalstripe
{
	position:absolute; 
	width:11.5px; 
	height:95.3%; 
	left:153px; 
	top:0px; 
	background-color:#891709;
	z-index:4;
}

.headingstripe
{
	position:relative; 
	border: 1px solid #7C674C; 
	padding-top:2px; 
	top:25px; 
	left:25px; 	
	height:18px; 
	background-color:#AD9677; 
	color:White; 
	text-align:center; 
	font-size:14px; 
	font-family:Arial; 
	z-index:100;	
	width: 95%;
}

/* footer seetings */
.footerline /* gray thin line on the top of footer */
{
	position:relative; 
	height:1px;
	width:100%; 
	top:0px;
	background-color:#DAD7CF;
}
.footertext /* footer content positioning and text */
{
	font-family:sans, arial, helvetica, sans-serif;
	text-align:center; 
	position:relative; 
	top:0px;	
}
.SearchPageForm .searchpageimg
{	
	top: 128px;
	left: 0px; 
	width: 100%; 
	min-width: 720px; 
	height: 80%;
	position: absolute;
	z-index: 2;	
	background: none;
}

/*6*/div.header {		/* top area of all pages containing mastermenu, logo and search elements */		
	height: 120px; 		/* sets the hieght of the div.header, must change "top=xxx" of div.workspace + and border when modifying this element */
	width: 1005px; 		/* sets the width to always be 100% of the area of the browser */	
	top:10px; 		/* sets the top positioning where the top of the table will begin 0=top of browser area */
	left: 0px; 		/* sets the left positioning where this area starts from the left */
	position: absolute; 		/* tells the browser to make this position absolute not relational, i.e. exactly "here" without regard for it's parent elements */
	z-index: 1000;		/* tells the browser to make this element 0 on the -10 to +10 scale of layering, anything set < this is below it on the z axis, anything > is above it on the z axis */
}

/*8*/div.workspacearea { /* middle area were all menus, browser, options, information and photos are displayed */	
	background-color: white;
	background-attachment: scroll;
	top: 0px; 
	left: 155px;
	width: 84.5%;
	min-width:720px; 
	height:95%;		/* tells the browser to set the height of this are to 100% starting from the top=XXX number and working down */
	position: absolute;
	z-index: 2;	
}
div.workspaceareawhite { 		
	background-attachment: scroll;	
	top: 130px; 
	left: 0px; 
	width: 1005px; 	
	min-width: 975px;
	max-height: 1200px;
	position: absolute;
	z-index: 0;		/* old value used during testing maybe depricated now */	 
}

.footerarea
{	
	width:98%;
	text-align:center;
	position:absolute;	
	top:100%;
	z-index: 3;
	border-top: solid 1px #DAD7CF;	
	padding-top:10px;
}

div#footer {		/* bottom area where a footer may go should you choose to include one */
	z-index: 4; 
	/*display: none;*/		/* tells the browser to hide the element - this completely removes the element from the layout, use "visibility: none" to have it's area reserved but just hidden from view */
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DAD7CF;
	font-size: 8px;
	line-height: normal;
	text-decoration: none;
	color:#891709;
}

div.spacer {		/* this is used only to keep IE from smashing the pages to below a 720px width - NOTE: maybe depricated in new design */
	width: 720px;
	position:absolute;
	bottom: 0px;	
}
div.spacernew {		/* this is used only to keep IE from smashing the pages to below a 720px width - NOTE: maybe depricated in new design */
	width: 980px;
	position:absolute;
	margin-left: 2%;
	margin-right: 2%;
	top: 420px;	
}
div.workspace {		/*sets the begining of data inside the workspace area - used to keep a small left and right margin on the pages */
	margin-left: 20px; 
	margin-right: 15px;
}
div.ItemTypeList {		/*sets the begining of data inside the workspace area - used to keep a small left and right margin on the pages */
		/* starts the div on the right */		
	top:139px;     /* previous value 139px */	
	position:absolute; 
	width:150px;
	height:95.3%;
	z-index: 20;
	left:0px;
}
div.leftarea{		/*sets the begining of data inside the workspace area - used to keep a small left and right margin on the pages */	
	left:0px;		
	top:0px;     /* previous value 139px */	
	position:absolute; 
	width:150px;
	height:95.3%;	
	z-index: 20;
}
.ItemTypeListText
{
	font-family:Arial; 
	font-size:12px; 
	color:#891709;	
}
.ItemText
{	
	font-family:Arial; 
	font-size:14px;
	color:#563F27;  
}

.comboBoxItem
{
	font-family: Arial;
	font-size: 14px; 
	color: #4C4034;	
	padding: 3px;
	text-decoration: none;
	text-align: left;
	_height:1%;
	border-bottom: 1px dotted #99928A;
	width: 100%;
	display:list-item;
}
.comboBoxItem:hover
{
	background-color: #E2D9C8;
}

#welcomemsg {		/* settings for the little "welcome: you are logged in as ..." message */
	left:78%;
	top:110%;
	/*left: 40%; 
	bottom: 2px; */
	position: absolute; 
	font-size: .7em; 
	color: #891709;
	z-index:100;
}
/* #welcomemsgerr, #loginerranchor {		/* settings for the (not you? clcick here) message uncomment to set color other than default color
	color: #efebe8;
}*/
.powered_by {		/* settings for MicroD, Inc's "poweredby" logo - cannot be removed or hidden - but can be place anywhere you want limited to the "workspace" division only */
	right: 1px; 
	top: 1px; 
	position: absolute;
	display:none;
}
#poweredbygrey {		/* hides the "grey" poweredby icon showing the "gold" one */
	display: none;
}
span.prevnext {	/* settings for the "Prev" and "Next" text in the header of the browser table */
	font-size: .9em;
	/*font-variant: small-caps; */
	color: #336;
}
input#search, input#coversearch {
	background-color: white;
	padding-left: 2px;
}
.loginname {		/* sets the color for the "welcomemsg" area for the login name */
	color: #336;
}
/* Paragraph - used to define elements pertaining to paragraphs */
.address {		/* settings for MicroD's address area our HOME page */
	font-style: italic; 
	font-size: .8em; 
	padding-left: 15px;
}
/*2*/.definitions {		/* settings for the class=definitions, only found in the "addto" popup for moving favorites to specific folders */
	color: #fff; 
	font-size: .8em; 
	position: absolute; 
	top: 7px; 
	left: 15px; 
	font-weight: 700; 
	letter-spacing: 0px;
}
#definitions {		/* settings for the id=definitions, only found on the "definitions" popup page */
	margin-left: 15px;
}
/* Anchor classes - used to define anchors or elements in anchors */
/*13*/a:link, a:visited {		/* settings for all achors that are linked or already visited */
	text-decoration: none;		/* sets the text decoration of the link and visited achors */
}
a.cookieText
{
	color: #891709;
}
/*14*/a:hover, a.cookieText:hover {		/* settings for all anchors while they are being hovered */
	color: #483723; 
	text-decoration: underline; 	
}
/*16*/a.mastermenu:hover {		/* settings for hovering of mastermenu class anchors */
	text-decoration: underline;
}
a.itemimagesanchor, .compareimageanchor {		/* settings for images anchors */
	display: block;			/* used to make sure images get rendered correctly inside tables */
	border: 1px solid #fff;
}
img#itemimagelarge	{		/* settings for the border surrounding the image on the large view page */
	border-style: none;
}
/* Table Classes - defines elements used in tables or tables themselves */
.correlateimg, .itemimg {		/* settings for all borders of item images and correlage images */ 
	border: 1px solid #FFF;
}
table div select {		/* settings for dropdown menus in email, account info, etc.. */
	font-size: 1em; 
	line-height: 80%; 
	letter-spacing: 0px;
}
table.compare {		/* settings for the borders on the compare table */
	border-color: #c6ab8c;
}
.dynamicdatabtn 
{		/* settings for the buttons used at the bottom of forms and the bottom of all the images used for navigation */
	font-size: 14px; 
	border: 1px solid #B2A592; 	
	background:#E2D9C8;		/* set the background color for the buttons */
	padding: 1px 5px 1px 5px; 		/* apllies padding around the buttons */ 
	color: #483723;	
	font-family:sans, arial, helvetica, sans-serif;	
}
.selectbutton	{		/* used to make the "button" elements and the "a pseudobuttons" elements to look the same */
	padding: 3px 11px 3px 11px;
}
td.dynamicdatabtn:hover, .dynamicdatabtn:hover, a.dynamicdatabtn:hover {
    font-size: 14px;
    border: 1px solid #7c674c;
    background-color: #ad9677;
    color: white;
    text-decoration: none;
    cursor:pointer;
}
td.dynamicdatabtn:hover .dynamicinfo, td.dynamicdatabtn a.dynamicinfo:hover {      
       color: white;
       border: none;
       text-decoration: none;
}
.tdbtn {		/* settings for the td of the buttons - used to keep the button from getting truncated on top and bottom, do to td height */
	font-size: 1.2em; 
	padding-top: 4px; 
	padding-bottom: 4px; 
}
.tdbtn2 {		/* settings for the td of the buttons for elements with larger parent fonts  - compare page is an example */
	padding-top: 4px; 
	padding-bottom: 4px; 
}
.nobtn	{		/* hiddes the "button" elements (background, borders and padding) of a button */
	border: none;
	background: none;
	padding: 0;
	margin: 0;
}
.browserSkuTdHeight {		/* settings for the height of the box containing the SKU number, checkbox and icons */
	height: 39px;
}
.browserSkuTdTop	{		/* settings for the top of the browser sku area */
	background-color: white;
	/*border: 1px solid #E4E5C6;*/
}
.browserSkuTdBottom		{		/* settings for the bottome of the browser sku area */
	font-family:Sans-Serif;
	font-size:12px;
	padding: 2px;
	line-height: .8em;
	background-color: transparent;
}
div#browserarea div.areachoice, div#browserarea2 div.areachoice {		/* settings for browser area division used mostly on login/account/email pages, browser and error pages */
	margin-left: 0px; 
	margin-top: 8px;
	
}
form.nomargin {		/* settings for the margin class of all forms */
	margin: 0px;		/* setting it to 0 keeps IE from adding a top 4px margin to all forms */
}
/* contrastTable */
/*table#contrastTable td {		/* settings for the child td of a parend contrastTable ID, used only on the fabricselector page 
	width: 125px;		/* sets the width of the contrast menu table for each td 
}*/
table#contrastTable, table#roomtypeTable {	/* see settings above, also roomtypeTable is located in the favorites page */ 
/*	border: 1px solid #336; 
	padding: 0px 3px 0px 3px;
	background-color: #F2F3E5;*/
}
div#contrastTable2 {
	padding-left: 10px;
}
div#contrastTable2 table#contrastTable table{
	margin: 0px;
	padding: 0px;
}
	
/*div#contrastTable2 table#contrastTable td.	coverImage {
	width: 40px;
}
	
div#contrastTable2 table#contrastTable td.coverInfo table {
	width: 150px;
}*/
/*div#contrastTable2 table#contrastTable {
	text-align: left;
}*/
	
div#contrastTable2 table#contrastTable td.availableAreas {
	border-top: 1px dashed #E4E5C6;
	padding-top: 4px;
}
	
div#contrastTable2 table#contrastTable td.availableAreasTd {
	padding-left: 5px;
}
	
div#contrastTable2 table#contrastTable td.selectArea {
	padding: 4px 0px;
}
.topmatrix {		/* settings for the search table used on the search.html page */
	margin-top: 10px;
}
#moreOptions td {		/* settings for "more" item in the search page under "covers" */
	padding-top: 10px;
	padding-bottom: 5px;
}
.underline {		/* used to set an underlining for items in search and fabricselector pages */
	border-bottom: 1px solid #E4E5C6;
	font-size: 120%;
}
.underline2 {
	border-bottom: 1px solid #E4E5C6;
}
.boxed {		/* used for the area displaying the sku in the "contrast areas" tables in both fabricselector and coverinformation pages */
	border: 1px solid #FFF; 
	background: #FFF; 
	padding: 1px 0px 1px 2px;
}
.contrastAreaTable {		/* used to set the width of the table that displays sku,type and color in contrast area */
	width: 90px;
}
.browserCellInfo {		/* used to define the area below the images in the browser that contain the magnifying glass, add to favorites, and check box buttons */
	/* border-top: 1px solid #E4E5C6; */
	background: #FFF;
}
.browserCellTable {		/* used to define the area that contains the images in the browser */
	/*border: 1px solid #E4E5C6;*/
	border: 1px solid #FFF;
}
.prevcell {		/* used to define the area that contains the previously selected covers in the browser */
	padding: 2px 0px 2px 0px;
	/*border: 1px solid #336;*/
	background-color: white;
	width: 92px;
}
.prevcell table {
	margin-top: 10px;
	}
#prevCellTitle {		/* used to define the table tr that contains the <uparrow> previous selections, current selection: xxx <down arrow> title */
	background-color: white; 
	height: 16px;
}
#prevAndCurrTitle {		/* used to define the span that contains the the <uparrow> previous selections, current selection: xxx <down arrow> title */
	background-color: white; 
	padding: 0px 4px 2px 0px; 
}
.pad {		/* adds padding to the previously selected covers tr elements */
	padding: 0px 3px 0px 2px;
}
/*#prevCellInfo {		/* settings for the entire previously selected cover area
	border: 1px solid #E4E5C6; 
	background: #F2F3E5;
}*/
#prevTD {		/* the td ID for the above mentioned tr */
	padding-top: 2px;
}
.navy {		/* sets the color listed below to a certain text element, for example in the prevCellInfo area for the area name and sku listing, overrides parent color settings */
	color: #336;
}
.block {		/* sets images in the prevCellInfo area to be blocks in an inline table element, helps keep the following text to flow and the outlining to work */
	display: block;
}
.bold {		/* sets a classed element to be bold, for example the "change" button and the current area "name" in the browser page */
	font-weight: bold;
}
.clickme {		/* settings for the "click to change" area in the fabricselector page */
	background: #FFF; 
	border-bottom: 1px solid #FFF; 
	border-left: 1px solid #FFF; 
	border-right: 1px solid #FFF; 
	color: #336; 
	text-align: center; 
	font-size: .6em;
}
.widetd {		/* settings to make certain td's extra wide */
	width: 150px;
}
.gobutton {		/* the go button used at the top of the SKU search area */
	color: #336;
	font-size: 1em;
}
.search .gobutton {		/* the go button used at the top of the SKU search area */
	background-color:transparent;
	background-image:url(go.png);
	background-repeat:no-repeat;
	border:medium none;
	height:19px;
	width:20px;
	padding: 0px;
}
.jump {		/* used to for the "jump to" area */
	margin-left: 2%;
}
.sortarea {		/* used for the "sort" drop-down menu */
	margin-left: 5px;
}
#sortArea {
	margin-left: 25px;
	padding-left: 10px;
	border-left: 1px solid #336;
	line-height: 1.3em;
	}
.largeImagesBtn {		/* used for the photo buttons for large and small stamps */
	margin-left: 6px;
}
/* Miscellaneous */
img {		/* sets borders on all images */
	border: 0px solid #636161; 
	padding: 0px; 
	margin: 0px;
}
img.clientlogo {		/* positional settings for the xclient logo at the top of the page */
	position: absolute; 
	top: 15px;
	left: 40px; 	
	height: 65px;
	width: 159px;
	margin: 0px;
	padding: 0px;
}

#required {		/* positional settings for the "required" text used in forms such as login, email, account, etc */
	top: 475px; 
	left: 18px; 
	position: absolute;
}
.disclaimer1 {		/* disclaimer for the fabric selector page - is relocated on print.css page */
	/*top: 205px;
	left: 12px;
	position: absolute;*/
	width: 156px;
	margin-top: 15px;
	border: 1px solid #336;
	background: white;
	padding: 2px;	
}
#infoPrintDisclaimer {
	display: none;
}
#entryinfo {		/* settings for the area that defines all fill in forms such as login, email, account, etc */
	top: 55px; 
	left: 190px; 
	position: absolute; 
	padding: 10px 1px 0px 11px; 
	margin-top: -6px;
}
#vendorname {		/* classed used for displaying/hidding vendor name in the html, so that a print.css page can view the vendor name but hidden on an html page */
	display: none;
}
#vendorwebsite {		/* see #vendorname */
	display: none;
}
/*li img, .unselected {		/* used to set the background color of images inside a LI or images with a class of .unselected, example the mfgs correlage checkbox or the > arros in the options menu
	background-color: #FFAA55;
}*/
td span img.selected {		/* the oposite of the .unselected class */
	display: none;
}
/* Options Area */
#optionsarea {		/* sets the list style for the li elements in the options area */
	list-style-type: none;
}
.optionsdiv {		/* positioning used for the options list division */
	height: 15em; 
	margin-left: 0px; 
	margin-top: 10px;
	display:none;	
}
/* Info Area */
.infodiv {		/* postioning used for the infodiv class used for information area below the options menu */
	margin-left: 1%;
}
.infodiv2 {		/* positioning of information on fabricselector page and item information page */
	left: 450px; /* previous value : 595px */
	top: 70px; 
	position: absolute;		
	width: 350px;	
}
.infodiv2alt {		/* positioning of information on alternative fabricselector page, left to Cover Selections by default */
	left: 12px; 
	top: 345px; 
	position: absolute;
	width: 156px;
}
.infodiv3 {		/* positioning of information on the largeview page */
	left: 795px; 
	top: 35px; 
	position: absolute;
	width: 200px;
}
.infodiv4 {		/* positioning of information used on the email, account, pages */
	left: 430px; 
	width: 250px; 
	top: 15px; 
	position: relative;
}
.infodiv5 {		/* positioning of information used on the customize css page */
	left: 450px; 
	width: 250px; 
	top: 15px; 
	position: absolute;
}
#infoareafull li {		/* settings for the infoareafull for iteminformation and fabricselector pages */
	list-style-type: none; 
	padding: 0px 15px 2px 15px; 
	margin: 0px;
}
.infodiv2 ul, .infodiv3 ul {		/* settings for the UL elements of infodiv2 and infodiv3 */
	margin-top: 0px;
}
.infodiv4 p {		/* settings for the paragraph children of the infodiv4 areas */
	padding: 3px 5px 3px 5px;
}
.shortinfo {		/* settings for the text found in the contrast area and contrast selections tables, such as color, sku, grade, etc */
	padding: 3px 0px 3px 4px;
	font-size: .9em;
}
#infoareafull {		/* width settings for the infoareafull class */
	width: 95%;
	font-size: 0.8em;	
}
.nobullet {		/* a class created to hide list style type for li items not already stripped away */
	list-style-type: none; 
	margin: 0px; 
	padding-left: 0px;
}
ul.ulcontrast {		/* used in the fabricselector page */
	margin: 0px; 
	padding: 4px 5px 4px 10px;
}
/*.ulcontrast li a span {
	text-transform: lowercase;
}*/
/* Rendered Item - used to define elements surrounding a rendered image */
#selecteditem {		/* positioning of the selected item image on the fabricselector page */
	left: 25.5%; 
	top: 35px; 
	position: absolute;
}
.selecteditemimage {	/* same as above but linked directly to the img element */
	left: 190px; 
	top: 50px; 
	border: none; 
	position: absolute; 
	text-align: center;
}
/* Item Image - define elements relating to the item images */
.itemimage {		/* settings for item image - used in item information and fabricselector pages */
	left: 30px; /* previous value :190px*/
	top: 100px; 
	position: absolute; 
	text-align: center;
}
.backoninfo
{
	position: absolute; 
	top: -30px;
}
.itemimageCoverBrowser {
	text-align: center;
	margin-right: 10px;
	margin-left: 10px;
	width: 285px;
	}
.itemimage2 {		/* settings for item image2 - used in sectional and assembly pages */
	left: 250px; 
	top: 15px; 
	position: absolute; 
	text-align: center;
}
.itemimagelarge {		/* settings for image in largeview page */
	left: 15px; 
	top: 10px; 
	position: absolute; 
	width: 768px; 
	text-align: center;
}
#itemimageinfo {		/* settings for the sku information below the image */
	font-weight: bold; 
	font-size: .9em;
	line-height: 1.6em;
}
/* Other Photos & Correlates - defines elements that are in the correlates or other photos tables */
/*11*/.infocorrelates, .infootherphotos {		/* settings for the areas that containg correlages and other photos in inteminformation, coverinformation and fabricselector pages */
	margin-left: 10px; 
	top: 0px; 
	position: relative;
}
.infootherphotos
{
	display: none;
	visibility: hidden;
}
.infocorrelatesInBrowser
{
	border: solid 2px #891709; 
	margin-top: 5px; 
	width: 380px; 
	background-color: White;	
	position: relative;
}
.infocorrelatesInBrowser table
{
	margin-left:5px;
}

.coverselectionsalt {		/* settings for the Cover Selections on alternate fabricselector page, aligned with the itemimage by default */
	margin-left: 1%; 
	left: 190px; 
	top: 405px; 
	position: absolute;
}
.infootherphotos td {		/* settings for the other photo images on the iteminformation page */
	padding-right: 10px;
}
.infocorrelates td.selectedCoverCellTd, .coverselectionsalt td.selectedCoverCellTd	{		/* settings for the selected cover td on fabricselector page -- used to space the td elements out */
	padding-right: 10px;
}
table.correlates {		/* settings for the table that is inside the above mentioned areas in inteminformation, coverinformation and fabricselector pages */
	margin-top: 10px;
	margin-left: 0px;
}
/* Browser Images - defines elements that are in the main browser table */
/*10*/.itemimagesarea {		/* settings for the itemimages area found in the browser page in the div that contains the browser header */
	padding-left: 0px; 
	margin-top: 0px; 
	padding-top: 0px;
}
#browserarea {		/* settings defining the area that starts the div that contains errors, email, browser and other divs that start in the "center" of the page */	
	position: absolute;
	top: 50px;
	left:0px;
}
#browserarea2 {
	left: 190px;
	top: 255px;
	position: absolute;
	}
/* Middle Area - defines elements in the middle area such as email, byo, errors, etc */
/*10*/.middlearea {		/* settings for items used for some elements in the middle of the page such as compare and confirmdelete */
	left: 30px; 
	top: 70px; 
	position: absolute;
}
/*10*/.middlemiddlearea {		/* settings for middle from top middle from side areas such as the assembly table on the assembly page */
	top: 205px; 
	width: 125%; 
	left: 190px;
	position: absolute;
}
#referenceimage {		/* settings for the reference images used in email and requestinfo pages */
	top: 100px; 
	left: 49%; 
	position: absolute;
}
/*10*/#errormessage {		/* settings used to position elements in the middle of the page such as confirmdelete, error and searchresults */
	margin-left: 6px; 
	margin-top: 8px;
	width: 100%;
}
#comparetable {		/* settings for the table in the compare page */
	margin-left: 0px; 
	margin-top: 8px;
}
#assemblytable {		/* settings for the table in the assembly page */
	margin-left: 6px; 
	margin-top: 8px;
}

/* style for Top menu containing About Us, Our Furniture etc. */
.topMenu
 {	
 	position:relative; 	 	
 	top: 90px;
 	font-size: .75em; 		
	font-weight: 700;			
}

.topMenu .rmRootGroup .rmItem
{
	letter-spacing: 3px;			
	border-right: #881709 2px solid;		
}

.topMenu .rmRootGroup .rmText
{	
	font-family: Times New Roman, sans, arial, helvetica, sans-serif;
	color:#881709;	
	text-transform:uppercase;
}

.topMenu .rmRootGroup .rmLink
{
	margin-left: 10px;
	margin-right: 15px;	
	padding: 0px;
}

.topMenu .rmRootGroup .rmLink .rmText
{
	padding: 0px;
}

.topMenu .rmRootGroup .expandableMenu
{
	background: url(arrow_down.png) right no-repeat;
	width:150px;
}

.topMenu .rmRootGroup .expandableMenu .rmText
{		
	margin-right: 15px;
}

.topMenu .rmRootGroup .rmFirst .expandableMenu
{
	text-align:right;
}

.topMenu .rmRootGroup .rmFirst .rmText
{
	float: none;
}

.topMenu .rmRootGroup .rmLast .expandableMenu
{
	width:130px;
}

.topMenu .rmGroup .normalGroup .rmText
{	
	color:White;
	font-family: sans, arial, helvetica, sans-serif;	
	font-weight:normal;
	font-size: 1.15em;
	padding-left: 4px;
	padding-right: 4px;
	text-transform:none;
}

.topMenu .rmGroup .DYOLinksAdjust .rmText
{
	color:White;
	font-family: sans, arial, helvetica, sans-serif;	
	font-weight:normal;	
	font-size: 0.9em;
	padding-left: 4px;
	padding-right: 4px;
	text-transform:none;
}

.topMenu .rmGroup .rmLink .rmText
{
	margin: 0px;
}

.topMenu .rmGroup .DYOLinksHeader
{
	margin-top: 15px;	
	white-space: normal;	
	text-align: center;		
}

.topMenu .rmGroup .DYOLinksHeader .rmText
{
	background-color:#E2D9C8;	
	color: #483B28;	
	font-size: 1em;					
}

.topMenu .rmGroup .rmItem
{	
	position:relative;	
	border:none;
	letter-spacing:normal;	
	background: #881709 none;	
	left:10px;
	width:150px;	
}

.topMenu .rmFirst .rmGroup .rmItem
{	
	position:relative;			
	width:150px;
	left: 15px;
}

.topMenu .rmLast .rmGroup .rmItem
{		
	width:130px;	
}

.topMenu .rmGroup .rmFirst .rmLink
{
	margin-top:4px;
}
.topMenu .rmGroup .rmLast .rmLink
{
	margin-bottom: 4px;
}

.topMenu .rmGroup .rmLink
{
	margin-left: 12px;		
	margin-right: 12px;		
	border-bottom:dotted White 1px;			
	background-image:none;			
}
.topMenu .rmGroup .rmLink:hover .rmText
{
	background-color:#E2D9C8;	
	color: #483B28;		
}
/* the menu showing Item type */
.typeListMenu .rmText
{
	font-size: 0.95em;
	font-family: sans, arial, helvetica, sans-serif;
	text-decoration: underline;
	color:#881709;
}

.typeListMenu .rmRootGroup .rmLink
{
	padding: 0px;
}

/* Ordered Lists and Unordered List - items such as options menu, information area and simple search menu */
/* Added 4-11-07 by MicroD - this replaced the .makemenu with a new simple search menu */
/* START RAD MENU */
.ep5menu /* this is the core menu where you set the width of the main menu as well as it's border colors */
{	
	z-index: 10000;
	background-color:Transparent;
}
.ep5menu .rmLink /* this is the listings inside the menu, the type like sofa/chair/ottoman, set the background colors, bottom-border, text color and decorations here */
{
	line-height: 22px;
	text-decoration: none;
}
.ep5menu .rmLink:hover, .ep5menu .rmFocused, .ep5menu .rmExpanded /* this is what happens when the user mouses/hovers over the .link listed above; .expanded tells it how to behave when then link is expanded. If you want it to behave the same as a link, leave it here, otherwise move the .expanded class call out to it's own */
{
	cursor: pointer;
	text-decoration: none;
}
.ep5menu .rmText /* this is the text inside the .ep5menu, i.e. the span that wraps around the .link text like chair/ottoman/sofa... */
{
	
}
.ep5menu .rmGroup /* this is the core menu sub-set, where you set the width of the main menu's sub-menu (subtypes) as well as it's border colors */
{
	
}
.ep5menu .rmGroup .rmLink /* this is the same as the above .link but contained within the submenu */
{
		
}
.ep5menu .rmGroup .rmLast .rmLink,
.ep5menu .rmRootGroup .rmLast
{
	border-bottom: 0px;
	border-right: 0px;
}
.ep5menu .rmGroup .rmLink:hover, .ep5menu .rmGroup .rmFocused, .ep5menu .rmGroup .rmExpanded /* this is the same as the .link:hover above, just for the submenu items */
{
	font-weight: normal;
	cursor: pointer;
	text-decoration: none;	
}

.ep5menu .rmVertical .rmSeparator .rmText /* this is used for vertical seperator text fields, we don't use this yet, you can simply set the background color to the same as your .group */
{

}
.ep5menu .rmVertical /* this is used to set the background of the veritical menu, we don't use this yet, you can simply set the background color to the same as your .group */
{

}
/* END RAD MENU */
.optionsdiv ul.ultable {		/* settings for the options and information menus */	
	background:Transparent; 
	cursor: default; 
	margin-left: 0px; 
	padding-left: 0px; 
	width: 130px;	
}
.optionsdiv ul.ultable li {		/* settings for the LI elements in the options and information menus */
	list-style-type: none; 
	margin: 0px; 
	position: relative; 
	padding: 4px 0px 2px 2px;	
}
.optionsdiv ul.ultable li.ultitle {		/* settings for the top headers in the options and information menus - aka the Options and Information titles */	
	background:#c6ab8c; 
	font-weight: bold; 
	text-align: center;
	color:White;
	display:none;
}
.optionsdiv ul.ultable li a {		/* settings for anchors found in LI elements in the options and information menus */
	width: 100%; 
	text-decoration: none;
	font-weight:bold;
	font-size:12px;	
	text-transform:uppercase;	
}
.optionsdiv ul.ultable li a:hover {		/* settings for hovering over anchors found in LI elements in the options and information menus */
	
	color:Maroon; 
	text-decoration: underline;
}
.optionsdiv ul.ultable li:hover {		/* settings for hovering over LI elementsfound in options and information menus */
	
}

.infodiv2 ul.ultable, .infodiv3 ul.ultable {		/* settings for the options and information menus */
	border: 1px solid #7C674C; 	
	background:#E2D9C8; 
	cursor: default; 
	margin-left: 0px; 
	padding-left: 0px; 
	width: 100%;		
}
.infodiv2 ul.ultable li, .infodiv3 ul.ultable li {		/* settings for the LI elements in the options and information menus */
	list-style-type: none; 
	margin: 0px; 
	position: relative; 	
}
.infodiv2 ul.ultable li .dynamicheader, .infodiv3 ul.ultable li .dynamicheader,
.dynamicinfo
{
	font-weight:normal;	
	color: #483723;		
}
.infodiv2 ul.ultable li.ultitle, .infodiv3 ul.ultable li.ultitle {		/* settings for the top headers in the options and information menus - aka the Options and Information titles */	
	text-align: center;		
}
.infodiv2 #titlediv, .infodiv3 #titlediv
{
	background:#AD9677;
	padding: 2px 0px 1px 0px;
	border-bottom: 1px solid #7C674C;		
}
.infodiv2 #spnInformation, .infodiv3 #spnInformation
{		
	font-size:14px;
	color:White;			
}

.infodiv2 ul.ultable li a, .infodiv3 ul.ultable li a {		/* settings for anchors found in LI elements in the options and information menus */
	width: 100%; 
	text-decoration: none;
}
.infodiv2 ul.ultable li a:hover, .infodiv3 ul.ultable li a:hover {		/* settings for hovering over anchors found in LI elements in the options and information menus */
	color: #336;
	background:transparent; 
	text-decoration: underline;
}
.infodiv2 ul.ultable li:hover, .infodiv3 ul.ultable li:hover {		/* settings for hovering over LI elementsfound in options and information menus */	
	background:transparent;
	color: #336;
}
ul#infoareafull li.ultitle {		/* settings for the title bar for the infoareafull menu - used in item/coverinformation and fabricselector pages */
	padding-left:0px;
	padding-right: 0px;	
	padding-bottom:20px;	
}
ul#infoareafull li.ultitle:hover
{
	background: transparent;
}

.fabricSelectorBrowserCell{
	float: left; margin-right: 10px; margin-bottom: 5px; width: 80px; height: 95px;
	line-height : 0.7em;
}
/* Marks and Spencer Specific additions */
#mandsUpcCode {
	font-style: italic;
	margin-top: -13px;
}
/*=========== Added after the inital release date of March 16th ==============*/
/* Late additions to the new Start Page */
.ulstarttitle {		/* settings for the title li element on the start page */
	border-bottom: dotted 1px black; 
	font-size: 1.1em; 
	font-weight: bold; 
	text-align: center;
}
/* Javascript PopUp windows used in the browser page */
.popupBackground {
	/*background-color: #EEEFDD; Pankaj */
	background:#dacbb8; 
	border: 1px solid #336;
}
.popupForeground {
	background-color: #F2F3E5;
	border: none;
}
.popupCaption {
	font-weight: bold;
	text-align: center;
	font-size: .8em;
}
.popupTextFont {
	font-size: .8em;
}
/* added to color the table bkground of rows that contain dissimilar data during a comparison */
.compDiff {
	background-color: #dacbb8;
}
/* Power User details */
#poweruserlogin {
	font-style: italic;
	color: #FA5;
	}
#certainparts {
	font-style: italic;
	}
/* added for keeping the sort area from dropping down when less than 5 items were in browser */
table.topmatrix div.areaheader div.menubar {
	white-space: nowrap;
	padding: 0px 0px;
}
.sortarea {
		white-space: nowrap;
		}
/* moved advanced search to under manufacturers menu */
select#manufacturer {
	margin-bottom: 10px;
	}
/* Quick Cover Search */
/*.covergobuttonborder {
	margin-left: 5px;
	}*/
.covergobutton {
	margin-left: 10px;
	}
.coversearchspan {
	/*background-color: #E4E5C6;
	border: 1px solid #336;
	height: 20px;
	padding: 4px 2px 4px 10px;
	margin: 0px 0px 0px 10px;*/
	}
/*.coversearch {
	margin: 1px 0px 1px 0px;
	}*/
/* Browser Page changes */
tr#prevCellTitle span.dynamicdata {
	font-size: .9em;
	}
	
div.lowerfilter {
	/*border: 1px solid #336;
	background-color: #F2F3E5;*/
	padding-top: 3px;
	padding-bottom: 2px;
	margin-bottom: 0px;
	/*clear: both;*/
	}
div.upperfilter {
	padding-bottom: 3px;
	margin-bottom: 0px;
	}
/*div.lowerfilter span.sortarea span.tableheader {
	font-size: .5em;
	}*/
div.menubararea {
	font-size: 100%;
	}
/*EasyPlan Help changes*/
.step_header {
	list-style-type: none; 
	color: #FA5; 
	font-weight: bold;
	text-align: left;
	}
.step_underline {
	text-decoration: underline;
	}
.step_box {
	border: 6px double #336;
	padding: 5px 20px;
	text-align: center;
	margin: 25px 30px;
	background-color: white;
	}
li.step_directions {
	list-style-type: square;
	}
.step_italic {
	font-style: italic;
	}
ol.step_box li.step_header {
	padding-left: 15px;
	}
#troubleshooting {
	margin-top: 20px;
	}
/*Changes made 8/3/05 */
td.mfgTd {
	border-bottom: 1px dashed #E4E5C6;
	}
	
/*Changes made 10/4/05 */
tr#noItemsFoundRow {
	font-style: italic;
	}
.browserNoItemsFound {
	padding: 0px 40px 0px 40px;
	margin-top: 20px;
	}
div#quickCoverSearch {
	white-space: nowrap;
	vertical-align: top;
	}
tr#critSearchCellTr {
	display: none;
	}
/*Changes per new cover browser selector */	
td#contrastTable2Inst {
	display: none;
	}
.prevSelectedRowTr {
	margin-top: 10px;
	}
.selectAreaName {
	height: 29px;
	width: 80px;
	}
.selectedPrevCell {
	background-color: #000;
	color: #E4E5C6;
	padding: 2px 0px 2px 0px;
	/*border: 3px solid #336;*/
	width: 92px;
	}
.selectedPrevCell span, .selectedPrevCell a:hover {
	color: #E4E5C6;
	}
.prevnext {
	font-size: 1.4em; 
	text-decoration: none !important;
	}
/*Changes for fresh new coverbrowser page */
#sortArea, .largeImagesBtn, .rendertext, #prevCellTitle, td#quickCoverSearchTd, .areaInst, div.coversearch, span#gradeArea {
	display: none;
	}
.fsSelectArea {
	visibility: hidden;
	}
table#searchtable div.areaheader {
	background: white;
	border: none;
	}
#quickCoverSearch {
	/*border-right: 3px double #336;*/
	padding-left: 2px;
	}
/*#areaInst {
	font-size: 1.1em;
	background: #E4E5C6;
	border: 2px solid #336;
	padding: 2px 15px 2px 15px;
	font-weight: bold;
	height: 30px;
	}*/
#areaInst {
	font-size: 1.1em;
	background: #000;
	border: 2px solid #000;
	padding: 2px 15px 2px 15px;
	font-weight: bold;
	height: 30px;
	color: #E4E5C6;
	}
#areaInst span {
	color: #E4E5C6;
	}
.itemImageCoverTd {
	padding-bottom: 5px;
	}
#areaInstTd {
	padding-bottom: 10px;
	width: 100%;
	}
#areaInstTable {
	width: 100%;
	}
.resetAll {
	padding-left: 10px;
	margin-right: 20px;
	}
#ppage {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 3px double #636161;
	}	
.availableAreasTd {
	vertical-align: middle;
	}
table#otherAvailableAreas td.title {
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
	background-color: #E4E5C6;
	}
table#otherAvailableAreas {
	background: white;
	border: 1px solid #336;
	width: 162px;
	}
/*Changes made 10/20/05 */
ul.ultable li span {
	vertical-align: middle;
	}
/* Add to Basket button */
.dynamicdataATBbtn {	
	font-size: 1.1em; 
	border: 2px solid #336; 
	background: white;	
	padding: 2px 20px 2px 20px;
	}
div#addToBasket {
	margin-top: 10px;
	}
/*Changes made 1/19/06 */
table#advancedSearch td {
	padding-right: 15px;
	padding-top: 15px;
	}
table#advancedSearch {
	padding-top: 0px;
	margin-top: 0px;
	}
table#simpleAdvSearchSel td {
	padding-right: 30px;
	padding-top: 15px;
	}	
table#advancedSearch td#searchCount, table#advancedSearch td#searchCountSubmit, table#advancedSearch td#simpleSel {
	padding-top: 5px;
	padding-right: 5px;
	}
table .advItemSel, table#searchTable .itemSel {
	font-weight: bold;
	}
table#advancedSearch td#itemSearchTitle, table#advancedSearch td#simpleUnsel, table#advancedSearch td#coverSearchTitle, table#advancedSearch td#favoriteSearchTitle {
	padding-top: 0px;
}

#createaccountselectionid, #spnOptions,
#modifyaccountselectionid, #orderhistoryid, #deleteaccountselectionid,
#logoutselectionid, #autologin, #optin, #spnRequired, #emailpictureid,
#requestinfoid, #compareAnchorid, .discardMe, 
#ordering, #orderingArea, #orderingArea2, #orderingArea3,
#imgarrow, #requiredinfo, #backbtn2, #backBtnOnHelp, #tblsectionalpieces, #infoareafullGrade
{
	display: none;
}
div.mainBrowserMatrix 
{   position: absolute;    
    left:170px;
    top:120px;
    overflow: hidden;
    margin-bottom: 5px;
}

#browsercell 
{
    padding: 0 0 0 0;
}

.ms-privacy {
	font-family: sans, arial, helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #891709;
	line-height: normal;
	text-decoration: none;
}
.ms-footer-line {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DAD7CF;
	font-size: 10px;
	line-height: normal;
	text-decoration: none;
}
.ms-lines {
	font-size: 10px;
	line-height: normal;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin: 0px;
	padding: 0px;
	border-bottom-color: #CCCCCC;
}
.msf-header-red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #891709;
}
.msf-header-brown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #837A68;
	line-height: normal;
}
.msf-bodycopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.inputText
{	
	font-family: Courier, monospace;	
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.msf-header-brown2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #837A68;
	line-height: 16px;
}
.pc-form1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 11px;
	color: #000000;
	text-decoration: none;
	border-top: 1px solid #8E8165;
	border-right: 1px solid #8E8165;
	border-bottom: 1px solid #8E8165;
	border-left: 1px solid #8E8165;
	padding-left: 3px;
	height: 11px;
	float: none;
	background-attachment: scroll;
	background-image: url(../images/fieldfiller_img.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.msf-bodycopyRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #891709;
	text-transform: uppercase;
	line-height: normal;
}
.pc-form2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 10px;
	color: #000000;
	text-decoration: none;
	border-top: 1px solid #8E8165;
	border-right: 1px solid #8E8165;
	border-bottom: 1px solid #8E8165;
	border-left: 1px solid #8E8165;
	padding-left: 3px;
	height: 10px;
	float: none;
	background-attachment: scroll;
	background-image: url(../images/fieldfiller_img.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FBFAF2;
	width: 100px;
	letter-spacing: normal;
	vertical-align: middle;
	word-spacing: normal;
}
.pc-form3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	color: #000000;
	text-decoration: none;
	padding-left: 3px;
	height: 9pt;
	float: none;
	background-attachment: scroll;
	background-image: url(../images/fieldfiller_img.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FBFAF2;
	width: 90px;
	letter-spacing: normal;
	vertical-align: middle;
	word-spacing: normal;
	border: 1px solid #8E8165;
}
.msf-bodycopyRedBig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #891709;
}
.msf-bodycopyRedBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #891709;
}
.pc-formList {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	color: #565245;
	text-decoration: none;
	border-top: 1px solid #8E8165;
	border-right: 1px solid #8E8165;
	border-bottom: 1px solid #8E8165;
	border-left: 1px solid #8E8165;
	float: none;
	background-color: #FBFAF2;
	width: 170px;
	padding-left: 5px;
}
.pc-formList2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	color: #000000;
	text-decoration: none;
	border-top: 1px solid #8E8165;
	border-right: 1px solid #8E8165;
	border-bottom: 1px solid #8E8165;
	border-left: 1px solid #8E8165;
	float: none;
	background-color: #FBFAF2;
	width: 100px;
	height: 11px;
}
.pc-form1a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 11px;
	color: #000000;
	text-decoration: none;
	border-top: 1px solid #8E8165;
	border-right: 1px solid #8E8165;
	border-bottom: 1px solid #8E8165;
	border-left: 1px solid #8E8165;
	padding-left: 3px;
	height: 14px;
	background-attachment: scroll;
	background-image: url(../images/fieldfiller_img.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.pc-formSearch {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	color: #565245;
	text-decoration: none;
	border-top: 1px solid #8E8165;
	border-right: 1px solid #8E8165;
	border-bottom: 1px solid #8E8165;
	border-left: 1px solid #8E8165;
	background-color: #FBFAF2;
}
.msf-bodycopyRed2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #891709;
	line-height: 10px;
}
.msf-bodycopyBlack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.msf-bodycopyRedBold2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #891709;
	text-transform: uppercase;
}
.msf-bodycopyRedW {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #891709;
	text-transform: uppercase;
	line-height: 30px;
}
.msf-bodycopyBlackBold2 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
}
.msf-header-red12pt {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #891709;
	line-height: normal;
}
.ms-privacy2 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #891709;
	line-height: normal;
	text-decoration: none;
}

/* styles for Contact us Page */
.contactarea
{
	width: 100%;
	margin-left: 100px;	
}

#contactinfo2
{		
	width: 300px;	
}

#contactinfo3
{
	position:absolute;
	left: 450px;
	top: 90px;	
}
/* END Contact Us styles */

/*styles for PrivacyPolicy Page */
.privacyarea
{
	width: 100%;
	margin-left: 20px;	
}
/* END Privacy Policy styles */
/*Our Furniture heading*/

.textHeading
{ 
 font-size:30px;
 font-family:Times New Roman, sans, arial, helvetica, sans-serif;
 color:#891709; 
 padding-top:35px;
 letter-spacing: 2px;
}

.textHeading2		/* smaller font version of textHeading */
{
	font-size:22px;
	font-family:Times New Roman, sans, arial, helvetica, sans-serif;
	color:#891709; 
	text-transform:uppercase;		
	letter-spacing: 2px;
}

.textHeading3		/* even smaller and closer font version of textHeading */
{
	font-size:15px;
	font-family:Times New Roman, sans, arial, helvetica, sans-serif;
	color:#891709; 
	text-transform:uppercase;
	letter-spacing: 0.5px;	
}

.textInText
{
	font-size:15px;
	font-family:Times New Roman, sans, arial, helvetica, sans-serif;
	color:#891709; 
	text-transform:uppercase;	
	letter-spacing: 2px;
}
.textInText2	/* smaller version of textInText */
{
	font-size:0.6em;
	font-family:Times New Roman, sans, arial, helvetica, sans-serif;
	color:#891709; 
	text-transform:uppercase;
	letter-spacing: 0.5px;	
}
.pageSubheadings
{
	font-size:14px;
	font-family:Times New Roman, sans, arial, helvetica, sans-serif;
	color:#891709; 
	letter-spacing: 1px;
}

.textareaAboutUs
{
	width: 475px;	
}

.textContent
{
	font-size:1em;
	font-family:Times New Roman, sans, arial, helvetica, sans-serif;
	color: Black;
	font-style:italic;	
}

.DYOLinks
{
	font-size: 0.75em;
	font-family: sans, arial, helvetica, sans-serif;
	text-decoration: underline;
	color:#881709;
	line-height: 22px;
}