/***************************** [ ] ***************************************/
*
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
body
{
    background-color: white;
    min-height: 900px; /* needed for Google Chrome browser*/
}
html, td, body, div, p, ul, li, input, textarea, select
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
    font-size: 10pt;
}
img
{
    border: 0;
}
h1
{
    font-size: 15pt;
    font-weight: lighter;
    color: #7b69a7;
    margin: 0px 0px 5px 0px;
}
h2
{
    font-size: 13pt;
    font-weight: lighter;
    color: #482782;
}
a
{
    text-decoration: none;
    color: black;
    outline: none;
}
a:hover
{
    text-decoration: underline;
    color: #482782;
    outline: none;
}
.default_button
{
    width: 200px;
    height: 25px;
    font-size: 10pt;
    color: White;
    background-image: url('/images/button_background.gif');
    background-repeat: repeat-x;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
    margin: 3px 0px 0px 0px;
    cursor: pointer;
}
.default_button:hover
{
    width: 200px;
    height: 25px;
    font-size: 10pt;
    color: White;
    background-image: url('/images/button_background.gif');
    background-repeat: repeat-x;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
    margin: 3px 0px 0px 0px;
    cursor: pointer;
}
.default_button_disabled
{
    border: 1px dotted #808080;
    width: 200px;
    height: 25px;
    font-size: 10pt;
    color: #808080;
    background-color: #C0C0C0;
    margin: 3px 0px 0px 0px;
}
.small
{
    font-size: 8pt;
    font-weight: lighter;
    color: black;
    text-align: left;
}
.proshop
{
    font-size: 8pt;
    font-weight: lighter;
    color: #744883;
}

/***************************** [ master page MAIN pane ] ***************************************/
#container
{
    width: 981px;
    height: auto;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
}

/***************************** [ master page TOP pane ] ***************************************/
#top
{
    width: 987px;
    height: 237px;
}
#top_banner
{
    width: 981px;
    height: 235px;
    background: White;
    position: relative;
}
#top_banner_player
{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.menu
{
    width: 987px;
    text-align: center;
    height: 30px;
    font-size: 16pt;
    color: White;
    position: absolute;
    top: 200px;
    left: 0px;
    z-index: 2;
}

.menu a
{
    text-decoration: none;
    color: white;
}
.menu a:hover
{
    text-decoration: underline;
    color: white;
}
#languages
{
    padding: 3px 3px 0px 0px;
    float: right;
    border: none;
}



#shoppingbasket
{
    float: right;
    width: 162px;
    height: 106px;
    background-image: url('/images/shoppingcart.jpg');
}
#shoppingbasket_title
{
    float: right;
    width: 162px;
    text-align: center;
    color: White;
    font-size: 11pt;
    padding: 12px 0px 0px 0px;
}
#shoppingbasket_numberofproducts
{
    float: right;
    width: 120px;
    text-align: center;
    font-size: 10pt;
    color: Black;
    margin: 20px 0px 0px 0px;
}
#shoppingbasket_totalprice
{
    float: right;
    width: 120px;
    text-align: center;
    font-size: 11pt;
    color: Black;
    margin: 5px 0px 0px 0px;
}



/***************************** [ master page LEFT pane ] ***************************************/
#left
{
    width: 240px;
    height: auto;
    float: left;
    padding: 0px 0px 0px 3px;
}
.left_shoppingbasket
{
    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');
    background-repeat: no-repeat;
    background-color: #7b69a7;
}
.left_center
{
    height: auto;
    width: 228px;
    background-image: url('/images/left_center.jpg');
    background-color: #7b69a7;
    background-repeat: repeat-y;
    border: none;
}
.left_bottom
{
    height: 14px;
    width: 228px;
    background-image: url('/images/left_bottom.jpg');
    background-repeat: no-repeat;
}
.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;
}




/***************************** [ master page BOTTOM pane ] ***************************************/
#bottom
{
    width: 981px;
    height: 165px;
    float: left;
    background-image: url('/images/footbanner.jpg');
}
#bottom_bottom
{
    width: 740px;
    float: left;
    text-align: left;
}
.bottom_center
{
    width: 740px;
    height: auto;
    float: left;
    text-align: left;
    font-size: 8pt;
    color: Black;
    margin: 90px 0 0 10px;
}
.bottom_center a
{
    color: Black;
    font-size: 8pt;
    text-decoration: none;
}
.bottom_center a:hover
{
    color: White;
    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;
    text-align: right;
    margin: 0px 3px 3px 3px;
    width: 330px;
    height: auto;
    background: white;
}
.home_spotlight
{
    height: auto;
    float: left;
}
.home_spotlighthomearticle
{
    margin: 10px 0 0 0;
    float: left;
}
.home_title
{
    width: 300px;
}

/***************************** [ all child pages ] ***************************************/
#content
{
    float: left;
    text-align: left;
    width: 737px;
    height: auto;
}
.container_content
{
    float: left;
    text-align: left;
    width: 735px;
    min-height: 500px;
    height: auto;
}
.page_title
{
    float: left;
    text-align: left;
    width: 737px;
}
.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 0px 0px;
}



/***************************** [ articlepreview user control ] ***************************************/
.articlepreview_container
{
    float: left;
    min-height: 80px;
    max-height: 234px;
    width: 234px;
    text-align: center;
}
.articlepreview_containertop
{
    min-height: 50px;
    max-height: 150px;
    max-width: 227px;
}
.articlepreview_image
{
    max-width: 200px;
    max-height: 150px;
    border: none;
    float: none;
    margin: 0 5px 0 0;
}
.articlepreview_info
{
    margin: 0 0 8px 0;
}
.articlepreview_title
{
}


/***************************** [ 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: 5px 0px 0px 0px;
    width: 200px;
}
.shoppingcart_total_left
{
    float: left;
    text-align: left;
    margin: 5px 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;
    margin: 3px 0 10px 0;
}
.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: #7b69a7;
    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: #7b69a7;
    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;
}
.shoppingcart_message
{
    font-size: 10pt;
    width: 730px;
}


/***************************** [ 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;
}

/***************************** [ finish order page ] ***************************************/
.finishorder
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.finishorder_message
{
    color: #a8a8a8;
    font-size: 12pt;
}
.finishorder_link a
{
    color: #482782;
    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: 434px;
}
.article_shortdescription
{
    width: 420px;
    float: left;
}
.article_info
{
    width: 300px;
    float: left;
}
.article_technicalspecs
{
    float: left;
    width: 300px;
    margin: 5px 0 5px 0;
    font-size: 10pt;
}
.article_info_title
{
    width: 300px;
    float: left;
    text-align: left;
    font-size: 14pt;
    color: #a8a8a8;
    margin: 0px 0px 2px 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;
    color: black;
    line-height: 16pt;
}
.article_info_buttons
{
    width: 200px;
    float: left;
    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
{
}
.article_content_left
{
    float: left;
    width: 434px;
}
article_content_right
{
    float: right;
}
.article_title
{
    width: 434px;
}

/***************************** [ image gallery control ] ***************************************/
.imagegallery_container
{
    float: left;
    text-align: left;
    width: 400px;
    max-width: 400px;
}
.imagegallery_container_left
{
    width: 280px;
    max-width: 280px;
    float: left;
    text-align: left;
}
.imagegallery_container_left img
{
    max-width: 280px;
    border: none;
}
/* Hack voor IE 5 en IE 6 */
* html .imagegallery_container_left img
{
    width: 279px;
}

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



/***************************** [ 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: 400px;
    padding: 5px 0 0 0;
}
.personalize_articleinfo_container
{
    float: right;
    width: 730px;
    padding: 0 0 0 0;
}
.personalize_fields_container
{
    float: left;
    text-align: left;
    width: 365px;
}
.personalize_field_text
{
    width: 230px;
    height: 18px;
    font-size: 10pt;
    color: Black;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
}
.personalize_field_textarea
{
    width: 230px;
    height: 150px;
    font-size: 10pt;
    color: Black;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
}
.personalize_field_upload
{
    width: 230px;
    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: 250px;
}

#personalisationContainer
{
    width: 730px;
    float: left;
}
/* Hack voor IE 5 en IE 6 */
* html #personalisationContainer
{
    width: 735px;
}

#personalisationLeftSide
{
    float: left;
    width: 400px;
}

#personalisationRightSide
{
    width: 328px;
    float: left;
}

.previewOutside
{
    width: 330px;
    float: left;
    font-size: 8pt;
    cursor: pointer;
}

.personalizationUploadPhotoTextContainer
{
    float: left;
    width: 380px;
    font-size: 8pt;
    margin: 10px 0 0 0;
}


.personalizationButtonContainer
{
    float: left;
    width: 400px;
}

.personalize_button
{
    width: 190px;
    height: 25px;
    font-size: 10pt;
    color: White;
    background-image: url('/images/button_background.gif');
    background-repeat: repeat-x;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
    margin: 3px 0px 0px 0px;
    cursor: pointer;
}
.personalize_button:hover
{
    width: 190px;
    height: 25px;
    font-size: 10pt;
    color: White;
    background-image: url('/images/button_background.gif');
    background-repeat: repeat-x;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
    margin: 3px 0px 0px 0px;
    cursor: pointer;
}

.kraft_logo_container
{
    margin: 15px 0 0 0;
}
.personalize_title
{
    float: left;
    text-align: left;
    width: 730px;
    margin: 0px 0px 0px 0px;
}
.personalize_preview_image
{
    max-width: 210px;
    border: none;
}
.personalizationUsedFileContainer
{
    float: left;
    width: 400px;
    margin: 0 0 5px 0;
}
.personalizationUsedFileContainer a
{
    text-decoration: underline;
    color: #482782;
    outline: none;
}