/* --------------------------------------------------------------------*/
/* This CSS is the main stylesheet used from the ShoppingCart          */
/* --------------------------------------------------------------------*/
/* 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 H1 TAGS -------------------------------*/
h1 {
    color: #FF0000;
    font-family: Verdana, Tahoma, Century Gothic, Geneve, Arial, Helvetica, sans-serif;
    font-size: 20px;
}


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

hr { height: 1px; }

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

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

/* --- styles for the footer-------------------------*/
.footer_link:LINK {
    color: #0000FF;
    text-decoration: bold;
    font-size : 9px;
}
.footer_link:VISITED {
    color: #0000FF;
    text-decoration: bold;
    font-size : 9px;
}
.footer_link:HOVER {
    color: #FF0000;
    background-color: none;
    text-decoration: bold;
    font-size : 9px;
}

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


/* --- styles for the scart tables ------------------------------------*/
.scart_border {
    background: #D0D0D0;
}
.scart_header_footer {
    background: #F0F0F0;
}
.scart_body {
    background: #FFFFFF;
}
.scart_title_row {
    background: #FFFFF0;
}

/* --- styles for SCART links -----------------------------------------*/
.scart_link:LINK {
    color: #0000FF;
    text-decoration: none;
    font-size : 11px;
}
.scart_link:VISITED {
    color: #0000FF;
    text-decoration: none;
    font-size : 11px;
}
.scart_link:HOVER {
    color: #000000;
    background: #F0F0FF;
    text-decoration: none;
    font-size : 11px;
}

/* --- styles for THE REST of the links -------------------------------*/
a:LINK {
    color: #0000CC;
    text-decoration: none;
    font-size : 13px;
}
a:VISITED {
    color: #0000CC;
    text-decoration: none;
    font-size : 13px;
}
a:HOVER {
    color: #CC0000;
    text-decoration: none;
    font-size : 13px;
    background-color: #CCCCCC
}

a:Selected {
    color: #FF3300;
    text-decoration: none;
    font-size : 13px;
    background-color: #FFFFFF}

/* --- 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_body_td {
    border:1px solid #E5E5E5;
    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_options_selected {
    background-color: #F5FAFF;
}
.product_options_body_td {
    border:1px solid #E5E5E5;
    background-color: #FFFFFF;
}

.product_travel_border {
    background-color: #E5E5E5;
}
.product_travel_header {
    background-color: #F5F5F5;
}
.product_travel_body {
    background-color: #FFFFFF;
}
.product_travel_body_td {
    border:1px solid #E5E5E5;
    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 navigation line links (1-10 11-20 21-30) --------*/
.navigator_products {
    color: #000000;
    font-size: 11px;
}
.navigator_products_link:LINK { 
    color: #0000CC;
    text-decoration: none;
    font-size : 11px;
}
.navigator_products_link:VISITED { 
    color: #0000CC;
    text-decoration: none;
    font-size : 11px;
}
.navigator_products_link:HOVER { 
    color: #000000;
    background-color: #E5E5FF;
    text-decoration: none;
    font-size : 11px;
}

/* --- styles for small texts -----------------------------------------*/
.small {
    font-size: 10px;
}

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