/* 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.woocommerce_error, div.woocommerce_message { border: 1px solid; margin: 10px 0px; padding: 10px 10px 10px 32px; background-repeat: no-repeat; background-position: 10px center; } div.woocommerce_error a.button, div.woocommerce_message a.button { margin-top: 0; float: right; } div.woocommerce_error { color: #D8000C; background-color: #ffd4d4; background-image: url('../images/error.gif'); } div.woocommerce_message { color: #4F8A10; background-color: #DFF2BF; background-image: url('../images/success.gif'); } 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: 11px; line-height: 21px; margin-top: 10px; } #breadcrumb { margin: 0 0 1em; padding: 0; font-size: 0.92em; color: #999; } #breadcrumb:after { content: ""; display: block; clear: both; } #breadcrumb a { color: #999; } /* =Product Page -------------------------------------------------------------- */ div.product { position: relative; margin-bottom: 0; } div.product .product_title { clear: none; } div.product p.price { color: green; font-size: 1.3em; } div.product p.price del { font-size: 14px; color: #ccc; } div.product p.stock { font-size: 0.92em; padding: 2px 0 0 0; } div.product div.images { float: left; width: 47%; margin-bottom: 10px; } div.product div.images img { border: 1px solid #ddd; background: #f5f5f5; padding: 6px; display: block; width: 100%; height: auto; } div.product div.images div.thumbnails { padding-top: 10px; } div.product div.images div.thumbnails:after { content: ""; display: block; clear: both; } div.product div.images div.thumbnails a { float: left; width: 30.75%; margin-right: 3.8%; } div.product div.images div.thumbnails a img { width: 100%; 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: right; width: 48%; } 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 .woocommerce_tabs { clear: both; padding: 1em 0 0 0; margin: 0 0 1em 0; } div.product .woocommerce_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; padding: 4px 4px 0; list-style: none outside; } div.product .woocommerce_tabs ul.tabs li { float: left; margin: 0 4px 0 0; font-size: 0.92em; list-style: none outside; } div.product .woocommerce_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 .woocommerce_tabs ul.tabs li.active a { background: #fff; color: #555; } div.product .woocommerce_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; } .stock { color: green; } .out-of-stock { color: red; } p.cart { float: right; } form.cart { margin-bottom: 24px; overflow: hidden; zoom: 1; } form.cart div.quantity { float: left; margin: 0 4px 0 0; } form.cart table { font-size: 12px; border-width: 0 0 1px 0; } form.cart table td { padding: 4px 4px 4px 0; } form.cart table div.quantity { float: none; margin: 0; width: 72px; } form.cart table small.stock { display: block; float: none; } form.cart .variations label { font-weight: bold; } form.cart .variations select { width: 100%; float: left; } form.cart .button { vertical-align: middle; float: left; } span.onsale { color: #fff; min-height: 32px; min-width: 32px; padding: 4px; font-size: 12px; font-weight: bold; position: absolute; text-align: center; line-height: 32px; top: 6px; left: 6px; margin: 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #a1c41e; background: -webkit-gradient(linear, left top, left bottom, from(#a1c41e), to(#8fae1b)); background: -webkit-linear-gradient(#a1c41e, #8fae1b); background: -moz-linear-gradient(center top, #a1c41e 0%, #8fae1b 100%); background: -moz-gradient(center top, #a1c41e 0%, #8fae1b 100%); text-shadow: 0 -1px 0 #8fae1b; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); } .products ul, ul.products { margin: 0 0 14px; padding: 0; list-style: none outside; } .products ul li, ul.products li { list-style: none outside; } .related, .upsells.products { overflow: hidden; zoom: 1; } .related ul.products, .upsells.products ul.products, .related ul, .upsells.products ul { float: none; } .related ul.products li, .upsells.products ul.products li, .related ul li, .upsells.products ul li { width: 48%; } .related ul.products li img, .upsells.products ul.products li img, .related ul li img, .upsells.products ul li img { width: 100%; height: auto; } ul.products { clear: both; margin-left: 0; padding-left: 0; } ul.products li { float: left; margin: 0 3.8% 20px 0; padding: 0; position: relative; width: 22.05%; margin-left: 0; } ul.products li .onsale { top: 0; right: 0; left: auto; margin: -6px -6px 0 0; } ul.products li a { text-decoration: none; } ul.products li a img { width: 100%; height: auto; display: block; margin: 0 0 8px; border: 1px solid #ddd; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); } ul.products li a:hover img { border: 1px solid #bbb; } ul.products li strong { color: #555; display: block; } ul.products li .price { color: green; display: block; font-weight: normal; } ul.products li .price del { font-size: 10px; line-height: 10px; margin: -2px 0 0 0; display: block; color: #ccc; } ul.products li .price .from { font-size: 10px; line-height: 10px; margin: -2px 0 0 0; display: block; color: #ccc; } ul.products li.first { clear: both; } ul.products li.last { margin-right: 0; } .woocommerce_ordering { margin-bottom: 24px; } /* =Buttons -------------------------------------------------------------- */ a.button, button.button, input.button, #review_form #submit { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; line-height: normal; cursor: pointer; position: relative; font-family: sans-serif; text-decoration: none; overflow: visible; border: 1px solid #969696; background: #f5f5f5; background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e1e1e1)); background: -webkit-linear-gradient(#f5f5f5, #e1e1e1); background: -moz-linear-gradient(center top, #f5f5f5 0%, #e1e1e1 100%); background: -moz-gradient(center top, #f5f5f5 0%, #e1e1e1 100%); padding: 5px 10px; color: #676767; text-decoration: none; font-weight: bold; text-shadow: 0 1px 0 #fff; margin: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1); } a.button.loading, button.button.loading, input.button.loading, #review_form #submit.loading { color: #999; border-color: #ccc; } a.button.loading:before, button.button.loading:before, input.button.loading:before, #review_form #submit.loading:before { /*content:""; position: absolute; height:16px; width:16px; top:0.35em; right:-26px; text-indent: 0; background: url(../images/ajax-loader.gif) no-repeat;*/ content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: url(../images/ajax-loader.gif) center no-repeat rgba(255, 255, 255, 0.65); } a.button.added:before, button.button.added:before, input.button.added:before, #review_form #submit.added:before { content: ""; position: absolute; height: 16px; width: 16px; top: 0.35em; right: -26px; text-indent: 0; background: url(../images/success.gif) no-repeat; } a.button:hover, button.button:hover, input.button:hover, #review_form #submit:hover { background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e6e6e6)); background: -webkit-linear-gradient(#fafafa, #e6e6e6); background: -moz-linear-gradient(center top, #fafafa 0%, #e6e6e6 100%); background: -moz-gradient(center top, #fafafa 0%, #e6e6e6 100%); text-decoration: none; } a.button:active, button.button:active, input.button:active, #review_form #submit:active { top: 1px; } a.button.alt, button.button.alt, input.button.alt, #review_form #submit.alt { background: #ad74a2; background: -webkit-gradient(linear, left top, left bottom, from(#ad74a2), to(#935386)); background: -webkit-linear-gradient(#ad74a2, #935386); background: -moz-linear-gradient(center top, #ad74a2 0%, #935386 100%); background: -moz-gradient(center top, #ad74a2 0%, #935386 100%); border-color: #522e4b; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6); } a.button.alt:hover, button.button.alt:hover, input.button.alt:hover, #review_form #submit.alt:hover { background: #b784ad; background: -webkit-gradient(linear, left top, left bottom, from(#b784ad), to(#935386)); background: -webkit-linear-gradient(#b784ad, #935386); background: -moz-linear-gradient(center top, #b784ad 0%, #935386 100%); background: -moz-gradient(center top, #b784ad 0%, #935386 100%); } input.button { padding-top: 6px; padding-bottom: 7px; } .cart .button, .cart input.button { float: none; } /* =Reviews/comments -------------------------------------------------------------- */ #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; width: 100%; background: none; } #reviews #comments ol.commentlist * { background: none; } #reviews #comments ol.commentlist li { padding: 00; margin: 0 0 20px; border: 0; position: relative; background: 0; border: 0; } #reviews #comments ol.commentlist li .meta { color: #999; font-size: 0.75em; } #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: 0.86em; } .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 { border: 1px solid #E7E7E7; margin: 0; padding: 10px 20px 20px; } #review_form #respond:after { content: ""; display: block; clear: both; } #review_form #respond p { margin: 0 0 10px; } 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_attributes { border: 0; border-top: 1px dotted #ccc; } table.shop_attributes th { width: 150px; font-weight: bold; padding: 8px; color: black; border-bottom: 1px dotted #ccc; margin: 0; line-height: 1.5em; } table.shop_attributes td { font-style: italic; padding: 0; border-bottom: 1px dotted #ccc; margin: 0; line-height: 1.5em; } table.shop_attributes td p { margin: 0; padding: 8px; } table.shop_attributes .alt td, table.shop_attributes .alt th { background: #f9f9f9; } 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; } table.shop_table td { border-top: 1px solid #E7E7E7; padding: 6px 12px; vertical-align: middle; } 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; vertical-align: top; } table.my_account_orders .button { white-space: nowrap; } /* =Cart -------------------------------------------------------------- */ table.cart img { width: 32px; height: auto; } /* =Cart Sidebar -------------------------------------------------------------- */ ul.cart_list, ul.product_list_widget { list-style: none outside; padding: 0; margin: 0; } ul.cart_list li, ul.product_list_widget li { padding: 4px 0; margin: 0; } ul.cart_list li:after, ul.product_list_widget li:after { content: ""; display: block; clear: both; } ul.cart_list li a, ul.product_list_widget li a { display: block; font-weight: bold; } ul.cart_list li img, ul.product_list_widget li img { float: left; margin-right: 4px; border: 1px solid #ddd; width: 32px; height: auto; } .widget_shopping_cart .total { border-top: 3px double #ddd; padding: 4px 0 0; margin: 0; } .widget_shopping_cart .total strong { min-width: 40px; display: inline-block; } .widget_shopping_cart .buttons:after { content: ""; display: block; clear: both; } /* =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: 80px; float: left; margin: 1px 6px 0 0; } td.actions .button.alt { float: right; } td.product-name dl.variation { margin: 0; } td.product-name dl.variation dt { font-weight: bold; display: inline; margin: 0 4px 0 0; padding: 0; } td.product-name dl.variation dd { display: inline; margin: 0 12px 0 0; padding: 0; } td.quantity { min-width: 80px; } .quantity { width: 60px; position: relative; } .quantity input.qty { width: 40px; height: 28px; padding: 0; text-align: center; border: 1px solid #969696; border-right: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; box-shadow: inset 0 0 2px 0 #cccccc; -webkit-box-shadow: inset 0 0 2px 0 #cccccc; -moz-box-shadow: inset 0 0 2px 0 #cccccc; font-weight: bold; -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .quantity .plus, .quantity .minus { display: block; padding: 0; position: absolute; text-align: center; vertical-align: text-top; margin: 0 !important; width: 20px; height: 15px; text-decoration: none; overflow: visible; border: 1px solid #969696; background: #f5f5f5; background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e1e1e1)); background: -webkit-linear-gradient(#f5f5f5, #e1e1e1); background: -moz-linear-gradient(center top, #f5f5f5 0%, #e1e1e1 100%); background: -moz-gradient(center top, #f5f5f5 0%, #e1e1e1 100%); color: #676767; text-decoration: none; font-weight: bold; text-shadow: 0 1px 0 #fff; margin: 0; cursor: pointer; line-height: 0em; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1); } .quantity .plus:hover, .quantity .minus:hover { background: #f5f5f5; background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e6e6e6)); background: -webkit-linear-gradient(#f5f5f5, #e6e6e6); background: -moz-linear-gradient(center top, #f5f5f5 0%, #e6e6e6 100%); background: -moz-gradient(center top, #f5f5f5 0%, #e6e6e6 100%); } .quantity .plus { top: 0; right: 0; border-bottom: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .quantity .minus { bottom: 0; right: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .cart input { margin: 0; vertical-align: middle; line-height: 1em; } .col2-set { width: 100%; } .col2-set:after { content: ""; display: block; clear: both; } .col2-set .col-1 { float: left; width: 48%; } .col2-set .col-2 { float: right; width: 48%; } .cart-collaterals { width: 100%; } .cart-collaterals:after { content: ""; display: block; clear: both; } .cart-collaterals .related { width: 30.75%; float: left; } .cart-collaterals .cross-sells { width: 48%; float: left; } .cart-collaterals .cross-sells ul.products { float: none; } .cart-collaterals .cross-sells ul.products li { width: 48%; } .cart-collaterals .shipping_calculator { width: 48%; text-align: right; margin: 20px 0 0 0; clear: right; float: right; } .cart-collaterals .shipping_calculator:after { content: ""; display: block; clear: both; } .cart-collaterals .shipping_calculator .button { width: 100%; float: none; display: block; } .cart-collaterals .shipping_calculator .col2-set .col-1, .cart-collaterals .shipping_calculator .col2-set .col-2 { width: 47%; } .cart-collaterals .cart_totals { float: right; width: 48%; text-align: right; } .cart-collaterals .cart_totals p { margin: 0; } .cart-collaterals .cart_totals table { border-collapse: separate; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 0 6px; padding: 0; } .cart-collaterals .cart_totals table tr:first-child th, .cart-collaterals .cart_totals table tr:first-child td { border-top: 0; } .cart-collaterals .cart_totals table td, .cart-collaterals .cart_totals table th { padding: 6px 12px; } .cart-collaterals .cart_totals table small { display: block; color: #999; } .cart-collaterals .cart_totals table select { width: 100%; } .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: 6px 24px; } .cart-collaterals .cart_totals a.button.alt { width: 193px; display: block; font-size: 0.92em; } /* =Forms -------------------------------------------------------------- */ .form-row { padding: 3px; margin: 0 0 6px; } .form-row:after { content: ""; display: block; clear: both; } .form-row label { display: block; } .form-row label.hidden { visibility: hidden; } .form-row select { width: 100%; cursor: pointer; margin: 0; } .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 input.input-text, #content .form-row input.input-text, form .form-row textarea, #content .form-row textarea { -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 #faf9dc; -webkit-box-shadow: inset 0 0 0 3px #faf9dc; -moz-box-shadow: inset 0 0 0 3px #faf9dc; } .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 { text-align: left; padding: 1em; border-bottom: 1px solid #eee; margin: 0; list-style: none outside; } #payment ul.payment_methods:after { content: ""; display: block; clear: both; } #payment ul.payment_methods li { line-height: 2em; text-align: left; margin: 0; font-weight: normal; } #payment ul.payment_methods li input { margin: 0 1em 0 0; } #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; text-align: right; } #payment div.payment_box { position: relative; width: 96%; background: #f5f5f5; border: 1px solid #eee; 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: 0.92em; } #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: 11px; 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 #eee; /* arrow size / color */ border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; top: -4px; left: 0; margin: -1em 0 0 2em; } div.shipping-address { padding: 0; clear: left; } #shiptobilling { float: right; line-height: 1.62em; margin: 0 0 0 0; padding: 0; } #shiptobilling label { font-size: 0.6875em; } .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: 0.715em; 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; } ol.commentlist.notes li.note p.meta { font-weight: bold; margin-bottom: 0; } ol.commentlist.notes li.note .description p:last-child { margin-bottom: 0; } /* =Layered Nav Widgets -------------------------------------------------------------- */ .widget_price_filter .price_slider_wrapper .button { float: right; margin: 0; } .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; } .widget_price_filter .price_slider_wrapper .price_slider_amount { overflow: hidden; line-height: 2em; } .widget_price_filter .ui-state-default, .widget_price_filter .ui-widget-content .ui-state-default, .widget_price_filter .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6; font-weight: normal; color: #555555; } .widget_price_filter .ui-state-hover, .widget_price_filter .ui-widget-content .ui-state-hover, .widget_price_filter .ui-widget-header .ui-state-hover, .widget_price_filter .ui-state-focus, .widget_price_filter .ui-widget-content .ui-state-focus, .widget_price_filter .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada; font-weight: normal; color: #212121; } .widget_price_filter .ui-state-active, .widget_price_filter .ui-widget-content .ui-state-active, .widget_price_filter .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff; font-weight: normal; color: #212121; } .widget_price_filter .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .widget_price_filter .price_slider_wrapper .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff; color: #222222; } .widget_price_filter .price_slider_wrapper .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc; color: #222222; font-weight: bold; } .widget_price_filter .ui-slider-horizontal { height: .8em; } .widget_price_filter .ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.6em; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: 0; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: 0; } .widget_layered_nav ul { margin: 0; padding: 0; border: 0; list-style: none outside; } .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: 1em; padding: 1px 0; color: #999; }