html {
}

body {
	background-color: #ffffff;
	text-align: center;
}

a:link {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

.content {
	background-color: #ffffff;
}

.page-content,p {
	font-family: Verdana,Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	/*font-weight: bold;*/
}
#page-content-small {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	/*font-weight: bold;*/
}
.page-content-small {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	/*font-weight: bold;*/
}
.page-content-small-9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.page-content-small-8 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
}

.page-content-small2 {
FONT-WEIGHT: bold; 
FONT-SIZE: 11px; 
text-align: center;
COLOR: #336699; 
FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif;
padding-top:0px;
padding-bottom:5px;
padding-left:0px;
padding-right:0px;
}

.page-content-small3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	/*font-weight: bold;*/
}


.page-content-big, h3 {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #336699;
	font-weight: bold;
	margin:0px;
}

.page-content-big1, h2{
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336699;
	font-weight: bold;
	text-align: center;
	margin:0px;

}
.page-content-big2, h1 {
FONT-WEIGHT: bold; 
FONT-SIZE: 22px; 
text-align: center;
COLOR: #336699; 
FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif;
padding-top:5px;
padding-bottom:5px;
padding-left:0px;
padding-right:0px;

}


.header {
	background-color: #FFFFFF;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	vertical-align: middle;
	font-weight: bold;
	border-color: #aa1111 ; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
	}

.left{
	border-color: #aa1111 ; 
	border-style: solid; 
	border-right-width: 1px; 
	border-top-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px	
}

.left-frame {
	background-color: #FFFFFF;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	vertical-align: top;
	font-weight: bold;
	border-color: #336699 ; 
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px
}

.left-frame-bottom{
	background-color: #EBEBEB;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	vertical-align: top;
	font-weight: bold;
	border-color: #336699 ; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	margin-top:3px;
}
.left-frame-table{
	background-color: #FFA8A8;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	vertical-align: top;
	font-weight: bold;
	border-color: #336699 ; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}


.main{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px	
}

.bottom-menu {
	background-color: #EBEBEB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	vertical-align: middle;
	font-weight: bold;
	border-color: #aa1111 ; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}

.link1:link{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;	
	color: #000044;
	text-decoration: none;
}

.link1:hover{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;		
	color: #aa1111;
	text-decoration: none;
}

.form-element {
	color: #000000;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #EBEBEB;
	border-top: 1px solid #AA1111;
border-left: 1px solid #AA1111;
border-right: 1px solid #AA1111;
border-bottom: 1px solid #AA1111;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 2px

}

.form-element-small {
	color: #000000;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 9px;
	background: #EBEBEB;
	border-top: 1px solid #AA1111;
border-left: 1px solid #AA1111;
border-right: 1px solid #AA1111;
border-bottom: 1px solid #AA1111;

}
.button2,a.button2:visited, a.button2:active  {
	width: 150px;
	text-align: center;
	color: #EBEBEB;
	background: #AA1111;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 4px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	float: none;
	/*position: absolute;*/
	height: auto;
	visibility: visible;
	display: table-cell;
}

.button2p,a.button2p:visited, a.button2p:active  {

	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 0px;
	float: left;
	border: 0px solid #000;
	/*position: absolute;*/
	height: auto;
	visibility: visible;
	display: table-cell;
}

a.button2p:hover 
 {}
a.button2:hover 
 {
color: #FFFFFF;
background: #336699;
border-top: 1px solid #AA1111;
border-left: 1px solid #AA1111;
border-right: 1px solid #AA1111;
border-bottom: 1px solid #AA1111;
}

.button-left,a.button-left:visited, a.button-left:active  {
width: 160px;
text-align: center;
color: #003366;
background: #FFFFFF;
font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
		font-weight: bold;
vertical-align: middle;
padding-top: 2px ; 
padding-right: 4px; 
padding-bottom: 3px; 
padding-left: 4px;
margin-bottom: 5px ;
margin-top: 5px ;
margin-left: 0px ;
margin-right: 0px ;
border-top: 1px solid #003366;
border-left: 1px solid #003366;
border-right: 1px solid #003366;
border-bottom: 1px solid #003366;
display: table-cell
}
a.button-left:hover 
 {
color: #003366;
background: #EBEBEB;
border-top: 1px solid #AA1111;
border-left: 1px solid #AA1111;
border-right: 1px solid #AA1111;
border-bottom: 1px solid #AA1111;
}

.button {
	color: #FFFFFF;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #336699 no-repeat;
	border-top: 1px solid #AA1111;
	border-left: 1px solid #AA1111;
	border-right: 1px solid #AA1111;
	border-bottom: 1px solid #AA1111;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	cursor: pointer;
	display: table-cell;

}

.button3 {
color: #FFFFFF;
text-align: center;
font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
background: #336699;
border-top: 1px solid #AA1111;
border-left: 1px solid #AA1111;
border-right: 1px solid #AA1111;
border-bottom: 1px solid #AA1111;
vertical-align: middle;
padding-top: 1px ; 
padding-right: 4px; 
padding-bottom: 2px; 
padding-left: 4px;
margin-bottom: 5px ;
margin-top: 5px ;
margin-left: 0px ;
margin-right: 0px ;
cursor: pointer;
display:table-cell;
}

.button4,a.button4:visited, a.button4:active  {
text-align: center;
color: #EBEBEB;
background: #336699;
font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
		/*font-weight: bold;*/
vertical-align: middle;
padding-top: 1px ; 
padding-right: 4px; 
padding-bottom: 2px; 
padding-left: 4px;
margin-bottom: 5px ;
margin-top: 5px ;
margin-left: 0px ;
margin-right: 0px ;
border-top: 1px solid #AA1111;
border-left: 1px solid #AA1111;
border-right: 1px solid #AA1111;
border-bottom: 1px solid #AA1111;
display: table-cell
}

a.button4:hover 
 {

background: #AA1111;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000
}


.tbl_header{
	background-color: #EBEBEB;
}
.tbl_content{
	background-color: #FFFFFF;
}



.submenu {
	background-color: #ffffff;
	/*background-image: URL(images/menu/submenu_center.gif);*/
}

.submenu-link:link {
	color: #aa1111;
}
.submenu-link:active {
	color: #aa1111;
}
.submenu-link:visited {
	color: #aa1111;
}
.submenu-link:hover {
	color: #336699;
}

.submenu-item2 {
	color: #66CC33;
}

.submenu-link2:link {
	color: #AA1111;
		font-size: 9px;
}
.submenu-link2:active {
	color: #AA1111;
			font-size: 9px;
}
.submenu-link2:visited {
	color: #AA1111;
			font-size: 9px;
}
.submenu-link2:hover {
	color: #6699CC;
			font-size: 9px;
}

.submenu-item {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #482D22;
	font-weight: bold;
	padding-bottom: 2px;
	text-align: center;
}


.element {
	background-color: #66CC33;
}

.top-menu {
	/*background-color: #6699CC;*/
	/*background-image: URL(images/logo.3.gif);*/
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	vertical-align: middle;
	text-align: right;
	font-weight: bold;
}

.top-menu-login {
	width: 100px;
	height: 16px;
	border: 1px solid #000000;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.top-menu-button {
	background-color: #3298DA;
	width: 40px;
	height: 16px;
	border: 0px solid #000000;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}


.bottom-menu-link {
	color: #000000;
}



.page-content-emp {

FONT-WEIGHT: bold; 
FONT-SIZE: 11px; 
COLOR: #003366; 
FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif

}
.cell-fill {  
background-color: #F8CA2F;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 0px; 
height: 18px;
width: 130px; text-align: center;
vertical-align: middle; margin-bottom: 15px

}

/*top bar -------------*/
.upload,.order,.delivery,.payment{
color: #AA1111;
}

.top-bar{
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
color: #003366;
background: #EBEBEB;
height:16px;
text-align: center;
border-top: 1px solid #336699;
border-left: 1px solid #336699;
border-right: 1px solid #336699;
border-bottom: 1px solid #336699;
margin-bottom: 5px;
}

.box{
border-top: 1px solid #336699;
border-left: 1px solid #336699;
border-right: 1px solid #336699;
border-bottom: 1px solid #336699;
}

/*POPUPS*/
.submenu-link2-popup:link {
	color: #AA1111;
FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif;
font-size: 11px;
}
.submenu-link2-popup:active {
	color: #AA1111;
}
.submenu-link2-popup:visited {
	color: #AA1111;
}
.submenu-link2-popup:hover {
	color: #000;
	text-decoration:underline;
}


#promos_list{
	padding:0px 0px 0px 0px;
	margin: 2px 2px 2px 0px;
 	border:0px;
  	z-index:100;
}

#promos_list ul {
	padding:0px 0px 0px 0px;
	margin-top:2px;
	margin-left: 25px;
	margin-bottom:2px;
	text-align:left; 
} 	

#promos_list li {
	margin-top:2px;
        padding:0px 0px 0px 0px;
	font-family: Verdana,Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#AA1111;
}
#promos_list li a {
	color:#AA1111;
}

#promos_list li a:hover {
	color:#6699CC;
	text-decoration:none;
}

#command_box1 {
  margin-top:-15px;
  margin-left:145px;
  width:140px;
  height:auto;
  border:1px solid #CCCCCC;
  background-color:white;
  z-index:1;
  display:none;
}
#command_box2 {
  margin-top:-30px;
  margin-left:25px;
  width:140px;
  height:auto;
  border:1px solid #CCCCCC;
  background-color:white;
  z-index:1;
  display:none;
}

#tirages_box {
  margin-top:1px;
  margin-left:50px;
  width:228px;
  height:auto;
  border:1px solid #CCCCCC;
  background-color:white;
  z-index:1;
  display:none;
}

#livre_box {
  margin-top:1px;
  margin-left:50px;
  width:228px;
  height:auto;
  border:1px solid #CCCCCC;
  background-color:white;
  z-index:1;
  display:none;
}

#poster_box {
  margin-top:1px;
  margin-left:50px;
  width:228px;
  height:auto;
  border:1px solid #CCCCCC;
  background-color:white;
  z-index:1;
  display:none;
}

#calendar_box {
  margin-top:1px;
  margin-left:50px;
  width:228px;
  height:auto;
  border:1px solid #CCCCCC;
  background-color:white;
  z-index:1;
  display:none;
}

#card_box {
  margin-top:1px;
  margin-left:50px;
  width:228px;
  height:auto;
  border:1px solid #CCCCCC;
  background-color:white;
  z-index:1;
  display:none;

}

#ajaxloader
 {
  
    display:block;
    margin-left:340px;
    margin-top:270px;
    position:absolute;
    width:200px;
    height:200px;
    text-align:center;    
    background:#CCCCCC;
	color:#FFFFFF;
	opacity:.85;
    filter:alpha(opacity=85);
    border:1px solid #ddd;
    z-index:500;    
	
	
  }
    .loading-visible img
  {
   margin-top:25px;
  }
      .loading-visible 
  {
   color:#FFFFFF;
  }
  
.link2:link {
	color: #336699;
}
.link2:active {
	color: #336699;
}
.link2:visited {
	color: #336699;
}
.link2:hover {
	color: #aa1111;
}

dl#clickable { margin: 0; padding: 0; position: relative; height: 432px; width: 805px; border:0px solid #000 }   
dd a { position: absolute; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #AD1010; border: 0px solid #000; }

dd#area11 a { top: 8px; left: 5px; width: 194px; height: 110px; padding-top:30px;}
dd#area21 a { top: 46px; left: 237px; width: 153px; height: 91px; }
dd#area12 a { top: 218px; left: 42px; width: 153px; height: 155px;}
dd#area22 a { top: 295px; left: 280px; width: 153px; height: 89px; }
dd#area31 a { top: 18px; left: 596px; width: 152px; height: 91px; }
dd#area32 a { top: 183px; left: 562px; width: 152px; height: 91px; }
dd#area33 a { top: 370px; left: 545px; width: 240px; height: 46px; }