/**
* Layout CSS for the given website
*
* use @import statement for getting other
* CSS files in if needed.
*/

@import url("content.css");
@import url("contentContainer.css");

/** import CSS files to the news module. */
@import url("../lib/news/styles/style.css");
@import url("../admin/lib/productGallery/style/productGalleryStyle.css");

html, body {
height: 100%;
}

body {
	height:100%;
	margin: 0px;
	padding: 0px;
	background-color: #c0c0c0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	scrollbar-face-color:#E2E9F1;
    scrollbar-arrow-color:#0B2E4A;
    scrollbar-track-color:#efefef;
    scrollbar-shadow-color:gray;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-3dlight-color:#FFFFFF;
    scrollbar-darkshadow-Color:#FFFFFF;


}

div#centerContainer {
	position:absolute;	
	width: 			903px;
	min-height:			100%;
	margin-left:50%;
	left:-450px;	
	background-color: #FFFFFF;
	background-image: url(../images/expander.jpg);
	background-repeat: repeat-y;
		
	
}


div#langues{
	width:903px;
	height:35px;
	background-image: url(../images/lang.jpg);
	background-repeat: repeat-x;
}



#flashTop{
	width:903px;
	height:214px;
	background-image: url(../images/topImage.jpg);
	background-repeat: repeat-x;
	
}

td#topMenuBottom{
	background-image:url(../images/topImageBottom.jpg); 
	background-repeat:no-repeat;
	background-position: left top;
	width:642px;
}
	


td#infoboxes{
	height:500px; 
	width:261px;
	background-image:url(../images/infoBoxes.png); 
	background-repeat:no-repeat;
	background-position: right top;


}

div#menu{
	text-align:right;
	width:610px;
	height:51px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: normal;
}

a.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: right;
}
a.menu:link {
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: right;
}

a.menu:active{
		font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: right;
}

a.menu:visited {
	
}

a.menu:hover {
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: right;
	text-decoration: underline;	
}




#menu2{
	margin-left:45px;
	text-align:left;
	width:515px;
	height:51px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}


a.menu2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

a.menu2:link {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

a.menu2:active{
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

a.menu2:visited {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a.menu2:hover {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	
	text-decoration: underline;	
}



.a9px
{
	font-family: Verdana, Arial, Sans-Serif;
	FONT-SIZE: 9px; 
	LINE-HEIGHT: 11apx
}
.a10px
{
	font-family: Verdana, Arial, Sans-Serif;
	FONT-SIZE: 10px; 
	LINE-HEIGHT: 12px
}
.a11px
{
	font-family: Verdana, Arial, Sans-Serif;
	FONT-SIZE: 11px; 
	LINE-HEIGHT: 16px
}
.a12px
{
	font-family: Verdana, Arial, Sans-Serif;
	FONT-SIZE: 12px; 
	LINE-HEIGHT: 17px
}
.a14px
{
	font-family: Verdana, Arial, Sans-Serif;
	FONT-SIZE: 14px; 
	LINE-HEIGHT: 19px
}
.a16px
{
	font-family: Verdana, Arial, Sans-Serif;
	FONT-SIZE: 16px; 
	LINE-HEIGHT: 20px
}
.a18px
{
	font-family: Verdana, Arial, Sans-Serif;
	FONT-SIZE: 18px; 
	LINE-HEIGHT: 22px
}