.clear{clear:both;} form { padding:0; margin:0; display:inline;} input[type='text']:focus, input[type='password']:focus, textarea:focus { border:1px solid #09F; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} select {background:#fff; border: 1px solid #dddddd; padding:5px 2px; font-family: "Arial", Times, serif; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size:11px; border-radius:3px;} label {cursor: pointer;} .saleleft { position:absolute; top:0; left:0; background:url(../image/sale.png) no-repeat 0 0; height:45px; width:45px; float:left; overflow:hidden; display:block; padding:12px 0 5px 0px; font-weight:bold;} .sale { position:absolute; top:0; right:0; background:url(../image/sale.png) no-repeat 0 0; height:45px; width:45px; float:left; overflow:hidden; display:block; padding:12px 0 5px 0px; font-weight:bold;} #report { border-collapse:collapse;} #report th { background:#2a2a2a; color:#fff; padding:4px 4px; text-align:left; border-bottom:1px solid #ddd;} /*#report td { background:#eee none repeat-x scroll center left; color:#000; padding:4px 4px; border-bottom:1px solid #ddd;} #report tr.odd td { background:#fff; cursor:pointer; }*/ #report div.arrow { background:transparent url(../images/arrows.png) no-repeat scroll 0px -16px; width:16px; height:16px; display:block;} #report div.up { background-position:0px 0px;} /********** layout **********/ .wrapper-box{max-width:1010px; margin:0px auto; border-top:0px solid #f00f00;} /*box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);*/ .wrapper-wide{max-width:100%; background:#fff; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.08); border-top:0px solid #555555;} .main-wrapper{max-width:1010px; margin:0px auto; padding:0 0px;} #container{text-align:left; overflow:auto; margin:0 auto; width:auto;} #column-left { float:left; width:190px; padding:0px 5px 0 0px; border-right:0px solid #eee; border:0px solid #000; margin-top:-34px;} #column-right { float: right; width:190px; padding:0px 0px 0 5px; border-left:0px solid #eee; } #content { min-height: 400px; margin-bottom:10px; padding:0px 0px 0 0px; border:0px solid #000;} #column-left + #column-right + #content, #column-left + #content { margin-left:200px; } #column-right + #content { margin-right:200px; } .success, .warning, .attention, .information { padding: 5px 5px 5px 33px; margin-bottom:3px; color:#555555; font-size:11px;} .success a { padding:3px 5px; background:#BBDF8D; margin:0px 3px; } .warning a { padding:3px 5px; background:#F8ACAC; margin:0px 3px; } .attention a { padding:3px 5px; background:#F2DD8C; margin:0px 3px; } .success { background: #EAF7D9 url('../image/success.png') 10px center no-repeat; border: 1px solid #BBDF8D; max-width:760px; } .warning { background: #FFD1D1 url('../image/warning.png') 10px center no-repeat; border: 1px solid #F8ACAC; max-width:760px;} .attention { background: #FFF5CC url('../image/attention.png') 10px center no-repeat; border: 1px solid #F2DD8C; max-width:760px;} .success .close, .warning .close, .attention .close, .information .close { float: right; padding-top: 4px; padding-right: 4px; cursor: pointer; } .required { color: #FF0000; font-weight: bold; } .error { display: block; color: #FF0000; } .help { color: #999; font-size: 10px; font-weight: normal; font-family: Verdana, Geneva, sans-serif; display: block; } table.form { width: 100%; border-collapse: collapse; margin-bottom: 20px; } table.form tr td:first-child { width: 150px; } table.form > * > * > td { color: #333; } table.form td { padding:8px 4px; } input.large-field, select.large-field { width: 300px; } table.list { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px; } table.list td { border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; } table.list thead td { background-color: #EFEFEF; padding: 0px 5px; } table.list thead td a, .list thead td { text-decoration: none; color: #222222; font-weight: bold; } table.list tbody td { vertical-align: top; padding: 0px 5px; } table.list .left { text-align: left; padding: 7px; } table.list .right { text-align: right; padding: 7px; } table.list .center { text-align: center; padding: 7px; } table.radio { width: 100%; border-collapse: collapse; } table.radio td { padding: 5px; vertical-align: top; } table.radio td label { display: block; } table.radio tr td:first-child { width: 1px; } table.radio tr td:first-child input { margin-top: 1px; } table.radio tr.highlight:hover td { background: #f8f6f6; cursor: pointer; } /*********** button ***********/ #content a.button{background:transparent url(../image/btn_r.png) no-repeat scroll top right;color:#fff;display:block;float:left;font:bold 11px arial, sans-serif;height:32px;margin-right:6px;padding-right:8px;text-transform:uppercase;text-shadow:0 0 white, -1px -1px #237dab;cursor:pointer; text-decoration:none;} #content button.button{background:transparent url(../image/btn_r.png) no-repeat scroll top right;color:#fff;display:block;float:left;font:bold 11px arial, sans-serif;height:18px;margin-right:6px;padding-right:12px;text-transform:uppercase;text-shadow:0 0 white, -1px -1px #237dab;cursor:pointer;} #content button.button span,#content a.button span {background:transparent url(../image/btn_l.png) no-repeat;display:block;line-height:16px;padding:8px 5px 8px 10px; font-family:"Arial";} .button1, input.button { cursor: pointer; color:#fff; font-size: 13px; font-weight: bold; background:#f15d22; border:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25);} .button1 { display: inline-block; text-decoration: none; padding:7px 12px; } input.button { margin:0; padding:7px 12px; margin-top:8px;} .button1:hover, input.button:hover { background:#444; color:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .buttons { border-top:1px solid #EEEEEE; overflow: auto; padding:15px 6px 0px 6px; margin-bottom: 20px; } .buttons .left { float: left; text-align: left; } .buttons .right { float: right; text-align: right; } .buttons .center { text-align: center; margin-left: auto; margin-right: auto; } .htabs {height:30px; line-height: 16px; padding-left:0px; border-bottom: 1px solid #ddd;} .htabs a {padding:7px 15px 6px 15px; float:left; font-size: 11px; font-weight: normal; text-align: center; text-decoration: none; color: #333; margin-right: 2px; display: none; background:url(../image/0switcherTabs_left.jpg) repeat-x; border-top-left-radius:6px; border-top-right-radius:6px; border:1px solid #ddd; border-bottom:none; } .htabs a.selected { padding-bottom: 7px; background: #FFFFFF; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; font-weight: bold; background:url(../image/switcherTabs_active_left.jpg) repeat-x; border-top-left-radius:6px; border-top-right-radius:6px;} .tab-content{padding: 10px; margin-bottom: 20px; z-index: 2; font-size:11px; border: 1px solid #ddd; border-top:none; border-bottom-left-radius:6px;border-bottom-right-radius:6px;} .tab-content ul { margin-left:20px; margin-top:-10px;} .product-tab{margin-bottom:20px;} .product-tab .tabs{height:30px; line-height: 16px; padding-left:10px; border-bottom: 1px solid #ddd; margin-bottom:20px;} .product-tab .tabs li{float:left; list-style-type:none;} .product-tab .tabs li a{padding:7px 15px 6px 15px; float:left; font-size:14px; text-transform:uppercase; font-weight: normal; text-align: center; text-decoration: none; color: #222; margin-right: 2px; opacity:0.7; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff;} .product-tab .tabs li.active a{opacity:1; padding-bottom: 7px; background: #FFFFFF; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;} .product-tab .deactive{display:none;} .addthis_default_style > a{padding:0} .box { margin-bottom: 12px;} .box .box-heading, .welcome{text-transform:none; font-weight:bold; padding:0px 0px 0px 12px; margin-bottom:0px; height:33px; line-height:30px; font-size:12px; color:#fdfeff; border-bottom:0px solid #ddd; background: #272727;/* url(../image/box-bg.png) repeat-x bottom; /*border-top-left-radius:5px; border-top-right-radius:5px;/*#ef5d24;*/ } .box .box-heading-prod, .welcome{text-transform:none; font-weight:bold; padding:0px 0px 0px 12px; margin-bottom:0px; height:31px; line-height:30px; font-size:12px; color:#b1b3b5; border-bottom:0px solid #ddd; background:#272727; } .box .box-heading-top, .welcome{text-transform:none; font-weight:bold; padding:0px 0px 0px 12px; margin-bottom:0px; height:31px; line-height:30px; font-size:12px; color:#333; border-bottom:0px solid #ddd; border-top-left-radius:6px;border-top-right-radius:6px; background-color: #f37873; } .box .box-content { padding:0px; border:1px solid #ddd;} /*********** box products ***********/ .box-product { width:auto;font-size:11px;} .box-product > .flexslider ul li{vertical-align: top; text-align:center; width:auto;font-size:11px;} .box-product > .flexslider ul li .slide-inner{padding:0px; position: relative; text-align: center; border:1px solid #fff;} .box-product > .flexslider ul li .slide-inner:hover{border:1px solid #ddd;} .box-product .image { display: block; margin-bottom:5px;} .box-product .image a { display:block; } .box-product .image img { padding:0px;} .box-product .name a {font-size:11px; line-height:18px; text-decoration: none; display:inline-block; margin:0 auto; padding:0px; color:#333; height:35px;} .box-product .name a:hover {text-decoration:underline;} .box-product .price { display: block; font-weight: normal; margin:5px 0 10px 0; padding:0 0px; color:#333; font-size:11px; font-family:"Arial";} .box-product .price span { font-family:"Arial";} .box-product .price-old { color: #F00; text-decoration: line-through; font-weight:normal; margin-right:5px; font-size:11px;} .box-product .price-new { font-weight: bold; font-size:11px;} .box-product .price-new span { font-family:"Arial";} .box-product .rating { display: block; margin-top: 5px; font-size:11px;} .box-product > .flexslider ul li .cart input, .box-product > .flexslider ul li .cart a{padding:2px 3px; font-size:11px; height:auto; line-height:normal; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;} .box-product > .flexslider ul li .rating img{ width:auto; display:inline;} .box-product > .flexslider.style1 ul li .name a{margin:0 0 10px 0;} .box-product > .flexslider.style1 ul li .name{text-align:left} .box-product > .flexslider.style1 ul li .price{float:left; width:95px; padding:0; margin:0; text-align:left;} .box-product > .flexslider.style1 ul li .rating{float:left;} .box-product > .flexslider.style1 ul li .rating{position:absolute; top:0; right:5px; padding:0 3px; background:#eee; display:none;} .box-product > .flexslider.style1 ul li:hover .rating{display:block;} .box-product > .flexslider.style1 ul li .cart{float:right; } .box-product > .flexslider.style1 ul li .cart input, .box-product > .flexslider.style1 ul li .cart a{font-size:11px; text-indent:-9999px; background:#1f1f1f url(../image/cart-icon.png) center center no-repeat; width:35px; height:35px; border-radius:50%;} .box-product > .flexslider.style1 ul li .cart input:hover, .box-product > .flexslider.style1 ul li .cart a:hover{background-color:#444; border-radius:50% 0%; } .box-product > .flexslider.style1 ul li .slide-inner{background:#f3f3f4; padding:5px; margin:0 5px; border:0px none;} .box-product > .flexslider.style1 ul li .slide-inner:hover{border:0px none; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1) inset;} /********** Comented for Right Part Start*******/ .box-product > .flexslider ul li{display:block; font-size:11px;} .box-product > .flexslider ul li .slide-inner{padding:0; padding:10px; border:1px solid #fff;font-size:11px;} #column-left .box-product > .flexslider ul li, #column-right .box-product > .flexslider ul li{width:auto;} #column-left .box-product .image, #column-right .box-product .image { float:left; margin-right:5px; margin-bottom:0px; } #column-left .box-product .name, #column-right .box-product .name { margin-bottom:2px; text-align:left; font-size:11px; } #column-left .box-product .name a, #column-right .box-product .name a { padding:0 0 0 0px; width:auto; font-size:11px;} #column-left .box-product .price, #column-right .box-product .price { float:left; padding:0 10px 0 0; margin:0px 0 2px 0; font-size:11px;} #column-left .box-product .rating, #column-right .box-product .rating { float:left; margin-top:0px; font-size:11px;} /********** Comented for Right Part End*******/ /*********** Pagination ***********/ .pagination { border-top: 1px solid #EEEEEE; padding-top: 8px; display: inline-block; width: 100%; margin-bottom: 10px; } .pagination .links { float: left; } .pagination .links a { vertical-align:middle; display: inline-block; border: 1px solid #EEEEEE; padding: 4px 10px; text-decoration: none; color: #222; } .pagination .links b {vertical-align:middle; display: inline-block; border: 1px solid #1f1f1f; padding: 4px 10px; font-weight: normal; text-decoration: none; color: #fff; background: #1f1f1f; } .pagination .links a:hover { color:#ff9500; border: 1px solid #ccc; } .pagination .results { float: right; padding-top: 3px; } /*********** Category boxes ***********/ .box-category ul, .list-item { list-style: none; margin: 0; padding: 0;} .box-category > ul > li, .list-item > li {display: block; position: relative; } .box-category .down { top: 6px; right: 0; position: absolute; cursor: pointer; width:16px; height:16px; padding: 2px; /*background: transparent url(../image/plus.png) 0px 0px no-repeat; opacity: 0.6; -moz-opacity: 0.6; */} .box-category .down:hover { opacity: 1; -moz-opacity: 1;} .box-category ul li a, .list-item li a {padding:5px 0px 5px 12px; color:#222; display: block;/*url(../image/bullet-dark-red.png) right no-repeat; border-bottom:1px dotted #ddd; margin-right:8px;*/} .box-category ul li.double a { display: inline-block; margin: 0; } .box-category ul li { position: relative; } .box-category > ul > li a.active + .down { background-position: 0px -16px; font-size:12px;} .box-category > ul > li > a { color: #b1b3b5; text-transform:none; font-weight:bold; font-size:12px;} .box-category > ul > li ul { display: none; padding-left: 10px; margin-bottom:5px;} .box-category > ul > li a.active { font-weight: bold; } .box-category > ul > li > a.active { margin-bottom:5px; } .box-category > ul > li a.active + ul { display: block; } .box-category a:hover, .list-item a:hover {text-decoration:none; color:#3c3c3c; font-size:12px;font-weight: bold;} .box-category > ul > li a.activeLink { font-weight: bold; color:#3c3c3c; font-size:12px;} /*.box-category > ul > li > a.activeLink { margin-bottom:5px; }*/ .box-category > ul > li ul li a:hover, .list-item a:hover, .box-category > ul > li > ul > li a.active { font-size:11px; } .box-category > ul > li ul li { border-top: 1px solid #eee; } .box-category > ul > li ul li a { margin-right: 16px; } .box-category > ul > li ul li a:hover, .list-item a:hover { margin-right: 16px;} .box-category > ul > li ul > li > a { text-decoration: none; } .submenu{display:none;} /***********Box****************/ /*********** Category boxes ***********/ .box-mcategory ul, .list-item { list-style: none; margin: 0; padding: 0;} .box-mcategory > ul > li, .list-item > li {display: block; position: relative; } .box-mcategory .down { top: 6px; right: 0; position: absolute; cursor: pointer; width:16px; height:16px; padding: 2px; background: transparent url(../image/plus.png) 0px 0px no-repeat; opacity: 0.6; -moz-opacity: 0.6; } .box-mcategory .down:hover { opacity: 1; -moz-opacity: 1; font-size:12px;} .box-mcategory ul li a, .list-item li a {padding:5px 0px 5px 12px; color:#b1b3b5; display: block; background: transparent; font-size:12px;} .box-mcategory ul li.double a { display: inline-block; margin: 0; } .box-mcategory ul li { position: relative; } .box-mcategory > ul > li a.active + .down { background-position: 0px -16px; } .box-mcategory > ul > li > a { color: #a3a4a5; text-transform: uppercase; font-size:12px; } .box-mcategory > ul > li ul { display: none; padding-left: 10px; margin-bottom:5px;} .box-mcategory > ul > li a.active { font-weight: bold; } .box-mcategory > ul > li > a.active { margin-bottom:5px; } .box-mcategory > ul > li a.active + ul { display: block; } .box-mcategory a:hover, .list-item a:hover {text-decoration:none; color:#3c3c3c; font-size:12px;} .box-mcategory > ul > li ul li a:hover, .list-item a:hover, .box-mcategory > ul > li > ul > li a.active { font-size:12px; font-weight:bold;} /*.box-mcategory > ul > li a.activeLink { font-weight: normal; color:#fc0000; }*/ .box-mcategory > ul > li ul li { border-top: 1px dotted #ddd; } .box-mcategory > ul > li ul li a { margin-right: 16px; } .box-mcategory > ul > li ul li a:hover, .list-item a:hover { margin-right: 16px;} .box-mcategory > ul > li ul > li > a { text-decoration: none; font-weight:bold;} .submenu{display:none;} /*********** Filter ***********/ .box-filter > li > span{font-size:11px; font-weight:bold; margin-bottom:10px; display:block; color:#444; padding-left:12px;} .box-filter > li > ul{margin-bottom:15px;font-size:11px;} .box-filter > li > ul li {margin-bottom:5px; padding-left:12px;} .box-filter > li > ul li label{margin-left:5px;} #button-filter{font-family: Arial,Helvetica,sans-serif; font-size:11px; height:auto; line-height: normal; padding: 5px 7px; text-transform: uppercase; margin-left:12px; margin-bottom:12px; background:#d1d1d1; color:#333; font-weight:bold;} /*********** sitemap ***********/ .sitemap { list-style: none; margin: 0; padding: 0; } .sitemap > li { border-top: 1px solid #eee; display: block; position: relative; } .sitemap > li:first-child { border-top:0; } .sitemap li a { padding: 5px 8px; display: block; font-weight:bold; } .sitemap li ul { margin-left:30px; } .sitemap li ul li a { font-weight:normal; } .sitemap li a:hover { color: #1f1f1f; } /*********** content ***********/ #content .content { padding: 10px; overflow: auto; margin-bottom: 20px; } #content .content .left { float: left; width: 49%; } #content .content .right { float: right; width: 49%; } /*********** category ************/ .category-info { overflow: auto; margin-bottom: 20px; } .category-info .image { float: left; padding:0px; margin-right: 15px; } .category-list { overflow: auto; margin-bottom: 20px; } .category-list ul { float: left; width:23%; margin-right:12px;} /*********** manufacturer ***********/ .manufacturer-list { overflow: auto; margin-bottom: 20px; } .manufacturer-heading { background: #f8f8f8; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; font-size: 15px; font-weight: bold; padding: 5px 8px; margin-bottom: 6px; } .manufacturer-content { padding: 8px; } .manufacturer-list ul { float: left; width: 25%; margin: 0; padding: 0; list-style: none; margin-bottom: 10px; } /*********** product ***********/ #cloud-zoom-big{background:#fff;} .product-filter { border: 1px solid #ddd; background:#F9F9F9; padding:5px 8px 0 12px; overflow: auto; border-radius:6px; height:27px; max-width:780px;} .product-filter .display { margin-right: 15px; float: left; color: #333; } .product-filter .display a { font-weight: bold; } .product-filter .sort { float: right; color: #333;} .product-filter .limit { margin-left: 15px; float: right; color: #333; } .product-filter select{padding:2px 2px;} .product-compare { padding-top: 6px; margin-bottom: 25px; font-weight: bold; } .product-compare a { text-decoration: none; font-weight:normal;} /*********** Product List ***********/ .product-list > div {overflow: auto; border:1px solid #fff; padding:10px; max-width:780px;} .product-list > div:hover{border:1px solid #ddd;} .product-list .right { float: right; margin-left: 15px; } .product-list .left .cart .button, .product-list .left .cart .wishlist, .product-list .left .cart .compare{float:left; } .product-list > div + div { border-top: 1px solid #ddd; } .product-list > div:hover + div{border-top: 1px solid #fff;} .product-list .image { float: left; margin-right: 10px; } .product-list .name { margin-bottom:8px; } .product-list .name a { color: #555; font-weight: bold; text-decoration: none; font-size:12px; } .product-list .name a:hover { color:#1f1f1f; } .product-list .description { line-height: 15px; margin-bottom: 5px; color: #4D4D4D; } .product-list .rating { color: #7B7B7B; margin-bottom:5px;} .product-list .price {font-size:12px; font-weight: bold; color:#1f1f1f; margin-bottom:5px;} .product-list .price-old { color: #F00; text-decoration: line-through; font-weight:normal; } .product-list .price-tax { font-size: 11px; font-weight: normal; color: #BBBBBB; } .product-list .cart input {padding:2px 3px; font-size:10px; height:auto; line-height:normal; text-transform:uppercase; margin-top:-5px;} .product-list .wishlist, .product-list .compare {margin-left:10px;} .product-list .wishlist a{color: #333333; text-decoration: none; display:inline-block; font-size:10px; text-transform:uppercase; padding-left:16px; background: url("../image/plus.png") 0 1px no-repeat;} .product-list .compare a {color: #333333; text-decoration:none; display:inline-block; font-size:10px; text-transform:uppercase; padding-left:16px; background: url("../image/plus.png") 0 1px no-repeat;} a.wishlist:hover { color:#1f1f1f; } /*********** Grid-List Icon ***********/ .product-filter .display b { float:left; margin-right:10px;} .grid-icon{background:url(../image/list-icon.png) left top no-repeat; width:16px; height:16px; display:block; text-indent:-9999px; float:left; margin-right:8px; margin-top:5px;} .list-icon{background:url(../image/list-icon.png) left -45px no-repeat; width:16px; height:16px; display:block; text-indent:-9999px; float:left; margin-right:8px; margin-top:5px;} .grid1-icon { background: url(../image/list-icon.png) left -23px no-repeat; width:16px; height:16px; display:block; text-indent:-9999px; float:left; margin-right:8px; margin-top:5px;} .list1-icon { background: url(../image/list-icon.png) left -68px no-repeat; width:16px; height:16px; display:block; text-indent:-9999px; float:left; margin-right:8px; margin-top:5px; } /*********** Product Grid ***********/ .product-grid { width: 100%;} .product-grid > div { min-width: 120px; display: inline-block; margin-bottom:10px; position: relative; vertical-align: top; background:#fff; text-align:center; padding:16px; border:1px solid #ddd;} .product-grid > div:hover{border:1px solid #c1c1c1; } .product-grid .image { display: block; margin-bottom:5px; } .box-product .image a { display:block; } .product-grid .image img { padding:0px; width:120px; overflow:hidden;} .product-grid .name a { width:130px; font-size:11px; line-height:18px; text-decoration: none; display:inline-block; margin:0 auto; padding:0px; color:#333; border:0px solid #000; height:55px;} .product-grid .name a:hover {text-decoration:underline;} .product-grid .description { display: none; } .product-grid .description span {font-family:"Arial";} .product-grid .rating { display: block; margin-top: 5px; font-size:11px;} .product-grid .price { display: block; font-weight: bold; margin:5px 0 5px 0; padding:0 0px; color:#222; font-size:12px; font-family:"Arial";} .product-grid .price-old {color: #F00; text-decoration: line-through; font-weight:normal; margin-right:5px; font-size:12px; font-family:"Arial";} .product-grid .price-new { font-weight: bold; font-family:"Arial"; } .product-grid .price .price-tax { display: none; } .product-grid .cart input{ padding:2px 3px; font-size:11px; font-family:Arial, Helvetica, sans-serif; height:auto; line-height:normal; text-transform:uppercase; } .product-grid .wishlist, .product-grid .compare { margin-bottom: 3px;} .product-grid .wishlist a{color: #666; text-decoration: none; display:inline-block; font-size:10px; text-transform:uppercase; margin-top:10px; padding-left:16px; background: url("../image/plus.png") 0 0 no-repeat;} .product-grid .compare a {color: #666; text-decoration:none; display:inline-block; font-size:10px; text-transform:uppercase; padding-left:16px; background: url("../image/plus.png") 0 0 no-repeat;} .product-grid .wishlist a:hover, .product-grid .compare a:hover, .product-list .wishlist a:hover, .product-list .compare a:hover {color:#1f1f1f;} .product-grid.style1 .name a{margin:0 0 10px 0;} .product-grid.style1 .name{text-align:left} .product-grid.style1 .price{float:left; width:95px; padding:0; margin:0; text-align:left;} .product-grid.style1 .rating{position:absolute; top:0; right:5px; padding:0 3px; background:#eee; display:none;} .product-grid.style1 > div:hover .rating{display:block;} .product-grid.style1 .cart{float:right; } .product-grid.style1 .cart input{font-size:11px; padding:0 5px; text-indent:-9999px; background:#1f1f1f url(../image/cart-icon.png) center 2px no-repeat; width:35px; height:35px; border-radius:50%;} .product-grid.style1 .cart input:hover{background-color:#444; border-radius:50% 0%;} .product-grid.style1 > div{background:#f3f3f4; padding:5px; margin:0 5px 10px 5px; border:0px none;} .product-grid.style1 > div:hover{border:0px none; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1) inset;} .product-grid.style1 .wishlist, .product-grid.style1 .compare{position:absolute; display:none; width:100%; bottom:-20px; left:0; background:#eee; padding:0 0 2px 0; z-index:1;} .product-grid.style1 .compare{bottom:-37px; padding:0 0 4px 0;} .product-grid.style1 > div:hover .wishlist, .product-grid.style1 > div:hover .compare{display:block} .product-grid.style1 .wishlist a{margin:0;} /*********** Product ***********/ .product-info { overflow:hidden; margin-bottom: 20px;} .product-info > .left { float: left; margin-right: 15px; } .product-info > .left + .right { margin-left:370px; } .product-info .image { float: left; margin-bottom: 15px; text-align: center; position:relative; } .product-info .image_inside { margin:0px; position:relative; z-index:20; padding:0; } .product-info .image .zoom_btn { position: absolute; bottom:6px; right:0px; width: auto; height: 11px; z-index:21; } .product-info #zoom-image .zoom_bttn { font-size: 10px; line-height: 11px; color: #ababab; text-transform: uppercase; background: #fff url('../image/zoom-plus.png') 2px 2px no-repeat; padding: 1px 1px 1px 16px; } .product-info #zoom-image { color: #ababab; } .product-info .image-additional { width:300px; margin-left: -7px; clear: both; overflow: hidden;} .product-info .image-additional img { width:45px; height:35px; display:block; border:1px solid #ddd;} .product-info .image-additional a { float: left; display: block; margin-left:7px; margin-bottom: 5px; } .image-additional a:active { outline: 0; } .product-info .description {border-bottom:1px solid #eee; padding: 5px 5px 10px 5px; margin-bottom: 10px; line-height: 20px; color: #4D4D4D; font-size:12px; } .product-info .description span { font-weight:bold; font-family:"Arial";} .product-info .description a { color: #4D4D4D; text-decoration: none; font-size:12px; } .product-info .price { overflow: auto; padding: 0px 5px 10px 5px; margin-bottom: 10px; font-size:18px; font-weight: bold; color: #1f1f1f; font-family:"Arial";} .product-info .price-old { color: #F00; text-decoration: line-through; font-weight:normal; font-family:"Arial";} .product-info .price-new { font-family:"Arial";} .product-info .price-tag{background:#1f1f1f url(../image/price-tag.png) left top no-repeat; display:inline-block; height:48px; padding:0 18px 0 32px; border-radius:0px 3px 3px 0px; -moz-border-radius:0px 3px 3px 0px; -webkit-border-radius:0px 3px 3px 0px; line-height:48px; color:#fff; font-size:25px; font-weight:normal;} .product-info .price-tax { font-size: 12px; font-weight: normal; color: #999; } .product-info .price .reward { font-size: 12px; font-weight: normal; color: #999; } .product-info .price .discount { font-weight: normal; font-size: 12px; color: #4D4D4D; } .product-info .options {padding: 0px 5px 10px 5px; margin-bottom: 10px; color: #333; } .product-info .option-image { margin-top: 3px; margin-bottom: 10px; } .product-info .option-image label { display: block; width: 100%; height: 100%; } .product-info .option-image img { margin-right: 5px; border: 1px solid #CCCCCC; cursor: pointer; } .product-info .cart { border-bottom: 1px solid #eee; border-top: 1px solid #eee; padding:15px 5px 10px 5px; margin-bottom: 20px; color: #4D4D4D; overflow: auto; } .product-info .cart div { vertical-align: middle; } .product-info .cart div > span { padding-top: 7px; display: block; color: #999; } .product-info .cart div .qty{margin-right:15px; float:left; padding:5px 0px;} .product-info .cart div .wishlist{padding-left:15px; background: url("../image/plus.png") 0px 1px no-repeat; font-size:11px; margin-top:15px; display:inline-block;} .product-info .cart div .wishlist + .wishlist{margin-left:10px;} .product-info .cart #button-cart{text-transform:uppercase; padding:5px 12px; margin-top:4px;} .product-info .cart .minimum { padding-top: 5px; font-size: 11px; color: #999; clear: both; } .product-info .review { color: #4D4D4D; margin-bottom: 10px; } .product-info .review a:hover { color: #1f1f1f; } .product-info .review > div { padding: 8px; background:#F4F3F3; line-height: 20px; overflow:auto; } .product-info .review > div > span { color: #38B0E3; } .product-info .review .share { overflow: auto; line-height: normal; } .product-info .review .share a { text-decoration: none; } .review-list { padding: 10px; overflow: auto; margin-bottom: 20px; border: 1px solid #EEEEEE; } .review-list .author { float: left; margin-bottom: 20px; } .review-list .rating { float: right; margin-bottom: 20px; } .review-list .text { clear: both; } .attribute { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px; } .attribute thead td, .attribute thead tr td:first-child { color: #333; font-size: 14px; font-weight: bold; background: #F7F7F7; text-align: left; } .attribute tr td:first-child { color: #333; font-weight: bold; text-align: right; width: 20%; } .attribute td { padding: 7px; color: #4D4D4D; text-align: center; vertical-align: top; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; } .compare-info { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; margin-bottom: 20px; } .compare-info thead td, .compare-info thead tr td:first-child { color: #333; font-size: 14px; font-weight: normal; text-transform:uppercase; background: #F7F7F7; text-align: left; } .compare-info tr td:first-child { color: #333; font-weight: bold; text-align: right; } .compare-info td { padding: 7px; width: 20%; text-align: center; vertical-align: top; border-bottom: 1px solid #DDDDDD; } .compare-info td + td{border-left: 1px solid #DDDDDD;} .compare-info thead td{padding:10px 7px;} .compare-info .name a { font-weight: bold; } .compare-info .price-old { font-weight: bold; color: #F00; text-decoration: line-through; font-weight:normal; } .compare-info .price-new { font-weight: normal; } .qty strong{margin-right:10px;} .qty a{ background: url("../image/plus.png") no-repeat left top; display: inline-block; height: 16px; width: 16px; overflow: hidden; position: relative; text-indent: -9999px; border:1px solid #fefefe; top:4px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .qty a.mines{background-position:left bottom;} .qty a:hover{ border:1px solid #ccc; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} /*********** Login ***********/ .login-content { margin-bottom: 20px; overflow: auto; text-align:justify;} .login-content ul li { margin-left: 15px;} .login-content .left { float: left; width: 48%; } .login-content .right { float: right; width: 48% } .login-content .right b{margin-bottom:3px; display:inline-block;} .login-content .right a{margin-top:12px; display:inline-block} .login-content .left .content, .login-content .right .content { min-height: 190px; } /*********** cart ***********/ .cart-info table{width: 100%; margin-bottom:10px; border-collapse: collapse; border-top: 1px solid #DDDDDD;} .cart-info td { padding: 7px; } .cart-info a { font-size:11px; } .cart-info thead td { color: #000; padding:10px 7px; text-transform:uppercase; background-color: #F7F7F7; border-bottom: 1px solid #DDDDDD; } .cart-info thead .image { text-align: center; } .cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity { text-align: left; } .cart-info thead .price, .cart-info thead .total { text-align: right; } .cart-info tbody td {border-bottom: 1px solid #DDDDDD; } .cart-info tbody .image { text-align: center; } .cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity { text-align: left; } .cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img { position: relative; top: 4px; cursor: pointer; } .cart-info tbody .price, .cart-info tbody .total { text-align: right; } .cart-info tbody span.stock { color: #F00; font-weight: bold; } .cart-module > div { display: none; } .cart-total { border-top: 1px solid #DDDDDD; overflow: auto; padding-top: 8px; margin-bottom: 15px; } .cart-total table { float: right; } .cart-total td { padding: 3px; text-align:right; } .mini-cart-info table { border-collapse: collapse; width: 100%; margin-bottom: 5px; } .mini-cart-info td { color: #000; vertical-align: top; padding: 10px 5px; border-bottom: 1px solid #EEEEEE; } .mini-cart-info .image { width: 1px; } .mini-cart-info .image img { text-align: left; } .mini-cart-info .name small { color: #666; } .mini-cart-info .quantity { text-align: right; } .mini-cart-info td.total { text-align: right; } .mini-cart-info .remove { text-align: right; } .mini-cart-info .remove img { cursor: pointer; } .mini-cart-total { text-align: right; } .mini-cart-total table { border-collapse: collapse; display: inline-block; margin-bottom: 5px; } .mini-cart-total td { color: #000; padding:2px; } /************** Accordion ************/ .accordion-heading { background: #F8F8F8; border: 1px solid #DBDEE1; padding:10px 8px; font-weight: bold; cursor:pointer; font-size: 13px; color: #555555; margin-bottom: 15px; } .accordion-content { padding: 0px 0px 15px 0px; display: none; overflow: auto; line-height:18px; } /*********** checkout ***********/ .checkout{margin-bottom:20px;} .checkout-heading {border-bottom: 1px solid #DBDEE1; padding:15px 0; font-weight: normal; font-size: 16px; color: #333; text-transform:uppercase;} .checkout-heading{} .checkout-heading a { float: right; margin-top: 1px; font-weight: normal; text-decoration: none; } .checkout-content { padding: 0px 0px 15px 0px; margin-top:20px; display: none; overflow: auto; } .checkout-content .left { float: left; width: 48%; } .checkout-content .right { float: right; width: 48%; } .checkout-content .buttons { clear: both; } .checkout-product table{width:100%; border-collapse:collapse; border:1px solid #DDDDDD; margin-bottom:20px;} .checkout-product td { padding: 7px; } .checkout-product thead td {padding:10px 7px; color: #000; text-transform:uppercase; background-color: #F7F7F7; border-bottom: 1px solid #DDDDDD; } .checkout-product thead .name, .checkout-product thead .model { text-align: left; } .checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total { text-align: right; } .checkout-product tbody td { vertical-align: top; border-bottom: 1px solid #DDDDDD; } .checkout-product tbody .name, .checkout-product tbody .model { text-align: left; } .checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total { text-align: right; } .checkout-product tfoot td { text-align: right; border-right: 1px solid #DDDDDD; } .contact-info { overflow: auto; } .contact-info .left { float: left; width: 48%; } .contact-info .right { float: left; width: 48%; } .sitemap-info { overflow: auto; margin-bottom: 40px; } .sitemap-info .left { float: left; width: 48%; } .sitemap-info .right { float: left; width: 48%; } /******** Payments Types *******/ #footer .payments_types{float:left; padding:8px 0 0 0;} #footer .payments_types img{display:inline-block; margin:0px 3px 3px 3px; vertical-align:middle; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #footer .payments_types img:hover{opacity:0.7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} /*********** Extra ***********/ .w30{width:20px!important; text-align:center;} /* .price-slider { text-align:right;} .price-slider input{ background:none; width:85px; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset; color:#766f6e !important; font-size:12px; padding:0px; margin-top:12px;} .price-slider input:focus{box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset;} .ui-widget { font-size:8px !important} .ui-widget-header { background:#ff991f !important;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background:url(../image/dot.png) no-repeat !important; border:none !important; height:14px !important; width:14px !important; margin-top:-1px} #slider-range{ margin-bottom:10px} */ .cloud-zoom-lens { border: 1px solid #888; margin:-4px; /* Set this to minus the border thickness. */ -moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80); background-color:#fff; cursor:crosshair; } /* This is for the title text. */ .cloud-zoom-title { font-family:Arial, Helvetica, sans-serif; position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; } /* This is the zoom window. */ .cloud-zoom-big { border:2px solid #ccc; overflow:hidden; } /* This is the loading message. */ .cloud-zoom-loading { color:white; background:#222; padding:2px; border:1px solid #000; } .topLink{ text-decoration:none; color:#b2b4b5; font-weight:normal; font-size:11px; font-family:Arial; } .topLink: hover{ text-decoration:none; color:#fff; font-size:11px; font-family:Arial; } .innerBandMenuHomeIcn{background:url(../image/depMergeIcn.png?v=0.05) no-repeat scroll -56px 0 transparent;margin-top: 3px;margin-left: 4px; margin-right:4px;width:12px; height:11px;float:left;display:block;} .activeLink{ text-decoration:none; color:#fc0000; font-weight:bold; font-size:11px; font-family:Arial; } .activeLink:hover{ text-decoration:none; color:#fc0000; font-size:11px; font-family:Arial; } #phones{font-size:11px;color:#676767;height:25px;background-color:#dedede;width:400px;margin:0 0 0 303px;padding:10px 30px 0 0;} #phones li{display:inline;background-image:url(../image/phone.png);background-repeat:no-repeat;background-position:0 30%;margin:0 0 0 37px;padding:0 0 0 25px;} #cartbox{float:left;height:62px;max-width:200px; border:0px solid #fff; margin-top:18px;} #cartleft{background-image:url(../image/cartbox.png);background-repeat:no-repeat;height:62px;width:30px;float:right;} #cartright{background-image:url(../image/cartbg.png);background-repeat:repeat-x;height:62px;float:right;width:260px;padding:0 10px 0 0;} #cartquantity{color:#b2b4b5;font-size:48px;font-weight:bold;line-height:64px;float:right;letter-spacing:0;margin:0 0 0 5px;padding:0 7px 0 0;} #carttext{float:right;} #itemsincart{float:left;color:#b2b4b5;font-size:12px;margin:7px 0 0;padding:0 0 3px;} #cartborder{border-top:1px solid #464646;margin-top:32px;} #subtotal{float:left;clear:left;font-size:12px;color:#b2b4b5;border-top:0px solid #f3a885;padding:3px 10px 0 0;} #cartnav{float:left;width:190px;font-size:11px;color:#7e7e7e;display:block;clear:right;padding:5px 0;} #cartnav ul{float:left;padding:0 10px 0 5px;} #cartnav li{display:inline;margin:0 0 0 0px;} /* #cartnav li:last-child a{font-weight:normal;color:#b2b4b5;} #cartnav a,#cartnav li:last-child a:hover{color:#b2b4b5;} */ #cartnav a{color:#b2b4b5;} #cartnav a:hover{color:#fff;} #hotspot{height:49px;float:left;width:480px;margin:-46px 0 0 303px;} #hotspot ul{margin-top:3px;} #hotspot li{float:left;padding-right:15px;} #hotspot img,.thumb,.prod_info,#c_applycoupon,#c_shipping,#c_shippingcalc,#c_miniupdate,#c_shipselect input,#c_insureselect input{float:left;} /*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../image/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('../image/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../image/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../image/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); }