Difference between revisions of "X-Cart:Skin1/main.css"
(Created page with '<source lang="css"> →$Id: main.css,v 1.269.2.6 2010/01/20 07:38:19 aim Exp $ vim: set ts=2 sw=2 sts=2 et:: →general tags styles: html,body { height: 100%; backgr…') |
|||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
| + | As stated in [[X-Cart:Code]] the <u>{{PAGENAME}}</u> file is one of the more important files within the X-Cart storefront design. We are going to drill down in the file and explain some of the parts of the files and how to make adjustments. | ||
| + | |||
| + | |||
<source lang="css"> | <source lang="css"> | ||
/* | /* | ||
| − | + | general tags styles | |
| − | |||
*/ | */ | ||
| + | </source> | ||
| + | |||
| + | <source lang="css"> | ||
/* | /* | ||
| − | + | service styles | |
*/ | */ | ||
| − | + | </source> | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
/* float-box finisher */ | /* float-box finisher */ | ||
.clearing { | .clearing { | ||
| − | + | height: 0px; | |
| − | + | font-size: 0px; | |
| − | + | clear: both; | |
} | } | ||
/* vertical align (center) */ | /* vertical align (center) */ | ||
.valign-middle { | .valign-middle { | ||
| − | + | vertical-align: middle; | |
| − | + | height: 100%; | |
} | } | ||
.valign-middle-adv-lvl1 { | .valign-middle-adv-lvl1 { | ||
| − | + | height: 100%; | |
| − | + | display: table; | |
} | } | ||
.valign-middle-adv-lvl2 { | .valign-middle-adv-lvl2 { | ||
| − | + | display: table-cell; | |
| − | + | vertical-align: middle; | |
} | } | ||
.valign-middle-adv-lvl3 { | .valign-middle-adv-lvl3 { | ||
| Line 94: | Line 40: | ||
/* horizontal align */ | /* horizontal align */ | ||
.halign-center-noscript, | .halign-center-noscript, | ||
| − | + | .halign-center | |
{ | { | ||
| − | + | display: table; | |
| − | + | margin: 0px auto; | |
| − | + | text-align: center; | |
} | } | ||
.center { | .center { | ||
| − | + | text-align: center; | |
} | } | ||
.right-box { | .right-box { | ||
| − | + | width: 100%; | |
| − | + | text-align: right; | |
} | } | ||
/* text block container */ | /* text block container */ | ||
.text-block { | .text-block { | ||
| − | + | margin-bottom: 15px; | |
} | } | ||
.text-pre-block { | .text-pre-block { | ||
| − | + | margin-top: 15px; | |
} | } | ||
/* no-wrap */ | /* no-wrap */ | ||
.nowrap { | .nowrap { | ||
| − | + | white-space: nowrap; | |
} | } | ||
/* width:100% emulator */ | /* width:100% emulator */ | ||
table.width-100 { | table.width-100 { | ||
| − | + | width: 100%; | |
} | } | ||
/* page break */ | /* page break */ | ||
.page-break { | .page-break { | ||
| − | + | height: 0px; | |
| − | + | line-height: 0px; | |
| − | + | margin: 0px; | |
| − | + | padding: 0px; | |
| − | + | page-break-after: always; | |
} | } | ||
/* pointer cursor */ | /* pointer cursor */ | ||
.pointer { | .pointer { | ||
| − | + | cursor: pointer; | |
} | } | ||
/* overflow wrapper */ | /* overflow wrapper */ | ||
.overflow { | .overflow { | ||
| − | + | position: relative; | |
| − | + | margin-right: 20px; | |
| − | + | padding-bottom: 20px; | |
| − | + | overflow: auto; | |
} | } | ||
label { | label { | ||
| − | + | vertical-align: bottom; | |
| − | + | line-height: 15px; | |
} | } | ||
label input { | label input { | ||
| − | + | margin: 0px; | |
| − | + | vertical-align: bottom; | |
} | } | ||
label.input-block { | label.input-block { | ||
| − | + | vertical-align: middle; | |
| − | + | line-height: 21px; | |
} | } | ||
label.input-block input, | label.input-block input, | ||
| − | + | label.input-block select | |
{ | { | ||
| − | + | vertical-align: middle; | |
} | } | ||
label.input-row, | label.input-row, | ||
| − | + | .input-row label | |
{ | { | ||
| − | + | float: left; | |
| − | + | padding-right: 20px; | |
} | } | ||
label.plain-box { | label.plain-box { | ||
| − | + | display: block; | |
| − | + | padding-bottom: 15px; | |
} | } | ||
label.plain-box .label-title { | label.plain-box .label-title { | ||
| − | + | display: block; | |
} | } | ||
input.default-value { | input.default-value { | ||
| − | + | color: #aaaaaa; | |
} | } | ||
a.underline:link, | a.underline:link, | ||
| − | + | a.underline:visited, | |
| − | + | a.underline:hover, | |
| − | + | a.underline:active | |
{ | { | ||
| − | + | text-decoration: underline; | |
} | } | ||
| + | </source> | ||
| + | <source lang="css"> | ||
/* | /* | ||
| − | + | common styles | |
*/ | */ | ||
.error-message { | .error-message { | ||
| − | + | color: #b51a00; | |
| − | + | font-weight: bold; | |
} | } | ||
div.error-message { | div.error-message { | ||
| − | + | margin: 0px 0px 15px 0px; | |
} | } | ||
.form-text { | .form-text { | ||
| − | + | color: #112536; | |
| − | + | font-weight: bold; | |
} | } | ||
.black-text { | .black-text { | ||
| − | + | color: #000000; | |
} | } | ||
a.list-item:link, | a.list-item:link, | ||
| − | + | .list-item a:link | |
{ | { | ||
| − | + | color: #043fa0; | |
| − | + | text-decoration: none; | |
} | } | ||
a.list-item:visited, | a.list-item:visited, | ||
| − | + | .list-item a:visited | |
{ | { | ||
| − | + | color: #043fa0; | |
| − | + | text-decoration: none; | |
} | } | ||
a.list-item:hover, | a.list-item:hover, | ||
| − | + | .list-item a:hover | |
{ | { | ||
| − | + | color: #2863c2; | |
| − | + | text-decoration: underline; | |
} | } | ||
a.list-item:active, | a.list-item:active, | ||
| − | + | .list-item a:active | |
{ | { | ||
| − | + | color: #043fa0; | |
| − | + | text-decoration: none; | |
} | } | ||
tr.head-row th | tr.head-row th | ||
{ | { | ||
| − | + | background: #cccccc none; | |
| − | + | font-weight: bold; | |
} | } | ||
tr.highlight td, | tr.highlight td, | ||
| − | + | tr.highlight th | |
{ | { | ||
| − | + | background: #eeeeee none; | |
} | } | ||
tr.center-row th { | tr.center-row th { | ||
| − | + | text-align: center; | |
} | } | ||
| + | </source> | ||
| + | <source lang="css"> | ||
/* Currency */ | /* Currency */ | ||
.currency { | .currency { | ||
| − | + | white-space: nowrap; | |
} | } | ||
| + | </source> | ||
| − | + | <source lang="css"> | |
/*============================================================================== | /*============================================================================== | ||
| − | + | layout styles | |
==============================================================================*/ | ==============================================================================*/ | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | #page-container | |
| − | #content-container | + | |
| − | + | #content-container | |
| − | + | ||
| − | + | #content-container2 | |
| − | + | ||
| − | + | #center | |
| − | + | ||
| − | + | #left-bar | |
| − | + | ||
| − | #content-container2 | + | #right-bar |
| − | + | ||
| − | + | #center-main | |
| − | + | ||
| − | + | #header | |
| − | + | ||
| − | #center | + | #footer |
| − | + | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | #left-bar | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | #right-bar | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | #center-main | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | #header | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | #footer | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
/* | /* | ||
| − | + | header styles | |
*/ | */ | ||
| − | . | + | #header .line1 |
| − | + | ||
| − | + | #header .line1 .logo | |
| − | + | #header .line1 .logo a img | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | #header .line1 .logo a img | ||
| − | |||
| − | |||
| − | |||
/* header tabs */ | /* header tabs */ | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
/* phones line */ | /* phones line */ | ||
| − | #header .phones | + | #header .phones |
| − | + | #header .phones span | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | #header .phones span | ||
| − | |||
| − | |||
/* header line 2 */ | /* header line 2 */ | ||
| − | #header .line2 | + | #header .line2 |
| − | + | </source> | |
| − | + | ||
| − | + | ||
| − | + | <source lang="css"> | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
/* header line 3 */ | /* header line 3 */ | ||
| − | #header .line3 | + | #header .line3 |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
/* | /* | ||
| − | + | footer styles | |
*/ | */ | ||
| − | #footer .box | + | #footer .box |
| − | + | #footer .subbox | |
| − | + | </source> | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | #footer .subbox | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| + | <source lang="css"> | ||
/*============================================================================== | /*============================================================================== | ||
| − | + | widgets | |
==============================================================================*/ | ==============================================================================*/ | ||
/* | /* | ||
| − | + | location bar | |
*/ | */ | ||
#location { | #location { | ||
| − | + | height: 25px; | |
| − | + | line-height: 15px; | |
| − | + | margin-bottom: 10px; | |
| − | + | font-size: 11px; | |
| − | + | color: #818891; | |
} | } | ||
font.bread-crumb { | font.bread-crumb { | ||
| − | + | font-size: 11px; | |
| − | + | color: #818891; | |
} | } | ||
a.bread-crumb:link { | a.bread-crumb:link { | ||
| − | + | font-size: 11px; | |
| − | + | color: #818891; | |
| − | + | text-decoration: underline; | |
} | } | ||
a.bread-crumb:visited { | a.bread-crumb:visited { | ||
| − | + | font-size: 11px; | |
| − | + | color: #818891; | |
| − | + | text-decoration: underline; | |
} | } | ||
a.bread-crumb:hover { | a.bread-crumb:hover { | ||
| − | + | font-size: 11px; | |
| − | + | color: #818891; | |
| − | + | text-decoration: none; | |
} | } | ||
a.bread-crumb:active { | a.bread-crumb:active { | ||
| − | + | font-size: 11px; | |
| − | + | color: #818891; | |
| − | + | text-decoration: underline; | |
} | } | ||
font.last-bread-crumb { | font.last-bread-crumb { | ||
| − | + | text-decoration: none; | |
} | } | ||
#location span { | #location span { | ||
| − | + | padding: 0px 5px 0px 5px; | |
} | } | ||
/* | /* | ||
| − | + | dialog message container | |
*/ | */ | ||
#dialog-message { | #dialog-message { | ||
| − | + | padding: 15px 0px 20px 0px; | |
| − | + | width: 100%; | |
} | } | ||
#dialog-message .box { | #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: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 { | #dialog-message .close-img { | ||
| − | + | width: 13px; | |
| − | + | height: 13px; | |
| − | + | background: transparent url(images/but_cross.gif) no-repeat left top; | |
} | } | ||
#dialog-message .message-I { | #dialog-message .message-I { | ||
| − | + | color: #112536; | |
| − | + | border-color: #7a97c1; | |
| − | + | background: #f4f5f7 url(images/icon_info.gif) no-repeat 10px 10px; | |
} | } | ||
#dialog-message .message-W { | #dialog-message .message-W { | ||
| − | + | color: #3e3104; | |
| − | + | border-color: #c3902f; | |
| − | + | background: #f8f7f3 url(images/icon_warning.gif) no-repeat 10px 10px; | |
} | } | ||
#dialog-message .message-E { | #dialog-message .message-E { | ||
| − | + | color: #590a0a; | |
| − | + | border-color: #d30000; | |
| − | + | background: #f7f3f3 url(images/icon_error.gif) no-repeat 10px 10px; | |
} | } | ||
#dialog-message .anchor { | #dialog-message .anchor { | ||
| − | + | position: relative; | |
| − | + | margin-left: auto; | |
| − | + | margin-right: 0px; | |
| − | + | height: 15px; | |
| − | + | text-align: right; | |
| − | + | vertical-align: middle; | |
} | } | ||
#dialog-message .anchor img { | #dialog-message .anchor img { | ||
| − | + | width: 12px; | |
| − | + | height: 10px; | |
| − | + | vertical-align: middle; | |
| − | + | background: transparent url(images/goto_arr.gif) no-repeat left top; | |
} | } | ||
.dialogtr { | .dialogtr { | ||
| − | + | color: #1a2b3c; | |
} | } | ||
/* inline message */ | /* inline message */ | ||
.inline-message { | .inline-message { | ||
| − | + | height: 16px; | |
| − | + | line-height: 16px; | |
| − | + | vertical-align: middle; | |
| − | + | padding: 1px 1px 15px 1px; | |
| − | + | margin: 0px; | |
} | } | ||
.inline-message img.icon-w { | .inline-message img.icon-w { | ||
| − | + | vertical-align: top; | |
| − | + | width: 18px; | |
| − | + | height: 18px; | |
| − | + | background: transparent url(images/icon_warning_small.gif) no-repeat; | |
} | } | ||
.cart-message { | .cart-message { | ||
| − | + | padding: 5px 5px 5px 35px; | |
| − | + | text-align: left; | |
| − | + | min-height: 20px; | |
| − | + | color: #4f6280; | |
| − | + | font-size: 10px; | |
| − | + | margin-top: 10px; | |
| − | + | margin-bottom: 10px; | |
} | } | ||
.cart-message-W { | .cart-message-W { | ||
| − | + | background: #efefef 5px 5px url(images/icon_warning_info.gif) no-repeat; | |
} | } | ||
.cart-message-W { | .cart-message-W { | ||
| − | + | background: #efefef 5px 5px url(images/icon_warning_small.gif) no-repeat; | |
} | } | ||
.cart-message-E { | .cart-message-E { | ||
| − | + | background: #efefef 5px 5px url(images/icon_warning_error.gif) no-repeat; | |
} | } | ||
.cart-message div.close-link { | .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 { | .menu-dialog { | ||
| − | + | border: 1px solid #5f94c0; | |
| − | + | margin-bottom: 15px; | |
} | } | ||
.menu-dialog .title-bar { | .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 { | .menu-dialog .title-bar img.icon { | ||
| − | + | vertical-align: middle; | |
| − | + | margin: 4px 7px 6px 7px; | |
| − | + | width: 17px; | |
| − | + | height: 17px; | |
} | } | ||
.menu-dialog .title-bar h2 { | .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 { | .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: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 { | .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 { | .menu-dialog .content { | ||
| − | + | border: 0px; | |
| − | + | background-color: #ffffff; | |
| − | + | padding: 8px 10px 20px 10px; | |
| − | + | overflow: hidden; | |
} | } | ||
.menu-dialog .content a:link, | .menu-dialog .content a:link, | ||
| − | + | .menu-dialog .content a:visited, | |
| − | + | .menu-dialog .content a:link | |
{ | { | ||
| − | + | color: #324c76; | |
} | } | ||
.menu-dialog .content a:hover { | .menu-dialog .content a:hover { | ||
| − | + | color: #2863c2; | |
} | } | ||
.menu-dialog ul { | .menu-dialog ul { | ||
| − | + | list-style: none; | |
| − | + | padding: 0px 0px 0px 0px; | |
| − | + | margin: 0px; | |
} | } | ||
.menu-dialog ul li { | .menu-dialog ul li { | ||
| − | + | padding: 0px 0px 0px 0px; | |
| − | + | vertical-align: middle; | |
} | } | ||
.menu-dialog .item { | .menu-dialog .item { | ||
| − | + | color: #112536; | |
| − | + | font-size: 10px; | |
} | } | ||
.menu-dialog ul li a:link { | .menu-dialog ul li a:link { | ||
| − | + | font-size: 11px; | |
| − | + | text-decoration: none; | |
} | } | ||
.menu-dialog ul li a:visited { | .menu-dialog ul li a:visited { | ||
| − | + | font-size: 11px; | |
| − | + | text-decoration: none; | |
} | } | ||
.menu-dialog ul li a:hover { | .menu-dialog ul li a:hover { | ||
| − | + | font-size: 11px; | |
| − | + | text-decoration: underline; | |
} | } | ||
.menu-dialog ul li a:active { | .menu-dialog ul li a:active { | ||
| − | + | font-size: 11px; | |
| − | + | text-decoration: none; | |
} | } | ||
.menu-dialog hr { | .menu-dialog hr { | ||
| − | + | background-color: #999999; | |
} | } | ||
.menu-dialog .login-text ul li { | .menu-dialog .login-text ul li { | ||
| − | + | padding: 1px 0px; | |
} | } | ||
/* | /* | ||
| − | + | dialog container | |
*/ | */ | ||
.dialog { | .dialog { | ||
| − | + | border: 1px solid #acb7c7; | |
| − | + | padding: 0px; | |
| − | + | margin: 0px 0px 30px 0px; | |
| − | + | page-break-inside: avoid; | |
} | } | ||
.dialog .title { | .dialog .title { | ||
| − | + | position: relative; | |
| − | + | color: #253161; | |
| − | + | font-weight: bold; | |
| − | + | font-size: 13px; | |
| − | + | background: transparent url(images/dialog_bg.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 { | .dialog .title h2 { | ||
| − | + | margin: 0px; | |
| − | + | padding: 0px; | |
| − | + | font-size: 13px; | |
| − | + | overflow: hidden; | |
| − | + | white-space: nowrap; | |
} | } | ||
.dialog .content { | .dialog .content { | ||
| − | + | border: 0px none; | |
| − | + | background: transparent none; | |
| − | + | text-align: left; | |
| − | + | padding: 10px 10px 25px 10px; | |
| − | + | color: #58595b; | |
} | } | ||
.list-dialog .title h2 { | .list-dialog .title h2 { | ||
| − | + | width: 60%; | |
} | } | ||
.list-dialog .title div.sort-box { | .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 { | .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-title, | ||
| − | + | .list-dialog .title div.sort-box .search-sort-cell | |
{ | { | ||
| − | + | padding-right: 10px; | |
} | } | ||
.noborder { | .noborder { | ||
| − | + | border: 0px none; | |
} | } | ||
.noborder .title { | .noborder .title { | ||
| − | + | background: transparent none; | |
| − | + | display: none; | |
} | } | ||
.noborder .content { | .noborder .content { | ||
| − | + | padding: 0px; | |
} | } | ||
/* | /* | ||
| − | + | buttons | |
*/ | */ | ||
/* button-based */ | /* button-based */ | ||
button.button { | 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 { | 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 { | 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: verdana, arial, helvetica, sans-serif; | |
| − | + | color: #111d4d; | |
| − | + | font-weight: bold; | |
| − | + | font-size: 11px; | |
| − | + | height: 22px; | |
| − | + | line-height: 21px; | |
} | } | ||
/* div-based */ | /* div-based */ | ||
div.button { | 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 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: verdana, arial, helvetica, sans-serif; | |
| − | + | color: #111d4d; | |
| − | + | font-weight: bold; | |
| − | + | font-size: 11px; | |
| − | + | text-decoration: none; | |
| − | + | outline-style: none; | |
} | } | ||
/* button-based link */ | /* button-based link */ | ||
button.simple-button { | 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 { | button.simple-button span { | ||
| − | + | text-decoration: underline; | |
} | } | ||
button.simple-button img { | button.simple-button img { | ||
| − | + | display: none; | |
} | } | ||
/* a-based link */ | /* a-based link */ | ||
a.simple-button: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 { | a.simple-button:hover { | ||
| − | + | color: #2863c2; | |
} | } | ||
/* input-image-based */ | /* input-image-based */ | ||
input.image-button { | 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-based */ | ||
a.image-button:link, | 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: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 | |
*/ | */ | ||
| Line 1,053: | Line 746: | ||
button.main-button .button-right { | button.main-button .button-right { | ||
| − | + | background: transparent url(images/but_main_right.png) no-repeat right top; | |
} | } | ||
button.main-button .button-left { | button.main-button .button-left { | ||
| − | + | background: transparent url(images/but_main_left.png) no-repeat left top; | |
| − | + | color: #510000; | |
} | } | ||
div.main-button { | div.main-button { | ||
| − | + | background: transparent url(images/but_main_right.png) no-repeat right top; | |
} | } | ||
div.main-button div, | 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, | 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 */ | /* Light button */ | ||
button.light-button { | button.light-button { | ||
| − | + | padding-right: 10px; | |
} | } | ||
button.light-button .button-right { | 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 { | 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 { | 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 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 */ | /* Delete cart item button */ | ||
a.simple-delete-button:link, | 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 */ | /* Delete button w/o icon */ | ||
a.simple-delete-button-woicon:link, | 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 */ | /* Add to list... button */ | ||
div.drop-out-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 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 { | div.dropout-container { | ||
| − | + | position: absolute; | |
| − | + | padding: 0px; | |
| − | + | margin: 0px; | |
| − | + | border: 0px none; | |
} | } | ||
div.dropout-wrapper { | div.dropout-wrapper { | ||
| − | + | float: left; | |
| − | + | position: relative; | |
| − | + | z-index: 1; | |
| − | + | margin: 0px; | |
} | } | ||
div.dropout-box { | div.dropout-box { | ||
| − | + | border: solid 1px #adb6c6; | |
| − | + | background-color: #ffffff; | |
| − | + | padding: 5px 0; | |
| − | + | margin-top: 26px; | |
| − | + | position: absolute; | |
| − | + | display: none; | |
} | } | ||
div.dropout-wrapper ul { | div.dropout-wrapper ul { | ||
| − | + | margin:0; | |
| − | + | padding:0; | |
} | } | ||
div.dropout-wrapper ul li { | div.dropout-wrapper ul li { | ||
| − | + | list-style-position: outside; | |
| − | + | list-style-type: none; | |
| − | + | padding: 5px 15px; | |
| − | + | float: left; | |
} | } | ||
div.dropout-wrapper ul li .button { | div.dropout-wrapper ul li .button { | ||
| − | + | float: left; | |
| − | + | position: relative; | |
} | } | ||
div.dropout-wrapper .button { | div.dropout-wrapper .button { | ||
| − | + | float: none; | |
| − | + | position: absolute; | |
| − | + | margin-right: 0px; | |
} | } | ||
/* Menu button */ | /* Menu button */ | ||
button.menu-button { | button.menu-button { | ||
| − | + | height: 22px; | |
} | } | ||
button.menu-button .button-right { | 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 { | 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: 10px; | |
| − | + | height: 21px; | |
| − | + | line-height: 20px; | |
} | } | ||
div.menu-button { | 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 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: 10px; | |
} | } | ||
/* Add2Cart AJAX-based */ | /* Add2Cart AJAX-based */ | ||
button.do-add2cart-wait, | button.do-add2cart-wait, | ||
| − | + | button.do-add2cart-success, | |
| − | + | button.do-add2cart-error | |
{ | { | ||
| − | + | cursor: default; | |
} | } | ||
button.do-add2cart-wait .button-right, | 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-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 { | 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, | ||
| − | + | .button-row-right | |
{ | { | ||
| − | + | margin-top: 20px; | |
| − | + | padding: 0px; | |
| − | + | height: 23px; | |
| − | + | line-height: 23px; | |
} | } | ||
.buttons-row .button, | .buttons-row .button, | ||
| − | + | .buttons-row button.simple-button, | |
| − | + | .buttons-row a.simple-button | |
{ | { | ||
| − | + | float: left; | |
} | } | ||
.buttons-row-right .button, | .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 { | .buttons-row-right-box { | ||
| − | + | float: right; | |
} | } | ||
.buttons-row-right, | .buttons-row-right, | ||
| − | + | .buttons-row | |
{ | { | ||
| − | + | margin: 5px 0px 0px 0px; | |
| − | + | height: 23px; | |
} | } | ||
.buttons-row .button-separator { | .buttons-row .button-separator { | ||
| − | + | float: left; | |
| − | + | width: 20px; | |
| − | + | height: 22px; | |
} | } | ||
.buttons-row-right .button-separator { | .buttons-row-right .button-separator { | ||
| − | + | float: right; | |
| − | + | width: 30px; | |
| − | + | height: 15px; | |
} | } | ||
table tr td.buttons-row, | 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, | ||
| − | + | .buttons-auto-separator button.simple-button, | |
| − | + | .buttons-auto-separator a.simple-button | |
{ | { | ||
| − | + | margin-right: 20px; | |
} | } | ||
.button-up { | .button-up { | ||
| − | + | position: relative; | |
| − | + | margin-top: -23px; | |
| − | + | width: 30%; | |
} | } | ||
/* | /* | ||
| − | + | popup help link | |
*/ | */ | ||
a.popup-link: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: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 { | .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 { | .popup-window { | ||
| − | + | position: absolute; | |
| − | + | background: white none; | |
| − | + | overflow: hidden; | |
| − | + | padding: 0px; | |
| − | + | margin: 0px; | |
| − | + | z-index: 1100; | |
} | } | ||
.popup-window .popup-bg-iframe { | .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 { | .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 { | .popup-window .popup-title span { | ||
| − | + | color: #ffffff; | |
| − | + | font-size: 10px; | |
| − | + | line-height: 22px; | |
| − | + | font-family: verdana, helvetica, sans-serif; | |
| − | + | font-weight: bold; | |
| − | + | padding: 0px 0px 0px 20px; | |
} | } | ||
.popup-window .popup-title a:link, | .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 { | .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 { | .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 { | .popup-window .popup-frame { | ||
| − | + | padding: 20px; | |
| − | + | margin: 0px; | |
} | } | ||
.popup-window .popup-footer { | .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 { | .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 { | .popup-dnd-border { | ||
| − | + | position: absolute; | |
| − | + | border: 1px dotted #000000; | |
| − | + | background: transparent none; | |
| − | + | z-index: 1200; | |
} | } | ||
.popup-window .popup-border { | .popup-window .popup-border { | ||
| − | + | position: absolute; | |
| − | + | line-height: 0px; | |
| − | + | font-size: 0px; | |
| − | + | margin: 0px; | |
| − | + | padding: 0px; | |
} | } | ||
.popup-window .popup-t-side { | .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 { | .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 { | .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 { | .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 { | .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 { | .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 { | .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 { | .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 { | .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 { | .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 { | .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: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 { | .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, | ||
| − | + | .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, | ||
| − | + | .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, | ||
| − | + | .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, | ||
| − | + | .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, | ||
| − | + | .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, | ||
| − | + | .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 { | .images-preview div.list-subbox { | ||
| − | + | margin: 0px; | |
| − | + | padding: 0px; | |
| − | + | overflow: hidden; | |
| − | + | position: relative; | |
| − | + | text-align: center; | |
} | } | ||
.images-preview ul { | .images-preview ul { | ||
| − | + | list-style: none; | |
| − | + | margin: 0px; | |
| − | + | padding: 0px; | |
| − | + | text-align: center; | |
| − | + | vertical-align: middle; | |
| − | + | position: absolute; | |
} | } | ||
.images-preview ul li { | .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.over, | ||
| − | + | .images-preview ul li:hover | |
{ | { | ||
| − | + | border: 1px solid #cccccc; | |
} | } | ||
.images-preview ul li.selected { | .images-preview ul li.selected { | ||
| − | + | border: 1px solid #215485; | |
} | } | ||
.images-preview ul li img { | .images-preview ul li img { | ||
| − | + | display: inline; | |
| − | + | text-align: center; | |
| − | + | vertical-align: middle; | |
} | } | ||
.images-preview ul li.loading { | .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 { | .images-preview ul li.loading img { | ||
| − | + | display: none; | |
} | } | ||
.images-preview .box { | .images-preview .box { | ||
| − | + | position: relative; | |
| − | + | margin: 50px; | |
| − | + | vertical-align: middle; | |
| − | + | text-align: center; | |
| − | + | background: transparent none; | |
} | } | ||
.images-preview .box.loading { | .images-preview .box.loading { | ||
| − | + | background-image: url(images/loading.gif); | |
| − | + | background-repeat: no-repeat; | |
| − | + | background-position: center center; | |
} | } | ||
.images-preview .box img { | .images-preview .box img { | ||
| − | + | cursor: pointer; | |
| − | + | vertical-align: middle; | |
| − | + | text-align: center; | |
} | } | ||
/* | /* | ||
| − | + | data table | |
*/ | */ | ||
table.data-table td { | table.data-table td { | ||
| − | + | padding: 4px 1px; | |
| − | + | line-height: 21px; | |
| − | + | vertical-align: top; | |
} | } | ||
table.data-table.light-table td { | table.data-table.light-table td { | ||
| − | + | line-height: 16px; | |
| − | + | padding: 3px; | |
} | } | ||
table.data-table td.data-name { | table.data-table td.data-name { | ||
| − | + | vertical-align: top; | |
| − | + | color: #112536; | |
| − | + | padding-right: 5px; | |
} | } | ||
table.data-table .data-required, | table.data-table .data-required, | ||
| − | + | .data-required | |
{ | { | ||
| − | + | color: #880000; | |
} | } | ||
table.data-table td.data-required { | table.data-table td.data-required { | ||
| − | + | padding-right: 4px; | |
} | } | ||
table.data-table td.data-required { | table.data-table td.data-required { | ||
| − | + | text-align: center; | |
| − | + | width: 5px; | |
} | } | ||
table.data-table .error-message { | table.data-table .error-message { | ||
| − | + | color: #880000; | |
| − | + | vertical-align: middle; | |
} | } | ||
table.data-table div.error-message { | table.data-table div.error-message { | ||
| − | + | margin: 0px; | |
} | } | ||
table.data-table tr.head-row th { | table.data-table tr.head-row th { | ||
| − | + | padding-left: 5px; | |
| − | + | padding-right: 5px; | |
} | } | ||
table.data-table tr th.data-checkbox-column { | table.data-table tr th.data-checkbox-column { | ||
| − | + | width: 10px; | |
} | } | ||
table.data-table tr .data-right-column { | table.data-table tr .data-right-column { | ||
| − | + | text-align: right; | |
} | } | ||
table.data-table tr .data-width-100 { | table.data-table tr .data-width-100 { | ||
| − | + | width: 100%; | |
} | } | ||
table.data-table tr td.data-name label { | table.data-table tr td.data-name label { | ||
| − | + | line-height: 21px; | |
| − | + | vertical-align: top; | |
} | } | ||
/* | /* | ||
| − | + | search sort bar | |
*/ | */ | ||
.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 { | .search-sort-title { | ||
| − | + | padding-right: 20px; | |
} | } | ||
.search-sort-cell { | .search-sort-cell { | ||
| − | + | padding-right: 20px; | |
} | } | ||
a.search-sort-link:link, | 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 img, | ||
.search-sort-bar-float 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: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: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 { | .expand-section { | ||
| − | + | height: 16px; | |
| − | + | margin: 20px 0px 20px 0px; | |
| − | + | vertical-align: middle; | |
| − | + | line-height: 16px; | |
} | } | ||
.expand-section img { | .expand-section img { | ||
| − | + | width: 11px; | |
| − | + | height: 11px; | |
| − | + | vertical-align: middle; | |
| − | + | margin: 2px 5px 3px 0px; | |
} | } | ||
.expand-section img.plus { | .expand-section img.plus { | ||
| − | + | background: transparent url(images/plus.gif) no-repeat left top; | |
} | } | ||
.expand-section img.minus { | .expand-section img.minus { | ||
| − | + | background: transparent url(images/minus.gif) no-repeat left top; | |
} | } | ||
.expand-section a:link, | .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 { | .nav-pages { | ||
| − | + | white-space: nowrap; | |
| − | + | vertical-align: bottom; | |
| − | + | padding: 0px; | |
| − | + | margin: 0px; | |
} | } | ||
.nav-pages-title { | .nav-pages-title { | ||
| − | + | padding-right: 10px; | |
} | } | ||
.nav-pages img { | .nav-pages img { | ||
| − | + | vertical-align: bottom; | |
| − | + | width: 15px; | |
| − | + | height: 15px; | |
} | } | ||
.nav-pages a:link, | .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 { | .nav-pages .left-arrow img { | ||
| − | + | background: transparent url(images/navigation_arrow_left.gif) no-repeat left top; | |
} | } | ||
.nav-pages .right-arrow img { | .nav-pages .right-arrow img { | ||
| − | + | background: transparent url(images/navigation_arrow_right.gif) no-repeat left top; | |
} | } | ||
.nav-pages .current-page { | .nav-pages .current-page { | ||
| − | + | text-align: center; | |
| − | + | font-weight: bold; | |
} | } | ||
.nav-pages .right-delimiter { | .nav-pages .right-delimiter { | ||
| − | + | padding-right: 12px; | |
} | } | ||
/* | /* | ||
| − | + | subheader styles | |
*/ | */ | ||
h3 { | 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 { | h3.grey { | ||
| − | + | color: #666666; | |
| − | + | font-size: 11px; | |
| − | + | border-bottom: 1px solid #cccccc; | |
} | } | ||
h3.black { | h3.black { | ||
| − | + | color: #010101; | |
| − | + | font-size: 12px; | |
| − | + | font-weight: bold; | |
| − | + | border-bottom: 1px solid #000000; | |
} | } | ||
h3.red { | h3.red { | ||
| − | + | border-bottom: 1px solid #acb7c7; | |
} | } | ||
h3.separator { | h3.separator { | ||
| − | + | margin-top: 30px; | |
} | } | ||
/* | /* | ||
| − | + | Table head cell | |
*/ | */ | ||
.img-down-direction { | .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 { | .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 { | .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 { | .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 { | .lbl { | ||
| − | + | display: inline !important; | |
| − | + | color: green !important; | |
| − | + | font-weight: bold !important; | |
| − | + | width: auto !important; | |
| − | + | margin: 0px !important; | |
| − | + | padding: 0px !important; | |
} | } | ||
.section { | .section { | ||
| − | + | margin: 0px !important; | |
| − | + | padding: 0px !important; | |
| − | + | width: auto !important; | |
} | } | ||
/*============================================================================== | /*============================================================================== | ||
| − | + | side-bar styles | |
==============================================================================*/ | ==============================================================================*/ | ||
/* | /* | ||
| − | + | categories list | |
*/ | */ | ||
.menu-categories-list img.icon { | .menu-categories-list img.icon { | ||
| − | + | background: transparent url(images/dingbats_categorie.gif) no-repeat left top; | |
} | } | ||
.menu-categories-list ul li { | .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 { | .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: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 { | .menu-special img.icon { | ||
| − | + | background-image: url(images/dingbats_categorie.gif); | |
} | } | ||
/* | /* | ||
| − | + | Help menu | |
*/ | */ | ||
.menu-help img.icon { | .menu-help img.icon { | ||
| − | + | background-image: url(images/dingbats_help.gif); | |
} | } | ||
/* | /* | ||
| − | + | Minicart | |
*/ | */ | ||
.menu-minicart .title-bar { | .menu-minicart .title-bar { | ||
| − | + | background-image: url(images/menu_bg_light.gif); | |
} | } | ||
.menu-minicart .title-bar h2 { | .menu-minicart .title-bar h2 { | ||
| − | + | color: #2c3e49; | |
} | } | ||
.menu-minicart img.icon { | .menu-minicart img.icon { | ||
| − | + | background: url(images/dingbats_orders.gif) no-repeat; | |
} | } | ||
.full-mini-cart .title-bar img.icon { | .full-mini-cart .title-bar img.icon { | ||
| − | + | background: transparent url(images/cart_full.gif) no-repeat left top; | |
| − | + | width: 18px; | |
| − | + | height: 13px; | |
} | } | ||
div.minicart { | div.minicart { | ||
| − | + | color: #112536; | |
| − | + | font-size: 10px; | |
} | } | ||
div.minicart a { | div.minicart a { | ||
| − | + | float: left; | |
} | } | ||
div.minicart img { | div.minicart img { | ||
| − | + | width: 19px; | |
| − | + | height: 16px; | |
} | } | ||
div.minicart .empty b { | div.minicart .empty b { | ||
| − | + | line-height: 18px; | |
} | } | ||
div.minicart table { | div.minicart table { | ||
| − | + | margin: 0px 0px 0px 1px; | |
} | } | ||
div.minicart table tr td { | div.minicart table tr td { | ||
| − | + | color: #112536; | |
| − | + | font-size: 10px; | |
| − | + | padding: 1px; | |
} | } | ||
hr.minicart { | hr.minicart { | ||
| − | + | clear: both; | |
| − | + | margin: 5px 0px 5px 0px; | |
} | } | ||
/* | /* | ||
| − | + | AJAX-based minicart | |
*/ | */ | ||
.ajax-minicart .title-bar { | .ajax-minicart .title-bar { | ||
| − | + | position: relative; | |
| − | + | overflow: visible; | |
} | } | ||
#content-container .ajax-minicart img.minicart-button { | #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 { | #content-container .ajax-minicart img.minicart-button-show { | ||
| − | + | background-position: left -21px; | |
} | } | ||
.minicart-box { | .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 { | .minicart-box .progress { | ||
| − | + | background: transparent url(images/progress.gif) repeat-x left top; | |
| − | + | height: 11px; | |
} | } | ||
.minicart-box hr { | .minicart-box hr { | ||
| − | + | margin-left: 5px; | |
} | } | ||
.minicart-box ul { | .minicart-box ul { | ||
| − | + | margin: 0px; | |
| − | + | padding: 0px; | |
| − | + | list-style: none; | |
} | } | ||
.minicart-box ul li { | .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: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: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: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 { | .minicart-box .price-row { | ||
| − | + | margin-top: 4px; | |
} | } | ||
.minicart-box input.quantity { | .minicart-box input.quantity { | ||
| − | + | width: 35px; | |
} | } | ||
.minicart-box .buttons-row { | .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 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: 10px; | |
| − | + | font-weight: normal; | |
} | } | ||
.minicart-box ul.menu li.view-cart-link a:link, | .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 { | .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: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: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 { | .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: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 { | .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 { | .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: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: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, | ||
| − | + | .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 .paypal-cart-button div, | ||
| − | + | .minicart-box .gcheckout-cart-buttons div | |
{ | { | ||
| − | + | text-align: left; | |
| − | + | margin: 0px; | |
} | } | ||
iframe.minicart-bg { | iframe.minicart-bg { | ||
| − | + | position: absolute; | |
| − | + | display: none; | |
| − | + | width: 250px; | |
| − | + | border: 0px none; | |
| − | + | background: #ffffff none; | |
} | } | ||
iframe.minicart-checkout-bg { | iframe.minicart-checkout-bg { | ||
| − | + | position: absolute; | |
| − | + | display: none; | |
| − | + | border: 0px none; | |
| − | + | background: #ffffff none; | |
} | } | ||
.help-link { | .help-link { | ||
| − | + | border-bottom: 1px dashed #000000; | |
| − | + | cursor: help; | |
} | } | ||
#tooltip { | #tooltip { | ||
| − | + | position: absolute; | |
| − | + | border: 1px solid #000000; | |
| − | + | padding: 5px; | |
| − | + | background: #ffffff none; | |
| − | + | top: 0px; | |
| − | + | left: 0px; | |
| − | + | text-align: left; | |
| − | + | width: 300px; | |
| − | + | z-index: 10000; | |
} | } | ||
/* | /* | ||
| − | + | auth box | |
*/ | */ | ||
.menu-auth img.icon { | .menu-auth img.icon { | ||
| − | + | background: url(images/dingbats_authentification.gif) no-repeat; | |
} | } | ||
.menu-auth input { | .menu-auth input { | ||
| − | + | width: 120px; | |
} | } | ||
.login-buttons { | .login-buttons { | ||
| − | + | margin: 3px 0px 5px 0px; | |
} | } | ||
.login-buttons .button { | .login-buttons .button { | ||
| − | + | float: left; | |
| − | + | margin-right: 10px; | |
| − | + | margin-bottom: 5px; | |
} | } | ||
.menu-dialog .recovery { | .menu-dialog .recovery { | ||
| − | + | clear: both; | |
| − | + | margin-bottom: 2px; | |
} | } | ||
.menu-dialog .recovery a:link, | .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: 10px; | |
} | } | ||
.menu-dialog .left { | .menu-dialog .left { | ||
| − | + | text-align: left; | |
} | } | ||
.menu-dialog .login-text { | .menu-dialog .login-text { | ||
| − | + | vertical-align: top; | |
} | } | ||
.small-note, | .small-note, | ||
| − | + | a.small-link:link { | |
| − | + | color: #3c6992; | |
| − | + | text-decoration: none; | |
| − | + | font-size: 9px; | |
| − | + | font-family: arial, verdana, helvetica, sans-serif; | |
} | } | ||
a.small-link:visited { | a.small-link:visited { | ||
| − | + | color: #3c6992; | |
| − | + | text-decoration: none; | |
| − | + | font-size: 9px; | |
| − | + | font-family: arial, verdana, helvetica, sans-serif; | |
} | } | ||
a.small-link:hover { | a.small-link:hover { | ||
| − | + | color: #3c6992; | |
| − | + | text-decoration: underline; | |
| − | + | font-size: 9px; | |
| − | + | font-family: arial, verdana, helvetica, sans-serif; | |
} | } | ||
a.small-link:active { | a.small-link:active { | ||
| − | + | color: #3c6992; | |
| − | + | text-decoration: none; | |
| − | + | font-size: 9px; | |
| − | + | font-family: arial, verdana, helvetica, sans-serif; | |
} | } | ||
/* | /* | ||
| − | + | news box styles | |
*/ | */ | ||
.menu-news img.icon { | .menu-news img.icon { | ||
| − | + | background: url(images/dingbats_news.gif) no-repeat; | |
} | } | ||
.menu-dialog .subscribe { | .menu-dialog .subscribe { | ||
| − | + | margin-top: 8px; | |
} | } | ||
.menu-dialog a.prev-news:link, | .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 { | .menu-interneka img.icon { | ||
| − | + | background: url(images/dingbats_affiliates.gif) no-repeat; | |
} | } | ||
/*============================================================================ | /*============================================================================ | ||
| − | + | page-specific styles | |
==============================================================================*/ | ==============================================================================*/ | ||
/* | /* | ||
| − | + | category page | |
*/ | */ | ||
.category-description { | .category-description { | ||
| − | + | margin-bottom: 15px; | |
} | } | ||
.current-category-icon { | .current-category-icon { | ||
| − | + | padding: 0px; | |
| − | + | height: 100%; | |
| − | + | vertical-align: top; | |
} | } | ||
.current-category-icon img { | .current-category-icon img { | ||
| − | + | margin: 5px; | |
} | } | ||
ul.subcategories { | ul.subcategories { | ||
| − | + | list-style: none; | |
| − | + | margin: 0px; | |
| − | + | padding: 0px 0px 15px 0px; | |
} | } | ||
ul.subcategories li { | ul.subcategories li { | ||
| − | + | margin: 0px 0px 10px 0px; | |
| − | + | text-align: left; | |
} | } | ||
ul.subcategories a:link, | ul.subcategories a:link, | ||
| − | + | ul.subcategories a:visited, | |
| − | + | ul.subcategories a:hover, | |
| − | + | ul.subcategories a:active | |
{ | { | ||
| − | + | text-decoration: underline; | |
| − | + | font-weight: bold; | |
} | } | ||
span.subcategories { | span.subcategories { | ||
| − | + | display: inline-block; | |
| − | + | vertical-align: top; | |
| − | + | margin: 0px 10px; | |
| − | + | text-align: center; | |
| − | + | padding-bottom: 0px; | |
| − | + | overflow: hidden; | |
} | } | ||
.subcategory-image { | .subcategory-image { | ||
| − | + | float: left; | |
| − | + | margin: 0px 10px 10px 0px; | |
} | } | ||
.subcategory-descr { | .subcategory-descr { | ||
| − | + | width: auto; | |
| − | + | padding: 0px; | |
| − | + | margin-bottom: 20px; | |
} | } | ||
/* | /* | ||
| − | + | product details page | |
*/ | */ | ||
.product-details { | .product-details { | ||
| − | + | position: relative; | |
| − | + | margin-bottom: 50px; | |
} | } | ||
.product-details .image { | .product-details .image { | ||
| − | + | text-align: center; | |
| − | + | vertical-align: top; | |
| − | + | padding: 0px; | |
| − | + | float: left; | |
| − | + | margin: 5px 20px 5px 10px; | |
} | } | ||
.product-details .image .image-box { | .product-details .image .image-box { | ||
| − | + | margin: 0px auto; | |
| − | + | padding: 0px; | |
} | } | ||
.product-details .details { | .product-details .details { | ||
| − | + | padding-left: 30px; | |
} | } | ||
.product-details .details .descr { | .product-details .details .descr { | ||
| − | + | vertical-align: top; | |
| − | + | padding-right: 20px; | |
} | } | ||
.product-details .details .save-percent-container { | .product-details .details .save-percent-container { | ||
| − | + | margin-left: 10px; | |
| − | + | width: 57px; | |
| − | + | height: 57px; | |
} | } | ||
.product-details .details .save { | .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 { | .product-details .product-subtitle { | ||
| − | + | padding: 23px 0px 10px 0px; | |
} | } | ||
.product-details .product-subtitle div { | .product-details .product-subtitle div { | ||
| − | + | color: #b51a00; | |
| − | + | font-weight: bold; | |
| − | + | font-size: 12px; | |
| − | + | border: 0px none; | |
| − | + | border-bottom: 1px solid #9d1500; | |
} | } | ||
.product-details .message { | .product-details .message { | ||
| − | + | color: #b51a00; | |
} | } | ||
.product-details .warning-message { | .product-details .warning-message { | ||
| − | + | color: red; | |
} | } | ||
.product-details .customer-message { | .product-details .customer-message { | ||
| − | + | color: #b51a00; | |
| − | + | font-weight: bold; | |
} | } | ||
.product-details .quantity-row td { | .product-details .quantity-row td { | ||
| − | + | padding-top: 15px; | |
} | } | ||
.product-details .buttonw-row { | .product-details .buttonw-row { | ||
| − | + | margin-top: 15px; | |
} | } | ||
/* product properties table */ | /* product properties table */ | ||
table.product-properties { | table.product-properties { | ||
| − | + | width: 100%; | |
| − | + | margin: 0px; | |
} | } | ||
table.product-properties tr td { | table.product-properties tr td { | ||
| − | + | padding: 2px; | |
} | } | ||
table.product-properties .property-name { | table.product-properties .property-name { | ||
| − | + | width: 111px; | |
| − | + | white-space: nowrap; | |
} | } | ||
table.product-properties .property-value { | table.product-properties .property-value { | ||
| − | + | white-space: normal; | |
} | } | ||
table.product-properties .product-price { | table.product-properties .product-price { | ||
| − | + | color: #010101; | |
| − | + | font-weight: bold; | |
| − | + | font-size: 12px; | |
} | } | ||
table.product-properties .product-price-value { | table.product-properties .product-price-value { | ||
| − | + | color: #b51a00; | |
| − | + | font-weight: bold; | |
| − | + | font-size: 12px; | |
| − | + | font-family: verdana; | |
| − | + | white-space: nowrap; | |
} | } | ||
table.product-properties .product-market-price { | 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 { | table.product-properties .product-taxed-price { | ||
| − | + | color: #383838; | |
| − | + | white-space: nowrap; | |
| − | + | font-weight: normal; | |
| − | + | vertical-align: bottom; | |
} | } | ||
table.product-properties .product-input { | table.product-properties .product-input { | ||
| − | + | height: 25px; | |
| − | + | padding-right: 10px; | |
} | } | ||
table.product-properties .product-min-amount, | table.product-properties .product-min-amount, | ||
| − | + | table.product-properties .product-one-quantity | |
{ | { | ||
| − | + | font-size: 14px; | |
} | } | ||
table.product-properties .separator td { | table.product-properties .separator td { | ||
| − | + | height: 18px; | |
} | } | ||
/* send 2 friend section */ | /* send 2 friend section */ | ||
input.send2friend { | input.send2friend { | ||
| − | + | width: 300px; | |
} | } | ||
/* | /* | ||
| − | + | products list | |
*/ | */ | ||
/* common styles */ | /* common styles */ | ||
.products { | .products { | ||
| − | + | margin-bottom: 15px; | |
| − | + | margin-top: 15px; | |
} | } | ||
.products .image { | .products .image { | ||
| − | + | text-align: center; | |
| − | + | vertical-align: top; | |
| − | + | white-space: nowrap; | |
} | } | ||
.products a.see-details:link, | .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: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 { | .products .descr { | ||
| − | + | padding: 15px 0px 0px 0px; | |
| − | + | margin: 0px; | |
} | } | ||
.products .sku { | .products .sku { | ||
| − | + | margin-top: 15px; | |
} | } | ||
.products .price-row { | .products .price-row { | ||
| − | + | margin: 0px; | |
| − | + | padding: 0px; | |
| − | + | text-align: left; | |
} | } | ||
.products .market-price-value { | .products .market-price-value { | ||
| − | + | background: transparent url(images/spacer_black.gif) repeat-x left 8px; | |
} | } | ||
.products .price { | .products .price { | ||
| − | + | font-weight: bold; | |
| − | + | font-size: 12px; | |
} | } | ||
.products .price-value { | .products .price-value { | ||
| − | + | font-weight: bold; | |
| − | + | font-size: 12px; | |
| − | + | color: #b51a00; | |
} | } | ||
.products .price-save { | .products .price-save { | ||
| − | + | padding: 0px; | |
| − | + | margin: 0px; | |
| − | + | color: #b51a00; | |
} | } | ||
.products .taxes { | .products .taxes { | ||
| − | + | margin-top: 15px; | |
| − | + | padding: 2px 2px 2px 70px; | |
} | } | ||
.products .buy-now { | .products .buy-now { | ||
| − | + | margin: 10px 0px 0px 0px; | |
} | } | ||
.products .buy-now .quantity { | .products .buy-now .quantity { | ||
| − | + | height: 30px; | |
| − | + | white-space: nowrap; | |
| − | + | vertical-align: middle; | |
} | } | ||
.products .buy-now .quantity-empty { | .products .buy-now .quantity-empty { | ||
| − | + | height: 45px; | |
} | } | ||
.products .buy-now .quantity-title { | .products .buy-now .quantity-title { | ||
| − | + | width: 75px; | |
| − | + | padding-right: 16px; | |
} | } | ||
.products .buy-now .quantity select { | .products .buy-now .quantity select { | ||
| − | + | vertical-align: middle; | |
} | } | ||
.products .buy-now .out-of-stock { | .products .buy-now .out-of-stock { | ||
| − | + | white-space: nowrap; | |
| − | + | font-weight: bold; | |
} | } | ||
.products .buy-now .prices { | .products .buy-now .prices { | ||
| − | + | height: 15px; | |
| − | + | vertical-align: middle; | |
} | } | ||
.products .product-details-title { | .products .product-details-title { | ||
| − | + | color: #b51a00; | |
| − | + | font-weight: bold; | |
| − | + | font-size: 12px; | |
} | } | ||
.products .product-price-text { | .products .product-price-text { | ||
| − | + | color: #010101; | |
| − | + | font-weight: bold; | |
| − | + | font-size: 12px; | |
} | } | ||
.quantity-text { | .quantity-text { | ||
| − | + | color: #818891; | |
| − | + | padding-left: 3px; | |
} | } | ||
/* list as list */ | /* list as list */ | ||
.products-list .item { | .products-list .item { | ||
| − | + | position: relative; | |
| − | + | margin: 0px 0px 45px 0px; | |
} | } | ||
.products-list .image { | .products-list .image { | ||
| − | + | float: left; | |
| − | + | position: relative; | |
| − | + | padding: 3px 20px 3px 10px; | |
| − | + | margin-right: auto; | |
} | } | ||
.products-list .details { | .products-list .details { | ||
| − | + | vertical-align: top; | |
| − | + | padding-left: 30px; | |
| − | + | border: 0px none; | |
} | } | ||
.products-list .details hr { | .products-list .details hr { | ||
| − | + | margin: 5px 5px 5px 0px; | |
} | } | ||
.products-list .buy-now .center, | .products-list .buy-now .center, | ||
| − | + | .products-list .buy-now .halign-center | |
{ | { | ||
| − | + | margin-left: 0px; | |
| − | + | text-align: left; | |
} | } | ||
/* list as multicolumn table */ | /* list as multicolumn table */ | ||
.products-table .product-cell { | .products-table .product-cell { | ||
| − | + | background: #ffffff none; | |
| − | + | padding: 0px; | |
| − | + | vertical-align: top; | |
} | } | ||
.products-table .first.products-row td.product-cell { | .products-table .first.products-row td.product-cell { | ||
| − | + | padding-top: 0px; | |
} | } | ||
.products-table td.product-cell-price { | .products-table td.product-cell-price { | ||
| − | + | padding-top: 2px; | |
} | } | ||
.products-table td.product-cell-buynow { | .products-table td.product-cell-buynow { | ||
| − | + | padding-top: 6px; | |
} | } | ||
.products-table td.product-cell-buynow .button-row { | .products-table td.product-cell-buynow .button-row { | ||
| − | + | text-align: left; | |
| − | + | margin: 9px 0 5px; | |
} | } | ||
.products-table .image { | .products-table .image { | ||
| − | + | padding: 0px; | |
| − | + | margin: 5px 0px; | |
| − | + | text-align: left; | |
} | } | ||
.products-table a.see-details:link, | .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 { | .products-table .sku { | ||
| − | + | margin-top: 5px; | |
} | } | ||
.products-table a.product-title:link, | .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 .buttons-row, | ||
| − | + | .products-table .button-row | |
{ | { | ||
| − | + | margin: 0px; | |
} | } | ||
.products-table .buttons-row button, | .products-table .buttons-row button, | ||
| − | + | .products-table .button-row button | |
{ | { | ||
| − | + | float: none; | |
} | } | ||
.products-table .buy-now { | .products-table .buy-now { | ||
| − | + | margin-top: 5px; | |
} | } | ||
.products-table .buy-now .quantity-title { | .products-table .buy-now .quantity-title { | ||
| − | + | width: auto; | |
| − | + | padding-right: 5px; | |
} | } | ||
.products-table tr.separator td { | .products-table tr.separator td { | ||
| − | + | padding: 0px; | |
| − | + | height: 60px; | |
} | } | ||
/* | /* | ||
| − | + | advanced search page | |
*/ | */ | ||
.adv-search table td { | .adv-search table td { | ||
| − | + | white-space: nowrap; | |
| − | + | padding: 3px 5px 3px 0; | |
} | } | ||
.adv-search table .data-name { | .adv-search table .data-name { | ||
| − | + | width: 20%; | |
| − | + | vertical-align: top; | |
| − | + | color: #112536; | |
| − | + | font-weight: bold; | |
} | } | ||
.adv-search table .data-input { | .adv-search table .data-input { | ||
| − | + | white-space: nowrap; | |
} | } | ||
.adv-search table .pattern { | .adv-search table .pattern { | ||
| − | + | padding-bottom: 0px; | |
} | } | ||
.adv-search table .pattern input, | .adv-search table .pattern input, | ||
.adv-search table .pattern select | .adv-search table .pattern select | ||
{ | { | ||
| − | + | width: 95%; | |
| − | + | vertical-align: bottom; | |
} | } | ||
.adv-search table .search-button { | .adv-search table .search-button { | ||
| − | + | width: 25%; | |
| − | + | padding: 0px; | |
} | } | ||
#adv_search_box { | #adv_search_box { | ||
| − | + | margin-bottom: 15px; | |
} | } | ||
.search-again { | .search-again { | ||
| − | + | position: relative; | |
| − | + | margin-top: -17px; | |
| − | + | text-align: right; | |
| − | + | margin-left: 400px; | |
} | } | ||
.results-found { | .results-found { | ||
| − | + | position: relative; | |
| − | + | width: 400px; | |
} | } | ||
/* | /* | ||
| − | + | register page | |
*/ | */ | ||
.register-note { | .register-note { | ||
| − | + | color: #000000; | |
| − | + | margin-bottom: 15px; | |
} | } | ||
.register-newbie-note { | .register-newbie-note { | ||
| − | + | text-align: center; | |
| − | + | margin-top: 30px; | |
} | } | ||
.register-bottom-note { | .register-bottom-note { | ||
| − | + | margin-top: 30px; | |
| − | + | padding-bottom: 45px; | |
} | } | ||
.register-ups-box { | .register-ups-box { | ||
| − | + | margin-top: 45px; | |
| − | + | margin-bottom: 15px; | |
} | } | ||
.register-section-title { | .register-section-title { | ||
| − | + | height: 30px; | |
| − | + | vertical-align: middle; | |
} | } | ||
.register-section-title div { | .register-section-title div { | ||
| − | + | vertical-align: middle; | |
| − | + | padding: 2px 0px; | |
| − | + | border-bottom: 1px solid black; | |
} | } | ||
.register-section-title div * { | .register-section-title div * { | ||
| − | + | vertical-align: middle; | |
} | } | ||
.register-sec-minimized div { | .register-sec-minimized div { | ||
| − | + | border-bottom: 0px none; | |
} | } | ||
.register-section-title label { | .register-section-title label { | ||
| − | + | color: #2c3e49; | |
| − | + | font-size: 10px; | |
| − | + | font-weight: bold; | |
} | } | ||
.register-table .register-exp-section label { | .register-table .register-exp-section label { | ||
| − | + | border-bottom: 1px dashed #2c3e49; | |
} | } | ||
table.register-table .register-exp-section { | table.register-table .register-exp-section { | ||
| − | + | padding-top: 16px; | |
| − | + | padding-bottom: 16px; | |
} | } | ||
table.register-table td.data-name { | table.register-table td.data-name { | ||
| − | + | text-align: right; | |
| − | + | font-weight: normal; | |
| − | + | width: 30%; | |
} | } | ||
/* | /* | ||
| − | + | cart page | |
*/ | */ | ||
.cart .item { | .cart .item { | ||
| − | + | margin: 0px 0px 30px 0px; | |
} | } | ||
.cart .item .image { | .cart .item .image { | ||
| − | + | position: relative; | |
| − | + | padding: 3px 8px 3px 3px; | |
| − | + | height: 100%; | |
} | } | ||
.cart .details { | .cart .details { | ||
| − | + | margin-left: 138px; | |
| − | + | vertical-align: top; | |
| − | + | width: 80%; | |
} | } | ||
.cart a.product-title:link, | .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 { | .cart .descr { | ||
| − | + | padding-bottom: 15px; | |
} | } | ||
.cart .poptions-title { | .cart .poptions-title { | ||
| − | + | ||
| − | + | font-weight: bold; | |
} | } | ||
.cart .poptions-list { | .cart .poptions-list { | ||
| − | + | margin-bottom: 15px; | |
} | } | ||
.cart .buttons { | .cart .buttons { | ||
| − | + | position: relative; | |
| − | + | vertical-align: top; | |
| − | + | margin-top: 30px; | |
| − | + | height: 23px; | |
} | } | ||
.cart .buttons .buttons-row { | .cart .buttons .buttons-row { | ||
| − | + | margin-top: 0px; | |
} | } | ||
.cart .left-buttons-row { | .cart .left-buttons-row { | ||
| − | + | vertical-align: top; | |
| − | + | position: absolute; | |
| − | + | top: 0px; | |
| − | + | left: 0px; | |
} | } | ||
.cart .right-buttons-row { | .cart .right-buttons-row { | ||
| − | + | position: absolute; | |
| − | + | top: 0px; | |
| − | + | right: 0px; | |
| − | + | width: 50%; | |
} | } | ||
.cart .right-buttons-row .checkout-button { | .cart .right-buttons-row .checkout-button { | ||
| − | + | float: right; | |
} | } | ||
.cart-total-line { | .cart-total-line { | ||
| − | + | width: 50%; | |
| − | + | margin-left: 50%; | |
} | } | ||
.cart-total-row { | .cart-total-row { | ||
| − | + | text-align: right; | |
} | } | ||
div.shipping-method { | div.shipping-method { | ||
| − | + | color: #112536; | |
| − | + | font-weight: bold; | |
| − | + | margin-bottom: 15px; | |
| − | + | text-align: right; | |
} | } | ||
th.shipping-method { | th.shipping-method { | ||
| − | + | color: #112536; | |
| − | + | font-weight: bold; | |
| − | + | text-align: left; | |
} | } | ||
.shipping-method select { | .shipping-method select { | ||
| − | + | font-weight: normal; | |
} | } | ||
.shipping-method table { | .shipping-method table { | ||
| − | + | margin: 0px 0px 0px auto; | |
| − | + | text-align: right; | |
} | } | ||
.shipping-method table td { | .shipping-method table td { | ||
| − | + | font-weight: normal; | |
| − | + | text-align: left; | |
} | } | ||
.shipping-method tr.selected { | .shipping-method tr.selected { | ||
| − | + | background: #eeeeee none; | |
} | } | ||
.totals { | .totals { | ||
| − | + | margin: 0px 0px 0px auto; | |
| − | + | text-align: right; | |
| − | + | width: 30%; | |
} | } | ||
.totals td { | .totals td { | ||
| − | + | padding: 3px; | |
} | } | ||
.totals .total-name { | .totals .total-name { | ||
| − | + | white-space: nowrap; | |
| − | + | color: #112536; | |
| − | + | font-weight: bold; | |
| − | + | padding-right: 8px; | |
| − | + | text-align: left; | |
} | } | ||
.totals .total-value { | .totals .total-value { | ||
| − | + | white-space: nowrap; | |
| − | + | color: #b51a00; | |
| − | + | font-weight: bold; | |
| − | + | text-align: right; | |
} | } | ||
.totals .total-alt-value { | .totals .total-alt-value { | ||
| − | + | white-space: nowrap; | |
| − | + | text-align: right; | |
} | } | ||
.totals .total-line { | .totals .total-line { | ||
| − | + | height: 1px; | |
} | } | ||
.totals .total-line img { | .totals .total-line img { | ||
| − | + | background: black none; | |
| − | + | width: 100%; | |
| − | + | height: 1px; | |
} | } | ||
.totals .total { | .totals .total { | ||
| − | + | white-space: nowrap; | |
| − | + | color: #112536; | |
| − | + | font-weight: bold; | |
| − | + | padding-right: 8px; | |
| − | + | text-transform: uppercase; | |
| − | + | text-align: left; | |
} | } | ||
.totals .total-taxes { | .totals .total-taxes { | ||
| − | + | font-weight: bold; | |
| − | + | text-align: right; | |
} | } | ||
.totals .total-tax-line { | .totals .total-tax-line { | ||
| − | + | background-color: #eeeeee | |
} | } | ||
.totals .total-tax-line td { | .totals .total-tax-line td { | ||
| − | + | text-align: right; | |
| − | + | white-space: nowrap; | |
} | } | ||
.totals .total-tax-name { | .totals .total-tax-name { | ||
| − | + | padding-right: 8px; | |
} | } | ||
.cart hr { | .cart hr { | ||
| − | + | margin-top: 10px; | |
| − | + | margin-bottom: 10px; | |
} | } | ||
.cart-content { | .cart-content { | ||
| − | + | margin-bottom: 15px; | |
} | } | ||
.cart-content tr td, | .cart-content tr td, | ||
.cart-content tr th | .cart-content tr th | ||
{ | { | ||
| − | + | padding: 1px 3px; | |
| − | + | height: 23px; | |
| − | + | text-align: left; | |
} | } | ||
.cart-content .cart-column-tax { | .cart-content .cart-column-tax { | ||
| − | + | text-align: center; | |
} | } | ||
.cart-content td.cart-column-price, | .cart-content td.cart-column-price, | ||
| − | + | .cart-content td.cart-column-total | |
{ | { | ||
| − | + | text-align: right; | |
} | } | ||
.cart-content .cart-content-text { | .cart-content .cart-content-text { | ||
| − | + | color: #b51a00; | |
| − | + | font-weight: bold; | |
} | } | ||
.cart-content .cart-column-quantity { | .cart-content .cart-column-quantity { | ||
| − | + | width: 30px; | |
} | } | ||
.cart-content .cart-column-product { | .cart-content .cart-column-product { | ||
| − | + | width: 100%; | |
} | } | ||
.cart-content input.cart-quantity { | .cart-content input.cart-quantity { | ||
| − | + | width: 30px; | |
} | } | ||
.cmpi-vbv-icon { | .cmpi-vbv-icon { | ||
| − | + | width: 49%; | |
| − | + | float: left; | |
| − | + | text-align: center; | |
} | } | ||
.cmpi-vbv-icon img { | .cmpi-vbv-icon img { | ||
| − | + | width: 71px; | |
| − | + | height: 57px; | |
| − | + | background: transparent url(images/vbv_logo.gif) no-repeat left top; | |
} | } | ||
.cmpi-mcsc-icon { | .cmpi-mcsc-icon { | ||
| − | + | width: 49%; | |
| − | + | text-align: center; | |
} | } | ||
.cmpi-mcsc-icon img { | .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 { | .checkout-payments tr td { | ||
| − | + | padding: 2px; | |
| − | + | text-align: left; | |
} | } | ||
.checkout-payments tr td.checkout-payment-name { | .checkout-payments tr td.checkout-payment-name { | ||
| − | + | width: 20%; | |
| − | + | white-space: nowrap; | |
} | } | ||
.checkout-payments tr td.checkout-payment-name label { | .checkout-payments tr td.checkout-payment-name label { | ||
| − | + | font-weight: bold; | |
} | } | ||
.checkout-payments tr td.checkout-payment-descr { | .checkout-payments tr td.checkout-payment-descr { | ||
| − | + | width: 80%; | |
} | } | ||
.checkout-payments tr td.checkout-payment-paypal { | .checkout-payments tr td.checkout-payment-paypal { | ||
| − | + | width: 100%; | |
} | } | ||
.checkout-payments tr td.checkout-payment-paypal img { | .checkout-payments tr td.checkout-payment-paypal img { | ||
| − | + | border: 0px none; | |
} | } | ||
.checkout-update-button { | .checkout-update-button { | ||
| − | + | float: left; | |
| − | + | margin: 0px; | |
} | } | ||
.order-placed-msg { | .order-placed-msg { | ||
| − | + | margin: 20px 0px 10px 0px; | |
| − | + | padding: 0; | |
| − | + | font-size: 13px; | |
| − | + | text-align: center; | |
} | } | ||
/* | /* | ||
| − | + | Payment wait page | |
*/ | */ | ||
body.payment-wait { | body.payment-wait { | ||
| − | + | text-align: center; | |
} | } | ||
body.payment-wait .payment-wait-title { | body.payment-wait .payment-wait-title { | ||
| − | + | border-top: 30px solid #d0ddeb; | |
} | } | ||
body.payment-wait h1 { | body.payment-wait h1 { | ||
| − | + | display: block; | |
| − | + | padding: 40px 0px 0px 0px; | |
| − | + | border-top: 1px solid #d0ddeb; | |
| − | + | margin-top: 1px; | |
| − | + | color: #2c3e49; | |
} | } | ||
body.payment-wait img.payment-wait-image { | 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 { | .help-index { | ||
| − | + | list-style: none; | |
| − | + | padding: 0px; | |
| − | + | margin: 0px; | |
} | } | ||
.help-index li { | .help-index li { | ||
| − | + | margin: 0px; | |
| − | + | padding: 10px 0px 0px 0px; | |
} | } | ||
.help-index li.first-item { | .help-index li.first-item { | ||
| − | + | padding-top: 0px; | |
} | } | ||
/* | /* | ||
| − | + | help / cvv2 page | |
*/ | */ | ||
.help-cvv2-images { | .help-cvv2-images { | ||
| − | + | float: right; | |
| − | + | margin: 15px 5px 5px 5px; | |
} | } | ||
.help-cvv2-images img { | .help-cvv2-images img { | ||
| − | + | float: none; | |
| − | + | display: block; | |
| − | + | margin-bottom: 15px; | |
} | } | ||
/* | /* | ||
| − | + | help / usps test page | |
*/ | */ | ||
.help-usps-test-dir { | .help-usps-test-dir { | ||
| − | + | text-decoration: underline; | |
| − | + | margin-bottom: 15px; | |
} | } | ||
/* | /* | ||
| − | + | Images viewer | |
*/ | */ | ||
.images-viewer { | .images-viewer { | ||
| − | + | text-align: center; | |
| − | + | margin: 10px 0px | |
} | } | ||
.images-viewer-list { | .images-viewer-list { | ||
| − | + | position: relative; | |
| − | + | white-space: nowrap; | |
} | } | ||
.images-viewer-list .side-arrow, | .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: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: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: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 .enabled, | ||
.images-viewer-list .left-arrow:link .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 .disabled, | ||
.images-viewer-list .left-arrow:link .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 { | .images-viewer-list .hidden { | ||
| − | + | display: none; | |
} | } | ||
.images-viewer-list .right-arrow .enabled, | .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 .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 { | .images-viewer-icons { | ||
| − | + | text-align: left; | |
| − | + | padding: 0px; | |
| − | + | margin: 0px 10px; | |
| − | + | overflow: hidden; | |
} | } | ||
.images-viewer-icons a:link, | .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: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 { | .images-viewer-icons a:hover { | ||
| − | + | border: 1px solid #cccccc; | |
} | } | ||
.images-viewer-icons img { | .images-viewer-icons img { | ||
| − | + | margin: 1px; | |
| − | + | vertical-align: middle; | |
| − | + | border: 0px none; | |
} | } | ||
/* | /* | ||
| − | + | Order invoice | |
*/ | */ | ||
.order-invoice { | .order-invoice { | ||
| − | + | background: #ffffff none; | |
} | } | ||
.invoice-company-icon { | .invoice-company-icon { | ||
| − | + | vertical-align: top; | |
| − | + | padding-top: 30px; | |
} | } | ||
.invoice-data-box { | .invoice-data-box { | ||
| − | + | width: 100%; | |
| − | + | padding-left: 30px; | |
} | } | ||
.invoice-data-box table { | .invoice-data-box table { | ||
| − | + | width: 100%; | |
} | } | ||
.invoice-data-box table tr td { | .invoice-data-box table tr td { | ||
| − | + | padding: 2px; | |
| − | + | vertical-align: top; | |
} | } | ||
.invoice-title { | .invoice-title { | ||
| − | + | font-weight: bold; | |
| − | + | font-size: 28px; | |
| − | + | text-transform: uppercase; | |
} | } | ||
.invoice-data-box table tr td.invoice-right-info { | .invoice-data-box table tr td.invoice-right-info { | ||
| − | + | text-align: right; | |
| − | + | vertical-align: bottom; | |
} | } | ||
hr.invoice-line { | hr.invoice-line { | ||
| − | + | margin: 2px 0px 17px 0px; | |
| − | + | border-bottom: 2px solid #58595b; | |
} | } | ||
.invoice-personal-info { | .invoice-personal-info { | ||
| − | + | width: 45%; | |
| − | + | margin-bottom: 15px; | |
} | } | ||
.invoice-personal-info tr td { | .invoice-personal-info tr td { | ||
| − | + | padding: 0px; | |
} | } | ||
.invoice-personal-info tr td strong { | .invoice-personal-info tr td strong { | ||
| − | + | white-space: nowrap; | |
} | } | ||
.invoice-address-box { | .invoice-address-box { | ||
| − | + | width: 100%; | |
| − | + | margin-bottom: 30px; | |
} | } | ||
.invoice-address-title { | .invoice-address-title { | ||
| − | + | width: 45%; | |
| − | + | height: 25px; | |
} | } | ||
td.invoice-line { | td.invoice-line { | ||
| − | + | vertical-align: top; | |
| − | + | padding: 0px; | |
| − | + | height: 4px; | |
} | } | ||
td.invoice-line img { | td.invoice-line img { | ||
| − | + | height: 2px; | |
| − | + | width: 100%; | |
| − | + | background: #58595b none; | |
} | } | ||
.invoice-address-box table { | .invoice-address-box table { | ||
| − | + | width: 100%; | |
} | } | ||
.invoice-address-box table tr td { | .invoice-address-box table tr td { | ||
| − | + | padding: 0px; | |
} | } | ||
.invoice-address-box table tr td strong { | .invoice-address-box table tr td strong { | ||
| − | + | white-space: nowrap; | |
} | } | ||
.invoice-customer-notes { | .invoice-customer-notes { | ||
| − | + | padding-top: 30px; | |
} | } | ||
.invoice-customer-notes p { | .invoice-customer-notes p { | ||
| − | + | font-size: 14px; | |
| − | + | font-weight: bold; | |
| − | + | text-align: center; | |
} | } | ||
.invoice-customer-notes div { | .invoice-customer-notes div { | ||
| − | + | border: 1px solid #cecfce; | |
| − | + | height: 50px; | |
| − | + | overflow: hidden; | |
| − | + | padding: 5px; | |
} | } | ||
.invoice-bottom-note { | .invoice-bottom-note { | ||
| − | + | text-align: center; | |
| − | + | padding-top: 30px; | |
| − | + | font-size: 12px; | |
} | } | ||
p.invoice-products-title { | p.invoice-products-title { | ||
| − | + | font-size: 14px; | |
| − | + | font-weight: bold; | |
| − | + | text-align: center | |
} | } | ||
.invoice-products { | .invoice-products { | ||
| − | + | width: 100%; | |
| − | + | background: #000000 none; | |
} | } | ||
.invoice-products tr td, | .invoice-products tr td, | ||
| − | + | .invoice-products tr th | |
{ | { | ||
| − | + | background: #ffffff none; | |
} | } | ||
.invoice-products tr th { | .invoice-products tr th { | ||
| − | + | padding: 3px; | |
| − | + | background: #cccccc none; | |
| − | + | white-space: nowrap; | |
} | } | ||
.invoice-products tr th.invoice-sku-column, | .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 { | .invoice-products tr th.invoice-tax-column { | ||
| − | + | width: 100px; | |
} | } | ||
.invoice-products tr th.invoice-price-column { | .invoice-products tr th.invoice-price-column { | ||
| − | + | width: 100px; | |
| − | + | text-align: center; | |
} | } | ||
.invoice-products tr td { | .invoice-products tr td { | ||
| − | + | padding: 3px; | |
} | } | ||
.invoice-products tr td.invoice-price-column, | .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 { | .invoice-products tr td.invoice-product-column span { | ||
| − | + | font-size: 11px; | |
} | } | ||
.invoice-products tr td.invoice-product-column table tr td { | .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 { | .invoice-products tr td.invoice-product-column p { | ||
| − | + | white-space: nowrap; | |
} | } | ||
.invoice-products tr td.invoice-product-column div { | .invoice-products tr td.invoice-product-column div { | ||
| − | + | padding-left: 10px; | |
| − | + | white-space: nowrap; | |
} | } | ||
.invoice-products tr td.invoice-price-column { | .invoice-products tr td.invoice-price-column { | ||
| − | + | text-align: right; | |
| − | + | white-space: nowrap; | |
} | } | ||
.invoice-products tr td.invoice-total-column { | .invoice-products tr td.invoice-total-column { | ||
| − | + | text-align: right; | |
| − | + | white-space: nowrap; | |
| − | + | padding-right: 5px; | |
} | } | ||
.invoice-totals { | .invoice-totals { | ||
| − | + | width: 100%; | |
} | } | ||
.invoice-totals tr td { | .invoice-totals tr td { | ||
| − | + | padding: 0px; | |
} | } | ||
.invoice-totals tr .invoice-total-title { | .invoice-totals tr .invoice-total-title { | ||
| − | + | text-align: right; | |
| − | + | width: 100%; | |
| − | + | height: 20px; | |
} | } | ||
.invoice-totals tr .invoice-total-name { | .invoice-totals tr .invoice-total-name { | ||
| − | + | text-align: right; | |
| − | + | width: 100%; | |
| − | + | height: 20px; | |
| − | + | padding-right: 3px; | |
} | } | ||
.invoice-totals tr .invoice-total-value { | .invoice-totals tr .invoice-total-value { | ||
| − | + | text-align: right; | |
| − | + | height: 20px; | |
| − | + | padding-right: 5px; | |
| − | + | white-space: nowrap; | |
} | } | ||
.invoice-totals tr .invoice-total-name-fin { | .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 { | .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 { | .invoice-totals tr td.invoice-line { | ||
| − | + | height: 2px; | |
} | } | ||
.invoice-giftcerts { | .invoice-giftcerts { | ||
| − | + | width: 100%; | |
} | } | ||
.invoice-giftcerts tr td { | .invoice-giftcerts tr td { | ||
| − | + | padding: 0px; | |
} | } | ||
.invoice-giftcerts tr th { | .invoice-giftcerts tr th { | ||
| − | + | background: #cccccc none; | |
} | } | ||
.invoice-giftcerts tr th.invoice-giftcert-id { | .invoice-giftcerts tr th.invoice-giftcert-id { | ||
| − | + | width: 60px; | |
} | } | ||
.invoice-giftcerts tr td.invoice-giftcert-id { | .invoice-giftcerts tr td.invoice-giftcert-id { | ||
| − | + | text-align: center; | |
} | } | ||
.invoice-giftcerts tr .invoice-giftcert-cost { | .invoice-giftcerts tr .invoice-giftcert-cost { | ||
| − | + | text-align: right; | |
| − | + | white-space: nowrap; | |
| − | + | padding-right: 5px; | |
} | } | ||
/* | /* | ||
| − | + | 404 error page | |
*/ | */ | ||
.error-page #header { | .error-page #header { | ||
| − | + | height: 87px; | |
} | } | ||
.error-page #header .line2 { | .error-page #header .line2 { | ||
| − | + | height: 20px; | |
} | } | ||
.error-page #header .logo { | .error-page #header .logo { | ||
| − | + | margin-left: 167px; | |
} | } | ||
.error-page #content-container { | .error-page #content-container { | ||
| − | + | margin-top: 87px; | |
} | } | ||
.error-page #center-main { | .error-page #center-main { | ||
| − | + | text-align: center; | |
| − | + | margin: 0px 10px; | |
} | } | ||
.error-page #header .line1 .tabs, | .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 { | .error-page .subcontainer { | ||
| − | + | text-align: left; | |
| − | + | width: 700px; | |
| − | + | margin: 32px auto 0px auto; | |
| − | + | position: relative; | |
| − | + | clear: both; | |
} | } | ||
.error-page .code-number { | .error-page .code-number { | ||
| − | + | font: normal 74px arial, sans-serif; | |
| − | + | color: #d8d8d8; | |
| − | + | width: 186px; | |
| − | + | float: left; | |
| − | + | text-align: center; | |
} | } | ||
.error-page .description { | .error-page .description { | ||
| − | + | font-family: verdana; | |
| − | + | width: 514px; | |
| − | + | float: right; | |
} | } | ||
.error-page .description h1 { | .error-page .description h1 { | ||
| − | + | font-weight: normal; | |
| − | + | color: #000000; | |
} | } | ||
.error-page .description a:link, | .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 { | .error-page .description ul { | ||
| − | + | margin: 0px; | |
| − | + | padding: 5px 0px; | |
| − | + | list-style-position: inside; | |
} | } | ||
.error-page .reason { | .error-page .reason { | ||
| − | + | font-weight: bold; | |
| − | + | color: #a10000; | |
} | } | ||
.error-page .description hr { | .error-page .description hr { | ||
| − | + | margin: 10px 0px 15px 0px; | |
} | } | ||
.error-page ul.links { | .error-page ul.links { | ||
| − | + | margin: 0px; | |
| − | + | padding: 5px 0px; | |
| − | + | list-style: none; | |
} | } | ||
/* | /* | ||
| − | + | PayPal | |
*/ | */ | ||
.paypal-cart-button { | .paypal-cart-button { | ||
| − | + | text-align: right; | |
| − | + | height: 65px; | |
} | } | ||
.paypal-cart-button div { | .paypal-cart-button div { | ||
| − | + | width: 200px; | |
| − | + | height: 65px; | |
| − | + | margin-left: auto; | |
| − | + | margin-right: 0px; | |
| − | + | overflow: visible; | |
| − | + | text-align: right; | |
} | } | ||
.paypal-cart-button p { | .paypal-cart-button p { | ||
| − | + | width: 100%; | |
| − | + | text-align: right; | |
| − | + | margin: 10px 0px; | |
} | } | ||
.paypal-cart-icon { | .paypal-cart-icon { | ||
| − | + | float: left; | |
| − | + | padding-right: 10px; | |
} | } | ||
/*============================================================================ | /*============================================================================ | ||
| − | + | module styles | |
==============================================================================*/ | ==============================================================================*/ | ||
/* | /* | ||
| − | + | bestsellers module | |
*/ | */ | ||
/* bestsellers menu box */ | /* bestsellers menu box */ | ||
.menu-bestsellers img.icon { | .menu-bestsellers img.icon { | ||
| − | + | background: url(images/dingbats_categorie.gif) no-repeat; | |
} | } | ||
.menu-bestsellers ul li a:link, | .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 { | .menu-bestsellers ul { | ||
| − | + | margin-left: 20px; | |
| − | + | list-style: decimal outside none; | |
| − | + | font-weight: bold; | |
} | } | ||
.menu-bestsellers ul li, | .menu-bestsellers ul li, | ||
| − | + | .menu-special ul li, | |
| − | + | .menu-help ul li, | |
| − | + | .menu-manufacturers ul li | |
{ | { | ||
| − | + | padding: 4px 0px; | |
} | } | ||
/* bestsellers products list */ | /* bestsellers products list */ | ||
ul.bestsellers-products-item { | ul.bestsellers-products-item { | ||
| − | + | list-style: none; | |
| − | + | margin: 0px; | |
| − | + | padding: 0px; | |
} | } | ||
ul.bestsellers-products-item li { | ul.bestsellers-products-item li { | ||
| − | + | list-style: none; | |
| − | + | padding: 2px; | |
} | } | ||
ul.bestsellers-products-item img { | ul.bestsellers-products-item img { | ||
| − | + | width: 50px; | |
| − | + | float: left; | |
} | } | ||
.bestsellers-products-item .details { | .bestsellers-products-item .details { | ||
| − | + | margin-left: 50px; | |
| − | + | padding-left: 2px; | |
} | } | ||
.bestsellers-products-item a.product-title:link, | .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 { | .creviews-rating-box { | ||
| − | + | margin-top: 5px; | |
| − | + | padding-bottom: 7px; | |
} | } | ||
.creviews-vote-bar ul { | .creviews-vote-bar ul { | ||
| − | + | list-style: none; | |
| − | + | margin: 0px; | |
| − | + | padding: 0px; | |
| − | + | overflow: visible; | |
} | } | ||
.creviews-vote-bar li ul { | .creviews-vote-bar li ul { | ||
| − | + | position: absolute; | |
| − | + | top: 0px; | |
| − | + | left: 22px; | |
} | } | ||
.creviews-vote-bar li { | .creviews-vote-bar li { | ||
| − | + | margin: 0px; | |
| − | + | padding: 0px; | |
| − | + | overflow: visible; | |
| − | + | position: relative; | |
| − | + | width: 22px; | |
| − | + | height: 20px; | |
} | } | ||
.creviews-vote-bar a, | .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.full, | ||
| − | + | .creviews-vote-bar span img | |
{ | { | ||
| − | + | background-position: 1px -20px; | |
} | } | ||
.allow-add-rate a { | .allow-add-rate a { | ||
| − | + | background-position: 1px -40px; | |
} | } | ||
.allow-add-rate a.full, | .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, | ||
| − | + | .allow-add-rate li:hover > a.full | |
{ | { | ||
| − | + | background-position: 1px -80px; | |
} | } | ||
.allow-add-rate li:hover > a img { | .allow-add-rate li:hover > a img { | ||
| − | + | display: none; | |
} | } | ||
.creviews-rating-box .progress { | .creviews-rating-box .progress { | ||
| − | + | display: block; | |
| − | + | background: transparent url(images/progress.gif) repeat-x left 5px; | |
| − | + | height: 20px; | |
} | } | ||
.creviews-rating-box.message span { | .creviews-rating-box.message span { | ||
| − | + | display: block; | |
| − | + | padding-top: 5px; | |
| − | + | font-size: 11px; | |
| − | + | font-weight: bold; | |
} | } | ||
.creviews-rating { | .creviews-rating { | ||
| − | + | font-size: 10px; | |
| − | + | color: #8a8a8a; | |
} | } | ||
ul.creviews-reviews-list { | ul.creviews-reviews-list { | ||
| − | + | list-style: none; | |
| − | + | margin: 0px 0px 35px 0px; | |
| − | + | padding: 0px; | |
| − | + | width: 100%; | |
} | } | ||
ul.creviews-reviews-list li { | ul.creviews-reviews-list li { | ||
| − | + | margin: 0px; | |
| − | + | padding: 12px 0px; | |
} | } | ||
div.creviews-reviews-list { | div.creviews-reviews-list { | ||
| − | + | text-align: center; | |
| − | + | padding: 12px 0px 25px 0px; | |
} | } | ||
.creviews-reviews-title { | .creviews-reviews-title { | ||
| − | + | font-weight: bold; | |
| − | + | white-space: nowrap; | |
| − | + | font-size: 12px; | |
} | } | ||
.creviews-reviews-add table td { | .creviews-reviews-add table td { | ||
| − | + | padding: 2px; | |
} | } | ||
/* | /* | ||
| − | + | detailed product images module | |
*/ | */ | ||
/* detailed images on product detailed page */ | /* detailed images on product detailed page */ | ||
.dpimages-list .content { | .dpimages-list .content { | ||
| − | + | text-align: center; | |
} | } | ||
.dpimages-list .content img { | .dpimages-list .content img { | ||
| − | + | padding: 0px 0px 10px 0px; | |
} | } | ||
.dpimages-list .content img.last { | .dpimages-list .content img.last { | ||
| − | + | padding: 0px; | |
} | } | ||
/* product details line */ | /* product details line */ | ||
div.dpimages-popup-link { | div.dpimages-popup-link { | ||
| − | + | margin-top: 3px; | |
| − | + | text-align: center; | |
| − | + | vertical-align: middle; | |
} | } | ||
.dpimages-popup-link a:link, | .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 { | .printable .dpimages-popup-link { | ||
| − | + | display: none; | |
} | } | ||
/* icons box */ | /* icons box */ | ||
.dpimages-icons-box { | .dpimages-icons-box { | ||
| − | + | padding-top: 15px; | |
| − | + | padding-bottom: 10px; | |
| − | + | width: 220px; | |
} | } | ||
.dpimages-icons-box a:link, | .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 { | .dpimages-icons-box a:hover { | ||
| − | + | border: 1px solid #215485; | |
} | } | ||
/* | /* | ||
| − | + | discount coupons module | |
*/ | */ | ||
.dcoupons-add-coupon { | .dcoupons-add-coupon { | ||
| − | + | color: #112536; | |
| − | + | font-weight: bold; | |
} | } | ||
/* clear link */ | /* clear link */ | ||
.dcoupons-clear img { | .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 { | .flc-sns-button { | ||
| − | + | position: absolute; | |
| − | + | top: 0px; | |
| − | + | left: 30px; | |
| − | + | height: 100%; | |
} | } | ||
.flc-sns-button img { | .flc-sns-button img { | ||
| − | + | width: 9px; | |
| − | + | height: 9px; | |
} | } | ||
.flc-top-login { | .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 { | #header .flc-top-login .simple-button { | ||
| − | + | margin-bottom: 7px; | |
} | } | ||
.flc-top-login-text { | .flc-top-login-text { | ||
| − | + | white-space: nowrap; | |
| − | + | padding: 0px 10px 0px 0px; | |
} | } | ||
.flc-container #header .line2 { | .flc-container #header .line2 { | ||
| − | + | height: 20px; | |
} | } | ||
.flc-container #content-container { | .flc-container #content-container { | ||
| − | + | margin-top: 102px; | |
} | } | ||
.flc-container #header { | .flc-container #header { | ||
| − | + | height: 102px; | |
} | } | ||
.flc-container #center { | .flc-container #center { | ||
| − | + | text-align: center; | |
} | } | ||
.flc-container #center-main { | .flc-container #center-main { | ||
| − | + | text-align: left; | |
} | } | ||
/* Checkout page : user profile */ | /* Checkout page : user profile */ | ||
.flc-left-dialog { | .flc-left-dialog { | ||
| − | + | width: 49%; | |
| − | + | float: left; | |
| − | + | height: 260px; | |
} | } | ||
.flc-right-dialog { | .flc-right-dialog { | ||
| − | + | margin-left: 50%; | |
| − | + | height: 260px; | |
} | } | ||
.flc-ext-left-dialog, | .flc-ext-left-dialog, | ||
| − | + | .flc-ext-right-dialog | |
{ | { | ||
| − | + | height: 380px; | |
} | } | ||
.flc-right-dialog .content { | .flc-right-dialog .content { | ||
| − | + | vertical-align: middle; | |
| − | + | text-align: center; | |
| − | + | line-height: 184px; | |
} | } | ||
.flc-ext-right-dialog .content { | .flc-ext-right-dialog .content { | ||
| − | + | line-height: 314px; | |
} | } | ||
.flc-login-text { | .flc-login-text { | ||
| − | + | font-size: 12px; | |
| − | + | font-weight: bold; | |
| − | + | margin: auto 0px; | |
} | } | ||
.flc-login-text a:link, | .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 { | .flc-left-dialog input { | ||
| − | + | width: 180px; | |
} | } | ||
/* Checkout page : shipping & payment methods */ | /* Checkout page : shipping & payment methods */ | ||
.flc-checkout-container { | .flc-checkout-container { | ||
| − | + | vertical-align: top; | |
| − | + | padding-bottom: 30px; | |
| − | + | width: 100%; | |
| − | + | clear: both; | |
} | } | ||
.flc-checkout-container .flc-address { | .flc-checkout-container .flc-address { | ||
| − | + | vertical-align: top; | |
| − | + | width: 30%; | |
| − | + | float: left; | |
| − | + | overflow: hidden; | |
} | } | ||
.flc-checkout-container .flc-checkout-options { | .flc-checkout-container .flc-checkout-options { | ||
| − | + | margin-left: 32%; | |
| − | + | vertical-align: top; | |
} | } | ||
.flc-payments tr td { | .flc-payments tr td { | ||
| − | + | padding: 2px; | |
| − | + | vertical-align: top; | |
} | } | ||
.flc-payments tr td.flc-payment-name { | .flc-payments tr td.flc-payment-name { | ||
| − | + | width: 20%; | |
| − | + | white-space: nowrap; | |
| − | + | padding-right: 10px; | |
} | } | ||
.flc-payments tr td.flc-payment-name label { | .flc-payments tr td.flc-payment-name label { | ||
| − | + | font-weight: bold; | |
} | } | ||
.flc-payments tr td.flc-payment-descr { | .flc-payments tr td.flc-payment-descr { | ||
| − | + | width: 80%; | |
} | } | ||
.flc-payments tr td.flc-payment-paypal { | .flc-payments tr td.flc-payment-paypal { | ||
| − | + | width: 100%; | |
} | } | ||
.flc-payments tr td.flc-payment-paypal img { | .flc-payments tr td.flc-payment-paypal img { | ||
| − | + | border: 0px none; | |
} | } | ||
.flc-shippings label { | .flc-shippings label { | ||
| − | + | position: relative; | |
| − | + | display: block; | |
| − | + | padding: 2px; | |
| − | + | height: 18px; | |
| − | + | line-height: 18px; | |
| − | + | vertical-align: middle; | |
} | } | ||
.flc-shippings label input { | .flc-shippings label input { | ||
| − | + | vertical-align: middle; | |
} | } | ||
.flc-shippings label span { | .flc-shippings label span { | ||
| − | + | padding-left: 3px; | |
} | } | ||
.flc-shippings label.highlight { | .flc-shippings label.highlight { | ||
| − | + | background: #eeeeee none | |
} | } | ||
/* Checkout page : tabs */ | /* Checkout page : tabs */ | ||
div.flc-tabs-container { | div.flc-tabs-container { | ||
| − | + | position: relative; | |
| − | + | text-align: right; | |
| − | + | height: 60px; | |
} | } | ||
div.flc-tabs { | div.flc-tabs { | ||
| − | + | position: absolute; | |
| − | + | right: 0; | |
| − | + | top: 0; | |
} | } | ||
ul.flc-progress-bar { | ul.flc-progress-bar { | ||
| − | + | list-style-type: none; | |
| − | + | margin: 0; | |
| − | + | padding: 0; | |
} | } | ||
ul.flc-progress-bar li { | ul.flc-progress-bar li { | ||
| − | + | float: left; | |
| − | + | height: 60px; | |
| − | + | width: 150px; | |
| − | + | padding: 0px; | |
| − | + | margin: 0px; | |
| − | + | text-align: center; | |
} | } | ||
div.flc-tab-cart-line { | div.flc-tab-cart-line { | ||
| − | + | vertical-align: top; | |
| − | + | text-align: center; | |
| − | + | height: 30px; | |
} | } | ||
div.flc-tab-cart-line img { | 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 { | div.flc-tab-marks-line { | ||
| − | + | padding: 0px; | |
| − | + | height: 10px; | |
| − | + | vertical-align: top; | |
} | } | ||
.flc-tab-marks-line div { | .flc-tab-marks-line div { | ||
| − | + | width: 100%; | |
| − | + | height: 6px; | |
| − | + | position: relative; | |
} | } | ||
.flc-tab-marks-line img { | .flc-tab-marks-line img { | ||
| − | + | position: absolute; | |
| − | + | background: #a6b1c1 none; | |
} | } | ||
.flc-tab-marks-line .flc-tab-line-img1 { | .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 { | .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 { | .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 { | .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 { | .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-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 { | div.flc-tab-links { | ||
| − | + | font-weight: bold; | |
| − | + | text-align: center; | |
| − | + | padding: 0px 5px; | |
} | } | ||
.flc-tab-links a:link, | .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 { | .flc-checkout-products { | ||
| − | + | padding-bottom: 30px; | |
} | } | ||
.flc-checkout-box-info { | .flc-checkout-box-info { | ||
| − | + | padding: 0px 0px 30px 20px; | |
} | } | ||
.flc-checkout-address-left { | .flc-checkout-address-left { | ||
| − | + | width: 48%; | |
| − | + | float: left; | |
| − | + | vertical-align: top; | |
| − | + | padding-bottom: 15px; | |
} | } | ||
.flc-checkout-address-right { | .flc-checkout-address-right { | ||
| − | + | vertical-align: top; | |
| − | + | margin-left: 50%; | |
| − | + | padding-bottom: 15px; | |
} | } | ||
table.flc-checkout-address tr td { | table.flc-checkout-address tr td { | ||
| − | + | padding: 2px; | |
} | } | ||
.flc-payment-options { | .flc-payment-options { | ||
| − | + | padding-bottom: 15px; | |
} | } | ||
/* | /* | ||
| − | + | gift certificate module | |
*/ | */ | ||
/* gift certificate page */ | /* gift certificate page */ | ||
.giftcert-header { | .giftcert-header { | ||
| − | + | vertical-align: middle; | |
| − | + | padding-bottom: 15px; | |
} | } | ||
.giftcert-header img { | .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 { | .giftcert-table .giftcert-title { | ||
| − | + | color: #b51a00; | |
| − | + | font-weight: bold; | |
| − | + | font-size: 12px; | |
| − | + | padding: 10px 0px 0px 0px; | |
} | } | ||
.giftcert-table .data-name { | .giftcert-table .data-name { | ||
| − | + | text-align: right; | |
} | } | ||
.giftcert-table .giftcert-subtitle { | .giftcert-table .giftcert-subtitle { | ||
| − | + | padding-bottom: 30px; | |
} | } | ||
.giftcert-table .giftcert-h-separator { | .giftcert-table .giftcert-h-separator { | ||
| − | + | padding: 15px 0px; | |
} | } | ||
.giftcert-table .giftcert-h-separator hr { | .giftcert-table .giftcert-h-separator hr { | ||
| − | + | border-bottom: 1px solid #cccccc; | |
} | } | ||
.giftcert-table .buttons-row #preview_button { | .giftcert-table .buttons-row #preview_button { | ||
| − | + | float: left; | |
} | } | ||
.giftcert-table .giftcert-delivery-method { | .giftcert-table .giftcert-delivery-method { | ||
| − | + | font-weight: bold; | |
} | } | ||
table.data-table tr#preview_template td { | table.data-table tr#preview_template td { | ||
| − | + | vertical-align: middle; | |
} | } | ||
#preview_template td select { | #preview_template td select { | ||
| − | + | margin-right: 20px; | |
} | } | ||
/* cart page */ | /* cart page */ | ||
.giftcert-item .image img { | .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 { | .giftcert-item .giftcert-item-row .giftcert-item-subtitle { | ||
| − | + | padding-right: 3px; | |
} | } | ||
.giftcert-item .product-title { | .giftcert-item .product-title { | ||
| − | + | padding-bottom: 15px; | |
} | } | ||
/* | /* | ||
| − | + | google checkout module | |
*/ | */ | ||
.gcheckout-cart-buttons { | .gcheckout-cart-buttons { | ||
} | } | ||
.gcheckout-cart-buttons div { | .gcheckout-cart-buttons div { | ||
| − | + | width: 200px; | |
| − | + | margin-left: auto; | |
| − | + | margin-right: 0px; | |
| − | + | overflow: visible; | |
| − | + | text-align: right; | |
} | } | ||
.gcheckout-cart-buttons p { | .gcheckout-cart-buttons p { | ||
| − | + | width: 100%; | |
| − | + | text-align: right; | |
| − | + | margin: 10px 0px; | |
} | } | ||
table.gcheckout-top-button { | table.gcheckout-top-button { | ||
| − | + | float: right; | |
| − | + | margin-bottom: 3px; | |
} | } | ||
table.gcheckout-top-button tr td { | table.gcheckout-top-button tr td { | ||
| − | + | padding: 0px; | |
} | } | ||
table.gcheckout-top-button tr td.gcheckout-or-use { | table.gcheckout-top-button tr td.gcheckout-or-use { | ||
| − | + | padding-left: 20px; | |
| − | + | padding-right: 20px; | |
} | } | ||
.error-page .gcheckout-top-button { | .error-page .gcheckout-top-button { | ||
| − | + | display: none; | |
} | } | ||
/* | /* | ||
| − | + | image verification module | |
*/ | */ | ||
div.iv-box { | div.iv-box { | ||
| − | + | margin-top: 15px; | |
| − | + | font-size: 10px; | |
| − | + | line-height: normal; | |
} | } | ||
table.data-table tr td.iv-box { | table.data-table tr td.iv-box { | ||
| − | + | font-size: 10px; | |
| − | + | line-height: normal; | |
| − | + | vertical-align: middle; | |
| − | + | padding-right: 10px; | |
} | } | ||
table.data-table tr td.iv-box-descr { | table.data-table tr td.iv-box-descr { | ||
| − | + | padding-top: 15px; | |
| − | + | font-size: 10px; | |
| − | + | line-height: normal; | |
} | } | ||
.iv-description { | .iv-description { | ||
| − | + | padding: 0px; | |
| − | + | margin: 0px; | |
} | } | ||
.iv-row { | .iv-row { | ||
| − | + | text-align: left; | |
| − | + | height: 60px; | |
} | } | ||
.iv-img { | .iv-img { | ||
| − | + | text-align: center; | |
} | } | ||
.iv-input { | .iv-input { | ||
| − | + | text-align: center; | |
} | } | ||
.iv-row .iv-img { | .iv-row .iv-img { | ||
| − | + | text-align: left; | |
| − | + | margin-right: 10px; | |
| − | + | float: left; | |
} | } | ||
.iv-row .iv-input { | .iv-row .iv-input { | ||
| − | + | text-align: left; | |
| − | + | height: 60px; | |
| − | + | line-height: 60px; | |
} | } | ||
.iv-input input { | .iv-input input { | ||
| − | + | width: 100px; | |
} | } | ||
.iv-error { | .iv-error { | ||
| − | + | padding-left: 5px; | |
| − | + | color: #880000; | |
} | } | ||
.iv-box a:link, | .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: 10px; | |
} | } | ||
/* | /* | ||
| − | + | manufacturers module | |
*/ | */ | ||
/* manufacturers menu list */ | /* manufacturers menu list */ | ||
.menu-manufacturers img.icon { | .menu-manufacturers img.icon { | ||
| − | + | background: url(images/dingbats_categorie.gif) no-repeat; | |
} | } | ||
/* manufacturers list */ | /* manufacturers list */ | ||
ul.manufacturers-list { | ul.manufacturers-list { | ||
| − | + | padding: 0px; | |
| − | + | margin: 0px; | |
| − | + | list-style: none; | |
} | } | ||
ul.manufacturers-list li { | ul.manufacturers-list li { | ||
| − | + | margin: 0px; | |
| − | + | padding: 0px 0px 0px 5px; | |
| − | + | white-space: nowrap; | |
} | } | ||
/* | /* | ||
| − | + | News management module | |
*/ | */ | ||
.news-register-item { | .news-register-item { | ||
| − | + | margin-bottom: 5px; | |
} | } | ||
.news-register-item label { | .news-register-item label { | ||
| − | + | line-height: 15px; | |
} | } | ||
.news-register-item span { | .news-register-item span { | ||
| − | + | font-style: italic; | |
} | } | ||
.news-item { | .news-item { | ||
| Line 4,310: | Line 4,003: | ||
/* News list */ | /* News list */ | ||
label.news-item { | label.news-item { | ||
| − | + | display: block; | |
| − | + | font-weight: bold; | |
} | } | ||
.news-item-descr { | .news-item-descr { | ||
| − | + | font-style: italic; | |
| − | + | padding-left: 20px; | |
| − | + | padding-bottom: 15px; | |
} | } | ||
.news-list { | .news-list { | ||
} | } | ||
.news-list .news-item { | .news-list .news-item { | ||
| − | + | margin-top: 27px; | |
} | } | ||
.news-list .news-item.last { | .news-list .news-item.last { | ||
| − | + | margin-bottom: 27px; | |
} | } | ||
.news-list .news-date { | .news-list .news-date { | ||
| − | + | color: #818891; | |
} | } | ||
.news-list .news-title { | .news-list .news-title { | ||
| − | + | color: #2c3e49; | |
| − | + | font-weight: bold; | |
| − | + | font-size: 14px; | |
} | } | ||
.news-list .news-body { | .news-list .news-body { | ||
| − | + | margin-top: 10px; | |
} | } | ||
/* | /* | ||
| − | + | 'Note' box | |
*/ | */ | ||
div.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 */ | /* exceptions list */ | ||
#exception_msg { | #exception_msg { | ||
| − | + | padding-bottom: 15px; | |
} | } | ||
.poptions-exceptions-list { | .poptions-exceptions-list { | ||
| − | + | padding-bottom: 15px; | |
} | } | ||
/* short options list */ | /* short options list */ | ||
.poptions-options-list { | .poptions-options-list { | ||
| − | + | padding: 1px; | |
} | } | ||
.poptions-options-list td { | .poptions-options-list td { | ||
| − | + | padding-right: 10px; | |
} | } | ||
/* | /* | ||
| − | + | recommended products module | |
*/ | */ | ||
ul.rproducts { | ul.rproducts { | ||
| − | + | list-style: none outside none; | |
| − | + | margin: 0px; | |
| − | + | padding: 0px; | |
} | } | ||
ul.rproducts li { | ul.rproducts li { | ||
| − | + | margin: 0px; | |
| − | + | padding: 4px 0px; | |
| − | + | font-size: 7px; | |
} | } | ||
ul.rproducts a:link, | 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 { | .printable .rproducts-dialog { | ||
| − | + | display: none; | |
} | } | ||
/* | /* | ||
| − | + | sns module | |
*/ | */ | ||
.sns-button img { | .sns-button img { | ||
| − | + | cursor: pointer; | |
} | } | ||
.sns-button .text { | .sns-button .text { | ||
| − | + | height: 15px; | |
| − | + | text-align: center; | |
} | } | ||
.sns-button .text a:link, | .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 { | 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 { | .subscriptions-product-price { | ||
| − | + | color: #010101; | |
| − | + | font-weight: bold; | |
| − | + | font-size: 12px; | |
| − | + | padding-right: 5px; | |
} | } | ||
.subscriptions-product-price-value { | .subscriptions-product-price-value { | ||
| − | + | color: #b51a00; | |
| − | + | font-weight: bold; | |
| − | + | font-size: 12px; | |
} | } | ||
/* | /* | ||
| − | + | upselling products module | |
*/ | */ | ||
.uproducts ul { | .uproducts ul { | ||
| − | + | list-style: none outside none; | |
| − | + | padding: 0px; | |
| − | + | margin: 0px; | |
} | } | ||
.uproducts li { | .uproducts li { | ||
| − | + | padding: 5px; | |
| − | + | font-weight: bold; | |
} | } | ||
ul.uproducts a:link, | ul.uproducts a:link, | ||
| − | + | ul.uproducts a:visited, | |
| − | + | ul.uproducts a:hover, | |
| − | + | ul.uproducts a:active | |
{ | { | ||
| − | + | font-weight: bold; | |
| − | + | font-size: 12px; | |
} | } | ||
.printable .uproducts { | .printable .uproducts { | ||
| − | + | display: none; | |
} | } | ||
/* | /* | ||
| − | + | ups online tools module | |
*/ | */ | ||
.ups-logo { | .ups-logo { | ||
| − | + | width: 84px; | |
| − | + | height: 96px; | |
| − | + | margin: 0px 5px 15px 5px; | |
} | } | ||
.ups-logo-cell { | .ups-logo-cell { | ||
| − | + | margin: 25px 20px 5px 20px; | |
| − | + | text-align: center; | |
} | } | ||
.ups-notice { | .ups-notice { | ||
| − | + | font-size: 10px; | |
| − | + | font-family: verdana, arial, helvetica, sans-serif; | |
| − | + | text-align: left; | |
| − | + | padding-left: 10px; | |
} | } | ||
table.ups-error tr td { | table.ups-error tr td { | ||
| − | + | padding: 1px; | |
} | } | ||
.ups-error-name { | .ups-error-name { | ||
| − | + | width: 20%; | |
} | } | ||
/* | /* | ||
| − | + | users online module | |
*/ | */ | ||
/* users statistics box */ | /* users statistics box */ | ||
.uo-box { | .uo-box { | ||
| − | + | width: 100%; | |
| − | + | border-top: 1px solid #acb7c7; | |
| − | + | background-color: #e8edf4; | |
| − | + | padding: 10px 0px 10px 13px; | |
} | } | ||
/* | /* | ||
| − | + | wholesale module | |
*/ | */ | ||
#wl-prices { | #wl-prices { | ||
| − | + | margin-top: 15px; | |
} | } | ||
#wl-prices table td { | #wl-prices table td { | ||
| − | + | padding: 2px 10px; | |
| − | + | background: #eeeeee none; | |
| − | + | white-space: nowrap; | |
} | } | ||
#wl-prices table th { | #wl-prices table th { | ||
| − | + | padding: 2px 10px; | |
| − | + | white-space: nowrap; | |
| − | + | background: #cccccc none; | |
| − | + | font-weight: bold; | |
| − | + | text-align: center; | |
} | } | ||
#wl-prices div strong { | #wl-prices div strong { | ||
| − | + | color: #112536; | |
} | } | ||
/* | /* | ||
| − | + | wishlist module | |
*/ | */ | ||
.wishlist-sendlist { | .wishlist-sendlist { | ||
| − | + | margin-top: 15px; | |
} | } | ||
.wishlist-sendlist .button { | .wishlist-sendlist .button { | ||
| − | + | margin-left: 10px; | |
| − | + | margin-top: -3px; | |
} | } | ||
.wishlist-sendlist input.input-email { | .wishlist-sendlist input.input-email { | ||
| − | + | width: 140px; | |
} | } | ||
/*============================================================================== | /*============================================================================== | ||
| − | + | alternative layouts | |
==============================================================================*/ | ==============================================================================*/ | ||
/* | /* | ||
| − | + | printable | |
*/ | */ | ||
.printable #content-container { | .printable #content-container { | ||
| − | + | position: static; | |
| − | + | padding: 0px; | |
| − | + | margin-top: 82px; | |
} | } | ||
.printable #content-container2 { | .printable #content-container2 { | ||
| − | + | float: none; | |
| − | + | position: static; | |
| − | + | left: 0px; | |
| − | + | right: 0px; | |
| − | + | width: 100%; | |
} | } | ||
.printable #center { | .printable #center { | ||
| − | + | float: none; | |
| − | + | position: static; | |
| − | + | width: 100%; | |
| − | + | left: 0px; | |
} | } | ||
.printable #header { | .printable #header { | ||
| − | + | position: static; | |
| − | + | height: 82px; | |
} | } | ||
.printable #header .tabs { | .printable #header .tabs { | ||
| − | + | display: none; | |
} | } | ||
.printable #header .line2 { | .printable #header .line2 { | ||
| − | + | display: none; | |
} | } | ||
.printable #header .printable { | .printable #header .printable { | ||
| − | + | display: none; | |
} | } | ||
.printable #center-main { | .printable #center-main { | ||
| − | + | margin: 0px 10px 0px 10px !important; | |
| − | + | position: static; | |
} | } | ||
.printable #footer { | .printable #footer { | ||
| − | + | position: static !important; | |
} | } | ||
.printable #footer .subbox { | .printable #footer .subbox { | ||
| − | + | background: transparent none; | |
} | } | ||
/* buttons */ | /* buttons */ | ||
.printable button.button, | .printable button.button, | ||
| − | + | .printable div.button | |
{ | { | ||
| − | + | border: 1px solid #acb7c7; | |
} | } | ||
.printable .button, | .printable .button, | ||
| − | + | .printable .button * | |
{ | { | ||
| − | + | background: transparent none !important; | |
} | } | ||
/* containers */ | /* containers */ | ||
.printable .dialog .title { | .printable .dialog .title { | ||
| − | + | background: transparent none; | |
} | } | ||
.title h2 { | .title h2 { | ||
| − | + | margin: 0px; | |
} | } | ||
.printable .product-details .dropout-wrapper { | .printable .product-details .dropout-wrapper { | ||
| − | + | height: 150px; | |
} | } | ||
/* service styles */ | /* service styles */ | ||
.printable .no-print { | .printable .no-print { | ||
| − | + | display: none; | |
} | } | ||
/* | /* | ||
| − | + | users online sublayout | |
*/ | */ | ||
.uo-container #content-container { | .uo-container #content-container { | ||
| − | + | padding-bottom: 74px; | |
} | } | ||
.uo-container #footer { | .uo-container #footer { | ||
| − | + | height: 74px; | |
} | } | ||
.normal { | .normal { | ||
| − | + | font-weight: normal; | |
} | } | ||
/* | /* | ||
| − | + | Admin preview layout | |
*/ | */ | ||
.admin-preview #header, | .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 { | .admin-preview #content-container { | ||
| − | + | margin: 0px; | |
| − | + | padding: 0px; | |
} | } | ||
.admin-preview #center-main { | .admin-preview #center-main { | ||
| − | + | margin: 5px; | |
} | } | ||
/* | /* | ||
| − | + | 'Need help' box | |
*/ | */ | ||
.need-help-link:link, | .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.need-help-box div | |
{ | { | ||
| − | + | position: relative; | |
| − | + | width: 200px; | |
| − | + | margin: 0px; | |
| − | + | padding: 0px; | |
} | } | ||
div.need-help-box div { | 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 { | select.adv-search-select { | ||
| − | + | width: 400px; | |
} | } | ||
div.evaluation-notice { | div.evaluation-notice { | ||
| − | + | border: solid 4px #c7c5c5; | |
| − | + | background: #f7f6f4; | |
| − | + | padding: 16px; | |
| − | + | color: #2c3e49; | |
| − | + | margin-bottom: 25px; | |
} | } | ||
div.evaluation-notice span.license-warning { | div.evaluation-notice span.license-warning { | ||
| − | + | color: #911717; | |
| − | + | font-weight: bold; | |
} | } | ||
/* | /* | ||
| − | + | Language selectors | |
*/ | */ | ||
strong.language-code img, | strong.language-code img, | ||
| − | + | a.language-code img, | |
| − | + | .language-code img.language-code-out | |
{ | { | ||
| − | + | padding: 2px; | |
| − | + | border: 0px none; | |
} | } | ||
strong.language-code img, | strong.language-code img, | ||
| − | + | .language-code-over | |
{ | { | ||
| − | + | padding: 1px !important; | |
| − | + | border: solid 1px #ffffff !important; | |
} | } | ||
div.market-price { | div.market-price { | ||
| − | + | margin-top: 4px; | |
} | } | ||
div.man-url { | div.man-url { | ||
| − | + | margin-bottom: 6px; | |
} | } | ||
</source> | </source> | ||
[[Category:X-Cart developer guide]] | [[Category:X-Cart developer guide]] | ||
Latest revision as of 13:13, 5 February 2010
As stated in X-Cart:Code the Skin1/main.css file is one of the more important files within the X-Cart storefront design. We are going to drill down in the file and explain some of the parts of the files and how to make adjustments.
/*
general tags styles
*/
/*
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; } </source>
/*
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: #000000;
}
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
#content-container
#content-container2
#center
#left-bar
#right-bar
#center-main
#header
#footer
/*
header styles
*/
#header .line1
#header .line1 .logo
#header .line1 .logo a img
/* header tabs */
/* phones line */
#header .phones
#header .phones span
/* header line 2 */
#header .line2
/* header line 3 */
#header .line3
/*
footer styles
*/
#footer .box
#footer .subbox
/*==============================================================================
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: #7a97c1;
background: #f4f5f7 url(images/icon_info.gif) no-repeat 10px 10px;
}
#dialog-message .message-W {
color: #3e3104;
border-color: #c3902f;
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: #1a2b3c;
}
/* 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: 10px;
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: 10px;
}
.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_bg.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: verdana, 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: verdana, 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: 10px;
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: 10px;
}
/* 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: 10px;
line-height: 22px;
font-family: verdana, 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 #000000;
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: #010101;
font-size: 12px;
font-weight: bold;
border-bottom: 1px solid #000000;
}
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: #2c3e49;
}
.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: 10px;
}
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: 10px;
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: 10px;
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 #000000;
cursor: help;
}
#tooltip {
position: absolute;
border: 1px solid #000000;
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: 10px;
}
.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, verdana, helvetica, sans-serif;
}
a.small-link:visited {
color: #3c6992;
text-decoration: none;
font-size: 9px;
font-family: arial, verdana, helvetica, sans-serif;
}
a.small-link:hover {
color: #3c6992;
text-decoration: underline;
font-size: 9px;
font-family: arial, verdana, helvetica, sans-serif;
}
a.small-link:active {
color: #3c6992;
text-decoration: none;
font-size: 9px;
font-family: arial, verdana, 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;
}
span.subcategories {
display: inline-block;
vertical-align: top;
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 #9d1500;
}
.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: 111px;
white-space: nowrap;
}
table.product-properties .property-value {
white-space: normal;
}
table.product-properties .product-price {
color: #010101;
font-weight: bold;
font-size: 12px;
}
table.product-properties .product-price-value {
color: #b51a00;
font-weight: bold;
font-size: 12px;
font-family: verdana;
white-space: nowrap;
}
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: #010101;
font-weight: bold;
font-size: 12px;
}
.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: #000000;
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 black;
}
.register-section-title div * {
vertical-align: middle;
}
.register-sec-minimized div {
border-bottom: 0px none;
}
.register-section-title label {
color: #2c3e49;
font-size: 10px;
font-weight: bold;
}
.register-table .register-exp-section label {
border-bottom: 1px dashed #2c3e49;
}
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;
}
.cart .right-buttons-row {
position: absolute;
top: 0px;
right: 0px;
width: 50%;
}
.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: #2c3e49;
}
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: 30px;
}
.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: #000000 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: #000000;
}
.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: 10px;
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: 2px;
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: 10px;
line-height: normal;
}
table.data-table tr td.iv-box {
font-size: 10px;
line-height: normal;
vertical-align: middle;
padding-right: 10px;
}
table.data-table tr td.iv-box-descr {
padding-top: 15px;
font-size: 10px;
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: 10px;
}
/*
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: #2c3e49;
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: #010101;
font-weight: bold;
font-size: 12px;
padding-right: 5px;
}
.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: 10px;
font-family: verdana, 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: #2c3e49;
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;
}
