/* This is the main CSS print 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 {
	border: 1px solid #000;		/*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 */

/*1*/* {		/* *=default - used to define the default for all areas	*/
	font-family: sans, arial, helvetica, sans-serif; 		/* default font families */
	color: black; 		/* default color for all text */
	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: .8em; 		/* sets font size for areaheader */
	font-weight: 700;		/* sets font weight for areaheader */
}
/*3*/.areaheader2 {		/* a slightly smaller text for area subheaders */
	font-size: .8em;
	font-weight: 600;
}
/*4*/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: black;
}
.areachoice3 {		/* an even smaller version of .areachoice */
	font-size: .7em;
	color: black;
}
/*2*/#mastermenu {		/* menu containing Home, Favorites, Login, Help & Search */
	display: none;
}
/*4*/.dynamicdata {		/* information displayed dymically (usually in information tables or dropdown menus) */
	font-size: .8em; 
	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) */
}
/*3*/.dynamicheader {		/* the header used to display the dynamic data (similar to areaheader and used for information pages) */
	font-weight: 700;
}
div span.areaheader, span.areaheader2 {		/* modifies the look of the areaheaders for "Other Photos", "Correlates", "Compare", browsermenu, etc */
	padding: 1px 10px 3px 10px; 
	background-color: white;  /* used to set the background color or image */
	color: black; 
	border: none;
	font-variant: small-caps;		/* sets the "small caps" option to make all letters capital but to make the first letters larger */
}
div.areaheader {
	padding: 2px 0px 2px 0px; 
	background-color: white;  
	color: black;
}
div.searchtext {
	border-bottom: 1px solid #EAE8E5; 
	padding-bottom: 2px;
	display: none;
}

/* Div classes - used to define item in or related to division elements */

/*6*/div.header {		/* top area of all pages containing mastermenu, logo and search elements */
	background-color: white;
	border-right: none;
	height: 62px; 		/* sets the hieght of the div.header, must change "top=xxx" of div.workspace + and border when modifying this element */
	width: 100%; 		/* sets the width to always be 100% of the area of the browser */
	min-width: 720px; 		/* sest a minimum width of 720px, recognized by mozilla, galeon and other browsers, not recognized in IE 5.x and 6.x */
	top: 0px; 		/* 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: 0;		/* 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; 
	top: 65px; 
	left: 0px; 
	width: 100%; 
	min-width: 720px; 
	height: 550px;		/* tells the browser to set the height of this are to 100% starting from the top=XXX number and working down */
	position: absolute;
}
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 */
}
/*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;
}*/
/*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#roomplanner {		/* used to set excactly where the roomplanner div will show up */
	left: 17%; 
	top: 2%; 
	position: absolute;
}
applet#roomplannerapplet {		/* used to tell the roomplanner applet what background color and font color to use for it's windows */
	background-color: #565350; 
	color: #000;
}

/* Header classes - used to define elements in the master menu area */

div.search {		/* settings for the SKU search box */
	display: none;
}
#welcomemsg {		/* settings for the little "welcome: you are logged in as ..." message */
	display: none;
	/*left: 40%; 
	bottom: 2px; 
	position: absolute; 
	font-size: .7em; 
	color: black;*/
}
#welcomemsgerr, #loginerranchor {		/* settings for the (not you? clcick here) message */
	color: black;
}
#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: 0px; 
	top: 0px; 
	position: absolute;
}
span .prevnext {	/* settings for the "Prev" and "Next" text in the header of the browser table */
	display: none;
}
.loginname {
	color: #FFF;		/* sets the color for the "welcomemsg" area for the login name */	
}
/*a#loginerranchor:hover {
	color: #FFF;
}*/

/* 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: #000; 
	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 */
}
/*14a:hover {		/* settings for all anchors while they are being hovered 
	color: #000; 
	text-decoration: underline; 
	text-shadow: red -3px 3px 5px;		/* testing of feature in CSS 2.1 - doesn't show up in any browser as of yet
}*/
/*16a.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;
}
#mastermenu a, #mastermenu a:hover {
	color: #FFF;
	display: none;
}

/* Table Classes - defines elements used in tables or tables themselves */

.correlateimg, .itemimg {		/* settings for all borders of item images and correlage images */ 
	border: none;
}
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: black;
}
.dynamicdatabtn {		/* settings for the buttons used at the bottom of forms and the bottom of all the images used for navigation */
	font-size: .75em; 
	border: 1px solid #BAB2AA; 
	background: #EAE8E5;		/* set the background color for the buttons */
	padding: 2px 10px 2px 10px; 
	display: none;		/* apllies padding around the buttons */ 
}
.fabSelectorBtn		{		/* settings for hiding the buttons in the fabricSelection */
	display: none;
}
/*.dynamicdatabtn:hover {		/* settings for the hovering of dynamicdatabutn elements
	font-size: .75em; 
	border: 1px solid #000;
	text-decoration: none;
	color: #000;
}*/
.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; 
	display: none;
}
.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; 
	display: none;
}
div#browserarea div.areachoice {		/* settings for browser area division used mostly on login/account/email pages, browser and error pages */
	margin-left: 5px; 
	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 */
}
table#contrastTable td {		/* settings for the child td of a parend contrastTable ID, used only on the fabricselector page */
	width: 100px;		/* 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 black; 
	padding: 0px 3px 0px 3px;
	background-color: white;
	display: none;
}
table#searchTable {		/* 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 black;
}
.boxed {		/* used for the area displaying the sku in the "contrast areas" tables in both fabricselector and coverinformation pages */
	background: white; 
	padding: 1px 0px 1px 2px;
	border: none;
}
.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 black; 
	background: white;
}
.browserCellTable {		/* used to define the area that contains the images in the browser */
	border: 1px solid black;
}
.prevcell {		/* used to define the area that contains the previously selected covers in the browser */
	padding: 1px 4px 1px 4px;
}
#prevCellTitle {		/* used to define the table tr that contains the <uparrow> previous selections, current selection: xxx <down arrow> title */
	background-color: white; 
	border-left: 1px solid black; 
	border-right: 1px solid black;
}
#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; 
	border-left: 1px solid black; 
	border-right: 1px solid black;
}
.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 #BAB2AA; 
	background: #EAE8E5;
}*/
#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: black;
}
.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: #EAE8E5; 
	border: 1px solid #BAB2AA; 
	color: #000; 
	text-align: center; 
	font-size: .6em;
	display: none;
}
.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: #000;
	font-size: 1em;
	display: none;
}
.jump {		/* used to for the "jump to" area */
	margin-left: 2%;
	display: none;
}
.sortarea {		/* used for the "sort" drop-down menu */
	margin-left: 2%;
	display: none;
}

/* Miscellaneous */

img {		/* sets borders on all images */
	border: none; 
	padding: 0px; 
	margin: 0px;
}
img.clientlogo {		/* positional settings for the xclient logo at the top of the page */
	position: absolute; 
	top: 1px; 
	left: .5%;
}
#required {		/* positional settings for the "required" text used in forms such as login, email, account, etc */
	top: 475px; 
	left: 18px; 
	position: absolute;
}
.disclaimer1 {
	display: block;
	width: 353px;
	border: none;
	top: 360px;
	position: absolute;
	font-size: .8em;
	left: 5px;
}
#disclaimerBlock {
	width: 90%;
	display: inline;
	padding: 0px 10px 0px 25px;
	text-align: center;
}
#infoPrintDisclaimer {
	display: inline;
	padding-left: 4px;
}
#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: inline;
 	left: 50px;
	top: 0px;
	position: absolute;
}
#vendorwebsite {		/* see #vendorname */
	display: inline;
	top: 0px;
	left: 300px;
	position: absolute;
}
/*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;
}
.selected {		/* the oposite of the .unselected class
	background-color: #FFF;
}*/

/* 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: 1%; 
	margin-top: 15px;
	display: none;
}

/* Info Area */

.infodiv {		/* postioning used for the infodiv class used for information area below the options menu */
	margin-left: 1%;
	display: none;
}
.infodiv2 {		/* positioning of information on fabricselector page and item information page */
	left: 410px; 
	top: 15px; 
	position: absolute;
}
.infodiv2alt {	/* positioning of information on alternate fabricselector page */
	left: 410px; 
	top: 15px; 
	position: absolute;
}
.infodiv3 {		/* positioning of information on the largeview page */
	left: 20px; 
	top: 660px; 
	position: absolute;
	width: 75%;
}
.infodiv4 {		/* positioning of information used on the email, account, pages */
	left: 400px; 
	width: 250px; 
	top: 15px; 
	position: absolute;
}
.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 5px 0px 5px; 
	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;
}
#infoareafull {		/* width settings for the infoareafull class */
	width: 100%;
	font-size: .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;
}

/* Rendered Item - used to define elements surrounding a rendered image */

#selecteditem {		/* positioning of the selected item image on the fabricselector page */
	left: 5px; 
	top: 35px; 
	position: absolute;
}
.selecteditemimage {	/* same as above but linked directly to the img element */
	left: 5px; 
	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: 5px; 
	top: 20px; 
	position: absolute; 
	text-align: center;
}
.itemimage2 {		/* settings for item image2 - used in sectional and assembly pages */
	left: 65px; 
	top: 15px; 
	position: absolute; 
	text-align: center;
}
.itemimagelarge {		/* settings for image in largeview page */
	left: -20px; 
	top: 10px; 
	position: absolute; 
	width: 700px; 
	text-align: center;
}
#itemimageinfo {		/* settings for the sku information below the image */
	font-weight: bold; 
	font-size: .9em;
}

/* 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: 5px; 
	top: 420px; 
	position: absolute;
}
table.icons {		/* removes the icons below the correlates images */
	display: none;
}
.infootherphotos td {		/* settings for the other photo images on the iteminformation page */
	padding-right: 10px;
}
.infocorrelates 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 */
	left: 5px; 
	top: 15px; 
	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: 5px; 
	top: 57px; 
	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: 5px;
	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;
}
#comparetable {		/* settings for the table in the compare page */
	margin-left: 6px; 
	margin-top: 8px;
}
#comparetable tr#removeRow {
	display: none;
}
#assemblytable {		/* settings for the table in the assembly page */
	margin-left: 6px; 
	margin-top: 8px;
}

/* Ordered Lists and Unordered List - items such as options menu, information area and simple search menu */

/*   Search page menu CSS   */
/*   This menu was inspired by (and the basic technique taken from) Eric Meyer's Pure CSS Menus.        */
/*   http://www.meyerweb.com/eric/css/edge/menus/demo.html          */
/*   The idea of using DHTML behaviours and conditional comments was inspired by Brother Cake's CSS / DHTML Hybrid Navigation Bar.      */
/*   http://www.brothercake.com/scripts/navmeister/page.php       */

ul.makeMenu, ul.makeMenu ul {
	width: 160px;                 /* sets the size of the menu blocks */
	border: 1px solid #BAB2AA;      /* puts a black border around the menu blocks */
	background-color: #EAE8E5;      /* makes the menu blocks a certain color */
	padding-left: 0px;           /* stops the usual indent from ul */
	cursor: default;             /* gives an arrow cursor */
	margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
}
ul.makeMenu li {
	list-style-type: none;       /* removes the bullet points */
	margin: 0px;                 /* Opera 7 puts large spacings between li elements */
	position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
	                                the lack of offset makes these appear normal, but it will make a difference
	                                to the absolutely positioned child blocks */
	color: #565350;                 /* sets the default font colour */
        padding-top: 2px;
        padding-bottom: 2px;
        border-bottom: 1px solid #BAB2AA;
}
ul.makeMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
	display: none;               /* hides child menu blocks - one of the most important declarations */
	position: absolute;          /* make child blocks hover without leaving space for them */
	top: -21px;                    /* position slightly lower than the parent menu item */
	left: 153px;                  /* this must not be more than the width of the parent block, or the mouse will
	                                have to move off the element to move between blocks, and the menu will close */
}
ul.makeMenu li:hover {
	background-color: #CBC9C8;      /* gives the active menu items a yellow background */
	color: #FFF;                 /* makes the active menu item text black */
}
ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
	                                the > targets only the child ul, not any child uls of that child ul */
	display: block;              /* makes the child block visible - one of the most important declarations */
}
ul.makeMenu ul li.lititle {
	display: none;
}
/* and some link styles */
ul.makeMenu li a {		/* settings for the anchors found in LI - used for the simple search menu */
	color: #565350; 
	display: block; 
	width: 100%; 
	text-decoration: none;
}
ul.makeMenu li a:hover {		/* settings for the anchors on :hover found in LI - used for the simple search menu */
	color: #000; 
	text-decoration: none;
}
ul.makeMenu li.lititle {		/* settings for the top item in an LI - used for the simple search menu */
	color: #000; 
	background: #EAE8E5;
}
ul.ultable li.bkgrndclr {		/* background color used for an LI item with class "bkgrndcolor" found in options and information menus */
	background: white;
}
ul.ultable {		/* settings for the options and information menus */
	border: none; 
	background: white; 
	cursor: default; 
	margin-left: 0px; 
	padding-left: 0px; 
	/*width: 160px;*/
}
ul.ultable li {		/* settings for the LI elements in the options and information menus */
	list-style-type: none; 
	margin: 0px; 
	position: relative; 
	padding-top: 2px; 
	padding-bottom: 2px; 
	padding-left: 2px; 
	border: none;
}
ul.ultable li.ultitle {		/* settings for the top headers in the options and information menus - aka the Options and Information titles */
	background: #CBC9C8; 
	font-weight: bold; 
	text-align: center;
}
ul.ultable li.ultitle:hover {
	background: #CBC9C8;
	color: #565350;
}
ul.ultable li a {		/* settings for anchors found in LI elements in the options and information menus */
	width: 100%; 
	text-decoration: none;
}
ul.ultable li a:hover {		/* settings for hovering over anchors found in LI elements in the options and information menus */
	color: #000; 
	text-decoration: underline;
}
ul.ultable li:hover {		/* settings for hovering over LI elementsfound in options and information menus */
	background-color: #ceccc8; 
	color: #FFF;
}
ul#infoareafull li.ultitle {		/* settings for the title bar for the infoareafull menu - used in item/coverinformation and fabricselector pages */
	padding: 2px 0px 2px 0px;
}
.dontprint {
	display: none;
}
table#otherAvailableAreas {
	display: none;
}