﻿html 
{
    height:100%;
}

h4
{
    margin-top:0px;
}

body
{
    font-family:Tahoma;
    font-size:11px;
    height:100%;
    text-align:center; 
    background-color:#93CDE5;
    background-image:url('/images/bg_gradient.jpg'); 
    background-repeat:repeat-x; 
    margin:0px;
    top:0px;
    left:0px;
}

input, select, textarea
{
    font-family:Tahoma;
    font-size:11px;
}

a 
{
    color:#316a85;
}

#site_region_main
{
    width:1024px;
    height:100%;       
}

#site_region_top 
{
    background-color:#EAEAEA;
    height:100px;
    text-align:left;
}

#site_region_content
{
    background-color:#FFFFFF;
    text-align:left;
}

#email_region_content
{
    background-color:#FFFFFF;
    text-align:left;
    padding:20px;
}

#site_region_bottom
{
    border-bottom:3px solid #003B57;
    height:20px;
    background-color:#F0F0F0;
    margin-bottom:10px;
    color:gray;
    padding-top:5px;
}

#site_region_breadcrum
{
    background-color:#FFFFFF;
    height:20px;
    padding:10px 0px 0px 0px;
    text-align:left;
}

.button 
{
    border:1px solid gray;
    background-color:#F0F0F0;
    padding:1px 5px 1px 5px;
    font-size:10px;
    font-weight:bold;
}

#menu_campaign_banner
{
    margin:10px;
    border:1px solid gray;
}

/* ---------------- Profil Box ---------------------- */

#profile_box
{
    background-color:#D5AB80;
    margin:10px;
    padding:10px;
}

#profile_box_headline
{
    text-transform:uppercase;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    padding-bottom:5px;
    margin-bottom:5px;
    border-bottom:1px solid #FFFFFF;
}

#profile_box_name
{
    font-size:12px;
    padding-bottom:5px;
}

#profile_box_memberstatus
{
    font-size:12px;
    padding-bottom:5px;
}

#profile_box_balance
{
    font-size:12px;
    font-weight:bold;
    padding-bottom:15px;
}

#profile_box_button
{
    text-align:right;
}

/* ---------------- SEARCH BOX ---------------------- */

#search_box
{
    margin:10px;
    padding:10px;
    background-color:#EAEAEA;
    border:1px solid silver;
}

#search_box_headline
{
    text-transform:uppercase;
    font-weight:bold;
    padding-bottom:5px;
}

#search_box_input
{
    padding-right:5px;
    float:left;
    border:0px solid gray;
    padding-left:0px;
}

#search_box_input_field
{
    width:125px;
    font-size:12px;
    
}

#search_box_submitbuton
{
    padding-top:1px;
}

#search_box_advanced_search
{
    width:100%;
}


/* ---------------- MENU ---------------------------- */

.menu_box, .checkout_box
{
    border:1px solid #F0F0F0;
    margin:10px;
}

.menu_headline
{
    width:100%;
    font-weight:bold;
    text-indent:20px;
    background-color:#003B57;
    margin-bottom:10px;
    padding:5px 0px 5px 0px;
    border-bottom:1px solid gray;
    text-transform:uppercase;
    color:#FFFFFF;
}

.checkout_headline
{
    width:100%;
    font-weight:bold;
    text-indent:20px;
    background-color:#003B57;
    margin-bottom:10px;
    padding:5px 0px 5px 0px;
    border-bottom:1px solid gray;
    text-transform:uppercase;
    color:#FFFFFF;
        
}

.menu_item 
{
    height:20px;
    padding-left:10px;
    border-bottom:1px solid #F0F0F0;
    margin-bottom:5px;
}

.menu_item_link, .checkout_item_link
{
    color:#003B57;
    text-decoration:none;
    font-weight:normal;
}

.topmenu_box
{
    float:left;    
    margin-top:35px;
    padding-left:0px;
    border-left:1px solid silver;
    margin-left:15px;
    text-transform:uppercase;
    font-size:10px;
    font-weight:bold;
    width:100%;
}

.topmenu_item
{
    float:left;
    border:1px solid silver;
    border-left:0px;
    border-bottom:1px solid gray;
    padding:5px 15px 5px 15px;
    text-decoration:none;
    color:#000000;
}

.topmenu_item_selected
{
    float:left;
    border:1px solid silver;
    border-left:0px;
    border-bottom:1px solid #FFFFFF;
    padding:5px 15px 5px 15px;
    text-decoration:none;
    color:#000000;
    background-color:#FFFFFF;
    z-index:100;
    
}

/* ---------------- Menu left ----------------------- */

.menuleft_item
{
    border-bottom:1px solid #FFFFFF;
    padding:5px;
    text-indent:10px;
}

.menuleft_item_selected
{
    border-bottom:1px solid #FFFFFF;
    padding:5px;
    text-indent:10px;
    font-weight:bold;
}

.menuleft_item_link
{
    text-decoration:none;
    color:#000000;
}




/* ---------------- Product teaser list ------------- */

.menu_product_box
{
    border:1px solid #F0F0F0;
    margin:10px;
}

.menu_product_headline
{
    width:100%;
    font-weight:bold;
    text-indent:20px;
    background-color:#003B57;
    padding:5px 0px 5px 0px;
    border-bottom:1px solid gray;
    text-transform:uppercase;
    color:#FFFFFF;
        
}

.menu_product_item 
{
    padding:10px;
    border-bottom:1px solid #F0F0F0;
}

.menu_product_item_name
{
    font-weight:bold;
    margin-bottom:5px;
}

.menu_product_item_price
{
    text-align:left;
    font-weight:bold;
    margin-bottom:5px;
}

.menu_product_item_image
{
    text-align:left;
}

/* ---------------- Products ------------------------ */

.product_list_header, .page_section_header
{
    border:1px solid silver;
    font-weight:bold;
    text-transform:none;
    font-size:12px;
    padding:3px 0px 3px 20px;
    background-color:#EAEAEA;
}


.product_paging_pagenumber
{
    padding:3px;
    font-weight:bold;
}

.product_paging_pagenext
{
    padding-left:20px;
    font-weight:bold;
}

.product_paging_pageprevious
{
    padding-right:20px;
    font-weight:bold;
}

.product_box
{
    margin-bottom:20px;
}

.product_item
{
    border-right:1px dotted silver  ;
    border-bottom:1px dotted silver;
    padding:20px;
    width:237px;
    float:none;
    position:relative;
    margin:5px;
    vertical-align:top;
    height:150px;
}

.product_item_image
{
    width:70px;
}

.product_item_name
{
    width:100%;
    border-bottom:1px dotted silver;
    font-size:14px;
    margin-bottom:5px;
}

.product_item_categoryname
{
    width:100%;
    border-bottom:1px dotted silver;
    margin-bottom:5px;
    padding-bottom:5px;
    color:Gray;
}

.product_item_price
{
    font-weight:bold;
    margin-bottom:15px;
    font-size:12px;
}

.product_item_teaser
{
    margin-bottom:5px;
    
}

.product_item_button
{
    width:100%;
    margin-bottom:5px;
}

.product_item_stockstatus
{
    margin-bottom:5px;
}

/* ---------------- Product Details ------------------------ */

.product_info_item_name
{
    width:100%;
    border-bottom:1px dotted silver;
    font-size:14px;
    margin-bottom:5px;
}

.product_info_item_description
{
    margin-bottom:5px;
}

.product_info_item_price
{
    font-weight:bold;
    margin-bottom:15px;
    font-size:12px;
}

.product_info_item_categoryname
{
    width:100%;
    border-bottom:1px dotted silver;
    margin-bottom:5px;
    padding-bottom:5px;
    color:Gray;
}

/* ---------------- Recommended products ------------------- */

.product_recommended_item
{
    border-bottom:1px dotted silver;
    padding:20px;
    margin:5px;
    vertical-align:top;
}

.product_recommended_item_name
{
    width:100%;
    border-bottom:1px dotted silver;
    font-size:16px;
    margin-bottom:5px;
}

.product_recommended_item_price
{
    font-weight:bold;
    margin-bottom:5px;
    font-size:14px;
}

.product_recommended_item_teaser
{
    margin-bottom:5px;
    
}

.product_recommended_item_stockstatus
{
    margin-bottom:5px;
}


.product_recommended_item_image
{
    width:100px;
}

/* ---------------------- ORDERS ------------------------ */



.order_box
{
    width:570px;
}

.order_line_header
{
    font-weight:bold;
    border-bottom:1px dotted silver;
    border-right:1px dotted silver;
    padding:5px;
    text-align:center;
}

.order_line_item
{
    padding:5px;
    vertical-align:top;
}

.order_line_image
{
    width:70px;
    border-bottom:1px dotted silver;
}

.order_line_title 
{
    border-bottom:1px dotted silver;
    border-right:1px dotted silver;
}

.order_line_unitprice
{
    border-bottom:1px dotted silver;
    border-right:1px dotted silver;
    text-align:right;
}

.order_line_quantity
{
    border-bottom:1px dotted silver;
    border-right:1px dotted silver;
    text-align:center;
}

.order_line_quantity_input
{
    width:30px;
    text-align:center;
    font-size:12px;
}

.order_line_summary_text 
{
    border-right:1px dotted silver;
    border-bottom:1px dotted silver;
    font-weight:bold;
}

.order_line_summary_value
{
    border-bottom:1px dotted silver;
    text-align:right;
    font-weight:bold;
}

.order_extra_text
{
    padding:5px;
    vertical-align:top;
    border-right:1px dotted silver;
    border-bottom:1px dotted silver;
}

.order_extra_value
{
    padding:5px;
    vertical-align:top;
    text-align:right;
    border-bottom:1px dotted silver;
}


.order_line_price
{
    border-right:1px dotted silver;
    border-bottom:1px dotted silver;
    text-align:right;
}

.order_line_price_alone
{
    border-bottom:1px dotted silver;
    text-align:right;
}

.order_line_delete
{
    border-bottom:1px dotted silver;
    text-align:right;
}

/* --------------------- Checkout flow --------------- */

.checkout_item
{
    padding-left:20px;
    padding-bottom:10px;
    text-align:left;
    
}

.checkout_item_active
{
    padding-bottom:10px;
    padding-left:20px;
    font-weight:bold;    
    text-decoration:none;
    color:#93CDE5;
    
}

.checkout_navigation_box
{
    width:580px;
    margin-top:20px;
    border-top:1px dotted gray;
    padding-top:10px;
    margin-bottom:20px;
}

#checkout_campaign_buypoint
{
    
    margin:10px;
    padding:10px;
    border:1px solid #F0F0F0;
    background-color:#EAEAEA;
}

.checkout_subheadline
{
    padding:0px 0px 20px 5px;
    width:550px;
}

/* ---------------- BUY POINT -------------------- */

.buypoint_header
{
    font-weight:bold;
    text-align:center;
    padding:5px;
    border-bottom:1px dotted silver;
    border-right:1px dotted silver;
}

.buypoint_item
{
    text-align:right;
    padding:5px;
    border-bottom:1px dotted silver;
    border-right:1px dotted silver;
}

.carddata_title
{
    float:left; width:35%;
    padding-bottom:3px;
}

.carddata_field
{
    float:left;
    padding-bottom:3px;
}

/* ---------------- LISTS ------------------------------- */

.list_header
{
    font-weight:bold;
    text-indent:5px;
    background-color:silver;
    padding:5px 5px 5px 0px;
    border-bottom:1px solid gray;
}

.list_item
{
    padding:5px;
}

/* ----------------- FORMS ------------------------------- */

.form_success
{
    color:Green;
    font-weight:bold;
    margin-bottom:20px;
    border:1px solid green;
    padding:10px;
    background-color:#CEF5D2;
}

.form_validationsummary
{
    color:#B21E1E;
    font-weight:normal;
    margin-bottom:20px;
    border:1px solid #B21E1E;
    padding:10px;
    background-color:#FAE6E6;
}

/* ----------------- CONTENT ----------------------------- */

.page_overview_headline
{
    font-weight:bold; 
    padding-bottom:5px;
}

.page_overview_text
{
    padding-bottom:10px; 
    margin-bottom:10px; 
    border-bottom:1px dotted silver;
    padding-right:15px;
}

/* -------------------- SITEMAP ----------------------------- */

.sitemap_level1_header
{
    padding-bottom:10px;
    margin-left:10px;
}

.sitemap_level1_item
{
    font-weight:bold;
    padding:5px;
}

.sitemap_level2_item
{
    padding:2px;
    margin-left:10px;
}

/* ---------------------- LOGIN ---------------------------------- */

.login_box
{
    padding:0px 0px 0px 20px;
}

.login_header
{
    display:none;
}

.login_text
{
    text-align:left;
    padding-right:10px;
}

.login_rememberme
{
    padding-left:106px;
}

.login_button
{
    margin-top:10px;
    margin-right:5px;
}