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

/*
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: 920px; height: 30px; margin: 10px 10px 10px 10px; padding: 0; overflow: hidden; }

div.box_steps div#step1 { float: left; width: 294px; height: 30px; line-height: 30px; margin: 0 2px 0 0; padding: 0 0 0 10px; background: #e8e9de; }
div.box_steps div#step2 { float: left; width: 294px; height: 30px; line-height: 30px; margin: 0 2px 0 0; padding: 0 0 0 10px; background: #e8e9de; }
div.box_steps div#step3 { float: left; width: 296px; height: 30px; line-height: 30px; padding: 0 0 0 10px; background: #e8e9de; }

div.box_steps div.active { background: #5b8838 !important; color: #fff; }
div.box_steps div.active a:link,
div.box_steps div.active a:visited,
div.box_steps div.active a:active { color: #fff; text-decoration: none; }
div.box_steps div.active 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: #f5d6d6; border: 1px solid #c00; color: #c00; }

#div_to_update2 div#extra_overview_message { margin: 0; padding: 0; }

#div_to_update2 div.item_remark { margin: 15px 0;}
#div_to_update2 div.item_remark .label_remark { float: left; width: 80px; height: 27px; line-height: 27px; }
#div_to_update2 div.item_remark .inputfield_remark { width: 523px; margin: 0 0 0 15px; padding: 5px; border: 1px solid #dcdcd2; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #393525; }
#div_to_update2 div.item_remark .inputfield_remark:focus { border: 1px solid #c1c2bc; }

/*
Winkelwagen table
------------------------------------------------------------------------------*/
table.winkelwagen  { width: 628px; padding: 0; margin: 0 0 15px 0; }
table.winkelwagen th { padding: 10px; background: #e8e9de; border: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-align: left; }
table.winkelwagen select { margin: 0; padding: 0; vertical-align: middle; }
table.winkelwagen .product_rij td  { padding: 10px; border: 1px solid #e8e9de; }
table.winkelwagen .product_total td {text-align:right;  padding: 10px; background: #e8e9de; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 14px; }
table.winkelwagen .product_rij_verzendingskosten td {text-align:right; padding: 10px; border: 1px solid #e8e9de;  font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 14px; }
table.winkelwagen .winkelwagen_units td {}
table.winkelwagen .winkelwagen_price {text-align:right;}
table.winkelwagen td.product_name { width: 280px; }
table.winkelwagen img.button_delete { cursor: pointer; }

#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; }

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

/*
Registration
------------------------------------------------------------------------------*/
#registrated_or_not { margin: 25px 12px 25px 10px; line-height: 20px; }

div#Registrated, 
div#NotRegistrated { margin: 25px 12px 25px 10px; padding: 0 5px; overflow: hidden; }

div#Registrated div.block, 
div#NotRegistrated div.block { width: auto; margin: 20px 0 0 0; padding: 20px 15px 20px 15px; border: 1px solid #e8e9de; }

div#Registrated div.block .title,
div#NotRegistrated div.block .title { padding-bottom: 20px; font: 13px Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; }

div#Registrated div.block .item,
div#NotRegistrated div.block .item  { clear: both; margin: 0 0 15px 0; overflow: hidden; }

div#Registrated div.block .item label,
div#NotRegistrated div.block .item label { float: left; width: 150px; line-height: 24px; }

div#Registrated div.block .item .inputfield,
div#NotRegistrated div.block .item .inputfield { float: left; width: 400px; margin: 0 0 0 15px; padding: 5px; border: 1px solid #dcdcd2; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #393525; }

div#Registrated div.block .item .select,
div#NotRegistrated div.block .item .select { float: left; width: 412px; margin: 0 0 0 15px; padding: 5px; border: 1px solid #dcdcd2; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #393525; }

div#Registrated div.block .item .inputfield:focus,
div#NotRegistrated div.block .item .inputfield:focus { border: 1px solid #c1c2bc; }

div#Registrated div.block .verstuur,
div#NotRegistrated div.block .verstuur { float: left; display: block; width: auto; height: 30px; line-height: 30px; margin: 0 0 0 165px; padding: 0 10px; background: #6b6858; border: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #fefefe; text-decoration: none; cursor: pointer; overflow: visible; }

div#Registrated div.block .verstuur:hover,
div#NotRegistrated div.block .verstuur:hover { background: #5b8838; }

div#Registrated .contact_verstuur,
div#NotRegistrated .contact_verstuur { float: left; display: block; width: auto; height: 30px; line-height: 30px; margin: 20px 0 0 0; padding: 0 10px; background: #6b6858; border: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #fefefe; text-decoration: none; cursor: pointer; overflow: visible; }

div#Registrated .contact_verstuur:hover,
div#NotRegistrated .contact_verstuur:hover { background: #5b8838; }

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

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

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

#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; }

/*
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 12px 15px 10px; padding: 5px 10px; background: #f5d6d6; border: 1px solid #c00; color: #c00; }