/* ----------------------------------------------------------------*/ /* 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: arial; font-size: 11px; } /* --- styles for some common HTML TAGS ---------------------------*/ p, td, li, h3, h4, h5, h6 { font-family: arial; font-size: 11px; color:#626262; } h1 { font-family: arial; font-size: 13px; font-weight:bold; color:#626262; } hr { height: 1px; } /* --- styles for FORM FIELDS -------------------------------------*/ form { margin-bottom: 0px; margin-top: 0px; } input, textarea, select { font-family: arial, tahoma, sans-serif; font-size: 11px; background-image: none; } input.text { padding: 1px 2px; background-image: none; /*border: #909090 solid 1px;*/ } input.btn { color: #0000A0; background-color: #FFFFFF; background-image: none; } input.checkbox, input.radio { background-image: none; } /* --- styles for the MENUS (border, header, body) ----------------*/ .menu_border { } .menu_header { } .menu_body { } .menu_border_categprytype, menu_border_categorytype { } .menu_body_categprytype, menu_body_categorytype { } /* --- styles for header of the MAIN menu (if links) --------------*/ .menu_header_tr {} .menu_header_td { background-color: #D0E0FF; } .menu_header_td_over { background-color: #E0F0FF; } .menu_header_tr_inner {} .menu_header_td_inner { display:none; } /* --- styles for the links in the CUSTOM menu --------------------*/ .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; } /* --- styles for the selected menu links in the CUSTOM menu ------*/ .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 the rows in the CUSTOM menu ---------------------*/ .menu_link_tr {} .menu_link_td { border: 1px solid #F9F9F9; } .menu_link_td_over { background-color:#F4F4EA; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; } .menu_link_tr_inner {} .menu_link_td_inner {} .menu_link {} /* --- styles for links in the CATEGORY TYPE menu ---------------------*/ .menu_categorytype:LINK { color: #000090; text-decoration: none; } .menu_categorytype:VISITED { color: #000090; text-decoration: none; } .menu_categorytype:HOVER { color: #000000; text-decoration: none; } /* --- styles for links in the CATEGORY menu ----------------------*/ .menu_category:LINK { color: #454545; text-decoration: none; font-size: 11px; font-weight:bold; } .menu_category:VISITED { color: #454545; text-decoration: none; font-size: 11px; font-weight:bold; } .menu_category:HOVER { color: #454545; text-decoration: none; font-size: 11px; font-weight:bold; } /* --- styles for the links in the selected CATEGORY menu ---------*/ .menu_category_selected:LINK { color: #454545; text-decoration: none; font-size: 11px; font-weight:bold; background-image:url('../images_templ/doggyloo_menu_bullet.jpg'); background-repeat:no-repeat; background-position:left; padding-left:20px; padding-top:5px; padding-bottom:5px; } .menu_category_selected:VISITED { color: #454545; text-decoration: none; font-size: 11px; font-weight:bold; background-image:url('../images_templ/doggyloo_menu_bullet.jpg'); background-repeat:no-repeat; background-position:left; padding-left:20px; padding-top:5px; padding-bottom:5px; } .menu_category_selected:HOVER { color: #454545; text-decoration: none; font-size: 11px; font-weight:bold; background-image:url('../images_templ/doggyloo_menu_bullet.jpg'); background-repeat:no-repeat; background-position:left; padding-left:20px; padding-top:5px; padding-bottom:5px; } /* --- styles for the rows in the CATEGORY menu -------------------*/ .menu_category_tr {} .menu_category_td { padding-left:7px; } .menu_category_td_over { background-color: #F3F3E9; padding-left:7px; } .menu_category_tr_inner {} .menu_category_td_inner { background-image:url('../images_templ/doggyloo_menu_bullet.jpg'); background-repeat:no-repeat; background-position:left; padding-left:20px; padding-top:3px; padding-bottom:3px; } .menu_category_td_count_products { color: #666666; font-size: 8px; } .count_products { color: #666666; font-size: 8px; } /* deprecated */ /* --- styles for the links in the SUBCATEGORY menu ---------------*/ .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; } /* --- styles for the links in the selected DUBCATEGORY menu ------*/ .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 the rows in the SUBCATEGORY menu ----------------*/ .menu_subcategory_tr {} .menu_subcategory_td { border: 1px solid #FBFBFF; } .menu_subcategory_td_over { background-color: #FFFFE0; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; } .menu_subcategory_tr_inner {} .menu_subcategory_td_inner {} /* --- styles for CATEGORY's path and CATEGORY's list links -------*/ .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: #796449; 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: #525252; text-decoration: none; font-size: 11px; } .footer_link:VISITED { color: #525252; text-decoration: none; font-size: 11px; } .footer_link:HOVER { color: #796449; text-decoration: none; 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: #c28d01; text-decoration: underline; font-size: 11px; } a:VISITED { color: #c28d01; text-decoration: underline; font-size: 11px; } a:HOVER { color:#0033CC; text-decoration: none; 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_list_price { text-decoration: line-through; } .product_price {} .product_price_diff_amount {} .product_price_diff_percent {} .product_outofstock { color: #FF5000; } .product_options_border { border-style:solid; border-width:1px; border-color:#796449; width:350px; margin-left:100px; } .product_options_header { background-color: #E9E8D3; } .product_options_body { background-color: #FFFFFF; } .product_options_selected { background-color: #F5FAFF; } .product_options_name { text-align:center;} .product_options_list_price { text-decoration: line-through; } .product_options_price {} .product_travel_border { background-color: #E5E5E5; } .product_travel_header { background-color: #F5F5F5; } .product_travel_body { background-color: #FFFFFF; } .product_specialties_border { background-color: #CCCCCC; } .product_specialties_header { background-color: #FFFFFF; } .product_specialties_body { background-color: #FFFFFF; } .product_separator {} .img_product_thumbnail {} .img_product_small { border:2px solid #796449; } .img_product_big {} .img_product_opt {} /* --- 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 search/browse of products -------------------*/ .search_border { background-color: #E5E5E5; } .search_header { background-color: #FAFAFA; } .search_body { background-color: #FFFFFF; } .search_footer { background-color: #FAFAFA; } .search_alphabet_selected { font-family: monospace; } .search_alphabet_link:LINK { font-family: monospace; color: #C000FF; text-decoration: none; } .search_alphabet_link:VISITED { font-family: monospace; color: #C000FF; text-decoration: none; } .search_alphabet_link:HOVER { font-family: monospace; color: #000000; background-color: #FFD0FF; text-decoration: none; } /* --- styles for the site map ------------------------------------*/ .site_map_border { background-color: #B0B0B0; } .site_map_body { background-color: #FFFFFF; } .site_map_tr {} .site_map_td { border: 1px solid #FBFBFF; } .site_map_td_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_tr_inner {} .site_map_td_inner {} .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: 10px; } .navigator_products_link:LINK { color: #C000FF; text-decoration: none; font-size: 10px; } .navigator_products_link:VISITED { color: #C000FF; text-decoration: none; font-size: 10px; } .navigator_products_link:HOVER { color: #000000; background-color: #FFD0FF; text-decoration: none; font-size: 10px; } .navigator_products_link_selected { color: #000000; text-decoration: none; font-size: 10px; } /* --- styles for the navigation bars ------------------------ ----*/ .navbar { } .navbar td { } .navbar td.navtab_first { } .navbar a.navtab_selected { display: block; padding: 3px 3px 3px 3px; color: black; background: #e9e8d3; text-decoration: none; border:1px solid #c9970b; font-weight:bold; text-align: center; } .navbar a.navtab_notselected { display: block; padding: 3px 3px 3px 3px; color: #c9970b; background: #ffffff; text-decoration: none; border:1px solid #c9970b; font-weight:bold; text-align: center; } .navbar a.navtab_notselected:hover { background: #e9e8d3; text-decoration:underline; font-weight:bold; text-align: center; } .navbar td.navtab_body { background: #e9e8d3; text-align: left; border:1px solid #c9970b; } /* --- 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; } /* --- styles miscellaneous ---------------------------------------*/ .categories_path_separator { color: #0000A0; } .categories_path { margin: 0px 0px 3px 0px; } .categories_path_td { padding: 0px 0px 0px 0px; } .categories_item { margin: 0px 0px 0px 0px; } .categories_item_td { padding: 0px 0px 0px 0px; } .products_summary { margin: 3px 0px 0px 0px; } .products_summary_td { padding: 0px 0px 0px 0px; } .main_border_01 { border-right:2px solid #FFFFFF; border-bottom:2px solid #FFFFFF; } .main_border_02 { border-right:2px solid #FFFFFF; } .main_border_03 { border-bottom:2px solid #FFFFFF; } .new_products { border-right:2px solid #FFFFFF; border-top:2px solid #FFFFFF; background-color:bebca6; padding:10px; color:#7a654a; } .new_product_link:LINK, .new_product_link:VISITED { color:#293128; text-decoration:none; font-weight:bold; } .new_product_link:HOVER { color:#524141; text-decoration:none; font-weight:bold; } .main_training { border-bottom:1px solid #FFFFFF; background-image:url('../images_templ/doggyloo_housetraining.jpg'); background-repeat:no-repeat; width:235px; height:149px; vertical-align:middle; } .main_training a:LINK { text-decoration:none; } .main_training a:VISITED { text-decoration:none; } .main_training a:HOVER { text-decoration:none; } .checkout { background-color:#453737; height:88px; padding-top:5px; padding-bottom:5px; padding-left:8px; color:#fee886; vertical-align:top; } .checkout_link:LINK, .checkout_link:VISITED { color:#fee886; text-decoration:none; } .checkout_link:HOVER { color:#FFFFFF; text-decoration:underline; } .top_table { border:10px solid #FFFFFF; background-color:#FFFFFF; } .footer_table { border-right:10px solid #FFFFFF; border-left:10px solid #FFFFFF; border-bottom:10px solid #FFFFFF; background-color:#ddddd5; color:#796449; } .homepage_products { background-image:url('../images_templ/doggyloo_home_header.jpg'); background-repeat:no-repeat; background-position:top left; border:2px solid #ffffff; padding-left:34px; height:30px; color:#473939; font-weight:bold; font-size:12px; } #category_menu_home { padding-left:8px; } #category_menu_home a:LINK { color:#454545; font-size:11px; font-weight:bold; text-decoration:none; } #category_menu_home a:VISITED { color:#454545; font-size:11px; font-weight:bold; text-decoration:none; } #category_menu_home a:HOVER { color:#454545; font-size:11px; font-weight:bold; text-decoration:none; } h2 { font-family: arial; font-size: 11px; font-weight: normal; }