]> git.evergreen-ils.org Git - working/Evergreen.git/blob - Open-ILS/examples/web/css/skin/kpac2/kpac/style.css
kpac2 : home search; header; images
[working/Evergreen.git] / Open-ILS / examples / web / css / skin / kpac2 / kpac / style.css
1 @charset "utf-8";\r
2 \r
3 @font-face {\r
4     font-family: 'Cabin';\r
5     src: url('fonts/Cabin-Regular.eot');\r
6     src: url('fonts/Cabin-Regular.eot?#iefix') format('embedded-opentype'),\r
7          url('fonts/Cabin-Regular.woff') format('woff'),\r
8          url('fonts/Cabin-Regular.ttf') format('truetype'),\r
9          url('fonts/Cabin-Regular.svg#webfont8iYScu0S') format('svg');\r
10 }\r
11 \r
12 @font-face {\r
13     font-family: 'Cabin-Semibold';\r
14     src: url('fonts/Cabin-SemiBold.eot');\r
15     src: url('fonts/Cabin-SemiBold.eot?#iefix') format('embedded-opentype'),\r
16          url('fonts/Cabin-SemiBold.woff') format('woff'),\r
17          url('fonts/Cabin-SemiBold.ttf') format('truetype'),\r
18          url('fonts/Cabin-SemiBold.svg#webfont8iYScu0S') format('svg');\r
19 }\r
20 \r
21 @font-face {\r
22     font-family: 'Kreon';\r
23     src: url('fonts/Kreon.eot');\r
24     src: url('fonts/Kreon.eot?#iefix') format('embedded-opentype'),\r
25          url('fonts/Kreon.woff') format('woff'),\r
26          url('fonts/Kreon.ttf') format('truetype'),\r
27          url('fonts/Kreon.svg#webfont8iYScu0S') format('svg');\r
28 }\r
29 \r
30 body {\r
31         font-family:'Cabin', Arial;\r
32         font-size:12px;\r
33         margin:0;\r
34         padding:0;\r
35         border:0;\r
36         color:#424242;\r
37 }\r
38 \r
39 a img { border:0; }\r
40 \r
41 a {\r
42         text-decoration:none;\r
43         cursor:pointer;\r
44         color:#b53ea6;\r
45 }\r
46 \r
47 h1, h2, h3 {\r
48         font-weight:normal;\r
49         text-transform:uppercase;\r
50         margin:0;\r
51         font-family: 'Kreon';\r
52 }\r
53 \r
54 h1 {\r
55         font-size:52px;\r
56 }\r
57 \r
58 h2 {\r
59         font-size:48px;\r
60 }\r
61 \r
62 h3 {\r
63         color:#989898;\r
64         font-size:18px;\r
65         text-transform:none;\r
66 }\r
67 \r
68 select {\r
69         font-size:14px;\r
70         border:1px solid #d0d0d0;\r
71         color:#424242;\r
72 }\r
73 \r
74 input[type=radio] {\r
75         margin:0;\r
76         padding:0;\r
77 }\r
78 \r
79 input[type=text], input[type=password], textarea {\r
80         border:1px solid #d0d0d0;\r
81         font-family:'Cabin', Arial;\r
82         color:#424242;\r
83         margin:0;\r
84         resize:none;\r
85 }\r
86 \r
87 .main_center {\r
88         width:956px;\r
89         margin:auto;\r
90         padding-bottom:20px;\r
91         padding-top:10px;\r
92 }\r
93 \r
94 .main_header_wrapper {\r
95         width:956px;\r
96         height:50px;\r
97         padding-top:10px;\r
98         overflow:hidden;\r
99 }\r
100 \r
101 .logo_wrapper {\r
102         float:left;\r
103 }\r
104 \r
105 .logo_left, .logo_right {\r
106         display:block;\r
107         width:16px;\r
108         height:71px;\r
109         overflow:hidden;\r
110         float:left;\r
111 }\r
112 \r
113 .logo_right {\r
114 }\r
115 \r
116 .logo_middle {\r
117         display:block;\r
118         float:left;\r
119         padding:6px 14px 0px 26px;\r
120 }\r
121 \r
122 .header_menu {\r
123         margin-right:29px;\r
124         font-family:Arial;\r
125 }\r
126 \r
127 .header_menu a {\r
128         display:block;\r
129         float:right;\r
130         color:#8e8e8e;\r
131         margin-left:5px;\r
132 }\r
133 \r
134 .header_menu a:hover {\r
135         color:#b53ea6;\r
136 }\r
137 \r
138 .banner_wrapper {\r
139         height:352px;\r
140         position:relative;\r
141         z-index:1;\r
142 }\r
143 \r
144 .hp_banner_bgl {\r
145         background:url('/images/kpac/hp_banner_bgl.png') repeat-x bottom right;\r
146 }\r
147 \r
148 .hp_banner_bgr {\r
149         background:url('/images/kpac/hp_banner_bgr.png') repeat-x bottom left;\r
150 }\r
151 \r
152 .hp_banner_content {\r
153         width:902px;\r
154         background:url('/images/kpac/hp_banner.png') repeat-x bottom left;\r
155 }\r
156 \r
157 .hp_search_main {\r
158         padding-top:197px;\r
159         padding-left:16px;\r
160 }\r
161 \r
162 .hp_search_box_wrapper {\r
163         padding-bottom:5px;\r
164         padding-right:10px;\r
165 }\r
166 \r
167 .hp_search_box {\r
168         border:none !important;\r
169         font-size:18px;\r
170         padding: 8px 5px 7px 5px;\r
171         width:304px;\r
172 }\r
173 \r
174 .hp_search_st {\r
175         font-size:18px;\r
176         text-transform:uppercase;\r
177         color:white;\r
178         font-family: 'Kreon';\r
179 }\r
180 \r
181 .hp_search_st .st_radio_btn {\r
182         background:#303030;\r
183         padding:7px 6px 9px 10px;\r
184 }\r
185 \r
186 .hp_search_st .st_radio_btn input[type=radio] {\r
187         overflow:hidden;\r
188         width:15px;\r
189 }\r
190 \r
191 .hp_search_st .st_label {\r
192         background:#303030;\r
193         padding-right:17px;\r
194 }\r
195 \r
196 .main_wrapper {\r
197         width:956px;\r
198         overflow:hidden;\r
199 }\r
200 \r
201 .main_top_shadow, .main_bottom_shadow, .main_top_shadow_sub {\r
202         width:956px;\r
203         height:8px;\r
204         overflow:hidden;\r
205 }\r
206 \r
207 .main_top_shadow_sub {\r
208         height:69px;\r
209 }\r
210 \r
211 .main_tl_corner, .main_bl_corner {\r
212         width:8px;\r
213         height:8px;\r
214         overflow:hidden;\r
215         background:url('/images/kpac/main_tl_corner.png') no-repeat;\r
216         float:left;\r
217 }\r
218 \r
219 .main_bl_corner {\r
220         background:url('/images/kpac/main_bl_corner.png') no-repeat;\r
221 }\r
222 \r
223 .main_tr_corner, .main_br_corner {\r
224         width:8px;\r
225         height:8px;\r
226         overflow:hidden;\r
227         background:url('/images/kpac/main_tr_corner.png') no-repeat;\r
228         float:right;\r
229 }\r
230 \r
231 .main_br_corner {\r
232         background:url('/images/kpac/main_br_corner.png') no-repeat;\r
233 }\r
234 \r
235 .main_mid_top, .main_mid_bottom {\r
236         width:940px;\r
237         height:8px;\r
238         overflow:hidden;\r
239         float:left;\r
240         background:url('/images/kpac/main_top_bg.png') repeat-x;\r
241 }\r
242 \r
243 .main_mid_bottom_sub {\r
244         width:956px;\r
245         height:8px;\r
246         overflow:hidden;\r
247         background:url('/images/kpac/main_bottom_bg_sub.png') no-repeat;\r
248 }\r
249 \r
250 .main_mid_top_sub {\r
251         width:3000px;\r
252         height:69px;\r
253         overflow:hidden;\r
254         background:url('/images/kpac/main_top_bg_sub.png') no-repeat;\r
255 }\r
256 \r
257 .main_mid_bottom {\r
258         background:url('/images/kpac/main_bottom_bg.png') repeat-x;\r
259 }\r
260 \r
261 .main_left_shadow {\r
262         background:url('/images/kpac/main_left_shadow.png') repeat-y;\r
263 }\r
264 \r
265 .main_right_shadow {\r
266         background:url('/images/kpac/main_right_shadow.png') repeat-y;\r
267 }\r
268 \r
269 .main_inside_cell {\r
270         background: white;\r
271 }\r
272 \r
273 .main_content_wrapper {\r
274         width:684px;\r
275         overflow:hidden;\r
276 }\r
277 \r
278 /*\r
279 .main_content_wrapper a {\r
280         padding:0 2px;\r
281         color:#b53ea6;\r
282 }\r
283 \r
284 .main_content_wrapper a:hover {\r
285         background:#b53ea6;\r
286         color:white;\r
287 }\r
288 */\r
289 \r
290 .sub_search_category .search_category {\r
291         width:216px;\r
292 }\r
293 \r
294 .search_wrapper {\r
295         text-align:center;\r
296         width:950px;\r
297         background:url('/images/kpac/search_bg.png') no-repeat bottom;\r
298 }\r
299 \r
300 .search_wrapper h1 {\r
301         margin-top:23px;\r
302 }\r
303 \r
304 .search_box_wrapper {\r
305         margin-top:15px;\r
306         padding-bottom:37px;\r
307 }\r
308 \r
309 .search_box_wrapper label {\r
310         font-size:20px;\r
311         font-weight:bold;\r
312         color:#74d514;\r
313         margin:0;\r
314         padding:0;\r
315 }\r
316 \r
317 .search_box_wrapper .st_radio_btn {\r
318         padding-right:4px;\r
319 }\r
320 \r
321 .search_box_wrapper .st_label {\r
322         padding-right:24px;\r
323 }\r
324 \r
325 .search_box {\r
326         width:304px;\r
327         height:17px;\r
328         font-size:14px;\r
329         padding:10px;\r
330         font-weight:bold;\r
331         margin-right:6px !important;\r
332 }\r
333 \r
334 .st_author_box {\r
335         padding-right:15px !important;\r
336 }\r
337 \r
338 .category_wrapper {\r
339         margin-left:24px;\r
340 }\r
341 \r
342 .c_header_image, .c_header_image2 {\r
343         margin-top:10px;\r
344         margin-bottom:10px;\r
345 }\r
346 \r
347 .c_header_image2 {\r
348         font-size:20px;\r
349         color:#74d514;\r
350 }\r
351 \r
352 .c_header_hp_or {\r
353         color:#323232;\r
354         text-transform:uppercase;\r
355 }\r
356 \r
357 .main_category_table td {\r
358         padding-right:13px;\r
359         padding-bottom:11px;\r
360 }\r
361 \r
362 .main_category_table td a {\r
363         display:block;\r
364         width:168px;\r
365         height:144px;\r
366         border:1px solid #d0d0d0;\r
367         font-size:16px;\r
368         color:white;\r
369         overflow:hidden;\r
370         white-space:nowrap;\r
371 }\r
372 \r
373 .main_category_table td a span {\r
374         display:block;\r
375         width:168px;\r
376         height:29px;\r
377         background:#b53ea6;\r
378         overflow:hidden;\r
379         text-align:center;\r
380         padding-top:8px;\r
381 }\r
382 \r
383 .footer_wrapper {\r
384         font-size:11px;\r
385         font-family:Arial;\r
386         margin-left:26px;\r
387 }\r
388 \r
389 .footer_wrapper a {\r
390         display:block;\r
391         float:left;\r
392         color:#666;\r
393         padding:7px 15px 7px 0px;\r
394 }\r
395 \r
396 .footer_wrapper a:hover {\r
397         color:#b53ea6;\r
398 }\r
399 \r
400 .sub_sidebar {\r
401         background:#e3e3e3 url('/images/kpac/sub_side_bg.png') repeat-y;\r
402         border-top:1px solid #eee;\r
403 }\r
404 \r
405 .sub_sidebar_inner {\r
406         width:216px;\r
407         overflow:hidden;\r
408         margin:26px 25px 0px 25px;\r
409 }\r
410 \r
411 .sub_sidebar_header {\r
412         color:#424242;\r
413         font-size:18px;\r
414         text-transform:uppercase;\r
415         margin-bottom:7px;\r
416         font-family: 'Kreon';\r
417 }\r
418 \r
419 .sub_sidebar_search_box,\r
420 .item_detail_rating .review_box_body .input_boxes input[type=text],\r
421 .checkout_box .box_inside .text_box {\r
422         width:198px;\r
423         font-size:14px;\r
424         padding:11px 8px 11px 8px;\r
425 }\r
426 \r
427 .sub_sidebar_search_wrapper {\r
428         margin-bottom:4px;\r
429 }\r
430 \r
431 .sub_sidebar_search_st {\r
432         font-size:14px;\r
433         color:white;\r
434         font-family: 'Kreon';\r
435 }\r
436 \r
437 .sub_sidebar_search_st .st_radio_btn {\r
438         background:#9e9e9e;\r
439         padding:6px 4px 7px 7px;\r
440 }\r
441 \r
442 .sub_sidebar_search_st .st_radio_btn input[type=radio] {\r
443         overflow:hidden;\r
444         width:15px;\r
445 }\r
446 \r
447 .sub_sidebar_search_st .st_label {\r
448         background:#9e9e9e;\r
449         padding-right:10px;\r
450 }\r
451 \r
452 .st_radio_spacer div {\r
453         width:4px;\r
454 }\r
455 \r
456 .breadcrumb {\r
457         margin-top:11px;\r
458         margin-left:3px;\r
459 }\r
460 \r
461 .breadcrumb a, .breadcrumb .bread_last {\r
462         display:block;\r
463         float:left;\r
464         background:#74d514;\r
465         font-family:'Cabin-Semibold', 'Cabin', Arial;\r
466         color:white;\r
467         font-size:11px;\r
468         text-transform:uppercase;\r
469         padding:18px 10px 18px 15px;\r
470         height:14px;\r
471 }\r
472 \r
473 .breadcrumb .bread_last {\r
474         display:block;\r
475         background:#b9b9b9;\r
476         padding-right:15px;\r
477 }\r
478 \r
479 .breadcrumb .bread_green_mid, .breadcrumb .bread_green_last {\r
480         float:left;\r
481         width:27px;\r
482         height:50px;\r
483         overflow:hidden;\r
484         background:url('/images/kpac/bread_green_mid.png') no-repeat;\r
485 }\r
486 \r
487 .breadcrumb .bread_green_last {\r
488         background:url('/images/kpac/bread_green_last.png') no-repeat;\r
489 }\r
490 \r
491 .breadcrumb .bread_home {\r
492         padding:7px 4px 7px 8px;\r
493         height:36px;\r
494 }\r
495 \r
496 .item_detail_header {\r
497         padding-left:23px;\r
498         padding-top:28px;\r
499         margin-bottom:20px;\r
500 }\r
501 \r
502 .item_detail_image {\r
503         float:left;\r
504         padding-top:3px;\r
505         width:169px;\r
506         overflow:hidden;\r
507 }\r
508 \r
509 .item_detail_image a img {\r
510         border:1px solid #d0d0d0;\r
511 }\r
512 \r
513 .item_detail_info {\r
514         float:left;\r
515         width:321px;\r
516         padding-left:18px;\r
517 }\r
518 \r
519 .item_detail_name {\r
520         font-size:18px;\r
521         color:#b53ea6;\r
522         padding-bottom:2px;\r
523 }\r
524 \r
525 .item_detail_author {\r
526         padding-bottom:14px;\r
527         color:#878787;\r
528         font-size:14px;\r
529 }\r
530 \r
531 .item_icon_wrapper {\r
532         width:80px;\r
533         height:106px;\r
534         overflow:hidden;\r
535         float:left;\r
536 }\r
537 \r
538 .item_icon {\r
539         width:80px;\r
540         height:80px;\r
541         background:url('/images/kpac/icon_bg.png') no-repeat;\r
542         text-align:center;\r
543         overflow:hidden;\r
544         line-height:80px;\r
545 }\r
546 \r
547 .item_icon img {\r
548         vertical-align:middle;\r
549         position:relative;\r
550         top:-1px;\r
551 }\r
552 \r
553 .item_icon_type_text {\r
554         width:80px;\r
555         height:24px;\r
556         text-align:center;\r
557         overflow:hidden;\r
558         display:table-cell;\r
559         vertical-align:middle;\r
560         line-height:12px;\r
561 }\r
562 \r
563 .item_detail_rate_wrapper {\r
564         float:left;\r
565         padding-left:20px;\r
566 }\r
567 \r
568 .item_detail_rate_starts {\r
569         float:left;\r
570         border-right:1px solid #e4e5e5;\r
571         padding-right:10px;\r
572         margin-right:10px;\r
573         margin-bottom:7px;\r
574 }\r
575 \r
576 .item_detail_rate_link {\r
577         float:left;\r
578         font-size:14px;\r
579 }\r
580 \r
581 .item_detail_callnumber {\r
582         margin-bottom:4px;\r
583 }\r
584 \r
585 .item_detail_header_buttons {\r
586         float:right;\r
587         margin-top:3px;\r
588         margin-right:23px;\r
589         text-align:right;\r
590 }\r
591 \r
592 .item_detail_getit_btn {\r
593         margin-bottom:10px;\r
594 }\r
595 \r
596 .item_location_table td {\r
597         padding-top:7px;\r
598         padding-bottom:7px;\r
599 }\r
600 \r
601 .item_location_table .header td {\r
602         font-size:14px;\r
603         font-weight:bold;\r
604         text-transform:uppercase;\r
605         border-bottom:1px solid #e3e3e3;\r
606         padding-top:14px;\r
607         padding-bottom:12px;\r
608 }\r
609 \r
610 .item_location_table td.location {\r
611         width:142px;\r
612         padding-left:43px;\r
613 }\r
614 \r
615 .item_location_table td.loc_info {\r
616         width:148px;\r
617 }\r
618 \r
619 .item_location_table td.status {\r
620         width:138px;\r
621 }\r
622 \r
623 .item_location_table td.callnumber {\r
624         width:213px;\r
625 }\r
626 \r
627 .item_location_table .gray td {\r
628         background:#f2f2f2;\r
629 }\r
630 \r
631 .item_detail_desc {\r
632         font-size:14px;\r
633         line-height:22px;\r
634         padding:11px 23px;\r
635 }\r
636 \r
637 .item_detail_desc p {\r
638         margin:0;\r
639         margin-bottom:10px;\r
640 }\r
641 \r
642 .item_detail_desc a {\r
643         padding:0px 2px;\r
644 }\r
645 \r
646 .item_detail_desc a:hover {\r
647         color:white;\r
648         background:#b53ea6;\r
649 }\r
650 \r
651 .item_detail_extras_tabs {\r
652         padding-top:15px;\r
653         padding-left:23px;\r
654         width:3000px;\r
655         background:#e3e3e3;\r
656 }\r
657 \r
658 .item_detail_extras_tabs a,\r
659 .item_detail_extras_tabs div.selected {\r
660         display:block;\r
661         float:left;\r
662         padding:14px 35px;\r
663         background:#b53ea6;\r
664         color:white;\r
665         font-size:14px;\r
666         margin-right:10px;\r
667 }\r
668 \r
669 .item_detail_extras_tabs a.selected,\r
670 .item_detail_extras_tabs div.selected {\r
671         background:white;\r
672         color:#424242;\r
673 }\r
674 \r
675 .item_detail_rating_top {\r
676         font-size:14px;\r
677         border-bottom:1px solid #e3e3e3;\r
678         padding-left:23px;\r
679 }\r
680 \r
681 .item_avg_rate_table {\r
682         margin:11px 0;\r
683 }\r
684 \r
685 .item_avg_rate_table .avg_rate {\r
686         padding-right:10px;\r
687         border-right:1px solid #e3e3e3;\r
688 }\r
689 \r
690 .item_avg_rate_table .stars {\r
691         padding-left:10px;\r
692 }\r
693 \r
694 .item_avg_rate_table .total_rates {\r
695         padding-left:10px;\r
696 }\r
697 \r
698 .item_detail_rating {\r
699         width:638px;\r
700         padding:15px 23px 25px 23px;\r
701         overflow:hidden;\r
702         border-bottom:1px solid #e3e3e3;\r
703 }\r
704 \r
705 .item_detail_rating .review_box_top {\r
706         width:638px;\r
707         height:9px;\r
708         overflow:hidden;\r
709         background:url('/images/kpac/reviews_top.png') no-repeat;\r
710 }\r
711 \r
712 .item_detail_rating .review_box_body {\r
713         background:#e3e3e3;\r
714         padding:1px 25px 0px 25px;\r
715 }\r
716 \r
717 .item_detail_rating .review_box_body .input_boxes {\r
718         padding-bottom:15px;\r
719 }\r
720 \r
721 .item_detail_rating .review_box_body .input_boxes .review_email_cell {\r
722         padding-left:10px;\r
723 }\r
724 \r
725 .item_detail_rating .review_box_body .input_boxes .rating_msg_box {\r
726         font-size:11px;\r
727         color:#9a9a9a;\r
728         padding-left:12px;\r
729 }\r
730 \r
731 .item_detail_rating2 {\r
732         font-size:14px;\r
733         padding:7px 0px;\r
734         border-top:1px solid #c4c2c2;\r
735         border-bottom:1px solid #c4c2c2;\r
736         margin-bottom:15px;\r
737 }\r
738 \r
739 .item_avg_rate_table2 .rate {\r
740         padding-right:10px;\r
741 }\r
742 \r
743 .item_avg_rate_table2 .stars {\r
744         padding:0px 10px;\r
745         border-left:1px solid #c4c2c2;\r
746         border-right:1px solid #c4c2c2;\r
747 }\r
748 \r
749 .item_avg_rate_table2 .scale {\r
750         padding-left:10px;\r
751         color:#9a9a9a;\r
752 }\r
753 \r
754 .item_detail_rating .review_box_body .review_comment_box {\r
755         margin-bottom:20px;\r
756 }\r
757 \r
758 .item_detail_rating\r
759   .review_box_body\r
760     .review_comment_box\r
761           .review_comment {\r
762         width:578px;\r
763         height:87px;\r
764         padding-left:7px;\r
765         padding-top:9px;\r
766         font-size:14px;\r
767 }\r
768 \r
769 .item_detail_rating .review_submit_box {\r
770         padding-top:5px;\r
771 }\r
772 \r
773 .sub_navigation1, .sub_navigation3 {\r
774         padding:25px 23px 20px 23px;\r
775 }\r
776 \r
777 .sub_navigation2 {\r
778         padding:0px 23px 25px 23px;\r
779         border-bottom:1px solid #e3e3e3;\r
780 }\r
781 \r
782 .sub_navigation1 .nav_mid_bg,\r
783 .sub_navigation2 .nav_mid_bg,\r
784 .sub_navigation3 .nav_mid_bg {\r
785         background:#eaeaea;\r
786         text-align:center;\r
787         font-size:14px;\r
788         font-family: 'Kreon';\r
789 }\r
790 \r
791 \r
792 .sub_navigation1 .nav_mid_bg .current_page,\r
793 .sub_navigation2 .nav_mid_bg .current_page,\r
794 .sub_navigation3 .nav_mid_bg .current_page {\r
795         font-size:24px;\r
796         color:#b53ea6;\r
797         padding:0px 12px;\r
798 }\r
799 \r
800 .sub_navigation1 .nav_mid_bg .total_pages,\r
801 .sub_navigation2 .nav_mid_bg .total_pages,\r
802 .sub_navigation3 .nav_mid_bg .total_pages {\r
803         font-size:24px;\r
804         padding-left:12px;\r
805 }\r
806 \r
807 \r
808 .sub_navigation1 .to_top_btn,\r
809 .sub_navigation3 .to_top_btn {\r
810         padding-left:19px;\r
811 }\r
812 \r
813 .sub_navigation2.checkout {\r
814         padding-top:25px;\r
815         border-bottom:none;\r
816 }\r
817 \r
818 .search_results {\r
819         padding:17px 23px 20px 23px;\r
820         border-bottom:1px solid #e3e3e3;\r
821 }\r
822 \r
823 .search_results .item_icon_wrapper {\r
824         padding-top:3px;\r
825 }\r
826 \r
827 .search_results .item_detail_info {\r
828         width:370px;\r
829 }\r
830 \r
831 .search_results .item_detail_info .item_detail_author {\r
832         padding-bottom:6px;\r
833 }\r
834 \r
835 .search_results .item_detail_info .item_detail_actions {\r
836         padding-top:28px;\r
837 }\r
838 \r
839 .search_results\r
840   .item_detail_info\r
841     .item_detail_actions\r
842           .button {\r
843         float:left;\r
844         padding-right:5px;\r
845 }\r
846 \r
847 .checkout_options {\r
848         border-bottom:1px solid #e3e3e3;\r
849         font-size:14px;\r
850 }\r
851 \r
852 .checkout_options .left_brain {\r
853         width:294px;\r
854         overflow:hidden;\r
855         padding:11px 25px 25px 23px;\r
856 }\r
857 \r
858 .checkout_options .left_brain_cell {\r
859         border-right:1px solid #e3e3e3;\r
860 }\r
861 \r
862 .checkout_options .right_brain {\r
863         width:294px;\r
864         overflow:hidden;\r
865         padding:11px 23px 25px 25px;\r
866 }\r
867 \r
868 .checkout_options p {\r
869         margin:0;\r
870 }\r
871 \r
872 .checkout_options .top_side {\r
873         text-align:center;\r
874         padding-bottom:15px;\r
875 }\r
876 \r
877 .checkout_options .submit_btn {\r
878         \r
879 }\r
880 \r
881 .checkout_box {\r
882         padding-bottom:5px;\r
883 }\r
884 \r
885 .checkout_box .box1_top {\r
886         width:294px;\r
887         height:9px;\r
888         font-size:0px;\r
889         overflow:hidden;\r
890         background:url('/images/kpac/box1_top.png') no-repeat;\r
891 }\r
892 \r
893 .checkout_box .box_inside {\r
894         background:#e3e3e3;\r
895         padding:7px 25px 20px 25px;\r
896 }\r
897 \r
898 .checkout_box .box_inside p {\r
899         margin-bottom:5px;\r
900 }\r
901 \r
902 .checkout_box .box_inside .input_box {\r
903         float:left;\r
904 }\r
905 \r
906 .checkout_box .box_inside .help_btn {\r
907         float:right;\r
908         display:block;\r
909         \r
910         /* IE7 star hack */\r
911         *position:relative;\r
912         *top:1px;\r
913 }\r
914 \r
915 .checkout_box .box_inside .text_box {\r
916         padding-bottom:10px;\r
917 }\r
918 \r
919 .checkout_box .box_inside .pickup_lib select {\r
920         width:244px;\r
921 }\r
922 \r
923 .checkout_item_pad {\r
924         padding-top:30px;\r
925 }\r
926 \r
927 .checkout_res_body {\r
928         font-size:18px;\r
929         text-align:center;\r
930         line-height:30px;\r
931 }\r
932 \r
933 .checkout_res_back {\r
934         font-size:11px;\r
935         font-family:'Cabin-Semibold', 'Cabin', Arial;\r
936         text-transform:uppercase;\r
937         white-space:nowrap;\r
938         color:white;\r
939         background:#74d514;\r
940         padding:18px 28px 18px 0px;\r
941         display:block;\r
942         overflow:hidden;\r
943         height:14px;\r
944 }\r
945 \r
946 .sub_cat_wrapper {\r
947         padding:13px 0px 13px 75px;\r
948         border-bottom:1px solid #e3e3e3;\r
949 }\r
950 \r
951 .center_me {\r
952         width:956px;\r
953         margin:auto;\r
954 }\r
955 \r
956 .hp_reposition {\r
957         position:relative;\r
958         top:-46px;\r
959 }\r
960 \r
961 .sub_header2 {\r
962         text-align:center;\r
963         margin-top:20px;\r
964         margin-bottom:9px;\r
965 }\r
966 \r
967 .sub_header {\r
968         font-size:14px;\r
969         background:#e3e3e3;\r
970         padding:8px 23px;\r
971 }\r
972 \r
973 .clear {\r
974         clear:both;\r
975         font-size:0px;\r
976         line-height:0px;\r
977         /* background:green; -   for debugging */\r
978         \r
979         /* IE7 has a problem with these\r
980         height:0px;\r
981         overflow:hidden;\r
982         */\r
983 }\r
984 \r
985 div.hr {\r
986         margin: 12px 0;\r
987         background:#c4c2c2;\r
988         height:1px;\r
989         overflow:hidden;\r
990 }\r
991 \r
992 .popup_wrapper {\r
993         position:absolute;\r
994 }\r
995 \r
996 .popup_wrapper .popup_wrapper_inner {\r
997         position:relative;\r
998         display:none;\r
999         top:0px;\r
1000         left:0px;\r
1001 }\r
1002 \r
1003 .popup_wrapper .popup_mid {\r
1004         background:white;\r
1005 }\r
1006 \r
1007 .popup_wrapper .popup_content {\r
1008         margin-right:-20px;\r
1009         margin-bottom:-20px;\r
1010         position:relative;\r
1011         top:-10px;\r
1012         left:-10px;\r
1013         padding:2px;\r
1014         overflow:hidden;\r
1015         font-size:14px;\r
1016 }\r
1017 \r
1018 .popup_wrapper .popup_arrow_bm {\r
1019         position:relative;\r
1020         top:-3px;\r
1021 }\r
1022 \r
1023 .popup_wrapper .popup_tl {\r
1024         width:13px;\r
1025         height:13px;\r
1026         background:url('/images/kpac/popup_tl.png') no-repeat;\r
1027 }\r
1028 \r
1029 .popup_wrapper .popup_tm {\r
1030         background:url('/images/kpac/popup_tm.png') repeat-x;\r
1031 }\r
1032 \r
1033 .popup_wrapper .popup_tr {\r
1034         width:13px;\r
1035         height:13px;\r
1036         background:url('/images/kpac/popup_tr.png') no-repeat;\r
1037 }\r
1038 \r
1039 .popup_wrapper .popup_lm {\r
1040         background:url('/images/kpac/popup_lm.png') repeat-y;\r
1041 }\r
1042 \r
1043 .popup_wrapper .popup_rm {\r
1044         background:url('/images/kpac/popup_rm.png') repeat-y;\r
1045 }\r
1046 \r
1047 .popup_wrapper .popup_bl {\r
1048         width:13px;\r
1049         height:13px;\r
1050         background:url('/images/kpac/popup_bl.png') no-repeat;\r
1051 }\r
1052 \r
1053 .popup_wrapper .popup_bm {\r
1054         background:url('/images/kpac/popup_bm.png') repeat-x;\r
1055 }\r
1056 \r
1057 .popup_wrapper .popup_br {\r
1058         width:13px;\r
1059         height:13px;\r
1060         background:url('/images/kpac/popup_br.png') no-repeat;\r
1061 }\r
1062 \r
1063 .invisible {\r
1064     visibility : hidden;\r
1065 }\r
1066 \r
1067 \r
1068 \r
1069 \r
1070 \r
1071 \r
1072 \r
1073 \r
1074 \r
1075 \r
1076 \r
1077 \r
1078 \r
1079 \r
1080 \r
1081 \r