/* Default settings
----------------------------------------------------------*/

html 
{
    margin: 0;
    padding: 0;   
    overflow-y: scroll; 
    position: relative;
    min-height: 100%;
}

body 
{
    /*background-color: #fff;*/
    color: #333;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 0.85em;
    margin: 0;
    padding: 0;
    height: 100%;
    min-height: 900px;
}

h1 
{
    /*margin: 0;
    padding: 0;*/
    /*font-family: 'Segoe UI', Tahoma, Arial, Helvetica, Sans-Serif;*/
    /*margin-top: -5px;*/
    padding-left: 10px;
    padding-bottom: 5px;
    font-size: 1.2em;
    font-weight: bold;
    color: #414141;
}

a
{
    color: black;
    outline: none;
    text-decoration: none;
}

a:visited
{
     color: black;
     text-decoration: none;
}

a:hover
{
     color: black;
     text-decoration: none;
}

input:focus {
    outline:none;
}

header, footer, hgroup,
nav, section 
{
    display: block;
}

/*.clear-fix:after 
{
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}*/

.display-block
{
    display: block;
}

.display-inline
{
    display: inline;
}

.pointer
{
    cursor: pointer;
}

.page-menu
{
    display: inline-block;
    /*float: left;*/
    width: 230px;
    margin-top: 10px;
}

.page-content
{
    display: inline-block;
    margin-top: 10px;
    width: 715px;
    vertical-align: top;
    /*margin-left: 235px;*/
}

.page-content-left
{
    margin-top: -5px;
    margin-left: 150px;
}

a:hover.default-link
{
    color: black;
    text-decoration: underline;
}

a.black-link
{
    color: #414141 !important;
    /*font-weight: bold;*/
}

a:visited.black-link
{
    color: #414141 !important;
    /*font-weight: bold;*/
}

a:hover.black-link
{
    color: #414141 !important;
    /*font-weight: bold;*/
    text-decoration: underline;
}

a.always-link
{
    color: #414141;
    text-decoration: underline;
}

a:visited.always-link
{
    color: #414141;
    text-decoration: underline;
}

a:hover.always-link
{
    color: black;
    text-decoration: underline;
}

.button
{
    background-color: #414141 !important;
    width: 150px;
    height: 24px !important;
    color: white !important;
    text-decoration: none !important;
    padding-top: 5px !important;
    font-size: 14px !important;
}

.button:hover
{
    background-color: #616161 !important;
}

.button-small
{
    background-color: #414141 !important;
    width: 100px;
    height: 24px !important;
    color: white !important;
    text-decoration: none !important;
    padding-top: 5px !important;
    font-size: 14px !important;
}

.button-small:hover
{
    background-color: #616161 !important;
}

.button-light
{
    background-color: #DDD !important;
    width: 150px;    
    height: 24px !important;
    color: black !important;
    text-decoration: none !important;
    padding-top: 5px !important;
    font-size: 14px !important;
}

.button-light:hover
{
    background-color: #e3e3e3 !important;
}

.button-light-small
{
    background-color: #DDD !important;
    width: 100px;    
    height: 24px !important;
    color: black !important;
    text-decoration: none !important;
    padding-top: 5px !important;
    font-size: 14px !important;
}

.button-light-small:hover
{
    background-color: #e3e3e3 !important;
}

.error
{
    margin-left: 5px;
    color: #BF0F0F;
}

.pointer
{
    cursor: pointer;
}

.modalBackground
{
    background-color: gray;
    filter: alpha(opacity=50);
    opacity: 0.50;
}

.modalPopup
{
    padding: 10px;
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: #A5A5A5;    
}

.shadow
{
    /*-moz-box-shadow: 2px 2px 2px #7A7A7A;
    -webkit-box-shadow: 2px 2px 2px #7A7A7A;*/
    box-shadow: 2px 2px 2px #7A7A7A;
}

.subheader
{
    font-weight: bold;
    color: #414141;
    margin-bottom: 10px;
    font-size: 1.1em;
    padding-bottom: 2px;
    border-bottom: 1px solid #DDD;
}

.required-field
{
    color: red;
    font-weight: bold;
}

.required-field-normal
{
    color: red;
    font-size: 0.9em;
}

.topborder
{
    height: 30px;
}

.topborder-center 
{
    margin: 0 auto; 
    max-width: 955px; 
    padding-top: 5px;
}

/* DevExpess restyling
----------------------------------------------------------*/

.dxtv-nd
{
    /*height: 21px !important;*/
}

.dxeHyperlink
{
    color: black;
    /*text-decoration: underline !important;*/
}

a:hover.dxeHyperlink
{    
    text-decoration: underline !important;
}

a:visited.dxeHyperlink
{
    color: black;
    /*text-decoration: underline !important;*/
}

.dxeButtonEditButtonHover
{
    background: none !important;
    border: none !important;
}

.dxeButtonEditButton
{
    background: none !important;
    border: none !important;
}

/* Site.Master
----------------------------------------------------------*/

.content-wrapper 
{
    margin: 0 auto;
    max-width: 955px;
}

#body 
{
    clear: both;
    padding-bottom: 70px;
}

    .main-content 
    {
        /*min-height: 750px;*/
        background-color: white;
    }

/*.header 
{
    margin-left: 250px;
    max-height: 150px;
}*/

/*.logo 
{
    position: relative;
    top: 10px;
    float: left;
}*/

/*.site-menu
{
    position: relative;
    top: 75px;
}*/

.site-menu-content
{
    padding: 10px 0px 10px 10px;
}

.site-menu-content-item
{
    padding-right: 15px;
    padding-bottom: 2px;
}

.myaccount
{
    text-align: right;
    display: inline-block;    
    font-size: 0.9em;
    float: right;
    margin-right: 7px;  
    margin-top: 2px; 
    *margin-top:-15px; /*IE6 en IE7 hack*/
    *margin-right: -10px; /*IE6 en IE7 hack*/
}

.account-separator 
{
    color: white;
    display: inline-block;
    font-size: 0.9em;
    float: right; 
    margin-top:2px;   
}

a.myaccount-link 
{
    color: white;
    cursor: pointer;
}

a:visited.myaccount-link 
{
    color: white;
    cursor: pointer;
}

a:hover.myaccount-link 
{
    color: white;
    cursor: pointer;
    text-decoration: underline;
}

.logoff
{
    padding-left: 7px;
    padding-right: 7px;
    font-size: 0.9em;
    float: right;
    margin-top: 2px;
}

a.logoff-link 
{
    color: white;
    cursor: pointer;
}

a:visited.logoff-link 
{
    color: white;
    cursor: pointer;
}

a.logoff-link:hover
{
    color: white !important;
    cursor: pointer;
    text-decoration: underline;
}

/*.shoppingcart
{
    position: relative;    
    left: 572px;
    top: -13px;
}*/

/*.shoppingcart-quantity
{    
    color: #414141 !important;
}*/

/*.shoppingcart-status
{
    position: relative;
    left: 600px;
    top: -33px;
    width: 75px;
    height: 25px;
    font-weight: bold;
}*/

/*.shoppingcart-total
{
    margin-top: 10px;
    margin-left: -25px;
    font-size: 0.82em;
    font-weight: normal;
}*/

.title
{    
    font-size: 0.85em;
    background-color: #414141;
    padding: 6px 0px 5px 12px;
    width: 215px;
    color: #FFF;
    vertical-align: middle;
}

.menu-border
{
    border-left: 1px solid #DDD;
}

/* ProductsControl.ascx
----------------------------------------------------------*/

.dxdvControl td.dxdvCtrl
{
    padding-left: 20px !important;
    padding-right: 10px !important;
}

.dxdvItem
{
    padding: 0px !important;
}

.product-brand
{
    color: gray;
}

.product-listview-price
{
    /*margin-left: 4px;*/
    padding-top: 5px;
    font-weight: bold;
    text-align: right;    
}

.products-switchview-link
{
    padding-left: 4px;
    padding-right: 25px;
    color: gray;
    cursor: pointer;
}

    .products-switchview-link:hover
    {        
        text-decoration: underline;
    }

.products-sortby
{
    padding-left: 4px;
}

.products-sortby-dropdown
{
    font-size: 0.9em;
    color: gray;
}

/* LanguageControl.ascx
----------------------------------------------------------*/

.language-control
{
    margin-left: 10px;
    width: 100px;
}

a.language-link
{
    font-size: 0.8em;
    color: white;
    padding: 0px 1px 0px 1px;
    cursor: pointer;
}

    a.language-link:hover
    {        
        text-decoration: underline;
    }

    a.language-link.visited 
    {
        color: white;
    }

/*a.language-link-separator
{
    padding: 2px 1px 2px 1px;
    color: #e2e2e2;
}*/

/* ProductControl.ascx
----------------------------------------------------------*/

.product-details-name
{
    /*float: left;*/
    font-size: 1.2em;
    font-weight: bold;
    color: #414141;
    width: 100%;
    padding-bottom: 15px;
}

.product-details-productnr
{
    font-size: 0.9em;
    margin-bottom: 10px;    
    font-weight: bold;
    width: 440px;
}

.product-details-description
{
    width: 100%;
    color: #414141;
    line-height: 17px;
    /*padding-top: 20px;*/
    padding-bottom: 10px;
    display: inline-block;
}

.section-break
{
    clear: both;
    border: 0;
    background-color: #e2e2e2;
    height: 1px;    
}

.product-details-quantity
{
    font-size: 0.9em;
    margin-bottom: 3px;
    margin-top: 5px;
}

.product-details-addtocart
{
    /*padding: 4px;*/
    padding-bottom: 3px !important;
    width: 140px;
    background-color: #414141 !important;
    font-weight: bold !important;
}

/* ProductImageControl.ascx
----------------------------------------------------------*/

.productimage-image
{
    width: 307px;
    height: 307px;
    display: table-cell;    /*needed to make vertical-align work*/
    vertical-align: middle;
}

.productimage-thumbnails
{
    margin: 3px 0px 3px -6px;
}

.productimage-thumbnail
{
    border: 1px solid #e2e2e2;
    margin: 0px 2px 0px 2px;
    padding: 4px 4px 0px 4px;
}

    .productimage-thumbnail:hover
    {
        border: 1px solid gray;
    }

.formview-invisible
{
    border: none;
}

/* BreadCrumbControl.ascx
----------------------------------------------------------*/

/*.breadcrumb-control
{
    position: relative;
    top: -14px;
    left: 5px;  
    height: 28px;
}*/

.breadcrumb
{
    color: #414141;
    font-size: 0.78em;
}

.breadcrumb-separator
{
    color: #414141;
    padding: 0px 5px 0px 5px;
    font-weight: bold;
}

a.breadcrumb-link
{
    color: #414141;
    font-weight: bold;
    font-size: 11px;
}

a:hover.breadcrumb-link
{
    color: #414141;
    text-decoration: underline;
    font-size: 11px;
}

.breadcrumb-label
{
    color: #414141;
    font-weight: bold;
    font-size: 11px;
}

/* LiteralOverviewControl.ascx
----------------------------------------------------------*/

.literaloverview
{
    margin: 0px 0px 25px 0px;
    border-top: 1px solid #DDD;    
}

.literaloverview-header
{
    margin: 15px 15px 10px 20px;
    font-size: 1.5em;
    font-weight: bold;
    color: #414141;
}

.literaloverview-column
{
    display: inline-block;
    width: 175px;
    vertical-align: text-top;
    font-size: 0.9em;
}

.literaloverview-column-content
{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

/* LiteralIndexControl.ascx
----------------------------------------------------------*/

.literalindex
{
    margin: 0px 0px 30px 85px;
}

.literalindex-content
{
    list-style: none;
    padding: 0px;
    margin: 0px;
    font-size: 1.2em;
    color: #414141;
}

.literalindex-item
{
    display: inline;
    margin-right: 15px;
}

/* LiteralIndexControl.ascx
----------------------------------------------------------*/

.login-header
{
    font-weight: bold;
    margin-bottom: 25px;
}

.login-label
{
    float: left;
    width: 140px;
    /*font-size: 0.97em;*/
}

.login-input
{
    width: 210px;
    /*margin-bottom: 5px;*/
}

.login-group
{
    margin-top: 20px;
    font-size: 1em;
}

.login-group-error
{
    background-color: #F9F1F1;
    padding: 10px;
    margin-bottom: 15px;
    font-size: 0.95em;
}

.login-group-left
{
    display: block;
    width: 400px;
    float:left;
    border-right: 1px solid #414141;
}

.login-group-right
{
    display: block;
    float: left;
    padding-left: 40px;
}

.login-rememberme
{
    margin-left: 147px;
    font-size: 0.78em;
}

.login-button
{
    /*margin-top: 10px;*/
    margin-top: 30px;
    position: relative;
    left: 40px;
}

.request-account-button
{
    margin-top: 15px;
    position: relative;
    left: 5px;
}

/* AddToCartPopupControl.ascx
----------------------------------------------------------*/

.addtocart-modal
{
    width: 550px;
    height: 240px;
}

/*.addtocart-content
{
    text-align: left;
    margin-top: 15px;
}*/

/*.addtocart-header
{
    padding-left: 50px;
    font-size: 1.5em;
    font-weight: bold;
    color:  #414141;
}*/

.addtocart-continue-shopping
{
    position: absolute;
    top: 205px;
    left: 200px;
    width: 50px;
}

.addtocart-proceed-checkout
{
    position: absolute;
    top: 205px;
    left: 375px;
    width: 50px;
}

.addtocart-product-number
{
    position: relative;
    margin-top: 10px;
    width: 200px;
}

.addtocart-quantity
{
    position: relative;
    top: 20px;
    color: #414141;
}

/* ShoppingCart.aspx
----------------------------------------------------------*/

.shoppingcart-content
{
    font-size: 0.9em;
}

.shoppingcart-gridview
{    
    border: solid 1px #DDDDDD;    
    border-collapse: collapse;
}

    .shoppingcart-gridview th
    {
        color: #414141;
        padding: 5px 0px 5px 0px;
        text-align: center;
        background-color: #F0F0F0;
        border-bottom: solid 1px #DDDDDD;
        border-top: solid 1px #DDDDDD;
    }

    .shoppingcart-gridview td 
    {
        padding: 12px 10px 10px 10px;
        vertical-align: top;
        border-bottom: solid 1px #DDDDDD;
        border-top: solid 1px #DDDDDD;
    }

.shoppingcart-empty
{
    font-size: 0.97em;
    margin-left: 10px;
}

.shoppingcart-image
{
    padding: 0px 5px 0px 5px;
}

.shoppingcart-productname
{
    color: #414141;
    font-weight: bold;
}

.shoppingcart-productnr
{
    padding-top: 5px;    
}

.shoppingcart-quantity-table
{
    margin-top: -3px;
}

    .shoppingcart-quantity-table td
    {
        /*padding: 1px 1px 0px 1px;*/
        padding: 0px;
        margin: 0px;
        border: none;
    }

.shoppingcart-quantity td
{
    /*margin-top:1px;*/
    /*border: 1px solid #DDDDDD !important;*/
}

.shoppingcart-refreshbutton
{
    margin-left: -1px !important;
    margin-top: 0px !important;
    /*margin-left: -2px !important;*/
    /*margin-top: 1px !important;*/
    /*padding-bottom: -1px !important;*/
    /*margin-left: 1px;*/
    /*margin-top: 2px;*/
    /*margin-top: 1px;
    margin-left: -1px;
    padding-bottom: 1px;*/
}

.shoppingcart-totalprice
{
    float: right;
    font-weight: bold;
}

.shoppingcart-removelink
{
    position: relative;
    color: gray;
    float: right;
    top: 25px;
    font-size: 0.8em;
}

a.removefromcart-link
{
    color: gray;
    cursor: pointer;
}

a:visited.removefromcart-link
{
    color: gray;
    cursor: pointer;
}

a:hover.removefromcart-link
{
    color: gray;
    cursor: pointer;
    text-decoration: underline;
}

.shoppingcart-footer
{
    margin-top: -1px;
    /*height: 65px;*/
    background-color: #F0F0F0;
    border: solid 1px #DDDDDD;
}

.shoppingcart-proceed-checkout-top
{    
    float: right;
}

.shoppingcart-continue-shopping
{
    margin-top: 35px;
    margin-right: 15px;
    float: right;    
}

.shoppingcart-proceed-checkout-bottom
{
    margin-top: 35px;
    float: right;
}

/* Checkout.aspx
----------------------------------------------------------*/


.checkout-gridview
{    
    margin-top: 25px;
    border: solid 1px #DDDDDD;    
    border-collapse: collapse;
}

    .checkout-gridview th
    {
        color: #414141;
        padding: 5px 15px 5px 15px;
        background-color: #F0F0F0;
        border-bottom: solid 1px #DDDDDD;
        border-top: solid 1px #DDDDDD;
    }

    .checkout-gridview td 
    {
        border: none;
        padding: 12px 10px 10px 10px;
        vertical-align: top;
        border-bottom: solid 1px #efefef;
    }

.checkout-products
{
    margin-top: -15px;
    font-size: 0.85em;
}

.checkout-input
{
    margin-top: 25px;
    /*margin-bottom: 25px;*/
    font-size: 0.85em;
}

.checkout-buttons
{
    float: right;
    margin-top: 25px;
}

.checkout-button
{
    margin-left: 10px;
}

.checkout-totalprice
{
    float: right;
    font-weight: bold;
}

.checkout-footer
{
    margin-top: -1px;
    /*height: 45px;*/
    background-color: #F0F0F0;
    border: solid 1px #DDDDDD;
}

.footer-table {
    margin: 10px !important;
    position: relative !important;
    left: 447px !important;
    Width: 230px !important;
}

.contribTotalPrice {
    margin-top: 55px;
}


/* CheckoutComplete.aspx
----------------------------------------------------------*/
/*.checkoutcomplete
{
    margin: 20px 0px 0px 10px;
}*/
/* ContactInfoControl.aspx
----------------------------------------------------------*/
.contactinfo {
    font-size: 0.9em;
    padding: 8px;
}

.contactinfo-border
{
    border: 1px solid #DDD;
}

.contactinfo-editbutton
{
    float: right;
    margin-top: -29px;
}

/* Account.Master
----------------------------------------------------------*/

.account-title
{
    background-color: #414141;
    padding: 6px 0px 5px 12px;
    width: 215px;
    color: #FFF;
    vertical-align: middle;
}

.account-menu
{
    padding: 10px 0px 10px 10px;
}

/* Account.Master
----------------------------------------------------------*/

.accountdata
{
    font-size: 0.9em;
    margin: 5px 0px 0px 6px;
}

/* Contact.aspx
----------------------------------------------------------*/

#contact-map
{
    margin: 35px 0px 0px 0px;
    height: 275px;
    width: 350px;
}

.contact-data
{
    /*margin-top: 10px;*/
    float: left;
    height: 500px; 
    margin-left: 25px;   
}

.contact-message
{
    float: right;
    margin-right: 15px;
    width: 500px;
    height: 550px;
    padding-left: 30px;
    border-left: 1px solid #e2e2e2;
    margin-top: 10px;
}

/*.contact-name
{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight: bold;
    color: #414141;
}*/

.contact-contact
{
    margin-top: 12px;
    margin-bottom: 12px;
}

.contact-inputpanel
{
    margin-top: 15px;
}

.contact-captcha
{
    margin-bottom: 25px;
}

.error-registration
{    
    color: red;
}

/* ImageSlider */

.dxisControl .dxis-itemTextArea {
    top: 17px;
    left: 17px;
    bottom: auto;
    width: 285px;
    padding: 15px 16px 21px;
    color: #fff;
    border-radius: 5px;
    /*box-shadow: 0px 4px 0px rgba(50, 50, 50, 0.3);*/
    background-color: #333333;
    /*background-color: rgba(0, 0, 0, 0.75);*/
}

.dxisControl .dxis-itemTextArea a {
    color: white;
}

.dxisControl .dxis-itemTextArea a:hover, a:focus {
    text-decoration: underline;
}

.dxisControl .dxis-itemTextArea p {
    color: #b0b0b0;
}

.dxisControl .dxis-itemTextArea > p {
    margin-bottom: 0 !important;
}

.dxisControl .dxis-nbDotsBottom {
    padding: 0;
    margin-top: -25px;
}

.dxisControl .dxis-nbDotsBottom .dxis-nbSlidePanel {
    right: 15px;
    left: auto !important;
    transform: matrix(1, 0, 0, 1, 0, 0) !important;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0) !important;
}

.product-listview-button {
    margin-bottom: 3px;
}

.product-listview-addbutton {
    margin-bottom: 3px;
}

.dxis-item, .dxis-nbItem {
    background-image: none !important;
    background-color: white !important;
}