advanced.css.svn-base

j2me设计的界面包

/* g30 */
.g30,.g30img{position:relative;z-index:2}
.g30 ul,.g30 ul li{margin:0;padding:0}
.g30 ul li{position:absolute;z-index:4;list-style-image:url("images/a.gif")}
.g30 ul.right li.left,.g30 ul li{background:url('images/ic_overlay_arrow.gif') no-repeat 3px 5px transparent;padding:5px 10px 5px 20px;display:block;min-height:16px;max-width:190px;text-decoration:none;float:left}
.g30 ul li a,.g30 ul li span{background:#ccdae3;border-top:1px solid #eef3f6;border-left:1px solid #eef3f6;border-bottom:1px solid #87a8bd;border-right:1px solid #87a8bd;padding:0 5px 2px 5px;font-size:11px;display:block;position:relative;z-index:5;width:auto}
* html .g30 ul li{height:16px}
* html .g30 ul li a,* html .g30 ul li span{padding:0 5px}
.g30 ul.right li,.g30 ul li.right{background:url('images/ic_overlay_arrow.gif') no-repeat 100% 5px transparent;padding:5px 17px 5px 10px}
.g30 ul li a:visited{color:#3E6B8A}

/* g31 */
div.g31{padding:5px 0}
div.g31 ul.icons li{padding-right:15px;display:inline;font-size:11px;color:#e76f00}
div.g31.list ul li{padding-right:0;display:block}
div.g31.right ul{text-align:right}
div.g31.right ul li{padding-right:0;margin-left:15px}

/* g33 */
div.g33{margin:12px 0px;font-size:11px}
div.g33 p{margin:5px 0px}
div.g33 *{font-size:11px}

/* i03 */
.i03{margin:8px 0px}
.i03 span.hotbutton{white-space:normal;display:block;line-height:17px;margin:8px 0 3px 0}
.i03 span.hotbutton a{display:block;width:auto}
.i03 p{margin:0 9px}

/* j1 */
.j1v0 p{color:#666;font-weight:bold;margin-top:0}
.j1v1{margin-bottom:15px}
.j1v1 .iconpdf{padding:5px 0}
.j1v2{height:80px;margin-bottom:12px}
.j1{background:url("images/bg_white_to_grey.gif") repeat-x left top #fff}
.j1 div.cornerBR{width:100%;background:url("images/generic_br.gif") no-repeat bottom right;padding:0}
.j1 a.morelink{font-weight:bold;white-space:nowrap}
.j1 a.title{font-weight:bold;font-size:14px}
.j1 div.copy{padding-top:4px}
.j1 div.plft{background:url("images/ar_lg_orange.gif") no-repeat top left;padding-bottom:0}
.j1 .j1v2{color:#000}
.j1 a:visited,.j1 a:link{color:#3E6B8A}
.j1v3>div{padding-left:10px}
.j1v3{padding-bottom:10px}

/* k2 */
.k2{visibility:hidden;position:absolute;z-index:40;left:0;top:-20000px;text-align:left}
.k2 p{margin:2px 0 3px}
.k2 h5{margin:0 0 3px 0}
.k2v0{width:260px;background:url("images/k2v0_poppin_top.png") top left no-repeat;padding:6px 0 18px 0;margin-top:8px}
.k2v0 .k2w1{background:url("images/k2v0_poppin_btm.png") bottom left no-repeat;padding:0 0 14px 0}
.k2v0 .k2w2{background:url("images/k2v0_poppin_bg.png") 0 50% no-repeat;padding:0 20px 0 35px}
.showPointer .k2click,.k2close{cursor:pointer}
.k2v1, .k2v2{margin:30px 0 0 99px}
.k2v1x1,.k2v1x2,.k2v2x1,.k2v2x2{width:175px;margin:0 !important;float:left;clear:both}
.k2v1w1,.k2v2w1{background:url("images/k2v1_poppin_mid.png") top left repeat-y;color:#fff;width:155px;padding:0 18px 0 8px;margin:0 !important;float:left;clear:both}
.k2v2w1{background:url("images/k2v2_poppin_mid.png") top left repeat-y;color:#000}
.k2v1x1{background:url("images/k2v1_poppin_tb.png") top left no-repeat;height:8px;font-size:2px}
.k2v1x2{background:url("images/k2v1_poppin_tb.png") bottom left no-repeat;height:22px}
.aboveleft .k2v1x1,.aboveleft .k2v1x2{background-image:url("images/k2v1_poppin_tb_oleft.gif")}
div[class~="aboveleft"] .k2v1x1,div[class~="aboveleft"] .k2v1x2{background-image:url("images/k2v1_poppin_tb_oleft.png")}
.k2v2x1{background:url("images/k2v2_poppin_tb.png") top left no-repeat;height:8px;font-size:2px}
.k2v2x2{background:url("images/k2v2_poppin_tb.png") bottom left no-repeat;height:20px}
div.k2v1 p,div.k2v1 h5,div.k2v4 p,div.k2v4 h5{color:#fff}
.k2v1 a:link,.k2v1 a:visited,.k2v1 a:hover{color:#DAE3EA;font-weight:bold}
.k2v4{margin:30px 0 0 300px}
.k2v4x1,.k2v4x2{width:370px;margin:0 !important;float:left;clear:both}
.k2v4w1{background:url("images/k2v4_poppin_mid.png") top left repeat-y;color:#fff;width:350px;padding:0 18px 0 8px;margin:0 !important;float:left;clear:both}
.k2v4x1{background:url("images/k2v4_poppin_tb.png") top left no-repeat;height:8px;font-size:2px}
.k2v4x2{background:url("images/k2v4_poppin_tb.png") bottom left no-repeat;height:20px}
.k2v4 a:link,.k2v4 a:visited,.k2v4 a:hover{color:#DAE3EA;font-weight:bold}
.k2icon,.k2text{border-bottom:1px dotted #000;cursor:default}
a.k2icon,a.k2text{border-bottom:1px dotted #5382A1;cursor:pointer}
a.k2icon:hover,.k2text:hover{text-decoration:none}
.g15subscribe,.k2icon{padding-right:12px;background:url("images/a1_arrow_down.gif") top right no-repeat}
.k2v1 li.e4-chat{background-image:url("images/ic_chat_light.gif")}
.k2v1 li.e4-phone{background-image:url("images/ic_phone_light.gif")}
.k2v1 li.e4-contact{background-image:url("images/ic_email_light.gif")}
.k2v1 ul.bluearrows li{background:url("images/ar_dbl_white.gif") no-repeat left top}
.k2v1 ul[class="bluearrows"] li{background:url("images/ar_dbl_white.png") no-repeat left top}
.k2 .e4 ul{padding-left:0}

/* ie56 */
.k2v0{_background:url("images/k2v0_poppin_top.gif") top left no-repeat}
.k2v0 .k2w1{_background:url("images/k2v0_poppin_btm.gif") bottom left no-repeat}
.k2v0 .k2w2{_background:url("images/k2v0_poppin_bg.gif") 0 50% no-repeat}
.k2v1w1{_background:url("images/k2v1_poppin_mid.gif") top left repeat-y}
.k2v2w1{_background:url("images/k2v2_poppin_mid.gif") top left repeat-y}
.k2v1x1{_background:url("images/k2v1_poppin_tb.gif") top left no-repeat}
.k2v1x2{_background:url("images/k2v1_poppin_tb.gif") bottom left no-repeat}
.k2v2x1{_background:url("images/k2v2_poppin_tb.gif") top left no-repeat}
.k2v2x2{_background:url("images/k2v2_poppin_tb.gif") bottom left no-repeat}
.k2v4w1{_background:url("images/k2v4_poppin_mid.gif") top left repeat-y}
.k2v4x1{_background:url("images/k2v4_poppin_tb.gif") top left no-repeat}
.k2v4x2{_background:url("images/k2v4_poppin_tb.gif") bottom left no-repeat}
.k2 ul{margin-top:0;margin-bottom:0}
.k2 ul:after{content:" ";display:block;height:5px}

/* k4 */
div.k4{position:fixed;z-index:100;left:0;right:0;top:0;background:transparent url("images/dimout.png");padding:197px 0 2000px 0}
div.k4 div.k4w4{width:600px;margin:auto}
div.k4 div.k4title{background:#ccc;padding:1px 13px;position:relative}
div.k4 div.k4title h1,
div.k4 div.k4title h2,
div.k4 div.k4title h3,
div.k4 div.k4title h4,
div.k4 div.k4title h5,
div.k4 div.k4title h6{margin:5px 0 4px 0;font-size:15px}
div.k4 div.k4body{background:#eee;padding:1px 16px;border:1px solid #ccc}
div.k4 p, div.k4 ul{margin-top:8px;margin-bottom:8px}
div.k4 li{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}
.k4required{color:red}
span.k4tip{display:block}
div.k4 img{border:none;vertical-align:baseline}
div.k4hidden{display:none}
div.k4v0 div.k4w4{width:353px;background:transparent url("images/k4v0bg.gif") no-repeat 50% 0%}
div.k4v0 div.k4title{background:transparent}
div.k4v0 div.k4body{padding-left:95px;background:#e4e7a6;min-height:1px;border-color:#c7ce46}
div.k4v0 div.k4w4 p.k4formarea{margin-left:-80px;clear:both}
div.k4v0 .k4label{display:block;width:72px;padding-right:8px;text-align:right;float:left}
div.k4v0 .k4input{display:block;position:relative;top:-1px}
div.k4v1{padding-top:70px;position:absolute}
div.k4v1 div.k4w4{width:603px;background:transparent url("images/k4v1bg.gif") no-repeat 50% 0%;position:relative}
div.k4v1 div.k4title{background:transparent}
div.k4v1 div.k4body{background:#dfe6ed;min-height:1px;border-color:#aac0d4}
div.k4v1 div.k4w4 p.k4formarea{margin-left:-100px;clear:both}
div.k4v1 div.k4w4 p.k4nolabel{margin-left:0}
div.k4v1 div.k4w4 p.k4nolabel span.k4tip{padding-left:0}
div.k4v1 .k4label{display:block;width:92px;padding-right:8px;text-align:right;float:left}
div.k4v1 .k4input{display:block;position:relative;top:-1px}
div.k4v1 span.k4tip{display:block;padding-left:100px;margin:3px 0;color:#333;font-size:12px}
div.k4v1 p.k4formarea input[type=text]{width:300px}
div.k4v1 p.k4formarea textarea{width:400px}
div.k4v1 p.k4submitarea{text-align:right}
div.k4v1 p.k4copyright{text-align:center;margin-left:-100px}
div.k4v1 p.k4close{position:absolute;top:0;right:15px}
select.k4in-effect{visibility:hidden}
div.k4 select.k4in-effect{visibility:visible}
div.k4 a.modal-close{color:#3E6B8A;}
div.k4 p.modal-extra{position:absolute;top:0px;right:12px}
div.k4 p.modal-extra a:link,
div.k4 p.modal-extra a:visited,
div.k4 p.modal-extra a:hover,
div.k4 p.modal-extra a:active{color:#264154}
/* k4 ie6 hacks! */
* html div.k4{background-image:url("images/dimout.gif");position:absolute;left:0;right:0;width:expression((document.documentElement.offsetWidth-4)+'px')}
* html div.k4v0{top:expression(foo=document.documentElement.scrollTop+'px')}
* html div.k4v0 div.k4body{height:1px}

/* l0 */
.l0v0,.l0v1{margin:5px 10px 0 10px;text-align:center}
td .l0v0,td .l0v1{margin:5px 0 0 0;text-align:center}
.l0{padding:0;width:780px;height:170px;position:relative;left:0;top:0;margin-left:auto;margin-right:auto;margin-top:10px}
.l0v3{margin:5px 10px 0}
.l0action{display:inline;float:left}
.l0overlay{margin:-70px 0 0 25px;position:relative;height:70px}
.l0overlay p {margin:0;padding:0}
.l0overlay .hotbutton{margin:0 0 0 -1px}
.l0overlay .hotbutton a{font-size:14px}
.l0overlay p.l0price{color:#e76f00;font-size:15px;font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,FreeSans,"Luxi-sans","Nimbus Sans L",sans-serif;margin:2px 5px;display:inline;float:left}
.l0overlay p.l0extralink{position:absolute;top:28px;left:0;width:390px;background:url("images/ar_dbl_blue.gif") no-repeat 0 0;padding-left:8px;font-weight:bold}
.l0v3 .l0overlay p[class="l0extralink"]{background-image:url("images/ar_dbl_blue.png")}
/* l0v2 - OLD */
.l0items img{display:block;width:780px;height:170px}
.l0items{position:absolute;top:0;left:0;z-index:2;opacity:.1;filter:alpha(opacity=1);-moz-opacity:.1}
div#l0item1{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;z-index:2}

/* l1 */
.l1v0,.l1v1{height:80px}
.l1{background:url("images/bg_white_to_grey.gif") repeat-x left top #fff}
.l1 div.cornerBR{width:100%;background:url("images/generic_br.gif") no-repeat bottom right;padding:0}
.l1 a.morelink{font-weight:bold;white-space:nowrap}
.l1 a.title{font-weight:bold;font-size:14px}
.l1 div.copy{padding-top:4px}
.l1 div.plft{background:url("images/ar_lg_orange.gif") no-repeat top left;padding-bottom:0}
.l1 .l1v0{color:#000}
.l1 a:visited,.l1 a:link{color:#3E6B8A}
.l1head{font-size:18px;font-weight:bold;margin-bottom:3px}
.l1 .hotbutton{margin:0}
.l1v1 .l1top{padding-top:4px}
.l1v1 .l1lft{margin-left:240px}

/* l2 */
.l2,.l3{padding-bottom:4px}
.l2 a.bluearrows,.l3 a.bluearrows{margin-left:4px}
.l2 .l2img{float:left;height:88px;width:100px}
.l2 .l2title{padding:10px 0 8px 0px;font-size:15px;font-weight:bold}
.l2 a.morelink{font-weight:bold;white-space:nowrap;margin-right:12px}
.l2 a.title{font-weight:bold;font-size:14px}
.l2 div.copy,.l2 p{padding:0;margin:4px 0 0 0}
.l2 div.plft{background:url("images/ar_lg_orange.gif") no-repeat top left;padding-left:18px;margin-left:106px}
.l2v0{margin-top:15px}
.l2v1{background:#efefef}
.l2v1 .l2x1{margin:0;background:#A3B8CB;padding:3px 10px}
.l2v1 .l2x1 b{color:#fff}
.l2v1 .l2w1{margin:0;padding:10px}
.l2obj{clear:both;min-height:88px;_height:88px}
.l2v1 hr.light{clear:both;margin-top:8px}
.l2v1 .l2x2{clear:both;background:url("images/generic_bl.gif") no-repeat bottom left #efefef;height:8px}
.l2v1 .l2x3{background:url("images/generic_br.gif") no-repeat bottom right;height:8px}
.l2v1 .cmPrice{font-weight:bold;color:#e76f00;margin:3px 0 8px 0}
.l2v1 strike{color: #777}
.l2 span.hotbutton{margin:0 9px 0 0}
.l2 p.cta{color:#e76f00;font-weight:bold}
* html .l2{height:95px}

/* l