/* CSS Document */ *{ margin:0; padding:0; list-style:none; outline: none; } html, body{ height:100%; color:#3e3e3e; font: 12px Arial, Helvetica, sans-serif; background: url(../images/tlBg.gif) repeat-x; } input{ font: 11px Arial, Helvetica, sans-serif;} select{ font: 11px Arial, Helvetica, sans-serif; } table{ border-collapse:collapse;} a{ color:#0064ba; text-decoration:none; } a:hover{ text-decoration:underline;} a.notunder:hover{ text-decoration:none;} a:hover span{ text-decoration:underline;} img{ border:none;} h1{ color:#000; font: bold 16px Arial, Helvetica, sans-serif; padding: 5px 0; clear:both;} h3{ font: bold 12px Arial, Helvetica, sans-serif; color:#000;} #main{ width:100%; min-height:100%; } *html #main{ height:100%;} #site{ width: 1010px; margin:0 auto;} .clear{ clear:both; width:100%!important; height:0!important; padding:0!important; overflow:hidden;} .topBlock{ float:left; width:100%; padding:29px 0 18px;} .contentBlock{ float:left; width:100%; padding-bottom: 120px; } .contBlock{ float:left; width:100%; padding-top: 15px;} .bottomBlock{ float:left; width:100%; height:80px; overflow:hidden; margin-top: -80px; color:#000; line-height:20px; } .centering{ width: 1010px; margin:0 auto;} .leftBlock{ position:relative; z-index:2; float:left; width: 234px; margin-right:-100%; } .leftBlock2{ position:relative; z-index:2; float:left; width: 766px; margin-right:-100%; } .allBlock{ float:left; width:100%; } .allClearBlock{ float:left; width:100%; clear:both; } .centerRightBlock{ padding-left: 254px;} .rightBlock{ padding-left: 781px;} .point1{ width: 9px; height:9px; margin-right: 10px; background: url(../images/points.gif) no-repeat 0 -9px; } .point2{ width: 9px; height:9px; margin-right: 10px; background: url(../images/points.gif) no-repeat 0 0; } .point3{ width: 9px; height:9px; margin-right: 10px; background: url(../images/points.gif) no-repeat 0 -18px; } .point4{ width: 9px; height:9px; margin-right: 10px; background: url(../images/points.gif) no-repeat 0 -27px; } .logo{float:left;width:205px;background: url(../images/logo.jpg) no-repeat;} .logo a {width:205px;height:26px;background: url(../images/logo.jpg) no-repeat;display:block;} .sbLogo {color:#686868;font:12px Arial;} .sbLogo span {font:bold 14px Arial;} .topContactsBox{float:left;width:240px;padding:0 19px 0 40px;color:#9a9a9a; margin:7px 0 0 0;} .phCont {font: bold 25px Arial;color:#7e7e7e;line-height:20px;margin:0 0 12px;} .phCont span {font: 12px Arial;display:block;float:left;padding:0 5px 0 0;} .topUserBox{ float:left; width:230px;height:35px;margin-top:8px;padding:16px 0 0 20px;border-left:2px solid #eee;color:#9a9a9a;} .topUserBox p {margin:0 0 3px 0;} .topUserBox a {font-weight:bold;} .topUserBox strong{ color:#3e3e3e; } .topBasketBox{float:left;width:204px;margin-top:8px;height:54px;border-left:2px solid #eee;padding:0 0 0 20px;font:bold 12px Arial; color:#6d6d6d;} .topBasketBox div{background:url(../images/basketEmpty.jpg) no-repeat;height:54px; padding:10px 0 0 76px;} .topBasketBox div.basketFull {background:url(../images/basketFull.jpg) no-repeat;} .topBasketBox p{ padding-top: 7px; color:#9a9a9a; font-size:11px;} .mainMenu{ float:left; width:100%; padding-bottom: 8px;} .mainMenu li{ float:left; width: 251px; height:29px; margin-right: 2px; color:#000; font-weight:bold; text-align:center; } .mainMenu li.last{ margin-right: -2px;} .mainMenu li div{ width:251px; padding-top: 8px; height:21px; background: url(../images/mBg.gif) repeat-x 0 -29px; } .mainMenu li a{ display:block; width:251px; padding-top: 8px; height:21px; color:#000; text-decoration:none; background: url(../images/mBg.gif) repeat-x 0 0; } .mainMenu li a:hover{ background:#f2f2f2; text-decoration: underline; } .searchBox{ float:left; width:100%; padding: 15px 0; } .searchBox input{ float:left; width: 155px; margin: 0 5px; padding: 3px; border: 1px solid; border-top-color:#aaadb2; border-left-color:#e3e3ed; border-bottom-color:#e2e9ef; border-right-color:#dcdfe6; color:#000000; } .searchBox .button1 input{ width: 60px;} .button1{ float:left; height:21px!important; overflow:hidden; background: url(../images/search.gif) 0 -42px; padding:0!important; } .button1 div{ float:left; height:21px!important; background: url(../images/search.gif) no-repeat 0 0; padding:0!important; } .button1 div a{ float:left; padding: 4px 10px 5px 10px!important; height:12px!important; margin:0; text-align:center; background: url(../images/search.gif) no-repeat right -21px; color:#fff!important; font-weight:bold!important; font-size:11px; line-height:12px; text-decoration:none!important; } .button1 div input{ float:left; padding:0 10px 3px 10px!important; height:21px!important; margin:0; text-align:center; background: url(../images/search.gif) no-repeat right -21px; color:#fff!important; font-weight:bold!important; font-size:11px; border: none; line-height:19px; cursor:pointer; } .button1.hover{ background: url(../images/search.gif) 0 -105px; } .button1.hover div{ background: url(../images/search.gif) no-repeat 0 -63px; } .button1.hover div a, .button1.hover div input{ background: url(../images/search.gif) no-repeat right -84px; } .button1.disabled{ background: url(../images/search.gif) 0 -168px; } .button1.disabled div{ background: url(../images/search.gif) no-repeat 0 -126px; } .button1.disabled div a, .button1.disabled div input{ background: url(../images/search.gif) no-repeat right -147px; } .button2{ float:left; height:25px!important; overflow:hidden; background: url(../images/button.gif) 0 -50px; padding:0!important; } .button2 span{ float:left; height:25px!important; background: url(../images/button.gif) no-repeat 0 0; padding:0!important; text-decoration:none!important; } .button2 span span{ float:left; padding: 6px 10px!important; height:13px!important; margin:0; text-align:center; background: url(../images/button.gif) no-repeat right -25px; color:#fff!important; font-weight:bold!important; font-size:11px; text-decoration:none!important; } .button2:hover{ background: url(../images/button.gif) 0 -125px; text-decoration:none!important; } .button2:hover span{ background: url(../images/button.gif) no-repeat 0 -75px; text-decoration:none!important; } .button2:hover span span{ background: url(../images/button.gif) no-repeat right -100px; text-decoration:none!important; } .button3{ float:left; height:31px!important; overflow:hidden; background: url(../images/button2.gif) 0 -62px; padding:0!important; } .button3 span{ float:left; height:31px!important; background: url(../images/button2.gif) no-repeat 0 0; padding:0!important; text-decoration:none!important; } .button3 span span{ float:left; padding: 4px 15px!important; height:23px!important; margin:0; text-align:center; background: url(../images/button2.gif) no-repeat right -31px; color:#fff!important; font:bold 17px Tahoma, Geneva, sans-serif!important; line-height:19px; text-decoration:none!important; } .button3:hover{ background: url(../images/button2.gif) 0 -155px; text-decoration:none!important; } .button3:hover span{ background: url(../images/button2.gif) no-repeat 0 -93px; text-decoration:none!important; } .button3:hover span span{ background: url(../images/button2.gif) no-repeat right -124px; text-decoration:none!important; } #leftMenuTabs{ float:left; width:100%; display:none; } #leftMenuTabs li{ float:left; width: 116px; height:29px; margin-right: 2px; color:#000; font-weight:bold; text-align:center; } #leftMenuTabs li.last{ margin-right: -2px;} #leftMenuTabs li a{ display:block; width:116px; padding-top: 8px; height:21px; color:#000; text-decoration:none; background: url(../images/mBg.gif) repeat-x 0 0; } #leftMenuTabs li.active a{ background: url(../images/mBg.gif) repeat-x 0 -29px; } #leftMenu{ float:left; width:100%; } #leftMenu li { float:left; width:234px;} #leftMenu li div{ float:left; width:224px; padding: 4px 5px; background:#eee; color:#000; font-weight:bold; border: solid #fff; border-width:2px 0; cursor:pointer; } #leftMenu li div.hover{ background:#e5e5e5;} #leftMenu li div img{ float:left; margin-top: 3px; } #leftMenu li div p{ padding: 0 15px; cursor:pointer; } #leftMenu li div a{ color:#000;} #leftMenu li div a:hover{ text-decoration: underline;} #leftMenu li div.active{ background:#4f99e6;} #leftMenu li div.active p{ color:#fff; } #leftMenu li ul{ display:none; float:left; width:100%;} #leftMenu li ul.active{ display:block;} #leftMenu li li{ border-bottom: 2px solid #e1eaf9;} #leftMenu li li.last{ border-bottom: none;} #leftMenu li li a{ display:block; padding: 5px 0 5px 20px; background:#f3f8fe url(../images/mp.gif) no-repeat 10px 9px; } #leftMenu li li a:hover{ text-decoration:underline; background:#ebf2fa url(../images/mp.gif) no-repeat 10px 9px; } #leftMenu li li a.active{ background:#f3f8fe url(../images/mpa.gif) no-repeat 9px 10px; } #leftMenu li li a.selected{ background:#4f99e6 url(../images/mp2.gif) no-repeat 9px 10px; color:#fff; } #leftMenu li li a.selected.active{ background:#4f99e6 url(../images/mp2a.gif) no-repeat 9px 10px; } #leftMenu li li ul{ display:none;} #leftMenu li li li{ border-top: 2px solid #e1eaf9; border-bottom:none;} #leftMenu li li li a{ padding-left: 25px; background:#fff; font-size: 11px;} #leftMenu li li li a:hover{ text-decoration:underline; background:#ebf2fa; } .recentlyBox{ float:left; width: 227px; padding: 3px; border: 1px solid #e7e7e7; margin-top: 10px; } .recentlyBox h3{ background:#f0f0f0; padding: 5px 7px;} .recentlyBox div{ background: url(../images/greyBg2.gif) repeat-x 0 3px; } .recentlyBox table{ width: 215px; margin: 0 auto; } .recentlyBox td{ padding:0 5px; height: 65px; border-bottom: 1px solid #e5e5e5; color:#000; vertical-align:middle;} .recentlyBox a{ text-decoration:underline; color:#000; font-weight:bold; } .recentlyBox a:hover{ text-decoration: none; color:#646464;} .recentlyBox .last td{ border-bottom: none;} .recomendBox{ float:left; width: 227px; padding: 3px; border: 1px solid #e7e7e7; margin-top: 10px; } .recomendBox h3{ background:#fef2cf; padding: 5px 7px;} .recomendBox div{ background: url(../images/yBg.gif) repeat-x 0 3px; } .recomendBox table{ width: 215px; margin: 0 auto; } .recomendBox td{ padding:0 5px; height: 65px; color:#000; vertical-align:middle;} .recomendBox a{ text-decoration:underline; color:#000; font-weight:bold; } .recomendBox a:hover{ text-decoration: none; color:#646464;} .specialsBox{ float:left; width:100%; /* border-top: 2px solid #39f; background:url(../images/basketBg.gif) repeat-x */} .specialsBox li{ float:left; width: 45.5%; padding: 40px 2%;} .specialsBox td{ padding: 0 10px;} .specialsBox td.imgBox{ width: 100px; text-align:center; } .specialsBox td p{ padding-bottom: 20px;} .floatLeft{ float:left;} .allLiders{ float:left; margin:6px 0 0 15px; padding: 3px 0 0 10px; border-left: 1px solid #e3e3e3; } .catalogBox{ float:left; width:100%; margin-top: 3px;} .catalogBox a{ color:#000; font-weight:bold; text-decoration:underline;} .catalogBox a:hover{ text-decoration: none;} .catalogBox li{ float:left; width: 245px;} .catalogBox li.centerCol{ padding: 0 10px;} .catalogBox li .topBox { float:left; width: 229px; height:50px; padding: 10px 8px; border-top: 2px solid #39f; background: url(../images/blueBg2.gif) repeat-x; } .catalogBox li .botBox { float:left; width: 229px; height:40px; padding: 15px 8px;} .catalogBox li .contBox { float:left; width: 229px; height:110px; padding: 20px 8px; text-align:center; vertical-align:middle; } .catalogBox .topBox img{ float:left; margin-top: 2px;} .catalogBox .topBox div{ padding-left: 17px;} .catalogBox .topBox .stars{ margin-top:8px;} .catalogBox .topBox a:hover{ color:#646464; } .stars{ padding:0!important; width: 90px; height: 16px; overflow:hidden; background: url(../images/stars.gif) repeat-x 0 0;} .stars span{ display:block; width: 33px; height: 16px; margin:0!important; background: url(../images/stars.gif) repeat-x 0 -16px;} .catalogBox .contBox{ } .catalogBox .bottom td{ padding: 20px 0 35px 25px;} .catalogBox .prc{ float:left; padding:0 20px; font-size:20px; color:#000; } .informationBox{ float:left; width:100%; padding-bottom: 20px; } .informationBox li{ float:left; width: 244px;} .informationBox li a{ color:#0064ba; text-decoration:none; } .informationBox li a:hover{ text-decoration:underline; } .informationBox li.centerCol{ padding: 0 10px;} .informationBox li.last{ margin-right: -10px;} .informationBox li h3{ padding: 4px 8px; background:#eee; color:#000; font-weight:bold; margin-bottom: 15px;} .informationBox li ul{ padding:0 10px 0 15px;} .informationBox li li{ float:none; width:auto; padding-bottom: 6px; list-style:square; font-size: 7px; color:#8c8c8c; } .informationBox li li a{ position:relative; top: 2px; font-size: 12px; } .informationBox li div{ padding: 0 8px;} .informationBox li p{ padding-top: 15px;} .bottomBlock a{ color:#000; margin-right: 20px;} .onlineHelp{ width: 11px; height:10px; margin-right: 5px; background: url(../images/helpOnline.gif) no-repeat; vertical-align:middle; } .pathBox{ float:left; padding-top: 19px; color:#949494; width:100%} .pathBox a{ color:#0052a5;} .stepsBox{ float:left; width:100%; padding:5px 0 20px 0; color:#cecece; font-weight:bold;} .stepsBox li{ float:left; padding:0 10px;} .stepsBox li div{ float:left; width:21px; height:17px; overflow:hidden; padding-top: 4px; text-align:center; color:#fff; line-height:13px; background: url(../images/stepIco.gif) no-repeat;} .stepsBox li p{ float:left; padding:4px 0 0 5px; } .stepsBox li.active div{ background: url(../images/stepIcoa.gif) no-repeat;} .stepsBox li.active p{ color:#000;} .basketTable{ float:left; width:100%; padding-bottom: 10px;} .basketTable table{ width:100%;} .basketTable th{ padding:4px 0; border: solid #e6e6e6; border-width: 1px 0;} .basketTable th div{ background:#f0f0f0; text-align:center; padding: 10px 20px; margin-right: 1px; color:#797979; font-weight:normal; font-size:14px; text-align:left;} .basketTable th.cell1{ padding-left: 4px; border-left:1px solid #e6e6e6;} .basketTable th.cell5{ padding-right: 3px!important; border-right:1px solid #e6e6e6;} .basketTable td{ border: 1px solid #e6e6e6; padding: 20px; vertical-align:middle; } .basketTable td.cell1 .title{ padding-bottom: 10px;} .basketTable td.cell1 .title a{ color:#000; font-weight:bold; text-decoration:underline; } .basketTable td.cell1 img{ float:left;} .basketTable td.cell1 .color{ padding-left: 150px;} .basketTable td.cell1 .color ul{ padding-top: 10px; font-size: 11px;} .basketTable td.cell1 .color li{ padding-bottom: 5px;} .basketTable td.cell1 .color li img{ position:relative; top: -1px; float:none; margin-right: 5px; width:14px; height:14px; vertical-align:middle; cursor:pointer; } .basketTable td.cell1 .color li a{ color:#016cd8; font-weight:normal; padding: 1px 3px; } .basketTable td.cell1 .color .black img{ background: #000; } .basketTable td.cell1 .color .black.active img{ background: #000 url(../images/blackCheck.gif) no-repeat center; } .basketTable td.cell1 .color .black.active a{ color:#fff; background: #000; } .basketTable td.cell1 .color .red img{ background: #c00;} .basketTable td.cell1 .color .red.active img{ background: #c00 url(../images/redCheck.gif) no-repeat center; } .basketTable td.cell1 .color .red.active a{ color:#fff; background: #c00; } .basketTable td.cell1 .color .blue img{ background:#039;} .basketTable td.cell1 .color .blue.active img{ background: #039 url(../images/blackCheck.gif) no-repeat center; } .basketTable td.cell1 .color .blue.active a{ color:#fff; background: #039; } .basketTable td.cell2{ width: 100px; font-size: 20px; } .basketTable td.cell2 p{ font-size: 11px; padding: 10px 0;} .basketTable td.cell2 span{ color:#9a9a9a; text-decoration:line-through;} .basketTable td.cell3 select{ width: 50px;} .basketTable td.cell4{ font-size: 20px; width: 80px; text-align:center; } .basketTable td.cell5{ width: 90px;} .basketTable td.cell5 a{ float:left; padding-left: 20px; background: url(../images/del.gif) no-repeat; color:#ef6060; } .basketTable td.cell6{ padding: 4px;} .basketTable td.cell6 .greyBg{ float:left; width:100%; padding: 10px 0; background:#f0f0f0; } .basketTable td.cell6 .greyBg p{ float:left; padding-left: 25px; color:#5e5e5e; font-size: 14px; } .basketTable td.cell6 .greyBg p span{ font-size :20px; color:#000;} .basketTable td.cell6 .button2{ float: right; margin-right: 20px;} .confirm th.cell2{ width: 150px;} .confirm th.cell3{ width: 130px;} .confirm th.cell4{ width: 150px;} .rationalOffer{ clear:both; border: 1px solid #e6e6e6; padding: 4px;} .rationalOffer .topBox{ padding: 5px 0; background:#fef2cf;} .rationalOffer .topBox h3{ font-size:12px; font-weight:bold; padding-left: 10px; } .rationalOffer .contBox{ float:left; width:100%; margin-top: 4px; background: url(../images/yBg.gif) repeat-x; } .rationalOffer .contBox ul{ float:left; width:100%;} .rationalOffer .contBox li{ float:left; padding: 20px 0 20px 30px;} .rationalOffer .contBox li img{ float:left;} .rationalOffer .contBox li div.descript{ padding-left: 50px;} .rationalOffer .contBox li div.descript a{ font-weight:bold; color:#000; text-decoration:underline;} .rationalOffer .contBox li div.descript p{ padding-top: 10px; font-size: 18px;} .rationalOffer .contBox li.plus{ width: 40px; margin-left: 20px; height:50px; background: url(../images/plusOffer.gif) no-repeat center;} .rationalOffer .contBox li.alike{ width: 60px; margin-left: 20px; height:50px; background: url(../images/alike.gif) no-repeat center;} .rationalOffer .contBox li.price{ text-align:center;} .rationalOffer .contBox li.price h1{ position:relativee; z-index:2; margin-top: -15px; font-size: 29px; font-weight:normal; line-height:29px;} .rationalOffer .contBox li.price p{ color:#1b8bee; font-weight:bold; padding-bottom: 8px;} .rationalOffer .contBox li.price .button1{ position:relative; z-index:2; margin:0 0 -10px 3px;} .backButtonBox{ float:left; width:100%; padding: 3px 0 18px 0;} .welcomePersonalOffice{ float:left; width:100%; border: 1px solid #e5e5e5; padding-bottom: 20px; border-top: 2px solid #39f; background: url(../images/blueBg3.gif) repeat-x; } .welcomePersonalOffice .paddingBox{ padding: 20px 25px;} .welcomePersonalOffice h3{ font-size:12px; } .welcomePersonalOffice ul{ padding: 15px 0;} .welcomePersonalOffice li{ padding: 2px 0;} .welcomePersonalOffice li .border{ margin: 8px 0 12px 0; } .welcomePersonalOffice li ul{ padding: 2px 0 0 15px;} .welcomePersonalOffice li ul li{ padding:4px 0 2px 10px; background: url(../images/mp.gif) no-repeat 0 8px; } .welcomePersonalOffice .border{ float: left; width:100%; border-top:1px solid #e5e5e5; margin: 15px 0; } .welcomePersonalOffice p{ float:left; width:100%; padding-bottom: 20px;} .unloginText{ clear:both; padding: 4px; border: 1px solid #e5e5e5; margin-bottom: 10px; } .unloginText .paddingBox{ padding: 15px; background: url(../images/boxGradBg.jpg) no-repeat; } .authRegBox{ padding: 4px; border: 1px solid #e5e5e5; } #authRegTabs{ float:left; width:100%; } #authRegTabs li{ float:left; width: 109px; height:29px; margin-right: 2px; color:#000; font-weight:bold; text-align:center; } #authRegTabs li.last{ margin-right: -2px;} #authRegTabs li a{ display:block; width:109px; padding-top: 8px; height:21px; color:#000; text-decoration:none; background: url(../images/mBg.gif) repeat-x 0 0; } #authRegTabs li.active a{ background: url(../images/mBg.gif) repeat-x 0 -29px; } .authRegBox .paddingBox{ padding: 20px 15px; clear:both; } .authRegBox .fieldBox{ padding-bottom:8px;} .authRegBox .fieldBox input{ width: 178px; padding: 2px 5px; border: 1px solid #e3e3eb; font-size:12px; } .authRegBox .fieldBox p{ padding-bottom: 3px; font:12px;} #remember{ padding:7px 0; } .check{ position:relative; top: -1px; width: 13px; height:13px; background: url(../images/check.gif) no-repeat; vertical-align:middle; margin-right: 5px; cursor:pointer; } .check.active{ background: url(../images/check.gif) no-repeat 0 -13px; } .authRegBox .button1{ float:right; margin-top: 5px; } .comparisonBox{ float: left; width:100%; padding: 20px 0; } .comparisonBox p{ float:left; padding:3px 20px 0 0;} .comparisonBox ul{ float:left;} .comparisonBox li{ position:relative; float:left; padding:3px 0px 0 0; width:42px;height:42px; border:1px solid #cccccc; margin:1px;} .comparisonBox li a{ position:absolute; top: 0; right:10px; width:18px; height:18px; background: url(../images/delIco.png) no-repeat;} *html .comparisonBox li a{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/delIco.png', sizingMethod='noscale'); background: none;} .comparisonBox .button1{ margin: 8px 0 0 5px;} .rasdelTitle{ padding-top: 17px;} .sortOutputBox{ float:left; width: 100%; padding-bottom: 15px;} .sortOutputBox ul{ float:left; padding-top: 3px;} .sortOutputBox li{ float:left; padding-right: 10px;} .sortOutputBox li a{ float:left; } .sortOutputBox li a.up{ position:relative; top: -4px; padding: 4px 5px 4px 15px; color:#fff; text-decoration:underline; background:#4f99e6 url(../images/arrowT.gif) no-repeat 5px center;} .sortOutputBox li a.down{ position:relative; top: -4px; padding: 4px 5px 4px 15px; color:#fff; text-decoration:underline; background:#4f99e6 url(../images/arrowB.gif) no-repeat 5px center;/*fix by Mikado*/} .sortOutputBox div{ float:right; } .sortOutputBox div select{ float:right; width: 130px;} .sortOutputBox div p{ float:right; padding: 3px 5px 0 0; } .articlesList{ float:left; width:100%; } .articlesList li.left, .articlesList li.right{ position:relative; width: 343px; border-top: 2px solid #39f; background: url(../images/blueBg2.gif) repeat-x; padding: 10px 15px 20px 15px; } .articlesList li.left{ float:left; } .articlesList li.right{ float:right; } .articlesList li table{ width:100%;} .articlesList li td.cell1{ width: 165px;} .articlesList li td.cell1 a{ color:#000; font-weight:bold; text-decoration:underline; } .articlesList li td.cell1 a:hover{ color:#646464; text-decoration: none; } .articlesList li td.cell1 .stars{ margin-top: 5px; } .new{ width: 70px; height:16px; overflow:hidden; background: #fe6700 url(../images/new.gif) right -16px no-repeat; } .new div{ width: 70px; height:14px; padding:1px 0; overflow:hidden; background: url(../images/new.gif) 0 0 no-repeat; text-align:center; text-transform:uppercase; color:#fff; font:bold 11px Tahoma, Geneva, sans-serif; line-height: 13px; } .soon{ width: 125px; height:16px; overflow:hidden; background: #6ebbff url(../images/new.gif) right -48px no-repeat; } .soon div{ width: 125px; height:14px; padding:1px 0; overflow:hidden; background: url(../images/new.gif) 0 -32px no-repeat; text-align:center; text-transform:uppercase; color:#fff; font:bold 11px Tahoma, Geneva, sans-serif; line-height: 13px; } .lider{ width: 110px; height:16px; overflow:hidden; background: #f0c42f url(../images/new.gif) right -80px no-repeat; } .lider div{ width: 110px; height:14px; padding:1px 0; overflow:hidden; background: url(../images/new.gif) 0 -64px no-repeat; text-align:center; text-transform:uppercase; color:#fff; font:bold 11px Tahoma, Geneva, sans-serif; line-height: 13px; } .sdcard{ width: 70px; height:16px; overflow:hidden; background: #ff2a00 url(../images/new2.gif) right -16px no-repeat; } .sdcard div{ width: 70px; height:14px; padding:1px 0; overflow:hidden; background: url(../images/new2.gif) 0 0 no-repeat; text-align:center; text-transform:uppercase; color:#fff; font:bold 11px Tahoma, Geneva, sans-serif; line-height: 13px; } .sdcard div a{color:white; test-decoration:none} .fdeliv{ width: 150px; height:16px; overflow:hidden; background: #559b14 url(../images/fdeliv.gif) right -80px no-repeat; margin-top:3px;} .fdeliv div{ width: 150px; height:14px; padding:1px 0; overflow:hidden; background: url(../images/fdeliv.gif) 0 -64px no-repeat; text-align:center; text-transform:uppercase; color:#fff; font:bold 10px Tahoma, Geneva, sans-serif; line-height: 13px; } .articlesList li td.cell3{ vertical-align:top;} .articlesList li td.cell3 .imgBox{ display:table-cell; height:140px; padding-top: 20px; vertical-align:middle;} .articlesList li td.cell3 .price{ float:left; font-size:20px; color:#000; } .articlesList li td.cell4{ vertical-align:top; height:270px;} .articlesList li td.cell4 ul{ padding-bottom: 10px;} .articlesList li td.cell4 li{ padding: 3px 0 3px 15px; background: url(../images/bulit1.gif) no-repeat left 8px; line-height:15px; } .articlesList li td.cell4 .compare{ float:left; padding:8px 10px; white-space:nowrap; } .articlesList li td.cell4 .compare.active{ background:#fff5d7; } .articlesList li td.cell4 .compare a{ white-space:nowrap; } .articlesList li td.cell5 .delivery{ font-size:11px; color:#949494; padding: 5px 0;} .articlesList li td.cell5 .delivery a{border-bottom: 1px dashed;} .articlesList li td.cell5 .delivery a:hover{border-bottom: 0px; text-decoration:none} .articlesList li td.cell5 .not{ padding:5px 0 5px 12px; background:url(../images/not.gif) no-repeat 0 7px; color:#d63f3f; line-height:11px!important;} .articlesList li td.cell5 .not span{ font-weight:normal!important; font-size:11px; line-height:11px!important; color:#f77;} .articlesList li td.cell5 .notButton a{ font-weight:normal!important; white-space:normal; } .pagesBox{ float:left; width:100%; padding-top: 15px;} .pagesBox p{ float:left; padding-top: 4px;} .pagesBox a{ float:left; margin: 4px 0 0 15px;} .pagesBox span{ float:left; margin-left: 15px; padding: 3px 7px; color:#fff; background: #4f99e6; } .cardBox{position:relative; float:left; margin-top: 20px; width: 480px; padding: 8px 10px 20px 10px; border-top: 2px solid #39f; background: url(../images/blueBg2.gif) repeat-x; } .cardBox.full{ float:left; margin-top: 20px; width: 736px; padding: 8px 10px 20px 10px; border-top: 2px solid #39f; background: url(../images/blueBg2.gif) repeat-x; } .cardBox table{ width:100%; } .cardBox .cell1 h3{ font-size:16px; color:#000; } .cardBox .cell1 p{ padding: 5px 0; } .cardBox .cell4{ width:330px; text-align:center; vertical-align:middle; } .cardBox .cell5{ padding-top: 20px;} .cardBox .cell5 li{ padding: 3px 0 3px 15px; background: url(../images/bulit1.gif) no-repeat left 8px; line-height:12px; } .cardBox .cell5 .forUnreg{ float:left; padding: 30px 0 0 30px; width: 190px; } .cardBox .cell5 .color{ float:left; margin-top: 10px; padding:10px 5px 10px 10px; width: 140px; border: 1px solid #e5e5e5; } .cardBox .cell5 .color ul{ padding-top: 10px; font-size: 11px;} .cardBox .cell5 .color li{ padding:0 0 5px 0; background: none;} .cardBox .cell5 .color li img{ position:relative; top: -1px; float:none; margin-right: 5px; width:14px; height:14px; vertical-align:middle; cursor:pointer; } .cardBox .cell5 .color li a{ color:#016cd8; font-weight:normal; padding: 1px 3px; } .cardBox .cell5 .color .black img{ background: #000; } .cardBox .cell5 .color .black.active1 img{ background: #000 url(../images/blackCheck.gif) no-repeat center; } .cardBox .cell5 .color .black.active1 a{ color:#fff; background: #000; } .cardBox .cell5 .color .red img{ background: #c00;} .cardBox .cell5 .color .red.active1 img{ background: #c00 url(../images/redCheck.gif) no-repeat center; } .cardBox .cell5 .color .red.active1 a{ color:#fff; background: #c00; } .cardBox .cell5 .color .blue img{ background:#039;} .cardBox .cell5 .color .blue.active1 img{ background: #039 url(../images/blueCheck.gif) no-repeat center; } .cardBox .cell5 .color .blue.active1 a{ color:#fff; background: #039; } .cardBox .cell5 .color .darkgray img{ background:#949393;} .cardBox .cell5 .color .darkgray.active1 img{ background: #949393 url(../images/darkgrayCheck.gif) no-repeat center; } .cardBox .cell5 .color .darkgray.active1 a{ color:#fff; background: #949393; } .cardBox .cell5 .color .carbon img{ background:#696969;} .cardBox .cell5 .color .carbon.active1 img{ background: #696969 url(../images/carbonCheck.gif) no-repeat center; } .cardBox .cell5 .color .carbon.active1 a{ color:#fff; background: #696969; } .cardBox .cell5 .color .beige img{ background:#EEDC82;} .cardBox .cell5 .color .beige.active1 img{ background: #EEDC82 url(../images/beigeCheck.gif) no-repeat center; } .cardBox .cell5 .color .beige.active1 a{ color:#000; background: #EEDC82; } .cardBox .cell5 .color .orange img{ background:#FFA500;} .cardBox .cell5 .color .orange.active1 img{ background: #FFA500 url(../images/orangeCheck.gif) no-repeat center; } .cardBox .cell5 .color .orange.active1 a{ color:#fff; background: #FFA500; } .cardBox .cell5 .color .titanium img{ background:#48474d;} .cardBox .cell5 .color .titanium.active1 img{ background: #48474d url(../images/titaniumCheck.gif) no-repeat center; } .cardBox .cell5 .color .titanium.active1 a{ color:#fff; background: #48474d; } .cardBox .cell5 .color .metal img{ background:#D3D3D3;} .cardBox .cell5 .color .metal.active1 img{ background: #D3D3D3 url(../images/metalCheck.gif) no-repeat center; } .cardBox .cell5 .color .metal.active1 a{ color:#000; background: #D3D3D3; } .cardBox .cell5 .color .silver img{ background:#cdcdcd;} .cardBox .cell5 .color .silver.active1 img{ background: #cdcdcd url(../images/silverCheck.gif) no-repeat center; } .cardBox .cell5 .color .silver.active1 a{ color:#000; background: #cdcdcd; } .cardBox .cell5 .color .pink img{ background:#FF99CC;} .cardBox .cell5 .color .pink.active1 img{ background: #FF99CC url(../images/pinkCheck.gif) no-repeat center; } .cardBox .cell5 .color .pink.active1 a{ color:#fff; background: #FF99CC; } .cardBox .cell5 .color .green img{ background:#00cc00;} .cardBox .cell5 .color .green.active1 img{ background: #00cc00 url(../images/greenCheck.gif) no-repeat center; } .cardBox .cell5 .color .green.active1 a{ color:#fff; background: #00cc00; } .cardBox .cell5 .color .white img{ background:#ffffff;} .cardBox .cell5 .color .white.active1 img{ background: #ffffff url(../images/whiteCheck.gif) no-repeat center; } .cardBox .cell5 .color .white.active1 a{ color:#000; background: #ffffff; } .cardBox .cell5 .color .bluemetall img{ background:#99ccFF;} .cardBox .cell5 .color .bluemetall.active1 img{ background: #99ccFF url(../images/bluemetallCheck.gif) no-repeat center; } .cardBox .cell5 .color .bluemetall.active1 a{ color:#fff; background: #99ccFF; } .cardBox .cell5 .color .violet img{ background:#ee99FF;} .cardBox .cell5 .color .violet.active1 img{ background: #ee99FF url(../images/violetCheck.gif) no-repeat center; } .cardBox .cell5 .color .violet.active1 a{ color:#fff; background: #ee99FF; } .cardBox .cell5 .color .lightkarbon img{ background:#cccccc;} .cardBox .cell5 .color .lightkarbon.active1 img{ background: #cccccc url(../images/lightkarbonCheck.gif) no-repeat center; } .cardBox .cell5 .color .lightkarbon.active1 a{ color:#000; background: #cccccc; } .cardBox .cell5 .color .gold img{ background:#E18A07;} .cardBox .cell5 .color .gold.active1 img{ background: #E18A07 url(../images/goldCheck.gif) no-repeat center; } .cardBox .cell5 .color .gold.active1 a{ color:#fff; background: #E18A07; } .cardBox .cell6{ height:30px;} .cardBox .cell6 .delivery{ font-size:11px; color:#949494; padding: 5px 0;} .cardBox .cell6 .delivery a{border-bottom: 1px dashed;} .cardBox .cell6 .delivery a:hover{border-bottom: 0px; text-decoration:none;} .cardBox .cell7 .button3{ margin-top: 2px;} .cardBox .cell7 .price{ float:left; margin-right: 20px; font-size:29px; color:#000;} .accessoriesBox{ float:right; margin-top: 20px; width: 205px; padding: 8px 20px 20px 20px; border-top: 2px solid #39f; background: url(../images/blueBg2.gif) repeat-x; } .accessoriesBox h3{ font-size:16px; color:#000; } .accessoriesBox p{ padding: 5px 0; } .accessoriesGallery{ float:left; width:100%; padding-top: 10px;} #pointT{ float:left; width:204px; height:21px; overflow:hidden; background: url(../images/pointTB.gif) no-repeat 0 0;} #pointT:hover{ background: url(../images/pointTB.gif) no-repeat 0 -42px;} #pointB{ float:left; width:204px; height:21px; overflow:hidden; background: url(../images/pointTB.gif) no-repeat 0 -21px;} #pointB:hover{ background: url(../images/pointTB.gif) no-repeat 0 -63px;} .accessoriesGallery .scrollBox{ position:relative; float:left; width:164px; height:265px; padding: 0 20px; overflow:hidden; } .accessoriesGallery .scrollBox .list{ position:relative; top:0; float:left; width:100%; } .accessoriesGallery .scrollBox .list li{ float:left; width:100%; padding: 10px 0; } .accessoriesGallery .scrollBox .list li .topBox{ height: 100px;} .accessoriesGallery .scrollBox .list li a{ color:#000; text-decoration:underline; font-weight:bold;} .accessoriesGallery .scrollBox .list li .stars{ margin: 8px 0;} .accessoriesGallery .scrollBox .list li .imgBox{ height:120px; display:table-cell; vertical-align:middle;} .accessoriesGallery .scrollBox .list li .price{ float:left; font-size: 20px; color:#000; } .accessoriesGallery .scrollBox .list li .button1{ float:right;} .forRegistrateds{ float:left; width: 100%; padding-top: 20px; } #descriptionBox{ float:left; width:100%; padding-top: 10px; } #descriptionBox .tabs{ float:left; width:100%; } #descriptionBox .tabs li{ float:left; width:150px; height:29px; margin-right: 2px; color:#000; font-weight:bold; text-align:center; } #descriptionBox .tabs li.last{ margin-right: -2px;} #descriptionBox .tabs li a{ display:block; width:150px; padding-top: 8px; height:21px; color:#000; text-decoration:none; background: url(../images/mBg.gif) repeat-x 0 0; } #descriptionBox .tabs li a:hover{ background:#f2f2f2; text-decoration: underline; } #descriptionBox .tabs li.active a{ width:150px; padding-top: 8px; height:21px; background: url(../images/mBg.gif) repeat-x 0 -29px; } #descriptionBox .conts{ float:left; width: 100%; padding: 25px 0;} #descriptionBox .conts li{ display:none; padding: 0 10px;} #descriptionBox .conts li.active{ display:block; } #descriptionBox .conts li h4{ font: bold 12px Arial, Helvetica, sans-serif; color:#000; padding-bottom: 5px;} .ratingBox1{ float:left;} .ratingBox2{ float:left; padding-left:70px; } .ratingBox3{ float:left; padding-left:70px; padding-top:10px;} .ratingsTable{ margin-bottom: 30px; color:#000; } .ratingsTable th{ padding-bottom:15px; text-align:left; } .ratingsTable td{ padding: 0 10px 5px 0; } .ratingsTable span{ color:#1073cf;} .ratingsTable div{ width: 100px; height:9px; overflow:hidden; background:#e3e3e3; } .ratingsTable div p{ height:9px; overflow:hidden; background: url(../images/ratingBg.gif) repeat-x;} .addOpinionBox .satisfactionBox{ float:left; width:100%; } .addOpinionBox .recomemendBox1{ float:left; width:100%; } .addOpinionBox .recomemendBox1 input{ position:relative; top: -1px; margin: 0 5px 0 30px; vertical-align:middle; } .addOpinionBox .recomemendBox1 label{ font-weight:normal; } .addOpinionBox .form1{ float:left; width:100%; padding:20px 0; } .addOpinionBox .form1 td{ color:#000; padding: 0 20px 20px 0; vertical-align:top; } .addOpinionBox .form1 td.cell1{ padding-top:4px; } .addOpinionBox .recomemendBox2{ float:left; width:100%; padding:30px 0 20px 0; } .addOpinionBox .recomemendBox2 input{ position:relative; top: -1px; margin: 0 5px 0 30px; vertical-align:middle; } .addOpinionBox .recomemendBox2 label{ font-weight:normal; } .addOpinionBox .form2{ float:left; width:100%; padding-bottom:30px; } .addOpinionBox .form2 textarea{ width:670px; } .addOpinionBox .checksProdBox{ float:left; width:100%; color:#000; } .addOpinionBox .checksProdBox .list{ float:left; padding-right:30px; } .addOpinionBox .checksProdBox .list li{ display:block!important; padding:3px 0!important; } .addOpinionBox .checksProdBox .list li input{ margin:-4px 3px 0 0; vertical-align:middle; } .addOpinionBox .checksProdBox p{ float:left; width:100%; padding-top:15px; } .addOpinionBox .checksProdBox p select{ display:block; width:200px; margin-top:5px; padding:1px; font: 11px Arial, Helvetica, sans-serif; } .addOpinionBox .satisfLine{ float:left; width:100%; padding:10px 0 30px 0; } .addOpinionBox .satisfLine .text1{ float:left; padding:17px 20px 0 0; } .addOpinionBox .satisfLine .text2{ float:left; padding:17px 0 0 20px; } .addOpinionBox .movingLine ul{ float:left; height:25px; font-size:11px; border-bottom:1px solid #39f; } .addOpinionBox .movingLine li{ display:block!important; float:left; padding:0 20px 16px 20px!important; margin-right:50px; color:#000; background: url(../images/circle.gif) no-repeat center bottom!important; cursor:pointer; } .addOpinionBox .movingLine li.active{ color:#fe6700; } .addOpinionBox .movingLine li.last{ margin-right:0; } .addOpinionBox .movingLine{ position:relative; float:left; } .addOpinionBox .movingLine #mover{ position:absolute; left:306px; top: 14px; width:12px; height:22px; overflow:hidden; background: url(../images/mover.gif) no-repeat; cursor:pointer;} .addOpinionBox{ display:none; float:left; width:100%; margin-top: 30px; } .addOpinionBox .slideUp{ float:right; margin: 0 10px 10px 0; } .addOpinionBox td .stars{ cursor:pointer;} .addOpinionBox td input{ width: 150px; padding: 2px 5px; border:1px solid #aaadb2; border-left-color:#e3e3ed; border-bottom-color:#e2e9ef; border-right-color:#dcdfe6;} .addOpinionBox textarea{ width: 540px; height:60px; padding:3px 5px; border:1px solid #aaadb2; border-left-color:#e3e3ed; border-bottom-color:#e2e9ef; border-right-color:#dcdfe6;} /*íà÷àëî ïðàâîê*/ .addOpinionBox textarea{ width: 230px; float:left; height:133px; padding:3px 5px; border:1px solid #aaadb2; border-left-color:#e3e3ed; border-bottom-color:#e2e9ef; border-right-color:#dcdfe6; margin-right:10px} .addOpinionBox td .button1{ float:right;} .addOpinionBox td .checksProdBox input { width:auto; padding:0; border:0} .addOpinionBox td .checksProdBox {float:left; width:340px} .addOpinionBox td .checksProdBox ul {padding-top:3px} .addOpinionBox td .checksProdBox .other { width: 120px; padding: 2px 5px; border:1px solid #aaadb2; border-left-color:#e3e3ed; border-bottom-color:#e2e9ef; border-right-color:#dcdfe6;} .addOpinionBox td select {width:200px; padding:2px} .marksBox{ float:left; width:100%; border-top: 1px solid #dedede; padding: 30px 0; } .marksBox h4{ font-size:12px; padding-bottom:15px; } .marksBox table{ margin-left:15px; } .marksBox td{ padding: 0 11px 5px 0; color:#000; } .all_review {float:left; width:100%; margin-top:30px } .all_review h1 { float:left; width:500px; font:normal 24px Arial} .all_review select {float:right; padding:2px; margin-top:7px} .opinionsList{ float:left; width:100%; border-top:1px solid #e5e5e5; } /*êîíåö ïðàâîê*/ .opinionsList{ float:left; width:100%; border-top:1px solid #e5e5e5; } .opinionsList li{ display:block!important; float:left; width:100%; padding:10px 0 20px 0!important; border-bottom:1px solid #e5e5e5; } .opinionsList li .leftCol{ float:left; width:250px; padding-right:20px; border-right:1px solid #000; } .opinionsList li div.author{ padding-left:30px; color:#ababab; } .opinionsList li div.author strong{ color:#000; } .opinionsList li .starsTable{ float:left; width:100%; padding:15px 0; } .opinionsList li .starsTable td{ text-align:right; padding:0 0 2px 10px; } .opinionsList li .satisfMarkBox{ float:left; padding-bottom:20px; } .opinionsList li .satisfMarkBox .text1{ float:left; width:95px; } .opinionsList li .satisfMarkBox .text2{ float:left; width:70px; padding-left:10px; } .opinionsList li .satisfMarkBox .line{ position:relative; float:left; margin-top:7px; width:60px; height:7px; overflow:hidden; border: 1px solid #cecece; background:#f1f1f1; } .opinionsList li .satisfMarkBox .line div{ position:relative; width:7px; height:7px; overflow:hidden; background:#81b60e; } .opinionsList li .redInfo{ float:left; color:#000; } .opinionsList li .rightCol{ padding-left:300px; line-height:18px; } .opinionsList li .rightCol p{ padding:20px 0; } .opinionsList li .rightCol input{ margin:0 5px 0 15px; } .opinionsList li .stars2{ margin: 3px 0 10px 0;} .opinionsList li .bad{ margin: 3px 0 10px 0;} .bad{ width:18px; height:17px; overflow:hidden; background: url(../images/smile1.gif) no-repeat; } .technologies li{ display:block!important; float: left; height:auto!important; padding: 0 30px 10px 0!important;} .technologies li img{ float:left;} .technologies li p{ float:left; padding: 15px 0 0 20px;} .allOpinions{ float:left; width:100%; padding-top: 20px;} .withThisArticle{ float:left; width:736px; padding: 10px; border-top: 2px solid #39f; background: url(../images/blueBg2.gif) repeat-x; } .withThisArticle #pointL{ float:left; width: 21px; height:129px; margin-top: 40px; background: url(../images/pointLR.gif) no-repeat 0 0; } .withThisArticle #pointL:hover{ background: url(../images/pointLR.gif) no-repeat -42px 0; } .withThisArticle #pointR{ float:right; width: 21px; height:129px; margin-top: 40px; background: url(../images/pointLR.gif) no-repeat -21px 0; } .withThisArticle #pointR:hover{ background: url(../images/pointLR.gif) no-repeat -63px 0; } .withThisArticle .scrollBox{ position:relative; float:left; width: 690px; overflow:hidden; } .withThisArticle .scrollBox .list{ position:relative; left:0; float:left; } .withThisArticle td{ padding: 0 20px;} .withThisArticle td .topBox { float:left; width: 174px; height:60px; padding: 10px 8px;} .withThisArticle td .botBox { float:left; width: 174px; height:40px; padding:0 8px;} .withThisArticle td .contBox { display:table-cell; width: 174px; height:140px; padding:0 8px; text-align:center; vertical-align:middle; } .withThisArticle td .topBox img{ float:left; margin-top: 2px;} .withThisArticle td .topBox div{ padding-left: 17px;} .withThisArticle td .topBox .stars{ margin-top:8px;} .withThisArticle td .topBox a{ color:#000; text-decoration:underline; font-weight:bold;} .withThisArticle td .topBox a:hover{ color:#646464; text-decoration:none; } .withThisArticle td .botBox .price{ float:left; padding-left: 20px; font-size:20px; color:#000; } .withThisArticle td .botBox .button1{ float:right; margin-top: 2px;} .appearBox{ padding: 40px 5px;} .appearBox h4{ font: bold 12px Arial, Helvetica, sans-serif; color:#000; padding-bottom: 20px;} .selectBox{ padding-bottom: 30px;} .selectBox div{ padding-bottom: 20px; } .selectBox p{ float:left; padding-top: 2px; width: 110px; } .selectBox select{ float:left; width: 150px; border: 1px solid #dbdee3; padding: 2px; } .deliveryTable{ padding-bottom: 40px; border-bottom: 1px solid #e5e5e5; } .deliveryTable .table1 th{ border-bottom: 1px solid #e5e5e5; padding: 10px 10px 10px 5px; text-align:left; } .deliveryTable .table1 td{ border-bottom: 1px solid #e5e5e5; padding: 10px 30px 10px 5px; vertical-align:top; } .deliveryTable .table1 td input{ float:left; margin-right: 10px; } .deliveryTable .table1 td label{ display:block; padding-left: 25px;} .deliveryTable .table2{ margin-top:40px; } .deliveryTable .table2 td{ vertical-align:top;} .deliveryTable .table2 .cell1{ padding: 3px 20px 25px 5px;} .deliveryTable .table2 select{ width: 320px; border: 1px solid #dbdee3; padding: 2px; } .deliveryTable .table2 textarea{ width: 310px; padding: 5px; height:40px; border: 1px solid #dcdfe6; } .appearBox .textBox{ padding: 30px 0 40px 5px; border-bottom: 1px solid #e5e5e5; } .appearBox .textBox .comment textarea{ margin-top: 20px; width: 330px; height:100px; border: 1px solid #dcdfe6; } .appearBox .total{ padding-top: 30px;} .appearBox .total table{ margin: 15px 0; font-size: 14px; } .appearBox .total td{ padding: 0 20px 5px 0; } .appearBox .total td strong{ color:#000; } .appearBox .total .button1{ margin-right: 10px;} .appearBox .pay td{ vertical-align:top; padding-right: 20px; } .appearBox .pay td.cell1{ padding-top: 2px;} .appearBox .pay select{ width: 155px; border: 1px solid #dbdee3; padding: 2px; } .info{ padding:0 0 0 20px!important; width: 330px; color:#949494; background:url(../images/info.gif) no-repeat; } #signupform label.error { background:url("../images/error.gif") no-repeat 0px 0px; padding-left: 16px; padding-bottom: 2px; font-weight: bold; color: #EA5200; } #signupform label.checked { background:url("../images/ok.gif") no-repeat 0px 0px; } #signupform .success_msg { font-weight: bold; color: #0060BF; margin-left: 19px; } .ok{color:red} #comment_form label.error { background:url("../images/error.gif") no-repeat 0px 0px; padding-left: 16px; padding-bottom: 2px; font-weight: bold; color: #EA5200; } #comment_form label.checked { background:url("../images/ok.gif") no-repeat 0px 0px; } #comment_form .success_msg { font-weight: bold; color: #0060BF; margin-left: 19px; } .ok{color:red} .authTextBox{padding-top: 15px; } .authBox{ float:left; width: 350px;} .authBox .fieldBox{ float:left; padding-bottom:8px;} .authBox .fieldBox input{ float:left; width: 178px; padding: 2px 5px; border: 1px solid #e3e3eb; font-size:12px; } .authBox .fieldBox a{ float:left; margin: 4px 0 0 20px; } .authBox .fieldBox p{ clear:both; padding-bottom: 3px; font:12px;} #remember{ clear:both; padding:7px 0 20px 0; } .check{ position:relative; top: -1px; width: 13px; height:13px; background: url(../images/check.gif) no-repeat; vertical-align:middle; margin-right: 5px; cursor:pointer; } .check.active{ background: url(../images/check.gif) no-repeat 0 -13px; } .authText{ float:left; width: 260px; padding: 5px 0 5px 25px; border-left:1px solid #eee; line-height:16px; } .deliveryDescript{ clear:both; padding: 30px 25px;} .deliveryDescript td{ padding: 0 15px 5px 0; font-size: 14px; color:#4b4a4a; } .deliveryDescript td.cell2{ font-weight:bold; color:#000;} .confirmButtonsBox .button1{ margin: 0 5px; } #regTabs li{ float:left; width:250px; height:29px; margin-right: 2px; color:#000; font-weight:bold; text-align:center; } #regTabs li.last{ margin-right: -2px;} #regTabs li a{ display:block; width:250px; padding-top: 8px; height:21px; color:#000; text-decoration:none; background: url(../images/mBg.gif) repeat-x 0 0; } #regTabs li a:hover{ background:#f2f2f2; text-decoration: underline; } #regTabs li.active a{ background: url(../images/mBg.gif) repeat-x 0 -29px; } #regConts{ float:left; width: 100%; padding: 5px 0;} #regConts li{ display:none;} #regConts li.active{ display:block; } #regConts li h4{ font: bold 12px Arial, Helvetica, sans-serif; color:#000; padding-bottom: 25px;} #regConts li .text{ padding: 30px 5px; border-bottom: 1px solid #e5e5e5; line-height:16px; } #regConts li .text2{ padding: 30px 5px; line-height:16px; } #regConts li .text2 p{ padding-bottom: 25px;} #regConts li .tableBox{ padding: 30px 5px; border-bottom: 1px solid #e5e5e5; } #regConts li .tableBox td{ padding-right: 15px;} #regConts li .tableBox .textField{ width: 150px; border: 1px solid #dbdee3; padding: 3px 4px; } #regConts li .tableBox span{ color:#949494; } #regConts li .tableBox span.aster{ color:#ff0101; } #regConts #table1 td{ padding-bottom: 8px; } #regConts #table1 .topPadding td{ padding-top: 15px;} #regConts #table1 .cell1{ width: 185px;} #regConts #table1 .cell2{ width: 160px;} #regConts #table1 .cell3{ width: 100px;} #regConts #table1 .cell4{ width: 160px;} #regConts #table1 .cell6{ vertical-align:top; padding-top: 3px; } #regConts #table1 .cell7 p{ float:left; padding-top: 3px; } #regConts #table1 .cell7 .phoneCode{ float:left; width: 35px; text-align:center; margin: 0 3px; border: 1px solid #dbdee3; padding: 3px 4px; } #regConts #table1 .cell7 .phone{ float:left; width: 60px; text-align:center; margin: 0 5px; border: 1px solid #dbdee3; padding: 3px 4px; } .sex{ width: 80px; border: 1px solid #dbdee3; padding: 2px; } .day{ float:left; margin-right: 8px; width:45px; border: 1px solid #dbdee3; padding: 2px; } .month{ float:left; margin-right: 8px; width:80px; border: 1px solid #dbdee3; padding: 2px; } .year{ float:left; margin-right: 25px; width:65px; border: 1px solid #dbdee3; padding: 2px; } #regConts #table1 td .info{ float:left;} #regConts .descr { padding-left:15px; display:block;} #regConts .descr li{ display:block;float:none; width:auto; padding-bottom: 6px; list-style:square; } #regConts li .text ul{ margin-left: 20px;} #regConts li .text li{ display:list-item; list-style:square!important; } #regConts #table2 .cell1{ width: 185px;} #regConts #table2 .cell2{ width: 160px;} #regConts #table2 .cell3{ width: 160px;} #regConts #table2 .cell4{ vertical-align:top; padding-top: 3px;} #regConts #table2 td{ padding-bottom: 20px; } #regConts #table2 select{ width: 160px; border: 1px solid #dbdee3; padding: 2px; } #regConts #table2 .longField{ width: 330px; border: 1px solid #dbdee3; padding: 3px 4px; } #regConts #table2 .hint{ padding-top: 3px; font-size:11px; color:#949494; } #regConts #table2 .hint a{ color:#0052a5; border-bottom: 1px dashed #0052a5; } #regConts #table2 .hint a:hover{ text-decoration:none; } #regConts #table2 textarea{ width: 330px; height:60px; border: 1px solid #dbdee3; padding: 3px 4px; } #regConts #table2 p{ padding-top: 20px; } .checks{ padding-bottom: 3px;} .iAllow{ font-size:11px; padding: 15px 0 0 30px; } .textPage h1{ padding: 20px 0 15px 0;} .deliveryTextBox p{ font-weight:bold; padding-bottom: 10px; } .deliveryTextBox td{ padding: 3px 30px 0 0;} .aboutTextBox { line-height:16px;} .aboutTextBox img{ display:block; padding-bottom: 20px;} .newsBox h1{ padding-bottom: 0!important;} .newsBox li{ padding: 20px 0; border-bottom: 1px solid #eee;} .newsBox li span{ font-size:11px; color:#a2a2a2;} .newsBox li p{ padding-top: 10px;} .newsBox1 span{ font-size:11px; color:#a2a2a2;} .newsBox1 a span{ color:#0064ba; font-size:12px;} .newsBox1 div{ padding: 10px 0 20px 0; line-height:16px;} .delivWin{ display:none; position:absolute; top: -10px; left: 20px; width: 340px; padding: 5px; background:#fff; border:1px solid #c2c2c2; } .delivWin .border{ float: left; width: 306px; border:2px solid #39f; padding: 10px 10px 20px 20px; } .delivWin h3{ float:left; font-size:12px; padding: 5px 0 20px 0;} .delivWin .close, .delivWin .closedel, .delivWin .closenot{ float:right; width: 9px; height:9px; overflow:hidden; background: url(../images/close.gif) no-repeat; } .delivWin .selectCity{ float:left; width:100%; padding-bottom: 20px;} .delivWin .selectCity p{ width:250px; padding-top: 3px; } .delivWin .selectCity select{ width:250px; border:1px solid #aaadb2; border-left-color:#e3e3ed; border-bottom-color:#e2e9ef; border-right-color:#dcdfe6; padding: 2px; } .delivWin .delivPrice{ float:left; width:100%; } .delivWin .delivPrice p{ padding-bottom: 3px;} .hide{ display:none;} .notWin{ display:none; position:absolute; top: -10px; left: -20px; width: 290px; padding: 5px; background:#fff; border:1px solid #c2c2c2; } .notWin .border{ float: left; width: 256px; border:2px solid #39f; padding: 10px 10px 20px 20px; } .notWin h3{ float:left; font-size:12px; padding: 5px 0 20px 0;} .notWin .close, .notWin .closedel, .notWin .closenot{ float:right; width: 9px; height:9px; overflow:hidden; background: url(../images/close.gif) no-repeat; } .notWin .phone{ float:left; width:100%; padding-bottom: 15px; } .notWin .phone p{ float:left; width:90px; padding-top: 2px; } .notWin .phone span{ float:left; font-size:11px; padding: 3px; } .notWin .phone input{ float:left; width: 60px; text-align:center; padding: 3px; border:1px solid #aaadb2; border-left-color:#e3e3ed; border-bottom-color:#e2e9ef; border-right-color:#dcdfe6; } .notWin .phone input.code{ width: 30px;} .notWin .email{ float:left; width:100%; padding-bottom: 15px; } .notWin .email p{ float:left; width:90px; padding-top: 2px; } .notWin .email span{ float:left; font-size:11px; padding: 3px; } .notWin .email input{ float:left; width: 122px; padding: 3px 5px; border:1px solid #aaadb2; border-left-color:#e3e3ed; border-bottom-color:#e2e9ef; border-right-color:#dcdfe6; } .notWin .button1{ float: right; margin-right:33px; } .notWin .err {color:#F00; height:16px; font-size:11px; padding:4px 0 0 35px; float:left} .notWin .er2 {padding:4px 0 0 79px; } .club { padding-left:15px; display:block;} .club li{ display:block;float:none; width:auto; padding-bottom: 6px; list-style:square; } .magazineTextBox .leftCol{ float:left; width: 355px; padding-right: 50px;} .magazineTextBox p{ padding: 20px 0; line-height:16px;} .magazineTextBox h3{ padding-top: 20px; color:#3a3a3a; } .magazineTextBox .rightCol{ float:left; width: 330px;} .magazineTextBox .rightCol li{ padding: 5px 30px; } .magazineTextBox .rightCol li.ico1{ background: url(../images/home.gif) no-repeat left 4px; } .magazineTextBox .rightCol li.ico2{ background: url(../images/phone.gif) no-repeat left 4px; } .magazineTextBox .rightCol li.ico3{ background: url(../images/time.gif) no-repeat left 4px; } .magazineTextBox .rightCol li.ico4{ background: url(../images/webcam.gif) no-repeat left 4px; } .thxBox{ padding-left: 5px; } .thxBox h1{ padding: 10px 0;} .thxBox p{ padding: 10px 0 20px 0; } .thxBox .print img{ position:relative; top: -2px; width: 17px; height: 17px; margin-right:5px; vertical-align:middle; overflow:hidden; background: url(../images/print.gif) no-repeat; } .thxBox .print:hover{ text-decoration:none; } .thxBox .print:hover span{ text-decoration: underline; } .officeBox { float:left; width:100%; padding: 20px 0; } .officeBox .leftCol{ float:left; width:500px; margin-right:-100%; } .officeBox .leftCol p{ padding: 10px 0 20px 0;} .officeBox .rightCol{ float:right; width:229px; } .officeBox .weekVotingBox{ width: 280px; padding: 5px 15px 15px 15px; border: 1px solid #e7e7e7; } .officeBox .weekVotingBox ul{ padding: 15px 10px;} .officeBox .weekVotingBox li{ padding: 4px 0; } .officeBox .weekVotingBox li input{ position:relative; top: -1px; vertical-align:middle; margin-right: 5px; } .not{ padding:5px 0 5px 12px; background:url(../images/not.gif) no-repeat 0 7px; color:#d63f3f; line-height:11px!important;} .not span{ font-weight:normal!important; font-size:11px; line-height:11px!important; color:#f77;} .notButton a{ font-weight:normal!important; white-space:normal; } .cardBox .notButton{ margin-bottom: 10px; } .cardBox{ position:relative; float:left; margin-top: 20px; width: 480px; padding: 8px 10px 20px 10px; border-top: 2px solid #39f; background: url(../images/blueBg2.gif) repeat-x; } .page404Box{ width:740px; height:295px; padding:5px; margin:30px auto; border: 1px solid #c6c6c6; } .page404Box .bordBox{ width: 646px; height:250px; padding: 40px 45px 0 45px; border: 2px solid #39f; text-align:center;} .page404Box h1{ width: 300px; margin:0 auto; font-size:18px; padding: 10px 0 10px 40px; background: url(../images/errorBig.gif) no-repeat; } .page404Box h1 span{ color:#cecece; } .page404Box .text{ padding:25px 0; border-bottom: 1px solid #e3e3e3; } .page404Box ul{ padding: 25px 0 0 80px; width:440px; margin:0 auto; } .page404Box li{ float:left; width:170px; text-align:left; padding-right: 46px; } .page404Box li img{ position:relative; z-index:2; margin-left: -17px;} .page404Box li form{ padding-top: 10px;} .page404Box li input{ padding: 3px; border: 1px solid; border-top-color:#aaadb2; border-left-color:#e3e3ed; border-bottom-color:#e2e9ef; border-right-color:#dcdfe6; color:#bcbcbc; } /*PersonalOffice*/ .welcomePersonalText {padding:0 25px 36px 0} .welcomePersonalText h4 {padding:9px 0 17px 0;} .welcomePersonalText p {padding-bottom:17px} .welcomePersonalText li{ padding:0 20px 0 8px; background: url(../images/offBul.gif) no-repeat left 9px; line-height:16px; } .officeOptions {clear:both; position:relative; margin: 24px 0; width: 732px; padding: 5px 10px 20px 15px; border-top: 2px solid #39f; background: url(../images/blueBg2.gif) repeat-x;} .officeOptions.leftOpt, .officeOptions.rightOpt {width:350px; clear:none} .officeOptions.leftOpt {float:left} .officeOptions.rightOpt {float:right} .officeOptions h2 {padding-bottom:10px; color:#181818; font:bold 13px Arial;} .officeOptions h2 a {font:normal 14px Arial;} .officeOptions a {text-decoration:underline} .officeOptions a:hover {border:0; text-decoration:none} .officeOptions p {padding-top:10px} .officeOptions .textField { width: 150px; border: 1px solid #dbdee3; padding: 2px 4px; } .officeOptions a.allOrder {float:right;} .officeOptions .tip {background:url(../images/tipL.gif) no-repeat left; padding:15px 0px 8px 10px; position:relative; top:8px} .officeOptions .tip span {background:url(../images/tipR.gif) no-repeat right bottom; padding:5px 15px 8px 0 } .officeOptions .tip2 {background:url(../images/midBgTip.gif) repeat-y left; position:relative; top:8px; } .officeOptions .tip2 .upBg {background:url(../images/upBgTip.gif) no-repeat left top; padding:16px 0 0 0 } .officeOptions .tip2 .textBg {background:url(../images/btmBgTip.gif) no-repeat left bottom; padding:0px 7px 10px 10px } .officeOptions .tip span {background:url(../images/tipR.gif) no-repeat right bottom; padding:7px 15px 7px 0 } .officeOptions .check {position:relative; top: -1px; width: 14px; height:14px; background: url(../images/checkBlue.gif) no-repeat; vertical-align:middle; margin:0 5px; cursor:pointer; border: solid 1px #009; padding:0px} .officeOptions .check.active { background: url(../images/checkBlue.gif) no-repeat 0 -12px;} .officeOptions .settingsTable .tip {top:0;} .officeTable {margin-bottom:7px } .officeTable table {width:100%;} .officeTable table {margin-top /*\**/:-1px\9} * html .officeTable table, *+html .officeTable table {margin-top:-1px} .officeTable th{ padding:4px 0; border-bottom: solid 1px #e6e6e6;} .officeTable th div{ background:#f0f0f0; padding: 10px 10px; margin-right: 1px; color:#797979; font-weight:normal; font-size:12px; text-align:left;} .officeTable th.cellPrice div { padding:10px 30px;} .officeTable td { border: 1px solid #e6e6e6; padding:5px 10px; vertical-align:middle; text-align:center } .officeTable td.cell1 {text-align:left} .officeTable td.hiddenCell { border: 0; text-align:left; padding:0; } .officeTable td.hiddenCell div.hiddenBlock {padding:17px 30px;} .officeTable td span.grey {color:#929292} .officeTable td a.ident, .officeTable td a.status {color:#0052a5; border-bottom: 1px dashed #0052a5; text-decoration:none} .hiddenBlock {padding:25px 20px; display:none} .hiddenBlock th {padding:0px; border: 1px solid #e6e6e6;} .hiddenBlock th div {margin-right:-1px; border-right:solid 1px #fff} .hiddenBlock th.last div {margin:0 0 0 0; border-right:0} .hiddenBlock td {text-align:left} .hiddenBlock .oneCol {width:135px; float:left; padding:10px 0;} .hiddenBlock .twoCol {width:150px; float:left; padding:10px 0; color:#167dda; font-weight:bold; font-size:13px;} .hiddenBlock .threeCol {width:380px; float:left; padding:10px 0;} .hiddenBlock .oneCol div, .hiddenBlock .twoCol div, .hiddenBlock .threeCol div {height:18px} .settingsTable table td {padding:10px 10px 20px 0; vertical-align:top} .settingsTable .checksSet .check {margin-left:35px} .settingsTable .notice { margin:10px 0 0 35px; font-size:10px} .settingsTable .feedback textarea {width:720px; border:solid 1px #147cda; margin:15px 0; height:85px; padding:2px} .reultSend {padding:25px 0 0 0; clear:both; height:0px} .reultSend span {background:#ddedfc; padding:3px 30px; display:none} .allMess {margin:27px 0 18px 0} .allMess a {color:#000; margin-right:10px} .incomBox {margin:0 20px 7px 40px} .incomBox p {padding:7px 0} .privFields {margin-top:20px} .privFields td {padding-bottom:1px} .privFields select{ width: 160px; border: 1px solid #dbdee3; padding: 2px; } .otherAdress {margin-top:20px} .otherAdress td {text-align:left} ul.releasePoits {width:780px} ul.releasePoits li {width:260px; padding:10px 0 10px 50px; float:left; margin-left:-50px} ul.myItems {padding:20px 0 0px 0; clear:both;} ul.myItems li.left {float:left; width:180px; overflow:hidden} ul.myItems li.left img {margin:20px 0} ul.myItems li.right {float:left; width:550px; padding-top:5px; overflow:hidden} ul.myItems li.right .cont {padding-top:33px} ul.myItems li.right span.date {margin-right:15px} ul.myItems li.right span.green {font-weight:bold; color:#a2d526} ul.myItems li.right span.red {font-weight:bold; color:#f00} ul.myItems li.right p {padding:5px 0} ul.myItems li.right p.text {padding-top:12px} ul.myItems li.right p.points {padding-top:30px} ul.myItems li.right .textField {width:210px; padding:5px; font-size:12px; float:left} ul.myItems li.right .phoneBlock {float:left; width:230px; padding-right:10px} ul.myItems li.right .mailBlock {float:left; width:310px} ul.myItems li.right .mailBlock .button1 {float:right; margin-top:3px} /*Choose Page*/ .chooseBlock {width:100%; margin:30px auto 0 auto;} .chooseBlock .marketTitle {font-size:47px; font-weight:bold; color:#005aa9; margin-bottom:20px} .chooseBlock h1 {font-size:14px; line-height:22px; font-weight:normal} .chooseChecks {margin:34px 0 0px 15px } .chooseChecks li {float:left; width:280px; height:32px} .chooseChecks li.more {width:390px} .chooseChecks .check {position:relative; top: -1px; width: 14px; height:14px; background: url(../images/checkBlue.gif) no-repeat; vertical-align:middle; margin-right: 5px; cursor:pointer; border: solid 1px #009; padding:0px} .chooseChecks li.active { background: url(../images/checkBlue.gif) no-repeat 0 -12px;} .chooseResult {clear:both; width:687px; padding-top:60px;} .chooseResult table { border-collapse:separate} .chooseResult table td {width:198px; border:solid 1px #b2b2b2; padding:15px 5px 10px 15px; margin-right:9px; vertical-align:top } .chooseResult .topB {min-height:350px; _height:350px;} .chooseResult .topB .item_title {height:45px} .chooseResult .midB {min-height:260px; _height:260px} .chooseResult .chooseText {padding:25px 5px 15px 0px; line-height:18px} .chooseResult table td .blue {color:#0064ba} .chooseResult table td a {text-decoration:underline} .chooseResult .plusBig {text-align:center; margin:30px 0 } .chooseResult .also {font-weight:bold; padding:10px 0} .chooseResult .chooseTotal {clear:both; padding-top:23px; text-align:center} .chooseResult .button3 { margin:10px 0 0 40px} #tooltip {position:absolute; background:#efeeee; padding:3px 15px; color:#1c4b6b; display:none; max-width:250px; z-index:5000} .sale_order_full_table input,textarea {font-family:Arial,Verdana; font-size:12px } #basic-modal-content {display:none;} #simplemodal-overlay {background-color:#000; cursor:wait;} #simplemodal-container {height:60px;width:300px;background:#fff;border:2px solid #3399FF; padding:12px;} #simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;} #simplemodal-container #basic-modal-content {padding:20px 10px;} .columnsBox {width:100%;} .columnsBox td {width:33%;border-right:1px solid #e5e5e5; text-transform:uppercase; text-align:left; padding:0 0 9px 30px;} .columnsBox .nbrdr {text-align:left;border-right:0;} .columnsBox .frst {text-align:left;} .columnsIn h1 { font:18px Arial; margin:15px 0 20px 0;} .columnsIn {border-top:1px solid #e5e5e5;} .cardBox .cell5 .color {min-width:150px;_width:150px;} .quantWin{ position:absolute; width: 340px; padding: 5px; background:#fff; border:1px solid #c2c2c2; } .quantWin .border{ float: left; width: 306px; border:2px solid #39f; padding: 10px 10px 20px 20px; } .quantWin .close{ float:right; width: 9px; height:9px; overflow:hidden; background: url(../images/close.gif) no-repeat; margin-top:-10px;} .pr_block {background:#f3f8fe; float:left; border-top:2px solid #E1EAF9; margin:12px 0 0 0; padding:6px 20px 6px 21px; position:relative} .pr_cart {padding:6px 10px 6px 21px;} .pr_block p {color:#0064ba; font:16px Arial; font-weight:bold; margin:0 0 10px 0; width:200px;} .pr_bt {padding:0 0 0 60px} .pr_block input {border:1px solid #bcbcbc; width:191px; height:19px; margin:0 0 7px 0;} .pr_clue { background:url(/data/images/dsh.gif) no-repeat 3px bottom;text-decoration:none;width:20px;cursor:pointer;} .pr_clue:hover {text-decoration:none;} .pr_tip {width:390px; height:280px; border:1px solid #bcbcbc; background:#fff; display:none;position:absolute;right:-265px;top:-296px; z-index:99999 !important;} .pr_cart .pr_tip {left:-163px;top:-144px;} .pr_tipin {width:376px; height:266px; border:2px solid #3399ff; margin:5px 0 0 5px; position:relative;} .pr_list {width:300px; margin:29px auto 0; font:13px Arial; color:#000; line-height:20px;} .pr_list li { margin:0 0 18px 0;} .pr_list span {font-weight:bold; color:#3399ff;} .pr_x { position:absolute; top:10px;right:10px; cursor:pointer;} .selected {display:block;} .previewtxt li { line-height:20px; margin:0; padding:0; } .previewtxt { line-height:22px; } .specBan {float:left; width:98%; margin:0 0 25px 0;} .specBan .contBox {background:none;} .specBan .contBox li {float:left;} .specBan .contBox li {padding:0;width:230px;} .contBox ul {padding:15px 0;} .specBan .contBox li.price {margin:0 0 0 50px; padding:20px 0 0 0;width:110px;} .specBan .contBox li.plus {margin-right:20px} .specBan{background:url("/images/blueBg2.gif") repeat-x;border-top:2px solid #3399FF;padding:10px 8px;} .specBan .contBox li img{ float:left;} .specBan .contBox li div.descript{ padding-left: 150px;} .specBan .contBox li div.descript a {font-weight:bold; color:#000; text-decoration:underline;} .specBan .contBox li div.descript p {font-size: 18px;} .specBan .contBox li.plus{ width: 32px; margin: 30px 10px 0 10px; height:30px; background: url(/images/s_pl.gif) no-repeat center;} .specBan .contBox li.alike{ width: 35px; margin: 30px 0 0 20px; height:21px; background: url(/images/s_eq.gif) no-repeat center;} .specBan .contBox li.price{ text-align:center;} .specBan .contBox li.price h1{ position:relativee; z-index:2; margin-top: -15px; font-size: 29px; font-weight:normal; line-height:29px;} .specBan .contBox li.price p{ color:#1b8bee; font-weight:bold; padding-bottom: 8px;} .specBan .contBox li.price .button1{ position:relative; z-index:2; margin:0 0 -10px 3px;} .descr2{height:52px; width:100px;} .descx {color:#9A9A9A;text-decoration:line-through;} .certify {height:30px} /* SD ACTION*/ div.b-relative { position: relative; padding: 0; } span.icon-sd-4gb { background: url(/images/sd.png) 0 0 no-repeat; display: block; text-indent: -9999px; position: absolute; bottom: 0; right: 0; width: 88px; height: 86px; } * html span.icon-sd-4gb { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sd/sd.png'); } span.icon-sd-4gb-mini { background: url(/images/sd-mini.png) 0 0 no-repeat; display: block; text-indent: -9999px; position: absolute; bottom: 0; right: 0; width: 32px; height: 43px; } * html span.icon-sd-4gb-mini { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sd-mini.png'); } .articlesList li td.cell3 .imgBox{ } /****************************************/