/* 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 {
	border: 1px solid #b9aa9b;

	} 		

body		{		

	background-color: #ffffff;

}

/*1*/* {		

	font-family: sans, arial, helvetica, sans-serif; 		

	color: #91827b; 		

	font-size: 100%;		

}

/*3*/.areaheader {		

	color: #503728; 		

	font-size: .75em; 		

	font-weight: 700;		

}

/*3*/.areaheader2 {		

	font-size: .7em;

	font-weight: 600;

}

dt.areaheader {		

	padding-right: 10px;		

	padding-left: 2px; 		

	width: 150px;		

}

/*4*/.areachoice {		

	font-size: .8em;	

}

/*4*/.areachoice2 {		

	font-size: .75em;

	color: #694631;

}

.areachoice3 {		

	font-size: .7em;

	color: #694631;

}

/*2*/#mastermenu {		

	font-weight: 700; 

	font-size: .8em;

	text-align: right; 		

	/*font-variant: small-caps;*/

}

/*4*/.dynamicdata {		

	font-size: .75em; 

	line-height: 1em;		

}

/*3*/.dynamicheader {		

	font-weight: 700;

}
.fixlineheight {		
	line-height: 1em;		
}

div span.areaheader, span.areaheader2, th.areaheader {		

	padding: 1px 10px 3px 10px; 

	border: 1px solid #b9aa9b; 

	color: #503728; 		

}

div.areaheader {

	padding: 2px 0px 2px 0px; 

	background: #efece9 repeat-x; 

	border: 1px solid #b9aa9b; 

	color: #a08264;

}
div.searchtext {

	/*border-bottom: 1px solid #efece9;

	padding-bottom: 2px;*/

}

div.searchtext2 {

	/*border-bottom: 1px solid #F2F3E5; */

	padding-bottom: 2px;

}






/*6*/div.header {		
	background: #efece9 url(flyingf.gif);
	border-bottom: 2px solid #503728; 
	height: 62px; 		
	width: 100%; 		
	min-width: 720px; 		
	top: 0px; 		
	left: 0px; 		
	position: absolute; 		
	z-index: 0;		
}

/*8*/div.workspacearea { 
	background-color: #ffffff; 
	top: 65px; 
	left: 0px; 
	width: 100%; 
	min-width: 720px; 
	height: 100%;		
	position: absolute; 
	z-index: 3;		
}

div#footer {		

	z-index: 4; 

	display: none;		

}

div.spacer {		

	width: 720px;

}

div.workspace {		

	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: #503728; 

	color: #91827b;

}*/



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



div.search {		

	right: 0px; 		

	bottom: 3px; 		

	position: absolute; 

	font-size: .75em;

}

#welcomemsg {		

	left: 40%; 

	bottom: 2px; 

	position: absolute; 

	font-size: .7em; 

	color: #503728;

}

/* #welcomemsgerr, #loginerranchor {		/* settings for the (not you? clcick here) message uncomment to set color other than default color

	color: #efebe8;

}*/

.powered_by {		

	right: 1px; 

	top: 1px; 

	position: absolute;

}

#poweredbygrey {		

	display: none;

}

span .prevnext {	

	font-size: .9em;

	/*font-variant: small-caps; */

	color: #503728;

}
input#search, input#coversearch {
	background-color: white;
	padding-left: 2px;
}

.loginname {		

	color: #503728;

}




.address {		

	font-style: italic; 

	font-size: .8em; 

	padding-left: 15px;

}

/*2*/.definitions {		

	color: #ffffff; 

	font-size: .8em; 

	position: absolute; 

	top: 7px; 

	left: 15px; 

	font-weight: 700; 

	letter-spacing: 0px;

}

#definitions {		

	margin-left: 15px;

}




/*13*/a:link, a:visited {		

	text-decoration: none;		

}

/*14*/a:hover {		

	color: #503728; 

	text-decoration: none; 

	text-shadow:  #91827b -2px 2px 2px;		

}

/*16*/a.mastermenu:hover {		

	text-decoration: none;

}

a.itemimagesanchor, .compareimageanchor {		

	display: block;			

	border: 1px solid #ffffff;

}

img#itemimagelarge	{		

	border-style: none;

}





.correlateimg, .itemimg {		 

	border: 1px solid #ffffff;

}

table div select {		

	font-size: 1em; 

	line-height: 80%; 

	letter-spacing: 0px;

}

table.compare {		

	border-color: #dfdad4;

}

.dynamicdatabtn {		
	font-size: .75em; 
	background: #503728;
	font-weight: bold;
	color: #ffffff;
	border-style: none;
	padding: 2px 10px 2px 10px; 		 
}

.selectbutton	{		

	padding: 3px 11px 3px 11px;

}

.dynamicdatabtn:hover {		

	font-size: .75em;
	
	color: #ffffff;

	border-style: none;

	text-decoration: none;

}

.tdbtn {		

	font-size: 1.2em; 

	padding-top: 4px; 

	padding-bottom: 4px; 

}

.tdbtn2 {		

	padding-top: 4px; 

	padding-bottom: 4px; 

}

.nobtn	{		

	border: none;

	background: none;

	padding: 0;

	margin: 0;

}

.browserSkuTdHeight {		

	height: 39px;

}

.browserSkuTdTop	{		

	background-color: #efece9;

	border: 1px solid #b9aa9b;

}

.browserSkuTdBottom		{		

	padding: 2px;

	line-height: .8em;
	background-color: transparent;

}

div#browserarea div.areachoice, div#browserarea2 div.areachoice {		

	margin-left: 5px; 

	margin-top: 8px;

}

form.nomargin {		

	margin: 0px;		

}
/* 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 {	

/*	border: 1px solid #b9aa9b; 

	padding: 0px 3px 0px 3px;

	background-color: #efece9;*/

}

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;
}

table#searchTable {		

	margin-top: 10px;

}

#moreOptions td {		

	padding-top: 10px;

	padding-bottom: 5px;

}

.underline {		

	border-bottom: 1px solid #dfdad4;

	font-size: 120%;

}
.underline2 {
	border-bottom: 1px solid #dfdad4;
}

.boxed {		

	border: 1px solid #ffffff; 

	background: #ffffff; 

	padding: 1px 0px 1px 2px;

}

.contrastAreaTable {		

	width: 90px;

}

.browserCellInfo {		

	/* border-top: 1px solid #E4E5C6; */

	background: #ffffff;

}

.browserCellTable {		

	/*border: 1px solid #E4E5C6;*/

	border: 1px solid #ffffff;

}

.prevcell {		

	padding: 2px 0px 2px 0px;
	border: 1px solid #b9aa9b;
	background-color: #efece9;
	width: 92px;

}
.prevcell table {
	margin-top: 10px;
	}

#prevCellTitle {		

	background-color: #efece9; 

	height: 16px;

}

#prevAndCurrTitle {		

	background-color: white; 

	padding: 0px 4px 2px 0px; 

}

.pad {		

	padding: 0px 3px 0px 2px;

}

/*#prevCellInfo {		/* settings for the entire previously selected cover area

	border: 1px solid #dfdad4; 

	background: #efece9;

}*/

#prevTD {		

	padding-top: 2px;

}

.navy {		

	color: #503728;

}

.block {		

	display: block;

}

.bold {		

	font-weight: bold;

}

.clickme {		

	background: #ffffff; 

	border-bottom: 1px solid #ffffff; 

	border-left: 1px solid #ffffff; 

	border-right: 1px solid #ffffff; 

	color: #503728; 

	text-align: center; 

	font-size: .6em;

}

.widetd {		

	width: 150px;

}

.gobutton {		
	color: #ffffff;
	background: #503728;
	border-style: none;
	font-weight: bold;
	font-size: 1em;
	}

.jump {		

	margin-left: 2%;

}

.sortarea {		

	margin-left: 5px;


}
#sortArea {
	margin-left: 25px;
	padding-left: 10px;
	border-left: 1px solid #b9aa9b;
	line-height: 1.3em;
	}

.largeImagesBtn {		

	margin-left: 6px;

}



/* Miscellaneous */



img {		

	border: 0px solid #91827b; 

	padding: 0px; 

	margin: 0px;

}

img.clientlogo {		

	position: absolute; 

	top: 1px; 

	left: .5%;

	height: 59px;
	width: 218px;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
}

span.clientlogospan {

	background: url(logo.gif) no-repeat  center;

	height: 60px;

	width: 262px;

	margin: 0 0 0 10px;

	padding: 0;

	position: absolute;

	top: 1px;

	left: .5%;

}

#required {		

	top: 475px; 

	left: 18px; 

	position: absolute;

}

.disclaimer1 {		

	/*top: 205px;

	left: 12px;

	position: absolute;*/

	width: 156px;
	margin-top: 15px;

	border: 1px solid #b9aa9b;

	background: #efece9;

	padding: 2px;	

}
#infoPrintDisclaimer {
	display: none;
}

#entryinfo {		

	top: 55px; 

	left: 190px; 

	position: absolute; 

	padding: 10px 1px 0px 11px; 

	margin-top: -6px;

}

#vendorname {		

	display: none;

}

#vendorwebsite {		

	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 {		

	display: none;

}




#optionsarea {		

	list-style-type: none;

}

.optionsdiv {		

	height: 15em; 

	margin-left: 12px; 

	margin-top: 15px;

}




.infodiv {		

	margin-left: 1%;

}

.infodiv2 {		

	left: 595px; 

	top: 15px; 

	position: absolute;

}

.infodiv2alt {		

	left: 12px; 

	top: 345px; 

	position: absolute;

	width: 156px;

}

.infodiv3 {		

	left: 795px; 

	top: 35px; 

	position: absolute;

}

.infodiv4 {		

	left: 430px; 

	width: 250px; 

	top: 15px; 

	position: absolute;

}

.infodiv5 {		

	left: 450px; 

	width: 250px; 

	top: 15px; 

	position: absolute;

}

#infoareafull li {		

	list-style-type: none; 

	padding: 0px 5px 5px 5px; 

	margin: 0px;

}

.infodiv2 ul, .infodiv3 ul {		

	margin-top: 0px;

}

.infodiv4 p {		

	padding: 3px 5px 3px 5px;

}

.shortinfo {		

	padding: 3px 0px 3px 4px;
	font-size: .9em;

}

#infoareafull {		

	width: 95%;

	font-size: .8em;

}

.nobullet {		

	list-style-type: none; 

	margin: 0px; 

	padding-left: 0px;

}

ul.ulcontrast {		

	margin: 0px; 

	padding: 4px 5px 4px 10px;

}

/*.ulcontrast li a span {
	text-transform: lowercase;
}*/






#selecteditem {		

	left: 25.5%; 

	top: 35px; 

	position: absolute;

}

.selecteditemimage {	

	left: 190px; 

	top: 50px; 

	border: none; 

	position: absolute; 

	text-align: center;

}




.itemimage {		

	left: 190px; 

	top: 15px; 

	position: absolute; 

	text-align: center;

}

.itemimageCoverBrowser {
	text-align: center;
	margin-right: 10px;
	margin-left: 10px;
	width: 285px;
	}

.itemimage2 {		

	left: 250px; 

	top: 15px; 

	position: absolute; 

	text-align: center;

}

.itemimagelarge {		

	left: 15px; 

	top: 10px; 

	position: absolute; 

	width: 768px; 

	text-align: center;

}

#itemimageinfo {		

	font-weight: bold; 

	font-size: .9em;
	line-height: 1.6em;

}




/*11*/.infocorrelates, .infootherphotos {		

	margin-left: 190px; 

	top: 395px; 

	position: absolute;

}

.coverselectionsalt {		

	margin-left: 1%; 

	left: 190px; 

	top: 405px; 

	position: absolute;

}

.infootherphotos td {		

	padding-right: 10px;

}

.infocorrelates td.selectedCoverCellTd, .coverselectionsalt td.selectedCoverCellTd	{		

	padding-right: 10px;

}

table.correlates {		

	margin-top: 10px;

	margin-left: 0px;

}




/*10*/.itemimagesarea {		

	padding-left: 0px; 

	margin-top: 0px; 

	padding-top: 0px;

}

#browserarea {		

	left: 190px; 

	top: 15px; 

	position: absolute;

}

#browserarea2 {
	left: 190px;
	top: 255px;
	position: absolute;
	}





/*10*/.middlearea {		

	left: 190px; 

	top: 57px; 

	position: absolute;

}

/*10*/.middlemiddlearea {		

	top: 205px; 

	width: 125%; 

	left: 190px;

	position: absolute;

}

#referenceimage {		

	top: 100px; 

	left: 49%; 

	position: absolute;

}

/*10*/#errormessage {		

	margin-left: 6px; 

	margin-top: 8px;

	width: 100%;

}

#comparetable {		

	margin-left: 6px; 

	margin-top: 8px;

}

#assemblytable {		

	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: 190px;                 

	border: 1px solid #dfdad4;      

	background-color: #efece9;      

	padding-left: 0px;           

	cursor: default;             

	margin-left: 0px;            

}

ul.makeMenu li {

	list-style-type: none;       

	margin: 0px;                 

	position: relative;          

	color: #91827b;                 

    padding-top: 2px;

    padding-bottom: 2px;

    border: 1px solid #efece9;
    z-index: 0;

}

ul.makeMenu li > ul {          

	display: none;               

	position: absolute;         

	top: 0px;                    

	left: 188px;                  

	z-index: 5;					

}

ul.makeMenu ul li.lititle {

	display: none;

}

ul.makeMenu li:hover {

	background-color: #efece9;      

	color: white;                 

}

ul.makeMenu li:hover > ul {    

	display: block;              

	right: 100%;
	z-index: 5;

}



ul.makeMenu li a {		

	color: #91827b; 

	display: block; 

	width: 100%; 

	text-decoration: none;

}

ul.makeMenu li a:hover {		

	color: #503728; 

	text-decoration: none;

}

ul.makeMenu li.sub:hover {

	margin-right: -191px;

	background: #dfdad4;

	padding-left: 189px;

	border: 1px solid silver;

	color: #ffffff !important;

}

ul.makeMenu li.sub:hover > ul {

	top: 20px; 

	right: 0px; 

}

ul.makeMenu li > img {

	visibility: hidden;

}

/*ul.makeMenu li.lititle {		

	color: #503728; 

	background: #dfdad4;

}*/

/*ul.ultable li.bkgrndclr {		

	background: #efece9;

}*/

ul.ultable {		

	border: 1px solid #b9aa9b; 

	background: #efece9; 

	cursor: default; 

	margin-left: 0px; 

	padding-left: 0px; 

	width: 160px;

}

ul.ultable li {		

	list-style-type: none; 

	margin: 0px; 

	position: relative; 

	padding: 2px 0px 2px 2px;

	border-bottom: 1px solid #efece9;

}

ul.ultable li.ultitle {		

	background: #dfdad4;
	
	color: #503728; 

	font-weight: bold; 

	text-align: center;

}

ul.ultable li a {		

	width: 100%; 

	text-decoration: none;

}

ul.ultable li a:hover {		

	color: #503728; 

	text-decoration: none;

}

ul.ultable li:hover {		

	background-color: #dfdad4; 

	color: #503728;

}

ul#infoareafull li.ultitle {		

	padding: 2px 0px 2px 0px;

}

.fabricSelectorBrowserCell{

	float: left; margin-right: 10px; margin-bottom: 5px; width: 80px; height: 95px;

	line-height : 0.7em;

}



#mandsUpcCode {

	font-style: italic;

	margin-top: -13px;

}

/*=========== Added after the inital release date of March 16th ==============*/

.ulstarttitle {		
	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: #efece9;
	border: 1px solid #b9aa9b;
}
.popupForeground {
	background-color: #efece9;
	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: #efece9;
}

/* Power User details */

#poweruserlogin {
	font-style: italic;
	color: #ffaa55;
	}
#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: #dfdad4;
	border: 1px solid #b9aa9b;
	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 #b9aa9b;
	background-color: #efece9;
	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: #ffaa55; 
	font-weight: bold;
	text-align: left;
	}
.step_underline {
	text-decoration: none;
	}
.step_box {
	border: 6px double #b9aa9b;
	padding: 5px 20px;
	text-align: center;
	margin: 25px 30px;
	background-color: #efece9;
	}
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 #dfdad4;
	}
	
/*Changes made 10/4/05 */
tr#noItemsFoundRow {
	font-style: italic;
	}
.browserNoItemsFound {
	padding: 0px 40px 0px40px;
	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: #000000;
	color: #dfdad4;
	padding: 2px 0px 2px 0px;
	/*border: 3px solid #333366;*/
	width: 92px;
	}
.selectedPrevCell span, .selectedPrevCell a:hover {
	color: #dfdad4;
	}

.prevnext {
	font-size: 1.4em; 
	text-decoration: none !important;
	}
/*Changes for fresh new coverbrowser page */
.pageCounts, .jump, #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 #b9aa9b;
	padding-left: 2px;
	}
/*#areaInst {
	font-size: 1.1em;
	background: #dfdad4;
	border: 2px solid #b9aa9b;
	padding: 2px 15px 2px 15px;
	font-weight: bold;
	height: 30px;
	}*/
#areaInst {
	font-size: 1.1em;
	font-weight: bold;
	color: #503728;
	}
#areaInst span {
	color: #503728;
	}
.itemImageCoverTd {
	padding-bottom: 5px;
	}
#areaInstTd {
	padding-bottom: 10px;
	width: 100%;
	}
#areaInstTable {
	width: 100%;
	}
.resetAll {
	padding-left: 10px;
	margin-right: 20px;
	}
#ppage {
	margin-right: 20px;
	padding-right: 25px;
	border-right: 3px double #91827b;
	}	
.availableAreasTd {
	vertical-align: middle;

	}
table#otherAvailableAreas td.title {
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background-color: #dfdad4;
	}
table#otherAvailableAreas {
	background: #efece9;
	border: 1px solid #b9aa9b;
	width: 162px;
	}
/*Changes made 10/20/05 */
ul.ultable li span {
	vertical-align: middle;
	}
/* Add to Basket button */
.dynamicdataATBbtn {	
	font-size: 1.1em; 
	border-style: none; 
	background: #efece9;	
	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;
	}