PluginProbe
Welcart e-Commerce / 1.3.2
Welcart e-Commerce v1.3.2
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 / theme / welcart_default / style.css

style.css in Welcart e-Commerce 1.3.2, at theme/welcart_default/style.css

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