/*-----------------------------------------------------------------------------
Website: Den Bascuul
Auteur: Webatvantage.be
Laatst gewijzigd: 21-04-2010
-----------------------------------------------------------------------------*/

.more_info_box {background:#fffde0;padding:15px;border:1px solid #f5f3c8;margin:15px 0;width:718px;color:#333;}


textarea.kadoverpakking{
background-color:#FFFFFF;
border:1px solid #666666;
color:#2A2A2A;
font-family:"Trebuchet MS",Arial,sans-serif;
font-size:11px;
height:40px;
padding-left:5px;
padding-top:3px;
width:550px;
}

/*
Box winkelmandje
-----------------------------------------------------------------------------*/
div#box_winkelmandje table { width: 100%; border-collapse: collapse; }
div#box_winkelmandje table td  { padding: 5px; }
div#box_winkelmandje table td img  { float: right; text-align: right; }
div#box_winkelmandje table tr.even td  { background: #e8e9de; }

div#box_winkelmandje div#price { background: #5b8838; border-top: 2px solid #527d37; border-bottom: 2px solid #527d37; padding: 10px 0; text-align: center; font-size: 14px; font-weight: bold; color: #fff; line-height: 20px; }
div#box_winkelmandje div#price h2 { margin: 0; color: #fff; text-align: center; }
div#box_winkelmandje div#price h2 a { color: #fff; text-decoration: none; }

div#box_winkelmandje div#price a:link,
div#box_winkelmandje div#price a:visited,
div#box_winkelmandje div#price a:hover,
div#box_winkelmandje div#price a:active { color: #fff; }

/*
Box steps
-----------------------------------------------------------------------------*/
div.box_steps { width: 100%; height: 30px; margin: 10px 10px 10px 0px; padding: 0; overflow: hidden;font:10px Arial, Helvetica, sans-serif;text-transform:uppercase; }

div.box_steps div#step1 { float: left; width: 175px; height: 30px; line-height: 30px; margin: 0 2px 0 0; padding: 0 0 0 10px; background: #343231; color:#fff;}
div.box_steps div#step2 { float: left; width: 175px; height: 30px; line-height: 30px; margin: 0 2px 0 0; padding: 0 0 0 10px; background: #343231;color:#fff; }
div.box_steps div#step3 { float: left; width: 175px; height: 30px; line-height: 30px; margin: 0 2px 0 0; padding: 0 0 0 10px; background: #343231;color:#fff; }
div.box_steps div#step4 { float: left; width: 175px; height: 30px; line-height: 30px; padding: 0 0 0 10px; background: #343231;color:#fff; }


div.box_steps div.active { background: #C34136 !important; color: #fff; }
div.box_steps div.active a:link,
div.box_steps div.active a:visited,
div.box_steps a { color: #fff; text-decoration: none; }
div.box_steps a:hover { color: #fff; text-decoration: underline; }

/*
Buttons
-----------------------------------------------------------------------------*/
#div_to_update2 input.winkelwagen_next { float: left; width: auto; height: 30px; line-height: 30px; margin: 0 5px 0 0; padding: 0 10px; background: #5b8838; border: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #fefefe; cursor: pointer; overflow: visible; }
#div_to_update2 .button_verder { float: left; display: block; width: auto; height: 30px; line-height: 30px; padding: 0 10px; background: #5b8838; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #fefefe; text-decoration: none; }

/*
Div to update 2
-----------------------------------------------------------------------------*/
#div_to_update2 { margin: 13px 0 0 0; }
#div_to_update2 div.message { margin: 0 0 15px 0; padding: 5px 10px; background: #FFFDE0; border: 1px solid #F5F3C8; color: #534C40; }

#extra_overview_message { margin:10px 0; padding: 0; }

.item_remark { margin: 0px 0px 20px 0;}
.item_remark .label_remark { float: left; width: 80px; height: 27px; line-height: 27px;font-size:10px;letter-spacing:1px;text-transform:uppercase;}
.item_remark .inputfield_remark { width: 471px; margin: 0 0 0 15px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #393525; border-top:1px solid #cccbcb;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;border-left:1px solid #cccbcb;background-color:#fff;padding:5px 6px;}
.item_remark .inputfield_remark:focus { border: 1px solid #c3c2c2; }

.winkelwagen_inputfield {margin:5px 4px 0 0;}

/*
Winkelwagen table
------------------------------------------------------------------------------*/
table.winkelwagen  { width: 100%; padding: 0; margin: 0px 0 15px 0; }
table.winkelwagen th { padding: 7px; background: #EBEAEA; border: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-align: left;letter-spacing:-1px;}
table.winkelwagen select { margin: 0; padding: 0; vertical-align: middle; }
table.winkelwagen .product_rij td  { padding: 7px; border-left: 1px solid #EBEAEA;border-right: 1px solid #EBEAEA;border-bottom: 1px solid #EBEAEA; }
table.winkelwagen .product_total td {letter-spacing:-1px;text-align:right;  padding: 7px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 14px; }
table.winkelwagen .product_rij_verzendingskosten td {text-align:right; padding: 7px; border-bottom: 1px solid #EBEAEA;  font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color:#555;}
table.winkelwagen .winkelwagen_units {width:40px;text-align:right;font:14px Arial, Helvetica, sans-serif;font-weight:bold;border:1px solid #bbb;padding:3px;color:#666;}
table.winkelwagen .winkelwagen_price {text-align:right; white-space:nowrap;}
table.winkelwagen td.product_name { width: 380px; }
table.winkelwagen td.product_price { width: 50px;text-align:right;}
table.winkelwagen td.product_value {width:50px;}
table.winkelwagen td.product_delete {width:25px;text-align:center;}
table.winkelwagen img.button_delete { cursor: pointer;}

#winkelwagen_leeg{padding:15px 100px 15px 100px;border:1px solid #c00;color:#c00;margin:15px 0 15px 0;text-align:center;}

#winkelwagen_total_ammount {color:#999;}

.product_price, .winkelwagen_verzendingskosten_price, #winkelwagen_total_ammount {white-space:nowrap;}

#subtext_shop { width: 488px; margin: 0; padding: 20px 20px 20px 100px; background: #fff url('../Graphics/Shop_icon.gif') no-repeat center left; border: 1px solid #e3e2d6; color: #6b6858;display:none; }

#no_products { width: 568px; margin: 0; padding: 10px 20px; background: #fff; border: 1px solid #e3e2d6; color: #6b6858; }

/*
Registration
------------------------------------------------------------------------------*/
#registrated_or_not {background:#fffde0;padding:15px;border:1px solid #f5f3c8;margin:15px 0;width:718px;color:#333;}
#box_registration .block {clear:both;margin-bottom:10px;}
#box_registration .block .item {clear:both;background:#f6f6f6;border:1px solid #EBEAEA;width:748px;margin-top:-1px;color:#333;}
#box_registration .block .item label {float:left;width:150px;line-height:37px;display:block;text-align:right;padding-right:10px;color:#666;font-size:10px;text-transform:uppercase;}
#box_registration .block .item .inputfield {border-top:1px solid #cccbcb;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;border-left:1px solid #cccbcb;background-color:#fff;padding:4px 6px;width:535px;color:#555;margin:7px 7px 7px 0;}
#box_registration .block .item .checkbox {padding:8px 6px;color:#555;margin:10px 7px 10px 0;}
#box_registration .block .item .select {border-top:1px solid #cccbcb;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;border-left:1px solid #cccbcb;background-color:#fff;padding:4px 6px;width:550px;color:#333;margin:7px 7px 7px 0;font-family:Arial, Helvetica, sans-serif;font-size:11px;}
#box_registration .block .title {clear:both;color:#666;padding:5px 0 10px 0;width:133px;text-align:right;font-style:italic;}

.block .error .inputfield {border:1px solid #c93636;background-color:#fff;padding:4px 6px;width:346px;color:#999;}
.block .item .extra_text {padding:4px 0 0 12px;color:#999;}
.item_submit #submit_login {display:block;background:url(../Graphics/Button_aanmelden.gif) no-repeat top left;cursor:pointer;border:none;font-size:0px;margin:8px 0 20px 160px;width:96px;height:29px;line-height:80px;}
.item_submit #submit_login:hover {display:block;background:url(../Graphics/Button_aanmelden.gif) no-repeat bottom left;}
.item_submit #submit_forgot {display:block;background:url(../Graphics/Button_paswoord_opvragen.gif) no-repeat top left;cursor:pointer;border:none;font-size:0px;margin:8px 0 20px 160px;width:143px;height:29px;line-height:80px;}
.item_submit #submit_forgot:hover {display:block;background:url(../Graphics/Button_paswoord_opvragen.gif) no-repeat bottom left;}
#submit_change {display:block;background:url(../Graphics/Bg_input.gif) repeat-x;cursor:pointer;padding:6px 7px;border:none;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#fff;margin:8px 0 20px 145px;font-size:10px;text-transform:uppercase;line-height:80px;}
input#Registreer {display:block;background:url(../Graphics/Button_registreren.gif) no-repeat top left;cursor:pointer;border:none;font-size:0px;margin:8px 0 0px 160px;width:92px;height:29px;line-height:80px;}
input#Registreer:hover {display:block;background:url(../Graphics/Button_registreren.gif) no-repeat bottom left;}
.contact_verstuur {display:block;background:url(../Graphics/Button_gegevens_aanpassen.gif) no-repeat top left;cursor:pointer;border:none;font-size:0px;margin:8px 0 20px 160px;width:92px;height:29px;}
.contact_verstuur:hover {display:block;background:url(../Graphics/Button_gegevens_aanpassen.gif) no-repeat bottom left;}

.winkelwagen_ogone {display:block;background:url(../Graphics/Button_beveiligde_pagina.gif) no-repeat top left;cursor:pointer;border:none;font-size:0px;margin:4px 0 5px 0px;width:254px;height:29px;line-height:80px;}
.winkelwagen_ogone:hover {display:block;background:url(../Graphics/Button_beveiligde_pagina.gif) no-repeat bottom left;}

.winkelwagen_overschrijving {display:block;background:url(../Graphics/Button_betaling_overschrijving.gif) no-repeat top left;cursor:pointer;border:none;font-size:0px;margin:0px 0 0px 0px;width:180px;height:29px;line-height:80px;}
.winkelwagen_overschrijving:hover {display:block;background:url(../Graphics/Button_betaling_overschrijving.gif) no-repeat bottom left;}

/*
Winkelmandje bevestig
------------------------------------------------------------------------------*/
#winkelmandje_bevestig { margin: 15px 12px 30px 10px; overflow: hidden; }

#winkelmandje_bevestig table.winkelwagen { width: 100%; }
#winkelmandje_bevestig div.title { font-weight: bold; }

.winkelwagen_next {float:left;cursor:pointer;background:url(../Graphics/Button_betaling_afronden.gif) top left;width:180px;height:29px;border:none;font-size:0px;text-indent:-9999px;line-height:60px;}
.winkelwagen_next:hover {background:url(../Graphics/Button_betaling_afronden.gif) bottom left;}

.button_verder {float:left;margin-left:10px;float:left;background:url(../Graphics/Button_verder_winkelen.gif) top left;width:166px;height:29px;text-indent:-9999px;cursor:pointer;border:none;font-size:0px;line-height:80px;}
.button_verder:hover {background:url(../Graphics/Button_verder_winkelen.gif) bottom left;}

#winkelmandje_bevestig div.block { width: auto; margin: 20px 0 0 0; padding: 20px 15px 20px 15px; border: 1px solid #e8e9de; }
#winkelmandje_bevestig div.block .title { padding-bottom: 20px; font: 13px Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; }
#winkelmandje_bevestig div.block .overzicht_label { float: left; width: 150px; line-height:20px; }

input.bestelling_doorsturen { float: left; width: auto; height: 30px; line-height: 30px; margin: 0 5px 0 0; padding: 0 10px; background: #5b8838; border: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #fefefe; cursor: pointer; overflow: visible; }

.block {margin-bottom:20px;}
.block .title {font:14px Arial, Helvetica, sans-serif;font-weight:bold;padding-bottom:12px;letter-spacing:-1px;}
.block .overzicht_label {float:left;width:150px;border-bottom:1px solid #EBEAEA;padding:4px 0;}
.block .overzicht_value {float:left;width:595px;border-bottom:1px solid #EBEAEA;padding:4px 0;color:#999;}

/*
Winkelmandje betaling
------------------------------------------------------------------------------*/
#winkelmandje_betaling { margin: 15px 12px 30px 10px; overflow: hidden; }
#winkelmandje_betaling a.button { float: left; display: block; width: auto; height: 30px; line-height: 30px; margin: 20px 0 0 0; padding: 0 10px; background: #6b6858; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #fefefe; text-decoration: none; }
#winkelmandje_betaling a:hover.button { background: #5b8838; }

/*
Other classes
------------------------------------------------------------------------------*/
div.message { margin: 15px 0px 0px 0; padding: 5px 10px; background: #FFFDE0; border: 1px solid #F5F3C8; color: #666; }
div.message_red { margin: 15px 0px 15px 0; padding: 5px 10px; background: #c00; border: 1px solid #F5F3C8; color: #fff; }

.grey{color:#999;}