/* ******************************************************************
   script        : webselfservice.css
   site          : bol.com wss styling
   author        : M. Onrust
   copyright     : bol.com (www.nl.bol.com)
   last modified : 02/04/2009
******************************************************************* */

/* ------------------------------------------ 2NDHAND FAQ ----------------------------------------- */
.faq {
 		background:transparent url("../../images/layout/faq_header.jpg") no-repeat 0 0;
 		height:129px;
 		padding:30px 350px 0 12px;}
.faq h2 {
 		color:#31312f;
 		padding-bottom:4px;}
.faq ul li {
 		font-weight:600;}
.faq ul li {
 		background: url("../../images/layout/list_icons.png") no-repeat 2px -92px;
    line-height: 18px;
    padding:2px 0 2px 14px;}
.faq ul a {text-decoration:none;}
.faq ul a:hover {text-decoration:underline;}

/* --------------------------------------- CUSTOMER SUPPORT --------------------------------------- */
.start_block {
 		background:#fff url("../../images/layout/header_anchor_panel.gif") no-repeat 0 0;
 		height:1%;/* IE6 Hashlayout bug */
 		margin-bottom:20px;
 		padding:10px 0 0;}
.questions_block {
 		background:url("../../images/layout/header_anchor_panel.gif") no-repeat 0 100%;
 		height:1%;/* IE6 Hashlayout bug */
 		padding:0px 12px;}
.questions {
 		width:559px;
 		float:left;}
.noquestion {
		width:167px;
		margin-left:570px;}
.noquestion ul, .questions ul {
 		padding:0px 0px 17px 0px;}
.wss_answer {
 		background:#fff url("../../images/main/border_line_hor.gif") repeat-x left bottom;
 		padding-bottom:15px;
 		margin-bottom:15px;}
.backlink {
 		text-align:right;
 		margin-top:-30px;
 		display:block;}
.no_wss_answer {
 		background:url("../../images/layout/list_icons.png") no-repeat 2px 10px;
 		padding:5px 0 12px 14px;}

/* --------------------------------------- FAQ / WEBSELFSERVICE --------------------------------------- */
/* -------------- CATEGORY BLOCK HOMEPAGE ------------ */
.category_block {
    width:48%;
    padding-bottom:30px;
    float:left;}
.category_block h2 {
    margin:0;
    float:left;}
.category_block img {
    padding-right:10px;
    float:left;}
.category_block ul {
    width:250px;
    float:left;}
.more_questions {
    width:260px;
    margin-top:-15px;
    padding-left:110px;}

.category_block_new .header {
  border-bottom: 1px solid #f6f3ed;
}
.category_block_new ul {
  min-height:130px;
  padding-top: 5px;
}
.category_block_new ul a:first-child {
  line-height: 1.7;
}
.category_block_new ul li.more_questions {
  margin-top: 12px;
}

/* -------------- CONTACT INFO SIDEBAR ------------ */
.customer_service_contact {
margin-bottom:-12px;
padding-left:50px;
}
.customer_service_contact .icon:before {
content:'';
background:transparent url('../../images/icons/contact_icons.png') no-repeat;
width:37px;
height:24px;
margin-left:-50px;
margin-top:5px;
float:left;

}
.customer_service_contact .mail:before {
background-position:0 -26px;
height:21px;
}
.customer_service_contact .chat_billie:before {
background-position:0 -48px;
}
.customer_service_contact .live_chat:before {
background-position:0 -73px;
}


.css_contactinfo h2 { background:url('/nl/cms/images/klantenservice/css_icons-contact.png') no-repeat 0 2px;line-height:13px;padding-left:25px;}
.css_contactinfo h2 span {font-family:Verdana,Arial,Helvetica,sans-serif;text-transform:none;}
.css_contactinfo .nl {background:url('/nl/cms/images/klantenservice/css_icons-contact.png') no-repeat 0 -47px;padding-left:25px;}
.css_contactinfo .de {background:url('/nl/cms/images/klantenservice/css_icons-contact.png') no-repeat 0 -97px;padding-left:25px;}
.css_contactinfo .nl strong, .css_contactinfo .de strong {font-size:15px;}
/* -------------- SEARCH SIDEBAR ------------ */
.zoeken {
  border-top: 1px solid #f5f5f5;
}
/* -------------- LINKBLOK ------------ */
.linkblok {
  padding: 9px 0 0 9px !important;
}
.linkblok li {
  line-height: 15px;
  padding-bottom: 3px;
  padding-top: 3px;
}
/* -------------- BOX BANNER ------------ */
.boxbanner {
  text-align: center;
}

/* -------------------------------------------- TABLES -------------------------------------------- */
.wss_answer table {
		font-size:11px;
		line-height:1.4em;}
.wss_answer table td, .wss_answer table th {
 		vertical-align:bottom;}
.wss_answer td {
		background:#d6ebff;
		text-align:right;
		color:#03c;
		padding:3px;
		border-right:1px solid #fff;
		border-bottom:1px solid #fff}
.wss_answer .tbleven {
		background:#9cf;
		color:#31312f;
		text-align:left;}
.wss_answer .tbloneven {
		background:#b8dcff;
		color:#31312f;
		text-align:left;}
.wss_answer .td5columns td {
		width:20%;}

/* ----------------------------------------- CONTACTFORM ------------------------------------------ */
.response select {
  		width:500px;
  		margin-bottom:10px;}
.response textarea {
  		width: 495px;
  		height: 165px;
  		margin-bottom:5px;}
#customerdetails label {
  		width:250px;
  		display:block;
  		float:left;
  		clear:both;}
#customerdetails input {
 		 width:200px;
  		margin-bottom:10px;
  		float:left;}
#customerdetails span.required {
  		font-size:16px;
  		float: left;}
#customerdetails span.required, .starredreq {
  		color:#c30;}
#customerdetails span.extradescription {
  		font-size:10px;
  		float: left;}
#customerdetails input.smallfield {
  		width: 80px;
  		margin-right: 125px;}
#customerdetails input.smallerfield {
  		width: 65px;
 		margin-right: 10px;}
#availabecharacters {
  		font-size:10px;
  		color:#62615f;
  		margin-bottom:10px;}

/* --------------------------------------- GIFTCARD CHECKER --------------------------------------- */
.giftcard_checker {							background:#f2f2f2;width:638px;padding:14px;}
.giftcard_checker .giftcard_input {width:424px;padding-right:18px;float:left;}
.giftcard_checker label {				font-weight:600;padding-bottom:6px;display:block;}
.giftcard_checker input.textfield {background:#fff url("../../images/layout/textfields_bg.png") no-repeat;height:22px;width:225px;margin-right:10px;border:1px solid #7f9db9;float:left;}
.giftcard_checker #giftcard_output {width:196px;float:right;}
.giftcard_checker #giftcard_output img {display:block;}
.giftcard_checker .giftcard_error, .giftcard_checker .giftcard_succes {background:#fff;font-size:11px; display:none;}
.giftcard_checker .giftcard_succes {text-align:center;height:108px;padding-top:22px;}
.giftcard_checker .giftcard_balance {color:#c30;padding-bottom:9px;}
.giftcard_checker .giftcard_recheck {display:block;}
.giftcard_checker .giftcard_error {height:130px;}
.giftcard_error p {							background:url("../../images/main/icon_error.gif") no-repeat 9px 9px;padding:11px 10px 10px 29px;color:#c30;}