PluginProbe
Welcart e-Commerce / 2.12.4
Welcart e-Commerce v2.12.4
2.12.4 2.12.3 2.11.35 2.12.2 2.12.1 2.11.34 2.11.33 2.11.32 2.11.31 2.11.30 1.3.16 1.3.17 1.3.2 1.3.3 1.3.4 1.3.5 1.3.6 1.3.7 1.3.8 1.3.9 1.4.0 1.4.1 1.4.10 1.4.11 1.4.12 All 292 releases
usc-e-shop / css / usces_cart.css

usces_cart.css in Welcart e-Commerce 2.12.4, at css/usces_cart.css

1,624 lines 31.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "utf-8";
2 /* CSS Document */
3
4
5 div.loopimg {
6 float: left;
7 width: 105px;
8 padding-right: 10px;
9 padding-bottom: 10px;
10 }
11 div.loopexp {
12 /*float: left;*/
13 }
14
15 div.header_explanation {
16 padding-top: 15px;
17 padding-bottom: 15px;
18 }
19
20 div.footer_explanation {
21 padding-top: 15px;
22 padding-bottom: 15px;
23 }
24
25
26 /*******************************************************/
27 #cart {
28 width: 100%;
29 }
30
31 #cart div.error_message {
32 font-weight: bold;
33 color: #FF0000;
34 margin-top: 10px;
35 }
36
37 #cart .upbutton {
38 text-align: right;
39 padding-right: 20px;
40 }
41
42 #cart table {
43 border: 1px solid #CCCCCC;
44 }
45
46 #cart table#cart_table {
47 margin-bottom: 10px;
48 }
49
50 #cart th,
51 #cart td {
52 border-top-width: 1px;
53 border-right-width: 1px;
54 border-bottom-width: 1px;
55 border-left-width: 1px;
56 border-top-style: solid;
57 border-right-style: solid;
58 border-bottom-style: solid;
59 border-left-style: solid;
60 border-top-color: #FFFFFF;
61 border-right-color: #CCCCCC;
62 border-bottom-color: #CCCCCC;
63 border-left-color: #FFFFFF;
64 padding-top: 3px;
65 padding-right: 5px;
66 padding-bottom: 3px;
67 padding-left: 5px;
68 vertical-align: middle;
69 text-align: center;
70 white-space: normal;
71 word-break:break-all;
72 }
73 #cart td.signal_red {
74 font-weight: bold;
75 color: #FF0000;
76 }
77 #cart th {
78 color: #FFFFFF;
79 background-color: #999999;
80 white-space: nowrap;
81 font-weight: normal;
82 font-size: 0.9em;
83 }
84
85 #cart th.aright,
86 #cart td.aright {
87 text-align: right;
88 white-space: nowrap;
89 }
90
91 #cart th.aleft,
92 #cart td.aleft {
93 text-align: left;
94 }
95
96 #cart td.productname {
97 text-align: left;
98 }
99
100 #cart input.quantity {
101 width: 40px;
102 text-align: center;
103 font-size: 13px;
104 }
105
106 #cart th.num,
107 #cart th.thumbnail,
108 #cart th.price,
109 #cart th.unitprice,
110 #cart th.quantity,
111 #cart th.subtotal {
112 text-align: center;
113 vertical-align: middle;
114 }
115
116 #cart .num {
117 white-space: nowrap;
118 width: 40px;
119 text-align: center;
120 }
121
122 #cart .thumbnail {
123 white-space: nowrap;
124 width: 70px;
125 text-align: center;
126 }
127
128 #cart .price,
129 #cart .unitprice {
130 white-space: nowrap;
131 width: 80px;
132 text-align: right;
133 }
134
135 #cart .quantity {
136 white-space: nowrap;
137 width: 65px;
138 text-align: center;
139 }
140
141 #cart .subtotal {
142 white-space: nowrap;
143 width: 100px;
144 text-align: right;
145 }
146
147 #cart .stoc {
148 white-space: nowrap;
149 width: 90px;
150 text-align: center;
151 }
152
153 #cart .action {
154 white-space: nowrap;
155 width: 60px;
156 text-align: center;
157 }
158
159 #cart #point_table {
160 width: 350px;
161 margin-top: 15px;
162 margin-bottom: 10px;
163 margin-right: auto;
164 margin-left: auto;
165 }
166
167 #cart #point_table td {
168 height: 30px;
169 }
170
171 #cart #point_table .point {
172 font-size: 1.5em;
173 font-weight: bold;
174 }
175
176 #cart #point_table input.used_point {
177 width: 100px;
178 text-align: right;
179 padding-right: 5px;
180 }
181 #cart input.delButton {
182 padding: 5px 5px;
183 font-weight: normal;
184 }
185
186 #content #wc_cart img,
187 #content #wc_confirm img {
188 max-width: none;
189 }
190 .wc_confirm_notes_area {
191 margin: 2em 0;
192 }
193
194 /*********************************************************************/
195 /* USCES Item single page style */
196 span.price {
197 font-size: 140%;
198 font-weight: bold;
199 color: #ED5B14;
200 margin: 0px;
201 padding: 0px;
202 }
203 span.cprice {
204 font-size: 12px;
205 font-weight: normal;
206 color: #333333;
207 text-decoration: none;
208 }
209 em.tax {
210 font-size: 0.7em;
211 font-weight: normal;
212 text-decoration: none;
213 font-style: normal;
214 color: inherit;
215 letter-spacing: 0em;
216 white-space: nowrap;
217 }
218 dl.itemGpExp {
219 margin: 0px;
220 padding: 0px;
221 }
222 dl.itemGpExp dt {
223 padding: 3px;
224 font-weight: bold;
225 color: #FF3333;
226 }
227
228 dl.itemGpExp dd {
229 margin: 0px;
230 padding: 0px;
231 }
232
233 dl.itemGpExp ul {
234 margin: 0px;
235 padding: 0px;
236 }
237
238 dl.itemGpExp li {
239 margin: 0px;
240 padding: 0px;
241 list-style-type: none;
242 font-size: 13px;
243 }
244
245 #itempage {
246 width: 100%;
247 }
248
249 #itempage .field {
250 height: auto;
251 width: auto;
252 margin: 0px;
253 border-bottom-width: 1px;
254 border-bottom-style: solid;
255 border-bottom-color: #CCCCCC;
256 }
257 #itempage .field ul.item_custom_field {
258 list-style: none;
259 }
260 #itempage .field .field_name {
261 text-align: left;
262 }
263 #itempage .field .field_price {
264 font-size: 140%;
265 font-weight: bold;
266 color: #ED5B14;
267 margin: 0px;
268 padding: 0px;
269 text-align: right;
270 width: auto;
271 }
272
273 #itempage .field .field_cprice {
274 font-size: 100%;
275 color: #333333;
276 margin: 0px;
277 padding: 0px;
278 text-align: right;
279 width: auto;
280 }
281
282 #itempage h3 {
283 color: #FFFFFF;
284 background-color: #999999;
285 padding: 3px 5px;
286 }
287
288 #itempage .exp {
289 margin-bottom: 10px;
290 }
291
292 *:first-child+html #itempage .exp {
293 display: inline;
294 }
295
296 #itempage form {
297 margin: 0px;
298 padding: 0px;
299 height: auto;
300 width: auto;
301 }
302 /*
303 #itempage .itemimg {
304 float: left;
305 margin-right: 10px;
306 width: 200px;
307 }
308 */
309 #itempage .itemimg img {
310 margin: 0 auto;
311 padding: 0px;
312 }
313
314 #itempage .itemsubimg {
315 margin-bottom: 10px;
316 }
317
318 #itempage .skuform {
319 width: 100%;
320 }
321
322 #itempage .skuform .skuquantity {
323 text-align: right;
324 width: 5em;
325 margin: 0 5px;
326 }
327
328 #itempage table.skusingle {
329 padding: 0px;
330 margin-top: 0px;
331 margin-right: 0px;
332 margin-bottom: 10px;
333 margin-left: 0px;
334 }
335
336 #itempage table.skusingle td {
337 padding-top: 3px;
338 padding-right: 10px;
339 padding-bottom: 3px;
340 padding-left: 0px;
341 margin: 0px;
342 }
343
344 #itempage table.skumulti {
345 padding: 0px;
346 margin-top: 0px;
347 margin-right: 0px;
348 margin-bottom: 10px;
349 margin-left: 0px;
350 width: 100%;
351 border: 2px solid #CCCCCC;
352 border-collapse: collapse;
353 }
354
355 #itempage table.skumulti th {
356 background-color: #E6E6E6;
357 text-align: center;
358 padding: 3px;
359 border-right-width: 1px;
360 border-bottom-width: 1px;
361 border-right-style: solid;
362 border-bottom-style: solid;
363 border-right-color: #FFFFFF;
364 border-bottom-color: #FFFFFF;
365 margin: 0px;
366 font-weight: normal;
367 vertical-align: middle;
368 }
369
370 #itempage table.skumulti th.thborder {
371 border-bottom-width: 2px;
372 border-bottom-style: solid;
373 border-bottom-color: #CCCCCC;
374 }
375
376 #itempage table.skumulti td {
377 padding: 3px;
378 border-right-width: 1px;
379 border-bottom-width: 2px;
380 border-right-style: solid;
381 border-bottom-style: solid;
382 border-right-color: #D9D9D9;
383 border-bottom-color: #CCCCCC;
384 margin: 0px;
385 vertical-align: middle;
386 text-align: center;
387 }
388
389 #itempage table.skumulti td.subborder {
390 border-bottom-width: 1px;
391 border-bottom-style: solid;
392 border-bottom-color: #D9D9D9;
393 }
394
395 #itempage table.skumulti td.price {
396 text-align: right;
397 }
398
399 #itempage table.skumulti td.zaiko {
400 }
401
402 #itempage table.skumulti td.quant {
403 text-align: right;
404 }
405
406 #itempage table.skumulti td.unit {
407 text-align: center;
408 }
409
410 #itempage table.skumulti td.button {
411 text-align: center;
412 }
413
414 #itempage table.skumulti td.skudisp {
415 font-weight: bold;
416 }
417
418 #itempage .assistance_item {
419 width: auto;
420 padding-top: 0px;
421 padding-right: 0px;
422 padding-bottom: 0px;
423 padding-left: 0px;
424 }
425
426 #itempage .assistance_item h3 {
427 font-size: 14px;
428 color: #FFFFFF;
429 background-color: #999999;
430 line-height: 18px;
431 margin-bottom: 10px;
432 height: 18px;
433 margin-left: 0px;
434 padding-top: 3px;
435 padding-right: 5px;
436 padding-bottom: 3px;
437 padding-left: 5px;
438 }
439
440 #itempage .assistance_item ul {
441 margin: 0px;
442 list-style-image: none;
443 list-style-type: none;
444 padding: 0px;
445 }
446
447 #itempage .assistance_item li {
448 margin: 0px;
449 float: left;
450 width: 312px;
451 padding-top: 0px;
452 padding-right: 0px;
453 padding-bottom: 10px;
454 padding-left: 0px;
455 }
456
457 #itempage .assistance_item .listbox {
458 background-color: #f9f9f9;
459 width: auto;
460 margin-right: 10px;
461 padding: 10px;
462 border: 1px solid #cccccc;
463 }
464
465 #itempage .assistance_item .slit {
466 height: 100px;
467 width: 100px;
468 overflow: hidden;
469 background-image: url(image/no_img.gif);
470 background-repeat: no-repeat;
471 float: left;
472 }
473
474 #itempage .assistance_item .detail {
475 width: auto;
476 padding-top: 5px;
477 margin-left: 0px;
478 padding-left: 115px;
479 }
480
481 #itempage .assistance_item h4 {
482 font-size: 12px;
483 line-height: 150%;
484 font-weight: bold;
485 color: #660000;
486 padding: 0px;
487 margin-top: 0px;
488 margin-right: 0px;
489 margin-bottom: 5px;
490 margin-left: 0px;
491 }
492
493 #itempage .assistance_item .detail p {
494 font-size: 11px;
495 line-height: 150%;
496 color: #333333;
497 padding-top: 0px;
498 padding-right: 0px;
499 padding-bottom: 0px;
500 padding-left: 0px;
501 margin: 0px;
502 }
503
504 #itempage table.item_option {
505 border: 1px solid #CCCCCC;
506 }
507
508 #itempage table.item_option caption {
509 font-weight: normal;
510 text-align: left;
511 margin: 0px;
512 padding-top: 5px;
513 padding-right: 0px;
514 padding-bottom: 0px;
515 padding-left: 0px;
516 font-size: 0.7em;
517 }
518
519 #itempage table.item_option th {
520 border-right-width: 1px;
521 border-bottom-width: 1px;
522 border-right-style: solid;
523 border-bottom-style: solid;
524 border-right-color: #CCCCCC;
525 border-bottom-color: #CCCCCC;
526 text-align: left;
527 background-color: #F0F0F0;
528 padding-right: 10px;
529 padding-left: 10px;
530 }
531
532 #itempage table.item_option td {
533 border-right-width: 1px;
534 border-bottom-width: 1px;
535 border-right-style: solid;
536 border-bottom-style: solid;
537 border-right-color: #CCCCCC;
538 border-bottom-color: #CCCCCC;
539 text-align: left;
540 }
541
542 #itempage .iopt_radio_label {
543 display: block;
544 }
545
546 /* End USCES Item single page style */
547 /*********************************************************************/
548 /* USCES cart page style */
549 div.usccart_navi ol.ucart {
550 list-style-image: none;
551 list-style-type: none;
552 display: block;
553 height: 31px;
554 width: 100%;
555 margin-top: 10px;
556 margin-right: 0px;
557 margin-bottom: 10px;
558 margin-left: 0;
559 padding: 0px;
560 }
561 div.usccart_navi li.ucart {
562 background-color: #B3B3B3;
563 float: left;
564 margin: 0px;
565 color: #FFFFFF;
566 font-weight: bold;
567 text-align: center;
568 width: 25%;
569 }
570
571 /*div.usccart_navi li.ucart.uscdelivery {
572 font-size: 0.95em;
573 }*/
574
575 div.usccart_navi li.usccart_cart {
576 background-image: url(../images/cart_navi_bg1.jpg);
577 background-repeat: repeat-x;
578 }
579 div.usccart_navi li.usccart_customer {
580 background-image: url(../images/cart_navi_bg2.jpg);
581 background-repeat: repeat-x;
582 }
583 div.usccart_navi li.usccart_delivery {
584 background-image: url(../images/cart_navi_bg3.jpg);
585 background-repeat: repeat-x;
586 }
587 div.usccart_navi li.usccart_confirm {
588 background-image: url(../images/cart_navi_bg4.jpg);
589 background-repeat: repeat-x;
590 }
591 #inside-cart .post {
592 width: auto;
593 padding-top: 15px;
594 padding-bottom: 15px;
595 margin-top: 10px;
596 }
597 #inside-cart h2 {
598 font-size: 16px;
599 line-height: 32px;
600 font-weight: bold;
601 color: #ffffff;
602 background-color: #ffcc00;
603 height: 32px;
604 padding-top: 0px;
605 padding-right: 0px;
606 padding-bottom: 0px;
607 padding-left: 10px;
608 margin-top: 0px;
609 margin-right: 0px;
610 margin-bottom: 15px;
611 margin-left: 0px;
612 border-bottom-width: 2px;
613 border-bottom-style: solid;
614 border-bottom-color: #ffe679;
615 }
616 #inside-cart p {
617 font-size: 12px;
618 line-height: 24px;
619 color: #333333;
620 margin: 0px;
621 padding-top: 15px;
622 padding-right: 0px;
623 padding-bottom: 0px;
624 padding-left: 0px;
625 }
626 #inside-cart .send {
627 text-align: center;
628 width: auto;
629 margin-top: 15px;
630 padding-top: 15px;
631 border-top-width: 1px;
632 border-top-style: solid;
633 border-top-color: #ffcc00;
634 }
635 #inside-cart .no_cart {
636 text-align: center;
637 width: auto;
638 margin-top: 60px;
639 font-size: 1.4em;
640 font-weight: bold;
641 color: #FF9900;
642 margin-bottom: 60px;
643 }
644 #customer-info h5 {
645 color: #FFFFFF;
646 background-color: #669999;
647 padding-top: 2px;
648 padding-right: 10px;
649 padding-bottom: 2px;
650 padding-left: 10px;
651 }
652 #customer-info .post {
653 width: auto;
654 margin-top: 10px;
655 padding-top: 15px;
656 padding-right: 0px;
657 padding-bottom: 15px;
658 padding-left: 0px;
659 }
660 #customer-info .error_message {
661 font-size: 13px;
662 line-height: 20px;
663 font-weight: bold;
664 color: #ff0000;
665 }
666 #customer-info h2 {
667 font-size: 16px;
668 line-height: 32px;
669 font-weight: bold;
670 color: #ffffff;
671 background-color: #ff9900;
672 height: 32px;
673 padding-top: 0px;
674 padding-right: 0px;
675 padding-bottom: 0px;
676 padding-left: 10px;
677 margin-top: 0px;
678 margin-right: 0px;
679 margin-bottom: 15px;
680 margin-left: 0px;
681 border-bottom-width: 2px;
682 border-bottom-style: solid;
683 border-bottom-color: #ffc56a;
684 }
685 #customer-info form {
686 margin: 0px;
687 padding: 0px;
688 }
689 #customer-info table {
690 margin-top: 10px;
691 border-collapse: collapse;
692 }
693 #customer-info th {
694 font-size: 12px;
695 line-height: 150%;
696 font-weight: bold;
697 color: #4c4d25;
698 text-align: left;
699 margin-right: auto;
700 margin-left: auto;
701 border: 1px solid #e6e6e6;
702 background-color: #f3f3f3;
703 padding-top: 5px;
704 padding-right: 10px;
705 padding-bottom: 5px;
706 padding-left: 10px;
707 width: 25%;
708 }
709 #customer-info td {
710 font-size: 11px;
711 line-height: 150%;
712 color: #4c4c4c;
713 border: 1px solid #e6e6e6;
714 padding-top: 5px;
715 padding-right: 10px;
716 padding-bottom: 5px;
717 padding-left: 10px;
718 }
719 #customer-info .customer_form input {
720 width: 50%;
721 margin-right: 3px;
722 }
723 #customer-info .customer_form input[type="checkbox"],
724 #customer-info .customer_form input[type="radio"] {
725 width: auto;
726 margin-right: 3px;
727 }
728 #customer-info .customer_form label.iopt_label {
729 display: block;
730 }
731 #customer-info .customer_form tr.inp1 input {
732 width: 82%;
733 margin-left: 3px;
734 }
735 #customer-info .customer_form tr.inp2 input {
736 width: 75%;
737 margin-left: 0px;
738 margin-right: 3px;
739 }
740 #delivery-info .customer_form em,
741 #customer-info .customer_form em {
742 font-style: normal;
743 color: #ff0000;
744 }
745 #customer-info .send {
746 text-align: center;
747 width: auto;
748 margin-top: 15px;
749 padding-top: 15px;
750 border-top-width: 1px;
751 border-top-style: solid;
752 border-top-color: #ff9900;
753 }
754 #delivery-info .post {
755 width: auto;
756 margin-top: 10px;
757 padding-top: 15px;
758 padding-right: 0px;
759 padding-bottom: 15px;
760 padding-left: 0px;
761 }
762 #delivery-info h2 {
763 font-size: 16px;
764 line-height: 32px;
765 font-weight: bold;
766 color: #ffffff;
767 background-color: #ff6600;
768 height: 32px;
769 padding-top: 0px;
770 padding-right: 0px;
771 padding-bottom: 0px;
772 padding-left: 10px;
773 margin-top: 0px;
774 margin-right: 0px;
775 margin-bottom: 15px;
776 margin-left: 0px;
777 border-bottom-width: 2px;
778 border-bottom-style: solid;
779 border-bottom-color: #ffaa68;
780 }
781 #delivery-info form {
782 margin: 0px;
783 padding: 0px;
784 }
785 #delivery-info table.customer_form {
786 margin-bottom: 10px;
787 border-collapse: collapse;
788 width: 100%;
789 }
790 #delivery-info th {
791 font-size: 12px;
792 line-height: 150%;
793 font-weight: bold;
794 color: #4c4d25;
795 text-align: left;
796 margin-right: auto;
797 margin-left: auto;
798 border: 1px solid #e6e6e6;
799 background-color: #f3f3f3;
800 padding-top: 5px;
801 padding-right: 10px;
802 padding-bottom: 5px;
803 padding-left: 10px;
804 width: 25%;
805 }
806 #delivery-info td {
807 font-size: 11px;
808 line-height: 150%;
809 color: #4c4c4c;
810 border: 1px solid #e6e6e6;
811 padding-top: 5px;
812 padding-right: 10px;
813 padding-bottom: 5px;
814 padding-left: 10px;
815 }
816 #delivery-info .error_message {
817 font-size: 13px;
818 line-height: 26px;
819 font-weight: bold;
820 color: #ff0000;
821 }
822 #delivery-info .customer_form dl {
823 margin: 0px;
824 padding: 0px;
825 width: auto;
826 }
827 #delivery-info .customer_form dt {
828 font-size: 12px;
829 line-height: 150%;
830 color: #333333;
831 width: auto;
832 padding-top: 5px;
833 }
834 #delivery-info .customer_form dd {
835 font-size: 12px;
836 line-height: 150%;
837 color: #333333;
838 margin: 0px;
839 padding-top: 0px;
840 padding-right: 0px;
841 padding-bottom: 5px;
842 padding-left: 20px;
843 }
844 #delivery-info #delivery_table input {
845 width: 50%;
846 margin-right: 3px;
847 }
848 #delivery-info #delivery_table tr.inp1 input {
849 width: 83%;
850 margin-right: 0px;
851 margin-left: 3px;
852 }
853 #delivery-info #delivery_table tr.inp2 input {
854 width: 76%;
855 margin-right: 3px;
856 margin-left: 0px;
857 }
858 #delivery-info .customer_form .btn {
859 width: 24px;
860 }
861 #delivery-info #time {
862 margin-top: 10px;
863 }
864 #delivery-info #time textarea,
865 #delivery-info .notes {
866 height: 100px;
867 width: 94%;
868 }
869 #delivery-info .send {
870 text-align: center;
871 width: auto;
872 margin-top: 15px;
873 padding-top: 15px;
874 border-top-width: 1px;
875 border-top-style: solid;
876 border-top-color: #ff6600;
877 }
878 #info-confirm .error_message {
879 font-size: 13px;
880 line-height: 26px;
881 font-weight: bold;
882 color: #ff0000;
883 }
884 #info-confirm .post {
885 background-color: #ffffff;
886 width: auto;
887 margin-top: 10px;
888 padding-top: 15px;
889 padding-right: 0px;
890 padding-bottom: 15px;
891 padding-left: 0px;
892 }
893 #info-confirm h2 {
894 font-size: 16px;
895 line-height: 32px;
896 font-weight: bold;
897 color: #ffffff;
898 background-color: #ff3300;
899 height: 32px;
900 padding-top: 0px;
901 padding-right: 0px;
902 padding-bottom: 0px;
903 padding-left: 10px;
904 margin-top: 0px;
905 margin-right: 0px;
906 margin-bottom: 15px;
907 margin-left: 0px;
908 border-bottom-width: 2px;
909 border-bottom-style: solid;
910 border-bottom-color: #ff8f71;
911 }
912 #info-confirm form {
913 margin: 0px;
914 padding: 0px;
915 }
916 #info-confirm #confirm_table {
917 width: 100%;
918 margin-top: 15px;
919 border-collapse: collapse;
920 }
921 #confirm_table h3 {
922 font-size: 14px;
923 line-height: normal;
924 font-weight: bold;
925 color: #ff3300;
926 margin: 0px;
927 padding: 0px;
928 }
929 #confirm_table th {
930 font-size: 12px;
931 line-height: normal;
932 font-weight: bold;
933 color: #50511d;
934 text-align: left;
935 margin-right: auto;
936 margin-left: auto;
937 padding-top: 5px;
938 padding-right: 10px;
939 padding-bottom: 5px;
940 padding-left: 10px;
941 border: 1px solid #e6e6e6;
942 width: 25%;
943 }
944 #confirm_table td {
945 font-size: 12px;
946 line-height: normal;
947 color: #333333;
948 padding-top: 5px;
949 padding-right: 10px;
950 padding-bottom: 5px;
951 padding-left: 10px;
952 border: 1px solid #e6e6e6;
953 }
954 #confirm_table .ttl {
955 background-color: #ffffef;
956 }
957 #confirm_table .bdc {
958 background-color: #FFFFFF;
959 }
960 #info-confirm .send {
961 text-align: center;
962 width: auto;
963 margin-top: 15px;
964 padding-top: 15px;
965 border-top-width: 1px;
966 border-top-style: solid;
967 border-top-color: #FF3300;
968 }
969 #coml-page h2,#error-page h2 {
970 font-size: 16px;
971 line-height: 32px;
972 font-weight: bold;
973 color: #ffffff;
974 background-color: #666600;
975 height: 32px;
976 padding-top: 0px;
977 padding-right: 0px;
978 padding-bottom: 0px;
979 padding-left: 10px;
980 margin-top: 0px;
981 margin-right: 0px;
982 margin-bottom: 15px;
983 margin-left: 0px;
984 border-bottom-width: 2px;
985 border-bottom-style: solid;
986 border-bottom-color: #b2b165;
987 }
988 #coml-page p,#error-page p {
989 font-size: 12px;
990 line-height: 150%;
991 color: #333333;
992 margin: 0px;
993 padding-top: 0px;
994 padding-right: 0px;
995 padding-bottom: 0px;
996 padding-left: 0px;
997 }
998 #coml-page form,#error-page form {
999 margin: 0px;
1000 padding: 0px;
1001 }
1002 #coml-page .send,#error-page .send {
1003 text-align: center;
1004 width: auto;
1005 margin-top: 15px;
1006 padding-top: 15px;
1007 border-top-width: 1px;
1008 border-top-style: solid;
1009 border-top-color: #b2b165;
1010 }
1011 #coml-page .post,#error-page .post {
1012 background-color: #ffffff;
1013 padding: 15px;
1014 width: auto;
1015 margin-top: 10px;
1016 }
1017 #status_table table {
1018 border-top-width: 1px;
1019 border-left-width: 1px;
1020 border-top-style: solid;
1021 border-right-style: none;
1022 border-bottom-style: none;
1023 border-left-style: solid;
1024 border-top-color: #CCCCCC;
1025 border-left-color: #CCCCCC;
1026 }
1027 #status_table th {
1028 border-top-style: none;
1029 border-right-style: solid;
1030 border-bottom-style: solid;
1031 border-left-style: none;
1032 background-color: #CCCCCC;
1033 border-right-width: 1px;
1034 border-bottom-width: 1px;
1035 border-right-color: #CCCCCC;
1036 border-bottom-color: #CCCCCC;
1037 }
1038 #status_table td {
1039 border-top-style: none;
1040 border-right-style: solid;
1041 border-bottom-style: solid;
1042 border-left-style: none;
1043 border-right-width: 1px;
1044 border-bottom-width: 1px;
1045 border-right-color: #CCCCCC;
1046 border-bottom-color: #CCCCCC;
1047 }
1048 /* End USCES cart page style */
1049 /*********************************************************************/
1050 /* USCES Member page style */
1051
1052 #memberpages #memberinfo ul {
1053 margin: 0px;
1054 padding-top: 0px;
1055 padding-right: 0px;
1056 padding-bottom: 15px;
1057 padding-left: 20px;
1058 list-style-position: outside;
1059 }
1060 #memberpages #memberinfo li {
1061 font-size: 12px;
1062 line-height: 24px;
1063 color: #333333;
1064 margin: 0px;
1065 padding: 0px;
1066 }
1067 #memberpages #memberinfo li strong {
1068 color: #cc0000;
1069 }
1070 #memberpages div.loginbox {
1071 margin-top: 50px;
1072 width: 220px;
1073 background-color: #F6F6F6;
1074 margin-right: auto;
1075 margin-left: auto;
1076 border: 1px solid #CCCCCC;
1077 padding-top: 0px;
1078 padding-right: 30px;
1079 padding-bottom: 30px;
1080 padding-left: 30px;
1081 }
1082 #memberpages input.loginmail {
1083 line-height: 20px;
1084 width: 200px;
1085 padding-right: 5px;
1086 padding-left: 5px;
1087 }
1088 #memberpages input.loginpass {
1089 line-height: 20px;
1090 width: 200px;
1091 padding-right: 5px;
1092 padding-left: 5px;
1093 }
1094 #memberpages form {
1095 margin: 0px;
1096 padding-top: 0px;
1097 padding-right: 0px;
1098 padding-bottom: 20px;
1099 padding-left: 0px;
1100 }
1101 #memberpages .loginbox p {
1102 font-size: 12px;
1103 line-height: 24px;
1104 color: #333333;
1105 margin: 0px;
1106 padding-top: 15px;
1107 padding-right: 0px;
1108 padding-bottom: 0px;
1109 padding-left: 0px;
1110 }
1111 #memberpages .loginbox p#nav {
1112 padding-top: 0px;
1113 }
1114 #memberinfo .history-area {
1115 overflow: auto;
1116 height: 700px;
1117 }
1118 #memberinfo table {
1119 margin: 0px;
1120 padding: 0px;
1121 border-top-width: 0px;
1122 border-right-width: 0px;
1123 border-bottom-width: 0px;
1124 border-left-width: 0px;
1125 border-top-style: none;
1126 border-right-style: none;
1127 border-bottom-style: none;
1128 border-left-style: none;
1129 border-collapse: collapse;
1130 width: 100%;
1131 }
1132 #memberinfo table .num{
1133 font-size: 14px;
1134 }
1135 #memberinfo table .date{
1136 white-space: nowrap;
1137 }
1138 #memberinfo table .rightnum{
1139 font-size: 14px;
1140 text-align: right;
1141 padding-right: 5px;
1142 white-space: nowrap;
1143 }
1144 #memberinfo th {
1145 text-align: center;
1146 border: 1px solid #e6e6e6;
1147 background-color: #f8f8f8;
1148 font-size: 0.6em;
1149 line-height: 150%;
1150 font-weight: normal;
1151 color: #4e5020;
1152 }
1153 #memberinfo th.historyrow {
1154 color: #FFFFFF;
1155 background-color: #999999;
1156 vertical-align: middle;
1157 }
1158 #memberinfo th.cartrownum {
1159 font-size: 0.8em;
1160 vertical-align: middle;
1161 width: 38px;
1162 }
1163 #memberinfo th.thumbnail {
1164 font-size: 0.8em;
1165 vertical-align: middle;
1166 width: 60px;
1167 }
1168 #memberinfo th.productname {
1169 font-size: 0.8em;
1170 vertical-align: middle;
1171 }
1172 #memberinfo th.price {
1173 font-size: 0.8em;
1174 vertical-align: middle;
1175 width: 100px;
1176 }
1177 #memberinfo th.quantity {
1178 font-size: 0.8em;
1179 vertical-align: middle;
1180 width: 60px;
1181 }
1182 #memberinfo th.subtotal {
1183 font-size: 0.8em;
1184 vertical-align: middle;
1185 width: 100px;
1186 }
1187 #memberinfo td.cartrownum {
1188 font-size: 0.8em;
1189 vertical-align: middle;
1190 }
1191 #memberinfo td.thumbnail {
1192 font-size: 0.8em;
1193 vertical-align: middle;
1194 }
1195 #memberinfo td.productname {
1196 font-size: 0.8em;
1197 vertical-align: middle;
1198 }
1199 #memberinfo td.price {
1200 font-size: 0.8em;
1201 vertical-align: middle;
1202 }
1203 #memberinfo td.quantity {
1204 font-size: 0.8em;
1205 vertical-align: middle;
1206 }
1207 #memberinfo td.subtotal {
1208 font-size: 0.8em;
1209 vertical-align: middle;
1210 }
1211 #memberinfo td {
1212 line-height: 150%;
1213 color: #333333;
1214 padding-top: 5px;
1215 padding-right: 10px;
1216 padding-bottom: 5px;
1217 padding-left: 10px;
1218 border: 1px solid #e6e6e6;
1219 }
1220 #memberinfo td.order_number {
1221 padding: 0;
1222 white-space: nowrap;
1223 font-size: 0.8em;
1224 text-align: center;
1225 }
1226 #memberinfo td.purchase_date {
1227 padding: 0;
1228 white-space: nowrap;
1229 font-size: 0.8em;
1230 text-align: center;
1231 }
1232 #memberinfo td.purchase_price {
1233 padding: 0;
1234 white-space: nowrap;
1235 font-size: 0.8em;
1236 }
1237 #memberinfo td.used_point {
1238 padding: 0;
1239 white-space: nowrap;
1240 font-size: 0.8em;
1241 }
1242 #memberinfo td.discount {
1243 padding: 0;
1244 white-space: nowrap;
1245 font-size: 0.8em;
1246 }
1247 #memberinfo td.shipping {
1248 padding: 0;
1249 white-space: nowrap;
1250 font-size: 0.8em;
1251 }
1252 #memberinfo td.cod {
1253 padding: 0;
1254 white-space: nowrap;
1255 font-size: 0.8em;
1256 }
1257 #memberinfo td.tax {
1258 padding: 0;
1259 white-space: nowrap;
1260 font-size: 0.8em;
1261 }
1262 #memberinfo td.get_point {
1263 padding: 0;
1264 white-space: nowrap;
1265 font-size: 0.8em;
1266 }
1267 #memberinfo td.retail {
1268 margin: 0px;
1269 padding: 0px;
1270 }
1271 #memberinfo .blank_cell {
1272 width: 3px;
1273 padding: 0;
1274 }
1275 #memberinfo h3 {
1276 font-size: 13px;
1277 line-height: 26px;
1278 font-weight: bold;
1279 color: #ffffff;
1280 background-color: #990000;
1281 text-indent: 10px;
1282 padding: 0px;
1283 height: 26px;
1284 margin-top: 20px;
1285 margin-right: 0px;
1286 margin-bottom: 10px;
1287 margin-left: 0px;
1288 border-bottom-width: 1px;
1289 border-bottom-style: solid;
1290 border-bottom-color: #660000;
1291 float: none;
1292 }
1293
1294 #memberinfo .send {
1295 text-align: center;
1296 width: auto;
1297 margin-right: auto;
1298 margin-left: auto;
1299 padding-top: 10px;
1300 }
1301 #memberinfo .customer_form input {
1302 width: 150px;
1303 }
1304 #memberinfo .customer_form input#zipcode {
1305 width: 100px;
1306 }
1307 #memberinfo .customer_form input#address1,#memberinfo .customer_form input#address2,#memberinfo .customer_form input#address3 {
1308 width: 250px;
1309 }
1310 #memberinfo .customer_form em {
1311 font-style: normal;
1312 color: #ff0000;
1313 }
1314 #newmember table {
1315 margin: 0px;
1316 padding: 0px;
1317 border-top-width: 0px;
1318 border-right-width: 0px;
1319 border-bottom-width: 0px;
1320 border-left-width: 0px;
1321 border-top-style: none;
1322 border-right-style: none;
1323 border-bottom-style: none;
1324 border-left-style: none;
1325 border-collapse: collapse;
1326 width: 100%;
1327 }
1328 #newmember table .num{
1329 font-size: 14px;
1330 }
1331 #newmember table .rightnum{
1332 font-size: 14px;
1333 text-align: right;
1334 padding-right: 5px;
1335 }
1336 #newmember th {
1337 text-align: left;
1338 padding: 5px;
1339 margin-right: auto;
1340 margin-left: auto;
1341 border: 1px solid #e6e6e6;
1342 background-color: #f8f8f8;
1343 font-size: 12px;
1344 line-height: 150%;
1345 font-weight: bold;
1346 color: #4e5020;
1347 width: 100px;
1348 }
1349 #newmember td {
1350 font-size: 12px;
1351 line-height: 150%;
1352 color: #333333;
1353 padding-top: 5px;
1354 padding-right: 10px;
1355 padding-bottom: 5px;
1356 padding-left: 10px;
1357 border: 1px solid #e6e6e6;
1358 }
1359 #newmember .send {
1360 text-align: center;
1361 width: auto;
1362 margin-right: auto;
1363 margin-left: auto;
1364 padding-top: 10px;
1365 }
1366 #newmember .customer_form input {
1367 width: 120px;
1368 }
1369 #newmember .customer_form input#zipcode {
1370 width: 100px;
1371 }
1372 #newmember .customer_form input#mailaddress1,
1373 #newmember .customer_form input#mailaddress2,
1374 #newmember .customer_form input#address1,
1375 #newmember .customer_form input#address2,
1376 #newmember .customer_form input#address3 {
1377 width: 200px;
1378 }
1379 #newmember .customer_form em {
1380 font-style: normal;
1381 color: #ff0000;
1382 }
1383 table.retail td,
1384 #retail_table td {
1385 white-space: normal;
1386 word-break:break-all;
1387 }
1388 #newmember .agree_member_area,
1389 #customer-info .agree_member_area {
1390 margin:20px;
1391 }
1392
1393 #newmember .at_exp_text,
1394 #customer-info .at_exp_text {
1395 text-align:left;
1396 width:90%;
1397 margin:auto;
1398 }
1399
1400 #newmember .at_cont_text,
1401 #customer-info .at_cont_text {
1402 height: 200px;
1403 width: 80%;
1404 display: block;
1405 margin: 10px auto;
1406 }
1407
1408 #newmember .at_check_area,
1409 #customer-info .at_check_area {
1410 text-align: center;
1411 font-size:1.5em;
1412 }
1413
1414 /* End USCES Member page style */
1415 /*********************************************************************/
1416 /* USCES Search page style */
1417 #searchbox {
1418 margin: 0px;
1419 padding: 0px;
1420 }
1421
1422 #searchbox div.field {
1423 padding: 0px;
1424 margin-top: 5px;
1425 margin-right: 0px;
1426 margin-bottom: 20px;
1427 margin-left: 0px;
1428 }
1429
1430 #searchbox label.outlabel {
1431 padding: 0px;
1432 margin-top: 0px;
1433 margin-right: 10px;
1434 margin-bottom: 0px;
1435 margin-left: 0px;
1436 font-weight: bold;
1437 }
1438
1439 #searchbox fieldset {
1440 padding: 0px;
1441 margin-top: 5px;
1442 margin-right: 0px;
1443 margin-bottom: 10px;
1444 margin-left: 0px;
1445 clear: both;
1446 }
1447
1448 #searchbox legend {
1449 padding-right: 5px;
1450 padding-left: 5px;
1451 padding-top: 2px;
1452 padding-bottom: 2px;
1453 font-weight: bold;
1454 margin-right: 5px;
1455 margin-left: 5px;
1456 font-size: 12px;
1457 color: #333333;
1458 }
1459
1460 #searchbox fieldset ul {
1461 margin: 0px;
1462 padding-top: 5px;
1463 padding-right: 10px;
1464 padding-bottom: 10px;
1465 padding-left: 10px;
1466 }
1467
1468 #searchbox fieldset li {
1469 margin: 0px;
1470 float: left;
1471 height: 40px;
1472 width: 200px;
1473 list-style-type: none;
1474 padding-top: 0px;
1475 padding-right: 0px;
1476 padding-bottom: 10px;
1477 padding-left: 0px;
1478 }
1479 #searchbox .title {
1480 font-size: 1.2em;
1481 padding-top: 0px;
1482 padding-bottom: 0px;
1483 padding-right: 10px;
1484 padding-left: 10px;
1485 font-weight: bold;
1486 color: #666666;
1487 line-height: 26px;
1488 display: block;
1489 height: 26px;
1490 border-bottom-width: 1px;
1491 border-left-width: 5px;
1492 border-bottom-style: solid;
1493 border-left-style: solid;
1494 border-bottom-color: #999999;
1495 border-left-color: #999999;
1496 margin-top: 40px;
1497 }
1498
1499 #searchbox .itemtitle {
1500 font-weight: bold;
1501 margin-top: 10px;
1502 margin-bottom: 0px;
1503 }
1504
1505 #searchbox .itemlist {
1506 border-bottom-width: 1px;
1507 border-bottom-style: dotted;
1508 border-bottom-color: #CCCCCC;
1509 }
1510
1511 /* End USCES Search page style */
1512 /************************************************************************************/
1513 /* widget */
1514
1515 ul.ucart_featured_body li,
1516 ul.ucart_calendar_body li,
1517 ul.ucart_search_body li,
1518 .widget_ucart_calendar ul.ucart_widget_body li,
1519 .sidebar .widget_ucart_calendar ul.ucart_widget_body li,
1520 #sidebar .widget_ucart_calendar ul.ucart_widget_body li,
1521 .widget_ucart_search ul.ucart_widget_body li,
1522 .sidebar .widget_ucart_search ul.ucart_widget_body li,
1523 #sidebar .widget_ucart_search ul.ucart_widget_body li,
1524 .widget_ucart_featured ul.ucart_widget_body li,
1525 .sidebar .widget_ucart_featured ul.ucart_widget_body li,
1526 #sidebar .widget_ucart_featured ul.ucart_widget_body li{
1527 border-top-style: none;
1528 border-right-style: none;
1529 border-bottom-style: none;
1530 border-left-style: none;
1531 list-style-type:none;
1532 margin-left:0px;
1533 list-style-image: none;
1534 background-image: none;
1535 text-indent: 0px;
1536 padding-left: 0px;
1537 margin-bottom:10px;
1538 }
1539
1540 ul.ucart_featured_body,
1541 .widget_ucart_featured ul.ucart_widget_body,
1542 .sidebar .widget_ucart_featured ul.ucart_widget_body,
1543 #sidebar .widget_ucart_featured ul.ucart_widget_body {
1544 padding: 18px 10px 10px 10px;
1545 text-align: center;
1546 }
1547
1548 ul.ucart_featured_body .thumimg,
1549 .widget_ucart_featured .thumimg,
1550 .sidebar .widget_ucart_featured .thumimg,
1551 #sidebar .widget_ucart_featured .thumimg {
1552 width: 150px;
1553 margin-right: auto;
1554 margin-left: auto;
1555 }
1556
1557 ul.ucart_featured_body .thumtitle a,
1558 .widget_ucart_featured .thumtitle a,
1559 .sidebar .widget_ucart_featured .thumtitle a,
1560 #sidebar .widget_ucart_featured .thumtitle a {
1561 white-space: normal;
1562 word-break:break-all;
1563 }
1564
1565 .widget_ucart_calendar ul.ucart_widget_body table,
1566 .sidebar .widget_ucart_calendar ul.ucart_widget_body table,
1567 #sidebar .widget_ucart_calendar ul.ucart_widget_body table {
1568 width: 100%;
1569 }
1570
1571 .widget_welcart_post p {
1572 margin-top: 0px;
1573 margin-bottom: 3px;
1574 line-height: 1.1em;
1575 }
1576 /* End widget style */
1577 /************************************************************************************/
1578 /* catbox */
1579
1580 .catbox .post .itemlist {
1581 border-bottom: 1px dashed #CCCCCC;
1582 padding-top: 10px;
1583 padding-bottom: 10px;
1584 }
1585 .catbox .post .entry {
1586 border-bottom: 1px dashed #CCCCCC;
1587 padding-top: 10px;
1588 padding-bottom: 10px;
1589 }
1590 .businessday {
1591 background-color: #FFECCE;
1592 color: #ff0000;
1593 }
1594 .businesstoday {
1595 color: #000000;
1596 font-weight: bold;
1597 }
1598 /************************************************************************************/
1599 /* liwpp */
1600 .liwpp_area {
1601 width: 100%;
1602 text-align: center;
1603 padding-top: 10px;
1604 padding-bottom: 20px;
1605 }
1606
1607 /************************************************************************************/
1608 /* postal code address search */
1609 #newmember .customer_form input#search_zipcode,
1610 #memberinfo .customer_form input#search_zipcode{
1611 margin-left: 3px;
1612 width: auto;
1613 }
1614 #customer-info .customer_form input#search_zipcode,
1615 #delivery-info #delivery_table input#search_zipcode {
1616 width: auto;
1617 }
1618
1619 /* furikana layout */
1620 #newmember .customer_form .name_td .member_name,
1621 #memberinfo .customer_form .name_td .member_name {
1622 padding-left: 1em;
1623 }
1624