/****************************** NUEVA HOJA DE ESTILOS BASE CSS 2  ************ 27/11/2007 ***********/

/*  NOTA: 1em = 12px  */


/* Neutralizando estilos: 
   Elementos que queremos re-setear a 0 enteramente y dejar por defecto: */

/*11px es el FontSize / 120% es el line-height */

html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font-style: normal;
	color: #165090;
	font: 12px / 120% Tahoma, Arial, Helvetica, sans-serif;
	}


			

/* Neutralizando estilos: 
   Elementos con margen vertical : */

/* Reseteo a 0 los bordes margenes y padding*/ 
  
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address  {
	margin:  0;
	padding: 0;
	font-family:Tahoma, Arial, Helvetica, sans-serif ;	
}

select {font-size:11px; color:#666666; font:Tahoma;}

/* Reseteo a 0 todos los bordes en los A , les seteo un tamaño de fuente y les saco el underline */
a 	{	border: 0;
		font-size: 11px;
	}



p	{	font-size: 12px;
		color:#165090;
		
	}
	
/* p a {text-decoration:underline;} /* Para que subraye los "links desde el web editor"*/


 /* Para todos los párrafos que estén dentro de una etiqueta form declaro: */
 form p	{	font-size: 11px;
			
		}
p.Form	{
	font-size: 12px;
	font-weight:bold;		
	}
	
p.Revelado { font-size:13px;
			font-weight:bold;}

/* Aplicar margen izquierdo:
   Solo a los pocos elementos que lo necesitan: */
   
li, dd, blockquote {
	margin-left: 0px;
	/*padding-left:10px;*/
	font-size:11px;
	color:#165090;
	list-style-type:none;
}

/* Conveniencias Varias para Propiedades de Formularios: */
	
/*Define las propiedades para el Tag label del form*/

form label 	{
				margin: 0;
				padding: 0;
			}


fieldset 	{
				border: none;
				border: solid 0 transparent; /* Este lo resetea a 0 para Opera */

			}

/*  Aplicar estilos a  INPUT, SELECT Y TEXTAREA del formulario */

input.Form  {	font-family: Tahoma;
								font-size: 11px;
								background-color: #FFFFFF;
								border: #8BA8C8;
								border-style: solid;
								border-top-width: 1px;
								border-right-width: 1px;
								border-bottom-width: 1px;
								border-left-width: 1px;
								width:130px;
								color: #666666;
								
							}			
			
select.Form	{	font-family: Tahoma;
								font-size: 11px;
								background-color: #FFFFFF;
								border: #8BA8C8;
								border-style: solid;
								border-top-width: 1px;
								border-right-width: 1px;
								border-bottom-width: 1px;
								border-left-width: 1px;
								width:130px;
								color: #666666;
								
							}							
							
textarea.Form	{	font-family: Tahoma;
								font-size: 11px;
								background-color: #FFFFFF;
								border: #8BA8C8;
								border-style: solid;
								border-top-width: 1px;
								border-right-width: 1px;
								border-bottom-width: 1px;
								border-left-width: 1px;
								width:130px;
								scrollbar-arrow-color:#086E17;
					scrollbar-shadow-color: #086E17;
					scrollbar-base-color:#FFFFFF;
					scrollbar-3dlight-color: #FFFFFF;
					scrollbar-darkshadow-color:#FFFFFF;
					scrollbar-face-color:#FFFFFF;
					scrollbar-highlight-color:#FFFFFF;
					scrollbar-track-color:#FFFFFF;
					color: #666666;
								
							}			
							
/********************************  FIN DE RESET ESTILOS BASE  **********************************/	
						
						




/* PSEUDO CLASES - RESPETAR ORDEN de Declaraciones : Link, Visited, Hover, Active */

/* a:link 		{	color: #333333;	}	/*Esta Funciona Para Ambos navegadores*/
				
			
/* a:visited {		color:#333333;}		/*Esta Funciona Para Ambos navegadores*/
			
/* PSEUDO CLASES DINÁMICAS */



/* a:hover 	{	color: #999999;	}	/*Esta Funciona Para Ambos navegadores*/
				
			

a:active 	{	 /* Para IE este esta funciona / y en Mozilla Firefox no funciona  */
				
			}
			
a:focus 	{	 /*Esta no funciona en IE 6 / y en Mozilla Firefox se comporta como active*/
				
			}			

/* PSEUDO ELEMENTOS */

p:first-line 	{ 	 /*Aplica formato a la primera linea de un párrafo*/
					
				}

p:first-letter 	{ 	/*Aplica formato a la primer letra de un párrafo*/
			   		
				}
								

/*  Básicos */

.CursorHand		{ 	cursor: pointer;	}



Small 	{	font-size: 10px;	}
		
/* Para todos los elementos h3 que esten dentro de un tag Form declaro:*/

form h3 {	font-size: 11px;   
					
				 }							
					
/****************************************  DIAGRAM LAYERS  ***************************************/				

DIV 	{	width: 100%;
			height: 100%;
		}


#Top {
	position: relative;
	background:#FFFFFF;	
	z-index: 1;
}
#Left {
	position: relative;
		background:#FFFFFF;	
	z-index:2;
}
#Content {
	position: relative;

	z-index: 3;
}
#Bottom {
	position: relative;
		background:#FFFFFF;	
	z-index: 4;

}

#Right {
	position:relative;
		background:#FFFFFF;	
	z-index:5;
}
/*********************************   FIN DIAGRAM LAYERS  ***************************************/

									/*****	#Content	*****/

/* A todas las img que esten dentro de un link dentro de la layer #Content declaro: */
#Content a img 	{	border:#666666 solid 1px; 

				}
				
#Content h1 {	
				font-size:20px;
				color:#FFFFFF;
				font-weight:normal;			
			}

#Content h2{
	font-size:15px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:4px;			
			}

h2.NavProd{
	 color:#CC3300;
	 font-size:12px;
	 font-weight:bold;
	 padding-right:2px;
	 }
			 
p.ProductInfo{
	 color:#165090;
	 font-size:11px;
	}
	 
.RelatedProdTable {
	font-size:15px;
	color:#FFFFFF;
	font-weight:bold;
	/*border:1px solid #A9BCD4;
	/*background-color:#3A659C;*/}	
	
.RelatedProdTitle {
 color:#CC3300;
 font-size:11px;
 font-weight:bold;
}

.RelatedProdClause {
 color:#FFFFFF;
 font-size:15px;
 font-weight:bold;
}

.RelatedProdDetail {
 font-size:10px;
 color:#165090;
}

.Path2 {

 color:#CFD5E5;
 text-decoration:underline;
 font-size:10px;
 padding-top:0;}
 
.Path1 {
color:#FFFFFF;
font-size:13px;
font-weight:bold;}

.Path3 {
color:#FFFFFF;
font-size:17px;
font-weight:bold;}

 
	 		
/***********************************************************************************************/

											
									/*****	#Left	*****/

/* A todos los H1 dentro de la layer #Left declaro: */

				
#Left h1 	{	
				font-size:11px;
				text-transform:capitalize;
				padding-left:20px;
				display:block;
			
			}
		

/*Para que quede seleccionada le aplico */		


.LeftSelH1 	{	
				color:#FF0000;
				
			}
			
.BrandNav { 
	color:#1F4E7C;
	font-size:11px;
	font-weight:bold;}
	
.PremisesList {
	background:url(images/layout/content/bgnd_premises.gif) no-repeat;
	height:22px;
	}
	
.PremisesListFontStyle {
	color:#FFFFFF;
	padding-left:25px;
	font-size:11px;
	}	
		
.PremisesListFontStyle:hover {
	color:#FFFFFF;
	padding-left:25px;
	font-size:11px;
	font-weight:bold;
	}
	

/*****************************************************************************************************
										#TOP
*****************************************************************************************************/											

.CategoryNav {
	font:Tahoma;
	font-size:10px;
	color:#FFFFFF;
	font-weight:normal;	
	}	
	
.CategoryNavON {
	font:Tahoma;
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;	
	}	
	
/***********************************************************************************************/	
	
		
										/*****	#Bottom   *****/

/* A todos los H1 dentro de la layer #Bottom declaro: */

#Bottom h1 	{	font-size:11px;
				padding-left:12px;
				text-decoration:underline;
			}

/*Para que quede seleccionada le aplico */		

.BotSelH1 	{	color:#009999;}
				
			

			
/***********************************************************************************************/			
		
											
/******** BORDES en Orden de Izquierda a Derecha - TRBL -Top - Right - Bottom - Left ***********/



/* Los Nombres de los bordes deben contener la ubicación + la posición/es donde es aplicado 
   Ej.: DiagramRL -> describe su aplicación en el Diagram para los bordes Right y Left  */


.DiagramRL	{	border: #999999 solid; border-width: 0px 1px 0px 1px;}





/******************************** ESTILOS EXTRA PARA FORMULARIOS ********************************/


.Scroll  		{	
					scrollbar-arrow-color: #666666;
					scrollbar-shadow-color: #086E17;
					scrollbar-base-color:#FFFFFF;
					scrollbar-3dlight-color: #FFFFFF;
					scrollbar-darkshadow-color:#FFFFFF;
					scrollbar-face-color:#FFFFFF;
					scrollbar-highlight-color:#FFFFFF;
					scrollbar-track-color:#FFFFFF;
					
				}


.FieldForm		{	
					width:110px;
					height:17px;
					font-family:Tahoma;
					font-size:11px;
					color:#666666;
					
				}

.FieldError 	{	background-color: #3A659C;
					width:110px;
					border: #FFFFFF;
					border-style:solid;
					border-top-width: 1px;
					border-right-width: 1px;
					border-bottom-width: 1px;
					border-left-width: 1px;
					color: #FFFFFF;
					height:17px;
					font-size:11px;
				}


.ErrorMesForm	{	
					color:#ffffff;
					font-weight:bold;
					font-size:11px;
					background-color:#3A659C;
				}


/****** Si el Sitio en el que trabajas no necesita una clase Container borrarla de la Hoja *******/

.Container	{	width:98%;
				height:260px;
				overflow: auto;
				z-index:2;
				scrollbar-arrow-color:#ffffff;
				scrollbar-shadow-color:#ffffff;
				scrollbar-base-color:#405A81;
				scrollbar-3dlight-color:#4D4D4D;
				scrollbar-darkshadow-color:#4D4D4D;
				scrollbar-face-color:#4D4D4D;
				scrollbar-highlight-color:#ffffff;
				scrollbar-track-color:#DEE6E9;
				background-color:#000000;
			}


.Searcher {
	width:123px;
	border:1px solid #CCCCCC;
	font: Tahoma;
	height:17px;
	color:#666666;
	font-size:10px;}

.FieldFormLogin { 
    font-family: Tahoma;
	font-size: 11px;
	color:#666666;
	border: #3A659C solid 1px;
	height:17px;
	width:150px;}
					
.p.ForgotPassword { 
	color:#165090;
	font-size:11px;
	text-decoration:underline;}


.EliminarFotos {
	color:#1F4E7C; 
	font-size:11px;
	padding-top:5px;
	text-decoration:underline; 
	cursor: pointer;}
	
.Format {
	font-family:Arial, Helvetica, sans-serif; 
	color:#1F4E7C; 
	font-size:11px; 
	display:inline;}
	
.Zip {
	font-family:Arial, Helvetica, sans-serif;
 	color:#1F4E7C; 
	font-size:11px; 
	display:inline;
	padding:0px;}
	
.ComboSizesPaper{ border: 1px solid #3B669C;}

Select {border: 1px solid #3B669C;}

/******************************** FIN HOJA DE ESTILOS BASE **************************************/ 