/* --------------------------------------------------------------------*/
/* 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 {
    SCROLLBAR-FACE-COLOR: #EAEAEA;
    SCROLLBAR-HIGHLIGHT-COLOR: #808080;
    SCROLLBAR-SHADOW-COLOR: #000000;
    SCROLLBAR-3DLIGHT-COLOR: #F0F8FF;
    SCROLLBAR-ARROW-COLOR: #000000;
    SCROLLBAR-TRACK-COLOR: #F0F8FF;
    SCROLLBAR-DARKSHADOW-COLOR: #F0F8FF;
    font-family: Verdana, Tahoma, Century Gothic, Geneve, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

/* --- styles for some common HTML TAGS -------------------------------*/
p, td, li, h2, h3, h4, h5, h6 {
    color: #000000;
    font-family: Verdana, Tahoma, Century Gothic, Geneve, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

/* --- styles for some common HTML TAGS -------------------------------*/
h1, {
    color: #8400FF;
    font-family: Verdana, Tahoma, Century Gothic, Geneve, Arial, Helvetica, sans-serif;
    font-size: 21px;
}


h6 {
    font-weight:normal;
}

hr { height: 1px; }

/* --- styles for form fields -----------------------------------------*/
input, textarea, select {
    background-color: #FFFFFF;
    font-size: 11px;
    /* background-image: none; */
}
input.btn {
    color: #0000A0;
    background-color: #FFFFFF;
    background-image: none;
}
input.checkbox {
    color: #0000A0;
    background-color: #FFFFFF;
    background-image: none;
}

/* --- styles for the MENUS (border, header, body) --------------------*/
.menu_border {
    color: #000000;
    background-color: #F5F5F5;
    font-size: 11px;
}
.menu_header {
    color: #333333;
    background-image:url('../images_templ/menubg_2.gif');  
    font-size: 11px;
    font-weight: bold;
}
.menu_body {
    color: #000000;
    background-color: #F5F5F5;
    font-size: 11px;
}

.menu_border_categprytype, menu_border_categorytype {
    color: #000000;
    background-color: #F5F5F5;
    font-size: 11px;
}
.menu_body_categprytype, menu_body_categorytype {
    color: #000000;
    background-color: #F5F5F5;
    font-size: 11px;
}

/* --- styles for header of the MAIN MENU (if Dynamic) ---------------*/
.menu_header_tr {
    background-color: #F5F5F5;
}
.menu_header_tr_over {
    background-color: #F5F5F5;
}

/* --- styles for the links in the LINKS MENU -------------------------*/
.menu_link:LINK {
    color: #333333;
    text-decoration: none;
    font-size : 11px;
}
.menu_link:VISITED {
    color: #333333;
    text-decoration: none;
    font-size : 11px;
}
.menu_link:HOVER {
    color: #003399;
    text-decoration: none;
    font-size : 11px;
}

/* --- styles for the selected menu links in the LINKS MENU -----------*/
.menu_link_selected:LINK {
    color: #FF9900;
    background-color: #F5F5F5;
    text-decoration: none;
    font-size : 11px;
}
.menu_link_selected:VISITED {
    color: #FF9900;
    background-color: #F5F5F5;
    text-decoration: none;
    font-size : 11px;
}
.menu_link_selected:HOVER {
    color: #003399;
    background-color: #F5F5F5;
    text-decoration: none;
    font-size : 11px;
}

/* --- styles for the rows in the LINKS MENU --------------------------*/
.menu_link_tr {
    border: 1px solid #F5F5F5;
}
.menu_link_tr_over {
    background-color: #F5F5F5;
    border-top: 1px solid #F5F5F5;
    border-left: 1px solid #F5F5F5;
    border-bottom: 1px solid #F5F5F5;
    border-right: 1px solid #F5F5F5;
}

/* --- styles for CATEGORY links --------------------------------------*/
.menu_category:LINK { 
    color: #333333;
    text-decoration: none;
    font-size : 11px;
}
.menu_category:VISITED { 
    color: #333333;
    text-decoration: none;
    font-size : 11px;
}
.menu_category:HOVER { 
    color: #FF9900;
    background-color: #F5F5F5;
    text-decoration: none;
    font-size : 11px;
}

/* --- styles for the selected CATEGORY links -------------------------*/
.menu_category_selected:LINK { 
    color: #FF9900;
    background-color: #F5F5F5;
    text-decoration: none;
    font-size : 11px;
}
.menu_category_selected:VISITED { 
    color: #FF9900;
    background-color: #F5F5F5;
    text-decoration: none;
    font-size : 11px;
}
.menu_category_selected:HOVER { 
    color: #FF9900;
    background-color: #F5F5F5;
    text-decoration: none;
    font-size : 11px;
}

/* --- styles for the rows in the CATEGORY menu -----------------------*/
.menu_category_tr {
    border: 1px solid #F5F5F5;
}
.menu_category_tr_over {
    background-color: #F5F5F5;
    border-top: 1px solid #F5F5F5;
    border-left: 1px solid #F5F5F5;
    border-bottom: 1px solid #E9D0D0;
    border-right: 1px solid #E9D0D0;
}

/* --- styles for SUBCATEGORY links -----------------------------------*/
.menu_subcategory:LINK { 
    color: #333390;
    text-decoration: none;
    font-size : 11px;
}
.menu_subcategory:VISITED { 
    color: #333390;
    text-decoration: none;
    font-size : 11px;
}
.menu_subcategory:HOVER { 
    color: #FF9900;
    background-color: #F5F5F5;
    text-decoration: none;
    font-size : 11px;
}

/* --- styles for the selected SUBCATEGORY links ----------------------*/
.menu_subcategory_selected:LINK { 
    color: #FF9900;
    background-color: #F5F5F5;
    text-decoration: none;
    font-size : 11px;
}
.menu_subcategory_selected:VISITED { 
    color: #FF9900;
    background-color: #F5F5F5;
    text-decoration: none;
    font-size : 11px;
}
.menu_subcategory_selected:HOVER { 
    color: #FF9900;
    background-color: #F5F5F5;
    text-decoration: none;
    font-size : 11px;
}

/* --- styles for the rows in the SUBCATEGORY menu --------------------*/
.menu_subcategory_tr {
    border: 1px solid #F5F5F5;
}
.menu_subcategory_tr_over {
    background-color: #F5F5F5;
    border-top: 1px solid #F5F5F5;
    border-left: 1px solid #F5F5F5;
    border-bottom: 1px solid #F5F5F5;
    border-right: 1px solid #F5F5F5;
}

/* --- styles for navigation links at the top of category or product 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: #333390;
    text-decoration: none;
    font-size : 11px;
}
a:VISITED {
    color: #333390;
    text-decoration: none;
    font-size : 11px;
}
a:HOVER {
    color: #FF9900;
    text-decoration: underline;
    font-size : 11px;
}

/* --- styles for products and options --------------------------------*/
.product_border {
    background-color: #909090;
}
.product_borderlight {
    background-color: #FFFFFF;
}
.product_header {
    background-color: #F0F0F0;
}
.product_body {
    background-color: #FFFFFF;
}
.product_footer {
    background-color: #F0F0F0;
}

.product_options_border {
    background-color: #E5E5E5;
}
.product_options_header {
    background-color: #F5F5F5;
}
.product_options_body {
    background-color: #FFFFFF;
}

.product_travel_border {
    background-color: #E5E5E5;
}
.product_travel_header {
    background-color: #F5F5F5;
}
.product_travel_body {
    background-color: #FFFFFF;
}

/* --- styles for the search form of travel products ------------------*/
.search_travel_border {
    background-color: #E5E5E5;
}
.search_travel_header {
    background-color: #FAFAFA;
}
.search_travel_body {
    background-color: #FFFFFF;
}
.search_travel_footer {
    background-color: #FAFAFA;
}

/* --- styles for the number of products per category on the menu -----*/
.count_products { 
    color: #E9E9E9;
    font-size: 0px;
}

/* --- styles for the site map ----------------------------------------*/
.site_map_border {
    background-color: #B0B0B0;
}
.site_map_body {
    background-color: #FFFFFF;
}
.site_map_tr {
    border: 1px solid #FBFBFF;
}
.site_map_tr_over {
    background-color: #F5F5F5;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-bottom: 1px solid #D0D0D0;
    border-right: 1px solid #D0D0D0;
}
.site_map_link:LINK { 
    color: #000090;
    text-decoration: none;
    font-size : 11px;
}
.site_map_link:VISITED { 
    color: #000090;
    text-decoration: none;
    font-size : 11px;
}
.site_map_link:HOVER { 
    color: #000000;
    background-color: #FFFF90;
    text-decoration: none;
    font-size : 11px;
}

/* --- styles for the navigation line links (1-10 11-20 21-30) --------*/
.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;
}

/* --- other styles for products --------------------------------------*/
.product_list_price { /* reserved for future, please do not remove */
    text-decoration: line-through; /* strikeout */
}

/* --- styles for the calendar ----------------------------------------*/

.calendar_border { background-color: #D0D0D0; }
.calendar_header { background-color: #F0F0F0; }
.calendar_header_days { font-size: 11px; background-color: #F9F9F9; }
.calendar_body { background-color: #FFFFFF; }
.calendar_footer_selected_day { font-size: 11px; background-color: #F9F9F9; }
.calendar_footer { font-size: 11px; background-color: #F0F0F0; }
.calendar_day_onmouseover { background-color: #FFFF00; }
.calendar_day_onmouseout { background-color: NONE; }
.calendar_day_onclick { background-color: #D0D0FF; }
.calendar_day_notavailable { color: #CCCCCC; }

/* --- styles for errors and successes --------------------------------*/
.error { color: #FF0000; }
.warning { color: #FF5000; }
.success { color: #007000; }