CSS 4
Stylesheet.css Guest on 18th October 2020 04:19:04 AM
  1. /**
  2.  * Template for xt:Commerce 4
  3.  *
  4.  * default template v2.0.0
  5.  */
  6.          
  7.  
  8. /* resets -------------------------------------------------------------------------------- */
  9. html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
  10.  
  11. /* html5 */
  12. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
  13. body {line-height: 1;}
  14. ol, ul {list-style: none;}
  15. blockquote, q {quotes: none;}
  16. blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
  17. table { border-collapse: collapse; border-spacing: 0;}
  18. /* -------------------------------------------------------------------------------------- */
  19.  
  20. #installer_warning {
  21.     border: 0 none;
  22.     -webkit-border-radius: 5px;
  23.     -moz-border-radius: 5px;
  24.     border-radius: 5px;
  25.     -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.15);
  26.     -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.15);
  27.     box-shadow: inset 0 0 10px rgba(0,0,0,0.15);
  28.     padding: 10px;
  29.     margin: 0 0 20px 0;
  30.     background: #f25d44;
  31.     background: -moz-linear-gradient(#f5a285, #f25d44);
  32.     background: -o-linear-gradient(#f5a285, #f25d44);
  33.     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5a285), to(#f25d44));
  34.     background: -webkit-linear-gradient(#f5a285, #f25d44);
  35.     font: 16px "Arial",Helvetica,sans-serif !important;
  36. }
  37.  
  38. /* xt:Grid with 16 columns, 40 pixels each with 20 pixel gutter ------------------------- */
  39. .xt-grid-1 {width: 40px;}
  40. .xt-grid-2 {width: 100px;}
  41. .xt-grid-3 {width: 160px;}
  42. .xt-grid-4 {width: 220px;}
  43. .xt-grid-5 {width: 280px;}
  44. .xt-grid-6 {width: 340px;}
  45. .xt-grid-7 {width: 400px;}
  46. .xt-grid-8 {width: 460px;}
  47. .xt-grid-9 {width: 520px;}
  48. .xt-grid-10 {width: 580px;}
  49. .xt-grid-11 {width: 640px;}
  50. .xt-grid-12 {width: 700px;}
  51. .xt-grid-13 {width: 760px;}
  52. .xt-grid-14 {width: 820px;}
  53. .xt-grid-15 {width: 880px;}
  54. .xt-grid-16 {width: 940px;}
  55.  
  56. /* with 16 columns, 60 pixels each with 0 pixel gutter */
  57. .xt-grid-1-full {width: 60px;}
  58. .xt-grid-2-full {width: 120px;}
  59. .xt-grid-3-full {width: 180px;}
  60. .xt-grid-4-full {width: 240px;}
  61. .xt-grid-5-full {width: 300px;}
  62. .xt-grid-6-full {width: 360px;}
  63. .xt-grid-7-full {width: 420px;}
  64. .xt-grid-8-full {width: 480px;}
  65. .xt-grid-9-full {width: 540px;}
  66. .xt-grid-10-full {width: 600px;}
  67. .xt-grid-11-full {width: 660px;}
  68. .xt-grid-12-full {width: 720px;}
  69. .xt-grid-13-full {width: 780px;}
  70. .xt-grid-14-full {width: 840px;}
  71. .xt-grid-15-full {width: 900px;}
  72. .xt-grid-16-full {width: 960px;}
  73.  
  74. .column {
  75.         float: left;
  76.         margin: 0 10px 0 10px;
  77.         overflow: visible;
  78.         display: inline;
  79. }
  80.  
  81. .column-full {
  82.         float: left;
  83.         overflow: hidden;
  84.         display: inline;
  85. }
  86.  
  87. .row {
  88.         width: 960px;
  89.         margin: 0 auto;
  90.         overflow: hidden;
  91. }
  92.  
  93. .row .row {
  94.         margin: 0 -10px 0 -10px;
  95.         width: auto;
  96.         display: inline-block;
  97. }
  98. /* -------------------------------------------------------------------------------------- */
  99.  
  100.  
  101. /* grid for categorie & product listing --------------------------------------------------*/
  102. .one {width: 760px;}
  103. .two {width: 370px;}
  104. .three {width: 240px;}
  105. .four {width: 175px;}
  106. .five {width: 136px;}
  107.  
  108. /* grid for product listing in product-tabs (master-slave-list eg.)--------------------------------------------------*/
  109. #tabs .one {width: 738px;}
  110. #tabs .two {width: 359px;}
  111. #tabs .three {width: 231px;}
  112. #tabs .four {width: 168px;}
  113. #tabs .five {width: 131px;}
  114.  
  115. /* -------------------------------------------------------------------------------------- */
  116.  
  117.  
  118. /* global --------------------------------------------------------------------------------*/
  119. * {
  120.         font: 12px "Arial", Helvetica, sans-serif;
  121. }
  122.  
  123. body {
  124.         background: #f6f6f6;
  125.         color: #484848;
  126.         font: 12px "Arial", Helvetica, sans-serif;
  127. }
  128.  
  129. /* tabel */
  130. table {
  131.         width: 100%;
  132.         text-align: left;
  133.         border-collapse: collapse;
  134.         margin: 0 0 20px 0;
  135. }
  136.  
  137. thead {
  138.         font-weight:bold;
  139.         line-height: 25px;
  140.         border-bottom: 1px solid #cdcdcd;
  141. }
  142.  
  143. thead th {
  144.         padding: 0px 10px 5px 10px;
  145.        
  146. }
  147.  
  148. table td {
  149.         padding: 10px;
  150.         vertical-align: top;
  151. }
  152.  
  153. strong { font-weight: bold; }
  154.  
  155. .odd {}
  156.  
  157. .even {
  158.         background: #f6f6f6;
  159. }
  160.  
  161. /* boxes */
  162. .box {
  163.         border: 1px solid #cdcdcd;
  164.         -webkit-border-radius: 5px;
  165.         -moz-border-radius: 5px;
  166.         border-radius: 5px;
  167.         padding: 10px;
  168.         margin: 0 0 20px 0;
  169. }
  170.  
  171. /* xt_coupon */
  172. .box #coupon_code {
  173.         width: 370px;
  174.         margin: 0 20px 0 20px;
  175.         padding: 10px;
  176. }
  177.  
  178. .box-white {
  179.         background: #fff;
  180. }
  181.  
  182. .box-hover:hover{
  183.         border: 1px solid #ff7b00;
  184. }
  185.  
  186. /* headings */
  187. h1 {
  188.         font-size: 18px;
  189.         font-weight: bold;
  190.         margin: 0 0 5px 0;
  191.         padding: 0 0 5px 0;
  192. }
  193.  
  194. h2 {
  195.         font-weight: bold;
  196.         padding: 0 0 5px 0;
  197.         font-size: 14px;
  198. }
  199.  
  200. h3 {
  201.     font-weight: bold;
  202.     padding: 0 0 5px 0;
  203.     font-size: 14px;
  204. }
  205. h4 {
  206.     font-weight: normal;
  207.     padding: 0 0 5px 0;
  208.     font-size: 14px;
  209. }
  210.  
  211. .headline {
  212.         font-size: 14px;
  213.         font-weight: bold;
  214.         margin: 0 0 10px 0;
  215. }
  216.  
  217. .headline-underline {
  218.         font-size: 14px;
  219.         font-weight: bold;
  220.         margin: 0 0 4px 0;
  221.         border-bottom: 1px solid #cdcdcd;
  222. }
  223.  
  224. /* global typo */
  225. p {
  226.         line-height: 1.4em;
  227. }
  228.  
  229. b {
  230.         font-weight: bold;
  231. }
  232.  
  233. li {
  234.         line-height: 1.4em;
  235. }
  236.  
  237. .highlight {
  238.         color: #ff7b00;
  239. }
  240.  
  241. .bold {
  242.         font-weight: bold;
  243. }
  244.  
  245. .normal {
  246.         font-weight: normal;
  247. }
  248.  
  249. .line {
  250.         clear: both;
  251.         height: 1px;
  252.         background: #cdcdcd;
  253.         margin: 20px 0 20px 0;
  254. }
  255.  
  256. .underline {
  257.         text-decoration: underline;
  258. }
  259.  
  260. .block {
  261.         display: block;
  262. }
  263.  
  264. .left {
  265.         text-align: left;
  266. }
  267.  
  268. .center {
  269.         text-align: center;
  270. }
  271.  
  272. .right {
  273.         text-align: right;
  274. }
  275.  
  276. .float-left {
  277.         float: left;
  278. }
  279.  
  280. .float-right {
  281.         float: right;
  282. }
  283.  
  284. .clear {
  285.         clear: both;
  286. }
  287.  
  288. /* links */
  289. a {
  290.         color: #484848;
  291.         text-decoration: none;
  292.         outline: none;
  293. }
  294.  
  295. a:hover {
  296.         text-decoration: underline;
  297.         outline: none;
  298. }
  299.  
  300.  
  301. .textstyles a{color:#ff7b00}
  302. .textstyles table{border-collapse:collapse;}
  303. .textstyles td{border-width:1px solid #cdcdcd}
  304. .textstyles b, .textstyles strong{font-weight:bold}
  305. .textstyles i,.textstyles em{font-style:italic}
  306. .textstyles ul{list-style-type:square;list-style-position:inside;margin-left:1em}
  307. .textstyles ol{list-style-type:decimal;list-style-position:inside;margin-left:1em}
  308. .textstyles ul,.textstyles ol, .textstyles p{margin-top:1em;margin-bottom:1em}
  309. #content .textstyles li{margin:0}
  310. .textstyles table td,.textstyles table th{border:1px solid #cdcdcd}
  311. .textstyles table th{background:#eaeaea;color:#484848}
  312.  
  313. /* buttons */
  314. input[type="submit"] {
  315.         margin: 5px 2px 5px 0;
  316.         background: #ff7b00;
  317.         color: #fff;
  318.         padding: 11px 20px;
  319.         background: -moz-linear-gradient(top, #ffae4b 0%, #ff7b00);
  320.         background: -o-linear-gradient(#ffaf4b, #ff7b00);
  321.         background: -webkit-gradient(linear, left top, left bottom, from(#ffae4b), to(#ff7b00));
  322.         background: -webkit-linear-gradient(#ffaf4b, #ff7b00);
  323.         -moz-border-radius: 5px;
  324.         -webkit-border-radius: 5px;
  325.         border-radius: 5px;
  326.         border: 1px solid #ff7b00;
  327. }
  328.  
  329. input[type="submit"]:hover {
  330.         cursor: pointer;
  331. }
  332.  
  333. input[type="submit"]::-moz-focus-inner {
  334.     border: 0px;
  335.     padding: 0px;  
  336. }
  337.  
  338. .button {
  339.         margin: 5px 2px 5px 0;
  340.         background: #ff7b00;
  341.         color: #fff;
  342.         display: table;
  343.         padding: 10px 20px;
  344.         background: -moz-linear-gradient(top, #ffae4b 0%, #ff7b00);
  345.         background: -o-linear-gradient(#ffaf4b, #ff7b00);
  346.         background: -webkit-gradient(linear, left top, left bottom, from(#ffae4b), to(#ff7b00));
  347.         background: -webkit-linear-gradient(#ffaf4b, #ff7b00);
  348.         -moz-border-radius: 5px;
  349.         -webkit-border-radius: 5px;
  350.         border-radius: 5px;
  351.         border: 1px solid #ff7b00;
  352. }
  353. a.button{color: #fff;}
  354.  
  355. input[class="button-next"] {
  356.         width: 200px;
  357.         margin: 0 2px 0 0;
  358.         background: #bbd680;
  359.         color: #484848;
  360.         padding: 11px 20px;
  361.         background: -moz-linear-gradient(top, #d9efa7 0%, #bbd680);
  362.         background: -o-linear-gradient(#d9efa7, #bbd680);
  363.         background: -webkit-gradient(linear, left top, left bottom, from(#d9efa7), to(#bbd680));
  364.         background: -webkit-linear-gradient(#d9efa7, #bbd680);
  365.         -moz-border-radius: 5px;
  366.         -webkit-border-radius: 5px;
  367.         border-radius: 5px;
  368.         border: 1px solid #bbd680;
  369. }
  370.  
  371. .button:hover,
  372. .button-green:hover {
  373.         text-decoration: none;
  374.         cursor: pointer;
  375. }  
  376.    
  377. /* forms */
  378. input[type="text"],
  379. input[type="password"],
  380. input[type="date"],
  381. textarea,
  382. radio {
  383.         margin: 0 0 8px 0;
  384.         padding: 5px;
  385.         outline: 0 none;
  386.         border: 1px solid #cdcdcd;
  387.         -webkit-border-radius: 5px;
  388.         -moz-border-radius: 5px;
  389.         border-radius: 5px;
  390.         -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
  391.         -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
  392.         box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
  393. }
  394. /* -------------------------------------------------------------------------------------- */
  395.  
  396.  
  397. /* backgrounds ---------------------------------------------------------------------------*/
  398. #background-topmenu {
  399.     position: relative;
  400.     height: 20px;
  401.     background: #ffaf4b;
  402.     background: -moz-linear-gradient(#ff7b00, #ffaf4b);
  403.     background: -o-linear-gradient(#ff7b00, #ffaf4b);
  404.     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff7b00), to(#ffaf4b));
  405.     background: -webkit-linear-gradient(#ff7b00, #ffaf4b);
  406.     -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.25);
  407.     -moz-box-shadow: 0 0 10px rgba(0,0,0,0.25);
  408.     box-shadow: 0 0 10px rgba(0,0,0,0.25);
  409.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7b00', endColorstr='#ffaf4b');
  410. }
  411.  
  412. #background-top {
  413.     height: 180px;
  414.     background: #ff7b00;
  415.     background: -moz-linear-gradient(#ffaf4b, #ff7b00);
  416.     background: -o-linear-gradient(#ffaf4b, #ff7b00);
  417.     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffaf4b), to(#ff7b00));
  418.     background: -webkit-linear-gradient(#ffaf4b, #ff7b00);
  419.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaf4b', endColorstr='#ff7b00');
  420. }
  421.  
  422. #background-bottom {
  423.     height: 220px;
  424.     margin: -220px 0 0 0;
  425.     background: #f6f6f6;
  426.     background: -moz-linear-gradient(#cdcdcd, #f6f6f6);
  427.     background: -o-linear-gradient(#cdcdcd, #f6f6f6);
  428.     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cdcdcd), to(#f6f6f6));
  429.     background: -webkit-linear-gradient(#cdcdcd, #f6f6f6);
  430.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdcdcd', endColorstr='#f6f6f6');
  431. }
  432. /* -------------------------------------------------------------------------------------- */
  433.  
  434.  
  435. /* page --------------------------------------------------------------------------------- */
  436. #page {
  437.         position: relative;
  438.         margin: -200px 0 0 0;
  439. }
  440. /* -------------------------------------------------------------------------------------- */
  441.  
  442.  
  443. /* header --------------------------------------------------------------------------------*/
  444. #header {
  445.         height: 120px;
  446.         background: #fff;
  447.     -webkit-border-bottom-right-radius: 5px;
  448.         -webkit-border-bottom-left-radius: 5px;
  449.         -moz-border-radius-bottomright: 5px;
  450.         -moz-border-radius-bottomleft: 5px;
  451.         border-bottom-right-radius: 5px;
  452.         border-bottom-left-radius: 5px;
  453.         -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.15), inset 0 0 25px rgba(0,0,0,0.15);
  454.         -moz-box-shadow: 0 0 15px rgba(0,0,0,0.15), inset 0 0 25px rgba(0,0,0,0.15);
  455.         box-shadow: 0 0 15px rgba(0,0,0,0.15), inset 0 0 25px rgba(0,0,0,0.15);
  456. }
  457.  
  458. /* topmenu */
  459. #topmenu {
  460.         float: right;
  461.         padding: 5px 0 0 0;
  462. }
  463.  
  464. #topmenu ul li {
  465.         display:inline;
  466. }
  467.  
  468. #topmenu ul li a {
  469.         padding: 0 5px 0 5px;
  470. }
  471.  
  472. /* branding */
  473. #branding {
  474.         height: 90px;
  475. }
  476.  
  477. #branding #logo {
  478.  
  479. }
  480.  
  481. #branding #slogan {
  482.         padding: 0;
  483.         font-size: 14px;
  484.         text-align: right;
  485. }
  486.  
  487. /* search */
  488. #box-search {
  489.         height: 90px;
  490. }
  491.  
  492. #box-search-box {
  493.     border: 1px solid #cdcdcd;
  494.     -webkit-border-radius: 5px;
  495.     -moz-border-radius: 5px;
  496.     border-radius: 5px;
  497.     -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.15);
  498.     -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.15);
  499.     box-shadow: inset 0 0 10px rgba(0,0,0,0.15);
  500.     margin: 25px 0 0 0;
  501. }
  502.  
  503.  
  504. #box-search-box input[type="text"] {
  505.         width: 275px;
  506.         padding: 10px;
  507.         border: 0 none;
  508.         margin: 0;
  509.         background: transparent;
  510.         -webkit-border-radius: 0;
  511.         -moz-border-radius: 0;
  512.         border-radius: 0;
  513.         -webkit-box-shadow: none;
  514.         -moz-box-shadow: none;
  515.         box-shadow: none;
  516. }
  517.  
  518.  
  519.  
  520. #box-search-box input[type="submit"] {
  521.     width: 15px;
  522.     height: 35px;
  523.     font-size: 0;
  524.     border: 0 none;
  525.     margin: 0;
  526.     overflow: hidden;
  527.     color: transparent !important;
  528.     background: url(../img/search.png) no-repeat 5px 5px;
  529.     float: right;
  530.     cursor: pointer;
  531. }
  532.  
  533. #box-search-advanced-search {
  534.         padding: 5px 0 0 0;
  535.         text-align: right;
  536. }
  537.  
  538. #box-cart {
  539.         height: 90px;
  540. }
  541.  
  542. #box-cart-info {
  543.         width: 90px;
  544.         position: absolute;
  545.         margin: 35px 0 0 0;
  546. }
  547.  
  548. #box-cart-info li {
  549.         line-height: 14px;
  550.         text-align: right;
  551. }
  552.  
  553. #box-cart-box {
  554.         float: right;
  555.         height: 60px;
  556.         width: 60px;
  557.         background: url('../img/shopping_cart.png') no-repeat 12px 30px;
  558.         border: 1px solid #cdcdcd;
  559.         -webkit-border-radius: 5px;
  560.         -moz-border-radius: 5px;
  561.         border-radius: 5px;
  562.         -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.15);
  563.         -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.15);
  564.         box-shadow: inset 0 0 10px rgba(0,0,0,0.15);
  565.         line-height: 40px;
  566.         margin: 20px 0 0 0;
  567.         text-align: center;
  568. }
  569.  
  570. #box-cart-box:hover {
  571.         border: 1px solid #ff7b00;
  572. }
  573.  
  574. #box-cart-box a {
  575.         font-size: 22px;
  576.         height: 50px;
  577.         padding: 10px 0 0 0;
  578.         display: block;
  579. }
  580.  
  581. #box-cart-box a:hover {
  582.         text-decoration: none;
  583. }
  584. /* -------------------------------------------------------------------------------------- */
  585.  
  586.  
  587. /* top categories ----------------------------------------------------------------------- */
  588. #box-topcategories {
  589.         height: 50px;
  590. }
  591.  
  592. #box-topcategories li {
  593.         display:inline;
  594. }
  595.  
  596. #box-topcategories a {
  597.         text-transform: uppercase;
  598.         color: #fff;
  599.         font-size: 18px;
  600.         font-weight: bold;
  601.         padding: 15px 15px 15px 15px;
  602.         line-height: 50px;
  603. }
  604.  
  605. #box-topcategories a:focus,
  606. #box-topcategories a:active,
  607. #box-topcategories a:hover {
  608.         color: #4b4846;
  609.         text-decoration: none;
  610. }
  611. /* -------------------------------------------------------------------------------------- */
  612.  
  613.  
  614. /* sidebar -------------------------------------------------------------------------------*/
  615.  
  616. /* all default boxes */
  617. #sidebar .sidebar-box {
  618.         margin: 0 0 20px 0;
  619. }
  620.  
  621. #sidebar .sidebar-box .box {
  622.         margin: 5px 0 0 0;
  623. }
  624.  
  625. #sidebar .sidebar-box li {
  626.         padding: 8px 0 8px 0;
  627.         border-bottom: 1px dashed #cdcdcd;
  628. }
  629. #sidebar .sidebar-box li:last-child {
  630.         border: 0 none;
  631. }
  632.  
  633. /* products, images and prices for all boxes */
  634. #sidebar .sidebar-box .product-image {
  635.         text-align: center;
  636. }
  637.  
  638. #sidebar .sidebar-box .product-name {
  639.         font-weight: bold;
  640.         text-align: center;
  641.         padding: 5px 0 5px 0;
  642. }
  643.  
  644. #sidebar .sidebar-box .product-price {
  645.         text-align: center;
  646.         font-weight: bold;
  647.         font-size: 14px;
  648. }
  649.  
  650. #sidebar .sidebar-box .price-old {
  651.         display: block;
  652.         text-decoration: line-through;
  653.         color: #f25d44;
  654.         font-weight: normal;
  655.         font-size: 12px;
  656. }
  657.  
  658. #sidebar .sidebar-box .price-new {
  659.         display: block;
  660. }
  661.  
  662. #sidebar .sidebar-box .price-discount {
  663.         display: block;
  664.         color: #8dba2a;
  665.         font-weight: normal;
  666.         font-size: 12px;
  667.         line-height: 14px;
  668.         padding: 0 0 5px 0;
  669. }
  670. #sidebar .sidebar-box .product-base-price {
  671.         text-align: center;
  672.         padding: 0 0 5px 0;
  673. }
  674.  
  675. #sidebar .sidebar-box .product-tax-shipping,
  676. #sidebar .sidebar-box .product-tax-shipping a {
  677.         text-align: center;
  678.         padding: 0 0 5px 0;
  679.         color: #888;
  680. }
  681.  
  682. #box-loginbox input[type="text"],
  683. #box-loginbox input[type="password"] {
  684.         width: 148px;
  685. }
  686.  
  687. /* categories box */
  688. #box-categories li {
  689.         padding: 10px 0 10px 0;
  690.         font-size: 14px;
  691. }
  692.  
  693. #box-categories li.level1 {
  694.         padding-left: 12px;
  695.         background: url(../img/arrow_categorie.png) no-repeat 0 13px;
  696. }
  697.  
  698. #box-categories li.level1.active {
  699.         background: url(../img/arrow_categorie_activ.png) no-repeat 0 13px;
  700. }
  701.  
  702. #box-categories li.level2 {
  703.         padding: 5px 0 5px 20px;
  704. }
  705.  
  706. #box-categories li.level3 {
  707.         padding: 5px 0 5px 30px;
  708. }
  709.  
  710. #box-categories li.level4 {
  711.         padding: 5px 0 5px 40px;
  712. }
  713.  
  714. #box-categories li.level5 {
  715.         padding: 5px 0 5px 50px;
  716. }
  717.  
  718. #box-categories li.active {
  719.         font-weight: bold;
  720. }
  721. /* -------------------------------------------------------------------------------------- */
  722.  
  723.  
  724. /* content -------------------------------------------------------------------------------*/
  725. #content-wrap {
  726.         min-height: 600px;
  727.         background: #fff;
  728.         padding: 10px 0 10px 0;
  729.     -webkit-border-radius: 5px;
  730.         -moz-border-radius: 5px;
  731.         border-radius: 5px;
  732.         -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.15), inset 0 0 25px rgba(0,0,0,0.15);
  733.         -moz-box-shadow: 0 0 15px rgba(0,0,0,0.15), inset 0 0 25px rgba(0,0,0,0.15);
  734.         box-shadow: 0 0 15px rgba(0,0,0,0.15), inset 0 0 25px rgba(0,0,0,0.15);
  735. }
  736.  
  737. #content {}
  738.  
  739. #startpage {
  740.         padding: 0 0 20px 0;
  741. }
  742.  
  743. /* breadcrumb */
  744. #breadcrumb {
  745.         padding: 0 0 10px 0;
  746. }
  747.  
  748. #breadcrumb ul li div {
  749.         display:inline;
  750. }
  751.  
  752. #breadcrumb ul li {
  753.     display:inline;
  754. }
  755.  
  756. /* search */
  757.  
  758. #search li {
  759.         line-height: 25px;
  760. }
  761.  
  762. #search-cat,
  763. #search-mnf,
  764. #search-sdesc {
  765.         padding: 10px 0 0 0;
  766. }
  767.  
  768. #search label {
  769.         display: block;
  770.         width: 230px;
  771.         float: left;
  772. }
  773.  
  774. #search input[type="text"] {
  775.         width: 738px;
  776.         padding: 12px 10px 12px 10px;
  777. }
  778.  
  779. /* categorie listing */
  780. .products-sort-pages {
  781.         overflow: hidden;
  782. }
  783.  
  784. .products-sort {
  785.         margin: 0 0 10px 0;
  786.         width: 350px;
  787.         height: 30px;
  788.         float: left;
  789.  
  790. }
  791.  
  792. .products-sort label {
  793.         float: left;
  794.         line-height: 20px;
  795.         padding: 5px 10px 0 0;
  796. }
  797. .products-sort select{
  798.         margin:3px 0;
  799.         padding:3px;
  800. }
  801.  
  802. .navigation-pages {
  803.         margin: 10px 0 0 0;
  804.         text-align: right;
  805.         height: 30px;
  806.         float: right;
  807. }
  808.  
  809. .navigation-pages a{
  810.         padding: 5px 10px 5px 10px;
  811.         border: 1px solid #cdcdcd;
  812.         -webkit-border-radius: 5px;
  813.         -moz-border-radius: 5px;
  814.         border-radius: 5px;
  815. }
  816.  
  817. .navigation-pages a:hover {
  818.         text-decoration: none;
  819.         border: 1px solid #484848;
  820. }
  821.  
  822. .navigation-pages .navigation_selected {
  823.         padding: 5px 10px 5px 10px;
  824.         border: 1px solid #FF7B00;
  825.         -webkit-border-radius: 5px;
  826.         -moz-border-radius: 5px;
  827.         border-radius: 5px;
  828. }
  829.  
  830. /*categorie listing*/
  831. #categorie-listing #categorie-description {
  832.         padding: 0 0 20px 0;
  833. }
  834.  
  835. #categorie-listing #categorie-description-bottom {
  836.     padding: 0 0 20px 0;
  837. }
  838.  
  839. #categorie-listing .categorie {}
  840.  
  841. #categorie-listing .categorie .image {
  842.         display: block;
  843.         text-align: center;
  844.         height: 100px;
  845. }
  846.  
  847. #categorie-listing .categorie .no-image {
  848.         display: block;
  849.         text-align: center;
  850.         height: 100px;
  851.         background:url(../img/no_image.png) no-repeat scroll center center transparent;
  852. }
  853.  
  854. #categorie-listing .categorie .name {
  855.         display: block;
  856.         text-align: center;
  857.         height: 30px;
  858. }
  859.  
  860. #categorie-listing .categorie a {
  861.         display: block;
  862. }
  863.  
  864. /* product listing */
  865. .product-listing .manufacturers-description {
  866.         margin: 0 0 20px 0;
  867. }
  868.  
  869. .product-listing .product {
  870.         margin: 0 0 20px 0;
  871.         min-height: 330px;
  872. }
  873.  
  874. .product-listing .product .product-image {
  875.         text-align: center;
  876.         height: 120px;
  877.         width: 760px;
  878.         display: table-cell;
  879.     vertical-align: middle;
  880. }
  881.  
  882. .product-listing .product .product-name {
  883.     font-weight: bold;
  884.     text-align: center;
  885.     padding:5px 0;
  886. }
  887.  
  888. .product-listing .product .product-reviews {
  889.         display: table;
  890.         margin: 0 auto 5px auto;
  891. }
  892.  
  893.  
  894. .product-listing .product .product-reviews .reviews_rating_light .reviews_rating_dark {
  895.         background: transparent url(../img/review_star.png) repeat-x scroll 0%;
  896.         height: 15px;
  897.         position: relative;
  898.         width: 80px;
  899. }
  900.  
  901. .product-listing .product .product-reviews .reviews_rating_light {
  902.         background:transparent url(../img/review_star_light.png) repeat-x scroll 0%;
  903.         height: 15px;
  904.         position: relative;
  905.         width: 80px;
  906.         float: left;   
  907. }
  908.  
  909. .product-listing .product .product-short-description {
  910.         text-align: center;
  911.         padding: 0 0 5px 0;
  912. }
  913.  
  914. .product-listing .product .product-shipping-status {
  915.     text-align: center;
  916.         padding: 0 0 5px 0;
  917. }
  918.  
  919. .product-listing .product .product-price {
  920.         font-size: 16px;
  921.         font-weight: bold;
  922.         text-align: center;
  923.         padding: 0 0 0 0;
  924.  
  925. }
  926.  
  927. .product-listing .product .product-price .price-new {
  928.         display: block;
  929.         font-weight: bold;
  930. }
  931.  
  932. .product-listing .product .product-price .price-old {
  933.         font-size: 12px;
  934.         font-weight: normal;
  935.         display: block;
  936.         text-decoration: line-through;
  937.         color: #f25d44;
  938. }
  939.  
  940. .product-listing .product .product-price .price-discount {
  941.         display: block;
  942.         font-size: 12px;
  943.         font-weight: normal;
  944.         color: #8dba2a;
  945.         line-height: 14px;
  946.         padding: 0 0 5px 0;
  947. }
  948.  
  949. .product-listing .product .product-base-price {
  950.         text-align: center;
  951.         padding: 0 0 5px 0;
  952. }
  953.  
  954. .product-listing .product .product-tax-shipping,
  955. .product-listing .product .product-tax-shipping a {
  956.         text-align: center;
  957.         color: #888;
  958. }
  959.  
  960. .product-listing .product .add-to-cart {
  961.         text-align: center;
  962. }
  963. .product-listing .product .vpe{
  964.     color: #888888;
  965.     text-align: center;
  966.         }
  967.  
  968. /* product */
  969. #product {}
  970.  
  971. #product-images {
  972.         width: 49%;
  973. }
  974.  
  975. #product-images .box .product-image img{
  976.         text-align: center;
  977.         width: auto;
  978.         height: auto;
  979. }
  980.  
  981. #product-images .more-images {
  982.         overflow: hidden;
  983. }
  984.  
  985. #product-images .more-images .more-images-item {
  986.         border: 1px solid #cdcdcd;
  987.         text-align: center;
  988.         display: block;
  989.         float: left;
  990.         margin: 0 10px 10px 0;
  991.         -webkit-border-radius: 5px;
  992.         -moz-border-radius: 5px;
  993.         border-radius: 5px;
  994. }
  995.  
  996. #product-images .more-images .more-images-item:nth-child(3n) {
  997.         margin: 0 0 10px 0;    
  998. }
  999.  
  1000. #product-images .more-images .more-images-item span {
  1001.         display: table-cell;
  1002.         width: 115px;
  1003.         height: 115px;
  1004.         vertical-align: middle;
  1005. }
  1006.  
  1007. #product #tabs .product-reviews {
  1008.         display: table;
  1009.         margin: 0 auto 5px auto;
  1010. }
  1011.  
  1012. #product .product-reviews {
  1013.         display: table;
  1014.         margin: 0 0 5px auto;
  1015. }
  1016.  
  1017. #product .product-reviews .reviews_rating_light .reviews_rating_dark {
  1018.         background: transparent url(../img/review_star.png) repeat-x scroll 0%;
  1019.         height: 15px;
  1020.         position: relative;
  1021.         width: 80px;
  1022.        
  1023. }
  1024.  
  1025. #product .product-reviews .reviews_rating_light {
  1026.         background:transparent url(../img/review_star_light.png) repeat-x scroll 0%;
  1027.         height: 15px;
  1028.         position: relative;
  1029.         width: 80px;
  1030.         float: left;   
  1031. }
  1032.  
  1033.  
  1034. #product #product-infos {
  1035.         width: 49%;
  1036.         float: right;
  1037. }
  1038.  
  1039. #product #product-infos .product-price {
  1040.         text-align: right;
  1041.         font-weight: bold;
  1042.         font-size: 28px;
  1043. }
  1044.  
  1045. #product #product-infos .product-price .price-old {
  1046.         display: block;
  1047.         text-decoration: line-through;
  1048.         color: #f25d44;
  1049.         font-weight: normal;
  1050.         font-size: 12px;
  1051.         line-height: 16px;
  1052. }
  1053.  
  1054. #product #product-infos .product-price .price-new {
  1055.         display: block;
  1056. }
  1057.  
  1058. #product #product-infos .product-price .price-discount {
  1059.         display: block;
  1060.         color: #8dba2a;
  1061.         font-weight: normal;
  1062.         font-size: 12px;
  1063.         line-height: 16px;
  1064. }
  1065.  
  1066. #product #product-infos .product-base-price {
  1067.         text-align: right;
  1068.         padding: 0 0 5px 0;
  1069. }
  1070.  
  1071. #product #product-infos .product-tax-shipping{
  1072.         text-align: right;
  1073.         padding: 0 0 5px 0;
  1074. }
  1075.  
  1076. #product #product-infos .product-model {
  1077.         text-align: right;
  1078.         padding: 0 0 5px 0;
  1079. }
  1080.  
  1081. #product #product-infos .product-weight {
  1082.         text-align: right;
  1083.         padding: 0 0 5px 0;
  1084. }
  1085.  
  1086. #product #product-infos .product-shipping-status {
  1087.         text-align: right;
  1088.         padding: 0 0 5px 0;
  1089.         font-weight: bold;
  1090. }
  1091.  
  1092. #product #product-infos .product-stock-image {
  1093.         text-align: right;
  1094.         padding: 0 0 5px 0;
  1095. }
  1096.  
  1097. #product #product-infos .product-stock-name {
  1098.         text-align: right;
  1099.         padding: 0 0 5px 0;
  1100. }
  1101.  
  1102. #product #product-infos .product-discount {
  1103.         text-align: right;
  1104.         padding: 0 0 5px 0;
  1105. }
  1106.  
  1107. #product #product-infos .add-to-cart {
  1108.         padding: 10px 0 0 0;
  1109.         text-align: right;
  1110. }
  1111.  
  1112. #product #product-infos .add-to-cart input[type="text"] {
  1113.         width: 30px;
  1114.         height: 24px;
  1115. }
  1116.  
  1117. #product #tabs {
  1118.         margin: 20px 0 20px 0;
  1119.         clear: both;
  1120. }
  1121.  
  1122. #product #tabs ul.tabs {
  1123.         border-bottom: 5px solid #ff7b00;
  1124. }
  1125.  
  1126. #product #tabs .tabs li {
  1127.         list-style: none;
  1128.         display: inline;
  1129. }
  1130.  
  1131. #product #tabs .tabs a {
  1132.         padding: 10px;
  1133.         display: inline-block;
  1134.         background: #cdcdcd;
  1135.         text-decoration: none;
  1136.         -webkit-border-top-left-radius: 5px;
  1137.         -webkit-border-top-right-radius: 5px;
  1138.         -moz-border-radius-topleft: 5px;
  1139.         -moz-border-radius-topright: 5px;
  1140.         border-top-left-radius: 5px;
  1141.         border-top-right-radius: 5px;
  1142. }
  1143.  
  1144. #product #tabs .tabs a.active {
  1145.         background: #ff7b00;
  1146.         color: #fff;
  1147. }
  1148.  
  1149. #product .ptabs {
  1150.         border: 1px solid #cdcdcd;
  1151.         border-top: 0 none;
  1152.         padding: 10px;
  1153.         -webkit-border-bottom-right-radius: 5px;
  1154.         -webkit-border-bottom-left-radius: 5px;
  1155.         -moz-border-radius-bottomright: 5px;
  1156.         -moz-border-radius-bottomleft: 5px;
  1157.         border-bottom-right-radius: 5px;
  1158.         border-bottom-left-radius: 5px;
  1159. }
  1160.  
  1161.  
  1162.  
  1163. #product #tabs #productlist .price {
  1164.         font-size: 16px;
  1165.         font-weight: bold;
  1166.         padding: 0 0 0 0;
  1167.  
  1168. }
  1169.  
  1170. #product #tabs #productlist .price-new {
  1171.         display: block;
  1172.         font-weight: bold;
  1173.  
  1174. }
  1175.  
  1176. #product #tabs #productlist .price-old {
  1177.         font-size: 12px;
  1178.         font-weight: normal;
  1179.         display: block;
  1180.         text-decoration: line-through;
  1181.         color: #f25d44;
  1182. }
  1183.  
  1184. #product #tabs #productlist .price-discount {
  1185.         display: block;
  1186.         font-size: 12px;
  1187.         font-weight: normal;
  1188.         color: #8dba2a;
  1189. }
  1190.  
  1191. #tabs .product-listing .product {
  1192.     min-height: 370px;
  1193. }
  1194.  
  1195. #product #reviews .reviews_rating_light .reviews_rating_dark {
  1196.         background:transparent url(../img/review_star.png) repeat-x scroll 0%;
  1197.         height:15px;
  1198.         position:relative;
  1199.         width:80px;
  1200. }
  1201.  
  1202. #product #reviews .reviews_rating_light {
  1203.         background:transparent url(../img/review_star_light.png) repeat-x scroll 0%;
  1204.         height:15px;
  1205.         margin: 20px 5px 0 0;
  1206.         position:relative;
  1207.         width:80px;
  1208.         float: left;   
  1209. }
  1210.  
  1211. /* xt_review */
  1212. #product #tabs #reviews .review-title {
  1213.         font-weight: bold;
  1214.         padding: 20px 0 0 0;
  1215.        
  1216. }
  1217.  
  1218. #product #tabs #reviews .review-text {
  1219.         padding: 5px 0 5px 0;
  1220. }
  1221.  
  1222. #product #tabs #reviews .review-editor {
  1223.         font-size: 10px;
  1224. }
  1225.  
  1226. #product #tabs #reviews label {
  1227.     width: 180px;
  1228.     padding: 0 10px 0 0;
  1229.     line-height: 30px;
  1230.     display: block;
  1231.     text-align: left;
  1232.     clear: both;
  1233.     float: left;
  1234. }
  1235.  
  1236. #product #tabs #reviews select {
  1237.     margin: 5px 0 10px 0;
  1238. }
  1239.  
  1240. #product #tabs #reviews input[type="text"] {
  1241.         width: 505px;
  1242. }
  1243.  
  1244. #product #tabs #reviews textarea {
  1245.         width: 505px;
  1246. }
  1247. /* contact */
  1248. #contact .box {
  1249.         width: 440px;
  1250.         margin: 10px 0 0 0;
  1251. }
  1252.  
  1253. #contact form {
  1254.         margin: 10px 0 0 0;
  1255. }
  1256.  
  1257. #contact label {
  1258.         width: 200px;
  1259.         line-height: 33px;
  1260.         display: block;
  1261.         text-align: right;
  1262.         float: left;
  1263. }
  1264.  
  1265. #contact input[type="text"],
  1266. #contact textarea,
  1267. #contact img {
  1268.         float: right;
  1269. }
  1270.  
  1271. #contact input[type="text"]{
  1272.         width: 210px;
  1273. }
  1274.  
  1275. #contact textarea {
  1276.         width: 210px;
  1277. }
  1278.  
  1279. #contact #captcha-img {
  1280.         height: 80px;
  1281.         padding: 10px 0 0 0;
  1282. }
  1283.  
  1284. #contact p{
  1285.         clear: both;
  1286. }
  1287.  
  1288. #contact input[type="submit"],
  1289. #contact .button {
  1290.         clear: both;
  1291. }
  1292.  
  1293. /* shipping */
  1294. #shipping .box {
  1295.         margin: 10px 0 20px 0;
  1296. }
  1297.  
  1298. #shipping form {
  1299. }
  1300.  
  1301. #shipping label {
  1302.         font-size: 14px;
  1303.         font-weight: bold;
  1304.         margin: 0 0 10px 0;
  1305. }
  1306.  
  1307. #shipping select {
  1308.         margin: 10px 0 0 0;
  1309. }
  1310.  
  1311. #shipping table {
  1312.         margin: 10px 0 20px 0;
  1313. }
  1314.  
  1315. /* sitemap */
  1316. #sitemap .sitemap-row {
  1317.         border-bottom: 1px solid #cdcdcd;
  1318.         overflow: auto;
  1319.         padding: 20px 0 20px 0;
  1320. }
  1321.  
  1322. #sitemap .sitemap-row:last-child {
  1323.         border: 0 none;
  1324. }
  1325.  
  1326. #sitemap ul {
  1327.         width: 33%;
  1328.         float: left;
  1329. }
  1330.  
  1331. #sitemap li.sitemap-headline {
  1332.         padding: 6px 0 6px 12px;
  1333.         background: url(../img/arrow_sitemap.png) no-repeat 0 10px;
  1334. }
  1335.  
  1336. #sitemap li {
  1337.         padding: 0 0 0 12px;
  1338. }
  1339.  
  1340. /* login */
  1341. #loginbox {
  1342.         margin: 10px 0 0 0;
  1343.         border: 1px solid #cdcdcd;
  1344.         padding: 10px;
  1345.         -webkit-border-radius: 5px;
  1346.         -moz-border-radius: 5px;
  1347.         border-radius: 5px;
  1348. }
  1349.  
  1350. #registerbox {
  1351.         margin: 10px 0 0 0;
  1352.         border: 1px solid #cdcdcd;
  1353.         padding: 10px;
  1354.         -webkit-border-radius: 5px;
  1355.         -moz-border-radius: 5px;
  1356.         border-radius: 5px;
  1357. }
  1358.  
  1359. #loginbox .info-text,
  1360. #registerbox .info-text {
  1361.         margin: 0 0 20px 0;
  1362. }
  1363.  
  1364. #loginbox label,
  1365. #registerbox label {
  1366.     width: 210px;
  1367.     padding: 5px 10px 5px 0;
  1368.     margin: 0 0 8px;
  1369.     display: block;
  1370.     text-align: right;
  1371.     float: left;
  1372.     height:16px;
  1373.     line-height:16px;
  1374. }
  1375.  
  1376. #loginbox input[type="text"],
  1377. #loginbox input[type="password"] {
  1378.         width: 200px;
  1379. }
  1380.  
  1381. #registerbox input[type="text"],
  1382. #registerbox input[type="password"] {
  1383.         width: 200px;
  1384. }
  1385.  
  1386. #registerbox select {
  1387.         width: 213px;
  1388.         margin: 0 0 10px 0;
  1389.         padding: 5px 0 5px 0;
  1390. }
  1391.  
  1392. #registerbox #guest,
  1393. #registerbox #account {
  1394.         margin: 0 0 0 210px;
  1395. }
  1396.  
  1397. #registerbox #account {
  1398.         margin-bottom: 20px;
  1399. }
  1400.  
  1401. /* adress book */
  1402. #adress-book .box {
  1403.         width: 440px;
  1404. }
  1405.  
  1406. /* edit address */
  1407. #edit-adress .box {
  1408.         width: 440px;
  1409.         margin: 20px 0 0 0;
  1410. }
  1411.  
  1412. #edit-adress label {
  1413.         width: 210px;
  1414.         padding: 0 10px 0 0;
  1415.         line-height: 25px;
  1416.         display: block;
  1417.         text-align: right;
  1418.         float: left;
  1419. }
  1420.  
  1421. #edit-adress input[type="text"]{
  1422.         width: 200px;
  1423. }
  1424.  
  1425. #edit-adress select {
  1426.         width: 213px;
  1427.         margin: 0 0 10px 0;
  1428.         padding: 5px 0 5px 0;
  1429. }
  1430.  
  1431. /* edit account */
  1432. #edit-account .box {
  1433.         width: 440px;
  1434. }
  1435.  
  1436. #edit-account .info-text {
  1437.         margin: 0 0 20px 0;
  1438. }
  1439.  
  1440. #edit-account label {
  1441.         width: 210px;
  1442.         padding: 0 10px 0 0;
  1443.         line-height: 25px;
  1444.         display: block;
  1445.         text-align: right;
  1446.         float: left;
  1447. }
  1448.  
  1449. #edit-account input[type="text"],
  1450. #edit-account input[type="password"] {
  1451.         width: 200px;
  1452. }
  1453.  
  1454.  
  1455. #edit-account select {
  1456.         width: 213px;
  1457.         margin: 0 0 10px 0;
  1458.         padding: 5px 0 5px 0;
  1459. }
  1460.  
  1461. /* account history info */
  1462.  
  1463. #account-history-info .product-name {
  1464.         font-weight: bold;
  1465.         padding: 0 0 10px 0;
  1466. }
  1467.  
  1468. #account-history-info .product-description {
  1469.         padding: 10px 0 0 0;
  1470. }
  1471.  
  1472. #account-history-info .sub-total {
  1473.         line-height: 50px; font-weight: bold;
  1474. }
  1475.  
  1476. #account-history-info .total {
  1477.         font-weight: bold;
  1478.         line-height: 40px;
  1479.         font-size: 16px;
  1480. }
  1481.  
  1482. #account-history-info thead th {
  1483.         min-width: 100px;
  1484. }
  1485.  
  1486. #account-history-info tbody tr:last-child td {
  1487.         padding-bottom: 25px;
  1488. }
  1489.  
  1490.  
  1491. #account-history-info tfoot tr td:nth-child(2) {
  1492.         border-top: 1px solid #cdcdcd;
  1493. }
  1494.  
  1495. /* download history */
  1496. .media-description {
  1497.         padding: 5px 0 5px 0;
  1498. }
  1499.  
  1500. /* passwort reset */
  1501. #passwort-reset .box {
  1502.         width: 440px;
  1503.         margin: 20px 0 0 0;
  1504. }
  1505.  
  1506. #passwort-reset img {
  1507.         margin: 10px 20px 20px 0
  1508. }
  1509.  
  1510. #passwort-reset label {
  1511.         width: 210px;
  1512.         padding: 0 10px 0 0;
  1513.         line-height: 25px;
  1514.         display: block;
  1515.         text-align: right;
  1516.         float: left;
  1517. }
  1518.  
  1519. #passwort-reset input[type="text"]{
  1520.         width: 200px;
  1521. }
  1522.  
  1523. /*error, warning, success and info*/
  1524. .error,
  1525. .warning,
  1526. .success,
  1527. .info {
  1528.         border: 0 none;
  1529.         -webkit-border-radius: 5px;
  1530.         -moz-border-radius: 5px;
  1531.         border-radius: 5px;
  1532.         -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.15);
  1533.         -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.15);
  1534.         box-shadow: inset 0 0 10px rgba(0,0,0,0.15);
  1535.         padding: 10px;
  1536.         margin: 0 0 20px 0;
  1537. }
  1538.  
  1539. .error {
  1540.         background: #f25d44;
  1541.         background: -moz-linear-gradient(#f5a285, #f25d44);
  1542.         background: -o-linear-gradient(#f5a285, #f25d44);
  1543.         background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5a285), to(#f25d44));
  1544.         background: -webkit-linear-gradient(#f5a285, #f25d44);
  1545. }
  1546.  
  1547. .warning, .info {
  1548.         background: #fecf43;
  1549.         background: -moz-linear-gradient(#ffe086, #fecf43);
  1550.         background: -o-linear-gradient(#ffe086, #fecf43);
  1551.         background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffe086), to(#fecf43));
  1552.         background: -webkit-linear-gradient(#ffe086, #fecf43);
  1553. }
  1554.  
  1555. .success {
  1556.         background: #bbd680;
  1557.         background: -moz-linear-gradient(#d9efa7, #bbd680);
  1558.         background: -o-linear-gradient(#d9efa7, #bbd680);
  1559.         background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d9efa7), to(#bbd680));
  1560.         background: -webkit-linear-gradient(#d9efa7, #bbd680);
  1561. }
  1562.  
  1563. /* cart */
  1564. #cart table {
  1565.         width: 100%;
  1566. }
  1567.  
  1568. #cart thead th{
  1569.         font-weight: bold;
  1570.         border-bottom: 1px solid #cdcdcd;
  1571. }
  1572.  
  1573. #cart tbody td {
  1574.         vertical-align: top;
  1575. }
  1576.  
  1577. #cart tbody .product-name {
  1578.         padding: 0 0 5px 0;
  1579.         font-weight: bold;
  1580. }
  1581.  
  1582. #cart tbody .del-product {
  1583.         color: #ff7b00;
  1584. }
  1585.  
  1586. #cart tbody .del-product:hover {
  1587.         text-decoration: underline;
  1588.         cursor: pointer;
  1589. }
  1590.  
  1591. #cart tbody .final-price {
  1592.         text-align: right;
  1593.         font-weight: bold;
  1594.         line-height: 30px;
  1595. }
  1596.  
  1597. #cart tbody .product-price {
  1598.         text-align: right;
  1599.         line-height: 30px;
  1600. }
  1601.  
  1602. #cart #total {
  1603.         border-top: 1px solid #cdcdcd;
  1604. }
  1605.  
  1606. #cart #total .sub-total {
  1607.         font-weight: bold;
  1608.         line-height: 50px;
  1609.         font-size: 16px;
  1610. }
  1611.  
  1612. #cart #total .shipping-link {
  1613.         text-align: right;
  1614.         padding: 10px 0 0 0;
  1615. }
  1616.  
  1617. #cart > form {
  1618.     margin: 0 0 20px;
  1619. }
  1620.  
  1621. /* checkout */
  1622. #checkout .box {
  1623.         height: 80px;
  1624.         -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.15);
  1625.         -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.15);
  1626.         box-shadow: inset 0 0 10px rgba(0,0,0,0.15);
  1627. }
  1628.  
  1629. #checkout .active {
  1630.         height: 82px;
  1631.         background: #fecf43;
  1632.         border: 0 none;
  1633.         background: -moz-linear-gradient(#ffe086, #fecf43);
  1634.         background: -o-linear-gradient(#ffe086, #fecf43);
  1635.         background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffe086), to(#fecf43));
  1636.         background: -webkit-linear-gradient(#ffe086, #fecf43);
  1637. }
  1638.  
  1639. #checkout .done {
  1640.         height: 82px;
  1641.         background: #bbd680;
  1642.         border: 0 none;
  1643.         background: -moz-linear-gradient(#d9efa7, #bbd680);
  1644.         background: -o-linear-gradient(#d9efa7, #bbd680);
  1645.         background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d9efa7), to(#bbd680));
  1646.         background: -webkit-linear-gradient(#d9efa7, #bbd680);
  1647. }
  1648.  
  1649. #checkout-shipping .box select,
  1650. #checkout-payment .box select,
  1651. #checkout-confirmation .box select {
  1652.         width: 200px;
  1653.         margin: 5px 0 5px 0;
  1654. }
  1655.  
  1656. #checkout-shipping .box-grey,
  1657. #checkout-payment .box-grey,
  1658. #checkout-confirmation .box-grey {
  1659.         background: #f6f6f6;
  1660. }
  1661.  
  1662.  
  1663.  
  1664.  
  1665.  
  1666.  
  1667. #checkout-shipping .box-grey .box,
  1668. #checkout-payment .box-grey .box,
  1669. #checkout-confirmation .box-grey .box{
  1670.        
  1671. }
  1672.  
  1673.  
  1674.  
  1675. #checkout-shipping .shipping-name,
  1676. #checkout-payment .payment-name {
  1677.         font-weight: bold;
  1678.         min-height: 45px;
  1679.         line-height: 45px;
  1680. }
  1681.  
  1682. #checkout-shipping .shipping-desc,
  1683. #checkout-payment .payment-desc {
  1684.         clear: both;
  1685. }
  1686.  
  1687.  
  1688.  
  1689.  
  1690.  
  1691.  
  1692.  
  1693.  
  1694.  
  1695.  
  1696. #checkout-payment .box textarea,
  1697. #checkout-confirmation .box textarea {
  1698.     width: 665px;
  1699.     margin: 10px 0 0 0;
  1700. }
  1701.  
  1702. #checkout-confirmation .product-name {
  1703.         font-weight: bold;
  1704.         padding: 0 0 10px 0;
  1705. }
  1706.  
  1707. #checkout-confirmation .price-old {
  1708.         display: block;
  1709.         text-decoration: line-through;
  1710.         color: #f25d44;
  1711.         font-weight: normal;
  1712.         font-size: 12px;
  1713. }
  1714.  
  1715. #cart .price-old {
  1716.     display: block;
  1717.     text-decoration: line-through;
  1718.     color: #f25d44;
  1719.     font-weight: normal;
  1720.     font-size: 12px;
  1721. }
  1722.  
  1723.  
  1724.  
  1725. #checkout-confirmation .product-description {
  1726.         padding: 10px 0 0 0;
  1727. }
  1728.  
  1729. #checkout-confirmation .sub-total {
  1730.         line-height: 50px; font-weight: bold;
  1731. }
  1732.  
  1733. #checkout-confirmation .total {
  1734.         font-weight: bold;
  1735.         line-height: 40px;
  1736.         font-size: 16px;
  1737. }
  1738.  
  1739. #checkout-confirmation thead th {
  1740.         min-width: 100px;
  1741. }
  1742.  
  1743. #checkout-confirmation tbody tr:last-child td {
  1744.         padding-bottom: 25px;
  1745.        
  1746. }
  1747.  
  1748. #checkout-confirmation tfoot tr td:nth-child(2) {
  1749.         border-top: 1px solid #cdcdcd;
  1750. }
  1751. /* -------------------------------------------------------------------------------------- */
  1752.  
  1753.  
  1754. /* Footer --------------------------------------------------------------------------------*/
  1755. #footer {
  1756.         min-height: 140px;
  1757.         padding: 10px 0 0 0;
  1758. }
  1759.  
  1760. #footer .column {
  1761.         min-height: 140px;
  1762. }
  1763.  
  1764. /* languages */
  1765. #languages {
  1766.         margin: 0 0 10px 0;
  1767. }
  1768.  
  1769. #languages li{
  1770.         display: inline;
  1771. }
  1772.  
  1773. /* manufacturers */
  1774. #manufacturers {
  1775.         width: 160px;
  1776. }
  1777.  
  1778. #copyright {
  1779.         text-align: center;
  1780.         padding: 0 0 10px 0;
  1781. }
  1782.  
  1783. #mobile_link {
  1784.     text-align: center;
  1785.     padding: 0 0 10px 0;
  1786. }
  1787. /* -------------------------------------------------------------------------------------- */
  1788.  
  1789.  
  1790. /* extensions ----------------------------------------------------------------------------*/
  1791.  
  1792. /* cloud zoom */
  1793.  
  1794. /* this is the moving lens square underneath the mouse pointer. */
  1795.  
  1796. .cloud-zoom-lens {
  1797.         width: 100px;
  1798.         height: 100px;
  1799.         background: #ff7b00;   
  1800.         cursor: move;
  1801.         -webkit-border-radius: 5px;
  1802.         -moz-border-radius: 5px;
  1803.         border-radius: 5px;            
  1804. }
  1805.  
  1806. /* this is for the title text. */
  1807. .cloud-zoom-title {
  1808.         position: absolute !important;
  1809.         background-color: #000;
  1810.         color: #fff;
  1811.         padding: 3px;
  1812.         width: 100%;
  1813.         text-align: center;    
  1814.         font-weight: bold;
  1815.         font-size: 10px;
  1816.         top: 0px;
  1817. }
  1818.  
  1819. /* this is the zoom window. */
  1820. .cloud-zoom-big {
  1821.         border: 10px solid #fff;
  1822.         -webkit-border-radius: 5px;
  1823.         -moz-border-radius: 5px;
  1824.         border-radius: 5px;
  1825.         overflow: hidden;
  1826.         background: #fff;
  1827.     background-repeat:no-repeat;
  1828. }
  1829.  
  1830. /* this is the loading message. */
  1831. .cloud-zoom-loading {
  1832.         color: white;  
  1833.         background: #222;
  1834.         padding: 3px;
  1835.         border: 1px solid #000;
  1836. }
  1837. /* -------------------------------------------------------------------------------------- */
  1838.  
  1839. /* express buttons */
  1840.  
  1841. .paypalexpress {
  1842.     vertical-align:baseline;
  1843. }
  1844.  
  1845. /* print -------------------------------------------------------------------------------- */
  1846.  
  1847. @media print {
  1848.     html {
  1849.         background: none !important;
  1850.     }
  1851.  
  1852.     #sidebar {
  1853.         display: none;
  1854.     }
  1855.  
  1856.     .xt-grid-13     {
  1857.         width: 98%;
  1858.     }
  1859. }
  1860. /* -------------------------------------------------------------------------------------- */
  1861.  
  1862. #product .bsic{height:55px}
  1863. #recaptcha_area, #recaptcha_table{float:right;width:318px!important;}
  1864. #recaptcha_table tbody tr td div label {line-height:10px}
  1865. #recaptcha_widget_div{display:block;float:left}
  1866. #recaptcha_area{padding-left: 125px}
  1867. #shipping-preview{margin-top:-220px}
  1868. #shipping-preview td{padding-left:0}
  1869. #shipping-preview select{width: 213px}
  1870. #shipping-preview table{margin:0}
  1871. .border-L{border-bottom: 1px solid #cdcdcd;}

Paste is for source code and general debugging text.

Login or Register to edit, delete and keep track of your pastes and more.

Raw Paste

Login or Register to edit or fork this paste. It's free.