/****
(c)Digitized 1999
http://www.digitized.nl
mail@digitized.nl
****/


/**************************************************************
   #content: Sets the width of the site.  Make changes here
             to convert to a fixed width site.
 **************************************************************/



/**************************************************************
   #header: Holds the site title and header images
 **************************************************************/


#slogan {

	position: absolute;
	left: 0px;
	top: 80px;	
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: center;
	color: #fff;

}


#slogan h1 {
	margin: 0;
	padding: 0;
	font: 200 2.2em arial;
	letter-spacing: 0px;
	color: #AF7817;
	
}

#slogan h2 {
	position: relative;
	padding: 0;
	font: 200 1.3em arial;
	letter-spacing: 0px;
	color: #AF7817;
}

/**************************************************************

   #mainMenu: The top level site menu

 **************************************************************/



#mainMenu { 

  float: left;
  width: 100%;
  clear: both;  
  /*background: #8D873D url(../images/bg_levant.jpg) no-repeat top right;*/
  
  height: 30px;
  padding-bottom: 0px;
  text-align: center;
 
  
}



#mainMenu ul {

  margin: 0;
  padding: 0;
  padding-right: 0px;
}



#mainMenu li {

  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
  

}



#mainMenu li a {
height: 30px;
  float: left;
  margin-left: 5px;
  padding-top: 0px;;
  font: 400 1.3em arial;
  text-decoration: none;
  color: #FFFAD2;
 
  border-top: 0px solid #0E0D09;
background-color: #7A754F;
width: 90px;
line-height:30px

}



#mainMenu li a:hover {
  color: #000;
 border-top: 0px solid #0E0D09;
  background-color: #FFFCE9;
}


#mainMenu li a.here {
 color: #FFFAD2;
 border-top: 0px solid #0E0D09;
  background-color: #555237;
}

#mainMenu li a.last {

  margin-right: 0;

}









#footerMenu { 

  float: left;
  width: 100%;
  clear: both;  
  /*background: #8D873D url(../images/bg_levant.jpg) no-repeat top right;*/
  
  height: 30px;
  padding-bottom: 0px;
  text-align: center;
 
  
}



#footerMenu ul {

  margin: 0;
  padding: 0;
  padding-right: 0px;
}



#footerMenu li {

  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
  

}



#footerMenu li a {
height: 30px;
  float: left;
  margin-left: 5px;
  padding-top: 0px;;
  font: 400 1.3em arial;
  text-decoration: none;
  color: #FFFAD2;
 
  border-bottom: 3px solid #7A754F;

width: 90px;
line-height:30px

}



#footerMenu li a:hover {
  color: #FFFAD2;
 border-bottom: 3px solid #FFFAD2;

}


#footerMenu li a.here {
 color: #FFFAD2;
 border-bottom: 3px solid #FFFAD2;
 
}

#footerMenu li a.last {

  margin-right: 0;

}




.dealerlogin a, 
.dealerlogin a:visited {
	color: #FFFAD2;
	text-decoration: none;
}



.dealerlogin a:hover {
	color: #fff;
}




/**************************************************************
   .sideMenu: The side bar menu
 **************************************************************/

ul.sideMenu {
	margin: 0;
	padding: 0;
}

.sideMenu li {
	display: inline;

	/* Needed since IE fails when you give it list-style: none; */  
	list-style-image: url(foo.gif);
	font: 400 1.3em "times", arial;
}

.sideMenu li a {
	display: block;
	margin: 0em 0;
	padding: 3px 5px;    
	text-decoration: none;
	color:#FFFAD2;
} 

.sideMenu li a:hover {
	color: #000;
	background: #5F5F5F;
}

/* Active menu item */
.sideMenu li.here {
	display: block;
	color: #650000;
	background: #555;
}

/* Submenu of active menu item */
.sideMenu li.here ul {
	margin: 0;
	padding: 0;
}

.sideMenu li.here ul li a {
	padding-left: 35px;
	font: 400 0.55em arial; 
	color: #FFFAD2;  
	background: url(../images/bg/bullet.gif) no-repeat 10px 0px;
}

.sideMenu li.here ul li a:hover {
	color: #9FF3FF;
	background: #5F5F5F url(../images/bg/bullet.gif) no-repeat 10px 0px;
}




/**************************************************************
   #page: Holds the main page content.
 **************************************************************/

#page {
	
	display: block;
	height: 400px;
	width: 996px;


	float: left;

	clear: both;



}

.backGround {
	width: 100%;
	background-image: url(../images/trans.png) !important;  /* Mozilla only */
	background-color: transparent !important;           /* Mozilla only */
	background-image: none;                             /* IE only */
	
	/*filter:alpha(opacity=50);*/                           /* IE only */

}

.dropBorder {
	
	border: 1px solid #555237;

}

/**************************************************************
   #footer: The page footer - will stick to the bottom if not
            enough content.
 **************************************************************/

#footer {
width: 796px; 
height: 45px; 
float: left; 
background-color: #7A754F;
}


#footer a,
#footer a:visited {
	color: #FFFAD2;
	font-size: 1.3em;
}

#footer a:hover {
	color: #000;
}




/**************************************************************
   Width classes used by the site columns
 **************************************************************/

.width100 {
	width: 100%;
	
}

.width75 {
	width: 74%;
	position: relative;
		
}

.width50 {
	width: 49.7%;
}

.width33 {
	width: 32.7%;
}

.width25 {
	width: 24.7%;
}



/**************************************************************
   Alignment classes
 **************************************************************/

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
}

/**************************************************************
   Generic display classes
 **************************************************************/

.articleTools a {
	text-decoration: none;
}

.articleTools a:hover {

}



.clear {
	clear: both;
}

.block {
	display: block;
}

.small {
	font-size: 1.0em;
	
}

.bold {
	font-weight: bold;
}


.green {
	color: #453B2F;
}

.red {
	color: #EA1B00;
}

.grey {
	color: #666;
}

.grey a {
	color: #463C30;
}

.grey a:hover {
	color: #000;
}


/**************************************************************
   Gradient
 **************************************************************/

.gradient {
	margin-bottom: 2em;
	background: #827875 url(../images/bg/gradient.png) repeat-x bottom left; 
	color: #fff;
}

.gradient h2 {
	color: #fff;
}

.gradient h3 {
	color: #fff;
}


/**************************************************************
   Generic div classes/ids
 **************************************************************/

/**
#loading { 
	width:100%; 
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 20px;
	margin-bottom: 20px;	
	background-color:#fff;
	border:1px solid #3E3232;
	text-align:center;
}
**/
/****

Make a div clickable

*****/

.divClick a {
	display: block;
	height: 100%;
	width: 100%; 
	color: #000;
	text-decoration: none;
	border: 1px solid #fff;
}

.divClick a:hover {
	display: block;
	height: 100%;
	width: 100%; 
	color: #000;
	text-decoration: none;
	border: 1px solid #463C30;

}


/****

Imagebox for gallery view

*****/

.imageBox{
	width:151px;	/* Total width of each image box */
	height:165px;	/* Total height of each image box */
	float:left;

}

imageBox_theImage a:hover{
	background-color: #fff;
}
	
.imageBox_theImage a{
	background-color: #fff;
	
}	

.imageBoxcont{
font-size: 1.2em;
}

.imageBox_theImage{
	width:130px;	/* Width of image */
	height:120px;	/* Height of image */
	/* 
	Don't change these values *
	*/
	background-position: center center;
	background-repeat: no-repeat;		
	margin: 0 auto;
	margin-bottom:0px;
	
	
}

.imageBox .imageBox_theImage{
	border-left:0px solid #C3BAB5;	/* Border color for not selected images */
	border: 1px solid #C4C1A7;
	padding:2px;
}

.imageBox_label, .imageBox_label a, .imageBox_label a:visited {	/* Title of images - both selected and not selected */
	width:156px;
	text-align:center;
	font-family: arial;
	font-size:1.1em;		
	padding-top:0px;
	margin: 0 auto;
	color: #000;
	text-decoration: none;
	
}

.imageBox_label a:hover {	/* Title of images - both selected and not selected */
	width:156px;
	text-align:center;
	font-family: arial;
	font-size:1.1em;		
	padding-top:2px;
	margin: 0 auto;

}


#pane1 {
	width: 115px; 

	height: 345px;
	float: left;
	
}


.scroll-pane {
	width: 115px; 
	text-align: center;
	height: 345px;
	overflow: auto; 


}


#pane-artists {
	width: 275px; 

	height: 345px;
	float: left;
	
}


.scroll-pane-artists {
	width: 275px; 
	text-align: center;
	height: 345px;
	overflow: auto; 


}


#pane-artists-info {
	width: 486px; 

	height: 345px;
	float: left;
	margin-right: 10px;


	
}

.text p {
	
	margin-top: 1em;
	
}

.text ul {
	
	font-size: 1.4em;
	
}



.scroll-pane-artists-info {
	width: 486px; 
	text-align: left;
	height: 345px;
	overflow: auto; 


}

#pane-artists-info2 {
	width: 486px; 

	height: 345px;
	float: left;
	margin-right: 10px;


	
}

#pane-artists-info2 ul {
	font-size: 1.4em;


	
}

.scroll-pane-artists-info2 {
	width: 486px; 
	text-align: left;
	height: 345px;
	overflow: auto; 


}



div.transOFF {width: 100%; background-color: silver;border:0px solid black; }
div.transON {width: 100%; background-color: silver;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:1px solid black; }
div.trans25 {width: 100%; background-color: silver;opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;border:0px solid black; }
div.trans75 {width: 100%; background-color: silver;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;border:1px solid black; }





/****

browsebox for detail view

*****/

.browseBox{
	width:60px;	/* Total width of each image box */
	height:90px;	/* Total height of each image box */
	float:left;
	margin-right: 5px;

	
}

browseBox_theImage a:hover{
	background-color: #fff;
}
	
.browseBox_theImage a{
	background-color: #fff;
}	

.browseBoxcont{
}

.browseBox_theImage{
	width:40px;	/* Width of image */
	height:70px;	/* Height of image */
	/* 
	Don't change these values *
	*/
	background-position: center center;
	background-repeat: no-repeat;		
	margin: 0 auto;
	margin-bottom:2px;
	
	
}

.browseBox .browseBox_theImage{
	border-left:0px solid #DDD5CD;	/* Border color for not selected images */
	border: 1px solid #DDD5CD;
	padding:2px;
}

/*****
Pagination class

*********/

div.pagination {
	
	/*background-color:#fff;*/
	color: #FFFAD2;
	padding:15px 15px;
}

div.pagination a, div.pagination a:visited {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #A7957F;
	text-decoration: none; /* no underline */
	color: #000;
	
}
div.pagination a:hover, div.pagination a:active {
	background-color:#FFFAD2;
	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	/*font-weight: bold;*/
	background-color: #555237;
	color: #FFFAD2;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	
	color: #FFFAD2;
}


/*******
Language changer

*************/

ul.lang {
	margin:0px;
	padding: 0px;
	display:block;
	list-style-type: none;
	font-size: 0.9em;

	
}

ul.lang li {
	float:left;
	margin-left:5px;
	
	padding: 0px;
	text-align:center;
	
}

ul.lang li a,
ul.lang li a:visited {
	color: #000;
	padding: 3px;
	text-decoration: none;
	border: 1px solid #A7957F;
	
}


ul.lang li a:hover,
ul.lang li a.current {
	color: #FFFAD2;
	background-color: #453B2F;
}


/*********

Quotation

**********/

.bqstart {
	float: left;
	height: 45px;
	margin-top: -20px;
	padding-top: 45px;
	margin-bottom: -50px;
	font-size: 700%;
	color: #C3BAB5;
}

.bqend {
	float: right;
	height: 25px;
	margin-top: -45px;
	padding-top: 45px;
	font-size: 700%;
	color: #C3BAB5;
}


/************

Image zoom

***********/

div.zoomdiv {
	z-index: 100;
	position: absolute;
	top:0px;
	left:0px;
	width: 200px;
	height: 200px;
	background: #ffffff;
	border:1px solid #CCCCCC;
	display:none;
	text-align: center; 
	overflow: hidden;
}

img.jqzoom{
	cursor:crosshair;
	position:relative;
}

/***************

Ability

**************/

body.l {font-size: 100%; }
body.xl {font-size: 115%; }
body.xxl {font-size: 130%; }

#accessibility {
	float: left;
	text-align: left; /* depends on element width */
}

ul.fontsize {
  margin: 0;
  padding: 0;
  padding-right: 0px;
}

ul.fontsize li {

  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;

}

ul.fontsize li a,
ul.fontsize li a:visited {
  float: left;
  margin: 0 2px;
  padding: 3px 0.5em;
  font: 400 1.3em arial;
  text-decoration: none;
  color: #FFFAD2;
  background-color: #453B2F;
  border-top: 3px solid #0E0D09;
}


ul.fontsize li a:hover {
  color: #000;
 border-top: 3px solid #DDD5CD;
  background-color: #DDD5CD;
}

/************
	Navigation sidemenu
	
***************/

.navigation ul { 
	list-style-type:none;
	width: 100%;
	padding-top: 10px;

}
 
.navigation li {
	display:block; 
	padding-left:0px
	
}

.navigation .title {


	display: block;
	/*background: #453B2F url(../images/bg_navigation.gif) no-repeat right top;*/
	background-color: #453B2F;
	/*background: #fff url(../images/45degree.jpg) repeat;*/
	padding: 0.3em 0.3em 0.3em 0.2em;
	font: 1.8em arial;
	color: #FFFAD2;	
	
	/*border-top: 1px solid #fff;*/
	/*border-bottom: 0px solid #636011;*/
	/*border-left: 1px solid #333;*/
	text-align:  left;
}

.navigation li a,  .navigation li a:visited {
	display: block;
	
	/*border-bottom: 1px solid #7C614C;*/
	border-top: 0;
	
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 10px;

	font: 1.1em arial;
	color: #FFFAD2;
	text-decoration: none;
	background-color: #7A754F;
	text-align: left;

}
.navigation li a:hover {
	background-color: #FFFCE9;
	color: #000; 
	/*font-weight: bold;*/
	/*border-bottom: 1px solid #807E59;*/

}