/* Reset -------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { padding: 0; margin: 0; border-collapse:collapse; } ul, ol { list-style: none; } img { border: none; } /* Body -------------------------------------------------------------------*/ html, body { min-width: 790px; height: 100%; } body { font: 12px/18px Arial, Verdana, Verdana, Geneva, sans-serif; color: #00539f; background: #fff; } hr { height: 1px; color: #ccc; background-color: #ccc; border-style: none; } input, textarea, select { color: #4D4D4D; font-family: Arial,Helvetica,sans-serif; font-size: 87%; font-weight: normal; margin: 0; padding: 1px; } h1, h2, h3, h4, h5, h6 { font: normal 18px Verdana; color: #222; } h1 { font-size: 22px; line-height: 26px; margin-bottom: 10px; } h2 { font-size: 20px; line-height: 24px; margin-bottom: 7px; } h3 { font-size: 18px; line-height: 22px; margin-bottom: 5px; } h4 { font-size: 18px; line-height: 22px; margin-bottom: 5px; } h5 { font-size: 18px; line-height: 22px; margin-bottom: 5px; } h6 { font-size: 18px; line-height: 22px; margin-bottom: 5px; } a { color: #00539f; } a:hover { text-decoration: none; } .clear { clear: both; font-size: 0px; line-height: 0px; height: 0px; } .clear_left { clear: left; font-size: 0px; line-height: 0px; height: 0px; } /* Generic Blocks -------------------------------------------------------------------*/ div.main_page { /*background: url(/common/images/main_bg.jpg) no-repeat center top;*/ } div.inner_page { } div.inner_page.care { background: url(/common/images/inner_bg_care.jpg) no-repeat center top; } div.inner_page.products { background: url(/common/images/inner_bg_products.jpg) no-repeat center top; } div.inner_page.nature { background: url(/common/images/inner_bg_nature.jpg) no-repeat center top; } div.inner_page.buy { background: url(/common/images/inner_bg_buy.jpg) no-repeat center top; } div.inner_page.about { background: url(/common/images/inner_bg_about.jpg) no-repeat center top; } #main_div { width: 790px; } #header { } #main_content { text-align: left; } #footer { position: relative; /* top: -80px; */ text-align: left; font-size: 11px; line-height: 15px; color: #adadad; padding-left: 18px; padding-bottom: 50px; } #footer_inner { position: relative; top: 0; text-align: left; font-size: 11px; line-height: 15px; color: #adadad; padding-left: 18px; padding-top: 50px; padding-bottom: 50px; } /* Header Block -------------------------------------------------------------------*/ #header_main { position: relative; z-index: 1000; height: 445px; } #header_main .logo { position: absolute; top: 111px; left: 18px; display: block; width: 289px; height: 132px; background: url(/common/images/bubchen_logo.gif) no-repeat left top; } #header_main .care { position: absolute; top: 367px; left: 222px; display: block; width: 110px; height: 47px; background: url(/common/images/main_menu_care.gif) no-repeat left top; } #header_main .products { position: absolute; top: 375px; left: 367px; display: block; width: 90px; height: 39px; background: url(/common/images/main_menu_products.gif) no-repeat left top; } #header_main .nature { position: absolute; top: 352px; left: 491px; display: block; width: 117px; height: 39px; background: url(/common/images/main_menu_nature.gif) no-repeat left top; } #header_main .buy { position: absolute; top: 313px; left: 570px; display: block; width: 83px; height: 25px; background: url(/common/images/main_menu_buy.gif) no-repeat left top; } #header_main .about { position: absolute; top: 263px; left: 629px; display: block; width: 89px; height: 23px; background: url(/common/images/main_menu_about.gif) no-repeat left top; } #header_inner { position: relative; z-index: 1000; height: 290px; } #header_inner .logo { position: absolute; top: 21px; left: 18px; display: block; width: 241px; height: 110px; background: url(/common/images/bubchen_logo_small.gif) no-repeat left top; } #header_inner .care { position: absolute; top: 200px; left: 236px; display: block; width: 110px; height: 47px; background: url(/common/images/main_menu_care.gif) no-repeat left top; } #header_inner .care.selected { background-image: url(/common/images/main_menu_care_on.gif) !important; } #header_inner .products { position: absolute; top: 213px; left: 384px; display: block; width: 90px; height: 39px; background: url(/common/images/main_menu_products.gif) no-repeat left top; } #header_inner .products.selected { background-image: url(/common/images/main_menu_products_on.gif) !important; } #header_inner .nature { position: absolute; top: 190px; left: 507px; display: block; width: 117px; height: 39px; background: url(/common/images/main_menu_nature.gif) no-repeat left top; } #header_inner .nature.selected { background-image: url(/common/images/main_menu_nature_on.gif) !important; } #header_inner .buy { position: absolute; top: 150px; left: 583px; display: block; width: 83px; height: 23px; background: url(/common/images/main_menu_buy.gif) no-repeat left top; } #header_inner .buy.selected { background-image: url(/common/images/main_menu_buy_on.gif) !important; } #header_inner .about { position: absolute; top: 100px; left: 645px; display: block; width: 89px; height: 23px; background: url(/common/images/main_menu_about.gif) no-repeat left top; } #header_inner .about.selected { background-image: url(/common/images/main_menu_about_on.gif) !important; } /* Main Content Block -------------------------------------------------------------------*/ #main_content.inner { margin-top: -30px; } #main_content .col1 { float: left; width: 258px; font-size: 11px; line-height: 15px; background: url(/common/images/main_content_col1_bg.gif) no-repeat right top; padding-top: 25px; padding-bottom: 25px; } #main_content .col1 .contacts { font-size: 12px; margin-bottom: 20px; font-weight: bold; } #main_content .col1 .contacts a { text-decoration: none; } #main_content .col1 .contacts img { margin-right: -4px; } #main_content .col1.inner { padding-top: 0; } #main_content .col1 p { margin-bottom: 7px; padding-left: 18px; padding-right: 24px; } #main_content .col2 { position: relative; top: -50px; z-index: 10; margin-left: 258px; margin-right: 25px; background: url(/common/images/main_content_col2_bg.gif) no-repeat right top; } #main_content .col2.main { height: 430px; } #main_content .col2.inner { top: 30px !important; background: none; } #main_content .col2 .news { position: absolute; left: 20px; top: 110px; width: 210px; } #main_content .col2 .news h6 { font-size: 10px; font-style: italic; color: #adadad; font-weight: bold; } #main_content .col2 .news h1 { font-size: 15px; font-weight: bold; line-height: 16px; } #main_content .col2 .news p { font-size: 11px; line-height: 15px; } #main_content .col2 .col3 { right: 10px; position: absolute; top: 320px; width: 240px; } #main_content .col2 .col3 p { font-size: 11px; line-height: 15px; } #main_content .col2 .new_prod { position: absolute; left: 280px; top: 80px; width: 214px; height: 185px; } #main_content .col2 .new_prod .img { float: left; width: 75px; height: 150px; } #main_content .col2 .new_prod .text { float: left; margin-left: 9px; width: 130px; height: 150px; overflow: hidden; } #main_content .col2 .new_prod .text h1 { color: #f0143d; font-size: 15px; font-style: italic; font-weight: bold; line-height: 18px; } #main_content .col2 .new_prod .text a { display: block; font-size: 15px; font-weight: bold; line-height: 16px; margin-bottom: 5px; } #main_content .col2 .new_prod .text p { font-size: 11px; line-height: 13px; } #main_content .col2 .pages { position: absolute; top: 160px; left: 85px; clear: left; } #main_content .col2 .pages a { display: block; float: left; margin-right: 4px; width: 15px; height: 15px; background: url(/common/images/new_prod_page.gif) no-repeat center center; color: #fff; font-size: 9px; font-style: italic; text-decoration: none; line-height: 16px; text-align: center; } #main_content .col2 .pages a.act { background-image: url(/common/images/new_prod_page_act.gif) !important; } /* Inner Left Menu Block -------------------------------------------------------------------*/ #main_content .inner_menu { margin-left: 18px; margin-right: 24px; padding-bottom: 10px; } #main_content .inner_menu h2 { color: #00539f; font-size: 16px; } #main_content .inner_menu ul { font-size: 14px; } #main_content .inner_menu ul li { background: url(/common/images/marker_arrow.gif) no-repeat left 6px; padding-left: 10px; margin-bottom: 10px; } #main_content .inner_menu ul .act { text-decoration: none; } /* Product Block under Inner Menu -------------------------------------------------------------------*/ #main_content .prod_block { background: url(/common/images/prod_block_bottom_bg.gif) no-repeat 17px bottom; padding-bottom: 25px; } #main_content .prod_block img { margin-left: 30px; padding-bottom: 10px; } #main_content .prod_block h2 { font-size: 12px; font-weight: bold; color: #00539f; padding-left: 18px; margin-bottom: 0px; padding-bottom: 0; } #main_content .prod_block p { font-size: 11px; color: #00539f; } /* Nav Menu Block -------------------------------------------------------------------*/ #main_content .col2 .nav_menu { font-size: 10px; color: #014292; letter-spacing: 1px; padding-left: 20px; margin-bottom: 10px; } #main_content .col2 .nav_menu a { text-decoration: none; color: #014292; } #main_content .col2 .nav_menu a:hover { text-decoration: underline; } /* Text Content Block -------------------------------------------------------------------*/ #main_content .text_content h1 { margin-left: 20px; margin-right: 20px; font-size: 18px; color: #014292; font-weight: bold; margin-bottom: 0px; padding-bottom: 0; } #main_content .text_content h2 { margin-left: 20px; margin-right: 20px; font-size: 11px; color: #014292; font-weight: bold; } #main_content .text_content h3 { margin-left: 0px; margin-right: 20px; font-size: 11px; color: #014292; font-weight: bold; margin-bottom: 0px;} #main_content .text_content p { color: #014292; font-size: 11px; margin-left: 20px; margin-right: 20px; margin-bottom: 10px; text-align: justify; } #main_content .text_content p b { font-size: 12px; } #main_content .text_content ol, #main_content .text_content ul { margin-left: 40px; margin-right: 20px; margin-bottom: 15px; font-size: 11px; color: #014292; } #main_content .text_content ol { list-style: decimal; } #main_content .text_content ul { list-style: square; } #main_content .text_content ol ul, #main_content .text_content ul ul, #main_content .text_content ol ol, #main_content .text_content ul ol { margin-left: 20px !important; } #main_content .text_content ol li, #main_content .text_content ul li { margin-bottom: 5px; } #main_content .text_content a.lnk {color: #014292; padding-right:30px; margin-bottom: 0px; padding-bottom: 0px; padding-top: 0; margin-top: 0;} #main_content .text_content .file { background-repeat: no-repeat; padding-left: 30px; margin-bottom: 10px; } #main_content .text_content .sub_block { width: 150px; float: right; } #main_content .text_content .sub_block p { margin: 5px 15px; text-align: left; line-height: 13px; } #main_content .text_content .sub_block p b { font-size: 11px; } #main_content .text_content .sub_block ul { font-size: 10px; margin-left: 28px; line-height: 12px; } #main_content .text_content .sub_block ul li { margin-bottom: 10px; } /* News Block -------------------------------------------------------------------*/ #main_content .text_content .news_block { margin-bottom: 20px; } #main_content .text_content .news_block em { margin-left: 20px; font-style: normal; font-size: 11px; } #main_content .text_content .news_block h2 { font-size: 15px; margin-bottom: 0px; } #main_content .text_content .news_block a { } /* Ingridients Block -------------------------------------------------------------------*/ #main_content .text_content .ingri {margin-left: 22px; margin-right: 20px; margin-top:10px;} #main_content .text_content .ingri a.ing {color:#014292; text-decoration:none; text-transform: uppercase;} #main_content .text_content .ingri a.ing:hover {color:#014292; text-decoration:underline; text-transform: uppercase;} #main_content .text_content .ingri b.ing {font-weight:normal; color:#fff; background:#014292; text-transform: uppercase;} #main_content .text_content .ingri .ing_list ul {margin-left: 15px; margin-right: 20px; margin-top:10px; padding:0;} #main_content .text_content .ingri .ing_list ul li {margin-bottom: 5px; font-weight:normal;} #main_content .text_content .ingri h4 {color:#014292; font-weight:bold; font-size:110%; margin-top:10px;} #main_content .text_content .ingri p {margin-left:0; padding-left:0;} #main_content .text_content .ingri ul {margin-left: 20px; padding-left:0; margin-top:10px; padding:0;} #main_content .text_content .ingri ul li {margin-bottom: 5px; font-weight:normal;} /* Products Block -------------------------------------------------------------------*/ #main_content .prod_nav { clear: both; height: 40px; } #main_content .prod_nav h1 { display: block; float: left; font-size: 16px; color: #00539f; padding-left: 18px; } #main_content .prod_nav .switcher { float: right; padding-right: 52px; } #main_content .prod_table .pt_inner { width: 715px; margin-left: 30px; } #main_content .prod_table .product { float: left; display: block; width: 132px; height: 132px; background: url(/common/images/products_bg.gif) no-repeat left top; cursor: pointer; overflow: hidden; margin: 5px; text-decoration: none; } #main_content .prod_table .product.xxx { display: inline; width: 132px; height: 132px; background: url(/common/images/products_bg.gif) no-repeat left top; cursor: pointer; overflow: hidden; margin: 5px; } #main_content .prod_table .product em { display: block; padding: 13px 7px; text-align: center; font-size: 11px; line-height: 11px; font-style: normal; } #main_content .prod_table .product img { padding-bottom: 15px; height: 56px; } #main_content .prod_table .product:hover { background-position: right top; } #main_content .prod_table.margin { margin-bottom: 30px; } #main_content .prod_menu.margin_top { margin-top: 15px; } #main_content .prod_menu .pm_inner { margin-left: 35px; margin-right: 55px; } #main_content .prod_menu .pm_block { float: left; width: 25%; } #main_content .prod_menu .pm_block b { display: block; padding-bottom: 8px; line-height: 15px; } #main_content .prod_menu .pm_block b img { margin-bottom: -2px; } #main_content .prod_menu .pm_block ul { margin-left: 20px; margin-right: 20px; margin-bottom: 15px; font-size: 11px; color: #014292; list-style: square; } #main_content .prod_menu .pm_block ul li { margin-bottom: 5px; } #main_content .prod_menu .pm_block ul li a { text-decoration: none; letter-spacing: 1px; } #main_content .prod_menu .pm_block ul li a:hover { text-decoration: underline; } #main_content .prod_menu .pm_block ul li .act { text-decoration: underline; } #main_content .body { position: relative; margin-left: 20px; } #main_content .body .delivery_middle { overflow: hidden; width: 710px; } #main_content .body table.js_menu2 { border-collapse: collapse; font-size: 1.1em; } #main_content .body table.js_menu2 td { color: #000000; padding: 10px 0 5px; text-align: left; } #main_content .body .scrollitem { float: left; min-height: 60px; padding-top: 10px; width: 100px; } #main_content .body .scrolling_line { background: url(/common/images/scroll_line_bg.gif) repeat-x scroll 0 0; height: 9px; } #main_content .body .scrolling_line img { background: url(/common/images/scroll_line_marker_right.gif) no-repeat scroll 100% 0; padding-right: 45px; position: absolute; } #main_content .body .product { float: left; display: block; width: 132px; height: 132px; background: url(/common/images/products_bg.gif) no-repeat left top; cursor: pointer; overflow: hidden; margin: 5px; text-decoration: none; } #main_content .body .product.xxx { display: inline; width: 132px; height: 132px; background: url(/common/images/products_bg.gif) no-repeat left top; cursor: pointer; overflow: hidden; margin: 5px; } #main_content .body .product em { display: block; padding: 15px 7px; text-align: center; font-size: 11px; line-height: 12px; font-style: normal; } #main_content .body .product img { padding-bottom: 15px; height: 56px; } #main_content .body .product:hover { background-position: left bottom; } #main_content .select { padding-right: 63px; padding-top: 20px; text-align: right; } #main_content .select select { font-size: 11px; color: #00539f; letter-spacing: 1px; } #main_content .line_menu { height: 70px; padding-left: 20px; padding-top: 30px; } #main_content .line_menu b { display: inline; float: left; margin-right: 75px; } #main_content .line_menu b.last { margin-right: 0; } #main_content .line_menu b a { display: block; text-decoration: none; /* opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; */ height: 45px; } #main_content .line_menu b a:hover, #main_content .line_menu b a.act { /* opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; */ border-bottom: 3px solid #095BA4; } #main_content .table_title { line-height: 40px; padding: 0 55px 0 35px; } #main_content .table_title b {display: block; float: left; } #main_content .table_title div { float: right; } #main_content .table_title div select { font-size: 11px; color: #00539f; letter-spacing: 1px; } /* Products Scroll Block -------------------------------------------------------------------*/ .scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; } .mcontentwrapper { height: 100px !important; } .vscrollerbar { width: 11px; height: 10px !important; background: #5EC0A7 url(/common/images/scroll_marker.gif); } .vscrollerbarbeg { height: 0px !important; width: 0px; background: url(scrollbar.png); } .vscrollerbarend { height: 10px; width: 11px; top: 0 !important; background: url(/common/images/scroll_marker.gif); } .vscrollerbase { width: 11px; background: url(/common/images/scroll_line.gif); } .vscrollerbasebeg { width: 11px; height: 0px !important; } .vscrollerbaseend { height: 0px; width: 11px; background: url(scrollbar.png); } .hscrollerbase { height: 6px; background-color: white; } .hscrollerbar { height: 6px; background-color: black; } .vscrollerbar, .hscrollerbar { padding: 12px; z-index: 2; } .scrollerjogbox { width: 11px; height: 16px; top: auto; left: auto; bottom: 0px; right: 0px; background: #37917A; } .scrollgeneric { cursor: pointer; } /* Product Card Block -------------------------------------------------------------------*/ #product_body { margin: 0; padding: 0; } #product_body .pb_div { position: relative; width: 760px; height: 500px; background: no-repeat left top; overflow: hidden; } #product_body .pb_text_block { position: absolute; width: 720px; height: 185px; bottom: 20px; left: 20px; background: red; overflow: auto; } /* Auth Block -------------------------------------------------------------------*/ #auth input { font-size: 11px; width: 150px; } #auth input.button { width: 60px; cursor: pointer; } /* Footer Block -------------------------------------------------------------------*/ #footer_inner a, #footer a { color: #adadad; } .action_tab {} .action_tab td {padding:3px;}