.TreeContainer{
	margin: 0px;
	position: absolute;
	width: 160px;
	left: 5px;
	top: 150px;
	/*BORDER: #B8AD8D 1px solid;*/
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 10px;
	PADDING-TOP: 10px;	
	/*BACKGROUND-COLOR: #CAC2AA;*/
	BACKGROUND: url(../../../UI-ST/Img/treecontainer.gif) top no-repeat;
	FONT: 11px/18px Verdana, sans-serif;
	COLOR: #9F3D00;
	TEXT-ALIGN: left;
}

.TreeContainer UL
{
	border: 0px;
	text-align: left;
	margin: 2px;
	margin-bottom: 2px;
	list-style: none;
	font-weight: bold;
	padding-left: 0px;
}
.TreeContainer UL UL
{
	margin: 0px;
	list-style: none;
	font-weight: normal;	
}

.TreeContainer UL UL LI
{
	margin: 0px;
	padding-left: 17px;
	padding-bottom: 2px;
	background: url(../../../UI-ST/Img/Marker.gif) left top no-repeat;
	list-style: none;
}

/* El hover en otro elemento que no sea A no funciona en IE aunque sí en Mozilla*/
/*
.TreeContainer UL UL LI:hover 
{
	background: url(../images/Marker.gif) right center no-repeat;
}
*/
.TreeContainer UL UL LI A:hover
{
	color: #9F3D00;
}

.TreeContainer UL UL LI A.active
{
	color: #9F3D00;
	font-weight: bold;
}
.TreeContainer input.filter
{
	/*BACKGROUND: url(../../../UI-ST/Img/Button-16.gif) transparent no-repeat;*/
	BACKGROUND: url(../../../UI-ST/Img/Button-Orange.gif) transparent no-repeat;
	border-style: none;
	FONT-SIZE: 10px;
	COLOR: #990000;
	cursor: pointer;
	width: 100px;
	/*height: 16px;*/
	height: 22px;
	vertical-align: middle;
	padding-bottom: 1px;
	margin-bottom: 5px;
	margin-left: 2px;
}
.TreeContainerBottom
{
	margin: 0px;
	margin-left: -2px; /* Este DIV está dentro del TreeContainer por lo que hay que forzar que se salga para que cuadre el borde de la imagen*/
	position: absolute;
	width: 160px;
	BACKGROUND: url(../../../UI-ST/Img/treecontainerBottom.gif) bottom left no-repeat;
	height: 15px;
}
body>.TreeContainer>.TreeContainerBottom
{
	margin-left: -3px;
}

.FilterContainer{
	position: absolute;
	width: 151px;
	max-width: 151px;
	top: 150px;
	left: 1095px;
	/*BORDER: #B8AD8D 1px solid;*/
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 10px;
	/*BACKGROUND-COLOR: #ecf3e1;*/
	BACKGROUND: url(../../../UI-ST/Img/TreeContainer.gif) top no-repeat;
	MIN-HEIGHT: 30px;
	FONT: 9px/11px Verdana, sans-serif;
	COLOR: #9F3D00;
	display: block;
	margin: 0px;
}
.FilterContainer P
{
	margin: 2px;
	margin-bottom: 10px;
	margin-right: 10px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 11px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
.FilterContainer UL
{
	border: 0px;
	text-align: left;
	margin: 0px;
	margin-bottom: 2px;
	list-style: none;
	font-weight: bold;
	padding-left: 2px;
}
.FilterContainer UL LI.materials
{
	float: left;
	width: 45px;
}
.FilterContainer UL LI
{
	margin: 0px;
	padding-bottom: 2px;
	list-style: none;
}
.FilterContainer UL UL
{
	margin: 0px;
	list-style: none;
	font-weight: normal;	
}

.FilterContainer UL UL LI
{
	margin: 0px;
	padding-left: 2px;
	padding-bottom: 2px;
	list-style: none;
}
.FilterContainer UL UL LI.Disabled
{
	color: #CCCCCC;
}
.FilterContainer input.filter
{
	/*BACKGROUND: url(../../images/Button-16.gif) transparent no-repeat;*/
	BACKGROUND: url(../../../UI-ST/Img/Button-Orange.gif) transparent no-repeat;
	border-style: none;
	FONT-SIZE: 10px;
	COLOR: #990000;
	cursor: pointer;
	width: 100px;
	height: 22px;
	vertical-align: middle;
	padding-bottom: 1px;
	margin-bottom: 5px;
}
.FilterContainer form.filterAccept
{
	margin-bottom: 16px;
}
.FilterContainerBottom
{
	margin: 0px;
	margin-left: -2px; /* Este DIV está dentro del TreeContainer por lo que hay que forzar que se salga para que cuadre el borde de la imagen*/
	position: absolute;
	width: 155px;
	height:18px;
	BACKGROUND: url(../../../UI-ST/Img/TreeContainerBottom-1000.gif) bottom no-repeat;
	height: 15px;
}
body>.FilterContainer>.FilterContainerBottom
{
	margin-top: 5px;
	/*margin-left: -3px;*/
}

.TemplatesContainer
{
	position: absolute;
	width: 895px; /*Tamaño con el contenedor de filtros visible*/
	/*width: 1055px;*/ /*Tamaño sin el contenedor de filtros*/
	left: 175px;
	top: 150px;
	BORDER: #B8AD8D 1px solid;
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 30px;
	PADDING-TOP: 10px;
	min-height: 595px;
}
.TemplatesContainerMaxWidth
{
	position: absolute;
	/*width: 895px;*/ /*Tamaño con el contenedor de filtros visible*/
	width: 1225px; /*Tamaño sin el contenedor de filtros*/
	left: 5px;
	top: 150px;
	BORDER: #B8AD8D 1px solid;
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 30px;
	PADDING-TOP: 10px;
	min-height: 595px;
}
.TemplatesContainerMaxWidthLeft
{
	position: absolute;
	width: 1055px;
	left: 175px;
	top: 150px;
	BORDER: #B8AD8D 1px solid;
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 30px;
	PADDING-TOP: 10px;
	min-height: 595px;
}
.TemplatesPreviewHeader
{
	margin: 2px;
	position: relative;
	BORDER: #B8AD8D 1px solid;
	BACKGROUND-COLOR: #ECE9D8;
	height: 20px;
	text-align: left;
}
.TemplatesPreviewHeader P
{
	margin: 0px;
	color:  #9F3D00;
	padding: 2px;
}

.TemplatesPreviewBody
{
	BORDER: #B8AD8D 1px dotted;	
	margin: 2px;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}
.TemplatesPreviewBody .MaintenanceAdvice
{
	font-family: Trebuchet MS;
	font-size: 15px;
}
/*
.TemplatesPreviewBodyTop
{
	position: relative;
	margin: 0px;
	margin-top: 1px;
	padding: 0px;
}
#TemplatesPreviewBodyImageTopLeft {	float: left; }
#TemplatesPreviewBodyImageTopRight { float: right; }
.TemplatesPreviewBodyBottom
{
	position: relative;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
}
#TemplatesPreviewBodyImageBottomLeft { float: left; }
#TemplatesPreviewBodyImageBottomRight{ float: right; }
*/
.spacer
{
	clear: both;
}
.TemplatesPreviewBodyImage
{
	padding: 0px;
	margin: 0px;
	float: left;
}
* html .TemplatesPreviewBodyImage
{
	/*width: 442px;*/
}
/*
body>#TemplatesContainer>#TemplatesPreview>#TemplatesPreviewBody>#TemplatesPreviewBodyImage
{
	max-width: 442px;
}
*/
.TemplatesPreviewBodyImage .PreviewImage
{
	height: 277px;
	width: 277px;
}

.TemplatesPreviewBodyImage IMG
{
	BORDER: #B8AD8D 1px solid;
	margin: 1px;
	max-width: 442px;
	margin: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 4px;
	background: #D6D6C6;
}
.TemplatesPreviewBodyImage .ImageButtons
{
	/*display: none;*/
	display: block;
	height: 20px;
	max-width: 442px;
	min-width: 275px;
	Border: #B8AD8D 1px solid;
	BACKGROUND: url(../../../UI-ST/Img/OptionButtons-5.gif) #f5f5f5;
	margin-bottom: 2px;
	margin-left: 4px;
}
* html .TemplatesPreviewBodyImage .ImageButtons
{
	width: 275px;
}
.TemplatesPreviewBodyImage .ImageButtons IMG
{
	margin: 1px;
	margin-top: 3px;
	margin-left: 2px;
	margin-right: 2px;
	float: left;
	border-width: 0px;
	background-color: Transparent;
}
.TemplatesPreviewBodyImage P
{
	/*display: none;*/
	margin: 0px;
	margin-bottom: 2px;
	margin-left: 4px;
	padding: 2px;
	padding-left: 10px;
	max-width: 263px;
	min-width: 263px;
	border: 1px solid #B8AD8D;
	background-color: #ECE9D8;
	height: 25px;
}
* html .TemplatesPreviewBodyImage P
{
	width: 263px;
}
.TemplatesPreviewBodyImage .ImageInfo
{
	/*display: none;*/
	display: block;
	font-size: 9px;
}

.NewMarkLeft
{
	position: absolute;
/*	top: 0px;*/
/*	bottom: 0px;*/
	margin: 3px;
	background: url(../../../UI-ST/Img/New.gif);
	width: 94px;
	height: 85px;
	float: left;
	z-index: 1000;
}
.NewMarkRight
{
	position: absolute;
	top: 0px;
	margin: 3px;
    background: url(../../../UI-ST/Img/New.gif);
	width: 94px;
	height: 85px;
	float: left;
	z-index: 1000;
}
/*
* html .NewMarkLeft
{ left: -421px; }
* html .NewMarkRight
{ left: 22px; }
*/

.EnlargedImageContainer
{
	position: absolute;
    display: none;
	left: 50px;
	top: 50px;
	min-width: 790px;
	min-height: 530px;
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: #B8AD8D 3px solid;
	border-right: #7A735E 3px solid;
	border-bottom: #7A735E 3px solid;
	margin: 0px;
	padding: 8px;
	z-index: 1001;
	text-align: center;
}
* html .EnlargedImageContainer
{
	/*
	width: 895px;
	height: 620px;
	*/
	width: 790px;
	height: 530px;
	
}
.EnlargedImageContainer P
{
	position: relative;
	COLOR: #9F3D00;
	background-color: #ECE9D8;
	padding-left: 5px;
}
/*
.EnlargedImageContainer P
{
	position: relative;
	COLOR: #7e9e50;
	background-color: #ecf3e1;
	padding-left: 5px;
}
*/

.FamilyPreview
{
	position: absolute;
    display: none;
	top: 25px;
	left: 50px;
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: #B8AD8D 3px solid;
	margin: 0px;
	margin-top: 35px;
	margin-left: 30px;
	z-index: 1;
}
.FamilyPreview P
{
	position: relative;
	display: inline;
	COLOR: #7e9e50;
	padding-left: 5px;
}
.FamilyPreview IMG
{
	position: relative;
	display: block;
}

.TemplatesPreview
{
	margin: 2px;
	text-align: center;
}

.TemplatesSearchEngine
{
	position: absolute;
	width: 145px;
	left: 5px;
	top: 120px;
	height: 20px;
	padding-top: 1px;
	padding-left: 10px;
	padding-right: 10px;
	BORDER: #B8AD8D 1px solid;
	BACKGROUND: url(../../../UI-ST/Img/OptionButtons-5.gif) #f5f5f5;
}
.TemplatesSearchText
{
	BORDER: #B8AD8D 1px solid;
	background-color: #ECE9D8;
	width: 100px;
	height: 14px;
	font-size: 11px;
}
.TemplatesSearchButton
{
	font-size: 11px;
	background: transparent url(../../../UI-ST/Img/SearchEngineGlass.gif) center no-repeat;
	border-style: none;
	width: 17px;
	cursor: pointer;
}