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

/* 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 */	
	height: 90px;   /* 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: 1024px; 		/* 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, div.roomplannerarea { /* middle area were all menus, browser, options, information and photos are displayed */	
	top: 90px; 
	left: 0px; 
	width: 100%; 
	min-width: 1024px;
	min-height:768px;
	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; 
}
div.workspaceareaduplicate { /* middle area were all menus, browser, options, information and photos are displayed */	
	top: 95px; 
	left: 0px; 
	width: 100%; 
	min-width: 1024px;
	height: 100%;		/* tells the browser to set the height of this are to 100% starting from the top=XXX number and working down */
	position: absolute; 
}
div.workspaceRelative
{
	width: 950px;
	margin: 0 auto;
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
	min-height:700px;
	background-color: #FFF;
}
.BrowserPageForm .workspaceRelative {
	min-height: 900px !important;
}
.roomplannerContainerDiv
{
	min-height:740px !important;
}
.FavoritePageForm  .workspaceRelative {
	min-height: 550px !important;
}
.ModifyAccountPageForm .workspaceRelative {
	padding-left: 0 !important;
}
.ModifyAccountPageForm .leftarea {
	display: none;
}
.InfoPageForm .workspaceRelative {
	height: 1075px;
	margin: 0 auto;
}
.SearchPageForm .workspaceRelative {
	min-height: 670px;
}
.dynamicFooter { /*  fixes the extra margin space in the footer on the cover and product detail pages */
	height: 0;
}
#categoriescontainer ul li {
	list-style: none;
}
.WishListTabBoxDiv {
	background-color: #efefef !important;
	overflow: auto;
	overflow-x: hidden;
}
.selectedCoverCellTd {
	padding: 2px !important;
}
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;
}

/* Header classes - used to define elements in the master menu area */
div.search {		/* settings for the SKU search box */
	right: 0px; 		/* starts the div on the right */
	bottom: 3px; 		/* starts the div from the bottom of it's parent div (the header) */
	position: absolute;
}

/* Addtional Attachments Links*/

div.AddtionalLinkArea
{
	position:relative;	
	padding:1px 0px 0px 0px;
}
div.AddtionalLinksCoverPosition
{
	width:250px;
	top:175px; 
	left:595px;
}
div.AddtionalLinksItemPosition
{
	width:365px;
	top:120px; 
	left:190px;
}
.radwindow_Position_Compare
{
	width:584px;
	position:absolute;
	left:-0px; 
	top:346px;
	height:75px;
}
.radwindow_Position
{
	width:584px;
	position:absolute;
	top:296px; 
	left:-65px; 
	height:75px;
}
div.RadWindowArea
{
 position:absolute;
 top: 40px;
 left: 0px;	
}
.additionalLinks
{
	position:absolute; 
	top:400px; 
	left:300px;
}

/* end addtional attachment links*/

/* Settings for Specials*/
.divSpecialInformation
{
position:relative; 
top:100px; 
left:170px; 
width:400px; 
text-align:center; 
display:none;	
}

.SpecialBrowserPadding
{
	padding-left:65px;	
}

.SpecialGrid
{
	position: absolute; 
	top: 15px; 
	left: 200px;	
}
.SpecialControlOnMS
{
	position:absolute; 
	top:280px; 
	left:10px;
}
.SpecialControlOnSearch
{
	position:absolute; 
	top:30px; 
	left:700px;
}
.SpecialPreviewImage
{
	height:75px; 
	padding-top:0px;	
}

div.BrowseAllSpecialDiv
{	
	padding:20px 0px 8px 0px;	
}

div.SpecialPreviewArea
{	
	padding:1px 0px 0px 0px;
	width:160px;
}
div.TitleDiv
{
	padding:4px; 
	height:15px;
}

#welcomemsg {		/* settings for the little "welcome: you are logged in as ..." message */
	left: 40%; 
	bottom: 2px; 
	position: absolute; 	
}

.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: 15px; 
	top: 15px; 
	position: absolute;
}

/* Paragraph - used to define elements pertaining to paragraphs */
.address {		/* settings for MicroD's address area our HOME page */	
	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;
}

.selectbutton	{		/* used to make the "button" elements and the "a pseudobuttons" elements to look the same */
	padding: 3px 11px 3px 11px;
}

.tdbtn {		/* settings for the td of the buttons - used to keep the button from getting truncated on top and bottom, do to td height */	
	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; 
}

.browserSkuTdHeight {		/* settings for the height of the box containing the SKU number, checkbox and icons */
	height: 39px;
}

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: 5px; 
}
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, 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.availableAreasTd {
	padding-left: 5px;
}
	
div#contrastTable2 table#contrastTable td.selectArea {
	padding: 4px 0px;
}
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;
}

.contrastAreaTable {		/* used to set the width of the table that displays sku,type and color in contrast area */
	width: 90px;
}

.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: #F2F3E5;
	width: 92px;
}
.prevcell table {
	margin-top: 10px;
	}
#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;
}

#prevTD {		/* the td ID for the above mentioned tr */
	padding-top: 2px;
}

#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.clientlogo {		/* positional settings for the xclient logo at the top of the page */
	position: absolute; 
	top: 1px; 
	left: .5%;
	height: 59px;
	width: 218px;
	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;	
	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;
}

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;
}
.LoginPageForm #optionsarea {
	display: none;
}
.optionsdiv {		/* positioning used for the options list division */
	height: 15em; 
	margin-left: 5px; 
	margin-top: 15px;
	display: none;
}
.LoginPageForm #optionsarea {
	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: 595px; 
	top:50px; 
	position: absolute;
}
.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;
}
.SearchResultsPageForm .infodiv4
{	
	left:500px;
	top:15px;
}
.infodiv4 {		/* positioning of information used on the email, account, pages */
	left: 230px; 
	width: 250px; 
	top: 30px; 
	position: absolute;
}
.infodiv5 {		/* positioning of information used on the customize css page */
	left:460px; 
	width: 200px; 
	top: 50px; 
	position: absolute;
}
.popupdiv
{
	position:absolute;
	top:35px;
	left:-125px
}
.popupcloseimg
{
	position:relative;
	padding-left:550px;
	top:-10px;
}


#infoareafull li {		/* settings for the infoareafull for iteminformation and fabricselector pages */
	list-style-type: none; 
	padding: 0px 5px 5px 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;
	font-size: .9em;
}
#infoareafull {		/* width settings for the infoareafull class */
	width: 95%;
	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;
}
/*.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: 190px; 
	top: 50px; 
	position: absolute; 
	text-align: center;
	width: 390px;
}
.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;
}

/* 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: 190px; 
	top: 395px; 
	position: absolute;
}
.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 */
	left: 210px; 
	top: 15px; 
	position: absolute;
}
#browserarea2 {
	left: 190px;
	top: 255px;
	position: absolute;
}
#browserareaReport {
	left: 30px;
	top: 15px;
	position: absolute;
}

table.browserareaReportTable td {
       padding-top: 5px;
       padding-bottom: 5px;
}
/* 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: 190px; 
	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: 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: 6px; 
	margin-top: 8px;
}
#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 */
/* 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 */
{
	width: 210px !important;	
}
.ep5menu .link /* this is the listings inside the menu, the type like sofa/chair/ottoman, set the background colors, bottom-border, text color and decorations here */
{
	width: 210px !important;
}
.ep5menu .group /* 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 */
{
	width: 210px !important;	
}
.ep5menu .group .link /* this is the same as the above .link but contained within the submenu */
{
	width: 210px !important;	
}

/* END RAD MENU */
ul.ultable {		/* settings for the options and information menus */
	margin-left: 0px; 
	padding-left: 0px; 
	width: 160px;
}
ul.ultable li {		/* settings for the LI elements in the options and information menus */	
	margin: 0px; 
	position: relative; 
	padding: 2px 0px 2px 2px;
	/*border-bottom: 1px solid #EEEFDD;*/
}
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;
}
.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 ==============*/
/* moved advanced search to under manufacturers menu */
select#manufacturer {
	margin-bottom: 10px;
	}

.covergobutton {
	margin-left: 10px;
	}

	
div.lowerfilter {	
	padding-top: 3px;
	padding-bottom: 2px;
	margin-bottom: 0px;
	/*clear: both;*/
	}
div.upperfilter {
	padding-bottom: 3px;
	margin-bottom: 0px;
	}

.step_box {	
	padding: 5px 20px;	
	margin: 25px 30px;
	
	}
ol.step_box li.step_header {
	padding-left: 15px;
	}
#troubleshooting {
	margin-top: 20px;
	}

.browserNoItemsFound {
	padding: 0px 40px 0px 40px;
	margin-top: 20px;
	}

.prevSelectedRowTr {
	margin-top: 10px;
	}
.selectAreaName {
	height: 29px;
	width: 80px;
	}
.selectedPrevCell {	
	padding: 2px 0px 2px 0px;	
	width: 92px;
	}
#quickCoverSearch {
	border-right: 3px double #336;
	padding-left: 2px;
	}

#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 #636161;
	}	
.availableAreasTd {
	vertical-align: middle;
	}

table#otherAvailableAreas {	
	width: 162px;
	}
/*Changes made 10/20/05 */

/* Add to Basket button */
.dynamicdataATBbtn {	
	font-size: 1.1em; 
	border: 2px solid #336; 
	background: #F2F3E5;	
	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;
    }	
    
#dynpage 
{
    top: 65px;
}
.topMenuArea
{
	z-index: 10;
	position: absolute;
	top: 63px;
	left: 0px;
	height: 23px
}

/* Custom/Client Home Page */

.AttributeFilterContainer
{		
	width: 160px;
	padding-left: 0 !important;
}

.AttributeFilter
{		
	padding-top: 10px;
}

.AttributeFilterHeading
{		
	padding: 2px 0px 2px 2px;	
}
.popuphd 
{
		position:absolute;
		top:0px;
		left:0px;
        padding-bottom: 0px;
        margin-bottom: 0px;                
        height: 25px;
        width:100%;
        text-align:center;
}

table.ultable
{	
	margin-left: 0px; 
	padding-left: 0px; 
	width: 100%;
}
.outerWrapper
    {	
        height: 90px;
        width: 160px;
        margin:4px 4px 0px 4px;     
    }
div.ItemsOnSpecialArea
	{		
		padding:1px 0px 0px 0px;
		width:165px;
	}
.browserareaPosition
{
	width:400px;
	padding-top:0px;	
}

div.HideableLeftarea {
	display: none;
}

div.leftarea, div.HideableLeftarea{		/*sets the begining of data inside the workspace area - used to keep a small left and right margin on the pages */	
	left:0px;
	top:18px;     /* previous value 139px */	
	position:relative; 
	width:180px;
	height:100%;
}
div.verticalstripe
{
	position:absolute; 
	width:2px; 
	height:100%; 
	left:180px; 
	top:2px;
}	
.ultitle_layout
{
	position:relative;
	left:-14px;
	width:180px;
	top:-14px;	
}
.CrumbPosition
{
 position:absolute;
 left: 210px;
 top:9px;	
}

.FavoritePageForm .CrumbPosition
{
 position:absolute;
 left: 15px;
 top:9px;	
}

/* PrintItem.aspx */
.PrintMainFrame
{
	height: 550px;
	background-color: #191919;
	border-style: solid;
	border-color: #191919;
}

.PrintMainFrameWidth
{
	width: 752px;
}

.PrintMainFrameWidth2
{
	width: 468px;
}

.PrintWorkingArea
{
	overflow: auto;
	height: 480px;
	margin-left: 0px;
	margin-top: 10px;
	background-color: White;
}

.PrintWorkingAreaWidth
{
	width: 748px;
}	

.PrintWorkingAreaWidth2
{
	width: 471px;
}	

.PrintItemArea
{
	width: 447px;
	vertical-align: top;
	margin-top: 8px;
	margin-bottom: 8px;
}

.PrintItemInfoList
{
	width: 390px;
	border: solid 1px #737373;
}

.PrintCoversArea
{
	width: 264px;
	vertical-align: top;
	padding-top: 15px;
	border-left: solid 1px #737373;
}

.PrintCoversAreaDisplay
{
}

.PrintCoversAreaDisplay2
{
	display: none;
}

.PrintCoversInfoList
{
	width: 210px;
	border: solid 1px #737373;
}

.PrintButtons
{
	margin-top: 10px;
}
/* end of PrintItem.aspx */

.otherphotos
{
	margin:10px 5px 10px 5px;
	padding-left: 0px !important;
	padding-right: 2px !important;
}

.FavoritesBrowserContainer
{
	width: 950px; 
	position:absolute; 
	left:15px; 
	top:55px;
}

.BarAboveFavorites
{
	position: absolute; 
	left: 15px; 
	top: 38px; 
	width: 950px; 
	height: 1px;
}

.BarAboveInfoArea
{
	position:absolute;
	top:40px;
	left:200px;
	width:800px;
}

.VerticalBarInfoArea
{
	position:absolute;
	left:386px; 
	top:15px
}

.BarAboveSearchResultsArea
{
	position:absolute;
	top:30px;
	left:200px;
}

.ButtonsBelowInfoImage
{
	position:relative;
	top:380px;
}

.leftAreaMenuContainer
{
	float:left;	
	position: relative;
	left: -5px;
}

.UserPageContentContainer
{

}
.CookieCrumbPosition
{
	position:absolute; 
	z-index:1; 
	width:100%; 
	top:90px; 
	left:0px;
}
.HorizontalLineSeparator
{
	border-top: solid 2px #b6b6b6; 
	position:relative;
	top:30px;
}
.LeftAreaPosition
{
	position:absolute; 
	top:92px;
	left:1px;
	width:180px;
	min-height:900px; 
	z-index:1;	
}
.HeaderPosition
{
	z-index:2; 
	position:absolute; 
	top:0px; 
	left:0px;	
}

.AttributeSelectionOuter
{
	position: relative;
	/* height: 400px; */
}

.AttributeSelectionCustomHtml
{
	position: absolute;
	left: 500px;
	top: 0px;
}