/* $Id: main.css,v 1.269.2.3 2009/11/10 15:58:44 joy Exp $ vim: set ts=2 sw=2 sts=2 et: */ /* general tags styles */ div,th,td,p,input,select,textarea,tt,button { font-family: arial, helvetica, sans-serif; color: #333; font-size: 11px; } h1 { margin: 10px 0px 10px 0px; padding: 0px; font-size: 20px; color: #617683; font-weight: normal; } hr { border: 0px none; border-bottom: 1px solid #ccc; margin: 0px 0px 10px 0px; padding: 0px; height: 0px; } form { margin: 0px; } table, img { border: 0px; } em { font-style: italic; } strong { font-weight: bold; } /* service styles */ /* float-box finisher */ .clearing { height: 0px; font-size: 0px; clear: both; } /* vertical align (center) */ .valign-middle { vertical-align: middle; height: 100%; } .valign-middle-adv-lvl1 { height: 100%; display: table; } .valign-middle-adv-lvl2 { display: table-cell; vertical-align: middle; } .valign-middle-adv-lvl3 {} /* horizontal align */ .halign-center-noscript, .halign-center { display: table; margin: 0px auto; text-align: center; } .center { text-align: center; } .right-box { width: 100%; text-align: right; } /* text block container */ .text-block { margin-bottom: 15px; } .text-pre-block { margin-top: 15px; } /* no-wrap */ .nowrap { white-space: nowrap; } /* width:100% emulator */ table.width-100 { width: 100%; } /* page break */ .page-break { height: 0px; line-height: 0px; margin: 0px; padding: 0px; page-break-after: always; } /* pointer cursor */ .pointer { cursor: pointer; } /* overflow wrapper */ .overflow { position: relative; margin-right: 20px; padding-bottom: 20px; overflow: auto; } label { vertical-align: bottom; line-height: 15px; } label input { margin: 0px; vertical-align: bottom; } label.input-block { vertical-align: middle; line-height: 21px; } label.input-block input, label.input-block select { vertical-align: middle; } label.input-row, .input-row label { float: left; padding-right: 20px; } label.plain-box { display: block; padding-bottom: 15px; } label.plain-box .label-title { display: block; } input.default-value { color: #aaaaaa; } a.underline:link, a.underline:visited, a.underline:hover, a.underline:active { text-decoration: underline; } /* common styles */ .error-message { color: #b51a00; font-weight: bold; } div.error-message { margin: 0px 0px 15px 0px; } .form-text { color: #112536; font-weight: bold; } .black-text { color: #333; } a.list-item:link, .list-item a:link { color: #043fa0; text-decoration: none; } a.list-item:visited, .list-item a:visited { color: #043fa0; text-decoration: none; } a.list-item:hover, .list-item a:hover { color: #2863c2; text-decoration: underline; } a.list-item:active, .list-item a:active { color: #043fa0; text-decoration: none; } tr.head-row th { background: #cccccc none; font-weight: bold; } tr.highlight td, tr.highlight th { background: #eeeeee none; } tr.center-row th { text-align: center; } /* Currency */ .currency { white-space: nowrap; } /*============================================================================== layout styles ==============================================================================*/ /* page container */ #page-container { min-height: 100%; position: relative; } /* page layout */ #content-container { clear: both; float: left; overflow: hidden; position: relative; width: 100%; padding-bottom: 39px; margin-top: 140px; } #content-container2 { float: left; position: relative; right: 100%; width: 200%; } #center { float: left; position: relative; width: 50%; left: 50%; } #left-bar { float: left; position: relative; width: 160px; margin-left: 7px; } #right-bar { float: right; right: 7px; position: relative; width: 160px; } #center-main { margin: 0px 187px 0px 187px; position: relative; overflow: hidden; } #header { height: 140px; position: absolute !important; top: 0px; left: 0px; width: 100%; } #footer { width: 100%; position: absolute !important; bottom: 0; overflow: hidden; float: left; } /* Right-to-left */ .rtl { direction: rtl; } /* header styles */ #header .line1 { position: relative; height: 67px; direction: ltr; } #header .line1 .logo { padding-top: 9px; margin-left: 27px; width: 203px; } #header .line1 .logo a img { width: 203px; height: 48px; } /* header tabs */ .tabs { position: absolute; top: 0px; right: 0px; margin: 0px; padding: 0px; height: 25px; width: 80%; text-align: right; } .tabs ul { margin: 0px; padding: 0px; list-style: none; } .tabs li { float: right; margin: 0px 1px 0px 0px; padding: 0px; background: transparent url(images/tab_r.png) no-repeat right top; height: 25px; } .tabs a:link, .tabs a:visited, .tabs a:hover, .tabs a:active { display: block; background: transparent url(images/tab_l.png) no-repeat left top; margin: 0px 5px 0px 0px; padding: 5px 10px 5px 15px; text-align: center; vertical-align: middle; white-space: nowrap; color: #253161; text-decoration: none; font-weight: bold; font-size: 11px; height: 25px; outline-style: none; } .tabs a:hover { color: #2863c2; } /* phones line */ #header .phones { position: absolute; right: 10px; top: 25px; height: 42px; vertical-align: middle; line-height: 42px; color: #5480a2; text-align: right; white-space: nowrap; font-size: 11px; } #header .phones span { padding-left: 15px; } /* header line 2 */ #header .line2 { position: relative; width: 100%; border: none; height: 30px; background-color: #cc0000; } #header .line2 div, #header .line2 span { color: #451300; } #header .line2 a:link, #header .line2 a:visited, #header .line2 a:hover, #header .line2 a:active { color: #510000; } #header span.search { font-size: 12px; padding-left: 20px; padding-right: 5px; } #header input.text { width: 108px; } #header a.search:link, #header a.search:visited, #header a.search:hover, #header a.search:active { text-decoration: underline; } #header input { margin-right: 3px; } #header button.simple-button { vertical-align: middle; margin-bottom: 3px; margin-right: 3px; } #header button.simple-button img { margin-left: 0px; } #header .languages { position: absolute; top: 7px; right: 20px; text-align: right; vertical-align: middle; } #header .languages-row, #header .languages-flags { top: 9px; } #header .languages-flags a:link, #header .languages-flags a:visited, #header .languages-flags a:hover, #header .languages-flags a:active, #header .languages-flags strong { padding-left: 5px; padding-right: 5px; } #header .languages label { line-height: 21px; vertical-align: middle; font-size: 12px; } #header .languages select { margin-left: 5px; } /* header line 3 */ #header .line3 { position: relative; width: 100%; height: 39px; text-align: right; } .printable-bar a:link, .printable-bar a:visited, .printable-bar a:hover, .printable-bar a:active { background: transparent url(images/printer.gif) no-repeat right top; padding: 2px 20px 2px 0px; color: #818891; font-size: 11px; line-height: 16px; } div.printable-bar { width: 130px; } /* /*============================================================================== widgets ==============================================================================*/ /* location bar */ #location { height: 25px; line-height: 15px; margin-bottom: 10px; font-size: 11px; color: #818891; } font.bread-crumb { font-size: 11px; color: #818891; } a.bread-crumb:link { font-size: 11px; color: #818891; text-decoration: underline; } a.bread-crumb:visited { font-size: 11px; color: #818891; text-decoration: underline; } a.bread-crumb:hover { font-size: 11px; color: #818891; text-decoration: none; } a.bread-crumb:active { font-size: 11px; color: #818891; text-decoration: underline; } font.last-bread-crumb { text-decoration: none; } #location span { padding: 0px 5px 0px 5px; } /* dialog message container */ #dialog-message { padding: 15px 0px 20px 0px; width: 100%; } #dialog-message .box { position: relative; margin-left: 8%; margin-right: 8%; border: 1px solid black; border-top: 3px solid black; padding: 10px 25px 10px 59px; vertical-align: middle; text-align: left; min-height: 32px; } #dialog-message a.close-link:link, #dialog-message a.close-link:visited, #dialog-message a.close-link:hover, #dialog-message a.close-link:active { display: block; position: absolute; top: 5px; right: 5px; width: 13px; height: 13px; text-decoration: none; } #dialog-message .close-img { width: 13px; height: 13px; background: transparent url(images/but_cross.gif) no-repeat left top; } #dialog-message .message-I { color: #112536; border-color: #ccc; background: #f4f5f7 url(images/icon_info.gif) no-repeat 10px 10px; } #dialog-message .message-W { color: #3e3104; border-color: #666; background: #f8f7f3 url(images/icon_warning.gif) no-repeat 10px 10px; } #dialog-message .message-E { color: #590a0a; border-color: #d30000; background: #f7f3f3 url(images/icon_error.gif) no-repeat 10px 10px; } #dialog-message .anchor { position: relative; margin-left: auto; margin-right: 0px; height: 15px; text-align: right; vertical-align: middle; } #dialog-message .anchor img { width: 12px; height: 10px; vertical-align: middle; background: transparent url(images/goto_arr.gif) no-repeat left top; } .dialogtr { color: #b89a39; } /* inline message */ .inline-message { height: 16px; line-height: 16px; vertical-align: middle; padding: 1px 1px 15px 1px; margin: 0px; } .inline-message img.icon-w { vertical-align: top; width: 18px; height: 18px; background: transparent url(images/icon_warning_small.gif) no-repeat; } .cart-message { padding: 5px 5px 5px 35px; text-align: left; min-height: 20px; color: #4f6280; font-size: 11px; margin-top: 10px; margin-bottom: 10px; } .cart-message-W { background: #efefef 5px 5px url(images/icon_warning_info.gif) no-repeat; } .cart-message-W { background: #efefef 5px 5px url(images/icon_warning_small.gif) no-repeat; } .cart-message-E { background: #efefef 5px 5px url(images/icon_warning_error.gif) no-repeat; } .cart-message div.close-link { float: right; width: 25px; height: 13px; text-align: right; cursor: pointer; background: transparent url(images/but_cross.gif) no-repeat right top; } /* side bar container */ .menu-dialog { border: 1px solid #5f94c0; margin-bottom: 15px; } .menu-dialog .title-bar { width: 100%; background: #9ec6de url(images/menu_bg.gif) repeat-x left top; border: 0px none; border-bottom: #215485 1px solid; height: 27px; overflow: hidden; } .menu-dialog .title-bar img.icon { vertical-align: middle; margin: 4px 7px 6px 7px; width: 17px; height: 17px; } .menu-dialog .title-bar h2 { font-size: 12px; color: #ffffff; font-weight: bold; line-height: 27px; height: 27px; margin: 0px; padding: 0px; width: auto; display: inline; white-space: nowrap; } .menu-dialog .link-title span.title-link { float: right; padding: 8px 7px 8px 0px; } .menu-dialog .link-title a.title-link:link, .menu-dialog .link-title a.title-link:visited, .menu-dialog .link-title a.title-link:hover, .menu-dialog .link-title a.title-link:active { text-decoration: none; outline-style: none; } .menu-dialog .link-title .title-link img { width: 7px; height: 11px; background: transparent url(images/menu_arrow.gif) no-repeat left center; } .menu-dialog .content { border: 0px; background-color: #ffffff; padding: 8px 10px 20px 10px; overflow: hidden; } .menu-dialog .content a:link, .menu-dialog .content a:visited, .menu-dialog .content a:link { color: #324c76; } .menu-dialog .content a:hover { color: #2863c2; } .menu-dialog ul { list-style: none; padding: 0px 0px 0px 0px; margin: 0px; } .menu-dialog ul li { padding: 0px 0px 0px 0px; vertical-align: middle; } .menu-dialog .item { color: #112536; font-size: 11px; } .menu-dialog ul li a:link { font-size: 11px; text-decoration: none; } .menu-dialog ul li a:visited { font-size: 11px; text-decoration: none; } .menu-dialog ul li a:hover { font-size: 11px; text-decoration: underline; } .menu-dialog ul li a:active { font-size: 11px; text-decoration: none; } .menu-dialog hr { background-color: #999999; } .menu-dialog .login-text ul li { padding: 1px 0px; } /* dialog container */ .dialog { border: 1px solid #acb7c7; padding: 0px; margin: 0px 0px 30px 0px; page-break-inside: avoid; } .dialog .title { position: relative; color: #253161; font-weight: bold; font-size: 13px; background: transparent url(images/dialog_b.gif) repeat-x top left; border: 0px none; vertical-align: middle; height: 30px; line-height: 30px; margin: 0px; padding: 0px 0px 0px 18px; text-align: left; border-bottom: 1px solid #acb7c7; overflow: hidden; } .dialog .title h2 { margin: 0px; padding: 0px; font-size: 13px; overflow: hidden; white-space: nowrap; } .dialog .content { border: 0px none; background: transparent none; text-align: left; padding: 10px 10px 25px 10px; color: #58595b; } .list-dialog .title h2 { width: 60%; } .list-dialog .title div.sort-box { height: 30px; position: absolute; top: 0px; right: 0px; width: 40%; overflow: hidden; } .list-dialog .title div.sort-box .search-sort-bar { padding: 0px; margin: 7px 0px; } .list-dialog .title div.sort-box .search-sort-title, .list-dialog .title div.sort-box .search-sort-cell { padding-right: 10px; } .noborder { border: 0px none; } .noborder .title { background: transparent none; display: none; } .noborder .content { padding: 0px; } /* buttons */ /* button-based */ button.button { border: 0px none; background-color: transparent; cursor: pointer; height: 23px; margin: 0px; padding: 1px; vertical-align: top; overflow: visible; outline-style: none; } button.button .button-right { display: block; background: transparent url(images/but_right.png) no-repeat right top; padding: 0px 10px 0px 0px; height: 22px; } button.button .button-left { display: block; margin: 0px; background: transparent url(images/but_left.png) no-repeat left top; padding: 0px 5px 0px 15px; vertical-align: middle; white-space: nowrap; font-family: arial, helvetica, sans-serif; color: #111d4d; font-weight: bold; font-size: 11px; height: 22px; line-height: 21px; } /* div-based */ div.button { border: 0px none; background: transparent none; cursor: pointer; margin: 0px; padding: 0px 10px 0px 0px; white-space: nowrap; background: transparent url(images/but_right.png) no-repeat right top; float: left; } div.button div, div.button a:link, div.button a:visited, div.button a:hover, div.button a:active { display: block; background: transparent url(images/but_left.png) no-repeat left top; padding: 0px 5px 0px 15px; line-height: 21px; white-space: nowrap; font-family: arial, helvetica, sans-serif; color: #111d4d; font-weight: bold; font-size: 11px; text-decoration: none; outline-style: none; } /* button-based link */ button.simple-button { border: 0px none; background-color: transparent; cursor: pointer; height: 15px; margin: 3px 0px 0px 0px; padding: 0px; white-space: nowrap; color: #043fa0; font-size: 11px; font-weight: bold; line-height: 15px; vertical-align: middle; outline-style: none; } button.simple-button span { text-decoration: underline; } button.simple-button img { display: none; } /* a-based link */ a.simple-button:link, a.simple-button:visited, a.simple-button:hover, a.simple-button:active { font-size: 11px; white-space: nowrap; color: #043fa0; font-weight: bold; margin: 0px; padding: 0px; line-height: 21px; vertical-align: bottom; text-decoration: underline; outline-style: none; } a.simple-button:hover { color: #2863c2; } /* input-image-based */ input.image-button { margin: 0px; padding: 0px; margin-bottom: 2px; border: 0px none; width: 19px; height: 18px; background: transparent url(images/go.gif) no-repeat left top; vertical-align: middle; } /* a-image-based */ a.image-button:link, a.image-button:visited, a.image-button:hover, a.image-button:active { text-decoration: none; } a.image-button:link img, a.image-button:visited img, a.image-button:hover img, a.image-button:active img { margin: 0px; padding: 0px; margin-bottom: 2px; border: 0px none; width: 19px; height: 18px; background: transparent url(images/go.gif) no-repeat left top; vertical-align: middle; } /* Buttons alternative styles */ /* highlighted button */ button.main-button .button-right { background: transparent url(images/but_main_right.png) no-repeat right top; } button.main-button .button-left { background: transparent url(images/but_main_left.png) no-repeat left top; color: #510000; } div.main-button { background: transparent url(images/but_main_right.png) no-repeat right top; } div.main-button div, div.main-button a:link, div.main-button a:visited, div.main-button a:hover, div.main-button a:active { background: transparent url(images/but_main_left.png) no-repeat left top; color: #510000; } button.simple-main-button, a.simple-main-button:link, a.simple-main-button:visited, a.simple-main-button:hover, a.simple-main-button:active { color: #880000; } /* Light button */ button.light-button { padding-right: 10px; } button.light-button .button-right { background: transparent url(images/but_light_right.gif) no-repeat right top; padding: 0px 2px 0px 0px; } button.light-button .button-left { background: transparent url(images/but_light_left.gif) no-repeat left top; padding: 0px 10px 0px 15px; color: #365f8f; font-size: 11px; } div.light-button { padding: 0px 5px 0px 0px; background: transparent url(images/but_light_right.gif) no-repeat right top; } div.light-button div, div.light-button a:link, div.light-button a:visited, div.light-button a:hover, div.light-button a:active { background: transparent url(images/but_light_left.gif) no-repeat left top; padding: 0px 5px 0px 11px; color: #365f8f; font-size: 11px; } /* Delete cart item button */ a.simple-delete-button:link, a.simple-delete-button:visited, a.simple-delete-button:hover, a.simple-delete-button:active { color: #880000; background: transparent url(images/delete_cross.gif) no-repeat left 7px; padding-left: 13px; } /* Delete button w/o icon */ a.simple-delete-button-woicon:link, a.simple-delete-button-woicon:visited, a.simple-delete-button-woicon:hover, a.simple-delete-button-woicon:active { color: #880000; } /* Add to list... button */ div.drop-out-button { padding: 0px 23px 0px 0px; background: transparent url(images/but_right_dropout.png) no-repeat right top; } div.drop-out-button div, div.drop-out-button a:link, div.drop-out-button a:visited, div.drop-out-button a:hover, div.drop-out-button a:active { background: transparent url(images/but_left.png) no-repeat left top; padding-right: 10px; } div.dropout-container { position: absolute; padding: 0px; margin: 0px; border: 0px none; } div.dropout-wrapper { float: left; position: relative; z-index: 1; margin: 0px; } div.dropout-box { border: solid 1px #adb6c6; background-color: #ffffff; padding: 5px 0; margin-top: 26px; position: absolute; display: none; } div.dropout-wrapper ul { margin:0; padding:0; } div.dropout-wrapper ul li { list-style-position: outside; list-style-type: none; padding: 5px 15px; float: left; } div.dropout-wrapper ul li .button { float: left; position: relative; } div.dropout-wrapper .button { float: none; position: absolute; margin-right: 0px; } /* Menu button */ button.menu-button { height: 22px; } button.menu-button .button-right { background: transparent url(images/but_menu_right.png) no-repeat right top; padding-right: 7px; height: 20px; } button.menu-button .button-left { background: transparent url(images/but_menu_left.png) no-repeat left top; height: 20px; padding: 0px 1px 0px 8px; color: #deedf7; font-size: 11px; height: 21px; line-height: 20px; } div.menu-button { background: transparent url(images/but_menu_right.png) no-repeat right top; padding-right: 7px; } div.menu-button div, div.menu-button a:link, div.menu-button a:visited, div.menu-button a:hover, div.menu-button a:active { background: transparent url(images/but_menu_left.png) no-repeat left top; padding: 0px 1px 0px 8px; line-height: 20px; color: #deedf7 !important; font-size: 11px; } /* Add2Cart AJAX-based */ button.do-add2cart-wait, button.do-add2cart-success, button.do-add2cart-error { cursor: default; } button.do-add2cart-wait .button-right, button.do-add2cart-success .button-right, button.do-add2cart-error .button-right { background: transparent url(images/but_light_right.gif) no-repeat right top; padding: 0px 5px 0px 0px; } button.do-add2cart-wait .button-left, button.do-add2cart-success .button-left, button.do-add2cart-error .button-left { background: transparent url(images/but_light_left.gif) no-repeat left top; padding: 0px 10px 0px 15px; color: #365f8f; font-size: 11px; } button.do-add2cart-wait .button-left .progress { display: block; background: transparent url(images/progress.gif) repeat-x left 5px; } /* button(s) containers */ .button-row, .button-row-right { margin-top: 20px; padding: 0px; height: 23px; line-height: 23px; } .buttons-row .button, .buttons-row button.simple-button, .buttons-row a.simple-button { float: left; } .buttons-row-right .button, .buttons-row-right button.simple-button, .buttons-row-right a.simple-button, .button-row-right .button, .button-row-right button.simple-button, .button-row-right a.simple-button { float: right; } .buttons-row-right-box { float: right; } .buttons-row-right, .buttons-row { margin: 5px 0px 0px 0px; height: 23px; } .buttons-row .button-separator { float: left; width: 20px; height: 22px; } .buttons-row-right .button-separator { float: right; width: 30px; height: 15px; } table tr td.buttons-row, table tr td.button-row, table tr td.buttons-row-right, table tr td.button-row-right { margin: 0px; padding-top: 15px; } .buttons-auto-separator .button, .buttons-auto-separator button.simple-button, .buttons-auto-separator a.simple-button { margin-right: 20px; } .button-up { position: relative; margin-top: -23px; width: 30%; } /* popup help link */ a.popup-link:link, a.popup-link:visited, a.popup-link:hover, a.popup-link:active { text-decoration: none; } a.popup-link:link img, a.popup-link:visited img, a.popup-link:hover img, a.popup-link:active img { vertical-align: bottom; width: 20px; height: 18px; background: transparent url(images/question_button.gif) no-repeat left top; margin-bottom: 1px; } /* Popup window */ .popup-modal-bg { background: transparent url(images/grey.png) repeat left top; position: absolute; width: 100%; height: 100%; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1000; } .popup-window { position: absolute; background: white none; overflow: hidden; padding: 0px; margin: 0px; z-index: 1100; } .popup-window .popup-bg-iframe { position: absolute; width: 100%; height: 100%; border: 0px none; background: white none; margin: 0px; padding: 0px; z-index: 1150; } .popup-window .popup-title { position: absolute; top: 2px; left: 2px; right: 2px; height: 22px; background: transparent url(images/popup_header_bg.gif) repeat-x left top; vertical-align: middle; z-index: 1200; } .popup-window .popup-title span { color: #ffffff; font-size: 11px; line-height: 22px; font-family: helvetica, sans-serif; font-weight: bold; padding: 0px 0px 0px 20px; } .popup-window .popup-title a:link, .popup-window .popup-title a:visited, .popup-window .popup-title a:hover, .popup-window .popup-title a:active { display: block; position: absolute; top: 3px; right: 5px; outline-style: none; text-decoration: none; width: 16px; height: 16px; } .popup-window .popup-title img { width: 16px; height: 16px; background: transparent url(images/popup_header_cross.gif) no-repeat left top; } .popup-window .popup-content { position: absolute; top: 24px; left: 2px; right: 2px; bottom: 20px; overflow: auto; margin: 0px; padding: 0px; z-index: 1200; } .popup-window .popup-frame { padding: 20px; margin: 0px; } .popup-window .popup-footer { position: absolute; bottom: 2px; left: 2px; right: 2px; background: #f3f5f7 none; height: 18px; text-align: right; z-index: 1200; } .popup-window .popup-footer div { position: absolute; width: 18px; height: 18px; top: 0px; right: 0px; background: transparent url(images/popup_bottom_arrow.gif) no-repeat 9px 9px; cursor: se-resize; } .popup-dnd-border { position: absolute; border: 1px dotted #333; background: transparent none; z-index: 1200; } .popup-window .popup-border { position: absolute; line-height: 0px; font-size: 0px; margin: 0px; padding: 0px; } .popup-window .popup-t-side { top: 0px; left: 0px; right: 0px; width: 100%; border: 0px none; border-top: 1px solid #215485; background: #5f94c0 none; height: 2px; cursor: n-resize; z-index: 1250; } .popup-window .popup-tr-corner { right: 0px; top: 0px; height: 2px; width: 2px; border-top: 1px solid #215485; border-right: 1px solid #215485; background: #5f94c0 none; cursor: ne-resize; z-index: 1260; } .popup-window .popup-r-side { top: 0px; right: 0px; bottom: 0px; height: 100%; border-right: 1px solid #215485; background: #5f94c0 none; width: 2px; cursor: e-resize; z-index: 1250; } .popup-window .popup-br-corner { right: 0px; bottom: 0px; height: 2px; width: 2px; border-bottom: 1px solid #215485; border-right: 1px solid #215485; background: #5f94c0 none; cursor: se-resize; z-index: 1260; } .popup-window .popup-b-side { bottom: 0px; left: 0px; right: 0px; width: 100%; border-bottom: 1px solid #215485; background: #5f94c0 none; height: 2px; cursor: s-resize; z-index: 1250; } .popup-window .popup-bl-corner { left: 0px; bottom: 0px; height: 2px; width: 2px; border-bottom: 1px solid #215485; border-left: 1px solid #215485; background: #5f94c0 none; cursor: sw-resize; z-index: 1260; } .popup-window .popup-l-side { top: 0px; left: 0px; bottom: 0px; height: 100%; border-left: 1px solid #215485; background: #5f94c0 none; width: 2px; cursor: w-resize; z-index: 1250; } .popup-window .popup-tl-corner { left: 0px; top: 0px; height: 2px; width: 2px; border-top: 1px solid #215485; border-left: 1px solid #215485; background: #5f94c0 none; cursor: nw-resize; z-index: 1260; } /* Images preview */ .images-preview-bg { background: transparent url(images/grey.png) repeat left top; position: absolute; width: 100%; height: 100%; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 3000; } .images-preview { position: absolute; top: 50px; right: 50px; bottom: 50px; left: 50px; background: #ffffff none; border: 5px solid #e3e3e3; overflow: hidden; min-width: 700px; min-height: 500px; z-index: 4000; } .images-preview .wait { position: absolute; top: 30px; right: 0px; bottom: 30px; left: 0px; background: #ffffff url(images/loading.gif) no-repeat center center; z-index: 1500; } .images-preview a.close:link, .images-preview a.close:visited, .images-preview a.close:hover, .images-preview a.close:active { position: absolute; top: 9px; right: 11px; background: transparent url(images/close_images_preview.gif) no-repeat left center; padding-left: 12px; padding-bottom: 2px; font-size: 11px; color: #4e4e4e; text-decoration: none; outline-style: none; text-transform: lowercase; } .images-preview .list-box { margin: 50px 50px 0px 50px; padding: 0px; text-align: center; position: relative; border: 1px solid #ffffff; } .images-preview a.arrow, .images-preview a.arrow:link, .images-preview a.arrow:visited, .images-preview a.arrow:hover, .images-preview a.arrow:active { position: absolute; display: block; width: 13px; height: 13px; outline-style: none; cursor: pointer; } .images-preview a.hidden, .images-preview a.hidden:link, .images-preview a.hidden:visited, .images-preview a.hidden:hover, .images-preview a.hidden:active { display: none; } .images-preview a.left, .images-preview a.left:link, .images-preview a.left:visited, .images-preview a.left:hover, .images-preview a.left:active { left: 0px; background: transparent url(images/arrow_left.gif) no-repeat left center; } .images-preview a.right, .images-preview a.right:link, .images-preview a.right:visited, .images-preview a.right:hover, .images-preview a.right:active { right: 0px; background: transparent url(images/arrow_right.gif) no-repeat right center; } .images-preview a.left-disabled, .images-preview a.left-disabled:link, .images-preview a.left-disabled:visited, .images-preview a.left-disabled:hover, .images-preview a.left-disabled:active { background: transparent url(images/arrow_left_disabled.gif) no-repeat left center; cursor: auto; } .images-preview a.right-disabled, .images-preview a.right-disabled:link, .images-preview a.right-disabled:visited, .images-preview a.right-disabled:hover, .images-preview a.right-disabled:active { background: transparent url(images/arrow_right_disabled.gif) no-repeat 6px center; cursor: auto; } .images-preview div.list-subbox { margin: 0px; padding: 0px; overflow: hidden; position: relative; text-align: center; } .images-preview ul { list-style: none; margin: 0px; padding: 0px; text-align: center; vertical-align: middle; position: absolute; } .images-preview ul li { display: block; padding: 0px; margin: 0px 12px; border: 1px solid #ffffff; background: transparent none; text-align: center; vertical-align: middle; float: left; cursor: pointer; } .images-preview ul li.over, .images-preview ul li:hover { border: 1px solid #cccccc; } .images-preview ul li.selected { border: 1px solid #215485; } .images-preview ul li img { display: inline; text-align: center; vertical-align: middle; } .images-preview ul li.loading { background-image: url(images/loading.gif); background-repeat: no-repeat; background-position: center center; } .images-preview ul li.loading img { display: none; } .images-preview .box { position: relative; margin: 50px; vertical-align: middle; text-align: center; background: transparent none; } .images-preview .box.loading { background-image: url(images/loading.gif); background-repeat: no-repeat; background-position: center center; } .images-preview .box img { cursor: pointer; vertical-align: middle; text-align: center; } /* data table */ table.data-table td { padding: 4px 1px; line-height: 21px; vertical-align: top; } table.data-table.light-table td { line-height: 16px; padding: 3px; } table.data-table td.data-name { vertical-align: top; color: #112536; padding-right: 5px; } table.data-table .data-required, .data-required { color: #880000; } table.data-table td.data-required { padding-right: 4px; } table.data-table td.data-required { text-align: center; width: 5px; } table.data-table .error-message { color: #880000; vertical-align: middle; } table.data-table div.error-message { margin: 0px; } table.data-table tr.head-row th { padding-left: 5px; padding-right: 5px; } table.data-table tr th.data-checkbox-column { width: 10px; } table.data-table tr .data-right-column { text-align: right; } table.data-table tr .data-width-100 { width: 100%; } table.data-table tr td.data-name label { line-height: 21px; vertical-align: top; } /* search sort bar */ .search-sort-bar { vertical-align: middle; line-height: 16px; height: 16px; padding-right: 20px; white-space: nowrap; margin: 15px 0px 30px 0px; text-align: right; } .search-sort-title { padding-right: 20px; } .search-sort-cell { padding-right: 20px; } a.search-sort-link:link, a.search-sort-link:visited, a.search-sort-link:hover, a.search-sort-link:active { text-decoration: underline; } .search-sort-bar img, .search-sort-bar-float img { width: 9px; height: 9px; margin-right: 5px; } .search-sort-bar a.up-direction:link, .search-sort-bar a.up-direction:visited, .search-sort-bar a.up-direction:hover, .search-sort-bar a.up-direction:active { font-weight: bold; padding-left: 14px; background: transparent url(images/uarrow.gif) no-repeat left 3px; } .search-sort-bar a.down-direction:link, .search-sort-bar a.down-direction:visited, .search-sort-bar a.down-direction:hover, .search-sort-bar a.down-direction:active { font-weight: bold; padding-left: 14px; background: transparent url(images/darrow.gif) no-repeat left 3px; } /* expandable section */ .expand-section { height: 16px; margin: 20px 0px 20px 0px; vertical-align: middle; line-height: 16px; } .expand-section img { width: 11px; height: 11px; vertical-align: middle; margin: 2px 5px 3px 0px; } .expand-section img.plus { background: transparent url(images/plus.gif) no-repeat left top; } .expand-section img.minus { background: transparent url(images/minus.gif) no-repeat left top; } .expand-section a:link, .expand-section a:visited, .expand-section a:hover, .expand-section a:active { font-weight: bold; text-decoration: underline; } /* pagination mechanism */ .nav-pages { white-space: nowrap; vertical-align: bottom; padding: 0px; margin: 0px; } .nav-pages-title { padding-right: 10px; } .nav-pages img { vertical-align: bottom; width: 15px; height: 15px; } .nav-pages a:link, .nav-pages a:visited, .nav-pages a:hover, .nav-pages a:active { text-align: center; text-decoration: underline; } .nav-pages .left-arrow img { background: transparent url(images/navigation_arrow_left.gif) no-repeat left top; } .nav-pages .right-arrow img { background: transparent url(images/navigation_arrow_right.gif) no-repeat left top; } .nav-pages .current-page { text-align: center; font-weight: bold; } .nav-pages .right-delimiter { padding-right: 12px; } /* subheader styles */ h3 { margin: 0px 0px 10px 0px; color: #b51a00; font-weight: bold; font-size: 12px; padding: 0px; border: 0px none; border-bottom: 1px solid #9d1500; } h3.grey { color: #666666; font-size: 11px; border-bottom: 1px solid #cccccc; } h3.black { color: #333; font-size: 12px; font-weight: bold; border-bottom: 1px solid #333; } h3.red { border-bottom: 1px solid #acb7c7; } h3.separator { margin-top: 30px; } /* Table head cell */ .img-down-direction { width: 7px; height: 6px; vertical-align: middle; background: transparent url(images/r_bottom.gif) no-repeat left top; margin-right: 3px; } .img-up-direction { width: 7px; height: 6px; vertical-align: middle; background: transparent url(images/r_top.gif) no-repeat left top; margin-right: 3px; } /* NoScript warning */ .noscript-warning { position: absolute; top: 10px; left: 30%; padding: 10px 10px 10px 10px; overflow: hidden; border: 1px solid #dddddd; background: #ffffff none; } .noscript-warning .content { background: transparent url(images/icon_warning.gif) no-repeat left top; font-weight: bold; padding-left: 37px; height: 32px; line-height: 16px; } /* Webmaster mode */ .lbl { display: inline !important; color: green !important; font-weight: bold !important; width: auto !important; margin: 0px !important; padding: 0px !important; } .section { margin: 0px !important; padding: 0px !important; width: auto !important; } /*============================================================================== side-bar styles ==============================================================================*/ /* categories list */ .menu-categories-list img.icon { background: transparent url(images/dingbats_categorie.gif) no-repeat left top; } .menu-categories-list ul li { padding: 4px 0px 5px 20px; background: transparent url(images/category_bullet.gif) no-repeat 8px 5px; } .rtl .menu-categories-list ul li { padding: 4px 20px 5px 0px; background: transparent url(images/category_bullet_invert.gif) no-repeat right 5px; } .menu-categories-list ul li a:link, .menu-categories-list ul li a:visited, .menu-categories-list ul li a:hover, .menu-categories-list ul li a:active { font-size: 12px; } /* Special menu */ .menu-special img.icon { background-image: url(images/dingbats_categorie.gif); } /* Help menu */ .menu-help img.icon { background-image: url(images/dingbats_help.gif); } /* Minicart */ .menu-minicart .title-bar { background-image: url(images/menu_bg_light.gif); } .menu-minicart .title-bar h2 { color: #333; } .menu-minicart img.icon { background: url(images/dingbats_orders.gif) no-repeat; } .full-mini-cart .title-bar img.icon { background: transparent url(images/cart_full.gif) no-repeat left top; width: 18px; height: 13px; } div.minicart { color: #112536; font-size: 11px; } div.minicart a { float: left; } div.minicart img { width: 19px; height: 16px; } div.minicart .empty b { line-height: 18px; } div.minicart table { margin: 0px 0px 0px 1px; } div.minicart table tr td { color: #112536; font-size: 11px; padding: 1px; } hr.minicart { clear: both; margin: 5px 0px 5px 0px; } /* AJAX-based minicart */ .ajax-minicart .title-bar { position: relative; overflow: visible; } #content-container .ajax-minicart img.minicart-button { background: transparent url(images/cart_button.gif) no-repeat left top; width: 38px; height: 21px; cursor: pointer; position: relative; overflow: hidden; margin-top: 2px; margin-bottom: 4px; z-index: 3000; } #content-container .ajax-minicart img.minicart-button-show { background-position: left -21px; } .minicart-box { display: none; position: absolute; left: auto; right: 0px; top: 23px; width: 250px; padding: 10px 10px 10px 5px; border: 1px solid #99a4ad; background: #ffffff none; white-space: normal; z-index: 2500; font-weight: normal; } .minicart-box .progress { background: transparent url(images/progress.gif) repeat-x left top; height: 11px; } .minicart-box hr { margin-left: 5px; } .minicart-box ul { margin: 0px; padding: 0px; list-style: none; } .minicart-box ul li { position: relative; margin: 0px; padding: 6px 15px 6px 5px; overflow: hidden; white-space: normal; line-height: normal; } .minicart-box ul li a.delete:link, .minicart-box ul li a.delete:visited, .minicart-box ul li a.delete:hover, .minicart-box ul li a.delete:active { padding-left: 10px; } .minicart-box ul li a.delete:link img, .minicart-box ul li a.delete:visited img, .minicart-box ul li a.delete:hover img, .minicart-box ul li a.delete:active img { background: transparent url(images/delete_cross.gif) no-repeat left top; width: 9px; height: 9px; } .minicart-box ul li a:link, .minicart-box ul li a:visited, .minicart-box ul li a:hover, .minicart-box ul li a:active { text-decoration: underline; white-space: normal !important; } .minicart-box .price-row { margin-top: 4px; } .minicart-box input.quantity { width: 35px; } .minicart-box .buttons-row { margin-top: 5px; margin-left: 5px; height: 30px; } .minicart-box .buttons-row .light-button div, .minicart-box .buttons-row .light-button a:link, .minicart-box .buttons-row .light-button a:visited, .minicart-box .buttons-row .light-button a:hover, .minicart-box .buttons-row .light-button a:active, .minicart-box .buttons-row .light-button .button-left { font-size: 11px; font-weight: normal; } .minicart-box ul.menu li.view-cart-link a:link, .minicart-box ul.menu li.view-cart-link a:visited, .minicart-box ul.menu li.view-cart-link a:hover, .minicart-box ul.menu li.view-cart-link a:active, .minicart-box ul.menu li.checkout-link a:link, .minicart-box ul.menu li.checkout-link a:visited, .minicart-box ul.menu li.checkout-link a:hover, .minicart-box ul.menu li.checkout-link a:active { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; } .minicart-box li.checkout-popup-link { overflow: visible; padding-left: 0px; padding-top: 2px; padding-bottom: 2px; } .minicart-box .checkout-popup-link a.link:link, .minicart-box .checkout-popup-link a.link:visited, .minicart-box .checkout-popup-link a.link:hover, .minicart-box .checkout-popup-link a.link:active { text-decoration: none; border: 1px solid #ffffff; outline-style: none; z-index: 1000; background-color: #ffffff; padding: 4px 0px 4px 5px; position: relative; outline-style: none; } .minicart-box .checkout-popup-link a.show:link, .minicart-box .checkout-popup-link a.show:visited, .minicart-box .checkout-popup-link a.show:hover, .minicart-box .checkout-popup-link a.show:active { border-top: 1px solid #99a4ad; border-left: 1px solid #99a4ad; border-right: 1px solid #99a4ad; border-bottom: 1px solid #ffffff; padding-right: 5px; } .minicart-box .checkout-popup-link .link span { border-bottom: 1px dashed #043fa0; cursor: pointer; } .minicart-box .checkout-popup-link a.link:link img, .minicart-box .checkout-popup-link a.link:visited img, .minicart-box .checkout-popup-link a.link:hover img, .minicart-box .checkout-popup-link a.link:active img { background: transparent url(images/checkout_arrow.gif) no-repeat right top; width: 9px; height: 7px; cursor: pointer; } .minicart-box .checkout-popup-link div.buttons-box { position: absolute; border: 1px solid #99a4ad; background: #ffffff none; left: 0px; top: 19px; display: none; padding: 10px; } .minicart-box .minicart-checkout-button { background: transparent url(images/but_flc_arrow_right.png) no-repeat right top; padding-right: 31px; } .minicart-box .minicart-checkout-button a:link, .minicart-box .minicart-checkout-button a:visited, .minicart-box .minicart-checkout-button a:hover, .minicart-box .minicart-checkout-button a:active { background: transparent url(images/but_flc_main_left.png) no-repeat; line-height: 29px; color: #510000; font-weight: bold; font-size: 11px; text-decoration: none; float: left; } .minicart-box .gcheckout-cart-buttons a:link img, .minicart-box .gcheckout-cart-buttons a:visited img, .minicart-box .gcheckout-cart-buttons a:hover img, .minicart-box .gcheckout-cart-buttons a:active img { width: inherit; height: inherit; background: transparent none; } .minicart-box .paypal-cart-button, .minicart-box .paypal-cart-button p, .minicart-box .gcheckout-cart-buttons, .minicart-box .gcheckout-cart-buttons p { text-align: left; } .minicart-box .paypal-cart-button div, .minicart-box .gcheckout-cart-buttons div { text-align: left; margin: 0px; } iframe.minicart-bg { position: absolute; display: none; width: 250px; border: 0px none; background: #ffffff none; } iframe.minicart-checkout-bg { position: absolute; display: none; border: 0px none; background: #ffffff none; } .help-link { border-bottom: 1px dashed #333; cursor: help; } #tooltip { position: absolute; border: 1px solid #333; padding: 5px; background: #ffffff none; top: 0px; left: 0px; text-align: left; width: 300px; z-index: 10000; } /* auth box */ .menu-auth img.icon { background: url(images/dingbats_authentification.gif) no-repeat; } .menu-auth input { width: 120px; } .login-buttons { margin: 3px 0px 5px 0px; } .login-buttons .button { float: left; margin-right: 10px; margin-bottom: 5px; } .menu-dialog .recovery { clear: both; margin-bottom: 2px; } .menu-dialog .recovery a:link, .menu-dialog .recovery a:visited, .menu-dialog .recovery a:hover, .menu-dialog .recovery a:active { text-decoration: underline; font-size: 11px; } .menu-dialog .left { text-align: left; } .menu-dialog .login-text { vertical-align: top; } .small-note, a.small-link:link { color: #3c6992; text-decoration: none; font-size: 9px; font-family: arial, helvetica, sans-serif; } a.small-link:visited { color: #3c6992; text-decoration: none; font-size: 9px; font-family: arial, helvetica, sans-serif; } a.small-link:hover { color: #3c6992; text-decoration: underline; font-size: 9px; font-family: arial, helvetica, sans-serif; } a.small-link:active { color: #3c6992; text-decoration: none; font-size: 9px; font-family: arial, helvetica, sans-serif; } /* news box styles */ .menu-news img.icon { background: url(images/dingbats_news.gif) no-repeat; } .menu-dialog .subscribe { margin-top: 8px; } .menu-dialog a.prev-news:link, .menu-dialog a.prev-news:visited, .menu-dialog a.prev-news:hover, .menu-dialog a.prev-news:active { text-decoration: underline; } /* interneka menu */ .menu-interneka img.icon { background: url(images/dingbats_affiliates.gif) no-repeat; } /*============================================================================ page-specific styles ==============================================================================*/ /* category page */ .category-description { margin-bottom: 15px; } .current-category-icon { padding: 0px; height: 100%; vertical-align: top; } .current-category-icon img { margin: 5px; } ul.subcategories { list-style: none; margin: 0px; padding: 0px 0px 15px 0px; } ul.subcategories li { margin: 0px 0px 10px 0px; text-align: left; } ul.subcategories a:link, ul.subcategories a:visited, ul.subcategories a:hover, ul.subcategories a:active { text-decoration: underline; font-weight: bold; } div.subcategories { float: left; margin: 0px 10px; text-align: center; padding-bottom: 0px; overflow: hidden; } .subcategory-image { float: left; margin: 0px 10px 10px 0px; } .subcategory-descr { width: auto; padding: 0px; margin-bottom: 20px; } /* product details page */ .product-details { position: relative; margin-bottom: 50px; } .product-details .image { text-align: center; vertical-align: top; padding: 0px; float: left; margin: 5px 20px 5px 10px; } .product-details .image .image-box { margin: 0px auto; padding: 0px; } .product-details .details { padding-left: 30px; } .product-details .details .descr { vertical-align: top; padding-right: 20px; } .product-details .details .save-percent-container { margin-left: 10px; width: 57px; height: 57px; } .product-details .details .save { float: left; width: 57px; height: 29px; padding-top: 28px; padding-left: 3px; color: #ffffff; font-size: 11px; font-weight: bold; text-align: center; background: transparent url(images/save_money.gif) no-repeat left top; } .product-details .product-subtitle { padding: 23px 0px 10px 0px; } .product-details .product-subtitle div { color: #b51a00; font-weight: bold; font-size: 12px; border: 0px none; border-bottom: 1px solid #ccc; } .product-details .message { color: #b51a00; } .product-details .warning-message { color: red; } .product-details .customer-message { color: #b51a00; font-weight: bold; } .product-details .quantity-row td { padding-top: 15px; } .product-details .buttonw-row { margin-top: 15px; } /* product properties table */ table.product-properties { width: 100%; margin: 0px; } table.product-properties tr td { padding: 2px; } table.product-properties .property-name { width: 175px; } table.product-properties .property-value { white-space: normal; } table.product-properties .product-price { color: #666; font-weight: bold; font-size: 12px; text-transform:uppercase; } table.product-properties .product-price-value { color: #666; font-weight: bold; font-size: 12px; text-transform:uppercase; } table.product-properties .product-market-price { color: #787878; padding-left: 5px; font-size: 12px; font-family: verdana; white-space: nowrap; font-weight: bold; } table.product-properties .product-taxed-price { color: #383838; white-space: nowrap; font-weight: normal; vertical-align: bottom; } table.product-properties .product-input { height: 25px; padding-right: 10px; } table.product-properties .product-min-amount, table.product-properties .product-one-quantity { font-size: 14px; } table.product-properties .separator td { height: 18px; } /* send 2 friend section */ input.send2friend { width: 300px; } /* products list */ /* common styles */ .products { margin-bottom: 15px; margin-top: 15px; } .products .image { text-align: center; vertical-align: top; white-space: nowrap; } .products a.see-details:link, .products a.see-details:visited, .products a.see-details:hover, .products a.see-details:active { display: block; text-align: center; text-decoration: underline; } .products a.product-title:link, .products a.product-title:visited, .products a.product-title:hover, .products a.product-title:active, .products .product-title, .product-details .product-title { font-weight: bold; font-size: 14px; text-decoration: underline; } .products .descr { padding: 15px 0px 0px 0px; margin: 0px; } .products .sku { margin-top: 15px; } .products .price-row { margin: 0px; padding: 0px; text-align: left; } .products .market-price-value { background: transparent url(images/spacer_black.gif) repeat-x left 8px; } .products .price { font-weight: bold; font-size: 12px; } .products .price-value { font-weight: bold; font-size: 12px; color: #b51a00; } .products .price-save { padding: 0px; margin: 0px; color: #b51a00; } .products .taxes { margin-top: 15px; padding: 2px 2px 2px 70px; } .products .buy-now { margin: 10px 0px 0px 0px; } .products .buy-now .quantity { height: 30px; white-space: nowrap; vertical-align: middle; } .products .buy-now .quantity-empty { height: 45px; } .products .buy-now .quantity-title { width: 75px; padding-right: 16px; } .products .buy-now .quantity select { vertical-align: middle; } .products .buy-now .out-of-stock { white-space: nowrap; font-weight: bold; } .products .buy-now .prices { height: 15px; vertical-align: middle; } .products .product-details-title { color: #b51a00; font-weight: bold; font-size: 12px; } .products .product-price-text { color: #666; font-weight: bold; font-size: 12px; text-transform:uppercase; } .quantity-text { color: #818891; padding-left: 3px; } /* list as list */ .products-list .item { position: relative; margin: 0px 0px 45px 0px; } .products-list .image { float: left; position: relative; padding: 3px 20px 3px 10px; margin-right: auto; } .products-list .details { vertical-align: top; padding-left: 30px; border: 0px none; } .products-list .details hr { margin: 5px 5px 5px 0px; } .products-list .buy-now .center, .products-list .buy-now .halign-center { margin-left: 0px; text-align: left; } /* list as multicolumn table */ .products-table .product-cell { background: #ffffff none; padding: 0px; vertical-align: top; } .products-table .first.products-row td.product-cell { padding-top: 0px; } .products-table td.product-cell-price { padding-top: 2px; } .products-table td.product-cell-buynow { padding-top: 6px; } .products-table td.product-cell-buynow .button-row { text-align: left; margin: 9px 0 5px; } .products-table .image { padding: 0px; margin: 5px 0px; text-align: left; } .products-table a.see-details:link, .products-table a.see-details:visited, .products-table a.see-details:hover, .products-table a.see-details:active { text-align: left; display: inline; } .products-table .sku { margin-top: 5px; } .products-table a.product-title:link, .products-table a.product-title:visited, .products-table a.product-title:hover, .products-table a.product-title:active, .products-table .product-title { font-size: 12px; } .products-table .buttons-row, .products-table .button-row { margin: 0px; } .products-table .buttons-row button, .products-table .button-row button { float: none; } .products-table .buy-now { margin-top: 5px; } .products-table .buy-now .quantity-title { width: auto; padding-right: 5px; } .products-table tr.separator td { padding: 0px; height: 60px; } /* advanced search page */ .adv-search table td { white-space: nowrap; padding: 3px 5px 3px 0; } .adv-search table .data-name { width: 20%; vertical-align: top; color: #112536; font-weight: bold; } .adv-search table .data-input { white-space: nowrap; } .adv-search table .pattern { padding-bottom: 0px; } .adv-search table .pattern input, .adv-search table .pattern select { width: 95%; vertical-align: bottom; } .adv-search table .search-button { width: 25%; padding: 0px; } #adv_search_box { margin-bottom: 15px; } .search-again { position: relative; margin-top: -17px; text-align: right; margin-left: 400px; } .results-found { position: relative; width: 400px; } /* register page */ .register-note { color: #333; margin-bottom: 15px; } .register-newbie-note { text-align: center; margin-top: 30px; } .register-bottom-note { margin-top: 30px; padding-bottom: 45px; } .register-ups-box { margin-top: 45px; margin-bottom: 15px; } .register-section-title { height: 30px; vertical-align: middle; } .register-section-title div { vertical-align: middle; padding: 2px 0px; border-bottom: 1px solid; color:#ccc; } .register-section-title div * { vertical-align: middle; } .register-sec-minimized div { border-bottom: 0px none; } .register-section-title label { color: #333; font-size: 12px; font-weight: bold; } .register-table .register-exp-section label { border-bottom: 1px dashed #333; } table.register-table .register-exp-section { padding-top: 16px; padding-bottom: 16px; } table.register-table td.data-name { text-align: right; font-weight: normal; width: 30%; } /* cart page */ .cart .item { margin: 0px 0px 30px 0px; } .cart .item .image { position: relative; padding: 3px 8px 3px 3px; height: 100%; } .cart .details { margin-left: 138px; vertical-align: top; width: 80%; } .cart a.product-title:link, .cart a.product-title:visited, .cart a.product-title:hover, .cart a.product-title:active { text-decoration: underline; } .cart .descr { padding-bottom: 15px; } .cart .poptions-title { font-weight: bold; } .cart .poptions-list { margin-bottom: 15px; } .cart .buttons { position: relative; vertical-align: top; margin-top: 30px; height: 23px; } .cart .buttons .buttons-row { margin-top: 0px; } .cart .left-buttons-row { vertical-align: top; position: absolute; top: 0px; left: 0px; width: 70%;} .cart .right-buttons-row { position: absolute; top: 0px; right: 0px; width: 70%; } .cart .right-buttons-row .checkout-button { float: right; } .cart-total-line { width: 50%; margin-left: 50%; } .cart-total-row { text-align: right; } div.shipping-method { color: #112536; font-weight: bold; margin-bottom: 15px; text-align: right; } th.shipping-method { color: #112536; font-weight: bold; text-align: left; } .shipping-method select { font-weight: normal; } .shipping-method table { margin: 0px 0px 0px auto; text-align: right; } .shipping-method table td { font-weight: normal; text-align: left; } .shipping-method tr.selected { background: #eeeeee none; } .totals { margin: 0px 0px 0px auto; text-align: right; width: 30%; } .totals td { padding: 3px; } .totals .total-name { white-space: nowrap; color: #112536; font-weight: bold; padding-right: 8px; text-align: left; } .totals .total-value { white-space: nowrap; color: #b51a00; font-weight: bold; text-align: right; } .totals .total-alt-value { white-space: nowrap; text-align: right; } .totals .total-line { height: 1px; } .totals .total-line img { background: black none; width: 100%; height: 1px; } .totals .total { white-space: nowrap; color: #112536; font-weight: bold; padding-right: 8px; text-transform: uppercase; text-align: left; } .totals .total-taxes { font-weight: bold; text-align: right; } .totals .total-tax-line { background-color: #eeeeee } .totals .total-tax-line td { text-align: right; white-space: nowrap; } .totals .total-tax-name { padding-right: 8px; } .cart hr { margin-top: 10px; margin-bottom: 10px; } .cart-content { margin-bottom: 15px; } .cart-content tr td, .cart-content tr th { padding: 1px 3px; height: 23px; text-align: left; } .cart-content .cart-column-tax { text-align: center; } .cart-content td.cart-column-price, .cart-content td.cart-column-total { text-align: right; } .cart-content .cart-content-text { color: #b51a00; font-weight: bold; } .cart-content .cart-column-quantity { width: 30px; } .cart-content .cart-column-product { width: 100%; } .cart-content input.cart-quantity { width: 30px; } .cmpi-vbv-icon { width: 49%; float: left; text-align: center; } .cmpi-vbv-icon img { width: 71px; height: 57px; background: transparent url(images/vbv_logo.gif) no-repeat left top; } .cmpi-mcsc-icon { width: 49%; text-align: center; } .cmpi-mcsc-icon img { width: 74px; height: 40px; background: transparent url(images/mcsc_logo.gif) no-repeat left top; } /* Checkout page */ .checkout-payments tr td { padding: 2px; text-align: left; } .checkout-payments tr td.checkout-payment-name { width: 20%; white-space: nowrap; } .checkout-payments tr td.checkout-payment-name label { font-weight: bold; } .checkout-payments tr td.checkout-payment-descr { width: 80%; } .checkout-payments tr td.checkout-payment-paypal { width: 100%; } .checkout-payments tr td.checkout-payment-paypal img { border: 0px none; } .checkout-update-button { float: left; margin: 0px; } .order-placed-msg { margin: 20px 0px 10px 0px; padding: 0; font-size: 13px; text-align: center; } /* Payment wait page */ body.payment-wait { text-align: center; } body.payment-wait .payment-wait-title { border-top: 30px solid #d0ddeb; } body.payment-wait h1 { display: block; padding: 40px 0px 0px 0px; border-top: 1px solid #d0ddeb; margin-top: 1px; color: #333; } body.payment-wait img.payment-wait-image { background: transparent url(images/progress.gif) repeat-x; width: 350px; height: 11px; margin-top: 10px; } /* help index page */ .help-index { list-style: none; padding: 0px; margin: 0px; } .help-index li { margin: 0px; padding: 10px 0px 0px 0px; } .help-index li.first-item { padding-top: 0px; } /* help / cvv2 page */ .help-cvv2-images { float: right; margin: 15px 5px 5px 5px; } .help-cvv2-images img { float: none; display: block; margin-bottom: 15px; } /* help / usps test page */ .help-usps-test-dir { text-decoration: underline; margin-bottom: 15px; } /* Images viewer */ .images-viewer { text-align: center; margin: 10px 0px } .images-viewer-list { position: relative; white-space: nowrap; } .images-viewer-list .side-arrow, .images-viewer-list .side-arrow:link, .images-viewer-list .side-arrow:visited, .images-viewer-list .side-arrow:hover, .images-viewer-list .side-arrow:active { position: absolute; top: 0px; display: block; width: 10px; height: 54px; text-decoration: none; outline-style: none; } .images-viewer-list .left-arrow:link, .images-viewer-list .left-arrow:visited, .images-viewer-list .left-arrow:hover, .images-viewer-list .left-arrow:active { text-align: left; left: 0px; } .images-viewer-list .right-arrow:link, .images-viewer-list .right-arrow:visited, .images-viewer-list .right-arrow:hover, .images-viewer-list .right-arrow:active { padding-left: 3px; text-align: right; right: 0px; } .images-viewer-list .side-arrow:link img, .images-viewer-list .side-arrow:visited img, .images-viewer-list .side-arrow:hover img, .images-viewer-list .side-arrow:active img { width: 7px; height: 100%; } .images-viewer-list .left-arrow .enabled, .images-viewer-list .left-arrow:link .enabled, .images-viewer-list .left-arrow:visited .enabled, .images-viewer-list .left-arrow:hover .enabled, .images-viewer-list .left-arrow:active .enabled { display: block; background: transparent url(images/arrow_left.gif) no-repeat left center; } .images-viewer-list .left-arrow .disabled, .images-viewer-list .left-arrow:link .disabled, .images-viewer-list .left-arrow:visited .disabled, .images-viewer-list .left-arrow:hover .disabled, .images-viewer-list .left-arrow:active .disabled { display: block; background: transparent url(images/arrow_left_disabled.gif) no-repeat left center; } .images-viewer-list .hidden { display: none; } .images-viewer-list .right-arrow .enabled, .images-viewer-list .right-arrow:link .enabled, .images-viewer-list .right-arrow:visited .enabled, .images-viewer-list .right-arrow:hover .enabled, .images-viewer-list .right-arrow:active .enabled { display: block; background: transparent url(images/arrow_right.gif) no-repeat left center; } .images-viewer-list .right-arrow .disabled, .images-viewer-list .right-arrow:link .disabled, .images-viewer-list .right-arrow:visited .disabled, .images-viewer-list .right-arrow:hover .disabled, .images-viewer-list .right-arrow:active .disabled { display: block; background: transparent url(images/arrow_right_disabled.gif) no-repeat left center; } .images-viewer-icons { text-align: left; padding: 0px; margin: 0px 10px; overflow: hidden; } .images-viewer-icons a:link, .images-viewer-icons a:visited, .images-viewer-icons a:hover, .images-viewer-icons a:active { display: block; padding: 0px; border: 1px solid #ffffff; padding: 0px; margin: 0px 10px; float: left; outline-style: none; background: #eeeeee none; text-align: center; vertical-align: middle; } .images-viewer-icons a.selected:link, .images-viewer-icons a.selected:visited, .images-viewer-icons a.selected:hover, .images-viewer-icons a.selected:active { border: 1px solid #215485; } .images-viewer-icons a:hover { border: 1px solid #cccccc; } .images-viewer-icons img { margin: 1px; vertical-align: middle; border: 0px none; } /* Order invoice */ .order-invoice { background: #ffffff none; } .invoice-company-icon { vertical-align: top; padding-top: 30px; } .invoice-data-box { width: 100%; padding-left: 0px; } .invoice-data-box table { width: 100%; } .invoice-data-box table tr td { padding: 2px; vertical-align: top; } .invoice-title { font-weight: bold; font-size: 28px; text-transform: uppercase; } .invoice-data-box table tr td.invoice-right-info { text-align: right; vertical-align: bottom; } hr.invoice-line { margin: 2px 0px 17px 0px; border-bottom: 2px solid #58595b; } .invoice-personal-info { width: 45%; margin-bottom: 15px; } .invoice-personal-info tr td { padding: 0px; } .invoice-personal-info tr td strong { white-space: nowrap; } .invoice-address-box { width: 100%; margin-bottom: 30px; } .invoice-address-title { width: 45%; height: 25px; } td.invoice-line { vertical-align: top; padding: 0px; height: 4px; } td.invoice-line img { height: 2px; width: 100%; background: #58595b none; } .invoice-address-box table { width: 100%; } .invoice-address-box table tr td { padding: 0px; } .invoice-address-box table tr td strong { white-space: nowrap; } .invoice-customer-notes { padding-top: 30px; } .invoice-customer-notes p { font-size: 14px; font-weight: bold; text-align: center; } .invoice-customer-notes div { border: 1px solid #cecfce; height: 50px; overflow: hidden; padding: 5px; } .invoice-bottom-note { text-align: center; padding-top: 30px; font-size: 12px; } p.invoice-products-title { font-size: 14px; font-weight: bold; text-align: center } .invoice-products { width: 100%; background: #333 none; } .invoice-products tr td, .invoice-products tr th { background: #ffffff none; } .invoice-products tr th { padding: 3px; background: #cccccc none; white-space: nowrap; } .invoice-products tr th.invoice-sku-column, .invoice-products tr th.invoice-quantity-column, .invoice-products tr th.invoice-total-column { width: 60px; } .invoice-products tr th.invoice-tax-column { width: 100px; } .invoice-products tr th.invoice-price-column { width: 100px; text-align: center; } .invoice-products tr td { padding: 3px; } .invoice-products tr td.invoice-price-column, .invoice-products tr td.invoice-tax-column, .invoice-products tr td.invoice-quantity-column { text-align: center; } .invoice-products tr td.invoice-product-column span { font-size: 11px; } .invoice-products tr td.invoice-product-column table tr td { vertical-align: top; padding: 0px 3px 3px 0px; } .invoice-products tr td.invoice-product-column p { white-space: nowrap; } .invoice-products tr td.invoice-product-column div { padding-left: 10px; white-space: nowrap; } .invoice-products tr td.invoice-price-column { text-align: right; white-space: nowrap; } .invoice-products tr td.invoice-total-column { text-align: right; white-space: nowrap; padding-right: 5px; } .invoice-totals { width: 100%; } .invoice-totals tr td { padding: 0px; } .invoice-totals tr .invoice-total-title { text-align: right; width: 100%; height: 20px; } .invoice-totals tr .invoice-total-name { text-align: right; width: 100%; height: 20px; padding-right: 3px; } .invoice-totals tr .invoice-total-value { text-align: right; height: 20px; padding-right: 5px; white-space: nowrap; } .invoice-totals tr .invoice-total-name-fin { text-align: right; width: 100%; height: 25px; padding-right: 3px; background: #cccccc none; } .invoice-totals tr .invoice-total-value-fin { text-align: right; height: 25px; padding-right: 5px; background: #cccccc none; white-space: nowrap; } .invoice-totals tr td.invoice-line { height: 2px; } .invoice-giftcerts { width: 100%; } .invoice-giftcerts tr td { padding: 0px; } .invoice-giftcerts tr th { background: #cccccc none; } .invoice-giftcerts tr th.invoice-giftcert-id { width: 60px; } .invoice-giftcerts tr td.invoice-giftcert-id { text-align: center; } .invoice-giftcerts tr .invoice-giftcert-cost { text-align: right; white-space: nowrap; padding-right: 5px; } /* 404 error page */ .error-page #header { height: 87px; } .error-page #header .line2 { height: 20px; } .error-page #header .logo { margin-left: 167px; } .error-page #content-container { margin-top: 87px; } .error-page #center-main { text-align: center; margin: 0px 10px; } .error-page #header .line1 .tabs, .error-page #header .line1 .phones, .error-page #header .line2 .search, .error-page #header .line2 .languages, .error-page #left-bar, .error-page #right-bar, .error-page #location { display: none; } .error-page .subcontainer { text-align: left; width: 700px; margin: 32px auto 0px auto; position: relative; clear: both; } .error-page .code-number { font: normal 74px arial, sans-serif; color: #d8d8d8; width: 186px; float: left; text-align: center; } .error-page .description { font-family: verdana; width: 514px; float: right; } .error-page .description h1 { font-weight: normal; color: #333; } .error-page .description a:link, .error-page .description a:visited, .error-page .description a:hover, .error-page .description a:active { text-decoration: underline; } .error-page .description ul { margin: 0px; padding: 5px 0px; list-style-position: inside; } .error-page .reason { font-weight: bold; color: #a10000; } .error-page .description hr { margin: 10px 0px 15px 0px; } .error-page ul.links { margin: 0px; padding: 5px 0px; list-style: none; } /* PayPal */ .paypal-cart-button { text-align: right; height: 65px; } .paypal-cart-button div { width: 200px; height: 65px; margin-left: auto; margin-right: 0px; overflow: visible; text-align: right; } .paypal-cart-button p { width: 100%; text-align: right; margin: 10px 0px; } .paypal-cart-icon { float: left; padding-right: 10px; } /*============================================================================ module styles ==============================================================================*/ /* bestsellers module */ /* bestsellers menu box */ .menu-bestsellers img.icon { background: url(images/dingbats_categorie.gif) no-repeat; } .menu-bestsellers ul li a:link, .menu-bestsellers ul li a:visited, .menu-bestsellers ul li a:hover, .menu-bestsellers ul li a:active { font-weight: normal; } .menu-bestsellers ul { margin-left: 20px; list-style: decimal outside none; font-weight: bold; } .menu-bestsellers ul li, .menu-special ul li, .menu-help ul li, .menu-manufacturers ul li { padding: 4px 0px; } /* bestsellers products list */ ul.bestsellers-products-item { list-style: none; margin: 0px; padding: 0px; } ul.bestsellers-products-item li { list-style: none; padding: 2px; } ul.bestsellers-products-item img { width: 50px; float: left; } .bestsellers-products-item .details { margin-left: 50px; padding-left: 2px; } .bestsellers-products-item a.product-title:link, .bestsellers-products-item a.product-title:visited, .bestsellers-products-item a.product-title:hover, .bestsellers-products-item a.product-title:active { font-weight: bold; } /* customer reviews module */ .creviews-rating-box { margin-top: 5px; padding-bottom: 7px; } .creviews-vote-bar ul { list-style: none; margin: 0px; padding: 0px; overflow: visible; } .creviews-vote-bar li ul { position: absolute; top: 0px; left: 22px; } .creviews-vote-bar li { margin: 0px; padding: 0px; overflow: visible; position: relative; width: 22px; height: 20px; } .creviews-vote-bar a, .creviews-vote-bar span, .creviews-vote-bar a img, .creviews-vote-bar span img { display: block; margin: 0px; width: 22px; height: 20px; overflow: hidden; background: transparent url(images/stars.png) no-repeat 1px top; } .creviews-vote-bar span.full, .creviews-vote-bar span img { background-position: 1px -20px; } .allow-add-rate a { background-position: 1px -40px; } .allow-add-rate a.full, .allow-add-rate a img { background-position: 1px -60px; } .allow-add-rate li:hover > a, .allow-add-rate li:hover > a.full { background-position: 1px -80px; } .allow-add-rate li:hover > a img { display: none; } .creviews-rating-box .progress { display: block; background: transparent url(images/progress.gif) repeat-x left 5px; height: 20px; } .creviews-rating-box.message span { display: block; padding-top: 5px; font-size: 11px; font-weight: bold; } .creviews-rating { font-size: 11px; color: #8a8a8a; } ul.creviews-reviews-list { list-style: none; margin: 0px 0px 35px 0px; padding: 0px; width: 100%; } ul.creviews-reviews-list li { margin: 0px; padding: 12px 0px; } div.creviews-reviews-list { text-align: center; padding: 12px 0px 25px 0px; } .creviews-reviews-title { font-weight: bold; white-space: nowrap; font-size: 12px; } .creviews-reviews-add table td { padding: 2px; } /* detailed product images module */ /* detailed images on product detailed page */ .dpimages-list .content { text-align: center; } .dpimages-list .content img { padding: 0px 0px 10px 0px; } .dpimages-list .content img.last { padding: 0px; } /* product details line */ div.dpimages-popup-link { margin-top: 3px; text-align: center; vertical-align: middle; } .dpimages-popup-link a:link, .dpimages-popup-link a:visited, .dpimages-popup-link a:hover, .dpimages-popup-link a:active { text-decoration: underline; padding: 0px 0px 0px 17px; background: transparent url(images/zoom_image.gif) no-repeat left 1px; line-height: 13px; } .printable .dpimages-popup-link { display: none; } /* icons box */ .dpimages-icons-box { padding-top: 15px; padding-bottom: 10px; width: 220px; } .dpimages-icons-box a:link, .dpimages-icons-box a:visited, .dpimages-icons-box a:hover, .dpimages-icons-box a:active { display: block; outline-style: none; border: 1px solid #ffffff; float: left; } .dpimages-icons-box a:hover { border: 1px solid #215485; } /* discount coupons module */ .dcoupons-add-coupon { color: #112536; font-weight: bold; } /* clear link */ .dcoupons-clear img { background: transparent url(images/delete_cross.gif) no-repeat; width: 11px; height: 11px; vertical-align: bottom; } /* fast lane checkout module */ .flc-sns-button { position: absolute; top: 0px; left: 30px; height: 100%; } .flc-sns-button img { width: 9px; height: 9px; } .flc-top-login { position: absolute; top: 0px; right: 10px; height: 20px; line-height: 21px; text-align: right; width: 50%; vertical-align: middle; } #header .flc-top-login .simple-button { margin-bottom: 7px; } .flc-top-login-text { white-space: nowrap; padding: 0px 10px 0px 0px; } .flc-container #header .line2 { height: 20px; } .flc-container #content-container { margin-top: 102px; } .flc-container #header { height: 102px; } .flc-container #center { text-align: center; } .flc-container #center-main { text-align: left; } /* Checkout page : user profile */ .flc-left-dialog { width: 49%; float: left; height: 260px; } .flc-right-dialog { margin-left: 50%; height: 260px; } .flc-ext-left-dialog, .flc-ext-right-dialog { height: 380px; } .flc-right-dialog .content { vertical-align: middle; text-align: center; line-height: 184px; } .flc-ext-right-dialog .content { line-height: 314px; } .flc-login-text { font-size: 12px; font-weight: bold; margin: auto 0px; } .flc-login-text a:link, .flc-login-text a:visited, .flc-login-text a:hover, .flc-login-text a:active { text-decoration: underline; } .flc-left-dialog input { width: 180px; } /* Checkout page : shipping & payment methods */ .flc-checkout-container { vertical-align: top; padding-bottom: 30px; width: 100%; clear: both; } .flc-checkout-container .flc-address { vertical-align: top; width: 30%; float: left; overflow: hidden; } .flc-checkout-container .flc-checkout-options { margin-left: 32%; vertical-align: top; } .flc-payments tr td { padding: 5px; vertical-align: top; } .flc-payments tr td.flc-payment-name { width: 20%; white-space: nowrap; padding-right: 10px; } .flc-payments tr td.flc-payment-name label { font-weight: bold; } .flc-payments tr td.flc-payment-descr { width: 80%; } .flc-payments tr td.flc-payment-paypal { width: 100%; } .flc-payments tr td.flc-payment-paypal img { border: 0px none; } .flc-shippings label { position: relative; display: block; padding: 2px; height: 18px; line-height: 18px; vertical-align: middle; } .flc-shippings label input { vertical-align: middle; } .flc-shippings label span { padding-left: 3px; } .flc-shippings label.highlight { background: #eeeeee none } /* Checkout page : tabs */ div.flc-tabs-container { position: relative; text-align: right; height: 60px; } div.flc-tabs { position: absolute; right: 0; top: 0; } ul.flc-progress-bar { list-style-type: none; margin: 0; padding: 0; } ul.flc-progress-bar li { float: left; height: 60px; width: 150px; padding: 0px; margin: 0px; text-align: center; } div.flc-tab-cart-line { vertical-align: top; text-align: center; height: 30px; } div.flc-tab-cart-line img { width: 18px; height: 13px; text-align: center; background: transparent url(images/cart_checkout.gif) no-repeat left top; } div.flc-tab-marks-line { padding: 0px; height: 10px; vertical-align: top; } .flc-tab-marks-line div { width: 100%; height: 6px; position: relative; } .flc-tab-marks-line img { position: absolute; background: #a6b1c1 none; } .flc-tab-marks-line .flc-tab-line-img1 { top: 0px; right: 50%; left: 0px; width: 50%; height: 2px; } .flc-tab-marks-line .flc-tab-line-img2 { top: 0px; right: 0px; left: 50%; width: 50%; height: 2px; } .flc-tab-marks-line .flc-tab-line-img3 { top: 2px; right: 50%; width: 2px; height: 4px; } .flc-tab-marks-line .flc-tab-first .flc-tab-line-img1 { width: 2px; left: auto; } .flc-tab-marks-line .flc-tab-last .flc-tab-line-img2 { background: white none; } .flc-tab-marks-line .flc-tab-line-full .flc-tab-line-img1, .flc-tab-marks-line .flc-tab-line-full .flc-tab-line-img2, .flc-tab-marks-line .flc-tab-line-full .flc-tab-line-img3, .flc-tab-marks-line .flc-tab-line-half .flc-tab-line-img1, .flc-tab-marks-line .flc-tab-line-half .flc-tab-line-img3 { background: #ff8600 none; } div.flc-tab-links { font-weight: bold; text-align: center; padding: 0px 5px; } .flc-tab-links a:link, .flc-tab-links a:visited, .flc-tab-links a:hover, .flc-tab-links a:active { text-decoration: underline; font-weight: bold; } /* Checkout : last step */ .flc-checkout-products { padding-bottom: 30px; } .flc-checkout-box-info { padding: 0px 0px 30px 20px; } .flc-checkout-address-left { width: 48%; float: left; vertical-align: top; padding-bottom: 15px; } .flc-checkout-address-right { vertical-align: top; margin-left: 50%; padding-bottom: 15px; } table.flc-checkout-address tr td { padding: 2px; } .flc-payment-options { padding-bottom: 15px; } /* gift certificate module */ /* gift certificate page */ .giftcert-header { vertical-align: middle; padding-bottom: 15px; } .giftcert-header img { width: 61px; height: 67px; background: transparent url(images/gift.gif) no-repeat left top; float: left; margin: 0px 15px 15px 0px; } .giftcert-table .giftcert-title { color: #b51a00; font-weight: bold; font-size: 12px; padding: 10px 0px 0px 0px; } .giftcert-table .data-name { text-align: right; } .giftcert-table .giftcert-subtitle { padding-bottom: 30px; } .giftcert-table .giftcert-h-separator { padding: 15px 0px; } .giftcert-table .giftcert-h-separator hr { border-bottom: 1px solid #cccccc; } .giftcert-table .buttons-row #preview_button { float: left; } .giftcert-table .giftcert-delivery-method { font-weight: bold; } table.data-table tr#preview_template td { vertical-align: middle; } #preview_template td select { margin-right: 20px; } /* cart page */ .giftcert-item .image img { width: 84px; height: 69px; background: transparent url(images/gift.gif) no-repeat left top; } .giftcert-item .giftcert-item-row .giftcert-item-subtitle { padding-right: 3px; } .giftcert-item .product-title { padding-bottom: 15px; } /* google checkout module */ .gcheckout-cart-buttons { } .gcheckout-cart-buttons div { width: 200px; margin-left: auto; margin-right: 0px; overflow: visible; text-align: right; } .gcheckout-cart-buttons p { width: 100%; text-align: right; margin: 10px 0px; } table.gcheckout-top-button { float: right; margin-bottom: 3px; } table.gcheckout-top-button tr td { padding: 0px; } table.gcheckout-top-button tr td.gcheckout-or-use { padding-left: 20px; padding-right: 20px; } .error-page .gcheckout-top-button { display: none; } /* image verification module */ div.iv-box { margin-top: 15px; font-size: 11px; line-height: normal; } table.data-table tr td.iv-box { font-size: 11px; line-height: normal; vertical-align: middle; padding-right: 10px; } table.data-table tr td.iv-box-descr { padding-top: 15px; font-size: 11px; line-height: normal; } .iv-description { padding: 0px; margin: 0px; } .iv-row { text-align: left; height: 60px; } .iv-img { text-align: center; } .iv-input { text-align: center; } .iv-row .iv-img { text-align: left; margin-right: 10px; float: left; } .iv-row .iv-input { text-align: left; height: 60px; line-height: 60px; } .iv-input input { width: 100px; } .iv-error { padding-left: 5px; color: #880000; } .iv-box a:link, .iv-box a:visited, .iv-box a:hover, .iv-box a:active { text-decoration: none; border: none; border-bottom: 1px dashed #3c6992; white-space: nowrap; color: #3c6992; font-size: 11px; } /* manufacturers module */ /* manufacturers menu list */ .menu-manufacturers img.icon { background: url(images/dingbats_categorie.gif) no-repeat; } /* manufacturers list */ ul.manufacturers-list { padding: 0px; margin: 0px; list-style: none; } ul.manufacturers-list li { margin: 0px; padding: 0px 0px 0px 5px; white-space: nowrap; } /* News management module */ .news-register-item { margin-bottom: 5px; } .news-register-item label { line-height: 15px; } .news-register-item span { font-style: italic; } .news-item { } /* News list */ label.news-item { display: block; font-weight: bold; } .news-item-descr { font-style: italic; padding-left: 20px; padding-bottom: 15px; } .news-list { } .news-list .news-item { margin-top: 27px; } .news-list .news-item.last { margin-bottom: 27px; } .news-list .news-date { color: #818891; } .news-list .news-title { color: #333; font-weight: bold; font-size: 14px; } .news-list .news-body { margin-top: 10px; } /* 'Note' box */ div.note-box { position: absolute; border: 1px solid black; background-color: #f6f5eb; margin: 0px 0px 0px 30px; padding: 3px; width: 150px; line-height: 15px; white-space: normal; overflow: hidden; } /* product options module */ /* exceptions list */ #exception_msg { padding-bottom: 15px; } .poptions-exceptions-list { padding-bottom: 15px; } /* short options list */ .poptions-options-list { padding: 1px; } .poptions-options-list td { padding-right: 10px; } /* recommended products module */ ul.rproducts { list-style: none outside none; margin: 0px; padding: 0px; } ul.rproducts li { margin: 0px; padding: 4px 0px; font-size: 7px; } ul.rproducts a:link, ul.rproducts a:visited, ul.rproducts a:hover, ul.rproducts a:active { font-weight: bold; font-size: 12px; } .printable .rproducts-dialog { display: none; } /* sns module */ .sns-button img { cursor: pointer; } .sns-button .text { height: 15px; text-align: center; } .sns-button .text a:link, .sns-button .text a:visited, .sns-button .text a:hover, .sns-button .text a:active { font-family: arial; text-decoration: none; color: #550000; font-weight: bold; } /* Stop list module */ img.slist-no-ip { vertical-align: middle; width: 12px; height: 12px; background: transparent url(images/no_ip.gif) left top; } /* subscriptions module */ .subscriptions-product-price { color: #666; font-weight: bold; font-size: 12px; text-transform:uppercase; } .subscriptions-product-price-value { color: #b51a00; font-weight: bold; font-size: 12px; } /* upselling products module */ .uproducts ul { list-style: none outside none; padding: 0px; margin: 0px; } .uproducts li { padding: 5px; font-weight: bold; } ul.uproducts a:link, ul.uproducts a:visited, ul.uproducts a:hover, ul.uproducts a:active { font-weight: bold; font-size: 12px; } .printable .uproducts { display: none; } /* ups online tools module */ .ups-logo { width: 84px; height: 96px; margin: 0px 5px 15px 5px; } .ups-logo-cell { margin: 25px 20px 5px 20px; text-align: center; } .ups-notice { font-size: 11px; font-family: arial, helvetica, sans-serif; text-align: left; padding-left: 10px; } table.ups-error tr td { padding: 1px; } .ups-error-name { width: 20%; } /* users online module */ /* users statistics box */ .uo-box { width: 100%; border-top: 1px solid #acb7c7; background-color: #e8edf4; padding: 10px 0px 10px 13px; } /* wholesale module */ #wl-prices { margin-top: 15px; } #wl-prices table td { padding: 2px 10px; background: #eeeeee none; white-space: nowrap; } #wl-prices table th { padding: 2px 10px; white-space: nowrap; background: #cccccc none; font-weight: bold; text-align: center; } #wl-prices div strong { color: #112536; } /* wishlist module */ .wishlist-sendlist { margin-top: 15px; } .wishlist-sendlist .button { margin-left: 10px; margin-top: -3px; } .wishlist-sendlist input.input-email { width: 140px; } /*============================================================================== alternative layouts ==============================================================================*/ /* printable */ .printable #content-container { position: static; padding: 0px; margin-top: 82px; } .printable #content-container2 { float: none; position: static; left: 0px; right: 0px; width: 100%; } .printable #center { float: none; position: static; width: 100%; left: 0px; } .printable #header { position: static; height: 82px; } .printable #header .tabs { display: none; } .printable #header .line2 { display: none; } .printable #header .printable { display: none; } .printable #center-main { margin: 0px 10px 0px 10px !important; position: static; } .printable #footer { position: static !important; } .printable #footer .subbox { background: transparent none; } /* buttons */ .printable button.button, .printable div.button { border: 1px solid #acb7c7; } .printable .button, .printable .button * { background: transparent none !important; } /* containers */ .printable .dialog .title { background: transparent none; } .title h2 { margin: 0px; } .printable .product-details .dropout-wrapper { height: 150px; } /* service styles */ .printable .no-print { display: none; } /* users online sublayout */ .uo-container #content-container { padding-bottom: 74px; } .uo-container #footer { height: 74px; } .normal { font-weight: normal; } /* Admin preview layout */ .admin-preview #header, .admin-preview #footer, .admin-preview #left-bar, .admin-preview #right-bar, .admin-preview #location, .admin-preview .offers-short-list, .admin-preview .creviews-dialog, .admin-preview .send2friend-dialog { display: none; } .admin-preview #content-container { margin: 0px; padding: 0px; } .admin-preview #center-main { margin: 5px; } /* 'Need help' box */ .need-help-link:link, .need-help-link:visited, .need-help-link:hover, .need-help-link:active { text-decoration: none; cursor: help; border: none; border-bottom: 1px dashed #3c6992 !important; white-space: nowrap; color: #3c6992 !important; } div.need-help-box, div.need-help-box div { position: relative; width: 200px; margin: 0px; padding: 0px; } div.need-help-box div { position: absolute; top: 0px; left: 14px; border: 1px solid #888888; background: white; padding: 6px; white-space: normal; font-weight: normal; overflow: hidden; } select.adv-search-select { width: 400px; } div.evaluation-notice { border: solid 4px #c7c5c5; background: #f7f6f4; padding: 16px; color: #333; margin-bottom: 25px; } div.evaluation-notice span.license-warning { color: #911717; font-weight: bold; } /* Language selectors */ strong.language-code img, a.language-code img, .language-code img.language-code-out { padding: 2px; border: 0px none; } strong.language-code img, .language-code-over { padding: 1px !important; border: solid 1px #ffffff !important; } div.market-price { margin-top: 4px; } div.man-url { margin-bottom: 6px; }