/* CSS Document */

html {
	height: 100%;
}
body {
	height: 100%;
	padding: 0;
	margin: 0;
	background-color: #DDD;
}
body
{
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;	
}

h1.user{
  color:white;
  font-size:12px;
  font-weight:bold;
  font-family: Verdana;
  font-style: normal;
  margin:1px;
  text-decoration: none;	
}

div.TextHeaderNew
{
	height: 25px;
	display: block;
    float:left;
    width:100%;
	margin: 0px 0px 1px 0px;
	padding: 0px 0px 0px 0px;

	overflow: hidden;

	vertical-align: middle;

	background-color: #02303D;
}

body, td
{
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;	
}
a.link:link, a.link:visited, a.link:hover, a.link:active{
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	color:#333;
	}

img.arrow{
	vertical-align:middle;
	padding:3px 15px 0px 0px;
	margin:0px;
	border-right:2px solid #E56666;}
	
button-search{
    background:url(../images/red_arrow_right.png) no-repeat;
    vertical-align:middle;
	padding:3px 15px 0px 0px;
	margin:0px;
	border-right:2px solid #E56666;}
	
img.arrowlink{
	/*vertical-align:middle;*/
	padding:3px 5px 0px 10px;
	margin:-3px;
	}
img.sideadv{
	padding:10px 0px 0px 30px;
	}
#layout{
	width:975px;
	margin-left:auto;
	margin-right:auto;
	}
.left{
	width:187px; 
	float:left; 
	padding:3px;
	}	
.center{
	width:575px; 
	float:left;
	padding:3px;
	}	
.right{
	width:187px; 
	float:left;
	padding:3px;
	}	
/* -- css for the tabs ---*/
#dAppTabs{
	float:left;
	width:100%;
	font-size:90%;
	line-height:normal;
	font-family:arial;
	font-size:11px;
	background-color:#ddd;
	border-bottom:5px solid #FF0000;
	padding-top:3px; 
	margin-bottom:3px;
	}
#dAppTabs ul{
	list-style-type: none;
	margin-bottom:5px;
	margin-left: -1.3px; /*Left offset of entire tab menu relative to page*/
	padding:0;
	margin-top:0px;
	margin-bottom:0px;
	}
#dAppTabs li{
	display:inline;
	margin:0;
	padding:0;
	}
#dAppTabs a{
	float:left;
	background:url(../images/left.png) no-repeat left top;
	margin:0;
	margin-right: 3px; /*spacing between each tab*/
	padding:0 0 0 9px;
	text-decoration:none;
	
	}
#dAppTabs a span{
	float:left;
	display:block;
	background:url(../images/right.png) no-repeat right top;
	padding: 7px 12px 4px 3px;
	font-weight:bold;
	color:#000;
	text-transform:uppercase;
	}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
#dAppTabs a span {
	float:none;
	}
	/* End IE5-Mac hack */
#dAppTabs a:hover span {
	color: #000;
	font-weight:400;
	font-weight:bold;
	
	}
#dAppTabs .current a{ /*Selected Tab style*/
	background-position:0 -82px;
	}/*Shift background image up to start of 2nd tab image*/

#dAppTabs .current a span{ /*Selected Tab style*/
	background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
	color: #fff;
	text-transform:uppercase;
	}

#dAppTabs a:hover{ /*onMouseover style*/
	background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
	}

#dAppTabs a:hover span{ /*onMouseover style*/
	background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
	}
h3{
	background-color:#004C90; 
	font-family:arial; 
	padding:3px 5px 3px 5px; 
	color:#fff; 
	margin:0px; 
	font-weight:800; 
	font-size:14px; 
	}
h4 {
  margin-bottom:0px;
  padding-bottom:0px;
}	
	
#head{
	background-color:#666;
	}	
div.inputtext{
	background-color:#ccc; 
	/*padding:3px 0 3px 5px; */
	height:22px; 
	padding:3px;
	}	
div.selecttext{
	float:left; 
	padding:0px 20px 0px 0px; 
	}
	
.search_results{
   height:170px;
   border:1px solid #B7DEFC;
   text-align:justify; 
   margin:10px;
   background-color:#ffffff;
   }
.results{
    width:574px;
 	height:25px;
 	background-color:#B7DEFC;
 	font-size:13px;
 	font-weight:normal;
 	text-align:center;
 	border: solid 1px white;
 	
	}
   
 .product_show{
   height:182px;
   width:574px;
   text-align:justify; 
   }
 .product_image{
/*   height:182px;*/
   float:left;
   width:283px;
   background-color:#ffffff;
   margin:5px 5px 5px 0px;
   }
   .search_product_image{
   height:170px;
   float:left;
   width:30%;
   margin-top:10px;
   
   }
  .product_title{
/*   height:182px;*/
   float:right;
   width:284px;
   background-color:#B7DEFC;
   margin:5px 0px 5px 0px;
   }
   
   .detail_cart{
     background-color:#8cc9ff; 
     height:40px;
     margin: 5px 0px 5px 0px;
   }
   
   .detail_cart_price{
      text-align:left;
      font-size:12px;
      font-weight:bold;
      float:left;
   }
   
   a.bottom_link{
   	color:white; 
   	text-decoration:none;
   	font-size:12px;
   }
   
   .search_product_title{
   height:170px;
   float:right;
   width:70%;
   background-color:#B7DEFC;
   }
   
   .search_product_title_toggle{
   height:170px;
   float:right;
   width:70%;
   background-color:#eaeaea;
   }
   div.shop_summary
   {
     width:170px;
     height:auto;
     margin:10px 0px 0px 10px;
     border:solid 1px;
   }
   .product_description{
   height:auto;
   padding:10px;
   text-align:justify; 
   background-color:#ffffff;
   }
   
select.search{
    width:150px; 
	font-family:verdana; 
	font-size:11px; 
	font-weight:normal; 
	}	
select.selecttextpadd{
	width:200px; 
	font-family:verdana; 
	font-size:11px; 
	font-weight:normal;  
	}	
div.textinput{
	float:left; padding:0px 20px 0px 0px;
	}
div.imgbutton{
    float:left; padding:4px 20px 0px 0px;
	}
input.txt_input{
	width:120px; font-family:verdana; font-size:11px; font-weight:normal;
	}
.text_header{
	padding-left:7px; 
	color:#E56666;
	}
.text_payment{
	font-size:11px;
	font-family:verdana,arial;
	}
.text_results{
	padding-left:7px; 
	color:#E56666;
	font-size:13px;
	font-weight: bold;
	}
.book_align{
    float:left;
	margin-top:4px;
	}
	/* -- css for the right part --*/
div.toprightcontent{
	background-color:#004C90; 
	color:#fff;
	height:25px; 
	padding-top:3px;
	}
div.rightcontent{
	 background-color:#8CC9FF; 
	 color:#fff; 
	 height:121px; 
	 padding:0px; 
	 margin-bottom:3px; 
	 height:150px;
	 }
div.rightcontent .content{
	padding:5px; 
	color:#4F6273; 
	text-align:justify;
	}
div.picturecontentbox{
	
	background-color:#fff; 
	color:#4F6273; 
	
	}
div.topinput{
	/*height:191px; */
	background-color:#fff; 
	color:#4F6273; 
	padding:5px 5px 5px 5px; 
	}
p.rightpart{
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	padding:0px 5px 5px 5px;
	margin-top: -2px;
	}
p.cart{
    font-family: Verdana;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	margin-top: -1px;
	}
p.empty_cart{
    font-family: Verdana;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align:left;
	}
div.topinput input.login{	
	border:1px solid #7f9db9; margin:2px;
	padding-left:5px;
	width:120px;
	}
#Container
{
	margin: 0 auto;

	width: 1000px;

	text-align: left;
}

#Left {
	width: 150px;
	float: left;
	
}

#Center {
	width: 580px;
	float: left;
}

#Right {
	width:250px;
	float:left;
}

input.forgetpw{	
	border:1px solid #7f9db9; margin:2px;
	padding-left:3px;
	width:140px;
	}

div.ColumnSpacing
{
	width: 10px;
	float: left;
}
div#Logo
{
	width: 100%;
	height: 125px;

	margin: 0px 0px 7px 0px;

	overflow: hidden;
}
div.topinput#input.checkbox{	
	padding:2px 10px 0px 2px; 
	vertical-align:middle;
	}
div.textbold{
	text-align:left; 
	font-weight:bold; 
	font-size:13px;
	font-family:Verdana;
	margin:10px 5px 10px 20px;
	
	}
a img
{
	border: 0;
}

a
{
	color: #02303D;
	text-decoration: underline;
}

a:hover
{
	color: #02303D;
	text-decoration: none;
}

.Clear
{
	clear: both;
}

.button{
	padding: 1px 10px 1px 10px;
	background-color: #02303d;
	border: 1px solid #02303d;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

div.BannerTop
{
	width: 100%;
	height: 99px;

	margin: 0px 0px 7px 0px;

	overflow: hidden;
}

.button_order{
	padding: 1px 1px 1px 1px;
	background-color: #02303d;
	border: 1px solid #02303d;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	float:left;
}

.button_back{
	padding: 1px 1px 1px 1px;
	background-color: #02303d;
	border: 1px solid #02303d;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	
}

.AlignCenter
{
	text-align: center;
}	
p.right_part_head{
	text-align:left; 
	font-weight:bold; 
	font-size:13px;
	font-family:Verdana;
	padding:0px;
	margin:0px 0px 0px 5px;
	}
	/*-- menu list --*/
	div.TextHeader{
	height: 21px;
	display: block;
	margin: 0px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	vertical-align: middle;
	background-color: #02303D;
}

div.TextHeader h1
{
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
  	text-align:left;
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}
div.menu{
	padding-top:3px; 
	}
	
	/* -- css for the side menu --*/
.menulist, .menulist ul

{

	margin: 0px 0px 7px 0px;

	padding: 0;

	width: 186px;

	list-style: none;

}



/*

 Submenus (<ul> tags) are hidden and absolutely positioned across from their parent.

 They don't *have* to touch their parent menus, but is' a good idea as CSS-only fallback

 mode requires menus to touch/overlap (when JS is disabled in the browser).

*/

.menulist ul

{

	display: none;

	position: absolute;

	top: 0px;

	left: 187px;

	border-left: 1px solid #FFFFFF;

}



/*

 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.

 They have borders that are slightly overlaid on one another to avoid doubling up.

*/

.menulist li.FirstLevel

{

	position: relative;

	background: #B7DEFC;

	border-bottom: 1px solid #ccc;
	
	

}



.menulist li

{

	position: relative;

	background: #fff;

	border-bottom: 1px solid #ccc;

}



.menulist ul>li:last-child

{

	margin-bottom: 1px; /* Mozilla fix */

}



/* Links inside the menu */

.menulist a

{

	display: block;

	padding: 5px 6px 6px 6px;



	background-color: #fff;
	color: #000000;



	text-align: left;

	font-family: Verdana;

	font-size: 12px;

	font-style: normal;

	font-weight: normal;

	text-decoration: none;

}



/*

 Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.

*/

.menulist a:hover, .menulist a.highlighted:hover

{
	background-color: #02303D;
	background-image:url(../images/sidemenulink_hover.png);
	/*background-repeat:no-repeat;
	background-position:middle;*/
	color: #FFFFFF;
	font-weight: bold;
}



.menulist a.highlighted

{

	background-color: #fff;

	color: #000000;

	font-weight: normal;

}


.menulist a .subind

{

	float: right;

}

.pagination
{
  background-color:#eaeaea;
  margin-top:4px;
  color:blue;
  font-size:13px;
  text-align:right;
  padding-right:5px;
}



/*

 HACKS: IE/Win:

 A small height on <li> and <a> tags and floating prevents gaps in menu.

 * html affects <=IE6 and *:first-child+html affects IE7.

 You may want to move these to browser-specific style sheets.

*/

*:first-child+html .menulist li

{

	float: left;

	width: 100%;

}



* html .menulist li

{

	float: left;

	height: 1%;

}



* html .menulist a

{

	height: 1%;

}

/* End Hacks */



.menulist li:hover>ul {

 display: block;

}

/* -- css for side AD --*/
.side_adv{
	background-color:#fff; width:184px; 
	
	}
/* -- css for book image background --*/
.bg_bookimage{
	background-image:url(../images/bg-image.png); 
	float:left; 
	background-position:bottom; 
	background-repeat:no-repeat; 
	width:188px; 
	height:300px;
	margin:1px;
	}
.leader_board{
   background-color:#fed30c; 
   height:45px; 
   text-align:center; 
   text-transform:uppercase; 
   padding:25px 0px 0px 0px;
   margin-top:5px; 
   font-size:13px; 
   font-weight:bold; 
   border:1px solid #000;
}

.bg_bookimageright{
	background-image:url(../images/bg-image.png); 
	float:left; 
	margin-left:5px; 
	margin-top:4px;
	background-position:bottom; 
	background-repeat:no-repeat; 
	width:188px; 
	height:300px;
	}
div.book_position{
	height:180px; 
	margin:5px 0px 0px 30px;
	}
	
form{	
	display:block;
	margin:0px;
	padding:0px;
	}
div.book_details{
	height:120px;  
	padding:0px 10px 0px 10px; 
	text-align:justify;
	}

div.detail_text{
	padding:1px; 
	height:82px;
}
div.book_details div.title {
	font-weight:bold;
	text-align: left;
}
div.book_details label{
	float:right; 
	text-align:right; 
	}
div.book_details div{
	float:left;
	padding:1px;
	}
div.titlebar{
	background-color:#004C90; 
	color:#fff; 
	height:25px; 
	margin-top:3px; 
	}
div.ProductDetail
{
	width: 100%;
	margin: 0px 0px 7px 0px;
	border: 1px solid #b7defc;

	overflow: hidden;

	background-color: #FFFFFF;

	line-height: 140%;
}

div.ProductDetail_Data
{
	padding: 7px 7px 7px 7px;
}

div.ProductDetailLeft
{
	width: 50%;
	height: 180px;
	float: left;
	overflow: hidden;

	background-color: #FFFFFF;

	line-height: 140%;
}



div.ProductDetailLeft div.ProductDetailLeft_Data
{
	padding: 7px 7px 7px 7px;
	text-align: center;
}

div.ProductDetailRight
{
	width: 50%;
	height: 180px;
	float: left;
	overflow: hidden;

	background-color: #b7defc;

	line-height: 140%;
}

div.ProductDetailRight div.ProductDetailRight_Data
{
	padding: 7px 7px 7px 7px;
}

div.ProductDetail .Button
{
	padding: 7px 7px 7px 7px;
	background-color: #02303d;
	border: 1px solid #02303d;

	cursor: pointer;

	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

div.ProductDetail h1
{
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 5px 0px;

	font-size: 18px;
	font-weight: bold;
}

div.ProductDetail p
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}






div.ProductSearchDetail
{
	width: 580px;
	margin: 0px 0px 7px 0px;
	border: 1px solid #b7defc;

	clear: both;

	overflow: hidden;

	line-height: 140%;
}

div.ProductSearchDetail div.ProductSearchDetail_Data
{
	padding: 7px 7px 7px 7px;
}

div.ProductSearchDetailLeft
{
	width: 150px;
	height: 110px;
	float: left;
	overflow: hidden;

	background-color: #FFFFFF;

	line-height: 140%;
}

div.ProductSearchDetailLeft div.ProductSearchDetailLeft_Data
{
	padding: 0px 0px 0px 0px;
	text-align: center;
}

div.ProductSearchDetailRight
{
	width: 428px;
	height: 100px;
	float: left;
	overflow: hidden;

	line-height: 140%;
}

div.ProductSearchDetailRight div.ProductSearchDetailRight_Data
{
	padding: 5px 5px 5px 5px;
}

div.ProductSearchDetail .Button
{
	padding: 7px 7px 7px 7px;
	background-color: #02303d;
	border: 1px solid #02303d;

	cursor: pointer;

	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

div.ProductSearchDetail h3
{
	height: 15px;

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	overflow: hidden;

	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;	
}

div.ProductSearchDetail h3 a
{
	color: #02303d;
	text-decoration: none;
}

div.ProductSearchDetail p
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}

div.ProductSearchDetail p.Name
{
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;	
}

div.ProductSearchDetail p.Description
{
	height: 48px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	line-height: 140%;
}

/*
div.ProductSearchDetail p.Price
{
	float: right;
	text-align: right;
	vertical-align: middle;

	font-family: Verdana;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;	
}
*/

div.ProductSearchDetail p.Price img
{
	margin: 0px 0px 0px 10px;
	vertical-align: -12px;
	border: 0;
}

/* Search screen */

.main_container
{
  width:575px; 
  height:125px; 
  background-color:#fff; 
  background-image:url(../images/price_bk.png); 
  background-repeat:no-repeat; 
  background-position:bottom right;
  margin-top:4px;
}

.image_container
{
  width:130px;	
  height:125px; 
  float:left;  
  border-right:2px solid #ddd;
}

.image_inside_container
{
		text-align: center;
}

.image_inside_container img {
	padding: 5px;
}

.text_container
{
   width:440px; 
   float:left; 
   height:125px;
}

.text_title{
	padding:10px 0px 0px 10px;
}

.title_span{
	font-weight:bold;
	color:#333; 
	font-size:11px;
}

.text_description{
	padding-top:7px;  
	height:63px;
}

.image_submit{
	width:90px; 
	float:left;
}
.price_span{
	float:left; 
	text-align:left; 
	font-weight:bold; 
	padding-right:10px;   
	font-size:12px;
}
#userform div.td_label {
	width: 120px;
	text-align: right;
}
#userform div.td_field {
	width: 400px;
	text-align: left;
}

#rembours_info {
  background:#D9E8FB;
  border:solid 2px #fff;
  padding:5px;
  margin:5px;
}

.download_pdf p {
  height:30px;
  font-size:12px;
  font-weight:bold;
}
.download_pdf img {
  float:left;
  margin-top:-10px;
  margin-right:10px;
}

.klanten_service li {
  margin: 10px
}