chriscct7

New_CSS

May 30th, 2012
77
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 34.81 KB | None | 0 0
  1. /* Global/Helpers/Clears */
  2. .clear {
  3.   clear: both;
  4. }
  5. .nobr {
  6.   white-space: nowrap;
  7. }
  8. .info {
  9.   background: #F7F5C6;
  10.   padding: 10px 20px;
  11.   border: 1px solid #EEEAC1;
  12.   color: #747165;
  13.   box-shadow: inset 0 0 0 1px #ffffcc;
  14.   -webkit-box-shadow: inset 0 0 0 1px #ffffcc;
  15.   -moz-box-shadow: inset 0 0 0 1px #ffffcc;
  16. }
  17. .info a {
  18.   color: #93864E;
  19. }
  20. div.jigoshop_error, div.jigoshop_message {
  21.   border: 1px solid;
  22.   margin: 10px auto 30px;
  23.   padding: 25px 20px 25px 70px;
  24.   background-repeat: no-repeat;
  25.   background-position: 20px center;
  26.   line-height: 25px;
  27.   width: 60%;
  28. }
  29. div.jigoshop_error a.button, div.jigoshop_message a.button {
  30.   margin-top: 0;
  31.   float: right;
  32. }
  33. div.jigoshop_error {
  34.   color: #7a1c1c;
  35.   background-color: #fcd5d5;
  36.   background-image: url('images/error.png');
  37. }
  38. div.jigoshop_message {
  39.   color: #5b7a1c;
  40.   background-color: #effcd5;
  41.   background-image: url('images/cart.png');
  42. }
  43. p small {
  44.   color: #999;
  45. }
  46. p.demo_store {
  47.   position: fixed;
  48.   top: 0;
  49.   width: 100%;
  50.   font-size: 12px;
  51.   text-align: center;
  52.   background: #f7f5c6;
  53.   background: -webkit-gradient(linear, left top, left bottom, from(#f7f5c6), to(#eeeac1));
  54.   background: -webkit-linear-gradient(#f7f5c6, #eeeac1);
  55.   background: -moz-linear-gradient(center top, #f7f5c6 0%, #eeeac1 100%);
  56.   background: -moz-gradient(center top, #f7f5c6 0%, #eeeac1 100%);
  57.   padding: 8px 0;
  58.   border: 1px solid #EEEAC1;
  59.   color: #747165;
  60.   z-index: 999999;
  61.   box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.3);
  62.   -webkit-box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.3);
  63.   -moz-box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.3);
  64. }
  65. small.note {
  66.   display: block;
  67.   color: #999;
  68.   font-size: 11px;
  69.   line-height: 21px;
  70.   margin-top: 10px;
  71. }
  72. #breadcrumb {
  73.   overflow: hidden;
  74.   zoom: 1;
  75.   margin: 0 0 1em !important;
  76.   padding: 0;
  77.   font-size: 0.92em;
  78.   color: #999 !important;
  79. }
  80. #breadcrumb a {
  81.   color: #999 !important;
  82. }
  83. input.text, input.email, input.password, textarea.uniform {
  84.     background: url("images/bg-input.png") repeat-x scroll 0 0 transparent;
  85.     border-color: #AAAAAA #CCCCCC #CCCCCC #AAAAAA;
  86.     border-radius: 3px 3px 3px 3px;
  87.     border-style: solid;
  88.     border-width: 1px;
  89.     color: #777777;
  90.     font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  91.     font-size: 12px;
  92.     font-weight: normal;
  93.     outline: 0 none;
  94.     padding: 3px;
  95. }
  96. /* =Product Page
  97. -------------------------------------------------------------- */
  98. div.product {
  99.   position: relative;
  100. }
  101. div.product .product_title {
  102.   clear: none;
  103.   margin-top: 0;
  104.   float: left;
  105. }
  106. div.product div.summary p {
  107.     clear: right;
  108. }
  109. div.product p.price {
  110.     background: none repeat scroll 0 0 #7FA92D;
  111.     border-bottom-left-radius: 4px;
  112.     border-top-left-radius: 4px;
  113.     color: #FFFFFF;
  114.     display: inline-block;
  115.     float: right;
  116.     font-size: 22px;
  117.     font-weight: bold;
  118.     margin: 16px 10px 14px 0;
  119.     padding: 5px 16px 5px 12px;
  120.     position: relative;
  121.     line-height: 25px;
  122.     height: 26px;
  123. }
  124. div.product p.price del {
  125.   font-size: 12px;
  126.   color: #fff;
  127. }
  128. div.product p.stock {
  129.   font-size: 0.92em;
  130.   float: left;
  131.   padding: 2px 0 0 0;
  132. }
  133. div.product div.images {
  134.   float: left;
  135.   width: 314px;
  136.   margin-bottom: 10px;
  137. }
  138. div.product div.images img {
  139.   border: 1px solid #ddd;
  140.   background: #fff;
  141.   padding: 6px;
  142.   display: block;
  143. }
  144. div.product div.images div.thumbnails {
  145.   padding-top: 10px;
  146.   overflow: hidden;
  147.   zoom: 1;
  148. }
  149. div.product div.images div.thumbnails a {
  150.   margin-right: 10px;
  151.   margin-bottom: 10px;
  152.   float: left;
  153. }
  154. div.product div.images div.thumbnails a img {
  155.   padding: 3px;
  156. }
  157. div.product div.images div.thumbnails a.last {
  158.   margin-right: 0;
  159. }
  160. div.product div.images div.thumbnails a.first {
  161.   clear: both;
  162. }
  163. div.product div.summary {
  164.   float: left;
  165.   margin-left: 20px;
  166. }
  167. div.product_meta {
  168.     clear:both;
  169.     color: #888;
  170. }
  171. div.product div.social {
  172.   text-align: right;
  173.   margin: 0 0 1em;
  174. }
  175. div.product div.social span {
  176.   margin: 0 0 0 2px;
  177. }
  178. div.product div.social span span {
  179.   margin: 0;
  180. }
  181. div.product div.social span .stButton .chicklets {
  182.   padding-left: 16px;
  183.   width: 0;
  184. }
  185. div.product div.social iframe {
  186.   float: left;
  187.   margin-top: 3px;
  188. }
  189. div.product #product-tabs {
  190.   clear: both;
  191.   padding: 1em 0 0 0;
  192.   margin: 0 0 1em 0;
  193. }
  194. div.product #product-tabs ul.tabs {
  195.   -webkit-border-top-left-radius: 3px;
  196.   -webkit-border-top-right-radius: 3px;
  197.   -moz-border-radius-topleft: 3px;
  198.   -moz-border-radius-topright: 3px;
  199.   border-top-left-radius: 3px;
  200.   border-top-right-radius: 3px;
  201.   background: #ddd;
  202.   overflow: hidden;
  203.   zoom: 1;
  204.   margin: 0 !important;
  205.   padding: 4px 4px 0;
  206.   list-style: none outside !important;
  207. }
  208. div.product #product-tabs ul.tabs li {
  209.   float: left;
  210.   margin: 0 4px 0 0;
  211.   font-size: 0.92em;
  212. }
  213. div.product #product-tabs ul.tabs a {
  214.   float: left;
  215.   padding: 6px 12px;
  216.   background: #eee;
  217.   text-decoration: none;
  218.   -webkit-border-top-left-radius: 2px;
  219.   -webkit-border-top-right-radius: 2px;
  220.   -moz-border-radius-topleft: 2px;
  221.   -moz-border-radius-topright: 2px;
  222.   border-top-left-radius: 2px;
  223.   border-top-right-radius: 2px;
  224. }
  225. div.product #product-tabs ul.tabs li.active a {
  226.   background: #fff;
  227.   color: #555;
  228. }
  229. div.product #product-tabs .panel {
  230.   border: 1px solid #ddd;
  231.   border-top: 0;
  232.   padding: 15px 15px 0;
  233.   -webkit-border-bottom-left-radius: 3px;
  234.   -webkit-border-bottom-right-radius: 3px;
  235.   -moz-border-radius-bottomleft: 3px;
  236.   -moz-border-radius-bottomright: 3px;
  237.   border-bottom-left-radius: 3px;
  238.   border-bottom-right-radius: 3px;
  239. }
  240. div.product #product-tabs ul.tabs {
  241.     background: url("images/tabs.png") repeat-x scroll center bottom transparent;
  242.     padding: 0;
  243.     height:auto;
  244. }
  245. div.product #product-tabs ul.tabs li a {
  246.     background: none repeat scroll 0 0 transparent;
  247.     border-bottom: 0 none;
  248.     border-top-left-radius: 4px;
  249.     border-top-right-radius: 4px;
  250.     font-size: 1.15em !important;
  251.     font-weight: bold;
  252.     padding: 9px 16px 8px;
  253. }
  254. div.product #product-tabs ul.tabs li {
  255.     float: left;
  256.     font-size: 0.92em;
  257.     margin: 0 4px 0 0;  
  258.     height:auto;
  259.     line-height:1.5em;
  260.     width:auto;
  261.     background:none;
  262.     border:0 !important;    
  263. }
  264. div.product #product-tabs ul.tabs li.active a {
  265.     border:1px solid #eeeeee;border-bottom:0;
  266.     padding: 8px 15px;
  267. }
  268. div.product #product-tabs ul.tabs li a {
  269.     background: none repeat scroll 0 0 transparent;
  270.     border-bottom: 0 none;
  271.     border-top-left-radius: 4px;
  272.     border-top-right-radius: 4px;
  273.     font-size: 1.15em !important;
  274.     font-weight: bold;
  275.     padding: 9px 16px 8px;
  276. }
  277. div.product #product-tabs ul.tabs li a:hover {
  278.     border:1px solid #eeeeee;border-bottom:0;
  279.     background: none repeat scroll 0 0 #FFFFFF;
  280.     padding: 8px 15px;
  281. }
  282. div.product #product-tabs .panel {
  283.     border:none;
  284.     border-bottom:1px solid #eeeeee;
  285.     margin-bottom: 3em;
  286.     padding: 0 0 1.5em;
  287. }              
  288. div.product #product-tabs .panel h2 {
  289.     margin-top:0.5em;
  290. }
  291. .stock {
  292.   color: green;
  293.   float: left;
  294. }
  295. .out-of-stock {
  296.   color: red;
  297. }
  298. p.cart {
  299.   float: right;
  300. }
  301. form.cart {
  302.   margin-bottom: 24px;
  303.   float: none;  
  304.   width: 245px;
  305.   margin-top:2em;
  306.   clear: both;
  307. }
  308. .quantity {
  309.     margin-right: 12px !important;
  310.     min-width: inherit;
  311.     overflow: hidden;
  312.     position: relative;
  313.     width: 57px !important;
  314. }
  315. form.cart div.quantity {
  316.   float: left;
  317.   margin: 0 4px 0 0;
  318. }                  
  319. form.cart table {
  320.   font-size: 12px;
  321.   border-width: 0 0 1px 0 !important;
  322. }
  323. form.cart table td {
  324.   padding: 4px 4px 4px 0 !important;
  325. }
  326. form.cart table div.quantity {
  327.   float: none;
  328.   margin: 0;
  329.   width: 72px;
  330. }
  331. form.cart table small.stock {
  332.   display: block;
  333.   float: none;
  334. }
  335. form.cart .button {
  336.   vertical-align: middle;
  337.   float: left;
  338.   margin: 2px 0 !important;
  339. }
  340. span.onsale {
  341.   background: #b9b701;
  342.   color: #fff;
  343.   min-height: 32px;
  344.   min-width: 32px;
  345.   padding: 4px;
  346.   font-size: 12px;
  347.   position: absolute;
  348.   text-align: center;
  349.   line-height: 32px;
  350.   top: 0;
  351.   right: 320px;
  352.   margin: -6px 0 0 0;
  353.   -webkit-border-radius: 20px;
  354.   -moz-border-radius: 20px;
  355.   border-radius: 20px;
  356. }
  357. .products ul, ul.products {
  358.   margin: 0 !important;
  359.   padding: 0 !important;
  360.   list-style: none !important;
  361.   float: left;
  362. }
  363. .related.products {
  364.     margin-bottom:2em;
  365. }
  366. .products {
  367.   clear: both;
  368. }
  369. .products li {
  370.   float: left;
  371.   margin: 0 50px 30px 0;
  372.   padding: 10px !important;
  373.   position: relative;
  374.   width: 172px;
  375.   text-align: center;
  376. }
  377. .products li.border {
  378.   margin: 0 30px 30px 0;
  379. }
  380. .products li.last-row {
  381.   margin-bottom: 0;
  382. }
  383. .products li .onsale {
  384.   top: 0;
  385.   right: 0;
  386.   left: auto;
  387.   margin: -6px -6px 0 0;
  388. }
  389. .products li a {
  390.   text-decoration: none;
  391.   display:block;
  392.   position:relative;
  393. }
  394. .products li.shadow a img {
  395.     margin-bottom:-1px !important;
  396. }
  397. .products li.shadow a .thumb-shadow {
  398.   background:url('images/shadow-product.png') center bottom no-repeat;
  399.   height:22px;
  400.   width:100%;
  401.   display:block;
  402. }
  403. .products li a strong.inside-thumb {
  404.   font-family: Verdana;
  405.   font-size:0.85em;
  406.   text-transform:uppercase;
  407.   color:#fff;
  408.   font-weight:normal;
  409.   display:block;
  410.   width:120px;
  411.   padding:10px 15px;
  412.   position:absolute;
  413.   left:0px;
  414.   background:#000;
  415.   background:rgba(0,0,0,0.8);
  416. }
  417. .products li a strong.below-thumb {
  418.   font-family: 'Droid Sans';  
  419.   font-size: 13px;
  420.   font-weight: normal;
  421.   text-transform: none;
  422.   color: #5e6060;
  423.   width: 100% !important;
  424. }
  425. .products li.border a strong {  
  426.   left:7px;
  427. }
  428. .products li a img {
  429.   width: 150px !important;
  430.   height: 150px !important;
  431.   display: block;
  432.   margin: 0 0 8px !important;
  433. }
  434. .products li.border a:hover img {
  435.   border: 1px solid #7f7f7f;
  436. }      
  437. .products li.border a img {
  438.   border: 1px solid #b2b0b0;
  439.   padding: 6px;
  440. }
  441. .products li strong {
  442.   color: #555;
  443.   display: block;
  444. }
  445. .products li .price {
  446.   color: #5e6060;
  447.   display: block;
  448.   font-weight: bold;
  449.   font-size: 14px;
  450. }
  451. .products li .price del {
  452.   font-size: 10px;
  453.   line-height: 10px;
  454.   margin: -2px 0 0 0;
  455.   color: #888;
  456. }  
  457. .products li .price ins {
  458.   text-decoration:none;
  459. }
  460. #content .products .hide-price .price { display:none; }
  461. .products li .price .from {
  462.   font-size: 10px;
  463.   line-height: 10px;
  464.   margin: -2px 0 0 0;
  465.   display: block;
  466.   color: #ccc;
  467. }
  468. .products li.first {
  469.   clear: both;
  470. }            
  471. .products li.last {
  472.   margin-right: 0;
  473. }          
  474. .products li .buttons {
  475.   margin-top:0.6em;
  476. }          
  477. .products li .buttons a {
  478.   display:inline-block;
  479.   width:73px;
  480.   color:#fff;
  481.   font-size:10px;
  482. }    
  483. .products li .buttons a.add-to-cart {
  484.   background:#BFD523;
  485. }
  486. .products li .buttons a.details {
  487.   background:#939393;
  488. }
  489. .products li .buttons a.add-to-cart:hover {
  490.   background:#939393;
  491. }
  492. .products li .buttons a.details:hover {
  493.   background:#BFD523;  
  494. }
  495. .products li.hide-details-button .buttons a.details {
  496.   display:none;  
  497. }
  498. .products li.hide-add-to-cart-button .buttons a.add-to-cart {
  499.   display:none;  
  500. }
  501. table.shop_attributes {
  502.   border: 0 !important;
  503.   border-top: 1px dotted #ccc !important;
  504. }
  505. table.shop_attributes th {
  506.   width: 150px;
  507.   font-weight: bold;
  508.   padding: 8px;
  509.   color: black !important;
  510.   border-bottom: 1px dotted #ccc;
  511.   margin: 0 !important;
  512.   line-height: 1.5em;
  513. }
  514. table.shop_attributes td {
  515.   font-style: italic;
  516.   padding: 0 !important;
  517.   border-bottom: 1px dotted #ccc;
  518.   margin: 0 !important;
  519.   line-height: 1.5em;
  520. }
  521. table.shop_attributes td p {
  522.   margin: 0 !important;
  523.   padding: 8px;
  524. }
  525. table.shop_attributes .alt td, table.shop_attributes .alt th {
  526.   background: #f9f9f9;
  527. }
  528. /* =Buttons
  529. -------------------------------------------------------------- */
  530. a.button,
  531. button.button,
  532. input.button,
  533. #review_form #submit {
  534.   color: #fff !important;
  535.   background: #ff9c07;
  536.   padding: 6px;
  537.   line-height: 1em !important;
  538.   margin: 4px 2px 0 0;
  539.   float: left;
  540.   font-size: 12px !important;
  541.   width: auto !important;
  542.   vertical-align: middle !important;
  543.   text-align: center;
  544.   text-decoration: none;
  545.   border: none;
  546.   cursor: pointer;
  547.   font-family: inherit;
  548.   -webkit-border-radius: 3px;
  549.   -moz-border-radius: 3px;
  550.   border-radius: 3px;
  551. }
  552. a.button:hover,
  553. button.button:hover,
  554. input.button:hover,
  555. #review_form #submit:hover {
  556.   background: #ff9933;
  557.   text-decoration: none;
  558. }
  559. .cart .button, .cart input.button {
  560.   float: none;
  561. }
  562. .button-alt {
  563.   color: #fff !important;
  564.   background: #069bcd;
  565.   padding: 6px;
  566.   line-height: 1em !important;
  567.   margin: 4px 2px 0 0;
  568.   float: left;
  569.   font-size: 12px !important;
  570.   width: auto !important;
  571.   vertical-align: middle !important;
  572.   text-align: center;
  573.   text-decoration: none;
  574.   border: none;
  575.   cursor: pointer;
  576.   font-family: inherit;
  577.   -webkit-border-radius: 3px;
  578.   -moz-border-radius: 3px;
  579.   border-radius: 3px;
  580. }
  581. .button-alt:hover {
  582.   background: #0588b5;
  583. }
  584. form.cart .button-alt {
  585.     font-size: 14px;
  586.     margin-top: 0;
  587.     padding: 8px 12px;
  588. }
  589. a.button, button.button, input.button, #review_form #submit, .button-alt {
  590.     background: #fff url('images/bg/bg-add-cart.png') bottom left repeat-x;
  591.     background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
  592.     background:-webkit-linear-gradient(#ffffff, #eeeeee);
  593.     background:-moz-linear-gradient(center top, #ffffff 0%, #eeeeee 100%);
  594.     background:-moz-gradient(center top, #ffffff 0%, #eeeeee 100%);
  595.     text-decoration:none;
  596.     border: 1px solid #AAAAAA;
  597.     border-radius: 4px 4px 4px 4px;
  598.     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(255, 255, 255, 0.25) inset;
  599.     color: #000 !important;
  600.     display: inline-block;
  601.     float: none;
  602.     font-size: 0.95em !important;
  603.     font-weight: bold;
  604.     margin-top: 0 !important;
  605.     padding: 6px 12px 7px;
  606.     text-shadow: 0 1px 0 #FFFFFF;
  607. }
  608. a.button.checkout, .button-alt {
  609.     background: #A1CB4F url('images/bg/bg-add-cart.png') bottom left repeat-x;
  610.     border: 1px solid #5D870B;
  611.     color: #194300 !important;
  612.     text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
  613.     font-size: 0.95em !important;
  614. }
  615. a.button.checkout:hover, .button-alt:hover, a.button:hover,button.button:hover,input.button:hover,#review_form #submit:hover {
  616.     background-color: #b2dc60;
  617. }
  618. #reviews h2 small {
  619.   float: right;
  620.   color: #999;
  621.   font-size: 15px;
  622.   line-height: 21px;
  623.   margin: 10px 0 0 0;
  624. }
  625. #reviews h2 small a {
  626.   text-decoration: none;
  627.   color: #999;
  628. }
  629. #reviews h3 {
  630.   margin: 0;
  631. }
  632. #reviews #respond {
  633.   margin: 0;
  634.   border: 0;
  635.   padding: 0;
  636. }
  637. #reviews #comment {
  638.   height: 75px;
  639. }
  640. #reviews #comments .add_review {
  641.   overflow: hidden;
  642.   zoom: 1;
  643. }
  644. #reviews #comments h2 {
  645.   clear: none;
  646. }
  647. #reviews #comments ol.commentlist {
  648.   overflow: hidden;
  649.   zoom: 1;
  650.   margin: 0 !important;
  651. }
  652. #reviews #comments ol.commentlist li {
  653.   padding: 00;
  654.   margin: 0 0 20px;
  655.   border: 0;
  656.   position: relative;
  657. }
  658. #reviews #comments ol.commentlist li .meta {
  659.   color: #999;
  660.   font-size: 0.75em;
  661. }
  662. #reviews #comments ol.commentlist li img {
  663.   float: left;
  664.   position: absolute;
  665.   top: 0;
  666.   left: 0;
  667.   padding: 3px;
  668.   width: 32px;
  669.   height: auto;
  670.   border: 1px solid #ddd;
  671.   background: #fff;
  672.   margin: 0;
  673.   line-height: 1;
  674. }
  675. #reviews #comments ol.commentlist li .comment-text {
  676.   margin: 0 0 0 50px;
  677.   border: 1px solid #ddd;
  678.   -webkit-border-radius: 5px;
  679.   -moz-border-radius: 5px;
  680.   border-radius: 5px;
  681.   padding: 11px 11px 0;
  682. }
  683. #reviews #comments ol.commentlist li .comment-text p {
  684.   margin: 0 0 11px;
  685. }
  686. #reviews #comments ol.commentlist li .comment-text p.meta {
  687.   font-size: 0.86em;
  688. }
  689. .star-rating {
  690.   float: right;
  691.   width: 80px;
  692.   height: 16px;
  693.   background: url(images/star.png) repeat-x left 0;
  694. }
  695. .star-rating span {
  696.   background: url(images/star.png) repeat-x left -32px;
  697.   height: 0;
  698.   padding-top: 16px;
  699.   overflow: hidden;
  700.   float: left;
  701. }
  702. .hreview-aggregate .star-rating {
  703.   margin: 10px 0 0 0;
  704. }
  705. #review_form #respond {
  706.   overflow: hidden;
  707.   zoom: 1;
  708.   border: 1px solid #E7E7E7;
  709.   margin: 0 !important;
  710.   padding: 10px 20px 20px;
  711. }
  712. #review_form #respond p {
  713.   margin: 0 0 10px !important;
  714. }
  715. p.stars {
  716.   overflow: hidden;
  717.   zoom: 1;
  718. }
  719. p.stars span {
  720.   width: 80px;
  721.   height: 16px;
  722.   position: relative;
  723.   float: left;
  724.   background: url(images/star.png) repeat-x left 0;
  725. }
  726. p.stars span a {
  727.   float: left;
  728.   position: absolute;
  729.   left: 0;
  730.   top: 0;
  731.   width: 16px;
  732.   height: 0;
  733.   padding-top: 16px;
  734.   overflow: hidden;
  735. }
  736. p.stars span a:hover, p.stars span a:focus {
  737.   background: url(images/star.png) repeat-x left -16px;
  738. }
  739. p.stars span a.active {
  740.   background: url(images/star.png) repeat-x left -32px;
  741. }
  742. p.stars span a.star-1 {
  743.   width: 16px;
  744.   z-index: 10;
  745. }
  746. p.stars span a.star-2 {
  747.   width: 32px;
  748.   z-index: 9;
  749. }
  750. p.stars span a.star-3 {
  751.   width: 48px;
  752.   z-index: 8;
  753. }
  754. p.stars span a.star-4 {
  755.   width: 64px;
  756.   z-index: 7;
  757. }
  758. p.stars span a.star-5 {
  759.   width: 80px;
  760.   z-index: 6;
  761. }
  762. /* =Tables
  763. -------------------------------------------------------------- */
  764. table.shop_table {
  765.   border: 1px solid #E7E7E7;
  766.   margin: 0px -1px 24px 0px;
  767.   text-align: left;
  768.   width: 100%;
  769.   border-collapse: separate;
  770.   -webkit-border-radius: 5px;
  771.   -moz-border-radius: 5px;
  772.   border-radius: 5px;
  773. }
  774. table.shop_table th {
  775.   color: #888;
  776.   font-size: 12px;
  777.   font-weight: bold;
  778.   line-height: 18px;
  779.   padding: 9px 12px !important;
  780. }
  781. table.shop_table td {
  782.   border-top: 1px solid #E7E7E7;
  783.   padding: 6px 12px !important;
  784.   vertical-align: middle;
  785. }
  786. table.shop_table td a.button {
  787.   margin: 0 3px;
  788. }
  789. table.shop_table tfoot td {
  790.   font-weight: bold;
  791. }
  792. /*table.my_account_orders {
  793.   font-size: 0.85em;
  794. }*/
  795. table.my_account_orders th, table.my_account_orders td {
  796.   padding: 4px 8px !important;
  797.   vertical-align: top;
  798. }
  799. table.my_account_orders .button {
  800.   white-space: nowrap;
  801.   margin: 4px 0;
  802. }
  803.  
  804. table.shop_table{border:1px solid #dddddd;}table.shop_table tfoot td{background:#f8f8f8;}
  805. 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%);}
  806. table.shop_table td{border-top:1px solid #dddddd;}
  807. 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;}
  808. 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;}
  809. table.shop_table td.actions .button,table.shop_table td.actions .button-alt{font-size:12px !important;vertical-align:top !important;margin-right:0;}
  810. table.shop_table tbody tr {background:#fff;}
  811. table.shop_table tbody a {
  812.   color:#000;
  813. }
  814. table.shop_table tbody a:hover {
  815.   color:#444;
  816. }
  817.  
  818. /* =Cart Sidebar
  819. -------------------------------------------------------------- */
  820. ul.cart_list, ul.product_list_widget {
  821.   list-style: none outside !important;
  822.   padding: 0 !important;
  823.   margin: 0 !important;
  824. }
  825. ul.cart_list li, ul.product_list_widget li {
  826.   padding: 4px 0 !important;
  827.   margin: 0 !important;
  828.   overflow: hidden;
  829.   zoom: 1;
  830. }
  831. ul.cart_list li a, ul.product_list_widget li a {
  832.   display: block;
  833.   font-weight: bold;  
  834.   line-height:20px;      
  835. }
  836. ul.cart_list li a, ul.product_list_widget li a {
  837.   display: block;
  838.   font-weight: bold;  
  839.   line-height:20px;      
  840. }
  841. ul.cart_list li img, ul.product_list_widget li img {
  842.   float: left;
  843.   margin-right: 8px;
  844.   border: 1px solid #ddd;
  845.   width: 40px;
  846.   padding:2px;
  847. }
  848. ul.cart_list li a {
  849.   color: #000 !important;        
  850. }
  851. ul.cart_list li img {
  852.   padding: 3px;    
  853.   width: 45px;
  854. }
  855. .widget_shopping_cart .total {
  856.   border-top: 3px double #ddd;
  857.   padding: 4px 0 0;
  858.   margin: 0 !important;
  859. }
  860. .widget_shopping_cart .total strong {
  861.   min-width: 40px;
  862.   display: inline-block;
  863. }
  864. .widget_shopping_cart .buttons {
  865.   overflow: hidden;
  866.   zoom: 1;
  867. }
  868. /* =Cart
  869. -------------------------------------------------------------- */
  870. a.remove {
  871.   display: block;
  872.   height: 16px;
  873.   width: 16px;
  874.   text-indent: -9999px;
  875.   background: url(images/remove.png) #cccccc;
  876. }
  877. a.remove:hover {
  878.   background-color: #f93;
  879. }
  880. .cart th, .cart td {
  881.   vertical-align: middle;
  882. }
  883. td.actions {
  884.   text-align: right;
  885. }
  886. td.actions .coupon {
  887.   float: left;
  888. }
  889. td.actions .coupon label {
  890.   display: none;
  891. }
  892. td.actions .coupon .input-text {
  893.     width: 160px !important;
  894.     float: left;
  895.     margin: 1px 6px 0 0 !important;  
  896.     box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2) inset;
  897.     background: #fff url("images/bg-input.png") repeat-x scroll 0 0 transparent;
  898.     border-color: #AAAAAA #CCCCCC #CCCCCC #AAAAAA;
  899.     border-radius: 3px 3px 3px 3px;
  900.     border-style: solid;
  901.     border-width: 1px;
  902.     color: #777777;
  903.     font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  904.     font-size: 12px;
  905.     font-weight: normal;
  906.     outline: 0 none;
  907.     padding: 6px;
  908. }                      
  909. td.actions .button-alt {
  910.   float: right;
  911.   margin: 2px 0 0 6px;
  912.   padding: 9px 15px;
  913. }
  914. td.quantity {
  915.   min-width: 80px;
  916. }
  917. .quantity input {
  918.   margin-left: 0;
  919.   margin-right: 0;
  920. }
  921. .quantity input.qty {
  922.   border: 1px solid #ccc;
  923.   width: 20px;
  924.   display: inline;
  925.   padding: 1px 5px 2px;
  926.   line-height: 1em !important;
  927.   vertical-align: middle;
  928. }
  929. .quantity input.plus, .quantity input.minus {
  930.   background: #ccc;
  931.   padding: 4px;
  932.   vertical-align: middle;
  933.   line-height: 1em !important;
  934.   border: none;
  935.   width: 20px;
  936.   color: #fff !important;
  937.   cursor: pointer;
  938. }
  939. .quantity input.minus {
  940.   -webkit-border-top-left-radius: 5px;
  941.   -webkit-border-bottom-left-radius: 5px;
  942.   -moz-border-radius-topleft: 5px;
  943.   -moz-border-radius-bottomleft: 5px;
  944.   border-top-left-radius: 5px;
  945.   border-bottom-left-radius: 5px;
  946. }
  947. .quantity input.plus {
  948.   -webkit-border-top-right-radius: 5px;
  949.   -webkit-border-bottom-right-radius: 5px;
  950.   -moz-border-radius-topright: 5px;
  951.   -moz-border-radius-bottomright: 5px;
  952.   border-top-right-radius: 5px;
  953.   border-bottom-right-radius: 5px;
  954. }
  955. .quantity input.minus:hover, .quantity input.plus:hover {
  956.   background: #f93;
  957. }
  958. .quantity input.minus {
  959.     border-radius: 0 0 4px 0;
  960.     bottom: 0;
  961.     position: absolute;
  962.     right: 0;
  963. }
  964. .quantity input.plus, .quantity input.minus {
  965.     background: -moz-linear-gradient(center top , #FFFFFF 0%, #EEEEEE 100%) repeat scroll 0 0 transparent;
  966.     border: 1px solid #BBBBBB;
  967.     box-shadow: 0 0 0 1px #FFFFFF inset;
  968.     color: #888888 !important;
  969.     font-size: 12px;
  970.     height: 16px !important;
  971.     padding: 0;
  972. }
  973. .quantity input.input-text {
  974.     border: 1px solid #BBBBBB;
  975.     border-bottom-right-radius: 0;
  976.     border-top-right-radius: 0;
  977.     box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2) inset;
  978.     float: left;
  979.     padding: 7px 9px;
  980.     width: 18px;
  981. }
  982. .quantity input.plus {
  983.     border-bottom-left-radius: 0;
  984.     border-bottom-right-radius: 0;
  985.     border-top-right-radius: 4px;
  986.     position: absolute;
  987.     right: 0;
  988.     top: 0;
  989. }
  990. .quantity input.plus, .quantity input.minus {
  991.     background: -moz-linear-gradient(center top , #FFFFFF 0%, #EEEEEE 100%) repeat scroll 0 0 transparent;
  992.     border: 1px solid #BBBBBB;
  993.     box-shadow: 0 0 0 1px #FFFFFF inset;
  994.     color: #888888 !important;
  995.     font-size: 10px;
  996.     height: 16px !important;
  997.     padding: 0;
  998. }
  999. .quantity input.plus:hover,.quantity input.minus:hover{background:#fff;}
  1000. .cart input {
  1001.   width: 100px;
  1002.   margin: 0 !important;
  1003.   vertical-align: middle;
  1004.   line-height: 1em !important;
  1005. }
  1006. .col2-set {
  1007.   overflow: hidden;
  1008.   zoom: 1;
  1009.   width: 100%;
  1010.   margin-top: 3em;
  1011. }
  1012. .col2-set .col-1 {
  1013.   float: left;
  1014.   width: 48%;
  1015. }
  1016. .col2-set .col-2 {
  1017.   float: right;
  1018.   width: 48%;
  1019. }
  1020. .cart-collaterals {
  1021.   overflow: hidden;
  1022.   zoom: 1;
  1023.   width: 100%;
  1024.   margin-bottom:2em;
  1025. }
  1026. .cart-collaterals .related {
  1027.   width: 310px;
  1028.   float: left;
  1029. }
  1030. .cart-collaterals .cross-sells {
  1031.   width: 314px;
  1032.   float: left;
  1033. }
  1034. .cart-collaterals .shipping_calculator {
  1035.   float: left;
  1036.   width: 400px;
  1037.   clear: left;
  1038.   text-align: left;
  1039.   overflow: hidden;
  1040.   zoom: 1;
  1041. }
  1042. .cart-collaterals .shipping_calculator .button {
  1043.   width: 225px !important;
  1044.   float: none !important;
  1045.   display: block;
  1046. }
  1047. .cart-collaterals .shipping_calculator a {
  1048.   color:#000;
  1049. }
  1050. .cart-collaterals .shipping_calculator a:hover {
  1051.   color:#444;
  1052. }
  1053. .cart-collaterals .shipping_calculator .col2-set {
  1054.     margin-top:0;
  1055. }
  1056. .cart-collaterals .shipping_calculator .col2-set .col-1, .cart-collaterals .shipping_calculator .col2-set .col-2 {
  1057.   width: 47%;
  1058. }
  1059. .cart-collaterals .cart_totals {
  1060.   float: right;
  1061.   width: 400px;
  1062.   text-align: left;
  1063. }
  1064. .cart-collaterals .cart_totals p {
  1065.   margin: 0 !important;
  1066. }
  1067. .cart-collaterals .cart_totals table {
  1068.   border-collapse: separate;
  1069.   -webkit-border-radius: 5px;
  1070.   -moz-border-radius: 5px;
  1071.   border-radius: 5px;
  1072.   margin: 0 0 6px !important;
  1073.   padding: 0;
  1074.   width: 100%;
  1075. }
  1076. .cart-collaterals .cart_totals table tr:first-child th, .cart-collaterals .cart_totals table tr:first-child td {
  1077.   border-top: 0 !important;
  1078. }
  1079. .cart-collaterals .cart_totals table td, .cart-collaterals .cart_totals table th {
  1080.   padding: 6px 12px !important;
  1081. }
  1082. .cart-collaterals .cart_totals table small {
  1083.   display: block;
  1084.   color: #999;
  1085. }
  1086. .cart-collaterals .cart_totals .discount td {
  1087.   color: green;
  1088. }
  1089. .cart-collaterals .cart_totals tr td, .cart-collaterals .cart_totals tr th {
  1090.   border-top: 1px solid #E7E7E7;
  1091.   padding: 12px 15px !important;
  1092.   line-height: 1.5em;
  1093. }
  1094. .cart-collaterals .cart_totals a.button-alt {
  1095.   width: 193px;
  1096.   display: block;
  1097.   font-size: 0.92em;
  1098. }
  1099. /* =Forms
  1100. -------------------------------------------------------------- */
  1101. .form-row {
  1102.   overflow: hidden;
  1103.   zoom: 1;
  1104.   padding: 3px;
  1105.   margin: 0 0 6px !important;
  1106. }
  1107. .form-row label {
  1108.   display: block;
  1109. }
  1110. .form-row label.hidden {
  1111.   visibility: hidden;
  1112. }
  1113. .form-row select {
  1114.   width: 100%;
  1115.   cursor: pointer;
  1116.   margin: 0 !important;
  1117. }
  1118. .form-row .required {
  1119.   color: #c00;
  1120.   font-weight: bold;
  1121. }
  1122. .form-row .input-checkbox {
  1123.   display: inline;
  1124.   margin: -2px 8px 0 0;
  1125.   text-align: center;
  1126.   vertical-align: middle;
  1127. }
  1128. .form-row label.checkbox {
  1129.   display: inline;
  1130. }
  1131. form .form-row, #content .form-row {
  1132.   /*display: block;
  1133.         padding: 1px;
  1134.         -webkit-box-sizing:border-box;
  1135.         -moz-box-sizing:border-box;
  1136.         box-sizing:border-box;
  1137.         width: 100%;
  1138.         border: 1px solid #ccc;
  1139.         outline: 3px solid #f5f5f5;
  1140.         background: #fff;*/
  1141.  
  1142. }
  1143. form .form-row input.input-text,
  1144. #content .form-row input.input-text,
  1145. form .form-row textarea,
  1146. #content .form-row textarea,
  1147. form .form-row select,
  1148. table.variations tr select {
  1149.   -webkit-box-sizing: border-box;
  1150.   -moz-box-sizing: border-box;
  1151.   box-sizing: border-box;
  1152.   box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  1153.   -webkit-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  1154.   -moz-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  1155.   border: 1px solid #ccc;
  1156.   width: 100%;
  1157.   padding: 6px;
  1158.   margin: 0;
  1159.   outline: 0;
  1160.   background: #fff none;
  1161.   font-size: 14px;
  1162.   line-height: 1em;
  1163. }
  1164. form .form-row textarea, #content .form-row textarea {
  1165.   height: 3.5em;
  1166.   line-height: 1.5em;
  1167.   display: block;
  1168.   -moz-box-shadow: none;
  1169.   -webkit-box-shadow: none;
  1170.   box-shadow: none;
  1171. }
  1172. form .form-row input.input-text:focus,
  1173. #content .form-row input.input-text:focus,
  1174. form .form-row textarea:focus,
  1175. #content .form-row textarea:focus {
  1176.   box-shadow: inset 0 0 0 3px #fff;
  1177.   -webkit-box-shadow: inset 0 0 0 3px #fff;
  1178.   -moz-box-shadow: inset 0 0 0 3px #fff;
  1179. }
  1180. .form-row-first, .form-row-last {
  1181.   float: left;
  1182.   width: 47%;
  1183.   overflow: visible;
  1184. }
  1185. .form-row-last {
  1186.   float: right;
  1187. }
  1188. /* =Checkout
  1189. -------------------------------------------------------------- */
  1190. form.login {
  1191.   border: 1px solid #ccc;
  1192.   padding: 20px;
  1193.   border: 1px solid #E7E7E7;
  1194.   margin: 20px 0 20px 0px;
  1195.   text-align: left;
  1196.   -webkit-border-radius: 5px;
  1197.   -moz-border-radius: 5px;
  1198.   border-radius: 5px;
  1199. }
  1200. #payment {
  1201.   background: #F9F9F9;
  1202.   -webkit-border-radius: 5px;
  1203.   -moz-border-radius: 5px;
  1204.   border-radius: 5px;
  1205. }
  1206. #payment ul.payment_methods {
  1207.   overflow: hidden;
  1208.   zoom: 1;
  1209.   text-align: left;
  1210.   padding: 1em;
  1211.   border-bottom: 1px solid #eee;
  1212.   margin: 0 !important;
  1213.   list-style: none outside;
  1214. }
  1215. #payment ul.payment_methods li {
  1216.   line-height: 2em;
  1217.   text-align: left;
  1218.   margin: 0 !important;
  1219.   font-weight: normal;
  1220. }
  1221. #payment ul.payment_methods li input {
  1222.   margin: 0 1em 0 0 !important;
  1223. }
  1224. #payment ul.payment_methods li img {
  1225.   vertical-align: middle;
  1226.   margin: -2px 0 0 0.5em;
  1227.   position: relative;
  1228. }
  1229. #payment div.form-row {
  1230.   padding: 1em;
  1231.   border-top: 1px solid #fff;
  1232. }
  1233. #payment #place_order {
  1234.   float: right;
  1235.   margin: 0;
  1236. }
  1237. #payment .terms {
  1238.   padding: 0 1em 0 !important;
  1239.   text-align: right;
  1240. }
  1241. #payment div.payment_box {
  1242.   position: relative;
  1243.   width: 96%;
  1244.   background: #f1f1f1;
  1245.   border: 1px solid #f1f1f1;
  1246.   box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888;
  1247.   -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888;
  1248.   -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888;
  1249.   padding: 1em 2% 0;
  1250.   margin: 1em 0 1em 0;
  1251.   font-size: 0.92em;
  1252. }
  1253. #payment div.payment_box #cc-expire-month, #payment div.payment_box #cc-expire-year {
  1254.   width: 48%;
  1255.   float: left;
  1256. }
  1257. #payment div.payment_box #cc-expire-year {
  1258.   float: right;
  1259. }
  1260. #payment div.payment_box span.help {
  1261.   font-size: 11px;
  1262.   color: #999;
  1263.   line-height: 13px;
  1264.   font-weight: normal;
  1265. }
  1266. #payment div.payment_box p, #payment div.payment_box .form-row {
  1267.   margin: 0 0 1em;
  1268. }
  1269. #payment div.payment_box:after {
  1270.   content: "";
  1271.   display: block;
  1272.   border: 8px solid #f1f1f1;
  1273.   /* arrow size / color */
  1274.  
  1275.   border-right-color: transparent;
  1276.   border-left-color: transparent;
  1277.   border-top-color: transparent;
  1278.   position: absolute;
  1279.   top: -5px;
  1280.   left: 0;
  1281.   margin: -1em 0 0 2em;
  1282. }
  1283. div.shipping-address {
  1284.   padding: 0;
  1285.   clear: left;
  1286. }
  1287. #shiptobilling {
  1288.   float: right;
  1289.   line-height: 1.62em !important;
  1290.   margin: 0 0 0 0 !important;
  1291.   padding: 0;
  1292. }
  1293. #shiptobilling label {
  1294.   font-size: 0.9em;
  1295. }
  1296. .checkout .col-2 h3 {
  1297.   float: left;
  1298.   clear: none;
  1299. }
  1300. .checkout .col-2 .notes {
  1301.   clear: left;
  1302. }
  1303. .checkout .col-2 .form-row-first {
  1304.   clear: left;
  1305. }
  1306. /* =Order Page
  1307. -------------------------------------------------------------- */
  1308. .order_details {
  1309.   overflow: hidden;
  1310.   zoom: 1;
  1311.   margin: 0 0 1.5em;
  1312.   list-style: none;
  1313. }
  1314. .order_details li {
  1315.   float: left;
  1316.   margin-right: 2em;
  1317.   text-transform: uppercase;
  1318.   font-size: 0.715em;
  1319.   line-height: 1em;
  1320.   border-right: 1px dashed #ccc;
  1321.   padding-right: 2em;
  1322. }
  1323. .order_details li strong {
  1324.   display: block;
  1325.   font-size: 1.4em;
  1326.   text-transform: none;
  1327.   line-height: 1.5em;
  1328.   color: #333;
  1329. }
  1330. .order_details li.method {
  1331.   border: none;
  1332. }
  1333. /* =Account
  1334. -------------------------------------------------------------- */
  1335. .addresses .title {
  1336.   overflow: hidden;
  1337.   zoom: 1;
  1338. }
  1339. .addresses .title h3 {
  1340.   float: left;
  1341. }
  1342. .addresses .title .edit {
  1343.   float: right;
  1344. }
  1345. /* =Layered Nav Widgets
  1346. -------------------------------------------------------------- */
  1347. .widget_price_filter .price_slider_wrapper .button {
  1348.   float: right;
  1349.   margin: 0 !important;
  1350. }
  1351. .widget_price_filter .price_slider_wrapper .price_slider {
  1352.   margin: 1em .6em .6em;
  1353. }
  1354. .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle {
  1355.   outline: 0 !important;
  1356. }
  1357. .widget_price_filter .price_slider_wrapper .price_slider_amount {
  1358.   overflow: hidden;
  1359.   line-height: 2em;
  1360. }
  1361. .widget_layered_nav ul {
  1362.   margin: 0 !important;
  1363.   padding: 0 !important;
  1364.   border: 0 !important;
  1365.   list-style: none outside !important;
  1366. }
  1367. .widget_layered_nav ul li {
  1368.   overflow: hidden;
  1369.   zoom: 1;
  1370.   padding: 0 0 1px;
  1371. }
  1372. .widget_layered_nav ul li a, .widget_layered_nav ul li span {
  1373.   padding: 1px 0;
  1374.   float: left;
  1375. }
  1376. .widget_layered_nav ul li.chosen a {
  1377.   padding: 0 6px 0 18px;
  1378.   border: 1px solid #3399cc;
  1379.   background: #3399cc url(images/cross_white.png) no-repeat 6px center;
  1380.   box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888;
  1381.   -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888;
  1382.   -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888;
  1383.   color: #fff;
  1384.   -webkit-border-radius: 3px;
  1385.   -moz-border-radius: 3px;
  1386.   border-radius: 3px;
  1387. }
  1388. .widget_layered_nav ul small.count {
  1389.   float: right;
  1390.   margin-left: 6px;
  1391.   font-size: 1em;
  1392.   padding: 1px 0;
  1393.   color: #999;
  1394. }        
  1395. /* =Layered Nav Widgets
  1396. -------------------------------------------------------------- */
  1397. .widget_featured_products ul.product_list_widget li { font-weight:bold; }
  1398. .widget_featured_products ul.product_list_widget li a {
  1399.   font-family: 'Droid Sans';  
  1400.   font-size: 10px;
  1401.   font-weight: normal;
  1402.   text-transform: uppercase;
  1403.   color: #5e6060;
  1404. }            
  1405. .widget_featured_products ul.product_list_widget li del {
  1406.   font-size: 10px;
  1407.   line-height: 10px;  
  1408.   font-weight: normal;
  1409.   margin: -2px 0 0 0;
  1410.   color: #888;        
  1411. }  
  1412. .widget_featured_products ul.product_list_widget li ins {
  1413.   text-decoration:none;
  1414. }
  1415.              
  1416. /* =Categories Widgets
  1417. -------------------------------------------------------------- */
  1418. #sidebar .widget_product_categories ul li { background:url('../images/icons/folder.png') 0 5px no-repeat; padding-left:20px; }
  1419. #sidebar .widget_product_categories ul li ul li { background:none; padding-left:0; }
  1420. #sidebar .widget_product_categories ul li ul li a { color:#888; }
  1421. #sidebar .widget_product_categories ul li ul li a:hover { color:#000; }    
  1422.              
  1423. /* =Variations
  1424. -------------------------------------------------------------- */
  1425. .variations_form .variations_button {clear:both;}
  1426. .variations_form table.variations {border:0;margin-bottom:1px;}
  1427. .variations_form table.variations tr {background:none;padding:5px 0;}
  1428. .variations_form table.variations tr label {display:block;width:80px;}
  1429. .variations_form table.variations tr select {padding:3px;}
  1430. .variations_form .price {
  1431.     color: #444444;
  1432.     display: block;
  1433.     float: left;
  1434.     font-family: 'Trebuchet MS';
  1435.     font-size: 1.5em;
  1436.     margin: 0.8em 10px 0 0;
  1437. }
  1438. .variations_form .out-of-stock {margin: 0.8em 20px 0.8em 0;clear:both!important;}
  1439.  
  1440. /*begin overrides*/
  1441. div.product p.price {
  1442. border-bottom-left-radius: 0px !important;
  1443. border-top-left-radius: 0px !important;
  1444. border-bottom-right-radius: 4px !important;
  1445. border-top-right-radius: 4px !important;
  1446. padding: 5px 12px 5px 16px !important;
  1447. margin-left: 20px !important;
  1448. }
  1449. div.product p.price::before {
  1450. border-color:transparent #BFD523 transparent  transparent !important;
  1451. right:83px !important;
  1452. }
  1453. div.product p.price::after {
  1454. right: 80px !important;
  1455. }
Advertisement
Add Comment
Please, Sign In to add comment