/* header  */

body {
	margin		:0px 0px 40px 0px;
	padding		:0px;
	background	: #FFCC00 url('/opencms/opencms/system/modules/gr.infote.corporate/images/gr/yp2/bg.jpg') repeat-x ;
	font-family	: Verdana, Tahoma, Arial;
	font-size	: 11px;
}

div#container {
	margin		:auto;
	width		:782px;
	text-align	:left;
	overflow	:hidden;
	margin-top	:7px;
	background	: #FFFFFF;
}


#logo0
{
	width		: 290px;
	height		: 48px;
	float		: left;
}

#logo1
{
	width		: 492px;
	height		: 48px;
	background	: url('/opencms/opencms/system/modules/gr.infote.corporate/images/gr/yp2/logo1.jpg') no-repeat ;
	float		: left;
	
}


#dates
{
	float		: right;
	height		: 18px;
	line-height	: 13px;
	font-size	: 13px;
	width		: 125px;
	margin-top	: 25px;
	margin-right: 10px;
	color		: #726B61;
}

form
{
	margin		: 0px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* ========================================================================================  */
/* menu  */


#menu
{
	clear		: both;
	width		: 782px;
	height		: 38px;
	background	: url('/opencms/opencms/system/modules/gr.infote.corporate/images/gr/yp2/menu_bg.jpg') repeat-x ; 
}



#nav-menu
{
	width		:685px;
	float		:left;
} 


#nav-menu ul
{
	list-style	: none;
	padding		: 0;
	margin		: 0;
} 






#nav-menu li
{
	float			: left;
	height			: 20px;
	margin-top		: 8px;
	border-right	: 1px solid white;
	position		: relative;

} 

#nav-menu li a
{
	margin-top		: 0px;
	padding-left	: 15px;
	padding-right	: 15px;
	height			: 23px;
	line-height		: 19px;
	float			: left;
	display			: block;
	color			: #1D69A6;
	text-decoration	: none;
	text-align		: center;
	font-size		: 14px;
	font-weight		: bold;
}

#nav-menu li a:hover
{
	color		: #00468C;
}


#lng
{
	float			: right;
	height			: 38px;
	line-height		: 33px;
	font-size		: 13px;
	margin-right	: 10px;
}

#lng a {
	color			: #726B61;
	text-decoration : none;
}

#lng a:hover {
	color			: #ffffff;
	text-decoration	: none;
}



/* ========================================================================================  */
/* index page  */



#main
{
	
}


#left_column
{
	width	: 510px;
	float	: left;
	display	: block;
	border	: 0px solid red;
}

#right_column
{
	width	: 260px;
	float	: right;
	border	: 0px solid green;
	display	: block;
}

#line1
{
	margin	: 10px;
}

#line2
{
	margin	: 10px;
}




.title1
{
	width		: 493px;
	height		: 31px;
	background	: url('/opencms/opencms/system/modules/gr.infote.corporate/images/gr/yp2/title1.jpg') no-repeat ; 
	line-height	: 30px;	
	color		: #1D69A6;
	font-weight	: bold;	
}

.body1
{
	width		: 493px;
	background	: url('/opencms/opencms/system/modules/gr.infote.corporate/images/gr/yp2/body1.gif') repeat-y ; 
	
}


.footer1
{
	width		: 493px;
	height		: 10px;
	background	: url('/opencms/opencms/system/modules/gr.infote.corporate/images/gr/yp2/footer1.gif') no-repeat ; 
	
}


.boxtitle
{
	margin		: 10px;
	font-weight	: bold;
}

.bodytext
{
	padding	: 10px;
}




.title2
{
	width		: 241px;
	height		: 43px;
	background	: url('/opencms/opencms/system/modules/gr.infote.corporate/images/gr/yp2/title2.jpg') no-repeat ; 
	line-height	: 18px;	
	color		: #1D69A6;
	font-weight	: bold;	
	
}

.body2
{
	width		: 241px;
	background	: url('/opencms/opencms/system/modules/gr.infote.corporate/images/gr/yp2/body2.gif') repeat-y ; 
}

.body2 img
{
	margin		:5px;
}

.body1 a
{
	text-decoration	: none;	
	color			: #F1A836;
	font-weight		: bold;
}

.body1 a:hover
{
	text-decoration	: underline;	
	color			: #0063A7;
	font-weight		: bold;
}


.footer2
{
	width		: 241px;
	height		: 10px;
	background	: url('/opencms/opencms/system/modules/gr.infote.corporate/images/gr/yp2/footer2.gif') no-repeat ; 
	
}


/* ============================*/
/*  side  */


#search 
{
	width		: 257px;
    text-align	: right;
	border		: 0px solid green;
	height		: 30px;
	padding		: 0px;
	float		: right;
}



#search img 
{
	margin		:5px;
}


#xo_search
{
	margin-top	: 0px;
	clear		: both;
	border		: 0px solid green;
}


.xo_bold
{
	font-size 	: 15px;
	font-weight	: bold;
}



.sidebox_xo_header
{
	width		: 253px;
	height		: 45px;
	background	: url('/opencms/opencms/system/modules/gr.infote.corporate/images/gr/yp2/sidebox_xo_header.jpg') no-repeat ; 
}

.sidebox_xo_body
{
	width		: 253px;
	background	: url('/opencms/opencms/system/modules/gr.infote.corporate/images/gr/yp2/sidebox_xo_body.jpg') repeat-y ; 
}

.sidebox_xo_text
{
	padding	: 10px;
}

.sidebox_xo_footer
{
	width		: 253px;
	height		: 27px;
	background	: url('/opencms/opencms/system/modules/gr.infote.corporate/images/gr/yp2/sidebox_xo_footer.jpg') no-repeat ; 
	
}


/* ============================*/


.sidebox_title
{
	width		: 257px;
	height		: 36px;
	background	: url('/opencms/opencms/system/modules/gr.infote.corporate/images/gr/yp2/sidebox_header.jpg') no-repeat ; 
	line-height	: 35px;	
	color		: #1D69A6;
	font-weight	: bold;	
	
}

.sidebox_body
{
	width		: 257px;
	background	: url('/opencms/opencms/system/modules/gr.infote.corporate/images/gr/yp2/sidebox_body.jpg') repeat-y ; 
	
}

.sidebox_text
{
	padding	: 10px;
}

.sidebox_body a
{
	text-decoration	: none;	
	color			: #F1A836;
	font-weight		: bold;
}

.sidebox_body a:hover
{
	text-decoration	: underline;	
	color			: #0063A7;
	font-weight		: bold;
}



.sidebox_links
{
	text-decoration	: none;	
	color			: #F1A836;
	font-weight		: bold;
}

.sidebox_links:hover
{
	text-decoration	: underline;	
	color			: #0063A7;
	font-weight		: bold;
}


.sidebox_footer
{
	width		: 257px;
	height		: 21px;
	background	: url('/opencms/opencms/system/modules/gr.infote.corporate/images/gr/yp2/sidebox_footer.jpg') no-repeat ; 
	
}






/* ========================================================================================  */
/* internal page  */

#left_column_products
{
	width	: 200px;
	float	: left;
}

#right_column_products
{
	width	: 570px;
	float	: right;
}

#right_column_products h2
{
	margin-top	: 30px;
	font-size	: 18px;
}


.search_bar
{
	width		: 100%;
	height		: 30px;
}


#side_menu
{
	margin-left	: 10px;
	width		: 195px;
}





.search_form_1
{
	width		: 100px;
	border		: 1px solid #cccccc;
}





.row_header
{
	background	: #FDE47D;
	font-size	: 14px;
}


.row_lite
{
	background	: #ffffff;
}



.row_dark
{
	background	: #FFF3C9 ;
}

.product_box
{
	text-align	: center;
	float		: left;
	width		: 50px;
	margin		: 10px;
}

.form_box
{
	clear		: both;
}


.separator_10
{
	width		: 3px;
	margin		: 2px;
	height		: 12px;
	background	: url('/opencms/opencms/system/modules/gr.infote.corporate/images/gr/yp2/separator_10.gif') repeat-y ;
	float		: left;
}



#footer
{
	clear		: both;
	width		: 782px;
	height		: 22px;
	margin-top	: 20px;
	background	: #FFCC00 url('/opencms/opencms/system/modules/gr.infote.corporate/images/gr/yp2/footer.gif') no-repeat ;
}

#footer_inside
{
	width		: 500px;
	line-height	: 20px;
	margin		: 0 auto;
}

#footer_inside a
{
	text-decoration : none;
	color		: #ffffff;
	margin-left	: 5px;
	margin-top	: 5px;
}

#footer_inside a:hover
{
	text-decoration : underline;
	color		: #ffffff;
}


#promForm label.error {
  padding-left: 16px;
  padding-bottom: 2px;
  font-weight: bold;
  color: #EA5200;
}



/*  ######################################################################################################################  */
/* vertical  menu */


.menu_left {
	float		:left;
	width		:193px;
	text-align	:left;
}
.menu_left h2 {
	float		:left;
	width		:193px;
	height		:19px;
	max-height	:17px;
	margin		:0px;
	padding		:2px 0px 0px 0px;
	font		:normal 12px Verdana, "Arial Helvetica", sans-serif;
	color		:#ffffff;
	background-color:#EFBC00;
	text-align	:center;
	padding		:2px 0px 0px 0px;
	
}


div#vertical_container{	
	float		:left;
	text-align	:left;
	font		:normal 9px Verdana;
	color		:#2f033f;		
	margin		:0px 0px 0px 0px;
	padding		:0px 0px 0px 0px;		
}

ul#vertical{
   float		:left;

   margin		: 0px 0px 0px 0px;
   padding		: 0px 0px 0px 0px;
   z-index		: 20;
   width		: 193px;
   text-align	: left;
   background-image:none;
}




ul#vertical li {
	float:left;
	width:193px;
	list-style: none;
	position:relative;
	font:normal 9px Verdana;
	color:#525252;
	text-decoration:none;
	background-color:#FFE497;
	overflow:hidden;

}
ul#vertical li ul li.vactive a {
	float:left;
	background-color:#FFD24F;	
}
.vactive a{
	float:left;
	width:193px;
	text-align:left;
	font:normal 10px Verdana;
	color:#525252;
	text-decoration:none;
	padding:4px 16px 4px 16px;
	background-color:#FFDC4E;
}


ul#vertical li a{
	float:left;
	width:193px;
	max-width:173px;
	text-align:left;
	font:normal 10px Verdana;
	color:#525252;
	text-decoration:none;
	padding:4px 10px 4px 10px;
	border-bottom:1px solid #ffffff;
	
}
UL#vertical LI A:HOVER {
	float:left;
	font:normal 10px Verdana;
	color:#525252;	
	/*background-color:#FEE684;*/
	background-color:#FFDC4E;
}


ul#vertical li ul {
	position: relative;
	width:150px;
	background-color:#E03302;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	left:0px;
}

* html ul#vertical li ul {
   top: 0px; /* for IE5 and IE6 in quirks mode */
	
 } 

ul#vertical ul
{
	/*border: 1px solid black;*/
	margin: 0;
	padding: 0;
	width: 115px; /* Width of Menu Items */	 

	
	 /* IE6 Bug */	
}
	

ul#vertical ul li ul,
ul#vertical ul li ul li ul{
	/*border: 1px solid black;*/
	float:left;
	margin: 0;
	padding: 0;
	 /* Width of Menu Items */	
	display: none; 
	 /* IE6 Bug */
	}




	
ul#vertical li ul li {
	float:left;
	width:193px;
	list-style: none;	
	position:relative;
	font:normal 10px Verdana;
	color:#525252;	
	background-color:#FFE497;
	text-decoration:none;
	border-bottom:1px solid #ffffff;
	

}

ul#vertical li ul li a {
	float:left;
	width:159px;
	text-align:left;
	font:normal 10px Verdana;
	color:#525252;
	text-decoration:none;
	padding:4px 10px 4px 24px;
	border:0px;
	background-color:#FFE497;
	background-image:url(/opencms/opencms/system/modules/gr.infote.corporate/images/gr/arrowtri.gif);
	background-repeat:no-repeat;
	background-position:11px 6px;
}

ul#vertical ul li ul{
	float:left;
	left: 150px; 
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}	
ul#vertical ul li ul li{
	color:red;	
	top:0px;	
	margin:0px;
	padding:0px 0px 0px 2px;	
	width: 150px;
}	
	

ul#vertical li:hover ul ul,
ul#vertical li:hover ul ul ul,
ul#vertical li.over ul ul,
ul#vertical li.over ul ul ul { display: none; color: #E03302; background-color:inherit; } /* Hide sub-menus initially */

ul#vertical li:hover ul,
ul#vertical li li:hover ul,
ul#vertical li li li:hover ul,
ul#vertical li.over ul,
ul#vertical li li.over ul,
ul#vertical li li li.over ul { display: block; color: #E03302; background-color:inherit; } /* The magic */

ul#vertical li ul li a:hover {
	float:left;
	font:normal 10px Verdana;
	color:#525252;	
	background-color:#FFD24F;
}

ul#vertical  li ul li.parent a,
ul#vertical li#active  ul li.parent a
 { 


}
ul#vertical ul li.parent ul li a,
ul#vertical #active ul li.parent ul li a
{
color:#ffffff;	
background-image: none;	
	
}	

ul#vertical ul li.parent ul li a:hover,
ul#vertical #active ul li.parent ul li a:hover
{
color: #ffcc00;
background-image: none;
}	

ul#vertical li ul li.parent:hover, ul#horizontal #active li ul li.parent:hover, ul#horizontal li ul li.a,
ul#vertical li ul li.hover {  color: #ffcc00;
}

ul#vertical #active {
	color:#ffffff;	
	text-decoration: none;	
	background-color:#cc3300;
	border:1px solid #ffffff;
}

ul#vertical #active a {	
	float:left;
	color:#ffffff;	
	text-decoration: none;	
	background-color:#cc3300;
}

ul#vertical #active a:HOVER {	
	color:#ffffff;	
	background-color:#cc3300;
}

ul#vertical li#active.parent ul li a  {
	width:142px;
	max-width:140px;
	text-decoration: none;	
	height:20px;
}


ul#vertical li#active.parent ul li  ul li a  {
	
	width:148px;
	max-width:140px;
	text-decoration: none;	
	height:20px;
		
}


ul#vertical li.space {
	
	width:148px;
	max-width:140px;
	text-decoration: none;	
	height:20px;
	background-color:#ffffff;
		
}

.path {
	float:left;
	width:545px;
	font:normal 11px Verdana, "Arial Helvetica", sans-serif;
	color:#69B0E0;
}

.path a {
	font:normal 11px Verdana, "Arial Helvetica", sans-serif;
	color:#EFAB3D;
	text-decoration:none;
	background-color:inherit;
}

.path a:hover {
	font:normal 11px Verdana, "Arial Helvetica", sans-serif;
	color:#EFAB3D;
	text-decoration:underline;
	background-color:inherit;
}