mall_default.css@t=20080730.css

网上商店 使用jsp开发网上商店系统 4.1环境准备 为了利用JSP技术,首先需要建立环境。

em.ha{font-weight:700;font-style:normal;color:#f75c3d;}.body{font-size:12px;}.body-skin{width:950px;border:0;margin:0 auto;}.body-skin:after{content:"";clear:both;display:block;height:0;visibility:hidden;}.tip{height:27px;background-repeat:no-repeat;background-position:0 0;}.tip p{text-indent:-9999em;}.handy{float:right;list-style:none;margin:-23px 0 0 0;padding:0;}.handy li{*display:inline;float:left;height:22px;margin:0 0 0 6px;padding:0 10px;border:1px solid #e4e4e4;border-bottom-width:0;background:url(../imgs/default_hor_bg.gif) 0 0 repeat-x;line-height:22px;}.handy li a:link,.handy li a:visited{color:#666;text-decoration:none;}.handy li a:hover,.handy li a:active{text-decoration:underline;}.handy li.highlight a:link,.handy li.highlight a:visited{color:#a50110;}.preem{float:left;width:948px;border:1px solid #e4e4e4;}.category{float:left;width:214px;border:2px solid #a9d8eb;background:url(../imgs/default_ver_bg.gif) 0 0 repeat-y;color:#26b;}.category a:link,.category a:visited{color:#36c;text-decoration:none;}.category a:hover,.category a:active{color:#f60;text-decoration:underline;}.category ul{width:202px;margin:0 6px;overflow:hidden;}.category li{margin:-1px 0 0 0;padding:1px 0 5px 0;background:url(../imgs/default_dotted.gif) 0 0 repeat-x;}.category h3{height:30px;overflow:hidden;padding:0 0 0 24px;background:url(../imgs/default_icon.gif) 0 -117px no-repeat;font-size:12px;font-weight:700;line-height:34px;}.category .limb-01 h3{background-position:0 -117px;}.category .limb-02 h3{background-position:0 -147px;}.category .limb-03 h3{background-position:0 -177px;}.category .limb-04 h3{background-position:0 -207px;}.category .limb-05 h3{background-position:0 -237px;}.category dl{height:18px;margin:0;padding:0 0 0 24px;overflow:hidden;line-height:18px;}.category dt{float:left;margin:0;padding:0;}.category dd{float:left;margin:0 12px 0 0;padding:0;white-space:nowrap;}.silbo{float:left;width:500px;border:1px solid #e4e4e4;border-top-width:0;margin-bottom:-1px;}.silbo-slide{height:250px;width:500px;border-bottom:1px solid #e4e4e4;}.silbo-slide #SlidePlayer{position:relative;margin:0 auto;}.silbo-slide .Slides{padding:0;margin:0;list-style:none;height:250px;overflow:hidden;}.silbo-slide .Slides li{float:left;height:250px;width:500px;}.silbo-slide .Slides img{border:0;display:block;width:500px;height:250px;}.silbo-slide .SlideTriggers{margin:0;padding:0;list-style:none;position:absolute;top:220px;right:8px;z-index:10;height:25px;}.silbo-slide .SlideTriggers li{float:left;display:inline;color:#74a8ed;text-align:center;line-height:16px;width:16px;height:16px;font-family:Arial;font-size:.9em;cursor:pointer;overflow:hidden;margin:3px 2px;background:url(../imgs/slide_trigger.gif) no-repeat center center;}.silbo-slide .SlideTriggers li.Current{color:#fff;background:url(../imgs/slide_trigger_c.gif) no-repeat center center;border:0;font-weight:bold;font-size:1.1em;line-height:21px;height:21px;width:21px;margin:0 6px;}.silbo-boat{float:left;clear:both;}.silbo-boat li{float:left;border-right:1px solid #e4e4e4;}.silbo-boat li.silbo-boat-02{float:left;border-right-width:2px;}.silbo-boat li.silbo-boat-04{float:left;border-right-width:0;}.silbo-boat li img{vertical-align:top;}



.silbo-proa{float:left;}
.silbo-proa a:link,
.silbo-proa a:visited{color:#5a5a5a;}
.silbo-proa a:hover,
.silbo-proa a:active{color:#f60;}
.silbo-proa li{float:left;padding:1px;width:229px;border-top:1px solid #e4e4e4;border-right:1px solid #e4e4e4;}
.silbo-proa li .silbo-proa-img{float:left;}
.silbo-proa li img{display:block;}
.silbo-proa li .silbo-proa-txt{display:block;margin:0 0 0 80px;padding:8px 10px 0 20px;background:url(../imgs/default_icon.gif) 5px 12px no-repeat;}

.gobi{width:228px;float:right;background:url(../imgs/default_hor_bg.gif) 0 -211px repeat-x;}.announce{padding:0 8px;}.announce h3{height:16px;overflow:hidden;padding:3px 0 4px 9px;background:url(../imgs/default_icon.gif) 0 -62px no-repeat;font-size:14px;line-height:17px;*line-height:19px;font-weight:700;color:#840622;}.announce li{overflow:hidden;height:20px;padding-left:10px;background:url(../imgs/default_icon.gif) 0 -41px no-repeat;line-height:20px;}.announce li a:link,.announce li a:visited{color:#5a5a5a;}.announce li a:hover,.announce li a:active{color:#f60;}.yacht{height:140px;margin:7px 0 0;border-bottom:1px solid #e4e4e4;}.yachtsman{*display:inline;float:left;width:32px;margin:5px 0 5px 8px;}.yachtsman li{float:left;width:32px;color:#fff;}.yachtsman li a{overflow:hidden;display:block;width:20px;height:56px;padding:5px 0 0 8px;letter-spacing:5px;line-height:12px;}.yachtsman li a:link,.yachtsman li a:visited{color:#fff;text-decoration:none;}.yachtsman li a:hover,.yachtsman li a:active{color:#fff;text-decoration:none;}.yachtsman li.selected{width:32px;background:url(../imgs/default_big_bg.gif) 4px -244px no-repeat;font-weight:700;}.yachtsman li.selected a{padding-left:10px;}.yachtsman li.selected a:link,.yachtsman li.selected a:visited{color:#666;}.yachtsman li.selected a:hover,.yachtsman li.selected a:active{color:#f60;}.yachter{display:none;padding:14px 0 14px 0;float:left;margin-left:20px;width:150px;}.yachter li{height:28px;color:#414141;}.yachter li select{height:18px;margin-left:6px;font-size:12px;}.yachter p{padding-left:40px;}.yachter .spirit-button{display:block;float:left;height:18px;padding:0 12px;border:1px solid #851018;background:url(../imgs/default_hor_bg.gif) 0 -24px repeat-x;line-height:16px;color:#fff;}.yachter .spirit-button:link,.yachter .spirit-button:visited{color:#fff;text-decoration:none;}.yachter .spirit-button:hover,.yachter .spirit-button:active{color:#fff;text-decoration:none;}.brand{height:222px;width:228px;background:url(../imgs/default_big_bg.gif) -207px 1px no-repeat;}.brand ul{padding:27px 0 0 4px;float:left;}.brand ul li{*display:inline;overflow:hidden;float:left;width:60px;height:60px;margin:4px 6px;background:url(../imgs/default_big_bg.gif) -38px -244px no-repeat;}.brand ul li img{vertical-align:top;}.field{clear:both;border:1px solid #e4e4e4;border-top-width:0;}.field h2{overflow:hidden;height:28px;border-bottom:1px solid #e4e4e4;line-height:28px;text-indent:-9999em;}.ridge{float:right;position:relative;margin-top:-28px;height:28px;padding:0;line-height:28px;}.ridge li{float:left;padding:0 12px 0 0;}.ridge li a:link,.ridge li a:visited{color:#666;}.ridge li a:hover,.ridge li a:active{color:#f60;}.stook{zoom:1;}.stook:after{content:"";clear:both;display:block;height:0;visibility:hidden;}
.straw{float:left;padding-left:10px;padding-top:10px;border-top:5px #FDDEE6 solid;border-bottom:5px #FDDEE6 solid;border-left:5px #FDDEE6 solid}.straw img{vertical-align:top;}.paddy{float:right;width:703px;padding:10px;border:5px solid #fddee6;border-left-width:0;overflow:hidden;}.hulled{width:440px;float:left;padding:0;}.millet{clear:both;padding-bottom:8px;}.millet ul{overflow:hidden;zoom:1;}.millet li{float:left;width:100px;padding:0 10px;margin-left:-10px;background:url(../imgs/default_hor_bg.gif) 0 -44px no-repeat;}.millet-img,.millet-img a{display:block;overflow:hidden;width:100px;height:100px;}.millet-img img{display:block;}.millet-hx{display:block;overflow:hidden;width:100px;height:30px;margin-top:5px;line-height:15px;}.millet-hx a:link,.millet-hx a:visited{color:#666;text-decoration:none;}.millet-hx a:hover,.millet-hx a:active{color:#f60;text-decoration:underline;}.millet-price{display:block;overflow:hidden;width:100px;color:#c00;}.maise{float:left;}.tree-trunk-01 .maise{width:200px;height:90px;border:1px solid #e4e4e4;}.maise img{vertical-align:top;}.rye{float:left;}.rye ul{overflow:hidden;margin-right:-10px;float:left;}.rye li{overflow:hidden;float:left;height:23px;width:210px;padding:0;margin:-1px 10px 0 0;background:url(../imgs/default_dotted.gif) repeat-x;line-height:22px;}.rye li a{background:url(../imgs/default_icon.gif) 0 -88px no-repeat;display:block;padding:0 0 0 12px;}.poppy{float:left;width:430px;height:60px;margin:10px 0 0 0;background:#f2f2f2;}.poppy ul{overflow:hidden;zoom:1;}.poppy ul li{float:left;width:143px;}.poppy-img{*display:inline;float:left;margin:10px;border:1px solid #e4e4e4;}.poppy-hx{display:block;overflow:hidden;height:30px;padding-top:8px;}.poppy-hx a:link,.poppy-hx a:visited{color:#414141;}.poppy-hx a:hover,.poppy-hx a:active{color:#f60;}.poppy-price{display:block;line-height:20px;font-weight:700;color:#c00;white-space:nowrap;}.husked{float:right;width:253px;padding:0 0 0 10px;overflow:hidden;}.rice{width:100%;margin-bottom:-4px;}.rice h3{margin:0;padding:0;height:18px;border-bottom:1px solid #e4e4e4;font-size:14px;font-weight:700;line-height:16px;color:#f76d91;}.rice ol{overflow:hidden;padding:0 4px;}.rice li{height:25px;margin:-1px 0 0 0;background:url(../imgs/default_dotted.gif) 0 0 repeat-x;line-height:23px;}.rice li .no{font-weight:700;color:#f7648a;}.rice li a{margin:0 5px;}.rice li a.new{background:url(../imgs/default_icon.gif) 100% 5px no-repeat;padding:0 28px 0 0;}.surf{padding:4px 0 0;margin:0 0 -15px;zoom:1;}.surf li{padding:0 0 15px;}.surf li img{vertical-align:top;border:1px solid #e4e4e4;}.tree-trunk-02 h2,.tree-trunk-03 h2,.tree-trunk-04 h2,.tree-trunk-05 h2,.tree-trunk-06 h2,.tree-trunk-07 h2,.tree-trunk-08 h2,.tree-trunk-09 h2{background:url(../imgs/default_h2_v2.png) 0 0 no-repeat;}.tree-trunk-02 h2{background-position:0 -28px;}.tree-trunk-03 h2{background-position:0 -56px;}.tree-trunk-04 h2{background-position:0 -84px;}.tree-trunk-05 h2{background-position:0 -112px;}.tree-trunk-06 h2{background-position:0 -140px;}.tree-trunk-07 h2{background-position:0 -168px;}.tree-trunk-08 h2{background-position:0 -196px;}.tree-trunk-09 h2{background-position:0 -250px;}.tree-trunk-01 .stook{height:350px;}.tree-trunk-01 .paddy{height:320px;}.tree-trunk-01 .rye{width:220px;padding-left:10px;}.tree-trunk-01 .rye li{height:24px;}.tree-trunk-02 .stook{height:250px;}.tree-trunk-02 .paddy{height:224px;border-color:#b3a384;padding:8px 10px;}.tree-trunk-02 .rice h3{color:#6e624b;}.tree-trunk-02 .rice li .no{color:#6e624b;}.tree-trunk-03 .stook{height:250px;}.tree-trunk-03 .paddy{height:224px;border-color:#6fddee6;padding:8px 10px;}.tree-trunk-03 .rice h3{color:#ad2481;}.tree-trunk-03 .rice li .no{color:#ad2481;}.tree-trunk-04 .stook{height:350px;}.tree-trunk-04 .paddy{height:320px;border-color:#9ecee2;padding:10px;}.tree-trunk-04 .maise{padding-bottom:8px;float:none;}.tree-trunk-04 .rye{margin-bottom:6px;}.tree-trunk-04 .millet{padding-bottom:0;}.tree-trunk-04 .rice h3{color:#3f3f3f;}.tree-trunk-04 .rice li .no{color:#3f3f3f;}.tree-trunk-05 .stook{height:250px;}.tree-trunk-05 .paddy{height:224px;border-color:#aae6e2;padding:8px 10px;}.tree-trunk-06 .stook{height:250px;}.tree-trunk-06 .paddy{height:224px;border-color:#eacd6a;padding:8px 10px;}.tree-trunk-07 .stook{height:250px;}.tree-trunk-07 .paddy{height:224px;border-color:#f7d1bf;padding:8px 10px;}.tree-trunk-07 .rice h3{color:#ff9768;}.tree-trunk-07 .rice li .no{color:#ff9768;}.tree-trunk-08 .stook{height:250px;}.tree-trunk-08 .paddy{height:224px;border-color:#c4de9d;padding:8px 10px;}.tree-trunk-08 .rice{margin-bottom:0;}.tree-trunk-08 .rice h3{color:#476c18;height:20px;}.tree-trunk-08 .rice li{height:27px;line-height:26px;}.tree-trunk-08 .rice li .no{color:#476c18;};.tree-trunk-sport h2{background-position:0 -222px!important;}.tree-trunk-sport .paddy{border-color:#bbc9f5!important;}