﻿/***************************** [ ] ***************************************/
*
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
html, td, body, div, p, ul, li, input, textarea, select
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
    font-size: 10pt;
}

h1
{
    font-size: 15pt;
    font-weight: lighter;
    color: #a8a8a8;
    margin: 0px 0px 5px 0px;
}
h2
{
    font-size: 13pt;
    font-weight: lighter;
    color: #a8a8a8;
}
a
{
    text-decoration: none;
    color: black;
    outline: none;
}
a:hover
{
    text-decoration: underline;
    color: #239CD3;
    outline: none;
}
.default_button
{
    width: 200px;
    height: 25px;
    font-size: 10pt;
    color: White; 
    background-color: #E95D0F;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
    margin: 3px 0px 0px 0px;
    cursor: pointer;
}
.small
{
    font-size: 8pt;
    font-weight: lighter;
    color: #a8a8a8;
    text-align: left;
}
.proshop
{
    font-size: 8pt;
    font-weight: lighter;
    color: #744883;
}

/***************************** [ master page MAIN pane ] ***************************************/
#container
{
    width: 987px;
    height: auto;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    background-color: White;
}

/***************************** [ master page TOP pane ] ***************************************/
#top
{
    width: 987px;
    min-height: 240px;
    height: auto;
    padding: 0px 0px 0px 0px;
}
#top_banner
{
    float: left;
    width: 569px;
    height: 182px;
    background: White;
}
#top_right
{
    float: right;
    min-width: 400px;
    width: auto;
    height: 140px;
}
#top_right a
{
    text-decoration: none;
}
#top_right a:hover
{
    text-decoration: none;
    cursor: pointer;
}

#top_languages
{
    float: right;
    min-width: 300px;
    height: 40px;
}
#helpdesk
{
    float: right;
    width: 183px;
    height: 106px;
    background-image: url('/images/helpdesk.jpg');
    margin: 0px 6px 0px 0px;
}
#helpdesk_title
{
    float: right;
    width: 183px;
    text-align: center;
    color: White;
    font-size: 11pt;
    padding: 12px 0px 0px 0px;
}
#helpdesk_telephone
{
    float: right;
    width: 183px;
    text-align: center;
    color: black;
    font-size: 11pt;
    padding: 30px 0px 0px 0px;
}
#shoppingbasket
{
    float: right;
    width: 183px;
    height: 106px;
    background-image: url('/images/shoppingcart.jpg');
}
#shoppingbasket_title
{
    float: right;
    width: 183px;
    text-align: center;
    color: White;
    font-size: 11pt;
    padding: 12px 0px 0px 0px;
}
#shoppingbasket_numberofproducts
{
    float: right;
    width: 128px;
    text-align: center;
    font-size: 10pt;
    color: Black;
    margin: 20px 0px 0px 0px;
}
#shoppingbasket_totalprice
{
    float: right;
    width: 128px;
    text-align: center;
    font-size: 11pt;
    color: Black;
    margin: 5px 0px 0px 0px;
}


.languages
{
    padding: 0px 0px 0px 5px;
    margin: 0px 0px 0px 0px;
    border: none;
}

.menu
{
    float: left;
    width: 987px;
    text-align: center;
    height: auto;
    height: 40px;
    font-size: 16pt;
    color: #A8A8A8;
    padding: 15px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.menu a
{
    text-decoration: none;
    color: #A8A8A8;
}
.menu a:hover
{
    text-decoration: none;
    color: #239CD3;
}


/***************************** [ master page LEFT pane ] ***************************************/
#left
{
    width: 250px;
    height: auto;
    float: left;
    padding: 0px 0px 0px 0px;
}
#left_search
{
    width: 228px;
    margin: 0px 0px 10px 0px;
}
#left_products
{
    width: 228px;
    margin: 0px 0px 10px 0px;
}
#left_brands
{
    width: 228px;
    margin: 0px 0px 10px 0px;
}

.left_top
{
    height: 14px;
    width: 228px;
    background-image: url('/images/left_top.jpg');
}
.left_center
{
    height: auto;
    width: 228px;
    background-image: url('/images/left_center.jpg');
    background-repeat: repeat-y;
}
.left_bottom
{
    height: 14px;
    width: 228px;
    background-image: url('/images/left_bottom.jpg');
}
.left_title
{
    font-size: 12pt;
    color: White;
    margin: 0px 0px 0px 6px;
}
.left_link
{
    margin: 5px 0px 0px 6px;
    font-size: 10pt;
    color: Black;
    line-height: 13pt;
}
.left_link a
{
    text-decoration: none;
}
.left_link a:hover
{
    color: White;
    text-decoration: none;
}


.search_textbox
{
    width: 125px;
    height: 18px;
    font-size: 10pt;
    color: Black;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
    margin: 7px 0px 0px 6px;
}
.search_button
{
    width: 75px;
    height: 20px;
    font-size: 10pt;
    color: White; /*background-color: #239CD3;*/
    background-color: #E95D0F;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
    margin: 7px 0px 0px 3px;
    cursor: pointer;
}


/***************************** [ master page BOTTOM pane ] ***************************************/
#bottom
{
    width: 737px;
    height: auto;
    float: right;
}
#bottom_right
{
    float: left;
    width: 20px;
    height: 30px;
    background-image: url('/images/footer_right.gif');
    background-repeat: no-repeat;
}
#bottom_left
{
    float: left;
    width: 20px;
    height: 30px;
    background-image: url('/images/footer_left.gif');
    background-repeat: no-repeat;
}
#bottom_bottom
{
    width: 737px;
    height: auto;
    float: left;
    text-align: center;
    vertical-align: top;
}
#bottom_spacer
{
    width: 737px;
    height: 7px;
}
.bottom_center
{
    width: 695px;
    height: 30px;
    float: left;
    background-image: url('/images/footer_center.gif');
    background-repeat: repeat-x;
    text-align: center;
    font-size: 8pt;
    color: White;
}
.bottom_center a
{
    color: White;
    text-decoration: none;
}
.bottom_center a:hover
{
    color: Black;
    text-decoration: none;
}
.bottom_link td, img, a, a:hover, a:visited, a:active
{
    text-decoration: none;
    border: none;
}


/***************************** [ home/default child page ] ***************************************/
.home_webtextcontainer
{
    float: left;
    width: 380px;
}
.home_banner
{
    vertical-align: top;
    float: right;
    margin: 0px 3px 3px 3px;
    width: 313px;
    height: 175px;
    background: White;
    text-align:right;
}
.home_spotlight
{
    height: auto;
    float: left;
}

/***************************** [ all child pages ] ***************************************/
#content
{
    float: left;
    text-align: left;
    width: 737px;
    min-height: 400px;
    height: auto;
    background-repeat: no-repeat;
    padding: 0px 0px 15px 0px;
}
.container_content
{
    float: left;
    text-align: left;
    width: 735px;
}
.page_title
{
    float: left;
    text-align: left;
    width: 735px;
    margin: 0px 0px 5px 0px;
}
.webtextpage
{
    width: auto;
    padding: 0px 5px 0px 3px;
}
.webtextpage_abstract
{
    font-size: 10pt;
    color: Black;
    font-weight: bold;
    text-align: left;
    line-height: 15pt;
    margin: 0px 0px 6px 0px;
}
.webtextpage_body
{
    font-size: 10pt;
    color: #343434;
    text-align: left;
    line-height: 15pt;
    margin: 0px 0px 15px 0px;
}



/***************************** [ articlepreview user control ] ***************************************/
.articlepreview_container
{
    float: left;
    height: 234px;
    width: 234px;
    background-image: url('/images/article_preview.jpg');
    background-repeat: no-repeat;
    margin: 5px 0px 0px 0px;
    padding: 0px 5px 0px 0px;
    text-align: center;
}
.articlepreview_containertop
{
    height: 150px;
    max-width: 227px;
    padding: 7px 0px 0px 0px;
}
.articlepreview_image
{
    max-width: 150px;
    max-height: 150px;
    border: none;
    float: none;
}
.articlepreview_info
{
    margin: 5px 0px 0px 0px;
}
.articlepreview_title
{
    font-size: 11pt;
    color: #A8A8A8;
}

/***************************** [ shoppingcart child page] ***************************************/
#shoppingcart_articles
{
    width: 737px;
}
.shoppingcart_title
{
    border-bottom: solid 1px #A8A8A8;
}
.shoppingcart_articleline
{
    width: 737px;
}
.cartitem_container
{
    width: 737px;
    float: left;
    padding: 5px 0px 5px 0px;
    border-bottom: solid 1px #A8A8A8;
}
.cartitem_articleinfo
{
    float: left;
    width: 280px;
}
.cartitem_image
{
    width: 70px;
    float: left;
    text-align: center;
    margin: 0px 3px 0px 3px;
}
.cartitem_image img
{
    max-width: 70px;
    padding: 0;
    border: 0;
}
.cartitem_priceinfo
{
    height: 20px;
    vertical-align: top;
    float: left;
    width: 290px;
    margin: 0px 0px 0px 0px;
}
.cartitem_totalprice
{
    height: 20px;
    vertical-align: top;
    float: right;
    text-align: right;
    width: 85px;
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 0px 0px;
}
.shoppingcart_total_right
{
    float: right;
    vertical-align: middle;
    text-align: right;
    margin: 0px 0px 0px 0px;
    width: 200px;
}
.shoppingcart_total_left
{
    float: left;
    text-align: left;
    margin: 0px 0px 0px 0px;
    width: 200px;
}
.cartitem_numberofitems_textbox
{
    width: 40px;
    height: 18px;
    font-size: 10pt;
    color: Black;
    text-align: center;
    vertical-align: bottom;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
    margin: 0px 0px 0px 0px;
}
.shoppingcart_ordernow
{
    float: right;
}
.shoppingcart_total
{
    float: left;
    font-size: 11pt;
}
.shoppingcart_totalprice
{
    float: right;
    font-size: 11pt;
}
.shoppingcart_voucherline
{
    width: 737px;
    height: 50px;
    float: left;
    text-align: left;
    border-bottom: solid 1px #A8A8A8;
}
.shoppingcart_vouchertitle
{
    width: 150px;
    float: left;
    font-size: 13pt;
    color: #A8A8A8;
    text-align: left;
    margin: 10px 10px 0px 0px;
}
.shoppingcart_vouchercode
{
    float: left;
    width: 220px;
    height: 18px;
    font-size: 10pt;
    color: Black;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
    margin: 10px 0px 0px 0px;
}
.shoppingcart_voucherprice
{
    height: 20px;
    width: 355px;
    float: left;
    text-align: right;
    margin: 10px 0px 0px 0px;
}

.shoppingcart_shippingcostline
{
    width: 737px;
    height: 50px;
    float: left;
    text-align: left;
    border-bottom: solid 1px #A8A8A8;
}
.shoppingcart_shippingcosttitle
{
    width: 150px;
    float: left;
    font-size: 13pt;
    color: #A8A8A8;
    text-align: left;
    margin: 10px 10px 0px 0px;
}
.shoppingcart_shippingcostcountry
{
    height: 20px;
    width: 375px;
    float: left;
    font-size: 10pt;
    color: Black;
    text-align: left;
    margin: 13px 0px 0px 0px;
}
.shoppingcart_shippingcostprice
{
    height: 20px;
    width: 200px;
    float: left;
    text-align: right;
    margin: 13px 0px 0px 0px;
}


/***************************** [ process order child page ] ***************************************/
#processorder_container
{
    width: 737px;
    height: auto;
    padding: 0px 0px 0px 0px;
    float: left;
    text-align: left;
}
#processorder_container iframe
{
    float: left;
    text-align: left;
    width: 710px;
    height: 900px;
    padding: 0px 0px 10px 0px;
}

/***************************** [ personalize child page ] ***************************************/
.personalize_body
{
    float: left;
    text-align: left;
    width: 730px;
}
.personalize_intro
{
    float: left;
    text-align: left;
    width: 730px;
    margin: 0 0 15px 0;
}
.personalize_productinfo
{
    float: left;
    text-align: left;
    width: 730px;
    margin: 0 0 5px 0;
}
.personalize_options_container
{
    float: left;
    width: 600px;
    padding: 5px 0 0 0;
    
}
.personalize_articleinfo_container
{
    float: left;
    width: 600px;
    padding: 5px 0 0 0;
   
}
.personalize_fields_container
{
    float: left;
    text-align: left;
    width: 730px;
}
.personalize_field_text
{
    width: 400px;
    height: 18px;
    font-size: 10pt;
    color: Black;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
}
.personalize_field_textarea
{
    width: 400px;
    height: 150px;
    font-size: 10pt;
    color: Black;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
}
.personalize_field_upload
{
    width: 400px;
    height: 25px;
    font-size: 10pt;
    color: Black;
}
/* this is an ASPX calendar control */
.personalize_field_date
{
    background-color: #a8a8a8;
    border-color: Gray;
    padding: 4px;
    font-size: 8pt;
    color: Black;
    width: 200px;
}

/***************************** [ finish order page ] ***************************************/
.finishorder
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.finishorder_message
{
    color: #a8a8a8;
    font-size: 12pt;
}
.finishorder_link a
{
    color: #239cd3;
    font-size: 10pt;
    text-decoration: underline;
}
.finishorder_link a:hover
{
    color: #a8a8a8;
    font-size: 10pt;
    text-decoration: none;
}

/***************************** [ FAQ child page ] ***************************************/
.faq_container
{
    width: 735px;
    float: left;
    text-align: left;
}
.faq_question
{
    float: left;
    text-align: left;
    width: 735px;
    font-weight: bold;
}
.faq_answer
{
    float: left;
    text-align: left;
    width: 735px;
    margin: 5px 0px 10px 0px;
}


/***************************** [ article child page ] ***************************************/
.article_description
{
    float: left;
    width: 735px;
    font-size: 11pt;
    color: #343434;
    text-align: left;
    margin: 10px 0px 10px 0px;
}
.article_title
{
    float: left;
    width: 735px;
    font-size: 16pt;
    color: #343434;
    text-align: left;
    margin: 0px 0px 10px 0px;
}
.article_shortdescription_container
{
    float: left;
    width: 400px;
}
.article_shortdescription
{
    width: 400px;
    float: left;
}
.article_info
{
    width: 300px;
    float: left;
    margin: 0 0 0 15px;
}
.article_technicalspecs
{
    float: left;
    width: 300px;
    margin: 5px 0 5px 0;
}
.article_info_title
{
    width: 300px;
    float: left;
    text-align: left;
    font-size: 14pt;
    color: #a8a8a8;
    margin: 0px 0px 10px 0px;
}
.article_options_container
{
    width: 300px;
    float: left;
    margin: 0px 0px 5px 0px;
}
.article_option_choice
{
    float: left;
    text-align: left;
    width: 210px;
}
.article_info_text
{
    width: 300px;
    text-align: left;
    font-size: 11pt;
    color: #343434;
    line-height: 16pt;
    
}
.article_info_buttons
{
    width: 200px;
    float: right;
    margin: 0px;
    padding: 0px;
}
.minimal_order_amount
{
    width: 200px;
    margin: 5px 0px 2px 0px;
}
.article_related_container
{
    float: left;
    text-align: left;
    width: 735px;
    margin: 0px 0px 5px 0px;
}
.article_images
{
}

/***************************** [ image gallery control ] ***************************************/
.imagegallery_container
{
    float: left;
    text-align: left;
    max-width: 400px;
}
.imagegallery_container_left
{
    width: 280px;
    float: left;
    text-align: left;
}
.imagegallery_container_left img
{
    max-width: 280px;
    border: none;
}

.imagegallery_container_right
{
    max-width: 120px;
    float: left;
    text-align: left;
}
.imagegallery_thumbnail
{
    width: 50px;
    margin: 5px;
}


/***************************** [ request offer child page ] ***************************************/
.proposal_body
{
    float: left;
    text-align: left;
    width: 735px;
    margin: 10px 0px 10px 0px;
}
.proposal_label
{
    padding: 0px 5px 0px 0px;
}
.proposal_message
{
    float: left;
    text-align: left;
    width: 735px;
}

/***************************** [ error message page ] ***************************************/
.errormessage
{
    text-align: center;
    color: Red;
    font-size: 14pt;
    margin: 20px 0px 0px 0px;
}

/***************************** [ articlelist child page ] ***************************************/
#articlelist_body
{
    width: 728px;
    float: left;
    text-align: left;
}

/*************************************** [ article list grid control ]  **********************************************/

.articlelist_grid
{
    background-color: White;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    color: Black;
}
.articlelist_grid_rowstyle
{
    background-color: White;
}
.articlelist_grid_rowstyle td
{
    padding: 3px;
    margin: 5px;
}
.articlelist_grid_alternatingrowstyle
{
    background-color: #cccccc;
}
.articlelist_grid_alternatingrowstyle td
{
    padding: 3px;
    margin: 5px;
}
.articlelist_grid_headerstyle
{
    background-color: #002e84;
    font-weight: bold;
    color: White;
}
.articlelist_grid_headerstyle th
{
    padding: 5px;
    margin: 5px;
}

/*************************************** [ finish order page ]  **********************************************/
.finishorder_message
{
    width: 735px;
    padding: 10px 0px 20px 5px;
    background-color: white;
}
/* Hack voor IE 5 en IE 6 */
* html .finishorder_message
{
    width: 733px;
    padding: 10px 0px 20px 2px;
}

.finishorder_ordernumber
{
    width: 735px;
    padding: 10px 0px 20px 5px;
    background-color: white;
}
/* Hack voor IE 5 en IE 6 */
* html .finishorder_ordernumber
{
    width: 733px;
    padding: 10px 0px 20px 5px;
    background-color: white;
}


/***************************** [ response form child page ] ***************************************/
.responseform_body
{
    float: left;
    text-align: left;
    width: 735px;
    margin: 10px 0px 10px 0px;
}
.responseform_label
{
    padding: 0px 5px 0px 0px;
}
.responseform_message
{
    float: left;
    text-align: left;
    width: 735px;
}
.responseform_field_text
{
    width: 400px;
    height: 18px;
    font-size: 10pt;
    color: Black;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
}
.responseform_field_textarea
{
    width: 400px;
    height: 150px;
    font-size: 10pt;
    color: Black;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
}
.responseform_field_upload
{
    width: 400px;
    height: 25px;
    font-size: 10pt;
    color: Black;
}
.responseform_required
{
    color: Red;
    font-size: 12pt;
}

/****************************** [ order details ] **********************************************/
.container_orderdetails
{
    width: 733px;
    padding: 10px 0px 20px 5px;
    background-color: lime;
}


/***************************** [ personalize2 child page ] ***************************************/
.personalize2_body
{
    float: left;
    text-align: left;
    width: 730px;
    min-height: 520px;
}
.personalize2_productinfo
{
    float: left;
    text-align: left;
    width: 730px;
    height: 483px;
    background-image: url('/images/SensesBlackParty.jpg');
    color: White;
}


.personalize2_intro
{
    float: left;
    text-align: left;
    width: 730px;
}

.personalize2_options_container
{
    float: left;
    width: 730px;
    padding: 5px 0 0 0;
    
}
.personalize2_articleinfo_container
{
    float: left;
    width: 600px;
    padding: 200px 0 0 98px;
    color: White;
   
}
.personalize2_fields_container
{
    float: left;
    text-align: left;
    width: 730px;
    margin: 5px 0 0 0;
}
.personalize2_field_text
{
    width: 400px;
    height: 18px;
    font-size: 10pt;
    color: Black;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
}
.personalize2_field_textarea
{
    width: 400px;
    height: 150px;
    font-size: 10pt;
    color: Black;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
}
.personalize2_field_upload
{
    width: 400px;
    height: 25px;
    font-size: 10pt;
    color: Black;
}
.personalize2_productname
{
   font-size: 12pt; 
   font-weight: bold;
   color: White;
}
.personalize2_productdescription p
{
    color:White;
    }
