/*subtitle,img-box, text-box, */ .box-left .items .subtitle{ height:26px; padding:25px 25px 15px 0;} .box-left .items .subtitle .title-left{ background:url(layout/subtitle-left.png) no-repeat top left; height:26px; width:9px; float:left;} .box-left .items .subtitle .title-content{ background:url(layout/subtitle-middle.png) repeat-x top; height:26px; width:595px; float:left;} .box-left .items .subtitle .title-content .price{color:#8c8c8c; font-size:15px; font-weight:bold; float:right; padding-top:3px;} .box-left .items .subtitle .title-right{ background:url(layout/subtitle-right.png) no-repeat top left; height:26px; width:7px; float:right} .box-left .items .img-box{width:310px; float:left; background:#2a2a2a; } .img-box strong {background: url(layout/top-right.jpg) no-repeat 100% 0; display: block; float: left;} .img-box strong em { background: url(layout/bottom-left.jpg) no-repeat 0 100%;display: block; float: left;} .img-box strong em span {background: url(layout/bottom-right.jpg) no-repeat 100% 100%; display: block; float: left;} .img-box strong em span span {background: url(layout/top-left.jpg) no-repeat; display: block; float: left; } .img-box a{display: block;width: 302px;height: 202px;padding:4px;} .img-box a img{width: 300px;height: 200px;border:1px solid #2a2a2a;} .img-box a img:hover{border:1px solid #9dc400;} .box-left .items .text-box{ width:284px; float:left;padding:0 6px 0 14px;} .box-left .items .text-box p{padding:0 0 10px 0; margin:0; text-align:justify;} .box-left .items .text-box .tags{ width:284px; padding-bottom:10px; float:left;} .tags .tags-t, .tags .tags-b{ background:url(layout/tags-top.png) no-repeat center top; height:5px;} .tags .tags-content{ background:#1f1f1e; border:1px solid #2f2f2f; border-top:none; border-bottom:none; padding:5px 0;color:#5b5a5a; font-size:12px;} .tags-content strong{ height:30px; display:block; float:left; padding:0 7px 0 10px; font-size:14px;} .tags-content span{display:block; padding-left:55px; height:auto;} .tags .tags-b{ background:url(layout/tags-bottom.png) no-repeat center bottom;} ul.buttons{} ul.buttons li{float:left; padding-left:2px;} ul.buttons li span { height:23px; background:url(layout/home-btn-left.png) no-repeat 0 0;display:block; padding-left:10px;} ul.buttons li span span { height:16px;background:url(layout/home-btn-right.png) no-repeat 100% 0;padding:7px 8px 0 0; display:inline-block;} ul.buttons li span span a, ul.buttons li span span input.search-submit{ height:12px; display:block; background-position:0 0; background-repeat:no-repeat;} ul.buttons li span span a:hover, ul.buttons li span span input.search-submit:hover{background-position:0 -19px; } ul.buttons li span span a.view-demo{ background-image:url(layout/view-demo.gif); width:158px;} ul.buttons li span span a.add-to-cart{ background-image:url(layout/add-to-cart.gif); width:84px;} ul.buttons li span span a.back-to-shop{ background-image:url(layout/back-to-shop.gif); width:107px;} ul.buttons li span span a.finalize-order{ background-image:url(layout/finalize-order.gif); width:120px;} ul.buttons li span span a.edit-account{ background-image:url(layout/edit-account.gif); width:93px;} ul.buttons li span span a.save-account{ background-image:url(layout/save-account.gif); width:152px;} ul.buttons li span span a.sign-in{ background-image:url(layout/sign-in.png); width:48px;} ul.buttons li span span a.register{ background-image:url(layout/register.png); width:62px;} ul.buttons li span span a.forgot-pass{ background-image:url(layout/forgot-password.png); width:128px;} ul.search{float:left;} ul.search li{float:left; padding:3px 0;} ul.search li.submit-btn{ float:right; width:70px; } ul.search li input{ border:none;} ul.search li input.search-text{ border:none; border:1px solid #737373;background:#575757;color:#c7c7c7;font-size: 12px;width:223px;} ul.search li span span input.search-submit{ background-image:url(layout/search.png); width:52px;background-color:transparent; float:right; cursor:pointer;} /*END subtitle,img-box, text-box, */ /*PAGING*/ .box-left .paging{ width:610px;float:left; padding-top:20px} .box-left .paging .paging-l{ width:13px; height:35px; background:url(layout/paging-left.png) no-repeat top left; float:left} .box-left .paging .paging-content{ width:585px; height:35px; background:url(layout/paging-middle.png) repeat-x top; float:left; } .paging .paging-content .paging-text{ width:172px;color:#838383; font-weight:bold; float:left; padding-top:7px;} .paging-content ul#links{ width:auto; float:right; margin:0; padding:6px 0; } .paging-content ul#links li{ height:23px;float:left; padding: 0 1px;} .paging-content ul#links li.show{ display:block;} .paging-content ul#links li.hide{ display:none;} .paging-content ul#links li span { height:23px; background-image:url(layout/link-left.png);background-repeat:no-repeat ; background-position:0 0;display:block; padding-left:3px;} .paging-content ul#links li span span { height:21px;background-image:url(layout/link-right.png); background-repeat:no-repeat; background-position:100% 0;padding:2px 8px 0 5px; display:inline-block;} .paging-content ul#links li.active span {background-image:url(layout/link-left-a.png)} .paging-content ul#links li.active span span {background-image:url(layout/link-right-a.png);} .paging-content ul#links li.next{padding-left:10px;} .paging-content ul#links li.prev{ padding-right:10px;} .paging-content ul#links li span span a{ height:20px;color:#9dc400;display:block; font-weight:bold;} .paging-content ul#links li span span a:hover{color:#dcff3a;} .box-left .paging .paging-r{ width:12px; height:35px; background:url(layout/paging-right.png) no-repeat top left; float: left;} /*END PAGING*/ /*categories.html*/ .box-left .box-bg{padding-top:30px;} .box .box-bg-big{padding-top:15px;} .b-content ul#categogories-list{ /*width:325px;*/ float:right; margin:0; padding:0;} .b-content ul#categogories-list li{ height:30px;float:left;width:280px; padding-left:4px; padding-top:4px; } .b-content ul#categogories-list li span { height:27px; background-image:none;display:block; padding-left:3px; float:left} .b-content ul#categogories-list li span span { height:23px;background-image:none; padding:4px 8px 0 7px; float:left;} .b-content ul#categogories-list li span span strong{ float:left; padding-left:5px; color:#717171;} .b-content ul#categogories-list li.active span {background-image:url(layout/active-cat-left.jpg);background-repeat:no-repeat ; background-position:0 0;} .b-content ul#categogories-list li.active span span {background-image:url(layout/active-cat-right.jpg);background-repeat:no-repeat; background-position:100% 0;} .b-content ul#categogories-list li span span a{ height:20px;color:#9dc400;display:block; font-weight:bold;float:left;} .b-content ul#categogories-list li span span a:hover{color:#dcff3a; text-decoration:underline;} .b-content ul#categogories-list li.active span span a, .b-content ul#categogories-list li.active span span a:hover{color:#a4a4a4; cursor:default; text-decoration:none;} /*tags-and search*/ .box-left .title-underline h1{color:#858484;} .box-bg .b-content span.tags{width:490px; } ul.membership{float:left; margin:0 7px;} ul.membership li{float:left; background:url(layout/membership-img.png) no-repeat left ; height:25px; padding-left:35px; padding-top:5px; color:#585858; font-size:11px; margin-top:5px; width:100%;} ul.membership li strong{ color:#b4b4b4; font-size:16px;} ul.membership li span { color:#9fc500;} ul.membership li.link{ background:none; padding-left:0; padding-top:15px;} ul.membership li.link span {height:29px; background-image:url(layout/big-btn-l.png);background-repeat:no-repeat ; background-position:0 0 ; display:block; padding-left:11px; float:left} ul.membership li.link span span {height:21px;padding:8px 0 0 ;background-image:url(layout/big-btn-r.png); background-repeat:no-repeat; background-position:100% 0; display:block; padding-right:11px; float:left;} ul.membership li.link a{ height:14px; display:block; background-position:0 0; background-repeat:no-repeat;} ul.membership li.link a:hover{ background-position:0 -26px; } ul.membership li.link a#become-member{background-image:url(layout/become-member.png); width:205px;} ul.membership li.link a#upgrade-now{background-image:url(layout/upgrade-now.png); width:121px;}