/* Global/Helpers/Clears */ .clear { clear: both; } .nobr { white-space: nowrap; } .info { background: #F7F5C6; padding: 10px 20px; border: 1px solid #EEEAC1; color: #747165; box-shadow: inset 0 0 0 1px #ffffcc; -webkit-box-shadow: inset 0 0 0 1px #ffffcc; -moz-box-shadow: inset 0 0 0 1px #ffffcc; } .info a { color: #93864E; } div.jigoshop_error, div.jigoshop_message { border: 1px solid; margin: 10px auto 30px; padding: 25px 20px 25px 70px; background-repeat: no-repeat; background-position: 20px center; line-height: 25px; width: 60%; } div.jigoshop_error a.button, div.jigoshop_message a.button { margin-top: 0; float: right; } div.jigoshop_error { color: #7a1c1c; background-color: #fcd5d5; background-image: url('images/error.png'); } div.jigoshop_message { color: #5b7a1c; background-color: #effcd5; background-image: url('images/cart.png'); } p small { color: #999; } p.demo_store { position: fixed; top: 0; width: 100%; font-size: 12px; text-align: center; background: #f7f5c6; background: -webkit-gradient(linear, left top, left bottom, from(#f7f5c6), to(#eeeac1)); background: -webkit-linear-gradient(#f7f5c6, #eeeac1); background: -moz-linear-gradient(center top, #f7f5c6 0%, #eeeac1 100%); background: -moz-gradient(center top, #f7f5c6 0%, #eeeac1 100%); padding: 8px 0; border: 1px solid #EEEAC1; color: #747165; z-index: 999999; box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.3); -webkit-box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.3); -moz-box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.3); } small.note { display: block; color: #999; font-size: 12px; line-height: 21px; margin-top: 10px; } #breadcrumb { overflow: hidden; zoom: 1; margin: 0 0 1em !important; padding: 0; font-size: 12px; color: #999 !important; } #breadcrumb a { color: #999 !important; } input.text, input.email, input.password, textarea.uniform { background: url("images/bg-input.png") repeat-x scroll 0 0 transparent; border-color: #AAAAAA #CCCCCC #CCCCCC #AAAAAA; border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 1px; color: #777777; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; font-weight: normal; outline: 0 none; padding: 3px; } /* =Product Page -------------------------------------------------------------- */ div.product { position: relative; } div.product .product_title { clear: none; margin-top: 0; float: left; } div.product p.price { color: green; font-size: 1.3em; } div.product p.price:after { background: none repeat scroll 0 0 #FFFFFF; border-radius: 6px 6px 6px 6px; content: ""; display: block; height: 6px; position: absolute; right: -3px; top: 15px; width: 6px; } div.product p.price:before { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent transparent transparent #7FA92D; border-style: solid; border-width: 18px; content: ""; position: absolute; right: -36px; top: 0; } div.product div.summary p { clear: both; } div.product div.summary p.price { clear: none; } div.product p.price { background: none repeat scroll 0 0 #7FA92D; border-bottom-left-radius: 4px; border-top-left-radius: 4px; color: #FFFFFF; display: inline-block; float: right; font-size: 18px; font-weight: bold; margin: 16px 22px 24px 0; padding: 5px 16px 5px 12px; position: relative; line-height: 25px; height: 26px; } div.product p.price del { font-size: 12px; color: #fff; } div.product p.stock { font-size: 12px; float: left; padding: 2px 0 0 0; } div.product div.images { float: left; width: 314px; margin-bottom: 10px; position: relative; } div.product div.images a { border: 1px solid #ddd; background: #fff; padding: 6px; display: block; } div.product div.images img { display: block; margin-bottom:0; } div.product div.images div.thumbnails { padding-top: 10px; overflow: hidden; zoom: 1; width: 105%; } div.product div.images div.thumbnails a { margin-right: 10px; margin-bottom: 10px; float: left; padding: 0; } div.product div.images div.thumbnails a img { padding: 3px; width: auto; height: auto; } /*div.product div.images div.thumbnails a.last { margin-right: 0; } div.product div.images div.thumbnails a.first { clear: both; } */ div.product div.summary { float: left; margin-left: 2.0833%; } div.product_meta { clear:both; color: #888; } div.product div.social { text-align: right; margin: 0 0 1em; } div.product div.social span { margin: 0 0 0 2px; } div.product div.social span span { margin: 0; } div.product div.social span .stButton .chicklets { padding-left: 16px; width: 0; } div.product div.social iframe { float: left; margin-top: 3px; } div.product #product-tabs { clear: both; padding: 1em 0 0 0; margin: 0 0 1em 0; } div.product #product-tabs ul.tabs { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; background: #ddd; overflow: hidden; zoom: 1; margin: 0 !important; padding: 4px 4px 0; list-style: none outside !important; } div.product #product-tabs ul.tabs li { float: left; margin: 0 4px 0 0; font-size: 12px; } div.product #product-tabs ul.tabs a { float: left; padding: 6px 12px; background: #eee; text-decoration: none; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; } div.product #product-tabs ul.tabs li.active a { background: #fff; color: #555; } div.product #product-tabs .panel { border: 1px solid #ddd; border-top: 0; padding: 15px 15px 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } div.product #product-tabs ul.tabs { background: url("images/tabs.png") repeat-x scroll center bottom transparent; padding: 0; height:auto; } div.product #product-tabs ul.tabs li a { background: none repeat scroll 0 0 transparent; border-bottom: 0 none; border-top-left-radius: 4px; border-top-right-radius: 4px; font-size: 1.15em !important; font-weight: bold; padding: 9px 16px 8px; } div.product #product-tabs ul.tabs li { float: left; font-size: 12px; margin: 0 4px 0 0; height:auto; line-height:1.5em; width:auto; background:none; border:0 !important; } div.product #product-tabs ul.tabs li.active a { border:1px solid #eeeeee;border-bottom:0; padding: 8px 15px; } div.product #product-tabs ul.tabs li a { background: none repeat scroll 0 0 transparent; border-bottom: 0 none; border-top-left-radius: 4px; border-top-right-radius: 4px; font-size: 1.15em !important; font-weight: bold; padding: 9px 16px 8px; } div.product #product-tabs ul.tabs li a:hover { border:1px solid #eeeeee;border-bottom:0; background: none repeat scroll 0 0 #FFFFFF; padding: 8px 15px; } div.product #product-tabs .panel { border:none; border-bottom:1px solid #eeeeee; margin-bottom: 3em; padding: 0 0 1.5em; } div.product #product-tabs .panel h2 { margin-top:0.5em; } .stock { color: green; float: left; } .out-of-stock { color: red; } p.cart { float: right; } form.cart { margin-bottom: 24px; float: none; width: 245px; margin-top:2em; clear: both; } .quantity { margin-right: 12px !important; min-width: inherit; overflow: hidden; position: relative; width: 57px !important; } form.cart div.quantity { float: left; margin: 0 4px 0 0; } form.cart table { font-size: 12px; border-width: 0 0 1px 0 !important; } form.cart table td { padding: 4px 4px 4px 0 !important; } form.cart table div.quantity { float: none; margin: 0; width: 72px; } form.cart table small.stock { display: block; float: none; } form.cart .button { vertical-align: middle; float: left; margin: 2px 0 !important; } span.onsale { background: #b9b701; color: #fff; min-height: 32px; min-width: 32px; padding: 4px; font-size: 12px; position: absolute; text-align: center; line-height: 32px; top: 0; right: 0; margin: -6px 0 0 0; z-index: 10; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .products ul, ul.products { margin: 0 !important; padding: 0 !important; list-style: none !important; float: left; clear: both; } .related.products { margin-bottom:2em; } .products { clear: both; } .products li { float: left; margin: 0 50px 30px 0; padding: 0 !important; position: relative; width: 172px; text-align: center; } .products li.border { margin: 0 30px 30px 0; } .products li.last-row { margin-bottom: 0; } .products li .onsale { top: 0; right: 0; left: auto; margin: -6px -6px 0 0; } .products li a { text-decoration: none; display:block; position:relative; } .products li.shadow a img { margin-bottom:-1px !important; } .products li.shadow a .thumb-shadow { background:url('images/shadow-product.png') center bottom no-repeat; height:22px; width:100%; display:block; } .products li a strong.inside-thumb { font-family: Verdana; font-size:12px; text-transform:uppercase; color:#fff; font-weight:normal; display:block; width:120px; padding:10px 15px; position:absolute; left:0px; background:#000; background:rgba(0,0,0,0.8); } .products li a strong.below-thumb { font-family: 'Droid Sans'; font-size: 12px; font-weight: normal; text-transform: uppercase; color: #5e6060; width: 100% !important; } .products li.border a strong { left:7px; } .products li a img { width: 150px !important; height: 150px !important; display: block; margin: 0 0 8px !important; } .products li.border a:hover img { border: 1px solid #7f7f7f; } .products li.border a img { border: 1px solid #b2b0b0; padding: 6px; } .products li .thumbnail { position:relative; } .products li strong { color: #555; display: block; } .products li .price { color: #5e6060; display: block; font-weight: bold; font-size: 14px; } .products li .price del { font-size: 12px; line-height: 10px; margin: -2px 0 0 0; color: #888; } .products li .price ins { text-decoration:none; } #content .products .hide-price .price { display:none; } .products li .price .from { font-size: 12px; line-height: 10px; margin: -2px 0 0 0; display: block; color: #ccc; } .products li.first { clear: both; } .products li.last { margin-right: 0; } .products li .buttons { margin-top:0.6em; } .products li .buttons a { display:inline-block; width:73px; color:#fff; font-size:12px; text-transform: uppercase; } .products li .buttons a.add-to-cart { background:#6b90a9; } .products li .buttons a.details { background:#535353; } .products li .buttons a.add-to-cart:hover { background:#7aa5c2; } .products li .buttons a.details:hover { background:#6b6b6b; } .products li .buttons .nostock { color:#EE0000; font-size:100%; } .products li.hide-details-button .buttons a.details { display:none; } .products li.hide-add-to-cart-button .buttons a.add-to-cart { display:none; } table.shop_attributes { border: 0 !important; border-top: 1px dotted #ccc !important; } table.shop_attributes th { width: 150px; font-weight: bold; padding: 8px; color: black !important; border-bottom: 1px dotted #ccc; margin: 0 !important; line-height: 1.5em; } table.shop_attributes td { font-style: italic; padding: 0 !important; border-bottom: 1px dotted #ccc; margin: 0 !important; line-height: 1.5em; } table.shop_attributes td p { margin: 0 !important; padding: 8px; } table.shop_attributes .alt td, table.shop_attributes .alt th { background: #f9f9f9; } /* =Buttons -------------------------------------------------------------- */ a.button, button.button, input.button, #review_form #submit { color: #fff !important; background: #ff9c07; padding: 6px; line-height: 1em !important; margin: 4px 2px 0 0; float: left; font-size: 12px !important; width: auto !important; vertical-align: middle !important; text-align: center; text-decoration: none; border: none; cursor: pointer; font-family: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } a.button:hover, button.button:hover, input.button:hover, #review_form #submit:hover { background: #ff9933; text-decoration: none; } .cart .button, .cart input.button { float: none; } .button-alt { color: #fff !important; background: #069bcd; padding: 6px; line-height: 1em !important; margin: 4px 2px 0 0; float: left; font-size: 12px !important; width: auto !important; vertical-align: middle !important; text-align: center; text-decoration: none; border: none; cursor: pointer; font-family: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .button-alt:hover { background: #0588b5; } form.cart .button-alt { font-size: 14px; margin-top: 0; padding: 8px 12px; } a.button, button.button, input.button, #review_form #submit, .button-alt { background: #fff url('images/bg/bg-add-cart.png') bottom left repeat-x; background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); background:-webkit-linear-gradient(#ffffff, #eeeeee); background:-moz-linear-gradient(center top, #ffffff 0%, #eeeeee 100%); background:-moz-gradient(center top, #ffffff 0%, #eeeeee 100%); text-decoration:none; border: 1px solid #AAAAAA; border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(255, 255, 255, 0.25) inset; color: #000 !important; display: inline-block; float: none; font-size: 12px !important; font-weight: bold; margin-top: 0 !important; padding: 6px 12px 7px; text-shadow: 0 1px 0 #FFFFFF; } a.button.checkout, .button-alt { background: #A1CB4F url('images/bg/bg-add-cart.png') bottom left repeat-x; border: 1px solid #5D870B; color: #194300 !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); font-size: 12px !important; } a.button.checkout:hover, .button-alt:hover, a.button:hover,button.button:hover,input.button:hover,#review_form #submit:hover { background-color: #b2dc60; } #reviews h2 small { float: right; color: #999; font-size: 15px; line-height: 21px; margin: 10px 0 0 0; } #reviews h2 small a { text-decoration: none; color: #999; } #reviews h3 { margin: 0; } #reviews #respond { margin: 0; border: 0; padding: 0; } #reviews #comment { height: 75px; } #reviews #comments .add_review { overflow: hidden; zoom: 1; } #reviews #comments h2 { clear: none; } #reviews #comments ol.commentlist { overflow: hidden; zoom: 1; margin: 0 !important; } #reviews #comments ol.commentlist li { padding: 00; margin: 0 0 20px; border: 0; position: relative; } #reviews #comments ol.commentlist li .meta { color: #999; font-size: 12px; } #reviews #comments ol.commentlist li img { float: left; position: absolute; top: 0; left: 0; padding: 3px; width: 32px; height: auto; border: 1px solid #ddd; background: #fff; margin: 0; line-height: 1; } #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 50px; border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 11px 11px 0; } #reviews #comments ol.commentlist li .comment-text p { margin: 0 0 11px; } #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 12px; } .star-rating { float: right; width: 80px; height: 16px; background: url(images/star.png) repeat-x left 0; } .star-rating span { background: url(images/star.png) repeat-x left -32px; height: 0; padding-top: 16px; overflow: hidden; float: left; } .hreview-aggregate .star-rating { margin: 10px 0 0 0; } #review_form #respond { overflow: hidden; zoom: 1; border: 1px solid #E7E7E7; margin: 0 !important; padding: 10px 20px 20px; } #review_form #respond p { margin: 0 0 10px !important; } p.stars { overflow: hidden; zoom: 1; } p.stars span { width: 80px; height: 16px; position: relative; float: left; background: url(images/star.png) repeat-x left 0; } p.stars span a { float: left; position: absolute; left: 0; top: 0; width: 16px; height: 0; padding-top: 16px; overflow: hidden; } p.stars span a:hover, p.stars span a:focus { background: url(images/star.png) repeat-x left -16px; } p.stars span a.active { background: url(images/star.png) repeat-x left -32px; } p.stars span a.star-1 { width: 16px; z-index: 10; } p.stars span a.star-2 { width: 32px; z-index: 9; } p.stars span a.star-3 { width: 48px; z-index: 8; } p.stars span a.star-4 { width: 64px; z-index: 7; } p.stars span a.star-5 { width: 80px; z-index: 6; } /* =Tables -------------------------------------------------------------- */ table.shop_table { border: 1px solid #E7E7E7; margin: 0px -1px 24px 0px; text-align: left; width: 100%; border-collapse: separate; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } table.shop_table th { color: #888; font-size: 12px; font-weight: bold; line-height: 18px; padding: 9px 12px !important; } table.shop_table td { border-top: 1px solid #E7E7E7; padding: 6px 12px !important; vertical-align: middle; } table.shop_table td a.button { margin: 0 3px; } table.shop_table tfoot td { font-weight: bold; } /*table.my_account_orders { font-size: 0.85em; }*/ table.my_account_orders th, table.my_account_orders td { padding: 4px 8px !important; vertical-align: top; } table.my_account_orders .button { white-space: nowrap; margin: 4px 0; } table.shop_table{border:1px solid #dddddd;}table.shop_table tfoot td{background:#f8f8f8;} table.shop_table th{color:#666666;text-shadow:0 1px 0 #ffffff;background:#ffffff;background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));background:-webkit-linear-gradient(#ffffff, #f1f1f1);background:-moz-linear-gradient(center top, #ffffff 0%, #f1f1f1 100%);background:-moz-gradient(center top, #ffffff 0%, #f1f1f1 100%);} table.shop_table td{border-top:1px solid #dddddd;} table.shop_table td.actions{background:#F6F6F6;box-shadow:inset 0 0 0 3px rgba(0, 0, 0, 0.025);-webkit-box-shadow:inset 0 0 0 3px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 0 0 3px rgba(0, 0, 0, 0.025);}table.shop_table td.actions div.coupon{text-align:left;width:40%;}table.shop_table td.actions div.coupon label{display:none;} table.shop_table td.actions div.coupon span.input-text{float:left;width:160px;margin-right:12px;}table.shop_table td.actions div.coupon span.input-text input{padding:0 !important;} table.shop_table td.actions .button,table.shop_table td.actions .button-alt{font-size:12px !important;vertical-align:top !important;margin-right:0;} table.shop_table tbody tr {background:#fff;} table.shop_table tbody a { color:#000; } table.shop_table tbody a:hover { color:#444; } /* =Cart Sidebar -------------------------------------------------------------- */ ul.cart_list, ul.product_list_widget { list-style: none outside !important; padding: 0 !important; margin: 0 !important; } ul.cart_list li, ul.product_list_widget li { padding: 4px 0 !important; margin: 0 !important; overflow: hidden; zoom: 1; } ul.cart_list li a, ul.product_list_widget li a { display: block; font-weight: bold; line-height:20px; } ul.cart_list li a, ul.product_list_widget li a { display: block; font-weight: bold; line-height:20px; } ul.cart_list li img, ul.product_list_widget li img { float: left; margin-right: 8px; border: 1px solid #ddd; width: 40px; padding:2px; } ul.cart_list li a { color: #000 !important; } ul.cart_list li img { padding: 3px; width: 45px; } .widget_shopping_cart .total { border-top: 3px double #ddd; padding: 4px 0 0; margin: 0 !important; } .widget_shopping_cart .total strong { min-width: 40px; display: inline-block; } .widget_shopping_cart .buttons { overflow: hidden; zoom: 1; } /* =Cart -------------------------------------------------------------- */ a.remove { display: block; height: 16px; width: 16px; text-indent: -9999px; background: url(images/remove.png) #cccccc; } a.remove:hover { background-color: #f93; } .cart th, .cart td { vertical-align: middle; } td.actions { text-align: right; } td.actions .coupon { float: left; } td.actions .coupon label { display: none; } td.actions .coupon .input-text { width: 160px !important; float: left; margin: 1px 6px 0 0 !important; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2) inset; background: #fff url("images/bg-input.png") repeat-x scroll 0 0 transparent; border-color: #AAAAAA #CCCCCC #CCCCCC #AAAAAA; border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 1px; color: #777777; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; font-weight: normal; outline: 0 none; padding: 6px; } td.actions .button-alt { float: right; margin: 2px 0 0 6px; padding: 9px 15px; } td.quantity { min-width: 80px; } .quantity input { margin-left: 0; margin-right: 0; } .quantity input.qty { border: 1px solid #ccc; width: 20px; display: inline; padding: 1px 5px 2px; line-height: 1em !important; vertical-align: middle; } .quantity input.plus, .quantity input.minus { background: #ccc; padding: 4px; vertical-align: middle; line-height: 1em !important; border: none; width: 20px; color: #fff !important; cursor: pointer; } .quantity input.minus { -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .quantity input.plus { -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .quantity input.minus:hover, .quantity input.plus:hover { background: #f93; } .quantity input.minus { border-radius: 0 0 4px 0; bottom: 0; position: absolute; right: 0; } .quantity input.plus, .quantity input.minus { background: -moz-linear-gradient(center top , #FFFFFF 0%, #EEEEEE 100%) repeat scroll 0 0 transparent; border: 1px solid #BBBBBB; box-shadow: 0 0 0 1px #FFFFFF inset; color: #888888 !important; font-size: 12px; height: 16px !important; padding: 0; } .quantity input.input-text { border: 1px solid #BBBBBB; border-bottom-right-radius: 0; border-top-right-radius: 0; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2) inset; float: left; padding: 7px 9px; width: 18px; } .quantity input.plus { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 4px; position: absolute; right: 0; top: 0; } .quantity input.plus, .quantity input.minus { background: -moz-linear-gradient(center top , #FFFFFF 0%, #EEEEEE 100%) repeat scroll 0 0 transparent; border: 1px solid #BBBBBB; box-shadow: 0 0 0 1px #FFFFFF inset; color: #888888 !important; font-size: 12px; height: 16px !important; padding: 0; } .quantity input.plus:hover,.quantity input.minus:hover{background:#fff;} .cart input { width: 100px; margin: 0 !important; vertical-align: middle; line-height: 1em !important; } .col2-set { overflow: hidden; zoom: 1; width: 100%; margin-top: 3em; } .col2-set .col-1 { float: left; width: 48%; } .col2-set .col-2 { float: right; width: 48%; } .cart-collaterals { overflow: hidden; zoom: 1; width: 100%; margin-bottom:2em; } .cart-collaterals .related { width: 310px; float: left; } .cart-collaterals .cross-sells { width: 314px; float: left; } .cart-collaterals .shipping_calculator { float: left; max-width: 400px; width: 100%; clear: left; text-align: left; overflow: hidden; zoom: 1; } .cart-collaterals .shipping_calculator .button { width: 225px !important; float: none !important; display: block; } .cart-collaterals .shipping_calculator a { color:#000; } .cart-collaterals .shipping_calculator a:hover { color:#444; } .cart-collaterals .shipping_calculator .col2-set { margin-top:0; } .cart-collaterals .shipping_calculator .col2-set .col-1, .cart-collaterals .shipping_calculator .col2-set .col-2 { width: 47%; } .cart-collaterals .cart_totals { float: right; max-width: 400px; text-align: left; width: 100%; } .cart-collaterals .cart_totals p { margin: 0 !important; } .cart-collaterals .cart_totals table { border-collapse: separate; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 0 6px !important; padding: 0; width: 100%; } .cart-collaterals .cart_totals table tr:first-child th, .cart-collaterals .cart_totals table tr:first-child td { border-top: 0 !important; } .cart-collaterals .cart_totals table td, .cart-collaterals .cart_totals table th { padding: 6px 12px !important; } .cart-collaterals .cart_totals table small { display: block; color: #999; } .cart-collaterals .cart_totals .discount td { color: green; } .cart-collaterals .cart_totals tr td, .cart-collaterals .cart_totals tr th { border-top: 1px solid #E7E7E7; padding: 12px 15px !important; line-height: 1.5em; } .cart-collaterals .cart_totals a.button-alt { width: 193px; display: block; font-size: 12px; } /* =Forms -------------------------------------------------------------- */ .form-row { overflow: hidden; zoom: 1; padding: 3px; margin: 0 0 6px !important; } .form-row label { display: block; } .form-row label.hidden { visibility: hidden; } .form-row select { width: 100%; cursor: pointer; margin: 0 !important; } .form-row .required { color: #c00; font-weight: bold; } .form-row .input-checkbox { display: inline; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; } .form-row label.checkbox { display: inline; } form .form-row, #content .form-row { /*display: block; padding: 1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width: 100%; border: 1px solid #ccc; outline: 3px solid #f5f5f5; background: #fff;*/ } form .form-row input.input-text, #content .form-row input.input-text, form .form-row textarea, #content .form-row textarea, form .form-row select, table.variations tr select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1); border: 1px solid #ccc; width: 100%; padding: 6px; margin: 0; outline: 0; background: #fff none; font-size: 14px; line-height: 1em; } form .form-row textarea, #content .form-row textarea { height: 3.5em; line-height: 1.5em; display: block; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } form .form-row input.input-text:focus, #content .form-row input.input-text:focus, form .form-row textarea:focus, #content .form-row textarea:focus { box-shadow: inset 0 0 0 3px #fff; -webkit-box-shadow: inset 0 0 0 3px #fff; -moz-box-shadow: inset 0 0 0 3px #fff; } .form-row-first, .form-row-last { float: left; width: 47%; overflow: visible; } .form-row-last { float: right; } /* =Checkout -------------------------------------------------------------- */ form.login { border: 1px solid #ccc; padding: 20px; border: 1px solid #E7E7E7; margin: 20px 0 20px 0px; text-align: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #payment { background: #F9F9F9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #payment ul.payment_methods { overflow: hidden; zoom: 1; text-align: left; padding: 1em; border-bottom: 1px solid #eee; margin: 0 !important; list-style: none outside; } #payment ul.payment_methods li { line-height: 2em; text-align: left; margin: 0 !important; font-weight: normal; } #payment ul.payment_methods li input { margin: 0 1em 0 0 !important; } #payment ul.payment_methods li img { vertical-align: middle; margin: -2px 0 0 0.5em; position: relative; } #payment div.form-row { padding: 1em; border-top: 1px solid #fff; } #payment #place_order { float: right; margin: 0; } #payment .terms { padding: 0 1em 0 !important; text-align: right; } #payment div.payment_box { position: relative; width: 96%; background: #f1f1f1; border: 1px solid #f1f1f1; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888; -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888; -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888; padding: 1em 2% 0; margin: 1em 0 1em 0; font-size: 12px; } #payment div.payment_box #cc-expire-month, #payment div.payment_box #cc-expire-year { width: 48%; float: left; } #payment div.payment_box #cc-expire-year { float: right; } #payment div.payment_box span.help { font-size: 12px; color: #999; line-height: 13px; font-weight: normal; } #payment div.payment_box p, #payment div.payment_box .form-row { margin: 0 0 1em; } #payment div.payment_box:after { content: ""; display: block; border: 8px solid #f1f1f1; /* arrow size / color */ border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; top: -5px; left: 0; margin: -1em 0 0 2em; } div.shipping-address { padding: 0; clear: left; } #shiptobilling { float: right; line-height: 1.62em !important; margin: 0 0 0 0 !important; padding: 0; } #shiptobilling label { font-size: 12px; } .checkout .col-2 h3 { float: left; clear: none; } .checkout .col-2 .notes { clear: left; } .checkout .col-2 .form-row-first { clear: left; } /* =Order Page -------------------------------------------------------------- */ .order_details { overflow: hidden; zoom: 1; margin: 0 0 1.5em; list-style: none; } .order_details li { float: left; margin-right: 2em; text-transform: uppercase; font-size: 12px; line-height: 1em; border-right: 1px dashed #ccc; padding-right: 2em; } .order_details li strong { display: block; font-size: 1.4em; text-transform: none; line-height: 1.5em; color: #333; } .order_details li.method { border: none; } /* =Account -------------------------------------------------------------- */ .addresses .title { overflow: hidden; zoom: 1; } .addresses .title h3 { float: left; } .addresses .title .edit { float: right; } /* =Layered Nav Widgets -------------------------------------------------------------- */ .widget_price_filter .price_slider_wrapper .button { float: right; margin: 0 !important; } .widget_price_filter .price_slider_wrapper .price_slider { margin: 1em .6em .6em; } .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle { outline: 0 !important; } .widget_price_filter .price_slider_wrapper .price_slider_amount { overflow: hidden; line-height: 2em; } .widget_layered_nav ul { margin: 0 !important; padding: 0 !important; border: 0 !important; list-style: none outside !important; } .widget_layered_nav ul li { overflow: hidden; zoom: 1; padding: 0 0 1px; } .widget_layered_nav ul li a, .widget_layered_nav ul li span { padding: 1px 0; float: left; } .widget_layered_nav ul li.chosen a { padding: 0 6px 0 18px; border: 1px solid #3399cc; background: #3399cc url(images/cross_white.png) no-repeat 6px center; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888; -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888; -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .widget_layered_nav ul small.count { float: right; margin-left: 6px; font-size: 12px; padding: 1px 0; color: #999; } /* =Layered Nav Widgets -------------------------------------------------------------- */ .widget_featured_products ul.product_list_widget li { font-weight:bold; } .widget_featured_products ul.product_list_widget li a { font-family: 'Droid Sans'; font-size: 12px; font-weight: normal; text-transform: uppercase; color: #5e6060; } .widget_featured_products ul.product_list_widget li del { font-size: 12px; line-height: 10px; font-weight: normal; margin: -2px 0 0 0; color: #888; } .widget_featured_products ul.product_list_widget li ins { text-decoration:none; } /* =Categories Widgets -------------------------------------------------------------- */ #sidebar .widget_product_categories ul li, #sidebar .jigoshop_product_categories ul li { background:url('../images/icons/folder.png') 0 5px no-repeat; padding-left:20px; } #sidebar .widget_product_categories ul li ul li, #sidebar .jigoshop_product_categories ul li ul li { background:none; padding-left:0; } #sidebar .widget_product_categories ul li ul li a, #sidebar .jigoshop_product_categories ul li ul li a { color:#888; } #sidebar .widget_product_categories ul li ul li a:hover, #sidebar .jigoshop_product_categories ul li ul li a:hover { color:#000; } /* =Variations -------------------------------------------------------------- */ .variations_form {overflow:hidden;border-bottom:1px solid #cecece;width:auto !important;} .variations_form .single_variation_wrap {overflow:hidden;margin-top:10px;} .variations_form .variations_button {float:right;} .variations_form .variations {border:0;margin-bottom:1px;} .variations_form .variations {background:none;padding:5px 0;} .variations_form .variations .select_label {display:block;width:60px;text-align:left;font-size:12px;line-height:26px;} .variations_form .variations select { padding:3px; color:#343434; font-size:12px; font-family: 'Calibri', 'Droid Sans', Verdana, Arial, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1); border: 1px solid #ccc; padding: 3px; margin: 0; outline: 0; background: #fff none; font-size: 12px; line-height: 1em;} .variations_form .single_variation {float:left;} .variations_form .price { color: #444444; display: block; font-family: 'Calibri', 'Droid Sans', Verdana, Arial, sans-serif; font-size: 2em; line-height: 33px; padding-left: 24px; background: url('../images/price.png') no-repeat left center; } .variations_form .out-of-stock {margin: 0.8em 20px 0.8em 0;clear:both!important;} .variations_form .variations div { margin-bottom:10px; } .variations_form .select_label { display:block; width:50px; float:left; }