Guest User

Untitled

a guest
Jun 30th, 2014
419
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 120.59 KB | None | 0 0
  1. [CODE]/*Iframe*/
  2. iframe {
  3.     border: 0px;
  4. }
  5.  
  6. /* ************************************************************************************************
  7. GENERAL STYLE
  8. ************************************************************************************************ */
  9. #ifik{
  10. position: absolute;
  11. width: 100%;
  12. top: 72px;
  13. z-index: -39;
  14. }
  15. * {
  16.   padding: 0;
  17.   margin: 0;
  18. }
  19.  
  20. ul, ol {
  21.   list-style: none;
  22.   margin: 0;
  23. }
  24.  
  25. option {
  26.   padding: 2px 5px;
  27.   border-width: 1px;
  28. }
  29.  
  30. .alert ol li {
  31.   list-style-type: decimal;
  32.   margin: 0 0 5px 15px;
  33. }
  34.  
  35. html {
  36.   width: 100%;
  37.   padding: 0;
  38.   margin: 0;
  39.   outline: 0!important;
  40. }
  41.  
  42. img {
  43.   max-width: 100%;
  44. }
  45.  
  46. body {
  47.   font: normal normal 13px/18px "Roboto", sans-serif;
  48.   color: #777;
  49.   padding: 0;
  50.   margin: 0;
  51.   text-align: left;
  52.   -webkit-text-size-adjust: none;
  53.   min-width: 320px;
  54.   /*UPRAVA background: url(../img/bg-main.jpg) no-repeat center top white; */
  55. }
  56.  
  57. body#cms.content_only {
  58.   background: #fff;
  59.   min-width: 100%;
  60.   max-width: 100%;
  61.   padding: 0 15px;
  62. }
  63. body#cms.content_only .block em {
  64.   float: left;
  65.   margin: 5px 15px 0 0;
  66.   font-size: 20px;
  67.   line-height: 20px;
  68. }
  69.  
  70. h1 {
  71.   font-size: 24px;
  72.   line-height: 1.5;
  73.   margin-bottom: 14px;
  74. }
  75.  
  76. h2 {
  77.   font-size: 20px;
  78.   line-height: 1.5;
  79.   margin-bottom: 12px;
  80. }
  81.  
  82. h3 {
  83.   font-size: 18px;
  84.   line-height: 1.5;
  85.   margin-bottom: 10px;
  86. }
  87.  
  88. h4 {
  89.   font: 14px/1.5;
  90.   line-height: 1.5;
  91.   margin-bottom: 8px;
  92. }
  93.  
  94. h5 {
  95.   font-size: 12px;
  96.   line-height: 1.5;
  97.   margin: 0px;
  98. }
  99.  
  100. h6 {
  101.   font-size: 11px;
  102.   line-height: 1.5;
  103.   margin-bottom: 4px;
  104. }
  105.  
  106. p {
  107.   margin: 0 0 20px 0;
  108. }
  109.  
  110. a, a:visited, a:active, a:link, a:focus {
  111.   cursor: pointer;
  112.   text-decoration: none;
  113.   color: #403f3f;
  114.   outline: none;
  115. }
  116.  
  117. a:hover {
  118.   text-decoration: none;
  119.   color: #fbe105;
  120. }
  121.  
  122. .btn i {
  123.   margin-right: 7px;
  124. }
  125.  
  126. .input-group-btn > .btn {
  127.   border-left: none;
  128.   border-top-left-radius: 0;
  129.   border-bottom-left-radius: 0;
  130. }
  131.  
  132. ol {
  133.   counter-reset: item;
  134.   list-style-type: none;
  135.   margin: 0 0 0 15px;
  136. }
  137.  
  138. legend {
  139.   color: black;
  140. }
  141.  
  142. sup {
  143.   color: #F00;
  144.   font-size: 100%;
  145.   top: -4px;
  146. }
  147.  
  148. /* ************************************************************************************************
  149. STRUCTURE
  150. ************************************************************************************************ */
  151. .page_wrapper_1 {
  152.   position: relative;
  153. }
  154.  
  155. .page_wrapper_2 {
  156.   /*UPRAVA background: url(../img/content-bg.png) repeat-x;*/
  157.   background: url("../../../../img/back.png") repeat-x;
  158.   padding-top: 30px;
  159. }
  160.  
  161. #right_column {
  162.   padding-bottom: 10px;
  163. }
  164.  
  165. #center_column {
  166.   padding-bottom: 30px;
  167. }
  168.  
  169. body#index #center_column {
  170.   padding-bottom: 0px;
  171. }
  172.  
  173. body#index #center_column.instant {
  174.   padding-bottom: 10px;
  175. }
  176.  
  177. /* ************************************************************************************************
  178. MAIN STYLE STORE
  179. ************************************************************************************************ */
  180. h1 strong {
  181.   display: block;
  182.   float: right;
  183.   padding: 0px 0 0 0;
  184.   font-size: 14px;
  185.   line-height: 20px;
  186.   color: #fff;
  187.   font-style: italic;
  188.   white-space: nowrap;
  189.   text-transform: none;
  190. }
  191. h1 strong a {
  192.   color: #fff;
  193. }
  194.  
  195. .notification {
  196.   font: 16px Georgia, "Times New Roman", Times, serif;
  197.   letter-spacing: 1px;
  198.   padding: 20px 20px 20px 60px;
  199.   border-radius: 4px;
  200. }
  201. .notification strong {
  202.   margin-right: 5px;
  203. }
  204. .notification p {
  205.   font-size: 11px;
  206.   padding: 0;
  207.   margin: 0;
  208.   color: #333333;
  209. }
  210.  
  211. .notification_warning {
  212.   background-image: url(../img/error.png);
  213.   background-position: 15px center;
  214.   background-repeat: no-repeat;
  215.   border: 2px solid #FFC237;
  216.   background-color: #FFEAA8;
  217.   color: #826200;
  218. }
  219.  
  220. a.product_link {
  221.   font-size: 15px;
  222.   color: #403f3f;
  223.   font-weight: bold;
  224.   text-transform: none;
  225.   line-height: 22px;
  226. }
  227. a.product_link:hover {
  228.   text-decoration: underline;
  229. }
  230.  
  231. .price/*, .price-old, .price-new */{
  232.   display: inline-block;
  233.   color: #b0b0b0;
  234.   font-weight: bold;
  235.   font-size: 15px;/*UPRAVA 27*/
  236. }
  237. /*.price,*/ .price-old/*, .price-new*/ {
  238.   display: inline-block;
  239.   color: #b0b0b0;
  240.   font-weight: bold;
  241.   font-size: 15px;
  242. }
  243. /*.price, .price-old,*/ .price-new {
  244.   display: inline-block;
  245.   color: #b0b0b0;
  246.   font-weight: bold;
  247.   font-size: 27px;
  248. }
  249. .price-old {
  250.   text-decoration: line-through;
  251.   color: #fd3737;
  252.   font-weight: normal;
  253.   font-size: 16px;
  254. }
  255.  
  256. .columns .bordercolor, #columns .bordercolor {
  257.   border-color: #9a9a9a;
  258. }
  259.  
  260. /* ************************************************************************************************
  261. ERRORS
  262. ************************************************************************************************ */
  263. div.error {
  264.   margin: 20px 0 20px 0;
  265.   padding: 20px;
  266. }
  267. div.error ol {
  268.   margin: 0;
  269. }
  270. div.error ol li {
  271.   padding: 0px 0 0 0;
  272.   list-style-position: inside;
  273.   list-style-type: decimal;
  274. }
  275. div.error p {
  276.   padding: 0;
  277.   margin: 0 0 0px 0;
  278.   font-size: 14px;
  279.   text-transform: uppercase;
  280. }
  281. div.error p.link {
  282.   float: right;
  283.   margin-top: 7px;
  284. }
  285. div.error p.link .btn {
  286.   color: #fff;
  287.   font-weight: normal;
  288. }
  289.  
  290. p.warning {
  291.   background: #d4eeff;
  292.   border: 1px solid #34acf9;
  293.   margin: 20px 0 20px 0;
  294.   padding: 12px 10px 12px 20px;
  295.   font-size: 14px;
  296.   color: #0473b9;
  297. }
  298. p.warning i {
  299.   font-size: 25px;
  300.   vertical-align: -3px;
  301.   margin-right: 20px;
  302. }
  303.  
  304. .warning_inline {
  305.   color: #ff0000;
  306.   font-weight: bold;
  307. }
  308.  
  309. .alert i {
  310.   font-size: 25px;
  311.   vertical-align: -3px;
  312.   margin-right: 20px;
  313. }
  314.  
  315. .alert-error, div.error {
  316.   background: url(../img/warning.png) 20px center no-repeat #fde4e1;
  317.   padding-left: 70px;
  318.   font-size: 14px;
  319.   font-weight: bold;
  320.   border: 1px solid #ebbcb5;
  321.   font-size: 12px;
  322.   font-weight: bold;
  323.   color: #df0505;
  324. }
  325.  
  326. /* ************************************************************************************************
  327. SUCCESS CNFIRMATION
  328. ************************************************************************************************ */
  329. p.success, p.confirmation {
  330.   margin: 20px 0 0 0;
  331.   padding: 12px 10px 12px 20px;
  332.   font: bold 12px "Arial";
  333.   color: #95bc01;
  334.   background: #f7fde1;
  335.   border: 1px solid #dfebb5;
  336.   border-radius: 5px;
  337. }
  338.  
  339. p.success i {
  340.   font-size: 25px;
  341.   vertical-align: -3px;
  342.   margin-right: 20px;
  343. }
  344.  
  345. .success_inline {
  346.   color: #33a33b;
  347.   font-weight: bold;
  348. }
  349.  
  350. .required {
  351.   color: red;
  352. }
  353.  
  354. #order-confirmation p.success {
  355.   margin-bottom: 20px;
  356. }
  357.  
  358. a.cus-suport {
  359.   margin-left: 10px;
  360.   color: #a9a9a9;
  361. }
  362.  
  363. a.cus-suport:hover {
  364.   color: #333;
  365. }
  366.  
  367. .cus-suport i {
  368.   margin-right: 5px;
  369.   font-size: 13px;
  370. }
  371.  
  372. /* ************************************************************************************************
  373. CMS PAGE
  374. ************************************************************************************************ */
  375. #cms #center_column div.rte .block em {
  376.   float: left;
  377.   font-size: 56px;
  378.   line-height: 56px;
  379.   min-width: 56px;
  380.   margin-right: 25px;
  381.   text-align: center;
  382. }
  383. #cms #center_column div.rte h5 {
  384.   font-size: 13px;
  385.   line-height: 17px;
  386.   color: #323232;
  387.   text-transform: uppercase;
  388.   margin-bottom: 10px;
  389. }
  390. #cms #center_column h1 {
  391.   margin-bottom: 2px;
  392. }
  393. #cms #center_column h1 a {
  394.   color: #fff;
  395. }
  396. #cms #center_column h2 {
  397.   padding-bottom: 9px;
  398. }
  399. #cms #center_column .titled_box p {
  400.   margin-bottom: 4px;
  401. }
  402. #cms #center_column .titled_box.titled_box_center p {
  403.   margin-bottom: 20px;
  404. }
  405. #cms #center_column .titled_box h2 {
  406.   margin-top: 6px;
  407. }
  408. #cms #center_column .titled_box.titled_box_center h2 {
  409.   margin-top: 0;
  410.   text-align: center;
  411. }
  412. #cms #center_column .titled_box.titled_box_center h2 span {
  413.   display: inline-block;
  414.   padding: 4px 10px 0px 10px;
  415. }
  416. #cms #center_column .titled_box .img_cms {
  417.   margin-bottom: 9px;
  418. }
  419.  
  420. .center_column .rte ul {
  421.   margin: -15px 0 -3px 0px;
  422.   padding: 0px 0 0 0;
  423.   list-style: none;
  424. }
  425.  
  426. #center_column .block-cms .title_block {
  427.   font-weight: bold;
  428.   line-height: normal;
  429.   font-size: 14px;
  430.   margin: 0 0 10px 0;
  431.   padding-top: 10px;
  432. }
  433. #center_column .block-cms ul {
  434.   margin-left: 10px;
  435. }
  436. #center_column .block-cms ul li a {
  437.   font-weight: bold;
  438.   font-size: 13px;
  439.   line-height: 16px;
  440. }
  441. #center_column .block-cms ul li a i {
  442.   font-size: 11px;
  443.   color: #FFA900;
  444. }
  445. #center_column .block-cms h1 {
  446.   margin-bottom: 10px;
  447. }
  448.  
  449. /* ************************************************************************************************
  450.     BUTTONS
  451. ************************************************************************************************ */
  452. input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {
  453.   background: none;
  454.   display: inline-block;
  455.   padding: 0px;
  456.   font: bold 16px/20px "Roboto", sans-serif;
  457.   color: #403f3f;
  458.   border: none;
  459.   margin-bottom: 0;
  460.   vertical-align: middle;
  461.   cursor: pointer;
  462.   text-transform: none;
  463.   filter: none;
  464.   -webkit-border-radius: 0px;
  465.   -moz-border-radius: 0px;
  466.   -ms-border-radius: 0px;
  467.   -o-border-radius: 0px;
  468.   border-radius: 0px;
  469.   white-space: normal;
  470.   text-align: left;
  471. }
  472. input.button_mini:after, input.button_small:after, input.button:after, input.button_large:after, input.button_mini_disabled:after, input.button_small_disabled:after, input.button_disabled:after, input.button_large_disabled:after, input.exclusive_mini:after, input.exclusive_small:after, input.exclusive:after, input.exclusive_large:after, input.exclusive_mini_disabled:after, input.exclusive_small_disabled:after, input.exclusive_disabled:after, input.exclusive_large_disabled:after, a.button_mini:after, a.button_small:after, a.button:after, a.button_large:after, a.exclusive_mini:after, a.exclusive_small:after, a.exclusive:after, a.exclusive_large:after, span.button_mini:after, span.button_small:after, span.button:after, span.button_large:after, span.exclusive_mini:after, span.exclusive_small:after, span.exclusive:after, span.exclusive_large:after {
  473.   color: #2f6298; /*UPDATE fbe105*/
  474.   content: "";
  475.   font-size: 22px;
  476.   display: inline;
  477.   font-family: 'FontAwesome';
  478.   padding-left: 7px;
  479.   vertical-align: -3px;
  480. }
  481. input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover, input.button_mini_disabled:hover, input.button_small_disabled:hover, input.button_disabled:hover, input.button_large_disabled:hover, input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, input.exclusive_mini_disabled:hover, input.exclusive_small_disabled:hover, input.exclusive_disabled:hover, input.exclusive_large_disabled:hover, a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover, span.button_mini:hover, span.button_small:hover, span.button:hover, span.button_large:hover, span.exclusive_mini:hover, span.exclusive_small:hover, span.exclusive:hover, span.exclusive_large:hover {
  482.   color: orange; /*UPRAVA dac510*/
  483.   background: none;
  484. }
  485. input.button_mini:active, input.button_mini:focus, input.button_small:active, input.button_small:focus, input.button:active, input.button:focus, input.button_large:active, input.button_large:focus, input.button_mini_disabled:active, input.button_mini_disabled:focus, input.button_small_disabled:active, input.button_small_disabled:focus, input.button_disabled:active, input.button_disabled:focus, input.button_large_disabled:active, input.button_large_disabled:focus, input.exclusive_mini:active, input.exclusive_mini:focus, input.exclusive_small:active, input.exclusive_small:focus, input.exclusive:active, input.exclusive:focus, input.exclusive_large:active, input.exclusive_large:focus, input.exclusive_mini_disabled:active, input.exclusive_mini_disabled:focus, input.exclusive_small_disabled:active, input.exclusive_small_disabled:focus, input.exclusive_disabled:active, input.exclusive_disabled:focus, input.exclusive_large_disabled:active, input.exclusive_large_disabled:focus, a.button_mini:active, a.button_mini:focus, a.button_small:active, a.button_small:focus, a.button:active, a.button:focus, a.button_large:active, a.button_large:focus, a.exclusive_mini:active, a.exclusive_mini:focus, a.exclusive_small:active, a.exclusive_small:focus, a.exclusive:active, a.exclusive:focus, a.exclusive_large:active, a.exclusive_large:focus, span.button_mini:active, span.button_mini:focus, span.button_small:active, span.button_small:focus, span.button:active, span.button:focus, span.button_large:active, span.button_large:focus, span.exclusive_mini:active, span.exclusive_mini:focus, span.exclusive_small:active, span.exclusive_small:focus, span.exclusive:active, span.exclusive:focus, span.exclusive_large:active, span.exclusive_large:focus {
  486.   color: #dac510;
  487.   background: none;
  488.   border: none;
  489.   -webkit-box-shadow: rgba(0, 0, 0, 0) 0 0 0;
  490.   -moz-box-shadow: rgba(0, 0, 0, 0) 0 0 0;
  491.   box-shadow: rgba(0, 0, 0, 0) 0 0 0;
  492.   outline: none;
  493. }
  494.  
  495. input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {
  496.   cursor: default;
  497.   color: #7c7c7c;
  498.   background: #ccc;
  499. }
  500.  
  501. a.btn_add_cart {
  502.   color: #fff;
  503.   border: 1px solid #313131;
  504.   text-shadow: 1px 1px #2f2f2f;
  505.   position: relative;
  506.   -webkit-border-radius: 3px;
  507.   -moz-border-radius: 3px;
  508.   -ms-border-radius: 3px;
  509.   -o-border-radius: 3px;
  510.   border-radius: 3px;
  511.   overflow: hidden;
  512.   padding: 0 0px 0 44px;
  513.   overflow: hidden;
  514.   background: #2f6298; /*UPRAVA ffe829
  515.   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTgyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmUxMDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  516.   background: -moz-linear-gradient(top, #ffe829 0%, #fbe106 100%);
  517.   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe829), color-stop(100%, #fbe106));
  518.   background: -webkit-linear-gradient(top, #ffe829 0%, #fbe106 100%);
  519.   background: -o-linear-gradient(top, #ffe829 0%, #fbe106 100%);
  520.   background: -ms-linear-gradient(top, #ffe829 0%, #fbe106 100%);
  521.   background: linear-gradient(to bottom, #ffe829 0%, #fbe106 100%); */
  522. }
  523. a.btn_add_cart:before {
  524.   content: " ";
  525.   display: block;
  526.   position: absolute;
  527.   left: 0;
  528.   top: 0;  /*UPRAVA ../img/cart-button.png*/
  529.   background: url(../img/cart-button-2.png) no-repeat center center;
  530.   width: 44px;
  531.   height: 100%;
  532. }
  533. a.btn_add_cart:after {
  534.   display: none;
  535. }
  536. a.btn_add_cart span {
  537.   display: block;
  538.   padding: 10px 14px 14px;
  539.   border-left: 1px solid #313131;
  540.   position: relative;
  541.   background: #4a4a4a;
  542.   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRhNGE0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZDNkM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  543.   background: -moz-linear-gradient(top, #4a4a4a 0%, #3d3d3d 100%);
  544.   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4a4a4a), color-stop(100%, #3d3d3d));
  545.   background: -webkit-linear-gradient(top, #4a4a4a 0%, #3d3d3d 100%);
  546.   background: -o-linear-gradient(top, #4a4a4a 0%, #3d3d3d 100%);
  547.   background: -ms-linear-gradient(top, #4a4a4a 0%, #3d3d3d 100%);
  548.   background: linear-gradient(to bottom, #4a4a4a 0%, #3d3d3d 100%);
  549. }
  550. a.btn_add_cart:hover, a.btn_add_cart:focus, a.btn_add_cart:active, a.btn_add_cart.active {
  551.   color: #fff;
  552.   border: 1px solid #313131;
  553.   color: #fff;
  554.   background: #4a4a4a;
  555.   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRhNGE0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZDNkM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  556.   background: -moz-linear-gradient(top, #4a4a4a 0%, #3d3d3d 100%);
  557.   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4a4a4a), color-stop(100%, #3d3d3d));
  558.   background: -webkit-linear-gradient(top, #4a4a4a 0%, #3d3d3d 100%);
  559.   background: -o-linear-gradient(top, #4a4a4a 0%, #3d3d3d 100%);
  560.   background: -ms-linear-gradient(top, #4a4a4a 0%, #3d3d3d 100%);
  561.   background: linear-gradient(to bottom, #4a4a4a 0%, #3d3d3d 100%);
  562. }
  563. a.btn_add_cart:hover:before, a.btn_add_cart:focus:before, a.btn_add_cart:active:before, a.btn_add_cart.active:before {
  564.   background: url(../img/cart-button-2.png) no-repeat center center;
  565. }
  566. a.btn_add_cart:hover span, a.btn_add_cart:focus span, a.btn_add_cart:active span, a.btn_add_cart.active span {
  567.   background: #2f6399; /*UPRAVA ffe829*/ /*
  568.   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTgyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmUxMDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  569.   background: -moz-linear-gradient(top, #ffe829 0%, #fbe106 100%);
  570.   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe829), color-stop(100%, #fbe106));
  571.   background: -webkit-linear-gradient(top, #ffe829 0%, #fbe106 100%);
  572.   background: -o-linear-gradient(top, #ffe829 0%, #fbe106 100%);
  573.   background: -ms-linear-gradient(top, #ffe829 0%, #fbe106 100%);
  574.   background: linear-gradient(to bottom, #ffe829 0%, #fbe106 100%);
  575.   text-shadow: #fef394 1px 0px, #fef394 1px 1px, #fef394 0px 1px, #fef394 -1px 1px, #fef394 -1px 0px, #fef394 -1px -1px, #fef394 0px -1px, #fef394 1px -1px; */
  576.   color: #ffffff; /*403f3f*/
  577. }
  578.  
  579. span.exclusive.disabled {
  580.   color: #fff;
  581.   border: 1px solid #313131;
  582.   text-shadow: 1px 1px #2f2f2f;
  583.   position: relative;
  584.   -webkit-border-radius: 3px;
  585.   -moz-border-radius: 3px;
  586.   -ms-border-radius: 3px;
  587.   -o-border-radius: 3px;
  588.   border-radius: 3px;
  589.   overflow: hidden;
  590.   display: inline-block;
  591.   overflow: hidden;
  592.   padding: 10px 37px 14px;
  593.   position: relative;
  594.   background: #4a4a4a;
  595.   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRhNGE0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZDNkM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  596.   background: -moz-linear-gradient(top, #4a4a4a 0%, #3d3d3d 100%);
  597.   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4a4a4a), color-stop(100%, #3d3d3d));
  598.   background: -webkit-linear-gradient(top, #4a4a4a 0%, #3d3d3d 100%);
  599.   background: -o-linear-gradient(top, #4a4a4a 0%, #3d3d3d 100%);
  600.   background: -ms-linear-gradient(top, #4a4a4a 0%, #3d3d3d 100%);
  601.   background: linear-gradient(to bottom, #4a4a4a 0%, #3d3d3d 100%);
  602. }
  603. span.exclusive.disabled:after {
  604.   display: none;
  605. }
  606.  
  607. .btn-img {
  608.   padding: 2px 12px 1px 3px!important;
  609. }
  610.  
  611. /* ************************************************************************************************
  612.     FORM
  613. ************************************************************************************************ */
  614. form {
  615.   margin: 0 0 20px 0;
  616.   padding: 0;
  617. }
  618.  
  619. select, textarea {
  620.   display: block;
  621.   background-color: white;
  622.   font: normal normal 13px/18px "Roboto", sans-serif;
  623.   border: 1px solid #9a9a9a;
  624.   color: #000;
  625.   margin: 0 0 12px 0;
  626.   padding: 6px;
  627.   height: 32px;
  628.   width: 100%;
  629.   outline: none;
  630.   -webkit-border-radius: 0;
  631.   -moz-border-radius: 0;
  632.   -ms-border-radius: 0;
  633.   -o-border-radius: 0;
  634.   border-radius: 0;
  635.   -webkit-box-shadow: none;
  636.   -moz-box-shadow: none;
  637.   box-shadow: none;
  638.   -webkit-transition-property: all;
  639.   -moz-transition-property: all;
  640.   -o-transition-property: all;
  641.   transition-property: all;
  642.   -webkit-transition-duration: 0.15s;
  643.   -moz-transition-duration: 0.15s;
  644.   -o-transition-duration: 0.15s;
  645.   transition-duration: 0.15s;
  646.   -webkit-appearance: none;
  647. }
  648.  
  649. textarea {
  650.   height: auto;
  651.   resize: none;
  652. }
  653.  
  654. select, select:focus, select:focus {
  655.   width: 100%;
  656.   outline: none;
  657. }
  658.  
  659. select.btn-mini {
  660.   height: auto;
  661.   line-height: 14px;
  662. }
  663.  
  664. select.btn {
  665.   -webkit-appearance: button;
  666.   -moz-appearance: button;
  667.   appearance: button;
  668.   padding-right: 16px;
  669. }
  670.  
  671. select.btn-mini + .caret {
  672.   margin-left: -20px;
  673.   margin-top: 9px;
  674. }
  675.  
  676. input[type=submit], input[type=button] {
  677.   -webkit-border-radius: 0px;
  678. }
  679.  
  680. label {
  681.   display: inline-block;
  682.   font-size: 13px;
  683.   color: #333;
  684.   cursor: default;
  685.   font-weight: normal;
  686. }
  687.  
  688. input, textarea, select, .uneditable-input {
  689.   margin-bottom: 0;
  690. }
  691.  
  692. .radio input[type="radio"], .checkbox input[type="checkbox"] {
  693.   float: left;
  694.   margin-left: 0px;
  695. }
  696.  
  697. input[type="radio"], input[type="checkbox"] {
  698.   line-height: normal;
  699.   margin: 2px 0 0;
  700. }
  701.  
  702. form p.id_state {
  703.   display: none;
  704. }
  705.  
  706. form.std .select span, form.std .radio span, form.std .checkbox span {
  707.   text-align: left;
  708.   padding: 0px 0px 0 0;
  709.   color: #333;
  710. }
  711.  
  712. form.std span.inline-infos {
  713.   display: block;
  714.   margin: 0 0 -3px 0;
  715.   padding: 2px 0 0 157px;
  716.   font: normal 11px "Arial";
  717.   color: #3a3a3a;
  718. }
  719.  
  720. span.editable {
  721.   float: none;
  722.   padding: 0 0 0 7px;
  723.   font: normal 12px "Arial";
  724.   color: #3a3a3a;
  725.   margin: 0;
  726. }
  727.  
  728. span.form_info {
  729.   padding: 0 0 0 5px;
  730.   color: #333;
  731.   font-style: italic;
  732. }
  733.  
  734. input:focus {
  735.   outline: none;
  736. }
  737.  
  738. form.std .required_desc {
  739.   margin: 0 0 -3px 0;
  740.   padding-left: 157px;
  741. }
  742.  
  743. #order-detail-content-table td:first-child {
  744.   padding-left: 10px;
  745. }
  746.  
  747. #block-order-detail .adresses_bloc ul {
  748.   padding: 20px 4%;
  749.   border: 1px solid #9a9a9a;
  750.   background: #fdfdfd;
  751.   margin-bottom: 20px;
  752. }
  753.  
  754. .tit-ord {
  755.   margin-bottom: 7px;
  756. }
  757.  
  758. #order-detail-content-table tfood td strong {
  759.   margin-right: 10px;
  760. }
  761.  
  762. #authentication form.std .text input, #authentication form.std .password input, #identity input[type="text"], #identity input[type="password"] {
  763.   width: 100%;
  764. }
  765.  
  766. #vat_area {
  767.   padding-bottom: 12px;
  768. }
  769.  
  770. #add_address .submit2 {
  771.   padding: 0;
  772.   margin: 10px 0 0 0;
  773. }
  774.  
  775. #add_address input[type="text"], #add_address input[type="password"], #add_address input[type="date"], #add_address input[type="datetime"], #add_address input[type="email"], #add_address input[type="number"], #add_address input[type="search"], #add_address input[type="tel"], #add_address input[type="time"], #add_address input[type="url"] {
  776.   width: 100%;
  777. }
  778.  
  779. #add_address textarea {
  780.   margin-bottom: 20px;
  781.   height: 100px;
  782. }
  783.  
  784. #add_address .inline-infos.required {
  785.   margin-bottom: 5px;
  786. }
  787.  
  788. .order_qte_input + label {
  789.   float: left;
  790.   margin-left: 5px;
  791. }
  792.  
  793. #order-detail-content td {
  794.   padding-right: 10px;
  795.   padding-top: 10px;
  796.   padding-bottom: 10px;
  797. }
  798.  
  799. /* ************************************************************************************************
  800. TABLE
  801. ************************************************************************************************ */
  802. /*div.table_block {
  803.     padding: 20px 0 0 0;
  804. }
  805. table.std th, table.std td {
  806.     vertical-align: middle;
  807. }
  808. table.std th {
  809.     white-space: nowrap;
  810.     background: #f5f5f5;
  811. }
  812. table.std tfoot td {
  813.     color: #333;
  814.     text-align: right;
  815.     white-space: nowrap;
  816. }
  817. table, table.std {
  818.     background: #fdfdfd;
  819.     border-spacing: 0;
  820.     margin-bottom: 20px;
  821.     vertical-align: middle;
  822.     border: $main_border;
  823.     width: 100%;
  824. }
  825. table th {
  826.     border: $main_border;
  827.     color: #7a7a7a;
  828.     font-size: 13px;
  829.     font-weight: bold;
  830.     padding: 10px;
  831.     text-align: center;
  832.     vertical-align: middle;
  833.     text-transform: uppercase;
  834. }
  835. table td {
  836.     border: $main_border;
  837.     padding: 10px;
  838. }
  839. .delivery_option table td {
  840.     text-align: center;
  841. }*/
  842. table tfoot td {
  843.   text-align: right;
  844. }
  845.  
  846. /* ************************************************************************************************
  847. FOOTER LINK PAGE
  848. ************************************************************************************************ */
  849. ul.footer_links {
  850.   padding: 20px 0 0 0;
  851. }
  852.  
  853. ul.footer_links li {
  854.   float: left;
  855.   margin: 0 25px 0 0;
  856. }
  857.  
  858. ul.footer_links li img.icon {
  859.   margin: -3px 5px 0 0;
  860. }
  861.  
  862. ul.footer_links li a {
  863.   font-size: 15px;
  864. }
  865.  
  866. ul.footer_links li a i {
  867.   font-size: 25px;
  868.   vertical-align: -3px;
  869.   margin-right: 5px;
  870. }
  871.  
  872. .footer_link_bottom i {
  873.   font-size: 25px;
  874.   vertical-align: -3px;
  875. }
  876.  
  877. .footer_link_bottom a {
  878.   font-size: 14px;
  879. }
  880.  
  881. /* ************************************************************************************************
  882. PRODUCT SORT
  883. ************************************************************************************************ */
  884. .sortPagiBar .btn, .sortPagiBar .btn-group > .btn:first-child {
  885.   padding-right: 27px;
  886.   border-radius: 0;
  887. }
  888.  
  889. .sortPagiBar .caret {
  890.   position: absolute;
  891.   right: 10px;
  892. }
  893.  
  894. .sortPagiBar {
  895.   padding: 0px 0 10px 0;
  896.   margin-bottom: 30px;
  897. }
  898.  
  899. .sortPagiBar p {
  900.   padding: 0;
  901.   margin: 0;
  902. }
  903.  
  904. .nbrItemPage {
  905.   float: left;
  906. }
  907.  
  908. .nbrItemPage label {
  909.   float: left;
  910. }
  911.  
  912. .dropdown-menu li > a {
  913.   padding: 6px 10px 6px 10px;
  914. }
  915.  
  916. .dropdown-menu li > a:hover {
  917.   background: #333;
  918. }
  919.  
  920. .dropdown-menu {
  921.   padding: 0;
  922.   border-radius: 0;
  923.   min-width: 215px;
  924. }
  925.  
  926. #itempage {
  927.   float: left;
  928.   margin: 0;
  929. }
  930.  
  931. .nbrItemPage label {
  932.   padding: 5px 10px 0 0;
  933. }
  934.  
  935. .nbrItemPage.nbr_page {
  936.   margin: 0 0 10px 0;
  937.   position: relative;
  938. }
  939.  
  940. .nbrItemPage.nbr_page .b-core-ui-select {
  941.   width: 50px;
  942. }
  943.  
  944. .product_view {
  945.   float: right;
  946.   padding-top: 5px;
  947. }
  948.  
  949. .product_view li {
  950.   float: left;
  951.   cursor: pointer;
  952.   color: #9D9C9C;
  953.   display: block;
  954.   width: 20px;
  955.   height: 20px;
  956.   text-align: center;
  957. }
  958.  
  959. .product_view li i {
  960.   display: inline-block;
  961.   font-size: 14px;
  962.   vertical-align: middle;
  963. }
  964.  
  965. .product_view li.current {
  966.   cursor: default;
  967.   color: #000;
  968. }
  969.  
  970. .product_view li#product_view_list {
  971.   margin-left: 10px;
  972. }
  973.  
  974. #productsSortForm {
  975.   float: left;
  976.   margin-right: 30px;
  977.   margin-bottom: 10px;
  978.   position: relative;
  979. }
  980.  
  981. #productsSortForm .dropdown-toggle {
  982.   float: left;
  983. }
  984.  
  985. /* ************************************************************************************************
  986. PAGINATION AND COMPARE
  987. ************************************************************************************************ */
  988. .bottom_pagination.shop_box_row {
  989.   padding: 20px 0 0px 0;
  990.   border-bottom: none;
  991.   border-top: 1px solid #9a9a9a;
  992. }
  993.  
  994. .bottom_pagination > form > p {
  995.   margin: 0;
  996. }
  997.  
  998. .bottom_pagination > form {
  999.   float: right;
  1000.   margin: 0;
  1001. }
  1002.  
  1003. #pagination_form {
  1004.   float: left;
  1005. }
  1006.  
  1007. #pagination_form select {
  1008.   float: left;
  1009.   margin: 0px 0 0 0;
  1010. }
  1011.  
  1012. #pagination_form label {
  1013.   display: inline-block;
  1014.   float: left;
  1015.   padding: 3px 12px 0 20px;
  1016. }
  1017.  
  1018. .pagination {
  1019.   float: left;
  1020.   list-style-type: none;
  1021.   margin: 0;
  1022. }
  1023.  
  1024. form.pagination {
  1025.   float: right;
  1026. }
  1027.  
  1028. .pagination ul {
  1029.   border-radius: 0px;
  1030.   box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  1031.   -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  1032.   -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  1033. }
  1034.  
  1035. .pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
  1036.   border-radius: 0px;
  1037. }
  1038.  
  1039. .pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
  1040.   border-radius: 0px;
  1041. }
  1042.  
  1043. .pagination ul > li > a, .pagination ul > li > span {
  1044.   background: #6D6D6D;
  1045.   border: none;
  1046.   border-radius: 0;
  1047.   line-height: 30px;
  1048.   padding: 0 10px;
  1049.   margin-left: 0;
  1050.   color: #fff;
  1051.   font-weight: normal;
  1052. }
  1053.  
  1054. .pagination ul > li {
  1055.   display: inline-block;
  1056. }
  1057.  
  1058. .pagination ul > li > a:after, .pagination ul > li > span:after {
  1059.   display: none;
  1060. }
  1061.  
  1062. .pagination > .disabled > span, .pagination > .current > span {
  1063.   background: #F5F5F5 !important;
  1064.   border-color: #4F4F4F #424242 #080808;
  1065.   color: #333 !important;
  1066.   cursor: not-allowed;
  1067. }
  1068.  
  1069. .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  1070.   color: #333333;
  1071. }
  1072.  
  1073. /* ************************************************************************************************
  1074. SUBCATEGORIES
  1075. ************************************************************************************************ */
  1076. .row_category {
  1077.   padding-bottom: 20px;
  1078.   margin-bottom: 20px;
  1079. }
  1080. .row_category .category_image {
  1081.   float: left;
  1082.   margin-right: 20px;
  1083. }
  1084.  
  1085. .center_column .cat_desc {
  1086.   margin: 0px 0px 0px 0px;
  1087.   position: relative;
  1088. }
  1089. .center_column .cat_desc .lnk_more {
  1090.   margin-left: 10px;
  1091.   font: bold normal 13px Arial, Helvetica, sans-serif;
  1092. }
  1093. .center_column .cat_desc .lnk_more_cat {
  1094.   display: inline-block;
  1095.   font-weight: bold;
  1096.   font-style: normal;
  1097.   color: #403f3f;
  1098.   margin-left: 5px;
  1099.   cursor: pointer;
  1100. }
  1101. .center_column .cat_desc .lnk_more_cat:hover {
  1102.   color: #fbe105;
  1103. }
  1104.  
  1105. #subcategories {
  1106.   margin-bottom: 20px;
  1107.   border-bottom: 1px solid #9a9a9a;
  1108. }
  1109. #subcategories ul {
  1110.   margin-bottom: 0px;
  1111. }
  1112. #subcategories ul li {
  1113.   margin: 0px 0px 20px 0px;
  1114. }
  1115. #subcategories ul li.product_list_5, #subcategories ul li.product_list_6 {
  1116.   margin-right: 0;
  1117. }
  1118. #subcategories ul li a {
  1119.   display: block;
  1120.   text-align: center;
  1121. }
  1122. #subcategories ul li a.lnk_more_sub {
  1123.   margin: 12px 0 0px 0;
  1124.   font-size: 13px;
  1125.   font-weight: bold;
  1126.   font-style: italic;
  1127.   color: #403f3f;
  1128. }
  1129. #subcategories ul li a.lnk_more_sub:hover {
  1130.   color: #fbe105;
  1131. }
  1132.  
  1133. /* ************************************************************************************************
  1134.         HEADER
  1135. ************************************************************************************************ */
  1136. #header #header_logo {
  1137.   display: block;
  1138.   position: absolute;
  1139.   left: 0px; /*UPRAVA -8*/
  1140.   top: 87px; /*UPRAVA 59*/
  1141. }
  1142. #header #header_right {
  1143.   padding: 290px 0px 0px 0px; /*UPRAVA 232px 0px 0px 0px*/
  1144.   z-index: 101;
  1145.   position: relative;
  1146. }
  1147. #header #header_right:before {
  1148.   content: " ";
  1149.   position: absolute;
  1150.   right: 0;
  1151.   bottom: 0;
  1152.   height: 59px;
  1153.   width: 900px;
  1154.   background: url("../../../..//img/search1.png") right top;
  1155.   border-radius: 0px 5px 0 0;
  1156. }
  1157.  
  1158. /* ************************************************************************************************
  1159.         BLOCKPERMANENTLINKS
  1160. ************************************************************************************************ */
  1161. .blockpermanentlinks-header {
  1162.   position: absolute;
  1163.   left: 0;
  1164.   top: 0px; /*UPRAVA 9px*/
  1165.   width: 100%;
  1166.   background-color: #333333;
  1167.   padding: 9px 9px 9px 9px;
  1168.   border-radius: 0 0 5px 5px;
  1169.   /*PRIDANE*/
  1170.   box-shadow: 0 10px 8px #e8e8e8;
  1171. }
  1172.  
  1173. #header_links li {
  1174.   float: left;
  1175.   padding: 0px 23px 0px 0px;
  1176.   margin: 0;
  1177. }
  1178.  
  1179. #header_links li a {
  1180.   color: #fff;
  1181.   text-decoration: none;
  1182.   font-size: 11px;
  1183.   font-weight: normal;
  1184.   line-height: 1.2em;
  1185.   text-transform: capitalize;
  1186.   text-shadow: 1px 1px #303030;
  1187. }
  1188.  
  1189. #header_links li a:before {
  1190.   content: "|"; /*UPRAVA */
  1191.   font-family: FontAwesome;
  1192.   font-size: 14px;
  1193.   color: #7c7c7c; /*UPRAVA fbe105*/
  1194.   margin-right: 9px;
  1195. }
  1196.  
  1197. #header_links li a:hover:before, body#index a.header_links_home:before, #sitemap a.header_links_sitemap:before, #contact a.header_links_contact:before, #cms a.header_links_delivery:before, #stores a.header_links_store:before {
  1198.   color: #fff;
  1199. }
  1200.  
  1201. #header_links li a:hover, body#index a.header_links_home, #sitemap a.header_links_sitemap, #contact a.header_links_contact, #cms a.header_links_delivery, #stores a.header_links_store {
  1202.   color: orange; /*UPRAVA fbe105*/
  1203. }
  1204.  
  1205. .mobile-link-top {
  1206.   display: none;
  1207. }
  1208.  
  1209. /* ************************************************************************************************
  1210.         LANGUAGES AND CURRENCIES
  1211. ************************************************************************************************ */
  1212. #currencies_block_top, #languages_block_top {
  1213.   position: absolute;
  1214.   right: 5px;
  1215.   top: 9px;
  1216. }
  1217.  
  1218. #currencies_block_top {
  1219.   padding-left: 20px;
  1220.   border-left: 1px solid #666;
  1221. }
  1222.  
  1223. #currencies_block_top form {
  1224.   margin: 0;
  1225. }
  1226.  
  1227. #languages_block_top:hover, #currencies_block_top:hover, .mobile-link-top h4 {
  1228.   cursor: pointer;
  1229. }
  1230.  
  1231. .list_header {
  1232.   display: none;
  1233.   z-index: 1000;
  1234.   width: 140px;
  1235.   position: absolute;
  1236.   right: 0px;
  1237.   top: 30px;
  1238.   list-style: none;
  1239.   background: #3d3d3d;
  1240. }
  1241.  
  1242. #currencies_block_top p.inner-carrencies, #languages_block_top p, .mobile-link-top h4 {
  1243.   color: #fbe105;
  1244.   font-size: 13px;
  1245.   position: relative;
  1246.   font-weight: normal;
  1247.   text-transform: capitalize;
  1248.   margin-bottom: 0;
  1249.   text-shadow: 0 1px #303030;
  1250. }
  1251.  
  1252. #countries_2 .countries_ul li span .firstWord, #languages_block_top .firstWord, #languages_block_top strong {
  1253.   display: none;
  1254. }
  1255.  
  1256. #languages_block_top span.lang, #currencies_block_top p.inner-carrencies span {
  1257.   color: #9e9d9d;
  1258.   margin-right: 6px;
  1259.   font-weight: bold;
  1260. }
  1261.  
  1262. #languages_block_top span.lang {
  1263.   margin-right: 11px;
  1264. }
  1265.  
  1266. .list_header li {
  1267.   border-top: 1px solid #000;
  1268. }
  1269.  
  1270. .list_header li:first-child {
  1271.   border: none;
  1272. }
  1273.  
  1274. .list_header li.selected {
  1275.   padding: 8px 0 8px 10px;
  1276.   cursor: default;
  1277.   color: #fbe105;
  1278. }
  1279.  
  1280. .list_header li.selected a {
  1281.   color: #fbe105;
  1282.   cursor: default;
  1283. }
  1284.  
  1285. .list_header li a {
  1286.   display: block;
  1287.   color: #fff;
  1288.   text-decoration: none;
  1289.   font-size: 13px;
  1290.   padding: 8px 5px 8px 10px;
  1291.   font-weight: normal;
  1292. }
  1293.  
  1294. .list_header li a:hover {
  1295.   color: #fbe105;
  1296. }
  1297.  
  1298. .list_header li.selected span {
  1299.   cursor: default;
  1300. }
  1301.  
  1302. #currencies_block_top p.inner-carrencies:hover, #languages_block_top p:hover, .mobile-link-top h4:hover {
  1303.   color: white;
  1304. }
  1305.  
  1306. .arrow_header_top {
  1307.   width: auto;
  1308.   margin-left: 17px;
  1309.   color: #fff;
  1310.   vertical-align: -2px;
  1311. }
  1312.  
  1313. #currencies_block_top p.active, #currencies_block_top p:hover, #languages_block_top p.active, #languages_block_top p:hover, .mobile-link-top h4.active, .mobile-link-top h4:hover {
  1314.   color: #fff;
  1315. }
  1316.  
  1317. .mobile-link-top h4.active, .mobile-link-top h4:hover {
  1318.   color: #fff;
  1319. }
  1320.  
  1321. /* languages */
  1322. #languages_block_top {
  1323.   right: 164px;
  1324. }
  1325.  
  1326. #countries_2 .countries_ul li img {
  1327.   float: left;
  1328.   margin: 2px 10px 0px 0px;
  1329. }
  1330.  
  1331. #countries_2 .countries_ul li span .firstWord {
  1332.   display: none;
  1333. }
  1334.  
  1335. #countries_2 .countries_ul li span {
  1336.   display: block;
  1337. }
  1338.  
  1339. /* currencies */
  1340. #setCurrency .currencies_ul li span {
  1341.   display: inline-block;
  1342.   padding-right: 10px;
  1343.   font-weight: bold;
  1344. }
  1345.  
  1346. #setCurrency .currencies_ul li.selected {
  1347.   padding: 8px 5px 8px 10px;
  1348.   font-weight: bold;
  1349.   cursor: default;
  1350. }
  1351.  
  1352. /* ************************************************************************************************
  1353.         BLOCK HEADER USER INFO LOGIN/LOGOUT
  1354. ************************************************************************************************ */
  1355. .blockuserinfo, #your_account {
  1356.   position: absolute;
  1357.   top: -3px; /*UPRAVA 86*/
  1358.   right: 0px;
  1359.   /*UPRAVA border: 1px solid #313131;*/
  1360.   /*UPRAVA border-radius: 3px;*/
  1361.   padding-left: 44px;
  1362.   /*UPRAVA background: #ffe829;
  1363.   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTgyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmUxMDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  1364.   background: -moz-linear-gradient(top, #ffe829 0%, #fbe106 100%);
  1365.   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe829), color-stop(100%, #fbe106));
  1366.   background: -webkit-linear-gradient(top, #ffe829 0%, #fbe106 100%);
  1367.   background: -o-linear-gradient(top, #ffe829 0%, #fbe106 100%);
  1368.   background: -ms-linear-gradient(top, #ffe829 0%, #fbe106 100%);
  1369.   background: linear-gradient(to bottom, #ffe829 0%, #fbe106 100%);*/
  1370.   overflow: hidden;
  1371. }
  1372.  
  1373. #your_account {
  1374.   right: 144px;
  1375. }
  1376.  
  1377. .blockuserinfo a, #your_account a {
  1378.   display: block;
  1379.   font-size: 16px;
  1380.   line-height: 20px;
  1381.   /*pridane*/
  1382.   height: 54px;
  1383. }
  1384.  
  1385. .blockuserinfo a span, #your_account a span {
  1386.   /*UPRAVA border-left: 1px solid #313131;*/
  1387.   display: block;
  1388.   font-size: 13px;
  1389.   line-height: 20px;
  1390.   padding: 11px 13px 13px 14px;
  1391.   position: relative;
  1392.   font-weight: 500;
  1393.   color: #fff;
  1394.   /*UPRAVA text-shadow: 0 1px #2f2f2f; */
  1395.   /*UPRAVA background: #4a4a4a;
  1396.   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRhNGE0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZDNkM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  1397.   background: -moz-linear-gradient(top, #4a4a4a 0%, #3d3d3d 100%);
  1398.   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4a4a4a), color-stop(100%, #3d3d3d));
  1399.   background: -webkit-linear-gradient(top, #4a4a4a 0%, #3d3d3d 100%);
  1400.   background: -o-linear-gradient(top, #4a4a4a 0%, #3d3d3d 100%);
  1401.   background: -ms-linear-gradient(top, #4a4a4a 0%, #3d3d3d 100%);
  1402.   background: linear-gradient(to bottom, #4a4a4a 0%, #3d3d3d 100%); */
  1403. }
  1404.  
  1405. #your_account a span {
  1406.   padding: 11px 14px 13px 15px;
  1407. }
  1408.  
  1409. .blockuserinfo a span:before, #your_account a span:before {
  1410.   content: "";
  1411.   font-family: FontAwesome;
  1412.   font-size: 21px;
  1413.   line-height: 21px;
  1414.   color: #2d6197; /*UPRAVA 484848*/
  1415.   position: absolute;
  1416.   left: -25px; /*UPRAVA -27*/
  1417.   /*UPRAVA top: 10px;*/
  1418.   /*UPRAVAtext-shadow: #fef394 1px 0px, #fef394 1px 1px, #fef394 0px 1px, #fef394 -1px 1px, #fef394 -1px 0px, #fef394 -1px -1px, #fef394 0px -1px, #fef394 1px -1px;*/
  1419.   /*PRIDANE*/
  1420.   background-color: #ffffff;
  1421.   padding: 5px 5px 5px 5px;
  1422.   border-top: 8px solid #ffffff;
  1423.   top: -2px;
  1424.   padding-bottom: 58px;
  1425. }
  1426.  
  1427. #your_account a span:before {
  1428.   content: "";
  1429.   /*Pridane*/
  1430.   /*background: url("../../../../img/ksicht.png");*/
  1431.   left: -31px;
  1432.   background-color: #ffffff;
  1433.   padding: 5px 5px 5px 5px;
  1434.   border-top: 8px solid #ffffff;
  1435.   top: -2px;
  1436.   padding-bottom: 58px;
  1437. }
  1438.  
  1439. .blockuserinfo a.logout span:before {
  1440.   content: "";
  1441. }
  1442.  
  1443. .blockuserinfo a:hover span, #your_account a:hover span {
  1444.   background: transparent;
  1445.   /*UPRAVA background: #ffe829;
  1446.   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTgyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmUxMDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  1447.   background: -moz-linear-gradient(top, #ffe829 0%, #fbe106 100%);
  1448.   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe829), color-stop(100%, #fbe106));
  1449.   background: -webkit-linear-gradient(top, #ffe829 0%, #fbe106 100%);
  1450.   background: -o-linear-gradient(top, #ffe829 0%, #fbe106 100%);
  1451.   background: -ms-linear-gradient(top, #ffe829 0%, #fbe106 100%);
  1452.   background: linear-gradient(to bottom, #ffe829 0%, #fbe106 100%);
  1453.   text-shadow: #fef394 1px 0px, #fef394 1px 1px, #fef394 0px 1px, #fef394 -1px 1px, #fef394 -1px 0px, #fef394 -1px -1px, #fef394 0px -1px, #fef394 1px -1px;*/
  1454.   color: orange; /*UPRAVA 403f3f*/
  1455. }
  1456.  
  1457. /* ************************************************************************************************
  1458.         BLOCK HEADER USER INFO SHOPPING CART
  1459. ************************************************************************************************ */
  1460. #header_user {
  1461.   position: absolute;
  1462.   right: 0;
  1463.   bottom: 0;
  1464.   z-index: 99;
  1465.   background: url(../img/cart-bg.png);
  1466.   border-radius: 0 5px 0 0;
  1467.   border-left: 1px solid #313131;
  1468. }
  1469.  
  1470. #header_user #shopping_cart a {
  1471.   display: inline-block;
  1472.   overflow: hidden;
  1473.   padding: 12px 19px 8px 12px;
  1474.   color: #c5c5c5;
  1475.   font-weight: bold;
  1476.   font-size: 13px;
  1477.   line-height: 18px;
  1478.   width: 269px;
  1479. }
  1480.  
  1481. #header_user #shopping_cart a:hover {
  1482.   color: #fff;
  1483. }
  1484.  
  1485. #header_user #shopping_cart a .icon-shopping-cart {
  1486.   display: inline-block;
  1487.   font-size: 34px;
  1488.   vertical-align: -7px;
  1489.   color: #fff;
  1490.   text-shadow: 0 1px #242323;
  1491.   margin-right: 9px;
  1492. }
  1493.  
  1494. #header_user #shopping_cart .shopping_cart_title {
  1495.   display: inline-block;
  1496.   padding: 0 0px 0 0;
  1497.   color: /*#fbe105*/orange;
  1498.  /* font-weight: 900;*/
  1499.   font-size: 20px;
  1500.   /*text-transform: uppercase;*//
  1501.   vertical-align: -3px;
  1502.   text-shadow: 0 1px #242323;
  1503.   font-weight: normal;
  1504. }
  1505.  
  1506. #header_user #shopping_cart span {
  1507.   margin-right: 4px;
  1508.   display: inline-block;
  1509. }
  1510.  
  1511. #header_user #shopping_cart .opancart {
  1512.   margin: 10px 0 0;
  1513.   float: right;
  1514.   color: #fff;
  1515. }
  1516.  
  1517. #header_user.close-cart #shopping_cart a {
  1518.   color: #fff;
  1519. }
  1520.  
  1521. .hide {
  1522.   display: none;
  1523.   visibility: inherit;
  1524. }
  1525.  
  1526. .visible {
  1527.   display: block;
  1528. }
  1529.  
  1530. .zoom_one {
  1531.   zoom: 1;
  1532. }
  1533.  
  1534. .f_left {
  1535.   float: left;
  1536. }
  1537.  
  1538. .low_opacity {
  1539.   opacity: 0.3;
  1540. }
  1541.  
  1542. .bottom_indent {
  1543.   margin-bottom: 15px !important;
  1544. }
  1545.  
  1546. .detail_step_by_step thead tr th.first_item {
  1547.   width: 150px;
  1548. }
  1549.  
  1550. .ml_none {
  1551.   margin-left: 0 !important;
  1552. }
  1553.  
  1554. .extra-wrap {
  1555.   overflow: hidden;
  1556. }
  1557.  
  1558. /* ************************************************************************************************
  1559.         SEARCH
  1560. ************************************************************************************************ */
  1561. #search_block_top {
  1562.   position: absolute;
  1563.   top: 241px; /*UPRAVA 183*/
  1564.   right: 300px;
  1565.   margin: 0px;
  1566. }
  1567.  
  1568. #search_block_top label {
  1569.   display: none;
  1570. }
  1571.  
  1572. #search_block_top form, #search_block_top p {
  1573.   margin: 0;
  1574. }
  1575.  
  1576. #search_block_top input.search_query {
  1577.   float: left;
  1578.   margin: 0px;
  1579.   height: 39px;
  1580.   line-height: 20px;
  1581.   background: #eeeeee;
  1582.   padding: 0px 10px 0px 10px;
  1583.   width: 496px;
  1584.   position: relative;
  1585.   vertical-align: middle;
  1586.   border: 1px solid #313131;
  1587.   box-shadow: none;
  1588.   border-right: none;
  1589.   outline: none;
  1590.   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1591.   -webkit-user-modify: read-write-plaintext-only;
  1592.   -webkit-border-radius: 5px 0 0 5px;
  1593.   -moz-border-radius: 5px 0 0 5px;
  1594.   -ms-border-radius: 5px 0 0 5px;
  1595.   -o-border-radius: 5px 0 0 5px;
  1596.   border-radius: 5px 0 0 5px;
  1597.   -webkit-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.57);
  1598.   -moz-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.57);
  1599.   box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.57);
  1600. }
  1601.  
  1602. #search_block_top input.search_query:focus {
  1603.   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1604. }
  1605.  
  1606. #search_block_top a {
  1607.   display: block;
  1608.   float: left;
  1609.   padding: 0;
  1610.   border: 1px solid #313131;
  1611.   width: 74px;
  1612.   height: 39px;
  1613.   text-align: center;
  1614.   color: #ffffff; /*UPRAVA #403f3f*/
  1615.   background: #2f6298; /* UPRAVA #ffe828
  1616.   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTgyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmUxMDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  1617.   background: -moz-linear-gradient(top, #ffe828 0%, #fbe106 100%);
  1618.   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe828), color-stop(100%, #fbe106));
  1619.   background: -webkit-linear-gradient(top, #ffe828 0%, #fbe106 100%);
  1620.   background: -o-linear-gradient(top, #ffe828 0%, #fbe106 100%);
  1621.   background: -ms-linear-gradient(top, #ffe828 0%, #fbe106 100%);
  1622.   background: linear-gradient(to bottom, #ffe828 0%, #fbe106 100%);
  1623.   text-shadow: #fef394 1px 0px, #fef394 1px 1px, #fef394 0px 1px, #fef394 -1px 1px, #fef394 -1px 0px, #fef394 -1px -1px, #fef394 0px -1px, #fef394 1px -1px;*/
  1624.   -webkit-border-radius: 0 4px 4px 0;
  1625.   -moz-border-radius: 0 4px 4px 0;
  1626.   -ms-border-radius: 0 4px 4px 0;
  1627.   -o-border-radius: 0 4px 4px 0;
  1628.   border-radius: 0 4px 4px 0;
  1629. }
  1630.  
  1631. #search_block_top a:hover {
  1632.   color: #fff;
  1633.   text-shadow: 0 1px #2f2f2f;
  1634.   background: #4a4a4a;
  1635.   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRhNGE0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZDNkM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  1636.   background: -moz-linear-gradient(top, #4a4a4a 0%, #3d3d3d 100%);
  1637.   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4a4a4a), color-stop(100%, #3d3d3d));
  1638.   background: -webkit-linear-gradient(top, #4a4a4a 0%, #3d3d3d 100%);
  1639.   background: -o-linear-gradient(top, #4a4a4a 0%, #3d3d3d 100%);
  1640.   background: -ms-linear-gradient(top, #4a4a4a 0%, #3d3d3d 100%);
  1641.   background: linear-gradient(to bottom, #4a4a4a 0%, #3d3d3d 100%);
  1642. }
  1643.  
  1644. #search_block_top a span {
  1645.   display: none;
  1646. }
  1647.  
  1648. #search_block_top a i {
  1649.   font-size: 18px;
  1650.   line-height: 35px;
  1651.   width: 100%;
  1652.   height: 100%;
  1653. }
  1654.  
  1655. .ac_results {
  1656.   width: 225px!important;
  1657.   border: 1px solid #ddd!important;
  1658. }
  1659.  
  1660. .ac_over {
  1661.   background: #333!important;
  1662. }
  1663.  
  1664. #instant_search_results .title_shop_block {
  1665.   float: right;
  1666.   width: 45%;
  1667.   text-align: right;
  1668.   padding-right: 0;
  1669. }
  1670.  
  1671. /* ************************************************************************************************
  1672.         MAIN STYLE BOX
  1673. ************************************************************************************************ */
  1674. .new-box {
  1675.   left: 19px;
  1676.   position: absolute;
  1677.   top: 20px;
  1678. }
  1679. .new-box span.new {
  1680.   background: #eee;
  1681.   color: #403f3f;
  1682.   font-size: 13px;
  1683.   display: block;
  1684.   font-weight: bold;
  1685.   line-height: normal;
  1686.   font-style: normal;
  1687.   padding: 4px 3px 6px;
  1688.   position: relative;
  1689.   text-align: center;
  1690.   border-radius: 2px;
  1691.   min-width: 46px;
  1692. }
  1693. .new-box span.new:before {
  1694.   display: none;
  1695. }
  1696.  
  1697. span.before, span.after {
  1698.   display: none;
  1699. }
  1700.  
  1701. .sale-box {
  1702.   right: 19px;
  1703.   position: absolute;
  1704.   top: 20px;
  1705. }
  1706. .sale-box span.on_sale {
  1707.   background: #fd3737;
  1708.   color: #fff;
  1709.   font-size: 13px;
  1710.   display: block;
  1711.   font-weight: bold;
  1712.   line-height: normal;
  1713.   font-style: normal;
  1714.   padding: 4px 3px 6px;
  1715.   position: relative;
  1716.   text-align: center;
  1717.   border-radius: 2px;
  1718.   min-width: 46px;
  1719.   text-shadow: 0 1px #b92828;
  1720. }
  1721. .sale-box span.before {
  1722.   display: none;
  1723. }
  1724. .sale-box span.after {
  1725.   display: none;
  1726. }
  1727.  
  1728. .column .block {
  1729.   margin: 0 0 0px 0;
  1730. }
  1731.  
  1732. h1/*, .column .block h4, .center_column .block h4, #layered_block_left h3*/ {
  1733.  /* color: #fbe105;
  1734.   font-size: 20px;
  1735.   line-height: 22px;
  1736.   text-transform: uppercase;
  1737.   font-weight: 900;
  1738.   padding: 17px 20px 20px 20px;
  1739.   margin: 0 0 30px 0;
  1740.   overflow: hidden;
  1741.   background: url(../img/header-bg.png) repeat center center;
  1742.   text-shadow: 0 1px #252424;
  1743.   border-radius: 5px 5px 0 0;*/  color: white;font-size: 19px;line-height: 22px;text-transform: uppercase;padding: 10px 20px 10px 20px;margin: 0 0 30px 0;overflow: hidden;background: url("../../../img/tittle1.png") repeat center center;text-shadow: 0 1px #252424;border-radius: 5px 5px 0 0;
  1744. }
  1745.  
  1746. .column h4{
  1747.  /* color: #fbe105;
  1748.   font-size: 20px;
  1749.   line-height: 22px;
  1750.   text-transform: uppercase;
  1751.   font-weight: 900;
  1752.   padding: 17px 20px 20px 20px;
  1753.   margin: 0 0 30px 0;
  1754.   overflow: hidden;
  1755.   background: url(../img/header-bg.png) repeat center center;
  1756.   text-shadow: 0 1px #252424;
  1757.   border-radius: 5px 5px 0 0;*/  color: white;font-size: 19px;line-height: 22px;text-transform: uppercase;padding: 10px 20px 10px 20px;margin: 0 0 30px 0;overflow: hidden;background: url("../../../img/tittle1.png") repeat center center;text-shadow: 0 1px #252424;border-radius: 5px 5px 0 0;
  1758. }
  1759.  
  1760. .column .block h4{
  1761.  /* color: #fbe105;
  1762.   font-size: 20px;
  1763.   line-height: 22px;
  1764.   text-transform: uppercase;
  1765.   font-weight: 900;
  1766.   padding: 17px 20px 20px 20px;
  1767.   margin: 0 0 30px 0;
  1768.   overflow: hidden;
  1769.   background: url(../img/header-bg.png) repeat center center;
  1770.   text-shadow: 0 1px #252424;
  1771.   border-radius: 5px 5px 0 0;*/  color: white;font-size: 19px;line-height: 22px;text-transform: uppercase;padding: 10px 20px 10px 20px;margin: 0 0 30px 0;overflow: hidden;background: url("../../../img/tittle1.png") repeat center center;text-shadow: 0 1px #252424;border-radius: 5px 5px 0 0;
  1772. }
  1773. .center_column .block h4{
  1774.  /* color: #fbe105;
  1775.   font-size: 20px;
  1776.   line-height: 22px;
  1777.   text-transform: uppercase;
  1778.   font-weight: 900;
  1779.   padding: 17px 20px 20px 20px;
  1780.   margin: 0 0 30px 0;
  1781.   overflow: hidden;
  1782.   background: url(../img/header-bg.png) repeat center center;
  1783.   text-shadow: 0 1px #252424;
  1784.   border-radius: 5px 5px 0 0;*/  color: white;font-size: 19px;line-height: 22px;text-transform: uppercase;padding: 10px 20px 10px 20px;margin: 0 0 30px 0;overflow: hidden;background: url("../../../img/tittle1.png") repeat center center;text-shadow: 0 1px #252424;border-radius: 5px 5px 0 0;
  1785. }
  1786.  
  1787. #layered_block_left h3 {
  1788.  /* color: #fbe105;
  1789.   font-size: 20px;
  1790.   line-height: 22px;
  1791.   text-transform: uppercase;
  1792.   font-weight: 900;
  1793.   padding: 17px 20px 20px 20px;
  1794.   margin: 0 0 30px 0;
  1795.   overflow: hidden;
  1796.   background: url(../img/header-bg.png) repeat center center;
  1797.   text-shadow: 0 1px #252424;
  1798.   border-radius: 5px 5px 0 0;*/  color: white;font-size: 19px;line-height: 22px;text-transform: uppercase;padding: 17px 20px 20px 20px;margin: 0 0 30px 0;overflow: hidden;background: url("../../../img/tittle1.png") repeat center center;text-shadow: 0 1px #252424;border-radius: 5px 5px 0 0;
  1799. }
  1800.  
  1801. h1 a, .column .block h4 a, .center_column .block h4 a, #layered_block_left h3 a {
  1802.   color: #fff;
  1803. }
  1804. @media only screen and (min-width: 768px) and (max-width: 991px) {
  1805.   h1, .column .block h4, .center_column .block h4, #layered_block_left h3 {
  1806.     font-size: 14px;
  1807.   }
  1808. }
  1809.  
  1810. h1#instant_search_results {
  1811.   overflow: hidden;
  1812. }
  1813. h1#instant_search_results a {
  1814.   color: #fff;
  1815. }
  1816. h1#instant_search_results a:hover {
  1817.   text-decoration: underline;
  1818. }
  1819.  
  1820. .inner_content {
  1821.   -webkit-border-radius: 5px;
  1822.   -moz-border-radius: 5px;
  1823.   -ms-border-radius: 5px;
  1824.   -o-border-radius: 5px;
  1825.   border-radius: 5px;
  1826.   padding: 20px;
  1827.   border: 1px solid #9a9a9a;
  1828.   margin-bottom: 30px;
  1829.   position: relative;
  1830. }
  1831.  
  1832. .main_page_products li .inner_content {
  1833.   padding-bottom: 16px;
  1834. }
  1835. .main_page_products li .productBox {
  1836.   background: url(../img/prod-bg.png) repeat-x center top;
  1837.   margin: 0 -20px;
  1838.   padding: 0 19px;
  1839. }
  1840. .main_page_products li div.product_image {
  1841.   text-align: center;
  1842.   padding: 10px 0 15px;
  1843. }
  1844. .main_page_products li a.product_image {
  1845.   display: block;
  1846. }
  1847. .main_page_products li h5 {
  1848.   padding: 15px 0 4px;
  1849. }
  1850. .main_page_products li p.price_container {
  1851.   margin-bottom: 0;
  1852.   padding-bottom: 13px;
  1853. }
  1854. .main_page_products li p.product_desc {
  1855.   margin-bottom: 0;
  1856.   padding-bottom: 3px;
  1857. }
  1858. .main_page_products li a.button, .main_page_products li a.exclusive, .main_page_products li span.exclusive {
  1859.   margin-top: 8px;
  1860.   margin-right: 15px;
  1861. }
  1862.  
  1863. .column .block h4 a:hover {
  1864.   color: #8b12a0;
  1865. }
  1866.  
  1867. .column .block h4 .column_icon_toggle {
  1868.   display: none;
  1869. }
  1870.  
  1871. .column .block.myaccount ul li a img {
  1872.   display: none;
  1873. }
  1874.  
  1875. #layered_block_left h4.toggle {
  1876.   margin-bottom: 18px;
  1877. }
  1878.  
  1879. /* ************************************************************************************************
  1880.         CATEGORIES
  1881. ************************************************************************************************ */
  1882. #categories_block_left {
  1883.   margin-top: -93px;
  1884. }
  1885.  
  1886. #categories_block_left h4 {
  1887.   font-size: 25px;
  1888.   line-height: 35px; /*UPRAVA 28*/
  1889.   color: #ffffff; /*UPRAVA #403f3f*/
  1890.  /* text-shadow: 1px 1px 2px #000000; *//*UPRAVA
  1891.    #fef394 1px 0px, #fef394 1px 1px, #fef394 0px 1px, #fef394 -1px 1px, #fef394 -1px 0px, #fef394 -1px -1px, #fef394 0px -1px, #fef394 1px -1px
  1892.   */
  1893.   padding-bottom: 18px;
  1894.   margin-bottom: 0;
  1895.   /*background: #ffe829; /*UPRAVA*/ /*
  1896.   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTgyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmUxMDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  1897.   background: -moz-linear-gradient(top, #ffe829 0%, #fbe105 100%);
  1898.   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe829), color-stop(100%, #fbe105));
  1899.   background: -webkit-linear-gradient(top, #ffe829 0%, #fbe105 100%);
  1900.   background: -o-linear-gradient(top, #ffe829 0%, #fbe105 100%);
  1901.   background: -ms-linear-gradient(top, #ffe829 0%, #fbe105 100%);
  1902.   background: linear-gradient(to bottom, #ffe829 0%, #fbe105 100%); */
  1903. }
  1904. @media only screen and (min-width: 768px) and (max-width: 991px) {
  1905.   #categories_block_left h4 {
  1906.     font-size: 18px;
  1907.   }
  1908. }
  1909.  
  1910. #categories_block_left .block_content {
  1911.   padding: 0 0px 0px 0px;
  1912. }
  1913.  
  1914. #categories_block_left > ul.tree {
  1915.   padding: 0px 0 0 0;
  1916.   list-style: none;
  1917.   background: url(../img/shadow-list.png) repeat-x #9a9a9a;
  1918.   border-radius: 0 0 5px 5px;
  1919.   overflow: hidden;
  1920.   -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.17);
  1921.   -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.17);
  1922.   box-shadow: 0 5px 5px rgba(0, 0, 0, 0.17);
  1923.   margin-bottom: 20px;
  1924. }
  1925.  
  1926. #categories_block_left ul.tree li {
  1927.   position: relative;
  1928. }
  1929.  
  1930. #categories_block_left > ul > li:first-child > a {
  1931.   padding-top: 15px;
  1932.   border: none;
  1933. }
  1934.  
  1935. #categories_block_left > ul > li > a {
  1936.   display: block;
  1937.   padding: 12px 30px 15px 20px;
  1938.   font-size: 17px;
  1939.   /*font-weight: bold;*/
  1940.   color: #fff;
  1941.   border-top: 1px solid #f0f0f0; /*UPRAVA 313131*/
  1942.  /* text-shadow: 0 1px #6d6d6d;*/
  1943.   transition: all 100ms cubic-bezier(0.47, 0, 0.745, 0.715);
  1944.   -moz-transition: all 100ms cubic-bezier(0.47, 0, 0.745, 0.715);
  1945.   -webkit-transition: all 100ms cubic-bezier(0.47, 0, 0.745, 0.715);
  1946.   -o-transition: all 100ms cubic-bezier(0.47, 0, 0.745, 0.715);  background-color: #333333;
  1947. }
  1948. #categories_block_left > ul > li > a i {
  1949.   display: none;
  1950.   margin-right: 10px;
  1951. }
  1952.  
  1953. #categories_block_left > ul > li i + i {
  1954.   display: none !important;
  1955. }
  1956.  
  1957. #categories_block_left > ul.tree > li > a:hover, #categories_block_left > ul.tree > li > a.selected, #categories_block_left > ul > li > .grower:hover + a, #categories_block_left > ul > li > .grower.icon-caret-up + a {
  1958.   background: orange; /*UPRAVA 403f3f*/
  1959.   text-shadow: 0 1px #2d2d2d;
  1960. }
  1961.  
  1962. #categories_block_left > ul.tree > li > ul {
  1963.   border-top: 1px solid #313131;
  1964.   background: #4a4949;
  1965. }
  1966.  
  1967. #categories_block_left > ul.tree > li > ul > li:first-child {
  1968.   padding-top: 16px;
  1969. }
  1970.  
  1971. #categories_block_left > ul.tree > li > ul > li.last {
  1972.   padding-bottom: 17px;
  1973. }
  1974.  
  1975. #categories_block_left > ul > li ul li a {
  1976.   font-size: 13px;
  1977.   font-weight: bold;
  1978.   color: #c5c5c5;
  1979.   line-height: 18px;
  1980.   display: inline-block;
  1981.   padding: 4px 0;
  1982.   text-shadow: 0 1px #3a3939;
  1983.   display: block !important;
  1984. }
  1985. #categories_block_left > ul > li ul li a:hover {
  1986.   color: orange;
  1987. }
  1988. #categories_block_left > ul > li ul li a i {
  1989.   color: #fbe105;
  1990.   margin-right: 8px;
  1991. }
  1992.  
  1993. #categories_block_left > ul > li ul li .grower:hover + a, #categories_block_left > ul > li ul li .grower.icon-angle-up + a, #categories_block_left > ul.tree > li ul li a.selected {
  1994.   color: #ffd900;
  1995. }
  1996.  
  1997. #categories_block_left > ul.tree > li > ul .grower {
  1998.   display: block;
  1999.   font-size: 13px;
  2000.   line-height: 13px;
  2001.   color: #fff;
  2002.   cursor: pointer;
  2003.   position: absolute;
  2004.   right: 18px;
  2005.   top: 6px;
  2006. }
  2007.  
  2008. #categories_block_left ul.tree li ul li a {
  2009.   margin-left: 20px;
  2010. }
  2011.  
  2012. #categories_block_left ul.tree li ul li ul li a {
  2013.   margin-left: 30px;
  2014. }
  2015.  
  2016. #categories_block_left .grower {
  2017.   display: block;
  2018.   font-size: 13px;
  2019.   line-height: 13px;
  2020.   color: #fff;
  2021.   cursor: pointer;
  2022.   position: absolute;
  2023.   right: 20px;
  2024.   top: 14px;
  2025.   text-shadow: 0px 1px #6d6d6d;
  2026. }
  2027.  
  2028. #categories_block_left .OPEN {
  2029.   color: #666;
  2030. }
  2031.  
  2032. #categories_block_left .CLOSE {
  2033.   background: url(../img/plus_minus.png) 0px 0px no-repeat;
  2034. }
  2035.  
  2036. /* Start edit by Melnikovič */
  2037. #categories_block_left ul, #categories_block_left ul li{
  2038.     margin:0;
  2039.     padding:0;
  2040.     list-style:none;
  2041. }
  2042.  
  2043. /* We apply background color and border bottom white and width to 150px */
  2044. #categories_block_left ul li{
  2045.     background-color:black;
  2046.     border-bottom:solid 1px white;
  2047.     width:100%;
  2048.     height: 39px;
  2049.     cursor:pointer;
  2050. }
  2051.  
  2052. /* We apply the background hover color when user hover the mouse over of the li component */
  2053. #categories_block_left ul li:hover{
  2054.     background-color:orange;
  2055.     position:relative;
  2056. }
  2057.  
  2058. /* We apply the link style */
  2059. #categories_block_left ul li a{
  2060.     padding:5px 15px;
  2061.     color:#ffffff;
  2062.     text-decoration:none;
  2063.     display: block !important;
  2064. }
  2065.  
  2066. /**** SECOND LEVEL MENU ****/
  2067. /* We make the position to absolute for flyout menu and hidden the ul until the user hover the parent li item */
  2068. #categories_block_left ul li ul{
  2069.     position:absolute;
  2070.     display:none;
  2071. }
  2072.  
  2073. /* When user has hovered the li item, we show the ul list by applying display:block, note: 150px is the individual menu width.  */
  2074. #categories_block_left ul li:hover ul{
  2075.     left:150px;
  2076.     top:0px;
  2077.     display:block;
  2078. }
  2079.  
  2080. /* we apply different background color to 2nd level menu items*/
  2081. #categories_block_left ul li ul li{
  2082.     background-color:orange;
  2083. }
  2084.  
  2085. /* We change the background color for the level 2 submenu when hovering the menu */
  2086. #categories_block_left ul li:hover ul li:hover{
  2087.     background-color:orange;
  2088. }
  2089.  
  2090. /* We style the color of level 2 links */
  2091. #categories_block_left ul li ul li a{
  2092.     color:#454444;
  2093.     display: block !important;
  2094.     width:120px;
  2095. }
  2096.  
  2097. /* End of edit by Melnikovič */  
  2098. /* ************************************************************************************************
  2099.         Filter
  2100. ************************************************************************************************ */
  2101. #layered_block_left ul li .disabled {
  2102.   color: #666;
  2103. }
  2104.  
  2105. #layered_block_left h2 {
  2106.   padding: 0;
  2107.   margin-bottom: 15px;
  2108. }
  2109.  
  2110. #layered_block_left label {
  2111.   margin-bottom: 0;
  2112.   display: inline;
  2113. }
  2114.  
  2115. #layered_block_left input[type="radio"] {
  2116.   float: left;
  2117.   margin: 0 5px 0 0;
  2118. }
  2119.  
  2120. #layered_block_left .control-label {
  2121.   padding-left: 0;
  2122.   padding-right: 0;
  2123.   line-height: 32px;
  2124. }
  2125.  
  2126. #layered_block_left li.nomargin {
  2127.   margin-bottom: 5px;
  2128. }
  2129. #layered_block_left li.nomargin:last-child {
  2130.   margin-bottom: 0;
  2131. }
  2132.  
  2133. #layered_block_left .link_type {
  2134.   color: #403f3f;
  2135.   cursor: pointer;
  2136.   float: left;
  2137.   clear: left;
  2138. }
  2139. #layered_block_left .link_type:hover {
  2140.   color: #fbe105;
  2141. }
  2142.  
  2143. #layered_block_left .store_list_filter {
  2144.   margin: 0px 0 15px;
  2145. }
  2146.  
  2147. #layered_block_left span.layered_close {
  2148.   float: right;
  2149. }
  2150.  
  2151. #layered_block_left .hide-action {
  2152.   display: block;
  2153.   text-align: right;
  2154.   padding-right: 5px;
  2155. }
  2156.  
  2157. #layered_block_left .hide-action:hover {
  2158.   text-decoration: underline;
  2159. }
  2160.  
  2161. #layered_block_left span.layered_close a {
  2162.   display: block;
  2163.   outline: none;
  2164. }
  2165.  
  2166. #layered_block_left .nomargin a {
  2167.   display: inline;
  2168.   font-size: 14px;
  2169. }
  2170.  
  2171. #layered_block_left div.radio {
  2172.   margin-right: 11px;
  2173.   margin-top: 1px;
  2174. }
  2175.  
  2176. #layered_block_left div.checker {
  2177.   margin-right: 12px;
  2178. }
  2179.  
  2180. #layered_block_left .nomargin a span {
  2181.   color: #a9a9a9;
  2182.   font-weight: bold;
  2183. }
  2184.  
  2185. #layered_block_left .color-option {
  2186.   border: 1px solid #666666;
  2187.   height: 16px;
  2188.   margin-left: 0;
  2189.   padding: 0;
  2190.   width: 16px;
  2191. }
  2192.  
  2193. #layered_block_left .color-option.disable {
  2194.   opacity: 0.5;
  2195.   -moz-opacity: 0.5;
  2196. }
  2197.  
  2198. .layered_slider {
  2199.   margin-top: 5px;
  2200. }
  2201.  
  2202. .layered_slider_container {
  2203.   margin: 6px auto 0px auto;
  2204.   width: 93%;
  2205. }
  2206.  
  2207. .layered_list_selected {
  2208.   font-weight: bold;
  2209. }
  2210.  
  2211. .layered_ajax_loader p {
  2212.   margin: 20px 0;
  2213.   text-align: center;
  2214. }
  2215.  
  2216. .hide-action {
  2217.   display: block;
  2218.   text-align: center;
  2219.   text-align: right;
  2220.   cursor: pointer;
  2221. }
  2222.  
  2223. #layered_form #enabled_filters {
  2224.   margin-top: -15px;
  2225.   margin-bottom: 16px;
  2226. }
  2227.  
  2228. #enabled_filters h2 {
  2229.   text-align: center;
  2230.   background: url(../img/line-bg.gif) repeat-x left 20px;
  2231.   font-style: italic;
  2232.   color: #333;
  2233.   padding: 13px 0 10px 0;
  2234. }
  2235.  
  2236. #enabled_filters h2 span {
  2237.   padding: 0 10px 0 10px;
  2238.   background: #fff;
  2239. }
  2240.  
  2241. #layered_form #enabled_filters ul {
  2242.   border-bottom: 1px solid #9a9a9a;
  2243. }
  2244.  
  2245. #enabled_filters ul li {
  2246.   padding: 5px 0;
  2247.   color: #333;
  2248.   line-height: 24px;
  2249.   font-style: italic;
  2250. }
  2251.  
  2252. #enabled_filters ul li.enabled_filters_extra {
  2253.   color: #a9a9a9;
  2254. }
  2255.  
  2256. #enabled_filters li a {
  2257.   float: right;
  2258.   margin: 0px 0px 0 10px;
  2259.   outline: none;
  2260.   font-size: 20px;
  2261.   line-height: 20px;
  2262. }
  2263.  
  2264. #enabled_filters li a:hover {
  2265.   color: #a9a9a9;
  2266. }
  2267.  
  2268. #layered_form .color-option {
  2269.   margin-left: 0;
  2270.   width: 25px;
  2271.   height: 25px;
  2272.   padding: 0;
  2273.   border-radius: 25px;
  2274.   border: none;
  2275. }
  2276.  
  2277. #ul_layered_id_attribute_group_2 li {
  2278.   float: left;
  2279.   padding: 0px 0 8px 0;
  2280. }
  2281.  
  2282. #layered_block_left #ul_layered_id_attribute_group_2 {
  2283.   padding-bottom: 0;
  2284. }
  2285.  
  2286. #ul_layered_id_attribute_group_2 li label {
  2287.   display: none;
  2288. }
  2289.  
  2290. #ul_layered_id_attribute_group_2 li input {
  2291.   margin-right: 20px;
  2292. }
  2293.  
  2294. #layered_form .color-option.on {
  2295.   box-shadow: 0px 0px 5px 0px #a9a9a9;
  2296. }
  2297.  
  2298. #layered_block_left .color-option.disable {
  2299.   opacity: 0.5;
  2300.   -moz-opacity: 0.5;
  2301. }
  2302.  
  2303. #product_list .warning {
  2304.   margin-top: 13px;
  2305. }
  2306.  
  2307. .layered_price ul {
  2308.   width: 100%;
  2309. }
  2310.  
  2311. .loader_position {
  2312.   position: absolute;
  2313.   left: 45%;
  2314.   top: 20px;
  2315. }
  2316.  
  2317. /* ************************************************************************************************
  2318.         TAGS BLOCK
  2319. ************************************************************************************************ */
  2320. #tags_block_left p a {
  2321.   margin: 0 0.1em;
  2322.   line-height: 1.5em;
  2323.   padding: 2px 2px 5px 2px;
  2324. }
  2325.  
  2326. a.tag_level3 {
  2327.   font-size: 1.5em;
  2328.   font-weight: bold;
  2329. }
  2330.  
  2331. a.tag_level2 {
  2332.   font-size: 1.4em;
  2333. }
  2334.  
  2335. a.tag_level1 {
  2336.   font-size: 1em;
  2337. }
  2338.  
  2339. /* ************************************************************************************************
  2340.         BLOCK  PRODUCT COLUMN
  2341. ************************************************************************************************ */
  2342. .column_box .toggle_content {
  2343.   margin-bottom: 30px;
  2344. }
  2345. .column_box .toggle_content > a {
  2346.   margin-top: 20px;
  2347. }
  2348. .column_box .toggle_content form {
  2349.   margin: 15px 0 0 0;
  2350. }
  2351.  
  2352. .products_block ul li {
  2353.   padding: 0px 0px 12px 0px;
  2354.   margin-bottom: 20px;
  2355. }
  2356. .products_block ul li:last-child {
  2357.   margin-bottom: 0;
  2358. }
  2359. .products_block ul li > div {
  2360.   float: left;
  2361.   width: 153px;
  2362.   padding: 0 0px 0 0px;
  2363. }
  2364. .products_block ul li h5 {
  2365.   padding-bottom: 1px;
  2366.   margin-top: -6px;
  2367. }
  2368. .products_block ul li a.products_block_img {
  2369.   display: block;
  2370.   float: left;
  2371.   width: 97px;
  2372.   margin-right: 12px;
  2373.   border: 1px solid #9a9a9a;
  2374.   border-radius: 5px;
  2375. }
  2376. .products_block ul li p {
  2377.   margin-bottom: 6px;
  2378. }
  2379. .products_block ul li .reduction {
  2380.   color: #fd3737;
  2381.   font-style: italic;
  2382.   margin-left: 14px;
  2383.   margin-right: 15px;
  2384. }
  2385. .products_block ul li span.price-discount {
  2386.   display: inline-block;
  2387.   text-decoration: line-through;
  2388.   margin-top: 0px;
  2389. }
  2390. .products_block ul li .price {
  2391.   color: #b0b0b0;
  2392.   float: left;
  2393.   font-weight: bold;
  2394.   font-size: 20px;
  2395. }
  2396.  
  2397. .products_block ul li .price {
  2398.   color: #b0b0b0;
  2399.   float: left;
  2400.   font-weight: bold;
  2401.   font-size: 14px;
  2402. }
  2403. .products_block ul li .reduction {
  2404.   color: #fd3737;
  2405.   font-style: italic;
  2406.   margin-left: 14px;
  2407.   margin-right: 15px;
  2408. }
  2409.  
  2410. /* ************************************************************************************************
  2411. BLOCK STORE
  2412. ************************************************************************************************ */
  2413. #stores_block_left p {
  2414.   text-align: center;
  2415.   margin: 0;
  2416. }
  2417.  
  2418. #stores_block_left p a img {
  2419.   margin: 0 0 20px 0;
  2420. }
  2421.  
  2422. /* ************************************************************************************************
  2423. BLOCK MANUFACTURE AND SUPPLIER
  2424. ************************************************************************************************ */
  2425. .blockmanufacturer li.last {
  2426.   border: none;
  2427. }
  2428.  
  2429. #viewed-products_block_left ul li.last {
  2430.   border: none;
  2431.   padding-bottom: 0;
  2432. }
  2433.  
  2434. /* ************************************************************************************************
  2435. BLOCK HEADER CART
  2436. ************************************************************************************************ */
  2437. #header #cart_block {
  2438.   display: none;
  2439.   z-index: 999;
  2440.   position: absolute;
  2441.   right: 0px;
  2442.   top: 232px;
  2443.   width: 285px;
  2444.   border: 1px solid #9a9a9a;
  2445.   background: #fff;
  2446. }
  2447. #header #cart_block .toggle_content {
  2448.   margin: 10px;
  2449. }
  2450. #header #cart_block h4 {
  2451.   display: none;
  2452. }
  2453.  
  2454. /* ************************************************************************************************
  2455. BLOCK CART
  2456. ************************************************************************************************ */
  2457. #cart_block #cart_block_no_products {
  2458.   margin: 0;
  2459. }
  2460. #cart_block #cart_block_summary {
  2461.   display: none;
  2462.   padding: 10px 0 0 0;
  2463. }
  2464. #cart_block #cart_block_summary span {
  2465.   color: #000;
  2466. }
  2467. #cart_block #cart_block_summary span.ajax_cart_total {
  2468.   margin: 0 0 0 5px;
  2469.   font-weight: bold;
  2470. }
  2471. #cart_block .quantity-formated {
  2472.   display: inline-block;
  2473.   float: left;
  2474.   margin-right: 5px;
  2475.   line-height: 16px;
  2476.   color: #343336;
  2477. }
  2478. #cart_block #cart_block_list dl {
  2479.   margin: 0;
  2480. }
  2481. #cart_block #cart_block_list dl dt {
  2482.   padding: 10px 0 0px 0;
  2483.   border-top: 1px dotted #9a9a9a;
  2484.   position: relative;
  2485.   clear: both;
  2486. }
  2487. #cart_block #cart_block_list dl dt:first-child {
  2488.   border: none;
  2489. }
  2490. #cart_block #cart_block_list dl dt a {
  2491.   display: inline-block;
  2492.   float: left;
  2493.   line-height: 17px;
  2494. }
  2495. #cart_block #cart_block_list dl dt a img {
  2496.   display: inline-block;
  2497.   margin-right: 10px;
  2498.   margin: 0px 0 10px 0;
  2499. }
  2500. #cart_block #cart_block_list dl dd {
  2501.   position: relative;
  2502.   margin: 0px 0 10px 0px;
  2503. }
  2504. #cart_block #cart_block_list dl dd a {
  2505.   font-style: italic;
  2506. }
  2507.  
  2508. #cart_block .cart-images {
  2509.   width: 70px;
  2510.   margin-right: 10px;
  2511. }
  2512. #cart_block .remove_link {
  2513.   position: absolute;
  2514.   right: 7px;
  2515.   top: 15px;
  2516.   height: 24px;
  2517.   width: 19px;
  2518. }
  2519. #cart_block .remove_link a {
  2520.   display: block;
  2521.   z-index: 9;
  2522.   height: 24px;
  2523.   width: 19px;
  2524.   margin-top: 0px;
  2525.   margin-left: 5px;
  2526.   font-size: 24px;
  2527.   line-height: 24px;
  2528. }
  2529. #cart_block .remove_link a:hover {
  2530.   color: #A9A9A9;
  2531. }
  2532. #cart_block .products .price {
  2533.   display: inline-block;
  2534.   padding: 15px 0 5px 0;
  2535.   width: 150px;
  2536.   font-size: 17px;
  2537. }
  2538.  
  2539. #cart_block table#vouchers {
  2540.   clear: both;
  2541.   width: 100%;
  2542.   position: relative;
  2543.   border: none;
  2544.   background: none;
  2545. }
  2546. #cart_block table#vouchers td {
  2547.   border: none;
  2548. }
  2549. #cart_block table#vouchers td.quantity {
  2550.   margin-right: 5px;
  2551.   min-width: 18px;
  2552. }
  2553. #cart_block table#vouchers td.delete a {
  2554.   padding: 0;
  2555.   width: 9px;
  2556.   height: 9px;
  2557.   position: absolute;
  2558.   right: 0;
  2559.   top: 7px;
  2560. }
  2561.  
  2562. #cart_block ul.cart_block_customizations {
  2563.   padding: 0 0 0 13px;
  2564.   list-style: none;
  2565. }
  2566.  
  2567. #cart_block ul.cart_block_customizations li {
  2568.   font: 11px/15px "Arial";
  2569. }
  2570.  
  2571. #cart_block ul.cart_block_customizations li .quantity-formated {
  2572.   line-height: 14px;
  2573. }
  2574.  
  2575. #cart_block ul.cart_block_customizations div.deleteCustomizableProduct {
  2576.   width: 9px;
  2577.   height: 9px;
  2578.   position: absolute;
  2579.   right: 3px;
  2580.   top: 3px;
  2581. }
  2582.  
  2583. #cart_block ul.cart_block_customizations div.deleteCustomizableProduct a {
  2584.   display: block;
  2585.   background: url(../img/icon/delete.gif) no-repeat 0 0;
  2586.   height: 9px;
  2587.   width: 9px;
  2588. }
  2589.  
  2590. #cart_block .cart-prices div {
  2591.   border-top: 1px dotted #9a9a9a;
  2592.   padding: 7px 0px 7px 0px;
  2593. }
  2594.  
  2595. #cart_block .cart-prices div .price {
  2596.   font-size: 15px;
  2597.   font-weight: bold;
  2598. }
  2599.  
  2600. #cart_block #cart_block_shipping_cost, #cart_block #cart_block_total, #cart_block #cart_block_wrapping_cost {
  2601.   float: right;
  2602. }
  2603.  
  2604. #cart_block #cart-buttons {
  2605.   display: block;
  2606. }
  2607.  
  2608. #cart_block #cart-buttons #button_order_cart {
  2609.   float: left;
  2610. }
  2611.  
  2612. #cart_block p#cart-buttons {
  2613.   padding: 0px 0 0 0px;
  2614.   margin: 0;
  2615.   border-top: 1px dotted #9a9a9a;
  2616.   overflow: hidden;
  2617. }
  2618.  
  2619. #cart_block p#cart-buttons a {
  2620.   margin-top: 15px;
  2621.   margin-bottom: 10px;
  2622. }
  2623.  
  2624. #cart_block p#cart-buttons a.button_mini {
  2625.   float: left;
  2626.   margin-right: 10px;
  2627. }
  2628.  
  2629. /* ************************************************************************************************
  2630.         BREADCRUMB
  2631. ************************************************************************************************ */
  2632. .breadcrumb .breadcrumb_inset {
  2633.   overflow: hidden;
  2634. }
  2635. .breadcrumb a i {
  2636.   vertical-align: -4px;
  2637.   font-size: 25px;
  2638. }
  2639. .breadcrumb .navigation-pipe, .breadcrumb .navigation_page {
  2640.   font-size: 14px;
  2641.   line-height: 22px;
  2642. }
  2643. .breadcrumb .navigation-pipe {
  2644.   margin: 0 10px 0 10px;
  2645. }
  2646.  
  2647. /* ************************************************************************************************
  2648. CONTACT PAGE
  2649. ************************************************************************************************ */
  2650. #contact_form p.desc_contact {
  2651.   padding: 0;
  2652.   margin-bottom: 10px;
  2653.   color: #0099ff;
  2654. }
  2655.  
  2656. #desc_contact0 {
  2657.   display: none;
  2658. }
  2659.  
  2660. .title-pagecontact i {
  2661.   margin-right: 7px;
  2662. }
  2663.  
  2664. /* ************************************************************************************************
  2665. HISTORY
  2666. ************************************************************************************************ */
  2667. #order-list td.history_invoice i {
  2668.   font-size: 25px;
  2669.   vertical-align: -1px;
  2670. }
  2671.  
  2672. .myaccount ul {
  2673.   padding-bottom: 10px;
  2674. }
  2675.  
  2676. .favoriteproducts img {
  2677.   width: 16px;
  2678.   height: 16px;
  2679. }
  2680.  
  2681. table#order-list td.history_link a {
  2682.   font-weight: bold;
  2683.   color: #a9a9a9;
  2684. }
  2685.  
  2686. table#order-list td.history_detail .btn {
  2687.   display: block;
  2688. }
  2689.  
  2690. table#order-list td.history_detail .btn + a {
  2691.   margin-top: 10px;
  2692. }
  2693.  
  2694. table#order-list td.history_detail a.details_link {
  2695.   text-transform: capitalize;
  2696. }
  2697.  
  2698. #block-history #block-order-detail table.std td.inputs input.order_qte_input {
  2699.   float: left;
  2700.   height: 15px;
  2701.   padding: 1px;
  2702. }
  2703.  
  2704. .align_center {
  2705.   text-align: center;
  2706. }
  2707.  
  2708. .top_indent {
  2709.   margin-top: 20px;
  2710. }
  2711.  
  2712. #block-history #block-order-detail table.std td.inputs label {
  2713.   display: block;
  2714.   float: left;
  2715.   padding: 2px 0 0 7px;
  2716.   font-weight: bold;
  2717. }
  2718.  
  2719. #block-history h3 {
  2720.   padding: 17px 0 0 0;
  2721. }
  2722.  
  2723. div#order-detail-content table.std th {
  2724.   padding: 15px 12px;
  2725. }
  2726.  
  2727. form#sendOrderMessage p.submit {
  2728.   padding: 0px 0 0 0;
  2729. }
  2730.  
  2731. .info-order strong {
  2732.   color: #333333;
  2733. }
  2734.  
  2735. .addresses #sendOrderMessage label {
  2736.   display: block;
  2737.   padding-bottom: 4px;
  2738. }
  2739.  
  2740. #conditionsValided + label {
  2741.   display: inline;
  2742. }
  2743.  
  2744. table.discount {
  2745.   margin: 17px 0 0 0;
  2746. }
  2747.  
  2748. table.discount td.discount_code {
  2749.   font-weight: bold;
  2750. }
  2751.  
  2752. table.discount td.discount_value {
  2753.   white-space: nowrap;
  2754. }
  2755.  
  2756. body#discount div.center_column sup {
  2757.   vertical-align: top;
  2758. }
  2759.  
  2760. .delivery_options {
  2761.   padding-top: 20px;
  2762. }
  2763.  
  2764. .delivery_options_address .delivery_option_radio {
  2765.   margin: 0px auto 0px auto;
  2766. }
  2767.  
  2768. .delivery_options_address table td:first-child {
  2769.   text-align: center;
  2770.   vertical-align: middle;
  2771.   padding-left: 12px;
  2772. }
  2773.  
  2774. .delivery_options_address table td.delivery_option_logo {
  2775.   vertical-align: middle;
  2776.   text-align: center;
  2777. }
  2778.  
  2779. .delivery_options_address .delivery_options label {
  2780.   display: block;
  2781. }
  2782.  
  2783. table.delivery_option_carrier {
  2784.   background: #D9EDF7;
  2785.   border: 1px solid #BCE8F1;
  2786. }
  2787.  
  2788. table.delivery_option_carrier td {
  2789.   border: 1px solid #BCE8F1;
  2790.   color: #3A87AD;
  2791.   text-transform: none;
  2792.   font-size: 12px;
  2793. }
  2794.  
  2795. .order_delivery .address.first_item, .addresses #address_delivery {
  2796.   padding: 20px;
  2797.   border: 1px solid #9a9a9a;
  2798.   background: #F8F8F8;
  2799.   margin-bottom: 20px;
  2800. }
  2801.  
  2802. .order_delivery .address.alternate_item, .addresses #address_invoice {
  2803.   padding: 20px;
  2804.   border: 1px solid #9a9a9a;
  2805.   background: #F8F8F8;
  2806.   margin-bottom: 20px;
  2807. }
  2808.  
  2809. #order-detail-content-table .td-3 {
  2810.   text-align: center;
  2811. }
  2812.  
  2813. .cart_total_price.cart_last_tr .price {
  2814.   font-size: 17px;
  2815.   color: #a9a9a9;
  2816. }
  2817.  
  2818. #order-detail-content-table tfoot tr.item td {
  2819.   border-left: none;
  2820.   border-right: none;
  2821.   border-bottom: none;
  2822. }
  2823.  
  2824. #order-detail-content-table tfoot tr.item:first-child td {
  2825.   border: none;
  2826. }
  2827.  
  2828. #order-detail-content-table td.order_cb, #order-detail-content-table td.checkbox_type {
  2829.   width: 50px;
  2830.   text-align: center;
  2831. }
  2832.  
  2833. .footable tfoot td {
  2834.   display: table-cell !important;
  2835. }
  2836.  
  2837. .sheets {
  2838.   margin-top: 20px;
  2839. }
  2840.  
  2841. /* ************************************************************************************************
  2842. MY ACCOUNT
  2843. ************************************************************************************************ */
  2844. body#my-account ul.footer_links li {
  2845.   float: none;
  2846. }
  2847.  
  2848. body#my-account div#center_column ul.myaccount_lnk_list li a i {
  2849.   display: inline-block;
  2850.   font-size: 18px;
  2851.   line-height: 18px;
  2852.   width: 24px;
  2853.   vertical-align: -1px;
  2854. }
  2855.  
  2856. #account-creation_form #passwd {
  2857.   float: left;
  2858.   margin-right: 20px;
  2859. }
  2860.  
  2861. span.radio_title {
  2862.   display: block;
  2863.   margin-bottom: 7px;
  2864.   text-align: left;
  2865. }
  2866.  
  2867. #identity #center_column .std input[type='checkbox'] {
  2868.   margin-right: 7px;
  2869. }
  2870.  
  2871. #identity #center_column .std input[type='checkbox'] + label {
  2872.   display: inline;
  2873. }
  2874.  
  2875. #account-creation_form p.radio label {
  2876.   padding-right: 10px;
  2877. }
  2878.  
  2879. form#account-creation_form p.radio label, #identity p.radio label, #new_account_form p.radio label {
  2880.   display: inline-block;
  2881.   float: left;
  2882.   padding: 0px 25px 0 3px;
  2883. }
  2884.  
  2885. form#account-creation_form textarea {
  2886.   width: 210px;
  2887.   max-width: 563px;
  2888. }
  2889.  
  2890. #identity p.radio {
  2891.   padding: 0;
  2892. }
  2893.  
  2894. /* ************************************************************************************************
  2895. Product Comparison
  2896. ************************************************************************************************ */
  2897. .comparison_product_infos {
  2898.   padding-top: 10px;
  2899. }
  2900.  
  2901. #product_comparison #availability_label {
  2902.   font-weight: bold;
  2903.   color: #333;
  2904. }
  2905.  
  2906. #product_comparison #availability_value {
  2907.   color: #0C6;
  2908. }
  2909.  
  2910. #product_comparison .comparison_availability_statut {
  2911.   display: none;
  2912.   padding: 0px;
  2913.   margin: 0;
  2914. }
  2915.  
  2916. #product_comparison.breakpoint .comparison_product_infos, #product_comparison.breakpoint .comparison_product_infos .product_link, #product_comparison.breakpoint .comparison_product_infos .row-compare-button {
  2917.   text-align: left;
  2918. }
  2919.  
  2920. #product_comparison .product_image_div {
  2921.   position: relative;
  2922.   margin-bottom: 13px;
  2923.   text-align: center;
  2924. }
  2925.  
  2926. #product_comparison .product_image_div a {
  2927.   display: block;
  2928. }
  2929.  
  2930. #product_comparison th:first-child, #product_comparison td:first-child {
  2931.   text-align: left;
  2932.   padding: 5px 10px 5px 10px;
  2933.   font-weight: bold;
  2934. }
  2935.  
  2936. #product_comparison .product_image_div a.product_image {
  2937.   display: inline-block;
  2938.   position: relative;
  2939. }
  2940.  
  2941. #product_comparison .product_image_div a.product_image img {
  2942.   background: none;
  2943. }
  2944.  
  2945. .shop_table .title_compare {
  2946.   font-size: 13px;
  2947.   color: #333;
  2948. }
  2949.  
  2950. #product_comparison .comparison_header .price {
  2951.   font-size: 32px;
  2952.   font-weight: normal;
  2953. }
  2954.  
  2955. #product_comparison .on_sale, #product_comparison .discount {
  2956.   display: block;
  2957.   width: 54px;
  2958.   height: 48px;
  2959.   position: absolute;
  2960.   left: 0px;
  2961.   top: 0px;
  2962. }
  2963.  
  2964. #product_comparison .product_link {
  2965.   display: inline-block;
  2966.   padding: 0 0 0px 0;
  2967.   text-align: center;
  2968. }
  2969.  
  2970. #product_comparison .comparison_product_infos a.cmp_remove {
  2971.   position: absolute;
  2972.   right: 0px;
  2973.   top: 0;
  2974.   z-index: 5;
  2975.   font-size: 25px;
  2976.   line-height: 25px;
  2977. }
  2978.  
  2979. #product_comparison .comparison_product_infos a.cmp_remove:hover {
  2980.   color: #a9a9a9;
  2981. }
  2982.  
  2983. #product_comparison .product_desc {
  2984.   margin: 0 0 9px 0;
  2985.   min-height: 38px;
  2986. }
  2987.  
  2988. #product_comparison .row-compare-button {
  2989.   text-align: left;
  2990.   padding-top: 10px;
  2991. }
  2992.  
  2993. #product_comparison .comparison_product_infos a.button {
  2994.   margin-right: 8px;
  2995.   margin-bottom: 10px;
  2996. }
  2997.  
  2998. #product_comparison .comparison_product_infos .exclusive {
  2999.   margin: 0px 0 10px 0;
  3000. }
  3001.  
  3002. #product_comparison td:first-child {
  3003.   background: #F5F5F5;
  3004.   color: #888;
  3005. }
  3006.  
  3007. .shop_table td.comparison_feature_even.comparison_infos, .shop_table td.comparison_feature_odd.comparison_infos {
  3008.   text-align: center;
  3009. }
  3010.  
  3011. /* ************************************************************************************************
  3012. Identity
  3013. ************************************************************************************************ */
  3014. form.identity p.radio input {
  3015.   top: 3px;
  3016. }
  3017.  
  3018. form.identity p.radio label {
  3019.   display: inline-block;
  3020.   padding: 0 15px 0 3px;
  3021.   line-height: 19px;
  3022. }
  3023.  
  3024. form.identity p.required_desc {
  3025.   padding: 20px 0 0 157px;
  3026. }
  3027.  
  3028. /* ************************************************************************************************
  3029. Orderopc
  3030. ************************************************************************************************ */
  3031. #opc_new_account form#login_form {
  3032.   margin-bottom: 0;
  3033. }
  3034.  
  3035. #orderopc #left_column {
  3036.   display: none;
  3037. }
  3038.  
  3039. #orderopc #center_column {
  3040.   width: 757px;
  3041. }
  3042.  
  3043. #orderopc #left_column h2 {
  3044.   margin-top: 20px;
  3045. }
  3046.  
  3047. #opc_account_choice {
  3048.   padding: 0 0px;
  3049. }
  3050.  
  3051. #login_form_content {
  3052.   padding: 20px 5%;
  3053.   background: #f5f5f5;
  3054.   border: 1px solid #9a9a9a;
  3055. }
  3056.  
  3057. #opc_account_form input.text, #new_account_form #opc_account_form textarea {
  3058.   width: 100%;
  3059. }
  3060.  
  3061. #opc_account_form input[type='checkbox'] + label {
  3062.   display: inline;
  3063. }
  3064.  
  3065. #opc_account_choice .opc_float {
  3066.   padding: 10px 5%;
  3067.   background: #f5f5f5;
  3068.   border: 1px solid #9a9a9a;
  3069.   margin-bottom: 15px;
  3070. }
  3071.  
  3072. #opc_account_choice .opc_float ul {
  3073.   margin: 0 0 20px 30px;
  3074. }
  3075.  
  3076. #new_account_form p.textarea textarea {
  3077.   height: 80px;
  3078.   width: 205px;
  3079. }
  3080.  
  3081. #new_account_form span.form_info, #new_account_form span.inline-infos {
  3082.   display: block;
  3083.   margin: 5px 0 0 0px;
  3084.   color: #666666;
  3085. }
  3086.  
  3087. #order #loyalty {
  3088.   margin: 10px 0 12px 0;
  3089.   font-size: 13px;
  3090.   padding: 20px 0 20px 0;
  3091.   border-top: 1px dotted #9a9a9a;
  3092. }
  3093.  
  3094. #order #loyalty img {
  3095.   margin-right: 10px;
  3096. }
  3097.  
  3098. .short_description_pack {
  3099.   padding: 10px 0px 0px 0;
  3100. }
  3101.  
  3102. .short_description_pack h3 {
  3103.   padding: 5px 0 0 0;
  3104.   margin: 0;
  3105. }
  3106.  
  3107. .short_description_pack p {
  3108.   padding: 5px 0 0 0;
  3109. }
  3110.  
  3111. .short_description_pack .pack_content {
  3112.   padding: 10px 0 0 0;
  3113. }
  3114.  
  3115. .pack_content {
  3116.   margin: 5px 0 5px 0;
  3117. }
  3118.  
  3119. #pb-left-column #color_picker p {
  3120.   padding-bottom: 5px;
  3121.   font-weight: bold;
  3122. }
  3123.  
  3124. span.our_price_display {
  3125.   display: inline-block;
  3126.   padding-top: 7px;
  3127.   font-size: 24px;
  3128.   line-height: 18px;
  3129. }
  3130.  
  3131. *:first-child + html .content_prices #add_to_cart .exclusive {
  3132.   padding: 4px 3px 4px 11px;
  3133. }
  3134.  
  3135. /* ************************************************************************************************
  3136.         FOOTER
  3137. ************************************************************************************************ */
  3138. .page_wrapper_3 {
  3139.   /*UPRAVA background: url(../img/footer-bg.png) repeat-x center top; */
  3140.   position: relative;
  3141. }
  3142.  
  3143. footer .modules {
  3144.   padding-bottom: 82px; /*UPRAVA pridane*/
  3145.   background: #e8e8e8;
  3146.   border-radius: 10px 10px 0 0;
  3147. }
  3148.  
  3149. footer .block h4 {
  3150.   font-size: 20px;
  3151.   line-height: 24px;
  3152.   color: #403f3f;
  3153.   font-weight: 900;
  3154.   text-transform: uppercase;
  3155.   margin: 30px 0 15px 0;
  3156. }
  3157.  
  3158. footer .block h4 i {
  3159.   display: none;
  3160. }
  3161.  
  3162. footer .block h4 a {
  3163.   color: #1c1c1c;
  3164.   font-weight: bold;
  3165. }
  3166.  
  3167. footer .block a {
  3168.   color: #777;
  3169. }
  3170.  
  3171. footer .block a:hover {
  3172.   color: #403f3f;
  3173. }
  3174.  
  3175. footer .block .list-footer li {
  3176.   padding: 2px 0 3px 0;
  3177. }
  3178.  
  3179. footer .block .list-footer li.referralprogram i, footer .block .list-footer li.loyalty i {
  3180.   display: none;
  3181. }
  3182.  
  3183. footer .block .list-footer li a {
  3184.   font-size: 13px;
  3185.   line-height: 21px;
  3186.   font-weight: bold;
  3187.   text-transform: none;
  3188.   word-wrap: break-word;
  3189. }
  3190.  
  3191. footer .block .list-footer li a:before {
  3192.   content: "";
  3193.   font-family: FontAwesome;
  3194.   font-size: 13px;
  3195.   line-height: 13px;
  3196.   color: #403f3f;
  3197.   vertical-align: -1px;
  3198.   margin-right: 8px;
  3199. }
  3200.  
  3201. footer .block .list-footer li img {
  3202.   display: none;
  3203. }
  3204.  
  3205. footer .footer-text {
  3206.   padding: 0px 0 0 0;
  3207. }
  3208.  
  3209. .bottom_footer {
  3210.   color: #777;
  3211.   position: absolute;
  3212.   bottom: 0px;
  3213.   left: 0px;
  3214.   font-size: 11px;
  3215.   font-weight: normal;
  3216.   width: 100%;
  3217.   padding: 9px 0 11px;
  3218.   /*UpRAVAbackground: url(../img/footer-bg.png) repeat-x center top;*/
  3219. }
  3220.  
  3221. .bottom_footer a {
  3222.   color: #777;
  3223. }
  3224.  
  3225. .bottom_footer a:hover {
  3226.   color: #000;
  3227. }
  3228.  
  3229. /*blocksocial */
  3230. .blocksocial .list-footer li.facebook a:before {
  3231.   content: "";
  3232.   margin-right: 15px;
  3233. }
  3234.  
  3235. .blocksocial .list-footer li.twitter a:before {
  3236.   content: "";
  3237.   margin-right: 9px;
  3238. }
  3239.  
  3240. .blocksocial .list-footer li.rss a:before {
  3241.   content: "";
  3242.   margin-right: 11px;
  3243. }
  3244.  
  3245. #paiement_logo_block_left {
  3246.   float: left;
  3247.   margin: 15px 0 0 30px;
  3248. }
  3249.  
  3250. .blockcontactinfos {
  3251.   font-size: 13px;
  3252.   font-weight: bold;
  3253.   color: #777;
  3254. }
  3255.  
  3256. .blockcontactinfos .companyBox {
  3257.   padding: 4px 0 8px;
  3258. }
  3259.  
  3260. .blockcontactinfos .phoneBox {
  3261.   font-size: 20px;
  3262.   padding: 5px 0 11px;
  3263. }
  3264.  
  3265. /* ************************************************************************************************
  3266. PAIMENT - PAGE ORDER
  3267. ************************************************************************************************ */
  3268. #order .p-cart {
  3269.   font-size: 13px;
  3270.   text-transform: uppercase;
  3271.   color: #535353;
  3272.   padding-bottom: 15px;
  3273.   border-bottom: 1px solid #e5e5e5;
  3274. }
  3275.  
  3276. #order_steps {
  3277.   overflow: hidden;
  3278.   margin: 0px 0 20px 0px;
  3279. }
  3280. #order_steps li {
  3281.   float: left;
  3282.   width: 20%;
  3283.   text-align: center;
  3284. }
  3285. #order_steps li span {
  3286.   display: block;
  3287.   padding: 5px 0 5px 0px;
  3288.   color: #fff;
  3289.   font-weight: bold;
  3290. }
  3291. #order_steps li span span {
  3292.   color: #fff;
  3293.   font-weight: bold;
  3294.   font-size: 27px;
  3295.   line-height: 27px;
  3296. }
  3297. #order_steps li a {
  3298.   font-weight: bold;
  3299.   color: #ccc;
  3300.   text-decoration: none;
  3301. }
  3302. #order_steps li a:hover {
  3303.   color: #fff;
  3304. }
  3305. #order_steps li.even {
  3306.   background: url(../img/marker-order.png) 0px 29px no-repeat #9c9c9c;
  3307. }
  3308. #order_steps li.even:first-child {
  3309.   background: #9c9c9c;
  3310. }
  3311. #order_steps li.even.step_current:first-child {
  3312.   background: #202020;
  3313. }
  3314. #order_steps li.odd {
  3315.   background: url(../img/marker-order.png) 0px 29px no-repeat #777777;
  3316. }
  3317. #order_steps li.step_current {
  3318.   background-color: #202020;
  3319. }
  3320.  
  3321. /* step 1 - cart ******************************************************************************* */
  3322. #cart_summary {
  3323.   background: none;
  3324.   border: none;
  3325.   margin-bottom: 0;
  3326. }
  3327.  
  3328. table#cart_summary h5 {
  3329.   padding-bottom: 10px;
  3330. }
  3331.  
  3332. table#cart_summary .cart-atr {
  3333.   display: inline-block;
  3334.   padding-bottom: 5px;
  3335. }
  3336.  
  3337. #order-detail-content .title-th {
  3338.   display: inline-block;
  3339.   float: left;
  3340.   padding-right: 10px;
  3341.   font-weight: bold;
  3342.   color: #333333;
  3343. }
  3344.  
  3345. table#cart_summary tr {
  3346.   border-bottom: 1px dotted #9a9a9a;
  3347. }
  3348.  
  3349. table#cart_summary tr.cart_last_tr {
  3350.   border: none;
  3351. }
  3352.  
  3353. table#cart_summary .insset-bottom {
  3354.   padding-bottom: 16px;
  3355.   padding-top: 0px;
  3356. }
  3357.  
  3358. .cart_quantity_title {
  3359.   padding: 3px 10px 0 0;
  3360. }
  3361.  
  3362. table#cart_summary tbody tr {
  3363.   border-top: 1px dotted #9a9a9a;
  3364. }
  3365.  
  3366. table#cart_summary td {
  3367.   padding: 20px 0 20px 0;
  3368.   border: none;
  3369.   vertical-align: top;
  3370. }
  3371.  
  3372. table#cart_summary .customization {
  3373.   border-color: #9a9a9a;
  3374. }
  3375.  
  3376. table#cart_summary td.cart_product {
  3377.   width: 162px;
  3378. }
  3379.  
  3380. table#cart_summary tr ul {
  3381.   list-style: none;
  3382. }
  3383.  
  3384. table#cart_summary .customizationUploaded {
  3385.   margin-bottom: 10px;
  3386. }
  3387.  
  3388. table#cart_summary .cart_quantity .cart_quantity_down {
  3389.   float: left;
  3390. }
  3391.  
  3392. table#cart_summary .cart_discount_name {
  3393.   color: #333;
  3394.   text-transform: uppercase;
  3395.   vertical-align: middle;
  3396. }
  3397.  
  3398. table#cart_summary .cart_discount {
  3399.   border-width: 1px 0 1px 0;
  3400.   border-style: solid;
  3401. }
  3402.  
  3403. table#cart_summary .cart_discount_price .div_cart_quantity_delete {
  3404.   display: inline-block;
  3405.   float: none;
  3406.   margin-left: 7px;
  3407. }
  3408.  
  3409. table#cart_summary .cart_discount_price .div_cart_quantity_delete a i {
  3410.   font-size: 16px;
  3411.   line-height: 16px;
  3412. }
  3413.  
  3414. table#cart_summary .div_cart_quantity_delete {
  3415.   float: left;
  3416. }
  3417.  
  3418. table#cart_summary .div_cart_quantity_delete a i {
  3419.   font-size: 25px;
  3420.   line-height: 25x;
  3421.   width: auto;
  3422. }
  3423.  
  3424. table#cart_summary .customization .cart_quantity {
  3425.   padding: 20px 0px 20px 0;
  3426.   border: none;
  3427.   margin-bottom: 0;
  3428. }
  3429.  
  3430. table#cart_summary .cart_quantity .cart_quantity_input {
  3431.   display: inline-block;
  3432.   float: left;
  3433.   border: 1px solid #9a9a9a;
  3434.   border-left: none;
  3435.   border-right: none;
  3436.   height: 43px;
  3437.   text-align: center;
  3438.   width: 40px;
  3439.   margin: 0;
  3440.   -webkit-border-radius: 0;
  3441.   -moz-border-radius: 0;
  3442.   -ms-border-radius: 0;
  3443.   -o-border-radius: 0;
  3444.   border-radius: 0;
  3445. }
  3446.  
  3447. table#cart_summary .cart_quantity .cart_quantity_button {
  3448.   float: left;
  3449. }
  3450.  
  3451. table#cart_summary a.price_discount_delete {
  3452.   margin-top: 3px;
  3453. }
  3454.  
  3455. table#cart_summary .cart_total_price .total_price_container {
  3456.   border-right: none;
  3457. }
  3458.  
  3459. table#cart_summary .cart_total_price td.cart_voucher {
  3460.   vertical-align: middle;
  3461. }
  3462.  
  3463. table#cart_summary #total_price_container {
  3464.   vertical-align: middle;
  3465. }
  3466.  
  3467. #cart_summary tfoot {
  3468.   font-weight: bold;
  3469. }
  3470.  
  3471. #cart_summary .cart_last_tr #total_price {
  3472.   font-size: 22px;
  3473.   font-weight: normal;
  3474.   color: #fd3737;
  3475. }
  3476.  
  3477. table#cart_summary tfoot td {
  3478.   padding: 16px 0 14px 0;
  3479.   border: none;
  3480.   text-align: left;
  3481. }
  3482.  
  3483. table#cart_summary tfoot td + td {
  3484.   text-align: right;
  3485.   display: table-cell;
  3486. }
  3487.  
  3488. #total_price_container {
  3489.   vertical-align: middle;
  3490. }
  3491.  
  3492. #cart_summary .price {
  3493.   border: none;
  3494.   white-space: nowrap;
  3495. }
  3496.  
  3497. .total_price_container p {
  3498.   text-align: left;
  3499. }
  3500.  
  3501. table#cart_summary .cart_total_price .total_price_container {
  3502.   padding: 0;
  3503. }
  3504.  
  3505. .cart_total_price .total_price_container p {
  3506.   display: block;
  3507.   padding: 8px;
  3508. }
  3509.  
  3510. .cart_total_price .total_price_container span {
  3511.   display: block;
  3512.   padding: 15px;
  3513.   font-weight: bold;
  3514.   font-size: 18px;
  3515.   text-align: center;
  3516. }
  3517.  
  3518. table#cart_summary .gift-icon {
  3519.   color: white;
  3520.   background: #0088CC;
  3521.   line-height: 20px;
  3522.   padding: 2px 5px;
  3523.   border-radius: 5px;
  3524. }
  3525.  
  3526. table#cart_summary .min-with-td {
  3527.   display: inline-block;
  3528.   font-weight: normal;
  3529.   min-width: 50px;
  3530. }
  3531.  
  3532. table#cart_summary #cart_quantity_button .cart_quantity_down {
  3533.   background: url(../../../img/quantity_down_mob1.png) 0 0px no-repeat;
  3534.   height: 43px;
  3535.   width: 45px;
  3536. }
  3537. table#cart_summary #cart_quantity_button .cart_quantity_down:hover {
  3538.   opacity: 0.5;
  3539. }
  3540.  
  3541. table#cart_summary #cart_quantity_button .cart_quantity_up {
  3542.   float: left;
  3543.   background: url(../../../img/quantity_up_mob1.png) 0 0px no-repeat;
  3544.   height: 43px;
  3545.   width: 45px;
  3546. }
  3547. table#cart_summary #cart_quantity_button .cart_quantity_up:hover {
  3548.   opacity: 0.5;
  3549. }
  3550.  
  3551. table#cart_summary #cart_quantity_button .cart_quantity_up img, table#cart_summary #cart_quantity_button .cart_quantity_down img {
  3552.   display: none;
  3553. }
  3554.  
  3555. .address-form-multishipping {
  3556.   padding: 15px 3%;
  3557.   background: #fdfdfd;
  3558.   border: 1px solid #9a9a9a;
  3559.   margin-bottom: 20px;
  3560. }
  3561.  
  3562. table#cart_summary #cart_quantity_button span {
  3563.   line-height: 43px;
  3564. }
  3565.  
  3566. .cart_quantity_title {
  3567.   padding: 11px 10px 0 0;
  3568. }
  3569.  
  3570. table#cart_summary .div_cart_quantity_delete a {
  3571.   margin-top: 7px;
  3572.   margin-left: 20px;
  3573.   display: inline-block;
  3574. }
  3575.  
  3576. table#cart_summary .cart_discount_price .div_cart_quantity_delete a {
  3577.   margin-top: 0px;
  3578. }
  3579.  
  3580. #HOOK_SHOPPING_CART .page_product_box h3 i {
  3581.   display: none;
  3582. }
  3583.  
  3584. /*cart_voucher******************************************************************************* */
  3585. form#voucher fieldset {
  3586.   border-top: 2px solid #3a3a3a;
  3587. }
  3588.  
  3589. form#voucher fieldset div#display_cart_vouchers h4 {
  3590.   margin: 10px 0 0 0;
  3591.   padding: 10px 0 0 0;
  3592.   border-top: 1px solid #eee;
  3593. }
  3594.  
  3595. form#voucher fieldset div#display_cart_vouchers div {
  3596.   padding: 4px 0 0 0;
  3597. }
  3598.  
  3599. form#voucher fieldset div#display_cart_vouchers span.voucher_name {
  3600.   font-weight: bold;
  3601.   text-decoration: underline;
  3602.   cursor: pointer;
  3603. }
  3604.  
  3605. form#voucher fieldset div#display_cart_vouchers span.voucher_name:hover {
  3606.   text-decoration: none;
  3607. }
  3608.  
  3609. #order_carrier {
  3610.   clear: both;
  3611.   margin-top: 20px;
  3612.   border: 1px solid #999;
  3613. }
  3614.  
  3615. #order_carrier h4 {
  3616.   padding: 0 15px;
  3617. }
  3618.  
  3619. #order_carrier span {
  3620.   display: block;
  3621.   padding: 15px;
  3622.   font-weight: bold;
  3623. }
  3624.  
  3625. .multishipping_close_container {
  3626.   text-align: center;
  3627.   padding-top: 10px;
  3628. }
  3629.  
  3630. /* ————— carriercompare.tpl ————— */
  3631. #compare_shipping ul#carriercompare_errors_list li {
  3632.   background: url("../img/warning.png") no-repeat 20px center #fde4e1;
  3633.   border: 1px solid #EBBCB5;
  3634.   color: #DF0505;
  3635.   font-size: 12px;
  3636.   font-weight: bold;
  3637.   padding-left: 70px;
  3638.   margin-left: 0!important;
  3639.   margin-bottom: 10px;
  3640. }
  3641.  
  3642. #compare_shipping_form {
  3643.   padding: 16px 0px 0px 0px;
  3644.   border-top: 2px solid #3a3a3a;
  3645.   margin-top: 20px;
  3646.   margin-bottom: 10px;
  3647. }
  3648.  
  3649. #compare_shipping_form #compare_shipping {
  3650.   padding: 0;
  3651. }
  3652.  
  3653. #compare_shipping_form #compare_shipping h3 {
  3654.   color: #333;
  3655.   text-transform: uppercase;
  3656.   font-weight: bold;
  3657.   font-size: 13px;
  3658.   padding: 10px 0px 0px 0px;
  3659.   margin: 0 0 15px 0;
  3660.   position: relative;
  3661.   border-bottom: 1px solid #333;
  3662. }
  3663. #compare_shipping_form #compare_shipping h3 span {
  3664.   position: relative;
  3665.   z-index: 1;
  3666. }
  3667.  
  3668. #compare_shipping_form #compare_shipping .SE_SubmitRefreshCard {
  3669.   padding-top: 20px;
  3670. }
  3671.  
  3672. #compare_shipping_form #compare_shipping .SE_SubmitRefreshCard input {
  3673.   width: auto;
  3674.   margin-bottom: 0;
  3675.   margin-right: 16px;
  3676. }
  3677.  
  3678. /* nav bottom ********************************************************************************** */
  3679. .cart_navigation {
  3680.   margin: 20px 0;
  3681. }
  3682.  
  3683. .cart_navigation .exclusive, .cart_navigation .exclusive_large {
  3684.   float: right;
  3685. }
  3686.  
  3687. /* order carrier */
  3688. div#order_carrier {
  3689.   margin: 20px 0 0 0;
  3690.   padding: 10px;
  3691.   border-width: 1px;
  3692.   border-style: solid;
  3693. }
  3694.  
  3695. div#order_carrier h4 {
  3696.   float: left;
  3697.   padding: 0 10px;
  3698. }
  3699.  
  3700. /* cart navigation */
  3701. #order p.cart_navigation.inner-top {
  3702.   border-top: 1px dotted #9a9a9a;
  3703. }
  3704.  
  3705. p.cart_navigation {
  3706.   clear: both;
  3707.   margin: 0;
  3708.   padding: 25px 0 0px 0;
  3709. }
  3710.  
  3711. p.cart_navigation.inner-top {
  3712.   margin-bottom: 20px;
  3713. }
  3714.  
  3715. p.cart_navigation .button, p.cart_navigation .button_large {
  3716.   float: left;
  3717. }
  3718.  
  3719. p.cart_navigation .button:after, p.cart_navigation .button_large:after {
  3720.   display: none;
  3721. }
  3722.  
  3723. .cart_navigation .exclusive:after, .cart_navigation .exclusive_large:after {
  3724.   display: none;
  3725. }
  3726.  
  3727. #compare_shipping_form #availableCarriers {
  3728.   padding: 15px 0 0 0;
  3729.   margin: 0!important;
  3730. }
  3731.  
  3732. #compare_shipping_form #noCarrier {
  3733.   margin: 12px 0 0;
  3734.   padding: 10px 13px;
  3735.   text-align: center;
  3736. }
  3737.  
  3738. #availableCarriers_table {
  3739.   width: 100%;
  3740.   text-align: center;
  3741.   border: 1px solid #9a9a9a;
  3742. }
  3743.  
  3744. #availableCarriers_table th {
  3745.   text-align: center;
  3746.   border: 1px solid #9a9a9a;
  3747.   padding: 5px;
  3748. }
  3749.  
  3750. #carriercompare_errors_list li {
  3751.   margin: 0;
  3752.   padding: 10px 0 10px 0;
  3753. }
  3754.  
  3755. #availableCarriers_table td.radio {
  3756.   padding-top: 20px;
  3757.   padding-bottom: 0;
  3758.   text-align: center;
  3759.   border: none;
  3760. }
  3761.  
  3762. #availableCarriers_table td {
  3763.   margin: 0;
  3764.   padding: 10px 5px;
  3765.   vertical-align: middle;
  3766.   border: 1px solid #9a9a9a;
  3767. }
  3768.  
  3769. #availableCarriers_table td input {
  3770.   float: none;
  3771.   margin-top: 0px;
  3772. }
  3773.  
  3774. /**********************************************************************************************
  3775. LOGIN PAGE                                 
  3776. ***********************************************************************************************/
  3777. #create-account_form .text input, #create-account_form .password input, #login_form .text input, #login_form .password input {
  3778.   width: 100%;
  3779.   margin-bottom: 0px;
  3780. }
  3781.  
  3782. #authentication #create-account_form .title_block {
  3783.   text-transform: none;
  3784.   font-size: 13px;
  3785.   font-weight: bold;
  3786.   color: #7a7a7a;
  3787. }
  3788.  
  3789. #authentication #create-account_form p.text, #authentication #login_form p.text {
  3790.   padding: 14px 0 0 0;
  3791. }
  3792.  
  3793. .cart_total {
  3794.   text-align: right;
  3795. }
  3796.  
  3797. /* step 3 - address ************************************************************************** */
  3798. div.order_address p.select label {
  3799.   float: left;
  3800.   text-align: right;
  3801.   padding: 2px 7px 0 0;
  3802. }
  3803.  
  3804. div.order_address p#address_invoice_form a.button_large {
  3805.   margin: 0 auto;
  3806. }
  3807.  
  3808. div.order_address p.address_add {
  3809.   padding: 20px 0 0 0;
  3810.   margin: 0;
  3811. }
  3812.  
  3813. div.order_address #ordermsg p {
  3814.   margin: 0;
  3815. }
  3816.  
  3817. div.order_address #ordermsg textarea {
  3818.   height: 100px;
  3819. }
  3820.  
  3821. #multishipping_mode_checkbox {
  3822.   vertical-align: top;
  3823.   margin-right: 5px;
  3824. }
  3825.  
  3826. #multishipping_mode_box .description {
  3827.   padding: 10px 0;
  3828. }
  3829. #multishipping_mode_box .description a {
  3830.   display: block;
  3831.   text-align: center;
  3832. }
  3833.  
  3834. #multishipping_mode_box .description_off {
  3835.   display: none;
  3836.   padding: 5px;
  3837. }
  3838.  
  3839. #multishipping_mode_box .description_off div {
  3840.   margin-bottom: 10px;
  3841. }
  3842.  
  3843. #multishipping_mode_box.on .description_off {
  3844.   display: block;
  3845. }
  3846.  
  3847. table.multishipping-cart td {
  3848.   padding: 12px!important;
  3849. }
  3850.  
  3851. table.multishipping-cart th {
  3852.   border-width: 0 0 1px 0;
  3853. }
  3854.  
  3855. .multishipping-cart .cart_quantity .cart_quantity_input {
  3856.   float: left;
  3857.   margin: 0;
  3858.   height: 22px;
  3859.   line-height: 22px;
  3860.   border-left: 0;
  3861.   border-right: 0;
  3862.   text-align: center;
  3863. }
  3864.  
  3865. .multishipping-cart .cart_quantity a {
  3866.   float: left;
  3867. }
  3868.  
  3869. .multishipping-cart .cart_quantity {
  3870.   width: 140px;
  3871. }
  3872.  
  3873. #order-detail-content #cart_summary.multishipping-cart {
  3874.   border: 1px solid #9a9a9a;
  3875.   margin-bottom: 20px;
  3876. }
  3877.  
  3878. #order-detail-content #cart_summary.multishipping-cart td.cart_product {
  3879.   width: auto;
  3880. }
  3881.  
  3882. #order-detail-content #cart_summary.multishipping-cart td.cart_quantity {
  3883.   width: 155px;
  3884. }
  3885.  
  3886. #order-detail-content {
  3887.   padding-top: 0;
  3888. }
  3889.  
  3890. #order-detail-content #cart_summary.multishipping-cart td {
  3891.   border: 1px solid #9a9a9a;
  3892. }
  3893.  
  3894. /* step 4 - paiement ************************************************************************** */
  3895. table#carrierTable {
  3896.   margin: 17px 0 0 0;
  3897. }
  3898.  
  3899. table#carrierTable tr td.radio input {
  3900.   background: none;
  3901.   border: none;
  3902.   position: relative;
  3903.   top: 1px;
  3904.   left: 0;
  3905. }
  3906.  
  3907. /* step 5 - paiement ************************************************************************** */
  3908. .payment_module img {
  3909.   float: left;
  3910.   vertical-align: middle;
  3911.   margin: 0 10px 0 0;
  3912. }
  3913.  
  3914. .payment_module a {
  3915.   display: block;
  3916.   background: #fdfdfd;
  3917.   border: 1px solid #9a9a9a;
  3918.   padding: 15px;
  3919.   color: #333;
  3920.   text-decoration: none;
  3921.   text-align: left;
  3922.   overflow: hidden;
  3923.   font-weight: bold;
  3924. }
  3925.  
  3926. .payment_module a:hover, .payment_module a:focus, .payment_module a:active {
  3927.   background: #fdfdfd;
  3928.   border: 1px solid #000;
  3929.   color: #000;
  3930. }
  3931.  
  3932. /* ************************************************************************************************
  3933. PAGE ORDER-OPC
  3934. ************************************************************************************************ */
  3935. div#order-opc h2.bordercolor {
  3936.   margin: 20px 0 0 0;
  3937.   padding: 17px 0 0 0;
  3938.   border-width: 1px 0 0 0;
  3939.   border-style: solid;
  3940. }
  3941.  
  3942. div#order-opc table#carrierTable {
  3943.   margin: 17px 0 0 0;
  3944. }
  3945.  
  3946. div#order-opc textarea#message {
  3947.   height: 100px;
  3948. }
  3949.  
  3950. /* ************************************************************************************************
  3951. express checkout
  3952. ************************************************************************************************ */
  3953. #new_account_form {
  3954.   clear: both;
  3955.   margin-bottom: 20px;
  3956. }
  3957.  
  3958. #new_account_form h3 {
  3959.   margin-bottom: 20px;
  3960. }
  3961.  
  3962. #new_account_form #submitGuestAccount {
  3963.   float: right;
  3964. }
  3965.  
  3966. /* ************************************************************************************************
  3967. paiment - CONFIRMATION
  3968. ************************************************************************************************ */
  3969. #orderconfirmation #left_column {
  3970.   display: none;
  3971. }
  3972.  
  3973. #orderconfirmation #center_column {
  3974.   width: 757px;
  3975. }
  3976.  
  3977. .orderconfirmation {
  3978.   border: 1px solid #9a9a9a;
  3979.   padding: 20px;
  3980.   margin: 30px 0 0 0;
  3981.   background: #f8f8f8;
  3982. }
  3983.  
  3984. .orderconfirmation a {
  3985.   color: #0C0;
  3986. }
  3987.  
  3988. .orderconfirmation a:hover {
  3989.   color: #333;
  3990. }
  3991.  
  3992. /* ************************************************************************************************
  3993. PAGE ADRESSES
  3994. ************************************************************************************************ */
  3995. .bloc_adresses .address {
  3996.   background: #f8f8f8;
  3997.   border: 1px solid #9a9a9a;
  3998.   padding: 20px;
  3999.   margin-bottom: 20px;
  4000.   overflow: hidden;
  4001. }
  4002.  
  4003. ul.address li {
  4004.   line-height: 25px;
  4005.   color: #333;
  4006. }
  4007.  
  4008. ul.address li.address_delete, ul.address li.address_update {
  4009.   float: left;
  4010. }
  4011.  
  4012. ul.address li .btn {
  4013.   color: #fff;
  4014.   margin-top: 10px;
  4015. }
  4016.  
  4017. ul.address li.address_title {
  4018.   margin: 0px 0px 8px 0px;
  4019.   color: #a9a9a9;
  4020.   font-size: 13px;
  4021.   text-transform: uppercase;
  4022.   font-weight: bold;
  4023. }
  4024.  
  4025. ul.address li.address_title h3 {
  4026.   margin: 0;
  4027. }
  4028.  
  4029. ul.address li.address_update {
  4030.   margin-right: 10px;
  4031. }
  4032.  
  4033. /* ************************************************************************************************
  4034. PAGE DISCOUNT
  4035. ************************************************************************************************ */
  4036. table.discount {
  4037.   margin: 17px 0 0 0;
  4038.   font-family: Arial, Helvetica, sans-serif;
  4039. }
  4040.  
  4041. table.discount td.discount_code {
  4042.   font-weight: bold;
  4043. }
  4044.  
  4045. table.discount td.discount_value {
  4046.   white-space: nowrap;
  4047. }
  4048.  
  4049. body#discount div.center_column sup {
  4050.   vertical-align: top;
  4051. }
  4052.  
  4053. /* ************************************************************************************************
  4054. PAGE MANUFACTURER
  4055. ************************************************************************************************ */
  4056. .description_box.cat_desc {
  4057.   border-bottom: 1px solid #9a9a9a;
  4058.   margin-bottom: 20px;
  4059. }
  4060. .description_box.cat_desc > div {
  4061.   padding-bottom: 20px;
  4062. }
  4063.  
  4064. .title_manuf {
  4065.   display: block;
  4066.   padding: 0 0 20px 0;
  4067.   margin: 0;
  4068.   width: 100%;
  4069.   overflow: hidden;
  4070.   text-align: right;
  4071. }
  4072.  
  4073. .mnf_sup_list li {
  4074.   padding: 0px 0px 20px 0px;
  4075.   margin-bottom: 20px;
  4076. }
  4077.  
  4078. .mnf_sup_list li.last_item {
  4079.   border-bottom: none;
  4080. }
  4081.  
  4082. .mnf_sup_list li .logo {
  4083.   padding-left: 0;
  4084. }
  4085.  
  4086. .mnf_sup_list li .right_side {
  4087.   padding-right: 0;
  4088. }
  4089.  
  4090. .mnf_sup_list li .left_side h3 {
  4091.   display: inline-block;
  4092.   padding: 0px 0 0 0;
  4093.   color: #7a7a7a;
  4094.   text-transform: uppercase;
  4095.   font-size: 13px;
  4096.   margin: -4px 0 5px 0;
  4097. }
  4098.  
  4099. .border_sep {
  4100.   border-right: 1px solid #9a9a9a;
  4101. }
  4102.  
  4103. /* ************************************************************************************************
  4104. PAGE SEARCH
  4105. ************************************************************************************************ */
  4106. #search h3.nbresult {
  4107.   margin: 10px 0 10px 0;
  4108.   padding: 10px;
  4109.   border: 1px solid #e6db55;
  4110.   font-size: 13px;
  4111.   background: lightyellow;
  4112. }
  4113.  
  4114. /* ************************************************************************************************
  4115. PAGE 404
  4116. ************************************************************************************************ */
  4117. p.error404 {
  4118.   border: 2px solid #dd0000;
  4119.   background: #f5f5f5;
  4120.   margin: 20px 0 0 0;
  4121.   padding: 10px;
  4122.   line-height: 32px;
  4123. }
  4124.  
  4125. p.error404 img {
  4126.   margin: 0 10px 0 0;
  4127. }
  4128.  
  4129. /* ************************************************************************************************
  4130. addons payment cheque
  4131. ************************************************************************************************ */
  4132. #module-cheque-payment #columns form img {
  4133.   float: left;
  4134.   margin: 0 20px 2px 0;
  4135. }
  4136.  
  4137. #module-cheque-payment form select, #module-bankwire-payment form select {
  4138.   margin: 20px 0 20px 0;
  4139. }
  4140.  
  4141. .box-payment-style {
  4142.   padding: 20px;
  4143.   border: 1px solid #9a9a9a;
  4144.   background: #fdfdfd;
  4145. }
  4146.  
  4147. .box-payment-style ul li {
  4148.   margin-bottom: 5px;
  4149. }
  4150.  
  4151. .box-payment-style ul {
  4152.   padding-top: 7px;
  4153. }
  4154.  
  4155. #module-cheque-payment .cart_navigation input, #module-cheque-payment .cart_navigation a, #module-bankwire-payment .cart_navigation input, #module-bankwire-payment .cart_navigation a {
  4156.   margin-bottom: 15px;
  4157. }
  4158.  
  4159. /* ************************************************************************************************
  4160. addon RerversoForm
  4161. ************************************************************************************************ */
  4162. #account-creation_form fieldset.reversoform {
  4163.   padding: 10px !important;
  4164. }
  4165.  
  4166. #account-creation_form fieldset.reversoform .text label {
  4167.   display: block;
  4168.   padding: 0 0 10px 0;
  4169.   width: 100%;
  4170.   text-align: left;
  4171. }
  4172.  
  4173. #account-creation_form fieldset.reversoform .infos-sup {
  4174.   padding: 0 !important;
  4175.   font-size: 10px;
  4176.   font-style: italic;
  4177.   text-align: right;
  4178. }
  4179.  
  4180. /* ************************************************************************************************
  4181. addon referralprogram
  4182. ************************************************************************************************ */
  4183. #footer .myaccount li.referralprogram img {
  4184.   display: none;
  4185. }
  4186.  
  4187. /* ************************************************************************************************
  4188. addon Livezilla
  4189. ************************************************************************************************ */
  4190. #livezilla_lnk {
  4191.   margin: 10px 0;
  4192.   text-align: right;
  4193. }
  4194.  
  4195. #livezilla_lnk a {
  4196.   display: inline-block;
  4197.   padding: 6px 8px 8px 8px;
  4198.   -moz-border-radius: 3px;
  4199.   -webkit-border-radius: 3px;
  4200.   border-radius: 3px;
  4201.   font: bold 10px Arial, Verdana, sans-serif;
  4202.   color: #fff;
  4203.   text-shadow: 0 -1px 0 black;
  4204.   background: url(../img/bg_bt_compare.gif) repeat-x scroll 0 0 black;
  4205. }
  4206.  
  4207. #livezilla_lnk a:hover {
  4208.   text-decoration: none;
  4209. }
  4210.  
  4211. /* ************************************************************************************************
  4212. guest tracking And TIME CSS
  4213. ************************************************************************************************ */
  4214. #opc_account.opc-main-block #address_invoice_form select {
  4215.   width: 100%;
  4216. }
  4217.  
  4218. #address_invoice_form label {
  4219.   display: block;
  4220.   padding-bottom: 4px;
  4221. }
  4222.  
  4223. #order #fancybox-content h2 {
  4224.   font-size: 14px;
  4225.   text-transform: uppercase;
  4226.   color: #3a3a3a;
  4227. }
  4228.  
  4229. .popup-extra h3 {
  4230.   color: #ed038a;
  4231.   font-size: 14px;
  4232.   padding-bottom: 7px;
  4233. }
  4234.  
  4235. #favoriteproducts_block_account .favoriteproduct {
  4236.   position: relative;
  4237.   margin-bottom: 14px;
  4238.   margin-top: 15px;
  4239.   border: 1px solid #9a9a9a;
  4240.   padding: 20px;
  4241. }
  4242.  
  4243. .favoriteproduct a.product_img_link {
  4244.   display: block;
  4245.   float: left;
  4246.   margin-right: 14px;
  4247.   overflow: hidden;
  4248.   position: relative;
  4249. }
  4250.  
  4251. .favoriteproduct h3 {
  4252.   color: #000000;
  4253.   font-size: 13px;
  4254.   padding: 0 0 10px;
  4255. }
  4256.  
  4257. .favoriteproduct p.product_desc {
  4258.   line-height: 16px;
  4259.   overflow: hidden;
  4260.   padding: 0;
  4261. }
  4262.  
  4263. .favoriteproduct .remove {
  4264.   position: absolute;
  4265.   top: 15px;
  4266.   right: 20px;
  4267. }
  4268.  
  4269. .favoriteproduct .remove .icon {
  4270.   cursor: pointer;
  4271. }
  4272.  
  4273. /* ************************************************************************************************
  4274.         module productcomments
  4275. ************************************************************************************************ */
  4276. .rating {
  4277.   display: block;
  4278.   clear: both;
  4279.   margin: 2em;
  4280.   cursor: pointer;
  4281. }
  4282.  
  4283. .rating:after {
  4284.   display: block;
  4285.   content: '.';
  4286.   height: 0;
  4287.   width: 0;
  4288.   clear: both;
  4289.   visibility: hidden;
  4290. }
  4291.  
  4292. .cancel, .star {
  4293.   float: left;
  4294.   overflow: hidden;
  4295.   margin: 0 1px 0 0;
  4296.   width: 16px;
  4297.   height: 16px;
  4298.   text-indent: -999em;
  4299.   cursor: pointer;
  4300. }
  4301.  
  4302. .cancel, .cancel a {
  4303.   background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px !important;
  4304. }
  4305.  
  4306. .cancel a, .star a {
  4307.   display: block;
  4308.   width: 100%;
  4309.   height: 100%;
  4310.   background-position: 0 0;
  4311. }
  4312.  
  4313. div.star_on a {
  4314.   background-position: 0 -16px;
  4315. }
  4316.  
  4317. div.star_hover a, div.star a:hover {
  4318.   background-position: 0 -32px;
  4319. }
  4320.  
  4321. .star {
  4322.   float: left;
  4323.   position: relative;
  4324.   top: 2px;
  4325.   height: 12px;
  4326.   width: 12px;
  4327.   overflow: hidden;
  4328.   text-indent: -999em;
  4329.   cursor: pointer;
  4330. }
  4331.  
  4332. .star, .star a {
  4333.   background: url(../img/star.png) no-repeat 0 0;
  4334. }
  4335.  
  4336. div.star_on a {
  4337.   background-position: 0 -12px;
  4338. }
  4339.  
  4340. div.star_hover a, div.star a:hover {
  4341.   background-position: 0 -12px;
  4342. }
  4343.  
  4344. .confirmation {
  4345.   margin: 0 0 10px;
  4346.   padding: 10px;
  4347.   border: 1px solid #e6db55;
  4348.   font-size: 13px;
  4349.   background: #ffffe0;
  4350. }
  4351.  
  4352. #main .rte {
  4353.   background: 0 0;
  4354. }
  4355.  
  4356. .listcomment {
  4357.   list-style-type: none;
  4358.   margin: 0 0 20px 0 !important;
  4359. }
  4360.  
  4361. .listcomment li {
  4362.   padding: 10px 0;
  4363.   border-bottom: 1px dotted #9a9a9a;
  4364.   color: #666666;
  4365. }
  4366.  
  4367. .listcomment .titlecomment {
  4368.   display: block;
  4369.   font-weight: bold;
  4370.   font-size: 12px;
  4371.   color: #333333;
  4372. }
  4373.  
  4374. .listcomment .txtcomment {
  4375.   display: block;
  4376.   padding: 5px 0;
  4377.   color: #333333;
  4378. }
  4379.  
  4380. form#sendComment fieldset {
  4381.   padding: 10px;
  4382.   border: 1px solid #9a9a9a;
  4383.   background: #eeeeee;
  4384. }
  4385.  
  4386. form#sendComment h3 {
  4387.   font-size: 14px;
  4388. }
  4389.  
  4390. #new_comment_form p.text {
  4391.   margin-bottom: 0;
  4392.   padding-bottom: 0;
  4393. }
  4394.  
  4395. #new_comment_form .btn {
  4396.   margin-bottom: 10px;
  4397.   margin-left: 5px;
  4398. }
  4399.  
  4400. #sendComment p.text label, #sendComment p.textarea label {
  4401.   display: block;
  4402.   margin: 12px 0 4px;
  4403.   font-weight: bold;
  4404.   font-size: 12px;
  4405. }
  4406.  
  4407. .relative {
  4408.   position: relative;
  4409. }
  4410.  
  4411. #sendComment p.text input {
  4412.   padding: 0 5px;
  4413.   height: 28px;
  4414.   width: 498px;
  4415.   border: 1px solid #9a9a9a;
  4416.   background: url(../img/bg_input.png) repeat-x 0 0 white;
  4417. }
  4418.  
  4419. #sendComment p.textarea textarea {
  4420.   height: 80px;
  4421.   width: 508px;
  4422.   border: 1px solid #9a9a9a;
  4423. }
  4424.  
  4425. #sendComment p.submit {
  4426.   padding: 0;
  4427.   text-align: right;
  4428. }
  4429.  
  4430. #sendComment p.closeform {
  4431.   float: right;
  4432.   padding: 0;
  4433.   height: 16px;
  4434.   width: 12px;
  4435.   text-indent: -5000px;
  4436.   background: url(../img/icon/delete.gif) no-repeat 0 0;
  4437. }
  4438.  
  4439. #new_comment_form .media .product_desc {
  4440.   text-align: left;
  4441.   max-width: 300px;
  4442. }
  4443.  
  4444. #new_comment_form .product .product_desc .product_name {
  4445.   padding-bottom: 5px;
  4446.   font-size: 13px;
  4447.   color: black;
  4448. }
  4449.  
  4450. #new_comment_form .grade_content {
  4451.   margin: 0 0 20px 0;
  4452. }
  4453.  
  4454. #new_comment_form .grade_content span, #new_comment_form .grade_content span {
  4455.   display: inline-block;
  4456.   padding: 0 10px;
  4457.   width: 150px;
  4458.   font-weight: bold;
  4459. }
  4460.  
  4461. #new_comment_form .grade_content .cancel {
  4462.   margin-right: 5px;
  4463. }
  4464.  
  4465. .new_comment_form_content .intro_form {
  4466.   padding-bottom: 10px;
  4467.   font-weight: bold;
  4468.   font-size: 12px;
  4469. }
  4470.  
  4471. #new_comment_form .submit {
  4472.   margin-top: 20px;
  4473.   padding: 0;
  4474.   font-size: 13px;
  4475.   text-align: right;
  4476. }
  4477.  
  4478. #new_comment_form #criterions_list {
  4479.   border-bottom: 1px solid #9a9a9a;
  4480.   margin-bottom: 15px;
  4481.   list-style-type: none;
  4482. }
  4483.  
  4484. #new_comment_form #new_comment_form_footer {
  4485.   margin-top: 0px;
  4486.   font-size: 12px;
  4487. }
  4488.  
  4489. #new_comment_form {
  4490.   overflow: hidden;
  4491. }
  4492.  
  4493. #new_comment_form form {
  4494.   text-align: left;
  4495. }
  4496.  
  4497. .fl {
  4498.   float: left;
  4499. }
  4500.  
  4501. .fr {
  4502.   float: right;
  4503. }
  4504.  
  4505. /* ************************************************************************************************
  4506.         TIME OTHER GLOBAL CSS
  4507. ************************************************************************************************ */
  4508. .titled_box h2, .account_creation h3 {
  4509.   color: #333;
  4510.   text-transform: uppercase;
  4511.   font-weight: bold;
  4512.   font-size: 13px;
  4513.   padding: 10px 0px 0px 0px;
  4514.   margin: 0 0 15px 0;
  4515.   position: relative;
  4516.   border-bottom: 1px solid #333;
  4517. }
  4518. .titled_box h2 span, .account_creation h3 span {
  4519.   position: relative;
  4520.   z-index: 1;
  4521. }
  4522.  
  4523. .icon-style {
  4524.   width: 16px;
  4525.   height: 16px;
  4526.   background: url(../img/icon-style.png) center center no-repeat;
  4527. }
  4528.  
  4529. .shop_box_row {
  4530.   border-bottom: 1px solid #9a9a9a;
  4531. }
  4532.  
  4533. .title_shop {
  4534.   color: #000;
  4535.   font-size: 13px;
  4536.   font-style: italic;
  4537.   font-weight: bold;
  4538. }
  4539.  
  4540. .lnk_more {
  4541.   display: inline-block;
  4542.   font-size: 13px;
  4543.   color: #a9a9a9;
  4544.   line-height: 16px;
  4545.   font-style: italic;
  4546.   font-weight: bold;
  4547. }
  4548.  
  4549. .lnk_more:hover {
  4550.   color: #a9a9a9;
  4551. }
  4552.  
  4553. .store_list li {
  4554.   padding: 0px 0 0px 0px;
  4555.   margin: 0;
  4556. }
  4557. .store_list li:first-child a {
  4558.   border: none;
  4559. }
  4560. .store_list li.favoriteproducts a i, .store_list li.referralprogram a i, .store_list li.loyalty a i, .store_list li.lnk_wishlist a i {
  4561.   display: none;
  4562. }
  4563. .store_list li a {
  4564.   display: block;
  4565.   padding: 7px 0 7px 0px;
  4566.   border-top: 1px solid #9a9a9a;
  4567. }
  4568. .store_list li a i {
  4569.   margin-right: 10px;
  4570. }
  4571.  
  4572. .content_list li {
  4573.   padding: 0 0 10px 0;
  4574.   margin: 0 0 0 0;
  4575. }
  4576. .content_list li a i {
  4577.   padding-right: 7px;
  4578. }
  4579.  
  4580. .shop_table {
  4581.   vertical-align: middle;
  4582. }
  4583.  
  4584. #order-detail-content-table input.order_qte_input + label {
  4585.   float: none;
  4586. }
  4587.  
  4588. #order-detail-content-table td.expand label {
  4589.   cursor: pointer;
  4590.   margin: 0;
  4591. }
  4592.  
  4593. .shop_table th {
  4594.   border: 1px solid #9a9a9a;
  4595. }
  4596.  
  4597. .shop_table th {
  4598.   font-weight: bold;
  4599.   padding: 15px 20px;
  4600.   text-align: center;
  4601.   vertical-align: middle;
  4602.   text-transform: uppercase;
  4603. }
  4604.  
  4605. .shop_table td {
  4606.   padding: 10px 20px;
  4607. }
  4608.  
  4609. .shop_table td .footable-row-detail-inner strong {
  4610.   display: inline-block;
  4611.   font-size: 14px;
  4612.   font-weight: normal;
  4613.   margin: 0 10px 10px 0;
  4614.   color: #333;
  4615. }
  4616.  
  4617. .footable.breakpoint > tbody > tr > td.expand {
  4618.   background-image: url(../img/u.png);
  4619.   background-position: 7px center;
  4620.   background-repeat: no-repeat;
  4621.   padding-left: 40px;
  4622.   vertical-align: middle;
  4623. }
  4624.  
  4625. .footable.breakpoint > tbody > tr.footable-detail-show > td.expand {
  4626.   background-image: url(../img/uu.png);
  4627.   padding-left: 40px;
  4628. }
  4629.  
  4630. .footable.breakpoint > tbody > tr > td.expand, .footable.breakpoint > tbody > tr.footable-detail-show > td.expand {
  4631.   cursor: pointer;
  4632. }
  4633.  
  4634. .footable > tbody img {
  4635.   vertical-align: middle;
  4636. }
  4637.  
  4638. /* Global Declaration */
  4639. div.checker span, div.radio span {
  4640.   background: url(../img/sprite.png);
  4641.   background-repeat: no-repeat;
  4642.   -webkit-font-smoothing: antialiased;
  4643. }
  4644.  
  4645. .radio {
  4646.   padding-left: 0;
  4647. }
  4648.  
  4649. p.radio {
  4650.   margin-top: 0;
  4651.   margin-bottom: 0;
  4652. }
  4653.  
  4654. .checker, .uploader, .checker * {
  4655.   margin: 0;
  4656.   padding: 0;
  4657. }
  4658.  
  4659. /* Checkbox */
  4660. div.checker {
  4661.   float: left;
  4662.   width: 19px;
  4663.   height: 19px;
  4664. }
  4665.  
  4666. div.checker input {
  4667.   width: 19px;
  4668.   height: 19px;
  4669. }
  4670.  
  4671. div.checker span {
  4672.   background-position: 0px -260px;
  4673.   height: 19px;
  4674.   width: 19px;
  4675. }
  4676.  
  4677. div.checker:active span, div.checker.active span {
  4678.   background-position: -19px -260px;
  4679. }
  4680.  
  4681. div.checker.focus span, div.checker:hover span {
  4682.   background-position: -38px -260px;
  4683. }
  4684.  
  4685. div.checker.focus:active span, div.checker:active:hover span, div.checker.active:hover span, div.checker.focus.active span {
  4686.   background-position: -57px -260px;
  4687. }
  4688.  
  4689. div.checker span.checked {
  4690.   background-position: -76px -260px;
  4691. }
  4692.  
  4693. div.checker:active span.checked, div.checker.active span.checked {
  4694.   background-position: -95px -260px;
  4695. }
  4696.  
  4697. div.checker.focus span.checked, div.checker:hover span.checked {
  4698.   background-position: -114px -260px;
  4699. }
  4700.  
  4701. div.checker.focus:active span.checked, div.checker:hover:active span.checked, div.checker.active:hover span.checked, div.checker.active.focus span.checked {
  4702.   background-position: -133px -260px;
  4703. }
  4704.  
  4705. div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span {
  4706.   background-position: -152px -260px;
  4707. }
  4708.  
  4709. div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked {
  4710.   background-position: -171px -260px;
  4711. }
  4712.  
  4713. /* Checker */
  4714. div.checker {
  4715.   margin-right: 5px;
  4716. }
  4717.  
  4718. /* Select */
  4719. div.selector {
  4720.   float: left;
  4721.   line-height: 30px;
  4722.   height: 30px;
  4723.   padding: 0 0 0 0px;
  4724.   position: relative;
  4725.   overflow: hidden;
  4726.   border: 1px solid #9a9a9a;
  4727.   background: url(../img/select.png) no-repeat 95% 12px;
  4728.   width: 170px !important;
  4729. }
  4730.  
  4731. div.selector span {
  4732.   display: block;
  4733.   text-overflow: ellipsis;
  4734.   overflow: hidden;
  4735.   white-space: nowrap;
  4736.   height: 30px;
  4737.   line-height: 30px;
  4738.   padding-right: 0px;
  4739.   padding-left: 10px;
  4740.   cursor: pointer;
  4741.   width: 85% !important;
  4742.   font-size: 12px;
  4743. }
  4744.  
  4745. .nbr_page div.selector {
  4746.   background-position: 89% 12px;
  4747.   width: 65px !important;
  4748. }
  4749.  
  4750. div.selector.fixedWidth {
  4751.   width: 190px;
  4752. }
  4753.  
  4754. div.selector.fixedWidth span {
  4755.   width: 155px;
  4756. }
  4757.  
  4758. div.selector select {
  4759.   opacity: 0;
  4760.   -moz-opacity: 0;
  4761.   border: none;
  4762.   background: none;
  4763.   position: absolute;
  4764.   height: 31px;
  4765.   top: 0px;
  4766.   padding: 0 20px 0 0;
  4767.   left: 0px;
  4768.   width: 100%;
  4769. }
  4770.  
  4771. /*
  4772.  
  4773. CORE FUNCTIONALITY
  4774.  
  4775. Not advised to edit stuff below this line
  4776. -----------------------------------------------------
  4777. */
  4778. .checker {
  4779.   display: -moz-inline-box;
  4780.   display: inline-block;
  4781.   *display: inline;
  4782.   vertical-align: middle;
  4783.   zoom: 1;
  4784. }
  4785.  
  4786. .checker input:focus {
  4787.   outline: 0;
  4788. }
  4789.  
  4790. /* Checker */
  4791. div.checker {
  4792.   position: relative;
  4793. }
  4794.  
  4795. div.checker span {
  4796.   display: -moz-inline-box;
  4797.   display: inline-block;
  4798.   text-align: center;
  4799. }
  4800.  
  4801. div.checker input {
  4802.   display: inline-block;
  4803.   opacity: 0;
  4804.   margin: 0!important;
  4805.   background: none;
  4806. }
  4807.  
  4808. #product div.jGrowl div.jGrowl-notification, #product div.jGrowl div.jGrowl-closer {
  4809.   display: none;
  4810.   background: url(../img/icon/warning.png) no-repeat 10px 15px #d4eeff;
  4811.   opacity: .85;
  4812.   margin-top: 5px;
  4813.   margin-bottom: 5px;
  4814.   text-align: left;
  4815.   padding: 10px 10px 6px 45px;
  4816.   border: 1px solid #34ACF9;
  4817.   color: #0473B9;
  4818.   font: 13px "Arial";
  4819.   border-radius: 5px;
  4820. }
  4821.  
  4822. #product div.jGrowl div.jGrowl-notification div.close {
  4823.   font-size: 18px;
  4824.   color: #34ACF9;
  4825.   margin-top: 7px;
  4826.   opacity: .99;
  4827. }
  4828.  
  4829. .modal-body {
  4830.   overflow-y: auto;
  4831.   -webkit-overflow-scrolling: touch;
  4832.   max-height: 200px;
  4833. }
  4834.  
  4835. @media print {
  4836.   * {
  4837.     background: transparent !important;
  4838.     color: black !important;
  4839.     box-shadow: none !important;
  4840.     text-shadow: none !important;
  4841.   }
  4842.  
  4843.   a, a:visited {
  4844.     text-decoration: underline;
  4845.   }
  4846.  
  4847.   a[href]:after {
  4848.     content: "";
  4849.   }
  4850.  
  4851.   abbr[title]:after {
  4852.     content: "";
  4853.   }
  4854.  
  4855.   .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
  4856.     content: "";
  4857.   }
  4858.  
  4859.   a:link:after, a:visited:after {
  4860.     content: "";
  4861.   }
  4862.  
  4863.   pre, blockquote {
  4864.     border: 1px solid #999;
  4865.     page-break-inside: avoid;
  4866.   }
  4867.  
  4868.   thead {
  4869.     display: table-header-group;
  4870.   }
  4871.  
  4872.   tr, img {
  4873.     page-break-inside: avoid;
  4874.   }
  4875.  
  4876.   img {
  4877.     max-width: 100% !important;
  4878.   }
  4879.  
  4880.   @page {
  4881.     margin: 0.5cm;
  4882. }
  4883.  
  4884.   p, h2, h3 {
  4885.     orphans: 3;
  4886.     widows: 3;
  4887.   }
  4888.  
  4889.   h2, h3 {
  4890.     page-break-after: avoid;
  4891.   }
  4892.  
  4893.   .hide-on-print {
  4894.     display: none !important;
  4895.   }
  4896.  
  4897.   .print-only {
  4898.     display: block !important;
  4899.   }
  4900.  
  4901.   .hide-for-print {
  4902.     display: none !important;
  4903.   }
  4904.  
  4905.   .show-for-print {
  4906.     display: inherit !important;
  4907.   }
  4908. }
  4909. /* ************************************************************************************************
  4910.                                         CROSSELING AND CATEGORY PRODUCTS
  4911. ************************************************************************************************ */
  4912. .crossselling.page_product_box h3, .tab-video.page_product_box h3 {
  4913.   margin-top: 10px;
  4914. }
  4915.  
  4916. #carouselproduct {
  4917.   width: 100000px;
  4918. }
  4919.  
  4920. #carouselproductcross {
  4921.   width: 100000px;
  4922. }
  4923.  
  4924. .page_product_box .carusel-inner {
  4925.   display: block;
  4926.   padding: 0px 0 0px 0;
  4927.   position: relative;
  4928.   margin: 0px 0 0px -20px;
  4929. }
  4930.  
  4931. .page_product_box .carusel-inner .caroufredsel_wrapper {
  4932.   cursor: default!important;
  4933. }
  4934.  
  4935. .page_product_box {
  4936.   margin: 0;
  4937. }
  4938.  
  4939. .page_product_box.blockproductscategory {
  4940.   overflow: hidden;
  4941. }
  4942.  
  4943. .page_product_box .carousel-ul {
  4944.   display: block;
  4945.   padding: 0;
  4946.   margin: 0;
  4947.   width: 10000px;
  4948. }
  4949.  
  4950. .page_product_box {
  4951.   position: relative;
  4952. }
  4953.  
  4954. .page_product_box .carusel-inner li a {
  4955.   display: inline;
  4956. }
  4957.  
  4958. .page_product_box .carusel-inner li {
  4959.   display: block;
  4960.   float: left;
  4961.   margin-left: 20px;
  4962.   height: 200px;
  4963.   width: 146px;
  4964.   text-align: center;
  4965. }
  4966.  
  4967. .page_product_box .carusel-inner li .price_display {
  4968.   margin: 0;
  4969. }
  4970.  
  4971. .page_product_box .carusel-inner .product_link {
  4972.   display: inline-block;
  4973.   margin: 5px 0px 0px 0px;
  4974. }
  4975.  
  4976. .page_product_box a.prev, .page_product_box a.next {
  4977.   display: none;
  4978.   background: url(../img/slider-arrow.png) no-repeat transparent;
  4979.   width: 27px;
  4980.   height: 27px;
  4981.   position: absolute;
  4982.   top: 50%;
  4983.   margin-top: -14px;
  4984.   opacity: 1;
  4985.   -moz-transition: opacity 300ms ease, left 300ms ease, right 300ms ease;
  4986.   -webkit-transition: opacity 300ms ease, left 300ms ease, right 300ms ease;
  4987.   -o-transition: opacity 300ms ease, left 300ms ease, right 300ms ease;
  4988.   transition: opacity 300ms ease, left 300ms ease, right 300ms ease;
  4989. }
  4990.  
  4991. .page_product_box .carusel-inner:hover, .page_product_box .carusel-inner img:hover {
  4992.   cursor: move;
  4993.   cursor: pointer;
  4994. }
  4995.  
  4996. .page_product_box .carusel-inner:hover a.prev {
  4997.   opacity: 1;
  4998.   left: 40px;
  4999. }
  5000.  
  5001. .page_product_box .carusel-inner:hover a.next {
  5002.   opacity: 1;
  5003.   right: 22px;
  5004. }
  5005.  
  5006. .page_product_box a.prev {
  5007.   left: 40px;
  5008.   background-position: 0 0;
  5009. }
  5010.  
  5011. .page_product_box a.prev:hover {
  5012.   background-position: 0 -27px;
  5013. }
  5014.  
  5015. .page_product_box a.next {
  5016.   right: 22px;
  5017.   background-position: -27px 0;
  5018. }
  5019.  
  5020. .page_product_box a.next:hover {
  5021.   background-position: -27px -27px;
  5022. }
  5023.  
  5024. .page_product_box a.next.disabled, .page_product_box a.prev.disabled {
  5025.   opacity: 0.2;
  5026. }
  5027.  
  5028. .page_product_box a.prev.disabled, .page_product_box a.next.disabled {
  5029.   cursor: default;
  5030. }
  5031.  
  5032. #HOOK_SHOPPING_CART .page_product_box > h3 {
  5033.   display: block;
  5034.   background: none repeat scroll 0 0 #A9A9A9;
  5035.   color: #FFFFFF;
  5036.   font-size: 20px;
  5037.   font-weight: normal;
  5038.   line-height: 1.5;
  5039.   margin: 0px 0 20px;
  5040.   padding: 9px 50px 9px 20px;
  5041.   position: relative;
  5042. }
  5043. #HOOK_SHOPPING_CART .page_product_box > h3.activeTab {
  5044.   background: #000;
  5045. }
  5046. #HOOK_SHOPPING_CART .page_product_box.accordion h3 {
  5047.   cursor: pointer;
  5048. }
  5049. #HOOK_SHOPPING_CART .page_product_box.accordion h3 .icon-toggle {
  5050.   display: block;
  5051.   font-size: 27px;
  5052.   line-height: 27px;
  5053.   position: absolute;
  5054.   right: 12px;
  5055.   top: 10px;
  5056. }
  5057.  
  5058. #HOOK_SHOPPING_CART .page_product_box.accordion h3 i {
  5059.   display: inline-block;
  5060. }
  5061.  
  5062. @media only screen and (min-width: 768px) and (max-width: 979px) {
  5063.   .page_product_box .carusel-inner a.prev {
  5064.     opacity: 1;
  5065.     left: 40px;
  5066.   }
  5067.  
  5068.   .page_product_box .carusel-inner a.next {
  5069.     opacity: 1;
  5070.     right: 22px;
  5071.   }
  5072. }
  5073. .unvisible.double, .unvisible {
  5074.   display: none;
  5075. }
  5076. [/CODE]
Advertisement
Add Comment
Please, Sign In to add comment