/* --------------------------------------------------------------------*/
/* This CSS is the main stylesheet used from the generated WebSite.    */
/* --------------------------------------------------------------------*/
/* All images from "Images Templ" could be used in this css.           */
/* EXAMPLE: background-image:url('../images_templ/image.gif');         */
/* --------------------------------------------------------------------*/

/* --- styles for BODY ------------------------------------------------*/
body {
    font-family: Verdana, Tahoma, Century Gothic, Geneve, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

/* --- styles for some common HTML TAGS -------------------------------*/
p, td, li, h1, h2, h3, h4, h5, h6 {
    color: #000000;
    font-family: Verdana, Tahoma, Century Gothic, Geneve, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

hr { height: 1px; }

/* --- styles for form fields -----------------------------------------*/
input, textarea, select {
    background-color: #FFFFFF;
    font-size: 11px;
    /* background-image: none; */
}

/* --- styles for the MENU --------------------------------------------*/
.menu_border {
    color: #000000;
    background-color: #B0B0B0;
    font-size: 11px;
}
.menu_header {
    color: #000000;
    background-color: #D0E0FF;
    font-size: 11px;
}
.menu_body {
    color: #000000;
    background-color: #F9F9F9;
    font-size: 11px;
}

.menu_border_categprytype {
    color: #000000;
    background-color: #A0A0FF;
    font-size: 11px;
}
.menu_body_categprytype {
    color: #000000;
    background-color: #FBFBFF;
    font-size: 11px;
}

/* --- styles for LINKS menu links ------------------------------------*/
.menu_link:LINK {
    color: #0000CC;
    text-decoration: none;
    font-size : 11px;
}
.menu_link:VISITED {
    color: #0000CC;
    text-decoration: none;
    font-size : 11px;
}
.menu_link:HOVER {
    color: #000000;
    background-color: #D0E0FF;
    text-decoration: none;
    font-size : 11px;
}
.menu_link_tr_over {
    background-color: #E0F0FF;
}

/* --- styles for LINKS selected menu links ---------------------------*/
.menu_link_selected:LINK {
    color: #0000CC;
    background-color: #E0F0FF;
    text-decoration: none;
    font-size : 11px;
}
.menu_link_selected:VISITED {
    color: #0000CC;
    background-color: #E0F0FF;
    text-decoration: none;
    font-size : 11px;
}
.menu_link_selected:HOVER {
    color: #000000;
    background-color: #D0E0FF;
    text-decoration: none;
    font-size : 11px;
}

/* --- styles for CATEGORY links --------------------------------------*/
.menu_category:LINK { 
    color: #000090;
    text-decoration: none;
    font-size : 11px;
}
.menu_category:VISITED { 
    color: #000090;
    text-decoration: none;
    font-size : 11px;
}
.menu_category:HOVER { 
    color: #000000;
    background-color: #FFFF90;
    text-decoration: none;
    font-size : 11px;
}
.menu_category_tr_over {
    background-color: #FFFFE0;
}

/* --- styles for selected CATEGORY links -----------------------------*/
.menu_category_selected:LINK { 
    color: #000000;
    background-color: #FFFFE0;
    text-decoration: none;
    font-size : 11px;
}
.menu_category_selected:VISITED { 
    color: #000000;
    background-color: #FFFFE0;
    text-decoration: none;
    font-size : 11px;
}
.menu_category_selected:HOVER { 
    color: #000000;
    background-color: #FFFF90;
    text-decoration: none;
    font-size : 11px;
}

/* --- styles for SUBCATEGORY links -----------------------------------*/
.menu_subcategory:LINK { 
    color: #0000F0;
    text-decoration: none;
    font-size : 11px;
}
.menu_subcategory:VISITED { 
    color: #0000F0;
    text-decoration: none;
    font-size : 11px;
}
.menu_subcategory:HOVER { 
    color: #000000;
    background-color: #FFFF90;
    text-decoration: none;
    font-size : 11px;
}
.menu_subcategory_tr_over {
    background-color: #FFFFE0;
}

/* --- styles for selected SUBCATEGORY links --------------------------*/
.menu_subcategory_selected:LINK { 
    color: #000000;
    background-color: #FFFFE0;
    text-decoration: none;
    font-size : 11px;
}
.menu_subcategory_selected:VISITED { 
    color: #000000;
    background-color: #FFFFE0;
    text-decoration: none;
    font-size : 11px;
}
.menu_subcategory_selected:HOVER { 
    color: #000000;
    background-color: #FFFF90;
    text-decoration: none;
    font-size : 11px;
}

/* --- styles for links at the top of the content of a page -----------*/
.top_link:LINK { 
    color: #000090;
    text-decoration: none;
    font-size : 11px;
}
.top_link:VISITED { 
    color: #000090;
    text-decoration: none;
    font-size : 11px;
}
.top_link:HOVER { 
    color: #000000;
    background-color: #FFFF90;
    text-decoration: none;
    font-size : 11px;
}

/* --- styles for PRODUCT links (like "AddToCart" link) ---------------*/
.product_link:LINK {
    color: #0000CC;
    text-decoration: none;
    font-size : 11px;
}
.product_link:VISITED {
    color: #0000CC;
    text-decoration: none;
    font-size : 11px;
}
.product_link:HOVER {
    color: #CC0000;
    text-decoration: underline;
    font-size : 11px;
}

/* --- styles for TOOLS links (like "ViewCart" link) ------------------*/
.tool_link:LINK {
    color: #0000CC;
    text-decoration: none;
    font-size : 11px;
}
.tool_link:VISITED {
    color: #0000CC;
    text-decoration: none;
    font-size : 11px;
}
.tool_link:HOVER {
    color: #CC0000;
    text-decoration: underline;
    font-size : 11px;
}

/* --- styles for footer links ----------------------------------------*/
.footer_link:LINK {
    color: #0000CC;
    text-decoration: none;
    font-size : 11px;
}
.footer_link:VISITED {
    color: #0000CC;
    text-decoration: none;
    font-size : 11px;
}
.footer_link:HOVER {
    color: #CC0000;
    text-decoration: underline;
    font-size : 11px;
}

/* --- styles for IMAGE links -----------------------------------------*/
.image_link:LINK { 
    text-decoration: none; 
    font-size : 11px;
}
.image_link:VISITED { 
    text-decoration: none; 
    font-size : 11px;
}
.image_link:HOVER { 
    text-decoration: none; 
    font-size : 11px;
}

/* --- styles for THE REST of the links -------------------------------*/
a:LINK {
    color: #0000CC;
    text-decoration: none;
    font-size : 11px;
}
a:VISITED {
    color: #0000CC;
    text-decoration: none;
    font-size : 11px;
}
a:HOVER {
    color: #CC0000;
    text-decoration: underline;
    font-size : 11px;
}

/* --- styles for products and options --------------------------------*/
.product_border {
    background: #909090;
}
.product_header {
    background: #F0F0F0;
}
.product_body {
    background: #FFFFFF;
}
.product_footer {
    background: #F0F0F0;
}

.product_options_border {
    background: #E0E0E0;
}
.product_options_header {
    background: #DFEFFF;
}
.product_options_body {
    background: #FFFFFF;
}

/* --- styles for the number of products per category on the menu -----*/
.count_products { 
    color: #007000;
    font-size: 9px;
}

/* --- styles for the site map ----------------------------------------*/
.site_map_body {
    background: #FFFFFF;
}

/* --- styles for the navigation line of a split category page --------*/
.navigator_products {
    color: #000000;
    text-align: center;
    font-size: 11px;
    margin-top: 3px;
    margin-bottom: 13px;
}
.navigator_products_link:LINK { 
    color: #C000FF;
    text-decoration: none;
    font-size : 11px;
}
.navigator_products_link:VISITED { 
    color: #C000FF;
    text-decoration: none;
    font-size : 11px;
}
.navigator_products_link:HOVER { 
    color: #000000;
    background-color: #FFD0FF;
    text-decoration: none;
    font-size : 11px;
}