/* sns mixin */ /* Color var */ /* General style */ .std h2, .std h3 { margin:15px 0 2px 0; } h2.content_head { margin:0; } button, input, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], label, .uneditable-input { font-size: 100%; color: #666666; border-color: #dfdfdf; } a:hover, a:focus { color:#333; text-decoration:none; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: #cdcdcd; } .label { margin: 2px 0; line-height: normal; background: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; color: inherit; text-shadow: none; -moz-text-shadow: none; -o-text-shadow: none; -webkit-text-shadow: none; } body { color: #909090; } body p { line-height: 22px; } a { color: #666666; } a:hover { color: #8dc63f; text-decoration: none; } a:focus, input:focus, button:focus, select:focus { outline: none !important; } .tooltip-inner { background-color: #686868; } .tooltip.top .tooltip-arrow { border-top-color: #686868; } .tooltip.right .tooltip-arrow { border-right-color: #686868; } .tooltip.left .tooltip-arrow { border-left-color: #686868; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #686868; } .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.2; filter: alpha(opacity=20); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); /* IE8 */ } .modal { margin-left: -230px; width: 450px; } .modal label { cursor: pointer; margin: 0 0; } .modal input[type="text"], .modal input.input-text, .modal .input-box input[type="text"], .modal .input-box input.input-text { width: 160px; } .modal .modal-header .close { font-size: 0px; background: transparent; opacity: 1; filter: alpha(opacity=100); color: #909090; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .modal .modal-header .close:after { font-family: FontAwesome; content: "\f00d"; font-size: 18px; } .modal .modal-header .close:hover { color: #dd4848; } .modal .modal-header .close:hover:after { text-decoration: none; color: #dd4848; } .modal .modal-body { overflow-x: hidden; } .modal .block .block-title { padding: 0 0; line-height: 26px; } #sns-totop { background: #ffffff url("../images/ico-scrolltotop.png") no-repeat left top; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid #dfdfdf; width: 60px; bottom: 5px; right: 5px; height: 60px; text-decoration: none; overflow: hidden; z-index: 40; position: fixed; display: block; text-align: center; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } #sns-totop.hidden-top { bottom: -100px; } #sns-totop:hover { background-color: #8dc63f; border-color: #8dc63f; background-position: left -58px; } #sns-totop i { font-size: 24px; color: #e5e5e5; position: relative; top: 16px; display: none; } #facebook_fan iframe[style] { width: 100% !important; } select { height: 30px; line-height: 30px; margin: 0; padding: 4px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } select:focus { border-color: #909090; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } input.input-text { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 4px 10px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #c8c8c8; } input.input-text:focus { border-color: #cdcdcd; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: inherit; } textarea { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 6px 10px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #c8c8c8; } textarea:focus { border-color: #cdcdcd; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #686868; } input[type="button"], .button, button { font-size: 150%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; text-transform: none; padding: 6px 20px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; color: #666666; border: 1px solid #e5e5e5; background: #FFF; } input[type="button"]:hover, .button:hover, button:hover { background-color: #8dc63f; color: #FFF; border-color: #8dc63f; } .price .text-box input[type="button"] { background: #666; margin-left: 5px; } .price .text-box input[type="button"]:hover { background-color: #8dc63f; } body { font-size: 12px; } body.page-popup { font-size: 12px; padding: 20px 30px 30px; } body.page-popup .page-title h1 { float: left; font-weight: normal; margin-top: 0px; text-transform: none; color: #666666; } body.page-popup .page-title .link-print { background: url("../images/i_print.gif") 0 2px no-repeat; padding: 0 0 0 25px; margin: 10px 0 0; float: right; } body.page-popup .data-table thead th, body.page-popup .data-table tbody th { background: #e9e9e9; padding-left: 10px; padding-right: 10px; } body.page-popup .compare-table td { vertical-align: top; } body.page-popup .compare-table td button { margin: 0 0; } body.page-popup .compare-table thead th, body.page-popup .compare-table thead td { padding-top: 5px; padding-bottom: 0; text-align: center; } body.page-popup .product-name { line-height: normal; margin-bottom: 10px; } body.page-popup .ratings, body.page-popup .price-box { margin-bottom: 10px; text-align: center; } body.page-popup .ratings .amount { font-size: 10px; } body.page-popup .add-to-links { list-style: none; margin: 0 0; text-align: center; } body.page-popup .product-shop-row td, body.page-popup .add-to-row td { text-align: center; } .no-display { display: none; } .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; overflow: hidden; } .demo-notice { background: none repeat scroll 0 0 #D75F07; border: 0 none; color: #FFFFFF; font-size: 12px; line-height: 1.15; margin: 0; padding: 6px 10px; text-align: center; } .demo-notice .notice-inner { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); padding: 0; text-align: center; width: auto; } .demo-notice .notice-inner p { border: 0 none; padding: 0; margin: 0; } /* Remember Me Popup ===================================================================== */ .window-overlay { background: url(../images/window_overlay.png) repeat; background: rgba(0, 0, 0, 0.35); position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 990; } .remember-me label { float: none; margin: 0 6px; } .remember-me-popup { background: #fff; border: 1px solid #ccc; left: 50%; top: 50%; position: absolute; margin: -85px 0 0 -200px; width: 400px; text-align: left; -moz-box-shadow: 0 0 6px #ccc; -webkit-box-shadow: 0 0 6px #ccc; -box-shadow: 0 0 6px #ccc; z-index: 1000; } .remember-me-popup h3 { background: #d9e5ee; border-bottom: 1px solid #ccc; font-size: 14px; padding: 5px 10px; margin: 0 0; } .remember-me-popup .remember-me-popup-head { position: relative; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close { background: url(../images/btn_window_close.gif) no-repeat; display: block; position: absolute; top: 7px; right: 7px; height: 15px; width: 15px; text-indent: -9999em; } .remember-me-popup .remember-me-popup-body { padding: 10px; } .remember-me-popup .remember-me-popup-body a { font-size: 120%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; text-transform: none; padding: 4px 20px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; color: #666666; border: 1px solid #e5e5e5; background: #FFF; } .remember-me-popup .remember-me-popup-body a:hover { background-color: #8dc63f; color: #FFF; border-color: #8dc63f; } /* Remember Me Popup ===================================================================== */ #fancybox-close, #btn-close, .btn-remove { display: inline-block; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; height: 20px; width: 20px; background: url("../images/ico-delete.png") no-repeat left top; text-indent: -999em; } #fancybox-close:hover, #btn-close:hover, .btn-remove:hover { background-color: #f3f3f3; } .btn-remove2 { display: inline-block; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; height: 20px; width: 20px; background: url("../images/ico-delete.png") no-repeat left top; text-indent: -999em; } .btn-remove2:hover { background-color: #f3f3f3; } .block .btn-remove { position: absolute; top: 0px; right: 0px; } .btn-edit { position: absolute; top: 0px; right: 25px; display: inline-block; height: 20px; width: 20px; background: url("../images/ico-edit.png") no-repeat left top; text-indent: -999em; } .btn-edit:hover { background-color: #f3f3f3; } #fancybox-close { top: 10px; right: 10px; width: 20px; height: 20px; } #btn-close { top: 10px; right: 10px; } #fancybox-wrap #fancybox-outer { border: 1px solid #686868; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); } #fancybox-wrap .fancybox-bg { background: none; } #fancybox-overlay { background: #000 !important; opacity: 0.2 !important; filter: alpha(opacity=20) !important; } /* jqTransform */ body .jqTransformSelectWrapper { height: 22px; background: #E2E2E2; } body .jqTransformSelectWrapper div span { padding: 0 0; line-height: 22px; height: 22px; } body .jqTransformSelectWrapper div a.jqTransformSelectOpen { height: 21px; width: 9px; background: url("../images/ico-drop.png") no-repeat right 7px; } body .jqTransformSelectWrapper ul { top: 22px; } body .jqTransformSelectWrapper ul a { padding: 0 5px; } body .jqTransformSelectWrapper ul a.selected:hover, body .jqTransformSelectWrapper ul a:hover { background: #999; } .banner-item { position: relative; display: block; } .banner-item:before { content: ""; display: block; height: 100%; width: 100%; position: absolute; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; -o-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s; background: rgba(0, 0, 0, 0.25); opacity: 0; filter: alpha(opacity=0); } .banner-item:hover:before { opacity: 1; filter: alpha(opacity=100); } .breadcrumbs { margin: 0 0; list-style: none; } .breadcrumbs li { display: table-cell; padding: 0 15px 0 20px; background: url("../images/arrow-bread.png") no-repeat left center; color: #FFF; } .breadcrumbs li a { color: #FFF; } .breadcrumbs li.home { padding: 0 15px 0 0; background: none; } .breadcrumbs li.home a { background: url("../images/ico-home.png") no-repeat left top; padding-left: 23px; } .breadcrumbs li.last:after { content: ""; } .page-title.category-title { display: none; } .page-title h1 { font-size: 200%; font-weight: normal; margin: -10px 0 10px; text-transform: none; color: #666666; } .sub-title { font-size: 110%; } .fieldset { border: 1px solid #E5E5E5; margin: 25px 0 15px; padding: 15px; } .fieldset .legend { background: #FFF; float: left; font-size: 125%; font-weight: bold; margin: -25px 0 0; padding: 0 8px; line-height: 20px; } .fieldset ul { margin: 0 0; list-style: none; } .product-name { font-size: 100%; font-weight: bold; } .product-name a { color: inherit; } .product-name a:hover { color: #8dc63f; } .buttons-set .back-link { float: left; } .buttons-set .button { float: right; margin: 0 0 0 5px; } .control .input-box { float: left; margin: 0 5px 0 0; } .control .input-box input { margin: 0 0; } .control input { float: left; margin: 1px 5px 0 0; } .control label { cursor: pointer; margin: 0 0; } .input-box select { margin: 0 0 10px 0; } .col2-set { clear: both; } .col2-set h2 { font-size: 125%; margin-bottom: 0px; } .col2-set h3 { font-size: 120%; margin: 0 0; } .col2-set h4 { font-size: 100%; margin: 0 0; } .col2-set .col-1 { width: 48.5%; float: left; } .col2-set .col-2 { width: 48.5%; float: right; } .col2-set .content { padding: 10px 20px; border: 1px solid #e9e9e9; height: 270px; } .col2-set .buttons-set { border: 1px solid #e9e9e9; border-top: none; padding: 20px; } .col2-set .buttons-set:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; overflow: hidden; } .col3-set .col-1 { width: 32%; float: left; } .col3-set .col-2 { width: 32%; float: left; margin-left: 2%; } .col3-set .col-3 { width: 32%; float: right; } .box-head h2 { font-size: 125%; margin: 0 0; } .box .box-title { position: relative; margin-bottom: 20px; border-bottom: 1px solid #e9e9e9; } .box .box-title h3 { font-size: 110%; margin: 0 0; } .box .box-title h2 { font-size: 110%; margin: 0 0; } .box .box-title a { position: absolute; right: 0px; top: 12px; } .box-content { padding: 0 20px; } .box-content h4 { font-size: 110%; margin-top: 0px; } .box-account > ol { list-style: none; margin: 10px 0 10px 15px; } .box-account > ol li .number { float: left; margin: 0 10px 0 0; } .box-account > ol li .details { width: 100%; } .box-account > ol li .details .product-name { line-height: 18px; margin: 0 0; } .box-account > ol li .details .ratings { margin: 6px 0; } .box-account > ol li .details .ratings strong { float: left; margin: 0 8px 0 0; } .box-account > ol li .details .tags strong { float: left; margin: 0 8px 0 0; } .box-account > ol li .details .tags ul { list-style: none; margin: 0 0; } .box-account > ol li .details .tags ul li { float: left; margin: 0 3px 0 0; } .table-caption { font-size: 125%; } #wishlist-table input, #wishlist-table textarea { margin: 10px 0; } #wishlist-table .add-to-cart-alt { margin-bottom: 10px; } .data-table { border: 1px solid #e9e9e9; border-collapse: collapse; width: 100%; } .data-table thead tr td, .data-table thead tr th { border-bottom: 1px solid #e9e9e9; border-right: medium none; border-top: 1px solid #e9e9e9; padding: 10px 10px; text-transform: uppercase; white-space: nowrap; } .data-table tbody td { border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; padding: 8px; } .data-table tbody td.label { vertical-align: middle; } .data-table tbody td a.product-image { width: 75px; height: 100px; display: block; } .data-table tbody td button { min-width: 110px; margin-bottom: 10px; } .data-table tfoot td { padding: 15px 20px; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; } .data-table input.input-text { border: 1px solid #e9e9e9; } .data-table input.input-text:focus { border-color: #cdcdcd; } .checkout-progress { margin: 10px 0 35px 0; list-style: none; } .checkout-progress li { display: inline-block; padding: 5px 0px; width: 20%; text-align: center; background: #e9e9e9; float: left; color: #686868; } .checkout-progress li.active { background: #8dc63f; color: #FFF; } .multiple-checkout h2 { font-size: 120%; line-height: 24px; } .multiple-checkout .col2-set h2.legend { font-size: 135%; } .multiple-checkout .col2-set h3.legend { font-size: 120%; } .multiple-checkout .col2-set h2, .multiple-checkout .col2-set h3, .multiple-checkout .col2-set h4 { line-height: 26px; font-size: 100%; margin: 0 0; } .multiple-checkout .col2-set .product-name { font-size: 120%; } .multiple-checkout .col2-set .box .box-title h2 a, .multiple-checkout .col2-set .box .box-title h3 a, .multiple-checkout .col2-set .box .box-title h4 a { position: static; } .multiple-checkout .col2-set .col-1 { margin-top: 5px; } .multiple-checkout .col2-set .col-2 { margin-top: 5px; } .multiple-checkout .sp-methods dt input { float: left; margin: 1px 8px 0 0; } .multiple-checkout .sp-methods dt label { cursor: pointer; } .multiple-checkout .sp-methods dd ul { list-style: none; } .multiple-checkout #checkout-review-submit { float: right; text-align: right; margin-top: 10px; } #my-orders-table tbody td.last { white-space: nowrap; } .cart-collaterals .totals table { width: 100%; } .cart-collaterals .totals table td { padding: 10px 0 20px; text-transform: uppercase; } .cart-collaterals .totals table tfoot td { border-bottom: 1px solid #e9e9e9; font-size: 125%; padding: 0 0 20px 20px; text-transform: uppercase; } .cart-collaterals .totals ul.checkout-types { margin: 30px 0 0; padding: 0; } .cart-collaterals .totals ul.checkout-types li { clear: both; margin: 0; padding: 5px 0; text-align: right; } .buttons-set { border: none !important; padding: 10px 0 0 !important; } .f-left { float: left; } .f-right { float: right; } .a-center { text-align: center; } .a-right { text-align: right; } .a-left { text-align: left; } .cart h1 { float: left; } .cart ul.checkout-types { list-style: none; margin: 0 0 10px; float: right; } .cart .btn-remove { position: static; width: 20px; font-size: 0px; } .cart .input-box { width: 100%; } .cart .input-box input.input-text { border: 1px solid #e9e9e9; margin: 0 0 10px; width: 94%; } .cart .input-box input.input-text:focus { border-color: #cdcdcd; } .cart .input-box select { width: 100%; } .cart .btn-continue { float: left; } .cart .col2-set { width: 70%; float: left; } .cart .totals { width: 28%; float: right; } .cart .discount, .cart .shipping, .cart .crosssell { border: 1px solid #e9e9e9; margin-bottom: 20px; padding: 0 20px 20px; } .cart .discount h2, .cart .shipping h2, .cart .crosssell h2 { font-size: 125%; text-transform: uppercase; } .cart .discount form, .cart .shipping form, .cart .crosssell form { margin: 0 0; } .cart .discount .button, .cart .shipping .button, .cart .crosssell .button { float: left !important; margin: 0 0 !important; } .cart .crosssell { width: 100%; float: left; } .cart .form-list { margin: 0 0; list-style: none; } .cart #co-shipping-method-form ul { list-style: none; margin: 0 0; } .cart #co-shipping-method-form ul li label { cursor: pointer; margin: 0 0; } .cart #co-shipping-method-form ul li input { float: left; margin: 1px 5px 0 0; } #checkoutSteps { list-style: none; margin: 0 0; } #checkoutSteps ul, #checkoutSteps ol { list-style: none; margin: 0 0; } #checkoutSteps li { margin-bottom: 1px; } #checkoutSteps li .step-title { padding: 8px 15px; background: #e9e9e9; color: #666666; } #checkoutSteps li .step-title .number { float: left; padding: 0 5px; margin: 0 10px 0 0; background: #666666; color: #FFF; } #checkoutSteps li .step-title h2 { font-size: 125%; text-transform: uppercase; float: left; line-height: normal; margin: 0 0; } #checkoutSteps li .step-title a { float: right; } #checkoutSteps li.allow .step-title { cursor: pointer; } #checkoutSteps li.active .step-title { background: #FFF; border: 1px solid #e9e9e9; border-bottom: none; cursor: default; } #checkoutSteps li .step { border: 1px solid #e9e9e9; padding: 15px 20px; } #checkoutSteps li .step fieldset ul { list-style: none; margin: 0 0; } #checkoutSteps li .step fieldset p.required { text-align: right; } #checkoutSteps .sp-methods dt { clear: both; padding: 2px 0; } #checkoutSteps .sp-methods dt input { margin: 1px 5px 0 0; float: left; } #checkoutSteps .sp-methods dt label { float: left; margin: 0 0; cursor: pointer; } #checkoutSteps .please-wait { margin: 0 20px; } #product-shop .availability, .product-shop .availability { color: #666666; font-weight: bold; margin: 10px 0 5px; } #product-shop .availability span, .product-shop .availability span { color: #909090; margin-left: 5px; } #product-shop #product-options-wrapper ul, .product-shop #product-options-wrapper ul { list-style: none; margin: 0 0 5px; } #product-shop #product-options-wrapper .product-name h1, .product-shop #product-options-wrapper .product-name h1 { font-size: 133.3%; color: #666666; text-transform: uppercase; line-height: normal; } #product-shop table.grouped-items-table, .product-shop table.grouped-items-table { margin-bottom: 20px; } #product-shop table.grouped-items-table input, .product-shop table.grouped-items-table input { text-align: center; width: 40px; } #product-shop table.grouped-items-table .price-box, .product-shop table.grouped-items-table .price-box { margin: 0 0; } #product-shop table.grouped-items-table .price-box .old-price, .product-shop table.grouped-items-table .price-box .old-price { margin: 0 10px 0 0; } #product-shop table.grouped-items-table .price-box .price, .product-shop table.grouped-items-table .price-box .price { font-size: 130%; } #product-shop .product-options label, .product-shop .product-options label { cursor: pointer; margin: 0 0; } #product-shop .product-options dt label, .product-shop .product-options dt label { font-size: 100%; color: #666666; font-weight: bold; margin-bottom: 5px; } #product-shop .product-options dl, .product-shop .product-options dl { margin: 0 0; } #product-shop .product-options dl dd .input-box select, .product-shop .product-options dl dd .input-box select { margin: 0 0 5px 0; } #product-shop .product-options dl dd .qty-holder input.qty, .product-shop .product-options dl dd .qty-holder input.qty { padding: 2px 0; width: 35px; text-align: center; margin: 0 0 5px 0; } #product-shop .product-options p.required, .product-shop .product-options p.required { margin: 0 0 5px; } #product-shop .product-options .options-list input, .product-shop .product-options .options-list input { float: left; margin: 0 8px 0 0; } #product-shop .product-options .options-list span.label, .product-shop .product-options .options-list span.label { float: left; margin: 2px 0 0 0; padding: 0 0; display: inline-block; } #product-shop .product-options .options-list span.label label, .product-shop .product-options .options-list span.label label, #product-shop .product-options .options-list span.label a, .product-shop .product-options .options-list span.label a, #product-shop .product-options .options-list span.label > span, .product-shop .product-options .options-list span.label > span { display: inline; margin: 0 0; line-height: normal; } #product-shop .price-box, .product-shop .price-box { margin: 0 0 5px; } #product-shop .price-box .price, .product-shop .price-box .price { font-size: 200%; } #product-shop .price-box .price-from .price, .product-shop .price-box .price-from .price, #product-shop .price-box .price-to .price, .product-shop .price-box .price-to .price { font-size: 130%; } #product-shop .ratings, .product-shop .ratings, #product-shop .no-ratings, .product-shop .no-ratings { margin-bottom: 10px; } #product-shop .product-options-bottom, .product-shop .product-options-bottom { padding-top: 10px; } #product-shop .product-options-bottom .price-box, .product-shop .product-options-bottom .price-box { display: none; } #product-shop .email-friend, .product-shop .email-friend { margin-bottom: 0px; } #product-shop .email-friend a, .product-shop .email-friend a { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; display: inline-block; position: relative; text-transform: uppercase; padding: 0 0 0 55px; height: 44px; line-height: 44px; } #product-shop .email-friend a:before, .product-shop .email-friend a:before { background-image: url("../images/add-to-links.png"); height: 42px; width: 42px; border: 1px solid #dfdfdf; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-repeat: no-repeat; background-position: 0 -84px; position: absolute; content: ""; left: 0px; top: 0px; } #product-shop .email-friend a:hover, .product-shop .email-friend a:hover { color: #8dc63f; text-decoration: none; margin-left: 15px; } #product-shop .add-to-cart, .product-shop .add-to-cart { margin: 0 0 18px; } #product-shop .add-to-cart .btn-cart, .product-shop .add-to-cart .btn-cart { position: relative; padding: 12px 24px 12px 53px; border-color: #c0c0c0; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; margin: 0 0; font-size: 116.7%; background: #c0c0c0; color: #FFF; background-image: url("../images/action-llist.png"); background-repeat: no-repeat; background-position: 9px -346px; } #product-shop .add-to-cart .btn-cart:hover, .product-shop .add-to-cart .btn-cart:hover { background-color: #8dc63f; border-color: #8dc63f; } #product-shop .add-to-cart label, .product-shop .add-to-cart label { float: left; margin: 0 10px 0 0; line-height: 48px; font-weight: bold; } #product-shop .add-to-cart .qty-container, .product-shop .add-to-cart .qty-container { height: 48px; float: left; margin: 0 10px 0 0; } #product-shop .add-to-cart .qty-container input.qty, .product-shop .add-to-cart .qty-container input.qty { padding: 0px 0; height: 46px; width: 46px; line-height: 48px; margin: 0 0; text-align: center; background: #FFF; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } #product-shop .add-to-cart .qty-container input.qty:focus, .product-shop .add-to-cart .qty-container input.qty:focus { text-align: center; background: none; } #product-shop .add-to-cart .qty-container input.qty-increase, .product-shop .add-to-cart .qty-container input.qty-increase, #product-shop .add-to-cart .qty-container input.qty-decrease, .product-shop .add-to-cart .qty-container input.qty-decrease { display: none; background: url("../images/qty-inc-dec.png") no-repeat left 0; background-color: #d5d5d5; height: 32px; width: 32px; padding: 0 0; border: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #product-shop .add-to-cart .qty-container input.qty-decrease, .product-shop .add-to-cart .qty-container input.qty-decrease { background-position: left -32px; } #product-shop .add-to-cart .qty-container input.qty-decrease:hover, .product-shop .add-to-cart .qty-container input.qty-decrease:hover { background-color: #8dc63f; } #product-shop .add-to-cart .qty-container input.qty-increase:hover, .product-shop .add-to-cart .qty-container input.qty-increase:hover { background-color: #8dc63f; } .fields .field { float: left; width: 270px; } .input-box input[type="text"], .input-box input.input-text { width: 240px; } .input-box select { width: 260px; } .search-form ul { list-style: none; } .page-head { color: #666666; } .page-head h2, .page-head h3, .page-head h4, .page-head h5 { text-transform: uppercase; font-weight: normal; margin: -10px 0 10px; } /* sns-item-g */ .sns-item-g5 { width: 20%; } .sns-item-g4 { width: 25%; } .sns-item-g3 { width: 33.33%; } .sns-item-g2 { width: 50%; } .sns-item-g1 { width: 100%; } /* --- Plugin --- */ .sns-tab-navi li { float: left; } .sns-tab-navi li a { font-size: 150%; display: block; padding: 10px 10px; text-decoration: none; border: 1px solid #ededed; border-left: none; color: #909090; } .sns-tab-navi li a.tabulous_active { background: #8dc63f; color: #FFF; border-color: #8dc63f; } .sns-tab-navi li:first-child a { border-left: 1px solid #ededed; } .sns-tab-navi li:first-child a.tabulous_active { border-color: #8dc63f; } .sns-tab-content { padding: 20px 0; position: relative; } .tab-item { top: 20px; } .tab-item.hidescale { z-index: -1; } .tab-item.showscale { z-index: 3; } .transition { -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s; } .make_transist { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .hidescale { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .showscale { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; visibility: visible; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; } .hideleft { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .showleft { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; } .hidescaleup { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .showscaleup { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; } .hideflip { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: rotatey(-90deg) scale(1.1); -moz-transform: rotatey(-90deg) scale(1.1); -o-transform: rotatey(-90deg) scale(1.1); -ms-transform: rotatey(-90deg) scale(1.1); transform: rotatey(-90deg) scale(1.1); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .showflip { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; -webkit-transform: rotatey(0deg) scale(1); -moz-transform: rotatey(0deg) scale(1); -o-transform: rotatey(0deg) scale(1); -ms-transform: rotatey(0deg) scale(1); transform: rotatey(0deg) scale(1); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } @keyframes animationpos { 0% { left: 45%; } 100% { left: 55%; } } @-moz-keyframes animationpos { 0% { left: 45%; } 100% { left: 55%; } } @-webkit-keyframes animationpos { 0% { left: 45%; } 100% { left: 55%; } } @-o-keyframes animationpos { 0% { left: 45%; } 100% { left: 55%; } } @keyframes largeLoading { 16.67% { box-shadow: -75px -125px 0 40px #76bdd1, 75px -125px 0 40px #6cce74, 150px 0px 0 40px #c18d46, 75px 125px 0 40px #c14745, -75px 125px 0 40px #2e1e5b, -150px 0px 0 40px #9c37a6; } 33.33% { box-shadow: -75px -125px 0 40px #9c37a6, 75px -125px 0 40px #76bdd1, 150px 0px 0 40px #6cce74, 75px 125px 0 40px #c18d46, -75px 125px 0 40px #c14745, -150px 0px 0 40px #2e1e5b; } 50% { box-shadow: -75px -125px 0 40px #2e1e5b, 75px -125px 0 40px #9c37a6, 150px 0px 0 40px #76bdd1, 75px 125px 0 40px #6cce74, -75px 125px 0 40px #c18d46, -150px 0px 0 40px #c14745; } 66.67% { box-shadow: -75px -125px 0 40px #c14745, 75px -125px 0 40px #2e1e5b, 150px 0px 0 40px #9c37a6, 75px 125px 0 40px #76bdd1, -75px 125px 0 40px #6cce74, -150px 0px 0 40px #c18d46; } 88.88% { box-shadow: -75px -125px 0 40px #c18d46, 75px -125px 0 40px #c14745, 150px 0px 0 40px #2e1e5b, 75px 125px 0 40px #9c37a6, -75px 125px 0 40px #76bdd1, -150px 0px 0 40px #6cce74; } 100% { transform: rotate(-360deg); box-shadow: -75px -125px 0 40px #6cce74, 75px -125px 0 40px #c18d46, 150px 0px 0 40px #c14745, 75px 125px 0 40px #2e1e5b, -75px 125px 0 40px #9c37a6, -150px 0px 0 40px #76bdd1; } } @-webkit-keyframes largeLoading { 16.67% { box-shadow: -75px -125px 0 40px #76bdd1, 75px -125px 0 40px #6cce74, 150px 0px 0 40px #c18d46, 75px 125px 0 40px #c14745, -75px 125px 0 40px #2e1e5b, -150px 0px 0 40px #9c37a6; } 33.33% { box-shadow: -75px -125px 0 40px #9c37a6, 75px -125px 0 40px #76bdd1, 150px 0px 0 40px #6cce74, 75px 125px 0 40px #c18d46, -75px 125px 0 40px #c14745, -150px 0px 0 40px #2e1e5b; } 50% { box-shadow: -75px -125px 0 40px #2e1e5b, 75px -125px 0 40px #9c37a6, 150px 0px 0 40px #76bdd1, 75px 125px 0 40px #6cce74, -75px 125px 0 40px #c18d46, -150px 0px 0 40px #c14745; } 66.67% { box-shadow: -75px -125px 0 40px #c14745, 75px -125px 0 40px #2e1e5b, 150px 0px 0 40px #9c37a6, 75px 125px 0 40px #76bdd1, -75px 125px 0 40px #6cce74, -150px 0px 0 40px #c18d46; } 88.88% { box-shadow: -75px -125px 0 40px #c18d46, 75px -125px 0 40px #c14745, 150px 0px 0 40px #2e1e5b, 75px 125px 0 40px #9c37a6, -75px 125px 0 40px #76bdd1, -150px 0px 0 40px #6cce74; } 100% { -webkit-transform: rotate(-360deg); box-shadow: -75px -125px 0 40px #6cce74, 75px -125px 0 40px #c18d46, 150px 0px 0 40px #c14745, 75px 125px 0 40px #2e1e5b, -75px 125px 0 40px #9c37a6, -150px 0px 0 40px #76bdd1; } } @-moz-keyframes largeLoading { 16.67% { box-shadow: -75px -125px 0 40px #76bdd1, 75px -125px 0 40px #6cce74, 150px 0px 0 40px #c18d46, 75px 125px 0 40px #c14745, -75px 125px 0 40px #2e1e5b, -150px 0px 0 40px #9c37a6; } 33.33% { box-shadow: -75px -125px 0 40px #9c37a6, 75px -125px 0 40px #76bdd1, 150px 0px 0 40px #6cce74, 75px 125px 0 40px #c18d46, -75px 125px 0 40px #c14745, -150px 0px 0 40px #2e1e5b; } 50% { box-shadow: -75px -125px 0 40px #2e1e5b, 75px -125px 0 40px #9c37a6, 150px 0px 0 40px #76bdd1, 75px 125px 0 40px #6cce74, -75px 125px 0 40px #c18d46, -150px 0px 0 40px #c14745; } 66.67% { box-shadow: -75px -125px 0 40px #c14745, 75px -125px 0 40px #2e1e5b, 150px 0px 0 40px #9c37a6, 75px 125px 0 40px #76bdd1, -75px 125px 0 40px #6cce74, -150px 0px 0 40px #c18d46; } 88.88% { box-shadow: -75px -125px 0 40px #c18d46, 75px -125px 0 40px #c14745, 150px 0px 0 40px #2e1e5b, 75px 125px 0 40px #9c37a6, -75px 125px 0 40px #76bdd1, -150px 0px 0 40px #6cce74; } 100% { -moz-transform: rotate(-360deg); box-shadow: -75px -125px 0 40px #6cce74, 75px -125px 0 40px #c18d46, 150px 0px 0 40px #c14745, 75px 125px 0 40px #2e1e5b, -75px 125px 0 40px #9c37a6, -150px 0px 0 40px #76bdd1; } } @-o-keyframes largeLoading { 16.67% { box-shadow: -75px -125px 0 40px #76bdd1, 75px -125px 0 40px #6cce74, 150px 0px 0 40px #c18d46, 75px 125px 0 40px #c14745, -75px 125px 0 40px #2e1e5b, -150px 0px 0 40px #9c37a6; } 33.33% { box-shadow: -75px -125px 0 40px #9c37a6, 75px -125px 0 40px #76bdd1, 150px 0px 0 40px #6cce74, 75px 125px 0 40px #c18d46, -75px 125px 0 40px #c14745, -150px 0px 0 40px #2e1e5b; } 50% { box-shadow: -75px -125px 0 40px #2e1e5b, 75px -125px 0 40px #9c37a6, 150px 0px 0 40px #76bdd1, 75px 125px 0 40px #6cce74, -75px 125px 0 40px #c18d46, -150px 0px 0 40px #c14745; } 66.67% { box-shadow: -75px -125px 0 40px #c14745, 75px -125px 0 40px #2e1e5b, 150px 0px 0 40px #9c37a6, 75px 125px 0 40px #76bdd1, -75px 125px 0 40px #6cce74, -150px 0px 0 40px #c18d46; } 88.88% { box-shadow: -75px -125px 0 40px #c18d46, 75px -125px 0 40px #c14745, 150px 0px 0 40px #2e1e5b, 75px 125px 0 40px #9c37a6, -75px 125px 0 40px #76bdd1, -150px 0px 0 40px #6cce74; } 100% { -o-transform: rotate(-360deg); box-shadow: -75px -125px 0 40px #6cce74, 75px -125px 0 40px #c18d46, 150px 0px 0 40px #c14745, 75px 125px 0 40px #2e1e5b, -75px 125px 0 40px #9c37a6, -150px 0px 0 40px #76bdd1; } } @keyframes smallLoading { 16.67% { box-shadow: -35px -60px 0 20px #76bdd1, 35px -60px 0 20px #6cce74, 70px 0px 0 20px #c18d46, 35px 60px 0 20px #c14745, -35px 60px 0 20px #2e1e5b, -70px 0px 0 20px #9c37a6; } 33.33% { box-shadow: -35px -60px 0 20px #9c37a6, 35px -60px 0 20px #76bdd1, 70px 0px 0 20px #6cce74, 35px 60px 0 20px #c18d46, -35px 60px 0 20px #c14745, -70px 0px 0 20px #2e1e5b; } 50% { box-shadow: -35px -60px 0 20px #2e1e5b, 35px -60px 0 20px #9c37a6, 70px 0px 0 20px #76bdd1, 35px 60px 0 20px #6cce74, -35px 60px 0 20px #c18d46, -70px 0px 0 20px #c14745; } 66.67% { box-shadow: -35px -60px 0 20px #c14745, 35px -60px 0 20px #2e1e5b, 70px 0px 0 20px #9c37a6, 35px 60px 0 20px #76bdd1, -35px 60px 0 20px #6cce74, -70px 0px 0 20px #c18d46; } 88.88% { box-shadow: -35px -60px 0 20px #c18d46, 35px -60px 0 20px #c14745, 70px 0px 0 20px #2e1e5b, 35px 60px 0 20px #9c37a6, -35px 60px 0 20px #76bdd1, -70px 0px 0 20px #6cce74; } 100% { transform: rotate(-360deg); box-shadow: -35px -60px 0 20px #6cce74, 35px -60px 0 20px #c18d46, 70px 0px 0 20px #c14745, 35px 60px 0 20px #2e1e5b, -35px 60px 0 20px #9c37a6, -70px 0px 0 20px #76bdd1; } } @-webkit-keyframes smallLoading { 16.67% { box-shadow: -35px -60px 0 20px #76bdd1, 35px -60px 0 20px #6cce74, 70px 0px 0 20px #c18d46, 35px 60px 0 20px #c14745, -35px 60px 0 20px #2e1e5b, -70px 0px 0 20px #9c37a6; } 33.33% { box-shadow: -35px -60px 0 20px #9c37a6, 35px -60px 0 20px #76bdd1, 70px 0px 0 20px #6cce74, 35px 60px 0 20px #c18d46, -35px 60px 0 20px #c14745, -70px 0px 0 20px #2e1e5b; } 50% { box-shadow: -35px -60px 0 20px #2e1e5b, 35px -60px 0 20px #9c37a6, 70px 0px 0 20px #76bdd1, 35px 60px 0 20px #6cce74, -35px 60px 0 20px #c18d46, -70px 0px 0 20px #c14745; } 66.67% { box-shadow: -35px -60px 0 20px #c14745, 35px -60px 0 20px #2e1e5b, 70px 0px 0 20px #9c37a6, 35px 60px 0 20px #76bdd1, -35px 60px 0 20px #6cce74, -70px 0px 0 20px #c18d46; } 88.88% { box-shadow: -35px -60px 0 20px #c18d46, 35px -60px 0 20px #c14745, 70px 0px 0 20px #2e1e5b, 35px 60px 0 20px #9c37a6, -35px 60px 0 20px #76bdd1, -70px 0px 0 20px #6cce74; } 100% { -webkit-transform: rotate(-360deg); box-shadow: -35px -60px 0 20px #6cce74, 35px -60px 0 20px #c18d46, 70px 0px 0 20px #c14745, 35px 60px 0 20px #2e1e5b, -35px 60px 0 20px #9c37a6, -70px 0px 0 20px #76bdd1; } } @-moz-keyframes smallLoading { 16.67% { box-shadow: -35px -60px 0 20px #76bdd1, 35px -60px 0 20px #6cce74, 70px 0px 0 20px #c18d46, 35px 60px 0 20px #c14745, -35px 60px 0 20px #2e1e5b, -70px 0px 0 20px #9c37a6; } 33.33% { box-shadow: -35px -60px 0 20px #9c37a6, 35px -60px 0 20px #76bdd1, 70px 0px 0 20px #6cce74, 35px 60px 0 20px #c18d46, -35px 60px 0 20px #c14745, -70px 0px 0 20px #2e1e5b; } 50% { box-shadow: -35px -60px 0 20px #2e1e5b, 35px -60px 0 20px #9c37a6, 70px 0px 0 20px #76bdd1, 35px 60px 0 20px #6cce74, -35px 60px 0 20px #c18d46, -70px 0px 0 20px #c14745; } 66.67% { box-shadow: -35px -60px 0 20px #c14745, 35px -60px 0 20px #2e1e5b, 70px 0px 0 20px #9c37a6, 35px 60px 0 20px #76bdd1, -35px 60px 0 20px #6cce74, -70px 0px 0 20px #c18d46; } 88.88% { box-shadow: -35px -60px 0 20px #c18d46, 35px -60px 0 20px #c14745, 70px 0px 0 20px #2e1e5b, 35px 60px 0 20px #9c37a6, -35px 60px 0 20px #76bdd1, -70px 0px 0 20px #6cce74; } 100% { -moz-transform: rotate(-360deg); box-shadow: -35px -60px 0 20px #6cce74, 35px -60px 0 20px #c18d46, 70px 0px 0 20px #c14745, 35px 60px 0 20px #2e1e5b, -35px 60px 0 20px #9c37a6, -70px 0px 0 20px #76bdd1; } } @-o-keyframes smallLoading { 16.67% { box-shadow: -35px -60px 0 20px #76bdd1, 35px -60px 0 20px #6cce74, 70px 0px 0 20px #c18d46, 35px 60px 0 20px #c14745, -35px 60px 0 20px #2e1e5b, -70px 0px 0 20px #9c37a6; } 33.33% { box-shadow: -35px -60px 0 20px #9c37a6, 35px -60px 0 20px #76bdd1, 70px 0px 0 20px #6cce74, 35px 60px 0 20px #c18d46, -35px 60px 0 20px #c14745, -70px 0px 0 20px #2e1e5b; } 50% { box-shadow: -35px -60px 0 20px #2e1e5b, 35px -60px 0 20px #9c37a6, 70px 0px 0 20px #76bdd1, 35px 60px 0 20px #6cce74, -35px 60px 0 20px #c18d46, -70px 0px 0 20px #c14745; } 66.67% { box-shadow: -35px -60px 0 20px #c14745, 35px -60px 0 20px #2e1e5b, 70px 0px 0 20px #9c37a6, 35px 60px 0 20px #76bdd1, -35px 60px 0 20px #6cce74, -70px 0px 0 20px #c18d46; } 88.88% { box-shadow: -35px -60px 0 20px #c18d46, 35px -60px 0 20px #c14745, 70px 0px 0 20px #2e1e5b, 35px 60px 0 20px #9c37a6, -35px 60px 0 20px #76bdd1, -70px 0px 0 20px #6cce74; } 100% { -o-transform: rotate(-360deg); box-shadow: -35px -60px 0 20px #6cce74, 35px -60px 0 20px #c18d46, 70px 0px 0 20px #c14745, 35px 60px 0 20px #2e1e5b, -35px 60px 0 20px #9c37a6, -70px 0px 0 20px #76bdd1; } } @keyframes tinyLoading { 16.67% { box-shadow: -25px -40px 0 10px #76bdd1, 25px -40px 0 10px #6cce74, 50px 0px 0 10px #c18d46, 25px 40px 0 10px #c14745, -25px 40px 0 10px #2e1e5b, -50px 0px 0 10px #9c37a6; } 33.33% { box-shadow: -25px -40px 0 10px #9c37a6, 25px -40px 0 10px #76bdd1, 50px 0px 0 10px #6cce74, 25px 40px 0 10px #c18d46, -25px 40px 0 10px #c14745, -50px 0px 0 10px #2e1e5b; } 50% { box-shadow: -25px -40px 0 10px #2e1e5b, 25px -40px 0 10px #9c37a6, 50px 0px 0 10px #76bdd1, 25px 40px 0 10px #6cce74, -25px 40px 0 10px #c18d46, -50px 0px 0 10px #c14745; } 66.67% { box-shadow: -25px -40px 0 10px #c14745, 25px -40px 0 10px #2e1e5b, 50px 0px 0 10px #9c37a6, 25px 40px 0 10px #76bdd1, -25px 40px 0 10px #6cce74, -50px 0px 0 10px #c18d46; } 88.88% { box-shadow: -25px -40px 0 10px #c18d46, 25px -40px 0 10px #c14745, 50px 0px 0 10px #2e1e5b, 25px 40px 0 10px #9c37a6, -25px 40px 0 10px #76bdd1, -50px 0px 0 10px #6cce74; } 100% { transform: rotate(-360deg); box-shadow: -25px -40px 0 10px #6cce74, 25px -40px 0 10px #c18d46, 50px 0px 0 10px #c14745, 25px 40px 0 10px #2e1e5b, -25px 40px 0 10px #9c37a6, -50px 0px 0 10px #76bdd1; } } @-webkit-keyframes tinyLoading { 16.67% { box-shadow: -25px -40px 0 10px #76bdd1, 25px -40px 0 10px #6cce74, 50px 0px 0 10px #c18d46, 25px 40px 0 10px #c14745, -25px 40px 0 10px #2e1e5b, -50px 0px 0 10px #9c37a6; } 33.33% { box-shadow: -25px -40px 0 10px #9c37a6, 25px -40px 0 10px #76bdd1, 50px 0px 0 10px #6cce74, 25px 40px 0 10px #c18d46, -25px 40px 0 10px #c14745, -50px 0px 0 10px #2e1e5b; } 50% { box-shadow: -25px -40px 0 10px #2e1e5b, 25px -40px 0 10px #9c37a6, 50px 0px 0 10px #76bdd1, 25px 40px 0 10px #6cce74, -25px 40px 0 10px #c18d46, -50px 0px 0 10px #c14745; } 66.67% { box-shadow: -25px -40px 0 10px #c14745, 25px -40px 0 10px #2e1e5b, 50px 0px 0 10px #9c37a6, 25px 40px 0 10px #76bdd1, -25px 40px 0 10px #6cce74, -50px 0px 0 10px #c18d46; } 88.88% { box-shadow: -25px -40px 0 10px #c18d46, 25px -40px 0 10px #c14745, 50px 0px 0 10px #2e1e5b, 25px 40px 0 10px #9c37a6, -25px 40px 0 10px #76bdd1, -50px 0px 0 10px #6cce74; } 100% { -webkit-transform: rotate(-360deg); box-shadow: -25px -40px 0 10px #6cce74, 25px -40px 0 10px #c18d46, 50px 0px 0 10px #c14745, 25px 40px 0 10px #2e1e5b, -25px 40px 0 10px #9c37a6, -50px 0px 0 10px #76bdd1; } } @-moz-keyframes tinyLoading { 16.67% { box-shadow: -25px -40px 0 10px #76bdd1, 25px -40px 0 10px #6cce74, 50px 0px 0 10px #c18d46, 25px 40px 0 10px #c14745, -25px 40px 0 10px #2e1e5b, -50px 0px 0 10px #9c37a6; } 33.33% { box-shadow: -25px -40px 0 10px #9c37a6, 25px -40px 0 10px #76bdd1, 50px 0px 0 10px #6cce74, 25px 40px 0 10px #c18d46, -25px 40px 0 10px #c14745, -50px 0px 0 10px #2e1e5b; } 50% { box-shadow: -25px -40px 0 10px #2e1e5b, 25px -40px 0 10px #9c37a6, 50px 0px 0 10px #76bdd1, 25px 40px 0 10px #6cce74, -25px 40px 0 10px #c18d46, -50px 0px 0 10px #c14745; } 66.67% { box-shadow: -25px -40px 0 10px #c14745, 25px -40px 0 10px #2e1e5b, 50px 0px 0 10px #9c37a6, 25px 40px 0 10px #76bdd1, -25px 40px 0 10px #6cce74, -50px 0px 0 10px #c18d46; } 88.88% { box-shadow: -25px -40px 0 10px #c18d46, 25px -40px 0 10px #c14745, 50px 0px 0 10px #2e1e5b, 25px 40px 0 10px #9c37a6, -25px 40px 0 10px #76bdd1, -50px 0px 0 10px #6cce74; } 100% { -moz-transform: rotate(-360deg); box-shadow: -25px -40px 0 10px #6cce74, 25px -40px 0 10px #c18d46, 50px 0px 0 10px #c14745, 25px 40px 0 10px #2e1e5b, -25px 40px 0 10px #9c37a6, -50px 0px 0 10px #76bdd1; } } @-o-keyframes tinyLoading { 16.67% { box-shadow: -25px -40px 0 10px #76bdd1, 25px -40px 0 10px #6cce74, 50px 0px 0 10px #c18d46, 25px 40px 0 10px #c14745, -25px 40px 0 10px #2e1e5b, -50px 0px 0 10px #9c37a6; } 33.33% { box-shadow: -25px -40px 0 10px #9c37a6, 25px -40px 0 10px #76bdd1, 50px 0px 0 10px #6cce74, 25px 40px 0 10px #c18d46, -25px 40px 0 10px #c14745, -50px 0px 0 10px #2e1e5b; } 50% { box-shadow: -25px -40px 0 10px #2e1e5b, 25px -40px 0 10px #9c37a6, 50px 0px 0 10px #76bdd1, 25px 40px 0 10px #6cce74, -25px 40px 0 10px #c18d46, -50px 0px 0 10px #c14745; } 66.67% { box-shadow: -25px -40px 0 10px #c14745, 25px -40px 0 10px #2e1e5b, 50px 0px 0 10px #9c37a6, 25px 40px 0 10px #76bdd1, -25px 40px 0 10px #6cce74, -50px 0px 0 10px #c18d46; } 88.88% { box-shadow: -25px -40px 0 10px #c18d46, 25px -40px 0 10px #c14745, 50px 0px 0 10px #2e1e5b, 25px 40px 0 10px #9c37a6, -25px 40px 0 10px #76bdd1, -50px 0px 0 10px #6cce74; } 100% { -o-transform: rotate(-360deg); box-shadow: -25px -40px 0 10px #6cce74, 25px -40px 0 10px #c18d46, 50px 0px 0 10px #c14745, 25px 40px 0 10px #2e1e5b, -25px 40px 0 10px #9c37a6, -50px 0px 0 10px #76bdd1; } } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(5px); transform: translateX(5px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-5px); -ms-transform: translateX(-5px); transform: translateX(-5px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } .tabulousclear { display: block; clear: both; } .validation-advice { color: #B94A48; font-size: 92%; } .sns-btn-quickview { background-color: #8dc63f; background-color: rgba(130, 199, 127, 0.5); } /* Main style */ /*------------------------------------------------------------------------ * Copyright (C) 2013 The SNS Group. All Rights Reserved. * @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html * Author: SNS Group * Websites: http://www.snstheme.com -------------------------------------------------------------------------*/ body { overflow-x: hidden; position: relative; } .wrap { width: 100%; clear: both; } #bd.boxed-layout { background: #dfdfdf; } #bd.boxed-layout #sns_wrapper { max-width: 1200px; margin: 0 auto; background: #FFF; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); } .row-fluid .span12 { margin: 0 0; } /*--- Block ---*/ .block .block-title { color: #666666; font-size: 150%; font-weight: normal; text-transform: uppercase; padding: 5px 0; } .block .block-title strong { font-weight: normal; } .block .block-content { padding: 10px 0; } .block.blank .block-content { padding: 0 0 !important; } .block.block-custommenu { text-align: center !important; padding: 20px 0 10px; border: 1px solid transparent; margin-top: 10px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; background: #f6f6f6; } .block.block-custommenu > * { margin: 0 auto; } .block.block-custommenu .block-title { margin-top: 10px; margin-bottom: 5px; } .block.block-custommenu .block-content { padding: 0 10px !important; } .block.block-custommenu:hover { border-color: #ddd; } .block.block-privacypolicy .block-title { text-transform: none; font-size: 183.3%; } .block.block-privacypolicy .block-title span { padding-bottom: 5px; } .block.block-privacypolicy .block-content ul.custom-block { list-style: none; margin: 20px 0 0; } .block.block-privacypolicy .block-content ul.custom-block li { padding: 0 0 0 60px; position: relative; margin: 10px 0 0; line-height: 46px; color: #666666; } .block.block-privacypolicy .block-content ul.custom-block li:before { position: absolute; content: ""; height: 45px; width: 45px; left: 0px; top: 0px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid #a1ce58; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background: url("../images/green/ico-pricacypolicy.png") no-repeat left top; } .block.block-privacypolicy .block-content ul.custom-block li span { line-height: 18px; display: inline-block; margin-top: 3px; text-align:left; } .block.block-privacypolicy .block-content ul.custom-block li:hover { color: #a1ce58; } .block.block-privacypolicy .block-content ul.custom-block li:hover:before { background-color: #a1ce58; background-position: left -45px; } .block.block-privacypolicy .block-content ul.custom-block li.money-back:before { background-position: left -90px; } .block.block-privacypolicy .block-content ul.custom-block li.money-back:hover:before { background-position: left -135px; } .block.block-privacypolicy .block-content ul.custom-block li.order-247:before { background-position: left -180px; } .block.block-privacypolicy .block-content ul.custom-block li.order-247:hover:before { background-position: left -225px; } .block.block-privacypolicy .block-content ul.custom-block li.special-event:before { background-position: left -270px; } .block.block-privacypolicy .block-content ul.custom-block li.special-event:hover:before { background-position: left -315px; } .block.block-privacypolicy .block-content ul.custom-block li.gift:before { background-position: left -360px; } .block.block-privacypolicy .block-content ul.custom-block li.gift:hover:before { background-position: left -405px; } .block.have-border { border: 2px solid #dfdfdf; position: relative; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .block.have-border .block-inner { margin: -2px; padding: 4px; } .block.have-border .block-inner .block-inner2 { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; border: 1px solid #dfdfdf; text-align: center; padding: 10px 10px; } .block.block-connectus .block-content p { line-height: 24px; margin: 0 0 3px 0; padding: 0 0 0 46px; position: relative; color: #666666; height: 48px; } .block.block-connectus .block-content p a { -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .block.block-connectus .block-content p a:hover { text-decoration: none; } .block.block-connectus .block-content p label { margin: 0 0; float: left; line-height: 24px; color: #666666; } .block.block-connectus .block-content p:before { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; content: ""; position: absolute; width: 34px; height: 34px; left: 0px; top: 6px; background-image: url("../images/green/ico-contactus.png"); background-position: top left; background-repeat: no-repeat; border: 1px solid #dfdfdf; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .block.block-connectus .block-content p.c-phone { line-height: 48px; } .block.block-connectus .block-content p.c-phone label { line-height: 48px; } .block.block-connectus .block-content p.c-phone:before { background-position: left -136px; } .block.block-connectus .block-content p.c-phone:hover:before { background-position: left -170px; } .block.block-connectus .block-content p.c-email { line-height: 48px; } .block.block-connectus .block-content p.c-email label { line-height: 48px; } .block.block-connectus .block-content p.c-email:before { background-position: left -68px; } .block.block-connectus .block-content p.c-email:hover:before { background-position: left -102px; } .block.block-connectus .block-content p:hover:before { border-color: #8dc63f; background-position: left -34px; } .block.block-connectus .block-content ul { list-style: none; margin: 0 0; } .block.block-connectus .block-content ul li { display: inline-block; float: left; margin-left: 10px; } .block.block-connectus .block-content ul li a { width: 30px; height: 30px; text-indent: -999em; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: url(../images/ico-socials.png) no-repeat left top; display: block; } .block.block-connectus .block-content ul li a:hover { background-position: left -30px; background-color: #FFF !important; } .block.block-connectus .block-content ul li.facebook a { background-color: #3c5b9b; } .block.block-connectus .block-content ul li.twitter a { background-position: left -60px; background-color: #359bed; } .block.block-connectus .block-content ul li.twitter a:hover { background-position: left -90px; } .block.block-connectus .block-content ul li.rss a { background-position: left -120px; background-color: #fd9f13; } .block.block-connectus .block-content ul li.rss a:hover { background-position: left -150px; } .block.block-connectus .block-content ul li.youtube a { background-position: left -180px; background-color: #f03434; } .block.block-connectus .block-content ul li.youtube a:hover { background-position: left -210px; } .block.block-connectus .block-content ul li.vimeo a { background-position: left -240px; background-color: #87d3e0; } .block.block-connectus .block-content ul li.vimeo a:hover { background-position: left -270px; } .block.block-connectus .block-content ul li.frickr a { background-position: left -300px; background-color: #e9e9e9; } .block.block-connectus .block-content ul li.frickr a:hover { background-position: left -330px; } .block.block-connectus .block-content ul li:first-child { margin-left: 0px; } .block.block-gettouch .block-title { position: relative; padding: 10px 10px 10px 45px; } .block.block-gettouch .block-title:before { position: absolute; left: 0px; top: 2px; font-size: 120%; text-align: center; height: 19px; width: 35px; padding: 8px 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #f3734f; color: #FFF; content: "\f041"; font-family: FontAwesome; } .block.block-social { padding: 30px 20px 20px; } .block.block-social .block-title { display: inline-block; float: left; margin-right: 25px; } .block.block-social .block-content { padding: 0 0 !important; } .block.block-social .block-content ul { margin: 0 0; list-style: none; } .block.block-social .block-content ul li { float: left; display: inline-block; margin: 0 10px; } .block.block-social .block-content ul li a { display: inline-block; color: #909090; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .block.block-social .block-content ul li a span { display: none; } .block.block-social .block-content ul li a:before { font-family: FontAwesome; font-size: 35px; height: 35px; width: 35px; line-height: 100%; } .block.block-social .block-content ul li a.facebook:before { content: "\f09a"; } .block.block-social .block-content ul li a.facebook:hover { color: #425f9c; } .block.block-social .block-content ul li a.plus:before { content: "\f0d5"; } .block.block-social .block-content ul li a.plus:hover { color: #D85131; } .block.block-social .block-content ul li a.pinterest:before { content: "\f0d3"; } .block.block-social .block-content ul li a.pinterest:hover { color: #ca2128; } .block.block-social .block-content ul li a.linkedin:before { content: "\f0e1"; } .block.block-social .block-content ul li a.linkedin:hover { color: #017eb4; } .block.block-social .block-content ul li a.twitter:before { content: "\f099"; } .block.block-social .block-content ul li a.twitter:hover { color: #5dd7fc; } .block.block-social .block-content ul li a:hover { text-decoration: none; color: #8dc63f; } .block.block-social .block-content ul li.last { margin-right: 0px; } .block.block-wishlist ol { margin: 0 0 0 20px; } .block.block-wishlist ol li { margin: 5px 0; } .block.block-wishlist ol .product-details .price-box .price { font-size: 100%; } .block.block-wishlist .actions { padding: 15px 0 0; } .block.block-compare ol { margin: 0 0 0 20px; } .block.block-compare ol li { margin: 5px 0; } .block.block-compare .actions { padding: 15px 0 0; } .block.block-compare .actions .button { margin: 0 0 0 5px; font-size: 116.7%; } .block-cart { width: 40px; height: 40px; position: relative; float: right; margin: 0 0 0 1px; } .block-cart ol { margin: 0 0 15px 0; list-style: none; } .block-cart ol li { display: block; width: 100%; clear: both; padding: 8px 0; } .block-cart ol li .product-image { float: left; border: 1px solid #e9e9e9; margin: 0 10px 0 0; } .block-cart p.empty { margin: 10px 0 0; } .block-cart p.subtotal { float: left; margin: 10px 0; } .block-cart p.subtotal .label { margin: 0 0; padding: 0 0; } .block-cart .actions { float: right; } /*--- My account ---*/ .my-account .pager .amount { float: left; margin: 0 0; } .my-account .pager .limiter { float: right; } .my-account .pager .limiter label { float: left; margin: 0 10px 0 0; } .my-account .pager .limiter select { float: left; height: 24px; line-height: 24px; margin: 0 10px 0 0; padding: 2px; width: 80px; } .pager p.amount { float: left; } .pager .pages { float: left; } .pager .pages strong { display: none; } .pager .pages ol { margin: 0 0; } .pager .pages ol li { display: inline-block; float: left; margin: 0 0 0 4px; line-height: 26px; } .pager .pages ol li:first-child { margin-left: 0px; } .pager .pages ol li a { height: 26px; width: 26px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #FFF; padding: 0 0; margin: 0 0; display: block; border: 1px solid #e5e5e5; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; transition: all 0.4s ease-in 0s; text-align: center; } .pager .pages ol li a.next, .pager .pages ol li a.previous { position: relative; padding: 0 0; text-indent: -999em; } .pager .pages ol li a.next:before, .pager .pages ol li a.previous:before { position: absolute; content: ""; width: 26px; height: 26px; left: -1px; top: 7px; background: url("../images/ico-pager.png") no-repeat 0px top; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; -o-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s; } .pager .pages ol li a.next:hover:before, .pager .pages ol li a.previous:hover:before { background-position: -26px top; } .pager .pages ol li a.next:before { left: 1px; background-position: -78px top; } .pager .pages ol li a.next:hover:before { background-position: -52px top; } .pager .pages ol li a:hover, .pager .pages ol li.current { background: #8dc63f; border: 1px solid #8dc63f; color: #FFF; } .pager .pages ol li.current { height: 26px; width: 26px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } /*--- Responsive menu ---*/ #sns_resmenu { display: none; margin-top: 14px; } #sns_resmenu.sns-resmenu button.btn-navbar { margin: 0 0; position: relative; z-index: 2; padding: 0 0; background: transparent; height: 52px; width: 52px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.5); } #sns_resmenu.sns-resmenu button.btn-navbar i { font-size: 21px; text-shadow: none; -moz-text-shadow: none; -o-text-shadow: none; -webkit-text-shadow: none; position: relative; top: 1px; left: -1px; color: #FFF; } #sns_resmenu.sns-resmenu button.btn-navbar:focus { text-shadow: none; -moz-text-shadow: none; -o-text-shadow: none; -webkit-text-shadow: none; box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; } #sns_resmenu.sns-resmenu:hover button.btn-navbar { background: rgba(255, 255, 255, 0.2); } .page-sitemap ul.links { list-style: none; margin: 0 0; float: left; } .page-sitemap .pager { float: right; margin: 0 0; } .page-sitemap .pager .pages { margin: 0 0 0 8px; } .page-sitemap .sitemap { clear: both; padding: 10px 0; } .tags-list { list-style: none; margin: 0 0; } .tags-list li { display: inline-block; margin: 2px 5px; } .advanced-search select { padding: 3px; } .advanced-search select option { padding: 3px; } /*--- rating ---*/ .rating-box { background: url("../images/bkg_rating.png") repeat-x scroll 0 0 transparent; display: inline-block; height: 12px; position: relative; vertical-align: middle; width: 60px; margin: 3px 12px 0 0; float: left; } .rating-box .rating { background: url("../images/bkg_rating.png") repeat-x scroll 0 100% transparent; height: 11px; left: 0; position: absolute; top: 0; } .no-rating a { color: #909090; } .no-rating a:hover { color: #8dc63f; } .rating-links a { margin: 0 1px; color: #909090; } .rating-links a:hover { color: #8dc63f; } #compare-items li, .product-details { position: relative; } #compare-items li p.product-name, .product-details p.product-name { margin: 0 0; } /*--- messages ---*/ .messages { list-style: none; margin: 10px 0 15px; overflow: hidden; width: 100%; } .messages li.notice-msg { background-color: #FCF8E3; border: 1px solid #FBEED5; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding: 8px 10px; color: #C09853; } .messages li.notice-msg ul { position: relative; padding: 0 0 0 30px; } .messages li.notice-msg ul:before { font-family: FontAwesome; content: "\f06a"; font-size: 22px; position: absolute; left: 0px; top: 0px; } .messages li.error-msg { background-color: #F2DEDE; border: 1px solid #EED3D7; color: #B94A48; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding: 8px 10px; } .messages li.error-msg ul { position: relative; padding: 0 0 0 30px; } .messages li.error-msg ul:before { font-family: FontAwesome; content: "\f071"; font-size: 22px; position: absolute; left: 0px; top: 0px; } .messages li.success-msg { background-color: #DFF0D8; border: 1px solid #D6E9C6; color: #468847; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding: 8px 10px; } .messages li.success-msg ul { position: relative; padding: 0 0 0 30px; } .messages li.success-msg ul:before { font-family: FontAwesome; content: "\f058"; font-size: 22px; position: absolute; left: 0px; top: 0px; } .messages li.note-msg { background-color: #D9EDF7; border: 1px solid #BCE8F1; color: #3A87AD; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding: 8px 10px; } .messages li.note-msg ul { position: relative; padding: 0 0 0 30px; } .messages li.note-msg ul:before { font-family: FontAwesome; content: "\f0eb"; font-size: 22px; position: absolute; left: 0px; top: 0px; } .messages ul { margin: 0 0; list-style: none; } label em { padding-right: 5px; } .quickview-main { /*.ratings .rating-links, .no-rating a, .email-friend, .add-to-links{ display: none !important; }*/ } .quickview-main .sns-product-detail h1.product-name { margin-top: -13px; display: block; } .quickview-main .sns-product-detail .more-views .nav-gallery .next, .quickview-main .sns-product-detail .more-views .nav-gallery .prev { left: 0px; } .quickview-main .sns-product-detail .more-views .nav-gallery .next { left: auto; right: 0px; } .quickview-main .sns-product-detail #sns_gallery { margin: 0 0; height: 70px; overflow: hidden; } .quickview-main .sns-product-detail #sns_gallery li { margin: 0 5px 5px 5px; width: 67px !important; } .quickview-main .sns-product-detail #product-shop .add-to-links, .quickview-main .sns-product-detail .product-shop .add-to-links { padding: 0 0; border: none; display: block; width: 100%; float: left; } .quickview-main .sns-product-detail #product-shop .add-to-links li, .quickview-main .sns-product-detail .product-shop .add-to-links li { display: inline-block; margin-right: 25px; float: left; } .quickview-main .sns-product-detail #product-shop .add-to-links li a, .quickview-main .sns-product-detail .product-shop .add-to-links li a { padding: 0 0 0 20px; height: auto; line-height: 18px; background: url("../images/ico-dot.png") no-repeat left center; } .quickview-main .sns-product-detail #product-shop .add-to-links li a:before, .quickview-main .sns-product-detail .product-shop .add-to-links li a:before { display: none; } .quickview-main .sns-product-detail #product-shop .add-to-links li a:hover, .quickview-main .sns-product-detail .product-shop .add-to-links li a:hover { margin: 0 0; } .quickview-main .sns-product-detail #product-shop .email-friend a, .quickview-main .sns-product-detail .product-shop .email-friend a { padding: 0 0 0 20px; height: auto; line-height: 18px; background: url("../images/ico-dot.png") no-repeat left center; } .quickview-main .sns-product-detail #product-shop .email-friend a:before, .quickview-main .sns-product-detail .product-shop .email-friend a:before { display: none; } .quickview-main .sns-product-detail #product-shop .email-friend a:hover, .quickview-main .sns-product-detail .product-shop .email-friend a:hover { margin: 0 0; } .quickview-main .addthis_toolbox { display: none !important; } .quickview-main .product-img-box { width: 34%; float: left; margin: 0 0; } .quickview-main .product-shop { width: 63.5%; margin-left: 2.5%; float: left; } .quickview-main .has-custom { display: none; } /*--- price-box ---*/ .price-box p { margin: 0 0; display: inline-block; } .price-box .old-price { /*text-decoration: line-through;*/ margin: 0 10px 0 0; padding: 0 6px; display: inline-block; position: relative; } .price-box .old-price .price { font-size: 150%; color: #909090; position: relative; } .price-box .old-price:before { position: absolute; content: ""; width: 100%; height: 1px; padding: 0 0; left: 0px; top: 50%; margin-top: 1px; background: #c8c8c8; } .price-box .special-price .price { color: #8dc63f; font-size: 176%; } .price-box .price { font-size: 150%; line-height: 24px; color: #686868; } .price-box .minimal-price-link .price { font-size: 100%; } .price-box .price-label { display: none; } .price-box .price-from { padding: 0 10px 0 0; } .price-box .price-from .price-label { display: inline-block; } .price-box .price-from .price { font-size: 150%; } .price-box .price-to { padding: 0 0; } .price-box .price-to .price { font-size: 150%; } .price-box .price-to .price-label { display: inline-block; } .sns-producttabs .sns-pdt-container { text-align: center; } .sns-producttabs .sns-pdt-container .sns-pdt-nav { display: block; float: left; width: 100%; text-align: center; } .sns-producttabs .sns-pdt-container .sns-pdt-nav .pdt-nav > li { font-size: 150%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; border: 1px solid #e5e5e5; height: 42px; line-height: 42px; padding: 0 32px; display: inline-block; background: #FFF; color: #666666; margin: 0 0 0 5px; float: none; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; } .sns-producttabs .sns-pdt-container .sns-pdt-nav .pdt-nav > li span { padding: 0 0; display: inline-block; } .sns-producttabs .sns-pdt-container .sns-pdt-nav .pdt-nav > li:first-child { margin: 0 0; } .sns-producttabs .sns-pdt-container .sns-pdt-nav .pdt-nav > li.tab-nav-actived, .sns-producttabs .sns-pdt-container .sns-pdt-nav .pdt-nav > li:hover { background-color: #8dc63f; color: #FFF; border-color: #8dc63f; } .sns-producttabs .sns-pdt-container .pre-text { margin: 15px 0 0; display: inline-block; width: 70%; text-align: center; color: #666666; } .sns-producttabs .sns-pdt-container .sns-pdt-content { width: 100%; float: left; } .sns-producttabs .sns-pdt-container .sns-pdt-content .content-loading { background: none; min-height: 450px; } .sns-producttabs .sns-pdt-container .sns-pdt-content .content-loading .cir { border-radius: 50%; height: 2px; width: 2px; /* To allow border-radius to work */ position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -1px; box-shadow: -75px -125px 0 40px #6cce74, 75px -125px 0 40px #c18d46, 150px 0px 0 40px #c14745, 75px 125px 0 40px #2e1e5b, -75px 125px 0 40px #9c37a6, -150px 0px 0 40px #76bdd1; -o-animation: largeLoading 12s infinite linear; -moz-animation: largeLoading 12s infinite linear; -webkit-animation: largeLoading 12s infinite linear; animation: largeLoading 12s infinite linear;/*box-shadow: -35px -60px 0 20px #6cce74, 35px -60px 0 20px #c18d46, 70px 0px 0 20px #c14745, 35px 60px 0 20px #2e1e5b, -35px 60px 0 20px #9c37a6, -70px 0px 0 20px #76bdd1; -o-animation:smallLoading 12s infinite linear; -moz-animation:smallLoading 12s infinite linear; -webkit-animation:smallLoading 12s infinite linear; animation:smallLoading 12s infinite linear;*/ } .sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-content { margin: 0 0; } .sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-content .products-grid { padding-bottom: 30px; } .sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-content .products-grid .item { margin-bottom: 0; margin-top: 30px; } .sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-content .products-grid .item.show-addtocart { margin-top: 47px; } .sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-loadmore .btn-loadmore { font-size: 150%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; text-transform: none; color: #666666; padding: 0 20px; height: 42px; line-height: 42px; border: 1px solid #e5e5e5; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; background: #FFF; } .sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-loadmore .btn-loadmore .inner { padding: 0 0; height: 100%; display: block;/*.ico-loading{ background: none; position: absolute; left: 14px; top: 7px; &:before{position: absolute;content: "\f021"; font-size: 16px; color: #FFF; font-family: FontAwesome; left: 0px; animation:2s linear 0s normal infinite spin; -webkit-animation:2s linear 0s normal infinite spin; -moz-animation:2s linear 0s normal infinite spin; -o-animation:2s linear 0s normal infinite spin; } }*/ } .sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-loadmore .btn-loadmore .inner > span { padding: 0 0; height: 100%; padding-right: 22px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background: url("../images/ico-plus.png") no-repeat right 2px; display: block; } .sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-loadmore .btn-loadmore:hover { background-color: #8dc63f; border-color: #8dc63f; color: #FFF; } .sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-loadmore .btn-loadmore:hover .inner > span { background-position: right -40px; color: #FFF; } .sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-loadmore .btn-loadmore .icon-spin { display: none; position: absolute; left: 14px; top: 9px; font-size: 16px; color: #FFF; } .sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-loadmore .btn-loadmore .icon-spin:before { content: "\f021"; } .sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-loadmore .btn-loadmore.loading { background-color: #8dc63f; border-color: #8dc63f; color: #FFF; } .sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-loadmore .btn-loadmore.loading .inner > span { padding-right: 0px; background: none; } .sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-loadmore .btn-loadmore.loaded { cursor: text; } .sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-loadmore .btn-loadmore.loaded .inner > span { padding-right: 0px; background: none; color: #666666; } .sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-loadmore .btn-loadmore.loaded:hover { background: #FFF; color: #666666; border-color: #e5e5e5; } .sns-slider { margin: 0 0; } .sns-slider .title-slider { font-size: 183.3%; text-transform: uppercase; color: #666666; margin: 0 0; } .sns-slider .navigation { position: relative; width: 61px; height: 28px; display: inline-block; background: #FFF; } .sns-slider .navigation .next, .sns-slider .navigation .prev { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; margin: 0 0 0 5px; width: 26px; height: 26px; border: 1px solid #8dc63f; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; top: 0px; right: 0px; text-indent: -999em; background: url("../images/ico-pager.png") no-repeat -78px 6px #8dc63f; } .sns-slider .navigation .next:before, .sns-slider .navigation .prev:before { display: none; } .sns-slider .navigation .next:hover, .sns-slider .navigation .prev:hover { background-position: -52px 6px; background-color: #999; border-color: #999; } .sns-slider .navigation .prev { left: 0px; right: auto; background-position: 0px 6px; margin: 0 0; } .sns-slider .navigation .prev:hover { background-position: -26px 6px; } .sns-slider .timer { background: #8dc63f; height: 1px; position: absolute; bottom: 0px; } .sns-slider .paging { margin: 15px 0 0; text-align: center; height: 10px; } .sns-slider .paging a { width: 10px; height: 10px; display: inline-block; background: #CCC; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin: 0 0 0 5px; text-indent: -999em; } .sns-slider .paging a.selected, .sns-slider .paging a:hover { background: #8dc63f; } .sns-slider ul.products-grid li.item { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .sns-slider.fortabs .caroufredsel_wrapper { margin: 0px -10px 0px -10px !important; padding: 10px 10px 0px 10px !important; } .sns-slider.fortabs .caroufredsel_wrapper > ul { margin-left: -20px !important; } .sns-slider.fortabs .caroufredsel_wrapper > ul .item { width: 170px !important; margin: 0 0 0 30px; } .sns-slider.fortabs .caroufredsel_wrapper > ul .item .item-inner .item-info .item-title { font-size: 133%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .sns-slider.fortabs .navigation { left: -87px; } .sns-slider.formenu { /*.caroufredsel_wrapper{width: 100% !important; padding: 0px 10px 0px !important; margin: 28px -10px 0px -10px !important; }*/ } .sns-slider.formenu .title-slider { padding: 0 0; } .sns-slider.formenu .title-slider span { position: relative; display: inline-block; padding: 0 0 10px; } .sns-slider.formenu .title-slider span:before { position: absolute; content: ""; left: 0px; bottom: -14px; height: 1px; width: 100%; background: #ebebeb; } .sns-slider.formenu .navigation { position: absolute; top: -45px; right: 0px; } .sns-slider.formenu .caroufredsel_wrapper { margin: 20px 0 0 !important; } .sns-slider.formenu ul.products-grid .item { margin-top: 0px; padding-top: 0px; } .sns-slider.formenu ul.products-grid .item.show-addtocart { padding-top: 17px; } .sns-slider.column-style .caroufredsel_wrapper { padding: 0 0!important; margin: 0 0!important; width: 100% !important; } .sns-slider.column-style .caroufredsel_wrapper > ul { margin: 0 0 !important; } .sns-slider.column-style .caroufredsel_wrapper > ul .item { margin: 0 0; } .sns-ajaxcart { margin: 0 0 0 8px; padding: 0 0; display: inline-block; text-align: left; } .sns-ajaxcart .block-title { cursor: pointer; background: transparent; position: relative; padding: 0 0 0; color: #909090; height: 49px; width: 49px; border: 1px solid rgba(255, 255, 255, 0.5); -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background: url("../images/action-llist.png") no-repeat left -343px; } .sns-ajaxcart .block-title .cart-status { margin: 0 0; padding: 0 0; } .sns-ajaxcart .block-title .cart-status .label { margin-top: 0px; font-weight: bold; font-size: 115%; color: #686868; display: none; } .sns-ajaxcart .block-title .cart-status .subtotal { margin: 0 0; } .sns-ajaxcart .block-title .cart-status .subtotal > * { display: none; } .sns-ajaxcart .block-title .cart-status .subtotal .amount { color: #8dc63f; display: inline-block; margin: 0 0; width: 25px; height: 25px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #f74444; position: absolute; top: -8px; right: -8px; color: #FFF; text-align: center; line-height: 25px; } .sns-ajaxcart .block-title .ico-view { display: none; } .sns-ajaxcart .block-content { padding: 21px 0px 5px; background-color: transparent; width: 300px; top: 50px; border: none; right: 0px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); transform-origin: 50% 10% 0; -moz-transform-origin: 50% 10% 0; -webkit-transform-origin: 50% 10% 0; -o-transform-origin: 50% 10% 0; -ms-transform-origin: 50% 10% 0; } .sns-ajaxcart .block-content .block-inner { boder: 1px solid #dfdfdf; position: relative; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); background-color: #FFF; } .sns-ajaxcart .block-content .block-inner .mini-products-list { margin: 0 0 15px; } .sns-ajaxcart .block-content .block-inner .mini-products-list .item { margin: 10px 0 0; padding: 10px 15px 0; } .sns-ajaxcart .block-content .block-inner .mini-products-list .item .product-image { border: none; } .sns-ajaxcart .block-content .block-inner .mini-products-list .item .product-name { font-size: 116.7%; } .sns-ajaxcart .block-content .block-inner .mini-products-list .item .product-name a:hover { color: #8dc63f; text-decoration: none; } .sns-ajaxcart .block-content .block-inner .mini-products-list .item p { margin: 0 0 5px; } .sns-ajaxcart .block-content .block-inner .mini-products-list .item .product-details-bottom { position: relative; } .sns-ajaxcart .block-content .block-inner .mini-products-list .item .product-details-bottom .item-options { float: left; margin-left: 0px; width: 100%; } .sns-ajaxcart .block-content .block-inner .mini-products-list .item .product-details-bottom .rating-container { margin: 0 0; } .sns-ajaxcart .block-content .block-inner .mini-products-list .item .product-details-bottom .quantity-container { margin: 5px 0 0; } .sns-ajaxcart .block-content .block-inner .mini-products-list .item .product-details-bottom .quantity-container .quantity-controls { display: none; } .sns-ajaxcart .block-content .block-inner .mini-products-list .item .product-details-bottom .quantity-container .quantity-controls input { height: 32px; width: 32px; background: url("../images/qty-inc-dec.png") no-repeat left 0px; padding: 0 0; border: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background-color: #D5D5D5; text-indent: -99em; } .sns-ajaxcart .block-content .block-inner .mini-products-list .item .product-details-bottom .quantity-container .quantity-controls input.quantity-minus { background-position: left -32px; } .sns-ajaxcart .block-content .block-inner .mini-products-list .item .product-details-bottom .quantity-container .quantity-controls input:hover { background-color: #8dc63f; } .sns-ajaxcart .block-content .block-inner .mini-products-list .item .product-details-bottom .quantity-container .label-qty { font-weight: bold; margin: 0 10px 0 0; } .sns-ajaxcart .block-content .block-inner .mini-products-list .item .product-details-bottom .quantity-container input.qty { line-height: 30px; height: 30px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .sns-ajaxcart .block-content .block-inner .mini-products-list .item .product-details-bottom .btn-edit, .sns-ajaxcart .block-content .block-inner .mini-products-list .item .product-details-bottom .btn-remove { top: auto; bottom: 1px; height: 20px; width: 20px; } .sns-ajaxcart .block-content .block-inner .mini-products-list .item .product-details-bottom .btn-edit:after, .sns-ajaxcart .block-content .block-inner .mini-products-list .item .product-details-bottom .btn-remove:after { vertical-align: bottom; } .sns-ajaxcart .block-content .block-inner .mini-products-list .item:first-child { border-top: none; margin: 0 0; padding-top: 0; } .sns-ajaxcart .block-content .block-inner .actions { background: none; padding: 0 0; margin: 5px 15px 0; border-top: 1px solid #dfdfdf; } .sns-ajaxcart .block-content .block-inner .actions .button { font-size: 116.7%; padding: 5px 12px; margin: 15px 5px 15px 0; float: left; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background: #FFF; } .sns-ajaxcart .block-content .block-inner .actions .button:hover { background-color: #8dc63f; } .sns-ajaxcart:hover .block-title, .sns-ajaxcart.open .block-title { background-color: rgba(255, 255, 255, 0.2); } .sns-ajaxcart.have-item:hover .block-content, .sns-ajaxcart.have-item.open .block-content { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #modal_login { text-align: left; color: #909090; } #modal_login .row-fluid { max-width: 530px; } #modal_login .row-fluid ul { margin: 24px 0 10px 10px; } #modal_login form { margin: 0 0; } #modal_regis { text-align: left; color: #909090; } #modal_regis form { margin: 0 0; } #modal_regis .row-fluid { max-width: 530px; } #modal_regis .fieldset { padding: 0 0; border: none; margin: 0 0; } #modal_regis .fieldset .legend { margin: 0 0 10px; padding: 0 0; font-size: 110%; } #modal_regis ul { margin: 0 0; list-style: none; } #modal_regis ul li.control .input-box { float: left; margin: 0 5px 0 0; } #modal_regis ul li.control .input-box input[type="text"] { margin: 0 0; width: 220px; } #modal_regis ul li.control label { cursor: pointer; } #modal_regis em { padding: 0 5px 0 0; } #modal_regis .buttons-set { padding: 20px 0 0; } #modal_regis .buttons-set .button { float: none; margin: 0 0; } #modal_regis .or { padding: 0 15px; } /*--- Wrap: #sns_topheader ---*/ #sns_topheader { z-index: 4; height: 36px; line-height: 36px; border-top: 5px solid #8dc63f; position: relative; } #sns_topheader:before { position: absolute; content: ""; left: 0px; bottom: 0px; height: 1px; width: 100%; background: #ebebeb; } #sns_topheader .topheader-left ul.contact-us-now { list-style: none; margin: 0 0; } #sns_topheader .topheader-left ul.contact-us-now li { display: inline-block; float: left; line-height: 36px; margin-left: 25px; padding-left: 28px; background: url("../images/ico-contactusnow.png") no-repeat left -1px; font-size: 92%; } #sns_topheader .topheader-left ul.contact-us-now li label { float: left; line-height: 36px; margin: 0 5px 0 0; color: #909090; } #sns_topheader .topheader-left ul.contact-us-now li a { color: #909090; } #sns_topheader .topheader-left ul.contact-us-now li a:hover { color: #8dc63f; } #sns_topheader .topheader-left ul.contact-us-now li:first-child { margin-left: 0px; } #sns_topheader .topheader-left ul.contact-us-now li.c-phone { background-position: left -36px; padding-left: 26px; } #sns_topheader .topheader-left ul.links { list-style: none; margin: 0 0 0 5px; float: left; } #sns_topheader .topheader-left ul.links li { display: inline-block; } #sns_topheader .topheader-left ul.links li a { color: #8dc63f; } #sns_topheader .topheader-left ul.links li.separator { margin: 0 4px 0 1px; color: #666666; } #sns_topheader .topheader-right .inner { float: right; } #sns_topheader .topheader-right .sns-quickaccess { float: left; } #sns_topheader .topheader-right .sns-quickaccess .welcome { font-weight: bold; color: #666666; float: left; display: none; } #sns_topheader .topheader-right .sns-quickaccess ul.links { list-style: none; margin: 0 0; padding: 0 0; float: left; } #sns_topheader .topheader-right .sns-quickaccess ul.links li { background: url("../images/separator.gif") no-repeat right center; padding: 8px 10px; display: table-cell; } #sns_topheader .topheader-right .sns-quickaccess ul.links li a { color: #909090; } #sns_topheader .topheader-right .sns-quickaccess ul.links li a:hover { color: #8dc63f; } #sns_topheader .topheader-right .sns-quickaccess ul.links li:first-child { padding-left: 0px; } #sns_topheader .topheader-right .sns-switch { float: left; margin: 0 0 0; } #sns_topheader .topheader-right .sns-switch .switch-inner { position: relative; } #sns_topheader .topheader-right .sns-switch .switch-inner .language-switcher, #sns_topheader .topheader-right .sns-switch .switch-inner .currency-switcher { float: left; margin: 0 0; cursor: pointer; } #sns_topheader .topheader-right .sns-switch .switch-inner .language-switcher label, #sns_topheader .topheader-right .sns-switch .switch-inner .currency-switcher label { float: left; margin-right: 10px; display: none; } #sns_topheader .topheader-right .sns-switch .switch-inner .language-switcher select, #sns_topheader .topheader-right .sns-switch .switch-inner .currency-switcher select { cursor: pointer; height: 35px; line-height: 35px; margin: 0; padding: 2px 2px 5px; border: none; background: none; opacity: 0; filter: alpha(opacity=0); } #sns_topheader .topheader-right .sns-switch .switch-inner .language-switcher .jqTransformSelectWrapper, #sns_topheader .topheader-right .sns-switch .switch-inner .currency-switcher .jqTransformSelectWrapper { background: none; height: 36px; } #sns_topheader .topheader-right .sns-switch .switch-inner .language-switcher .jqTransformSelectWrapper ul, #sns_topheader .topheader-right .sns-switch .switch-inner .currency-switcher .jqTransformSelectWrapper ul { top: 36px; left: 0px; border: none; } #sns_topheader .topheader-right .sns-switch .switch-inner .language-switcher .jqTransformSelectWrapper ul li, #sns_topheader .topheader-right .sns-switch .switch-inner .currency-switcher .jqTransformSelectWrapper ul li { position: relative; } #sns_topheader .topheader-right .sns-switch .switch-inner .language-switcher .jqTransformSelectWrapper ul li a, #sns_topheader .topheader-right .sns-switch .switch-inner .currency-switcher .jqTransformSelectWrapper ul li a { padding: 5px 10px; background: #d5d5d5; color: #FFF; text-transform: uppercase; } #sns_topheader .topheader-right .sns-switch .switch-inner .language-switcher .jqTransformSelectWrapper ul li a:hover, #sns_topheader .topheader-right .sns-switch .switch-inner .currency-switcher .jqTransformSelectWrapper ul li a:hover { background: #8dc63f; color: #ffffff; } #sns_topheader .topheader-right .sns-switch .switch-inner .language-switcher .jqTransformSelectWrapper ul li a.selected, #sns_topheader .topheader-right .sns-switch .switch-inner .currency-switcher .jqTransformSelectWrapper ul li a.selected { background: #8dc63f; color: #ffffff; } #sns_topheader .topheader-right .sns-switch .switch-inner .language-switcher .jqTransformSelectWrapper ul li:before, #sns_topheader .topheader-right .sns-switch .switch-inner .currency-switcher .jqTransformSelectWrapper ul li:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #e9e9e9; } #sns_topheader .topheader-right .sns-switch .switch-inner .language-switcher .jqTransformSelectWrapper ul li:first-child:before, #sns_topheader .topheader-right .sns-switch .switch-inner .currency-switcher .jqTransformSelectWrapper ul li:first-child:before { height: 0px; } #sns_topheader .topheader-right .sns-switch .switch-inner .language-switcher .jqTransformSelectWrapper div, #sns_topheader .topheader-right .sns-switch .switch-inner .currency-switcher .jqTransformSelectWrapper div { display: block; height: 100%; } #sns_topheader .topheader-right .sns-switch .switch-inner .language-switcher .jqTransformSelectWrapper div span, #sns_topheader .topheader-right .sns-switch .switch-inner .currency-switcher .jqTransformSelectWrapper div span { height: 36px; line-height: 36px; padding: 0 25px 0 5px; text-transform: uppercase; } #sns_topheader .topheader-right .sns-switch .switch-inner .language-switcher .jqTransformSelectWrapper div a.jqTransformSelectOpen, #sns_topheader .topheader-right .sns-switch .switch-inner .currency-switcher .jqTransformSelectWrapper div a.jqTransformSelectOpen { background-image: url("../images/ico-drop.png"); background-repeat: no-repeat; background-position: right 0px; height: 6px; right: 5px; top: 15px; } #sns_topheader .topheader-right .sns-switch .switch-inner .language-switcher .jqTransformSelectWrapper.open div span, #sns_topheader .topheader-right .sns-switch .switch-inner .currency-switcher .jqTransformSelectWrapper.open div span { color: #909090; background: #FFF; } #sns_topheader .topheader-right .sns-switch .switch-inner .language-switcher .jqTransformSelectWrapper.open div a.jqTransformSelectOpen, #sns_topheader .topheader-right .sns-switch .switch-inner .currency-switcher .jqTransformSelectWrapper.open div a.jqTransformSelectOpen { background-position: left -23px; } #sns_topheader .topheader-right .sns-switch .switch-inner .currency-switcher { margin: 0 0 0 8px; } #sns_topheader .topheader-right .sns-switch .switch-inner .currency-switcher .jqTransformSelectWrapper { width: 56px; } #sns_topheader .topheader-right .sns-switch .switch-inner .currency-switcher .jqTransformSelectWrapper ul { width: 56px !important; } #sns_topheader .topheader-right .sns-switch .switch-inner .currency-switcher .jqTransformSelectWrapper select { width: 25px; } #sns_topheader .topheader-right .sns-switch .switch-inner .currency-switcher .jqTransformSelectWrapper div span { width: 25px !important; } #sns_topheader .topheader-right .sns-switch .switch-inner .language-switcher { margin: 0 0 0 8px; } #sns_topheader .topheader-right .sns-switch .switch-inner .language-switcher .jqTransformSelectWrapper { width: 66px; } #sns_topheader .topheader-right .sns-switch .switch-inner .language-switcher .jqTransformSelectWrapper ul { width: 66px !important; } #sns_topheader .topheader-right .sns-switch .switch-inner .language-switcher .jqTransformSelectWrapper select { width: 47px; } #sns_topheader .topheader-right .sns-switch .switch-inner .language-switcher .jqTransformSelectWrapper div span { width: 20px !important; background-position: 5px center; padding: 0 25px; } /*--- Wrap: #sns_header ---*/ #sns_header { position: relative; z-index: 3; padding: 32px 0 30px; } #sns_header #logo a { display: inline-block; } #sns_header #logo a span { display: none; } #sns_header .header-right .header-right-inner { float: right; } #sns_header .header-right .header-right-inner .connect-us { list-style: none; float: left; } #sns_header .header-right .header-right-inner .connect-us li { margin-left: 5px; float: left; display: inline-block; } #sns_header .header-right .header-right-inner .connect-us li a { text-indent: -999em; display: inline-block; width: 40px; height: 40px; border: 1px solid #e1e1e1; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: url("../images/eposode_smicons.png") no-repeat left top; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #sns_header .header-right .header-right-inner .connect-us li:hover a { background-position: left -40px; border-color: #4563a5; } #sns_header .header-right .header-right-inner .connect-us li.twitter a { background-position: left -80px; } #sns_header .header-right .header-right-inner .connect-us li.twitter:hover a { background-position: left -120px; border-color: #47b1e3; } #sns_header .header-right .header-right-inner .connect-us li.rss a { background-position: left -160px; } #sns_header .header-right .header-right-inner .connect-us li.rss:hover a { background-position: left -200px; border-color: #f8c03a; } #sns_header .header-right .header-right-inner .connect-us li.vimeo a { background-position: left -240px; } #sns_header .header-right .header-right-inner .connect-us li.vimeo:hover a { background-position: left -280px; border-color: #86dfe9; } #sns_header .header-right .header-right-inner .connect-us li:first-child { margin-left: 0px; } #sns_header .header-right .header-right-inner #search_mini_form { margin: 0 0 0 20px; float: left; line-height: normal; position: relative; } #sns_header .header-right .header-right-inner #search_mini_form .form-search input.input-text { -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; border: 1px solid #d8d8d8; font-size: 11px; width: 235px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; padding: 10px 20px; } #sns_header .header-right .header-right-inner #search_mini_form .form-search input.input-text:focus { /*width: 250px;*/ } #sns_header .header-right .header-right-inner #search_mini_form .button { padding: 0 0; width: 24px; height: 24px; border: none; position: absolute; top: 9px; right: 11px; background: url('../images/ico-search.png') no-repeat center center; } /*--- Wrap: #sns_menu ---*/ .special-menu #sns_menu { height: 0px; } .special-menu #sns_menu .inner { background: url("../images/navbar_bg.jpg") #58575C no-repeat center top; bottom: -80px; } #sns_menu { position: relative; z-index: 2; margin: 0 0; height: 80px; } #sns_menu .inner { width: 100%; height: 80px; background: url("../images/navbar_bg.jpg") no-repeat center top; position: absolute; bottom: 0px; left: 0px; display:block; } #sns_menu .inner:after { position: absolute; content: ""; width: 100%; height: 1px; bottom: 0px; left: 0px; background: rgba(255, 255, 255, 0.1); } #sns_menu .container { height: 80px; position: relative; } #sns_menu .container .row-fluid .search-box { position: absolute; z-index: 1; right: 0px; top: 0px; width: 0px; } #sns_menu .container .row-fluid .search-box form { margin: 0 0; } #sns_menu .container .row-fluid .search-box form .form-search { float: right; width: 48px; height: 46px; } #sns_menu .container .row-fluid .search-box form .form-search .input-text { border: 5px solid #d5d5d5; float: left; padding: 8px 10px; width: 0px; position: absolute; right: 18px; } #sns_menu .container .row-fluid .search-box form .form-search .button { padding: 0 0; width: 48px; height: 46px; background: url("../images/ico-search.png") no-repeat 12px 13px; background-color: #d5d5d5; border-color: #d5d5d5; position: absolute; right: 0px; } #sns_menu .container .row-fluid .search-box form .form-search:hover .input-text { border-color: #8dc63f; width: 180px; right: 48px; } #sns_menu .container .row-fluid .search-box form .form-search:hover .button { background-color: #8dc63f; border-color: #8dc63f; } #sns_menu.keep-menu { position: fixed; top: 0; left: 0; width: 100%; z-index: 20; } #sns_menu.keep-menu .inner { background: #8dc63f url("../images/green/breadcrumbs-bg.jpg") no-repeat center top !important; } #sns_menu .nav-right { text-align: right; margin-top: 14px; } #sns_menu .nav-right .block-wishlist { margin-left: 8px; position: relative; display: inline-block; text-align: left; } #sns_menu .nav-right .block-wishlist .wishlist-toggle { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; width: 49px; height: 49px; padding: 0 0; cursor: pointer; position: relative; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.5); background: url("../images/action-llist.png") no-repeat left -49px; } #sns_menu .nav-right .block-wishlist .wishlist-toggle span { display: none; } #sns_menu .nav-right .block-wishlist .wishlist-toggle span.wishlist-num { display: inline-block; position: absolute; width: 25px; height: 25px; background: #f74444; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; color: #FFF; text-align: center; line-height: 25px; right: -8px; top: -8px; } #sns_menu .nav-right .block-wishlist .block-content { position: absolute; top: 50px; right: -70px; background: transparent; width: 270px; padding: 21px 5px 5px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); transform-origin: 50% 10% 0; -moz-transform-origin: 50% 10% 0; -webkit-transform-origin: 50% 10% 0; -o-transform-origin: 50% 10% 0; -ms-transform-origin: 50% 10% 0; } #sns_menu .nav-right .block-wishlist .block-content .block-inner { background: #FFF; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); padding: 15px; } #sns_menu .nav-right .block-wishlist .block-content .block-inner .product-name a { font-size: 116.7%; } #sns_menu .nav-right .block-wishlist .block-content ol { list-style: none; margin: 0 0; } #sns_menu .nav-right .block-wishlist .block-content ol li.item { margin: 15px 0 0; } #sns_menu .nav-right .block-wishlist .block-content ol li.item .product-image { margin: 0 10px 0 0; display: inline-block; float: left; } #sns_menu .nav-right .block-wishlist .block-content ol li.item:first-child { margin: 10px 0 0; } #sns_menu .nav-right .block-wishlist.have-items:hover .block-content { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #sns_menu .nav-right .block-wishlist:hover .wishlist-toggle { background-color: rgba(255, 255, 255, 0.2); } #sns_menu .nav-right .block-compare { margin-left: 8px; position: relative; display: inline-block; text-align: left; } #sns_menu .nav-right .block-compare .compare-toggle { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; width: 49px; height: 49px; cursor: pointer; position: relative; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.5); background: url("../images/action-llist.png") no-repeat left -147px; } #sns_menu .nav-right .block-compare .compare-toggle span { display: none; } #sns_menu .nav-right .block-compare .compare-toggle span.compare-num { display: inline-block; position: absolute; width: 25px; height: 25px; background: #f74444; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; color: #FFF; text-align: center; line-height: 25px; right: -8px; top: -8px; } #sns_menu .nav-right .block-compare .block-content { position: absolute; top: 50px; right: -67px; background: transparent; width: 270px; padding: 21px 5px 5px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); transform-origin: 50% 10% 0; -moz-transform-origin: 50% 10% 0; -webkit-transform-origin: 50% 10% 0; -o-transform-origin: 50% 10% 0; -ms-transform-origin: 50% 10% 0; } #sns_menu .nav-right .block-compare .block-content .block-inner { background: #FFF; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); padding: 15px; } #sns_menu .nav-right .block-compare .block-content .block-inner .product-name a { font-size: 116.7%; } #sns_menu .nav-right .block-compare.have-items:hover .block-content { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #sns_menu .nav-right .block-compare:hover .compare-toggle { background-color: rgba(255, 255, 255, 0.2); } .cms-home #sns_menu { margin: 0 0; } /*--- Wrap: #sns_slideshow ---*/ #sns_slideshow { margin: 0 0; position: relative; z-index: 1; background: #9d9d9d; } #sns_slideshow .sns-slideshow-wrap .sns-fraction-slider .fs_loader { border-radius: 50%; height: 2px; width: 2px; /* To allow border-radius to work */ position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -1px; /* box-shadow: -75px -125px 0 40px #6cce74, 75px -125px 0 40px #c18d46, 150px 0px 0 40px #c14745, 75px 125px 0 40px #2e1e5b, -75px 125px 0 40px #9c37a6, -150px 0px 0 40px #76bdd1; -o-animation:largeLoading 12s infinite linear; -moz-animation:largeLoading 12s infinite linear; -webkit-animation:largeLoading 12s infinite linear; animation:largeLoading 12s infinite linear; */ box-shadow: -35px -60px 0 20px #6cce74, 35px -60px 0 20px #c18d46, 70px 0px 0 20px #c14745, 35px 60px 0 20px #2e1e5b, -35px 60px 0 20px #9c37a6, -70px 0px 0 20px #76bdd1; -o-animation: smallLoading 12s infinite linear; -moz-animation: smallLoading 12s infinite linear; -webkit-animation: smallLoading 12s infinite linear; animation: smallLoading 12s infinite linear;/* box-shadow: -25px -40px 0 10px #6cce74, 25px -40px 0 10px #c18d46, 50px 0px 0 10px #c14745, 25px 40px 0 10px #2e1e5b, -25px 40px 0 10px #9c37a6, -50px 0px 0 10px #76bdd1; -o-animation:tinyLoading 12s infinite linear; -moz-animation:tinyLoading 12s infinite linear; -webkit-animation:tinyLoading 12s infinite linear; animation:tinyLoading 12s infinite linear;*/ } #sns_slideshow .sns-slideshow-wrap .sns-fraction-slider .slide img { opacity: 0; filter: alpha(opacity=0); } #sns_slideshow .sns-slideshow-wrap .sns-fraction-slider .fraction-slider .slide img { opacity: 1; filter: alpha(opacity=100); } #sns_slideshow .sns-slideshow-wrap .sns-fraction-slider .fraction-slider .slide.white-text .subclaim { color: #FFF; } #sns_slideshow .sns-slideshow-wrap .sns-fraction-slider .fraction-slider .slide.white-text .claim { color: #FFF; } #sns_slideshow .sns-slideshow-wrap .sns-fraction-slider .fraction-slider .slide.white-text .line-content { text-indent: -999em; height: 6px; position: relative; } #sns_slideshow .sns-slideshow-wrap .sns-fraction-slider .fraction-slider .slide.white-text .line-content:before { position: absolute; content: ""; height: 100%; width: 80%; background: #FFF; left: 10%; } #sns_slideshow .sns-slideshow-wrap .sns-fraction-slider .fraction-slider .slide .fs-80 { font-size: 80px; } #sns_slideshow .sns-slideshow-wrap .sns-fraction-slider .fraction-slider .slide .fs-70 { font-size: 70px; } #sns_slideshow .sns-slideshow-wrap .sns-fraction-slider .fraction-slider .slide .fs-60 { font-size: 60px; } #sns_slideshow .sns-slideshow-wrap .sns-fraction-slider .fraction-slider .slide .fs-50 { font-size: 50px; } #sns_slideshow .sns-slideshow-wrap .sns-fraction-slider .fraction-slider .slide .fs-40 { font-size: 40px; } #sns_slideshow .sns-slideshow-wrap .sns-fraction-slider .fraction-slider .slide .fs-30 { font-size: 30px; } #sns_slideshow .sns-slideshow-wrap .sns-fraction-slider .fraction-slider .slide .fs-30 { font-size: 30px; } #sns_slideshow .sns-slideshow-wrap .sns-fraction-slider .fraction-slider .slide .fs-20 { font-size: 20px; } #sns_slideshow .sns-slideshow-wrap .teaser { color: #FFF; font-size:14px; } #sns_slideshow .sns-slideshow-wrap .claim { font-size: 300%; color: #FFF; } #sns_slideshow .sns-slideshow-wrap .subclaim { color: #FFF; } #sns_slideshow .sns-slideshow-wrap .next, #sns_slideshow .sns-slideshow-wrap .prev { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; width: 61px; height: 61px; text-indent: -999em; background: url("../images/nav-slideshow.png") no-repeat -183px top; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid rgba(255, 255, 255, 0.2); right: 9px; margin-top: 8px; } #sns_slideshow .sns-slideshow-wrap .next:hover, #sns_slideshow .sns-slideshow-wrap .prev:hover { background-color: rgba(255, 255, 255, 0.1); background-position: -122px top; border-color: rgba(255, 255, 255, 0.3); } #sns_slideshow .sns-slideshow-wrap .prev { background-position: 0px top; left: 9px; right: auto; } #sns_slideshow .sns-slideshow-wrap .prev:hover { background-position: -61px top; } #sns_slideshow .sns-slideshow-wrap .buttons-action .button { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; display: inline-block; background: transparent; padding: 14px 36px; height: 43px; border: 1px solid #FFF; color: #FFF; font-size: 133.3%; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; } #sns_slideshow .sns-slideshow-wrap .buttons-action .button:hover { background-color: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.2); } #sns_slideshow .sns-slideshow-wrap .buttons-action .button.btn-shopnow { margin-right: 5px; } /*--- Wrap: #sns_topsl ---*/ #sns_topsl { margin: 40px 0 0; padding-bottom: 27px; } #sns_topsl .block { position: relative; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; padding: 106px 0 0; text-align: center; } #sns_topsl .block .block-title { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; padding-top: 0px; text-transform: none; } #sns_topsl .block .block-title span:before { position: absolute; content: ""; height: 78px; width: 78px; border: 3px solid #FFF; left: 50%; top: 1px; margin-left: -42px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; opacity: 0; filter: alpha(opacity=0); } #sns_topsl .block .block-title span:after { position: absolute; content: ""; background: url("../images/eposode_icon-sprite.png") no-repeat -78px top; left: 50%; top: 4px; margin-left: -39px; height: 78px; width: 78px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #sns_topsl .block .block-title:before { position: absolute; content: ""; height: 84px; width: 84px; border: 1px solid #dfdfdf; left: 50%; top: 0px; margin-left: -43px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #sns_topsl .block.orders-247 .block-title span:after { margin-left:-34px; } #sns_topsl .block .block-content { color: #666666; } #sns_topsl .block.money-back .block-title span:after { background-position: -234px top; } #sns_topsl .block.money-back:hover .block-title span:after { background-position: -156px top; } #sns_topsl .block.orders-247 .block-title span:after { background-position: -390px top; } #sns_topsl .block.orders-247:hover .block-title span:after { background-position: -312px top; } #sns_topsl .block.secured-payment .block-title span:after { background-position: -546px top; } #sns_topsl .block.secured-payment:hover .block-title span:after { background-position: -468px top; } #sns_topsl .block:hover .block-title { color: #8dc63f; } #sns_topsl .block:hover .block-title:before { border-color: #8dc63f; } #sns_topsl .block:hover .block-title span:after { background-position: 0px top; } #sns_topsl .block:hover .block-title span:before { background: #a7d163; opacity: 1; filter: alpha(opacity=100); } /* --- Wrap: #sns_topsl --- */ #sns_breadcrumbs { background: #999 url("../images/green/breadcrumbs-bg.jpg") no-repeat center center; height: 231px; position: relative; } #sns_breadcrumbs .container { position: relative; height: 100%; } #sns_breadcrumbs .container #sns_pathway { position: absolute; bottom: 35px; } #sns_breadcrumbs .container #sns_titlepage { position: absolute; bottom: 80px; background: url("../images/ico-pagetitle.png") no-repeat left center; line-height: 26px; font-size: 24px; color: #FFF; padding-left: 45px; } #sns_breadcrumbs .container #sns_titlepage > * { font-size: 100%; margin: 0 0; padding: 0 0; color: inherit; font-weight: inherit; } /*--- Wrap: #sns_content ---*/ .home #sns_content { margin: 40px 0; } #sns_content { margin: 40px 0 40px; position: relative; z-index: 1;/* account form *//*-- Block in content ---*/ } #sns_content #login-form h2 { font-size: 120%; margin: 0 0; } #sns_content #login-form ul { list-style: none; margin: 0 0; } #sns_content #sns_maintop { margin-bottom: 8px; } #sns_content #sns_mainmidle .block.block-subscribe { margin: 0 0; border-top: 1px solid #dfdfdf; padding: 20px; } #sns_content #sns_mainmidle .block.block-subscribe form { margin: 0 0 10px; } #sns_content #sns_mainmidle .block.block-subscribe label { margin-bottom: 20px; cursor: pointer; } #sns_content #sns_mainmidle .block.block-subscribe input { width: 230px; float: left; margin-right: 10px; } #sns_content #sns_mainmidle .block.block-subscribe #advice-validate-email-newsletter { float: left; } #sns_content #sns_mainmidle .block.block-subscribe .block-content { padding: 5px 0 0; } #sns_content #sns_mainmidle .block.block-related { position: relative; margin: 0; } #sns_content #sns_mainmidle .block.block-related .navigation { top: 0px; right: 0px; position: absolute; width: 61px; height: 28px; display: inline-block; background: #FFF; } #sns_content #sns_mainmidle .block.block-related .navigation .next, #sns_content #sns_mainmidle .block.block-related .navigation .prev { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; margin: 0 0 0 5px; cursor: pointer; width: 26px; height: 26px; border: 1px solid #dfdfdf; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; top: 0px; right: 0px; text-indent: -999em; background: url("../images/ico-pager.png") no-repeat -78px 6px; } #sns_content #sns_mainmidle .block.block-related .navigation .next:before, #sns_content #sns_mainmidle .block.block-related .navigation .prev:before { display: none; } #sns_content #sns_mainmidle .block.block-related .navigation .next:hover, #sns_content #sns_mainmidle .block.block-related .navigation .prev:hover { background-position: -52px 6px; background-color: #8dc63f; border-color: #8dc63f; } #sns_content #sns_mainmidle .block.block-related .navigation .prev { left: 0px; right: auto; background-position: 0px 6px; margin: 0 0; } #sns_content #sns_mainmidle .block.block-related .navigation .prev:hover { background-position: -26px 6px; } #sns_content #sns_mainmidle .block.block-related .block-content { padding: 18px 0 10px; } #sns_content #sns_mainmidle .block.block-related .caroufredsel_wrapper { width: 100% !important; } #sns_content #sns_mainmidle .block.block-related .products-grid .item { margin: 0 15px; padding-top: 0px; } #sns_content #sns_mainmidle .block.block-related .products-grid .item.show-addtocart { padding-top: 17px; } #sns_content #sns_mainmidle .block.block-related .products-grid .item .related-checkbox { padding: 0px; display: none; } #sns_content #sns_mainmidle #crosssell-products-list .item { margin-top: 0px; } #sns_content #sns_mainmidle #crosssell-products-list .item.show-addtocart { margin-top: 17px; } #sns_content #sns_mainbottom { margin-top: 40px; } #sns_content #sns_mainbottom .sns-tabs .tabs-content .tab-item { top: 0px; } #sns_content .sns-tabs .tabs-navi { position: relative; z-index: 3; } #sns_content .sns-tabs .tabs-navi li { display: block; margin-top: 5px; position: relative; } #sns_content .sns-tabs .tabs-navi li:before { width: 7px; height: 39px; position: absolute; content: ""; left: 0px; top: 0px; background: #8dc63f; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #sns_content .sns-tabs .tabs-navi li a { display: block; padding: 0 14px; height: 37px; line-height: 37px; border: 1px solid #e9e9e9; font-size: 150%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #sns_content .sns-tabs .tabs-navi li a.tabulous_active { border-color: #8dc63f; color: #FFF; background: #8dc63f; position: relative; z-index: 2; } #sns_content .sns-tabs .tabs-navi li:hover a { color: #FFF; text-decoration: none; position: relative; z-index: 2; } #sns_content .sns-tabs .tabs-navi li:hover:before { width: 100%; } #sns_content .sns-tabs .tabs-navi li:first-child { margin-top: 0px; } #sns_content .sns-slider .title-slider { font-size: 200%; font-weight: normal; text-transform: none; color: #666666; } #sns_content .sns-slider .pretext { margin: 5px 0 0; position: relative; } #sns_content .sns-slider .pretext div { display: inline-block; background: #FFF; padding-right: 10px; position: relative; } #sns_content .sns-slider .pretext:before { position: absolute; content: ""; height: 1px; width: 100%; background: #e9e9e9; top: 50%; left: 0px; } #sns_content .sns-slider .caroufredsel_wrapper { width: 100% !important; padding: 10px 10px 0px !important; margin: 22px -10px 0px -10px !important; } #sns_content .sns-slider ul.products-grid { margin-left: -20px !important; } #sns_content .sns-slider ul.products-grid .item { width: 270px !important; margin: 0 0 0 30px; } #sns_content .sns-slider .navigation { width: 57px; height: 29px; top: 7px; } #sns_content .sns-slider .navigation > span { position: absolute; right: 0px; top: 0px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; text-indent: -999em; height: 27px; width: 27px; border: 1px solid #e9e9e9; margin: 0 0; cursor: pointer; background: #FFF; } #sns_content .sns-slider .navigation > span:before { background: url("../images/slider-nav.png") no-repeat left -9px; height: 9px; width: 7px; position: absolute; left: 9px; top: 9px; content: ""; } #sns_content .sns-slider .navigation .prev:before { background-position: left top; left: 11px; } #sns_content .sns-slider .navigation .prev:hover { background-color: #8dc63f; border-color: #8dc63f; } #sns_content .sns-slider .navigation .prev:hover:before { background-position: left -18px; } #sns_content .sns-slider .navigation .next { left: 0px; right: auto; border-right: none; } #sns_content .sns-slider .navigation .next span { position: relative; height: 100%; width: 100%; display: block; z-index: 1; } #sns_content .sns-slider .navigation .next span:before { height: 29px; width: 1px; content: ""; position: absolute; top: -1px; right: -1px; background: transparent; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #sns_content .sns-slider .navigation .next:hover { background-color: #8dc63f; border-color: #8dc63f; } #sns_content .sns-slider .navigation .next:hover:before { background-position: left -27px; } #sns_content .sns-slider .navigation .next:hover span:before { background: #8dc63f; } #sns_content .sns-slider .timer { background: #8dc63f; height: 1px; position: absolute; bottom: 0px; } #sns_content .sns-slider.fortabs .caroufredsel_wrapper { margin: 0px -10px 0px -10px !important; padding: 10px 10px 0px 10px !important; } #sns_content .sns-slider.fortabs .caroufredsel_wrapper > ul { margin-left: -20px !important; } #sns_content .sns-slider.fortabs .caroufredsel_wrapper > ul .item { width: 170px !important; margin: 0 0 0 30px; } #sns_content .sns-slider.fortabs .caroufredsel_wrapper > ul .item .item-inner .item-info .item-title { font-size: 133%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #sns_content .sns-slider.fortabs .navigation { left: -87px; } #sns_content .sns-slider.column-style .navigation { top: 6px; right: 10px; } #sns_content .sns-slider.column-style .caroufredsel_wrapper { padding: 0 0!important; margin: 0 0!important; } #sns_content .sns-slider.column-style .caroufredsel_wrapper ul { margin: 0 0 !important; } #sns_content .sns-slider.column-style .caroufredsel_wrapper ul .item { margin: 0 0; } #sns_content .sns-slider.column-style .caroufredsel_wrapper ul .item .item-child { display: block; padding-top: 10px; border-top: 1px solid #e9e9e9; } #sns_content .sns-slider.column-style .caroufredsel_wrapper ul .item .item-child .item-img { float: left; margin: 0 8px 10px 10px; } #sns_content .sns-slider.column-style .caroufredsel_wrapper ul .item .item-child .item-title { font-size: 133%; } #sns_content .sns-slider.column-style .caroufredsel_wrapper ul .item .item-child .item-title a { color: #686868; } #sns_content .sns-slider.column-style .caroufredsel_wrapper ul .item .item-child .item-title a:hover { text-decoration: none; color: #8dc63f; } #sns_content .sns-slider.column-style .caroufredsel_wrapper ul .item .item-child .ratings .rating-box { float: none; margin: 0 0; } #sns_content .sns-slider.column-style .caroufredsel_wrapper ul .item .item-child .ratings .rating-links { font-size: 91.66%; } #sns_content .sns-slider.column-style .caroufredsel_wrapper ul .item .item-child .no-rating { font-size: 91.66%; } #sns_content .sns-slider.column-style .caroufredsel_wrapper ul .item .item-child .price-box .price { font-size: 100%; font-weight: normal; } #sns_content .sns-slider.column-style .caroufredsel_wrapper ul .item .item-child .price-box .special-price .price, #sns_content .sns-slider.column-style .caroufredsel_wrapper ul .item .item-child .price-box .old-price .price { font-size: 100%; } #sns_content .sns-slider.column-style .caroufredsel_wrapper ul .item .item-child:first-child { border-top: none; margin-top: 0px; } #sns_content .sns-slider.column-style .caroufredsel_wrapper ul .item .item-child:hover { background-color: #f4f4f4; } #sns_content .paypal-logo { text-align: center; margin: 0 0 20px 0; } #sns_content .more-block .block { border: 1px solid #e9e9e9; } #sns_content .more-block .block .block-title { font-size: 165%; padding: 8px 0px; text-align: center; background: none; } #sns_content .more-block .block .block-content { padding: 0 10px; } #sns_content .more-block .block .block-content ul { margin: 0 0; list-style: none; } #sns_content .more-block .block .block-content ul li { position: relative; border-top: 1px solid #e9e9e9; } #sns_content .more-block .block .block-content ul li .product-image { width: 40%; float: left; margin: 0 0; border: none; } #sns_content .more-block .block .block-content ul li .product-details { width: 60%; float: left; padding: 40px 0 0; } #sns_content .more-block .block .block-content ul li .product-details .price-box .price { font-size: 130%; text-align: left; } #sns_content .more-block .block .block-content ul li .product-details .price-box .old-price .price { font-size: 100%; } #sns_content .more-block .block .block-content ul li .product-details input.checkbox { position: absolute; top: 10px; left: 0px; } #sns_content .more-block .block .block-content ul li:first-child { border: none; padding-top: 0px; } #sns_content .block { margin-bottom: 10px; } #sns_content .block .block-title { font-weight: normal; padding: 0px 0px 8px 0px; position: relative; text-transform: uppercase; } #sns_content .block .block-title span { position: relative; } #sns_content .block .block-title span:before { position: absolute; content: ""; background: 6px #8dc63f; left: 0px; bottom: 0px; height: 1px; width: 100%; } #sns_content .block .block-content { margin: 0 0; padding: 15px 0 25px 0; } #sns_content .block.blank { margin: 0 0; } #sns_content .block.slide-banner { margin: 0 -10px; } #sns_content .block.slide-banner ul { margin: 0 0; } #sns_content .block.slide-banner ul li { list-style: none; display: inline-block; float: left; margin: 0 10px; } #sns_content .block.slide-banner ul li p.img-content { margin: 18px 0 40px; text-align: center; } #sns_content .block.slide-banner ul li a.get-it { font-size: 150%; display: inline-block; border: 1px solid #e5e5e5; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; padding: 11px 32px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background: #FFF; } #sns_content .block.slide-banner ul li a.get-it:hover { color: #FFF; background: #8dc63f; border-color: #8dc63f; } #sns_content .block.slide-banner .paging { text-align: center; margin-top: 28px; } #sns_content .block.slide-banner .paging a { width: 13px; height: 13px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #8dc63f; margin: 0 0 0 5px; display: inline-block; text-indent: -999em; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } #sns_content .block.slide-banner .paging a:hover { background: #666666; } #sns_content .block.slide-banner .paging a.selected { border: 2px solid #8dc63f; background: #FFF; } #sns_content .block.block-tags .tags-list { list-style: none; margin: 0 0 10px; display: block; } #sns_content .block.block-tags .tags-list li { display: inline-block; margin: 0px 5px 5px 0; float: left; } #sns_content .block.block-tags .tags-list li a { display: inline-block; background: #FFF; color: #686868; padding: 3px 10px; font-size: 100% !important; border: 1px solid #dfdfdf; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #sns_content .block.block-tags .tags-list li a:hover { text-decoration: none; background-color: #8dc63f; border-color: #8dc63f; color: #FFF; } #sns_content .block.block-tags .actions { display: block; text-transform: uppercase; margin: 15px 0 0; } #sns_content .block.block-tags .actions a.button { float: left; } #sns_content .block.block-tags .actions a.button span { display: inline-block; } #sns_content .block.block-poll form { margin: 0 0; } #sns_content .block.block-poll .block-subtitle { color: #666666; font-weight: bold; } #sns_content .block.block-poll ul#poll-answers { list-style: none; margin: 0 0 20px 0; padding: 6px 0 0; } #sns_content .block.block-poll ul#poll-answers li { border-bottom: 1px solid #ededed; padding: 8px 0; } #sns_content .block.block-poll ul#poll-answers li .jqTransformRadioWrapper { margin: 0 11px 0 0; } #sns_content .block.block-poll ul#poll-answers li .jqTransformRadioWrapper .jqTransformRadio { background: url("../images/green/ico-radio.png") no-repeat left -1px; height: 21px; width: 15px; } #sns_content .block.block-poll ul#poll-answers li .jqTransformRadioWrapper .jqTransformRadio.jqTransformChecked { background-position: left -22px; } #sns_content .block.block-poll ul#poll-answers li .jqTransformRadioWrapper input[type="radio"] { float: left; margin: 0 8px 0 0; } #sns_content .block.block-poll ul#poll-answers li label { cursor: pointer; margin: 0 0; } #sns_content .block.block-poll ul#poll-answers li:first-child { border-top: 1px solid #ededed; } #sns_content .block.block-poll ol#poll-answers { list-style: none; margin: 0 0 20px 0; padding: 6px 0 0; } #sns_content .block.block-poll ol#poll-answers li { border-bottom: 1px solid #ededed; padding: 8px 0; } #sns_content .block.block-poll ol#poll-answers li span.answer { float: left; margin: 0 5px 0 0; color: #666666; } #sns_content .block.block-poll ol#poll-answers li:first-child { border-top: 1px solid #ededed; } #sns_content .block.block-compare p.empty { margin: 0 0; } #sns_content .block.block-account ul { list-style: none; margin: 0; } #sns_content .block.block-account ul li { margin: 3px 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #sns_content .block.block-account ul li strong { color: #8dc63f; } #sns_content .block.block-account ul li:hover { padding-left: 10px; } #sns_content .block.block-reorder ol { list-style: none; margin: 0 0; } #sns_content .block.block-reorder ol li input { float: left; margin: 0 8px 0 0; } #sns_content .block.block-reorder .actions { margin: 10px 0 0; } #sns_content .block.block-reorder .actions .btn-cart { margin-right: 10px; } #sns_content .block.block-progress dl { margin: 0 0; } #sns_content .block.block-progress dl > div, #sns_content .block.block-progress dl > dt { margin: 0 0; padding: 8px 0; border-top: 1px solid #d4d4d4; } #sns_content .block.block-progress dl > div:first-child, #sns_content .block.block-progress dl > dt:first-child { border-top: none; } #sns_content .block.block-layered-nav .currently ol { margin: 0 0 5px 25px; } #sns_content .block.block-layered-nav .currently ol li { position: relative; } #sns_content .block.block-layered-nav .actions { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #e9e9e9; } #sns_content .block.block-layered-nav dl#narrow-by-list { margin: 0 0; } #sns_content .block.block-layered-nav dl#narrow-by-list dt { text-transform: uppercase; position: relative; margin: 12px 0 0; background: url("../images/ico-dot.png") no-repeat left 5px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; font-weight: normal; color: #666666; padding: 0 0 0 20px; } #sns_content .block.block-layered-nav dl#narrow-by-list dt:first-child { margin: 0 0; } #sns_content .block.block-layered-nav dl#narrow-by-list dd { margin-left: 0px; border-bottom: 1px solid #ededed; } #sns_content .block.block-layered-nav dl#narrow-by-list dd ol { margin-left: 0px; } #sns_content .block.block-layered-nav dl#narrow-by-list dd ol li { list-style-type: none; padding: 3px 0 3px 20px; background: url("../images/arrow2.png") no-repeat left 9px; color: #666666; } #sns_content .block.block-layered-nav dl#narrow-by-list dd .price .text-box { padding: 9px 0px 8px 0px; margin: 5px 0 1px; font-size: 130%; position: relative; height: 26px; line-height: 27px; color: #666666; } #sns_content .block.block-layered-nav dl#narrow-by-list dd .price .text-box > * { display: table-cell; } #sns_content .block.block-layered-nav dl#narrow-by-list dd .price .text-box .price-separator { width: 26px; position: relative; text-indent: -999em; margin: 0 16px; } #sns_content .block.block-layered-nav dl#narrow-by-list dd .price .text-box .price-separator:before { height: 1px; width: 100%; background: #e5e5e5; top: 14px; left: 0px; position: absolute; content: ""; } #sns_content .block.block-layered-nav dl#narrow-by-list dd .price .text-box input[type="text"] { font-size: 12px; font-family: arial, sans-serif; margin-left: 3px; height: 26px; line-height: 26px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; padding: 0 0; color: #686868; } #sns_content .block.block-layered-nav dl#narrow-by-list dd .price .text-box input[type="button"] { position: absolute; right: 0px; top: 9px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; border: none; text-indent: -99em; padding: 0px; margin: 0px; height: 28px; width: 28px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid #e5e5e5; background: url("../images/ico-pager.png") no-repeat -78px 7px; } #sns_content .block.block-layered-nav dl#narrow-by-list dd .price .text-box input[type="button"]:hover { background-color: #8dc63f; border-color: #8dc63f; background-position: -52px 7px; } #sns_content .block.block-layered-nav dl#narrow-by-list dd .price p input#amount { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: 0 0; } #sns_content .block.block-layered-nav dl#narrow-by-list dd .price p input#amount:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #sns_content .block.block-layered-nav dl#narrow-by-list dd .price .range-wrap { padding: 6px 0; margin-bottom: 8px; } #sns_content .block.block-layered-nav dl#narrow-by-list dd .price .range-wrap #slider-range { margin: 6px; background: #666666; height: 1px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #sns_content .block.block-layered-nav dl#narrow-by-list dd .price .range-wrap #slider-range .ui-slider-range { background: #e6e6e6; height: 1px; } #sns_content .block.block-layered-nav dl#narrow-by-list dd .price .range-wrap #slider-range .ui-slider-handle { height: 13px; width: 13px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #8dc63f; top: -6px; } #sns_content .block.block-layered-nav dl#narrow-by-list dd.last { border: none; } #sns_content .block.block-layered-nav dl#narrow-by-list dd.last ol { margin-bottom: 0px; } #sns_content .block.block-subscribe.forright { padding: 0 0; border: none; } #sns_content .block.block-subscribe.forright form { margin: 0 0; } #sns_content .block.block-subscribe.forright label { margin: 0 0 10px 0; } #sns_content .block.block-subscribe.forright input { margin: 0 0; } #sns_content .block.block-subscribe.forright button.button { margin-top: 10px; } #sns_content .block.block-sns-layered-nav ul.ui-accordion { list-style: none; margin: 0 0; } #sns_content .block.block-sns-layered-nav ul.ui-accordion li { position: relative; display: block; line-height: 30px; } #sns_content .block.block-sns-layered-nav ul.ui-accordion li ul li { list-style-type: none; padding: 3px 0 3px 20px; background: url("../images/arrow2.png") no-repeat left 9px; color: #666666; line-height:18px; } #sns_content .block.block-sns-layered-nav ul.ui-accordion li a.subhead { display: inline-block; } #sns_content .block.block-sns-layered-nav ul.ui-accordion li a.toggle { background: url("../images/plus-minus.gif") no-repeat left top; height: 21px; width: 21px; display: block; position: absolute; right: 0px; top: 0px; } #sns_content .block.block-sns-layered-nav ul.ui-accordion li a.toggle.selected { background-position: left -21px; } #sns_content .block.block-sns-layered-nav ul.ui-accordion li.selected > a { color: #8dc63f; } #sns_content .box-up-sell { position: relative; text-align: center; margin: 0 0; } #sns_content .box-up-sell .block-title { padding: 0 0; font-size: 183.3%; } #sns_content .box-up-sell .block-title span:before { display: none; } #sns_content .box-up-sell .navigation { position: relative; width: 61px; height: 28px; display: inline-block; background: #FFF; margin-top: 10px; } #sns_content .box-up-sell .navigation .next, #sns_content .box-up-sell .navigation .prev { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; margin: 0 0 0 5px; cursor: pointer; width: 26px; height: 26px; border: 1px solid #dfdfdf; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; top: 0px; right: 0px; text-indent: -999em; background: url("../images/ico-pager.png") no-repeat -78px 6px; } #sns_content .box-up-sell .navigation .next:before, #sns_content .box-up-sell .navigation .prev:before { display: none; } #sns_content .box-up-sell .navigation .next:hover, #sns_content .box-up-sell .navigation .prev:hover { background-position: -52px 6px; background-color: #8dc63f; border-color: #8dc63f; } #sns_content .box-up-sell .navigation .prev { left: 0px; right: auto; background-position: 0px 6px; margin: 0 0; } #sns_content .box-up-sell .navigation .prev:hover { background-position: -26px 6px; } #sns_content .box-up-sell .block-content { padding: 15px 0 0; } #sns_content .box-up-sell .block-content .up-sell-products { margin: 0 -15px; } #sns_content .box-up-sell .block-content .up-sell-products ul.products-grid { list-style: none; } #sns_content .box-up-sell .block-content .up-sell-products ul.products-grid li.item { display: inline-block; float: left; margin: 0 15px; padding-top: 0px; } #sns_content .box-up-sell .block-content .up-sell-products ul.products-grid li.item.show-addtocart { padding-top: 17px; } #sns_content .box-up-sell .block-content .up-sell-products .timer { position: absolute; bottom: -1px; left: 0px; background-color: #8dc63f; height: 1px; width: 0px; } #sns_content .category-image { margin-bottom: 30px; } /*--- Wrap: #sns_promotions ---*/ #sns_promotions { margin: 0 0 40px; } /*--- Wrap: #sns_productswrap ---*/ #sns_productswrap { margin: 0 0 40px; } #sns_productswrap .sns-slider { text-align: center; margin: 0 -15px;/*.caroufredsel_wrapper{width: 100% !important; padding: 0px 10px 0px !important; margin: 25px -10px 0px -10px !important; }*/ } #sns_productswrap .sns-slider .title-slider { padding: 0 0; } #sns_productswrap .sns-slider .title-slider span { position: relative; display: inline-block; padding: 0 0 10px; } #sns_productswrap .sns-slider .title-slider span:before { position: absolute; content: ""; left: 0px; bottom: -14px; height: 1px; width: 100%; background: #ebebeb; } #sns_productswrap .sns-slider .pretext { width: 70%; margin: 0 auto; color: #666666; } #sns_productswrap .sns-slider ul.products-grid .item { margin: 0 15px; } #sns_productswrap .sns-slider ul.products-grid .item.show-addtocart { padding-top: 17px; } /*--- Wrap: #sns_testimonials ---*/ #sns_testimonials { height: 165px; background: #999 url("../images/green/testimonials-bg.jpg") no-repeat center top; margin: 0 0 40px; padding: 150px 0 0; text-align: center; } #sns_testimonials .block-title { position: relative; padding: 0px 10px 10px; display: inline-block; font-size: 183.3%; text-transform: uppercase; color: #FFF; } #sns_testimonials .block-title:before { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; position: absolute; content: ""; left: 50%; top: -120px; margin-left: -44px; height: 87px; width: 87px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid #FFF; background: url("../images/title-testimonials.png") no-repeat left top; z-index: 1; } #sns_testimonials .block-title:after { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; position: absolute; content: ""; left: 50%; top: -120px; margin-left: -44px; height: 87px; width: 87px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid transparent; background: rgba(255, 255, 255, 0.1); z-index: 2; opacity: 0; filter: alpha(opacity=0); } #sns_testimonials .block-content { padding: 10px 0 15px; overflow: hidden; color: #FFF; } #sns_testimonials .block-content .list-quotes { list-style: none; margin: 0 0; position: relative; padding: 0 0; height:80px !important; } #sns_testimonials .block-content .list-quotes .item { -webkit-transition: all 0.4s ease-out 0.2s; -moz-transition: all 0.4s ease-out 0.2s; -o-transition: all 0.4s ease-out 0.2s; transition: all 0.4s ease-out 0.2s; opacity: 0; filter: alpha(opacity=0); visibility: hidden; padding: 5px 125px 0; position: absolute; left: 0px; top: 0px; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } #sns_testimonials .block-content .list-quotes .item .quote-content { font-style: italic; position: relative; line-height: 22px; font-size:16px; } #sns_testimonials .block-content .list-quotes .item .name { color: #FFF; padding: 10px 0 0; font-weight: bold; } #sns_testimonials .block-content .list-quotes .item.active { opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #sns_testimonials .block-content #sns_quotenav { margin: 0 auto; position: relative; } #sns_testimonials .block-content #sns_quotenav ul { list-style: none; margin: 0; } #sns_testimonials .block-content #sns_quotenav ul li { display: inline-block; cursor: pointer; text-align: center; background: #FFF; text-indent: -999em; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin: 0px 2px; width: 13px; height: 13px; -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; transition: background 0.2s ease-out; } #sns_testimonials .block-content #sns_quotenav ul li:hover { background: rgba(255, 255, 255, 0.5); } #sns_testimonials .block-content #sns_quotenav ul li.active { border: 2px solid #FFF; background: transparent; } #sns_testimonials:hover .block-title:before { border-color: rgba(255, 255, 255, 0.3); } #sns_testimonials:hover .block-title:after { opacity: 1; filter: alpha(opacity=100); } /*--- Wrap: #sns_botsl ---*/ #sns_botsl { margin: 0 0 38px 0; } #sns_botsl .block .block-title { font-size: 183.3%; position: relative; display: inline-block; text-transform: none; padding: 0 0 10px; } #sns_botsl .block .block-title:before { position: absolute; content: ""; height: 1px; width: 100%; bottom: 0px; left: 0px; background: #8dc63f; } #sns_botsl .block .block-content { padding: 30px 0 0px; color: #666666; } #sns_botsl .block .block-content .addthis_toolbox { padding-top: 15px; border-top: 1px solid #dfdfdf; } #sns_botsl .block.block-latestblog { position: relative; margin-bottom: 0px; } #sns_botsl .block.block-latestblog .navigation { width: 61px; height: 28px; top: 0px; right: 0px; position: absolute; } #sns_botsl .block.block-latestblog .navigation > span { position: absolute; right: 0px; top: 0px; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; text-indent: -999em; height: 26px; width: 26px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid #dfdfdf; cursor: pointer; background: url("../images/nav-cir.png") no-repeat left top; } #sns_botsl .block.block-latestblog .navigation > span:hover { background-color: #8dc63f; border-color: #8dc63f; background-position: left -26px; } #sns_botsl .block.block-latestblog .navigation .prev { left: 0px; right: auto; background-position: left -52px; } #sns_botsl .block.block-latestblog .navigation .prev:hover { background-position: left -78px; } #sns_botsl .block.block-latestblog .block-content { padding-top: 0px; padding-bottom: 0px; } #sns_botsl .block.block-latestblog .block-content ul { margin: 0 0; list-style: none; margin-bottom: 0; } #sns_botsl .block.block-latestblog .block-content ul .item { float: left; } #sns_botsl .block.block-latestblog .block-content ul .item .item-post { position: relative; padding: 11px 0px 19px 65px; float:left; } #sns_botsl .block.block-latestblog .block-content ul .item .item-post .date { position: absolute; height: 53px; width: 53px; border: 1px solid #e9e9e9; text-align: center; left: 0px; top: 38%; margin-top: -30px; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } #sns_botsl .block.block-latestblog .block-content ul .item .item-post .date .d-day { color: #686868; display: block; font-size: 116.7%; margin-top: 7px; } #sns_botsl .block.block-latestblog .block-content ul .item .item-post .date .d-month { display: block; font-size: 92%; color: #909090; } #sns_botsl .block.block-latestblog .block-content ul .item .item-post .postTitle { margin: 0 0 4px; border: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 150%; line-height: 26px; } #sns_botsl .block.block-latestblog .block-content ul .item .item-post .postTitle a:hover { text-decoration: none; color: #8dc63f; } #sns_botsl .block.block-latestblog .block-content ul .item .item-post .postContent { padding: 0 0; text-align:justify; line-height:22px; } #sns_botsl .block.block-latestblog .block-content ul .item .item-post .postContent p { margin: 0 0; } #sns_botsl .block.block-latestblog .block-content ul .item .item-post .read-more { position: absolute; bottom: 0px; right: 0px; height: 21px; width: 21px; text-indent: -99em; display: block; background: #c5c5c5 url("../images/arrow-white.png") no-repeat 8px 6px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #sns_botsl .block.block-latestblog .block-content ul .item .item-post:hover .date { background: #a1ce58; border-color: #8dc63f; } #sns_botsl .block.block-latestblog .block-content ul .item .item-post:hover .date span { color: #FFF; } #sns_botsl .block.block-latestblog .block-content ul .item .item-post:hover .read-more { background-color: #8dc63f; } #sns_botsl .block.block-latestblog .block-content ul .item .item-post:first-child { padding-top: 23px; border: none; } #sns_botsl .block.block-latestblog .block-content ul .item .item-post:first-child .date { margin-top: -24px; } #sns_botsl .block.block-latestblog .block-content ul .item .item-post.last { padding-bottom: 0px; } #sns_botsl .block.block-latestblog .block-content ul .item .item-post.last .date { margin-top: -20px; } #sns_botsl .block.block-twitter #sns_twitter .user a img { float: left; margin: 0 18px 6px 0; } #sns_botsl .block.block-twitter #sns_twitter .user a > span { display: block; color: #909090; } #sns_botsl .block.block-twitter #sns_twitter .user a > span span { color: #666666; font-size: 150%; } #sns_botsl .block.block-twitter #sns_twitter .user a:hover > span { color: #8dc63f; } #sns_botsl .block.block-twitter #sns_twitter .user a:hover > span span { color: #8dc63f; } #sns_botsl .block.block-twitter #sns_twitter .tweet { float: left; color: #666666; } #sns_botsl .block.block-twitter #sns_twitter .tweet a { color: #8dc63f; } #sns_botsl .block.block-twitter #sns_twitter .interact a { color: #909090; } #sns_botsl .block.block-twitter #sns_twitter .interact a:hover { color: #8dc63f; } /*--- Wrap: #sns_connect ---*/ #sns_connect { padding: 30px 0; } /*--- Wrap: #sns_brand ---*/ #sns_brand { margin: 0 0 18px; padding: 38px 0 0; position: relative; z-index: 0; border-top: 1px solid #ebebeb; } #sns_brand .slider-brands { position: relative; padding: 0 0; z-index: 1; background: #FFF; text-align: center; } #sns_brand .slider-brands .block-title { font-size: 183.3%; position: relative; display: inline-block; padding: 0 0 10px; } #sns_brand .slider-brands .block-title:before { position: absolute; content: ""; height: 1px; width: 100%; left: 0px; bottom: 0px; background: #ebebeb; } #sns_brand .slider-brands .block-content { padding: 15px 85px 0; } #sns_brand .slider-brands ul { list-style: none; margin: 0 0; z-index: 1; } #sns_brand .slider-brands ul li { width: 186px; height: 90px; float: left; display: inline-block; text-align: center; } #sns_brand .slider-brands ul li a { display: inline-block; position: relative; opacity: 0.6; filter: alpha(opacity=60); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #sns_brand .slider-brands ul li a:hover { opacity: 1; filter: alpha(opacity=100); } #sns_brand .slider-brands .next:before, #sns_brand .slider-brands .prev:before { background: url("../images/arrow-nav.png") no-repeat left -31px; height: 31px; width: 17px; position: absolute; left: 22px; top: 15px; content: ""; } #sns_brand .slider-brands .next, #sns_brand .slider-brands .prev { position: absolute; left: 0px; top: 50%; margin-top: -7px; z-index: 3; height: 60px; width: 60px; border: 1px solid transparent; cursor: pointer; background: #FFF; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; text-indent: -999em; } #sns_brand .slider-brands .next:hover, #sns_brand .slider-brands .prev:hover { border-color: #dfdfdf; } #sns_brand .slider-brands .prev { right: 0px; left: auto; } #sns_brand .slider-brands .prev:before { background-position: left 0px; } /*--- Wrap: #sns_botsl2 ---*/ #sns_botsl2 { margin: 0 0 52px; padding: 35px 0 0; border-top: 1px solid #ebebeb; } #sns_botsl2 .block .block-title { text-transform: none; font-size: 183.3%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #sns_botsl2 .block .block-content { padding-top: 20px; line-height: 18px; } #sns_botsl2 .block .block-content p { margin: 0 0 12px 0; } #sns_botsl2 .block .block-content ul { margin: 0 0; list-style: none; } #sns_botsl2 .block .block-content ul li { padding: 3px 0 3px 20px; line-height: 18px; position: relative; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } #sns_botsl2 .block .block-content ul li:before { -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; background: url("../images/ico-dot.png") no-repeat left top; height: 9px; width: 9px; position: absolute; top: 8px; left: 0px; content: ""; } #sns_botsl2 .block .block-content ul li:hover { margin-left: 8px; } #sns_botsl2 .block.block-connectus .block-content p { margin-bottom: 2px; width:220px; } #sns_botsl2 .block.block-connectus .block-content p.c-phone { margin-bottom: 0px; } #sns_botsl2 .block-subscribe .block-content label { cursor: pointer; margin: 3px 0 15px; color: #666666; line-height: 18px; } #sns_botsl2 .block-subscribe .block-content form { margin-bottom: 0px; } #sns_botsl2 .block-subscribe .block-content form .input-box input { width: 240px; float: left; padding: 8px 15px; font-size: 11px; margin: 0 0; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; } #sns_botsl2 .block-subscribe .block-content form .input-box input.validation-failed { border-color: #B94A48; } #sns_botsl2 .block-subscribe .block-content form .input-box .actions { float: left; margin-left: -60px; position: relative; height: 40px; width: 55px; } #sns_botsl2 .block-subscribe .block-content form .input-box .actions button { position: absolute; right: -6px; top: 0px; padding: 10px 14px; background-color: transparent; height: 38px; border: none; } #sns_botsl2 .block-subscribe .block-content form .input-box .actions button > span { width: 25px; height: 16px; display: inline-block; background-position: left top; background-image: url("../images/ico-mail.png"); background-repeat: no-repeat; } #sns_botsl2 .block-subscribe .block-content form .input-box .actions button > span span { display: none; } #sns_botsl2 .block-subscribe .block-content form .input-box .validation-advice { display: none; } /*--- Wrap: #sns_footer ---*/ #sns_footer { margin: 0 0; padding: 0 0 40px; border-top: 1px solid #ebebeb; } #sns_footer .sns-info { text-align: center; } #sns_footer .sns-info ul { font-size: 92%; display: inline-block; margin: 0 0; } #sns_footer .sns-info ul li { background: url("../images/separated.gif") no-repeat left center; display: inline-block; padding: 0 13px 0 15px; } #sns_footer .sns-info ul li:first-child { padding-left: 0px; background: none; } #sns_footer .sns-info ul li.last { padding-right: 0px; } #sns_footer .sns-info ul li a:hover { text-decoration: none; color: #8dc63f; } #sns_footer .sns-copyright { text-align: center; width: 100%; color: #666666; padding: 3px 0 0; } #sns_footer .sns-copyright a { color: #8dc63f; } #sns_footer .sns-copyright a:hover { text-decoration: none; } #sns_footer ul.payment { list-style: none; margin: 0 0 0 -157px; text-align: center; position: relative; top: -28px; width: 315px; left: 50%; height: 55px; } #sns_footer ul.payment li { display: inline-block; padding: 0 0 0 10px; background: #FFF; float: left; } #sns_footer ul.payment li a { background-image: url("../images/pay-me.png"); background-repeat: no-repeat; text-indent: -999em; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; background-position: left top; height: 53px; width: 53px; display: inline-block; border: 1px solid #e1e1e1; position: relative; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; top: 0px; } #sns_footer ul.payment li a.skrill { background-position: left -53px; } #sns_footer ul.payment li a.maestro { background-position: left -106px; } #sns_footer ul.payment li a.cirus { background-position: left -159px; } #sns_footer ul.payment li a.payment { background-position: left -212px; } #sns_footer ul.payment li:first-child { padding-left: 0px; } #sns_footer ul.payment li:hover a { top: -10px; } /*--- category product ---*/ .category-products { float:left; margin-top:20px; width:100%;/* products-grid */ } /*--- products-grid ---*/ .products-grid { margin: 0 0; list-style: none; } .products-grid .item.first { margin-left: 0; } .products-grid .item { float: left; background: #FFF; margin-top: 20px; } .products-grid .item.show-addtocart { margin-top: 37px; min-height:360px; } .products-grid .item .item-inner { position: relative; } .products-grid .item .item-inner .item-img { position: relative; border: 1px solid #e9e9e9; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .products-grid .item .item-inner .item-img .ico-product { position: absolute; bottom: 10px; left: 10px; z-index: 2; background: #8dc63f; padding: 4px 20px 8px; color: #FFF; font-size: 150%; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; } .products-grid .item .item-inner .item-img .ico-product strong { font-weight: 600; } .products-grid .item .item-inner .item-img .ico-product.ico-sale { background: #7ebf38; right: 10px; left: auto; } .products-grid .item .item-inner .item-img .cart-wrap { position: absolute; top: -17px; width: 100%; height: 36px; z-index: 3; text-align: center; } .products-grid .item .item-inner .item-img .cart-wrap .btn-cart { font-size: 116.7%; text-transform: none; position: relative; height: 34px; padding: 0 17px 0 47px; } .products-grid .item .item-inner .item-img .cart-wrap .btn-cart:before { position: absolute; content: ""; width: 38px; height: 34px; top: -2px; left: 10px; background: url("../images/ico-cart.png") no-repeat -38px top; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .products-grid .item .item-inner .item-img .cart-wrap .btn-cart:hover:before { background-position: 0px top; -o-animation: shake 2s infinite linear; -moz-animation: shake 2s infinite linear; -webkit-animation: shake 2s infinite linear; animation: shake 2s infinite linear; } .products-grid .item .item-inner .item-img .item-img-info { text-align: center; position: relative; overflow: hidden; } .products-grid .item .item-inner .item-img .item-img-info a.product-image { display: inline-block; width: 100%; } .products-grid .item .item-inner .item-img .item-img-info a.product-image:before { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1; content: ""; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.4s ease-out 0.2s; -moz-transition: all 0.4s ease-out 0.2s; -o-transition: all 0.4s ease-out 0.2s; transition: all 0.4s ease-out 0.2s; background-color: rgba(255, 255, 255, 0.4); } .products-grid .item .item-inner .item-img .item-img-info a.product-image .img-main { display: inline; } .products-grid .item .item-inner .item-img .item-img-info a.product-image .img-main img { display: baseline; } .products-grid .item .item-inner .item-img .item-box-hover { z-index: 2; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background-color: #8dc63f; background-color: rgba(141, 198, 63, 0.7); position: absolute; width: 100%; height: 90px; bottom: -90px; left: 0px; } .products-grid .item .item-inner .item-img .item-box-hover.number-buttom3 .box-inner { width: 85px; } .products-grid .item .item-inner .item-img .item-box-hover.number-buttom2 .box-inner { width: 122px; } .products-grid .item .item-inner .item-img .item-box-hover.number-buttom1 .box-inner { width: 61px; } .products-grid .item .item-inner .item-img .item-box-hover .box-inner { height: 51px; margin: 20px auto 0; } .products-grid .item .item-inner .item-img .item-box-hover .box-inner .sns-btn-quickview, .products-grid .item .item-inner .item-img .item-box-hover .box-inner ul.add-to-links li a { width: 49px; height: 49px; border: 1px solid #FFF; position: relative; display: block; padding: 0 0; margin: 0 5px; background-color: transparent; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .products-grid .item .item-inner .item-img .item-box-hover .box-inner .sns-btn-quickview:before, .products-grid .item .item-inner .item-img .item-box-hover .box-inner ul.add-to-links li a:before { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; position: absolute; content: ""; height: 100%; width: 100%; background-image: url("../images/green/action-lgrid.png"); background-repeat: no-repeat; background-position: left top; left: 0px; top: 0px; } .products-grid .item .item-inner .item-img .item-box-hover .box-inner .sns-btn-quickview:hover, .products-grid .item .item-inner .item-img .item-box-hover .box-inner ul.add-to-links li a:hover { background-color: #FFF; } .products-grid .item .item-inner .item-img .item-box-hover .box-inner .quickview-wrap { float: left; } .products-grid .item .item-inner .item-img .item-box-hover .box-inner .quickview-wrap .sns-btn-quickview span { display: none; } .products-grid .item .item-inner .item-img .item-box-hover .box-inner .quickview-wrap .sns-btn-quickview:before { background-position: left -196px; } .products-grid .item .item-inner .item-img .item-box-hover .box-inner .quickview-wrap .sns-btn-quickview:hover:before { background-position: left -245px; } .products-grid .item .item-inner .item-img .item-box-hover .box-inner .actions { float: left; height: 51px; display: block; } .products-grid .item .item-inner .item-img .item-box-hover .box-inner .actions ul.add-to-links { margin: 0 0; float: left; list-style: none; height: 100%; display: block; } .products-grid .item .item-inner .item-img .item-box-hover .box-inner .actions ul.add-to-links li { float: left; display: block; } .products-grid .item .item-inner .item-img .item-box-hover .box-inner .actions ul.add-to-links li .link-wishlist:hover:before { background-position: left -49px; } .products-grid .item .item-inner .item-img .item-box-hover .box-inner .actions ul.add-to-links li .link-compare:before { background-position: left -98px; } .products-grid .item .item-inner .item-img .item-box-hover .box-inner .actions ul.add-to-links li .link-compare:hover:before { background-position: left -147px; } .products-grid .item .item-inner .item-info { text-align: center; } .products-grid .item .item-inner .item-info .info-inner { border: 1px solid #e9e9e9; border-top: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .products-grid .item .item-inner .item-info .info-inner .item-content .no-rating, .products-grid .item .item-inner .item-info .info-inner .item-content .ratings { height: 35px; margin: 0 0; } .products-grid .item .item-inner .item-info .info-inner .item-content .no-rating .rating-box, .products-grid .item .item-inner .item-info .info-inner .item-content .ratings .rating-box { float: none; margin: 0 0; } .products-grid .item .item-inner .item-info .info-inner .item-content .no-rating .rating-links, .products-grid .item .item-inner .item-info .info-inner .item-content .ratings .rating-links { display: none; } .products-grid .item .item-inner .item-info .info-inner .item-content .item-price { height: 26px; line-height: 26px; padding: 6px 0; } .products-grid .item .item-inner .item-info .info-inner .item-title { margin-bottom: 3px; padding-top: 16px; font-size: 116.7%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .products-grid .item .item-inner .item-info .info-inner .item-title a { text-decoration: none; } .products-grid .item .item-inner .item-info .info-inner .item-title a:hover { color: #8dc63f; } .products-grid .item:hover .item-inner .item-img { border-color: #8dc63f; } .products-grid .item:hover .item-inner .item-img .cart-wrap .btn-cart { border-color: #8dc63f; background-color: #8dc63f; color: #FFF; } .products-grid .item:hover .item-inner .item-img .cart-wrap .btn-cart:before { background-position: 0px top; } .products-grid .item:hover .item-inner .item-img .item-img-info a.product-image:before { left: 0px; top: 0px; margin: 0 0; opacity: 1; filter: alpha(opacity=100); } .products-grid .item:hover .item-inner .item-img .item-box-hover { visibility: visible; opacity: 1; filter: alpha(opacity=100); left: 0px; bottom: 0px; } .products-grid .item:hover .item-inner .item-info .info-inner { border-color: #8dc63f; } .products-grid .item:hover .item-inner .item-info .info-inner .item-title a { color: #8dc63f; } /*--- product-list ---*/ .products-list { list-style: none; margin: 0 0; } .products-list .item { position: relative; margin: 20px 0 0; } .products-list .item .item-img { margin: 0 2.564% 0 0; position: relative; float: left; display: inline-flex; } .products-list .item .item-img .product-image { display: inline-block; border: 1px solid #dfdfdf; position: relative; overflow: hidden; width: 100%; } .products-list .item .item-img .product-image .image-main { display: inline-block; width: 100%; } .products-list .item .item-img .product-image .image-main img { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .products-list .item .item-img .ico-product { position: absolute; bottom: 10px; left: 10px; z-index: 2; background: #de44c3; padding: 4px 20px 8px; color: #FFF; font-size: 150%; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; } .products-list .item .item-img .ico-product.ico-sale { background: #7ebf38; right: 10px; left: auto; } .products-list .item .item-img:hover .product-image .image-main img { -webkit-transform: rotate(-10deg) scale(1.1); -moz-transform: rotate(-10deg) scale(1.1); -o-transform: rotate(-10deg) scale(1.1); transform: rotate(-10deg) scale(1.1); } .products-list .item .product-shop .product-name { margin: 0 0 8px; font-size: 116.7%; line-height: normal; font-weight: normal; } .products-list .item .product-shop .product-name a { color: #666666; position: relative; top: -4px; } .products-list .item .product-shop .product-name a:hover { color: #8dc63f; } .products-list .item .product-shop .price-box { margin-bottom: 12px; } .products-list .item .product-shop .ratings { clear: none; margin: 0 0 12px 0; } .products-list .item .product-shop .ratings:after { clear: none; } .products-list .item .product-shop .ratings .rating-links { margin: 0 0; } .products-list .item .product-shop .no-rating { margin: 0 0 12px 0; } .products-list .item .product-shop .desc { margin: 0 0 20px; } .products-list .item .product-shop .desc .link-learn { display: none; } .products-list .item .product-shop .actions-addtocart { margin: 0 0; width: 100%; height: 51px; } .products-list .item .product-shop .actions-addtocart .sns-btn-quickview, .products-list .item .product-shop .actions-addtocart a, .products-list .item .product-shop .actions-addtocart .btn-cart { text-indent: -999em; width: 49px; height: 49px; border: 1px solid #dfdfdf; position: relative; display: block; padding: 0 0; margin: 0 5px; background-color: transparent; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .products-list .item .product-shop .actions-addtocart .sns-btn-quickview:before, .products-list .item .product-shop .actions-addtocart a:before, .products-list .item .product-shop .actions-addtocart .btn-cart:before { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; position: absolute; content: ""; height: 100%; width: 100%; background-image: url("../images/action-llist.png"); background-repeat: no-repeat; background-position: left top; left: 0px; top: 0px; } .products-list .item .product-shop .actions-addtocart .sns-btn-quickview:hover, .products-list .item .product-shop .actions-addtocart a:hover, .products-list .item .product-shop .actions-addtocart .btn-cart:hover { background-color: #8dc63f; border-color: #8dc63f; } .products-list .item .product-shop .actions-addtocart button.btn-cart { float: left; margin: 0 5px 0 0; } .products-list .item .product-shop .actions-addtocart button.btn-cart > span { display: none; } .products-list .item .product-shop .actions-addtocart button.btn-cart:before { background-position: left -294px; } .products-list .item .product-shop .actions-addtocart button.btn-cart:hover:before { background-position: left -343px; } .products-list .item .product-shop .actions-addtocart .quickview-wrap { float: left; } .products-list .item .product-shop .actions-addtocart .quickview-wrap .sns-btn-quickview span { display: none; } .products-list .item .product-shop .actions-addtocart .quickview-wrap .sns-btn-quickview:before { background-position: left -196px; } .products-list .item .product-shop .actions-addtocart .quickview-wrap .sns-btn-quickview:hover:before { background-position: left -245px; } .products-list .item .product-shop .actions-addtocart ul.add-to-links { margin: 0 0; float: left; list-style: none; height: 51px; display: block; } .products-list .item .product-shop .actions-addtocart ul.add-to-links li { float: left; display: block; } .products-list .item .product-shop .actions-addtocart ul.add-to-links li .link-wishlist:hover:before { background-position: left -49px; } .products-list .item .product-shop .actions-addtocart ul.add-to-links li .link-compare:before { background-position: left -98px; } .products-list .item .product-shop .actions-addtocart ul.add-to-links li .link-compare:hover:before { background-position: left -147px; } /*--- Product page ---*/ .sns-product-detail h1.product-name { display: none; font-size: 133.3%; font-weight: bold; margin: -14px 0 10px; color: #666666; text-transform: uppercase; } .sns-product-detail .product-image-zoom { position: relative; z-index: 1; } .sns-product-detail .product-image-zoom .ico-product { position: absolute; top: 10px; left: 10px; z-index: 2; background: #de44c3; padding: 4px 20px 8px; color: #FFF; font-size: 150%; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; } .sns-product-detail .product-image-zoom .ico-product.ico-sale { background: #7ebf38; right: 10px; left: auto; } .sns-product-detail .product-image-zoom .cloud-zoom { display: block; border: 1px solid #e9e9e9; } .sns-product-detail .product-image-zoom .popup-btn { position: absolute; z-index: 9999; bottom: 20px; right: 20px; } .sns-product-detail .product-image-zoom .popup-btn a { display: block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid #dfdfdf; height: 35px; width: 35px; background: url("../images/ico-zoom.png") no-repeat 9px 9px; } .sns-product-detail .product-image-zoom .cloud-zoom-big { border: 1px solid #909090; background:#FFF; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); } .sns-product-detail .product-image-zoom .cloud-zoom-lens { border: 1px solid #909090; margin: -1px; } .sns-product-detail .product-shop form { margin: 0 0; } .sns-product-detail .product-shop form .rating-links { margin: 0; } .sns-product-detail .product-shop .add-to-links { list-style: none; margin: 0 0; display: block; padding-top: 20px; border-top: 1px solid #E5E5E5; } .sns-product-detail .product-shop .add-to-links li { display: block; padding: 0 0 10px; } .sns-product-detail .product-shop .add-to-links li a { height: 44px; line-height: 44px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; display: inline-block; position: relative; text-transform: uppercase; padding: 0 0 0 55px; } .sns-product-detail .product-shop .add-to-links li a:before { background-image: url("../images/add-to-links.png"); height: 42px; width: 42px; border: 1px solid #dfdfdf; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-repeat: no-repeat; background-position: 0 0; position: absolute; content: ""; left: 0px; top: 0px; } .sns-product-detail .product-shop .add-to-links li a:hover { color: #8dc63f; text-decoration: none; margin-left: 15px; } .sns-product-detail .product-shop .add-to-links li a.link-wishlist:before { background-position: 0 0; } .sns-product-detail .product-shop .add-to-links li a.link-compare:before { background-position: 0 -42px; } .sns-product-detail .product-shop .add-to-links li .separator { display: none; margin: 0 0; padding: 0 0; } .sns-product-detail .product-shop .price-rating { position: relative; border-bottom: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; margin: 0 0 15px; padding: 5px 0; } .sns-product-detail .product-shop .price-rating .price-box { float: left; } .sns-product-detail .product-shop .price-rating .price-box .price { line-height: 32px; } .sns-product-detail .product-shop .price-rating .ratings, .sns-product-detail .product-shop .price-rating .no-rating { float: right; margin: 0 0; line-height: 32px; height: 32px; padding-left: 12px; } .sns-product-detail .product-shop .price-rating .ratings .rating-box, .sns-product-detail .product-shop .price-rating .no-rating .rating-box { float: left; margin: 9px 8px 0 0; } .sns-product-detail .product-shop .price-rating .ratings .rating-links, .sns-product-detail .product-shop .price-rating .no-rating .rating-links { float: left; line-height: 32px; } .sns-product-detail .product-shop .price-rating .ratings-table { margin-left: 15px; margin-bottom: 0px; float: right; } .sns-product-detail .product-shop .price-rating .ratings-table th { text-align: right; padding-right: 10px; } .sns-product-detail .product-shop .price-rating .ratings-table .rating-box { margin: 0 0; } .sns-product-detail .product-shop .price-rating a.nobr { float: right; } .sns-product-detail .product-shop .addthis_toolbox { padding: 0 0 8px; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; } .sns-product-detail .product-shop .short-description { margin: 0 0 15px; color: #666666; } .sns-product-detail .product-shop .short-description p { margin: 0 0; } .sns-product-detail .more-views { margin: 10px 0 0; position: relative; z-index: 1; } .sns-product-detail .more-views .nav-gallery { margin: 0 0; } .sns-product-detail .more-views .nav-gallery .next, .sns-product-detail .more-views .nav-gallery .prev { position: absolute; right: -13px; top: 50%; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; text-indent: -999em; height: 26px; width: 26px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid #dfdfdf; margin-top: -13px; cursor: pointer; background: #ffffff url("../images/nav-cir.png") no-repeat left top; z-index: 3; } .sns-product-detail .more-views .nav-gallery .next:hover, .sns-product-detail .more-views .nav-gallery .prev:hover { background-color: #8dc63f; border-color: #8dc63f; background-position: left -26px; } .sns-product-detail .more-views .nav-gallery .prev { left: -13px; right: auto; background-position: left -52px; } .sns-product-detail .more-views .nav-gallery .prev:hover { background-position: left -78px; } .sns-product-detail .more-views .slide-gallery { margin: 0 0; float: left; width: 100%; max-height: 85px; overflow: hidden; } .sns-product-detail .more-views .slide-gallery ul { list-style: none; margin:0; } .sns-product-detail .more-views .slide-gallery ul li { text-align: center; margin: 0 0 0 10px; width: 85px !important; display: inline-block; float: left; } .sns-product-detail .more-views .slide-gallery ul li:first-child { margin:0; } .sns-product-detail .more-views .slide-gallery ul li a { display: block; } .sns-product-detail .more-views .slide-gallery ul li a img { border: 1px solid #e9e9e9; } .sns-product-detail .more-views .slide-gallery ul li.active a img { border-color: #8dc63f; } .sns-product-detail .more-views .slide-gallery .caroufredsel_wrapper { margin: 0 0 !important; width: 100% !important; } .sns-product-detail .more-views .slide-gallery .caroufredsel_wrapper ul { margin: 0 0 0 -10px !important; } .sns-product-detail .more-views .caroufredsel_wrapper { max-width: 100%; } .sns-product-detail .more-views:hover .nav-gallery .next, .sns-product-detail .more-views:hover .nav-gallery .prev { opacity: 1; filter: alpha(opacity=100); } .sns-product-detail #review-form .data-table tbody th { border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; } .sns-product-detail #review-form .data-table tbody td { text-align: center; } .sns-product-detail #review-form ul.form-list { margin: 10px 0 0; list-style: none; } .sns-product-detail #review-form ul.form-list .input-box textarea { width: 240px; } .sns-product-detail #review-form ul.form-list .input-box .input-text { margin-bottom: 5px; } .sns-product-detail #review-form ul.form-list label { margin-bottom: 0; } .sns-product-detail #review-form .buttons-set .button { float: left; margin: 0 0; } .sns-product-detail #sns_tab_products { margin: 40px 0 0; } .sns-product-detail #sns_tab_products ul.sns-tab-navi { list-style: none; margin: 0 0; position: relative; z-index: 1; } .sns-product-detail #sns_tab_products ul.sns-tab-navi li { display: inline-block; float: left; margin: 0 0 0 5px; } .sns-product-detail #sns_tab_products ul.sns-tab-navi li a { border: 1px solid #e9e9e9; border-bottom: none; background-color: #FFF; color: #666666; -webkit-border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; position: relative; text-transform: none; font-weight: normal; font-size: 133.3%; padding: 10px 15px; } .sns-product-detail #sns_tab_products ul.sns-tab-navi li a:before { position: absolute; content: ""; height: 1px; width: 100%; left: -1px; bottom: -1px; border-left: 1px solid transparent; border-right: 1px solid transparent; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background: transparent; } .sns-product-detail #sns_tab_products ul.sns-tab-navi li a:hover, .sns-product-detail #sns_tab_products ul.sns-tab-navi li a.tabulous_active { background-color: #a1ce58; color: #FFF; border-color: #a1ce58; } .sns-product-detail #sns_tab_products ul.sns-tab-navi li a:hover:before, .sns-product-detail #sns_tab_products ul.sns-tab-navi li a.tabulous_active:before { background-color: #a1ce58; border-color: #a1ce58; } .sns-product-detail #sns_tab_products ul.sns-tab-navi li:first-child { margin: 0 0; } .sns-product-detail #sns_tab_products .sns-tab-content { float: left; padding: 0 0 50px; border: 1px solid #e9e9e9; width: 100%; position: relative; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner { margin: 20px 25px 0px; height: 100%; position: relative; overflow: hidden; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner #sns_tab_decription { color: #666666; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner .tab-item { margin: 0 0; background: #FFF; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out; width: 100%; top: 0px; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner .tab-item h2 { font-size: 125%; text-transform: uppercase; line-height: normal; margin-top: 0px; color: #686868; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner .tab-item h3 { font-size: 110%; line-height: normal; margin-top: 0px; font-weight: normal; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner .tab-item h4 { font-size: 100%; line-height: normal; margin-top: 0px; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner .tab-item label { font-weight: bold; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner .tab-item ul.product-tags { list-style: none; margin: 0 0; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner .tab-item ul.product-tags li { display: inline-block; margin: 0 5px 0 0; } .tab-content-inner th { text-align:left; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner .tab-item tbody td.label { width: 20%; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner .tab-item #customer-reviews .pager p.amount { float: left; margin: 0 0; line-height: 24px; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner .tab-item #customer-reviews .pager .limiter { float: right; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner .tab-item #customer-reviews .pager .limiter label { float: left; margin: 0 8px 0 0; line-height: 24px; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner .tab-item #customer-reviews .pager .limiter select { width: 60px; height: 24px; line-height: 24px; padding: 2px; margin: 0 5px 0 0; cursor: pointer; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner .tab-item .box-reviews dl { margin: 0 0 15px; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner .tab-item .box-reviews dl dt { padding: 0 0; margin: 10px 0 0; font-weight: normal; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner .tab-item .box-reviews dl dt:first-child { border: none; margin: 0 0; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner .tab-item .box-reviews dl dt span { font-weight: bold; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner .tab-item .box-reviews dl dt a { font-weight: bold; text-decoration: underline; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner .tab-item .box-reviews dl dd { margin: 0 0; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner .tab-item .box-reviews dl dd .ratings-table { margin-left: 15px; margin-bottom: 0px; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner .tab-item .box-reviews dl dd .ratings-table th { text-align: right; padding-right: 10px; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner .tab-item .box-reviews dl dd .ratings-table .rating-box { margin: 0 0; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner .tab-item #review-form { margin: 0px; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner .tab-item #addTagForm { margin: 0 0 10px; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner .tab-item #addTagForm .input-box input { float: left; margin: 0 10px 5px 0; padding: 7px 10px 6px; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner .tab-item #addTagForm button.button { clear: both; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner .tab-item #addTagForm .validation-advice { float: left; width: 100%; line-height: normal; } .sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner .tab-item .box-tags h2 { display: none; } .sns-product-detail .upsell-products { margin-top: 40px; } .toolbar-bottom .toolbar { margin: 30px 0 0; } .toolbar { padding: 0 0; margin: 0 0 10px; height: 50px; line-height: 50px; border: 1px solid #dfdfdf; } .toolbar .view-mode { float: left; margin: 0 0; height: 50px; } .toolbar .view-mode label { float: left; margin: 0 5px 0 0; display: none; } .toolbar .view-mode .list, .toolbar .view-mode .grid { position: relative; height: 24px; width: 24px; display: block; float: left; margin: 13px 14px 13px 13px; } .toolbar .view-mode .list:before, .toolbar .view-mode .grid:before { position: absolute; content: ""; left: 0px; top: 0px; background: url("../images/green/ico-viewmode.png") no-repeat left top; width: 100%; height: 100%; } .toolbar .view-mode .list:after, .toolbar .view-mode .grid:after { position: absolute; content: ""; right: -14px; top: -13px; height: 50px; width: 1px; background: #dfdfdf; } .toolbar .view-mode .grid:hover:before { background-position: left -24px; } .toolbar .view-mode .list:before { background-position: left -48px; } .toolbar .view-mode .list:hover:before { background-position: left -72px; } .toolbar .view-mode strong.list:before { background-position: left -72px; } .toolbar .view-mode strong.grid:before { background-position: left -24px; } .toolbar .limiter { float: left; margin-left: 0px; padding: 0 10px; color: #666666; line-height: 50px; height: 50px; } .toolbar .limiter label { line-height: 50px; float: left; margin: 0 12px 0 0; } .toolbar .limiter .select-new { float: left; margin: 11px 10px 0 0; color: #909090; } .toolbar .limiter .select-new .select-inner select { opacity: 0; filter: alpha(opacity=0); } .toolbar .limiter .select-new .select-inner .jqTransformSelectWrapper { -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; -webkit-transition: all 0.2 ease-in; -moz-transition: all 0.2 ease-in; -o-transition: all 0.2 ease-in; transition: all 0.2 ease-in; height: 26px; border: 1px solid #e5e5e5; width: 60px !important; background: #FFF; } .toolbar .limiter .select-new .select-inner .jqTransformSelectWrapper:hover { border-color: #ccc; } .toolbar .limiter .select-new .select-inner .jqTransformSelectWrapper div span { text-align: center; line-height: 26px; height: 26px; padding-left: 10px; color: #666666; } .toolbar .limiter .select-new .select-inner .jqTransformSelectWrapper div a.jqTransformSelectOpen { height: 26px; background-position: left 11px; right: 0px; padding-right: 10px; } .toolbar .limiter .select-new .select-inner .jqTransformSelectWrapper ul { top: 28px; width: 60px !important; left: -1px !important; border-color: #e5e5e5; } .toolbar .limiter .select-new .select-inner .jqTransformSelectWrapper ul a { padding: 2px 6px; background-position: center 10px; } .toolbar .limiter .select-new .select-inner .jqTransformSelectWrapper ul a.selected { background: #eaeaea; color: #666666; } .toolbar .limiter .select-new .select-inner .jqTransformSelectWrapper ul a:hover { background: #e5e5e5; color: #666666; } .toolbar .limiter .select-new .select-inner select { cursor: pointer; width: 20px; border: none; background: none; } .toolbar .sort-by { float: left; margin-left: 0px; line-height: 50px; height: 50px; padding: 0 20px; } .toolbar .sort-by label { line-height: 50px; height: 50px; float: left; margin: 0 12px 0 0; } .toolbar .sort-by .select-new { float: left; margin: 11px 5px 0 0; } .toolbar .sort-by .select-new .select-inner { cursor: pointer; } .toolbar .sort-by .select-new .select-inner select { opacity: 0; filter: alpha(opacity=0); } .toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper { -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; -webkit-transition: all 0.2 ease-in; -moz-transition: all 0.2 ease-in; -o-transition: all 0.2 ease-in; transition: all 0.2 ease-in; height: 26px; border: 1px solid #e5e5e5; background: #FFF; width: 100px !important; } .toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper:hover { border-color: #ccc; } .toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper div span { text-align: center; line-height: 26px; height: 26px; padding-left: 10px; color: #666666; width:70px !important; } .toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper div a.jqTransformSelectOpen { height: 26px; background-position: left 11px; right: 0px; padding-right: 10px; } .toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper ul { top: 28px; width: 100px !important; left: -1px !important; border-color: #e5e5e5; } .toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper ul a { padding: 2px 6px; background-position: center 10px; } .toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper ul a.selected { background: #eaeaea; color: #666666; } .toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper ul a:hover { background: #e5e5e5; color: #666666; } .toolbar .sort-by .select-new .select-inner select { cursor: pointer; width: 50px; border: none; background: none; } .toolbar .sort-by .set-desc, .toolbar .sort-by .set-asc { width: 26px; height: 26px; border: 1px solid #e5e5e5; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: relative; margin: 11px 0 0 0; display: block; float: left; text-indent: -999em; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in; } .toolbar .sort-by .set-desc:before, .toolbar .sort-by .set-asc:before { position: absolute; content: ""; left: 7px; top: 0px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; width: 26px; height: 26px; background: url("../images/arrow-downup.png") no-repeat left 0px; } .toolbar .sort-by .set-desc:hover, .toolbar .sort-by .set-asc:hover { background-color: #8dc63f; border-color: #8dc63f; } .toolbar .sort-by .set-desc:hover:before, .toolbar .sort-by .set-asc:hover:before { background-position: left -26px; } .toolbar .sort-by .set-desc:before { background-position: left -78px; } .toolbar .sort-by .set-desc:hover:before { background-position: left -52px; } .toolbar .pager { margin: 0 0; float: right; } .toolbar .pager p.amount { margin: 0 0; line-height: 50px; display: none; } .toolbar .pager .pages { padding: 0 10px; height: 50px; line-height: 50px; } .toolbar .pager .pages ol { margin-top: 11px; overflow: hidden; } #confirmbox { border: 1px solid #686868; } #confirmbox .add-to-cart { margin: 0 0 !important; } #confirmbox .head-cfbox .product-title { font-weight: bold; color: #666666; } #confirmbox .product-name a { color: #666666; font-weight: 300; font-size: 116.7%; } #confirmbox .product-name a:hover { color: #8dc63f; } #confirmbox .cf-producinfo .product-image { border: none; } #confirmbox #bottom-cfbox .btn { font-size: 116.7%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; text-transform: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 6px 20px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; color: #666666; border: 1px solid #e5e5e5; background: #FFF; } #confirmbox #bottom-cfbox .btn:hover { background-color: #8dc63f; color: #FFF; border-color: #8dc63f; } #confirmbox #cout_down { position: absolute; right: 0px; bottom: 0px; padding: 0 5px; color: #FFF; background: #686868; } #confirmbox #product-shop table.grouped-items-table { margin-bottom: 0; } #btn-close { color: #686868; opacity: 1; filter: alpha(opacity=100); } #btn-close:hover { color: #8dc63f; } .postWrapper { padding-bottom: 20px; } .postWrapper .postTitle { border: none; margin-bottom: 10px; } .postWrapper .postTitle h2 { line-height: 24px; font-size: 150%; } .postWrapper .postTitle h2 a:hover { color: #8dc63f; } .postWrapper .postTitle h3 { line-height: normal; font-size: 91.5%; font-weight: normal; } .postWrapper .postTitle.title-detail h2 { font-size: 116.7%; margin: -3px 0 0; text-transform: uppercase; color: #666666; } .postWrapper .postContent { padding-bottom: 5px; } .postWrapper .aw-blog-read-more { display: none; } .postWrapper .post-info { padding: 3px 0; border-top: 1px solid #dfdfdf; } .postWrapper .postDetails h4.poster { font-size: 100%; padding-left: 5px; line-height: normal; } .postWrapper .postDetails .create-time { margin: 0 0; } .blog-toolbar .toolbar { margin: 30px 0 0; } .blog-toolbar .toolbar .sort-by .select-new .select-inner select { width: 70px; } .blog-toolbar .toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper { width: 110px !important; } .blog-toolbar .toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper ul { width: 110px !important; } .blog-toolbar.post .toolbar { margin: 10px 0 20px; } .cmt-heading h2 { font-size: 125%; line-height: 24px; } .commentWrapper h4.username { font-size: 100%; line-height: normal; color: #8dc63f; } #postComment h4.legend { font-weight: normal; font-size: 125%; } #postComment .commentDetails { margin: 0 0; } #postComment ul.form-list { list-style: none; margin: 0 0; } #postComment ul.form-list .input-box { margin-bottom: 20px; } #postComment ul.form-list .input-box input.input-text { margin: 0 0; padding: 5px 10px; max-width: 215px; } #postComment ul.form-list .input-box textarea { margin: 0 0; } #postComment ul.form-list .input-box .validation-advice { margin-top: 3px; } #postComment ul.form-list .input-box label { color: #666666; display: none; } .contact-page { margin: 0 auto; } .contact-page .page-title h1 { text-align: center; } .contact-page .contact-content > p { text-align: center; color: #666666; } .contact-page .map-wrap { margin-bottom: 40px; } .contact-page .map-wrap #google_map { height: 355px; } .contact-page .more-info { margin-bottom: 30px; border-bottom: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; } .contact-page .more-info p { margin: 0 0; line-height: 26px; } .contact-page .more-info .address p { margin-right: 30px; } .contact-page .more-info .chat p { margin-left: 30px; } .contact-page .more-info .phone { text-align: center; height: 50px; margin: 3px 0; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; } .contact-page .block-connectus .block-content { padding-top: 0px !important; } .contact-page #contactForm ul { list-style: none; margin: 0 0; } .contact-page #contactForm ul .input-box { position: relative; padding: 1px; margin-bottom: 10px; } .contact-page #contactForm ul .input-box input { border: none; margin: 0 0; width: 90%; padding: 8px 1%; position: relative; z-index: 2; } .contact-page #contactForm ul .input-box textarea { border: none; margin: 0 0; width: 98%; height: 150px; padding: 8px 1%; position: relative; z-index: 2; } .contact-page #contactForm ul .input-box .validation-advice { margin-top: 3px; } .contact-page #contactForm ul .input-box:before { position: absolute; content: ""; width: 100%; height: 36px; top: 0px; left: 0px; border: 1px solid #dfdfdf; z-index: 1; } .contact-page #contactForm ul li.wide .input-box:before { height: 166px; } .contact-page #contactForm ul li.fields div.field { width: 50%; } .contact-page #contactForm ul li.fields div.field .input-box input { padding: 8px 2%; } .contact-page .buttons-set .button { margin: 0 0; float: left; } /* Menu style */ ul.mainnav { margin: 0 0; list-style: none; } ul.mainnav li { position: relative; border: 1px solid #dfdfdf; border-top: none; display: inline-block; z-index: 1; } ul.mainnav li ul[class*="level"] { position: absolute; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; opacity: 0; filter: alpha(opacity=0); top: 5px; left: 0px; text-align: left; border-top: 1px solid #dfdfdf; width: 180px; background: #FFF; margin: 0 0; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); -webkit-box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.2); box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.2); } ul.mainnav li ul[class*="level"] li { display: block; background: url("../images/ico-dot.png") no-repeat 10px center; } ul.mainnav li ul[class*="level"] li.parent > a { background: url("../images/arrow.png") no-repeat 95% center; } ul.mainnav li ul[class*="level"] li a { padding: 10px 15px 10px 28px; display: block; color: #909090; } ul.mainnav li ul[class*="level"] li a:hover { text-decoration: none; color: #8dc63f; } ul.mainnav li ul[class*="level"] ul { top: 5px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; left: 160px; transform-origin: 0% 15% 0; -moz-transform-origin: 0% 15% 0; -webkit-transform-origin: 0% 15% 0; -o-transform-origin: 0% 15% 0; -ms-transform-origin: 0% 15% 0; } ul.mainnav li.last { border-bottom: none; } ul.mainnav li:hover { z-index: 2; } ul.mainnav li:hover > ul[class*="level"] { left: 160px; opacity: 1; filter: alpha(opacity=100); visibility: visible; top: 5px; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } ul.mainnav li:hover > a { color: #8dc63f; } ul.mainnav li.active > a { color: #8dc63f; } ul.mainnav > li { border: none !important; float: left; position: static; padding: 21px 0 21px 6px; } ul.mainnav > li > a { display: block; padding: 8px 20px; font-size: 150%; font-weight: normal; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; position: relative; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #FFF; border: 1px solid transparent; text-transform: capitalize; } ul.mainnav > li > a:hover { text-decoration: none; } ul.mainnav > li > ul[class*="level"] { left: auto; -webkit-transition: all 0.3s ease-out 0.15s; -moz-transition: all 0.3s ease-out 0.15s; -o-transition: all 0.3s ease-out 0.15s; transition: all 0.3s ease-out 0.15s; top: 85px; opacity: 0; filter: alpha(opacity=0); visibility: hidden; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); transform-origin: 0% 15% 0; -moz-transform-origin: 0% 15% 0; -webkit-transform-origin: 0% 15% 0; -o-transform-origin: 0% 15% 0; -ms-transform-origin: 0% 15% 0; } ul.mainnav > li:first-child { padding-left: 0px; } ul.mainnav > li:hover { vertical-align: bottom; } ul.mainnav > li:hover > a { color: #FFF; position: relative; background-color: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.3); } ul.mainnav > li:hover > ul { left: auto !important; top: 85px !important; opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } ul.mainnav > li.active > a { color: #FFF; position: relative; background-color: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.3); } ul.mainnav > li.active > a:before { width: 100%; left: 0px; } /* Mega menu */ .sns-megamenu-wrap.horizontal-menu .mega-nav li.menu-video .megamenu-col .megamenu-col { padding-top: 1%; } .sns-megamenu-wrap.horizontal-menu .mega-nav li.menu-video .megamenu-col .megamenu-col .videoWrapper { position: relative; padding-bottom: 51.9%; /* 16:9 */ padding-top: 25px; height: 0; } .sns-megamenu-wrap.horizontal-menu .mega-nav li.menu-video .megamenu-col .megamenu-col .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .sns-megamenu-wrap.horizontal-menu .mega-nav li.menu-basestyle > .megamenu-col { padding-top: 2px !important; padding-bottom: 2px !important; } .sns-megamenu-wrap.horizontal-menu .mega-nav li.menu-basestyle > .megamenu-col .megamenu-col { border-top: 1px solid #d4d4d4; padding-top: 5px; padding-bottom: 5px; } .sns-megamenu-wrap.horizontal-menu .mega-nav li.menu-basestyle > .megamenu-col .megamenu-col:first-child { border: none; } .sns-megamenu-wrap.horizontal-menu .mega-nav li.level0 > a { /*.transition(none);*/ } .sns-megamenu-wrap.horizontal-menu .mega-nav li.level0 .mega-content-wrap { -webkit-transition: all 0.3s ease-out 0.15s; -moz-transition: all 0.3s ease-out 0.15s; -o-transition: all 0.3s ease-out 0.15s; transition: all 0.3s ease-out 0.15s; top: 85px; opacity: 0; filter: alpha(opacity=0); visibility: hidden; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3); transform-origin: 50% 10% 0; -moz-transform-origin: 50% 10% 0; -webkit-transform-origin: 50% 10% 0; -o-transform-origin: 50% 10% 0; -ms-transform-origin: 50% 10% 0; border-bottom: 3px solid #666666; border-top: 1px solid #d5d5d5; -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5); box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5); } .sns-megamenu-wrap.horizontal-menu .mega-nav li.level0 .mega-content-wrap ul li { border: none; } .sns-megamenu-wrap.horizontal-menu .mega-nav li.level0 .mega-content-wrap .megamenu-col.have-spetitle > .mega-title { font-size: 150%; margin-bottom: 10px; text-transform: uppercase; font-weight: normal; } .sns-megamenu-wrap.horizontal-menu .mega-nav li.level0 .mega-content-wrap .megamenu-col.have-spetitle > .mega-title span { color: #666666; background: none; padding: 0px; } .sns-megamenu-wrap.horizontal-menu .mega-nav li.level0 .mega-content-wrap .megamenu-col.have-spetitle > .mega-title span:hover { color: #8dc63f; } .sns-megamenu-wrap.horizontal-menu .mega-nav li.level0 .mega-content-wrap .megamenu-col .mega-title a:hover { text-decoration: none; } .sns-megamenu-wrap.horizontal-menu .mega-nav li.level0 .mega-content-wrap .megamenu-col .mega-title a.active { color: #8dc63f; } .sns-megamenu-wrap.horizontal-menu .mega-nav li.level0 .mega-content-wrap .megamenu-col .mega-title span { color: #909090; background: url("../images/ico-dot.png") no-repeat left 11px; padding: 5px 5px 5px 20px; } .sns-megamenu-wrap.horizontal-menu .mega-nav li.level0 .mega-content-wrap .megamenu-col .mega-title span:hover { color: #8dc63f; } .sns-megamenu-wrap.horizontal-menu .mega-nav li.level0 .mega-content-wrap .megamenu-col .sns-productlist .item { border: none; margin: 0 0; border-top: 1px solid #e9e9e9; } .sns-megamenu-wrap.horizontal-menu .mega-nav li.level0 .mega-content-wrap .megamenu-col .sns-productlist .item .item-img { float: left; margin: 10px 8px 10px 10px; } .sns-megamenu-wrap.horizontal-menu .mega-nav li.level0 .mega-content-wrap .megamenu-col .sns-productlist .item .item-info { text-align: left; } .sns-megamenu-wrap.horizontal-menu .mega-nav li.level0 .mega-content-wrap .megamenu-col .sns-productlist .item .item-info .item-title { font-size: 100%; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sns-megamenu-wrap.horizontal-menu .mega-nav li.level0 .mega-content-wrap .megamenu-col .sns-productlist .item .item-info .item-title a { font-weight: bold; } .sns-megamenu-wrap.horizontal-menu .mega-nav li.level0 .mega-content-wrap .megamenu-col .sns-productlist .item .item-info .item-title a:hover { color: #8dc63f; } .sns-megamenu-wrap.horizontal-menu .mega-nav li.level0 .mega-content-wrap .megamenu-col .sns-productlist .item .item-info .price-box .price { font-size: 100%; } .sns-megamenu-wrap.horizontal-menu .mega-nav li.level0 .mega-content-wrap .megamenu-col .sns-productlist .item .item-info .price-box .old-price { padding: 0 5px; margin: 0 10px 0 0; } .sns-megamenu-wrap.horizontal-menu .mega-nav li.level0 .mega-content-wrap .megamenu-col .sns-productlist .item .item-info .ratings .rating-box { float: none; margin: 0 0; } .sns-megamenu-wrap.horizontal-menu .mega-nav li.level0 .mega-content-wrap .megamenu-col .sns-productlist .item .item-info .ratings .rating-links { font-size: 91.66%; } .sns-megamenu-wrap.horizontal-menu .mega-nav li.level0 .mega-content-wrap .megamenu-col .sns-productlist .item .item-info .no-rating { font-size: 91.66%; } .sns-megamenu-wrap.horizontal-menu .mega-nav li.level0 .mega-content-wrap .megamenu-col .sns-productlist .item:first-child { border-top: none; } .sns-megamenu-wrap.horizontal-menu .mega-nav li.level0 .mega-content-wrap .megamenu-col .sns-productlist .item:hover { background-color: #f4f4f4; } .sns-megamenu-wrap.horizontal-menu .mega-nav li.level0 .mega-content-wrap .block .block-content { padding: 0 0; } .sns-megamenu-wrap.horizontal-menu .mega-nav li.level0:hover .mega-content-wrap { opacity: 1; filter: alpha(opacity=100); visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .sns-megamenu-wrap.horizontal-menu.no-effect .mega-nav li.level0 > a { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .sns-megamenu-wrap.horizontal-menu.no-effect .mega-nav li.level0 .mega-content-wrap { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; opacity: 0; filter: alpha(opacity=0); visibility: hidden; } .sns-megamenu-wrap.horizontal-menu.no-effect .mega-nav li.level0:hover .mega-content-wrap { display: block; opacity: 1; filter: alpha(opacity=100); visibility: visible; } /*****************CUSTOM CSS STARTS (ADDED BY SAPNA)******************/ .header-right-inner .top-contact { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; display: inline-block; background: transparent; padding: 12px 36px; height:16px; border: 1px solid #a7d163; color: #a7d163; font-size: 135%; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; margin:0 0 0 20px; } .header-right-inner .top-enq-btn { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; display: inline-block; background: #8dc63f; padding:12px 36px; height:18px; border: 1px solid #8dc63f; color: #FFF; font-size: 135%; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; margin:0 0 0 15px; } .header-right-inner .top-enq-btn:hover { background: #666666; border: 1px solid #666666; } #sns_header .header-right .header-right-inner { float:left; } #sns_header .header-right .header-right-inner #search_mini_form .form-search input.input-text { width:200px; } #sns_header .header-right .header-right-inner .connect-us li.gplus a { background-position: left -321px; } #sns_header .header-right .header-right-inner .connect-us li.gplus:hover a { background-position: left -361px; border-color: #d6290b; } #sns_header .header-right .header-right-inner .connect-us li.youtube a { background-position: left -482px; } #sns_header .header-right .header-right-inner .connect-us li.youtube:hover a { background-position: left -520px; border-color: #d6290b; } #sns_header .header-right .header-right-inner .connect-us li.linkedin a { background-position: left -404px; } #sns_header .header-right .header-right-inner .connect-us li.linkedin:hover a { background-position: left -444px; border-color: #0076b2; } .enquire-btn { position:fixed; right:0; top:65%; z-index: 10; } .top-enq-btn { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; display: inline-block; background: #8dc63f; padding:6px 36px; height:18px; border: 1px solid #8dc63f; color: #FFF; font-size: 135%; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; margin:0; } .top-enq-btn:hover { background: #666666; border: 1px solid #666666; color:#FFF; } .header-right-inner .top-enq-btn:hover { background: #666666; border: 1px solid #666666; } .left-col-ctct .fieldset { border:0; } .show-addtocart .add-to-links .link-compare { display: none !important; } .footer_logo_wrap { background: url(../images/footer_logo.png) no-repeat scroll 0 0 transparent; float: right; height: 32px; width: 225px; } .info { display:inline-block; } .left-col-ctct .fieldset { border:0; margin:0; } .contact-us .input-box input[type="text"], .input-box input.input-text { width:100%; } .contact-us select { width:104%; margin-bottom:10px; } .contact-us textarea { width:100%; } .add-info, .add-info li ul { margin:0; padding:0; } .add-info li { list-style:none; } .add-info li ul li { list-style:none; background:none; padding:0; } .address-cont li { background:url("../images/ico-contactus-custom.png") no-repeat; padding:0 0 10px 30px; } .address-cont .phone { background-position:0 -227px; } .address-cont .email { background-position:0 -160px; } .address-cont .location-main { background-position:0 -34px; } .img-sm-blog { border-radius:5px; border:1px solid #ccc; } .tech-tbl-detl { border:1px solid #ccc; } #post-image { margin-bottom:10px; text-align:center; } .cms-home #sns_content { margin:0; } .main-home-content { margin-bottom:35px; border-bottom:1px solid #ccc; padding-bottom:10px; text-align:center; } .main-home-content h2, .main-home-content h3 { font-size:25px; } .read_more { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; display: inline-block; background: #8dc63f; padding:6px 36px; height:18px; border: 1px solid #8dc63f; color: #FFF; font-size: 135%; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; margin:0; float:right; } .read_more:hover { background: #666666; border: 1px solid #666666; color:#FFF; } .std h1 { font-size:36px; padding:0; } .std h2 { font-size:25px; } .std h3 { font-size:25px; } .std a { font-weight:bold; } ul.mainnav > li > a span { font-size:20px; } .main-home-content h1 { text-align:center; } .banner-item { border:1px solid #CCC; } .faq-cont li { list-style:none; } #wk_accordion li { background:none; margin:0; padding:0 } #wk_accordion .wk_accordiontab { background: #666; padding: 10px; margin-bottom: 10px; color:#FFF; border-radius: 5px; cursor:pointer; } #wk_accordion .wk_accordionsubmenu { background:#efefef; padding: 10px; color:#666; border-radius: 5px; margin-bottom:30px; } #wk_accordion .wk_accordionsubmenu ul { margin:10px 0; } #wk_accordion .wk_accordionsubmenu ul li { padding:0 20px; list-style:none; margin:0 0 10px 0; background: url(../images/li-bg.png) 0 4px no-repeat; } .sitecatul li.cat ul li { background: url(../images/li-bg.png) 0 4px no-repeat; padding:0 20px; list-style:none; } .category-description ul li { background: url(../images/li-bg.png) 0 4px no-repeat; padding:0 20px; list-style:none; } .category-description ul { margin:0; } .std ul li { background: url(../images/li-bg.png) 0 4px no-repeat; padding:0 20px; list-style:none; } .std ul { margin:0; } .wk_accordiontab:before { font-size:24px; font-weight:bold; content:attr(data-content); padding-right:5px; color:#8dc63f; } .block.block-connectus .block-content p.c-address { height:75px; } ul#cms-navigation { margin:0; padding:0 !important; } ul#cms-navigation li { list-style-type: none; padding: 3px 0 3px 20px; background: url("../images/arrow2.png") no-repeat left 9px; color: #666666; } .siteul li { background: url(../images/li-bg.png) 0 4px no-repeat; padding: 0 20px; list-style: none; } .examap img { max-width: inherit; } .wm_logo { height: 30px; width: 134px; } .exalogo { height: 25px; margin: 0 0 0 22px; width: 65px; } .footer_logo_wrap a { display: inline; float: left; } .claim large fs_obj { font-size: 17.4839px !important; } .top-enq-btn.footer_btn { width: 66%; } .main-home-content p { text-align:justify; } .std p { text-align:justify; } /****************sapna css for recaptcha 17-12-2014*******************/ #recaptcha { position:relative; height: 115px; } #recaptcha span.required { position:absolute; left: 130px; top: 18px; } #recaptcha input#osolCatchaTxt1 { position:absolute; left: 130px; top: 48px; } #recaptcha .validation-advice { bottom: 10px; left: 130px; position: absolute; } .content_img_right { float: right; margin-left: 15px; } .std p.content_img { text-align:center; } /*Jyo*/ @media (min-width: 1025px) and (max-width: 1200px) { ul.mainnav > li > a span { font-size:18px; } ul.mainnav > li > a { padding: 8px 11px; } .content_img_right { width:50%; } .header-right-inner .top-enq-btn { margin:20px 0 0 0; } } @media (min-width: 980px) and (max-width: 1024px) { ul.mainnav > li > a span { font-size:16px; } ul.mainnav > li > a { padding: 8px 11px; } .content_img_right { width:50%; } .header-right-inner .top-enq-btn { margin:20px 0 0 0; } } @media (max-width: 979px) { .content_img_right { width:50%; } #sns_header .header-right .header-right-inner { margin:20px 0 0 0; } #sns_header { padding:20px 0; } .caroufredsel_wrapper { height:235px !important; } } .incredo_logo{ background: url('../images/incredo_logo.png') right no-repeat; display: inline-block; height: 32px; padding-right: 30px; padding-top: 10px; float: right; background-size: auto 32px; }