/* ------------------------------ ERROR TABLE ------------------------------- */ .xdebug-error td, .xdebug-error th { border-collapse: collapse; border:1px solid black; } /* -------------------------------- START GENERAL CSS -------------------------------- */ html,body { height:100%; padding: 0; margin: 0; } body { height: 100%; font-family: Arial, sans-serif; background: url('../images/vlb/common/background.jpg') #fff left top no-repeat fixed; } span.translate_error { background-color: #d40000 !important; color: #ffffff !important; font-weight:bold !important; cursor: help !important; padding-left:1px; padding-right:1px; } .nobr { white-space: nowrap; } .hidden { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); clip-path: polygon(0px 0px, 0px 0px,0px 0px, 0px 0px); /* CSS3 */ } /* -------------------------------- COMMON -------------------------------- */ .btnlight { position:relative; height: 29px; line-height: 29px; padding-left:5px; padding-right:5px; width:auto; } .btnlight.disabled { cursor: default; opacity: .46; filter:alpha(opacity=46); } .btnlight .left { position:absolute; left: 0; top: 0; height: 29px; width: 5px; background: url('../images/vlb/btn/btn_light_lr.png') 0 0 no-repeat; } .btnlight .button { background: url('../images/vlb/btn/btn_light_bg.png') left top repeat-x; color: #434343; font-size: 11px; } .btnlight .button a { display:block; height:29px; text-decoration: none; color: #434343; } .btnlight .right { position:absolute; right: 0; top: 0; height: 29px; width: 5px; background: url('../images/vlb/btn/btn_light_lr.png') -5px 0 no-repeat; } .btnlight.emphasis { font-weight: bold; } .btnblue { position:relative; height: 33px; line-height: 33px; padding-left:5px; padding-right:5px; width:auto; } .btnblue.disabled { cursor: default; opacity: .46; filter:alpha(opacity=46); } .btnblue .left { position:absolute; left: 0; top: 0; height: 33px; width: 5px; background: url('../images/vlb/btn/btn_blue_lr.png') 0 0 no-repeat; } .btnblue .button { background: url('../images/vlb/btn/btn_blue_bg.png') left top repeat-x; color: #fff; font-size: 12px; } .btnblue .button a { display:block; height:33px; text-decoration: none; color: #fff; } .btnblue .right { position:absolute; right: 0; top: 0; height: 33px; width: 5px; background: url('../images/vlb/btn/btn_blue_lr.png') -5px 0 no-repeat; } /* -------------------------------- HEADER ------------------------------------- */ #header { background: url('../images/vlb/gfx/header_bg.png') repeat-x; width: 100%; position:relative; min-width: 1120px; } #header { z-index:40; top:0; } #header.stuck { position:fixed; } #header.unstuck { position:absolute; } body.testing #header { background-image: url('../images/vlb/gfx/header_bg_test.png'); } #header_metanav ul, #header_mainnav ul, #header_lang ul, #header_login ul { display: inline; padding: 0; margin: 0; } #header_metanav li, #header_mainnav li, #header_lang li, #header_login li { display: block; float: left; list-style: none; } #header_metanav { height: 23px; padding-left: 4px; padding-top: 3px; } #header_metanav ul li { padding-left:3px; background: url('../images/vlb/gfx/metanav_left.png') left top no-repeat; height: 20px; line-height: 20px; font-size: 11px; color: #a0d9ff; margin-left:2px; margin-right:2px; } #header_metanav ul li a { padding-left: 4px; padding-right: 8px; display: block; height: 100%; background: url('../images/vlb/gfx/metanav_right.png') right top no-repeat; color: #a0d9ff; text-decoration: none; } #header_metanav ul li.active a { color: #ffffff; } #header_metanav ul li a:hover { color: #ffffff; } #header_metanav #headersticky { float: right; width:55px; } #header_metanav #headersticky input[type="checkbox"] { float:left; } #header_metanav #headersticky label { display:block; } #header_metanav #headersticky span.icon.sticky { display:block; float:right; margin-top:2px; width:16px; height:16px; background-image: url('../images/vlb/icon/sticky.png'); background-repeat: no-repeat; } #header_metanav #headersticky span.icon.sticky.stuck { background-position: bottom left; } #header_metanav #headersticky span.icon.sticky.unstuck { background-position: top left; } #header_logo { height: 50px; padding-left:35px; padding-top:20px; } #header_logo img { vertical-align:middle; } #header_mainnav { height: 56px; padding-left:14px;padding-top:3px; } #header_mainnav ul li { padding-left:16px; height: 53px; text-align:center; font-size: 18px; font-weight: bold; color: #ffd1dd; } #header_mainnav ul li a { min-width:80px; padding: 8px 24px 4px 8px; display: block; height: 41px; line-height: 41px; text-decoration: none; color: #ffd1dd; } #header_mainnav ul li a:hover { color: #ffffff; } #header_mainnav ul li.active { background: url('../images/vlb/gfx/mainnav_active_left.png') left top no-repeat; position:relative; color: #a31c35; } #header_mainnav ul li.active a { background: url('../images/vlb/gfx/mainnav_active_right.png') right top no-repeat; color: #a31c35; } #header_mainnav ul li.active a:hover { color: #a31c35; } #header_mainnav ul li.active a > img { position:absolute; top: 1px; left:50%; margin-left: -80px; } #header_lang { position:absolute; right: 70px; top: 0; height: 20px; } #header_lang .left { background: url('../images/vlb/gfx/langbar_left.png') right top no-repeat; width:9px; height:20px; float: left; } #header_lang .content { background: url('../images/vlb/gfx/langbar_bg.png') left top repeat-x; height: 20px; float:left; } #header_lang .content table tr th { float:left; font-size: 10px; font-family: Verdana, sans-serif; color: #333333; font-weight: bold; padding-left: 5px; padding-right: 9px; line-height:16px; } #header_lang .content table tbody tr td { padding-left:2px; padding-right:2px; line-height:16px; } #header_lang .content table tfoot tr td { height: 4px; line-height: 4px; font-size:0; text-align:center; } #header_lang .right { background: url('../images/vlb/gfx/langbar_right.png') left top no-repeat; width:9px; height:20px; float:left; } #header_cart { position: absolute; top: 26px; right: 0; height: 78px; padding-top:2px; } #header_cart .cart { line-height: 26px; height: 26px; padding-right: 16px; text-align:right; font-size: 12px; text-align: right; float:right; clear:both; } #header_cart .cart a { display:block; color: #a30832; text-decoration: none; font-weight: bold; } #header_cart .cart img { vertical-align: middle; } #header_cart .summary { line-height: 14px; height: 14px; padding-right:16px; font-size: 11px; color: #434343; text-align: right; float:right; clear:both; } #header_cart .summary strong { color: #a30832; } #header_cart .actions { height: 43px; padding-top: 5px; padding-right: 9px; line-height: 43px; float:right; clear:both; } #header_cart .actions .btnlight { float:left; margin-left:2px; margin-right:2px; } #header_cart .actions .btnlight.view .button a { background: url('../images/vlb/btn/view.png') 2px center no-repeat; padding-left:28px; } #header_cart .actions .btnlight.delete .button a { background: url('../images/vlb/btn/delete.png') 4px center no-repeat; padding-left: 25px; } #header_cart .actions .btnlight.nextstep .button a { background: url('../images/vlb/btn/cart_next.png') 3px 7px no-repeat; padding-left: 24px; } #header_login { position: absolute; max-width:300px; top: 107px; right: 0; height: 43px; padding-top: 3px; padding-right: 60px; } #header_login.male { background: url('../images/vlb/common/male_smaller.png') right 3px no-repeat; } #header_login.female { background: url('../images/vlb/common/female_smaller.png') right 3px no-repeat; } #header_login p { color: #ffffff; font-size: 12px; line-height: 19px; text-align: right; } #header_login ul { float: right; } #header_login li { line-height: 17px; font-size: 10px; color: #db7a95; } #header_login li a { color: #db7a95; text-decoration: none; border-left:1px solid #db7a95; padding-left:5px;margin-left:5px; } #header_login li:first-child a { border-left: none; } #header_login li.active a { color: #ffc9d8; } #header_login li a:hover { color: #ffc9d8; } #header_crumbs { position:absolute; right: 0; top: 152px; height:32px; padding-left: 51px; background: url('../images/vlb/gfx/crumbbar_left.png') left top no-repeat; } #header_crumbs p { background: url('../images/vlb/gfx/crumbbar_bg.png') left top repeat-x; height: 32px; line-height: 22px; font-size: 11px; color: #ffc9d8; padding-left: 11px; padding-right: 17px; } #header_crumbs p a { color: #ffc9d8; text-decoration: none; } #header_crumbs p a.active { color: #fdfdfd; } #header_crumbs p a:hover { color: #fdfdfd; } /* print stylesheet */ @media print { #header { position: static; height:auto;min-width:0; } #header_logo { position:relative;height:auto;top:auto;padding:0; } #header_metanav { display: none; } #header_lang { display:none; } #header_cart { display: none; } #header_mainnav { display:none; } #header_login { display:none; } #header_crumbs { display:none; } } /* -------------------------------- CONTENT HOLDER ------------------------------------- */ #content_holder { padding-top: 180px; } @media print { #content_holder { padding-top:100px; } } /* -------------------------------- CONTENT HOLDER > LEFT ------------------------------------- */ #content_holder #content_left { position:absolute; top: 180px; left: 0; width: 231px; padding:17px 30px 30px 30px; font-size:11px; line-height:16px; color: #3f3f3f; background: url('../images/vlb/gfx/left_bg.png') right 10px repeat-y; } #content_holder #content_left .top { position:absolute; top: -20px; right:0; width:15px; height:20px; background: url('../images/vlb/gfx/left_bg_top.png') right bottom no-repeat; } #content_holder #content_left .bottom { position:absolute; bottom:-75px; right: 0; width:15px; height:75px; background: url('../images/vlb/gfx/left_bg_bottom.png') right top no-repeat; } #content_holder #content_left p + p { margin-top:12px; } #content_holder #content_left div.h1 { font-size: 19px; font-weight: bold; color: #a30832; padding-left:5px;margin-bottom:30px; } #content_holder #content_left div.infolink { min-height:61px; border:2px solid #dbdbdb; border-radius: 5px; padding:10px 10px 0 70px; background: url('../images/vlb/common/badge_question.png') white 8px 8px no-repeat; margin-top:10px; margin-bottom:10px; } #content_holder #content_left div.infolink a { font-size:11px; text-decoration:none; color: #00609d; } @media print { #content_holder #content_left { display:none; } } /* -------------------------------- CONTENT HOLDER > RIGHT ------------------------------------- */ #content_holder #content_right { padding:17px 30px 0 30px; } #content_holder #content_left + #content_right { margin-left:291px; } #content_holder #content_right h1 { font-size: 19px; font-weight: bold; color: #005894; padding-left:5px;margin-bottom:30px; } @media print { #content_holder #content_right { padding:0; } #content_holder #content_left + #content_right { margin-left:0; } } /* -------------------------------- TABLE > CHECKERBOARD ------------------------------------- */ table.checkerboard { } table.checkerboard > thead > tr > * { background-position: left top; background-repeat: repeat; } table.checkerboard > thead > tr > *.odd { background-image: url('../images/vlb/common/table_bg_head_light.png'); color: #fff; } table.checkerboard > thead > tr > *.even { background-image: url('../images/vlb/common/table_bg_head_dark.png'); color: #fff; } table.checkerboard > thead > tr > th { font-weight: bold; } table.checkerboard > tbody > tr > * { background-position: left top; background-repeat: repeat; } table.checkerboard > tbody > tr.odd > * { background-image: url('../images/vlb/common/table_bg_body_darker.png'); } table.checkerboard > tbody > tr.odd > *.odd { background-image: url('../images/vlb/common/table_bg_body_dark.png'); } table.checkerboard > tbody > tr.odd > *.even { background-image: url('../images/vlb/common/table_bg_body_darker.png'); } table.checkerboard > tbody > tr.even > * { background-image: url('../images/vlb/common/table_bg_body_light.png'); } table.checkerboard > tbody > tr.even > *.odd { background-image: url('../images/vlb/common/table_bg_body_lighter.png'); } table.checkerboard > tbody > tr.even > *.even { background-image: url('../images/vlb/common/table_bg_body_light.png'); } table.checkerboard > tbody > tr > *.header { background-image: url('../images/vlb/common/table_bg_head_dark.png'); } table.checkerboard > tbody > tr > *.even.header { background-image: url('../images/vlb/common/table_bg_head_dark.png'); } table.checkerboard > tbody > tr > *.odd.header { background-image: url('../images/vlb/common/table_bg_head_light.png'); } /* table.checkerboard thead tr:first-child > *:first-child { border-top-left-radius: 3px; } table.checkerboard thead tr:last-child > *:first-child { border-bottom-left-radius: 3px; } table.checkerboard thead tr:first-child > *:last-child { border-top-right-radius: 3px; } table.checkerboard thead tr:last-child > *:last-child { border-bottom-right-radius: 3px; } table.checkerboard tbody tr.odd > *:first-child, table.checkerboard tbody tr.even > *:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } table.checkerboard tbody tr.odd > *:last-child, table.checkerboard tbody tr.even > *:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } */ @media print { /* set background colors instead of images */ /*table.checkerboard { border-collapse: collapse; } table.checkerboard thead tr > *, table.checkerboard tbody tr > * { border: 1px solid #000; }*/ table.checkerboard > thead > tr > *.odd { background: #9C9C9C; } table.checkerboard > thead > tr > *.even { background: #7E7E7E; } table.checkerboard > tbody > tr.odd > * { background: #D8D8D8; } table.checkerboard > tbody > tr.odd > *.odd { background: #E2E2E2; } table.checkerboard > tbody > tr.odd > *.even { background: #D8D8D8; } table.checkerboard > tbody > tr.even > * { background: #F2F2F2; } table.checkerboard > tbody > tr.even > *.odd { background: #F6F6F6; } table.checkerboard > tbody > tr.even > *.even { background: #F2F2F2; } } /* ----------------------------- PAGER ------------------------------ */ #content_holder #content_right .paging { line-height: 20px; font-size: 12px; overflow:auto; } #content_holder #content_right .paging a.button, #content_holder #content_right .paging .pages a { min-width: 20px; height: 20px; display: block; float: left; text-align: center; text-decoration: none; color: #3f3f3f; margin-left: 3px; } #content_holder #content_right .paging a.button { background: url('../images/vlb/btn/btn_paging_20x20.png') 0 20px no-repeat; } #content_holder #content_right .paging .pages a.active { color: #a30832; font-weight: bold; font-size:15px; text-decoration:underline; } #content_holder #content_right .paging .pages a { border-left: 1px solid #3f3f3f; padding-left: 2px; } #content_holder #content_right .paging .pages a:first-child { border-left: none; } #content_holder #content_right .paging a.button.first { background-position: 0 0; } #content_holder #content_right .paging a.button.prev { background-position: 0 -20px; } #content_holder #content_right .paging a.button.last { background-position: 0 -40px; } #content_holder #content_right .paging a.button.next { background-position: 0 -60px; } /* ----------------------------- SIMPLE FORM BASE CLASSES ------------------------------ */ #content_holder #content_right .simpleform tbody tr th { line-height:31px; font-size:12px; color: #3f3f3f; font-weight:normal; vertical-align:top; text-align:left; min-width:100px; padding: 5px 20px 5px 0; } #content_holder #content_right .simpleform tbody tr td { font-size:11px; vertical-align:top; width:300px; padding: 5px 0; } #content_holder #content_right .simpleform tbody tr td.required { width:30px; padding-top:12px; } #content_holder #content_right .simpleform tbody tr td.required label.success { margin-left:5px; display:inline-block; width:16px; height:16px; background: url('../images/vlb/common/check_green.png') center center no-repeat; } #content_holder #content_right .simpleform tbody tr td.required label.error { margin-left:5px; display:inline-block; width:16px; height:16px; background: url('../images/vlb/common/cross_red.png') center center no-repeat; } #content_holder #content_right .simpleform tbody tr td input[type="text"], #content_holder #content_right .simpleform tbody tr td input[type="password"] { width:286px; font-size:12px; line-height:27px; height:27px; border:2px solid #c8c8c8; border-radius: 5px; padding: 0 5px; } input.placeholder { color: #999; } /* --------------------------- NOTIFICATION BAR ---------------------------- */ #content_holder #content_right .notificationbar { border:2px solid #c8c8c8; border-radius:5px; padding:20px 20px 20px 80px; max-width:450px; background-position: 18px center; background-repeat: no-repeat; margin-top: 10px; margin-bottom:20px; line-height:20px; } #content_holder #content_right .notificationbar .message { font-weight:bold; font-size:15px; } #content_holder #content_right .notificationbar .submessage { font-weight:normal; font-size:13px; line-height:16px; } #content_holder #content_right .notificationbar.centerbox { margin-left:auto; margin-right:auto; } /* --------------------------- NOTIFICATION BAR > INFO ---------------------------- */ #content_holder #content_right .notificationbar.info { background-image: url('../images/vlb/common/badge_info.png'); background-color: #fff; color: #005e9e; } /* --------------------------- NOTIFICATION BAR > RESULT ---------------------------- */ #content_holder #content_right .notificationbar.result { padding-left:0; width:786px; max-width:100%; background-color: #fff; color: #005e9e; } #content_holder #content_right .notificationbar.result .message { padding-left:80px; padding-top:5px; min-height:49px; background: url('../images/vlb/common/badge_info.png') 18px center no-repeat; } #content_holder #content_right .notificationbar.result strong { color:#a30832; } #content_holder #content_right .notificationbar.result .submessage { margin-top:10px; padding-left:20px; color:#3f3f3f; font-size:12px; } /* --------------------------- NOTIFICATION BAR > ERROR ---------------------------- */ #content_holder #content_right .notificationbar.error { background-image: url('../images/vlb/common/badge_cross.png'); background-color: #faf0f3; color: #a31c34; } /* -------------------------------- CONTENT HOLDER ------------------------------------- */ #content_holder #content_right .contentholder { color: #3f3f3f; font-size:11px; } #content_holder #content_right .contentholder + .contentholder { margin-top:20px; } #content_holder #content_right .contentholder.twocol tbody tr td:first-child { padding-right:20px; } #content_holder #content_right .contentholder.twocol tbody tr td + td { padding-left:20px; } /* -------------------------------- FAQ ------------------------------------- */ #content_holder #content_right .faqlist .faqitem { width: 573px; position:relative; padding-top: 8px; padding-bottom: 8px; min-height: 24px; margin-bottom: 10px; } #content_holder #content_right .faqlist .faqitem > .top { cursor:pointer; background: url('../images/vlb/btn/btn_faq_tb.png') 0 0 no-repeat; width: 100%; height: 8px; position:absolute; top: 0; left: 0; } #content_holder #content_right .faqlist .faqitem > .arrow { background: url('../images/vlb/common/arrow_down.png') center center no-repeat; cursor: pointer; position:absolute; top: 15px; right: 16px; width: 13px; height: 14px; z-index:20; } #content_holder #content_right .faqlist .faqitem.closed { cursor:pointer; } #content_holder #content_right .faqlist .faqitem.closed > .arrow { background-image: url('../images/vlb/common/arrow_right.png'); top: 13px; right: 14px; } #content_holder #content_right .faqlist .faqitem > .middle { background: url('../images/vlb/btn/btn_faq_c.png') 0 0 repeat-y; } #content_holder #content_right .faqlist .faqitem > .middle .question { cursor:pointer; position:relative;z-index:10; background: url('../images/vlb/icon/question.png') 12px top no-repeat; min-height:24px; padding-top: 3px; padding-left: 46px; padding-right: 60px; color: #3f3f3f; font-size: 14px; line-height:16px; } #content_holder #content_right .faqlist .faqitem > .middle .answer { position:relative;z-index:10; padding: 10px 29px 16px 19px; color: #3f3f3f; font-size: 11px; line-height: 16px; } #content_holder #content_right .faqlist .faqitem > .middle .answer p + p { margin-top:10px; } #content_holder #content_right .faqlist .faqitem > .bottom { background: url('../images/vlb/btn/btn_faq_tb.png') 0 -8px no-repeat; width: 100%; height: 8px; position:absolute; bottom: 0; left: 0; } #content_holder #content_right .faqlist .faqitem .shadow { background: url('../images/vlb/btn/btn_faq_shadow.png') center bottom no-repeat; width:100%; height: 40px; position:absolute; bottom: 1px; left:0; } #content_holder #content_right .faqlist .faqitem.closed .answer { display: none; } /* -------------------------------- ORDER HISTORY ------------------------------------- */ #content_holder #content_right .contentholder.pricelist.orderhistory .paging { float:left !important; } #content_holder #content_right .contentholder.pricelist.orderhistory .buttons { margin-top:30px; } #content_holder #content_right .contentholder.pricelist .btnlight.erase .button a { padding-left: 24px; background: url('../images/vlb/icon/erase.png') 3px 6px no-repeat; } #content_holder #content_right .orderhistory .orderitem { width: 960px; position:relative; padding-top: 8px; padding-bottom: 8px; min-height: 24px; margin-bottom: 10px; } #content_holder #content_right .orderhistory .orderitem.closed .content { display: none; } #content_holder #content_right .orderhistory .orderitem > .top { background: url('../images/vlb/orderhistory/history_bg_tb.png') 0 0 no-repeat; width: 100%; height: 8px; position:absolute; top: 0; left: 0; cursor:pointer; } #content_holder #content_right .orderhistory .orderitem > .arrow { background: url('../images/vlb/common/arrow_down.png') center center no-repeat; position:absolute; top: 15px; right: 16px; width: 13px; height: 14px; z-index:20; cursor:pointer; } #content_holder #content_right .orderhistory .orderitem.closed > .arrow { background-image: url('../images/vlb/common/arrow_right.png'); top: 13px; right: 14px; } #content_holder #content_right .orderhistory .orderitem > .middle { background: url('../images/vlb/orderhistory/history_bg_c.png') 0 0 repeat-y; } #content_holder #content_right .orderhistory .orderitem > .middle .header { position:relative; cursor:pointer; z-index:10; min-height:24px; padding-left: 10px; padding-right: 60px; color: #3f3f3f; font-size: 14px; line-height:24px; } #content_holder #content_right .orderhistory .orderitem > .middle .header .date { float:left; width:200px; text-align:left; font-size:14px; font-weight:bold; color: #005d9d; } #content_holder #content_right .orderhistory .orderitem > .middle .header .type { float:left; width:490px; text-align:center; font-size:14px; } #content_holder #content_right .orderhistory .orderitem > .middle .header .type .calctool { color: #a30832; } #content_holder #content_right .orderhistory .orderitem > .middle .header .type .cart { color: #2bb00c; } #content_holder #content_right .orderhistory .orderitem > .middle .header .price { float:left; width:200px; text-align: right; font-size:14px; } #content_holder #content_right .orderhistory .orderitem > .middle .content { position:relative; z-index:10; padding: 10px 29px 16px 19px; color: #3f3f3f; font-size: 11px; line-height: 16px; } #content_holder #content_right .orderhistory .orderitem > .middle .content .buttons { position:absolute; bottom:5px; } #content_holder #content_right .orderhistory .orderitem > .middle .content .btnlight { float:left; margin-right:10px; } #content_holder #content_right .orderhistory .orderitem > .middle .content .btnlight.delete .button a { padding-left: 24px; background: url('../images/vlb/btn/delete.png') 3px 7px no-repeat; } #content_holder #content_right .orderhistory .orderitem > .middle .content .btnlight.edit .button a { padding-left: 24px; background: url('../images/vlb/icon/edit.png') 3px 7px no-repeat; } #content_holder #content_right .orderhistory .orderitem > .middle .content .btnlight.order .button a { padding-left: 24px; background: url('../images/vlb/btn/order.png') 3px 7px no-repeat; } #content_holder #content_right .orderhistory .orderitem > .bottom { background: url('../images/vlb/orderhistory/history_bg_tb.png') 0 -8px no-repeat; width: 100%; height: 8px; position:absolute; bottom: 0; left: 0; } #content_holder #content_right .orderhistory .orderitem .shadow { background: url('../images/vlb/orderhistory/history_bg_shadow.png') center bottom no-repeat; width:100%; height: 40px; position:absolute; bottom: 1px; left:0; } #content_holder #content_right .orderhistory .orderitem.closed .shadow { cursor:pointer; } @media print { #content_holder #content_right .orderhistory .orderitem { width:100%;margin:0;padding:0; } #content_holder #content_right .orderhistory .orderitem .middle .header .date { width:20%; } #content_holder #content_right .orderhistory .orderitem .middle .header .type { width:60%; } #content_holder #content_right .orderhistory .orderitem .middle .header .price { width:20%; } } /* -------------------------------- MY INFO ------------------------------------- */ #content_holder #content_right .myinformation { width: 604px; } #content_holder #content_right .myinformation .infoblock { position:relative; background: url('../images/vlb/common/infoblock.png') top left no-repeat; width: 293px; height: 160px; margin-bottom: 18px; } #content_holder #content_right .myinformation .infoblock.left { float: left; clear: left; } #content_holder #content_right .myinformation .infoblock.right { float: right; clear: right; } #content_holder #content_right .myinformation .infoblock .info { min-height: 80px; padding: 28px 24px 0 95px; } #content_holder #content_right .myinformation .infoblock .info.personalinfo { background: url('../images/vlb/common/male_big.png') 25px 25px no-repeat; } #content_holder #content_right .myinformation .infoblock .info.personalinfo.female { background-image: url('../images/vlb/common/female_big.png'); } #content_holder #content_right .myinformation .infoblock .info.password { background: url('../images/vlb/common/padlock_big.png') 17px 28px no-repeat; } #content_holder #content_right .myinformation .infoblock .info.discount { background: url('../images/vlb/common/discounts_big.png') 15px 29px no-repeat; } #content_holder #content_right .myinformation .infoblock .info > h2 { font-size: 16px; font-weight: bold; color: #3f3f3f; } #content_holder #content_right .myinformation .infoblock .info > p { font-size: 10px; line-height: 16px; color: #3f3f3f; } #content_holder #content_right .myinformation .infoblock .btnlight { position:absolute; right: 24px; bottom: 24px; font-size: 11px; color: #3f3f3f; } /* -------------------------------- DISCOUNT INFORMATION ------------------------------------- */ #content_holder #content_right .contentholder.pricelist h1.discount { background: url('../images/vlb/common/discounts_small.png') left center no-repeat; padding-left: 50px; line-height: 40px; } /* -------------------------------- PERSONAL INFORMATION ------------------------------------- */ #content_holder #content_right .personalinfo h1.male { background: url('../images/vlb/common/male_small.png') left center no-repeat; padding-left: 40px; line-height: 40px; } #content_holder #content_right .personalinfo h1.female { background: url('../images/vlb/common/female_small.png') left center no-repeat; padding-left: 40px; line-height: 40px; } #content_holder #content_right .personalinfo .contentholder .buttons .btnlight { margin-top: 5px; float: right; font-size: 11px; color: #3f3f3f; float: right; } #content_holder #content_right .personalinfo .contentholder .buttons .btnlight a { color: #3f3f3f; } #content_holder #content_right .personalinfo table.checkerboard { line-height:32px; font-size:12px; color: #3f3f3f; } #content_holder #content_right .personalinfo table.checkerboard tbody tr > * { text-align:left; padding-left: 10px; padding-right: 10px; } #content_holder #content_right .personalinfo table.checkerboard tbody tr th { font-weight:bold; width: 140px; } #content_holder #content_right .personalinfo table.checkerboard tbody tr td { width: 780px; } /* ------------------------------- PASSWORD CHANGE --------------------------------- */ #content_holder #content_right .changepass h1.secure { background: url('../images/vlb/common/padlock.png') left center no-repeat; padding-left: 40px; line-height: 40px; } #content_holder #content_right .contentholder.changepass .buttons .btnlight { margin-top: 5px; float: right; font-size: 11px; color: #3f3f3f; float: right; } #content_holder #content_right .simpleform.changepass tbody th { font-weight:bold; } #content_holder #content_right .simpleform.changepass tfoot .btnblue.change_pass { float:right; } #content_holder #content_right .simpleform.changepass tfoot .btnblue.change_pass .button a { padding-left:30px; padding-right:10px; background: url('../images/vlb/btn/login.png') 5px center no-repeat; } /* -------------------------------- LOGIN ------------------------------------- */ .loginbox-container { margin-bottom: 20px; } .loginbox-container h1, .loginbox-container h2 { font-size: 19px; font-weight: bold; color: #005894; padding-left:5px;margin-bottom:30px; } .loginbox-container .btnblue.apply { float: right; clear: both; margin-top: 20px; margin-right: 30px; } .loginbox-container .btnblue.apply .button a { padding-left: 30px; padding-right: 10px; background: url('../images/vlb/icon/icon-add-user.png') 5px center no-repeat; } .loginbox { min-width: 355px; min-height: 225px; background-color: #fff; border: 1px solid #c8c8c8; padding: 20px; float: left; } .loginbox + .loginbox { margin-left: 10px; } .simpleform.login tbody td img { vertical-align:middle; margin-left:5px; } .simpleform.login tbody td a { font-size:11px; color:#0d8be0; text-decoration:underline; } .simpleform.login tbody td a:hover { text-decoration:none; } .simpleform.login tfoot .btnblue.login { float:right; } .simpleform.login tfoot .btnblue.login .button a { padding-left:30px; padding-right:10px; background: url('../images/vlb/btn/login.png') 5px center no-repeat; } #content_holder #content_right .simpleform.login #field_username { padding-left: 30px; background: url('../images/vlb/icon/customer.png') 7px center no-repeat; } #content_holder #content_right .simpleform.login #field_password { padding-left: 30px; background: url('../images/vlb/icon/icon-password.png') 7px center no-repeat; } /* -------------------------------- FORGOT PASSWORD ------------------------------------- */ #content_holder #content_right .simpleform tfoot .btnblue.forgot_pass { float:right; } #content_holder #content_right .simpleform tfoot .btnblue.forgot_pass .button a { padding-left:30px; padding-right:10px; background: url('../images/vlb/btn/login.png') 5px center no-repeat; } /* -------------------------------- CONTACT FORM ------------------------------------- */ #content_holder #content_right table.contactform { font-size: 12px; position:relative; } #content_holder #content_right table.contactform > tbody > tr > th { text-align:left; font-weight:bold; font-size:12px; color: #3f3f3f; line-height:20px; padding-top:11px; } #content_holder #content_right table.contactform > tbody > tr > td { vertical-align:top; } #content_holder #content_right table.contactform > * > tr > * span.required { color: #ff0000; } #content_holder #content_right table.contactform > tbody > tr > td.required { width:30px; padding-top:7px; line-height:16px; } #content_holder #content_right table.contactform > tbody > tr > td.required label.success { margin-left:5px; display:inline-block; width:16px; height:16px; background: url('../images/vlb/common/check_green.png') center center no-repeat; } #content_holder #content_right table.contactform > tbody > tr > td.required span.error, #content_holder #content_right table.contactform > tbody > tr > td.required label.error { margin-left:5px; display:inline-block; width:16px; height:16px; background: url('../images/vlb/common/cross_red.png') center center no-repeat; } #content_holder #content_right table.contactform > tbody > tr > td input[type="text"], #content_holder #content_right table.contactform > tbody > tr > td input[type="password"] { width:211px; font-size:11px; line-height:27px; height:27px; color: #005e9e; background-color:#fff; border:2px solid #c8c8c8; border-radius: 5px; padding: 0 5px; } #content_holder #content_right table.contactform > tbody > tr > td input[type="text"].calendar { background-image: url('../images/vlb/icon/calendar.png'); background-position:200px center; background-repeat:no-repeat; padding-right:30px; width:186px;letter-spacing:1px; } #content_holder #content_right table.contactform > tbody > tr > td div.select, #content_holder #content_right table.contactform > tbody > tr > td div.textarea { width:211px; background-color:#fff; border:2px solid #c8c8c8; border-radius: 5px; padding: 3px 5px 4px 5px; } #content_holder #content_right table.contactform > tbody > tr > td div.select select { width:100%; font-size:11px; color: #005e9e; height:20px; color: #005e9e; border:0; background:transparent; } #content_holder #content_right table.contactform > tbody > tr > td div.textarea textarea { width:211px; height:100%; font-family:Arial, sans-serif; border:0; padding:0; font-size:11px; color: #005e9e; } #content_holder #content_right table.contactform > tbody > tr > td div.textarea textarea.remarks { height:268px; } #content_holder #content_right table.contactform > tbody > tr > td div.textarea textarea.remarks.small { height:144px; } #content_holder #content_right table.contactform > tfoot > tr > * { padding-bottom:100px; } #content_holder #content_right table.contactform > tfoot .btnblue.send_contactform { float:right; } #content_holder #content_right table.contactform > tfoot .btnblue.send_contactform .button a { padding-left:30px; padding-right:10px; background: url('../images/vlb/btn/sendmail.png') 5px 11px no-repeat; } #content_holder #content_right table.contactform > tbody > tr > td.contactinfo { background: url('../images/vlb/contact/info_bg.png') left top repeat; padding: 11px 15px 0 16px; width:223px; line-height:20px; font-size:11px; color: #3f3f3f; } #content_holder #content_right table.contactform > tbody > tr > td.contactinfo a { color: #a30832; text-decoration: none; } #content_holder #content_right table.contactform > tbody > tr > td.contactinfo p + p { margin-top:31px; } #content_holder #content_right table.contactform > tfoot > tr > td.contactinfo { background: url('../images/vlb/contact/info_bg_bottom.png') center top repeat; } #content_holder #content_right table.contactform div.googlemap { width:224px; margin-top:35px; } #content_holder #content_right table.contactform div.googlemap div.header { width:120px; height:22px; padding-left: 13px; font-size:12px; line-height:22px; background: url('../images/vlb/contact/map_header_bg.png') left bottom no-repeat; } #content_holder #content_right table.contactform div.googlemap div.map { background-color: #fff; padding: 6px; width:212px; height:150px; } #content_holder #content_right table.contactform div.googlemap div.map div#googlemaps_canvas { width:100%; height:100%; } #content_holder #content_right table.contactform.disabled tfoot tr > *, #content_holder #content_right table.contactform.disabled tbody tr > * { opacity:0.6; filter: alpha(opacity=60); } #content_holder #content_right table.contactform.disabled tbody tr:first-child > *, #content_holder #content_right table.contactform.disabled tfoot tr td.contactinfo { opacity:1; filter: alpha(opacity=100); } #content_holder #content_right table.contactform > tbody > tr > td input[type="text"][disabled], #content_holder #content_right table.contactform > tbody > tr > td input[type="password"][disabled], #content_holder #content_right table.contactform > tbody > tr > td div.textarea.disabled, #content_holder #content_right table.contactform > tbody > tr > td textarea[disabled], #content_holder #content_right table.contactform > tbody > tr > td div.select.disabled, #content_holder #content_right table.contactform > tbody > tr > td select[disabled] { background-color: #f4f4f4; color: #a6a6a6; } #content_holder #content_right table.contactform.disabled > tbody > tr td input[type="text"][disabled], #content_holder #content_right table.contactform.disabled > tbody > tr td input[type="password"][disabled], #content_holder #content_right table.contactform.disabled > tbody > tr td textarea[disabled], #content_holder #content_right table.contactform.disabled > tbody > tr td select[disabled] { background-color: #fff; color: #005e9e; } #content_holder #content_right table.contactform > tbody > tr > td div.deliveryinfo { background: url('../images/vlb/common/table_bg_head_dark.png') 0 0 repeat; border-radius: 5px; padding:10px } #content_holder #content_right table.contactform > tbody > tr > td div.deliveryinfo p { font-size:12px; color: #fff; font-weight: bold; line-height:25px; margin-bottom:10px; } #content_holder #content_right table.contactform > tbody > tr > td div.deliveryinfo table { border-radius: 5px; background-color:#fff; } #content_holder #content_right table.contactform > tbody > tr > td div.deliveryinfo table tbody tr th, #content_holder #content_right table.contactform > tbody > tr > td div.deliveryinfo table tbody tr td, #content_holder #content_right table.contactform > tbody > tr > td div.deliveryinfo table tfoot tr td { padding-left:5px; padding-right:5px; } #content_holder #content_right table.contactform > tbody > tr > td div.deliveryinfo table tfoot tr td { padding-top:10px; padding-bottom: 10px; } #content_holder #content_right table.contactform > tbody > tr > td div.deliveryinfo table tbody tr th { text-align:left; font-weight:bold; font-size:12px; color: #3f3f3f; line-height:20px; padding-top:11px; } #content_holder #content_right table.contactform > tbody > tr > td div.deliveryinfo ul { padding:0; margin:0; } #content_holder #content_right table.contactform > tbody > tr > td div.deliveryinfo li { list-style: none; padding-left:20px; line-height:16px;font-size:11px; } #content_holder #content_right table.contactform > tbody > tr > td div.deliveryinfo li.warning { background: url('../images/vlb/icon/exclamation.png') 0 0 no-repeat; } /* -------------------------------- PRICELIST ------------------------------------- */ #content_holder #content_right .caption { width: 200px; border: 1px solid #c5c2c2; background: #fff; padding: 8px; } #content_holder #content_right .caption ul { list-style: none; margin: 0; padding: 0; } #content_holder #content_right .caption ul li { height: 17px; margin: 0 0 5px 0; padding: 0 0 0 20px; line-height: 16px; font-size: 11px; color: #9f9f9f; } #content_holder #content_right .caption ul li.discount1 { background: url('../images/vlb/pricelist/pricelist_iconmap_17x17.png') no-repeat 0 0; } #content_holder #content_right .caption ul li.discount2 { background: url('../images/vlb/pricelist/pricelist_iconmap_17x17.png') no-repeat 0 -17px; } #content_holder #content_right .caption ul li.calc { background: url('../images/vlb/pricelist/pricelist_iconmap_17x17.png') no-repeat 0 -34px; } #content_holder #content_right .caption ul li.cart { background: url('../images/vlb/pricelist/pricelist_iconmap_17x17.png') no-repeat 0 -51px; } #content_holder #content_right .caption ul li.fav { background: url('../images/vlb/pricelist/pricelist_iconmap_17x17.png') no-repeat 0 -68px; } #content_holder #content_right .contentholder.pricelist .buttons { overflow:auto; } #content_holder #content_right .contentholder.pricelist .btnlight { float: right; margin-left: 5px; } #content_holder #content_right .contentholder.pricelist .btnlight.download .button a { padding-left: 24px; background: url('../images/vlb/btn/download.png') 3px 6px no-repeat; } #content_holder #content_right .contentholder.pricelist .btnlight.print .button a { padding-left: 24px; background: url('../images/vlb/icon/icon_print.png') 3px 7px no-repeat; } #content_holder #content_right .contentholder.pricelist .btnlight.newsearch .button a { padding-left: 24px; background: url('../images/vlb/icon/icon_newsearch.png') 3px 7px no-repeat; } #content_holder #content_right .contentholder.pricelist .paging { float:right; margin-top:30px; } #content_holder #content_right .filterlist { margin-bottom: 30px; } #content_holder #content_right .filterlist table { border: 1px solid #c5c2c2; background: url('../images/vlb/pricelist/backgr_white_transp.png') left top repeat; } #content_holder #content_right .filterlist table tbody tr td { width: 193px; height: 48px; padding: 5px 7px 7px 7px; font-size: 12px; font-weight: bold; border: 1px solid #c5c2c2; background: #fff; } #content_holder #content_right .filterlist table tbody tr td.inactive { border: none; background: none; } #content_holder #content_right .filterlist table tbody tr td .greybox { position:relative; width:184px; border: 1px solid #abadb3; background: #f6f6f6; padding: 2px 4px 2px 4px; margin-top: 3px; } #content_holder #content_right .filterlist table tbody tr td[colspan="2"] .greybox { width:398px; border: 1px solid #abadb3; background: #f6f6f6; padding: 2px 4px 2px 4px; margin-top: 3px; } #content_holder #content_right .filterlist table tbody tr td .greybox select { width: 100%; font-size:12px; } #content_holder #content_right .filterlist table tbody tr td .greybox input[type="text"] { width:178px; height:15px; font-weight:normal; font-size:12px; } #content_holder #content_right .filterlist table tbody tr td .greybox input[type="text"]:disabled { background-color:transparent; } #content_holder #content_right .filterlist table tbody tr td[colspan="2"] .greybox input[type="text"] { width:340px; } #content_holder #content_right .filterlist table tbody tr td .greybox a.apply { display:block; float:right; } #content_holder #content_right .filterlist table tbody.advanced tr th div.divider { border-top: 1px solid #c5c2c2; margin: 10px 0; } #content_holder #content_right .filterlist table tfoot tr td { position:relative; } #content_holder #content_right .filterlist table tfoot tr td > div { position:relative; } #content_holder #content_right .filterlist table tfoot tr td a { display:block; height:32px; line-height:32px; font-weight:bold; color:#fff; font-size:11px; text-align:center; text-decoration:none; margin: 0 10px; background: url('../images/vlb/pricelist/filterbar.png') 0 -42px repeat-x; } #content_holder #content_right .filterlist table tfoot tr td a span.corner { position:absolute; top:0; width:10px; height:32px; } #content_holder #content_right .filterlist table tfoot tr td a span.corner.left { left:0; background: url('../images/vlb/pricelist/filterbar.png') 0 -74px no-repeat; } #content_holder #content_right .filterlist table tfoot tr td a span.corner.right { right:0; background: url('../images/vlb/pricelist/filterbar.png') -11px -74px no-repeat; } #content_holder #content_right .filterlist table tfoot tr td a span.arrow { background-image: url('../images/vlb/pricelist/filterbar.png'); background-repeat: no-repeat; background-position:32px 32px; position:absolute; top:6px; display:block; width:21px; height:21px; } #content_holder #content_right .filterlist table tfoot tr td a span.arrow.left { left:10px; } #content_holder #content_right .filterlist table tfoot tr td a span.arrow.right { right:10px; } #content_holder #content_right .filterlist table tfoot tr.simple td a span.arrow { background-position:0 0; } #content_holder #content_right .filterlist table tfoot tr.advanced td a span.arrow { background-position:0 -21px; } #content_holder #content_right #pricelisttable { min-width:100%; padding-right:30px; } #content_holder #content_right table.checkerboard.pricelisttable { line-height: 15px; font-size:12px; color: #3f3f3f;margin-bottom: 20px; } #content_holder #content_right table.checkerboard.pricelisttable colgroup col.hide { display:none; } #content_holder #content_right table.checkerboard.pricelisttable > tbody tr .custom { width: 35px; margin-right: 2px; } #content_holder #content_right table.checkerboard.pricelisttable > tbody tr .submit { height: 14px; line-height: 14px;} #content_holder #content_right table.checkerboard.pricelisttable > tbody tr > * { font-size: 10px; text-align: center; vertical-align:middle; padding-left: 15px; padding-right: 15px; white-space: nowrap; height: 32px; page-break-inside:avoid; } #content_holder #content_right table.checkerboard.pricelisttable > tbody tr td.blue { color: #238cb8; } #content_holder #content_right table.checkerboard.pricelisttable > tbody tr td.green { color: #20b86f; } #content_holder #content_right table.checkerboard.pricelisttable > tbody tr td.purple { color: #9969b5; } #content_holder #content_right table.checkerboard.pricelisttable > tbody tr td.orange { color: #ff7e00; } #content_holder #content_right table.checkerboard.pricelisttable > tbody tr td.money { text-align:right; } #content_holder #content_right table.checkerboard.pricelisttable > tbody tr td.description { text-align:left; } #content_holder #content_right table.checkerboard.pricelisttable > tbody tr th.actions { width:60px; } .tooltip { cursor: help; } .tooltip + .tooltipbox { display:none; position:absolute; z-index:100000; border: 1px solid #000; background-color:#fff; box-shadow: 0 0 5px #444; } .tooltip + .tooltipbox table.checkerboard.pricelisttable.detail { margin-bottom: 0 !important; } .tooltip + .tooltipbox table.checkerboard.pricelisttable.detail > * > * > * { height: auto !important; padding:5px 20px 5px 5px !important; text-align: left !important; } .tooltip + .tooltipbox table.checkerboard.pricelisttable.detail > thead > tr > th { text-align:center !important; } .tooltip + .tooltipbox table.checkerboard.pricelisttable.detail > tbody > tr > th { font-weight: bold; } .tooltip + .tooltipbox table.checkerboard.pricelisttable.detail > tfoot > tr > * { border-top:1px solid #999; font-weight: bold; } #content_holder #content_right table.checkerboard.pricelisttable > thead tr th, #content_holder #content_right table.checkerboard.pricelisttable > tbody tr th.header { min-width:60px; padding: 3px 5px 3px 5px; font-weight: bold; font-size: 10px; color: #fff; vertical-align: bottom; } table.checkerboard.pricelisttable .icon { width: 17px; height: 17px; display:block; background-image: url('../images/vlb/pricelist/pricelist_iconmap_17x17.png'); background-repeat: no-repeat; background-position: 17px 17px; text-decoration:none; } table.checkerboard.pricelisttable a.icon.quantitydiscount { cursor:help; background-position: 0 0; } table.checkerboard.pricelisttable a.icon.netdiscount { cursor:help; background-position: 0 -17px; } table.checkerboard.pricelisttable a.icon.calc { background-position: 0 -34px; padding-right: 3px; } table.checkerboard.pricelisttable a.icon.cart { background-position: 0 -51px; padding-right: 3px; } table.checkerboard.pricelisttable a.icon.fav { background-position: 0 -68px; } table.checkerboard.pricelisttable a.icon.fav:hover { background-position: 0 -85px; } table.checkerboard.pricelisttable a.icon.faved { cursor:default; background-position: 0 -85px; } table.checkerboard.pricelisttable a.icon.del { background-position: 0 -102px; } table.checkerboard.pricelisttable a.icon.details { background-position: 0 -119px; } table.checkerboard.pricelisttable a.icon.download { background-position: 0 -136px; } table.checkerboard.pricelisttable .icon.orb-green { background-position: 0 -153px; } table.checkerboard.pricelisttable .icon.orb-red { background-position: 0 -170px; } table.checkerboard.pricelisttable .icon.hidden { display: none; } table.checkerboard.pricelisttable .icon.help { cursor: help; } #content_holder #content_right table.checkerboard.pricelisttable > tfoot > tr > td.addmore { line-height: 40px; font-size:12px; color: #3f3f3f; padding-left:20px; font-weight: bold; } #content_holder #content_right table.checkerboard.pricelisttable > tfoot > tr > td.addmore img { vertical-align: middle; margin-right:5px; } #content_holder #content_right table.checkerboard.pricelisttable > tfoot > tr > td.addmore a { color: #3f3f3f; text-decoration:none; } #content_holder #content_right table.checkerboard.pricelisttable table.totalcosts { width:100%; } #content_holder #content_right table.checkerboard.pricelisttable table.totalcosts tbody tr > *, #content_holder #content_right table.checkerboard.pricelisttable table.totalcosts tfoot tr > * { text-align:right; font-weight:bold; white-space:nowrap; padding-left:10px; } #content_holder #content_right table.checkerboard.pricelisttable table.totalcosts tbody tr > * { font-size:12px; line-height:24px; } #content_holder #content_right table.checkerboard.pricelisttable table.totalcosts td { width:1%; } #content_holder #content_right table.checkerboard.pricelisttable table.totalcosts td.money { padding-right:40px; } #content_holder #content_right table.checkerboard.pricelisttable table.totalcosts tbody tr:first-child > * { border-top:1px solid #b0b0b0; } #content_holder #content_right table.checkerboard.pricelisttable table.totalcosts tfoot tr > * { border-top:1px solid #b0b0b0; font-size:14px; line-height:24px; } /* -------------------------------- GROSS PRICELIST ------------------------------------- */ #content_holder #content_right table.checkerboard.pricelisttable.grosslist { width:1078px; } /* -------------------------------- NET PRICELIST ------------------------------------- */ #content_holder #content_right table.checkerboard.pricelisttable.netlist > thead tr th.blue { color: #88d2f1; } #content_holder #content_right table.checkerboard.pricelisttable.netlist > thead tr th.green { color: #7bebb5; } #content_holder #content_right table.checkerboard.pricelisttable.netlist > thead tr th.purple { color: #e4c0f9; } #content_holder #content_right table.checkerboard.pricelisttable.netlist { min-width:1078px; } #content_holder #content_right table.checkerboard.pricelisttable.netlist > tbody tr th:first-child { min-width:95px;padding-left:0; padding-right:5px; } #content_holder #content_right table.checkerboard.pricelisttable.netlist > tbody tr th a.icon { float: left; } /* -------------------------------- ESM PRICELIST ------------------------------------- */ #content_holder #content_right table.checkerboard.pricelisttable.esmlist > thead tr th { max-width:45px; min-width:0; } #content_holder #content_right table.checkerboard.pricelisttable.esmlist { width:1078px; } #content_holder #content_right table.checkerboard.pricelisttable.esmlist > tbody tr th:first-child { max-width:45px; min-width:0; padding-left:5px; padding-right:5px; } #content_holder #content_right table.checkerboard.pricelisttable.esmlist > tbody tr th a.icon { float: right; } /* -------------------------------- PRICELIST > PRINT RULES ------------------------------------- */ @media print { #content_holder #content_right table.checkerboard.pricelisttable thead tr th { min-width:1px; } #content_holder #content_right table.checkerboard.pricelisttable tbody tr > * { padding-left: 3px; padding-right: 3px; } } /* -------------------------------- CART INFOBOX ------------------------------------- */ #content_holder #content_right div.cartinfobox { background: url('../images/vlb/pricelist/backgr_white_transp.png') left top repeat; padding:20px; margin-top:50px; } #content_holder #content_right div.cartinfobox ul { padding:0; margin:0; } #content_holder #content_right div.cartinfobox ul li { background: url('../images/vlb/icon/info.png') left top no-repeat; list-style: none; padding-left:30px; line-height:16px; font-size:12px; color:#3f3f3f; } #content_holder #content_right div.cartinfobox ul li + li { margin-top: 20px; } @media print { #content_holder #content_right div.cartinfobox ul li { list-style: disc; padding-left:0; } } /* -------------------------------- CART ------------------------------------- */ #content_holder #content_right .contentholder.cart .buttons { overflow:auto; } #content_holder #content_right .contentholder.cart .btnlight { float: right; margin-left: 5px; } #content_holder #content_right .contentholder.cart .btnlight.export .button a { padding-left: 24px; background: url('../images/vlb/btn/download.png') 3px 7px no-repeat; } #content_holder #content_right .contentholder.cart .btnlight.nextstep .button a { padding-left: 24px; background: url('../images/vlb/btn/cart_next.png') 3px 7px no-repeat; } #content_holder #content_right .contentholder.cart .btnlight.prevstep .button a { padding-left: 24px; background: url('../images/vlb/btn/cart_prev.png') 3px 7px no-repeat; } #content_holder #content_right .contentholder.cart .btnlight.continue .button a { padding-left: 24px; background: url('../images/vlb/btn/cart.png') 3px 7px no-repeat; } #content_holder #content_right .contentholder.cart .btnlight.delete .button a { padding-left: 24px; background: url('../images/vlb/btn/delete.png') 3px 7px no-repeat; } #content_holder #content_right .contentholder.cart .btnlight.order .button a { padding-left: 24px; background: url('../images/vlb/btn/order.png') 3px 7px no-repeat; } #content_holder #content_right table.cartsteps { margin-bottom:30px; } #content_holder #content_right table.cartsteps tbody tr td.arrow { opacity:0.3; filter: alpha(opacity=30); background: url('../images/vlb/cart/arrow_blue.png') center center no-repeat; } #content_holder #content_right table.cartsteps tbody tr td.arrow.active { opacity:1.0; filter: alpha(opacity=100); } #content_holder #content_right table.cartsteps div.step { opacity:0.3; filter: alpha(opacity=30); padding-left:5px; padding-right:5px; position:relative; height:36px; } #content_holder #content_right table.cartsteps div.step.active { opacity:1.0; filter: alpha(opacity=100); } #content_holder #content_right table.cartsteps div.step div.left { position:absolute; width:5px; height:36px; left:0; top:0; background: url('../images/vlb/cart/bar_map.png') 0 0 no-repeat; } #content_holder #content_right table.cartsteps div.step div.content { line-height:36px; color: #fff; font-weight:bold; font-size: 12px; padding-left:10px; background: url('../images/vlb/cart/bar_map.png') 0 -36px repeat-x; } #content_holder #content_right table.cartsteps div.step div.right { position:absolute; width:5px; height:36px; right:0; top:0; background: url('../images/vlb/cart/bar_map.png') -5px 0 no-repeat; } #content_holder #content_right table.checkerboard.pricelisttable.cart { width:960px; } /* -------------------------------- CALC TOOL ------------------------------------- */ #content_holder #content_right .contentholder.calctool .buttons { overflow:auto; } #content_holder #content_right .contentholder.calctool .btnlight { float: right; margin-left: 5px; } #content_holder #content_right .contentholder.calctool .btnlight.save .button a { padding-left: 24px; background: url('../images/vlb/btn/save.png') 3px 6px no-repeat; } #content_holder #content_right .contentholder.calctool .btnlight.export .button a { padding-left: 24px; background: url('../images/vlb/btn/download.png') 3px 7px no-repeat; } #content_holder #content_right .contentholder.calctool .btnlight.addtofav .button a { padding-left: 24px; background: url('../images/vlb/btn/fav.png') 3px 7px no-repeat; } #content_holder #content_right .contentholder.calctool .btnlight.addtocart .button a { padding-left: 24px; background: url('../images/vlb/btn/cart_next.png') 3px 7px no-repeat; } #content_holder #content_right .contentholder.calctool .btnlight.delete .button a { padding-left: 24px; background: url('../images/vlb/btn/delete.png') 3px 7px no-repeat; } #content_holder #content_right table.checkerboard.pricelisttable.calctool > tbody tr th a.icon { float: left; } /* -------------------------------- MY FAVOURITES ------------------------------------- */ #content_holder #content_right .contentholder.myfavlist .buttons { overflow:auto; } #content_holder #content_right .contentholder.myfavlist .btnlight { float: right; margin-left: 5px; } #content_holder #content_right .contentholder.myfavlist .btnlight.calc .button a { padding-left: 24px; background: url('../images/vlb/icon/add_calc.png') 3px 6px no-repeat; } #content_holder #content_right .contentholder.myfavlist .btnlight.cart .button a { padding-left: 24px; background: url('../images/vlb/btn/cart_next.png') 3px 7px no-repeat; } #content_holder #content_right table.checkerboard.pricelisttable.myfavlist > tbody tr th a.icon { float: left; } /* -------------------------------- SPINNER ------------------------------------- */ .spinner { padding-left:5px; padding-right:5px; } .spinner .spinnercontrol { margin-left:auto; margin-right:auto; line-height:normal; min-width: 40px; position:relative; padding-left:26px; padding-right:26px; } .spinner .spinnercontrol a[href="#sub"] { display:block; position:absolute; top:0; left:0; font-size:0; line-height:0; width:26px; height:25px; background: url('../images/vlb/pricelist/spinner_map.png') 0 0 no-repeat; } .spinner .spinnercontrol a[href="#add"] { display:block; position:absolute; top:0; right:0; font-size:0; line-height:0; width:26px; height:25px; background: url('../images/vlb/pricelist/spinner_map.png') 0 -25px no-repeat; } .spinner .spinnercontrol .editbox { height:20px; background: url('../images/vlb/pricelist/spinner_map.png') 0 -50px repeat-x; min-width:40px; padding: 3px 2px 3px 3px; } .spinner .spinnercontrol .editbox input[type="text"] { padding:0 5px; margin:0; text-align:right; border:1px solid #c2c2c2; background-color: #fff; line-height:17px; height:17px; min-width:30px; width: calc(100% - 10px); } /* -------------------------------- NET PRICELIST ------------------------------------- */ #content_holder #content_right table.checkerboard.pricelisttable .inlineedit { padding-left:5px; padding-right:5px; } #content_holder #content_right table.checkerboard.pricelisttable .inlineedit .editbox { display:block; line-height:20px; text-align:right; margin-top:2px; margin-bottom:2px; padding-right:2px; border:1px solid transparent; } #content_holder #content_right table.checkerboard.pricelisttable .inlineedit input[type="text"] { height:20px; line-height:20px; font-size:10px; min-width:50px; text-align:right; border:none; background:transparent; } #content_holder #content_right table.checkerboard.pricelisttable .inlineedit input[type="image"] { width:16px; height:16px; position:relative; top:5px; } #content_holder #content_right table.checkerboard.pricelisttable .inlineedit input[type="image"].save { display:none; } #content_holder #content_right table.checkerboard.pricelisttable .inlineedit .editbox.save { border:1px solid #808080; background-color: #fff; } #content_holder #content_right table.checkerboard.pricelisttable .inlineedit .editbox.save [type="image"].edit { display:none; } #content_holder #content_right table.checkerboard.pricelisttable .inlineedit .editbox.save input[type="image"].save { display:inline; } /* -------------------------------- ADD TO CART DIALOG ------------------------------------- */ #addtocartdialog { display:none; } .addtocartdialog { } .addtocartdialog input.error { border:1px solid #ff0000; } .addtocartdialog .btnlight.delete { margin-right:10px;margin-top:20px; float:right; } .addtocartdialog .btnlight.delete .button a { background: url('../images/vlb/btn/delete.png') 4px center no-repeat; padding-left: 25px; } .addtocartdialog .btnlight.addtocart { margin-top:20px; float: right; } .addtocartdialog .btnlight.addtocart .button a { padding-left: 24px; background: url('../images/vlb/icon/add_cart.png') 3px 7px no-repeat; } .addtocartdialog .icon { width: 17px; height: 17px; display:block; background-image: url('../images/vlb/pricelist/pricelist_iconmap_17x17.png'); background-repeat: no-repeat; background-position: 17px 17px; text-decoration:none; } .addtocartdialog .icon.orb-green { background-position: 0 -153px; } .addtocartdialog .icon.orb-red { background-position: 0 -170px; } .addtocartdialog .icon.hidden { display: none; } .addtocartdialog .icon.help { cursor: help; } .addtocartdialog table > tbody > tr:first-child > * { padding-bottom: 5px; } .addtocartdialog table > tbody > tr > th { text-align: right; } .addtocartdialog table > tbody > tr > td .icon { margin-left: 5px; } /* -------------------------------- ADD TO CALC TOOL DIALOG ------------------------------------- */ #addtocalctooldialog { display:none; } .addtocalctooldialog { } .addtocalctooldialog input.error { border:1px solid #ff0000; } .addtocalctooldialog .btnlight.delete { margin-right:10px;margin-top:20px; float:right; } .addtocalctooldialog .btnlight.delete .button a { background: url('../images/vlb/btn/delete.png') 4px center no-repeat; padding-left: 25px; } .addtocalctooldialog .btnlight.addtocalctool { margin-top:20px; float: right; } .addtocalctooldialog .btnlight.addtocalctool .button a { padding-left: 24px; background: url('../images/vlb/icon/add_calc.png') 3px 7px no-repeat; } /* -------------------------------- RESPONSE DIALOG ------------------------------------- */ #responsedialog { display:none; } .responsedialog .ui-dialog-titlebar { display:none; } .responsedialog.error div.error { display:block; } .responsedialog.error div.success { display:none; } .responsedialog.success div.error { display:none; } .responsedialog.success div.success { display:block; } .responsedialog p.title { font-weight:bold; font-size:16px; } .responsedialog p.description { font-size:14px; } .responsedialog div.error { padding-left:50px; min-height:50px; background: url('../images/vlb/common/badge_cross.png') left top no-repeat; color:#A30832; } .responsedialog div.success { padding-left:60px; min-height:50px; background: url('../images/vlb/common/badge_info.png') left top no-repeat; color: #005894; } /* -------------------------------- LOADING DIALOG ------------------------------------- */ #loadingdialog { display:none; } .loadingdialog .ui-dialog-titlebar { display:none; } #loadingdialog { height:80px; color:#A30832!important; font-weight:bold!important; font-size:16px!important; text-align:center; padding:20px;} #loadingdialog .f { float:left; margin-right:20px; } #loadingdialog .s { float:left; padding-top:18px; } /* -------------------------------- PRINT DIALOG ------------------------------------- */ #printdialog { display:none; } .printdialog ul { padding:0; margin:0; } .printdialog ul li { list-style: none; position:relative; height:36px; margin: 5px 0;padding-left:25px; } .printdialog ul li input[type="checkbox"] { position:absolute; top:8px; left:2px; } .printdialog ul li label { display:block; height:32px;line-height:32px; border:2px solid #dedede; background-color: #f0f0f0; border-radius: 5px; font-size:15px; padding-left:10px; cursor: pointer; } .printdialog ul li.selection { margin-top:18px; } /* IE7 & IE8 fix */ .printdialog ul li label.checked { background-color: #fff; } .printdialog ul li input[type="checkbox"]:checked + label { background-color: #fff; } /* IE7 & IE8 fix */ .printdialog ul li label.disabled { opacity:0.5; filter: alpha(opacity=50); cursor:default; } .printdialog ul li input[disabled] + label { opacity:0.5; filter: alpha(opacity=50); cursor:default; } .printdialog .btnlight.print { margin-top:20px; float: right; } .printdialog .btnlight.print .button a { padding-left: 24px; background: url('../images/vlb/icon/icon_print.png') 3px 7px no-repeat; } /* -------------------------------- PRINT DIALOG ------------------------------------- */ #downloaddialog { display:none; } .downloaddialog ul { padding:0; margin:0; } .downloaddialog ul li { list-style: none; position:relative; height:36px; margin: 5px 0;padding-left:25px; } .downloaddialog ul li input[type="radio"] { position:absolute; top:8px; left:2px; } .downloaddialog ul li label { display:block; height:32px;line-height:32px; border:2px solid #dedede; background-color: #f0f0f0; border-radius: 5px; font-size:15px; padding-left:10px; cursor: pointer; } .downloaddialog ul li.selection { margin-top:18px; } /* IE7 & IE8 fix */ .downloaddialog ul li label.checked { background-color: #fff; } .downloaddialog ul li input[type="radio"]:checked + label { background-color: #fff; } .downloaddialog .btnlight.download { margin-top:20px; float: right; } .downloaddialog .btnlight.download .button a { padding-left: 24px; background: url('../images/vlb/btn/download.png') 3px 7px no-repeat; } /* -------------------------------- PRODUCT DETAIL DIALOG ------------------------------------- */ #productdetaildialog { display: none; } #productdetaildialog > table { width:100%; } #productdetaildialog > table > tbody > tr > td { vertical-align:top; } #productdetaildialog > table > tbody > tr > td.left { padding-right:10px; } #productdetaildialog > table > tbody > tr > td.right { padding-left:10px; } #productdetaildialog > table > tbody + tbody > *:first-child > * { border-top:10px solid transparent; } #productdetaildialog > table > tbody > tr > td.right table > tbody + tbody > *:first-child > * { border-top:10px solid white; } #productdetaildialog table.checkerboard.pricelisttable.detail { width:100%; } #productdetaildialog table.checkerboard.pricelisttable.detail > tfoot > tr > * { padding: 5px 10px; background-image: url('../images/vlb/common/table_bg_head_light.png'); } #productdetaildialog table.checkerboard.pricelisttable.detail thead tr > * { padding: 5px; font-weight: bold; font-size: 10px; color: #fff; vertical-align: bottom; text-align:left; } #productdetaildialog table.checkerboard.pricelisttable.detail tbody tr th { padding: 5px; text-align:left; font-weight:bold; color: #3f3f3f; font-size:10px; width:40%; vertical-align:top; white-space:nowrap; } #productdetaildialog table.checkerboard.pricelisttable.detail tbody tr th.header { color: #fff; vertical-align: bottom; text-align:center; } #productdetaildialog table.checkerboard.pricelisttable.detail tbody tr th.header.left { text-align:left; } #productdetaildialog table.checkerboard.pricelisttable.detail tbody tr td { padding: 5px; text-align:left; font-weight:normal; color: #3f3f3f; font-size:10px; width:60%; vertical-align:top; } #productdetaildialog table.checkerboard.pricelisttable.detail.center thead > tr:first-child > * { text-align:center;font-size:11px; } #productdetaildialog table.checkerboard.pricelisttable.detail.center tbody tr td { width: auto; } #productdetaildialog table.checkerboard.pricelisttable.detail.center tbody.procurement_empty tr:first-child td { text-align:center; } #productdetaildialog table.checkerboard.pricelisttable.detail.center tbody.procurement_empty tr:first-child td img { vertical-align:middle; } #productdetaildialog table.checkerboard.pricelisttable.detail.center tbody.procurement tr:first-child td[colspan="5"] { text-align:center; } #productdetaildialog table.checkerboard.pricelisttable.detail th.spinner { vertical-align: middle; } #productdetaildialog table.checkerboard.pricelisttable.detail td.spinner .spinnercontrol { float: left; } #productdetaildialog table.checkerboard.pricelisttable.detail tbody.calculator .total { font-size:1.4em; font-weight:bold; } #productdetaildialog table.checkerboard.pricelisttable.detail tbody.calculator div.hr { border-bottom:2px solid #7c7c7c; text-align:right; padding-right:5px; width:60%; margin-bottom:5px; } #productdetaildialog .btnlight { float:right; } #productdetaildialog .btnlight.download .button a { padding-left: 24px; padding-right:5px; background: url('../images/vlb/btn/download.png') 3px 7px no-repeat; } /* -------------------------------- API ------------------------------------- */ #content_holder #content_right .apidoc { font-size:12px; } #content_holder #content_right .apidoc table.checkerboard { line-height:32px; font-size:12px; color: #3f3f3f;margin-bottom:10px; } #content_holder #content_right .apidoc table.checkerboard tbody tr > * { text-align:left; padding-left: 10px; padding-right: 10px; } #content_holder #content_right .apidoc table.checkerboard tbody tr th { font-weight:bold; width: 140px; } #content_holder #content_right .apidoc table.checkerboard tbody tr td { width: 780px; } #content_holder #content_right .apidoc h2 { line-height:20px; font-size: 16px; font-weight: bold; color: #000; padding-left:5px; margin-bottom:10px; } #content_holder #content_right .apidoc h3 { line-height:20px; font-size: 16px; font-weight: normal; font-style:italic; color: #000; padding-left:5px; margin-bottom:10px; padding-top:20px; } #content_holder #content_right .apidoc h4 { line-height:20px; font-size: 16px; font-weight: normal; color: #000; padding-left:5px; } #content_holder #content_right .apidoc > p { margin-bottom:10px; color: #666; } #content_holder #content_right .apidoc .apitable { margin:10px; border-collapse:collapse; } #content_holder #content_right .apidoc .apitable th, #content_holder #content_right .apidoc .apitable td { border:1px solid black; padding:3px; vertical-align:top; } #content_holder #content_right .apidoc .apitable th { background-color: #dfdfdf; color: #000; } #content_holder #content_right .apidoc .apitable td { background-color: #fff; color: #000; } #content_holder #content_right .apidoc .code { background-color:#fff; border:1px solid #999; } #content_holder #content_right .apidoc code { background-color:#efefef; border:1px solid #afafaf; color: #666; padding: 0 2px; font-family: monospace; } .CodeMirror-scroll { height: auto !important; } dl.list > dd + dt { margin-top: 5px; } dl.list > dt { font-weight: bold; } /* -------------------------------- EOF ------------------------------------- */