﻿*
{
    margin:0px;
    padding:0px;
}

body
{
    font-family:Arial;
    font-size:12px;
    color:#646464;

    background-image:url('../../Images/Front/bg-repeater.jpg');
    background-repeat:repeat-x;
    background-position:top;
}

img{border:none;border-collapse:collapse;}
img.loader
{
    position:absolute;
}

p{margin-bottom:15px;}

h1{font-family:Tahoma;font-size:15px;margin-bottom:15px;}

a
{
    font-family:Arial;
    color:#646464;
    cursor:pointer;
}
a:hover
{
    text-decoration:none;
}

select
{
    border:solid 1px #646464;
    color:#646464;
}

.line
{
    border-top:solid 1px #dadada;
    margin-bottom:15px;
    height:1px;
    font-size:1px; /* IE Hack */
}
.button
{
    padding:2px 5px;
    background-color:#df0000;
    border:solid 1px #646464;
    color:#ffffff;
    font-weight:bold;
    cursor:pointer;
    text-align:center;
}
a.button
{
    text-decoration:none;
    text-align:center;
}
a.button:hover
{
    text-decoration:none;
    background-color:#bf2222;
}

ul{list-style-image:url('../../Images/Front/dot.gif');margin-left:20px;}
ul ul{margin-top:5px;margin-bottom:5px;}
ol{margin-left:20px;}

.red{color:#df0000;}
.blue{color:#146BAB;}

.textbox
{
    border:solid 1px #646464;
    padding:0px 1px;
    color:#646464;
}

.watermark
{
    border:solid 1px #646464;
    padding:0px 1px;
    color:#8b8b8b;
}

.errorText
{
    color:#df0000;
    font-weight:bold;
    font-size:11px;
}
.errorInput
{
    background-color:#DF0000
}
.validation_summary
{
    color:#df0000;
    font-weight:bold;
}
.validation_summary ul
{
    font-size:10px;
}
.ajax__validatorcallout_popup_table
{
    display:none;
}

.float_left
{
    float:left;
}
.float_right
{
    float:right;
}

#wrapper
{
    margin:0px auto;
    width:944px;
}
#wrapper2
{
    background-color:#ffffff;
    padding:0px 15px;
    float:left;
    width:944px;
}
#top
{    
    height:106px;
    margin-bottom:10px;
}
#top img
{
    float:left;
    position:absolute;
}
#top .overlay
{
    position:absolute;
    width:944px;
}
#top .home
{
    margin-top:20px;
    height:65px;
    width:370px;
    float:left;
}
#top .login
{
    float:right;
    margin-top:12px;
    margin-right:10px;
}
#top .slogan
{
    clear:right;
    float:right;
    
    margin-top:30px;
    width:285px;
    
    color:#146bab;
    font-style:italic;
    font-weight:bold;
    font-size:14px;
}
#top a
{
    text-decoration:none;
}
#top a:hover
{
    text-decoration:underline;
}
#center
{
    float:left;
    width:944px;
}
#footer_row1
{
    background-image:url('../../Images/Front/footer.jpg');
    background-repeat:no-repeat;
    background-position:center top;
    
    height:92px;
    width:944px;
    
    float:left;
    margin-top:-25px;
    padding-top:78px;
}
#footer_row1 .footer_header
{
    color:#1469a8;
    font-weight:bold;
    margin-bottom:10px;
    display:block;
    width:100%;
}
#footer_row1 a
{
    
}
#footer_row1 a:hover
{
    text-decoration:none;
    font-weight:bold;
}
#footer_col1
{
    float:left;
    padding-left:205px;
    width:185px;
}
#footer_col2
{
    float:left;
    width:185px;
}
#footer_col3
{
    float:left;
    width:185px;
}
#footer_row2
{
    margin-top:6px;
    
    float:left;
    width:944px;
    margin-bottom:30px;
}
#footer_row2 a:hover
{
    text-decoration:underline;
}

#footer_row1 a, #footer_row2 a
{
    text-decoration:none;
}

#left
{
    float:left;
    width:185px;
    
    margin-right:10px;
    padding-bottom:25px;
    overflow:hidden;
}

#right
{
    float:right;
    width:185px;
    
    position:relative;
    overflow:hidden;
}

#content
{
    position:relative;
    float:left;
    width:552px;
}

#breadcrumb
{
    margin-bottom:10px;
    font-size:11px;
    color:#d5d5d5;
}
#breadcrumb a
{
    text-decoration:none;
}
#breadcrumb a:hover
{
    text-decoration:underline;
}

.search
{
    background-image:url('../../Images/Front/menu-links.gif');
    background-repeat:no-repeat;
    background-position:top left;
    
    padding:4px 6px;
    margin-bottom:10px;
}
.search .search_btn
{
    font-size:15px;
    font-family:Tahoma;
    font-weight:bold;
    color:#ffffff;
    
    margin-left:2px;
    
    text-decoration:none;
}
.search .search_btn:hover
{
    text-decoration:underline;
}
.search .textbox
{
    padding:1px 2px;
    height:17px;
}
.search .watermark
{
    padding:1px 2px;
    height:17px;
}

.merk_button
{
    background-image:url('../../Images/Front/btn-merken.gif');
    background-position:top left;
    background-repeat:no-repeat;
    
    width:25px;
    height:21px;
}
.merk_button:hover
{
    background-image:url('../../Images/Front/btn-merken-overstate.gif');
}
.winkel_button
{
    background-image:url('../../Images/Front/btn-mandje.gif');
    background-position:top left;
    background-repeat:no-repeat;
    
    width:25px;
    height:21px;
}
.winkel_button:hover
{
    background-image:url('../../Images/Front/btn-mandje-overstate.gif');
}
.kassa_button
{
    background-image:url('../../Images/Front/btn-kassa.gif');
    background-position:top left;
    background-repeat:no-repeat;
    
    display:block;
    
    width:131px;
    height:25px;
}
.kassa_button:hover
{
    background-image:url('../../Images/Front/btn-kassa-overstate.gif');
}

.content_block
{
    border:solid 1px #d5d5d5;
    float:left;
    width:552px;
    margin-bottom:10px;
    overflow:hidden;
}

.home_content
{
    padding:4px 8px 8px 8px;
    width:535px;
}

.box_header
{
    background-image:url('../../Images/Front/menu-links.gif');
    background-repeat:no-repeat;
    background-position:top left;
    
    padding:4px 8px;
    
    font-family:Tahoma;
    font-size:15px;
    color:#ffffff;
    font-weight:bold;
}
.winkelmand .box_header
{
    background-image:url('../../Images/Front/kop-winkelmand.gif');
    background-repeat:no-repeat;
    width:185px;
    padding:0px;
}
.winkelmand .box_header a
{
    color:#ffffff;
    text-decoration:none;
    
    display:block;
    width:185px;
    height:21px;
    padding:6px 8px;
}
.winkelmand .box_header a:hover
{
    text-decoration:underline;
}
.winkelmand .box_content
{
    border:solid 1px #d5d5d5;
    border-top:none;
    overflow:hidden;
    padding:0px 4px;
    width:175px;
}
.box_betaal
{
    border:solid 1px #d5d5d5;
    margin-bottom:10px;
}
.bestverkocht
{
    border:solid 1px #d5d5d5;
    float:left;
    width:183px;
}
.bestverkocht .box_header
{
    background-image:none;
    background-color:#e4edf5;
    color:#1469a8;
}
.bestverkocht .box_content
{
    border:none;
    float:left;
    width:175px;
    padding-top:8px;
}
.box_content
{
    border:solid 1px #d5d5d5;
    border-top:none;
    padding:4px 0px 4px 8px;
    
    margin-bottom:10px;
    width:175px;
}
.winkelmand .box_content .summary
{
    height:30px;
    padding:8px 4px 0px;
}
.winkelmand .box_content .prijs
{
    font-size:12px;
}
.winkelmand .box_content .line
{
    border-top:dotted 1px #dadada;
    margin:8px 4px 0px;
    width:167px;
}
.winkelmand .box_content .cart_item
{
    font-size:11px;
    margin:5px 4px;
    float:left;
    width:165px;
    display:inline;
}
.winkelmand .box_content .cart_item .aantal
{
    float:left;
}
.winkelmand .box_content .cart_item .prijs
{
    float:right;
    color:#646464;
    font-size:11px;
    font-weight:normal;
}
.winkelmand .box_content .expand
{
    background-color:#D5D5D5;
    font-size:10px;
    
    float:left;
    width:162px;
    height:13px;
    margin-top:2px;
    padding:3px 7px;
    cursor:pointer;
}
.winkelmand .box_content .expand span
{
    float:left;
}
.winkelmand .box_content .expand img
{
    float:right;
    margin:2px;
}
.winkelmand .box_content .kassa_button
{
    margin:8px 0px 8px 45px;
    float:left;
    display:inline;
}
.winkelmand .box_content .winkel_link
{
    text-decoration:underline;
    font-size:12px;
    color:#df0000;
    float:right;
    margin-right:8px;
    font-weight:bold;
}
.winkelmand .box_content .winkel_link:hover
{
    text-decoration:none;
}
.winkelmand .box_content img
{
}

#menu ul
{
    list-style-type:none;
    margin:0px;
    overflow:hidden;
}
#menu li
{
    margin:4px 0px;
}
#menu li ul
{
    margin:4px 0px 4px 12px;
}
#menu a
{
    font-size:13px;
    text-decoration:none;
}
#menu li ul a
{
    font-size:11px;
}
#menu a.selected
{
    font-weight:bold;
    color:#146bab;
}
#menu a:hover
{
    font-weight:bold;
    color:#e90202;
    text-decoration:none;
}

#merken .box_content
{
    float:left;
    padding-right:8px;
    width:167px;
}

.standard_header
{
    background-color:#e4edf4;
    border-bottom:dotted 1px #ffffff;
    
    padding:4px 8px;
    height:24;
}
.standard_header h1
{
    color:#146bab;
    margin:0px;
}
.standard_content
{
    padding:8px;
    background-color:#e4edf4;
    width:536px;
    float:left;
}
.overview_header
{
    background-color:#e4edf4;
    border-bottom:dotted 1px #ffffff;
    
    padding:4px 8px;
}
.overview_header h1
{
    color:#146bab;
    margin:0px;
}
.cross_header
{
    border-bottom:dotted 1px #dadada;
    padding:4px 8px;
    height:24;
}
.cross_header h2
{
    font-family:Tahoma;
    font-size:15px;
    color:#646464;
    margin:0px;
}
.aanbiedingen_header
{
    background-color:#e4edf5;
    padding:4px 8px;
    height:24;
}
.aanbiedingen_header h3
{
    font-family:Tahoma;
    font-size:15px;
    color:#1469a8;
    margin:0px;
}
.content_info
{
    background-color:#e4edf4;
    border-bottom:dotted 1px #ffffff;
    
    padding:4px 8px;
    overflow:auto;
}
.overview_sort
{
    background-color:#e4edf4;
    padding:7px 8px 0px;
    height:23px;
    
    font-size:11px;
    font-weight:bold;
    color:#146bab;
}
.overview_sort select, .overview_footer select
{
    font-size:11px;
    width:60px;
}
.overview_footer
{
    border-top:dotted 1px #dadada;
    background-color:#e4edf4;
    padding:7px 8px 0px;
    height:25px;
    
    font-size:11px;
    font-weight:bold;
    color:#146bab;
}
.pager
{
    float:right;
    margin-top:1px;
    padding-right:3px;
}
a.page
{
    position:relative;
    padding:0px 2px;
    
    border:solid 1px #abc3d8;
    color:#146bab;
    text-decoration:none;
}
a.page_selected
{
    position:relative;
    padding:0px 2px;
    
    border:solid 1px #146bab;
    color:#146bab;
    text-decoration:none;
}
a.page:hover
{
    text-decoration:none;
    background-color:#146bab;
    color:#ffffff;
}
a.page_selected:hover
{
    text-decoration:none;
    background-color:#146bab;
    color:#ffffff;
}

.overview_table
{
    overflow:hidden;
}
.overview_table table
{
}
.overview_table tr
{
    overflow:auto;
}
.overview_table td
{
    border-top:dotted 1px #dadada;
    border-right:dotted 1px #dadada;
    padding:8px;
    
    width:167px; 
    overflow:auto;
}
.overview_table td .naam
{
    min-height:30px;
    height:auto !important;
    height:30px;
    
    margin-bottom:4px;
}
.overview_table td .naam a
{
    white-space:pre-wrap;
}
.overview_table td .naam .sub
{
    font-size:10px;
    height:10px;
}
.overview_table td .afbeelding
{
    text-align:center;
    height:100px;
    margin-bottom:25px;
    
    overflow:hidden;
    width:168px;
}
.overview_table td .cartstatus
{
    width:168px;
    text-align:right;
    position:absolute;
    margin-top:-25px;
    
    font-weight:bold;
    font-size:10px;
}
.overview_table td .loadingImg
{
    position:absolute;
    margin-left:120px;
    margin-top:-10px;
}
.overview_table td .toegevoegd
{
    color:#008800;
}
.overview_table td .error
{
    color:#DF0000;
    font-style:italic;
}
.overview_table td .aanbieding
{
    font-size:10px;
    color:#df0000;
    height:10px;    
}
.overview_table td .links
{
    float:left;
}
.overview_table td .rechts
{
    float:right;
    width:60px;
    margin-top:-8px;
}
.overview_table td .textbox
{
    float:left;margin-right:8px;
}
.overview_table td .textbox, .maandaanbieding_content .textbox, .product_content .textbox
{
    padding:1px;
    height:17px;
}
.overview_table td  a
{
    text-decoration:none;
}
.overview_table td  a:hover
{
    text-decoration:underline;
}

.prijs
{
    color:#df0000;
    font-weight:bold;
    font-size:13px;
}
.prijs_klein
{
    color:#df0000;
    font-weight:bold;
    font-size:11px;
}
.prijs_klein_aanbieding
{
    color:#df0000;
    font-weight:bold;
    font-size:12px;
}
.prijs_oud
{
    color:#df0000;
    font-size:10px;
    text-decoration:line-through;
    margin-right:15px;
}
.sub
{
    font-size:10px;
    height:10px;
}
.grijs
{
    color:#b3b3b3;
}

.cartstatus
{    
    font-weight:bold;
    height:15px;
    margin-bottom:3px;
}
.toegevoegd
{
    color:#008800;
}
.error
{
    color:#DF0000;
    font-style:italic;
}

.cart_content
{
    padding:6px 6px 6px 10px;
    width:536px;
}

.product_content
{
    padding:6px 6px 6px 10px;
    background-color:#e4edf4;
    width:536px;
    float:left;
}
.product_content .description
{

}
.product_content .image
{
    float:right;
}
.product_content .kopen
{
    padding-top:15px;
    color:#df0000;
}
.product_content .prijs
{
    font-size:15px;
}
.product_content .prijs_oud
{
    font-size:12px;
}
.product_content .kopen .links
{
    float:left;
    width:186px;
}
.product_content .kopen .rechts
{
    float:left;
    padding-top:6px;
}
.product_content .cartstatus
{
    height:30px;
    width:242px;
    text-align:right;
    margin:0px;
}

.maandaanbieding_header
{
    border-bottom:dotted 1px #dadada;
    padding:4px 8px;
    height:24;
    background-color:#fae5e4;
    margin-bottom:10px;
}
.maandaanbieding_header h2
{
    font-family:Tahoma;
    font-size:15px;
    color:#df0000;
    margin:0px;
}
.maandaanbieding_content
{
    padding-bottom:10px;
    overflow:auto;
}
.maandaanbieding_content div.float_left
{
    text-align:center;
    width:200px;
}
.maandaanbieding_content div.float_right
{
    width:352px;
}
.maandaanbieding_content .textbox
{
}
.maandaanbieding_prijs
{
    margin-top:18px;
    margin-bottom:5px;
}
.maandaanbieding_content div.float_right .textbox
{
    float:left;
}
.maandaanbieding_content div.float_right .winkel_button
{
    float:left;
}
.maandaanbieding_content div.float_right .prijs_oud
{
    font-size:12px;
}
.maandaanbieding_content div.float_right .prijs
{
    font-size:15px;
}
.maandaanbieding_content .cartstatus
{
    min-height:12px;
    height:auto !important;
    height:12px;
}

.cart, .orders
{
    border-top:dotted 1px #dadada;
    border-left:dotted 1px #dadada;
}
.cart th, .orders th
{   
    text-align:left;
    font-weight:normal;
    padding:0px 8px;
    border:none;
    border-right:dotted 1px #dadada;
    border-bottom:dotted 1px #dadada;
}
.cart .header, .orders .header
{
    background-color:#ffffff;
    text-align:left;
    height:20px;
    font-weight:normal;
    font-style:italic;
}
.cart .row, .orders .row
{
    background-color:#ffffff;
    text-align:left;
    height:30px;
}
.cart .row td.product
{
    padding:6px 8px;
}
.cart .row td.product a
{
    font-weight:bold;
    font-size:12px;
    text-decoration:none;
}
.cart .row td.product a:hover
{
    text-decoration:underline;
}
a.smalllink, .orders .row a
{
    font-size:10px;
    text-decoration:underline;
}
.cart .row a:hover, .orders .row a:hover
{
    text-decoration:none;
}
.cart td, .orders td
{
    padding:0px 8px;
    border:none;
    border-right:dotted 1px #dadada;
    border-bottom:dotted 1px #dadada;
}

.orders .row
{
    cursor:pointer;
}
.orders .row:hover
{
    background-color:#E4EDF4;
}

.order_form
{
    margin-left:20px;
}
.order_form td
{
    padding:2px 0px;
}
.order_form .textbox
{
    width:200px;
}

.klantgegevens_top table
{
    padding-left:10px;
}
.klantgegevens_left
{
    float:left;
    width:50%;
}
.klantgegevens_left table
{
    padding-left:10px;
}
klantgegevens_right
{
    float:right;
    width:50%;
}
.klantgegevens_right table
{
    padding-left:10px;
}

.most_sold
{
    float:left;
    width:167px;
    margin-bottom:6px;
}
.most_sold a
{
    color:#1469a8;
    text-decoration:none;
}
.most_sold a:hover
{
    text-decoration:underline;
}
.most_sold .number
{
    position:absolute;
    padding:0px 2px;
    
    border:solid 1px #abc3d8;
    color:#ffffff;
    background-color:#146bab;    
    font-weight:bold;
}
.most_sold .img_sold
{
    float:left;
    border:solid 1px #D5D5D5;
    margin-right:6px;
    width:54px;
    
    min-height:65px;
    height:auto !important;
    height:65px;
}
.most_sold .img_sold.empty
{
    width:15px;
    min-height:15px;
    height:15px;
    margin-bottom:15px;
}
.most_sold .img_sold img
{
    margin:2px;
}
.most_sold span
{
    color:#1469a8;
}

.most_sold_item
{
    float:left;
    width:167px;
    margin:3px 0px;
}
.most_sold_item a
{
    text-decoration:none;
}
.most_sold_item a:hover
{
    text-decoration:underline;
}
.most_sold_item .number
{
    padding:0px 2px;
    width:10px;
    float:left;
    margin-right:3px;
    
    border:solid 1px #abc3d8;
    color:#ffffff;
    background-color:#146bab;
}
.modal
{
    width:600px;
    background-color:#ffffff;
    padding:0px 0px 80px 10px;
    border:dotted 1px #abc3d8;
    overflow:hidden;
}
.modal .panel
{
    overflow:scroll;
    height:570px;
    width:600px;
}
.modal .close
{
    text-align:center;
    font-weight:bold;
}
.modal .close a
{
    width:100%;
    height:30px;
    display:block;
}
.modal_background
{
    background-color:#6E6C6C;
    opacity:0.7;
    filter:alpha(opacity=70)
}